{"version":3,"file":"productpg/page-singleProduct.b646464109bb17587441.js","mappings":"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","sources":["webpack://asos-web-productpage/./src/client/components/asosWorldBox/AsosWorldBox.js","webpack://asos-web-productpage/./src/client/components/asosWorldBox/AsosWorldBox.scss?7820","webpack://asos-web-productpage/./src/client/components/conditional/IfInStock.js","webpack://asos-web-productpage/./src/client/components/conditional/IfStockStateReady.js","webpack://asos-web-productpage/./src/client/components/customerFitRating/CustomerFitRating.scss?d273","webpack://asos-web-productpage/./src/client/components/customerFitRating/CustomerFitRating.js","webpack://asos-web-productpage/./src/client/components/errorPage/ErrorPage.scss?56bf","webpack://asos-web-productpage/./src/client/components/errorPage/ErrorPage.js","webpack://asos-web-productpage/./src/client/components/priceData/useVariantPrice.js","webpack://asos-web-productpage/./src/client/components/priceData/PriceData.scss?bfa5","webpack://asos-web-productpage/./src/client/components/priceData/PriceData.js","webpack://asos-web-productpage/./src/client/components/productCode/ProductCode.scss?c2b6","webpack://asos-web-productpage/./src/client/components/productCode/ProductCode.js","webpack://asos-web-productpage/./src/client/components/facets/facetThumbnail/FacetThumbnail.scss?c44a","webpack://asos-web-productpage/./src/client/components/selectableTile/SelectableTile.scss?2ba1","webpack://asos-web-productpage/./src/client/components/selectableTile/SelectableTile.js","webpack://asos-web-productpage/./src/client/components/facets/facetThumbnail/FacetThumbnail.js","webpack://asos-web-productpage/./src/client/components/carousel/sideScrollCarousel/SideScrollCarousel.js","webpack://asos-web-productpage/./src/client/components/carousel/sideScrollCarousel/SideScrollCarousel.scss?e3d9","webpack://asos-web-productpage/./src/client/components/facets/facetCarousel/FacetCarousel.js","webpack://asos-web-productpage/./src/client/components/facets/facetCarousel/FacetCarousel.scss?a12b","webpack://asos-web-productpage/./src/client/components/facets/facetPalette/FacetPalette.js","webpack://asos-web-productpage/./src/client/components/facets/facetPalette/FacetPalette.scss?430a","webpack://asos-web-productpage/./src/client/components/productColourContainer/ProductColourContainer.js","webpack://asos-web-productpage/./src/client/components/productDescription/ProductDescription.scss?e85b","webpack://asos-web-productpage/./src/client/components/productDescription/GenericAccordionItem.js","webpack://asos-web-productpage/./src/client/components/productDescription/ProductDetails.js","webpack://asos-web-productpage/./src/client/components/sustainabilityInfo/SustainabilityInfoContainer.scss?03dd","webpack://asos-web-productpage/./src/client/components/hr/Hr.scss?7dc8","webpack://asos-web-productpage/./src/client/components/hr/Hr.js","webpack://asos-web-productpage/./src/client/components/sustainabilityInfo/SustainabilityInfo.scss?c59b","webpack://asos-web-productpage/./src/client/components/sustainabilityInfo/SustainabilityInfo.js","webpack://asos-web-productpage/./src/client/api/sustainabilityApi.js","webpack://asos-web-productpage/./src/client/components/sustainabilityInfo/SustainabilityInfoContainer.js","webpack://asos-web-productpage/./src/client/components/productDescription/AboutMe.js","webpack://asos-web-productpage/./src/client/components/productDescription/MoreInfo.js","webpack://asos-web-productpage/./src/client/components/productDescription/SizeAndFit.js","webpack://asos-web-productpage/./src/client/components/productDescription/ProductDescription.js","webpack://asos-web-productpage/./src/client/components/productPromo/ProductPromo.scss?9767","webpack://asos-web-productpage/./src/client/api/promotionsMessagingApi.js","webpack://asos-web-productpage/./src/client/components/productPromo/ProductPromo.js","webpack://asos-web-productpage/./src/client/utils/replaceTokensInString.js","webpack://asos-web-productpage/./src/client/components/ratingBar/RatingBar.scss?6148","webpack://asos-web-productpage/./src/client/utils/ratingsAriaLabels.js","webpack://asos-web-productpage/./src/client/components/ratingBar/RatingBar.js","webpack://asos-web-productpage/./src/client/components/releaseDateBanner/ReleaseDateBanner.scss?8f70","webpack://asos-web-productpage/./src/client/components/releaseDateBanner/ReleaseDateBanner.js","webpack://asos-web-productpage/./src/client/components/releaseDateBanner/useTranslatedText.js","webpack://asos-web-productpage/./src/client/components/repeatedTextBanner/RepeatedTextBanner.scss?e44d","webpack://asos-web-productpage/./src/client/components/repeatedTextBanner/RepeatedTextBanner.js","webpack://asos-web-productpage/./src/client/components/repeatedTextBanner/getTranslatedText.js","webpack://asos-web-productpage/./src/client/components/reportProductLink/ReportProductLink.scss?ef34","webpack://asos-web-productpage/./src/client/components/reportProductLink/ReportProductLink.js","webpack://asos-web-productpage/./src/client/components/restockingSoonBanner/RestockingSoonBanner.js","webpack://asos-web-productpage/./src/client/components/restockingSoonBanner/RestockingSoonBanner.scss?2cda","webpack://asos-web-productpage/./src/client/components/skeletonPrimaryActions/SkeletonPrimaryActions.scss?ef93","webpack://asos-web-productpage/./src/client/components/skeletonPrimaryActions/SkeletonPrimaryActions.js","webpack://asos-web-productpage/./src/client/components/ingredientsModal/IngredientsModal.scss?1b63","webpack://asos-web-productpage/./src/client/components/ingredientsModal/IngredientsModal.js","webpack://asos-web-productpage/./src/client/components/ingredientsButton/IngredientsButton.js","webpack://asos-web-productpage/./src/client/components/ingredientsButton/IngredientsButton.scss?e1f4","webpack://asos-web-productpage/./src/client/containers/IngredientsContainer/IngredientsContainer.js","webpack://asos-web-productpage/./src/client/containers/clientOnly/ClientOnly.js","webpack://asos-web-productpage/./src/client/pages/SingleProductPage.js","webpack://asos-web-productpage/./src/client/utils/formatDateForLoyalty.js","webpack://asos-web-productpage/./src/client/utils/getSubRatingIcon.js","webpack://asos-web-productpage/./src/client/pages/SingleProductPage.scss?f2ec"],"sourcesContent":["import { useRuntimeConstants } from \"../../context/runtimeConstants/RuntimeConstantsContext\";\nimport { formatDateForLoyalty } from \"../../utils/formatDateForLoyalty\";\nimport { getCustomerLoyaltyAccess } from \"../../utils/getCustomerLoyaltyAccess\";\nimport { CUSTOMER_ACCESS_VIEW } from \"../../constants\";\nimport styles from \"./AsosWorldBox.scss\";\n\nconst AsosWorldBox = () => {\n  const { getTranslation, product } = useRuntimeConstants();\n  const { customerAccess, endDate } = getCustomerLoyaltyAccess(product);\n\n  if (customerAccess !== CUSTOMER_ACCESS_VIEW) {\n    return null;\n  }\n\n  return (\n    <div className={styles.asosWorldBox}>\n      <div className={styles.icon}>\n        <div className=\"product-asos-world\" />\n      </div>\n      <p className={styles.description}>\n        <span>{getTranslation(\"early_access_product_tier_one\")}</span>\n        <span>{getTranslation(\"early_access_product_tier_one_purplebox\")}</span>\n      </p>\n      <p className={styles.date}>\n        {getTranslation(\"early_access_product_tier_one_date\", {\n          endDate: formatDateForLoyalty(endDate),\n        })}\n      </p>\n    </div>\n  );\n};\n\nexport default AsosWorldBox;\n","// extracted by mini-css-extract-plugin\nexport default {\"date\":\"xf1yN\",\"description\":\"CYoiq\",\"asosWorldBox\":\"uSKaD\",\"icon\":\"pNtUB\"};","import PropTypes from \"prop-types\";\n\nimport { useIsInStockContext } from \"../../context/isInStock/IsInStockContext\";\n\nconst IfInStock = ({ children }) => {\n  const { isStockStateReady, isInStock } = useIsInStockContext();\n\n  return isStockStateReady && isInStock === true && <>{children}</>;\n};\n\nIfInStock.propTypes = {\n  children: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.node),\n    PropTypes.node,\n  ]).isRequired,\n};\n\nexport default IfInStock;\n","import PropTypes from \"prop-types\";\nimport { useIsInStockContext } from \"../../context/isInStock/IsInStockContext\";\n\nexport default function IfStockStateReady({ children }) {\n  const { isStockStateReady } = useIsInStockContext();\n\n  return isStockStateReady ? children : null;\n}\n\nIfStockStateReady.propTypes = {\n  children: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.node),\n    PropTypes.node,\n  ]).isRequired,\n};\n","// extracted by mini-css-extract-plugin\nexport default {\"fitInfoContainer\":\"RI2VV\",\"fitInfoLabel\":\"FrIS2\",\"fitInfoBar\":\"rRc2z\",\"icon\":\"JeSkM\"};","import { useEffect, useState } from \"react\";\nimport classnamesBind from \"classnames/bind\";\n\nimport { useRuntimeConstants } from \"../../context/runtimeConstants/RuntimeConstantsContext\";\nimport { getFeature } from \"../../utils/features\";\nimport { useFeaturesReady } from \"../../context/featuresReady/FeaturesReadyContext\";\nimport RatingBar from \"../ratingBar/RatingBar\";\nimport { getSubRatingIcon } from \"../../utils/getSubRatingIcon\";\n\nimport styles from \"./CustomerFitRating.scss\";\n\nconst classnames = classnamesBind.bind(styles);\n\nconst CustomerFitRating = () => {\n  const [subRatingFitInfo, setSubRatingFitInfo] = useState(null);\n  const { areFeaturesReady } = useFeaturesReady();\n  const { ratings, getTranslation } = useRuntimeConstants();\n\n  useEffect(() => {\n    if (!isSubratedProduct(ratings)) {\n      return;\n    }\n\n    if (areFeaturesReady && getFeature(\"pdp-sizing-slider\").isEnabled()) {\n      setSubRatingFitInfo(ratings?.subRatings?.find(subRatingMatcher));\n    }\n  }, [areFeaturesReady, ratings, ratings?.subRatings]);\n\n  const heading =\n    subRatingFitInfo &&\n    translateTitleForSubRatingId(getTranslation, subRatingFitInfo);\n\n  return subRatingFitInfo && heading ? (\n    <div className={styles.fitInfoContainer}>\n      <div className={styles.fitInfoLabel}>\n        <div className={classnames(styles.icon, getSubRatingIcon(\"Fit\"))} />\n        <h2>{heading}</h2>\n      </div>\n      <div className={styles.fitInfoBar}>\n        <RatingBar\n          label={subRatingFitInfo.label}\n          id={subRatingFitInfo.id}\n          minLabel={getTranslation(\"pdp_ratings_reviews_slider_size_min_label\")}\n          maxLabel={getTranslation(\"pdp_ratings_reviews_slider_size_max_label\")}\n          percentage={subRatingFitInfo.percentage}\n        />\n      </div>\n    </div>\n  ) : null;\n};\n\nfunction isSubratedProduct(ratings) {\n  return ratings?.subRatings?.some(subRatingMatcher);\n}\n\nfunction subRatingMatcher(subRating) {\n  return subRating.id === \"Size\" || subRating.id === \"Fit\";\n}\n\nfunction translateTitleForSubRatingId(getTranslation, subRating = {}) {\n  const titleMap = {\n    Fit: \"pdp_ratings_reviews_slider_fitmessage\",\n    Size: \"pdp_ratings_reviews_slider_sizemessage\",\n  };\n  return getTranslation(titleMap[subRating.id]);\n}\n\nexport default CustomerFitRating;\n","// extracted by mini-css-extract-plugin\nexport default {\"heading\":\"NSpSx\",\"paragraph\":\"WTNXS\",\"main\":\"Vmph9\",\"errorMessage\":\"kEY0V\",\"face\":\"IbEux\"};","import styles from \"./ErrorPage.scss\";\nimport { useRuntimeConstants } from \"../../context/runtimeConstants/RuntimeConstantsContext\";\nimport { PropTypes } from \"prop-types\";\n\nexport default function ErrorPage({ text }) {\n  const { getTranslation } = useRuntimeConstants();\n  return (\n    <div className={styles.main} aria-live=\"polite\">\n      <div className={styles.errorMessage}>\n        <img\n          alt=\"\"\n          className={styles.face}\n          src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAABYCAMAAABGS8AGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN\nAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAjVBMVEUAAAD5wgv3wQv7xAvn\ntApuVgVcSATFmQn/xwuTcwZbRwSYdgfYqQoYEwEAAACkgAdQPgQbFQFSQATotArdrAowJgIcFgGu\niAhlTwQXEgHhrwrwuwsgGQE4LALuuQvjsQrcqwqyiggeGAGcegdVQgSbeQepgweMbQZpUgW7kgjC\nlwmkfwfYqAo9LwO8kwip5RhEAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAHdElNRQflAhoN\nNg/eQtu9AAABrUlEQVRYw+3WDVOCMBgHcAcKEzEV1zJYaTJfMuv7f7w2QKTdyIeh5tn+J3f6bPfb\nQHi007mzoF9i4VuEUeNcyrXwLcAGJoy38MXhdi66hFnPW9jCFr4ufD5S0S1sYQu3g526Abc53O15\nZXysrNMPRDXIxgYNYRwOH8qM1BMYH8eCpjsOJxVY2TGKjmNe4x3/AjvXgTHCQHhKRPzHiQyVx5MK\nz54nRYazmJCYJCC4RxljL35Y5lWdMS+HFn0m84YBcH6iSyLnisN1NTcrLl+p9r7Rw1xOZURz5TQr\nrDJ4DdpxDi9g8AAO53cpJRD3AI9A8GYc8WjbhcHvEecR34Fgx6nvOtrJImr5r9vmf4FP/4MTfT3w\nqvExyDwFV/t6no8zwVyFR7cN4+ov0QHOWp9jDiey5xNvKBo+zdu+eENpGi8ImSfIGMZr2fNZSsJq\n9vtAlJefc9ccXh3OXPb0ovOLD0XHbrHjVPtdJdlFZ3F7WK0XOz7DpfhZzp8Y2gJGX1xmp1SdzVhU\nt1MX4NbymiYuq9p6pz6oVSwMgY31U6YpDHItfAUYukhzzcL3AZvnG8RuNnP7B0HGAAAAJXRFWHRk\nYXRlOmNyZWF0ZQAyMDIxLTAyLTI2VDEzOjU0OjEwKzAwOjAwfH58/gAAACV0RVh0ZGF0ZTptb2Rp\nZnkAMjAyMS0wMi0yNlQxMzo1NDoxMCswMDowMA0jxEIAAAAASUVORK5CYII=\"\n        />\n\n        <div>\n          <h1 className={styles.heading}>\n            {getTranslation(\"pdp_misc_error_oops\")}\n          </h1>\n          <p className={styles.paragraph} id=\"errorMessage\">\n            {text || getTranslation(\"pdp_misc_error_technical_difficulties\")}\n          </p>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nErrorPage.propTypes = {\n  text: PropTypes.string,\n};\n","import { useMemo } from \"react\";\n\nexport default function useVariantPrice({ selectedVariantId, product }) {\n  return useMemo(() => {\n    if (!product?.variants?.length) {\n      return {\n        showFromLabel: false,\n        priceData: null,\n      };\n    }\n\n    if (selectedVariantId) {\n      const selectedVariantPrice = getPriceForSelectedVariant({\n        selectedVariantId,\n        variants: product.variants,\n      });\n\n      if (selectedVariantPrice) {\n        return {\n          showFromLabel: false,\n          priceData: selectedVariantPrice,\n        };\n      }\n    }\n\n    const inStockVariants = getInStockVariants(product.variants);\n\n    if (!inStockVariants.length) {\n      return {\n        showFromLabel: false,\n        priceData: product.price,\n      };\n    }\n\n    const lowestPriceInStockVariants = getLowestPriceVariants(inStockVariants);\n\n    return {\n      showFromLabel:\n        lowestPriceInStockVariants.length !== inStockVariants.length,\n      priceData: getPriceForNoSelection(lowestPriceInStockVariants),\n    };\n  }, [selectedVariantId, product]);\n}\n\nfunction getInStockVariants(variants) {\n  return variants.filter(({ isInStock }) => isInStock);\n}\n\nfunction getLowestPriceVariants(variants) {\n  return variants.reduce(\n    (lowestCurrentPriceVariants, variant, index) => {\n      if (index === 0) {\n        return lowestCurrentPriceVariants;\n      }\n\n      const lowestPrice = lowestCurrentPriceVariants[0].price.current.value;\n      const currentVariantPrice = variant.price.current.value;\n\n      if (currentVariantPrice < lowestPrice) {\n        return [variant];\n      }\n\n      if (currentVariantPrice === lowestPrice) {\n        lowestCurrentPriceVariants.push(variant);\n      }\n      return lowestCurrentPriceVariants;\n    },\n    [variants[0]]\n  );\n}\n\nfunction getPriceForSelectedVariant({ selectedVariantId, variants }) {\n  return variants.find((variant) => variant.variantId === selectedVariantId)\n    ?.price;\n}\n\nfunction priceIsNotMarkedDownOrOutlet({ isMarkedDown, isOutletPrice }) {\n  return !isMarkedDown && !isOutletPrice;\n}\n\nfunction getPriceForNoSelection(lowestPriceVariantsInStock) {\n  const doesNextVariantPriceHaveMoreExpensivePrice = (\n    currentVariantPrice,\n    nextVariantPrice,\n    priceProp\n  ) => {\n    const currentPrice = currentVariantPrice[priceProp]?.value;\n    const nextPrice = nextVariantPrice[priceProp].value;\n\n    return typeof currentPrice !== \"number\" || nextPrice > currentPrice;\n  };\n\n  const doesNextVariantPriceHaveMoreExpensiveRrp = (\n    currentVariantPrice,\n    nextVariantPrice\n  ) => {\n    if (!currentVariantPrice.isOutletPrice && nextVariantPrice.isOutletPrice) {\n      return true;\n    }\n\n    return !!(\n      nextVariantPrice.isOutletPrice &&\n      doesNextVariantPriceHaveMoreExpensivePrice(\n        currentVariantPrice,\n        nextVariantPrice,\n        \"rrp\"\n      )\n    );\n  };\n\n  const doesNextVariantPriceHaveMoreExpensivePreviousPrice = (\n    currentVariantPrice,\n    nextVariantPrice\n  ) => {\n    if (\n      priceIsNotMarkedDownOrOutlet(currentVariantPrice) &&\n      nextVariantPrice.isMarkedDown\n    ) {\n      return true;\n    }\n\n    return !!(\n      nextVariantPrice.isMarkedDown &&\n      !currentVariantPrice.isOutletPrice &&\n      doesNextVariantPriceHaveMoreExpensivePrice(\n        currentVariantPrice,\n        nextVariantPrice,\n        \"previous\"\n      )\n    );\n  };\n\n  return lowestPriceVariantsInStock.reduce(\n    (currentVariantPrice, { price: nextVariantPrice }) =>\n      !currentVariantPrice ||\n      doesNextVariantPriceHaveMoreExpensiveRrp(\n        currentVariantPrice,\n        nextVariantPrice\n      ) ||\n      doesNextVariantPriceHaveMoreExpensivePreviousPrice(\n        currentVariantPrice,\n        nextVariantPrice\n      )\n        ? nextVariantPrice\n        : currentVariantPrice,\n\n    null\n  );\n}\n","// extracted by mini-css-extract-plugin\nexport default {\"skeleton\":\"UTFMZ\",\"loading\":\"ZpHnB\"};","import { PrimaryPrice } from \"../priceComponents\";\nimport PaymentPromo from \"../paymentPromo/PaymentPromo\";\nimport useVariantPrice from \"./useVariantPrice\";\nimport { useVariant } from \"../../context/variant/VariantContext\";\nimport styles from \"./PriceData.scss\";\nimport {\n  setDiscountOnPrice,\n  setPricingIconLoad,\n} from \"../../analytics/pageLoad\";\nimport { useStockPrice } from \"../../context/stockPrice/StockPriceContext\";\nimport setComponentPerformance from \"../../utils/setComponentPerformance\";\nimport { firePricingModalOpen } from \"../../analytics/pageInteraction\";\n\nexport default function PriceData() {\n  const { products, shouldRetry } = useStockPrice();\n  const { selectedVariantId } = useVariant();\n\n  const { priceData, showFromLabel } = useVariantPrice({\n    product: products,\n    selectedVariantId,\n  });\n\n  if (shouldRetry) {\n    return null;\n  }\n\n  if (!priceData) {\n    return <div className={styles.skeleton} />;\n  }\n\n  setComponentPerformance({ metric: \"pdp:price_displayed\" });\n  setDiscountOnPrice({ priceData });\n\n  return (\n    <>\n      <PrimaryPrice\n        priceData={priceData}\n        showFromLabel={showFromLabel}\n        testId=\"product-price\"\n        firePricingModalOpen={firePricingModalOpen}\n        setPricingIconLoad={setPricingIconLoad}\n      />\n      {products?.isInStock && (\n        <PaymentPromo priceValue={priceData.current?.value} />\n      )}\n    </>\n  );\n}\n","// extracted by mini-css-extract-plugin\nexport default {\"productCode\":\"nNF2H\",\"label\":\"HjoK9\"};","import { useRuntimeConstants } from \"../../context/runtimeConstants/RuntimeConstantsContext\";\nimport styles from \"./ProductCode.scss\";\nimport { useIsInStockContext } from \"../../context/isInStock/IsInStockContext\";\n\nexport default function ProductCode() {\n  const { getTranslation, product } = useRuntimeConstants();\n  const { isInStock } = useIsInStockContext();\n\n  if (isInStock !== false) {\n    return null;\n  }\n\n  return (\n    <div className={styles.productCode}>\n      <span className={styles.label}>\n        {getTranslation(\"pdp_description_product_code_title\")}\n      </span>\n      <span>&nbsp;</span>\n      <span>{product.productCode}</span>\n    </div>\n  );\n}\n","// extracted by mini-css-extract-plugin\nexport default {\"smallImage\":\"apTU7\",\"largeImage\":\"B0C8G\",\"oosOverlay\":\"UsjgH\",\"oosOverlayLine\":\"DNSG7\",\"facetThumbnailLink\":\"PSk4r\",\"isCarousel\":\"vjLDe\",\"facetThumbnailLinkDisabled\":\"j93mc\"};","// extracted by mini-css-extract-plugin\nexport default {\"tile\":\"rTbjG\",\"side-scroll\":\"eoC9i\",\"grid\":\"veWvn\",\"selected\":\"gRxnj\"};","import styles from \"./SelectableTile.scss\";\nimport classnamesBind from \"classnames/bind\";\nimport PropTypes from \"prop-types\";\n\nconst classnames = classnamesBind.bind(styles);\nexport const SELECTABLE_TILE_TYPES = {\n  SIDE_SCROLL: \"side-scroll\",\n  GRID: \"grid\",\n};\n\nconst SelectableTile = ({ isSelected, type, hasFocus, testId, children }) => {\n  const handleTileFocus = (focused) => hasFocus && hasFocus(focused);\n\n  return (\n    <li\n      className={classnames(styles.tile, {\n        selected: isSelected,\n        [type]: type,\n      })}\n      onMouseEnter={() => handleTileFocus(true)}\n      onMouseLeave={() => handleTileFocus(false)}\n      onFocus={() => handleTileFocus(true)}\n      onBlur={() => handleTileFocus(false)}\n      data-testid={testId}\n    >\n      {children}\n    </li>\n  );\n};\n\nSelectableTile.propTypes = {\n  isSelected: PropTypes.bool,\n  hasFocus: PropTypes.func,\n  testId: PropTypes.string,\n  children: PropTypes.node.isRequired,\n  type: PropTypes.oneOf(Object.keys(SELECTABLE_TILE_TYPES)).isRequired,\n  isTab: PropTypes.bool,\n};\n\nexport default SelectableTile;\n","/* eslint-disable jsx-a11y/anchor-is-valid */\n/* https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/issues/906 */\n\nimport classnamesBind from \"classnames/bind\";\nimport { formatUrl, getProductUrl } from \"../../../utils/url\";\nimport styles from \"./FacetThumbnail.scss\";\nimport { PropTypes } from \"prop-types\";\nimport { useRuntimeConstants } from \"../../../context/runtimeConstants/RuntimeConstantsContext\";\nimport getImageSource from \"../../../../common/imagePresets/imagePresets\";\nimport SelectableTile, {\n  SELECTABLE_TILE_TYPES,\n} from \"../../selectableTile/SelectableTile\";\n\nconst classnames = classnamesBind.bind(styles);\nconst WARM_THUMBNAIL_WIDTH = 75;\n\nconst FacetThumbnail = ({ productFacet, isCarousel, onFocus }) => {\n  const { getTranslation } = useRuntimeConstants();\n  const {\n    productId,\n    isSelected,\n    isInStock,\n    brandName,\n    imageUrl,\n    name,\n    description,\n  } = productFacet;\n\n  const toggleThumbnailFocus = (toggleOn) => {\n    if (isCarousel || isSelected || !onFocus) {\n      return;\n    }\n\n    onFocus({ productFacet, isFocused: toggleOn });\n  };\n\n  const getImage = () => (\n    <>\n      {!isInStock && (\n        <div className={styles.oosOverlay} data-testid={\"oosOverlay\"}>\n          <div className={styles.oosOverlayLine} />\n        </div>\n      )}\n      <img\n        src={getImageSource(\n          formatUrl(imageUrl),\n          \"thumbnail\",\n          WARM_THUMBNAIL_WIDTH\n        )}\n        className={classnames({\n          smallImage: !isCarousel,\n          largeImage: isCarousel,\n        })}\n        alt={description}\n      />\n    </>\n  );\n\n  const createAriaLabel = () => {\n    if (!isInStock) {\n      return `${description}. ${getTranslation(\n        \"pdp_grouping_accessibility_colour_oos\"\n      )}.`;\n    } else {\n      return description;\n    }\n  };\n\n  const createDataTestId = () =>\n    `facetThumbnail${isSelected ? `--selected` : ``}`;\n\n  return (\n    <SelectableTile\n      isSelected={isSelected}\n      type={\n        isCarousel\n          ? SELECTABLE_TILE_TYPES.SIDE_SCROLL\n          : SELECTABLE_TILE_TYPES.GRID\n      }\n      hasFocus={toggleThumbnailFocus}\n      testId={createDataTestId()}\n    >\n      {!isSelected ? (\n        <a\n          href={`${getProductUrl(\n            brandName,\n            name,\n            productId\n          )}#ctaref-more+colours+swatches&featureref1-more+colours+swatches`}\n          className={styles.facetThumbnailLink}\n          onFocus={() => onFocus && onFocus({ productFacet })}\n          aria-label={createAriaLabel()}\n        >\n          {getImage()}\n        </a>\n      ) : (\n        <a\n          role=\"link\"\n          aria-disabled=\"true\"\n          aria-label={createAriaLabel()}\n          aria-current={isSelected ? \"page\" : null}\n          className={classnames(\n            styles.facetThumbnailLink,\n            styles.facetThumbnailLinkDisabled\n          )}\n        >\n          {getImage()}\n        </a>\n      )}\n    </SelectableTile>\n  );\n};\n\nFacetThumbnail.propTypes = {\n  isCarousel: PropTypes.bool,\n  onFocus: PropTypes.func,\n  productFacet: PropTypes.shape({\n    name: PropTypes.string,\n    productId: PropTypes.number,\n    description: PropTypes.string,\n    imageUrl: PropTypes.string,\n    isSelected: PropTypes.bool,\n    isInStock: PropTypes.bool,\n    brandName: PropTypes.string,\n  }).isRequired,\n};\n\nexport default FacetThumbnail;\n","import { forwardRef } from \"react\";\nimport styles from \"./SideScrollCarousel.scss\";\nimport PropTypes from \"prop-types\";\n\nconst SideScrollCarousel = forwardRef(({ children, testId }, ref) => (\n  <ul ref={ref} className={styles.carousel} data-testid={testId}>\n    {children}\n  </ul>\n));\n\nSideScrollCarousel.propTypes = {\n  children: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.node),\n    PropTypes.node,\n    PropTypes.string,\n  ]).isRequired,\n  testId: PropTypes.string,\n};\n\nSideScrollCarousel.displayName = \"SideScrollCarousel\";\n\nexport default SideScrollCarousel;\n","// extracted by mini-css-extract-plugin\nexport default {\"carousel\":\"o3gf3\"};","import { useRef, useLayoutEffect } from \"react\";\nimport styles from \"./FacetCarousel.scss\";\nimport FacetThumbnail from \"../facetThumbnail/FacetThumbnail\";\nimport { useRuntimeConstants } from \"../../../context/runtimeConstants/RuntimeConstantsContext\";\nimport { PropTypes } from \"prop-types\";\nimport ProductColour from \"../../productColour/ProductColour\";\nimport { PRODUCT_COLOUR_TYPES } from \"../../../constants\";\nimport SideScrollCarousel from \"../../carousel/sideScrollCarousel/SideScrollCarousel\";\n\nconst FacetCarousel = ({ facet, colourLabel }) => {\n  const { getTranslation } = useRuntimeConstants();\n  const carouselRef = useRef();\n\n  useLayoutEffect(() => {\n    if (!carouselRef.current) return;\n    const targetIndex = facet.products.findIndex(\n      (facetProduct) => facetProduct.isSelected\n    );\n\n    const targetPosition =\n      carouselRef.current.children[targetIndex].getBoundingClientRect();\n\n    const offset = (targetPosition.right - targetPosition.left) / 2;\n\n    carouselRef.current.scrollLeft = targetPosition.left - offset;\n  }, [facet.products]);\n\n  return (\n    <div className={styles.facetCarouselContainer} key={facet.facetGroupId}>\n      <ProductColour\n        colourLabel={colourLabel}\n        type={PRODUCT_COLOUR_TYPES.WITHIN_CAROUSEL_FACETS}\n      />\n      <nav\n        aria-label={getTranslation(\n          \"pdp_grouping_accessibility_colour_palette_description\"\n        )}\n        className={styles.navigation}\n      >\n        <SideScrollCarousel ref={carouselRef} testId=\"facetList\">\n          {facet.products.map((productFacet) => (\n            <FacetThumbnail\n              productFacet={productFacet}\n              isCarousel\n              key={productFacet.productId}\n            />\n          ))}\n        </SideScrollCarousel>\n      </nav>\n    </div>\n  );\n};\n\nFacetCarousel.propTypes = {\n  facet: PropTypes.shape({\n    facetGroupId: PropTypes.string,\n    products: PropTypes.arrayOf(\n      PropTypes.shape({\n        name: PropTypes.string,\n        productId: PropTypes.number,\n        description: PropTypes.string,\n        imageUrl: PropTypes.string,\n        isSelected: PropTypes.bool,\n        isInStock: PropTypes.bool,\n        brandName: PropTypes.string,\n      }).isRequired\n    ).isRequired,\n  }).isRequired,\n  colourLabel: PropTypes.string.isRequired,\n};\n\nexport default FacetCarousel;\n","// extracted by mini-css-extract-plugin\nexport default {\"facetCarouselContainer\":\"IWMlj\",\"navigation\":\"Tu2Ty\"};","import styles from \"./FacetPalette.scss\";\nimport FacetThumbnail from \"../facetThumbnail/FacetThumbnail\";\nimport { PropTypes } from \"prop-types\";\nimport ProductColour from \"../../productColour/ProductColour\";\nimport { useRuntimeConstants } from \"../../../context/runtimeConstants/RuntimeConstantsContext\";\n\nconst FacetPalette = ({ facet, handleColourLabel, colourLabel }) => {\n  const { getTranslation } = useRuntimeConstants();\n\n  return (\n    <div>\n      <ProductColour colourLabel={colourLabel} />\n      <nav\n        aria-label={getTranslation(\n          \"pdp_grouping_accessibility_colour_palette_description\"\n        )}\n      >\n        <ul className={styles.facetPaletteList} data-testid=\"facetList\">\n          {facet.products.map((productFacet) => (\n            <FacetThumbnail\n              productFacet={productFacet}\n              key={productFacet.productId}\n              onFocus={handleColourLabel}\n            />\n          ))}\n        </ul>\n      </nav>\n    </div>\n  );\n};\n\nFacetPalette.propTypes = {\n  facet: PropTypes.shape({\n    facetGroupId: PropTypes.string,\n    products: PropTypes.arrayOf(\n      PropTypes.shape({\n        name: PropTypes.string,\n        productId: PropTypes.number,\n        description: PropTypes.string,\n        imageUrl: PropTypes.string,\n        isSelected: PropTypes.bool,\n        isInStock: PropTypes.bool,\n        brandName: PropTypes.string,\n      }).isRequired\n    ).isRequired,\n  }).isRequired,\n  handleColourLabel: PropTypes.func.isRequired,\n  colourLabel: PropTypes.string.isRequired,\n};\n\nexport default FacetPalette;\n","// extracted by mini-css-extract-plugin\nexport default {\"facetPaletteList\":\"w51hY\"};","import { useState, useEffect } from \"react\";\nimport { useRuntimeConstants } from \"../../context/runtimeConstants/RuntimeConstantsContext\";\nimport { useViewport } from \"../../context/viewport/ViewportContext\";\nimport FacetCarousel from \"../facets/facetCarousel/FacetCarousel\";\nimport FacetPalette from \"../facets/facetPalette/FacetPalette\";\nimport ProductColour from \"../productColour/ProductColour\";\nimport { getColours, getInStockVariants } from \"../../../utils/variantUtils\";\nimport {\n  shouldShowFacetCarousel,\n  shouldShowFacetPalette,\n  shouldShowProductColour,\n} from \"../facets/utils/shouldShowColour\";\nimport { PropTypes } from \"prop-types\";\nimport { getFeature } from \"../../utils/features\";\nimport { useFeaturesReady } from \"../../context/featuresReady/FeaturesReadyContext\";\nimport { useStockPrice } from \"../../context/stockPrice/StockPriceContext\";\n\nconst getFacetGroupType = (facetGroups, type) =>\n  facetGroups ? facetGroups.find((facet) => facet.type === type) : undefined;\n\nconst ProductColourContainer = ({ position }) => {\n  const [colours, setColours] = useState([]);\n  const { product, oosVariantsAreSelectable } = useRuntimeConstants();\n  const { products } = useStockPrice();\n  const { viewportCategory } = useViewport();\n  const [colourLabel, setColourLabel] = useState(\"\");\n  const facet = getFacetGroupType(\n    product?.facetGroup?.facets,\n    \"SupplierColour\"\n  );\n  const { areFeaturesReady } = useFeaturesReady();\n  const handleFacetColourLabel = ({ productFacet, isFocused }) =>\n    setColourLabel(isFocused ? productFacet.description : colours[0]);\n\n  useEffect(() => {\n    if (!products) {\n      return;\n    }\n    const stockedVariants = getInStockVariants(products.variants);\n    const productIsInStock = !!stockedVariants.length;\n    const coloursList = getColours(\n      productIsInStock && !oosVariantsAreSelectable\n        ? stockedVariants\n        : product?.variants\n    );\n\n    setColours(coloursList);\n    setColourLabel(coloursList[0]);\n  }, [products, product, oosVariantsAreSelectable]);\n\n  if (\n    shouldShowFacetCarousel({\n      viewportCategory,\n      product,\n      position,\n      areFeaturesReady,\n      getFeature,\n    })\n  ) {\n    return <FacetCarousel facet={facet} colourLabel={colourLabel} />;\n  }\n\n  if (\n    shouldShowFacetPalette({\n      viewportCategory,\n      product,\n      position,\n      areFeaturesReady,\n      getFeature,\n    })\n  ) {\n    return (\n      <FacetPalette\n        facet={facet}\n        handleColourLabel={handleFacetColourLabel}\n        colourLabel={colourLabel}\n      />\n    );\n  }\n\n  if (\n    shouldShowProductColour({\n      product,\n      colours,\n      position,\n      areFeaturesReady,\n      getFeature,\n    })\n  ) {\n    return <ProductColour colourLabel={colourLabel} />;\n  }\n\n  return null;\n};\n\nProductColourContainer.propTypes = {\n  position: PropTypes.string.isRequired,\n};\n\nexport default ProductColourContainer;\n","// extracted by mini-css-extract-plugin\nexport default {\"container\":\"PKNvT\",\"content\":\"F_yfF\",\"link\":\"SukvD\",\"productCode\":\"Jk9Oz\",\"badges\":\"XJ4Fw\"};","import styles from \"./ProductDescription.scss\";\nimport PropTypes from \"prop-types\";\n\nexport function GenericAccordionItem({ isVisible, content }) {\n  if (!isVisible) {\n    return null;\n  }\n\n  return (\n    <div\n      className={styles.content}\n      dangerouslySetInnerHTML={{ __html: content }}\n    />\n  );\n}\n\nGenericAccordionItem.propTypes = {\n  isVisible: PropTypes.bool,\n  content: PropTypes.string,\n};\n","import styles from \"./ProductDescription.scss\";\nimport PropTypes from \"prop-types\";\nimport { useRuntimeConstants } from \"../../context/runtimeConstants/RuntimeConstantsContext\";\n\nexport function ProductDetails({\n  productDescriptionVisible,\n  productDescription,\n}) {\n  const {\n    product: { productCode },\n    getTranslation,\n  } = useRuntimeConstants();\n\n  return (\n    <>\n      {productDescriptionVisible && (\n        <div\n          className={styles.content}\n          dangerouslySetInnerHTML={{ __html: productDescription }}\n        />\n      )}\n      <p className={styles.productCode}>\n        {`${getTranslation(\n          \"pdp_description_product_code_title\"\n        )}: ${productCode}`}\n      </p>\n    </>\n  );\n}\n\nProductDetails.propTypes = {\n  productDescriptionVisible: PropTypes.bool,\n  productDescription: PropTypes.string,\n};\n","// extracted by mini-css-extract-plugin\nexport default {\"sustainabilityInfoButton\":\"zpa0U\",\"hideButton\":\"Tkypl\"};","// extracted by mini-css-extract-plugin\nexport default {\"hr\":\"_tGXd\"};","import styles from \"./Hr.scss\";\n\nexport default function Hr() {\n  return <hr className={styles.hr} />;\n}\n","// extracted by mini-css-extract-plugin\nexport default {\"container\":\"qCxug\",\"images\":\"d7iDC\"};","import { useEffect, useState } from \"react\";\nimport { PropTypes } from \"prop-types\";\n\nimport ErrorPage from \"../errorPage/ErrorPage\";\nimport Hr from \"../hr/Hr\";\nimport { useRuntimeConstants } from \"../../context/runtimeConstants/RuntimeConstantsContext\";\nimport getVariantSustainabilityData from \"../../api/sustainabilityApi\";\nimport styles from \"./SustainabilityInfo.scss\";\nimport { SUSTAINABILITY_INFO_CONFIG } from \"../../constants\";\n\nconst SustainabilityInfoSection = ({\n  type,\n  browseLanguage,\n  titleKey,\n  children,\n}) => {\n  const { getTranslation } = useRuntimeConstants();\n  const countryInformation = SUSTAINABILITY_INFO_CONFIG.find((information) => {\n    return (\n      information.browseLanguage.toLowerCase() === browseLanguage.toLowerCase()\n    );\n  })?.includedInformation;\n\n  if (!(countryInformation?.includes(type) && children)) {\n    return null;\n  }\n\n  return (\n    <>\n      {titleKey && <h4>{getTranslation(titleKey)}</h4>}\n      {children}\n    </>\n  );\n};\n\nexport default function SustainabilityInfo({\n  colourWayId,\n  browseLanguage,\n  onInfoReceived,\n}) {\n  const [information, setInformation] = useState(null);\n  const [error, setError] = useState(false);\n  const { getTranslation } = useRuntimeConstants();\n\n  useEffect(() => {\n    const onError = () => {\n      onInfoReceived && onInfoReceived(false);\n      setError(true);\n    };\n    if (!colourWayId || !browseLanguage) {\n      onError();\n      return;\n    }\n\n    setError(false);\n\n    getVariantSustainabilityData(colourWayId, browseLanguage)\n      .then((sustainabilityInformation) => {\n        onInfoReceived && onInfoReceived(true);\n        setInformation(sustainabilityInformation);\n      })\n      .catch(onError);\n  }, [colourWayId, browseLanguage, onInfoReceived]);\n\n  if (error) {\n    return (\n      <ErrorPage\n        text={getTranslation(\"pdp_environmental_quality_info_error\")}\n      />\n    );\n  }\n\n  return (\n    information && (\n      <article className={styles.container}>\n        <h3>{getTranslation(\"pdp_environmental_quality_info_subtitle\")}</h3>\n        <Hr />\n        {buildSustainabilitySections({ ...information }, browseLanguage)}\n        <br></br>\n        {information.lastUpdatedDate && (\n          <p>\n            {`${getTranslation(\n              \"pdp_environmental_quality_last_updated_date\"\n            )}: ${new Date(information.lastUpdatedDate).toLocaleDateString(\n              information.language\n            )}`}\n          </p>\n        )}\n      </article>\n    )\n  );\n}\n\nfunction mapSustainabilityData({ data, type }) {\n  if (!data) {\n    return null;\n  }\n\n  if (type === \"images\") {\n    return (\n      <div className={styles.images} data-testid=\"logoContainer\">\n        {data.map(({ attributeName, attributeValue }) => {\n          return (\n            <img\n              src={attributeValue}\n              alt={attributeName}\n              key={attributeName}\n            ></img>\n          );\n        })}\n      </div>\n    );\n  }\n\n  return data\n    .filter(({ attributeName, attributeValues }) => {\n      return (\n        attributeName &&\n        Array.isArray(attributeValues) &&\n        attributeValues.some((attributeValue) => attributeValue?.length > 0)\n      );\n    })\n    .map(({ attributeName, attributeValues }) => {\n      const content = `${attributeName}: ${attributeValues.join(\", \")}`;\n      return <p key={content}>{content}</p>;\n    });\n}\n\nfunction buildSustainabilitySections(\n  { product, packaging, logoUrls },\n  browseLanguage\n) {\n  return (\n    <>\n      {product?.length > 0 && (\n        <SustainabilityInfoSection\n          browseLanguage={browseLanguage}\n          type=\"product\"\n          titleKey={\"pdp_environmental_product_info\"}\n        >\n          {mapSustainabilityData({ data: product })}\n        </SustainabilityInfoSection>\n      )}\n      {packaging?.length > 0 && (\n        <SustainabilityInfoSection\n          browseLanguage={browseLanguage}\n          type=\"packaging\"\n          titleKey={\"pdp_environmental_packaging_info\"}\n        >\n          {mapSustainabilityData({ data: packaging })}\n        </SustainabilityInfoSection>\n      )}\n      {logoUrls?.length > 0 && (\n        <SustainabilityInfoSection\n          browseLanguage={browseLanguage}\n          type=\"images\"\n        >\n          {mapSustainabilityData({ data: logoUrls, type: \"images\" })}\n        </SustainabilityInfoSection>\n      )}\n    </>\n  );\n}\n\nSustainabilityInfoSection.propTypes = {\n  type: PropTypes.string.isRequired,\n  browseLanguage: PropTypes.string.isRequired,\n  titleKey: PropTypes.string.isRequired,\n  children: PropTypes.node.isRequired,\n};\n\nSustainabilityInfo.propTypes = {\n  colourWayId: PropTypes.string.isRequired,\n  browseLanguage: PropTypes.string.isRequired,\n  onInfoReceived: PropTypes.func,\n};\n","import { LEGISLATION_API_TIMEOUT } from \"../constants\";\nimport makeRequest from \"./makeRequest\";\n\nexport default async function getVariantSustainabilityData(\n  colourWayId,\n  browseLanguage\n) {\n  return makeRequest({\n    url: `/assets/legislation/${colourWayId}.${browseLanguage}.json`,\n    timeout: LEGISLATION_API_TIMEOUT,\n    mapData: (response) => response.legislationData,\n    handleErrorReturnValue: () => {\n      throw new Error(\"Error getting sustainability data\");\n    },\n  });\n}\n","import { useState, useRef, useEffect, useCallback } from \"react\";\nimport classnamesBind from \"classnames/bind\";\n\nimport styles from \"./SustainabilityInfoContainer.scss\";\nimport Modal from \"../modal/Modal\";\nimport {\n  MODAL_TYPE,\n  SUSTAINABILITY_INFO_CONFIG,\n  TEXT_SIZES,\n} from \"../../constants\";\nimport SustainabilityInfo from \"./SustainabilityInfo\";\nimport { useRuntimeConstants } from \"../../context/runtimeConstants/RuntimeConstantsContext\";\nimport { getFeature } from \"../../utils/features\";\nimport {\n  allVariantsPartnerFulfils,\n  isVariantPartnerFulfils,\n  getVariantsColourWayId,\n} from \"../../../utils/variantUtils\";\nimport { useFeaturesReady } from \"../../context/featuresReady/FeaturesReadyContext\";\nimport { useVariant } from \"../../context/variant/VariantContext\";\nimport { fireSustainabilityInfoLinkClick } from \"../../analytics/pageInteraction\";\nimport { useStockPrice } from \"../../context/stockPrice/StockPriceContext\";\nimport Button from \"../buttons/button/Button\";\nimport { BUTTON_TYPES } from \"../buttons/button/ButtonTypes\";\n\nconst classnames = classnamesBind.bind(styles);\n\nfunction isValidSustainabilityStore({ storeId }) {\n  return SUSTAINABILITY_INFO_CONFIG.find(\n    (sustainabilityInfoStore) =>\n      sustainabilityInfoStore.store.toLowerCase() === storeId?.toLowerCase()\n  );\n}\n\nexport default function SustainabilityInfoContainer() {\n  const { products: product } = useStockPrice();\n  const { getTranslation, webContext } = useRuntimeConstants();\n  const { areFeaturesReady } = useFeaturesReady();\n  const modalId = \"sustainabilityInfoModal\";\n  const buttonRef = useRef();\n  const [modalOpen, setModalOpen] = useState(false);\n  const [shouldRenderSustainabilityInfo, setShouldRenderSustainabilityInfo] =\n    useState(false);\n  const [\n    shouldShowSustainabilityInfoLink,\n    setShouldShowSustainabilityInfoLink,\n  ] = useState(true);\n  const [contentLoaded, setContentLoaded] = useState(false);\n  const { selectedVariantId } = useVariant();\n\n  useEffect(() => {\n    if (areFeaturesReady && product) {\n      setShouldRenderSustainabilityInfo(\n        !!isValidSustainabilityStore({ storeId: webContext?.storeId }) &&\n          !allVariantsPartnerFulfils(product.variants) &&\n          getFeature(\"pdp-sustainability-info\").isEnabled()\n      );\n    }\n  }, [product, areFeaturesReady, webContext]);\n\n  useEffect(() => {\n    setShouldShowSustainabilityInfoLink(\n      selectedVariantId === null ||\n        !isVariantPartnerFulfils(product.variants, selectedVariantId)\n    );\n  }, [product, selectedVariantId]);\n\n  const onSustainabilityInfoReceived = useCallback((isSuccess) => {\n    fireSustainabilityInfoLinkClick(isSuccess);\n    setContentLoaded(true);\n  }, []);\n\n  const onModalClose = () => {\n    setModalOpen(false);\n    setContentLoaded(false);\n  };\n\n  if (!shouldRenderSustainabilityInfo) {\n    return null;\n  }\n\n  const colourWayId = getVariantsColourWayId(\n    product.variants,\n    selectedVariantId\n  );\n\n  return (\n    <>\n      <Button\n        buttonRef={buttonRef}\n        additionalClasses={classnames(styles.sustainabilityInfoButton, {\n          hideButton: !shouldShowSustainabilityInfoLink,\n        })}\n        size={TEXT_SIZES.leavesden3}\n        dataTestId=\"sustainabilityInfoButton\"\n        handleClick={() => setModalOpen(true)}\n        type={BUTTON_TYPES.naked}\n      >\n        {getTranslation(\"pdp_environmental_quality\")}\n      </Button>\n      <Modal\n        title={getTranslation(\"pdp_environmental_quality_info_title\")}\n        open={modalOpen}\n        contentLoaded={contentLoaded}\n        closeModal={onModalClose}\n        focusOnClose={buttonRef.current}\n        modalId={modalId}\n        modalType={MODAL_TYPE.SIDE}\n      >\n        {modalOpen && (\n          <SustainabilityInfo\n            colourWayId={colourWayId}\n            browseLanguage={webContext.browseLanguage}\n            onInfoReceived={onSustainabilityInfoReceived}\n          />\n        )}\n      </Modal>\n    </>\n  );\n}\n","import styles from \"./ProductDescription.scss\";\nimport PropTypes from \"prop-types\";\nimport SustainabilityInfoContainer from \"../sustainabilityInfo/SustainabilityInfoContainer\";\n\nexport function AboutMe({ aboutMeVisible, aboutMe }) {\n  const sustainabilityInfo = SustainabilityInfoContainer();\n\n  if (!aboutMeVisible && !sustainabilityInfo) {\n    return null;\n  }\n\n  return (\n    <>\n      {aboutMeVisible && (\n        <div\n          className={styles.content}\n          dangerouslySetInnerHTML={{ __html: aboutMe }}\n        />\n      )}\n      {sustainabilityInfo}\n    </>\n  );\n}\n\nAboutMe.propTypes = {\n  aboutMeVisible: PropTypes.bool,\n  aboutMe: PropTypes.string,\n};\n","import styles from \"./ProductDescription.scss\";\nimport PropTypes from \"prop-types\";\n\nexport function MoreInfo({ moreInfoVisible, badges }) {\n  if (!badges?.length || !moreInfoVisible) {\n    return null;\n  }\n\n  return (\n    <ul className={styles.badges}>\n      {badges.map(({ contentUrl, imageUrl, tooltip }) => (\n        <li key={contentUrl}>\n          <a href={contentUrl} target=\"_blank\" rel=\"noreferrer\">\n            <img src={imageUrl} alt={tooltip} title={tooltip} />\n          </a>\n        </li>\n      ))}\n    </ul>\n  );\n}\n\nMoreInfo.propTypes = {\n  moreInfoVisible: PropTypes.bool,\n  badges: PropTypes.arrayOf(\n    PropTypes.shape({\n      contentUrl: PropTypes.string.isRequired,\n      tooltip: PropTypes.string.isRequired,\n      imageUrl: PropTypes.string.isRequired,\n    })\n  ),\n};\n","import styles from \"./ProductDescription.scss\";\nimport PropTypes from \"prop-types\";\nimport { useRuntimeConstants } from \"../../context/runtimeConstants/RuntimeConstantsContext\";\nimport SizeGuideButton, {\n  SIZE_GUIDE_BUTTON_SIZE,\n} from \"../sizeGuideButton/SizeGuideButton\";\nimport { NEW_USER } from \"../../analytics/fitAssistantCommon\";\nimport { useSizing } from \"../../context/sizing/SizingContext\";\n\nconst getSizingTranslation = ({\n  getTranslation,\n  recommendedSize,\n  isPartialRecommendation,\n}) => {\n  if (recommendedSize === NEW_USER) {\n    return getTranslation(\"pdp_fit_analytics_sizing_help_profile_none\");\n  }\n  if (recommendedSize !== NEW_USER && isPartialRecommendation) {\n    return getTranslation(\"pdp_fit_analytics_sizing_help_profile_partial\");\n  }\n  return getTranslation(\"pdp_fit_analytics_sizing_help_profile_complete\");\n};\n\nconst handleKeyPress = (handleFitAssistantLinkClick) => (event) => {\n  if (event.key === \"Enter\") {\n    handleFitAssistantLinkClick(event);\n  }\n};\n\nconst getSizingHelpText = ({\n  getTranslation,\n  recommendedSize,\n  sizeGuideUrl,\n  isPartialRecommendation,\n  handleFitAssistantLinkClick,\n}) => {\n  const introText = getTranslation(\"pdp_fit_analytics_sizing_help_intro\");\n  const sizingTranslation = getSizingTranslation({\n    getTranslation,\n    recommendedSize,\n    isPartialRecommendation,\n  });\n\n  const [fitAssistantLinkText, sizeGuideText] =\n    sizingTranslation.split(\"%{splitPoint}\");\n\n  const [sizeGuideIntroText, sizeGuideButtonText] =\n    sizeGuideText.split(\"%{link}\");\n\n  return (\n    <p>\n      {introText}\n      {fitAssistantLinkText && (\n        <span\n          role=\"button\"\n          tabIndex={0}\n          data-testid=\"saf-fit-assistant\"\n          onClick={handleFitAssistantLinkClick}\n          onKeyDown={handleKeyPress(handleFitAssistantLinkClick)}\n          className={styles.link}\n        >\n          {\" \"}\n          {fitAssistantLinkText}\n        </span>\n      )}\n      {sizeGuideUrl && (\n        <>\n          {\" \"}\n          {sizeGuideIntroText}\n          <SizeGuideButton\n            sizeGuideUrl={sizeGuideUrl}\n            text={sizeGuideButtonText.replace(\"%{linkEnd}\", \"\")}\n            size={SIZE_GUIDE_BUTTON_SIZE.LARGE}\n          />\n        </>\n      )}\n    </p>\n  );\n};\n\nconst checkRecommendations = ({ recommendedSize, isPartialRecommendation }) =>\n  recommendedSize === NEW_USER ||\n  (recommendedSize !== NEW_USER && isPartialRecommendation);\n\nconst showSizingHelp = ({\n  sizeGuideUrl,\n  recommendedSize,\n  isPartialRecommendation,\n}) =>\n  sizeGuideUrl ||\n  checkRecommendations({\n    recommendedSize,\n    isPartialRecommendation,\n  });\n\nconst showSizeAndFit = ({\n  sizeAndFitVisible,\n  sizeGuideUrl,\n  recommendedSize,\n  isPartialRecommendation,\n}) =>\n  sizeAndFitVisible ||\n  (sizeGuideUrl && recommendedSize !== null) ||\n  checkRecommendations({\n    recommendedSize,\n    isPartialRecommendation,\n  });\n\nexport const SizeAndFit = ({ sizeAndFitVisible, sizeAndFit }) => {\n  const { getTranslation } = useRuntimeConstants();\n  const {\n    sizeGuideUrl,\n    recommendedSize,\n    isPartialRecommendation,\n    handleFitAssistantLinkClick,\n  } = useSizing();\n\n  if (\n    !showSizeAndFit({\n      sizeAndFitVisible,\n      sizeGuideUrl,\n      recommendedSize,\n      isPartialRecommendation,\n    })\n  ) {\n    return null;\n  }\n\n  return (\n    <>\n      {sizeAndFitVisible && (\n        <div\n          className={styles.content}\n          dangerouslySetInnerHTML={{ __html: sizeAndFit }}\n        />\n      )}\n      {showSizingHelp({\n        sizeGuideUrl,\n        recommendedSize,\n        isPartialRecommendation,\n      }) && (\n        <div\n          className={styles.content}\n          data-testid=\"product-description-sizing-help\"\n        >\n          <h3>{getTranslation(\"pdp_fit_analytics_sizing_help_title\")}</h3>\n          {getSizingHelpText({\n            getTranslation,\n            recommendedSize,\n            sizeGuideUrl,\n            isPartialRecommendation,\n            handleFitAssistantLinkClick,\n          })}\n        </div>\n      )}\n    </>\n  );\n};\n\nSizeAndFit.propTypes = {\n  sizeAndFitVisible: PropTypes.bool,\n  sizeAndFit: PropTypes.string,\n};\n","import { useEffect, useState } from \"react\";\nimport { Accordion } from \"@asosteam/asos-web-component-library-accordion\";\nimport styles from \"./ProductDescription.scss\";\nimport { useRuntimeConstants } from \"../../context/runtimeConstants/RuntimeConstantsContext\";\nimport { getFeature } from \"../../utils/features\";\nimport { fireProductDetailsAccordionItemOpened } from \"../../analytics/pageInteraction\";\nimport { useFeaturesReady } from \"../../context/featuresReady/FeaturesReadyContext\";\nimport { GenericAccordionItem } from \"./GenericAccordionItem\";\nimport { ProductDetails } from \"./ProductDetails\";\nimport { AboutMe } from \"./AboutMe\";\nimport { MoreInfo } from \"./MoreInfo\";\nimport { SizeAndFit } from \"./SizeAndFit\";\n\nexport default function ProductDescription() {\n  const {\n    product: { pdpLayout, showCmaTitle },\n    productDescription,\n    getTranslation,\n  } = useRuntimeConstants();\n  const [isAccordionTrackingEnabled, setIsAccordionTrackingEnabled] =\n    useState(false);\n  const { areFeaturesReady } = useFeaturesReady();\n\n  useEffect(() => {\n    if (areFeaturesReady) {\n      setIsAccordionTrackingEnabled(\n        getFeature(\"pdp-accordion-tracking\").isEnabled()\n      );\n    }\n  }, [areFeaturesReady]);\n\n  const onItemClickHandler = (_, itemClicked, isOpen) => {\n    if (isOpen && isAccordionTrackingEnabled) {\n      const { analyticsId } = itemClicked;\n      fireProductDetailsAccordionItemOpened(analyticsId);\n    }\n  };\n\n  const getAboutMeTitleTranslationKey = () => {\n    switch (true) {\n      case pdpLayout === \"Face & Body\":\n        return \"facebody_pdp_info_howtouse\";\n      case showCmaTitle:\n        return \"pdp_description_about_me_title_cma\";\n      default:\n        return \"pdp_description_about_me_title\";\n    }\n  };\n\n  return (\n    <div className={styles.container} id=\"productDescription\">\n      <Accordion\n        items={buildAccordionItems(\n          productDescription,\n          getTranslation,\n          getAboutMeTitleTranslationKey\n        )}\n        onItemClick={onItemClickHandler}\n        headingElement=\"h2\"\n      />\n    </div>\n  );\n}\n\nfunction buildAccordionItems(\n  productDescription,\n  getTranslation,\n  getAboutMeTitleTranslationKey\n) {\n  return [\n    {\n      id: \"productDescriptionDetails\",\n      analyticsId: \"Product Details\",\n      title: getTranslation(\"pdp_description_product_details_title\"),\n      component: ProductDetails(productDescription),\n    },\n    {\n      id: \"productDescriptionBrand\",\n      analyticsId: \"Brand\",\n      title: getTranslation(\"pdp_description_brand_title\"),\n      component: GenericAccordionItem({\n        content: productDescription.brandDescription,\n        isVisible: productDescription.brandDescriptionVisible,\n      }),\n    },\n    {\n      id: \"productDescriptionSizeAndFit\",\n      analyticsId: \"Size & Fit\",\n      title: getTranslation(\"pdp_description_size_and_fit_title\"),\n      component: SizeAndFit(productDescription),\n    },\n    {\n      id: \"productDescriptionCareInfo\",\n      analyticsId: \"Care Info\",\n      title: getTranslation(\"pdp_description_care_info_title\"),\n      component: GenericAccordionItem({\n        content: productDescription.careInfo,\n        isVisible: productDescription.careInfoVisible,\n      }),\n    },\n    {\n      id: \"productDescriptionAboutMe\",\n      analyticsId: \"About Me\",\n      title: getTranslation(getAboutMeTitleTranslationKey()),\n      component: AboutMe(productDescription),\n    },\n    {\n      id: \"productDescriptionMoreInfo\",\n      analyticsId: \"More Info\",\n      title: getTranslation(\"pdp_description_more_info_title\"),\n      component: MoreInfo(productDescription),\n    },\n  ]\n    .filter((item) => !!item.component)\n    .map(({ title, id, analyticsId, component }) => ({\n      contentId: id,\n      analyticsId,\n      title,\n      content: component,\n    }));\n}\n","// extracted by mini-css-extract-plugin\nexport default {\"promoText\":\"XfX1K\",\"productPromo\":\"Iutj6\",\"hidden\":\"VXLsc\",\"promoBox\":\"MEwVh\",\"icon\":\"qgKez\",\"discountCode\":\"BMrLg\",\"visuallyHidden\":\"wmFhV\"};","import getRuntimeConstants from \"../runtimeConstants\";\nimport makeRequest from \"./makeRequest\";\nimport { POST } from \"../constants\";\nimport { getAuthorisationHeader } from \"../utils/identity\";\n\nasync function fetchPromoMessages(url, body, params) {\n  const Authorization = await getAuthorisationHeader();\n\n  return makeRequest({\n    url,\n    body,\n    params,\n    method: POST,\n    apiName: \"Promotion Messages\",\n    caller: \"Promotion Messages\",\n    headers: {\n      \"Content-Type\": \"application/json\",\n      Authorization,\n    },\n  });\n}\n\nfunction getSellers(variants) {\n  const sellers = new Set();\n  variants.forEach((variant) => {\n    if (typeof variant.seller === \"object\") {\n      sellers.add(JSON.stringify(variant.seller));\n    }\n  });\n  return Array.from(sellers).map((seller) => JSON.parse(seller));\n}\n\nfunction getProductsObj(product) {\n  const sellers = getSellers(product.variants);\n  const plpIds = product.plpIds.map((plpId) => plpId.id);\n\n  return {\n    productId: product.id,\n    isMarkedDown: product.price?.isMarkedDown,\n    isOutletPrice: product.price?.isOutletPrice,\n    plpIds,\n    sellers,\n  };\n}\n\nexport default function getPromoMessaging(product) {\n  const {\n    webContext: {\n      browseCurrency,\n      browseLanguage,\n      browseCountry,\n      storeId,\n      keyStoreDataversion,\n    },\n    promotionsMessagingApi,\n  } = getRuntimeConstants();\n\n  const body = {\n    store: storeId,\n    currency: browseCurrency,\n    lang: browseLanguage,\n    country: browseCountry,\n    products: [getProductsObj(product)],\n  };\n\n  return fetchPromoMessages(promotionsMessagingApi, body, {\n    keyStoreDataversion,\n  });\n}\n","import { useState, useEffect } from \"react\";\nimport { useVariant } from \"../../context/variant/VariantContext\";\nimport {\n  getInStockVariants,\n  doesVariantHaveSeller,\n  allVariantsHaveSeller,\n} from \"../../../utils/variantUtils\";\nimport { useRuntimeConstants } from \"../../context/runtimeConstants/RuntimeConstantsContext\";\nimport styles from \"./ProductPromo.scss\";\nimport classnamesBind from \"classnames/bind\";\nimport getPromoMessaging from \"../../api/promotionsMessagingApi\";\nimport { replaceTokensWithBoldStyling } from \"../../utils/replaceTokensInString\";\nimport { useProduct } from \"../../context/product/ProductContext\";\nimport { PRODUCT_PROMO_LIVE_STORES } from \"../../constants\";\n\nconst classnames = classnamesBind.bind(styles);\n\nconst ProductPromo = () => {\n  const { webContext } = useRuntimeConstants();\n  const { selectedVariantId, selectedVariant } = useVariant();\n  const [isSoldByPartner, setIsSoldByPartner] = useState(false);\n  const [promoMessages, setPromoMessages] = useState([]);\n  const [showNewPromoMessages, setShowNewPromoMessages] = useState(false);\n  const { product } = useProduct();\n\n  const getPromoMessage = () => {\n    let seller;\n    if (allVariantsHaveSeller(product.variants)) {\n      seller = product.variants[0].seller;\n    } else {\n      seller = selectedVariant ? selectedVariant.seller : null;\n    }\n\n    return promoMessages?.find((message) => message.seller?.id === seller?.id);\n  };\n\n  //This will replace the return method when optimizely is no longer used.\n  //Leaving as a small child component here until then\n  const PromoBox = () => {\n    if (!promoMessages.length || !product) {\n      return null;\n    }\n\n    const promoMessage = getPromoMessage();\n\n    if (!promoMessage) {\n      return null;\n    }\n\n    const message = replaceTokensWithBoldStyling(\n      promoMessage.displayMessage,\n      {\n        discountCode: promoMessage.discountCode,\n      },\n      styles.discountCode\n    );\n\n    return (\n      <div\n        className={styles.promoBox}\n        data-testid=\"promo-message-box\"\n        aria-live=\"polite\"\n      >\n        <div className={styles.icon}>\n          <div className=\"product-price-tag\" />\n        </div>\n        <p\n          className={styles.promoText}\n          aria-hidden\n          dangerouslySetInnerHTML={{\n            __html: message,\n          }}\n        />\n        <p className={styles.visuallyHidden}>{promoMessage.readerMessage}</p>\n      </div>\n    );\n  };\n\n  useEffect(() => {\n    setShowNewPromoMessages(\n      PRODUCT_PROMO_LIVE_STORES.includes(webContext?.storeId)\n    );\n  }, [webContext]);\n\n  useEffect(() => {\n    async function storePromoMessages() {\n      const result = await getPromoMessaging(product);\n      if (!result?.productMessages?.length) {\n        setShowNewPromoMessages(false);\n      }\n\n      if (result?.productMessages) {\n        setPromoMessages(result.productMessages);\n      }\n    }\n\n    if (showNewPromoMessages && !promoMessages.length && product) {\n      storePromoMessages();\n    }\n  }, [product, promoMessages, showNewPromoMessages]);\n\n  useEffect(() => {\n    if (product) {\n      const inStockVariants = getInStockVariants(product.variants);\n      const doAllVariantsHaveSeller = allVariantsHaveSeller(inStockVariants);\n\n      setIsSoldByPartner(\n        (doAllVariantsHaveSeller ||\n          doesVariantHaveSeller(inStockVariants, selectedVariantId)) &&\n          inStockVariants.length\n      );\n    }\n  }, [product, selectedVariantId]);\n\n  return (\n    <>\n      {showNewPromoMessages ? (\n        <PromoBox />\n      ) : (\n        <>\n          <div\n            id=\"product-promo\"\n            data-testid=\"product-promo\"\n            className={classnames(styles.productPromo, {\n              hidden: isSoldByPartner,\n            })}\n          />\n          <div\n            id=\"product-promo-default\"\n            data-testid=\"product-promo-default\"\n            className={classnames(styles.productPromo, {\n              hidden: !isSoldByPartner,\n            })}\n          />\n        </>\n      )}\n    </>\n  );\n};\n\nexport default ProductPromo;\n","export const replaceTokensWithBoldStyling = (text, replacements, styling) =>\n  Object.keys(replacements).reduce((accumulator, currentKey) => {\n    const nextString = accumulator.replace(\n      new RegExp(`{${currentKey}}`, \"g\"),\n      `<strong ${styling ? `class=${styling}` : \"\"}>${\n        replacements[currentKey]\n      }</strong>`\n    );\n    return nextString;\n  }, text);\n\nexport const replaceTokens = (text, replacements) =>\n  Object.keys(replacements).reduce((accumulator, currentKey) => {\n    const nextString = accumulator.replace(\n      new RegExp(`{${currentKey}}`, \"g\"),\n      replacements[currentKey]\n    );\n    return nextString;\n  }, text);\n","// extracted by mini-css-extract-plugin\nexport default {\"ratingBar\":\"LDIS_\",\"ratingProgress\":\"qKPxB\",\"ratingsLabels\":\"ZpsiA\",\"ratingsLabelMid\":\"GHAyt\",\"ratingsLabelMax\":\"IHWfv\"};","const ariaTranslations = {\n  2: [\n    {\n      minValue: 0,\n      maxValue: 33,\n      labelKey: \"pdp_ratings_reviews_accessibility_slider_0_25_description\",\n    },\n    {\n      minValue: 34,\n      maxValue: 65,\n      labelKey: \"pdp_ratings_reviews_accessibility_slider_25_35_description\",\n    },\n    {\n      minValue: 66,\n      maxValue: 100,\n      labelKey: \"pdp_ratings_reviews_accessibility_slider_75_100_description\",\n    },\n  ],\n  3: [\n    {\n      minValue: 0,\n      maxValue: 24,\n      labelKey: \"pdp_ratings_reviews_accessibility_slider_0_25_description\",\n    },\n    {\n      minValue: 25,\n      maxValue: 34,\n      labelKey: \"pdp_ratings_reviews_accessibility_slider_25_35_description\",\n    },\n    {\n      minValue: 35,\n      maxValue: 65,\n      labelKey: \"pdp_ratings_reviews_accessibility_slider_35_65_description\",\n    },\n    {\n      minValue: 66,\n      maxValue: 75,\n      labelKey: \"pdp_ratings_reviews_accessibility_slider_65_75_description\",\n    },\n    {\n      minValue: 76,\n      maxValue: 100,\n      labelKey: \"pdp_ratings_reviews_accessibility_slider_75_100_description\",\n    },\n  ],\n};\n\nfunction getNumberOfLabels({ minLabel, midLabel, maxLabel }) {\n  return [minLabel, midLabel, maxLabel].filter((label) => label).length;\n}\n\nfunction getAriaLabelForTwoLabels(\n  getTranslation,\n  { label, minLabel, maxLabel, percentage }\n) {\n  const midLabel = maxLabel;\n  const { labelKey } = ariaTranslations[2].find(({ minValue, maxValue }) => {\n    return percentage >= minValue && percentage <= maxValue;\n  });\n  return getTranslation(labelKey, {\n    secondaryRatingAverage: label,\n    minLabel,\n    midLabel,\n    maxLabel,\n  });\n}\n\nfunction getAriaLabelForThreeLabels(\n  getTranslation,\n  { label, minLabel, midLabel, maxLabel, percentage }\n) {\n  const { labelKey } = ariaTranslations[3].find(({ minValue, maxValue }) => {\n    return percentage >= minValue && percentage <= maxValue;\n  });\n  return getTranslation(labelKey, {\n    secondaryRatingAverage: label,\n    minLabel,\n    midLabel,\n    maxLabel,\n  });\n}\n\nexport function getAriaLabel(\n  getTranslation,\n  { label, minLabel, midLabel, maxLabel, percentage }\n) {\n  const numberOfLabels = getNumberOfLabels({ minLabel, midLabel, maxLabel });\n\n  if (numberOfLabels === 3) {\n    return getAriaLabelForThreeLabels(getTranslation, {\n      label,\n      minLabel,\n      midLabel,\n      maxLabel,\n      percentage,\n    });\n  } else if (numberOfLabels === 2) {\n    return getAriaLabelForTwoLabels(getTranslation, {\n      label,\n      minLabel,\n      maxLabel,\n      percentage,\n    });\n  }\n}\n","import styles from \"./RatingBar.scss\";\nimport PropTypes from \"prop-types\";\nimport { getAriaLabel } from \"../../utils/ratingsAriaLabels\";\nimport { useRuntimeConstants } from \"../../context/runtimeConstants/RuntimeConstantsContext\";\n\nconst RatingBar = ({ percentage, minLabel, midLabel, maxLabel, label }) => {\n  const { getTranslation } = useRuntimeConstants();\n  return (\n    <div\n      aria-label={getAriaLabel(getTranslation, {\n        label,\n        minLabel,\n        midLabel,\n        maxLabel,\n        percentage,\n      })}\n      role=\"img\"\n    >\n      <div\n        className={styles.ratingBar}\n        data-testid=\"ratingBar\"\n        aria-hidden={true}\n      >\n        <div\n          className={styles.ratingProgress}\n          style={{ left: `${percentage}%` }}\n        />\n      </div>\n      <div\n        className={styles.ratingsLabels}\n        data-testid=\"ratingLabels\"\n        aria-hidden={true}\n      >\n        <div>{minLabel}</div>\n        {midLabel && <div className={styles.ratingsLabelMid}>{midLabel}</div>}\n        <div className={styles.ratingsLabelMax}>{maxLabel}</div>\n      </div>\n    </div>\n  );\n};\n\nexport default RatingBar;\n\nRatingBar.propTypes = {\n  percentage: PropTypes.number.isRequired,\n  label: PropTypes.string.isRequired,\n  minLabel: PropTypes.string.isRequired,\n  midLabel: PropTypes.string,\n  maxLabel: PropTypes.string.isRequired,\n};\n","// extracted by mini-css-extract-plugin\nexport default {\"releaseDateBanner\":\"_Pf4u\",\"access-view\":\"SGlNU\",\"access-purchase\":\"H_t8G\",\"date\":\"EzDi5\"};","import classnamesBind from \"classnames/bind\";\nimport { useRuntimeConstants } from \"../../context/runtimeConstants/RuntimeConstantsContext\";\nimport { useTranslatedText } from \"./useTranslatedText\";\nimport { getCustomerLoyaltyAccess } from \"../../utils/getCustomerLoyaltyAccess\";\nimport styles from \"./ReleaseDateBanner.scss\";\n\nconst classnames = classnamesBind.bind(styles);\n\nconst ReleaseDateBanner = () => {\n  const { getTranslation, product } = useRuntimeConstants();\n  const { customerAccess, endDate } = getCustomerLoyaltyAccess(product);\n\n  const textToRender = useTranslatedText(\n    getTranslation,\n    customerAccess,\n    endDate\n  );\n\n  if (!textToRender) {\n    return null;\n  }\n\n  const accessClass = customerAccess ? `access-${customerAccess}` : \"\";\n\n  return (\n    <div className={classnames(styles.releaseDateBanner, styles[accessClass])}>\n      {textToRender.releaseBannerTranslation}:{\" \"}\n      <span className={styles.date}>{textToRender.formattedEndDate}</span>\n    </div>\n  );\n};\n\nexport default ReleaseDateBanner;\n","import { useMemo } from \"react\";\nimport { formatDateForLoyalty } from \"../../utils/formatDateForLoyalty\";\nimport { CUSTOMER_ACCESS_PURCHASE } from \"../../constants\";\n\nexport const useTranslatedText = (getTranslation, customerAccess, endDate) => {\n  return useMemo(() => {\n    if (!customerAccess || customerAccess !== CUSTOMER_ACCESS_PURCHASE) {\n      return \"\";\n    }\n\n    const releaseBannerTranslation = getTranslation(\n      \"plp_banner_header_early_access\"\n    );\n\n    if (releaseBannerTranslation) {\n      const formattedEndDate = endDate ? formatDateForLoyalty(endDate) : \"\";\n      return {\n        releaseBannerTranslation,\n        formattedEndDate,\n      };\n    }\n\n    return \"\";\n  }, [getTranslation, customerAccess, endDate]);\n};\n","// extracted by mini-css-extract-plugin\nexport default {\"repeatedTextBanner\":\"Twb_r\",\"partOfProductGallery\":\"ZhPCM\",\"access-view\":\"eHsYo\",\"access-purchase\":\"_DUBc\",\"bannerText\":\"ZWooV\"};","import { useRef } from \"react\";\nimport PropTypes from \"prop-types\";\nimport classnamesBind from \"classnames/bind\";\nimport { useRuntimeConstants } from \"../../context/runtimeConstants/RuntimeConstantsContext\";\nimport { getTranslatedText } from \"./getTranslatedText\";\nimport { getCustomerLoyaltyAccess } from \"../../utils/getCustomerLoyaltyAccess\";\nimport { BULLET_SYMBOL } from \"../../constants\";\nimport styles from \"./RepeatedTextBanner.scss\";\n\nconst classnames = classnamesBind.bind(styles);\n\nconst RepeatedTextBanner = ({ className }) => {\n  const bannerRef = useRef(null);\n  const textRef = useRef(null);\n  const { getTranslation, product } = useRuntimeConstants();\n  const { customerAccess } = getCustomerLoyaltyAccess(product);\n  const textToRender = getTranslatedText(getTranslation, customerAccess);\n  const repetitions = 10;\n\n  if (!textToRender) {\n    return null;\n  }\n\n  const repeatedText = `${textToRender}${BULLET_SYMBOL}`;\n\n  const accessClass = customerAccess ? `access-${customerAccess}` : \"\";\n\n  return (\n    <div\n      ref={bannerRef}\n      className={classnames(\n        styles.repeatedTextBanner,\n        styles[accessClass],\n        className\n      )}\n    >\n      <span ref={textRef} className={styles.bannerText}>\n        {repeatedText.repeat(repetitions)}\n      </span>\n    </div>\n  );\n};\n\nRepeatedTextBanner.propTypes = {\n  className: PropTypes.string,\n};\n\nexport default RepeatedTextBanner;\n","export const getTranslatedText = (getTranslation, customerAccess) => {\n  const translationMap = {\n    view: getTranslation(\"coming_soon_label\"),\n    purchase: getTranslation(\"early_access_label\"),\n  };\n\n  return translationMap[customerAccess] || \"\";\n};\n","// extracted by mini-css-extract-plugin\nexport default {\"link\":\"ZAwAR\",\"container\":\"JxXi1\",\"icon\":\"_ZO5O\"};","import styles from \"./ReportProductLink.scss\";\nimport classnamesBind from \"classnames/bind\";\nimport { useRuntimeConstants } from \"../../context/runtimeConstants/RuntimeConstantsContext\";\nimport { REPORT_LEGAL_CONCERN_LINK_PATH } from \"../../constants\";\n\nconst classnames = classnamesBind.bind(styles);\n\nconst buildLink = ({ product }) => {\n  const queryParams = new URLSearchParams({\n    productCode: product?.productCode,\n    productTitle: product?.name,\n  });\n\n  return `${REPORT_LEGAL_CONCERN_LINK_PATH}?${queryParams}`;\n};\n\nconst ReportProductLink = () => {\n  const {\n    getTranslation,\n    product,\n    digitalServicesAct: { isDsaEnabledCountry },\n  } = useRuntimeConstants();\n\n  if (!isDsaEnabledCountry) {\n    return null;\n  }\n\n  return (\n    <div className={styles.container} data-testid=\"report-concern-link\">\n      <a\n        className={styles.link}\n        href={buildLink({ product })}\n        target=\"_blank\"\n        aria-label={`${getTranslation(\n          \"pdp_digital_services_act_link\"\n        )}. ${getTranslation(\"generic_opens_new_window\")}`}\n        rel=\"noreferrer\"\n      >\n        {getTranslation(\"pdp_digital_services_act_link\")}\n        <span\n          data-testid=\"newWindowIcon\"\n          className={classnames(styles.icon, \"product-new-page-small\")}\n        />\n      </a>\n    </div>\n  );\n};\n\nexport default ReportProductLink;\n","import React from \"react\";\nimport styles from \"./RestockingSoonBanner.scss\";\nimport { useRuntimeConstants } from \"../../context/runtimeConstants/RuntimeConstantsContext\";\nimport { useProduct } from \"../../context/product/ProductContext\";\n\nconst RestockingSoonBanner = () => {\n  const { getTranslation } = useRuntimeConstants();\n  const { product } = useProduct();\n\n  if (!product) {\n    return null;\n  }\n\n  const { shouldShowRestockingSoon, restockingLeadTimeWeeks } =\n    product.restockingSoonDetails;\n\n  if (!shouldShowRestockingSoon) {\n    return null;\n  }\n\n  return (\n    <div className={styles.container}>\n      <p className={styles.title}>\n        {getTranslation(\"back_in_stock_soon_message_title\")}\n      </p>\n      <p className={styles.bodyText}>\n        {getTranslation(\"back_in_stock_soon_message_description\", {\n          smart_count: restockingLeadTimeWeeks,\n          restockingLeadTimeWeeks,\n        })}\n      </p>\n    </div>\n  );\n};\n\nexport default RestockingSoonBanner;\n","// extracted by mini-css-extract-plugin\nexport default {\"container\":\"kg73l\",\"title\":\"fydSU\",\"ringGrow\":\"RJ9i4\",\"bodyText\":\"DMbT3\"};","// extracted by mini-css-extract-plugin\nexport default {\"variantSelectorSkeleton\":\"CoDk_\",\"addToBagSkeleton\":\"Impwc\",\"saveForLaterSkeleton\":\"Zkbmc\",\"loading\":\"wylP2\",\"actionsSkeleton\":\"ataVP\",\"container\":\"QkQ6k\"};","import { useStockPrice } from \"../../context/stockPrice/StockPriceContext\";\nimport styles from \"./SkeletonPrimaryActions.scss\";\n\nexport default function SkeletonPrimaryActions() {\n  const { products, shouldRetry } = useStockPrice();\n\n  if (products || shouldRetry) {\n    return null;\n  }\n\n  return (\n    <div className={styles.container}>\n      <div className={styles.variantSelectorSkeleton} />\n      <div className={styles.actionsSkeleton}>\n        <div className={styles.addToBagSkeleton} />\n        <div className={styles.saveForLaterSkeleton} />\n      </div>\n    </div>\n  );\n}\n","// extracted by mini-css-extract-plugin\nexport default {\"frame\":\"TP1RV\",\"hidden\":\"GqPdP\"};","import { useState, useRef, useCallback, useEffect } from \"react\";\nimport PropTypes from \"prop-types\";\nimport styles from \"./IngredientsModal.scss\";\nimport Modal from \"../modal/Modal\";\nimport ErrorPage from \"../errorPage/ErrorPage\";\nimport { MODAL_TYPE } from \"../../constants\";\nimport { connect } from \"@asos-web-messaging-bridge/bridge-web\";\nimport { logError, ERROR_TYPE } from \"../../utils/newRelicLogger\";\nimport classnamesBind from \"classnames/bind\";\nimport { useRuntimeConstants } from \"../../context/runtimeConstants/RuntimeConstantsContext\";\nimport { useStockPrice } from \"../../context/stockPrice/StockPriceContext\";\nimport { useVariant } from \"../../context/variant/VariantContext\";\n\nconst classnames = classnamesBind.bind(styles);\n\nconst IngredientsModal = ({ open, focusOnClose, close }) => {\n  const { ingredientsPageUrl, ingredientsModalTimeout, webContext } =\n    useRuntimeConstants();\n  const { products } = useStockPrice();\n\n  const [connectedToFrame, setConnectedToFrame] = useState(false);\n  const [showError, setShowError] = useState(false);\n  const { selectedVariant } = useVariant();\n  const bridgeConnection = useRef(null);\n  const timeoutRef = useRef(null);\n\n  const requestUrl = `${ingredientsPageUrl}?lang=${webContext.browseLanguage}`;\n  const modalId = \"ingredientsModal\";\n\n  const colourVariantMapper = useCallback(() => {\n    const inStockVariantsWithIngredients = [];\n\n    products?.variants?.forEach((variant) => {\n      if (variant.isInStock && variant.hasIngredients) {\n        const { ean, sku } = variant;\n        const isSelected = variant.colour === selectedVariant?.colour;\n\n        inStockVariantsWithIngredients.push({\n          id: ean || sku,\n          type: ean ? \"ean\" : \"sku\",\n          name: variant.colour,\n          isSelected,\n        });\n      }\n    });\n    return inStockVariantsWithIngredients;\n  }, [products, selectedVariant]);\n\n  useEffect(() => {\n    return () => {\n      disconnect();\n    };\n  }, []);\n\n  const disconnect = () => {\n    clearTimeout(timeoutRef.current);\n    bridgeConnection.current?.disconnect();\n  };\n\n  const closeModal = () => {\n    setShowError(false);\n    setConnectedToFrame(false);\n    disconnect();\n    close();\n  };\n\n  const afterRender = useCallback(\n    (iframeElement) => {\n      let bridgeWebConnection;\n\n      if (open && iframeElement) {\n        new Promise((resolve, reject) => {\n          timeoutRef.current = setTimeout(() => {\n            reject(\n              `Skin Match page request timed out after ${ingredientsModalTimeout} ms`\n            );\n          }, ingredientsModalTimeout);\n\n          connect(iframeElement, requestUrl, (message, connection) => {\n            clearTimeout(timeoutRef.current);\n            resolve(connection);\n          });\n        })\n          .then((connection) => {\n            bridgeConnection.current = connection;\n            bridgeWebConnection = connection;\n            return connection;\n          })\n          .then(async (iFrameConnection) => {\n            const availableColours = await colourVariantMapper();\n\n            if (!iFrameConnection) {\n              return null;\n            }\n\n            setConnectedToFrame(true);\n            iFrameConnection.send(availableColours);\n          })\n          .catch((error) => {\n            setShowError(true);\n\n            logError(ERROR_TYPE.UserActionFailed, {\n              caller: \"IngredientsModal\",\n              action: \"IngredientsModalTimeout\",\n              requestUrl: requestUrl,\n              message: error,\n            });\n          });\n      }\n\n      if (!iframeElement) {\n        clearTimeout(timeoutRef.current);\n        bridgeWebConnection?.disconnect();\n      }\n    },\n    [open, requestUrl, ingredientsModalTimeout]\n  );\n\n  return (\n    <Modal\n      open={open}\n      contentLoaded={connectedToFrame || showError}\n      modalId={modalId}\n      focusOnClose={focusOnClose}\n      closeModal={closeModal}\n      modalType={MODAL_TYPE.SIDE}\n      withScrollBar={false}\n      forceDOMRewrite={true}\n      useFocusTrapCatchAll={true}\n      withDarkThemeSupport={!showError}\n    >\n      {showError ? (\n        <ErrorPage />\n      ) : (\n        <iframe\n          className={classnames(styles.frame, {\n            hidden: !connectedToFrame,\n          })}\n          title=\"Ingredients content\"\n          ref={afterRender}\n          aria-hidden={!connectedToFrame}\n        ></iframe>\n      )}\n    </Modal>\n  );\n};\n\nexport default IngredientsModal;\n\nIngredientsModal.propTypes = {\n  open: PropTypes.bool.isRequired,\n  focusOnClose: PropTypes.node,\n  close: PropTypes.func.isRequired,\n};\n","import PropTypes from \"prop-types\";\nimport styles from \"./IngredientsButton.scss\";\nimport { fireIngredientsButtonClickAnalytics } from \"../../analytics/pageInteraction\";\nimport { useRuntimeConstants } from \"../../context/runtimeConstants/RuntimeConstantsContext\";\n\nconst IngredientsButton = ({ onClick }) => {\n  const { getTranslation } = useRuntimeConstants();\n\n  const handleClick = (event) => {\n    onClick(event);\n    fireIngredientsButtonClickAnalytics();\n  };\n\n  return (\n    <button\n      className={styles.ingredientsButton}\n      onClick={handleClick}\n      data-testid=\"ingredients-button\"\n    >\n      <span className=\"product-ingredients-icon\" />\n      <span>{getTranslation(\"pdp_description_ingredients_title\")}</span>\n    </button>\n  );\n};\n\nexport default IngredientsButton;\n\nIngredientsButton.propTypes = {\n  onClick: PropTypes.func.isRequired,\n};\n","// extracted by mini-css-extract-plugin\nexport default {\"ingredientsButton\":\"DMTP1\"};","import { useState } from \"react\";\nimport IngredientsModal from \"../../components/ingredientsModal/IngredientsModal\";\nimport IngredientsButton from \"../../components/ingredientsButton/IngredientsButton\";\nimport { useRuntimeConstants } from \"../../context/runtimeConstants/RuntimeConstantsContext\";\nimport { useIsInStockContext } from \"../../context/isInStock/IsInStockContext\";\n\nexport default function IngredientsContainer() {\n  const { product } = useRuntimeConstants();\n  const [openIngredients, setOpenIngredients] = useState(false);\n  const { isInStock } = useIsInStockContext();\n  const [ingredientsButtonFocusTarget, setIngredientsButtonFocusTarget] =\n    useState(null);\n\n  const renderIngredientsButton = () =>\n    product.hasVariantsWithIngredients &&\n    isInStock && (\n      <IngredientsButton\n        onClick={(event) => {\n          setOpenIngredients(true);\n          setIngredientsButtonFocusTarget(event.target);\n        }}\n      />\n    );\n\n  return (\n    <>\n      {renderIngredientsButton()}\n      <IngredientsModal\n        open={openIngredients}\n        focusOnClose={ingredientsButtonFocusTarget}\n        close={() => {\n          setOpenIngredients(false);\n        }}\n      />\n    </>\n  );\n}\n","import { useEffect, useState } from \"react\";\nimport PropTypes from \"prop-types\";\n\nexport default function ClientOnly({ children }) {\n  const [isClientPostRender, setIsClientPostRender] = useState(false);\n\n  useEffect(() => {\n    setIsClientPostRender(true);\n  }, []);\n\n  return isClientPostRender ? <>{children}</> : null;\n}\n\nClientOnly.propTypes = {\n  children: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.node),\n    PropTypes.node,\n  ]).isRequired,\n};\n","import ReactDOM from \"react-dom\";\nimport loadable from \"@loadable/component\";\nimport getWindow from \"../utils/window\";\nimport ErrorBoundary from \"../components/errorBoundary/ErrorBoundary\";\nimport PriceData from \"../components/priceData/PriceData\";\nimport ProductName from \"../components/productName/ProductName\";\nimport ClientOnly from \"../containers/clientOnly/ClientOnly\";\nimport OutOfStockLabel from \"../components/outOfStockLabels/OutOfStockLabel\";\nimport { ProductContextProvider } from \"../context/product/ProductContext\";\nimport { VariantContextProvider } from \"../context/variant/VariantContext\";\nimport ProductColourContainer from \"../components/productColourContainer/ProductColourContainer\";\nimport ProductPromo from \"../components/productPromo/ProductPromo\";\nimport ReleaseDateBanner from \"../components/releaseDateBanner/ReleaseDateBanner\";\nimport RepeatedTextBanner from \"../components/repeatedTextBanner/RepeatedTextBanner\";\nimport AsosWorldBox from \"../components/asosWorldBox/AsosWorldBox\";\nimport ProductSize from \"../components/productSize/ProductSize\";\nimport Rating from \"../components/ratingComponents/rating/Rating\";\nimport { PRODUCT_COLOUR_POSITIONS } from \"../constants\";\nimport ProductCode from \"../components/productCode/ProductCode\";\nimport CustomerFitRating from \"../components/customerFitRating/CustomerFitRating\";\nimport VariantSelectionContainer from \"../containers/variantSelection/VariantSelectionContainer\";\nimport { SizingContextProvider } from \"../context/sizing/SizingContext\";\nimport DeliveryAndReturnsContainer from \"../containers/deliveryAndReturnsContainer/DeliveryAndReturnsContainer\";\nimport IfInStock from \"../components/conditional/IfInStock\";\nimport StockPriceRetry from \"../components/stockPriceRetry/StockPriceRetry\";\nimport LiveRegion from \"../components/liveRegion/LiveRegion\";\nimport ProductDescription from \"../components/productDescription/ProductDescription\";\nimport IngredientsContainer from \"../containers/IngredientsContainer/IngredientsContainer\";\nimport SkeletonPrimaryActions from \"../components/skeletonPrimaryActions/SkeletonPrimaryActions\";\nimport { useStockPrice } from \"../context/stockPrice/StockPriceContext\";\nimport { useRuntimeConstants } from \"../context/runtimeConstants/RuntimeConstantsContext\";\nimport { useIsInStockContext } from \"../context/isInStock/IsInStockContext\";\nimport IfStockStateReady from \"../components/conditional/IfStockStateReady\";\nimport ShowOnProductStockStatus from \"../components/conditional/ShowOnProductStockStatus\";\nimport {\n  fireAddToBagAnalytics,\n  fireAddToBagErrorAnalytics,\n} from \"../analytics/addToBag\";\nimport { fireAddToBagMarketing } from \"../utils/marketingTracking/marketingTrackingEvents\";\nimport fireNotifyMeClickAnalytics from \"../analytics/backInStock\";\nimport { fireSourcingLocationAnalytics } from \"../analytics/sourcingLocation\";\nimport Spacing, { SPACING } from \"../components/spacing/Spacing\";\nimport ReportProductLink from \"../components/reportProductLink/ReportProductLink\";\nimport RestockingSoonBanner from \"../components/restockingSoonBanner/RestockingSoonBanner\";\nimport styles from \"./SingleProductPage.scss\";\n\nconst OutOfStockHero = loadable(\n  () => import(/* webpackChunkName: \"deferred\" */ \"../LoadableComponents\"),\n  {\n    ssr: false,\n    resolveComponent: ({ OutOfStockHero }) => OutOfStockHero,\n  }\n);\n\nconst App = loadable(\n  () => import(/* webpackChunkName: \"deferred\" */ \"../LoadableComponents\"),\n  {\n    ssr: false,\n    resolveComponent: ({ App }) => App,\n  }\n);\n\nconst SocialShare = loadable(\n  () => import(/* webpackChunkName: \"deferred\" */ \"../LoadableComponents\"),\n  {\n    ssr: false,\n    resolveComponent: ({ SocialShare }) => SocialShare,\n  }\n);\n\nexport default function SingleProductPage() {\n  const { products } = useStockPrice();\n  const { product } = useRuntimeConstants();\n  const { isInStock } = useIsInStockContext();\n\n  const mainProducts = products ? [products] : [];\n\n  return (\n    <>\n      <ProductContextProvider products={mainProducts} productId={product.id}>\n        <VariantContextProvider\n          fireSourcingLocationAnalytics={fireSourcingLocationAnalytics}\n        >\n          {getWindow()\n            ? ReactDOM.createPortal(\n                <OutOfStockHero />,\n                getWindow().document.getElementById(\"pdp-oos-hero\")\n              )\n            : null}\n          <LiveRegion />\n          <ClientOnly>\n            <ProductColourContainer position={PRODUCT_COLOUR_POSITIONS.TOP} />\n          </ClientOnly>\n          <RepeatedTextBanner />\n          <div className={styles.titleContainer}>\n            <Spacing size={SPACING.TWELVE} excludeFirst={true}>\n              <ShowOnProductStockStatus productStockStatus={false}>\n                <OutOfStockLabel />\n              </ShowOnProductStockStatus>\n              <ProductName />\n            </Spacing>\n            <SocialShare />\n          </div>\n          <Spacing size={SPACING.TWELVE}>\n            <StockPriceRetry />\n            <PriceData />\n            <SkeletonPrimaryActions />\n            <Rating isInStock={isInStock} />\n          </Spacing>\n          <Spacing size={SPACING.SIXTEEN}>\n            <RestockingSoonBanner />\n          </Spacing>\n          <Spacing size={SPACING.TWENTY}>\n            <ProductPromo />\n            <ReleaseDateBanner />\n            <ClientOnly>\n              <ProductColourContainer\n                position={PRODUCT_COLOUR_POSITIONS.MIDDLE}\n              />\n              <IfInStock>\n                <CustomerFitRating />\n              </IfInStock>\n            </ClientOnly>\n            <AsosWorldBox />\n            <SizingContextProvider>\n              <IfInStock>\n                <ProductSize />\n              </IfInStock>\n              {!product?.isDiscontinued ? (\n                <IfStockStateReady>\n                  <VariantSelectionContainer\n                    isInStock={isInStock}\n                    shouldShowSave={true}\n                    fireAddToBagAnalytics={fireAddToBagAnalytics}\n                    fireAddToBagErrorAnalytics={fireAddToBagErrorAnalytics}\n                    fireAddToBagMarketing={fireAddToBagMarketing}\n                    fireNotifyMeClickAnalytics={fireNotifyMeClickAnalytics}\n                    isLooksProduct={false}\n                  />\n                </IfStockStateReady>\n              ) : null}\n              <IfInStock>\n                <DeliveryAndReturnsContainer />\n              </IfInStock>\n              <ProductDescription />\n            </SizingContextProvider>\n          </Spacing>\n          <IngredientsContainer />\n          <ProductCode />\n          <ReportProductLink />\n        </VariantContextProvider>\n      </ProductContextProvider>\n\n      {getWindow()\n        ? ReactDOM.createPortal(\n            <ErrorBoundary>\n              <App />\n            </ErrorBoundary>,\n            getWindow().document.getElementById(\"pdp-react-app\")\n          )\n        : null}\n    </>\n  );\n}\n","export const formatDateForLoyalty = (isoDateString) => {\n  const date = new Date(isoDateString);\n\n  const dayName = new Intl.DateTimeFormat(\"en-GB\", { weekday: \"short\" })\n    .format(date)\n    .toUpperCase();\n  const day = date.getDate().toString().padStart(2, \"0\");\n  const monthName = new Intl.DateTimeFormat(\"en-GB\", { month: \"short\" })\n    .format(date)\n    .toUpperCase();\n  const time = new Intl.DateTimeFormat(\"en-GB\", {\n    hour: \"2-digit\",\n    minute: \"2-digit\",\n    hour12: false,\n    timeZoneName: \"short\",\n  })\n    .format(date)\n    .split(\" \");\n\n  return `${dayName} ${day} ${monthName}, ${time[0]}`;\n};\n","export const getSubRatingIcon = (id) => {\n  const knownId = {\n    Comfort: \"product-rating-comfort\",\n    Comfort_1: \"product-rating-comfort\",\n    Fit: \"product-rating-fit\",\n    Fit_22: \"product-rating-fit\",\n    Size: \"product-rating-fit\",\n    Quality: \"product-rating-quality\",\n    Quality_1: \"product-rating-quality\",\n    Value: \"product-rating-value\",\n    Value_1: \"product-rating-value\",\n  }[id];\n\n  return knownId ? knownId : \"product-rating-fallback\";\n};\n","// extracted by mini-css-extract-plugin\nexport default {\"titleContainer\":\"aK0eQ\"};"],"names":["AsosWorldBox","getTranslation","product","useRuntimeConstants","customerAccess","endDate","getCustomerLoyaltyAccess","CUSTOMER_ACCESS_VIEW","_jsxs","className","children","_jsx","formatDateForLoyalty","IfInStock","_ref","isStockStateReady","isInStock","useIsInStockContext","_Fragment","propTypes","PropTypes","isRequired","IfStockStateReady","classnames","classnamesBind","styles","subRatingMatcher","subRating","id","CustomerFitRating","subRatingFitInfo","setSubRatingFitInfo","useState","areFeaturesReady","useFeaturesReady","ratings","useEffect","_ratings$subRatings","_ratings$subRatings2","subRatings","some","isSubratedProduct","getFeature","isEnabled","find","heading","Fit","Size","arguments","length","undefined","translateTitleForSubRatingId","fitInfoContainer","fitInfoLabel","icon","getSubRatingIcon","fitInfoBar","RatingBar","label","minLabel","maxLabel","percentage","ErrorPage","text","main","errorMessage","alt","face","src","paragraph","getPriceForNoSelection","lowestPriceVariantsInStock","doesNextVariantPriceHaveMoreExpensivePrice","currentVariantPrice","nextVariantPrice","priceProp","_currentVariantPrice$","currentPrice","value","nextPrice","reduce","_ref5","price","doesNextVariantPriceHaveMoreExpensiveRrp","isOutletPrice","doesNextVariantPriceHaveMoreExpensivePreviousPrice","_ref4","isMarkedDown","priceIsNotMarkedDownOrOutlet","PriceData","_priceData$current","products","shouldRetry","useStockPrice","selectedVariantId","useVariant","priceData","showFromLabel","useMemo","_product$variants","variants","selectedVariantPrice","_ref3","_variants$find","variant","variantId","getPriceForSelectedVariant","inStockVariants","filter","_ref2","lowestPriceInStockVariants","lowestCurrentPriceVariants","index","lowestPrice","current","push","useVariantPrice","setComponentPerformance","metric","setDiscountOnPrice","PrimaryPrice","testId","firePricingModalOpen","setPricingIconLoad","PaymentPromo","priceValue","skeleton","ProductCode","productCode","isSelected","type","hasFocus","handleTileFocus","focused","tile","selected","onMouseEnter","onMouseLeave","onFocus","onBlur","productFacet","isCarousel","productId","brandName","imageUrl","name","description","getImage","oosOverlay","oosOverlayLine","getImageSource","formatUrl","smallImage","largeImage","createAriaLabel","SelectableTile","toggleOn","isFocused","role","facetThumbnailLink","facetThumbnailLinkDisabled","href","getProductUrl","SideScrollCarousel","forwardRef","ref","displayName","facet","colourLabel","carouselRef","useRef","useLayoutEffect","targetIndex","findIndex","facetProduct","targetPosition","getBoundingClientRect","offset","right","left","scrollLeft","ProductColour","PRODUCT_COLOUR_TYPES","WITHIN_CAROUSEL_FACETS","map","FacetThumbnail","facetGroupId","handleColourLabel","_product$facetGroup","position","colours","setColours","oosVariantsAreSelectable","viewportCategory","useViewport","setColourLabel","facetGroups","facetGroup","facets","getFacetGroupType","stockedVariants","getInStockVariants","productIsInStock","coloursList","getColours","shouldShowFacetCarousel","FacetCarousel","shouldShowFacetPalette","FacetPalette","shouldShowProductColour","GenericAccordionItem","isVisible","content","dangerouslySetInnerHTML","__html","ProductDetails","productDescriptionVisible","productDescription","Hr","hr","SustainabilityInfoSection","_SUSTAINABILITY_INFO_","browseLanguage","titleKey","countryInformation","SUSTAINABILITY_INFO_CONFIG","information","toLowerCase","includedInformation","includes","SustainabilityInfo","colourWayId","onInfoReceived","setInformation","error","setError","onError","async","makeRequest","url","timeout","LEGISLATION_API_TIMEOUT","mapData","response","legislationData","handleErrorReturnValue","Error","getVariantSustainabilityData","then","sustainabilityInformation","catch","container","buildSustainabilitySections","lastUpdatedDate","Date","toLocaleDateString","language","mapSustainabilityData","data","images","attributeName","attributeValue","attributeValues","Array","isArray","_ref6","join","_ref7","packaging","logoUrls","AboutMe","aboutMeVisible","aboutMe","sustainabilityInfo","webContext","buttonRef","modalOpen","setModalOpen","shouldRenderSustainabilityInfo","setShouldRenderSustainabilityInfo","shouldShowSustainabilityInfoLink","setShouldShowSustainabilityInfoLink","contentLoaded","setContentLoaded","storeId","sustainabilityInfoStore","store","isValidSustainabilityStore","allVariantsPartnerFulfils","isVariantPartnerFulfils","onSustainabilityInfoReceived","useCallback","isSuccess","fireSustainabilityInfoLinkClick","getVariantsColourWayId","Button","additionalClasses","sustainabilityInfoButton","hideButton","size","TEXT_SIZES","leavesden3","dataTestId","handleClick","BUTTON_TYPES","naked","Modal","title","open","closeModal","onModalClose","focusOnClose","modalId","modalType","MODAL_TYPE","SIDE","SustainabilityInfoContainer","MoreInfo","moreInfoVisible","badges","contentUrl","tooltip","target","rel","handleKeyPress","handleFitAssistantLinkClick","event","key","getSizingHelpText","recommendedSize","sizeGuideUrl","isPartialRecommendation","introText","sizingTranslation","NEW_USER","getSizingTranslation","fitAssistantLinkText","sizeGuideText","split","sizeGuideIntroText","sizeGuideButtonText","tabIndex","onClick","onKeyDown","link","SizeGuideButton","replace","SIZE_GUIDE_BUTTON_SIZE","LARGE","checkRecommendations","showSizingHelp","SizeAndFit","sizeAndFitVisible","sizeAndFit","useSizing","showSizeAndFit","ProductDescription","pdpLayout","showCmaTitle","isAccordionTrackingEnabled","setIsAccordionTrackingEnabled","Accordion","items","buildAccordionItems","getAboutMeTitleTranslationKey","onItemClick","onItemClickHandler","_","itemClicked","isOpen","analyticsId","fireProductDetailsAccordionItemOpened","headingElement","component","brandDescription","brandDescriptionVisible","careInfo","careInfoVisible","item","contentId","getProductsObj","_product$price","_product$price2","sellers","Set","forEach","seller","add","JSON","stringify","from","parse","getSellers","plpIds","plpId","ProductPromo","selectedVariant","isSoldByPartner","setIsSoldByPartner","promoMessages","setPromoMessages","showNewPromoMessages","setShowNewPromoMessages","useProduct","PromoBox","promoMessage","getPromoMessage","allVariantsHaveSeller","message","_message$seller","_seller","displayMessage","replacements","discountCode","styling","Object","keys","accumulator","currentKey","RegExp","replaceTokensWithBoldStyling","promoBox","promoText","visuallyHidden","readerMessage","PRODUCT_PROMO_LIVE_STORES","_result$productMessag","result","browseCurrency","browseCountry","keyStoreDataversion","promotionsMessagingApi","getRuntimeConstants","body","params","Authorization","getAuthorisationHeader","method","POST","apiName","caller","headers","fetchPromoMessages","currency","lang","country","getPromoMessaging","productMessages","storePromoMessages","doAllVariantsHaveSeller","doesVariantHaveSeller","productPromo","hidden","ariaTranslations","minValue","maxValue","labelKey","getAriaLabel","midLabel","numberOfLabels","getNumberOfLabels","secondaryRatingAverage","getAriaLabelForThreeLabels","getAriaLabelForTwoLabels","style","ReleaseDateBanner","textToRender","useTranslatedText","CUSTOMER_ACCESS_PURCHASE","releaseBannerTranslation","formattedEndDate","accessClass","releaseDateBanner","date","bannerRef","textRef","getTranslatedText","view","purchase","repeatedText","BULLET_SYMBOL","repeatedTextBanner","bannerText","repeat","buildLink","queryParams","URLSearchParams","productTitle","REPORT_LEGAL_CONCERN_LINK_PATH","ReportProductLink","digitalServicesAct","isDsaEnabledCountry","RestockingSoonBanner","shouldShowRestockingSoon","restockingLeadTimeWeeks","restockingSoonDetails","smart_count","SkeletonPrimaryActions","variantSelectorSkeleton","actionsSkeleton","addToBagSkeleton","saveForLaterSkeleton","close","ingredientsPageUrl","ingredientsModalTimeout","connectedToFrame","setConnectedToFrame","showError","setShowError","bridgeConnection","timeoutRef","requestUrl","colourVariantMapper","_products$variants","inStockVariantsWithIngredients","hasIngredients","ean","sku","colour","disconnect","_bridgeConnection$cur","clearTimeout","afterRender","iframeElement","bridgeWebConnection","_bridgeWebConnection","Promise","resolve","reject","setTimeout","connect","connection","availableColours","iFrameConnection","send","logError","ERROR_TYPE","UserActionFailed","action","withScrollBar","forceDOMRewrite","useFocusTrapCatchAll","withDarkThemeSupport","frame","fireIngredientsButtonClickAnalytics","IngredientsContainer","openIngredients","setOpenIngredients","ingredientsButtonFocusTarget","setIngredientsButtonFocusTarget","hasVariantsWithIngredients","IngredientsButton","IngredientsModal","ClientOnly","isClientPostRender","setIsClientPostRender","OutOfStockHero","loadable","resolved","chunkName","isReady","props","__webpack_modules__","importAsync","requireAsync","requireSync","__webpack_require__","ssr","resolveComponent","App","SocialShare","SingleProductPage","mainProducts","ProductContextProvider","VariantContextProvider","fireSourcingLocationAnalytics","getWindow","ReactDOM","document","getElementById","LiveRegion","ProductColourContainer","PRODUCT_COLOUR_POSITIONS","TOP","RepeatedTextBanner","titleContainer","Spacing","SPACING","TWELVE","excludeFirst","ShowOnProductStockStatus","productStockStatus","OutOfStockLabel","ProductName","StockPriceRetry","Rating","SIXTEEN","TWENTY","MIDDLE","SizingContextProvider","ProductSize","isDiscontinued","VariantSelectionContainer","shouldShowSave","fireAddToBagAnalytics","fireAddToBagErrorAnalytics","fireAddToBagMarketing","fireNotifyMeClickAnalytics","isLooksProduct","DeliveryAndReturnsContainer","ErrorBoundary","isoDateString","Intl","DateTimeFormat","weekday","format","toUpperCase","getDate","toString","padStart","month","hour","minute","hour12","timeZoneName","Comfort","Comfort_1","Fit_22","Quality","Quality_1","Value","Value_1"],"sourceRoot":""}