@hhgtech/hhg-components 1.29.411 → 1.29.412-beta-2

package/build/esm/{index-a60848dc.js → index-6e6d1bb0.js}

@@ -1,52 +1,52 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-666f5038.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-ab554322.js';
 import React__default, { createContext, useState, useContext, useEffect } from 'react';
-import { T as Tabs } from './index-d1c22940.js';
-import { L as Loading } from './index-70b78475.js';
-import './index-79d03a1b.js';
-import { g as formatArticle } from './dataTransform-150a8653.js';
+import { T as Tabs } from './index-09f17ac2.js';
+import { L as Loading } from './index-323122ff.js';
+import './index-f4c0a637.js';
+import { g as formatArticle } from './dataTransform-387ab1df.js';
 import { PATHS } from './togetherApiPaths.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-9fbfea6f.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-4f20ccfb.js';
 import { Minus, Plus } from '@hhgtech/icons/core';
 import { Collapse } from '@mantine/core';
-import { C as CardAuthor } from './index-f1fa454f.js';
-import { L as LOCALE } from './Locale-ecb80974.js';
+import { C as CardAuthor } from './index-18509ee4.js';
+import { L as LOCALE } from './Locale-7e8c3193.js';
 import '@hhgtech/icons/other';
-import './index-2a28185d.js';
-import './index-34947503.js';
-import './other-4b9f6896.js';
-import './index-baf1d5dc.js';
-import './translationsContext-f88f9c85.js';
-import './index-55ac1c18.js';
-import './index-3a01846d.js';
+import './index-ae969513.js';
+import './index-4e1b366e.js';
+import './other-ecd44617.js';
+import './index-ac5c3e73.js';
+import './translationsContext-1f3f9575.js';
+import './index-6f3f14b8.js';
+import './index-bd7ec512.js';
 import './miscCookieHelper.js';
 import 'slugify';
 import './constantsIsProduction.js';
 import 'string-format';
-import './constants-8956c848.js';
+import './constants-69692e4e.js';
 import 'dayjs';
 import 'dayjs/plugin/relativeTime';
-import './utils-ee90d7b0.js';
-import './index-d6c75838.js';
-import './paths-8ba2d170.js';
-import './constants-ec5add3a.js';
-import './index-d58464d2.js';
+import './utils-1e5d7b0f.js';
+import './index-7d2dae6f.js';
+import './paths-579d0032.js';
+import './constants-cc8260ef.js';
+import './index-46576e24.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsDomainLocales.js';
 import './constantsRiskScreener.js';
-import './index-a389f82a.js';
+import './index-505bf495.js';
 import './miscTheme.js';
-import './WhatsApp-5572e0e0.js';
-import './Spinner-0875f549.js';
-import './index-66c3f472.js';
+import './WhatsApp-1d0093d1.js';
+import './Spinner-240948a1.js';
+import './index-e0d12d52.js';
 import '@emotion/styled';
-import './useScreenSize-b88cb8e8.js';
-import './index-73dcec2a.js';
-import './index-0a2a5433.js';
+import './useScreenSize-4385d138.js';
+import './index-d8a842a1.js';
+import './index-9fff2952.js';
 import '@emotion/react';
-import './index-e8dc7545.js';
-import './index-4824b835.js';
-import './index.styles-cc839a9f.js';
+import './index-9c2fb6cc.js';
+import './index-ad67e887.js';
+import './index.styles-084c59ef.js';
 
 const ProfileDetailContext = createContext({});
 

