@hhgtech/hhg-components 1.29.523-beta-2 → 1.29.523-beta-3

package/build/{index-be0f9c3d.js → index-b3ee398a.js}

@@ -1,55 +1,55 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-dc2f4a30.js');
+var tslib_es6 = require('./tslib.es6-bf4b6368.js');
 var React = require('react');
-var SiteWideBanner = require('./SiteWideBanner-f8ffbb2c.js');
-var index$2 = require('./index-363b078a.js');
-var normalizeLink = require('./normalizeLink-3b0efd6a.js');
-var dataTransform = require('./dataTransform-6d8aa543.js');
+var SiteWideBanner = require('./SiteWideBanner-b5e09153.js');
+var index$2 = require('./index-9d9e45e9.js');
+var normalizeLink = require('./normalizeLink-2350e942.js');
+var dataTransform = require('./dataTransform-3330f80f.js');
 var core = require('@hhgtech/icons/core');
-var index = require('./index-c98d2382.js');
-require('./translationsContext-e67e3c37.js');
-var Locale = require('./Locale-e5dc1b5a.js');
+var index = require('./index-63c7057e.js');
+require('./translationsContext-eb02176d.js');
+var Locale = require('./Locale-b1545b41.js');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var navigationProfileButton = require('./index-9f53284f.js');
+var navigationProfileButton = require('./index-77861311.js');
 var other = require('@hhgtech/icons/other');
 var core$1 = require('@mantine/core');
-var index$c = require('./index-d11ed9aa.js');
+var index$c = require('./index-228343ca.js');
 var throttle = require('lodash/throttle');
 require('@mantine/dates');
-var index$b = require('./index-0ce7c999.js');
-var index$6 = require('./index-21aaac5d.js');
-require('./index-3fdfff90.js');
-var index$4 = require('./index-67ea7636.js');
-var index$3 = require('./index-da9dc441.js');
-require('./index-631f55aa.js');
-require('./index.styles-8ac8b170.js');
+var index$b = require('./index-5eb90d07.js');
+var index$6 = require('./index-eaa8a97d.js');
+require('./index-b12fd8aa.js');
+var index$4 = require('./index-0a88d88c.js');
+var index$3 = require('./index-107ea02a.js');
+require('./index-72bd3555.js');
+require('./index.styles-dbaea707.js');
 require('@mantine/hooks');
