@hhgtech/hhg-components 1.29.362-beta-7 → 1.29.362-beta-9

package/build/esm/i18n.js

@@ -1,5 +1,5 @@
-import { T as TranslationsContext } from './translationsContext-3e444dde.js';
-export { T as TranslationsContext } from './translationsContext-3e444dde.js';
+import { T as TranslationsContext } from './translationsContext-79df4eb3.js';
+export { T as TranslationsContext } from './translationsContext-79df4eb3.js';
 import React__default, { useState, useEffect, useMemo } from 'react';
 import defaultTranslations from './i18n-values/en-PH.js';
 import hiTranslations from './i18n-values/hi-IN.js';

package/build/esm/i18nV2.js

@@ -1,5 +1,5 @@
-import { T as TranslationsContext } from './translationsContext-3e444dde.js';
-export { T as TranslationsContext } from './translationsContext-3e444dde.js';
+import { T as TranslationsContext } from './translationsContext-79df4eb3.js';
+export { T as TranslationsContext } from './translationsContext-79df4eb3.js';
 import React__default, { useMemo } from 'react';
 
 const TranslationsProvider = ({ locale = 'en-PH', values, children, }) => {

package/build/esm/{index-447cd8a4.js → index-04359180.js}

@@ -1,12 +1,12 @@
-import { _ as __rest } from './tslib.es6-666e3cd6.js';
+import { _ as __rest } from './tslib.es6-bbcd45f4.js';
 import React__default from 'react';
 import { useMantineTheme, Image } from '@mantine/core';
 import { DatePickerInput } from '@mantine/dates';
-import { I as ISO_FORMAT } from './index-ef63171d.js';
-import './index-b501a228.js';
-import { C as CommonGAssets } from './index-8d7c8364.js';
-import { M as MAPPED_LOCALE } from './useMantineLocale-2c267cf1.js';
-import { L as LOCALE } from './Locale-f131de60.js';
+import { I as ISO_FORMAT } from './index-bf70ce29.js';
+import './index-5ca40c44.js';
+import { C as CommonGAssets } from './index-62cab603.js';
+import { M as MAPPED_LOCALE } from './useMantineLocale-8089a4f0.js';
+import { L as LOCALE } from './Locale-f7e857ca.js';
 
 // Omit<MantineDatePickerInputProps, 'value'>
 const DatePicker = (_a) => {

package/build/esm/{index-5a86d9b0.js → index-12f05852.js}

@@ -1,12 +1,12 @@
-import { a as __awaiter } from './tslib.es6-666e3cd6.js';
+import { a as __awaiter } from './tslib.es6-bbcd45f4.js';
 import React__default, { useContext, useState, useRef, useEffect } from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { H as Heading } from './index-63e8911e.js';
-import { T as Text } from './index-0d4e612e.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-09f8e5fd.js';
+import { H as Heading } from './index-19825c11.js';
+import { T as Text } from './index-82e120c8.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-c06cb90b.js';
 import styled from '@emotion/styled';
 import { PATHS } from './togetherApiPaths.js';
-import { D as DEFAULT_IMG } from './constants-fb73e3ef.js';
+import { D as DEFAULT_IMG } from './constants-c0913a2b.js';
 
 const StyledCardLink = styled.div `
   .link-info-container {

package/build/esm/{index-c612c756.js → index-1461ac26.js}

@@ -1,49 +1,49 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-666e3cd6.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-bbcd45f4.js';
 import React__default, { useMemo, useEffect, useContext, useState, useRef, useCallback } from 'react';
-import { V as VideoType } from './index-b501a228.js';
-import { i as isInternalLink, V as VideoItem, L as LanguageSwitcher } from './index-f0a7c31c.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-ef63171d.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-8a2a5d71.js';
-import { a as formatCommunity, b as formatPost } from './dataTransform-69716caa.js';
+import { V as VideoType } from './index-5ca40c44.js';
+import { i as isInternalLink, V as VideoItem, L as LanguageSwitcher } from './index-3fe6a089.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-bf70ce29.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-3d1161fe.js';
+import { a as formatCommunity, b as formatPost } from './dataTransform-b1425423.js';
 import { Close, Download } from '@hhgtech/icons/core';
 import { createStyles, Box, Indicator, useMantineTheme } from '@mantine/core';
-import { L as Logo } from './index-68571fd9.js';
-import { u as useTranslations } from './index-2c4ea8ae.js';
+import { L as Logo } from './index-39bd1a2e.js';
+import { u as useTranslations } from './index-57e8887f.js';
 import throttle from 'lodash/throttle';
-import { I as Input } from './index-5451485b.js';
+import { I as Input } from './index-807d359b.js';
 import '@mantine/dates';
-import { C as CommonGAssets } from './index-8d7c8364.js';
-import './useMantineLocale-2c267cf1.js';
-import { T as Text } from './index-0d4e612e.js';
-import { B as Button$1 } from './index-a0f010bf.js';
-import './index.styles-3b4cb44d.js';
-import './translationsContext-3e444dde.js';
+import { C as CommonGAssets } from './index-62cab603.js';
+import './useMantineLocale-8089a4f0.js';
+import { T as Text } from './index-82e120c8.js';
+import { B as Button$1 } from './index-d2663949.js';
+import './index.styles-ccd55f9c.js';
+import './translationsContext-79df4eb3.js';
 import '@mantine/hooks';
-import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-2cba8675.js';
-import './other-6869ae5e.js';
-import './index-18c8dcde.js';
-import { L as LOCALISED_SLUGS } from './constants-f640ae0f.js';
+import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-bbeadd87.js';
+import './other-a530411a.js';
+import './index-f9ce57da.js';
+import { L as LOCALISED_SLUGS } from './constants-80f0ab3e.js';
 import styled from '@emotion/styled';
-import { u as useCSSFocusPopupHelper, N as NavigationProfileButton } from './index-2bcab30b.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-74598ce1.js';
-import { B as Button } from './index-6bf4911c.js';
-import { i as domainLocalesMarryBaby } from './utils-09f8e5fd.js';
+import { u as useCSSFocusPopupHelper, N as NavigationProfileButton } from './index-978dae8b.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-e5b1929e.js';
+import { B as Button } from './index-71fd886f.js';
+import { i as domainLocalesMarryBaby } from './utils-c06cb90b.js';
 import { domainLocales } from './constantsDomainLocales.js';
-import { L as LOCALIZED_SLUGS } from './constants-78ddad2e.js';
+import { L as LOCALIZED_SLUGS } from './constants-f334b206.js';
 import { theme } from './miscTheme.js';
-import { H as Heading } from './index-63e8911e.js';
-import { I as Indicator$1 } from './index-4eabf61b.js';
-import { u as useIsInit } from './useIsInit-b49e83d5.js';
+import { H as Heading } from './index-19825c11.js';
+import { I as Indicator$1 } from './index-15c1caf0.js';
+import { u as useIsInit } from './useIsInit-8c2ed148.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { U as UserAvatar } from './index-3af42a84.js';
+import { U as UserAvatar } from './index-6281cb90.js';
 import { ArrowRight } from '@hhgtech/icons/other';
 import formatString from 'string-format';
-import { C as Container } from './index-49054ff9.js';
-import { L as LOCALE } from './Locale-f131de60.js';
+import { C as Container } from './index-5670a545.js';
+import { L as LOCALE } from './Locale-f7e857ca.js';
 import debounce from 'lodash/debounce';
-import { g as getDataWithCache } from './core-d9c0671e.js';
+import { g as getDataWithCache } from './core-fba06810.js';
 
 const getEcomUrl = ({ path, locale, }) => {
     var _a;
@@ -311,7 +311,6 @@ const StyledItem$6 = styled.a `
   .name {
     font-size: 16px;
     font-weight: 400;
-    line-height: 24px;
   }
 
   &[data-theme='marryBaby']:hover,
@@ -333,17 +332,6 @@ 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;
@@ -465,8 +453,7 @@ 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('/')}/`
                     : '/';
-                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) && {
+                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) && {
                     target: '_blank',
                 }), { "data-theme": siteType, key: index, onClick: onClosePopup }),
                     React__default.createElement("div", { className: "icon" },
@@ -483,9 +470,7 @@ 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: (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(Text, { size: "n1", color: theme.fn.primaryColor(), weight: "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" },
@@ -1556,8 +1541,10 @@ const MenuServiceList = ({ closePopup, menuItems = [] }) => {
 };
 
 const HamburgerMenu = ({ menuItems }) => {
-    const { siteType, configs: { enableNavTarotGame }, } = useContext(NavigationContext);
-    const { containerRef, onContainerFocus, onContainerBlur, onButtonMouseDown, onClose, } = useCSSFocusPopupHelper({ enableNavTarotGame });
+    const { siteType,
+    // configs: { enableSearchBar },
+     } = useContext(NavigationContext);
+    const { containerRef, onContainerFocus, onContainerBlur, onButtonMouseDown, onClose, } = useCSSFocusPopupHelper();
     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 },
@@ -1676,7 +1663,7 @@ const StyledHeader = styled.div `
   ${MediaQueries.mbDown} {
     position: relative;
     height: 56px;
-    background-color: ${(props) => props.isMarryBaby ? 'transparent' : '#fff'};
+    background: white;
     gap: 2px;
   }
 
@@ -2136,7 +2123,7 @@ const ItemNavButton = ({ item, color = 'blue' }) => {
                 });
             }
             if (item.id === 'care') {
-                import('./doctor-33c9e25e.js').then((data) => {
+                import('./doctor-d6d38f4a.js').then((data) => {
                     if (data === null || data === void 0 ? void 0 : data.default)
                         setIconJson(() => data.default);
                 });
@@ -2365,7 +2352,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, isMarryBaby: siteType === 'marryBaby' },
+        React__default.createElement(StyledHeader, { "data-site-type": siteType },
             React__default.createElement(StyledLeftGroup, { "data-site-type": siteType },
                 isMobile && React__default.createElement(HamburgerMenu, { menuItems: menuItems }),
                 logoComponent || (React__default.createElement("a", { style: {
@@ -2538,7 +2525,7 @@ const useInsider = () => {
 
 const useNavServices = () => {
     const { t } = useTranslations();
-    const { siteType, locale, configs: { enableNavDiscover, enableNavHealthTools, enableNavCare, enableNavTogether, enableNavEcom, enableNavVideo, enableNavTarotGame, statics, }, } = useContext(NavigationContext);
+    const { siteType, locale, configs: { enableNavDiscover, enableNavHealthTools, enableNavCare, enableNavTogether, enableNavEcom, enableNavVideo, statics, }, } = useContext(NavigationContext);
     const isMarryBaby = siteType === 'marryBaby';
     const services = useMemo(() => {
         var _a;
@@ -2599,22 +2586,8 @@ 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-4eabf61b.js → index-15c1caf0.js}

@@ -1,4 +1,4 @@
-import { _ as __rest } from './tslib.es6-666e3cd6.js';
+import { _ as __rest } from './tslib.es6-bbcd45f4.js';
 import React__default from 'react';
 import { Indicator as Indicator$1 } from '@mantine/core';
 import { theme } from './miscTheme.js';

package/build/esm/{index-a5b8a392.js → index-163109f0.js}

@@ -1,12 +1,12 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-666e3cd6.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-bbcd45f4.js';
 import React__default, { useState, useMemo, useCallback } from 'react';
-import { u as useTranslations } from './index-2c4ea8ae.js';
+import { u as useTranslations } from './index-57e8887f.js';
 import { createStyles } from '@mantine/core';
-import { P as PATHS } from './paths-bbb40f27.js';
-import { L as LOCALIZED_SLUGS } from './constants-78ddad2e.js';
-import { B as Button } from './index-a0f010bf.js';
-import './index-ef63171d.js';
-import { c as callApi, g as getCarePath } from './utils-09f8e5fd.js';
+import { P as PATHS } from './paths-e136ce4b.js';
+import { L as LOCALIZED_SLUGS } from './constants-f334b206.js';
+import { B as Button } from './index-d2663949.js';
+import './index-bf70ce29.js';
+import { c as callApi, g as getCarePath } from './utils-c06cb90b.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { isProduction } from './constantsIsProduction.js';
 

package/build/esm/{index-75266933.js → index-17078aa6.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-666e3cd6.js';
+import { _ as __rest } from './tslib.es6-bbcd45f4.js';
 import React__default, { createContext, useContext } from 'react';
 import { createStyles, rem, Box, Input, Chip, useMantineTheme, Flex, Switch } from '@mantine/core';
-import { T as Text } from './index-0d4e612e.js';
-import { B as Button } from './index-a0f010bf.js';
-import { u as useTranslations } from './index-2c4ea8ae.js';
+import { T as Text } from './index-82e120c8.js';
+import { B as Button } from './index-d2663949.js';
+import { u as useTranslations } from './index-57e8887f.js';
 import flattenChildren from 'react-keyed-flatten-children';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-ab2833d5.js → index-18e12bf2.js}

@@ -1,52 +1,52 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-666e3cd6.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-bbcd45f4.js';
 import React__default, { createContext, useState, useContext, useEffect } from 'react';
-import { T as Tabs } from './index-18c8dcde.js';
-import { L as Loading } from './index-84a00e3b.js';
-import './index-b501a228.js';
-import { g as formatArticle } from './dataTransform-69716caa.js';
+import { T as Tabs } from './index-f9ce57da.js';
+import { L as Loading } from './index-7eea3504.js';
+import './index-5ca40c44.js';
+import { g as formatArticle } from './dataTransform-b1425423.js';
 import { PATHS } from './togetherApiPaths.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-09f8e5fd.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-c06cb90b.js';
 import { Minus, Plus } from '@hhgtech/icons/core';
 import { Collapse } from '@mantine/core';
-import { C as CardAuthor } from './index-b2316ee2.js';
-import { L as LOCALE } from './Locale-f131de60.js';
+import { C as CardAuthor } from './index-b4e7973e.js';
+import { L as LOCALE } from './Locale-f7e857ca.js';
 import '@hhgtech/icons/other';
-import './index-a0f010bf.js';
-import './index-0d4e612e.js';
-import './other-6869ae5e.js';
-import './index-2c4ea8ae.js';
-import './translationsContext-3e444dde.js';
-import './index-6bf4911c.js';
-import './index-87d7e39b.js';
+import './index-d2663949.js';
+import './index-82e120c8.js';
+import './other-a530411a.js';
+import './index-57e8887f.js';
+import './translationsContext-79df4eb3.js';
+import './index-71fd886f.js';
+import './index-b37b0a08.js';
 import './miscCookieHelper.js';
 import 'slugify';
 import './constantsIsProduction.js';
 import 'string-format';
-import './constants-fb73e3ef.js';
+import './constants-c0913a2b.js';
 import 'dayjs';
 import 'dayjs/plugin/relativeTime';
-import './utils-2cba8675.js';
-import './index-a5b8a392.js';
-import './paths-bbb40f27.js';
-import './constants-78ddad2e.js';
-import './index-ef63171d.js';
+import './utils-bbeadd87.js';
+import './index-163109f0.js';
+import './paths-e136ce4b.js';
+import './constants-f334b206.js';
+import './index-bf70ce29.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsDomainLocales.js';
 import './constantsRiskScreener.js';
-import './index-55e275b4.js';
+import './index-2c7df8ac.js';
 import './miscTheme.js';
-import './WhatsApp-a86d6d53.js';
-import './Spinner-47aa89e4.js';
-import './index-3af42a84.js';
+import './WhatsApp-061e59f5.js';
+import './Spinner-6fdb59b3.js';
+import './index-6281cb90.js';
 import '@emotion/styled';
-import './useScreenSize-db569e75.js';
-import './index-8d7c8364.js';
-import './index-cf7511b0.js';
+import './useScreenSize-4681ce8d.js';
+import './index-62cab603.js';
+import './index-973c9d29.js';
 import '@emotion/react';
-import './index-63e8911e.js';
-import './index-9789a5bb.js';
-import './index.styles-3b4cb44d.js';
+import './index-19825c11.js';
+import './index-7c85702d.js';
+import './index.styles-ccd55f9c.js';
 
 const ProfileDetailContext = createContext({});
 

package/build/esm/{index-63e8911e.js → index-19825c11.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-666e3cd6.js';
+import { _ as __rest } from './tslib.es6-bbcd45f4.js';
 import React__default from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { T as Text } from './index-0d4e612e.js';
+import { T as Text } from './index-82e120c8.js';
 
 /**
  * @deprecated Consider to use import { Title } from '@mantine/core'

package/build/esm/{index-84ca8d60.js → index-1aca6563.js}

@@ -1,8 +1,8 @@
 import React__default, { useState, useRef, useEffect } from 'react';
-import { u as useScrollbarSize } from './useScrollbarSize-241f3dd8.js';
+import { u as useScrollbarSize } from './useScrollbarSize-588f44da.js';
 import { createPortal } from 'react-dom';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-2cba8675.js';
+import { M as MediaQueries } from './utils-bbeadd87.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-a111eead.js → index-1ae2d49f.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import styled from '@emotion/styled';
-import { L as Label } from './index-aefd2493.js';
+import { L as Label } from './index-ddc5c170.js';
 import { theme } from './miscTheme.js';
 
 const StyledTextArea = styled.div `