By integrating an electronically controlled variable speed motor with a hydraulic pump, Parker’s Drive Controlled Pump (DCP) technology can increase productivity and reduce energy use in many applications.
\r\n
\r\n
\r\n
Building a better world
\r\n
By integrating an electronically controlled variable speed motor with a hydraulic pump, Parker’s Drive Controlled Pump (DCP) technology can increase productivity and reduce energy use in many applications.
\r\n
\r\n
\r\n
Welcome My Parker for ACME
\r\n
\r\n
\r\n
Hi James
\r\n
Here you will find a specialized selection of parker Technologies, educational resources, and information created specifically to support ACME employees like you.
By integrating an electronically controlled variable speed motor with a hydraulic pump, Parker’s Drive Controlled Pump (DCP) technology can increase productivity and reduce energy use in many applications.
\r\n
\r\n
\r\n
Driving energy efficiency
\r\n
By integrating an electronically controlled variable speed motor with a hydraulic pump, Parker’s Drive Controlled Pump (DCP) technology can increase productivity and reduce energy use in many applications.
\r\n
\r\n
\r\n
Welcome My Parker for ACME
\r\n
\r\n
\r\n
Hi James
\r\n
Here you will find a specialized selection of parker Technologies, educational resources, and information created specifically to support ACME employees like you.
Partnering for safer, more eco-friendly air travel
\r\n
From the engine and chassis to the cab and implements, Parker’s heavy-duty vehicle technologies help equipment run better and more efficiently, while reducing operator fatigue and boosting productivity.
\r\n
\r\n
\r\n
Partnering for safer, more eco-friendly air travel
\r\n
From the engine and chassis to the cab and implements, Parker’s heavy-duty vehicle technologies help equipment run better and more efficiently, while reducing operator fatigue and boosting productivity.
\r\n
\r\n
\r\n
Welcome My Parker for ACME
\r\n
\r\n
\r\n
Hi James
\r\n
Here you will find a specialized selection of parker Technologies, educational resources, and information created specifically to support ACME employees like you.
For decades Parker has partnered with world-class aerospace manufacturers, offering a comprehensive range of components that can be found on virtually everything that flies.\r\n Leverage Parker's aerospace industry experience.
\r\n
\r\n
\r\n
Engineering Your Success
\r\n
For decades Parker has partnered with world-class aerospace manufacturers, offering a comprehensive range of components that can be found on virtually everything that flies.\r\n Leverage Parker's aerospace industry experience.
\r\n
\r\n
\r\n
Welcome My Parker for ACME
\r\n
\r\n
\r\n
Hi James
\r\n
Here you will find a specialized selection of parker Technologies, educational resources, and information created specifically to support ACME employees like you.
By integrating an electronically controlled variable speed motor with a hydraulic pump, Parker’s Drive Controlled Pump (DCP) technology can increase productivity and reduce energy use in many applications.
\r\n
\r\n
\r\n
Building a better world
\r\n
By integrating an electronically controlled variable speed motor with a hydraulic pump, Parker’s Drive Controlled Pump (DCP) technology can increase productivity and reduce energy use in many applications.
\r\n
\r\n
\r\n
Welcome My Parker for ACME
\r\n
\r\n
\r\n
Hi James
\r\n
Here you will find a specialized selection of parker Technologies, educational resources, and information created specifically to support ACME employees like you.
By integrating an electronically controlled variable speed motor with a hydraulic pump, Parker’s Drive Controlled Pump (DCP) technology can increase productivity and reduce energy use in many applications.
\r\n
\r\n
\r\n
Driving energy efficiency
\r\n
By integrating an electronically controlled variable speed motor with a hydraulic pump, Parker’s Drive Controlled Pump (DCP) technology can increase productivity and reduce energy use in many applications.
\r\n
\r\n
\r\n
Welcome My Parker for ACME
\r\n
\r\n
\r\n
Hi James
\r\n
Here you will find a specialized selection of parker Technologies, educational resources, and information created specifically to support ACME employees like you.
\r\n {(this.props.message!=\"\" && this.props.message!=undefined) && }\r\n {/* The user's password updated with a temporary password */}\r\n {this.props.message}\r\n
\r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n {translationUtils.getTranslation(2216,\"The user will be required to set a new password as soon as\")} {translationUtils.getTranslation(2217,\" they log in.\")}\r\n
\r\n {translationUtils.getTranslation(2232, \"A password reset link is sent to the user's email address, the password is not automatically reset. The password reset link will expire in\")} 1 {translationUtils.getTranslation(2233, \"Day\")} {translationUtils.getTranslation(2234, \"after it is sent.\")}\r\n
\r\n
\r\n \r\n
\r\n
\r\n {translationUtils.getTranslation(2237, \"A temporary password will be created for the account and shown to you.\")+' '+translationUtils.getTranslation(2238, \"The account will be marked as expired so that the user will be required to change the password when they login.\")} \r\n
\r\n handleCheckBox(e)}\r\n />\r\n By accepting this upload it is acknowledged that a\r\n new MyParker account will be created and if the email is\r\n currently registered with Parker the First and Last Name\r\n fields will be updated.\r\n
\r\n {this.state.messageAlert\r\n ? this.state.messageAlert\r\n : translationUtils.getTranslation(\r\n 2201,\r\n 'You do not have authorization to the following customer number(s):'\r\n )}\r\n\r\n {this.state.verifyCustId.toString()}\r\n
\r\n
\r\n {' '}\r\n Invalid Record Found at Row No.{' '}\r\n {this.state.invalidRows.row} and Column No.{' '}\r\n {this.state.invalidRows.column}\r\n
\r\n \r\n \r\n ) : (\r\n ''\r\n );\r\n }\r\n}\r\n\r\nexport default TokenListItem;\r\n","import React, { Component } from 'react';\r\nimport * as translationUtils from '../../../common-utils/translation_utils';\r\n\r\nclass ConfirmationPopUp extends Component {\r\n render() {\r\n return (\r\n
\r\n \r\n
\r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n {/*
\r\n {\"Are you sure you want to deactivate toke?\"}\r\n
*/}\r\n
\r\n
\r\n
\r\n {this.props.action == 'refresh'\r\n ? translationUtils.getTranslation(\r\n 3344,\r\n `Are you sure you want to refresh this token?`\r\n )\r\n : translationUtils.getTranslation(\r\n 3345,\r\n `Are you sure you want to deactivate this token?`\r\n )}\r\n {/*`Are you sure you want to ${this.props.action} this token?`*/}\r\n
\r\n {translationUtils.getTranslation(952, \"We're sorry, but we couldn't find any results for\") || \"We're sorry, but we couldn't find any results for\"}\r\n \r\n {searchWithIn.length > 0 ?
\"{searchbox} for {searchWithIn}\"
\r\n :
\"{searchbox}\"
}\r\n \r\n
\r\n
{translationUtils.getTranslation(1059, 'Please search on another term or browse for an item') || 'Please search on another term or browse for an item'}
\r\n {/*
\r\n Additional Resources:\r\n
*/}\r\n
\r\n
\r\n )\r\n}","import React from \"react\";\r\nimport Table from 'react-bootstrap/Table';\r\nimport {NoResultPage} from './NoResultPage';\r\nimport { getPhEnvDetail } from '../../../apiconfig.js';\r\n\r\nexport default function CrossReference (props){\r\n \r\n let results = props.crossrefResults;\r\n let language = props.language;\r\n \r\n return (\r\n
\r\n\r\n )\r\n}","import { useState } from \"react\";\r\nexport const listFacetType = (ref) => {\r\n return ref.replace('_facet', '_fq');\r\n};\r\n\r\n/**\r\n * Extract the facet label for use in the UI\r\n */\r\nexport const listLabel = (key) => {\r\n let label = '',\r\n hasSep1 = key.includes('/$$$'),\r\n hasSep2 = key.includes('$$$');\r\n\r\n if (hasSep1) {\r\n label = key.split('/$$$')[0];\r\n\r\n //If this is a product level greater than one\r\n //split it first to last instance which would be active selected\r\n if ((label.match(/\\//gi) || []).length > 1) {\r\n var labels = label.split('/');\r\n label = labels[labels.length - 1];\r\n } else {\r\n label = label.replace(/[/0]/g, '');\r\n }\r\n } else if (hasSep2) {\r\n label = key.split('$$$')[1];\r\n }\r\n\r\n return label;\r\n};\r\n\r\n/**\r\n *\r\n * @param String key\r\n * @returns The data id portion of the facet key (unique to Fusion taxonomies) cleaned up string for use as an attribute\r\n */\r\nexport const listInputValue = (key) => {\r\n let label = '',\r\n hasSep1 = key.includes('/$$$'),\r\n hasSep2 = key.includes('$$$');\r\n\r\n if (hasSep1) {\r\n label = key.split('/$$$')[1];\r\n } else if (hasSep2) {\r\n label = key.split('$$$')[0];\r\n }\r\n\r\n return label;\r\n};\r\n\r\n/**\r\n *\r\n * @param Array item\r\n * @returns A basic slug generator for use as a React element internal ref\r\n */\r\nexport const listElementID = (item) => {\r\n return item[0].replace(/\\s/g, '_');\r\n};\r\n\r\n// export const getCategoryType = (category) => {\r\n\r\n\r\n\r\n\r\n\r\n// }\r\n\r\nexport const getCategoryType = (category, lang) => {\r\n /*const types = {\r\n 0: 'products',\r\n 1: 'support',\r\n 2: 'general',\r\n 3: 'news-events'\r\n };\r\n const index = allResultTypes[\r\n `siteSection${language}_facet`\r\n ].findIndex((facet) => new RegExp(category).test(facet));\r\n\r\n return types[index ?? 0];*/\r\n\r\n //const lang = window.location.pathname.split('/')[1];\r\n\r\n let is_type,\r\n types = {\r\n 'products': {\r\n\t\t\t\t'EN':'p-939117180',\r\n // 'FI':'p-939117180',\r\n 'FR':'p-939111414',\r\n 'ES':'p952138483',\r\n 'ZH':'p645882',\r\n 'JP':'p1108836',\r\n 'KO':'p1642476',\r\n 'TH':'p-95877730',\r\n \r\n 'VI':'p356192254',\r\n 'CS':'p-939109486',\r\n 'SV':'p952376500',\r\n 'DK':'p952376500',\r\n 'NO':'p952376500',\r\n 'FI':'p119448614',\r\n 'DE':'p-939109506',\r\n 'IT':'p-939279599',\r\n 'NL':'p952138168',\r\n 'PT':'p-939100998',\r\n 'RU':'p1440520463',\r\n 'HU':'p-1112794284',\r\n 'PL':'p-939109486',\r\n 'TR':'p1464785254'\r\n \r\n },\r\n 'support': {\r\n 'EN' : 'p-190113873',\r\n // 'NL' : 'p-190113873',\r\n 'DE' : 'p-190113873',\r\n 'DK' : 'p-190113873',\r\n 'TH':'p569605064',\r\n 'FR' : 'p-265696456',\r\n 'ZH' :'p828338',\r\n 'JP':'p383886356',\r\n 'KO': 'p1651984',\r\n // 'TH':'p569605064',\r\n 'TR':'p2043598568',\r\n 'FI':'p763638804',\r\n 'CS':'p1259485203',\r\n 'FI':'p2618303',\r\n 'IT':'p-926378087',\r\n 'NL':'p-926378087',\r\n 'PT':'p-711074182',\r\n 'PL':'p-711074182',\r\n 'PT':'p-190140734',\r\n 'SV':'p-190113873',\r\n 'RU':'p1951998978',\r\n 'VI':'p763638804',\r\n 'HU':'p1017602045',\r\n 'ES': 'p-361915640',\r\n 'NO': 'p-190113873'\r\n },\r\n \r\n 'xref': {\r\n 'EN':'p-1526365397',\r\n 'NL':'p-615160939',\r\n 'PL':'p-2082061903',\r\n 'KO':'p-38055327',\r\n 'NO':'p-1449729491',\r\n 'IT':'p1175340919',\r\n 'FI':'p1373181449',\r\n 'VI':'p215459153',\r\n 'HU':'p-828039456',\r\n 'DK':'p-1267137398',\r\n 'ES':'p-1404004964',\r\n 'PT':'p-1771899231',\r\n 'SV':'p-20305393',\r\n 'TH':'p-877837782',\r\n 'TR':'p1747663857',\r\n 'JP':'p-1359765957',\r\n 'ZH':'p621062374',\r\n 'FR':'p1389145609',\r\n 'CS':'p1275118854'\r\n },\r\n };\r\n\r\n let getkey = false;\r\n\r\n for (var key in types) {\r\n if (types.hasOwnProperty(key)) {\r\n //is_type = types[key][lang] == category ? key : false;\r\n console.log(\"istype\",key, types[key][lang], category)\r\n if (types[key][lang] == category) return key;\r\n \r\n }\r\n \r\n }\r\n\r\n // console.log(\"getkey\",getkey)\r\n // return getkey;\r\n\r\n};\r\n\r\nexport const categoriesOrder = {\r\n 'support': 1,\r\n 'products': 2,\r\n 'xref': 3,\r\n};\r\n\r\nexport const getPid = (key) => {\r\n\r\n let dynamicPids = '';\r\n \r\n dynamicPids = key.split('$$$')[0];\r\n \r\n return dynamicPids;\r\n };\r\n\r\n export const getTabs = (resultTypeKey) => {\r\n const lang = window.location.pathname.split('/')[1];\r\n let resultTypes = [];\r\n let allResultTypes1 = JSON.parse(sessionStorage.getItem(\"facetFields\"));\r\n \r\n\r\n if (allResultTypes1) {\r\n if (resultTypeKey in allResultTypes1) {\r\n if (allResultTypes1[resultTypeKey].length) {\r\n resultTypes = allResultTypes1[resultTypeKey];\r\n }\r\n }\r\n }\r\n return resultTypes.map((item) => ({\r\n item,\r\n order: categoriesOrder[getCategoryType(listInputValue(item[0]), lang)],\r\n }))\r\n .sort((a, b) => a.order - b.order)\r\n .map((obj) => obj.item);\r\n \r\n\r\n};\r\n\r\n\r\nexport const getTabs2 = (resultTypeKey, myFacets) => {\r\n console.log(\"myFacets\",myFacets)\r\n const lang = window.location.pathname.split('/')[1];\r\n let resultTypes = [];\r\n let allResultTypes1 = myFacets;\r\n \r\n\r\n if (allResultTypes1) {\r\n if (resultTypeKey in allResultTypes1) {\r\n if (allResultTypes1[resultTypeKey].length) {\r\n resultTypes = allResultTypes1[resultTypeKey];\r\n }\r\n }\r\n }\r\n\r\n\r\n console.log(\"restype\",resultTypes)\r\n let ss = resultTypes.map((item) => ({\r\n item,\r\n order: categoriesOrder[getCategoryType(listInputValue(item[0]), lang)] || 4,\r\n }))\r\n console.log('ss after order', ss)\r\n ss = ss.sort((a, b) => a.order - b.order)\r\n console.log('ss after sort', ss)\r\n ss = ss.map((obj) => obj.item);\r\n console.log('ss after map', ss)\r\n console.log(\"ordered1facet1\",ss)\r\n\r\n return ss; \r\n\r\n};\r\n","import React,{ useState, useEffect } from \"react\";\r\n// import smtp from 'smtp.js';\r\n// import emailjs from '@emailjs/browser';\r\nimport { getAPIAuthKey, getNewDomain, getHostForDA, getEnvForSearch, getEnvDetail, getExternalHost, getEnvForContaUsLink } from '../../../apiconfig';\r\nimport { Modal, Button } from 'react-bootstrap';\r\n// import 'bootstrap/dist/css/bootstrap.min.css';\r\nimport '../assets/styles/custom-styles.css';\r\nimport '../assets/styles/media-styles.css';\r\nimport '../assets/styles/sidebar.css';\r\nimport TagManager from 'react-gtm-module';\r\nimport * as translationUtils from '../../../common-utils/translation_utils';\r\n\r\nconst urlParams = new URLSearchParams(window.location.search);\r\nlet home = getNewDomain();\r\nconst cid = urlParams.getAll('cid');\r\n\r\nexport default function EmailComponent(props){ \r\n \r\n const language = props.language;\r\n const [inputFields, setInputFields] = useState({\r\n toFName: \"\",\r\n toLName: \"\",\r\n toEmail: \"\",\r\n fromFName: \"\",\r\n fromLName: \"\",\r\n // fromEmail: \"\",\r\n \r\n });\r\n const [errors, setErrors] = useState({});\r\n const [submitting, setSubmitting] = useState(false);\r\n const [frmType, setfrmType] = useState(\"myself\")\r\n const [showError, setShowError] = useState(false);\r\n \r\n const productName = props.productDetail.productName[0];\r\n const productId = props.productDetail.productId;\r\n const fileType = props.productDetail.fileType[0];\r\n const supportType = props.productDetail.supportType[0];\r\n const subCategory = props.productDetail.support_sub_category[0];\r\n const privacyPolicyLink = `${getExternalHost()}us/${language.toLowerCase()}/privacy-policies.html`;\r\n let hostName = getEnvForSearch();\r\n const sendEmail = async (e, formType) => {\r\n e.preventDefault();\r\n if(formType == \"myself\"){\r\n setErrors(validateValues(inputFields, \"myself\"));\r\n }\r\n if(formType== \"colleague\"){\r\n setErrors(validateValues(inputFields, \"colleague\"));\r\n }\r\n \r\n setSubmitting(true);\r\n \r\n };\r\n \r\n const validateValues = (inputValues, formType) => {\r\n let errors = {};\r\n if(formType == \"myself\"){\r\n setfrmType(\"myself\")\r\n if (inputValues.toFName == null || inputValues.toFName == \"\" ) {\r\n \r\n errors.toFName = \"Please enter First Name\";\r\n }\r\n if (inputValues.toLName == null || inputValues.toLName == \"\" ) {\r\n errors.toLName = \"Please enter Last Name\";\r\n }\r\n if (inputValues.toEmail.length < 15) {\r\n errors.toEmail = \"Enter the email address in the correct format\";\r\n }\r\n }\r\n if(formType == \"colleague\"){\r\n setfrmType(\"colleague\")\r\n if (inputValues.toEmail.length < 15) {\r\n errors.toEmail = \"Enter the email address in the correct format\";\r\n }\r\n if (inputValues.toFName == null || inputValues.toFName == \"\" ) {\r\n \r\n errors.toFName = \"Please enter First Name\";\r\n }\r\n if (inputValues.toLName == null || inputValues.toLName == \"\" ) {\r\n errors.toLName = \"Please enter Last Name\";\r\n }\r\n if (inputValues.fromFName == null || inputValues.fromFName == \"\" ) {\r\n errors.fromFName = \"Please enter First Name\";\r\n }\r\n if (inputValues.fromLName == null || inputValues.fromLName == \"\" ) {\r\n errors.fromLName = \"Please enter Last Name\";\r\n }\r\n }\r\n return errors;\r\n };\r\n \r\n const handleChange = (e) => {\r\n const { name, value } = e.target;\r\n setInputFields({ ...inputFields, \r\n [name]: value,\r\n });\r\n \r\n };\r\n \r\n const finishSubmit = async (productName, frmType, fileType, supportType, subCategory) => {\r\n \r\n let subject = \"Support Asset for Parker product\";\r\n let body = `
Below please find the link to the Support Asset from Parker.com that you requested. If you have product questions, need technical assistance, or require additional information, \r\n Please` + \" Contact Us
${frmName} ${frmlName} has sent you the link below to the the Support Asset from MyParker that you requested. If you have product questions, need technical assistance, or require additional information, \r\n Please` + \" Contact Us
\r\n\r\n \r\n )\r\n}","import React from \"react\";\r\nimport { getNewDomain } from '../../../apiconfig';\r\nconst urlParams = new URLSearchParams(window.location.search);\r\nlet home = getNewDomain();\r\nconst cid = urlParams.getAll('cid');\r\n\r\nexport default function PageTitle (){\r\n \r\n return (\r\n
\r\n
\r\n
Search
\r\n
\r\n
\r\n
\r\n \r\n
\r\n );\r\n}","import React, { Component } from 'react'\r\nimport './assets/styles/custom-styles.css';\r\nimport './assets/styles/media-styles.css';\r\nimport './assets/styles/sidebar.css';\r\nimport ResultTypeTabs from './components/ResultTypeTabs';\r\nimport PageTitle from './components/PageTitle';\r\nimport Pagination from './components/Pagination';\r\n// import \"https://cdn.tailwindcss.com\";\r\n\r\nexport default class MyParkerSearch extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n console.log(\"orgLists\",props.orgList)\r\n }\r\n\r\n render() {\r\n return (\r\n
\r\n \r\n \r\n
\r\n \r\n {/* */}\r\n
\r\n
\r\n )\r\n\r\n }\r\n}","import React from 'react';\r\nimport { getNewDomain } from '../../apiconfig';\r\nimport * as translationUtils from '../../common-utils/translation_utils';\r\n\r\nlet home = getNewDomain();\r\nexport default function Breadcrumb(props) {\r\n return (\r\n
\r\n
\r\n
\r\n
\r\n
{props.pageName? props.pageName: 'Support'}
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n );\r\n}\r\n","import React, { useEffect, useState } from 'react';\r\nimport Container from 'react-bootstrap/Container';\r\nimport Breadcrumb from './Breadcrumb';\r\nimport './assetsCategories.css';\r\n\r\nimport { Route } from 'react-router-dom';\r\nimport axios from 'axios';\r\nimport { Link } from 'react-router-dom';\r\nimport { getAPIAuthKey, getHostForDA } from '../../apiconfig';\r\n\r\nlet url = new URL(window.location.href);\r\nlet defaultLang = url.pathname.split('/')[1];\r\nconsole.log('lang===========', defaultLang);\r\n\r\nif(defaultLang=='' || defaultLang==null){\r\ndefaultLang = window.sessionStorage.getItem('defaultLang') || \"EN\";\r\n}\r\n//let defaultLang = window.sessionStorage.getItem('defaultLang');\r\nlet distributorId = window.sessionStorage.getItem('distributorId');\r\n\r\nconst NewSupportPage = (props) => {\r\n const [tiles, setTiles] = useState([]);\r\n const [supportTypes, setSupportTypes] = useState([]);\r\n const supportImgArray = [];\r\n const supportTypesArray = [];\r\n\r\n \r\n // first we will get the image url and category name\r\n\r\n const getImgCatName = async () => {\r\n try {\r\n const response = await axios.get(\r\n getHostForDA() +\r\n `/solr/MyParker/supportHome/select?json.nl=arrarr&wt=json&1.q=coreName_s:CategoryData&1.fq=LangCode_s:${props.lang.toUpperCase()}&2.fq=languageCode_ss:(EN)%20AND%20(customerId_ss:all)&2.fq=includeCountry_ss:(DEU)&3.fq=langCode_s:${props.lang.toUpperCase()}&4.facet.field=siteSection${props.lang}_facet&5.fq=customerId_s:00`,\r\n {\r\n headers: {\r\n 'Ocp-Apim-Subscription-Key': getAPIAuthKey(),\r\n },\r\n }\r\n );\r\n\r\n const facetsTile = response.data['3_response'] || [];\r\n for (let i = 0; i < facetsTile.docs.length; i++) {\r\n const catTile = facetsTile.docs[i]['supportCatTitle_si']; // The hash value\r\n const catImg = facetsTile.docs[i]['supportCatImage_si']; // The hash value\r\n\r\n if (facetsTile.docs) {\r\n const tile = {\r\n tilieTitle: catTile, // The first part (pid)\r\n tileImage: catImg, // The second part (pname)\r\n };\r\n supportImgArray.push(tile);\r\n }\r\n }\r\n console.log('Tiles====', supportImgArray);\r\n setTiles(supportImgArray);\r\n fetchData(supportImgArray);\r\n } catch (error) {\r\n console.error('Error fetching data:', error);\r\n }\r\n };\r\n\r\n // This is used for fetech hashcode and category name.\r\n const fetchData = async (tileArray) => {\r\n const facetTransParams = tileArray\r\n .map((tile) => encodeURIComponent(tile.tilieTitle))\r\n .join('&facetTrans=');\r\n try {\r\n const response = await axios.get(\r\n getHostForDA() +\r\n `/fusionsearch/apollo/collections/ParkerDotComMain/query-profiles/parkerdotcom-hash/select?echoParams=all&wt=json&json.nl=arrarr&debug=false&rows=0&facetTrans=${facetTransParams}`,\r\n\r\n {\r\n headers: {\r\n 'Ocp-Apim-Subscription-Key': getAPIAuthKey(),\r\n },\r\n }\r\n );\r\n\r\n const facets = response.data.responseHeader.params.hashes || [];\r\n\r\n for (let i = 0; i < facets.length; i++) {\r\n const fq1 = facets[i]; // The hash value\r\n\r\n // Split the hash value into pid and pname\r\n const [pid, pname] = fq1.split('$$$');\r\n\r\n if (fq1) {\r\n const tile = {\r\n fq: pid, // The first part (pid)\r\n heading: pname, // The second part (pname)\r\n };\r\n supportTypesArray.push(tile);\r\n }\r\n }\r\n\r\n setSupportTypes(supportTypesArray);\r\n } catch (error) {\r\n console.error('Error fetching data:', error);\r\n }\r\n };\r\n useEffect(() => {\r\n getImgCatName();\r\n // fetchData();\r\n }, []);\r\n\r\n // Merging newArray and oldArray based on heading and title\r\n\r\n const supportTiles = supportTypes.map((newItem) => {\r\n const oldItem = tiles.find(\r\n (oldItem) => oldItem.tilieTitle === newItem.heading\r\n );\r\n return {\r\n fq: newItem.fq,\r\n heading: newItem.heading,\r\n ...(oldItem ? { image: oldItem.tileImage, link: oldItem.link } : {}),\r\n };\r\n });\r\n //console.log('Final Array==', supportTiles);\r\n // Log the result\r\n\r\n const constructSearchUrl = (fq, title) => {\r\n const existingParams = new URLSearchParams(window.location.search);\r\n existingParams.set('supportType' + props.lang.toUpperCase() + '_fq', fq); // Add or update the fq parameter\r\n existingParams.set('searchbox', '*'); // Add or update the fq parameter\r\n return `search?${existingParams.toString()}`; // Construct the new URL\r\n };\r\n return (\r\n <>\r\n \r\n
\r\n
Support Asset Categories
\r\n \r\n
\r\n {supportTiles.map((tile, index) => (\r\n
\r\n \r\n
{tile.heading}
\r\n \r\n
\r\n \r\n
{' '}\r\n
\r\n ))}\r\n
\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default NewSupportPage;\r\n","import React from 'react';\r\nimport './mpHelp.css';\r\nimport Breadcrumb from '../support/Breadcrumb';\r\nimport * as translationUtils from '../../common-utils/translation_utils';\r\n\r\nconst MyParkerHelp = (props) => {\r\n return (\r\n <>\r\n \r\n
\r\n \r\n );\r\n }\r\n }\r\n }\r\n);\r\n","import axios from 'axios'\r\nimport * as apis from '../common-utils/api_urls'\r\nimport * as translationUtils from '../common-utils/translation_utils'\r\n\r\n/**\r\n * Get Application Tiles Data Service\r\n * @param {MainWrapper} callingClass \r\n * @param {string} apiUrl \r\n * @param {string} authToken \r\n */\r\nexport default function getApplicationTilesData(callingClass, apiUrl){\r\n let customizeHeader={}\r\n \r\n customizeHeader.Accept='application/json'\r\n //if(window.location.origin.indexOf('dev')>0)\r\n //customizeHeader.Authorization= 'Basic '+btoa(\"phstage:phstage\")\r\n const res = axios(apiUrl,{\r\n method: 'GET',\r\n headers:{'Ocp-Apim-Subscription-Key': '1560822963354a4888aa2dd3dc5bec99'}\r\n }).then( \r\n (result)=>{ \r\n if(result.data!==null && result.data!==undefined){\r\n callingClass.setApplicationTilesdata(result.data);\r\n //console.log(\"11_response \"+JSON.stringify(result.data));\r\n }else{\r\n // sessionStorage.clear();\r\n // window.location.href=`${window.allData.loginUrl}${window.location.href}`; \r\n }}).catch(\r\n (error)=>{\r\n // sessionStorage.clear();\r\n // window.location.href=`${window.allData.loginUrl}${window.location.href}`\r\n }) \r\n \r\n \r\n}\r\n","import axios from 'axios'\r\nimport * as apis from '../common-utils/api_urls'\r\nimport * as translationUtils from '../common-utils/translation_utils'\r\n\r\n/**\r\n * Get Suoort Assets L1 Data Service\r\n * @param {MainWrapper} callingClass \r\n * @param {string} apiUrl \r\n * @param {string} authToken \r\n */\r\nexport default function getSupportAssetsL1Data(callingClass, apiUrl){\r\n let customizeHeader={}\r\n\r\n customizeHeader.Accept='application/json'\r\n //if(window.location.origin.indexOf('dev')>0)\r\n //customizeHeader.Authorization= 'Basic '+btoa(\"phstage:phstage\")\r\n const res = axios(apiUrl,{\r\n method: 'GET',\r\n headers:{'Ocp-Apim-Subscription-Key': '1560822963354a4888aa2dd3dc5bec99'}\r\n }).then( \r\n (result)=>{ \r\n if(result.data!==null && result.data!==undefined){\r\n callingClass.setSupportAssetsL1Data(result.data);\r\n // console.log(\"Support Asset L1 \",JSON.stringify(result.data));\r\n }else{\r\n // sessionStorage.clear();\r\n // window.location.href=`${window.allData.loginUrl}${window.location.href}`; \r\n }}).catch(\r\n (error)=>{\r\n // sessionStorage.clear();\r\n // window.location.href=`${window.allData.loginUrl}${window.location.href}`\r\n }) \r\n \r\n \r\n}\r\n","// This optional code is used to register a service worker.\r\n// register() is not called by default.\r\n\r\n// This lets the app load faster on subsequent visits in production, and gives\r\n// it offline capabilities. However, it also means that developers (and users)\r\n// will only see deployed updates on subsequent visits to a page, after all the\r\n// existing tabs open on the page have been closed, since previously cached\r\n// resources are updated in the background.\r\n\r\n// To learn more about the benefits of this model and instructions on how to\r\n// opt-in, read https://bit.ly/CRA-PWA\r\n\r\nconst isLocalhost = Boolean(\r\n window.location.hostname === 'localhost' ||\r\n // [::1] is the IPv6 localhost address.\r\n window.location.hostname === '[::1]' ||\r\n // 127.0.0.1/8 is considered localhost for IPv4.\r\n window.location.hostname.match(\r\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\r\n )\r\n);\r\n\r\nexport function register(config) {\r\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\r\n // The URL constructor is available in all browsers that support SW.\r\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\r\n if (publicUrl.origin !== window.location.origin) {\r\n // Our service worker won't work if PUBLIC_URL is on a different origin\r\n // from what our page is served on. This might happen if a CDN is used to\r\n // serve assets; see https://github.com/facebook/create-react-app/issues/2374\r\n return;\r\n }\r\n\r\n window.addEventListener('load', () => {\r\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\r\n\r\n if (isLocalhost) {\r\n // This is running on localhost. Let's check if a service worker still exists or not.\r\n checkValidServiceWorker(swUrl, config);\r\n\r\n // Add some additional logging to localhost, pointing developers to the\r\n // service worker/PWA documentation.\r\n navigator.serviceWorker.ready.then(() => {\r\n console.log(\r\n 'This web app is being served cache-first by a service ' +\r\n 'worker. To learn more, visit https://bit.ly/CRA-PWA'\r\n );\r\n });\r\n } else {\r\n // Is not localhost. Just register service worker\r\n registerValidSW(swUrl, config);\r\n }\r\n });\r\n }\r\n}\r\n\r\nfunction registerValidSW(swUrl, config) {\r\n navigator.serviceWorker\r\n .register(swUrl)\r\n .then(registration => {\r\n registration.onupdatefound = () => {\r\n const installingWorker = registration.installing;\r\n if (installingWorker == null) {\r\n return;\r\n }\r\n installingWorker.onstatechange = () => {\r\n if (installingWorker.state === 'installed') {\r\n if (navigator.serviceWorker.controller) {\r\n // At this point, the updated precached content has been fetched,\r\n // but the previous service worker will still serve the older\r\n // content until all client tabs are closed.\r\n console.log(\r\n 'New content is available and will be used when all ' +\r\n 'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\r\n );\r\n\r\n // Execute callback\r\n if (config && config.onUpdate) {\r\n config.onUpdate(registration);\r\n }\r\n } else {\r\n // At this point, everything has been precached.\r\n // It's the perfect time to display a\r\n // \"Content is cached for offline use.\" message.\r\n console.log('Content is cached for offline use.');\r\n\r\n // Execute callback\r\n if (config && config.onSuccess) {\r\n config.onSuccess(registration);\r\n }\r\n }\r\n }\r\n };\r\n };\r\n })\r\n .catch(error => {\r\n console.error('Error during service worker registration:', error);\r\n });\r\n}\r\n\r\nfunction checkValidServiceWorker(swUrl, config) {\r\n // Check if the service worker can be found. If it can't reload the page.\r\n fetch(swUrl)\r\n .then(response => {\r\n // Ensure service worker exists, and that we really are getting a JS file.\r\n const contentType = response.headers.get('content-type');\r\n if (\r\n response.status === 404 ||\r\n (contentType != null && contentType.indexOf('javascript') === -1)\r\n ) {\r\n // No service worker found. Probably a different app. Reload the page.\r\n navigator.serviceWorker.ready.then(registration => {\r\n registration.unregister().then(() => {\r\n window.location.reload();\r\n });\r\n });\r\n } else {\r\n // Service worker found. Proceed as normal.\r\n registerValidSW(swUrl, config);\r\n }\r\n })\r\n .catch(() => {\r\n console.log(\r\n 'No internet connection found. App is running in offline mode.'\r\n );\r\n });\r\n}\r\n\r\nexport function unregister() {\r\n if ('serviceWorker' in navigator) {\r\n navigator.serviceWorker.ready.then(registration => {\r\n registration.unregister();\r\n });\r\n }\r\n}\r\n","import React from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\nimport { BrowserRouter as Router, Route } from \"react-router-dom\";\r\nimport {\r\n Security,\r\n SecureRoute,\r\n LoginCallback,\r\n AuthService,\r\n} from \"@okta/okta-react\";\r\nimport { createBrowserHistory } from \"history\";\r\nimport config from \"./config\";\r\nimport MainWrapper from \"./page/main-wrapper\";\r\nimport UserTokens from \"./containers/delegatedAdmin/token/UserTokens\";\r\nimport \"./index.css\";\r\nimport * as serviceWorker from \"./serviceWorker\";\r\nconst history = createBrowserHistory({\r\n basename: process.env.PUBLIC_URL,\r\n});\r\n\r\nconst App = () => {\r\n sessionStorage.setItem('Myparker_SearchBarEvent', 0);\r\n const authService = new AuthService({\r\n ...config.oidc,\r\n isAuthenticated: async () => {\r\n let isUserAuthenticated = false;\r\n const existsData = await authService._oktaAuth.session.exists();\r\n console.log(existsData, \"--- existsData\");\r\n await authService._oktaAuth.session.exists().then(async (exists) => {\r\n console.log(exists, \"-- exists\");\r\n if (exists) {\r\n const idToken = await authService.getTokenManager().get(\"idToken\");\r\n const accessToken = await authService\r\n .getTokenManager()\r\n .get(\"accessToken\");\r\n isUserAuthenticated = !!(idToken && accessToken);\r\n console.log(idToken, \"-- idToken (If exists=true)\");\r\n console.log(accessToken, \"-- accessToken (If exists=true)\");\r\n console.log(\r\n isUserAuthenticated,\r\n \"-- isUserAuthenticated (If exists=true)\"\r\n );\r\n }\r\n });\r\n if (!isUserAuthenticated) {\r\n console.log(isUserAuthenticated, \"-- !isUserAuthenticated\");\r\n console.log(authService, \"-- authService (If !isUserAuthenticated)\");\r\n await authService._oktaAuth.token\r\n .getWithoutPrompt({ responseType: [\"token\", \"id_token\"] })\r\n .then(function (res) {\r\n authService._oktaAuth.tokenManager.add(\r\n \"idToken\",\r\n res.tokens.idToken\r\n );\r\n authService._oktaAuth.tokenManager.add(\r\n \"accessToken\",\r\n res.tokens.accessToken\r\n );\r\n isUserAuthenticated = true;\r\n })\r\n .catch(function (err) {\r\n console.log(err);\r\n });\r\n }\r\n return isUserAuthenticated;\r\n },\r\n });\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nReactDOM.render(, document.getElementById(\"root\"));\r\nserviceWorker.unregister();\r\n"],"sourceRoot":""}
![\"Go](\"./MyParker_files/go-up.png\" "\\"Go")
\r\n ![\"Mail](\"/parker/myparker/assets/images/mail.png\" "\\"Mail\\"")
\r\n\t\t\t\t\t\t ![\"Phone](\"/parker/myparker/assets/images/Call.png\" "\\"Phone\\"")
\r\n\t\t\t\t\t\t ![\"Follow](\"./MyParker_files/social.png\" "\\"Follow")
\r\n ![\"breadcrumb]({process.env.PUBLIC_URL+\"/assets/images/breadcrumb-arrow.png\"} "\\"Breadcrumb"){kind=icon}
![\"...\"](\"/parkerimages/Parker.com/Controlled%20Documents/Support/Support%20Category%20images/literature-documents1.gif\")
{/* end ngIf: wrapper.image.length > 0 */}\r\n {/* ngIf: wrapper.fileType.length */}![\"images214\"](\"/parker/myparker/assets/images/1 "\\"images214\\"")
![\"images214\"](\"/parker/myparker/assets/images/3 "\\"images214\\"")
![\"images214\"](\"/parker/myparker/assets/images/2 "\\"images214\\"")
![\"image\"](\"/parker/myparker/assets/images/4 "\\"image\\"")
![\"Hero](\"https://www.parker.com/parkerimages/MyParker/hero-image2.jpg\" "\\"Driving")
\r\n ![\"images214\"](\"https://www.parker.com/parker/myparker/assets/images/1 "\\"images214\\"")
![\"images214\"](\"https://www.parker.com/parker/myparker/assets/images/3 "\\"images214\\"")
![\"images214\"](\"https://www.parker.com/parker/myparker/assets/images/2 "\\"images214\\"")
![\"image\"](\"https://www.parker.com/parker/myparker/assets/images/4 "\\"image\\"")
![\"Hero](\"/parkerimages/MyParker/hero-image2.jpg\" "\\"Partnering")
\r\n ![\"Hero](\"/parkerimages/MyParker/hero-image1.jpg\" "\\"Engineering")
\r\n ![](\"/assets/img/Icon.svg\"){kind=icon}
\r\n {file.path}\r\n ![](\"/assets/img/Upload-01.svg\")
\r\n ![](\"/assets/img/Upload-02.svg\")
\r\n ![\"no](\"./src/containers/search/assets/image/Rectangle "\\"SBW110")