@hhgtech/hhg-components 1.29.79 → 1.29.81

package/build/{utils-120200ad.js → index-c225ef22.js}

@@ -1,16 +1,17 @@
 'use strict';
 
-var styled = require('@emotion/styled');
-var utils = require('./utils-3a589c92.js');
 var React = require('react');
-var index = require('./index-e932125b.js');
-var index$1 = require('./index-e914bc7c.js');
-var index$2 = require('./index-0b957c10.js');
+var index = require('./index-df5cd44b.js');
+var index$2 = require('./index-1efa7d84.js');
+var styled = require('@emotion/styled');
+var utils = require('./utils-524bda7c.js');
+var logoIcon = require('./logoIcon-ee9a5501.js');
+var index$1 = require('./index-05f106c2.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
-var styled__default = /*#__PURE__*/_interopDefault(styled);
 var React__default = /*#__PURE__*/_interopDefault(React);
+var styled__default = /*#__PURE__*/_interopDefault(styled);
 
 const StyledLogo = styled__default["default"].div `
   position: relative;
@@ -155,105 +156,6 @@ const StyledProLogo = styled__default["default"].img `
   margin-left: -3px;
 `;
 
-const _LogoIcon = ({ type, width, height }) => {
-    const data = React.useMemo(() => {
-        switch (type) {
-            case 'hellobacsi':
-                return {
-                    width: width || '107px',
-                    height: height || '24px',
-                    src: index.CommonGAssets.getAssetPath('logo/hellobacsi.png'),
-                };
-            case 'hellodoktor':
-                return {
-                    width: width || '127px',
-                    height: height || '24px',
-                    src: index.CommonGAssets.getAssetPath('logo/hellodoktor.png'),
-                };
-            case 'hellosehat':
-                return {
-                    width: width || '121px',
-                    height: height || '27px',
-                    src: index.CommonGAssets.getAssetPath('logo/hellosehat.png'),
-                };
-            case 'hellohealth':
-                return {
-                    width: width || '123px',
-                    height: height || '24px',
-                    src: index.CommonGAssets.getAssetPath('logo/hellohealth.png'),
-                };
-            case 'hellotogether':
-                return {
-                    width: width || '150px',
-                    height: height || '24px',
-                    src: index.CommonGAssets.getAssetPath('logo/hellotogether.png'),
-                };
-            case 'hellocare':
-                return {
-                    width: width || '99px',
-                    height: height || '24px',
-                    src: index.CommonGAssets.getAssetPath('logo/hellocare.png'),
-                };
-            case 'hellodoctor':
-                return {
-                    width: width || '127px',
-                    height: height || '24px',
-                    src: index.CommonGAssets.getAssetPath('logo/hellodoctor.png'),
-                };
-            case 'hellokrupet':
-                return {
-                    width: width || '101px',
-                    height: height || '24px',
-                    src: index.CommonGAssets.getAssetPath('logo/hellokrupet.png'),
-                };
-            case 'hellosayarwon':
-                return {
-                    width: width || '111px',
-                    height: height || '24px',
-                    src: index.CommonGAssets.getAssetPath('logo/hellosayarwon.png'),
-                };
-            case 'helloyishi':
-                return {
-                    width: width || '89px',
-                    height: height || '24px',
-                    src: index.CommonGAssets.getAssetPath('logo/helloyishi.png'),
-                };
-            case 'hellokhunmor':
-                return {
-                    width: width || '123px',
-                    height: height || '24px',
-                    src: index.CommonGAssets.getAssetPath('logo/hellokhunmor.png'),
-                };
-            case 'helloswasthya':
-                return {
-                    width: width || '105px',
-                    height: height || '24px',
-                    src: index.CommonGAssets.getAssetPath('logo/helloswasthya.png'),
-                };
-            case 'logomark':
-                return {
-                    width: width || '60px',
-                    height: height || '57px',
-                    src: index.CommonGAssets.getAssetPath('logo/logomark.png'),
-                };
-            case 'marryBaby':
-                return {
-                    width: width || '145px',
-                    height: height || '28px',
-                    src: index.CommonGAssets.getAssetPath('logo/marrybaby.png'),
-                };
-            default:
-                return null;
-        }
-    }, [type, width, height]);
-    const { src, width: logoWidth, height: logoHeight } = data || {};
-    return (React__default["default"].createElement(index$1.ImageWrap, { alt: `${type} logo`, className: "main-logo-icon", src: src, style: {
-            width: logoWidth,
-            height: logoHeight,
-        } }));
-};
-const LogoIcon = React.memo(_LogoIcon);
-
 const isChristmas = (date) => {
     const day = date.getDate();
     const month = date.getMonth();
@@ -280,10 +182,10 @@ const LunarNewYearMapping = {
     2040: [12, 1],
 };
 const LunarNewYearLocale = [
-    index$2.LOCALE.Vietnam,
-    index$2.LOCALE.Taiwan,
-    index$2.LOCALE.Indonesia,
-    index$2.LOCALE.Malaysia,
+    index.LOCALE.Vietnam,
+    index.LOCALE.Taiwan,
+    index.LOCALE.Indonesia,
+    index.LOCALE.Malaysia,
 ];
 const isLunarNewYear = (date) => {
     const year = date.getFullYear();
@@ -371,14 +273,68 @@ const isLabourDay = (date) => {
     return start <= date && date <= end;
 };
 
-exports.LogoIcon = LogoIcon;
-exports.LunarNewYearLocale = LunarNewYearLocale;
-exports.StyledLogo = StyledLogo;
-exports.StyledProLogo = StyledProLogo;
-exports.isChristmas = isChristmas;
-exports.isLabourDay = isLabourDay;
-exports.isLunarNewYear = isLunarNewYear;
-exports.isNewYear = isNewYear;
-exports.isRamadan = isRamadan;
-exports.isVN3004 = isVN3004;
-exports.isVNHungKing = isVNHungKing;
+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 = isChristmas(dateForSeasonalDate);
+        const isLunarNewYearMemo = LunarNewYearLocale.includes(locale) && isLunarNewYear(dateForSeasonalDate);
+        const isNewYearMemo = !isLunarNewYearMemo && isNewYear(dateForSeasonalDate);
+        const isRamadanMemo = isRamadan(dateForSeasonalDate);
+        const isVNHungKingMemo = locale === index.LOCALE.Vietnam && isVNHungKing(dateForSeasonalDate);
+        const isVN3004Memo = locale === index.LOCALE.Vietnam && isVN3004(dateForSeasonalDate);
+        const isLabourDayMemo = locale === index.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["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["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(logoIcon.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(StyledProLogo, { src: index$2.CommonGAssets.getAssetPath('logo/pro-suffix.svg') })) : null,
+        badge));
+};
+
+exports.Logo = Logo;

package/build/{index-42621fec.js → index-c2900d8c.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-dd1fc8f2.js');
+var tslib_es6 = require('./tslib.es6-7e140b89.js');
 var React = require('react');
-var index = require('./index-e914bc7c.js');
+var index = require('./index-a7de42d1.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }