@hhgtech/hhg-components 1.29.332-beta-7 → 1.29.332-beta-9

package/build/esm/lead.js

@@ -1,42 +1,42 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-f8d8dd74.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-6faca69f.js';
 import React__default, { createContext, useEffect, useMemo, useRef, useState, useContext } from 'react';
-import { createStyles, Box, Portal, Transition, Overlay } from '@mantine/core';
+import { createStyles, Box, Button as Button$2, Portal, Transition, Overlay } from '@mantine/core';
 import dayjs from 'dayjs';
 import debounce from 'lodash/debounce';
 import { createFormContext } from '@mantine/form';
-import { u as useTranslations } from './index-8067b44f.js';
-import { C as Close } from './Close-b7e7569e.js';
-import { T as Text } from './index-a4d78cbe.js';
-import { S as Select, d as Checkbox, I as Input, R as Radio, P as Phone, N as NumberInput } from './index-b36f653f.js';
-import { D as DatePicker } from './index-81f59153.js';
-import { M as MAPPED_LOCALE } from './utils-41696882.js';
+import { u as useTranslations } from './index-a2fcd284.js';
+import { T as Text } from './index-a03c2d78.js';
+import { S as Select, d as Checkbox, I as Input, R as Radio, P as Phone, N as NumberInput } from './index-a09d15df.js';
+import { D as DatePicker } from './index-33d49a31.js';
+import { M as MAPPED_LOCALE } from './utils-f3da0e39.js';
 import '@mantine/dates';
-import { Z as ZINDEX_SSO } from './index-0562ff1c.js';
-import './index-8c5250db.js';
-import { C as CommonGAssets } from './index-3056c329.js';
-import './useMantineLocale-37a1374c.js';
-import { B as Button$1 } from './index-ad6c9056.js';
-import './index.styles-69f8fae9.js';
-import { T as TranslationsContext } from './translationsContext-1581fd0c.js';
+import { Z as ZINDEX_SSO } from './index-aff433a3.js';
+import './index-0698f9a5.js';
+import { C as CommonGAssets } from './index-22f4126e.js';
+import './useMantineLocale-70c5b5ba.js';
+import { B as Button$1 } from './index-47eb0b6f.js';
+import './index.styles-ca8dfcc5.js';
+import { T as TranslationsContext } from './translationsContext-a6adc797.js';
 import '@mantine/hooks';
-import { b as getWrapperDomWithSelector, a as getPopupWrapperDom } from './utils-88830c72.js';
-import './other-daff9be8.js';
-import './index-c39877ad.js';
-import { u as usePlacesAutocomplete, G as GOOGLE_API_KEY } from './usePlacesAutocomplete-62291d60.js';
-import { B as Button } from './index-32bc9809.js';
-import { H as Heading$1 } from './index-c34bea93.js';
+import { b as getWrapperDomWithSelector, a as getPopupWrapperDom } from './utils-0eccc86b.js';
+import './other-c8a532f4.js';
+import './index-5b54b46d.js';
+import { u as usePlacesAutocomplete, G as GOOGLE_API_KEY } from './usePlacesAutocomplete-751ce32e.js';
+import { B as Button } from './index-533d87ce.js';
+import { H as Heading$1 } from './index-b72932e4.js';
 import { v1 } from 'uuid';
-import { i as isVideo } from './index-9ac5a518.js';
-import { theme } from './miscTheme.js';
+import { i as isVideo } from './index-f790fb24.js';
 import { createPortal } from 'react-dom';
+import { theme } from './miscTheme.js';
 import { getCookie, setCookie } from './miscCookieHelper.js';
+import { C as Close } from './Close-10089dcc.js';
 import '@hhgtech/icons/other';
-import './useScreenSize-9366340f.js';
+import './useScreenSize-00a6d109.js';
 import '@emotion/styled';
 import '@mantine/carousel';
-import './Locale-7b1c0991.js';
+import './Locale-4c6794d2.js';
 import 'classnames';
-import './useUniqueId-2dd83f83.js';
+import './useUniqueId-1abc912b.js';
 import './constantsSite.js';
 import '@hhgtech/icons/core';
 import 'date-fns/locale';
@@ -53,13 +53,20 @@ const LEAD_DEVICE_TYPE = {
     MOBILE: 1,
     DESKTOP: 2,
 };
-const LEAD_CLASS = '';
+let LEAD_CLASS = '';
 if (LEAD_API.includes('localhost')) {
     LEAD_API = 'https://dev.leadgen.hellobacsi.com/';
 }
+if (location.hostname.includes('marrybaby.vn')) {
+    LEAD_CLASS = 'pink';
+}
 // var LEAD_CURRENT_URL = location.href.toLowerCase();
-let LEAD_CURRENT_URL = '';
+let LEAD_CURRENT_URL = 'https://' + location.hostname + location.pathname + location.search;
 LEAD_CURRENT_URL = LEAD_CURRENT_URL.toLowerCase();
+// TODO: set inital object if exists
+if (sessionStorage.getItem('insider_object')) {
+    window.insider_object = JSON.parse(sessionStorage.getItem('insider_object'));
+}
 const docLang = document.documentElement.lang;
 // TODO: country code
 const LEAD_LOCALE_DATA = {
@@ -511,15 +518,15 @@ const useLeadFormConfig$1 = ({ listBlockAdded = [], validatingPhoneRef, validati
 };
 
 const Component = ({ campaign, onClose: onCloseProp, onOtherSubmit, onSubmit, showThankyou, setShowThankyou, locale, children, }) => {
-    var _a, _b, _c, _d;
-    const extraFields = campaign === null || campaign === void 0 ? void 0 : campaign.extra_fields;
-    const campaignId = campaign === null || campaign === void 0 ? void 0 : campaign.id;
-    const campaign_subot_id = (campaign === null || campaign === void 0 ? void 0 : campaign.bot_id) || [];
-    const listBlockAdded = JSON.parse((extraFields === null || extraFields === void 0 ? void 0 : extraFields.listBlockAdded) || '[]');
-    const actionBlocks = JSON.parse((extraFields === null || extraFields === void 0 ? void 0 : extraFields.actionBlocks) || '{}');
-    const textBlocks = JSON.parse((extraFields === null || extraFields === void 0 ? void 0 : extraFields.textBlocks) || '{}');
+    var _a, _b;
+    const extraFields = campaign.extra_fields;
+    const campaignId = campaign.id;
+    const campaign_subot_id = campaign.bot_id || [];
+    const listBlockAdded = JSON.parse(extraFields.listBlockAdded);
+    const actionBlocks = JSON.parse(extraFields.actionBlocks);
+    const textBlocks = JSON.parse(extraFields.textBlocks);
     const heading = ((_b = (_a = textBlocks === null || textBlocks === void 0 ? void 0 : textBlocks.titleBlock) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.value) || '';
-    const description = ((_d = (_c = textBlocks.subtitleBlock) === null || _c === void 0 ? void 0 : _c.data) === null || _d === void 0 ? void 0 : _d.value) || '';
+    const description = textBlocks.subtitleBlock.data.value;
     const validatingPhoneRef = useRef(false);
     const validatingEmailRef = useRef(false);
     const leadFormConfig = useLeadFormConfig$1({
@@ -563,7 +570,6 @@ const Component = ({ campaign, onClose: onCloseProp, onOtherSubmit, onSubmit, sh
             onSubmit,
             showThankyou,
             setShowThankyou,
-            campaign,
         } }, children)) : null;
 };
 
@@ -1243,9 +1249,8 @@ const useImageSize = (src) => {
 };
 
 const CloseButton = ({ onClose, containerClassName, svgClassName, }) => (React__default.createElement("button", { onClick: onClose, className: `le-newbuilder-close-button js-modal__close ${containerClassName || ''}` },
-    React__default.createElement("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", className: svgClassName },
-        React__default.createElement("circle", { cx: "16", cy: "16", r: "16", fill: "white" }),
-        React__default.createElement("path", { d: "m16 17.05-5.075 5.075a.74.74 0 0 1-.512.212.7.7 0 0 1-.538-.212.72.72 0 0 1-.225-.525q0-.3.225-.525L14.95 16l-5.075-5.075a.74.74 0 0 1-.212-.513.7.7 0 0 1 .212-.537.72.72 0 0 1 .525-.225q.3 0 .525.225L16 14.95l5.075-5.075a.74.74 0 0 1 .513-.213.7.7 0 0 1 .537.213.72.72 0 0 1 .225.525.72.72 0 0 1-.225.525L17.05 16l5.075 5.075a.74.74 0 0 1 .212.512.7.7 0 0 1-.212.538.72.72 0 0 1-.525.225.72.72 0 0 1-.525-.225z", fill: "#595959" }))));
+    React__default.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 20 20", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", className: svgClassName },
+        React__default.createElement("path", { d: "M10 10.8432L14.0585 14.9017C14.1692 15.0125 14.3085 15.0691 14.4762 15.0717C14.6438 15.0743 14.7856 15.0176 14.9015 14.9017C15.0174 14.7858 15.0754 14.6453 15.0754 14.4802C15.0754 14.3151 15.0174 14.1746 14.9015 14.0587L10.8431 10.0002L14.9015 5.9417C15.0123 5.83094 15.069 5.69172 15.0715 5.52402C15.0741 5.35634 15.0174 5.21456 14.9015 5.09866C14.7856 4.98276 14.6451 4.9248 14.48 4.9248C14.3149 4.9248 14.1744 4.98276 14.0585 5.09866L10 9.15712L5.94152 5.09866C5.83076 4.98789 5.69153 4.93122 5.52384 4.92866C5.35616 4.92609 5.21437 4.98276 5.09848 5.09866C4.98257 5.21456 4.92462 5.35506 4.92462 5.52018C4.92462 5.6853 4.98257 5.82581 5.09848 5.9417L9.15694 10.0002L5.09848 14.0587C4.9877 14.1694 4.93104 14.3087 4.92848 14.4763C4.92591 14.644 4.98257 14.7858 5.09848 14.9017C5.21437 15.0176 5.35488 15.0756 5.52 15.0756C5.68512 15.0756 5.82562 15.0176 5.94152 14.9017L10 10.8432Z" }))));
 
 // url: imageBlocks.imageMobile.data.url
 // newTab: imageBlocks.imageMobile.data.newtab
@@ -1322,6 +1327,154 @@ const FloatingLayout = ({ popupId, url, title, urlText, titleAlign, subtitle, su
                     React__default.createElement(CloseButton, { onClose: onClose, containerClassName: "close-button-top-right" }))))));
 };
 
+const ThankyouPopup = ({ title, titleAlign, subtitle, subtitleAlign, link, linkNewTab, linkText, image, }) => {
+    const { width: imageWidth, height: imageHeight, loaded: imageLoaded, } = useImageSize(image);
+    if (!imageLoaded)
+        return null;
+    return (React__default.createElement("div", { className: "lead-modal__thank-you" },
+        React__default.createElement("div", { style: { width: '100%' } },
+            React__default.createElement("img", { src: image, style: {
+                    maxHeight: 162,
+                    objectFit: 'cover',
+                    aspectRatio: `${imageWidth}/${imageHeight}`,
+                }, loading: "lazy" }),
+            title && (React__default.createElement("h1", { className: `le-thankyou-title le-text-align-${titleAlign}` }, title)),
+            subtitle && (React__default.createElement("p", { className: `le-thankyou-subtitle le-text-align-${subtitleAlign}` }, subtitle.split('\n').map((text, idx, list) => {
+                const isShowBr = idx < list.length - 1;
+                return (React__default.createElement(React__default.Fragment, null,
+                    text,
+                    isShowBr && React__default.createElement("br", null)));
+            }))),
+            linkText && (React__default.createElement("div", null,
+                React__default.createElement("a", { href: link, target: linkNewTab ? '_blank' : 'parrent', rel: "noreferrer" },
+                    React__default.createElement("button", { className: `lead-modal__btn ${LEAD_CLASS}` }, linkText)))))));
+};
+
+const InlineLayout = ({ content, inlinePosition, }) => {
+    const target = useMemo(() => {
+        if (!inlinePosition)
+            return null;
+        const parents = document.querySelectorAll(`[data-url="${location.pathname}"] .body-content`);
+        const allChildren = Array.from(parents).reduce((r, p) => {
+            return [...r, ...Array.from(p.children)];
+        }, []);
+        if (allChildren === null || allChildren === void 0 ? void 0 : allChildren.length) {
+            // find the third p tag in the body content, some other tags might mix in between
+            const allPTags = allChildren.filter((c) => c.nodeName === 'P');
+            const allH2Tags = allChildren.filter((c) => c.nodeName === 'H2');
+            let target = null;
+            switch (inlinePosition) {
+                case '1th':
+                    target = allPTags[0];
+                    break;
+                case '2th':
+                    target = allPTags[1];
+                    break;
+                case '3th':
+                    target = allPTags[2];
+                    break;
+                case '4th':
+                    target = allPTags[3];
+                    break;
+                case '5th':
+                    target = allPTags[4];
+                    break;
+                case '6th':
+                    target = allPTags[5];
+                    break;
+                case '7th':
+                    target = allPTags[6];
+                    break;
+                case '8th':
+                    target = allPTags[7];
+                    break;
+                case '9th':
+                    target = allPTags[8];
+                    break;
+                case '10th':
+                    target = allPTags[9];
+                    break;
+                case '11th':
+                    target = allPTags[10];
+                    break;
+                case '12th':
+                    target = allPTags[11];
+                    break;
+                case 'lastP':
+                    target = allPTags[allPTags.length - 1];
+                    break;
+                case '1thH2':
+                    target = allH2Tags[0];
+                    break;
+                case '2thH2':
+                    target = allH2Tags[1];
+                    break;
+                case '3thH2':
+                    target = allH2Tags[2];
+                    break;
+                case '4thH2':
+                    target = allH2Tags[3];
+                    break;
+                case '5thH2':
+                    target = allH2Tags[4];
+                    break;
+                case '6thH2':
+                    target = allH2Tags[5];
+                    break;
+                case '7thH2':
+                    target = allH2Tags[6];
+                    break;
+                case '8thH2':
+                    target = allH2Tags[7];
+                    break;
+                case '9thH2':
+                    target = allH2Tags[8];
+                    break;
+                case '10thH2':
+                    target = allH2Tags[9];
+                    break;
+                case 'lastH2':
+                    target = allH2Tags[allH2Tags.length - 1];
+                    break;
+            }
+            if (target) {
+                if (!target.parentElement.querySelector('.inline-lead-wrapper')) {
+                    const wrapper = document.createElement('div');
+                    wrapper.classList.add('inline-lead-wrapper');
+                    if (target.nextElementSibling) {
+                        target.parentElement.insertBefore(wrapper, target.nextElementSibling);
+                    }
+                    else {
+                        target.parentElement.appendChild(wrapper);
+                    }
+                    return wrapper;
+                }
+                else {
+                    return target.parentElement.querySelector('.inline-lead-wrapper');
+                }
+            }
+        }
+    }, [inlinePosition]);
+    if (!inlinePosition || !target)
+        return null;
+    return createPortal(content, target);
+};
+
+const SideBarLayout = ({ content }) => {
+    const targets = useMemo(() => {
+        const targetDoms = Array.from(document.querySelectorAll('.hc2-sidebar-with-ads,.page-main-col .right-col.f-right,.hhg-lead-sidebar'));
+        targetDoms.forEach((dom) => {
+            if (dom.querySelector('.sidebar-lead-modal-wrapper'))
+                return;
+            const wrapper = document.createElement('div');
+            wrapper.classList.add('sidebar-lead-modal-wrapper');
+            dom.prepend(wrapper);
+        });
+        return targetDoms.map((d) => d.querySelector('.sidebar-lead-modal-wrapper'));
+    }, []);
+    return (React__default.createElement(React__default.Fragment, null, targets.map((target) => createPortal(content, getWrapperDomWithSelector(target, 'sidebar-lead-modal-wrapper')))));
+};
+
 // You can give context variables any name
 const [LeadFormProvider, useLeadFormContext, useLeadForm] = createFormContext();
 const useLeadFormConfig = ({ listBlockAdded = [], validatingPhoneRef, validatingEmailRef, campaignId, campaign_subot_id = [], }) => {
@@ -1751,160 +1904,12 @@ const OtpBlock = ({ otpData, onSuccess, autoSendWhenOpen, }) => {
             })))));
 };
 
-const ThankyouPopup = ({ title, titleAlign, subtitle, subtitleAlign, link, linkNewTab, linkText, image, }) => {
-    const { width: imageWidth, height: imageHeight, loaded: imageLoaded, } = useImageSize(image);
-    if (!imageLoaded)
-        return null;
-    return (React__default.createElement("div", { className: "lead-modal__thank-you" },
-        React__default.createElement("div", { style: { width: '100%' } },
-            React__default.createElement("img", { src: image, style: {
-                    maxHeight: 162,
-                    objectFit: 'cover',
-                    aspectRatio: `${imageWidth}/${imageHeight}`,
-                }, loading: "lazy" }),
-            title && (React__default.createElement("h1", { className: `le-thankyou-title le-text-align-${titleAlign}` }, title)),
-            subtitle && (React__default.createElement("p", { className: `le-thankyou-subtitle le-text-align-${subtitleAlign}` }, subtitle.split('\n').map((text, idx, list) => {
-                const isShowBr = idx < list.length - 1;
-                return (React__default.createElement(React__default.Fragment, null,
-                    text,
-                    isShowBr && React__default.createElement("br", null)));
-            }))),
-            linkText && (React__default.createElement("div", null,
-                React__default.createElement("a", { href: link, target: linkNewTab ? '_blank' : 'parrent', rel: "noreferrer" },
-                    React__default.createElement("button", { className: `lead-modal__btn ${LEAD_CLASS}` }, linkText)))))));
-};
-
-const InlineLayout = ({ content, inlinePosition, }) => {
-    const target = useMemo(() => {
-        if (!inlinePosition)
-            return null;
-        const parents = document.querySelectorAll(`[data-url="${location.pathname}"] .body-content`);
-        const allChildren = Array.from(parents).reduce((r, p) => {
-            return [...r, ...Array.from(p.children)];
-        }, []);
-        if (allChildren === null || allChildren === void 0 ? void 0 : allChildren.length) {
-            // find the third p tag in the body content, some other tags might mix in between
-            const allPTags = allChildren.filter((c) => c.nodeName === 'P');
-            const allH2Tags = allChildren.filter((c) => c.nodeName === 'H2');
-            let target = null;
-            switch (inlinePosition) {
-                case '1th':
-                    target = allPTags[0];
-                    break;
-                case '2th':
-                    target = allPTags[1];
-                    break;
-                case '3th':
-                    target = allPTags[2];
-                    break;
-                case '4th':
-                    target = allPTags[3];
-                    break;
-                case '5th':
-                    target = allPTags[4];
-                    break;
-                case '6th':
-                    target = allPTags[5];
-                    break;
-                case '7th':
-                    target = allPTags[6];
-                    break;
-                case '8th':
-                    target = allPTags[7];
-                    break;
-                case '9th':
-                    target = allPTags[8];
-                    break;
-                case '10th':
-                    target = allPTags[9];
-                    break;
-                case '11th':
-                    target = allPTags[10];
-                    break;
-                case '12th':
-                    target = allPTags[11];
-                    break;
-                case 'lastP':
-                    target = allPTags[allPTags.length - 1];
-                    break;
-                case '1thH2':
-                    target = allH2Tags[0];
-                    break;
-                case '2thH2':
-                    target = allH2Tags[1];
-                    break;
-                case '3thH2':
-                    target = allH2Tags[2];
-                    break;
-                case '4thH2':
-                    target = allH2Tags[3];
-                    break;
-                case '5thH2':
-                    target = allH2Tags[4];
-                    break;
-                case '6thH2':
-                    target = allH2Tags[5];
-                    break;
-                case '7thH2':
-                    target = allH2Tags[6];
-                    break;
-                case '8thH2':
-                    target = allH2Tags[7];
-                    break;
-                case '9thH2':
-                    target = allH2Tags[8];
-                    break;
-                case '10thH2':
-                    target = allH2Tags[9];
-                    break;
-                case 'lastH2':
-                    target = allH2Tags[allH2Tags.length - 1];
-                    break;
-            }
-            if (target) {
-                if (!target.parentElement.querySelector('.inline-lead-wrapper')) {
-                    const wrapper = document.createElement('div');
-                    wrapper.classList.add('inline-lead-wrapper');
-                    if (target.nextElementSibling) {
-                        target.parentElement.insertBefore(wrapper, target.nextElementSibling);
-                    }
-                    else {
-                        target.parentElement.appendChild(wrapper);
-                    }
-                    return wrapper;
-                }
-                else {
-                    return target.parentElement.querySelector('.inline-lead-wrapper');
-                }
-            }
-        }
-    }, [inlinePosition]);
-    if (!inlinePosition || !target)
-        return null;
-    return createPortal(content, target);
-};
-
-const SideBarLayout = ({ content }) => {
-    const targets = useMemo(() => {
-        const targetDoms = Array.from(document.querySelectorAll('.hc2-sidebar-with-ads,.page-main-col .right-col.f-right,.hhg-lead-sidebar'));
-        targetDoms.forEach((dom) => {
-            if (dom.querySelector('.sidebar-lead-modal-wrapper'))
-                return;
-            const wrapper = document.createElement('div');
-            wrapper.classList.add('sidebar-lead-modal-wrapper');
-            dom.prepend(wrapper);
-        });
-        return targetDoms.map((d) => d.querySelector('.sidebar-lead-modal-wrapper'));
-    }, []);
-    return (React__default.createElement(React__default.Fragment, null, targets.map((target) => createPortal(content, getWrapperDomWithSelector(target, 'sidebar-lead-modal-wrapper')))));
-};
-
 // url: imageBlocks.imageMobile.data.url
 // newTab: imageBlocks.imageMobile.data.newtab
 // image: campaignShow.image
 // imageDestkop: campaignShow.image_desktop
 const LightboxLayout = ({ popupId, extraFields, onClose: onCloseProp, onOtherSubmit, imageMobile, imageDesktop, imageOverlayMobile, imageOverlayDesktop, imageBackground, currentLayout, title, onSubmit, showThankyou, campaignId, campaign_subot_id, locale, }) => {
-    var _a, _b, _c;
+    var _a, _b, _c, _d, _e, _f, _g;
     const listBlockAdded = JSON.parse(extraFields.listBlockAdded);
     const actionBlocks = JSON.parse(extraFields.actionBlocks);
     const textBlocks = JSON.parse(extraFields.textBlocks);
@@ -2019,6 +2024,9 @@ const LightboxLayout = ({ popupId, extraFields, onClose: onCloseProp, onOtherSub
     const renderAfterImageSizes = imageMobileLoaded &&
         imageDesktopLoaded &&
         (currentLayout == '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.createElement(Button, { size: "md", id: "lead-submit", type: "submit", className: `lead-modal__btn ${LEAD_CLASS}`, isLoading: isSubmitLoading }, popUpSubmitText));
+    const LinkButtonBlock = (_b = listBlockAdded.filter(({ name }) => name == 'LinkButtonBlock')) === null || _b === void 0 ? void 0 : _b[0];
+    const ButtonLink = LinkButtonBlock && (React__default.createElement(Button$2, { component: "a", href: (_c = LinkButtonBlock === null || LinkButtonBlock === void 0 ? void 0 : LinkButtonBlock.data) === null || _c === void 0 ? void 0 : _c.url, target: ((_d = LinkButtonBlock === null || LinkButtonBlock === void 0 ? void 0 : LinkButtonBlock.data) === null || _d === void 0 ? void 0 : _d.newtab) ? '_blank' : undefined, size: "md", className: `lead-modal__btn ${LEAD_CLASS}` }, (_e = LinkButtonBlock === null || LinkButtonBlock === void 0 ? void 0 : LinkButtonBlock.data) === null || _e === void 0 ? void 0 : _e.value));
     const PopupContent = (React__default.createElement(React__default.Fragment, null,
         React__default.createElement("style", { dangerouslySetInnerHTML: {
                 __html: `
@@ -2041,7 +2049,7 @@ const LightboxLayout = ({ popupId, extraFields, onClose: onCloseProp, onOtherSub
               }`
                     : ``}`,
             } }),
-        React__default.createElement("div", { id: popupId, "data-popup-url": currentPath, "data-popup-type": "lightbox-inline", className: `lead-modal lead-modal-wrapper modal--animate-scale ${isInPage ? 'le-buider-inline' : ''} ${isSlider ? 'le-buider-slider' : ''}` },
+        React__default.createElement("div", { id: popupId, "data-popup-url": currentPath, "data-popup-type": "lightbox-inline", className: `lead-modal lead-modal-wrapper modal--animate-scale ${isInPage ? 'le-buider-inline' : ''} ${isSlider ? 'le-buider-slider' : ''} leadPopup__${currentLayout}` },
             currentLayout == 'Fullscreen' ? (React__default.createElement("img", { className: "le-only-desktop le-fullscreen-img", draggable: false, src: imageBackground || '', style: {
                     aspectRatio: `${imageBackgroundWidth}/${imageBackgroundHeight}`,
                 } })) : null,
@@ -2071,12 +2079,14 @@ const LightboxLayout = ({ popupId, extraFields, onClose: onCloseProp, onOtherSub
                     React__default.createElement("div", { "data-hidden": !!showOtpPhone, className: "lead-modal__body le-newbuilder-overlay" },
                         React__default.createElement(LeadFormProvider, { form: form },
                             React__default.createElement("form", { ref: formRef, className: `lead-modal__form ${popupId}`, onSubmit: middlewareOnSubmit },
-                                React__default.createElement("div", { style: { marginBottom: 20 } },
-                                    React__default.createElement("h2", { className: `lead-modal__title ${'le-text-align-' + ((_a = textBlocks.titleBlock.data) === null || _a === void 0 ? void 0 : _a.align)} ${LEAD_CLASS}` }, title),
-                                    React__default.createElement("p", { className: `lead-modal__description ${'le-text-align-' + ((_b = textBlocks.titleBlock.data) === null || _b === void 0 ? void 0 : _b.align)} ${LEAD_CLASS}` }, textBlocks.subtitleBlock.data.value)),
+                                React__default.createElement("div", { className: "lead-modal__form-header" },
+                                    React__default.createElement("h2", { className: `lead-modal__title ${'le-text-align-' + ((_f = textBlocks.titleBlock.data) === null || _f === void 0 ? void 0 : _f.align)} ${LEAD_CLASS}` }, title),
+                                    React__default.createElement("p", { className: `lead-modal__description ${'le-text-align-' + ((_g = textBlocks.titleBlock.data) === null || _g === void 0 ? void 0 : _g.align)} ${LEAD_CLASS}` }, textBlocks.subtitleBlock.data.value)),
                                 React__default.createElement("div", { className: "lead-modal__form-control-wrapper" },
                                     React__default.createElement(LightboxFields, { listBlockAdded: listBlockAdded, popupId: popupId, locale: locale, onClose: onClose, onOtherSubmit: onOtherSubmit })),
-                                ((_c = actionBlocks === null || actionBlocks === void 0 ? void 0 : actionBlocks.submitBlock) === null || _c === void 0 ? void 0 : _c.isHide) ? null : (React__default.createElement(Button, { size: "md", id: "lead-submit", type: "submit", className: `lead-modal__btn ${LEAD_CLASS}`, isLoading: isSubmitLoading }, popUpSubmitText)))))))),
+                                currentLayout.includes('LightBoxA')
+                                    ? ButtonLink
+                                    : ButtonSubmit)))))),
                 !currentLayout.includes('Inline') && (React__default.createElement(CloseButton, { onClose: onClose, containerClassName: "close-button-top-right" }))))));
     if (!renderAfterImageSizes)
         return null;
@@ -2945,4 +2955,4 @@ LeadGen.Thankyou = Thankyou;
 LeadGen.OtpForm = OtpBlock$1;
 LeadGen.Close = Close;
 
-export { LeadGen, LeadGenComponentContext, LeadGenContext };
+export { LeadGen };

package/build/esm/{logoIcon-759bacca.js → logoIcon-a1022cf6.js}

@@ -1,6 +1,6 @@
 import React__default, { memo, useMemo } from 'react';
-import { C as CommonGAssets } from './index-3056c329.js';
-import { I as ImageWrap } from './useScreenSize-9366340f.js';
+import { C as CommonGAssets } from './index-22f4126e.js';
+import { I as ImageWrap } from './useScreenSize-00a6d109.js';
 
 const _LogoIcon = ({ type, width, height }) => {
     const data = useMemo(() => {

package/build/esm/mantine.js

@@ -1,43 +1,43 @@
-import { g as getMantineThemeOverride, h as StyledTextArea, D as DEBOUNCED_TIME, i as StyledSliderWrapper, j as StyledSlider } from './index-b36f653f.js';
-export { k as Accordion, A as Anchor, b as AspectRatio, a as Avatar, B as Breadcrumbs, l as Carousel, c as CentralCarousel, d as Checkbox, e as ChipButton, I as Input, O as OTP, P as Phone, n as Popover, R as Radio, S as Select, m as emotionCache, g as getMantineThemeOverride, t as themeColors } from './index-b36f653f.js';
-export { D as DatePicker } from './index-81f59153.js';
-export { T as Text } from './index-a4d78cbe.js';
-import { B as Button } from './index-ad6c9056.js';
-export { B as Button } from './index-ad6c9056.js';
-export { I as Indicator } from './index-e879cf82.js';
+import { g as getMantineThemeOverride, h as StyledTextArea, D as DEBOUNCED_TIME, i as StyledSliderWrapper, j as StyledSlider } from './index-a09d15df.js';
+export { k as Accordion, A as Anchor, b as AspectRatio, a as Avatar, B as Breadcrumbs, l as Carousel, c as CentralCarousel, d as Checkbox, e as ChipButton, I as Input, O as OTP, P as Phone, n as Popover, R as Radio, S as Select, m as emotionCache, g as getMantineThemeOverride, t as themeColors } from './index-a09d15df.js';
+export { D as DatePicker } from './index-33d49a31.js';
+export { T as Text } from './index-a03c2d78.js';
+import { B as Button } from './index-47eb0b6f.js';
+export { B as Button } from './index-47eb0b6f.js';
+export { I as Indicator } from './index-c5d6c055.js';
 import React__default, { useState, useEffect } from 'react';
-export { M as Modal } from './index-d01d6bea.js';
-import { _ as __rest } from './tslib.es6-f8d8dd74.js';
+export { M as Modal } from './index-e5dfe29b.js';
+import { _ as __rest } from './tslib.es6-6faca69f.js';
 import { MantineProvider as MantineProvider$1, Badge as Badge$1, LoadingOverlay as LoadingOverlay$1, clsx, Title, Text, Button as Button$1 } from '@mantine/core';
 import { theme } from './miscTheme.js';
-export { S as Spoiler } from './index-f4ed29eb.js';
+export { S as Spoiler } from './index-ba3d1bcc.js';
 import { useDebouncedValue } from '@mantine/hooks';
-export { S as Switch } from './index-b842ba03.js';
-import { u as useMantineLocale, N as NotificationsHandler } from './useMantineLocale-37a1374c.js';
-export { M as MAPPED_LOCALE, g as getHeadingStyles, s as showNotification, u as useMantineLocale } from './useMantineLocale-37a1374c.js';
-export { O as OTHER_THEME_CONFIG } from './other-daff9be8.js';
-export { T as Tabs } from './index-c39877ad.js';
+export { S as Switch } from './index-e2ee710f.js';
+import { u as useMantineLocale, N as NotificationsHandler } from './useMantineLocale-70c5b5ba.js';
+export { M as MAPPED_LOCALE, g as getHeadingStyles, s as showNotification, u as useMantineLocale } from './useMantineLocale-70c5b5ba.js';
+export { O as OTHER_THEME_CONFIG } from './other-c8a532f4.js';
+export { T as Tabs } from './index-5b54b46d.js';
 import '@hhgtech/icons/other';
-import './index-3056c329.js';
+import './index-22f4126e.js';
 import './constantsDomainLocales.js';
-import './Locale-7b1c0991.js';
+import './Locale-4c6794d2.js';
 import './constantsIsProduction.js';
-import './useScreenSize-9366340f.js';
+import './useScreenSize-00a6d109.js';
 import '@emotion/styled';
-import './utils-88830c72.js';
+import './utils-0eccc86b.js';
 import '@mantine/carousel';
-import './index-8c5250db.js';
-import './index-0562ff1c.js';
+import './index-0698f9a5.js';
+import './index-aff433a3.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsRiskScreener.js';
 import 'classnames';
-import './useUniqueId-2dd83f83.js';
+import './useUniqueId-1abc912b.js';
 import '@hhgtech/icons/core';
 import '@mantine/dates';
-import './index.styles-69f8fae9.js';
-import './index-8067b44f.js';
-import './translationsContext-1581fd0c.js';
+import './index.styles-ca8dfcc5.js';
+import './index-a2fcd284.js';
+import './translationsContext-a6adc797.js';
 import '@mantine/notifications';
 import 'dayjs';
 

package/build/esm/misc.js

@@ -1,34 +1,34 @@
-export { a as ageGenerate, c as convertLocalizedStringToNumber, l as localizeNumberFormat } from './localizeNumberFormat-a2ca613c.js';
-export { h as fadeIn, a as slideInDown, b as slideInLeft, c as slideInRight, s as slideInUp, e as slideOutDown, f as slideOutLeft, g as slideOutRight, d as slideOutUp } from './animation-edd6a205.js';
+export { a as ageGenerate, c as convertLocalizedStringToNumber, l as localizeNumberFormat } from './localizeNumberFormat-4887c818.js';
+export { h as fadeIn, a as slideInDown, b as slideInLeft, c as slideInRight, s as slideInUp, e as slideOutDown, f as slideOutLeft, g as slideOutRight, d as slideOutUp } from './animation-26d50fdf.js';
 export { deleteCookie, getCookie, setCookie } from './miscCookieHelper.js';
 import 'react';
 import '@mantine/core';
-import './useMantineLocale-37a1374c.js';
-import './index-8c5250db.js';
-import './index-3056c329.js';
+import './useMantineLocale-70c5b5ba.js';
+import './index-0698f9a5.js';
+import './index-22f4126e.js';
 export { MBTheme, theme } from './miscTheme.js';
-export { B as Breakpoints, M as MediaQueries, S as Screens, f as formatUrlWithPageParam, g as getBoundariesFromMediaQueryKey, a as getPopupWrapperDom, b as getWrapperDomWithSelector, m as makeParams, c as safeEncodeURI, s as startCase, t as toggleNoScroll } from './utils-88830c72.js';
-import './index-0562ff1c.js';
-export { a as abbreviateNumber, f as formatPill } from './dataTransform-c8182011.js';
-export { d as getCareApiDomain, g as getCurrentBaseUrl, a as getCurrentSsoUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain } from './normalizeLink-cda88075.js';
+export { B as Breakpoints, M as MediaQueries, S as Screens, f as formatUrlWithPageParam, g as getBoundariesFromMediaQueryKey, a as getPopupWrapperDom, b as getWrapperDomWithSelector, m as makeParams, c as safeEncodeURI, s as startCase, t as toggleNoScroll } from './utils-0eccc86b.js';
+import './index-aff433a3.js';
+export { a as abbreviateNumber, f as formatPill } from './dataTransform-f99083eb.js';
+export { d as getCareApiDomain, g as getCurrentBaseUrl, a as getCurrentSsoUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain } from './normalizeLink-61de4b8f.js';
 export { formatHealthTool, getDynamicHealthTool, getDynamicHealthToolWithCache } from './miscGetDynamicHealthTool.js';
 export { getSocialList } from './miscGetSocialList.js';
 export { ScreenSizeContext, ScreenSizeContextProvider, getWindowSizeGroups } from './miscScreenSizeContext.js';
 import 'dayjs';
 import '@emotion/react';
-import './tslib.es6-f8d8dd74.js';
+import './tslib.es6-6faca69f.js';
 import '@mantine/notifications';
-import './other-daff9be8.js';
-import './Locale-7b1c0991.js';
+import './other-c8a532f4.js';
+import './Locale-4c6794d2.js';
 import './constantsDomainLocales.js';
 import './constantsIsProduction.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsRiskScreener.js';
-import './core-369558de.js';
-import './WhatsApp-8d8b6cd4.js';
-import './index-55533b6d.js';
-import './index-371c4a81.js';
+import './core-4fcd11fb.js';
+import './WhatsApp-a2f02ef4.js';
+import './index-df766caf.js';
+import './index-c61375af.js';
 import 'js-cookie';
 import 'uuid';
 import 'lodash/throttle';

package/build/esm/miscGetDynamicHealthTool.js

@@ -1,8 +1,8 @@
-import { a as __awaiter } from './tslib.es6-f8d8dd74.js';
-import { e as normalizeLinkSlash, c as getDiscoverApiDomain } from './normalizeLink-cda88075.js';
-import { g as getDataWithCache } from './core-369558de.js';
+import { a as __awaiter } from './tslib.es6-6faca69f.js';
+import { e as normalizeLinkSlash, c as getDiscoverApiDomain } from './normalizeLink-61de4b8f.js';
+import { g as getDataWithCache } from './core-4fcd11fb.js';
 import './constantsDomainLocales.js';
-import './Locale-7b1c0991.js';
+import './Locale-4c6794d2.js';
 import './constantsIsProduction.js';
 
 const formatHealthTool = (healthTool, locale) => {