@hhgtech/hhg-components 1.29.534 → 1.29.535-beta-2

package/build/{index-2b5f571f.js → index-42c5ff2d.js}

@@ -1,28 +1,28 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-6e32661f.js');
+var tslib_es6 = require('./tslib.es6-a2f835ba.js');
 var React = require('react');
 var core = require('@mantine/core');
 var dateFns = require('date-fns');
-var LastPeriod = require('./LastPeriod-d3798ce6.js');
-var Locale = require('./Locale-4905c35b.js');
+var LastPeriod = require('./LastPeriod-94481b56.js');
+var Locale = require('./Locale-0909ccf4.js');
 var form = require('@mantine/form');
 var dayjs = require('dayjs');
-var index$5 = require('./index-2b76ae5d.js');
-var index$2 = require('./index-b84f4acc.js');
-var index$3 = require('./index-6c3ba434.js');
-require('./index-38c39406.js');
-require('./index-5a579151.js');
-require('./index.styles-ce6433a2.js');
-var index = require('./index-5eb84192.js');
+var index$5 = require('./index-ace0dcdc.js');
+var index$2 = require('./index-bec6346e.js');
+var index$3 = require('./index-6175e81a.js');
+require('./index-d6741b03.js');
+require('./index-9750fa8a.js');
+require('./index.styles-81edc09a.js');
+var index = require('./index-65402024.js');
 require('@mantine/hooks');
-require('./index-f0be2882.js');
-require('./utils-5b201f29.js');
-require('./index-0c1178d6.js');
-var index$1 = require('./index-c9a1d63d.js');
+require('./index-f7fa1059.js');
+require('./utils-24c55aa0.js');
+require('./index-d55da6c6.js');
+var index$1 = require('./index-a0dc125a.js');
 var other = require('@hhgtech/icons/other');
-var context = require('./context-53cc1b1c.js');
-var index$4 = require('./index-50886818.js');
+var context = require('./context-f7ea8fe9.js');
+var index$4 = require('./index-4c125734.js');
 var miscTheme = require('./miscTheme.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-bb8f45c4.js → index-43e5f0e2.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-38c39406.js');
+var index = require('./index-d6741b03.js');
 var styled = require('@emotion/styled');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/index-441659db.js