-var utils = require('./utils-c7c4715a.js');
-require('./index-325d101c.js');
-var constants = require('./constants-da855288.js');
-var store = require('./store-cbf66d60.js');
-var constants$2 = require('./constants-55efd7c9.js');
-var index$5 = require('./index-8deeada4.js');
-var index$1 = require('./index-f9e907e0.js');
-var useCartCareService = require('./useCartCareService-fa1f67bc.js');
-var constants$1 = require('./constants-34bd1b25.js');
+var utils = require('./utils-ea8f1c08.js');
+require('./index-80c17087.js');
+var constants = require('./constants-a7855ebd.js');
+var store = require('./store-0fbc7009.js');
+var constants$2 = require('./constants-04dfba61.js');
+var index$5 = require('./index-ba93c84d.js');
+var index$1 = require('./index-b6d17e48.js');
+var useCartCareService = require('./useCartCareService-5ad4cd7b.js');
+var constants$1 = require('./constants-47f06577.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
-var index$7 = require('./index-90af89e3.js');
-var index$8 = require('./index-ea64ca79.js');
-var utils$1 = require('./utils-f9ebc358.js');
-var index$9 = require('./index-0d0a9730.js');
+var index$7 = require('./index-558e0f90.js');
+var index$8 = require('./index-e82f4acf.js');
+var utils$1 = require('./utils-fb78765c.js');
+var index$9 = require('./index-e4ef54a1.js');
 var dayjs = require('dayjs');
 var relativeTime = require('dayjs/plugin/relativeTime');
-var index$a = require('./index-f0b7dbf1.js');
+var index$a = require('./index-8e03281a.js');
 var get = require('lodash/get');
 var isEmpty = require('lodash/isEmpty');
-var index$d = require('./index-53084a86.js');
+var index$d = require('./index-9ac7896c.js');
 var debounce = require('lodash/debounce');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
-var core$2 = require('./core-ca32c473.js');
+var core$2 = require('./core-cd0d3bb5.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -918,12 +918,12 @@ const Categories = ({ hrefViewMore, titleBtnViewMore, UrlFE, onClosePopup, menuI
                             : index$6.CommonGAssets.getAssetPath('chevronRightActive.svg'), style: { width: '16px', height: '16px' }, loading: "lazy" })))))));
 };
 const CategoriesItem = ({ href, menuItem, activeItem, siteType, onClick, }) => {
-    const { name, thumbnail, link, linkTarget, isNew, id, isMobileAppTool,
-    // Break line
-     } = menuItem;
+    const { name, thumbnail, link, isNew, id, isMobileAppTool } = menuItem;
     const { t } = index$1.useTranslations();
     const theme = core$1.useMantineTheme();
-    return (React__namespace["default"].createElement(StyledItem$5, { className: core$1.clsx('iconMenu', `itemMenu-${id}`), "data-event-category": "Hamburger Navigation", "data-event-action": "Click", "data-event-label": link, "data-is-heading-category": false, "data-active": id && id === activeItem, "data-is-mobile-tool": isMobileAppTool, href: href, target: linkTarget || !SiteWideBanner.isInternalLink(href) ? '_blank' : undefined, "data-theme": siteType, onClick: onClick },
+    return (React__namespace["default"].createElement(StyledItem$5, Object.assign({ className: core$1.clsx('iconMenu', `itemMenu-${id}`), "data-event-category": "Hamburger Navigation", "data-event-action": "Click", "data-event-label": link, "data-is-heading-category": false, "data-active": id && id === activeItem, "data-is-mobile-tool": isMobileAppTool, href: href }, (!SiteWideBanner.isInternalLink(href) && {
+        target: '_blank',
+    }), { "data-theme": siteType, onClick: onClick }),
         React__namespace["default"].createElement("div", { className: "icon" },
             React__namespace["default"].createElement("img", { loading: "lazy", alt: name, src: thumbnail || '/images/avatar.jpg', style: {
                     width: 32,
@@ -944,11 +944,11 @@ const CategoriesItem = ({ href, menuItem, activeItem, siteType, onClick, }) => {
         React__namespace["default"].createElement(StyledIconNav, { className: "arrow-icon" },
             React__namespace["default"].createElement("img", { src: index$6.CommonGAssets.getAssetPath('chevronRight.svg'), style: { width: '16px', height: '16px' }, loading: "lazy" }))));
 };
-const ExtraCategories = ({ menuItems, siteType, onClick, }) => {
+const ExtraCategories = ({ menuItems, siteType, }) => {
     return (React__namespace["default"].createElement(React__namespace["default"].Fragment, null,
         React__namespace["default"].createElement(StyledCategoryDivider, null),
         React__namespace["default"].createElement(StyledCategoryList$1, null, menuItems.map((item, index) => {
-            return (React__namespace["default"].createElement(CategoriesItem, { key: index, menuItem: item, href: item.link, siteType: siteType, onClick: onClick }));
+            return (React__namespace["default"].createElement(CategoriesItem, { key: index, menuItem: item, href: item.link, siteType: siteType }));
         }))));
 };
 
@@ -2020,7 +2020,7 @@ const MenuServiceList = ({ closePopup, menuItems = [], extraMenuItems = [], proj
             React__namespace["default"].createElement(Categories, { UrlFE: statics.HOME_PAGE_URL, menuItems: menuItems, headingTitle: t('home.navigator.menuItem.healthCategories'), titleBtnViewMore: (extraMenuItems === null || extraMenuItems === void 0 ? void 0 : extraMenuItems.length)
                     ? undefined
                     : t('home.navigator.menuItem.allCategories'), onClosePopup: closePopup, activeItem: activeMenuService }),
-            !!(extraMenuItems === null || extraMenuItems === void 0 ? void 0 : extraMenuItems.length) && (React__namespace["default"].createElement(ExtraCategories, { menuItems: extraMenuItems, siteType: siteType, onClick: closePopup })),
+            !!(extraMenuItems === null || extraMenuItems === void 0 ? void 0 : extraMenuItems.length) && (React__namespace["default"].createElement(ExtraCategories, { menuItems: extraMenuItems, siteType: siteType })),
             activeMenuService === 'categories' && (React__namespace["default"].createElement(CategorySpotlights, { spotlightsList: (categories === null || categories === void 0 ? void 0 : categories.spotlights) || [], hrefViewMore: `${statics.HOME_PAGE_URL}${locale === 'tl-PH' ? '/fil' : ''}/spotlight/` })),
             activeMenuService === 'tools' && (React__namespace["default"].createElement(ToolSpotlights, { spotlightHealthTools: healthTools === null || healthTools === void 0 ? void 0 : healthTools.spotlights, hrefViewMore: `${statics.HOME_PAGE_URL}${locale === 'tl-PH' ? '/fil' : ''}${((_a = index$2.STATIC_PAGES[locale]) === null || _a === void 0 ? void 0 : _a.HEALTH_TOOLS) || ''}` })),
             activeMenuService === 'care' && (React__namespace["default"].createElement(CareSpotlights, { spotlights: care === null || care === void 0 ? void 0 : care.spotlights, hrefViewMore: `${statics.CARE_URL_FE}/${(_b = constants$1.LOCALIZED_SLUGS[locale]) === null || _b === void 0 ? void 0 : _b.SPECIALTIES}` })),
@@ -2059,7 +2059,7 @@ var img$1 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHA
 var img = "data:image/png;base64,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";
   var WhatsAppMessageIcon = img;
 
-const O2O_MENU_DESKTOP_HEIGHT = 40;
+const O2O_STICKY_PANEL_HEIGHT = 40;
 const O2O_MENU_ALLOWED_LOCALES = [
     Locale.LOCALE.Vietnam,
     Locale.LOCALE.Malaysia,
@@ -2070,17 +2070,15 @@ const getO2OContacts = (t) => {
             name: t('navigation.o2oMenu.consultADoctor'),
             imgUrl: FacebookMessageIcon,
             link: 'http://m.me/hellobacsi',
-            linkTarget: '_blank',
         },
         [Locale.LOCALE.Malaysia]: {
             name: t('navigation.o2oMenu.consultADoctor'),
             imgUrl: WhatsAppMessageIcon,
             link: 'https://api.whatsapp.com/send/?phone=601133221899&text=MULA+SEKARANG&type=phone_number&app_absent=0',
-            linkTarget: '_blank',
         },
     };
 };
-const canDisplayO2ONavigationMenu = ({ locale, isHomepage, }) => {
+const checkIsDisplayO2OMenu = ({ locale, isHomepage, }) => {
     return O2O_MENU_ALLOWED_LOCALES.includes(locale) && !isHomepage;
 };
 const getO2OCategoryItems = (t) => {
@@ -2124,19 +2122,14 @@ const getO2OCategoryItems = (t) => {
 const getO2OHamburgerMenuItems = (locale, t) => {
     const contacts = get__default["default"](getO2OContacts(t), locale);
     const categories = get__default["default"](getO2OCategoryItems(t), locale) || [];
-    const menuItems = [...categories, contacts].filter(Boolean).map((item) => {
-        const data = {
-            name: item.name,
-            id: 'other',
-            link: item.link,
-            linkTarget: item.linkTarget,
-            thumbnail: item.imgUrl,
-            popupType: 'categories',
-            icon: React__namespace["default"].createElement("img", { width: 24, height: 24, loading: "lazy", src: item.imgUrl }),
-        };
-        return data;
-    });
-    return menuItems;
+    return [...categories, contacts].filter(Boolean).map((item) => ({
+        name: item.name,
+        id: 'other',
+        link: item.link,
+        thumbnail: item.imgUrl,
+        popupType: 'categories',
+        icon: React__namespace["default"].createElement("img", { width: 24, height: 24, loading: "lazy", src: item.imgUrl }),
+    }));
 };
 
 const headerStickyPanelVisibilityCss = `
@@ -2145,7 +2138,6 @@ const headerStickyPanelVisibilityCss = `
     z-index: 10;
   }
 
-  // When sub navigation menu is open --> the sticky panel should be under the menu
   &:has(.hhgcomp-navigation-itemnav-headeritem:focus-within) {
     .header-sticky-panel {
       position: relative;
@@ -2155,8 +2147,8 @@ const headerStickyPanelVisibilityCss = `
 `;
 const StyledStickyPanel = styled__default["default"].div `
   width: 100%;
-  height: ${O2O_MENU_DESKTOP_HEIGHT}px;
-  max-height: ${O2O_MENU_DESKTOP_HEIGHT}px;
+  height: ${O2O_STICKY_PANEL_HEIGHT}px;
+  max-height: ${O2O_STICKY_PANEL_HEIGHT}px;
   background-color: #ffffff;
   border-bottom: 1px solid #0000001a;
 `;
@@ -2507,14 +2499,14 @@ function O2ONavigationMenu() {
             React__namespace["default"].createElement(StyledCategoryList, null, o2oCategoryItems.map((item) => (React__namespace["default"].createElement("a", { key: item.name, tabIndex: 0, href: item.link, "data-event-category": "O2O Sticky Menu", "data-event-action": "Click", "data-event-label": item.link },
                 React__namespace["default"].createElement(StyleButton, { variant: "tertiary", size: "sm", px: 8, leftIcon: React__namespace["default"].createElement("img", { width: 24, height: 24, src: item.imgUrl }) }, item.name))))),
             React__namespace["default"].createElement(core$1.Flex, { align: "center", justify: "center" },
-                React__namespace["default"].createElement("a", { href: contact.link, "data-event-category": "O2O Sticky Menu", "data-event-action": "Click", "data-event-label": contact.link, rel: "noopener noreferrer", target: "_blank" },
+                React__namespace["default"].createElement("a", { href: contact.link, "data-event-category": "O2O Sticky Menu", "data-event-action": "Click", "data-event-label": contact.link },
                     React__namespace["default"].createElement(StyleButton, { variant: "tertiary", size: "sm", px: 8, styles: { leftIcon: { width: 20, height: 20 } }, leftIcon: React__namespace["default"].createElement("img", { width: 20, height: 20, src: contact.imgUrl }) }, contact.name))))));
 }
 
 // Use this component for all product context,
 // .. if not --> use `subHead` prop to render specific component for separated product
 function StickyBottomPanel({ locale, isHomepage, }) {
-    const isDisplayO2OMenu = canDisplayO2ONavigationMenu({
+    const isDisplayO2OMenu = checkIsDisplayO2OMenu({
         locale,
         isHomepage,
     });
@@ -2588,7 +2580,7 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
     }, 200), []);
     const getHamburgerMenuItems = () => {
         const isDisplayO2OMenu = enableO2ONavigationMenu
-            ? canDisplayO2ONavigationMenu({
+            ? checkIsDisplayO2OMenu({
                 locale,
                 isHomepage,
             })
@@ -2657,7 +2649,6 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
                                 borderLeft: '1px solid #E4E8EC',
                             } })),
                         React__namespace["default"].createElement(CartBadge, { "data-cart-menu": "true", "data-event-category": "Ecommerce", "data-event-action": "Cart Click", "data-event-label": currentUrl, count: cartNumber, locale: locale })))))),
-        !isMobile && enableO2ONavigationMenu && (React__namespace["default"].createElement(StickyBottomPanel, { locale: locale, isHomepage: isHomepage })),
         isMobile && isHomepage && (React__namespace["default"].createElement(StyleWrapperNavigtionSearch, { className: "search-wrapper" },
             React__namespace["default"].createElement(NavigtionSearch, { siteType: siteType, projectType: projectType, isMobile: isMobile, isHomepage: isHomepage }))),
         sponsorComponent
@@ -2669,6 +2660,7 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
                     isMobile,
                 })
             : null,
+        !isMobile && enableO2ONavigationMenu && (React__namespace["default"].createElement(StickyBottomPanel, { locale: locale, isHomepage: isHomepage })),
         subHead && subHead));
 };
 const NavigtionSearch = ({ siteType, projectType, isMobile = false, isHomepage = false, isRedirectSearchPage = false, }) => (React__namespace["default"].createElement(DisplayWrapper, { mediaQueryKey: "mbUp", className: `${siteType === 'marryBaby' ? 'marry-baby' : ''} ${isHomepage ? 'block-show' : ''}` },
@@ -2692,6 +2684,7 @@ const useHeaderHeight = ({ hasSponsoredBanners, isSponsored, isShowingSiteWideBa
         if (window.scrollY <= newHeaderHeight + 200) {
             setHeaderHeight(newHeaderHeight);
             setHeaderBottom(((_d = headerRef.current) === null || _d === void 0 ? void 0 : _d.getBoundingClientRect().bottom) || headerHeight);
+            // setTimeout(() => debounceSetHeader(), 200)
         }
     }, 200), []);
     React.useEffect(() => {
@@ -2729,36 +2722,9 @@ const useHeaderHeight = ({ hasSponsoredBanners, isSponsored, isShowingSiteWideBa
         }
         return res;
     }, [isMobile, isShowingSiteWideBanner, hasSponsoredBanners, isSponsored]);
-    // ResizeObserver for accurate height observation
-    React.useEffect(() => {
-        const element = headerRef.current;
-        if (!element || typeof ResizeObserver === 'undefined') {
-            // Fallback for environments without ResizeObserver
-            debounceSetHeader();
-            return;
-        }
-        const resizeObserver = new ResizeObserver((entries) => {
-            for (const entry of entries) {
-                if (entry.target === element) {
-                    const newHeight = entry.contentRect.height || entry.target.clientHeight;
-                    if (newHeight > 0) {
-                        setHeaderHeight(newHeight);
-                        setHeaderBottom(element.getBoundingClientRect().bottom || newHeight);
-                    }
-                }
-            }
-        });
-        resizeObserver.observe(element);
-        // Initial measurement
-        debounceSetHeader();
-        return () => {
-            resizeObserver.disconnect();
-        };
-    }, [debounceSetHeader]);
-    const finalHeaderHeight = headerHeight || defaultHeaderHeight;
     return {
         defaultHeaderHeight,
-        headerHeight: finalHeaderHeight,
+        headerHeight: headerHeight || defaultHeaderHeight,
         headerBottom,
         headerRef,
     };
@@ -2910,54 +2876,40 @@ const StyledContainer = styled__default["default"].div `
   }
 `;
 
-const CSS_VAR_DEFAULT_HEADER_HEIGHT = '--default-header-height';
-const CSS_VAR_HEADER_HEIGHT = '--header-height';
-const setRootCSSVariable = (name, value) => {
-    if (typeof document !== 'undefined') {
-        document.documentElement.style.setProperty(name, value);
-    }
-};
-/**
- * Updates all header-related CSS variables on :root
- */
-const updateRootHeaderVariables = ({ defaultHeaderHeight, headerHeight, }) => {
-    setRootCSSVariable(CSS_VAR_DEFAULT_HEADER_HEIGHT, `${defaultHeaderHeight}px`);
-    setRootCSSVariable(CSS_VAR_HEADER_HEIGHT, `${headerHeight}px`);
-};
-const useSetGlobalHeaderHeight = ({ headerHeight, defaultHeaderHeight, allowRootVariablesUpdate = true, }) => {
-    const finalHeaderHeight = headerHeight || defaultHeaderHeight;
-    React.useEffect(() => {
-        if (allowRootVariablesUpdate) {
-            updateRootHeaderVariables({
-                defaultHeaderHeight,
-                headerHeight: finalHeaderHeight,
-            });
-        }
-    }, [defaultHeaderHeight, finalHeaderHeight]);
+const getInstantStickyPanelHeight = ({ locale, isHomepage, }) => {
+    const isDisplayO2OMenu = checkIsDisplayO2OMenu({
+        locale,
+        isHomepage,
+    });
+    return isDisplayO2OMenu ? O2O_STICKY_PANEL_HEIGHT : 0;
 };
 
 const _NavigationV2 = (props) => {
     var _a, _b;
-    const { isMobile, locale, onTopBarAppears, languageOptions, sponsorComponent, sitewideBanner, sitewideBannerShown, className, logoComponent, subHead, projectType, customClasses = {}, } = props;
+    const { isMobile, locale, onTopBarAppears, languageOptions, sponsorComponent, sitewideBanner, sitewideBannerShown, className, logoComponent, subHead, projectType, customClasses = {}, isHomepage, enableO2ONavigationMenu, } = props;
     const services = useNavServices();
     useInsider();
     const isShowingSiteWideBanner = sitewideBannerShown && !!sitewideBanner;
     const isSponsored = !!sponsorComponent;
     const hasSponsoredBanners = !!((_b = (_a = sponsorComponent === null || sponsorComponent === void 0 ? void 0 : sponsorComponent.props) === null || _a === void 0 ? void 0 : _a.sponsoredBy) === null || _b === void 0 ? void 0 : _b.length);
+    const instantStickyMenuHeight = enableO2ONavigationMenu
+        ? getInstantStickyPanelHeight({
+            locale,
+            isHomepage,
+        })
+        : 0;
     const { headerRef, defaultHeaderHeight, headerHeight, headerBottom } = useHeaderHeight({
         isShowingSiteWideBanner,
         isSponsored,
         hasSponsoredBanners,
         isMobile,
     });
-    useSetGlobalHeaderHeight({
-        headerHeight,
-        defaultHeaderHeight,
-    });
     return (React__namespace["default"].createElement(StyledContainer, { id: "navigation-v2", style: {
             '--default-header-height': defaultHeaderHeight + 'px',
             '--header-height': `calc(${headerHeight}px - var(--amp-site-wide-closed), 64px)`,
             '--header-bottom': headerBottom + 'px',
+            '--header-nav-bottom': `calc(${headerHeight}px - ${instantStickyMenuHeight}px)`,
+            '--header-instant-sticky-menu-height': instantStickyMenuHeight + 'px',
         }, className: className },
         React__namespace["default"].createElement("section", { ref: headerRef },
             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 }))));

package/build/{index-256433c9.js → index-b65a513b.js}

@@ -1,27 +1,27 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-dc2f4a30.js');
+var tslib_es6 = require('./tslib.es6-bf4b6368.js');
 var React = require('react');
 var form = require('@mantine/form');
-var useHealthToolCache = require('./useHealthToolCache-3095ef86.js');
-var index = require('./index-f9e907e0.js');
-var index$6 = require('./index-21aaac5d.js');
-var constants = require('./constants-55efd7c9.js');
-var index$2 = require('./index-864c3ea4.js');
-var index$5 = require('./index-c98d2382.js');
-var index$3 = require('./index-20c66fc9.js');
-var index$4 = require('./index-67ea7636.js');
-require('./index-da9dc441.js');
+var useHealthToolCache = require('./useHealthToolCache-60a884d5.js');
+var index = require('./index-b6d17e48.js');
+var index$6 = require('./index-eaa8a97d.js');
+var constants = require('./constants-04dfba61.js');
+var index$2 = require('./index-ae3501de.js');
+var index$5 = require('./index-63c7057e.js');
+var index$3 = require('./index-67bc26fd.js');
+var index$4 = require('./index-0a88d88c.js');
+require('./index-107ea02a.js');
 require('@mantine/core');
-require('./index-631f55aa.js');
-require('./index.styles-8ac8b170.js');
+require('./index-72bd3555.js');
+require('./index.styles-dbaea707.js');
 require('@mantine/hooks');
-require('./index-3fdfff90.js');
-require('./utils-c7c4715a.js');
-require('./index-325d101c.js');
-require('./index-363b078a.js');
-var context = require('./context-d1bc2c78.js');
-var index$1 = require('./index-1ec35907.js');
+require('./index-b12fd8aa.js');
+require('./utils-ea8f1c08.js');
+require('./index-80c17087.js');
+require('./index-9d9e45e9.js');
+var context = require('./context-401e832b.js');
+var index$1 = require('./index-8697c6f6.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-f9e907e0.js → index-b6d17e48.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var translationsContext = require('./translationsContext-e67e3c37.js');
+var translationsContext = require('./translationsContext-eb02176d.js');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;

package/build/{index-a9161d5b.js → index-b94447d2.js}

@@ -1,30 +1,30 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-dc2f4a30.js');
+var tslib_es6 = require('./tslib.es6-bf4b6368.js');
 var React = require('react');
 var reactHookForm = require('react-hook-form');
-var useHealthToolCache = require('./useHealthToolCache-3095ef86.js');
-var constants = require('./constants-55efd7c9.js');
+var useHealthToolCache = require('./useHealthToolCache-60a884d5.js');
+var constants = require('./constants-04dfba61.js');
 var core = require('@mantine/core');
-var index$2 = require('./index-c98d2382.js');
+var index$2 = require('./index-63c7057e.js');
 require('@mantine/dates');
-require('./index-363b078a.js');
-require('./index-0ce7c999.js');
-require('./index-21aaac5d.js');
-require('./index-3fdfff90.js');
-var index$1 = require('./index-67ea7636.js');
-require('./index-da9dc441.js');
-var index$5 = require('./index-631f55aa.js');
-require('./index.styles-8ac8b170.js');
-var index = require('./index-f9e907e0.js');
+require('./index-9d9e45e9.js');
+require('./index-5eb90d07.js');
+require('./index-eaa8a97d.js');
+require('./index-b12fd8aa.js');
+var index$1 = require('./index-0a88d88c.js');
+require('./index-107ea02a.js');
+var index$5 = require('./index-72bd3555.js');
+require('./index.styles-dbaea707.js');
+var index = require('./index-b6d17e48.js');
 require('@mantine/hooks');
-require('./utils-c7c4715a.js');
-require('./index-325d101c.js');
-var index$3 = require('./index-1ec35907.js');
-var context = require('./context-d1bc2c78.js');
-var index$4 = require('./index-864c3ea4.js');
+require('./utils-ea8f1c08.js');
+require('./index-80c17087.js');
+var index$3 = require('./index-8697c6f6.js');
+var context = require('./context-401e832b.js');
+var index$4 = require('./index-ae3501de.js');
 require('@hhgtech/icons/other');
-var Locale = require('./Locale-e5dc1b5a.js');
+var Locale = require('./Locale-b1545b41.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var embeddedHeathToolCards_helpers = require('./embeddedHeathToolCards_helpers.js');
 

package/build/{index-0e2766c7.js → index-ba07ff8c.js}

@@ -1,21 +1,21 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-67ea7636.js');
+var index = require('./index-0a88d88c.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var utils = require('./utils-c7c4715a.js');
+var utils = require('./utils-ea8f1c08.js');
 var core = require('@mantine/core');
 var hooks = require('@mantine/hooks');
-var index$1 = require('./index-34dea7be.js');
-var index$2 = require('./index-c98d2382.js');
-var tslib_es6 = require('./tslib.es6-dc2f4a30.js');
-var index$3 = require('./index-3c8ba650.js');
+var index$1 = require('./index-702de8dd.js');
+var index$2 = require('./index-63c7057e.js');
+var tslib_es6 = require('./tslib.es6-bf4b6368.js');
+var index$3 = require('./index-11f2fd17.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
 var flattenChildren = require('react-keyed-flatten-children');
-var index$4 = require('./index-ea64ca79.js');
-var Close = require('./Close-dddc5033.js');
-var index$5 = require('./index-f9e907e0.js');
+var index$4 = require('./index-e82f4acf.js');
+var Close = require('./Close-3473a6a4.js');
+var index$5 = require('./index-b6d17e48.js');
 var carousel = require('@mantine/carousel');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-8deeada4.js → index-ba93c84d.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-dc2f4a30.js');
+var tslib_es6 = require('./tslib.es6-bf4b6368.js');
 var React = require('react');
 var core = require('@mantine/core');
 var miscTheme = require('./miscTheme.js');

package/build/{index-c7519f4f.js → index-c0608fa8.js}

@@ -1,25 +1,25 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-dc2f4a30.js');
+var tslib_es6 = require('./tslib.es6-bf4b6368.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-c98d2382.js');
+require('./index-63c7057e.js');
 require('@mantine/dates');
-require('./index-363b078a.js');
-require('./index-0ce7c999.js');
-require('./index-21aaac5d.js');
-require('./index-3fdfff90.js');
-var index$1 = require('./index-67ea7636.js');
-require('./index-da9dc441.js');
-var index$2 = require('./index-631f55aa.js');
-require('./index.styles-8ac8b170.js');
-var index = require('./index-f9e907e0.js');
+require('./index-9d9e45e9.js');
+require('./index-5eb90d07.js');
+require('./index-eaa8a97d.js');
+require('./index-b12fd8aa.js');
+var index$1 = require('./index-0a88d88c.js');
+require('./index-107ea02a.js');
+var index$2 = require('./index-72bd3555.js');
+require('./index.styles-dbaea707.js');
+var index = require('./index-b6d17e48.js');
 require('@mantine/hooks');
-var utils = require('./utils-c7c4715a.js');
-require('./index-325d101c.js');
-var context = require('./context-d1bc2c78.js');
+var utils = require('./utils-ea8f1c08.js');
+require('./index-80c17087.js');
+var context = require('./context-401e832b.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-8e6c3011.js → index-d4715489.js}

@@ -2,7 +2,7 @@
 
 var React = require('react');
 var styled = require('@emotion/styled');
-var index = require('./index-3cfa2abd.js');
+var index = require('./index-e94e916a.js');
 var miscTheme = require('./miscTheme.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-67bc17c6.js → index-d7596681.js}

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

package/build/{index-e318c8b8.js → index-d852c36e.js}

@@ -1,14 +1,14 @@
 'use strict';
 
 var React = require('react');
-var index$2 = require('./index-ea64ca79.js');
-var utils = require('./utils-c7c4715a.js');
-var index = require('./index-f9e907e0.js');
-var togetherComponentGlobalContext = require('./utils-247c2134.js');
+var index$2 = require('./index-e82f4acf.js');
+var utils = require('./utils-ea8f1c08.js');
+var index = require('./index-b6d17e48.js');
+var togetherComponentGlobalContext = require('./utils-2259b9fd.js');
 var core = require('@mantine/core');
-var index$1 = require('./index-67ea7636.js');
+var index$1 = require('./index-0a88d88c.js');
 var styled = require('@emotion/styled');
-var tslib_es6 = require('./tslib.es6-dc2f4a30.js');
+var tslib_es6 = require('./tslib.es6-bf4b6368.js');
 var miscTheme = require('./miscTheme.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
 

package/build/{index-ad27f1a8.js → index-d932726a.js}

@@ -2,12 +2,12 @@
 
 var React = require('react');
 var core = require('@mantine/core');
-var utils = require('./utils-c7c4715a.js');
+var utils = require('./utils-ea8f1c08.js');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var animation = require('./animation-4f386134.js');
-var index = require('./index-67ea7636.js');
+var animation = require('./animation-dfb31693.js');
+var index = require('./index-0a88d88c.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }