{"version":3,"file":"js/component-editorial-module.chunk.js","mappings":"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","sources":["webpack:///./assets/common/src/utils/useBreakpoint.ts","webpack:///./assets/moncler/src/components/experience/EditorialImage.tsx","webpack:///./assets/moncler/src/components/product/experience/EditorialModule.tsx","webpack:///./assets/moncler/src/components/product/experience/MiniPromo.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nconst getInitialBreakpointValue = () => {\n    var _a;\n    // get initial breakpoint is called before the page is fully loaded and innerWith may be 0. windows.mqObj may not be set\n    const mediaQueries = window.mqObj;\n    const documentWidth = window.innerWidth || ((_a = window.visualViewport) === null || _a === void 0 ? void 0 : _a.width);\n    if (documentWidth == 0 || !mediaQueries) {\n        return;\n    }\n    const filtered = Object.keys(mediaQueries).filter((key) => mediaQueries[key] <= documentWidth);\n    const initalBr = filtered.length ? mediaQueries[filtered[filtered.length - 1]] : mediaQueries['xs'];\n    // console.info('[getInitialBreakpointValue]: ', documentWidth, initalBr);\n    return initalBr;\n};\nconst mediaQueries = Object.assign({ '<xs': 0 }, window.mqObj);\nconst useBreakpoint = () => {\n    const [currentBreakpoint, setCurrentBreakpoint] = useState(getInitialBreakpointValue());\n    const getCurrentBreakpoint = () => {\n        var _a;\n        const documentWidth = window.innerWidth || ((_a = window.visualViewport) === null || _a === void 0 ? void 0 : _a.width);\n        if (documentWidth == 0) {\n            return;\n        }\n        const filtered = Object.keys(mediaQueries).filter((key) => mediaQueries[key] <= documentWidth);\n        return mediaQueries[filtered[filtered.length - 1]];\n    };\n    const handleResize = () => {\n        const currentBr = getCurrentBreakpoint();\n        if (currentBr && currentBr !== currentBreakpoint) {\n            // console.info('%c[React - Breakpoint change] ', 'color: green;font-weight: bold;', currentBr);\n            setCurrentBreakpoint(currentBr);\n        }\n    };\n    // const debounceResize = () => {\n    //   handleResize();\n    // };\n    useEffect(() => {\n        window.addEventListener('resize', handleResize);\n        return () => {\n            window.removeEventListener('resize', handleResize);\n        };\n    });\n    return currentBreakpoint;\n};\nexport default useBreakpoint;\n","import React, { useMemo } from 'react';\nconst Image = (props) => {\n    const { src, desktopsrc, tabletsrc, mobilesrc, mobilesmallsrc, image_alt, className, avoidLazy, avoidMedia } = props;\n    const srcset = useMemo(() => {\n        return `${mobilesmallsrc} 360w, ${mobilesrc} 768w, ${tabletsrc} 1024w, ${desktopsrc} 1571w`;\n    }, [mobilesmallsrc, tabletsrc, mobilesrc]);\n    return (React.createElement(\"picture\", { className: className },\n        React.createElement(\"source\", Object.assign({ srcSet: srcset }, (!avoidMedia && { media: \"(min-width: 768px)\" }), { \"data-srcset\": srcset })),\n        React.createElement(\"img\", { alt: image_alt, src: src, loading: avoidLazy ? 'eager' : 'lazy' })));\n};\nexport default Image;\n","import React from 'react';\nimport Image from '@moncler/components/experience/EditorialImage';\nimport '@moncler/scss/components/editorial-module/editorial-module.scss';\nimport useBreakpoint from '@common/utils/useBreakpoint';\nconst EditorialModule = (props) => {\n    const { title, description, link, linkText } = props;\n    const breakpoint = useBreakpoint();\n    return (React.createElement(\"div\", { className: \"container\" },\n        React.createElement(\"div\", { className: \"editorial-module row\" },\n            React.createElement(\"div\", { className: \"editorial-module_info col-12 col-sm-5 col-md-4 offset-sm-1\" },\n                React.createElement(\"div\", { className: \"editorial-module_title\" }, title),\n                React.createElement(\"div\", { className: \"editorial-module_description primary-s\", dangerouslySetInnerHTML: { __html: description.replaceAll('\\n', '<br/>') } }),\n                link && (React.createElement(\"div\", null,\n                    React.createElement(\"a\", { href: link, className: `editorial-module_cta button--tertiary button--arrow-right ${breakpoint >= window.mqObj.md ? 'primary-s-u' : 'primary-xs-u'}` }, linkText)))),\n            React.createElement(Image, Object.assign({}, props, { className: \"editorial-module_img col-12 col-sm-4 offset-sm-1 offset-md-2\" })))));\n};\nexport default EditorialModule;\n","import React from 'react';\nimport Image from '@moncler/components/experience/EditorialImage';\nimport '@moncler/scss/components/mini-promo/mini-promo.scss';\nconst MiniPromo = (props) => {\n    const { title, description, link, linkText, src } = props;\n    return (React.createElement(\"div\", { className: \"mini-promo d-flex\" },\n        src && (React.createElement(\"div\", { className: \"h-100 mini-promo_img_container\" },\n            ' ',\n            React.createElement(Image, Object.assign({}, props, { className: \"mini-promo_img\" })),\n            ' ')),\n        React.createElement(\"div\", { className: \"mini-promo_info\" },\n            React.createElement(\"div\", { className: \"mini-promo_title\" }, title),\n            React.createElement(\"div\", { className: \"mini-promo_description\" }, description),\n            React.createElement(\"a\", { href: link, className: \"mini-promo_cta\" }, linkText))));\n};\nexport default MiniPromo;\n"],"names":["mediaQueries","Object","assign","window","mqObj","currentBreakpoint","setCurrentBreakpoint","useState","_a","documentWidth","innerWidth","visualViewport","width","filtered","keys","filter","key","length","getInitialBreakpointValue","handleResize","currentBr","getCurrentBreakpoint","useEffect","addEventListener","removeEventListener","props","src","desktopsrc","tabletsrc","mobilesrc","mobilesmallsrc","image_alt","className","avoidLazy","avoidMedia","srcset","useMemo","srcSet","media","alt","loading","title","description","link","linkText","breakpoint","dangerouslySetInnerHTML","__html","replaceAll","href","md"],"sourceRoot":""}