{"version":3,"file":"5339-83e7d0df141f44aa0d38.js","mappings":"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","sources":["webpack://react-app/./components/Shared/src/components/atoms/LoadingSpinner/LoadingSpinner.tsx","webpack://react-app/./components/molecules/ColourSwatchCard/ColourSwatchCard.tsx","webpack://react-app/./components/Shared/src/utility/helpers/replaceValuesInLabel.ts","webpack://react-app/./models/enums/ProductCardVariantEnum.ts","webpack://react-app/./components/Shared/src/components/molecules/Accordion/Accordion.tsx","webpack://react-app/./models/enums/ListingTypeEnum.ts","webpack://react-app/./components/Shared/src/components/atoms/GridSlider/GridSlider.tsx","webpack://react-app/./components/Shared/src/components/atoms/Tag/Tag.tsx","webpack://react-app/./components/Shared/src/components/molecules/FilterAccordion/FilterAccordion.tsx","webpack://react-app/./components/atoms/ListingFilterItem/ListingFilterItem.tsx","webpack://react-app/./components/molecules/ListingFilters/ListingFilters.tsx","webpack://react-app/./components/Shared/src/components/molecules/ListingPlaceholder/ListingPlaceholder.tsx","webpack://react-app/./components/molecules/ListingWrapper/grid.ts","webpack://react-app/./components/molecules/ListingWrapper/ListingWrapper.tsx","webpack://react-app/./components/Shared/src/utility/hooks/useListingComponentData.ts","webpack://react-app/./components/Shared/src/utility/helpers/createColourPng.ts","webpack://react-app/./components/atoms/HotspotButton/HotspotButton.tsx","webpack://react-app/./components/molecules/HotspotCard/HotspotCard.tsx","webpack://react-app/./models/enums/ColourSwatchVariantEnum.ts","webpack://react-app/./components/molecules/ProductCard/ProductCard.tsx","webpack://react-app/./components/Shared/src/components/molecules/InspirationCard/InspirationCard.tsx","webpack://react-app/./components/Shared/src/models/enums/SizeEnum.ts","webpack://react-app/./components/Shared/src/components/atoms/AccordionItem/AccordionItem.tsx","webpack://react-app/./components/Shared/src/components/atoms/Video/Video.tsx","webpack://react-app/./components/Shared/src/components/atoms/ConditionalWrapper/ConditionalWrapper.tsx","webpack://react-app/./components/Shared/src/utility/hooks/useIsTouchDevice.ts","webpack://react-app/./components/Shared/src/components/atoms/Search/HighlightedResult.tsx","webpack://react-app/./components/Shared/src/components/atoms/Search/Search.tsx"],"sourcesContent":["import SizeEnum from '@models/enums/SizeEnum';\nimport ThemeEnum from '@models/enums/ThemeEnum';\nimport { ILoadingSpinner } from '@models/ILoadingSpinner';\nimport classNames from 'classnames';\n\nconst LoadingSpinner = ({\n  size = SizeEnum.Small,\n  loadingLabel = '...loading',\n  theme = ThemeEnum.Light,\n}: ILoadingSpinner) => {\n  const sizeClasses = classNames({\n    'tw-w-xs tw-h-xs': size === SizeEnum.Small,\n    'tw-w-sm tw-h-sm': size === SizeEnum.Medium,\n    'tw-h-16 tw-w-16': size === SizeEnum.Large,\n  });\n\n  const borderClasses = classNames({\n    'tw-border-2': size === SizeEnum.Small,\n    'tw-border-[3px]': size === SizeEnum.Medium,\n    'tw-border-4': size === SizeEnum.Large,\n  });\n\n  const segmentClasses = classNames({\n    'tw-border-b-2 tw-border-l-2': size === SizeEnum.Small,\n    'tw-border-b-[3px] tw-border-l-[3px]': size === SizeEnum.Medium,\n    'tw-border-b-4 tw-border-l-4': size === SizeEnum.Large,\n  });\n\n  return (\n    <div\n      role=\"status\"\n      className={classNames(sizeClasses, 'tw-relative tw-animate-spin')}\n    >\n      <div\n        aria-hidden=\"true\"\n        className={classNames(\n          borderClasses,\n          'tw-h-full tw-w-full tw-rounded-full tw-border-2 tw-border-black tw-bg-transparent'\n        )}\n      >\n        <div\n          className={classNames(\n            theme === ThemeEnum.Light ? 'tw-bg-white' : 'tw-bg-grey-10',\n            'tw-absolute tw-bottom-0 tw-left-0 tw-h-1/2 tw-w-1/2 tw-rounded-bl-full'\n          )}\n        ></div>\n        <div\n          className={classNames(\n            segmentClasses,\n            theme === ThemeEnum.Light ? 'tw-bg-white' : 'tw-bg-grey-10',\n            'tw-absolute tw-bottom-0 tw-left-0 tw-h-1/2 tw-w-1/2 tw-rounded-bl-full tw-border-grey-30'\n          )}\n        ></div>\n      </div>\n      <span className=\"tw-sr-only\">{loadingLabel}</span>\n    </div>\n  );\n};\n\nexport default LoadingSpinner;\n","import Image from '@atoms/Image/Image';\nimport Text from '@atoms/Text/Text';\nimport { IColourSwatchCard } from '@models/IColourSwatchCard';\nimport CardTypeEnum from '@models/enums/CardTypeEnum';\nimport ColourSwatchVariantEnum from '@models/enums/ColourSwatchVariantEnum';\nimport AddToWishlist from '@molecules/AddToWishlist/AddToWishlist';\nimport ProductImageGallery from '@molecules/ProductImageGallery/ProductImageGallery';\nimport { createColourPng } from '@utility/helpers/createColourPng';\nimport useIsTouchDevice from '@utility/hooks/useIsTouchDevice';\nimport classNames from 'classnames';\nimport { motion, useInView } from 'motion/react';\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nexport const enum ColourSwatchCardBG {\n  Grey = 'tw-bg-grey-10',\n  White = 'tw-bg-white',\n}\n\ninterface Props extends IColourSwatchCard {\n  readonly createColourImage?: boolean;\n  readonly showLikeButton?: boolean;\n  readonly wishlistId?: number;\n}\n\nconst ColourSwatchCard = (props: Props) => {\n  const {\n    bgColour = ColourSwatchCardBG.Grey,\n    colourCode,\n    colourHexCode,\n    colourName,\n    description,\n    images,\n    link,\n    mainImage,\n    showLikeButton = true,\n    tag,\n    variant = ColourSwatchVariantEnum.Default,\n    wishlistDrawerLabels,\n    wishlistId,\n    createColourImage = true,\n  } = props;\n\n  const [imageDataUrl, setImageDataUrl] = useState<string>();\n  const [isHovered, setIsHovered] = useState(false);\n  const colourRef = useRef<HTMLDivElement>(null);\n  const isTouchDevice = useIsTouchDevice();\n  const isDefaultVariant = variant === ColourSwatchVariantEnum.Default;\n  const isDetailedVariant = variant === ColourSwatchVariantEnum.Detailed;\n  const isSimpleVariant = variant === ColourSwatchVariantEnum.Simple;\n  const containerRef = useRef<HTMLDivElement>(null);\n  const inView = useInView(containerRef, { amount: 0, once: true });\n\n  const fetchImageDataUrl = useCallback(async () => {\n    if (isTouchDevice || !colourHexCode) return;\n    try {\n      const dataUrl = await createColourPng(colourRef, colourHexCode);\n      setImageDataUrl(dataUrl);\n    } catch (error) {\n      console.error(error);\n    }\n  }, [colourHexCode, isTouchDevice]);\n\n  useEffect(() => {\n    if (inView && createColourImage) fetchImageDataUrl();\n  }, [fetchImageDataUrl, inView, createColourImage]);\n\n  const handleTrackingEvent = useCallback(() => {\n    window.dataLayer.push({\n      event: 'trackingEvent_select_item',\n      event_name_variable: 'select_item',\n      trackingEvent_select_item: {\n        item_name: colourName,\n        item_category: 'colour',\n        item_category3: colourHexCode,\n      },\n    });\n  }, [colourName, colourHexCode]);\n\n  const backgroundColorStyle = useMemo(() => {\n    return colourHexCode\n      ? { backgroundColor: `#${colourHexCode}` }\n      : { backgroundImage: `url(${mainImage?.url})` };\n  }, [colourHexCode, images]);\n\n  return (\n    <div\n      className=\"tw-group tw-relative tw-flex tw-h-full tw-flex-col\"\n      onMouseEnter={() => setIsHovered(true)}\n      onMouseLeave={() => setIsHovered(false)}\n      onFocus={() => setIsHovered(true)}\n      onBlur={() => setIsHovered(false)}\n      ref={containerRef}\n    >\n      {showLikeButton && (\n        <AddToWishlist\n          wishlistId={wishlistId}\n          card={props}\n          cardId={`${link}.html`} // To match existing format\n          collection={CardTypeEnum.Colours}\n          wishlistDrawerLabels={wishlistDrawerLabels}\n        />\n      )}\n      <a\n        href={link}\n        onClick={handleTrackingEvent}\n        className=\"tw-relative tw-flex tw-h-full tw-flex-col\"\n      >\n        <div className=\"tw-relative tw-aspect-[2/3]\">\n          {!isTouchDevice && (\n            <motion.div\n              ref={colourRef}\n              className=\"tw-absolute tw-h-full tw-w-full tw-bg-center\"\n              style={backgroundColorStyle}\n              animate={{ opacity: isHovered && images.length ? 0 : 1 }}\n              exit={{ opacity: 1 }}\n              initial={{ opacity: 1 }}\n            >\n              {imageDataUrl && (\n                <img\n                  className=\"tw-h-full tw-w-full\"\n                  src={imageDataUrl}\n                  alt={colourName ?? `Colour code ${colourCode}`}\n                />\n              )}\n            </motion.div>\n          )}\n          <motion.div\n            className=\"tw-absolute tw-h-full tw-w-full tw-bg-center\"\n            style={backgroundColorStyle}\n            animate={{ opacity: isHovered || isTouchDevice ? 1 : 0 }}\n            exit={{ opacity: 0 }}\n            initial={{ opacity: 0 }}\n          >\n            {!isTouchDevice && images.length === 1 && images[0] ? (\n              <Image\n                image={images[0]}\n                aspectRatio={2 / 3}\n                imageClasses=\"tw-absolute tw-inset-0 tw-z-10 tw-w-full tw-h-full tw-object-center tw-object-cover\"\n              />\n            ) : (\n              <ProductImageGallery\n                showProductImage={false}\n                showColourImage={isTouchDevice}\n                colourHexCode={colourHexCode}\n                productImageClasses=\"tw-translate-y-[0] tw-h-full tw-w-full\"\n                imageAspectRatio=\"tw-aspect-[2/3]\"\n                images={images}\n                initialIndex={0}\n              />\n            )}\n          </motion.div>\n\n          {tag && !isSimpleVariant && (\n            <div\n              className={classNames(\n                'tw-absolute tw-z-20 tw-flex tw-gap-[5px]',\n                isDetailedVariant\n                  ? 'tw-bottom-4 tw-left-4'\n                  : 'tw-bottom-2 tw-left-2',\n              )}\n            >\n              <div className=\"tw-grid tw-h-[25px] tw-place-items-center tw-bg-grey-80 tw-px-2\">\n                <Text variant=\"label-12\" className=\"tw-text-white\">\n                  {tag}\n                </Text>\n              </div>\n            </div>\n          )}\n        </div>\n        <div\n          className={classNames(\n            'tw-flex tw-w-full tw-flex-grow tw-flex-col tw-gap-1 tw-text-grey-100 tw-transition-colors dark:tw-bg-white',\n            bgColour,\n            isSimpleVariant ? 'tw-px-2.5 tw-py-xxs' : 'tw-p-xs',\n          )}\n        >\n          <Text className=\"tw-block tw-text-grey-70\" variant=\"label-12\">\n            {colourCode}\n          </Text>\n\n          {!isSimpleVariant && (\n            <Text\n              variant={\n                isTouchDevice && isDefaultVariant\n                  ? 'body-18'\n                  : 'heading-21-light'\n              }\n              className=\"tw-capitalize\"\n            >\n              {colourName?.toLowerCase()}\n            </Text>\n          )}\n\n          {isDetailedVariant && description && (\n            <Text\n              className=\"tw-ellipsis tw-mt-4 tw-line-clamp-3 tw-text-grey-70\"\n              variant=\"body-small\"\n              dangerouslySetInnerHTML={{ __html: description }}\n            />\n          )}\n        </div>\n      </a>\n    </div>\n  );\n};\n\nexport default ColourSwatchCard;\n","const replaceValuesInLabel = (\n  label: string,\n  replacementArray: Array<string | number>\n) => {\n  let newLabel = label;\n\n  replacementArray.forEach((value, index) => {\n    newLabel = newLabel.replace(`{${index}}`, value.toString());\n  });\n\n  return newLabel;\n};\n\nexport default replaceValuesInLabel;\n","enum ProductCardVariantEnum {\n  Default = 'default',\n  Tall = 'tall',\n  TallOnDesktopOnly = 'tall-desktop',\n}\n\nexport default ProductCardVariantEnum;\n","import AccordionItem from '@atoms/AccordionItem/AccordionItem';\nimport { VariantType } from '@models/IAccordion';\nimport classNames from 'classnames';\nimport { PropsWithChildren } from 'react';\n\ninterface Props {\n  items?: Array<{\n    title: string;\n    text?: string;\n  }>;\n  variant?: VariantType;\n}\n\nconst Accordion = ({\n  items,\n  variant = 'primary',\n  children,\n}: PropsWithChildren<Props>) => (\n  <section>\n    {children ??\n      items?.map(({ title, text }, index) => (\n        <AccordionItem\n          key={title}\n          title={title}\n          text={text}\n          variant={variant}\n          buttonClasses={classNames({\n            'tw-border-t tw-border-grey-20': index === 0,\n          })}\n        >\n          {children}\n        </AccordionItem>\n      ))}\n  </section>\n);\n\nexport default Accordion;\n","enum ListingTypeEnum {\n  Colour = 'colour',\n  Product = 'product',\n}\n\nexport default ListingTypeEnum;\n","import Icon from '@atoms/Icon/Icon';\nimport { Label, Slider, SliderThumb, SliderTrack } from 'react-aria-components';\n\nexport type GridSize = 0 | 50 | 100;\n\ninterface Props {\n  readonly label?: string;\n  readonly setValue: (size: GridSize) => void;\n  readonly value: GridSize;\n}\n\nconst GridSlider = ({ value, setValue, label = 'Grid Slider' }: Props) => (\n  <Slider\n    minValue={0}\n    maxValue={100}\n    step={50}\n    defaultValue={50}\n    value={value}\n    onChange={setValue}\n  >\n    <Label className=\"tw-sr-only\">{label}</Label>\n    <div className=\"tw-flex tw-flex-row tw-items-center tw-justify-center tw-gap-1 rtl:tw-flex-row-reverse\">\n      <button\n        // TODO: localise labels\n        aria-label=\"reduce grid size\"\n        onClick={(e) => {\n          e.preventDefault();\n          setValue(value === 0 ? 0 : ((value - 50) as GridSize));\n        }}\n      >\n        <Icon\n          name=\"large-grid\"\n          size=\"1.5rem\"\n          className={value < 100 ? 'tw-fill-grey-100' : 'tw-fill-grey-40'}\n        />\n      </button>\n      <div className=\"tw-w-full tw-px-xxs md:tw-w-[264px] lg:tw-w-[240px]\">\n        <SliderTrack className=\"tw-h-[2px] tw-w-full tw-bg-grey-40\">\n          <span\n            className=\"tw-absolute tw-left-0 tw-h-[2px] tw-bg-grey-100\"\n            style={{ width: `${value}%` }}\n          />\n          <SliderThumb className=\"tw-h-xs tw-w-xs tw-cursor-grab tw-rounded-full tw-bg-grey-100 tw-transition-all\" />\n        </SliderTrack>\n      </div>\n      <button\n        // TODO: localise labels\n        aria-label=\"increase grid size\"\n        onClick={(e) => {\n          e.preventDefault();\n          setValue(value === 100 ? 100 : ((value + 50) as GridSize));\n        }}\n      >\n        <Icon\n          name=\"small-grid\"\n          size=\"1.5rem\"\n          className={value === 100 ? 'tw-fill-grey-100' : 'tw-fill-grey-40'}\n        />\n      </button>\n    </div>\n  </Slider>\n);\n\nexport default GridSlider;\n","import Icon from '@atoms/Icon/Icon';\nimport { ComponentProps, ElementType } from 'react';\nimport { twMerge } from 'tailwind-merge';\n\nconst defaultElement = 'button';\n\nexport const enum TagVariant {\n  Grey = 'grey',\n  Yellow = 'yellow',\n}\n\ntype ExplicitProps = {\n  label: string;\n  isActive?: boolean;\n  largeText?: boolean;\n  icon?: boolean;\n  variant?: TagVariant;\n};\n\ntype PropsWithAs<TElementType extends ElementType = ElementType> =\n  ExplicitProps & {\n    as?: TElementType;\n  };\n\ntype ITag<TElementType extends ElementType> = PropsWithAs<TElementType> &\n  Omit<ComponentProps<TElementType>, keyof PropsWithAs>;\n\nfunction Tag<TElementType extends ElementType = typeof defaultElement>({\n  as,\n  label,\n  isActive,\n  largeText,\n  icon = false,\n  variant = TagVariant.Grey,\n  ...otherProps\n}: ITag<TElementType>) {\n  const Wrapper = as ?? 'button';\n  const isClickable = Wrapper === 'button' || Wrapper === 'a';\n  const hoverStyles =\n    variant === TagVariant.Yellow\n      ? \"hover:tw-bg-yellow-hover data-[active='true']:tw-border-yellow data-[active='true']:tw-bg-yellow hover:tw-border-yellow-hover\"\n      : \"hover:tw-bg-grey-30 data-[active='true']:tw-border-grey-40 data-[active='true']:tw-bg-grey-40\";\n\n  return (\n    <Wrapper\n      {...otherProps}\n      className={twMerge(\n        otherProps?.className,\n        icon ? 'tw-items-center tw-justify-between tw-gap-2' : '',\n        largeText ? 'tw-py-0.5 tw-text-sm' : 'tw-py-[3px] tw-text-xs',\n        'tw-flex tw-rounded tw-border tw-border-grey-60 tw-px-2 tw-text-grey-70',\n        isClickable\n          ? `${hoverStyles} hover:tw-text-grey-100 data-[active='true']:tw-text-grey-100`\n          : 'tw-pointer-events-none'\n      )}\n      data-active={isActive}\n    >\n      {label}\n      {icon && <Icon name=\"cross\" size=\"1rem\" />}\n    </Wrapper>\n  );\n}\n\nexport default Tag;\n","import AccordionItem from '@atoms/AccordionItem/AccordionItem';\nimport Checkbox from '@atoms/Checkbox/Checkbox';\nimport IFilterAccordion from '@models/IFilterAccordion';\nimport Accordion from '@molecules/Accordion/Accordion';\nimport { useState } from 'react';\n\nconst FilterAccordion = ({\n  allowMultipleOpen = true,\n  className,\n  filters,\n  firstOpen = false,\n  padding,\n  register,\n  variant = 'filter',\n}: IFilterAccordion) => {\n  const [activeIndex, setActiveIndex] = useState(firstOpen ? 0 : -1);\n\n  return (\n    <div className={className}>\n      <Accordion variant={variant}>\n        {filters.map((filterGroup, index) => (\n          <AccordionItem\n            padding={padding}\n            isOpen={allowMultipleOpen ? index === 0 : activeIndex === index}\n            variant={variant}\n            key={filterGroup.id}\n            title={filterGroup.label}\n            callback={() => setActiveIndex(activeIndex === index ? -1 : index)}\n          >\n            <ul className=\"tw-relative tw-flex tw-max-h-[412px] tw-flex-col tw-items-start tw-justify-start tw-gap-3 tw-overflow-y-auto tw-bg-white tw-p-xs\">\n              {filterGroup.options.map(({ id, label }) => (\n                <Checkbox\n                  register={register}\n                  key={id}\n                  name={String(filterGroup.id)}\n                  value={id}\n                  label={label}\n                />\n              ))}\n            </ul>\n          </AccordionItem>\n        ))}\n      </Accordion>\n    </div>\n  );\n};\n\nexport default FilterAccordion;\n","import Image from '@atoms/Image/Image';\nimport Text from '@atoms/Text/Text';\nimport { IListingFilterItem } from '@models/IListing';\nimport classNames from 'classnames';\n\nconst ListingFilterItem = ({\n  filter,\n  image,\n  colourHexCode,\n  selected,\n  isMobileFilters,\n}: IListingFilterItem) => {\n  return (\n    <div\n      className={classNames(\n        'tw-flex tw-flex-col tw-items-center tw-gap-xxs tw-bg-white tw-text-center tw-text-black',\n        isMobileFilters ? ' ' : 'tw-w-[90px] tw-py-[5px]',\n        image?.url ? 'tw-w-[120px]' : '',\n        'group',\n      )}\n    >\n      <div\n        className={classNames(\n          'tw-relative tw-overflow-hidden tw-rounded-full tw-transition-colors',\n          {\n            'tw-h-3xl tw-w-3xl tw-bg-cover tw-object-cover tw-object-center md:tw-h-[90px] md:tw-w-[90px]':\n              image?.url,\n          },\n          selected && isMobileFilters\n            ? `tw-border tw-border-black after:tw-absolute after:tw-inset-[0] after:tw-box-content after:tw-block after:tw-rounded-full after:tw-border-[3px] after:tw-border-white after:tw-content-['']`\n            : '',\n          isMobileFilters ? 'tw-h-lg tw-w-lg' : 'tw-h-2xl tw-w-2xl',\n        )}\n        style={{\n          backgroundColor: colourHexCode ? `#${colourHexCode}` : '#fff',\n        }}\n      >\n        {image?.url && (\n          <Image\n            aspectRatio={1}\n            sizes=\"100\"\n            image={image}\n            imageClasses=\"tw-h-full tw-w-full tw-object-cover tw-transition-transform tw-duration-300 tw-ease-out group-hover:tw-scale-125 group-focus:tw-scale-125\"\n          />\n        )}\n      </div>\n\n      {!isMobileFilters && (\n        <div className=\"tw-relative\">\n          <Text\n            variant=\"label-12\"\n            className={classNames(\n              'tw-transition-all tw-duration-300 group-hover:tw-text-black group-focus:tw-text-black',\n              selected ? 'tw-font-semibold tw-text-black' : 'tw-text-grey-70',\n            )}\n          >\n            {filter.label}\n          </Text>\n          <div\n            className={classNames(\n              selected ? 'tw-w-full tw-bg-black' : 'tw-w-0 tw-bg-grey-20',\n              'tw-absolute tw-bottom-[-5px] tw-z-10 tw-h-[2px] tw-transition-all tw-duration-300 tw-ease-in-out-quart group-hover:tw-w-full group-focus:tw-w-full',\n            )}\n          />\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default ListingFilterItem;\n","import ListingFilterItem from '@atoms/ListingFilterItem/ListingFilterItem';\nimport { IListingFilterGroup } from '@models/IListing';\nimport classNames from 'classnames';\n\ninterface Props {\n  readonly filters: IListingFilterGroup[];\n  readonly isMobileFilters?: boolean;\n  readonly onClickCallback: (\n    selectedListingFilters: IListingFilterGroup[],\n  ) => void;\n  readonly selectedListingFilters?: string[];\n  readonly type?: 'colour' | 'product';\n}\n\nconst ListingFilters = ({\n  filters,\n  type = 'colour',\n  isMobileFilters,\n  onClickCallback,\n  selectedListingFilters = [],\n}: Props) => {\n  const handleClick = ({ filter }: IListingFilterGroup) => {\n    const id = filter.id.toString();\n    const newSelectedListingFilters = selectedListingFilters.includes(id)\n      ? selectedListingFilters.filter((selectedId) => selectedId !== id)\n      : [...selectedListingFilters, id];\n\n    const selectedFilterObjects = newSelectedListingFilters\n      .slice() // Create a copy of the array to avoid mutating the original\n      .reverse() // Reverse the array to ensure the last item is processed first\n      .map((selectedId) => {\n        const selectedFilter = filters.find(\n          ({ filter }) => filter.id.toString() === selectedId,\n        );\n        return selectedFilter\n          ? {\n              filter: {\n                id: selectedFilter.filter.id.toString(),\n                label: selectedFilter.filter.label,\n              },\n              featuredInspiration: selectedFilter.featuredInspiration,\n              inspirationCard: selectedFilter.inspirationCard,\n            }\n          : null;\n      })\n      .filter((filter) => filter !== null) as IListingFilterGroup[];\n\n    window.dataLayer.push({\n      event: 'trackingEvent_navigation_circle',\n      event_name_variable: 'navigation_circle',\n      trackingEvent_navigation_circle: {\n        navigation_circle: filter.label,\n        navigation_category: type,\n      },\n    });\n\n    onClickCallback(selectedFilterObjects);\n  };\n\n  return (\n    <section className=\"tw-w-full tw-bg-white tw-text-black\">\n      <div className=\"tw-flex tw-h-full tw-w-full tw-justify-center tw-overflow-hidden\">\n        <div className=\"tw-no-scrollbar tw-relative tw-select-none tw-snap-x tw-snap-proximity tw-overflow-x-auto tw-whitespace-nowrap\">\n          <div\n            className={classNames(\n              'tw-flex tw-items-start tw-text-wrap tw-px-xs md:tw-px-xl',\n              type === 'colour'\n                ? 'tw-gap-xs xl:tw-gap-lg'\n                : 'tw-gap-xs md:tw-gap-sm xl:tw-gap-md',\n              isMobileFilters ? 'tw-gap-sm' : '',\n            )}\n          >\n            {filters.map(({ colourHexCode, image, filter }) => (\n              <button\n                key={filter.id}\n                onClick={() => handleClick({ filter })}\n                className=\"tw-group tw-outline-none\"\n              >\n                <ListingFilterItem\n                  isMobileFilters={isMobileFilters}\n                  colourHexCode={colourHexCode}\n                  image={image}\n                  filter={filter}\n                  selected={selectedListingFilters.includes(\n                    filter.id.toString(),\n                  )}\n                />\n              </button>\n            ))}\n          </div>\n        </div>\n      </div>\n    </section>\n  );\n};\n\nexport default ListingFilters;\n","import Icon from '@atoms/Icon/Icon';\nimport Text from '@atoms/Text/Text';\nimport { IconName } from '@models/IIcon';\n\nexport interface IListingPlaceholder {\n  readonly dataTestId?: string;\n  readonly iconName?: IconName;\n  readonly title: string;\n  readonly message: string;\n}\n\nconst ListingPlaceholder = ({\n  dataTestId,\n  iconName = 'no-result',\n  title,\n  message,\n}: IListingPlaceholder) => (\n  <div\n    className=\"tw-flex tw-w-full tw-flex-col tw-items-center tw-justify-center tw-pt-lg tw-text-center lg:tw-pt-12\"\n    data-testid={dataTestId}\n  >\n    <Icon name={iconName} size=\"6rem\" className=\"tw-pb-xs\" />\n    <Text as=\"h2\" variant=\"sub-headline\" className=\"tw-pb-2 tw-font-light\">\n      {title}\n    </Text>\n    <Text variant=\"body\" className=\"tw-text-grey-80\">\n      {message}\n    </Text>\n  </div>\n);\n\nexport default ListingPlaceholder;\n","import { GridSize } from '@atoms/GridSlider/GridSlider';\nimport ColourSwatchVariantEnum from '@models/enums/ColourSwatchVariantEnum';\n\nexport const gridConfig = {\n  // 4 col\n  100: {\n    gridClasses:\n      'md:tw-gap-x-md xl:tw-gap-x-5 tw-gap-x-xs tw-gap-y-lg md:tw-gap-y-xl xl:tw-gap-y-2xl xl:tw-gap-x-md',\n    cardSize: 'tw-col-span-12 md:tw-col-span-6 xl:tw-col-span-3',\n    cardVariant: ColourSwatchVariantEnum.Detailed,\n    hotspotPosition:\n      'xl:tw-col-span-6 xl:tw-row-span-1 xl:tw-col-start-0 xl:tw-row-start-2 tw-col-span-full tw-row-span-1 tw-col-start-0 tw-row-start-5 md:tw-row-start-3 -tw-mx-xs md:tw-mx-0',\n    colourInspirationPosition:\n      'xl:tw-col-span-3 xl:tw-row-span-1 xl:tw-col-start-0 xl:tw-row-start-4 tw-col-start-0 tw-row-start-8 tw-col-span-full tw-row-span-1 tw-min-h-[550px] md:tw-col-start-7 md:tw-row-start-5 md:tw-col-span-6 md:tw-row-span-1',\n    productInspirationPosition:\n      'xl:tw-col-span-3 xl:tw-row-span-1 xl:tw-col-start-4 xl:tw-row-start-3 tw-col-start-0 tw-row-start-8 tw-col-span-full tw-row-span-1 tw-min-h-[550px] md:tw-col-start-7 md:tw-row-start-5 md:tw-col-span-6 md:tw-row-span-1',\n    hotspot: {\n      occupiedSpaceCount: { sm: 1, md: 2, xl: 2 }, // amount of grid spaces the hotspot occupies\n      minResultsToShow: { sm: 4, md: 4, xl: 6 }, // minimum amount of results to show before the card is displayed\n      aspectRatio: { sm: 375 / 458, md: 688 / 550, xl: 640 / 620 },\n    },\n    inspiration: {\n      occupiedSpaceCount: { sm: 1, md: 1, xl: 1 },\n      minResultsToShow: { sm: 9, md: 11, xl: 10 },\n    },\n  },\n  // 6 col\n  50: {\n    gridClasses:\n      'md:tw-gap-x-md tw-gap-x-xs tw-gap-y-lg md:tw-gap-y-xl xl:tw-gap-y-2xl xl:tw-gap-x-5',\n    cardSize: 'tw-col-span-6 md:tw-col-span-4 xl:tw-col-span-2',\n    cardVariant: ColourSwatchVariantEnum.Default,\n    hotspotPosition:\n      'xl:tw-col-span-6 xl:tw-row-span-2 xl:tw-col-start-7 xl:tw-row-start-2 tw-col-span-full tw-row-span-1 tw-col-start-0 tw-row-start-3 tw-col-span-full tw-row-span-1 tw-col-start-0 tw-row-start-3 -tw-mx-xs md:tw-mx-0',\n    colourInspirationPosition:\n      'tw-col-span-full tw-col-start-0 tw-row-span-1 tw-row-start-7 tw-min-h-[550px] md:tw-col-span-8 md:tw-row-span-2 md:tw-col-start-0 md:tw-row-start-6 xl:tw-col-span-4 xl:tw-row-span-2 xl:tw-col-start-0 xl:tw-row-start-4',\n    productInspirationPosition:\n      'tw-col-span-full tw-col-start-0 tw-row-span-1 tw-row-start-7 tw-min-h-[550px] md:tw-col-span-8 md:tw-row-span-2 md:tw-col-start-0 md:tw-row-start-6 xl:tw-col-span-4 xl:tw-row-span-2 xl:tw-col-start-0 xl:tw-row-start-4',\n    hotspot: {\n      occupiedSpaceCount: { sm: 2, md: 3, xl: 6 },\n      minResultsToShow: { sm: 5, md: 7, xl: 12 },\n      aspectRatio: { sm: 375 / 458, md: 688 / 550, xl: 646 / 830 },\n    },\n    inspiration: {\n      occupiedSpaceCount: { sm: 2, md: 4, xl: 4 },\n      minResultsToShow: { sm: 11, md: 14, xl: 20 },\n    },\n  },\n  // 12 col\n  0: {\n    gridClasses:\n      'md:tw-gap-x-xs tw-gap-x-[7px] tw-gap-y-sm md:tw-gap-y-md xl:tw-gap-y-lg',\n    cardSize: 'tw-col-span-3 md:tw-col-span-2 xl:tw-col-span-1',\n    cardVariant: ColourSwatchVariantEnum.Simple,\n    hotspotPosition:\n      'xl:tw-col-span-6 xl:tw-row-span-4 xl:tw-col-start-7 xl:tw-row-start-3 tw-col-span-full tw-row-span-1 tw-col-start-0 tw-row-start-5 -tw-mx-xs md:tw-mx-0',\n    colourInspirationPosition:\n      'tw-col-span-full tw-col-start-0 tw-row-span-1 tw-row-start-8 tw-min-h-[550px] xl:tw-col-span-3 xl:tw-row-span-3 xl:tw-col-start-0 xl:tw-row-start-8 md:tw-col-span-6 md:tw-row-span-3 md:tw-col-start-0 md:tw-row-start-8',\n    productInspirationPosition:\n      'tw-col-span-full tw-col-start-0 tw-row-span-1 tw-row-start-8 tw-min-h-[550px] xl:tw-col-span-3 xl:tw-row-span-3 xl:tw-col-start-0 xl:tw-row-start-8 md:tw-col-span-6 md:tw-row-span-3 md:tw-col-start-0 md:tw-row-start-8',\n    hotspot: {\n      occupiedSpaceCount: { sm: 4, md: 6, xl: 24 },\n      minResultsToShow: { sm: 17, md: 25, xl: 48 },\n      aspectRatio: { sm: 375 / 458, md: 688 / 550, xl: 648 / 792 },\n    },\n    inspiration: {\n      occupiedSpaceCount: { sm: 4, md: 9, xl: 9 },\n      minResultsToShow: { sm: 25, md: 45, xl: 87 },\n    },\n  },\n};\n\nexport const getGridConfig = (gridSize: GridSize) => gridConfig[gridSize];\n\n// A bit ugly but there are different scenarios we need to check to clean the data, can look at improving this later\nexport function sanitizeQuery<T extends Record<string, any>>(query: T): T {\n  return Object.fromEntries(\n    Object.entries(query).filter(\n      ([, value]) =>\n        value !== undefined &&\n        value !== 'undefined' &&\n        value !== '' &&\n        value !== 'false' &&\n        value !== false &&\n        !(Array.isArray(value) && value.length === 0),\n    ),\n  ) as T;\n}\n","import Button from '@atoms/Button/Button';\nimport GridSlider, { GridSize } from '@atoms/GridSlider/GridSlider';\nimport LoadingSpinner from '@atoms/LoadingSpinner/LoadingSpinner';\nimport Search from '@atoms/Search/Search';\nimport Tag from '@atoms/Tag/Tag';\nimport Text from '@atoms/Text/Text';\nimport ListingTypeEnum from '@models/enums/ListingTypeEnum';\nimport SizeEnum from '@models/enums/SizeEnum';\nimport { IColourSwatchCard } from '@models/IColourSwatchCard';\nimport { IHotspotCard } from '@models/IHotspotCard';\nimport { IInspirationCard } from '@models/IInspirationCard';\nimport {\n  cardTypes,\n  IListing,\n  IListingFilterGroup,\n  requestState,\n} from '@models/IListing';\nimport { IProductCard } from '@models/IProductCard';\nimport ColourSwatchCard, {\n  ColourSwatchCardBG,\n} from '@molecules/ColourSwatchCard/ColourSwatchCard';\nimport DrawerWrapper from '@molecules/DrawerWrapper/DrawerWrapper';\nimport FilterAccordion from '@molecules/FilterAccordion/FilterAccordion';\nimport HotspotCard from '@molecules/HotspotCard/HotspotCard';\nimport InspirationCard from '@molecules/InspirationCard/InspirationCard';\nimport ListingFilters from '@molecules/ListingFilters/ListingFilters';\nimport ListingPlaceholder from '@molecules/ListingPlaceholder/ListingPlaceholder';\nimport ProductCard from '@molecules/ProductCard/ProductCard';\nimport { fadeIn } from '@utility/config/animations';\nimport replaceValuesInLabel from '@utility/helpers/replaceValuesInLabel';\nimport useBreakpoint from '@utility/hooks/useBreakpoint';\nimport useListingComponentData from '@utility/hooks/useListingComponentData';\nimport classNames from 'classnames';\nimport { AnimatePresence, motion } from 'motion/react';\nimport queryString from 'query-string';\nimport { MouseEvent, useEffect, useMemo, useRef, useState } from 'react';\nimport { SubmitHandler, useForm } from 'react-hook-form';\nimport { getGridConfig, sanitizeQuery } from './grid';\n\ntype QueryState = {\n  readonly freetext?: string;\n  readonly page: number;\n  readonly pageUrl: string;\n  readonly take: number;\n  readonly [key: string]: any; // Custom query params\n};\n\ntype SelectedFilter = {\n  readonly featuredInspiration?: IHotspotCard;\n  readonly inspirationCard?: IInspirationCard;\n  readonly id: string;\n  readonly label: string;\n  readonly name: string;\n};\n\ninterface Props extends IListing {\n  readonly customQueryParams?: any;\n  readonly initialFilters?: any;\n  readonly listingFilterParam: string;\n  readonly type: ListingTypeEnum;\n}\n\nconst ListingWrapper = ({\n  applyLabel,\n  applicationAreas,\n  autoCompleteEndpoint,\n  autoCompletePlaceholder,\n  clearAllLabel,\n  closeLabel,\n  countLabel,\n  customQueryParams,\n  featuredInspiration,\n  filterLabel,\n  filters,\n  loadMoreLabel,\n  initialFilters,\n  inspirationCard,\n  listingFilterParam,\n  listingFilters,\n  loadingLabel,\n  noResultsHeader,\n  noResultsLabel,\n  noResultsText,\n  resultsLabel,\n  openLabel,\n  pageUrl,\n  searchEndpoint,\n  subtitle,\n  title,\n  type,\n}: Props) => {\n  const breakpoint = useBreakpoint();\n  const [gridSize, setGridSize] = useState<GridSize>(\n    type === ListingTypeEnum.Colour ? 50 : 100,\n  );\n  const [listItems, setListItems] = useState<cardTypes | []>([]);\n  const [slicedListitems, setSlicedListItems] = useState<cardTypes | []>([]);\n  const [isMobileFiltersOpen, setIsMobileFiltersOpen] = useState(false);\n  const [selectedFilters, setSelectedFilters] = useState<SelectedFilter[]>([]);\n  const [sortedListingFilters, setSortedListingFilters] = useState<\n    IListingFilterGroup[]\n  >([]);\n  const [showLoadMore, setShowLoadMore] = useState(false);\n  const [selectedFeaturedInspiration, setSelectedFeaturedInspiration] =\n    useState<IHotspotCard | undefined>(featuredInspiration);\n  const [selectedInspirationCard, setSelectedInspirationCard] = useState<\n    IInspirationCard | undefined\n  >(inspirationCard);\n  const [clearSearch, setClearSearch] = useState(0);\n  const resultsRef = useRef<HTMLDivElement>(null);\n  const hasPopulatedQueryState = useRef(false);\n\n  type CardData = {\n    readonly show: boolean;\n    readonly occupiedSpaceCount: number;\n    readonly aspectRatio?: number;\n  };\n\n  const [hotspotData, setHotspotData] = useState<CardData>({\n    show: false,\n    occupiedSpaceCount: 0,\n    aspectRatio: undefined,\n  });\n  const [inspirationData, setInspirationData] = useState<CardData>({\n    show: false,\n    occupiedSpaceCount: 0,\n  });\n\n  const params =\n    typeof window !== 'undefined'\n      ? queryString.pick(window?.location.search, [\n          'freetext',\n          listingFilterParam,\n          ...filters.map((filter) => String(filter.id)),\n        ])\n      : '';\n\n  const parsedParams = queryString.parse(params, {\n    arrayFormat: 'comma',\n  });\n\n  const parsedUrlParams = Object.entries(parsedParams).reduce(\n    (acc: Record<string, any>, [key, value]) => {\n      if (key === listingFilterParam) {\n        if (Array.isArray(value)) {\n          acc[key] = value;\n        } else {\n          acc[key] = value ? [value] : [];\n        }\n      } else {\n        acc[key] = value;\n      }\n      return acc;\n    },\n    {},\n  );\n\n  const hasParams = Object.keys(parsedUrlParams).length > 0;\n\n  const existingFilters = hasParams ? parsedUrlParams : initialFilters;\n  const initialSearchText = parsedUrlParams ? parsedUrlParams?.freetext : '';\n\n  // Adjust cardVariant, gridClasses and cardSize based on gridSize\n  const {\n    gridClasses,\n    cardSize,\n    cardVariant,\n    hotspotPosition,\n    colourInspirationPosition,\n    productInspirationPosition,\n    hotspot,\n    inspiration,\n  } = getGridConfig(gridSize);\n\n  // Work out whether to show featured inspiration and inspiration card based on breakpoint and amount of items shown\n  type Breakpoint = 'sm' | 'md' | 'xl';\n\n  const mapBreakpoint = (breakpoint: Breakpoint): Breakpoint => {\n    const mapping: Record<string, Breakpoint> = {\n      sm: 'sm',\n      md: 'md',\n      lg: 'md', // 'lg' mapped to 'md'\n      xl: 'xl',\n      xxl: 'xl', // 'xxl' mapped to 'xl'\n    };\n    return mapping[breakpoint] || breakpoint;\n  };\n\n  const positionClass = (\n    cardType: 'product' | 'colour' | 'inspiration' | 'hotspot',\n  ) => {\n    switch (cardType) {\n      case 'hotspot':\n        return hotspotPosition;\n      case 'inspiration':\n        return type === ListingTypeEnum.Product\n          ? productInspirationPosition\n          : colourInspirationPosition;\n      default:\n        return cardSize;\n    }\n  };\n\n  useEffect(() => {\n    if (selectedFeaturedInspiration || selectedInspirationCard) {\n      const normalizedBreakpoint = mapBreakpoint(breakpoint as Breakpoint);\n\n      setHotspotData({\n        show:\n          (selectedFeaturedInspiration &&\n            listItems.length >=\n              hotspot.minResultsToShow[normalizedBreakpoint]) ||\n          false,\n        occupiedSpaceCount:\n          hotspot.occupiedSpaceCount[normalizedBreakpoint] || 0,\n        aspectRatio: hotspot.aspectRatio[normalizedBreakpoint],\n      });\n\n      setInspirationData({\n        show:\n          (selectedInspirationCard &&\n            listItems.length >=\n              inspiration.minResultsToShow[normalizedBreakpoint]) ||\n          false,\n        occupiedSpaceCount:\n          inspiration.occupiedSpaceCount[normalizedBreakpoint] || 0,\n      });\n    }\n  }, [\n    selectedFeaturedInspiration,\n    selectedInspirationCard,\n    breakpoint,\n    listItems,\n  ]);\n\n  const calculatedPageSize = useMemo(() => {\n    const pageSizes = {\n      100: breakpoint === 'sm' ? 10 : 20,\n      50: breakpoint === 'sm' ? 18 : 36,\n      0: breakpoint === 'sm' ? 40 : 144,\n    };\n\n    return pageSizes[gridSize];\n  }, [gridSize, breakpoint]);\n\n  // Remove hotspot and inspiration occupied space from listItems\n  useEffect(() => {\n    const count =\n      listItems.length -\n      (hotspotData.show ? hotspotData.occupiedSpaceCount : 0) -\n      (inspirationData.show ? inspirationData.occupiedSpaceCount : 0);\n\n    const newSlicedListItems =\n      data.total <= listItems.length || data.count < calculatedPageSize\n        ? listItems\n        : listItems.slice(0, count);\n\n    setSlicedListItems(newSlicedListItems);\n  }, [listItems, hotspotData, inspirationData]);\n\n  const defaultState = {\n    applicationAreas,\n    freetext: '',\n    page: 0,\n    pageUrl,\n    take: calculatedPageSize,\n  };\n\n  const [queryState, setQueryState] = useState<QueryState>({\n    ...defaultState,\n    ...customQueryParams,\n  });\n\n  const { pageUrl: formPageUrl, freetext, page, take, ...rest } = queryState;\n\n  // Remove any customQueryParams to get the drawerFilters\n  const drawerFilters = Object.fromEntries(\n    Object.entries(rest).filter(\n      ([key]) => !Object.keys(customQueryParams).includes(key),\n    ),\n  );\n\n  const mappedDrawerFilters: SelectedFilter[] = Object.entries(\n    drawerFilters,\n  ).map(([key, value]) => ({\n    id: value as string,\n    name: key,\n    label: `Filter for ${key}`,\n  }));\n\n  const setCleanQueryParams = (data: QueryState) => {\n    const cleanQuery = sanitizeQuery<QueryState>({\n      ...customQueryParams,\n      ...data,\n      pageUrl,\n    });\n\n    // Remove specific parameters\n    const {\n      applicationAreas,\n      page,\n      take,\n      pageUrl: filteredUrl,\n      ...filteredQuery\n    } = cleanQuery;\n\n    const queryStringified = queryString.stringify(filteredQuery, {\n      arrayFormat: 'comma',\n    });\n\n    setQueryState(cleanQuery);\n\n    const newUrl = queryStringified\n      ? `${window.location.pathname}?${queryStringified}`\n      : window.location.pathname;\n\n    window.history.replaceState(null, '', newUrl);\n  };\n\n  // Populate queryState using url query params on client side\n  useEffect(() => {\n    setValue('freetext', parsedUrlParams.freetext);\n\n    setCleanQueryParams({\n      ...parsedUrlParams,\n      ...drawerFilters,\n      ...customQueryParams,\n      ...existingFilters,\n      page: 0,\n    });\n\n    setSelectedFilters(mappedDrawerFilters);\n  }, []);\n\n  const {\n    register,\n    handleSubmit,\n    formState: { errors },\n    setValue,\n    reset,\n    watch,\n  } = useForm({ defaultValues: queryState });\n\n  const filterIds = filters.map((filter) => filter.id);\n  const checkedDrawerFilters = watch(filterIds);\n  const mappedCheckedDrawerFilters = checkedDrawerFilters\n    .flatMap((value) => value)\n    .filter(Boolean);\n\n  const {\n    fetchData,\n    state: { data, loading, error },\n  } = useListingComponentData<\n    { readonly [key: string]: unknown },\n    requestState\n  >(searchEndpoint, { results: listItems, total: 0, count: 0 }, false, false);\n\n  const handleListingFiltersUpdate = (\n    selectedListingFilters: IListingFilterGroup[],\n  ) => {\n    const listingFilters = selectedListingFilters.map(({ filter }) =>\n      filter.id.toString(),\n    );\n\n    setSortedListingFilters(selectedListingFilters);\n\n    setCleanQueryParams({\n      ...queryState,\n      [listingFilterParam]: listingFilters,\n      page: 0,\n    });\n  };\n\n  // Function to clear all filters and query params\n  const clearAllFilters = (\n    e: MouseEvent<HTMLButtonElement>,\n    params: Partial<typeof queryState> = {},\n  ) => {\n    e.preventDefault();\n\n    if (checkedDrawerFilters) reset(checkedDrawerFilters);\n\n    // Resets all the current selected filters\n    reset(filterIds);\n    reset({ freetext: '' });\n\n    setClearSearch((prev) => prev + 1);\n    setSortedListingFilters([]);\n    setCleanQueryParams({\n      freetext: '',\n      take: queryState.take,\n      page: 0,\n      applicationAreas,\n      ...params,\n      ...customQueryParams,\n    });\n\n    setIsMobileFiltersOpen(false);\n  };\n\n  // Remove filter from selectedFilters when Tag is clicked\n  const handleTagRemove = (id: string, key: string) => {\n    const updatedFilters = selectedFilters.filter((filter) => filter.id !== id);\n    setSelectedFilters(updatedFilters);\n\n    const params = () => {\n      const currentValue = ([] as any[]).concat(\n        queryState[key as keyof typeof queryState] || [],\n      );\n\n      if (key === 'freetext') {\n        return { freetext: '' };\n      }\n\n      return {\n        [key]: currentValue.filter((item) => item !== id),\n      };\n    };\n\n    if (key === 'freetext') setClearSearch((prev) => prev + 1);\n\n    setCleanQueryParams({\n      ...queryState,\n      ...params(),\n    });\n  };\n\n  // Form submission handler\n  const onSubmit: SubmitHandler<QueryState> = async (data, e) => {\n    e?.preventDefault();\n\n    const { applicationAreas, page, pageUrl, freetext, ...selectedFilters } =\n      data;\n\n    // Reset filters when a new search term is submitted\n    if (!!freetext && freetext != queryState.freetext) {\n      setCleanQueryParams({\n        freetext,\n        page: 0,\n        take: queryState.take,\n        applicationAreas,\n        ...customQueryParams,\n      });\n    } else {\n      setCleanQueryParams({\n        ...queryState,\n        ...data,\n        page: 0,\n      });\n    }\n\n    window.dataLayer.push({\n      event: 'trackingEvent_filter_select',\n      trackingEvent_filter_select: { ...selectedFilters },\n    });\n\n    // Scroll to listing results\n    const headerHeight = document.getElementById('header')?.offsetHeight || 0;\n\n    if (resultsRef.current) {\n      const resultsOffset =\n        resultsRef.current.getBoundingClientRect().top +\n        window.scrollY -\n        headerHeight;\n\n      window.scrollTo({\n        top: resultsOffset,\n        behavior: 'smooth',\n      });\n    }\n  };\n\n  useEffect(() => {\n    const updatedPageSize = calculatedPageSize;\n\n    const cleanQuery = sanitizeQuery<QueryState>(queryState);\n\n    // Fetch data with the sanitized query parameters\n    if (hasPopulatedQueryState.current) {\n      fetchData({\n        ...cleanQuery,\n        take: updatedPageSize,\n      });\n    }\n\n    // Reset with the current queryState\n    reset(queryState);\n\n    const { freetext } = queryState;\n    const updatedSelectedFreetext = freetext\n      ? [{ name: 'freetext', id: 'freetext', label: freetext }]\n      : [];\n\n    // Flatten and transform the filters based on selected filter values\n    const updatedSelectedFilters = filters?.flatMap((filter) => {\n      const mappedFilter = mappedDrawerFilters.find(\n        (mapped) => mapped.name === filter.id,\n      );\n\n      if (!mappedFilter) return [];\n\n      // Map the options where the id of the option matches one of the ids in the mappedFilter.id array\n      return filter.options\n        .filter((option) => mappedFilter.id.includes(option.id))\n        .map(({ id, label }) => ({\n          name: filter.id,\n          id,\n          label,\n        }));\n    });\n\n    // Match listing filters with query state\n    const findMatchingItems = (\n      items: any[],\n      idAccessor: { (item: any): any; (arg0: any): any },\n    ) => {\n      // Extract all arrays from queryState\n      const queryArrays = Object.values(queryState).filter((value) =>\n        Array.isArray(value),\n      );\n\n      const queryIds = queryArrays.flat().map(String);\n\n      // Filter items by matching IDs\n      return items.filter((item) =>\n        queryIds.includes(String(idAccessor(item))),\n      );\n    };\n\n    const selectedListingFilters = listingFilters\n      ? findMatchingItems(listingFilters, (item) => item.filter.id).reduce(\n          (acc, item) => {\n            acc.push({\n              name: listingFilterParam,\n              id: item.filter.id.toString(),\n              label: item.filter.label,\n              featuredInspiration: item.featuredInspiration || null,\n              inspirationCard: item.inspirationCard || null,\n            });\n            return acc;\n          },\n          [],\n        )\n      : undefined;\n\n    // Set all selected filters\n    setSelectedFilters([\n      ...(updatedSelectedFilters || []),\n      ...updatedSelectedFreetext,\n      ...(selectedListingFilters || []),\n    ]);\n  }, [queryState]);\n\n  // Update results\n  useEffect(() => {\n    hasPopulatedQueryState.current = true;\n    if (queryState.page === 0) {\n      setListItems(data.results ?? []);\n    } else {\n      setListItems((prevItems) => [\n        ...(prevItems ?? []),\n        ...(data.results ?? []),\n      ]);\n    }\n\n    if (data?.results) {\n      window.dataLayer.push({\n        event: 'trackingEvent_search_results',\n        event_name_variable: 'search_results',\n        trackingEvent_search_results: {\n          search_type: type,\n          search_term: queryState.freetext,\n          search_results: data.results.length > 0,\n        },\n      });\n    }\n\n    setSelectedFeaturedInspiration(\n      sortedListingFilters[0]?.featuredInspiration || featuredInspiration,\n    );\n    setSelectedInspirationCard(\n      sortedListingFilters[0]?.inspirationCard || inspirationCard,\n    );\n  }, [data]);\n\n  // Fetch new results if grid size changes\n  useEffect(() => {\n    setQueryState((prev) => ({\n      ...prev,\n      page: 0,\n    }));\n  }, [gridSize]);\n\n  useEffect(() => {\n    setShowLoadMore(data?.total > slicedListitems.length);\n  }, [slicedListitems]);\n\n  const fadeInUpAnimation = {\n    hidden: {\n      opacity: 0,\n      y: 50,\n      transition: {\n        duration: 0.2,\n        ease: [0.22, 1, 0.36, 1],\n      },\n    },\n    visible: {\n      opacity: 1,\n      y: 0,\n      transition: {\n        type: 'spring',\n        stiffness: 50,\n        damping: 14,\n      },\n    },\n  };\n\n  return (\n    <section className=\"tw-relative\">\n      <div className=\"tw-flex tw-flex-col\">\n        <div className=\"tw-bg-white tw-pb-xl md:tw-pb-2xl xl:tw-pb-xl\">\n          <div className=\"tw-container tw-grid tw-grid-cols-4 tw-gap-x-xs tw-gap-y-md tw-pt-xl tw-text-black md:tw-grid-cols-6 md:tw-gap-x-md md:tw-gap-y-xl lg:tw-grid-cols-12 xl:tw-pt-2xl\">\n            {title && (\n              <div\n                className=\"tw-col-span-full tw-flex tw-flex-col tw-items-center tw-gap-y-md tw-text-center md:tw-gap-y-lg xl:tw-col-span-6\nxl:tw-col-start-4\"\n              >\n                <Text variant=\"heading-56\" className=\"tw-hidden md:tw-block\">\n                  {title}\n                </Text>\n                <Text variant=\"heading-32\" className=\"tw-block md:tw-hidden\">\n                  {title}\n                </Text>\n                {subtitle && (\n                  <Text\n                    variant=\"body\"\n                    className=\"tw-rich-text tw-text-grey-80 md:tw-mb-0\"\n                    dangerouslySetInnerHTML={{ __html: subtitle }}\n                  />\n                )}\n              </div>\n            )}\n            <div className=\"tw-col-span-full tw-col-start-1 tw-flex-col tw-gap-xs tw-pb-md md:tw-col-span-4 md:tw-col-start-2 md:tw-flex md:tw-pb-2xl lg:tw-col-start-5\">\n              <form onSubmit={handleSubmit(onSubmit)}>\n                <Search\n                  clearSearch={clearSearch}\n                  autoCompleteEndpoint={`${autoCompleteEndpoint}?page=0&pageUrl=${pageUrl}&applicationAreas=${applicationAreas}&freetext`}\n                  setValue={setValue as any}\n                  errors={errors}\n                  label={'Search'}\n                  name={'freetext'}\n                  initialValue={initialSearchText ?? ''}\n                  register={register as any}\n                  placeholder={autoCompletePlaceholder}\n                  onAutoCompleteSelect={(value) => {\n                    onSubmit({\n                      ...queryState,\n                      freetext: value,\n                    });\n                  }}\n                />\n              </form>\n            </div>\n          </div>\n          {listingFilters && (\n            <ListingFilters\n              type={type}\n              filters={listingFilters}\n              selectedListingFilters={queryState[listingFilterParam]}\n              onClickCallback={(selectedListingFilters) => {\n                handleListingFiltersUpdate(selectedListingFilters);\n              }}\n            />\n          )}\n        </div>\n\n        <div\n          ref={resultsRef}\n          className=\"dark tw-col-span-full tw-min-h-[700px]\"\n        >\n          {/* Filters */}\n          <div className=\"lg:pb-md tw-sticky tw-top-[56px] tw-z-30 tw-bg-grey-10 tw-py-xs lg:tw-hidden\">\n            {/* Mobile Filters */}\n            {!!filters.length && (\n              <div className=\"tw-container tw-block lg:tw-inline-block\">\n                <Button\n                  aria-label={openLabel}\n                  aria-controls=\"filters-modal\"\n                  aria-expanded={isMobileFiltersOpen}\n                  variant=\"white\"\n                  label={openLabel}\n                  iconName=\"filter\"\n                  buttonClasses=\"tw-w-full [&>div]:tw-justify-between tw-border tw-border-grey-10 hover:tw-border-black\"\n                  onClick={() => setIsMobileFiltersOpen(true)}\n                />\n              </div>\n            )}\n          </div>\n\n          <div className=\"tw-container tw-flex tw-flex-col tw-items-end tw-justify-between tw-gap-sm tw-pb-xs md:tw-py-sm lg:tw-flex-row lg:tw-pb-md lg:tw-pt-lg\">\n            <AnimatePresence mode=\"wait\">\n              {!!filters.length && (\n                <div className=\"tw-relative tw-flex tw-w-full tw-flex-col tw-gap-xs md:tw-justify-end lg:tw-items-start\">\n                  <Button\n                    aria-label={openLabel}\n                    aria-controls=\"filters-modal\"\n                    aria-expanded={isMobileFiltersOpen}\n                    variant=\"white\"\n                    label={openLabel}\n                    iconName=\"filter\"\n                    buttonClasses=\"tw-w-full lg:tw-w-auto [&>div]:tw-justify-between tw-border tw-border-grey-10 hover:tw-border-black tw-hidden lg:tw-flex\"\n                    onClick={() => setIsMobileFiltersOpen(true)}\n                  />\n                  {/* Quick Filters */}\n                  {!!selectedFilters.length && (\n                    <div className=\"tw-flex tw-w-full tw-flex-wrap tw-items-center tw-gap-2 md:tw-gap-3\">\n                      {selectedFilters.map(({ name, label, id }, index) => (\n                        <motion.div\n                          key={`${id}-${index}`}\n                          variants={fadeIn}\n                          initial=\"hidden\"\n                          animate=\"visible\"\n                          exit=\"hidden\"\n                        >\n                          <Tag\n                            label={label}\n                            onClick={() => {\n                              handleTagRemove(id, name);\n                            }}\n                            icon\n                            largeText\n                          />\n                        </motion.div>\n                      ))}\n\n                      <motion.div\n                        key=\"clear\"\n                        variants={fadeIn}\n                        initial=\"hidden\"\n                        animate=\"visible\"\n                        exit=\"hidden\"\n                      >\n                        <Button\n                          variant=\"link\"\n                          buttonClasses=\"tw-py-[2px] !tw-px-2\"\n                          label={clearAllLabel}\n                          onClick={(e) => {\n                            clearAllFilters(e, {});\n                          }}\n                        />\n                      </motion.div>\n                    </div>\n                  )}\n                </div>\n              )}\n            </AnimatePresence>\n\n            <div className=\"tw-relative tw-flex tw-w-full tw-shrink-0 tw-flex-col tw-justify-between tw-gap-sm md:tw-flex-row md:tw-items-center lg:tw-w-auto lg:tw-flex-col lg:tw-items-end lg:tw-justify-end xl:tw-gap-xs\">\n              <div className=\"tw-h-5\">\n                <AnimatePresence mode=\"wait\">\n                  {hasPopulatedQueryState.current && !loading && (\n                    <motion.div\n                      key=\"results\"\n                      variants={fadeIn}\n                      initial=\"hidden\"\n                      animate=\"visible\"\n                      exit=\"hidden\"\n                    >\n                      <Text\n                        variant=\"body-small\"\n                        className=\"tw-text-left tw-text-grey-70\"\n                      >\n                        {!loading && slicedListitems?.length === 0\n                          ? noResultsLabel\n                          : replaceValuesInLabel(countLabel, [\n                              slicedListitems ? slicedListitems?.length : 0,\n                              data?.total,\n                            ])}\n                      </Text>\n                    </motion.div>\n                  )}\n                </AnimatePresence>\n              </div>\n              {type === ListingTypeEnum.Colour && (\n                <GridSlider value={gridSize} setValue={setGridSize} />\n              )}\n            </div>\n          </div>\n\n          {slicedListitems && (\n            <div\n              className={classNames(\n                'tw-transition-ease tw-container tw-relative tw-grid tw-grid-cols-12 tw-items-center',\n                gridClasses,\n              )}\n            >\n              <AnimatePresence mode=\"wait\">\n                {(!loading || page !== 0) && (\n                  <>\n                    {/* No results message */}\n                    {!slicedListitems?.length &&\n                      hasPopulatedQueryState.current && (\n                        <motion.div\n                          key=\"no-results\"\n                          variants={fadeInUpAnimation}\n                          initial=\"hidden\"\n                          animate=\"visible\"\n                          exit=\"hidden\"\n                          className=\"tw-absolute tw-inset-0 tw-flex tw-h-[400px] tw-items-center\"\n                        >\n                          <ListingPlaceholder\n                            title={noResultsHeader}\n                            message={noResultsText}\n                          />\n                        </motion.div>\n                      )}\n                    {/* Hotspot Card */}\n                    {!!selectedFeaturedInspiration && hotspotData.show && (\n                      <motion.div\n                        key={`hotspot-${selectedFeaturedInspiration?.link}`}\n                        variants={fadeInUpAnimation}\n                        initial=\"hidden\"\n                        animate=\"visible\"\n                        exit=\"hidden\"\n                        className={classNames(\n                          'tw-h-full',\n                          positionClass('hotspot'),\n                        )}\n                      >\n                        <HotspotCard\n                          aspectRatio={hotspotData.aspectRatio}\n                          {...selectedFeaturedInspiration}\n                        />\n                      </motion.div>\n                    )}\n\n                    {/* Inspiration Card */}\n                    {!!selectedInspirationCard && inspirationData.show && (\n                      <motion.div\n                        key={`inspiration-${selectedInspirationCard.meta?.contentLink}`}\n                        variants={fadeInUpAnimation}\n                        initial=\"hidden\"\n                        animate=\"visible\"\n                        exit=\"hidden\"\n                        className={classNames(\n                          'tw-h-full',\n                          positionClass('inspiration'),\n                        )}\n                      >\n                        <InspirationCard {...selectedInspirationCard} />\n                      </motion.div>\n                    )}\n\n                    {/* Listing Cards */}\n                    {!!slicedListitems?.length &&\n                      slicedListitems.map((card, index) => {\n                        if (type === ListingTypeEnum.Colour) {\n                          const { colourName } = card as IColourSwatchCard;\n                          return (\n                            <motion.div\n                              key={`${colourName}-${index}`}\n                              variants={fadeInUpAnimation}\n                              initial=\"hidden\"\n                              animate=\"visible\"\n                              exit=\"hidden\"\n                              className={classNames(\n                                'tw-h-full',\n                                positionClass('colour'),\n                              )}\n                            >\n                              <ColourSwatchCard\n                                createColourImage={false}\n                                showLikeButton={gridSize !== 0}\n                                bgColour={ColourSwatchCardBG.White}\n                                {...(card as IColourSwatchCard)}\n                                variant={cardVariant}\n                              />\n                            </motion.div>\n                          );\n                        }\n\n                        if (type === ListingTypeEnum.Product) {\n                          const { productName } = card as IProductCard;\n                          return (\n                            <motion.div\n                              key={`${productName}-${index}`}\n                              variants={fadeInUpAnimation}\n                              initial=\"hidden\"\n                              animate=\"visible\"\n                              exit=\"hidden\"\n                              className={classNames(\n                                'tw-h-full',\n                                positionClass('product'),\n                              )}\n                            >\n                              <ProductCard\n                                {...(card as IProductCard)}\n                                detailedView\n                              />\n                            </motion.div>\n                          );\n                        }\n\n                        return null;\n                      })}\n                  </>\n                )}\n              </AnimatePresence>\n            </div>\n          )}\n          {/* Load more button */}\n          {!!slicedListitems.length && (\n            <motion.div\n              variants={fadeInUpAnimation}\n              initial=\"hidden\"\n              animate=\"visible\"\n              exit=\"hidden\"\n              className=\"tw-flex tw-min-h-[112px] tw-items-center tw-justify-center\"\n            >\n              <AnimatePresence mode=\"wait\">\n                {loading ? (\n                  <div className=\"tw-col-span-full tw-flex tw-justify-center tw-py-6\">\n                    <LoadingSpinner\n                      size={SizeEnum.Small}\n                      loadingLabel={loadingLabel}\n                    />\n                  </div>\n                ) : (\n                  <motion.div\n                    variants={fadeInUpAnimation}\n                    initial=\"hidden\"\n                    animate=\"visible\"\n                    exit=\"hidden\"\n                    className=\"tw-mt-lg tw-flex tw-flex-col tw-items-center tw-gap-3 tw-text-center\"\n                  >\n                    {showLoadMore && (\n                      <Button\n                        onClick={() => {\n                          setQueryState((prev) => ({\n                            ...prev,\n                            page: prev.page + 1,\n                          }));\n                        }}\n                        variant=\"grey80\"\n                        modifier=\"outline\"\n                        label={loadMoreLabel}\n                      />\n                    )}\n                    <Text variant=\"body-small\">\n                      {replaceValuesInLabel(resultsLabel, [\n                        slicedListitems ? slicedListitems?.length : 0,\n                        data?.total,\n                      ])}\n                    </Text>\n                  </motion.div>\n                )}\n              </AnimatePresence>\n            </motion.div>\n          )}\n        </div>\n      </div>\n      {/* Drawer filters */}\n      {!!filters.length && (\n        <DrawerWrapper\n          isOpen={isMobileFiltersOpen}\n          setIsOpen={setIsMobileFiltersOpen}\n          slideFromLeft\n          closeLabel={closeLabel}\n          title={filterLabel}\n          wrapperStyles=\"tw-h-full tw-flex tw-flex-col\"\n        >\n          <form className=\"tw-flex tw-h-full tw-flex-col\">\n            <div className=\"tw-px-4 tw-py-10 md:tw-p-12\">\n              <FilterAccordion\n                firstOpen\n                allowMultipleOpen={false}\n                variant=\"primary\"\n                setValue={setValue as any}\n                register={register as any}\n                filters={filters}\n              />\n            </div>\n            <div className=\"tw-sticky tw-bottom-0 tw-left-0 tw-mt-auto tw-flex tw-w-full tw-bg-white\">\n              <Button\n                variant=\"grey80\"\n                modifier=\"outline\"\n                buttonClasses=\"tw-basis-6/12 tw-rounded-none\"\n                label={clearAllLabel}\n                onClick={(e) => {\n                  clearAllFilters(e, {\n                    freetext: queryState.freetext, // maintain search term\n                    [listingFilterParam]: queryState?.[listingFilterParam], // maintain listing filters\n                  });\n                }}\n                disabled={!mappedCheckedDrawerFilters.length}\n              />\n              <Button\n                variant=\"grey80\"\n                buttonClasses=\"tw-basis-6/12 tw-rounded-none\"\n                onClick={(e) => {\n                  e.preventDefault();\n                  const submitHandler = handleSubmit(onSubmit);\n                  submitHandler(e);\n                  setIsMobileFiltersOpen(false);\n                }}\n                label={applyLabel}\n              />\n            </div>\n          </form>\n        </DrawerWrapper>\n      )}\n    </section>\n  );\n};\n\nexport default ListingWrapper;\n","import queryString from 'query-string';\nimport { useState } from 'react';\n\ninterface IListingComponentState<TData> {\n  readonly data: TData;\n  readonly loading: boolean;\n  readonly error: string;\n  readonly isInitialData: boolean;\n  readonly pushToUrl?: boolean;\n}\n\n// Extend the hook definition with TData for the data structure\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst useListingComponentData = <TFormData extends Record<string, any>, TData>(\n  apiEndpoint: string,\n  initialData: TData,\n  skipEmptyString = true,\n  pushToUrl = true\n) => {\n  const [state, setState] = useState<IListingComponentState<TData>>({\n    data: initialData,\n    loading: false,\n    error: '',\n    isInitialData: true,\n  });\n\n  const fetchData = async (formData: TFormData) => {\n    try {\n      setState({ ...state, loading: true, error: '' });\n      const requestQueryString = `?${queryString.stringify(formData, {\n        skipEmptyString: skipEmptyString,\n        arrayFormat: 'comma',\n      })}`;\n\n      const response = await fetch(`${apiEndpoint}${requestQueryString}`);\n\n      if (!response.ok) {\n        throw new Error(`Request failed with status ${response.status}`);\n      }\n\n      const data = await response.json();\n\n      if (pushToUrl) {\n        const currentUrl = new URL(window.location.href);\n        const searchParams = currentUrl.searchParams;\n\n        (Object.keys(formData) as Array<keyof TFormData>).forEach((key) => {\n          const value = formData[key];\n          searchParams.set(key?.toString(), value?.toString());\n        });\n\n        window.history.pushState({}, '', currentUrl.href);\n      }\n\n      setState({ ...state, data, loading: false, isInitialData: false });\n    } catch (error) {\n      setState({ ...state, loading: false, error: 'Error fetching data' });\n    }\n  };\n\n  return { fetchData, state };\n};\n\nexport default useListingComponentData;\n","import { RefObject } from 'react';\n\nexport const createColourPng = (\n  ref: RefObject<HTMLDivElement | null>,\n  colour: string\n): string => {\n  if (typeof window !== 'undefined') {\n    const imageWidth = ref.current?.offsetWidth || 100;\n    const imageHeight = ref.current?.offsetHeight || 100;\n\n    const canvas = document.createElement('canvas');\n    canvas.width = imageWidth;\n    canvas.height = imageHeight;\n    const ctx = canvas.getContext('2d');\n\n    if (ctx) {\n      ctx.fillStyle = `#${colour}`;\n      ctx.fillRect(0, 0, imageWidth, imageHeight);\n    }\n\n    return canvas.toDataURL();\n  }\n\n  return '';\n};\n","import Button from '@atoms/Button/Button';\nimport Text from '@atoms/Text/Text';\nimport { IHotspotButton } from '@models/IHotspotButton';\nimport classNames from 'classnames';\nimport { AnimatePresence, motion, useReducedMotion } from 'motion/react';\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nconst HotspotButton = ({\n  activeTooltipIndex,\n  colourCode,\n  colourHexCode,\n  colourName,\n  colourUrl,\n  colourPreviewUrl,\n  hotspots,\n  index,\n  onToggleTooltip,\n  productName,\n  productUrl,\n  tooltipPositionedUnderHotspot = false,\n  tooltipShouldStack = false,\n  tooltipOverflowLeft = false,\n  tooltipOverflowRight = false,\n}: IHotspotButton) => {\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const stackedTooltipRefs = useRef<(HTMLDivElement | null)[]>([]);\n  const tooltipRef = useRef<HTMLDivElement>(null);\n  const [tooltipOffsets, setTooltipOffsets] = useState<number[]>([]);\n  const [tooltipOffset, setTooltipOffset] = useState(18);\n  const [stackedTooltipContainerHeight, setStackedTooltipContainerHeight] =\n    useState(0);\n  const [maxTooltipWidth, setMaxTooltipWidth] = useState(0);\n  const shouldReduceMotion = useReducedMotion();\n  const isOpen =\n    activeTooltipIndex === index ||\n    (tooltipShouldStack && activeTooltipIndex >= 0);\n\n  const stackedTooltips = tooltipShouldStack && !!hotspots.length;\n  const previewImageParams = 'format=jpg&height=10&width=10&quality=70';\n\n  const handleToggleTooltip = useCallback(\n    (index: number) => {\n      onToggleTooltip(index);\n      if (isOpen) buttonRef.current?.blur();\n    },\n    [index, isOpen],\n  );\n\n  const handleBlur = useCallback(\n    (event: React.FocusEvent) => {\n      const relatedTarget = event.relatedTarget as HTMLElement;\n      const isRelatedTargetInsideTooltip =\n        tooltipRef.current?.contains(relatedTarget) ||\n        stackedTooltipRefs.current.some((tooltip) =>\n          tooltip?.contains(relatedTarget),\n        );\n\n      if (!isRelatedTargetInsideTooltip) {\n        onToggleTooltip(-1);\n      }\n    },\n    [onToggleTooltip],\n  );\n\n  useEffect(() => {\n    if (isOpen && stackedTooltipRefs.current.length) {\n      const tooltipOffsets = stackedTooltipRefs.current.map((tooltip) => {\n        return tooltip ? tooltip.offsetHeight + 18 : 18;\n      });\n      setTooltipOffsets(tooltipOffsets);\n\n      const maxWidth = Math.max(\n        ...stackedTooltipRefs.current.map(\n          (tooltip) => tooltip?.getBoundingClientRect().width || 0,\n        ),\n      );\n\n      setMaxTooltipWidth(maxWidth);\n    }\n  }, [isOpen, hotspots.length]);\n\n  useEffect(() => {\n    if (stackedTooltips) {\n      const totalHeight = stackedTooltipRefs.current.reduce((acc, tooltip) => {\n        return acc + (tooltip?.offsetHeight || 0);\n      }, 0);\n      setStackedTooltipContainerHeight(totalHeight);\n    }\n  }, [stackedTooltips, tooltipOffsets]);\n\n  const getTooltipStyles = (tooltipIndex: number) => {\n    const offset = tooltipOffsets\n      .slice(0, tooltipIndex)\n      .reduce((acc, curr) => acc + curr - 22, 0);\n\n    return {\n      bottom: tooltipPositionedUnderHotspot ? `${offset}px` : undefined,\n      top: !tooltipPositionedUnderHotspot ? `${offset}px` : undefined,\n      right: tooltipOverflowRight ? `-25%` : undefined,\n      left: tooltipOverflowLeft ? `-25%` : undefined,\n      zIndex: 10 + tooltipIndex,\n      width: `${maxTooltipWidth}px`,\n    };\n  };\n\n  const singleTooltipStyles = useMemo(() => {\n    return {\n      bottom: tooltipPositionedUnderHotspot ? `-${tooltipOffset}px` : undefined,\n      top: !tooltipPositionedUnderHotspot ? `-${tooltipOffset}px` : undefined,\n      right: tooltipOverflowRight ? `-25%` : undefined,\n      left: tooltipOverflowLeft ? `-25%` : undefined,\n    };\n  }, [\n    tooltipPositionedUnderHotspot,\n    tooltipOverflowLeft,\n    tooltipOverflowRight,\n    tooltipOffset,\n  ]);\n\n  useEffect(() => {\n    if (isOpen && tooltipRef.current)\n      setTooltipOffset(tooltipRef.current.offsetHeight + 18);\n  }, [isOpen]);\n\n  const tooltipClassNames = classNames(\n    'tw-absolute tw-min-w-max tw-rounded tw-bg-grey-20 tw-px-4 tw-py-2',\n    {\n      'tooltip-bottom': tooltipPositionedUnderHotspot,\n      'tooltip-right': tooltipOverflowRight,\n      'tooltip-left': tooltipOverflowLeft,\n      'tw-text-center': !tooltipShouldStack,\n    },\n  );\n\n  return (\n    <div className=\"tw-relative tw-z-10 tw-flex tw-flex-col tw-items-center tw-justify-center\">\n      <motion.div\n        animate={\n          isOpen || shouldReduceMotion ? undefined : { scale: [1, 1.05, 1] }\n        }\n        transition={\n          isOpen || shouldReduceMotion\n            ? undefined\n            : { duration: 1.5, repeat: Infinity }\n        }\n      >\n        <Button\n          buttonClasses=\"tw-w-md !tw-h-md !tw-p-0 tw-z-10 tw-bg-opacity-50 !tw-ring-0 focus:!tw-ring-offset-0 after:tw-content-none\"\n          iconClasses=\"tw-opacity !tw-h-auto !tw-w-2 tw-shrink-0\"\n          iconName={isOpen ? 'cross' : 'plus'}\n          onClick={() => {\n            handleToggleTooltip(index);\n\n            window.dataLayer.push({\n              event: 'trackingEvent_hotspot_interaction',\n              event_name_variable: 'hotspot_interaction',\n              trackingEvent_hotspot_interaction: {\n                product_name: productName,\n                colour_name: colourName,\n              },\n            });\n          }}\n          ref={buttonRef}\n          variant=\"white\"\n          aria-expanded={isOpen}\n          aria-label={isOpen ? `More information ` : `Close information`}\n        />\n      </motion.div>\n\n      <AnimatePresence mode=\"wait\">\n        {isOpen && (\n          <>\n            {stackedTooltips ? (\n              <div\n                className=\"tw-absolute -tw-right-2\"\n                style={{ top: `-${stackedTooltipContainerHeight + 12}px` }}\n              >\n                {hotspots.map(({ colour, product }, tooltipIndex) => {\n                  const stackedTooltipClassNames = classNames(\n                    tooltipClassNames,\n                    { 'tooltip-stacked': tooltipIndex === hotspots.length - 1 },\n                    { 'tooltip-separator': tooltipIndex !== 0 },\n                  );\n\n                  return (\n                    <motion.div\n                      key={tooltipIndex}\n                      role=\"tooltip\"\n                      ref={(el) => {\n                        stackedTooltipRefs.current[tooltipIndex] = el;\n                      }}\n                      style={getTooltipStyles(tooltipIndex)}\n                      className={stackedTooltipClassNames}\n                      initial={{\n                        opacity: 0,\n                        y: tooltipPositionedUnderHotspot ? -10 : 10,\n                      }}\n                      animate={{ opacity: 1, y: 0 }}\n                      exit={{\n                        opacity: 0,\n                        y: tooltipPositionedUnderHotspot ? -10 : 10,\n                      }}\n                      transition={{ duration: shouldReduceMotion ? 0 : 0.3 }}\n                      onBlur={(event) => handleBlur(event)}\n                    >\n                      {product?.name && product?.url && (\n                        <a href={product.url} className=\"tw-group\">\n                          <Text\n                            variant=\"body-small\"\n                            className=\"tw-break-words tw-text-grey-70 group-hover:tw-underline\"\n                          >\n                            {product.name}\n                          </Text>\n                        </a>\n                      )}\n\n                      {colour?.name && colour?.url && (\n                        <>\n                          <a\n                            href={colour.url}\n                            className=\"tw-group tw-flex tw-gap-x-[5px]\"\n                          >\n                            <span\n                              className=\"tw-mb-auto tw-mt-1.5 tw-block tw-h-[9px] tw-min-w-[9px] tw-rounded\"\n                              style={{\n                                backgroundImage: colour.previewUrl\n                                  ? `url(${colour.previewUrl}?${previewImageParams})`\n                                  : 'none',\n                                backgroundColor: colour.previewUrl\n                                  ? 'unset'\n                                  : `#${colourHexCode}`,\n                              }}\n                            />\n                            <Text\n                              variant=\"body-small\"\n                              className=\"tw-break-words tw-text-grey-100 group-hover:tw-underline\"\n                            >\n                              {colour?.colourCode} {colour.name}\n                            </Text>\n                          </a>\n                        </>\n                      )}\n                    </motion.div>\n                  );\n                })}\n              </div>\n            ) : (\n              <motion.div\n                role=\"tooltip\"\n                ref={tooltipRef}\n                style={singleTooltipStyles}\n                className={classNames('tooltip-container', tooltipClassNames)}\n                initial={{\n                  opacity: 0,\n                  y: tooltipPositionedUnderHotspot ? -10 : 10,\n                }}\n                animate={{ opacity: 1, y: 0 }}\n                exit={{\n                  opacity: 0,\n                  y: tooltipPositionedUnderHotspot ? -10 : 10,\n                }}\n                transition={{ duration: shouldReduceMotion ? 0 : 0.3 }}\n                onBlur={(event) => handleBlur(event)}\n              >\n                {productName && productUrl && (\n                  <a href={productUrl} className=\"tw-group\">\n                    <Text\n                      variant=\"body-small\"\n                      className=\"tw-break-words tw-text-grey-100 group-hover:tw-underline\"\n                    >\n                      {productName}\n                    </Text>\n                  </a>\n                )}\n                {colourName && colourUrl && (\n                  <a\n                    href={colourUrl}\n                    className=\"tw-group tw-relative tw-flex tw-items-center tw-justify-center tw-gap-x-[5px]\"\n                  >\n                    <span\n                      className=\"tw-mb-auto tw-mt-1.5 tw-block tw-h-[9px] tw-min-w-[9px] tw-rounded\"\n                      style={{\n                        backgroundImage: colourPreviewUrl\n                          ? `url(${colourPreviewUrl}?${previewImageParams})`\n                          : 'none',\n                        backgroundColor: colourPreviewUrl\n                          ? 'unset'\n                          : `#${colourHexCode}`,\n                      }}\n                    />\n                    <Text\n                      variant=\"body-small\"\n                      className=\"tw-break-words tw-text-grey-100 group-hover:tw-underline\"\n                    >\n                      {colourCode!} {colourName}\n                    </Text>\n                  </a>\n                )}\n              </motion.div>\n            )}\n          </>\n        )}\n      </AnimatePresence>\n    </div>\n  );\n};\n\nexport default HotspotButton;\n","import HotspotButton from '@atoms/HotspotButton/HotspotButton';\nimport Icon from '@atoms/Icon/Icon';\nimport Image from '@atoms/Image/Image';\nimport Video from '@atoms/Video/Video';\nimport { IHotspotCard } from '@models/IHotspotCard';\nimport { IHotspots } from '@models/IHotspots';\nimport { IWishlistDrawerLabels } from '@models/IWishlistDrawer';\nimport CardTypeEnum from '@models/enums/CardTypeEnum';\nimport AddToWishlist from '@molecules/AddToWishlist/AddToWishlist';\nimport classNames from 'classnames';\nimport { useMemo, useState } from 'react';\n\nexport const enum HotspotCardVariant {\n  shortNoTitle = 'short-no-title',\n  tallWithTab = 'tall-with-title',\n}\n\ninterface Props extends IHotspotCard {\n  readonly link?: string;\n  readonly title?: string;\n  readonly variant?: HotspotCardVariant;\n  readonly wishlistDrawerLabels?: IWishlistDrawerLabels;\n  readonly showLikeButton?: boolean;\n  readonly wishlistId?: number;\n}\n\nconst HotspotCard = (props: Props) => {\n  const {\n    aspectRatio,\n    desktopImage,\n    mobileImage,\n    hotspots,\n    link,\n    showLikeButton = true,\n    variant = HotspotCardVariant.shortNoTitle,\n    video,\n    wishlistDrawerLabels,\n    wishlistId,\n  } = props;\n\n  const [activeTooltipIndex, setActiveTooltipIndex] = useState(-1);\n  const [videoPlaying, setVideoPlaying] = useState(true);\n  const hasVideo = !!video?.videoSource;\n  const isPortrait = aspectRatio ? aspectRatio <= 1 : true;\n  const calculatedAspectRatio =\n    variant === HotspotCardVariant.shortNoTitle ? 4 / 5 : 2 / 3;\n\n  const image = isPortrait ? mobileImage : desktopImage;\n\n  const renderHotspotButton = (hotspot: IHotspots, index: number) => {\n    const {\n      colour,\n      horizontalPercentMobile,\n      product,\n      verticalPercentMobile,\n      horizontalPercentDesktop,\n      verticalPercentDesktop,\n    } = hotspot ?? {};\n\n    const horizontalPercentage = isPortrait\n      ? horizontalPercentMobile\n      : horizontalPercentDesktop;\n\n    const verticalPercentage = isPortrait\n      ? verticalPercentMobile\n      : verticalPercentDesktop;\n\n    const positionStyle = hasVideo\n      ? { bottom: 0, right: 0 }\n      : {\n          left: `${horizontalPercentage}%`,\n          top: `${verticalPercentage}%`,\n        };\n\n    return (\n      <div\n        key={`${product?.name}-${horizontalPercentage}-${verticalPercentage}`}\n        className=\"tw-absolute tw-z-10 -tw-translate-x-1/2 -tw-translate-y-1/2\"\n        style={positionStyle}\n      >\n        <HotspotButton\n          activeTooltipIndex={activeTooltipIndex}\n          colourHexCode={colour?.hexCode}\n          colourName={colour?.name}\n          colourUrl={colour?.url}\n          colourPreviewUrl={colour?.previewUrl}\n          colourCode={colour?.colourCode}\n          index={index}\n          onToggleTooltip={() =>\n            setActiveTooltipIndex((prevIndex) =>\n              prevIndex === index ? -1 : index,\n            )\n          }\n          productName={product?.name}\n          productUrl={product?.url}\n          tooltipShouldStack={hasVideo}\n          hotspots={hotspots}\n          tooltipPositionedUnderHotspot={verticalPercentage < 50 && !hasVideo}\n          tooltipOverflowLeft={horizontalPercentage < 35 && !hasVideo}\n          tooltipOverflowRight={horizontalPercentage > 65 || hasVideo}\n        />\n      </div>\n    );\n  };\n\n  const getHotspotsToRender = () => {\n    if (hasVideo && !!hotspots.length) {\n      // Render only the first hotspot if a video is present\n      return [renderHotspotButton(hotspots[0]!, 0)];\n    } else {\n      // Render all hotspots otherwise\n      return hotspots.map(renderHotspotButton);\n    }\n  };\n\n  const renderHotspots = useMemo(getHotspotsToRender, [\n    hotspots,\n    hasVideo,\n    activeTooltipIndex,\n    isPortrait,\n  ]);\n\n  return (\n    <div\n      className={classNames(\n        'tw-h-full tw-text-black',\n        variant === HotspotCardVariant.tallWithTab &&\n          'tw-pb-[60px] md:tw-pb-[76px]',\n        !aspectRatio && 'tw-bg-white',\n      )}\n    >\n      <div\n        className={classNames('tw-relative tw-h-auto tw-overflow-hidden')}\n        style={{ aspectRatio: aspectRatio || calculatedAspectRatio }}\n      >\n        {showLikeButton && (\n          <AddToWishlist\n            wishlistId={wishlistId}\n            card={{ ...props, aspectRatio: undefined } as IHotspotCard}\n            cardId={`${link || hotspots[0]?.product?.url}.html` || ''} // To match existing format\n            collection={CardTypeEnum.Inspirations}\n            wishlistDrawerLabels={wishlistDrawerLabels}\n          />\n        )}\n\n        {!!hotspots.length && renderHotspots}\n        {image && (\n          <Image\n            imageClasses=\"tw-w-full\"\n            image={image}\n            sizes=\"50vw\"\n            aspectRatio={aspectRatio || calculatedAspectRatio}\n          />\n        )}\n        {hasVideo && (\n          <div className=\"tw-relative tw-h-full\">\n            <button\n              className=\"tw-absolute tw-right-0 tw-top-0 tw-z-20 tw-flex tw-h-6 tw-w-6 tw-items-center tw-justify-center tw-bg-white/40\"\n              onClick={() => setVideoPlaying(!videoPlaying)}\n              aria-label={videoPlaying ? 'Pause video' : 'Play video'}\n            >\n              <Icon\n                name={videoPlaying ? 'pause' : 'play'}\n                className=\"!tw-h-auto !tw-w-2\"\n              />\n            </button>\n\n            <Video\n              videoSource={video.videoSource}\n              videoAttributes={{\n                playsinline: true,\n                muted: true,\n                playing: videoPlaying,\n                loop: true,\n              }}\n              controls={false}\n              classes=\"tw-w-full tw-h-full [&_video]:tw-object-center [&_video]:tw-object-cover tw-inset-0\"\n            />\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default HotspotCard;\n","enum ColourSwatchVariantEnum {\n  Default = 'default',\n  Detailed = 'detailed',\n  Simple = 'simple',\n}\n\nexport default ColourSwatchVariantEnum;\n","import Button from '@atoms/Button/Button';\nimport ConditionalWrapper from '@atoms/ConditionalWrapper/ConditionalWrapper';\nimport Image from '@atoms/Image/Image';\nimport Text from '@atoms/Text/Text';\nimport { IProductCard } from '@models/IProductCard';\nimport CardTypeEnum from '@models/enums/CardTypeEnum';\nimport ProductCardVariantEnum from '@models/enums/ProductCardVariantEnum';\nimport AddToWishlist from '@molecules/AddToWishlist/AddToWishlist';\nimport ProductCardImage from '@molecules/ProductCardImage/ProductCardImage';\nimport ProductImageGallery from '@molecules/ProductImageGallery/ProductImageGallery';\nimport useIsTouchDevice from '@utility/hooks/useIsTouchDevice';\nimport classNames from 'classnames';\nimport { motion } from 'motion/react';\nimport { useState } from 'react';\n\ninterface Props extends IProductCard {\n  readonly showLikeButton?: boolean;\n  readonly wishlistId?: number;\n}\n\nconst ProductCard = (props: Props) => {\n  const {\n    category,\n    cta,\n    detailedView = true,\n    images,\n    productImage,\n    productName,\n    productRole,\n    showLikeButton = true,\n    tags,\n    usps,\n    variant = ProductCardVariantEnum.Default,\n    wishlistDrawerLabels,\n    wishlistId,\n  } = props;\n\n  const [isHovered, setIsHovered] = useState(false);\n  const isTouchDevice = useIsTouchDevice();\n\n  const fadeUpVariants = {\n    hide: {\n      y: isTouchDevice ? 0 : '100%',\n      opacity: isTouchDevice ? 1 : 0,\n    },\n    show: { y: 0, opacity: 1 },\n  };\n\n  const fadeInVariants = {\n    hide: { opacity: isTouchDevice ? 1 : 0 },\n    show: { opacity: 1 },\n  };\n\n  const handleTrackingEvent = () => {\n    window.dataLayer.push({\n      event: 'trackingEvent_select_item',\n      event_name_variable: 'select_item',\n      trackingEvent_select_item: {\n        item_name: productName,\n        item_category: 'product',\n        item_category2: category,\n      },\n    });\n  };\n\n  let imageAspectRatio = 'tw-aspect-[6/7]';\n\n  if (variant !== ProductCardVariantEnum.Default) {\n    imageAspectRatio =\n      variant === ProductCardVariantEnum.Tall\n        ? 'tw-aspect-[2/3]'\n        : 'tw-aspect-[6/7] md:tw-aspect-[2/3]';\n  }\n\n  return (\n    <div className=\"tw-relative tw-h-full\">\n      {showLikeButton && (\n        <AddToWishlist\n          wishlistId={wishlistId}\n          card={props}\n          cardId={`${cta.url}.html`} // To match existing format\n          collection={CardTypeEnum.Products}\n          wishlistDrawerLabels={wishlistDrawerLabels}\n        />\n      )}\n\n      <ConditionalWrapper\n        condition={isTouchDevice || !detailedView}\n        wrapper={(children) => (\n          <a\n            className=\"focus-outline tw-block tw-h-full\"\n            href={cta.url}\n            onClick={handleTrackingEvent}\n          >\n            {children}\n          </a>\n        )}\n      >\n        <article\n          className=\"focus-outline tw-group tw-relative tw-flex tw-h-full tw-w-full tw-flex-col tw-overflow-hidden tw-bg-white focus:tw-bg-white\"\n          onPointerEnter={() => setIsHovered(true)}\n          onPointerLeave={() => setIsHovered(false)}\n          onFocus={() => setIsHovered(true)}\n          onBlur={() => setIsHovered(false)}\n        >\n          <div\n            className={classNames(\n              'tw-relative tw-flex tw-w-full tw-overflow-hidden tw-bg-grey-20',\n              imageAspectRatio,\n            )}\n          >\n            <motion.div\n              initial=\"show\"\n              animate={isHovered && !!images?.length ? 'hide' : 'show'}\n              exit=\"show\"\n              variants={fadeInVariants}\n              transition={{ ease: 'easeInOut', duration: 0.5 }}\n              className=\"tw-will-change-opacity tw-h-full tw-w-full\"\n            >\n              <ProductCardImage\n                productImage={productImage.mobile}\n                tags={tags}\n              />\n            </motion.div>\n\n            {!!images?.length && (\n              <motion.div\n                initial=\"hide\"\n                animate={isHovered ? 'show' : 'hide'}\n                exit=\"hide\"\n                variants={fadeInVariants}\n                transition={{ ease: 'easeInOut', duration: 0.5 }}\n                className=\"tw-will-change-opacity tw-absolute tw-top-0 tw-z-10 tw-h-full tw-w-full\"\n              >\n                {!isTouchDevice && images.length === 1 && images[0] ? (\n                  <Image\n                    image={images[0]}\n                    imageClasses=\"tw-absolute tw-inset-0 tw-z-10 tw-w-full tw-h-full tw-object-center tw-object-cover\"\n                  />\n                ) : (\n                  <ProductImageGallery\n                    images={images}\n                    initialIndex={0}\n                    showProductImage={isTouchDevice}\n                    mobileFirstImage={productImage.mobile}\n                    tags={tags}\n                    imageAspectRatio={imageAspectRatio}\n                  />\n                )}\n              </motion.div>\n            )}\n          </div>\n          <div\n            className={classNames(\n              'tw-relative tw-m-xs tw-flex tw-grow tw-flex-col tw-bg-white tw-text-grey-100',\n              variant === ProductCardVariantEnum.TallOnDesktopOnly &&\n                'max-md:tw-pb-5',\n            )}\n          >\n            <Text variant=\"label-12\" className=\"tw-uppercase tw-text-grey-70\">\n              {category}\n            </Text>\n            <Text variant=\"heading-21\" as=\"p\" className=\"tw-font-light\">\n              {productName}\n            </Text>\n            {detailedView && (\n              <>\n                <Text variant=\"body-small\" className=\"tw-my-xs tw-text-grey-70\">\n                  {productRole}\n                </Text>\n                <motion.ul\n                  initial=\"show\"\n                  animate={isHovered ? 'hide' : 'show'}\n                  exit=\"show\"\n                  variants={fadeInVariants}\n                  transition={{ ease: 'easeInOut', duration: 0.3 }}\n                  className=\"tw-will-change-opacity tw-min-h-xl tw-list-disc tw-px-xs tw-text-xs tw-text-grey-70\"\n                >\n                  {usps.map((usp) => (\n                    <li key={usp}>\n                      <Text variant=\"body-small\">{usp}</Text>\n                    </li>\n                  ))}\n                </motion.ul>\n                {!isTouchDevice && (\n                  <motion.div\n                    initial=\"hide\"\n                    animate={isHovered ? 'show' : 'hide'}\n                    exit=\"hide\"\n                    variants={fadeUpVariants}\n                    transition={{ ease: [0.74, 0, 0.19, 1.02], duration: 0.5 }}\n                    className={classNames(\n                      isTouchDevice ? 'tw-hidden' : 'tw-block',\n                      'tw-w-full tw-will-change-transform md:tw-absolute md:tw-bottom-0 md:tw-left-0',\n                    )}\n                  >\n                    <Button\n                      as=\"link\"\n                      variant=\"grey80\"\n                      label={cta.text}\n                      href={cta.url}\n                      onClick={handleTrackingEvent}\n                    />\n                  </motion.div>\n                )}\n              </>\n            )}\n          </div>\n        </article>\n      </ConditionalWrapper>\n    </div>\n  );\n};\n\nexport default ProductCard;\n","import Button from '@atoms/Button/Button';\nimport Image from '@atoms/Image/Image';\nimport Text from '@atoms/Text/Text';\nimport Video from '@atoms/Video/Video';\nimport { IInspirationCard } from '@models/IInspirationCard';\nimport ThemeEnum from '@models/enums/ThemeEnum';\nimport classNames from 'classnames';\n\nconst InspirationCard = ({\n  cta,\n  image,\n  site,\n  text,\n  theme,\n  video,\n}: IInspirationCard) => {\n  const videoAttributes = {\n    playsinline: true,\n    muted: true,\n    playing: true,\n    loop: true,\n  };\n\n  return (\n    <article className=\"tw-relative tw-h-full tw-p-sm\">\n      <Image\n        image={image}\n        imageClasses=\"tw-absolute tw-w-full tw-h-full tw-object-center tw-object-cover tw-inset-0\"\n      />\n\n      {video?.videoSource && (\n        <Video\n          videoSource={video.videoSource}\n          videoAttributes={videoAttributes}\n          controls={false}\n          classes=\"tw-absolute tw-w-full tw-h-full [&_video]:tw-object-center [&_video]:tw-object-cover tw-inset-0\"\n        />\n      )}\n\n      <div className=\"tw-relative tw-z-10 tw-flex tw-h-full tw-flex-col tw-justify-between\">\n        <Text\n          variant=\"heading-28\"\n          className={classNames(\n            theme === ThemeEnum.Light ? 'tw-text-white' : 'tw-text-black'\n          )}\n        >\n          {text}\n        </Text>\n        <Button\n          as=\"link\"\n          key={text}\n          modifier=\"fill\"\n          variant={theme === ThemeEnum.Light ? 'white' : 'grey30'}\n          href={cta.url}\n          target={cta.target}\n          label={cta.text}\n        />\n      </div>\n    </article>\n  );\n};\nexport default InspirationCard;\n","const enum SizeEnum {\n  Small = 'small',\n  Medium = 'medium',\n  Large = 'large',\n  XLarge = 'x-large',\n}\n\nexport default SizeEnum;\n","import Icon from '@atoms/Icon/Icon';\nimport Text from '@atoms/Text/Text';\nimport { IAccordionItem, IVariantClasses } from '@models/IAccordionItem';\nimport classNames from 'classnames';\nimport { AnimatePresence, motion } from 'motion/react';\nimport { PropsWithChildren, useEffect, useState } from 'react';\n\nconst AccordionItem = ({\n  animateChildren = false,\n  buttonClasses,\n  callback,\n  children,\n  dataTestId,\n  isOpen = false,\n  padding,\n  text,\n  title,\n  variant = 'primary',\n}: PropsWithChildren<IAccordionItem>) => {\n  const [isAccordionOpen, setIsAccordionOpen] = useState(false);\n\n  useEffect(() => {\n    setIsAccordionOpen(isOpen);\n  }, [isOpen]);\n\n  const baseAccordionButtonClasses =\n    'tw-w-full tw-flex tw-justify-between tw-items-center tw-text-left tw-gap-4';\n  const baseButtonClasses =\n    'tw-border-grey-20 hover:tw-text-grey-70 tw-text-black';\n\n  const variantClasses: IVariantClasses = {\n    primary: {\n      buttonClasses: classNames(baseButtonClasses, 'tw-py-3'),\n      buttonHeaderTextStyle: 'heading-21-light',\n      buttonContentTextStyle: 'body',\n      textContentClasses: 'tw-pt-4 tw-pb-6 tw-bg-white',\n    },\n    secondary: {\n      buttonClasses: classNames(baseButtonClasses, 'py-2', {\n        'tw-border-b': !isAccordionOpen,\n      }),\n      buttonHeaderTextStyle: 'body-14-semibold',\n      buttonContentTextStyle: 'body-small',\n      textContentClasses: 'tw-pt-4 tw-pb-6 tw-bg-white',\n    },\n    filter: {\n      buttonClasses: classNames(\n        baseButtonClasses,\n        'tw-p-4 tw-bg-grey-10 tw-border-b'\n      ),\n      buttonHeaderTextStyle: 'body',\n      buttonContentTextStyle: 'body-small',\n      textContentClasses: 'tw-border tw-border-t-0',\n    },\n    tableItem: {\n      buttonClasses: classNames(baseButtonClasses, 'tw-py-xs', {\n        'tw-px-md': padding,\n      }),\n      buttonHeaderTextStyle: 'body-14-semibold',\n      buttonContentTextStyle: 'body-small',\n      textContentClasses: padding ? 'tw-px-md' : '',\n    },\n    noStyle: {\n      buttonClasses: classNames(baseButtonClasses, 'tw-py-2.5'),\n      buttonHeaderTextStyle: 'heading-21-light',\n      buttonContentTextStyle: 'body',\n      textContentClasses: '',\n    },\n    contentExpander: {\n      buttonClasses: classNames(baseButtonClasses, 'tw-py-xs'),\n      buttonHeaderTextStyle: 'headline',\n      buttonContentTextStyle: 'body',\n      textContentClasses:\n        'tw-pb-md tw-pt-md md:tw-pb-xl xl:tw-pb-md md:tw-pt-lg xl:tw-pt-xl [&>section]:tw-p-0',\n    },\n    headline: {\n      buttonClasses: classNames(\n        baseButtonClasses,\n        'tw-py-sm tw-text-grey-100 tw-border-t'\n      ),\n      buttonHeaderElement: (\n        <>\n          <Text variant=\"body\" className=\"lg:tw-hidden\">\n            {title}\n          </Text>\n          <Text variant=\"body-18\" className=\"tw-hidden lg:tw-block\">\n            {title}\n          </Text>\n        </>\n      ),\n    },\n  };\n\n  const baseTextClasses = classNames(\n    'tw-text-grey-100 tw-border-grey-20',\n    variantClasses[variant]?.textContentClasses\n  );\n\n  const handleClick = () => {\n    setIsAccordionOpen(!isAccordionOpen);\n    callback?.();\n  };\n\n  return (\n    <div\n      className={classNames({\n        'tw-border-b tw-border-grey-20':\n          variant !== 'filter' && variant !== 'headline',\n      })}\n    >\n      <button\n        type=\"button\"\n        aria-expanded={isAccordionOpen}\n        className={classNames(\n          baseAccordionButtonClasses,\n          variantClasses[variant].buttonClasses,\n          buttonClasses\n        )}\n        data-testid={dataTestId}\n        onClick={handleClick}\n      >\n        {variantClasses[variant].buttonHeaderElement ?? (\n          <Text variant={variantClasses[variant].buttonHeaderTextStyle}>\n            {title}\n          </Text>\n        )}\n\n        <motion.div\n          animate={{ rotate: isAccordionOpen ? 180 : 0 }}\n          transition={{ duration: 0.3 }}\n        >\n          <Icon name=\"chevron-down\" />\n        </motion.div>\n      </button>\n\n      <AnimatePresence mode=\"wait\">\n        {isAccordionOpen && (\n          <motion.div\n            className=\"tw-overflow-hidden\"\n            initial={{ height: 0 }}\n            animate={{ height: 'auto' }}\n            exit={{ height: 0 }}\n          >\n            {children ? (\n              <motion.div\n                initial={{ opacity: animateChildren ? 0 : 1 }}\n                animate={{ opacity: 1 }}\n                exit={{ opacity: 0 }}\n                transition={{ ease: 'easeInOut', duration: 0.5, delay: 0.5 }}\n                className={baseTextClasses}\n              >\n                {children}\n              </motion.div>\n            ) : (\n              <Text\n                as=\"p\"\n                variant={variantClasses[variant].buttonContentTextStyle}\n                className={baseTextClasses}\n              >\n                {text}\n              </Text>\n            )}\n          </motion.div>\n        )}\n      </AnimatePresence>\n    </div>\n  );\n};\n\nexport default AccordionItem;\n","import Button from '@atoms/Button/Button';\nimport Image from '@atoms/Image/Image';\nimport { IVideo } from '@models/IVideo';\nimport { IVideoAttributes } from '@models/IVideoAttributes';\nimport classNames from 'classnames';\nimport { AnimatePresence, motion, useInView } from 'motion/react';\nimport { ForwardedRef, forwardRef, useRef, useState } from 'react';\nimport ReactPlayer, { Config } from 'react-player';\n\ninterface Props extends IVideo {\n  readonly classes?: string;\n  readonly config?: Config;\n  readonly controls?: boolean;\n  readonly videoAttributes?: IVideoAttributes;\n}\n\nconst Video = forwardRef(\n  (\n    {\n      classes,\n      config,\n      controls = true,\n      poster,\n      videoAttributes,\n      videoSource,\n    }: Props,\n    ref\n  ) => {\n    const [isPlaying, setIsPlaying] = useState<boolean>(\n      !!videoAttributes?.playing\n    );\n    const [showPoster, setShowPoster] = useState<boolean>(\n      !videoAttributes?.playing\n    );\n    const videoRef = useRef<HTMLDivElement>(null);\n    const inView = useInView(videoRef, { once: true });\n\n    if (!videoSource) return null;\n\n    const handlePlay = () => {\n      setIsPlaying(true);\n      setShowPoster(false);\n    };\n\n    const handleEnd = () => {\n      setIsPlaying(false);\n      setShowPoster(true);\n    };\n\n    return (\n      <div\n        ref={ref as ForwardedRef<HTMLDivElement>}\n        className={classNames(\n          classes\n            ? classes\n            : 'tw-relative tw-flex tw-aspect-video tw-h-auto tw-w-full tw-min-w-full tw-items-center tw-justify-center'\n        )}\n      >\n        <div ref={videoRef} className=\"tw-relative tw-h-full tw-w-full\">\n          <AnimatePresence mode=\"wait\">\n            {!!poster && showPoster ? (\n              <motion.div\n                key=\"poster\"\n                initial={{ opacity: 1 }}\n                animate={{ opacity: 1 }}\n                exit={{ opacity: 0 }}\n              >\n                <Image\n                  image={poster}\n                  classes=\"tw-absolute tw-inset-0 tw-z-10 tw-flex tw-items-center tw-justify-center\"\n                  imageClasses=\"tw-object-cover tw-w-full tw-h-full\"\n                >\n                  <div className=\"tw-absolute\">\n                    <Button\n                      onClick={handlePlay}\n                      variant=\"white\"\n                      iconName=\"play\"\n                      buttonClasses=\"tw-text-4xl !tw-h-2xl tw-w-2xl tw-p-0 hover:!tw-bg-black tw-group\"\n                      iconClasses=\"tw-translate-x-[3px] group-hover:tw-text-white\"\n                      iconSize=\"2rem\"\n                      aria-label=\"Play\"\n                    />\n                  </div>\n                </Image>\n              </motion.div>\n            ) : (\n              <motion.div\n                key=\"video\"\n                initial={{ opacity: 1 }}\n                animate={{ opacity: 1 }}\n                exit={{ opacity: 0 }}\n                className=\"tw-h-full tw-w-full\"\n              >\n                {inView && (\n                  <ReactPlayer\n                    className=\"tw-object-cover\"\n                    url={videoSource}\n                    width=\"100%\"\n                    height=\"100%\"\n                    controls={controls}\n                    playing={isPlaying}\n                    config={config}\n                    onEnded={handleEnd}\n                    {...videoAttributes}\n                  />\n                )}\n              </motion.div>\n            )}\n          </AnimatePresence>\n        </div>\n      </div>\n    );\n  }\n);\n\nVideo.displayName = 'Video';\n\nexport default Video;\n","import { PropsWithChildren, ReactNode } from 'react';\n\ninterface Props {\n  readonly condition: boolean;\n  readonly wrapper: (child: ReactNode) => ReactNode;\n}\nconst ConditionalWrapper = ({\n  condition,\n  wrapper,\n  children,\n}: PropsWithChildren<Props>) => (condition ? wrapper(children) : children);\n\nexport default ConditionalWrapper;\n","import { useEffect, useState } from 'react';\n\nconst useIsTouchDevice = () => {\n  const [isTouchDevice, setIsTouchDevice] = useState(false);\n\n  const checkIfTouchDevice = () => {\n    const hasTouchPoints =\n      navigator.maxTouchPoints > 0 || 'ontouchstart' in window;\n\n    // Helps with detecting whether a mouse is used\n    const isFinePointer = window.matchMedia('(pointer: fine)').matches;\n\n    setIsTouchDevice(hasTouchPoints && !isFinePointer);\n  };\n\n  useEffect(() => {\n    checkIfTouchDevice();\n\n    window.addEventListener('resize', checkIfTouchDevice);\n    window.addEventListener('pointerdown', checkIfTouchDevice);\n\n    return () => {\n      window.removeEventListener('resize', checkIfTouchDevice);\n      window.removeEventListener('pointerdown', checkIfTouchDevice);\n    };\n  }, []);\n\n  return isTouchDevice;\n};\n\nexport default useIsTouchDevice;\n","interface IHighlightedResult {\n  readonly result: string;\n  readonly match: string;\n}\n\nconst HighlightedResult = ({ result, match }: IHighlightedResult) => {\n  const matchIndex = result.toLowerCase().indexOf(match.toLowerCase());\n\n  const startString = result.substring(0, matchIndex);\n  const matchString = result.substring(matchIndex, matchIndex + match.length);\n  const endString = result.substring(matchIndex + match.length, result.length);\n\n  return (\n    <>\n      {startString && <span className=\"tw-text-grey-70\">{startString}</span>}\n      <span>{matchString}</span>\n      {endString && <span className=\"tw-text-grey-70\">{endString}</span>}\n    </>\n  );\n};\n\nexport default HighlightedResult;\n","import Icon from '@atoms/Icon/Icon';\nimport LoadingSpinner from '@atoms/LoadingSpinner/LoadingSpinner';\nimport Text from '@atoms/Text/Text';\nimport { ErrorMessage } from '@hookform/error-message';\nimport { ISearch } from '@models/ISearch';\nimport SizeEnum from '@models/enums/SizeEnum';\nimport classNames from 'classnames';\nimport { useCombobox } from 'downshift';\nimport { debounce } from 'lodash';\nimport { useEffect, useRef, useState } from 'react';\nimport { useAsyncList } from 'react-stately';\nimport HighlightedResult from './HighlightedResult';\n\nconst Search = ({\n  autoCompleteEndpoint,\n  autoFocus = false,\n  backgroundColor = 'tw-bg-white dark:tw-bg-grey-10',\n  dataTestId,\n  errors,\n  initialValue,\n  label,\n  large = false,\n  list,\n  name = '',\n  predictiveCharacterLength = 3,\n  register,\n  requiredErrorMessage,\n  searchClasses,\n  setValue,\n  darkMode = false,\n  onAutoCompleteSelect,\n  clearSearch,\n  ...rest\n}: ISearch) => {\n  const [inputValue, setInputValue] = useState<string>('');\n\n  const suggestions = useAsyncList<string, string>({\n    async load({ signal, filterText }) {\n      if (list) {\n        return {\n          items: list,\n        };\n      } else if (filterText && filterText.length >= predictiveCharacterLength) {\n        const res = await fetch(`${autoCompleteEndpoint}=${filterText}`, {\n          signal,\n        });\n\n        const json = await res.json();\n\n        return {\n          items: json,\n        };\n      }\n\n      return {\n        items: [],\n      };\n    },\n  });\n\n  const { items, isLoading } = suggestions;\n\n  const debouncedValueChange = useRef(\n    debounce(async ({ inputValue }) => {\n      suggestions.setFilterText(inputValue ?? '');\n      setValue?.(name ?? '', inputValue ?? '', { shouldValidate: true });\n      setInputValue(inputValue ?? '');\n    }, 500)\n  ).current;\n\n  const {\n    isOpen,\n    getLabelProps,\n    getMenuProps,\n    getToggleButtonProps,\n    getInputProps,\n    highlightedIndex,\n    getItemProps,\n    selectedItem,\n    reset,\n  } = useCombobox({\n    onInputValueChange: debouncedValueChange,\n    initialInputValue: initialValue ?? '',\n    items,\n  });\n\n  useEffect(() => {\n    selectedItem && onAutoCompleteSelect?.(selectedItem);\n  }, [selectedItem]);\n\n  const showDropdown =\n    isOpen && inputValue.length >= predictiveCharacterLength && !!items.length;\n\n  const hasErrors = errors && name in errors;\n\n  useEffect(() => {\n    if (clearSearch && clearSearch > 0) reset();\n  }, [clearSearch]);\n\n  return (\n    <div className=\"tw-relative\">\n      <div\n        className={classNames(\n          'tw-group tw-flex tw-w-full tw-flex-col tw-rounded tw-border tw-bg-transparent tw-px-xs tw-py-4',\n          large ? 'tw-text-xl tw-font-light' : 'tw-text-base',\n          {\n            'tw-border-red': errors && name in errors,\n            'tw-border-grey-60 focus-within:tw-border-black':\n              !hasErrors && !darkMode,\n            'tw-border-grey-30  focus-within:tw-border-white':\n              !hasErrors && darkMode,\n          },\n          backgroundColor,\n          searchClasses\n        )}\n      >\n        <label htmlFor={name} className=\"tw-sr-only\" {...getLabelProps()}>\n          {label}\n        </label>\n        <div className=\"tw-flex tw-gap-0.5\">\n          <input\n            value=\"initial\"\n            type=\"text\"\n            autoFocus={autoFocus}\n            className={classNames(\n              'tw-w-full tw-grow tw-bg-transparent tw-outline-none',\n              darkMode && 'placeholder:tw-text-grey-30'\n            )}\n            {...rest}\n            {...getInputProps()}\n            onKeyDown={(e) => {\n              // Workaround to allow form submission when nothing in dropdown is selected\n              if (\n                e.key !== 'Enter' ||\n                highlightedIndex > -1 ||\n                !onAutoCompleteSelect\n              ) {\n                getInputProps()?.onKeyDown?.(e);\n              }\n            }}\n            data-testid={dataTestId}\n          />\n          {/* tw-hidden input - the input above cannot accept both register() and getInputProps(),\n              so we have another input registered and we set its value on line 48 when the shown one changes\n              this ensures correct form integration with react-hook-form */}\n          <input\n            className=\"tw-hidden\"\n            {...register?.(name, { required: requiredErrorMessage })}\n          />\n          <button\n            aria-label=\"search\"\n            type=\"submit\"\n            className={classNames(\n              inputValue ? 'tw-text-black' : 'tw-text-grey-70',\n              'tw-ml-4'\n            )}\n            {...getToggleButtonProps()}\n            data-testid={dataTestId ? `${dataTestId}-Search-Button` : undefined}\n          >\n            <Icon\n              name=\"magnifier\"\n              size={large ? '1.5rem' : '1.125rem'}\n              className={darkMode ? 'tw-fill-white' : 'tw-fill-grey-70'}\n            />\n          </button>\n        </div>\n      </div>\n      <ul\n        className={classNames(\n          { 'tw-hidden': !((showDropdown || isLoading) && isOpen) },\n          'tw-absolute tw-z-40 tw-mt-2 tw-w-full tw-overflow-y-auto tw-rounded tw-border tw-border-grey-30 tw-bg-white tw-p-0 tw-shadow-md tw-transition-all',\n          darkMode && 'tw-text-black',\n          large ? 'tw-max-h-40' : 'tw-max-h-80'\n        )}\n        {...getMenuProps()}\n      >\n        {isLoading ? (\n          <div className=\"tw-flex tw-h-36 tw-w-full tw-items-center tw-justify-center\">\n            <LoadingSpinner loadingLabel=\"loading\" size={SizeEnum.Medium} />\n          </div>\n        ) : (\n          showDropdown &&\n          items.map((item, index) => {\n            return (\n              <li\n                className={classNames(\n                  highlightedIndex === index && 'tw-bg-grey-10',\n                  'tw-px-xs tw-py-[14px]'\n                )}\n                key={`${item}-list-item`}\n                {...getItemProps({ item, index })}\n                data-testid={\n                  dataTestId\n                    ? `${dataTestId}-Search-Result-Item-${index}`\n                    : undefined\n                }\n              >\n                <HighlightedResult result={item} match={inputValue} />\n              </li>\n            );\n          })\n        )}\n      </ul>\n      {requiredErrorMessage && errors && (\n        <ErrorMessage\n          errors={errors}\n          name=\"freetext\"\n          render={({ message }) => (\n            <Text variant=\"label-12\" className=\"tw-text-red\">\n              {message}\n            </Text>\n          )}\n        />\n      )}\n    </div>\n  );\n};\n\nexport default Search;\n"],"names":["_ref","size","SizeEnum","Small","loadingLabel","theme","ThemeEnum","Light","sizeClasses","classNames","Medium","Large","borderClasses","segmentClasses","React","createElement","role","className","ColourSwatchCardBG","props","bgColour","Grey","colourCode","colourHexCode","colourName","description","images","link","mainImage","showLikeButton","tag","variant","ColourSwatchVariantEnum","Default","wishlistDrawerLabels","wishlistId","createColourImage","imageDataUrl","setImageDataUrl","useState","isHovered","setIsHovered","colourRef","useRef","isTouchDevice","useIsTouchDevice","isDefaultVariant","isDetailedVariant","Detailed","isSimpleVariant","Simple","containerRef","inView","useInView","amount","once","fetchImageDataUrl","useCallback","async","dataUrl","createColourPng","error","console","useEffect","handleTrackingEvent","window","dataLayer","push","event","event_name_variable","trackingEvent_select_item","item_name","item_category","item_category3","backgroundColorStyle","useMemo","backgroundColor","backgroundImage","url","onMouseEnter","onMouseLeave","onFocus","onBlur","ref","AddToWishlist","card","cardId","collection","CardTypeEnum","Colours","href","onClick","motion","div","style","animate","opacity","length","exit","initial","src","alt","Image","image","aspectRatio","imageClasses","ProductImageGallery","showProductImage","showColourImage","productImageClasses","imageAspectRatio","initialIndex","Text","toLowerCase","dangerouslySetInnerHTML","__html","replaceValuesInLabel","label","replacementArray","newLabel","forEach","value","index","replace","toString","ProductCardVariantEnum","items","children","map","_ref2","title","text","AccordionItem","key","buttonClasses","ListingTypeEnum","setValue","Slider","minValue","maxValue","step","defaultValue","onChange","Label","e","preventDefault","Icon","name","SliderTrack","width","SliderThumb","TagVariant","as","isActive","largeText","icon","otherProps","Wrapper","isClickable","hoverStyles","Yellow","_extends","twMerge","allowMultipleOpen","filters","firstOpen","padding","register","activeIndex","setActiveIndex","Accordion","filterGroup","isOpen","id","callback","options","Checkbox","String","filter","selected","isMobileFilters","sizes","type","onClickCallback","selectedListingFilters","_ref4","selectedFilterObjects","includes","selectedId","slice","reverse","selectedFilter","find","_ref3","featuredInspiration","inspirationCard","trackingEvent_navigation_circle","navigation_circle","navigation_category","handleClick","ListingFilterItem","dataTestId","iconName","message","gridConfig","gridClasses","cardSize","cardVariant","hotspotPosition","colourInspirationPosition","productInspirationPosition","hotspot","occupiedSpaceCount","sm","md","xl","minResultsToShow","inspiration","sanitizeQuery","query","Object","fromEntries","entries","undefined","Array","isArray","applyLabel","applicationAreas","autoCompleteEndpoint","autoCompletePlaceholder","clearAllLabel","closeLabel","countLabel","customQueryParams","filterLabel","loadMoreLabel","initialFilters","listingFilterParam","listingFilters","noResultsHeader","noResultsLabel","noResultsText","resultsLabel","openLabel","pageUrl","searchEndpoint","subtitle","breakpoint","useBreakpoint","gridSize","setGridSize","Colour","listItems","setListItems","slicedListitems","setSlicedListItems","isMobileFiltersOpen","setIsMobileFiltersOpen","selectedFilters","setSelectedFilters","sortedListingFilters","setSortedListingFilters","showLoadMore","setShowLoadMore","selectedFeaturedInspiration","setSelectedFeaturedInspiration","selectedInspirationCard","setSelectedInspirationCard","clearSearch","setClearSearch","resultsRef","hasPopulatedQueryState","hotspotData","setHotspotData","show","inspirationData","setInspirationData","params","queryString","pick","location","search","parsedParams","parse","arrayFormat","parsedUrlParams","reduce","acc","existingFilters","keys","initialSearchText","freetext","getGridConfig","positionClass","cardType","Product","normalizedBreakpoint","lg","xxl","mapBreakpoint","calculatedPageSize","count","newSlicedListItems","data","total","defaultState","page","take","queryState","setQueryState","formPageUrl","rest","drawerFilters","mappedDrawerFilters","setCleanQueryParams","cleanQuery","filteredUrl","filteredQuery","queryStringified","stringify","newUrl","pathname","history","replaceState","handleSubmit","formState","errors","reset","watch","useForm","defaultValues","filterIds","checkedDrawerFilters","mappedCheckedDrawerFilters","flatMap","Boolean","fetchData","state","loading","useListingComponentData","results","clearAllFilters","arguments","prev","onSubmit","trackingEvent_filter_select","headerHeight","document","getElementById","offsetHeight","current","resultsOffset","getBoundingClientRect","top","scrollY","scrollTo","behavior","updatedPageSize","updatedSelectedFreetext","updatedSelectedFilters","mappedFilter","mapped","option","_ref6","findMatchingItems","idAccessor","queryIds","values","flat","item","prevItems","trackingEvent_search_results","search_type","search_term","search_results","fadeInUpAnimation","hidden","y","transition","duration","ease","visible","stiffness","damping","Search","initialValue","placeholder","onAutoCompleteSelect","ListingFilters","_ref5","handleListingFiltersUpdate","Button","AnimatePresence","mode","_ref7","variants","fadeIn","Tag","handleTagRemove","updatedFilters","currentValue","concat","GridSlider","Fragment","ListingPlaceholder","HotspotCard","meta","contentLink","InspirationCard","ColourSwatchCard","White","productName","ProductCard","detailedView","LoadingSpinner","modifier","DrawerWrapper","setIsOpen","slideFromLeft","wrapperStyles","FilterAccordion","disabled","submitHandler","apiEndpoint","initialData","skipEmptyString","pushToUrl","setState","isInitialData","requestQueryString","formData","response","fetch","ok","Error","status","json","currentUrl","URL","searchParams","set","pushState","colour","imageWidth","offsetWidth","imageHeight","canvas","height","ctx","getContext","fillStyle","fillRect","toDataURL","activeTooltipIndex","colourUrl","colourPreviewUrl","hotspots","onToggleTooltip","productUrl","tooltipPositionedUnderHotspot","tooltipShouldStack","tooltipOverflowLeft","tooltipOverflowRight","buttonRef","stackedTooltipRefs","tooltipRef","tooltipOffsets","setTooltipOffsets","tooltipOffset","setTooltipOffset","stackedTooltipContainerHeight","setStackedTooltipContainerHeight","maxTooltipWidth","setMaxTooltipWidth","shouldReduceMotion","useReducedMotion","stackedTooltips","previewImageParams","handleToggleTooltip","blur","handleBlur","relatedTarget","contains","some","tooltip","maxWidth","Math","max","totalHeight","getTooltipStyles","tooltipIndex","offset","curr","bottom","right","left","zIndex","singleTooltipStyles","tooltipClassNames","scale","repeat","Infinity","iconClasses","trackingEvent_hotspot_interaction","product_name","colour_name","product","stackedTooltipClassNames","el","previewUrl","HotspotCardVariant","desktopImage","mobileImage","shortNoTitle","video","setActiveTooltipIndex","videoPlaying","setVideoPlaying","hasVideo","videoSource","isPortrait","calculatedAspectRatio","renderHotspotButton","horizontalPercentMobile","verticalPercentMobile","horizontalPercentDesktop","verticalPercentDesktop","horizontalPercentage","verticalPercentage","positionStyle","HotspotButton","hexCode","prevIndex","renderHotspots","getHotspotsToRender","tallWithTab","Inspirations","Video","videoAttributes","playsinline","muted","playing","loop","controls","classes","category","cta","productImage","productRole","tags","usps","fadeUpVariants","hide","fadeInVariants","item_category2","Tall","Products","ConditionalWrapper","condition","wrapper","onPointerEnter","onPointerLeave","ProductCardImage","mobile","mobileFirstImage","TallOnDesktopOnly","ul","usp","site","target","animateChildren","isAccordionOpen","setIsAccordionOpen","baseButtonClasses","variantClasses","primary","buttonHeaderTextStyle","buttonContentTextStyle","textContentClasses","secondary","tableItem","noStyle","contentExpander","headline","buttonHeaderElement","baseTextClasses","rotate","delay","forwardRef","config","poster","isPlaying","setIsPlaying","showPoster","setShowPoster","videoRef","handlePlay","iconSize","ReactPlayer","onEnded","handleEnd","displayName","setIsTouchDevice","checkIfTouchDevice","hasTouchPoints","navigator","maxTouchPoints","isFinePointer","matchMedia","matches","addEventListener","removeEventListener","result","match","matchIndex","indexOf","startString","substring","matchString","endString","autoFocus","large","list","predictiveCharacterLength","requiredErrorMessage","searchClasses","darkMode","inputValue","setInputValue","suggestions","useAsyncList","load","signal","filterText","res","isLoading","debouncedValueChange","debounce","setFilterText","shouldValidate","getLabelProps","getMenuProps","getToggleButtonProps","getInputProps","highlightedIndex","getItemProps","selectedItem","useCombobox","onInputValueChange","initialInputValue","showDropdown","hasErrors","htmlFor","onKeyDown","required","HighlightedResult","ErrorMessage","render"],"sourceRoot":""}