@hhgtech/hhg-components 1.29.80 → 1.29.81

package/build/esm/footer.js

@@ -1,30 +1,30 @@
-export { F as Footer } from './index-bcd13f1d.js';
+export { F as Footer } from './index-c1af3a8e.js';
 import 'react';
-import './index-6c0f560b.js';
+import './index-782fed08.js';
 import 'dayjs';
-import './index-c807ef87.js';
+import './index-bef3c9bd.js';
 import 'date-fns/locale';
-import './index-eeedf0f0.js';
-import './isProduction-2838b9ae.js';
-import './index-92eedeb0.js';
-import './tslib.es6-2673b49d.js';
+import './index-e3787b20.js';
+import './isProduction-5684a28c.js';
+import './index-21eac858.js';
+import './tslib.es6-761239c7.js';
 import '@hhgtech/icons/other';
 import '@mantine/core';
 import '@mantine/hooks';
-import './index-80f4d7df.js';
-import './utils-511a24f4.js';
+import './index-78255d6c.js';
+import './utils-f8761b9d.js';
 import '@emotion/styled';
 import '@mantine/carousel';
-import './index-4dcdce19.js';
-import './theme-0af1cc3d.js';
-import './useMantineLocale-1373e175.js';
+import './index-c200bff6.js';
+import './theme-f18c2351.js';
+import './useMantineLocale-4fb67342.js';
+import './index-2b9213cf.js';
 import 'classnames';
-import './useUniqueId-d4b0bdd3.js';
+import './useUniqueId-c23213b6.js';
 import '@hhgtech/icons/core';
 import '@mantine/dates';
-import './translationsContext-036458b7.js';
+import './translationsContext-f3d1a7bd.js';
 import 'string-format';
-import './index-d48b5db6.js';
-import './utils-ff5d88a2.js';
-import './index-d5b66388.js';
-import './index.styled-9e147e72.js';
+import './index-1ecbcf21.js';
+import './logoIcon-d93bc56e.js';
+import './index-87a2ea8c.js';

package/build/esm/gAssets.js

@@ -1,5 +1,5 @@
-export { C as CommonGAssets, G as GAssets } from './index-80f4d7df.js';
-import './index-c807ef87.js';
+export { C as CommonGAssets, G as GAssets } from './index-78255d6c.js';
+import './index-bef3c9bd.js';
 import 'date-fns/locale';
-import './index-eeedf0f0.js';
-import './isProduction-2838b9ae.js';
+import './index-e3787b20.js';
+import './isProduction-5684a28c.js';

package/build/esm/{getDynamicHealthTool-09fda8b3.js → getDynamicHealthTool-7681e43a.js}

@@ -1,7 +1,7 @@
-import { a as __awaiter } from './tslib.es6-2673b49d.js';
-import { n as normalizeLinkSlash } from './normalizeLink-38ab69f4.js';
-import { c as getDiscoverApiDomain } from './routing-7bc3e320.js';
-import { g as getDataWithCache } from './core-5a22b83e.js';
+import { a as __awaiter } from './tslib.es6-761239c7.js';
+import { n as normalizeLinkSlash } from './normalizeLink-d6f57223.js';
+import { c as getDiscoverApiDomain } from './routing-bebdc8b7.js';
+import { g as getDataWithCache } from './core-c72e0ff5.js';
 
 const formatHealthTool = (healthTool, locale) => {
     var _a, _b;

package/build/esm/{getSocialList-96301dbb.js → getSocialList-e8142513.js}

@@ -1,10 +1,9 @@
 import React__default from 'react';
-import { _ as __rest } from './tslib.es6-2673b49d.js';
-import { I as Instagram } from './Instagram-319a8e34.js';
-import { W as WhatsApp } from './index-13bf84f4.js';
-import { S as SocialType, L as LOCALE } from './index-eeedf0f0.js';
-import { g as getHelloSitesUrl } from './index-ef855343.js';
-import { C as CommonGAssets } from './index-80f4d7df.js';
+import { _ as __rest } from './tslib.es6-761239c7.js';
+import { W as WhatsApp, I as Instagram } from './WhatsApp-7d3732e2.js';
+import { S as SocialType, L as LOCALE } from './index-e3787b20.js';
+import { g as getHelloSitesUrl } from './index-9f1899f2.js';
+import { C as CommonGAssets } from './index-78255d6c.js';
 
 const Facebook = (_a) => {
     var { size } = _a, rest = __rest(_a, ["size"]);

package/build/esm/healthToolsForm.js

@@ -0,0 +1,40 @@
+export { a as BabyPoopForm, b as BabyVaccineForm, B as BmiForm, D as DueDateForm, O as OvulationForm, P as PWGForm, T as ThrForm } from './index-6ac73f00.js';
+import './tslib.es6-761239c7.js';
+import 'react';
+import 'date-fns';
+import '@mantine/core';
+import '@mantine/form';
+import 'dayjs';
+import './index-21eac858.js';
+import '@hhgtech/icons/other';
+import '@mantine/hooks';
+import './index-78255d6c.js';
+import './index-bef3c9bd.js';
+import 'date-fns/locale';
+import './index-e3787b20.js';
+import './isProduction-5684a28c.js';
+import './utils-f8761b9d.js';
+import '@emotion/styled';
+import '@mantine/carousel';
+import './index-c200bff6.js';
+import './theme-f18c2351.js';
+import './useMantineLocale-4fb67342.js';
+import './index-2b9213cf.js';
+import 'classnames';
+import './useUniqueId-c23213b6.js';
+import '@hhgtech/icons/core';
+import './index-598ab51b.js';
+import '@mantine/dates';
+import './useTranslations-fbf6a6ab.js';
+import './translationsContext-f3d1a7bd.js';
+import 'string-format';
+import './constants-6bdb97a8.js';
+import 'react-keyed-flatten-children';
+import 'react-hook-form';
+import './useHealthToolCache-d97dfa00.js';
+import './getDynamicHealthTool-7681e43a.js';
+import './normalizeLink-d6f57223.js';
+import './routing-bebdc8b7.js';
+import './core-c72e0ff5.js';
+import './constants-71d9f33b.js';
+import './index-f27edf45.js';

package/build/esm/healthToolsForms.d.ts

@@ -0,0 +1,7 @@
+export { DueDateForm, DueDateFormProps, DueDateFormValue, } from "./components/molecules/healthTools/form/dueDateForm";
+export { BmiForm } from "./components/molecules/healthTools/form/bmiForm";
+export { BabyPoopForm } from "./components/molecules/healthTools/form/babyPoopForm";
+export { ThrForm, ThrFormProps, ThrFormValue, } from "./components/molecules/healthTools/form/thrForm";
+export { OvulationForm, OvulationFormProps, OvulationFormValue, } from "./components/molecules/healthTools/form/ovulationForm";
+export { BabyVaccineForm, BabyVaccineFormProps, BabyVaccineFormValue, } from "./components/molecules/healthTools/form/babyVaccineForm";
+export { PWGForm, PWGFormProps, PWGFormValue, } from "./components/molecules/healthTools/form/pwgForm";

package/build/esm/hooks.js

@@ -1,21 +1,21 @@
-export { u as useTranslations } from './useTranslations-adad3b06.js';
-export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-dfdab229.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-7e020652.js';
-export { u as useHealthToolsCache } from './useHealthToolCache-c70e4fd5.js';
-export { u as useIsInit } from './useIsInit-2c5ff93d.js';
-export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-7023de23.js';
-export { u as useInitialMount, a as useUniqueId } from './useUniqueId-d4b0bdd3.js';
+export { u as useTranslations } from './useTranslations-fbf6a6ab.js';
+export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-84bb5b47.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-8f109eb7.js';
+export { u as useHealthToolsCache } from './useHealthToolCache-d97dfa00.js';
+export { u as useIsInit } from './useIsInit-ee864235.js';
+export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-7451aa57.js';
+export { u as useInitialMount, a as useUniqueId } from './useUniqueId-c23213b6.js';
 import 'react';
-import './translationsContext-036458b7.js';
+import './translationsContext-f3d1a7bd.js';
 import 'string-format';
 import 'lodash/debounce';
-import './tslib.es6-2673b49d.js';
-import './cookieHelper-ff6c13b4.js';
-import './index-eeedf0f0.js';
-import './getDynamicHealthTool-09fda8b3.js';
-import './normalizeLink-38ab69f4.js';
-import './routing-7bc3e320.js';
-import './index-c807ef87.js';
+import './tslib.es6-761239c7.js';
+import './cookieHelper-73ce3871.js';
+import './index-e3787b20.js';
+import './getDynamicHealthTool-7681e43a.js';
+import './normalizeLink-d6f57223.js';
+import './routing-bebdc8b7.js';
+import './index-bef3c9bd.js';
 import 'date-fns/locale';
-import './isProduction-2838b9ae.js';
-import './core-5a22b83e.js';
+import './isProduction-5684a28c.js';
+import './core-c72e0ff5.js';

package/build/esm/i18n.js

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

package/build/esm/index-16514f4d.js

@@ -0,0 +1,156 @@
+import { _ as __rest } from './tslib.es6-761239c7.js';
+import React__default, { useMemo } from 'react';
+import { useMantineTheme } from '@mantine/core';
+import styled from '@emotion/styled';
+import { t as theme } from './theme-f18c2351.js';
+import { M as MediaQueries } from './utils-f8761b9d.js';
+
+const StyledInput = styled.div `
+  position: relative;
+  width: 100%;
+
+  &[data-has-error] {
+    input {
+      border-color: ${theme.colors.red700};
+    }
+  }
+
+  input {
+    width: 100%;
+    padding: 12px 16px;
+    border: solid 1px ${theme.colors.gray200};
+    border-radius: ${theme.borderRadius};
+
+    &:active,
+    &:focus,
+    &.focused {
+      border-color: ${(props) => props.color};
+      box-shadow: 0px 0px 2px 2px ${(props) => props.shadowColor};
+    }
+
+    &:disabled {
+      background-color: ${theme.colors.gray100};
+      cursor: not-allowed;
+    }
+  }
+
+  &[data-has-action-icon] {
+    input {
+      padding: 12px 48px 12px 16px;
+    }
+  }
+  &[data-has-display-icon] {
+    input {
+      padding: 12px 16px 12px 48px;
+    }
+  }
+
+  &[data-has-action-icon][data-has-display-icon] {
+    input {
+      padding: 12px 48px;
+    }
+  }
+
+  &[data-size='lg'] {
+    input {
+      font-size: 16px;
+      font-weight: ${theme.sizes.fwRegular};
+      ${MediaQueries.mbDown} {
+        font-size: 22px;
+        line-height: 1.2;
+      }
+
+      ${MediaQueries.mbUp} {
+        font-size: 26px;
+        line-height: 1.2;
+      }
+    }
+  }
+  &[data-size='md'] {
+    input {
+      font-weight: ${theme.sizes.fwRegular};
+      line-height: 22px;
+      ${MediaQueries.mbDown} {
+        font-size: 14px;
+        line-height: 1.2;
+      }
+
+      ${MediaQueries.mbUp} {
+        font-size: 16px;
+        line-height: 1.2;
+      }
+    }
+  }
+  &[data-size='sm'] {
+    input {
+      font-weight: ${theme.sizes.fwRegular};
+      line-height: 20px;
+      ${MediaQueries.mbDown} {
+        font-size: 13px;
+        line-height: 1.5;
+      }
+
+      ${MediaQueries.mbUp} {
+        font-size: 13px;
+        line-height: 1.5;
+      }
+    }
+  }
+`;
+const StyledErrorLabel = styled.label `
+  color: ${theme.colors.red700};
+  font-weight: ${theme.sizes.fwRegular};
+`;
+const StyledActionIcon = styled.div `
+  position: absolute;
+  top: 50%;
+  right: 16px;
+  cursor: pointer;
+  transform: translateY(-50%);
+`;
+const StyledDisplayIcon = styled.div `
+  position: absolute;
+  top: 50%;
+  left: 16px;
+  display: inline-flex;
+  cursor: default;
+  transform: translateY(-50%);
+`;
+
+var styles = {"label":"DjBFAbd"};
+
+/**
+ * @deprecated will removed soon
+ */
+const Label = ({ children, className, style, htmlFor, size }) => {
+    return (React__default.createElement("label", { "data-size": size, className: `${styles.label} ${className || ''}`, style: style, htmlFor: htmlFor }, children));
+};
+
+/**
+ * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'
+ */
+const Input = (_a) => {
+    var { name, value, errorMessage, isNumerousKeyboard = false, showErrorMessage = true, actionIcon: ActionIcon, displayIcon: DisplayIcon, onActionClick, label, className, onChange, isDisabled, CustomInput, size, style, autoComplete = 'off', type = 'text', inputClassName, trackingAttributes, enterKeyHint } = _a, rest = __rest(_a, ["name", "value", "errorMessage", "isNumerousKeyboard", "showErrorMessage", "actionIcon", "displayIcon", "onActionClick", "label", "className", "onChange", "isDisabled", "CustomInput", "size", "style", "autoComplete", "type", "inputClassName", "trackingAttributes", "enterKeyHint"]);
+    const _theme = useMantineTheme();
+    const gaAttributes = useMemo(() => {
+        if (trackingAttributes) {
+            return {
+                'data-event-category': trackingAttributes.dataEventCategory,
+                'data-event-action': trackingAttributes.dataEventAction,
+                'data-event-label': trackingAttributes.dataEventLabel,
+            };
+        }
+        else {
+            return {};
+        }
+    }, [trackingAttributes]);
+    return (React__default.createElement(StyledInput, { "data-size": size, className: className, "data-has-action-icon": !!ActionIcon || undefined, "data-has-display-icon": !!DisplayIcon || undefined, "data-has-error": (errorMessage && errorMessage.length > 0) || undefined, color: _theme.fn.primaryColor(), shadowColor: _theme.colors[_theme.primaryColor][0], style: style },
+        label && (React__default.createElement(Label, { size: "label2", htmlFor: name, className: "inputLabel" }, label)),
+        React__default.createElement("div", { style: { position: 'relative' } },
+            CustomInput ? (CustomInput) : (React__default.createElement("input", Object.assign({ id: name, name: name, onChange: (e) => onChange && onChange(e.target.value), type: type, "aria-label": type, value: value, disabled: isDisabled, autoComplete: autoComplete, inputMode: isNumerousKeyboard || type === 'number' ? 'numeric' : type, pattern: isNumerousKeyboard ? '[0-9]*' : '.*', className: inputClassName, enterKeyHint: enterKeyHint }, gaAttributes, rest))),
+            DisplayIcon && (React__default.createElement(StyledDisplayIcon, { className: "displayIcon" }, DisplayIcon)),
+            ActionIcon && (React__default.createElement(StyledActionIcon, { className: "actionIcon", onClick: onActionClick }, ActionIcon))),
+        errorMessage && errorMessage.length > 0 && showErrorMessage && (React__default.createElement(StyledErrorLabel, { className: "errorLabel" }, errorMessage))));
+};
+
+export { Input as I, Label as L, StyledDisplayIcon as S, StyledActionIcon as a, StyledErrorLabel as b };

package/build/esm/{index-3c7f109c.js → index-1da2ca0b.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-2673b49d.js';
+import { _ as __rest } from './tslib.es6-761239c7.js';
 import React__default from 'react';
-import { B as Button$1 } from './index-92eedeb0.js';
+import { B as Button$1 } from './index-2b9213cf.js';
 
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'

package/build/esm/{utils-ff5d88a2.js → index-1ecbcf21.js}

@@ -1,9 +1,10 @@
+import React__default, { useState, useEffect } from 'react';
+import { L as LOCALE } from './index-e3787b20.js';
+import { C as CommonGAssets } from './index-78255d6c.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-511a24f4.js';
-import React__default, { memo, useMemo } from 'react';
-import { C as CommonGAssets } from './index-80f4d7df.js';
-import { I as ImageWrap } from './index-92eedeb0.js';
-import { L as LOCALE } from './index-eeedf0f0.js';
+import { M as MediaQueries } from './utils-f8761b9d.js';
+import { L as LogoIcon } from './logoIcon-d93bc56e.js';
+import { I as ImageWrap } from './index-21eac858.js';
 
 const StyledLogo = styled.div `
   position: relative;
@@ -148,105 +149,6 @@ const StyledProLogo = styled.img `
   margin-left: -3px;
 `;
 
-const _LogoIcon = ({ type, width, height }) => {
-    const data = useMemo(() => {
-        switch (type) {
-            case 'hellobacsi':
-                return {
-                    width: width || '107px',
-                    height: height || '24px',
-                    src: CommonGAssets.getAssetPath('logo/hellobacsi.png'),
-                };
-            case 'hellodoktor':
-                return {
-                    width: width || '127px',
-                    height: height || '24px',
-                    src: CommonGAssets.getAssetPath('logo/hellodoktor.png'),
-                };
-            case 'hellosehat':
-                return {
-                    width: width || '121px',
-                    height: height || '27px',
-                    src: CommonGAssets.getAssetPath('logo/hellosehat.png'),
-                };
-            case 'hellohealth':
-                return {
-                    width: width || '123px',
-                    height: height || '24px',
-                    src: CommonGAssets.getAssetPath('logo/hellohealth.png'),
-                };
-            case 'hellotogether':
-                return {
-                    width: width || '150px',
-                    height: height || '24px',
-                    src: CommonGAssets.getAssetPath('logo/hellotogether.png'),
-                };
-            case 'hellocare':
-                return {
-                    width: width || '99px',
-                    height: height || '24px',
-                    src: CommonGAssets.getAssetPath('logo/hellocare.png'),
-                };
-            case 'hellodoctor':
-                return {
-                    width: width || '127px',
-                    height: height || '24px',
-                    src: CommonGAssets.getAssetPath('logo/hellodoctor.png'),
-                };
-            case 'hellokrupet':
-                return {
-                    width: width || '101px',
-                    height: height || '24px',
-                    src: CommonGAssets.getAssetPath('logo/hellokrupet.png'),
-                };
-            case 'hellosayarwon':
-                return {
-                    width: width || '111px',
-                    height: height || '24px',
-                    src: CommonGAssets.getAssetPath('logo/hellosayarwon.png'),
-                };
-            case 'helloyishi':
-                return {
-                    width: width || '89px',
-                    height: height || '24px',
-                    src: CommonGAssets.getAssetPath('logo/helloyishi.png'),
-                };
-            case 'hellokhunmor':
-                return {
-                    width: width || '123px',
-                    height: height || '24px',
-                    src: CommonGAssets.getAssetPath('logo/hellokhunmor.png'),
-                };
-            case 'helloswasthya':
-                return {
-                    width: width || '105px',
-                    height: height || '24px',
-                    src: CommonGAssets.getAssetPath('logo/helloswasthya.png'),
-                };
-            case 'logomark':
-                return {
-                    width: width || '60px',
-                    height: height || '57px',
-                    src: CommonGAssets.getAssetPath('logo/logomark.png'),
-                };
-            case 'marryBaby':
-                return {
-                    width: width || '145px',
-                    height: height || '28px',
-                    src: CommonGAssets.getAssetPath('logo/marrybaby.png'),
-                };
-            default:
-                return null;
-        }
-    }, [type, width, height]);
-    const { src, width: logoWidth, height: logoHeight } = data || {};
-    return (React__default.createElement(ImageWrap, { alt: `${type} logo`, className: "main-logo-icon", src: src, style: {
-            width: logoWidth,
-            height: logoHeight,
-        } }));
-};
-const LogoIcon = memo(_LogoIcon);
-
 const isChristmas = (date) => {
     const day = date.getDate();
     const month = date.getMonth();
@@ -364,4 +266,68 @@ const isLabourDay = (date) => {
     return start <= date && date <= end;
 };
 
-export { LogoIcon as L, StyledLogo as S, LunarNewYearLocale as a, isLunarNewYear as b, isNewYear as c, isRamadan as d, isVNHungKing as e, isVN3004 as f, isLabourDay as g, StyledProLogo as h, isChristmas as i };
+const Logo = ({ type, className, style, isLightLogo, customSize, badge, locale, dateForSeasonal, isPro, }) => {
+    const [seasonalChecks, setSeasonalChecks] = useState({
+        isChristmas: false,
+        isLunarNewYear: false,
+        isNewYear: false,
+        isRamadan: false,
+        isVNHungKing: false,
+        isVN3004: false,
+        isLabourDay: false,
+    });
+    useEffect(() => {
+        if (!dateForSeasonal || isNaN(new Date(dateForSeasonal).getTime()))
+            return;
+        const dateForSeasonalDate = new Date(dateForSeasonal);
+        const isChristmasMemo = isChristmas(dateForSeasonalDate);
+        const isLunarNewYearMemo = LunarNewYearLocale.includes(locale) && isLunarNewYear(dateForSeasonalDate);
+        const isNewYearMemo = !isLunarNewYearMemo && isNewYear(dateForSeasonalDate);
+        const isRamadanMemo = isRamadan(dateForSeasonalDate);
+        const isVNHungKingMemo = locale === LOCALE.Vietnam && isVNHungKing(dateForSeasonalDate);
+        const isVN3004Memo = locale === LOCALE.Vietnam && isVN3004(dateForSeasonalDate);
+        const isLabourDayMemo = locale === LOCALE.Vietnam && isLabourDay(dateForSeasonalDate);
+        setSeasonalChecks({
+            isChristmas: isChristmasMemo,
+            isLunarNewYear: isLunarNewYearMemo,
+            isNewYear: isNewYearMemo,
+            isRamadan: isRamadanMemo,
+            isVNHungKing: isVNHungKingMemo,
+            isVN3004: isVN3004Memo,
+            isLabourDay: isLabourDayMemo,
+        });
+    }, [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
+            ? 'ramadan'
+            : seasonalChecks.isChristmas
+                ? 'christmas'
+                : seasonalChecks.isLunarNewYear
+                    ? 'lunar-new-year'
+                    : seasonalChecks.isNewYear
+                        ? 'new-year'
+                        : seasonalChecks.isVNHungKing
+                            ? 'hung-king'
+                            : seasonalChecks.isVN3004
+                                ? '30-04'
+                                : seasonalChecks.isLabourDay
+                                    ? 'labour-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,
+            React__default.createElement(ImageWrap, { alt: "left new year logo", src: CommonGAssets.getAssetPath('logo/new-year-left.png'), className: "common-logo-seasonal-left" }),
+            React__default.createElement(ImageWrap, { alt: "right new year logo", src: CommonGAssets.getAssetPath('logo/new-year-right.png'), className: "common-logo-seasonal-right" }))) : seasonalChecks.isLunarNewYear ? (React__default.createElement(React__default.Fragment, null,
+            React__default.createElement(ImageWrap, { alt: "left lunar new year logo", loading: "lazy", src: CommonGAssets.getAssetPath('logo/lunar-new-year-left.png'), className: "common-logo-seasonal-left" }),
+            React__default.createElement(ImageWrap, { alt: "right lunar new year logo", loading: "lazy", src: CommonGAssets.getAssetPath('logo/lunar-new-year-right.png'), className: "common-logo-seasonal-right" }))) : seasonalChecks.isRamadan && type === 'hellosehat' ? (React__default.createElement(React__default.Fragment, null,
+            React__default.createElement(ImageWrap, { alt: "left ramadan logo", loading: "lazy", src: CommonGAssets.getAssetPath('logo/ramadan-sehat-left.png'), className: "common-logo-seasonal-left" }),
+            React__default.createElement(ImageWrap, { alt: "right ramadan logo", loading: "lazy", src: CommonGAssets.getAssetPath('logo/ramadan-sehat-right.png'), className: "common-logo-seasonal-right" }))) : seasonalChecks.isRamadan && type === 'hellodoktor' ? (React__default.createElement(React__default.Fragment, null,
+            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(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));
+};
+
+export { Logo as L };