package/build/esm/{index-55ac1c18.js → index-6f3f14b8.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-666f5038.js';
+import { _ as __rest } from './tslib.es6-ab554322.js';
 import React__default from 'react';
-import { B as Button$1 } from './index-2a28185d.js';
+import { B as Button$1 } from './index-ae969513.js';
 
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'

package/build/esm/{index-449db7b6.js → index-70883c59.js}

@@ -1,12 +1,12 @@
-import { a as __awaiter } from './tslib.es6-666f5038.js';
+import { a as __awaiter } from './tslib.es6-ab554322.js';
 import React__default, { useContext, useState, useRef, useEffect } from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { H as Heading } from './index-e8dc7545.js';
-import { T as Text } from './index-34947503.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-9fbfea6f.js';
+import { H as Heading } from './index-9c2fb6cc.js';
+import { T as Text } from './index-4e1b366e.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-4f20ccfb.js';
 import styled from '@emotion/styled';
 import { PATHS } from './togetherApiPaths.js';
-import { D as DEFAULT_IMG } from './constants-8956c848.js';
+import { D as DEFAULT_IMG } from './constants-69692e4e.js';
 
 const StyledCardLink = styled.div `
   .link-info-container {

package/build/esm/{index-379aecb1.js → index-71dd6c95.js}

@@ -1,26 +1,26 @@
-import { _ as __rest } from './tslib.es6-666f5038.js';
+import { _ as __rest } from './tslib.es6-ab554322.js';
 import React__default, { createContext, useContext, useMemo, forwardRef, useState } from 'react';
 import { useMantineTheme, Group, Box, Flex, Tooltip } from '@mantine/core';
 import { format } from 'date-fns';
-import { L as LastPeriod } from './LastPeriod-6f10a30a.js';
-import { L as LOCALE } from './Locale-ecb80974.js';
+import { L as LastPeriod } from './LastPeriod-3dd9d643.js';
+import { L as LOCALE } from './Locale-7e8c3193.js';
 import { useForm, isNotEmpty } from '@mantine/form';
 import dayjs from 'dayjs';
-import { R as Radio, I as Input, S as Select } from './index-076307f1.js';
-import { D as DatePicker } from './index-0fedc2dc.js';
-import { T as Text } from './index-34947503.js';
-import './index-2a28185d.js';
-import './index.styles-cc839a9f.js';
-import { u as useTranslations } from './index-baf1d5dc.js';
+import { R as Radio, I as Input, S as Select } from './index-7bc4f0c5.js';
+import { D as DatePicker } from './index-49547dd9.js';
+import { T as Text } from './index-4e1b366e.js';
+import './index-ae969513.js';
+import './index.styles-084c59ef.js';
+import { u as useTranslations } from './index-ac5c3e73.js';
 import '@mantine/hooks';
-import './useMantineLocale-572c08b8.js';
-import './index-79d03a1b.js';
-import './index-73dcec2a.js';
-import './utils-ee90d7b0.js';
-import { Q as QUERY_HEALTH_TOOL, A as API_DATE_FORMAT$1 } from './index-d58464d2.js';
-import './other-4b9f6896.js';
-import './index-d1c22940.js';
-import { H as HealthToolFormWrapper } from './index-9a532d03.js';
+import './useMantineLocale-67d4f2b9.js';
+import './index-f4c0a637.js';
+import './index-d8a842a1.js';
+import './utils-1e5d7b0f.js';
+import { Q as QUERY_HEALTH_TOOL, A as API_DATE_FORMAT$1 } from './index-46576e24.js';
+import './other-ecd44617.js';
+import './index-09f17ac2.js';
+import { H as HealthToolFormWrapper } from './index-3293b6d7.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-c39fb9e9.js → index-73be0d60.js}

@@ -1,12 +1,12 @@
 import React__default, { useState, useRef, useMemo, useEffect, Fragment, createContext } from 'react';
-import { T as Text } from './index-34947503.js';
+import { T as Text } from './index-4e1b366e.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { M as MediaQueries, f as formatUrlWithPageParam } from './utils-ee90d7b0.js';
-import { R as Radio$1 } from './index-076307f1.js';
-import { T as Text$1 } from './index-027e2396.js';
+import { M as MediaQueries, f as formatUrlWithPageParam } from './utils-1e5d7b0f.js';
+import { R as Radio$1 } from './index-7bc4f0c5.js';
+import { T as Text$1 } from './index-fb80c0d3.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
-import { _ as __rest } from './tslib.es6-666f5038.js';
+import { _ as __rest } from './tslib.es6-ab554322.js';
 import flattenChildren from 'react-keyed-flatten-children';
 
 var styles = {"alert":"CHw-fZZ","content":"_03U6VRS","close":"EO828Vv"};

package/build/esm/{index-076307f1.js → index-7bc4f0c5.js}

@@ -1,23 +1,23 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-666f5038.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-ab554322.js';
 import * as React from 'react';
 import React__default, { forwardRef, Component, useState, useCallback, useEffect, createContext, useContext, useRef, useMemo, useImperativeHandle } from 'react';
 import { ArrowDown } from '@hhgtech/icons/other';
 import { em, Autocomplete, Image, ActionIcon, Select as Select$1, createStyles, AspectRatio as AspectRatio$1, useMantineTheme, Box, Breadcrumbs as Breadcrumbs$1, Textarea, Accordion as Accordion$1, Indicator, Avatar as Avatar$1, FileInput as FileInput$1, createEmotionCache, NumberInput as NumberInput$1, PasswordInput as PasswordInput$1, TextInput, Input as Input$1, Checkbox as Checkbox$1, Slider, Radio as Radio$1, Flex, Popover as Popover$1, rem, Chip } from '@mantine/core';
 import { useUncontrolled, useDebouncedValue, useViewportSize, useResizeObserver, useDisclosure, useClickOutside } from '@mantine/hooks';
-import { C as CommonGAssets } from './index-73dcec2a.js';
-import { I as ImageWrap, u as useScreenSize } from './useScreenSize-b88cb8e8.js';
+import { C as CommonGAssets } from './index-d8a842a1.js';
+import { I as ImageWrap, u as useScreenSize } from './useScreenSize-4385d138.js';
 import styled from '@emotion/styled';
 import { Carousel as Carousel$1 } from '@mantine/carousel';
-import { T as Text } from './index-34947503.js';
-import './index-79d03a1b.js';
+import { T as Text } from './index-4e1b366e.js';
+import './index-f4c0a637.js';
 import { theme } from './miscTheme.js';
-import { B as Breakpoints } from './utils-ee90d7b0.js';
-import { G as GlobalHeadingStyle, a as GlobalContainerStyle } from './useMantineLocale-572c08b8.js';
-import { I as ISO_FORMAT } from './index-d58464d2.js';
-import { A as ANIMATION_DURATION, B as Button } from './index-2a28185d.js';
-import { L as LOCALE } from './Locale-ecb80974.js';
+import { B as Breakpoints } from './utils-1e5d7b0f.js';
+import { G as GlobalHeadingStyle, a as GlobalContainerStyle } from './useMantineLocale-67d4f2b9.js';
+import { I as ISO_FORMAT } from './index-46576e24.js';
+import { A as ANIMATION_DURATION, B as Button } from './index-ae969513.js';
+import { L as LOCALE } from './Locale-7e8c3193.js';
 import cn from 'classnames';
-import { a as useUniqueId } from './useUniqueId-b491ed22.js';
+import { a as useUniqueId } from './useUniqueId-7d263389.js';
 import { siteOptions } from './constantsSite.js';
 import { Check, Plus } from '@hhgtech/icons/core';
 

package/build/esm/{index-d6c75838.js → index-7d2dae6f.js}

@@ -1,12 +1,12 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-666f5038.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-ab554322.js';
 import React__default, { useState, useMemo, useCallback } from 'react';
-import { u as useTranslations } from './index-baf1d5dc.js';
+import { u as useTranslations } from './index-ac5c3e73.js';
 import { createStyles } from '@mantine/core';
-import { P as PATHS } from './paths-8ba2d170.js';
-import { L as LOCALIZED_SLUGS } from './constants-ec5add3a.js';
-import { B as Button } from './index-2a28185d.js';
-import './index-d58464d2.js';
-import { c as callApi, g as getCarePath } from './utils-9fbfea6f.js';
+import { P as PATHS } from './paths-579d0032.js';
+import { L as LOCALIZED_SLUGS } from './constants-cc8260ef.js';
+import { B as Button } from './index-ae969513.js';
+import './index-46576e24.js';
+import { c as callApi, g as getCarePath } from './utils-4f20ccfb.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { isProduction } from './constantsIsProduction.js';
 

package/build/esm/{index-45f08c05.js → index-7e81d925.js}

@@ -1,22 +1,22 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-666f5038.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-ab554322.js';
 import React__default, { useReducer, useState, useEffect } from 'react';
 import { Stack, Input as Input$1 } from '@mantine/core';
-import { I as Input, S as Select } from './index-076307f1.js';
+import { I as Input, S as Select } from './index-7bc4f0c5.js';
 import '@mantine/dates';
-import { C as CDN_ADDRESS } from './index-d58464d2.js';
-import './index-79d03a1b.js';
-import './index-73dcec2a.js';
-import './useMantineLocale-572c08b8.js';
-import './index-34947503.js';
-import './index-2a28185d.js';
-import './index.styles-cc839a9f.js';
-import { u as useTranslations } from './index-baf1d5dc.js';
+import { C as CDN_ADDRESS } from './index-46576e24.js';
+import './index-f4c0a637.js';
+import './index-d8a842a1.js';
+import './useMantineLocale-67d4f2b9.js';
+import './index-4e1b366e.js';
+import './index-ae969513.js';
+import './index.styles-084c59ef.js';
+import { u as useTranslations } from './index-ac5c3e73.js';
 import '@mantine/hooks';
-import './utils-ee90d7b0.js';
-import './other-4b9f6896.js';
-import './index-d1c22940.js';
-import { M as MAPPED_LOCALE } from './utils-90396b9d.js';
-import { L as LOCALE } from './Locale-ecb80974.js';
+import './utils-1e5d7b0f.js';
+import './other-ecd44617.js';
+import './index-09f17ac2.js';
+import { M as MAPPED_LOCALE } from './utils-7af182bc.js';
+import { L as LOCALE } from './Locale-7e8c3193.js';
 
 const generateGetAddressDetail = (locale) => {
     return `${CDN_ADDRESS}/cities-data-${MAPPED_LOCALE[locale]}.json`;

package/build/esm/{index-48859499.js → index-84262003.js}

@@ -1,24 +1,118 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-666f5038.js';
-import React__default, { useRef, useMemo, useEffect, useContext, useState } from 'react';
+import { _ as __rest, a as __awaiter } from './tslib.es6-ab554322.js';
+import React__default, { useMemo, useEffect, useRef, useContext, useState } from 'react';
 import { User } from '@hhgtech/icons/core';
-import { S as Spinner } from './Spinner-0875f549.js';
-import { a as Avatar } from './index-076307f1.js';
-import { B as Button } from './index-2a28185d.js';
-import { T as Text } from './index-34947503.js';
-import { u as useTranslations } from './index-baf1d5dc.js';
-import { C as CommonGAssets } from './index-73dcec2a.js';
+import { S as Spinner } from './Spinner-240948a1.js';
+import { a as Avatar } from './index-7bc4f0c5.js';
+import { B as Button } from './index-ae969513.js';
+import { T as Text } from './index-4e1b366e.js';
+import { u as useTranslations } from './index-ac5c3e73.js';
+import { C as CommonGAssets } from './index-d8a842a1.js';
 import { theme } from './miscTheme.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-ee90d7b0.js';
+import { M as MediaQueries } from './utils-1e5d7b0f.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import cn from 'classnames';
-import { a as CARE_LOCALES, b as CARE_BOOKING_LOCALES, T as TOGETHER_LOCALES, E as ECOM_LOCALES, c as VIDEO_LOCALES } from './index-d58464d2.js';
-import { i as domainLocalesMarryBaby } from './utils-9fbfea6f.js';
-import { g as getCurrentBaseUrl, a as getCurrentSsoUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain } from './normalizeLink-3a1f7ea5.js';
+import { a as CARE_LOCALES, b as CARE_BOOKING_LOCALES, T as TOGETHER_LOCALES, E as ECOM_LOCALES, c as VIDEO_LOCALES } from './index-46576e24.js';
+import { i as domainLocalesMarryBaby } from './utils-4f20ccfb.js';
+import { g as getCurrentBaseUrl, a as getCurrentSsoUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain } from './normalizeLink-936d90eb.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { ProfileNavigation } from './profileNavigation.js';
 import { NavigationLogoutPopup } from './navigationLogoutPopup.js';
 
+const useNavConfig = ({ locale, projectType, siteType, enableBookingBtn, }) => {
+    const config = useMemo(() => {
+        const enableSearchBar = projectType === 'discover' ||
+            projectType === 'together' ||
+            projectType === 'marryBaby' ||
+            (projectType === 'profile' && siteType === 'marryBaby');
+        const enableNavCare = siteType !== 'marryBaby' &&
+            projectType !== 'marryBaby' &&
+            CARE_LOCALES.includes(locale);
+        const enableNavCareBooking = enableBookingBtn &&
+            projectType !== 'marryBaby' &&
+            projectType === 'discover' &&
+            siteType !== 'marryBaby' &&
+            CARE_BOOKING_LOCALES.includes(locale);
+        const enableNavTogether = projectType === 'marryBaby' || TOGETHER_LOCALES.includes(locale);
+        const enableNavDiscover = true;
+        const enableNavHealthTools = true;
+        const enableProfileMySaved = true;
+        const enableNavEcom = siteType !== 'marryBaby' && ECOM_LOCALES.includes(locale);
+        const enableProfileEcom = siteType !== 'marryBaby' && ECOM_LOCALES.includes(locale);
+        const enableProfileMyHealth = true;
+        const enableNavVideo = VIDEO_LOCALES.includes(locale);
+        const baseUrl = 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 = 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: getTogetherApiDomain(),
+                DISCOVER_API: getDiscoverApiDomain(locale),
+            };
+        })();
+        return {
+            enableSearchBar,
+            enableNavCare,
+            enableNavCareBooking,
+            enableNavTogether,
+            enableNavEcom,
+            enableProfileEcom,
+            enableNavVideo,
+            enableProfileMyHealth,
+            enableNavDiscover,
+            enableNavHealthTools,
+            enableProfileMySaved,
+            statics,
+        };
+    }, []);
+    return config;
+};
+
+const NavigationContext = React__default.createContext({});
+const NavigationProvider = (_a) => {
+    var { children } = _a, props = __rest(_a, ["children"]);
+    const [currentUrl, setCurrentUrl] = React__default.useState(() => {
+        return (props.currentUrl ||
+            `https://${props.siteType === 'marryBaby'
+                ? domainLocalesMarryBaby[props.locale || 'en-PH']
+                : domainLocales[props.locale || 'en-PH']}${props.projectType === 'together'
+                ? '/community'
+                : props.projectType === 'ecom'
+                    ? '/ecom'
+                    : props.projectType === 'care'
+                        ? '/care'
+                        : ''}/`);
+    });
+    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.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 useCSSFocusPopupHelper = (configs) => {
     const { allowBgScroll } = configs || {};
     const ref = useRef();
@@ -204,100 +298,6 @@ const StyledLoggedOutAnchor = styled.a `
   }
 `;
 
-const useNavConfig = ({ locale, projectType, siteType, enableBookingBtn, }) => {
-    const config = useMemo(() => {
-        const enableSearchBar = projectType === 'discover' ||
-            projectType === 'together' ||
-            projectType === 'marryBaby' ||
-            (projectType === 'profile' && siteType === 'marryBaby');
-        const enableNavCare = siteType !== 'marryBaby' &&
-            projectType !== 'marryBaby' &&
-            CARE_LOCALES.includes(locale);
-        const enableNavCareBooking = enableBookingBtn &&
-            projectType !== 'marryBaby' &&
-            projectType === 'discover' &&
-            siteType !== 'marryBaby' &&
-            CARE_BOOKING_LOCALES.includes(locale);
-        const enableNavTogether = projectType === 'marryBaby' || TOGETHER_LOCALES.includes(locale);
-        const enableNavDiscover = true;
-        const enableNavHealthTools = true;
-        const enableProfileMySaved = true;
-        const enableNavEcom = siteType !== 'marryBaby' && ECOM_LOCALES.includes(locale);
-        const enableProfileEcom = siteType !== 'marryBaby' && ECOM_LOCALES.includes(locale);
-        const enableProfileMyHealth = true;
-        const enableNavVideo = VIDEO_LOCALES.includes(locale);
-        const baseUrl = 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 = 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: getTogetherApiDomain(),
-                DISCOVER_API: getDiscoverApiDomain(locale),
-            };
-        })();
-        return {
-            enableSearchBar,
-            enableNavCare,
-            enableNavCareBooking,
-            enableNavTogether,
-            enableNavEcom,
-            enableProfileEcom,
-            enableNavVideo,
-            enableProfileMyHealth,
-            enableNavDiscover,
-            enableNavHealthTools,
-            enableProfileMySaved,
-            statics,
-        };
-    }, []);
-    return config;
-};
-
-const NavigationContext = React__default.createContext({});
-const NavigationProvider = (_a) => {
-    var { children } = _a, props = __rest(_a, ["children"]);
-    const [currentUrl, setCurrentUrl] = React__default.useState(() => {
-        return (props.currentUrl ||
-            `https://${props.siteType === 'marryBaby'
-                ? domainLocalesMarryBaby[props.locale || 'en-PH']
-                : domainLocales[props.locale || 'en-PH']}${props.projectType === 'together'
-                ? '/community'
-                : props.projectType === 'ecom'
-                    ? '/ecom'
-                    : props.projectType === 'care'
-                        ? '/care'
-                        : ''}/`);
-    });
-    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.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 = {} } = useContext(NavigationContext);
     const handleClickLogout = () => {

package/build/esm/{index-2636bf75.js → index-8866edcb.js}

@@ -1,48 +1,48 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-666f5038.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-ab554322.js';
 import React__default, { useState, useRef, useEffect, useCallback, useContext, useMemo } from 'react';
 import { Info, Ask } from '@hhgtech/icons/other';
-import { D as Dropdown } from './index-f9644665.js';
-import { u as useTranslations } from './index-baf1d5dc.js';
+import { D as Dropdown } from './index-e3e99d15.js';
+import { u as useTranslations } from './index-ac5c3e73.js';
 import innertext from 'innertext';
 import { theme } from './miscTheme.js';
-import { I as Input$1 } from './index-076307f1.js';
+import { I as Input$1 } from './index-7bc4f0c5.js';
 import { useMantineTheme, SegmentedControl, Popover } from '@mantine/core';
 import '@mantine/dates';
-import './index-d58464d2.js';
-import './index-79d03a1b.js';
-import './index-73dcec2a.js';
-import './useMantineLocale-572c08b8.js';
-import { T as Text } from './index-34947503.js';
-import { B as Button } from './index-2a28185d.js';
-import './index.styles-cc839a9f.js';
+import './index-46576e24.js';
+import './index-f4c0a637.js';
+import './index-d8a842a1.js';
+import './useMantineLocale-67d4f2b9.js';
+import { T as Text } from './index-4e1b366e.js';
+import { B as Button } from './index-ae969513.js';
+import './index.styles-084c59ef.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-ee90d7b0.js';
-import './other-4b9f6896.js';
-import './index-d1c22940.js';
-import { u as useImagePicker, a as PopupFrame, c as IconCloseCircle, g as getDefaultFailNoti, d as getPostFormData, e as editPost, f as createPost } from './index-b2ed79bd.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath, p as getCurrentHref, b as callApiWithAuth, q as callApiWithAdminAuth, r as getChatbotAiApiPath } from './utils-9fbfea6f.js';
+import { M as MediaQueries } from './utils-1e5d7b0f.js';
+import './other-ecd44617.js';
+import './index-09f17ac2.js';
+import { u as useImagePicker, a as PopupFrame, c as IconCloseCircle, g as getDefaultFailNoti, d as getPostFormData, e as editPost, f as createPost } from './index-651960be.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath, p as getCurrentHref, b as callApiWithAuth, q as callApiWithAdminAuth, r as getChatbotAiApiPath } from './utils-4f20ccfb.js';
 import styled from '@emotion/styled';
-import { b as formatPost, a as formatCommunity, c as formatTopic } from './dataTransform-150a8653.js';
-import { M as MAX_IMAGE_UPLOADS, B as BEARER_TOKEN_COOKIE } from './constants-8956c848.js';
-import { h as highlightBadWords, f as fixMalformedMention, r as removeFontFormat, a as removeEdittedBannedWord, w as wrapAnchorAroundUrls, g as getUrlsFromEditorString, A as ALLOW_DOMAIN_URL, e as escapeRegExp, d as decodeMention, b as decodePostUrl, c as reformatUrl, i as getMentionIdsFromString, L as LIMIT_MENTION } from './post-e1298e96.js';
-import { C as CardAuthor } from './index-f1fa454f.js';
-import { S as StyledCreatePostDescription$1, R as RichTextEditor$1, I as IconLink } from './editor-8b7e162c.js';
-import { I as Input } from './index-490f65c9.js';
+import { b as formatPost, a as formatCommunity, c as formatTopic } from './dataTransform-387ab1df.js';
+import { M as MAX_IMAGE_UPLOADS, B as BEARER_TOKEN_COOKIE } from './constants-69692e4e.js';
+import { h as highlightBadWords, f as fixMalformedMention, r as removeFontFormat, a as removeEdittedBannedWord, w as wrapAnchorAroundUrls, g as getUrlsFromEditorString, A as ALLOW_DOMAIN_URL, e as escapeRegExp, d as decodeMention, b as decodePostUrl, c as reformatUrl, i as getMentionIdsFromString, L as LIMIT_MENTION } from './post-a4c5a627.js';
+import { C as CardAuthor } from './index-18509ee4.js';
+import { S as StyledCreatePostDescription$1, R as RichTextEditor$1, I as IconLink } from './editor-93f4cca9.js';
+import { I as Input } from './index-ee85c770.js';
 import debounce from 'lodash/debounce';
 import ContentEditable from 'react-contenteditable';
 import { PATHS, ADMIN_PATHS } from './togetherApiPaths.js';
-import { L as Loading } from './index-0860bccb.js';
-import { C as CardLink } from './index-449db7b6.js';
-import { B as BtnChoice } from './index-ccebd981.js';
-import { L as LOCALE } from './Locale-ecb80974.js';
+import { L as Loading } from './index-40eaa481.js';
+import { C as CardLink } from './index-70883c59.js';
+import { B as BtnChoice } from './index-eb01d17e.js';
+import { L as LOCALE } from './Locale-7e8c3193.js';
 import * as ReactDOM from 'react-dom';
-import { L as Loading$1 } from './index-0a2a5433.js';
-import { b as IconArrowLeft } from './index-44d19256.js';
-import { B as Button$1 } from './index-55ac1c18.js';
+import { L as Loading$1 } from './index-9fff2952.js';
+import { b as IconArrowLeft } from './index-552328f5.js';
+import { B as Button$1 } from './index-6f3f14b8.js';
 import { getCookie } from './miscCookieHelper.js';
-import { a as useUniqueId } from './useUniqueId-b491ed22.js';
-import { U as UserAvatar } from './index-66c3f472.js';
-import { P as PopoverMenu } from './index-e502a6b5.js';
+import { a as useUniqueId } from './useUniqueId-7d263389.js';
+import { U as UserAvatar } from './index-e0d12d52.js';
+import { P as PopoverMenu } from './index-0061ed46.js';
 import { Close, Check } from '@hhgtech/icons/core';
 
 const StyledCreateNewPost$1 = styled.div `

