@hhgtech/hhg-components 1.29.412 → 1.29.413

package/build/esm/lead.js

@@ -1,54 +1,56 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-5c2f3910.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-b72daa1a.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 { 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, useMantineTheme, 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-59d2c11c.js';
+import { B as BEARER_TOKEN_COOKIE } from './index-416f7db8.js';
 import { getCookie, setCookie } from './miscCookieHelper.js';
-import { u as useTranslations } from './index-36afd739.js';
-import { T as TranslationsContext } from './translationsContext-9561c738.js';
-import { M as MediaQueries, b as getWrapperDomWithSelector, a as getPopupWrapperDom } from './utils-5612bf85.js';
-import { T as Text } from './index-afa0d541.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-a7522c77.js';
-import { D as DatePicker } from './index-35fdd8ae.js';
-import { B as Button } from './index-fef96a07.js';
-import './index.styles-6168003e.js';
+import { u as useTranslations } from './index-ffd8a900.js';
+import { T as TranslationsContext } from './translationsContext-686297cf.js';
+import { M as MediaQueries, b as getWrapperDomWithSelector, a as getPopupWrapperDom } from './utils-153f2f04.js';
+import { T as Text } from './index-9960902f.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-b702de5f.js';
+import { D as DatePicker } from './index-e8332e04.js';
+import { B as Button } from './index-6ab41b81.js';
+import './index.styles-15ba3038.js';
 import { useIntersection, useClickOutside } from '@mantine/hooks';
-import './useMantineLocale-8b661839.js';
-import { C as COMMON_DATE_TRANSLATE_KEY } from './index-33967b7e.js';
-import './index-575e6549.js';
-import { L as LOCALE_SPECS, Z as ZINDEX_SSO, I as ISO_FORMAT } from './index-001a6be5.js';
-import './other-41d99308.js';
-import './index-015e9122.js';
-import { M as MAPPED_LOCALE } from './utils-3508f6c6.js';
+import './index-d7f3892a.js';
+import { C as CustomStylesType } from './text-59a87359.js';
+import './index-6a698aee.js';
+import { M as MAPPED_LOCALE } from './utils-c342182a.js';
 import { DateInput } from '@mantine/dates';
-import { u as usePlacesAutocomplete, G as GOOGLE_API_KEY } from './usePlacesAutocomplete-bbed7fea.js';
-import { H as Heading$1 } from './index-f5d76578.js';
-import { t as translationsMap$1 } from './translationsProvider-fee5f1e1.js';
-import { L as LOCALE } from './Locale-ab51c731.js';
+import { L as LOCALE_SPECS, Z as ZINDEX_SSO, I as ISO_FORMAT } from './index-ff6e9582.js';
+import { C as COMMON_DATE_TRANSLATE_KEY } from './index-cb3e9043.js';
+import './index-3794729d.js';
+import { u as usePlacesAutocomplete, G as GOOGLE_API_KEY } from './usePlacesAutocomplete-1d8e67a7.js';
+import { H as Heading$1 } from './index-f934f5f1.js';
+import { t as translationsMap$1 } from './translationsProvider-3ebf538c.js';
+import { L as LOCALE } from './Locale-c6602a1d.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-6c603afa.js';
-import { i as isVideo } from './index-a55e8421.js';
-import { u as useScreenSize } from './useScreenSize-eed7f4a5.js';
+import { T as TogetherComponentGlobalContext } from './utils-b4ba8268.js';
+import { M as MantineProvider } from './index-60d2f1ce.js';
+import { i as isVideo } from './index-236b4486.js';
+import { u as useScreenSize } from './index-21bfbdb2.js';
 import { motion } from 'framer-motion';
 import { createPortal } from 'react-dom';
-import { I as InputDate } from './InputDate-a397eb15.js';
-import { D as DrawerComponent } from './index-9273a049.js';
-import { C as Close } from './Close-854fed23.js';
+import { I as InputDate } from './InputDate-10321ce2.js';
+import { D as DrawerComponent } from './index-37267e2b.js';
+import { C as Close } from './Close-d91cfc66.js';
 import './constantsIsProduction.js';
-import './normalizeLink-411d1ae6.js';
+import './normalizeLink-384bc1f9.js';
 import '@hhgtech/icons/other';
 import '@mantine/carousel';
 import 'classnames';
-import './useUniqueId-3e9d2ccb.js';
+import './useUniqueId-fc5768de.js';
 import './constantsSite.js';
 import '@hhgtech/icons/core';
+import './shared-fb21e1a4.js';
 import '@mantine/notifications';
 import 'date-fns/locale';
 import './constantsRiskScreener.js';
@@ -64,11 +66,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-a2c3a47f.js';
+import './index-49803a2e.js';
 import 'slugify';
 import 'string-format';
 import './togetherApiPaths.js';
-import './constants-d5cbd662.js';
+import './constants-e30aa64e.js';
 import 'vaul';
 
 const LeadGenComponentContext = createContext({});
@@ -3014,26 +3016,26 @@ const StyledChoiceFieldContainer$1 = styled.div `
     gap: 8px;
     min-width: calc(50% - 4px);
 
-    input[type='radio'],
-    input[type='checkbox'] {
-      border-color: ${theme.colors.gray600};
-      width: 18px;
-      height: 18px;
-    }
-    input[type='checkbox'] {
-      border-radius: 4px;
-    }
-
-    &[data-checked='true'] {
-      input[type='radio'],
-      input[type='checkbox'] {
-        border-color: ${theme.colors.primary600};
-      }
-
-      input[type='radio'] {
-        background-color: white;
-      }
-    }
+    // input[type='radio'],
+    // input[type='checkbox'] {
+    //   border-color: ${theme.colors.gray600};
+    //   width: 18px;
+    //   height: 18px;
+    // }
+    // input[type='checkbox'] {
+    //   border-radius: 4px;
+    // }
+
+    // &[data-checked='true'] {
+    //   input[type='radio'],
+    //   input[type='checkbox'] {
+    //     border-color: ${theme.colors.primary600};
+    //   }
+
+    //   input[type='radio'] {
+    //     background-color: white;
+    //   }
+    // }
 
     .mantine-Checkbox-input {
       &:checked {
@@ -3042,30 +3044,6 @@ const StyledChoiceFieldContainer$1 = styled.div `
     }
   }
 
-  .mantine-Radio-inner,
-  .mantine-Checkbox-inner {
-    width: 24px;
-    height: 24px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
-
-  .mantine-Radio-body,
-  .mantine-Checkbox-body {
-    display: flex;
-    align-items: center;
-  }
-
-  .mantine-Radio-label,
-  .mantine-Checkbox-label {
-    padding-left: 8px;
-    color: ${theme.colors.gray800};
-    font-size: 14px;
-    line-height: 1.4;
-    letter-spacing: -0.2px;
-  }
-
   .leadgen-choiceContainer {
     display: flex;
     flex-wrap: wrap;
@@ -3424,8 +3402,9 @@ const LeadGenSubscriptionBoxContainer = (props) => {
     if (!ALLOW_LOCALE.includes(locale)) {
         return null;
     }
-    return (React__default.createElement(LeadGenContextProvider, Object.assign({}, props, { apiLeadUrl: apiUrl, apiSubotUrl: apiSubotUrl }),
-        React__default.createElement(Container, null)));
+    return (React__default.createElement(MantineProvider, { locale: locale, customStyleType: CustomStylesType.LEADGEN },
+        React__default.createElement(LeadGenContextProvider, Object.assign({}, props, { apiLeadUrl: apiUrl, apiSubotUrl: apiSubotUrl }),
+            React__default.createElement(Container, null))));
 };
 const LeadGenSubscriptionBox = LeadGenSubscriptionBoxContainer;
 
@@ -4527,26 +4506,26 @@ const StyledChoiceFieldContainer = styled.div `
     gap: 8px;
     min-width: calc(50% - 4px);
 
-    input[type='radio'],
-    input[type='checkbox'] {
-      border-color: ${theme.colors.gray600};
-      width: 18px;
-      height: 18px;
-    }
-    input[type='checkbox'] {
-      border-radius: 4px;
-    }
-
-    &[data-checked='true'] {
-      input[type='radio'],
-      input[type='checkbox'] {
-        border-color: ${theme.colors.primary600};
-      }
-
-      input[type='radio'] {
-        background-color: white;
-      }
-    }
+    // input[type='radio'],
+    // input[type='checkbox'] {
+    //   border-color: ${theme.colors.gray600};
+    //   width: 18px;
+    //   height: 18px;
+    // }
+    // input[type='checkbox'] {
+    //   border-radius: 4px;
+    // }
+
+    // &[data-checked='true'] {
+    //   input[type='radio'],
+    //   input[type='checkbox'] {
+    //     border-color: ${theme.colors.primary600};
+    //   }
+
+    //   input[type='radio'] {
+    //     background-color: white;
+    //   }
+    // }
 
     .mantine-Checkbox-input {
       &:checked {
@@ -4555,30 +4534,6 @@ const StyledChoiceFieldContainer = styled.div `
     }
   }
 
-  .mantine-Radio-inner,
-  .mantine-Checkbox-inner {
-    width: 24px;
-    height: 24px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
-
-  .mantine-Radio-body,
-  .mantine-Checkbox-body {
-    display: flex;
-    align-items: center;
-  }
-
-  .mantine-Radio-label,
-  .mantine-Checkbox-label {
-    padding-left: 8px;
-    color: ${theme.colors.gray800};
-    font-size: 14px;
-    line-height: 1.4;
-    letter-spacing: -0.2px;
-  }
-
   .leadgen-choiceContainer {
     display: flex;
     flex-wrap: wrap;
@@ -4760,7 +4715,14 @@ const LightboxFields = ({ listBlockAdded, popupId, locale, onClose, onOtherSubmi
                 const _d = form.getInputProps(`TNC-${id}`), { error } = _d, tncInputProps = __rest(_d, ["error"]);
                 return (React__default.createElement(ChoiceField, { className: "leadgen-form_checkbox", key: id },
                     React__default.createElement(Input$1.Wrapper, { error: error },
-                        React__default.createElement(Checkbox, Object.assign({ name: 'TNC-' + id, label: React__default.createElement("p", { className: "lead-modal__tnc-link", dangerouslySetInnerHTML: { __html: data.valueHTML } }), className: "tnc-block", "data-control": "checkbox", "data-lead-control": name, "data-is-required": required }, tncInputProps)))));
+                        React__default.createElement(Checkbox, Object.assign({ name: 'TNC-' + id, label: React__default.createElement(Text, { as: "span", size: "c1", variant: "secondary", dangerouslySetInnerHTML: { __html: data.valueHTML }, styles: {
+                                    root: {
+                                        a: {
+                                            textDecoration: 'underline',
+                                            textUnderlineOffset: '3px',
+                                        },
+                                    },
+                                } }), className: "tnc-block", "data-control": "checkbox", "data-lead-control": name, "data-is-required": required }, tncInputProps)))));
         }
         return null;
     })));
@@ -4787,7 +4749,10 @@ const StyledFormContainer = styled.div `
   .leadgen-form_body {
     flex: 1;
     min-height: 0;
-    overflow: auto;
+    ${MediaQueries.mbUp} {
+      overflow: auto;
+    }
+
     &::-webkit-scrollbar {
       width: 6px;
       height: 6px;
@@ -4826,8 +4791,8 @@ const FormContainer = (_a) => {
     var { iconComponent, title, titleAlign, description, descriptionAlign, className, style, children, header, footer } = _a, restProps = __rest(_a, ["iconComponent", "title", "titleAlign", "description", "descriptionAlign", "className", "style", "children", "header", "footer"]);
     const HeaderContent = (React__default.createElement("div", { className: "leadgen-form_header" },
         iconComponent,
-        React__default.createElement("h2", { title: title, className: "leadgen-title", "data-align": titleAlign }, title),
-        !!description && (React__default.createElement("p", { title: description, className: "leadgen-description", "data-align": descriptionAlign, dangerouslySetInnerHTML: { __html: description } }))));
+        React__default.createElement(Text, { as: "h2", size: 'h4', variant: "primary", weight: 'semiBold', className: "leadgen-title", "data-align": titleAlign }, title),
+        !!description && (React__default.createElement(Text, { size: "p2", variant: "secondary", title: description, className: "leadgen-description", "data-align": descriptionAlign, dangerouslySetInnerHTML: { __html: description } }))));
     if (!title && !description) {
         return null;
     }
@@ -5305,7 +5270,7 @@ const LightboxLayout = ({ popupId, extraFields, onClose: onCloseProp, onOtherSub
         (isFullscreen ? imageBackgroundLoaded : true);
     const ButtonSubmit = useMemo(() => {
         var _a;
-        return !((_a = actionBlocks === null || actionBlocks === void 0 ? void 0 : actionBlocks.submitBlock) === null || _a === void 0 ? void 0 : _a.isHide) && (React__default.createElement(Button$1, { size: "lg", id: "lead-submit", type: "submit", variant: "filled", className: "leadgen-btn leadgen-btn_action", color: primaryColor, loading: isSubmitLoading, disabled: disabledButtonSubmit }, popUpSubmitText));
+        return !((_a = actionBlocks === null || actionBlocks === void 0 ? void 0 : actionBlocks.submitBlock) === null || _a === void 0 ? void 0 : _a.isHide) && (React__default.createElement(Button, { size: "lg", id: "lead-submit", type: "submit", className: "leadgen-btn leadgen-btn_action", color: primaryColor, loading: isSubmitLoading, disabled: disabledButtonSubmit }, popUpSubmitText));
     }, [
         popUpSubmitText,
         isSubmitLoading,
@@ -5315,16 +5280,16 @@ const LightboxLayout = ({ popupId, extraFields, onClose: onCloseProp, onOtherSub
     const [btnLinkLoading, setbtnLinkLoading] = useState(false);
     const LinkButtonBlock = listBlockAdded.filter(({ name }) => name == LEADGEN_BLOCK.LinkButtonBlock);
     const ButtonLink = !!(LinkButtonBlock === null || LinkButtonBlock === void 0 ? void 0 : LinkButtonBlock.length) && (React__default.createElement(React__default.Fragment, null, LinkButtonBlock.map((item, index) => {
-        var _a, _b, _c;
-        return (React__default.createElement(Button$1, { key: `${item.name}-${index}`, component: "a", href: (_a = item === null || item === void 0 ? void 0 : item.data) === null || _a === void 0 ? void 0 : _a.url, target: ((_b = item === null || item === void 0 ? void 0 : item.data) === null || _b === void 0 ? void 0 : _b.newtab) ? '_blank' : undefined, size: "lg", variant: "filled", className: "leadgen-btn leadgen-btn_action", color: primaryColor, loading: btnLinkLoading, onClick: (e) => __awaiter(void 0, void 0, void 0, function* () {
-                var _d, _e;
+        var _a;
+        return (React__default.createElement(Button, { key: `${item.name}-${index}`, size: "lg", className: "leadgen-btn leadgen-btn_action", color: primaryColor, loading: btnLinkLoading, onClick: (e) => __awaiter(void 0, void 0, void 0, function* () {
+                var _b, _c;
                 e.preventDefault();
                 onClose === null || onClose === void 0 ? void 0 : onClose(true);
                 setbtnLinkLoading(true);
                 yield handleDoImpression('redirects');
                 onOtherSubmit === null || onOtherSubmit === void 0 ? void 0 : onOtherSubmit();
-                window.open((_d = item === null || item === void 0 ? void 0 : item.data) === null || _d === void 0 ? void 0 : _d.url, ((_e = item === null || item === void 0 ? void 0 : item.data) === null || _e === void 0 ? void 0 : _e.newtab) ? '_blank' : undefined);
-            }) }, (_c = item === null || item === void 0 ? void 0 : item.data) === null || _c === void 0 ? void 0 : _c.value));
+                window.open((_b = item === null || item === void 0 ? void 0 : item.data) === null || _b === void 0 ? void 0 : _b.url, ((_c = item === null || item === void 0 ? void 0 : item.data) === null || _c === void 0 ? void 0 : _c.newtab) ? '_blank' : undefined);
+            }) }, (_a = item === null || item === void 0 ? void 0 : item.data) === null || _a === void 0 ? void 0 : _a.value));
     })));
     const PopupHeader = showHeader && (React__default.createElement("header", { className: clsx('leadgen-header', { 'leadgen-header_only': onlyHeader }) }, LEADGEN_SHOW_HEADER.includes(currentLayout) ? (React__default.createElement(HeaderImage, { src: imageMobile, className: "lead-modal__image" })) : (React__default.createElement(React__default.Fragment, null,
         React__default.createElement(HeaderImage, { src: imageDesktop, className: "le-only-desktop lead-modal__image" }),
@@ -5700,6 +5665,8 @@ const formatTrackingData = (params) => {
 // mount css
 const _LeadGen = ({ apiUrl: apiUrlProp, siteDomain, siteId, locale, primaryColor, apiSubotUrl, DEBUG_URL, forceCampaign, children, extraPayloadValues = [], excludeExitRulesHandler, userInfo, onClose: onCloseProps, onSubmit: onSubmitProps, }) => {
     var _a, _b;
+    const theme = useMantineTheme();
+    console.log({ theme });
     const scrollEventHandlerRef = useRef();
     const leadStartTimeRef = useRef(Date.now());
     const { apiUrl } = useMemo(() => {
@@ -6029,16 +5996,17 @@ const _LeadGen = ({ apiUrl: apiUrlProp, siteDomain, siteId, locale, primaryColor
             siteId,
             locale,
         } },
-        React__default.createElement(TranslationsContext.Provider, { value: { locale, values: getTranslations(locale) } }, children ? (React__default.createElement(Component, { campaign: showCampaign, onSubmit: onSubmit, onClose: onClose, showThankyou: showThankyou, setShowThankyou: setShowThankyou, locale: locale, showEmpty: showEmpty, setShowEmpty: setShowEmpty, userInfo: userInfo }, children)) : (React__default.createElement(Portal, { target: getPopupWrapperDom() },
-            React__default.createElement(Box, { sx: { position: 'fixed', zIndex: ZINDEX_SSO - 9e6 } },
-                React__default.createElement(Transition, { mounted: Boolean(((_b = showCampaign === null || showCampaign === void 0 ? void 0 : showCampaign.extra_fields) === null || _b === void 0 ? void 0 : _b.popupVersion) === '2.1'), transition: "fade", duration: 600, timingFunction: "ease", exitDuration: 200 }, (styles) => {
-                    var _a;
-                    return (React__default.createElement(Box, { style: styles }, ((_a = showCampaign === null || showCampaign === void 0 ? void 0 : showCampaign.extra_fields) === null || _a === void 0 ? void 0 : _a.popupVersion) === '2.1' && (React__default.createElement(React__default.Fragment, null,
-                        !!currentLayout &&
-                            !currentLayout.includes('Inline') &&
-                            !currentLayout.includes('Sidebar') && (React__default.createElement(Overlay, { color: "#000", opacity: 0.6, center: true, zIndex: 400, pos: 'fixed', onClick: () => onClose() })),
-                        React__default.createElement(NewLeadPopup, { campaign: showCampaign, action: action, onSubmit: onSubmit, onClose: onClose, onUnmount: onUnmount, doImpression: doImpression, showThankyou: showThankyou, locale: locale, showEmpty: showEmpty, setShowEmpty: setShowEmpty, userInfo: userInfo })))));
-                })))))));
+        React__default.createElement(TranslationsContext.Provider, { value: { locale, values: getTranslations(locale) } },
+            React__default.createElement(MantineProvider, { locale: locale, customStyleType: CustomStylesType.LEADGEN }, children ? (React__default.createElement(Component, { campaign: showCampaign, onSubmit: onSubmit, onClose: onClose, showThankyou: showThankyou, setShowThankyou: setShowThankyou, locale: locale, showEmpty: showEmpty, setShowEmpty: setShowEmpty, userInfo: userInfo }, children)) : (React__default.createElement(Portal, { target: getPopupWrapperDom() },
+                React__default.createElement(Box, { sx: { position: 'fixed', zIndex: ZINDEX_SSO - 9e6 } },
+                    React__default.createElement(Transition, { mounted: Boolean(((_b = showCampaign === null || showCampaign === void 0 ? void 0 : showCampaign.extra_fields) === null || _b === void 0 ? void 0 : _b.popupVersion) === '2.1'), transition: "fade", duration: 600, timingFunction: "ease", exitDuration: 200 }, (styles) => {
+                        var _a;
+                        return (React__default.createElement(Box, { style: styles }, ((_a = showCampaign === null || showCampaign === void 0 ? void 0 : showCampaign.extra_fields) === null || _a === void 0 ? void 0 : _a.popupVersion) === '2.1' && (React__default.createElement(React__default.Fragment, null,
+                            !!currentLayout &&
+                                !currentLayout.includes('Inline') &&
+                                !currentLayout.includes('Sidebar') && (React__default.createElement(Overlay, { color: "#000", opacity: 0.6, center: true, zIndex: 400, pos: 'fixed', onClick: () => onClose() })),
+                            React__default.createElement(NewLeadPopup, { campaign: showCampaign, action: action, onSubmit: onSubmit, onClose: onClose, onUnmount: onUnmount, doImpression: doImpression, showThankyou: showThankyou, locale: locale, showEmpty: showEmpty, setShowEmpty: setShowEmpty, userInfo: userInfo })))));
+                    }))))))));
 };
 const LeadGen = _LeadGen;
 LeadGen.Heading = Heading;

package/build/esm/{logoIcon-9b69e009.js → logoIcon-cc77df44.js}

@@ -1,6 +1,6 @@
 import React__default, { memo, useMemo } from 'react';
-import { C as CommonGAssets } from './index-575e6549.js';
-import { I as ImageWrap } from './useScreenSize-eed7f4a5.js';
+import { C as CommonGAssets } from './index-3794729d.js';
+import { I as ImageWrap } from './index-21bfbdb2.js';
 
 const _LogoIcon = ({ type, width, height }) => {
     const data = useMemo(() => {

package/build/esm/mantine.js

@@ -1,53 +1,46 @@
-import { g as getMantineThemeOverride, h as StyledTextArea, D as DEBOUNCED_TIME, i as StyledSliderWrapper, j as StyledSlider } from './index-a7522c77.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-a7522c77.js';
-export { D as DatePicker } from './index-35fdd8ae.js';
-export { T as Text } from './index-afa0d541.js';
-import { B as Button } from './index-fef96a07.js';
-export { B as Button } from './index-fef96a07.js';
-export { I as Indicator } from './index-e0c4aadd.js';
+import { g as StyledTextArea, D as DEBOUNCED_TIME, h as StyledSliderWrapper, i as StyledSlider } from './index-b702de5f.js';
+export { j as Accordion, A as Anchor, b as AspectRatio, a as Avatar, B as Breadcrumbs, k as Carousel, c as CentralCarousel, d as Checkbox, e as ChipButton, I as Input, O as OTP, P as Phone, m as Popover, R as Radio, S as Select, l as emotionCache } from './index-b702de5f.js';
+export { D as DatePicker } from './index-e8332e04.js';
+export { T as Text } from './index-9960902f.js';
+import { B as Button } from './index-6ab41b81.js';
+export { B as Button } from './index-6ab41b81.js';
+export { I as Indicator } from './index-a6b7b8d0.js';
 import React__default, { useState, useEffect } from 'react';
-export { M as Modal } from './index-b7f10e2c.js';
-import { _ as __rest } from './tslib.es6-5c2f3910.js';
-import { MantineProvider as MantineProvider$1, Badge as Badge$1, LoadingOverlay as LoadingOverlay$1, clsx, Title, Text, Button as Button$1 } from '@mantine/core';
+export { M as Modal } from './index-725dcbe8.js';
+import { _ as __rest } from './tslib.es6-b72daa1a.js';
+import { 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-8d61d08b.js';
+export { S as Spoiler } from './index-3783248a.js';
 import { useDebouncedValue } from '@mantine/hooks';
-export { S as Switch } from './index-d5ef766b.js';
-import { u as useMantineLocale, N as NotificationsHandler } from './useMantineLocale-8b661839.js';
-export { M as MAPPED_LOCALE, g as getHeadingStyles, s as showNotification, u as useMantineLocale } from './useMantineLocale-8b661839.js';
-export { O as OTHER_THEME_CONFIG } from './other-41d99308.js';
-export { T as Tabs } from './index-015e9122.js';
+export { S as Switch } from './index-2306e61b.js';
+export { M as MantineProvider } from './index-60d2f1ce.js';
+export { M as MAPPED_LOCALE, a as getHeadingStyles, g as getMantineThemeOverride, s as showNotification, t as themeColors, u as useMantineLocale } from './index-d7f3892a.js';
+export { C as CustomStylesType, F as FontWeight } from './text-59a87359.js';
+export { T as Tabs } from './index-6a698aee.js';
 import '@hhgtech/icons/other';
-import './index-575e6549.js';
+import './index-3794729d.js';
 import './constantsDomainLocales.js';
-import './Locale-ab51c731.js';
+import './Locale-c6602a1d.js';
 import './constantsIsProduction.js';
-import './useScreenSize-eed7f4a5.js';
+import './index-21bfbdb2.js';
+import './utils-153f2f04.js';
 import '@emotion/styled';
-import './utils-5612bf85.js';
 import '@mantine/carousel';
-import './index-33967b7e.js';
-import './index-001a6be5.js';
-import 'date-fns/locale';
-import './constantsSite.js';
-import './constantsRiskScreener.js';
 import 'classnames';
-import './useUniqueId-3e9d2ccb.js';
+import './useUniqueId-fc5768de.js';
+import './constantsSite.js';
+import './index-cb3e9043.js';
 import '@hhgtech/icons/core';
 import '@mantine/dates';
-import './index.styles-6168003e.js';
-import './index-36afd739.js';
-import './translationsContext-9561c738.js';
-import '@mantine/notifications';
+import './index-ff6e9582.js';
+import 'date-fns/locale';
+import './constantsRiskScreener.js';
+import './shared-fb21e1a4.js';
+import './index.styles-15ba3038.js';
+import './index-ffd8a900.js';
+import './translationsContext-686297cf.js';
 import 'dayjs';
-
-const MantineProvider = (_a) => {
-    var { children, locale, template = 'hb' } = _a, props = __rest(_a, ["children", "locale", "template"]);
-    useMantineLocale(locale);
-    return (React__default.createElement(MantineProvider$1, Object.assign({ theme: getMantineThemeOverride(locale, template) }, props),
-        children,
-        React__default.createElement(NotificationsHandler, null)));
-};
+import '@mantine/notifications';
 
 const TextArea = (props) => {
     return React__default.createElement(StyledTextArea, Object.assign({ minRows: 2, maxRows: 4 }, props));
@@ -121,4 +114,4 @@ function Result(props) {
         button && (React__default.createElement(Button$1, Object.assign({}, restButtonProps, { size: size, variant: variant, className: clsx('resultButton', styles.button, restButtonProps.className) }), button))));
 }
 
-export { Badge, LoadingOverlay, MantineProvider, Result, Slider, TextArea };
+export { Badge, LoadingOverlay, Result, Slider, TextArea };

package/build/esm/misc.js

@@ -1,35 +1,36 @@
-export { a as ageGenerate, c as convertLocalizedStringToNumber, l as localizeNumberFormat } from './localizeNumberFormat-aad4829c.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-1ef80641.js';
+export { a as ageGenerate, c as convertLocalizedStringToNumber, l as localizeNumberFormat } from './localizeNumberFormat-38fe44d0.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-0f531fe5.js';
 export { deleteCookie, getCookie, setCookie } from './miscCookieHelper.js';
 import 'react';
 import '@mantine/core';
-import './useMantineLocale-8b661839.js';
-import './index-33967b7e.js';
-import './index-575e6549.js';
+import './index-d7f3892a.js';
+import './text-59a87359.js';
+export { a as abbreviateNumber } from './number-5b350541.js';
+export { d as getCareApiDomain, g as getCurrentBaseUrl, a as getCurrentSsoUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain } from './normalizeLink-384bc1f9.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-5612bf85.js';
-import './index-001a6be5.js';
-export { a as abbreviateNumber } from './number-8f14afd9.js';
-export { d as getCareApiDomain, g as getCurrentBaseUrl, a as getCurrentSsoUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain } from './normalizeLink-411d1ae6.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-153f2f04.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-411ffa9c.js';
+export { f as formatPill } from './dataTransform-952fd6f5.js';
 import 'dayjs';
 import '@emotion/react';
-import './tslib.es6-5c2f3910.js';
+import './tslib.es6-b72daa1a.js';
+import './index-cb3e9043.js';
+import './Locale-c6602a1d.js';
 import '@mantine/notifications';
-import './other-41d99308.js';
-import './Locale-ab51c731.js';
-import './constantsDomainLocales.js';
-import './constantsIsProduction.js';
+import './index-ff6e9582.js';
 import 'date-fns/locale';
 import './constantsSite.js';
+import './constantsDomainLocales.js';
 import './constantsRiskScreener.js';
-import './core-048098b1.js';
-import './WhatsApp-fa0aca07.js';
-import './index-9e778586.js';
-import './index-a2c3a47f.js';
+import './constantsIsProduction.js';
+import './index-3794729d.js';
+import './shared-fb21e1a4.js';
+import './core-9a8235e4.js';
+import './WhatsApp-10e4b59b.js';
+import './index-fb3df44b.js';
+import './index-49803a2e.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-5c2f3910.js';
-import { e as normalizeLinkSlash, c as getDiscoverApiDomain } from './normalizeLink-411d1ae6.js';
-import { g as getDataWithCache } from './core-048098b1.js';
+import { a as __awaiter } from './tslib.es6-b72daa1a.js';
+import { e as normalizeLinkSlash, c as getDiscoverApiDomain } from './normalizeLink-384bc1f9.js';
+import { g as getDataWithCache } from './core-9a8235e4.js';
 import './constantsDomainLocales.js';
-import './Locale-ab51c731.js';
+import './Locale-c6602a1d.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-5c2f3910.js';
-import { W as WhatsApp, I as Instagram } from './WhatsApp-fa0aca07.js';
-import { S as SocialType } from './index-33967b7e.js';
-import { g as getHelloSitesUrl } from './index-9e778586.js';
-import { C as CommonGAssets } from './index-575e6549.js';
-import { L as LOCALE } from './Locale-ab51c731.js';
-import './index-a2c3a47f.js';
-import './index-001a6be5.js';
+import { _ as __rest } from './tslib.es6-b72daa1a.js';
+import { W as WhatsApp, I as Instagram } from './WhatsApp-10e4b59b.js';
+import { S as SocialType } from './index-cb3e9043.js';
+import { g as getHelloSitesUrl } from './index-fb3df44b.js';
+import { C as CommonGAssets } from './index-3794729d.js';
+import { L as LOCALE } from './Locale-c6602a1d.js';
+import './index-49803a2e.js';
+import './index-ff6e9582.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-5612bf85.js';
+import { B as Breakpoints } from './utils-153f2f04.js';
 
 const ScreenSizeContext = createContext({
     isInit: true,

package/build/esm/mobileBottomNavigation.js

@@ -1,13 +1,13 @@
-import { _ as __rest } from './tslib.es6-5c2f3910.js';
+import { _ as __rest } from './tslib.es6-b72daa1a.js';
 import React__default from 'react';
-import { M as MobileBottomNavigationIcon, S as StyledMobileBottomNavigation } from './MobileBottomNavigationIcon-3fc879af.js';
-import './index-afa0d541.js';
+import { M as MobileBottomNavigationIcon, S as StyledMobileBottomNavigation } from './MobileBottomNavigationIcon-5ad017ef.js';
+import './index-9960902f.js';
 import '@mantine/core';
-import './other-41d99308.js';
+import './text-59a87359.js';
 import './miscTheme.js';
 import '@emotion/react';
 import '@emotion/styled';
-import './utils-5612bf85.js';
+import './utils-153f2f04.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-5c2f3910.js';
+import './tslib.es6-b72daa1a.js';
 import 'react';
-import './index-afa0d541.js';
+import './index-9960902f.js';
 import './miscTheme.js';
-export { M as MobileBottomNavigationIcon } from './MobileBottomNavigationIcon-3fc879af.js';
+export { M as MobileBottomNavigationIcon } from './MobileBottomNavigationIcon-5ad017ef.js';
 import '@mantine/core';
-import './other-41d99308.js';
+import './text-59a87359.js';
 import '@emotion/react';
 import '@emotion/styled';
-import './utils-5612bf85.js';
+import './utils-153f2f04.js';