@hhgtech/hhg-components 1.29.346 → 1.29.347-beta-1

package/build/lead.js

@@ -2,47 +2,47 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-209e79d3.js');
+var tslib_es6 = require('./tslib.es6-527b4492.js');
 var React = require('react');
 var core = require('@mantine/core');
 var dayjs = require('dayjs');
 var debounce = require('lodash/debounce');
 var form = require('@mantine/form');
-var index = require('./index-fadcf4ec.js');
-var translationsContext = require('./translationsContext-261877a2.js');
+var index = require('./index-1bd3d8ec.js');
+var translationsContext = require('./translationsContext-231996a9.js');
 var miscCookieHelper = require('./miscCookieHelper.js');
-var utils$1 = require('./utils-1acdec37.js');
-var index$1 = require('./index-bfce4701.js');
-var index$2 = require('./index-46218e2f.js');
-var index$4 = require('./index-d40f9cb6.js');
-var utils = require('./utils-650f1209.js');
+var utils$1 = require('./utils-88da9bdf.js');
+var index$1 = require('./index-2add5ce9.js');
+var index$2 = require('./index-bd1401de.js');
+var index$4 = require('./index-006ecb35.js');
+var utils = require('./utils-a99e1808.js');
 require('@mantine/dates');
-var index$a = require('./index-1d6a4ede.js');
-require('./index-a230380f.js');
-var index$8 = require('./index-2d3e8204.js');
-require('./useMantineLocale-acf709ed.js');
-var index$5 = require('./index-8455b9b3.js');
-require('./index.styles-b24bfde8.js');
+var index$a = require('./index-4aeab49f.js');
+require('./index-9e1921ed.js');
+var index$8 = require('./index-6fad360a.js');
+require('./useMantineLocale-98648c73.js');
+var index$5 = require('./index-13769786.js');
+require('./index.styles-a3f8d5d9.js');
 var hooks = require('@mantine/hooks');
-require('./other-27b1034c.js');
-require('./index-299a392f.js');
-var usePlacesAutocomplete = require('./usePlacesAutocomplete-d7667250.js');
-var index$3 = require('./index-562304e9.js');
-var index$6 = require('./index-68261e25.js');
+require('./other-e94f2d68.js');
+require('./index-3304fbcd.js');
+var usePlacesAutocomplete = require('./usePlacesAutocomplete-2ee502e3.js');
+var index$3 = require('./index-77b6ca29.js');
+var index$6 = require('./index-153caff8.js');
 var uuid = require('uuid');
-var index$7 = require('./index-300657b0.js');
-var index$9 = require('./index-230aa9ea.js');
-var useScreenSize = require('./useScreenSize-44d45803.js');
+var index$7 = require('./index-67749b80.js');
+var index$9 = require('./index-3eaa82ab.js');
+var useScreenSize = require('./useScreenSize-b0f903da.js');
 var ReactDOM = require('react-dom');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var Close = require('./Close-425245da.js');
+var Close = require('./Close-75058cd0.js');
 require('@hhgtech/icons/other');
 require('@mantine/carousel');
-require('./Locale-68e660ad.js');
+require('./Locale-04d7b6e5.js');
 require('classnames');
-require('./useUniqueId-56185b11.js');
+require('./useUniqueId-c1615186.js');
 require('./constantsSite.js');
 require('@hhgtech/icons/core');
 require('date-fns/locale');
@@ -164,6 +164,51 @@ const LEAD_TIMEZONE_DATA = {
     9: 'Asia/Manila', // Philippines / Filipinos Site
 };
 
+const LEADGEN_LAYOUT = {
+    LightBoxA: 'LightBoxA',
+    LightBoxB: 'LightBoxB',
+    SkinA: 'SkinA',
+    SkinB: 'SkinB',
+    Floating: 'Floating',
+    Tab: 'Tab',
+    InlineA: 'InlineA',
+    InlineB: 'InlineB',
+    CenterTab: 'CenterTab',
+    Sidebar: 'Sidebar',
+    Fullscreen: 'Fullscreen',
+    Slider: 'Slider',
+};
+const LEADGEN_BLOCK = {
+    TextBlock: 'TextBlock',
+    NumberBlock: 'NumberBlock',
+    DateBlock: 'DateBlock',
+    EmailBlock: 'EmailBlock',
+    PhoneBlock: 'PhoneBlock',
+    PhoneOtpBlock: 'PhoneOtpBlock',
+    WhatsappOtpBlock: 'WhatsappOtpBlock',
+    ZaloOtpBlock: 'ZaloOtpBlock',
+    LocationBlock: 'LocationBlock',
+    LinkButtonBlock: 'LinkButtonBlock',
+    RadioBlock: 'RadioBlock',
+    DropdownBlock: 'DropdownBlock',
+    CheckboxBlock: 'CheckboxBlock',
+    TncBlock: 'TncBlock',
+};
+const LEADGEN_IS_FORM = [
+    'TextBlock',
+    'NumberBlock',
+    'DateBlock',
+    'EmailBlock',
+    'PhoneBlock',
+    'PhoneOtpBlock',
+    'WhatsappOtpBlock',
+    'ZaloOtpBlock',
+    'LocationBlock',
+    'RadioBlock',
+    'DropdownBlock',
+    'CheckboxBlock',
+    'TncBlock',
+];
 const SSO_MAP_LEAD = ['name', 'email', 'birthday', 'phone', 'gender'];
 const mappingSSOToLead = (userInfoProps) => {
     try {
@@ -1427,6 +1472,14 @@ const FloatingLayout = ({ popupId, url, title, urlText, titleAlign, subtitle, su
                     React__default["default"].createElement(CloseButton, { onClose: onClose, containerClassName: "close-button-top-right" }))))));
 };
 
+const EmptyIcon = (props) => {
+    const { className, style } = props;
+    return (React__default["default"].createElement("svg", { width: "160", height: "160", viewBox: "0 0 160 160", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, style: style },
+        React__default["default"].createElement("path", { d: "M79.9974 113.333C98.4069 113.333 113.331 98.4096 113.331 80.0001C113.331 61.5906 98.4069 46.6667 79.9974 46.6667C61.5879 46.6667 46.6641 61.5906 46.6641 80.0001C46.6641 98.4096 61.5879 113.333 79.9974 113.333Z", fill: "#F44D2C" }),
+        React__default["default"].createElement("path", { d: "M92.434 95.0004C91.7771 95.0004 91.1213 94.7499 90.6194 94.249L65.7521 69.3807C64.7493 68.3779 64.7493 66.7542 65.7521 65.7524C66.7549 64.7507 68.3786 64.7497 69.3804 65.7524L94.2487 90.6208C95.2515 91.6235 95.2515 93.2473 94.2487 94.249C93.7468 94.7499 93.0909 95.0004 92.434 95.0004Z", fill: "white" }),
+        React__default["default"].createElement("path", { d: "M67.5648 95C66.9079 95 66.252 94.7496 65.7501 94.2487C64.7474 93.2459 64.7474 91.6222 65.7501 90.6204L90.6185 65.7521C91.6212 64.7493 93.245 64.7493 94.2467 65.7521C95.2485 66.7549 95.2495 68.3786 94.2467 69.3804L69.3794 94.2487C68.8786 94.7496 68.2217 95 67.5648 95Z", fill: "white" })));
+};
+
 const ThankyouPopup = ({ title, titleAlign, subtitle, subtitleAlign, link, linkNewTab, linkText, image, }) => {
     const { width: imageWidth, height: imageHeight, loaded: imageLoaded, } = useImageSize(image);
     if (!imageLoaded)
@@ -2228,6 +2281,17 @@ const LightboxFields = ({ listBlockAdded, popupId, locale, onClose, onOtherSubmi
     })));
 };
 
+const HeaderImage = ({ src, className, style }) => {
+    if (!src) {
+        return null;
+    }
+    if (index$7.isVideo(src)) {
+        return (React__default["default"].createElement("video", { className: className, muted: true, autoPlay: true, loop: true, style: style },
+            React__default["default"].createElement("source", { src: src, type: "video/mp4" })));
+    }
+    return (React__default["default"].createElement("img", { src: src, draggable: "false", alt: "", className: className, style: style }));
+};
+
 const OtpBlock = ({ otpData, onSuccess, autoSendWhenOpen, }) => {
     const { t } = index.useTranslations();
     const phone = otpData.phone;
@@ -2353,19 +2417,17 @@ const OtpBlock = ({ otpData, onSuccess, autoSendWhenOpen, }) => {
             })))));
 };
 
