{"version":3,"file":"ColourCardGrid-Chunk-6434886fb8ba549a6d98.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/./node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.mjs","webpack://react-app/./components/Shared/src/utility/helpers/replaceValuesInLabel.ts","webpack://react-app/./components/organisms/ColourSwatchCardGrid/ColourSwatchCardGrid.tsx","webpack://react-app/./node_modules/.pnpm/motion@12.5.0_react-dom@19.0.0_react@19.0.0/node_modules/motion/dist/es/framer-motion/dist/es/render/dom/viewport/index.mjs","webpack://react-app/./node_modules/.pnpm/motion@12.5.0_react-dom@19.0.0_react@19.0.0/node_modules/motion/dist/es/framer-motion/dist/es/utils/use-in-view.mjs","webpack://react-app/./node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs","webpack://react-app/./components/Shared/src/utility/hooks/useListingComponentData.ts","webpack://react-app/./components/Shared/src/utility/helpers/createColourPng.ts","webpack://react-app/./models/enums/ColourSwatchVariantEnum.ts","webpack://react-app/./components/Shared/src/components/atoms/AnimateInView/AnimateInView.tsx","webpack://react-app/./components/Shared/src/models/enums/SizeEnum.ts","webpack://react-app/./components/Shared/src/utility/hooks/useIsTouchDevice.ts"],"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","/**\n * Copyright 2022 Joe Bell. All rights reserved.\n *\n * This file is licensed to you under the Apache License, Version 2.0\n * (the \"License\"); you may not use this file except in compliance with the\n * License. You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR REPRESENTATIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations under\n * the License.\n */ import { clsx } from \"clsx\";\nconst falsyToString = (value)=>typeof value === \"boolean\" ? `${value}` : value === 0 ? \"0\" : value;\nexport const cx = clsx;\nexport const cva = (base, config)=>(props)=>{\n        var _config_compoundVariants;\n        if ((config === null || config === void 0 ? void 0 : config.variants) == null) return cx(base, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);\n        const { variants, defaultVariants } = config;\n        const getVariantClassNames = Object.keys(variants).map((variant)=>{\n            const variantProp = props === null || props === void 0 ? void 0 : props[variant];\n            const defaultVariantProp = defaultVariants === null || defaultVariants === void 0 ? void 0 : defaultVariants[variant];\n            if (variantProp === null) return null;\n            const variantKey = falsyToString(variantProp) || falsyToString(defaultVariantProp);\n            return variants[variant][variantKey];\n        });\n        const propsWithoutUndefined = props && Object.entries(props).reduce((acc, param)=>{\n            let [key, value] = param;\n            if (value === undefined) {\n                return acc;\n            }\n            acc[key] = value;\n            return acc;\n        }, {});\n        const getCompoundVariantClassNames = config === null || config === void 0 ? void 0 : (_config_compoundVariants = config.compoundVariants) === null || _config_compoundVariants === void 0 ? void 0 : _config_compoundVariants.reduce((acc, param)=>{\n            let { class: cvClass, className: cvClassName, ...compoundVariantOptions } = param;\n            return Object.entries(compoundVariantOptions).every((param)=>{\n                let [key, value] = param;\n                return Array.isArray(value) ? value.includes({\n                    ...defaultVariants,\n                    ...propsWithoutUndefined\n                }[key]) : ({\n                    ...defaultVariants,\n                    ...propsWithoutUndefined\n                })[key] === value;\n            }) ? [\n                ...acc,\n                cvClass,\n                cvClassName\n            ] : acc;\n        }, []);\n        return cx(base, getVariantClassNames, getCompoundVariantClassNames, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);\n    };\n\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","import AnimateInView from '@atoms/AnimateInView/AnimateInView';\nimport Button from '@atoms/Button/Button';\nimport LoadingSpinner from '@atoms/LoadingSpinner/LoadingSpinner';\nimport Text from '@atoms/Text/Text';\nimport BreakpointEnum from '@models/enums/BreakpointEnum';\nimport SizeEnum from '@models/enums/SizeEnum';\nimport { IColourSwatchCard } from '@models/IColourSwatchCard';\nimport ColourSwatchCard, {\n  ColourSwatchCardBG,\n} from '@molecules/ColourSwatchCard/ColourSwatchCard';\nimport { fadeInUp } from '@utility/config/animations';\nimport replaceValuesInLabel from '@utility/helpers/replaceValuesInLabel';\nimport useBreakpoint from '@utility/hooks/useBreakpoint';\nimport useListingComponentData from '@utility/hooks/useListingComponentData';\nimport { AnimatePresence, motion } from 'motion/react';\nimport { useEffect, useState } from 'react';\n\ninterface Props {\n  readonly applicationAreas: string;\n  readonly endpoint: string;\n  readonly heading?: string;\n  readonly items: IColourSwatchCard[];\n  readonly loadingLabel: string;\n  readonly paletteId: number;\n  readonly resultsLabel: string;\n  readonly totalResults: number;\n}\n\nconst ColourSwatchCardGrid = ({\n  applicationAreas,\n  endpoint,\n  heading,\n  items,\n  loadingLabel,\n  paletteId,\n  resultsLabel,\n  totalResults,\n}: Props) => {\n  const breakpoint = useBreakpoint();\n\n  const [pageSize, setPageSize] = useState(20);\n  const [listItems, setListItems] = useState<IColourSwatchCard[]>(items); // Start with initial items\n  const [currentPage, setCurrentPage] = useState(0);\n  const [resultsShown, setResultsShown] = useState(listItems.length);\n\n  const [queryState, setQueryState] = useState({\n    page: 0,\n    take: pageSize,\n    isDefaultData: true,\n  });\n\n  const {\n    fetchData,\n    state: { data, loading },\n  } = useListingComponentData<\n    { readonly [key: string]: unknown },\n    {\n      readonly results: IColourSwatchCard[] | [];\n      readonly total: number;\n    }\n  >(endpoint, { results: items, total: totalResults }, false, false);\n\n  const getPageSizeForBreakpoint = (breakpoint: BreakpointEnum) => {\n    switch (breakpoint) {\n      case BreakpointEnum.Small:\n        return 8;\n      case BreakpointEnum.Medium:\n        return 12;\n      default:\n        return 20;\n    }\n  };\n\n  const handleLoadMore = () => {\n    const nextPage = currentPage + 1;\n    setCurrentPage(nextPage);\n    setQueryState({\n      ...queryState,\n      page: nextPage,\n      take: pageSize,\n      isDefaultData: false,\n    });\n  };\n\n  useEffect(() => {\n    const pageSize = getPageSizeForBreakpoint(breakpoint as BreakpointEnum);\n\n    setPageSize(pageSize);\n    setListItems(items.slice(0, pageSize));\n\n    setQueryState((prevState) => ({\n      ...prevState,\n      take: pageSize,\n    }));\n  }, [breakpoint]);\n\n  useEffect(() => {\n    if (queryState.isDefaultData) return;\n\n    fetchData({\n      applicationAreas,\n      take: queryState.take,\n      page: queryState.page,\n      paletteIds: paletteId,\n      pageUrl: window.location.pathname,\n    });\n  }, [queryState]);\n\n  useEffect(() => {\n    if (queryState.page === 0) {\n      setListItems(data.results ?? []);\n    } else {\n      setListItems((prevItems) => [\n        ...(prevItems ?? []),\n        ...(data.results ?? []),\n      ]);\n    }\n  }, [data]);\n\n  useEffect(() => {\n    setResultsShown(listItems.length);\n  }, [listItems]);\n\n  return (\n    <AnimateInView desktopOffset={0.2} className=\"tw-container tw-text-black\">\n      <motion.div variants={fadeInUp}>\n        <Text variant=\"heading-36\" className=\"tw-mb-lg md:tw-mb-2xl\">\n          {heading}\n        </Text>\n      </motion.div>\n      <div className=\"tw-flex tw-flex-col tw-items-center tw-gap-sm\">\n        <div className=\"tw-grid tw-w-full tw-grid-cols-2 tw-gap-x-xs tw-gap-y-lg md:tw-grid-cols-3 md:tw-gap-x-md md:tw-gap-y-[60px] xl:tw-grid-cols-5\">\n          {(!loading || queryState.page > 0) &&\n            listItems.map((item, index: number) => (\n              <motion.div\n                variants={fadeInUp}\n                key={`${item.colourName}-${index}`}\n              >\n                <ColourSwatchCard\n                  bgColour={ColourSwatchCardBG.White}\n                  {...item}\n                />\n              </motion.div>\n            ))}\n        </div>\n\n        <motion.div\n          variants={fadeInUp}\n          className=\"tw-flex tw-min-h-[112px] tw-items-center tw-justify-center\"\n        >\n          <AnimatePresence>\n            {loading ? (\n              <LoadingSpinner\n                size={SizeEnum.Small}\n                loadingLabel={loadingLabel}\n              />\n            ) : (\n              <motion.div\n                variants={fadeInUp}\n                className=\"tw-flex tw-flex-col tw-items-center tw-gap-3 tw-text-center\"\n              >\n                {resultsShown < totalResults && (\n                  <Button\n                    onClick={handleLoadMore}\n                    variant=\"grey80\"\n                    modifier=\"outline\"\n                    label={loadingLabel}\n                  />\n                )}\n                <Text variant=\"body-small\">\n                  {replaceValuesInLabel(resultsLabel, [\n                    resultsShown,\n                    totalResults,\n                  ])}\n                </Text>\n              </motion.div>\n            )}\n          </AnimatePresence>\n        </motion.div>\n      </div>\n    </AnimateInView>\n  );\n};\n\nexport default ColourSwatchCardGrid;\n","import '../../../../../../motion-utils/dist/es/errors.mjs';\nimport { resolveElements } from '../../../../../../motion-dom/dist/es/utils/resolve-elements.mjs';\n\nconst thresholds = {\n    some: 0,\n    all: 1,\n};\nfunction inView(elementOrSelector, onStart, { root, margin: rootMargin, amount = \"some\" } = {}) {\n    const elements = resolveElements(elementOrSelector);\n    const activeIntersections = new WeakMap();\n    const onIntersectionChange = (entries) => {\n        entries.forEach((entry) => {\n            const onEnd = activeIntersections.get(entry.target);\n            /**\n             * If there's no change to the intersection, we don't need to\n             * do anything here.\n             */\n            if (entry.isIntersecting === Boolean(onEnd))\n                return;\n            if (entry.isIntersecting) {\n                const newOnEnd = onStart(entry.target, entry);\n                if (typeof newOnEnd === \"function\") {\n                    activeIntersections.set(entry.target, newOnEnd);\n                }\n                else {\n                    observer.unobserve(entry.target);\n                }\n            }\n            else if (typeof onEnd === \"function\") {\n                onEnd(entry);\n                activeIntersections.delete(entry.target);\n            }\n        });\n    };\n    const observer = new IntersectionObserver(onIntersectionChange, {\n        root,\n        rootMargin,\n        threshold: typeof amount === \"number\" ? amount : thresholds[amount],\n    });\n    elements.forEach((element) => observer.observe(element));\n    return () => observer.disconnect();\n}\n\nexport { inView };\n","import { useState, useEffect } from 'react';\nimport { inView } from '../render/dom/viewport/index.mjs';\n\nfunction useInView(ref, { root, margin, amount, once = false, initial = false, } = {}) {\n    const [isInView, setInView] = useState(initial);\n    useEffect(() => {\n        if (!ref.current || (once && isInView))\n            return;\n        const onEnter = () => {\n            setInView(true);\n            return once ? undefined : () => setInView(false);\n        };\n        const options = {\n            root: (root && root.current) || undefined,\n            margin,\n            amount,\n        };\n        return inView(ref.current, onEnter, options);\n    }, [root, ref, margin, once, amount]);\n    return isInView;\n}\n\nexport { useInView };\n","function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;","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","enum ColourSwatchVariantEnum {\n  Default = 'default',\n  Detailed = 'detailed',\n  Simple = 'simple',\n}\n\nexport default ColourSwatchVariantEnum;\n","import useMediaQuery from '@utility/hooks/useMediaQuery';\nimport { motion, useInView } from 'motion/react';\nimport { PropsWithChildren, useRef } from 'react';\n\ninterface Props extends PropsWithChildren {\n  readonly className?: string;\n  readonly mobileOffset?: number;\n  readonly desktopOffset?: number;\n  readonly element?: 'section' | 'div';\n}\n\nconst AnimateInView = ({\n  children,\n  className,\n  element = 'section',\n  mobileOffset = 0.2,\n  desktopOffset = 0.5,\n}: Props) => {\n  const ref = useRef(null);\n  const isMobile = useMediaQuery(752);\n  const inView = useInView(ref, {\n    amount: isMobile ? mobileOffset : desktopOffset,\n    once: true,\n  });\n\n  const containerVariants = {\n    hidden: { opacity: 0 },\n    visible: {\n      opacity: 1,\n      transition: {\n        staggerChildren: 0.1,\n        duration: isMobile ? 0.3 : 0.5,\n        type: 'spring',\n        stiffness: 50,\n        damping: 14,\n      },\n    },\n  };\n\n  const MotionElement = motion[element];\n\n  return (\n    <MotionElement\n      ref={ref}\n      initial=\"hidden\"\n      animate={inView ? 'visible' : 'hidden'}\n      variants={containerVariants}\n      className={className}\n    >\n      {children}\n    </MotionElement>\n  );\n};\n\nexport default AnimateInView;\n","const enum SizeEnum {\n  Small = 'small',\n  Medium = 'medium',\n  Large = 'large',\n  XLarge = 'x-large',\n}\n\nexport default SizeEnum;\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"],"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","falsyToString","value","cx","cva","base","config","_config_compoundVariants","variants","class","defaultVariants","getVariantClassNames","Object","keys","map","variantProp","defaultVariantProp","variantKey","propsWithoutUndefined","entries","reduce","acc","param","key","undefined","getCompoundVariantClassNames","compoundVariants","cvClass","cvClassName","compoundVariantOptions","every","Array","isArray","includes","replaceValuesInLabel","label","replacementArray","newLabel","forEach","index","replace","toString","applicationAreas","endpoint","heading","items","paletteId","resultsLabel","totalResults","breakpoint","useBreakpoint","pageSize","setPageSize","listItems","setListItems","currentPage","setCurrentPage","resultsShown","setResultsShown","queryState","setQueryState","page","take","isDefaultData","fetchData","state","data","loading","useListingComponentData","results","total","BreakpointEnum","getPageSizeForBreakpoint","slice","prevState","paletteIds","pageUrl","location","pathname","prevItems","AnimateInView","desktopOffset","fadeInUp","item","ColourSwatchCard","_extends","White","AnimatePresence","LoadingSpinner","Button","handleLoadMore","nextPage","modifier","thresholds","some","all","root","margin","isInView","setInView","current","options","elementOrSelector","onStart","rootMargin","elements","activeIntersections","WeakMap","observer","IntersectionObserver","entry","onEnd","get","target","isIntersecting","Boolean","newOnEnd","set","unobserve","delete","threshold","element","observe","disconnect","r","e","t","f","n","o","clsx","arguments","apiEndpoint","initialData","skipEmptyString","pushToUrl","setState","isInitialData","requestQueryString","queryString","stringify","formData","arrayFormat","response","fetch","ok","Error","status","json","currentUrl","URL","searchParams","history","pushState","colour","imageWidth","offsetWidth","imageHeight","offsetHeight","canvas","document","width","height","ctx","getContext","fillStyle","fillRect","toDataURL","children","mobileOffset","isMobile","useMediaQuery","containerVariants","hidden","visible","transition","staggerChildren","duration","type","stiffness","damping","MotionElement","setIsTouchDevice","checkIfTouchDevice","hasTouchPoints","navigator","maxTouchPoints","isFinePointer","matchMedia","matches","addEventListener","removeEventListener"],"sourceRoot":""}