@hhgtech/hhg-components 1.29.23 → 1.29.25

package/build/{index-22f2d9d4.js → index-91dfa8fd.js}

@@ -1,71 +1,72 @@
 'use strict';
 
 var React = require('react');
-var index$2 = require('./index-0a0388bf.js');
-var index_styles = require('./index.styles-f01df622.js');
-var utils = require('./utils-9757de2d.js');
-var index$3 = require('./index-32ea3d2a.js');
-var index$4 = require('./index-e4125647.js');
-var tslib_es6 = require('./tslib.es6-2ac79a26.js');
+var index$2 = require('./index-e1ab3b36.js');
+var index_styles = require('./index.styles-ead24c3b.js');
+var utils = require('./utils-1f428807.js');
+var index$3 = require('./index-55fd130f.js');
+var index$4 = require('./index-e76b722c.js');
+var tslib_es6 = require('./tslib.es6-86f09fff.js');
 var other = require('@hhgtech/icons/other');
-var index$5 = require('./index-e0539879.js');
-var index$6 = require('./index-a9909eda.js');
-var theme = require('./theme-c77539f8.js');
+var index$5 = require('./index-619c46d6.js');
+var index$6 = require('./index-35563f12.js');
+var theme = require('./theme-98664cfd.js');
 var core = require('@mantine/core');
 var innertext = require('innertext');
 require('@mantine/dates');
-var index$b = require('./index-a6df76e8.js');
-var Subot = require('./Subot-10b3bc3c.js');
-require('./useMantineLocale-5bdd1d8e.js');
-require('./translationsContext-f03cde97.js');
+var index$b = require('./index-42026289.js');
+var index$j = require('./index-717e466d.js');
+require('./useMantineLocale-7c47271c.js');
+require('./translationsContext-4b7afa0b.js');
 require('string-format');
 var hooks = require('@mantine/hooks');
-var index$7 = require('./index-d29fe144.js');
+var index$7 = require('./index-2efce884.js');
 var styled = require('@emotion/styled');
 var throttle = require('lodash/throttle');
-var index$8 = require('./index-36d6ceab.js');
-var index$a = require('./index-0ab5406a.js');
-var index$9 = require('./index-f856a387.js');
+var index$8 = require('./index-d4e42148.js');
+var index$a = require('./index-062199dd.js');
+var index$9 = require('./index-de3537ec.js');
 var react = require('@emotion/react');
 var parse = require('html-react-parser');
-var isProduction = require('./isProduction-96b803ee.js');
-var useTranslations = require('./useTranslations-edb824e3.js');
+var isProduction = require('./isProduction-b1fe9e14.js');
+var useTranslations = require('./useTranslations-480f64da.js');
 var dateFns = require('date-fns');
 var dayjs = require('dayjs');
-var types = require('./types-33b76625.js');
-var utils$1 = require('./utils-f4ec384b.js');
-var index$d = require('./index-56035c50.js');
-var index$e = require('./index-a031b95e.js');
-var index$f = require('./index-2eb92c6e.js');
-var index$c = require('./index-497d465f.js');
-var index$g = require('./index-1754c5e0.js');
+var types = require('./types-68510635.js');
+var utils$1 = require('./utils-c5ddb828.js');
+var index$d = require('./index-a6795e34.js');
+var index$e = require('./index-d56f3314.js');
+var index$f = require('./index-5aaa87c9.js');
+var index$c = require('./index-bb55a2a5.js');
+var index$g = require('./index-8515dc14.js');
 var reactHookForm = require('react-hook-form');
-var useHealthToolCache = require('./useHealthToolCache-966d36c1.js');
+var useHealthToolCache = require('./useHealthToolCache-b9f0195f.js');
 var yup = require('@hookform/resolvers/yup');
-var index$h = require('./index-f5e6489c.js');
-var index$i = require('./index-663b3cf0.js');
-var constants = require('./constants-83103c86.js');
-var index$j = require('./index-ec6a5ce1.js');
-require('./utils-5e5329b4.js');
-require('./index.styled-98760ae1.js');
-require('./index-b8f0bfc8.js');
-var useOutsideClick = require('./useOutsideClick-962ad8f7.js');
+var index$h = require('./index-a6ade3c7.js');
+var index$i = require('./index-802d6d60.js');
+var constants = require('./constants-7fddc7f7.js');
+var index$k = require('./index-90e90e3d.js');
+require('./utils-d8620de3.js');
+require('./WhatsApp-35770ecc.js');
+require('./index.styled-4f0b82d2.js');
+require('./index-1327fbe0.js');
+var useOutsideClick = require('./useOutsideClick-cff03e12.js');
 var enUS = require('date-fns/locale/en-US');
 var id = require('date-fns/locale/id');
 var vi = require('date-fns/locale/vi');
 var zhTW = require('date-fns/locale/zh-TW');
-var getSocialList = require('./getSocialList-b92d91aa.js');
+var getSocialList = require('./getSocialList-b23f0cb7.js');
 var uuid = require('uuid');
-var routing = require('./routing-c18c13c1.js');
+var routing = require('./routing-583ce55e.js');
 var form = require('@mantine/form');
-var index$k = require('./index-0530a6d5.js');
+var index$l = require('./index-564d3bfc.js');
 var core$1 = require('@hhgtech/icons/core');
-var index$l = require('./index-a9d7ba78.js');
+var index$m = require('./index-9f1cb55a.js');
 var Cookies = require('js-cookie');
 var flatten = require('lodash/flatten');
 var uniqBy = require('lodash/uniqBy');
-var cookieHelper = require('./cookieHelper-13eeab44.js');
-var normalizeLink = require('./normalizeLink-cfc248a6.js');
+var cookieHelper = require('./cookieHelper-0b7f586d.js');
+var normalizeLink = require('./normalizeLink-2fbce9d9.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -4618,7 +4619,7 @@ const BabyGrowthForm = ({ onSubmit, onError, schema, siteType, layout = 'vertica
         mode: 'onSubmit',
         defaultValues: {
             name: '',
-            gender: Subot.Gender.Boy,
+            gender: index$j.Gender.Boy,
             measurementDate: new Date(),
         },
     });