package/build/esm/{index-78923559.js → index-98411bb0.js}

@@ -1,11 +1,11 @@
 import React__default, { useState, useEffect } from 'react';
-import { L as LOCALE } from './Locale-ecb80974.js';
-import { C as CommonGAssets } from './index-73dcec2a.js';
+import { L as LOCALE } from './Locale-7e8c3193.js';
+import { C as CommonGAssets } from './index-d8a842a1.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-ee90d7b0.js';
-import { L as LogoIcon } from './logoIcon-de126466.js';
-import './index-79d03a1b.js';
-import { I as ImageWrap } from './useScreenSize-b88cb8e8.js';
+import { M as MediaQueries } from './utils-1e5d7b0f.js';
+import { L as LogoIcon } from './logoIcon-bf16bc9e.js';
+import './index-f4c0a637.js';
+import { I as ImageWrap } from './useScreenSize-4385d138.js';
 
 const StyledLogo = styled.div `
   position: relative;

package/build/esm/{index-e8244d4d.js → index-998bba67.js}

@@ -1,13 +1,13 @@
-import { _ as __rest } from './tslib.es6-666f5038.js';
+import { _ as __rest } from './tslib.es6-ab554322.js';
 import React__default, { useMemo, useState, useEffect } from 'react';
-import './index-79d03a1b.js';
+import './index-f4c0a637.js';
 import styled from '@emotion/styled';
-import { C as CommonGAssets } from './index-73dcec2a.js';
+import { C as CommonGAssets } from './index-d8a842a1.js';
 import { theme } from './miscTheme.js';
-import { I as ImageWrap } from './useScreenSize-b88cb8e8.js';
-import { T as Text } from './index-027e2396.js';
-import { L as LOCALE } from './Locale-ecb80974.js';
-import { c as CentralCarousel } from './index-076307f1.js';
+import { I as ImageWrap } from './useScreenSize-4385d138.js';
+import { T as Text } from './index-fb80c0d3.js';
+import { L as LOCALE } from './Locale-7e8c3193.js';
+import { c as CentralCarousel } from './index-7bc4f0c5.js';
 
 const StyledIconContainer = styled.div `
   display: inline-flex;