\n {t('COOKIES_REQUIRED')}\n
\n \n {t('COOKIES_WATCH_VIDEOS_ACCEPT')}\n
\n \n \n {t('COOKIE_SETTINGS')}\n \n
\n \n {t('PM_KIT_CTA_TAG')}\n
\n );\n } else {\n addEquipmentCTATitle = t('MEQ_ADD_EQUIP_CTA');\n addEquipmentCTADescription ={t('MEQ_PARTS_FIT_CTA')}
;\n }\n\n return (\n <>\n\n
\n \n
\n \n )}\n \n {getDrawerComponent({\n currentEquipment: selectedEquipment,\n myEquipmentList: myEquipmentList\n })}\n \n );\n};\n\nDisplayEquipment.propTypes = {\n selectedEquipment: PropTypes.objectOf(\n PropTypes.oneOfType([PropTypes.string, PropTypes.bool])\n ),\n isFilteredByEquipment: PropTypes.bool,\n myEquipmentList: PropTypes.arrayOf(\n PropTypes.objectOf(PropTypes.oneOfType([PropTypes.bool, PropTypes.string]))\n ),\n loading: PropTypes.bool,\n hideCheckbox: PropTypes.bool,\n displaySSROCTA: PropTypes.bool,\n widgetIdentifier: PropTypes.string,\n openEditDrawer: PropTypes.func\n};\n\nexport default DisplayEquipment;\n","import PropTypes from 'prop-types';\nimport { useTranslation } from 'react-i18next';\nimport { ComponentLoader } from 'cat-ecommerce-alloy';\nimport styles from '../myEquipmentHeader.scss';\nimport useEquipmentDrawer from '@app/hooks/useEquipmentDrawer';\n\nconst SelectEquipmentCTA = ({\n selectedEquipment,\n myEquipmentList,\n loading,\n isPM\n}) => {\n const { t } = useTranslation();\n let selectedEquipmentCTADescription;\n let selectedEquipmentCTATitle;\n const { openSelectDrawer, getDrawerComponent } = useEquipmentDrawer();\n if (isPM) {\n selectedEquipmentCTATitle = t('SELECT_EQUIPMENT');\n selectedEquipmentCTADescription = (\n \n {selectedEquipment.model} {selectedEquipment.equipmentFamily}\n
\n {selectedEquipment.serialNumber && (\n\n {t('MEQ_SERIAL')} {selectedEquipment.serialNumber}\n
\n )}\n {!selectedEquipment.serialNumber && (\n\n
{label}
\n )}\n {/** This condition is for ssro campaign page */}\n {displaySSROCTA && (\n\n \n {t('PARTS_RESOURCES_SSRO')}\n \n \n {t('CHANGE_EQUIPMENT')}\n \n
\n )}\n \n {t('PM_KIT_CTA_TAG')}\n
\n );\n } else {\n selectedEquipmentCTATitle = t('MEQ_SELECT_EQUIP_CTA');\n selectedEquipmentCTADescription ={t('MEQ_PARTS_FIT_CTA')}
;\n }\n return (\n\n
\n ) : (\n \n {equipmentWidget}\n
\n \n {getDrawerComponent({ currentEquipment: selectedEquipment })}\n \n );\n};\n\nMyEquipmentCTA.propTypes = {\n widgetProps: PropTypes.shape({\n width: PropTypes.string,\n widgetAlignment: PropTypes.string\n }),\n widgetIdentifier: PropTypes.string\n};\n\nexport default MyEquipmentCTA;\n","// extracted by mini-css-extract-plugin\nexport default {\"myequip-widget-container\":\"myequip-widget-container\",\"campaignPage--myequip--widget\":\"campaignPage--myequip--widget\",\"equipment-fitment__selected-equipment\":\"equipment-fitment__selected-equipment\",\"equipment-fitment__details\":\"equipment-fitment__details\"};","import PropTypes from 'prop-types';\r\nimport { useTranslation } from 'react-i18next';\r\n\r\nconst WidgetTitle = ({ isCampaignLandingPage }) => {\r\n const [t] = useTranslation();\r\n\r\n return (\r\n \r\n {isCampaignLandingPage ? t('PM_CAMPAIGN_WIDGET') : t('PM_KIT_UI1')}\r\n
\r\n );\r\n};\r\n\r\nWidgetTitle.propTypes = {\r\n isCampaignLandingPage: PropTypes.bool\r\n};\r\n\r\nexport default WidgetTitle;\r\n","import { getImageUrl } from '../../../../utils';\r\n\r\nexport const MLP_IMAGE_URL = getImageUrl('CM20130722-53469-03363');\r\n","import PropTypes from 'prop-types';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { useReplaceTokenWithElement } from '../../../../../hooks';\r\nimport { MLP_IMAGE_URL } from '../constants';\r\nimport pmStyles from '../PMKitWidget.scss';\r\nimport { getImageUrlPM } from '../../../../../utils';\r\n\r\nconst EquipmentImageWithDescription = ({\r\n isMachineLandingPage,\r\n selectedEquipment,\r\n selectedSerial,\r\n serialNumber,\r\n isPmKitsLoadedSuccessfully,\r\n salesModel\r\n}) => {\r\n const [t] = useTranslation();\r\n const { replaceTokenWithElement } = useReplaceTokenWithElement();\r\n const className = 'exclude-global color-dark-gray text-md';\r\n const pmKitText = replaceTokenWithElement(\r\n isPmKitsLoadedSuccessfully ? t('PM_KIT_WIDGET_ALT1') : t('PM_KIT_UI3'),\r\n className,\r\n {salesModel},\r\n \r\n {selectedEquipment?.equipmentFamily?.toLowerCase()}\r\n \r\n );\r\n const pmKitModelText = replaceTokenWithElement(\r\n t('PM_KIT_UI3'),\r\n className,\r\n {salesModel},\r\n \r\n {selectedEquipment?.equipmentFamily?.toLowerCase()}\r\n \r\n );\r\n const nonSerialNumberText = isPmKitsLoadedSuccessfully\r\n ? `${t('PM_KIT_Serial1')}`\r\n : `${t('PM_KIT_MODEL3')}`;\r\n const serialNumberText = isPmKitsLoadedSuccessfully\r\n ? `${t('PM_KIT_Serial1')}`\r\n : '';\r\n const widgetText = (\r\n\r\n {pmKitText}\r\n \r\n {serialNumber ? serialNumberText : nonSerialNumberText}\r\n
\r\n );\r\n\r\n const modelTextOnly = (\r\n\r\n {pmKitModelText}\r\n \r\n {t('PM_KIT_MODEL3')}\r\n
\r\n );\r\n const imageUrlPM = getImageUrlPM(selectedEquipment.imageURL);\r\n return (\r\n\r\n
\r\n );\r\n};\r\n\r\nEquipmentImageWithDescription.propTypes = {\r\n isMachineLandingPage: PropTypes.bool,\r\n selectedEquipment: PropTypes.shape({\r\n equipmentFamily: PropTypes.string,\r\n imageURL: PropTypes.string\r\n }),\r\n selectedSerial: PropTypes.shape({\r\n displayValue: PropTypes.string,\r\n value: PropTypes.number\r\n }),\r\n serialNumber: PropTypes.string,\r\n isPmKitsLoadedSuccessfully: PropTypes.bool,\r\n salesModel: PropTypes.string\r\n};\r\n\r\nexport default EquipmentImageWithDescription;\r\n","// extracted by mini-css-extract-plugin\nexport default {\"pmkit-widget__container\":\"pmkit-widget__container\",\"pm-kit-btn\":\"pm-kit-btn\",\"btn-learn-more\":\"btn-learn-more\",\"pmkit-image__box\":\"pmkit-image__box\",\"pmkit-model\":\"pmkit-model\",\"btn\":\"btn\",\"btn-dropdown\":\"btn-dropdown\",\"dropdown-menu\":\"dropdown-menu\",\"us-metric-box\":\"us-metric-box\",\"custom-control-label\":\"custom-control-label\",\"btn-secondary\":\"btn-secondary\",\"form-group\":\"form-group\",\"dropdown-invalid\":\"dropdown-invalid\",\"display-3\":\"display-3\"};","import PropTypes from 'prop-types';\nimport { useTranslation } from 'react-i18next';\nimport { InlineLoader, Dropdown, RadioGroup, Radio } from 'cat-ecommerce-alloy';\nimport sortBy from 'lodash/sortBy';\nimport pmStyles from '../PMKitWidget.scss';\nimport UnitOfMeasureToggle from '@app/components/common/UnitOfMeasureToggle';\n\nconst ServiceOptionsDropdown = ({\n selectedUnit,\n setSelectedUnit,\n pmKitOptions,\n itemToString,\n pmKitsList,\n pmKitErrors,\n getPMKitValue,\n selectedPMKit\n}) => {\n const [t] = useTranslation();\n const catGroupHead = {\n displayValue: t('PM_KIT_TYPE2'),\n value: 'Caterpillar',\n itemType: 'optGroupHead'\n };\n const dealerGroupHead = {\n displayValue: t('PM_KIT_TYPE1'),\n value: 'Dealer',\n itemType: 'optGroupHead'\n };\n const pmKitDropdown = () => {\n let catKitList = [];\n let dealerKitList = [];\n //Sorting the list based on firstInterval value\n const sortedCatKitList = sortBy(pmKitsList, 'firstInterval');\n sortedCatKitList?.length > 0 &&\n sortedCatKitList.map(item => {\n const pmKitObj = {\n displayValue: `${item.description}`,\n value: `${item.serviceOptionID}`\n };\n //This logic seperate the Caterpillar and Dealer kits\n if (item.isCATKit) {\n catKitList.push(pmKitObj);\n } else {\n dealerKitList.push(pmKitObj);\n }\n });\n dealerKitList = dealerKitList.length\n ? [dealerGroupHead, ...dealerKitList]\n : [];\n catKitList = catKitList.length ? [catGroupHead, ...catKitList] : [];\n //This is final array that we pass to dropdown component with Dealer and Caterpillar group heads\n return [...dealerKitList, ...catKitList];\n };\n\n return (\n \r\n {isMachineLandingPage ? (\r\n 
\r\n )}\r\n
\r\n {selectedSerial || serialNumber ? widgetText : modelTextOnly}\r\n \n value}\n onChange={getPMKitValue}\n placeholder={{\n displayValue: t('PM_KIT_MODEL2'),\n value: 'placeholder'\n }}\n selected={selectedPMKit}\n className={pmKitErrors ? 'dropdown-invalid' : ''}\n />\n {pmKitErrors &&
\n );\n};\n\nServiceOptionsDropdown.propTypes = {\n selectedUnit: PropTypes.string,\n setSelectedUnit: PropTypes.func,\n pmKitOptions: PropTypes.shape({\n data: PropTypes.shape({\n ssroBundlesExist: PropTypes.bool,\n bundleData: PropTypes.shape({\n bundles: PropTypes.arrayOf(\n PropTypes.shape({\n name: PropTypes.string,\n description: PropTypes.string,\n serviceOptionID: PropTypes.string,\n url: PropTypes.string,\n isPMKit: PropTypes.bool\n })\n )\n })\n }),\n isLoading: PropTypes.bool\n }),\n pmKitErrors: PropTypes.shape({ message: PropTypes.string }),\n itemToString: PropTypes.func,\n pmKitsList: PropTypes.arrayOf(\n PropTypes.shape({\n name: PropTypes.string,\n description: PropTypes.string,\n serviceOptionID: PropTypes.string,\n url: PropTypes.string,\n isPMKit: PropTypes.bool\n })\n ),\n getPMKitValue: PropTypes.func,\n selectedPMKit: PropTypes.string\n};\n\nexport default ServiceOptionsDropdown;\n","import { useContext } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { useTranslation } from 'react-i18next';\r\nimport {\r\n ModalContext,\r\n AlloyButton,\r\n ChevronRightIcon\r\n} from 'cat-ecommerce-alloy';\r\nimport { navigateToUrl } from '../../../../../services/windowService';\r\nimport SaveEquipment from '../../../../pages/my-equipment/AddEquipmentModal/SearchSuggestions/EquipmentSuggestions/SaveEquipment';\r\nimport cx from 'classnames';\r\nimport pmStyles from '../PMKitWidget.scss';\r\nimport useEquipmentDrawer from '@app/hooks/useEquipmentDrawer';\r\n\r\nconst FooterLinksAndButtons = ({\r\n isDataLoaded,\r\n isMachineLandingPage,\r\n pmKitLearnMoreLink,\r\n serialNumber,\r\n myEquipmentList,\r\n selectedEquipment,\r\n widgetIdentifier,\r\n isCEModel,\r\n openAddDrawer,\r\n openEditDrawer\r\n}) => {\r\n const [t] = useTranslation();\r\n const modalCtx = useContext(ModalContext);\r\n const { openSelectDrawer, getDrawerComponent } = useEquipmentDrawer();\r\n\r\n const { isQRCodeTempEquipment } = selectedEquipment;\r\n\r\n const modalTitle = t('SAVE_MY_EQUIPMENT');\r\n const buttonTitle = isQRCodeTempEquipment\r\n ? t('MEQ_SAVE_EQUIP')\r\n : t('MEQ_EDIT_EQUIP');\r\n const defaultProps = {\r\n modalTitle,\r\n widgetIdentifier,\r\n currentEquipment: selectedEquipment\r\n };\r\n const openModal = () => {\r\n isQRCodeTempEquipment\r\n ? modalCtx.addModalWithOptions(\r\n \n
\n {pmKitOptions.isLoading ? (\n {t('PM_KIT_SERVICE_ERR')}
}\n \n )}\n{meqButton}
\r\n \r\n {isMachineLandingPage && (\r\n navigateToUrl(pmKitLearnMoreLink)}\r\n >\r\n \r\n {t('PM_KIT_UI4')}\r\n
\r\n \r\n );\r\n};\r\n\r\nFooterLinksAndButtons.propTypes = {\r\n isMachineLandingPage: PropTypes.bool,\r\n isDataLoaded: PropTypes.bool,\r\n serialNumber: PropTypes.string,\r\n pmKitLearnMoreLink: PropTypes.string,\r\n myEquipmentList: PropTypes.arrayOf(\r\n PropTypes.objectOf(PropTypes.oneOfType([PropTypes.bool, PropTypes.string]))\r\n ),\r\n storeId: PropTypes.string,\r\n selectedEquipment: PropTypes.shape({\r\n unValidatedEquipmentId: PropTypes.string,\r\n model: PropTypes.string,\r\n assetId: PropTypes.string,\r\n productId: PropTypes.string,\r\n equipmentFamily: PropTypes.string,\r\n uniqueIndex: PropTypes.string,\r\n serialNumber: PropTypes.string,\r\n validatedAsset: PropTypes.bool,\r\n imageURL: PropTypes.string\r\n }),\r\n widgetIdentifier: PropTypes.string,\r\n isCEModel: PropTypes.bool,\r\n openAddDrawer: PropTypes.func,\r\n openEditDrawer: PropTypes.func\r\n};\r\n\r\nexport default FooterLinksAndButtons;\r\n","import PropTypes from 'prop-types';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { Dropdown } from 'cat-ecommerce-alloy';\r\n\r\nconst EquipmentRangeDropdown = ({\r\n modelsList,\r\n itemToString,\r\n getSerialRangeValue,\r\n selectedSerial,\r\n serialRangeErrors\r\n}) => {\r\n const [t] = useTranslation();\r\n const serialRangeList = modelsList.map((item, index) => ({\r\n displayValue: `${item.salesModel} ${item.serialNumberOrPrefix.prefix} ${item.serialNumberOrPrefix.low} ${item.serialNumberOrPrefix.high}`,\r\n value: index\r\n }));\r\n\r\n return (\r\n <>\r\n {t('PM_KIT_SERVICE_ERR')}
}\r\n \r\n );\r\n};\r\n\r\nEquipmentRangeDropdown.propTypes = {\r\n serialRangeErrors: PropTypes.shape({ message: PropTypes.string }),\r\n itemToString: PropTypes.func,\r\n modelsList: PropTypes.arrayOf(\r\n PropTypes.shape({\r\n serialNumberOrPrefix: PropTypes.shape({\r\n prefix: PropTypes.string,\r\n high: PropTypes.string,\r\n low: PropTypes.string\r\n })\r\n })\r\n ),\r\n getSerialRangeValue: PropTypes.func,\r\n selectedSerial: PropTypes.shape({\r\n displayValue: PropTypes.string,\r\n value: PropTypes.number\r\n })\r\n};\r\n\r\nexport default EquipmentRangeDropdown;\r\n","import { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { useTranslation } from 'react-i18next';\nimport { InlineLoader } from 'cat-ecommerce-alloy';\nimport { replaceTokensInUrl, isEmpty } from '../../../../utils';\nimport { navigateToUrl } from '../../../../services/windowService';\nimport links from '../../../../constants/links';\nimport {\n IS_PM,\n CATCORP_ESITE_URL,\n UOM\n} from '../../../../constants/commonConstants';\nimport { useSelector, useDispatch } from 'react-redux';\nimport WidgetTitle from './WidgetTitle';\nimport EquipmentImageWithDescription from './EquipmentImageWithDescription';\nimport ServiceOptionsDropdown from './ServiceOptionsDropdown';\nimport FooterLinksAndButtons from './FooterLinksAndButtons';\nimport EquipmentRangeDropdown from './EquipmentRangeDropdown';\nimport useAnalytics from '../../../../hooks/useAnalytics/useAnalytics';\nimport cx from 'classnames';\nimport { LIST_SELECT_PM_KIT } from '../../analytics/analyticsConstants';\nimport {\n loadSSROBySerial,\n loadPMKitEquipmentDetails\n} from '../../../../store/mlp/actions';\nimport pmStyles from './PMKitWidget.scss';\nimport { getUnitOfMeasureCookie } from '../../UnitOfMeasureToggle/utils';\n\nconst PMKitWidget = ({\n selectedEquipment,\n myEquipmentList,\n storeId,\n widgetIdentifier,\n isCampaignLandingPage,\n isMachineLandingPage,\n openAddDrawer,\n openEditDrawer\n}) => {\n const [t] = useTranslation();\n const dispatch = useDispatch();\n const esiteURL = useSelector(s => s.common?.esiteURL);\n const catalogId = useSelector(s => s.common?.catalogId);\n const langId = useSelector(s => s.common?.langId);\n const defaultUnitOfMeasure = useSelector(s => s.common?.defaultUnitOfMeasure);\n const equipmentList = useSelector(s => s.mlp?.equipmentList);\n const pmKitOptions = useSelector(s => s.mlp?.pmKitOptions);\n const [selectedSerial, setSelectedSerial] = useState();\n const [selectedUnit, setSelectedUnit] = useState(\n getUnitOfMeasureCookie('uom') ??\n (defaultUnitOfMeasure?.toLowerCase() === UOM.metric ? UOM.metric : UOM.us)\n );\n const [selectedPMKit, setSelectedPMKit] = useState();\n const {\n firePMKitImpressionEvent,\n firePMKitProductClickEvent,\n firePMKitFormSubmitEvent\n } = useAnalytics();\n const { PMKIT_SSRO_BUNDLE_PAGE, PMKIT_LEARNMORE_LINK } = links;\n const serialNumber = selectedEquipment?.serialNumber;\n const salesModel = selectedEquipment?.model;\n const modelsList = equipmentList.data?.models || [];\n const serialRangeErrors = useSelector(s => s.errors?.mlp?.equipmentList);\n const pmKitErrors = useSelector(s => s.errors?.mlp?.selfServiceRepairOptions);\n const itemToString = item =>\n item && item.displayValue ? item.displayValue : '';\n const pmKitsList =\n pmKitOptions.data.bundleData?.bundles || pmKitErrors\n ? pmKitOptions.data.bundleData?.bundles\n : [];\n const isDataLoaded =\n (equipmentList.isLoaded && modelsList?.length === 0) ||\n (pmKitOptions.data.loaded && pmKitsList?.length === 0);\n const isCEModel = selectedEquipment.isCEModel;\n\n useEffect(() => {\n if (serialNumber) {\n dispatch(loadSSROBySerial(serialNumber, salesModel, IS_PM, isCEModel));\n } else {\n selectedEquipment.model &&\n !isCEModel &&\n dispatch(loadPMKitEquipmentDetails());\n }\n }, [dispatch, selectedEquipment, serialNumber, salesModel, isCEModel]);\n\n const loadServiceOption = serialValue => {\n equipmentList &&\n dispatch(\n loadSSROBySerial(serialValue.value, salesModel, IS_PM, isCEModel)\n );\n };\n\n const getSerialRangeValue = serialValue => {\n setSelectedSerial(serialValue);\n !isEmpty(serialValue) && loadServiceOption(serialValue);\n };\n\n const getCATKitValue = ssId =>\n pmKitOptions?.data?.bundleData?.bundles?.find(\n item => item.serviceOptionID === ssId\n );\n const isPmKitsLoadedSuccessfully =\n pmKitOptions.data.loaded && pmKitsList?.length > 0;\n\n useEffect(() => {\n isPmKitsLoadedSuccessfully &&\n firePMKitImpressionEvent(pmKitOptions, LIST_SELECT_PM_KIT, salesModel);\n }, [\n firePMKitImpressionEvent,\n pmKitOptions,\n salesModel,\n isPmKitsLoadedSuccessfully\n ]);\n\n if (pmKitErrors) {\n firePMKitFormSubmitEvent();\n }\n\n const redirectToBundlePage = ssId => {\n const { prefix, low, high } = serialNumber\n ? { prefix: '', low: '', high: '' }\n : equipmentList.data?.models[selectedSerial?.value]?.serialNumberOrPrefix;\n const isCATKitData = getCATKitValue(ssId);\n firePMKitFormSubmitEvent(\n prefix,\n low,\n high,\n isCATKitData,\n isPmKitsLoadedSuccessfully,\n salesModel,\n serialNumber,\n selectedUnit\n );\n const redirectUrl = replaceTokensInUrl(\n PMKIT_SSRO_BUNDLE_PAGE,\n storeId,\n catalogId,\n langId,\n ssId,\n IS_PM,\n serialNumber,\n salesModel,\n low,\n high,\n prefix,\n selectedUnit,\n isCATKitData?.isCATKit\n );\n navigateToUrl(redirectUrl);\n };\n\n const getPMKitValue = pmKitValue => {\n setSelectedPMKit(pmKitValue);\n !isEmpty(pmKitValue) && redirectToBundlePage(pmKitValue.value);\n !isEmpty(pmKitValue) &&\n firePMKitProductClickEvent({\n products: pmKitValue,\n list: LIST_SELECT_PM_KIT,\n dealerStore: storeId\n });\n };\n\n let serialNumberSection;\n if (serialNumber) {\n serialNumberSection = (\n\n {salesModel} {serialNumber}\n
\n );\n } else {\n serialNumberSection = equipmentList.isEquipmentLoading ? (\n !isCEModel &&\n
\n )}\n {t('ADD_SERIAL_NUMBER')}
}\n {isDataLoaded ? (\n{t('PM_KIT_UI2')}
\n ) : (\n\n {(!isCEModel || serialNumber) && (\n \n {serialNumberSection}\n {(selectedSerial || serialNumber) && (\n
\n \r\n {isCampaignLandingPage\r\n ? t('PM_CAMPAIGN_WIDGET')\r\n : t('PM_KIT_UI1')}\r\n
\r\n\r\n {isCampaignLandingPage\r\n ? t('PM_CAMPAIGN_WIDGET')\r\n : t('PM_KIT_UI1')}\r\n
\r\n\r\n {getPMKitCTAWidget()}\r\n
\r\n );\r\n};\r\n\r\nPMKitCTA.propTypes = {\r\n myEquipmentList: PropTypes.arrayOf(\r\n PropTypes.objectOf(PropTypes.oneOfType([PropTypes.bool, PropTypes.string]))\r\n ),\r\n selectedEquipment: PropTypes.shape({\r\n unValidatedEquipmentId: PropTypes.string,\r\n model: PropTypes.string,\r\n assetId: PropTypes.string,\r\n productId: PropTypes.string,\r\n equipmentFamily: PropTypes.string,\r\n uniqueIndex: PropTypes.string,\r\n serialNumber: PropTypes.string,\r\n validatedAsset: PropTypes.bool,\r\n imageURL: PropTypes.string\r\n }),\r\n widgetIdentifier: PropTypes.string,\r\n isCampaignLandingPage: PropTypes.bool,\r\n isMachineLandingPage: PropTypes.bool,\r\n openAddDrawer: PropTypes.func,\r\n openEditDrawer: PropTypes.func\r\n};\r\n\r\nexport default PMKitCTA;\r\n","import PropTypes from 'prop-types';\nimport { useSelector } from 'react-redux';\nimport { IS_CAMPAIGN_LANDING_PAGE } from '../../../../constants/commonConstants';\nimport PMKitCTA from '../../../../components/common/PMKit/PMKitCTA';\nimport { FLEX_ALIGNMENT } from '../constants';\nimport cpStyles from './PMKitWidgetCTA.scss';\nimport useEquipmentDrawer from '@app/hooks/useEquipmentDrawer';\n\nconst PMKitWidgetCTA = ({ widgetProps }) => {\n const selectedEquipment = useSelector(\n s => s.myEquipment.equipments.selectedEquipment\n );\n const myEquipmentList = useSelector(\n s => s.myEquipment.equipments.myEquipmentList\n );\n const { openAddDrawer, openEditDrawer, getDrawerComponent } =\n useEquipmentDrawer();\n return (\n <>\n \n
\n \n {getDrawerComponent({ currentEquipment: selectedEquipment })}\n \n );\n};\n\nPMKitWidgetCTA.propTypes = {\n widgetProps: PropTypes.shape({\n width: PropTypes.string,\n widgetAlignment: PropTypes.string\n })\n};\n\nexport default PMKitWidgetCTA;\n","// extracted by mini-css-extract-plugin\nexport default {\"PM-Kit-widget-container\":\"PM-Kit-widget-container\"};","import ProductListSpecificationsModal from '@app/components/common/ProductListSpecificationsModal';\nimport usePagination from '@app/components/pages/plp/usePagination';\nimport { useSelector } from 'react-redux';\nimport { useHistory, useLocation, useRouteMatch } from 'react-router-dom';\n\nconst ProductSpecificationModalContainer = ({\n widgetId,\n orderBy,\n queryActionParam,\n removeCurrentModal,\n handleCancelButton,\n title,\n className,\n isModal,\n bucketModelNumberFacet,\n setExpanded: productCardExpanded,\n detailsStatus,\n showSpecificationsToggle,\n appliedFacets,\n showLeftNav,\n productsArrayLength,\n fbeEnabled,\n setAppliedFacets\n}) => {\n const { hash, search } = useLocation();\n const { url } = useRouteMatch();\n const history = useHistory();\n const queryParamsObject = { history, url, hash, search };\n\n const {\n activeFacets,\n batchPartNumbers,\n unitOfMeasure,\n facets,\n filterByEquipment,\n partNumbers\n } = useSelector(state => state.marketingLandingPageUI[widgetId]);\n\n const { setUrlToPageOneWithFilter } = usePagination();\n return (\n \n
\n )}\n {isMD && (\n \n \n
\n\n \n {widgetHeaderName ? widgetHeaderName : t('SHOP_PARTS')}\n
\n\n
\n {productsArrayLength > 0 && (\n \n {isMD ? (\n \n {`(${\n productsArrayLength ?? 0\n })`}\n {t('Filter_And_Sort')}\n
\n )}\n \n {showLeftNav && (\n \n {isMD && (\n
\n \n \n );\n};\n\nexport default ProductCardGrid;\n","export const CONTENT_ALIGNMENT = {\n TOP: 'top',\n BOTTOM: 'bottom',\n LEFT: 'left',\n RIGHT: 'right'\n};\nexport const HALF_WIDTH_CLASSNAME = 'col-sm-12 col-md-6 float-start';\nexport const FULL_WIDTH_CLASSNAME = 'col-sm-12';\n","import { useEffect, useState, useCallback } from 'react';\nimport { useEspot } from '@app/hooks';\nimport cx from 'classnames';\nimport { EmbeddedVideo } from 'cat-ecommerce-alloy';\nimport { v4 } from 'uuid';\nimport VideoWarning from '../../../../common/VideoWarning/VideoWarning';\nimport Espot from '@app/components/common/Espot/Espot';\nimport styles from './youtubeWidget.module.scss';\nimport {\n CONTENT_ALIGNMENT,\n HALF_WIDTH_CLASSNAME,\n FULL_WIDTH_CLASSNAME\n} from './constants';\nimport PropTypes from 'prop-types';\nimport { isConsentTypeAvailable } from '@app/utils';\nimport { ONETRUST } from '@app/constants/commonConstants';\n\nconst YoutubeWidget = ({ widgetProps }) => {\n const { emsName } = widgetProps;\n const { espotData } = useEspot(emsName);\n const [widgetLayout, setWidgetLayout] = useState([]);\n const [isCookiesAccepted, setIsCookiesAccepted] = useState(\n isConsentTypeAvailable(ONETRUST.TARGET_COOKIES_ACCEPTED)\n );\n const videoUrls = espotData[0] && espotData[0][emsName].properties[0].url;\n\n const contentAlignment =\n espotData[0] && espotData[0][emsName].properties[0].contentAlignment;\n const contents = espotData[0] && espotData[0][emsName].contents;\n const urlArray = videoUrls?.split(';');\n const widthAndAlignment =\n contentAlignment === CONTENT_ALIGNMENT.LEFT ||\n contentAlignment === CONTENT_ALIGNMENT.RIGHT\n ? HALF_WIDTH_CLASSNAME\n : FULL_WIDTH_CLASSNAME;\n\n const getEmbedVideoRenderData = useCallback(\n url => {\n const contentAlignDirection =\n contentAlignment === CONTENT_ALIGNMENT.LEFT ||\n contentAlignment === CONTENT_ALIGNMENT.RIGHT ||\n urlArray?.length > 1\n ? styles.video_height_half_width\n : styles.video_height_full_width;\n return {\n id: v4(),\n component: isCookiesAccepted ? EmbeddedVideo : VideoWarning,\n class: isCookiesAccepted\n ? widthAndAlignment\n : `${widthAndAlignment} position-relative ${styles.warning_message}`,\n props: {\n url,\n className: isCookiesAccepted\n ? contentAlignDirection\n : `${styles.warning_width}`\n }\n };\n },\n [isCookiesAccepted, contentAlignment, videoUrls]\n );\n\n const getEspotRenderData = useCallback(\n contents => {\n return {\n id: v4(),\n component: Espot,\n class: widthAndAlignment,\n props: {\n html: { contents }\n }\n };\n },\n [contentAlignment]\n );\n\n const getLayoutData = useCallback(\n urlList => {\n const layoutData = [];\n urlList.forEach((item, index) => {\n const rowContainer = {\n id: v4(),\n class:\n urlList.length > 1 ? HALF_WIDTH_CLASSNAME : FULL_WIDTH_CLASSNAME,\n children: []\n };\n if (\n contentAlignment === CONTENT_ALIGNMENT.TOP ||\n contentAlignment === CONTENT_ALIGNMENT.LEFT\n ) {\n rowContainer.children.push(getEspotRenderData(contents[index]));\n rowContainer.children.push(getEmbedVideoRenderData(item));\n } else if (\n contentAlignment === CONTENT_ALIGNMENT.BOTTOM ||\n contentAlignment === CONTENT_ALIGNMENT.RIGHT\n ) {\n rowContainer.children.push(getEmbedVideoRenderData(item));\n rowContainer.children.push(getEspotRenderData(contents[index]));\n } else {\n rowContainer.children.push(getEmbedVideoRenderData(item));\n }\n layoutData.push(rowContainer);\n });\n return layoutData;\n },\n [contentAlignment, contents, getEmbedVideoRenderData, getEspotRenderData]\n );\n\n useEffect(() => {\n urlArray?.length && setWidgetLayout(getLayoutData(urlArray));\n }, [videoUrls, getLayoutData]);\n\n useEffect(() => {\n window.addEventListener('OneTrustGroupsUpdated', () => {\n const consentTypeAvailable = isConsentTypeAvailable(\n ONETRUST.TARGET_COOKIES_ACCEPTED\n );\n if (consentTypeAvailable) {\n setIsCookiesAccepted(consentTypeAvailable);\n }\n });\n }, [widgetLayout]);\n\n return (\n \n {loading && \n {t('LOAD_MORE')}\n \n
\n )}\n {showKeyComponent && (\n \n
\n \n \n );\n};\n\nYoutubeWidget.propTypes = {\n widgetProps: PropTypes.shape({\n emsName: PropTypes.string\n })\n};\n\nexport default YoutubeWidget;\n","// extracted by mini-css-extract-plugin\nexport default {\"warning_message\":\"warning_message_ltwcOegL\",\"warning_width\":\"warning_width_f0nCZbXo\",\"youtube-widget--container\":\"youtube-widget--container_aajP0hue\",\"video_height_half_width\":\"video_height_half_width_GF_E1L92\",\"video_height_full_width\":\"video_height_full_width_vkpCoOSS\",\"youtube-widget--children\":\"youtube-widget--children_K_O6hE7y\"};","import {\n SINGLE_COLUMN_TEMPLATE,\n ESPOT_COMPONENT,\n MY_EQUIPMENT_COMPONENT,\n PM_KIT_WIDGET_COMPONENT,\n PRODUCTCARD_COMPONENT,\n YOUTUBE_COMPONENT\n} from './constants';\n\n// Templates\nimport SingleColumn from './templates/SingleColumn';\n\n// Components\nimport Espot from './components/Espot';\nimport MyEquipmentCTA from './components/MyEquipmentCTA';\nimport PMKitWidgetCTA from './components/PMKitWidgetCTA';\nimport ProductCardGrid from './components/ProductCardGrid/ProductCardGrid';\nimport YoutubeWidget from './components/YoutubeWidget/YoutubeWidget';\n\nexport const templateMapping = {\n [SINGLE_COLUMN_TEMPLATE]: SingleColumn\n};\nexport const componentMapping = {\n [ESPOT_COMPONENT]: Espot,\n [MY_EQUIPMENT_COMPONENT]: MyEquipmentCTA,\n [PM_KIT_WIDGET_COMPONENT]: PMKitWidgetCTA,\n [PRODUCTCARD_COMPONENT]: ProductCardGrid,\n [YOUTUBE_COMPONENT]: YoutubeWidget\n};\n","import { createElement } from 'react';\nimport { templateMapping } from '../mapping';\n\n// TODO: Error Handling\nexport const getTemplate = (templateId, props = {}) => {\n return !!templateMapping[templateId] ? (\n createElement(templateMapping[templateId], props)\n ) : (\n \n
\n );\n })}\n \n {widgetLayout.map(item => {\n return (\n \n {item.children.map(elem => {\n const Comp = elem.component;\n return (\n \n
\n );\n })}\n {`Template with id ${templateId} does not exist.`}
\n );\n};\n","import PropTypes from 'prop-types';\nimport { getSessionStorage } from '@app/utils';\nimport { memo, useEffect } from 'react';\nimport { useLocation } from 'react-router-dom';\nimport {\n LEGAL_PRIVACY_PAGE,\n STICKY_TIMEOUT\n} from '@app/constants/commonConstants';\nimport { getTemplate } from './templates';\n\nconst TemplateManager = ({ layoutData, espotData, getEspotContent }) => {\n const { hash } = useLocation();\n const { widgetDefinitionIdentifier: templateId, childWidget = [] } =\n layoutData;\n\n const sortedWidgets = [...childWidget].sort(\n (a, b) => a.widgetSequence - b.widgetSequence\n );\n\n const legalPrivacyPageStorage = getSessionStorage(LEGAL_PRIVACY_PAGE);\n\n useEffect(() => {\n const LegalNotices = document.getElementById(hash.substring(1));\n if (LegalNotices) {\n const stickyHeaderHeight = document\n ?.getElementById('react-root-header')\n ?.getBoundingClientRect()?.height;\n\n if (window?.scrollY) {\n setTimeout(() => {\n window.scroll({\n behavior: 'smooth',\n left: 0,\n top: window?.scrollY - stickyHeaderHeight\n });\n }, STICKY_TIMEOUT);\n }\n }\n }, [hash, legalPrivacyPageStorage]);\n\n return (\n \n {getTemplate(templateId, {\n widgets: sortedWidgets,\n espotData: espotData,\n getEspotContent: getEspotContent\n })}\n
\n );\n};\n\nTemplateManager.propTypes = {\n layoutData: PropTypes.shape({\n widgetDefinitionIdentifier: PropTypes.string.isRequired,\n childWidget: PropTypes.arrayOf(\n PropTypes.shape({\n slot: PropTypes.string.isRequired,\n widgetDefinitionIdentifier: PropTypes.string.isRequired,\n widgetSequence: PropTypes.number.isRequired,\n widgetProps: PropTypes.objectOf(\n PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n )\n })\n ).isRequired\n }).isRequired,\n espotData: PropTypes.objectOf(PropTypes.string),\n getEspotContent: PropTypes.func\n};\n\nexport default memo(TemplateManager);\n","import { PageLoader } from 'cat-ecommerce-alloy';\nimport { useEffect } from 'react';\nimport { createPortal } from 'react-dom';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { useLocation } from 'react-router';\nimport { ERROR_DOMAIN, ERROR_PATH } from '../../../constants/errorConstants';\nimport { CMC_MARKETING_TARGET } from '../../../constants/targets';\nimport { useEspot, usePopulateDataLayer } from '../../../hooks';\nimport { setError } from '../../../store/exception/actions';\nimport { normalizeError } from '../../../store/exception/utils';\nimport ExceptionFeedbackBySelector from '../../common/Exception/ExceptionFeedbackBySelector';\nimport { GA_TRACKING_TEMPLATE_NAME } from './constants';\nimport useLayoutService from './hooks/useLayoutService';\nimport styles from './marketing.module.scss';\nimport TemplateManager from './TemplateManager';\nimport '@app/special-characters-support.scss';\n\nconst MarketingPageContainer = () => {\n const errors = useSelector(state => state.errors);\n const dispatch = useDispatch();\n const location = useLocation();\n\n const { layoutData, espotNames, isLayoutLoading } = useLayoutService();\n const { espotData, isEspotLoading, espotError, getEspotContent } =\n useEspot(espotNames);\n\n useEffect(() => {\n if (espotError) {\n dispatch(\n setError(\n ERROR_DOMAIN.MARKETING,\n ERROR_PATH.PAGE_LAYOUT,\n normalizeError(espotError)\n )\n );\n }\n }, [espotError, dispatch]);\n\n const urlArr = location.pathname.split('/');\n const urlParam = urlArr[urlArr.length - 1];\n const templateName = `${GA_TRACKING_TEMPLATE_NAME} ${urlParam}`;\n usePopulateDataLayer(templateName);\n\n const getErrorOrLoading = () => {\n if (!!errors?.[ERROR_DOMAIN.MARKETING]?.[ERROR_PATH.PAGE_LAYOUT]) {\n return (\n \n \n state.errors?.[ERROR_DOMAIN.MARKETING]?.[ERROR_PATH.PAGE_LAYOUT]\n }\n errorCodeLabel={'MLP_ERROR4'}\n showContactUs={true}\n />\n
\n );\n }\n if (isLayoutLoading || isEspotLoading) {\n return \n {getErrorOrLoading() || (\n
,\n document.getElementById(CMC_MARKETING_TARGET)\n );\n};\n\nexport default MarketingPageContainer;\n","// extracted by mini-css-extract-plugin\nexport default {\"marketing-page__container\":\"marketing-page__container_PohtuUu9\"};","import { normalizeError } from '../exception/utils';\r\nimport { MLP_ERROR_MESSAGE } from '../../constants/errorConstants';\r\n\r\nexport const normalizeServerError = (\r\n payload,\r\n errorMessage = MLP_ERROR_MESSAGE\r\n) => {\r\n const err = normalizeError(payload, errorMessage);\r\n const errorObj = Array.isArray(payload.data.errors)\r\n ? payload.data.errors[0]\r\n : payload.data.errors;\r\n err.code = errorObj?.errorCode;\r\n return err;\r\n};\r\n","import resolvedEndpoints from '../../constants/endpoints';\nimport { getHttpInstance } from '../../services/defaultHttpService';\nimport * as types from './constants';\nimport { normalizeError } from '../exception/utils';\nimport {\n ERROR_DOMAIN,\n ERROR_PATH,\n MLP_ERROR_MESSAGE,\n PMKIT_ERROR_MESSAGE\n} from '../../constants/errorConstants';\nimport { setError, clearError } from '../exception/actions';\nimport { replaceTokensInString, isEmpty } from '../../utils';\nimport {\n NO_CACHE_HEADER,\n TIMEOUT_EXTENDED\n} from '../../constants/commonConstants';\nimport { normalizeServerError } from './utils';\nimport { replaceTokensInUrl } from '@app/utils';\nimport { replaceFromString } from '@app/utils/stringUtils';\n\nconst {\n MACHINE_DETAILS_LUCID,\n LOAD_MACHINE_DETAILS,\n LOAD_SSRO_URLFORSERIALNUMBER,\n LOAD_SSRO_URLFORMODEL,\n PMKIT_EQUIPMENT_DETAILS_URL,\n EQUIPMENT_SPECIFIC_PART_CATEGORIES,\n BEST_SELLER\n} = resolvedEndpoints;\n\nexport const loadMachineDetails =\n (isMachineDetailsFlag, serialNumber = '', salesModel = '') =>\n (dispatch, getState) => {\n const http = getHttpInstance();\n const {\n locale,\n langId,\n catalogId,\n storeId,\n storeIdentifier,\n featureDetails\n } = getState().common;\n const featureValues = featureDetails.data ?? {};\n const { current: productId } = getState().products;\n dispatch({ type: types.MLP_LOAD_EQUIPMENTDETAILS_BEGIN });\n\n const urlParams = isMachineDetailsFlag\n ? { serialNumber, locale, storeIdentifier, salesModel, langId }\n : {\n langId,\n catalogId,\n storeId,\n productId,\n serialNumber\n };\n const url = isMachineDetailsFlag\n ? replaceTokensInString(MACHINE_DETAILS_LUCID, storeId)\n : LOAD_MACHINE_DETAILS;\n const config = { headers: NO_CACHE_HEADER };\n return http\n .get(url, { params: urlParams }, config)\n .then(response => {\n if (response.data.errors) {\n const err = normalizeServerError(response);\n dispatch(\n setError(ERROR_DOMAIN.MLP, ERROR_PATH.EQUIPMENT_DETAILS, err)\n );\n dispatch({ type: types.MLP_LOAD_EQUIPMENTDETAILS_FAIL }, response);\n } else {\n const { equipmentDetails } = response.data;\n if (isMachineDetailsFlag) {\n const { model, name } = equipmentDetails;\n equipmentDetails.family = replaceFromString(model, name);\n }\n if (\n equipmentDetails.categories &&\n equipmentDetails.code === types.ELECTRIC_MACHINE_CODE\n ) {\n equipmentDetails.categories = equipmentDetails.categories.filter(\n part =>\n !featureValues.PCC_ALP_NON_RELATED_CATEGORIES.includes(\n part.identifier\n )\n );\n }\n dispatch({\n type: types.MLP_LOAD_EQUIPMENTDETAILS_SUCCESS,\n payload: {\n equipmentDetails: equipmentDetails\n }\n });\n }\n })\n .catch(payload => {\n const err = normalizeError(payload, MLP_ERROR_MESSAGE);\n dispatch(setError(ERROR_DOMAIN.MLP, ERROR_PATH.EQUIPMENT_DETAILS, err));\n dispatch({ type: types.MLP_LOAD_EQUIPMENTDETAILS_FAIL }, payload);\n });\n };\n\nexport const loadPartsByCategory =\n (serialNumber, salesModel, subCategoryLimit = 0) =>\n (dispatch, getState) => {\n const http = getHttpInstance(TIMEOUT_EXTENDED);\n const { code } = getState().mlp.equipmentDetails.data ?? '';\n const { langId, storeId, featureDetails } = getState().common;\n const featureValues = featureDetails.data ?? {};\n\n dispatch({ type: types.MLP_LOAD_CATEGORIES_BEGIN });\n const urlParams = {\n langId,\n serialNumber,\n salesModel,\n subCategoryLimit\n };\n const url = replaceTokensInUrl(EQUIPMENT_SPECIFIC_PART_CATEGORIES, storeId);\n const config = { headers: NO_CACHE_HEADER };\n return http\n .get(url, { params: urlParams }, config)\n .then(response => {\n let { categories, totalCount } =\n response.data.categoriesForSelectedEquipment;\n if (code === types.ELECTRIC_MACHINE_CODE) {\n categories =\n response.data.categoriesForSelectedEquipment.categories.filter(\n part =>\n !featureValues.PCC_ALP_NON_RELATED_CATEGORIES.includes(\n part.identifier\n )\n );\n totalCount = categories.length;\n }\n dispatch({\n type: types.MLP_LOAD_CATEGORIES_SUCCESS,\n payload: {\n partsByCategory: categories,\n totalCount: totalCount\n }\n });\n })\n .catch(payload => {\n const err = normalizeError(payload, MLP_ERROR_MESSAGE);\n dispatch(setError(ERROR_DOMAIN.MLP, ERROR_PATH.PARTS_BY_CATEGORY, err));\n dispatch({ type: types.MLP_LOAD_CATEGORIES_FAIL }, payload);\n });\n };\n\nexport const loadTopSellingPartsInfo =\n (salesModel, category, serialNumber = '') =>\n (dispatch, getState) => {\n const http = getHttpInstance();\n const { storeIdentifier, langId, storeId } = getState().common;\n dispatch({ type: types.MLP_LOAD_TOPSELLINGPARTS_BEGIN });\n const url = replaceTokensInUrl(\n BEST_SELLER,\n langId,\n storeId,\n storeIdentifier,\n salesModel,\n category,\n serialNumber\n );\n return http\n .get(url)\n .then(response => {\n const parts = response.data?.BestSellers ?? [];\n dispatch({\n type: types.MLP_LOAD_TOPSELLINGPARTS_SUCCESS,\n payload: {\n topSellingParts: {\n topSellingParts: parts,\n viewMore: '',\n totalCount: parts.length\n }\n }\n });\n })\n .catch(payload => {\n dispatch({ type: types.MLP_LOAD_TOPSELLINGPARTS_FAIL }, payload);\n });\n };\nconst dispatchSsroError = (payload, dispatch, error) => {\n dispatch(\n setError(ERROR_DOMAIN.MLP, ERROR_PATH.SELF_SERVICE_REPAIR_OPTIONS, error)\n );\n dispatch({ type: types.MLP_LOAD_SSRO_FAIL }, payload);\n};\n\nconst handleSsroServerError = (payload, dispatch) => {\n const err = normalizeServerError(payload);\n dispatchSsroError(payload, dispatch, err);\n};\n\nconst handleSsroClientError = (payload, dispatch) => {\n const err = normalizeError(payload, MLP_ERROR_MESSAGE);\n dispatchSsroError(payload, dispatch, err);\n};\n\nexport const loadSSROBySerial =\n (serialNumber, salesModel, isPM, isCE) => (dispatch, getState) => {\n const http = getHttpInstance();\n const {\n common: { langId, catalogId, storeId },\n mlp: { equipmentList },\n products: { current: productId }\n } = getState();\n const { prefix, low, high } =\n typeof serialNumber === 'number' &&\n equipmentList.data.models[serialNumber]?.serialNumberOrPrefix;\n serialNumber = typeof serialNumber === 'number' ? prefix : serialNumber;\n const config = { headers: NO_CACHE_HEADER };\n if (isPM) {\n dispatch({ type: types.MLP_LOAD_SSRO_PM_KIT_BEGIN });\n } else {\n dispatch({ type: types.MLP_LOAD_SSRO_BEGIN });\n }\n const urlParams = {\n productId,\n langId,\n catalogId,\n serialNumber,\n salesModel,\n serialNoBegin: low,\n serialNoEnd: high,\n isPM,\n isCE\n };\n const url = replaceTokensInString(LOAD_SSRO_URLFORSERIALNUMBER, storeId);\n return http\n .get(url, { params: urlParams }, config)\n .then(response => {\n if (response.data.errors) {\n handleSsroServerError(response, dispatch);\n } else {\n if (response.data.bundles?.length) {\n dispatch({\n type: types.MLP_LOAD_SSRO_SERIAL_SUCCESS,\n payload: {\n bundleData: response.data\n }\n });\n } else {\n dispatch({\n type: types.MLP_LOAD_SSRO_FAIL,\n payload: { isPMKit: isPM }\n });\n }\n }\n })\n .catch(payload => {\n if (isPM) {\n const err = normalizeError(payload, MLP_ERROR_MESSAGE);\n dispatch(\n setError(\n ERROR_DOMAIN.MLP,\n ERROR_PATH.SELF_SERVICE_REPAIR_OPTIONS,\n err\n )\n );\n dispatch({\n type: types.MLP_LOAD_SSRO_FAIL,\n payload: { isPMKit: isPM }\n });\n } else {\n handleSsroClientError(payload, dispatch);\n }\n });\n };\n\nexport const loadSSROByModel = (model, isPM) => (dispatch, getState) => {\n const http = getHttpInstance();\n const { langId, catalogId, storeId } = getState().common;\n const { current: productId } = getState().products;\n const config = { headers: NO_CACHE_HEADER };\n if (isPM) {\n dispatch({ type: types.MLP_LOAD_SSRO_PM_KIT_BEGIN });\n } else {\n dispatch({ type: types.MLP_LOAD_SSRO_BEGIN });\n }\n\n const urlParams = {\n productId,\n langId,\n catalogId\n };\n const url = replaceTokensInString(\n LOAD_SSRO_URLFORMODEL,\n storeId,\n encodeURIComponent(model)\n );\n return http\n .get(url, { params: urlParams }, config)\n .then(response => {\n if (response.data.errors) {\n handleSsroServerError(response, dispatch);\n } else {\n const { ssroBundlesExist } = response.data;\n dispatch({\n type: types.MLP_LOAD_SSRO_MODEL_SUCCESS,\n payload: {\n ssroBundlesExist: ssroBundlesExist,\n bundleData: { bundles: [] }\n }\n });\n }\n })\n .catch(payload => {\n handleSsroClientError(payload, dispatch);\n });\n};\n\nexport const loadSSROOptions =\n (runDispatch, serialNumber, model) => (dispatch, getState) => {\n if (runDispatch && serialNumber && model) {\n dispatch(loadSSROBySerial(serialNumber, model)).then(() => {\n const { ssroBundlesExist, bundleData } =\n getState().mlp.ssroOptions.data;\n if (\n (ssroBundlesExist === null || ssroBundlesExist === undefined) &&\n isEmpty(bundleData)\n ) {\n dispatch(loadSSROByModel(model));\n }\n });\n } else if (runDispatch && model) {\n dispatch(loadSSROByModel(model));\n } else if (isEmpty(model)) {\n handleSsroServerError({}, dispatch);\n }\n };\n\nexport const loadPMKitEquipmentDetails =\n (equipmentModel = null) =>\n (dispatch, getState) => {\n const http = getHttpInstance();\n const {\n common: { storeId, langId },\n myEquipment: { equipments }\n } = getState();\n const salesModel = equipmentModel ?? equipments.selectedEquipment.model;\n dispatch({ type: types.PMKIT_EQUIPMENTDETAILS_BEGIN });\n const url = replaceTokensInString(\n PMKIT_EQUIPMENT_DETAILS_URL,\n storeId,\n salesModel,\n langId\n );\n return http\n .get(url)\n .then(response => {\n if (response.data.errors) {\n const err = normalizeServerError(response);\n dispatch(setError(ERROR_DOMAIN.MLP, ERROR_PATH.EQUIPMENT_LIST, err));\n dispatch({ type: types.PMKIT_EQUIPMENTDETAILS_FAIL });\n } else {\n if (response.data.equipment?.models?.length) {\n dispatch(clearError(ERROR_DOMAIN.MLP, ERROR_PATH.EQUIPMENT_LIST));\n dispatch({\n type: types.PMKIT_EQUIPMENTDETAILS_SUCCESS,\n payload: response.data.equipment\n });\n } else {\n dispatch({ type: types.PMKIT_EQUIPMENTDETAILS_FAIL });\n }\n }\n })\n .catch(payload => {\n const err = normalizeError(payload, PMKIT_ERROR_MESSAGE);\n dispatch(setError(ERROR_DOMAIN.MLP, ERROR_PATH.EQUIPMENT_LIST, err));\n dispatch({ type: types.PMKIT_EQUIPMENTDETAILS_FAIL });\n });\n };\n\nexport default {\n loadMachineDetails,\n loadPartsByCategory,\n loadTopSellingPartsInfo,\n loadSSROBySerial,\n loadSSROByModel,\n loadSSROOptions,\n loadPMKitEquipmentDetails\n};\n","// extracted by mini-css-extract-plugin\nexport default {\"equipment-fitment__no-equipment\":\"equipment-fitment__no-equipment\",\"pm-kit-text\":\"pm-kit-text\",\"equipment-fitment__selected-equipment\":\"equipment-fitment__selected-equipment\",\"equipment-fitment__img\":\"equipment-fitment__img\",\"equipment-fitment__details\":\"equipment-fitment__details\",\"custom-checkbox\":\"custom-checkbox\"};"],"names":["EquipmentNoResults","_ref","onCheck","t","useTranslation","imageUrl","useSelector","s","_s$myEquipment","myEquipment","equipments","selectedEquipment","imageURL","model","_s$myEquipment2","serialNumber","_s$myEquipment3","equipmentFamily","_s$myEquipment4","noMatchingPartsText","replaceTokenWithElement","useReplaceTokenWithElement","_jsxs","className","children","_jsx","src","alt","concat","width","height","cx","styles","AlloyButton","buttonType","size","onClick","propTypes","PropTypes","ProductListFilterBoxes","activeFacets","queryActionParam","widgetId","setUrlToPageOneWithFilter","fbeEnabled","dispatch","useDispatch","hash","useLocation","facetsFromHash","queryString","parse","facets","facetsArray","Array","isArray","_queryString$parse2","orderByFromUrl","orderBy","filterByEquipmentFromUrl","filterByEquipment","updatedOrderBy","isEmpty","_Fragment","map","_ref3","facet","label","_ref3$groupLabel","groupLabel","chipLabel","facetbox","updatedActiveFacets","filter","_ref2","data","pageNumber","batchPartNumbers","forEach","item","split","splice","indexOf","_defineProperty","getActiveFacets","activeFacetsWithWidgetId","j","push","finalUrlFacets","includes","activeFacetsPropTypes","_ref$className","SystemFeedback","type","AddEquipmentCTA","addEquipmentCTADescription","addEquipmentCTATitle","loading","isPM","_useEquipmentDrawer","useEquipmentDrawer","openAddDrawer","getDrawerComponent","id","ComponentLoader","storeId","widgetIdentifier","DisplayEquipment","props","mccRedirect","window","location","href","isFilteredByEquipment","myEquipmentList","hideCheckbox","displaySSROCTA","openEditDrawer","openSelectDrawer","modalCtx","useContext","ModalContext","str","replaceTokensInString","isQRCodeTempEquipment","modalTitle","defaultProps","currentEquipment","addModalWithOptions","SaveEquipment","_objectSpread","isTempEquipmentMessage","Checkbox","name","onChange","url","URL","searchParams","set","pathname","search","checked","seoUrl","SelectEquipmentCTA","selectedEquipmentCTADescription","selectedEquipmentCTATitle","getPropMap","arguments","length","undefined","reduce","acc","cur","value","getPartNumbers","partNumberData","productsArray","product","partObj","_product$itemPartNumb","partNumber","itemPartNumber","quantity","uniqueId","_useState2","_slicedToArray","useState","layoutData","setLayoutData","_useState4","espotNames","setEspotNames","_useState6","isLayoutLoading","setIsLayoutLoading","state","common","useEffect","_document$getElementB","pageId","document","getElementById","CMC_MARKETING_TARGET","getAttribute","endpoints","CMC_MARKETING_LAYOUT_DATA_URL","getHttpInstance","get","then","layout","serverLayoutData","resultList","widget","enrichedLayout","childWidget","child","widgetProperty","internalSlotId","slot","_objectWithoutProperties","_excluded","widgetProps","widgetDefinitionIdentifier","ESPOT_COMPONENT","ems","emsName","getEspotNames","catch","err","setError","ERROR_DOMAIN","MARKETING","ERROR_PATH","PAGE_LAYOUT","normalizeError","finally","SingleColumn","widgets","espotData","getEspotContent","_widget$widgetProps","Comp","componentMapping","isRequired","widgetSequence","Espot","espotContent","isCookiesEnable","addEventListener","LoadEspot","html","MyEquipmentCTA","equipmentWidget","_s$myEquipment$equipm","_s$common","_s$myEquipment$equipm2","initialLoading","isLoading","serialNumValidationStatus","_state$myEquipment","style","justifyContent","FLEX_ALIGNMENT","widgetAlignment","WidgetTitle","isCampaignLandingPage","MLP_IMAGE_URL","getImageUrl","EquipmentImageWithDescription","_selectedEquipment$eq","_selectedEquipment$eq2","isMachineLandingPage","selectedSerial","isPmKitsLoadedSuccessfully","salesModel","pmKitText","toLowerCase","pmKitModelText","nonSerialNumberText","serialNumberText","widgetText","modelTextOnly","imageUrlPM","getImageUrlPM","displayValue","ServiceOptionsDropdown","catKitList","dealerKitList","sortedCatKitList","selectedUnit","setSelectedUnit","pmKitOptions","itemToString","pmKitsList","pmKitErrors","getPMKitValue","selectedPMKit","catGroupHead","itemType","dealerGroupHead","UnitOfMeasureToggle","setUnitOfMeasure","showToggle","unitOfMeasure","InlineLoader","Dropdown","items","sortBy","pmKitObj","description","serviceOptionID","isCATKit","_toConsumableArray","keyToString","placeholder","selected","ssroBundlesExist","bundleData","bundles","isPMKit","message","FooterLinksAndButtons","meqButton","isDataLoaded","pmKitLearnMoreLink","isCEModel","buttonTitle","ChevronRightIcon","navigateToUrl","unValidatedEquipmentId","assetId","productId","uniqueIndex","validatedAsset","EquipmentRangeDropdown","modelsList","getSerialRangeValue","serialRangeErrors","serialRangeList","index","serialNumberOrPrefix","prefix","low","high","PMKitWidget","_getUnitOfMeasureCook","_equipmentList$data","_pmKitOptions$data$bu","_pmKitOptions$data$bu2","esiteURL","catalogId","_s$common2","langId","_s$common3","defaultUnitOfMeasure","_s$common4","equipmentList","_s$mlp","mlp","_s$mlp2","setSelectedSerial","getUnitOfMeasureCookie","UOM","metric","us","setSelectedPMKit","_useAnalytics","useAnalytics","firePMKitImpressionEvent","firePMKitProductClickEvent","firePMKitFormSubmitEvent","PMKIT_SSRO_BUNDLE_PAGE","links","PMKIT_LEARNMORE_LINK","models","_s$errors","errors","_s$errors2","selfServiceRepairOptions","isLoaded","loaded","loadSSROBySerial","IS_PM","loadPMKitEquipmentDetails","LIST_SELECT_PM_KIT","serialNumberSection","isEquipmentLoading","serialValue","loadServiceOption","pmKitReplacedTokensInUrl","replaceTokensInUrl","CATCORP_ESITE_URL","decodeURIComponent","pmKitValue","ssId","_equipmentList$data2","isCATKitData","_pmKitOptions$data","find","getCATKitValue","redirectUrl","redirectToBundlePage","products","list","dealerStore","PMKitCTA","PMKitWidgetCTA","IS_CAMPAIGN_LANDING_PAGE","removeCurrentModal","handleCancelButton","title","isModal","bucketModelNumberFacet","productCardExpanded","setExpanded","detailsStatus","showSpecificationsToggle","appliedFacets","showLeftNav","productsArrayLength","setAppliedFacets","_useLocation","useRouteMatch","queryParamsObject","history","useHistory","_useSelector","marketingLandingPageUI","partNumbers","usePagination","ProductListSpecificationsModal","showTotalResultsCount","ProductCardSidebar","filterByValue","filterFromHash","handleEquipmentCheck","recordSetTotal","getProductDetailsStatus","loadActivefacets","setLoadActivefacets","isMD","useBreakpoint","PAGE_BREAKPOINTS","MD","isFilterByEquipment","initialEquipmentLoading","prevUniqueIndex","usePrevious","equipmentChanged","STATUS","IDLE","getFacetsValueFromUrl","newFacetsFromHash","widgetUrlValue","filterFromUrl","facetsFromUrl","marketingSetQueryParam","getMarketingProductDetails","removeFilterByEquipment","updatedActiveFacet","facetId","APPLICATION_AND_MATERIAL_FACET_ID","Object","values","i","f","facetValueId","MyEquipmentFilter","ProductListSpecifications","setMarketingProductCardExpanded","CONTENT_ALIGNMENT","HALF_WIDTH_CLASSNAME","FULL_WIDTH_CLASSNAME","YoutubeWidget","useEspot","widgetLayout","setWidgetLayout","isConsentTypeAvailable","ONETRUST","TARGET_COOKIES_ACCEPTED","isCookiesAccepted","setIsCookiesAccepted","videoUrls","properties","contentAlignment","contents","urlArray","widthAndAlignment","getEmbedVideoRenderData","useCallback","contentAlignDirection","v4","component","EmbeddedVideo","VideoWarning","class","getEspotRenderData","getLayoutData","urlList","rowContainer","consentTypeAvailable","elem","templateMapping","SINGLE_COLUMN_TEMPLATE","MY_EQUIPMENT_COMPONENT","PM_KIT_WIDGET_COMPONENT","PRODUCTCARD_COMPONENT","_props$widgetProps","_props$widgetProps2","_useSelector3","_useContext","partNumbersEspotName","widgetHeaderName","productCardWidgetHeader","isOpen","setIsOpen","fireProductImpressionEvent","filterByEquipmentUrl","orderByFromHashUrl","priceAndAvailibiltyStatus","_state$marketingLandi","getMarketingProductPriceStatus","_state$marketingLandi2","_state$marketingLandi3","productCardExpandedArr","_state$marketingLandi4","_state$marketingLandi5","_state$marketingLandi6","_state$marketingLandi7","_state$marketingLandi8","_state$marketingLandi9","fireImpressionEvent","_state$marketingLandi10","_state$marketingLandi11","_state$marketingLandi12","_state$marketingLandi13","_state$marketingLandi14","_state$marketingLandi15","_partsObj$parts","partsObj","partnumbers","parts","part","substring","getPartNumbersfromEspot","orderByFromHash","orderByValue","isProductCardWidgetAvailable","current","getEspotProperties","key","_espotProperties$prop","espotProperties","flag","showKeyComponent","_useSelector2","byId","priceAndAvailability","partNumbersArray","currencyCode","_s$dealerCustomer","dealerCustomer","currency","GA_TRACKING_MARKETING_PRODUCT_CARD","hasCatalogEntries","RESOLVED","getPriceAndAvailability","partsList","namespace","statusActionPrefix","MARKETING_PAGE_UNIQUEID","errorInfo","domain","path","PRICE_AND_AVAILABILITY","attributeId","PRICE_AVAILABILITY_DEFAULT_ATTRIBUTE_PART_NUMBER","PENDING","totalPartNumber","activeFacetWithWidgetId","filterByEqValue","getUrlByHashValue","fbeEnabledValue","isMarketingPage","restoreInitialActiveFacets","showSpecificationsModal","ProductSpecificationModalContainer","onOpen","onClose","ProductListItemsCount","currentItemsCount","totalItemsCount","ProductListSortBy","sortByAction","FilterIcon","ProductComparisonGrid","isCanonicalUrl","preventProductReload","MAIN","handleSetExpanded","isMarketingCards","gaListName","MARKETING_PRODUCT_PAGE_SIZE","Loader","disabled","ProductListKey","YOUTUBE_COMPONENT","getTemplate","templateId","createElement","TemplateManager","_layoutData$childWidg","sortedWidgets","sort","a","b","legalPrivacyPageStorage","getSessionStorage","LEGAL_PRIVACY_PAGE","_document","_window","stickyHeaderHeight","getBoundingClientRect","scrollY","setTimeout","_window2","scroll","behavior","left","top","STICKY_TIMEOUT","memo","_useLayoutService","useLayoutService","_useEspot","isEspotLoading","espotError","_errors$ERROR_DOMAIN$","urlArr","urlParam","templateName","GA_TRACKING_TEMPLATE_NAME","usePopulateDataLayer","createPortal","ExceptionFeedbackBySelector","selector","_state$errors","errorCodeLabel","showContactUs","PageLoader","normalizeServerError","payload","errorMessage","MLP_ERROR_MESSAGE","errorObj","code","errorCode","MACHINE_DETAILS_LUCID","resolvedEndpoints","LOAD_MACHINE_DETAILS","LOAD_SSRO_URLFORSERIALNUMBER","LOAD_SSRO_URLFORMODEL","PMKIT_EQUIPMENT_DETAILS_URL","EQUIPMENT_SPECIFIC_PART_CATEGORIES","BEST_SELLER","loadMachineDetails","isMachineDetailsFlag","getState","_featureDetails$data","http","_getState$common","locale","storeIdentifier","featureValues","featureDetails","types","urlParams","config","headers","NO_CACHE_HEADER","params","response","MLP","EQUIPMENT_DETAILS","equipmentDetails","family","replaceFromString","categories","PCC_ALP_NON_RELATED_CATEGORIES","identifier","loadPartsByCategory","subCategoryLimit","_getState$mlp$equipme","_featureDetails$data2","TIMEOUT_EXTENDED","_getState$common2","_response$data$catego","categoriesForSelectedEquipment","totalCount","partsByCategory","PARTS_BY_CATEGORY","loadTopSellingPartsInfo","category","_getState$common3","_response$data$BestSe","_response$data","BestSellers","topSellingParts","viewMore","dispatchSsroError","error","SELF_SERVICE_REPAIR_OPTIONS","handleSsroServerError","handleSsroClientError","isCE","_equipmentList$data$m","_getState","_getState$common4","serialNoBegin","serialNoEnd","_response$data$bundle","loadSSROByModel","_getState$common5","encodeURIComponent","loadSSROOptions","runDispatch","_getState$mlp$ssroOpt","ssroOptions","equipmentModel","_getState2","_getState2$common","EQUIPMENT_LIST","_response$data$equipm","equipment","clearError","PMKIT_ERROR_MESSAGE"],"sourceRoot":""}