{"version":3,"file":"static/chunks/7273.5d37bba5846f8115.js","mappings":"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","sources":["webpack://_N_E/./components/Image/Img/Img.js","webpack://_N_E/<anon>"],"sourcesContent":["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([[7273],{7273:function(e,a,t){t.r(a),t.d(a,{default:function(){return b}});var s=t(67294),n=t(1216),i=t(77776),r=t(9476),l=t(23493),c=t.n(l),o=t(9008),d=t.n(o),u=t(42456),f=t(71357),m=t(53633),h=t(8996),x=t(24036),w=t(88726),g=t(47322),p=t(25675),j=t.n(p),v=t(85893);function b(e){e.imageId;var a=e.contentImageId,t=e.elemId,i=e.alt,r=e.transformations,l=e.customClassName,o=e.alignmentClassName,p=e.format,b=e.noLazyLoad,k=e.resetImage,N=e.ariaHidden,y=(0,s.useRef)(null),I=(0,s.useRef)(null),_=(0,s.useState)(0),L=_[0],E=_[1],P=(0,s.useState)(x.j6.defaultWidth),R=P[0],S=P[1],z=e.isPreload,H=e.isBannerImage,A=\"ob-mainAsset-wrapper\";function B(){y.current&&E((0,m.V)(y.current.getBoundingClientRect().width))}function W(){S(window.innerWidth)}o&&(A+=\" \".concat(o)),l&&(A+=\" \".concat(l)),(0,s.useEffect)((function(){var e=c()(B,100);return window.addEventListener(\"resize\",e),function(){window.removeEventListener(\"resize\",e),e.cancel()}}),[]),(0,s.useEffect)((function(){return window.addEventListener(\"resize\",W),W(),function(){window.removeEventListener(\"resize\",W)}}),[]),(0,s.useEffect)((function(){if(k&&I.current){var e=I.current.src;I.current.src=\"\",setTimeout((function(){I.current.src=e}),0)}}),[k]),(0,f.LI)(B,[]);\"w_\".concat(0!==L?L:\"auto\").concat(r?\",\"+r:\"\",\",q_auto,f_\").concat(p);z&&\"w_\".concat(R<x.j6.defaultDesktopWidth?x.j6.defaultWidth:0!==L?L:\"auto\").concat(r?\",\"+r:\"\",\",q_auto,f_\").concat(p);var T=a&&(0,w.H)(u.ZP.buildContentfullImageUrl(a)),q=a&&(0,w.H)(u.ZP.buildContentfullImageUrlByWidth(a,L));return(0,v.jsxs)(\"div\",{className:\"\".concat(A||\"\",\" \").concat(e.imageClassName?e.imageClassName:\"\"),ref:y,style:{marginBottom:e.offsetBottom,marginTop:e.offsetTop,marginLeft:e.offsetLeft,marginRight:e.offsetRight,transform:e.scale?\"scale(\".concat(e.scale,\")\"):void 0},children:[z&&(0,v.jsx)(d(),{children:(0,v.jsx)(\"link\",{rel:\"preload\",href:T,as:\"image\"})}),b||z?e.hasAssetParallax&&!(0,h.w1)()?(0,v.jsx)(s.Suspense,{fallback:(0,v.jsx)(g.default,{}),children:(0,v.jsx)(C,{imgRef:I,id:t,src:q,alt:i,ariaHidden:N,x:e.assetX,y:e.assetY})}):(0,v.jsx)(s.Suspense,{fallback:(0,v.jsx)(g.default,{}),children:(0,v.jsx)(j(),{ref:I,width:0,height:0,priority:!!z,sizes:\"(max-width: 768px) 50vw (max-width: 1200px) 100vw 70vw\",style:{width:\"auto\",height:\"auto\"},className:z&&H&&\"ob-background-wrapper-visible\",id:t,src:T,\"aria-hidden\":N,alt:i||\"\"})}):(0,v.jsx)(n.default,{offset:500,children:e.hasAssetParallax&&!(0,h.w1)()?(0,v.jsx)(s.Suspense,{fallback:(0,v.jsx)(g.default,{}),children:(0,v.jsx)(C,{imgRef:I,imgClassName:\"ob-mainAsset-wrapper-img\",id:t,src:q,alt:i,x:e.assetX,ariaHidden:N,y:e.assetY})}):(0,v.jsx)(s.Suspense,{fallback:(0,v.jsx)(g.default,{}),children:(0,v.jsx)(j(),{width:0,height:0,priority:!!z,sizes:\"(max-width: 768px) 50vw (max-width: 1200px) 100vw 70vw\",style:{width:\"auto\",height:\"auto\"},className:\"ob-mainAsset-wrapper-img\",id:t,src:q,\"aria-hidden\":N,alt:i||\"\",\"aria-label\":\"banner-image\",placeholder:x.IH.loader})})})]})}function C(e){var a=e.imgRef,t=e.x,n=e.y,l=e.src,c=e.alt,o=e.imgClassName,d=e.id,u=e.ariaHidden,f=(0,s.useContext)(r.ParallaxContext),m=(0,s.useCallback)((function(){f.update()}),[f]);return(0,v.jsx)(s.Suspense,{fallback:(0,v.jsx)(g.default,{}),children:(0,v.jsx)(i.VS,{className:\"img-parallax\",x:t,y:n,children:(0,v.jsx)(\"img\",{ref:a,className:o,id:d,\"aria-hidden\":u,src:l,alt:c||\"\",onLoad:m})})})}b.defaultProps={transformations:\"c_limit\",format:\"auto\",hasAssetParallax:!1,resetImage:!1}}}]);"],"names":["self","webpackChunk_N_E","push","e","a","t","r","d","default","b","s","n","i","l","c","o","u","f","m","h","x","w","g","p","j","v","imageId","contentImageId","elemId","alt","transformations","customClassName","alignmentClassName","format","noLazyLoad","k","resetImage","N","ariaHidden","y","useRef","I","_","useState","L","E","P","j6","defaultWidth","R","S","z","isPreload","H","isBannerImage","A","B","current","V","getBoundingClientRect","width","W","window","innerWidth","concat","useEffect","addEventListener","removeEventListener","cancel","src","setTimeout","LI","defaultDesktopWidth","T","ZP","buildContentfullImageUrl","q","buildContentfullImageUrlByWidth","jsxs","className","imageClassName","ref","style","marginBottom","offsetBottom","marginTop","offsetTop","marginLeft","offsetLeft","marginRight","offsetRight","transform","scale","children","jsx","rel","href","as","hasAssetParallax","w1","Suspense","fallback","C","imgRef","id","assetX","assetY","height","priority","sizes","offset","imgClassName","placeholder","IH","loader","useContext","ParallaxContext","useCallback","update","VS","onLoad","defaultProps"],"sourceRoot":""}