{"version":3,"file":"static/chunks/4874.ffaedfec15dd8947.js","mappings":"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","sources":["webpack://_N_E/./adapters/helpers/Hooks.js","webpack://_N_E/./components/Image/BackgroundImage/BackgroundImage.js"],"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, { useEffect, useRef, useState } from 'react'\nimport PropTypes from 'prop-types'\nimport LazyLoad from 'react-lazy-load';\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 ImageFactory from '../../../adapters/cloudinary/ImageFactory';\nimport { optimizeImage } from '../../../adapters/helpers/pagespeedHelper';\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 [isPageLoaded, setIsPageLoaded] = useState(false);\n    const [width, setWidth] = useState(ImageConstants.defaultImageWindWidth);\n    const [customClassName, setCustomClassName] = useState('');\n    const [url, setUrl] = useState(`url(${optimizeImage (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={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),null,props.imageQuality)})`,\n                                 ...customStyles\n                            }}>\n                            {alt &&\n                                <span role=\"img\" aria-label={alt} aria-hidden='true'></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(${optimizeImage(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(${optimizeImage(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                    <>\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}></span>\n                        }\n                        {children}\n                    </div>\n                    </>\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.object,\n    desktopBackgroundImage: PropTypes.any,\n    mobileBackgroundImage: PropTypes.any\n}"],"names":["useIsomorphicLayoutEffect","useLayoutEffect","useMatchMedia","mediaQueryString","initialValue","arguments","length","undefined","_useState","useState","match","setMatch","useEffect","window","matchMedia","matches","addListener","handleMatch","removeListener","event","mediaQueryHOC","Component","props","isXSmall","isSmall","isMedium","isLarge","isXLarge","_jsx","_objectSpread","listeners","state","currentProductIndex","setState","newState","forEach","listener","updateCurrentProductIndex","newListener","push","BackgroundImage","_props$mobileBackgrou","_props$mobileBackgrou2","_props$mobileBackgrou3","_props$mobileBackgrou4","_props$desktopBackgro","_props$desktopBackgro2","_props$desktopBackgro3","_props$desktopBackgro4","mobileBackgroundImageId","mobileBackgroundImage","asset","fields","file","url","contentImageId","desktopBackgroundImageId","desktopBackgroundImage","marginTop","backgroundOffsetTop","backgroundPosition","_props$alt","alt","_props$children","children","_props$customStyles","customStyles","_props$ariaHidden","ariaHidden","paddingTop","concat","widthToHeightRatio","isPreload","isBannerImage","nodeRef","useRef","placeholderRef","isPageLoaded","setIsPageLoaded","_useState2","ImageConstants","defaultImageWindWidth","width","setWidth","_useState3","customClassName","setCustomClassName","_useState4","optimizeImage","ImageFactory","setUrl","updateWidth","node","current","roundUpTheSize","getBoundingClientRect","getBackgroundImage","innerWidth","transformations","format","imageId","handleResize","throttle","addEventListener","removeEventListener","cancel","React","_jsxs","Head","rel","href","as","media","mobile_max_width","desktop_min_width","className","ref","style","backgroundImage","imageQuality","role","LazyLoad","offset","placeholder","_Fragment","__webpack_exports__","defaultProps","fragments","minWidth","size"],"sourceRoot":""}