@hhgtech/hhg-components 1.29.561 → 1.29.562-beta-2

package/build/lead.js

@@ -2,56 +2,55 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-35cbaf72.js');
+var tslib_es6 = require('./tslib.es6-fec013e0.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-8b32681f.js');
+var index = require('./index-97222bbe.js');
 var miscCookieHelper = require('./miscCookieHelper.js');
-var translationsProvider = require('./translationsProvider-435dce3f.js');
-var index$1 = require('./index-eca83676.js');
-var translationsContext = require('./translationsContext-cad47fd1.js');
-var utils$1 = require('./utils-359b81fc.js');
-var index$2 = require('./index-daaa9230.js');
-var index$3 = require('./index-5fa6653c.js');
-var index$5 = require('./index-8a68e49d.js');
-var index$4 = require('./index-a20ebc96.js');
-var index$9 = require('./index-f62b3094.js');
-require('./index.styles-87eb3fe8.js');
+var translationsProvider = require('./translationsProvider-9607b369.js');
+var index$1 = require('./index-3e4aa2d0.js');
+var translationsContext = require('./translationsContext-6694f20b.js');
+var utils$1 = require('./utils-8b08a9b7.js');
+var index$2 = require('./index-ccd48f47.js');
+var index$3 = require('./index-7cbcc809.js');
+var index$5 = require('./index-b4a15a12.js');
+var index$4 = require('./index-911c4edc.js');
+var index$a = require('./index-8da4fe47.js');
+require('./index.styles-bb4594b2.js');
 var hooks = require('@mantine/hooks');
-require('./index-ff5944e0.js');
-require('./index-6658bec9.js');
-var utils = require('./utils-4b40b95a.js');
+require('./index-0553edfc.js');
+require('./index-36845fc5.js');
+var utils = require('./utils-ab0a4b00.js');
 var dates = require('@mantine/dates');
-var index$7 = require('./index-101fb594.js');
-var index$c = require('./index-126d4987.js');
-require('./index-e41a4a0a.js');
-var usePlacesAutocomplete = require('./usePlacesAutocomplete-f146aa40.js');
-var index$6 = require('./index-4ef62998.js');
-var Locale = require('./Locale-a27b0002.js');
+var index$8 = require('./index-3cecaff4.js');
+var index$7 = require('./index-c889e1da.js');
+require('./index-af31fe89.js');
+var usePlacesAutocomplete = require('./usePlacesAutocomplete-8031ee6d.js');
+var index$6 = require('./index-6bfd95ef.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 utils$2 = require('./utils-503a1263.js');
-var index$8 = require('./index-de219389.js');
-var togetherComponentGlobalContext = require('./utils-adc403b3.js');
-var index$a = require('./index-8754e755.js');
-var index$b = require('./index-c8d79f1a.js');
-var index$d = require('./index-404b599e.js');
+var utils$2 = require('./utils-68e3e87b.js');
+var index$9 = require('./index-e8d011da.js');
+var togetherComponentGlobalContext = require('./utils-bf6130a9.js');
+var index$b = require('./index-161d82af.js');
+var index$c = require('./index-7da56ffe.js');
+var index$d = require('./index-c2d3c179.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-6bfadd8c.js');
+var InputDate = require('./InputDate-853f1124.js');
 var carousel = require('@mantine/carousel');
-var utils$3 = require('./utils-d450c4c2.js');
-var index$e = require('./index-b49945c3.js');
+var utils$3 = require('./utils-861f3697.js');
+var index$e = require('./index-03a1d8ed.js');
 require('./constantsIsProduction.js');
-require('./routing-9f9948ae.js');
+require('./routing-7a0fb6cf.js');
 require('./i18n-values/en-PH.js');
 require('./i18n-values/hi-IN.js');
 require('./i18n-values/id-ID.js');
@@ -65,22 +64,22 @@ require('./i18n-values/vi-VN_MB.js');
 require('./i18n-values/zh-SG.js');
 require('./i18n-values/zh-TW.js');
 require('@hhgtech/icons/other');
-require('./shared-25ba724c.js');
+require('./shared-8161dabc.js');
 require('classnames');
-require('./useUniqueId-6a2c3b11.js');
+require('./useUniqueId-8db9382f.js');
 require('./constantsSite.js');
 require('@emotion/react');
 require('@mantine/notifications');
 require('date-fns/locale');
 require('./constantsRiskScreener.js');
-require('./constants-c19596c0.js');
+require('./constants-55371568.js');
 require('string-format');
-require('./constants-ba617a45.js');
-require('./index-ca53ad82.js');
+require('./constants-d47d09cf.js');
+require('./index-74dcc32a.js');
 require('js-cookie');
 require('slugify');
 require('./togetherApiPaths.js');
-require('./constants-4d0dc9cf.js');
+require('./constants-1c9b23e6.js');
 require('vaul');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -2110,7 +2109,7 @@ const LeadGenContextProvider = (props) => {
         buttonColor: '',
     });
     const locale = React.useMemo(() => {
-        return localeProps || Locale.LOCALE['PhilippinesEnglish'];
+        return localeProps || index$7.LOCALE['PhilippinesEnglish'];
     }, [localeProps]);
     const { url, campaign_id, cookie_id, ga_client_id, category_list, article_id, article_title, } = React.useMemo(() => ({
         url: location.href.toLowerCase() || '',
@@ -2244,7 +2243,7 @@ const LeadGenContextProvider = (props) => {
                     name: '',
                     code: '49qvztwzzlfvmk6',
                     site: {
-                        id: index$7.LOCALE_SPECS[locale].SITE_ID || 1,
+                        id: index$8.LOCALE_SPECS[locale].SITE_ID || 1,
                         name: constantsDomainLocales.domainLocales[locale],
                     },
                     thank_you_image: 'https://cdn-lead.hellohealthgroup.com/2025/05/1747009374_68213f5e5fa5a9.58533462.png',
@@ -2893,7 +2892,7 @@ const GoogleLocationBlock = (props) => {
     }, []);
     return (React__default["default"].createElement(core.Autocomplete, Object.assign({ defaultValue: defaultValue, value: value, onChange: onChangeAutocomplete, data: predictions.map((pred) => {
             return { value: pred.description, label: pred.description };
-        }), filter: () => true, onItemSubmit: onClickItem, inputWrapperOrder: inputWrapperOrder, zIndex: index$7.ZINDEX_SSO - 9e6 + 2, withinPortal: true, styles: { dropdown: { pointerEvents: 'auto' } }, inputContainer: (children) => {
+        }), filter: () => true, onItemSubmit: onClickItem, inputWrapperOrder: inputWrapperOrder, zIndex: index$8.ZINDEX_SSO - 9e6 + 2, withinPortal: true, styles: { dropdown: { pointerEvents: 'auto' } }, inputContainer: (children) => {
             return (React__default["default"].createElement(React__default["default"].Fragment, null,
                 LoadScript && (React__default["default"].createElement(LoadScript, { googleMapsApiKey: usePlacesAutocomplete.GOOGLE_API_KEY, libraries: libraries, loadingElement: React__default["default"].createElement(React__default["default"].Fragment, null), style: { width: '100%' } })),
                 children));
@@ -2926,7 +2925,7 @@ const LeadGenForm = React.forwardRef((props, ref) => {
     const { locale, blocks, scrollToErrorField = true, form: formProps, rules: validate, initialValues, onFinish, onFinishFailed, className, style, } = props;
     const formRef = React.useRef(null);
     const form$1 = formProps || form.useForm({ initialValues, validate });
-    const { classes } = index$8.useTextStyles();
+    const { classes } = index$9.useTextStyles();
     const middlewareFinish = React.useCallback((values, event) => {
         /** Set `touched` all values for validation when submiting */
         form$1.setTouched(blocks.reduce((touched, { data }) => {
@@ -2982,22 +2981,22 @@ const LeadGenForm = React.forwardRef((props, ref) => {
             const reactKey = `${id}-${idx}`;
             switch (blockName) {
                 case LEADGEN_BLOCK.TextBlock: {
-                    return (React__default["default"].createElement(index$8.TextField, { key: reactKey, shrink: !!value, className: "leadgen-form_input" },
-                        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 },
+                    return (React__default["default"].createElement(index$9.TextField, { key: reactKey, shrink: !!value, className: "leadgen-form_input" },
+                        React__default["default"].createElement(index$9.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({}, index$9.GlobalTextStyleNew(theme)[index$9.CustomStylesType.LEADGEN].p2), { color: theme.colors.gray[9], fontWeight: index$9.FontWeight.halfBold }),
+                                input: Object.assign(Object.assign({}, index$a.GlobalTextStyleNew(theme)[index$a.CustomStylesType.LEADGEN].p2), { color: theme.colors.gray[9], fontWeight: index$a.FontWeight.halfBold }),
                             }) }))))));
                 }
                 case LEADGEN_BLOCK.NumberBlock: {
-                    return (React__default["default"].createElement(index$8.TextField, { key: reactKey, shrink: !!value, className: "leadgen-form_input" },
-                        React__default["default"].createElement(index$8.TextField.Control, null, (shrink) => (React__default["default"].createElement(core.NumberInput, Object.assign({ name: value, 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: "number", "data-control": "number" }, formInputProps, { error: error && (React__default["default"].createElement(core.Flex, { align: 'center', gap: 4 },
+                    return (React__default["default"].createElement(index$9.TextField, { key: reactKey, shrink: !!value, className: "leadgen-form_input" },
+                        React__default["default"].createElement(index$9.TextField.Control, null, (shrink) => (React__default["default"].createElement(core.NumberInput, Object.assign({ name: value, 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: "number", "data-control": "number" }, 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))) }))))));
                 }
                 case LEADGEN_BLOCK.EmailBlock: {
-                    return (React__default["default"].createElement(index$8.TextField, { key: reactKey, shrink: !!value, className: "leadgen-form_input" },
-                        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, "data-control": "email" }, formInputProps, { error: error && (React__default["default"].createElement(core.Flex, { align: 'center', gap: 4 },
+                    return (React__default["default"].createElement(index$9.TextField, { key: reactKey, shrink: !!value, className: "leadgen-form_input" },
+                        React__default["default"].createElement(index$9.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, "data-control": "email" }, 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))) }))))));
                 }
@@ -3005,10 +3004,10 @@ const LeadGenForm = React.forwardRef((props, ref) => {
                 case LEADGEN_BLOCK.WhatsappOtpBlock:
                 case LEADGEN_BLOCK.ZaloOtpBlock:
                 case LEADGEN_BLOCK.PhoneBlock: {
-                    return (React__default["default"].createElement(index$8.TextField, { key: reactKey, shrink: !!value, className: core.clsx('leadgen-form_input', {
+                    return (React__default["default"].createElement(index$9.TextField, { key: reactKey, shrink: !!value, className: core.clsx('leadgen-form_input', {
                             'leadgen-form_field_error': !!error,
                         }) },
-                        React__default["default"].createElement(index$8.TextField.Control, null, ({ shrink }) => (React__default["default"].createElement(core.Input.Wrapper, { withAsterisk: required, "data-invalid": !!error, label: React__default["default"].createElement(index$2.Text, { size: shrink ? 'p3' : 'p2', variant: "secondary", weight: "halfBold" }, label), inputWrapperOrder: [
+                        React__default["default"].createElement(index$9.TextField.Control, null, ({ shrink }) => (React__default["default"].createElement(core.Input.Wrapper, { withAsterisk: required, "data-invalid": !!error, label: React__default["default"].createElement(index$2.Text, { size: shrink ? 'p3' : 'p2', variant: "secondary", weight: "halfBold" }, label), inputWrapperOrder: [
                                 'label',
                                 'input',
                                 'description',
@@ -3017,24 +3016,24 @@ 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({}, index$9.GlobalTextStyleNew(theme)[index$9.CustomStylesType.LEADGEN].p2), { color: theme.colors.gray[9], fontWeight: index$9.FontWeight.halfBold }),
+                                    '.PhoneInput .PhoneInputInput': Object.assign(Object.assign({}, index$a.GlobalTextStyleNew(theme)[index$a.CustomStylesType.LEADGEN].p2), { color: theme.colors.gray[9], fontWeight: index$a.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'
                                         : 'VN'), type: "text", "data-control": "tel" }, formInputProps))))))));
                 }
                 case LEADGEN_BLOCK.LocationBlock: {
-                    return (React__default["default"].createElement(index$8.TextField, { key: reactKey, shrink: !!value, className: "leadgen-form_input" },
+                    return (React__default["default"].createElement(index$9.TextField, { key: reactKey, shrink: !!value, className: "leadgen-form_input" },
                         React__default["default"].createElement(GoogleLocationBlock, Object.assign({ name: name, withAsterisk: required, label: label, placeholder: " ", inputWrapperOrder: LEADGEN_ORDER_INPUT_WRAPPER, locale: locale, "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))) }))));
                 }
                 case LEADGEN_BLOCK.DateBlock: {
-                    return (React__default["default"].createElement(index$8.TextField, { key: reactKey, shrink: !!value, className: "leadgen-form_input" },
+                    return (React__default["default"].createElement(index$9.TextField, { key: reactKey, shrink: !!value, className: "leadgen-form_input" },
                         React__default["default"].createElement(dates.DateInput, Object.assign({ locale: (utils.MAPPED_LOCALE === null || utils.MAPPED_LOCALE === void 0 ? void 0 : utils.MAPPED_LOCALE[locale]) || utils.MAPPED_LOCALE['vi-VN'], valueFormat: "DD/MM/YYYY", name: name, withAsterisk: required, label: label, placeholder: " ", inputWrapperOrder: LEADGEN_ORDER_INPUT_WRAPPER, type: "default", "data-control": "date" }, formInputProps))));
                 }
                 case LEADGEN_BLOCK.DropdownBlock:
-                    return (React__default["default"].createElement(index$8.TextField, { key: reactKey, shrink: !!value, className: "leadgen-form_input" },
+                    return (React__default["default"].createElement(index$9.TextField, { key: reactKey, shrink: !!value, className: "leadgen-form_input" },
                         React__default["default"].createElement("div", { style: { display: 'none' }, "data-extra": true, "data-name": value, "data-control": 'dropdown' }),
                         React__default["default"].createElement(core.Select, Object.assign({ name: name, withAsterisk: required, label: label, placeholder: " ", searchable: true, data: listQuestion.map((l) => ({
                                 value: l.value,
@@ -3065,7 +3064,7 @@ const LeadGenForm = React.forwardRef((props, ref) => {
                     const formInputCheckboxProps = form$1.getInputProps(name, {
                         type: 'checkbox',
                     });
-                    return (React__default["default"].createElement(index$8.ChoiceField, { className: "leadgen-form_input leadgen-form_input_checkbox", key: reactKey },
+                    return (React__default["default"].createElement(index$9.ChoiceField, { className: "leadgen-form_input leadgen-form_input_checkbox", key: reactKey },
                         isSendMailChimp && (React__default["default"].createElement("div", { style: { display: 'none' }, "data-name": name + '-mailchimp' })),
                         React__default["default"].createElement(core.Checkbox.Group, Object.assign({ size: "md", withAsterisk: required, label: label, value: value, sx: {
                                 display: 'flex',
@@ -3077,14 +3076,14 @@ const LeadGenForm = React.forwardRef((props, ref) => {
                             } }, formInputCheckboxProps), listQuestion.map((l, _idx) => (React__default["default"].createElement(core.Checkbox, { name: name, key: _idx, value: l.value, label: l.placeholder, "data-control": "checkbox" }))))));
                 }
                 case LEADGEN_BLOCK.RadioBlock: {
-                    return (React__default["default"].createElement(index$8.ChoiceField, { className: "leadgen-form_input leadgen-form_input_checkbox", key: reactKey },
+                    return (React__default["default"].createElement(index$9.ChoiceField, { className: "leadgen-form_input leadgen-form_input_checkbox", key: reactKey },
                         isSendMailChimp && (React__default["default"].createElement("div", { style: { display: 'none' }, "data-name": name + '-mailchimp' })),
                         React__default["default"].createElement(core.Radio.Group, Object.assign({ size: "md", withAsterisk: required, label: label, value: value, spellCheck: true, inputWrapperOrder: LEADGEN_ORDER_INPUT_WRAPPER, inputContainer: (children) => {
                                 return (React__default["default"].createElement("div", { className: "leadgen-choiceContainer" }, children));
                             } }, formInputProps), listQuestion.map((l, _index) => (React__default["default"].createElement(core.Radio, { name: name, key: _index, value: l.value, label: l.placeholder, "data-control": "radio" }))))));
                 }
                 case LEADGEN_BLOCK.TncBlock:
-                    return (React__default["default"].createElement(index$8.ChoiceField, { className: "leadgen-form_input leadgen-form_input_checkbox", key: reactKey },
+                    return (React__default["default"].createElement(index$9.ChoiceField, { className: "leadgen-form_input leadgen-form_input_checkbox", key: reactKey },
                         React__default["default"].createElement(core.Input.Wrapper, { error: error },
                             React__default["default"].createElement(core.Checkbox, Object.assign({ value: value, name: 'TNC-' + id, label: React__default["default"].createElement("p", { className: "lead-modal__tnc-link", dangerouslySetInnerHTML: { __html: valueHTML } }), className: "tnc-block", "data-control": "checkbox" }, formInputProps)))));
                 default: {
@@ -3268,13 +3267,13 @@ const Container = () => {
     return subscriptionTitle ? (React__default["default"].createElement(LeadGenSubscriptionBox$1, { locale: locale, siteId: siteId, siteDomain: siteDomain, userInfo: userInfo, forceCampaign: forceCampaign, campaign_code: campaign_code })) : null;
 };
 Container.displayName = 'LeadGenSubscriptionBox';
-const ALLOW_LOCALE = [Locale.LOCALE.Vietnam, Locale.LOCALE.Malaysia, Locale.LOCALE.Indonesia];
+const ALLOW_LOCALE = [index$7.LOCALE.Vietnam, index$7.LOCALE.Malaysia, index$7.LOCALE.Indonesia];
 const LeadGenSubscriptionBoxContainer = (props) => {
     const { apiUrl, apiSubotUrl, locale } = props;
     if (!ALLOW_LOCALE.includes(locale)) {
         return null;
     }
-    return (React__default["default"].createElement(index$a.MantineProvider, { locale: locale, customStyleType: index$9.CustomStylesType.LEADGEN },
+    return (React__default["default"].createElement(index$b.MantineProvider, { locale: locale, customStyleType: index$a.CustomStylesType.LEADGEN },
         React__default["default"].createElement(LeadGenTranslationProvider, { locale: locale },
             React__default["default"].createElement(LeadGenContextProvider, Object.assign({}, props, { apiLeadUrl: apiUrl, apiSubotUrl: apiSubotUrl }),
                 React__default["default"].createElement(Container, null)))));
@@ -3355,11 +3354,11 @@ const CenterTabLayout = ({ popupId, url, newTab, imageDestkop, imageMobile, onCl
                         });
                         window.open(url, newTab ? 'blank' : '_parent');
                     }) },
-                    index$b.isVideo(imageMobile) ? (React__default["default"].createElement("video", { loop: true, muted: true, autoPlay: true, className: "le-only-mobile" },
+                    index$c.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$b.isVideo(imageDestkop) ? (React__default["default"].createElement("video", { loop: true, muted: true, autoPlay: true, className: "le-only-desktop" },
+                    index$c.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}`,
                         } }))),
@@ -3890,7 +3889,7 @@ const StyledLeadGenLightBoxB = styled__default["default"].div `
 const StyledMotionContainer = styled__default["default"](framerMotion.motion.div) `
   position: fixed;
   inset: 0;
-  z-index: ${index$7.ZINDEX_SSO + 1};
+  z-index: ${index$8.ZINDEX_SSO + 1};
   background-color: #fff;
 `;
 
@@ -4143,9 +4142,9 @@ const LightboxFields = ({ listBlockAdded, popupId, locale, hasSubmitBtn, isSubmi
     const form = useLeadFormContext();
     const formValues = form.values;
     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
+        return ((index$8.ISO_FORMAT === null || index$8.ISO_FORMAT === void 0 ? void 0 : index$8.ISO_FORMAT[locale]) || index$8.ISO_FORMAT['vi-VN']).dateFormat
             .split('/')
-            .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); });
+            .map((key) => { var _a; return t((_a = index$7.COMMON_DATE_TRANSLATE_KEY === null || index$7.COMMON_DATE_TRANSLATE_KEY === void 0 ? void 0 : index$7.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;
@@ -4159,8 +4158,8 @@ const LightboxFields = ({ listBlockAdded, popupId, locale, hasSubmitBtn, isSubmi
             case 'SubtitleBlock':
                 return (React__default["default"].createElement(SubtitleBlock, { key: index, align: align }, value));
             case 'TextBlock':
-                return (React__default["default"].createElement(index$8.TextField, { key: index, shrink: !!formValue, className: "lead-modal__form-control leadgen-form_field" },
-                    React__default["default"].createElement(index$8.TextField.Control, null, ({ shrink }) => (React__default["default"].createElement(core.TextInput, Object.assign({ withAsterisk: required, spellCheck: false, type: "text", placeholder: " ", 
+                return (React__default["default"].createElement(index$9.TextField, { key: index, shrink: !!formValue, className: "lead-modal__form-control leadgen-form_field" },
+                    React__default["default"].createElement(index$9.TextField.Control, null, ({ shrink }) => (React__default["default"].createElement(core.TextInput, Object.assign({ withAsterisk: required, spellCheck: false, type: "text", placeholder: " ", 
                         // className="lead-modal__form-control leadgen-form_field"
                         // onChangeRaw={(e) => inputOnChange('text', e)}
                         label: React__default["default"].createElement(index$2.Text, { size: shrink ? 'p3' : 'p2', variant: "secondary", weight: "halfBold" }, label), "data-control": "text", "data-lead-control": name, "data-is-required": required, inputWrapperOrder: [
@@ -4171,12 +4170,12 @@ 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({}, index$9.GlobalTextStyleNew(theme)[index$9.CustomStylesType.LEADGEN]
-                                .p2), { color: theme.colors.gray[9], fontWeight: index$9.FontWeight.halfBold }),
+                            input: Object.assign(Object.assign({}, index$a.GlobalTextStyleNew(theme)[index$a.CustomStylesType.LEADGEN]
+                                .p2), { color: theme.colors.gray[9], fontWeight: index$a.FontWeight.halfBold }),
                         }) }))))));
             case 'NumberBlock':
-                return (React__default["default"].createElement(index$8.TextField, { key: index, shrink: !!formValue, className: "lead-modal__form-control leadgen-form_field" },
-                    React__default["default"].createElement(index$8.TextField.Control, null, ({ shrink }) => (React__default["default"].createElement(core.NumberInput, Object.assign({ withAsterisk: required, spellCheck: false, type: "number", placeholder: " ", 
+                return (React__default["default"].createElement(index$9.TextField, { key: index, shrink: !!formValue, className: "lead-modal__form-control leadgen-form_field" },
+                    React__default["default"].createElement(index$9.TextField.Control, null, ({ shrink }) => (React__default["default"].createElement(core.NumberInput, Object.assign({ withAsterisk: required, spellCheck: false, type: "number", placeholder: " ", 
                         // className="lead-modal__form-control leadgen-form_field"
                         // onChange={(e) => inputOnChange('number', e)}
                         label: React__default["default"].createElement(index$2.Text, { size: shrink ? 'p3' : 'p2', variant: "secondary", weight: "halfBold" }, label), "data-control": "number", "data-lead-control": name, "data-is-required": required, name: value, inputWrapperOrder: [
@@ -4187,12 +4186,12 @@ 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({}, index$9.GlobalTextStyleNew(theme)[index$9.CustomStylesType.LEADGEN]
-                                .p2), { color: theme.colors.gray[9], fontWeight: index$9.FontWeight.halfBold }),
+                            input: Object.assign(Object.assign({}, index$a.GlobalTextStyleNew(theme)[index$a.CustomStylesType.LEADGEN]
+                                .p2), { color: theme.colors.gray[9], fontWeight: index$a.FontWeight.halfBold }),
                         }) }))))));
             case 'EmailBlock':
-                return (React__default["default"].createElement(index$8.TextField, { key: index, shrink: !!formValue, className: "lead-modal__form-control leadgen-form_field" },
-                    React__default["default"].createElement(index$8.TextField.Control, null, ({ shrink }) => (React__default["default"].createElement(core.TextInput, Object.assign({ withAsterisk: required, spellCheck: false, 
+                return (React__default["default"].createElement(index$9.TextField, { key: index, shrink: !!formValue, className: "lead-modal__form-control leadgen-form_field" },
+                    React__default["default"].createElement(index$9.TextField.Control, null, ({ shrink }) => (React__default["default"].createElement(core.TextInput, Object.assign({ withAsterisk: required, spellCheck: false, 
                         // type="email"
                         placeholder: " ", 
                         // className="lead-modal__form-control leadgen-form_field"
@@ -4204,8 +4203,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({}, index$9.GlobalTextStyleNew(theme)[index$9.CustomStylesType.LEADGEN]
-                                .p2), { color: theme.colors.gray[9], fontWeight: index$9.FontWeight.halfBold }),
+                            input: Object.assign(Object.assign({}, index$a.GlobalTextStyleNew(theme)[index$a.CustomStylesType.LEADGEN]
+                                .p2), { color: theme.colors.gray[9], fontWeight: index$a.FontWeight.halfBold }),
                         }) }))))));
             case 'PhoneOtpBlock':
             case 'WhatsappOtpBlock':
@@ -4213,10 +4212,10 @@ const LightboxFields = ({ listBlockAdded, popupId, locale, hasSubmitBtn, isSubmi
             case 'PhoneBlock': {
                 const htmlForId = popupId + '-' + value + '-' + index;
                 const _b = form.getInputProps(value), { error } = _b, formPhoneInputWrapper = tslib_es6.__rest(_b, ["error"]);
-                return (React__default["default"].createElement(index$8.TextField, { key: index, shrink: !!formValue, className: core.clsx('lead-modal__form-control leadgen-form_field', {
+                return (React__default["default"].createElement(index$9.TextField, { key: index, shrink: !!formValue, className: core.clsx('lead-modal__form-control leadgen-form_field', {
                         'leadgen-form_field_error': !!error,
                     }) },
-                    React__default["default"].createElement(index$8.TextField.Control, null, ({ shrink }) => (React__default["default"].createElement(core.Input.Wrapper, { size: "md", withAsterisk: required, label: React__default["default"].createElement(index$2.Text, { size: shrink ? 'p3' : 'p2', variant: "secondary", weight: "halfBold" }, label), "data-invalid": !!error, labelProps: { htmlFor: htmlForId }, inputWrapperOrder: [
+                    React__default["default"].createElement(index$9.TextField.Control, null, ({ shrink }) => (React__default["default"].createElement(core.Input.Wrapper, { size: "md", withAsterisk: required, label: React__default["default"].createElement(index$2.Text, { size: shrink ? 'p3' : 'p2', variant: "secondary", weight: "halfBold" }, label), "data-invalid": !!error, labelProps: { htmlFor: htmlForId }, inputWrapperOrder: [
                             'label',
                             'input',
                             'description',
@@ -4225,7 +4224,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({}, index$9.GlobalTextStyleNew(theme)[index$9.CustomStylesType.LEADGEN].p2), { color: theme.colors.gray[9], fontWeight: index$9.FontWeight.halfBold }),
+                                '.PhoneInput .PhoneInputInput': Object.assign(Object.assign({}, index$a.GlobalTextStyleNew(theme)[index$a.CustomStylesType.LEADGEN].p2), { color: theme.colors.gray[9], fontWeight: index$a.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)}
@@ -4234,8 +4233,8 @@ const LightboxFields = ({ listBlockAdded, popupId, locale, hasSubmitBtn, isSubmi
                                     : 'VN'), "data-control": "tel", "data-lead-control": name, "data-is-required": required }, formPhoneInputWrapper))))))));
             }
             case 'LocationBlock': {
-                return (React__default["default"].createElement(index$8.TextField, { key: index, shrink: !!formValue, className: "lead-modal__form-control leadgen-form_field" },
-                    React__default["default"].createElement(index$8.TextField.Control, null, ({ shrink, hasIcon }) => (React__default["default"].createElement(GoogleLocationBlock, Object.assign({ withAsterisk: required, name: value, placeholder: " ", label: React__default["default"].createElement(index$2.Text, { size: shrink ? 'p3' : 'p2', variant: "secondary", weight: "halfBold" }, label), "data-control": "text", "data-lead-control": name, "data-is-required": required, locale: locale, inputWrapperOrder: [
+                return (React__default["default"].createElement(index$9.TextField, { key: index, shrink: !!formValue, className: "lead-modal__form-control leadgen-form_field" },
+                    React__default["default"].createElement(index$9.TextField.Control, null, ({ shrink, hasIcon }) => (React__default["default"].createElement(GoogleLocationBlock, Object.assign({ withAsterisk: required, name: value, placeholder: " ", label: React__default["default"].createElement(index$2.Text, { size: shrink ? 'p3' : 'p2', variant: "secondary", weight: "halfBold" }, label), "data-control": "text", "data-lead-control": name, "data-is-required": required, locale: locale, inputWrapperOrder: [
                             'label',
                             'input',
                             'description',
@@ -4243,12 +4242,12 @@ 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({}, index$9.GlobalTextStyleNew(theme)[index$9.CustomStylesType.LEADGEN]
-                                .p2), { color: theme.colors.gray[9], fontWeight: index$9.FontWeight.halfBold }), (hasIcon && {
+                            input: Object.assign(Object.assign(Object.assign({}, index$a.GlobalTextStyleNew(theme)[index$a.CustomStylesType.LEADGEN]
+                                .p2), { color: theme.colors.gray[9], fontWeight: index$a.FontWeight.halfBold }), (hasIcon && {
                                 paddingRight: `${core.rem(28)} !important`,
                             })),
                         }) })))),
-                    React__default["default"].createElement(index$8.TextField.Icon, { Icon: core$1.MapPin })));
+                    React__default["default"].createElement(index$9.TextField.Icon, { Icon: core$1.MapPin })));
             }
             case 'DateBlock': {
                 const _c = form.getInputProps(value), { error } = _c, formInputProps = tslib_es6.__rest(_c, ["error"]);
@@ -4274,7 +4273,7 @@ const LightboxFields = ({ listBlockAdded, popupId, locale, hasSubmitBtn, isSubmi
                             }
                         } }), value)));
             case 'CheckboxBlock':
-                return (React__default["default"].createElement(index$8.ChoiceField, { className: "leadgen-form_checkbox", key: index },
+                return (React__default["default"].createElement(index$9.ChoiceField, { className: "leadgen-form_checkbox", key: index },
                     isSendMailChimp && (React__default["default"].createElement("div", { style: {
                             display: 'none',
                         }, "data-name": value + '-mailchimp' })),
@@ -4291,7 +4290,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]))) }), listQuestion.map((l, _index) => (React__default["default"].createElement(index$3.Checkbox, { name: value, key: _index, value: l.value, label: React__default["default"].createElement(index$2.Text, { size: "p2", variant: "primary" }, l.placeholder), "data-control": "checkbox", "data-lead-control": name, "data-is-required": required }))))));
             case 'RadioBlock':
-                return (React__default["default"].createElement(index$8.ChoiceField, { className: "leadgen-form_radio", key: index },
+                return (React__default["default"].createElement(index$9.ChoiceField, { className: "leadgen-form_radio", key: index },
                     isSendMailChimp && (React__default["default"].createElement(core.Input, { type: "hidden", name: value + '-mailchimp', value: isSendMailChimp })),
                     React__default["default"].createElement(index$3.Radio.Group, Object.assign({ withAsterisk: required, 
                         // className="lead-modal__form-control leadgen-form_field"
@@ -4301,8 +4300,8 @@ 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]))) }), listQuestion.map((l, _index) => (React__default["default"].createElement(index$3.Radio, { name: value, key: _index, value: l.value, label: React__default["default"].createElement(index$2.Text, { size: "p2", variant: "primary" }, l.placeholder), "data-control": "radio", "data-lead-control": name, "data-is-required": required }))))));
             case 'DropdownBlock':
-                return (React__default["default"].createElement(index$8.TextField, { shrink: !!formValue, className: "lead-modal__form-control leadgen-form_field DropdownBlock", key: index },
-                    React__default["default"].createElement(index$8.TextField.Control, null, ({ shrink }) => (React__default["default"].createElement(React__default["default"].Fragment, null,
+                return (React__default["default"].createElement(index$9.TextField, { shrink: !!formValue, className: "lead-modal__form-control leadgen-form_field DropdownBlock", key: index },
+                    React__default["default"].createElement(index$9.TextField.Control, null, ({ shrink }) => (React__default["default"].createElement(React__default["default"].Fragment, null,
                         React__default["default"].createElement("div", { style: { display: 'none' }, "data-extra": true, "data-name": value, "data-control": 'dropdown', "data-lead-control": name, "data-is-required": required }),
                         React__default["default"].createElement(index$3.Select
                         // className="lead-modal__form-control leadgen-form_field"
@@ -4311,9 +4310,9 @@ const LightboxFields = ({ listBlockAdded, popupId, locale, hasSubmitBtn, isSubmi
                             label: React__default["default"].createElement(index$2.Text, { size: shrink ? 'p3' : 'p2', variant: "secondary", weight: "halfBold" }, label), placeholder: " ", searchable: true, withAsterisk: required, name: value, data: listQuestion.map((l) => ({
                                 value: l.value,
                                 label: l.placeholder,
-                            })), nothingFound: React__default["default"].createElement(NoData, null), rightSection: React__default["default"].createElement(index$8.TextField.Icon, { Icon: arrow.ChevronDown }), styles: (theme) => ({
+                            })), nothingFound: React__default["default"].createElement(NoData, null), rightSection: React__default["default"].createElement(index$9.TextField.Icon, { Icon: arrow.ChevronDown }), styles: (theme) => ({
                                 wrapper: {
-                                    input: Object.assign(Object.assign({}, index$9.GlobalTextStyleNew(theme)[index$9.CustomStylesType.LEADGEN].p2), { color: theme.colors.gray[9], fontWeight: index$9.FontWeight.halfBold }),
+                                    input: Object.assign(Object.assign({}, index$a.GlobalTextStyleNew(theme)[index$a.CustomStylesType.LEADGEN].p2), { color: theme.colors.gray[9], fontWeight: index$a.FontWeight.halfBold }),
                                 },
                                 item: {
                                     paddingBlock: 12,
@@ -4340,7 +4339,7 @@ const LightboxFields = ({ listBlockAdded, popupId, locale, hasSubmitBtn, isSubmi
                                 React__default["default"].createElement(index$2.Text, { size: "c1", variant: "error" }, form.errors[value]))) })))))));
             case 'TncBlock':
                 const _d = form.getInputProps(`TNC-${id}`), { error } = _d, tncInputProps = tslib_es6.__rest(_d, ["error"]);
-                return (React__default["default"].createElement(index$8.ChoiceField, { className: "leadgen-form_checkbox", key: id },
+                return (React__default["default"].createElement(index$9.ChoiceField, { className: "leadgen-form_checkbox", key: id },
                     React__default["default"].createElement(core.Input.Wrapper, { 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))) },
@@ -4459,7 +4458,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$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" }))));
+    return (React__default["default"].createElement(StyleHeaderImage, { paddingTop: (1 / ratio) * 100, className: core.clsx(className, 'leadgen-header_image'), style: style }, index$c.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, }) => {
@@ -4877,7 +4876,7 @@ const LightboxLayout = ({ popupId, extraFields, onClose: onCloseProp, onOtherSub
         campaignId,
         campaign_subot_id,
         userInfo,
-        format: (_a = (index$7.ISO_FORMAT[locale] || index$7.ISO_FORMAT['vi-VN'])) === null || _a === void 0 ? void 0 : _a.dateFormat,
+        format: (_a = (index$8.ISO_FORMAT[locale] || index$8.ISO_FORMAT['vi-VN'])) === null || _a === void 0 ? void 0 : _a.dateFormat,
     });
     const popupContentRef = React.useRef(null);
     const isIos = isIOS();
@@ -5195,7 +5194,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$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" },
+    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$8.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',
@@ -5262,7 +5261,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$b.isVideo(imageMobile) ? (React__default["default"].createElement("video", { muted: true, autoPlay: true, loop: true },
+                    index$c.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}`,
@@ -5860,8 +5859,8 @@ const _LeadGen = ({ apiUrl: apiUrlProp, siteDomain, siteId, locale, primaryColor
             setRedirectUrl,
         } },
         React__default["default"].createElement(LeadGenTranslationProvider, { locale: locale, formatMessage: formatMessage },
-            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(index$b.MantineProvider, { locale: locale, customStyleType: index$a.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$8.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;
                         return (React__default["default"].createElement(core.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["default"].createElement(React__default["default"].Fragment, null,

package/build/{logoIcon-047e173f.js → logoIcon-3be71a59.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-e41a4a0a.js');
-var index$1 = require('./index-404b599e.js');
+var index = require('./index-af31fe89.js');
+var index$1 = require('./index-c2d3c179.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }