{"version":3,"file":"static/chunks/9572.8f33416832ee4642.js","mappings":"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","sources":["webpack://_N_E/./adapters/helpers/Hooks.js","webpack://_N_E/./components/Image/Img/Img.js","webpack://_N_E/<anon>"],"sourcesContent":["import React, { useState, useEffect, useLayoutEffect } from 'react';\n\n// https://github.com/streamich/react-use/blob/master/docs/useIsomorphicLayoutEffect.md\nexport const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;\n\nexport function useMatchMedia(mediaQueryString, initialValue = null) {\n    const [match, setMatch] = useState(initialValue);\n\n    useEffect(\n        () => {\n            if(!window.matchMedia) {\n                return;\n            }\n\n            function handleMatch(event) {\n                setMatch(event.matches);\n            }\n\n            const matchMedia = window.matchMedia(mediaQueryString);\n\n            setMatch(matchMedia.matches);\n            matchMedia.addListener(handleMatch);\n\n            return () => {\n                matchMedia.removeListener(handleMatch);\n            };\n        },\n        [mediaQueryString]\n    );\n\n    return match;\n}\n\nexport const mediaQueryHOC = (Component) => {\n    function MediaQueryHOC(props) {\n        const isXSmall = useMatchMedia('(max-width: 375px)');\n        const isSmall = useMatchMedia('(max-width: 479px)');\n        const isMedium = useMatchMedia('(max-width: 767px)');\n        const isLarge = useMatchMedia('(max-width: 991px)');\n        const isXLarge = useMatchMedia('(max-width: 1023px)');\n        return (\n            <Component\n                isXSmall={isXSmall}\n                isSmall={isSmall}\n                isMedium={isMedium}\n                isLarge={isLarge}\n                isXLarge={isXLarge}\n                {...props}\n            />\n        );\n    }\n    return MediaQueryHOC;\n};\n\nlet listeners = [];\nlet state = { currentProductIndex: 0};\n\n\nconst setState = (newState) => {\n    state = { ...state, ...newState };\n    listeners.forEach((listener) => {\n        listener(state);\n    });\n};\n\nexport const updateCurrentProductIndex = () => {\n    const newListener = useState()[1];\n    useEffect(() => {\n        listeners.push(newListener);\n    }, []);\n    return [state, setState];\n};\n","import React, { useContext, useCallback, useState, useEffect, useRef, Suspense } from 'react'\nimport PropTypes from \"prop-types\";\nimport LazyLoad from \"react-lazyload\";\nimport { Parallax } from \"react-scroll-parallax\";\nimport { ParallaxContext } from \"react-scroll-parallax/cjs/helpers\";\nimport throttle from \"lodash/throttle\";\nimport Head from \"next/head\";\nimport ImageFactory from \"../../../adapters/cloudinary/ImageFactory\";\nimport { useIsomorphicLayoutEffect } from \"../../../adapters/helpers/Hooks\";\nimport { roundUpTheSize } from \"../BackgroundImage/BackgroundImage.helpers\";\nimport { isIE } from \"../../../adapters/helpers/Utils\";\nimport { ImageConstants } from \"../../../adapters/helpers/Constants\";\nimport { optimizeImage } from \"../../../adapters/helpers/PageSpeedHelper\";\nimport Loader from '../../../adapters/helpers/Loader';\nimport { SpotlightWaitlistConstants } from '../../../adapters/helpers/Constants';\nimport Image from 'next/image';\n\nexport default function Img(props) {\n  const {\n    imageId,\n    contentImageId,\n    elemId,\n    alt,\n    transformations,\n    customClassName,\n    alignmentClassName,\n    format,\n    noLazyLoad,\n    resetImage,\n    ariaHidden,\n  } = props;\n\n  const nodeRef = useRef(null);\n  const nodeImg = useRef(null);\n  const [width, setWidth] = useState(0);\n  let [windowWidth, setWindowWidth] = useState(ImageConstants.defaultWidth);\n  const isPreload = props.isPreload;\n  const isBannerImage = props.isBannerImage;\n  let classname = \"ob-mainAsset-wrapper\";\n  if (alignmentClassName) classname += ` ${alignmentClassName}`;\n  if (customClassName) classname += ` ${customClassName}`;\n\n  function updateWidth() {\n    if (nodeRef.current) {\n      setWidth(roundUpTheSize(nodeRef.current.getBoundingClientRect().width));\n    }\n  }\n\n  useEffect(() => {\n    const handleResize = throttle(updateWidth, 100);\n\n    window.addEventListener(\"resize\", handleResize);\n\n    return () => {\n      window.removeEventListener(\"resize\", handleResize);\n      handleResize.cancel();\n    };\n  }, []);\n\n  useEffect(() => {\n    window.addEventListener(\"resize\", windowResize);\n    windowResize();\n    return () => {\n      window.removeEventListener(\"resize\", windowResize);\n    };\n  }, []);\n\n  function windowResize() {\n    setWindowWidth(window.innerWidth);\n  }\n\n  useEffect(() => {\n    if (resetImage && nodeImg.current) {\n      let imgSrc = nodeImg.current.src;\n      nodeImg.current.src = \"\";\n      setTimeout(() => {\n        nodeImg.current.src = imgSrc;\n      }, 0);\n    }\n  }, [resetImage]);\n\n  useIsomorphicLayoutEffect(updateWidth, []);\n\n  let finalTransformations = `w_${width !== 0 ? width : \"auto\"}${\n    transformations ? \",\" + transformations : \"\"\n  },q_auto,f_${format}`;\n  if (isPreload) {\n    finalTransformations = `w_${\n      windowWidth < ImageConstants.defaultDesktopWidth\n        ? ImageConstants.defaultWidth\n        : width !== 0\n        ? width\n        : \"auto\"\n    }${transformations ? \",\" + transformations : \"\"},q_auto,f_${format}`;\n  }\n\n  const preloadImageUrl =\n    contentImageId &&\n    optimizeImage(ImageFactory.buildContentfullImageUrl(contentImageId));\n  let url =\n    contentImageId &&\n    optimizeImage(\n      ImageFactory.buildContentfullImageUrlByWidth(contentImageId, width)\n    );\n\n  // We can't call dpr 1.5/2/3 and add srcset because we don't know if the image really exist.\n  // If you call an image of width 500px then this image does not exist cloudinary will provide an auto width image\n  // The problem: In this case the 2x image will display a width auto image divided by 2, if 3x it will divided the image by 3.\n  // We can't force the user to upload 3x 2x images.\n  //const srcSet = (width !== 0) ? ImageFactory.dpr(image, finalTransformations) : undefined;\n\n  return (\n    <div\n      className={`${classname ? classname : \"\"} ${\n        props.imageClassName ? props.imageClassName : \"\"\n      }`}\n      ref={nodeRef}\n      style={{\n        marginBottom: props.offsetBottom,\n        marginTop: props.offsetTop,\n        marginLeft: props.offsetLeft,\n        marginRight: props.offsetRight,\n        transform: props.scale ? `scale(${props.scale})` : undefined,\n      }}\n    >\n      {isPreload && (\n        <Head>\n          <link rel=\"preload\" href={preloadImageUrl} as=\"image\" />\n        </Head>\n      )}\n      {!noLazyLoad && !isPreload ? (\n        <LazyLoad offset={500}>\n          {props.hasAssetParallax && !isIE() ? (\n            <Suspense fallback={<Loader/>}>\n              <ParallaxImg\n                imgRef={nodeImg}\n                imgClassName=\"ob-mainAsset-wrapper-img\"\n                id={elemId}\n                src={url}\n                alt={alt}\n                x={props.assetX}\n                ariaHidden={ariaHidden}\n                y={props.assetY}\n              />\n            </Suspense>\n          ) : (\n            <Suspense fallback={<Loader/>}>\n              <Image\n                width={0}\n                height={0}\n                priority={isPreload ? true : false}\n                sizes=\"(max-width: 768px) 50vw (max-width: 1200px) 100vw 70vw\"\n                style={{ width: 'auto', height: 'auto' }} // optional\n                className='ob-mainAsset-wrapper-img'\n                id={elemId}\n                src={url}\n                aria-hidden={ariaHidden}\n                alt={alt || ''} \n                aria-label='banner-image'\n                placeholder={SpotlightWaitlistConstants.loader}\n              />\n            </Suspense> \n          )}\n        </LazyLoad>\n      ) : props.hasAssetParallax && !isIE() ? (\n        <Suspense fallback={<Loader />}>\n            <ParallaxImg\n              imgRef={nodeImg}\n              id={elemId}\n              src={url}\n              alt={alt}\n              ariaHidden={ariaHidden}\n              x={props.assetX}\n              y={props.assetY}\n            />\n        </Suspense>\n      ) : (\n        <Suspense fallback={<Loader />}>\n          <Image ref={nodeImg}\n            width={0}\n            height={0}\n            priority={isPreload ? true : false}\n            sizes=\"(max-width: 768px) 50vw (max-width: 1200px) 100vw 70vw\"\n            style={{ width: 'auto', height: 'auto' }} // optional\n            className={isPreload && isBannerImage && 'ob-background-wrapper-visible'}\n            id={elemId}\n            src={preloadImageUrl}\n            aria-hidden={ariaHidden}\n            alt={alt || ''}\n          />\n        </Suspense>\n      )}\n    </div>\n  );\n}\n\nImg.defaultProps = {\n  transformations: \"c_limit\",\n  format: \"auto\",\n  hasAssetParallax: false,\n  resetImage: false,\n};\n\nImg.propTypes = {\n  imageId: PropTypes.string,\n  contentImageId: PropTypes.string,\n  elemId: PropTypes.string,\n  alt: PropTypes.string,\n  scale: PropTypes.string,\n  offsetBottom: PropTypes.string,\n  offsetTop: PropTypes.string,\n  offsetLeft: PropTypes.string,\n  offsetRight: PropTypes.string,\n  transformations: PropTypes.string,\n  className: PropTypes.string,\n  customClassName: PropTypes.string,\n  alignmentClassName: PropTypes.string,\n  format: PropTypes.string,\n  noLazyLoad: PropTypes.bool,\n  resetImage: PropTypes.bool,\n  hasAssetParallax: PropTypes.bool,\n  assetX: PropTypes.array,\n  assetY: PropTypes.array,\n  ariaHidden: PropTypes.bool,\n  imageClassName: PropTypes.string,\n  isPreload: PropTypes.bool,\n  isBannerImage: PropTypes.bool,\n};\n\nfunction ParallaxImg({ imgRef, x, y, src, alt, imgClassName, id, ariaHidden }) {\n  const parallaxController = useContext(ParallaxContext);\n\n  const handleLoad = useCallback(() => {\n    // updates cached values after image dimensions have loaded\n    parallaxController.update();\n  }, [parallaxController]);\n\n  return (\n    <Suspense fallback={<Loader />}>\n      <Parallax className=\"img-parallax\" x={x} y={y}>\n        <img\n          ref={imgRef}\n          className={imgClassName}\n          id={id}\n          aria-hidden={ariaHidden}\n          src={src}\n          alt={alt || \"\"}\n          onLoad={handleLoad}\n        />\n      </Parallax>\n    </Suspense>\n  );\n}\n\nParallaxImg.propTypes = {\n  imgRef: PropTypes.oneOfType([\n    PropTypes.func,\n    PropTypes.shape({ current: PropTypes.any }),\n  ]),\n  x: PropTypes.array,\n  y: PropTypes.array,\n  src: PropTypes.string,\n  alt: PropTypes.string,\n  imgClassName: PropTypes.string,\n  id: PropTypes.string,\n  ariaHidden: PropTypes.bool,\n};\n","\"use strict\";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9572,7273],{71357:function(e,t,a){a.d(t,{LI:function(){return u},Ui:function(){return f},ag:function(){return l},y3:function(){return p}});var n=a(930),r=a.n(n),i=a(67294),s=a(85893);function c(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,n)}return a}function o(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?c(Object(a),!0).forEach((function(t){r()(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):c(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}var u=i.useLayoutEffect;function l(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,a=(0,i.useState)(t),n=a[0],r=a[1];return(0,i.useEffect)((function(){if(window.matchMedia){var t=window.matchMedia(e);return r(t.matches),t.addListener(a),function(){t.removeListener(a)}}function a(e){r(e.matches)}}),[e]),n}var f=function(e){return function(t){var a=l(\"(max-width: 375px)\"),n=l(\"(max-width: 479px)\"),r=l(\"(max-width: 767px)\"),i=l(\"(max-width: 991px)\"),c=l(\"(max-width: 1023px)\");return(0,s.jsx)(e,o({isXSmall:a,isSmall:n,isMedium:r,isLarge:i,isXLarge:c},t))}},d=[],m={currentProductIndex:0},h=function(e){m=o(o({},m),e),d.forEach((function(e){e(m)}))},p=function(){var e=(0,i.useState)()[1];return(0,i.useEffect)((function(){d.push(e)}),[]),[m,h]}},7273:function(e,t,a){a.r(t),a.d(t,{default:function(){return b}});var n=a(67294),r=a(1216),i=a(77776),s=a(9476),c=a(23493),o=a.n(c),u=a(9008),l=a.n(u),f=a(42456),d=a(71357),m=a(53633),h=a(8996),p=a(24036),x=a(88726),w=a(47322),g=a(25675),j=a.n(g),v=a(85893);function b(e){e.imageId;var t=e.contentImageId,a=e.elemId,i=e.alt,s=e.transformations,c=e.customClassName,u=e.alignmentClassName,g=e.format,b=e.noLazyLoad,O=e.resetImage,P=e.ariaHidden,L=(0,n.useRef)(null),E=(0,n.useRef)(null),k=(0,n.useState)(0),C=k[0],S=k[1],I=(0,n.useState)(p.j6.defaultWidth),N=I[0],_=I[1],R=e.isPreload,z=e.isBannerImage,H=\"ob-mainAsset-wrapper\";function A(){L.current&&S((0,m.V)(L.current.getBoundingClientRect().width))}function B(){_(window.innerWidth)}u&&(H+=\" \".concat(u)),c&&(H+=\" \".concat(c)),(0,n.useEffect)((function(){var e=o()(A,100);return window.addEventListener(\"resize\",e),function(){window.removeEventListener(\"resize\",e),e.cancel()}}),[]),(0,n.useEffect)((function(){return window.addEventListener(\"resize\",B),B(),function(){window.removeEventListener(\"resize\",B)}}),[]),(0,n.useEffect)((function(){if(O&&E.current){var e=E.current.src;E.current.src=\"\",setTimeout((function(){E.current.src=e}),0)}}),[O]),(0,d.LI)(A,[]);\"w_\".concat(0!==C?C:\"auto\").concat(s?\",\"+s:\"\",\",q_auto,f_\").concat(g);R&&\"w_\".concat(N<p.j6.defaultDesktopWidth?p.j6.defaultWidth:0!==C?C:\"auto\").concat(s?\",\"+s:\"\",\",q_auto,f_\").concat(g);var D=t&&(0,x.H)(f.ZP.buildContentfullImageUrl(t)),W=t&&(0,x.H)(f.ZP.buildContentfullImageUrlByWidth(t,C));return(0,v.jsxs)(\"div\",{className:\"\".concat(H||\"\",\" \").concat(e.imageClassName?e.imageClassName:\"\"),ref:L,style:{marginBottom:e.offsetBottom,marginTop:e.offsetTop,marginLeft:e.offsetLeft,marginRight:e.offsetRight,transform:e.scale?\"scale(\".concat(e.scale,\")\"):void 0},children:[R&&(0,v.jsx)(l(),{children:(0,v.jsx)(\"link\",{rel:\"preload\",href:D,as:\"image\"})}),b||R?e.hasAssetParallax&&!(0,h.w1)()?(0,v.jsx)(n.Suspense,{fallback:(0,v.jsx)(w.default,{}),children:(0,v.jsx)(y,{imgRef:E,id:a,src:W,alt:i,ariaHidden:P,x:e.assetX,y:e.assetY})}):(0,v.jsx)(n.Suspense,{fallback:(0,v.jsx)(w.default,{}),children:(0,v.jsx)(j(),{ref:E,width:0,height:0,priority:!!R,sizes:\"(max-width: 768px) 50vw (max-width: 1200px) 100vw 70vw\",style:{width:\"auto\",height:\"auto\"},className:R&&z&&\"ob-background-wrapper-visible\",id:a,src:D,\"aria-hidden\":P,alt:i||\"\"})}):(0,v.jsx)(r.default,{offset:500,children:e.hasAssetParallax&&!(0,h.w1)()?(0,v.jsx)(n.Suspense,{fallback:(0,v.jsx)(w.default,{}),children:(0,v.jsx)(y,{imgRef:E,imgClassName:\"ob-mainAsset-wrapper-img\",id:a,src:W,alt:i,x:e.assetX,ariaHidden:P,y:e.assetY})}):(0,v.jsx)(n.Suspense,{fallback:(0,v.jsx)(w.default,{}),children:(0,v.jsx)(j(),{width:0,height:0,priority:!!R,sizes:\"(max-width: 768px) 50vw (max-width: 1200px) 100vw 70vw\",style:{width:\"auto\",height:\"auto\"},className:\"ob-mainAsset-wrapper-img\",id:a,src:W,\"aria-hidden\":P,alt:i||\"\",\"aria-label\":\"banner-image\",placeholder:p.IH.loader})})})]})}function y(e){var t=e.imgRef,a=e.x,r=e.y,c=e.src,o=e.alt,u=e.imgClassName,l=e.id,f=e.ariaHidden,d=(0,n.useContext)(s.ParallaxContext),m=(0,n.useCallback)((function(){d.update()}),[d]);return(0,v.jsx)(n.Suspense,{fallback:(0,v.jsx)(w.default,{}),children:(0,v.jsx)(i.VS,{className:\"img-parallax\",x:a,y:r,children:(0,v.jsx)(\"img\",{ref:t,className:u,id:l,\"aria-hidden\":f,src:c,alt:o||\"\",onLoad:m})})})}b.defaultProps={transformations:\"c_limit\",format:\"auto\",hasAssetParallax:!1,resetImage:!1}}}]);"],"names":["self","webpackChunk_N_E","push","e","t","a","d","LI","u","Ui","f","ag","l","y3","p","n","r","i","s","c","Object","keys","getOwnPropertySymbols","filter","getOwnPropertyDescriptor","enumerable","apply","o","arguments","length","forEach","getOwnPropertyDescriptors","defineProperties","defineProperty","useLayoutEffect","useState","useEffect","window","matchMedia","matches","addListener","removeListener","jsx","isXSmall","isSmall","isMedium","isLarge","isXLarge","m","currentProductIndex","h","default","b","x","w","g","j","v","imageId","contentImageId","elemId","alt","transformations","customClassName","alignmentClassName","format","noLazyLoad","O","resetImage","P","ariaHidden","L","useRef","E","k","C","S","I","j6","defaultWidth","N","_","R","isPreload","z","isBannerImage","H","A","current","V","getBoundingClientRect","width","B","innerWidth","concat","addEventListener","removeEventListener","cancel","src","setTimeout","defaultDesktopWidth","D","ZP","buildContentfullImageUrl","W","buildContentfullImageUrlByWidth","jsxs","className","imageClassName","ref","style","marginBottom","offsetBottom","marginTop","offsetTop","marginLeft","offsetLeft","marginRight","offsetRight","transform","scale","children","rel","href","as","hasAssetParallax","w1","Suspense","fallback","y","imgRef","id","assetX","assetY","height","priority","sizes","offset","imgClassName","placeholder","IH","loader","useContext","ParallaxContext","useCallback","update","VS","onLoad","defaultProps"],"sourceRoot":""}