{"version":3,"file":"static/chunks/9572.b36b47d36097c160.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 Image from 'next/image';\nimport Loader from '../../../adapters/helpers/Loader';\n\nexport default function Img(props) {\n\n    const {\n        contentImageId,\n        elemId,\n        alt,\n        transformations,\n        customClassName,\n        alignmentClassName,\n        format,\n        noLazyLoad,\n        resetImage,\n        ariaHidden,\n        imageFormat,\n        imageQuality,\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        () => {\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    );\n\n    useEffect(()=>{     \n        window.addEventListener('resize', windowResize)\n        windowResize()\n        return(()=>{\n            window.removeEventListener('resize', windowResize)\n        })\n        \n    },[])\n\n    function windowResize() {\n        setWindowWidth(window.innerWidth);\n      }\n\n    useEffect(\n        () => {\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        },\n        [ resetImage ]\n    );\n\n    useIsomorphicLayoutEffect(\n        updateWidth,\n        []\n    );\n\n    let finalTransformations = `w_${(width !== 0) ? width : 'auto'}${transformations ? ',' + transformations : ''},q_auto,f_${format}`;\n    if(isPreload){\n        finalTransformations = `w_${windowWidth < ImageConstants.defaultDesktopWidth ? ImageConstants.defaultWidth : (width !== 0) ? width : 'auto'}${transformations ? ',' + transformations : ''},q_auto,f_${format}`\n    }\n\n    let preloadImageUrl = contentImageId && optimizeImage(ImageFactory.buildContentfullImageUrl(contentImageId), imageFormat, imageQuality);\n    let url = contentImageId && optimizeImage(ImageFactory.buildContentfullImageUrlByWidth(contentImageId,width), imageFormat, imageQuality);\n    let imageWidth = props.imgCategory ==\"article\" ? \"100%\" : \"auto\"\n\n\n    return (\n        <div\n            className={`${classname ? classname : ''} ${props.imageClassName ? props.imageClassName : ''}`}\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  && <Head>\n                 <link rel=\"preload\" href={preloadImageUrl} as=\"image\" />\n            </Head> }\n            {!noLazyLoad && !isPreload ? (\n                <LazyLoad offset={500}>\n                    {props.hasAssetParallax && !isIE() ? (\n                        <Suspense fallback={<Loader />}>\n                        <ParallaxImg 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                        </Suspense>\n                    ) : (\n                        <Suspense fallback={<Loader />}>\n                        <Image ref={nodeImg} \n                            className='ob-mainAsset-wrapper-img'\n                            id={elemId} \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: imageWidth, height: 'auto' }} // optional\n                            src={url} \n                            aria-hidden={ariaHidden} \n                            alt={alt || ''} \n                            aria-label='banner-image'/>\n                        </Suspense>\n                    )}\n                </LazyLoad>\n            ) : props.hasAssetParallax && !isIE() ? (\n                <ParallaxImg imgRef={nodeImg} \n                    id={elemId} \n                    src={url} \n                    alt={alt}\n                    ariaHidden={ariaHidden} \n                    x={props.assetX} \n                    y={props.assetY} />\n            ) : (\n                <Image ref={nodeImg} \n                    className={isPreload && isBannerImage && 'ob-background-wrapper-visible'}\n                    id={elemId} \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: imageWidth, height: 'auto' }} // optional\n                    src={preloadImageUrl} \n                    aria-hidden={ariaHidden} \n                    alt={alt || ''} />\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        () => {\n            // updates cached values after image dimensions have loaded\n            parallaxController.update();\n        },\n        [ parallaxController ]\n    );\n\n    return (\n        <Suspense fallback={<Loader />}>\n        <Parallax className='img-parallax' x={x} y={y}>\n            <img ref={imgRef} className={imgClassName} id={id} aria-hidden={ariaHidden} src={src} alt={alt || ''} onLoad={handleLoad}/>\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}","\"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 w}});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)}))},w=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),w=a(24036),g=a(19271),p=a(25675),x=a.n(p),v=a(47322),j=a(85893);function b(e){var t=e.contentImageId,a=e.elemId,i=e.alt,s=e.transformations,c=e.customClassName,u=e.alignmentClassName,p=e.format,b=e.noLazyLoad,O=e.resetImage,P=e.ariaHidden,L=e.imageFormat,C=e.imageQuality,E=(0,n.useRef)(null),N=(0,n.useRef)(null),k=(0,n.useState)(0),S=k[0],I=k[1],_=(0,n.useState)(w.j6.defaultWidth),R=_[0],z=_[1],A=e.isPreload,H=e.isBannerImage,B=\"ob-mainAsset-wrapper\";function D(){E.current&&I((0,m.V)(E.current.getBoundingClientRect().width))}function W(){z(window.innerWidth)}u&&(B+=\" \".concat(u)),c&&(B+=\" \".concat(c)),(0,n.useEffect)((function(){var e=o()(D,100);return window.addEventListener(\"resize\",e),function(){window.removeEventListener(\"resize\",e),e.cancel()}}),[]),(0,n.useEffect)((function(){return window.addEventListener(\"resize\",W),W(),function(){window.removeEventListener(\"resize\",W)}}),[]),(0,n.useEffect)((function(){if(O&&N.current){var e=N.current.src;N.current.src=\"\",setTimeout((function(){N.current.src=e}),0)}}),[O]),(0,d.LI)(D,[]);\"w_\".concat(0!==S?S:\"auto\").concat(s?\",\"+s:\"\",\",q_auto,f_\").concat(p);A&&\"w_\".concat(R<w.j6.defaultDesktopWidth?w.j6.defaultWidth:0!==S?S:\"auto\").concat(s?\",\"+s:\"\",\",q_auto,f_\").concat(p);var Z=t&&(0,g.H)(f.ZP.buildContentfullImageUrl(t),L,C),X=t&&(0,g.H)(f.ZP.buildContentfullImageUrlByWidth(t,S),L,C),M=\"article\"==e.imgCategory?\"100%\":\"auto\";return(0,j.jsxs)(\"div\",{className:\"\".concat(B||\"\",\" \").concat(e.imageClassName?e.imageClassName:\"\"),ref:E,style:{marginBottom:e.offsetBottom,marginTop:e.offsetTop,marginLeft:e.offsetLeft,marginRight:e.offsetRight,transform:e.scale?\"scale(\".concat(e.scale,\")\"):void 0},children:[A&&(0,j.jsx)(l(),{children:(0,j.jsx)(\"link\",{rel:\"preload\",href:Z,as:\"image\"})}),b||A?e.hasAssetParallax&&!(0,h.w1)()?(0,j.jsx)(y,{imgRef:N,id:a,src:X,alt:i,ariaHidden:P,x:e.assetX,y:e.assetY}):(0,j.jsx)(x(),{ref:N,className:A&&H&&\"ob-background-wrapper-visible\",id:a,width:0,height:0,priority:!!A,sizes:\"(max-width: 768px) 50vw (max-width: 1200px) 100vw 70vw\",style:{width:M,height:\"auto\"},src:Z,\"aria-hidden\":P,alt:i||\"\"}):(0,j.jsx)(r.default,{offset:500,children:e.hasAssetParallax&&!(0,h.w1)()?(0,j.jsx)(n.Suspense,{fallback:(0,j.jsx)(v.Z,{}),children:(0,j.jsx)(y,{imgRef:N,imgClassName:\"ob-mainAsset-wrapper-img\",id:a,src:X,alt:i,x:e.assetX,ariaHidden:P,y:e.assetY})}):(0,j.jsx)(n.Suspense,{fallback:(0,j.jsx)(v.Z,{}),children:(0,j.jsx)(x(),{ref:N,className:\"ob-mainAsset-wrapper-img\",id:a,width:0,height:0,priority:!!A,sizes:\"(max-width: 768px) 50vw (max-width: 1200px) 100vw 70vw\",style:{width:M,height:\"auto\"},src:X,\"aria-hidden\":P,alt:i||\"\",\"aria-label\":\"banner-image\"})})})]})}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,j.jsx)(n.Suspense,{fallback:(0,j.jsx)(v.Z,{}),children:(0,j.jsx)(i.VS,{className:\"img-parallax\",x:a,y:r,children:(0,j.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","w","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","g","p","x","v","j","contentImageId","elemId","alt","transformations","customClassName","alignmentClassName","format","noLazyLoad","O","resetImage","P","ariaHidden","L","imageFormat","C","imageQuality","E","useRef","N","k","S","I","_","j6","defaultWidth","R","z","A","isPreload","H","isBannerImage","B","D","current","V","getBoundingClientRect","width","W","innerWidth","concat","addEventListener","removeEventListener","cancel","src","setTimeout","defaultDesktopWidth","Z","ZP","buildContentfullImageUrl","X","buildContentfullImageUrlByWidth","M","imgCategory","jsxs","className","imageClassName","ref","style","marginBottom","offsetBottom","marginTop","offsetTop","marginLeft","offsetLeft","marginRight","offsetRight","transform","scale","children","rel","href","as","hasAssetParallax","w1","y","imgRef","id","assetX","assetY","height","priority","sizes","offset","Suspense","fallback","imgClassName","useContext","ParallaxContext","useCallback","update","VS","onLoad","defaultProps"],"sourceRoot":""}