{\"Item successfully added to cart.!\"}
);\r\n }\r\n };\r\n\r\n showAlertBox() {\r\n toast({\"Link Copied.!\"}
);\r\n };\r\n\r\n changeImg(index) {\r\n this.setState({\r\n mainImg: this.state.itemAssets[index]\r\n });\r\n }\r\n\r\n magnifyProduct(data) {\r\n if (data !== DefaulProductImage) {\r\n let productMagnifier = {\r\n show: true,\r\n imageUrl: data\r\n };\r\n this.props.showProductMagnifier(productMagnifier);\r\n }\r\n }\r\n\r\n loadData() {\r\n this.props.showLoadingScreen();\r\n const { location: { search } } = this.props.product;\r\n const splitSearch = search.split(\"=\").join(\",\").split(\"&\").join(\",\").split(\",\");\r\n let locationCode = this.props.shoppingPreferences.outletCode ? this.props.shoppingPreferences.outletCode : showcaseDefaultsEnum.locationCode\r\n if (locationCode === '') {\r\n locationCode = 'SCDR'; //live common location with liquor\r\n }\r\n get(\"/Web/GetProductDetails?itemCode=\" + splitSearch[1] + \"&locationCode=\" + locationCode).then(response => {\r\n if (response.data.statusCode == 200) {\r\n\r\n if (response.data.result) {\r\n if(response.data.result.promotionItemDetails){\r\n let promotionItemDetails = response.data.result.promotionItemDetails;\r\n this.setState({\r\n promotionItemDetails:promotionItemDetails\r\n })\r\n }\r\n if (response.data.result.itemDetail) {\r\n let data = response.data.result.itemDetail;\r\n // GtagEvent({ action: 'productdetail', category: 'product', label: 'Product Details' });\r\n ProductDetailEventGA4(data)\r\n if (!this.props.userDetails.customerID <= 0) {\r\n algonomyItemPageRequest(data.itemCode, this.props.shoppingPreference.outletCode);\r\n } \r\n \r\n this.setState({\r\n product: data,\r\n itemTopic: data.name,\r\n itemDes: data.longDescription,\r\n itemCode: data.itemCode,\r\n itemAmount: data.amount,\r\n itemMinQty: data.minQty,\r\n itemuom: data.uom,\r\n itemPromotionDiscountValue: data.promotionDiscountValue,\r\n stockInHand: data.stockInHand,\r\n subDepartmentCode: data.subDepartmentCode,\r\n departmentCode: data.departmentCode,\r\n categoryCode: data.categoryCode,\r\n itemID: data.itemID,\r\n isSponsored: data.isSponsored,\r\n isFeatured: data.isFeatured,\r\n itemFullDes: data.detailDescription\r\n }, () => {\r\n this.props.hideLoadingScreen();\r\n this.shortDescription()\r\n })\r\n } else {\r\n let errorType = response.data.errorList[0].errorType;\r\n let messageBox = {\r\n show: true,\r\n title: errorTypesEnum.error === errorType ? \"Oops!\" : errorTypesEnum.warning === errorType ? \"Warning\" : \"Information\",\r\n className: errorTypesEnum.error === errorType ? \"error\" : errorTypesEnum.warning === errorType ? \"warning\" : \"info\",\r\n content: response.data.errorList[0].statusMessage,\r\n isConfirmation: false,\r\n callBackFunction: (response) => {\r\n window.location.href = `/`;\r\n }\r\n }\r\n this.props.hideLoadingScreen();\r\n this.props.showMessageBox(messageBox);\r\n }\r\n if (response.data.result.itemOfferDetailList.length > 0) {\r\n let offer = response.data.result.itemOfferDetailList\r\n this.setState({\r\n offers: offer,\r\n isOffer: true\r\n }, () => {\r\n this.props.hideLoadingScreen();\r\n })\r\n }\r\n if (response.data.result.brandDetail) {\r\n let brandDetail = response.data.result.brandDetail\r\n this.setState({\r\n itemOwner: brandDetail.brandName,\r\n isShowBrandPage: brandDetail.isShowBrandPage\r\n }, () => {\r\n this.props.hideLoadingScreen();\r\n })\r\n }\r\n if (response.data.result.categoryDetail) {\r\n let tagNames = [response.data.result.categoryDetail.departmentName, response.data.result.categoryDetail.subDepartmentName, response.data.result.categoryDetail.categoryName]\r\n let tagsIDs = [response.data.result.categoryDetail.departmentID, response.data.result.categoryDetail.subDepartmentID, response.data.result.categoryDetail.categoryID]\r\n let tagurls = [response.data.result.categoryDetail.departmentURL,response.data.result.categoryDetail.subDepartmentURL]\r\n this.setState({\r\n itemTagsName: tagNames,\r\n itemTagsID: tagsIDs,\r\n url: tagurls\r\n }, () => {\r\n this.props.hideLoadingScreen();\r\n })\r\n }\r\n if (response.data.result.itemSpecificationList.length > 0) {\r\n this.setState({\r\n itemSpecification: response.data.result.itemSpecificationList,\r\n itemDetail: true\r\n }, () => {\r\n this.props.hideLoadingScreen();\r\n })\r\n }\r\n if (response.data.result.assetList.length > 0) {\r\n this.setState({\r\n itemAssets: response.data.result.assetList,\r\n mainImg: response.data.result.assetList[0],\r\n }, () => {\r\n this.props.hideLoadingScreen();\r\n })\r\n }\r\n }\r\n } else {\r\n let errorType = response.data.errorList[0].errorType;\r\n let messageBox = {\r\n show: true,\r\n title: errorTypesEnum.error === errorType ? \"Oops!\" : errorTypesEnum.warning === errorType ? \"Warning\" : \"Information\",\r\n className: errorTypesEnum.error === errorType ? \"error\" : errorTypesEnum.warning === errorType ? \"warning\" : \"info\",\r\n content: response.data.errorList[0].statusMessage,\r\n isConfirmation: false,\r\n callBackFunction: (response) => {\r\n window.location.href = `/`;\r\n }\r\n }\r\n this.props.hideLoadingScreen();\r\n this.props.showMessageBox(messageBox);\r\n }\r\n })\r\n }\r\n\r\n longDescription() {\r\n this.setState({ itemLongDes: this.state.itemFullDes, ismoreDetails: false });\r\n }\r\n shortDescription() {\r\n var shortDetailDescription = this.state.itemFullDes.substring(200, this.state.itemFullDes);\r\n\r\n this.setState({ itemLongDes: shortDetailDescription, ismoreDetails: true });\r\n }\r\n\r\n ChangeAccordion(selectedAccordion) {\r\n if (this.state.selectedAccordion === selectedAccordion) { selectedAccordion = ''; }\r\n this.setState({ selectedAccordion })\r\n }\r\n\r\n gotoDepartment(checkAge, data) {\r\n if (checkAge) {\r\n if (this.props.ageVerification.isLegalAge && this.props.ageVerification.attemptedVerification) {\r\n window.location.href = data;\r\n } else if (!this.props.ageVerification.isLegalAge && this.props.ageVerification.attemptedVerification) {\r\n this.showAgeFail();\r\n } else if (!this.props.ageVerification.attemptedVerification) {\r\n let ageGate = {\r\n show: true,\r\n isPage: true,\r\n callBackFunction: (response) => {\r\n if (response) {\r\n this.props.resetAgeGate().then(() => { window.location.href = data; })\r\n } else {\r\n this.props.resetAgeGate()\r\n this.showAgeFail();\r\n }\r\n }\r\n }\r\n this.props.showAgeGate(ageGate);\r\n }\r\n } else {\r\n window.location.href = data;\r\n }\r\n }\r\n\r\n copyCodeToClipboard = (e) => {\r\n const text = this.textArea;\r\n const path = window.location.href.split('//');\r\n const baseUrl = path[1].split('/');\r\n\r\n let itemUrl = `${this.state.itemCode}%26${this.state.itemTopic.replace(/ /g, \"_\")}`\r\n let copyLink = `${this.state.itemCode}&${this.state.itemTopic.replace(/ /g, \"_\")}`\r\n\r\n let url = '';\r\n if (e === 'facebook') {\r\n url = `https://www.facebook.com/sharer.php?u=http%3A%2F%2F${baseUrl[0]}%2FproductDetail%3Fitemcode%3D${itemUrl}`;\r\n window.open(url);\r\n }\r\n if (e === 'twitter') {\r\n url = `https://twitter.com/intent/tweet?url=http%3A%2F%2F${baseUrl[0]}%2FproductDetail%3Fitemcode%3D${itemUrl}`;\r\n window.open(url);\r\n }\r\n if (e === 'link') {\r\n url = `http://${baseUrl[0]}/productDetail?itemcode=${copyLink}`;\r\n this.showAlertBox();\r\n }\r\n text.value = url;\r\n text.select();\r\n document.execCommand(\"copy\");\r\n\r\n }\r\n\r\n render() {\r\n //const itemPromotion = this.props.promotionItems.find(x => x.itemID === this.state.itemID);\r\n const promotionItemDetails = this.state.promotionItemDetails;\r\n const slides = this.state.itemAssets.map((tag, index) =>\r\n \r\n \r\n {slides}\r\n \r\n
\r\n \r\n 
\r\n {/* { e.target.onerror = null; e.target.src = \"https://essstr.blob.core.windows.net/essimg/Small/Default.jpg\" }}> */}\r\n {this.state.isOffer ?
\r\n \r\n
: null}\r\n {promotionItemDetails && !promotionItemDetails.checkPaymentMode && promotionItemDetails.discountPercentage?\r\n \r\n More\r\n
\r\n Deals\r\n
\r\n \r\n Deals\r\n
\r\n {promotionItemDetails.otherPromotionTypeID === 2 ? 
: promotionItemDetails.otherPromotionTypeID === 1 ? 
: \"\"}\r\n
\r\n : null}\r\n\r\n {this.state.isFeatured ?\r\n \r\n
\r\n \r\n {promotionItemDetails.discountPercentage}\r\n
\r\n \r\n
\r\n %
\r\n Off
\r\n \r\n
\r\n : null}\r\n \r\n \r\n Featured\r\n
\r\n \r\n {\r\n this.shortDescription();\r\n }\r\n }\r\n id=\"moreshort\">\r\n See Less\r\n {/* ▲ */}\r\n \r\n
\r\n this.textArea = textarea}\r\n value=\"\"\r\n />\r\n
\r\n \r\n \r\n {\"Item successfully added to cart.!\"}
);\r\n }\r\n };\r\n\r\n showAlertBox() {\r\n toast({\"Link Copied.!\"}
);\r\n };\r\n\r\n changeImg(index) {\r\n this.setState({\r\n mainImg: this.state.itemAssets[index]\r\n });\r\n }\r\n\r\n magnifyProduct(data) {\r\n if (data) {\r\n let productMagnifier = {\r\n show: true,\r\n imageUrl: data\r\n }\r\n this.props.showProductMagnifier(productMagnifier);\r\n }\r\n }\r\n\r\n loadData() {\r\n this.props.showLoadingScreen();\r\n const { location: { search } } = this.props.product;\r\n const splitSearch = search.split(\"=\").join(\",\").split(\"&\").join(\",\").split(\",\");\r\n let locationCode = this.props.shoppingPreferences.outletCode ? this.props.shoppingPreferences.outletCode : showcaseDefaultsEnum.locationCode\r\n if (locationCode === '') {\r\n locationCode = 'SCDR'; //live common location with liquor\r\n }\r\n get(\"/Web/GetProductDetails?itemCode=\" + splitSearch[1] + \"&locationCode=\" + locationCode).then(response => {\r\n if (response.data.statusCode == 200) {\r\n if (response.data.result) {\r\n if (response.data.result.itemDetail) {\r\n let data = response.data.result.itemDetail;\r\n // GtagEvent({ action: 'productdetail', category: 'product', label: 'Product Details' });\r\n ProductDetailEventGA4(data)\r\n let tags = [data.departmentCode, data.subDepartmentCode, data.categoryCode];\r\n this.setState({\r\n product: data,\r\n itemTopic: data.name,\r\n itemDes: data.longDescription,\r\n itemCode: data.itemCode,\r\n itemAmount: data.amount,\r\n itemMinQty: data.minQty,\r\n itemuom: data.uom,\r\n itemPromotionDiscountValue: data.promotionDiscountValue,\r\n stockInHand: data.stockInHand,\r\n subDepartmentCode: data.subDepartmentCode,\r\n departmentCode: data.departmentCode,\r\n categoryCode: data.categoryCode,\r\n itemID: data.itemID,\r\n isSponsored: data.isSponsored,\r\n isFeatured: data.isFeatured,\r\n offers: response.data.result.itemOfferDetailList,\r\n itemFullDes: data.detailDescription\r\n }, () => {\r\n this.props.hideLoadingScreen();\r\n this.shortDescription();\r\n })\r\n } else {\r\n let errorType = response.data.errorList[0].errorType;\r\n let messageBox = {\r\n show: true,\r\n title: errorTypesEnum.error === errorType ? \"Oops!\" : errorTypesEnum.warning === errorType ? \"Warning\" : \"Information\",\r\n className: errorTypesEnum.error === errorType ? \"error\" : errorTypesEnum.warning === errorType ? \"warning\" : \"info\",\r\n content: response.data.errorList[0].statusMessage,\r\n isConfirmation: false,\r\n callBackFunction: (response) => {\r\n window.location.href = `/`;\r\n }\r\n }\r\n this.props.hideLoadingScreen();\r\n this.props.showMessageBox(messageBox);\r\n }\r\n if (response.data.result.itemOfferDetailList.length > 0) {\r\n let offer = response.data.result.itemOfferDetailList\r\n this.setState({\r\n offers: offer,\r\n isOffer: true\r\n }, () => {\r\n this.props.hideLoadingScreen();\r\n })\r\n }\r\n if (response.data.result.brandDetail) {\r\n let brandDetail = response.data.result.brandDetail\r\n this.setState({\r\n itemOwner: brandDetail.brandName,\r\n isShowBrandPage: brandDetail.isShowBrandPage\r\n }, () => {\r\n this.props.hideLoadingScreen();\r\n })\r\n }\r\n if (response.data.result.categoryDetail) {\r\n let tagNames = [response.data.result.categoryDetail.departmentName, response.data.result.categoryDetail.subDepartmentName, response.data.result.categoryDetail.categoryName]\r\n let tagsIDs = [response.data.result.categoryDetail.departmentID, response.data.result.categoryDetail.subDepartmentID, response.data.result.categoryDetail.categoryID]\r\n let tagurls = [response.data.result.categoryDetail.departmentURL,response.data.result.categoryDetail.subDepartmentURL]\r\n this.setState({\r\n itemTagsName: tagNames,\r\n itemTagsID: tagsIDs,\r\n url: tagurls\r\n }, () => {\r\n this.props.hideLoadingScreen();\r\n })\r\n }\r\n if (response.data.result.itemSpecificationList.length > 0) {\r\n this.setState({\r\n itemSpecification: response.data.result.itemSpecificationList,\r\n itemDetail: true\r\n }, () => {\r\n this.props.hideLoadingScreen();\r\n })\r\n }\r\n if (response.data.result.assetList.length > 0) {\r\n this.setState({\r\n itemAssets: response.data.result.assetList,\r\n mainImg: response.data.result.assetList[0],\r\n }, () => {\r\n this.props.hideLoadingScreen();\r\n })\r\n }\r\n }\r\n } else {\r\n let errorType = response.data.errorList[0].errorType;\r\n let messageBox = {\r\n show: true,\r\n title: errorTypesEnum.error === errorType ? \"Oops!\" : errorTypesEnum.warning === errorType ? \"Warning\" : \"Information\",\r\n className: errorTypesEnum.error === errorType ? \"error\" : errorTypesEnum.warning === errorType ? \"warning\" : \"info\",\r\n content: response.data.errorList[0].statusMessage,\r\n isConfirmation: false,\r\n callBackFunction: (response) => {\r\n window.location.href = `/`;\r\n }\r\n }\r\n this.props.hideLoadingScreen();\r\n this.props.showMessageBox(messageBox);\r\n }\r\n })\r\n }\r\n longDescription() {\r\n this.setState({ itemLongDes: this.state.itemFullDes, ismoreDetails: false });\r\n }\r\n shortDescription() {\r\n var shortDetailDescription = this.state.itemFullDes.substring(200, this.state.itemFullDes);\r\n\r\n this.setState({ itemLongDes: shortDetailDescription, ismoreDetails: true });\r\n }\r\n\r\n ChangeAccordion(selectedAccordion) {\r\n if (this.state.selectedAccordion === selectedAccordion) { selectedAccordion = ''; }\r\n this.setState({ selectedAccordion })\r\n }\r\n\r\n gotoDepartment(checkAge, data) {\r\n if (checkAge) {\r\n if (this.props.ageVerification.isLegalAge && this.props.ageVerification.attemptedVerification) {\r\n window.location.href = data;\r\n } else if (!this.props.ageVerification.isLegalAge && this.props.ageVerification.attemptedVerification) {\r\n this.showAgeFail();\r\n } else if (!this.props.ageVerification.attemptedVerification) {\r\n let ageGate = {\r\n show: true,\r\n isPage: true,\r\n callBackFunction: (response) => {\r\n if (response) {\r\n this.props.resetAgeGate().then(() => { window.location.href = data; })\r\n } else {\r\n this.props.resetAgeGate()\r\n this.showAgeFail();\r\n }\r\n }\r\n }\r\n this.props.showAgeGate(ageGate);\r\n }\r\n } else {\r\n window.location.href = data;\r\n }\r\n }\r\n\r\n copyCodeToClipboard = (e) => {\r\n const text = this.textArea;\r\n const path = window.location.href.split('//');\r\n const baseUrl = path[1].split('/');\r\n let url = '';\r\n let itemUrl = `${this.state.itemCode}%26${this.state.itemTopic.replace(/ /g, \"_\")}`\r\n let copyLink = `${this.state.itemCode}&${this.state.itemTopic.replace(/ /g, \"_\")}`\r\n if (e === 'facebook') {\r\n url = `https://www.facebook.com/sharer.php?u=http%3A%2F%2F${baseUrl[0]}%2FproductDetail%3Fitemcode%3D${itemUrl}`;\r\n window.open(url);\r\n }\r\n if (e === 'twitter') {\r\n url = `https://twitter.com/intent/tweet?url=http%3A%2F%2F${baseUrl[0]}%2FproductDetail%3Fitemcode%3D${itemUrl}`;\r\n window.open(url);\r\n }\r\n if (e === 'link') {\r\n url = `http://${baseUrl[0]}/productDetail?itemcode=${copyLink}`;\r\n this.showAlertBox();\r\n }\r\n text.value = url;\r\n text.select();\r\n document.execCommand(\"copy\");\r\n\r\n }\r\n\r\n render() {\r\n const itemPromotion = this.props.promotionItems.find(x => x.itemID === this.state.itemID);\r\n const slides = this.state.itemAssets.map((tag, index) =>\r\n \r\n Keells #{this.state.itemCode}\r\n
\r\n \r\n 
{ e.target.onerror = null; e.target.src = DefaulProductImage }}>\r\n {this.state.isOffer ?
\r\n \r\n
: null}\r\n {itemPromotion && !itemPromotion.checkPaymentMode ?\r\n \r\n
\r\n \r\n Offer\r\n
\r\n\r\n \r\n {itemPromotion.otherPromotionTypeID === 2 ? : }\r\n
\r\n : null}\r\n\r\n {this.state.isFeatured ?\r\n \r\n
\r\n \r\n {itemPromotion.discountPercentage}\r\n
\r\n \r\n
\r\n %
\r\n Off
\r\n \r\n
: null}\r\n \r\n
\r\n \r\n Featured\r\n
\r\n\r\n \r\n \r\n {slides}\r\n \r\n
\r\n \r\n {this.state.itemPromotionDiscountValue > 0 && itemPromotion && !itemPromotion.checkPaymentMode? {\"Rs \" + toCurrency(this.state.itemAmount)} : null}\r\n {itemPromotion && !itemPromotion.checkPaymentMode? {\"Rs \" + toCurrency(this.state.itemAmount - this.state.itemPromotionDiscountValue) + \" / \" + (this.state.itemuom === \"NO\" ? \"Unit\" : this.state.product.uom)} : {\"Rs \" + toCurrency(this.state.itemAmount)}}\r\n
\r\n \r\n { this.shortDescription(); }}\r\n id=\"moreshort\">\r\n See Less\r\n \r\n
\r\n \r\n Tags\r\n \r\n \r\n {this.state.itemTagsName[0]}, \r\n \r\n \r\n {this.state.itemTagsName[1]}\r\n \r\n
\r\n \r\n \r\n Share:\r\n \r\n this.copyCodeToClipboard('facebook')}>\r\n \r\n \r\n this.copyCodeToClipboard('twitter')}>\r\n \r\n \r\n this.copyCodeToClipboard('link')}>\r\n \r\n \r\n
\r\n \r\n this.textArea = textarea}\r\n value=\"\"\r\n />\r\n
\r\n \r\n
);\r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(Footer);","/**\n * Safe chained function\n *\n * Will only create a new function if needed,\n * otherwise will pass back existing functions or null.\n *\n * @param {function} functions to chain\n * @returns {function|null}\n */\nfunction createChainedFunction() {\n for (var _len = arguments.length, funcs = new Array(_len), _key = 0; _key < _len; _key++) {\n funcs[_key] = arguments[_key];\n }\n\n return funcs.filter(function (f) {\n return f != null;\n }).reduce(function (acc, f) {\n if (typeof f !== 'function') {\n throw new Error('Invalid Argument Type, must only provide functions, undefined, or null.');\n }\n\n if (acc === null) return f;\n return function chainedFunction() {\n for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {\n args[_key2] = arguments[_key2];\n }\n\n acc.apply(this, args);\n f.apply(this, args);\n };\n }, null);\n}\n\nexport default createChainedFunction;","import _inheritsLoose from \"@babel/runtime/helpers/esm/inheritsLoose\";\nimport React from 'react';\nimport TabContainer from './TabContainer';\nimport TabContent from './TabContent';\nimport TabPane from './TabPane';\n/* eslint-disable react/require-render-return, react/no-unused-prop-types */\n\nvar Tab = /*#__PURE__*/function (_React$Component) {\n _inheritsLoose(Tab, _React$Component);\n\n function Tab() {\n return _React$Component.apply(this, arguments) || this;\n }\n\n var _proto = Tab.prototype;\n\n _proto.render = function render() {\n throw new Error('ReactBootstrap: The `Tab` component is not meant to be rendered! ' + \"It's an abstract component that is only valid as a direct Child of the `Tabs` Component. \" + 'For custom tabs components use TabPane and TabsContainer directly');\n };\n\n return Tab;\n}(React.Component);\n\nTab.Container = TabContainer;\nTab.Content = TabContent;\nTab.Pane = TabPane;\nexport default Tab;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useBootstrapPrefix } from './ThemeProvider';\nvar Table = React.forwardRef(function (_ref, ref) {\n var bsPrefix = _ref.bsPrefix,\n className = _ref.className,\n striped = _ref.striped,\n bordered = _ref.bordered,\n borderless = _ref.borderless,\n hover = _ref.hover,\n size = _ref.size,\n variant = _ref.variant,\n responsive = _ref.responsive,\n props = _objectWithoutPropertiesLoose(_ref, [\"bsPrefix\", \"className\", \"striped\", \"bordered\", \"borderless\", \"hover\", \"size\", \"variant\", \"responsive\"]);\n\n var decoratedBsPrefix = useBootstrapPrefix(bsPrefix, 'table');\n var classes = classNames(className, decoratedBsPrefix, variant && decoratedBsPrefix + \"-\" + variant, size && decoratedBsPrefix + \"-\" + size, striped && decoratedBsPrefix + \"-striped\", bordered && decoratedBsPrefix + \"-bordered\", borderless && decoratedBsPrefix + \"-borderless\", hover && decoratedBsPrefix + \"-hover\");\n var table = /*#__PURE__*/React.createElement(\"table\", _extends({}, props, {\n className: classes,\n ref: ref\n }));\n\n if (responsive) {\n var responsiveClass = decoratedBsPrefix + \"-responsive\";\n\n if (typeof responsive === 'string') {\n responsiveClass = responsiveClass + \"-\" + responsive;\n }\n\n return /*#__PURE__*/React.createElement(\"div\", {\n className: responsiveClass\n }, table);\n }\n\n return table;\n});\nexport default Table;","/**\n * Copyright (c) 2013-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n'use strict';\n\n/**\n * Use invariant() to assert state which your program assumes to be true.\n *\n * Provide sprintf-style format (only %s is supported) and arguments\n * to provide information about what broke and what you were\n * expecting.\n *\n * The invariant message will be stripped in production, but the invariant\n * will remain to ensure logic does not differ in production.\n */\n\nvar invariant = function(condition, format, a, b, c, d, e, f) {\n if (process.env.NODE_ENV !== 'production') {\n if (format === undefined) {\n throw new Error('invariant requires an error message argument');\n }\n }\n\n if (!condition) {\n var error;\n if (format === undefined) {\n error = new Error(\n 'Minified exception occurred; use the non-minified dev environment ' +\n 'for the full error message and additional helpful warnings.'\n );\n } else {\n var args = [a, b, c, d, e, f];\n var argIndex = 0;\n error = new Error(\n format.replace(/%s/g, function() { return args[argIndex++]; })\n );\n error.name = 'Invariant Violation';\n }\n\n error.framesToPop = 1; // we don't care about invariant's own frame\n throw error;\n }\n};\n\nmodule.exports = invariant;\n","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport qsa from 'dom-helpers/querySelectorAll';\nimport React, { useContext, useEffect, useRef } from 'react';\nimport useForceUpdate from '@restart/hooks/useForceUpdate';\nimport useMergedRefs from '@restart/hooks/useMergedRefs';\nimport NavContext from './NavContext';\nimport SelectableContext, { makeEventKey } from './SelectableContext';\nimport TabContext from './TabContext';\n\nvar noop = function noop() {};\n\nvar AbstractNav = React.forwardRef(function (_ref, ref) {\n var _ref$as = _ref.as,\n Component = _ref$as === void 0 ? 'ul' : _ref$as,\n onSelect = _ref.onSelect,\n activeKey = _ref.activeKey,\n role = _ref.role,\n onKeyDown = _ref.onKeyDown,\n props = _objectWithoutPropertiesLoose(_ref, [\"as\", \"onSelect\", \"activeKey\", \"role\", \"onKeyDown\"]);\n\n // A ref and forceUpdate for refocus, b/c we only want to trigger when needed\n // and don't want to reset the set in the effect\n var forceUpdate = useForceUpdate();\n var needsRefocusRef = useRef(false);\n var parentOnSelect = useContext(SelectableContext);\n var tabContext = useContext(TabContext);\n var getControlledId, getControllerId;\n\n if (tabContext) {\n role = role || 'tablist';\n activeKey = tabContext.activeKey;\n getControlledId = tabContext.getControlledId;\n getControllerId = tabContext.getControllerId;\n }\n\n var listNode = useRef(null);\n\n var getNextActiveChild = function getNextActiveChild(offset) {\n if (!listNode.current) return null;\n var items = qsa(listNode.current, '[data-rb-event-key]:not(.disabled)');\n var activeChild = listNode.current.querySelector('.active');\n var index = items.indexOf(activeChild);\n if (index === -1) return null;\n var nextIndex = index + offset;\n if (nextIndex >= items.length) nextIndex = 0;\n if (nextIndex < 0) nextIndex = items.length - 1;\n return items[nextIndex];\n };\n\n var handleSelect = function handleSelect(key, event) {\n if (key == null) return;\n if (onSelect) onSelect(key, event);\n if (parentOnSelect) parentOnSelect(key, event);\n };\n\n var handleKeyDown = function handleKeyDown(event) {\n if (onKeyDown) onKeyDown(event);\n var nextActiveChild;\n\n switch (event.key) {\n case 'ArrowLeft':\n case 'ArrowUp':\n nextActiveChild = getNextActiveChild(-1);\n break;\n\n case 'ArrowRight':\n case 'ArrowDown':\n nextActiveChild = getNextActiveChild(1);\n break;\n\n default:\n return;\n }\n\n if (!nextActiveChild) return;\n event.preventDefault();\n handleSelect(nextActiveChild.dataset.rbEventKey, event);\n needsRefocusRef.current = true;\n forceUpdate();\n };\n\n useEffect(function () {\n if (listNode.current && needsRefocusRef.current) {\n var activeChild = listNode.current.querySelector('[data-rb-event-key].active');\n if (activeChild) activeChild.focus();\n }\n\n needsRefocusRef.current = false;\n });\n var mergedRef = useMergedRefs(ref, listNode);\n return /*#__PURE__*/React.createElement(SelectableContext.Provider, {\n value: handleSelect\n }, /*#__PURE__*/React.createElement(NavContext.Provider, {\n value: {\n role: role,\n // used by NavLink to determine it's role\n activeKey: makeEventKey(activeKey),\n getControlledId: getControlledId || noop,\n getControllerId: getControllerId || noop\n }\n }, /*#__PURE__*/React.createElement(Component, _extends({}, props, {\n onKeyDown: handleKeyDown,\n ref: mergedRef,\n role: role\n }))));\n});\nexport default AbstractNav;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useBootstrapPrefix } from './ThemeProvider';\nvar NavItem = React.forwardRef( // Need to define the default \"as\" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595\nfunction (_ref, ref) {\n var bsPrefix = _ref.bsPrefix,\n className = _ref.className,\n children = _ref.children,\n _ref$as = _ref.as,\n Component = _ref$as === void 0 ? 'div' : _ref$as,\n props = _objectWithoutPropertiesLoose(_ref, [\"bsPrefix\", \"className\", \"children\", \"as\"]);\n\n bsPrefix = useBootstrapPrefix(bsPrefix, 'nav-item');\n return /*#__PURE__*/React.createElement(Component, _extends({}, props, {\n ref: ref,\n className: classNames(className, bsPrefix)\n }), children);\n});\nNavItem.displayName = 'NavItem';\nexport default NavItem;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport classNames from 'classnames';\nimport React, { useContext } from 'react';\nimport useEventCallback from '@restart/hooks/useEventCallback';\nimport warning from 'warning';\nimport NavContext from './NavContext';\nimport SelectableContext, { makeEventKey } from './SelectableContext';\nvar defaultProps = {\n disabled: false\n};\nvar AbstractNavItem = React.forwardRef(function (_ref, ref) {\n var active = _ref.active,\n className = _ref.className,\n tabIndex = _ref.tabIndex,\n eventKey = _ref.eventKey,\n onSelect = _ref.onSelect,\n onClick = _ref.onClick,\n Component = _ref.as,\n props = _objectWithoutPropertiesLoose(_ref, [\"active\", \"className\", \"tabIndex\", \"eventKey\", \"onSelect\", \"onClick\", \"as\"]);\n\n var navKey = makeEventKey(eventKey, props.href);\n var parentOnSelect = useContext(SelectableContext);\n var navContext = useContext(NavContext);\n var isActive = active;\n\n if (navContext) {\n if (!props.role && navContext.role === 'tablist') props.role = 'tab';\n var contextControllerId = navContext.getControllerId(navKey);\n var contextControlledId = navContext.getControlledId(navKey);\n process.env.NODE_ENV !== \"production\" ? warning(!contextControllerId || !props.id, \"[react-bootstrap] The provided id '\" + props.id + \"' was overwritten by the current navContext with '\" + contextControllerId + \"'.\") : void 0;\n process.env.NODE_ENV !== \"production\" ? warning(!contextControlledId || !props['aria-controls'], \"[react-bootstrap] The provided aria-controls value '\" + props['aria-controls'] + \"' was overwritten by the current navContext with '\" + contextControlledId + \"'.\") : void 0;\n props['data-rb-event-key'] = navKey;\n props.id = contextControllerId || props.id;\n props['aria-controls'] = contextControlledId || props['aria-controls'];\n isActive = active == null && navKey != null ? navContext.activeKey === navKey : active;\n }\n\n if (props.role === 'tab') {\n props.tabIndex = isActive ? tabIndex : -1;\n props['aria-selected'] = isActive;\n }\n\n var handleOnclick = useEventCallback(function (e) {\n if (onClick) onClick(e);\n if (navKey == null) return;\n if (onSelect) onSelect(navKey, e);\n if (parentOnSelect) parentOnSelect(navKey, e);\n });\n return /*#__PURE__*/React.createElement(Component, _extends({}, props, {\n ref: ref,\n onClick: handleOnclick,\n className: classNames(className, isActive && 'active')\n }));\n});\nAbstractNavItem.defaultProps = defaultProps;\nexport default AbstractNavItem;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport classNames from 'classnames';\nimport React from 'react';\nimport SafeAnchor from './SafeAnchor';\nimport AbstractNavItem from './AbstractNavItem';\nimport { useBootstrapPrefix } from './ThemeProvider';\nvar defaultProps = {\n disabled: false,\n as: SafeAnchor\n};\nvar NavLink = React.forwardRef(function (_ref, ref) {\n var bsPrefix = _ref.bsPrefix,\n disabled = _ref.disabled,\n className = _ref.className,\n href = _ref.href,\n eventKey = _ref.eventKey,\n onSelect = _ref.onSelect,\n as = _ref.as,\n props = _objectWithoutPropertiesLoose(_ref, [\"bsPrefix\", \"disabled\", \"className\", \"href\", \"eventKey\", \"onSelect\", \"as\"]);\n\n bsPrefix = useBootstrapPrefix(bsPrefix, 'nav-link');\n return /*#__PURE__*/React.createElement(AbstractNavItem, _extends({}, props, {\n href: href,\n ref: ref,\n eventKey: eventKey,\n as: as,\n disabled: disabled,\n onSelect: onSelect,\n className: classNames(className, bsPrefix, disabled && 'disabled')\n }));\n});\nNavLink.displayName = 'NavLink';\nNavLink.defaultProps = defaultProps;\nexport default NavLink;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport classNames from 'classnames';\nimport all from 'prop-types-extra/lib/all';\nimport React, { useContext } from 'react';\nimport { useUncontrolled } from 'uncontrollable';\nimport { useBootstrapPrefix } from './ThemeProvider';\nimport NavbarContext from './NavbarContext';\nimport CardContext from './CardContext';\nimport AbstractNav from './AbstractNav';\nimport NavItem from './NavItem';\nimport NavLink from './NavLink';\nvar defaultProps = {\n justify: false,\n fill: false\n};\nvar Nav = React.forwardRef(function (uncontrolledProps, ref) {\n var _classNames;\n\n var _useUncontrolled = useUncontrolled(uncontrolledProps, {\n activeKey: 'onSelect'\n }),\n _useUncontrolled$as = _useUncontrolled.as,\n as = _useUncontrolled$as === void 0 ? 'div' : _useUncontrolled$as,\n bsPrefix = _useUncontrolled.bsPrefix,\n variant = _useUncontrolled.variant,\n fill = _useUncontrolled.fill,\n justify = _useUncontrolled.justify,\n navbar = _useUncontrolled.navbar,\n className = _useUncontrolled.className,\n children = _useUncontrolled.children,\n activeKey = _useUncontrolled.activeKey,\n props = _objectWithoutPropertiesLoose(_useUncontrolled, [\"as\", \"bsPrefix\", \"variant\", \"fill\", \"justify\", \"navbar\", \"className\", \"children\", \"activeKey\"]);\n\n bsPrefix = useBootstrapPrefix(bsPrefix, 'nav');\n var navbarBsPrefix, cardHeaderBsPrefix;\n var navbarContext = useContext(NavbarContext);\n var cardContext = useContext(CardContext);\n\n if (navbarContext) {\n navbarBsPrefix = navbarContext.bsPrefix;\n navbar = navbar == null ? true : navbar;\n } else if (cardContext) {\n cardHeaderBsPrefix = cardContext.cardHeaderBsPrefix;\n }\n\n return /*#__PURE__*/React.createElement(AbstractNav, _extends({\n as: as,\n ref: ref,\n activeKey: activeKey,\n className: classNames(className, (_classNames = {}, _classNames[bsPrefix] = !navbar, _classNames[navbarBsPrefix + \"-nav\"] = navbar, _classNames[cardHeaderBsPrefix + \"-\" + variant] = !!cardHeaderBsPrefix, _classNames[bsPrefix + \"-\" + variant] = !!variant, _classNames[bsPrefix + \"-fill\"] = fill, _classNames[bsPrefix + \"-justified\"] = justify, _classNames))\n }, props), children);\n});\nNav.displayName = 'Nav';\nNav.defaultProps = defaultProps;\nNav.Item = NavItem;\nNav.Link = NavLink;\nexport default Nav;","import React from 'react';\n/**\n * Iterates through children that are typically specified as `props.children`,\n * but only maps over children that are \"valid elements\".\n *\n * The mapFunction provided index will be normalised to the components mapped,\n * so an invalid component would not increase the index.\n *\n */\n\nfunction map(children, func) {\n var index = 0;\n return React.Children.map(children, function (child) {\n return React.isValidElement(child) ? func(child, index++) : child;\n });\n}\n/**\n * Iterates through children that are \"valid elements\".\n *\n * The provided forEachFunc(child, index) will be called for each\n * leaf child with the index reflecting the position relative to \"valid components\".\n */\n\n\nfunction forEach(children, func) {\n var index = 0;\n React.Children.forEach(children, function (child) {\n if (React.isValidElement(child)) func(child, index++);\n });\n}\n\nexport { map, forEach };","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport React from 'react';\nimport requiredForA11y from 'prop-types-extra/lib/isRequiredForA11y';\nimport { useUncontrolled } from 'uncontrollable';\nimport Nav from './Nav';\nimport NavLink from './NavLink';\nimport NavItem from './NavItem';\nimport TabContainer from './TabContainer';\nimport TabContent from './TabContent';\nimport TabPane from './TabPane';\nimport { forEach, map } from './ElementChildren';\nvar defaultProps = {\n variant: 'tabs',\n mountOnEnter: false,\n unmountOnExit: false\n};\n\nfunction getDefaultActiveKey(children) {\n var defaultActiveKey;\n forEach(children, function (child) {\n if (defaultActiveKey == null) {\n defaultActiveKey = child.props.eventKey;\n }\n });\n return defaultActiveKey;\n}\n\nfunction renderTab(child) {\n var _child$props = child.props,\n title = _child$props.title,\n eventKey = _child$props.eventKey,\n disabled = _child$props.disabled,\n tabClassName = _child$props.tabClassName,\n id = _child$props.id;\n\n if (title == null) {\n return null;\n }\n\n return /*#__PURE__*/React.createElement(NavItem, {\n as: NavLink,\n eventKey: eventKey,\n disabled: disabled,\n id: id,\n className: tabClassName\n }, title);\n}\n\nvar Tabs = React.forwardRef(function (props, ref) {\n var _useUncontrolled = useUncontrolled(props, {\n activeKey: 'onSelect'\n }),\n id = _useUncontrolled.id,\n onSelect = _useUncontrolled.onSelect,\n transition = _useUncontrolled.transition,\n mountOnEnter = _useUncontrolled.mountOnEnter,\n unmountOnExit = _useUncontrolled.unmountOnExit,\n children = _useUncontrolled.children,\n _useUncontrolled$acti = _useUncontrolled.activeKey,\n activeKey = _useUncontrolled$acti === void 0 ? getDefaultActiveKey(children) : _useUncontrolled$acti,\n controlledProps = _objectWithoutPropertiesLoose(_useUncontrolled, [\"id\", \"onSelect\", \"transition\", \"mountOnEnter\", \"unmountOnExit\", \"children\", \"activeKey\"]);\n\n return /*#__PURE__*/React.createElement(TabContainer, {\n ref: ref,\n id: id,\n activeKey: activeKey,\n onSelect: onSelect,\n transition: transition,\n mountOnEnter: mountOnEnter,\n unmountOnExit: unmountOnExit\n }, /*#__PURE__*/React.createElement(Nav, _extends({}, controlledProps, {\n role: \"tablist\",\n as: \"nav\"\n }), map(children, renderTab)), /*#__PURE__*/React.createElement(TabContent, null, map(children, function (child) {\n var childProps = _extends({}, child.props);\n\n delete childProps.title;\n delete childProps.disabled;\n delete childProps.tabClassName;\n return /*#__PURE__*/React.createElement(TabPane, childProps);\n })));\n});\nTabs.defaultProps = defaultProps;\nTabs.displayName = 'Tabs';\nexport default Tabs;","export const showProductMagnifier = (message) => ({\r\n type: 'SHOW_PRODUCT_MAGNIFIER',\r\n payload: message\r\n});\r\n\r\nexport function resetProductMagnifier() {\r\n return dispatch => {\r\n return new Promise(function (resolve, reject) {\r\n dispatch({\r\n type: 'RESET_PRODUCT_MAGNIFIER'\r\n });\r\n resolve(true)\r\n });\r\n }\r\n};","import React, { Component } from 'react'\r\nimport KeellsLogo from '../../assets/img/logo/KeellsWhiteLogo.png'\r\nimport { Col } from 'react-bootstrap';\r\nimport Footer from '../../components/footer/Footer';\r\nimport { responsiveScreenSizesEnum } from '../../utility/enums';\r\nimport LoadingScreen from '../../components/loadingScreen/LoadingScreen';\r\nimport ExternalNavbar from '../../components/externalNavbar/ExternalNavbar';\r\nimport ProductDetail from './ProductDetailDefault';\r\n\r\n/*-- Imports for redux --*/\r\nimport { connect } from 'react-redux';\r\nimport { showLoadingScreen, hideLoadingScreen } from '../../redux/actions/loadingScreenActions';\r\nimport { updateResponsive, resetResponsive } from '../../redux/actions/responsiveActions';\r\nimport MessageBox from '../../components/common/messageBox/MessageBox';\r\nimport ProductMagnifier from '../../components/productMagnifier/ProductMagnifier';\r\n\r\n\r\n\r\n/*-- Map the redux states to props --*/\r\nfunction mapStateToProps(state) {\r\n return {\r\n responsive: state.responsive,\r\n userDetails: state.userDetails,\r\n loadingScreenVisible: state.loadingScreen,\r\n shoppingPreferences: state.shoppingPreference\r\n }\r\n};\r\n\r\n/*-- Map the redux actions to props --*/\r\nconst mapDispatchToProps = {\r\n showLoadingScreen,\r\n hideLoadingScreen,\r\n updateResponsive,\r\n resetResponsive\r\n};\r\nclass ProductDetailExternal extends Component {\r\n constructor(props) {\r\n super();\r\n this.state = {}\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 keellscustomercare.jms@keells.com
*/}\r\n \r\n
+94 11 2303500
\r\n (Daily operating hours 8.00a.m to 8.00p.m)
\r\n {/* +94 11 2303555
*/}\r\n \r\n\r\n {/* For Small Screens*/}\r\n \r\n
\r\n \r\n\r\n {/* For Large Screens*/}\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n { window.location.href = (\"/\") }}>Home
\r\n { window.location.href = (\"//keells-tabloid\") }}>Catalogue & Deals
\r\n {/* { window.location.href = (\"/contactus\") }}>Contact us
*/}\r\n {/* { window.location.href = (\"/utilityPayment\") }}>Utility bill payments
*/}\r\n { window.location.href = (\"/welcome/TrackOrder\") }}>Track my order
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n { window.location.href = (\"/grocery\") }}>Grocery
\r\n { window.location.href = (\"/beverages\") }}>Beverages
\r\n { window.location.href = (\"/household-essentials\") }}>Household
\r\n { window.location.href = (\"/fresh-vegetables\") }}>Vegetables
\r\n { window.location.href = (\"/fresh-fruits\") }}>Fruits
\r\n {/* Exclusively at Keells
*/}\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n { window.location.href = \"/privacynotice\"; }}>Privacy Notice
\r\n { window.location.href = \"/keells-faq\"; }}>FAQ
\r\n { window.location.href = \"/TermsAndConditions\"; }}>Terms and Conditions
\r\n { window.location.href = \"/store-locator\"; }}>Stores
\r\n { window.location.href = \"/keells-delivery-grid\"; }}>Delivery grid
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n { window.location.href = \"/get-in-touch\"; }} >Contact us
\r\n { window.location.href = \"/about-us\"; }}>About us
\r\n Quick Links
\r\n { window.location.href = (\"/\") }}>Home
\r\n { window.location.href = (\"/keells-tabloid\") }}>Catalogue & Deals
\r\n {/* { window.location.href=(\"/contactus\") }}>Contact us
*/}\r\n { window.location.href = (\"/utility-bill-payment\") }}>Utility bill payments
\r\n { window.location.href = (\"/welcome/TrackOrder\") }}>Track my order
\r\n \r\n Categories
\r\n { window.location.href = (\"/grocery\") }}>Grocery
\r\n { window.location.href = (\"/beverages\") }}>Beverages
\r\n { window.location.href = (\"/household-essentials\") }}>Household
\r\n { window.location.href = (\"/fresh-vegetables\") }}>Vegetables
\r\n { window.location.href = (\"/fresh-fruits\") }}>Fruits
\r\n {/* Exclusively at Keells
*/}\r\n\r\n \r\n Useful Links
\r\n { window.location.href = \"/privacynotice\"; }}>Privacy Notice
\r\n { window.location.href = \"/keells-faq\"; }}>FAQ
\r\n { window.location.href = \"/TermsAndConditions\"; }}> Terms and Conditions
\r\n { window.location.href = \"/store-locator\"; }}>Stores
\r\n { window.location.href = \"/keells-delivery-grid\"; }} >Delivery grid
\r\n \r\n Customer Service
\r\n { window.location.href = \"/get-in-touch\"; }}>Contact us
\r\n { window.location.href = \"/about-us\"; }}>About us
\r\n \r\n \r\n \r\n 
\r\n 
\r\n 
\r\n 
\r\n \r\n
\r\n \r\n
\r\n {\"Item successfully added to cart.!\"}
);\r\n }\r\n };\r\n\r\n magnifyProduct(data) {\r\n if (data.enlargeImageUrl) {\r\n let productMagnifier = {\r\n show: true,\r\n imageUrl: data.enlargeImageUrl\r\n }\r\n this.props.showProductMagnifier(productMagnifier);\r\n }\r\n }\r\n\r\n gotoDepartment(checkAge, itemCode, itemName) {\r\n let path = `${this.props.userDetails.isGuest == true ? 'productDetail' : 'productDetailint'}?itemcode=${itemCode}&${itemName.replace(/ /g, \"_\")}`\r\n if (this.props.webDataCollection.systemConfiguration.isProductDetailEnabled) {\r\n if (checkAge) {\r\n if (this.props.ageVerification.isLegalAge && this.props.ageVerification.attemptedVerification) {\r\n window.location.href = path;\r\n } else if (!this.props.ageVerification.isLegalAge && this.props.ageVerification.attemptedVerification) {\r\n this.showAgeFail();\r\n } else if (!this.props.ageVerification.attemptedVerification) {\r\n let ageGate = {\r\n show: true,\r\n isPage: true,\r\n callBackFunction: (response) => {\r\n if (response) {\r\n this.props.resetAgeGate().then(() => { window.location.href = path; })\r\n } else {\r\n this.props.resetAgeGate()\r\n this.showAgeFail();\r\n }\r\n }\r\n }\r\n this.props.showAgeGate(ageGate);\r\n }\r\n } else {\r\n\r\n let url = window.location.href;\r\n let detailUrl = window.location.origin + \"/\" + path;\r\n if (url.includes(\"home\")) {\r\n window.location.href = path;\r\n }\r\n else {\r\n window.location.href = detailUrl\r\n }\r\n }\r\n }\r\n\r\n }\r\n\r\n render() {\r\n const { itemData, showSpecialStyle = true } = this.props;\r\n const itemPromotion = this.props.promotionItems.find(x => x.itemID === itemData.itemID && x.promotionSubTypeID !== 9);\r\n return (\r\n \r\n \r\n ![]()
{}//remove when productDetail fucntion adding \r\n src={itemData.imageUrl}\r\n onError={(e) => { e.target.onerror = null; e.target.src = \"https://essstr.blob.core.windows.net/essimg/Small/Default.jpg\" }}>\r\n {itemPromotion && !itemPromotion.checkPaymentMode ?\r\n \r\n \r\n \r\n \r\n \r\n :\r\n itemData.stockInHand === 0 || itemData.stockInHand < itemData.minQty ?\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 connect(mapStateToProps, mapDispatchToProps)(ProductCard);","import invariant from 'invariant';\n\nvar noop = function noop() {};\n\nfunction readOnlyPropType(handler, name) {\n return function (props, propName) {\n if (props[propName] !== undefined) {\n if (!props[handler]) {\n return new Error(\"You have provided a `\" + propName + \"` prop to `\" + name + \"` \" + (\"without an `\" + handler + \"` handler prop. This will render a read-only field. \") + (\"If the field should be mutable use `\" + defaultKey(propName) + \"`. \") + (\"Otherwise, set `\" + handler + \"`.\"));\n }\n }\n };\n}\n\nexport function uncontrolledPropTypes(controlledValues, displayName) {\n var propTypes = {};\n Object.keys(controlledValues).forEach(function (prop) {\n // add default propTypes for folks that use runtime checks\n propTypes[defaultKey(prop)] = noop;\n\n if (process.env.NODE_ENV !== 'production') {\n var handler = controlledValues[prop];\n !(typeof handler === 'string' && handler.trim().length) ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'Uncontrollable - [%s]: the prop `%s` needs a valid handler key name in order to make it uncontrollable', displayName, prop) : invariant(false) : void 0;\n propTypes[prop] = readOnlyPropType(handler, displayName);\n }\n });\n return propTypes;\n}\nexport function isProp(props, prop) {\n return props[prop] !== undefined;\n}\nexport function defaultKey(key) {\n return 'default' + key.charAt(0).toUpperCase() + key.substr(1);\n}\n/**\n * Copyright (c) 2013-present, Facebook, Inc.\n * All rights reserved.\n *\n * This source code is licensed under the BSD-style license found in the\n * LICENSE file in the root directory of this source tree. An additional grant\n * of patent rights can be found in the PATENTS file in the same directory.\n */\n\nexport function canAcceptRef(component) {\n return !!component && (typeof component !== 'function' || component.prototype && component.prototype.isReactComponent);\n}","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\n\nfunction _toPropertyKey(arg) { var key = _toPrimitive(arg, \"string\"); return typeof key === \"symbol\" ? key : String(key); }\n\nfunction _toPrimitive(input, hint) { if (typeof input !== \"object\" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || \"default\"); if (typeof res !== \"object\") return res; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (hint === \"string\" ? String : Number)(input); }\n\nimport { useCallback, useRef, useState } from 'react';\nimport * as Utils from './utils';\n\nfunction useUncontrolledProp(propValue, defaultValue, handler) {\n var wasPropRef = useRef(propValue !== undefined);\n\n var _useState = useState(defaultValue),\n stateValue = _useState[0],\n setState = _useState[1];\n\n var isProp = propValue !== undefined;\n var wasProp = wasPropRef.current;\n wasPropRef.current = isProp;\n /**\n * If a prop switches from controlled to Uncontrolled\n * reset its value to the defaultValue\n */\n\n if (!isProp && wasProp && stateValue !== defaultValue) {\n setState(defaultValue);\n }\n\n return [isProp ? propValue : stateValue, useCallback(function (value) {\n for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n args[_key - 1] = arguments[_key];\n }\n\n if (handler) handler.apply(void 0, [value].concat(args));\n setState(value);\n }, [handler])];\n}\n\nexport { useUncontrolledProp };\nexport default function useUncontrolled(props, config) {\n return Object.keys(config).reduce(function (result, fieldName) {\n var _extends2;\n\n var _ref = result,\n defaultValue = _ref[Utils.defaultKey(fieldName)],\n propsValue = _ref[fieldName],\n rest = _objectWithoutPropertiesLoose(_ref, [Utils.defaultKey(fieldName), fieldName].map(_toPropertyKey));\n\n var handlerName = config[fieldName];\n\n var _useUncontrolledProp = useUncontrolledProp(propsValue, defaultValue, props[handlerName]),\n value = _useUncontrolledProp[0],\n handler = _useUncontrolledProp[1];\n\n return _extends({}, rest, (_extends2 = {}, _extends2[fieldName] = value, _extends2[handlerName] = handler, _extends2));\n }, props);\n}","/**\n * Dom7 3.0.0\n * Minimalistic JavaScript library for DOM manipulation, with a jQuery-compatible API\n * https://framework7.io/docs/dom7.html\n *\n * Copyright 2020, Vladimir Kharlampidi\n *\n * Licensed under MIT\n *\n * Released on: November 9, 2020\n */\nimport { getWindow, getDocument } from 'ssr-window';\n\nfunction _inheritsLoose(subClass, superClass) {\n subClass.prototype = Object.create(superClass.prototype);\n subClass.prototype.constructor = subClass;\n subClass.__proto__ = superClass;\n}\n\nfunction _getPrototypeOf(o) {\n _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {\n return o.__proto__ || Object.getPrototypeOf(o);\n };\n return _getPrototypeOf(o);\n}\n\nfunction _setPrototypeOf(o, p) {\n _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n\n return _setPrototypeOf(o, p);\n}\n\nfunction _isNativeReflectConstruct() {\n if (typeof Reflect === \"undefined\" || !Reflect.construct) return false;\n if (Reflect.construct.sham) return false;\n if (typeof Proxy === \"function\") return true;\n\n try {\n Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));\n return true;\n } catch (e) {\n return false;\n }\n}\n\nfunction _construct(Parent, args, Class) {\n if (_isNativeReflectConstruct()) {\n _construct = Reflect.construct;\n } else {\n _construct = function _construct(Parent, args, Class) {\n var a = [null];\n a.push.apply(a, args);\n var Constructor = Function.bind.apply(Parent, a);\n var instance = new Constructor();\n if (Class) _setPrototypeOf(instance, Class.prototype);\n return instance;\n };\n }\n\n return _construct.apply(null, arguments);\n}\n\nfunction _isNativeFunction(fn) {\n return Function.toString.call(fn).indexOf(\"[native code]\") !== -1;\n}\n\nfunction _wrapNativeSuper(Class) {\n var _cache = typeof Map === \"function\" ? new Map() : undefined;\n\n _wrapNativeSuper = function _wrapNativeSuper(Class) {\n if (Class === null || !_isNativeFunction(Class)) return Class;\n\n if (typeof Class !== \"function\") {\n throw new TypeError(\"Super expression must either be null or a function\");\n }\n\n if (typeof _cache !== \"undefined\") {\n if (_cache.has(Class)) return _cache.get(Class);\n\n _cache.set(Class, Wrapper);\n }\n\n function Wrapper() {\n return _construct(Class, arguments, _getPrototypeOf(this).constructor);\n }\n\n Wrapper.prototype = Object.create(Class.prototype, {\n constructor: {\n value: Wrapper,\n enumerable: false,\n writable: true,\n configurable: true\n }\n });\n return _setPrototypeOf(Wrapper, Class);\n };\n\n return _wrapNativeSuper(Class);\n}\n\nfunction _assertThisInitialized(self) {\n if (self === void 0) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n\n return self;\n}\n\n/* eslint-disable no-proto */\nfunction makeReactive(obj) {\n var proto = obj.__proto__;\n Object.defineProperty(obj, '__proto__', {\n get: function get() {\n return proto;\n },\n set: function set(value) {\n proto.__proto__ = value;\n }\n });\n}\n\nvar Dom7 = /*#__PURE__*/function (_Array) {\n _inheritsLoose(Dom7, _Array);\n\n function Dom7(items) {\n var _this;\n\n _this = _Array.call.apply(_Array, [this].concat(items)) || this;\n makeReactive(_assertThisInitialized(_this));\n return _this;\n }\n\n return Dom7;\n}( /*#__PURE__*/_wrapNativeSuper(Array));\n\nfunction arrayFlat(arr) {\n if (arr === void 0) {\n arr = [];\n }\n\n var res = [];\n arr.forEach(function (el) {\n if (Array.isArray(el)) {\n res.push.apply(res, arrayFlat(el));\n } else {\n res.push(el);\n }\n });\n return res;\n}\nfunction arrayFilter(arr, callback) {\n return Array.prototype.filter.call(arr, callback);\n}\nfunction arrayUnique(arr) {\n var uniqueArray = [];\n\n for (var i = 0; i < arr.length; i += 1) {\n if (uniqueArray.indexOf(arr[i]) === -1) uniqueArray.push(arr[i]);\n }\n\n return uniqueArray;\n}\nfunction toCamelCase(string) {\n return string.toLowerCase().replace(/-(.)/g, function (match, group) {\n return group.toUpperCase();\n });\n}\n\nfunction qsa(selector, context) {\n if (typeof selector !== 'string') {\n return [selector];\n }\n\n var a = [];\n var res = context.querySelectorAll(selector);\n\n for (var i = 0; i < res.length; i += 1) {\n a.push(res[i]);\n }\n\n return a;\n}\n\nfunction $(selector, context) {\n var window = getWindow();\n var document = getDocument();\n var arr = [];\n\n if (!context && selector instanceof Dom7) {\n return selector;\n }\n\n if (!selector) {\n return new Dom7(arr);\n }\n\n if (typeof selector === 'string') {\n var html = selector.trim();\n\n if (html.indexOf('<') >= 0 && html.indexOf('>') >= 0) {\n var toCreate = 'div';\n if (html.indexOf('\r\n {itemPromotion.otherPromotionTypeID === 2 ? : }\r\n
\r\n : null}\r\n {itemData.isSponsored ?\r\n \r\n
\r\n \r\n {Math.floor(itemPromotion.discountPercentage)}\r\n
\r\n \r\n
\r\n %
\r\n Off
\r\n \r\n
\r\n : null}\r\n\r\n {itemData.isFeatured && !this.props.webDataCollection.systemConfiguration.isProductDetailEnabled ?\r\n \r\n
\r\n Sponsored
\r\n \r\n
\r\n : null}\r\n\r\n {showSpecialStyle && itemData.styleImageURL ?\r\n \r\n
\r\n Featured
\r\n \r\n 
\r\n
\r\n : null}\r\n\r\n {showSpecialStyle && itemData.styleImageURL ?\r\n \r\n \r\n
\r\n : null}\r\n {itemData.isFeatured && this.props.webDataCollection.systemConfiguration.isProductDetailEnabled ?\r\n \r\n
\r\n : null}\r\n {itemData.hasMoreDeals === 1 && this.props.webDataCollection.systemConfiguration.isProductDetailEnabled ? \r\n Featured\r\n
\r\n \r\n
: null}\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n More Deals
\r\n {\"Rs \" + toCurrency(itemData.amount)}
: null}\r\n {itemPromotion && !itemPromotion.checkPaymentMode ? {\"Rs \" + toCurrency(Math.floor(itemData.amount - itemData.promotionDiscountValue)) + \" / \" + (itemData.uom === \"NO\" ? \"Unit\" : itemData.uom)}
: {\"Rs \" + toCurrency(itemData.amount)}
}\r\n \r\n\r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(ExternalNavbar);","export const showAgeGate = (message) => ({\r\n type: 'SHOW_AGE_GATE',\r\n payload: message\r\n});\r\n\r\nexport function resetAgeGate() {\r\n return dispatch => {\r\n return new Promise(function (resolve, reject) {\r\n dispatch({\r\n type: 'RESET_AGE_GATE'\r\n });\r\n resolve(true)\r\n });\r\n }\r\n};","/**\n * Copyright (c) 2013-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nfunction componentWillMount() {\n // Call this.constructor.gDSFP to support sub-classes.\n var state = this.constructor.getDerivedStateFromProps(this.props, this.state);\n if (state !== null && state !== undefined) {\n this.setState(state);\n }\n}\n\nfunction componentWillReceiveProps(nextProps) {\n // Call this.constructor.gDSFP to support sub-classes.\n // Use the setState() updater to ensure state isn't stale in certain edge cases.\n function updater(prevState) {\n var state = this.constructor.getDerivedStateFromProps(nextProps, prevState);\n return state !== null && state !== undefined ? state : null;\n }\n // Binding \"this\" is important for shallow renderer support.\n this.setState(updater.bind(this));\n}\n\nfunction componentWillUpdate(nextProps, nextState) {\n try {\n var prevProps = this.props;\n var prevState = this.state;\n this.props = nextProps;\n this.state = nextState;\n this.__reactInternalSnapshotFlag = true;\n this.__reactInternalSnapshot = this.getSnapshotBeforeUpdate(\n prevProps,\n prevState\n );\n } finally {\n this.props = prevProps;\n this.state = prevState;\n }\n}\n\n// React may warn about cWM/cWRP/cWU methods being deprecated.\n// Add a flag to suppress these warnings for this special case.\ncomponentWillMount.__suppressDeprecationWarning = true;\ncomponentWillReceiveProps.__suppressDeprecationWarning = true;\ncomponentWillUpdate.__suppressDeprecationWarning = true;\n\nfunction polyfill(Component) {\n var prototype = Component.prototype;\n\n if (!prototype || !prototype.isReactComponent) {\n throw new Error('Can only polyfill class components');\n }\n\n if (\n typeof Component.getDerivedStateFromProps !== 'function' &&\n typeof prototype.getSnapshotBeforeUpdate !== 'function'\n ) {\n return Component;\n }\n\n // If new component APIs are defined, \"unsafe\" lifecycles won't be called.\n // Error if any of these lifecycles are present,\n // Because they would work differently between older and newer (16.3+) versions of React.\n var foundWillMountName = null;\n var foundWillReceivePropsName = null;\n var foundWillUpdateName = null;\n if (typeof prototype.componentWillMount === 'function') {\n foundWillMountName = 'componentWillMount';\n } else if (typeof prototype.UNSAFE_componentWillMount === 'function') {\n foundWillMountName = 'UNSAFE_componentWillMount';\n }\n if (typeof prototype.componentWillReceiveProps === 'function') {\n foundWillReceivePropsName = 'componentWillReceiveProps';\n } else if (typeof prototype.UNSAFE_componentWillReceiveProps === 'function') {\n foundWillReceivePropsName = 'UNSAFE_componentWillReceiveProps';\n }\n if (typeof prototype.componentWillUpdate === 'function') {\n foundWillUpdateName = 'componentWillUpdate';\n } else if (typeof prototype.UNSAFE_componentWillUpdate === 'function') {\n foundWillUpdateName = 'UNSAFE_componentWillUpdate';\n }\n if (\n foundWillMountName !== null ||\n foundWillReceivePropsName !== null ||\n foundWillUpdateName !== null\n ) {\n var componentName = Component.displayName || Component.name;\n var newApiName =\n typeof Component.getDerivedStateFromProps === 'function'\n ? 'getDerivedStateFromProps()'\n : 'getSnapshotBeforeUpdate()';\n\n throw Error(\n 'Unsafe legacy lifecycles will not be called for components using new component APIs.\\n\\n' +\n componentName +\n ' uses ' +\n newApiName +\n ' but also contains the following legacy lifecycles:' +\n (foundWillMountName !== null ? '\\n ' + foundWillMountName : '') +\n (foundWillReceivePropsName !== null\n ? '\\n ' + foundWillReceivePropsName\n : '') +\n (foundWillUpdateName !== null ? '\\n ' + foundWillUpdateName : '') +\n '\\n\\nThe above lifecycles should be removed. Learn more about this warning here:\\n' +\n 'https://fb.me/react-async-component-lifecycle-hooks'\n );\n }\n\n // React <= 16.2 does not support static getDerivedStateFromProps.\n // As a workaround, use cWM and cWRP to invoke the new static lifecycle.\n // Newer versions of React will ignore these lifecycles if gDSFP exists.\n if (typeof Component.getDerivedStateFromProps === 'function') {\n prototype.componentWillMount = componentWillMount;\n prototype.componentWillReceiveProps = componentWillReceiveProps;\n }\n\n // React <= 16.2 does not support getSnapshotBeforeUpdate.\n // As a workaround, use cWU to invoke the new lifecycle.\n // Newer versions of React will ignore that lifecycle if gSBU exists.\n if (typeof prototype.getSnapshotBeforeUpdate === 'function') {\n if (typeof prototype.componentDidUpdate !== 'function') {\n throw new Error(\n 'Cannot polyfill getSnapshotBeforeUpdate() for components that do not define componentDidUpdate() on the prototype'\n );\n }\n\n prototype.componentWillUpdate = componentWillUpdate;\n\n var componentDidUpdate = prototype.componentDidUpdate;\n\n prototype.componentDidUpdate = function componentDidUpdatePolyfill(\n prevProps,\n prevState,\n maybeSnapshot\n ) {\n // 16.3+ will not execute our will-update method;\n // It will pass a snapshot value to did-update though.\n // Older versions will require our polyfilled will-update value.\n // We need to handle both cases, but can't just check for the presence of \"maybeSnapshot\",\n // Because for <= 15.x versions this might be a \"prevContext\" object.\n // We also can't just check \"__reactInternalSnapshot\",\n // Because get-snapshot might return a falsy value.\n // So check for the explicit __reactInternalSnapshotFlag flag to determine behavior.\n var snapshot = this.__reactInternalSnapshotFlag\n ? this.__reactInternalSnapshot\n : maybeSnapshot;\n\n componentDidUpdate.call(this, prevProps, prevState, snapshot);\n };\n }\n\n return Component;\n}\n\nexport { polyfill };\n","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = all;\n\nvar _createChainableTypeChecker = require('./utils/createChainableTypeChecker');\n\nvar _createChainableTypeChecker2 = _interopRequireDefault(_createChainableTypeChecker);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction all() {\n for (var _len = arguments.length, validators = Array(_len), _key = 0; _key < _len; _key++) {\n validators[_key] = arguments[_key];\n }\n\n function allPropTypes() {\n for (var _len2 = arguments.length, args = Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {\n args[_key2] = arguments[_key2];\n }\n\n var error = null;\n\n validators.forEach(function (validator) {\n if (error != null) {\n return;\n }\n\n var result = validator.apply(undefined, args);\n if (result != null) {\n error = result;\n }\n });\n\n return error;\n }\n\n return (0, _createChainableTypeChecker2.default)(allPropTypes);\n}\nmodule.exports = exports['default'];","import {\n Id,\n ToastContent,\n ClearWaitingQueueParams,\n NotValidatedToastProps\n} from '../types';\nimport { ContainerInstance } from '../hooks';\n\nexport const enum Event {\n Show,\n Clear,\n DidMount,\n WillUnmount,\n Change,\n ClearWaitingQueue\n}\n\ntype OnShowCallback = (\n content: ToastContent,\n options: NotValidatedToastProps\n) => void;\ntype OnClearCallback = (id?: Id) => void;\ntype OnClearWaitingQueue = (params: ClearWaitingQueueParams) => void;\ntype OnDidMountCallback = (containerInstance: ContainerInstance) => void;\ntype OnWillUnmountCallback = OnDidMountCallback;\nexport type OnChangeCallback = (\n toast: number,\n containerId?: number | string\n) => void;\ntype Callback =\n | OnShowCallback\n | OnClearCallback\n | OnClearWaitingQueue\n | OnDidMountCallback\n | OnWillUnmountCallback\n | OnChangeCallback;\ntype TimeoutId = ReturnType\r\n
\r\n }\r\n \r\n { this.registerClick() }}>Register
\r\n |
\r\n { this.loginClick() }}>Login
\r\n \n {React.Children.map(children, child =>\n React.cloneElement(child as React.ReactElement, rest)\n )}\n
\n );\n};\n","import * as React from 'react';\nimport PropTypes from 'prop-types';\nimport cx from 'classnames';\n\nimport { Toast } from './Toast';\nimport { CloseButton } from './CloseButton';\nimport { Bounce } from './Transitions';\nimport { POSITION, DEFAULT, parseClassName, objectValues } from '../utils';\nimport { useToastContainer } from '../hooks';\nimport { ToastContainerProps, ToastPosition } from '../types';\nimport { ToastPositioner } from './ToastPositioner';\n\nexport const ToastContainer: React.FC\r\n \r\n
\r\n \r\n { e.target.onerror = null; e.target.src = \"https://essstr.blob.core.windows.net/essimg/Small/Default.jpg\" }\r\n },\r\n largeImage: {\r\n src: imageUrl,\r\n width: 1200,\r\n height: 1200,\r\n onError: (e) => { e.target.onerror = null; e.target.src = \"https://essstr.blob.core.windows.net/essimg/Small/Default.jpg\" }\r\n },\r\n isHintEnabled: true,\r\n enlargedImagePosition: 'over',\r\n shouldHideHintAfterFirstActivation: false\r\n }} />\r\n {/* 
{ e.target.onerror = null; e.target.src = \"https://essstr.blob.core.windows.net/essimg/Small/Default.jpg\" }}\r\n /> */}\r\n \r\n
\r\n
\r\n\r\n { this.props.resetProductMagnifier(); }}>X
\r\n \r\n \r\n
\r\n }\r\n\r\n return button;\r\n};","import React, { Component } from 'react';\r\nimport ReactFlagsSelect from 'react-flags-select';\r\nimport 'react-flags-select/scss/react-flags-select.scss';\r\nimport { countries } from './countries';\r\nexport default class FlagDropDown extends Component {\r\n render() {\r\n return (\r\n \r\n {button}\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 return productArray;\r\n };\r\n\r\n goLeft() {\r\n if (this.state.slidesTransform === 0) {\r\n } else {\r\n this.setState({\r\n slidesTransform: this.state.slidesTransform + 100\r\n }, () => {\r\n if (this.state.slidesTransform === 0) {\r\n document.getElementById(\"featured-product-goLeft\").style.opacity = 0;\r\n document.getElementById(\"featured-product-goRight\").style.opacity = 1;\r\n } else {\r\n document.getElementById(\"featured-product-goLeft\").style.opacity = 1;\r\n document.getElementById(\"featured-product-goRight\").style.opacity = 1;\r\n }\r\n })\r\n }\r\n };\r\n\r\n goRight() {\r\n if (this.state.slidesTransform === -100 * (this.state.bestSellersProductList.length - 1)) {\r\n } else {\r\n this.setState({\r\n slidesTransform: this.state.slidesTransform - 100\r\n }, () => {\r\n if (this.state.slidesTransform === -100 * (this.state.bestSellersProductList.length - 1)) {\r\n document.getElementById(\"featured-product-goRight\").style.opacity = 0;\r\n document.getElementById(\"featured-product-goLeft\").style.opacity = 1;\r\n } else {\r\n document.getElementById(\"featured-product-goLeft\").style.opacity = 1;\r\n document.getElementById(\"featured-product-goRight\").style.opacity = 1;\r\n }\r\n })\r\n }\r\n };\r\n\r\n render() {\r\n const featuredProductsList = this.props.products\r\n return ((this.props.responsive.isMobileLargeScreen || this.props.responsive.isMobileSmallScreen) ?\r\n \r\n {\r\n this.renderFeaturedProductList()\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 {\r\n this.props.messageBox.className === \"success\" ?\r\n
\r\n \r\n \r\n\r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(MessageBox);\r\n","export const showPreferenceModal = (message) => ({\r\n type: 'SHOW_PREFERENCE_MODAL',\r\n payload: message\r\n});\r\n\r\nexport function resetPreferenceModal() {\r\n return dispatch => {\r\n return new Promise(function (resolve, reject) {\r\n dispatch({\r\n type: 'RESET_PREFERENCE_MODAL'\r\n });\r\n resolve(true)\r\n });\r\n }\r\n};","/**\r\n * Algonomy Personalization Process API Requests.\r\n * This module contains functions to facilitate communication with the Algonomy personalization server.\r\n * The purpose is to send user behavior data to the Algonomy server in listen mode, allowing the accumulation of data for our customers. \r\n * Once sufficient data is collected, the Algonomy server will provide personalized data for our logged-in users, enhancing the user experience on our website.\r\n */\r\nimport { get } from \"../utility/apiClient\";\r\nimport { store } from '../redux/store';\r\nimport { updateAlgonomyRcs } from '../redux/actions/algonomyActions';\r\n\r\nexport function algonomyHomePageRequest(outletCode) {\r\n const state = store.getState();\r\n const rcs = state.algonomyData.rcs;\r\n get(`/Algonomy/HomePage?rcs=${rcs}&rid=${outletCode}`).then(response => {\r\n if (response.data.statusCode === 200) {\r\n if (response.data.result.status === \"ok\") {\r\n store.dispatch(updateAlgonomyRcs({ rcs: response.data.result.rcs }));\r\n }\r\n } else {\r\n console.error('Algonomy Home Page Request', response.data.errorList[0].statusMessage)\r\n }\r\n })\r\n};\r\n\r\nexport function algonomySearchPageRequest(searchTerm, outletCode) {\r\n const state = store.getState();\r\n const rcs = state.algonomyData.rcs;\r\n get(`/Algonomy/SearchPage?rcs=${rcs}&rid=${outletCode}&searchTerm=${searchTerm}`).then(response => {\r\n if (response.data.statusCode === 200) {\r\n if (response.data.result.status === \"ok\") {\r\n store.dispatch(updateAlgonomyRcs({ rcs: response.data.result.rcs }));\r\n }\r\n } else {\r\n console.error('Algonomy Search Page Request', response.data.errorList[0].statusMessage)\r\n }\r\n })\r\n};\r\n\r\n/**\r\n * Date : 2023-09-18\r\n * Author : Gayani Nishadika\r\n * Remarks : Algonomy development\r\n */\r\n\r\nexport function algonomyCategoryPageRequest(categoryId, outletCode) {\r\n const state = store.getState();\r\n const rcs = state.algonomyData.rcs;\r\n get(`/Algonomy/CategoryPage?rcs=${rcs}&rid=${outletCode}&categoryId=${categoryId}`).then(response => {\r\n if (response.data.statusCode === 200) {\r\n if (response.data.result.status === \"ok\") {\r\n store.dispatch(updateAlgonomyRcs({ rcs: response.data.result.rcs }));\r\n }\r\n } else {\r\n console.error('Algonomy category Page Request', response.data.errorList[0].statusMessage)\r\n }\r\n })\r\n};\r\n\r\nexport function algonomyAddToCartPageRequest(itemCode, outletCode) {\r\n const state = store.getState();\r\n const rcs = state.algonomyData.rcs;\r\n get(`/Algonomy/AddToCartPage?rcs=${rcs}&rid=${outletCode}&atcid=${itemCode}`).then(response => {\r\n if (response.data.statusCode === 200) {\r\n if (response.data.result.status === \"ok\") {\r\n store.dispatch(updateAlgonomyRcs({ rcs: response.data.result.rcs }));\r\n }\r\n } else {\r\n console.error('Algonomy add to cart Page Request', response.data.errorList[0].statusMessage)\r\n }\r\n })\r\n};\r\n\r\nexport function algonomyItemPageRequest(itemCode, outletCode) {\r\n const state = store.getState();\r\n const rcs = state.algonomyData.rcs;\r\n get(`/Algonomy/ItemPage?rcs=${rcs}&rid=${outletCode}&productId=${itemCode}`).then(response => {\r\n if (response.data.statusCode === 200) {\r\n if (response.data.result.status === \"ok\") {\r\n store.dispatch(updateAlgonomyRcs({ rcs: response.data.result.rcs }));\r\n }\r\n } else {\r\n console.error('Algonomy item Page Request', response.data.errorList[0].statusMessage)\r\n }\r\n })\r\n};\r\n\r\nexport function algonomyCartPageRequest(cartItemIds, outletCode) {\r\n const state = store.getState();\r\n const rcs = state.algonomyData.rcs;\r\n get(`/Algonomy/CartPage?rcs=${rcs}&rid=${outletCode}&productId=${cartItemIds}`).then(response => {\r\n if (response.data.statusCode === 200) {\r\n if (response.data.result.status === \"ok\") {\r\n store.dispatch(updateAlgonomyRcs({ rcs: response.data.result.rcs }));\r\n }\r\n } else {\r\n console.error('Algonomy cart Page Request', response.data.errorList[0].statusMessage)\r\n }\r\n })\r\n};\r\n\r\nexport function algonomyPurchaseCompletePageRequest(itemCodes, orderId, quantity, productPrice, outletCode) {\r\n const state = store.getState();\r\n const rcs = state.algonomyData.rcs;\r\n get(`/Algonomy/PurchaseCompletePage?rcs=${rcs}&rid=${outletCode}&productId=${itemCodes}&o=${orderId}&q=${quantity}&pp=${productPrice}`).then(response => {\r\n if (response.data.statusCode === 200) {\r\n if (response.data.result.status === \"ok\") {\r\n store.dispatch(updateAlgonomyRcs({ rcs: response.data.result.rcs }));\r\n }\r\n } else {\r\n console.error('Algonomy purchase complete Page Request', response.data.errorList[0].statusMessage)\r\n }\r\n })\r\n};","import debounce from 'lodash.debounce';\nimport throttle from 'lodash.throttle';\nimport React, { PureComponent } from 'react';\n\n/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation. All rights reserved.\r\nLicensed under the Apache License, Version 2.0 (the \"License\"); you may not use\r\nthis file except in compliance with the License. You may obtain a copy of the\r\nLicense at http://www.apache.org/licenses/LICENSE-2.0\r\n\r\nTHIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\r\nKIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED\r\nWARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,\r\nMERCHANTABLITY OR NON-INFRINGEMENT.\r\n\r\nSee the Apache Version 2.0 License for specific language governing permissions\r\nand limitations under the License.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n};\r\n\r\nfunction __extends(d, b) {\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nvar __assign = function() {\r\n __assign = Object.assign || function __assign(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n }\r\n return t;\r\n };\r\n return __assign.apply(this, arguments);\r\n};\r\n\r\nfunction __rest(s, e) {\r\n var t = {};\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n t[p] = s[p];\r\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n t[p[i]] = s[p[i]];\r\n }\r\n return t;\r\n}\n\nfunction styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nvar css = \".magnifier {\\n position: relative;\\n display: inline-block;\\n line-height: 0; }\\n\\n.magnifier-image {\\n cursor: none; }\\n\\n.magnifying-glass {\\n position: absolute;\\n z-index: 1;\\n background: #e5e5e5 no-repeat;\\n border: solid #ebebeb;\\n box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);\\n opacity: 0;\\n transition: opacity 0.3s;\\n pointer-events: none; }\\n .magnifying-glass.circle {\\n border-radius: 50%; }\\n .magnifying-glass.visible {\\n opacity: 1; }\\n\";\nstyleInject(css);\n\nvar Magnifier = (function (_super) {\n __extends(Magnifier, _super);\n function Magnifier(props) {\n var _this = _super.call(this, props) || this;\n _this.state = {\n showZoom: false,\n mgOffsetX: 0,\n mgOffsetY: 0,\n relX: 0,\n relY: 0,\n };\n _this.componentDidMount = function () {\n _this.img.addEventListener(\"mouseenter\", _this.onMouseEnter, { passive: false });\n _this.img.addEventListener(\"mousemove\", _this.onMouseMove, { passive: false });\n _this.img.addEventListener(\"mouseout\", _this.onMouseOut, { passive: false });\n _this.img.addEventListener(\"touchstart\", _this.onTouchStart, { passive: false });\n _this.img.addEventListener(\"touchmove\", _this.onTouchMove, { passive: false });\n _this.img.addEventListener(\"touchend\", _this.onTouchEnd, { passive: false });\n window.addEventListener(\"resize\", _this.calcImgBoundsDebounced);\n window.addEventListener(\"scroll\", _this.calcImgBoundsDebounced, true);\n };\n _this.componentWillUnmount = function () {\n _this.img.removeEventListener(\"mouseenter\", _this.onMouseEnter);\n _this.img.removeEventListener(\"mousemove\", _this.onMouseMove);\n _this.img.removeEventListener(\"mouseout\", _this.onMouseOut);\n _this.img.removeEventListener(\"touchstart\", _this.onTouchStart);\n _this.img.removeEventListener(\"touchmove\", _this.onTouchMove);\n _this.img.removeEventListener(\"touchend\", _this.onTouchEnd);\n window.removeEventListener(\"resize\", _this.calcImgBoundsDebounced);\n window.removeEventListener(\"scroll\", _this.calcImgBoundsDebounced, true);\n };\n _this.onMouseEnter = function () {\n _this.calcImgBounds();\n };\n _this.onMouseMove = function (e) {\n var _a = _this.props, mgMouseOffsetX = _a.mgMouseOffsetX, mgMouseOffsetY = _a.mgMouseOffsetY;\n if (_this.imgBounds) {\n var target = e.target;\n var relX = (e.clientX - _this.imgBounds.left) / target.clientWidth;\n var relY = (e.clientY - _this.imgBounds.top) / target.clientHeight;\n _this.setState({\n mgOffsetX: mgMouseOffsetX,\n mgOffsetY: mgMouseOffsetY,\n relX: relX,\n relY: relY,\n showZoom: true,\n });\n }\n };\n _this.onMouseOut = function () {\n _this.setState({\n showZoom: false,\n });\n };\n _this.onTouchStart = function (e) {\n e.preventDefault();\n _this.calcImgBounds();\n };\n _this.onTouchMove = function (e) {\n e.preventDefault();\n if (_this.imgBounds) {\n var target = e.target;\n var _a = _this.props, mgTouchOffsetX = _a.mgTouchOffsetX, mgTouchOffsetY = _a.mgTouchOffsetY;\n var relX = (e.targetTouches[0].clientX - _this.imgBounds.left) / target.clientWidth;\n var relY = (e.targetTouches[0].clientY - _this.imgBounds.top) / target.clientHeight;\n if (relX >= 0 && relY >= 0 && relX <= 1 && relY <= 1) {\n _this.setState({\n mgOffsetX: mgTouchOffsetX,\n mgOffsetY: mgTouchOffsetY,\n relX: relX,\n relY: relY,\n showZoom: true,\n });\n }\n else {\n _this.setState({\n showZoom: false,\n });\n }\n }\n };\n _this.onTouchEnd = function () {\n _this.setState({\n showZoom: false,\n });\n };\n _this.calcImgBounds = function () {\n if (_this.img) {\n _this.imgBounds = _this.img.getBoundingClientRect();\n }\n };\n _this.render = function () {\n var _a = _this.props, src = _a.src, width = _a.width, height = _a.height, className = _a.className, zoomImgSrc = _a.zoomImgSrc, zoomFactor = _a.zoomFactor, mgHeight = _a.mgHeight, mgWidth = _a.mgWidth, mgBorderWidth = _a.mgBorderWidth, mgMouseOffsetX = _a.mgMouseOffsetX, mgMouseOffsetY = _a.mgMouseOffsetY, mgTouchOffsetX = _a.mgTouchOffsetX, mgTouchOffsetY = _a.mgTouchOffsetY, mgShape = _a.mgShape, mgShowOverflow = _a.mgShowOverflow, otherProps = __rest(_a, [\"src\", \"width\", \"height\", \"className\", \"zoomImgSrc\", \"zoomFactor\", \"mgHeight\", \"mgWidth\", \"mgBorderWidth\", \"mgMouseOffsetX\", \"mgMouseOffsetY\", \"mgTouchOffsetX\", \"mgTouchOffsetY\", \"mgShape\", \"mgShowOverflow\"]);\n var _b = _this.state, mgOffsetX = _b.mgOffsetX, mgOffsetY = _b.mgOffsetY, relX = _b.relX, relY = _b.relY, showZoom = _b.showZoom;\n var mgClasses = \"magnifying-glass\";\n if (showZoom) {\n mgClasses += \" visible\";\n }\n if (mgShape === \"circle\") {\n mgClasses += \" circle\";\n }\n return (React.createElement(\"div\", { className: \"magnifier \" + className, style: {\n width: width,\n height: height,\n overflow: mgShowOverflow ? \"visible\" : \"hidden\",\n } },\n React.createElement(\"img\", __assign({ className: \"magnifier-image\", src: src, width: \"100%\", height: \"100%\" }, otherProps, { onLoad: function () {\n _this.calcImgBounds();\n }, ref: function (img) {\n _this.img = img;\n } })),\n _this.imgBounds && (React.createElement(\"div\", { className: mgClasses, style: {\n width: mgWidth,\n height: mgHeight,\n left: \"calc(\" + relX * 100 + \"% - \" + mgWidth / 2 + \"px + \" + mgOffsetX + \"px - \" + mgBorderWidth + \"px)\",\n top: \"calc(\" + relY * 100 + \"% - \" + mgHeight / 2 + \"px + \" + mgOffsetY + \"px - \" + mgBorderWidth + \"px)\",\n backgroundImage: \"url(\\\"\" + (zoomImgSrc || src) + \"\\\")\",\n backgroundPosition: \"calc(\" + relX * 100 + \"% + \" + mgWidth / 2 + \"px - \" + relX *\n mgWidth + \"px) calc(\" + relY * 100 + \"% + \" + mgHeight / 2 + \"px - \" + relY * mgWidth + \"px)\",\n backgroundSize: zoomFactor * _this.imgBounds.width + \"% \" + zoomFactor *\n _this.imgBounds.height + \"%\",\n borderWidth: mgBorderWidth,\n } }))));\n };\n _this.onMouseMove = throttle(_this.onMouseMove.bind(_this), 20, { trailing: false });\n _this.onTouchMove = throttle(_this.onTouchMove.bind(_this), 20, { trailing: false });\n _this.calcImgBoundsDebounced = debounce(_this.calcImgBounds, 200);\n return _this;\n }\n Magnifier.defaultProps = {\n width: \"100%\",\n height: \"auto\",\n className: \"\",\n zoomImgSrc: \"\",\n zoomFactor: 1.5,\n mgWidth: 150,\n mgHeight: 150,\n mgBorderWidth: 2,\n mgShape: \"circle\",\n mgShowOverflow: true,\n mgMouseOffsetX: 0,\n mgMouseOffsetY: 0,\n mgTouchOffsetX: -50,\n mgTouchOffsetY: -50,\n };\n return Magnifier;\n}(PureComponent));\n\nexport default Magnifier;\n","import React, { useMemo } from 'react';\nimport { useUncontrolled } from 'uncontrollable';\nimport TabContext from './TabContext';\nimport SelectableContext from './SelectableContext';\n/* eslint-disable react/no-unused-prop-types */\n\nvar TabContainer = function TabContainer(props) {\n var _useUncontrolled = useUncontrolled(props, {\n activeKey: 'onSelect'\n }),\n id = _useUncontrolled.id,\n generateCustomChildId = _useUncontrolled.generateChildId,\n onSelect = _useUncontrolled.onSelect,\n activeKey = _useUncontrolled.activeKey,\n transition = _useUncontrolled.transition,\n mountOnEnter = _useUncontrolled.mountOnEnter,\n unmountOnExit = _useUncontrolled.unmountOnExit,\n children = _useUncontrolled.children;\n\n var generateChildId = useMemo(function () {\n return generateCustomChildId || function (key, type) {\n return id ? id + \"-\" + type + \"-\" + key : null;\n };\n }, [id, generateCustomChildId]);\n var tabContext = useMemo(function () {\n return {\n onSelect: onSelect,\n activeKey: activeKey,\n transition: transition,\n mountOnEnter: mountOnEnter,\n unmountOnExit: unmountOnExit,\n getControlledId: function getControlledId(key) {\n return generateChildId(key, 'tabpane');\n },\n getControllerId: function getControllerId(key) {\n return generateChildId(key, 'tab');\n }\n };\n }, [onSelect, activeKey, transition, mountOnEnter, unmountOnExit, generateChildId]);\n return /*#__PURE__*/React.createElement(TabContext.Provider, {\n value: tabContext\n }, /*#__PURE__*/React.createElement(SelectableContext.Provider, {\n value: onSelect\n }, children));\n};\n\nexport default TabContainer;","//Action creator with callback function\r\nexport function addLoyaltyRegistrationDetail(registrationDetails) {\r\n return dispatch => {\r\n return new Promise(function (resolve, reject) {\r\n dispatch({\r\n type: 'ADD_LOYALTY_REGISTRATION_DETAIL',\r\n payload: registrationDetails\r\n });\r\n resolve(true)\r\n });\r\n }\r\n};\r\n\r\nexport const resetLoyaltyRegistrationDetail = () => ({\r\n type: 'RESET_LOYALTY_REGISTRATION_DETAIL'\r\n});","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useBootstrapPrefix } from './ThemeProvider';\nvar TabContent = React.forwardRef(function (_ref, ref) {\n var bsPrefix = _ref.bsPrefix,\n _ref$as = _ref.as,\n Component = _ref$as === void 0 ? 'div' : _ref$as,\n className = _ref.className,\n props = _objectWithoutPropertiesLoose(_ref, [\"bsPrefix\", \"as\", \"className\"]);\n\n var decoratedBsPrefix = useBootstrapPrefix(bsPrefix, 'tab-content');\n return /*#__PURE__*/React.createElement(Component, _extends({\n ref: ref\n }, props, {\n className: classNames(className, decoratedBsPrefix)\n }));\n});\nexport default TabContent;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport classNames from 'classnames';\nimport React, { useContext } from 'react';\nimport { useBootstrapPrefix } from './ThemeProvider';\nimport TabContext from './TabContext';\nimport SelectableContext, { makeEventKey } from './SelectableContext';\nimport Fade from './Fade';\n\nfunction useTabContext(props) {\n var context = useContext(TabContext);\n if (!context) return props;\n\n var activeKey = context.activeKey,\n getControlledId = context.getControlledId,\n getControllerId = context.getControllerId,\n rest = _objectWithoutPropertiesLoose(context, [\"activeKey\", \"getControlledId\", \"getControllerId\"]);\n\n var shouldTransition = props.transition !== false && rest.transition !== false;\n var key = makeEventKey(props.eventKey);\n return _extends({}, props, {\n active: props.active == null && key != null ? makeEventKey(activeKey) === key : props.active,\n id: getControlledId(props.eventKey),\n 'aria-labelledby': getControllerId(props.eventKey),\n transition: shouldTransition && (props.transition || rest.transition || Fade),\n mountOnEnter: props.mountOnEnter != null ? props.mountOnEnter : rest.mountOnEnter,\n unmountOnExit: props.unmountOnExit != null ? props.unmountOnExit : rest.unmountOnExit\n });\n}\n\nvar TabPane = React.forwardRef(function (props, ref) {\n var _useTabContext = useTabContext(props),\n bsPrefix = _useTabContext.bsPrefix,\n className = _useTabContext.className,\n active = _useTabContext.active,\n onEnter = _useTabContext.onEnter,\n onEntering = _useTabContext.onEntering,\n onEntered = _useTabContext.onEntered,\n onExit = _useTabContext.onExit,\n onExiting = _useTabContext.onExiting,\n onExited = _useTabContext.onExited,\n mountOnEnter = _useTabContext.mountOnEnter,\n unmountOnExit = _useTabContext.unmountOnExit,\n Transition = _useTabContext.transition,\n _useTabContext$as = _useTabContext.as,\n Component = _useTabContext$as === void 0 ? 'div' : _useTabContext$as,\n _ = _useTabContext.eventKey,\n rest = _objectWithoutPropertiesLoose(_useTabContext, [\"bsPrefix\", \"className\", \"active\", \"onEnter\", \"onEntering\", \"onEntered\", \"onExit\", \"onExiting\", \"onExited\", \"mountOnEnter\", \"unmountOnExit\", \"transition\", \"as\", \"eventKey\"]);\n\n var prefix = useBootstrapPrefix(bsPrefix, 'tab-pane');\n if (!active && !Transition && unmountOnExit) return null;\n var pane = /*#__PURE__*/React.createElement(Component, _extends({}, rest, {\n ref: ref,\n role: \"tabpanel\",\n \"aria-hidden\": !active,\n className: classNames(className, prefix, {\n active: active\n })\n }));\n if (Transition) pane = /*#__PURE__*/React.createElement(Transition, {\n in: active,\n onEnter: onEnter,\n onEntering: onEntering,\n onEntered: onEntered,\n onExit: onExit,\n onExiting: onExiting,\n onExited: onExited,\n mountOnEnter: mountOnEnter,\n unmountOnExit: unmountOnExit\n }, pane); // We provide an empty the TabContext so `{this.props.messageBox.title === undefined ? \"\" : this.props.messageBox.title}
\r\n { this.props.resetMessageBox(); }}>X
\r\n \r\n \r\n {this.props.messageBox.content === undefined ? \"\" : this.props.messageBox.content}\r\n
\r\n \r\n