\n { this.renderMainDetails() }\n { this.renderProductPrice() }\n
\n \n )) }\n { this.renderShopNow() }\n { this.renderReviews() }\n \n );\n }\n\n renderPageCardContent() {\n return (\n <>\n ]+?>||<\\/p>)/img, '');\n\n return (\n <>\n \n \n
\n \n );\n }\n\n renderHairColourSwatches() {\n const {\n product: {\n total_hair_colours\n }\n } = this.props;\n\n if (!total_hair_colours) {\n return null;\n }\n\n const visibleColorCount = 5;\n const remainingCount = total_hair_colours - visibleColorCount;\n\n return (\n \n
\n { this.renderRemainingColours(remainingCount) }\n
\n + 0\n \n );\n }\n\n return (\n \n +\n { remainingCount }\n \n );\n }\n\n renderCardContent() {\n const { isCarouselItem, renderContent, isWidgetItem } = this.props;\n\n if (renderContent) {\n return renderContent(this.contentObject);\n }\n\n if (isCarouselItem) {\n return this.renderCarouselCardContent();\n }\n\n if (isWidgetItem) {\n return this.renderPageCardContent();\n }\n\n return (\n <>\n \n { this.renderProductCardWishlistButton() }\n
\n { this.renderCardLinkWrapper((\n <>\n \n \n { this.renderPicture() }\n \n
\n \n { this.renderMainDetails() }\n { this.renderHairColourSwatches() }\n
{ this.renderProductPrice() }
\n
\n \n \n \n \n );\n }\n\n renderPrice(isPreview = false) {\n const { getActiveProduct, productPrice } = this.props;\n const product = getActiveProduct();\n\n const {\n type_id: type,\n price_tiers: priceTiers\n } = product;\n\n if (!productPrice) {\n return null;\n }\n\n return (\n \n { stockStatusLabel } ;\n }\n\n renderSku() {\n const { getActiveProduct } = this.props;\n const { sku } = getActiveProduct();\n\n return { __('SKU: %s', sku) } ;\n }\n\n /**\n * Renders name if { dynamic } is set to true, then will output\n * name to active product AKA configurable products selected variant\n *\n * @param header If header outputs as H1\n * @param dynamic Name type (false - shows parent product only)\n * @returns {JSX.Element}\n */\n renderName(header = true, dynamic = false) {\n const { product: { name }, productName } = this.props;\n const nameToRender = dynamic ? productName : name;\n\n if (!header) {\n return (\n \n
\n );\n }\n\n return (\n \n \n );\n }\n //#endregion\n\n render() {\n return null;\n }\n}\n\nexport default Product;\n","/**\n * ScandiPWA - Progressive Web App for Magento\n *\n * Copyright © Scandiweb, Inc. All rights reserved.\n * See LICENSE for license details.\n *\n * @license OSL-3.0 (Open Software License (\"OSL\") v. 3.0)\n * @package scandipwa/base-theme\n * @link https://github.com/scandipwa/base-theme\n */\n\nexport { default } from './GroupedProductList.component';\n","/**\n * ScandiPWA - Progressive Web App for Magento\n *\n * Copyright © Scandiweb, Inc. All rights reserved.\n * See LICENSE for license details.\n *\n * @license OSL-3.0 (Open Software License (\"OSL\") v. 3.0)\n * @package scandipwa/base-theme\n * @link https://github.com/scandipwa/base-theme\n */\n\nexport { default } from './GroupedProductsItem.container';\n","/**\n * ScandiPWA - Progressive Web App for Magento\n *\n * Copyright © Scandiweb, Inc. All rights reserved.\n * See LICENSE for license details.\n *\n * @license OSL-3.0 (Open Software License (\"OSL\") v. 3.0)\n * @package scandipwa/base-theme\n * @link https://github.com/scandipwa/base-theme\n */\n\nimport PropTypes from 'prop-types';\nimport { PureComponent } from 'react';\n\nimport FieldContainer from 'Component/Field';\nimport { FIELD_TYPE } from 'Component/Field/Field.config';\nimport Image from 'Component/Image';\nimport ProductPrice from 'Component/ProductPrice';\nimport TextPlaceholder from 'Component/TextPlaceholder';\nimport TierPrices from 'Component/TierPrices';\nimport { ProductType } from 'Type/ProductList.type';\nimport {\n getMaxQuantity, getMinQuantity, getPrice, getProductInStock, getThumbnailImage\n} from 'Util/Product/Extract';\nimport { VALIDATION_INPUT_TYPE_NUMBER } from 'Util/Validator/Config';\n\nimport './GroupedProductsItem.style';\n\n/**\n * Grouped Product Item\n * @class GroupedProduct\n * @namespace Component/GroupedProductsItem/Component\n */\nexport class GroupedProductsItem extends PureComponent {\n static propTypes = {\n product: ProductType.isRequired,\n setQuantity: PropTypes.func.isRequired,\n itemCount: PropTypes.number.isRequired\n };\n\n renderTitle() {\n const {\n product: {\n name,\n price_range: priceRange,\n type_id: type,\n dynamic_price: dynamicPrice\n }\n } = this.props;\n\n return (\n \n );\n }\n\n renderTierPrices() {\n const { product } = this.props;\n\n return \n { __('Out of stock') }\n
\n );\n }\n\n const min = getMinQuantity(product);\n const max = getMaxQuantity(product);\n\n return (\n \n { this.renderImage() }\n { this.renderTitle() }\n { this.renderQuantity() }\n { this.renderTierPrices() }\n \n );\n }\n}\n\nexport default GroupedProductsItem;\n","/* eslint-disable @scandipwa/scandipwa-guidelines/jsx-no-props-destruction */\n/**\n * @category BeautyWorks\n * @author Dmitrijs Tarasovs \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2021 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport { PropTypes } from 'prop-types';\n\nimport PRODUCT_TYPE from 'Component/Product/Product.config';\nimport { ProductPrice as SourceProductPrice } from 'SourceComponent/ProductPrice/ProductPrice.component';\nimport { formatPrice } from 'Util/Price/Price';\n\nimport './ProductPrice.extend.style';\n\n/** @namespace Scandipwa/Component/ProductPrice/Component/ProductPriceComponent */\nexport class ProductPriceComponent extends SourceProductPrice {\n static propTypes = {\n ...this.propTypes,\n highestConfigurableProductPrice: PropTypes.number,\n isAtLeastOneVariantInStock: PropTypes.bool.isRequired\n };\n\n static defaultProps = {\n ...this.defaultProps,\n highestConfigurableProductPrice: null\n };\n\n renderConfigurablePrice() {\n const {\n originalPrice: {\n minRegularPrice: { value: minValue = 0 } = {},\n minFinalPrice: { value: minValueFinal = 0 } = {},\n minRegularPrice = {},\n minFinalPrice = {},\n maxFinalPrice: {\n value: maxValueFinal = 0\n }\n },\n priceType\n } = this.props;\n\n const { [priceType]: label } = this.priceLabelTypeMap;\n const hasDiscount = (minValue - minValueFinal) > 0;\n\n if (hasDiscount) {\n return (\n <>\n { this.renderPriceBadge(label) }\n { this.renderOldPrice() }\n { this.renderSchema() }\n { this.renderConfigurablePriceDetails(minFinalPrice, label, hasDiscount, maxValueFinal) }\n \n );\n }\n\n return (\n <>\n { this.renderPriceBadge(label) }\n { this.renderSchema() }\n { this.renderConfigurablePriceDetails(minRegularPrice, label, false, maxValueFinal) }\n \n );\n }\n\n renderConfigurablePriceDetails(price, label, hasDiscount = false, maxValueFinal = 0) {\n const {\n value: priceValue,\n valueFormatted: priceFormatted = 0\n } = price;\n const { itemProp = null } = this.getCurrentPriceSchema();\n const PriceSemanticElementName = hasDiscount ? 'ins' : 'span';\n const {\n isSchemaRequired\n } = this.props;\n\n if (priceValue === 0) {\n return null;\n }\n\n return (\n \n { this.renderPriceBadge(label) }\n \n { priceFormatted }\n \n { maxValueFinal > 0 && isSchemaRequired\n && \n );\n }\n\n renderOldPrice() {\n const {\n originalPrice: {\n minRegularPrice: {\n value: regularPrice\n },\n minFinalPrice: {\n value: finalPrice\n }\n },\n priceCurrency,\n discountPercentage\n } = this.props;\n\n const hasDiscount = (regularPrice - finalPrice) > 0;\n\n if (discountPercentage === 0 && !hasDiscount) {\n return null;\n }\n\n const formattedPrice = formatPrice(regularPrice, priceCurrency);\n\n return (\n \n { formattedPrice }\n \n );\n }\n\n renderDefaultPrice(defaultLabel = null) {\n const {\n originalPrice: {\n minFinalPrice: finalPrice = {},\n minFinalPriceExclTax: finalPriceExclTax = {}\n },\n label,\n shouldRenderPriceBadge\n } = this.props;\n\n return (\n <>\n { shouldRenderPriceBadge ? this.renderPriceBadge('\\0') : null }\n { this.renderOldPrice() }\n { this.renderPriceWithTax(finalPrice, finalPriceExclTax, defaultLabel || label) }\n { this.renderSchema() }\n \n );\n }\n\n renderSchema() {\n const {\n isSchemaRequired\n } = this.props;\n\n if (isSchemaRequired) {\n const currencySchema = this.getCurrencySchema();\n return (\n \n { renderer && renderer() }\n { (!renderer) && this.renderDefaultPrice() }\n { priceType !== PRODUCT_TYPE.bundle && this.renderTierPrice() }\n \n );\n }\n\n if (!finalPrice || !originalPrice || !minValue || !minValueFinal) {\n return this.renderPlaceholder();\n }\n\n return (\n \n { isPreview && renderer && renderer() }\n { (!isPreview || !renderer) && this.renderDefaultPrice() }\n { priceType !== PRODUCT_TYPE.bundle && this.renderTierPrice() }\n \n );\n }\n}\n\nexport default ProductPriceComponent;\n","/**\n * ScandiPWA - Progressive Web App for Magento\n *\n * Copyright © Scandiweb, Inc. All rights reserved.\n * See LICENSE for license details.\n *\n * @license OSL-3.0 (Open Software License (\"OSL\") v. 3.0)\n * @package scandipwa/base-theme\n * @link https://github.com/scandipwa/base-theme\n */\n\nimport PropTypes from 'prop-types';\nimport { PureComponent } from 'react';\n\nimport PRODUCT_TYPE from 'Component/Product/Product.config';\nimport TextPlaceholder from 'Component/TextPlaceholder';\nimport { MixType } from 'Type/Common.type';\nimport { OriginalPriceType, ProductPriceType } from 'Type/Price.type';\nimport { PriceConfiguration } from 'Type/ProductList.type';\n\nimport './ProductPrice.style';\n\n/**\n * Product price\n * @class ProductPrice\n * @namespace Component/ProductPrice/Component\n */\nexport class ProductPrice extends PureComponent {\n static propTypes = {\n price: ProductPriceType,\n priceType: PropTypes.oneOf(Object.values(PRODUCT_TYPE)),\n originalPrice: OriginalPriceType,\n tierPrice: PropTypes.string,\n configuration: PriceConfiguration,\n priceCurrency: PropTypes.string,\n discountPercentage: PropTypes.number,\n isPreview: PropTypes.bool,\n isSchemaRequired: PropTypes.bool,\n label: PropTypes.string,\n variantsCount: PropTypes.number,\n mix: MixType\n };\n\n static defaultProps = {\n price: {},\n priceType: PRODUCT_TYPE.simple,\n originalPrice: {},\n priceCurrency: 'USD',\n discountPercentage: 0,\n isPreview: false,\n isSchemaRequired: false,\n variantsCount: 0,\n mix: {},\n tierPrice: '',\n label: '',\n configuration: {}\n };\n\n pricePreviewRenderMap = {\n [PRODUCT_TYPE.simple]: this.renderDefaultPrice.bind(this),\n [PRODUCT_TYPE.virtual]: this.renderDefaultPrice.bind(this),\n [PRODUCT_TYPE.bundle]: this.renderBundlePrice.bind(this),\n [PRODUCT_TYPE.grouped]: this.renderGroupedPrice.bind(this),\n [PRODUCT_TYPE.downloadable]: this.renderDefaultPrice.bind(this),\n [PRODUCT_TYPE.configurable]: this.renderConfigurablePrice.bind(this)\n };\n\n priceLabelTypeMap = {\n [PRODUCT_TYPE.simple]: __('Starting at'),\n [PRODUCT_TYPE.virtual]: __('Starting at'),\n [PRODUCT_TYPE.bundle]: __('Starting at'),\n [PRODUCT_TYPE.grouped]: __('Starting at'),\n [PRODUCT_TYPE.downloadable]: __('Starting at'),\n [PRODUCT_TYPE.configurable]: __('As Low as')\n };\n\n renderPlaceholder() {\n const { mix } = this.props;\n\n return (\n \n
\n );\n }\n\n getCurrencySchema() {\n const { isSchemaRequired, priceCurrency } = this.props;\n\n return isSchemaRequired ? { itemProp: 'priceCurrency', content: priceCurrency } : {};\n }\n\n getCurrentPriceSchema() {\n const {\n isSchemaRequired,\n variantsCount,\n price: {\n finalPrice: {\n value: contentPrice = 0\n } = {}\n } = {}\n } = this.props;\n\n if (variantsCount > 1) {\n return isSchemaRequired ? { itemProp: 'lowPrice', content: contentPrice } : {};\n }\n\n return isSchemaRequired ? { itemProp: 'price', content: contentPrice } : {};\n }\n\n renderPrice(price, label) {\n const {\n discountPercentage\n } = this.props;\n\n const {\n value: priceValue,\n valueFormatted: priceFormatted = 0\n } = price;\n\n const { itemProp = null, content = null } = this.getCurrentPriceSchema();\n\n // Use \n { this.renderPriceBadge(label) }\n \n { priceFormatted }\n \n \n );\n }\n\n renderPriceBadge(label) {\n if (!label) {\n return null;\n }\n\n return { label } ;\n }\n\n renderSubPrice(price) {\n const {\n value: priceExclTax = 0,\n valueFormatted: priceExclTaxFormatted = 0\n } = price;\n\n if (!priceExclTax) {\n return null;\n }\n\n return (\n \n { __('Excl. tax: %s', priceExclTaxFormatted) }\n \n );\n }\n\n renderOldPrice() {\n const {\n price: {\n originalPrice: {\n value: originalPriceValue,\n valueFormatted: originalPriceFormatted\n } = {}\n } = {},\n discountPercentage,\n isSchemaRequired,\n variantsCount\n } = this.props;\n\n if (discountPercentage === 0 || originalPriceValue === 0) {\n return null;\n }\n\n return (\n 1 ? { itemProp: 'highPrice' } : null }\n >\n { originalPriceFormatted }\n \n );\n }\n\n renderSchema() {\n const { isSchemaRequired } = this.props;\n\n if (isSchemaRequired) {\n const { itemProp = null, content = null } = this.getCurrencySchema();\n\n return (\n \n { minValue > 0 && this.renderPriceBadge(__('from')) }\n { minValue < minRegularValue && this.renderRegularPrice(minRegularPrice) }\n { this.renderPriceWithTax(minFinalPrice, minFinalPriceExclTax) }\n
\n \n { maxValue > 0 && this.renderPriceBadge(__('to')) }\n { maxValue < maxRegularValue && this.renderRegularPrice(maxRegularPrice) }\n { this.renderPriceWithTax(maxFinalPrice, maxFinalPriceExclTax) }\n
\n \n );\n }\n\n renderRegularPrice(price) {\n const {\n value,\n valueFormatted\n } = price;\n\n if (!value || value <= 0 || !valueFormatted) {\n return null;\n }\n\n return (\n { valueFormatted }\n );\n }\n\n renderGroupedPrice() {\n const {\n originalPrice: {\n minFinalPrice = {},\n minFinalPriceExclTax = {}\n },\n priceType\n } = this.props;\n const { [priceType]: label } = this.priceLabelTypeMap;\n\n return (\n <>\n { this.renderPriceWithTax(minFinalPrice, minFinalPriceExclTax, label) }\n \n );\n }\n\n renderCustomisablePrice() {\n const {\n originalPrice: {\n minFinalPrice = {},\n minFinalPriceExclTax = {},\n minFinalPrice: { value: minValue = 0 } = {},\n maxFinalPrice: { value: maxValue = 0 } = {}\n },\n priceType\n } = this.props;\n\n if (minValue === maxValue) {\n return this.renderDefaultPrice();\n }\n\n const { [priceType]: label } = this.priceLabelTypeMap;\n\n return (\n <>\n { this.renderPriceWithTax(minFinalPrice, minFinalPriceExclTax, label) }\n \n );\n }\n\n renderConfigurablePrice() {\n const {\n originalPrice: {\n minFinalPrice: { value: minValue = 0 } = {},\n maxFinalPrice: { value: maxValue = 0 } = {}\n },\n configuration: {\n containsOptions = false\n } = {},\n price: {\n finalPriceExclTax = {},\n finalPrice = {}\n },\n priceType\n } = this.props;\n\n if (minValue === maxValue && !containsOptions) {\n return this.renderDefaultPrice();\n }\n\n const { [priceType]: label } = this.priceLabelTypeMap;\n\n return (\n <>\n { this.renderPriceWithTax(finalPrice, finalPriceExclTax, label) }\n \n );\n }\n\n renderDefaultPrice(defaultLabel = null) {\n const {\n price: { finalPrice = {}, finalPriceExclTax = {} } = {},\n label\n } = this.props;\n\n return (\n <>\n { this.renderOldPrice() }\n { this.renderPriceWithTax(finalPrice, finalPriceExclTax, defaultLabel || label) }\n { this.renderSchema() }\n \n );\n }\n\n renderPriceWithTax(basePrice, taxPrice, label) {\n return (\n <>\n { this.renderPrice(basePrice, label) }\n { this.renderSubPrice(taxPrice) }\n \n );\n }\n\n renderTierPrice() {\n const {\n tierPrice,\n price: {\n finalPrice: {\n valueFormatted = 0\n } = {}\n } = {}\n } = this.props;\n\n if (!tierPrice || tierPrice === valueFormatted) {\n return null;\n }\n\n return (\n \n { __('As low as') }\n { ` ${tierPrice}` } \n
\n );\n }\n\n render() {\n const {\n price: {\n finalPrice,\n originalPrice,\n finalPrice: {\n value: finalPriceValue = 0\n } = {}\n } = {},\n priceType,\n isPreview,\n discountPercentage,\n mix\n } = this.props;\n\n if (!finalPrice || !originalPrice) {\n return this.renderPlaceholder();\n }\n\n const { [priceType]: renderer } = this.pricePreviewRenderMap;\n\n return (\n \n { isPreview && renderer && renderer() }\n { (!isPreview || !renderer) && this.renderDefaultPrice() }\n { priceType !== PRODUCT_TYPE.bundle && this.renderTierPrice() }\n \n );\n }\n}\n\nexport default ProductPrice;\n","/**\n * ScandiPWA - Progressive Web App for Magento\n *\n * Copyright © Scandiweb, Inc. All rights reserved.\n * See LICENSE for license details.\n *\n * @license OSL-3.0 (Open Software License (\"OSL\") v. 3.0)\n * @package scandipwa/base-theme\n * @link https://github.com/scandipwa/base-theme\n */\n\nexport const DISPLAY_PRODUCT_PRICES_IN_CATALOG_INCL_TAX = 'DISPLAY_PRODUCT_PRICES_IN_CATALOG_INCL_TAX';\nexport const DISPLAY_PRODUCT_PRICES_IN_CATALOG_EXCL_TAX = 'DISPLAY_PRODUCT_PRICES_IN_CATALOG_EXCL_TAX';\nexport const DISPLAY_PRODUCT_PRICES_IN_CATALOG_BOTH = 'DISPLAY_PRODUCT_PRICES_IN_CATALOG_BOTH';\n","/**\n * ScandiPWA - Progressive Web App for Magento\n *\n * Copyright © Scandiweb, Inc. All rights reserved.\n * See LICENSE for license details.\n *\n * @license OSL-3.0 (Open Software License (\"OSL\") v. 3.0)\n * @package scandipwa/base-theme\n * @link https://github.com/scandipwa/base-theme\n */\n\nexport { default } from './ProductBundleOptions.container';\n","/**\n * ScandiPWA - Progressive Web App for Magento\n *\n * Copyright © Scandiweb, Inc. All rights reserved.\n * See LICENSE for license details.\n *\n * @license OSL-3.0 (Open Software License (\"OSL\") v. 3.0)\n * @package scandipwa/base-theme\n * @link https://github.com/scandipwa/base-theme\n */\n\nimport PropTypes from 'prop-types';\nimport { PureComponent } from 'react';\n\nimport ProductBundleOption from 'Component/ProductBundleOption';\nimport { ItemOptionsType } from 'Type/ProductList.type';\n\nimport './ProductBundleOptions.style';\n\n/**\n * Product Bundle Options\n * @class ProductBundleOptions\n * @namespace Component/ProductBundleOptions/Component\n */\nexport class ProductBundleOptions extends PureComponent {\n static propTypes = {\n options: PropTypes.arrayOf(ItemOptionsType).isRequired,\n updateSelectedValues: PropTypes.func.isRequired\n };\n\n renderOptionGroup(group) {\n const {\n title,\n options,\n type,\n required,\n uid,\n option_id\n } = group;\n\n const { updateSelectedValues } = this.props;\n\n return (\n \n { options.map(this.renderOptionGroup.bind(this)) }\n
\n );\n }\n}\n\nexport default ProductBundleOptions;\n","/**\n * ScandiPWA - Progressive Web App for Magento\n *\n * Copyright © Scandiweb, Inc. All rights reserved.\n * See LICENSE for license details.\n *\n * @license OSL-3.0 (Open Software License (\"OSL\") v. 3.0)\n * @package scandipwa/base-theme\n * @link https://github.com/scandipwa/base-theme\n */\n\nexport { default } from './ProductBundleOption.container';\n","/* eslint-disable spaced-comment */\n/* eslint-disable */\n/**\n * ScandiPWA - Progressive Web App for Magento\n *\n * Copyright © Scandiweb, Inc. All rights reserved.\n * See LICENSE for license details.\n *\n * @license OSL-3.0 (Open Software License (\"OSL\") v. 3.0)\n * @package scandipwa/base-theme\n * @link https://github.com/scandipwa/base-theme\n */\n\nimport PropTypes from 'prop-types';\n\nimport {\n ProductBundleOption as SourceProductBundleOption\n} from 'SourceComponent/ProductBundleOption/ProductBundleOption.component';\nimport { ItemOptionsType } from 'Type/ProductList.type';\nimport { bundleOptionToLabel } from 'Util/Product/Transform';\n\n/**\n * Product Bundle Option\n * @class ProductBundleOption\n * @namespace Scandipwa/Component/ProductBundleOption/Component/ProductBundleOptionComponent */\nexport class ProductBundleOptionComponent extends SourceProductBundleOption {\n static propTypes = {\n uid: PropTypes.string.isRequired,\n title: PropTypes.string.isRequired,\n type: PropTypes.string.isRequired,\n quantity: PropTypes.objectOf(PropTypes.number).isRequired,\n setQuantity: PropTypes.func.isRequired,\n isRequired: PropTypes.bool.isRequired,\n options: PropTypes.arrayOf(ItemOptionsType).isRequired,\n currencyCode: PropTypes.string.isRequired,\n activeSelectUid: PropTypes.string,\n setActiveSelectUid: PropTypes.func.isRequired,\n getDropdownOptions: PropTypes.func.isRequired,\n updateSelectedValues: PropTypes.func.isRequired\n };\n\n // eslint-disable-next-line @scandipwa/scandipwa-guidelines/only-render-in-component\n getLabel(option) {\n const currencyCode = option.product.price_range.minimum_price.final_price.currency;\n\n const {\n baseLabel,\n priceLabel\n } = bundleOptionToLabel(option, currencyCode);\n\n return (\n \n { baseLabel }\n { `${priceLabel}` } \n
\n );\n }\n //#endregion\n}\n\nexport default ProductBundleOptionComponent;\n","/* eslint-disable spaced-comment */\n/**\n * ScandiPWA - Progressive Web App for Magento\n *\n * Copyright © Scandiweb, Inc. All rights reserved.\n * See LICENSE for license details.\n *\n * @license OSL-3.0 (Open Software License (\"OSL\") v. 3.0)\n * @package scandipwa/base-theme\n * @link https://github.com/scandipwa/base-theme\n */\n\nimport PropTypes from 'prop-types';\nimport { PureComponent } from 'react';\n\nimport Field from 'Component/Field';\nimport { FIELD_TYPE } from 'Component/Field/Field.config';\nimport FieldGroup from 'Component/FieldGroup';\nimport { ItemOptionsType } from 'Type/ProductList.type';\nimport {\n DEFAULT_MAX_PRODUCTS, DEFAULT_MIN_PRODUCTS,\n getBundleOption, getMaxQuantity, getMinQuantity, getProductInStock\n} from 'Util/Product/Extract';\nimport { bundleOptionToLabel, getEncodedBundleUid } from 'Util/Product/Transform';\nimport { VALIDATION_INPUT_TYPE_NUMBER } from 'Util/Validator/Config';\n\n/**\n * Product Bundle Option\n * @class ProductBundleOption\n * @namespace Component/ProductBundleOption/Component\n */\nexport class ProductBundleOption extends PureComponent {\n static propTypes = {\n uid: PropTypes.string.isRequired,\n title: PropTypes.string.isRequired,\n type: PropTypes.string.isRequired,\n quantity: PropTypes.objectOf(PropTypes.number).isRequired,\n setQuantity: PropTypes.func.isRequired,\n isRequired: PropTypes.bool.isRequired,\n options: PropTypes.arrayOf(ItemOptionsType).isRequired,\n currencyCode: PropTypes.string.isRequired,\n activeSelectUid: PropTypes.string,\n setActiveSelectUid: PropTypes.func.isRequired,\n getDropdownOptions: PropTypes.func.isRequired,\n updateSelectedValues: PropTypes.func.isRequired\n };\n\n static defaultProps = {\n activeSelectUid: null\n };\n\n renderMap = {\n [FIELD_TYPE.checkbox]: this.renderCheckBoxValues.bind(this),\n [FIELD_TYPE.multi]: this.renderCheckBoxValues.bind(this),\n [FIELD_TYPE.radio]: this.renderRadioValues.bind(this),\n [FIELD_TYPE.select]: this.renderSelectValue.bind(this)\n };\n\n componentDidMount() {\n const { updateSelectedValues } = this.props;\n updateSelectedValues();\n }\n\n //#refion ERROR\n getError(quantity, stock, min = -1, max = DEFAULT_MAX_PRODUCTS, value) {\n if (!value) {\n return true;\n }\n\n if (quantity < min) {\n return __('Min quantity %s!', min);\n }\n\n if (quantity > max) {\n return __('Max quantity %s!', max);\n }\n\n if (!stock) {\n return __('Product is out of stock!');\n }\n\n return true;\n }\n //#endregion\n\n //#region QUANTITY CHANGE\n setQuantity(uid, quantity) {\n const { setQuantity } = this.props;\n setQuantity(uid, quantity);\n }\n\n renderQuantityChange(uid, quantity, product = null) {\n const min = !product ? DEFAULT_MIN_PRODUCTS : getMinQuantity(product);\n const max = !product ? DEFAULT_MAX_PRODUCTS : getMaxQuantity(product);\n // eslint-disable-next-line no-nested-ternary\n const rangedQty = quantity < min ? min : quantity > max ? max : quantity;\n\n if (rangedQty !== quantity) {\n this.setQuantity(uid, rangedQty);\n }\n\n return (\n \n
\n );\n }\n\n renderCheckBoxValues(options) {\n const { isRequired } = this.props;\n\n return (\n \n { options.map(this.renderCheckBox.bind(this)) }\n \n );\n }\n //#endregion\n\n //#region RADIO\n renderRadio(name, option) {\n const {\n uid,\n can_change_quantity: canChangeQuantity,\n quantity: defaultQuantity = 1,\n product,\n is_default\n } = option;\n\n const {\n updateSelectedValues,\n quantity: { [uid]: quantity = defaultQuantity }\n } = this.props;\n\n const label = this.getLabel(option);\n const stock = getProductInStock(product);\n\n return (\n \n
\n );\n }\n\n renderRadioValues(options) {\n const { isRequired, uid } = this.props;\n\n return (\n \n { options.map((option) => this.renderRadio(uid, option)) }\n \n );\n }\n //#endregion\n\n //#region SELECT\n updateSelect(...args) {\n const { updateSelectedValues, setActiveSelectUid } = this.props;\n const { value } = args[args.length - 1] || {};\n setActiveSelectUid(value);\n updateSelectedValues();\n }\n\n renderSelectValue() {\n const {\n getDropdownOptions,\n isRequired,\n uid,\n activeSelectUid,\n options\n } = this.props;\n\n const activeOption = getBundleOption(activeSelectUid, options);\n\n const {\n uid: optionUid,\n quantity: defaultQuantity = 1,\n can_change_quantity: canChangeQuantity = false,\n product = {}\n } = activeOption || {};\n\n const {\n quantity: { [optionUid]: quantity = defaultQuantity }\n } = this.props;\n\n const stock = !Object.keys(product).length ? true : getProductInStock(product);\n const min = getMinQuantity(product);\n const max = getMaxQuantity(product);\n\n return (\n \n
\n );\n }\n //#endregion\n\n //#region TITLE\n renderOptionGroupTitle(title) {\n const { isRequired } = this.props;\n\n return (\n \n { title }\n { isRequired && * }\n
\n );\n }\n\n getLabel(option) {\n const { currencyCode } = this.props;\n const {\n baseLabel,\n priceLabel\n } = bundleOptionToLabel(option, currencyCode);\n\n return (\n \n { baseLabel }\n { ` ${priceLabel}` } \n
\n );\n }\n //#endregion\n\n render() {\n const { title, options, type } = this.props;\n const render = this.renderMap[type];\n\n if (!render) {\n return null;\n }\n\n return (\n \n { title && this.renderOptionGroupTitle(title) }\n { options && render(options) }\n
\n );\n }\n}\n\nexport default ProductBundleOption;\n","/**\n * ScandiPWA - Progressive Web App for Magento\n *\n * Copyright © Scandiweb, Inc. All rights reserved.\n * See LICENSE for license details.\n *\n * @license OSL-3.0 (Open Software License (\"OSL\") v. 3.0)\n * @package scandipwa/base-theme\n * @link https://github.com/scandipwa/base-theme\n */\n\nexport { default } from './ProductCompareButton.container';\n","/**\n * ScandiPWA - Progressive Web App for Magento\n *\n * Copyright © Scandiweb, Inc. All rights reserved.\n * See LICENSE for license details.\n *\n * @license OSL-3.0 (Open Software License (\"OSL\") v. 3.0)\n * @package scandipwa/base-theme\n * @link https://github.com/scandipwa/base-theme\n */\n\nimport PropTypes from 'prop-types';\nimport { PureComponent } from 'react';\n\nimport CompareIcon from 'Component/CompareIcon';\nimport Loader from 'Component/Loader';\nimport { MixType } from 'Type/Common.type';\n\nimport './ProductCompareButton.style';\n\n/** @namespace Component/ProductCompareButton/Component */\nexport class ProductCompareButton extends PureComponent {\n static propTypes = {\n handleClick: PropTypes.func.isRequired,\n isLoading: PropTypes.bool,\n isActive: PropTypes.bool,\n mix: MixType.isRequired\n };\n\n static defaultProps = {\n isLoading: false,\n isActive: false\n };\n\n render() {\n const {\n handleClick,\n isLoading,\n isActive,\n mix\n } = this.props;\n\n return (\n \n \n \n \n \n );\n }\n\n renderPlaceholder() {\n return (\n \n { `(${subLabel})` }\n \n );\n }\n\n getCheckboxLabel(value, subLabel) {\n return (\n \n { value }\n { this.renderSublabel(subLabel) }\n \n );\n }\n\n renderDropdown(value, subLabel) {\n const { isSelected } = this.props;\n\n return (\n \n { value }\n \n );\n }\n\n renderNumericAttribute() {\n const { attribute: { attribute_value } } = this.props;\n\n return this.renderStringValue(parseFloat(attribute_value).toFixed(2));\n }\n\n renderAttributeByType() {\n const { attribute: { attribute_type } } = this.props;\n\n switch (attribute_type) {\n case 'select':\n return this.renderSelectAttribute();\n case 'boolean':\n return this.renderBooleanAttribute();\n case 'text':\n return this.renderTextAttribute();\n case 'multiselect':\n return this.renderMultiSelectAttribute();\n case 'media_image':\n return this.renderImageAttribute();\n case 'textarea':\n return this.renderTextAreaAttribute();\n case 'weight':\n return this.renderNumericAttribute();\n default:\n return this.renderPlaceholder();\n }\n }\n\n render() {\n const {\n getLink,\n attribute,\n isAvailable,\n attribute: { attribute_code, attribute_value },\n mix,\n isFormattedAsText,\n showProductAttributeAsLink\n } = this.props;\n\n if (attribute_code && !attribute_value) {\n return null;\n }\n\n const href = getLink(attribute);\n // Invert to apply css rule without using not()\n const isNotAvailable = !isAvailable;\n\n if (isFormattedAsText) {\n return (\n \n { this.renderAttributeByType() }\n \n );\n }\n\n if (!showProductAttributeAsLink) {\n return (\n \n { this.renderAttributeByType() }\n \n );\n }\n\n return (\n \n { this.renderAttributeByType() }\n \n );\n }\n}\n\nexport default ProductAttributeValue;\n","/**\n * ScandiPWA - Progressive Web App for Magento\n *\n * Copyright © Scandiweb, Inc. All rights reserved.\n * See LICENSE for license details.\n *\n * @license OSL-3.0 (Open Software License (\"OSL\") v. 3.0)\n * @package scandipwa/base-theme\n * @link https://github.com/scandipwa/base-theme\n */\nexport { default } from './ProductConfigurableAttributeDropdown.container';\n","/**\n * ScandiPWA - Progressive Web App for Magento\n *\n * Copyright © Scandiweb, Inc. All rights reserved.\n * See LICENSE for license details.\n *\n * @license OSL-3.0 (Open Software License (\"OSL\") v. 3.0)\n * @package scandipwa/base-theme\n * @link https://github.com/scandipwa/base-theme\n */\nimport PropTypes from 'prop-types';\nimport { PureComponent } from 'react';\n\nimport { AttributeType } from 'Type/ProductList.type';\n\nimport ProductConfigurableAttributeDropdown from './ProductConfigurableAttributeDropdown.component';\n\n/** @namespace Component/ProductConfigurableAttributeDropdown/Container */\nexport class ProductConfigurableAttributeDropdownContainer extends PureComponent {\n static propTypes = {\n option: AttributeType.isRequired,\n updateConfigurableVariant: PropTypes.func.isRequired,\n getIsConfigurableAttributeAvailable: PropTypes.func.isRequired,\n parameters: PropTypes.objectOf(PropTypes.string).isRequired\n };\n\n containerFunctions = {\n onChange: this.onChange.bind(this)\n };\n\n onChange(value) {\n const {\n updateConfigurableVariant,\n option: { attribute_code }\n } = this.props;\n\n updateConfigurableVariant(attribute_code, value, true);\n }\n\n containerProps() {\n const { option: { attribute_code, attribute_label } } = this.props;\n\n return {\n selectValue: this._getSelectValue(),\n selectOptions: this._getSelectOptions(),\n selectName: attribute_code,\n selectLabel: attribute_label\n };\n }\n\n _getSelectOptions() {\n const {\n option: {\n attribute_options,\n attribute_code\n },\n getIsConfigurableAttributeAvailable\n } = this.props;\n\n if (!attribute_options) {\n // eslint-disable-next-line no-console\n console.warn(`Please make sure \"${ attribute_code }\" is visible on Storefront.`);\n\n return [];\n }\n\n return Object.values(attribute_options)\n .reduce((acc, option) => {\n const { value } = option;\n\n const isAvailable = getIsConfigurableAttributeAvailable({\n attribute_code,\n attribute_value: value\n });\n\n return [...acc, {\n ...option,\n id: value,\n isAvailable\n }];\n }, []);\n }\n\n _getSelectValue() {\n const { option: { attribute_code } } = this.props;\n const { parameters = {} } = this.props;\n\n return parameters[attribute_code];\n }\n\n render() {\n return (\n \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2021 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport Field from 'Component/Field';\nimport FIELD_TYPE from 'Component/Field/Field.config';\nimport {\n ProductConfigurableAttributeDropdown as SourceProductConfigurableAttributeDropdown\n} from 'SourceComponent/ProductConfigurableAttributeDropdown/ProductConfigurableAttributeDropdown.component';\n\nimport './ProductConfigurableAttributeDropdown.extend.style';\n\n/** @namespace Scandipwa/Component/ProductConfigurableAttributeDropdown/Component/ProductConfigurableAttributeDropdownComponent */\nexport class ProductConfigurableAttributeDropdownComponent extends SourceProductConfigurableAttributeDropdown {\n render() {\n const {\n selectOptions,\n selectValue,\n selectName,\n selectLabel,\n onChange\n } = this.props;\n\n return (\n \n { options.map(this.renderOptionGroup.bind(this)) }\n
\n );\n }\n}\n\nexport default ProductCustomizableOptions;\n","/**\n * ScandiPWA - Progressive Web App for Magento\n *\n * Copyright © Scandiweb, Inc. All rights reserved.\n * See LICENSE for license details.\n *\n * @license OSL-3.0 (Open Software License (\"OSL\") v. 3.0)\n * @package scandipwa/base-theme\n * @link https://github.com/scandipwa/base-theme\n */\n\nexport { default } from './ProductCustomizableOption.container';\n","/**\n * ScandiPWA - Progressive Web App for Magento\n *\n * Copyright © Scandiweb, Inc. All rights reserved.\n * See LICENSE for license details.\n *\n * @license OSL-3.0 (Open Software License (\"OSL\") v. 3.0)\n * @package scandipwa/base-theme\n * @link https://github.com/scandipwa/base-theme\n */\n\nimport PropTypes from 'prop-types';\nimport { PureComponent } from 'react';\n\nimport Field from 'Component/Field';\nimport { FIELD_TYPE } from 'Component/Field/Field.config';\nimport FieldDate from 'Component/FieldDate';\nimport { FIELD_DATE_TYPE } from 'Component/FieldDate/FieldDate.config';\nimport FieldGroup from 'Component/FieldGroup';\nimport { CustomizableOptionsType } from 'Type/ProductList.type';\nimport { customizableOptionToLabel } from 'Util/Product/Transform';\n\nimport { CONFIG_FIELD_TYPE } from './ProductCustomizableOption.config';\n\n/**\n * Product Customizable Option\n * @class ProductCustomizableOption\n * @namespace Component/ProductCustomizableOption/Component\n */\nexport class ProductCustomizableOption extends PureComponent {\n static propTypes = {\n uid: PropTypes.string.isRequired,\n title: PropTypes.string.isRequired,\n type: PropTypes.string.isRequired,\n fieldType: PropTypes.string.isRequired,\n updateSelectedValues: PropTypes.func.isRequired,\n getDropdownOptions: PropTypes.func.isRequired,\n isRequired: PropTypes.bool.isRequired,\n currencyCode: PropTypes.string.isRequired,\n options: CustomizableOptionsType.isRequired\n };\n\n renderMap = {\n [CONFIG_FIELD_TYPE.text]: this.renderDefaultValue.bind(this),\n [CONFIG_FIELD_TYPE.textarea]: this.renderDefaultValue.bind(this),\n [CONFIG_FIELD_TYPE.date]: this.renderDatePicker.bind(this, FIELD_DATE_TYPE.date),\n [CONFIG_FIELD_TYPE.dateTime]: this.renderDatePicker.bind(this, FIELD_DATE_TYPE.dateTime),\n [CONFIG_FIELD_TYPE.time]: this.renderDatePicker.bind(this, FIELD_DATE_TYPE.time),\n\n [CONFIG_FIELD_TYPE.file]: this.renderFileValue.bind(this),\n [CONFIG_FIELD_TYPE.select]: this.renderSelectValues.bind(this),\n [CONFIG_FIELD_TYPE.radio]: this.renderRadioValues.bind(this),\n [CONFIG_FIELD_TYPE.checkbox]: this.renderCheckboxValues.bind(this),\n [CONFIG_FIELD_TYPE.multi]: this.renderCheckboxValues.bind(this)\n };\n\n componentDidMount() {\n const { updateSelectedValues } = this.props;\n updateSelectedValues();\n }\n\n getLabel(option, overrideBase = null, overridePrice = null) {\n const { currencyCode } = this.props;\n\n const {\n baseLabel,\n priceLabel\n } = customizableOptionToLabel(option, currencyCode);\n\n return (\n \n { overrideBase || baseLabel }\n { ` ${overridePrice || priceLabel}` } \n
\n );\n }\n\n renderDefaultValue(option) {\n const {\n updateSelectedValues, title, fieldType, isRequired, uid\n } = this.props;\n const { max_characters } = option;\n const label = this.getLabel(option, title);\n\n return (\n <>\n { this.renderOptionGroupTitle(label) }\n 0 ? max_characters : null\n }\n } }\n attr={ {\n id: uid,\n name: uid\n } }\n events={ {\n onChange: updateSelectedValues\n } }\n validateOn={ ['onBlur'] }\n />\n \n );\n }\n\n renderDatePicker(type, option) {\n const {\n title,\n uid,\n isRequired,\n updateSelectedValues\n } = this.props;\n\n const label = this.getLabel(option, title);\n\n return (\n <>\n { this.renderOptionGroupTitle(label) }\n \n
\n );\n }\n\n renderCheckboxValues(options) {\n const { isRequired } = this.props;\n\n return (\n \n { options.map(this.renderCheckBox.bind(this)) }\n \n );\n }\n\n renderRadio(name, option) {\n const {\n uid,\n is_default\n } = option;\n const { updateSelectedValues } = this.props;\n const label = this.getLabel(option);\n\n return (\n \n
\n );\n }\n\n renderRadioValues(options) {\n const { isRequired, uid } = this.props;\n\n return (\n \n { options.map((option) => this.renderRadio(uid, option)) }\n \n );\n }\n\n renderSelectValues() {\n const {\n getDropdownOptions,\n updateSelectedValues,\n isRequired,\n uid\n } = this.props;\n\n return (\n \n
\n );\n }\n\n renderOptionGroupTitle(title) {\n const { isRequired } = this.props;\n\n return (\n \n { title }\n { isRequired && * }\n
\n );\n }\n\n render() {\n const { options, type, title } = this.props;\n const render = this.renderMap[type];\n\n if (!render) {\n return null;\n }\n\n const renderTitle = title\n && (type === CONFIG_FIELD_TYPE.select\n || type === CONFIG_FIELD_TYPE.radio\n || type === CONFIG_FIELD_TYPE.checkbox\n || type === CONFIG_FIELD_TYPE.multi);\n\n return (\n \n { renderTitle && this.renderOptionGroupTitle(title) }\n { options && render(options) }\n
\n );\n }\n}\n\nexport default ProductCustomizableOption;\n","/**\n * ScandiPWA - Progressive Web App for Magento\n *\n * Copyright © Scandiweb, Inc. All rights reserved.\n * See LICENSE for license details.\n *\n * @license OSL-3.0 (Open Software License (\"OSL\") v. 3.0)\n * @package scandipwa/base-theme\n * @link https://github.com/scandipwa/scandipwa\n */\n\nexport { default } from './FieldDate.container';\n","/**\n * ScandiPWA - Progressive Web App for Magento\n *\n * Copyright © Scandiweb, Inc. All rights reserved.\n * See LICENSE for license details.\n *\n * @license OSL-3.0 (Open Software License (\"OSL\") v. 3.0)\n * @package scandipwa/base-theme\n * @link https://github.com/scandipwa/base-theme\n */\n\nexport { default } from './DatePicker.container';\n","/* eslint-disable @scandipwa/scandipwa-guidelines/only-render-in-component */\n/**\n * ScandiPWA - Progressive Web App for Magento\n *\n * Copyright © Scandiweb, Inc. All rights reserved.\n * See LICENSE for license details.\n *\n * @license OSL-3.0 (Open Software License (\"OSL\") v. 3.0)\n * @package scandipwa/base-theme\n * @link https://github.com/scandipwa/scandipwa\n */\n\nimport PropTypes from 'prop-types';\nimport { forwardRef, lazy, PureComponent } from 'react';\n\nimport FIELD_TYPE from 'Component/Field/Field.config';\nimport { FIELD_DATE_TYPE } from 'Component/FieldDate/FieldDate.config';\n\nimport 'react-datepicker/dist/react-datepicker.css';\nimport './DatePicker.style.scss';\n\nexport const DatePicker = lazy(() => import(\n /* webpackMode: \"lazy\", webpackChunkName: \"product\" */\n 'react-datepicker'\n));\n\n/** @namespace Scandipwa/Component/DatePicker/Component/DatePickerComponent */\nexport class DatePickerComponent extends PureComponent {\n static propTypes = {\n selectedDate: PropTypes.instanceOf(Date).isRequired,\n type: PropTypes.shape(PropTypes.oneOf(Object.values(FIELD_DATE_TYPE))).isRequired,\n /* eslint-disable react/boolean-prop-naming */\n onSetDate: PropTypes.func.isRequired,\n showTimeSelect: PropTypes.bool.isRequired,\n showTimeSelectOnly: PropTypes.bool.isRequired,\n minDate: PropTypes.instanceOf(Date).isRequired,\n maxDate: PropTypes.instanceOf(Date).isRequired,\n dateFormat: PropTypes.string.isRequired,\n timeFormat: PropTypes.string.isRequired,\n uid: PropTypes.string.isRequired,\n isClearable: PropTypes.bool.isRequired\n };\n\n placeholderMap = {\n [FIELD_TYPE.date]: __('Select date'),\n [FIELD_TYPE.dateTime]: __('Select date & time'),\n [FIELD_TYPE.time]: __('Select time')\n };\n\n getPlaceholder() {\n const { type } = this.props;\n\n return this.placeholderMap[type] || '';\n }\n\n renderCustomInput({ value, onClick }, ref) {\n const { selectedDate, uid } = this.props;\n\n return (\n \n { dateFieldsOrder.split(',').map((field) => this.dateMap[field]()) }\n
\n );\n }\n\n renderTime() {\n const { showTimeSelect } = this.props;\n\n if (!showTimeSelect) {\n return null;\n }\n\n return (\n \n { this.renderHours() }\n { this.renderMinutes() }\n { this.renderAMPM() }\n
\n );\n }\n\n render() {\n return (\n \n { this.renderDate() }\n { this.renderTime() }\n
\n );\n }\n}\n\nexport default DateSelectComponent;\n","/**\n * ScandiPWA - Progressive Web App for Magento\n *\n * Copyright © Scandiweb, Inc. All rights reserved.\n * See LICENSE for license details.\n *\n * @license OSL-3.0 (Open Software License (\"OSL\") v. 3.0)\n * @package scandipwa/base-theme\n * @link https://github.com/scandipwa/base-theme\n */\n\nexport { default } from './ProductDownloadableLinks.container';\n","/**\n * ScandiPWA - Progressive Web App for Magento\n *\n * Copyright © Scandiweb, Inc. All rights reserved.\n * See LICENSE for license details.\n *\n * @license OSL-3.0 (Open Software License (\"OSL\") v. 3.0)\n * @package scandipwa/base-theme\n * @link https://github.com/scandipwa/base-theme\n */\n\nimport PropTypes from 'prop-types';\nimport { PureComponent } from 'react';\n\nimport ExpandableContent from 'Component/ExpandableContent';\nimport FieldContainer from 'Component/Field';\nimport { FIELD_TYPE } from 'Component/Field/Field.config';\nimport FieldGroup from 'Component/FieldGroup';\nimport Link from 'Component/Link';\nimport { DownloadableLinksType } from 'Type/Downloadable.type';\nimport { formatPrice } from 'Util/Price';\n\nimport './ProductDownloadableLinks.style';\n\n/** @namespace Component/ProductDownloadableLinks/Component */\nexport class ProductDownloadableLinks extends PureComponent {\n static propTypes = {\n isLoading: PropTypes.bool.isRequired,\n isRequired: PropTypes.bool.isRequired,\n links: DownloadableLinksType,\n title: PropTypes.string.isRequired,\n setSelectedCheckboxValues: PropTypes.func.isRequired,\n setRef: PropTypes.func.isRequired,\n isOpenInNewTab: PropTypes.bool.isRequired,\n currencyCode: PropTypes.string.isRequired\n };\n\n static defaultProps = {\n links: []\n };\n\n renderLabel(link) {\n const { title, price } = link;\n const { isRequired, currencyCode = 'USD' } = this.props;\n\n if (!isRequired) {\n return (\n \n { title }\n \n );\n }\n\n return (\n \n { title }\n { ` + ${ formatPrice(price, currencyCode) }` } \n \n );\n }\n\n renderCheckBox(link) {\n const { setSelectedCheckboxValues, isRequired } = this.props;\n const { uid } = link;\n\n if (!isRequired) {\n return null;\n }\n\n return (\n \n { __('Sample') }\n \n );\n }\n\n renderDownloadableLink(link) {\n const { id } = link;\n\n return (\n \n { this.renderCheckBox.call(this, link) }\n { this.renderLabel(link) }\n { this.renderLink(link) }\n
\n );\n }\n\n renderLinks() {\n const { links, isRequired, setRef } = this.props;\n\n return (\n \n setRef(elem) }>\n { links.map(this.renderDownloadableLink.bind(this)) }\n
\n \n );\n }\n\n renderTitle() {\n const { title, isRequired } = this.props;\n\n return (\n \n { title }\n { isRequired && * }\n
\n );\n }\n\n renderContent() {\n return (\n <>\n { this.renderTitle() }\n { this.renderLinks() }\n \n );\n }\n\n renderPlaceholder() {\n const { isLoading } = this.props;\n\n return (\n \n { this.renderContent() }\n \n );\n }\n}\n\nexport default ProductDownloadableLinks;\n","/**\n * ScandiPWA - Progressive Web App for Magento\n *\n * Copyright © Scandiweb, Inc. All rights reserved.\n * See LICENSE for license details.\n *\n * @license OSL-3.0 (Open Software License (\"OSL\") v. 3.0)\n * @package scandipwa/base-theme\n * @link https://github.com/scandipwa/base-theme\n */\nimport PropTypes from 'prop-types';\nimport { PureComponent } from 'react';\n\nimport ExpandableContent from 'Component/ExpandableContent';\nimport Link from 'Component/Link';\nimport { DownloadableSamplesType } from 'Type/ProductList.type';\n\nimport './ProductDownloadableSamples.style';\n\n/** @namespace Component/ProductDownloadableSamples/Component */\nexport class ProductDownloadableSamples extends PureComponent {\n static propTypes = {\n title: PropTypes.string.isRequired,\n samples: DownloadableSamplesType.isRequired,\n isOpenInNewTab: PropTypes.bool.isRequired\n };\n\n renderDownloadableProductSampleItems() {\n const {\n samples,\n isOpenInNewTab\n } = this.props;\n\n return samples.map((item, i) => {\n const { title, sample_url } = item;\n\n return (\n \n \n { title }\n \n \n );\n });\n }\n\n render() {\n const { title } = this.props;\n\n return (\n \n \n \n { title }\n \n { this.renderDownloadableProductSampleItems() }\n \n \n );\n }\n}\n\nexport default ProductDownloadableSamples;\n","/* eslint-disable */\n\n/**\n * @category BeautyWorks\n * @author Scandiweb \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2021 Scandiweb, Inc (https://scandiweb.com)\n */\nimport { SHIPPING_STEP } from '@scandipwa/scandipwa/src/route/Checkout/Checkout.config';\nimport React, { createRef } from 'react';\n\nimport CheckoutNewsletterSubscription from 'Component/CheckoutNewsletterSubscription';\nimport Form from 'Component/Form';\nimport Loader from 'Component/Loader';\nimport {\n CheckoutShipping as SourceCheckoutShipping\n} from 'SourceComponent/CheckoutShipping/CheckoutShipping.component';\n\nimport './CheckoutShipping.extend.style';\nimport { CHECKOUT_PAYMENT_KEY } from \"../../route/Checkout/Checkout.config\";\nimport BrowserDatabase from \"Util/BrowserDatabase\";\nimport CheckoutAddressBook from \"Component/CheckoutAddressBook\";\nimport CheckoutDeliveryOptions from 'Component/CheckoutDeliveryOptions';\nimport { isSignedIn } from 'Util/Auth';\n\n/** @namespace Scandipwa/Component/CheckoutShipping/Component/CheckoutShippingComponent */\nexport class CheckoutShippingComponent extends SourceCheckoutShipping {\n // eslint-disable-next-line @scandipwa/scandipwa-guidelines/only-render-in-component\n __construct(props) {\n super.__construct(props);\n this.shippingFormRef = createRef();\n }\n\n renderContent() {\n const { isPickInStoreMethodSelected, onSubscribeNewsletterChange } = this.props;\n\n if (isPickInStoreMethodSelected) {\n return this.renderPickInStoreMethod();\n }\n\n return (\n <>\n { this.renderUserEmail() }\n \n { this.renderDelivery() }\n { this.renderActions() }\n
\n \n );\n }\n\n renderUserEmail() {\n const { email = '' } = BrowserDatabase.getItem('customer') || {};\n\n if (isSignedIn() && email) {\n return (\n \n
Your email \n
{ email }
\n
\n { this.renderOrderTotal() }\n
\n );\n }\n\n renderAddressBook() {\n const {\n onAddressSelect,\n onShippingEstimationFieldsChange,\n isSubmitted,\n checkoutNumerationStart\n } = this.props;\n\n return (\n \n { this.renderContent() }\n \n );\n }\n\n render() {\n const redirectedToPay = BrowserDatabase.getItem(CHECKOUT_PAYMENT_KEY);\n\n if (redirectedToPay) {\n return \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2021 Scandiweb, Inc (https://scandiweb.com)\n */\n\nexport { default } from './CheckoutNewsletterSubscription.component';\n","/**\n * ScandiPWA - Progressive Web App for Magento\n *\n * Copyright © Scandiweb, Inc. All rights reserved.\n * See LICENSE for license details.\n *\n * @license OSL-3.0 (Open Software License (\"OSL\") v. 3.0)\n * @package scandipwa/base-theme\n * @link https://github.com/scandipwa/base-theme\n */\n\nimport PropTypes from 'prop-types';\nimport { PureComponent } from 'react';\n\nimport CheckoutAddressBook from 'Component/CheckoutAddressBook';\nimport CheckoutDeliveryOptions from 'Component/CheckoutDeliveryOptions';\nimport Form from 'Component/Form';\nimport Loader from 'Component/Loader';\nimport LockIcon from 'Component/LockIcon';\nimport StoreInPickUpComponent from 'Component/StoreInPickUp';\nimport { SHIPPING_STEP } from 'Route/Checkout/Checkout.config';\nimport { Addresstype } from 'Type/Account.type';\nimport { ShippingMethodsType, ShippingMethodType } from 'Type/Checkout.type';\nimport { TotalsType } from 'Type/MiniCart.type';\nimport { getAllCartItemsSku } from 'Util/Cart';\nimport { formatPrice } from 'Util/Price';\n\nimport './CheckoutShipping.style';\n\n/** @namespace Component/CheckoutShipping/Component */\nexport class CheckoutShipping extends PureComponent {\n static propTypes = {\n totals: TotalsType.isRequired,\n cartTotalSubPrice: PropTypes.number,\n onShippingSuccess: PropTypes.func.isRequired,\n onShippingError: PropTypes.func.isRequired,\n onShippingEstimationFieldsChange: PropTypes.func.isRequired,\n shippingMethods: ShippingMethodsType.isRequired,\n onShippingMethodSelect: PropTypes.func.isRequired,\n selectedShippingMethod: ShippingMethodType.isRequired,\n onAddressSelect: PropTypes.func.isRequired,\n isLoading: PropTypes.bool.isRequired,\n isSubmitted: PropTypes.bool.isRequired,\n onStoreSelect: PropTypes.func.isRequired,\n estimateAddress: Addresstype.isRequired,\n handleSelectDeliveryMethod: PropTypes.func.isRequired,\n isPickInStoreMethodSelected: PropTypes.bool.isRequired,\n setSelectedShippingMethodCode: PropTypes.func\n };\n\n static defaultProps = {\n setSelectedShippingMethodCode: null,\n cartTotalSubPrice: null\n };\n\n renderOrderTotalExclTax() {\n const {\n cartTotalSubPrice,\n totals: { quote_currency_code }\n } = this.props;\n\n if (!cartTotalSubPrice) {\n return null;\n }\n\n const orderTotalExclTax = formatPrice(cartTotalSubPrice, quote_currency_code);\n\n return (\n \n { __('Excl. tax: %s', orderTotalExclTax) }\n \n );\n }\n\n renderPriceLine(price) {\n const { totals: { quote_currency_code } } = this.props;\n\n return formatPrice(price, quote_currency_code);\n }\n\n renderOrderTotal() {\n const {\n totals: {\n grand_total,\n quote_currency_code\n }\n } = this.props;\n\n const orderTotal = formatPrice(grand_total, quote_currency_code);\n\n return (\n \n \n { __('Order total') }\n \n \n { orderTotal }\n { this.renderOrderTotalExclTax() }\n \n \n );\n }\n\n renderActions() {\n const { selectedShippingMethod } = this.props;\n\n return (\n \n { this.renderOrderTotal() }\n \n
\n );\n }\n\n renderPickInStoreMethod() {\n const {\n estimateAddress: { country_id },\n shippingMethods,\n onStoreSelect,\n onShippingMethodSelect,\n estimateAddress,\n setSelectedShippingMethodCode,\n totals: { items }\n } = this.props;\n\n return (\n \n
\n \n );\n }\n\n render() {\n const {\n onShippingSuccess,\n onShippingError\n } = this.props;\n\n return (\n \n { this.renderContent() }\n \n );\n }\n}\n\nexport default CheckoutShipping;\n","/* eslint-disable */\n\n/**\n * @category BeautyWorks\n * @author Ramona Cunska \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2021 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport {\n CheckoutAddressBook as SourceCheckoutAddressBook\n} from 'SourceComponent/CheckoutAddressBook/CheckoutAddressBook.component';\nimport { isSignedIn } from 'Util/Auth';\n\nimport './CheckoutAddressBook.extend.style';\nimport { BILLING_STEP, SHIPPING_STEP } from '@scandipwa/scandipwa/src/route/Checkout/Checkout.config';\nimport CheckoutAddressForm from 'Component/CheckoutAddressForm';\nimport { ONE_PAGE_STEP } from './CheckoutAddressBook.config'\n\n/** @namespace Scandipwa/Component/CheckoutAddressBook/Component/CheckoutAddressBookComponent */\nexport class CheckoutAddressBookComponent extends SourceCheckoutAddressBook {\n state = {\n ...this.state,\n isManualAddress: false\n }\n\n renderContent() {\n if (isSignedIn()) {\n return this.renderSignedInContent();\n }\n\n return this.renderGuestContent();\n }\n\n renderHeading() {\n const { isBilling, checkoutNumerationStart } = this.props;\n\n if (isBilling) {\n return null;\n }\n\n const number = checkoutNumerationStart + ONE_PAGE_STEP;\n\n return (\n \n { number + __('. Select delivery address') }\n \n );\n }\n\n setIsManualAddressToState = (isManual) => {\n this.setState({ isManualAddress: isManual });\n }\n\n renderSwitchAddressButton() {\n const { isManualAddress } = this.state;\n\n if (!isManualAddress) {\n return (\n this.setIsManualAddressToState(true) }\n >\n { __('Enter address manually') }\n \n );\n }\n\n return (\n this.setIsManualAddressToState(false) }\n >\n { __('Select address by postcode') }\n \n );\n }\n\n renderGuestContent() {\n return (\n \n { this.renderCustomAddress() }\n { this.renderSwitchAddressButton() }\n
\n );\n }\n\n renderCustomAddress() {\n const { isBilling, onShippingEstimationFieldsChange, isSubmitted } = this.props;\n const formPortalId = isBilling ? BILLING_STEP : SHIPPING_STEP;\n const { isManualAddress } = this.state;\n\n return (\n <>\n \n
{ __('You have no configured addresses.') }
\n
\n
\n
\n { __('Shipping address') }\n \n );\n }\n\n renderCustomAddress() {\n const { isBilling, onShippingEstimationFieldsChange, isSubmitted } = this.props;\n const formPortalId = isBilling ? BILLING_STEP : SHIPPING_STEP;\n\n return (\n \n \n { __('Use custom address') }\n \n { isCustomAddressExpanded && this.renderCustomAddress() }\n \n );\n }\n\n renderSignedInContent() {\n return (\n <>\n \n { this.renderAddressList() }\n
\n { this.renderOptionalCustomAddress() }\n \n );\n }\n\n renderGuestContent() {\n return this.renderCustomAddress();\n }\n\n renderContent() {\n if (isSignedIn()) {\n return this.renderSignedInContent();\n }\n\n return this.renderGuestContent();\n }\n\n render() {\n return (\n \n { this.renderHeading() }\n { this.renderContent() }\n
\n );\n }\n}\n\nexport default CheckoutAddressBook;\n","/* eslint-disable import/prefer-default-export */\n/**\n * ScandiPWA - Progressive Web App for Magento\n *\n * Copyright © Scandiweb, Inc. All rights reserved.\n * See LICENSE for license details.\n *\n * @license OSL-3.0 (Open Software License (\"OSL\") v. 3.0)\n * @package scandipwa/base-theme\n * @link https://github.com/scandipwa/base-theme\n */\n\nexport const UPDATE_ZIPCODE_FREQUENCY = 500;\n","/**\n * ScandiPWA - Progressive Web App for Magento\n *\n * Copyright © Scandiweb, Inc. All rights reserved.\n * See LICENSE for license details.\n *\n * @license OSL-3.0 (Open Software License (\"OSL\") v. 3.0)\n * @package scandipwa/base-theme\n * @link https://github.com/scandipwa/base-theme\n */\n\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\n\nimport {\n mapDispatchToProps,\n mapStateToProps,\n MyAccountAddressFormContainer\n} from 'Component/MyAccountAddressForm/MyAccountAddressForm.container';\n\nimport CheckoutAddressForm from './CheckoutAddressForm.component';\n\n/** @namespace Component/CheckoutAddressForm/Container */\nexport class CheckoutAddressFormContainer extends MyAccountAddressFormContainer {\n static propTypes = {\n ...super.propTypes,\n onShippingEstimationFieldsChange: PropTypes.func.isRequired\n };\n\n containerProps() {\n const { onShippingEstimationFieldsChange } = this.props;\n\n return {\n onShippingEstimationFieldsChange,\n ...super.containerProps()\n };\n }\n\n render() {\n return (\n \n { this.renderFormBody() }\n
\n );\n }\n}\n\nexport default CheckoutAddressForm;\n","/* eslint-disable no-param-reassign */\n\nimport FIELD_TYPE from '@scandipwa/scandipwa/src/component/Field/Field.config';\nimport { getRegionFields, getStreetFields, getVatFields }\nfrom '@scandipwa/scandipwa/src/component/MyAccountAddressForm/MyAccountAddressForm.form';\nimport { VALIDATION_INPUT_TYPE } from '@scandipwa/scandipwa/src/util/Validator/Config';\n\n/**\n * Returns address form fields\n * @param props\n * @param events\n * @returns {[{label: *, type: string, attr: {defaultChecked, name: string}}, {label: *, type: string, attr: {defaultChecked, name: string}}, {addRequiredTag: boolean, validateOn: string[], validationRule: {isRequired: boolean}, label: *, type: string, attr: {defaultValue: string, name: string, placeholder: *}}, {addRequiredTag: boolean, validateOn: string[], validationRule: {isRequired: boolean}, label: *, type: string, attr: {defaultValue: string, name: string, placeholder: *}}, {mods: {street: boolean, multipleFields: boolean, oddAddresses: boolean}, name: string, fields: ({addRequiredTag: boolean, validateOn: string[], validationRule: {isRequired: boolean}, label: *, type: string, attr: {defaultValue: (*|string), name: string, placeholder: *}}[]|*[])}, null, ...*[]|{label: *, type: string, attr: {defaultValue: string, name: string}}[], null]}\n * @namespace Scandipwa/Component/CheckoutAddressForm/Form/CheckoutAddressForm */\nexport const CheckoutAddressForm = (props, events = {}) => {\n const {\n default_billing: defaultBilling,\n default_shipping: defaultShipping,\n countryId,\n firstname = '',\n lastname = '',\n city = '',\n countries = [],\n postcode: zipcode = '',\n telephone = '',\n addressLinesQty = 1,\n currentCity,\n currentZipcode,\n id\n } = props;\n\n const {\n onCountryChange,\n onZipcodeChange,\n onCityChange\n } = events || {};\n\n const config = [\n {\n type: FIELD_TYPE.checkbox,\n label: __('This is default Billing Address'),\n attr: {\n name: 'default_billing',\n defaultChecked: defaultBilling\n }\n },\n {\n type: FIELD_TYPE.checkbox,\n label: __('This is default Shipping Address'),\n attr: {\n name: 'default_shipping',\n defaultChecked: defaultShipping\n }\n },\n {\n type: FIELD_TYPE.text,\n label: __('First name'),\n attr: {\n name: 'firstname',\n defaultValue: firstname,\n placeholder: __('Your first name')\n },\n addRequiredTag: true,\n validateOn: ['onChange'],\n validationRule: {\n isRequired: true\n }\n },\n {\n type: FIELD_TYPE.text,\n label: __('Last name'),\n attr: {\n name: 'lastname',\n defaultValue: lastname,\n placeholder: __('Your last name')\n },\n addRequiredTag: true,\n validateOn: ['onChange'],\n validationRule: {\n isRequired: true\n }\n },\n // streetGroup\n {\n name: 'streetGroup',\n mods: {\n street: true,\n multipleFields: addressLinesQty > 0,\n oddAddresses: addressLinesQty % 2 === 1\n },\n fields: getStreetFields(props)\n },\n // addressGroup\n {\n name: 'addressGroup',\n mods: { address: true },\n fields: [\n {\n type: FIELD_TYPE.select,\n label: __('Country'),\n attr: {\n id: 'address-country-id',\n name: 'country_id',\n defaultValue: countryId,\n selectPlaceholder: __('Select country...')\n },\n events: {\n onChange: onCountryChange\n },\n options: countries,\n addRequiredTag: true,\n validateOn: ['onChange'],\n validationRule: {\n isRequired: true\n }\n },\n ...getRegionFields(props, events),\n {\n type: FIELD_TYPE.text,\n label: __('Zip / Postal code'),\n attr: {\n name: 'postcode',\n value: currentZipcode,\n defaultValue: zipcode,\n placeholder: __('Your zip / postal code')\n },\n events: {\n onChange: onZipcodeChange\n },\n addRequiredTag: true,\n validateOn: ['onChange', 'onBlur'],\n validationRule: {\n isRequired: true\n }\n },\n {\n type: FIELD_TYPE.text,\n label: __('City'),\n attr: {\n name: 'city',\n value: currentCity,\n defaultValue: city,\n placeholder: __('Your city')\n },\n events: {\n onChange: onCityChange\n },\n addRequiredTag: true,\n validateOn: ['onChange'],\n validationRule: {\n isRequired: true\n }\n }\n ]\n },\n ...getVatFields(props),\n {\n type: FIELD_TYPE.text,\n label: __('Phone number'),\n attr: {\n name: 'telephone',\n defaultValue: telephone,\n placeholder: __('Your phone number')\n },\n addRequiredTag: true,\n validateOn: ['onChange'],\n validationRule: {\n inputType: VALIDATION_INPUT_TYPE.phone,\n isRequired: true\n }\n }\n ];\n\n const updatedConfig = config.map((field) => {\n const clonedField = { ...field };\n\n if (clonedField.attr?.name === 'default_billing' || clonedField.attr?.name === 'default_shipping') {\n return clonedField;\n }\n\n if (clonedField.fields && Array.isArray(clonedField.fields)) {\n clonedField.fields = clonedField.fields.map((subField) => {\n const clonedSubField = { ...subField };\n clonedSubField.attr.name = `${ id }_${ clonedSubField.attr.name }`;\n clonedSubField.attr.id = clonedSubField.attr.name;\n\n return clonedSubField;\n });\n\n return clonedField;\n }\n\n clonedField.attr.name = `${ id }_${ clonedField.attr.name }`;\n clonedField.attr.id = clonedField.attr.name;\n\n return clonedField;\n });\n\n return updatedConfig;\n};\n\nexport default CheckoutAddressForm;\n","/**\n * ScandiPWA - Progressive Web App for Magento\n *\n * Copyright © Scandiweb, Inc. All rights reserved.\n * See LICENSE for license details.\n *\n * @license OSL-3.0 (Open Software License (\"OSL\") v. 3.0)\n * @package scandipwa/base-theme\n * @link https://github.com/scandipwa/base-theme\n */\n\nexport { default } from './CheckoutAddressTable.container';\n","/**\n * ScandiPWA - Progressive Web App for Magento\n *\n * Copyright © Scandiweb, Inc. All rights reserved.\n * See LICENSE for license details.\n *\n * @license OSL-3.0 (Open Software License (\"OSL\") v. 3.0)\n * @package scandipwa/base-theme\n * @link https://github.com/scandipwa/base-theme\n */\n\nimport PropTypes from 'prop-types';\n\nimport KeyValueTable from 'Component/KeyValueTable';\nimport Loader from 'Component/Loader';\nimport { Addresstype } from 'Type/Account.type';\nimport { MixType } from 'Type/Common.type';\n\nimport { getAddressTablePairArray } from './MyAccountAddressTable.table';\n\nimport './MyAccountAddressTable.style';\n\n/** @namespace Component/MyAccountAddressTable/Component */\nexport class MyAccountAddressTable extends KeyValueTable {\n static propTypes = {\n mix: MixType.isRequired,\n address: Addresstype.isRequired,\n showActions: PropTypes.bool.isRequired,\n showAdditionalFields: PropTypes.bool.isRequired,\n onEditClick: PropTypes.func.isRequired,\n onDeleteClick: PropTypes.func.isRequired,\n countries: PropTypes.arrayOf(\n PropTypes.shape({\n label: PropTypes.string,\n id: PropTypes.string,\n available_regions: PropTypes.arrayOf(\n PropTypes.shape({\n code: PropTypes.string,\n name: PropTypes.string,\n id: PropTypes.number\n })\n )\n })\n ).isRequired\n };\n\n get dataPairArray() {\n return getAddressTablePairArray(this.props);\n }\n\n renderActions() {\n const {\n onEditClick,\n onDeleteClick,\n showActions,\n address: { default_billing, default_shipping }\n } = this.props;\n\n const isDeleteAllowed = default_shipping || default_billing;\n\n if (!showActions) {\n return null;\n }\n\n return (\n <>\n \n { __('Edit address') }\n \n \n { __('Delete') }\n \n \n );\n }\n\n render() {\n const { countries, mix } = this.props;\n\n return (\n \n
\n );\n }\n}\n\nexport default MyAccountAddressTable;\n","/**\n * ScandiPWA - Progressive Web App for Magento\n *\n * Copyright © Scandiweb, Inc. All rights reserved.\n * See LICENSE for license details.\n *\n * @license OSL-3.0 (Open Software License (\"OSL\") v. 3.0)\n * @package scandipwa/base-theme\n * @link https://github.com/scandipwa/base-theme\n */\n\nexport { default } from './RadioButtonIcon.component';\n","/**\n * ScandiPWA - Progressive Web App for Magento\n *\n * Copyright © Scandiweb, Inc. All rights reserved.\n * See LICENSE for license details.\n *\n * @license OSL-3.0 (Open Software License (\"OSL\") v. 3.0)\n * @package scandipwa/base-theme\n * @link https://github.com/scandipwa/base-theme\n */\n\nimport { getFormattedRegion } from 'Util/Address';\n\n/** @namespace Component/MyAccountAddressTable/Table/getAddressAdditionalTableFields */\nexport const getAddressAdditionalTableFields = (address, countries) => {\n const regionData = getFormattedRegion(address, countries);\n\n return [\n {\n key: 'country',\n label: __('County'),\n source: regionData\n },\n {\n key: 'region',\n label: __('State/Province'),\n source: regionData\n },\n {\n key: 'city',\n label: __('City'),\n source: address\n },\n {\n key: 'vat_id',\n label: __('VAT Number'),\n source: address\n }\n ];\n};\n\n/** @namespace Component/MyAccountAddressTable/Table/getAddressTablePairArray */\nexport const getAddressTablePairArray = (props) => {\n const { address, countries, showAdditionalFields } = props;\n\n return [\n {\n key: 'firstname',\n label: __('First name'),\n source: address\n },\n {\n key: 'lastname',\n label: __('Last name'),\n source: address\n },\n {\n key: 'street',\n label: __('Street'),\n source: address\n },\n {\n key: 'postcode',\n label: __('Postal code'),\n source: address\n },\n {\n key: 'telephone',\n label: __('Phone number'),\n source: address\n },\n ...(showAdditionalFields ? getAddressAdditionalTableFields(address, countries) : [])\n ];\n};\n","/**\n * @category BeautyWorks\n * @author Scandiweb \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2022 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport {\n CheckoutAddressTable as SourceCheckoutAddressTable\n} from 'SourceComponent/CheckoutAddressTable/CheckoutAddressTable.component';\n\nimport './CheckoutAddressTable.extend.style';\n\n/** @namespace Scandipwa/Component/CheckoutAddressTable/Component/CheckoutAddressTableComponent */\nexport class CheckoutAddressTableComponent extends SourceCheckoutAddressTable {}\n\nexport default CheckoutAddressTableComponent;\n","/**\n * ScandiPWA - Progressive Web App for Magento\n *\n * Copyright © Scandiweb, Inc. All rights reserved.\n * See LICENSE for license details.\n *\n * @license OSL-3.0 (Open Software License (\"OSL\") v. 3.0)\n * @package scandipwa/base-theme\n * @link https://github.com/scandipwa/base-theme\n */\n\nimport PropTypes from 'prop-types';\n\nimport Loader from 'Component/Loader';\nimport MyAccountAddressTable from 'Component/MyAccountAddressTable/MyAccountAddressTable.component';\n\nimport './CheckoutAddressTable.style';\n\n/** @namespace Component/CheckoutAddressTable/Component */\nexport class CheckoutAddressTable extends MyAccountAddressTable {\n static propTypes = {\n ...MyAccountAddressTable.propTypes,\n isSelected: PropTypes.bool,\n onClick: PropTypes.func.isRequired\n };\n\n static defaultProps = {\n ...MyAccountAddressTable.defaultProps,\n isSelected: false\n };\n\n onAddressClick = this.onAddressClick.bind(this);\n\n onAddressClick() {\n const { address, onClick } = this.props;\n onClick(address);\n }\n\n renderTable() {\n const { isSelected } = this.props;\n\n return (\n \n { super.renderTable() }\n \n );\n }\n\n render() {\n const { countries } = this.props;\n\n return (\n \n
\n );\n }\n}\n\nexport default CheckoutAddressTable;\n","/**\n * @category BeautyWorks\n * @author Scandiweb \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2024 Scandiweb, Inc (https://scandiweb.com)\n */\n\nexport const ONE_PAGE_STEP = 1;\n","/**\n * @category BeautyWorks\n * @author Scandiweb \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2022 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport CheckoutDeliveryOption from 'Component/CheckoutDeliveryOption';\nimport CmsBlock from 'Component/CmsBlock';\nimport {\n CheckoutDeliveryOptions as SourceCheckoutDeliveryOptions\n} from 'SourceComponent/CheckoutDeliveryOptions/CheckoutDeliveryOptions.component';\n\nimport { DELIVERY_INFORMATION_BLOCK } from './CheckoutDeliveryOptions.config';\n\nimport './CheckoutDeliveryOptions.extend.style';\n\n/** @namespace Scandipwa/Component/CheckoutDeliveryOptions/Component/CheckoutDeliveryOptionsComponent */\nexport class CheckoutDeliveryOptionsComponent extends SourceCheckoutDeliveryOptions {\n renderDeliveryOption(option) {\n const {\n selectShippingMethod,\n selectedShippingMethod: { method_code: selectedMethodCode }\n } = this.props;\n\n const { method_code } = option;\n const isSelected = selectedMethodCode === method_code;\n\n return (\n \n { number + __('. Select delivery method') }\n \n );\n }\n\n renderDeliveryInformationCmsBlock() {\n return \n { this.renderHeading() }\n { this.renderDeliveryInformationCmsBlock() }\n
\n { this.renderShippingMethods() }\n \n { this.renderSelectedShippingMethod() }\n \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2024 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport {\n CheckoutDeliveryOption as SourceCheckoutDeliveryOption\n} from 'SourceComponent/CheckoutDeliveryOption/CheckoutDeliveryOption.component';\n\nimport './CheckoutDeliveryOption.style';\n\n/** @namespace Scandipwa/Component/CheckoutDeliveryOption/Component/CheckoutDeliveryOptionComponent */\nexport class CheckoutDeliveryOptionComponent extends SourceCheckoutDeliveryOption {\n renderRate() {\n const {\n option: {\n method_title,\n available\n } = {}\n } = this.props;\n\n if (!available) {\n return null;\n }\n\n return (\n { method_title } \n );\n }\n\n renderPrice() {\n const {\n option: {\n available\n } = {}\n } = this.props;\n\n if (!available) {\n return null;\n }\n\n return (\n \n { this.getOptionPrice() }\n \n );\n }\n\n renderRow() {\n return (\n \n { this.renderRate() }\n { this.renderPrice() }\n { this.renderAvailabilityMessage() }\n
\n );\n }\n\n render() {\n const {\n option: {\n available\n } = {},\n onOptionClick,\n isSelected\n } = this.props;\n\n return (\n \n \n { this.renderRow() }\n \n \n );\n }\n}\n\nexport default CheckoutDeliveryOptionComponent;\n","/**\n * ScandiPWA - Progressive Web App for Magento\n *\n * Copyright © Scandiweb, Inc. All rights reserved.\n * See LICENSE for license details.\n *\n * @license OSL-3.0 (Open Software License (\"OSL\") v. 3.0)\n * @package scandipwa/base-theme\n * @link https://github.com/scandipwa/base-theme\n */\n\nimport PropTypes from 'prop-types';\nimport { PureComponent } from 'react';\n\nimport Field from 'Component/Field';\nimport FIELD_TYPE from 'Component/Field/Field.config';\nimport { ShippingMethodType } from 'Type/Checkout.type';\nimport { formatPrice } from 'Util/Price';\n\nimport { DELIVERY_METHOD_UNAVAILABLE_MESSAGE } from './CheckoutDeliveryOption.config';\n\nimport './CheckoutDeliveryOption.style';\n\n/** @namespace Component/CheckoutDeliveryOption/Component */\nexport class CheckoutDeliveryOption extends PureComponent {\n static propTypes = {\n option: ShippingMethodType.isRequired,\n currency: PropTypes.string.isRequired,\n isSelected: PropTypes.bool,\n optionPrice: PropTypes.number,\n onOptionClick: PropTypes.func.isRequired\n };\n\n static defaultProps = {\n isSelected: false,\n optionPrice: 0\n };\n\n getOptionPrice() {\n const {\n currency,\n optionPrice\n } = this.props;\n\n return formatPrice(optionPrice, currency);\n }\n\n renderPrice() {\n const {\n option: {\n available\n } = {}\n } = this.props;\n\n if (!available) {\n return null;\n }\n\n return (\n \n { ` - ${ this.getOptionPrice() }` }\n \n );\n }\n\n renderRate() {\n const {\n option: {\n method_title,\n available\n } = {}\n } = this.props;\n\n if (!available) {\n return null;\n }\n\n return (\n \n { __('Rate: ') }\n { method_title } \n \n );\n }\n\n renderAvailabilityMessage() {\n const {\n option: {\n available\n } = {}\n } = this.props;\n\n if (available) {\n return null;\n }\n\n return (\n \n { DELIVERY_METHOD_UNAVAILABLE_MESSAGE }\n \n );\n }\n\n renderRow() {\n const {\n option: {\n carrier_title\n } = {}\n } = this.props;\n\n return (\n \n \n { __('Carrier method: ') }\n { carrier_title } \n \n
\n );\n }\n\n render() {\n const {\n option: {\n carrier_title,\n available\n } = {},\n onOptionClick,\n isSelected\n } = this.props;\n\n return (\n \n \n \n );\n }\n}\n\nexport default CheckoutDeliveryOption;\n","/**\n * ScandiPWA - Progressive Web App for Magento\n *\n * Copyright © Scandiweb, Inc. All rights reserved.\n * See LICENSE for license details.\n *\n * @license OSL-3.0 (Open Software License (\"OSL\") v. 3.0)\n * @package scandipwa/base-theme\n * @link https://github.com/scandipwa/base-theme\n */\n\nimport PropTypes from 'prop-types';\nimport { PureComponent } from 'react';\n\nimport CheckoutDeliveryOption from 'Component/CheckoutDeliveryOption';\nimport { STORE_IN_PICK_UP_METHOD_CODE } from 'Component/StoreInPickUp/StoreInPickUp.config';\nimport { ShippingMethodsType, ShippingMethodType } from 'Type/Checkout.type';\n\nimport './CheckoutDeliveryOptions.style';\n\n/** @namespace Component/CheckoutDeliveryOptions/Component */\nexport class CheckoutDeliveryOptions extends PureComponent {\n static propTypes = {\n shippingMethods: ShippingMethodsType.isRequired,\n selectShippingMethod: PropTypes.func.isRequired,\n handleSelectDeliveryMethod: PropTypes.func.isRequired,\n selectedShippingMethod: ShippingMethodType,\n isShippingMethodPreSelected: PropTypes.bool.isRequired\n };\n\n static defaultProps = {\n selectedShippingMethod: {}\n };\n\n shippingRenderMap = {\n [STORE_IN_PICK_UP_METHOD_CODE]: this.handleSelectStoreInPickUp.bind(this)\n };\n\n renderHeading() {\n return (\n \n { __('Shipping method') }\n \n );\n }\n\n handleSelectStoreInPickUp() {\n const {\n handleSelectDeliveryMethod,\n isShippingMethodPreSelected\n } = this.props;\n\n if (isShippingMethodPreSelected) {\n return;\n }\n\n handleSelectDeliveryMethod();\n }\n\n renderDeliveryOption(option) {\n const {\n selectShippingMethod,\n selectedShippingMethod: { method_code: selectedMethodCode }\n } = this.props;\n\n const { carrier_code, method_code } = option;\n const isSelected = selectedMethodCode === method_code;\n\n return (\n \n { __('There are no shipping methods available, try different address.') }\n
\n );\n }\n\n renderShippingMethods() {\n const { shippingMethods } = this.props;\n\n if (!shippingMethods.length) {\n return this.renderNoDeliveryOptions();\n }\n\n return shippingMethods.map(this.renderDeliveryOption.bind(this));\n }\n\n renderSelectedShippingMethod() {\n const { selectedShippingMethod: { method_code } } = this.props;\n const render = this.shippingRenderMap[method_code];\n\n if (!render) {\n return null;\n }\n\n return render();\n }\n\n render() {\n return (\n \n { this.renderHeading() }\n
\n { this.renderShippingMethods() }\n \n { this.renderSelectedShippingMethod() }\n
\n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2024 Scandiweb, Inc (https://scandiweb.com)\n */\n\nexport const DELIVERY_INFORMATION_BLOCK = 'delivery-information';\nexport const ONE_PAGE_STEP = 2;\n","/**\n * ScandiPWA - Progressive Web App for Magento\n *\n * Copyright © Scandiweb, Inc. All rights reserved.\n * See LICENSE for license details.\n *\n * @license OSL-3.0 (Open Software License (\"OSL\") v. 3.0)\n * @package scandipwa/scandipwa\n * @link https://github.com/scandipwa/scandipwa\n */\n\nexport { default } from './StoreInPickUp.container';\nexport * from './StoreInPickUp.component';\n","/**\n * ScandiPWA - Progressive Web App for Magento\n *\n * Copyright © Scandiweb, Inc. All rights reserved.\n * See LICENSE for license details.\n *\n * @license OSL-3.0 (Open Software License (\"OSL\") v. 3.0)\n * @package scandipwa/base-theme\n * @link https://github.com/scandipwa/base-theme\n */\n\nexport { default } from './StoreInPickUpPopup.container';\nexport * from './StoreInPickUpPopup.component';\n","/**\n * ScandiPWA - Progressive Web App for Magento\n *\n * Copyright © Scandiweb, Inc. All rights reserved.\n * See LICENSE for license details.\n *\n * @license OSL-3.0 (Open Software License (\"OSL\") v. 3.0)\n * @package scandipwa/base-theme\n * @link https://github.com/scandipwa/base-theme\n */\n\nimport { Field } from 'Util/Query';\n\n/** @namespace Query/StoreInPickUp/Query */\nexport class StoreInPickUpQuery {\n getStores(country, search = '', productsInfo) {\n return new Field('getStores')\n .addFieldList([this.getStoreFields()])\n .addArgument('search', 'String', search)\n .addArgument('country', 'String', country)\n .addArgument('productsInfo', '[ProductInfoInput]', productsInfo);\n }\n\n getStoreFields() {\n return new Field('stores')\n .addFieldList([\n 'city',\n 'country',\n 'description',\n 'name',\n 'phone',\n 'pickup_location_code',\n 'postcode',\n 'region',\n 'street'\n ]);\n }\n}\n\nexport default new StoreInPickUpQuery();\n","/**\n * ScandiPWA - Progressive Web App for Magento\n *\n * Copyright © Scandiweb, Inc. All rights reserved.\n * See LICENSE for license details.\n *\n * @license OSL-3.0 (Open Software License (\"OSL\") v. 3.0)\n * @package scandipwa/scandipwa\n * @link https://github.com/scandipwa/scandipwa\n */\n\nimport PropTypes from 'prop-types';\nimport { PureComponent } from 'react';\n\nimport Html from 'Component/Html';\n\nimport './StoreInPickUpStore.style';\n\n/** @namespace Component/StoreInPickUpStore/Component */\nexport class StoreInPickUpStoreComponent extends PureComponent {\n static propTypes = {\n store: PropTypes.shape({\n city: PropTypes.string,\n country: PropTypes.string,\n description: PropTypes.string,\n name: PropTypes.string,\n phone: PropTypes.string,\n pickup_location_code: PropTypes.string,\n postcode: PropTypes.string,\n region: PropTypes.string,\n street: PropTypes.string\n }).isRequired,\n handleSelectStore: PropTypes.func.isRequired,\n isSelectedStore: PropTypes.bool.isRequired\n };\n\n renderActions() {\n const { isSelectedStore, handleSelectStore } = this.props;\n\n if (isSelectedStore) {\n return null;\n }\n\n return (\n \n \n { __('Ship here') }\n \n
\n );\n }\n\n render() {\n const {\n store: {\n city,\n country,\n description,\n name,\n phone,\n postcode,\n region,\n street\n }\n } = this.props;\n\n return (\n \n
\n
{ name } \n
{ street }
\n
{ `${city}, ${region || ''} ${postcode}` }
\n
{ country }
\n
{ phone } \n
\n
\n \n
\n
\n { this.renderActions() }\n
\n
\n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2021 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport { Field } from 'Util/Query';\n\n/** @namespace Ampromo/Query/Ampromo/Query/AmpromoQuery */\nexport class AmpromoQuery {\n getAmpromoMessage() {\n return new Field('getAmpromoMessage')\n .addFieldList(this._getAmpromoMessageFieldList());\n }\n\n _getAmpromoMessageFieldList() {\n return [\n 'message'\n ];\n }\n}\n\nexport default new AmpromoQuery();\n","import { Field } from 'Util/Query';\n\n/** @namespace GtmNew/Query/GtmPurchase/Query/GtmPurchaseQuery */\nexport class GtmPurchaseQuery {\n getGTMPurchase(orderID = '') {\n return new Field('getPurchase')\n .setAlias('purchase')\n .addArgument('orderID', 'String', orderID)\n .addFieldList(this.getGTMPurchaseFields())\n .addField(this.getProductField())\n .addField(this.getCustomerPastItemsField())\n .addField(this.getShippingFields())\n .addField('additional_data');\n }\n\n getProductField() {\n return new Field('purchaseProducts')\n .setAlias('products')\n .addFieldList(this.getGTMPurchaseProductFields());\n }\n\n getCustomerPastItemsField() {\n return new Field('customerPastItems')\n .addFieldList(this.getCustomerPastItemsFields());\n }\n\n getGTMPurchaseProductFields() {\n return [\n 'name',\n 'id',\n 'price',\n 'quantity',\n 'category',\n 'dimensions'\n ];\n }\n\n getGTMPurchaseFields() {\n return [\n 'orderPaymentMethod',\n 'orderShippingMethod',\n 'revenue',\n 'order_total_gbp',\n 'tax',\n 'shipping',\n 'shipping_gbp',\n 'coupon',\n 'discount_amount'\n ];\n }\n\n getCustomerPastItemsFields() {\n return [\n 'id',\n 'userExistingCustomer',\n 'userLifetimeValue',\n 'userLifetimeOrders'\n ];\n }\n\n getShippingFields() {\n return new Field('shippingAddress')\n .addFieldList([\n 'street',\n 'city',\n 'region_id',\n 'region',\n 'postcode',\n 'email',\n 'country_id'\n ]);\n }\n}\nexport default new GtmPurchaseQuery();\n","export { default } from './GoogleTagManager.container';\n","import {\n CATEGORY_PRODUCT_LIST, HOMEPAGE, NOT_APPLICABLE, PRODUCT_LIST_WIDGET, SEARCH\n} from '../component/GoogleTagManager/GoogleTagManager.config';\nimport { getActionField } from './actionField.data';\nimport { getBrand, getCategories, getPrice } from './baseProduct.data';\n\n/** @namespace GtmNew/EventData/Impression/Data/getAction */\nexport const getAction = (list = '', store) => {\n switch (list) {\n case CATEGORY_PRODUCT_LIST:\n return store.CategoryReducer.category.name;\n case PRODUCT_LIST_WIDGET:\n return HOMEPAGE;\n case SEARCH:\n return SEARCH;\n default:\n return getActionField(store, window.location.pathname);\n }\n};\n\n/** @namespace GtmNew/EventData/Impression/Data/getItem */\nexport const getItem = (item, position, list) => {\n const {\n sku, name, type_id, price, categories = [], dimensions\n } = item;\n const customDimensions = dimensions? JSON.parse(dimensions): null;\n\n return {\n name,\n id: sku,\n price: getPrice(item, type_id, price),\n category: getCategories(categories),\n brand: getBrand(item),\n position,\n list,\n ...customDimensions\n };\n};\n\n/** @namespace GtmNew/EventData/Impression/Data/getImpressionsData */\nexport const getImpressionsData = (data = [], store, list = '') => {\n const { products, list: fallbackList = '' } = data;\n const currList = list !== '' ? list : fallbackList;\n const actionList = getAction(currList, store);\n const impressions = [];\n\n products.map((product, i) => (\n impressions.push(getItem(product, i + 1, actionList))\n ));\n\n return impressions;\n};\n","/**\n * @category BeautyWorks\n * @author Reinis Makulis \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2021 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport SearchItem from 'SourceComponent/SearchItem/SearchItem.component';\n\nimport './SearchItem.extend.style';\n\nexport default SearchItem;\n","/**\n * ScandiPWA - Progressive Web App for Magento\n *\n * Copyright © Scandiweb, Inc. All rights reserved.\n * See LICENSE for license details.\n *\n * @license OSL-3.0 (Open Software License (\"OSL\") v. 3.0)\n * @package scandipwa/base-theme\n * @link https://github.com/scandipwa/base-theme\n */\n\nimport PropTypes from 'prop-types';\nimport { PureComponent } from 'react';\n\nimport Image from 'Component/Image';\nimport Link from 'Component/Link';\nimport ProductAttributeValue from 'Component/ProductAttributeValue';\nimport TextPlaceholder from 'Component/TextPlaceholder';\nimport { AttributeType, ProductType } from 'Type/ProductList.type';\nimport { LinkType } from 'Type/Router.type';\n\nimport './SearchItem.style';\n\n/** @namespace Component/SearchItem/Component */\nexport class SearchItem extends PureComponent {\n static propTypes = {\n linkTo: LinkType,\n imgSrc: PropTypes.string,\n customAttribute: AttributeType,\n product: ProductType,\n onClick: PropTypes.func.isRequired\n };\n\n static defaultProps = {\n linkTo: {},\n imgSrc: '',\n customAttribute: null,\n product: {}\n };\n\n renderCustomAttribute() {\n const { customAttribute } = this.props;\n\n if (!customAttribute) {\n return null;\n }\n\n return (\n \n \n { this.renderCustomAttribute() }\n \n \n \n );\n }\n\n renderImage() {\n const {\n product: { name },\n imgSrc\n } = this.props;\n\n if (name && !imgSrc) {\n return (\n \n \n { this.renderImage() }\n { this.renderContent() }\n \n \n );\n }\n\n render() {\n return (\n \n { this.renderLink() }\n \n );\n }\n}\n\nexport default SearchItem;\n","/**\n * @package scandipwa\\globale\n * @author Dmitrijs Tarasovs \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2021 Scandiweb, Inc (https://scandiweb.com)\n */\n\nexport { default } from './CountrySwitcherNotificationMessage.container';\n","/**\n * @package scandipwa\\globale\n * @author Dmitrijs Tarasovs \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2021 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport { PropTypes } from 'prop-types';\nimport { PureComponent } from 'react';\n\n/** @namespace Globale/Component/CountrySwitcherNotificationMessage/Component/CountrySwitcherNotificationMessageComponent */\nexport class CountrySwitcherNotificationMessageComponent extends PureComponent {\n static propTypes = {\n isInitialized: PropTypes.bool.isRequired\n };\n\n openCountrySwitcher = () => {\n const { isInitialized } = this.props;\n\n if (isInitialized) {\n // eslint-disable-next-line no-undef\n gle('ShippingSwitcher', 'show');\n }\n };\n\n render() {\n return (\n <>\n { __('For shipping outside UK please change country in ') } \n \n { __('country switcher') }\n \n \n );\n }\n}\n\nexport default CountrySwitcherNotificationMessageComponent;\n","/**\n * @package scandipwa\\globale\n * @author Ramona Cunska \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2021 Scandiweb, Inc (https://scandiweb.com)\n */\n\nexport { default } from './GlobaleCountrySwitcher.container';\n","/* eslint-disable @scandipwa/scandipwa-guidelines/only-render-in-component */\n/**\n * @package scandipwa\\globale\n * @author Ramona Cunska \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2021 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport PropTypes from 'prop-types';\nimport { PureComponent } from 'react';\n\nimport './GlobaleCountrySwitcher.style';\n\n/** @namespace Globale/Component/GlobaleCountrySwitcher/Component/GlobaleCountrySwitcherComponent */\nexport class GlobaleCountrySwitcherComponent extends PureComponent {\n static propTypes = {\n isEnabled: PropTypes.bool.isRequired,\n isInitialized: PropTypes.bool.isRequired,\n countryCode: PropTypes.string.isRequired,\n isHidden: PropTypes.bool.isRequired,\n handleCurrencyChange: PropTypes.func.isRequired,\n isCheckout: PropTypes.bool.isRequired,\n toggleScroll: PropTypes.func.isRequired\n };\n\n isAttached = false;\n\n componentDidMount() {\n this.attachPopupCloseCallback();\n }\n\n componentDidUpdate() {\n this.attachPopupCloseCallback();\n }\n\n attachPopupCloseCallback() {\n const { isInitialized } = this.props;\n\n if (isInitialized && !this.isAttached) {\n // eslint-disable-next-line no-undef\n gle('OnShippingSwitcherClosed', (result) => {\n this.countryPopupCloseCallback(result);\n });\n\n this.isAttached = true;\n }\n }\n\n countryPopupCloseCallback(result) {\n const { handleCurrencyChange, toggleScroll } = this.props;\n const { button, currency } = result;\n\n if (button === 'save') {\n handleCurrencyChange(currency);\n }\n\n if (button === 'cancel') {\n toggleScroll(null, true);\n }\n }\n\n render() {\n const {\n isEnabled,\n countryCode,\n isHidden,\n isCheckout,\n toggleScroll\n } = this.props;\n\n if (!isEnabled) {\n return null;\n }\n\n return (\n \n { /* eslint-disable-next-line jsx-a11y/anchor-is-valid */ }\n \n { __('Country') } \n \n \n );\n }\n}\n\nexport default GlobaleCountrySwitcherComponent;\n","/**\n * @package scandipwa\\globale\n * @author Ramona Cunska \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2021 Scandiweb, Inc (https://scandiweb.com)\n */\n\nexport { default } from './GlobaleInit.container';\n","/* eslint-disable @scandipwa/scandipwa-guidelines/only-render-in-component */\n/**\n * @package scandipwa\\globale\n * @author Ramona Cunska \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2021 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport PropTypes from 'prop-types';\nimport { PureComponent } from 'react';\n\nimport { isCrawler } from 'Util/Browser';\nimport history from 'Util/History';\nimport { fetchMutation } from 'Util/Request';\n\nimport GlobaleQuery from '../../query/Globale.query';\nimport {\n GLOBALE_INIT_CHECK_MAX,\n GLOBALE_INIT_CHECK_TIMEOUT,\n GLOBALE_INIT_SCRIPT_ID, GLOBALE_WELCOME_COOKIE,\n GLOBALE_WELCOME_SAVE_BUTTON, HOME_PATHS\n} from './GlobaleInit.config';\n\n/** @namespace Globale/Component/GlobaleInit/Component/GlobaleInitComponent */\nexport class GlobaleInitComponent extends PureComponent {\n static propTypes = {\n isEnabled: PropTypes.bool.isRequired,\n initJs: PropTypes.string.isRequired,\n customCss: PropTypes.string.isRequired,\n setGlobaleAsInitialized: PropTypes.func.isRequired,\n showError: PropTypes.func.isRequired\n };\n\n state = {\n isInitialized: false,\n welcomeWasDisplayed: true\n };\n\n componentDidMount() {\n this.initialize();\n\n if (document.cookie.indexOf(`${GLOBALE_WELCOME_COOKIE}=`) === -1) {\n this.setState({ welcomeWasDisplayed: false });\n }\n }\n\n componentDidUpdate() {\n const { isInitialized } = this.state;\n const currentPath = history.location.pathname;\n\n this.initialize();\n\n if (isInitialized && !HOME_PATHS.includes(currentPath.replace(/[/]/g, ''))) {\n this.checkIfRedirectNecessary();\n }\n }\n\n initialize() {\n const { isEnabled } = this.props;\n const { isInitialized } = this.state;\n\n if (isInitialized || !isEnabled) {\n return;\n }\n\n this.injectInitScript();\n }\n\n injectInitScript() {\n if (!document.getElementById(GLOBALE_INIT_SCRIPT_ID)) {\n const { initJs } = this.props;\n const script = document.createElement('script');\n\n script.setAttribute('id', GLOBALE_INIT_SCRIPT_ID);\n script.innerHTML = initJs;\n\n document.body.appendChild(script);\n this.setGlobaleAsInitialized();\n }\n\n this.setState({ isInitialized: true });\n }\n\n /**\n * Checks every once in a while if Global-E is initialized and updates redux state\n */\n setGlobaleAsInitialized(initCheckCounter = 0) {\n const { setGlobaleAsInitialized, showError } = this.props;\n\n if (typeof gle !== 'undefined') {\n setGlobaleAsInitialized();\n } else if (initCheckCounter < GLOBALE_INIT_CHECK_MAX) {\n setTimeout(\n this.setGlobaleAsInitialized.bind(this, initCheckCounter + 1),\n GLOBALE_INIT_CHECK_TIMEOUT\n );\n } else {\n showError(__('Error while initializing Global-E.'));\n }\n }\n\n getCustomerToken() {\n const {\n location: {\n search = null,\n pathname = null\n } = {}\n } = window;\n\n if (!search || !pathname) {\n return null;\n }\n const isCreatePasswordPage = pathname.includes('customer/account/createPassword');\n const urlParams = new URLSearchParams(search);\n\n if (!urlParams.has('token') || !isCreatePasswordPage) {\n return null;\n }\n\n return urlParams.get('token');\n }\n\n checkIfRedirectNecessary() {\n const { showError } = this.props;\n const { welcomeWasDisplayed } = this.state;\n const customerToken = this.getCustomerToken();\n\n fetchMutation(GlobaleQuery.getHandleRedirectMutation(customerToken))\n .then(\n /** @namespace Globale/Component/GlobaleInit/Component/fetchMutation/then */\n (data) => {\n const { handleRedirect } = data;\n\n if (!handleRedirect) {\n return null;\n }\n\n if (!welcomeWasDisplayed) {\n this.checkForButton(handleRedirect);\n } else if (!isCrawler()) {\n gle('ShippingSwitcher', 'show');\n }\n },\n /** @namespace Globale/Component/GlobaleInit/Component/fetchMutation/then */\n () => {\n showError(__('Issue with store redirect occurred, please try again!'));\n }\n );\n }\n\n checkForButton(handleRedirect) {\n return new Promise((resolve) => {\n const interval = setInterval(() => {\n const button = document.getElementById(GLOBALE_WELCOME_SAVE_BUTTON);\n\n if (button !== null) {\n button.addEventListener('click', () => {\n history.push(handleRedirect);\n location.reload();\n });\n\n clearInterval(interval);\n resolve(button);\n }\n }, 1000);\n });\n }\n\n renderCustomCss() {\n const { customCss } = this.props;\n\n if (!customCss) {\n return null;\n }\n\n return (\n \n );\n }\n\n render() {\n return this.renderCustomCss();\n }\n}\n\nexport default GlobaleInitComponent;\n","/**\n * ScandiPWA - Progressive Web App for Magento\n *\n * Copyright © Scandiweb, Inc. All rights reserved.\n * See LICENSE for license details.\n *\n * @license OSL-3.0 (Open Software License (\"OSL\") v. 3.0)\n * @package scandipwa/base-theme\n * @link https://github.com/scandipwa/base-theme\n */\n\nexport { default } from './App.component';\n","/**\n * ScandiPWA - Progressive Web App for Magento\n *\n * Copyright © Scandiweb, Inc. All rights reserved.\n * See LICENSE for license details.\n *\n * @license OSL-3.0 (Open Software License (\"OSL\") v. 3.0)\n * @package scandipwa/base-theme\n * @link https://github.com/scandipwa/base-theme\n */\n\nexport { default } from './Router.container';\n","/**\n * ScandiPWA - Progressive Web App for Magento\n *\n * Copyright © Scandiweb, Inc. All rights reserved.\n * See LICENSE for license details.\n *\n * @license OSL-3.0 (Open Software License (\"OSL\") v. 3.0)\n * @package scandipwa/base-theme\n * @link https://github.com/scandipwa/base-theme\n */\n\nexport { default } from './SharedTransition.container';\n","/**\n * ScandiPWA - Progressive Web App for Magento\n *\n * Copyright © Scandiweb, Inc. All rights reserved.\n * See LICENSE for license details.\n *\n * @license OSL-3.0 (Open Software License (\"OSL\") v. 3.0)\n * @package scandipwa/base-theme\n * @link https://github.com/scandipwa/base-theme\n */\n\nimport PropTypes from 'prop-types';\nimport { createRef, PureComponent } from 'react';\n\nimport { RefType } from 'Type/Common.type';\n\nimport { SHARED_ELEMENT_TRANSITION } from './SharedTransition.config';\n\nimport './SharedTransition.style';\n\n/** @namespace Component/SharedTransition/Component */\nexport class SharedTransition extends PureComponent {\n static propTypes = {\n state: PropTypes.shape({\n startingPosition: PropTypes.shape({\n width: PropTypes.number,\n height: PropTypes.number,\n start: PropTypes.number,\n top: PropTypes.number\n }),\n destinationPosition: PropTypes.shape({\n width: PropTypes.number,\n height: PropTypes.number,\n start: PropTypes.number,\n top: PropTypes.number\n }),\n sharedElementDestination: RefType,\n sharedElement: RefType\n }).isRequired,\n cleanUpTransition: PropTypes.func.isRequired\n };\n\n sharedContainer = createRef();\n\n animationSpeed = SHARED_ELEMENT_TRANSITION;\n\n setDestinationTransform = this.setTransform.bind(this, 'destinationPosition');\n\n setStartingTransform = this.setTransform.bind(this, 'startingPosition');\n\n cleanUpTransition = this.cleanUpTransition.bind(this);\n\n componentDidUpdate() {\n if (this.transitionInAction) {\n return;\n }\n this.updateSharedElement();\n }\n\n setTransform(key) {\n const {\n state: {\n [key]: {\n width,\n height,\n left,\n top\n }\n }\n } = this.props;\n\n this.sharedContainer.current.style.cssText = `\n --shared-element-width: ${width}px;\n --shared-element-height: ${height}px;\n --shared-element-top: ${top}px;\n --shared-element-start: ${left}px;\n --shared-element-animation-speed: ${this.animationSpeed}ms;\n `;\n }\n\n cleanUpTransition() {\n const { current: wrapper } = this.sharedContainer;\n const { cleanUpTransition } = this.props;\n\n const range = document.createRange();\n range.selectNodeContents(wrapper);\n range.deleteContents();\n\n this.transitionInAction = false;\n cleanUpTransition();\n }\n\n updateSharedElement() {\n const {\n state: {\n sharedElementDestination,\n sharedElement\n }\n } = this.props;\n\n const { current: wrapper } = this.sharedContainer;\n\n if (\n !sharedElement\n || !sharedElementDestination\n || !wrapper\n ) {\n // this.cleanUpTransition();\n return;\n }\n\n this.transitionInAction = true;\n this.setStartingTransform();\n wrapper.appendChild(sharedElement);\n setTimeout(this.setDestinationTransform, 0);\n setTimeout(this.cleanUpTransition, this.animationSpeed);\n }\n\n render() {\n const { state: { sharedElement } } = this.props;\n\n return (\n \n { errorString }\n { componentStack }\n
\n );\n }\n\n render() {\n const { onClick } = this.props;\n\n return (\n \n \n { __('Ooops!') } \n { __('Something went wrong!') } \n \n { __('Back to homepage') }\n \n { this.renderErrorDetails() }\n \n \n );\n }\n}\n\nexport default SomethingWentWrong;\n","/**\n * @category BeautyWorks\n * @author Scandiweb \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2022 Scandiweb, Inc (https://scandiweb.com)\n */\nimport AmastyFreeGiftReducer from '@scandipwa/amasty-free-gift-beautyworks/src/store/AmastyFreeGift.reducer';\nimport CategoriesReducer from '@scandipwa/blog/src/store/Categories/Categories.reducer';\nimport PostListingReducer from '@scandipwa/blog/src/store/PostListing/PostListing.reducer';\nimport PostsReducer from '@scandipwa/blog/src/store/Posts/Posts.reducer';\nimport GlobaleReducer from '@scandipwa/globale/src/store/Globale/Globale.reducer';\nimport GoogleTagManagerReducer from '@scandipwa/gtm-new/src/store/GoogleTagManager/GoogleTagManager.reducer';\nimport SocialShareReducer from '@scandipwa/pdp-socialshare/src/store/SocialShare/SocialShare.reducer';\nimport GoogleReCaptchaReducer from '@scandipwa/recaptcha/src/store/GoogleReCaptcha/GoogleReCaptcha.reducer';\nimport StoreFinderReducer from '@scandipwa/store-finder/src/store/StoreFinder/StoreFinder.reducer';\n\nimport CartReducer from 'Store/Cart/Cart.reducer';\nimport CheckoutReducer from 'Store/Checkout/Checkout.reducer';\nimport CmsBlocksReducer from 'Store/CmsBlocks/CmsBlocks.reducer';\nimport CompleteOrderReducer from 'Store/CompleteOrder/CompleteOrder.reducer';\nimport ConfigReducer from 'Store/Config/Config.reducer';\nimport ContactFormReducer from 'Store/ContactForm/ContactForm.reducer';\nimport MetaReducer from 'Store/Meta/Meta.reducer';\nimport MyAccountReducer from 'Store/MyAccount/MyAccount.reducer';\nimport NavigationReducer from 'Store/Navigation/Navigation.reducer';\nimport NoMatchReducer from 'Store/NoMatch/NoMatch.reducer';\nimport OfflineReducer from 'Store/Offline/Offline.reducer';\nimport OverlayReducer from 'Store/Overlay/Overlay.reducer';\nimport PopupReducer from 'Store/Popup/Popup.reducer';\nimport ProductCompareReducer from 'Store/ProductCompare/ProductCompare.reducer';\nimport ProductListReducer from 'Store/ProductList/ProductList.reducer';\nimport ProductListInfoReducer from 'Store/ProductListInfo/ProductListInfo.reducer';\nimport StoreInPickUpReducer from 'Store/StoreInPickUp/StoreInPickUp.reducer';\nimport UrlRewritesReducer from 'Store/UrlRewrites/UrlRewrites.reducer';\nimport WishlistReducer from 'Store/Wishlist/Wishlist.reducer';\n\n/** @namespace Scandipwa/Store/Index/getStaticReducers */\nexport const getStaticReducers = () => ({\n ProductListReducer,\n ProductListInfoReducer,\n CartReducer,\n CategoriesReducer,\n CmsBlocksReducer,\n GoogleReCaptchaReducer,\n GoogleTagManagerReducer,\n GlobaleReducer,\n WishlistReducer,\n NoMatchReducer,\n MyAccountReducer,\n NavigationReducer,\n OverlayReducer,\n OfflineReducer,\n PopupReducer,\n PostsReducer,\n UrlRewritesReducer,\n ConfigReducer,\n MetaReducer,\n CheckoutReducer,\n ContactFormReducer,\n ProductCompareReducer,\n StoreInPickUpReducer,\n StoreFinderReducer,\n PostListingReducer,\n AmastyFreeGiftReducer,\n CompleteOrderReducer,\n SocialShareReducer\n});\n\nexport default function injectStaticReducers(store) {\n // eslint-disable-next-line no-param-reassign\n store.asyncReducers = [];\n\n // Inject all the static reducers into the store\n Object.entries(getStaticReducers()).forEach(\n ([name, reducer]) => {\n // eslint-disable-next-line no-param-reassign\n store.asyncReducers[name] = reducer;\n store.injectReducer(name, reducer);\n }\n );\n\n return store;\n}\n","/**\n * @category BeautyWorks\n * @author Kirill Don-Shinaiko \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2021 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport { LOAD_POSTS_PORTION } from './PostListing.action';\n\n/** @namespace Blog/Store/PostListing/Reducer/getInitialState */\nexport const getInitialState = () => ({\n posts: [],\n totalPages: 0,\n currentPage: 1,\n usedBy: ''\n});\n\n/** @namespace Blog/Store/PostListing/Reducer/PostListingReducer */\nexport const PostListingReducer = (state = getInitialState(), action) => {\n switch (action.type) {\n case LOAD_POSTS_PORTION:\n const {\n posts: prevPosts,\n currentPage: prevPage,\n usedBy: prevUsedBy\n } = state;\n const {\n payload: {\n posts,\n totalPages,\n currentPage,\n usedBy\n }\n } = action;\n\n const shouldAppend = (prevUsedBy === usedBy) && (prevPage !== currentPage);\n\n return {\n ...state,\n posts: shouldAppend ? JSON.parse(JSON.stringify(prevPosts)).concat(posts) : posts,\n totalPages,\n currentPage,\n usedBy\n };\n default:\n return state;\n }\n};\n\nexport default PostListingReducer;\n","/**\n * @category BeautyWorks\n * @author Abderrahim Kadnaoui \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2024 Scandiweb, Inc (https://scandiweb.com)\n */\nimport { UPDATE_SOCIAL_SHARE } from './SocialShare.action';\n\n/** @namespace PdpSocialshare/Store/SocialShare/Reducer/getInitialState */\nexport const getInitialState = () => ({\n socialShare: {\n enabled: false,\n options: {\n facebook: false,\n twitter: false,\n pinterest: false,\n mail: false,\n emailsuffix: false,\n copyLink: false,\n whatsapp: false\n }\n }\n});\n\n/** @namespace PdpSocialshare/Store/SocialShare/Reducer/SocialShareReducer */\nexport const SocialShareReducer = (\n state = getInitialState(),\n action\n) => {\n const {\n type,\n socialShare\n } = action;\n\n switch (type) {\n case UPDATE_SOCIAL_SHARE:\n return {\n ...state,\n ...socialShare\n };\n\n default:\n return state;\n }\n};\n\nexport default SocialShareReducer;\n","/**\n * @category BeautyWorks\n * @author Dmitrijs Tarasovs \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2021 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport {\n CartReducer as sourceCartReducer,\n getInitialState as sourceGetInitialState\n} from 'SourceStore/Cart/Cart.reducer';\nimport { getCurrency } from 'Util/Currency';\n\nexport * from 'SourceStore/Cart/Cart.reducer';\n\n/**\n * Adding cart currency to totals on inital load to display correct global-e currency.\n * The method is extended in theme because plugging getInitialsState doesn't work properly\n * and default totals stays empty on cart page.\n * @namespace Scandipwa/Store/Cart/Reducer/getInitialState\n */\nexport const getInitialState = () => {\n const sourceInitialState = sourceGetInitialState();\n const { cartTotals = {} } = sourceInitialState;\n\n if (!Object.keys(cartTotals).length && getCurrency()) {\n return {\n ...sourceInitialState,\n cartTotals: { quote_currency_code: getCurrency() }\n };\n }\n\n return sourceInitialState;\n};\n\n/** @namespace Scandipwa/Store/Cart/Reducer/CartReducer */\nexport const CartReducer = (\n state = getInitialState(),\n action\n) => sourceCartReducer(state, action);\n\nexport default CartReducer;\n","/**\n * ScandiPWA - Progressive Web App for Magento\n *\n * Copyright © Scandiweb, Inc. All rights reserved.\n * See LICENSE for license details.\n *\n * @license OSL-3.0 (Open Software License (\"OSL\") v. 3.0)\n * @package scandipwa/base-theme\n * @link https://github.com/scandipwa/base-theme\n */\nimport {\n UPDATE_EMAIL,\n UPDATE_EMAIL_AVAILABLE,\n UPDATE_SHIPPING_FIELDS\n} from './Checkout.action';\n\n/** @namespace Store/Checkout/Reducer/getInitialState */\nexport const getInitialState = () => ({\n shippingFields: {},\n email: '',\n isEmailAvailable: true\n});\n\n/** @namespace Store/Checkout/Reducer/CheckoutReducer */\nexport const CheckoutReducer = (state = getInitialState(), action) => {\n switch (action.type) {\n case UPDATE_SHIPPING_FIELDS:\n const { shippingFields } = action;\n\n return {\n ...state,\n shippingFields\n };\n\n case UPDATE_EMAIL:\n const { email } = action;\n\n return {\n ...state,\n email\n };\n\n case UPDATE_EMAIL_AVAILABLE:\n const { isEmailAvailable } = action;\n\n return {\n ...state,\n isEmailAvailable\n };\n\n default:\n return state;\n }\n};\n\nexport default CheckoutReducer;\n","/**\n * @category BeautyWorks\n * @author Scandiweb \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2024 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport { SET_COMPLETE_ORDER_CLICKED } from './CompleteOrder.action';\n\nexport const initialState = {\n isCompleteOrderClicked: false\n};\n\n/** @namespace Scandipwa/Store/CompleteOrder/Reducer/CompleteOrderReducer */\nexport const CompleteOrderReducer = (state = initialState, action) => {\n switch (action.type) {\n case SET_COMPLETE_ORDER_CLICKED:\n return {\n ...state,\n isCompleteOrderClicked: action.payload\n };\n default:\n return state;\n }\n};\n\nexport default CompleteOrderReducer;\n","/**\n * ScandiPWA - Progressive Web App for Magento\n *\n * Copyright © Scandiweb, Inc. All rights reserved.\n * See LICENSE for license details.\n *\n * @license OSL-3.0 (Open Software License (\"OSL\") v. 3.0)\n * @package scandipwa/base-theme\n * @link https://github.com/scandipwa/base-theme\n */\n\nimport BrowserDatabase from 'Util/BrowserDatabase';\n\nimport { UPDATE_CONFIG, UPDATE_CONFIG_DEVICE } from './Config.action';\n\nexport const MAX_WIDTH = 150;\nexport const MAX_HEIGHT = 40;\nexport const DEFAULT_CATGORY_URL_SUFFIX = '.html';\n\n/** @namespace Store/Config/Reducer/filterStoreConfig */\nexport const filterStoreConfig = (config) => Object.entries(config).reduce(\n (acc, [key, value]) => (value !== null ? { ...acc, [key]: value } : acc),\n {}\n);\n\nexport const {\n countries, reviewRatings, storeConfig, currencyData, cartDisplayConfig\n} = BrowserDatabase.getItem('config') || {\n countries: [],\n reviewRatings: [],\n storeConfig: {},\n currencyData: {},\n cartDisplayConfig: {\n display_tax_in_price: '',\n display_tax_in_subtotal: '',\n display_tax_in_shipping_amount: '',\n include_tax_in_order_total: false,\n display_full_tax_summary: false,\n display_zero_tax_subtotal: false\n }\n};\n\n/** @namespace Store/Config/Reducer/getIndexedRatings */\nexport const getIndexedRatings = (reviewRatings) => ((reviewRatings) ? reviewRatings.items || [] : []);\n\n/** @namespace Store/Config/Reducer/getCurrencyData */\nexport const getCurrencyData = (base, state) => (base || state.currencyData || {});\n\n/** @namespace Store/Config/Reducer/getCountryData */\nexport const getCountryData = (base, state) => (base || state.countries || {});\n\n/** @namespace Store/Config/Reducer/getCheckoutAgreementData */\nexport const getCheckoutAgreementData = (base, state) => (base || state.checkoutAgreements || {});\n\n/** @namespace Store/Config/Reducer/getInitialState */\nexport const getInitialState = () => ({\n ...filterStoreConfig(storeConfig),\n countries,\n reviewRatings,\n checkoutAgreements: [],\n currencyData,\n isLoading: true,\n cartDisplayConfig,\n priceTaxDisplay: {},\n category_url_suffix: DEFAULT_CATGORY_URL_SUFFIX,\n device: {\n isMobile: true,\n android: true,\n ios: false,\n blackberry: false,\n opera: false,\n windows: false,\n standaloneMode: window.matchMedia('(display-mode: standalone)').matches\n }\n});\n\n/** @namespace Store/Config/Reducer/ConfigReducer */\nexport const ConfigReducer = (\n state = getInitialState(),\n action\n) => {\n const {\n type,\n config: {\n countries,\n reviewRatings,\n checkoutAgreements,\n currencyData,\n storeConfig = {},\n cartDisplayConfig = {}\n } = {},\n device\n } = action;\n\n switch (type) {\n case UPDATE_CONFIG:\n const filteredStoreConfig = filterStoreConfig(storeConfig);\n const { secure_base_media_url } = filteredStoreConfig;\n window.secure_base_media_url = secure_base_media_url;\n\n return {\n ...state,\n countries: getCountryData(countries, state),\n reviewRatings: getIndexedRatings(reviewRatings),\n checkoutAgreements: getCheckoutAgreementData(checkoutAgreements, state),\n currencyData: getCurrencyData(currencyData, state),\n ...filteredStoreConfig,\n // Should be updated manually as filteredStoreConfig does not contain header_logo_src when it is null\n // and header_logo_src takes old value\n isLoading: false,\n cartDisplayConfig\n };\n\n case UPDATE_CONFIG_DEVICE:\n return {\n ...state,\n device: {\n ...state.device,\n ...device\n }\n };\n\n default:\n return state;\n }\n};\n\nexport default ConfigReducer;\n","/**\n * ScandiPWA - Progressive Web App for Magento\n *\n * Copyright © Scandiweb, Inc. All rights reserved.\n * See LICENSE for license details.\n *\n * @license OSL-3.0 (Open Software License (\"OSL\") v. 3.0)\n * @package scandipwa/base-theme\n * @link https://github.com/scandipwa/base-theme\n */\n\nimport { UPDATE_CONTACT_FORM } from './ContactForm.action';\n\nexport const initialState = {\n isLoading: false\n};\n\n/** @namespace Store/ContactForm/Reducer/ContactFormReducer */\nexport const ContactFormReducer = (state = initialState, action) => {\n const {\n type,\n data\n } = action;\n\n switch (type) {\n case UPDATE_CONTACT_FORM:\n return { ...state, ...data };\n\n default:\n return state;\n }\n};\n\nexport default ContactFormReducer;\n","/**\n * @category BeautyWorks\n * @author Kirill Don-Shinaiko \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2021 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport {\n getInitialState as sourceGetInitialState,\n MetaReducer as sourceMetaReducer,\n updateEveryTime as sourceUpdateEveryTime\n} from 'SourceStore/Meta/Meta.reducer';\n\nexport * from 'SourceStore/Meta/Meta.reducer';\n\nexport const updateEveryTime = [\n ...sourceUpdateEveryTime,\n 'og_image'\n];\n\n/** @namespace Scandipwa/Store/Meta/Reducer/getInitialState */\nexport const getInitialState = () => ({\n ...sourceGetInitialState(),\n og_image: ''\n});\n\n/** @namespace Scandipwa/Store/Meta/Reducer/MetaReducer */\nexport const MetaReducer = (\n state = getInitialState(),\n action\n) => sourceMetaReducer(state, action);\n\nexport default MetaReducer;\n","/**\n * ScandiPWA - Progressive Web App for Magento\n *\n * Copyright © Scandiweb, Inc. All rights reserved.\n * See LICENSE for license details.\n *\n * @license OSL-3.0 (Open Software License (\"OSL\") v. 3.0)\n * @package scandipwa/base-theme\n * @link https://github.com/scandipwa/base-theme\n */\n\nimport { isInitiallySignedIn } from 'Util/Auth';\n\nimport {\n UPDATE_CUSTOMER_DETAILS,\n UPDATE_CUSTOMER_IS_LOADING,\n UPDATE_CUSTOMER_PASSWORD_FORGOT_STATUS,\n UPDATE_CUSTOMER_PASSWORD_RESET_STATUS,\n UPDATE_CUSTOMER_SIGN_IN_STATUS\n} from './MyAccount.action';\n\n/** @namespace Store/MyAccount/Reducer/getInitialState */\nexport const getInitialState = () => ({\n isSignedIn: isInitiallySignedIn(),\n passwordResetStatus: false,\n isPasswordForgotSend: false,\n isLoading: false,\n customer: {},\n message: ''\n});\n\n/** @namespace Store/MyAccount/Reducer/MyAccountReducer */\nexport const MyAccountReducer = (\n state = getInitialState(),\n action\n) => {\n const { status, customer, message } = action;\n\n switch (action.type) {\n case UPDATE_CUSTOMER_SIGN_IN_STATUS:\n return {\n ...state,\n isSignedIn: status\n };\n\n case UPDATE_CUSTOMER_PASSWORD_RESET_STATUS:\n return {\n ...state,\n passwordResetStatus: status,\n passwordResetMessage: message\n };\n\n case UPDATE_CUSTOMER_PASSWORD_FORGOT_STATUS:\n return {\n ...state,\n isPasswordForgotSend: !state.isPasswordForgotSend\n };\n\n case UPDATE_CUSTOMER_DETAILS:\n return {\n ...state,\n customer\n };\n case UPDATE_CUSTOMER_IS_LOADING:\n const { isLoading } = action;\n\n return {\n ...state,\n isLoading\n };\n\n default:\n return state;\n }\n};\n\nexport default MyAccountReducer;\n","/**\n * ScandiPWA - Progressive Web App for Magento\n *\n * Copyright © Scandiweb, Inc. All rights reserved.\n * See LICENSE for license details.\n *\n * @license OSL-3.0 (Open Software License (\"OSL\") v. 3.0)\n * @package scandipwa/base-theme\n * @link https://github.com/scandipwa/base-theme\n */\n\nimport {\n UPDATE_NOMATCH\n} from './NoMatch.action';\n\n/** @namespace Store/NoMatch/Reducer/getInitialState */\nexport const getInitialState = () => ({\n noMatch: false\n});\n\n/** @namespace Store/NoMatch/Reducer/NoMatchReducer */\nexport const NoMatchReducer = (\n state = getInitialState(),\n action\n) => {\n switch (action.type) {\n case UPDATE_NOMATCH:\n const { noMatch } = action;\n\n return { noMatch };\n\n default:\n return state;\n }\n};\n\nexport default NoMatchReducer;\n","/**\n * ScandiPWA - Progressive Web App for Magento\n *\n * Copyright © Scandiweb, Inc. All rights reserved.\n * See LICENSE for license details.\n *\n * @license OSL-3.0 (Open Software License (\"OSL\") v. 3.0)\n * @package scandipwa/base-theme\n * @link https://github.com/scandipwa/base-theme\n */\n\nimport {\n SET_BIG_OFFLINE_NOTICE,\n SHOW_OFFLINE_NOTICE\n} from './Offline.action';\n\n/** @namespace Store/Offline/Reducer/getInitialState */\nexport const getInitialState = () => ({\n isOffline: true,\n isBig: false\n});\n\n/** @namespace Store/Offline/Reducer/OfflineReducer */\nexport const OfflineReducer = (\n state = getInitialState(),\n action\n) => {\n switch (action.type) {\n case SHOW_OFFLINE_NOTICE:\n const { isOffline } = action;\n\n return {\n ...state,\n isOffline\n };\n case SET_BIG_OFFLINE_NOTICE:\n const { isBig } = action;\n\n return {\n ...state,\n isBig\n };\n default:\n return state;\n }\n};\n\nexport default OfflineReducer;\n","/**\n * @category BeautyWorks\n * @author Bruno Scorzafave \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2022 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport {\n getInitialState as sourceGetInitialState\n} from 'SourceStore/Overlay/Overlay.reducer';\nimport { SHOW_CATEGORY_POPUP, SHOW_POPUP } from 'Store/Popup/Popup.action';\n\nimport {\n HIDE_ACTIVE_OVERLAY,\n TOGGLE_OVERLAY\n} from './Overlay.action';\n\nexport * from 'SourceStore/Overlay/Overlay.reducer';\n\n/** @namespace Scandipwa/Store/Overlay/Reducer/OverlayReducer */\nexport const OverlayReducer = (\n state = sourceGetInitialState(),\n action\n) => {\n const { overlayKey, categoryId } = action;\n const {\n activeOverlay: prevActiveOverlay\n } = state;\n\n const activeOverlay = prevActiveOverlay === overlayKey ? '' : overlayKey;\n const areOtherOverlaysOpen = prevActiveOverlay !== '';\n\n switch (action.type) {\n case TOGGLE_OVERLAY:\n case SHOW_POPUP:\n\n return {\n ...state,\n activeOverlay,\n areOtherOverlaysOpen\n };\n\n case SHOW_CATEGORY_POPUP:\n\n return {\n ...state,\n activeOverlay,\n areOtherOverlaysOpen,\n categoryId\n };\n\n case HIDE_ACTIVE_OVERLAY:\n return {\n ...state,\n activeOverlay: '',\n areOtherOverlaysOpen: false\n };\n\n default:\n return state;\n }\n};\n\nexport default OverlayReducer;\n","/**\n * @category BeautyWorks\n * @author Valdis Locs \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2021 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport { getInitialState as sourceGetInitialState } from 'SourceStore/Popup/Popup.reducer';\nimport { HIDE_ACTIVE_OVERLAY, HIDE_ACTIVE_POPUP } from 'Store/Overlay/Overlay.action';\n\nimport { SHOW_CATEGORY_POPUP, SHOW_POPUP } from './Popup.action';\n\n/** @namespace Scandipwa/Store/Popup/Reducer/getInitialState */\nexport const getInitialState = () => ({\n ...sourceGetInitialState(),\n shouldPopupClose: false\n});\n\n/** @namespace Scandipwa/Store/Popup/Reducer/PopupReducer */\nexport const PopupReducer = (\n state = getInitialState(),\n action\n) => {\n const { payload, type } = action;\n\n switch (type) {\n case SHOW_POPUP:\n return { ...state, popupPayload: payload };\n case SHOW_CATEGORY_POPUP:\n return { ...state, popupPayload: payload };\n case HIDE_ACTIVE_OVERLAY:\n return { ...state, popupPayload: {} };\n case HIDE_ACTIVE_POPUP:\n return { ...state, shouldPopupClose: payload };\n default:\n return state;\n }\n};\n\nexport default PopupReducer;\n","/**\n * ScandiPWA - Progressive Web App for Magento\n *\n * Copyright © Scandiweb, Inc. All rights reserved.\n * See LICENSE for license details.\n *\n * @license OSL-3.0 (Open Software License (\"OSL\") v. 3.0)\n * @package scandipwa/base-theme\n * @link https://github.com/scandipwa/base-theme\n */\n\nimport { HIDE_ACTIVE_OVERLAY, HIDE_ACTIVE_POPUP } from 'Store/Overlay/Overlay.action';\n\nimport { SHOW_POPUP } from './Popup.action';\n\n/** @namespace Store/Popup/Reducer/getInitialState */\nexport const getInitialState = () => ({\n popupPayload: {},\n shouldPopupClose: false\n});\n\n/** @namespace Store/Popup/Reducer/PopupReducer */\nexport const PopupReducer = (\n state = getInitialState(),\n action\n) => {\n const { payload, type } = action;\n\n switch (type) {\n case SHOW_POPUP:\n return { ...state, popupPayload: payload };\n case HIDE_ACTIVE_OVERLAY:\n return { ...state, popupPayload: {} };\n case HIDE_ACTIVE_POPUP:\n return { ...state, shouldPopupClose: payload };\n default:\n return state;\n }\n};\n\nexport default PopupReducer;\n","/**\n * ScandiPWA - Progressive Web App for Magento\n *\n * Copyright © Scandiweb, Inc. All rights reserved.\n * See LICENSE for license details.\n *\n * @license OSL-3.0 (Open Software License (\"OSL\") v. 3.0)\n * @package scandipwa/base-theme\n * @link https://github.com/scandipwa/base-theme\n */\n\nimport BrowserDatabase from 'Util/BrowserDatabase/BrowserDatabase';\n\nimport {\n CLEAR_COMPARED_PRODUCTS,\n SET_COMPARE_LIST,\n SET_COMPARED_PRODUCT_IDS,\n TOGGLE_COMPARE_LIST_LOADER\n} from './ProductCompare.action';\n\nexport const COMPARE_LIST_PRODUCTS = 'compare_list_products';\n\n/** @namespace Store/ProductCompare/Reducer/getInitialState */\nexport const getInitialState = () => ({\n isLoading: false,\n count: 0,\n attributes: [],\n products: [],\n productIds: BrowserDatabase.getItem(COMPARE_LIST_PRODUCTS) || [],\n items: []\n});\n\n/** @namespace Store/ProductCompare/Reducer/ProductCompareReducer */\nexport const ProductCompareReducer = (state = getInitialState(), action) => {\n const { type } = action;\n\n switch (type) {\n case TOGGLE_COMPARE_LIST_LOADER: {\n const { isLoading } = action;\n\n return {\n ...state,\n isLoading\n };\n }\n\n case SET_COMPARE_LIST: {\n const { item_count = 0, items = [], attributes = [] } = action;\n\n const products = items.map((item) => ({\n ...item.product,\n attributes: []\n }));\n const productIds = products.map((product) => product.id);\n\n BrowserDatabase.setItem(\n productIds,\n COMPARE_LIST_PRODUCTS\n );\n\n return {\n ...state,\n count: item_count,\n attributes,\n products,\n productIds,\n items\n };\n }\n\n case CLEAR_COMPARED_PRODUCTS: {\n BrowserDatabase.setItem(\n [],\n COMPARE_LIST_PRODUCTS\n );\n\n return {\n ...state,\n count: 0,\n products: [],\n productIds: [],\n items: [],\n attributes: []\n };\n }\n\n case SET_COMPARED_PRODUCT_IDS: {\n const { productIds } = action;\n\n BrowserDatabase.setItem(\n productIds,\n COMPARE_LIST_PRODUCTS\n );\n\n return {\n ...state,\n productIds\n };\n }\n\n default:\n return state;\n }\n};\n\nexport default ProductCompareReducer;\n","/**\n * @category BeautyWorks\n * @author Scandiweb \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2022 Scandiweb, Inc (https://scandiweb.com)\n */\n/* eslint-disable simple-import-sort/sort */\nimport {\n APPEND_PAGE,\n UPDATE_LOAD_STATUS,\n UPDATE_PAGE_LOAD_STATUS,\n UPDATE_PRODUCT_LIST_ITEMS,\n UPDATE_RESULT_STATUS\n} from 'Store/ProductList/ProductList.action';\nimport { getIndexedProducts } from 'Util/Product';\nimport {\n getInitialState as sourceGetInitialState\n} from 'SourceStore/ProductList/ProductList.reducer';\n\nexport * from 'SourceStore/ProductList/ProductList.reducer';\n\n/**\n * @namespace Scandipwa/Store/ProductList/Reducer/getInitialState\n */\nexport const getInitialState = () => ({\n ...sourceGetInitialState(),\n isResultUpdating: false\n});\n\n/** @namespace Scandipwa/Store/ProductList/Reducer/ProductListReducer */\nexport const ProductListReducer = (\n state = getInitialState(),\n action\n) => {\n const {\n type,\n items: initialItems = [],\n total_pages: totalPages,\n total_count: totalItems,\n currentPage,\n isLoading,\n args: currentArgs,\n isResultUpdating\n } = action;\n\n switch (type) {\n case APPEND_PAGE:\n return {\n ...state,\n isPageLoading: false,\n pages: {\n ...state.pages,\n [currentPage]: getIndexedProducts(initialItems)\n }\n };\n\n case UPDATE_PRODUCT_LIST_ITEMS:\n return {\n ...state,\n currentArgs,\n isLoading: false,\n totalItems,\n totalPages,\n pages: { [currentPage]: getIndexedProducts(initialItems) }\n };\n\n case UPDATE_PAGE_LOAD_STATUS:\n return {\n ...state,\n isPageLoading: true\n };\n\n case UPDATE_LOAD_STATUS:\n return {\n ...state,\n isLoading\n };\n\n case UPDATE_RESULT_STATUS:\n return {\n ...state,\n isResultUpdating\n };\n\n default:\n return state;\n }\n};\nexport default ProductListReducer;\n","/**\n * ScandiPWA - Progressive Web App for Magento\n *\n * Copyright © Scandiweb, Inc. All rights reserved.\n * See LICENSE for license details.\n *\n * @license OSL-3.0 (Open Software License (\"OSL\") v. 3.0)\n * @package scandipwa/base-theme\n * @link https://github.com/scandipwa/base-theme\n */\n\nimport {\n UPDATE_INFO_LOAD_STATUS,\n UPDATE_PRODUCT_LIST_INFO\n} from 'Store/ProductListInfo/ProductListInfo.action';\n\n/** @namespace Store/ProductListInfo/Reducer/reduceFilters */\nexport const reduceFilters = (filters) => filters.reduce((co, item) => {\n const {\n request_var: attribute_code,\n name: attribute_label,\n position: attribute_position,\n filter_items,\n is_boolean,\n has_swatch\n } = item;\n\n const { attribute_values, attribute_options } = filter_items.reduce((attribute, option) => {\n const { value_string } = option;\n const { attribute_values, attribute_options } = attribute;\n\n attribute_values.push(value_string);\n\n return {\n ...attribute,\n attribute_options: {\n ...attribute_options,\n [value_string]: option\n }\n };\n }, { attribute_values: [], attribute_options: {} });\n\n return {\n ...co,\n [attribute_code]: {\n attribute_code,\n attribute_label,\n attribute_position,\n attribute_values,\n attribute_type: 'select',\n attribute_options,\n is_boolean,\n has_swatch\n }\n };\n}, {});\n\n/** @namespace Store/ProductListInfo/Reducer/getInitialState */\nexport const getInitialState = () => ({\n minPrice: 0,\n maxPrice: 0,\n sortFields: {},\n filters: {},\n isLoading: true\n});\n\n/** @namespace Store/ProductListInfo/Reducer/ProductListReducer */\nexport const ProductListReducer = (\n state = getInitialState(),\n action\n) => {\n const { type } = action;\n\n switch (type) {\n case UPDATE_PRODUCT_LIST_INFO: {\n const {\n selectedFilter,\n products: {\n filters: availableFilters = [],\n min_price,\n max_price,\n sort_fields: sortFields\n } = {}\n } = action;\n\n return {\n ...state,\n filters: reduceFilters(availableFilters),\n sortFields,\n minPrice: Math.floor(min_price),\n maxPrice: Math.ceil(max_price),\n isLoading: false,\n selectedFilter\n };\n }\n\n case UPDATE_INFO_LOAD_STATUS: {\n const { isLoading } = action;\n\n return {\n ...state,\n isLoading\n };\n }\n\n default:\n return state;\n }\n};\n\nexport default ProductListReducer;\n","/**\n * ScandiPWA - Progressive Web App for Magento\n *\n * Copyright © Scandiweb, Inc. All rights reserved.\n * See LICENSE for license details.\n *\n * @license OSL-3.0 (Open Software License (\"OSL\") v. 3.0)\n * @package scandipwa/base-theme\n * @link https://github.com/scandipwa/base-theme\n */\n\nimport { CLEAR_PICK_UP_STORE, SET_PICK_UP_STORE } from './StoreInPickUp.action';\n\n/** @namespace Store/StoreInPickUp/Reducer/getInitialState */\nexport const getInitialState = () => ({\n store: null\n});\n\n/** @namespace Store/StoreInPickUp/Reducer/StoreInPickUpReducer */\nexport const StoreInPickUpReducer = (\n state = getInitialState(),\n action\n) => {\n const { type } = action;\n\n switch (type) {\n case SET_PICK_UP_STORE:\n const { store } = action;\n\n return {\n ...state,\n store\n };\n\n case CLEAR_PICK_UP_STORE:\n return {\n ...state,\n store: null\n };\n\n default:\n return state;\n }\n};\n\nexport default StoreInPickUpReducer;\n","/**\n * @category BeautyWorks\n * @author Scandiweb \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2022 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport { getInitialState as sourceGetInitialState } from 'SourceStore/UrlRewrites/UrlRewrites.reducer';\n\nimport {\n IS_LOADING_URL_REWRITE,\n IS_REDIRECT_HANDLING,\n UPDATE_URL_REWRITE\n} from './UrlRewrites.action';\n\n/** @namespace Scandipwa/Store/UrlRewrites/Reducer/getInitialState */\nexport const getInitialState = () => ({\n ...sourceGetInitialState(),\n isRedirectHandling: false\n});\n\n/** @namespace Scandipwa/Store/UrlRewrites/Reducer/UrlRewritesReducer */\nexport const UrlRewritesReducer = (\n state = getInitialState(),\n action\n) => {\n switch (action.type) {\n case UPDATE_URL_REWRITE:\n const {\n urlRewrite,\n requestedUrl\n } = action;\n\n return {\n ...state,\n isLoading: false,\n urlRewrite,\n requestedUrl\n };\n\n case IS_LOADING_URL_REWRITE:\n const { isLoading } = action;\n\n return {\n ...state,\n isLoading\n };\n\n case IS_REDIRECT_HANDLING:\n const { isRedirectHandling } = action;\n\n return {\n ...state,\n isRedirectHandling\n };\n default:\n return state;\n }\n};\n\nexport default UrlRewritesReducer;\n","/**\n * ScandiPWA - Progressive Web App for Magento\n *\n * Copyright © Scandiweb, Inc. All rights reserved.\n * See LICENSE for license details.\n *\n * @license OSL-3.0 (Open Software License (\"OSL\") v. 3.0)\n * @package scandipwa/base-theme\n * @link https://github.com/scandipwa/base-theme\n */\n\nimport {\n IS_LOADING_URL_REWRITE,\n UPDATE_URL_REWRITE\n} from './UrlRewrites.action';\n\n/** @namespace Store/UrlRewrites/Reducer/getInitialState */\nexport const getInitialState = () => ({\n urlRewrite: {},\n isLoading: false\n});\n\n/** @namespace Store/UrlRewrites/Reducer/UrlRewritesReducer */\nexport const UrlRewritesReducer = (\n state = getInitialState(),\n action\n) => {\n switch (action.type) {\n case UPDATE_URL_REWRITE:\n const {\n urlRewrite,\n requestedUrl\n } = action;\n\n return {\n ...state,\n isLoading: false,\n urlRewrite,\n requestedUrl\n };\n\n case IS_LOADING_URL_REWRITE:\n const { isLoading } = action;\n\n return {\n ...state,\n isLoading\n };\n default:\n return state;\n }\n};\n\nexport default UrlRewritesReducer;\n","/**\n * ScandiPWA - Progressive Web App for Magento\n *\n * Copyright © Scandiweb, Inc. All rights reserved.\n * See LICENSE for license details.\n *\n * @license OSL-3.0 (Open Software License (\"OSL\") v. 3.0)\n * @package scandipwa/base-theme\n * @link https://github.com/scandipwa/base-theme\n */\n\nimport BrowserDatabase from 'Util/BrowserDatabase';\nimport { getIndexedParameteredProducts } from 'Util/Product';\n\nimport {\n CLEAR_WISHLIST,\n REMOVE_ITEM_FROM_WISHLIST,\n UPDATE_ALL_PRODUCTS_IN_WISHLIST,\n UPDATE_IS_LOADING_IN_WISHLIST,\n UPDATE_ITEM_OPTIONS\n} from './Wishlist.action';\n\nexport const PRODUCTS_IN_WISHLIST = 'wishlist_products';\n\n/** @namespace Store/Wishlist/Reducer/getInitialState */\nexport const getInitialState = () => ({\n productsInWishlist: BrowserDatabase.getItem(PRODUCTS_IN_WISHLIST) || {},\n isLoading: true\n});\n\n/** @namespace Store/Wishlist/Reducer/deleteProperty */\nexport const deleteProperty = (key, { [key]: _, ...newObj }) => newObj;\n\n/** @namespace Store/Wishlist/Reducer/removeItemFromWishlist */\nexport const removeItemFromWishlist = ({ item_id }, { productsInWishlist: initialProducts }) => {\n const productsInWishlist = deleteProperty(item_id, initialProducts) || {};\n\n BrowserDatabase.setItem(\n productsInWishlist,\n PRODUCTS_IN_WISHLIST\n );\n\n return { productsInWishlist };\n};\n\n/** @namespace Store/Wishlist/Reducer/clearWishlist */\nexport const clearWishlist = () => {\n const productsInWishlist = {};\n\n BrowserDatabase.setItem(productsInWishlist, PRODUCTS_IN_WISHLIST);\n\n return { productsInWishlist };\n};\n\n/** @namespace Store/Wishlist/Reducer/updateAllProductsInWishlist */\nexport const updateAllProductsInWishlist = (action) => {\n const { products: initialProducts } = action;\n\n const products = getIndexedParameteredProducts(initialProducts);\n\n BrowserDatabase.setItem(\n products,\n PRODUCTS_IN_WISHLIST\n );\n\n return { productsInWishlist: products, isLoading: false };\n};\n\n/** @namespace Store/Wishlist/Reducer/updateItemOptions */\nexport const updateItemOptions = (options, { productsInWishlist }) => {\n const { item_id } = options;\n const cleanedOptions = deleteProperty('item_id', options) || {};\n\n const products = {\n ...productsInWishlist,\n [item_id]: {\n ...productsInWishlist[item_id],\n wishlist: {\n ...productsInWishlist[item_id].wishlist,\n ...cleanedOptions\n }\n }\n };\n\n BrowserDatabase.setItem(\n products,\n PRODUCTS_IN_WISHLIST\n );\n\n return { productsInWishlist: products };\n};\n\n/** @namespace Store/Wishlist/Reducer/WishlistReducer */\nexport const WishlistReducer = (\n state = getInitialState(),\n action\n) => {\n const { type, options } = action;\n\n switch (type) {\n case REMOVE_ITEM_FROM_WISHLIST:\n return {\n ...state,\n isLoading: false,\n ...removeItemFromWishlist(action, state)\n };\n\n case CLEAR_WISHLIST:\n return {\n ...state,\n ...clearWishlist()\n };\n\n case UPDATE_ALL_PRODUCTS_IN_WISHLIST:\n return {\n ...state,\n isLoading: false,\n ...updateAllProductsInWishlist(action)\n };\n\n case UPDATE_ITEM_OPTIONS:\n return {\n ...state,\n ...updateItemOptions(options, state)\n };\n\n case UPDATE_IS_LOADING_IN_WISHLIST:\n const { isLoading } = action;\n\n return {\n ...state,\n isLoading\n };\n\n default:\n return state;\n }\n};\n\nexport default WishlistReducer;\n","/* eslint-disable import/prefer-default-export */\n/**\n * ScandiPWA - Progressive Web App for Magento\n *\n * Copyright © Scandiweb, Inc. All rights reserved.\n * See LICENSE for license details.\n *\n * @license OSL-3.0 (Open Software License (\"OSL\") v. 3.0)\n * @package scandipwa/base-theme\n * @link https://github.com/scandipwa/base-theme\n */\n\nexport const SHARED_ELEMENT_TRANSITION = 250;\n","/**\n * @category BeautyWorks\n * @author Kirill Don-Shinaiko \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2022 Scandiweb, Inc (https://scandiweb.com)\n */\n\nexport * from 'SourceComponent/SharedTransition/SharedTransition.config';\n\nexport const SHARED_ELEMENT_TRANSITION = 0;\n","/* eslint-disable import/prefer-default-export */\n/**\n * ScandiPWA - Progressive Web App for Magento\n *\n * Copyright © Scandiweb, Inc. All rights reserved.\n * See LICENSE for license details.\n *\n * @license OSL-3.0 (Open Software License (\"OSL\") v. 3.0)\n * @package scandipwa/base-theme\n * @link https://github.com/scandipwa/base-theme\n */\n\nexport const HOVER_TIMEOUT = 250;\n","/**\n * @category BeautyWorks\n * @author Abderrahim Kadnaoui \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2023 Scandiweb, Inc (https://scandiweb.com)\n */\n\nexport * from 'SourceComponent/MenuItem/MenuItem.config';\nexport const HOVER_TIMEOUT = 150;\n","/**\n * ScandiPWA - Progressive Web App for Magento\n *\n * Copyright © Scandiweb, Inc. All rights reserved.\n * See LICENSE for license details.\n *\n * @license OSL-3.0 (Open Software License (\"OSL\") v. 3.0)\n * @package scandipwa/base-theme\n * @link https://github.com/scandipwa/base-theme\n */\n\nimport PropTypes from 'prop-types';\n\nimport {\n BOTTOM,\n LEFT,\n RIGHT,\n TOP\n} from 'Component/ChevronIcon/ChevronIcon.config';\nimport { SORT_DIRECTION_TYPE } from 'Route/CategoryPage/CategoryPage.config';\n\nexport const DirectionType = PropTypes.oneOf([RIGHT, LEFT, TOP, BOTTOM]);\n\nexport const SortDirectionType = PropTypes.oneOf(Object.values(SORT_DIRECTION_TYPE));\n","/**\n * Module dependencies\n */\n\nvar debug = require('debug')('jsonp');\n\n/**\n * Module exports.\n */\n\nmodule.exports = jsonp;\n\n/**\n * Callback index.\n */\n\nvar count = 0;\n\n/**\n * Noop function.\n */\n\nfunction noop(){}\n\n/**\n * JSONP handler\n *\n * Options:\n * - param {String} qs parameter (`callback`)\n * - prefix {String} qs parameter (`__jp`)\n * - name {String} qs parameter (`prefix` + incr)\n * - timeout {Number} how long after a timeout error is emitted (`60000`)\n *\n * @param {String} url\n * @param {Object|Function} optional options / callback\n * @param {Function} optional callback\n */\n\nfunction jsonp(url, opts, fn){\n if ('function' == typeof opts) {\n fn = opts;\n opts = {};\n }\n if (!opts) opts = {};\n\n var prefix = opts.prefix || '__jp';\n\n // use the callback name that was passed if one was provided.\n // otherwise generate a unique name by incrementing our counter.\n var id = opts.name || (prefix + (count++));\n\n var param = opts.param || 'callback';\n var timeout = null != opts.timeout ? opts.timeout : 60000;\n var enc = encodeURIComponent;\n var target = document.getElementsByTagName('script')[0] || document.head;\n var script;\n var timer;\n\n\n if (timeout) {\n timer = setTimeout(function(){\n cleanup();\n if (fn) fn(new Error('Timeout'));\n }, timeout);\n }\n\n function cleanup(){\n if (script.parentNode) script.parentNode.removeChild(script);\n window[id] = noop;\n if (timer) clearTimeout(timer);\n }\n\n function cancel(){\n if (window[id]) {\n cleanup();\n }\n }\n\n window[id] = function(data){\n debug('jsonp got', data);\n cleanup();\n if (fn) fn(null, data);\n };\n\n // add qs component\n url += (~url.indexOf('?') ? '&' : '?') + param + '=' + enc(id);\n url = url.replace('?&', '?');\n\n debug('jsonp req \"%s\"', url);\n\n // create script\n script = document.createElement('script');\n script.src = url;\n target.parentNode.insertBefore(script, target);\n\n return cancel;\n}\n","Mosaic.setPlugins([require('./plugin/App.plugin.js'),\nrequire('./plugin/MyAccountContainer.plugin.js'),\nrequire('./plugin/Router.plugin.js'),\nrequire('./plugin/StoreIndex.plugin.js'),\nrequire('./../packages/@scandipwa/pdp-socialshare/src/plugin/ProductActionComponent.plugin.js'),\nrequire('./../packages/@scandipwa/pdp-socialshare/src/plugin/ProductActionContainerMSTP.plugin.js'),\nrequire('./../packages/@scandipwa/pdp-socialshare/src/plugin/RouterContainerMDTP.plugin.js'),\nrequire('./../packages/@scandipwa/checkout-com-card/src/plugin/Context/App.plugin.js'),\nrequire('./../packages/@scandipwa/noibu/src/plugin/RouterComponent.plugin.js'),\nrequire('./../packages/@scandipwa/reviewscouk/src/plugin/Checkout.plugin.js'),\nrequire('./../packages/@scandipwa/reviewscouk/src/plugin/ConfigQuery.plugin.js'),\nrequire('./../packages/@scandipwa/reviewscouk/src/plugin/ProductActions.plugin.js'),\nrequire('./../packages/@scandipwa/reviewscouk/src/plugin/ProductPage.plugin.js'),\nrequire('./../packages/@scandipwa/awin-advertiser-tracking/src/plugin/CheckoutContainer.plugin.js'),\nrequire('./../packages/@scandipwa/awin-advertiser-tracking/src/plugin/ConfigQuery.plugin.js'),\nrequire('./../packages/@scandipwa/awin-advertiser-tracking/src/plugin/Router.plugin.js'),\nrequire('./../packages/@scandipwa/convert/src/plugin/RouterComponent.plugin.js'),\nrequire('./../packages/@scandipwa/tolstoy/src/plugin/CheckoutContainer.plugin.js'),\nrequire('./../packages/@scandipwa/tolstoy/src/plugin/ConfigQuery.plugin.js'),\nrequire('./../packages/@scandipwa/tolstoy/src/plugin/ProductPage.plugin.js'),\nrequire('./../packages/@scandipwa/tolstoy/src/plugin/RouterComponent.plugin.js'),\nrequire('./../packages/@scandipwa/amasty-pre-order/src/plugin/AddToCartComponent.plugin.js'),\nrequire('./../packages/@scandipwa/amasty-pre-order/src/plugin/AddToCartContainer.plugin.js'),\nrequire('./../packages/@scandipwa/amasty-pre-order/src/plugin/CartItemContainer.plugin.js'),\nrequire('./../packages/@scandipwa/amasty-pre-order/src/plugin/ConfigQuery.plugin.js'),\nrequire('./../packages/@scandipwa/amasty-pre-order/src/plugin/ProductListQuery.plugin.js'),\nrequire('./../packages/@scandipwa/amasty-free-gift-beautyworks/src/plugin/CartPageComponent.plugin.js'),\nrequire('./../packages/@scandipwa/amasty-free-gift-beautyworks/src/plugin/CartPageContainer.plugin.js'),\nrequire('./../packages/@scandipwa/amasty-free-gift-beautyworks/src/plugin/CheckoutComponent.plugin.js'),\nrequire('./../packages/@scandipwa/amasty-free-gift-beautyworks/src/plugin/CheckoutOrderSummaryComponent.plugin.js'),\nrequire('./../packages/@scandipwa/amasty-free-gift-beautyworks/src/plugin/StoreIndex.plugin.js'),\nrequire('./../packages/@scandipwa/amasty-free-gift/src/plugin/AmastyPromo/AddAmastyPromo.plugin.js'),\nrequire('./../packages/@scandipwa/amasty-free-gift/src/plugin/Cart/CartDispatcher.plugin.js'),\nrequire('./../packages/@scandipwa/amasty-free-gift/src/plugin/CartMessage/CartItemComponent.plugin.js'),\nrequire('./../packages/@scandipwa/amasty-free-gift/src/plugin/CartMessage/CartQuery.plugin.js'),\nrequire('./../packages/@scandipwa/amasty-free-gift/src/plugin/Context/App.plugin.js'),\nrequire('./../packages/@scandipwa/amasty-free-gift/src/plugin/Store/Config/ConfigQuery.plugin.js'),\nrequire('./../packages/@scandipwa/amasty-free-gift/src/plugin/Store/Config/ConfigReducer.plugin.js'),\nrequire('./../packages/@scandipwa/amasty-promo-banners/src/plugin/ProductPageComponent.plugin.js'),\nrequire('./../packages/@scandipwa/amasty-promo-banners/src/plugin/ProductPageContainer.plugin.js'),\nrequire('./../packages/webpack-i18n-runtime/src/plugin/App.plugin.js'),\nrequire('./../packages/@scandipwa/whatsapp-overlay/src/plugin/ConfigQuery.plugin.js'),\nrequire('./../packages/@scandipwa/whatsapp-overlay/src/plugin/Router.plugin.js'),\nrequire('./../packages/@scandipwa/amasty-shipping-suite/src/plugin/CheckoutAddressBook.plugin.js'),\nrequire('./../packages/@scandipwa/amasty-shipping-suite/src/plugin/CheckoutAddressFormComponent.plugin.js'),\nrequire('./../packages/@scandipwa/faq-blocks/src/plugin/CategoryPageComponent.plugin.js'),\nrequire('./../packages/@scandipwa/faq-blocks/src/plugin/CategoryPageContainer.plugin.js'),\nrequire('./../packages/@scandipwa/faq-blocks/src/plugin/ConfigQuery.plugin.js'),\nrequire('./../packages/@scandipwa/faq-blocks/src/plugin/HairColourChartPostsListingComponent.plugin.js'),\nrequire('./../packages/@scandipwa/faq-blocks/src/plugin/HairColourChartPostsListingContainer.plugin.js'),\nrequire('./../packages/@scandipwa/faq-blocks/src/plugin/PostsDetailsComponent.plugin.js'),\nrequire('./../packages/@scandipwa/faq-blocks/src/plugin/PostsDetailsContainer.plugin.js'),\nrequire('./../packages/@scandipwa/faq-blocks/src/plugin/ProductPageComponent.plugin.js'),\nrequire('./../packages/@scandipwa/faq-blocks/src/plugin/ProductPageContainer.plugin.js'),\nrequire('./../packages/@scandipwa/clearpay/src/plugin/ConfigQuery.plugin.js'),\nrequire('./../packages/@scandipwa/clearpay/src/plugin/ProductActionsComponent.plugin.js'),\nrequire('./../packages/@scandipwa/clearpay/src/plugin/ProductGalleryComponent.plugin.js'),\nrequire('./../packages/@scandipwa/page-builder/src/plugin/Html.component.plugin.js'),\nrequire('./../packages/@scandipwa/page-builder/src/plugin/Router.component.plugin.js'),\nrequire('./../packages/@scandipwa/page-builder/src/plugin/WidgetFactory.plugin.js'),\nrequire('./../packages/@scandipwa/klarna-payments-spwa/src/plugin/component/CheckoutPaymentsComponent.plugin.js'),\nrequire('./../packages/@scandipwa/klarna-payments-spwa/src/plugin/query/ConfigQuery.plugin.js'),\nrequire('./../packages/@scandipwa/klarna-payments-spwa/src/plugin/route/CheckoutContainer.plugin.js'),\nrequire('./../packages/@scandipwa/xnotif/src/plugin/ProductActionsComponent.plugin.js'),\nrequire('./../packages/@scandipwa/product-label/src/plugin/CartItem.plugin.js'),\nrequire('./../packages/@scandipwa/product-label/src/plugin/Image.plugin.js'),\nrequire('./../packages/@scandipwa/product-label/src/plugin/ProductCard.plugin.js'),\nrequire('./../packages/@scandipwa/product-label/src/plugin/ProductGallery.plugin.js'),\nrequire('./../packages/@scandipwa/product-label/src/plugin/ProductGalleryBaseImage.plugin.js'),\nrequire('./../packages/@scandipwa/product-label/src/plugin/ProductListQuery.plugin.js'),\nrequire('./../packages/@scandipwa/product-label/src/plugin/ProductPage.plugin.js'),\nrequire('./../packages/@scandipwa/loqate/src/plugin/CheckoutAddressForm.plugin.js'),\nrequire('./../packages/@scandipwa/loqate/src/plugin/ConfigQuery.plugin.js'),\nrequire('./../packages/@scandipwa/gdpr/src/plugin/Checkout.plugin.js'),\nrequire('./../packages/@scandipwa/gdpr/src/plugin/CheckoutBilling.plugin.js'),\nrequire('./../packages/@scandipwa/gdpr/src/plugin/CheckoutGuestForm.plugin.js'),\nrequire('./../packages/@scandipwa/gdpr/src/plugin/CheckoutShipping.plugin.js'),\nrequire('./../packages/@scandipwa/gdpr/src/plugin/Html.plugin.js'),\nrequire('./../packages/@scandipwa/gdpr/src/plugin/MyAccount.plugin.js'),\nrequire('./../packages/@scandipwa/gdpr/src/plugin/MyAccountCreateAccount.plugin.js'),\nrequire('./../packages/@scandipwa/gdpr/src/plugin/Notification.plugin.js'),\nrequire('./../packages/@scandipwa/gdpr/src/plugin/Router.plugin.js'),\nrequire('./../packages/@scandipwa/zendesk/src/plugin/ConfigQuery.plugin.js'),\nrequire('./../packages/@scandipwa/zendesk/src/plugin/RouterComponent.plugin.js'),\nrequire('./../packages/@scandipwa/dotdigital/src/plugin/ConfigQuery.plugin.js'),\nrequire('./../packages/@scandipwa/dotdigital/src/plugin/NewsletterSubscriptionContainer.plugin.js'),\nrequire('./../packages/@scandipwa/dotdigital/src/plugin/ProductPageContainer.plugin.js'),\nrequire('./../packages/@scandipwa/store-finder/src/plugin/ConfigQuery.plugin.js'),\nrequire('./../packages/@scandipwa/store-finder/src/plugin/Router.plugin.js'),\nrequire('./../packages/@scandipwa/store-finder/src/plugin/StoreIndex.plugin.js'),\nrequire('./../packages/@scandipwa/recaptcha/src/plugin/ReCaptcha.plugin.js'),\nrequire('./../packages/@scandipwa/recaptcha/src/plugin/StoreIndex.plugin.js'),\nrequire('./../packages/@scandipwa/attraqt/src/plugin/AddToCart.plugin.js'),\nrequire('./../packages/@scandipwa/attraqt/src/plugin/CartPageComponent.plugin.js'),\nrequire('./../packages/@scandipwa/attraqt/src/plugin/CartPageContainer.plugin.js'),\nrequire('./../packages/@scandipwa/attraqt/src/plugin/CategoryItemsCountComponent.plugin.js'),\nrequire('./../packages/@scandipwa/attraqt/src/plugin/CategoryPageComponent.plugin.js'),\nrequire('./../packages/@scandipwa/attraqt/src/plugin/CategoryPageContainer.plugin.js'),\nrequire('./../packages/@scandipwa/attraqt/src/plugin/ConfigQuery.plugin.js'),\nrequire('./../packages/@scandipwa/attraqt/src/plugin/ProductCardComponent.plugin.js'),\nrequire('./../packages/@scandipwa/attraqt/src/plugin/ProductCardContainer.plugin.js'),\nrequire('./../packages/@scandipwa/attraqt/src/plugin/ProductLinksContainer.plugin.js'),\nrequire('./../packages/@scandipwa/attraqt/src/plugin/ProductListComponent.plugin.js'),\nrequire('./../packages/@scandipwa/attraqt/src/plugin/ProductListContainer.plugin.js'),\nrequire('./../packages/@scandipwa/attraqt/src/plugin/ProductListPageComponent.plugin.js'),\nrequire('./../packages/@scandipwa/attraqt/src/plugin/ProductListQuery.plugin.js'),\nrequire('./../packages/@scandipwa/attraqt/src/plugin/ProductListWidgetContainer.plugin.js'),\nrequire('./../packages/@scandipwa/attraqt/src/plugin/ProductPageComponent.plugin.js'),\nrequire('./../packages/@scandipwa/attraqt/src/plugin/ProductPageContainer.plugin.js'),\nrequire('./../packages/@scandipwa/attraqt/src/plugin/ProductWishlistButton.plugin.js'),\nrequire('./../packages/@scandipwa/attraqt/src/plugin/SearchBarDispatcher.plugin.js'),\nrequire('./../packages/@scandipwa/attraqt/src/plugin/SearchBarReducer.plugin.js'),\nrequire('./../packages/@scandipwa/attraqt/src/plugin/SearchFieldComponent.plugin.js'),\nrequire('./../packages/@scandipwa/attraqt/src/plugin/SearchFieldContainer.plugin.js'),\nrequire('./../packages/@scandipwa/attraqt/src/plugin/SearchOverlayComponent.plugin.js'),\nrequire('./../packages/@scandipwa/attraqt/src/plugin/SearchOverlayContainer.plugin.js'),\nrequire('./../packages/@scandipwa/amazonpay/src/plugin/CheckoutComponent.plugin.js'),\nrequire('./../packages/@scandipwa/amazonpay/src/plugin/CheckoutContainer.plugin.js'),\nrequire('./../packages/@scandipwa/amazonpay/src/plugin/CheckoutPaymentsComponent.plugin.js'),\nrequire('./../packages/@scandipwa/amazonpay/src/plugin/CheckoutPaymentsContainer.plugin.js'),\nrequire('./../packages/@scandipwa/amazonpay/src/plugin/ConfigQuery.plugin.js'),\nrequire('./../packages/@scandipwa/ampromo/src/plugin/CartDispatcher.plugin.js'),\nrequire('./../packages/@scandipwa/ampromo/src/plugin/ProductActions.plugin.js'),\nrequire('./../packages/@scandipwa/ampromo/src/plugin/ProductListQuery.plugin.js'),\nrequire('./../packages/@scandipwa/paypal/src/plugin/CartQuery.plugin.js'),\nrequire('./../packages/@scandipwa/paypal/src/plugin/CheckoutPayments.plugin.js'),\nrequire('./../packages/@scandipwa/paypal/src/plugin/CheckoutPaymentsContainer.plugin.js'),\nrequire('./../packages/@scandipwa/paypal/src/plugin/ConfigQuery.plugin.js'),\nrequire('./../packages/@scandipwa/gtm-new/src/plugin/CartItemChangeQuantity.plugin.js'),\nrequire('./../packages/@scandipwa/gtm-new/src/plugin/CartPage.container.plugin.js'),\nrequire('./../packages/@scandipwa/gtm-new/src/plugin/CheckoutBillingContainer.plugin.js'),\nrequire('./../packages/@scandipwa/gtm-new/src/plugin/CheckoutPurchasePrepare.plugin.js'),\nrequire('./../packages/@scandipwa/gtm-new/src/plugin/CheckoutShippingContainer.plugin.js'),\nrequire('./../packages/@scandipwa/gtm-new/src/plugin/CheckoutSuccessComponent.plugin.js'),\nrequire('./../packages/@scandipwa/gtm-new/src/plugin/CmsBlock.plugin.js'),\nrequire('./../packages/@scandipwa/gtm-new/src/plugin/ConfigQuery.plugin.js'),\nrequire('./../packages/@scandipwa/gtm-new/src/plugin/CookiePopup.plugin.js'),\nrequire('./../packages/@scandipwa/gtm-new/src/plugin/GlobaleCheckout.plugin.js'),\nrequire('./../packages/@scandipwa/gtm-new/src/plugin/HandleCustomerDataOnInit.plugin.js'),\nrequire('./../packages/@scandipwa/gtm-new/src/plugin/MyAccountQuery.plugin.js'),\nrequire('./../packages/@scandipwa/gtm-new/src/plugin/NoMatch.plugin.js'),\nrequire('./../packages/@scandipwa/gtm-new/src/plugin/ProductCard.plugin.js'),\nrequire('./../packages/@scandipwa/gtm-new/src/plugin/ProductClick.plugin.js'),\nrequire('./../packages/@scandipwa/gtm-new/src/plugin/ProductList.plugin.js'),\nrequire('./../packages/@scandipwa/gtm-new/src/plugin/ProductListPageComponent.plugin.js'),\nrequire('./../packages/@scandipwa/gtm-new/src/plugin/ProductListQuery.plugin.js'),\nrequire('./../packages/@scandipwa/gtm-new/src/plugin/ProductPageContainer.plugin.js'),\nrequire('./../packages/@scandipwa/gtm-new/src/plugin/RouterComponentPlugin.plugin.js'),\nrequire('./../packages/@scandipwa/gtm-new/src/plugin/RouterContainerMDTP.plugin.js'),\nrequire('./../packages/@scandipwa/gtm-new/src/plugin/SearchFieldComponent.plugin.js'),\nrequire('./../packages/@scandipwa/gtm-new/src/plugin/SearchItemContainer.plugin.js'),\nrequire('./../packages/@scandipwa/gtm-new/src/plugin/SearchOverlayComponent.plugin.js'),\nrequire('./../packages/@scandipwa/gtm-new/src/plugin/SliderWidget.plugin.js'),\nrequire('./../packages/@scandipwa/gtm-new/src/plugin/StoreFinder.plugin.js'),\nrequire('./../packages/@scandipwa/gtm-new/src/plugin/StoreReducer.plugin.js'),\nrequire('./../packages/@scandipwa/gtm-new/src/plugin/StoresList.plugin.js'),\nrequire('./../packages/@scandipwa/gtm-new/src/plugin/WishlistItemComponent.plugin.js'),\nrequire('./../packages/@scandipwa/gtm-new/src/plugin/addToCart.plugin.js'),\nrequire('./../packages/@scandipwa/gtm-new/src/plugin/myAccountLoginRegister.plugin.js'),\nrequire('./../packages/@scandipwa/gtm-new/src/plugin/wishlistItemAddToCart.plugin.js'),\nrequire('./../packages/@scandipwa/blog/src/plugin/ConfigQuery.plugin.js'),\nrequire('./../packages/@scandipwa/blog/src/plugin/HeaderComponent.plugin.js'),\nrequire('./../packages/@scandipwa/blog/src/plugin/Router.plugin.js'),\nrequire('./../packages/@scandipwa/blog/src/plugin/WidgetFactoryComponent.plugin.js'),\nrequire('./../packages/@scandipwa/globale/src/plugin/CartStore.plugin.js'),\nrequire('./../packages/@scandipwa/globale/src/plugin/CheckoutAddressForm.plugin.js'),\nrequire('./../packages/@scandipwa/globale/src/plugin/CheckoutRoute.plugin.js'),\nrequire('./../packages/@scandipwa/globale/src/plugin/HandleFreeShippingBanner.plugin.js'),\nrequire('./../packages/@scandipwa/globale/src/plugin/HeaderComponent.plugin.js'),\nrequire('./../packages/@scandipwa/globale/src/plugin/MyAccountOrderPopupComponent.plugin.js'),\nrequire('./../packages/@scandipwa/globale/src/plugin/MyAccountOrderTableRowComponent.plugin.js'),\nrequire('./../packages/@scandipwa/globale/src/plugin/OrderQuery.plugin.js'),\nrequire('./../packages/@scandipwa/globale/src/plugin/RouterComponent.plugin.js'),\nrequire('./../packages/@scandipwa/globale/src/plugin/StoreIndex.plugin.js')]);\n/**\n * @category BeautyWorks\n * @author Reinis Makulis \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2021 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport { render } from 'react-dom';\n\nimport App from 'Component/App';\n\nimport 'Util/Polyfill';\nimport 'Style/main';\n\n// let's register service-worker\nif ('serviceWorker' in navigator) {\n window.addEventListener('load', () => {\n const swUrl = '/service-worker.js';\n navigator.serviceWorker.register(swUrl, { scope: '/' });\n });\n}\n\nrender(Q.length&&Q.push(a)}\nfunction T(a,b,c,e){var d=typeof a;if(\"undefined\"===d||\"boolean\"===d)a=null;var g=!1;if(null===a)g=!0;else switch(d){case \"string\":case \"number\":g=!0;break;case \"object\":switch(a.$$typeof){case p:case q:g=!0}}if(g)return c(e,a,\"\"===b?\".\"+U(a,0):b),1;g=0;b=\"\"===b?\".\":b+\":\";if(Array.isArray(a))for(var k=0;k [\n (children) => (\n \n { children }\n \n ),\n ...member\n];\n\nexport default {\n 'Component/App/Component': {\n 'member-property': {\n contextProviders: addCheckoutProvider\n }\n }\n};\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\n'use strict';\n\nvar ReactPropTypesSecret = require('./lib/ReactPropTypesSecret');\n\nfunction emptyFunction() {}\nfunction emptyFunctionWithReset() {}\nemptyFunctionWithReset.resetWarningCache = emptyFunction;\n\nmodule.exports = function() {\n function shim(props, propName, componentName, location, propFullName, secret) {\n if (secret === ReactPropTypesSecret) {\n // It is still safe when called from React.\n return;\n }\n var err = new Error(\n 'Calling PropTypes validators directly is not supported by the `prop-types` package. ' +\n 'Use PropTypes.checkPropTypes() to call them. ' +\n 'Read more at http://fb.me/use-check-prop-types'\n );\n err.name = 'Invariant Violation';\n throw err;\n };\n shim.isRequired = shim;\n function getShim() {\n return shim;\n };\n // Important!\n // Keep this list in sync with production version in `./factoryWithTypeCheckers.js`.\n var ReactPropTypes = {\n array: shim,\n bigint: shim,\n bool: shim,\n func: shim,\n number: shim,\n object: shim,\n string: shim,\n symbol: shim,\n\n any: shim,\n arrayOf: getShim,\n element: shim,\n elementType: shim,\n instanceOf: getShim,\n node: shim,\n objectOf: getShim,\n oneOf: getShim,\n oneOfType: getShim,\n shape: getShim,\n exact: getShim,\n\n checkPropTypes: emptyFunctionWithReset,\n resetWarningCache: emptyFunction\n };\n\n ReactPropTypes.PropTypes = ReactPropTypes;\n\n return ReactPropTypes;\n};\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\n'use strict';\n\nvar ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';\n\nmodule.exports = ReactPropTypesSecret;\n","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = validate;\nfunction isPlainObject(target) {\n return Object.prototype.toString.call(target) === '[object Object]';\n}\n\nfunction validate(props) {\n if (typeof props.block === 'undefined') {\n if (typeof props.elem !== 'undefined') {\n console.warn('you should provide block along with elem', props);\n }\n\n if (typeof props.mods !== 'undefined') {\n console.warn('you should provide block along with mods', props);\n }\n } else {\n if (typeof props.block !== 'string') {\n console.warn('block should be string', props);\n }\n\n if (typeof props.elem !== 'undefined') {\n if (typeof props.elem !== 'string') {\n console.warn('elem should be string', props);\n }\n }\n\n if (typeof props.mods !== 'undefined') {\n if (!isPlainObject(props.mods)) {\n console.warn('mods should be a plain object', props);\n }\n }\n }\n\n if (typeof props.mix !== 'undefined') {\n if (!isPlainObject(props.mix) && !Array.isArray(props.mix)) {\n console.warn('mix should be a plain object or array on plain objects', props);\n }\n }\n\n return props;\n}","/**\n * @category BeautyWorks\n * @author Scandipwa \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2022 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport {\n FIRST_SECTION,\n MY_DASHBOARD,\n MY_DOWNLOADABLE\n} from 'Type/Account.type';\nimport { removeKeyFromObject } from 'Util/Manipulations';\nimport { isMobile } from 'Util/Mobile';\n\nexport const tabMap = (member) => {\n const mobileRenderMap = {\n [MY_DASHBOARD]: {\n url: `/${MY_DASHBOARD}`,\n tabName: __('My Profile'),\n section: FIRST_SECTION\n }\n };\n\n return {\n // using the isMobile.any() instead of the isMobile global variable\n // since tabMap is the static property\n ...(isMobile.any() && mobileRenderMap),\n ...removeKeyFromObject(member, MY_DOWNLOADABLE)\n };\n};\n\nexport default {\n 'Route/MyAccount/Container': {\n 'static-member': {\n tabMap\n }\n }\n};\n","/**\n * @category BeautyWorks\n * @author Scandiweb \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2024 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport { lazy } from 'react';\nimport { Route } from 'react-router-dom';\n\nimport CheckoutComThreeDsComponent from 'Route/CheckoutComThreeDs';\nimport ContactUsPageComponent from 'Route/ContactUsPage';\nimport TrackOrderComponent from 'Route/TrackOrder';\n\nconst HairTutorialsPostsListingComponent = lazy(() => import(\n /* webpackMode: \"lazy\", webpackChunkName: \"widget-blog\" */\n 'Route/HairTutorialsPostsListing'\n));\nconst HairColourChartPostsListingComponent = lazy(() => import(\n /* webpackMode: \"lazy\", webpackChunkName: \"widget-blog\" */\n 'Route/HairColourChartPostsListing'\n));\n\nexport const withStoreRegex = (path) => window.storeRegexText.concat(path);\n\nexport class RouterPlugin {\n /**\n * Adds blog url handles to the router SWITCH_ITEMS_TYPE list\n * @param originalMember\n * @returns {*[]}\n */\n // eslint-disable-next-line @scandipwa/scandipwa-guidelines/no-jsx-variables\n switchItems = (originalMember) => [\n ...originalMember,\n {\n component: b}return!1}function v(a,b,c,d,e,f){this.acceptsBooleans=2===b||3===b||4===b;this.attributeName=d;this.attributeNamespace=e;this.mustUseProperty=c;this.propertyName=a;this.type=b;this.sanitizeURL=f}var C={};\n\"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style\".split(\" \").forEach(function(a){C[a]=new v(a,0,!1,a,null,!1)});[[\"acceptCharset\",\"accept-charset\"],[\"className\",\"class\"],[\"htmlFor\",\"for\"],[\"httpEquiv\",\"http-equiv\"]].forEach(function(a){var b=a[0];C[b]=new v(b,1,!1,a[1],null,!1)});[\"contentEditable\",\"draggable\",\"spellCheck\",\"value\"].forEach(function(a){C[a]=new v(a,2,!1,a.toLowerCase(),null,!1)});\n[\"autoReverse\",\"externalResourcesRequired\",\"focusable\",\"preserveAlpha\"].forEach(function(a){C[a]=new v(a,2,!1,a,null,!1)});\"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope\".split(\" \").forEach(function(a){C[a]=new v(a,3,!1,a.toLowerCase(),null,!1)});\n[\"checked\",\"multiple\",\"muted\",\"selected\"].forEach(function(a){C[a]=new v(a,3,!0,a,null,!1)});[\"capture\",\"download\"].forEach(function(a){C[a]=new v(a,4,!1,a,null,!1)});[\"cols\",\"rows\",\"size\",\"span\"].forEach(function(a){C[a]=new v(a,6,!1,a,null,!1)});[\"rowSpan\",\"start\"].forEach(function(a){C[a]=new v(a,5,!1,a.toLowerCase(),null,!1)});var Ua=/[\\-:]([a-z])/g;function Va(a){return a[1].toUpperCase()}\n\"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height\".split(\" \").forEach(function(a){var b=a.replace(Ua,\nVa);C[b]=new v(b,1,!1,a,null,!1)});\"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type\".split(\" \").forEach(function(a){var b=a.replace(Ua,Va);C[b]=new v(b,1,!1,a,\"http://www.w3.org/1999/xlink\",!1)});[\"xml:base\",\"xml:lang\",\"xml:space\"].forEach(function(a){var b=a.replace(Ua,Va);C[b]=new v(b,1,!1,a,\"http://www.w3.org/XML/1998/namespace\",!1)});[\"tabIndex\",\"crossOrigin\"].forEach(function(a){C[a]=new v(a,1,!1,a.toLowerCase(),null,!1)});\nC.xlinkHref=new v(\"xlinkHref\",1,!1,\"xlink:href\",\"http://www.w3.org/1999/xlink\",!0);[\"src\",\"href\",\"action\",\"formAction\"].forEach(function(a){C[a]=new v(a,1,!1,a.toLowerCase(),null,!0)});var Wa=aa.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;Wa.hasOwnProperty(\"ReactCurrentDispatcher\")||(Wa.ReactCurrentDispatcher={current:null});Wa.hasOwnProperty(\"ReactCurrentBatchConfig\")||(Wa.ReactCurrentBatchConfig={suspense:null});\nfunction Xa(a,b,c,d){var e=C.hasOwnProperty(b)?C[b]:null;var f=null!==e?0===e.type:d?!1:!(2=c.length))throw Error(u(93));c=c[0]}b=c}null==b&&(b=\"\");c=b}a._wrapperState={initialValue:rb(c)}}\nfunction Kb(a,b){var c=rb(b.value),d=rb(b.defaultValue);null!=c&&(c=\"\"+c,c!==a.value&&(a.value=c),null==b.defaultValue&&a.defaultValue!==c&&(a.defaultValue=c));null!=d&&(a.defaultValue=\"\"+d)}function Lb(a){var b=a.textContent;b===a._wrapperState.initialValue&&\"\"!==b&&null!==b&&(a.value=b)}var Mb={html:\"http://www.w3.org/1999/xhtml\",mathml:\"http://www.w3.org/1998/Math/MathML\",svg:\"http://www.w3.org/2000/svg\"};\nfunction Nb(a){switch(a){case \"svg\":return\"http://www.w3.org/2000/svg\";case \"math\":return\"http://www.w3.org/1998/Math/MathML\";default:return\"http://www.w3.org/1999/xhtml\"}}function Ob(a,b){return null==a||\"http://www.w3.org/1999/xhtml\"===a?Nb(b):\"http://www.w3.org/2000/svg\"===a&&\"foreignObject\"===b?\"http://www.w3.org/1999/xhtml\":a}\nvar Pb,Qb=function(a){return\"undefined\"!==typeof MSApp&&MSApp.execUnsafeLocalFunction?function(b,c,d,e){MSApp.execUnsafeLocalFunction(function(){return a(b,c,d,e)})}:a}(function(a,b){if(a.namespaceURI!==Mb.svg||\"innerHTML\"in a)a.innerHTML=b;else{Pb=Pb||document.createElement(\"div\");Pb.innerHTML=\"\"+b.valueOf().toString()+\" \";for(b=Pb.firstChild;a.firstChild;)a.removeChild(a.firstChild);for(;b.firstChild;)a.appendChild(b.firstChild)}});\nfunction Rb(a,b){if(b){var c=a.firstChild;if(c&&c===a.lastChild&&3===c.nodeType){c.nodeValue=b;return}}a.textContent=b}function Sb(a,b){var c={};c[a.toLowerCase()]=b.toLowerCase();c[\"Webkit\"+a]=\"webkit\"+b;c[\"Moz\"+a]=\"moz\"+b;return c}var Tb={animationend:Sb(\"Animation\",\"AnimationEnd\"),animationiteration:Sb(\"Animation\",\"AnimationIteration\"),animationstart:Sb(\"Animation\",\"AnimationStart\"),transitionend:Sb(\"Transition\",\"TransitionEnd\")},Ub={},Vb={};\nya&&(Vb=document.createElement(\"div\").style,\"AnimationEvent\"in window||(delete Tb.animationend.animation,delete Tb.animationiteration.animation,delete Tb.animationstart.animation),\"TransitionEvent\"in window||delete Tb.transitionend.transition);function Wb(a){if(Ub[a])return Ub[a];if(!Tb[a])return a;var b=Tb[a],c;for(c in b)if(b.hasOwnProperty(c)&&c in Vb)return Ub[a]=b[c];return a}\nvar Xb=Wb(\"animationend\"),Yb=Wb(\"animationiteration\"),Zb=Wb(\"animationstart\"),$b=Wb(\"transitionend\"),ac=\"abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange seeked seeking stalled suspend timeupdate volumechange waiting\".split(\" \"),bc=new (\"function\"===typeof WeakMap?WeakMap:Map);function cc(a){var b=bc.get(a);void 0===b&&(b=new Map,bc.set(a,b));return b}\nfunction dc(a){var b=a,c=a;if(a.alternate)for(;b.return;)b=b.return;else{a=b;do b=a,0!==(b.effectTag&1026)&&(c=b.return),a=b.return;while(a)}return 3===b.tag?c:null}function ec(a){if(13===a.tag){var b=a.memoizedState;null===b&&(a=a.alternate,null!==a&&(b=a.memoizedState));if(null!==b)return b.dehydrated}return null}function fc(a){if(dc(a)!==a)throw Error(u(188));}\nfunction gc(a){var b=a.alternate;if(!b){b=dc(a);if(null===b)throw Error(u(188));return b!==a?null:a}for(var c=a,d=b;;){var e=c.return;if(null===e)break;var f=e.alternate;if(null===f){d=e.return;if(null!==d){c=d;continue}break}if(e.child===f.child){for(f=e.child;f;){if(f===c)return fc(e),a;if(f===d)return fc(e),b;f=f.sibling}throw Error(u(188));}if(c.return!==d.return)c=e,d=f;else{for(var g=!1,h=e.child;h;){if(h===c){g=!0;c=e;d=f;break}if(h===d){g=!0;d=e;c=f;break}h=h.sibling}if(!g){for(h=f.child;h;){if(h===\nc){g=!0;c=f;d=e;break}if(h===d){g=!0;d=f;c=e;break}h=h.sibling}if(!g)throw Error(u(189));}}if(c.alternate!==d)throw Error(u(190));}if(3!==c.tag)throw Error(u(188));return c.stateNode.current===c?a:b}function hc(a){a=gc(a);if(!a)return null;for(var b=a;;){if(5===b.tag||6===b.tag)return b;if(b.child)b.child.return=b,b=b.child;else{if(b===a)break;for(;!b.sibling;){if(!b.return||b.return===a)return null;b=b.return}b.sibling.return=b.return;b=b.sibling}}return null}\nfunction ic(a,b){if(null==b)throw Error(u(30));if(null==a)return b;if(Array.isArray(a)){if(Array.isArray(b))return a.push.apply(a,b),a;a.push(b);return a}return Array.isArray(b)?[a].concat(b):[a,b]}function jc(a,b,c){Array.isArray(a)?a.forEach(b,c):a&&b.call(c,a)}var kc=null;\nfunction lc(a){if(a){var b=a._dispatchListeners,c=a._dispatchInstances;if(Array.isArray(b))for(var d=0;dpc.length&&pc.push(a)}\nfunction rc(a,b,c,d){if(pc.length){var e=pc.pop();e.topLevelType=a;e.eventSystemFlags=d;e.nativeEvent=b;e.targetInst=c;return e}return{topLevelType:a,eventSystemFlags:d,nativeEvent:b,targetInst:c,ancestors:[]}}\nfunction sc(a){var b=a.targetInst,c=b;do{if(!c){a.ancestors.push(c);break}var d=c;if(3===d.tag)d=d.stateNode.containerInfo;else{for(;d.return;)d=d.return;d=3!==d.tag?null:d.stateNode.containerInfo}if(!d)break;b=c.tag;5!==b&&6!==b||a.ancestors.push(c);c=tc(d)}while(c);for(c=0;c=b)return{node:c,offset:b-a};a=d}a:{for(;c;){if(c.nextSibling){c=c.nextSibling;break a}c=c.parentNode}c=void 0}c=ud(c)}}\nfunction wd(a,b){return a&&b?a===b?!0:a&&3===a.nodeType?!1:b&&3===b.nodeType?wd(a,b.parentNode):\"contains\"in a?a.contains(b):a.compareDocumentPosition?!!(a.compareDocumentPosition(b)&16):!1:!1}function xd(){for(var a=window,b=td();b instanceof a.HTMLIFrameElement;){try{var c=\"string\"===typeof b.contentWindow.location.href}catch(d){c=!1}if(c)a=b.contentWindow;else break;b=td(a.document)}return b}\nfunction yd(a){var b=a&&a.nodeName&&a.nodeName.toLowerCase();return b&&(\"input\"===b&&(\"text\"===a.type||\"search\"===a.type||\"tel\"===a.type||\"url\"===a.type||\"password\"===a.type)||\"textarea\"===b||\"true\"===a.contentEditable)}var zd=\"$\",Ad=\"/$\",Bd=\"$?\",Cd=\"$!\",Dd=null,Ed=null;function Fd(a,b){switch(a){case \"button\":case \"input\":case \"select\":case \"textarea\":return!!b.autoFocus}return!1}\nfunction Gd(a,b){return\"textarea\"===a||\"option\"===a||\"noscript\"===a||\"string\"===typeof b.children||\"number\"===typeof b.children||\"object\"===typeof b.dangerouslySetInnerHTML&&null!==b.dangerouslySetInnerHTML&&null!=b.dangerouslySetInnerHTML.__html}var Hd=\"function\"===typeof setTimeout?setTimeout:void 0,Id=\"function\"===typeof clearTimeout?clearTimeout:void 0;function Jd(a){for(;null!=a;a=a.nextSibling){var b=a.nodeType;if(1===b||3===b)break}return a}\nfunction Kd(a){a=a.previousSibling;for(var b=0;a;){if(8===a.nodeType){var c=a.data;if(c===zd||c===Cd||c===Bd){if(0===b)return a;b--}else c===Ad&&b++}a=a.previousSibling}return null}var Ld=Math.random().toString(36).slice(2),Md=\"__reactInternalInstance$\"+Ld,Nd=\"__reactEventHandlers$\"+Ld,Od=\"__reactContainere$\"+Ld;\nfunction tc(a){var b=a[Md];if(b)return b;for(var c=a.parentNode;c;){if(b=c[Od]||c[Md]){c=b.alternate;if(null!==b.child||null!==c&&null!==c.child)for(a=Kd(a);null!==a;){if(c=a[Md])return c;a=Kd(a)}return b}a=c;c=a.parentNode}return null}function Nc(a){a=a[Md]||a[Od];return!a||5!==a.tag&&6!==a.tag&&13!==a.tag&&3!==a.tag?null:a}function Pd(a){if(5===a.tag||6===a.tag)return a.stateNode;throw Error(u(33));}function Qd(a){return a[Nd]||null}\nfunction Rd(a){do a=a.return;while(a&&5!==a.tag);return a?a:null}\nfunction Sd(a,b){var c=a.stateNode;if(!c)return null;var d=la(c);if(!d)return null;c=d[b];a:switch(b){case \"onClick\":case \"onClickCapture\":case \"onDoubleClick\":case \"onDoubleClickCapture\":case \"onMouseDown\":case \"onMouseDownCapture\":case \"onMouseMove\":case \"onMouseMoveCapture\":case \"onMouseUp\":case \"onMouseUpCapture\":case \"onMouseEnter\":(d=!d.disabled)||(a=a.type,d=!(\"button\"===a||\"input\"===a||\"select\"===a||\"textarea\"===a));a=!d;break a;default:a=!1}if(a)return null;if(c&&\"function\"!==typeof c)throw Error(u(231,\nb,typeof c));return c}function Td(a,b,c){if(b=Sd(a,c.dispatchConfig.phasedRegistrationNames[b]))c._dispatchListeners=ic(c._dispatchListeners,b),c._dispatchInstances=ic(c._dispatchInstances,a)}function Ud(a){if(a&&a.dispatchConfig.phasedRegistrationNames){for(var b=a._targetInst,c=[];b;)c.push(b),b=Rd(b);for(b=c.length;0this.eventPool.length&&this.eventPool.push(a)}function de(a){a.eventPool=[];a.getPooled=ee;a.release=fe}var ge=G.extend({data:null}),he=G.extend({data:null}),ie=[9,13,27,32],je=ya&&\"CompositionEvent\"in window,ke=null;ya&&\"documentMode\"in document&&(ke=document.documentMode);\nvar le=ya&&\"TextEvent\"in window&&!ke,me=ya&&(!je||ke&&8=ke),ne=String.fromCharCode(32),oe={beforeInput:{phasedRegistrationNames:{bubbled:\"onBeforeInput\",captured:\"onBeforeInputCapture\"},dependencies:[\"compositionend\",\"keypress\",\"textInput\",\"paste\"]},compositionEnd:{phasedRegistrationNames:{bubbled:\"onCompositionEnd\",captured:\"onCompositionEndCapture\"},dependencies:\"blur compositionend keydown keypress keyup mousedown\".split(\" \")},compositionStart:{phasedRegistrationNames:{bubbled:\"onCompositionStart\",\ncaptured:\"onCompositionStartCapture\"},dependencies:\"blur compositionstart keydown keypress keyup mousedown\".split(\" \")},compositionUpdate:{phasedRegistrationNames:{bubbled:\"onCompositionUpdate\",captured:\"onCompositionUpdateCapture\"},dependencies:\"blur compositionupdate keydown keypress keyup mousedown\".split(\" \")}},pe=!1;\nfunction qe(a,b){switch(a){case \"keyup\":return-1!==ie.indexOf(b.keyCode);case \"keydown\":return 229!==b.keyCode;case \"keypress\":case \"mousedown\":case \"blur\":return!0;default:return!1}}function re(a){a=a.detail;return\"object\"===typeof a&&\"data\"in a?a.data:null}var se=!1;function te(a,b){switch(a){case \"compositionend\":return re(b);case \"keypress\":if(32!==b.which)return null;pe=!0;return ne;case \"textInput\":return a=b.data,a===ne&&pe?null:a;default:return null}}\nfunction ue(a,b){if(se)return\"compositionend\"===a||!je&&qe(a,b)?(a=ae(),$d=Zd=Yd=null,se=!1,a):null;switch(a){case \"paste\":return null;case \"keypress\":if(!(b.ctrlKey||b.altKey||b.metaKey)||b.ctrlKey&&b.altKey){if(b.char&&1=document.documentMode,df={select:{phasedRegistrationNames:{bubbled:\"onSelect\",captured:\"onSelectCapture\"},dependencies:\"blur contextmenu dragend focus keydown keyup mousedown mouseup selectionchange\".split(\" \")}},ef=null,ff=null,gf=null,hf=!1;\nfunction jf(a,b){var c=b.window===b?b.document:9===b.nodeType?b:b.ownerDocument;if(hf||null==ef||ef!==td(c))return null;c=ef;\"selectionStart\"in c&&yd(c)?c={start:c.selectionStart,end:c.selectionEnd}:(c=(c.ownerDocument&&c.ownerDocument.defaultView||window).getSelection(),c={anchorNode:c.anchorNode,anchorOffset:c.anchorOffset,focusNode:c.focusNode,focusOffset:c.focusOffset});return gf&&bf(gf,c)?null:(gf=c,a=G.getPooled(df.select,ff,a,b),a.type=\"select\",a.target=ef,Xd(a),a)}\nvar kf={eventTypes:df,extractEvents:function(a,b,c,d,e,f){e=f||(d.window===d?d.document:9===d.nodeType?d:d.ownerDocument);if(!(f=!e)){a:{e=cc(e);f=wa.onSelect;for(var g=0;gzf||(a.current=yf[zf],yf[zf]=null,zf--)}\nfunction I(a,b){zf++;yf[zf]=a.current;a.current=b}var Af={},J={current:Af},K={current:!1},Bf=Af;function Cf(a,b){var c=a.type.contextTypes;if(!c)return Af;var d=a.stateNode;if(d&&d.__reactInternalMemoizedUnmaskedChildContext===b)return d.__reactInternalMemoizedMaskedChildContext;var e={},f;for(f in c)e[f]=b[f];d&&(a=a.stateNode,a.__reactInternalMemoizedUnmaskedChildContext=b,a.__reactInternalMemoizedMaskedChildContext=e);return e}function L(a){a=a.childContextTypes;return null!==a&&void 0!==a}\nfunction Df(){H(K);H(J)}function Ef(a,b,c){if(J.current!==Af)throw Error(u(168));I(J,b);I(K,c)}function Ff(a,b,c){var d=a.stateNode;a=b.childContextTypes;if(\"function\"!==typeof d.getChildContext)return c;d=d.getChildContext();for(var e in d)if(!(e in a))throw Error(u(108,pb(b)||\"Unknown\",e));return n({},c,{},d)}function Gf(a){a=(a=a.stateNode)&&a.__reactInternalMemoizedMergedChildContext||Af;Bf=J.current;I(J,a);I(K,K.current);return!0}\nfunction Hf(a,b,c){var d=a.stateNode;if(!d)throw Error(u(169));c?(a=Ff(a,b,Bf),d.__reactInternalMemoizedMergedChildContext=a,H(K),H(J),I(J,a)):H(K);I(K,c)}\nvar If=r.unstable_runWithPriority,Jf=r.unstable_scheduleCallback,Kf=r.unstable_cancelCallback,Lf=r.unstable_requestPaint,Mf=r.unstable_now,Nf=r.unstable_getCurrentPriorityLevel,Of=r.unstable_ImmediatePriority,Pf=r.unstable_UserBlockingPriority,Qf=r.unstable_NormalPriority,Rf=r.unstable_LowPriority,Sf=r.unstable_IdlePriority,Tf={},Uf=r.unstable_shouldYield,Vf=void 0!==Lf?Lf:function(){},Wf=null,Xf=null,Yf=!1,Zf=Mf(),$f=1E4>Zf?Mf:function(){return Mf()-Zf};\nfunction ag(){switch(Nf()){case Of:return 99;case Pf:return 98;case Qf:return 97;case Rf:return 96;case Sf:return 95;default:throw Error(u(332));}}function bg(a){switch(a){case 99:return Of;case 98:return Pf;case 97:return Qf;case 96:return Rf;case 95:return Sf;default:throw Error(u(332));}}function cg(a,b){a=bg(a);return If(a,b)}function dg(a,b,c){a=bg(a);return Jf(a,b,c)}function eg(a){null===Wf?(Wf=[a],Xf=Jf(Of,fg)):Wf.push(a);return Tf}function gg(){if(null!==Xf){var a=Xf;Xf=null;Kf(a)}fg()}\nfunction fg(){if(!Yf&&null!==Wf){Yf=!0;var a=0;try{var b=Wf;cg(99,function(){for(;a=b&&(rg=!0),a.firstContext=null)}\nfunction sg(a,b){if(mg!==a&&!1!==b&&0!==b){if(\"number\"!==typeof b||1073741823===b)mg=a,b=1073741823;b={context:a,observedBits:b,next:null};if(null===lg){if(null===kg)throw Error(u(308));lg=b;kg.dependencies={expirationTime:0,firstContext:b,responders:null}}else lg=lg.next=b}return a._currentValue}var tg=!1;function ug(a){a.updateQueue={baseState:a.memoizedState,baseQueue:null,shared:{pending:null},effects:null}}\nfunction vg(a,b){a=a.updateQueue;b.updateQueue===a&&(b.updateQueue={baseState:a.baseState,baseQueue:a.baseQueue,shared:a.shared,effects:a.effects})}function wg(a,b){a={expirationTime:a,suspenseConfig:b,tag:0,payload:null,callback:null,next:null};return a.next=a}function xg(a,b){a=a.updateQueue;if(null!==a){a=a.shared;var c=a.pending;null===c?b.next=b:(b.next=c.next,c.next=b);a.pending=b}}\nfunction yg(a,b){var c=a.alternate;null!==c&&vg(c,a);a=a.updateQueue;c=a.baseQueue;null===c?(a.baseQueue=b.next=b,b.next=b):(b.next=c.next,c.next=b)}\nfunction zg(a,b,c,d){var e=a.updateQueue;tg=!1;var f=e.baseQueue,g=e.shared.pending;if(null!==g){if(null!==f){var h=f.next;f.next=g.next;g.next=h}f=g;e.shared.pending=null;h=a.alternate;null!==h&&(h=h.updateQueue,null!==h&&(h.baseQueue=g))}if(null!==f){h=f.next;var k=e.baseState,l=0,m=null,p=null,x=null;if(null!==h){var z=h;do{g=z.expirationTime;if(gl&&(l=g)}else{null!==x&&(x=x.next={expirationTime:1073741823,suspenseConfig:z.suspenseConfig,tag:z.tag,payload:z.payload,callback:z.callback,next:null});Ag(g,z.suspenseConfig);a:{var D=a,t=z;g=b;ca=c;switch(t.tag){case 1:D=t.payload;if(\"function\"===typeof D){k=D.call(ca,k,g);break a}k=D;break a;case 3:D.effectTag=D.effectTag&-4097|64;case 0:D=t.payload;g=\"function\"===typeof D?D.call(ca,k,g):D;if(null===g||void 0===g)break a;k=n({},k,g);break a;case 2:tg=!0}}null!==z.callback&&\n(a.effectTag|=32,g=e.effects,null===g?e.effects=[z]:g.push(z))}z=z.next;if(null===z||z===h)if(g=e.shared.pending,null===g)break;else z=f.next=g.next,g.next=h,e.baseQueue=f=g,e.shared.pending=null}while(1)}null===x?m=k:x.next=p;e.baseState=m;e.baseQueue=x;Bg(l);a.expirationTime=l;a.memoizedState=k}}\nfunction Cg(a,b,c){a=b.effects;b.effects=null;if(null!==a)for(b=0;by?(A=m,m=null):A=m.sibling;var q=x(e,m,h[y],k);if(null===q){null===m&&(m=A);break}a&&\nm&&null===q.alternate&&b(e,m);g=f(q,g,y);null===t?l=q:t.sibling=q;t=q;m=A}if(y===h.length)return c(e,m),l;if(null===m){for(;yy?(A=t,t=null):A=t.sibling;var D=x(e,t,q.value,l);if(null===D){null===t&&(t=A);break}a&&t&&null===D.alternate&&b(e,t);g=f(D,g,y);null===m?k=D:m.sibling=D;m=D;t=A}if(q.done)return c(e,t),k;if(null===t){for(;!q.done;y++,q=h.next())q=p(e,q.value,l),null!==q&&(g=f(q,g,y),null===m?k=q:m.sibling=q,m=q);return k}for(t=d(e,t);!q.done;y++,q=h.next())q=z(t,e,y,q.value,l),null!==q&&(a&&null!==\nq.alternate&&t.delete(null===q.key?y:q.key),g=f(q,g,y),null===m?k=q:m.sibling=q,m=q);a&&t.forEach(function(a){return b(e,a)});return k}return function(a,d,f,h){var k=\"object\"===typeof f&&null!==f&&f.type===ab&&null===f.key;k&&(f=f.props.children);var l=\"object\"===typeof f&&null!==f;if(l)switch(f.$$typeof){case Za:a:{l=f.key;for(k=d;null!==k;){if(k.key===l){switch(k.tag){case 7:if(f.type===ab){c(a,k.sibling);d=e(k,f.props.children);d.return=a;a=d;break a}break;default:if(k.elementType===f.type){c(a,\nk.sibling);d=e(k,f.props);d.ref=Pg(a,k,f);d.return=a;a=d;break a}}c(a,k);break}else b(a,k);k=k.sibling}f.type===ab?(d=Wg(f.props.children,a.mode,h,f.key),d.return=a,a=d):(h=Ug(f.type,f.key,f.props,null,a.mode,h),h.ref=Pg(a,d,f),h.return=a,a=h)}return g(a);case $a:a:{for(k=f.key;null!==d;){if(d.key===k)if(4===d.tag&&d.stateNode.containerInfo===f.containerInfo&&d.stateNode.implementation===f.implementation){c(a,d.sibling);d=e(d,f.children||[]);d.return=a;a=d;break a}else{c(a,d);break}else b(a,d);d=\nd.sibling}d=Vg(f,a.mode,h);d.return=a;a=d}return g(a)}if(\"string\"===typeof f||\"number\"===typeof f)return f=\"\"+f,null!==d&&6===d.tag?(c(a,d.sibling),d=e(d,f),d.return=a,a=d):(c(a,d),d=Tg(f,a.mode,h),d.return=a,a=d),g(a);if(Og(f))return ca(a,d,f,h);if(nb(f))return D(a,d,f,h);l&&Qg(a,f);if(\"undefined\"===typeof f&&!k)switch(a.tag){case 1:case 0:throw a=a.type,Error(u(152,a.displayName||a.name||\"Component\"));}return c(a,d)}}var Xg=Rg(!0),Yg=Rg(!1),Zg={},$g={current:Zg},ah={current:Zg},bh={current:Zg};\nfunction ch(a){if(a===Zg)throw Error(u(174));return a}function dh(a,b){I(bh,b);I(ah,a);I($g,Zg);a=b.nodeType;switch(a){case 9:case 11:b=(b=b.documentElement)?b.namespaceURI:Ob(null,\"\");break;default:a=8===a?b.parentNode:b,b=a.namespaceURI||null,a=a.tagName,b=Ob(b,a)}H($g);I($g,b)}function eh(){H($g);H(ah);H(bh)}function fh(a){ch(bh.current);var b=ch($g.current);var c=Ob(b,a.type);b!==c&&(I(ah,a),I($g,c))}function gh(a){ah.current===a&&(H($g),H(ah))}var M={current:0};\nfunction hh(a){for(var b=a;null!==b;){if(13===b.tag){var c=b.memoizedState;if(null!==c&&(c=c.dehydrated,null===c||c.data===Bd||c.data===Cd))return b}else if(19===b.tag&&void 0!==b.memoizedProps.revealOrder){if(0!==(b.effectTag&64))return b}else if(null!==b.child){b.child.return=b;b=b.child;continue}if(b===a)break;for(;null===b.sibling;){if(null===b.return||b.return===a)return null;b=b.return}b.sibling.return=b.return;b=b.sibling}return null}function ih(a,b){return{responder:a,props:b}}\nvar jh=Wa.ReactCurrentDispatcher,kh=Wa.ReactCurrentBatchConfig,lh=0,N=null,O=null,P=null,mh=!1;function Q(){throw Error(u(321));}function nh(a,b){if(null===b)return!1;for(var c=0;cf))throw Error(u(301));f+=1;P=O=null;b.updateQueue=null;jh.current=rh;a=c(d,e)}while(b.expirationTime===lh)}jh.current=sh;b=null!==O&&null!==O.next;lh=0;P=O=N=null;mh=!1;if(b)throw Error(u(300));return a}\nfunction th(){var a={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};null===P?N.memoizedState=P=a:P=P.next=a;return P}function uh(){if(null===O){var a=N.alternate;a=null!==a?a.memoizedState:null}else a=O.next;var b=null===P?N.memoizedState:P.next;if(null!==b)P=b,O=a;else{if(null===a)throw Error(u(310));O=a;a={memoizedState:O.memoizedState,baseState:O.baseState,baseQueue:O.baseQueue,queue:O.queue,next:null};null===P?N.memoizedState=P=a:P=P.next=a}return P}\nfunction vh(a,b){return\"function\"===typeof b?b(a):b}\nfunction wh(a){var b=uh(),c=b.queue;if(null===c)throw Error(u(311));c.lastRenderedReducer=a;var d=O,e=d.baseQueue,f=c.pending;if(null!==f){if(null!==e){var g=e.next;e.next=f.next;f.next=g}d.baseQueue=e=f;c.pending=null}if(null!==e){e=e.next;d=d.baseState;var h=g=f=null,k=e;do{var l=k.expirationTime;if(lN.expirationTime&&\n(N.expirationTime=l,Bg(l))}else null!==h&&(h=h.next={expirationTime:1073741823,suspenseConfig:k.suspenseConfig,action:k.action,eagerReducer:k.eagerReducer,eagerState:k.eagerState,next:null}),Ag(l,k.suspenseConfig),d=k.eagerReducer===a?k.eagerState:a(d,k.action);k=k.next}while(null!==k&&k!==e);null===h?f=d:h.next=g;$e(d,b.memoizedState)||(rg=!0);b.memoizedState=d;b.baseState=f;b.baseQueue=h;c.lastRenderedState=d}return[b.memoizedState,c.dispatch]}\nfunction xh(a){var b=uh(),c=b.queue;if(null===c)throw Error(u(311));c.lastRenderedReducer=a;var d=c.dispatch,e=c.pending,f=b.memoizedState;if(null!==e){c.pending=null;var g=e=e.next;do f=a(f,g.action),g=g.next;while(g!==e);$e(f,b.memoizedState)||(rg=!0);b.memoizedState=f;null===b.baseQueue&&(b.baseState=f);c.lastRenderedState=f}return[f,d]}\nfunction yh(a){var b=th();\"function\"===typeof a&&(a=a());b.memoizedState=b.baseState=a;a=b.queue={pending:null,dispatch:null,lastRenderedReducer:vh,lastRenderedState:a};a=a.dispatch=zh.bind(null,N,a);return[b.memoizedState,a]}function Ah(a,b,c,d){a={tag:a,create:b,destroy:c,deps:d,next:null};b=N.updateQueue;null===b?(b={lastEffect:null},N.updateQueue=b,b.lastEffect=a.next=a):(c=b.lastEffect,null===c?b.lastEffect=a.next=a:(d=c.next,c.next=a,a.next=d,b.lastEffect=a));return a}\nfunction Bh(){return uh().memoizedState}function Ch(a,b,c,d){var e=th();N.effectTag|=a;e.memoizedState=Ah(1|b,c,void 0,void 0===d?null:d)}function Dh(a,b,c,d){var e=uh();d=void 0===d?null:d;var f=void 0;if(null!==O){var g=O.memoizedState;f=g.destroy;if(null!==d&&nh(d,g.deps)){Ah(b,c,f,d);return}}N.effectTag|=a;e.memoizedState=Ah(1|b,c,f,d)}function Eh(a,b){return Ch(516,4,a,b)}function Fh(a,b){return Dh(516,4,a,b)}function Gh(a,b){return Dh(4,2,a,b)}\nfunction Hh(a,b){if(\"function\"===typeof b)return a=a(),b(a),function(){b(null)};if(null!==b&&void 0!==b)return a=a(),b.current=a,function(){b.current=null}}function Ih(a,b,c){c=null!==c&&void 0!==c?c.concat([a]):null;return Dh(4,2,Hh.bind(null,b,a),c)}function Jh(){}function Kh(a,b){th().memoizedState=[a,void 0===b?null:b];return a}function Lh(a,b){var c=uh();b=void 0===b?null:b;var d=c.memoizedState;if(null!==d&&null!==b&&nh(b,d[1]))return d[0];c.memoizedState=[a,b];return a}\nfunction Mh(a,b){var c=uh();b=void 0===b?null:b;var d=c.memoizedState;if(null!==d&&null!==b&&nh(b,d[1]))return d[0];a=a();c.memoizedState=[a,b];return a}function Nh(a,b,c){var d=ag();cg(98>d?98:d,function(){a(!0)});cg(97\\x3c/script>\",a=a.removeChild(a.firstChild)):\"string\"===typeof d.is?a=g.createElement(e,{is:d.is}):(a=g.createElement(e),\"select\"===e&&(g=a,d.multiple?g.multiple=!0:d.size&&(g.size=d.size))):a=g.createElementNS(a,e);a[Md]=b;a[Nd]=d;ni(a,b,!1,!1);b.stateNode=a;g=pd(e,d);switch(e){case \"iframe\":case \"object\":case \"embed\":F(\"load\",\na);h=d;break;case \"video\":case \"audio\":for(h=0;hd.tailExpiration&&1b)&&tj.set(a,b)))}}\nfunction xj(a,b){a.expirationTimea?c:a;return 2>=a&&b!==a?0:a}\nfunction Z(a){if(0!==a.lastExpiredTime)a.callbackExpirationTime=1073741823,a.callbackPriority=99,a.callbackNode=eg(yj.bind(null,a));else{var b=zj(a),c=a.callbackNode;if(0===b)null!==c&&(a.callbackNode=null,a.callbackExpirationTime=0,a.callbackPriority=90);else{var d=Gg();1073741823===b?d=99:1===b||2===b?d=95:(d=10*(1073741821-b)-10*(1073741821-d),d=0>=d?99:250>=d?98:5250>=d?97:95);if(null!==c){var e=a.callbackPriority;if(a.callbackExpirationTime===b&&e>=d)return;c!==Tf&&Kf(c)}a.callbackExpirationTime=\nb;a.callbackPriority=d;b=1073741823===b?eg(yj.bind(null,a)):dg(d,Bj.bind(null,a),{timeout:10*(1073741821-b)-$f()});a.callbackNode=b}}}\nfunction Bj(a,b){wj=0;if(b)return b=Gg(),Cj(a,b),Z(a),null;var c=zj(a);if(0!==c){b=a.callbackNode;if((W&(fj|gj))!==V)throw Error(u(327));Dj();a===T&&c===U||Ej(a,c);if(null!==X){var d=W;W|=fj;var e=Fj();do try{Gj();break}catch(h){Hj(a,h)}while(1);ng();W=d;cj.current=e;if(S===hj)throw b=kj,Ej(a,c),xi(a,c),Z(a),b;if(null===X)switch(e=a.finishedWork=a.current.alternate,a.finishedExpirationTime=c,d=S,T=null,d){case ti:case hj:throw Error(u(345));case ij:Cj(a,2=c){a.lastPingedTime=c;Ej(a,c);break}}f=zj(a);if(0!==f&&f!==c)break;if(0!==d&&d!==c){a.lastPingedTime=d;break}a.timeoutHandle=Hd(Jj.bind(null,a),e);break}Jj(a);break;case vi:xi(a,c);d=a.lastSuspendedTime;c===d&&(a.nextKnownPendingLevel=Ij(e));if(oj&&(e=a.lastPingedTime,0===e||e>=c)){a.lastPingedTime=c;Ej(a,c);break}e=zj(a);if(0!==e&&e!==c)break;if(0!==d&&d!==c){a.lastPingedTime=\nd;break}1073741823!==mj?d=10*(1073741821-mj)-$f():1073741823===lj?d=0:(d=10*(1073741821-lj)-5E3,e=$f(),c=10*(1073741821-c)-e,d=e-d,0>d&&(d=0),d=(120>d?120:480>d?480:1080>d?1080:1920>d?1920:3E3>d?3E3:4320>d?4320:1960*bj(d/1960))-d,c=d?d=0:(e=g.busyDelayMs|0,f=$f()-(10*(1073741821-f)-(g.timeoutMs|0||5E3)),d=f<=e?0:e+d-f);if(10 component higher in the tree to provide a loading indicator or placeholder to display.\"+qb(g))}S!==\njj&&(S=ij);h=Ai(h,g);p=f;do{switch(p.tag){case 3:k=h;p.effectTag|=4096;p.expirationTime=b;var B=Xi(p,k,b);yg(p,B);break a;case 1:k=h;var w=p.type,ub=p.stateNode;if(0===(p.effectTag&64)&&(\"function\"===typeof w.getDerivedStateFromError||null!==ub&&\"function\"===typeof ub.componentDidCatch&&(null===aj||!aj.has(ub)))){p.effectTag|=4096;p.expirationTime=b;var vb=$i(p,k,b);yg(p,vb);break a}}p=p.return}while(null!==p)}X=Pj(X)}catch(Xc){b=Xc;continue}break}while(1)}\nfunction Fj(){var a=cj.current;cj.current=sh;return null===a?sh:a}function Ag(a,b){awi&&(wi=a)}function Kj(){for(;null!==X;)X=Qj(X)}function Gj(){for(;null!==X&&!Uf();)X=Qj(X)}function Qj(a){var b=Rj(a.alternate,a,U);a.memoizedProps=a.pendingProps;null===b&&(b=Pj(a));dj.current=null;return b}\nfunction Pj(a){X=a;do{var b=X.alternate;a=X.return;if(0===(X.effectTag&2048)){b=si(b,X,U);if(1===U||1!==X.childExpirationTime){for(var c=0,d=X.child;null!==d;){var e=d.expirationTime,f=d.childExpirationTime;e>c&&(c=e);f>c&&(c=f);d=d.sibling}X.childExpirationTime=c}if(null!==b)return b;null!==a&&0===(a.effectTag&2048)&&(null===a.firstEffect&&(a.firstEffect=X.firstEffect),null!==X.lastEffect&&(null!==a.lastEffect&&(a.lastEffect.nextEffect=X.firstEffect),a.lastEffect=X.lastEffect),1a?b:a}function Jj(a){var b=ag();cg(99,Sj.bind(null,a,b));return null}\nfunction Sj(a,b){do Dj();while(null!==rj);if((W&(fj|gj))!==V)throw Error(u(327));var c=a.finishedWork,d=a.finishedExpirationTime;if(null===c)return null;a.finishedWork=null;a.finishedExpirationTime=0;if(c===a.current)throw Error(u(177));a.callbackNode=null;a.callbackExpirationTime=0;a.callbackPriority=90;a.nextKnownPendingLevel=0;var e=Ij(c);a.firstPendingTime=e;d<=a.lastSuspendedTime?a.firstSuspendedTime=a.lastSuspendedTime=a.nextKnownPendingLevel=0:d<=a.firstSuspendedTime&&(a.firstSuspendedTime=\nd-1);d<=a.lastPingedTime&&(a.lastPingedTime=0);d<=a.lastExpiredTime&&(a.lastExpiredTime=0);a===T&&(X=T=null,U=0);1h&&(l=h,h=g,g=l),l=vd(q,g),m=vd(q,h),l&&m&&(1!==w.rangeCount||w.anchorNode!==l.node||w.anchorOffset!==l.offset||w.focusNode!==m.node||w.focusOffset!==m.offset)&&(B=B.createRange(),B.setStart(l.node,l.offset),w.removeAllRanges(),g>h?(w.addRange(B),w.extend(m.node,m.offset)):(B.setEnd(m.node,m.offset),w.addRange(B))))));B=[];for(w=q;w=w.parentNode;)1===w.nodeType&&B.push({element:w,left:w.scrollLeft,\ntop:w.scrollTop});\"function\"===typeof q.focus&&q.focus();for(q=0;q=c)return ji(a,b,c);I(M,M.current&1);b=$h(a,b,c);return null!==b?b.sibling:null}I(M,M.current&1);break;case 19:d=b.childExpirationTime>=c;if(0!==(a.effectTag&64)){if(d)return mi(a,b,c);b.effectTag|=64}e=b.memoizedState;null!==e&&(e.rendering=null,e.tail=null);I(M,M.current);if(!d)return null}return $h(a,b,c)}rg=!1}}else rg=!1;b.expirationTime=0;switch(b.tag){case 2:d=b.type;null!==a&&(a.alternate=null,b.alternate=null,b.effectTag|=2);a=b.pendingProps;e=Cf(b,J.current);qg(b,c);e=oh(null,\nb,d,a,e,c);b.effectTag|=1;if(\"object\"===typeof e&&null!==e&&\"function\"===typeof e.render&&void 0===e.$$typeof){b.tag=1;b.memoizedState=null;b.updateQueue=null;if(L(d)){var f=!0;Gf(b)}else f=!1;b.memoizedState=null!==e.state&&void 0!==e.state?e.state:null;ug(b);var g=d.getDerivedStateFromProps;\"function\"===typeof g&&Fg(b,d,g,a);e.updater=Jg;b.stateNode=e;e._reactInternalFiber=b;Ng(b,d,a,c);b=gi(null,b,d,!0,f,c)}else b.tag=0,R(null,b,e,c),b=b.child;return b;case 16:a:{e=b.elementType;null!==a&&(a.alternate=\nnull,b.alternate=null,b.effectTag|=2);a=b.pendingProps;ob(e);if(1!==e._status)throw e._result;e=e._result;b.type=e;f=b.tag=Xj(e);a=ig(e,a);switch(f){case 0:b=di(null,b,e,a,c);break a;case 1:b=fi(null,b,e,a,c);break a;case 11:b=Zh(null,b,e,a,c);break a;case 14:b=ai(null,b,e,ig(e.type,a),d,c);break a}throw Error(u(306,e,\"\"));}return b;case 0:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:ig(d,e),di(a,b,d,e,c);case 1:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:ig(d,e),fi(a,b,d,e,c);\ncase 3:hi(b);d=b.updateQueue;if(null===a||null===d)throw Error(u(282));d=b.pendingProps;e=b.memoizedState;e=null!==e?e.element:null;vg(a,b);zg(b,d,null,c);d=b.memoizedState.element;if(d===e)Xh(),b=$h(a,b,c);else{if(e=b.stateNode.hydrate)Ph=Jd(b.stateNode.containerInfo.firstChild),Oh=b,e=Qh=!0;if(e)for(c=Yg(b,null,d,c),b.child=c;c;)c.effectTag=c.effectTag&-3|1024,c=c.sibling;else R(a,b,d,c),Xh();b=b.child}return b;case 5:return fh(b),null===a&&Uh(b),d=b.type,e=b.pendingProps,f=null!==a?a.memoizedProps:\nnull,g=e.children,Gd(d,e)?g=null:null!==f&&Gd(d,f)&&(b.effectTag|=16),ei(a,b),b.mode&4&&1!==c&&e.hidden?(b.expirationTime=b.childExpirationTime=1,b=null):(R(a,b,g,c),b=b.child),b;case 6:return null===a&&Uh(b),null;case 13:return ji(a,b,c);case 4:return dh(b,b.stateNode.containerInfo),d=b.pendingProps,null===a?b.child=Xg(b,null,d,c):R(a,b,d,c),b.child;case 11:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:ig(d,e),Zh(a,b,d,e,c);case 7:return R(a,b,b.pendingProps,c),b.child;case 8:return R(a,\nb,b.pendingProps.children,c),b.child;case 12:return R(a,b,b.pendingProps.children,c),b.child;case 10:a:{d=b.type._context;e=b.pendingProps;g=b.memoizedProps;f=e.value;var h=b.type._context;I(jg,h._currentValue);h._currentValue=f;if(null!==g)if(h=g.value,f=$e(h,f)?0:(\"function\"===typeof d._calculateChangedBits?d._calculateChangedBits(h,f):1073741823)|0,0===f){if(g.children===e.children&&!K.current){b=$h(a,b,c);break a}}else for(h=b.child,null!==h&&(h.return=b);null!==h;){var k=h.dependencies;if(null!==\nk){g=h.child;for(var l=k.firstContext;null!==l;){if(l.context===d&&0!==(l.observedBits&f)){1===h.tag&&(l=wg(c,null),l.tag=2,xg(h,l));h.expirationTime=b&&a<=b}function xi(a,b){var c=a.firstSuspendedTime,d=a.lastSuspendedTime;cb||0===c)a.lastSuspendedTime=b;b<=a.lastPingedTime&&(a.lastPingedTime=0);b<=a.lastExpiredTime&&(a.lastExpiredTime=0)}\nfunction yi(a,b){b>a.firstPendingTime&&(a.firstPendingTime=b);var c=a.firstSuspendedTime;0!==c&&(b>=c?a.firstSuspendedTime=a.lastSuspendedTime=a.nextKnownPendingLevel=0:b>=a.lastSuspendedTime&&(a.lastSuspendedTime=b+1),b>a.nextKnownPendingLevel&&(a.nextKnownPendingLevel=b))}function Cj(a,b){var c=a.lastExpiredTime;if(0===c||c>b)a.lastExpiredTime=b}\nfunction bk(a,b,c,d){var e=b.current,f=Gg(),g=Dg.suspense;f=Hg(f,e,g);a:if(c){c=c._reactInternalFiber;b:{if(dc(c)!==c||1!==c.tag)throw Error(u(170));var h=c;do{switch(h.tag){case 3:h=h.stateNode.context;break b;case 1:if(L(h.type)){h=h.stateNode.__reactInternalMemoizedMergedChildContext;break b}}h=h.return}while(null!==h);throw Error(u(171));}if(1===c.tag){var k=c.type;if(L(k)){c=Ff(c,k,h);break a}}c=h}else c=Af;null===b.context?b.context=c:b.pendingContext=c;b=wg(f,g);b.payload={element:a};d=void 0===\nd?null:d;null!==d&&(b.callback=d);xg(e,b);Ig(e,f);return f}function ck(a){a=a.current;if(!a.child)return null;switch(a.child.tag){case 5:return a.child.stateNode;default:return a.child.stateNode}}function dk(a,b){a=a.memoizedState;null!==a&&null!==a.dehydrated&&a.retryTime=G};l=function(){};exports.unstable_forceFrameRate=function(a){0>a||125>>1,e=a[d];if(void 0!==e&&0K(n,c))void 0!==r&&0>K(r,n)?(a[d]=r,a[v]=c,d=v):(a[d]=n,a[m]=c,d=m);else if(void 0!==r&&0>K(r,c))a[d]=r,a[v]=c,d=v;else break a}}return b}return null}function K(a,b){var c=a.sortIndex-b.sortIndex;return 0!==c?c:a.id-b.id}var N=[],O=[],P=1,Q=null,R=3,S=!1,T=!1,U=!1;\nfunction V(a){for(var b=L(O);null!==b;){if(null===b.callback)M(O);else if(b.startTime<=a)M(O),b.sortIndex=b.expirationTime,J(N,b);else break;b=L(O)}}function W(a){U=!1;V(a);if(!T)if(null!==L(N))T=!0,f(X);else{var b=L(O);null!==b&&g(W,b.startTime-a)}}\nfunction X(a,b){T=!1;U&&(U=!1,h());S=!0;var c=R;try{V(b);for(Q=L(N);null!==Q&&(!(Q.expirationTime>b)||a&&!k());){var d=Q.callback;if(null!==d){Q.callback=null;R=Q.priorityLevel;var e=d(Q.expirationTime<=b);b=exports.unstable_now();\"function\"===typeof e?Q.callback=e:Q===L(N)&&M(N);V(b)}else M(N);Q=L(N)}if(null!==Q)var m=!0;else{var n=L(O);null!==n&&g(W,n.startTime-b);m=!1}return m}finally{Q=null,R=c,S=!1}}\nfunction Y(a){switch(a){case 1:return-1;case 2:return 250;case 5:return 1073741823;case 4:return 1E4;default:return 5E3}}var Z=l;exports.unstable_IdlePriority=5;exports.unstable_ImmediatePriority=1;exports.unstable_LowPriority=4;exports.unstable_NormalPriority=3;exports.unstable_Profiling=null;exports.unstable_UserBlockingPriority=2;exports.unstable_cancelCallback=function(a){a.callback=null};exports.unstable_continueExecution=function(){T||S||(T=!0,f(X))};\nexports.unstable_getCurrentPriorityLevel=function(){return R};exports.unstable_getFirstCallbackNode=function(){return L(N)};exports.unstable_next=function(a){switch(R){case 1:case 2:case 3:var b=3;break;default:b=R}var c=R;R=b;try{return a()}finally{R=c}};exports.unstable_pauseExecution=function(){};exports.unstable_requestPaint=Z;exports.unstable_runWithPriority=function(a,b){switch(a){case 1:case 2:case 3:case 4:case 5:break;default:a=3}var c=R;R=a;try{return b()}finally{R=c}};\nexports.unstable_scheduleCallback=function(a,b,c){var d=exports.unstable_now();if(\"object\"===typeof c&&null!==c){var e=c.delay;e=\"number\"===typeof e&&0d?(a.sortIndex=e,J(O,a),null===L(N)&&a===L(O)&&(U?h():U=!0,g(W,e-d))):(a.sortIndex=c,J(N,a),T||S||(T=!0,f(X)));return a};\nexports.unstable_shouldYield=function(){var a=exports.unstable_now();V(a);var b=L(N);return b!==Q&&null!==Q&&null!==b&&null!==b.callback&&b.startTime<=a&&b.expirationTime/; // e.g., \n\n/**\n * Parses HTML and reformats DOM nodes output.\n *\n * @param {String} html - The HTML string.\n * @return {Array} - The formatted DOM nodes.\n */\nfunction parseDOM(html) {\n if (typeof html !== 'string') {\n throw new TypeError('First argument must be a string');\n }\n\n if (!html) {\n return [];\n }\n\n // match directive\n var match = html.match(DIRECTIVE_REGEX);\n var directive;\n\n if (match && match[1]) {\n directive = match[1];\n\n // remove directive in IE9 because DOMParser uses\n // MIME type 'text/xml' instead of 'text/html'\n if (isIE9) {\n html = html.replace(match[0], '');\n }\n }\n\n return formatDOM(domparser(html), null, directive);\n}\n\nmodule.exports = parseDOM;\n","var utilities = require('./utilities');\n\n// constants\nvar HTML = 'html';\nvar HEAD = 'head';\nvar BODY = 'body';\nvar FIRST_TAG_REGEX = /<([a-zA-Z]+[0-9]?)/; // e.g., \nvar HEAD_TAG_REGEX = //i;\nvar BODY_TAG_REGEX = //i;\n// http://www.w3.org/TR/html/syntax.html#void-elements\nvar VOID_ELEMENTS_REGEX = /<(area|base|br|col|embed|hr|img|input|keygen|link|menuitem|meta|param|source|track|wbr)(.*?)\\/?>/gi;\n\n// detect IE browser\nvar isIE9 = utilities.isIE(9);\nvar isIE = isIE9 || utilities.isIE();\n\n// falls back to `parseFromString` if `createHTMLDocument` cannot be used\nvar parseFromDocument = function () {\n throw new Error(\n 'This browser does not support `document.implementation.createHTMLDocument`'\n );\n};\n\nvar parseFromString = function () {\n throw new Error(\n 'This browser does not support `DOMParser.prototype.parseFromString`'\n );\n};\n\n/**\n * DOMParser (performance: slow).\n *\n * @see https://developer.mozilla.org/docs/Web/API/DOMParser#Parsing_an_SVG_or_HTML_document\n */\nif (typeof window.DOMParser === 'function') {\n var domParser = new window.DOMParser();\n\n // IE9 does not support 'text/html' MIME type\n // https://msdn.microsoft.com/en-us/library/ff975278(v=vs.85).aspx\n var mimeType = isIE9 ? 'text/xml' : 'text/html';\n\n /**\n * Creates an HTML document using `DOMParser.parseFromString`.\n *\n * @param {string} html - The HTML string.\n * @param {string} [tagName] - The element to render the HTML (with 'body' as fallback).\n * @return {HTMLDocument}\n */\n parseFromString = function (html, tagName) {\n if (tagName) {\n html = '<' + tagName + '>' + html + '';\n }\n\n // because IE9 only supports MIME type 'text/xml', void elements need to be self-closed\n if (isIE9) {\n html = html.replace(VOID_ELEMENTS_REGEX, '<$1$2$3/>');\n }\n\n return domParser.parseFromString(html, mimeType);\n };\n\n parseFromDocument = parseFromString;\n}\n\n/**\n * DOMImplementation (performance: fair).\n *\n * @see https://developer.mozilla.org/docs/Web/API/DOMImplementation/createHTMLDocument\n */\nif (document.implementation) {\n // title parameter is required in IE\n // https://msdn.microsoft.com/en-us/library/ff975457(v=vs.85).aspx\n var doc = document.implementation.createHTMLDocument(\n isIE ? 'html-dom-parser' : undefined\n );\n\n /**\n * Use HTML document created by `document.implementation.createHTMLDocument`.\n *\n * @param {string} html - The HTML string.\n * @param {string} [tagName] - The element to render the HTML (with 'body' as fallback).\n * @return {HTMLDocument}\n */\n parseFromDocument = function (html, tagName) {\n if (tagName) {\n doc.documentElement.getElementsByTagName(tagName)[0].innerHTML = html;\n return doc;\n }\n\n try {\n doc.documentElement.innerHTML = html;\n return doc;\n // fallback when certain elements in `documentElement` are read-only (IE9)\n } catch (err) {\n if (parseFromString) {\n return parseFromString(html);\n }\n }\n };\n}\n\n/**\n * Template (performance: fast).\n *\n * @see https://developer.mozilla.org/docs/Web/HTML/Element/template\n */\nvar template = document.createElement('template');\nvar parseFromTemplate;\n\nif (template.content) {\n /**\n * Uses a template element (content fragment) to parse HTML.\n *\n * @param {string} html - The HTML string.\n * @return {NodeList}\n */\n parseFromTemplate = function (html) {\n template.innerHTML = html;\n return template.content.childNodes;\n };\n}\n\n/**\n * Parses HTML string to DOM nodes.\n *\n * @param {string} html - The HTML string.\n * @return {NodeList|Array}\n */\nfunction domparser(html) {\n var firstTagName;\n var match = html.match(FIRST_TAG_REGEX);\n\n if (match && match[1]) {\n firstTagName = match[1].toLowerCase();\n }\n\n var doc;\n var element;\n var elements;\n\n switch (firstTagName) {\n case HTML:\n doc = parseFromString(html);\n\n // the created document may come with filler head/body elements,\n // so make sure to remove them if they don't actually exist\n if (!HEAD_TAG_REGEX.test(html)) {\n element = doc.getElementsByTagName(HEAD)[0];\n if (element) {\n element.parentNode.removeChild(element);\n }\n }\n\n if (!BODY_TAG_REGEX.test(html)) {\n element = doc.getElementsByTagName(BODY)[0];\n if (element) {\n element.parentNode.removeChild(element);\n }\n }\n\n return doc.getElementsByTagName(HTML);\n\n case HEAD:\n case BODY:\n elements = parseFromDocument(html).getElementsByTagName(firstTagName);\n\n // if there's a sibling element, then return both elements\n if (BODY_TAG_REGEX.test(html) && HEAD_TAG_REGEX.test(html)) {\n return elements[0].parentNode.childNodes;\n }\n return elements;\n\n // low-level tag or text\n default:\n if (parseFromTemplate) {\n return parseFromTemplate(html);\n }\n\n return parseFromDocument(html, BODY).getElementsByTagName(BODY)[0]\n .childNodes;\n }\n}\n\nmodule.exports = domparser;\n","/**\n * SVG elements are case-sensitive.\n *\n * @see {@link https://developer.mozilla.org/docs/Web/SVG/Element#SVG_elements_A_to_Z}\n */\nvar CASE_SENSITIVE_TAG_NAMES = [\n 'animateMotion',\n 'animateTransform',\n 'clipPath',\n 'feBlend',\n 'feColorMatrix',\n 'feComponentTransfer',\n 'feComposite',\n 'feConvolveMatrix',\n 'feDiffuseLighting',\n 'feDisplacementMap',\n 'feDropShadow',\n 'feFlood',\n 'feFuncA',\n 'feFuncB',\n 'feFuncG',\n 'feFuncR',\n 'feGaussainBlur',\n 'feImage',\n 'feMerge',\n 'feMergeNode',\n 'feMorphology',\n 'feOffset',\n 'fePointLight',\n 'feSpecularLighting',\n 'feSpotLight',\n 'feTile',\n 'feTurbulence',\n 'foreignObject',\n 'linearGradient',\n 'radialGradient',\n 'textPath'\n];\n\nmodule.exports = {\n CASE_SENSITIVE_TAG_NAMES: CASE_SENSITIVE_TAG_NAMES\n};\n","/**\n * Copyright 2013-2014 Facebook, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n *\n */\n\n\"use strict\";\n\n/**\n * Constructs an enumeration with keys equal to their value.\n *\n * For example:\n *\n * var COLORS = keyMirror({blue: null, red: null});\n * var myColor = COLORS.blue;\n * var isColorValid = !!COLORS[myColor];\n *\n * The last line could not be performed if the values of the generated enum were\n * not equal to their keys.\n *\n * Input: {key1: val1, key2: val2}\n * Output: {key1: key1, key2: key2}\n *\n * @param {object} obj\n * @return {object}\n */\nvar keyMirror = function(obj) {\n var ret = {};\n var key;\n if (!(obj instanceof Object && !Array.isArray(obj))) {\n throw new Error('keyMirror(...): Argument must be an object.');\n }\n for (key in obj) {\n if (!obj.hasOwnProperty(key)) {\n continue;\n }\n ret[key] = key;\n }\n return ret;\n};\n\nmodule.exports = keyMirror;\n","/**\n * This is the web browser implementation of `debug()`.\n *\n * Expose `debug()` as the module.\n */\n\nexports = module.exports = require('./debug');\nexports.log = log;\nexports.formatArgs = formatArgs;\nexports.save = save;\nexports.load = load;\nexports.useColors = useColors;\nexports.storage = 'undefined' != typeof chrome\n && 'undefined' != typeof chrome.storage\n ? chrome.storage.local\n : localstorage();\n\n/**\n * Colors.\n */\n\nexports.colors = [\n 'lightseagreen',\n 'forestgreen',\n 'goldenrod',\n 'dodgerblue',\n 'darkorchid',\n 'crimson'\n];\n\n/**\n * Currently only WebKit-based Web Inspectors, Firefox >= v31,\n * and the Firebug extension (any Firefox version) are known\n * to support \"%c\" CSS customizations.\n *\n * TODO: add a `localStorage` variable to explicitly enable/disable colors\n */\n\nfunction useColors() {\n // NB: In an Electron preload script, document will be defined but not fully\n // initialized. Since we know we're in Chrome, we'll just detect this case\n // explicitly\n if (typeof window !== 'undefined' && window.process && window.process.type === 'renderer') {\n return true;\n }\n\n // is webkit? http://stackoverflow.com/a/16459606/376773\n // document is undefined in react-native: https://github.com/facebook/react-native/pull/1632\n return (typeof document !== 'undefined' && document.documentElement && document.documentElement.style && document.documentElement.style.WebkitAppearance) ||\n // is firebug? http://stackoverflow.com/a/398120/376773\n (typeof window !== 'undefined' && window.console && (window.console.firebug || (window.console.exception && window.console.table))) ||\n // is firefox >= v31?\n // https://developer.mozilla.org/en-US/docs/Tools/Web_Console#Styling_messages\n (typeof navigator !== 'undefined' && navigator.userAgent && navigator.userAgent.toLowerCase().match(/firefox\\/(\\d+)/) && parseInt(RegExp.$1, 10) >= 31) ||\n // double check webkit in userAgent just in case we are in a worker\n (typeof navigator !== 'undefined' && navigator.userAgent && navigator.userAgent.toLowerCase().match(/applewebkit\\/(\\d+)/));\n}\n\n/**\n * Map %j to `JSON.stringify()`, since no Web Inspectors do that by default.\n */\n\nexports.formatters.j = function(v) {\n try {\n return JSON.stringify(v);\n } catch (err) {\n return '[UnexpectedJSONParseError]: ' + err.message;\n }\n};\n\n\n/**\n * Colorize log arguments if enabled.\n *\n * @api public\n */\n\nfunction formatArgs(args) {\n var useColors = this.useColors;\n\n args[0] = (useColors ? '%c' : '')\n + this.namespace\n + (useColors ? ' %c' : ' ')\n + args[0]\n + (useColors ? '%c ' : ' ')\n + '+' + exports.humanize(this.diff);\n\n if (!useColors) return;\n\n var c = 'color: ' + this.color;\n args.splice(1, 0, c, 'color: inherit')\n\n // the final \"%c\" is somewhat tricky, because there could be other\n // arguments passed either before or after the %c, so we need to\n // figure out the correct index to insert the CSS into\n var index = 0;\n var lastC = 0;\n args[0].replace(/%[a-zA-Z%]/g, function(match) {\n if ('%%' === match) return;\n index++;\n if ('%c' === match) {\n // we only are interested in the *last* %c\n // (the user may have provided their own)\n lastC = index;\n }\n });\n\n args.splice(lastC, 0, c);\n}\n\n/**\n * Invokes `console.log()` when available.\n * No-op when `console.log` is not a \"function\".\n *\n * @api public\n */\n\nfunction log() {\n // this hackery is required for IE8/9, where\n // the `console.log` function doesn't have 'apply'\n return 'object' === typeof console\n && console.log\n && Function.prototype.apply.call(console.log, console, arguments);\n}\n\n/**\n * Save `namespaces`.\n *\n * @param {String} namespaces\n * @api private\n */\n\nfunction save(namespaces) {\n try {\n if (null == namespaces) {\n exports.storage.removeItem('debug');\n } else {\n exports.storage.debug = namespaces;\n }\n } catch(e) {}\n}\n\n/**\n * Load `namespaces`.\n *\n * @return {String} returns the previously persisted debug modes\n * @api private\n */\n\nfunction load() {\n var r;\n try {\n r = exports.storage.debug;\n } catch(e) {}\n\n // If debug isn't set in LS, and we're in Electron, try to load $DEBUG\n if (!r && typeof process !== 'undefined' && 'env' in process) {\n r = process.env.DEBUG;\n }\n\n return r;\n}\n\n/**\n * Enable namespaces listed in `localStorage.debug` initially.\n */\n\nexports.enable(load());\n\n/**\n * Localstorage attempts to return the localstorage.\n *\n * This is necessary because safari throws\n * when a user disables cookies/localstorage\n * and you attempt to access it.\n *\n * @return {LocalStorage}\n * @api private\n */\n\nfunction localstorage() {\n try {\n return window.localStorage;\n } catch (e) {}\n}\n","\n/**\n * This is the common logic for both the Node.js and web browser\n * implementations of `debug()`.\n *\n * Expose `debug()` as the module.\n */\n\nexports = module.exports = createDebug.debug = createDebug['default'] = createDebug;\nexports.coerce = coerce;\nexports.disable = disable;\nexports.enable = enable;\nexports.enabled = enabled;\nexports.humanize = require('ms');\n\n/**\n * The currently active debug mode names, and names to skip.\n */\n\nexports.names = [];\nexports.skips = [];\n\n/**\n * Map of special \"%n\" handling functions, for the debug \"format\" argument.\n *\n * Valid key names are a single, lower or upper-case letter, i.e. \"n\" and \"N\".\n */\n\nexports.formatters = {};\n\n/**\n * Previous log timestamp.\n */\n\nvar prevTime;\n\n/**\n * Select a color.\n * @param {String} namespace\n * @return {Number}\n * @api private\n */\n\nfunction selectColor(namespace) {\n var hash = 0, i;\n\n for (i in namespace) {\n hash = ((hash << 5) - hash) + namespace.charCodeAt(i);\n hash |= 0; // Convert to 32bit integer\n }\n\n return exports.colors[Math.abs(hash) % exports.colors.length];\n}\n\n/**\n * Create a debugger with the given `namespace`.\n *\n * @param {String} namespace\n * @return {Function}\n * @api public\n */\n\nfunction createDebug(namespace) {\n\n function debug() {\n // disabled?\n if (!debug.enabled) return;\n\n var self = debug;\n\n // set `diff` timestamp\n var curr = +new Date();\n var ms = curr - (prevTime || curr);\n self.diff = ms;\n self.prev = prevTime;\n self.curr = curr;\n prevTime = curr;\n\n // turn the `arguments` into a proper Array\n var args = new Array(arguments.length);\n for (var i = 0; i < args.length; i++) {\n args[i] = arguments[i];\n }\n\n args[0] = exports.coerce(args[0]);\n\n if ('string' !== typeof args[0]) {\n // anything else let's inspect with %O\n args.unshift('%O');\n }\n\n // apply any `formatters` transformations\n var index = 0;\n args[0] = args[0].replace(/%([a-zA-Z%])/g, function(match, format) {\n // if we encounter an escaped % then don't increase the array index\n if (match === '%%') return match;\n index++;\n var formatter = exports.formatters[format];\n if ('function' === typeof formatter) {\n var val = args[index];\n match = formatter.call(self, val);\n\n // now we need to remove `args[index]` since it's inlined in the `format`\n args.splice(index, 1);\n index--;\n }\n return match;\n });\n\n // apply env-specific formatting (colors, etc.)\n exports.formatArgs.call(self, args);\n\n var logFn = debug.log || exports.log || console.log.bind(console);\n logFn.apply(self, args);\n }\n\n debug.namespace = namespace;\n debug.enabled = exports.enabled(namespace);\n debug.useColors = exports.useColors();\n debug.color = selectColor(namespace);\n\n // env-specific initialization logic for debug instances\n if ('function' === typeof exports.init) {\n exports.init(debug);\n }\n\n return debug;\n}\n\n/**\n * Enables a debug mode by namespaces. This can include modes\n * separated by a colon and wildcards.\n *\n * @param {String} namespaces\n * @api public\n */\n\nfunction enable(namespaces) {\n exports.save(namespaces);\n\n exports.names = [];\n exports.skips = [];\n\n var split = (typeof namespaces === 'string' ? namespaces : '').split(/[\\s,]+/);\n var len = split.length;\n\n for (var i = 0; i < len; i++) {\n if (!split[i]) continue; // ignore empty strings\n namespaces = split[i].replace(/\\*/g, '.*?');\n if (namespaces[0] === '-') {\n exports.skips.push(new RegExp('^' + namespaces.substr(1) + '$'));\n } else {\n exports.names.push(new RegExp('^' + namespaces + '$'));\n }\n }\n}\n\n/**\n * Disable debug output.\n *\n * @api public\n */\n\nfunction disable() {\n exports.enable('');\n}\n\n/**\n * Returns true if the given mode name is enabled, false otherwise.\n *\n * @param {String} name\n * @return {Boolean}\n * @api public\n */\n\nfunction enabled(name) {\n var i, len;\n for (i = 0, len = exports.skips.length; i < len; i++) {\n if (exports.skips[i].test(name)) {\n return false;\n }\n }\n for (i = 0, len = exports.names.length; i < len; i++) {\n if (exports.names[i].test(name)) {\n return true;\n }\n }\n return false;\n}\n\n/**\n * Coerce `val`.\n *\n * @param {Mixed} val\n * @return {Mixed}\n * @api private\n */\n\nfunction coerce(val) {\n if (val instanceof Error) return val.stack || val.message;\n return val;\n}\n","/**\n * Helpers.\n */\n\nvar s = 1000;\nvar m = s * 60;\nvar h = m * 60;\nvar d = h * 24;\nvar y = d * 365.25;\n\n/**\n * Parse or format the given `val`.\n *\n * Options:\n *\n * - `long` verbose formatting [false]\n *\n * @param {String|Number} val\n * @param {Object} [options]\n * @throws {Error} throw an error if val is not a non-empty string or a number\n * @return {String|Number}\n * @api public\n */\n\nmodule.exports = function(val, options) {\n options = options || {};\n var type = typeof val;\n if (type === 'string' && val.length > 0) {\n return parse(val);\n } else if (type === 'number' && isNaN(val) === false) {\n return options.long ? fmtLong(val) : fmtShort(val);\n }\n throw new Error(\n 'val is not a non-empty string or a valid number. val=' +\n JSON.stringify(val)\n );\n};\n\n/**\n * Parse the given `str` and return milliseconds.\n *\n * @param {String} str\n * @return {Number}\n * @api private\n */\n\nfunction parse(str) {\n str = String(str);\n if (str.length > 100) {\n return;\n }\n var match = /^((?:\\d+)?\\.?\\d+) *(milliseconds?|msecs?|ms|seconds?|secs?|s|minutes?|mins?|m|hours?|hrs?|h|days?|d|years?|yrs?|y)?$/i.exec(\n str\n );\n if (!match) {\n return;\n }\n var n = parseFloat(match[1]);\n var type = (match[2] || 'ms').toLowerCase();\n switch (type) {\n case 'years':\n case 'year':\n case 'yrs':\n case 'yr':\n case 'y':\n return n * y;\n case 'days':\n case 'day':\n case 'd':\n return n * d;\n case 'hours':\n case 'hour':\n case 'hrs':\n case 'hr':\n case 'h':\n return n * h;\n case 'minutes':\n case 'minute':\n case 'mins':\n case 'min':\n case 'm':\n return n * m;\n case 'seconds':\n case 'second':\n case 'secs':\n case 'sec':\n case 's':\n return n * s;\n case 'milliseconds':\n case 'millisecond':\n case 'msecs':\n case 'msec':\n case 'ms':\n return n;\n default:\n return undefined;\n }\n}\n\n/**\n * Short format for `ms`.\n *\n * @param {Number} ms\n * @return {String}\n * @api private\n */\n\nfunction fmtShort(ms) {\n if (ms >= d) {\n return Math.round(ms / d) + 'd';\n }\n if (ms >= h) {\n return Math.round(ms / h) + 'h';\n }\n if (ms >= m) {\n return Math.round(ms / m) + 'm';\n }\n if (ms >= s) {\n return Math.round(ms / s) + 's';\n }\n return ms + 'ms';\n}\n\n/**\n * Long format for `ms`.\n *\n * @param {Number} ms\n * @return {String}\n * @api private\n */\n\nfunction fmtLong(ms) {\n return plural(ms, d, 'day') ||\n plural(ms, h, 'hour') ||\n plural(ms, m, 'minute') ||\n plural(ms, s, 'second') ||\n ms + ' ms';\n}\n\n/**\n * Pluralization helper.\n */\n\nfunction plural(ms, n, name) {\n if (ms < n) {\n return;\n }\n if (ms < n * 1.5) {\n return Math.floor(ms / n) + ' ' + name;\n }\n return Math.ceil(ms / n) + ' ' + name + 's';\n}\n","/**\n * This is the web browser implementation of `debug()`.\n *\n * Expose `debug()` as the module.\n */\n\nexports = module.exports = require('./debug');\nexports.log = log;\nexports.formatArgs = formatArgs;\nexports.save = save;\nexports.load = load;\nexports.useColors = useColors;\nexports.storage = 'undefined' != typeof chrome\n && 'undefined' != typeof chrome.storage\n ? chrome.storage.local\n : localstorage();\n\n/**\n * Colors.\n */\n\nexports.colors = [\n 'lightseagreen',\n 'forestgreen',\n 'goldenrod',\n 'dodgerblue',\n 'darkorchid',\n 'crimson'\n];\n\n/**\n * Currently only WebKit-based Web Inspectors, Firefox >= v31,\n * and the Firebug extension (any Firefox version) are known\n * to support \"%c\" CSS customizations.\n *\n * TODO: add a `localStorage` variable to explicitly enable/disable colors\n */\n\nfunction useColors() {\n // NB: In an Electron preload script, document will be defined but not fully\n // initialized. Since we know we're in Chrome, we'll just detect this case\n // explicitly\n if (typeof window !== 'undefined' && window.process && window.process.type === 'renderer') {\n return true;\n }\n\n // is webkit? http://stackoverflow.com/a/16459606/376773\n // document is undefined in react-native: https://github.com/facebook/react-native/pull/1632\n return (typeof document !== 'undefined' && document.documentElement && document.documentElement.style && document.documentElement.style.WebkitAppearance) ||\n // is firebug? http://stackoverflow.com/a/398120/376773\n (typeof window !== 'undefined' && window.console && (window.console.firebug || (window.console.exception && window.console.table))) ||\n // is firefox >= v31?\n // https://developer.mozilla.org/en-US/docs/Tools/Web_Console#Styling_messages\n (typeof navigator !== 'undefined' && navigator.userAgent && navigator.userAgent.toLowerCase().match(/firefox\\/(\\d+)/) && parseInt(RegExp.$1, 10) >= 31) ||\n // double check webkit in userAgent just in case we are in a worker\n (typeof navigator !== 'undefined' && navigator.userAgent && navigator.userAgent.toLowerCase().match(/applewebkit\\/(\\d+)/));\n}\n\n/**\n * Map %j to `JSON.stringify()`, since no Web Inspectors do that by default.\n */\n\nexports.formatters.j = function(v) {\n try {\n return JSON.stringify(v);\n } catch (err) {\n return '[UnexpectedJSONParseError]: ' + err.message;\n }\n};\n\n\n/**\n * Colorize log arguments if enabled.\n *\n * @api public\n */\n\nfunction formatArgs(args) {\n var useColors = this.useColors;\n\n args[0] = (useColors ? '%c' : '')\n + this.namespace\n + (useColors ? ' %c' : ' ')\n + args[0]\n + (useColors ? '%c ' : ' ')\n + '+' + exports.humanize(this.diff);\n\n if (!useColors) return;\n\n var c = 'color: ' + this.color;\n args.splice(1, 0, c, 'color: inherit')\n\n // the final \"%c\" is somewhat tricky, because there could be other\n // arguments passed either before or after the %c, so we need to\n // figure out the correct index to insert the CSS into\n var index = 0;\n var lastC = 0;\n args[0].replace(/%[a-zA-Z%]/g, function(match) {\n if ('%%' === match) return;\n index++;\n if ('%c' === match) {\n // we only are interested in the *last* %c\n // (the user may have provided their own)\n lastC = index;\n }\n });\n\n args.splice(lastC, 0, c);\n}\n\n/**\n * Invokes `console.log()` when available.\n * No-op when `console.log` is not a \"function\".\n *\n * @api public\n */\n\nfunction log() {\n // this hackery is required for IE8/9, where\n // the `console.log` function doesn't have 'apply'\n return 'object' === typeof console\n && console.log\n && Function.prototype.apply.call(console.log, console, arguments);\n}\n\n/**\n * Save `namespaces`.\n *\n * @param {String} namespaces\n * @api private\n */\n\nfunction save(namespaces) {\n try {\n if (null == namespaces) {\n exports.storage.removeItem('debug');\n } else {\n exports.storage.debug = namespaces;\n }\n } catch(e) {}\n}\n\n/**\n * Load `namespaces`.\n *\n * @return {String} returns the previously persisted debug modes\n * @api private\n */\n\nfunction load() {\n var r;\n try {\n r = exports.storage.debug;\n } catch(e) {}\n\n // If debug isn't set in LS, and we're in Electron, try to load $DEBUG\n if (!r && typeof process !== 'undefined' && 'env' in process) {\n r = process.env.DEBUG;\n }\n\n return r;\n}\n\n/**\n * Enable namespaces listed in `localStorage.debug` initially.\n */\n\nexports.enable(load());\n\n/**\n * Localstorage attempts to return the localstorage.\n *\n * This is necessary because safari throws\n * when a user disables cookies/localstorage\n * and you attempt to access it.\n *\n * @return {LocalStorage}\n * @api private\n */\n\nfunction localstorage() {\n try {\n return window.localStorage;\n } catch (e) {}\n}\n","\n/**\n * This is the common logic for both the Node.js and web browser\n * implementations of `debug()`.\n *\n * Expose `debug()` as the module.\n */\n\nexports = module.exports = createDebug.debug = createDebug['default'] = createDebug;\nexports.coerce = coerce;\nexports.disable = disable;\nexports.enable = enable;\nexports.enabled = enabled;\nexports.humanize = require('ms');\n\n/**\n * The currently active debug mode names, and names to skip.\n */\n\nexports.names = [];\nexports.skips = [];\n\n/**\n * Map of special \"%n\" handling functions, for the debug \"format\" argument.\n *\n * Valid key names are a single, lower or upper-case letter, i.e. \"n\" and \"N\".\n */\n\nexports.formatters = {};\n\n/**\n * Previous log timestamp.\n */\n\nvar prevTime;\n\n/**\n * Select a color.\n * @param {String} namespace\n * @return {Number}\n * @api private\n */\n\nfunction selectColor(namespace) {\n var hash = 0, i;\n\n for (i in namespace) {\n hash = ((hash << 5) - hash) + namespace.charCodeAt(i);\n hash |= 0; // Convert to 32bit integer\n }\n\n return exports.colors[Math.abs(hash) % exports.colors.length];\n}\n\n/**\n * Create a debugger with the given `namespace`.\n *\n * @param {String} namespace\n * @return {Function}\n * @api public\n */\n\nfunction createDebug(namespace) {\n\n function debug() {\n // disabled?\n if (!debug.enabled) return;\n\n var self = debug;\n\n // set `diff` timestamp\n var curr = +new Date();\n var ms = curr - (prevTime || curr);\n self.diff = ms;\n self.prev = prevTime;\n self.curr = curr;\n prevTime = curr;\n\n // turn the `arguments` into a proper Array\n var args = new Array(arguments.length);\n for (var i = 0; i < args.length; i++) {\n args[i] = arguments[i];\n }\n\n args[0] = exports.coerce(args[0]);\n\n if ('string' !== typeof args[0]) {\n // anything else let's inspect with %O\n args.unshift('%O');\n }\n\n // apply any `formatters` transformations\n var index = 0;\n args[0] = args[0].replace(/%([a-zA-Z%])/g, function(match, format) {\n // if we encounter an escaped % then don't increase the array index\n if (match === '%%') return match;\n index++;\n var formatter = exports.formatters[format];\n if ('function' === typeof formatter) {\n var val = args[index];\n match = formatter.call(self, val);\n\n // now we need to remove `args[index]` since it's inlined in the `format`\n args.splice(index, 1);\n index--;\n }\n return match;\n });\n\n // apply env-specific formatting (colors, etc.)\n exports.formatArgs.call(self, args);\n\n var logFn = debug.log || exports.log || console.log.bind(console);\n logFn.apply(self, args);\n }\n\n debug.namespace = namespace;\n debug.enabled = exports.enabled(namespace);\n debug.useColors = exports.useColors();\n debug.color = selectColor(namespace);\n\n // env-specific initialization logic for debug instances\n if ('function' === typeof exports.init) {\n exports.init(debug);\n }\n\n return debug;\n}\n\n/**\n * Enables a debug mode by namespaces. This can include modes\n * separated by a colon and wildcards.\n *\n * @param {String} namespaces\n * @api public\n */\n\nfunction enable(namespaces) {\n exports.save(namespaces);\n\n exports.names = [];\n exports.skips = [];\n\n var split = (typeof namespaces === 'string' ? namespaces : '').split(/[\\s,]+/);\n var len = split.length;\n\n for (var i = 0; i < len; i++) {\n if (!split[i]) continue; // ignore empty strings\n namespaces = split[i].replace(/\\*/g, '.*?');\n if (namespaces[0] === '-') {\n exports.skips.push(new RegExp('^' + namespaces.substr(1) + '$'));\n } else {\n exports.names.push(new RegExp('^' + namespaces + '$'));\n }\n }\n}\n\n/**\n * Disable debug output.\n *\n * @api public\n */\n\nfunction disable() {\n exports.enable('');\n}\n\n/**\n * Returns true if the given mode name is enabled, false otherwise.\n *\n * @param {String} name\n * @return {Boolean}\n * @api public\n */\n\nfunction enabled(name) {\n var i, len;\n for (i = 0, len = exports.skips.length; i < len; i++) {\n if (exports.skips[i].test(name)) {\n return false;\n }\n }\n for (i = 0, len = exports.names.length; i < len; i++) {\n if (exports.names[i].test(name)) {\n return true;\n }\n }\n return false;\n}\n\n/**\n * Coerce `val`.\n *\n * @param {Mixed} val\n * @return {Mixed}\n * @api private\n */\n\nfunction coerce(val) {\n if (val instanceof Error) return val.stack || val.message;\n return val;\n}\n","/**\n * Helpers.\n */\n\nvar s = 1000;\nvar m = s * 60;\nvar h = m * 60;\nvar d = h * 24;\nvar y = d * 365.25;\n\n/**\n * Parse or format the given `val`.\n *\n * Options:\n *\n * - `long` verbose formatting [false]\n *\n * @param {String|Number} val\n * @param {Object} [options]\n * @throws {Error} throw an error if val is not a non-empty string or a number\n * @return {String|Number}\n * @api public\n */\n\nmodule.exports = function(val, options) {\n options = options || {};\n var type = typeof val;\n if (type === 'string' && val.length > 0) {\n return parse(val);\n } else if (type === 'number' && isNaN(val) === false) {\n return options.long ? fmtLong(val) : fmtShort(val);\n }\n throw new Error(\n 'val is not a non-empty string or a valid number. val=' +\n JSON.stringify(val)\n );\n};\n\n/**\n * Parse the given `str` and return milliseconds.\n *\n * @param {String} str\n * @return {Number}\n * @api private\n */\n\nfunction parse(str) {\n str = String(str);\n if (str.length > 100) {\n return;\n }\n var match = /^((?:\\d+)?\\.?\\d+) *(milliseconds?|msecs?|ms|seconds?|secs?|s|minutes?|mins?|m|hours?|hrs?|h|days?|d|years?|yrs?|y)?$/i.exec(\n str\n );\n if (!match) {\n return;\n }\n var n = parseFloat(match[1]);\n var type = (match[2] || 'ms').toLowerCase();\n switch (type) {\n case 'years':\n case 'year':\n case 'yrs':\n case 'yr':\n case 'y':\n return n * y;\n case 'days':\n case 'day':\n case 'd':\n return n * d;\n case 'hours':\n case 'hour':\n case 'hrs':\n case 'hr':\n case 'h':\n return n * h;\n case 'minutes':\n case 'minute':\n case 'mins':\n case 'min':\n case 'm':\n return n * m;\n case 'seconds':\n case 'second':\n case 'secs':\n case 'sec':\n case 's':\n return n * s;\n case 'milliseconds':\n case 'millisecond':\n case 'msecs':\n case 'msec':\n case 'ms':\n return n;\n default:\n return undefined;\n }\n}\n\n/**\n * Short format for `ms`.\n *\n * @param {Number} ms\n * @return {String}\n * @api private\n */\n\nfunction fmtShort(ms) {\n if (ms >= d) {\n return Math.round(ms / d) + 'd';\n }\n if (ms >= h) {\n return Math.round(ms / h) + 'h';\n }\n if (ms >= m) {\n return Math.round(ms / m) + 'm';\n }\n if (ms >= s) {\n return Math.round(ms / s) + 's';\n }\n return ms + 'ms';\n}\n\n/**\n * Long format for `ms`.\n *\n * @param {Number} ms\n * @return {String}\n * @api private\n */\n\nfunction fmtLong(ms) {\n return plural(ms, d, 'day') ||\n plural(ms, h, 'hour') ||\n plural(ms, m, 'minute') ||\n plural(ms, s, 'second') ||\n ms + ' ms';\n}\n\n/**\n * Pluralization helper.\n */\n\nfunction plural(ms, n, name) {\n if (ms < n) {\n return;\n }\n if (ms < n * 1.5) {\n return Math.floor(ms / n) + ' ' + name;\n }\n return Math.ceil(ms / n) + ' ' + name + 's';\n}\n","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /* eslint-disable max-len */\n\n\nvar _class = function (_React$Component) {\n _inherits(_class, _React$Component);\n\n function _class() {\n _classCallCheck(this, _class);\n\n return _possibleConstructorReturn(this, (_class.__proto__ || Object.getPrototypeOf(_class)).apply(this, arguments));\n }\n\n _createClass(_class, [{\n key: 'render',\n value: function render() {\n return _react2.default.createElement(\n 'button',\n {\n className: 'vimeo-play-button',\n onClick: this.props.onClick,\n type: 'button' },\n _react2.default.createElement(\n 'svg',\n {\n version: '1.1',\n viewBox: '0 0 100 100',\n xmlns: 'http://www.w3.org/2000/svg' },\n _react2.default.createElement('path', { d: 'M79.674,53.719c2.59-2.046,2.59-5.392,0-7.437L22.566,1.053C19.977-0.993,18,0.035,18,3.335v93.331c0,3.3,1.977,4.326,4.566,2.281L79.674,53.719z' })\n )\n );\n }\n }]);\n\n return _class;\n}(_react2.default.Component);\n\n_class.displayName = 'PlayButton';\n_class.propTypes = {\n onClick: _propTypes2.default.func\n};\nexports.default = _class;\nmodule.exports = exports['default'];","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /* eslint-disable max-len */\n\n\n/*\n * React component for Vimeo Loading Spinner created and rendered.\n * SVG Path is used for creating the spinner.\n */\nvar _class = function (_React$Component) {\n _inherits(_class, _React$Component);\n\n function _class() {\n _classCallCheck(this, _class);\n\n return _possibleConstructorReturn(this, (_class.__proto__ || Object.getPrototypeOf(_class)).apply(this, arguments));\n }\n\n _createClass(_class, [{\n key: 'render',\n value: function render() {\n return _react2.default.createElement(\n 'div',\n { className: 'vimeo-loading' },\n _react2.default.createElement(\n 'svg',\n {\n height: '32',\n viewBox: '0 0 32 32',\n width: '32',\n xmlns: 'http://www.w3.org/2000/svg' },\n _react2.default.createElement('path', {\n d: 'M16 0 A16 16 0 0 0 16 32 A16 16 0 0 0 16 0 M16 4 A12 12 0 0 1 16 28 A12 12 0 0 1 16 4',\n opacity: '.25' }),\n _react2.default.createElement('path', { d: 'M16 0 A16 16 0 0 1 32 16 L28 16 A12 12 0 0 0 16 4z' })\n )\n );\n }\n }]);\n\n return _class;\n}(_react2.default.Component);\n\n_class.displayName = 'Spinner';\nexports.default = _class;\nmodule.exports = exports['default'];","/**\n * @category BeautyWorks\n * @author Reinis Makulis \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2021 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport CmsBlocksReducer from 'Store/CmsBlocks/CmsBlocks.reducer';\n\nimport FeaturedPostsReducer from '../@scandipwa/blog/store/FeaturedPosts/FeaturedPosts.reducer';\n\nexport class StoreIndexPlugin {\n /**\n * Plugin to add blog reducers to getStaticReducers method.\n * @param args\n */\n aroundGetStaticReducers = (args, callback) => ({\n ...callback(...args),\n FeaturedPostsReducer,\n CmsBlocksReducer\n });\n}\n\nconst { aroundGetStaticReducers } = new StoreIndexPlugin();\n\nexport default {\n 'Store/Index/getStaticReducers': {\n function: aroundGetStaticReducers\n }\n};\n","/**\n * @category BeautyWorks\n * @author Abderrahim Kadnaoui \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2024 Scandiweb, Inc (https://scandiweb.com)\n */\n/* eslint-disable react/no-unknown-property */\nimport { lazy, Suspense } from 'react';\n\nimport { IMAGE_TYPE } from 'Component/ProductGallery/ProductGallery.config';\n\nexport const SocialShare = lazy(() => import(\n /* webpackMode: \"lazy\", webpackChunkName: \"social-share\" */\n '../component/SocialShare'\n));\n\nconst renderSocialShare = (props) => {\n const {\n socialShare: {\n enabled,\n options\n },\n product: { name, media_gallery_entries }\n } = props;\n\n if (!enabled) {\n return null;\n }\n\n const mediaUrl = media_gallery_entries?.find((entry) => entry?.media_type === IMAGE_TYPE)?.base?.url;\n const fallbackImage = 'https://beautyworksonline.com/media/catalog/image-not-available.png';\n\n return (\n \n \n \n \n );\n};\n\nconst renderShortDescription = (args, callback, instance) => {\n const { device: { isMobile } } = instance.props;\n\n if (isMobile) {\n return (\n <>\n { renderSocialShare(instance.props) }\n { callback.apply(instance, args) }\n \n );\n }\n\n return (\n <>\n { callback.apply(instance, args) }\n { renderSocialShare(instance.props) }\n \n );\n};\n\nexport const config = {\n 'Component/ProductActions/Component': {\n 'member-function': {\n renderShortDescription\n }\n }\n};\n\nexport default config;\n","/**\n * @category BeautyWorks\n * @author Abderrahim Kadnaoui \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2024 Scandiweb, Inc (https://scandiweb.com)\n */\n\nconst mapStateToProps = (args, callback) => {\n const [state] = args;\n\n return {\n ...callback(...args),\n socialShare: state.SocialShareReducer.socialShare\n };\n};\n\nconst addToContainerProps = (args, callback, instance) => {\n const {\n socialShare\n } = instance.props;\n\n return {\n ...callback(...args),\n socialShare\n };\n};\n\nexport default {\n 'Component/ProductActions/Container/mapStateToProps': {\n function: mapStateToProps\n },\n 'Component/ProductActions/Container': {\n 'member-function': {\n containerProps: addToContainerProps\n }\n }\n};\n","/**\n * @category BeautyWorks\n * @author Abderrahim Kadnaoui \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2024 Scandiweb, Inc (https://scandiweb.com)\n */\nexport const SocialShareDispatcher = import(\n /* webpackMode: \"lazy\", webpackChunkName: \"dispatchers\" */\n '../store/SocialShare/SocialShare.dispatcher'\n);\n\n/** @namespace ScandipwaSocialshare/Plugin/RouterContainerPlugin/mapDispatchToProps */\nexport const mapDispatchToProps = (args, callback) => {\n const [dispatch] = args;\n const mdtp = callback(...args);\n const { init } = mdtp;\n\n mdtp.init = (...args) => {\n init(...args);\n SocialShareDispatcher.then(\n ({ default: dispatcher }) => dispatcher.handleData(dispatch)\n );\n };\n\n return mdtp;\n};\n\nexport const config = {\n 'Scandipwa/Component/Router/Container/mapDispatchToProps': {\n function: mapDispatchToProps\n }\n};\n\nexport default config;\n","/**\n * Checkout.com package for SPWA for card payments\n * @copyright Scandiweb, Inc. All rights reserved.\n */\n\nimport { CheckoutComCardProvider } from '../../context/CheckoutComCard';\n\nconst addCheckoutComCardProvider = (member) => [\n (children) => (\n \n { children }\n \n ),\n ...member\n];\n\nexport default {\n 'Component/App/Component': {\n 'member-property': {\n contextProviders: addCheckoutComCardProvider\n }\n }\n};\n","/**\n * @package scandipwa\\noibu\n * @author Fuad Kamilov \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2023 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport { BEFORE_ITEMS_TYPE } from 'Component/Router/Router.config';\n\nimport NoibuChannelTypesContainer from '../component/NoibuChannelTypes';\n\nexport const MAX_POSITION = 1000;\nexport const INCREASED_POSITION = 10;\n\nconst addNoibuChannelTypesComponent = (member, _context) => {\n const maxPosition = Math.max(\n ...member.map((route) => route.position).filter((num) => num <= MAX_POSITION)\n );\n\n // eslint-disable-next-line @scandipwa/scandipwa-guidelines/no-jsx-variables\n return [\n ...member,\n {\n component: \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2024 Scandiweb, Inc (https://scandiweb.com)\n */\nconst REVIEWS_SURVEY_SCRIPT_SRC = 'https://widget.reviews.io/modern-widgets/survey.js';\nconst ONE_MINUTE_IN_MILLISECONDS = 60000;\n\nconst mapStateToProps = (args, callback, _instance) => {\n const [state] = args;\n\n return {\n ...callback(...args),\n reviewsStoreCode: state.ConfigReducer.reviewscouk_store_id\n };\n};\n\nconst componentWillUnmount = (args, callback = () => {}, instance) => {\n const {\n reviewsStoreCode,\n customer: {\n email = '',\n firstname = '',\n lastname = ''\n } = {},\n totals: {\n items = []\n } = {}\n } = instance.props;\n\n if (items?.length) {\n const script = document.createElement('script');\n\n script.src = REVIEWS_SURVEY_SCRIPT_SRC;\n\n document.head.appendChild(script);\n\n const div = document.createElement('div');\n\n div.id = 'reviews-io-survey-widget';\n div.setAttribute('widget-id', '4wxujAB9zpPlv8cJ');\n div.setAttribute('store-name', reviewsStoreCode);\n div.setAttribute('campaign-id', '1320');\n div.setAttribute('lang', 'en');\n\n const tags = email ? [\n { label: 'name', value: `${firstname} ${lastname}` },\n { label: 'email', value: email },\n { label: 'sku', value: items.map(({ sku }) => sku) }\n ] : [\n { label: 'sku', value: items.map(({ sku }) => sku) }\n ];\n\n div.setAttribute('tags', JSON.stringify(tags));\n\n document.body.appendChild(div);\n\n const intervalId = setInterval(() => {\n const surveyPanel = document.querySelector('.SurveyPanel.SurveyPanel--autoHeight.isActive');\n\n if (!surveyPanel) {\n script?.remove();\n div?.remove();\n clearInterval(intervalId);\n }\n }, ONE_MINUTE_IN_MILLISECONDS);\n }\n\n callback.apply(instance, args);\n};\n\nconst componentDidMount = (args, callback = () => {}, instance) => {\n const element = document.getElementById('reviews-io-survey-widget');\n\n element?.parentNode.removeChild(element);\n\n callback.apply(instance, args);\n};\n\nexport default {\n 'Route/Checkout/Container': {\n 'member-function': {\n componentWillUnmount: {\n position: 120,\n implementation: componentWillUnmount\n },\n componentDidMount\n }\n },\n 'Route/Checkout/Container/mapStateToProps': {\n function: mapStateToProps\n }\n};\n","/**\n * @category BeautyWorks\n * @author Scandiweb \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2023 Scandiweb, Inc (https://scandiweb.com)\n */\nexport const addReviewsCoUkFields = (args, callback) => [\n ...callback(...args),\n 'reviewscouk_store_id'\n];\n\nexport default {\n 'Query/Config/Query': {\n 'member-function': {\n _getStoreConfigFields: addReviewsCoUkFields\n }\n }\n};\n","/**\n * @category BeautyWorks\n * @author Abderrahim Kadnaoui \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2023 Scandiweb, Inc (https://scandiweb.com)\n */\nimport ProductReviewRating from 'Component/ProductReviewRating';\nimport { showNotification } from 'Store/Notification/Notification.action';\n\nimport {\n FULL_PERCENTAGE,\n FULL_STARS_COUNT,\n REVIEWCOUK_API_URL\n} from '../component/ReviewsCoUkPDP/ReviewsCoUkPDP.config';\n\nconst renderReviews = (args, callback, instance) => {\n const {\n product: { sku: productSku, variants = [] },\n reviewsStoreCode,\n setRatingData,\n ratingsCount,\n averageRating\n } = instance.props;\n\n if (!productSku) {\n return null;\n }\n\n const skuArray = variants?.map(({ sku }) => sku);\n\n const sku = [productSku, ...skuArray]?.join(';');\n\n fetch(`${REVIEWCOUK_API_URL}?store=${reviewsStoreCode}&sku=${sku}`)\n .then((response) => {\n if (!response.ok) {\n return null;\n }\n\n return response.json();\n })\n .then((data) => {\n const { stats: { average = null, count = 0 } = {} } = data;\n\n setRatingData(parseFloat(average), count);\n })\n .catch((error) => {\n showNotification('error', error);\n });\n\n if (!averageRating || !ratingsCount) {\n return null;\n }\n\n const ratingPercent = (averageRating * FULL_PERCENTAGE) / FULL_STARS_COUNT;\n\n return (\n \n \n { `${ ratingsCount } ${ __('Reviews') }` }\n \n \n );\n};\n\nexport default {\n 'Component/ProductActions/Component': {\n 'member-function': {\n renderReviews\n }\n }\n};\n","/**\n * @category BeautyWorks\n * @author Scandiweb \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2023 Scandiweb, Inc (https://scandiweb.com)\n */\nimport { lazy } from 'react';\n\nconst ReviewsCoUk = lazy(() => import(\n /* webpackMode: \"lazy\", webpackChunkName: \"product\" */\n '../component/ReviewsCoUkPDP'\n));\n\nexport const SURVEY_WIDGET_DELAY = 5000;\nexport const SURVEY_DISPLAY_TIME = 60000;\nlet surveyTimeout;\n\nconst renderProductReviews = (args, callback, instance) => {\n const { activeProduct: { sku: productSku, variants = [] } } = instance.props;\n\n if (!productSku) {\n return null;\n }\n\n const sku = variants?.map(({ sku }) => sku);\n\n const skuProp = [productSku, ...sku]?.join(';');\n\n return (\n * @package @scandipwa/awin-advertiser-tracking\n * @copyright Copyright (c) 2023 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport { DETAILS_STEP } from '@scandipwa/scandipwa/src/route/Checkout/Checkout.config';\n\nimport BrowserDatabase from 'Util/BrowserDatabase';\nimport { fetchQuery } from 'Util/Request';\n\nimport {\n AWC,\n CATEGORY_ELECTRICAL,\n CATEGORY_HAIR,\n CATEGORY_HAIRCARE,\n CATEGORY_OTHER,\n HAIR_CATEGORIES,\n MASTER_IFRAME,\n MASTER_SCRIPT,\n MODULE_VERSION,\n PRODUCT_IMG,\n PRODUCT_TRACKING,\n TRACKING_IMG_URL,\n TRACKING_SERVER_URL\n} from '../component/AwinAdvertiserTracking/AwinAdvertiserTracking.config';\nimport AwinQuery from '../query/Awin.query';\n\nexport class CheckoutContainerPlugin {\n afterMapStateToProps = (args, callback, _instance) => {\n const [state] = args;\n\n return {\n ...callback(...args),\n awinTracking: state.ConfigReducer.awinTracking\n };\n };\n\n state = (original) => ({\n ...original,\n scriptAdded: false,\n masterTagAdded: false,\n serverToServerSent: false,\n awcValue: '',\n isNewEmail: null,\n guestEmail: ''\n });\n\n // Removing master tag from checkout, as product tracking needs to be in place before MT loaded.\n componentDidMount = (args, callback, instance) => {\n const { customer } = instance.props;\n const customerEmail = customer ? customer.email : '';\n\n this.getIsNewCustomer(customerEmail, instance);\n\n if (!customerEmail) {\n this.trackGuestEmail(instance);\n }\n\n this.setCksValue(instance);\n this.removeAwinElement(MASTER_IFRAME);\n this.removeAwinElement(MASTER_SCRIPT);\n window.AWIN = null;\n this.renderAWINCheckout(instance);\n\n return callback(...args);\n };\n\n componentDidUpdate = (args, callback, instance) => {\n const { awinTracking, customer } = instance.props;\n const { checkoutStep, isNewEmail } = instance.state;\n const customerEmail = customer ? customer.email : '';\n\n this.renderServerToServerTracking(instance);\n this.renderAWINCheckout(instance);\n\n if (customerEmail && isNewEmail === null) {\n this.getIsNewCustomer(customerEmail, instance);\n }\n\n if (!customerEmail) {\n this.trackGuestEmail(instance);\n }\n\n // removing Awin mastertag from checkout so product tracking can be added before it\n if (checkoutStep === DETAILS_STEP) {\n const { masterTagAdded } = instance.state;\n const basket = document.getElementById(PRODUCT_TRACKING);\n\n if (!masterTagAdded && basket) {\n this.injectAwinMasterTag(awinTracking, instance);\n }\n }\n\n return callback(...args);\n };\n\n // Removing product tracking elements and adding back the master tag if not present\n componentWillUnmount = (args, callback, instance) => {\n const { awinTracking } = instance.props;\n const { masterTagAdded } = instance.state;\n\n this.removeAwinElement(PRODUCT_TRACKING);\n this.removeAwinElement(PRODUCT_IMG);\n\n if (!masterTagAdded) {\n this.injectAwinMasterTag(awinTracking, instance);\n }\n };\n\n injectAwinMasterTag(awinTracking, instance) {\n const { masterTagAdded } = instance.props;\n\n if (masterTagAdded) {\n return null;\n }\n\n const currentUrl = new URL(window.location.href);\n const awcValue = BrowserDatabase.getItem(AWC);\n const sourceFromUrl = '';\n const baseUrl = currentUrl.origin;\n const {\n advertiser_id: advertiserId\n } = awinTracking;\n\n const iframeScript = document.createElement('iframe');\n iframeScript.id = MASTER_IFRAME;\n iframeScript.src = `${baseUrl}/awin/?awc=${awcValue}&source=${sourceFromUrl}`;\n iframeScript.style.display = 'none';\n iframeScript.style.width = '0px';\n iframeScript.style.height = '0px';\n\n document.body.appendChild(iframeScript);\n\n const script = document.createElement('script');\n script.id = MASTER_SCRIPT;\n script.src = `https://www.dwin1.com/${advertiserId}.js`;\n script.defer = true;\n\n document.body.appendChild(script);\n instance.setState({ masterTagAdded: true });\n\n return null;\n }\n\n removeAwinElement(id) {\n const element = document.getElementById(id);\n\n if (element) {\n element.remove();\n }\n }\n\n /**\n * Function to gather the necessary data and execute specified url to trigger server-to-server tracking.\n * @param instance\n * @returns {null}\n */\n renderServerToServerTracking(instance) {\n const {\n checkoutStep, serverToServerSent, orderID: orderId, awcValue = '', isNewEmail\n } = instance.state;\n\n if (checkoutStep !== DETAILS_STEP || serverToServerSent) {\n return null;\n }\n\n const {\n totals: {\n subtotal_with_discount: totalAmount, quote_currency_code: currency, coupon_code: couponCode\n },\n awinTracking\n } = instance.props;\n\n if (!awinTracking) {\n return null;\n }\n\n const { advertiser_id: advertiserId } = awinTracking;\n\n const cks = awcValue !== '' ? awcValue : BrowserDatabase.getItem(AWC);\n\n const serverToServerLink = this.prepareUrl(\n cks, 'ss', advertiserId, totalAmount, currency, orderId, couponCode, isNewEmail\n );\n\n // no response, url just needs to be executed.\n fetch(serverToServerLink);\n instance.setState({ serverToServerSent: true });\n\n return null;\n }\n\n /**\n * Set Cks from browser database or cookies\n * @returns {*}\n */\n setCksValue(instance) {\n const awcValue = BrowserDatabase.getItem(AWC);\n\n if (!awcValue || awcValue === '') {\n fetchQuery(AwinQuery.getAwinCookieValue()).then(\n ({ getCookieValue: awcValue }) => {\n BrowserDatabase.setItem(awcValue, AWC);\n instance.setState({ awcValue });\n }\n );\n } else {\n instance.setState({ awcValue });\n }\n }\n\n /**\n * Prepare url with parameters\n * @param cks\n * @param tt\n * @param advertiserId\n * @param totalAmount\n * @param currency\n * @param orderId\n * @param couponCode\n * @param isNewCustomer\n * @returns {string}\n */\n prepareUrl(cks, tt, advertiserId, totalAmount, currency, orderId, couponCode, isNewCustomer) {\n const voucher = couponCode ? encodeURIComponent(couponCode) : '';\n const parameters = new URLSearchParams();\n parameters.append('tt', tt);\n parameters.append('tv', '2');\n\n if (cks) {\n parameters.append('cks', cks);\n }\n\n parameters.append('merchant', advertiserId);\n parameters.append('amount', totalAmount);\n parameters.append('ch', 'aw');\n parameters.append('cr', currency);\n parameters.append('parts', `${ isNewCustomer ? 'NEW' : 'EXISTING' }:${totalAmount}`);\n parameters.append('ref', orderId);\n parameters.append('vc', voucher);\n parameters.append('p1', MODULE_VERSION);\n parameters.append('testmode', 0);\n const URL = cks ? TRACKING_SERVER_URL : TRACKING_IMG_URL;\n\n return URL + parameters.toString();\n }\n\n getItemId(id, type_id, variants) {\n if (type_id !== 'configurable' || !variants.length) {\n return id;\n }\n\n const { id: productId } = variants[0];\n\n return productId;\n }\n\n renderAWINCheckout(instance) {\n const { orderID: orderId, checkoutStep, scriptAdded } = instance.state;\n\n if (checkoutStep !== DETAILS_STEP || scriptAdded) {\n return null;\n }\n\n const {\n totals:\n {\n items: totalItems, subtotal_with_discount: totalAmount, quote_currency_code: currency, coupon_code\n },\n awinTracking\n } = instance.props;\n\n if (!awinTracking) {\n return null;\n }\n\n const { advertiser_id: advertiserId } = awinTracking;\n const p1 = MODULE_VERSION;\n const voucher = coupon_code ? encodeURIComponent(coupon_code) : '';\n const channel = this.getChannelParameterValue();\n const { isNewEmail: isNewCustomer } = instance.state;\n const imageUrl = this.prepareUrl(\n false, 'ns', advertiserId, totalAmount, currency, orderId, voucher, isNewCustomer\n );\n const img = document.createElement('img');\n img.id = PRODUCT_IMG;\n img.setAttribute('border', '0');\n img.setAttribute('height', '0');\n img.setAttribute('src', imageUrl);\n img.style.display = 'none';\n img.setAttribute('width', '0');\n\n // Create the form element\n const form = document.createElement('form');\n form.id = PRODUCT_TRACKING;\n form.style.display = 'none';\n form.setAttribute('name', PRODUCT_TRACKING);\n\n // Create the textarea element\n const textarea = document.createElement('textarea');\n textarea.setAttribute('wrap', 'physical');\n textarea.setAttribute('id', 'aw_basket');\n\n // eslint-disable-next-line fp/no-let\n let textareaContent = '';\n\n const { itemsData = [] } = instance.state;\n const items = totalItems.length ? totalItems : itemsData;\n\n for (let i = 0; i < items.length; i++) {\n const item = items[i];\n const {\n sku, qty, discount_amount, price, product: {\n id, name, attributes, type_id, variants = []\n }\n } = item;\n\n const isFreeItem = price === discount_amount;\n const itemSku = sku;\n const itemProductId = this.getItemId(id, type_id, variants);\n const itemProductName = isFreeItem ? `FREE ITEM - ${name}` : name;\n const itemCategory = isFreeItem ? CATEGORY_OTHER : this.getCategoryName(attributes);\n const itemQuantity = qty;\n // price without tax and with included discount for every item\n const itemPrice = this.getItemPriceWithDiscount(price, discount_amount, qty);\n\n // eslint-disable-next-line max-len\n textareaContent += `AW:P|${ advertiserId }|${ orderId }|${ itemProductId }|${ itemProductName }|${ itemPrice }|${ itemQuantity }|${ itemSku }|${ isNewCustomer ? 'NEW' : 'EXISTING' }|${ itemCategory }\\r\\n`;\n }\n\n // Set the content for the textarea\n textarea.textContent = textareaContent;\n\n // Append the elements to the document\n form.appendChild(textarea);\n document.body.appendChild(img);\n document.body.appendChild(form);\n\n // AWIN script goes here\n const script = document.createElement('script');\n script.type = 'text/javascript';\n script.textContent = `\n var AWIN = {};\n AWIN.Tracking = {};\n AWIN.Tracking.Sale = {};\n AWIN.Tracking.Sale.amount = ${totalAmount};\n AWIN.Tracking.Sale.channel = \"${channel}\";\n AWIN.Tracking.Sale.currency = \"${currency}\";\n AWIN.Tracking.Sale.orderRef = \"${orderId}\";\n AWIN.Tracking.Sale.parts = \"${ isNewCustomer ? 'NEW' : 'EXISTING' }:${totalAmount}\";\n AWIN.Tracking.Sale.voucher = \"${voucher}\";\n AWIN.Tracking.Sale.custom = [\"${p1}\"];\n AWIN.Tracking.Sale.test = \"0\";\n `;\n\n document.body.appendChild(script);\n\n instance.setState({ scriptAdded: true });\n return null;\n }\n\n getCategoryName(attributes) {\n const { product_category = {} } = attributes;\n\n if (!Object.keys(product_category).length) {\n return CATEGORY_OTHER;\n }\n\n const { attribute_options = {}, attribute_value = '' } = product_category;\n\n if (!Object.keys(attribute_options).length || !attribute_value || attribute_value === '') {\n return CATEGORY_OTHER;\n }\n\n const { label = '' } = attribute_options[attribute_value];\n\n if (HAIR_CATEGORIES.includes(label)) {\n return CATEGORY_HAIR;\n } if (label === CATEGORY_HAIRCARE) {\n return CATEGORY_HAIRCARE;\n } if (label === CATEGORY_ELECTRICAL) {\n return CATEGORY_ELECTRICAL;\n }\n\n return CATEGORY_OTHER;\n }\n\n getItemPriceWithDiscount(price, discount, quantity) {\n const itemPrice = isNaN(price) ? 0 : price;\n const qty = quantity > 0 ? quantity : 0;\n const discountAmount = isNaN(discount) ? 0 : discount;\n const discountedPrice = itemPrice - (discountAmount / qty);\n\n return discountedPrice > 0 ? discountedPrice : 0;\n }\n\n getChannelParameterValue() {\n try {\n const cookieChannel = this.getCookie('source');\n if (cookieChannel && cookieChannel.length > 0) {\n return cookieChannel;\n }\n } catch (e) {\n // ignnored\n }\n\n return 'aw';\n }\n\n getCookie(name) {\n const cookies = document.cookie.split('; ');\n // eslint-disable-next-line fp/no-let\n let foundCookieValue = null;\n\n cookies.forEach((cookieString) => {\n const [cookieName, cookieValue] = cookieString.split('=');\n if (cookieName === name) {\n foundCookieValue = decodeURIComponent(cookieValue);\n }\n });\n\n return foundCookieValue;\n }\n\n getIsNewCustomer(email, instance) {\n if (!email) {\n instance.setState({ isNewEmail: false });\n return;\n }\n\n fetchQuery(AwinQuery.awinCustomerStatus(email))\n .then((response) => {\n const isNew = !response.awinCustomerStatus;\n instance.setState({ isNewEmail: isNew });\n })\n .catch((error) => {\n console.error('Error fetching customer status:', error);\n });\n }\n\n trackGuestEmail(instance) {\n const emailInput = document.querySelector('[name=\"guest_email\"]');\n\n if (emailInput) {\n let debounceTimeout;\n const timeout = 300;\n emailInput.addEventListener('input', (event) => {\n clearTimeout(debounceTimeout);\n debounceTimeout = setTimeout(() => {\n const email = event.target.value.trim();\n instance.setState({ guestEmail: email });\n this.getIsNewCustomer(email, instance);\n }, timeout);\n });\n }\n }\n}\n\nconst {\n afterMapStateToProps,\n componentDidMount,\n componentDidUpdate,\n state,\n componentWillUnmount\n} = new CheckoutContainerPlugin();\n\nexport default {\n 'Route/Checkout/Container/mapStateToProps': {\n function: afterMapStateToProps\n },\n 'Route/Checkout/Container': {\n 'member-function': {\n componentDidMount,\n componentDidUpdate,\n componentWillUnmount\n },\n 'member-property': {\n state\n }\n }\n};\n","/**\n * @category ScandiPWA\n * @author Fuad Kamilov \n * @package @scandipwa/awin-advertiser-tracking\n * @copyright Copyright (c) 2023 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport { Field } from 'Util/Query';\n\nexport class ConfigQueryPlugin {\n _getStoreConfigFields = (args, callback) => ([\n ...callback(...args),\n this.getAwinConfig()\n ]);\n\n getAwinConfig() {\n return new Field('awinTracking')\n .addFieldList(this.getAwinConfigData());\n }\n\n getAwinConfigData() {\n return [\n 'advertiser_id'\n ];\n }\n}\n\nexport const { _getStoreConfigFields } = new ConfigQueryPlugin();\n\nexport default {\n 'Query/Config/Query': {\n 'member-function': {\n _getStoreConfigFields\n }\n }\n};\n","/**\n * @category ScandiPWA\n * @author Fuad Kamilov \n * @package @scandipwa/awin-advertiser-tracking\n * @copyright Copyright (c) 2023 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport { BEFORE_ITEMS_TYPE } from 'Component/Router/Router.config';\n\nimport AwinAdvertiserTracking from '../component/AwinAdvertiserTracking';\n\nexport const MAX_POSITION = 1000;\nexport const INCREASED_POSITION = 10;\n\nconst addAwinComponent = (member, _context) => {\n const maxPosition = Math.max(\n ...member.map((route) => route.position).filter((num) => num <= MAX_POSITION)\n );\n\n // eslint-disable-next-line @scandipwa/scandipwa-guidelines/no-jsx-variables\n return [\n ...member,\n {\n component: \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2023 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport { BEFORE_ITEMS_TYPE } from 'Component/Router/Router.config';\n\nimport ConvertContainer from '../component/Convert';\n\nexport const MAX_POSITION = 1000;\nexport const INCREASED_POSITION = 10;\n\nconst addConvertComponent = (member, _context) => {\n const maxPosition = Math.max(\n ...member.map((route) => route.position).filter((num) => num <= MAX_POSITION)\n );\n\n // eslint-disable-next-line @scandipwa/scandipwa-guidelines/no-jsx-variables\n return [\n ...member,\n {\n component: \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2023 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport PropTypes from 'prop-types';\n\nimport { DETAILS_STEP } from 'Route/Checkout/Checkout.config';\n\nexport class CheckoutContainerPlugin {\n afterMapStateToProps = (args, callback) => {\n const [state] = args;\n return {\n ...callback(...args),\n tolstoy: state.ConfigReducer.tolstoy\n };\n };\n\n addTolstoyToContainerProps = (args) => ({\n ...args,\n tolstoy: PropTypes.shape({\n tolstoy_enabled: PropTypes.bool,\n tolstoy_js_script: PropTypes.string,\n app_key: PropTypes.string,\n app_url: PropTypes.string,\n email: PropTypes.string\n }).isRequired\n });\n\n addTolstoyToContainerDefaultProps = (args) => ({\n ...args,\n tolstoy: {}\n });\n\n afterComponentDidUpdate = (args, callback, instance) => {\n callback(...args);\n\n const { checkoutStep, orderID } = instance.state;\n const { totals: { items, grand_total, quote_currency_code }, tolstoy } = instance.props;\n\n const tolstoyEnabled = tolstoy ? tolstoy.tolstoy_enabled : false;\n\n const itemsData = items?.map((item) => ({\n discounts: [{ amount: item.discount_amount }],\n price: item.price,\n productId: item.product.id,\n quantity: item.qty,\n title: item.product.name,\n totalPrice: item.row_total_incl_tax,\n variantId: item.product.variants[0] ? item.product.variants[0].id : item.product.id\n }));\n\n if (checkoutStep === DETAILS_STEP && tolstoyEnabled) {\n this.initializeTolstoyConversion(tolstoy, itemsData, orderID, quote_currency_code, grand_total);\n }\n };\n\n initializeTolstoyConversion = (tolstoy, itemsData, orderID, quote_currency_code, grand_total) => {\n try {\n if (!document.querySelector('script[src=\"https://widget.gotolstoy.com/track.js\"]')) {\n window.tolstoyConversion = {\n appKey: tolstoy.app_key,\n appUrl: tolstoy.app_url,\n currency: quote_currency_code,\n email: tolstoy.email,\n items: itemsData,\n orderId: orderID,\n presentmentCurrency: quote_currency_code,\n totalPrice: grand_total\n };\n this.addTolstoyScript();\n }\n } catch (e) {\n console.error(`Error in conversion tracking ${e}`);\n }\n };\n\n addTolstoyScript = () => {\n const script = document.createElement('script');\n script.type = 'text/javascript';\n script.async = true;\n script.src = 'https://widget.gotolstoy.com/track.js';\n const firstScriptNode = document.getElementsByTagName('script')[0];\n firstScriptNode.parentNode.insertBefore(script, firstScriptNode);\n };\n\n containerProps = (args, callback, instance) => {\n const { tolstoy } = instance.props;\n\n return {\n ...callback(...args),\n tolstoy\n };\n };\n\n renderSuccessCmsContent = (args, callback, instance) => {\n const { tolstoy } = instance.props;\n\n if (!tolstoy) {\n return (<>{ callback(...args) });\n }\n\n const { tolstoy_enabled } = tolstoy;\n\n const customContent = tolstoy_enabled ? (\n \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2023 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport { Field } from 'Util/Query';\n\nexport class ConfigQueryPlugin {\n _getStoreConfigFields = (args, callback) => ([\n ...callback(...args),\n this.getTolstoyConfig()\n ]);\n\n getTolstoyConfig() {\n return new Field('tolstoy')\n .addFieldList(this.getTolstoyConfigData());\n }\n\n getTolstoyConfigData() {\n return [\n 'tolstoy_enabled',\n 'tolstoy_js_script',\n 'app_key',\n 'app_url',\n 'email',\n 'stories_id'\n ];\n }\n}\n\nexport const { _getStoreConfigFields } = new ConfigQueryPlugin();\n\nexport default {\n 'Query/Config/Query': {\n 'member-function': {\n _getStoreConfigFields\n }\n }\n};\n","/* eslint-disable max-lines */\n/**\n * @package scandipwa\\tolstoy\n * @author Fuad Kamilov \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2023 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport ContentWrapper from '@scandipwa/scandipwa/src/component/ContentWrapper';\nimport NoMatchHandler from '@scandipwa/scandipwa/src/route/NoMatchHandler';\nimport React from 'react';\n\nimport CmsBlock from 'Component/CmsBlock';\nimport { ADD_TO_CART } from 'Util/Product';\nimport { magentoProductTransform } from 'Util/Product/Transform';\nimport { prepareQuery } from 'Util/Query';\nimport { executeGet } from 'Util/Request';\n\nimport { POLLING_INTERVAL_FOR_SKU } from '../component/Tolstoy/Tolstoy.config';\nimport TolstoyProductsQuery from '../query/TolstoyProducts.query';\n\nexport const CartDispatcher = import(\n /* webpackMode: \"lazy\", webpackChunkName: \"dispatchers\" */\n 'Store/Cart/Cart.dispatcher'\n);\n\nexport class ProductPagePlugin {\n // Initialize the queue\n productQueue = [];\n\n isQueueProcessing = false;\n\n prevProductSku = null;\n\n afterMapStateToProps = (args, callback) => {\n const [state] = args;\n\n return {\n ...callback(...args),\n tolstoy: state.ConfigReducer.tolstoy,\n cartId: state.CartReducer.id\n };\n };\n\n afterMapDispatchToProps = (args, callback) => {\n const [dispatch] = args;\n\n return {\n ...callback(...args),\n fallbackAddToCart: (options) => CartDispatcher.then(\n ({ default: dispatcher }) => dispatcher.addProductToCart(dispatch, options)\n )\n };\n };\n\n afterComponentDidMount = (args, callback, instance) => {\n callback(...args);\n\n if (window.tolstoyWidget) {\n window.tolstoyWidget.subscribe('tolstoy_add_to_cart', (data) => {\n this.addProductCallback(data, instance);\n });\n } else {\n window.addEventListener('tolstoyWidgetReady', () => {\n window.tolstoyWidget.subscribe('tolstoy_add_to_cart', (data) => {\n this.addProductCallback(data, instance);\n });\n });\n }\n };\n\n afterComponentDidUpdate = (args, callback, instance) => {\n callback(...args);\n\n const {\n tolstoy,\n tolstoy: { stories_id }\n } = instance.props;\n\n const { activeProduct } = instance.state;\n\n const variantSku = activeProduct ? activeProduct.sku : null;\n\n if (window.tolstoyWidget && variantSku && tolstoy) {\n\n if (variantSku !== this.prevProductSku) {\n window.tolstoyWidget?.[`${stories_id}`]?.init(`${variantSku}`);\n this.prevProductSku = variantSku;\n }\n\n }\n };\n\n addProductCallback = (data, instance) => {\n const { productId } = data;\n\n // Push product to the queue (the reasoning is to avoid parallel addition, which results in a problem for cart)\n this.productQueue.push({\n productId,\n instance,\n data\n });\n\n // Processing the queue\n this.processQueue();\n };\n\n processQueue = () => {\n // If queue is already being processed, do nothing, ignore basically\n if (this.isQueueProcessing) {\n return;\n }\n\n // If queue is empty, do nothing, just ignore really\n if (this.productQueue.length === 0) {\n return;\n }\n\n this.isQueueProcessing = true;\n\n // Getting the first product from the queue\n const { productId, instance, data } = this.productQueue.shift();\n\n this.addProductToCart(productId, instance, data);\n };\n\n async addProductToCart(sku, instance, data) {\n executeGet(prepareQuery(TolstoyProductsQuery.getProductBySku(sku)), 'product').then(\n async (result) => {\n const { product } = result;\n\n if ((!product || Object.keys(product).length === 0)) {\n window.tolstoyWidget.postMessage({\n ...data,\n eventName: 'tolstoy_add_to_cart_error'\n });\n\n return;\n }\n\n const {\n quantity,\n cartId,\n fallbackAddToCart\n } = instance.props;\n const magentoProduct = magentoProductTransform(ADD_TO_CART, product, quantity);\n\n try {\n await fallbackAddToCart({\n products: magentoProduct,\n cartId\n });\n\n window.tolstoyWidget.postMessage({\n ...data,\n eventName: 'tolstoy_add_to_cart_success'\n });\n } catch (e) {\n console.error(`Could not add the product${e}`);\n\n window.tolstoyWidget.postMessage({\n ...data,\n eventName: 'tolstoy_add_to_cart_error'\n });\n }\n\n // Setting flag to false and processing to the next product in the queue\n this.isQueueProcessing = false;\n this.processQueue();\n }\n ).catch((error) => {\n console.error('Error fetching product by SKU:', error);\n\n window.tolstoyWidget.postMessage({\n ...data,\n eventName: 'tolstoy_add_to_cart_error'\n });\n });\n }\n\n containerProps = (args, callback, instance) => {\n const {\n tolstoy\n } = instance.props;\n\n return {\n ...callback(...args),\n tolstoy\n };\n };\n\n renderTolstoyStories(productId, storiesId, activeId) {\n return (\n \n
\n );\n }\n\n renderWithTolstoy(instance) {\n const {\n isAMSPage, activeProduct,\n activeProduct: { sku, variants },\n tolstoy, tolstoy: { stories_id },\n isVariant, activeId\n } = instance.props;\n\n if (!activeProduct || !tolstoy) {\n return this.renderDefaultContent(instance);\n }\n\n if (!sku) {\n return this.renderDefaultContent(instance);\n }\n\n const skuForWidget = isVariant && activeId ? variants.find((variant) => variant.id === activeId).sku : sku;\n\n return (\n \n \n \n {instance.renderProductPageContent()}\n \n {this.waitForSkuAndRenderTolstoyStories(skuForWidget, stories_id, activeId)}\n {this.renderCategoryBottomCMSBlock(instance)}\n {instance.renderRelatedProductsInExpressWeftWidget()}\n {isAMSPage ? instance.renderAdditionalInfoOrTabs(true) : instance.renderAdditionalSections()}\n {instance.renderReviewPopup()}\n \n \n );\n }\n\n renderDefaultContent(instance) {\n return (\n \n \n \n {instance.renderProductPageContent()}\n \n {this.renderCategoryBottomCMSBlock(instance)}\n {instance.renderRelatedProductsInExpressWeftWidget()}\n {instance.renderAdditionalSections()}\n {instance.renderReviewPopup()}\n \n \n );\n }\n\n waitForSkuAndRenderTolstoyStories(sku, stories_id, activeId) {\n if (!sku) {\n setTimeout(() => {\n this.waitForSkuAndRenderTolstoyStories(sku, stories_id, activeId);\n }, POLLING_INTERVAL_FOR_SKU);\n\n return null;\n }\n\n return this.renderTolstoyStories(sku, stories_id, activeId);\n }\n\n render = (args, callback, instance) => {\n const { tolstoy } = instance.props;\n\n if (!tolstoy) {\n return (<>{ callback(...args) });\n }\n\n const { tolstoy_enabled } = tolstoy;\n\n return tolstoy_enabled ? this.renderWithTolstoy(instance) : (<>{ callback(...args) });\n };\n\n renderCategoryBottomCMSBlock(instance) {\n const { activeProduct: { categories } } = instance.props;\n\n const categoryBottomCmsBlock = categories?.find(({ pdps_block_bottom }) => pdps_block_bottom);\n\n if (!categoryBottomCmsBlock) {\n return null;\n }\n\n return \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2023 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport { BEFORE_ITEMS_TYPE } from 'Component/Router/Router.config';\n\nimport TolstoyContainer from '../component/Tolstoy';\n\nexport const MAX_POSITION = 1000;\nexport const INCREASED_POSITION = 10;\n\nconst addTolstoyComponent = (member, _context) => {\n const maxPosition = Math.max(\n ...member.map((route) => route.position).filter((num) => num <= MAX_POSITION)\n );\n\n // eslint-disable-next-line @scandipwa/scandipwa-guidelines/no-jsx-variables\n return [\n ...member,\n {\n component: \n * @package @scandipwa/amasty-pre-order\n * @copyright Copyright (c) 2023 Scandiweb, Inc (https://scandiweb.com)\n */\n\nconst renderPreOrderButton = (props) => {\n const {\n mix,\n addProductToCart,\n layout,\n isAdding,\n isDisabled,\n isProductBeingAdded\n } = props;\n\n const text = 'PRE-ORDER';\n const block = 'AddToCart Button';\n const buttonText = isAdding ? __('Adding...') : text;\n const isButtonDisabled = isAdding || isDisabled || isProductBeingAdded;\n\n return (\n \n { buttonText } \n \n );\n};\n\nexport const defaultProps = (originalMember) => ({\n ...originalMember,\n isPreOrderEnabled: false,\n isPreOrder: false\n});\n\nconst render = (args, callback, instance) => {\n const { isPreOrder, isPreOrderEnabled } = instance.props;\n\n return isPreOrder && isPreOrderEnabled ? renderPreOrderButton(instance.props) : (<>{ callback(...args) });\n};\n\nexport default {\n 'Component/AddToCart/Component': {\n 'member-function': {\n render\n },\n 'static-member': {\n defaultProps\n }\n }\n};\n","/**\n * @category ScandiPWA\n * @author Fuad Kamilov \n * @package @scandipwa/amasty-pre-order\n * @copyright Copyright (c) 2023 Scandiweb, Inc (https://scandiweb.com)\n */\nexport class AddToCartContainerPlugin {\n afterMapStateToProps = (args, callback) => {\n const [state] = args;\n\n return {\n ...callback(...args),\n isPreOrderEnabledInfo: state.ConfigReducer.preorder\n };\n };\n\n defaultProps = (originalMember) => ({\n ...originalMember,\n isPreOrderEnabledInfo: {},\n isPreOrder: false\n });\n\n containerProps = (args, callback, instance) => {\n const {\n product: { preOrderData },\n isPreOrderEnabledInfo: { preorder_enabled: isPreOrderEnabled }\n } = instance.props;\n\n const isPreOrder = preOrderData ? preOrderData.isPreOrder : false;\n\n return {\n ...callback(...args),\n isPreOrder,\n isPreOrderEnabled\n };\n };\n}\n\nconst {\n containerProps,\n afterMapStateToProps,\n defaultProps\n} = new AddToCartContainerPlugin();\n\nexport default {\n 'Component/AddToCart/Container': {\n 'member-function': {\n containerProps\n },\n 'static-member': {\n defaultProps\n }\n },\n 'Component/AddToCart/Container/mapStateToProps': {\n function: afterMapStateToProps\n }\n};\n","/**\n * @category ScandiPWA\n * @author Fuad Kamilov \n * @package @scandipwa/amasty-pre-order\n * @copyright Copyright (c) 2023 Scandiweb, Inc (https://scandiweb.com)\n */\nexport class CartItemContainerPlugin {\n afterMapStateToProps = (args, callback) => {\n const [state] = args;\n\n return {\n ...callback(...args),\n isPreOrderEnabledInfo: state.ConfigReducer.preorder\n };\n };\n\n defaultProps = (originalMember) => ({\n ...originalMember,\n isPreOrderEnabledInfo: {},\n isPreOrder: false\n });\n\n containerProps = (args, callback, instance) => {\n const {\n isPreOrderEnabledInfo: { preorder_enabled: isPreorderEnabled }\n } = instance.props;\n\n return {\n ...callback(...args),\n isPreorderEnabled\n };\n };\n}\n\nconst {\n afterMapStateToProps,\n containerProps,\n defaultProps\n} = new CartItemContainerPlugin();\n\nexport default {\n 'Component/CartItem/Container/mapStateToProps': {\n function: afterMapStateToProps\n },\n 'Component/CartItem/Container': {\n 'member-function': {\n containerProps\n },\n 'static-member': {\n defaultProps\n }\n }\n};\n","/**\n * @category ScandiPWA\n * @author Fuad Kamilov \n * @package @scandipwa/amasty-pre-order\n * @copyright Copyright (c) 2023 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport { Field } from 'Util/Query';\n\nexport class ConfigQueryPlugin {\n _getStoreConfigFields = (args, callback) => ([\n ...callback(...args),\n this.getPreOrderConfiguration()\n ]);\n\n getPreOrderConfiguration() {\n return new Field('preorder')\n .addFieldList(this._getPreOrderConfigurationFields());\n }\n\n _getPreOrderConfigurationFields() {\n return [\n 'preorder_enabled'\n ];\n }\n}\n\nconst {\n _getStoreConfigFields\n} = new ConfigQueryPlugin();\n\nexport default {\n 'Query/Config/Query': {\n 'member-function': {\n _getStoreConfigFields\n }\n }\n};\n","/**\n * @category ScandiPWA\n * @author Fuad Kamilov \n * @package @scandipwa/amasty-pre-order\n * @copyright Copyright (c) 2023 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport { Field } from 'Util/Query';\n\nexport class ProductListQueryPlugin {\n _getProductInterfaceFields = (args, callback, instance) => {\n const { isSingleProduct, isWidget, isPlp } = instance.options;\n const fields = callback(...args);\n fields.push(this.getPreOrderField());\n\n if (isSingleProduct) {\n fields.push(this.getPreOrderField());\n }\n\n if (isWidget || isPlp) {\n fields.push(this.getPreOrderField());\n }\n\n if (isWidget) {\n fields.push(this.getPreOrderField());\n }\n\n return fields;\n };\n\n _getCartProductInterfaceFields = (args, callback) => {\n const fields = callback(...args);\n fields.push(this.getPreOrderField());\n\n return fields;\n };\n\n _getCartVariantFields = (args, callback) => {\n const fields = callback(...args);\n fields.push(this.getPreOrderField());\n\n return fields;\n };\n\n getPreOrderField() {\n return new Field('preOrderData')\n .addFieldList(this.getPreOrderFieldList());\n }\n\n getPreOrderFieldList() {\n return [\n 'isPreOrder',\n 'note'\n ];\n }\n}\n\nconst {\n _getProductInterfaceFields,\n _getCartProductInterfaceFields,\n _getCartVariantFields\n} = new ProductListQueryPlugin();\n\nexport default {\n 'Query/ProductList/Query': {\n 'member-function': {\n _getProductInterfaceFields,\n _getCartProductInterfaceFields,\n _getCartVariantFields\n }\n }\n};\n","/**\n * @category BeautyWorks\n * @author Iryna Hramyka \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2023 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport { lazy } from 'react';\n\nimport ExpandableContent from 'Component/ExpandableContent';\n\nconst FreeGifts = lazy(() => import(\n /* webpackMode: \"lazy\", webpackChunkName: \"cart\" */\n '../component/FreeGifts'\n));\n\nfunction renderFreeGifts(instance) {\n const { passGiftDataToCheckout, device: { isMobile } } = instance.props;\n\n if (isMobile) {\n return (\n \n \n { instance.renderHeading() }\n { instance.renderCartItems() }\n
\n { instance.renderTotals() }\n
\n { instance.renderDiscountCode() }\n { renderFreeGifts(instance) }\n { instance.renderPromo() }\n
\n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2023 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport { CartDispatcher } from '@scandipwa/amasty-free-gift/src/component/AmastyGiftItem/AmastyGiftItem.container';\nimport AmastyPromoQuery from '@scandipwa/amasty-free-gift/src/query/AmastyPromo.query';\nimport isEqual from 'lodash.isequal';\n\nimport { CUSTOMER_ACCOUNT_OVERLAY_KEY } from 'Component/MyAccountOverlay/MyAccountOverlay.config';\nimport { CHECKOUT_URL } from 'Route/Checkout/Checkout.config';\nimport { ACCOUNT_URL } from 'Route/MyAccount/MyAccount.config';\nimport { showNotification } from 'Store/Notification/Notification.action';\nimport { isSignedIn } from 'Util/Auth';\nimport { scrollToTop } from 'Util/Browser';\nimport { fetchQuery } from 'Util/Request';\nimport { appendWithStoreCode } from 'Util/Url';\n\nconst mapStateToProps = (args, callback, _instance) => {\n const [state] = args;\n\n return {\n ...callback(...args),\n amItems: state.ConfigReducer?.amItems,\n cartId: state.CartReducer?.cartTotals?.id\n };\n};\n\nconst mapDispatchToProps = (args, callback, _instance) => ({\n ...callback(...args),\n showNotification: (type, message) => args[0](showNotification(type, message)),\n updateInitialCartData: () => CartDispatcher.then(\n ({ default: dispatcher }) => dispatcher.updateInitialCartData(args[0])\n )\n});\n\nconst containerProps = (args, callback, instance) => {\n const {\n amItems,\n cartId,\n showNotification,\n updateInitialCartData\n } = instance.props;\n\n return {\n ...callback(...args),\n amItems,\n cartId,\n showNotification,\n updateInitialCartData\n };\n};\n\nasync function handleAddToCart(instance) {\n const {\n cartId,\n showNotification,\n updateInitialCartData\n } = instance.props;\n\n const {\n selectedGifts\n } = instance.state;\n\n if (!selectedGifts || selectedGifts.length === 0) {\n return;\n }\n\n if (!cartId) {\n return;\n }\n\n const giftData = selectedGifts.map((gift) => ({\n sku: gift.sku,\n giftQty: 1,\n options: []\n }));\n\n await fetchQuery([AmastyPromoQuery.getQuery(cartId, giftData)]).then(\n ({ amPromoAdd }) => {\n amPromoAdd.forEach((promo) => {\n const { status, message } = promo;\n instance.setIsGiftAddToCartLoading(false);\n showNotification(status, message);\n });\n }\n );\n\n updateInitialCartData();\n}\n\nconst onCheckoutButtonClick = (args, callback, instance) => {\n const {\n history,\n guest_checkout,\n showOverlay,\n showNotification,\n device,\n totals: { items = [] } = {}\n } = instance.props;\n\n const [e] = args;\n\n // to prevent outside-click handler trigger\n e.nativeEvent.stopImmediatePropagation();\n\n if (instance.hasOutOfStockProductsInCartItems(items)) {\n return;\n }\n\n instance.setIsGiftAddToCartLoading(true);\n\n handleAddToCart(instance).then(() => {\n if (guest_checkout) {\n history.push({\n pathname: appendWithStoreCode(CHECKOUT_URL)\n });\n scrollToTop();\n\n return;\n }\n\n if (isSignedIn()) {\n history.push({\n pathname: appendWithStoreCode(CHECKOUT_URL)\n });\n scrollToTop();\n\n return;\n }\n\n // fir notification whatever device that is\n showNotification('info', __('Please sign-in to complete checkout!'));\n\n if (device.isMobile) { // for all mobile devices, simply switch route\n history.push({ pathname: appendWithStoreCode(ACCOUNT_URL) });\n\n return;\n }\n\n // for desktop, just open customer overlay\n showOverlay(CUSTOMER_ACCOUNT_OVERLAY_KEY);\n });\n};\n\nfunction passGiftDataToCheckout(gifts) {\n if (isEqual(this.state.selectedGifts, gifts)) {\n this.setState({ selectedGifts: [] });\n } else {\n this.setState({ selectedGifts: gifts });\n }\n}\n\nexport const containerFunctions = (originalMember, instance) => ({\n ...originalMember,\n passGiftDataToCheckout: passGiftDataToCheckout.bind(instance)\n});\n\nexport default {\n 'Route/CartPage/Container/mapStateToProps': {\n function: mapStateToProps\n },\n 'Route/CartPage/Container/mapDispatchToProps': {\n function: mapDispatchToProps\n },\n 'Route/CartPage/Container': {\n 'member-function': {\n containerProps,\n onCheckoutButtonClick,\n containerFunctions\n }\n }\n};\n","module.exports = function(module) {\n\tif (!module.webpackPolyfill) {\n\t\tmodule.deprecate = function() {};\n\t\tmodule.paths = [];\n\t\t// module.parent = undefined by default\n\t\tif (!module.children) module.children = [];\n\t\tObject.defineProperty(module, \"loaded\", {\n\t\t\tenumerable: true,\n\t\t\tget: function() {\n\t\t\t\treturn module.l;\n\t\t\t}\n\t\t});\n\t\tObject.defineProperty(module, \"id\", {\n\t\t\tenumerable: true,\n\t\t\tget: function() {\n\t\t\t\treturn module.i;\n\t\t\t}\n\t\t});\n\t\tmodule.webpackPolyfill = 1;\n\t}\n\treturn module;\n};\n","/**\n * @category BeautyWorks\n * @author Fuad Kamilov \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2024 Scandiweb, Inc (https://scandiweb.com)\n */\nimport ContentWrapper from 'Component/ContentWrapper';\nimport { DETAILS_STEP, SHIPPING_STEP } from 'Route/Checkout/Checkout.config';\n\nfunction renderFreeGiftNotification(props) {\n const {\n isMobile,\n areGiftsAdded,\n checkoutStep,\n methodWithRedirect\n } = props;\n\n if (!isMobile) {\n return null;\n }\n\n if (checkoutStep === DETAILS_STEP || (methodWithRedirect && checkoutStep === SHIPPING_STEP)) {\n return null;\n }\n\n if (!areGiftsAdded) {\n const text = __('Your free gift can be selected in the basket before checkout');\n\n return (\n { text }
\n );\n }\n\n return null;\n}\n\nconst render = (args, callback, instance) => {\n const {\n isMobile,\n checkoutStep\n } = instance.props;\n\n const isDetailsMobile = isMobile && checkoutStep === DETAILS_STEP;\n const isDetailsStep = checkoutStep === DETAILS_STEP;\n\n return (\n \n \n { instance.renderSummary(!isDetailsMobile) }\n \n { isDetailsStep && instance.renderTitle() }\n { instance.renderSuccessPromo() }\n { renderFreeGiftNotification(instance.props) }\n { instance.renderGuestForm() }\n { instance.renderStep() }\n { instance.renderLoader() }\n
\n \n { instance.renderSummary(isDetailsMobile) }\n { instance.renderPromo() }\n { instance.renderDiscountCode() }\n
\n { instance.renderSuccessCmsContent() }\n \n \n );\n};\n\nconst containerProps = (args, callback, instance) => {\n const { areGiftsAdded } = instance.props;\n\n return {\n ...callback(...args),\n areGiftsAdded\n };\n};\n\nconst afterMapStateToProps = (args, callback, instance) => {\n const [state] = args;\n\n return {\n ...callback(...args),\n areGiftsAdded: state.AmastyFreeGiftReducer?.areGiftsAdded\n };\n};\n\nexport default {\n 'Route/Checkout/Container/mapStateToProps': {\n function: afterMapStateToProps\n },\n 'Route/Checkout/Component': {\n 'member-function': {\n render\n }\n },\n 'Route/Checkout/Container': {\n 'member-function': {\n containerProps\n }\n }\n};\n","/**\n * @category BeautyWorks\n * @author Fuad Kamilov \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2024 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport { DETAILS_STEP, SHIPPING_STEP } from 'Route/Checkout/Checkout.config';\n\nfunction renderFreeGiftNotification(props) {\n const {\n isCartPage, areGiftsAdded, checkoutStep, methodWithRedirect\n } = props;\n\n if (isCartPage) {\n return null;\n }\n\n if (areGiftsAdded) {\n return null;\n }\n\n if (checkoutStep === DETAILS_STEP || (methodWithRedirect && checkoutStep === SHIPPING_STEP)) {\n return null;\n }\n\n const text = __('Your free gift can be selected in the basket before checkout');\n\n return (\n { text }
\n );\n}\n\nconst renderContent = (args, callback, instance) => {\n const { isExpandable } = instance.props;\n\n if (isExpandable) {\n return instance.renderExpandableContent();\n }\n\n return (\n <>\n { instance.renderHeading() }\n { renderFreeGiftNotification(instance.props) }\n { instance.renderItems() }\n { instance.renderTotals() }\n \n );\n};\n\nconst mapStateToProps = (args, callback, _instance) => {\n const [state] = args;\n\n return {\n ...callback(...args),\n areGiftsAdded: state.AmastyFreeGiftReducer?.areGiftsAdded\n };\n};\n\nexport default {\n 'Component/CheckoutOrderSummary/Container/mapStateToProps': {\n function: mapStateToProps\n },\n 'Component/CheckoutOrderSummary/Component': {\n 'member-function': {\n renderContent\n }\n }\n};\n","import { AmastyFreeGiftReducer } from '../store/AmastyFreeGift.reducer';\n\nexport class StoreIndexPlugin {\n aroundGetReducer = (args, callback, instance) => ({\n ...callback.apply(instance, args),\n AmastyFreeGiftReducer\n });\n}\n\nconst {\n aroundGetReducer\n} = new StoreIndexPlugin();\n\nexport const config = {\n 'Store/Index/getStaticReducers': {\n function: [\n {\n position: 110,\n implementation: aroundGetReducer\n }\n ]\n }\n};\n\nexport default config;\n","/**\n * Amasty Free Gift compatibility for ScandiPWA\n * @copyright Scandiweb, Inc. All rights reserved.\n */\n\nimport { lazy } from 'react';\n\nconst AmastyGiftAdd = lazy(() => import(\n /* webpackMode: \"lazy\", webpackChunkName: \"cart\" */\n '../../component/AmastyGiftAdd'\n));\n\nconst addAmastyPromoToComponent = (args, callback) => (\n <>\n \n { name }\n
\n );\n};\n\nexport default {\n 'Component/CartItem/Container/mapStateToProps': {\n function: addAmCartMessageToMapStateToProps\n },\n 'Component/CartItem/Container': {\n 'member-function': {\n containerProps\n }\n },\n 'Component/CartItem/Component': {\n 'member-function': {\n renderTitle,\n renderProductName\n }\n }\n};\n","/**\n * Amasty Free Gift compatibility for ScandiPWA\n * @copyright Scandiweb, Inc. All rights reserved.\n */\n\nconst _getCartItemsFields = (args, callback) => [\n ...callback(...args),\n 'name',\n 'ampromo_rule_id'\n];\n\nexport default {\n 'Query/Cart/Query': {\n 'member-function': {\n _getCartItemsFields\n }\n }\n};\n","/**\n * Amasty Free Gift compatibility for ScandiPWA\n * @copyright Scandiweb, Inc. All rights reserved.\n */\n\nimport { AmastyFreeGiftProvider } from '../../context/AmastyFreeGift';\n\nconst addAmastFreeGiftContextProvider = (member) => [\n (children) => (\n \n { children }\n \n ),\n ...member\n];\n\nexport default {\n 'Component/App/Component': {\n 'member-property': {\n contextProviders: addAmastFreeGiftContextProvider\n }\n }\n};\n","/**\n * Amasty Free Gift compatibility for ScandiPWA\n * @copyright Scandiweb, Inc. All rights reserved.\n */\n\nconst addAmConfigFieldsToStoreConfig = (args, callback) => ([\n ...callback(...args),\n 'am_cart_message',\n 'am_notification_text',\n 'am_display_notification'\n]);\n\nexport default {\n 'Query/Config/Query': {\n 'member-function': {\n _getStoreConfigFields: addAmConfigFieldsToStoreConfig\n }\n }\n};\n","/**\n * Amasty Free Gift compatibility for ScandiPWA\n * @copyright Scandiweb, Inc. All rights reserved.\n */\n\nimport { getIndexedProducts } from 'Util/Product';\n\nimport { UPDATE_AM_PROMO_DATA } from '../../../store/Config/AmastyPromo.action';\n\nconst addAmPromoDataToInitialState = (args, callback) => ({\n ...callback(...args),\n amAdd: {},\n amItems: {}\n});\n\n/*\n * Added necessary data for amasty promo to ConfigReducer\n * because of problem plugging into CartReducer ( one of the actions overriding the whole state )\n * and not being able to add it to the context ( can't update context state from CartDispatcher )\n*/\nconst getAmPromoDataFromAction = (args, callback) => {\n const result = callback(...args);\n const [, action] = args;\n\n const {\n type,\n amAdd,\n amItems\n } = action;\n\n if (type !== UPDATE_AM_PROMO_DATA) {\n return result;\n }\n\n const { products } = amItems;\n const indexedAmItems = {\n ...amItems,\n products: getIndexedProducts(products)\n };\n\n return {\n ...result,\n amAdd,\n amItems: indexedAmItems\n };\n};\n\nexport default {\n 'Store/Config/Reducer/getInitialState': {\n function: addAmPromoDataToInitialState\n },\n 'Store/Config/Reducer/ConfigReducer': {\n function: getAmPromoDataFromAction\n }\n};\n","/* eslint-disable */\n\n/**\n * @category BeautyWorks\n * @author Iryna Hramyka \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2023 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport { lazy } from 'react';\n\nimport ProductTabs from 'Component/ProductTabs';\nimport CmsBlock from 'Component/CmsBlock';\nimport Html from 'Component/Html';\nimport { isCrawler, isSSR } from 'Util/Browser';\n\nexport const AmastyPromoBanners = lazy(() => import(\n /* webpackMode: \"lazy\", webpackChunkName: \"product\" */\n '../component/AmastyPromoBanners'\n));\nexport const ProductInformation = lazy(() => import(\n /* webpackMode: \"lazy\", webpackChunkName: \"product\" */\n 'Component/ProductInformation'\n));\n\nexport const renderAdditionalInfoVideoBlockAndProductLinks = (args, callback, instance) => {\n const { isMobile, amastyPromoBanners = [] } = instance.props;\n\n if (!isMobile) {\n return (\n <>\n { callback(...args) }\n \n { instance.renderAdditionalInformationSection(\n __('Product Description'),\n __('See details'),\n ,\n false,\n isPrerendered\n )\n })\n }\n { instance.renderAdditionalInformationSection(\n __('Delivery & Returns'),\n instance.renderDeliveryOptionsSubHeading(),\n \n * @package @scandipwa/amasty-promo-banners\n * @copyright Copyright (c) 2022 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport { fetchQuery } from 'Util/Request';\nimport AmastyPromoBannersQuery from '../query/AmastyPromoBanners.query';\n\nconst componentDidMount = (args, callback = () => {}, instance) => {\n const { productID: productId } = instance.props;\n\n fetchQuery(AmastyPromoBannersQuery.getBanners(productId)).then(\n (response) => {\n instance.setState(\n { ...response }\n );\n }\n );\n\n callback.apply(instance, args);\n};\n\nconst containerProps = (args, callback, instance) => {\n const {\n amastyPromoBanners\n } = instance.state;\n\n if (amastyPromoBanners) {\n return {\n ...callback(...args),\n amastyPromoBanners\n };\n }\n\n return {\n ...callback(...args),\n };\n};\n\nexport default {\n 'Route/ProductPage/Container': {\n 'member-function': {\n componentDidMount,\n containerProps\n }\n }\n};\n","import I18nComponent from '../component/I18n';\n\n/** Ensure full application remount on locale change */\nconst render = (args, callback) => (\n \n { callback(...args) }\n \n);\n\nexport default {\n 'Component/App/Component': {\n 'member-function': {\n render\n }\n }\n};\n","/**\n * @category BeautyWorks\n * @author Abderrahim Kadnaoui \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2024 Scandiweb, Inc (https://scandiweb.com)\n */\nexport const addWhatsAppIconFields = (args, callback) => [\n ...callback(...args),\n 'whatsapp_number',\n 'whatsapp_enabled',\n 'whatsapp_hidden_urls',\n 'whatsapp_categories_to_ignore'\n];\n\nexport default {\n 'Query/Config/Query': {\n 'member-function': {\n _getStoreConfigFields: {\n position: 80,\n implementation: addWhatsAppIconFields\n }\n }\n }\n};\n","/**\n * @category BeautyWorks\n * @author Abderrahim Kadnaoui \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2024 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport { BEFORE_ITEMS_TYPE } from 'Component/Router/Router.config';\n\nimport WhatsAppIconComponent from '../component/WhatsAppOverlay';\n\nexport const MAX_POSITION = 1000;\nexport const INCREASED_POSITION = 10;\n\nconst addWhatsAppOverlayComponent = (member, _context) => {\n const maxPosition = Math.max(\n ...member.map((route) => route.position).filter((num) => num <= MAX_POSITION)\n );\n\n // eslint-disable-next-line @scandipwa/scandipwa-guidelines/no-jsx-variables\n return [\n ...member,\n {\n component: \n * @package @scandipwa/faq-blocks\n * @copyright Copyright (c) 2023 Scandiweb, Inc (https://scandiweb.com)\n */\nimport CmsBlock from 'Component/CmsBlock';\n\nexport class CategoryPageComponentPlugin {\n renderFAQBlock(instance) {\n const cmsId = this.findCmsBlockIdByUrl(instance);\n\n if (!cmsId) {\n return null;\n }\n\n return \n * @package @scandipwa/faq-blocks\n * @copyright Copyright (c) 2023 Scandiweb, Inc (https://scandiweb.com)\n */\nexport class CategoryPageContainerPlugin {\n afterMapStateToProps = (args, callback) => {\n const [state] = args;\n\n return {\n ...callback(...args),\n faqblocks: state.ConfigReducer.faqblocks\n };\n };\n\n containerProps = (args, callback, instance) => {\n const { faqblocks } = instance.props;\n\n return {\n ...callback(...args),\n faqblocks\n };\n };\n}\n\nconst {\n afterMapStateToProps,\n containerProps\n} = new CategoryPageContainerPlugin();\n\nexport default {\n 'Route/CategoryPage/Container/mapStateToProps': {\n function: afterMapStateToProps\n },\n 'Route/CategoryPage/Container': {\n 'member-function': {\n containerProps\n }\n }\n};\n","/**\n * @category ScandiPWA\n * @author Fuad Kamilov \n * @package @scandipwa/faq-blocks\n * @copyright Copyright (c) 2023 Scandiweb, Inc\n */\n\nimport { Field } from 'Util/Query';\n\nexport class ConfigQueryPlugin {\n _getStoreConfigFields = (args, callback) => ([\n ...callback(...args),\n this.getFAQBlocks()\n ]);\n\n getFAQBlocks() {\n return new Field('faqblocks')\n .addField(this.getGeneralFAQBlockPairs())\n .addField(this.getPDPFAQBlockPairs());\n }\n\n getGeneralFAQBlockPairs() {\n return new Field('category_faq_block_pairs')\n .addField('url')\n .addField('cms_block_id');\n }\n\n getPDPFAQBlockPairs() {\n return new Field('pdp_faq_block_pairs')\n .addField('url')\n .addField('cms_block_id');\n }\n}\n\nconst {\n _getStoreConfigFields\n} = new ConfigQueryPlugin();\n\nexport default {\n 'Query/Config/Query': {\n 'member-function': {\n _getStoreConfigFields\n }\n }\n};\n","/**\n * @category ScandiPWA\n * @author Fuad Kamilov \n * @package @scandipwa/faq-blocks\n * @copyright Copyright (c) 2023 Scandiweb, Inc (https://scandiweb.com)\n */\nimport CmsBlock from 'Component/CmsBlock';\nimport {\n PAGE_URL\n} from 'Route/HairColourChartPostsListing/HairColourChartPostsListing.config';\n\nexport class HairColourChartPostsListingComponentPlugin {\n renderFAQBlock(instance) {\n const cmsId = this.findCmsBlockIdByUrl(instance);\n\n if (!cmsId) {\n return null;\n }\n\n return \n * @package @scandipwa/faq-blocks\n * @copyright Copyright (c) 2023 Scandiweb, Inc (https://scandiweb.com)\n */\nexport class HairColourChartPostsListingContainerPlugin {\n afterMapStateToProps = (args, callback) => {\n const [state] = args;\n\n return {\n ...callback(...args),\n faqblocks: state.ConfigReducer.faqblocks\n };\n };\n}\n\nconst {\n afterMapStateToProps\n} = new HairColourChartPostsListingContainerPlugin();\n\nexport default {\n 'Scandipwa/Route/HairColourChartPostsListing/Container/mapStateToProps': {\n function: afterMapStateToProps\n }\n};\n","/**\n * @category ScandiPWA\n * @author Fuad Kamilov \n * @package @scandipwa/faq-blocks\n * @copyright Copyright (c) 2023 Scandiweb, Inc (https://scandiweb.com)\n */\nimport CmsBlock from 'Component/CmsBlock';\n\nexport class PostsDetailsComponentPlugin {\n renderFAQBlock(instance) {\n const cmsId = this.findCmsBlockIdByUrl(instance);\n\n if (!cmsId) {\n return null;\n }\n\n return \n * @package @scandipwa/faq-blocks\n * @copyright Copyright (c) 2023 Scandiweb, Inc (https://scandiweb.com)\n */\nexport class PostsDetailsContainerPlugin {\n afterMapStateToProps = (args, callback) => {\n const [state] = args;\n\n return {\n ...callback(...args),\n faqblocks: state.ConfigReducer.faqblocks\n };\n };\n\n containerProps = (args, callback, instance) => {\n const { match, faqblocks } = instance.props;\n\n return {\n ...callback(...args),\n match,\n faqblocks\n };\n };\n}\n\nconst {\n afterMapStateToProps,\n containerProps\n} = new PostsDetailsContainerPlugin();\n\nexport default {\n 'Blog/Route/PostsDetails/Container/mapStateToProps': {\n function: afterMapStateToProps\n },\n 'Blog/Route/PostsDetails/Container/PostsDetailsContainer': {\n 'member-function': {\n containerProps\n }\n }\n};\n","/**\n * @category ScandiPWA\n * @author Fuad Kamilov \n * @package @scandipwa/faq-blocks\n * @copyright Copyright (c) 2024 Scandiweb, Inc (https://scandiweb.com)\n */\nimport CmsBlock from 'Component/CmsBlock';\n\nexport class ProductPageComponentPlugin {\n renderFAQBlock(instance) {\n const cmsId = this.findCmsBlockIdByUrl(instance);\n\n if (!cmsId) {\n return null;\n }\n\n return \n * @package @scandipwa/faq-blocks\n * @copyright Copyright (c) 2024 Scandiweb, Inc (https://scandiweb.com)\n */\nexport class ProductPageContainerPlugin {\n afterMapStateToProps = (args, callback) => {\n const [state] = args;\n\n return {\n ...callback(...args),\n faqblocks: state.ConfigReducer.faqblocks\n };\n };\n\n containerProps = (args, callback, instance) => {\n const { faqblocks } = instance.props;\n\n return {\n ...callback(...args),\n faqblocks\n };\n };\n}\n\nconst {\n afterMapStateToProps,\n containerProps\n} = new ProductPageContainerPlugin();\n\nexport default {\n 'Route/ProductPage/Container/mapStateToProps': {\n function: afterMapStateToProps\n },\n 'Route/ProductPage/Container': {\n 'member-function': {\n containerProps\n }\n }\n};\n","/**\n * @category ScandiPWA\n * @author Fuad Kamilov \n * @package @scandipwa/clearpay\n * @copyright Copyright (c) 2022 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport { Field } from 'Util/Query';\n\nexport class ConfigQueryPlugin {\n _getStoreConfigFields = (args, callback) => ([\n ...callback(...args),\n this.getClearpayConfiguration()\n ]);\n\n getClearpayConfiguration() {\n return new Field('clearpay')\n .addFieldList(this._getClearpayConfigurationFields());\n }\n\n _getClearpayConfigurationFields() {\n return [\n 'clearpay_enabled'\n ];\n }\n}\n\nconst {\n _getStoreConfigFields\n} = new ConfigQueryPlugin();\n\nexport default {\n 'Query/Config/Query': {\n 'member-function': {\n _getStoreConfigFields\n }\n }\n};\n","/**\n * @category ScandiPWA\n * @author Fuad Kamilov \n * @package @scandipwa/clearpay\n * @copyright Copyright (c) 2022 Scandiweb, Inc (https://scandiweb.com)\n */\nimport { lazy } from 'react';\n\nimport { UK_STORE_CODE }\nfrom 'Component/ProductActions/ProductActions.config';\nimport {\n PRODUCT_TYPE\n} from 'SourceComponent/Product/Product.config';\n\nconst Clearpay = lazy(() => import(\n /* webpackMode: \"lazy\", webpackChunkName: \"product\" */\n '../component/Clearpay'\n));\n\nconst renderCmsBanners = (args, callback, instance) => {\n const {\n productPrice, product: { type_id }, device: { isMobile }, storeCode\n } = instance.props;\n\n if ((type_id === PRODUCT_TYPE.configurable && !isMobile) || storeCode !== UK_STORE_CODE) {\n return null;\n }\n\n return (\n <>\n \n * @package @scandipwa/clearpay\n * @copyright Copyright (c) 2022 Scandiweb, Inc (https://scandiweb.com)\n */\nimport { lazy } from 'react';\n\nconst Clearpay = lazy(() => import(\n /* webpackMode: \"lazy\", webpackChunkName: \"product\" */\n '../component/Clearpay'\n));\n\nconst renderCmsBanners = (args, callback, instance) => {\n const priceViewElement = document.getElementsByClassName('ProductPrice-PriceValue');\n\n const domPriceTagContent = priceViewElement.length !== 0 ? priceViewElement[0].textContent : '';\n\n const currencySignFromDOM = domPriceTagContent.charAt(0);\n if (currencySignFromDOM !== '£') {\n return null;\n }\n\n const valueFromDOM = priceViewElement.length !== 0 ? parseFloat((domPriceTagContent.substring(1))) : 0;\n\n const productPrice = {\n originalPrice: {\n minFinalPrice: {\n currency: 'GB',\n value: valueFromDOM\n }\n }\n };\n\n const { isConfigurableParent, isMobile, isImageZoomPopupActive } = instance.props;\n\n if (isConfigurableParent && !isMobile && !isImageZoomPopupActive) {\n return (\n <>\n tag\n if (css) {\n const head = document.head\n const style = document.createElement('style');\n head.appendChild(style);\n style.type = 'text/css';\n if (style.styleSheet) {\n // This is required for IE8 and below.\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n domNode.attribs.class = `${domNode.attribs.class || ''} ${uniqClassName}`\n }\n } catch (e) {\n // Just forget it\n console.log(e)\n }\n }\n\n // options obj: {isInLoop: boolean, allowedTypes: ('tag'|'script'|'style')[]}.\n // The idea is:\n // - For individual element, we create a React Element and store all of its props.\n // - For in-loop elements (data.map(() =>
). We create just the first element\n // then store all of its sibling's props to a bag.\n // The result is we will have the same HTML structure in React Element. So that we can\n // use React to manipulate these elements freely\n toReactElements(domNodes, skeleton, options = {}, res = {}) {\n const {\n isInLoop = false,\n // Sometimes, page-builder html code contains un-sanitize chars from script or style tags,\n // which makes our parser run incorrectly.\n // Most of the time, we don't need them so that we limit to \"tag\" by default\n allowedTypes = ['tag']\n } = options\n let skeletonIdx = 0 // Index to help mapping current domNode with our skeleton config\n domNodes.forEach((domNode) => {\n if (allowedTypes.indexOf(domNode.type) === -1) {\n return;\n }\n // Begin\n this.replaceSpecialDomAttrs(domNode)\n\n let childData = null\n let childEle = null\n const config = skeleton[skeletonIdx] || skeleton[0]\n skeletonIdx += 1\n\n const orgProps = this.baseInstance.attributesToProps(domNode.attribs || {});\n\n // Create element if not existed\n if (!res[config.name]) {\n const element = React.forwardRef(({ children, ...rest }, ref) => {\n return React.createElement(domNode.name, { ...(!isInLoop && orgProps), ...rest, ref }, children);\n })\n res[config.name] = { Ele: element, propsBag: [], childData: [], childEleBag: [] }\n }\n\n // Generate all children nodes if our skeleton reached the end\n // in order to render these children nodes later on\n if (!config.children && domNode.children) {\n childEle = domToReact(domNode.children, this.parserOptions)\n }\n\n if ((isInLoop || config.isLoopParent) && isNotEmptyArr(domNode.children)) {\n childData = domNode.children.map(i => i.data)\n }\n\n res[config.name] = {\n ...res[config.name],\n propsBag: [...res[config.name].propsBag, orgProps],\n childEleBag: [...res[config.name].childEleBag, childEle],\n childData: [...res[config.name].childData, ...(childData || [])]\n }\n\n if (domNode.children && config.children) {\n const childRes = this.toReactElements(domNode.children, config.children, {\n isInLoop: (isInLoop || config.isLoopParent),\n allowedTypes\n }, res)\n res = { ...res, ...childRes }\n }\n })\n return res\n }\n\n replaceTab(domNode) {\n return \n */\n\nimport '../style/_module.scss';\n\nexport class RouterComponent {\n /**\n * Extended to add body ID \"html-body\" to all pages.\n * This is required by the Dynamic CSS selector of Magento 2 page-builder.\n * Ref: https://devdocs.magento.com/page-builder/docs/styles/introduction.html#dynamic-css-selectors\n */\n componentDidMount = (args, callback, instance) => {\n document.querySelector('body').setAttribute('id', 'html-body');\n callback.apply(instance, args);\n };\n}\n\nconst { componentDidMount } = new RouterComponent();\n\nexport default {\n 'Component/Router/Component': {\n 'member-function': {\n componentDidMount\n }\n }\n};\n","/**\n * @category ScandiPWA\n * @author ScandiWeb Team \n * @package @scandipwa/klarna-payments-spwa\n * @copyright Copyright (c) 2021 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport KlarnaContainer from '../../component/Klarna';\nimport { KLARNA_CODE } from '../../component/Klarna/Klarna.config';\n\nclass CheckoutPaymentsComponentPlugin {\n paymentRenderMap = (member, instance) => ({\n ...member,\n [KLARNA_CODE]: this.renderKlarnaPayment.bind(instance)\n });\n\n renderKlarnaPayment() {\n const { setOrderButtonEnableStatus, subscribeNewsletterOnSubmit } = this.props;\n return (\n \n * @package @scandipwa/klarna-payments-spwa\n * @copyright Copyright (c) 2021 Scandiweb, Inc (https://scandiweb.com)\n */\n\nclass ConfigQueryPlugin {\n aroundGetStoreConfigFields = (args, callback, instance) => [\n 'klarna_kp_active',\n ...callback.apply(instance, args)\n ];\n}\n\nconst { aroundGetStoreConfigFields } = new ConfigQueryPlugin();\n\nexport default {\n 'Query/Config/Query': {\n 'member-function': {\n _getStoreConfigFields: aroundGetStoreConfigFields\n }\n }\n};\n","/* eslint-disable max-lines, no-magic-numbers, array-callback-return */\n/**\n * @category ScandiPWA\n * @author ScandiWeb Team \n * @package @scandipwa/klarna-payments-spwa\n * @copyright Copyright (c) 2021 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport CheckoutQuery from 'Query/Checkout.query';\nimport { isSignedIn } from 'Util/Auth';\nimport BrowserDatabase from 'Util/BrowserDatabase';\nimport { getGuestQuoteId } from 'Util/Cart';\nimport { fetchMutation } from 'Util/Request';\n\nimport KlarnaContainer from '../../component/Klarna';\nimport {\n KLARNA_ACTIVE_STATE,\n KLARNA_CODE,\n KLARNA_CODE_PAY_NOW,\n KLARNA_DEFAULT_CODE,\n KLARNA_PRODUCT_TYPE_DIGITAL,\n KLARNA_PRODUCT_TYPE_PHYSICAL,\n KLARNA_PRODUCT_TYPE_SHIPPING,\n KLARNA_TITLE\n} from '../../component/Klarna/Klarna.config';\n\nclass CheckoutContainerPlugin {\n addKlarnaPaymentMethod = (args, callback, context) => {\n if (!this._getIsKlarnaActive()) {\n return callback.apply(context, args);\n }\n\n const [\n {\n saveAddressInformation: { payment_methods = '', ...restData } = {},\n ...restArgData\n }\n ] = args;\n\n let isKlarnaAvailable = 0;\n const newPaymentMethods = [];\n\n // This is necessary to filter out the default klarna\n payment_methods.map((val) => {\n if (val.code === KLARNA_CODE || val.code === KLARNA_DEFAULT_CODE || val.code === KLARNA_CODE_PAY_NOW) {\n if (!isKlarnaAvailable) {\n isKlarnaAvailable = true;\n newPaymentMethods.push({ code: KLARNA_CODE, title: KLARNA_TITLE });\n }\n } else {\n newPaymentMethods.push(val);\n }\n });\n\n return callback.call(\n context,\n {\n saveAddressInformation: {\n payment_methods: newPaymentMethods,\n ...restData\n },\n ...restArgData\n }\n );\n };\n\n toApiFloat(number) {\n const roundedNumber = number * 100;\n if (number < 0) {\n return 0 - Math.round(0 - roundedNumber);\n }\n\n return Math.round(roundedNumber);\n }\n\n getFirstTaxRatePercent(appliedTaxes) {\n if (appliedTaxes.length > 0) {\n const { rates = [] } = appliedTaxes[0];\n\n if (rates.length) {\n const { percent } = rates[0];\n\n return percent;\n }\n }\n\n return 0;\n }\n\n getShippingMethodTitle(shippingMethods, selectedShippingMethod) {\n const methodData = shippingMethods.find(({ method_code }) => method_code === selectedShippingMethod);\n\n if (!methodData) {\n return '';\n }\n\n const { method_title = '' } = methodData;\n\n return method_title;\n }\n\n // eslint-disable-next-line consistent-return\n savePaymentMethodAndPlaceOrder = async (args, callback, instance) => {\n const [paymentInformation] = args;\n const {\n paymentMethod: { code },\n billing_address,\n same_as_shipping\n } = paymentInformation;\n const {\n shippingAddress = {},\n email = ''\n } = instance.state;\n const {\n customer: { email: customerEmail = email },\n countries\n } = instance.props;\n\n if (code !== KLARNA_CODE) {\n return callback.apply(instance, args);\n }\n\n const isCustomerSignedIn = isSignedIn();\n const guest_cart_id = !isCustomerSignedIn ? getGuestQuoteId() : '';\n\n if (!isCustomerSignedIn && !guest_cart_id) {\n // eslint-disable-next-line consistent-return\n return;\n }\n\n try {\n const formattedBilling = this._formatAddressForKlarna(billing_address, customerEmail, countries);\n const {\n totals: {\n grand_total,\n tax_amount,\n items,\n applied_taxes,\n shipping_tax_amount,\n shipping_discount_amount,\n shipping_incl_tax\n }\n } = instance.props;\n\n const { shippingMethods, selectedShippingMethod } = instance.state;\n\n const currentShippingMethod = selectedShippingMethod || 'freeshipping';\n const methodTitle = this.getShippingMethodTitle(shippingMethods, currentShippingMethod);\n\n const itemData = [];\n const taxRate = this.getFirstTaxRatePercent(applied_taxes);\n\n items.map(\n ({\n qty: quantity,\n sku: reference,\n price_incl_tax,\n row_total_incl_tax,\n discount_incl_tax,\n tax_amount,\n product: { name = '', type_id = '' } = {}\n }) => (\n itemData.push({\n type: (type_id === 'virtual') ? KLARNA_PRODUCT_TYPE_DIGITAL : KLARNA_PRODUCT_TYPE_PHYSICAL,\n reference,\n name,\n quantity,\n unit_price: this.toApiFloat(price_incl_tax),\n tax_rate: this.toApiFloat(taxRate),\n total_amount: this.toApiFloat(row_total_incl_tax - discount_incl_tax),\n total_discount_amount: this.toApiFloat(discount_incl_tax),\n total_tax_amount: this.toApiFloat(tax_amount)\n })\n )\n );\n\n itemData.push({\n type: KLARNA_PRODUCT_TYPE_SHIPPING,\n reference: currentShippingMethod,\n name: methodTitle,\n quantity: 1,\n unit_price: shipping_incl_tax ? this.toApiFloat(shipping_incl_tax) : 0,\n tax_rate: this.toApiFloat(taxRate),\n total_amount: shipping_incl_tax ? this.toApiFloat(shipping_incl_tax) : 0,\n total_discount_amount: shipping_discount_amount ? this.toApiFloat(shipping_discount_amount) : 0,\n total_tax_amount: shipping_tax_amount ? this.toApiFloat(shipping_tax_amount) : 0\n });\n\n const cartData = {\n order_amount: this.toApiFloat(grand_total),\n order_tax_amount: this.toApiFloat(tax_amount),\n order_lines: itemData\n };\n\n await KlarnaContainer.loadKlarna(cartData, () => {});\n const { authorization_token } = await KlarnaContainer.authorizeKlarna(\n {\n billing_address: formattedBilling,\n shipping_address: same_as_shipping\n ? formattedBilling\n : this._formatAddressForKlarna(shippingAddress, customerEmail, countries)\n }\n );\n\n await fetchMutation(CheckoutQuery.getSetPaymentMethodOnCartMutation(\n {\n guest_cart_id,\n payment_method: {\n code: KLARNA_CODE,\n klarna: { authorization_token }\n }\n }\n ));\n\n const orderData = await fetchMutation(CheckoutQuery.getPlaceOrderMutation(guest_cart_id));\n const {\n placeOrder:\n {\n order: { order_id },\n duplicate_orders\n }\n } = orderData;\n\n // forbid placing a new order if it's a duplicate\n if (duplicate_orders.length) {\n instance.saveDuplicateOrdersInfo(duplicate_orders);\n instance.setDetailsStep('', true);\n return null;\n }\n\n instance.setDetailsStep(order_id);\n } catch (e) {\n instance._handleError(e);\n }\n };\n\n _formatAddressForKlarna(address, email, countries) {\n const {\n firstname: given_name,\n lastname: family_name,\n street,\n postcode: postal_code,\n city,\n country_id: country,\n region: formInputRegion = '',\n region_id: regionId,\n telephone: phone\n } = address;\n\n const addressForKlarna = {\n given_name,\n family_name,\n email,\n ...this._formatStreetForKlarna(street),\n postal_code,\n city,\n country,\n region: formInputRegion,\n phone\n };\n\n if (!formInputRegion && regionId) {\n return {\n ...addressForKlarna,\n region: this._getRegionNameById(regionId, country, countries)\n };\n }\n\n return addressForKlarna;\n }\n\n _formatStreetForKlarna(street) {\n return street.reduce((streetMap, streetLine, idx) => {\n const streetLineIdx = idx === 0 ? '' : idx + 1;\n\n // eslint-disable-next-line no-param-reassign\n streetMap[`street_address${streetLineIdx}`] = streetLine;\n\n return streetMap;\n }, {});\n }\n\n _getRegionNameById(regionId, countryCode, countries) {\n const { available_regions: availableRegions } = countries.find(({ id }) => id === countryCode);\n\n const { name } = availableRegions.find(({ id }) => +id === +regionId);\n\n return name;\n }\n\n _getIsKlarnaActive() {\n if (!BrowserDatabase.getItem('config')) {\n return false;\n }\n\n const { storeConfig: { klarna_kp_active } } = BrowserDatabase.getItem('config');\n\n return klarna_kp_active === KLARNA_ACTIVE_STATE;\n }\n\n _getKlarnaPaymentInfo() {\n return { code: KLARNA_CODE, title: KLARNA_TITLE };\n }\n}\n\nconst { addKlarnaPaymentMethod, savePaymentMethodAndPlaceOrder } = new CheckoutContainerPlugin();\n\nexport default {\n 'Route/Checkout/Container': {\n 'member-function': {\n savePaymentMethodAndPlaceOrder\n }\n },\n 'Route/Checkout/Container/CheckoutContainer/saveAddressInformation/fetchMutation/then': {\n function: addKlarnaPaymentMethod\n },\n 'Route/Checkout/Container/fetchQueryThen': {\n function: addKlarnaPaymentMethod\n },\n\n 'Scandipwa/Route/Checkout/Container/fetchMutation/then': {\n function: addKlarnaPaymentMethod\n }\n};\n","/**\n * @category BeautyWorks\n * @author Scandiweb \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2021 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport { lazy } from 'react';\n\nimport PRODUCT_TYPE from 'Component/Product/Product.config';\n\nexport const BackInStockNotification = lazy(() => import(\n /* webpackMode: \"lazy\", webpackChunkName: \"product\" */\n '../component/BackInStockNotification'\n));\nexport class ProductActionsComponentPlugin {\n renderBackInStockNotification = (args, callback, instance) => {\n const {\n areDetailsLoaded,\n isInStockAlertEnabled,\n getActiveProduct\n } = instance.props;\n\n if (\n !isInStockAlertEnabled || !areDetailsLoaded\n ) {\n return null;\n }\n\n const activeProduct = getActiveProduct();\n\n const { id, stock_status, type_id } = activeProduct;\n\n if (type_id === PRODUCT_TYPE.configurable) {\n return null;\n }\n\n return (\n \n \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2024 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport { lazy } from 'react';\n\nconst ProductLabel = lazy(() => import(\n /* webpackMode: \"lazy\", webpackChunkName: \"product\" */\n '../component/ProductLabel'\n));\n\nconst addLabelToProductName = (args, callback, instance) => {\n const {\n item: {\n product: {\n mp_label_data = [],\n price_range: {\n minimum_price = {}\n } = {}\n }\n },\n isMiniCart\n } = instance.props;\n\n return (\n <>\n { callback(...args) }\n { !isMiniCart && (\n \n { instance.renderImage() }\n { this.renderLabels(instance) }\n { instance.renderLoader() }\n \n );\n };\n}\n\nconst {\n addLabelPropTypes, addLabelDefaultProps, containerProps, render\n} = new ImagePlugin();\n\nexport default {\n 'Component/Image/Container': {\n 'member-function': {\n containerProps\n },\n 'static-member': {\n propTypes: addLabelPropTypes,\n defaultProps: addLabelDefaultProps\n }\n },\n 'Component/Image/Component': {\n 'member-function': {\n render\n },\n 'static-member': {\n propTypes: addLabelPropTypes,\n defaultProps: addLabelDefaultProps\n }\n }\n};\n","import { lazy } from 'react';\n\nconst ProductLabel = lazy(() => import(\n /* webpackMode: \"lazy\", webpackChunkName: \"product\" */\n '../component/ProductLabel'\n));\n\n/** @namespace ProductLabel/Plugin/ProductCard/Plugin/ProductCardPlugin */\nexport class ProductCardPlugin {\n renderProductLabels(instance) {\n const {\n product: {\n mp_label_data = [],\n price_range: {\n minimum_price = {}\n } = {}\n },\n isCarouselItem,\n isWidgetItem\n } = instance.props;\n\n if (isCarouselItem || isWidgetItem) {\n return null;\n }\n\n return (\n \n \n { mp_label_data.length > 0 && this.renderProductLabels(instance) }\n { instance.renderPicture() }\n \n
\n \n { instance.renderMainDetails() }\n { instance.renderHairColourSwatches() }\n
\n { instance.renderProductPrice() }\n
\n { instance.renderProductCardWishlistButton() }\n
\n
\n
\n { ({\n scale,\n previousScale,\n resetTransform,\n setTransform\n }) => {\n if (scale === 1 && previousScale !== 1) {\n resetTransform();\n }\n\n return (\n \n \n );\n };\n}\n\nconst {\n addLabelPropTypes, addLabelDefaultProps, containerProps, render\n} = new ProductGalleryBaseImagePlugin();\n\nexport default {\n 'Component/ProductGalleryBaseImage/Container': {\n 'member-function': {\n containerProps\n },\n 'static-member': {\n propTypes: addLabelPropTypes,\n defaultProps: addLabelDefaultProps\n }\n },\n 'Component/ProductGalleryBaseImage/Component': {\n 'member-function': {\n render\n },\n 'static-member': {\n propTypes: addLabelPropTypes,\n defaultProps: addLabelDefaultProps\n }\n }\n};\n","import { Field } from 'Util/Query';\n\n/** @namespace ProductLabel/Plugin/ProductListQuery/Plugin/ProductListQueryPlugin */\nexport class ProductListQueryPlugin {\n aroundGetProductInterfaceFields = (args, callback, instance) => [\n ...callback.apply(instance, args),\n 'new_from_date',\n 'new_to_date',\n this._getLabelFields()\n ];\n\n _getLabelFields() {\n return new Field('mp_label_data')\n .addFieldList(this._getProductItemsListFields())\n .addFieldList(this._getProductItemsLabelFields());\n }\n\n _getProductItemsLabelFields() {\n return [\n 'label',\n 'label_color',\n 'label_css',\n 'label_image'\n ];\n }\n\n _getProductItemsListFields() {\n return [\n 'list_label',\n 'list_color',\n 'list_css',\n 'list_image',\n 'shipping_icon',\n 'enabled'\n ];\n }\n\n aroundGetCartProductInterfaceFields = (args, callback, instance) => [\n ...callback.apply(instance, args),\n 'new_from_date',\n 'new_to_date',\n this._getLabelFields()\n ];\n}\n\nconst { aroundGetProductInterfaceFields, aroundGetCartProductInterfaceFields } = new ProductListQueryPlugin();\n\nexport default {\n 'Query/ProductList/Query': {\n 'member-function': {\n _getProductInterfaceFields: {\n position: 100,\n implementation: aroundGetProductInterfaceFields\n },\n _getCartProductInterfaceFields: {\n position: 100,\n implementation: aroundGetCartProductInterfaceFields\n }\n }\n }\n};\n","/** @namespace ProductPage/Plugin/ProductPage/Plugin/ProductPagePlugin */\nexport class ProductPagePlugin {\n aroundGetActiveProductDataSource = (args, callback, instance) => {\n const instanceData = callback(...args);\n\n const { activeProduct } = instance.state;\n const product = instance.getDataSource();\n\n if (!activeProduct || !product) {\n return product;\n }\n\n const {\n mp_label_data: productLabelData = []\n } = product;\n\n const {\n mp_label_data: activeProductLabelData = []\n } = activeProduct;\n\n if (!activeProductLabelData.length && !productLabelData.length) {\n return instanceData;\n }\n\n return {\n ...instanceData,\n mp_label_data: activeProductLabelData.length === 0 ? [...productLabelData] : [...activeProductLabelData]\n };\n };\n}\n\nconst { aroundGetActiveProductDataSource } = new ProductPagePlugin();\n\nexport default {\n 'Route/ProductPage/Container': {\n 'member-function': {\n getActiveProductDataSource: {\n position: 100,\n implementation: aroundGetActiveProductDataSource\n }\n }\n }\n};\n","/**\n * @category BeautyWorks\n * @author Dmitrijs Tarasovs \n * @author Kirill Don-Shinaiko \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2022 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport { PropTypes } from 'prop-types';\nimport { lazy } from 'react';\n\nexport const LoqateSuggestion = lazy(() => import(\n /* webpackMode: \"lazy\", webpackChunkName: \"checkout\" */\n '../component/LoqateSuggestion'\n));\nexport const FIELD_ID_REGION_STRING = 'region_string';\n\nexport class CheckoutAddressFormPlugin {\n render = (args, callback, instance) => {\n const { onShippingEstimationFieldsChange, isManualAddress } = instance.props;\n\n if (isManualAddress) {\n return callback(...args);\n }\n\n return (\n \n { callback(...args) }\n \n );\n };\n\n origFieldMap = {};\n\n instance = {};\n\n get fieldMap() {\n const {\n id,\n loqate: {\n loqate_enabled = false,\n address: {\n city,\n postcode,\n street_0,\n street_1,\n street_2,\n region = '',\n region_id = '',\n region_string = '',\n country_id = 'GB'\n } = {},\n handleInputChange\n } = {}\n } = this.instance.props;\n\n const makeInputName = (name) => `${id}_${name}`;\n\n if (loqate_enabled) {\n const events = { onChange: handleInputChange };\n const updatedFieldMap = this.origFieldMap;\n const addressGroup = updatedFieldMap.find(({ name }) => name === 'addressGroup');\n const postcodeField = addressGroup.fields.find(({ attr: { name } }) => name === makeInputName('postcode'));\n const originalPostcodeValue = postcodeField.attr.value;\n postcodeField.attr.value = postcode || originalPostcodeValue;\n postcodeField.attr.id = postcodeField.attr.name;\n postcodeField.events = events;\n\n // eslint-disable-next-line max-len\n const regionField = addressGroup.fields.find(({ attr: { name } }) => name === makeInputName('region_string'));\n const originalRegionValue = regionField.attr.value;\n regionField.attr.value = region_string || region || region_id || originalRegionValue;\n regionField.attr.id = regionField.attr.name;\n regionField.events = events;\n\n const cityField = addressGroup.fields.find(({ attr: { name } }) => name === makeInputName('city'));\n const originalCityValue = cityField.attr.value;\n cityField.attr.value = city || originalCityValue;\n cityField.attr.id = cityField.attr.name;\n cityField.events = events;\n\n const countryField = addressGroup.fields.find(({ attr: { name } }) => name === makeInputName('country_id'));\n countryField.attr.value = country_id;\n\n const streetGroup = updatedFieldMap.find(({ name }) => name === 'streetGroup');\n const street0 = streetGroup.fields.find(({ attr: { name } }) => name === makeInputName('street_0'));\n const originalStreet0Value = street0.attr.value;\n street0.attr.value = street_0 || originalStreet0Value;\n street0.attr.id = street0.attr.name;\n street0.events = events;\n\n const street1 = streetGroup.fields.find(({ attr: { name } }) => name === makeInputName('street_1'));\n const originalStreet1Value = street1.attr.value;\n street1.attr.value = street_1 || originalStreet1Value;\n street1.attr.id = street1.attr.name;\n street1.events = events;\n\n const street2 = streetGroup.fields.find(({ attr: { name } }) => name === makeInputName('street_2'));\n const originalStreet2Value = street2.attr.value;\n street2.attr.value = street_2 || originalStreet2Value;\n street2.attr.id = street2.attr.name;\n street2.events = events;\n\n return updatedFieldMap;\n }\n\n return this.origFieldMap;\n }\n\n onCountryChangeOverride(countryId, input, instance) {\n const { countries } = instance.props;\n const {\n loqate: {\n loqate_enabled = false,\n setAddress\n } = {}\n } = instance.props;\n const country = countries.find(({ id }) => id === countryId);\n const { available_regions } = country;\n\n if (loqate_enabled) {\n setAddress(input);\n }\n\n instance.setState({\n countryId,\n availableRegions: available_regions || []\n });\n }\n\n getFieldMap = (args, instance) => {\n this.origFieldMap = args;\n this.instance = instance;\n\n return this.fieldMap;\n };\n\n afterMapStateToProps = (args, callback) => {\n const [state] = args;\n\n return {\n ...callback(...args),\n loqate: state.ConfigReducer.loqate\n };\n };\n\n addLoqateToPropTypes = (args) => ({\n ...args,\n loqate: PropTypes.object.isRequired\n });\n\n containerProps = (args, callback, instance) => {\n const { loqate, onShippingEstimationFieldsChange } = instance.props;\n\n return {\n ...callback(...args),\n loqate,\n onShippingEstimationFieldsChange\n };\n };\n}\n\nconst {\n render,\n getFieldMap,\n afterMapStateToProps,\n addLoqateToPropTypes,\n containerProps\n} = new CheckoutAddressFormPlugin();\n\nexport default {\n 'Component/MyAccountAddressForm/Container/mapStateToProps': {\n function: afterMapStateToProps\n },\n 'Component/CheckoutAddressForm/Component': {\n 'member-function': {\n fieldMap: getFieldMap\n },\n 'static-member': {\n propTypes: addLoqateToPropTypes\n }\n },\n 'Component/CheckoutAddressForm/Container': {\n 'member-function': {\n render,\n containerProps\n },\n 'static-member': {\n propTypes: addLoqateToPropTypes\n }\n }\n};\n","/**\n * @category BeautyWorks\n * @author Dmitrijs Tarasovs \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2021 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport { Field } from 'Util/Query';\n\nexport class ConfigQueryPlugin {\n _getStoreConfigFields = (args, callback) => ([\n ...callback(...args),\n this.getLoqateConfiguration()\n ]);\n\n getLoqateConfiguration() {\n return new Field('loqate')\n .addFieldList(this._getLoqateConfigurationFields());\n }\n\n _getLoqateConfigurationFields() {\n return [\n 'loqate_enabled',\n 'loqate_api_key',\n 'loqate_api_url_find',\n 'loqate_api_url_retrieve',\n 'loqate_countries',\n 'loqate_limit'\n ];\n }\n}\n\nconst {\n _getStoreConfigFields\n} = new ConfigQueryPlugin();\n\nexport default {\n 'Query/Config/Query': {\n 'member-function': {\n _getStoreConfigFields\n }\n }\n};\n","/*\n * ScandiPWA - Progressive Web App for Magento\n *\n * Copyright © Scandiweb, Inc. All rights reserved.\n * See LICENSE for license details.\n *\n * @license OSL-3.0 (Open Software License (\"OSL\") v. 3.0)\n * @package scandiweb/gdpr-scandipwa\n * @author Reinis Mazeiks \n */\n\nimport React from 'react';\n\nimport { isSignedIn } from 'Util/Auth';\nimport { fetchMutation } from 'Util/Request';\n\nimport PrivacyInformationQuery from '../query/PrivacyInformation.query';\nimport { formatConsents } from '../util/Privacy';\n\nexport const savePaymentMethodAndPlaceOrder = async (args, callback, instance) => {\n const { privacyConsentSelection } = instance.state;\n callback.apply(instance, args);\n\n if (!isSignedIn()) {\n return;\n }\n\n const formattedConsentSelection = formatConsents(privacyConsentSelection);\n\n const query = PrivacyInformationQuery.getSaveConsentSettingsMutation(formattedConsentSelection, 'checkout');\n await fetchMutation(query);\n};\n\nexport const containerFunctions = (originalMember, instance) => ({\n ...originalMember,\n updatePrivacyConsentSelection: (selection) => {\n instance.setState({\n privacyConsentSelection: selection\n });\n }\n});\n\nexport const createUserOrSaveGuest = async (args, callback, instance) => {\n const {\n createAccount,\n totals: { is_virtual },\n showSuccessNotification,\n isEmailAvailable\n } = instance.props;\n\n const {\n privacyConsentSelection\n } = instance.state;\n\n const {\n email,\n password,\n isCreateUser,\n shippingAddress: {\n firstname,\n lastname\n }\n } = instance.state;\n\n if (!isCreateUser || !isEmailAvailable) {\n return instance.saveGuestEmail();\n }\n\n const formattedConsentSelection = formatConsents(privacyConsentSelection);\n\n const options = {\n customer: {\n email,\n firstname,\n lastname,\n privacyConsentSelection: formattedConsentSelection\n },\n password\n };\n\n const creation = await createAccount(options);\n\n if (!creation) {\n return creation;\n }\n\n showSuccessNotification(__('Your account has been created successfully!'));\n\n if (!is_virtual) {\n return instance.setShippingAddress();\n }\n\n return true;\n};\n\n// eslint-disable-next-line\nexport const renderBillingStep = (args, callback, instance) => {\n const { updatePrivacyConsentSelection } = instance.props;\n const original = callback.apply(instance, args);\n\n return React.cloneElement(\n original,\n { updatePrivacyConsentSelection },\n original.props.children\n );\n};\n\nexport const renderShippingStep = (args, callback, instance) => {\n const {\n isCreateUser,\n privacyConsentSelection: {\n privacy_checkbox = false\n } = {}\n } = instance.props;\n const original = callback.apply(instance, args);\n\n const isUserConsentGiven = isCreateUser ? privacy_checkbox : true;\n\n return React.cloneElement(\n original,\n { isUserConsentGiven },\n original.props.children\n );\n};\n\nexport const renderGuestForm = (args, callback, instance) => {\n const { updatePrivacyConsentSelection } = instance.props;\n const original = callback.apply(instance, args);\n\n if (!original) {\n return null;\n }\n\n return React.cloneElement(\n original,\n { updatePrivacyConsentSelection },\n original.props.children\n );\n};\n\nexport default {};\n","/* eslint-disable react/jsx-no-bind */\n/*\n * ScandiPWA - Progressive Web App for Magento\n *\n * Copyright © Scandiweb, Inc. All rights reserved.\n * See LICENSE for license details.\n *\n * @license OSL-3.0 (Open Software License (\"OSL\") v. 3.0)\n * @package scandiweb/gdpr-scandipwa\n * @author Reinis Mazeiks \n */\n\nimport PrivacyConsentCheckboxes from '../component/PrivacyConsentCheckboxes';\nimport { AREA_CHECKOUT } from '../util/Privacy';\n\nconst updateSelection = (selection, isSatisfied, instance) => {\n const { updatePrivacyConsentSelection } = instance.props;\n instance.setState({ isTermsAndConditionsAccepted: isSatisfied });\n\n updatePrivacyConsentSelection(selection, isSatisfied);\n};\n\nexport const renderTermsAndConditions = (args, callback, instance) => (\n updateSelection(selection, isSatisfied, instance) }\n />\n);\n\n// eslint-disable-next-line\nexport const mapStateToProps = (args, callback, instance) => ({\n ...callback.apply(instance, args),\n termsAreEnabled: true\n});\n\nexport default {};\n","/**\n * ScandiPWA - Progressive Web App for Magento\n *\n * Copyright © Scandiweb, Inc. All rights reserved.\n * See LICENSE for license details.\n *\n * @license OSL-3.0 (Open Software License (\"OSL\") v. 3.0)\n * @package scandiweb/gdpr-scandipwa\n * @author Edgars Kuzmanis \n */\n\n// import FormPortal from 'Component/FormPortal';\n\nimport PrivacyConsentCheckboxes from '../component/PrivacyConsentCheckboxes';\nimport { AREA_REGISTRATION } from '../util/Privacy';\n\nconst updateSelection = (selection, isSatisfied, instance) => {\n const { updatePrivacyConsentSelection } = instance.props;\n\n updatePrivacyConsentSelection(selection, isSatisfied);\n};\n\nconst renderPrivacyConsent = (instance) => (\n updateSelection(selection, isSatisfied, instance) }\n />\n);\n\nexport const render = (args, callback, instance) => {\n const { formId, isCreateUser } = instance.props;\n\n return (\n \n { instance.renderHeading() }\n \n { instance.renderFields() }\n { isCreateUser && renderPrivacyConsent(instance) }\n { instance.renderCreateUserCheckbox() }\n \n \n );\n};\n\nexport default {};\n","/**\n * ScandiPWA - Progressive Web App for Magento\n *\n * Copyright © Scandiweb, Inc. All rights reserved.\n * See LICENSE for license details.\n *\n * @license OSL-3.0 (Open Software License (\"OSL\") v. 3.0)\n * @package scandiweb/gdpr-scandipwa\n * @author Edgars Kuzmanis \n */\n\nexport const renderActions = (args, callback, instance) => {\n const { selectedShippingMethod, isUserConsentGiven } = instance.props;\n\n return (\n \n \n { __('Proceed to billing') }\n \n
\n );\n};\n\nexport default {};\n","/*\n * ScandiPWA - Progressive Web App for Magento\n *\n * Copyright © Scandiweb, Inc. All rights reserved.\n * See LICENSE for license details.\n *\n * @license OSL-3.0 (Open Software License (\"OSL\") v. 3.0)\n * @package scandiweb/gdpr-scandipwa\n * @author Reinis Mazeiks \n */\n\nimport domToReact from 'html-react-parser/lib/dom-to-react';\n\nimport PrivacyPolicyButton from '../component/PrivacyPolicyButton';\n\n/**\n * When the BE detects a link to the privacy policy, it sets the link location to this value\n * Same as in Controller/Consent/GetPrivacyInformation.php\n * @type {string}\n */\nexport const PRIVACY_POPUP_MAGIC_LINK = '#amasty-scandipwa-gdpr-popup-magic-link';\n\nexport const rules = (originalMember, instance) => [\n {\n query: { name: ['a'] },\n // eslint-disable-next-line no-use-before-define\n replace: replacePrivacyPolicyButton(originalMember.parserOptions, instance)\n },\n ...originalMember\n];\n\nconst replacePrivacyPolicyButton = (parserOptions, instance) => ({ attribs, children }) => {\n const { href } = attribs;\n const { privacyPolicy } = instance.props;\n\n if (href === PRIVACY_POPUP_MAGIC_LINK) {\n return (\n \n { domToReact(children, parserOptions) }\n \n );\n }\n\n return null;\n};\n\nexport default {\n 'Component/Html/Component': {\n 'member-property': {\n rules\n }\n }\n};\n","/*\n * ScandiPWA - Progressive Web App for Magento\n *\n * Copyright © Scandiweb, Inc. All rights reserved.\n * See LICENSE for license details.\n *\n * @license OSL-3.0 (Open Software License (\"OSL\") v. 3.0)\n * @package scandiweb/gdpr-scandipwa\n * @author Reinis Mazeiks \n */\n\n// eslint-disable-next-line max-classes-per-file\nimport PropTypes from 'prop-types';\nimport { lazy } from 'react';\n\nconst MyAccountPrivacySettings = lazy(() => import(\n /* webpackMode: \"lazy\", webpackChunkName: \"account\" */\n '../component/MyAccountPrivacySettings'\n));\n\nexport const PRIVACY_SETTINGS = 'privacy-settings';\n\nexport class MyAccountPlugin {\n renderMap = (originalMember) => ({\n ...originalMember,\n [PRIVACY_SETTINGS]: MyAccountPrivacySettings\n });\n\n propTypes = (originalMember) => ({\n ...originalMember,\n activeTab: PropTypes.oneOfType([\n originalMember.activeTab,\n PropTypes.oneOf([PRIVACY_SETTINGS])\n ])\n });\n}\n\n// eslint-disable-next-line\nexport class MyAccountContainerPlugin {\n tabMap = (originalMember) => ({\n ...originalMember,\n [PRIVACY_SETTINGS]: {\n url: '/privacy-settings',\n tabName: __('Privacy Settings'),\n section: 1,\n }\n });\n}\n\nexport const { renderMap, propTypes } = new MyAccountPlugin();\nexport const { tabMap } = new MyAccountContainerPlugin();\n\nexport default {\n 'Route/MyAccount/Component': {\n 'member-property': {\n renderMap\n },\n 'static-member': {\n propTypes\n }\n },\n 'Component/MyAccountTabList/Component': {\n 'static-member': {\n propTypes\n }\n },\n 'Route/MyAccount/Container': {\n 'static-member': {\n tabMap\n }\n }\n};\n","import { STATE_CONFIRM_EMAIL } from '@scandipwa/scandipwa/src/component/MyAccountOverlay/MyAccountOverlay.config';\nimport React from 'react';\n\nimport PrivacyConsentCheckboxes from '../component/PrivacyConsentCheckboxes';\nimport { AREA_REGISTRATION, formatConsents } from '../util/Privacy';\n\nexport const renderSubmitButton = (args, callback, instance) => {\n const original = callback.apply(instance, args);\n\n const { updatePrivacyConsentSelection } = instance.props;\n\n return (\n \n { original }\n \n );\n};\n\n/**\n * Completely replaces (copied) original implementation - need to add value privacyConsentSelection to customerData\n * @param args\n * @param callback\n * @param instance\n */\nexport const onCreateAccountSuccess = (args, callback, instance) => {\n const [fields] = args;\n\n const {\n privacyConsentSelection\n } = instance.state;\n\n const formattedConsentSelection = formatConsents(privacyConsentSelection);\n\n const {\n createAccount,\n onSignIn,\n setSignInState,\n setLoadingState\n } = instance.props;\n\n const {\n password,\n email,\n firstname,\n lastname,\n is_subscribed\n } = fields;\n\n const customerData = {\n customer: {\n firstname,\n lastname,\n email,\n is_subscribed,\n privacyConsentSelection: formattedConsentSelection\n },\n password\n };\n\n createAccount(customerData)\n .then(\n (code) => {\n // if user needs confirmation\n if (code === 2) {\n setSignInState(STATE_CONFIRM_EMAIL);\n } else {\n onSignIn();\n }\n\n setLoadingState(false);\n },\n () => {\n setLoadingState(false);\n }\n );\n};\n\nexport const render = (args, callback, instance) => {\n const updatePrivacyConsentSelection = (selection) => {\n const { state } = instance;\n\n if (!state) {\n instance.setState({\n privacyConsentSelection: selection\n });\n }\n };\n\n const original = callback.apply(instance, args);\n return React.cloneElement(\n original,\n { updatePrivacyConsentSelection },\n original.props.children\n );\n};\n\nexport default {\n 'Component/MyAccountCreateAccount/Component': {\n 'member-function': {\n renderSubmitButton\n }\n },\n 'Component/MyAccountCreateAccount/Container': {\n 'member-function': {\n onCreateAccountSuccess,\n render\n }\n }\n};\n","import { ERROR_TYPE } from 'Component/Notification/Notification.config';\nimport { deleteAuthorizationToken, isSignedIn } from 'Util/Auth';\n\nexport const aroundComponentDidMount = (args, callback, instance) => {\n const { notification: { msgType, msgText } } = instance.props;\n\n if (msgType.toLowerCase() === ERROR_TYPE\n && msgText && msgText.toLowerCase().includes('customer')\n && msgText.toLowerCase().includes('authorized')\n ) {\n deleteAuthorizationToken();\n isSignedIn();\n }\n\n callback.apply(instance, args);\n};\n\nexport default {\n 'Component/Notification/Component': {\n 'member-function': {\n componentDidMount: aroundComponentDidMount\n }\n }\n};\n","/*\n * ScandiPWA - Progressive Web App for Magento\n *\n * Copyright © Scandiweb, Inc. All rights reserved.\n * See LICENSE for license details.\n *\n * @license OSL-3.0 (Open Software License (\"OSL\") v. 3.0)\n * @package scandiweb/gdpr-scandipwa\n * @author Reinis Mazeiks \n */\n\nimport PrivacyPolicyPopup from '../component/PrivacyPolicyPopup';\n\n// eslint-disable-next-line @scandipwa/scandipwa-guidelines/no-jsx-variables\nexport const beforeItems = (originalMember) => [\n ...originalMember,\n {\n component: \n */\n\nimport { Field } from 'Util/Query';\n\n/** @namespace Zendesk/Plugin/ZendeskLiveChat/Query/ConfigQueryPlugin */\nexport class ConfigQueryPlugin {\n getZendeskConfigDataFields = (args, callback) => ([\n ...callback(...args),\n this.getZendeskConfig()\n ]);\n\n getZendeskConfig() {\n return new Field('zendesk')\n .addFieldList(this.getZendeskConfigData());\n }\n\n getZendeskConfigData() {\n return [\n 'zendesk_enabled',\n 'zendesk_url',\n 'zendesk_enabled_urls'\n ];\n }\n}\n\nexport const { getZendeskConfigDataFields } = new ConfigQueryPlugin();\n\nexport default {\n 'Query/Config/Query': {\n 'member-function': {\n _getStoreConfigFields: getZendeskConfigDataFields\n }\n }\n};\n","/**\n * ScandiPWA - Progressive Web App for Magento\n *\n * Copyright © Scandiweb, Inc. All rights reserved.\n * See LICENSE for license details.\n *\n * @license OSL-3.0 (Open Software License (\"OSL\") v. 3.0)\n * @package scandiweb/zendesk\n * @author Jort Geurts \n */\nimport { BEFORE_ITEMS_TYPE } from 'Component/Router/Router.config';\n\nimport ZendeskLiveChatContainer from '../component/ZendeskLiveChat';\n\nexport const MAX_POSITION = 1000;\nexport const INCREASED_POSITION = 10;\n\nconst addZendeskChatComponent = (member, _context) => {\n const maxPosition = Math.max(\n ...member.map((route) => route.position).filter((num) => num <= MAX_POSITION)\n );\n\n // eslint-disable-next-line @scandipwa/scandipwa-guidelines/no-jsx-variables\n return [\n ...member,\n {\n component: \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2024 Scandiweb, Inc (https://scandiweb.com)\n */\n\nexport const addDotDigitalTrackingProfileIdField = (args, callback) => [\n ...callback(...args),\n 'dotdigital_tracking_profile_id'\n];\n\nexport default {\n 'Query/Config/Query': {\n 'member-function': {\n _getStoreConfigFields: addDotDigitalTrackingProfileIdField\n }\n }\n};\n","/**\n * @category BeautyWorks\n * @author Scandiweb \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2024 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport BrowserDatabase from 'Util/BrowserDatabase';\n\nconst saveSubscribeEmail = (formData) => {\n const emailData = formData[0] ?? '';\n\n if (emailData) {\n const { value = '' } = emailData;\n BrowserDatabase.setItem(value, 'subscribed_email');\n }\n};\n\nconst onFormSubmit = (args, callback = () => {}, instance) => {\n callback.apply(instance, args);\n\n const subscribeData = args[1] ?? false;\n\n if (subscribeData) {\n saveSubscribeEmail(subscribeData);\n }\n};\n\nexport default {\n 'Component/NewsletterSubscription/Container': {\n 'member-function': {\n onFormSubmit\n }\n }\n};\n","/**\n * @category BeautyWorks\n * @author Scandiweb \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2024 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport { GUEST_SHIPPING_DATA } from 'Route/Checkout/Checkout.config.js';\nimport BrowserDatabase from 'Util/BrowserDatabase';\nimport { roundPrice } from 'Util/Price';\n\nconst mapStateToProps = (args, callback, _instance) => {\n const [state] = args;\n\n return {\n ...callback(...args),\n trackerId: state.ConfigReducer.dotdigital_tracking_profile_id\n };\n};\n\nconst getCheckoutEmail = () => {\n const checkoutData = BrowserDatabase.getItem(GUEST_SHIPPING_DATA) ?? '';\n\n if (!checkoutData) {\n return checkoutData;\n }\n\n const { checkoutEmail = '' } = checkoutData;\n\n return checkoutEmail;\n};\n\nconst getCustomerEmail = () => {\n const customerFromBrowserDb = BrowserDatabase.getItem('customer') ?? '';\n\n if (!customerFromBrowserDb) {\n return customerFromBrowserDb;\n }\n\n const { email = '' } = customerFromBrowserDb;\n\n return email;\n};\n\nconst getSubscribedEmail = () => {\n return BrowserDatabase.getItem('subscribed_email') ?? '';\n};\n\nconst getVisitorEmail = () => {\n const customerEmail = getCustomerEmail();\n const checkoutEmail = getCheckoutEmail();\n const subscribedEmail = getSubscribedEmail();\n\n if (subscribedEmail) {\n return subscribedEmail;\n }\n\n if (customerEmail) {\n return customerEmail;\n }\n\n if (checkoutEmail) {\n return checkoutEmail;\n }\n};\n\nconst componentDidUpdate = (args, callback = () => {}, instance) => {\n const { isDDTrackingSent = false } = instance.state;\n\n if (typeof window.dmPt === 'function' && !isDDTrackingSent) {\n const { trackerId = '' } = instance.props;\n const visitorEmail = getVisitorEmail();\n\n if (!trackerId || !visitorEmail) {\n return callback.apply(instance, args);\n }\n\n const {\n product: {\n sku: product_sku = '',\n name: product_name = '',\n small_image: {\n url: product_image_path = ''\n } = {},\n price_range: {\n minimum_price: {\n final_price: {\n currency: product_currency = '',\n value = ''\n } = {}\n } = {}\n } = {}\n } = {}\n } = instance.props;\n\n const {\n location: {\n host = '',\n href: product_url = ''\n } = {}\n } = window;\n\n window.dmPt('create', trackerId, host);\n const productData = {\n product_name,\n product_url,\n product_sku,\n product_price: roundPrice(value),\n product_image_path,\n product_currency\n };\n\n window.dmPt('track', productData);\n window.dmPt('identify', visitorEmail);\n instance.setState({ isDDTrackingSent: true });\n }\n\n callback.apply(instance, args);\n};\n\nexport default {\n 'Route/ProductPage/Container': {\n 'member-function': {\n componentDidUpdate\n }\n },\n 'Route/ProductPage/Container/mapStateToProps': {\n function: mapStateToProps\n }\n};\n","/**\n * @category ScandiPWA\n * @author Fuad Kamilov \n * @package @scandipwa/store-finder\n * @copyright Copyright (c) 2023 Scandiweb, Inc (https://scandiweb.com)\n */\n\nexport class ConfigQueryPlugin {\n _getStoreConfigFields = (args, callback) => ([\n ...callback(...args),\n 'google_maps_api_key'\n ]);\n}\n\nconst {\n _getStoreConfigFields\n} = new ConfigQueryPlugin();\n\nexport default {\n 'Query/Config/Query': {\n 'member-function': {\n _getStoreConfigFields\n }\n }\n};\n","/* eslint-disable @scandipwa/scandipwa-guidelines/no-jsx-variables */\nimport React, { lazy } from 'react';\nimport { Route } from 'react-router-dom';\n\nimport { withStoreRegex } from 'Component/Router/Router.component';\n\nexport const StoreFinder = lazy(() => import(\n /* webpackMode: \"lazy\", webpackChunkName: \"storefinder\" */\n '../route/StoreFinder'\n));\n\nexport class RouterPlugin {\n beforeSwitchItemsType = (originalMember) => [\n ...originalMember,\n {\n component: \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2022 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport PropTypes from 'prop-types';\n\nimport { LinkType } from 'Type/Router.type';\nimport { TranslatedType } from 'Type/Translated.type';\n\nexport const BreadcrumbType = PropTypes.shape({\n url: LinkType,\n name: TranslatedType\n});\n\nexport const BreadcrumbsType = PropTypes.arrayOf(BreadcrumbType);\n","import { StoreFinderReducer } from '../store/StoreFinder';\n\n/** @namespace Scandiweb/StoreFinderGraphQl/Plugin/Plugin */\nexport class StoreIndexPlugin {\n aroundGetReducer = (args, callback, instance) => ({\n ...callback.apply(instance, args),\n StoreFinderReducer\n });\n}\n\nconst {\n aroundGetReducer\n} = new StoreIndexPlugin();\n\nexport const config = {\n 'Store/Index/getStaticReducers': {\n function: [\n {\n position: 100,\n implementation: aroundGetReducer\n }\n ]\n }\n};\n\nexport default config;\n","/**\n * @category BeautyWorks\n * @author Dmitrijs Tarasovs \n * @author Kirill Don-Shinaiko \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2022 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport { PropTypes } from 'prop-types';\n\nimport { showNotification } from 'Store/Notification/Notification.action';\nimport { noopFn } from 'Util/Common';\n\nimport GoogleReCaptcha from '../component/GoogleReCaptcha';\n\nexport class ReCaptchaPlugin {\n renderSubmitButton = (args, callback) => (\n <>\n \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2021 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport GoogleReCaptchaReducer from '../store/GoogleReCaptcha/GoogleReCaptcha.reducer';\n\n/** @namespace Recaptcha/Plugin/StoreIndex/StoreIndexPlugin */\nexport class StoreIndexPlugin {\n /**\n * Plugin to add GoogleReCaptcha reducer to getStaticReducers method.\n * @param args\n */\n aroundGetStaticReducers = (args, callback) => ({\n ...callback(...args),\n GoogleReCaptchaReducer\n });\n}\n\nconst { aroundGetStaticReducers } = new StoreIndexPlugin();\n\nexport default {\n 'Store/Index/getStaticReducers': {\n function: aroundGetStaticReducers\n }\n};\n","/* eslint-disable react/jsx-no-bind */\n\n/**\n * @category ScandiPWA\n * @author ScandiWeb Team \n * @package @scandipwa/attraqt\n * @copyright Copyright (c) 2023 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport PropTypes from 'prop-types';\n\nexport class AddToCartPlugin {\n addToPropTypes = (args) => ({\n ...args,\n attraqtOnClick: PropTypes.func\n });\n\n addToDefaultProps = (args) => ({\n ...args,\n attraqtOnClick: () => {}\n });\n\n addToContainerProps = (args, callback, instance) => {\n const {\n attraqtOnClick\n } = instance.props;\n\n return {\n ...callback(...args),\n attraqtOnClick\n };\n };\n\n beforeOnClick = (args, callback, instance) => {\n const { attraqtOnClick } = instance.props;\n attraqtOnClick();\n callback(...args);\n };\n}\n\nconst {\n addToPropTypes, addToDefaultProps, addToContainerProps, beforeOnClick\n} = new AddToCartPlugin();\n\nexport default {\n 'Component/AddToCart/Container': {\n 'member-function': {\n containerProps: addToContainerProps,\n onClick: beforeOnClick\n },\n 'static-member': {\n propTypes: addToPropTypes,\n defaultProps: addToDefaultProps\n }\n },\n 'Component/AddToCart/Component': {\n 'static-member': {\n propTypes: addToPropTypes,\n defaultProps: addToDefaultProps\n }\n }\n};\n","/**\n * @category ScandiPWA\n * @author ScandiWeb Team \n * @package @scandipwa/attraqt\n * @copyright Copyright (c) 2023 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport { lazy } from 'react';\n\nimport CmsBlock from 'Component/CmsBlock';\nimport Loader from 'Component/Loader';\n\nimport { ATTRAQT_WIDGET_CART } from '../component/AttraqtWidget/AttraqtWidgetconfig';\n\nconst ProductLinks = lazy(() => import(\n /* webpackMode: \"lazy\", webpackChunkName: \"cart\" */\n 'Component/ProductLinks'\n));\n\nconst renderCrossSellProducts = (args, callback, instance) => {\n const {\n attraqtWidgetId = '',\n recommendationId = '',\n widgetTitle = '',\n widgetItems = [],\n alternativeCmsBlock = false,\n isLoadingWidgets = false\n } = instance.props;\n\n if (isLoadingWidgets) {\n return (\n \n \n * @package @scandipwa/attraqt\n * @copyright Copyright (c) 2023 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport ProductListQuery from 'Query/ProductList.query';\nimport { fetchQuery } from 'Util/Request'\n\nimport { ATTRAQT_SESSION_ID } from '../component/AttraqtWidget/AttraqtWidgetconfig';\nimport AttraqtQuery from '../query/Attraqt.query';\n\nconst mapStateToProps = (args, callback, _instance) => {\n const [state] = args;\n\n return {\n ...callback(...args),\n attraqt_widget_cart: state.ConfigReducer.attraqt.attraqt_widget_cart\n };\n};\n\nconst componentDidMount = (args, callback = () => {}, instance) => {\n callback(...args);\n instance.setState({\n isLoadingWidgets: true,\n attraqtWidgetId: '',\n recommendationId: ''\n });\n};\n\nconst componentDidUpdate = (args, callback = () => {}, instance) => {\n const { attraqt_widget_cart = false, totals: { subtotal_incl_tax } = {} } = instance.props;\n const { isWidgetDataLoaded = false } = instance.state;\n const sessionIdData = localStorage.getItem(ATTRAQT_SESSION_ID);\n const sessionId = sessionIdData || '';\n\n if (attraqt_widget_cart && !isWidgetDataLoaded) {\n const data = { basketvalue: subtotal_incl_tax };\n instance.setState({ isWidgetDataLoaded: true });\n\n fetchQuery(AttraqtQuery.getAttraqtWidgetData(attraqt_widget_cart, sessionId, data)).then(\n ({\n getAttraqtWidget: {\n attraqtWidgetId = '',\n widgetTitle = '',\n recommendationId = '',\n recommendations = [],\n widgetAvailable = false,\n alternativeCmsBlock = null\n }\n }) => {\n instance.setState({\n attraqtWidgetId,\n widgetTitle,\n recommendationId,\n recommendations,\n widgetAvailable,\n alternativeCmsBlock,\n attraqtResponse: true\n });\n\n if (!widgetAvailable) {\n instance.setState({ isLoadingWidgets: false });\n }\n }\n );\n } else if (!attraqt_widget_cart && !isWidgetDataLoaded) {\n instance.setState({ isLoadingWidgets: false, isWidgetDataLoaded: true });\n }\n\n callback.apply(instance, args);\n\n const {\n recommendations = [],\n crossSellsUpdated = false,\n widgetAvailable = false, attraqtResponse\n } = instance.state;\n\n if (!crossSellsUpdated && attraqtResponse) {\n if (!widgetAvailable) {\n instance.setState({ isLoadingWidgets: false });\n return null;\n }\n\n instance.setState({ crossSellsUpdated: true });\n\n if (recommendations.length && widgetAvailable) {\n const data = {\n args: {\n filter: { productsSkuArray: recommendations },\n pageSize: recommendations.length\n },\n isWidget: true,\n isNext: false\n };\n\n fetchQuery(ProductListQuery.getQuery(data)).then(\n ({ products: { items = [] } }) => {\n instance.setState({ widgetItems: items, isLoadingWidgets: false });\n }\n );\n } else if (!recommendations.length) {\n instance.setState({ isLoadingWidgets: false });\n }\n }\n};\n\nconst containerProps = (args, callback, instance) => {\n const {\n attraqtWidgetId = '',\n widgetTitle = '',\n widgetAvailable = false,\n widgetItems = [],\n alternativeCmsBlock = null,\n isLoadingWidgets,\n recommendationId = ''\n } = instance.state;\n\n if (!widgetAvailable) {\n return {\n ...callback(...args),\n isLoadingWidgets\n };\n }\n\n return {\n ...callback(...args),\n attraqtWidgetId,\n widgetItems,\n widgetTitle,\n alternativeCmsBlock,\n isLoadingWidgets,\n recommendationId\n };\n};\n\nexport default {\n 'Route/CartPage/Container': {\n 'member-function': {\n componentDidUpdate,\n componentDidMount,\n containerProps\n }\n },\n 'Route/CartPage/Container/mapStateToProps': {\n function: mapStateToProps\n }\n};\n","/**\n * @category BeautyWorks\n * @author Scandiweb \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2022 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport TextPlaceholder from 'Component/TextPlaceholder';\n\nconst render = (args, callback, instance) => {\n const {\n totalItems,\n search,\n isInfoLoading,\n currentSearch\n } = instance.props;\n\n const isLoading = isInfoLoading || (search !== currentSearch);\n\n if (search !== '') {\n return (\n \n
\n );\n }\n\n return callback(...args);\n};\n\nexport default {\n 'Component/CategoryItemsCount/Component': {\n 'member-function': {\n render\n }\n }\n};\n","/**\n * @category BeautyWorks\n * @author Scandiweb \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2022 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport CategoryItemsCount from 'Component/CategoryItemsCount';\n\nconst renderItemsCount = (args, callback, instance) => {\n const isVisibleOnMobile = args[0] ? args[0] : false;\n const { isMatchingListFilter, isMobile, totalItems, search, isInfoLoading, currentSearch } = instance.props;\n\n if ((isVisibleOnMobile && !isMobile) || (!isVisibleOnMobile && isMobile) || totalItems === 0) {\n return null;\n }\n\n return (\n \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2022 Scandiweb, Inc (https://scandiweb.com)\n */\n\nconst containerProps = (args, callback, instance) => {\n const { isInfoLoading, currentArgs: { search: currentSearch = '' } } = instance.props;\n\n return {\n ...callback(...args),\n isInfoLoading,\n currentSearch\n };\n};\n\nexport default {\n 'Route/CategoryPage/Container': {\n 'member-function': {\n containerProps\n }\n }\n};\n","/**\n * @category BeautyWorks\n * @author Scandiweb \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2022 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport { Field } from 'Util/Query';\n\nexport class ConfigQueryPlugin {\n _getStoreConfigFields = (args, callback) => ([\n ...callback(...args),\n this.getAttraqtConfiguration()\n ]);\n\n getAttraqtConfiguration() {\n return new Field('attraqt')\n .addFieldList(this._getAttraqtConfigurationFields());\n }\n\n _getAttraqtConfigurationFields() {\n return [\n 'attraqt_enabled',\n 'attraqt_widget_pdp',\n 'attraqt_widget_cart',\n 'attraqt_search_enabled',\n 'attraqt_widget_pdp_similar'\n ];\n }\n}\n\nconst {\n _getStoreConfigFields\n} = new ConfigQueryPlugin();\n\nexport default {\n 'Query/Config/Query': {\n 'member-function': {\n _getStoreConfigFields\n }\n }\n};\n","/* eslint-disable jsx-a11y/click-events-have-key-events */\n/* eslint-disable jsx-a11y/no-noninteractive-element-interactions */\n/* eslint-disable react/jsx-no-bind */\n/* eslint-disable max-lines */\n\n/**\n * @category ScandiPWA\n * @author ScandiWeb Team \n * @package @scandipwa/attraqt\n * @copyright Copyright (c) 2023 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport {\n FULL_PERCENTAGE, FULL_STARS_COUNT,\n REVIEWCOUK_API_URL\n} from '@scandipwa/reviewscouk/src/component/ReviewsCoUkPDP/ReviewsCoUkPDP.config';\nimport { cloneElement } from 'react';\n\nimport AddToCart from 'Component/AddToCart';\nimport Link from 'Component/Link';\nimport PRODUCT_TYPE from 'Component/Product/Product.config';\nimport { STOCK_TYPE } from 'Component/Product/Stock.config';\nimport ProductReviewRating from 'Component/ProductReviewRating';\nimport ProductWishlistButton from 'Component/ProductWishlistButton';\nimport { showNotification } from 'Store/Notification/Notification.action';\n\nfunction onClick(instance, location) {\n const {\n product: { sku: productSku },\n onRecommendationClick,\n onSearchResultClick,\n attraqtWidgetId = '',\n recommendationId = '',\n search = '',\n metadataId = ''\n } = instance.props;\n\n const isSearchPage = search && search !== '';\n\n // should be called only for renderCardLinkWrapper\n if (location === 'renderCardLinkWrapper') {\n // todo check if attraqt enabled\n if (isSearchPage) {\n onSearchResultClick(productSku, search, metadataId);\n }\n instance.registerSharedElement();\n }\n\n if (!attraqtWidgetId && !recommendationId) {\n return;\n }\n\n onRecommendationClick(productSku, attraqtWidgetId, recommendationId);\n}\n\nconst renderCardLinkWrapper = (args, callback, instance) => {\n const { linkTo, product: { url } } = instance.props;\n const { props } = args[0];\n\n const { children } = props;\n const mix = props.mix || {};\n\n if (!url) {\n return (\n \n { children }\n \n );\n }\n\n return (\n onClick(instance, 'renderCardLinkWrapper') }\n mix={ mix }\n >\n { children }\n \n );\n};\n\nconst renderAddToCart = (args, callback, instance) => {\n const {\n configurableVariantIndex,\n product,\n quantity,\n groupedProductQuantity,\n onProductValidationError,\n productOptionsData,\n product: {\n stock_status,\n type_id\n }\n } = instance.props;\n\n if (instance.requiresConfiguration() || type_id === PRODUCT_TYPE.configurable) {\n return instance.renderShopNowOrComingSoonConfigurableProduct();\n }\n const isOutOfStock = stock_status === STOCK_TYPE.OUT_OF_STOCK;\n\n return (\n onClick(instance, 'renderAddToCart') }\n />\n );\n};\n\nconst renderShopNowOrComingSoonConfigurableProduct = (args, callback, instance) => {\n const {\n linkTo,\n product: {\n custom_stock_status\n }\n } = instance.props;\n\n if (custom_stock_status === 'OUT_OF_STOCK') {\n return (\n \n \n { __('Coming soon') }\n \n \n );\n }\n\n return (\n onClick(instance, 'renderShopNowOrComingSoonConfigurableProduct') }\n >\n \n { __('Shop Now') }\n \n \n );\n};\n\nconst renderShopNow = (args, callback, instance) => {\n const originalElement = callback(...args);\n const onAttraqtClick = () => onClick(instance, 'renderShopNow');\n\n return cloneElement(\n originalElement,\n { onClick: onAttraqtClick }\n );\n};\n\n// decided to add reviews.io reviews rendering here to include the attratq onclick event\nconst renderReviews = (args, callback, instance) => {\n const {\n product: { sku },\n reviewsStoreCode,\n setRatingData,\n ratingsCount,\n averageRating\n } = instance.props;\n\n if (!sku) {\n return null;\n }\n\n fetch(`${REVIEWCOUK_API_URL}?store=${reviewsStoreCode}&sku=${sku}`)\n .then((response) => {\n if (!response.ok) {\n return null;\n }\n\n return response.json();\n })\n .then((data) => {\n const { stats: { average = null, count = 0 } = {} } = data;\n\n setRatingData(parseFloat(average), count);\n })\n .catch((error) => {\n showNotification('error', error);\n });\n\n if (!averageRating || !ratingsCount) {\n return null;\n }\n\n const ratingPercent = (averageRating * FULL_PERCENTAGE) / FULL_STARS_COUNT;\n\n return (\n onClick(instance, 'renderReviews') }\n >\n \n { `${ ratingsCount } ${ __('Reviews') }` }\n \n \n );\n};\n\nconst renderWishlistButton = (args, callback, instance) => {\n const { magentoProduct } = instance.props;\n\n if (magentoProduct.length === 0) {\n return null;\n }\n\n return (\n onClick(instance, 'renderWishlistButton') }\n />\n );\n};\n\nexport default {\n 'Component/ProductCard/Component': {\n 'member-function': {\n renderCardLinkWrapper,\n renderAddToCart,\n renderShopNowOrComingSoonConfigurableProduct,\n renderShopNow,\n renderReviews,\n renderWishlistButton\n }\n }\n};\n","/**\n * @category ScandiPWA\n * @author ScandiWeb Team \n * @package @scandipwa/attraqt\n * @copyright Copyright (c) 2023 Scandiweb, Inc (https://scandiweb.com)\n */\n\nconst containerProps = (args, callback, instance) => {\n const {\n attraqtWidgetId = '',\n recommendationId = '',\n search = '',\n metadataId = ''\n } = instance.props;\n\n if (!attraqtWidgetId && !recommendationId) {\n return {\n ...callback(...args),\n search,\n metadataId\n };\n }\n\n return {\n ...callback(...args),\n attraqtWidgetId,\n recommendationId,\n search,\n metadataId\n };\n};\n\nexport default {\n 'Component/ProductCard/Container': {\n 'member-function': {\n containerProps\n }\n }\n};\n","/**\n * @category BeautyWorks\n * @author Scandiweb \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2022 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport ProductLinks from 'Component/ProductLinks/ProductLinks.component.js';\nimport { ATTRAQT_WIDGET_CART, ATTRAQT_WIDGET_PDP } from '../component/AttraqtWidget/AttraqtWidgetconfig';\n\nconst containerProps = (args, callback, instance) => {\n const { attraqtWidgetItems = [], linkType , linkedProducts = {}} = instance.props;\n\n if (!attraqtWidgetItems.length || !(linkType === ATTRAQT_WIDGET_CART || linkType === ATTRAQT_WIDGET_PDP)) {\n return callback(...args)\n }\n\n const newLinkedProducts = {\n ...linkedProducts,\n [linkType]: { total_count: attraqtWidgetItems.length, items: attraqtWidgetItems }\n };\n\n return {\n ...callback(...args),\n linkedProducts: newLinkedProducts\n };\n};\n\nconst render = (args, callback, instance) => {\n const {\n attraqtWidgetItems = []\n } = instance.props;\n\n if (!attraqtWidgetItems.length) {\n return callback(...args)\n }\n\n return (\n \n * @package @scandipwa/attraqt\n * @copyright Copyright (c) 2023 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport { lazy } from 'react';\nimport history from 'src/util/History';\n\nexport const ProductListPage = lazy(() => import(\n /* webpackMode: \"lazy\", webpackChunkName: \"category\" */\n 'Component/ProductListPage'\n));\nconst state = (original) => ({\n ...original,\n isSearchEventFired: false\n});\n\nconst renderItems = (args, callback, instance) => {\n const {\n isLoading,\n search,\n metadataId = '',\n isAttraqtEnabled = false,\n isAttraqtSearchEnabled = false\n } = instance.props;\n const isSearch = search && search !== '';\n\n if (!isSearch || !isAttraqtEnabled || !isAttraqtSearchEnabled) {\n return callback(...args);\n }\n\n const { isSearchEventFired } = instance.state;\n\n if (!isSearchEventFired && !isLoading && metadataId !== '') {\n instance.renderSearchViewEvent(search, metadataId, window.location.href);\n instance.setState({ isSearchEventFired: true });\n }\n\n return callback(...args);\n};\n\nconst renderPage = (args = {}, callback, instance) => {\n const {\n attraqtWidgetId = '',\n recommendationId = '',\n search = '',\n metadataId = '',\n isAttraqtEnabled = false,\n isAttraqtSearchEnabled = false\n } = instance.props;\n\n const [props = []] = args;\n\n const notAttraqtWidget = !attraqtWidgetId || !recommendationId;\n const notAttraqtSearch = !isAttraqtEnabled || !isAttraqtSearchEnabled;\n\n if (notAttraqtWidget && notAttraqtSearch) {\n return callback(...args);\n }\n\n const {\n isCarousel,\n device,\n isInfiniteLoaderEnabled,\n loadPage,\n isLoading,\n isVisible,\n currentPage,\n mix,\n conditionsEncoded\n } = instance.props;\n\n const newProps = instance._processProps(props);\n\n const { location } = history;\n\n return (\n \n * @package @scandipwa/attraqt\n * @copyright Copyright (c) 2023 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport { fetchQuery } from 'Util/Request';\n\nimport AttraqtQuery from '../query/Attraqt.query';\n\nconst componentDidMount = (args, callback, instance) => {\n const { search, isAttraqtEnabled, isAttraqtSearchEnabled } = instance.props;\n if (isAttraqtEnabled && isAttraqtSearchEnabled && search !== '') {\n fetchQuery(AttraqtQuery.getAttraqtSearchData(search)).then(\n ({\n getAttraqtSearchResults: {\n metadataId\n }\n }) => {\n instance.setState({ metadataId, isPageRequested: true });\n }\n );\n }\n\n callback.apply(instance, args);\n};\n\nconst componentDidUpdate = (args, callback, instance) => {\n const prevProps = args[0] ? args[0] : {};\n const {\n search: prevSearch,\n sort: { sortDirection: prevSortDirection, sortKey: prevSortKey } = { sortDirection: null, sortKey: null }\n } = prevProps;\n const {\n search, isAttraqtEnabled, isAttraqtSearchEnabled,\n sort: { sortDirection, sortKey } = { sortDirection: null, sortKey: null }\n } = instance.props;\n const { isPageRequested, metadataId } = instance.state;\n\n if ((search !== prevSearch) && search !== '' && isPageRequested) {\n instance.setState({ metadataId: '' });\n fetchQuery(AttraqtQuery.getAttraqtSearchData(search)).then(\n ({\n getAttraqtSearchResults: {\n metadataId\n }\n }) => {\n instance.setState({ isPageRequested: false, metadataId });\n }\n );\n }\n\n if ((sortDirection !== prevSortDirection || sortKey !== prevSortKey) && isPageRequested && isAttraqtSearchEnabled) {\n instance.setState({ metadataId, isPageRequested: false });\n }\n\n const attraqtEnabledResponse = isAttraqtEnabled && isAttraqtSearchEnabled\n && search !== '';\n\n if (attraqtEnabledResponse) {\n if (isPageRequested === false) {\n instance.setState({ isPageRequested: true });\n }\n }\n callback.apply(instance, args);\n};\n\nconst mapStateToProps = (args, callback) => {\n const [state] = args;\n\n return {\n ...callback(...args),\n isAttraqtEnabled: state.ConfigReducer.attraqt?.attraqt_enabled,\n isAttraqtSearchEnabled: state.ConfigReducer.attraqt?.attraqt_search_enabled\n };\n};\n\nconst containerProps = (args, callback, instance) => {\n const {\n isAttraqtEnabled = false,\n isAttraqtSearchEnabled = false,\n search = '',\n attraqtWidgetId = '',\n recommendationId = '',\n attraqtMetaId = ''\n } = instance.props;\n const { metadataId = '' } = instance.state;\n\n if (!isAttraqtEnabled && !isAttraqtSearchEnabled && search === '') {\n return {\n ...callback(...args)\n };\n }\n\n if (isAttraqtEnabled && search === '') {\n return {\n ...callback(...args),\n isAttraqtEnabled,\n attraqtWidgetId,\n recommendationId,\n metadataId: metadataId === '' ? attraqtMetaId : metadataId\n };\n }\n\n return {\n ...callback(...args),\n isAttraqtEnabled,\n isAttraqtSearchEnabled,\n search,\n metadataId\n };\n};\n\nexport default {\n 'Component/ProductList/Container': {\n 'member-function': {\n containerProps,\n componentDidMount,\n componentDidUpdate\n }\n },\n 'Component/ProductList/Container/mapStateToProps': {\n function: mapStateToProps\n }\n};\n","/**\n * @category ScandiPWA\n * @author ScandiWeb Team \n * @package @scandipwa/attraqt\n * @copyright Copyright (c) 2023 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport { PRODUCT_LIST_WIDGET } from 'Component/ProductListPage/ProductListPage.config';\nimport ProductCard from 'Component/ProductCard';\n\nconst renderProductCards = (args, callback, instance) => {\n const {\n attraqtWidgetId = '',\n recommendationId = '',\n search = '',\n metadataId = '',\n isAttraqtEnabled = false,\n isAttraqtSearchEnabled = false\n } = instance.props;\n\n const notAttraqtWidget = !attraqtWidgetId || !recommendationId;\n const notAttraqtSearch = search === '' || !isAttraqtEnabled || !isAttraqtSearchEnabled;\n\n if (notAttraqtWidget && notAttraqtSearch) {\n return callback(...args);\n }\n\n const {\n items,\n selectedFilters,\n isCarousel,\n mix: {\n block\n }\n } = instance.props;\n\n const isWidgetItem = block === PRODUCT_LIST_WIDGET;\n\n // if not widget, but attraqt search\n if (notAttraqtWidget) {\n return items.map((product, i) => (\n \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2022 Scandiweb, Inc (https://scandiweb.com)\n */\n\n/** @namespace Attraqt/Plugin/ProductListQuery/Plugin/ProductListQueryPlugin */\n\nexport class ProductListQueryPlugin {\n _getCategoryFields = (args, callback) => ([\n ...callback(...args),\n 'attraqt_recommendation_category'\n ]);\n}\n\nconst {\n _getCategoryFields\n} = new ProductListQueryPlugin();\n\nexport default {\n 'Query/ProductList/Query': {\n 'member-function': {\n _getCategoryFields\n }\n }\n};\n","/**\n * @category BeautyWorks\n * @author Scandiweb \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2023 Scandiweb, Inc (https://scandiweb.com)\n */\nimport CmsBlock from 'Component/CmsBlock';\nimport { fetchQuery } from 'Util/Request';\n\nimport { ATTRAQT_SESSION_ID } from '../component/AttraqtWidget/AttraqtWidgetconfig';\nimport AttraqtQuery from '../query/Attraqt.query';\n\nconst componentDidMount = (args, callback, instance) => {\n const { attraqtIdentifier = 0 } = instance.props;\n const sessionIdData = localStorage.getItem(ATTRAQT_SESSION_ID);\n const sessionId = sessionIdData || '';\n\n if (attraqtIdentifier) {\n fetchQuery(AttraqtQuery.getAttraqtWidgetData(attraqtIdentifier, sessionId, {})).then(\n ({\n getAttraqtWidget: {\n widgetTitle = '',\n recommendations = [],\n recommendationId = '',\n attraqtWidgetId = '',\n widgetAvailable = false,\n alternativeCmsBlock = null\n }\n }) => {\n instance.setState({\n widgetTitle,\n recommendations,\n recommendationId,\n attraqtWidgetId,\n widgetAvailable,\n alternativeCmsBlock\n });\n }\n );\n }\n};\n\nconst containerProps = (args, callback, instance) => {\n const { attraqtIdentifier = 0 } = instance.props;\n const { widgetTitle = '', widgetAvailable = false } = instance.state;\n\n if (!attraqtIdentifier || !widgetAvailable) {\n return {\n ...callback(...args)\n };\n }\n\n return {\n ...callback(...args),\n title: widgetTitle,\n isCarousel: true\n };\n};\n\nconst adaptProps = (args, callback, instance) => {\n const { attraqtIdentifier = 0, showPager } = instance.props;\n const { recommendations = [], widgetAvailable = false } = instance.state;\n const pageSize = recommendations.length;\n\n if (!attraqtIdentifier || !widgetAvailable) {\n return callback.apply(instance, args);\n }\n\n return {\n filter: { productsSkuArray: recommendations },\n pageSize,\n isPaginationEnabled: !!showPager\n };\n};\n\nconst render = (args, callback, instance) => {\n const { attraqtIdentifier = 0, conditionsEncoded } = instance.props;\n const { widgetAvailable = false, alternativeCmsBlock, recommendations = [] } = instance.state;\n const recommendationsLength = recommendations ? recommendations.length : 0;\n\n if (alternativeCmsBlock && !recommendationsLength && widgetAvailable) {\n return (\n \n * @package @scandipwa/attraqt\n * @copyright Copyright (c) 2023 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport { lazy } from 'react';\n\nimport CmsBlock from 'Component/CmsBlock';\nimport Loader from 'Component/Loader';\n\nimport { ATTRAQT_WIDGET_PDP } from '../component/AttraqtWidget/AttraqtWidgetconfig';\n\nconst ProductLinks = lazy(() => import(\n /* webpackMode: \"lazy\", webpackChunkName: \"product\" */\n 'Component/ProductLinks'\n))\n\nconst renderRelatedProductLinks = (args, callback, instance) => {\n const {\n widgetItemsRelated = [],\n isLoadingRelated = false,\n relatedWidget: {\n alternativeCmsBlock = false,\n attraqtWidgetId = '',\n recommendationId = '',\n widgetTitle = ''\n } = {},\n isInExpressWeftWidget\n } = instance.props;\n\n if (isLoadingRelated && !isInExpressWeftWidget) {\n return (\n \n \n \n * @package @scandipwa/attraqt\n * @copyright Copyright (c) 2023 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport PRODUCT_TYPE from 'Component/Product/Product.config';\nimport ProductListQuery from 'Query/ProductList.query';\nimport { fetchQuery } from 'Util/Request';\n\nimport {\n ATTRAQT_SESSION_ID,\n WIDGET_TYPE_RELATED,\n WIDGET_TYPE_SIMILAR\n} from '../component/AttraqtWidget/AttraqtWidgetconfig';\nimport AttraqtQuery from '../query/Attraqt.query';\n\nconst mapStateToProps = (args, callback, _instance) => {\n const [state] = args;\n\n return {\n ...callback(...args),\n attraqt_widget_pdp: state.ConfigReducer.attraqt.attraqt_widget_pdp,\n attraqt_widget_pdp_similar: state.ConfigReducer.attraqt.attraqt_widget_pdp_similar,\n categories: state.ProductReducer.product.categories\n };\n};\n\nconst getWidgetData = (pdpWidget, sessionId, additionalData, instance, type) => {\n const isRelated = type === WIDGET_TYPE_RELATED;\n const isSimilar = type === WIDGET_TYPE_SIMILAR;\n\n fetchQuery(AttraqtQuery.getAttraqtWidgetData(pdpWidget, sessionId, additionalData)).then(\n ({\n getAttraqtWidget, getAttraqtWidget: { widgetAvailable = false }\n }) => {\n if (isRelated) {\n instance.setState({\n relatedWidget: getAttraqtWidget, attraqtResponseRelated: true, relatedUpdated: false\n });\n }\n\n if (isSimilar) {\n instance.setState({\n similarWidget: getAttraqtWidget, attraqtResponseSimilar: true, similarUpdated: false\n });\n }\n\n if (!widgetAvailable) {\n if (isRelated) {\n instance.setState({ isLoadingRelated: false });\n }\n\n if (isSimilar) {\n instance.setState({ isLoadingSimilar: false });\n }\n }\n }\n );\n};\n\nconst loadWidgetItems = (instance, recommendations, isWidgetUpdated, isAttraqtResponse, widgetAvailable, type) => {\n const recommendationsLength = recommendations ? recommendations.length : 0;\n const isRelated = type === WIDGET_TYPE_RELATED;\n const isSimilar = type === WIDGET_TYPE_SIMILAR;\n\n if (!isWidgetUpdated && isAttraqtResponse) {\n if (isRelated) {\n instance.setState({ relatedUpdated: true });\n }\n\n if (isSimilar) {\n instance.setState({ similarUpdated: true });\n }\n\n if (recommendationsLength && widgetAvailable) {\n const data = {\n args: {\n filter: { productsSkuArray: recommendations },\n pageSize: recommendationsLength\n },\n isWidget: true,\n isNext: false\n };\n\n fetchQuery(ProductListQuery.getQuery(data)).then(\n ({ products: { items = [] } }) => {\n if (isRelated) {\n instance.setState({ widgetItemsRelated: items, isLoadingRelated: false });\n }\n\n if (isSimilar) {\n instance.setState({ widgetItemsSimilar: items, isLoadingSimilar: false });\n }\n }\n );\n } else if (!recommendationsLength) {\n if (isRelated) {\n instance.setState({ isLoadingRelated: false });\n }\n\n if (isSimilar) {\n instance.setState({ isLoadingSimilar: false });\n }\n }\n }\n};\n\nconst componentDidMount = (args, callback = () => {}, instance) => {\n callback(...args);\n instance.setState({\n relatedWidget: {},\n similarWidget: {},\n isLoadingRelated: true,\n isLoadingSimilar: true,\n isDataLoadedRelated: false,\n isDataLoadedSimilar: false,\n relatedUpdated: false,\n similarUpdated: false,\n attraqtResponseRelated: false,\n attraqtResponseSimilar: false\n });\n};\n\nconst componentDidUpdate = (args, callback = () => {}, instance) => {\n const prevProps = args[0];\n const prevState = args[1];\n const {\n product: {\n sku: prevSku = null,\n categories: currentCategories = []\n },\n product: prevProduct = {},\n productSKU\n } = prevProps;\n const { activeProduct: prevActiveProduct = null } = prevState;\n\n const {\n attraqt_widget_pdp_similar = false,\n attraqt_widget_pdp = false,\n categories: productCategories = false\n } = instance.props;\n let categories = false;\n\n if (!Object.keys(prevProduct).length) {\n categories = productCategories;\n } else if (productSKU === prevSku) {\n categories = currentCategories;\n }\n\n const { isDataLoadedRelated = false, isDataLoadedSimilar = false, activeProduct = null } = instance.state;\n let categorySpecificWidget = false;\n const isFirstSelectedOption = activeProduct !== null && prevActiveProduct === null;\n const isSelectionRemoved = activeProduct === null && prevActiveProduct !== null;\n\n if (isFirstSelectedOption || isSelectionRemoved) {\n // this will run when the first configurable option is selected\n instance.setState({\n isDataLoadedRelated: false,\n relatedUpdated: false,\n isLoadingRelated: true,\n similarUpdated: false,\n isDataLoadedSimilar: false,\n isLoadingSimilar: true\n });\n } else if (activeProduct !== null && prevActiveProduct !== null) {\n // this will run when the configurable option is selected starting from 2nd time\n const { id: activeId = null } = activeProduct;\n const { id: prevId = null } = prevActiveProduct;\n\n if (activeId !== prevId) {\n instance.setState({\n isDataLoadedRelated: false,\n relatedUpdated: false,\n isLoadingRelated: true,\n similarUpdated: false,\n isDataLoadedSimilar: false,\n isLoadingSimilar: true\n });\n }\n }\n\n const sessionId = localStorage.getItem(ATTRAQT_SESSION_ID);\n\n if (attraqt_widget_pdp_similar && !isDataLoadedSimilar) {\n instance.setState({ isDataLoadedSimilar: true, isLoadingSimilar: true });\n const productId = (activeProduct === null) ? productSKU : activeProduct.sku;\n const additionalData = { productId };\n getWidgetData(attraqt_widget_pdp_similar, sessionId, additionalData, instance, WIDGET_TYPE_SIMILAR);\n }\n\n if ((attraqt_widget_pdp && categories) && !isDataLoadedRelated) {\n instance.setState({ isDataLoadedRelated: true });\n\n if (categories.length) {\n categorySpecificWidget = categories.find((category) => category.attraqt_recommendation_category !== null\n && category.attraqt_recommendation_category !== undefined);\n }\n\n const pdpWidget = categorySpecificWidget\n ? categorySpecificWidget.attraqt_recommendation_category\n : attraqt_widget_pdp;\n\n if (pdpWidget) {\n const {\n product: {\n attributes: {\n colour_name: {\n attribute_options: colourNameOptions = {}\n } = {},\n hair_colours: {\n attribute_options: hairColoursOptions = {}\n } = {}\n } = {},\n type_id\n } = {}\n } = instance.props;\n\n let hairColour = '';\n\n // Getting the selected product colour from simple\n if (type_id === PRODUCT_TYPE.simple) {\n const attributeData = Object.values(colourNameOptions)[0];\n\n if (attributeData) {\n const { label = '' } = attributeData;\n hairColour = label;\n }\n }\n\n // Getting the selected product colour from configurable when selected\n if (type_id === PRODUCT_TYPE.configurable && activeProduct !== null) {\n const {\n activeProduct: {\n attributes: {\n hair_colours: {\n attribute_value: configurableColour = ''\n } = {}\n } = {}\n } = {}\n } = instance.state;\n\n const colourData = hairColoursOptions[configurableColour];\n\n if (colourData !== undefined) {\n const { label = '' } = colourData;\n hairColour = label;\n }\n }\n\n const productId = (activeProduct === null) ? productSKU : activeProduct.sku;\n const additionalData = { productId, hairColour };\n\n getWidgetData(pdpWidget, sessionId, additionalData, instance, WIDGET_TYPE_RELATED);\n }\n } else if (!attraqt_widget_pdp && !isDataLoadedRelated) {\n instance.setState({ isLoadingRelated: false, isDataLoadedRelated: true });\n } else if (!attraqt_widget_pdp_similar && !isDataLoadedSimilar) {\n instance.setState({ isLoadingSimilar: false, isDataLoadedSimilar: true });\n }\n\n const {\n relatedWidget: { recommendations: relatedRec = [], widgetAvailable: relatedAvailable = false } = {},\n similarWidget: { recommendations: similarRec = [], widgetAvailable: similarAvailable = false } = {},\n relatedUpdated = false,\n similarUpdated = false,\n attraqtResponseRelated: responseRelated,\n attraqtResponseSimilar: responseSimilar\n } = instance.state;\n\n loadWidgetItems(instance, relatedRec, relatedUpdated, responseRelated, relatedAvailable, WIDGET_TYPE_RELATED);\n loadWidgetItems(instance, similarRec, similarUpdated, responseSimilar, similarAvailable, WIDGET_TYPE_SIMILAR);\n callback.apply(instance, args);\n};\n\nconst containerProps = (args, callback, instance) => {\n const {\n relatedWidget,\n similarWidget,\n widgetItemsRelated = [],\n widgetItemsSimilar = [],\n isLoadingRelated,\n isLoadingSimilar\n } = instance.state;\n\n return {\n ...callback(...args),\n widgetItemsRelated,\n widgetItemsSimilar,\n isLoadingRelated,\n isLoadingSimilar,\n relatedWidget,\n similarWidget\n };\n};\n\nexport default {\n 'Route/ProductPage/Container': {\n 'member-function': {\n componentDidUpdate,\n componentDidMount,\n containerProps\n }\n },\n 'Route/ProductPage/Container/mapStateToProps': {\n function: mapStateToProps\n }\n};\n","/* eslint-disable react/jsx-no-bind */\n\n/**\n * @category ScandiPWA\n * @author ScandiWeb Team \n * @package @scandipwa/attraqt\n * @copyright Copyright (c) 2023 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport PropTypes from 'prop-types';\n\nimport HeartIcon from 'Component/HeartIcon';\n\nexport class ProductWishlistButtonPlugin {\n addToPropTypes = (args) => ({\n ...args,\n onClick: PropTypes.func\n });\n\n addToDefaultProps = (args) => ({\n ...args,\n onClick: () => {}\n });\n\n addToContainerProps = (args, callback, instance) => {\n const {\n onClick\n } = instance.props;\n\n return {\n ...callback(...args),\n onClick\n };\n };\n\n onClick(instance, e) {\n const {\n onClick\n } = instance.props;\n\n instance.onClick(e);\n onClick();\n }\n\n renderButton = (args, callback, instance) => {\n const { isInWishlist, isDisabled, mix } = instance.props;\n\n return (\n this.onClick(instance, e) }\n >\n \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2023 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport { redirectAvailable } from '../store/SearchBar.action';\n\nconst onRedirectsAvailable = (args, _) => {\n const dispatch = args[0];\n const data = args[1];\n dispatch(redirectAvailable(data));\n};\n\nexport default {\n 'Scandipwa/Store/SearchBar/Dispatcher/SearchBarDispatcher': {\n 'member-function': {\n onRedirectsAvailable\n }\n }\n};\n","/**\n * @category BeautyWorks\n * @author Scandiweb \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2023 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport { REDIRECT_AVAILABLE } from '../store/SearchBar.action';\n\nconst getInitialState = (args, callback, _) => {\n return {\n ...callback(...args),\n redirectAvailable: ''\n };\n};\n\nexport const searchBarReducer = (args, callback) => {\n const [state, { type, redirectAvailable }] = args;\n\n if (type === REDIRECT_AVAILABLE) {\n\n return {\n ...state,\n redirectAvailable\n };\n }\n\n return callback(...args);\n};\n\nexport default {\n 'Scandipwa/Store/SearchBar/Reducer/SearchBarReducer': {\n function: searchBarReducer\n },\n 'Scandipwa/Store/SearchBar/Reducer/getInitialState': {\n function: getInitialState\n }\n};\n","/**\n * @category BeautyWorks\n * @author Scandiweb \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2023 Scandiweb, Inc (https://scandiweb.com)\n */\n\nconst onSearchEnterPress = (args, callback, instance) => {\n const {\n redirectAvailable\n } = instance.props;\n\n const { key } = args[0];\n\n if (redirectAvailable !== '' && key === 'Enter') {\n window.location.replace(redirectAvailable);\n } else {\n return callback.apply(instance, args);\n }\n\n return 1;\n};\n\nexport default {\n 'Component/SearchField/Component': {\n 'member-function': {\n onSearchEnterPress\n }\n }\n};\n","/**\n * @category BeautyWorks\n * @author Scandiweb \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2023 Scandiweb, Inc (https://scandiweb.com)\n */\n\nconst mapStateToProps = (args, callback, _) => {\n const [state] = args;\n\n return {\n ...callback(...args),\n redirectAvailable: state.SearchBarReducer?.redirectAvailable\n };\n};\n\nexport default {\n 'Component/SearchField/Container/mapStateToProps': {\n function: mapStateToProps\n }\n};\n","/**\n * @category BeautyWorks\n * @author Scandiweb \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2023 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport PropTypes from 'prop-types';\n\nexport const propTypes = (originalMember) => ({\n ...originalMember,\n redirectName: PropTypes.string,\n redirectUrl: PropTypes.string\n});\n\nexport const defaultProps = (originalMember) => ({\n ...originalMember,\n redirectName: '',\n redirectUrl: ''\n});\n\nconst renderSearchResults = (args, callback, instance) => {\n const {\n redirectName, redirectUrl\n } = instance.props;\n\n if (redirectName !== '' && redirectUrl !== '') {\n return (\n \n );\n }\n\n return callback(...args);\n};\n\nexport default {\n 'Component/SearchOverlay/Component': {\n 'static-member': {\n propTypes,\n defaultProps\n }\n },\n 'Scandipwa/Component/SearchOverlay/Component/SearchOverlayComponent': {\n 'member-function': {\n renderSearchResults\n }\n }\n};\n","/**\n * @category BeautyWorks\n * @author Scandiweb \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2022 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport PropTypes from 'prop-types';\n\nimport { fetchQuery } from 'Util/Request';\n\nimport AttraqtQuery from '../query/Attraqt.query';\n\nexport const SearchBarDispatcher = import(\n /* webpackMode: \"lazy\", webpackChunkName: \"dispatchers\" */\n 'Store/SearchBar/SearchBar.dispatcher'\n);\n\nconst mapStateToProps = (args, callback, _) => {\n const [state] = args;\n\n return {\n ...callback(...args),\n attraqtConfig: state.ConfigReducer.attraqt\n };\n};\n\nconst makeSearchRequest = (args, callback, instance) => {\n const {\n makeSearchRequest,\n clearSearchResults,\n redirectAvailable,\n searchCriteria,\n attraqtConfig: {\n attraqt_enabled: isAttraqtEnabled,\n attraqt_search_enabled: isAttraqtSearchEnabled\n } = {}\n } = instance.props;\n\n instance.setState({\n redirectName: '', redirectUrl: ''\n });\n\n if (searchCriteria) {\n clearSearchResults();\n redirectAvailable('');\n\n if (isAttraqtEnabled && isAttraqtSearchEnabled) {\n fetchQuery(AttraqtQuery.getAttraqtSearchData(searchCriteria)).then(\n ({\n getAttraqtSearchResults: {\n redirectName, redirectUrl\n }\n }) => {\n if (redirectName !== '' && redirectUrl !== '') {\n instance.setState({\n redirectName, redirectUrl\n });\n redirectAvailable(redirectUrl);\n } else {\n makeSearchRequest({\n args: {\n search: searchCriteria,\n pageSize: 5,\n currentPage: 1\n }\n });\n }\n }\n );\n } else {\n return callback.apply(instance, args);\n }\n }\n};\n\nconst addRedirectToState = (args, callback, instance) => {\n instance.state = {\n redirectName: '',\n redirectUrl: ''\n };\n};\n\nconst containerProps = (args, callback, instance) => {\n const {\n redirectName = '',\n redirectUrl = ''\n } = instance.state;\n\n return {\n ...callback(...args),\n redirectName,\n redirectUrl\n };\n};\n\nconst mapDispatchToProps = (args, callback) => {\n const [dispatch] = args;\n\n return {\n ...callback(...args),\n redirectAvailable: (options) => SearchBarDispatcher.then(\n ({ default: dispatcher }) => dispatcher.onRedirectsAvailable(dispatch, options)\n )\n };\n};\n\nexport default {\n 'Component/SearchOverlay/Container': {\n 'member-function': {\n makeSearchRequest,\n containerProps,\n __construct: addRedirectToState\n }\n },\n 'Component/SearchOverlay/Container/mapStateToProps': {\n function: mapStateToProps\n },\n 'Component/SearchOverlay/Container/mapDispatchToProps': {\n function: mapDispatchToProps\n }\n};\n","/**\n * @category ScandiPWA\n * @author ScandiWeb Team \n * @package @scandipwa/amazonpay\n * @copyright Copyright (c) 2022 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport { Suspense } from 'react';\n\nimport CheckoutShipping from 'Component/CheckoutShipping';\nimport Loader from 'Component/Loader';\nimport { SHIPPING_STEP } from 'Route/Checkout/Checkout.config';\n\nconst renderShippingStep = (args, callback, instance) => {\n const {\n shippingMethods,\n onShippingEstimationFieldsChange,\n saveAddressInformation,\n isDeliveryOptionsLoading,\n onPasswordChange,\n onCreateUserChange,\n onEmailChange,\n isCreateUser,\n estimateAddress,\n isPickInStoreMethodSelected,\n handleSelectDeliveryMethod,\n cartTotalSubPrice,\n onShippingMethodSelect,\n onStoreSelect,\n selectedStoreAddress,\n onSubscribeNewsletterChange,\n amazonSessionId,\n updateEmail,\n updateShippingFields,\n checkoutStep,\n shippingAddress,\n selectedShippingMethod,\n newsletterSubscribed,\n editShippingAddress,\n isLoqateAddressSelected,\n setGuestEmailToCheckoutState,\n methodWithRedirect,\n getOnShippingSuccess,\n handleSelectedAddressId,\n checkoutNumerationStart,\n resetShippingMethod,\n resetShippingMethodBack\n } = instance.props;\n\n if (checkoutStep !== SHIPPING_STEP) {\n return instance.renderClosedStep(SHIPPING_STEP, instance.renderShippingAddressTable());\n }\n\n return (\n \n * @package @scandipwa/amazonpay\n * @copyright Copyright (c) 2022 Scandiweb, Inc (https://scandiweb.com)\n */\nimport { getQueryParam } from 'Util/Url';\n\nconst PSEUDO_ORDER_ID = '0';\nconst REVIEWS_SURVEY_SCRIPT_SRC = 'https://widget.reviews.io/modern-widgets/survey.js';\nconst ONE_MINUTE_IN_MILLISECONDS = 60000;\n\nconst htmlToElement = (html) => {\n const template = document.createElement('template');\n\n template.innerHTML = html.trim();\n\n return template.content.firstChild;\n};\n\nconst componentDidMount = (args, callback, instance) => {\n const { location, amazonScript } = instance.props;\n\n const element = document.getElementById('reviews-io-survey-widget');\n element?.parentNode.removeChild(element);\n\n const searchParamsId = getQueryParam('id', location);\n const orderId = searchParamsId\n ? searchParamsId.replace('/', '')\n : PSEUDO_ORDER_ID;\n\n const isFailed = !!getQueryParam('failed', location);\n\n if (orderId !== PSEUDO_ORDER_ID || isFailed) {\n instance.setDetailsStep(orderId, isFailed);\n\n return null;\n }\n\n if (amazonScript) {\n const { src } = htmlToElement(amazonScript);\n const script = document.createElement('script');\n\n script.src = src;\n document.body.appendChild(script);\n }\n\n return callback(...args);\n};\n\nconst mapStateToProps = (args, callback, _instance) => {\n const [state] = args;\n\n return {\n ...callback(...args),\n amazonScript: state.ConfigReducer.amazonPayConfig?.amazonScript,\n reviewsStoreCode: state.ConfigReducer.reviewscouk_store_id\n };\n};\n\nconst componentWillUnmount = (args, callback = () => {}, instance) => {\n const {\n reviewsStoreCode,\n customer: {\n email = '',\n firstname = '',\n lastname = ''\n } = {},\n totals: {\n items = []\n } = {}\n } = instance.props;\n\n if (items?.length) {\n const script = document.createElement('script');\n\n script.src = REVIEWS_SURVEY_SCRIPT_SRC;\n\n document.head.appendChild(script);\n\n const div = document.createElement('div');\n\n div.id = 'reviews-io-survey-widget';\n div.setAttribute('widget-id', '4wxujAB9zpPlv8cJ');\n div.setAttribute('store-name', reviewsStoreCode);\n div.setAttribute('campaign-id', '1320');\n div.setAttribute('lang', 'en');\n\n const tags = email ? [\n { label: 'name', value: `${firstname} ${lastname}` },\n { label: 'email', value: email },\n { label: 'sku', value: items.map(({ sku }) => sku) }\n ] : [\n { label: 'sku', value: items.map(({ sku }) => sku) }\n ];\n\n div.setAttribute('tags', JSON.stringify(tags));\n\n document.body.appendChild(div);\n\n const intervalId = setInterval(() => {\n const surveyPanel = document.querySelector('.SurveyPanel.SurveyPanel--autoHeight.isActive');\n\n if (!surveyPanel) {\n script?.remove();\n div?.remove();\n clearInterval(intervalId);\n }\n }, ONE_MINUTE_IN_MILLISECONDS);\n }\n\n callback.apply(instance, args);\n};\n\nexport default {\n 'Route/Checkout/Container/mapStateToProps': {\n function: mapStateToProps\n },\n 'Route/Checkout/Container': {\n 'member-function': {\n componentWillUnmount: {\n position: 120,\n implementation: componentWillUnmount\n },\n componentDidMount\n }\n }\n};\n","/**\n * @category ScandiPWA\n * @author ScandiWeb Team \n * @package @scandipwa/amazonpay\n * @copyright Copyright (c) 2022 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport { lazy } from 'react';\n\nimport { AMAZON_PAY } from '../component/AmazonPay/AmazonPay.config';\n\nconst AmazonPay = lazy(() => import(\n /* webpackMode: \"lazy\", webpackChunkName: \"checkout\" */\n '../component/AmazonPay'\n));\nconst renderAmazonPay = () => \n * @package @scandipwa/amazonpay\n * @copyright Copyright (c) 2022 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport FIELD_TYPE from '@scandipwa/scandipwa/src/component/Field/Field.config';\nimport { SHIPPING_STEP } from '@scandipwa/scandipwa/src/route/Checkout/Checkout.config';\nimport getFieldsData from '@scandipwa/scandipwa/src/util/Form/Extract';\nimport { validateGroup } from '@scandipwa/scandipwa/src/util/Validator';\n\nimport { AMAZON_PAY } from '../component/AmazonPay/AmazonPay.config';\n\nconst onAmazonButtonClick = (instance, callback) => {\n const {\n onShippingSuccess,\n selectedShippingAddressId,\n setLoading,\n showNotification,\n onBillingError\n } = instance.props;\n\n try {\n setLoading(true);\n\n const emailForm = document.getElementById('CheckoutGuestForm');\n\n let selector;\n\n if (document.querySelector('input[name=\"guest_email\"]')) {\n selector = 'input[name=\"guest_email\"]';\n }\n\n if (document.querySelector('input[name=\"email\"]')) {\n selector = 'input[name=\"email\"]';\n }\n\n const isEmailFormValid = emailForm ? validateGroup(emailForm, { selector }) : true;\n\n if (isEmailFormValid !== true) {\n setLoading(false);\n onBillingError();\n return;\n }\n\n const shippingForm = document.getElementById(SHIPPING_STEP);\n const shippingFields = getFieldsData(\n shippingForm, false, [FIELD_TYPE.number, FIELD_TYPE.button], false\n );\n\n onShippingSuccess(shippingForm, shippingFields, () => {\n setTimeout(() => {\n if (callback && typeof callback === 'function') {\n callback();\n setLoading(false);\n }\n }, 1000);\n }, selectedShippingAddressId);\n } catch (e) {\n setLoading(false);\n\n if (e.message === 'Shipping form is not valid') {\n onBillingError();\n } else {\n showNotification('error', __('Something went wrong'));\n }\n }\n};\n\nconst selectPaymentMethod = (args, callback, instance) => {\n const { code } = args[0];\n const { setOrderButtonEnableStatus } = instance.props;\n\n if (code === AMAZON_PAY) {\n setOrderButtonEnableStatus(false);\n onAmazonButtonClick(instance, () => {\n callback.apply(instance, args)\n setOrderButtonEnableStatus(false);\n });\n } else {\n setOrderButtonEnableStatus(true);\n callback.apply(instance, args);\n }\n};\n\nconst componentDidMount = (args, callback, instance) => {\n callback(...args);\n const { hideButtonOnInit } = instance.props;\n const { selectedPaymentCode } = instance.state;\n\n if (selectedPaymentCode === AMAZON_PAY) {\n hideButtonOnInit(true);\n }\n};\n\nexport default {\n 'Component/CheckoutPayments/Container': {\n 'member-function': {\n selectPaymentMethod,\n componentDidMount\n }\n }\n};\n","/**\n * @category ScandiPWA\n * @author ScandiWeb Team \n * @package @scandipwa/amazonpay\n * @copyright Copyright (c) 2022 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport { Field } from 'Util/Query';\n\nconst getButtonLocationsField = () => new Field('buttonDisplayLocations')\n .addFieldList([\n 'pdp',\n 'miniCart',\n 'payments'\n ]);\n\nconst _getStoreConfigFields = (args, callback) => [\n ...callback(...args),\n new Field('amazonPayConfig')\n .addFieldList([\n 'merchantId',\n 'publicKeyId',\n 'sandbox',\n 'buttonColor',\n 'productType',\n getButtonLocationsField(),\n 'amazonScript'\n ])\n];\n\nexport default {\n 'Query/Config/Query': {\n 'member-function': {\n _getStoreConfigFields\n }\n }\n};\n","/**\n * @category BeautyWorks\n * @author Dmitrijs Tarasovs \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2021 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport { showNotification } from 'Store/Notification/Notification.action';\nimport { fetchQuery } from 'Util/Request';\n\nimport AmpromoQuery from '../query/Ampromo.query';\n\nexport const addProductToCart = (args, callback) => {\n const [dispatch] = args;\n\n return callback(...args).then(\n () => {\n fetchQuery(AmpromoQuery.getAmpromoMessage()).then(\n /** @namespace Scandipwa/Store/Cart/Dispatcher/fetchQuery/then */\n ({ getAmpromoMessage: { message } }) => {\n if (message) {\n dispatch(showNotification('info', message));\n }\n }\n );\n }\n );\n};\n\nexport default {\n 'Store/Cart/Dispatcher': {\n 'member-function': {\n addProductToCart\n }\n }\n};\n","/**\n * @category BeautyWorks\n * @author Dmitrijs Tarasovs \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2021 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport { lazy } from 'react';\n\nconst ProductPromoRules = lazy(() => import(\n /* webpackMode: \"lazy\", webpackChunkName: \"product\" */\n '../component/ProductPromoRules'\n));\n\nexport const renderShortDescription = (args, callback, instance) => {\n const { product } = instance.props;\n\n return (\n <>\n { callback(...args) }\n \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2021 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport { Field } from 'Util/Query';\n\nexport class ProductListQueryPlugin {\n _getProductInterfaceFields = (args, callback, instance) => {\n const { isSingleProduct } = instance.options;\n const fields = callback(...args);\n\n if (isSingleProduct) {\n fields.push(this.getPromoRulesField());\n }\n\n return fields;\n };\n\n getPromoRulesField() {\n return new Field('promo_rules')\n .addFieldList(this.getPromoRulesFieldList());\n }\n\n getPromoRulesFieldList() {\n return [\n 'name',\n 'description',\n 'is_active'\n ];\n }\n}\n\nconst {\n _getProductInterfaceFields\n} = new ProductListQueryPlugin();\n\nexport default {\n 'Query/ProductList/Query': {\n 'member-function': {\n _getProductInterfaceFields\n }\n }\n};\n","/**\n * ScandiPWA - Progressive Web App for Magento\n *\n * Copyright © Scandiweb, Inc. All rights reserved.\n * See LICENSE for license details.\n *\n * @license OSL-3.0 (Open Software License (\"OSL\") v. 3.0)\n * @package scandipwa/base-theme\n * @link https://github.com/scandipwa/base-theme\n */\nexport const addBaseFields = (args, callback) => [\n ...callback(...args),\n 'base_grand_total',\n 'base_currency_code'\n];\n\nexport default {\n 'Query/Cart/Query': {\n 'member-function': {\n _getCartTotalsFields: addBaseFields\n }\n }\n};\n","/* eslint-disable */\n/**\n * ScandiPWA - Progressive Web App for Magento\n *\n * Copyright © Scandiweb, Inc. All rights reserved.\n * See LICENSE for license details.\n *\n * @license OSL-3.0 (Open Software License (\"OSL\") v. 3.0)\n * @package scandipwa/base-theme\n * @link https://github.com/scandipwa/base-theme\n */\nimport { PAYPAL_EXPRESS, PAYPAL_EXPRESS_CREDIT } from '../component/PayPal/PayPal.config';\nimport { lazy } from 'react';\n\nconst PayPal = lazy(() => import(\n /* webpackMode: \"lazy\", webpackChunkName: \"checkout\" */\n '../component/PayPal'\n));\n\nexport const renderPayPal = (instance) => {\n const {\n selectedPaymentCode,\n setLoading,\n setDetailsStep,\n subscribeNewsletterOnSubmit,\n saveDuplicateOrdersInfo,\n getPayPalPaymentData,\n handleBillingSubmit\n } = instance.props;\n\n return (\n \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2022 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport PropTypes from 'prop-types';\n\nimport {\n EVENT_GTM_PROMOTION_CLICK,\n EVENT_GTM_PROMOTION_VIEW\n} from '../component/GoogleTagManager/GoogleTagManager.events';\nimport { event } from '../store/GoogleTagManager/GoogleTagManager.action';\n\nexport class CmsBlockPlugin {\n promoBlocks = [\n { group: 'header_content', block: 'header_cms' }\n ].map(({ group, block }) => window.contentConfiguration[group][block] || null);\n\n promotions = [];\n\n showedPromotions = [];\n\n cmsBlockRender = (args, callback, instance) => {\n const {\n cmsBlock: { identifier, title },\n event,\n isCategoryCmsBlock,\n identifier: originalIdentifier\n } = instance.props;\n const orig = callback(...args);\n\n if (this.promoBlocks.includes(identifier)) {\n if (!this.showedPromotions.includes(identifier)) {\n this.promotions.push({ id: identifier, name: title, position: this.showedPromotions.length });\n event(EVENT_GTM_PROMOTION_VIEW, { promotions: this.promotions });\n this.showedPromotions.push(identifier);\n }\n }\n\n if (isCategoryCmsBlock && originalIdentifier === identifier) {\n if (!this.showedPromotions.includes(identifier)) {\n const promotions = [{ id: identifier, name: title, position: this.showedPromotions.length }];\n event(EVENT_GTM_PROMOTION_VIEW, { promotions });\n this.showedPromotions.push(identifier);\n }\n }\n\n return orig;\n };\n\n addCmsBlockProps = (args) => ({\n ...args,\n event: PropTypes.func.isRequired\n });\n\n onCmsBlockClick = (args, callback, instance) => {\n const {\n cmsBlocks,\n identifier,\n event\n } = instance.props;\n\n const { title } = cmsBlocks[identifier];\n\n const promotions = [{ id: identifier, name: title, position: this.showedPromotions.length }];\n\n event(EVENT_GTM_PROMOTION_CLICK, { promotions });\n };\n}\n\nconst mapDispatchToProps = (args, callback) => {\n const [dispatch] = args;\n\n return {\n ...callback(...args),\n event: (eventName = '', customData) => dispatch(event(eventName, customData))\n };\n};\n\nconst {\n cmsBlockRender,\n addCmsBlockProps,\n onCmsBlockClick\n} = new CmsBlockPlugin();\n\nconst containerProps = (args, callback, instance) => {\n const {\n event\n } = instance.props;\n\n return {\n ...callback(...args),\n event\n };\n};\n\nexport default {\n 'Scandipwa/Component/CmsBlock/Container/mapDispatchToProps': {\n function: mapDispatchToProps\n },\n 'Component/CmsBlock/Component': {\n 'member-function': {\n render: cmsBlockRender\n },\n 'static-member': {\n propTypes: addCmsBlockProps\n }\n },\n 'Component/CmsBlock/Container': {\n 'member-function': {\n containerProps,\n onClick: onCmsBlockClick\n },\n 'static-member': {\n propTypes: addCmsBlockProps\n }\n }\n};\n","/**\n * ScandiPWA - Progressive Web App for Magento\n *\n * Copyright © Scandiweb, Inc. All rights reserved.\n * See LICENSE for license details.\n *\n * @license OSL-3.0 (Open Software License (\"OSL\") v. 3.0)\n * @package scandipwa/base-theme\n * @link https://github.com/scandipwa/base-theme\n */\n\nconst _getStoreConfigFields = (args, callback, instance) => [\n ...callback.apply(instance, args),\n 'locale'\n];\n\nexport const config = {\n 'Query/Config/Query': {\n 'member-function': {\n _getStoreConfigFields\n }\n }\n};\n\nexport default config;\n","import {\n EVENT_GTM_GOOGLE_CONSENT, EVENT_KEY_CONSENT\n} from '../component/GoogleTagManager/GoogleTagManager.events';\nimport { event } from '../store/GoogleTagManager/GoogleTagManager.action';\n\nconst mapDispatchToProps = (args, callback) => {\n const [dispatch] = args;\n\n return {\n ...callback(...args),\n event: (eventName = '', customData) => dispatch(event(eventName, customData))\n };\n};\n\nexport const aroundAfterSetCookiesState = (args, callback, instance) => {\n const { event } = instance.props;\n\n callback(...args);\n\n const { isAnalyticsAccepted, isMarketingAccepted } = instance.state;\n\n event(EVENT_GTM_GOOGLE_CONSENT, [\n EVENT_KEY_CONSENT,\n 'update',\n {\n ad_storage: isMarketingAccepted ? 'granted' : 'denied',\n ad_user_data: isMarketingAccepted ? 'granted' : 'denied',\n ad_personalization: isMarketingAccepted ? 'granted' : 'denied',\n analytics_storage: isAnalyticsAccepted ? 'granted' : 'denied'\n }]);\n};\n\nexport default {\n 'Component/CookiePopup/Container/mapDispatchToProps': {\n function: mapDispatchToProps\n },\n 'Component/CookiePopup/Container': {\n 'member-function': {\n setCookiesState: aroundAfterSetCookiesState\n }\n }\n};\n","import {\n EVENT_GTM_CHECKOUT,\n EVENT_GTM_CHECKOUT_OPTION,\n EVENT_GTM_PURCHASE\n} from '../component/GoogleTagManager/GoogleTagManager.events';\nimport { event } from '../store/GoogleTagManager/GoogleTagManager.action';\n\nexport const GTM_CART_PAGE_STEP = 1;\nexport const GTM_SHIPPING_STEP = 2;\nexport const GTM_BILLING_STEP = 3;\n\nexport class GlobaleCheckoutPlugin {\n afterDestroyCheckout = (args, callback) => {\n callback(...args);\n\n /* eslint-disable no-undef */\n if (typeof GlobalE !== 'undefined' && GlobalE.OnClientEventCallback.length) {\n GlobalE.OnClientEventCallback.length = 0;\n }\n /* eslint-enable no-undef */\n };\n\n afterAttachCheckoutStepCallback = (args, callback, instance) => {\n callback(...args);\n\n const { event } = instance.props;\n\n // eslint-disable-next-line no-undef\n gle('OnClientEvent', (source, data) => {\n this.clientEventCallback(source, data, event);\n });\n };\n\n afterCheckoutStepCallback = (args, callback, instance) => {\n const [{\n StepId,\n Steps: { LOADED, CONFIRMATION } = {},\n IsSuccess: isSuccess = false,\n OrderId = 0,\n details\n }] = args;\n\n const stepMap = {\n [LOADED]: GTM_SHIPPING_STEP,\n [CONFIRMATION]: GTM_BILLING_STEP\n };\n\n const {\n event, totals: {\n items = [], discount_amount, coupon_code\n } = {}\n } = instance.props;\n\n const {\n customerTotalPrice,\n customerTotalVAT,\n customerDiscountedShippingPrice,\n customerTotalPriceInMerchantCurrency,\n customerDiscountedShippingPriceInMerchantCurrency,\n paymentMethodName,\n shippingServiceName,\n customerCurrency\n } = details;\n\n if (StepId === CONFIRMATION && isSuccess) {\n const timeout = setTimeout(() => {\n event(EVENT_GTM_PURCHASE, {\n orderID: OrderId,\n products: items,\n revenue: customerTotalPrice,\n order_total_gbp: customerTotalPriceInMerchantCurrency,\n tax: customerTotalVAT,\n shipping: customerDiscountedShippingPrice,\n shipping_gbp: customerDiscountedShippingPriceInMerchantCurrency,\n discount_amount,\n coupon: coupon_code || '',\n orderPaymentMethod: paymentMethodName,\n orderShippingMethod: shippingServiceName,\n currencyCode: customerCurrency\n });\n clearTimeout(timeout);\n }, 1);\n } else {\n event(EVENT_GTM_CHECKOUT, {\n step: stepMap[StepId] || StepId,\n isInternational: true\n });\n }\n callback(...args);\n };\n\n clientEventCallback(source, data, event) {\n const { name, id = '', price = '' } = data;\n\n if (!name) {\n return;\n }\n\n switch (source) {\n case GEMerchantUtils.ClientEvents.SHIPPINGMETHOD_SELECTION:\n event(EVENT_GTM_CHECKOUT_OPTION, { step: source, option: `${id} - ${price}` });\n case GEMerchantUtils.ClientEvents.PAYMENTMETHOD_CHANGED:\n event(EVENT_GTM_CHECKOUT_OPTION, { step: source, option: name });\n break;\n default:\n break;\n }\n }\n}\n\nconst containerProps = (args, callback, instance) => {\n const {\n event\n } = instance.props;\n\n return {\n ...callback(...args),\n event\n };\n};\n\nconst mapDispatchToProps = (args, callback) => {\n const [dispatch] = args;\n\n return {\n ...callback(...args),\n event: (eventName = '', customData) => dispatch(event(eventName, customData))\n };\n};\n\nconst {\n afterAttachCheckoutStepCallback,\n afterDestroyCheckout,\n afterCheckoutStepCallback\n} = new GlobaleCheckoutPlugin();\n\nexport default {\n 'Globale/Component/GlobaleCheckout/Container/mapDispatchToProps': {\n function: mapDispatchToProps\n },\n 'Globale/Component/GlobaleCheckout/Container/GlobaleCheckoutContainer': {\n 'member-function': {\n checkoutStepCallback: afterCheckoutStepCallback,\n containerProps\n }\n },\n 'Globale/Component/GlobaleCheckout/Component/GlobaleCheckoutComponent': {\n 'member-function': {\n attachCheckoutStepCallback: afterAttachCheckoutStepCallback,\n destroyCheckout: afterDestroyCheckout\n }\n }\n};\n","import {\n isSignedIn\n} from 'Util/Auth';\n\nexport const MyAccountDispatcher = import(\n /* webpackMode: \"lazy\", webpackChunkName: \"dispatchers\" */\n 'Store/MyAccount/MyAccount.dispatcher'\n);\nconst handleCustomerDataOnInit = (args, callback) => {\n const [dispatch] = args;\n callback(...args);\n\n if (isSignedIn()) {\n MyAccountDispatcher.then(\n ({ default: dispatcher }) => dispatcher.requestCustomerData(dispatch)\n );\n }\n};\n\nexport const config = {\n 'Store/MyAccount/Dispatcher': {\n 'member-function': {\n handleCustomerDataOnInit\n }\n }\n};\n\nexport default config;\n","const _getCustomerFields = (args, callback) => [\n ...callback(...args),\n 'userExistingCustomer',\n 'userLifetimeValue',\n 'userLifetimeOrders'\n];\n\nexport default {\n 'Query/MyAccount/Query': {\n 'member-function': {\n _getCustomerFields\n }\n }\n};\n","import { EVENT_GTM_NOT_FOUND } from '../component/GoogleTagManager/GoogleTagManager.events';\nimport { event } from '../store/GoogleTagManager/GoogleTagManager.action';\n\nconst render = (args, callback, instance) => {\n const { event } = instance.props;\n\n event(EVENT_GTM_NOT_FOUND);\n return callback.apply(instance, args);\n};\n\nconst mapDispatchToProps = (args, callback) => {\n const [dispatch] = args;\n\n return {\n ...callback(...args),\n event: (eventName = '', customData) => dispatch(event(eventName, customData))\n };\n};\n\nconst containerProps = (args, callback, instance) => {\n const {\n event\n } = instance.props;\n\n return {\n ...callback(...args),\n event\n };\n}\n\nexport default {\n 'Route/NoMatch/Container/mapDispatchToProps': {\n function: mapDispatchToProps\n },\n 'Route/NoMatch/Container': {\n 'member-function': {\n containerProps\n }\n },\n 'Route/NoMatch/Component': {\n 'member-function': {\n render\n }\n }\n};\n","import {\n EVENT_GTM_PRODUCT_CLICK\n} from '../component/GoogleTagManager/GoogleTagManager.events';\nimport { event } from '../store/GoogleTagManager/GoogleTagManager.action';\n\n/** ProductCard */\nconst registerSharedElement = (args, callback, instance) => {\n const { event, position } = instance.props;\n const { pathname } = window.location;\n const { linkTo: { state: { prevCategoryId } } } = instance.props;\n\n const {\n currentVariantIndex: configurableVariantIndex,\n selectedFilters,\n product\n } = instance.props;\n\n const productToPass = Object.keys(selectedFilters).length\n ? {\n ...product, configurableVariantIndex, prevCategoryId, position, pathname\n }\n : {\n ...product, prevCategoryId, position, pathname\n };\n\n event(EVENT_GTM_PRODUCT_CLICK, productToPass);\n\n callback(...args);\n};\n\nconst mapDispatchToProps = (args, callback) => {\n const [dispatch] = args;\n\n return {\n ...callback(...args),\n event: (eventName = '', customData) => dispatch(event(eventName, customData))\n };\n};\n\nexport const containerProps = (args, callback, instance) => {\n const {\n event,\n selectedFilters,\n position = 0\n } = instance.props;\n\n return {\n ...callback(...args),\n selectedFilters,\n position,\n event\n };\n}\n\nexport default {\n 'Component/ProductCard/Component': {\n 'member-function': {\n registerSharedElement\n }\n },\n 'Component/ProductCard/Container/mapDispatchToProps': {\n function: mapDispatchToProps\n },\n 'Component/ProductCard/Container': {\n 'member-function': {\n containerProps\n }\n }\n};\n","import { event } from '../store/GoogleTagManager/GoogleTagManager.action';\nimport { cloneElement } from 'react';\nimport {\n EVENT_GTM_SITE_SEARCH\n} from '../component/GoogleTagManager/GoogleTagManager.events';\nimport { ROOT, SEARCH } from '../component/GoogleTagManager/GoogleTagManager.config';\n\nconst state = (original) => ({\n ...original,\n lastSearch: ''\n});\n\nconst mapDispatchToProps = (args, callback) => {\n const [dispatch] = args;\n\n return {\n ...callback(...args),\n event: (eventName = '', customData) => dispatch(event(eventName, customData))\n };\n};\n\nconst renderPage = (args, callback, instance) => {\n const {\n event\n } = instance.props;\n\n const originalElement = callback(...args);\n\n return cloneElement(\n originalElement,\n { event }\n );\n};\n\nconst renderNoProducts = (args, callback, instance) => {\n const { noResultsLoaded, resultsRequested } = instance.state;\n const { event } = instance.props;\n const { pathname } = window.location;\n const isSearch = pathname.includes(SEARCH);\n\n if (!isSearch) {\n return callback(...args);\n }\n\n const currentSearchQuery = pathname.split(ROOT).pop();\n\n if (noResultsLoaded) {\n const { lastSearch } = instance.state;\n\n if ((currentSearchQuery !== lastSearch) && resultsRequested) {\n event(EVENT_GTM_SITE_SEARCH, {\n products: 0, search: currentSearchQuery, list: SEARCH\n });\n instance.setState({ lastSearch: currentSearchQuery, noResultsLoaded: true, resultsRequested: false });\n }\n } else {\n if (resultsRequested) {\n event(EVENT_GTM_SITE_SEARCH, {\n products: 0, search: currentSearchQuery, list: SEARCH\n });\n }\n\n instance.setState({ lastSearch: currentSearchQuery, resultsRequested: false });\n }\n\n return callback(...args);\n};\n\nconst render = (args, callback, instance) => {\n const {\n isLoading,\n isResultUpdating\n } = instance.props;\n\n if (isResultUpdating && isLoading) {\n instance.setState({ resultsRequested: true });\n }\n\n instance.setState({ noResultsLoaded: true });\n\n return callback(...args);\n};\n\nconst containerProps = (args, callback, instance) => {\n const {\n event,\n isResultUpdating\n } = instance.props;\n\n return {\n ...callback(...args),\n event,\n isResultUpdating\n };\n}\n\nexport default {\n 'Component/ProductList/Container/mapDispatchToProps': {\n function: mapDispatchToProps\n },\n 'Component/ProductList/Container': {\n 'member-function': {\n containerProps\n }\n },\n 'Component/ProductList/Component': {\n 'member-function': {\n renderPage,\n renderNoProducts,\n render\n }\n }\n};\n","import { ROOT, SEARCH } from '../component/GoogleTagManager/GoogleTagManager.config';\nimport {\n EVENT_GTM_IMPRESSIONS_PLP,\n EVENT_GTM_IMPRESSIONS_SEARCH,\n EVENT_GTM_ATTRAQT_SEARCH_RESULT_VIEW\n} from '../component/GoogleTagManager/GoogleTagManager.events';\n\nconst state = (original) => ({\n ...original,\n isFired: false\n});\n\nconst renderItems = (args, callback, instance) => {\n const {\n items,\n event,\n location: {\n pathname\n },\n isLoading\n } = instance.props;\n\n const { isFired } = instance.state;\n const isSearch = pathname.includes(SEARCH);\n\n if (isSearch && !isFired && !isLoading) {\n instance.setState({ isFired: true });\n const timeout = setTimeout(() => {\n event(EVENT_GTM_IMPRESSIONS_SEARCH, {\n products: items,\n list: SEARCH,\n search: pathname.split(ROOT).pop()\n });\n\n clearTimeout(timeout);\n }, 1);\n }\n\n return callback(...args);\n};\n\nconst renderSearchViewEvent = (args, callback, instance) => {\n const { event } = instance.props;\n\n const [searchTerm, metaId, pathToPage] = args;\n\n const timeout = setTimeout(() => {\n event(EVENT_GTM_ATTRAQT_SEARCH_RESULT_VIEW, {\n searchTerm, metaId, pathToPage\n });\n\n clearTimeout(timeout);\n }, 1);\n};\n\nconst renderPageItems = (args, callback, instance) => {\n const {\n items,\n event,\n mix: {\n block = ''\n },\n location: {\n pathname,\n search\n }\n } = instance.props;\n const { isFired } = instance.state;\n\n const isSearch = pathname.includes(SEARCH);\n\n if (!isSearch) {\n if (!(Object.keys(items).length === 0) && !isFired) {\n instance.setState({ isFired: true });\n const timeout = setTimeout(() => {\n event(EVENT_GTM_IMPRESSIONS_PLP, {\n products: items, list: block, pathname, search\n });\n\n clearTimeout(timeout);\n }, 1);\n }\n }\n\n return callback(...args);\n};\n\nexport default {\n 'Component/ProductListPage/Component': {\n 'member-function': {\n renderPageItems,\n renderItems,\n renderSearchViewEvent\n },\n 'member-property': {\n state\n }\n }\n};\n","import { Field } from 'Util/Query';\n\nexport const aroundGetProductInterfaceFields = (args, callback, instance) => {\n const fields = callback.apply(instance, args);\n const isVariant = args[0] === undefined ? false : args[0];\n\n if (!isVariant) {\n fields.push(instance._getAttributesField());\n }\n\n fields.push(\n instance._getCategoriesField(),\n instance._getPriceRangeField()\n );\n\n fields.push(\n getDimensions()\n );\n\n return fields;\n};\n\nconst getDimensions = () => {\n return new Field('dimensions');\n}\n\nexport default {\n 'Query/ProductList': {\n 'member-function': {\n _getProductInterfaceFields: aroundGetProductInterfaceFields\n }\n }\n};\n","import { EVENT_GTM_PRODUCT_DETAIL } from '../component/GoogleTagManager/GoogleTagManager.events';\nimport { event } from '../store/GoogleTagManager/GoogleTagManager.action';\n\nconst render = (args, callback, instance) => {\n const { event, product = {}, productSKU } = instance.props;\n const { fired = false } = instance.state;\n\n if (!(Object.keys(product).length === 0) && !fired && product.sku === productSKU) {\n instance.setState({ fired: true });\n event(EVENT_GTM_PRODUCT_DETAIL, { ...product });\n }\n\n return callback.apply(instance, args);\n};\n\nconst mapDispatchToProps = (args, callback) => {\n const [dispatch] = args;\n\n return {\n ...callback(...args),\n event: (eventName = '', customData) => dispatch(event(eventName, customData))\n };\n};\n\nexport default {\n 'Route/ProductPage/Container': {\n 'member-function': {\n render\n }\n },\n 'Route/ProductPage/Container/mapDispatchToProps': {\n function: mapDispatchToProps\n }\n};\n","import GoogleTagManager from '../component/GoogleTagManager';\n\nexport const MAX_POSITION = 1000;\nexport const INCREASED_POSITION = 10;\n\nconst BEFORE_ITEMS_TYPE = (originalMember) => {\n const maxPosition = Math.max(\n ...originalMember.map((route) => route.position).filter((num) => num <= MAX_POSITION)\n );\n\n // eslint-disable-next-line @scandipwa/scandipwa-guidelines/no-jsx-variables\n return [\n ...originalMember,\n {\n component: \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2022 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport React from 'react';\nimport {\n EVENT_GTM_PROMOTION_VIEW,\n EVENT_GTM_PROMOTION_CLICK\n} from '../component/GoogleTagManager/GoogleTagManager.events';\nimport { event } from '../store/GoogleTagManager/GoogleTagManager.action';\n\nexport class SliderWidgetPlugin {\n slides = [];\n\n afterSliderWidgetDidUpdate = (args, callback, instance) => {\n callback(...args);\n\n const { slider } = instance.state;\n const [, { slider: prevSlider }] = args;\n const { event } = instance.props;\n\n if (prevSlider === slider) {\n return;\n }\n\n const { slides = [] } = slider;\n this.slides = slides.map(({ title, slide_id }, i) => ({ id: slide_id, name: title, position: i }));\n\n event(EVENT_GTM_PROMOTION_VIEW, { promotions: this.slides });\n };\n\n onSlideClick = (args, callback, instance) => {\n const { event } = instance.props;\n const [{ slide_id, title, position }] = args;\n const promotions = [{ id: slide_id, name: title, position }];\n\n event(EVENT_GTM_PROMOTION_CLICK, { promotions });\n }\n}\n\nconst mapDispatchToProps = (args, callback) => {\n const [dispatch] = args;\n\n return {\n ...callback(...args),\n event: (eventName = '', customData) => dispatch(event(eventName, customData))\n };\n};\n\nconst { afterSliderWidgetDidUpdate,onSlideClick } = new SliderWidgetPlugin();\n\nexport default {\n 'Component/SliderWidget/Container/mapDispatchToProps': {\n function: mapDispatchToProps\n },\n 'Component/SliderWidget/Container': {\n 'member-function': {\n componentDidUpdate: afterSliderWidgetDidUpdate,\n onSlideClick\n }\n }\n};\n\n","/**\n * @category BeautyWorks\n * @author Fuad Kamilov \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2024 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport {\n EVENT_GTM_SALON_DIRECTION,\n EVENT_GTM_SALON_PHONE_CLICK,\n EVENT_GTM_SALON_SPOTLIGHT\n} from '../component/GoogleTagManager/GoogleTagManager.events';\nimport { event } from '../store/GoogleTagManager/GoogleTagManager.action';\n\nconst onSalonSpotlightClick = (store_name, page_url, instance) => {\n const { event } = instance.props;\n\n event(EVENT_GTM_SALON_SPOTLIGHT, { store_name, page_url });\n};\n\nconst onSalonNumberClick = (store_name, phone_number, instance) => {\n const { event } = instance.props;\n\n event(EVENT_GTM_SALON_PHONE_CLICK, { store_name, phone_number });\n};\n\nconst onDirectionClick = (store_name, instance) => {\n const { event } = instance.props;\n\n event(EVENT_GTM_SALON_DIRECTION, { store_name });\n};\n\nconst handleCardClick = (store_name, page_url, instance) => {\n onSalonSpotlightClick(store_name, page_url, instance);\n};\n\nconst mapDispatchToProps = (args, callback) => {\n const [dispatch] = args;\n\n return {\n ...callback(...args),\n event: (eventName = '', customData) => dispatch(event(eventName, customData))\n };\n};\n\nconst componentDidUpdate = (args, callback, instance) => {\n callback.apply(instance, args);\n\n const cardElements = document.querySelectorAll('.SalonLocator-CardCta img, .SalonLocator-CardBtn');\n\n cardElements.forEach((card) => {\n const cardContainer = card.closest('.SalonLocator-CardCta');\n const page_url = cardContainer.querySelector('a').getAttribute('href');\n\n const store_name = card.closest('.SalonLocator-CardCta')\n .querySelector('.SalonLocator-CardTitle').textContent.trim();\n\n card.addEventListener('click', () => {\n handleCardClick(store_name, page_url, instance);\n });\n });\n};\n\nconst renderStoreCardContent = (args, callback, instance) => {\n const store = args[0];\n\n const {\n store_name, address, phone_number, distance, latitude, longitude\n } = store;\n\n return (\n <>\n \n
\n { store_name || __('No store name') }\n \n { distance && (\n
\n { distance?.split(' ').map((text) => { text } ) }\n
\n ) }\n { instance.renderCloseCardButton() }\n
\n { address || __('No address') }\n \n { phone_number\n ? (\n {\n onSalonNumberClick(store_name, phone_number, instance);\n } }\n >\n { phone_number || __('No phone number') }\n \n )\n : (\n \n { __('No phone number') }\n \n ) }\n {\n onDirectionClick(store_name, instance);\n instance.openDirections(latitude, longitude);\n } }\n >\n { __('DIRECTIONS') }\n \n \n );\n};\n\nexport default {\n 'StoreFinder/Route/StoreFinder/Container/mapDispatchToProps': {\n function: mapDispatchToProps\n },\n 'StoreFinder/Route/StoreFinder/Component/StoreFinderComponent': {\n 'member-function': {\n componentDidUpdate,\n renderStoreCardContent\n }\n }\n};\n","import { GoogleTagManagerReducer } from '../store/GoogleTagManager/GoogleTagManager.reducer';\n\nconst getStaticReducers = (args, callback) => ({\n ...callback(...args),\n GoogleTagManagerReducer\n});\n\nexport const config = {\n 'Store/Index/getStaticReducers': {\n function: getStaticReducers\n }\n};\n\nexport default config;\n","/**\n * @category BeautyWorks\n * @author Fuad Kamilov \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2024 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport React from 'react';\n\nimport {\n EVENT_GTM_SALON_DIRECTION,\n EVENT_GTM_SALON_PHONE_CLICK\n} from '../component/GoogleTagManager/GoogleTagManager.events';\nimport { event } from '../store/GoogleTagManager/GoogleTagManager.action';\n\nconst onSalonNumberClick = (store_name, phone_number, instance) => {\n const { event } = instance.props;\n\n event(EVENT_GTM_SALON_PHONE_CLICK, { store_name, phone_number });\n};\n\nconst onDirectionClick = (store_name, instance) => {\n const { event } = instance.props;\n\n event(EVENT_GTM_SALON_DIRECTION, { store_name });\n};\n\nconst mapDispatchToProps = (args, callback) => {\n const [dispatch] = args;\n\n return {\n ...callback(...args),\n event: (eventName = '', customData) => dispatch(event(eventName, customData))\n };\n};\n\nconst renderStore = (args, callback, instance) => {\n const {\n identifier, store_name, address, phone_number, latitude, longitude, distance\n } = args[0];\n\n const {\n openDirections\n } = instance.props;\n\n return (\n \n
\n
\n { store_name }\n \n
\n { address }\n \n
{\n onSalonNumberClick(store_name, phone_number, instance);\n } }\n >\n { phone_number }\n \n \n
\n {\n onDirectionClick(store_name, instance);\n openDirections(latitude, longitude);\n } }\n >\n { __('direction') }\n \n
\n { distance && (\n
\n { distance?.split(' ').map((text) => { text } ) }\n
\n ) }\n
\n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2021 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport { UPDATE_CURRENCY } from '../store/Cart/Cart.action';\n\nexport const cartReducer = (args, callback) => {\n const [state, { type, currency }] = args;\n\n if (type === UPDATE_CURRENCY) {\n return {\n cartTotals: {\n ...state.cartTotals,\n quote_currency_code: currency\n }\n };\n }\n\n return callback(...args);\n};\n\nexport default {\n 'Scandipwa/Store/Cart/Reducer/CartReducer': {\n function: cartReducer\n }\n};\n","/**\n * @category BeautyWorks\n * @author Dmitrijs Tarasovs \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2021 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport { PropTypes } from 'prop-types';\n\nimport { showNotification } from 'Store/Notification/Notification.action';\nimport transformToNameValuePair from 'Util/Form/Transform';\n\nimport CountrySwitcherNotificationMessage from '../component/CountrySwitcherNotificationMessage';\n\nexport const GB_COUNTRY_CODE = 'GB';\nexport const COUNTRY_SWITCHER_NOTIFICATION_MESSAGE = __(\n 'For shipping outside UK please change country in country switcher'\n);\n\nexport class CheckoutAddressFormPlugin {\n getCountrySwitcherNotificationMessage() {\n return \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2021 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport PropTypes from 'prop-types';\nimport { lazy } from 'react';\n\nimport {\n BILLING_STEP,\n DETAILS_STEP,\n SHIPPING_STEP\n} from 'Route/Checkout/Checkout.config';\n\nimport { EMPTY_STEP } from '../component/GlobaleCheckout/GlobaleCheckout.config';\n\nconst GlobaleCheckout = lazy(() => import(\n /* webpackMode: \"lazy\", webpackChunkName: \"checkout\" */\n '../component/GlobaleCheckout'\n));\n\nexport class CheckoutRoutePlugin {\n afterMapStateToProps = (args, callback) => {\n const [state] = args;\n\n return {\n ...callback(...args),\n isInternational: state.GlobaleReducer.isInternational\n };\n };\n\n addGlobaleCheckoutContainerProps = (args) => ({\n ...args,\n isInternational: PropTypes.bool\n });\n\n addGlobaleCheckoutContainerDefaultProps = (args) => ({\n ...args,\n isInternational: null\n });\n\n addGlobaleCheckoutComponentProps = (args) => ({\n ...args,\n isInternational: PropTypes.bool,\n checkoutStep: PropTypes.oneOf([\n SHIPPING_STEP,\n BILLING_STEP,\n DETAILS_STEP,\n EMPTY_STEP\n ]).isRequired\n });\n\n addGlobaleCheckoutComponentDefaultProps = (args) => ({\n ...args,\n isInternational: null\n });\n\n renderGlobaleCheckout = (args, callback, instance) => {\n const { isInternational, totals } = instance.props;\n\n // Global-E data is loading\n if (isInternational === null) {\n return instance.renderLoader();\n }\n\n if (isInternational) {\n return \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2021 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport { PropTypes } from 'prop-types';\n\nexport class HandleFreeShippingBannerPlugin {\n mapStateToProps = (args, callback) => {\n const [state] = args;\n\n return {\n ...callback(...args),\n activeOverlay: state.OverlayReducer.activeOverlay\n };\n };\n\n addContainerProps = (args) => ({\n ...args,\n activeOverlay: PropTypes.string.isRequired\n });\n\n toggleFreeShippingBanner(enable) {\n const globaleBanner = document.getElementById('FreeShippingBanner');\n\n if (globaleBanner) {\n if (enable && globaleBanner.classList.contains('globale-hide')) {\n globaleBanner.classList.remove('globale-hide');\n } else if (!enable && !globaleBanner.classList.contains('globale-hide')) {\n globaleBanner.classList.add('globale-hide');\n }\n }\n }\n\n menuComponentDidUpdate = (args, callback, instance) => {\n const { activeMenuItemsStack } = instance.state;\n const { device: { isMobile }, activeOverlay } = instance.props;\n\n if (isMobile && (activeMenuItemsStack.length || activeOverlay === 'search')) {\n this.toggleFreeShippingBanner(false);\n } else {\n this.toggleFreeShippingBanner(true);\n }\n\n callback(...args);\n };\n\n onVisible = (args, callback, instance) => {\n const { isMobile } = instance.props;\n\n if (isMobile) {\n this.toggleFreeShippingBanner(false);\n }\n\n callback(...args);\n };\n\n onHide = (args, callback) => {\n this.toggleFreeShippingBanner(true);\n\n callback(...args);\n };\n}\n\nconst {\n menuComponentDidUpdate,\n onVisible,\n onHide,\n mapStateToProps,\n addContainerProps\n} = new HandleFreeShippingBannerPlugin();\n\nexport default {\n 'Component/Menu/Container/mapStateToProps': {\n function: mapStateToProps\n },\n 'Component/Menu/Container': {\n 'member-function': {\n componentDidUpdate: menuComponentDidUpdate\n },\n 'static-member': {\n propTypes: addContainerProps\n }\n },\n 'Component/Overlay/Component': {\n 'member-function': {\n onVisible,\n onHide\n }\n }\n};\n","/**\n * @package scandipwa\\globale\n * @author Ramona Cunska \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2021 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport PropTypes from 'prop-types';\n\nimport TextPlaceholder from 'Component/TextPlaceholder';\n\nimport GlobaleCountrySwitcher from '../component/GlobaleCountrySwitcher';\n\nexport class HeaderComponentPlugin {\n addGlobaleStateToProps = (args, callback) => {\n const [state] = args;\n\n return {\n ...callback(...args),\n isInternational: state.GlobaleReducer.isInternational\n };\n };\n\n addGlobaleProps = (args) => ({\n ...args,\n isInternational: PropTypes.bool\n });\n\n addGlobaleDefaultProps = (args) => ({\n ...args,\n isInternational: null\n });\n\n prepareGlobalePropsForHeaderComponent = (args, callback, instance) => {\n const { isInternational } = instance.props;\n\n return {\n ...callback(...args),\n isInternational\n };\n };\n\n renderGlobaleCountrySwitcher = () => (\n \n \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2021 Scandiweb, Inc (https://scandiweb.com)\n */\n\nexport class MyAccountOrderPopupComponentPlugin {\n containerProps = (args, callback, instance) => {\n const {\n order: {\n base_order_info: {\n currency_code = ''\n } = {}\n }\n } = instance.state;\n\n return {\n ...callback(...args),\n currency_code\n };\n };\n}\n\nconst {\n containerProps\n} = new MyAccountOrderPopupComponentPlugin();\n\nexport default {\n 'Component/MyAccountOrderPopup/Container': {\n 'member-function': {\n containerProps\n }\n }\n};\n","/**\n * @package scandipwa\\globale\n * @author Ramona Cunska \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2021 Scandiweb, Inc (https://scandiweb.com)\n */\n\nexport class MyAccountOrderTableRowComponentPlugin {\n containerProps = (args, callback, instance) => {\n const {\n order: {\n base_order_info: {\n currency_code = ''\n } = {}\n }\n } = instance.props;\n\n return {\n ...callback(...args),\n currency_code\n };\n };\n}\n\nconst {\n containerProps\n} = new MyAccountOrderTableRowComponentPlugin();\n\nexport default {\n 'Component/MyAccountOrderTableRow/Container': {\n 'member-function': {\n containerProps\n }\n }\n};\n","/**\n * @package scandipwa\\globale\n * @author Ramona Cunska \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2021 Scandiweb, Inc (https://scandiweb.com)\n */\n\nexport class OrderQueryPlugin {\n getBaseOrderInfoFields = (args, callback) => [\n ...callback(...args),\n 'currency_code'\n ];\n}\n\nconst {\n getBaseOrderInfoFields\n} = new OrderQueryPlugin();\n\nexport default {\n 'Query/Order': {\n 'member-function': {\n _getBaseOrderInfoFields: getBaseOrderInfoFields\n }\n }\n};\n","/**\n * @package scandipwa\\globale\n * @author Ramona Cunska \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2021 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport { AFTER_ITEMS_TYPE } from 'Component/Router/Router.config';\n\nimport GlobaleInit from '../component/GlobaleInit';\n\nconst MAX_POSITION = 1000;\nconst INCREASED_POSITION = 10;\n\nconst addGlobaleInitComponent = (member) => {\n const maxPosition = Math.max(\n ...member.map((route) => route.position).filter((num) => num <= MAX_POSITION)\n );\n\n // eslint-disable-next-line @scandipwa/scandipwa-guidelines/no-jsx-variables\n return [\n ...member,\n {\n component: \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2021 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport GlobaleReducer from '../store/Globale/Globale.reducer';\n\nexport class StoreIndexPlugin {\n /**\n * Plugin to add Global-E reducer to getStaticReducers method.\n * @param args\n */\n aroundGetStaticReducers = (args, callback) => ({\n ...callback(...args),\n GlobaleReducer\n });\n}\n\nconst { aroundGetStaticReducers } = new StoreIndexPlugin();\n\nexport default {\n 'Store/Index/getStaticReducers': {\n function: aroundGetStaticReducers\n }\n};\n","/* eslint-disable */\n\n//smoothscroll.js file\n\n/*\n * smoothscroll polyfill - v0.3.5\n * https://iamdustan.github.io/smoothscroll\n * 2016 (c) Dustan Kasten, Jeremias Menichelli - MIT License\n */\n\n(function(w, d, undefined) {\n 'use strict';\n\n /*\n * aliases\n * w: window global object\n * d: document\n * undefined: undefined\n */\n\n // polyfill\n function polyfill() {\n // return when scrollBehavior interface is supported\n if ('scrollBehavior' in d.documentElement.style) {\n return;\n }\n\n /*\n * globals\n */\n var Element = w.HTMLElement || w.Element;\n var SCROLL_TIME = 468;\n\n /*\n * object gathering original scroll methods\n */\n var original = {\n scroll: w.scroll || w.scrollTo,\n scrollBy: w.scrollBy,\n elScroll: Element.prototype.scroll || scrollElement,\n scrollIntoView: Element.prototype.scrollIntoView\n };\n\n /*\n * define timing method\n */\n var now = w.performance && w.performance.now\n ? w.performance.now.bind(w.performance) : Date.now;\n\n /**\n * changes scroll position inside an element\n * @method scrollElement\n * @param {Number} x\n * @param {Number} y\n */\n function scrollElement(x, y) {\n this.scrollLeft = x;\n this.scrollTop = y;\n }\n\n /**\n * returns result of applying ease math function to a number\n * @method ease\n * @param {Number} k\n * @returns {Number}\n */\n function ease(k) {\n return 0.5 * (1 - Math.cos(Math.PI * k));\n }\n\n /**\n * indicates if a smooth behavior should be applied\n * @method shouldBailOut\n * @param {Number|Object} x\n * @returns {Boolean}\n */\n function shouldBailOut(x) {\n if (typeof x !== 'object'\n || x === null\n || x.behavior === undefined\n || x.behavior === 'auto'\n || x.behavior === 'instant') {\n // first arg not an object/null\n // or behavior is auto, instant or undefined\n return true;\n }\n\n if (typeof x === 'object'\n && x.behavior === 'smooth') {\n // first argument is an object and behavior is smooth\n return false;\n }\n\n // throw error when behavior is not supported\n throw new TypeError('behavior not valid');\n }\n\n /**\n * finds scrollable parent of an element\n * @method findScrollableParent\n * @param {Node} el\n * @returns {Node} el\n */\n function findScrollableParent(el) {\n var isBody;\n var hasScrollableSpace;\n var hasVisibleOverflow;\n\n do {\n el = el.parentNode;\n\n // set condition variables\n isBody = el === d.body;\n hasScrollableSpace =\n el.clientHeight < el.scrollHeight ||\n el.clientWidth < el.scrollWidth;\n hasVisibleOverflow =\n w.getComputedStyle(el, null).overflow === 'visible';\n } while (!isBody && !(hasScrollableSpace && !hasVisibleOverflow));\n\n isBody = hasScrollableSpace = hasVisibleOverflow = null;\n\n return el;\n }\n\n /**\n * self invoked function that, given a context, steps through scrolling\n * @method step\n * @param {Object} context\n */\n function step(context) {\n var time = now();\n var value;\n var currentX;\n var currentY;\n var elapsed = (time - context.startTime) / SCROLL_TIME;\n\n // avoid elapsed times higher than one\n elapsed = elapsed > 1 ? 1 : elapsed;\n\n // apply easing to elapsed time\n value = ease(elapsed);\n\n currentX = context.startX + (context.x - context.startX) * value;\n currentY = context.startY + (context.y - context.startY) * value;\n\n context.method.call(context.scrollable, currentX, currentY);\n\n // scroll more if we have not reached our destination\n if (currentX !== context.x || currentY !== context.y) {\n w.requestAnimationFrame(step.bind(w, context));\n }\n }\n\n /**\n * scrolls window with a smooth behavior\n * @method smoothScroll\n * @param {Object|Node} el\n * @param {Number} x\n * @param {Number} y\n */\n function smoothScroll(el, x, y) {\n var scrollable;\n var startX;\n var startY;\n var method;\n var startTime = now();\n\n // define scroll context\n if (el === d.body) {\n scrollable = w;\n startX = w.scrollX || w.pageXOffset;\n startY = w.scrollY || w.pageYOffset;\n method = original.scroll;\n } else {\n scrollable = el;\n startX = el.scrollLeft;\n startY = el.scrollTop;\n method = scrollElement;\n }\n\n // scroll looping over a frame\n step({\n scrollable: scrollable,\n method: method,\n startTime: startTime,\n startX: startX,\n startY: startY,\n x: x,\n y: y\n });\n }\n\n /*\n * ORIGINAL METHODS OVERRIDES\n */\n\n // w.scroll and w.scrollTo\n w.scroll = w.scrollTo = function() {\n // avoid smooth behavior if not required\n if (shouldBailOut(arguments[0])) {\n original.scroll.call(\n w,\n arguments[0].left || arguments[0],\n arguments[0].top || arguments[1]\n );\n\n return;\n }\n\n // LET THE SMOOTHNESS BEGIN!\n smoothScroll.call(\n w,\n d.body,\n ~~arguments[0].left,\n ~~arguments[0].top\n );\n };\n\n // w.scrollBy\n w.scrollBy = function() {\n // avoid smooth behavior if not required\n if (shouldBailOut(arguments[0])) {\n original.scrollBy.call(\n w,\n arguments[0].left || arguments[0],\n arguments[0].top || arguments[1]\n );\n\n return;\n }\n\n // LET THE SMOOTHNESS BEGIN!\n smoothScroll.call(\n w,\n d.body,\n ~~arguments[0].left + (w.scrollX || w.pageXOffset),\n ~~arguments[0].top + (w.scrollY || w.pageYOffset)\n );\n };\n\n // Element.prototype.scroll and Element.prototype.scrollTo\n Element.prototype.scroll = Element.prototype.scrollTo = function() {\n // avoid smooth behavior if not required\n if (shouldBailOut(arguments[0])) {\n original.elScroll.call(\n this,\n arguments[0].left || arguments[0],\n arguments[0].top || arguments[1]\n );\n\n return;\n }\n\n // LET THE SMOOTHNESS BEGIN!\n smoothScroll.call(\n this,\n this,\n arguments[0].left,\n arguments[0].top\n );\n };\n\n // Element.prototype.scrollBy\n Element.prototype.scrollBy = function() {\n var arg0 = arguments[0];\n\n if (typeof arg0 === 'object') {\n this.scroll({\n left: arg0.left + this.scrollLeft,\n top: arg0.top + this.scrollTop,\n behavior: arg0.behavior\n });\n } else {\n this.scroll(\n this.scrollLeft + arg0,\n this.scrollTop + arguments[1]\n );\n }\n };\n\n // Element.prototype.scrollIntoView\n Element.prototype.scrollIntoView = function() {\n // avoid smooth behavior if not required\n if (shouldBailOut(arguments[0])) {\n original.scrollIntoView.call(this, arguments[0] || true);\n\n return;\n }\n\n // LET THE SMOOTHNESS BEGIN!\n var scrollableParent = findScrollableParent(this);\n var parentRects = scrollableParent.getBoundingClientRect();\n var clientRects = this.getBoundingClientRect();\n\n if (scrollableParent !== d.body) {\n // reveal element inside parent\n smoothScroll.call(\n this,\n scrollableParent,\n scrollableParent.scrollLeft + clientRects.left - parentRects.left,\n scrollableParent.scrollTop + clientRects.top - parentRects.top\n );\n // reveal parent in viewport\n w.scrollBy({\n left: parentRects.left,\n top: parentRects.top,\n behavior: 'smooth'\n });\n } else {\n const top = arguments[0].block === 'center'\n ? clientRects.top - clientRects.height\n : clientRects.top;\n\n // reveal element in viewport\n w.scrollBy({\n left: clientRects.left,\n top: top,\n behavior: 'smooth'\n });\n }\n };\n }\n\n if (typeof exports === 'object') {\n // commonjs\n module.exports = { polyfill: polyfill };\n } else {\n // global\n polyfill();\n }\n})(window, document);\n","/**\n * @category BeautyWorks\n * @author Abderrahim Kadnaoui \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2023 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport { lazy } from 'react';\n\nimport { BLENDING_PALLETS_WIDGET_TYPE } from '../component/BlendingPalletsWidget/BlendingPalletsWidget.config';\nimport { COUNTDOWN_WIDGET_TYPE } from '../component/CountDownWidget/CountDownWidget.config';\nimport { EXPRESS_WEFT_WIDGET_TYPE } from '../component/ExpressWeftWidget/ExpressWeftWidget.config';\nimport { HAIR_FIX_WIDGET_TYPE } from '../component/HairFixWidget/HairFixWidget.config';\nimport { REVIEWS_WIDGET_TYPE } from '../component/ReviewsWidget/ReviewsWidget.config';\nimport { TRUSTPILOT_TRUSTBOX_WIDGET_TYPE } from '../component/TrustpilotTrustBoxWidget/TrustpilotTrustBoxWidget.config';\n\nexport const BlendingPalletsWidgetComponent = lazy(() => import(\n /* webpackMode: \"lazy\", webpackChunkName: \"\" */\n '../component/BlendingPalletsWidget'\n));\n\nexport const CountdownWidgetComponent = lazy(() => import(\n /* webpackMode: \"lazy\", webpackChunkName: \"\" */\n '../component/CountDownWidget'\n));\n\nexport const ExpressWeftWidgetComponent = lazy(() => import(\n /* webpackMode: \"lazy\", webpackChunkName: \"\" */\n '../component/ExpressWeftWidget'\n));\n\nexport const TrustpilotTrustBoxWidgetComponent = lazy(() => import(\n /* webpackMode: \"lazy\", webpackChunkName: \"\" */\n '../component/TrustpilotTrustBoxWidget'\n));\n\nexport const HairFixWidgetComponent = lazy(() => import(\n /* webpackMode: \"lazy\", webpackChunkName: \"\" */\n '../component/HairFixWidget'\n));\n\nexport const ReviewsWidgetComponent = lazy(() => import(\n /* webpackMode: \"lazy\", webpackChunkName: \"\" */\n '../component/ReviewsWidget'\n));\n\nconst renderMap = (originalMember) => ({\n ...originalMember,\n [COUNTDOWN_WIDGET_TYPE]: {\n component: CountdownWidgetComponent\n },\n [EXPRESS_WEFT_WIDGET_TYPE]: {\n component: ExpressWeftWidgetComponent\n },\n [TRUSTPILOT_TRUSTBOX_WIDGET_TYPE]: {\n component: TrustpilotTrustBoxWidgetComponent\n },\n [BLENDING_PALLETS_WIDGET_TYPE]: {\n component: BlendingPalletsWidgetComponent\n },\n [HAIR_FIX_WIDGET_TYPE]: {\n component: HairFixWidgetComponent\n },\n [REVIEWS_WIDGET_TYPE]: {\n component: ReviewsWidgetComponent\n }\n});\n\nexport default {\n 'Component/WidgetFactory/Component': {\n 'member-property': {\n renderMap\n }\n }\n};\n","/**\n * @category BeautyWorks\n * @author Abderrahim Kadnaoui \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2024 Scandiweb, Inc (https://scandiweb.com)\n */\n\nexport const BLENDING_PALLETS_WIDGET_TYPE = 'blending-pallets';\n","/**\n * @category BeautyWorks\n * @author Abderrahim Kadnaoui \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2024 Scandiweb, Inc (https://scandiweb.com)\n */\n\nexport const HAIR_FIX_WIDGET_TYPE = 'hair-fix';\n","/**\n * @category BeautyWorks\n * @author Abderrahim Kadnaoui \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2024 Scandiweb, Inc (https://scandiweb.com)\n */\n\nexport const REVIEWS_WIDGET_TYPE = 'reviews-widget';\n","/**\n * @category BeautyWorks\n * @author Scandiweb \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2023 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport {\n EVENT_GTM_ATTRAQT_RECOMMENDATION_CLICK, EVENT_GTM_ATTRAQT_SEARCH_RESULT_CLICK\n} from '../component/GoogleTagManager/GoogleTagManager.events';\nimport { TIMEOUT } from '../config/ProductCardPlugin.config';\nimport { event } from '../store/GoogleTagManager/GoogleTagManager.action';\n\nconst onRecommendationClick = (args, callback, instance) => {\n const { event } = instance.props;\n\n const [productSku, widgetId, sourceId] = args;\n\n setTimeout(() => {\n event(EVENT_GTM_ATTRAQT_RECOMMENDATION_CLICK, { productSku, widgetId, sourceId });\n }, TIMEOUT);\n};\n\nconst onSearchResultClick = (args, callback, instance) => {\n const { event } = instance.props;\n\n const [productSku, searchTerm, metaId] = args;\n\n setTimeout(() => {\n event(EVENT_GTM_ATTRAQT_SEARCH_RESULT_CLICK, { productSku, searchTerm, metaId });\n }, TIMEOUT);\n};\n\nconst mapDispatchToProps = (args, callback) => {\n const [dispatch] = args;\n\n return {\n ...callback(...args),\n event: (eventName = '', customData) => dispatch(event(eventName, customData))\n };\n};\n\nexport default {\n 'Component/ProductCard/Container/mapDispatchToProps': {\n function: mapDispatchToProps\n },\n 'Component/ProductCard/Container': {\n 'member-function': {\n onRecommendationClick,\n onSearchResultClick\n }\n }\n};\n","/**\n * @category BeautyWorks\n * @author Scandiweb \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2023 Scandiweb, Inc (https://scandiweb.com)\n */\n\nexport const TIMEOUT = 100;\n","/**\n * @category BeautyWorks\n * @author Kirill Don-Shinaiko \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2021 Scandiweb, Inc (https://scandiweb.com)\n */\n\nimport { lazy } from 'react';\n\nimport { BLOG_CATEGORIES } from '../component/BlogCategoriesWidget/BlogCategoriesWidget.config';\nimport { BLOG_FEATURED_POSTS } from '../component/BlogFeaturedPostsWidget/BlogFeaturedPostsWidget.config';\nimport { BLOG_POST_LISTING } from '../component/BlogPostListingWidget/BlogPostListingWidget.config';\nimport { SOCIAL_EMBED } from '../component/BlogSocialEmbedWidget/BlogSocialEmbedWidget.config';\n\nexport const BlogCategoriesWidget = lazy(() => import(\n /* webpackMode: \"lazy\", webpackChunkName: \"widget-blog\" */\n '../component/BlogCategoriesWidget'\n));\n\nexport const BlogFeaturedPostsWidget = lazy(() => import(\n /* webpackMode: \"lazy\", webpackChunkName: \"widget-blog\" */\n '../component/BlogFeaturedPostsWidget'\n));\n\nexport const BlogPostListingWidget = lazy(() => import(\n /* webpackMode: \"lazy\", webpackChunkName: \"widget-blog\" */\n '../component/BlogPostListingWidget'\n));\n\nexport const BlogSocialEmbedWidget = lazy(() => import(\n /* webpackMode: \"lazy\", webpackChunkName: \"widget-blog\" */\n '../component/BlogSocialEmbedWidget'\n));\n\nexport const renderMap = (member) => ({\n ...member,\n [BLOG_CATEGORIES]: {\n component: BlogCategoriesWidget\n },\n [BLOG_POST_LISTING]: {\n component: BlogPostListingWidget\n },\n [BLOG_FEATURED_POSTS]: {\n component: BlogFeaturedPostsWidget\n },\n [SOCIAL_EMBED]: {\n component: BlogSocialEmbedWidget\n }\n});\n\nexport default {\n 'Scandipwa/Component/WidgetFactory/Component/WidgetFactoryComponent': {\n 'member-property': {\n renderMap\n }\n }\n};\n","/**\n * @category BeautyWorks\n * @author Kirill Don-Shinaiko \n * @license http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0 (OSL-3.0)\n * @copyright Copyright (c) 2021 Scandiweb, Inc (https://scandiweb.com)\n */\n\nexport const BLOG_FEATURED_POSTS = 'featuredposts';\n","// Unique ID creation requires a high quality random # generator. In the browser we therefore\n// require the crypto API and do not support built-in fallback to lower quality random number\n// generators (like Math.random()).\n// getRandomValues needs to be invoked in a context where \"this\" is a Crypto implementation. Also,\n// find the complete implementation of crypto (msCrypto) on IE11.\nvar getRandomValues = typeof crypto != 'undefined' && crypto.getRandomValues && crypto.getRandomValues.bind(crypto) || typeof msCrypto != 'undefined' && typeof msCrypto.getRandomValues == 'function' && msCrypto.getRandomValues.bind(msCrypto);\nvar rnds8 = new Uint8Array(16); // eslint-disable-line no-undef\n\nexport default function rng() {\n if (!getRandomValues) {\n throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');\n }\n\n return getRandomValues(rnds8);\n}","/**\n * Convert array of 16 byte values to UUID string format of the form:\n * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX\n */\nvar byteToHex = [];\n\nfor (var i = 0; i < 256; ++i) {\n byteToHex[i] = (i + 0x100).toString(16).substr(1);\n}\n\nfunction bytesToUuid(buf, offset) {\n var i = offset || 0;\n var bth = byteToHex; // join used to fix memory issue caused by concatenation: https://bugs.chromium.org/p/v8/issues/detail?id=3175#c4\n\n return [bth[buf[i++]], bth[buf[i++]], bth[buf[i++]], bth[buf[i++]], '-', bth[buf[i++]], bth[buf[i++]], '-', bth[buf[i++]], bth[buf[i++]], '-', bth[buf[i++]], bth[buf[i++]], '-', bth[buf[i++]], bth[buf[i++]], bth[buf[i++]], bth[buf[i++]], bth[buf[i++]], bth[buf[i++]]].join('');\n}\n\nexport default bytesToUuid;","import rng from './rng.js';\nimport bytesToUuid from './bytesToUuid.js';\n\nfunction v4(options, buf, offset) {\n var i = buf && offset || 0;\n\n if (typeof options == 'string') {\n buf = options === 'binary' ? new Array(16) : null;\n options = null;\n }\n\n options = options || {};\n var rnds = options.random || (options.rng || rng)(); // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`\n\n rnds[6] = rnds[6] & 0x0f | 0x40;\n rnds[8] = rnds[8] & 0x3f | 0x80; // Copy bytes to buffer, if provided\n\n if (buf) {\n for (var ii = 0; ii < 16; ++ii) {\n buf[i + ii] = rnds[ii];\n }\n }\n\n return buf || bytesToUuid(rnds);\n}\n\nexport default v4;"],"sourceRoot":""}