@hhgtech/hhg-components 1.29.402-beta-2 → 1.29.402-beta-3

package/build/esm/lead/services/index.d.ts

@@ -22,6 +22,20 @@ export declare const Service: {
         extra?: Record<string, string | number>;
         referrer?: string;
     }) => Promise<any>;
+    trackingSubscription: (data: {
+        subscription_title: string;
+        name: string;
+        area_code: string;
+        phone_number: string;
+        site_domain: string;
+        url: string;
+        cookie_id: string;
+        ga_client_id: string;
+        article_title: string;
+        article_id: number;
+        category_id: number;
+        type: string;
+    }) => Promise<any>;
     validateEmailOrPhoneOnSubot: ({ bot_id, email, phone, }: {
         bot_id: number[];
         email?: string;

package/build/esm/lead.js

@@ -1,53 +1,53 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-1b94ff29.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-a261a854.js';
 import React__default, { createContext, useMemo, useEffect, useRef, useState, useContext, useCallback, forwardRef, useImperativeHandle, memo, useLayoutEffect } from 'react';
 import { createStyles, Box, Button as Button$1, Input as Input$1, Autocomplete, clsx, Checkbox as Checkbox$1, Radio as Radio$1, Select as Select$1, TextInput, NumberInput as NumberInput$1, Portal, Transition, Overlay } from '@mantine/core';
 import debounce from 'lodash/debounce';
 import { createFormContext, useForm } from '@mantine/form';
 import dayjs from 'dayjs';
-import { B as BEARER_TOKEN_COOKIE } from './index-228167f1.js';
+import { B as BEARER_TOKEN_COOKIE } from './index-f2fcff6b.js';
 import { getCookie, setCookie } from './miscCookieHelper.js';
-import { u as useTranslations } from './index-1634e0e8.js';
-import { T as TranslationsContext } from './translationsContext-4c4d30a3.js';
-import { M as MediaQueries, b as getWrapperDomWithSelector, a as getPopupWrapperDom } from './utils-d1cda983.js';
-import { T as Text } from './index-34210312.js';
-import { S as Select, d as Checkbox, I as Input, R as Radio, P as Phone, N as NumberInput, O as OTP } from './index-95356278.js';
-import { D as DatePicker } from './index-ef03a3c8.js';
-import { B as Button } from './index-db1958d8.js';
-import './index.styles-1dad4509.js';
+import { u as useTranslations } from './index-f5a16b12.js';
+import { T as TranslationsContext } from './translationsContext-2b0476b1.js';
+import { M as MediaQueries, b as getWrapperDomWithSelector, a as getPopupWrapperDom } from './utils-7f18d357.js';
+import { T as Text } from './index-51aea295.js';
+import { S as Select, d as Checkbox, I as Input, R as Radio, P as Phone, N as NumberInput, O as OTP } from './index-535b9113.js';
+import { D as DatePicker } from './index-a83fb4f2.js';
+import { B as Button } from './index-79434b4c.js';
+import './index.styles-e6147969.js';
 import { useIntersection, useClickOutside } from '@mantine/hooks';
-import './useMantineLocale-d414da46.js';
-import { C as COMMON_DATE_TRANSLATE_KEY } from './index-b25cfee9.js';
-import './index-c41a2f99.js';
-import { L as LOCALE_SPECS, Z as ZINDEX_SSO, I as ISO_FORMAT } from './index-ae06d1b2.js';
-import './other-f771317b.js';
-import './index-d85cc105.js';
-import { M as MAPPED_LOCALE } from './utils-f87b8801.js';
+import './useMantineLocale-6b6f151b.js';
+import { C as COMMON_DATE_TRANSLATE_KEY } from './index-d113aefb.js';
+import './index-439a89ce.js';
+import { L as LOCALE_SPECS, Z as ZINDEX_SSO, I as ISO_FORMAT } from './index-8fd4885c.js';
+import './other-0032fd1c.js';
+import './index-139fc209.js';
+import { M as MAPPED_LOCALE } from './utils-9e96b6ff.js';
 import { DateInput } from '@mantine/dates';
-import { u as usePlacesAutocomplete, G as GOOGLE_API_KEY } from './usePlacesAutocomplete-bcb8d5fe.js';
-import { H as Heading$1 } from './index-b016366e.js';
-import { t as translationsMap$1 } from './translationsProvider-9da008c6.js';
-import { L as LOCALE } from './Locale-1064ff3c.js';
+import { u as usePlacesAutocomplete, G as GOOGLE_API_KEY } from './usePlacesAutocomplete-430042f1.js';
+import { H as Heading$1 } from './index-126a7f59.js';
+import { t as translationsMap$1 } from './translationsProvider-4c2096e9.js';
+import { L as LOCALE } from './Locale-e8f1e1cb.js';
 import { v1 } from 'uuid';
 import { domainLocales } from './constantsDomainLocales.js';
 import { parsePhoneNumber } from 'react-phone-number-input';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 import { css } from '@emotion/react';
-import { T as TogetherComponentGlobalContext } from './utils-6b931ca6.js';
-import { i as isVideo } from './index-94e2aa83.js';
-import { u as useScreenSize } from './useScreenSize-ad5b74e5.js';
+import { T as TogetherComponentGlobalContext } from './utils-5a90b828.js';
+import { i as isVideo } from './index-1e8176f0.js';
+import { u as useScreenSize } from './useScreenSize-0320a896.js';
 import { motion } from 'framer-motion';
 import { createPortal } from 'react-dom';
-import { B as Button$2 } from './index-825c7595.js';
-import { I as InputDate } from './InputDate-fcbc1a34.js';
-import { D as DrawerComponent } from './index-82885041.js';
-import { C as Close } from './Close-bc02a632.js';
+import { B as Button$2 } from './index-85abcb3d.js';
+import { I as InputDate } from './InputDate-2a5a9da1.js';
+import { D as DrawerComponent } from './index-edd65b5b.js';
+import { C as Close } from './Close-f7a77b95.js';
 import './constantsIsProduction.js';
-import './normalizeLink-9966781a.js';
+import './normalizeLink-1633ca31.js';
 import '@hhgtech/icons/other';
 import '@mantine/carousel';
 import 'classnames';
-import './useUniqueId-d80ee3dd.js';
+import './useUniqueId-f39e2c63.js';
 import './constantsSite.js';
 import '@hhgtech/icons/core';
 import '@mantine/notifications';
@@ -64,11 +64,11 @@ import './i18n-values/tl-PH.js';
 import './i18n-values/vi-VN.js';
 import './i18n-values/vi-VN_MB.js';
 import './i18n-values/zh-TW.js';
-import './index-bb8be834.js';
+import './index-9fc500e1.js';
 import 'slugify';
 import 'string-format';
 import './togetherApiPaths.js';
-import './constants-76e60b46.js';
+import './constants-cea7f4a4.js';
 import 'vaul';
 
 const LeadGenComponentContext = createContext({});
@@ -158,11 +158,6 @@ const LEAD_TIMEZONE_DATA = {
     9: 'Asia/Manila', // Philippines / Filipinos Site
 };
 
-const LEADGEN_ACTIONS = {
-    SHOW: 'SHOW',
-    SCROLL: 'SCROLL',
-    TIME: 'TIME',
-};
 var LEADGEN_LAYOUT;
 (function (LEADGEN_LAYOUT) {
     LEADGEN_LAYOUT["LightBoxA"] = "LightBoxA";
@@ -561,6 +556,13 @@ const campaignPostImpression = ({ code, action, title_article, ga_client_id, coo
         },
     });
 };
+const trackingSubscription = (data) => {
+    return leadApi.call({
+        url: `api/collection/tracking-subscription`,
+        method: METHOD.POST,
+        data,
+    });
+};
 const Service = {
     campaignGetById,
     getCampaignByCode,
@@ -568,6 +570,7 @@ const Service = {
     postSubscriptionBoxLead,
     postUserInfoFromLeadGen,
     campaignPostImpression,
+    trackingSubscription,
     validateEmailOrPhoneOnSubot,
     validateEmailOrPhoneOnLeadGen,
     validatePhoneNumberOnLeadGen,
@@ -1982,10 +1985,10 @@ const LeadGenContext = createContext({
         LeadLog('** LeadGen SubmitSubscriptionBox : ', value);
         return Promise.reject(value);
     },
-    impression(value) {
+    impression(type) {
         /** Init for FAKING function */
-        LeadLog('** LeadGen Impression : ', value);
-        return Promise.reject(value);
+        LeadLog('** LeadGen Impression : ', type);
+        return Promise.reject();
     },
     /** For Subscription Box */
     subscriptionIcon: '',
@@ -1993,7 +1996,7 @@ const LeadGenContext = createContext({
     subscriptionPhoneType: '',
 });
 const LeadGenContextProvider = (props) => {
-    const { campaign_code: campaignCodeProps, apiSsoUrl, apiLeadUrl, apiSubotUrl, locale: localeProps, forceCampaign: forceCampaignProps, extraValues, articleId = 1, categoryId = 1, siteDomain: site_domain, children } = props, restProps = __rest(props, ["campaign_code", "apiSsoUrl", "apiLeadUrl", "apiSubotUrl", "locale", "forceCampaign", "extraValues", "articleId", "categoryId", "siteDomain", "children"]);
+    const { campaign_code: campaignCodeProps, apiSsoUrl, apiLeadUrl, apiSubotUrl, locale: localeProps, forceCampaign: forceCampaignProps, extraValues, articleId = 1, categoryId = 1, siteDomain: site_domain, children, userInfo } = props, restProps = __rest(props, ["campaign_code", "apiSsoUrl", "apiLeadUrl", "apiSubotUrl", "locale", "forceCampaign", "extraValues", "articleId", "categoryId", "siteDomain", "children", "userInfo"]);
     const { t } = useTranslations();
     const [forceCampaign, setForceCampaign] = useState(forceCampaignProps);
     const [subscriptionInfo, setSubscriptionInfo] = useState({
@@ -2005,7 +2008,7 @@ const LeadGenContextProvider = (props) => {
     const locale = useMemo(() => {
         return localeProps || LOCALE['PhilippinesEnglish'];
     }, [localeProps]);
-    const { url, campaign_id, campaign_code, cookie_id, ga_client_id, category_id, article_id, article_title, } = useMemo(() => ({
+    const { url, campaign_id, cookie_id, ga_client_id, category_id, article_id, article_title, category_name, } = useMemo(() => ({
         url: location.href.toLowerCase() || '',
         cookie_id: getCookie('hhg-id') || null,
         ga_client_id: getCookie('_ga'),
@@ -2014,12 +2017,14 @@ const LeadGenContextProvider = (props) => {
         category_id: categoryId,
         article_id: articleId,
         article_title: (extraValues === null || extraValues === void 0 ? void 0 : extraValues.article_title) || document.title || '',
+        category_name: (extraValues === null || extraValues === void 0 ? void 0 : extraValues.category_name) || '',
     }), [
         campaignCodeProps,
         articleId,
         categoryId,
         forceCampaign === null || forceCampaign === void 0 ? void 0 : forceCampaign.id,
         extraValues === null || extraValues === void 0 ? void 0 : extraValues.article_title,
+        extraValues === null || extraValues === void 0 ? void 0 : extraValues.category_name,
     ]);
     // const fetchCampaign = useCallback(
     //   (campaign_code: string) => {
@@ -2054,33 +2059,36 @@ const LeadGenContextProvider = (props) => {
         cookie_id,
         ga_client_id,
     ]);
-    const impression = useCallback((value) => {
+    const impression = useCallback((type) => {
+        const gaCookie = getCookie('_ga') || null;
         const impression = {
-            url: (value === null || value === void 0 ? void 0 : value.url) || url,
-            action: (value === null || value === void 0 ? void 0 : value.action) || LEADGEN_ACTIONS.SCROLL,
-            code: (value === null || value === void 0 ? void 0 : value.code) || campaign_code,
-            title_article: (value === null || value === void 0 ? void 0 : value.title_article) || article_title,
-            cookie_id: (value === null || value === void 0 ? void 0 : value.cookie_id) || cookie_id,
-            ga_client_id: (value === null || value === void 0 ? void 0 : value.ga_client_id) || ga_client_id,
-            referrer: value === null || value === void 0 ? void 0 : value.referrer,
-            extra: Object.assign(Object.assign(Object.assign({}, value === null || value === void 0 ? void 0 : value.extra), { cookie_id,
-                article_id, subscription_title: subscriptionInfo.subscriptionTitle, subscription_type: subscriptionInfo.subscriptionType }), extraValues),
+            subscription_title: subscriptionInfo.subscriptionTitle,
+            name: (userInfo === null || userInfo === void 0 ? void 0 : userInfo.name) || '',
+            area_code: (userInfo === null || userInfo === void 0 ? void 0 : userInfo.area_code) || '',
+            phone_number: (userInfo === null || userInfo === void 0 ? void 0 : userInfo.phone) || '',
+            site_domain: domainLocales[locale],
+            url: location.href.toLowerCase(),
+            cookie_id: getCookie('hhg-id'),
+            ga_client_id: gaCookie,
+            article_title,
+            article_id,
+            category_id,
+            category_name,
+            type,
         };
-        if (!impression.extra.subscription_title) {
-            delete impression.extra.subscription_title;
-        }
-        return Service.campaignPostImpression(impression);
+        return Service.trackingSubscription(impression);
     }, [
-        extraValues,
         campaign_id,
         url,
-        campaign_code,
         article_title,
         cookie_id,
         ga_client_id,
+        categoryId,
         article_id,
         subscriptionInfo.subscriptionTitle,
-        subscriptionInfo.subscriptionType,
+        userInfo === null || userInfo === void 0 ? void 0 : userInfo.name,
+        userInfo === null || userInfo === void 0 ? void 0 : userInfo.area_code,
+        userInfo === null || userInfo === void 0 ? void 0 : userInfo.phone,
     ]);
     useEffect(() => {
         if (forceCampaignProps) {
@@ -2251,18 +2259,16 @@ const useLeadGenContext = () => {
     return Object.assign(Object.assign({}, context), { apiSsoUrl: context.apiSsoUrl || leadStore.apiSsoUrl, apiLeadUrl: context.apiLeadUrl || leadStore.apiLeadUrl, apiSubotUrl: context.apiSubotUrl || leadStore.apiSubotUrl });
 };
 
-const ImpressionTrackingWrapper = ({ children, stayDuration = 1, onImpression, }) => {
+const ImpressionTrackingWrapper = ({ children, stayDuration = 1, onImpression, dependency = '', }) => {
     const { ref, entry } = useIntersection({
         threshold: 1,
     });
     const [tracked, setTracked] = useState(false);
     useEffect(() => {
-        if (!tracked)
-            return;
         let timer = null;
         let count = 0;
-        if (entry === null || entry === void 0 ? void 0 : entry.isIntersecting) {
-            timer = setTimeout(() => {
+        if ((entry === null || entry === void 0 ? void 0 : entry.isIntersecting) && !tracked) {
+            timer = setInterval(() => {
                 if (count > stayDuration) {
                     setTracked(true);
                 }
@@ -2271,15 +2277,15 @@ const ImpressionTrackingWrapper = ({ children, stayDuration = 1, onImpression, }
                 }
             }, stayDuration * 1000);
         }
-        else {
-            clearTimeout(timer);
-        }
-        return () => clearTimeout(timer);
-    }, [entry === null || entry === void 0 ? void 0 : entry.isIntersecting]);
+        return () => clearInterval(timer);
+    }, [entry === null || entry === void 0 ? void 0 : entry.isIntersecting, tracked]);
     useEffect(() => {
         tracked && onImpression();
     }, [tracked]);
-    return React__default.createElement(Box, { ref: ref }, children);
+    useEffect(() => {
+        setTracked(false);
+    }, [dependency]);
+    return (React__default.createElement(Box, { "data-impression": true, ref: ref }, children));
 };
 
 // eslint-disable-next-line @typescript-eslint/no-var-requires
@@ -3269,10 +3275,9 @@ const LeadGenSubscriptionBoxWithoutMemo = ({ locale, userInfo, forceCampaign, ca
     const { image, extra_fields, id: campaign_id, bot_id: campaign_subot_id = [], ThankYouBlock, } = forceCampaign || {};
     const { textBlocks, listBlockAdded, actionBlocks } = extra_fields || {};
     const { submitBlock } = actionBlocks || {};
-    const { apiLeadUrl, subscriptionIcon, subscriptionTitle, subscriptionPhoneType, submitSubscriptionBox, impression, onFinish, } = useLeadGenContext();
+    const { apiLeadUrl, subscriptionIcon, subscriptionTitle, subscriptionPhoneType, submitSubscriptionBox, onFinish, impression, } = useLeadGenContext();
     const { t } = useTranslations();
     const { action: { pushNotifications }, } = useContext(TogetherComponentGlobalContext);
-    const refContainer = useRef(null);
     const [loading, setLoading] = useState(false);
     const [showThankyou, setShowThankyou] = useState(false);
     const validatingEmailRef = useRef(false);
@@ -3292,17 +3297,6 @@ const LeadGenSubscriptionBoxWithoutMemo = ({ locale, userInfo, forceCampaign, ca
             t('leadgen.message.title.default');
     }, [subscriptionTitle, (_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 { image: thankyouImage, title: thankyouTitle, description: thankyouDescription, button: thankyouButton, } = ThankYouBlock || {};
-    const intersectionObserverCallback = useCallback((entries) => {
-        entries.forEach((entry) => {
-            const { isIntersecting, target } = entry;
-            if (!showThankyou &&
-                isIntersecting &&
-                target === refContainer.current) {
-                impression();
-            }
-        });
-    }, [impression, showThankyou]);
-    const IObserver = new IntersectionObserver(intersectionObserverCallback);
     const middlewareOnSubmit = useCallback((values) => __awaiter(void 0, void 0, void 0, function* () {
         const newValues = {
             subscription_title,
@@ -3339,7 +3333,11 @@ const LeadGenSubscriptionBoxWithoutMemo = ({ locale, userInfo, forceCampaign, ca
         setLoading(true);
         try {
             const reqValues = Object.assign(Object.assign({}, newValues), ssoValues);
-            const { _data } = (yield submitSubscriptionBox(reqValues)) || {};
+            const [res] = yield Promise.all([
+                submitSubscriptionBox(reqValues),
+                impression('submit_form'),
+            ]);
+            const { _data } = res || {};
             const { model } = _data || {};
             if (model && (model === null || model === void 0 ? void 0 : model.id)) {
                 setShowThankyou(true);
@@ -3383,15 +3381,7 @@ const LeadGenSubscriptionBoxWithoutMemo = ({ locale, userInfo, forceCampaign, ca
         userInfo === null || userInfo === void 0 ? void 0 : userInfo.uid,
         userInfo === null || userInfo === void 0 ? void 0 : userInfo.phone,
     ]);
-    useEffect(() => {
-        if (refContainer.current) {
-            IObserver.observe(refContainer.current);
-        }
-        return () => {
-            IObserver.disconnect();
-        };
-    }, [categoryId]);
-    return (React__default.createElement(ImpressionTrackingWrapper, { onImpression: impression },
+    return (React__default.createElement(ImpressionTrackingWrapper, { dependency: categoryId, onImpression: () => impression('impression') },
         React__default.createElement(StyledLeadGenSubscriptionBox, { "data-phone-type": subscriptionPhoneType, "data-type": "subscription_box_A" },
             showThankyou && (React__default.createElement(LeadGenThankYou, { image: Object.assign(Object.assign({}, thankyouImage), { src: thankyouImage.src || `${apiLeadUrl}admin/img/thanksyou.png` }), title: thankyouTitle, description: thankyouDescription, button: thankyouButton })),
             !showThankyou && (React__default.createElement(LeadGenSubscriptionBoxA, { loading: loading, image: subscriptionIcon || image, title: subscription_title, submitText: (_c = submitBlock === null || submitBlock === void 0 ? void 0 : submitBlock.data) === null || _c === void 0 ? void 0 : _c.value, blocks: listBlockAdded, locale: locale, form: form, rules: validateObj, onFinish: middlewareOnSubmit })))));
@@ -4043,7 +4033,8 @@ const ThankyouPopup = ({ title, titleAlign, subtitle, subtitleAlign, link, linkN
                     React__default.createElement(Button, { className: `lead-modal__btn ${LEAD_CLASS}`, color: primaryColor }, linkText)))))));
 };
 
-const InlineLayout = ({ content, inlinePosition, }) => {
+const InlineLayout = ({ action, content, inlinePosition, campaignCode, }) => {
+    const { apiUrl } = useContext(LeadGenContext$1);
     const target = useMemo(() => {
         if (!inlinePosition)
             return null;
@@ -4150,7 +4141,22 @@ const InlineLayout = ({ content, inlinePosition, }) => {
     }, [inlinePosition]);
     if (!inlinePosition || !target)
         return null;
-    return createPortal(content, target);
+    return createPortal(React__default.createElement(ImpressionTrackingWrapper, { onImpression: () => __awaiter(void 0, void 0, void 0, function* () {
+            const gaCookie = getCookie('_ga') || null;
+            fetch(`${apiUrl}api/campaign/${campaignCode}/impression`, {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify({
+                    action,
+                    url: location.href.toLowerCase(),
+                    title_article: document.title,
+                    cookie_id: getCookie('hhg-id'),
+                    ga_client_id: gaCookie,
+                }),
+            });
+        }) }, content), target);
 };
 
 const SideBarLayout = ({ content }) => {
@@ -4917,7 +4923,7 @@ const LEADGEN_SHOW_HEADER = [
 ];
 // const CAMPAGE_CODE_LIST_APPLY_NEW_UI = ['ri3lkoxcetjoj39', 'u0adw7hw8kw7t89']
 const CAMPAGE_CODE_LIST_APPLY_NEW_UI = ['ri3lkoxcetjoj39'];
-const LightboxLayout = ({ popupId, extraFields, onClose: onCloseProp, onOtherSubmit, imageMobile, imageDesktop, imageOverlayMobile, imageOverlayDesktop, imageBackground, currentLayout, title, onSubmit, onUnmount, showThankyou, campaignId, campaignCode, campaign_subot_id, locale, showEmpty, setShowEmpty, userInfo, }) => {
+const LightboxLayout = ({ popupId, extraFields, onClose: onCloseProp, onOtherSubmit, imageMobile, imageDesktop, imageOverlayMobile, imageOverlayDesktop, imageBackground, currentLayout, title, onSubmit, onUnmount, showThankyou, campaignId, campaignCode, campaign_subot_id, locale, showEmpty, setShowEmpty, userInfo, action, }) => {
     var _a, _b;
     const { primaryColor } = useContext(LeadGenContext$1);
     const { isMobile } = useScreenSize();
@@ -5252,7 +5258,7 @@ const LightboxLayout = ({ popupId, extraFields, onClose: onCloseProp, onOtherSub
         return React__default.createElement(SideBarLayout, { content: PopupContainer });
     }
     else if (isInline) {
-        return (React__default.createElement(InlineLayout, { content: PopupContainer, inlinePosition: extraFields.popupInlinePosition }));
+        return (React__default.createElement(InlineLayout, { action: action, content: PopupContainer, campaignCode: campaignCode, inlinePosition: extraFields.popupInlinePosition }));
     }
     return null;
 };
@@ -5350,19 +5356,20 @@ const NewLeadPopup = ({ campaign, action, onSubmit, onClose, onUnmount, showThan
     const { apiUrl, siteDomain } = useContext(LeadGenContext$1);
     useEffect(() => {
         const gaCookie = getCookie('_ga') || null;
-        fetch(`${apiUrl}api/campaign/${code}/impression`, {
-            method: 'POST',
-            headers: {
-                'Content-Type': 'application/json',
-            },
-            body: JSON.stringify({
-                action,
-                url: location.href.toLowerCase(),
-                title_article: document.title,
-                cookie_id: getCookie('hhg-id'),
-                ga_client_id: gaCookie,
-            }),
-        });
+        !currentLayout.includes('Inline') &&
+            fetch(`${apiUrl}api/campaign/${code}/impression`, {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify({
+                    action,
+                    url: location.href.toLowerCase(),
+                    title_article: document.title,
+                    cookie_id: getCookie('hhg-id'),
+                    ga_client_id: gaCookie,
+                }),
+            });
     }, []);
     const { extra_fields, image, image_desktop, code, image_background, image_overlay_mobile, image_overlay_desktop, } = campaign || {};
     const { currentLayout } = extra_fields;
@@ -5464,7 +5471,7 @@ const NewLeadPopup = ({ campaign, action, onSubmit, onClose, onUnmount, showThan
         currentLayout == 'Fullscreen' ||
         currentLayout == 'Sidebar' ||
         currentLayout == 'Slider') {
-        return (React__default.createElement(LightboxLayout, { popupId: popupIdRef.current, extraFields: extra_fields, onClose: onClose, onOtherSubmit: onOtherSubmit, onUnmount: onUnmount, imageMobile: image, imageDesktop: image_desktop, imageBackground: image_background, currentLayout: currentLayout, title: titleText, onSubmit: (params) => onSubmit(params, categoryLevel, categoryData), key: currentLayout, imageOverlayDesktop: image_overlay_desktop, imageOverlayMobile: image_overlay_mobile, showThankyou: showThankyou, campaignId: campaign.id, campaignCode: campaign.code, campaign_subot_id: campaign.bot_id || [], locale: locale, showEmpty: showEmpty, setShowEmpty: setShowEmpty, userInfo: userInfo }));
+        return (React__default.createElement(LightboxLayout, { popupId: popupIdRef.current, extraFields: extra_fields, onClose: onClose, onOtherSubmit: onOtherSubmit, onUnmount: onUnmount, imageMobile: image, imageDesktop: image_desktop, imageBackground: image_background, currentLayout: currentLayout, title: titleText, onSubmit: (params) => onSubmit(params, categoryLevel, categoryData), key: currentLayout, imageOverlayDesktop: image_overlay_desktop, imageOverlayMobile: image_overlay_mobile, showThankyou: showThankyou, campaignId: campaign.id, campaignCode: campaign.code, campaign_subot_id: campaign.bot_id || [], locale: locale, showEmpty: showEmpty, setShowEmpty: setShowEmpty, userInfo: userInfo, action: action }));
     }
     else if (currentLayout.includes('Skin')) {
         return (React__default.createElement(SkinLayout, { popupId: popupIdRef.current, link: actionBlocks.linkButtonBlock.data.url, linkNewTab: !!actionBlocks.linkButtonBlock.data.newtab, linkText: actionBlocks.linkButtonBlock.data.value, onClose: onClose, onOtherSubmit: onOtherSubmit, imageMobile: image, imageDesktop: image_desktop, currentLayout: currentLayout }));

package/build/esm/{logoIcon-15290840.js → logoIcon-43323e31.js}

@@ -1,6 +1,6 @@
 import React__default, { memo, useMemo } from 'react';
-import { C as CommonGAssets } from './index-c41a2f99.js';
-import { I as ImageWrap } from './useScreenSize-ad5b74e5.js';
+import { C as CommonGAssets } from './index-439a89ce.js';
+import { I as ImageWrap } from './useScreenSize-0320a896.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-95356278.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-95356278.js';
-export { D as DatePicker } from './index-ef03a3c8.js';
-export { T as Text } from './index-34210312.js';
-import { B as Button } from './index-db1958d8.js';
-export { B as Button } from './index-db1958d8.js';
-export { I as Indicator } from './index-0c2b0368.js';
+import { g as getMantineThemeOverride, h as StyledTextArea, D as DEBOUNCED_TIME, i as StyledSliderWrapper, j as StyledSlider } from './index-535b9113.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-535b9113.js';
+export { D as DatePicker } from './index-a83fb4f2.js';
+export { T as Text } from './index-51aea295.js';
+import { B as Button } from './index-79434b4c.js';
+export { B as Button } from './index-79434b4c.js';
+export { I as Indicator } from './index-1d6c510e.js';
 import React__default, { useState, useEffect } from 'react';
-export { M as Modal } from './index-243ad9da.js';
-import { _ as __rest } from './tslib.es6-1b94ff29.js';
+export { M as Modal } from './index-c3576bff.js';
+import { _ as __rest } from './tslib.es6-a261a854.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-ed86b8f8.js';
+export { S as Spoiler } from './index-b03443ec.js';
 import { useDebouncedValue } from '@mantine/hooks';
-export { S as Switch } from './index-1e888aa3.js';
-import { u as useMantineLocale, N as NotificationsHandler } from './useMantineLocale-d414da46.js';
-export { M as MAPPED_LOCALE, g as getHeadingStyles, s as showNotification, u as useMantineLocale } from './useMantineLocale-d414da46.js';
-export { O as OTHER_THEME_CONFIG } from './other-f771317b.js';
-export { T as Tabs } from './index-d85cc105.js';
+export { S as Switch } from './index-c7d84e35.js';
+import { u as useMantineLocale, N as NotificationsHandler } from './useMantineLocale-6b6f151b.js';
+export { M as MAPPED_LOCALE, g as getHeadingStyles, s as showNotification, u as useMantineLocale } from './useMantineLocale-6b6f151b.js';
+export { O as OTHER_THEME_CONFIG } from './other-0032fd1c.js';
+export { T as Tabs } from './index-139fc209.js';
 import '@hhgtech/icons/other';
-import './index-c41a2f99.js';
+import './index-439a89ce.js';
 import './constantsDomainLocales.js';
-import './Locale-1064ff3c.js';
+import './Locale-e8f1e1cb.js';
 import './constantsIsProduction.js';
-import './useScreenSize-ad5b74e5.js';
+import './useScreenSize-0320a896.js';
 import '@emotion/styled';
-import './utils-d1cda983.js';
+import './utils-7f18d357.js';
 import '@mantine/carousel';
-import './index-b25cfee9.js';
-import './index-ae06d1b2.js';
+import './index-d113aefb.js';
+import './index-8fd4885c.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsRiskScreener.js';
 import 'classnames';
-import './useUniqueId-d80ee3dd.js';
+import './useUniqueId-f39e2c63.js';
 import '@hhgtech/icons/core';
 import '@mantine/dates';
-import './index.styles-1dad4509.js';
-import './index-1634e0e8.js';
-import './translationsContext-4c4d30a3.js';
+import './index.styles-e6147969.js';
+import './index-f5a16b12.js';
+import './translationsContext-2b0476b1.js';
 import '@mantine/notifications';
 import 'dayjs';
 

package/build/esm/misc.js

@@ -1,35 +1,35 @@
-export { a as ageGenerate, c as convertLocalizedStringToNumber, l as localizeNumberFormat } from './localizeNumberFormat-a430ab2e.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-cde9d582.js';
+export { a as ageGenerate, c as convertLocalizedStringToNumber, l as localizeNumberFormat } from './localizeNumberFormat-b8a31385.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-bb31664a.js';
 export { deleteCookie, getCookie, setCookie } from './miscCookieHelper.js';
 import 'react';
 import '@mantine/core';
-import './useMantineLocale-d414da46.js';
-import './index-b25cfee9.js';
-import './index-c41a2f99.js';
+import './useMantineLocale-6b6f151b.js';
+import './index-d113aefb.js';
+import './index-439a89ce.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-d1cda983.js';
-import './index-ae06d1b2.js';
-export { a as abbreviateNumber } from './number-5b2a0102.js';
-export { d as getCareApiDomain, g as getCurrentBaseUrl, a as getCurrentSsoUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain } from './normalizeLink-9966781a.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-7f18d357.js';
+import './index-8fd4885c.js';
+export { a as abbreviateNumber } from './number-ad9e63e9.js';
+export { d as getCareApiDomain, g as getCurrentBaseUrl, a as getCurrentSsoUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain } from './normalizeLink-1633ca31.js';
 export { formatHealthTool, getDynamicHealthTool, getDynamicHealthToolWithCache } from './miscGetDynamicHealthTool.js';
 export { getSocialList } from './miscGetSocialList.js';
 export { ScreenSizeContext, ScreenSizeContextProvider, getWindowSizeGroups } from './miscScreenSizeContext.js';
-export { f as formatPill } from './dataTransform-4a6328f2.js';
+export { f as formatPill } from './dataTransform-27f9c94c.js';
 import 'dayjs';
 import '@emotion/react';
-import './tslib.es6-1b94ff29.js';
+import './tslib.es6-a261a854.js';
 import '@mantine/notifications';
-import './other-f771317b.js';
-import './Locale-1064ff3c.js';
+import './other-0032fd1c.js';
+import './Locale-e8f1e1cb.js';
 import './constantsDomainLocales.js';
 import './constantsIsProduction.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsRiskScreener.js';
-import './core-7565866f.js';
-import './WhatsApp-dba3504c.js';
-import './index-f3d8dc71.js';
-import './index-bb8be834.js';
+import './core-2470e22a.js';
+import './WhatsApp-68e816aa.js';
+import './index-9a717d21.js';
+import './index-9fc500e1.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-1b94ff29.js';
-import { e as normalizeLinkSlash, c as getDiscoverApiDomain } from './normalizeLink-9966781a.js';
-import { g as getDataWithCache } from './core-7565866f.js';
+import { a as __awaiter } from './tslib.es6-a261a854.js';
+import { e as normalizeLinkSlash, c as getDiscoverApiDomain } from './normalizeLink-1633ca31.js';
+import { g as getDataWithCache } from './core-2470e22a.js';
 import './constantsDomainLocales.js';
-import './Locale-1064ff3c.js';
+import './Locale-e8f1e1cb.js';
 import './constantsIsProduction.js';
 
 const formatHealthTool = (healthTool, locale) => {

package/build/esm/miscGetSocialList.js

@@ -1,12 +1,12 @@
 import React__default from 'react';
-import { _ as __rest } from './tslib.es6-1b94ff29.js';
-import { W as WhatsApp, I as Instagram } from './WhatsApp-dba3504c.js';
-import { S as SocialType } from './index-b25cfee9.js';
-import { g as getHelloSitesUrl } from './index-f3d8dc71.js';
-import { C as CommonGAssets } from './index-c41a2f99.js';
-import { L as LOCALE } from './Locale-1064ff3c.js';
-import './index-bb8be834.js';
-import './index-ae06d1b2.js';
+import { _ as __rest } from './tslib.es6-a261a854.js';
+import { W as WhatsApp, I as Instagram } from './WhatsApp-68e816aa.js';
+import { S as SocialType } from './index-d113aefb.js';
+import { g as getHelloSitesUrl } from './index-9a717d21.js';
+import { C as CommonGAssets } from './index-439a89ce.js';
+import { L as LOCALE } from './Locale-e8f1e1cb.js';
+import './index-9fc500e1.js';
+import './index-8fd4885c.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsDomainLocales.js';

package/build/esm/miscScreenSizeContext.js

@@ -1,6 +1,6 @@
 import React__default, { createContext, useState, useEffect, useMemo } from 'react';
 import throttle from 'lodash/throttle';
-import { B as Breakpoints } from './utils-d1cda983.js';
+import { B as Breakpoints } from './utils-7f18d357.js';
 
 const ScreenSizeContext = createContext({
     isInit: true,