@hhgtech/hhg-components 1.29.402 → 1.29.403

package/build/{index-e32d8ee8.js → index-17e2e12a.js}

@@ -1,14 +1,14 @@
 'use strict';
 
 var React = require('react');
-var index$2 = require('./index-3d7e1dd3.js');
-var utils = require('./utils-72b35cc7.js');
-var index = require('./index-2dcee304.js');
-var togetherComponentGlobalContext = require('./utils-2ad45ccf.js');
+var index$2 = require('./index-5a43d407.js');
+var utils = require('./utils-e2eaaa3c.js');
+var index = require('./index-54467dd6.js');
+var togetherComponentGlobalContext = require('./utils-aeeb93d9.js');
 var core = require('@mantine/core');
-var index$1 = require('./index-b090eec3.js');
+var index$1 = require('./index-72058259.js');
 var styled = require('@emotion/styled');
-var tslib_es6 = require('./tslib.es6-2e1003f0.js');
+var tslib_es6 = require('./tslib.es6-8a4607c6.js');
 var miscTheme = require('./miscTheme.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
 

package/build/{index-c0b2ea34.js → index-21bab332.js}

@@ -1,47 +1,47 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-2e1003f0.js');
+var tslib_es6 = require('./tslib.es6-8a4607c6.js');
 var React = require('react');
-var index$5 = require('./index-71b569d9.js');
+var index$5 = require('./index-56edb1ae.js');
 var core = require('@mantine/core');
 require('@mantine/dates');
-var index$7 = require('./index-689f4355.js');
-require('./index-4f4ba0a8.js');
-var index$a = require('./index-fb29ea2e.js');
-require('./useMantineLocale-99977b2c.js');
-var index$3 = require('./index-b090eec3.js');
-var index$e = require('./index-6ade5916.js');
-require('./index.styles-ad0e2a1c.js');
-require('./translationsContext-88001140.js');
+var index$7 = require('./index-76587bcf.js');
+require('./index-0370f88c.js');
+var index$a = require('./index-52faedda.js');
+require('./useMantineLocale-666bc54e.js');
+var index$3 = require('./index-72058259.js');
+var index$e = require('./index-33b07fdf.js');
+require('./index.styles-40bc93ba.js');
+require('./translationsContext-69c22a7c.js');
 require('@mantine/hooks');
-var utils = require('./utils-72b35cc7.js');
-require('./other-a24227cb.js');
-require('./index-5dd64df6.js');
-var index$2 = require('./index-8ec9f980.js');
+var utils = require('./utils-e2eaaa3c.js');
+require('./other-38830f93.js');
+require('./index-c6649fc5.js');
+var index$2 = require('./index-eb074fc8.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var index$4 = require('./index-ba9bce1f.js');
+var index$4 = require('./index-56e83e18.js');
 var dateFns = require('date-fns');
 var DayPickerInput = require('react-day-picker/DayPickerInput');
-var index$6 = require('./index-2aff761c.js');
+var index$6 = require('./index-297b8388.js');
 var throttle = require('lodash/throttle');
 var parse = require('html-react-parser');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var constantsIsProduction = require('./constantsIsProduction.js');
-var useOutsideClick = require('./useOutsideClick-d6024eed.js');
+var useOutsideClick = require('./useOutsideClick-da4de7ef.js');
 var enUS = require('date-fns/locale/en-US');
 var id = require('date-fns/locale/id');
 var vi = require('date-fns/locale/vi');
 var zhTW = require('date-fns/locale/zh-TW');
-var index$9 = require('./index-bcb8a9f1.js');
-var useScreenSize = require('./useScreenSize-024eee79.js');
-var index$8 = require('./index-2dcee304.js');
-var index$b = require('./index-bfa52b7e.js');
+var index$9 = require('./index-148ac7f3.js');
+var useScreenSize = require('./useScreenSize-b6482e70.js');
+var index$8 = require('./index-54467dd6.js');
+var index$b = require('./index-bab25f86.js');
 var miscGetSocialList = require('./miscGetSocialList.js');
-var index$d = require('./index-1f234442.js');
-var index$c = require('./index-f0a0331f.js');
+var index$d = require('./index-d91dda43.js');
+var index$c = require('./index-ee6767e0.js');
 var uuid = require('uuid');
-var Locale = require('./Locale-c6661f1a.js');
+var Locale = require('./Locale-8825f9b9.js');
 var arrow = require('@hhgtech/icons/arrow');
 var other = require('@hhgtech/icons/other');
 var Lottie = require('lottie-light-react');

package/build/{index-3b0a2479.js → index-2317579e.js}

@@ -1,25 +1,25 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-2e1003f0.js');
+var tslib_es6 = require('./tslib.es6-8a4607c6.js');
 var React = require('react');
 var core = require('@mantine/core');
 var form = require('@mantine/form');
-var LastPeriod = require('./LastPeriod-470b5a3a.js');
-var index$3 = require('./index-71b569d9.js');
-var index$2 = require('./index-2c87c546.js');
-var index$4 = require('./index-b090eec3.js');
-require('./index-6ade5916.js');
-require('./index.styles-ad0e2a1c.js');
-var index = require('./index-2dcee304.js');
+var LastPeriod = require('./LastPeriod-9ab6ff95.js');
+var index$3 = require('./index-56edb1ae.js');
+var index$2 = require('./index-71ace722.js');
+var index$4 = require('./index-72058259.js');
+require('./index-33b07fdf.js');
+require('./index.styles-40bc93ba.js');
+var index = require('./index-54467dd6.js');
 require('@mantine/hooks');
-require('./useMantineLocale-99977b2c.js');
-require('./index-4f4ba0a8.js');
-require('./index-fb29ea2e.js');
-require('./utils-72b35cc7.js');
-require('./index-689f4355.js');
-require('./other-a24227cb.js');
-require('./index-5dd64df6.js');
-var index$1 = require('./index-2cee03ab.js');
+require('./useMantineLocale-666bc54e.js');
+require('./index-0370f88c.js');
+require('./index-52faedda.js');
+require('./utils-e2eaaa3c.js');
+require('./index-76587bcf.js');
+require('./other-38830f93.js');
+require('./index-c6649fc5.js');
+var index$1 = require('./index-687855a1.js');
 var other = require('@hhgtech/icons/other');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-2aff761c.js → index-297b8388.js}

@@ -1,13 +1,13 @@
 'use strict';
 
 var React = require('react');
-var Locale = require('./Locale-c6661f1a.js');
-var index = require('./index-fb29ea2e.js');
+var Locale = require('./Locale-8825f9b9.js');
+var index = require('./index-52faedda.js');
 var styled = require('@emotion/styled');
-var utils = require('./utils-72b35cc7.js');
-var logoIcon = require('./logoIcon-05e7d336.js');
-require('./index-4f4ba0a8.js');
-var useScreenSize = require('./useScreenSize-024eee79.js');
+var utils = require('./utils-e2eaaa3c.js');
+var logoIcon = require('./logoIcon-090d225e.js');
+require('./index-0370f88c.js');
+var useScreenSize = require('./useScreenSize-b6482e70.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-6a1e186d.js → index-2e7974ec.js}

@@ -1,23 +1,23 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-2e1003f0.js');
+var tslib_es6 = require('./tslib.es6-8a4607c6.js');
 var React = require('react');
 var other = require('@hhgtech/icons/other');
 var core = require('@mantine/core');
-var index$2 = require('./index-71b569d9.js');
+var index$2 = require('./index-56edb1ae.js');
 require('@mantine/dates');
-require('./index-689f4355.js');
-require('./index-4f4ba0a8.js');
-var index$1 = require('./index-fb29ea2e.js');
-require('./useMantineLocale-99977b2c.js');
-var index$3 = require('./index-b090eec3.js');
-require('./index-6ade5916.js');
-require('./index.styles-ad0e2a1c.js');
-var index = require('./index-2dcee304.js');
+require('./index-76587bcf.js');
+require('./index-0370f88c.js');
+var index$1 = require('./index-52faedda.js');
+require('./useMantineLocale-666bc54e.js');
+var index$3 = require('./index-72058259.js');
+require('./index-33b07fdf.js');
+require('./index.styles-40bc93ba.js');
+var index = require('./index-54467dd6.js');
 require('@mantine/hooks');
-require('./utils-72b35cc7.js');
-require('./other-a24227cb.js');
-require('./index-5dd64df6.js');
+require('./utils-e2eaaa3c.js');
+require('./other-38830f93.js');
+require('./index-c6649fc5.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-6ade5916.js → index-33b07fdf.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-2e1003f0.js');
+var tslib_es6 = require('./tslib.es6-8a4607c6.js');
 var React = require('react');
 var core = require('@mantine/core');
 

package/build/{index-7b7d474a.js → index-33bafb78.js}

@@ -5,24 +5,24 @@ var other = require('@hhgtech/icons/other');
 var core = require('@mantine/core');
 var dayjs = require('dayjs');
 var relativeTime = require('dayjs/plugin/relativeTime');
-var index$2 = require('./index-2dcee304.js');
-var utils = require('./utils-72b35cc7.js');
-var index$1 = require('./index-e5314b10.js');
-var index$9 = require('./index-47cfb19b.js');
-var tslib_es6 = require('./tslib.es6-2e1003f0.js');
-var index = require('./index-d5adf67a.js');
-var useScreenSize = require('./useScreenSize-024eee79.js');
-require('./index-689f4355.js');
-var index$6 = require('./index-fb29ea2e.js');
-var togetherComponentGlobalContext = require('./utils-2ad45ccf.js');
-var index$5 = require('./index-bcb8a9f1.js');
-var index$4 = require('./index-b090eec3.js');
+var index$2 = require('./index-54467dd6.js');
+var utils = require('./utils-e2eaaa3c.js');
+var index$1 = require('./index-7dee6e67.js');
+var index$9 = require('./index-71dc63e8.js');
+var tslib_es6 = require('./tslib.es6-8a4607c6.js');
+var index = require('./index-ebd7a0c5.js');
+var useScreenSize = require('./useScreenSize-b6482e70.js');
+require('./index-76587bcf.js');
+var index$6 = require('./index-52faedda.js');
+var togetherComponentGlobalContext = require('./utils-aeeb93d9.js');
+var index$5 = require('./index-148ac7f3.js');
+var index$4 = require('./index-72058259.js');
 var miscTheme = require('./miscTheme.js');
 var styled = require('@emotion/styled');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var index$3 = require('./index-5f6c750b.js');
-var index$7 = require('./index-3d7e1dd3.js');
-var index$8 = require('./index-7a410af2.js');
+var index$3 = require('./index-87f6d8ce.js');
+var index$7 = require('./index-5a43d407.js');
+var index$8 = require('./index-a62f0c8b.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -920,7 +920,7 @@ const _CardAuthor = (props) => {
     React.useEffect(() => {
         if (open && !ProfileDetail) {
             if (userType === 'chatbot') {
-                Promise.resolve().then(function () { return require('./index-063f89e4.js'); }).then((module) => {
+                Promise.resolve().then(function () { return require('./index-a1ab3c38.js'); }).then((module) => {
                     setProfileDetail(() => module.ProfileChatbot);
                 });
             }

package/build/{index-b81c269b.js → index-3979b554.js}

@@ -1,18 +1,23 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-2e1003f0.js');
+var tslib_es6 = require('./tslib.es6-8a4607c6.js');
 var React = require('react');
 var core = require('@hhgtech/icons/core');
-var Spinner = require('./Spinner-fb8508c3.js');
-var index$2 = require('./index-71b569d9.js');
-var index$1 = require('./index-6ade5916.js');
-var index$4 = require('./index-b090eec3.js');
-var index = require('./index-2dcee304.js');
-var index$3 = require('./index-fb29ea2e.js');
+var Spinner = require('./Spinner-78791bf0.js');
+var index$3 = require('./index-56edb1ae.js');
+var index$2 = require('./index-33b07fdf.js');
+var index$5 = require('./index-72058259.js');
+var index$1 = require('./index-54467dd6.js');
+var index$4 = require('./index-52faedda.js');
 var miscTheme = require('./miscTheme.js');
 var styled = require('@emotion/styled');
-var utils = require('./utils-72b35cc7.js');
+var utils = require('./utils-e2eaaa3c.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
+var cn = require('classnames');
+var index = require('./index-76587bcf.js');
+var togetherComponentGlobalContext = require('./utils-aeeb93d9.js');
+var normalizeLink = require('./normalizeLink-b7e3ae92.js');
+var constantsDomainLocales = require('./constantsDomainLocales.js');
 var profileNavigation = require('./profileNavigation.js');
 var navigationLogoutPopup = require('./navigationLogoutPopup.js');
 
@@ -20,6 +25,7 @@ function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e };
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 var styled__default = /*#__PURE__*/_interopDefault(styled);
+var cn__default = /*#__PURE__*/_interopDefault(cn);
 
 const useCSSFocusPopupHelper = (configs) => {
     const { allowBgScroll } = configs || {};
@@ -206,26 +212,121 @@ const StyledLoggedOutAnchor = styled__default["default"].a `
   }
 `;
 
+const useNavConfig = ({ locale, projectType, siteType, enableBookingBtn, }) => {
+    const config = React.useMemo(() => {
+        const enableSearchBar = projectType === 'discover' ||
+            projectType === 'together' ||
+            projectType === 'marryBaby' ||
+            (projectType === 'profile' && siteType === 'marryBaby');
+        const enableNavCare = siteType !== 'marryBaby' &&
+            projectType !== 'marryBaby' &&
+            index.CARE_LOCALES.includes(locale);
+        const enableNavCareBooking = enableBookingBtn &&
+            projectType !== 'marryBaby' &&
+            projectType === 'discover' &&
+            siteType !== 'marryBaby' &&
+            index.CARE_BOOKING_LOCALES.includes(locale);
+        const enableNavTogether = projectType === 'marryBaby' || index.TOGETHER_LOCALES.includes(locale);
+        const enableNavDiscover = true;
+        const enableNavHealthTools = true;
+        const enableProfileMySaved = true;
+        const enableNavEcom = siteType !== 'marryBaby' && index.ECOM_LOCALES.includes(locale);
+        const enableProfileEcom = siteType !== 'marryBaby' && index.ECOM_LOCALES.includes(locale);
+        const enableProfileMyHealth = true;
+        const enableNavVideo = index.VIDEO_LOCALES.includes(locale);
+        const baseUrl = normalizeLink.getCurrentBaseUrl(locale, siteType === 'marryBaby');
+        let fixBaseUrl = baseUrl;
+        if (typeof window !== 'undefined') {
+            if (fixBaseUrl.includes('//id.'))
+                fixBaseUrl = fixBaseUrl.replace('id.', '');
+            if (fixBaseUrl.includes('//staging-id.'))
+                fixBaseUrl = fixBaseUrl.replace('staging-id.', 'discover.');
+        }
+        const ssoUrl = normalizeLink.getCurrentSsoUrl(locale, siteType === 'marryBaby');
+        const statics = (() => {
+            return {
+                HOME_PAGE_URL: fixBaseUrl,
+                CARE_URL_FE: `${fixBaseUrl}/care`,
+                TOGETHER_URL_FE: `${fixBaseUrl}/community`,
+                VIDEO_URL_FE: `${fixBaseUrl}/videos`,
+                SSO_URL: ssoUrl,
+                TOGETHER_API: normalizeLink.getTogetherApiDomain(),
+                DISCOVER_API: normalizeLink.getDiscoverApiDomain(locale),
+            };
+        })();
+        return {
+            enableSearchBar,
+            enableNavCare,
+            enableNavCareBooking,
+            enableNavTogether,
+            enableNavEcom,
+            enableProfileEcom,
+            enableNavVideo,
+            enableProfileMyHealth,
+            enableNavDiscover,
+            enableNavHealthTools,
+            enableProfileMySaved,
+            statics,
+        };
+    }, []);
+    return config;
+};
+
+const NavigationContext = React__default["default"].createContext({});
+const NavigationProvider = (_a) => {
+    var { children } = _a, props = tslib_es6.__rest(_a, ["children"]);
+    const [currentUrl, setCurrentUrl] = React__default["default"].useState(() => {
+        return (props.currentUrl ||
+            `https://${props.siteType === 'marryBaby'
+                ? togetherComponentGlobalContext.domainLocalesMarryBaby[props.locale || 'en-PH']
+                : constantsDomainLocales.domainLocales[props.locale || 'en-PH']}${props.projectType === 'together'
+                ? '/community'
+                : props.projectType === 'ecom'
+                    ? '/ecom'
+                    : props.projectType === 'care'
+                        ? '/care'
+                        : ''}/`);
+    });
+    React.useEffect(() => {
+        const update = () => {
+            setCurrentUrl(window.location.href);
+        };
+        window.addEventListener('popstate', update);
+        update();
+        return () => {
+            window.removeEventListener('popstate', update);
+        };
+    }, []);
+    const configs = useNavConfig({
+        locale: props.locale,
+        projectType: props.projectType,
+        siteType: props.siteType,
+        enableBookingBtn: props.enableBookingBtn,
+    });
+    return (React__default["default"].createElement(NavigationContext.Provider, { value: Object.assign(Object.assign({}, props), { customClasses: props.customClasses || {}, configs: Object.assign(Object.assign({}, configs), props.configs), currentUrl: props.currentUrl || currentUrl }) }, children));
+};
+
 const ProfilePopup = ({ isOpen, userInfo, closePopup, siteType = 'helloSites', dispatchLogout, }) => {
+    const { customClasses = {} } = React.useContext(NavigationContext);
     const handleClickLogout = () => {
         if (dispatchLogout) {
             dispatchLogout();
             closePopup();
         }
     };
-    return (React__default["default"].createElement(StyledPopup, { "data-open": isOpen },
-        React__default["default"].createElement("div", { className: "popup-content" },
+    return (React__default["default"].createElement(StyledPopup, { className: customClasses.profilePopup, "data-open": isOpen },
+        React__default["default"].createElement("div", { className: cn__default["default"]('popup-content', customClasses.profilePopupContent) },
             React__default["default"].createElement(profileNavigation.ProfileNavigation, { siteType: siteType, onLogout: handleClickLogout, userInfo: userInfo }))));
 };
 
-const NavigationProfileButton = ({ userInfo, siteType, onLoginClick, currentUrl, isMinifyLogin, onLogout, style, isLoading, isMobile, }) => {
-    const { t } = index.useTranslations();
+const NavigationProfileButton = ({ userInfo, siteType, onLoginClick, currentUrl, isMinifyLogin, onLogout, style, isLoading, isMobile, className, }) => {
+    const { t } = index$1.useTranslations();
     const [isLogoutConfirmOpen, setIsLogoutConfirmOpen] = React.useState(false);
     const name = (userInfo === null || userInfo === void 0 ? void 0 : userInfo.name) || (userInfo === null || userInfo === void 0 ? void 0 : userInfo.username);
     const { containerRef, onContainerFocus, onContainerBlur, onButtonMouseDown, onClose, } = useCSSFocusPopupHelper();
     const isLoginIcon = React.useMemo(() => isMobile && siteType === 'helloSites', [isMobile]);
     if (isLoading)
-        return isLoginIcon ? (React__default["default"].createElement(Spinner.Spinner, null)) : (React__default["default"].createElement(index$1.Button, { size: 'sm', color: "transparent", loading: true }));
+        return isLoginIcon ? (React__default["default"].createElement(Spinner.Spinner, null)) : (React__default["default"].createElement(index$2.Button, { size: 'sm', color: "transparent", loading: true }));
     return (userInfo === null || userInfo === void 0 ? void 0 : userInfo.id) ? (React__default["default"].createElement(React__default["default"].Fragment, null,
         React__default["default"].createElement(StyledImageWrapper, { ref: containerRef, style: style, tabIndex: 0, onBlur: onContainerBlur, onFocus: () => {
                 var _a;
@@ -237,11 +338,11 @@ const NavigationProfileButton = ({ userInfo, siteType, onLoginClick, currentUrl,
                     const maxHeight = `calc(100vh - ${top}px)`;
                     popup.setAttribute('style', `max-height: ${maxHeight};`);
                 }
-            } },
+            }, className: className },
             React__default["default"].createElement("div", { onMouseDown: onButtonMouseDown },
                 React__default["default"].createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", className: "user-close-icon" },
                     React__default["default"].createElement("path", { d: "M18 6L6 18M18 18L6 6", stroke: "#3E3F58", strokeWidth: "1.3", strokeLinecap: "round" })),
-                React__default["default"].createElement(index$2.Avatar, { size: 32, className: "user-avatar", src: userInfo === null || userInfo === void 0 ? void 0 : userInfo.avatar, color: siteType === 'marryBaby'
+                React__default["default"].createElement(index$3.Avatar, { size: 32, className: "user-avatar", src: userInfo === null || userInfo === void 0 ? void 0 : userInfo.avatar, color: siteType === 'marryBaby'
                         ? miscTheme.theme.mbColors.pink
                         : miscTheme.theme.colors.secondaryBase, placeholderText: name && name.length ? name[0].toUpperCase() : 'A' })),
             React__default["default"].createElement(ProfilePopup, { dispatchLogout: () => {
@@ -256,17 +357,17 @@ const NavigationProfileButton = ({ userInfo, siteType, onLoginClick, currentUrl,
                 document.body.classList.toggle('noscroll', false);
                 yield onLogout();
             }) }))) : (React__default["default"].createElement(StyledLoggedOutAnchor, { style: Object.assign({ textDecoration: 'none' }, style), "data-event-category": "Sign Up", "data-event-action": "Button Click", "data-event-label": currentUrl, "data-site-type": siteType, onClick: onLoginClick }, isMinifyLogin ? (React__default["default"].createElement(StyledAvatar, null,
-        React__default["default"].createElement("img", { src: index$3.CommonGAssets.getAssetPath('lock.png'), className: "avatar", loading: "lazy", alt: "avatar" }))) : (
+        React__default["default"].createElement("img", { src: index$4.CommonGAssets.getAssetPath('lock.png'), className: "avatar", loading: "lazy", alt: "avatar" }))) : (
     // LOGIC:
     // - DEsktop: always show button
     // - Mobile: show button only for helloSites, show text for MarryBaby
     React__default["default"].createElement(React__default["default"].Fragment, null,
         siteType === 'helloSites' &&
-            (isLoginIcon ? (React__default["default"].createElement("img", { className: "mobile-only", src: index$3.CommonGAssets.getAssetPath('login.svg'), style: {
+            (isLoginIcon ? (React__default["default"].createElement("img", { className: "mobile-only", src: index$4.CommonGAssets.getAssetPath('login.svg'), style: {
                     cursor: 'pointer',
                     height: 24,
                     width: 24,
-                } })) : (React__default["default"].createElement(index$1.Button, { className: "mobile-only", size: "sm", leftIcon: React__default["default"].createElement(core.User, { color: "currentColor", isSolid: true, size: 22 }), sx: {
+                } })) : (React__default["default"].createElement(index$2.Button, { className: "mobile-only", size: "sm", leftIcon: React__default["default"].createElement(core.User, { color: "currentColor", isSolid: true, size: 22 }), sx: {
                     paddingLeft: '8px',
                     paddingRight: '12px',
                 }, styles: {
@@ -277,9 +378,11 @@ const NavigationProfileButton = ({ userInfo, siteType, onLoginClick, currentUrl,
         siteType === 'marryBaby' && (React__default["default"].createElement("div", { className: "mobile-only", style: {
                 paddingLeft: 16,
             } },
-            React__default["default"].createElement(index$4.Text, { size: "p3", color: miscTheme.theme.mbColors.pink }, t('navigation.loginJoin')))),
-        siteType === 'marryBaby' ? (React__default["default"].createElement(index$1.Button, { className: "login-btn", size: "md", leftIcon: React__default["default"].createElement(core.User, { color: "currentColor", isSolid: true, size: 22 }) }, t('navigation.loginJoin'))) : (React__default["default"].createElement(index$1.Button, { className: "login-btn", size: "md", leftIcon: React__default["default"].createElement(core.User, { color: "#595959", isSolid: true, size: 22 }), variant: "ghost", color: "#262626" }, t('navigation.loginJoin')))))));
+            React__default["default"].createElement(index$5.Text, { size: "p3", color: miscTheme.theme.mbColors.pink }, t('navigation.loginJoin')))),
+        siteType === 'marryBaby' ? (React__default["default"].createElement(index$2.Button, { className: "login-btn", size: "md", leftIcon: React__default["default"].createElement(core.User, { color: "currentColor", isSolid: true, size: 22 }) }, t('navigation.loginJoin'))) : (React__default["default"].createElement(index$2.Button, { className: "login-btn", size: "md", leftIcon: React__default["default"].createElement(core.User, { color: "#595959", isSolid: true, size: 22 }), variant: "ghost", color: "#262626" }, t('navigation.loginJoin')))))));
 };
 
+exports.NavigationContext = NavigationContext;
 exports.NavigationProfileButton = NavigationProfileButton;
+exports.NavigationProvider = NavigationProvider;
 exports.useCSSFocusPopupHelper = useCSSFocusPopupHelper;

package/build/{index-3406e829.js → index-3c193b1d.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-2e1003f0.js');
+var tslib_es6 = require('./tslib.es6-8a4607c6.js');
 var React = require('react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');

package/build/{index-e1eb1ae6.js → index-4297e2d2.js}

@@ -1,27 +1,27 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-2e1003f0.js');
+var tslib_es6 = require('./tslib.es6-8a4607c6.js');
 var React = require('react');
 var core = require('@mantine/core');
 var form = require('@mantine/form');
-var index$3 = require('./index-71b569d9.js');
-var index$4 = require('./index-2c87c546.js');
-var index$5 = require('./index-b090eec3.js');
-require('./index-6ade5916.js');
-require('./index.styles-ad0e2a1c.js');
-var index = require('./index-2dcee304.js');
+var index$3 = require('./index-56edb1ae.js');
+var index$4 = require('./index-71ace722.js');
+var index$5 = require('./index-72058259.js');
+require('./index-33b07fdf.js');
+require('./index.styles-40bc93ba.js');
+var index = require('./index-54467dd6.js');
 require('@mantine/hooks');
-require('./useMantineLocale-99977b2c.js');
-require('./index-4f4ba0a8.js');
-require('./index-fb29ea2e.js');
-require('./utils-72b35cc7.js');
-require('./index-689f4355.js');
-require('./other-a24227cb.js');
-require('./index-5dd64df6.js');
-var constants = require('./constants-67f1c1a7.js');
-var index$1 = require('./index-2cee03ab.js');
-var index$2 = require('./index-6a1e186d.js');
-var Locale = require('./Locale-c6661f1a.js');
+require('./useMantineLocale-666bc54e.js');
+require('./index-0370f88c.js');
+require('./index-52faedda.js');
+require('./utils-e2eaaa3c.js');
+require('./index-76587bcf.js');
+require('./other-38830f93.js');
+require('./index-c6649fc5.js');
+var constants = require('./constants-9a5d0497.js');
+var index$1 = require('./index-687855a1.js');
+var index$2 = require('./index-2e7974ec.js');
+var Locale = require('./Locale-8825f9b9.js');
 var other = require('@hhgtech/icons/other');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-2076e957.js → index-4f794c03.js}

@@ -1,22 +1,22 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-2e1003f0.js');
+var tslib_es6 = require('./tslib.es6-8a4607c6.js');
 var React = require('react');
 var core = require('@mantine/core');
-require('./index-71b569d9.js');
+require('./index-56edb1ae.js');
 require('@mantine/dates');
-require('./index-689f4355.js');
-require('./index-4f4ba0a8.js');
-require('./index-fb29ea2e.js');
-require('./useMantineLocale-99977b2c.js');
-var index$1 = require('./index-b090eec3.js');
-var index$2 = require('./index-6ade5916.js');
-require('./index.styles-ad0e2a1c.js');
-var index = require('./index-2dcee304.js');
+require('./index-76587bcf.js');
+require('./index-0370f88c.js');
+require('./index-52faedda.js');
+require('./useMantineLocale-666bc54e.js');
+var index$1 = require('./index-72058259.js');
+var index$2 = require('./index-33b07fdf.js');
+require('./index.styles-40bc93ba.js');
+var index = require('./index-54467dd6.js');
 require('@mantine/hooks');
-require('./utils-72b35cc7.js');
-require('./other-a24227cb.js');
-require('./index-5dd64df6.js');
+require('./utils-e2eaaa3c.js');
+require('./other-38830f93.js');
+require('./index-c6649fc5.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-2dcee304.js → index-54467dd6.js}

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