@hhgtech/hhg-components 1.29.504-beta-1 → 1.29.504-beta-2

package/build/{InputDate-6598c9f3.js → InputDate-39b6130a.js}

@@ -1,17 +1,17 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-2ac5f24f.js');
+var tslib_es6 = require('./tslib.es6-1952bc93.js');
 var React = require('react');
 var core = require('@mantine/core');
 var classNames = require('classnames');
 var dayjs = require('dayjs');
-var index$1 = require('./index-369a1f17.js');
+var index$1 = require('./index-d2ed81a0.js');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var index = require('./index-e6d921e9.js');
-var Locale = require('./Locale-3d41fa9d.js');
-var index$2 = require('./index-1d5353b6.js');
+var index = require('./index-3ccf7dfb.js');
+var Locale = require('./Locale-303efe02.js');
+var index$2 = require('./index-2c65f292.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{LastPeriod-eafeae66.js → LastPeriod-ac6bb835.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-2ac5f24f.js');
+var tslib_es6 = require('./tslib.es6-1952bc93.js');
 var React = require('react');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{MobileBottomNavigationIcon-246358b7.js → MobileBottomNavigationIcon-0fc7d9e2.js}

@@ -1,12 +1,12 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-2ac5f24f.js');
+var tslib_es6 = require('./tslib.es6-1952bc93.js');
 var React = require('react');
-var index = require('./index-1d5353b6.js');
+var index = require('./index-2c65f292.js');
 var miscTheme = require('./miscTheme.js');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
-var utils = require('./utils-6541af62.js');
+var utils = require('./utils-479f12ae.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-7d682973.js → SiteWideBanner-a25dfc94.js}

@@ -1,26 +1,30 @@
 'use strict';
 
 var React = require('react');
-var index$2 = require('./index-4e8c129d.js');
+var index$2 = require('./index-60189b88.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var index = require('./index-1d5353b6.js');
-var index$1 = require('./index-713c2294.js');
-var tslib_es6 = require('./tslib.es6-2ac5f24f.js');
-var index$6 = require('./index-e6d921e9.js');
-var index$5 = require('./index-70442203.js');
+var index = require('./index-2c65f292.js');
+var index$1 = require('./index-4aefe320.js');
+var tslib_es6 = require('./tslib.es6-1952bc93.js');
+var index$6 = require('./index-3ccf7dfb.js');
+var index$5 = require('./index-338926c9.js');
 var core = require('@mantine/core');
-var number = require('./number-cf1c6227.js');
-var index$3 = require('./index-c41d03d7.js');
+var number = require('./number-65c50d7b.js');
+var index$3 = require('./index-00194ccb.js');
 var hooks = require('@mantine/hooks');
-var index$4 = require('./index-d3e2ebb9.js');
-var index$7 = require('./index-22cd7d09.js');
+var index$4 = require('./index-05089799.js');
+var index$7 = require('./index-9b176e6a.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
+var core$1 = require('@hhgtech/icons/core');
+var Cookies = require('js-cookie');
+var utils = require('./utils-479f12ae.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 var styled__default = /*#__PURE__*/_interopDefault(styled);
+var Cookies__default = /*#__PURE__*/_interopDefault(Cookies);
 
 const ALLOW_DOMAIN_URL = [
     'hellobacsi.com',
@@ -486,7 +490,170 @@ const VideoItem = (_a) => {
         !articleLink && (React__default["default"].createElement(VideoPlayerModal, { opened: Boolean(showModal), data: data, onClose: () => setShowModal(false), isMobile: isMobile }))));
 };
 
+const siteWideBg = index$1.CommonGAssets.getAssetPath('sitewide/vn-public-desktop.png');
+const StyledsiteWideContainer = styled__default["default"].div `
+  position: relative;
+  display: flex;
+  overflow: hidden;
+  align-items: center;
+  background-color: ${(props) => props.bgColor || '#284a75'};
+  background-position: center;
+  background-size: cover;
+  transition: height 0.25s;
+  &[data-is-mobile='true'] {
+    justify-content: flex-start;
+  }
+  &[data-is-mobile='false'] {
+    justify-content: center;
+  }
+
+  &[data-is-collapse='false'] {
+    height: 64px;
+  }
+  &[data-is-collapse='true'] {
+    height: 0;
+  }
+
+  ${utils.MediaQueries.mbDown} {
+    &[data-is-collapse='false'] {
+      height: 48px;
+    }
+  }
+
+  &[data-is-vn-public-day='true'] {
+    background-color: ${miscTheme.theme.colors.red900};
+    ${utils.MediaQueries.mbDown} {
+      overflow: hidden;
+    }
+    ${utils.MediaQueries.mbUp} {
+      background-image: url(${siteWideBg});
+      background-repeat: no-repeat;
+      background-size: cover;
+
+      .vn-bg {
+        display: none;
+      }
+    }
+  }
+
+  .banner-full {
+    object-fit: cover;
+    height: 100%;
+  }
+
+  & > a {
+    display: flex;
+    width: 100%;
+    height: 100%;
+    align-items: center;
+    justify-content: center;
+    text-decoration: none;
+  }
+
+  > a + .site-wide-content {
+    width: 100%;
+  }
+
+  .content {
+    padding-right: 48px;
+    color: white;
+    a {
+      color: white;
+    }
+    &[data-is-mobile='true'] {
+      font-size: 14px;
+    }
+    ${utils.MediaQueries.mbDown} {
+      line-height: 18px;
+    }
+  }
+  .close-icon {
+    position: absolute;
+    right: 0px;
+    width: 64px;
+    height: 64px;
+    padding: 0 20px;
+    cursor: pointer;
+  }
+
+  [data-event-category] {
+    * {
+      pointer-events: none !important;
+    }
+  }
+`;
+const StyledIcon = styled__default["default"].div `
+  max-width: 100px;
+  margin-right: 16px;
+  .image-wrapper {
+    display: inline-block;
+    overflow: hidden;
+    max-width: 100px;
+    padding: 8px 0 4px 16px;
+    img {
+      width: 64px;
+      height: 64px;
+      object-fit: contain;
+      &[data-is-mobile='true'] {
+        width: 52px;
+        height: 52px;
+      }
+    }
+  }
+`;
+
+const SITE_WIDE_EXPIRES = {
+    daily: 1,
+    weekly: 7,
+    'bi-weekly': 14,
+};
+const SiteWideBanner = ({ site = 'discover', banner, isMobile, onClose, currentUrl, }) => {
+    var _a;
+    const { link, icon, content, type, layoutType, bannerDesktop, bannerMobile, backgroundColor, bannerDisplayFrequency, } = banner || {};
+    const [show, setShow] = React.useState(true);
+    const formattedContent = content;
+    const cookieName = React.useMemo(() => `${site}-disable-sitewide-${type}`, [type]);
+    const handleCLoseSitewide = React.useCallback((event) => {
+        event.preventDefault();
+        Cookies__default["default"].set(cookieName, 'true', {
+            expires: SITE_WIDE_EXPIRES[bannerDisplayFrequency],
+            path: currentUrl,
+        });
+        setShow(false);
+        onClose === null || onClose === void 0 ? void 0 : onClose();
+    }, [currentUrl, cookieName, bannerDisplayFrequency]);
+    const dataVarsEventLabel = (_a = /<a[^>]*href=["']([^"']*)["']/g.exec(formattedContent)) === null || _a === void 0 ? void 0 : _a[1];
+    React.useEffect(() => {
+        if (Cookies__default["default"].get(cookieName) === 'true') {
+            setShow(false);
+        }
+    }, [banner === null || banner === void 0 ? void 0 : banner.type]);
+    if (!formattedContent || !show) {
+        return null;
+    }
+    return (React__default["default"].createElement(StyledsiteWideContainer, { "data-is-mobile": isMobile, "data-is-collapse": !show, 
+        // data-is-vn-public-day={isVNPublicDay}
+        id: "sitewide-container", bgColor: backgroundColor },
+        React__default["default"].createElement("a", { className: `no-replace-click`, "data-event-category": "Header Banner", "data-event-action": "Link Click", "data-event-label": currentUrl, href: link || dataVarsEventLabel }, layoutType === 'icon-text' ? (React__default["default"].createElement(React__default["default"].Fragment, null,
+            icon && (React__default["default"].createElement(StyledIcon, { className: "site-wide-content" },
+                React__default["default"].createElement("div", { className: "image-wrapper" },
+                    React__default["default"].createElement("img", { src: icon, className: "icon", loading: "lazy", "data-is-mobile": isMobile, alt: "", width: 64, height: 64 })))),
+            React__default["default"].createElement("div", { className: "site-wide-content" }, formattedContent && (React__default["default"].createElement(index.Text, { size: "s3", className: "content", "data-is-mobile": isMobile, dangerouslySetInnerHTML: { __html: formattedContent }, lineClamp: 2, styles: {
+                    root: {
+                        fontFamily: `${process.env.NEXT_PUBLIC_DEPLOY_LOCALE === 'km-KH'
+                            ? 'Battambang,'
+                            : process.env.NEXT_PUBLIC_DEPLOY_LOCALE === 'th-TH'
+                                ? 'Noto Sans Thai,'
+                                : 'Inter,'} -apple-system,
+                    BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Cantarell,
+                    'Helvetica Neue', sans-serif;`,
+                    },
+                } }))))) : (React__default["default"].createElement("img", { src: isMobile ? bannerMobile : bannerDesktop, className: "banner-full", loading: "lazy", "data-is-mobile": isMobile, alt: "" }))),
+        React__default["default"].createElement(core$1.Close, { color: "#fff", size: 24, className: "close-icon", "data-event-category": "Header Banner", "data-event-action": "Close Click", "data-vars-event-label": currentUrl, onClick: handleCLoseSitewide })));
+};
+
 exports.LanguageSwitcher = LanguageSwitcher;
+exports.SiteWideBanner = SiteWideBanner;
 exports.VideoItem = VideoItem;
 exports.VideoPlayerModal = VideoPlayerModal;
 exports.isInternalLink = isInternalLink;

package/build/{Spinner-1e781823.js → Spinner-5288e291.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-2ac5f24f.js');
+var tslib_es6 = require('./tslib.es6-1952bc93.js');
 var React = require('react');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{WhatsApp-d45d0c30.js → WhatsApp-20f271c3.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-2ac5f24f.js');
+var tslib_es6 = require('./tslib.es6-1952bc93.js');
 var React = require('react');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/adapters.js

@@ -2,45 +2,45 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-63463fe7.js');
-var index$1 = require('./index-fd8bde71.js');
-var index$2 = require('./index-255f19f7.js');
-require('./tslib.es6-2ac5f24f.js');
+var index = require('./index-ac613dca.js');
+var index$1 = require('./index-0e652642.js');
+var index$2 = require('./index-0f015118.js');
+require('./tslib.es6-1952bc93.js');
 require('react');
-require('./index-bbab951c.js');
+require('./index-00e1fdd9.js');
 require('@mantine/core');
-require('./shared-2aaae3ac.js');
-require('./index-369a1f17.js');
-require('./index-4e8c129d.js');
+require('./shared-b934d330.js');
+require('./index-d2ed81a0.js');
+require('./index-60189b88.js');
 require('@hhgtech/icons/other');
 require('@mantine/hooks');
-require('./index-713c2294.js');
+require('./index-4aefe320.js');
 require('./constantsDomainLocales.js');
-require('./Locale-3d41fa9d.js');
+require('./Locale-303efe02.js');
 require('./constantsIsProduction.js');
-require('./index-f00fe08c.js');
-require('./utils-6541af62.js');
+require('./index-c3aae283.js');
+require('./utils-479f12ae.js');
 require('@emotion/styled');
 require('@mantine/carousel');
-require('./index-1d5353b6.js');
-require('./index-c0f0adf8.js');
+require('./index-2c65f292.js');
+require('./index-520636d0.js');
 require('dayjs');
-require('./index-70442203.js');
+require('./index-338926c9.js');
 require('@mantine/notifications');
-require('./index-e6d921e9.js');
+require('./index-3ccf7dfb.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
 require('./miscTheme.js');
 require('classnames');
 require('uuid');
-require('./useUniqueId-27198812.js');
+require('./useUniqueId-de84850a.js');
 require('@emotion/react');
 require('@hhgtech/icons/core');
 require('@mantine/dates');
-require('./index.styles-d0e973c1.js');
-require('./translationsContext-5c79a155.js');
-require('./index-8d065568.js');
+require('./index.styles-44a8b124.js');
+require('./translationsContext-1a4a43f1.js');
+require('./index-ca0f5d88.js');
 
 
 

package/build/atoms.js

@@ -2,82 +2,82 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-43121c75.js');
-var index$1 = require('./index-9a25fe3b.js');
-var index$2 = require('./index-63463fe7.js');
-var index$3 = require('./index-59bac650.js');
-var index$4 = require('./index-c8353f8b.js');
-var index$5 = require('./index-971e57b0.js');
-var index$6 = require('./index-f20fcdd9.js');
-var index$7 = require('./index-4e8c129d.js');
-var index$8 = require('./index-255f19f7.js');
-var index$9 = require('./index-c4874b96.js');
-var index$a = require('./index-b4f0c044.js');
-var index$b = require('./index-2fd50785.js');
-var index$c = require('./index-6c343aa8.js');
-var index$d = require('./index-fd8bde71.js');
-var index$e = require('./index-19e8b042.js');
-var index$f = require('./index-c1c08d5f.js');
-var index$g = require('./index-0be82943.js');
-var index$h = require('./index-1b4256c2.js');
-var index$i = require('./index-f00fe08c.js');
-var logoIcon = require('./logoIcon-4b119e72.js');
-var index$j = require('./index-63da212f.js');
-var index$k = require('./index-f219183b.js');
-var index$l = require('./index-b5c4ba35.js');
-var InputDate = require('./InputDate-6598c9f3.js');
+var index = require('./index-88521b40.js');
+var index$1 = require('./index-1fffed03.js');
+var index$2 = require('./index-ac613dca.js');
+var index$3 = require('./index-04906b5f.js');
+var index$4 = require('./index-aa4e9e4e.js');
+var index$5 = require('./index-bdaca3ce.js');
+var index$6 = require('./index-53eeb834.js');
+var index$7 = require('./index-60189b88.js');
+var index$8 = require('./index-0f015118.js');
+var index$9 = require('./index-6bcf6d11.js');
+var index$a = require('./index-bbfe63a1.js');
+var index$b = require('./index-e539ac00.js');
+var index$c = require('./index-c0d36645.js');
+var index$d = require('./index-0e652642.js');
+var index$e = require('./index-03a24032.js');
+var index$f = require('./index-3ccb6a47.js');
+var index$g = require('./index-8aeac803.js');
+var index$h = require('./index-86244416.js');
+var index$i = require('./index-c3aae283.js');
+var logoIcon = require('./logoIcon-6255c245.js');
+var index$j = require('./index-3e28c9bf.js');
+var index$k = require('./index-ef66ba9d.js');
+var index$l = require('./index-8d8042b1.js');
+var InputDate = require('./InputDate-39b6130a.js');
 require('react');
-require('./index-1d5353b6.js');
-require('./tslib.es6-2ac5f24f.js');
+require('./index-2c65f292.js');
+require('./tslib.es6-1952bc93.js');
 require('@mantine/core');
-require('./index-369a1f17.js');
+require('./index-d2ed81a0.js');
 require('@emotion/styled');
 require('./miscTheme.js');
-require('./utils-6541af62.js');
+require('./utils-479f12ae.js');
 require('@mantine/hooks');
 require('./miscDefaultClassWrapper.js');
 require('react-keyed-flatten-children');
-require('./Close-827743ad.js');
-require('./index-c41d03d7.js');
-require('./translationsContext-5c79a155.js');
+require('./Close-83de97ed.js');
+require('./index-00194ccb.js');
+require('./translationsContext-1a4a43f1.js');
 require('@mantine/carousel');
 require('vaul');
-require('./index-e6d921e9.js');
+require('./index-3ccf7dfb.js');
 require('date-fns/locale');
-require('./index-70442203.js');
-require('./Locale-3d41fa9d.js');
+require('./index-338926c9.js');
+require('./Locale-303efe02.js');
 require('./constantsSite.js');
 require('./constantsDomainLocales.js');
 require('./constantsRiskScreener.js');
 require('./constantsIsProduction.js');
-require('./index-bbab951c.js');
-require('./shared-2aaae3ac.js');
+require('./index-00e1fdd9.js');
+require('./shared-b934d330.js');
 require('@mantine/dates');
-require('./index-713c2294.js');
-require('./index-c0f0adf8.js');
+require('./index-4aefe320.js');
+require('./index-520636d0.js');
 require('dayjs');
 require('@mantine/notifications');
-require('./index.styles-d0e973c1.js');
-require('./index-8d065568.js');
+require('./index.styles-44a8b124.js');
+require('./index-ca0f5d88.js');
 require('@hhgtech/icons/other');
 require('@emotion/react');
-require('./animation-3676e386.js');
+require('./animation-50eae73a.js');
 require('classnames');
 require('uuid');
-require('./useUniqueId-27198812.js');
+require('./useUniqueId-de84850a.js');
 require('@hhgtech/icons/core');
-require('./WhatsApp-d45d0c30.js');
-require('./Spinner-1e781823.js');
-require('./index-5150237c.js');
-require('./paths-e5f1ae6d.js');
-require('./constants-1fefa9f9.js');
-require('./utils-f755053d.js');
-require('./index-1d9d3bb4.js');
+require('./WhatsApp-20f271c3.js');
+require('./Spinner-5288e291.js');
+require('./index-49d6485f.js');
+require('./paths-d5ba3c15.js');
+require('./constants-cb70823d.js');
+require('./utils-8d598f99.js');
+require('./index-fc747e46.js');
 require('./miscCookieHelper.js');
 require('slugify');
 require('string-format');
 require('./togetherApiPaths.js');
-require('./constants-274d62db.js');
+require('./constants-77baf96a.js');