{"version":3,"file":"js/component-collectionintroheader.chunk.js","mappings":";iGAAA,OAOC,WACA,aAEA,IAAIA,EAAS,CAAC,EAAEC,eAEhB,SAASC,IAGR,IAFA,IAAIC,EAAU,GAELC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAC1C,IAAIG,EAAMF,UAAUD,GACpB,GAAKG,EAAL,CAEA,IAAIC,SAAiBD,EAErB,GAAgB,WAAZC,GAAoC,WAAZA,EAC3BL,EAAQM,KAAKF,QACP,GAAIG,MAAMC,QAAQJ,IACxB,GAAIA,EAAID,OAAQ,CACf,IAAIM,EAAQV,EAAWW,MAAM,KAAMN,GAC/BK,GACHT,EAAQM,KAAKG,EAEf,OACM,GAAgB,WAAZJ,EACV,GAAID,EAAIO,WAAaC,OAAOC,UAAUF,SACrC,IAAK,IAAIG,KAAOV,EACXP,EAAOkB,KAAKX,EAAKU,IAAQV,EAAIU,IAChCd,EAAQM,KAAKQ,QAIfd,EAAQM,KAAKF,EAAIO,WArBD,CAwBnB,CAEA,OAAOX,EAAQgB,KAAK,IACrB,CAEqCC,EAAOC,SAC3CnB,EAAWoB,QAAUpB,EACrBkB,EAAOC,QAAUnB,QAKhB,KAFwB,EAAF,WACtB,OAAOA,CACP,UAFoB,OAEpB,YAIH,CAlDA,sDCNA,MACMqB,EAAc,OAkCpB,IAjC2B,EAAGC,mBAAkBC,kBAAiBC,MAAKC,iBAAkB,CAAC,KACrF,MAAOC,EAAWC,IAAgB,IAAAC,UAASN,GAAoBD,GA8B/D,OA7BA,IAAAQ,YAAU,KACN,MAAMC,EAAiBL,QAAqDA,EAAgBM,OACtFC,EAAYT,GAAmB,EACrC,IAAIU,EAAcR,EAAgBA,EAAcS,UAAYH,OAAOI,YAC/DC,GAAU,EACd,MAAMC,EAAkB,KACpB,MAAMC,EAAUb,EAAgBA,EAAcS,UAAYH,OAAOI,YAC7DI,KAAKC,IAAIF,EAAUL,GAAeD,IAKtCL,EAAaW,EAAUL,EAAcZ,EAhB/B,MAiBNY,EAAcK,EAAU,EAAIA,EAAU,GAJlCF,GAAU,CAKC,EAEbK,EAAW,KACRL,IACDL,OAAOW,sBAAsBL,GAC7BD,GAAU,EACd,EAOJ,OADCZ,EAA4DG,EAAaL,GAAoBD,GAAvFS,EAAea,iBAAiB,SAAUF,GAC1C,IAAMX,EAAec,oBAAoB,SAAUH,EAAS,GACpE,CAACnB,EAAkBC,EAAiBC,EAAKC,IACrCC,CAAS,qJCepB,MA/C6BmB,IACzB,IAAIC,EAAIC,EAAIC,EAAIC,EAChB,MAAOC,EAAUC,IAAe,IAAAvB,UAAS,GACnCwB,EAAY,CAACA,EAAWC,KAC1B,IAAIP,EACJ,MAAMQ,EAAgBF,EAAUG,KAC1BC,EAAgB,cAAcX,EAAMY,4BAA4BZ,EAAMY,8DAA8DZ,EAAMa,yBAA2B,MAAQL,EAAoB,OAASC,EAAcK,oBAAsBL,EAAcM,cAClQ,OAAQ,gBAAoB,IAAK,CAAEC,UAAW,8CAA+CC,KAAMR,EAAcS,KAAM,oBAAqB,gBAAiB,iBAAkBP,GAAiBF,EAAcM,WAAyC,QAA3Bd,EAAKM,EAAUY,cAA2B,IAAPlB,OAAgB,EAASA,EAAGmB,cAAe,EAc9S,OAAIpB,EAAMqB,WAA6C,QAA/BpB,EAAKD,EAAMsB,sBAAmC,IAAPrB,OAAgB,EAASA,EAAG1C,QAC/E,gBAAoB,KAAM,CAAE,mBAAoByC,EAAMqB,SAAU,YAAarB,EAAMY,KAAMW,cAAelB,EAAUmB,SAAWC,GAAUnB,EAAYmB,IACvJ,gBAAoB,KAAS,CAAET,UAAW,2BAA6D,QAA/Bd,EAAKF,EAAMsB,sBAAmC,IAAPpB,OAAgB,EAASA,EAAGwB,KAAI,CAACC,EAAGtE,KAC/I,IAAKsE,EAAEC,QAAQC,SAAS,SACpB,OAAQ,gBAAoB,KAAK,CAAEb,UAAW,yBAA0Bc,kBAAmB,SAAU5D,IAAKyD,EAAEI,IAhB3G,EAACC,EAAU3E,KACxB,MAAM4E,EAAeD,EAAStB,KACxBC,EAAgB,cAAcX,EAAMY,4BAA4BZ,EAAMY,8DAA8D,GAAGZ,EAAMa,4BAA4BoB,EAAaC,oBAAsBD,EAAaE,WAAWC,kBAC1O,OAAQ,gBAAoB,SAAU,CAAEpB,UAAW,6BAA8B,oBAAqBgB,EAASD,GAAI,iBAAkBpB,GAAiBsB,EAAaE,SAAU,EAa/CH,CAASL,GAC/H,KACiC,QAA/BxB,EAAKH,EAAMsB,sBAAmC,IAAPnB,OAAgB,EAC7DA,EAAGuB,KAAI,CAACC,EAAGtE,KACP,IAAKsE,EAAEC,QAAQC,SAAS,SACpB,OAAQ,gBAAoB,KAAU,CAAE3D,IAAKyD,EAAEI,GAAIf,UAAW,kCAhBxD,EAACgB,EAAU3E,KAC7B,IAAI4C,EACJ,OAAQ,gBAAoB,KAAM,CAAEe,UAAW,yBAAoD,QAAxBf,EAAK+B,EAASd,YAAyB,IAAPjB,OAAgB,EAASA,EAAGyB,KAAKW,IACxI,IAAIpC,EACJ,OAAQ,gBAAoB,KAAM,CAAEe,UAAW,0BAA2B9C,IAAKmE,EAAGN,IAAMxB,EAAU8B,EAA6B,QAAxBpC,EAAK+B,EAAStB,YAAyB,IAAPT,OAAgB,EAASA,EAAGiC,oBAAqB,IACxL,EAW0GI,CAAcX,GACpH,MAG6B,QAA/BvB,EAAKJ,EAAMsB,sBAAmC,IAAPlB,OAAgB,EAASA,EAAG7C,QACjE,gBAAoB,MAAO,CAAEyD,UAAW,iCAAkC,YAAahB,EAAMY,MACjG,gBAAoB,KAAM,CAAEI,UAAW,2BAA6BhB,EAAMsB,gBACtEtB,EAAMsB,eAAeI,KAAI,CAACC,EAAGtE,KACzB,GAAIsE,EAAEC,QAAQC,SAAS,SACnB,OAAQ,gBAAoB,KAAM,CAAEb,UAAW,0BAA2B9C,IAAKyD,EAAEI,IAAMxB,EAAUoB,GACrG,MAIL,gBAAoB,WAAgB,KAC/C,EC8EJ,MAvH+B3B,IAC3B,MAAOuC,EAAUC,IAAe,IAAAzD,UAAS,OAClCuC,EAAgBmB,IAAqB,IAAA1D,UAAS,OAC9C2D,EAAgBC,IAAqB,IAAA5D,WAAS,IAC9C6D,EAAeC,IAAoB,IAAA9D,aACnC+D,EAAWC,IAAgB,IAAAhE,UAAS,MACrCiE,GAAkB,EAAAC,EAAA,GAAmB,CAAExE,iBAAkB,OACzDyE,GAAa,IAAAC,QAAO,MACpBC,GAAgB,IAAAD,QAAO,OAC7B,IAAAnE,YAAU,KACN,IAAIiB,EACJ,MAAMoD,EAAqC,QAA3BpD,EAAKqD,SAASC,KAAKxB,UAAuB,IAAP9B,OAAgB,EAASA,EAAGuD,QAAQ,QAAS,IAWhG,OAVAC,EAAA,cAAgBJ,GAAQ,GAAMK,MAAMhD,IAChC,IAAIT,EAAIC,EACR,MACMyD,EAAiD,QAA7B1D,GADJS,aAAmC,EAASA,EAAKkD,iBAAiBlD,IAC3CmD,YAAyB,IAAP5D,OAAgB,EAASA,EAAG6D,MAAMnC,GAAMA,EAAEI,KAAO/B,EAAM+D,OACtHlB,EAAiBc,EAAiB/B,SAClCmB,EAAoH,QAAtG7C,EAAKyD,aAA2D,EAASA,EAAiBxC,cAA2B,IAAPjB,OAAgB,EAASA,EAAG4C,WACxJL,EAAkBkB,aAA2D,EAASA,EAAiBrC,gBACvGkB,EAAYmB,aAA2D,EAASA,EAAiBjD,KAAK,IAE1G4C,SAASxD,iBAAiB,SAAUkE,GAC7B,KACHV,SAASvD,oBAAoB,SAAUiE,GACvCV,SAASvD,oBAAoB,QAASkE,EAAqB,CAC9D,GACF,KACH,IAAAjF,YAAU,KACN,MAAMkF,EAAgC,QAAnBlB,EACnB9D,OAAOW,uBAAsB,IAAMyD,SAASC,KAAKY,UAAUC,OAAO,oBAAqBF,KACvFhF,OAAOW,uBAAsB,IAAMyD,SAASC,KAAKY,UAAUC,OAAO,gBAAiBF,IAAY,GAChG,CAAClB,IACJ,MAAMiB,EAAwBI,IACrBjB,EAAckB,QAAQC,SAASF,EAAEG,UAClC7B,GAAkB,GAClBW,SAASvD,oBAAoB,QAASkE,GAC1C,EAEED,EAAe,KACjB,IAAI/D,EACJ,MAAMwE,EAASnB,SAASoB,cAAc,UACtC,IAAIC,EAAeF,GAAUA,EAAOG,aAChCD,IACArB,SAASC,KAAKsB,MAAMC,YAAY,iBAAqBH,EAAe,GAAlB,OAClDhC,GAAkB,GAClBW,SAASvD,oBAAoB,QAASkE,IAE1C,MAAMc,GAAmD,QAA7B9E,EAAKiD,EAAWoB,eAA4B,IAAPrE,OAAgB,EAASA,EAAG+E,wBAAwBC,QAAU,EAC/H/F,OAAOW,uBAAsB,IAAMyD,SAASC,KAAKY,UAAUC,OAAO,yBAA0BW,IAAmB,EAE7GG,EAAuB,KACzB,MAAMC,GAAYzC,EAClBC,EAAkBwC,GACdA,EACA7B,SAASxD,iBAAiB,QAASmE,GAGnCX,SAASvD,oBAAoB,QAASkE,EAC1C,EAEJ,IAAK1B,EACD,OAAO,gBAAoB,MAAO,CAAEvB,UAAW,gBAEnD,MAAMK,EAAWkB,EAASlB,SACpB+D,GAAatC,aAA6C,EAASA,EAAUuC,WAAavC,aAA6C,EAASA,EAAUwC,eAC1JC,EAA6C,WAAzBhD,EAASiD,YAA2B,2BAA6B,2BACrFC,EAA8C,SAA1BlD,EAASmD,aAA0B,yBAAqD,QAA1BnD,EAASmD,aAAyB,wBAA0B,0BAC9IC,EAAQC,IACV,MAAMC,EAAUD,EAAa9C,aAA6C,EAASA,EAAUgD,YAAchD,aAA6C,EAASA,EAAU6C,KAC3K,OAAOE,GAAW,gBAAoB,MAAO,CAAE7E,UAAW4E,EAAa,gCAAkC,yBAA0BG,IAAKF,EAASG,IAAK,IAAK,EAEzJC,EAAiB,IACX,gBAAoB,WAAgB,KACxC,gBAAoB,OAAQ,CAAEjF,UAAW,iCAAmCuB,EAAS2D,iBACrF,gBAAoB,OAAQ,CAAElF,UAAW,0CA2B3CmF,EAAc,KAChB,MAAMC,EAAoC,kBAAxB7D,EAAS8D,WAAiC9D,EAAS8D,WAAa,GAClF,OAAQ,gBAAoB,MAAO,CAAErF,UAAW,wCAC5C2E,IACA,gBAAoB,KAAM,CAAE3E,UAAW,0BAA4BoF,GAAa7D,EAAS2D,iBACzF,gBAAoB,MAAO,CAAElF,UAAW,gCAAiCsF,wBAAyB,CAAEC,OAAQhE,EAASiE,eAAkB,EAE/I,OAAQ,gBAAoB,WAAgB,KACxClF,GAhCQ,gBAAoB,MAAO,CAAEN,UAAW,0BAA2ByF,IAAKrD,GAC5E,gBAAoB,MAAO,CAAEpC,UAAW,aACpC,gBAAoB,MAAO,CAAEA,UAAW,oBACpC,gBAAoB,MAAO,CAAEA,UAAW,oDACpC,gBAAoB,MAAO,CAAEA,UAAW,6CACpC2E,GAAK,GACLM,KACJ,gBAAoB,SAAU,CAAEjF,UAAW,IAAW,+BAAgC,CAAE0F,SAAUhE,IAAmB,gBAAiBA,EAAgB,gBAAiB,iCAAiC1C,EAAM+D,OAAQ4C,QAASzB,GAC3NS,GAAK,GACLM,MACR,gBAAoB,MAAO,CAAEjF,UAAW,IAAW,sBAAuB,CAAE0F,SAAUhE,IAAmBX,GAAI,iCAAiC/B,EAAM+D,QAChJ,gBAAoB,KAAM,CAAE/C,UAAW,kCAAoCM,aAAuD,EAASA,EAAeI,KAAKM,IAC3J,IAAI/B,EACJ,MAAM2G,EAAU5E,EAAStB,KACnBC,EAAgB,CAClBkG,MAAOjE,EACPkE,cAAelE,EACfmE,YAAa,qBACbC,WAAY,GAAiD,QAA7C/G,EAAKsC,EAAS0E,iCAA8C,IAAPhH,OAAgB,EAASA,EAAGmC,kBAAkBwE,EAAQ1E,oBAAsB0E,EAAQzE,UAAY,IAAIC,iBAE7K,OAAQ,gBAAoB,KAAM,CAAEpB,UAAW,yBAA0B9C,IAAK8D,EAASD,IACnF,gBAAoB,IAAK,CAAEd,KAAM2F,EAAQ1F,MAAQ0F,EAAQM,QAASlG,UAAW,6BAA8B,oBAAqBgB,EAASD,GAAI,iBAAkBoF,KAAKC,UAAUzG,IAAkBiG,EAAQ7F,UAAY6F,EAAQzE,UAAW,SAY/P,gBAAoB,MAAO,CAAEnB,UAAW,gDAAkDoE,EAAY,cAAgB,IAAKqB,IAAKvD,GAC5HkC,EAAa,gBAAoB,MAAO,CAAEpE,UAAW,iCACjD,gBAAoB,OAAQ,CAAEA,UAAW,yBAAyBuE,KAAqBE,KACnF,gBAAoB,UAAW,KAC3B,gBAAoB,SAAU,CAAE4B,MAAO,oBAAqBC,OAAQxE,aAA6C,EAASA,EAAUuC,UACpI,gBAAoB,MAAO,CAAEU,IAAKjD,aAA6C,EAASA,EAAUwC,cAAeU,IAAK,GAAI,cAAe,WACjJG,KAAmBA,IACvB,gBAAoB,EAAqB,CAAE9E,SAAUA,EAAUC,eAAgBA,EAAgBV,KAAMgC,EAAe/B,yBAA0B0B,EAAS0E,6BAA+B","sources":["webpack:///./node_modules/classnames/index.js","webpack:///./assets/common/src/utils/useScrollDirection.ts","webpack:///./assets/moncler/src/components/experience/CollectionIntroTabs.tsx","webpack:///./assets/moncler/src/components/experience/CollectionIntroHeader.tsx"],"sourcesContent":["/*!\n  Copyright (c) 2018 Jed Watson.\n  Licensed under the MIT License (MIT), see\n  http://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames() {\n\t\tvar classes = [];\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (!arg) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' || argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg)) {\n\t\t\t\tif (arg.length) {\n\t\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\t\tif (inner) {\n\t\t\t\t\t\tclasses.push(inner);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tif (arg.toString === Object.prototype.toString) {\n\t\t\t\t\tfor (var key in arg) {\n\t\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tclasses.push(arg.toString());\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import { useEffect, useState } from 'react';\nconst SCROLL_UP = 'up';\nconst SCROLL_DOWN = 'down';\nconst useScrollDirection = ({ initialDirection, thresholdPixels, off, scrollContext } = {}) => {\n    const [scrollDir, setScrollDir] = useState(initialDirection || SCROLL_DOWN);\n    useEffect(() => {\n        const attachScrollTo = scrollContext !== null && scrollContext !== void 0 ? scrollContext : window;\n        const threshold = thresholdPixels || 0;\n        let lastScrollY = scrollContext ? scrollContext.scrollTop : window.pageYOffset;\n        let ticking = false;\n        const updateScrollDir = () => {\n            const scrollY = scrollContext ? scrollContext.scrollTop : window.pageYOffset;\n            if (Math.abs(scrollY - lastScrollY) < threshold) {\n                // We haven't exceeded the threshold\n                ticking = false;\n                return;\n            }\n            setScrollDir(scrollY > lastScrollY ? SCROLL_DOWN : SCROLL_UP);\n            lastScrollY = scrollY > 0 ? scrollY : 0;\n            ticking = false;\n        };\n        const onScroll = () => {\n            if (!ticking) {\n                window.requestAnimationFrame(updateScrollDir);\n                ticking = true;\n            }\n        };\n        /**\n         * Bind the scroll handler if `off` is set to false.\n         * If `off` is set to true reset the scroll direction.\n         */\n        !off ? attachScrollTo.addEventListener('scroll', onScroll) : setScrollDir(initialDirection || SCROLL_DOWN);\n        return () => attachScrollTo.removeEventListener('scroll', onScroll);\n    }, [initialDirection, thresholdPixels, off, scrollContext]);\n    return scrollDir;\n};\nexport default useScrollDirection;\n","import React, { useState } from 'react';\nimport { Tab, TabList, TabPanel, Tabs } from 'react-tabs';\nconst CollectionIntroTabs = (props) => {\n    var _a, _b, _c, _d;\n    const [tabIndex, setTabIndex] = useState(0);\n    const introLink = (introLink, tabTitleAnalytics) => {\n        var _a;\n        const introLinkData = introLink.data;\n        const dataAnalytics = `{\"event\": \"${props.type}\", \"eventCategory\": \"${props.type}\", \"eventAction\": \"banner-interaction\", \"eventLabel\": \"${props.collectionTitleAnalytics + ' - ' + tabTitleAnalytics + ' - ' + (introLinkData.linkText_analytics || introLinkData.linkText)}\"}`;\n        return (React.createElement(\"a\", { className: \"button button--tertiary button--arrow-right\", href: introLinkData.link, \"data-analytics-id\": \"${pdict.uuid}\", \"data-analytics\": dataAnalytics }, introLinkData.linkText || ((_a = introLink.custom) === null || _a === void 0 ? void 0 : _a.categoryName)));\n    };\n    const introTab = (introTab, i) => {\n        const introTabData = introTab.data;\n        const dataAnalytics = `{\"event\": \"${props.type}\", \"eventCategory\": \"${props.type}\", \"eventAction\": \"banner interaction\", \"eventLabel\": \"${`${props.collectionTitleAnalytics}-${introTabData.tabTitle_analytics || introTabData.tabTitle}`.toLowerCase()}\"}`;\n        return (React.createElement(\"button\", { className: \"collection-intro__tab-name\", \"data-analytics-id\": introTab.id, \"data-analytics\": dataAnalytics }, introTabData.tabTitle));\n    };\n    const introTabPanel = (introTab, i) => {\n        var _a;\n        return (React.createElement(\"ul\", { className: \"tabs-collection-links\" }, (_a = introTab.link) === null || _a === void 0 ? void 0 : _a.map((il) => {\n            var _a;\n            return (React.createElement(\"li\", { className: \"collections-intro__link\", key: il.id }, introLink(il, (_a = introTab.data) === null || _a === void 0 ? void 0 : _a.tabTitle_analytics)));\n        })));\n    };\n    if (props.withTabs && ((_a = props.collectionsTab) === null || _a === void 0 ? void 0 : _a.length)) {\n        return (React.createElement(Tabs, { \"data-option-tabs\": props.withTabs, \"data-type\": props.type, selectedIndex: tabIndex, onSelect: (index) => setTabIndex(index) },\n            React.createElement(TabList, { className: \"collection-intro__links\" }, (_b = props.collectionsTab) === null || _b === void 0 ? void 0 : _b.map((c, i) => {\n                if (!c.type_id.includes('_link')) {\n                    return (React.createElement(Tab, { className: \"collections-intro__tab\", selectedClassName: \"active\", key: c.id }, introTab(c, i)));\n                }\n            })), (_c = props.collectionsTab) === null || _c === void 0 ? void 0 :\n            _c.map((c, i) => {\n                if (!c.type_id.includes('_link')) {\n                    return (React.createElement(TabPanel, { key: c.id, className: \"collection-intro__link-wrapper\" }, introTabPanel(c, i)));\n                }\n            })));\n    }\n    else if ((_d = props.collectionsTab) === null || _d === void 0 ? void 0 : _d.length) {\n        return (React.createElement(\"div\", { className: \"collection-intro__link-wrapper\", \"data-type\": props.type },\n            React.createElement(\"ul\", { className: \"collection-intro__links\" }, props.collectionsTab &&\n                props.collectionsTab.map((c, i) => {\n                    if (c.type_id.includes('_link')) {\n                        return (React.createElement(\"li\", { className: \"collections-intro__link\", key: c.id }, introLink(c)));\n                    }\n                }))));\n    }\n    else {\n        return React.createElement(React.Fragment, null);\n    }\n};\nexport default CollectionIntroTabs;\n","import api from '@utils/api';\nimport classNames from 'classnames';\nimport useScrollDirection from '@utils/useScrollDirection';\nimport React, { useEffect, useState, useRef } from 'react';\nimport CollectionIntroTabs from './CollectionIntroTabs';\nimport '@styles/components/collection-intro-simplified/collection-intro-simplified.scss';\nconst CollectionIntroHeader = (props) => {\n    const [pageData, setPageData] = useState(null);\n    const [collectionsTab, setCollectionsTab] = useState(null);\n    const [stickyExpanded, setStickyExpanded] = useState(false);\n    const [componentName, setComponentName] = useState();\n    const [imagesUrl, setImagesUrl] = useState(null);\n    const scrolldirection = useScrollDirection({ initialDirection: 'up' });\n    const wrapperRef = useRef(null);\n    const stickyWrapper = useRef(null);\n    useEffect(() => {\n        var _a;\n        const pageID = (_a = document.body.id) === null || _a === void 0 ? void 0 : _a.replace('page-', '');\n        api.getPageJson(pageID, true).then((data) => {\n            var _a, _b;\n            const formattedData = data === null || data === void 0 ? void 0 : data.getFormattedData(data);\n            const componentDataRes = (_a = formattedData.main) === null || _a === void 0 ? void 0 : _a.find((c) => c.id === props.uuid);\n            setComponentName(componentDataRes.type_id);\n            setImagesUrl((_b = componentDataRes === null || componentDataRes === void 0 ? void 0 : componentDataRes.custom) === null || _b === void 0 ? void 0 : _b.imagesUrl);\n            setCollectionsTab(componentDataRes === null || componentDataRes === void 0 ? void 0 : componentDataRes.collectionsTab);\n            setPageData(componentDataRes === null || componentDataRes === void 0 ? void 0 : componentDataRes.data);\n        });\n        document.addEventListener('scroll', handleScroll);\n        return () => {\n            document.removeEventListener('scroll', handleScroll);\n            document.removeEventListener('click', clickOutsideCallback);\n        };\n    }, []);\n    useEffect(() => {\n        const downScroll = scrolldirection == 'down';\n        window.requestAnimationFrame(() => document.body.classList.toggle('page-scrolled-up', !downScroll));\n        window.requestAnimationFrame(() => document.body.classList.toggle('page-scrolled', downScroll));\n    }, [scrolldirection]);\n    const clickOutsideCallback = (e) => {\n        if (!stickyWrapper.current.contains(e.target)) {\n            setStickyExpanded(false);\n            document.removeEventListener('click', clickOutsideCallback);\n        }\n    };\n    const handleScroll = () => {\n        var _a;\n        const header = document.querySelector('header');\n        let scrollAmount = header && header.offsetHeight;\n        if (scrollAmount) {\n            document.body.style.setProperty('--headerHeight', `${scrollAmount / 10}rem`);\n            setStickyExpanded(false);\n            document.removeEventListener('click', clickOutsideCallback);\n        }\n        const scrollPastWrapper = ((_a = wrapperRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().bottom) < 0;\n        window.requestAnimationFrame(() => document.body.classList.toggle('sticky-intro-disabled', !scrollPastWrapper));\n    };\n    const onStickyClickHandler = () => {\n        const toExpand = !stickyExpanded;\n        setStickyExpanded(toExpand);\n        if (toExpand) {\n            document.addEventListener('click', clickOutsideCallback);\n        }\n        else {\n            document.removeEventListener('click', clickOutsideCallback);\n        }\n    };\n    if (!pageData) {\n        return React.createElement(\"div\", { className: \"placeholder\" });\n    }\n    const withTabs = pageData.withTabs;\n    const withImage = (imagesUrl === null || imagesUrl === void 0 ? void 0 : imagesUrl.bgImage) && (imagesUrl === null || imagesUrl === void 0 ? void 0 : imagesUrl.bgImageMobile);\n    const gradientTypeClass = pageData.imgGradient === 'Bright' ? 'image-background--bright' : 'image-background--darker';\n    const gradientSizeClass = pageData.gradientSize === 'Half' ? 'image-background--half' : pageData.gradientSize === 'Top' ? 'image-background--top' : 'image-background--whole';\n    const logo = (fromSticky) => {\n        const logoUrl = fromSticky ? imagesUrl === null || imagesUrl === void 0 ? void 0 : imagesUrl.sticky_logo : imagesUrl === null || imagesUrl === void 0 ? void 0 : imagesUrl.logo;\n        return logoUrl && React.createElement(\"img\", { className: fromSticky ? 'collection-intro-sticky__logo' : 'collection-intro__logo', src: logoUrl, alt: \"\" });\n    };\n    const stickyNameIcon = () => {\n        return (React.createElement(React.Fragment, null,\n            React.createElement(\"span\", { className: \"collection-intro-sticky__name\" }, pageData.collectionTitle),\n            React.createElement(\"span\", { className: \"collection-intro-sticky__toggle-icon\" })));\n    };\n    const stickyElement = () => {\n        return (React.createElement(\"div\", { className: \"collection-intro-sticky\", ref: stickyWrapper },\n            React.createElement(\"div\", { className: \"container\" },\n                React.createElement(\"div\", { className: \"row align-middle\" },\n                    React.createElement(\"div\", { className: \"col-12 col-md-4 collection-intro-sticky__heading\" },\n                        React.createElement(\"div\", { className: \"collection-intro-sticky__heading--desktop\" },\n                            logo(true),\n                            stickyNameIcon()),\n                        React.createElement(\"button\", { className: classNames('collection-intro-sticky__btn', { expanded: stickyExpanded }), \"aria-expanded\": stickyExpanded, \"aria-controls\": `collection-intro-sticky-list--${props.uuid}`, onClick: onStickyClickHandler },\n                            logo(true),\n                            stickyNameIcon())),\n                    React.createElement(\"div\", { className: classNames('col-md-8 text-right', { expanded: stickyExpanded }), id: `collection-intro-sticky-list--${props.uuid}` },\n                        React.createElement(\"ul\", { className: \"collection-intro-sticky__links\" }, collectionsTab === null || collectionsTab === void 0 ? void 0 : collectionsTab.map((introTab) => {\n                            var _a;\n                            const tabData = introTab.data;\n                            const dataAnalytics = {\n                                event: componentName,\n                                eventCategory: componentName,\n                                eventAction: 'banner interaction',\n                                eventLabel: `${(_a = pageData.collectionTitle_analytics) === null || _a === void 0 ? void 0 : _a.toLowerCase()}-${(tabData.tabTitle_analytics || tabData.tabTitle || '').toLowerCase()}`,\n                            };\n                            return (React.createElement(\"li\", { className: \"collections-intro__tab\", key: introTab.id },\n                                React.createElement(\"a\", { href: tabData.link || tabData.tabLink, className: \"collection-intro__tab-name\", \"data-analytics-id\": introTab.id, \"data-analytics\": JSON.stringify(dataAnalytics) }, tabData.linkText || tabData.tabTitle)));\n                        })))))));\n    };\n    const textContent = () => {\n        const titleFont = pageData.title_typo === 'BlockGothicRR' ? pageData.title_typo : '';\n        return (React.createElement(\"div\", { className: \"collection-intro-simplified__content\" },\n            logo(),\n            React.createElement(\"h1\", { className: 'collection-intro__name ' + titleFont }, pageData.collectionTitle),\n            React.createElement(\"div\", { className: \"collection-intro__description\", dangerouslySetInnerHTML: { __html: pageData.description } })));\n    };\n    return (React.createElement(React.Fragment, null,\n        collectionsTab && stickyElement(),\n        React.createElement(\"div\", { className: 'collection-intro collection-intro-simplified' + (withImage ? ' with-image' : ''), ref: wrapperRef },\n            withImage ? (React.createElement(\"div\", { className: \"collection-intro__img-wrapper\" },\n                React.createElement(\"span\", { className: `collection-intro__img ${gradientTypeClass} ${gradientSizeClass}` },\n                    React.createElement(\"picture\", null,\n                        React.createElement(\"source\", { media: \"(min-width:600px)\", srcSet: imagesUrl === null || imagesUrl === void 0 ? void 0 : imagesUrl.bgImage }),\n                        React.createElement(\"img\", { src: imagesUrl === null || imagesUrl === void 0 ? void 0 : imagesUrl.bgImageMobile, alt: \"\", \"aria-hidden\": \"true\" }))),\n                textContent())) : (textContent()),\n            React.createElement(CollectionIntroTabs, { withTabs: withTabs, collectionsTab: collectionsTab, type: componentName, collectionTitleAnalytics: pageData.collectionTitle_analytics }))));\n};\nexport default CollectionIntroHeader;\n"],"names":["hasOwn","hasOwnProperty","classNames","classes","i","arguments","length","arg","argType","push","Array","isArray","inner","apply","toString","Object","prototype","key","call","join","module","exports","default","SCROLL_DOWN","initialDirection","thresholdPixels","off","scrollContext","scrollDir","setScrollDir","useState","useEffect","attachScrollTo","window","threshold","lastScrollY","scrollTop","pageYOffset","ticking","updateScrollDir","scrollY","Math","abs","onScroll","requestAnimationFrame","addEventListener","removeEventListener","props","_a","_b","_c","_d","tabIndex","setTabIndex","introLink","tabTitleAnalytics","introLinkData","data","dataAnalytics","type","collectionTitleAnalytics","linkText_analytics","linkText","className","href","link","custom","categoryName","withTabs","collectionsTab","selectedIndex","onSelect","index","map","c","type_id","includes","selectedClassName","id","introTab","introTabData","tabTitle_analytics","tabTitle","toLowerCase","il","introTabPanel","pageData","setPageData","setCollectionsTab","stickyExpanded","setStickyExpanded","componentName","setComponentName","imagesUrl","setImagesUrl","scrolldirection","useScrollDirection","wrapperRef","useRef","stickyWrapper","pageID","document","body","replace","api","then","componentDataRes","getFormattedData","main","find","uuid","handleScroll","clickOutsideCallback","downScroll","classList","toggle","e","current","contains","target","header","querySelector","scrollAmount","offsetHeight","style","setProperty","scrollPastWrapper","getBoundingClientRect","bottom","onStickyClickHandler","toExpand","withImage","bgImage","bgImageMobile","gradientTypeClass","imgGradient","gradientSizeClass","gradientSize","logo","fromSticky","logoUrl","sticky_logo","src","alt","stickyNameIcon","collectionTitle","textContent","titleFont","title_typo","dangerouslySetInnerHTML","__html","description","ref","expanded","onClick","tabData","event","eventCategory","eventAction","eventLabel","collectionTitle_analytics","tabLink","JSON","stringify","media","srcSet"],"sourceRoot":""}