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

package/build/embeddedHeathToolCards_targetHeartRate.js

@@ -2,56 +2,56 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-eb6c14a9.js');
+var tslib_es6 = require('./tslib.es6-cda7df6f.js');
 var React = require('react');
-var index = require('./index-52d6a58f.js');
-var index$1 = require('./index-37bc23e8.js');
-var dataTransform = require('./dataTransform-796050b6.js');
-var healthToolsCardWrapper = require('./index-37364cb4.js');
-var index$2 = require('./index-c5aa3a29.js');
-require('./translationsContext-131c175d.js');
+var index = require('./index-b522b103.js');
+var index$1 = require('./index-859b4cc2.js');
+var dataTransform = require('./dataTransform-fd55e308.js');
+var healthToolsCardWrapper = require('./index-057a7518.js');
+var index$2 = require('./index-6e14f158.js');
+require('./translationsContext-bc22c9d1.js');
 require('./constantsDomainLocales.js');
-require('./Locale-92b585e9.js');
+require('./Locale-681ec46c.js');
 require('./constantsIsProduction.js');
 require('@mantine/core');
 require('@hhgtech/icons/core');
 require('@hhgtech/icons/other');
-require('./index-99d4d93a.js');
+require('./index-b20f6097.js');
 require('@mantine/hooks');
-require('./index-9e5d6e87.js');
-require('./index-f5530a02.js');
-require('./utils-4602868b.js');
+require('./index-b67a1fec.js');
+require('./index-15662f4d.js');
+require('./utils-4e5e71b2.js');
 require('@emotion/styled');
 require('@mantine/carousel');
-require('./index-a45d00c1.js');
-require('./index-13f4b72a.js');
+require('./index-1c0bb6f9.js');
+require('./index-11ba4862.js');
 require('dayjs');
-require('./index-c1f8dc7c.js');
+require('./index-e4c14331.js');
 require('@mantine/notifications');
-require('./index-1b859ef1.js');
+require('./index-3dad7438.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
 require('./miscTheme.js');
-require('./shared-996cbba5.js');
+require('./shared-a394b192.js');
 require('classnames');
 require('uuid');
-require('./useUniqueId-cadb48e1.js');
+require('./useUniqueId-f46d3ad8.js');
 require('@emotion/react');
-require('./index-8b6539ed.js');
+require('./index-f08d8867.js');
 require('@mantine/dates');
-require('./index.styles-e903b83e.js');
-require('./index-b6d200db.js');
-require('./context-3e568073.js');
+require('./index.styles-c7be72ee.js');
+require('./index-7e9e81db.js');
+require('./context-0c766188.js');
 require('@mantine/form');
-require('./useHealthToolCache-effa16c0.js');
+require('./useHealthToolCache-de6b2f23.js');
 require('./miscGetDynamicHealthTool.js');
-require('./normalizeLink-e3e5f49c.js');
-require('./core-a0b779df.js');
-require('./constants-136c21b4.js');
-require('./index-f3469b72.js');
-require('./index-7bf6d148.js');
-require('./index-3a096664.js');
+require('./normalizeLink-8e6e7a07.js');
+require('./core-b4af405a.js');
+require('./constants-bf04ebe8.js');
+require('./index-12abd26c.js');
+require('./index-006c8a5b.js');
+require('./index-225846e4.js');
 require('react-keyed-flatten-children');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/esm/{InputDate-4cc4168f.js → InputDate-211d503d.js}

@@ -1,15 +1,15 @@
-import { _ as __rest } from './tslib.es6-3e6718a6.js';
+import { _ as __rest } from './tslib.es6-f1bb0a8e.js';
 import React__default, { forwardRef, useState, useRef, useMemo, useCallback, useEffect, useImperativeHandle } from 'react';
 import { Box } from '@mantine/core';
 import classNames from 'classnames';
 import dayjs from 'dayjs';
-import { G as GlobalTextStyleNew, C as CustomStylesType, F as FontWeight } from './index-819e815f.js';
+import { G as GlobalTextStyleNew, C as CustomStylesType, F as FontWeight } from './index-ba8c0c35.js';
 import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { I as ISO_FORMAT } from './index-af8c61b4.js';
-import { L as LOCALE } from './Locale-fa109af8.js';
-import { T as Text } from './index-56553ab9.js';
+import { I as ISO_FORMAT } from './index-9527c725.js';
+import { L as LOCALE } from './Locale-0eecb735.js';
+import { T as Text } from './index-cdca0c5b.js';
 
 const KEYCODE = {
     BACKSPACE: 8,

package/build/esm/{LastPeriod-c13398e7.js → LastPeriod-6877b1f3.js}

@@ -1,4 +1,4 @@
-import { _ as __rest } from './tslib.es6-3e6718a6.js';
+import { _ as __rest } from './tslib.es6-f1bb0a8e.js';
 import React__default from 'react';
 
 const LastPeriod = (_a) => {

package/build/esm/{MobileBottomNavigationIcon-4955b5ea.js → MobileBottomNavigationIcon-a520f1aa.js}

@@ -1,10 +1,10 @@
-import { _ as __rest } from './tslib.es6-3e6718a6.js';
+import { _ as __rest } from './tslib.es6-f1bb0a8e.js';
 import React__default from 'react';
-import { T as Text } from './index-56553ab9.js';
+import { T as Text } from './index-cdca0c5b.js';
 import { theme } from './miscTheme.js';
 import { keyframes } from '@emotion/react';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-bdeecda7.js';
+import { M as MediaQueries } from './utils-15f470f3.js';
 
 const slideInUp = keyframes `
   from {

package/build/esm/{index-fbcc001f.js → SiteWideBanner-ae9c7b78.js}

@@ -1,19 +1,22 @@
-import React__default, { useState, useMemo } from 'react';
-import { F as Flag } from './index-f4ee60eb.js';
+import React__default, { useState, useMemo, useCallback, useEffect } from 'react';
+import { F as Flag } from './index-6b85468e.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { T as Text } from './index-56553ab9.js';
-import { C as CommonGAssets } from './index-47b1eb5f.js';
-import { _ as __rest } from './tslib.es6-3e6718a6.js';
-import { a as ZINDEX_HEADER, e as VIDEO_DETAIL_TEMP_STORAGE } from './index-af8c61b4.js';
-import { V as VideoType } from './index-77cb3d36.js';
+import { T as Text } from './index-cdca0c5b.js';
+import { C as CommonGAssets } from './index-b6ac2fd8.js';
+import { _ as __rest } from './tslib.es6-f1bb0a8e.js';
+import { a as ZINDEX_HEADER, e as VIDEO_DETAIL_TEMP_STORAGE } from './index-9527c725.js';
+import { V as VideoType } from './index-d8330201.js';
 import { createStyles, Stack, Box, AspectRatio, getStylesRef, rem, Flex } from '@mantine/core';
-import { a as abbreviateNumber } from './number-5612d429.js';
-import { u as useTranslations } from './index-45337579.js';
+import { a as abbreviateNumber } from './number-102ebd9b.js';
+import { u as useTranslations } from './index-d952cc59.js';
 import { useOs } from '@mantine/hooks';
-import { M as Modal } from './index-e527e8f8.js';
-import { S as SocialLinkPreview } from './index-0b19aab5.js';
+import { M as Modal } from './index-0d63688c.js';
+import { S as SocialLinkPreview } from './index-e522c581.js';
 import { domainLocales } from './constantsDomainLocales.js';
+import { Close } from '@hhgtech/icons/core';
+import Cookies from 'js-cookie';
+import { M as MediaQueries } from './utils-15f470f3.js';
 
 const ALLOW_DOMAIN_URL = [
     'hellobacsi.com',
@@ -479,4 +482,166 @@ const VideoItem = (_a) => {
         !articleLink && (React__default.createElement(VideoPlayerModal, { opened: Boolean(showModal), data: data, onClose: () => setShowModal(false), isMobile: isMobile }))));
 };
 
-export { LanguageSwitcher as L, VideoItem as V, VideoPlayerModal as a, isInternalLink as i };
+const siteWideBg = CommonGAssets.getAssetPath('sitewide/vn-public-desktop.png');
+const StyledsiteWideContainer = styled.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;
+  }
+
+  ${MediaQueries.mbDown} {
+    &[data-is-collapse='false'] {
+      height: 48px;
+    }
+  }
+
+  &[data-is-vn-public-day='true'] {
+    background-color: ${theme.colors.red900};
+    ${MediaQueries.mbDown} {
+      overflow: hidden;
+    }
+    ${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;
+    }
+    ${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.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] = useState(true);
+    const formattedContent = content;
+    const cookieName = useMemo(() => `${site}-disable-sitewide-${type}`, [type]);
+    const handleCLoseSitewide = useCallback((event) => {
+        event.preventDefault();
+        Cookies.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];
+    useEffect(() => {
+        if (Cookies.get(cookieName) === 'true') {
+            setShow(false);
+        }
+    }, [banner === null || banner === void 0 ? void 0 : banner.type]);
+    if (!formattedContent || !show) {
+        return null;
+    }
+    return (React__default.createElement(StyledsiteWideContainer, { "data-is-mobile": isMobile, "data-is-collapse": !show, 
+        // data-is-vn-public-day={isVNPublicDay}
+        id: "sitewide-container", bgColor: backgroundColor },
+        React__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.createElement(React__default.Fragment, null,
+            icon && (React__default.createElement(StyledIcon, { className: "site-wide-content" },
+                React__default.createElement("div", { className: "image-wrapper" },
+                    React__default.createElement("img", { src: icon, className: "icon", loading: "lazy", "data-is-mobile": isMobile, alt: "", width: 64, height: 64 })))),
+            React__default.createElement("div", { className: "site-wide-content" }, formattedContent && (React__default.createElement(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.createElement("img", { src: isMobile ? bannerMobile : bannerDesktop, className: "banner-full", loading: "lazy", "data-is-mobile": isMobile, alt: "" }))),
+        React__default.createElement(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 })));
+};
+
+export { LanguageSwitcher as L, SiteWideBanner as S, VideoItem as V, VideoPlayerModal as a, isInternalLink as i };

package/build/esm/{Spinner-b61a5c6a.js → Spinner-bc882611.js}

@@ -1,4 +1,4 @@
-import { _ as __rest } from './tslib.es6-3e6718a6.js';
+import { _ as __rest } from './tslib.es6-f1bb0a8e.js';
 import React__default from 'react';
 
 const Spinner = (_a) => {

package/build/esm/{WhatsApp-91db0fe6.js → WhatsApp-2f4cb275.js}

@@ -1,4 +1,4 @@
-import { _ as __rest } from './tslib.es6-3e6718a6.js';
+import { _ as __rest } from './tslib.es6-f1bb0a8e.js';
 import React__default from 'react';
 
 const Instagram = (_a) => {

package/build/esm/adapters.js

@@ -1,39 +1,39 @@
-export { B as Button } from './index-a936a470.js';
-export { T as Text } from './index-7bfc7e77.js';
-export { H as Heading } from './index-186f80d1.js';
-import './tslib.es6-3e6718a6.js';
+export { B as Button } from './index-ab0984e8.js';
+export { T as Text } from './index-337e4ac0.js';
+export { H as Heading } from './index-eb484547.js';
+import './tslib.es6-f1bb0a8e.js';
 import 'react';
-import './index-2857708d.js';
+import './index-f440c4ca.js';
 import '@mantine/core';
-import './shared-219e06f1.js';
-import './index-819e815f.js';
-import './index-f4ee60eb.js';
+import './shared-ae045baa.js';
+import './index-ba8c0c35.js';
+import './index-6b85468e.js';
 import '@hhgtech/icons/other';
 import '@mantine/hooks';
-import './index-47b1eb5f.js';
+import './index-b6ac2fd8.js';
 import './constantsDomainLocales.js';
-import './Locale-fa109af8.js';
+import './Locale-0eecb735.js';
 import './constantsIsProduction.js';
-import './index-130f05ea.js';
-import './utils-bdeecda7.js';
+import './index-dc54d8dc.js';
+import './utils-15f470f3.js';
 import '@emotion/styled';
 import '@mantine/carousel';
-import './index-56553ab9.js';
-import './index-e9edd913.js';
+import './index-cdca0c5b.js';
+import './index-b8e1e37a.js';
 import 'dayjs';
-import './index-77cb3d36.js';
+import './index-d8330201.js';
 import '@mantine/notifications';
-import './index-af8c61b4.js';
+import './index-9527c725.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsRiskScreener.js';
 import './miscTheme.js';
 import 'classnames';
 import 'uuid';
-import './useUniqueId-dfc4c9f1.js';
+import './useUniqueId-352c3c52.js';
 import '@emotion/react';
 import '@hhgtech/icons/core';
 import '@mantine/dates';
-import './index.styles-2c61def9.js';
-import './translationsContext-d65dfb4b.js';
-import './index-36fe1b01.js';
+import './index.styles-5aab1348.js';
+import './translationsContext-56726897.js';
+import './index-ca160040.js';

package/build/esm/atoms.js

@@ -1,76 +1,76 @@
-export { A as Alert, B as Badge, a as BorderHeading, C as CardCollapse, D as DragFreeCarousel, f as FILE_UPLOAD_ACCEPTED_RATIOS, g as FILE_UPLOAD_ACCEPTED_TYPES, F as FileDropdown, G as Grid, H as HtmlContent, I as IconHeading, e as ImageUpload, R as Radio, b as RateStars, S as StepRenderer, d as StepRendererContext, T as Tag, c as Toggle } from './index-5c56edc4.js';
-export { A as Avatar, D as DistanceTag, a as DrawerBottom, I as IconWrapper } from './index-fb7b423b.js';
-export { B as Button } from './index-a936a470.js';
-export { C as Checkbox, I as ImageWrapV2, P as Pagination, a as PureInput, b as SearchInput, S as StyledSearchIcon } from './index-2f7b4f90.js';
-export { C as Container } from './index-e9726ce8.js';
-export { D as Divider } from './index-6c2720fe.js';
-export { D as Drawer } from './index-83d0c121.js';
-export { F as Flag } from './index-f4ee60eb.js';
-export { H as Heading } from './index-186f80d1.js';
-export { I as Icon } from './index-18212783.js';
-export { I as Input, L as Label } from './index-e1e281bc.js';
-export { L as Logo } from './index-1db71963.js';
-export { R as RadioImageGroup } from './index-fd2cfab4.js';
-export { T as Text } from './index-7bfc7e77.js';
-export { T as TextArea } from './index-6c51ee7e.js';
-export { A as AuthorBadge, B as BookingBtn } from './index-f3381d08.js';
-export { B as BtnChoice } from './index-fae2eb1b.js';
-export { C as CustomReferenceDot } from './index-1d2caa94.js';
-export { I as ImageWrap } from './index-130f05ea.js';
-export { L as LogoIcon } from './logoIcon-6d46190e.js';
-export { G as GenderOptionControl } from './index-016a0ac5.js';
-export { L as Loading } from './index-251a44fe.js';
-export { D as DrawerComponent } from './index-2f072cb0.js';
-export { I as InputDate } from './InputDate-4cc4168f.js';
+export { A as Alert, B as Badge, a as BorderHeading, C as CardCollapse, D as DragFreeCarousel, f as FILE_UPLOAD_ACCEPTED_RATIOS, g as FILE_UPLOAD_ACCEPTED_TYPES, F as FileDropdown, G as Grid, H as HtmlContent, I as IconHeading, e as ImageUpload, R as Radio, b as RateStars, S as StepRenderer, d as StepRendererContext, T as Tag, c as Toggle } from './index-e7791332.js';
+export { A as Avatar, D as DistanceTag, a as DrawerBottom, I as IconWrapper } from './index-81def395.js';
+export { B as Button } from './index-ab0984e8.js';
+export { C as Checkbox, I as ImageWrapV2, P as Pagination, a as PureInput, b as SearchInput, S as StyledSearchIcon } from './index-1264147a.js';
+export { C as Container } from './index-793501d6.js';
+export { D as Divider } from './index-470b7039.js';
+export { D as Drawer } from './index-e262e307.js';
+export { F as Flag } from './index-6b85468e.js';
+export { H as Heading } from './index-eb484547.js';
+export { I as Icon } from './index-32dc7b48.js';
+export { I as Input, L as Label } from './index-c8a07ab2.js';
+export { L as Logo } from './index-80401129.js';
+export { R as RadioImageGroup } from './index-990d9437.js';
+export { T as Text } from './index-337e4ac0.js';
+export { T as TextArea } from './index-1ca6e28b.js';
+export { A as AuthorBadge, B as BookingBtn } from './index-5ad16a1d.js';
+export { B as BtnChoice } from './index-180ede01.js';
+export { C as CustomReferenceDot } from './index-ab254f6b.js';
+export { I as ImageWrap } from './index-dc54d8dc.js';
+export { L as LogoIcon } from './logoIcon-a0585530.js';
+export { G as GenderOptionControl } from './index-93239ea9.js';
+export { L as Loading } from './index-7027060d.js';
+export { D as DrawerComponent } from './index-59018ea1.js';
+export { I as InputDate } from './InputDate-211d503d.js';
 import 'react';
-import './index-56553ab9.js';
-import './tslib.es6-3e6718a6.js';
+import './index-cdca0c5b.js';
+import './tslib.es6-f1bb0a8e.js';
 import '@mantine/core';
-import './index-819e815f.js';
+import './index-ba8c0c35.js';
 import '@emotion/styled';
 import './miscTheme.js';
-import './utils-bdeecda7.js';
+import './utils-15f470f3.js';
 import '@mantine/hooks';
 import './miscDefaultClassWrapper.js';
 import 'react-keyed-flatten-children';
-import './Close-b8a389b0.js';
-import './index-45337579.js';
-import './translationsContext-d65dfb4b.js';
+import './Close-fad1940b.js';
+import './index-d952cc59.js';
+import './translationsContext-56726897.js';
 import '@mantine/carousel';
 import 'vaul';
-import './index-af8c61b4.js';
+import './index-9527c725.js';
 import 'date-fns/locale';
-import './index-77cb3d36.js';
-import './Locale-fa109af8.js';
+import './index-d8330201.js';
+import './Locale-0eecb735.js';
 import './constantsSite.js';
 import './constantsDomainLocales.js';
 import './constantsRiskScreener.js';
 import './constantsIsProduction.js';
-import './index-2857708d.js';
-import './shared-219e06f1.js';
+import './index-f440c4ca.js';
+import './shared-ae045baa.js';
 import '@mantine/dates';
-import './index-47b1eb5f.js';
-import './index-e9edd913.js';
+import './index-b6ac2fd8.js';
+import './index-b8e1e37a.js';
 import 'dayjs';
 import '@mantine/notifications';
-import './index.styles-2c61def9.js';
-import './index-36fe1b01.js';
+import './index.styles-5aab1348.js';
+import './index-ca160040.js';
 import '@hhgtech/icons/other';
 import '@emotion/react';
-import './animation-f47616ba.js';
+import './animation-f639afa0.js';
 import 'classnames';
 import 'uuid';
-import './useUniqueId-dfc4c9f1.js';
+import './useUniqueId-352c3c52.js';
 import '@hhgtech/icons/core';
-import './WhatsApp-91db0fe6.js';
-import './Spinner-b61a5c6a.js';
-import './index-cd372d15.js';
-import './paths-69add938.js';
-import './constants-61999387.js';
-import './utils-f670e863.js';
-import './index-279b704d.js';
+import './WhatsApp-2f4cb275.js';
+import './Spinner-bc882611.js';
+import './index-4d0a9ac4.js';
+import './paths-c23f2384.js';
+import './constants-d0c51a06.js';
+import './utils-cb7f3bc1.js';
+import './index-9012f57e.js';
 import './miscCookieHelper.js';
 import 'slugify';
 import 'string-format';
 import './togetherApiPaths.js';
-import './constants-f35d19be.js';
+import './constants-1e2da451.js';