@hhgtech/hhg-components 1.29.90 → 1.29.91

package/build/esm/healthToolsForm.js

@@ -1,56 +1,56 @@
-export { D as DueDateForm } from './index-e63aadb3.js';
-export { B as BmiForm } from './index-54d714a2.js';
-export { B as BabyPoopForm } from './index-9c7493b6.js';
-export { T as ThrForm } from './index-4d512cd9.js';
-export { O as OvulationForm } from './index-6ce0d042.js';
-export { B as BabyVaccineForm } from './index-9197f143.js';
-export { P as PWGForm } from './index-1065c7d0.js';
-import './tslib.es6-fd8cab49.js';
+export { D as DueDateForm } from './index-ecd204ee.js';
+export { B as BmiForm } from './index-53ffa25e.js';
+export { B as BabyPoopForm } from './index-ac566ac4.js';
+export { T as ThrForm } from './index-b56a4f69.js';
+export { O as OvulationForm } from './index-af98e914.js';
+export { B as BabyVaccineForm } from './index-d1bd771c.js';
+export { P as PWGForm } from './index-dc89c395.js';
+import './tslib.es6-5158adbb.js';
 import 'react';
-import './LastPeriod-cd2e1a56.js';
+import './LastPeriod-8b061ce0.js';
 import 'date-fns';
 import '@mantine/core';
 import '@mantine/form';
 import 'dayjs';
-import './index-21c80677.js';
+import './index-a09f3552.js';
 import '@hhgtech/icons/other';
 import '@mantine/hooks';
-import './index-d4eef69b.js';
+import './index-84c054e7.js';
 import './constantsDomainLocales.js';
-import './Locale-ecfc005f.js';
+import './Locale-1f70cff6.js';
 import './constantsIsProduction.js';
-import './index.styles-793c0b30.js';
-import './utils-1dbd61fa.js';
+import './index.styles-3a9678f3.js';
+import './utils-aa04839d.js';
 import '@emotion/styled';
 import '@mantine/carousel';
-import './index-5d2f2783.js';
-import './other-f8b0155f.js';
-import './index-e7128232.js';
+import './index-2efaf696.js';
+import './other-10e3949c.js';
+import './index-5a0ffddc.js';
 import './miscTheme.js';
-import './useMantineLocale-bef42461.js';
-import './index-d5543323.js';
+import './useMantineLocale-c6835c19.js';
+import './index-03c0f1e4.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsRiskScreener.js';
-import './index-51179764.js';
-import './index-d034201a.js';
+import './index-4d2e82c3.js';
+import './index-a851a3e7.js';
 import 'classnames';
-import './useUniqueId-d61a7b61.js';
+import './useUniqueId-0dbd051a.js';
 import '@hhgtech/icons/core';
-import './index-b87e6e0b.js';
+import './index-6eca5507.js';
 import '@mantine/dates';
-import './useTranslations-9767b0ea.js';
-import './translationsContext-982b80f4.js';
+import './useTranslations-81ab9586.js';
+import './translationsContext-181bfb50.js';
 import 'string-format';
-import './index-5f04e701.js';
+import './index-d1b97fea.js';
 import 'react-keyed-flatten-children';
 import 'react-hook-form';
-import './useHealthToolCache-41375a2b.js';
+import './useHealthToolCache-1ad9299e.js';
 import './miscGetDynamicHealthTool.js';
-import './normalizeLink-136a636d.js';
-import './routing-e57320c2.js';
-import './core-f2306660.js';
-import './constants-7628355c.js';
-import './index-f8cc91fb.js';
+import './normalizeLink-256dbe0b.js';
+import './routing-ff8b8ac4.js';
+import './core-abebbaa2.js';
+import './constants-92ea9dda.js';
+import './index-bfba816f.js';
 import './embeddedHeathToolCards_helpers.js';
-import './constants-785ee28c.js';
+import './constants-4a5acbeb.js';

package/build/esm/hooks.js

@@ -1,25 +1,25 @@
-export { u as useTranslations } from './useTranslations-9767b0ea.js';
-export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-63b3d369.js';
-export { M as MAPPED_CATEGORY_SLUGS, P as PREGNANCY_SLUG, c as useCategory, u as useFbDataLayer, a as usePrevious, b as useRafState } from './useCategory-c847c3ee.js';
-export { u as useHealthToolsCache } from './useHealthToolCache-41375a2b.js';
-export { u as useIsInit } from './useIsInit-b060587e.js';
-export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-9dd24b21.js';
-export { u as useInitialMount, a as useUniqueId } from './useUniqueId-d61a7b61.js';
+export { u as useTranslations } from './useTranslations-81ab9586.js';
+export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-68399134.js';
+export { M as MAPPED_CATEGORY_SLUGS, P as PREGNANCY_SLUG, c as useCategory, u as useFbDataLayer, a as usePrevious, b as useRafState } from './useCategory-c1de2d40.js';
+export { u as useHealthToolsCache } from './useHealthToolCache-1ad9299e.js';
+export { u as useIsInit } from './useIsInit-666ad955.js';
+export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-83b088c0.js';
+export { u as useInitialMount, a as useUniqueId } from './useUniqueId-0dbd051a.js';
 import 'react';
-import './translationsContext-982b80f4.js';
+import './translationsContext-181bfb50.js';
 import 'string-format';
 import 'lodash/debounce';
-import './tslib.es6-fd8cab49.js';
+import './tslib.es6-5158adbb.js';
 import './miscCookieHelper.js';
-import './index-e7128232.js';
-import './Locale-ecfc005f.js';
+import './index-5a0ffddc.js';
+import './Locale-1f70cff6.js';
 import './miscGetDynamicHealthTool.js';
-import './normalizeLink-136a636d.js';
-import './routing-e57320c2.js';
-import './index-d5543323.js';
+import './normalizeLink-256dbe0b.js';
+import './routing-ff8b8ac4.js';
+import './index-03c0f1e4.js';
 import 'date-fns/locale';
 import './constantsIsProduction.js';
 import './constantsSite.js';
 import './constantsDomainLocales.js';
 import './constantsRiskScreener.js';
-import './core-f2306660.js';
+import './core-abebbaa2.js';

package/build/esm/i18n.js

@@ -1,5 +1,5 @@
-import { T as TranslationsContext } from './translationsContext-982b80f4.js';
-export { T as TranslationsContext } from './translationsContext-982b80f4.js';
+import { T as TranslationsContext } from './translationsContext-181bfb50.js';
+export { T as TranslationsContext } from './translationsContext-181bfb50.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-982b80f4.js';
-export { T as TranslationsContext } from './translationsContext-982b80f4.js';
+import { T as TranslationsContext } from './translationsContext-181bfb50.js';
+export { T as TranslationsContext } from './translationsContext-181bfb50.js';
 import React__default, { useMemo } from 'react';
 
 const TranslationsProvider = ({ locale = 'en-PH', values, children, }) => {

package/build/esm/{index-405b11d3.js → index-0204dbd6.js}

@@ -1,23 +1,23 @@
-import { _ as __rest } from './tslib.es6-fd8cab49.js';
+import { _ as __rest } from './tslib.es6-5158adbb.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-21c80677.js';
-import { D as DatePicker } from './index-b87e6e0b.js';
-import { T as Text } from './index-5d2f2783.js';
-import './index-51179764.js';
-import './index.styles-793c0b30.js';
-import { u as useTranslations } from './useTranslations-9767b0ea.js';
+import { I as Input } from './index-a09f3552.js';
+import { D as DatePicker } from './index-6eca5507.js';
+import { T as Text } from './index-2efaf696.js';
+import './index-4d2e82c3.js';
+import './index.styles-3a9678f3.js';
+import { u as useTranslations } from './useTranslations-81ab9586.js';
 import '@mantine/hooks';
-import './index-e7128232.js';
-import './index-d4eef69b.js';
-import './utils-1dbd61fa.js';
-import './useMantineLocale-bef42461.js';
-import './index-d5543323.js';
-import './other-f8b0155f.js';
-import { I as INPUT_RANGE } from './constants-785ee28c.js';
-import { H as HealthToolFormWrapper } from './index-5f04e701.js';
-import { G as GenderOptionControl } from './index-f8cc91fb.js';
+import './index-5a0ffddc.js';
+import './index-84c054e7.js';
+import './utils-aa04839d.js';
+import './useMantineLocale-c6835c19.js';
+import './index-03c0f1e4.js';
+import './other-10e3949c.js';
+import { I as INPUT_RANGE } from './constants-4a5acbeb.js';
+import { H as HealthToolFormWrapper } from './index-d1b97fea.js';
+import { G as GenderOptionControl } from './index-bfba816f.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const BabyGrowthFormContext = createContext({});

package/build/esm/{index-d5543323.js → index-03c0f1e4.js}

@@ -1,10 +1,10 @@
 import { enUS, vi, km, hi, id, ms, th, zhTW } from 'date-fns/locale';
-import './index-e7128232.js';
+import './index-5a0ffddc.js';
 import { isProduction } from './constantsIsProduction.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 { L as LOCALE } from './Locale-ecfc005f.js';
+import { L as LOCALE } from './Locale-1f70cff6.js';
 
 const basePath = process.env.NEXT_PUBLIC_DEPLOY_LOCALE === 'tl-PH' ? '/fil' : '';
 const SSO_URL = process.env.NEXT_PUBLIC_SSO;

package/build/esm/{index-1778704d.js → index-04f4c07c.js}

@@ -1,20 +1,20 @@
-import { _ as __rest } from './tslib.es6-fd8cab49.js';
+import { _ as __rest } from './tslib.es6-5158adbb.js';
 import React__default from 'react';
-import './index-21c80677.js';
+import './index-a09f3552.js';
 import '@mantine/core';
 import '@mantine/dates';
-import './index-d5543323.js';
-import './index-e7128232.js';
-import './index-d4eef69b.js';
-import './useMantineLocale-bef42461.js';
-import { T as Text$1 } from './index-5d2f2783.js';
-import './index-51179764.js';
-import './index.styles-793c0b30.js';
-import './translationsContext-982b80f4.js';
+import './index-03c0f1e4.js';
+import './index-5a0ffddc.js';
+import './index-84c054e7.js';
+import './useMantineLocale-c6835c19.js';
+import { T as Text$1 } from './index-2efaf696.js';
+import './index-4d2e82c3.js';
+import './index.styles-3a9678f3.js';
+import './translationsContext-181bfb50.js';
 import 'string-format';
 import '@mantine/hooks';
-import './utils-1dbd61fa.js';
-import './other-f8b0155f.js';
+import './utils-aa04839d.js';
+import './other-10e3949c.js';
 
 /**
  * @deprecated Consider to use import { Text } from '@hhgtech/hhg-components/mantine'

package/build/esm/{index-52f07e54.js → index-05fa18de.js}

@@ -1,26 +1,26 @@
 import React__default from 'react';
-import { C as Container } from './index-0b230567.js';
+import { C as Container } from './index-75505e2e.js';
 import dayjs from 'dayjs';
-import './index-d5543323.js';
-import './index-21c80677.js';
+import './index-03c0f1e4.js';
+import './index-a09f3552.js';
 import { Flex, Stack, Box } from '@mantine/core';
 import '@mantine/dates';
-import './index-e7128232.js';
-import './index-d4eef69b.js';
-import './useMantineLocale-bef42461.js';
-import { T as Text } from './index-5d2f2783.js';
-import './index-51179764.js';
-import { u as useScreenSize } from './index.styles-793c0b30.js';
-import './translationsContext-982b80f4.js';
+import './index-5a0ffddc.js';
+import './index-84c054e7.js';
+import './useMantineLocale-c6835c19.js';
+import { T as Text } from './index-2efaf696.js';
+import './index-4d2e82c3.js';
+import { u as useScreenSize } from './index.styles-3a9678f3.js';
+import './translationsContext-181bfb50.js';
 import 'string-format';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-1dbd61fa.js';
-import './other-f8b0155f.js';
+import { M as MediaQueries } from './utils-aa04839d.js';
+import './other-10e3949c.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 import { domainLocales } from './constantsDomainLocales.js';
-import { L as Logo } from './index-8002ffd2.js';
-import { M as MarryBabyText } from './index-b013dd09.js';
+import { L as Logo } from './index-20fa8360.js';
+import { M as MarryBabyText } from './index-12988436.js';
 
 const StyledFooter$1 = styled.footer `
   background-color: #1b3250;

package/build/esm/{index-7a3ac1f6.js → index-079c1c56.js}

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

package/build/esm/{index-296a1099.js → index-0c877170.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-fd8cab49.js';
+import { _ as __rest } from './tslib.es6-5158adbb.js';
 import React__default from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { T as Text } from './index-5d2f2783.js';
+import { T as Text } from './index-2efaf696.js';
 
 /**
  * @deprecated Consider to use import { Title } from '@mantine/core'

package/build/esm/{index-670afcce.js → index-0cc0c471.js}

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

package/build/esm/{index-b013dd09.js → index-12988436.js}

@@ -1,4 +1,4 @@
-import { _ as __rest } from './tslib.es6-fd8cab49.js';
+import { _ as __rest } from './tslib.es6-5158adbb.js';
 import React__default from 'react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';

package/build/esm/{index-44ced5ce.js → index-1b3f4826.js}

@@ -1,12 +1,12 @@
 import React__default, { useState, useRef, useMemo, useEffect, Fragment, createContext } from 'react';
-import { T as Text } from './index-5d2f2783.js';
+import { T as Text } from './index-2efaf696.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { M as MediaQueries, f as formatUrlWithPageParam } from './utils-1dbd61fa.js';
-import { R as Radio$1 } from './index-21c80677.js';
-import { T as Text$1 } from './index-1778704d.js';
+import { M as MediaQueries, f as formatUrlWithPageParam } from './utils-aa04839d.js';
+import { R as Radio$1 } from './index-a09f3552.js';
+import { T as Text$1 } from './index-04f4c07c.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
-import { _ as __rest } from './tslib.es6-fd8cab49.js';
+import { _ as __rest } from './tslib.es6-5158adbb.js';
 import flattenChildren from 'react-keyed-flatten-children';
 
 var styles = {"alert":"CHw-fZZ","content":"_03U6VRS","close":"EO828Vv"};

package/build/esm/{index-75811f98.js → index-20f25129.js}

@@ -1,19 +1,19 @@
-import { _ as __rest } from './tslib.es6-fd8cab49.js';
+import { _ as __rest } from './tslib.es6-5158adbb.js';
 import React__default, { createContext, useContext } from 'react';
 import { useMantineTheme, Flex, rem, Box, createStyles } from '@mantine/core';
-import { t as themeColors } from './index-21c80677.js';
+import { t as themeColors } from './index-a09f3552.js';
 import '@mantine/dates';
-import './index-d5543323.js';
-import './index-e7128232.js';
-import './index-d4eef69b.js';
-import './useMantineLocale-bef42461.js';
-import { T as Text } from './index-5d2f2783.js';
-import './index-51179764.js';
-import './index.styles-793c0b30.js';
-import { u as useTranslations } from './useTranslations-9767b0ea.js';
+import './index-03c0f1e4.js';
+import './index-5a0ffddc.js';
+import './index-84c054e7.js';
+import './useMantineLocale-c6835c19.js';
+import { T as Text } from './index-2efaf696.js';
+import './index-4d2e82c3.js';
+import './index.styles-3a9678f3.js';
+import { u as useTranslations } from './useTranslations-81ab9586.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-1dbd61fa.js';
-import './other-f8b0155f.js';
+import { M as MediaQueries } from './utils-aa04839d.js';
+import './other-10e3949c.js';
 import styled from '@emotion/styled';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 

package/build/esm/{index-8002ffd2.js → index-20fa8360.js}

@@ -1,17 +1,17 @@
 import React__default, { useState, useEffect } from 'react';
-import { L as LOCALE } from './Locale-ecfc005f.js';
-import { C as CommonGAssets } from './index-d4eef69b.js';
+import { L as LOCALE } from './Locale-1f70cff6.js';
+import { C as CommonGAssets } from './index-84c054e7.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-1dbd61fa.js';
-import { L as LogoIcon } from './logoIcon-fbc8e7a1.js';
-import './index-e7128232.js';
-import { I as ImageWrap } from './index-d034201a.js';
+import { M as MediaQueries } from './utils-aa04839d.js';
+import { L as LogoIcon } from './logoIcon-a2f20725.js';
+import './index-5a0ffddc.js';
+import { I as ImageWrap } from './index-a851a3e7.js';
 
 const StyledLogo = styled.div `
   position: relative;
   display: inline-flex;
   align-items: center;
-  z-index: 1;
+  z-index: 0;
   .main-logo-icon {
     object-fit: contain;
   }
@@ -41,6 +41,7 @@ const StyledLogo = styled.div `
     z-index: -1;
     max-width: unset;
     max-height: unset;
+    pointer-events: none;
   }
   .common-logo-seasonal-left {
     position: absolute;
@@ -142,6 +143,38 @@ const StyledLogo = styled.div `
       }
     }
   }
+  &[data-seasonal='vn-independent-day'] {
+    &[data-type='hellobacsi'],
+    &[data-type='marryBaby'] {
+      .common-logo-seasonal-left.desktop-only {
+        width: unset;
+        height: 56px;
+        left: 65%;
+        top: 50%;
+        transform: translate(-50%, -50%);
+      }
+    }
+    &[data-type='hellobacsi'],
+    &[data-type='marryBaby'] {
+      .common-logo-seasonal-left.mobile-only {
+        width: unset;
+        height: 56px;
+        left: 60%;
+        top: 50%;
+        transform: translate(-50%, -50%);
+      }
+    }
+  }
+  .desktop-only {
+    ${MediaQueries.mbDown} {
+      display: none;
+    }
+  }
+  .mobile-only {
+    ${MediaQueries.mbUp} {
+      display: none;
+    }
+  }
 `;
 const StyledProLogo = styled.img `
   height: 16px;
@@ -265,6 +298,15 @@ const isLabourDay = (date) => {
     const end = new Date(current);
     end.setDate(current.getDate() + 1);
     return start <= date && date <= end;
+};
+const isVNIndependentDay = (date) => {
+    const year = date.getFullYear();
+    const current = new Date(year, 8, 2);
+    const start = new Date(current);
+    start.setDate(current.getDate() - 1);
+    const end = new Date(current);
+    end.setDate(current.getDate() + 3);
+    return start <= date && date <= end;
 };
 
 const Logo = ({ type, className, style, isLightLogo, customSize, badge, locale, dateForSeasonal, isPro, }) => {
@@ -276,6 +318,7 @@ const Logo = ({ type, className, style, isLightLogo, customSize, badge, locale,
         isVNHungKing: false,
         isVN3004: false,
         isLabourDay: false,
+        isVNIndependentDay: false,
     });
     useEffect(() => {
         if (!dateForSeasonal || isNaN(new Date(dateForSeasonal).getTime()))
@@ -288,6 +331,7 @@ const Logo = ({ type, className, style, isLightLogo, customSize, badge, locale,
         const isVNHungKingMemo = locale === LOCALE.Vietnam && isVNHungKing(dateForSeasonalDate);
         const isVN3004Memo = locale === LOCALE.Vietnam && isVN3004(dateForSeasonalDate);
         const isLabourDayMemo = locale === LOCALE.Vietnam && isLabourDay(dateForSeasonalDate);
+        const isVNIndependentDayMemo = locale === LOCALE.Vietnam && isVNIndependentDay(dateForSeasonalDate);
         setSeasonalChecks({
             isChristmas: isChristmasMemo,
             isLunarNewYear: isLunarNewYearMemo,
@@ -296,6 +340,7 @@ const Logo = ({ type, className, style, isLightLogo, customSize, badge, locale,
             isVNHungKing: isVNHungKingMemo,
             isVN3004: isVN3004Memo,
             isLabourDay: isLabourDayMemo,
+            isVNIndependentDay: isVNIndependentDayMemo,
         });
     }, [locale, new Date(dateForSeasonal).getDate()]);
     return (React__default.createElement(StyledLogo, { className: className, style: style, "data-logo-is-light": isLightLogo || undefined, "data-has-badge": badge ? true : false, "data-seasonal": seasonalChecks.isRamadan
@@ -312,7 +357,9 @@ const Logo = ({ type, className, style, isLightLogo, customSize, badge, locale,
                                 ? '30-04'
                                 : seasonalChecks.isLabourDay
                                     ? 'labour-day'
-                                    : undefined, "data-type": type },
+                                    : seasonalChecks.isVNIndependentDay
+                                        ? 'vn-independent-day'
+                                        : undefined, "data-type": type },
         seasonalChecks.isChristmas ? (React__default.createElement(React__default.Fragment, null,
             React__default.createElement(ImageWrap, { alt: "left xmas logo", src: CommonGAssets.getAssetPath('logo/xmas-left.png'), className: "common-logo-seasonal-left" }),
             React__default.createElement(ImageWrap, { alt: "right xmas logo", src: CommonGAssets.getAssetPath('logo/xmas-right.png'), className: "common-logo-seasonal-right" }))) : seasonalChecks.isNewYear ? (React__default.createElement(React__default.Fragment, null,
@@ -325,7 +372,10 @@ const Logo = ({ type, className, style, isLightLogo, customSize, badge, locale,
             React__default.createElement(ImageWrap, { alt: "left ramadan logo", loading: "lazy", src: CommonGAssets.getAssetPath('logo/ramadan-doktor-left.png'), className: "common-logo-seasonal-left" }),
             React__default.createElement(ImageWrap, { alt: "right ramadan logo", loading: "lazy", src: CommonGAssets.getAssetPath('logo/ramadan-doktor-right.png'), className: "common-logo-seasonal-right" }))) : seasonalChecks.isVNHungKing &&
             (type === 'hellobacsi' || type === 'marryBaby') ? (React__default.createElement(React__default.Fragment, null,
-            React__default.createElement(ImageWrap, { alt: "Hung King logo", loading: "lazy", src: CommonGAssets.getAssetPath('logo/hung-king-bg.png'), className: "common-logo-seasonal-left" }))) : null,
+            React__default.createElement(ImageWrap, { alt: "Hung King logo", loading: "lazy", src: CommonGAssets.getAssetPath('logo/hung-king-bg.png'), className: "common-logo-seasonal-left" }))) : seasonalChecks.isVNIndependentDay &&
+            (type === 'hellobacsi' || type === 'marryBaby') ? (React__default.createElement(React__default.Fragment, null,
+            React__default.createElement(ImageWrap, { alt: "VN Independent day logo", loading: "lazy", src: CommonGAssets.getAssetPath('logo/vn-independence-desktop.png'), className: "common-logo-seasonal-left desktop-only" }),
+            React__default.createElement(ImageWrap, { alt: "VN Independent day logo", loading: "lazy", src: CommonGAssets.getAssetPath('logo/vn-independence-mobile.png'), className: "common-logo-seasonal-left mobile-only" }))) : null,
         React__default.createElement(LogoIcon, { type: type, width: customSize === null || customSize === void 0 ? void 0 : customSize.width, height: customSize === null || customSize === void 0 ? void 0 : customSize.height }),
         isPro ? (React__default.createElement(StyledProLogo, { src: CommonGAssets.getAssetPath('logo/pro-suffix.svg') })) : null,
         badge));

package/build/esm/{index-5d2f2783.js → index-2efaf696.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-fd8cab49.js';
+import { _ as __rest } from './tslib.es6-5158adbb.js';
 import React__default from 'react';
 import { createStyles, Text as Text$1 } from '@mantine/core';
-import { O as OTHER_THEME_CONFIG, F as FontWeight } from './other-f8b0155f.js';
+import { O as OTHER_THEME_CONFIG, F as FontWeight } from './other-10e3949c.js';
 
 var useStyles = createStyles((theme, _params) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;

package/build/esm/{index-011e1a41.js → index-33b8f9d3.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-fd8cab49.js';
+import { _ as __rest } from './tslib.es6-5158adbb.js';
 import React__default from 'react';
 import { Modal as Modal$1 } from '@mantine/core';
-import { a as useStyles } from './index.styles-793c0b30.js';
+import { a as useStyles } from './index.styles-3a9678f3.js';
 
 const Modal = (_a) => {
     var { styles, classNames, transitionProps } = _a, rest = __rest(_a, ["styles", "classNames", "transitionProps"]);

package/build/esm/{index-d66bd239.js → index-3a9b73e3.js}

@@ -3,24 +3,24 @@ import { CrossLogo, ShieldCheck } from '@hhgtech/icons/other';
 import { createStyles, Box, Flex, rem } from '@mantine/core';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { u as useTranslations } from './useTranslations-9767b0ea.js';
-import { M as MediaQueries, t as toggleNoScroll } from './utils-1dbd61fa.js';
-import { A as AuthorBadge, B as BookingBtn } from './index-b266ccec.js';
-import { _ as __rest } from './tslib.es6-fd8cab49.js';
-import { U as UserAvatar } from './index-a0d47b03.js';
-import { u as useScreenSize } from './index.styles-793c0b30.js';
-import './index-d5543323.js';
-import { C as CommonGAssets } from './index-d4eef69b.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-8a1ccf09.js';
-import { B as Button } from './index-42286f3e.js';
-import { T as Text } from './index-5d2f2783.js';
+import { u as useTranslations } from './useTranslations-81ab9586.js';
+import { M as MediaQueries, t as toggleNoScroll } from './utils-aa04839d.js';
+import { A as AuthorBadge, B as BookingBtn } from './index-aeb4db38.js';
+import { _ as __rest } from './tslib.es6-5158adbb.js';
+import { U as UserAvatar } from './index-aa242b22.js';
+import { u as useScreenSize } from './index.styles-3a9678f3.js';
+import './index-03c0f1e4.js';
+import { C as CommonGAssets } from './index-84c054e7.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-f1cb9a60.js';
+import { B as Button } from './index-51ceb258.js';
+import { T as Text } from './index-2efaf696.js';
 import { theme } from './miscTheme.js';
-import { I as ImageWrap } from './index-d034201a.js';
+import { I as ImageWrap } from './index-a851a3e7.js';
 import styled from '@emotion/styled';
 import { CARE_PATHS, DISCOVER_PATHS } from './togetherApiPaths.js';
 import { keyframes } from '@emotion/react';
-import { H as Heading } from './index-296a1099.js';
-import { M as Modal } from './index-011e1a41.js';
+import { H as Heading } from './index-0c877170.js';
+import { M as Modal } from './index-33b8f9d3.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"};

package/build/esm/{index-bda0913e.js → index-3af32165.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { I as Icon } from './index-cb4b219f.js';
-import { u as useTranslations } from './useTranslations-9767b0ea.js';
+import { I as Icon } from './index-40bce095.js';
+import { u as useTranslations } from './useTranslations-81ab9586.js';
 
 var styles = {"loading":"tliWyii"};
 

package/build/esm/{index-391aad5b.js → index-3c4dcb55.js}

@@ -1,9 +1,9 @@
 import React__default, { useState } from 'react';
-import { F as Flag } from './index-21c80677.js';
+import { F as Flag } from './index-a09f3552.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { T as Text } from './index-5d2f2783.js';
-import { C as CommonGAssets } from './index-d4eef69b.js';
+import { T as Text } from './index-2efaf696.js';
+import { C as CommonGAssets } from './index-84c054e7.js';
 
 const ALLOW_DOMAIN_URL = [
     'hellobacsi.com',

package/build/esm/{index-cb4b219f.js → index-40bce095.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-fd8cab49.js';
+import { _ as __rest } from './tslib.es6-5158adbb.js';
 import React__default from 'react';
 import { theme } from './miscTheme.js';
-import { W as WhatsApp, I as Instagram } from './WhatsApp-6e473416.js';
+import { W as WhatsApp, I as Instagram } from './WhatsApp-22def39c.js';
 
 const ArrowRightTail = (_a) => {
     var { size = 24, color: colorInit = theme.colors.gray600, useCurrentColor, isActive, activeColor = theme.colors.primaryBase } = _a, rest = __rest(_a, ["size", "color", "useCurrentColor", "isActive", "activeColor"]);

package/build/esm/{index-ec003775.js → index-4351d3cf.js}

@@ -1,6 +1,6 @@
-import { c as cookie } from './index-efcf28a7.js';
-import { B as BEARER_TOKEN_COOKIE } from './index-d5543323.js';
-import { N as NodeIntentType } from './index-e7128232.js';
+import { c as cookie } from './index-34dba1c3.js';
+import { B as BEARER_TOKEN_COOKIE } from './index-03c0f1e4.js';
+import { N as NodeIntentType } from './index-5a0ffddc.js';
 import Cookies from 'js-cookie';
 import { v4 } from 'uuid';
 import { isProduction } from './constantsIsProduction.js';