{"version":3,"sources":["webpack:///./scripts/Components/FullscreenImageSlider/styles|lazy|/^\\.\\/.*\\.scss$/|groupOptions: {}|namespace object","webpack:///./scripts/Components/ProductImage/styles|lazy|/^\\.\\/.*\\.scss$/|groupOptions: {}|namespace object","webpack:///./scripts/Components/SliderThumbnails/styles|lazy|/^\\.\\/.*\\.scss$/|groupOptions: {}|namespace object","webpack:///./scripts/Actions/Overlay.action.js","webpack:///./scripts/Components/SliderThumbnails/SliderThumbnails.js","webpack:///./scripts/Components/FullscreenImageSlider/FullscreenImageSlider.js","webpack:///./scripts/Components/ProductImage/ProductImageContainer.js","webpack:///./styles/exports/wtg.module.scss","webpack:///./scripts/Hooks/useIsMobile.js","webpack:///./scripts/Hooks/useWindowSize.js"],"names":["map","webpackAsyncContext","req","__webpack_require__","o","Promise","resolve","then","e","Error","code","ids","id","keys","Object","module","exports","addOverlay","componentName","onOverlayClick","type","OVERLAY_ADD_OVERLAY","payload","updateOverlay","OVERLAY_UPDATE_OVERLAY","removeOverlay","OVERLAY_REMOVE_OVERLAY","closeOverlay","OVERLAY_CLOSE_OVERLAY","activeOverlays","window","__litium","themeName","SliderThumbnails","images","sliderRef","activeSlide","className","React","length","img","i","key","onClick","goToSlide","no","current","slickGoTo","src","thumbnailUrl","alt","FullscreenImageSlider","showCloseButton","initialSlide","onClosed","showThumbnails","infinite","props","dispatch","useDispatch","contentRef","createRef","isMobile","useIsMobile","open","setOpen","useState","zoomed","setZoomed","zoomClickPos","setZoomClickPos","visible","setVisible","currentSlide","setCurrentSlide","isSliding","setIsSliding","doubleClickMode","setDoubleClickMode","swipingEnabled","setSwipingEnabled","transformComponentRefs","useRef","hasSetPosition","setHasSetPosition","useEffect","settings","lazyLoad","speed","slidesToShow","slidesToScroll","arrows","swipe","beforeChange","_","index","forEach","ref","resetTransform","onSwipe","afterChange","onKeyDown","document","addEventListener","removeEventListener","onZoom","stopPropagation","didZoomIn","clickPos","pageY","windowHeight","getBoundingClientRect","height","percentage","centeredClickPos","scrollHeight","scrollTo","top","behavior","onMobileZoom","idx","setTimeout","doubleClickModeCopy","assign","Math","round","state","scale","ReactDOM","Icon","iconCode","Slider","_extends","touchThreshold","TransformWrapper","centerOnInit","wheel","wheelDisabled","panning","disabled","velocityDisabled","limitToBounds","velocityAnimation","doubleClick","mode","onPanningStop","onZoomStop","TransformComponent","wrapperClass","contentClass","originalUrl","loading","prev","slickPrev","next","slickNext","body","ProductImageContainer","productImages","singleSlide","showFullscreenImages","setShowFullscreenImages","dots","autoplay","productImage","slideUrl","breakpoint","parseInt","breakpoints","replace","windowWidth","initialWidth","innerWidth","initialHeight","innerHeight","size","setSize","useLayoutEffect","updateSize","useWindowSize","setIsMobile"],"mappings":"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","file":"316.9c4dc570214156af39d4.js","sourcesContent":["var map = {\n\t\"./alf.scss\": [\n\t\t14878,\n\t\t4878\n\t],\n\t\"./main.scss\": [\n\t\t91418,\n\t\t1418\n\t],\n\t\"./oh-poppy.scss\": [\n\t\t58433,\n\t\t8433\n\t],\n\t\"./vincent.scss\": [\n\t\t56910,\n\t\t6910\n\t],\n\t\"./wtg.scss\": [\n\t\t15491,\n\t\t5491\n\t]\n};\nfunction webpackAsyncContext(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\treturn Promise.resolve().then(() => {\n\t\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\t\te.code = 'MODULE_NOT_FOUND';\n\t\t\tthrow e;\n\t\t});\n\t}\n\n\tvar ids = map[req], id = ids[0];\n\treturn __webpack_require__.e(ids[1]).then(() => {\n\t\treturn __webpack_require__(id);\n\t});\n}\nwebpackAsyncContext.keys = () => (Object.keys(map));\nwebpackAsyncContext.id = 55027;\nmodule.exports = webpackAsyncContext;","var map = {\n\t\"./alf.scss\": [\n\t\t24113,\n\t\t4113\n\t],\n\t\"./main.scss\": [\n\t\t95629,\n\t\t5629\n\t],\n\t\"./oh-poppy.scss\": [\n\t\t87109,\n\t\t7109\n\t],\n\t\"./vincent.scss\": [\n\t\t8575,\n\t\t8575\n\t],\n\t\"./wtg.scss\": [\n\t\t91388,\n\t\t1388\n\t]\n};\nfunction webpackAsyncContext(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\treturn Promise.resolve().then(() => {\n\t\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\t\te.code = 'MODULE_NOT_FOUND';\n\t\t\tthrow e;\n\t\t});\n\t}\n\n\tvar ids = map[req], id = ids[0];\n\treturn __webpack_require__.e(ids[1]).then(() => {\n\t\treturn __webpack_require__(id);\n\t});\n}\nwebpackAsyncContext.keys = () => (Object.keys(map));\nwebpackAsyncContext.id = 60621;\nmodule.exports = webpackAsyncContext;","var map = {\n\t\"./alf.scss\": [\n\t\t62729,\n\t\t2729\n\t],\n\t\"./main.scss\": [\n\t\t37044,\n\t\t7044\n\t],\n\t\"./oh-poppy.scss\": [\n\t\t75074,\n\t\t5074\n\t],\n\t\"./vincent.scss\": [\n\t\t45378,\n\t\t5378\n\t],\n\t\"./wtg.scss\": [\n\t\t66523,\n\t\t6523\n\t]\n};\nfunction webpackAsyncContext(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\treturn Promise.resolve().then(() => {\n\t\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\t\te.code = 'MODULE_NOT_FOUND';\n\t\t\tthrow e;\n\t\t});\n\t}\n\n\tvar ids = map[req], id = ids[0];\n\treturn __webpack_require__.e(ids[1]).then(() => {\n\t\treturn __webpack_require__(id);\n\t});\n}\nwebpackAsyncContext.keys = () => (Object.keys(map));\nwebpackAsyncContext.id = 46116;\nmodule.exports = webpackAsyncContext;","import {\n  OVERLAY_ADD_OVERLAY,\n  OVERLAY_CLOSE_OVERLAY,\n  OVERLAY_REMOVE_OVERLAY,\n  OVERLAY_UPDATE_OVERLAY,\n} from '../constants';\n\nexport const addOverlay = (componentName, onOverlayClick) => ({\n  type: OVERLAY_ADD_OVERLAY,\n  payload: {\n    componentName,\n    onOverlayClick,\n  },\n});\n\nexport const updateOverlay = (componentName, onOverlayClick) => ({\n  type: OVERLAY_UPDATE_OVERLAY,\n  payload: {\n    componentName,\n    onOverlayClick,\n  },\n});\n\nexport const removeOverlay = (componentName) => ({\n  type: OVERLAY_REMOVE_OVERLAY,\n  payload: {\n    componentName,\n  },\n});\n\nexport const closeOverlay = () => ({\n  type: OVERLAY_CLOSE_OVERLAY,\n  payload: {\n    activeOverlays: [],\n  },\n});\n","import React, { useRef } from 'react';\nimport(`./styles/${window.__litium.themeName}.scss`);\n\nconst SliderThumbnails = ({\n  images,\n  sliderRef,\n  activeSlide,\n  className = 'slider-thumbnails',\n}) => {\n  const goToSlide = (no) => {\n    sliderRef.current.slickGoTo(no);\n  };\n\n  return (\n    <div className={`${className}`}>\n      {images.length > 0 &&\n        images.map((img, i) => (\n          <a\n            key={'product-thumb-' + i}\n            className={`${className}__thumb ${\n              activeSlide === i ? `${className}__thumb--active` : ''\n            }`}\n            onClick={() => goToSlide(i)}\n          >\n            <img\n              className={`${className}__thumb__image`}\n              src={img.thumbnailUrl}\n              alt={img.alt}\n            />\n          </a>\n        ))}\n    </div>\n  );\n};\n\nexport default SliderThumbnails;\n","import React, { createRef, useEffect, useRef, useState } from 'react';\nimport ReactDOM from 'react-dom';\nimport { useDispatch } from 'react-redux';\nimport { addOverlay, removeOverlay } from '../../Actions/Overlay.action';\nimport { TransformWrapper, TransformComponent } from 'react-zoom-pan-pinch';\nimport Icon from '../IconBase/Icon';\nimport Slider from 'react-slick';\nimport useIsMobile from '../../Hooks/useIsMobile';\nimport SliderThumbnails from '../SliderThumbnails/SliderThumbnails';\nimport(`./styles/${window.__litium.themeName}.scss`);\n\nconst FullscreenImageSlider = ({\n  showCloseButton = true,\n  images,\n  initialSlide = 0,\n  onClosed,\n  showThumbnails = true,\n  infinite = true,\n} = props) => {\n  const dispatch = useDispatch();\n  const contentRef = createRef();\n  const isMobile = useIsMobile();\n\n  const [open, setOpen] = useState(true);\n  const [zoomed, setZoomed] = useState(false);\n  const [zoomClickPos, setZoomClickPos] = useState(0);\n  const [visible, setVisible] = useState(false);\n  const [currentSlide, setCurrentSlide] = useState(initialSlide);\n  const [isSliding, setIsSliding] = useState(false);\n  const [doubleClickMode, setDoubleClickMode] = useState(\n    images.map(() => 'zoomIn')\n  );\n  const [swipingEnabled, setSwipingEnabled] = useState(true);\n  const [transformComponentRefs] = useState(images.map(() => createRef()));\n  const sliderRef = useRef();\n\n  // Fixes issue in slick slider with initial slide\n  const [hasSetPosition, setHasSetPosition] = useState(false);\n  useEffect(() => {\n    if (sliderRef.current && !hasSetPosition) {\n      sliderRef.current?.slickGoTo(currentSlide);\n      setHasSetPosition(true);\n    }\n  }, [currentSlide, hasSetPosition, sliderRef]);\n\n  const next = () => {\n    sliderRef.current.slickNext();\n  };\n  const prev = () => {\n    sliderRef.current.slickPrev();\n  };\n\n  const settings = {\n    lazyLoad: true,\n    infinite: infinite,\n    speed: 200,\n    slidesToShow: 1,\n    slidesToScroll: 1,\n    arrows: false,\n    swipe: swipingEnabled,\n    initialSlide: initialSlide,\n    beforeChange: (_, index) => {\n      setCurrentSlide(index);\n      transformComponentRefs.forEach((ref) => ref?.current?.resetTransform());\n      setSwipingEnabled(true);\n    },\n    onSwipe: () => setIsSliding(true),\n    afterChange: () => setIsSliding(false),\n  };\n\n  const onKeyDown = (e) => {\n    if (e.key == 'Escape') {\n      setOpen(false);\n    }\n  };\n\n  /**\n   * Set \"open\" to true on mount\n   */\n  useEffect(() => {\n    setVisible(true);\n    dispatch(\n      addOverlay('no-scroll', () => {\n        setOpen(false);\n      })\n    );\n    document.addEventListener('keydown', onKeyDown, false);\n\n    return () => {\n      document.removeEventListener('keydown', onKeyDown, false);\n    };\n  }, []);\n\n  useEffect(() => {\n    if (!open) {\n      dispatch(removeOverlay('no-scroll'));\n      onClosed && onClosed();\n    }\n  }, [open]);\n\n  const onZoom = (e) => {\n    if (isSliding) return;\n\n    e.stopPropagation();\n    const didZoomIn = !zoomed;\n    const clickPos = e.pageY;\n    setZoomClickPos(didZoomIn ? clickPos : 0);\n    setZoomed(didZoomIn);\n  };\n\n  useEffect(() => {\n    if (zoomed) {\n      const windowHeight = contentRef.current.getBoundingClientRect().height;\n      const percentage = zoomClickPos / windowHeight;\n      const upScaledClickPos = contentRef.current.scrollHeight * percentage;\n      const centeredClickPos = upScaledClickPos - windowHeight / 2;\n      contentRef.current.scrollTo({ top: centeredClickPos, behavior: 'auto' });\n    }\n  }, [zoomClickPos]);\n\n  const onMobileZoom = (e, idx) => {\n    setTimeout(() => {\n      let doubleClickModeCopy = Object.assign([], doubleClickMode);\n      doubleClickModeCopy[idx] =\n        Math.round(e.state.scale) >= 8 ? 'reset' : 'zoomIn';\n\n      setDoubleClickMode(doubleClickModeCopy);\n      setSwipingEnabled(e.state.scale <= 1);\n    }, 200);\n  };\n\n  return (\n    open &&\n    ReactDOM.createPortal(\n      <div\n        className={`fullscreen-image-slider ${\n          visible && 'fullscreen-image-slider--visible'\n        } ${zoomed ? 'zoomed' : ''}`}\n      >\n        <div className=\"fullscreen-image-slider__content\" ref={contentRef}>\n          {showCloseButton && (\n            <div\n              className=\"fullscreen-image-slider__close-btn\"\n              onClick={() => setOpen(false)}\n            >\n              <Icon\n                className=\"fullscreen-image-slider__close-btn__icon\"\n                iconCode=\"close\"\n              />\n            </div>\n          )}\n          <Slider {...settings} ref={sliderRef} touchThreshold={20}>\n            {images.map((img, idx) => (\n              <div key={'fullwidth-image-slide' + idx}>\n                {/* Use \"zoom\" library on mobile */}\n                {isMobile && (\n                  <TransformWrapper\n                    ref={transformComponentRefs[idx]}\n                    centerOnInit={true}\n                    wheel={{ wheelDisabled: true }}\n                    panning={{\n                      disabled: swipingEnabled,\n                      velocityDisabled: true,\n                    }}\n                    limitToBounds={true}\n                    velocityAnimation={{ disabled: true }}\n                    doubleClick={{ mode: doubleClickMode[idx] }}\n                    onPanningStop={(e) => onMobileZoom(e, idx)}\n                    onZoomStop={(e) => onMobileZoom(e, idx)}\n                  >\n                    <TransformComponent\n                      wrapperClass=\"fullscreen-image-slider__transform-wrapper\"\n                      contentClass=\"fullscreen-image-slider__transform-component\"\n                    >\n                      <img\n                        src={img.originalUrl}\n                        loading={idx == 0 ? 'eager' : 'lazy'}\n                      />\n                    </TransformComponent>\n                  </TransformWrapper>\n                )}\n\n                {/* Use zoom-on-click in desktop*/}\n                {!isMobile && <img src={img.originalUrl} onClick={onZoom} />}\n              </div>\n            ))}\n          </Slider>\n          {showThumbnails && (\n            <div className=\"fullscreen-image-slider__thumbnails-container\">\n              <div\n                className={`fullscreen-image-slider__arrow ${\n                  currentSlide < 1\n                    ? 'fullscreen-image-slider__arrow--disabled'\n                    : ''\n                }`}\n              >\n                <Icon\n                  className=\"fullscreen-image-slider__arrow__icon\"\n                  iconCode=\"chevron_left\"\n                  onClick={prev}\n                />\n              </div>\n              <div className=\"fullscreen-image-slider__count\">\n                {currentSlide + 1} / {images.length}\n              </div>\n              <SliderThumbnails\n                className=\"fullscreen-image-slider__thumbnails\"\n                images={images}\n                sliderRef={sliderRef}\n                activeSlide={currentSlide}\n              />\n              <div\n                className={`fullscreen-image-slider__arrow ${\n                  currentSlide >= images.length - 1\n                    ? 'fullscreen-image-slider__arrow--disabled'\n                    : ''\n                }`}\n              >\n                <Icon\n                  className=\"fullscreen-image-slider__arrow__icon\"\n                  iconCode=\"chevron_right\"\n                  onClick={next}\n                />\n              </div>\n            </div>\n          )}\n        </div>\n      </div>,\n      document.body\n    )\n  );\n};\n\nexport default FullscreenImageSlider;\n","import React, { useRef, useState } from 'react';\nimport Slider from 'react-slick';\nimport FullscreenImageSlider from '../FullscreenImageSlider/FullscreenImageSlider';\nimport Icon from '../IconBase/Icon';\nimport SliderThumbnails from '../SliderThumbnails/SliderThumbnails';\nimport(`./styles/${window.__litium.themeName}.scss`);\n\nconst ProductImageContainer = ({ productImages }) => {\n  const singleSlide = productImages.length === 1;\n  const sliderRef = useRef();\n  const [currentSlide, setCurrentSlide] = useState(0);\n  const [showFullscreenImages, setShowFullscreenImages] = useState(false);\n  const [isSliding, setIsSliding] = useState(false);\n\n  const next = () => {\n    sliderRef.current.slickNext();\n  };\n  const prev = () => {\n    sliderRef.current.slickPrev();\n  };\n\n  var settings = {\n    afterChange: () => {\n      setIsSliding(false);\n    },\n    beforeChange: (_, index) => {\n      setCurrentSlide(index);\n    },\n    speed: 200,\n    dots: false,\n    arrows: false,\n    infinite: false,\n    autoplay: false,\n    slidesToShow: 1,\n    slidesToScroll: 1,\n    onSwipe: () => setIsSliding(true),\n  };\n\n  return (\n    <div className=\"product-images\">\n      <div className=\"product-images__container\">\n        {!singleSlide && (\n          <div\n            className={`product-images__arrow product-images__arrow--prev ${\n              currentSlide < 1 ? 'product-images__arrow--disabled' : ''\n            }`}\n            onClick={prev}\n          >\n            <Icon\n              className=\"product-images__arrow__icon\"\n              iconCode=\"chevron_left\"\n            />\n          </div>\n        )}\n        <Slider ref={sliderRef} {...settings}>\n          {productImages.length > 0 &&\n            productImages.map((productImage, i) => (\n              <div key={'product-image-' + i}>\n                <div className=\"product-images__image-container\">\n                  <img\n                    className=\"product-images__image\"\n                    src={productImage.slideUrl}\n                    alt={productImage.alt}\n                    onClick={() => !isSliding && setShowFullscreenImages(true)}\n                  />\n                </div>\n              </div>\n            ))}\n        </Slider>\n        {!singleSlide && (\n          <div\n            className={`product-images__arrow product-images__arrow--next ${\n              currentSlide >= productImages.length - 1\n                ? 'product-images__arrow--disabled'\n                : ''\n            }`}\n            onClick={next}\n          >\n            <Icon\n              className=\"product-images__arrow__icon\"\n              iconCode=\"chevron_right\"\n            />\n          </div>\n        )}\n      </div>\n      {!singleSlide && (\n        <SliderThumbnails\n          className=\"product-images__thumbnails\"\n          images={productImages}\n          sliderRef={sliderRef}\n          activeSlide={currentSlide}\n        />\n      )}\n      {!singleSlide && (\n        <div className=\"product-images__count-container\">\n          {currentSlide + 1} / {productImages.length}\n        </div>\n      )}\n      {showFullscreenImages && (\n        <FullscreenImageSlider\n          images={productImages}\n          onClosed={() => setShowFullscreenImages(false)}\n          initialSlide={currentSlide}\n          infinite={false}\n        />\n      )}\n    </div>\n  );\n};\n\nexport default ProductImageContainer;\n","// extracted by mini-css-extract-plugin\nexport default {\"xsmall\":\"0\",\"small\":\"480px\",\"medium\":\"768px\",\"large\":\"1024px\",\"xlarge\":\"1440px\",\"sitelarge\":\"1656px\",\"xxlarge\":\"1920px\"};","import React, { useEffect } from 'react';\nimport breakpoints from '../../styles/exports/wtg.module.scss';\nimport useWindowSize from './useWindowSize';\n\nconst MOBILE_BREAKPOINT = 'large'; // below large = mobile\n\nconst useIsMobile = (breakpoint = MOBILE_BREAKPOINT) => {\n  breakpoint = parseInt(breakpoints[breakpoint].replace('px', ''));\n\n  const [windowWidth] = useWindowSize();\n  const [isMobile, setIsMobile] = React.useState(windowWidth <= breakpoint - 1);\n\n  useEffect(() => {\n    setIsMobile(windowWidth <= breakpoint - 1);\n  }, [windowWidth, breakpoint]);\n\n  return isMobile;\n};\n\nexport default useIsMobile;\n","import { useState, useLayoutEffect } from 'react';\n\nexport default function () {\n  var initialWidth = window && window.innerWidth ? window.innerWidth : 0;\n  var initialHeight = window && window.innerHeight ? window.innerHeight : 0;\n  const [size, setSize] = useState([initialWidth, initialHeight]);\n  useLayoutEffect(() => {\n    function updateSize() {\n      setSize([window.innerWidth, window.innerHeight]);\n    }\n    window.addEventListener('resize', updateSize);\n    updateSize();\n    return () => window.removeEventListener('resize', updateSize);\n  }, []);\n  return size;\n}\n"],"sourceRoot":""}