setOpen(e, false)} />\n
,\n document.body\n );\n}\n\nconst mapStateToProps = state => ({\n dataLocale: state.locale,\n localeInfo: state.common.localeInfo,\n currencyMark: state.common.currencyMark,\n});\n\nexport default connect(mapStateToProps)(SimilarProducts);\n","import React from 'react';\nimport Loadable from 'react-loadable-visibility/react-loadable';\nimport Loader from '../../../Common/BlankLoader';\n\nconst LoadableModule = Loadable({\n loader: () =>\n import(/* webpackChunkName: 'store-appointment' */ './NearByStoreAppointment').then(\n module => module.default\n ),\n loading: () => \n
\n \n
\n {SIMILAR_PRODUCTS}
\n \n
\n setOpen(e, false)}>\n ×\n
\n \n {products?.map((item, idx) => (\n
\n \n 
\n
\n );\n};\n\nconst Review = props => {\n const {\n reviewId,\n reviewTitle,\n reviewDetail,\n reviewee,\n reviewDate,\n noOfStars,\n className = '',\n startId,\n images,\n } = props;\n const imagesArray = [];\n if (images?.length) {\n images.length = Math.min(images.length, 3);\n images.forEach((image, index) => {\n imagesArray.push(renderImage(image.thumbUrl, index)); // need not give key more than 0;\n });\n }\n return (\n \n
\n );\n};\n\nexport default Review;\n","import React, { Component } from 'react';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport * as productActions from '../../../actionCreators/product';\nimport PropTypes from 'prop-types';\nimport './DeliveryOptions.scss';\n\nclass DeliveryOptions extends Component {\n static propTypes = {\n productData: PropTypes.object,\n };\n constructor(props) {\n super(props);\n const { dataLocale } = props;\n this.invalidPinCode = false;\n this.invalidPinCodeErrorClass = '';\n this.expressOption = null;\n this.errorText = dataLocale.PLEASE_ENTER_VALID_PINCODE;\n this.state = { inputPincode: '', changePincodeForm: '', estimateDeliverytime: 'hide' };\n this.expressParameter = this.expressParameter.bind(this);\n }\n\n componentDidUpdate = prevProps => {\n const { successExpress, errorExpress } = this.props;\n const { inputPincode } = this.state;\n if (prevProps.successExpress !== successExpress && successExpress) {\n if (window.dtm.LenskartRewamp)\n window.dtm.LenskartRewamp.Pdp.click.checkAvailability(inputPincode, 'serviceable');\n (() => {\n this.setState({ estimateDeliverytime: '', changePincodeForm: 'hide' });\n })();\n }\n if (prevProps.errorExpress !== errorExpress && errorExpress) {\n if (window.dtm.LenskartRewamp)\n window.dtm.LenskartRewamp.Pdp.click.checkAvailability(inputPincode, 'non-servicable');\n (() => {\n this.setState({ estimateDeliverytime: 'hide', changePincodeForm: '' });\n })();\n }\n };\n\n changePinHandler = event => {\n this.setState({ inputPincode: event.target.value });\n };\n\n expressParameter(event) {\n event.preventDefault();\n const { productData, productActions, dataLocale, localeInfo } = this.props;\n const { inputPincode } = this.state;\n const regex = /^[0-9]+$/;\n const countryCode = localeInfo.countryCode || 'in';\n if (\n inputPincode !== '' &&\n regex.test(inputPincode) &&\n inputPincode.length === 6 &&\n productData?.id\n ) {\n productActions.getExpressTime(productData.id, inputPincode, countryCode);\n } else {\n this.invalidPinCode = true;\n this.invalidPinCodeErrorClass = 'error';\n this.errorText = dataLocale.PLEASE_ENTER_VALID_PINCODE;\n this.setState({ changePincodeForm: '', estimateDeliverytime: 'hide' });\n }\n }\n\n changePincode = () => {\n const { productActions } = this.props;\n productActions.resetPincodeForm();\n this.setState({ changePincodeForm: '', estimateDeliverytime: 'hide' });\n };\n\n render() {\n const {\n productData,\n successExpress,\n errorExpress,\n expressOptions,\n pdpCheckDeliveryCustom,\n dataLocale,\n } = this.props;\n const { changePincodeForm, estimateDeliverytime, inputPincode } = this.state;\n const price =\n productData.deliveryOptions[0].deliveryOption === 'EXPRESS'\n ? productData.deliveryOptions[0].shipping_Charges.price\n : null;\n if (successExpress && expressOptions?.result?.length) {\n this.invalidPinCode = false;\n this.invalidPinCodeErrorClass = '';\n this.expressOption = expressOptions.result;\n } else if (errorExpress) {\n this.invalidPinCode = true;\n this.invalidPinCodeErrorClass = 'error';\n this.errorText = errorExpress.message;\n }\n const {\n NOT_AVAILABLE_WITH_CASH,\n APPLICABLE_ONLY_CERTAIN_POWERS,\n REFUND_IN_CASE_OF_DELIVERY_DELAY,\n ORDER_PROCESSING_STARTS_AFTER,\n CHECK_DELIVERY_OPTIONS,\n ENTER_PIN_CODE,\n CHECK,\n CHANGE,\n DELIVERY_OPTIONS_TO,\n STANDARD_DELIVERY,\n FREE,\n GET_IT_DELIVERED_BY,\n XPRESS_DELIVERY,\n XPRESS_DELIVERY_DETAILS,\n DELIVERY_LOGO,\n } = dataLocale;\n return (\n \n {reviewTitle}\n
\n {reviewDetail}
\n \n {reviewee} -{' '}\n {formatDate(new Date(reviewDate).getTime(), 'D MMM', true)}\n
\n {/* \n
*/}\n {images && Was This Review Helpful?
\n {imagesArray}
}\n \n {!pdpCheckDeliveryCustom &&
\n\n {CHECK_DELIVERY_OPTIONS}
}\n \n {!pdpCheckDeliveryCustom && productData.sellerLabel && productData.sellerLabel !== '' && (\n\n {productData.sellerLabel}\n
\n )}\n\n {DELIVERY_OPTIONS_TO} {inputPincode}\n {' '}\n \n {CHANGE}\n \n
\n {this.expressOption?.length && (\n - \n
- \n \n\n\n {STANDARD_DELIVERY} ({FREE})\n\n\n {GET_IT_DELIVERED_BY}{' '}\n \n {new Date(this.expressOption[0].deliveryDate).toString().slice(0, 15)}\n \n\n {productData.sellerLabel &&\n productData.sellerLabel !== '' &&\n !pdpCheckDeliveryCustom && (\n
\n {productData.sellerLabel}\n
\n )}\n \n {productData.deliveryOptions[0].deliveryOption === 'EXPRESS' &&\n this.expressOptions?.length > 1 ? (\n - \n \n\n\n {XPRESS_DELIVERY} (\n {price})\n\n\n\n
- \n
- \n
- {NOT_AVAILABLE_WITH_CASH} \n
- {APPLICABLE_ONLY_CERTAIN_POWERS} \n
- {ORDER_PROCESSING_STARTS_AFTER} \n
- {REFUND_IN_CASE_OF_DELIVERY_DELAY} \n
\n {GET_IT_DELIVERED_BY}{' '}\n \n {new Date(this.expressOption[1].deliveryDate).toString().slice(0, 15)}\n \n\n {productData.sellerLabel && productData.sellerLabel !== '' && (\n\n {productData.sellerLabel}\n
\n )}\n \n ) : null}\n - \n
\n {productData.lastPurchaseInfo}\n
\n )}\n ![{NOT_FOUND}](\"//static.lenskart.com/media/desktop/img/404-new.jpg\")
\n ![\"close\"](\"/assets/svg/Cross.svg\")
\n