@@ -0,0 +1,120 @@
+'use strict';
+
+var tslib_es6 = require('./tslib.es6-a2f835ba.js');
+var React = require('react');
+var core = require('@mantine/core');
+var index = require('./index-480ed7a9.js');
+var vaul = require('vaul');
+var styled = require('@emotion/styled');
+var miscTheme = require('./miscTheme.js');
+var index$1 = require('./index-4c125734.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+var styled__default = /*#__PURE__*/_interopDefault(styled);
+
+styled__default["default"](index.DrawerComponent) `
+  /* max-height: 100vh;
+  max-height: 100dvh; */
+  background-color: white;
+
+  &[data-vaul-drawer-direction='bottom'] {
+    top: initial !important;
+    border-top-left-radius: 16px !important;
+    border-top-right-radius: 16px !important;
+    padding-bottom: 32px;
+    padding-left: 20px;
+    padding-right: 20px;
+  }
+
+  .drawer__handle {
+    width: 44px;
+    height: 3px;
+    background-color: ${miscTheme.theme.colors.neutral500};
+    margin: 16px auto;
+    flex-shrink: 0;
+  }
+`;
+const StyledDrawerBottomContent = styled__default["default"](vaul.Drawer.Content) `
+  position: fixed;
+  z-index: ${index$1.ZINDEX_SSO - 9e6 + 1};
+  inset: 0;
+  background-color: #fff;
+  outline: none !important;
+
+  &[data-is-linear='true'] {
+    background: linear-gradient(180deg, #c3e3ff 1.86%, #fff 20%) !important;
+  }
+
+  &::-webkit-scrollbar {
+    width: 6px;
+    height: 6px;
+  }
+
+  &::-webkit-scrollbar-track {
+    background-color: transparent;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background-color: rgba(0, 0, 0, 0.4);
+    border-radius: 6px;
+  }
+
+  &[data-vaul-drawer-direction='bottom'] {
+    top: initial;
+    border-top-left-radius: 16px;
+    border-top-right-radius: 16px;
+    /* padding-bottom: 16px; */
+  }
+
+  ${(props) => props.isDragging &&
+    `
+      input {
+        caret-color: transparent;
+      }
+    `}
+`;
+const StyledDrawerBottomOverlay = styled__default["default"](vaul.Drawer.Overlay) `
+  position: fixed;
+  inset: 0;
+  z-index: ${index$1.ZINDEX_SSO - 9e6};
+  width: 100%;
+  max-height: 100%;
+  background-color: rgb(0, 0, 0, 0.4);
+`;
+const StyledDrawerBottomHandler = styled__default["default"](vaul.Drawer.Handle) `
+  &[data-vaul-handle] {
+    width: 44px;
+    height: 3px;
+    background-color: ${miscTheme.theme.colors.neutral500};
+    margin: 16px auto;
+    flex-shrink: 0;
+  }
+`;
+
+function DrawerBottom(_a) {
+    var { children, onClose, isOpen, onOpenChange, isMobile, classNames, isLinear, overlayClassName, contentClassName, handlerClassName } = _a, restProps = tslib_es6.__rest(_a, ["children", "onClose", "isOpen", "onOpenChange", "isMobile", "classNames", "isLinear", "overlayClassName", "contentClassName", "handlerClassName"]);
+    const { isDragging, handleDragStart, handleDragEnd } = index.useDrawerDrag();
+    if (isMobile) {
+        return (React__default["default"].createElement(vaul.Drawer.Root, Object.assign({ onDrag: handleDragStart, onRelease: handleDragEnd, open: isOpen, onOpenChange: onOpenChange, onClose: onClose }, restProps),
+            React__default["default"].createElement(vaul.Drawer.Portal, null,
+                React__default["default"].createElement(StyledDrawerBottomOverlay, { className: core.clsx(overlayClassName, 'drawer__overlay') }),
+                React__default["default"].createElement(StyledDrawerBottomContent, { isDragging: isDragging, className: core.clsx(contentClassName, 'drawer__content'), "data-is-linear": isLinear },
+                    React__default["default"].createElement(vaul.Drawer.Title, { style: { display: 'none' } }),
+                    React__default["default"].createElement(StyledDrawerBottomHandler, { className: core.clsx(handlerClassName, 'drawer__handle') }),
+                    children))));
+    }
+    return (React__default["default"].createElement(core.Modal, Object.assign({ withCloseButton: true, centered: true, zIndex: 500, size: "auto", classNames: classNames, radius: "lg" }, restProps, { onClose: onClose, opened: isOpen, styles: {
+            root: {
+                maxHeight: '400px',
+            },
+            body: {
+                background: isLinear
+                    ? 'linear-gradient(180deg, #A5D4FF 0%, #FFFFFF 20%)'
+                    : undefined,
+            },
+        } }), children));
+}
+
+exports.DrawerBottom = DrawerBottom;

package/build/{index-169e3192.js → index-480ed7a9.js}

@@ -1,17 +1,39 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-6e32661f.js');
 var React = require('react');
+var tslib_es6 = require('./tslib.es6-a2f835ba.js');
 var core = require('@mantine/core');
 var vaul = require('vaul');
 var styled = require('@emotion/styled');
-var index = require('./index-50886818.js');
+var index = require('./index-4c125734.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefault(React);
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var styled__default = /*#__PURE__*/_interopDefault(styled);
 
+/* eslint-disable prettier/prettier */
+const Close = (props) => (React__namespace.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "currentColor" }, props),
+    React__namespace.createElement("path", { d: "M3.99403 3.32695C3.86141 3.32698 3.73181 3.36657 3.62181 3.44065C3.5118 3.51472 3.42638 3.61992 3.37648 3.7428C3.32658 3.86567 3.31445 4.00064 3.34165 4.13044C3.36885 4.26024 3.43415 4.37898 3.52919 4.47148L7.05784 8.00013L3.52919 11.5288C3.46521 11.5902 3.41413 11.6638 3.37894 11.7452C3.34375 11.8266 3.32516 11.9142 3.32425 12.0029C3.32335 12.0916 3.34015 12.1796 3.37368 12.2617C3.40721 12.3438 3.45678 12.4185 3.5195 12.4812C3.58222 12.5439 3.65682 12.5935 3.73894 12.627C3.82106 12.6605 3.90904 12.6773 3.99774 12.6764C4.08643 12.6755 4.17405 12.6569 4.25547 12.6217C4.33689 12.5865 4.41047 12.5355 4.4719 12.4715L8.00054 8.94283L11.5292 12.4715C11.5906 12.5355 11.6642 12.5865 11.7456 12.6217C11.827 12.6569 11.9147 12.6755 12.0034 12.6764C12.092 12.6773 12.18 12.6605 12.2621 12.627C12.3443 12.5935 12.4189 12.5439 12.4816 12.4812C12.5443 12.4185 12.5939 12.3439 12.6274 12.2617C12.6609 12.1796 12.6777 12.0916 12.6768 12.0029C12.6759 11.9142 12.6573 11.8266 12.6222 11.7452C12.587 11.6638 12.5359 11.5902 12.4719 11.5288L8.94325 8.00013L12.4719 4.47148C12.5682 4.37784 12.634 4.25728 12.6607 4.1256C12.6873 3.99392 12.6735 3.85726 12.6212 3.73354C12.5688 3.60982 12.4803 3.5048 12.3672 3.43224C12.2542 3.35969 12.1218 3.32299 11.9875 3.32695C11.8143 3.33211 11.6499 3.4045 11.5292 3.52877L8.00054 7.05742L4.4719 3.52877C4.40977 3.46491 4.33548 3.41415 4.2534 3.37948C4.17132 3.34482 4.08313 3.32696 3.99403 3.32695Z" })));
+
 const TIME_FOR_MOTION = 300;
 const useDrawerDrag = (motionDelay = TIME_FOR_MOTION) => {
     const [isDragging, setIsDragging] = React.useState(false);
@@ -135,18 +157,19 @@ const DrawerComponent = (props) => {
     React.useEffect(() => {
         setSnap(activeSnapPoint);
     }, [activeSnapPoint]);
-    return (React__default["default"].createElement(vaul.Drawer.Root, Object.assign({ onDrag: handleDragStart, onRelease: handleDragEnd, onClose: onClose }, restProps, mergedProps),
-        React__default["default"].createElement(vaul.Drawer.Portal, null,
-            React__default["default"].createElement(StyledDrawerComponentOverlay, { className: core.clsx(overlayClassName, 'drawer__overlay', {
+    return (React__namespace["default"].createElement(vaul.Drawer.Root, Object.assign({ onDrag: handleDragStart, onRelease: handleDragEnd, onClose: onClose }, restProps, mergedProps),
+        React__namespace["default"].createElement(vaul.Drawer.Portal, null,
+            React__namespace["default"].createElement(StyledDrawerComponentOverlay, { className: core.clsx(overlayClassName, 'drawer__overlay', {
                     drawer__overlay_full: isFullSnapPoint,
                 }) }),
-            React__default["default"].createElement(StyledDrawerComponentContent, { isDragging: isDragging, className: core.clsx(className, 'drawer__content', {
+            React__namespace["default"].createElement(StyledDrawerComponentContent, { isDragging: isDragging, className: core.clsx(className, 'drawer__content', {
                     drawer__content_full: isFullSnapPoint,
                 }) },
-                React__default["default"].createElement(vaul.Drawer.Handle, { className: "drawer__handle" }),
-                React__default["default"].createElement(vaul.Drawer.Title, { style: { display: 'none' } }),
+                React__namespace["default"].createElement(vaul.Drawer.Handle, { className: "drawer__handle" }),
+                React__namespace["default"].createElement(vaul.Drawer.Title, { style: { display: 'none' } }),
                 children))));
 };
 
+exports.Close = Close;
 exports.DrawerComponent = DrawerComponent;
 exports.useDrawerDrag = useDrawerDrag;

package/build/{index-9e5d3362.js → index-493a09c1.js}

@@ -4,10 +4,10 @@ var React = require('react');
 var classNames = require('classnames');
 var styled = require('@emotion/styled');
 var core = require('@mantine/core');
-var utils = require('./utils-5b201f29.js');
+var utils = require('./utils-24c55aa0.js');
 var miscTheme = require('./miscTheme.js');
-var index = require('./index-5eb84192.js');
-var index$1 = require('./index-6c3ba434.js');
+var index = require('./index-65402024.js');
+var index$1 = require('./index-6175e81a.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-96133bac.js → index-4a34624a.js}

@@ -1,55 +1,56 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-6e32661f.js');
+var tslib_es6 = require('./tslib.es6-a2f835ba.js');
 var React = require('react');
-var SiteWideBanner = require('./SiteWideBanner-85878628.js');
-var index$2 = require('./index-50886818.js');
-var normalizeLink = require('./normalizeLink-7b8802a3.js');
-var dataTransform = require('./dataTransform-6af4a005.js');
+var SiteWideBanner = require('./SiteWideBanner-2bd6f48e.js');
+var index$2 = require('./index-4c125734.js');
+var normalizeLink = require('./normalizeLink-0fedc39f.js');
+var dataTransform = require('./dataTransform-b5c4110e.js');
 var core = require('@hhgtech/icons/core');
-var index = require('./index-2b76ae5d.js');
-require('./translationsContext-890a8c7e.js');
-var Locale = require('./Locale-4905c35b.js');
+var index = require('./index-ace0dcdc.js');
+require('./translationsContext-458ee96f.js');
+var Locale = require('./Locale-0909ccf4.js');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var navigationProfileButton = require('./index-b702020a.js');
+var navigationProfileButton = require('./index-4d30cf05.js');
 var other = require('@hhgtech/icons/other');
 var core$1 = require('@mantine/core');
-var index$c = require('./index-ef2beb63.js');
+var index$c = require('./index-04dd433f.js');
 var throttle = require('lodash/throttle');
 require('@mantine/dates');
-var index$b = require('./index-5d13c03b.js');
-var index$6 = require('./index-c8f1d21f.js');
-require('./index-f0be2882.js');
-var index$4 = require('./index-6c3ba434.js');
-var index$3 = require('./index-38c39406.js');
-require('./index-5a579151.js');
-require('./index.styles-ce6433a2.js');
+var index$b = require('./index-dc39e3b4.js');
+var index$6 = require('./index-e5160f48.js');
+require('./index-f7fa1059.js');
+var index$4 = require('./index-6175e81a.js');
+var index$3 = require('./index-d6741b03.js');
+require('./index-9750fa8a.js');
+require('./index.styles-81edc09a.js');
 require('@mantine/hooks');
-var utils = require('./utils-5b201f29.js');
-require('./index-0c1178d6.js');
-var constants = require('./constants-60bca169.js');
-var store = require('./store-abaccb7a.js');
-var constants$2 = require('./constants-dee2d6f2.js');
-var index$5 = require('./index-11d1e58c.js');
-var index$1 = require('./index-5eb84192.js');
-var useCartCareService = require('./useCartCareService-13037283.js');
-var constants$1 = require('./constants-b6b141d3.js');
+var utils = require('./utils-24c55aa0.js');
+require('./index-d55da6c6.js');
+var constants = require('./constants-7fd0c621.js');
+var store = require('./store-5278bd26.js');
+var constants$3 = require('./constants-105ba154.js');
+var index$5 = require('./index-de852c53.js');
+var index$1 = require('./index-65402024.js');
+var useCartCareService = require('./useCartCareService-277ab850.js');
+var constants$1 = require('./constants-e235d2f9.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
-var index$7 = require('./index-3030dd04.js');
-var index$8 = require('./index-2ca653a5.js');
-var utils$1 = require('./utils-900fface.js');
-var index$9 = require('./index-32fb4a93.js');
+var index$7 = require('./index-1b161029.js');
+var index$8 = require('./index-2bd3c771.js');
+var utils$1 = require('./utils-159365f3.js');
+var index$9 = require('./index-277181cf.js');
 var dayjs = require('dayjs');
 var relativeTime = require('dayjs/plugin/relativeTime');
-var index$a = require('./index-1c3fc689.js');
+var index$a = require('./index-f86fdff9.js');
 var get = require('lodash/get');
+var constants$2 = require('./constants-7360717d.js');
 var isEmpty = require('lodash/isEmpty');
-var index$d = require('./index-9e5d3362.js');
+var index$d = require('./index-493a09c1.js');
 var debounce = require('lodash/debounce');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
-var core$2 = require('./core-e2dda9ca.js');
+var core$2 = require('./core-ac04cb20.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -2312,7 +2313,7 @@ const StyledHeaderWrapper = styled__default["default"].div `
     }
 
     &[data-header-type='home'] {
-      z-index: ${utils$1.Z_INDEX.headerContainerHome};
+      z-index: ${constants$2.Z_INDEX.headerContainerHome};
     }
 
     &[data-is-displayed='false'] {
@@ -2523,7 +2524,7 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
     var _a, _b, _c, _d, _e;
     const { siteType, isMobile = false, locale, sitewideBanner, sitewideBannerData, 
     // sitewideBannerShown = true,
-    sitewideSite = 'discover', sponsorComponent, isHomepage = false, 
+    sitewideSite = 'discover', sponsorComponent, isHomepage = false, isHeaderCollapsible = true, 
     // onBookingClick,
     currentUrl, onLoginClick, cartNumber, 
     // ssrMenuContent: { categories, healthTools, care, together },
@@ -2548,7 +2549,7 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
     const headerRef = React.useRef(null);
     const collapsedMenu = React.useRef(false);
     const { getHref } = useCartCareService.useCartCareService();
-    const cartBaseUrl = `${normalizeLink.getCurrentBaseUrl(locale)}/${constants.CARE_BASE_PATH}/${(_a = constants$2.LOCALISED_SLUGS[locale]) === null || _a === void 0 ? void 0 : _a.CART}/`;
+    const cartBaseUrl = `${normalizeLink.getCurrentBaseUrl(locale)}/${constants.CARE_BASE_PATH}/${(_a = constants$3.LOCALISED_SLUGS[locale]) === null || _a === void 0 ? void 0 : _a.CART}/`;
     const cartHref = getHref();
     const goToLogin = () => {
         if (store.IS_SSOV2_ENABLED(locale))
@@ -2563,6 +2564,8 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
         : siteType;
     const isBrowser = typeof window !== 'undefined';
     const scrolling = React.useCallback(throttle__default["default"](() => {
+        if (!isHeaderCollapsible)
+            return;
         if (isBrowser) {
             if (!headerRef.current)
                 return;
@@ -2583,7 +2586,7 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
             if (window.scrollY >= 0)
                 scrollY.current = window.scrollY;
         }
-    }, 200), []);
+    }, 200), [isHeaderCollapsible]);
     const getHamburgerMenuItems = () => {
         const isDisplayO2OMenu = enableO2ONavigationMenu
             ? canDisplayO2ONavigationMenu({
@@ -2604,20 +2607,22 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
     };
     const { menuItems: hamburgerMenuItems, extraMenuItems: hamburgerExtraMenuItems, } = getHamburgerMenuItems();
     React.useEffect(() => {
-        onTopBarAppears === null || onTopBarAppears === void 0 ? void 0 : onTopBarAppears(!isCollapsed);
-    }, [isCollapsed]);
+        onTopBarAppears === null || onTopBarAppears === void 0 ? void 0 : onTopBarAppears(isHeaderCollapsible ? !isCollapsed : true);
+    }, [isCollapsed, isHeaderCollapsible]);
     React.useEffect(() => {
+        if (!isHeaderCollapsible)
+            return;
         window.addEventListener('scroll', scrolling, { passive: true });
         return () => {
             window.removeEventListener('scroll', scrolling);
         };
-    }, []);
+    }, [isHeaderCollapsible, scrolling]);
     React.useEffect(() => {
         if (isMobile)
             scrolling();
     }, [isMobile]);
     // const isShowingSiteWideBanner = sitewideBannerShown && !!sitewideBanner
-    return (React__namespace["default"].createElement(StyledHeaderWrapper, { "data-site-type": siteType, "data-sponsored": isSponsored, "data-header-type": "home", "data-collapsed": isCollapsed, "data-is-displayed": true, "data-win-cash-back-theme": winCashBackTheme, id: "site-header", ref: headerRef, className: customClasses.wrapper },
+    return (React__namespace["default"].createElement(StyledHeaderWrapper, { "data-site-type": siteType, "data-sponsored": isSponsored, "data-header-type": "home", "data-collapsed": isHeaderCollapsible ? isCollapsed : false, "data-is-displayed": true, "data-win-cash-back-theme": winCashBackTheme, id: "site-header", ref: headerRef, className: customClasses.wrapper },
         sitewideBanner || (React__namespace["default"].createElement(SiteWideBanner.SiteWideBanner, { site: sitewideSite, currentUrl: currentUrl, banner: sitewideBannerData })),
         React__namespace["default"].createElement(StyledHeader, { className: customClasses.header, "data-main-header": true, "data-site-type": siteType, "data-win-cash-back-theme": winCashBackTheme },
             React__namespace["default"].createElement(StyledLeftGroup, { className: customClasses.leftGroup, "data-site-type": siteType },
@@ -2662,7 +2667,7 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
             ? !React__namespace["default"].isValidElement(sponsorComponent)
                 ? sponsorComponent
                 : React__namespace["default"].cloneElement(sponsorComponent, {
-                    isCollapsed,
+                    isCollapsed: isHeaderCollapsible ? isCollapsed : false,
                     locale,
                     isMobile,
                 })
@@ -2715,7 +2720,9 @@ const useHeaderHeight = ({ hasSponsoredBanners, isSponsored, isShowingSiteWideBa
         headerRef.current,
     ]);
     const defaultHeaderHeight = React.useMemo(() => {
-        let res = isMobile ? 56 : 60;
+        let res = isMobile
+            ? constants$2.DEFAULT_HEADER_HEIGHT_MOBILE
+            : constants$2.DEFAULT_HEADER_HEIGHT_DESKTOP;
         if (isShowingSiteWideBanner) {
             res += 64;
         }
@@ -2963,7 +2970,7 @@ const _NavigationV2 = (props) => {
             React__namespace["default"].createElement(NavigationBar, { menuItems: services, onTopBarAppears: onTopBarAppears, logoComponent: logoComponent, subHead: subHead, projectType: projectType, languageMenu: React__namespace["default"].createElement(SiteWideBanner.LanguageSwitcher, { languageOptions: languageOptions, locale: locale }), customClasses: customClasses }))));
 };
 const NavigationV2 = (props) => {
-    const propsWithDefaultValues = Object.assign({ siteType: 'helloSites', projectType: 'discover', locale: 'vi-VN', activeMenuService: 'categories', ssrMenuContent: {}, enableO2ONavigationMenu: true }, props);
+    const propsWithDefaultValues = Object.assign({ siteType: 'helloSites', projectType: 'discover', locale: 'vi-VN', activeMenuService: 'categories', ssrMenuContent: {}, enableO2ONavigationMenu: true, isHeaderCollapsible: true }, props);
     return (React__namespace["default"].createElement(navigationProfileButton.NavigationProvider, Object.assign({}, propsWithDefaultValues),
         React__namespace["default"].createElement(_NavigationV2, Object.assign({}, propsWithDefaultValues))));
 };

package/build/{index-2405320a.js → index-4bb4388a.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-6e32661f.js');
+var tslib_es6 = require('./tslib.es6-a2f835ba.js');
 var constantsIsProduction = require('./constantsIsProduction.js');
-var normalizeLink = require('./normalizeLink-7b8802a3.js');
-var index = require('./index-50886818.js');
+var normalizeLink = require('./normalizeLink-0fedc39f.js');
+var index = require('./index-4c125734.js');
 var miscCookieHelper = require('./miscCookieHelper.js');
-var Locale = require('./Locale-4905c35b.js');
+var Locale = require('./Locale-0909ccf4.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 
 const SSO_V2_PATHS = {

package/build/{index-ba6db1b8.js → index-4bc234b4.js}

@@ -1,25 +1,25 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-6e32661f.js');
+var tslib_es6 = require('./tslib.es6-a2f835ba.js');
 var React = require('react');
 var core = require('@mantine/core');
 var core$1 = require('@hhgtech/icons/core');
 var other = require('@hhgtech/icons/other');
-require('./index-2b76ae5d.js');
+require('./index-ace0dcdc.js');
 require('@mantine/dates');
-require('./index-50886818.js');
-require('./index-5d13c03b.js');
-require('./index-c8f1d21f.js');
-require('./index-f0be2882.js');
-var index$1 = require('./index-6c3ba434.js');
-require('./index-38c39406.js');
-var index$2 = require('./index-5a579151.js');
-require('./index.styles-ce6433a2.js');
-var index = require('./index-5eb84192.js');
+require('./index-4c125734.js');
+require('./index-dc39e3b4.js');
+require('./index-e5160f48.js');
+require('./index-f7fa1059.js');
+var index$1 = require('./index-6175e81a.js');
+require('./index-d6741b03.js');
+var index$2 = require('./index-9750fa8a.js');
+require('./index.styles-81edc09a.js');
+var index = require('./index-65402024.js');
 require('@mantine/hooks');
-var utils = require('./utils-5b201f29.js');
-require('./index-0c1178d6.js');
-var context = require('./context-53cc1b1c.js');
+var utils = require('./utils-24c55aa0.js');
+require('./index-d55da6c6.js');
+var context = require('./context-f7ea8fe9.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-50886818.js → index-4c125734.js}

@@ -1,12 +1,12 @@
 'use strict';
 
 var locale = require('date-fns/locale');
-require('./index-5d13c03b.js');
+require('./index-dc39e3b4.js');
 var constantsSite = require('./constantsSite.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var constantsRiskScreener = require('./constantsRiskScreener.js');
 var constantsIsProduction = require('./constantsIsProduction.js');
-var Locale = require('./Locale-4905c35b.js');
+var Locale = require('./Locale-0909ccf4.js');
 
 const basePath = process.env.NEXT_PUBLIC_DEPLOY_LOCALE === 'tl-PH' ? '/fil' : '';
 const SSO_URL = process.env.NEXT_PUBLIC_SSO;

package/build/{index-0727bd8b.js → index-4c349f86.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var core = require('@mantine/core');
-var index$1 = require('./index-5a579151.js');
-var tslib_es6 = require('./tslib.es6-6e32661f.js');
+var index$1 = require('./index-9750fa8a.js');
+var tslib_es6 = require('./tslib.es6-a2f835ba.js');
 var React = require('react');
 var hooks = require('@mantine/hooks');
 var react = require('@emotion/react');

package/build/{index-b702020a.js → index-4d30cf05.js}

@@ -1,22 +1,22 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-6e32661f.js');
+var tslib_es6 = require('./tslib.es6-a2f835ba.js');
 var React = require('react');
 var core = require('@hhgtech/icons/core');
-var Spinner = require('./Spinner-98eea6de.js');
-var index$3 = require('./index-2b76ae5d.js');
-var index$2 = require('./index-38c39406.js');
-var index$5 = require('./index-6c3ba434.js');
-var index$1 = require('./index-5eb84192.js');
-var index$4 = require('./index-c8f1d21f.js');
+var Spinner = require('./Spinner-f2e87552.js');
+var index$3 = require('./index-ace0dcdc.js');
+var index$2 = require('./index-d6741b03.js');
+var index$5 = require('./index-6175e81a.js');
+var index$1 = require('./index-65402024.js');
+var index$4 = require('./index-e5160f48.js');
 var miscTheme = require('./miscTheme.js');
 var styled = require('@emotion/styled');
-var utils = require('./utils-5b201f29.js');
+var utils = require('./utils-24c55aa0.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
 var classNames = require('classnames');
-var index = require('./index-50886818.js');
-var togetherComponentGlobalContext = require('./utils-e5a2a5a8.js');
-var normalizeLink = require('./normalizeLink-7b8802a3.js');
+var index = require('./index-4c125734.js');
+var togetherComponentGlobalContext = require('./utils-62e1a392.js');
+var normalizeLink = require('./normalizeLink-0fedc39f.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var profileNavigation = require('./profileNavigation.js');
 var navigationLogoutPopup = require('./navigationLogoutPopup.js');

package/build/{index-dcc52018.js → index-4fd53b21.js}

@@ -1,29 +1,29 @@
 'use strict';
 
 var React = require('react');
-var index$1 = require('./index-32fb4a93.js');
+var index$1 = require('./index-277181cf.js');
 var dayjs = require('dayjs');
-require('./index-50886818.js');
-require('./index-2b76ae5d.js');
+require('./index-4c125734.js');
+require('./index-ace0dcdc.js');
 var core = require('@mantine/core');
 require('@mantine/dates');
-require('./index-5d13c03b.js');
-require('./index-c8f1d21f.js');
-require('./index-f0be2882.js');
-var index$2 = require('./index-6c3ba434.js');
-require('./index-38c39406.js');
-require('./index-5a579151.js');
-require('./index.styles-ce6433a2.js');
-require('./translationsContext-890a8c7e.js');
+require('./index-dc39e3b4.js');
+require('./index-e5160f48.js');
+require('./index-f7fa1059.js');
+var index$2 = require('./index-6175e81a.js');
+require('./index-d6741b03.js');
+require('./index-9750fa8a.js');
+require('./index.styles-81edc09a.js');
+require('./translationsContext-458ee96f.js');
 require('@mantine/hooks');
-var utils = require('./utils-5b201f29.js');
-require('./index-0c1178d6.js');
-var index = require('./index-7893d403.js');
+var utils = require('./utils-24c55aa0.js');
+require('./index-d55da6c6.js');
+var index = require('./index-69d2bab0.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
-var index$4 = require('./index-ef2beb63.js');
-var index$3 = require('./index-8bc3a01b.js');
+var index$4 = require('./index-04dd433f.js');
+var index$3 = require('./index-f00b777d.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-6c3ba434.js → index-6175e81a.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-6e32661f.js');
+var tslib_es6 = require('./tslib.es6-a2f835ba.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index = require('./index-5a579151.js');
+var index = require('./index-9750fa8a.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }