{"version":3,"file":"static/chunks/2114.85594b6df72dafd8.js","mappings":"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","sources":["webpack://_N_E/./components/Image/BackgroundImage/BackgroundImage.js","webpack://_N_E/./components/Image/Image.js","webpack://_N_E/<anon>"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react'\nimport PropTypes from 'prop-types'\nimport LazyLoad from 'react-lazyload';\nimport throttle from 'lodash/throttle';\nimport Head from 'next/head'\nimport { useIsomorphicLayoutEffect } from '../../../adapters/helpers/Hooks';\nimport { getBackgroundImage, roundUpTheSize } from './BackgroundImage.helpers'\nimport ImageFactory from '../../../adapters/cloudinary/ImageFactory';\nimport { mediaQueryHOC } from '../../../adapters/helpers/Hooks'\nimport { ImageConstants } from '../../../adapters/helpers/Constants';\n\nfunction BackgroundImage(props) {\n    const mobileBackgroundImageId = props?.mobileBackgroundImage?.asset?.fields?.file?.url || props.contentImageId;\n    const desktopBackgroundImageId = props?.desktopBackgroundImage?.asset?.fields?.file?.url || props.contentImageId;\n    const { backgroundOffsetTop: marginTop, backgroundPosition, alt = null, children = null, customStyles = null, ariaHidden = false } = props;\n    const paddingTop = `${100 / props.widthToHeightRatio}%`;\n    const isPreload = props.isPreload ? props.isPreload : false;\n    const isBannerImage = props.isBannerImage ? props.isBannerImage : false;\n    const nodeRef = useRef(null);\n    const placeholderRef = useRef(null);\n    const [width, setWidth] = useState(ImageConstants.defaultImageWindWidth);\n    const [customClassName, setCustomClassName] = useState('');\n    const [isPageLoaded, setIsPageLoaded] = useState(false);\n    const mobileassertId = props?.preloadImage?.assetId ? props.preloadImage.assetId : props.imageId;\n    const [url, setUrl] = useState(`url(${ImageFactory.buildContentfullImageUrl(props.contentImageId)})`);\n    function updateWidth() {\n        const node = nodeRef.current || placeholderRef.current;\n        if (node) {\n            setWidth(roundUpTheSize(node.getBoundingClientRect().width));\n        }\n    }\n\n    useEffect(() => {\n        setIsPageLoaded(true);\n        if (width != 0) {\n            // Set background width*2 for mobile because the background is larger than the with parent\n            setUrl(getBackgroundImage(props.contentImageId, isPreload && isBannerImage && window.innerWidth < 400 ? 450 : props.isMedium ? width * 2 : width, props.transformations, props.format, props.isMedium));\n        }\n    }, [width, props.imageId, props.isMedium, isPageLoaded]);\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        () => {\n            setCustomClassName(props.customClassName);\n        }, [props.customClassName]\n    );\n\n    useIsomorphicLayoutEffect(\n        updateWidth,\n        []\n    );\n\n\n    return (\n        <React.Fragment>\n            {isPreload && isBannerImage ?\n                <React.Fragment>\n                    <Head>\n                        <link rel=\"preload\" href={ImageFactory.buildContentfullImageUrl(mobileBackgroundImageId)} as=\"image\" media={`(max-width:${ImageConstants.mobile_max_width})`} />\n                        <link rel=\"preload\" href={ImageFactory.buildContentfullImageUrl(desktopBackgroundImageId)} as=\"image\" media={`(min-width:${ImageConstants.desktop_min_width})`} />\n                    </Head>\n                    {/* Below code structure have implemented for pagespeed. */}\n                    {isPageLoaded ?\n                        <div\n                            className={`ob-background-wrapper ${width === 0 ? 'ob-background-wrapper-height' : ''} ${props.className ? props.className : ''} ${customClassName ? customClassName : ''}`}\n                            ref={nodeRef}\n                            aria-hidden={ariaHidden}\n                            style={{\n                                marginTop, paddingTop, backgroundPosition,\n                                backgroundImage: `url(${ImageFactory.buildContentfullImageUrl(props.contentImageId)})`,\n                                ...customStyles\n                            }}>\n                            {alt &&\n                                <span role=\"img\" aria-label={alt}></span>\n                            }\n                            {children}\n                        </div>\n                        :\n                        <React.Fragment>\n                            <div\n                                className={`ob-background-wrapper ob-background-wrapper-mobile ${props.className ? props.className : ''} ${customClassName ? customClassName : ''}`}\n                                ref={nodeRef}\n                                aria-hidden={ariaHidden}\n                                style={{\n                                    marginTop, paddingTop, backgroundPosition,\n                                    backgroundImage: `url(${ImageFactory.buildContentfullImageUrl(mobileBackgroundImageId)})`,\n                                    ...customStyles\n                                }}>\n                                {alt &&\n                                    <span role=\"img\" aria-label={alt}></span>\n                                }\n                                {children}\n                            </div>\n                            <div\n                                className={`ob-background-wrapper ob-background-wrapper-desktop ${width === 0 ? 'ob-background-wrapper-height' : ''} ${props.className ? props.className : ''} ${customClassName ? customClassName : ''}`}\n                                ref={nodeRef}\n                                aria-hidden={ariaHidden}\n                                style={{\n                                    marginTop, paddingTop, backgroundPosition,\n                                    backgroundImage: `url(${ImageFactory.buildContentfullImageUrl(desktopBackgroundImageId)})`,\n                                    ...customStyles\n                                }}>\n                                {alt &&\n                                    <span role=\"img\" aria-label={alt}  aria-hidden='true'></span>\n                                }\n                                {children}\n                            </div>\n                        </React.Fragment>\n                    }\n                </React.Fragment>\n                : <LazyLoad offset={500}\n                    placeholder={\n                        <div\n                            className={`ob-background-wrapper ${props.className ? props.className : ''} ${customClassName ? customClassName : ''}`}\n                            ref={placeholderRef}\n                            aria-hidden={ariaHidden}\n                            style={{\n                                marginTop, paddingTop, backgroundPosition\n                            }}\n                        />\n                    }\n                >\n                    <div\n                        className={`ob-background-wrapper ${props.className ? props.className : ''} ${customClassName ? customClassName : ''}`}\n                        ref={nodeRef}\n                        aria-hidden={ariaHidden}\n                        style={{\n                            marginTop, paddingTop, backgroundPosition,\n                            backgroundImage: ((!props.isLarge && !props.isMedium) || (props.isLarge && !props.isMedium)) ? `url(${ImageFactory.buildContentfullImageUrl(desktopBackgroundImageId)})` : `url(${ImageFactory.buildContentfullImageUrl(mobileBackgroundImageId)})`,\n                            ...customStyles\n                        }}>\n                        {alt &&\n                            <span role=\"img\" aria-label={alt}></span>\n                        }\n                        {children}\n                    </div>\n                </LazyLoad>}\n        </React.Fragment>\n\n    );\n}\n\nexport default mediaQueryHOC(BackgroundImage);\n\nBackgroundImage.defaultProps = {\n    transformations: 'c_limit',\n    fragments: [{ minWidth: 0, size: 1 }],\n    widthToHeightRatio: 1\n}\n\nBackgroundImage.propTypes = {\n    imageId: PropTypes.string,\n    transformations: PropTypes.string,\n    className: PropTypes.string,\n    customClassName: PropTypes.string,\n    fragments: PropTypes.array,\n    widthToHeightRatio: PropTypes.number,\n    children: PropTypes.node,\n    backgroundOffsetTop: PropTypes.string,\n    backgroundPosition: PropTypes.string,\n    customStyles: PropTypes.object,\n    format: PropTypes.any,\n    isMedium: PropTypes.bool,\n    ariaHidden: PropTypes.bool,\n    alt: PropTypes.string,\n    isPreload: PropTypes.bool,\n    isBannerImage: PropTypes.bool,\n    preloadImage: PropTypes.any,\n    desktopBackgroundImage: PropTypes.any,\n    mobileBackgroundImage: PropTypes.any\n}\n\n","import React, { Fragment } from 'react'\nimport PropTypes from 'prop-types';\nimport BackgroundImage from './BackgroundImage/BackgroundImage';\nimport Img from './Img/Img';\nimport { ImageConstants } from '../../adapters/helpers/Constants'\n\nexport default function Image(props) {\n\n    const { children = null, image,altText, scale, customStyles = null,noAltText, text, elemId = null, ariaHidden = false} = props;\n\n    if (image) {\n        const assetId = image?.fields?.assetId;\n        const contentImageId = image?.fields?.asset?.fields?.file?.url;\n        const alt = image?.fields?.alternateText;\n        const isPreload = image?.fields?.isPreload;\n        const isBannerImage = image?.fields?.isBannerImage;\n        const isProductPage = image?.fields?.isProductPage;\n        const rendition = image?.fields?.imageRendition;\n        const aspectRatio = rendition?.fields?.aspectRatio;\n        const transformations = rendition?.fields?.transformations;\n        let customClassName = image?.fields?.classNames;\n        const format = image?.fields?.forcedFormat || 'auto';\n        const alignmentClassName = props?.className;\n        const resetImage = props?.resetImage;\n        const product= ImageConstants.product;\n\n        if (props.zoneClassName) {\n            if (!customClassName) {\n                customClassName = '';\n            }\n\n            customClassName += props.zoneClassName;\n        }\n\n        return (children || props.forceBackground ?\n                <BackgroundImage\n                    {...props}\n                    imageId={assetId}\n                    contentImageId={contentImageId}\n                    alt={( !noAltText ) ? `${alt} ${product}`:'' }\n                    isPreload={isPreload}\n                    isBannerImage={isBannerImage}\n                    widthToHeightRatio={aspectRatio}\n                    transformations={transformations}\n                    customClassName={customClassName}\n                    backgroundPosition={props.backgroundPosition}\n                    backgroundOffsetTop={props.backgroundOffsetTop}\n                    alignmentClassName={alignmentClassName}\n                    format={format}\n                    assetX={props.assetX}\n                    assetY={props.assetY}\n                    customStyles={customStyles}\n                    hasAssetParallax={props.hasAssetParallax}\n                    ariaHidden={ariaHidden}\n                    preloadImage={props.preloadImage}\n                    desktopBackgroundImage={props.desktopBackgroundImage}    \n                    mobileBackgroundImage={props.mobileBackgroundImage}\n                >\n                    {children}\n                </BackgroundImage>\n                :\n                <Img\n                    {...props}\n                    scale={scale}\n                    imageId={assetId}\n                    contentImageId={contentImageId}\n                    isPreload={isPreload}\n                    isBannerImage={isBannerImage}\n                    isProductPage={isProductPage}\n                    elemId={elemId}\n                    alt={altText ? altText : alt !== altText && ( !noAltText ) ? `${alt} ${text ? text: ''}`:'' }\n                    widthToHeightRatio={aspectRatio}\n                    transformations={transformations}\n                    offsetTop={props.offsetTop}\n                    offsetRight={props.offsetRight}\n                    offsetBottom={props.offsetBottom}\n                    offsetLeft={props.offsetLeft}\n                    customClassName={customClassName}\n                    alignmentClassName={alignmentClassName}\n                    format={format}\n                    resetImage={resetImage}\n                    ariaHidden={ariaHidden}\n                    imageClassName={props.imageClassName}\n                />\n        );\n    } else {\n        return (\n            <Fragment>\n                {children}\n            </Fragment>\n        )\n    }\n}\n\nImage.propTypes = {\n    offsetTop: PropTypes.string,\n    offsetRight: PropTypes.string,\n    offsetLeft: PropTypes.string,\n    offsetBottom: PropTypes.string,\n    classname: PropTypes.string,\n    zoneClassName: PropTypes.string,\n    children: PropTypes.node,\n    image: PropTypes.any,\n    ariaHidden: PropTypes.bool,\n    isPreload:PropTypes.bool,\n    isBannerImage: PropTypes.bool\n};\n","\"use strict\";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2114],{68689:function(e,a,n){n.r(a),n.d(a,{default:function(){return w}});var t=n(930),l=n.n(t),o=n(67294),r=n(1216),i=n(23493),s=n.n(i),c=n(9008),d=n.n(c),u=n(71357),m=n(53633),g=n(42456),f=n(24036),p=n(85893);function b(e,a){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable}))),n.push.apply(n,t)}return n}function h(e){for(var a=1;a<arguments.length;a++){var n=null!=arguments[a]?arguments[a]:{};a%2?b(Object(n),!0).forEach((function(a){l()(e,a,n[a])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):b(Object(n)).forEach((function(a){Object.defineProperty(e,a,Object.getOwnPropertyDescriptor(n,a))}))}return e}function I(e){var a,n,t,l,i,c,b,I,v,j=(null==e||null==(a=e.mobileBackgroundImage)||null==(n=a.asset)||null==(t=n.fields)||null==(l=t.file)?void 0:l.url)||e.contentImageId,k=(null==e||null==(i=e.desktopBackgroundImage)||null==(c=i.asset)||null==(b=c.fields)||null==(I=b.file)?void 0:I.url)||e.contentImageId,P=e.backgroundOffsetTop,w=e.backgroundPosition,O=e.alt,y=void 0===O?null:O,N=e.children,x=void 0===N?null:N,T=e.customStyles,C=void 0===T?null:T,B=e.ariaHidden,E=void 0!==B&&B,R=\"\".concat(100/e.widthToHeightRatio,\"%\"),S=!!e.isPreload&&e.isPreload,U=!!e.isBannerImage&&e.isBannerImage,Z=(0,o.useRef)(null),_=(0,o.useRef)(null),D=(0,o.useState)(f.j6.defaultImageWindWidth),H=D[0],L=D[1],z=(0,o.useState)(\"\"),F=z[0],M=z[1],W=(0,o.useState)(!1),A=W[0],X=W[1],Y=((null==e||null==(v=e.preloadImage)?void 0:v.assetId)?e.preloadImage.assetId:e.imageId,(0,o.useState)(\"url(\".concat(g.ZP.buildContentfullImageUrl(e.contentImageId),\")\"))),V=(Y[0],Y[1]);function q(){var e=Z.current||_.current;e&&L((0,m.V)(e.getBoundingClientRect().width))}return(0,o.useEffect)((function(){X(!0),0!=H&&V((0,m.W)(e.contentImageId,S&&U&&window.innerWidth<400?450:e.isMedium?2*H:H,e.transformations,e.format,e.isMedium))}),[H,e.imageId,e.isMedium,A]),(0,o.useEffect)((function(){var e=s()(q,100);return window.addEventListener(\"resize\",e),function(){window.removeEventListener(\"resize\",e),e.cancel()}}),[]),(0,o.useEffect)((function(){M(e.customClassName)}),[e.customClassName]),(0,u.LI)(q,[]),(0,p.jsx)(o.Fragment,{children:S&&U?(0,p.jsxs)(o.Fragment,{children:[(0,p.jsxs)(d(),{children:[(0,p.jsx)(\"link\",{rel:\"preload\",href:g.ZP.buildContentfullImageUrl(j),as:\"image\",media:\"(max-width:\".concat(f.j6.mobile_max_width,\")\")}),(0,p.jsx)(\"link\",{rel:\"preload\",href:g.ZP.buildContentfullImageUrl(k),as:\"image\",media:\"(min-width:\".concat(f.j6.desktop_min_width,\")\")})]}),A?(0,p.jsxs)(\"div\",{className:\"ob-background-wrapper \".concat(0===H?\"ob-background-wrapper-height\":\"\",\" \").concat(e.className?e.className:\"\",\" \").concat(F||\"\"),ref:Z,\"aria-hidden\":E,style:h({marginTop:P,paddingTop:R,backgroundPosition:w,backgroundImage:\"url(\".concat(g.ZP.buildContentfullImageUrl(e.contentImageId),\")\")},C),children:[y&&(0,p.jsx)(\"span\",{role:\"img\",\"aria-label\":y}),x]}):(0,p.jsxs)(o.Fragment,{children:[(0,p.jsxs)(\"div\",{className:\"ob-background-wrapper ob-background-wrapper-mobile \".concat(e.className?e.className:\"\",\" \").concat(F||\"\"),ref:Z,\"aria-hidden\":E,style:h({marginTop:P,paddingTop:R,backgroundPosition:w,backgroundImage:\"url(\".concat(g.ZP.buildContentfullImageUrl(j),\")\")},C),children:[y&&(0,p.jsx)(\"span\",{role:\"img\",\"aria-label\":y}),x]}),(0,p.jsxs)(\"div\",{className:\"ob-background-wrapper ob-background-wrapper-desktop \".concat(0===H?\"ob-background-wrapper-height\":\"\",\" \").concat(e.className?e.className:\"\",\" \").concat(F||\"\"),ref:Z,\"aria-hidden\":E,style:h({marginTop:P,paddingTop:R,backgroundPosition:w,backgroundImage:\"url(\".concat(g.ZP.buildContentfullImageUrl(k),\")\")},C),children:[y&&(0,p.jsx)(\"span\",{role:\"img\",\"aria-label\":y,\"aria-hidden\":\"true\"}),x]})]})]}):(0,p.jsx)(r.default,{offset:500,placeholder:(0,p.jsx)(\"div\",{className:\"ob-background-wrapper \".concat(e.className?e.className:\"\",\" \").concat(F||\"\"),ref:_,\"aria-hidden\":E,style:{marginTop:P,paddingTop:R,backgroundPosition:w}}),children:(0,p.jsxs)(\"div\",{className:\"ob-background-wrapper \".concat(e.className?e.className:\"\",\" \").concat(F||\"\"),ref:Z,\"aria-hidden\":E,style:h({marginTop:P,paddingTop:R,backgroundPosition:w,backgroundImage:!e.isLarge&&!e.isMedium||e.isLarge&&!e.isMedium?\"url(\".concat(g.ZP.buildContentfullImageUrl(k),\")\"):\"url(\".concat(g.ZP.buildContentfullImageUrl(j),\")\")},C),children:[y&&(0,p.jsx)(\"span\",{role:\"img\",\"aria-label\":y}),x]})})})}var v=(0,u.Ui)(I);I.defaultProps={transformations:\"c_limit\",fragments:[{minWidth:0,size:1}],widthToHeightRatio:1};var j=n(7273);function k(e,a){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable}))),n.push.apply(n,t)}return n}function P(e){for(var a=1;a<arguments.length;a++){var n=null!=arguments[a]?arguments[a]:{};a%2?k(Object(n),!0).forEach((function(a){l()(e,a,n[a])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):k(Object(n)).forEach((function(a){Object.defineProperty(e,a,Object.getOwnPropertyDescriptor(n,a))}))}return e}function w(e){var a=e.children,n=void 0===a?null:a,t=e.image,l=e.altText,r=e.scale,i=e.customStyles,s=void 0===i?null:i,c=e.noAltText,d=e.text,u=e.elemId,m=void 0===u?null:u,g=e.ariaHidden,b=void 0!==g&&g;if(t){var h,I,k,w,O,y,N,x,T,C,B,E,R,S,U=null==t||null==(h=t.fields)?void 0:h.assetId,Z=null==t||null==(I=t.fields)||null==(k=I.asset)||null==(w=k.fields)||null==(O=w.file)?void 0:O.url,_=null==t||null==(y=t.fields)?void 0:y.alternateText,D=null==t||null==(N=t.fields)?void 0:N.isPreload,H=null==t||null==(x=t.fields)?void 0:x.isBannerImage,L=null==t||null==(T=t.fields)?void 0:T.isProductPage,z=null==t||null==(C=t.fields)?void 0:C.imageRendition,F=null==z||null==(B=z.fields)?void 0:B.aspectRatio,M=null==z||null==(E=z.fields)?void 0:E.transformations,W=null==t||null==(R=t.fields)?void 0:R.classNames,A=(null==t||null==(S=t.fields)?void 0:S.forcedFormat)||\"auto\",X=null==e?void 0:e.className,Y=null==e?void 0:e.resetImage,V=f.j6.product;return e.zoneClassName&&(W||(W=\"\"),W+=e.zoneClassName),n||e.forceBackground?(0,p.jsx)(v,P(P({},e),{},{imageId:U,contentImageId:Z,alt:c?\"\":\"\".concat(_,\" \").concat(V),isPreload:D,isBannerImage:H,widthToHeightRatio:F,transformations:M,customClassName:W,backgroundPosition:e.backgroundPosition,backgroundOffsetTop:e.backgroundOffsetTop,alignmentClassName:X,format:A,assetX:e.assetX,assetY:e.assetY,customStyles:s,hasAssetParallax:e.hasAssetParallax,ariaHidden:b,preloadImage:e.preloadImage,desktopBackgroundImage:e.desktopBackgroundImage,mobileBackgroundImage:e.mobileBackgroundImage,children:n})):(0,p.jsx)(j.Z,P(P({},e),{},{scale:r,imageId:U,contentImageId:Z,isPreload:D,isBannerImage:H,isProductPage:L,elemId:m,alt:l||(_===l||c?\"\":\"\".concat(_,\" \").concat(d||\"\")),widthToHeightRatio:F,transformations:M,offsetTop:e.offsetTop,offsetRight:e.offsetRight,offsetBottom:e.offsetBottom,offsetLeft:e.offsetLeft,customClassName:W,alignmentClassName:X,format:A,resetImage:Y,ariaHidden:b,imageClassName:e.imageClassName}))}return(0,p.jsx)(o.Fragment,{children:n})}}}]);"],"names":["self","webpackChunk_N_E","push","e","a","n","r","d","default","w","t","l","o","i","s","c","u","m","g","f","p","b","Object","keys","getOwnPropertySymbols","filter","getOwnPropertyDescriptor","enumerable","apply","h","arguments","length","forEach","getOwnPropertyDescriptors","defineProperties","defineProperty","I","v","j","mobileBackgroundImage","asset","fields","file","url","contentImageId","k","desktopBackgroundImage","P","backgroundOffsetTop","backgroundPosition","O","alt","y","N","children","x","T","customStyles","C","B","ariaHidden","E","R","concat","widthToHeightRatio","S","isPreload","U","isBannerImage","Z","useRef","_","D","useState","j6","defaultImageWindWidth","H","L","z","F","M","W","A","X","Y","preloadImage","assetId","imageId","ZP","buildContentfullImageUrl","V","q","current","getBoundingClientRect","width","useEffect","window","innerWidth","isMedium","transformations","format","addEventListener","removeEventListener","cancel","customClassName","LI","jsx","Fragment","jsxs","rel","href","as","media","mobile_max_width","desktop_min_width","className","ref","style","marginTop","paddingTop","backgroundImage","role","offset","placeholder","isLarge","Ui","defaultProps","fragments","minWidth","size","image","altText","scale","noAltText","text","elemId","alternateText","isProductPage","imageRendition","aspectRatio","classNames","forcedFormat","resetImage","product","zoneClassName","forceBackground","alignmentClassName","assetX","assetY","hasAssetParallax","offsetTop","offsetRight","offsetBottom","offsetLeft","imageClassName"],"sourceRoot":""}