@hhgtech/hhg-components 1.29.409-beta-5 → 1.29.409-beta-7

package/build/esm/lead.js

@@ -1,52 +1,52 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-8d8dd6e5.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-e850ac81.js';
 import React__default, { createContext, useMemo, useEffect, useRef, useState, useContext, useCallback, forwardRef, useImperativeHandle, memo, useLayoutEffect } from 'react';
 import { createStyles, Box, Button as Button$1, Input as Input$1, Autocomplete, clsx, Checkbox as Checkbox$1, Radio as Radio$1, Select as Select$1, TextInput, NumberInput as NumberInput$1, Portal, Transition, Overlay } from '@mantine/core';
 import debounce from 'lodash/debounce';
 import { createFormContext, useForm } from '@mantine/form';
 import dayjs from 'dayjs';
-import { B as BEARER_TOKEN_COOKIE } from './index-84ae3064.js';
+import { B as BEARER_TOKEN_COOKIE } from './index-221f3683.js';
 import { getCookie, setCookie } from './miscCookieHelper.js';
-import { u as useTranslations } from './index-e9871c11.js';
-import { T as TranslationsContext } from './translationsContext-31357fc6.js';
-import { M as MediaQueries, b as getWrapperDomWithSelector, a as getPopupWrapperDom } from './utils-bbb81a03.js';
-import { T as Text } from './index-85218f94.js';
-import { S as Select, d as Checkbox, I as Input, R as Radio, P as Phone, N as NumberInput, O as OTP } from './index-908735ce.js';
-import { D as DatePicker } from './index-c284017e.js';
-import { B as Button } from './index-5e425249.js';
-import './index.styles-05eb1c8e.js';
+import { u as useTranslations } from './index-8a18386c.js';
+import { T as TranslationsContext } from './translationsContext-f197fe93.js';
+import { M as MediaQueries, b as getWrapperDomWithSelector, a as getPopupWrapperDom } from './utils-89df902d.js';
+import { T as Text } from './index-b4ea88ef.js';
+import { S as Select, d as Checkbox, I as Input, R as Radio, P as Phone, N as NumberInput, O as OTP } from './index-c531a948.js';
+import { D as DatePicker } from './index-2661134f.js';
+import { B as Button } from './index-17534c26.js';
+import './index.styles-c576a93f.js';
 import { useIntersection, useClickOutside } from '@mantine/hooks';
-import './useMantineLocale-a7dd336d.js';
-import { C as COMMON_DATE_TRANSLATE_KEY } from './index-f25f89f5.js';
-import './index-49f5f2b0.js';
-import { L as LOCALE_SPECS, Z as ZINDEX_SSO, I as ISO_FORMAT } from './index-f488c0af.js';
-import './other-c51e0ea2.js';
-import './index-13d58fc0.js';
-import { M as MAPPED_LOCALE } from './utils-4f8dd7e3.js';
+import './useMantineLocale-2c51b982.js';
+import { C as COMMON_DATE_TRANSLATE_KEY } from './index-9fcfea56.js';
+import './index-bde21925.js';
+import { L as LOCALE_SPECS, Z as ZINDEX_SSO, I as ISO_FORMAT } from './index-25b94537.js';
+import './other-64ad5116.js';
+import './index-525a06fd.js';
+import { M as MAPPED_LOCALE } from './utils-36d05883.js';
 import { DateInput } from '@mantine/dates';
-import { u as usePlacesAutocomplete, G as GOOGLE_API_KEY } from './usePlacesAutocomplete-9262648f.js';
-import { H as Heading$1 } from './index-0cd1c5ac.js';
-import { t as translationsMap$1 } from './translationsProvider-1b3f4918.js';
-import { L as LOCALE } from './Locale-bb7c3de8.js';
+import { u as usePlacesAutocomplete, G as GOOGLE_API_KEY } from './usePlacesAutocomplete-7475ecaf.js';
+import { H as Heading$1 } from './index-cb7c48ca.js';
+import { t as translationsMap$1 } from './translationsProvider-eebc2225.js';
+import { L as LOCALE } from './Locale-359132ea.js';
 import { v1 } from 'uuid';
 import { domainLocales } from './constantsDomainLocales.js';
 import { parsePhoneNumber } from 'react-phone-number-input';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 import { css } from '@emotion/react';
-import { T as TogetherComponentGlobalContext } from './utils-8a77bf92.js';
-import { i as isVideo } from './index-0c95c5c1.js';
-import { u as useScreenSize } from './useScreenSize-877adc8e.js';
+import { T as TogetherComponentGlobalContext } from './utils-47b80e60.js';
+import { i as isVideo } from './index-a8f8a70a.js';
+import { u as useScreenSize } from './useScreenSize-2bec7bc0.js';
 import { motion } from 'framer-motion';
 import { createPortal } from 'react-dom';
-import { I as InputDate } from './InputDate-6a1f91ff.js';
-import { D as DrawerComponent } from './index-aff5d721.js';
-import { C as Close } from './Close-fe78d79b.js';
+import { I as InputDate } from './InputDate-53e380be.js';
+import { D as DrawerComponent } from './index-eb5fb1e2.js';
+import { C as Close } from './Close-a507e77c.js';
 import './constantsIsProduction.js';
-import './normalizeLink-88003a00.js';
+import './normalizeLink-990c75ad.js';
 import '@hhgtech/icons/other';
 import '@mantine/carousel';
 import 'classnames';
-import './useUniqueId-cdef337a.js';
+import './useUniqueId-ac216bbe.js';
 import './constantsSite.js';
 import '@hhgtech/icons/core';
 import '@mantine/notifications';
@@ -64,11 +64,11 @@ import './i18n-values/vi-VN.js';
 import './i18n-values/vi-VN_MB.js';
 import './i18n-values/zh-SG.js';
 import './i18n-values/zh-TW.js';
-import './index-7c35bb95.js';
+import './index-7ae3bd5a.js';
 import 'slugify';
 import 'string-format';
 import './togetherApiPaths.js';
-import './constants-00278b91.js';
+import './constants-6502e29b.js';
 import 'vaul';
 
 const LeadGenComponentContext = createContext({});
@@ -3550,6 +3550,29 @@ const FloatingLayout = ({ popupId, url, title, urlText, titleAlign, subtitle, su
                     React__default.createElement(CloseButton, { onClose: onClose, containerClassName: "close-button-top-right" }))))));
 };
 
