@hhgtech/hhg-components 1.28.80 → 1.28.82

package/build/esm/lead.js

@@ -1,45 +1,45 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-2581561d.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-3874b31b.js';
 import React__default, { createContext, useMemo, useRef, useState, useEffect, useContext } from 'react';
 import debounce from 'lodash/debounce';
 import { createFormContext } from '@mantine/form';
-import { u as useTranslations } from './useTranslations-a559a7a5.js';
-import { T as Text } from './index-39528b9b.js';
+import { u as useTranslations } from './useTranslations-8e74d957.js';
+import { T as Text } from './index-ab41f48a.js';
 import { createStyles, Box, Portal, Transition, Overlay } from '@mantine/core';
-import './index.styles-cf0b32a3.js';
-import { S as Select, d as Checkbox, c as Input, R as Radio, P as Phone, N as NumberInput, B as Button$1 } from './index-14587dbf.js';
-import { B as Button } from './index-78b15ede.js';
-import { C as CommonGAssets } from './index-97d0e5e4.js';
-import './constants-d53f9101.js';
-import './Subot-7661c139.js';
-import './utils-a88682f9.js';
-import { b as getWrapperDomWithSelector, a as getPopupWrapperDom } from './utils-ad80dd9a.js';
-import { D as DatePicker } from './index-76a63956.js';
-import { t as theme } from './theme-b8e10c2e.js';
-import { T as TranslationsContext } from './translationsContext-a710bd79.js';
+import './index.styles-4d5d1da6.js';
+import { S as Select, d as Checkbox, c as Input, R as Radio, P as Phone, N as NumberInput, B as Button$1 } from './index-da990c66.js';
+import { B as Button } from './index-a1bc5cef.js';
+import { C as CommonGAssets } from './index-d366ac6a.js';
+import './constants-c68921ad.js';
+import './Subot-ca654c1b.js';
+import './utils-370db6e4.js';
+import { b as getWrapperDomWithSelector, a as getPopupWrapperDom } from './utils-49823a14.js';
+import { D as DatePicker } from './index-2913b846.js';
+import { t as theme } from './theme-e0983a03.js';
+import { T as TranslationsContext } from './translationsContext-f6ca9a8f.js';
 import 'string-format';
 import '@mantine/hooks';
-import './index-e329bfff.js';
-import './utils-8cfab824.js';
-import './index.styled-938c9e2d.js';
-import './index-11c2da20.js';
-import { M as MAPPED_LOCALE } from './utils-93eb13e7.js';
+import './index-eb2c3d5f.js';
+import './utils-6b797d8b.js';
+import './index.styled-80ce9adc.js';
+import './index-673b6dc4.js';
+import { M as MAPPED_LOCALE } from './utils-d768df29.js';
 import '@mantine/dates';
-import { u as usePlacesAutocomplete, G as GOOGLE_API_KEY } from './usePlacesAutocomplete-e14d1036.js';
-import { H as Heading$1 } from './index-f98bf91e.js';
+import { u as usePlacesAutocomplete, G as GOOGLE_API_KEY } from './usePlacesAutocomplete-00d81b47.js';
+import { H as Heading$1 } from './index-18bc2581.js';
 import { v1 } from 'uuid';
 import { createPortal } from 'react-dom';
-import { g as getCookie, s as setCookie } from './cookieHelper-fb2f4bf7.js';
+import { g as getCookie, s as setCookie } from './cookieHelper-795649fa.js';
 import dayjs from 'dayjs';
-import { C as Close } from './Close-4ca83dfd.js';
+import { C as Close } from './Close-ad5271bd.js';
 import 'styled-components';
-import './animation-9a852d86.js';
+import './animation-2b85e352.js';
 import 'react-keyed-flatten-children';
 import '@hhgtech/icons/other';
 import '@mantine/carousel';
 import 'classnames';
-import './useUniqueId-4d87b935.js';
+import './useUniqueId-d10943a0.js';
 import '@hhgtech/icons/core';
-import './isProduction-a14c0289.js';
+import './isProduction-923861f3.js';
 import 'date-fns/locale';
 import 'slugify';
 
@@ -435,7 +435,7 @@ const Component = ({ campaign, onClose: onCloseProp, onOtherSubmit, onSubmit, sh
         campaign_subot_id,
     });
     const [showOtpPhone, setShowOtpPhone] = useState(null);
-    const formRef = useRef();
+    const [formRef, setFormRef] = useState(null);
     const onClose = () => {
         if (showOtpPhone) {
             setShowOtpPhone(null);
@@ -461,7 +461,8 @@ const Component = ({ campaign, onClose: onCloseProp, onOtherSubmit, onSubmit, sh
             leadFormConfig,
             validatingEmailRef,
             validatingPhoneRef,
-            formRef,
+            formRef: { current: formRef },
+            setFormRef,
             locale,
             onClose,
             onOtherSubmit,
@@ -575,7 +576,7 @@ const Fields = ({ listBlockAdded, popupId, locale, onClose, onOtherSubmit, style
                     className: cx('leadgen-control', classes.control), labelProps: {
                         htmlFor: id,
                     } }, form.getInputProps(value)),
-                    React__default.createElement(Phone, { name: value, spellCheck: false, type: "tel", placeholder: placeholder, onChange: (v) => {
+                    React__default.createElement(Phone, { name: value, spellCheck: false, type: "tel", placeholder: placeholder, value: form.getInputProps(value).value, onChange: (v) => {
                             form.setFieldValue(value, v);
                         }, 
                         // onBlur={(e) => inputOnBlur('tel', e)}
@@ -625,13 +626,17 @@ const Fields = ({ listBlockAdded, popupId, locale, onClose, onOtherSubmit, style
     })));
 };
 
-var useStyles$1 = createStyles(() => {
+var useStyles$1 = createStyles((theme) => {
     return {
         root: {},
         header: {},
         heading: {},
         description: {},
-        term: {},
+        term: {
+            a: {
+                color: theme.fn.primaryColor(),
+            },
+        },
         controlList: {},
         control: {},
         submitBtn: {},
@@ -644,9 +649,9 @@ const Heading = (_a) => {
     return heading ? (React__default.createElement(Text, Object.assign({ size: "h3" }, rest), heading)) : null;
 };
 
-const FormComponent = ({ styles, className, classNames }) => {
+const FormComponent = ({ styles, className, classNames, fillInfo }) => {
     var _a;
-    const { listBlockAdded, leadFormConfig: { form, validateObj }, validatingEmailRef, validatingPhoneRef, formRef, onClose, onOtherSubmit, actionBlocks, locale, setShowOtpPhone, onSubmit, } = useContext(LeadGenComponentContext);
+    const { listBlockAdded, leadFormConfig: { form, validateObj }, validatingEmailRef, validatingPhoneRef, formRef, setFormRef, onClose, onOtherSubmit, actionBlocks, locale, setShowOtpPhone, onSubmit, } = useContext(LeadGenComponentContext);
     const { classes, cx } = useStyles$1(undefined, {
         name: 'LeadGen__FormComponent',
         styles,
@@ -715,8 +720,11 @@ const FormComponent = ({ styles, className, classNames }) => {
             })(e);
         }, 100);
     };
+    useEffect(() => {
+        form === null || form === void 0 ? void 0 : form.setValues(fillInfo);
+    }, [fillInfo]);
     return (React__default.createElement(LeadFormProvider$1, { form: form },
-        React__default.createElement(Box, { component: "form", ref: formRef, className: cx(className, classes.root), onSubmit: middlewareOnSubmit, styles: styles },
+        React__default.createElement(Box, { component: "form", ref: (el) => el && setFormRef(el), className: cx(className, classes.root), onSubmit: middlewareOnSubmit, styles: styles },
             React__default.createElement("div", { className: classes.header },
                 React__default.createElement(Heading, { className: classes.heading }),
                 React__default.createElement(Description, { className: classes.description })),
@@ -726,14 +734,11 @@ const FormComponent = ({ styles, className, classNames }) => {
                     }, listBlockAdded: listBlockAdded, locale: locale, onClose: onClose, onOtherSubmit: onOtherSubmit })),
             ((_a = actionBlocks === null || actionBlocks === void 0 ? void 0 : actionBlocks.submitBlock) === null || _a === void 0 ? void 0 : _a.isHide) ? null : (React__default.createElement(React__default.Fragment, null,
                 React__default.createElement("div", { className: classes.term },
-                    React__default.createElement("div", { className: "lead-modal__checkbox" },
-                        React__default.createElement("input", { id: "lead-term-checkbox", className: `lead-modal__checkbox__input ${LEAD_CLASS}`, type: "checkbox", "aria-label": "Checkbox label", checked: checkedTerm, onChange: (e) => setCheckedTerm(e.currentTarget.checked) }),
-                        React__default.createElement("div", { className: "lead-modal__checkbox__control", "aria-hidden": "true" })),
-                    React__default.createElement("label", { htmlFor: "checkbox", className: "lead-modal__checkbox__label" },
-                        popUpTermAgreeText,
-                        ' ',
-                        React__default.createElement("span", { style: { fontWeight: 'bold' } },
-                            React__default.createElement("a", { target: "blank", href: popUpTermURL || 'https://hellobacsi.com/chinh-sach', rel: "noopener noreferrer", style: { textDecoration: 'none' } }, popUpTermText)))),
+                    React__default.createElement(Checkbox, { label: React__default.createElement("label", { htmlFor: "checkbox" },
+                            popUpTermAgreeText,
+                            ' ',
+                            React__default.createElement("span", { style: { fontWeight: 'bold' } },
+                                React__default.createElement("a", { target: "blank", href: popUpTermURL || 'https://hellobacsi.com/chinh-sach', rel: "noopener noreferrer", style: { textDecoration: 'none' } }, popUpTermText))), onChange: (e) => setCheckedTerm(e.currentTarget.checked) })),
                 React__default.createElement(Button$1, { size: "md", id: "lead-submit", type: "submit", className: classes.submitBtn, disabled: !checkedTerm, loading: isSubmitLoading }, popUpSubmitText))))));
 };
 const Form = (props) => {
@@ -744,9 +749,11 @@ const Form = (props) => {
 var useStyles = createStyles(() => {
     return {
         root: {},
+        header: {},
         heading: {},
         description: {},
         control: {},
+        actions: {},
         submitBtn: {},
         resendOtp: {},
     };
@@ -860,8 +867,9 @@ const OtpBlockComponent = ({ otpData, onSuccess, autoSendWhenOpen, className, st
                 e.preventDefault();
                 submitOtp();
             }, className: cx(classes.root, className) },
-            React__default.createElement(Heading$1, { tag: "h3", className: classes.heading }, t('lead.otp.title')),
-            React__default.createElement(Text, { size: "p1", className: classes.description }, t('lead.otp.desc', { phone: displayPhone })),
+            React__default.createElement("div", { className: classes.header },
+                React__default.createElement(Heading$1, { tag: "h3", className: classes.heading }, t('lead.otp.title')),
+                React__default.createElement(Text, { size: "p3", className: classes.description }, t('lead.otp.desc', { phone: displayPhone }))),
             React__default.createElement(Input, { ref: inputRef, name: '_' + name + '-otp', spellCheck: false, type: "number", placeholder: "Enter OTP", className: classes.control, label: "Phone OTP", "data-control": "otp", withAsterisk: true, pattern: "[0-9]*", value: otp, maxLength: 6, onChange: (v) => {
                     setIsDirty(true);
                     setOtp(v);
@@ -870,26 +878,28 @@ const OtpBlockComponent = ({ otpData, onSuccess, autoSendWhenOpen, className, st
                     else
                         setErrorMsg(undefined);
                 }, error: isDirty ? errorMsg : undefined }),
-            React__default.createElement(Button$1, { type: "submit", size: "md", color: "primary", className: classes.submitBtn, 
-                // onClick={() => submitOtp()}
-                disabled: !otp, loading: isSubmitLoading }, t('lead.otp.verify')),
-            React__default.createElement(Button$1, { type: "button", size: "md", color: "transparent", className: classes.resendOtp, onClick: () => {
-                    sendOtp();
-                }, disabled: !!resendTimer }, t('lead.otp.resend', {
-                timer: resendTimer ? ` (${resendTimer}s)` : '',
-            })))));
+            React__default.createElement("div", { className: classes.actions },
+                React__default.createElement(Button$1, { type: "submit", size: "md", color: "primary", className: classes.submitBtn, 
+                    // onClick={() => submitOtp()}
+                    disabled: !otp, loading: isSubmitLoading }, t('lead.otp.verify')),
+                React__default.createElement(Button$1, { type: "button", size: "md", color: "transparent", className: classes.resendOtp, onClick: () => {
+                        sendOtp();
+                    }, disabled: !!resendTimer }, t('lead.otp.resend', {
+                    timer: resendTimer ? ` (${resendTimer}s)` : '',
+                }))))));
 };
-const OtpBlock$1 = ({}) => {
+const OtpBlock$1 = (_a) => {
+    var rest = __rest(_a, []);
     const { showOtpPhone, setShowOtpPhone, onSubmit, formRef, leadFormConfig: { form }, } = useContext(LeadGenComponentContext);
-    return showOtpPhone ? (React__default.createElement(OtpBlockComponent, { otpData: showOtpPhone, autoSendWhenOpen: false, onSuccess: () => {
+    return showOtpPhone ? (React__default.createElement(OtpBlockComponent, Object.assign({ otpData: showOtpPhone, autoSendWhenOpen: false, onSuccess: () => {
             setShowOtpPhone(null);
             onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(formRef.current, form.values);
-        } })) : null;
+        } }, rest))) : null;
 };
 
 const Thankyou = ({ children, }) => {
     const { showThankyou } = useContext(LeadGenComponentContext);
-    return showThankyou ? typeof children(showThankyou) : null;
+    return showThankyou ? children(showThankyou) : null;
 };
 
 var enPH = {
@@ -2648,7 +2658,6 @@ const _LeadGen = ({ apiUrl: apiUrlProp, siteDomain, siteId, locale, apiSubotUrl,
             document.body.classList.remove('noscroll');
             return;
         }
-        let isShowThanksYou = true;
         const thanksImg = showCampaign.thank_you_image || `${apiUrl}admin/img/thanksyou.png`;
         let thankTitle = (showCampaign === null || showCampaign === void 0 ? void 0 : showCampaign.extra_fields.popupThankyouTitle) || 'Thank you.';
         let thankDesc = (showCampaign === null || showCampaign === void 0 ? void 0 : showCampaign.extra_fields.popupThankyouDesc) || 'We appreciate your time!';
@@ -2668,14 +2677,17 @@ const _LeadGen = ({ apiUrl: apiUrlProp, siteDomain, siteId, locale, apiSubotUrl,
             linkText = ((_k = linkButtonBlock === null || linkButtonBlock === void 0 ? void 0 : linkButtonBlock.data) === null || _k === void 0 ? void 0 : _k.value) || '';
             linkNewTab = ((_l = linkButtonBlock === null || linkButtonBlock === void 0 ? void 0 : linkButtonBlock.data) === null || _l === void 0 ? void 0 : _l.newtab) || false;
             linkUrl = ((_m = linkButtonBlock === null || linkButtonBlock === void 0 ? void 0 : linkButtonBlock.data) === null || _m === void 0 ? void 0 : _m.url) || '';
-            const curLayout = showCampaign.extra_fields.currentLayout;
+            // ALWAYS SHOW THANK YOU ON COMPOUND COMP
+            // const curLayout = showCampaign.extra_fields.currentLayout
             // TODO: newbuilder thank you
             // List layout not show thanks you
-            if (['SkinA', 'SkinB', 'Floating', 'Tab', 'CenterTab'].includes(curLayout)) {
-                isShowThanksYou = false;
-            }
+            // if (
+            //   ['SkinA', 'SkinB', 'Floating', 'Tab', 'CenterTab'].includes(curLayout)
+            // ) {
+            //   isShowThanksYou = false
+            // }
         }
-        if (isShowThanksYou) {
+        {
             setShowThankyou({
                 title: thankTitle,
                 titleAlign,
@@ -2687,9 +2699,6 @@ const _LeadGen = ({ apiUrl: apiUrlProp, siteDomain, siteId, locale, apiSubotUrl,
                 image: thanksImg,
             });
         }
-        else {
-            setShowThankyou(null);
-        }
         // Other
         // Init Insider Obj
         if (sessionStorage.getItem('insider_object')) {

package/build/esm/mantine.js

@@ -1,33 +1,33 @@
-import { j as StyledTextArea, k as useMantineLocale, l as getMantineThemeOverride } from './index-14587dbf.js';
-export { n as Accordion, A as Anchor, b as AspectRatio, a as Avatar, m as Breadcrumbs, B as Button, o as Carousel, f as CentralCarousel, d as Checkbox, e as ChipButton, c as Input, M as MAPPED_LOCALE, O as OTP, P as Phone, r as Popover, R as Radio, S as Select, T as Tabs, p as emotionCache, q as getHeadingStyles, l as getMantineThemeOverride, t as themeColors, k as useMantineLocale } from './index-14587dbf.js';
-export { D as DatePicker } from './index-76a63956.js';
-import { T as Text } from './index-39528b9b.js';
-export { O as OTHER_THEME_CONFIG, T as Text } from './index-39528b9b.js';
-export { I as Indicator } from './index-991703e4.js';
+import { j as StyledTextArea, k as useMantineLocale, l as getMantineThemeOverride } from './index-da990c66.js';
+export { n as Accordion, A as Anchor, b as AspectRatio, a as Avatar, m as Breadcrumbs, B as Button, o as Carousel, f as CentralCarousel, d as Checkbox, e as ChipButton, c as Input, M as MAPPED_LOCALE, O as OTP, P as Phone, r as Popover, R as Radio, S as Select, T as Tabs, p as emotionCache, q as getHeadingStyles, l as getMantineThemeOverride, t as themeColors, k as useMantineLocale } from './index-da990c66.js';
+export { D as DatePicker } from './index-2913b846.js';
+import { T as Text } from './index-ab41f48a.js';
+export { O as OTHER_THEME_CONFIG, T as Text } from './index-ab41f48a.js';
+export { I as Indicator } from './index-69a4bf84.js';
 import React__default, { useMemo } from 'react';
-export { M as Modal } from './index-2516c87e.js';
-import { _ as __rest } from './tslib.es6-2581561d.js';
+export { M as Modal } from './index-69996b24.js';
+import { _ as __rest } from './tslib.es6-3874b31b.js';
 import { Badge as Badge$1, Spoiler as Spoiler$1, LoadingOverlay as LoadingOverlay$1, MantineProvider as MantineProvider$1, clsx, Title, Text as Text$1, Button } from '@mantine/core';
-import { t as theme } from './theme-b8e10c2e.js';
-import { u as useTranslations } from './useTranslations-a559a7a5.js';
-export { S as Slider } from './index-22221342.js';
-export { S as Switch } from './index-f408e111.js';
+import { t as theme } from './theme-e0983a03.js';
+import { u as useTranslations } from './useTranslations-8e74d957.js';
+export { S as Slider } from './index-c1dd06de.js';
+export { S as Switch } from './index-43c2ac74.js';
 import '@hhgtech/icons/other';
 import '@mantine/hooks';
-import './index-97d0e5e4.js';
-import './index-e329bfff.js';
+import './index-d366ac6a.js';
+import './index-eb2c3d5f.js';
 import 'date-fns/locale';
-import './Subot-7661c139.js';
-import './isProduction-a14c0289.js';
+import './Subot-ca654c1b.js';
+import './isProduction-923861f3.js';
 import 'dayjs';
-import './utils-ad80dd9a.js';
+import './utils-49823a14.js';
 import 'styled-components';
 import '@mantine/carousel';
 import 'classnames';
-import './useUniqueId-4d87b935.js';
+import './useUniqueId-d10943a0.js';
 import '@hhgtech/icons/core';
 import '@mantine/dates';
-import './translationsContext-a710bd79.js';
+import './translationsContext-f6ca9a8f.js';
 import 'string-format';
 
 const TextArea = (props) => {

package/build/esm/misc.js

@@ -1,22 +1,22 @@
-export { a as ageGenerate, c as convertLocalizedStringToNumber, l as localizeNumberFormat } from './localizeNumberFormat-7ad2018e.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-9a852d86.js';
-export { d as deleteCookie, g as getCookie, s as setCookie } from './cookieHelper-fb2f4bf7.js';
+export { a as ageGenerate, c as convertLocalizedStringToNumber, l as localizeNumberFormat } from './localizeNumberFormat-232e3b6b.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-2b85e352.js';
+export { d as deleteCookie, g as getCookie, s as setCookie } from './cookieHelper-795649fa.js';
 import 'react';
 import 'styled-components';
-export { M as MBTheme, t as theme } from './theme-b8e10c2e.js';
-export { a as abbreviateNumber } from './number-c4673157.js';
-export { d as getCareApiDomain, g as getCurrentBaseUrl, a as getCurrentSsoUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain } from './routing-8faaacea.js';
-export { B as Breakpoints, M as MediaQueries, 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-ad80dd9a.js';
-export { f as formatHealthTool, g as getDynamicHealthTool, a as getDynamicHealthToolWithCache } from './getDynamicHealthTool-296bc3be.js';
-export { g as getSocialList } from './getSocialList-2ebfcd4a.js';
-export { S as ScreenSizeContext, a as ScreenSizeContextProvider, f as formatPill, g as getWindowSizeGroups } from './dataTransform-bf6753e4.js';
+export { M as MBTheme, t as theme } from './theme-e0983a03.js';
+export { a as abbreviateNumber } from './number-c939d6ee.js';
+export { d as getCareApiDomain, g as getCurrentBaseUrl, a as getCurrentSsoUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain } from './routing-2fb52661.js';
+export { B as Breakpoints, M as MediaQueries, 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-49823a14.js';
+export { f as formatHealthTool, g as getDynamicHealthTool, a as getDynamicHealthToolWithCache } from './getDynamicHealthTool-2e414236.js';
+export { g as getSocialList } from './getSocialList-ac6ab172.js';
+export { S as ScreenSizeContext, a as ScreenSizeContextProvider, f as formatPill, g as getWindowSizeGroups } from './dataTransform-98fc7d07.js';
 import 'dayjs';
-import './index-e329bfff.js';
+import './index-eb2c3d5f.js';
 import 'date-fns/locale';
-import './Subot-7661c139.js';
-import './isProduction-a14c0289.js';
-import './tslib.es6-2581561d.js';
-import './normalizeLink-b27ea7f7.js';
-import './core-7e4b4d85.js';
-import './index-97d0e5e4.js';
+import './Subot-ca654c1b.js';
+import './isProduction-923861f3.js';
+import './tslib.es6-3874b31b.js';
+import './normalizeLink-36522d1f.js';
+import './core-6f705325.js';
+import './index-d366ac6a.js';
 import 'lodash/throttle';

package/build/esm/navigation.js

@@ -1,51 +1,51 @@
-export { N as NavigationV2, g as getNavMenuContent, a as getNavMenuContentWithCache } from './index-27cc65d4.js';
-import './tslib.es6-2581561d.js';
+export { N as NavigationV2, g as getNavMenuContent, a as getNavMenuContentWithCache } from './index-9944f682.js';
+import './tslib.es6-3874b31b.js';
 import 'react';
-import './index-14587dbf.js';
+import './index-da990c66.js';
 import '@hhgtech/icons/other';
 import '@mantine/core';
 import '@mantine/hooks';
-import './index-97d0e5e4.js';
-import './index-e329bfff.js';
+import './index-d366ac6a.js';
+import './index-eb2c3d5f.js';
 import 'date-fns/locale';
-import './Subot-7661c139.js';
-import './isProduction-a14c0289.js';
+import './Subot-ca654c1b.js';
+import './isProduction-923861f3.js';
 import 'dayjs';
-import './utils-ad80dd9a.js';
+import './utils-49823a14.js';
 import 'styled-components';
 import '@mantine/carousel';
-import './index-39528b9b.js';
-import './theme-b8e10c2e.js';
+import './index-ab41f48a.js';
+import './theme-e0983a03.js';
 import 'classnames';
-import './useUniqueId-4d87b935.js';
+import './useUniqueId-d10943a0.js';
 import '@hhgtech/icons/core';
-import './normalizeLink-b27ea7f7.js';
-import './routing-8faaacea.js';
-import './index-d5783ce8.js';
-import './utils-8cfab824.js';
-import './cookieHelper-fb2f4bf7.js';
+import './normalizeLink-36522d1f.js';
+import './routing-2fb52661.js';
+import './index-f5028458.js';
+import './utils-6b797d8b.js';
+import './cookieHelper-795649fa.js';
 import 'slugify';
 import 'string-format';
-import './index-cf62426e.js';
-import './utils-a88682f9.js';
-import './useTranslations-a559a7a5.js';
-import './translationsContext-a710bd79.js';
+import './index-4c23d612.js';
+import './utils-370db6e4.js';
+import './useTranslations-8e74d957.js';
+import './translationsContext-f6ca9a8f.js';
 import 'lodash/throttle';
 import '@mantine/dates';
-import './constants-004f080a.js';
-import './index-b42b746d.js';
-import './index.styles-cf0b32a3.js';
-import './constants-d53f9101.js';
-import './animation-9a852d86.js';
+import './constants-a4edd7d4.js';
+import './index-20f6146f.js';
+import './index.styles-4d5d1da6.js';
+import './constants-c68921ad.js';
+import './animation-2b85e352.js';
 import 'react-keyed-flatten-children';
-import './ChevronDown-dba8fc93.js';
-import './index-78b15ede.js';
-import './index-f98bf91e.js';
-import './index-991703e4.js';
-import './useIsInit-5759a12c.js';
-import './index.styled-938c9e2d.js';
-import './index-11c2da20.js';
+import './ChevronDown-25d97522.js';
+import './index-a1bc5cef.js';
+import './index-18bc2581.js';
+import './index-69a4bf84.js';
+import './useIsInit-14a2a8b6.js';
+import './index.styled-80ce9adc.js';
+import './index-673b6dc4.js';
 import 'dayjs/plugin/relativeTime';
-import './index-cf296b7d.js';
+import './index-a1c2e515.js';
 import 'lodash/debounce';
-import './core-7e4b4d85.js';
+import './core-6f705325.js';

package/build/esm/onboardingV2.js

@@ -1,50 +1,50 @@
 import React__default, { createContext, forwardRef, useContext, useImperativeHandle, useState, useRef, useEffect, useMemo, Fragment } from 'react';
 import { Box, Input, Grid, Title, Container, Flex, rem, Stack, AspectRatio } from '@mantine/core';
-import { P as Phone, c as Input$1, R as Radio, O as OTP, d as Checkbox, u as useScreenSize, B as Button } from './index-14587dbf.js';
+import { P as Phone, c as Input$1, R as Radio, O as OTP, d as Checkbox, u as useScreenSize, B as Button } from './index-da990c66.js';
 import '@mantine/dates';
-import { L as LOCALE_SPECS } from './index-e329bfff.js';
-import './Subot-7661c139.js';
-import { C as CommonGAssets } from './index-97d0e5e4.js';
-import { T as Text } from './index-39528b9b.js';
-import { t as theme } from './theme-b8e10c2e.js';
-import './translationsContext-a710bd79.js';
+import { L as LOCALE_SPECS } from './index-eb2c3d5f.js';
+import './Subot-ca654c1b.js';
+import { C as CommonGAssets } from './index-d366ac6a.js';
+import { T as Text } from './index-ab41f48a.js';
+import { t as theme } from './theme-e0983a03.js';
+import './translationsContext-f6ca9a8f.js';
 import 'string-format';
 import { useInterval, useCounter } from '@mantine/hooks';
-import { M as MediaQueries, a as getPopupWrapperDom } from './utils-ad80dd9a.js';
-import { M as MAPPED_LOCALE, h as hiddenEmailChar } from './utils-93eb13e7.js';
-export { M as MAPPED_LOCALE } from './utils-93eb13e7.js';
+import { M as MediaQueries, a as getPopupWrapperDom } from './utils-49823a14.js';
+import { M as MAPPED_LOCALE, h as hiddenEmailChar } from './utils-d768df29.js';
+export { M as MAPPED_LOCALE } from './utils-d768df29.js';
 import { createFormContext, yupResolver } from '@mantine/form';
 import styled from 'styled-components';
-import { _ as __rest, a as __awaiter } from './tslib.es6-2581561d.js';
-import './index.styles-cf0b32a3.js';
-import { H as Heading } from './index-f98bf91e.js';
-import './constants-d53f9101.js';
-import { L as LogoIcon } from './utils-a88682f9.js';
-import { u as useTranslations } from './useTranslations-a559a7a5.js';
-import './utils-8cfab824.js';
-import './index.styled-938c9e2d.js';
-import './index-11c2da20.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-3874b31b.js';
+import './index.styles-4d5d1da6.js';
+import { H as Heading } from './index-18bc2581.js';
+import './constants-c68921ad.js';
+import { L as LogoIcon } from './utils-370db6e4.js';
+import { u as useTranslations } from './useTranslations-8e74d957.js';
+import './utils-6b797d8b.js';
+import './index.styled-80ce9adc.js';
+import './index-673b6dc4.js';
 import * as yup from 'yup';
-import { D as DatePicker } from './index-76a63956.js';
-import { A as AddressInput } from './index-77f900fd.js';
-import { V as Visible } from './Visible-d824de49.js';
+import { D as DatePicker } from './index-2913b846.js';
+import { A as AddressInput } from './index-34dd9d03.js';
+import { V as Visible } from './Visible-6e4afbf0.js';
 import { createPortal } from 'react-dom';
-import { I as Icon } from './index-b42b746d.js';
+import { I as Icon } from './index-20f6146f.js';
 import throttle from 'lodash/throttle';
-import { B as Button$1 } from './index-78b15ede.js';
-import { T as Text$1 } from './index-5849268c.js';
+import { B as Button$1 } from './index-a1bc5cef.js';
+import { T as Text$1 } from './index-0ea13007.js';
 import { format } from 'date-fns';
 import flattenChildren from 'react-keyed-flatten-children';
 import '@hhgtech/icons/other';
 import 'dayjs';
 import '@mantine/carousel';
 import 'classnames';
-import './useUniqueId-4d87b935.js';
+import './useUniqueId-d10943a0.js';
 import '@hhgtech/icons/core';
 import 'date-fns/locale';
-import './isProduction-a14c0289.js';
-import './animation-9a852d86.js';
-import './cookieHelper-fb2f4bf7.js';
+import './isProduction-923861f3.js';
+import './animation-2b85e352.js';
+import './cookieHelper-795649fa.js';
 import 'slugify';
 
 // define shared context

package/build/esm/pwg.js

@@ -1,33 +1,33 @@
 import React__default, { useMemo, useState, useRef } from 'react';
-import { M as MarryBabyText, a as MarryBabyHeading } from './index-8573ee56.js';
-import { T as Text } from './index-39528b9b.js';
-import { P as PillCarousel } from './index-98cf27df.js';
-import { u as useTranslations } from './useTranslations-a559a7a5.js';
-import { t as theme } from './theme-b8e10c2e.js';
+import { M as MarryBabyText, a as MarryBabyHeading } from './index-c497ec47.js';
+import { T as Text } from './index-ab41f48a.js';
+import { P as PillCarousel } from './index-b6c0642e.js';
+import { u as useTranslations } from './useTranslations-8e74d957.js';
+import { t as theme } from './theme-e0983a03.js';
 import { ResponsiveContainer, AreaChart, CartesianGrid, Tooltip, XAxis, YAxis, Area, ReferenceDot } from 'recharts';
-import { C as CustomReferenceDot } from './index-11c2da20.js';
-import { a as useOutsideClick } from './useOutsideClick-0cd449b6.js';
+import { C as CustomReferenceDot } from './index-673b6dc4.js';
+import { a as useOutsideClick } from './useOutsideClick-14c0077e.js';
 import styled from 'styled-components';
-import { _ as __rest } from './tslib.es6-2581561d.js';
-import './index.styled-938c9e2d.js';
+import { _ as __rest } from './tslib.es6-3874b31b.js';
+import './index.styled-80ce9adc.js';
 import '@mantine/core';
-import './Subot-7661c139.js';
-import './index-97d0e5e4.js';
-import './index-e329bfff.js';
+import './Subot-ca654c1b.js';
+import './index-d366ac6a.js';
+import './index-eb2c3d5f.js';
 import 'date-fns/locale';
-import './isProduction-a14c0289.js';
-import './index-14587dbf.js';
+import './isProduction-923861f3.js';
+import './index-da990c66.js';
 import '@hhgtech/icons/other';
 import '@mantine/hooks';
 import 'dayjs';
-import './utils-ad80dd9a.js';
+import './utils-49823a14.js';
 import '@mantine/carousel';
 import 'classnames';
-import './useUniqueId-4d87b935.js';
+import './useUniqueId-d10943a0.js';
 import '@hhgtech/icons/core';
-import './index-5849268c.js';
+import './index-0ea13007.js';
 import '@mantine/dates';
-import './translationsContext-a710bd79.js';
+import './translationsContext-f6ca9a8f.js';
 import 'string-format';
 
 const CustomizedAxisTick = (props) => {

package/build/esm/{routing-8faaacea.js → routing-2fb52661.js}

@@ -1,5 +1,5 @@
-import { d as domainLocales } from './index-e329bfff.js';
-import { i as isProduction } from './isProduction-a14c0289.js';
+import { d as domainLocales } from './index-eb2c3d5f.js';
+import { i as isProduction } from './isProduction-923861f3.js';
 
 const getCurrentBaseUrl = (locale, isMarryBaby) => {
     if (typeof window !== 'undefined')