@hhgtech/hhg-components 1.29.24 → 1.29.26

package/build/{index-7a4bedfe.js → index-9f5d65cc.js}

@@ -1,46 +1,47 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-a094238c.js');
+var tslib_es6 = require('./tslib.es6-52c61ae6.js');
 var React = require('react');
-var index$2 = require('./index-35b7a438.js');
+var index$2 = require('./index-74490401.js');
 var styled = require('@emotion/styled');
-var theme = require('./theme-ccc3da72.js');
-var index = require('./index-4f845222.js');
-var index$1 = require('./index-79bc7fd4.js');
-var index$3 = require('./index-0ffbc1f2.js');
-var normalizeLink = require('./normalizeLink-c575f197.js');
-var routing = require('./routing-418a849a.js');
-var index$4 = require('./index-4ed1ac23.js');
-var index$9 = require('./index-f2572f50.js');
-var useTranslations = require('./useTranslations-3732dc1a.js');
+var theme = require('./theme-392525f4.js');
+var index = require('./index-dfd15164.js');
+var index$1 = require('./index-e72aac09.js');
+var index$3 = require('./index-22d51c78.js');
+var normalizeLink = require('./normalizeLink-f9d86b97.js');
+var routing = require('./routing-0f273f40.js');
+var index$4 = require('./index-032af09b.js');
+var index$a = require('./index-fabfc080.js');
+var useTranslations = require('./useTranslations-368c6b62.js');
 var throttle = require('lodash/throttle');
 var core = require('@mantine/core');
 require('@mantine/dates');
-var Subot = require('./Subot-c105968a.js');
-require('./useMantineLocale-b1e1aa4e.js');
-require('./translationsContext-b98d0b5c.js');
+var index$6 = require('./index-611887ae.js');
+require('./useMantineLocale-bedc7289.js');
+require('./translationsContext-d66fd1d0.js');
 var formatString = require('string-format');
 require('@mantine/hooks');
-var utils = require('./utils-d9b1ed21.js');
-var constants = require('./constants-8caceefd.js');
+var utils = require('./utils-4465d189.js');
+var constants = require('./constants-89050728.js');
 var core$1 = require('@hhgtech/icons/core');
-var utils$1 = require('./utils-1678b756.js');
-var ChevronDown = require('./ChevronDown-14cc8f9a.js');
+var utils$1 = require('./utils-adef9b10.js');
+var ChevronDown = require('./ChevronDown-d6383d6a.js');
 var react = require('@emotion/react');
-var index$5 = require('./index-f0722cd4.js');
-var constants$1 = require('./constants-d9460a1f.js');
-var index$7 = require('./index-c6876acd.js');
-var index$6 = require('./index-6f7a0639.js');
-var useIsInit = require('./useIsInit-41ef76d6.js');
-require('./index.styles-783940f7.js');
-require('./utils-0315274d.js');
-require('./index.styled-1fc8ac57.js');
-require('./index-5336d417.js');
+var index$5 = require('./index-a6784ae9.js');
+var constants$1 = require('./constants-ad3d0d52.js');
+var index$8 = require('./index-ab6076fa.js');
+var index$7 = require('./index-16b1b2d2.js');
+var useIsInit = require('./useIsInit-9baaab18.js');
+require('./index.styles-87951480.js');
+require('./utils-a0035e59.js');
+require('./WhatsApp-07c8a89b.js');
+require('./index.styled-6282c58d.js');
+require('./index-dbc290d5.js');
 var dayjs = require('dayjs');
 var relativeTime = require('dayjs/plugin/relativeTime');
-var index$8 = require('./index-f3cd8065.js');
+var index$9 = require('./index-5f6736d5.js');
 var debounce = require('lodash/debounce');
-var core$2 = require('./core-021829c9.js');
+var core$2 = require('./core-bff85392.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -1001,9 +1002,9 @@ const NavigationProfileButton = ({ userInfo, siteType, onLoginClick, SSO_URL, cu
     // - Mobile: show button only for helloSites, show text for MarryBaby
     React__default["default"].createElement(React__default["default"].Fragment, null,
         siteType === 'helloSites' &&
-            (locale === Subot.LOCALE.Indonesia ||
-                locale === Subot.LOCALE.PhilippinesTagalog ||
-                locale === Subot.LOCALE.PhilippinesEnglish ? (React__default["default"].createElement("img", { className: "mobile-only", src: index$1.CommonGAssets.getAssetPath('login.svg'), style: {
+            (locale === index$6.LOCALE.Indonesia ||
+                locale === index$6.LOCALE.PhilippinesTagalog ||
+                locale === index$6.LOCALE.PhilippinesEnglish ? (React__default["default"].createElement("img", { className: "mobile-only", src: index$1.CommonGAssets.getAssetPath('login.svg'), style: {
                     cursor: 'pointer',
                     height: 24,
                     width: 24,
@@ -1363,7 +1364,7 @@ const ItemMenu = ({ item, menu }) => {
 const NewWrapper = ({ isNew, children, }) => {
     const { t } = useTranslations.useTranslations();
     if (isNew) {
-        return (React__default["default"].createElement(index$6.Indicator, { color: "green", label: t('home.navigator.menuItem.new'), size: 20, styles: {
+        return (React__default["default"].createElement(index$7.Indicator, { color: "green", label: t('home.navigator.menuItem.new'), size: 20, styles: {
                 root: {
                     paddingRight: 10,
                 },
@@ -1376,7 +1377,7 @@ const Categories = ({ hrefViewMore, titleBtnViewMore, UrlFE, onClosePopup, menuI
     const { siteType } = React.useContext(NavigationContext);
     return (React__default["default"].createElement(StyledItemGridLeft, null,
         React__default["default"].createElement(StyledHeading$1, null,
-            React__default["default"].createElement(index$7.Heading, { tag: siteType === 'marryBaby' ? 'h5' : 'h6', as: "p", fontWeight: "semibold" }, headingTitle)), menuItems === null || menuItems === void 0 ? void 0 :
+            React__default["default"].createElement(index$8.Heading, { tag: siteType === 'marryBaby' ? 'h5' : 'h6', as: "p", fontWeight: "semibold" }, headingTitle)), menuItems === null || menuItems === void 0 ? void 0 :
         menuItems.slice(0, 6).map((item, index) => {
             const href = (item === null || item === void 0 ? void 0 : item.link)
                 ? (item === null || item === void 0 ? void 0 : item.link.startsWith('http'))
@@ -1719,7 +1720,7 @@ const Spotlights = ({ title, viewMore, children, link, dataEventAction = '', })
     const { siteType } = React.useContext(NavigationContext);
     return (React__default["default"].createElement(StyledItemGridRight, null,
         React__default["default"].createElement(StyledHeading, null,
-            React__default["default"].createElement(index$7.Heading, { tag: siteType === 'marryBaby' ? 'h5' : 'h6', as: "p", fontWeight: "semibold" }, title),
+            React__default["default"].createElement(index$8.Heading, { tag: siteType === 'marryBaby' ? 'h5' : 'h6', as: "p", fontWeight: "semibold" }, title),
             viewMore && (React__default["default"].createElement(StyledViewMore, { "data-event-category": "Hamburger Navigation", "data-event-action": dataEventAction, "data-event-label": link, href: link, "data-theme": siteType },
                 viewMore,
                 React__default["default"].createElement("img", { src: siteType === 'marryBaby'
@@ -2870,10 +2871,10 @@ const BtnClosePopup = ({ onClosePopup }) => {
 
 const PopupWrapper = ({ onClosePopup, isDisplay, children, isNavMenu, hideCloseBtn, }) => {
     return (React__default["default"].createElement("div", { className: "hhgcomp-navigation-popupwrapper-menuwrapper top-menu-health-tools", "data-is-display": !!isDisplay, "data-is-nav-menu": !!isNavMenu },
-        React__default["default"].createElement(index$8.Container, null,
+        React__default["default"].createElement(index$9.Container, null,
             !hideCloseBtn && (React__default["default"].createElement("div", { className: styles.container },
                 React__default["default"].createElement(BtnClosePopup, { onClosePopup: onClosePopup }))),
-            React__default["default"].createElement(index$8.Container, { className: styles.gridContainer }, children))));
+            React__default["default"].createElement(index$9.Container, { className: styles.gridContainer }, children))));
 };
 
 const MenuCareList = ({ careSpecialties = [], isOpen, onClose, spotlights = [], }) => {
@@ -2962,13 +2963,13 @@ const ItemNavButton = ({ item, color = 'blue' }) => {
                 });
             }
             if (item.id === 'care') {
-                Promise.resolve().then(function () { return require('./doctor-9a98bfee.js'); }).then((data) => {
+                Promise.resolve().then(function () { return require('./doctor-3f0003e9.js'); }).then((data) => {
                     if (data === null || data === void 0 ? void 0 : data.default)
                         setIconJson(() => data.default);
                 });
             }
             else if (item.id === 'ecom') {
-                Promise.resolve().then(function () { return require('./cart-172bc846.js'); }).then((data) => {
+                Promise.resolve().then(function () { return require('./cart-8dde3b23.js'); }).then((data) => {
                     if (data === null || data === void 0 ? void 0 : data.default)
                         setIconJson(() => data.default);
                 });
@@ -3094,7 +3095,7 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
                         flexShrink: 0,
                     }, href: HOME_PAGE_URL },
                     React__default["default"].createElement("div", null,
-                        React__default["default"].createElement(index$9.Logo, { style: {
+                        React__default["default"].createElement(index$a.Logo, { style: {
                                 display: 'flex',
                             }, type: logoType, badge: locale === 'id-ID' && (React__default["default"].createElement("img", { src: index$1.CommonGAssets.getAssetPath('sehat-badge.png'), width: "56", height: "23", loading: "lazy" })), dateForSeasonal: new Date(), locale: locale, key: typeof window !== 'undefined' ? 'client' : 'server' })))),
                 !isMobile && (React__default["default"].createElement(React__default["default"].Fragment, null, siteType === 'marryBaby' ? (React__default["default"].createElement(NavigationMenu, { menuItems: menuItems })) : (enableSearchBar && React__default["default"].createElement(NavigtionSearch, { siteType: siteType }))))),

package/build/{index-f0722cd4.js → index-a6784ae9.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-a094238c.js');
+var tslib_es6 = require('./tslib.es6-52c61ae6.js');
 var React = require('react');
-var index = require('./index-35b7a438.js');
+var index = require('./index-74490401.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-c6876acd.js → index-ab6076fa.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-a094238c.js');
+var tslib_es6 = require('./tslib.es6-52c61ae6.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index = require('./index-4f845222.js');
+var index = require('./index-dfd15164.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-e951dff9.js → index-bc47b318.js}

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

package/build/{index-2df39677.js → index-cc76c2ee.js}

@@ -1,20 +1,20 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-a094238c.js');
+var tslib_es6 = require('./tslib.es6-52c61ae6.js');
 var React = require('react');
-require('./index-35b7a438.js');
+require('./index-74490401.js');
 require('@mantine/core');
 require('@mantine/dates');
-require('./index-0ffbc1f2.js');
-require('./Subot-c105968a.js');
-require('./index-79bc7fd4.js');
-require('./useMantineLocale-b1e1aa4e.js');
-var index = require('./index-4f845222.js');
-require('./theme-ccc3da72.js');
-require('./translationsContext-b98d0b5c.js');
+require('./index-22d51c78.js');
+require('./index-611887ae.js');
+require('./index-e72aac09.js');
+require('./useMantineLocale-bedc7289.js');
+var index = require('./index-dfd15164.js');
+require('./theme-392525f4.js');
+require('./translationsContext-d66fd1d0.js');
 require('string-format');
 require('@mantine/hooks');
-require('./utils-d9b1ed21.js');
+require('./utils-4465d189.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-1f804462.js → index-d57310e9.js}

@@ -1,24 +1,24 @@
 'use strict';
 
 var React = require('react');
-var index$1 = require('./index-f3cd8065.js');
+var index$1 = require('./index-5f6736d5.js');
 var dayjs = require('dayjs');
-var index$3 = require('./index-0ffbc1f2.js');
-var index = require('./index-35b7a438.js');
+var index$3 = require('./index-22d51c78.js');
+var index = require('./index-74490401.js');
 var core = require('@mantine/core');
 require('@mantine/dates');
-require('./Subot-c105968a.js');
-require('./index-79bc7fd4.js');
-require('./useMantineLocale-b1e1aa4e.js');
-var index$2 = require('./index-4f845222.js');
-var theme = require('./theme-ccc3da72.js');
-require('./translationsContext-b98d0b5c.js');
+require('./index-611887ae.js');
+require('./index-e72aac09.js');
+require('./useMantineLocale-bedc7289.js');
+var index$2 = require('./index-dfd15164.js');
+var theme = require('./theme-392525f4.js');
+require('./translationsContext-d66fd1d0.js');
 require('string-format');
 require('@mantine/hooks');
-var utils = require('./utils-d9b1ed21.js');
+var utils = require('./utils-4465d189.js');
 var styled = require('@emotion/styled');
-var index$5 = require('./index-f2572f50.js');
-var index$4 = require('./index-180720da.js');
+var index$5 = require('./index-fabfc080.js');
+var index$4 = require('./index-fcada48b.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-4f845222.js → index-dfd15164.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-a094238c.js');
+var tslib_es6 = require('./tslib.es6-52c61ae6.js');
 var React = require('react');
 var core = require('@mantine/core');
-var utils = require('./utils-d9b1ed21.js');
+var utils = require('./utils-4465d189.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-79bc7fd4.js → index-e72aac09.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-0ffbc1f2.js');
-var isProduction = require('./isProduction-c69d639c.js');
+var index = require('./index-22d51c78.js');
+var isProduction = require('./isProduction-bb94485c.js');
 
 const isNumeric = (n) => !isNaN(parseFloat(n)) && isFinite(n);
 const defaultDomain = 'hellosehat.com';

package/build/{index-3a7bbe2f.js → index-f0b80291.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-a094238c.js');
+var tslib_es6 = require('./tslib.es6-52c61ae6.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index = require('./index-35b7a438.js');
+var index = require('./index-74490401.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-d740efa5.js → index-f2d2ab8d.js}

@@ -1,13 +1,13 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-a094238c.js');
+var tslib_es6 = require('./tslib.es6-52c61ae6.js');
 var React = require('react');
 var core = require('@mantine/core');
 var dates = require('@mantine/dates');
-var index = require('./index-0ffbc1f2.js');
-var Subot = require('./Subot-c105968a.js');
-var index$1 = require('./index-79bc7fd4.js');
-var useMantineLocale = require('./useMantineLocale-b1e1aa4e.js');
+var index$1 = require('./index-22d51c78.js');
+var index = require('./index-611887ae.js');
+var index$2 = require('./index-e72aac09.js');
+var useMantineLocale = require('./useMantineLocale-bedc7289.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-fabfc080.js

@@ -0,0 +1,77 @@
+'use strict';
+
+var React = require('react');
+var index = require('./index-611887ae.js');
+var index$2 = require('./index-e72aac09.js');
+var utils = require('./utils-a0035e59.js');
+var index$1 = require('./index-74490401.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-180720da.js → index-fcada48b.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-a094238c.js');
+var tslib_es6 = require('./tslib.es6-52c61ae6.js');
 var React = require('react');
-var index_styled = require('./index.styled-1fc8ac57.js');
+var index_styled = require('./index.styled-6282c58d.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }