@hhgtech/hhg-components 1.29.362-beta-3 → 1.29.362-beta-4

package/build/esm/{index-769a14d7.js → index-3eeade87.js}

@@ -1,21 +1,21 @@
-import { _ as __rest } from './tslib.es6-9c1dbacc.js';
+import { _ as __rest } from './tslib.es6-158ccc1d.js';
 import React__default, { useState, useRef, useMemo, useEffect } from 'react';
 import { BabyBoyMB, BabyGirlMB } from '@hhgtech/icons/other';
 import { createStyles, rem, Box, Flex } from '@mantine/core';
-import { R as Radio } from './index-e7934fca.js';
+import { R as Radio } from './index-aabe5021.js';
 import '@mantine/dates';
-import './index-79dc2970.js';
-import './index-754fcd64.js';
-import { C as CommonGAssets } from './index-a80540d4.js';
-import './useMantineLocale-0020efae.js';
-import { T as Text } from './index-2e885489.js';
-import './index-f589db0b.js';
-import './index.styles-46b74a70.js';
-import { u as useTranslations } from './index-df6ddd7f.js';
+import './index-77d422e3.js';
+import './index-4aaff87d.js';
+import { C as CommonGAssets } from './index-1f479de5.js';
+import './useMantineLocale-bd093e71.js';
+import { T as Text } from './index-10fd8bbd.js';
+import './index-fd10dcdf.js';
+import './index.styles-c6ba3938.js';
+import { u as useTranslations } from './index-98070cea.js';
 import '@mantine/hooks';
-import './utils-63b2b9e2.js';
-import './other-89d56f3f.js';
-import './index-7f51378c.js';
+import './utils-cd594041.js';
+import './other-6e01f149.js';
+import './index-59eccced.js';
 
 var useStyles = createStyles((theme, { type }) => {
     const isMarryBaby = theme.other.template === 'mb';

package/build/esm/{index-97183e80.js → index-45ab1908.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-9c1dbacc.js';
+import { _ as __rest } from './tslib.es6-158ccc1d.js';
 import React__default from 'react';
 import { theme } from './miscTheme.js';
-import { W as WhatsApp, I as Instagram } from './WhatsApp-5e295981.js';
-import { S as Spinner } from './Spinner-9f5c1333.js';
+import { W as WhatsApp, I as Instagram } from './WhatsApp-1aeae2c2.js';
+import { S as Spinner } from './Spinner-7eed0f04.js';
 
 const App = (_a) => {
     var { size = 24 } = _a, rest = __rest(_a, ["size"]);

package/build/esm/{index-e435fd18.js → index-45ecbd3d.js}

@@ -1,25 +1,25 @@
-import { _ as __rest } from './tslib.es6-9c1dbacc.js';
+import { _ as __rest } from './tslib.es6-158ccc1d.js';
 import React__default, { createContext, useContext } from 'react';
 import { createStyles, rem, useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { I as Input } from './index-e7934fca.js';
-import { D as DatePicker } from './index-ae5a9db5.js';
-import { T as Text } from './index-2e885489.js';
-import './index-f589db0b.js';
-import './index.styles-46b74a70.js';
-import { u as useTranslations } from './index-df6ddd7f.js';
+import { I as Input } from './index-aabe5021.js';
+import { D as DatePicker } from './index-0046d990.js';
+import { T as Text } from './index-10fd8bbd.js';
+import './index-fd10dcdf.js';
+import './index.styles-c6ba3938.js';
+import { u as useTranslations } from './index-98070cea.js';
 import '@mantine/hooks';
-import './useMantineLocale-0020efae.js';
-import './index-754fcd64.js';
-import './index-a80540d4.js';
-import './utils-63b2b9e2.js';
-import './index-79dc2970.js';
-import './other-89d56f3f.js';
-import './index-7f51378c.js';
-import { I as INPUT_RANGE } from './constants-a7b49993.js';
-import { H as HealthToolFormWrapper } from './index-5c493359.js';
-import { G as GenderOptionControl } from './index-769a14d7.js';
-import { L as LOCALE } from './Locale-aac0d39d.js';
+import './useMantineLocale-bd093e71.js';
+import './index-4aaff87d.js';
+import './index-1f479de5.js';
+import './utils-cd594041.js';
+import './index-77d422e3.js';
+import './other-6e01f149.js';
+import './index-59eccced.js';
+import { I as INPUT_RANGE } from './constants-d7f47028.js';
+import { H as HealthToolFormWrapper } from './index-bdc55851.js';
+import { G as GenderOptionControl } from './index-3eeade87.js';
+import { L as LOCALE } from './Locale-fc8be7de.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const BabyGrowthFormContext = createContext({});

package/build/esm/{index-388084f2.js → index-49c950af.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { u as useTranslations } from './index-df6ddd7f.js';
-import { B as Button } from './index-549e53e5.js';
+import { u as useTranslations } from './index-98070cea.js';
+import { B as Button } from './index-91fd0002.js';
 
 var styles = {"loading":"PD6nRZX"};
 

package/build/esm/{index-064ea2ec.js → index-4a786400.js}

@@ -1,4 +1,4 @@
-import { _ as __rest } from './tslib.es6-9c1dbacc.js';
+import { _ as __rest } from './tslib.es6-158ccc1d.js';
 import React__default from 'react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';

package/build/esm/{index-754fcd64.js → index-4aaff87d.js}

@@ -1,4 +1,4 @@
-import { L as LOCALE } from './Locale-aac0d39d.js';
+import { L as LOCALE } from './Locale-fc8be7de.js';
 
 var Gender;
 (function (Gender) {

package/build/esm/{index-36c286f4.js → index-4cb4bc06.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-9c1dbacc.js';
+import { _ as __rest } from './tslib.es6-158ccc1d.js';
 import React__default, { useContext, useState } from 'react';
-import { T as TogetherComponentGlobalContext } from './utils-24013ece.js';
+import { T as TogetherComponentGlobalContext } from './utils-43693169.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-7dc83282.js → index-53c33c7d.js}

@@ -1,49 +1,49 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-9c1dbacc.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-158ccc1d.js';
 import React__default, { useMemo, useEffect, useContext, useState, useRef, useCallback } from 'react';
-import { V as VideoType } from './index-754fcd64.js';
-import { i as isInternalLink, V as VideoItem, L as LanguageSwitcher } from './index-56b9ca5a.js';
-import { a as CARE_LOCALES, b as CARE_BOOKING_LOCALES, T as TOGETHER_LOCALES, E as ECOM_LOCALES, c as VIDEO_LOCALES, S as STATIC_PAGES, L as LOCALE_SPECS } from './index-79dc2970.js';
-import { g as getCurrentBaseUrl, a as getCurrentSsoUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain, n as normalizeLink, e as normalizeLinkSlash, d as getCareApiDomain } from './normalizeLink-3d640883.js';
-import { a as formatCommunity, b as formatPost } from './dataTransform-b58c225a.js';
+import { V as VideoType } from './index-4aaff87d.js';
+import { i as isInternalLink, V as VideoItem, L as LanguageSwitcher } from './index-c4b210af.js';
+import { a as CARE_LOCALES, b as CARE_BOOKING_LOCALES, T as TOGETHER_LOCALES, E as ECOM_LOCALES, c as VIDEO_LOCALES, S as STATIC_PAGES, L as LOCALE_SPECS } from './index-77d422e3.js';
+import { g as getCurrentBaseUrl, a as getCurrentSsoUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain, n as normalizeLink, e as normalizeLinkSlash, d as getCareApiDomain } from './normalizeLink-648533d8.js';
+import { a as formatCommunity, b as formatPost } from './dataTransform-18f61be2.js';
 import { Close, Download } from '@hhgtech/icons/core';
 import { createStyles, Box, Indicator, useMantineTheme } from '@mantine/core';
-import { L as Logo } from './index-4365cd85.js';
-import { u as useTranslations } from './index-df6ddd7f.js';
+import { L as Logo } from './index-07d4351d.js';
+import { u as useTranslations } from './index-98070cea.js';
 import throttle from 'lodash/throttle';
-import { I as Input } from './index-e7934fca.js';
+import { I as Input } from './index-aabe5021.js';
 import '@mantine/dates';
-import { C as CommonGAssets } from './index-a80540d4.js';
-import './useMantineLocale-0020efae.js';
-import { T as Text } from './index-2e885489.js';
-import { B as Button$1 } from './index-f589db0b.js';
-import './index.styles-46b74a70.js';
-import './translationsContext-66dc9c36.js';
+import { C as CommonGAssets } from './index-1f479de5.js';
+import './useMantineLocale-bd093e71.js';
+import { T as Text } from './index-10fd8bbd.js';
+import { B as Button$1 } from './index-fd10dcdf.js';
+import './index.styles-c6ba3938.js';
+import './translationsContext-1622f33c.js';
 import '@mantine/hooks';
-import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-63b2b9e2.js';
-import './other-89d56f3f.js';
-import './index-7f51378c.js';
-import { L as LOCALISED_SLUGS } from './constants-12192499.js';
+import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-cd594041.js';
+import './other-6e01f149.js';
+import './index-59eccced.js';
+import { L as LOCALISED_SLUGS } from './constants-d3ba59ed.js';
 import styled from '@emotion/styled';
-import { u as useCSSFocusPopupHelper, N as NavigationProfileButton } from './index-1efc1f33.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-4441d3c0.js';
-import { B as Button } from './index-549e53e5.js';
-import { i as domainLocalesMarryBaby } from './utils-24013ece.js';
+import { u as useCSSFocusPopupHelper, N as NavigationProfileButton } from './index-9864c853.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-8aab21fc.js';
+import { B as Button } from './index-91fd0002.js';
+import { i as domainLocalesMarryBaby } from './utils-43693169.js';
 import { domainLocales } from './constantsDomainLocales.js';
-import { L as LOCALIZED_SLUGS } from './constants-93fcbc9c.js';
+import { L as LOCALIZED_SLUGS } from './constants-e71c076b.js';
 import { theme } from './miscTheme.js';
-import { H as Heading } from './index-28cbfe47.js';
-import { I as Indicator$1 } from './index-89e2f821.js';
-import { u as useIsInit } from './useIsInit-762d6966.js';
+import { H as Heading } from './index-0c2633b1.js';
+import { I as Indicator$1 } from './index-0b0e3825.js';
+import { u as useIsInit } from './useIsInit-6a38e8a6.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { U as UserAvatar } from './index-36c286f4.js';
+import { U as UserAvatar } from './index-4cb4bc06.js';
 import { ArrowRight } from '@hhgtech/icons/other';
 import formatString from 'string-format';
-import { C as Container } from './index-fb5827de.js';
-import { L as LOCALE } from './Locale-aac0d39d.js';
+import { C as Container } from './index-58e7a004.js';
+import { L as LOCALE } from './Locale-fc8be7de.js';
 import debounce from 'lodash/debounce';
-import { g as getDataWithCache } from './core-1e9af478.js';
+import { g as getDataWithCache } from './core-ae363980.js';
 
 const getEcomUrl = ({ path, locale, }) => {
     var _a;
@@ -311,6 +311,7 @@ const StyledItem$6 = styled.a `
   .name {
     font-size: 16px;
     font-weight: 400;
+    line-height: 24px;
   }
 
   &[data-theme='marryBaby']:hover,
@@ -332,6 +333,17 @@ const StyledItem$6 = styled.a `
   }
 
   &[data-theme='marryBaby'] {
+    &.tarot-menu {
+      .icon {
+        background: linear-gradient(148deg, #fc5e9a 16.04%, #fe98bf 94.24%);
+      }
+      .name {
+        background: linear-gradient(91deg, #ea4f8a 1.24%, #fe8eb8 46.02%);
+        background-clip: text;
+        -webkit-background-clip: text;
+        -webkit-text-fill-color: transparent;
+      }
+    }
     .icon {
       display: flex;
       align-items: center;
@@ -453,7 +465,8 @@ const Categories = ({ hrefViewMore, titleBtnViewMore, UrlFE, onClosePopup, menuI
                         ? item === null || item === void 0 ? void 0 : item.link
                         : `${UrlFE}/${item === null || item === void 0 ? void 0 : item.link.split('/').filter(Boolean).join('/')}/`
                     : '/';
-                return (React__default.createElement(StyledItem$6, Object.assign({ className: "iconMenu", "data-event-category": "Hamburger Navigation", "data-event-action": "Click", "data-event-label": href, "data-is-heading-category": false, "data-active": item.id && item.id === activeItem, "data-is-mobile-tool": item.isMobileAppTool, href: href }, (!isInternalLink(href) && {
+                const isTarotItem = (item === null || item === void 0 ? void 0 : item.id) === 'game' && siteType === 'marryBaby';
+                return (React__default.createElement(StyledItem$6, Object.assign({ className: `iconMenu ${isTarotItem ? 'tarot-menu' : ''}`, "data-event-category": "Hamburger Navigation", "data-event-action": "Click", "data-event-label": href, "data-is-heading-category": false, "data-active": item.id && item.id === activeItem, "data-is-mobile-tool": item.isMobileAppTool, href: href }, (!isInternalLink(href) && {
                     target: '_blank',
                 }), { "data-theme": siteType, key: index, onClick: onClosePopup }),
                     React__default.createElement("div", { className: "icon" },
@@ -470,7 +483,9 @@ const Categories = ({ hrefViewMore, titleBtnViewMore, UrlFE, onClosePopup, menuI
                                 paddingRight: item.isNew ? 10 : 0,
                             } },
                             React__default.createElement("p", { className: "name" }, item.name),
-                            item.isMobileAppTool && (React__default.createElement(Text, { size: "n1", color: theme.fn.primaryColor(), weight: "regular" }, t('home.calcWithApp'))))),
+                            item.isMobileAppTool && (React__default.createElement(Text, { size: "n1", color: theme.fn.primaryColor(), weight: (item === null || item === void 0 ? void 0 : item.id) && (item === null || item === void 0 ? void 0 : item.id) === activeItem
+                                    ? 'semiBold'
+                                    : 'regular' }, t('home.calcWithApp'))))),
                     item.isMobileAppTool && (React__default.createElement(StyledIconNav, null,
                         React__default.createElement(Phone, { className: "phone-icon", size: 16 }))),
                     React__default.createElement(StyledIconNav, { className: "arrow-icon" },
@@ -1541,10 +1556,8 @@ const MenuServiceList = ({ closePopup, menuItems = [] }) => {
 };
 
 const HamburgerMenu = ({ menuItems }) => {
-    const { siteType,
-    // configs: { enableSearchBar },
-     } = useContext(NavigationContext);
-    const { containerRef, onContainerFocus, onContainerBlur, onButtonMouseDown, onClose, } = useCSSFocusPopupHelper();
+    const { siteType, configs: { enableNavTarotGame }, } = useContext(NavigationContext);
+    const { containerRef, onContainerFocus, onContainerBlur, onButtonMouseDown, onClose, } = useCSSFocusPopupHelper({ enableNavTarotGame });
     return (React__default.createElement(DisplayWrapper, { mediaQueryKey: "mbDown" },
         React__default.createElement("header", { className: styles$2.menuContainer },
             React__default.createElement("div", { className: styles$2.menuIcon, ref: containerRef, role: "button", tabIndex: 0, onBlur: onContainerBlur, onFocus: onContainerFocus },
@@ -1663,7 +1676,7 @@ const StyledHeader = styled.div `
   ${MediaQueries.mbDown} {
     position: relative;
     height: 56px;
-    background: white;
+    background-color: ${(props) => props.isMarryBaby ? 'transparent' : '#fff'};
     gap: 2px;
   }
 
@@ -2123,7 +2136,7 @@ const ItemNavButton = ({ item, color = 'blue' }) => {
                 });
             }
             if (item.id === 'care') {
-                import('./doctor-63de7728.js').then((data) => {
+                import('./doctor-8eb2d477.js').then((data) => {
                     if (data === null || data === void 0 ? void 0 : data.default)
                         setIconJson(() => data.default);
                 });
@@ -2352,7 +2365,7 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
     const careNavItem = menuItems.find((m) => m.id === 'care');
     return (React__default.createElement(StyledHeaderWrapper, { "data-site-type": siteType, "data-sponsored": isSponsored, "data-sitewide-banner-shown": isShowingSiteWideBanner, "data-header-type": "home", "data-collapsed": isCollapsed, "data-is-displayed": true, id: "site-header", ref: headerRef },
         sitewideBanner,
-        React__default.createElement(StyledHeader, { "data-site-type": siteType },
+        React__default.createElement(StyledHeader, { "data-site-type": siteType, isMarryBaby: siteType === 'marryBaby' },
             React__default.createElement(StyledLeftGroup, { "data-site-type": siteType },
                 isMobile && React__default.createElement(HamburgerMenu, { menuItems: menuItems }),
                 logoComponent || (React__default.createElement("a", { style: {
@@ -2525,7 +2538,7 @@ const useInsider = () => {
 
 const useNavServices = () => {
     const { t } = useTranslations();
-    const { siteType, locale, configs: { enableNavDiscover, enableNavHealthTools, enableNavCare, enableNavTogether, enableNavEcom, enableNavVideo, statics, }, } = useContext(NavigationContext);
+    const { siteType, locale, configs: { enableNavDiscover, enableNavHealthTools, enableNavCare, enableNavTogether, enableNavEcom, enableNavVideo, enableNavTarotGame, statics, }, } = useContext(NavigationContext);
     const isMarryBaby = siteType === 'marryBaby';
     const services = useMemo(() => {
         var _a;
@@ -2586,8 +2599,22 @@ const useNavServices = () => {
                 thumbnail: CommonGAssets.getAssetPath('nav-icons/care.svg'),
                 popupType: locale === 'id-ID' ? 'care' : null,
             });
+        enableNavTarotGame &&
+            _services.push({
+                name: 'MỚI - Tarot cho mẹ bầu',
+                id: 'game',
+                link: normalizeLinkSlash(statics.HOME_PAGE_URL + '/xem-bai-tarot-online/'),
+                thumbnail: CommonGAssets.getAssetPath('play-card.svg'),
+                popupType: 'none',
+            });
         return _services;
-    }, []);
+    }, [
+        locale,
+        enableNavCare,
+        enableNavTogether,
+        enableNavEcom,
+        enableNavTarotGame,
+    ]);
     return services;
 };
 

package/build/esm/{index-7f51378c.js → index-59eccced.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-9c1dbacc.js';
+import { _ as __rest } from './tslib.es6-158ccc1d.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-f589db0b.js';
-import { T as Text } from './index-2e885489.js';
+import { B as Button } from './index-fd10dcdf.js';
+import { T as Text } from './index-10fd8bbd.js';
 
 var useStyles = createStyles((theme, params) => {
     const { variant } = params;

package/build/esm/{index-7453af97.js → index-5b64af28.js}

@@ -1,35 +1,35 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-9c1dbacc.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-158ccc1d.js';
 import React__default, { useState, useContext, useMemo, useRef, useEffect, createContext } from 'react';
 import dayjs from 'dayjs';
-import { T as Tabs } from './index-7f51378c.js';
-import { L as Loading } from './index-388084f2.js';
-import { b as formatPost, a as formatCommunity, g as formatArticle } from './dataTransform-b58c225a.js';
+import { T as Tabs } from './index-59eccced.js';
+import { L as Loading } from './index-49c950af.js';
+import { b as formatPost, a as formatCommunity, g as formatArticle } from './dataTransform-18f61be2.js';
 import { PATHS } from './togetherApiPaths.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath, b as callApiWithAuth } from './utils-24013ece.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath, b as callApiWithAuth } from './utils-43693169.js';
 import { Plus } from '@hhgtech/icons/core';
 import { createStyles, Anchor, Accordion, Flex, useMantineTheme } from '@mantine/core';
-import { C as CommonGAssets } from './index-a80540d4.js';
-import { I as ImageWrap } from './useScreenSize-1363ff7e.js';
-import { P as PopupExpert, d as CardAuthor, C as CardAuthor$1 } from './index-fd321ca9.js';
-import { S as SocialType } from './index-754fcd64.js';
-import { u as useTranslations } from './index-df6ddd7f.js';
+import { C as CommonGAssets } from './index-1f479de5.js';
+import { I as ImageWrap } from './useScreenSize-bd068022.js';
+import { P as PopupExpert, d as CardAuthor, C as CardAuthor$1 } from './index-5f92412c.js';
+import { S as SocialType } from './index-4aaff87d.js';
+import { u as useTranslations } from './index-98070cea.js';
 import { theme } from './miscTheme.js';
 import { CrossLogo, ArrowDown } from '@hhgtech/icons/other';
-import { A as Anchor$1 } from './index-e7934fca.js';
+import { A as Anchor$1 } from './index-aabe5021.js';
 import '@mantine/dates';
-import './index-79dc2970.js';
-import './useMantineLocale-0020efae.js';
-import { T as Text } from './index-2e885489.js';
-import { B as Button } from './index-f589db0b.js';
-import './index.styles-46b74a70.js';
+import './index-77d422e3.js';
+import './useMantineLocale-bd093e71.js';
+import { T as Text } from './index-10fd8bbd.js';
+import { B as Button } from './index-fd10dcdf.js';
+import './index.styles-c6ba3938.js';
 import '@mantine/hooks';
-import './utils-63b2b9e2.js';
-import './other-89d56f3f.js';
+import './utils-cd594041.js';
+import './other-6e01f149.js';
 import styled from '@emotion/styled';
 import { useTogetherAuthRequiredAction } from './useTogetherAuthRequiredAction.js';
-import { d as decodeMention, b as decodePostUrl } from './post-af6604c3.js';
-import { B as Button$1 } from './index-549e53e5.js';
-import './translationsContext-66dc9c36.js';
+import { d as decodeMention, b as decodePostUrl } from './post-f8bf5a43.js';
+import { B as Button$1 } from './index-91fd0002.js';
+import './translationsContext-1622f33c.js';
 
 const StyledPostContent = styled.div `
   padding: 0.5rem 1rem 1rem;

package/build/esm/{index-fd321ca9.js → index-5f92412c.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-df6ddd7f.js';
-import { M as MediaQueries, t as toggleNoScroll } from './utils-63b2b9e2.js';
-import { A as AuthorBadge, B as BookingBtn } from './index-234e4010.js';
-import { I as Icon } from './index-97183e80.js';
-import { _ as __rest } from './tslib.es6-9c1dbacc.js';
-import { U as UserAvatar } from './index-36c286f4.js';
-import { I as ImageWrap, u as useScreenSize } from './useScreenSize-1363ff7e.js';
-import './index-79dc2970.js';
-import { C as CommonGAssets } from './index-a80540d4.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-24013ece.js';
-import { B as Button } from './index-549e53e5.js';
-import { T as Text } from './index-2e885489.js';
+import { u as useTranslations } from './index-98070cea.js';
+import { M as MediaQueries, t as toggleNoScroll } from './utils-cd594041.js';
+import { A as AuthorBadge, B as BookingBtn } from './index-99f4acdc.js';
+import { I as Icon } from './index-45ab1908.js';
+import { _ as __rest } from './tslib.es6-158ccc1d.js';
+import { U as UserAvatar } from './index-4cb4bc06.js';
+import { I as ImageWrap, u as useScreenSize } from './useScreenSize-bd068022.js';
+import './index-77d422e3.js';
+import { C as CommonGAssets } from './index-1f479de5.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-43693169.js';
+import { B as Button } from './index-91fd0002.js';
+import { T as Text } from './index-10fd8bbd.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-e90fdafe.js';
-import { H as Heading } from './index-28cbfe47.js';
-import { M as Modal } from './index-6e1280d5.js';
+import { L as Loading } from './index-c15fab95.js';
+import { H as Heading } from './index-0c2633b1.js';
+import { M as Modal } from './index-2852086c.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-e7c85d09.js').then((module) => {
+                import('./index-b6b313fd.js').then((module) => {
                     setProfileDetail(() => module.ProfileChatbot);
                 });
             }

package/build/esm/{index-e57136f7.js → index-653e3328.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-63b2b9e2.js';
+import { M as MediaQueries } from './utils-cd594041.js';
 import { theme } from './miscTheme.js';
 
 const StyledPopup = styled.div `

package/build/esm/{index-13d6e71b.js → index-69a5fc8b.js}

@@ -1,23 +1,23 @@
-import { _ as __rest } from './tslib.es6-9c1dbacc.js';
+import { _ as __rest } from './tslib.es6-158ccc1d.js';
 import React__default, { createContext, useContext } from 'react';
 import { useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { L as LastPeriod } from './LastPeriod-5ab59731.js';
-import { I as Input } from './index-e7934fca.js';
-import { D as DatePicker } from './index-ae5a9db5.js';
-import { T as Text } from './index-2e885489.js';
-import './index-f589db0b.js';
-import './index.styles-46b74a70.js';
-import { u as useTranslations } from './index-df6ddd7f.js';
+import { L as LastPeriod } from './LastPeriod-a9073d6f.js';
+import { I as Input } from './index-aabe5021.js';
+import { D as DatePicker } from './index-0046d990.js';
+import { T as Text } from './index-10fd8bbd.js';
+import './index-fd10dcdf.js';
+import './index.styles-c6ba3938.js';
+import { u as useTranslations } from './index-98070cea.js';
 import '@mantine/hooks';
-import './useMantineLocale-0020efae.js';
-import './index-754fcd64.js';
-import './index-a80540d4.js';
-import './utils-63b2b9e2.js';
-import './index-79dc2970.js';
-import './other-89d56f3f.js';
-import './index-7f51378c.js';
-import { H as HealthToolFormWrapper } from './index-5c493359.js';
+import './useMantineLocale-bd093e71.js';
+import './index-4aaff87d.js';
+import './index-1f479de5.js';
+import './utils-cd594041.js';
+import './index-77d422e3.js';
+import './other-6e01f149.js';
+import './index-59eccced.js';
+import { H as HealthToolFormWrapper } from './index-bdc55851.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const AvoidPregnancy = (_a) => {

package/build/esm/{index-c59ed088.js → index-6bd8d6d6.js}

@@ -1,6 +1,6 @@
 import React__default, { useContext, useState, useRef, useEffect } from 'react';
-import { B as Button } from './index-549e53e5.js';
-import { T as TogetherComponentGlobalContext } from './utils-24013ece.js';
+import { B as Button } from './index-91fd0002.js';
+import { T as TogetherComponentGlobalContext } from './utils-43693169.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-79dc2970.js → index-77d422e3.js}

@@ -1,10 +1,10 @@
 import { enUS, vi, km, hi, id, ms, th, zhTW } from 'date-fns/locale';
-import './index-754fcd64.js';
+import './index-4aaff87d.js';
 import { siteHost, siteOptions } from './constantsSite.js';
 import { domainLocales, MAP_DOMAIN_BY_LOCALE } from './constantsDomainLocales.js';
 import { RISK_SCREENER_NAME, RISK_SCREENER_SLUG } from './constantsRiskScreener.js';
 import { isProduction } from './constantsIsProduction.js';
-import { L as LOCALE } from './Locale-aac0d39d.js';
+import { L as LOCALE } from './Locale-fc8be7de.js';
 
 const basePath = process.env.NEXT_PUBLIC_DEPLOY_LOCALE === 'tl-PH' ? '/fil' : '';
 const SSO_URL = process.env.NEXT_PUBLIC_SSO;

package/build/esm/{index-6c690800.js → index-7c4eee9e.js}

@@ -1,12 +1,12 @@
 import React__default, { useState, useEffect, useContext, useRef } from 'react';
-import { H as Heading } from './index-28cbfe47.js';
-import { M as MediaQueries, t as toggleNoScroll } from './utils-63b2b9e2.js';
-import { u as useTranslations } from './index-df6ddd7f.js';
-import { T as TogetherComponentGlobalContext } from './utils-24013ece.js';
+import { H as Heading } from './index-0c2633b1.js';
+import { M as MediaQueries, t as toggleNoScroll } from './utils-cd594041.js';
+import { u as useTranslations } from './index-98070cea.js';
+import { T as TogetherComponentGlobalContext } from './utils-43693169.js';
 import { Portal } from '@mantine/core';
-import { T as Text } from './index-2e885489.js';
+import { T as Text } from './index-10fd8bbd.js';
 import styled from '@emotion/styled';
-import { _ as __rest } from './tslib.es6-9c1dbacc.js';
+import { _ as __rest } from './tslib.es6-158ccc1d.js';
 import { theme } from './miscTheme.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 

package/build/esm/{index-76a44f33.js → index-7ef21c9f.js}

@@ -1,13 +1,13 @@
-import { a as __awaiter } from './tslib.es6-9c1dbacc.js';
+import { a as __awaiter } from './tslib.es6-158ccc1d.js';
 import React__default, { useState, useEffect, useRef, useContext, useMemo } from 'react';
 import { Box, useMantineTheme } from '@mantine/core';
-import { I as ImageWrap } from './useScreenSize-1363ff7e.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-24013ece.js';
+import { I as ImageWrap } from './useScreenSize-bd068022.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-43693169.js';
 import styled from '@emotion/styled';
 import { PATHS } from './togetherApiPaths.js';
-import { D as DEFAULT_IMG } from './constants-f020a6fe.js';
-import { y as youtubeVidIdGetter } from './post-af6604c3.js';
-import { L as Loading } from './index-e90fdafe.js';
+import { D as DEFAULT_IMG } from './constants-8ba27525.js';
+import { y as youtubeVidIdGetter } from './post-f8bf5a43.js';
+import { L as Loading } from './index-c15fab95.js';
 
 const StyledSocialLinkPreview = styled.div `
   .link-info-container {

package/build/esm/{index-85134092.js → index-81e8359f.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-9c1dbacc.js';
+import { _ as __rest } from './tslib.es6-158ccc1d.js';
 import React__default, { useMemo } from 'react';
 import { Spoiler as Spoiler$1 } from '@mantine/core';
-import { T as Text } from './index-2e885489.js';
-import { u as useTranslations } from './index-df6ddd7f.js';
+import { T as Text } from './index-10fd8bbd.js';
+import { u as useTranslations } from './index-98070cea.js';
 import { theme } from './miscTheme.js';
 
 const Spoiler = (_a) => {