-const EmptyIcon = (props) => {
-    const { className, style } = props;
-    return (React__default["default"].createElement("svg", { width: "160", height: "160", viewBox: "0 0 160 160", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, style: style },
-        React__default["default"].createElement("path", { d: "M79.9974 113.333C98.4069 113.333 113.331 98.4096 113.331 80.0001C113.331 61.5906 98.4069 46.6667 79.9974 46.6667C61.5879 46.6667 46.6641 61.5906 46.6641 80.0001C46.6641 98.4096 61.5879 113.333 79.9974 113.333Z", fill: "#F44D2C" }),
-        React__default["default"].createElement("path", { d: "M92.434 95.0004C91.7771 95.0004 91.1213 94.7499 90.6194 94.249L65.7521 69.3807C64.7493 68.3779 64.7493 66.7542 65.7521 65.7524C66.7549 64.7507 68.3786 64.7497 69.3804 65.7524L94.2487 90.6208C95.2515 91.6235 95.2515 93.2473 94.2487 94.249C93.7468 94.7499 93.0909 95.0004 92.434 95.0004Z", fill: "white" }),
-        React__default["default"].createElement("path", { d: "M67.5648 95C66.9079 95 66.252 94.7496 65.7501 94.2487C64.7474 93.2459 64.7474 91.6222 65.7501 90.6204L90.6185 65.7521C91.6212 64.7493 93.245 64.7493 94.2467 65.7521C95.2485 66.7549 95.2495 68.3786 94.2467 69.3804L69.3794 94.2487C68.8786 94.7496 68.2217 95 67.5648 95Z", fill: "white" })));
-};
-
 // url: imageBlocks.imageMobile.data.url
 // newTab: imageBlocks.imageMobile.data.newtab
 // image: campaignShow.image
 // imageDestkop: campaignShow.image_desktop
 const LEADGEN_LIMIT_LIGHTBOXB = 6;
+const LEADGEN_SHOW_HEADER = [
+    'LightBoxA',
+    'InlineA',
+    LEADGEN_LAYOUT.Sidebar,
+    LEADGEN_LAYOUT.Slider,
+];
 const LightboxLayout = ({ popupId, extraFields, onClose: onCloseProp, onOtherSubmit, imageMobile, imageDesktop, imageOverlayMobile, imageOverlayDesktop, imageBackground, currentLayout, title, onSubmit, showThankyou, campaignId, campaign_subot_id, locale, showEmpty, setShowEmpty, userInfo, }) => {
     var _a, _b, _c;
     const { t } = index.useTranslations();
@@ -2388,37 +2450,24 @@ const LightboxLayout = ({ popupId, extraFields, onClose: onCloseProp, onOtherSub
     const textBlocks = JSON.parse(extraFields.textBlocks);
     const popUpSubmitText = actionBlocks.submitBlock.data.value;
     const currentPath = location.pathname;
-    const isInPage = currentLayout.includes('Inline') || currentLayout === 'Sidebar';
-    const isSlider = currentLayout === 'Slider';
-    const isDrawer = currentLayout.includes('LightBoxB') && isMobile;
+    const isInPage = currentLayout.includes('Inline') || currentLayout === LEADGEN_LAYOUT.Sidebar;
+    const isSlider = currentLayout === LEADGEN_LAYOUT.Slider;
+    const isDrawer = currentLayout.includes(LEADGEN_LAYOUT.LightBoxB) && isMobile;
     const isLightBox = currentLayout.includes('LightBox');
-    const isSmallLightBoxB = currentLayout === 'LightBoxB' &&
+    const isSmallLightBoxB = currentLayout === LEADGEN_LAYOUT.LightBoxB &&
         listBlockAdded.length <= LEADGEN_LIMIT_LIGHTBOXB;
     const isShowHeader = showOtpPhone || !!imageMobile || !!imageDesktop;
-    const isFormSubmit = currentLayout === 'LightBoxA'
-        ? listBlockAdded.some((item) => [
-            'TextBlock',
-            'NumberBlock',
-            'DateBlock',
-            'EmailBlock',
-            'PhoneBlock',
-            'PhoneOtpBlock',
-            'WhatsappOtpBlock',
-            'ZaloOtpBlock',
-            'LocationBlock',
-            'RadioBlock',
-            'DropdownBlock',
-            'CheckboxBlock',
-            'TncBlock',
-        ].some((k) => k === (item === null || item === void 0 ? void 0 : item.name)))
+    const isFormSubmit = currentLayout === LEADGEN_LAYOUT.LightBoxA
+        ? listBlockAdded.some((item) => LEADGEN_IS_FORM.some((k) => k === (item === null || item === void 0 ? void 0 : item.name)))
         : true;
     if (window.innerWidth < 769 &&
-        ['Fullscreen', 'Slider'].includes(currentLayout)) {
+        [LEADGEN_LAYOUT.Fullscreen, LEADGEN_LAYOUT.Slider].includes(currentLayout)) {
         console.log('😎 Not show fullscreen, slider on mobile ');
         return null;
     }
     React.useEffect(() => {
-        if (currentLayout.includes('LightBox') || currentLayout == 'Fullscreen') {
+        if (currentLayout.includes('LightBox') ||
+            currentLayout == LEADGEN_LAYOUT.Fullscreen) {
             document.body.classList.add('noscroll');
         }
         if (!window.intlTelInputUtils) {
@@ -2452,9 +2501,9 @@ const LightboxLayout = ({ popupId, extraFields, onClose: onCloseProp, onOtherSub
                 if (Object.keys(form.errors).length)
                     return;
                 let newShowOtpPhone = null;
-                if (listBlockAdded.findIndex((x) => x.name === 'PhoneOtpBlock') > -1) {
+                if (listBlockAdded.findIndex((x) => x.name === LEADGEN_BLOCK.PhoneOtpBlock) > -1) {
                     // not submit yet, open otp
-                    const fieldName = (_b = (_a = listBlockAdded.find((x) => x.name === 'PhoneOtpBlock')) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.value;
+                    const fieldName = (_b = (_a = listBlockAdded.find((x) => x.name === LEADGEN_BLOCK.PhoneOtpBlock)) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.value;
                     if ((_c = v[fieldName]) === null || _c === void 0 ? void 0 : _c.startsWith('+')) {
                         newShowOtpPhone = {
                             phone: v[fieldName],
@@ -2462,9 +2511,9 @@ const LightboxLayout = ({ popupId, extraFields, onClose: onCloseProp, onOtherSub
                         };
                     }
                 }
-                if (listBlockAdded.findIndex((x) => x.name === 'WhatsappOtpBlock') > -1) {
+                if (listBlockAdded.findIndex((x) => x.name === LEADGEN_BLOCK.WhatsappOtpBlock) > -1) {
                     // not submit yet, open otp
-                    const fieldName = (_e = (_d = listBlockAdded.find((x) => x.name === 'WhatsappOtpBlock')) === null || _d === void 0 ? void 0 : _d.data) === null || _e === void 0 ? void 0 : _e.value;
+                    const fieldName = (_e = (_d = listBlockAdded.find((x) => x.name === LEADGEN_BLOCK.WhatsappOtpBlock)) === null || _d === void 0 ? void 0 : _d.data) === null || _e === void 0 ? void 0 : _e.value;
                     if ((_f = v[fieldName]) === null || _f === void 0 ? void 0 : _f.startsWith('+')) {
                         newShowOtpPhone = {
                             phone: v[fieldName],
@@ -2472,9 +2521,9 @@ const LightboxLayout = ({ popupId, extraFields, onClose: onCloseProp, onOtherSub
                         };
                     }
                 }
-                if (listBlockAdded.findIndex((x) => x.name === 'ZaloOtpBlock') > -1) {
+                if (listBlockAdded.findIndex((x) => x.name === LEADGEN_BLOCK.ZaloOtpBlock) > -1) {
                     // not submit yet, open otp
-                    const fieldName = (_h = (_g = listBlockAdded.find((x) => x.name === 'ZaloOtpBlock')) === null || _g === void 0 ? void 0 : _g.data) === null || _h === void 0 ? void 0 : _h.value;
+                    const fieldName = (_h = (_g = listBlockAdded.find((x) => x.name === LEADGEN_BLOCK.ZaloOtpBlock)) === null || _g === void 0 ? void 0 : _g.data) === null || _h === void 0 ? void 0 : _h.value;
                     if ((_j = v[fieldName]) === null || _j === void 0 ? void 0 : _j.startsWith('+')) {
                         newShowOtpPhone = {
                             phone: v[fieldName],
@@ -2512,11 +2561,11 @@ const LightboxLayout = ({ popupId, extraFields, onClose: onCloseProp, onOtherSub
         }
     };
     const { width: imageBackgroundWidth, height: imageBackgroundHeight, loaded: imageBackgroundLoaded, } = useImageSize(imageBackground);
-    const { width: imageMobileWidth, height: imageMobileHeight, loaded: imageMobileLoaded, } = useImageSize(imageMobile);
-    const { width: imageDesktopWidth, height: imageDesktopHeight, loaded: imageDesktopLoaded, } = useImageSize(imageDesktop);
+    const { loaded: imageMobileLoaded } = useImageSize(imageMobile);
+    const { loaded: imageDesktopLoaded } = useImageSize(imageDesktop);
     const renderAfterImageSizes = imageMobileLoaded &&
         imageDesktopLoaded &&
-        (currentLayout == 'Fullscreen' ? imageBackgroundLoaded : true);
+        (currentLayout == LEADGEN_LAYOUT.Fullscreen ? imageBackgroundLoaded : true);
     const ButtonSubmit = !((_a = actionBlocks === null || actionBlocks === void 0 ? void 0 : actionBlocks.submitBlock) === null || _a === void 0 ? void 0 : _a.isHide) && (React__default["default"].createElement(core.Button, { size: "lg", id: "lead-submit", type: "submit", variant: "filled", className: core.clsx(`lead-modal__btn ${LEAD_CLASS}`, 'leadgen-btn leadgen-btn_action'), loading: isSubmitLoading }, popUpSubmitText));
     const LinkButtonBlock = listBlockAdded.filter(({ name }) => name == 'LinkButtonBlock');
     const ButtonLink = !!(LinkButtonBlock === null || LinkButtonBlock === void 0 ? void 0 : LinkButtonBlock.length) && (React__default["default"].createElement(React__default["default"].Fragment, null, LinkButtonBlock.map((item, index) => {
@@ -2533,19 +2582,9 @@ const LightboxLayout = ({ popupId, extraFields, onClose: onCloseProp, onOtherSub
             width: '100%',
             minHeight: '150px',
             backgroundColor: '#f2f2f2',
-        }, loading: "lazy" })) : (React__default["default"].createElement(React__default["default"].Fragment, null, ['LightBoxA', 'InlineA', 'Sidebar', 'Slider'].includes(currentLayout) ? (imageMobile ? (index$7.isVideo(imageMobile) ? (React__default["default"].createElement("video", { className: "lead-modal__image lead-modal-image-cover", muted: true, autoPlay: true, loop: true },
-        React__default["default"].createElement("source", { src: imageMobile, type: "video/mp4" }))) : (React__default["default"].createElement("img", { draggable: "false", className: "lead-modal__image lead-modal-image-cover", src: imageMobile, style: {
-            aspectRatio: `${imageMobileWidth}/${imageMobileHeight}`,
-        }, alt: "" }))) : null) : (React__default["default"].createElement(React__default["default"].Fragment, null,
-        imageDesktop ? (index$7.isVideo(imageDesktop) ? (React__default["default"].createElement("video", { className: "le-only-desktop lead-modal__image lead-modal-image-cover", muted: true, autoPlay: true, loop: true },
-            React__default["default"].createElement("source", { src: imageDesktop, type: "video/mp4" }))) : (React__default["default"].createElement("img", { draggable: "false", className: "le-only-desktop lead-modal__image lead-modal-image-cover", style: {
-                objectFit: 'cover',
-                aspectRatio: `${imageDesktopWidth}/${imageDesktopHeight}`,
-            }, src: imageDesktop, alt: "" }))) : null,
-        imageMobile ? (index$7.isVideo(imageMobile) ? (React__default["default"].createElement("video", { className: "le-only-mobile lead-modal__image lead-modal-image-cover", muted: true, autoPlay: true, loop: true },
-            React__default["default"].createElement("source", { src: imageMobile, type: "video/mp4" }))) : (React__default["default"].createElement("img", { draggable: "false", className: "le-only-mobile lead-modal__image lead-modal-image-cover", src: imageMobile, alt: "", style: {
-                aspectRatio: `${imageMobileWidth}/${imageMobileHeight}`,
-            } }))) : null))))));
+        }, loading: "lazy" })) : (React__default["default"].createElement(React__default["default"].Fragment, null, LEADGEN_SHOW_HEADER.includes(currentLayout) ? (React__default["default"].createElement(HeaderImage, { src: imageMobile, className: "lead-modal__image lead-modal-image-cover" })) : (React__default["default"].createElement(React__default["default"].Fragment, null,
+        React__default["default"].createElement(HeaderImage, { src: imageDesktop, className: "le-only-desktop lead-modal__image lead-modal-image-cover" }),
+        React__default["default"].createElement(HeaderImage, { src: imageMobile, className: "le-only-mobile lead-modal__image lead-modal-image-cover" })))))));
     const PopupEmpty = showEmpty && (React__default["default"].createElement("div", { className: "leadgen-empty" },
         React__default["default"].createElement("div", { className: "leadgen-empty_body" },
             React__default["default"].createElement("div", { className: "leadgen-empty_wrapper" },
@@ -2615,18 +2654,18 @@ const LightboxLayout = ({ popupId, extraFields, onClose: onCloseProp, onOtherSub
         React__default["default"].createElement("div", { className: "", style: { position: 'absolute', inset: 0, zIndex: snap === 1 ? -1 : 1 }, onClick: () => setSnap(1) }))) : (React__default["default"].createElement(React__default["default"].Fragment, null,
         React__default["default"].createElement("style", { dangerouslySetInnerHTML: { __html: styleOverlay } }),
         React__default["default"].createElement("div", { id: popupId, "data-popup-url": currentPath, "data-popup-type": "lightbox-inline", className: popupContainerClassName },
-            currentLayout == 'Fullscreen' ? (React__default["default"].createElement("img", { className: "le-only-desktop le-fullscreen-img", draggable: false, src: imageBackground || '', style: {
+            currentLayout == LEADGEN_LAYOUT.Fullscreen ? (React__default["default"].createElement("img", { className: "le-only-desktop le-fullscreen-img", draggable: false, src: imageBackground || '', style: {
                     aspectRatio: `${imageBackgroundWidth}/${imageBackgroundHeight}`,
                 } })) : null,
             PopupWrapper)));
     if (!renderAfterImageSizes)
         return null;
     if (currentLayout.includes('LightBox') ||
-        currentLayout == 'Fullscreen' ||
-        currentLayout == 'Slider') {
+        currentLayout == LEADGEN_LAYOUT.Fullscreen ||
+        currentLayout == LEADGEN_LAYOUT.Slider) {
         return PopupContainer;
     }
-    else if (currentLayout == 'Sidebar') {
+    else if (currentLayout == LEADGEN_LAYOUT.Sidebar) {
         return React__default["default"].createElement(SideBarLayout, { content: PopupContainer });
     }
     else if (currentLayout.includes('Inline')) {
@@ -3203,7 +3242,7 @@ const NewLeadPopup = ({ campaign, action, onSubmit, onClose, showThankyou, local
 };
 
 // mount css
-const _LeadGen = ({ apiUrl: apiUrlProp, siteDomain, siteId, locale, apiSubotUrl, DEBUG_URL, forceCampaign, children, extraPayloadValues = [], excludeExitRulesHandler, userInfo, }) => {
+const _LeadGen = ({ apiUrl: apiUrlProp, siteDomain, siteId, locale, apiSubotUrl, DEBUG_URL, forceCampaign, children, extraPayloadValues = [], excludeExitRulesHandler, userInfo, onClose: onCloseProps, }) => {
     var _a;
     const scrollEventHandlerRef = React.useRef();
     const leadStartTimeRef = React.useRef(Date.now());
@@ -3239,6 +3278,8 @@ const _LeadGen = ({ apiUrl: apiUrlProp, siteDomain, siteId, locale, apiSubotUrl,
         document.body.classList.remove('noscroll');
         setShowCampaign(null);
         setShowThankyou(null);
+        setAction('HIDE');
+        onCloseProps === null || onCloseProps === void 0 ? void 0 : onCloseProps();
     };
     const onClose = () => {
         var _a, _b;

package/build/{logoIcon-deeb80e4.js → logoIcon-99e85b40.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-2d3e8204.js');
-var useScreenSize = require('./useScreenSize-44d45803.js');
+var index = require('./index-6fad360a.js');
+var useScreenSize = require('./useScreenSize-b0f903da.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/mantine.js

@@ -2,43 +2,43 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-46218e2f.js');
-var index$1 = require('./index-d40f9cb6.js');
-var index$2 = require('./index-bfce4701.js');
-var index$3 = require('./index-8455b9b3.js');
-var index$4 = require('./index-5426d30d.js');
+var index = require('./index-bd1401de.js');
+var index$1 = require('./index-006ecb35.js');
+var index$2 = require('./index-2add5ce9.js');
+var index$3 = require('./index-13769786.js');
+var index$4 = require('./index-4d816356.js');
 var React = require('react');
-var index$5 = require('./index-ba7bc717.js');
-var tslib_es6 = require('./tslib.es6-209e79d3.js');
+var index$5 = require('./index-fd156d61.js');
+var tslib_es6 = require('./tslib.es6-527b4492.js');
 var core = require('@mantine/core');
 var miscTheme = require('./miscTheme.js');
-var index$6 = require('./index-f6cc5f29.js');
+var index$6 = require('./index-ab2876a0.js');
 var hooks = require('@mantine/hooks');
-var index$7 = require('./index-392cb67f.js');
-var useMantineLocale = require('./useMantineLocale-acf709ed.js');
-var other = require('./other-27b1034c.js');
-var index$8 = require('./index-299a392f.js');
+var index$7 = require('./index-b6ecdaef.js');
+var useMantineLocale = require('./useMantineLocale-98648c73.js');
+var other = require('./other-e94f2d68.js');
+var index$8 = require('./index-3304fbcd.js');
 require('@hhgtech/icons/other');
-require('./index-2d3e8204.js');
+require('./index-6fad360a.js');
 require('./constantsDomainLocales.js');
-require('./Locale-68e660ad.js');
+require('./Locale-04d7b6e5.js');
 require('./constantsIsProduction.js');
-require('./useScreenSize-44d45803.js');
+require('./useScreenSize-b0f903da.js');
 require('@emotion/styled');
-require('./utils-1acdec37.js');
+require('./utils-88da9bdf.js');
 require('@mantine/carousel');
-require('./index-a230380f.js');
-require('./index-1d6a4ede.js');
+require('./index-9e1921ed.js');
+require('./index-4aeab49f.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
 require('classnames');
-require('./useUniqueId-56185b11.js');
+require('./useUniqueId-c1615186.js');
 require('@hhgtech/icons/core');
 require('@mantine/dates');
-require('./index.styles-b24bfde8.js');
-require('./index-fadcf4ec.js');
-require('./translationsContext-261877a2.js');
+require('./index.styles-a3f8d5d9.js');
+require('./index-1bd3d8ec.js');
+require('./translationsContext-231996a9.js');
 require('@mantine/notifications');
 require('dayjs');
 

package/build/misc.js

@@ -2,37 +2,37 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var localizeNumberFormat = require('./localizeNumberFormat-cc35fd7e.js');
-var animation = require('./animation-c33a3b5b.js');
+var localizeNumberFormat = require('./localizeNumberFormat-da3731b7.js');
+var animation = require('./animation-b8f924ab.js');
 var miscCookieHelper = require('./miscCookieHelper.js');
 require('react');
 require('@mantine/core');
-require('./useMantineLocale-acf709ed.js');
-require('./index-a230380f.js');
-require('./index-2d3e8204.js');
+require('./useMantineLocale-98648c73.js');
+require('./index-9e1921ed.js');
+require('./index-6fad360a.js');
 var miscTheme = require('./miscTheme.js');
-var utils = require('./utils-1acdec37.js');
-require('./index-1d6a4ede.js');
-var dataTransform = require('./dataTransform-621fa8c9.js');
-var normalizeLink = require('./normalizeLink-d4176a06.js');
+var utils = require('./utils-88da9bdf.js');
+require('./index-4aeab49f.js');
+var dataTransform = require('./dataTransform-507aa6b8.js');
+var normalizeLink = require('./normalizeLink-6dbfd800.js');
 var miscGetDynamicHealthTool = require('./miscGetDynamicHealthTool.js');
 var miscGetSocialList = require('./miscGetSocialList.js');
 var miscScreenSizeContext = require('./miscScreenSizeContext.js');
 require('dayjs');
 require('@emotion/react');
-require('./tslib.es6-209e79d3.js');
+require('./tslib.es6-527b4492.js');
 require('@mantine/notifications');
-require('./other-27b1034c.js');
-require('./Locale-68e660ad.js');
+require('./other-e94f2d68.js');
+require('./Locale-04d7b6e5.js');
 require('./constantsDomainLocales.js');
 require('./constantsIsProduction.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
-require('./core-1ddfa490.js');
-require('./WhatsApp-73557aab.js');
-require('./index-2b28807f.js');
-require('./index-a068eba2.js');
+require('./core-dbe1851d.js');
+require('./WhatsApp-fa80452d.js');
+require('./index-7e779b56.js');
+require('./index-18f1a92d.js');
 require('js-cookie');
 require('uuid');
 require('lodash/throttle');

package/build/miscGetDynamicHealthTool.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-209e79d3.js');
-var normalizeLink = require('./normalizeLink-d4176a06.js');
-var core = require('./core-1ddfa490.js');
+var tslib_es6 = require('./tslib.es6-527b4492.js');
+var normalizeLink = require('./normalizeLink-6dbfd800.js');
+var core = require('./core-dbe1851d.js');
 require('./constantsDomainLocales.js');
-require('./Locale-68e660ad.js');
+require('./Locale-04d7b6e5.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-209e79d3.js');
-var WhatsApp = require('./WhatsApp-73557aab.js');
-var index = require('./index-a230380f.js');
-var index$2 = require('./index-2b28807f.js');
-var index$1 = require('./index-2d3e8204.js');
-var Locale = require('./Locale-68e660ad.js');
-require('./index-a068eba2.js');
-require('./index-1d6a4ede.js');
+var tslib_es6 = require('./tslib.es6-527b4492.js');
+var WhatsApp = require('./WhatsApp-fa80452d.js');
+var index = require('./index-9e1921ed.js');
+var index$2 = require('./index-7e779b56.js');
+var index$1 = require('./index-6fad360a.js');
+var Locale = require('./Locale-04d7b6e5.js');
+require('./index-18f1a92d.js');
+require('./index-4aeab49f.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-1acdec37.js');
+var utils = require('./utils-88da9bdf.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-209e79d3.js');
+var tslib_es6 = require('./tslib.es6-527b4492.js');
 var React = require('react');
-var mobileBottomNavigationIcon = require('./MobileBottomNavigationIcon-6825fae0.js');
-require('./index-bfce4701.js');
+var mobileBottomNavigationIcon = require('./MobileBottomNavigationIcon-5a253189.js');
+require('./index-2add5ce9.js');
 require('@mantine/core');
-require('./other-27b1034c.js');
+require('./other-e94f2d68.js');
 require('./miscTheme.js');
 require('@emotion/react');
 require('@emotion/styled');
-require('./utils-1acdec37.js');
+require('./utils-88da9bdf.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-209e79d3.js');
+require('./tslib.es6-527b4492.js');
 require('react');
-require('./index-bfce4701.js');
+require('./index-2add5ce9.js');
 require('./miscTheme.js');
-var mobileBottomNavigationIcon = require('./MobileBottomNavigationIcon-6825fae0.js');
+var mobileBottomNavigationIcon = require('./MobileBottomNavigationIcon-5a253189.js');
 require('@mantine/core');
-require('./other-27b1034c.js');
+require('./other-e94f2d68.js');
 require('@emotion/react');
 require('@emotion/styled');
-require('./utils-1acdec37.js');
+require('./utils-88da9bdf.js');