@hhgtech/hhg-components 1.29.449 → 1.29.450-beta-1

package/build/lead.js

@@ -2,62 +2,62 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-acd80713.js');
+var tslib_es6 = require('./tslib.es6-ac9de441.js');
 var React = require('react');
 var core = require('@mantine/core');
 var debounce = require('lodash/debounce');
 var form = require('@mantine/form');
 var dayjs = require('dayjs');
-var index = require('./index-248d08ea.js');
+var index = require('./index-7580c16f.js');
 var miscCookieHelper = require('./miscCookieHelper.js');
-var index$1 = require('./index-2f23d479.js');
-var translationsContext = require('./translationsContext-614f1792.js');
-var utils$1 = require('./utils-7bc80898.js');
-var index$2 = require('./index-caaf6cac.js');
-var index$3 = require('./index-7481f662.js');
-var index$5 = require('./index-8b68f0a5.js');
-var index$4 = require('./index-ce0a7efa.js');
-require('./index.styles-61ce234f.js');
+var index$1 = require('./index-2f06f74e.js');
+var translationsContext = require('./translationsContext-c2fa1be4.js');
+var utils$1 = require('./utils-e5b6fd8d.js');
+var index$2 = require('./index-2f80f215.js');
+var index$3 = require('./index-6c3d81bf.js');
+var index$5 = require('./index-c683aa32.js');
+var index$4 = require('./index-eff68a82.js');
+var index$9 = require('./index-e9a11463.js');
+require('./index.styles-459c49a4.js');
 var hooks = require('@mantine/hooks');
-require('./index-18acca73.js');
-var text = require('./text-92a095cb.js');
-require('./index-511d3d6a.js');
-var utils = require('./utils-0a198ca7.js');
+require('./index-99b7ebde.js');
+require('./index-4b7ca682.js');
+var utils = require('./utils-138ea753.js');
 var dates = require('@mantine/dates');
-var index$7 = require('./index-2d74352f.js');
-var index$b = require('./index-fd836996.js');
-require('./index-d7818ca5.js');
-var usePlacesAutocomplete = require('./usePlacesAutocomplete-1932fd69.js');
-var index$6 = require('./index-08939d41.js');
-var translationsProvider = require('./translationsProvider-f3b53e26.js');
-var Locale = require('./Locale-21703205.js');
+var index$7 = require('./index-c6272c6f.js');
+var index$c = require('./index-672d3f96.js');
+require('./index-c0a90ee6.js');
+var usePlacesAutocomplete = require('./usePlacesAutocomplete-a9d9e074.js');
+var index$6 = require('./index-8ba337ef.js');
+var translationsProvider = require('./translationsProvider-49dd71e5.js');
+var Locale = require('./Locale-5e92eeb8.js');
 var uuid = require('uuid');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var PhoneInputBase = require('react-phone-number-input');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var index$8 = require('./index-07e631b9.js');
-var togetherComponentGlobalContext = require('./utils-623e143c.js');
-var index$9 = require('./index-237f01cf.js');
-var index$a = require('./index-541ae612.js');
-var index$c = require('./index-f8305dc1.js');
+var index$8 = require('./index-7d367633.js');
+var togetherComponentGlobalContext = require('./utils-7753c561.js');
+var index$a = require('./index-63ab07dd.js');
+var index$b = require('./index-7dba82fa.js');
+var index$d = require('./index-a8b83558.js');
 var framerMotion = require('framer-motion');
 var ReactDOM = require('react-dom');
 var arrow = require('@hhgtech/icons/arrow');
 var core$1 = require('@hhgtech/icons/core');
-var InputDate = require('./InputDate-24409137.js');
+var InputDate = require('./InputDate-3810c882.js');
 var carousel = require('@mantine/carousel');
-var utils$2 = require('./utils-82aae0e1.js');
-var index$d = require('./index-5423ff4c.js');
-var Close = require('./Close-f856c59c.js');
+var utils$2 = require('./utils-89804de1.js');
+var index$e = require('./index-83dc016b.js');
+var Close = require('./Close-d846a87b.js');
 require('./constantsIsProduction.js');
-require('./normalizeLink-86036e79.js');
+require('./normalizeLink-d01a7054.js');
 require('@hhgtech/icons/other');
 require('classnames');
-require('./useUniqueId-df3c6150.js');
+require('./useUniqueId-3841cbd1.js');
 require('./constantsSite.js');
 require('@emotion/react');
-require('./shared-8aee16d5.js');
+require('./shared-d458c0f9.js');
 require('@mantine/notifications');
 require('date-fns/locale');
 require('./constantsRiskScreener.js');
@@ -73,12 +73,12 @@ require('./i18n-values/vi-VN.js');
 require('./i18n-values/vi-VN_MB.js');
 require('./i18n-values/zh-SG.js');
 require('./i18n-values/zh-TW.js');
