npm - @hhgtech/hhg-components - Versions diffs - 1.29.90 → 1.29.91 - Mend

@hhgtech/hhg-components 1.29.90 → 1.29.91

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (457) hide show

package/build/{index-e23391ca.js → index-d441f7d3.js} RENAMED Viewed

@@ -1,27 +1,27 @@
 'use strict';
-var tslib_es6 = require('./tslib.es6-5d65f18f.js');
+var tslib_es6 = require('./tslib.es6-4f3a7235.js');
 var React = require('react');
 var reactHookForm = require('react-hook-form');
-var useHealthToolCache = require('./useHealthToolCache-c0468424.js');
-var constants = require('./constants-0f0f1c47.js');
-var index$1 = require('./index-b74f6d6c.js');
-var index$2 = require('./index-67fa5818.js');
+var useHealthToolCache = require('./useHealthToolCache-4a01ed5f.js');
+var constants = require('./constants-635e0c51.js');
+var index$1 = require('./index-4d98f213.js');
+var index$2 = require('./index-4fdbb874.js');
 require('@mantine/core');
 require('@mantine/dates');
-require('./index-330e16a8.js');
-require('./index-1b1ac8fe.js');
-require('./index-0e1519d2.js');
-require('./useMantineLocale-b8eca90b.js');
-var index$3 = require('./index-6266a5df.js');
-require('./index-fa8957ac.js');
+require('./index-860016ca.js');
+require('./index-5825ed99.js');
+require('./index-e14351d9.js');
+require('./useMantineLocale-57dd7bbf.js');
+var index$3 = require('./index-f32e3050.js');
+require('./index-6090acb6.js');
 var miscTheme = require('./miscTheme.js');
-require('./index.styles-07f26519.js');
-var useTranslations = require('./useTranslations-4fb7a5ac.js');
+require('./index.styles-32fb7e09.js');
+var useTranslations = require('./useTranslations-a7d0eda2.js');
 require('@mantine/hooks');
-require('./utils-97ffdcb1.js');
-require('./other-5c1524b3.js');
-var index = require('./index-6cda2bed.js');
+require('./utils-c1a402f1.js');
+require('./other-3587bfb6.js');
+var index = require('./index-995dbede.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var embeddedHeathToolCards_helpers = require('./embeddedHeathToolCards_helpers.js');

package/build/{index-f7918c25.js → index-d51174b3.js} RENAMED Viewed

@@ -1,24 +1,24 @@
 'use strict';
-var tslib_es6 = require('./tslib.es6-5d65f18f.js');
+var tslib_es6 = require('./tslib.es6-4f3a7235.js');
 var React = require('react');
 var core = require('@mantine/core');
 var form = require('@mantine/form');
-require('./index-67fa5818.js');
-var index$2 = require('./index-87d6e499.js');
-require('./index-6266a5df.js');
-require('./index-fa8957ac.js');
-require('./index.styles-07f26519.js');
-var useTranslations = require('./useTranslations-4fb7a5ac.js');
+require('./index-4fdbb874.js');
+var index$2 = require('./index-3e6201be.js');
+require('./index-f32e3050.js');
+require('./index-6090acb6.js');
+require('./index.styles-32fb7e09.js');
+var useTranslations = require('./useTranslations-a7d0eda2.js');
 require('@mantine/hooks');
-require('./index-1b1ac8fe.js');
-require('./index-0e1519d2.js');
-require('./utils-97ffdcb1.js');
-require('./useMantineLocale-b8eca90b.js');
-require('./index-330e16a8.js');
-require('./other-5c1524b3.js');
-var index = require('./index-6cda2bed.js');
-var index$1 = require('./index-b74f6d6c.js');
+require('./index-5825ed99.js');
+require('./index-e14351d9.js');
+require('./utils-c1a402f1.js');
+require('./useMantineLocale-57dd7bbf.js');
+require('./index-860016ca.js');
+require('./other-3587bfb6.js');
+var index = require('./index-995dbede.js');
+var index$1 = require('./index-4d98f213.js');
 var other = require('@hhgtech/icons/other');
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-c7bc83de.js → index-d6bb5c73.js} RENAMED Viewed

@@ -1,13 +1,13 @@
 'use strict';
 var React = require('react');
-var Locale = require('./Locale-e697d040.js');
-var index$1 = require('./index-0e1519d2.js');
+var Locale = require('./Locale-f199568f.js');
+var index$1 = require('./index-e14351d9.js');
 var styled = require('@emotion/styled');
-var utils = require('./utils-97ffdcb1.js');
-var logoIcon = require('./logoIcon-026665b4.js');
-require('./index-1b1ac8fe.js');
-var index = require('./index-f373b62b.js');
+var utils = require('./utils-c1a402f1.js');
+var logoIcon = require('./logoIcon-c840a44d.js');
+require('./index-5825ed99.js');
+var index = require('./index-ab85526a.js');
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -18,7 +18,7 @@ const StyledLogo = styled__default["default"].div `
   position: relative;
   display: inline-flex;
   align-items: center;
-  z-index: 1;
+  z-index: 0;
   .main-logo-icon {
     object-fit: contain;
   }
@@ -48,6 +48,7 @@ const StyledLogo = styled__default["default"].div `
     z-index: -1;
     max-width: unset;
     max-height: unset;
+    pointer-events: none;
   }
   .common-logo-seasonal-left {
     position: absolute;
@@ -149,6 +150,38 @@ const StyledLogo = styled__default["default"].div `
       }
     }
   }
+  &[data-seasonal='vn-independent-day'] {
+    &[data-type='hellobacsi'],
+    &[data-type='marryBaby'] {
+      .common-logo-seasonal-left.desktop-only {
+        width: unset;
+        height: 56px;
+        left: 65%;
+        top: 50%;
+        transform: translate(-50%, -50%);
+      }
+    }
+    &[data-type='hellobacsi'],
+    &[data-type='marryBaby'] {
+      .common-logo-seasonal-left.mobile-only {
+        width: unset;
+        height: 56px;
+        left: 60%;
+        top: 50%;
+        transform: translate(-50%, -50%);
+      }
+    }
+  }
+  .desktop-only {
+    ${utils.MediaQueries.mbDown} {
+      display: none;
+    }
+  }
+  .mobile-only {
+    ${utils.MediaQueries.mbUp} {
+      display: none;
+    }
+  }
 `;
 const StyledProLogo = styled__default["default"].img `
   height: 16px;
@@ -272,6 +305,15 @@ const isLabourDay = (date) => {
     const end = new Date(current);
     end.setDate(current.getDate() + 1);
     return start <= date && date <= end;
+};
+const isVNIndependentDay = (date) => {
+    const year = date.getFullYear();
+    const current = new Date(year, 8, 2);
+    const start = new Date(current);
+    start.setDate(current.getDate() - 1);
+    const end = new Date(current);
+    end.setDate(current.getDate() + 3);
+    return start <= date && date <= end;
 };
 const Logo = ({ type, className, style, isLightLogo, customSize, badge, locale, dateForSeasonal, isPro, }) => {
@@ -283,6 +325,7 @@ const Logo = ({ type, className, style, isLightLogo, customSize, badge, locale,
         isVNHungKing: false,
         isVN3004: false,
         isLabourDay: false,
+        isVNIndependentDay: false,
     });
     React.useEffect(() => {
         if (!dateForSeasonal || isNaN(new Date(dateForSeasonal).getTime()))
@@ -295,6 +338,7 @@ const Logo = ({ type, className, style, isLightLogo, customSize, badge, locale,
         const isVNHungKingMemo = locale === Locale.LOCALE.Vietnam && isVNHungKing(dateForSeasonalDate);
         const isVN3004Memo = locale === Locale.LOCALE.Vietnam && isVN3004(dateForSeasonalDate);
         const isLabourDayMemo = locale === Locale.LOCALE.Vietnam && isLabourDay(dateForSeasonalDate);
+        const isVNIndependentDayMemo = locale === Locale.LOCALE.Vietnam && isVNIndependentDay(dateForSeasonalDate);
         setSeasonalChecks({
             isChristmas: isChristmasMemo,
             isLunarNewYear: isLunarNewYearMemo,
@@ -303,6 +347,7 @@ const Logo = ({ type, className, style, isLightLogo, customSize, badge, locale,
             isVNHungKing: isVNHungKingMemo,
             isVN3004: isVN3004Memo,
             isLabourDay: isLabourDayMemo,
+            isVNIndependentDay: isVNIndependentDayMemo,
         });
     }, [locale, new Date(dateForSeasonal).getDate()]);
     return (React__default["default"].createElement(StyledLogo, { className: className, style: style, "data-logo-is-light": isLightLogo || undefined, "data-has-badge": badge ? true : false, "data-seasonal": seasonalChecks.isRamadan
@@ -319,7 +364,9 @@ const Logo = ({ type, className, style, isLightLogo, customSize, badge, locale,
                                 ? '30-04'
                                 : seasonalChecks.isLabourDay
                                     ? 'labour-day'
-                                    : undefined, "data-type": type },
+                                    : seasonalChecks.isVNIndependentDay
+                                        ? 'vn-independent-day'
+                                        : undefined, "data-type": type },
         seasonalChecks.isChristmas ? (React__default["default"].createElement(React__default["default"].Fragment, null,
             React__default["default"].createElement(index.ImageWrap, { alt: "left xmas logo", src: index$1.CommonGAssets.getAssetPath('logo/xmas-left.png'), className: "common-logo-seasonal-left" }),
             React__default["default"].createElement(index.ImageWrap, { alt: "right xmas logo", src: index$1.CommonGAssets.getAssetPath('logo/xmas-right.png'), className: "common-logo-seasonal-right" }))) : seasonalChecks.isNewYear ? (React__default["default"].createElement(React__default["default"].Fragment, null,
@@ -332,7 +379,10 @@ const Logo = ({ type, className, style, isLightLogo, customSize, badge, locale,
             React__default["default"].createElement(index.ImageWrap, { alt: "left ramadan logo", loading: "lazy", src: index$1.CommonGAssets.getAssetPath('logo/ramadan-doktor-left.png'), className: "common-logo-seasonal-left" }),
             React__default["default"].createElement(index.ImageWrap, { alt: "right ramadan logo", loading: "lazy", src: index$1.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.ImageWrap, { alt: "Hung King logo", loading: "lazy", src: index$1.CommonGAssets.getAssetPath('logo/hung-king-bg.png'), className: "common-logo-seasonal-left" }))) : null,
+            React__default["default"].createElement(index.ImageWrap, { alt: "Hung King logo", loading: "lazy", src: index$1.CommonGAssets.getAssetPath('logo/hung-king-bg.png'), className: "common-logo-seasonal-left" }))) : seasonalChecks.isVNIndependentDay &&
+            (type === 'hellobacsi' || type === 'marryBaby') ? (React__default["default"].createElement(React__default["default"].Fragment, null,
+            React__default["default"].createElement(index.ImageWrap, { alt: "VN Independent day logo", loading: "lazy", src: index$1.CommonGAssets.getAssetPath('logo/vn-independence-desktop.png'), className: "common-logo-seasonal-left desktop-only" }),
+            React__default["default"].createElement(index.ImageWrap, { alt: "VN Independent day logo", loading: "lazy", src: index$1.CommonGAssets.getAssetPath('logo/vn-independence-mobile.png'), className: "common-logo-seasonal-left mobile-only" }))) : 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$1.CommonGAssets.getAssetPath('logo/pro-suffix.svg') })) : null,
         badge));

package/build/{index-f4bd7dd9.js → index-da2fcb34.js} RENAMED Viewed

@@ -1,14 +1,14 @@
 'use strict';
 var React = require('react');
-var useTranslations = require('./useTranslations-4fb7a5ac.js');
+var useTranslations = require('./useTranslations-a7d0eda2.js');
 var miscCookieHelper = require('./miscCookieHelper.js');
-var index$1 = require('./index-0e1519d2.js');
-var normalizeLink = require('./normalizeLink-3ec047d7.js');
+var index$1 = require('./index-e14351d9.js');
+var normalizeLink = require('./normalizeLink-f7ff246d.js');
 var miscTheme = require('./miscTheme.js');
-var index = require('./index-930f87f9.js');
-var index$2 = require('./index-f477fee8.js');
-var index$3 = require('./index-3c6a1bfc.js');
+var index = require('./index-8093b4c0.js');
+var index$2 = require('./index-a75810e2.js');
+var index$3 = require('./index-ab22352b.js');
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-63f2aaa5.js → index-dd983fcb.js} RENAMED Viewed

@@ -1,24 +1,24 @@
 'use strict';
-var tslib_es6 = require('./tslib.es6-5d65f18f.js');
+var tslib_es6 = require('./tslib.es6-4f3a7235.js');
 var React = require('react');
 var core = require('@mantine/core');
 var form = require('@mantine/form');
-var LastPeriod = require('./LastPeriod-5e6d2274.js');
-var index$2 = require('./index-67fa5818.js');
-var index$1 = require('./index-87d6e499.js');
-var index$3 = require('./index-6266a5df.js');
-require('./index-fa8957ac.js');
-require('./index.styles-07f26519.js');
-var useTranslations = require('./useTranslations-4fb7a5ac.js');
+var LastPeriod = require('./LastPeriod-6c935b5d.js');
+var index$2 = require('./index-4fdbb874.js');
+var index$1 = require('./index-3e6201be.js');
+var index$3 = require('./index-f32e3050.js');
+require('./index-6090acb6.js');
+require('./index.styles-32fb7e09.js');
+var useTranslations = require('./useTranslations-a7d0eda2.js');
 require('@mantine/hooks');
-require('./index-1b1ac8fe.js');
-require('./index-0e1519d2.js');
-require('./utils-97ffdcb1.js');
-require('./useMantineLocale-b8eca90b.js');
-require('./index-330e16a8.js');
-require('./other-5c1524b3.js');
-var index = require('./index-6cda2bed.js');
+require('./index-5825ed99.js');
+require('./index-e14351d9.js');
+require('./utils-c1a402f1.js');
+require('./useMantineLocale-57dd7bbf.js');
+require('./index-860016ca.js');
+require('./other-3587bfb6.js');
+var index = require('./index-995dbede.js');
 var other = require('@hhgtech/icons/other');
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-7dfa541c.js → index-df205f5e.js} RENAMED Viewed

@@ -1,8 +1,8 @@
 'use strict';
-var index$1 = require('./index-f8017859.js');
-var index$2 = require('./index-330e16a8.js');
-var index = require('./index-1b1ac8fe.js');
+var index$1 = require('./index-50b80dac.js');
+var index$2 = require('./index-860016ca.js');
+var index = require('./index-5825ed99.js');
 var Cookies = require('js-cookie');
 var uuid = require('uuid');
 var constantsIsProduction = require('./constantsIsProduction.js');

package/build/{index-bee8ec72.js → index-eab2fe2e.js} RENAMED Viewed

@@ -1,26 +1,26 @@
 'use strict';
-var tslib_es6 = require('./tslib.es6-5d65f18f.js');
+var tslib_es6 = require('./tslib.es6-4f3a7235.js');
 var React = require('react');
-var LastPeriod = require('./LastPeriod-5e6d2274.js');
+var LastPeriod = require('./LastPeriod-6c935b5d.js');
 var dateFns = require('date-fns');
 var core = require('@mantine/core');
 var form = require('@mantine/form');
 var dayjs = require('dayjs');
-var index$3 = require('./index-67fa5818.js');
-var index = require('./index-87d6e499.js');
-require('./index-6266a5df.js');
-require('./index-fa8957ac.js');
-require('./index.styles-07f26519.js');
-var useTranslations = require('./useTranslations-4fb7a5ac.js');
+var index$3 = require('./index-4fdbb874.js');
+var index = require('./index-3e6201be.js');
+require('./index-f32e3050.js');
+require('./index-6090acb6.js');
+require('./index.styles-32fb7e09.js');
+var useTranslations = require('./useTranslations-a7d0eda2.js');
 require('@mantine/hooks');
-require('./index-1b1ac8fe.js');
-require('./index-0e1519d2.js');
-require('./utils-97ffdcb1.js');
-require('./useMantineLocale-b8eca90b.js');
-var index$2 = require('./index-330e16a8.js');
-require('./other-5c1524b3.js');
-var index$1 = require('./index-6cda2bed.js');
+require('./index-5825ed99.js');
+require('./index-e14351d9.js');
+require('./utils-c1a402f1.js');
+require('./useMantineLocale-57dd7bbf.js');
+var index$2 = require('./index-860016ca.js');
+require('./other-3587bfb6.js');
+var index$1 = require('./index-995dbede.js');
 var other = require('@hhgtech/icons/other');
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-133544cd.js → index-f1032eae.js} RENAMED Viewed

@@ -1,23 +1,23 @@
 'use strict';
-var tslib_es6 = require('./tslib.es6-5d65f18f.js');
+var tslib_es6 = require('./tslib.es6-4f3a7235.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index$1 = require('./index-67fa5818.js');
+var index$1 = require('./index-4fdbb874.js');
 require('@mantine/dates');
-var index = require('./index-330e16a8.js');
-require('./index-1b1ac8fe.js');
-require('./index-0e1519d2.js');
-require('./useMantineLocale-b8eca90b.js');
-require('./index-6266a5df.js');
-require('./index-fa8957ac.js');
-require('./index.styles-07f26519.js');
-var useTranslations = require('./useTranslations-4fb7a5ac.js');
+var index = require('./index-860016ca.js');
+require('./index-5825ed99.js');
+require('./index-e14351d9.js');
+require('./useMantineLocale-57dd7bbf.js');
+require('./index-f32e3050.js');
+require('./index-6090acb6.js');
+require('./index.styles-32fb7e09.js');
+var useTranslations = require('./useTranslations-a7d0eda2.js');
 require('@mantine/hooks');
-require('./utils-97ffdcb1.js');
-require('./other-5c1524b3.js');
-var utils = require('./utils-14192273.js');
-var Locale = require('./Locale-e697d040.js');
+require('./utils-c1a402f1.js');
+require('./other-3587bfb6.js');
+var utils = require('./utils-b00a28ec.js');
+var Locale = require('./Locale-f199568f.js');
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-6266a5df.js → index-f32e3050.js} RENAMED Viewed

@@ -1,9 +1,9 @@
 'use strict';
-var tslib_es6 = require('./tslib.es6-5d65f18f.js');
+var tslib_es6 = require('./tslib.es6-4f3a7235.js');
 var React = require('react');
 var core = require('@mantine/core');
-var other = require('./other-5c1524b3.js');
+var other = require('./other-3587bfb6.js');
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-5209298d.js → index-f99615cc.js} RENAMED Viewed

@@ -1,21 +1,21 @@
 'use strict';
-var tslib_es6 = require('./tslib.es6-5d65f18f.js');
+var tslib_es6 = require('./tslib.es6-4f3a7235.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index = require('./index-67fa5818.js');
+var index = require('./index-4fdbb874.js');
 require('@mantine/dates');
-require('./index-330e16a8.js');
-require('./index-1b1ac8fe.js');
-require('./index-0e1519d2.js');
-require('./useMantineLocale-b8eca90b.js');
-var index$1 = require('./index-6266a5df.js');
-require('./index-fa8957ac.js');
-require('./index.styles-07f26519.js');
-var useTranslations = require('./useTranslations-4fb7a5ac.js');
+require('./index-860016ca.js');
+require('./index-5825ed99.js');
+require('./index-e14351d9.js');
+require('./useMantineLocale-57dd7bbf.js');
+var index$1 = require('./index-f32e3050.js');
+require('./index-6090acb6.js');
+require('./index.styles-32fb7e09.js');
+var useTranslations = require('./useTranslations-a7d0eda2.js');
 require('@mantine/hooks');
-var utils = require('./utils-97ffdcb1.js');
-require('./other-5c1524b3.js');
+var utils = require('./utils-c1a402f1.js');
+require('./other-3587bfb6.js');
 var styled = require('@emotion/styled');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');

package/build/{index-2c23680e.js → index-fbce7952.js} RENAMED Viewed

@@ -3,8 +3,8 @@
 var React = require('react');
 var miscTheme = require('./miscTheme.js');
 var styled = require('@emotion/styled');
-var index = require('./index-f00131bf.js');
-var index$1 = require('./index-81dcaeb1.js');
+var index = require('./index-4f895ba9.js');
+var index$1 = require('./index-7c7e1de8.js');
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }