@hhgtech/hhg-components 1.29.89 → 1.29.91

package/build/esm/healthToolsForm.js

@@ -1,56 +1,56 @@
-export { D as DueDateForm } from './index-4d27d02e.js';
-export { B as BmiForm } from './index-5e17f985.js';
-export { B as BabyPoopForm } from './index-082a24ae.js';
-export { T as ThrForm } from './index-70883b48.js';
-export { O as OvulationForm } from './index-7ca4ec53.js';
-export { B as BabyVaccineForm } from './index-2ac50d8f.js';
-export { P as PWGForm } from './index-16a4f1c7.js';
-import './tslib.es6-e0840efa.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-46d6c03f.js';
+import './LastPeriod-8b061ce0.js';
 import 'date-fns';
 import '@mantine/core';
 import '@mantine/form';
 import 'dayjs';
-import './index-57da0f13.js';
+import './index-a09f3552.js';
 import '@hhgtech/icons/other';
 import '@mantine/hooks';
-import './index-9f076f64.js';
+import './index-84c054e7.js';
 import './constantsDomainLocales.js';
-import './Locale-b86a7a92.js';
+import './Locale-1f70cff6.js';
 import './constantsIsProduction.js';
-import './index.styles-25454e9c.js';
-import './utils-8a1f05c9.js';
+import './index.styles-3a9678f3.js';
+import './utils-aa04839d.js';
 import '@emotion/styled';
 import '@mantine/carousel';
-import './index-99551970.js';
-import './other-08d0b30e.js';
-import './index-7decdf27.js';
+import './index-2efaf696.js';
+import './other-10e3949c.js';
+import './index-5a0ffddc.js';
 import './miscTheme.js';
-import './useMantineLocale-b29ca68b.js';
-import './index-9e220aaa.js';
+import './useMantineLocale-c6835c19.js';
+import './index-03c0f1e4.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsRiskScreener.js';
-import './index-c4b04b5f.js';
-import './index-4cf37916.js';
+import './index-4d2e82c3.js';
+import './index-a851a3e7.js';
 import 'classnames';
-import './useUniqueId-8f710187.js';
+import './useUniqueId-0dbd051a.js';
 import '@hhgtech/icons/core';
-import './index-32a968a1.js';
+import './index-6eca5507.js';
 import '@mantine/dates';
-import './useTranslations-b66d9f2b.js';
-import './translationsContext-8afb0ce3.js';
+import './useTranslations-81ab9586.js';
+import './translationsContext-181bfb50.js';
 import 'string-format';
-import './index-9d7d3a53.js';
+import './index-d1b97fea.js';
 import 'react-keyed-flatten-children';
 import 'react-hook-form';
-import './useHealthToolCache-931ab3ca.js';
+import './useHealthToolCache-1ad9299e.js';
 import './miscGetDynamicHealthTool.js';
-import './normalizeLink-d756e5e6.js';
-import './routing-b81b8f17.js';
-import './core-6d8629c2.js';
-import './constants-0497b893.js';
-import './index-1313a7ac.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-af02be2a.js';
+import './constants-4a5acbeb.js';

package/build/esm/hooks.js

@@ -1,25 +1,25 @@
-export { u as useTranslations } from './useTranslations-b66d9f2b.js';
-export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-431cf33c.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-391ffab0.js';
-export { u as useHealthToolsCache } from './useHealthToolCache-931ab3ca.js';
-export { u as useIsInit } from './useIsInit-f59c6bd2.js';
-export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-12815e56.js';
-export { u as useInitialMount, a as useUniqueId } from './useUniqueId-8f710187.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-8afb0ce3.js';
+import './translationsContext-181bfb50.js';
 import 'string-format';
 import 'lodash/debounce';
-import './tslib.es6-e0840efa.js';
+import './tslib.es6-5158adbb.js';
 import './miscCookieHelper.js';
-import './index-7decdf27.js';
-import './Locale-b86a7a92.js';
+import './index-5a0ffddc.js';
+import './Locale-1f70cff6.js';
 import './miscGetDynamicHealthTool.js';
-import './normalizeLink-d756e5e6.js';
-import './routing-b81b8f17.js';
-import './index-9e220aaa.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-6d8629c2.js';
+import './core-abebbaa2.js';

package/build/esm/i18n.js

@@ -1,5 +1,5 @@
-import { T as TranslationsContext } from './translationsContext-8afb0ce3.js';
-export { T as TranslationsContext } from './translationsContext-8afb0ce3.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-8afb0ce3.js';
-export { T as TranslationsContext } from './translationsContext-8afb0ce3.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-930b0a77.js → index-0204dbd6.js}

@@ -1,23 +1,23 @@
-import { _ as __rest } from './tslib.es6-e0840efa.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-57da0f13.js';
-import { D as DatePicker } from './index-32a968a1.js';
-import { T as Text } from './index-99551970.js';
-import './index-c4b04b5f.js';
-import './index.styles-25454e9c.js';
-import { u as useTranslations } from './useTranslations-b66d9f2b.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-7decdf27.js';
-import './index-9f076f64.js';
-import './utils-8a1f05c9.js';
-import './useMantineLocale-b29ca68b.js';
-import './index-9e220aaa.js';
-import './other-08d0b30e.js';
-import { I as INPUT_RANGE } from './constants-af02be2a.js';
-import { H as HealthToolFormWrapper } from './index-9d7d3a53.js';
-import { G as GenderOptionControl } from './index-1313a7ac.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-9e220aaa.js → index-03c0f1e4.js}

@@ -1,10 +1,10 @@
 import { enUS, vi, km, hi, id, ms, th, zhTW } from 'date-fns/locale';
-import './index-7decdf27.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-b86a7a92.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-38b87b21.js → index-04f4c07c.js}

@@ -1,20 +1,20 @@
-import { _ as __rest } from './tslib.es6-e0840efa.js';
+import { _ as __rest } from './tslib.es6-5158adbb.js';
 import React__default from 'react';
-import './index-57da0f13.js';
+import './index-a09f3552.js';
 import '@mantine/core';
 import '@mantine/dates';
-import './index-9e220aaa.js';
-import './index-7decdf27.js';
-import './index-9f076f64.js';
-import './useMantineLocale-b29ca68b.js';
-import { T as Text$1 } from './index-99551970.js';
-import './index-c4b04b5f.js';
-import './index.styles-25454e9c.js';
-import './translationsContext-8afb0ce3.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-8a1f05c9.js';
-import './other-08d0b30e.js';
+import './utils-aa04839d.js';
+import './other-10e3949c.js';
 
 /**
  * @deprecated Consider to use import { Text } from '@hhgtech/hhg-components/mantine'

package/build/esm/{index-275c8526.js → index-05fa18de.js}

@@ -1,26 +1,26 @@
 import React__default from 'react';
-import { C as Container } from './index-c9467e39.js';
+import { C as Container } from './index-75505e2e.js';
 import dayjs from 'dayjs';
-import './index-9e220aaa.js';
-import './index-57da0f13.js';
+import './index-03c0f1e4.js';
+import './index-a09f3552.js';
 import { Flex, Stack, Box } from '@mantine/core';
 import '@mantine/dates';
-import './index-7decdf27.js';
-import './index-9f076f64.js';
-import './useMantineLocale-b29ca68b.js';
-import { T as Text } from './index-99551970.js';
-import './index-c4b04b5f.js';
-import { u as useScreenSize } from './index.styles-25454e9c.js';
-import './translationsContext-8afb0ce3.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-8a1f05c9.js';
-import './other-08d0b30e.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-949f771c.js';
-import { M as MarryBabyText } from './index-b09ced58.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-2c4a2d31.js → index-079c1c56.js}

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

package/build/esm/{index-1a2bc551.js → index-0c877170.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-e0840efa.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-99551970.js';
+import { T as Text } from './index-2efaf696.js';
 
 /**
  * @deprecated Consider to use import { Title } from '@mantine/core'

package/build/esm/{index-04ba5caa.js → index-0cc0c471.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-8a1f05c9.js';
+import { M as MediaQueries } from './utils-aa04839d.js';
 import { theme } from './miscTheme.js';
 
 const StyledPopup = styled.div `
@@ -89,13 +89,15 @@ const StyledPopupWrapper = styled.div `
   }
 `;
 
-const Popup = ({ type = 'lead', closeIcon, isOpen = true, onClose, children, className = '', enableAnimation = true, }) => {
+const Popup = ({ type = 'lead', closeIcon, isOpen = true, onClose, children, className = '', enableAnimation = true, disableClickOutside = false, }) => {
     return (React__default.createElement(React__default.Fragment, null,
         React__default.createElement(StyledPopup, { "data-open": isOpen, "data-type": type, "data-animation": enableAnimation },
             React__default.createElement("div", { className: `${className || ''} popup-content` },
                 !!closeIcon && (React__default.createElement("div", { className: "close-button", onClick: onClose }, closeIcon)),
                 children)),
-        React__default.createElement(StyledPopupWrapper, { "data-open": isOpen, onClick: onClose })));
+        React__default.createElement(StyledPopupWrapper, { "data-open": isOpen, onClick: () => {
+                !disableClickOutside && onClose();
+            } })));
 };
 
 export { Popup as P };

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

@@ -1,4 +1,4 @@
-import { _ as __rest } from './tslib.es6-e0840efa.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-b5ed732f.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-99551970.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-8a1f05c9.js';
-import { R as Radio$1 } from './index-57da0f13.js';
-import { T as Text$1 } from './index-38b87b21.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-e0840efa.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-c5286b89.js → index-20f25129.js}

@@ -1,19 +1,19 @@
-import { _ as __rest } from './tslib.es6-e0840efa.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-57da0f13.js';
+import { t as themeColors } from './index-a09f3552.js';
 import '@mantine/dates';
-import './index-9e220aaa.js';
-import './index-7decdf27.js';
-import './index-9f076f64.js';
-import './useMantineLocale-b29ca68b.js';
-import { T as Text } from './index-99551970.js';
-import './index-c4b04b5f.js';
-import './index.styles-25454e9c.js';
-import { u as useTranslations } from './useTranslations-b66d9f2b.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-8a1f05c9.js';
-import './other-08d0b30e.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-949f771c.js → index-20fa8360.js}

@@ -1,17 +1,17 @@
 import React__default, { useState, useEffect } from 'react';
-import { L as LOCALE } from './Locale-b86a7a92.js';
-import { C as CommonGAssets } from './index-9f076f64.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-8a1f05c9.js';
-import { L as LogoIcon } from './logoIcon-ef6d9e4c.js';
-import './index-7decdf27.js';
-import { I as ImageWrap } from './index-4cf37916.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-99551970.js → index-2efaf696.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-e0840efa.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-08d0b30e.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-ed292946.js → index-33b8f9d3.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-e0840efa.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-25454e9c.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-7ad9db02.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-b66d9f2b.js';
-import { M as MediaQueries, t as toggleNoScroll } from './utils-8a1f05c9.js';
-import { A as AuthorBadge, B as BookingBtn } from './index-52d04cc5.js';
-import { _ as __rest } from './tslib.es6-e0840efa.js';
-import { U as UserAvatar } from './index-93c8863d.js';
-import { u as useScreenSize } from './index.styles-25454e9c.js';
-import './index-9e220aaa.js';
-import { C as CommonGAssets } from './index-9f076f64.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-f873578b.js';
-import { B as Button } from './index-9c268a93.js';
-import { T as Text } from './index-99551970.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-4cf37916.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-1a2bc551.js';
-import { M as Modal } from './index-ed292946.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-628c5e84.js → index-3af32165.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { I as Icon } from './index-19f27bd3.js';
-import { u as useTranslations } from './useTranslations-b66d9f2b.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-84b3ef3d.js → index-3c4dcb55.js}

@@ -1,9 +1,9 @@
 import React__default, { useState } from 'react';
-import { F as Flag } from './index-57da0f13.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-99551970.js';
-import { C as CommonGAssets } from './index-9f076f64.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-19f27bd3.js → index-40bce095.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-e0840efa.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-ed8ce0f2.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"]);