\n \n {inventoryMsg.split('\\n').join('')}\n \n
\n )\n } else {\n return '';\n }\n});\n\nexport default PDPInventoryMsg;\n","import React from 'react';\nimport { AppointmentCTAProps } from 'util/Props';\nimport { appointmentCTA } from 'i18n/en.json';\nimport config from 'config';\nimport PDPInventoryMsg from './product/PDPInventoryMsg';\n/*\n Display Schedule appointment CTA\n Destination url is constructed based on params\n*/\nclass AppointmentCTA extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n quantity: props.qty || config.tiresSelectableQty.defaultQty || null,\n // isStaggered: props.isStaggered,\n qty2: props.isStaggered ? props.qty2 : null\n };\n this.clickHandler = this.clickHandler.bind(this);\n this.handleKeyPress = this.handleKeyPress.bind(this);\n this.handleQuantityChange = this.handleQuantityChange.bind(this);\n this.handleRearQuantityChange = this.handleRearQuantityChange.bind(this);\n this.getUrl = this.getUrl.bind(this);\n }\n\n // Building url query\n clickHandler(event) {\n event.preventDefault();\n const { storeId, userStore, postThisStore } = this.props;\n if (storeId !== userStore.id && postThisStore) {\n postThisStore();\n }\n }\n handleKeyPress(event) {\n if (event.charCode === 13) {\n this.clickHandler();\n }\n }\n handleQuantityChange(e) {\n this.setState({ quantity: e.target.value });\n }\n handleRearQuantityChange(e) {\n this.setState({ qty2: e.target.value });\n }\n getUrl() {\n const {\n storeId,\n userStore,\n categoryId,\n selectedCatID,\n pid,\n pid2,\n rearSize,\n isStaggered,\n frontSize,\n categoryUrl\n } = this.props;\n const {quantity, qty2} = this.state;\n let params = {};\n\n if (categoryUrl) {\n return categoryUrl;\n }\n\n if (userStore && userStore.id) {\n params.storeid = userStore.id;\n }\n if (storeId && storeId !== '') {\n params.storeid = storeId;\n }\n if (pid && pid !== '') {\n params.pid = pid;\n\n if (quantity) {\n params.qty = quantity;\n }\n }\n if (isStaggered) {\n if (pid2 && pid2 !== '') {\n params.pid2 = pid2;\n }\n // When both pids are present, qty2 is rear, qty is front\n if (qty2) {\n params.qty2 = qty2;\n }\n if (rearSize && rearSize !== '') {\n params.rearSize = rearSize;\n // Staggered logic for a missing tire - qid2 has quanitty for missing tire(front or rear)\n if (!pid2) {\n params.qty = quantity;\n params.qty2 = qty2;\n }\n }\n if (frontSize && frontSize !== '') {\n params.frontSize = frontSize;\n // Staggered logic for a missing tire - qid2 has quanitty for missing tire(front or rear)\n if (!pid2) {\n params.qty = qty2;\n params.qty2 = quantity;\n }\n }\n }\n\n if (categoryId) {\n params.categoryId = categoryId;\n }\n\n if (selectedCatID) {\n params.selectedCatID = selectedCatID;\n }\n\n let paramsArr = Object.keys(params);\n const redirectURL =\n this.props.ctaUrl +\n paramsArr.reduce(\n (acc, param, index) => `${acc}${param}=${params[param]}${index === paramsArr.length - 1 ? '' : '&'}`,\n this.props.ctaUrl.indexOf('?') > -1 ? '&' : '?'\n );\n\n return redirectURL;\n }\n render() {\n //Do not render CTA if user store is not enabled\n //Store detail pages can override user store flag through appointmentCTADisplayOverride - default value is null,\n //store can set it to reflect it's enableAppointment property\n if (this.props.appointmentCTADisplayOverride !== null) {\n if (this.props.appointmentCTADisplayOverride === false) {\n return null;\n }\n }\n if (\n !this.props.isShow &&\n (!this.props.userStore || !this.props.userStore.enableAppointment) &&\n this.props.appointmentCTADisplayOverride !== true\n ) {\n return null;\n }\n if (!this.props.ctaUrl || !this.props.ctaLabel) {\n return null;\n }\n return (\n\n {this.props.noResultsMessage}\n
\n{this.props.noResultsSubMessage}
\n