+function useScrollTo() {
+    const scrollTo = useCallback((element, to, duration = 500) => {
+        if (!element)
+            return;
+        const start = element.scrollTop;
+        const change = to - start;
+        const startTime = performance.now();
+        const easeInOutQuad = (t) => {
+            return t < 0.5 ? 2 * t * t : -1 + (4 - 2 * t) * t;
+        };
+        const animateScroll = (currentTime) => {
+            const elapsed = currentTime - startTime;
+            const progress = Math.min(elapsed / duration, 1);
+            element.scrollTop = start + change * easeInOutQuad(progress);
+            if (progress < 1) {
+                requestAnimationFrame(animateScroll);
+            }
+        };
+        requestAnimationFrame(animateScroll);
+    }, []);
+    return scrollTo;
+}
+
 const useViewportDimensions = () => {
     const dimensionsRef = useRef({ width: 0, height: 0 });
     const [dimensions, setDimensions] = useState(() => ({
@@ -3579,6 +3602,50 @@ const useViewportDimensions = () => {
     return useMemo(() => (Object.assign({}, dimensions)), [dimensions.height, dimensions.width]);
 };
 
+// Default handling for Safari & Chrome
+function useViewportPushedByKeyboard(threshold = 20) {
+    const ref = useRef(null);
+    const [isPushed, setIsPushed] = useState(false);
+    useEffect(() => {
+        const check = () => {
+            if (!ref.current)
+                return;
+            const rect = ref.current.getBoundingClientRect();
+            const diff = window.innerHeight - rect.bottom;
+            setIsPushed(diff > threshold);
+        };
+        window.addEventListener('resize', check);
+        const id = setInterval(check, 300); // fallback để cập nhật khi resize không đủ
+        return () => {
+            window.removeEventListener('resize', check);
+            clearInterval(id);
+        };
+    }, [threshold]);
+    return { isPushed, bottomRef: ref };
+}
+function useKeyboardOpen(isAndroid = false) {
+    const [keyOpen, setKeyOpen] = useState(false);
+    useEffect(() => {
+        var _a;
+        const initialHeight = window.innerHeight;
+        const onResize = () => {
+            var _a, _b;
+            const diff = initialHeight - ((_b = (_a = window.visualViewport) === null || _a === void 0 ? void 0 : _a.height) !== null && _b !== void 0 ? _b : window.innerHeight);
+            if (diff > 150) {
+                console.log('🟡 Keyboard likely opened');
+                setKeyOpen(true);
+            }
+            else {
+                console.log('⚪️ Keyboard likely closed');
+                setKeyOpen(false);
+            }
+        };
+        (_a = window.visualViewport) === null || _a === void 0 ? void 0 : _a.addEventListener('resize', onResize);
+        return () => { var _a; return (_a = window.visualViewport) === null || _a === void 0 ? void 0 : _a.removeEventListener('resize', onResize); };
+    }, [isAndroid]);
+    return keyOpen;
+}
+
 function isMac() {
     return testPlatform(/^Mac/);
 }
@@ -4992,6 +5059,19 @@ const LightboxLayout = ({ popupId, extraFields, onClose: onCloseProp, onOtherSub
         userInfo,
         format: (_a = (ISO_FORMAT[locale] || ISO_FORMAT['vi-VN'])) === null || _a === void 0 ? void 0 : _a.dateFormat,
     });
+    const popupContentRef = useRef(null);
+    const isIos = isIOS();
+    const keyOpen = useKeyboardOpen();
+    const { isPushed, bottomRef } = useViewportPushedByKeyboard();
+    const [bottomSpacing, setBottomSpacing] = useState(0);
+    const bottomSpacingRef = useRef(bottomSpacing);
+    const isPushedRef = useRef(isPushed);
+    const keyOpenRef = useRef(keyOpen);
+    const [isScrolling, setIsScrolling] = useState(false);
+    const isScrollingRef = useRef(false);
+    const gapBottomSpace = useRef(40);
+    const initialHeight = useRef(0);
+    const scrollTo = useScrollTo();
     const handleDoImpression = useCallback((type = 'impression') => doImpression({
         formValues: form.values,
         formActiveTime: formActiveTime.current,
@@ -5005,6 +5085,8 @@ const LightboxLayout = ({ popupId, extraFields, onClose: onCloseProp, onOtherSub
         return null;
     }
     useEffect(() => {
+        initialHeight.current = window.innerHeight;
+        (isLightBox || isSlider) && handleDoImpression();
         if (isLightBox || isFullscreen) {
             document.body.classList.add('noscroll');
         }
@@ -5014,8 +5096,17 @@ const LightboxLayout = ({ popupId, extraFields, onClose: onCloseProp, onOtherSub
         clearCacheUsedEmailOrPhone();
     }, []);
     useEffect(() => {
-        (isLightBox || isSlider) && handleDoImpression();
-    }, []);
+        isPushedRef.current = isPushed;
+    }, [isPushed]);
+    useEffect(() => {
+        keyOpenRef.current = keyOpen;
+    }, [keyOpen]);
+    useEffect(() => {
+        bottomSpacingRef.current = bottomSpacing;
+    }, [bottomSpacing]);
+    useEffect(() => {
+        isScrollingRef.current = isScrolling;
+    }, [isScrolling]);
     useEffect(() => {
         formRef.current && setLastFormRef(formRef.current);
     }, [formRef.current]);
@@ -5043,6 +5134,18 @@ const LightboxLayout = ({ popupId, extraFields, onClose: onCloseProp, onOtherSub
         }
         return () => clearInterval(intervalId);
     }, [showThankyou]);
+    useEffect(() => {
+        setBottomSpacing(isMobile && isIos && isLightBoxB
+            ? !isPushed && keyOpen
+                ? (() => {
+                    var _a;
+                    const visualHeight = (_a = window.visualViewport) === null || _a === void 0 ? void 0 : _a.height;
+                    const isErrorDevice = visualHeight === initialHeight.current;
+                    return isErrorDevice ? window.innerHeight * 0.4 : visualHeight;
+                })()
+                : 0
+            : 0);
+    }, [isPushed, keyOpen, isMobile, isIos, isLightBoxB]);
     const listBlockAddedRequired = useMemo(() => leadGenFieldRequired(listBlockAdded), listBlockAdded);
     const disabledButtonSubmit = useMemo(() => {
         if (listBlockAddedRequired.length) {
@@ -5050,9 +5153,47 @@ const LightboxLayout = ({ popupId, extraFields, onClose: onCloseProp, onOtherSub
         }
         return false;
     }, [...listBlockAddedRequired.map((k) => form.values[k])]);
+    const handlePopupContentScroll = () => {
+        if (!isScrollingRef.current) {
+            const active = document.activeElement;
+            if (formRef.current && formRef.current.contains(active)) {
+                active.blur();
+            }
+        }
+    };
     const onFocus = (e) => {
         // EL-926 Temporary turn off handling focus form on mobile to fix scrolling bug on lightbox A
-        return false;
+        // return false
+        e.preventDefault();
+        if (!isMobile || !isIos || !isLightBoxB)
+            return;
+        setTimeout(() => {
+            var _a, _b;
+            if (!isPushedRef.current && keyOpenRef.current) {
+                const input = e.target;
+                const rect = input.getBoundingClientRect();
+                const inputHeight = rect.height;
+                const inputTop = rect.top;
+                const viewportHeight = (_a = window.visualViewport) === null || _a === void 0 ? void 0 : _a.height;
+                const isErrorDevice = viewportHeight === initialHeight.current;
+                const currentTop = inputTop + inputHeight + (isErrorDevice ? 0 : gapBottomSpace.current);
+                const currentScrollY = popupContentRef.current.scrollTop;
+                const viewPort = isErrorDevice
+                    ? window.innerHeight * 0.4
+                    : (_b = window.visualViewport) === null || _b === void 0 ? void 0 : _b.height;
+                if (currentTop >= viewPort) {
+                    const gap = currentTop - viewPort;
+                    const targetScrollY = currentScrollY + gap;
+                    if (!isNaN(targetScrollY)) {
+                        setIsScrolling(true);
+                        scrollTo(popupContentRef.current, targetScrollY, 400);
+                        setTimeout(() => {
+                            setIsScrolling(false);
+                        }, 500);
+                    }
+                }
+            }
+        }, 300);
     };
     const middlewareOnSubmit = (e) => {
         e.preventDefault();
@@ -5178,7 +5319,12 @@ const LightboxLayout = ({ popupId, extraFields, onClose: onCloseProp, onOtherSub
         React__default.createElement("form", { ref: formRef, className: "leadgen-form", onFocus: onFocus, onSubmit: middlewareOnSubmit },
             React__default.createElement(FormContainer, { title: title, titleAlign: titleAlign, description: description, descriptionAlign: descriptionAlign, header: headerInsideFormContainer && PopupHeader, footer: hasForm ? ButtonSubmit : ButtonLink, "data-hidden-form": !hasForm },
                 React__default.createElement("div", { className: "leadgen-form_inner" },
-                    React__default.createElement(LightboxFields, { listBlockAdded: listBlockAdded, popupId: popupId, locale: locale, onClose: onClose, onOtherSubmit: onOtherSubmit }))))));
+                    React__default.createElement(LightboxFields, { listBlockAdded: listBlockAdded, popupId: popupId, locale: locale, onClose: onClose, onOtherSubmit: onOtherSubmit })))),
+        React__default.createElement("div", { style: {
+                height: `${bottomSpacing}px`,
+                width: '100%',
+                transition: 'height .2s ease',
+            } })));
     const PopupOtp = showOtpPhone && (React__default.createElement(OtpBlock, { otpData: showOtpPhone, autoSendWhenOpen: false, onSuccess: () => {
             setShowOtpPhone(null);
             onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit({
@@ -5189,16 +5335,24 @@ const LightboxLayout = ({ popupId, extraFields, onClose: onCloseProp, onOtherSub
             });
         } }));
     const PopupThankYou = showThankyou && (React__default.createElement(ThankyouPopup, { title: showThankyou.title, titleAlign: showThankyou.titleAlign, subtitle: showThankyou.subtitle, subtitleAlign: showThankyou.subtitleAlign, link: showThankyou.link, linkNewTab: showThankyou.linkNewTab, linkText: showThankyou.linkText, image: showThankyou.image }));
-    const PopupContent = (React__default.createElement("div", { className: clsx('leadgen-content', {
+    const PopupContent = (React__default.createElement("div", { ref: popupContentRef, className: clsx('leadgen-content', {
             'leadgen-content_small': limitFieldsLightBoxB,
-        }) },
+        }), onScroll: handlePopupContentScroll },
         !headerInsideFormContainer && PopupHeader,
         !onlyHeader && (React__default.createElement("div", { className: "leadgen-inner" },
             PopupThankYou,
             !showThankyou && (React__default.createElement(React__default.Fragment, null,
                 PopupOtp,
                 PopupEmpty,
-                !(showOtpPhone || showEmpty) && PopupForm))))));
+                !(showOtpPhone || showEmpty) && PopupForm)))),
+        React__default.createElement("div", { ref: bottomRef, style: {
+                position: 'fixed',
+                bottom: 0,
+                left: 0,
+                height: 1,
+                width: '100%',
+                pointerEvents: 'none',
+            } })));
     const styleOverlay = useMemo(() => {
         let styleContent = `.leadgen-inner {background-repeat: no-repeat;background-size: cover;background-position:center;}`;
         if (isMobile && imageOverlayMobile) {
@@ -5597,7 +5751,7 @@ const _LeadGen = ({ apiUrl: apiUrlProp, siteDomain, siteId, locale, primaryColor
                     action: 'CLICK',
                     url: location.href.toLowerCase(),
                     title_article: document.title,
-                    cookie_id: getCookie('hhg-id'),
+                    cookie_id: getCookie('hhg-id') || '',
                     duration: Math.ceil((Date.now() - leadStartTimeRef.current) / 1000),
                 }),
             }),
@@ -5605,7 +5759,7 @@ const _LeadGen = ({ apiUrl: apiUrlProp, siteDomain, siteId, locale, primaryColor
                 !params.preventTrackingClose &&
                 trackingCompletionForm({
                     commonData: {
-                        cookie_id: getCookie('hhg-id'),
+                        cookie_id: getCookie('hhg-id') || '',
                         ga_client_id: getCookie('_ga') || null,
                         country_code: locale ? MAPPED_LOCALE[locale] || 'VN' : 'VN',
                         status: 'in_progress',
@@ -5623,7 +5777,7 @@ const _LeadGen = ({ apiUrl: apiUrlProp, siteDomain, siteId, locale, primaryColor
         const { formRef, listBlockAdded, formValues: formDataObj } = params || {};
         const data = formatTrackingData({
             commonData: {
-                cookie_id: getCookie('hhg-id'),
+                cookie_id: getCookie('hhg-id') || '',
                 ga_client_id: getCookie('_ga') || null,
                 country_code: locale ? MAPPED_LOCALE[locale] || 'VN' : 'VN',
                 status: 'in_progress',
@@ -5641,7 +5795,7 @@ const _LeadGen = ({ apiUrl: apiUrlProp, siteDomain, siteId, locale, primaryColor
         const { listBlockAdded = [] } = params || {};
         const data = formatTrackingData({
             commonData: {
-                cookie_id: getCookie('hhg-id'),
+                cookie_id: getCookie('hhg-id') || '',
                 ga_client_id: getCookie('_ga') || null,
                 country_code: locale ? MAPPED_LOCALE[locale] || 'VN' : 'VN',
                 status: 'in_progress',
@@ -5734,7 +5888,7 @@ const _LeadGen = ({ apiUrl: apiUrlProp, siteDomain, siteId, locale, primaryColor
             yield require('intl-tel-input/build/js/utils');
         }
         const commonData = {
-            cookie_id: getCookie('hhg-id'),
+            cookie_id: getCookie('hhg-id') || '',
             ga_client_id: gaCookie,
         };
         const data = Object.assign({ url: location.href.toLowerCase(), title_article: document.title, meta: [...formData, ...extraPayloadValues] }, commonData);

package/build/esm/{logoIcon-323f5c9d.js → logoIcon-e81609ff.js}

@@ -1,6 +1,6 @@
 import React__default, { memo, useMemo } from 'react';
-import { C as CommonGAssets } from './index-49f5f2b0.js';
-import { I as ImageWrap } from './useScreenSize-877adc8e.js';
+import { C as CommonGAssets } from './index-bde21925.js';
+import { I as ImageWrap } from './useScreenSize-2bec7bc0.js';
 
 const _LogoIcon = ({ type, width, height }) => {
     const data = useMemo(() => {

package/build/esm/mantine.js

@@ -1,43 +1,43 @@
-import { g as getMantineThemeOverride, h as StyledTextArea, D as DEBOUNCED_TIME, i as StyledSliderWrapper, j as StyledSlider } from './index-908735ce.js';
-export { k as Accordion, A as Anchor, b as AspectRatio, a as Avatar, B as Breadcrumbs, l as Carousel, c as CentralCarousel, d as Checkbox, e as ChipButton, I as Input, O as OTP, P as Phone, n as Popover, R as Radio, S as Select, m as emotionCache, g as getMantineThemeOverride, t as themeColors } from './index-908735ce.js';
-export { D as DatePicker } from './index-c284017e.js';
-export { T as Text } from './index-85218f94.js';
-import { B as Button } from './index-5e425249.js';
-export { B as Button } from './index-5e425249.js';
-export { I as Indicator } from './index-43e98482.js';
+import { g as getMantineThemeOverride, h as StyledTextArea, D as DEBOUNCED_TIME, i as StyledSliderWrapper, j as StyledSlider } from './index-c531a948.js';
+export { k as Accordion, A as Anchor, b as AspectRatio, a as Avatar, B as Breadcrumbs, l as Carousel, c as CentralCarousel, d as Checkbox, e as ChipButton, I as Input, O as OTP, P as Phone, n as Popover, R as Radio, S as Select, m as emotionCache, g as getMantineThemeOverride, t as themeColors } from './index-c531a948.js';
+export { D as DatePicker } from './index-2661134f.js';
+export { T as Text } from './index-b4ea88ef.js';
+import { B as Button } from './index-17534c26.js';
+export { B as Button } from './index-17534c26.js';
+export { I as Indicator } from './index-5f6bad8c.js';
 import React__default, { useState, useEffect } from 'react';
-export { M as Modal } from './index-bb621fc1.js';
-import { _ as __rest } from './tslib.es6-8d8dd6e5.js';
+export { M as Modal } from './index-725f9130.js';
+import { _ as __rest } from './tslib.es6-e850ac81.js';
 import { MantineProvider as MantineProvider$1, Badge as Badge$1, LoadingOverlay as LoadingOverlay$1, clsx, Title, Text, Button as Button$1 } from '@mantine/core';
 import { theme } from './miscTheme.js';
-export { S as Spoiler } from './index-5708d104.js';
+export { S as Spoiler } from './index-22ac6e0b.js';
 import { useDebouncedValue } from '@mantine/hooks';
-export { S as Switch } from './index-447f3672.js';
-import { u as useMantineLocale, N as NotificationsHandler } from './useMantineLocale-a7dd336d.js';
-export { M as MAPPED_LOCALE, g as getHeadingStyles, s as showNotification, u as useMantineLocale } from './useMantineLocale-a7dd336d.js';
-export { O as OTHER_THEME_CONFIG } from './other-c51e0ea2.js';
-export { T as Tabs } from './index-13d58fc0.js';
+export { S as Switch } from './index-79ecab9a.js';
+import { u as useMantineLocale, N as NotificationsHandler } from './useMantineLocale-2c51b982.js';
+export { M as MAPPED_LOCALE, g as getHeadingStyles, s as showNotification, u as useMantineLocale } from './useMantineLocale-2c51b982.js';
+export { O as OTHER_THEME_CONFIG } from './other-64ad5116.js';
+export { T as Tabs } from './index-525a06fd.js';
 import '@hhgtech/icons/other';
-import './index-49f5f2b0.js';
+import './index-bde21925.js';
 import './constantsDomainLocales.js';
-import './Locale-bb7c3de8.js';
+import './Locale-359132ea.js';
 import './constantsIsProduction.js';
-import './useScreenSize-877adc8e.js';
+import './useScreenSize-2bec7bc0.js';
 import '@emotion/styled';
-import './utils-bbb81a03.js';
+import './utils-89df902d.js';
 import '@mantine/carousel';
-import './index-f25f89f5.js';
-import './index-f488c0af.js';
+import './index-9fcfea56.js';
+import './index-25b94537.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsRiskScreener.js';
 import 'classnames';
-import './useUniqueId-cdef337a.js';
+import './useUniqueId-ac216bbe.js';
 import '@hhgtech/icons/core';
 import '@mantine/dates';
-import './index.styles-05eb1c8e.js';
-import './index-e9871c11.js';
-import './translationsContext-31357fc6.js';
+import './index.styles-c576a93f.js';
+import './index-8a18386c.js';
+import './translationsContext-f197fe93.js';
 import '@mantine/notifications';
 import 'dayjs';
 

package/build/esm/misc.js

@@ -1,35 +1,35 @@
-export { a as ageGenerate, c as convertLocalizedStringToNumber, l as localizeNumberFormat } from './localizeNumberFormat-e0f27f28.js';
-export { h as fadeIn, a as slideInDown, b as slideInLeft, c as slideInRight, s as slideInUp, e as slideOutDown, f as slideOutLeft, g as slideOutRight, d as slideOutUp } from './animation-0935503b.js';
+export { a as ageGenerate, c as convertLocalizedStringToNumber, l as localizeNumberFormat } from './localizeNumberFormat-ec77fe30.js';
+export { h as fadeIn, a as slideInDown, b as slideInLeft, c as slideInRight, s as slideInUp, e as slideOutDown, f as slideOutLeft, g as slideOutRight, d as slideOutUp } from './animation-3c2ea734.js';
 export { deleteCookie, getCookie, setCookie } from './miscCookieHelper.js';
 import 'react';
 import '@mantine/core';
-import './useMantineLocale-a7dd336d.js';
-import './index-f25f89f5.js';
-import './index-49f5f2b0.js';
+import './useMantineLocale-2c51b982.js';
+import './index-9fcfea56.js';
+import './index-bde21925.js';
 export { MBTheme, theme } from './miscTheme.js';
-export { B as Breakpoints, M as MediaQueries, S as Screens, f as formatUrlWithPageParam, g as getBoundariesFromMediaQueryKey, a as getPopupWrapperDom, b as getWrapperDomWithSelector, m as makeParams, c as safeEncodeURI, s as startCase, t as toggleNoScroll } from './utils-bbb81a03.js';
-import './index-f488c0af.js';
-export { a as abbreviateNumber } from './number-2790ed3c.js';
-export { d as getCareApiDomain, g as getCurrentBaseUrl, a as getCurrentSsoUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain } from './normalizeLink-88003a00.js';
+export { B as Breakpoints, M as MediaQueries, S as Screens, f as formatUrlWithPageParam, g as getBoundariesFromMediaQueryKey, a as getPopupWrapperDom, b as getWrapperDomWithSelector, m as makeParams, c as safeEncodeURI, s as startCase, t as toggleNoScroll } from './utils-89df902d.js';
+import './index-25b94537.js';
+export { a as abbreviateNumber } from './number-e714b812.js';
+export { d as getCareApiDomain, g as getCurrentBaseUrl, a as getCurrentSsoUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain } from './normalizeLink-990c75ad.js';
 export { formatHealthTool, getDynamicHealthTool, getDynamicHealthToolWithCache } from './miscGetDynamicHealthTool.js';
 export { getSocialList } from './miscGetSocialList.js';
 export { ScreenSizeContext, ScreenSizeContextProvider, getWindowSizeGroups } from './miscScreenSizeContext.js';
-export { f as formatPill } from './dataTransform-b686496b.js';
+export { f as formatPill } from './dataTransform-cb53c9c9.js';
 import 'dayjs';
 import '@emotion/react';
-import './tslib.es6-8d8dd6e5.js';
+import './tslib.es6-e850ac81.js';
 import '@mantine/notifications';
-import './other-c51e0ea2.js';
-import './Locale-bb7c3de8.js';
+import './other-64ad5116.js';
+import './Locale-359132ea.js';
 import './constantsDomainLocales.js';
 import './constantsIsProduction.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsRiskScreener.js';
-import './core-728b4d5a.js';
-import './WhatsApp-68122fb1.js';
-import './index-a1bf3ab1.js';
-import './index-7c35bb95.js';
+import './core-efb5f5a9.js';
+import './WhatsApp-35148576.js';
+import './index-9e52a174.js';
+import './index-7ae3bd5a.js';
 import 'js-cookie';
 import 'uuid';
 import 'lodash/throttle';

package/build/esm/miscGetDynamicHealthTool.js

@@ -1,8 +1,8 @@
-import { a as __awaiter } from './tslib.es6-8d8dd6e5.js';
-import { e as normalizeLinkSlash, c as getDiscoverApiDomain } from './normalizeLink-88003a00.js';
-import { g as getDataWithCache } from './core-728b4d5a.js';
+import { a as __awaiter } from './tslib.es6-e850ac81.js';
+import { e as normalizeLinkSlash, c as getDiscoverApiDomain } from './normalizeLink-990c75ad.js';
+import { g as getDataWithCache } from './core-efb5f5a9.js';
 import './constantsDomainLocales.js';
-import './Locale-bb7c3de8.js';
+import './Locale-359132ea.js';
 import './constantsIsProduction.js';
 
 const formatHealthTool = (healthTool, locale) => {

package/build/esm/miscGetSocialList.js

@@ -1,12 +1,12 @@
 import React__default from 'react';
-import { _ as __rest } from './tslib.es6-8d8dd6e5.js';
-import { W as WhatsApp, I as Instagram } from './WhatsApp-68122fb1.js';
-import { S as SocialType } from './index-f25f89f5.js';
-import { g as getHelloSitesUrl } from './index-a1bf3ab1.js';
-import { C as CommonGAssets } from './index-49f5f2b0.js';
-import { L as LOCALE } from './Locale-bb7c3de8.js';
-import './index-7c35bb95.js';
-import './index-f488c0af.js';
+import { _ as __rest } from './tslib.es6-e850ac81.js';
+import { W as WhatsApp, I as Instagram } from './WhatsApp-35148576.js';
+import { S as SocialType } from './index-9fcfea56.js';
+import { g as getHelloSitesUrl } from './index-9e52a174.js';
+import { C as CommonGAssets } from './index-bde21925.js';
+import { L as LOCALE } from './Locale-359132ea.js';
+import './index-7ae3bd5a.js';
+import './index-25b94537.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsDomainLocales.js';

package/build/esm/miscScreenSizeContext.js

@@ -1,6 +1,6 @@
 import React__default, { createContext, useState, useEffect, useMemo } from 'react';
 import throttle from 'lodash/throttle';
-import { B as Breakpoints } from './utils-bbb81a03.js';
+import { B as Breakpoints } from './utils-89df902d.js';
 
 const ScreenSizeContext = createContext({
     isInit: true,

package/build/esm/mobileBottomNavigation.js

@@ -1,13 +1,13 @@
-import { _ as __rest } from './tslib.es6-8d8dd6e5.js';
+import { _ as __rest } from './tslib.es6-e850ac81.js';
 import React__default from 'react';
-import { M as MobileBottomNavigationIcon, S as StyledMobileBottomNavigation } from './MobileBottomNavigationIcon-39405180.js';
-import './index-85218f94.js';
+import { M as MobileBottomNavigationIcon, S as StyledMobileBottomNavigation } from './MobileBottomNavigationIcon-61e1423e.js';
+import './index-b4ea88ef.js';
 import '@mantine/core';
-import './other-c51e0ea2.js';
+import './other-64ad5116.js';
 import './miscTheme.js';
 import '@emotion/react';
 import '@emotion/styled';
-import './utils-bbb81a03.js';
+import './utils-89df902d.js';
 
 const MobileBottomNavigationWrapper = (_a) => {
     var { children, isCollapsed = false, template = 'homepage', refObject, height = 56 } = _a, rest = __rest(_a, ["children", "isCollapsed", "template", "refObject", "height"]);

package/build/esm/mobileBottomNavigationIcon.js

@@ -1,10 +1,10 @@
-import './tslib.es6-8d8dd6e5.js';
+import './tslib.es6-e850ac81.js';
 import 'react';
-import './index-85218f94.js';
+import './index-b4ea88ef.js';
 import './miscTheme.js';
-export { M as MobileBottomNavigationIcon } from './MobileBottomNavigationIcon-39405180.js';
+export { M as MobileBottomNavigationIcon } from './MobileBottomNavigationIcon-61e1423e.js';
 import '@mantine/core';
-import './other-c51e0ea2.js';
+import './other-64ad5116.js';
 import '@emotion/react';
 import '@emotion/styled';
-import './utils-bbb81a03.js';
+import './utils-89df902d.js';