@hhgtech/hhg-components 1.29.451-beta-4 → 1.29.451-beta-6

package/build/esm/{index-59cf4adc.js → index-3aa9555c.js}

@@ -1,23 +1,23 @@
-import { _ as __rest } from './tslib.es6-de55ba71.js';
+import { _ as __rest } from './tslib.es6-944a6ae7.js';
 import React__default, { createContext, useContext } from 'react';
 import { createStyles, rem, useMantineTheme, clsx } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { I as Input } from './index-2d6d0e4f.js';
-import { D as DatePicker } from './index-b1206821.js';
-import { T as Text } from './index-c9abbed7.js';
-import './index-770d5df0.js';
-import './index-4bc68fd1.js';
-import './index.styles-a344d286.js';
-import { u as useTranslations } from './index-b853ce3b.js';
+import { I as Input } from './index-37df6f17.js';
+import { D as DatePicker } from './index-52f195e3.js';
+import { T as Text } from './index-4a495b01.js';
+import './index-7df9385c.js';
+import './index-44a50741.js';
+import './index.styles-31ed9bf5.js';
+import { u as useTranslations } from './index-c381a977.js';
 import '@mantine/hooks';
-import './index-8860e91b.js';
-import './utils-4b0bcbf1.js';
-import './index-67e0ffa0.js';
-import { C as CardWrapperContext } from './context-75076cd5.js';
-import { I as INPUT_RANGE } from './constants-3870ccef.js';
-import { H as HealthToolFormWrapper } from './index-8e3ec863.js';
-import { G as GenderOptionControl } from './index-06b31d58.js';
-import { L as LOCALE } from './Locale-10bedfb7.js';
+import './index-bd4f8f5b.js';
+import './utils-d5334e49.js';
+import './index-6a2e6e6c.js';
+import { C as CardWrapperContext } from './context-533cf48d.js';
+import { I as INPUT_RANGE } from './constants-80b18d48.js';
+import { H as HealthToolFormWrapper } from './index-ccbe0511.js';
+import { G as GenderOptionControl } from './index-2f10ea8b.js';
+import { L as LOCALE } from './Locale-cddc927e.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const BabyGrowthFormContext = createContext({});

package/build/esm/{index-e4cbdc26.js → index-3c0300a3.js}

@@ -1,12 +1,12 @@
 import React__default, { useState, useEffect, useContext, useRef } from 'react';
-import { H as Heading } from './index-d12b6ff1.js';
-import { M as MediaQueries, t as toggleNoScroll } from './utils-4b0bcbf1.js';
-import { u as useTranslations } from './index-b853ce3b.js';
-import { T as TogetherComponentGlobalContext } from './utils-ab0cdd66.js';
+import { H as Heading } from './index-e73a9d24.js';
+import { M as MediaQueries, t as toggleNoScroll } from './utils-d5334e49.js';
+import { u as useTranslations } from './index-c381a977.js';
+import { T as TogetherComponentGlobalContext } from './utils-2f745f18.js';
 import { Portal } from '@mantine/core';
-import { T as Text } from './index-c9abbed7.js';
+import { T as Text } from './index-4a495b01.js';
 import styled from '@emotion/styled';
-import { _ as __rest } from './tslib.es6-de55ba71.js';
+import { _ as __rest } from './tslib.es6-944a6ae7.js';
 import { theme } from './miscTheme.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 

package/build/esm/{index-043f5728.js → index-439184d4.js}

@@ -1,8 +1,8 @@
 import React__default, { useState, useRef, useEffect } from 'react';
-import { u as useScrollbarSize } from './useScrollbarSize-83c5975b.js';
+import { u as useScrollbarSize } from './useScrollbarSize-07b45c04.js';
 import { createPortal } from 'react-dom';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-4b0bcbf1.js';
+import { M as MediaQueries } from './utils-d5334e49.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-aa048fea.js → index-449e5e8c.js}

@@ -1,27 +1,27 @@
 import React__default, { useState, useMemo, useContext, useEffect, createContext, useRef } from 'react';
-import { B as Button } from './index-577ddbf3.js';
-import { H as Heading } from './index-d12b6ff1.js';
-import { T as Text } from './index-c9abbed7.js';
-import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-4b0bcbf1.js';
+import { B as Button } from './index-08165933.js';
+import { H as Heading } from './index-e73a9d24.js';
+import { T as Text } from './index-4a495b01.js';
+import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-d5334e49.js';
 import * as ReactDOM from 'react-dom';
-import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext } from './utils-ab0cdd66.js';
+import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext } from './utils-2f745f18.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { a as __awaiter } from './tslib.es6-de55ba71.js';
-import { I as Input } from './index-918082d0.js';
-import { u as useTranslations } from './index-b853ce3b.js';
-import { e as formatComment } from './dataTransform-f32d32db.js';
-import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG } from './constants-ab4c9755.js';
+import { a as __awaiter } from './tslib.es6-944a6ae7.js';
+import { I as Input } from './index-4771b65d.js';
+import { u as useTranslations } from './index-c381a977.js';
+import { e as formatComment } from './dataTransform-881a493b.js';
+import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG } from './constants-606adc47.js';
 import { PATHS } from './togetherApiPaths.js';
-import { j as removeBannedWordWrapper, i as getMentionIdsFromString, k as encodePostContent, u as uploadAndGetSrc } from './post-befa68b6.js';
-import { C as CardLink } from './index-638a6533.js';
-import { L as Loading } from './index-565769c3.js';
-import { U as UserAvatar } from './index-e4c844f4.js';
-import { R as RichTextEditor } from './editor-5c54dd30.js';
+import { j as removeBannedWordWrapper, i as getMentionIdsFromString, k as encodePostContent, u as uploadAndGetSrc } from './post-95f44b8b.js';
+import { C as CardLink } from './index-08db7187.js';
+import { L as Loading } from './index-f54c85af.js';
+import { U as UserAvatar } from './index-729cb534.js';
+import { R as RichTextEditor } from './editor-fc4af709.js';
 import { Portal } from '@mantine/core';
 import { FullScreen } from '@hhgtech/icons/other';
-import { P as Popup } from './index-83a0a5e1.js';
-import { C as CloseIcon } from './index-e4cbdc26.js';
+import { P as Popup } from './index-149879b9.js';
+import { C as CloseIcon } from './index-3c0300a3.js';
 import { ShareBox } from './togetherShareBox.js';
 
 const useImagePicker = (imageFilesProp, onImageFilesChange) => {

package/build/esm/{index-918082d0.js → index-4771b65d.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-de55ba71.js';
+import { _ as __rest } from './tslib.es6-944a6ae7.js';
 import React__default, { useMemo } from 'react';
 import { useMantineTheme } from '@mantine/core';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { M as MediaQueries } from './utils-4b0bcbf1.js';
+import { M as MediaQueries } from './utils-d5334e49.js';
 
 const StyledInput = styled.div `
   position: relative;

package/build/esm/{index-c9abbed7.js → index-4a495b01.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-de55ba71.js';
+import { _ as __rest } from './tslib.es6-944a6ae7.js';
 import React__default, { forwardRef } from 'react';
 import { createStyles, useMantineTheme, Text as Text$1 } from '@mantine/core';
-import { a as GlobalTextStyle, C as CustomStylesType, F as FontWeight, u as useTemplateVariant } from './index-4bc68fd1.js';
+import { a as GlobalTextStyle, C as CustomStylesType, F as FontWeight, u as useTemplateVariant } from './index-44a50741.js';
 
 var useStyles = createStyles((theme, _params) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;

package/build/esm/{index-b1206821.js → index-52f195e3.js}

@@ -1,12 +1,12 @@
-import { _ as __rest } from './tslib.es6-de55ba71.js';
+import { _ as __rest } from './tslib.es6-944a6ae7.js';
 import React__default from 'react';
 import { useMantineTheme, Image } from '@mantine/core';
 import { DatePickerInput } from '@mantine/dates';
-import { I as ISO_FORMAT } from './index-c27c139a.js';
-import './index-df903dc3.js';
-import { C as CommonGAssets } from './index-10203a00.js';
-import { M as MAPPED_LOCALE } from './index-8860e91b.js';
-import { L as LOCALE } from './Locale-10bedfb7.js';
+import { I as ISO_FORMAT } from './index-cff0b646.js';
+import './index-c162609f.js';
+import { C as CommonGAssets } from './index-3d28fa6f.js';
+import { M as MAPPED_LOCALE } from './index-bd4f8f5b.js';
+import { L as LOCALE } from './Locale-cddc927e.js';
 
 // Omit<MantineDatePickerInputProps, 'value'>
 const DatePicker = (_a) => {

package/build/esm/{index-6239871c.js → index-561dfb32.js}

@@ -1,22 +1,22 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-de55ba71.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-944a6ae7.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-2d6d0e4f.js';
+import { I as Input, S as Select } from './index-37df6f17.js';
 import '@mantine/dates';
-import { C as CDN_ADDRESS } from './index-c27c139a.js';
-import './index-df903dc3.js';
-import './index-10203a00.js';
-import './index-8860e91b.js';
-import './index-c9abbed7.js';
-import './index-770d5df0.js';
-import './index-4bc68fd1.js';
-import './index.styles-a344d286.js';
-import { u as useTranslations } from './index-b853ce3b.js';
+import { C as CDN_ADDRESS } from './index-cff0b646.js';
+import './index-c162609f.js';
+import './index-3d28fa6f.js';
+import './index-bd4f8f5b.js';
+import './index-4a495b01.js';
+import './index-7df9385c.js';
+import './index-44a50741.js';
+import './index.styles-31ed9bf5.js';
+import { u as useTranslations } from './index-c381a977.js';
 import '@mantine/hooks';
-import './utils-4b0bcbf1.js';
-import './index-67e0ffa0.js';
-import { M as MAPPED_LOCALE } from './utils-c3cff801.js';
-import { L as LOCALE } from './Locale-10bedfb7.js';
+import './utils-d5334e49.js';
+import './index-6a2e6e6c.js';
+import { M as MAPPED_LOCALE } from './utils-5c803def.js';
+import { L as LOCALE } from './Locale-cddc927e.js';
 
 const generateGetAddressDetail = (locale) => {
     return `${CDN_ADDRESS}/cities-data-${MAPPED_LOCALE[locale]}.json`;

package/build/esm/{index-94f64a62.js → index-59b5a94d.js}

@@ -1,20 +1,20 @@
 import * as React from 'react';
 import React__default, { useState, useRef, createContext, useEffect, Fragment, forwardRef, useMemo, useCallback } from 'react';
-import { T as Text } from './index-c9abbed7.js';
+import { T as Text } from './index-4a495b01.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { M as MediaQueries } from './utils-4b0bcbf1.js';
+import { M as MediaQueries } from './utils-d5334e49.js';
 import { Collapse, rem, clsx } from '@mantine/core';
 import { useDisclosure } from '@mantine/hooks';
-import { S as ShapedArrowDown } from './index-9b9c6e33.js';
-import { R as Radio$1 } from './index-2d6d0e4f.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-de55ba71.js';
-import { T as Text$1 } from './index-0119bf84.js';
+import { S as ShapedArrowDown } from './index-617e751f.js';
+import { R as Radio$1 } from './index-37df6f17.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-944a6ae7.js';
+import { T as Text$1 } from './index-97f7f032.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import flattenChildren from 'react-keyed-flatten-children';
-import { H as Heading } from './index-d12b6ff1.js';
-import { C as Close } from './Close-6fd55b93.js';
-import { u as useTranslations } from './index-b853ce3b.js';
+import { H as Heading } from './index-e73a9d24.js';
+import { C as Close } from './Close-16dede7c.js';
+import { u as useTranslations } from './index-c381a977.js';
 import { Carousel } from '@mantine/carousel';
 
 var styles = {"alert":"CHw-fZZ","content":"_03U6VRS","close":"EO828Vv"};

package/build/esm/{index-c375db52.js → index-5bc03e55.js}

@@ -1,21 +1,21 @@
-import { _ as __rest } from './tslib.es6-de55ba71.js';
+import { _ as __rest } from './tslib.es6-944a6ae7.js';
 import React__default, { createContext, useContext } from 'react';
 import { clsx, useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { L as LastPeriod } from './LastPeriod-21e60df1.js';
-import { I as Input } from './index-2d6d0e4f.js';
-import { D as DatePicker } from './index-b1206821.js';
-import { T as Text } from './index-c9abbed7.js';
-import './index-770d5df0.js';
-import './index-4bc68fd1.js';
-import './index.styles-a344d286.js';
-import { u as useTranslations } from './index-b853ce3b.js';
+import { L as LastPeriod } from './LastPeriod-9edd9275.js';
+import { I as Input } from './index-37df6f17.js';
+import { D as DatePicker } from './index-52f195e3.js';
+import { T as Text } from './index-4a495b01.js';
+import './index-7df9385c.js';
+import './index-44a50741.js';
+import './index.styles-31ed9bf5.js';
+import { u as useTranslations } from './index-c381a977.js';
 import '@mantine/hooks';
-import './index-8860e91b.js';
-import './utils-4b0bcbf1.js';
-import './index-67e0ffa0.js';
-import { C as CardWrapperContext } from './context-75076cd5.js';
-import { H as HealthToolFormWrapper } from './index-8e3ec863.js';
+import './index-bd4f8f5b.js';
+import './utils-d5334e49.js';
+import './index-6a2e6e6c.js';
+import { C as CardWrapperContext } from './context-533cf48d.js';
+import { H as HealthToolFormWrapper } from './index-ccbe0511.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const AvoidPregnancy = (_a) => {

package/build/esm/{index-201c375b.js → index-5fc3d958.js}

@@ -1,20 +1,118 @@
-import { a as __awaiter } from './tslib.es6-de55ba71.js';
-import React__default, { useRef, useContext, useState, useMemo } from 'react';
+import { _ as __rest, a as __awaiter } from './tslib.es6-944a6ae7.js';
+import React__default, { useMemo, useEffect, useRef, useContext, useState } from 'react';
 import { User } from '@hhgtech/icons/core';
-import { S as Spinner } from './Spinner-33de532e.js';
-import { a as Avatar } from './index-2d6d0e4f.js';
-import { B as Button } from './index-770d5df0.js';
-import { T as Text } from './index-c9abbed7.js';
-import { u as useTranslations } from './index-b853ce3b.js';
-import { C as CommonGAssets } from './index-10203a00.js';
+import { S as Spinner } from './Spinner-9b71959c.js';
+import { a as Avatar } from './index-37df6f17.js';
+import { B as Button } from './index-7df9385c.js';
+import { T as Text } from './index-4a495b01.js';
+import { u as useTranslations } from './index-c381a977.js';
+import { C as CommonGAssets } from './index-3d28fa6f.js';
 import { theme } from './miscTheme.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-4b0bcbf1.js';
+import { M as MediaQueries } from './utils-d5334e49.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import cn from 'classnames';
-import { N as NavigationContext, P as ProfileNavigation } from './index-87e4b77b.js';
+import { e as CARE_LOCALES, f as CARE_BOOKING_LOCALES, d as LOCALE_HAS_COMMUNITY_SITE, E as ECOM_LOCALES, c as VIDEO_LOCALES } from './index-cff0b646.js';
+import { i as domainLocalesMarryBaby } from './utils-2f745f18.js';
+import { g as getCurrentBaseUrl, a as getCurrentSsoUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain } from './normalizeLink-88a20f7d.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' || LOCALE_HAS_COMMUNITY_SITE.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();
@@ -201,7 +299,7 @@ const StyledLoggedOutAnchor = styled.a `
 `;
 
 const ProfilePopup = ({ isOpen, userInfo, closePopup, siteType = 'helloSites', dispatchLogout, }) => {
-    const { customClasses = {} } = useContext(NavigationContext);
+    const { customClasses = {}, configs: { enableProfileFindMyBooking }, } = useContext(NavigationContext);
     const handleClickLogout = () => {
         if (dispatchLogout) {
             dispatchLogout();
@@ -210,7 +308,7 @@ const ProfilePopup = ({ isOpen, userInfo, closePopup, siteType = 'helloSites', d
     };
     return (React__default.createElement(StyledPopup, { className: customClasses.profilePopup, "data-open": isOpen },
         React__default.createElement("div", { className: cn('popup-content', customClasses.profilePopupContent) },
-            React__default.createElement(ProfileNavigation, { siteType: siteType, onLogout: handleClickLogout, userInfo: userInfo }))));
+            React__default.createElement(ProfileNavigation, { siteType: siteType, onLogout: handleClickLogout, userInfo: userInfo, configs: { enableProfileFindMyBooking } }))));
 };
 
 const NavigationProfileButton = ({ userInfo, siteType, onLoginClick, currentUrl, isMinifyLogin, onLogout, style, isLoading, isMobile, className, }) => {
@@ -276,4 +374,4 @@ const NavigationProfileButton = ({ userInfo, siteType, onLoginClick, currentUrl,
         siteType === 'marryBaby' ? (React__default.createElement(Button, { className: "login-btn", size: "md", leftIcon: React__default.createElement(User, { color: "currentColor", isSolid: true, size: 22 }) }, t('navigation.loginJoin'))) : (React__default.createElement(Button, { className: "login-btn", size: "md", leftIcon: React__default.createElement(User, { color: "#595959", isSolid: true, size: 22 }), variant: "ghost", color: "#262626" }, t('navigation.loginJoin')))))));
 };
 
-export { NavigationProfileButton as N, useCSSFocusPopupHelper as u };
+export { NavigationProfileButton as N, NavigationContext as a, NavigationProvider as b, useCSSFocusPopupHelper as u };

package/build/esm/{index-fd4b5cd1.js → index-60243ab7.js}

@@ -1,34 +1,34 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-de55ba71.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-944a6ae7.js';
 import React__default, { useContext, useState, useEffect, useMemo } from 'react';
-import { B as Button } from './index-577ddbf3.js';
-import { H as Heading } from './index-d12b6ff1.js';
-import { u as useTranslations } from './index-b853ce3b.js';
+import { B as Button } from './index-08165933.js';
+import { H as Heading } from './index-e73a9d24.js';
+import { u as useTranslations } from './index-c381a977.js';
 import innertext from 'innertext';
-import { S as SharePopup, P as PopupDanger, h as deletePost, i as IconAlertCircle, b as SubmitReportForm, j as deleteComment, k as decodeCommentBody, l as likeUnlikeComment, I as InputCommentBar, m as likeUnlikePost, g as getDefaultFailNoti } from './index-aa048fea.js';
-import { C as CommonGAssets } from './index-10203a00.js';
-import { R as REPORT_REASON_MAP, D as DEFAULT_IMG } from './constants-ab4c9755.js';
+import { S as SharePopup, P as PopupDanger, h as deletePost, i as IconAlertCircle, b as SubmitReportForm, j as deleteComment, k as decodeCommentBody, l as likeUnlikeComment, I as InputCommentBar, m as likeUnlikePost, g as getDefaultFailNoti } from './index-449e5e8c.js';
+import { C as CommonGAssets } from './index-3d28fa6f.js';
+import { R as REPORT_REASON_MAP, D as DEFAULT_IMG } from './constants-606adc47.js';
 import { useTogetherAuthRequiredAction, TogetherAuthConfigContextProvider } from './useTogetherAuthRequiredAction.js';
-import { T as TogetherComponentGlobalContext, c as callApi, s as getMarryBabyApiPath, o as getDiscoverApiPath, g as getCarePath, k as getCurrentBaseUrl$1, b as callApiWithAuth, d as getApiPath, t as callApiWithOptionalAuth, l as domainLocales$1 } from './utils-ab0cdd66.js';
-import { b as TreePopoverMenu, C as CardReactions, c as CardReactionType, a as LabelPin, T as TagTopic } from './treePopoverMenu-bd6bf08d.js';
+import { T as TogetherComponentGlobalContext, c as callApi, s as getMarryBabyApiPath, o as getDiscoverApiPath, g as getCarePath, k as getCurrentBaseUrl$1, b as callApiWithAuth, d as getApiPath, t as callApiWithOptionalAuth, l as domainLocales$1 } from './utils-2f745f18.js';
+import { b as TreePopoverMenu, C as CardReactions, c as CardReactionType, a as LabelPin, T as TagTopic } from './treePopoverMenu-41c30dbb.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-4b0bcbf1.js';
+import { M as MediaQueries } from './utils-d5334e49.js';
 import { theme } from './miscTheme.js';
-import { g as formatArticle, h as formatCategory, e as formatComment } from './dataTransform-f32d32db.js';
+import { g as formatArticle, h as formatCategory, e as formatComment } from './dataTransform-881a493b.js';
 import { DISCOVER_PATHS, CARE_PATHS, PATHS } from './togetherApiPaths.js';
-import { C as CardLink } from './index-638a6533.js';
-import { C as CardAuthor, c as ProfileDetailModal } from './index-d03ba8c4.js';
-import { a as ProfileDetail, P as PostContent } from './index-ce9985f2.js';
-import { a as PostImagePreview } from './index-e4cbdc26.js';
-import { S as SocialLinkPreview } from './index-1e33f95d.js';
-import { D as Divider } from './index-269d31e3.js';
-import './index-c27c139a.js';
+import { C as CardLink } from './index-08db7187.js';
+import { C as CardAuthor, c as ProfileDetailModal } from './index-69b75e0b.js';
+import { a as ProfileDetail, P as PostContent } from './index-36ad5a6f.js';
+import { a as PostImagePreview } from './index-3c0300a3.js';
+import { S as SocialLinkPreview } from './index-d0f7407d.js';
+import { D as Divider } from './index-b40f550b.js';
+import './index-cff0b646.js';
 import { Plus } from '@hhgtech/icons/core';
 import { ArrowRight, ArrowDown, Trash, Endorse } from '@hhgtech/icons/other';
 import { Accordion } from '@mantine/core';
-import { I as Input } from './index-918082d0.js';
-import { T as Text } from './index-c9abbed7.js';
-import { L as Loading } from './index-565769c3.js';
-import { g as getCurrentBaseUrl } from './normalizeLink-f0721c13.js';
+import { I as Input } from './index-4771b65d.js';
+import { T as Text } from './index-4a495b01.js';
+import { L as Loading } from './index-f54c85af.js';
+import { g as getCurrentBaseUrl } from './normalizeLink-88a20f7d.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 var img$7 = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath fill='%233E3F58' d='M5 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2M19 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2M12 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2'/%3e%3c/svg%3e";

package/build/esm/{index-841e132e.js → index-6047ebff.js}

@@ -1,27 +1,27 @@
 import React__default from 'react';
-import { C as Container } from './index-5b32ea61.js';
+import { C as Container } from './index-7340304a.js';
 import dayjs from 'dayjs';
-import './index-c27c139a.js';
-import './index-2d6d0e4f.js';
+import './index-cff0b646.js';
+import './index-37df6f17.js';
 import { Flex, Stack, Box } from '@mantine/core';
 import '@mantine/dates';
-import './index-df903dc3.js';
-import './index-10203a00.js';
-import './index-8860e91b.js';
-import { T as Text } from './index-c9abbed7.js';
-import './index-770d5df0.js';
-import './index-4bc68fd1.js';
-import './index.styles-a344d286.js';
-import './translationsContext-593be61a.js';
+import './index-c162609f.js';
+import './index-3d28fa6f.js';
+import './index-bd4f8f5b.js';
+import { T as Text } from './index-4a495b01.js';
+import './index-7df9385c.js';
+import './index-44a50741.js';
+import './index.styles-31ed9bf5.js';
+import './translationsContext-bbd7275b.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-4b0bcbf1.js';
-import './index-67e0ffa0.js';
-import { u as useScreenSize } from './index-7804c3c2.js';
+import { M as MediaQueries } from './utils-d5334e49.js';
+import './index-6a2e6e6c.js';
+import { u as useScreenSize } from './index-8c50f304.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 import { domainLocales } from './constantsDomainLocales.js';
-import { L as Logo } from './index-56ae36e2.js';
-import { M as MarryBabyText } from './index-88bfdb4e.js';
+import { L as Logo } from './index-e571934f.js';
+import { M as MarryBabyText } from './index-cce77862.js';
 
 const StyledFooter$1 = styled.footer `
   background-color: #1b3250;

package/build/esm/{index-9b9c6e33.js → index-617e751f.js}

@@ -2,13 +2,13 @@ import * as React from 'react';
 import React__default, { useState, useEffect } from 'react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { I as ImageWrap } from './index-7804c3c2.js';
-import { T as Text } from './index-c9abbed7.js';
-import { _ as __rest } from './tslib.es6-de55ba71.js';
+import { I as ImageWrap } from './index-8c50f304.js';
+import { T as Text } from './index-4a495b01.js';
+import { _ as __rest } from './tslib.es6-944a6ae7.js';
 import { clsx, Modal } from '@mantine/core';
-import { D as DrawerComponent, u as useDrawerDrag } from './index-02fafe06.js';
+import { D as DrawerComponent, u as useDrawerDrag } from './index-e0570390.js';
 import { Drawer } from 'vaul';
-import { Z as ZINDEX_SSO } from './index-c27c139a.js';
+import { Z as ZINDEX_SSO } from './index-cff0b646.js';
 
 /* eslint-disable prettier/prettier */
 const ShapedArrowDown = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "none" }, props),

package/build/esm/{index-d03ba8c4.js → index-69b75e0b.js}

@@ -3,24 +3,24 @@ import { CrossLogo, ShieldCheck } from '@hhgtech/icons/other';
 import { createStyles, Box, Flex, Button as Button$1, rem } from '@mantine/core';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { u as useTranslations } from './index-b853ce3b.js';
-import { M as MediaQueries, t as toggleNoScroll } from './utils-4b0bcbf1.js';
-import { A as AuthorBadge, B as BookingBtn } from './index-7ed518ea.js';
-import { I as Icon } from './index-ce5e8d98.js';
-import { _ as __rest } from './tslib.es6-de55ba71.js';
-import { U as UserAvatar } from './index-e4c844f4.js';
-import { I as ImageWrap, u as useScreenSize } from './index-7804c3c2.js';
-import './index-c27c139a.js';
-import { C as CommonGAssets } from './index-10203a00.js';
-import { c as callApi, g as getCarePath, l as domainLocales, m as getCareHospitalUrl, n as getCareDoctorUrl, k as getCurrentBaseUrl, o as getDiscoverApiPath, T as TogetherComponentGlobalContext } from './utils-ab0cdd66.js';
-import { B as Button } from './index-577ddbf3.js';
-import { T as Text } from './index-c9abbed7.js';
+import { u as useTranslations } from './index-c381a977.js';
+import { M as MediaQueries, t as toggleNoScroll } from './utils-d5334e49.js';
+import { A as AuthorBadge, B as BookingBtn } from './index-92ab6893.js';
+import { I as Icon } from './index-0d7dd4fb.js';
+import { _ as __rest } from './tslib.es6-944a6ae7.js';
+import { U as UserAvatar } from './index-729cb534.js';
+import { I as ImageWrap, u as useScreenSize } from './index-8c50f304.js';
+import './index-cff0b646.js';
+import { C as CommonGAssets } from './index-3d28fa6f.js';
+import { c as callApi, g as getCarePath, l as domainLocales, m as getCareHospitalUrl, n as getCareDoctorUrl, k as getCurrentBaseUrl, o as getDiscoverApiPath, T as TogetherComponentGlobalContext } from './utils-2f745f18.js';
+import { B as Button } from './index-08165933.js';
+import { T as Text } from './index-4a495b01.js';
 import { theme } from './miscTheme.js';
 import styled from '@emotion/styled';
 import { CARE_PATHS, DISCOVER_PATHS } from './togetherApiPaths.js';
-import { L as Loading } from './index-565769c3.js';
-import { H as Heading } from './index-d12b6ff1.js';
-import { M as Modal } from './index-fb9d2866.js';
+import { L as Loading } from './index-f54c85af.js';
+import { H as Heading } from './index-e73a9d24.js';
+import { M as Modal } from './index-d82a7506.js';
 import { domainLocales as domainLocales$1 } from './constantsDomainLocales.js';
 
 var styles$2 = {"row":"dZWeHns","flex":"_8z2nszB","mainTxt":"tMiOKib","subTxt":"uDcqD-2","subTxtRow":"pDlsows","subDivider":"m-HVXw1"};
@@ -911,7 +911,7 @@ const _CardAuthor = (props) => {
     useEffect(() => {
         if (open && !ProfileDetail) {
             if (userType === 'chatbot') {
-                import('./index-de321267.js').then((module) => {
+                import('./index-f26455bb.js').then((module) => {
                     setProfileDetail(() => module.ProfileChatbot);
                 });
             }

package/build/esm/{index-67e0ffa0.js → index-6a2e6e6c.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-de55ba71.js';
+import { _ as __rest } from './tslib.es6-944a6ae7.js';
 import React__default, { useRef, useState, useEffect } from 'react';
 import { ArrowLeft, ArrowRight } from '@hhgtech/icons/other';
 import { createStyles, rem, Tabs as Tabs$1, ScrollArea } from '@mantine/core';
-import { B as Button } from './index-770d5df0.js';
-import { T as Text } from './index-c9abbed7.js';
+import { B as Button } from './index-7df9385c.js';
+import { T as Text } from './index-4a495b01.js';
 
 var useStyles = createStyles((theme, params) => {
     const { variant } = params;