{"version":3,"file":"6098-e9d196e7ba74ebfeab44.js","mappings":"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","sources":["webpack://react-app/./components/molecules/ColourSwatchCard/ColourSwatchCard.tsx","webpack://react-app/./models/enums/ProductCardVariantEnum.ts","webpack://react-app/./components/molecules/WishlistCardSwitch/WishlistCardSwitch.tsx","webpack://react-app/./utility/helpers/mapWishlistData.ts","webpack://react-app/./node_modules/.pnpm/react-swipeable@7.0.2_react@19.0.0/node_modules/react-swipeable/es/index.js","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/./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/reduced-motion/use-reduced-motion.mjs","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"],"sourcesContent":["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","enum ProductCardVariantEnum {\n  Default = 'default',\n  Tall = 'tall',\n  TallOnDesktopOnly = 'tall-desktop',\n}\n\nexport default ProductCardVariantEnum;\n","import { IWishlistCardSwitch } from '@models/IWishlistCardSwitch';\nimport CardTypeEnum from '@models/enums/CardTypeEnum';\nimport ProductCardVariantEnum from '@models/enums/ProductCardVariantEnum';\nimport ColourSwatchCard, {\n  ColourSwatchCardBG,\n} from '@molecules/ColourSwatchCard/ColourSwatchCard';\nimport HotspotCard, {\n  HotspotCardVariant,\n} from '@molecules/HotspotCard/HotspotCard';\nimport ProductCard from '@molecules/ProductCard/ProductCard';\nimport { useLikedItemsStore } from '@state/WishlistStore';\nimport { mapWishlistData } from '@utility/helpers/mapWishlistData';\nimport { useCallback, useEffect, useState } from 'react';\n\ninterface Props extends IWishlistCardSwitch {\n  readonly isListing?: boolean;\n  readonly refreshImageUrlEndpoint?: string;\n  readonly showLikeButton?: boolean;\n  readonly wishlistId?: number;\n}\n\nconst refreshImageUrl = async (imageUrl: string, endpoint: string) => {\n  try {\n    const response = await fetch(`${endpoint}?url=${imageUrl}`);\n    if (response.ok) {\n      imageUrl = await response.text();\n    }\n  } catch (error) {\n    console.error('Failed to refresh image url:', error);\n  }\n  return imageUrl;\n};\n\nconst WishlistCardSwitch = ({\n  isListing,\n  item,\n  refreshImageUrlEndpoint,\n  showLikeButton = true,\n  wishlistId,\n}: Props) => {\n  const { updateLikedItem } = useLikedItemsStore();\n  const [data, setData] = useState(mapWishlistData(item.entity));\n  const { collection, newModel, data: entityData, fields } = item.entity;\n\n  const updateItemImageUrl = useCallback(\n    async (newUrl: string) => {\n      try {\n        if (newModel) {\n          item.entity.data = { ...data };\n        } else if (entityData) {\n          entityData.desktopImage = newUrl;\n          entityData.mobileImage = newUrl;\n        } else if (fields) {\n          const desktopImageField = fields.image?.value?.fields?.desktop_image;\n          if (desktopImageField?.value) {\n            desktopImageField.value = newUrl;\n          }\n        }\n\n        await updateLikedItem(item);\n      } catch (error) {\n        console.error('Error updating image url:', error);\n      }\n    },\n    [item],\n  );\n\n  useEffect(() => {\n    if (!refreshImageUrlEndpoint) return;\n\n    const updateImageUrl = (image: any) => {\n      if (image.url.includes('.blob.')) {\n        refreshImageUrl(image.url, refreshImageUrlEndpoint).then((newImage) => {\n          image.url = newImage;\n          setData({ ...data });\n          updateItemImageUrl(newImage);\n        });\n      }\n    };\n\n    const updateVideoSource = (video: any) => {\n      if (video.videoSource.includes('.blob.')) {\n        refreshImageUrl(video.videoSource, refreshImageUrlEndpoint).then(\n          (newSource) => {\n            video.videoSource = newSource;\n            setData({ ...data });\n            updateItemImageUrl(newSource);\n          },\n        );\n      }\n    };\n\n    if (collection === CardTypeEnum.Products) {\n      updateImageUrl(data.productImage.mobile);\n    } else if (collection === CardTypeEnum.Inspirations && data.image) {\n      updateImageUrl(data.image);\n    } else if (collection === CardTypeEnum.Inspirations && data.video) {\n      updateVideoSource(data.video);\n    }\n  }, [collection, refreshImageUrlEndpoint]);\n\n  switch (collection) {\n    case CardTypeEnum.Products:\n      return (\n        <ProductCard\n          showLikeButton={showLikeButton}\n          wishlistId={wishlistId}\n          {...data}\n          detailedView={false}\n          variant={\n            isListing\n              ? ProductCardVariantEnum.TallOnDesktopOnly\n              : ProductCardVariantEnum.Tall\n          }\n        />\n      );\n    case CardTypeEnum.Colours:\n      return (\n        <ColourSwatchCard\n          showLikeButton={showLikeButton}\n          wishlistId={wishlistId}\n          {...data}\n          bgColour={ColourSwatchCardBG.White}\n        />\n      );\n    case CardTypeEnum.Inspirations:\n      return (\n        <HotspotCard\n          aspectRatio={2 / 3}\n          showLikeButton={showLikeButton}\n          wishlistId={wishlistId}\n          {...data}\n          variant={HotspotCardVariant.tallWithTab}\n        />\n      );\n    default:\n      return null;\n  }\n};\n\nexport default WishlistCardSwitch;\n","import { WishlistEntry } from '@models/IWishlistCardSwitch';\nimport { IColourId, IColours, IHotspot } from '@models/IWishlistData';\nimport CardTypeEnum from '@models/enums/CardTypeEnum';\n\nexport const mapWishlistData = ({\n  collection,\n  data,\n  fields,\n  newModel,\n}: WishlistEntry['entity']) => {\n  if (newModel) return data;\n\n  switch (collection) {\n    case CardTypeEnum.Colours:\n      return {\n        colourHexCode: data.colourHex,\n        colourCode: data.colourCode,\n        colourName: data.colourName,\n        images: [],\n        link: data.linkUrl,\n        variant: null,\n        bgColour: null,\n      };\n\n    case CardTypeEnum.Products:\n      return {\n        cta: {\n          text: 'view more',\n          url: data.linkUrl,\n        },\n        images: [],\n        productImage: {\n          mobile: {\n            url: data.mobileImage ? data.mobileImage : '/',\n            originalHeight: 0,\n            originalWidth: 0,\n            altText: 'product image',\n          },\n          desktop: {\n            url: data.desktopImage ? data.desktopImage : '/',\n            originalHeight: 0,\n            originalWidth: 0,\n            altText: 'product image',\n          },\n        },\n        productName: data.name,\n        productRole: data.cardDescription,\n        category: data.type,\n        usps: data.usps,\n      };\n\n    case CardTypeEnum.Inspirations:\n      const source = data || fields;\n\n      const colourMap = new Map(\n        source?.colours?.map((colour: IColours) => [\n          colour.jotunId,\n          {\n            name: colour.name,\n            hexCode: colour.hexValue,\n            url: '/',\n            colourCode: colour.stdNumber,\n          },\n        ]),\n      );\n\n      const hotspots = source?.hotspots?.value.map(\n        ({\n          featured_colour,\n          featured_products,\n          mobile_coordinates,\n          desktop_coordinates,\n        }: IHotspot) => {\n          const featuredColour = featured_colour?.value;\n          const colourId = colourMap.get(\n            featuredColour?.componentMeta?.fields?.colourId?.value,\n          ) as IColourId;\n\n          const mobileImageUrl =\n            featuredColour?.fields.image?.value?.fields.mobile_image?.value;\n          const desktopImageUrl =\n            featuredColour?.fields.image?.value?.fields.desktop_image?.value;\n\n          return {\n            horizontalPercentMobile: mobile_coordinates.value.fields.left.value,\n            verticalPercentMobile: mobile_coordinates.value.fields.top.value,\n            horizontalPercentDesktop:\n              desktop_coordinates.value.fields.left.value,\n            verticalPercentDesktop: desktop_coordinates.value.fields.top.value,\n            product: {\n              name: featured_products?.value[0]?.fields.name.value,\n              url: featured_products?.value[0]?.linkUrl,\n            },\n            colour: {\n              name: featuredColour?.fields.name.value,\n              hexCode: colourId?.hexCode ?? null,\n              previewUrl: mobileImageUrl ?? desktopImageUrl,\n              url: featuredColour?.linkUrl,\n              colourCode:\n                colourId?.colourCode ??\n                featuredColour?.fields.specialColourNumber?.value,\n            },\n          };\n        },\n      );\n\n      return {\n        link: source?.linkUrl,\n        desktopImage: {\n          url:\n            source?.desktopImage ||\n            source?.image?.value?.fields.desktop_image?.value,\n          originalHeight: 0,\n          originalWidth: 0,\n          altText: 'inspiration image',\n        },\n        mobileImage: {\n          url:\n            source?.mobileImage ||\n            source?.image?.value?.fields.mobile_image?.value,\n          originalHeight: 0,\n          originalWidth: 0,\n          altText: 'inspiration image',\n        },\n        video: null,\n        hotspots: hotspots ?? [],\n      };\n\n    default:\n      return null;\n  }\n};\n","import * as React from 'react';\n\nconst LEFT = \"Left\";\nconst RIGHT = \"Right\";\nconst UP = \"Up\";\nconst DOWN = \"Down\";\n\n/* global document */\nconst defaultProps = {\n    delta: 10,\n    preventScrollOnSwipe: false,\n    rotationAngle: 0,\n    trackMouse: false,\n    trackTouch: true,\n    swipeDuration: Infinity,\n    touchEventOptions: { passive: true },\n};\nconst initialState = {\n    first: true,\n    initial: [0, 0],\n    start: 0,\n    swiping: false,\n    xy: [0, 0],\n};\nconst mouseMove = \"mousemove\";\nconst mouseUp = \"mouseup\";\nconst touchEnd = \"touchend\";\nconst touchMove = \"touchmove\";\nconst touchStart = \"touchstart\";\nfunction getDirection(absX, absY, deltaX, deltaY) {\n    if (absX > absY) {\n        if (deltaX > 0) {\n            return RIGHT;\n        }\n        return LEFT;\n    }\n    else if (deltaY > 0) {\n        return DOWN;\n    }\n    return UP;\n}\nfunction rotateXYByAngle(pos, angle) {\n    if (angle === 0)\n        return pos;\n    const angleInRadians = (Math.PI / 180) * angle;\n    const x = pos[0] * Math.cos(angleInRadians) + pos[1] * Math.sin(angleInRadians);\n    const y = pos[1] * Math.cos(angleInRadians) - pos[0] * Math.sin(angleInRadians);\n    return [x, y];\n}\nfunction getHandlers(set, handlerProps) {\n    const onStart = (event) => {\n        const isTouch = \"touches\" in event;\n        // if more than a single touch don't track, for now...\n        if (isTouch && event.touches.length > 1)\n            return;\n        set((state, props) => {\n            // setup mouse listeners on document to track swipe since swipe can leave container\n            if (props.trackMouse && !isTouch) {\n                document.addEventListener(mouseMove, onMove);\n                document.addEventListener(mouseUp, onUp);\n            }\n            const { clientX, clientY } = isTouch ? event.touches[0] : event;\n            const xy = rotateXYByAngle([clientX, clientY], props.rotationAngle);\n            props.onTouchStartOrOnMouseDown &&\n                props.onTouchStartOrOnMouseDown({ event });\n            return Object.assign(Object.assign(Object.assign({}, state), initialState), { initial: xy.slice(), xy, start: event.timeStamp || 0 });\n        });\n    };\n    const onMove = (event) => {\n        set((state, props) => {\n            const isTouch = \"touches\" in event;\n            // Discount a swipe if additional touches are present after\n            // a swipe has started.\n            if (isTouch && event.touches.length > 1) {\n                return state;\n            }\n            // if swipe has exceeded duration stop tracking\n            if (event.timeStamp - state.start > props.swipeDuration) {\n                return state.swiping ? Object.assign(Object.assign({}, state), { swiping: false }) : state;\n            }\n            const { clientX, clientY } = isTouch ? event.touches[0] : event;\n            const [x, y] = rotateXYByAngle([clientX, clientY], props.rotationAngle);\n            const deltaX = x - state.xy[0];\n            const deltaY = y - state.xy[1];\n            const absX = Math.abs(deltaX);\n            const absY = Math.abs(deltaY);\n            const time = (event.timeStamp || 0) - state.start;\n            const velocity = Math.sqrt(absX * absX + absY * absY) / (time || 1);\n            const vxvy = [deltaX / (time || 1), deltaY / (time || 1)];\n            const dir = getDirection(absX, absY, deltaX, deltaY);\n            // if swipe is under delta and we have not started to track a swipe: skip update\n            const delta = typeof props.delta === \"number\"\n                ? props.delta\n                : props.delta[dir.toLowerCase()] ||\n                    defaultProps.delta;\n            if (absX < delta && absY < delta && !state.swiping)\n                return state;\n            const eventData = {\n                absX,\n                absY,\n                deltaX,\n                deltaY,\n                dir,\n                event,\n                first: state.first,\n                initial: state.initial,\n                velocity,\n                vxvy,\n            };\n            // call onSwipeStart if present and is first swipe event\n            eventData.first && props.onSwipeStart && props.onSwipeStart(eventData);\n            // call onSwiping if present\n            props.onSwiping && props.onSwiping(eventData);\n            // track if a swipe is cancelable (handler for swiping or swiped(dir) exists)\n            // so we can call preventDefault if needed\n            let cancelablePageSwipe = false;\n            if (props.onSwiping ||\n                props.onSwiped ||\n                props[`onSwiped${dir}`]) {\n                cancelablePageSwipe = true;\n            }\n            if (cancelablePageSwipe &&\n                props.preventScrollOnSwipe &&\n                props.trackTouch &&\n                event.cancelable) {\n                event.preventDefault();\n            }\n            return Object.assign(Object.assign({}, state), { \n                // first is now always false\n                first: false, eventData, swiping: true });\n        });\n    };\n    const onEnd = (event) => {\n        set((state, props) => {\n            let eventData;\n            if (state.swiping && state.eventData) {\n                // if swipe is less than duration fire swiped callbacks\n                if (event.timeStamp - state.start < props.swipeDuration) {\n                    eventData = Object.assign(Object.assign({}, state.eventData), { event });\n                    props.onSwiped && props.onSwiped(eventData);\n                    const onSwipedDir = props[`onSwiped${eventData.dir}`];\n                    onSwipedDir && onSwipedDir(eventData);\n                }\n            }\n            else {\n                props.onTap && props.onTap({ event });\n            }\n            props.onTouchEndOrOnMouseUp && props.onTouchEndOrOnMouseUp({ event });\n            return Object.assign(Object.assign(Object.assign({}, state), initialState), { eventData });\n        });\n    };\n    const cleanUpMouse = () => {\n        // safe to just call removeEventListener\n        document.removeEventListener(mouseMove, onMove);\n        document.removeEventListener(mouseUp, onUp);\n    };\n    const onUp = (e) => {\n        cleanUpMouse();\n        onEnd(e);\n    };\n    /**\n     * The value of passive on touchMove depends on `preventScrollOnSwipe`:\n     * - true => { passive: false }\n     * - false => { passive: true } // Default\n     *\n     * NOTE: When preventScrollOnSwipe is true, we attempt to call preventDefault to prevent scroll.\n     *\n     * props.touchEventOptions can also be set for all touch event listeners,\n     * but for `touchmove` specifically when `preventScrollOnSwipe` it will\n     * supersede and force passive to false.\n     *\n     */\n    const attachTouch = (el, props) => {\n        let cleanup = () => { };\n        if (el && el.addEventListener) {\n            const baseOptions = Object.assign(Object.assign({}, defaultProps.touchEventOptions), props.touchEventOptions);\n            // attach touch event listeners and handlers\n            const tls = [\n                [touchStart, onStart, baseOptions],\n                // preventScrollOnSwipe option supersedes touchEventOptions.passive\n                [\n                    touchMove,\n                    onMove,\n                    Object.assign(Object.assign({}, baseOptions), (props.preventScrollOnSwipe ? { passive: false } : {})),\n                ],\n                [touchEnd, onEnd, baseOptions],\n            ];\n            tls.forEach(([e, h, o]) => el.addEventListener(e, h, o));\n            // return properly scoped cleanup method for removing listeners, options not required\n            cleanup = () => tls.forEach(([e, h]) => el.removeEventListener(e, h));\n        }\n        return cleanup;\n    };\n    const onRef = (el) => {\n        // \"inline\" ref functions are called twice on render, once with null then again with DOM element\n        // ignore null here\n        if (el === null)\n            return;\n        set((state, props) => {\n            // if the same DOM el as previous just return state\n            if (state.el === el)\n                return state;\n            const addState = {};\n            // if new DOM el clean up old DOM and reset cleanUpTouch\n            if (state.el && state.el !== el && state.cleanUpTouch) {\n                state.cleanUpTouch();\n                addState.cleanUpTouch = void 0;\n            }\n            // only attach if we want to track touch\n            if (props.trackTouch && el) {\n                addState.cleanUpTouch = attachTouch(el, props);\n            }\n            // store event attached DOM el for comparison, clean up, and re-attachment\n            return Object.assign(Object.assign(Object.assign({}, state), { el }), addState);\n        });\n    };\n    // set ref callback to attach touch event listeners\n    const output = {\n        ref: onRef,\n    };\n    // if track mouse attach mouse down listener\n    if (handlerProps.trackMouse) {\n        output.onMouseDown = onStart;\n    }\n    return [output, attachTouch];\n}\nfunction updateTransientState(state, props, previousProps, attachTouch) {\n    // if trackTouch is off or there is no el, then remove handlers if necessary and exit\n    if (!props.trackTouch || !state.el) {\n        if (state.cleanUpTouch) {\n            state.cleanUpTouch();\n        }\n        return Object.assign(Object.assign({}, state), { cleanUpTouch: undefined });\n    }\n    // trackTouch is on, so if there are no handlers attached, attach them and exit\n    if (!state.cleanUpTouch) {\n        return Object.assign(Object.assign({}, state), { cleanUpTouch: attachTouch(state.el, props) });\n    }\n    // trackTouch is on and handlers are already attached, so if preventScrollOnSwipe changes value,\n    // remove and reattach handlers (this is required to update the passive option when attaching\n    // the handlers)\n    if (props.preventScrollOnSwipe !== previousProps.preventScrollOnSwipe ||\n        props.touchEventOptions.passive !== previousProps.touchEventOptions.passive) {\n        state.cleanUpTouch();\n        return Object.assign(Object.assign({}, state), { cleanUpTouch: attachTouch(state.el, props) });\n    }\n    return state;\n}\nfunction useSwipeable(options) {\n    const { trackMouse } = options;\n    const transientState = React.useRef(Object.assign({}, initialState));\n    const transientProps = React.useRef(Object.assign({}, defaultProps));\n    // track previous rendered props\n    const previousProps = React.useRef(Object.assign({}, transientProps.current));\n    previousProps.current = Object.assign({}, transientProps.current);\n    // update current render props & defaults\n    transientProps.current = Object.assign(Object.assign({}, defaultProps), options);\n    // Force defaults for config properties\n    let defaultKey;\n    for (defaultKey in defaultProps) {\n        if (transientProps.current[defaultKey] === void 0) {\n            transientProps.current[defaultKey] = defaultProps[defaultKey];\n        }\n    }\n    const [handlers, attachTouch] = React.useMemo(() => getHandlers((stateSetter) => (transientState.current = stateSetter(transientState.current, transientProps.current)), { trackMouse }), [trackMouse]);\n    transientState.current = updateTransientState(transientState.current, transientProps.current, previousProps.current, attachTouch);\n    return handlers;\n}\n\nexport { DOWN, LEFT, RIGHT, UP, useSwipeable };\n//# sourceMappingURL=index.js.map\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 '../../../../../motion-utils/dist/es/errors.mjs';\nimport { warnOnce } from '../../../../../motion-utils/dist/es/warn-once.mjs';\nimport { useState } from 'react';\nimport { initPrefersReducedMotion } from './index.mjs';\nimport { hasReducedMotionListener, prefersReducedMotion } from './state.mjs';\n\n/**\n * A hook that returns `true` if we should be using reduced motion based on the current device's Reduced Motion setting.\n *\n * This can be used to implement changes to your UI based on Reduced Motion. For instance, replacing motion-sickness inducing\n * `x`/`y` animations with `opacity`, disabling the autoplay of background videos, or turning off parallax motion.\n *\n * It will actively respond to changes and re-render your components with the latest setting.\n *\n * ```jsx\n * export function Sidebar({ isOpen }) {\n *   const shouldReduceMotion = useReducedMotion()\n *   const closedX = shouldReduceMotion ? 0 : \"-100%\"\n *\n *   return (\n *     <motion.div animate={{\n *       opacity: isOpen ? 1 : 0,\n *       x: isOpen ? 0 : closedX\n *     }} />\n *   )\n * }\n * ```\n *\n * @return boolean\n *\n * @public\n */\nfunction useReducedMotion() {\n    /**\n     * Lazy initialisation of prefersReducedMotion\n     */\n    !hasReducedMotionListener.current && initPrefersReducedMotion();\n    const [shouldReduceMotion] = useState(prefersReducedMotion.current);\n    if (process.env.NODE_ENV !== \"production\") {\n        warnOnce(shouldReduceMotion !== true, \"You have Reduced Motion enabled on your device. Animations may not appear as expected.\");\n    }\n    /**\n     * TODO See if people miss automatically updating shouldReduceMotion setting\n     */\n    return shouldReduceMotion;\n}\n\nexport { useReducedMotion };\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"],"names":["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","React","createElement","className","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","classNames","Text","toLowerCase","dangerouslySetInnerHTML","__html","ProductCardVariantEnum","refreshImageUrl","imageUrl","endpoint","response","fetch","ok","text","_ref","isListing","item","refreshImageUrlEndpoint","updateLikedItem","useLikedItemsStore","data","setData","fields","newModel","colourHex","linkUrl","Products","cta","productImage","mobile","mobileImage","originalHeight","originalWidth","altText","desktop","desktopImage","productName","name","productRole","cardDescription","category","type","usps","Inspirations","source","colourMap","Map","colours","map","colour","jotunId","hexCode","hexValue","stdNumber","hotspots","value","_ref2","featured_colour","featured_products","mobile_coordinates","desktop_coordinates","featuredColour","colourId","get","componentMeta","mobileImageUrl","mobile_image","desktopImageUrl","desktop_image","horizontalPercentMobile","left","verticalPercentMobile","top","horizontalPercentDesktop","verticalPercentDesktop","product","previewUrl","specialColourNumber","video","mapWishlistData","entity","entityData","updateItemImageUrl","newUrl","desktopImageField","updateImageUrl","includes","then","newImage","videoSource","newSource","ProductCard","_extends","detailedView","TallOnDesktopOnly","Tall","ColourSwatchCard","White","HotspotCard","HotspotCardVariant","tallWithTab","LEFT","RIGHT","UP","DOWN","defaultProps","delta","preventScrollOnSwipe","rotationAngle","trackMouse","trackTouch","swipeDuration","Infinity","touchEventOptions","passive","initialState","first","start","swiping","xy","mouseMove","mouseUp","touchEnd","touchMove","touchStart","rotateXYByAngle","pos","angle","angleInRadians","Math","PI","cos","sin","getHandlers","set","handlerProps","onStart","isTouch","touches","state","document","addEventListener","onMove","onUp","clientX","clientY","onTouchStartOrOnMouseDown","Object","assign","slice","timeStamp","x","y","deltaX","deltaY","absX","abs","absY","time","velocity","sqrt","vxvy","dir","getDirection","eventData","onSwipeStart","onSwiping","cancelablePageSwipe","onSwiped","cancelable","preventDefault","onEnd","onSwipedDir","onTap","onTouchEndOrOnMouseUp","e","removeEventListener","attachTouch","el","cleanup","baseOptions","tls","forEach","h","o","output","addState","cleanUpTouch","onMouseDown","useSwipeable","options","transientState","transientProps","previousProps","current","defaultKey","handlers","stateSetter","undefined","updateTransientState","imageWidth","offsetWidth","imageHeight","offsetHeight","canvas","width","height","ctx","getContext","fillStyle","fillRect","toDataURL","activeTooltipIndex","colourUrl","colourPreviewUrl","index","onToggleTooltip","productUrl","tooltipPositionedUnderHotspot","tooltipShouldStack","tooltipOverflowLeft","tooltipOverflowRight","buttonRef","stackedTooltipRefs","tooltipRef","tooltipOffsets","setTooltipOffsets","tooltipOffset","setTooltipOffset","stackedTooltipContainerHeight","setStackedTooltipContainerHeight","maxTooltipWidth","setMaxTooltipWidth","shouldReduceMotion","useReducedMotion","isOpen","stackedTooltips","previewImageParams","handleToggleTooltip","blur","handleBlur","relatedTarget","contains","some","tooltip","maxWidth","max","getBoundingClientRect","totalHeight","reduce","acc","getTooltipStyles","tooltipIndex","offset","curr","bottom","right","zIndex","singleTooltipStyles","tooltipClassNames","scale","transition","duration","repeat","Button","buttonClasses","iconClasses","iconName","trackingEvent_hotspot_interaction","product_name","colour_name","AnimatePresence","mode","Fragment","stackedTooltipClassNames","key","role","shortNoTitle","setActiveTooltipIndex","videoPlaying","setVideoPlaying","hasVideo","isPortrait","calculatedAspectRatio","renderHotspotButton","hotspot","horizontalPercentage","verticalPercentage","positionStyle","HotspotButton","prevIndex","renderHotspots","getHotspotsToRender","sizes","Icon","Video","videoAttributes","playsinline","muted","playing","loop","controls","classes","tags","fadeUpVariants","hide","show","fadeInVariants","item_category2","ConditionalWrapper","condition","wrapper","children","onPointerEnter","onPointerLeave","variants","ease","ProductCardImage","mobileFirstImage","as","ul","usp","label","forwardRef","config","poster","isPlaying","setIsPlaying","showPoster","setShowPoster","videoRef","handlePlay","iconSize","ReactPlayer","onEnded","handleEnd","displayName","setIsTouchDevice","checkIfTouchDevice","hasTouchPoints","navigator","maxTouchPoints","isFinePointer","matchMedia","matches"],"sourceRoot":""}