{"version":3,"file":"static/chunks/9837.9aaf50d0e37673f9.js","mappings":"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","sources":["webpack://_N_E/./adapters/cloudinary/ImageFactory.js","webpack://_N_E/./adapters/helpers/pagespeedHelper.js","webpack://_N_E/./components/Image/BackgroundImage/BackgroundImage.helpers.js","webpack://_N_E/./components/Image/BackgroundImage/BackgroundImage.js","webpack://_N_E/./node_modules/next/head.js","webpack://_N_E/<anon>"],"sourcesContent":["export function buildContentfullImageUrl(assetUrl, transformations) {\n  if (transformations) {\n    return 'https:'+ assetUrl + \"?\" + transformations;  \n  } else {\n    return 'https:'+ assetUrl;  \n  }\n}\n\nexport function buildContentfullImageUrlByHeight(assetUrl, height = 'auto', transformations = 'c_limit', format = 'auto') {\n  return 'https:'+ assetUrl + \"?h=\"+ height;\n}\n\nexport function buildContentfullImageUrlByWidth(assetUrl, width = 'auto', transformations = 'c_limit', format = 'auto') {\n  return 'https:'+ assetUrl + \"?w=\"+ width;  \n}\n\nexport function imageContentfullSrc(assetUrl, transformations) {\n  return buildContentfullImageUrl(assetUrl, transformations);\n}\n\nexport function imageContentfullDpr(assetUrl, transformations = '') {\n  if (!transformations) {\n    return buildContentfullImageUrl(assetUrl);\n  }\n\n  return buildContentfullImageUrl(assetUrl, transformations)\n}\n\nexport default {\n  buildContentfullImageUrl,\n  buildContentfullImageUrlByHeight,\n  buildContentfullImageUrlByWidth,\n  imageContentfullDpr,\n  imageContentfullSrc,\n};\n","export const optimizeImage = (imageUrl, imageFormatValue, imageQualityValue) => {\n    let imageFormat = imageFormatValue ? imageFormatValue : 'webp';\n    let imageQuality = imageQualityValue ? imageQualityValue : 85;\n    if((imageUrl !== undefined) && (imageUrl !== null) && (imageUrl.includes('images.ctfassets.net')) && (imageUrl.includes('fm=webp') == false) && (imageUrl.includes('.svg') == false)) {\n        if(imageUrl?.includes('https')) {\n            if(imageUrl?.includes('?') ) {\n                imageUrl = imageUrl + `&fm=${imageFormat}` + `&q=${imageQuality}`;\n            }\n            else {\n                imageUrl = imageUrl + `?fm=${imageFormat}` + `&q=${imageQuality}`;\n            }\n        }\n        else {\n            imageUrl = 'https:' + imageUrl\n            if(imageUrl?.includes('?')) {\n                imageUrl = imageUrl + `&fm=${imageFormat}` + `&q=${imageQuality}`;\n            }\n            else {\n                imageUrl = imageUrl + `?fm=${imageFormat}` + `&q=${imageQuality}`;\n            }\n        }\n    }\n    return imageUrl;\n}","import ImageFactory from '../../../adapters/cloudinary/ImageFactory';\nimport { optimizeImage } from '../../../adapters/helpers/pagespeedHelper';\n\nexport const roundUpTheSize = (width) => {\n    return Math.floor(width / 100) * 100 + 100;\n}\n\nexport const getBackgroundImage = (contentImageId, width, transformations, format) => {\n    if (contentImageId) {\n        return `url(${optimizeImage(ImageFactory.buildContentfullImageUrlByWidth(contentImageId, width, transformations, format))})`\n    }\n}\n","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 { mediaQueryHOC } from '../../../adapters/helpers/Hooks'\nimport { ImageConstants } from '../../../adapters/helpers/Constants';\nimport { optimizeImage } from '../../../adapters/helpers/pagespeedHelper';\nimport ImageFactory from '../../../adapters/cloudinary/ImageFactory';\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 [isPageLoaded, setIsPageLoaded] = useState(false);\n    const [customClassName, setCustomClassName] = useState('');\n    const [url, setUrl] = useState(`url(${optimizeImage(ImageFactory.buildContentfullImageUrl(props.contentImageId))})`);\n    const isMedium = props?.isMedium;\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={optimizeImage(ImageFactory.buildContentfullImageUrl(mobileBackgroundImageId))} as=\"image\" media={`(max-width:${ImageConstants.mobile_max_width})`} />\n                        <link rel=\"preload\" href={optimizeImage(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(${optimizeImage(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                            { isMedium && <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(${optimizeImage(ImageFactory.buildContentfullImageUrl(mobileBackgroundImageId))})`,\n                                    ...customStyles\n                                }}>\n                                {alt &&\n                                    <span role=\"img\" aria-label={alt} aria-hidden='true'></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(${optimizeImage(ImageFactory.buildContentfullImageUrl(desktopBackgroundImageId))})`,\n                                    ...customStyles\n                                }}>\n                                {alt &&\n                                    <span role=\"img\" aria-label={alt}></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}`}\n                        ref={nodeRef}\n                        aria-hidden={ariaHidden}\n                        style={{\n                            marginTop, paddingTop, backgroundPosition,\n                            backgroundImage: ((!props.isLarge && !props.isMedium) || (props.isLarge && !props.isMedium)) ? `url(${optimizeImage(ImageFactory.buildContentfullImageUrl(desktopBackgroundImageId))})` : `url(${optimizeImage(ImageFactory.buildContentfullImageUrl(mobileBackgroundImageId))})`,\n                            ...customStyles\n                        }}>\n                        {alt &&\n                            <span role=\"img\" aria-label={alt} aria-hidden='true'></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","module.exports = require('./dist/shared/lib/head')\n","(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9837],{42456:function(e,n,t){\"use strict\";function a(e,n){return n?\"https:\"+e+\"?\"+n:\"https:\"+e}n.ZP={buildContentfullImageUrl:a,buildContentfullImageUrlByHeight:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:\"auto\";return\"https:\"+e+\"?h=\"+n},buildContentfullImageUrlByWidth:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:\"auto\";return\"https:\"+e+\"?w=\"+n},imageContentfullDpr:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:\"\";return n?a(e,n):a(e)},imageContentfullSrc:function(e,n){return a(e,n)}}},19271:function(e,n,t){\"use strict\";t.d(n,{H:function(){return a}});var a=function(e,n,t){var a,r,i,o=n||\"webp\",l=t||85;null!=e&&e.includes(\"images.ctfassets.net\")&&0==e.includes(\"fm=webp\")&&0==e.includes(\".svg\")&&(e=(null==(a=e)?void 0:a.includes(\"https\"))?(null==(r=e)?void 0:r.includes(\"?\"))?e+\"&fm=\".concat(o)+\"&q=\".concat(l):e+\"?fm=\".concat(o)+\"&q=\".concat(l):(null==(i=e=\"https:\"+e)?void 0:i.includes(\"?\"))?e+\"&fm=\".concat(o)+\"&q=\".concat(l):e+\"?fm=\".concat(o)+\"&q=\".concat(l));return e}},53633:function(e,n,t){\"use strict\";t.d(n,{V:function(){return i},W:function(){return o}});var a=t(42456),r=t(19271),i=function(e){return 100*Math.floor(e/100)+100},o=function(e,n,t,i){if(e)return\"url(\".concat((0,r.H)(a.ZP.buildContentfullImageUrlByWidth(e,n,t,i)),\")\")}},89837:function(e,n,t){\"use strict\";t.r(n);var a=t(930),r=t.n(a),i=t(67294),o=t(1216),l=t(23493),c=t.n(l),u=t(9008),s=t.n(u),d=t(71357),m=t(53633),g=t(24036),f=t(19271),p=t(42456),b=t(85893);function h(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);n&&(a=a.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,a)}return t}function v(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?h(Object(t),!0).forEach((function(n){r()(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):h(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function w(e){var n,t,a,r,l,u,h,w,I=(null==e||null==(n=e.mobileBackgroundImage)||null==(t=n.asset)||null==(a=t.fields)||null==(r=a.file)?void 0:r.url)||e.contentImageId,k=(null==e||null==(l=e.desktopBackgroundImage)||null==(u=l.asset)||null==(h=u.fields)||null==(w=h.file)?void 0:w.url)||e.contentImageId,j=e.backgroundOffsetTop,P=e.backgroundPosition,y=e.alt,x=void 0===y?null:y,C=e.children,N=void 0===C?null:C,O=e.customStyles,H=void 0===O?null:O,T=e.ariaHidden,U=void 0!==T&&T,Z=\"\".concat(100/e.widthToHeightRatio,\"%\"),E=!!e.isPreload&&e.isPreload,_=!!e.isBannerImage&&e.isBannerImage,B=(0,i.useRef)(null),S=(0,i.useRef)(null),W=(0,i.useState)(g.j6.defaultImageWindWidth),M=W[0],D=W[1],L=(0,i.useState)(!1),R=L[0],q=L[1],z=(0,i.useState)(\"\"),F=z[0],V=z[1],A=(0,i.useState)(\"url(\".concat((0,f.H)(p.ZP.buildContentfullImageUrl(e.contentImageId)),\")\")),G=(A[0],A[1]),J=null==e?void 0:e.isMedium;function K(){var e=B.current||S.current;e&&D((0,m.V)(e.getBoundingClientRect().width))}return(0,i.useEffect)((function(){q(!0),0!=M&&G((0,m.W)(e.contentImageId,E&&_&&window.innerWidth<400?450:e.isMedium?2*M:M,e.transformations,e.format,e.isMedium))}),[M,e.imageId,e.isMedium,R]),(0,i.useEffect)((function(){var e=c()(K,100);return window.addEventListener(\"resize\",e),function(){window.removeEventListener(\"resize\",e),e.cancel()}}),[]),(0,i.useEffect)((function(){V(e.customClassName)}),[e.customClassName]),(0,d.LI)(K,[]),(0,b.jsx)(i.Fragment,{children:E&&_?(0,b.jsxs)(i.Fragment,{children:[(0,b.jsxs)(s(),{children:[(0,b.jsx)(\"link\",{rel:\"preload\",href:(0,f.H)(p.ZP.buildContentfullImageUrl(I)),as:\"image\",media:\"(max-width:\".concat(g.j6.mobile_max_width,\")\")}),(0,b.jsx)(\"link\",{rel:\"preload\",href:(0,f.H)(p.ZP.buildContentfullImageUrl(k)),as:\"image\",media:\"(min-width:\".concat(g.j6.desktop_min_width,\")\")})]}),R?(0,b.jsxs)(\"div\",{className:\"ob-background-wrapper \".concat(0===M?\"ob-background-wrapper-height\":\"\",\" \").concat(e.className?e.className:\"\",\" \").concat(F||\"\"),ref:B,\"aria-hidden\":U,style:v({marginTop:j,paddingTop:Z,backgroundPosition:P,backgroundImage:\"url(\".concat((0,f.H)(p.ZP.buildContentfullImageUrl(e.contentImageId)),\")\")},H),children:[x&&(0,b.jsx)(\"span\",{role:\"img\",\"aria-label\":x}),N]}):(0,b.jsxs)(i.Fragment,{children:[J&&(0,b.jsxs)(\"div\",{className:\"ob-background-wrapper ob-background-wrapper-mobile \".concat(e.className?e.className:\"\",\" \").concat(F||\"\"),ref:B,\"aria-hidden\":U,style:v({marginTop:j,paddingTop:Z,backgroundPosition:P,backgroundImage:\"url(\".concat((0,f.H)(p.ZP.buildContentfullImageUrl(I)),\")\")},H),children:[x&&(0,b.jsx)(\"span\",{role:\"img\",\"aria-label\":x,\"aria-hidden\":\"true\"}),N]}),(0,b.jsxs)(\"div\",{className:\"ob-background-wrapper ob-background-wrapper-desktop \".concat(0===M?\"ob-background-wrapper-height\":\"\",\" \").concat(e.className?e.className:\"\",\" \").concat(F||\"\"),ref:B,\"aria-hidden\":U,style:v({marginTop:j,paddingTop:Z,backgroundPosition:P,backgroundImage:\"url(\".concat((0,f.H)(p.ZP.buildContentfullImageUrl(k)),\")\")},H),children:[x&&(0,b.jsx)(\"span\",{role:\"img\",\"aria-label\":x}),N]})]})]}):(0,b.jsx)(o.default,{offset:500,placeholder:(0,b.jsx)(\"div\",{className:\"ob-background-wrapper \".concat(e.className?e.className:\"\",\" \").concat(F||\"\"),ref:S,\"aria-hidden\":U,style:{marginTop:j,paddingTop:Z,backgroundPosition:P}}),children:(0,b.jsxs)(\"div\",{className:\"ob-background-wrapper \".concat(e.className?e.className:\"\",\" \").concat(F),ref:B,\"aria-hidden\":U,style:v({marginTop:j,paddingTop:Z,backgroundPosition:P,backgroundImage:!e.isLarge&&!e.isMedium||e.isLarge&&!e.isMedium?\"url(\".concat((0,f.H)(p.ZP.buildContentfullImageUrl(k)),\")\"):\"url(\".concat((0,f.H)(p.ZP.buildContentfullImageUrl(I)),\")\")},H),children:[x&&(0,b.jsx)(\"span\",{role:\"img\",\"aria-label\":x,\"aria-hidden\":\"true\"}),N]})})})}n.default=(0,d.Ui)(w),w.defaultProps={transformations:\"c_limit\",fragments:[{minWidth:0,size:1}],widthToHeightRatio:1}},9008:function(e,n,t){e.exports=t(16505)}}]);"],"names":["self","webpackChunk_N_E","push","e","n","t","a","ZP","buildContentfullImageUrl","buildContentfullImageUrlByHeight","arguments","length","buildContentfullImageUrlByWidth","imageContentfullDpr","imageContentfullSrc","d","H","r","o","l","includes","concat","V","i","W","Math","floor","c","u","s","m","g","f","p","b","h","Object","keys","getOwnPropertySymbols","filter","getOwnPropertyDescriptor","enumerable","apply","v","forEach","getOwnPropertyDescriptors","defineProperties","defineProperty","w","I","mobileBackgroundImage","asset","fields","file","url","contentImageId","k","desktopBackgroundImage","j","backgroundOffsetTop","P","backgroundPosition","y","alt","x","C","children","N","O","customStyles","T","ariaHidden","U","Z","widthToHeightRatio","E","isPreload","_","isBannerImage","B","useRef","S","useState","j6","defaultImageWindWidth","M","D","L","R","q","z","F","A","G","J","isMedium","K","current","getBoundingClientRect","width","useEffect","window","innerWidth","transformations","format","imageId","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","default","offset","placeholder","isLarge","Ui","defaultProps","fragments","minWidth","size","exports"],"sourceRoot":""}