-require('./index-8ea9637e.js');
+require('./index-72c7a23f.js');
 require('slugify');
 require('string-format');
 require('./togetherApiPaths.js');
-require('./constants-ffa1b205.js');
-require('./constants-8581388f.js');
+require('./constants-fd9ac7c6.js');
+require('./constants-2553a58c.js');
 require('vaul');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -2920,7 +2920,7 @@ const LeadGenForm = React.forwardRef((props, ref) => {
                         React__default["default"].createElement(index$8.TextField.Control, null, ({ shrink }) => (React__default["default"].createElement(core.TextInput, Object.assign({ name: name, spellCheck: false, withAsterisk: required, label: React__default["default"].createElement(index$2.Text, { size: shrink ? 'p3' : 'p2', variant: "secondary", weight: "halfBold" }, label), placeholder: " ", inputWrapperOrder: LEADGEN_ORDER_INPUT_WRAPPER, type: "text", "data-control": "text" }, formInputProps, { error: error && (React__default["default"].createElement(core.Flex, { align: 'center', gap: 4 },
                                 React__default["default"].createElement(index$3.ErrorIcon, { size: 12 }),
                                 React__default["default"].createElement(index$2.Text, { size: "c1", variant: "error" }, error))), styles: (theme) => ({
-                                input: Object.assign(Object.assign({}, text.GlobalTextStyleNew(theme)[text.CustomStylesType.LEADGEN].p2), { color: theme.colors.gray[9], fontWeight: text.FontWeight.halfBold }),
+                                input: Object.assign(Object.assign({}, index$9.GlobalTextStyleNew(theme)[index$9.CustomStylesType.LEADGEN].p2), { color: theme.colors.gray[9], fontWeight: index$9.FontWeight.halfBold }),
                             }) }))))));
                 }
                 case LEADGEN_BLOCK.NumberBlock: {
@@ -2951,7 +2951,7 @@ const LeadGenForm = React.forwardRef((props, ref) => {
                                 React__default["default"].createElement(index$3.ErrorIcon, { size: 12 }),
                                 React__default["default"].createElement(index$2.Text, { size: "c1", variant: "error" }, error))) },
                             React__default["default"].createElement(core.Box, { className: "mantine-Input-wrapper", sx: (theme) => ({
-                                    '.PhoneInput .PhoneInputInput': Object.assign(Object.assign({}, text.GlobalTextStyleNew(theme)[text.CustomStylesType.LEADGEN].p2), { color: theme.colors.gray[9], fontWeight: text.FontWeight.halfBold }),
+                                    '.PhoneInput .PhoneInputInput': Object.assign(Object.assign({}, index$9.GlobalTextStyleNew(theme)[index$9.CustomStylesType.LEADGEN].p2), { color: theme.colors.gray[9], fontWeight: index$9.FontWeight.halfBold }),
                                 }) },
                                 React__default["default"].createElement(index$3.Phone, Object.assign({ className: `mantine-Input-input ${classes.p2}`, name: name, spellCheck: false, placeholder: " ", defaultCountry: (locale
                                         ? utils.MAPPED_LOCALE[locale] || 'VN'
@@ -3184,7 +3184,7 @@ const LeadGenSubscriptionBoxContainer = (props) => {
     if (!ALLOW_LOCALE.includes(locale)) {
         return null;
     }
-    return (React__default["default"].createElement(index$9.MantineProvider, { locale: locale, customStyleType: text.CustomStylesType.LEADGEN },
+    return (React__default["default"].createElement(index$a.MantineProvider, { locale: locale, customStyleType: index$9.CustomStylesType.LEADGEN },
         React__default["default"].createElement(LeadGenContextProvider, Object.assign({}, props, { apiLeadUrl: apiUrl, apiSubotUrl: apiSubotUrl }),
             React__default["default"].createElement(Container, null))));
 };
@@ -3264,11 +3264,11 @@ const CenterTabLayout = ({ popupId, url, newTab, imageDestkop, imageMobile, onCl
                         });
                         window.open(url, newTab ? 'blank' : '_parent');
                     }) },
-                    index$a.isVideo(imageMobile) ? (React__default["default"].createElement("video", { loop: true, muted: true, autoPlay: true, className: "le-only-mobile" },
+                    index$b.isVideo(imageMobile) ? (React__default["default"].createElement("video", { loop: true, muted: true, autoPlay: true, className: "le-only-mobile" },
                         React__default["default"].createElement("source", { src: imageMobile }))) : (React__default["default"].createElement("img", { className: "le-only-mobile", src: imageMobile, style: {
                             aspectRatio: `${imageMobileWidth}/${imageMobileHeight}`,
                         } })),
-                    index$a.isVideo(imageDestkop) ? (React__default["default"].createElement("video", { loop: true, muted: true, autoPlay: true, className: "le-only-desktop" },
+                    index$b.isVideo(imageDestkop) ? (React__default["default"].createElement("video", { loop: true, muted: true, autoPlay: true, className: "le-only-desktop" },
                         React__default["default"].createElement("source", { src: imageDestkop }))) : (React__default["default"].createElement("img", { className: "le-only-desktop", src: imageDestkop, style: {
                             aspectRatio: `${imageDestkopWidth}/${imageDestkopHeight}`,
                         } }))),
@@ -4054,7 +4054,7 @@ const LightboxFields = ({ listBlockAdded, popupId, locale, hasSubmitBtn, isSubmi
     const labelTuples = React.useMemo(() => {
         return ((index$7.ISO_FORMAT === null || index$7.ISO_FORMAT === void 0 ? void 0 : index$7.ISO_FORMAT[locale]) || index$7.ISO_FORMAT['vi-VN']).dateFormat
             .split('/')
-            .map((key) => { var _a; return t((_a = index$b.COMMON_DATE_TRANSLATE_KEY === null || index$b.COMMON_DATE_TRANSLATE_KEY === void 0 ? void 0 : index$b.COMMON_DATE_TRANSLATE_KEY[key]) === null || _a === void 0 ? void 0 : _a.id); });
+            .map((key) => { var _a; return t((_a = index$c.COMMON_DATE_TRANSLATE_KEY === null || index$c.COMMON_DATE_TRANSLATE_KEY === void 0 ? void 0 : index$c.COMMON_DATE_TRANSLATE_KEY[key]) === null || _a === void 0 ? void 0 : _a.id); });
     }, [locale]);
     return (React__default["default"].createElement(React__default["default"].Fragment, null, listBlockAdded.map((b, index) => {
         var _a;
@@ -4080,8 +4080,8 @@ const LightboxFields = ({ listBlockAdded, popupId, locale, hasSubmitBtn, isSubmi
                         ] }, form.getInputProps(value), { name: value, error: form.errors[value] && (React__default["default"].createElement(core.Flex, { align: 'center', gap: 4 },
                             React__default["default"].createElement(index$3.ErrorIcon, { size: 12 }),
                             React__default["default"].createElement(index$2.Text, { size: "c1", variant: "error" }, form.errors[value]))), styles: (theme) => ({
-                            input: Object.assign(Object.assign({}, text.GlobalTextStyleNew(theme)[text.CustomStylesType.LEADGEN]
-                                .p2), { color: theme.colors.gray[9], fontWeight: text.FontWeight.halfBold }),
+                            input: Object.assign(Object.assign({}, index$9.GlobalTextStyleNew(theme)[index$9.CustomStylesType.LEADGEN]
+                                .p2), { color: theme.colors.gray[9], fontWeight: index$9.FontWeight.halfBold }),
                         }) }))))));
             case 'NumberBlock':
                 return (React__default["default"].createElement(index$8.TextField, { key: index, shrink: !!formValue, className: "lead-modal__form-control leadgen-form_field" },
@@ -4096,8 +4096,8 @@ const LightboxFields = ({ listBlockAdded, popupId, locale, hasSubmitBtn, isSubmi
                         ] }, form.getInputProps(value), { error: form.errors[value] && (React__default["default"].createElement(core.Flex, { align: 'center', gap: 4 },
                             React__default["default"].createElement(index$3.ErrorIcon, { size: 12 }),
                             React__default["default"].createElement(index$2.Text, { size: "c1", variant: "error" }, form.errors[value]))), styles: (theme) => ({
-                            input: Object.assign(Object.assign({}, text.GlobalTextStyleNew(theme)[text.CustomStylesType.LEADGEN]
-                                .p2), { color: theme.colors.gray[9], fontWeight: text.FontWeight.halfBold }),
+                            input: Object.assign(Object.assign({}, index$9.GlobalTextStyleNew(theme)[index$9.CustomStylesType.LEADGEN]
+                                .p2), { color: theme.colors.gray[9], fontWeight: index$9.FontWeight.halfBold }),
                         }) }))))));
             case 'EmailBlock':
                 return (React__default["default"].createElement(index$8.TextField, { key: index, shrink: !!formValue, className: "lead-modal__form-control leadgen-form_field" },
@@ -4113,8 +4113,8 @@ const LightboxFields = ({ listBlockAdded, popupId, locale, hasSubmitBtn, isSubmi
                         ] }, form.getInputProps(value), { error: form.errors[value] && (React__default["default"].createElement(core.Flex, { align: 'center', gap: 4 },
                             React__default["default"].createElement(index$3.ErrorIcon, { size: 12 }),
                             React__default["default"].createElement(index$2.Text, { size: "c1", variant: "error" }, form.errors[value]))), styles: (theme) => ({
-                            input: Object.assign(Object.assign({}, text.GlobalTextStyleNew(theme)[text.CustomStylesType.LEADGEN]
-                                .p2), { color: theme.colors.gray[9], fontWeight: text.FontWeight.halfBold }),
+                            input: Object.assign(Object.assign({}, index$9.GlobalTextStyleNew(theme)[index$9.CustomStylesType.LEADGEN]
+                                .p2), { color: theme.colors.gray[9], fontWeight: index$9.FontWeight.halfBold }),
                         }) }))))));
             case 'PhoneOtpBlock':
             case 'WhatsappOtpBlock':
@@ -4134,7 +4134,7 @@ const LightboxFields = ({ listBlockAdded, popupId, locale, hasSubmitBtn, isSubmi
                             React__default["default"].createElement(index$3.ErrorIcon, { size: 12 }),
                             React__default["default"].createElement(index$2.Text, { size: "c1", variant: "error" }, form.errors[value]))) },
                         React__default["default"].createElement(core.Box, { className: "mantine-Input-wrapper", sx: (theme) => ({
-                                '.PhoneInput .PhoneInputInput': Object.assign(Object.assign({}, text.GlobalTextStyleNew(theme)[text.CustomStylesType.LEADGEN].p2), { color: theme.colors.gray[9], fontWeight: text.FontWeight.halfBold }),
+                                '.PhoneInput .PhoneInputInput': Object.assign(Object.assign({}, index$9.GlobalTextStyleNew(theme)[index$9.CustomStylesType.LEADGEN].p2), { color: theme.colors.gray[9], fontWeight: index$9.FontWeight.halfBold }),
                             }) },
                             React__default["default"].createElement(index$3.Phone, Object.assign({ className: `mantine-Input-input`, name: value, spellCheck: false, type: "tel", placeholder: " ", 
                                 // onBlur={(e) => inputOnBlur('tel', e)}
@@ -4152,8 +4152,8 @@ const LightboxFields = ({ listBlockAdded, popupId, locale, hasSubmitBtn, isSubmi
                         ] }, form.getInputProps(value), { error: form.errors[value] && (React__default["default"].createElement(core.Flex, { align: 'center', gap: 4 },
                             React__default["default"].createElement(index$3.ErrorIcon, { size: 12 }),
                             React__default["default"].createElement(index$2.Text, { size: "c1", variant: "error" }, form.errors[value]))), styles: (theme) => ({
-                            input: Object.assign(Object.assign(Object.assign({}, text.GlobalTextStyleNew(theme)[text.CustomStylesType.LEADGEN]
-                                .p2), { color: theme.colors.gray[9], fontWeight: text.FontWeight.halfBold }), (hasIcon && {
+                            input: Object.assign(Object.assign(Object.assign({}, index$9.GlobalTextStyleNew(theme)[index$9.CustomStylesType.LEADGEN]
+                                .p2), { color: theme.colors.gray[9], fontWeight: index$9.FontWeight.halfBold }), (hasIcon && {
                                 paddingRight: `${core.rem(28)} !important`,
                             })),
                         }) })))),
@@ -4222,7 +4222,7 @@ const LightboxFields = ({ listBlockAdded, popupId, locale, hasSubmitBtn, isSubmi
                                 label: l.placeholder,
                             })), nothingFound: React__default["default"].createElement(NoData, null), rightSection: React__default["default"].createElement(index$8.TextField.Icon, { Icon: arrow.ChevronDown }), styles: (theme) => ({
                                 wrapper: {
-                                    input: Object.assign(Object.assign({}, text.GlobalTextStyleNew(theme)[text.CustomStylesType.LEADGEN].p2), { color: theme.colors.gray[9], fontWeight: text.FontWeight.halfBold }),
+                                    input: Object.assign(Object.assign({}, index$9.GlobalTextStyleNew(theme)[index$9.CustomStylesType.LEADGEN].p2), { color: theme.colors.gray[9], fontWeight: index$9.FontWeight.halfBold }),
                                 },
                                 item: {
                                     paddingBlock: 12,
@@ -4368,7 +4368,7 @@ const HeaderImage = ({ src, ratio = 3 / 2, className, style, }) => {
     if (!src) {
         return null;
     }
-    return (React__default["default"].createElement(StyleHeaderImage, { paddingTop: (1 / ratio) * 100, className: core.clsx(className, 'leadgen-header_image'), style: style }, index$a.isVideo(src) ? (React__default["default"].createElement("video", { muted: true, autoPlay: true, loop: true, className: "leadgen-header_image_feature leadgen-header_image_video", src: src })) : (React__default["default"].createElement("img", { src: src, draggable: "false", alt: "", className: "leadgen-header_image_feature leadgen-header_image_image" }))));
+    return (React__default["default"].createElement(StyleHeaderImage, { paddingTop: (1 / ratio) * 100, className: core.clsx(className, 'leadgen-header_image'), style: style }, index$b.isVideo(src) ? (React__default["default"].createElement("video", { muted: true, autoPlay: true, loop: true, className: "leadgen-header_image_feature leadgen-header_image_video", src: src })) : (React__default["default"].createElement("img", { src: src, draggable: "false", alt: "", className: "leadgen-header_image_feature leadgen-header_image_image" }))));
 };
 
 const OtpBlock = ({ otpData, onSuccess, autoSendWhenOpen, }) => {
@@ -4594,7 +4594,7 @@ const FreebieLuckyGiftItem = ({ isHostedByClient, locale, data: { image, name, d
     return (React__default["default"].createElement(StyledFreebiesCard, null,
         React__default["default"].createElement(StyledImageWrap, null,
             React__default["default"].createElement(core.AspectRatio, { ratio: 3 / 2 },
-                React__default["default"].createElement(index$c.ImageWrap, { src: image, alt: name || '' })),
+                React__default["default"].createElement(index$d.ImageWrap, { src: image, alt: name || '' })),
             winning_slot > 0 && (React__default["default"].createElement(core.Badge, null,
                 React__default["default"].createElement(index$2.Text, { size: "c2", color: miscTheme.theme.colors.white },
                     winning_slot,
@@ -4614,7 +4614,7 @@ const FreebieLuckyGiftItem = ({ isHostedByClient, locale, data: { image, name, d
 };
 const FreebieFreeSampleItem = ({ data: { image, name, desc, cta_button }, }) => (React__default["default"].createElement(StyledFreebiesCard, null,
     React__default["default"].createElement(core.AspectRatio, { ratio: 3 / 2 },
-        React__default["default"].createElement(index$c.ImageWrap, { src: image, alt: name || '' })),
+        React__default["default"].createElement(index$d.ImageWrap, { src: image, alt: name || '' })),
     React__default["default"].createElement(core.Box, { p: "12px" },
         React__default["default"].createElement(core.Tooltip, { label: name, position: "top", withArrow: true },
             React__default["default"].createElement(index$2.Text, { lineClamp: 2, size: "title2", mb: core.rem(4), style: { height: core.rem(48) } }, name)),
@@ -4726,7 +4726,7 @@ const CAMPAGE_CODE_LIST_APPLY_NEW_UI = ['ri3lkoxcetjoj39'];
 const LightboxLayout = ({ popupId, extraFields, onClose: onCloseProp, onOtherSubmit, imageMobile, imageDesktop, imageOverlayMobile, imageOverlayDesktop, imageBackground, currentLayout, title, onSubmit, onUnmount, doImpression, showThankyou, campaignId, campaignCode, campaign_subot_id, locale, showEmpty, setShowEmpty, userInfo, action, campaign, }) => {
     var _a, _b;
     const { primaryColor } = React.useContext(LeadGenContext$1);
-    const { isMobile } = index$c.useScreenSize();
+    const { isMobile } = index$d.useScreenSize();
     const [open, setOpen] = React.useState(!!campaignId);
     const [showOtpPhone, setShowOtpPhone] = React.useState(null);
     const [isSubmitLoading, setIsSubmitLoading] = React.useState(false);
@@ -5104,7 +5104,7 @@ const LightboxLayout = ({ popupId, extraFields, onClose: onCloseProp, onOtherSub
         'leadgen-inline': isInPage,
         'leadgen-slider': isSlider,
     });
-    const PopupContainer = isDrawer ? (isNewUI ? (React__default["default"].createElement(LeadGenLightBoxB, { form: form, loading: isSubmitLoading, visible: open, onVisible: () => onOpenChange(false) }, PopupWrapper)) : (React__default["default"].createElement(index$d.DrawerComponent, { fadeFromIndex: index$7.ZINDEX_SSO - 9e6, open: open, snapPoints: [0.8, 1], activeSnapPoint: snap, setActiveSnapPoint: setSnap, onOpenChange: onOpenChange, overlayClassName: popupContainerClassName, className: "leadgen-drawer" },
+    const PopupContainer = isDrawer ? (isNewUI ? (React__default["default"].createElement(LeadGenLightBoxB, { form: form, loading: isSubmitLoading, visible: open, onVisible: () => onOpenChange(false) }, PopupWrapper)) : (React__default["default"].createElement(index$e.DrawerComponent, { fadeFromIndex: index$7.ZINDEX_SSO - 9e6, open: open, snapPoints: [0.8, 1], activeSnapPoint: snap, setActiveSnapPoint: setSnap, onOpenChange: onOpenChange, overlayClassName: popupContainerClassName, className: "leadgen-drawer" },
         PopupWrapper,
         React__default["default"].createElement("div", { style: {
                 position: 'absolute',
@@ -5171,7 +5171,7 @@ const SkinLayout = ({ popupId, link, linkText, linkNewTab, onClose, imageMobile,
         React__default["default"].createElement("aside", { className: "le-only-mobile" },
             React__default["default"].createElement("div", { className: "le-skin-mobile" },
                 React__default["default"].createElement("div", { style: { position: 'relative' } },
-                    index$a.isVideo(imageMobile) ? (React__default["default"].createElement("video", { muted: true, autoPlay: true, loop: true },
+                    index$b.isVideo(imageMobile) ? (React__default["default"].createElement("video", { muted: true, autoPlay: true, loop: true },
                         React__default["default"].createElement("source", { src: imageMobile, type: "video/mp4" }))) : (React__default["default"].createElement("img", { src: imageMobile, style: {
                             width: '100%',
                             aspectRatio: `${imageMobileWidth}/${imageMobileHeight}`,
@@ -5769,7 +5769,7 @@ const _LeadGen = ({ apiUrl: apiUrlProp, siteDomain, siteId, locale, primaryColor
             setRedirectUrl,
         } },
         React__default["default"].createElement(translationsContext.TranslationsContext.Provider, { value: { locale, values: getTranslations(locale) } },
-            React__default["default"].createElement(index$9.MantineProvider, { locale: locale, customStyleType: text.CustomStylesType.LEADGEN }, children ? (React__default["default"].createElement(Component, { campaign: showCampaign, onSubmit: onSubmit, onClose: onClose, showThankyou: showThankyou, setShowThankyou: setShowThankyou, locale: locale, showEmpty: showEmpty, setShowEmpty: setShowEmpty, userInfo: userInfo }, children)) : (React__default["default"].createElement(core.Portal, { target: utils$1.getPopupWrapperDom() },
+            React__default["default"].createElement(index$a.MantineProvider, { locale: locale, customStyleType: index$9.CustomStylesType.LEADGEN }, children ? (React__default["default"].createElement(Component, { campaign: showCampaign, onSubmit: onSubmit, onClose: onClose, showThankyou: showThankyou, setShowThankyou: setShowThankyou, locale: locale, showEmpty: showEmpty, setShowEmpty: setShowEmpty, userInfo: userInfo }, children)) : (React__default["default"].createElement(core.Portal, { target: utils$1.getPopupWrapperDom() },
                 React__default["default"].createElement(core.Box, { sx: { position: 'fixed', zIndex: index$7.ZINDEX_SSO - 9e6 } },
                     React__default["default"].createElement(core.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;

package/build/{logoIcon-d5a594e3.js → logoIcon-1c5778bf.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-d7818ca5.js');
-var index$1 = require('./index-f8305dc1.js');
+var index = require('./index-c0a90ee6.js');
+var index$1 = require('./index-a8b83558.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/mantine.js

@@ -2,47 +2,47 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-7481f662.js');
-var index$1 = require('./index-8b68f0a5.js');
-var index$2 = require('./index-caaf6cac.js');
-var index$3 = require('./index-ce0a7efa.js');
-var index$4 = require('./index-eb299593.js');
-var tslib_es6 = require('./tslib.es6-acd80713.js');
+var index = require('./index-6c3d81bf.js');
+var index$1 = require('./index-c683aa32.js');
+var index$2 = require('./index-2f80f215.js');
+var index$3 = require('./index-eff68a82.js');
+var index$4 = require('./index-29cbfb33.js');
+var tslib_es6 = require('./tslib.es6-ac9de441.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index$5 = require('./index-0c3c27d7.js');
+var index$9 = require('./index-e9a11463.js');
+var index$5 = require('./index-61fd98ae.js');
 var miscTheme = require('./miscTheme.js');
-var index$6 = require('./index-58d5c117.js');
+var index$6 = require('./index-7b51f698.js');
 var hooks = require('@mantine/hooks');
-var index$7 = require('./index-f0c96b69.js');
-var index$8 = require('./index-237f01cf.js');
-var index$9 = require('./index-18acca73.js');
-var text = require('./text-92a095cb.js');
-var index$a = require('./index-511d3d6a.js');
+var index$7 = require('./index-78be9c85.js');
+var index$8 = require('./index-63ab07dd.js');
+var index$a = require('./index-99b7ebde.js');
+var index$b = require('./index-4b7ca682.js');
 require('@hhgtech/icons/other');
-require('./index-d7818ca5.js');
+require('./index-c0a90ee6.js');
 require('./constantsDomainLocales.js');
-require('./Locale-21703205.js');
+require('./Locale-5e92eeb8.js');
 require('./constantsIsProduction.js');
-require('./index-f8305dc1.js');
-require('./utils-7bc80898.js');
+require('./index-a8b83558.js');
+require('./utils-e5b6fd8d.js');
 require('@emotion/styled');
 require('@mantine/carousel');
 require('classnames');
 require('uuid');
-require('./useUniqueId-df3c6150.js');
+require('./useUniqueId-3841cbd1.js');
 require('./constantsSite.js');
-require('./index-fd836996.js');
+require('./index-672d3f96.js');
 require('@emotion/react');
 require('@hhgtech/icons/core');
 require('@mantine/dates');
-require('./index-2d74352f.js');
+require('./index-c6272c6f.js');
 require('date-fns/locale');
 require('./constantsRiskScreener.js');
-require('./shared-8aee16d5.js');
-require('./index.styles-61ce234f.js');
-require('./index-2f23d479.js');
-require('./translationsContext-614f1792.js');
+require('./shared-d458c0f9.js');
+require('./index.styles-459c49a4.js');
+require('./index-2f06f74e.js');
+require('./translationsContext-c2fa1be4.js');
 require('dayjs');
 require('@mantine/notifications');
 
@@ -52,7 +52,8 @@ var React__default = /*#__PURE__*/_interopDefault(React);
 
 const TextArea = (_a) => {
     var { styles } = _a, props = tslib_es6.__rest(_a, ["styles"]);
-    const { classes } = index.useStyles(undefined, { name: 'MantineTextarea', styles });
+    const variantStyle = index$9.useTemplateVariant();
+    const { classes } = index.useStyles({ variantStyle }, { name: 'MantineTextarea', styles });
     return (React__default["default"].createElement(core.Textarea, Object.assign({ classNames: {
             input: classes.input,
         }, minRows: 2, maxRows: 4 }, props)));
@@ -148,25 +149,26 @@ exports.DatePicker = index$1.DatePicker;
 exports.Text = index$2.Text;
 exports.Button = index$3.Button;
 exports.Indicator = index$4.Indicator;
-exports.Modal = index$5.Modal;
-exports.Spoiler = index$6.Spoiler;
-exports.Switch = index$7.Switch;
-exports.MantineProvider = index$8.MantineProvider;
-exports.MAPPED_LOCALE = index$9.MAPPED_LOCALE;
-exports.getHeadingStyles = index$9.getHeadingStyles;
-exports.getMantineThemeOverride = index$9.getMantineThemeOverride;
-exports.showNotification = index$9.showNotification;
-exports.themeColors = index$9.themeColors;
-exports.useMantineLocale = index$9.useMantineLocale;
 Object.defineProperty(exports, 'CustomStylesType', {
   enumerable: true,
-  get: function () { return text.CustomStylesType; }
+  get: function () { return index$9.CustomStylesType; }
 });
 Object.defineProperty(exports, 'FontWeight', {
   enumerable: true,
-  get: function () { return text.FontWeight; }
+  get: function () { return index$9.FontWeight; }
 });
-exports.Tabs = index$a.Tabs;
+exports.TemplateProvider = index$9.TemplateProvider;
+exports.Modal = index$5.Modal;
+exports.Spoiler = index$6.Spoiler;
+exports.Switch = index$7.Switch;
+exports.MantineProvider = index$8.MantineProvider;
+exports.MAPPED_LOCALE = index$a.MAPPED_LOCALE;
+exports.getHeadingStyles = index$a.getHeadingStyles;
+exports.getMantineThemeOverride = index$a.getMantineThemeOverride;
+exports.showNotification = index$a.showNotification;
+exports.themeColors = index$a.themeColors;
+exports.useMantineLocale = index$a.useMantineLocale;
+exports.Tabs = index$b.Tabs;
 exports.Badge = Badge;
 exports.LoadingOverlay = LoadingOverlay;
 exports.Result = Result;

package/build/misc.js

@@ -2,40 +2,40 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var ageGenerate = require('./ageGenerate-737fc72e.js');
-var animation = require('./animation-9db10b7b.js');
+var ageGenerate = require('./ageGenerate-27f120a2.js');
+var animation = require('./animation-4f8a0c74.js');
 var miscCookieHelper = require('./miscCookieHelper.js');
 require('react');
 require('@mantine/core');
-require('./index-18acca73.js');
-require('./text-92a095cb.js');
-var number = require('./number-baec6f49.js');
-var normalizeLink = require('./normalizeLink-86036e79.js');
+require('./index-99b7ebde.js');
+require('./index-e9a11463.js');
+var number = require('./number-f29aba47.js');
+var normalizeLink = require('./normalizeLink-d01a7054.js');
 var miscTheme = require('./miscTheme.js');
-var utils = require('./utils-7bc80898.js');
+var utils = require('./utils-e5b6fd8d.js');
 var miscGetDynamicHealthTool = require('./miscGetDynamicHealthTool.js');
 var miscGetSocialList = require('./miscGetSocialList.js');
-var localizeNumberFormat = require('./localizeNumberFormat-1a60edc3.js');
+var localizeNumberFormat = require('./localizeNumberFormat-d1d62f22.js');
 var miscScreenSizeContext = require('./miscScreenSizeContext.js');
-var dataTransform = require('./dataTransform-2cfd6d97.js');
+var dataTransform = require('./dataTransform-0a916556.js');
 require('dayjs');
 require('@emotion/react');
-require('./tslib.es6-acd80713.js');
-require('./index-fd836996.js');
-require('./Locale-21703205.js');
+require('./tslib.es6-ac9de441.js');
+require('./index-672d3f96.js');
+require('./Locale-5e92eeb8.js');
 require('@mantine/notifications');
-require('./index-2d74352f.js');
+require('./index-c6272c6f.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsDomainLocales.js');
 require('./constantsRiskScreener.js');
 require('./constantsIsProduction.js');
-require('./index-d7818ca5.js');
-require('./shared-8aee16d5.js');
-require('./core-e07f90f3.js');
-require('./WhatsApp-4f269b5e.js');
-require('./index-5f778a4d.js');
-require('./index-8ea9637e.js');
+require('./index-c0a90ee6.js');
+require('./shared-d458c0f9.js');
+require('./core-a975a74c.js');
+require('./WhatsApp-c64c2319.js');
+require('./index-4d467a9f.js');
+require('./index-72c7a23f.js');
 require('js-cookie');
 require('uuid');
 require('react-phone-number-input');

package/build/miscGetDynamicHealthTool.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-acd80713.js');
-var normalizeLink = require('./normalizeLink-86036e79.js');
-var core = require('./core-e07f90f3.js');
+var tslib_es6 = require('./tslib.es6-ac9de441.js');
+var normalizeLink = require('./normalizeLink-d01a7054.js');
+var core = require('./core-a975a74c.js');
 require('./constantsDomainLocales.js');
-require('./Locale-21703205.js');
+require('./Locale-5e92eeb8.js');
 require('./constantsIsProduction.js');
 
 const formatHealthTool = (healthTool, locale) => {

package/build/miscGetSocialList.js

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var tslib_es6 = require('./tslib.es6-acd80713.js');
-var WhatsApp = require('./WhatsApp-4f269b5e.js');
-var index = require('./index-fd836996.js');
-var index$2 = require('./index-5f778a4d.js');
-var index$1 = require('./index-d7818ca5.js');
-var Locale = require('./Locale-21703205.js');
-require('./index-8ea9637e.js');
-require('./index-2d74352f.js');
+var tslib_es6 = require('./tslib.es6-ac9de441.js');
+var WhatsApp = require('./WhatsApp-c64c2319.js');
+var index = require('./index-672d3f96.js');
+var index$2 = require('./index-4d467a9f.js');
+var index$1 = require('./index-c0a90ee6.js');
+var Locale = require('./Locale-5e92eeb8.js');
+require('./index-72c7a23f.js');
+require('./index-c6272c6f.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsDomainLocales.js');

package/build/miscScreenSizeContext.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var throttle = require('lodash/throttle');
-var utils = require('./utils-7bc80898.js');
+var utils = require('./utils-e5b6fd8d.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/mobileBottomNavigation.js

@@ -2,16 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-acd80713.js');
+var tslib_es6 = require('./tslib.es6-ac9de441.js');
 var React = require('react');
-var mobileBottomNavigationIcon = require('./MobileBottomNavigationIcon-e9b8b1f3.js');
-require('./index-caaf6cac.js');
+var mobileBottomNavigationIcon = require('./MobileBottomNavigationIcon-798bb91c.js');
+require('./index-2f80f215.js');
 require('@mantine/core');
-require('./text-92a095cb.js');
+require('./index-e9a11463.js');
 require('./miscTheme.js');
 require('@emotion/react');
 require('@emotion/styled');
-require('./utils-7bc80898.js');
+require('./utils-e5b6fd8d.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/mobileBottomNavigationIcon.js

@@ -2,16 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-acd80713.js');
+require('./tslib.es6-ac9de441.js');
 require('react');
-require('./index-caaf6cac.js');
+require('./index-2f80f215.js');
 require('./miscTheme.js');
-var mobileBottomNavigationIcon = require('./MobileBottomNavigationIcon-e9b8b1f3.js');
+var mobileBottomNavigationIcon = require('./MobileBottomNavigationIcon-798bb91c.js');
 require('@mantine/core');
-require('./text-92a095cb.js');
+require('./index-e9a11463.js');
 require('@emotion/react');
 require('@emotion/styled');
-require('./utils-7bc80898.js');
+require('./utils-e5b6fd8d.js');