@@ -5136,7 +5137,7 @@ const THRCardEmbed = ({ isSide, locale, thrContent, isMobile, info, inputErrorMe
         React__default["default"].createElement(ToolsBannerCard, { isSide: isSide, icon: React__default["default"].createElement("img", { alt: "health-tool-icon", src: (thrContent === null || thrContent === void 0 ? void 0 : thrContent.featured_image) ||
                     index$5.CommonGAssets.getAssetPath('health-tools/target-heart-rate-icon.svg'), loading: "lazy" }), heading: t('targetHearRate.heading'), medicalReview: ((_a = thrContent === null || thrContent === void 0 ? void 0 : thrContent.reviewedBy) === null || _a === void 0 ? void 0 : _a.display_name)
                 ? {
-                    link: index$j.formatUserProfileUrl(thrContent === null || thrContent === void 0 ? void 0 : thrContent.reviewedBy),
+                    link: index$k.formatUserProfileUrl(thrContent === null || thrContent === void 0 ? void 0 : thrContent.reviewedBy),
                     reviewer: (_b = thrContent === null || thrContent === void 0 ? void 0 : thrContent.reviewedBy) === null || _b === void 0 ? void 0 : _b.display_name,
                     date: thrContent === null || thrContent === void 0 ? void 0 : thrContent.reviewedDate,
                 }
@@ -5600,7 +5601,7 @@ const PWGCardEmbed = ({ locale, onClick, inputErrorMessage, pwgContent, onFormCh
     return (React__default["default"].createElement(StyledContainer$3, { "data-is-side": isSide, "data-site": siteType },
         React__default["default"].createElement(ToolsBannerCard, { siteType: siteType, bannerColor: siteType === 'marryBaby' && theme.theme.mbColors.mint, isEmbeded: true, color: "pink", icon: React__default["default"].createElement("img", { alt: "health-tool-icon", src: (pwgContent === null || pwgContent === void 0 ? void 0 : pwgContent.featuredImage) ||
                     index$5.CommonGAssets.getAssetPath('health-tools/pwg-icon.svg'), loading: "lazy" }), heading: t('pregnancyWeightGain.heading'), medicalReview: {
-                link: index$j.formatUserProfileUrl(pwgContent === null || pwgContent === void 0 ? void 0 : pwgContent.reviewedBy),
+                link: index$k.formatUserProfileUrl(pwgContent === null || pwgContent === void 0 ? void 0 : pwgContent.reviewedBy),
                 reviewer: (_a = pwgContent === null || pwgContent === void 0 ? void 0 : pwgContent.reviewedBy) === null || _a === void 0 ? void 0 : _a.display_name,
                 date: pwgContent === null || pwgContent === void 0 ? void 0 : pwgContent.reviewedDate,
             }, isMobile: isMobile, isSide: isSide }),
@@ -6357,7 +6358,7 @@ const DEFAULT_30S_AD_POS = [
 const ForwaredAdBlock = React.forwardRef(function InfinityAdBlock({ className, adUnitPath, size, divId, pos, sizeMapping, contentId, isHidden, hideIfHasSubot, isSticky, refreshInterval, // seconds
 customTargetings, style, adDefaultSize, noWrapper, showCloseBtn, onCloseAd, headerBottom, wrapperProps, locale, isMarryBaby, }, ref) {
     const defaultRefreshInterval = refreshInterval ||
-        (locale === Subot.LOCALE.Vietnam
+        (locale === index$j.LOCALE.Vietnam
             ? pos.some((p) => DEFAULT_30S_AD_POS.includes(p))
                 ? 30
                 : undefined
@@ -7008,7 +7009,7 @@ const BannerWithOptions = (props) => {
                             cursor: 'pointer',
                         },
                     } }))))),
-            React__default["default"].createElement(index$3.Button, Object.assign({ size: "sm" }, submitBtnTracking, buttonProps, { disabled: form$1.getInputProps('bannerOptions').value.length === 0, leftIcon: isMobile ? (React__default["default"].createElement(index$k.Icon.ArrowRightTail, { size: 18, useCurrentColor: true })) : undefined, onClick: () => {
+            React__default["default"].createElement(index$3.Button, Object.assign({ size: "sm" }, submitBtnTracking, buttonProps, { disabled: form$1.getInputProps('bannerOptions').value.length === 0, leftIcon: isMobile ? (React__default["default"].createElement(index$l.Icon.ArrowRightTail, { size: 18, useCurrentColor: true })) : undefined, onClick: () => {
                     const curValues = form$1.getInputProps('bannerOptions').value;
                     saveStep(curValues.join('|'));
                     handleClickOption(curValues.join('|'));
@@ -7107,7 +7108,10 @@ const SideBannerModal = (_a) => {
     const curBannerHeight = (viewportWidth * mobileBannerRatio.height) / mobileBannerRatio.width;
     const minHeightNha = (viewportHeight <= 667 ? 190 : 265) + curBannerHeight + 74;
     const [isFullScreen, setIsFullScreen] = React.useState(false);
-    return (React__default["default"].createElement(index$l.Modal, Object.assign({ styles: (theme) => ({
+    return (React__default["default"].createElement(index$m.Modal, Object.assign({ styles: (theme) => ({
+            header: {
+                display: 'none',
+            },
             content: {
                 flex: 'auto',
                 background: 'transparent',
@@ -7871,7 +7875,7 @@ const PremiumNewsletterModal = ({ isMobile, isLoggedIn, pnSuggestCategory = [],
                     ga_client_id: Cookies__default["default"].get(index$b.GA_TOKEN_COOKIE),
                     client_ip: window.clientIP || '',
                     user_info: Object.assign(Object.assign({}, acquisitionInfo.userInfo), { name: name || formValues.name, type_subscription: 1 }),
-                    domain: index$b.domainLocales[locale || Subot.LOCALE.Vietnam],
+                    domain: index$b.domainLocales[locale || index$j.LOCALE.Vietnam],
                     category: selectCategory,
                     perferred: acquisitionInfo.preferredTopics.map(({ id }) => ({
                         id,

package/build/{index-a9d7ba78.js → index-9f1cb55a.js}

@@ -1,17 +1,21 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-2ac79a26.js');
+var tslib_es6 = require('./tslib.es6-86f09fff.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index = require('./index-32ea3d2a.js');
+var index = require('./index-55fd130f.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
 const Modal = (_a) => {
-    var { styles, transitionProps } = _a, rest = tslib_es6.__rest(_a, ["styles", "transitionProps"]);
-    const { classes } = index.useStyles(undefined, { name: 'Modal', styles });
+    var { styles, classNames, transitionProps } = _a, rest = tslib_es6.__rest(_a, ["styles", "classNames", "transitionProps"]);
+    const { classes } = index.useStyles(undefined, {
+        name: 'Modal',
+        styles,
+        classNames,
+    });
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
         React__default["default"].createElement(core.Modal, Object.assign({ centered: true, classNames: classes, transitionProps: Object.assign({ transition: 'fade' }, transitionProps) }, rest))));
 };

package/build/{index-56035c50.js → index-a6795e34.js}

@@ -1,12 +1,12 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-0530a6d5.js');
-var useTranslations = require('./useTranslations-edb824e3.js');
+var index = require('./index-564d3bfc.js');
+var useTranslations = require('./useTranslations-480f64da.js');
 var dateFns = require('date-fns');
 var DayPickerInput = require('react-day-picker/DayPickerInput');
 var styled = require('@emotion/styled');
-var theme = require('./theme-c77539f8.js');
+var theme = require('./theme-98664cfd.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-f5e6489c.js → index-a6ade3c7.js}

@@ -1,13 +1,13 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-2ac79a26.js');
+var tslib_es6 = require('./tslib.es6-86f09fff.js');
 var React = require('react');
 var core = require('@mantine/core');
 var dates = require('@mantine/dates');
-var index = require('./index-a6df76e8.js');
-var Subot = require('./Subot-10b3bc3c.js');
-var index$1 = require('./index-e0539879.js');
-var useMantineLocale = require('./useMantineLocale-5bdd1d8e.js');
+var index$1 = require('./index-42026289.js');
+var index = require('./index-717e466d.js');
+var index$2 = require('./index-619c46d6.js');
+var useMantineLocale = require('./useMantineLocale-7c47271c.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -17,7 +17,7 @@ var React__default = /*#__PURE__*/_interopDefault(React);
 const DatePicker = (_a) => {
     var _b;
     var { value, fullWidth = true } = _a, rest = tslib_es6.__rest(_a, ["value", "fullWidth"]);
-    return (React__default["default"].createElement(dates.DatePickerInput, Object.assign({ locale: useMantineLocale.MAPPED_LOCALE[process.env.UNIFY_LOCALE || Subot.LOCALE.Vietnam], valueFormat: (_b = index.ISO_FORMAT[process.env.UNIFY_LOCALE || Subot.LOCALE.Vietnam]) === null || _b === void 0 ? void 0 : _b.dateFormat, size: "md", clearable: false, popoverProps: fullWidth
+    return (React__default["default"].createElement(dates.DatePickerInput, Object.assign({ locale: useMantineLocale.MAPPED_LOCALE[process.env.UNIFY_LOCALE || index.LOCALE.Vietnam], valueFormat: (_b = index$1.ISO_FORMAT[process.env.UNIFY_LOCALE || index.LOCALE.Vietnam]) === null || _b === void 0 ? void 0 : _b.dateFormat, size: "md", clearable: false, popoverProps: fullWidth
             ? {
                 styles: {
                     dropdown: {
@@ -33,7 +33,7 @@ const DatePicker = (_a) => {
                 position: 'relative',
             },
             rightSection: { pointerEvents: 'none', cursor: 'default' },
-        }, rightSection: React__default["default"].createElement(core.Image, { src: index$1.CommonGAssets.getAssetPath(rest.isMB ? 'MB-calendar.svg' : 'OutlineCalendar.svg'), width: 16, height: 16 }), value: value }, rest, { className: `input-control ${(rest === null || rest === void 0 ? void 0 : rest.className) || ''}` })));
+        }, rightSection: React__default["default"].createElement(core.Image, { src: index$2.CommonGAssets.getAssetPath(rest.isMB ? 'MB-calendar.svg' : 'OutlineCalendar.svg'), width: 16, height: 16 }), value: value }, rest, { className: `input-control ${(rest === null || rest === void 0 ? void 0 : rest.className) || ''}` })));
 };
 
 exports.DatePicker = DatePicker;

package/build/{index-497d465f.js → index-bb55a2a5.js}

@@ -3,7 +3,7 @@
 var React = require('react');
 var core = require('@mantine/core');
 var styled = require('@emotion/styled');
-var theme = require('./theme-c77539f8.js');
+var theme = require('./theme-98664cfd.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-23c8fa2c.js → index-c8886dfa.js}

@@ -1,20 +1,20 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-2ac79a26.js');
+var tslib_es6 = require('./tslib.es6-86f09fff.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index$1 = require('./index-32ea3d2a.js');
+var index$2 = require('./index-55fd130f.js');
 require('@mantine/dates');
-var index = require('./index-a6df76e8.js');
-var Subot = require('./Subot-10b3bc3c.js');
-require('./index-e0539879.js');
-require('./useMantineLocale-5bdd1d8e.js');
-require('./index-0a0388bf.js');
-require('./theme-c77539f8.js');
-var useTranslations = require('./useTranslations-edb824e3.js');
+var index = require('./index-42026289.js');
+var index$1 = require('./index-717e466d.js');
+require('./index-619c46d6.js');
+require('./useMantineLocale-7c47271c.js');
+require('./index-e1ab3b36.js');
+require('./theme-98664cfd.js');
+var useTranslations = require('./useTranslations-480f64da.js');
 require('@mantine/hooks');
-require('./utils-9757de2d.js');
-var utils = require('./utils-bd8e14ad.js');
+require('./utils-1f428807.js');
+var utils = require('./utils-e94247e4.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -74,7 +74,7 @@ const useAddress = ({ provinces: provincesInit }) => {
         const fetchAddressData = () => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
             var _a, _b, _c;
             try {
-                const _addressData = yield fetch(generateGetAddressDetail(process.env.UNIFY_LOCALE || Subot.LOCALE.Vietnam)).then((res) => res.json());
+                const _addressData = yield fetch(generateGetAddressDetail(process.env.UNIFY_LOCALE || index$1.LOCALE.Vietnam)).then((res) => res.json());
                 setAddressData(_addressData);
                 const { list } = _addressData;
                 const provinceByName = provincesInit
@@ -146,12 +146,12 @@ const AddressInput = (_a) => {
             props.onChange(null);
         }
     }, [selectedProvince, selectedDistrict, selectedWard, extraInfo]);
-    return (React__default["default"].createElement(index$1.Input.Wrapper, Object.assign({ withAsterisk: true }, props),
+    return (React__default["default"].createElement(index$2.Input.Wrapper, Object.assign({ withAsterisk: true }, props),
         React__default["default"].createElement(core.Stack, null,
-            React__default["default"].createElement(index$1.Select, { placeholder: (placeholder === null || placeholder === void 0 ? void 0 : placeholder.province) || t('onboarding.similac.input.city'), data: provincesInit ? provinces : provinces.sort(), searchable: true, onChange: handleProvinceChange, value: selectedProvince }),
-            React__default["default"].createElement(index$1.Select, { placeholder: (placeholder === null || placeholder === void 0 ? void 0 : placeholder.district) || t('onboarding.similac.input.district'), data: districts.sort(), searchable: true, onChange: handleDistrictChange, value: selectedDistrict, disabled: !selectedProvince }),
-            React__default["default"].createElement(index$1.Select, { placeholder: (placeholder === null || placeholder === void 0 ? void 0 : placeholder.ward) || t('onboarding.similac.input.ward'), searchable: true, data: wards.sort(), value: selectedWard, onChange: handleWardChange, disabled: !selectedProvince || !selectedDistrict }),
-            React__default["default"].createElement(index$1.Input, { placeholder: (placeholder === null || placeholder === void 0 ? void 0 : placeholder.address) || t('onboarding.similac.input.no'), disabled: !selectedProvince || !selectedDistrict || !selectedWard, value: extraInfo, onChange: setExtraInfo, style: { marginBottom: 0 } })),
+            React__default["default"].createElement(index$2.Select, { placeholder: (placeholder === null || placeholder === void 0 ? void 0 : placeholder.province) || t('onboarding.similac.input.city'), data: provincesInit ? provinces : provinces.sort(), searchable: true, onChange: handleProvinceChange, value: selectedProvince }),
+            React__default["default"].createElement(index$2.Select, { placeholder: (placeholder === null || placeholder === void 0 ? void 0 : placeholder.district) || t('onboarding.similac.input.district'), data: districts.sort(), searchable: true, onChange: handleDistrictChange, value: selectedDistrict, disabled: !selectedProvince }),
+            React__default["default"].createElement(index$2.Select, { placeholder: (placeholder === null || placeholder === void 0 ? void 0 : placeholder.ward) || t('onboarding.similac.input.ward'), searchable: true, data: wards.sort(), value: selectedWard, onChange: handleWardChange, disabled: !selectedProvince || !selectedDistrict }),
+            React__default["default"].createElement(index$2.Input, { placeholder: (placeholder === null || placeholder === void 0 ? void 0 : placeholder.address) || t('onboarding.similac.input.no'), disabled: !selectedProvince || !selectedDistrict || !selectedWard, value: extraInfo, onChange: setExtraInfo, style: { marginBottom: 0 } })),
         React__default["default"].createElement(core.Input.Error, { size: "md" }, error)));
 };
 

package/build/index-d4e42148.js

@@ -0,0 +1,77 @@
+'use strict';
+
+var React = require('react');
+var index = require('./index-717e466d.js');
+var index$2 = require('./index-619c46d6.js');
+var utils = require('./utils-d8620de3.js');
+var index$1 = require('./index-55fd130f.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const Logo = ({ type, className, style, isLightLogo, customSize, badge, locale, dateForSeasonal, isPro, }) => {
+    const [seasonalChecks, setSeasonalChecks] = React.useState({
+        isChristmas: false,
+        isLunarNewYear: false,
+        isNewYear: false,
+        isRamadan: false,
+        isVNHungKing: false,
+        isVN3004: false,
+        isLabourDay: false,
+    });
+    React.useEffect(() => {
+        if (!dateForSeasonal || isNaN(new Date(dateForSeasonal).getTime()))
+            return;
+        const dateForSeasonalDate = new Date(dateForSeasonal);
+        const isChristmasMemo = utils.isChristmas(dateForSeasonalDate);
+        const isLunarNewYearMemo = utils.LunarNewYearLocale.includes(locale) && utils.isLunarNewYear(dateForSeasonalDate);
+        const isNewYearMemo = !isLunarNewYearMemo && utils.isNewYear(dateForSeasonalDate);
+        const isRamadanMemo = utils.isRamadan(dateForSeasonalDate);
+        const isVNHungKingMemo = locale === index.LOCALE.Vietnam && utils.isVNHungKing(dateForSeasonalDate);
+        const isVN3004Memo = locale === index.LOCALE.Vietnam && utils.isVN3004(dateForSeasonalDate);
+        const isLabourDayMemo = locale === index.LOCALE.Vietnam && utils.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["default"].createElement(utils.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["default"].createElement(React__default["default"].Fragment, null,
+            React__default["default"].createElement(index$1.ImageWrap, { alt: "left xmas logo", src: index$2.CommonGAssets.getAssetPath('logo/xmas-left.png'), className: "common-logo-seasonal-left" }),
+            React__default["default"].createElement(index$1.ImageWrap, { alt: "right xmas logo", src: index$2.CommonGAssets.getAssetPath('logo/xmas-right.png'), className: "common-logo-seasonal-right" }))) : seasonalChecks.isNewYear ? (React__default["default"].createElement(React__default["default"].Fragment, null,
+            React__default["default"].createElement(index$1.ImageWrap, { alt: "left new year logo", src: index$2.CommonGAssets.getAssetPath('logo/new-year-left.png'), className: "common-logo-seasonal-left" }),
+            React__default["default"].createElement(index$1.ImageWrap, { alt: "right new year logo", src: index$2.CommonGAssets.getAssetPath('logo/new-year-right.png'), className: "common-logo-seasonal-right" }))) : seasonalChecks.isLunarNewYear ? (React__default["default"].createElement(React__default["default"].Fragment, null,
+            React__default["default"].createElement(index$1.ImageWrap, { alt: "left lunar new year logo", loading: "lazy", src: index$2.CommonGAssets.getAssetPath('logo/lunar-new-year-left.png'), className: "common-logo-seasonal-left" }),
+            React__default["default"].createElement(index$1.ImageWrap, { alt: "right lunar new year logo", loading: "lazy", src: index$2.CommonGAssets.getAssetPath('logo/lunar-new-year-right.png'), className: "common-logo-seasonal-right" }))) : seasonalChecks.isRamadan && type === 'hellosehat' ? (React__default["default"].createElement(React__default["default"].Fragment, null,
+            React__default["default"].createElement(index$1.ImageWrap, { alt: "left ramadan logo", loading: "lazy", src: index$2.CommonGAssets.getAssetPath('logo/ramadan-sehat-left.png'), className: "common-logo-seasonal-left" }),
+            React__default["default"].createElement(index$1.ImageWrap, { alt: "right ramadan logo", loading: "lazy", src: index$2.CommonGAssets.getAssetPath('logo/ramadan-sehat-right.png'), className: "common-logo-seasonal-right" }))) : seasonalChecks.isRamadan && type === 'hellodoktor' ? (React__default["default"].createElement(React__default["default"].Fragment, null,
+            React__default["default"].createElement(index$1.ImageWrap, { alt: "left ramadan logo", loading: "lazy", src: index$2.CommonGAssets.getAssetPath('logo/ramadan-doktor-left.png'), className: "common-logo-seasonal-left" }),
+            React__default["default"].createElement(index$1.ImageWrap, { alt: "right ramadan logo", loading: "lazy", src: index$2.CommonGAssets.getAssetPath('logo/ramadan-doktor-right.png'), className: "common-logo-seasonal-right" }))) : seasonalChecks.isVNHungKing &&
+            (type === 'hellobacsi' || type === 'marryBaby') ? (React__default["default"].createElement(React__default["default"].Fragment, null,
+            React__default["default"].createElement(index$1.ImageWrap, { alt: "Hung King logo", loading: "lazy", src: index$2.CommonGAssets.getAssetPath('logo/hung-king-bg.png'), className: "common-logo-seasonal-left" }))) : null,
+        React__default["default"].createElement(utils.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["default"].createElement(utils.StyledProLogo, { src: index$2.CommonGAssets.getAssetPath('logo/pro-suffix.svg') })) : null,
+        badge));
+};
+
+exports.Logo = Logo;

package/build/{index-a031b95e.js → index-d56f3314.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-2ac79a26.js');
+var tslib_es6 = require('./tslib.es6-86f09fff.js');
 var React = require('react');
-var index_styled = require('./index.styled-98760ae1.js');
+var index_styled = require('./index.styled-4f0b82d2.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-f856a387.js → index-de3537ec.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-2ac79a26.js');
+var tslib_es6 = require('./tslib.es6-86f09fff.js');
 var React = require('react');
 var core = require('@mantine/core');
-var constants = require('./constants-83103c86.js');
+var constants = require('./constants-7fddc7f7.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-0a0388bf.js → index-e1ab3b36.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-2ac79a26.js');
+var tslib_es6 = require('./tslib.es6-86f09fff.js');
 var React = require('react');
 var core = require('@mantine/core');
-var utils = require('./utils-9757de2d.js');
+var utils = require('./utils-1f428807.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -23,7 +23,8 @@ var useStyles = core.createStyles((theme, _params) => {
             fontWeight: (_params === null || _params === void 0 ? void 0 : _params.as) === 'label'
                 ? utils.FontWeight.semiBold
                 : TextConfig.fontWeight[_params.weight] ||
-                    TextConfig.fontWeightBySize[_params === null || _params === void 0 ? void 0 : _params.size],
+                    TextConfig.fontWeightBySize[_params === null || _params === void 0 ? void 0 : _params.size] ||
+                    'regular',
             fontSize: `${getFontSize}`,
             lineHeight: `${getLineHeight}`,
             letterSpacing: getLetterSpacing,
@@ -40,7 +41,7 @@ var useStyles = core.createStyles((theme, _params) => {
 
 const Text = (_a) => {
     var _b;
-    var { size, color, weight = 'regular', as = 'p', styles, className, dataEventCategory, dataEventAction, dataEventLabel } = _a, rest = tslib_es6.__rest(_a, ["size", "color", "weight", "as", "styles", "className", "dataEventCategory", "dataEventAction", "dataEventLabel"]);
+    var { size, color, weight, as = 'p', styles, className, dataEventCategory, dataEventAction, dataEventLabel } = _a, rest = tslib_es6.__rest(_a, ["size", "color", "weight", "as", "styles", "className", "dataEventCategory", "dataEventAction", "dataEventLabel"]);
     const { theme, classes, cx } = useStyles({ size, weight: weight === 'caption' ? 'bold' : weight, as }, { name: 'Text', styles });
     const colorValue = typeof theme.colors[color] === 'string' ? theme.colors[color] : color;
     return (React__default["default"].createElement(core.Text, Object.assign({ className: cx(classes.root, className), color: colorValue ||

package/build/{index-e4125647.js → index-e76b722c.js}

@@ -1,20 +1,20 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-2ac79a26.js');
+var tslib_es6 = require('./tslib.es6-86f09fff.js');
 var React = require('react');
-require('./index-32ea3d2a.js');
+require('./index-55fd130f.js');
 require('@mantine/core');
 require('@mantine/dates');
-require('./index-a6df76e8.js');
-require('./Subot-10b3bc3c.js');
-require('./index-e0539879.js');
-require('./useMantineLocale-5bdd1d8e.js');
-var index = require('./index-0a0388bf.js');
-require('./theme-c77539f8.js');
-require('./translationsContext-f03cde97.js');
+require('./index-42026289.js');
+require('./index-717e466d.js');
+require('./index-619c46d6.js');
+require('./useMantineLocale-7c47271c.js');
+var index = require('./index-e1ab3b36.js');
+require('./theme-98664cfd.js');
+require('./translationsContext-4b7afa0b.js');
 require('string-format');
 require('@mantine/hooks');
-require('./utils-9757de2d.js');
+require('./utils-1f428807.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }