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

package/build/{labelSorting-2b8bc1b7.js → labelSorting-6e0cf3f2.js}

@@ -1,10 +1,10 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-1d48661b.js');
-require('./translationsContext-2e09f8fb.js');
-var togetherComponentGlobalContext = require('./utils-59430eab.js');
-var treePopoverMenu = require('./treePopoverMenu-e75708e7.js');
+var index = require('./index-666f8f44.js');
+require('./translationsContext-b36e704a.js');
+var togetherComponentGlobalContext = require('./utils-5b143680.js');
+var treePopoverMenu = require('./treePopoverMenu-56bcedc8.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/lead/LeadGenSubscriptionBox/LeadGenContext.d.ts

@@ -21,19 +21,23 @@ export type SubmitSubscriptionBoxValue = {
     campaign_id: number;
 };
 export type ImpressionValue = {
-    code: string;
-    action: string;
+    subscription_title: string;
+    name: string;
+    area_code: string;
+    phone_number: string;
+    site_domain: string;
     url: string;
-    cookie_id: string | null;
-    ga_client_id: string | null;
-    title_article: string;
-    extra?: Record<string, string | number>;
-    referrer?: string;
+    cookie_id: string;
+    ga_client_id: string;
+    article_title: string;
+    article_id: string;
+    category_id: string;
+    type: string;
 };
 export type LeadGenContextProps = LeadGenProps & {
     submit: (value?: SubmitValue) => Promise<any>;
     submitSubscriptionBox: (value?: Partial<SubmitSubscriptionBoxValue>) => Promise<any>;
-    impression: (value?: ImpressionValue) => Promise<any>;
+    impression: (type: 'impression' | 'submit_form') => Promise<any>;
     /** For Subscription Box */
     subscriptionIcon: string;
     subscriptionTitle: string;
@@ -61,7 +65,7 @@ export declare const useLeadGenContext: () => {
     categoryId?: number;
     submit: (value?: SubmitValue) => Promise<any>;
     submitSubscriptionBox: (value?: Partial<SubmitSubscriptionBoxValue>) => Promise<any>;
-    impression: (value?: ImpressionValue) => Promise<any>;
+    impression: (type: 'impression' | 'submit_form') => Promise<any>;
     /** For Subscription Box */
     subscriptionIcon: string;
     subscriptionTitle: string;

package/build/lead/layouts/inline.d.ts

@@ -1,5 +1,7 @@
-import { ReactNode } from 'react';
-export declare const InlineLayout: ({ content, inlinePosition, }: {
+import React, { ReactNode } from 'react';
+export declare const InlineLayout: ({ action, content, inlinePosition, campaignCode, }: {
+    action: string;
     content?: ReactNode;
     inlinePosition: string;
-}) => import("react").ReactPortal;
+    campaignCode: string;
+}) => React.ReactPortal;

package/build/lead/layouts/lightbox/index.d.ts

@@ -2,7 +2,7 @@ import React, { Dispatch, SetStateAction } from 'react';
 import { LOCALE, UserInfo } from "../../../interfaces/types";
 import { LEADGEN_LAYOUT } from "../../LeadGen.helpers";
 import { TrackingFormProps } from "../../LeadGen.type";
-export declare 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, }: {
+export declare 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, }: {
     popupId: string;
     currentLayout: LEADGEN_LAYOUT;
     extraFields: any;
@@ -33,4 +33,5 @@ export declare const LightboxLayout: ({ popupId, extraFields, onClose: onClosePr
     showEmpty?: boolean;
     setShowEmpty?: Dispatch<SetStateAction<boolean>>;
     userInfo?: UserInfo | null;
+    action: string;
 }) => React.JSX.Element;

package/build/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/lead.js

@@ -2,56 +2,56 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-a526d011.js');
+var tslib_es6 = require('./tslib.es6-8b962494.js');
 var React = require('react');
 var core = require('@mantine/core');
 var debounce = require('lodash/debounce');
 var form = require('@mantine/form');
 var dayjs = require('dayjs');
-var index = require('./index-cc9aa9eb.js');
+var index = require('./index-b6fbda4b.js');
 var miscCookieHelper = require('./miscCookieHelper.js');
-var index$1 = require('./index-25620da9.js');
-var translationsContext = require('./translationsContext-2e09f8fb.js');
-var utils$1 = require('./utils-53474e62.js');
-var index$2 = require('./index-1d48661b.js');
-var index$3 = require('./index-0f808537.js');
-var index$5 = require('./index-0628d2ea.js');
-var index$4 = require('./index-958565ef.js');
-require('./index.styles-e0a8880f.js');
+var index$1 = require('./index-183116a5.js');
+var translationsContext = require('./translationsContext-b36e704a.js');
+var utils$1 = require('./utils-cb4cbdeb.js');
+var index$2 = require('./index-666f8f44.js');
+var index$3 = require('./index-f148f62c.js');
+var index$5 = require('./index-86c1ad96.js');
+var index$4 = require('./index-9d14b0d7.js');
+require('./index.styles-8679e702.js');
 var hooks = require('@mantine/hooks');
-require('./useMantineLocale-cd39a460.js');
-var index$9 = require('./index-ec237d16.js');
-require('./index-75e5775d.js');
-var index$7 = require('./index-0a8e7d37.js');
-require('./other-b8ca7fcf.js');
-require('./index-cbce891a.js');
-var utils = require('./utils-f5efba7f.js');
+require('./useMantineLocale-f0641538.js');
+var index$9 = require('./index-12e72c66.js');
+require('./index-e53baf1c.js');
+var index$7 = require('./index-077b2e41.js');
+require('./other-61fb51e8.js');
+require('./index-9f55bdb5.js');
+var utils = require('./utils-c26644c2.js');
 var dates = require('@mantine/dates');
-var usePlacesAutocomplete = require('./usePlacesAutocomplete-bb5eba05.js');
-var index$6 = require('./index-feaa82fd.js');
-var translationsProvider = require('./translationsProvider-e31bc008.js');
-var Locale = require('./Locale-23e83c99.js');
+var usePlacesAutocomplete = require('./usePlacesAutocomplete-f811939e.js');
+var index$6 = require('./index-3e16f445.js');
+var translationsProvider = require('./translationsProvider-ff02354e.js');
+var Locale = require('./Locale-5de4d7a5.js');
 var uuid = require('uuid');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var PhoneInputBase = require('react-phone-number-input');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
 var react = require('@emotion/react');
-var togetherComponentGlobalContext = require('./utils-59430eab.js');
-var index$8 = require('./index-a3c05ce2.js');
-var useScreenSize = require('./useScreenSize-d209de5b.js');
+var togetherComponentGlobalContext = require('./utils-5b143680.js');
+var index$8 = require('./index-ca82a99f.js');
+var useScreenSize = require('./useScreenSize-33fef386.js');
 var framerMotion = require('framer-motion');
 var ReactDOM = require('react-dom');
-var index$a = require('./index-05eeb683.js');
-var InputDate = require('./InputDate-0f4db13a.js');
-var index$b = require('./index-9ae76386.js');
-var Close = require('./Close-a2a29b6f.js');
+var index$a = require('./index-699c917b.js');
+var InputDate = require('./InputDate-a2befee3.js');
+var index$b = require('./index-52cf3eb8.js');
+var Close = require('./Close-5e1f79f9.js');
 require('./constantsIsProduction.js');
-require('./normalizeLink-1f8449ac.js');
+require('./normalizeLink-6ee3fbbd.js');
 require('@hhgtech/icons/other');
 require('@mantine/carousel');
 require('classnames');
-require('./useUniqueId-94fce545.js');
+require('./useUniqueId-5a141d4d.js');
 require('./constantsSite.js');
 require('@hhgtech/icons/core');
 require('@mantine/notifications');
@@ -68,11 +68,11 @@ require('./i18n-values/tl-PH.js');
 require('./i18n-values/vi-VN.js');
 require('./i18n-values/vi-VN_MB.js');
 require('./i18n-values/zh-TW.js');
-require('./index-c33ce3a1.js');
+require('./index-ad27f459.js');
 require('slugify');
 require('string-format');
 require('./togetherApiPaths.js');
-require('./constants-a65a6f22.js');
+require('./constants-0f7d383c.js');
 require('vaul');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -187,11 +187,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";
@@ -590,6 +585,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,
@@ -597,6 +599,7 @@ const Service = {
     postSubscriptionBoxLead,
     postUserInfoFromLeadGen,
     campaignPostImpression,
+    trackingSubscription,
     validateEmailOrPhoneOnSubot,
     validateEmailOrPhoneOnLeadGen,
     validatePhoneNumberOnLeadGen,
@@ -2011,10 +2014,10 @@ const LeadGenContext = React.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: '',
@@ -2022,7 +2025,7 @@ const LeadGenContext = React.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 = tslib_es6.__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 = tslib_es6.__rest(props, ["campaign_code", "apiSsoUrl", "apiLeadUrl", "apiSubotUrl", "locale", "forceCampaign", "extraValues", "articleId", "categoryId", "siteDomain", "children", "userInfo"]);
     const { t } = index$1.useTranslations();
     const [forceCampaign, setForceCampaign] = React.useState(forceCampaignProps);
     const [subscriptionInfo, setSubscriptionInfo] = React.useState({
@@ -2034,7 +2037,7 @@ const LeadGenContextProvider = (props) => {
     const locale = React.useMemo(() => {
         return localeProps || Locale.LOCALE['PhilippinesEnglish'];
     }, [localeProps]);
-    const { url, campaign_id, campaign_code, cookie_id, ga_client_id, category_id, article_id, article_title, } = React.useMemo(() => ({
+    const { url, campaign_id, cookie_id, ga_client_id, category_id, article_id, article_title, category_name, } = React.useMemo(() => ({
         url: location.href.toLowerCase() || '',
         cookie_id: miscCookieHelper.getCookie('hhg-id') || null,
         ga_client_id: miscCookieHelper.getCookie('_ga'),
@@ -2043,12 +2046,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) => {
@@ -2083,33 +2088,36 @@ const LeadGenContextProvider = (props) => {
         cookie_id,
         ga_client_id,
     ]);
-    const impression = React.useCallback((value) => {
+    const impression = React.useCallback((type) => {
+        const gaCookie = miscCookieHelper.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: constantsDomainLocales.domainLocales[locale],
+            url: location.href.toLowerCase(),
+            cookie_id: miscCookieHelper.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,
     ]);
     React.useEffect(() => {
         if (forceCampaignProps) {
@@ -2280,18 +2288,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 } = hooks.useIntersection({
         threshold: 1,
     });
     const [tracked, setTracked] = React.useState(false);
     React.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);
                 }
@@ -2300,15 +2306,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]);
     React.useEffect(() => {
         tracked && onImpression();
     }, [tracked]);
-    return React__default["default"].createElement(core.Box, { ref: ref }, children);
+    React.useEffect(() => {
+        setTracked(false);
+    }, [dependency]);
+    return (React__default["default"].createElement(core.Box, { "data-impression": true, ref: ref }, children));
 };
 
 // eslint-disable-next-line @typescript-eslint/no-var-requires
@@ -3298,10 +3304,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 } = index$1.useTranslations();
     const { action: { pushNotifications }, } = React.useContext(togetherComponentGlobalContext.TogetherComponentGlobalContext);
-    const refContainer = React.useRef(null);
     const [loading, setLoading] = React.useState(false);
     const [showThankyou, setShowThankyou] = React.useState(false);
     const validatingEmailRef = React.useRef(false);
@@ -3321,17 +3326,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 = React.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 = React.useCallback((values) => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
         const newValues = {
             subscription_title,
@@ -3368,7 +3362,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);
@@ -3412,15 +3410,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,
     ]);
-    React.useEffect(() => {
-        if (refContainer.current) {
-            IObserver.observe(refContainer.current);
-        }
-        return () => {
-            IObserver.disconnect();
-        };
-    }, [categoryId]);
-    return (React__default["default"].createElement(ImpressionTrackingWrapper, { onImpression: impression },
+    return (React__default["default"].createElement(ImpressionTrackingWrapper, { dependency: categoryId, onImpression: () => impression('impression') },
         React__default["default"].createElement(StyledLeadGenSubscriptionBox, { "data-phone-type": subscriptionPhoneType, "data-type": "subscription_box_A" },
             showThankyou && (React__default["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["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 })))));
@@ -4072,7 +4062,8 @@ const ThankyouPopup = ({ title, titleAlign, subtitle, subtitleAlign, link, linkN
                     React__default["default"].createElement(index$4.Button, { className: `lead-modal__btn ${LEAD_CLASS}`, color: primaryColor }, linkText)))))));
 };
 
-const InlineLayout = ({ content, inlinePosition, }) => {
+const InlineLayout = ({ action, content, inlinePosition, campaignCode, }) => {
+    const { apiUrl } = React.useContext(LeadGenContext$1);
     const target = React.useMemo(() => {
         if (!inlinePosition)
             return null;
@@ -4179,7 +4170,22 @@ const InlineLayout = ({ content, inlinePosition, }) => {
     }, [inlinePosition]);
     if (!inlinePosition || !target)
         return null;
-    return ReactDOM.createPortal(content, target);
+    return ReactDOM.createPortal(React__default["default"].createElement(ImpressionTrackingWrapper, { onImpression: () => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
+            const gaCookie = miscCookieHelper.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: miscCookieHelper.getCookie('hhg-id'),
+                    ga_client_id: gaCookie,
+                }),
+            });
+        }) }, content), target);
 };
 
 const SideBarLayout = ({ content }) => {
@@ -4946,7 +4952,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 } = React.useContext(LeadGenContext$1);
     const { isMobile } = useScreenSize.useScreenSize();
@@ -5281,7 +5287,7 @@ const LightboxLayout = ({ popupId, extraFields, onClose: onCloseProp, onOtherSub
         return React__default["default"].createElement(SideBarLayout, { content: PopupContainer });
     }
     else if (isInline) {
-        return (React__default["default"].createElement(InlineLayout, { content: PopupContainer, inlinePosition: extraFields.popupInlinePosition }));
+        return (React__default["default"].createElement(InlineLayout, { action: action, content: PopupContainer, campaignCode: campaignCode, inlinePosition: extraFields.popupInlinePosition }));
     }
     return null;
 };
@@ -5379,19 +5385,20 @@ const NewLeadPopup = ({ campaign, action, onSubmit, onClose, onUnmount, showThan
     const { apiUrl, siteDomain } = React.useContext(LeadGenContext$1);
     React.useEffect(() => {
         const gaCookie = miscCookieHelper.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: miscCookieHelper.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: miscCookieHelper.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;
@@ -5493,7 +5500,7 @@ const NewLeadPopup = ({ campaign, action, onSubmit, onClose, onUnmount, showThan
         currentLayout == 'Fullscreen' ||
         currentLayout == 'Sidebar' ||
         currentLayout == 'Slider') {
-        return (React__default["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["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["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/{logoIcon-c73ced8e.js → logoIcon-85e2e0d0.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-75e5775d.js');
-var useScreenSize = require('./useScreenSize-d209de5b.js');
+var index = require('./index-e53baf1c.js');
+var useScreenSize = require('./useScreenSize-33fef386.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-0f808537.js');
-var index$1 = require('./index-0628d2ea.js');
-var index$2 = require('./index-1d48661b.js');
-var index$3 = require('./index-958565ef.js');
-var index$4 = require('./index-e4f24955.js');
+var index = require('./index-f148f62c.js');
+var index$1 = require('./index-86c1ad96.js');
+var index$2 = require('./index-666f8f44.js');
+var index$3 = require('./index-9d14b0d7.js');
+var index$4 = require('./index-0d6e201c.js');
 var React = require('react');
-var index$5 = require('./index-6b969fd7.js');
-var tslib_es6 = require('./tslib.es6-a526d011.js');
+var index$5 = require('./index-6bbe766a.js');
+var tslib_es6 = require('./tslib.es6-8b962494.js');
 var core = require('@mantine/core');
 var miscTheme = require('./miscTheme.js');
-var index$6 = require('./index-eecf76d3.js');
+var index$6 = require('./index-6600ee14.js');
 var hooks = require('@mantine/hooks');
-var index$7 = require('./index-a0631ca0.js');
-var useMantineLocale = require('./useMantineLocale-cd39a460.js');
-var other = require('./other-b8ca7fcf.js');
-var index$8 = require('./index-cbce891a.js');
+var index$7 = require('./index-3e4cc73c.js');
+var useMantineLocale = require('./useMantineLocale-f0641538.js');
+var other = require('./other-61fb51e8.js');
+var index$8 = require('./index-9f55bdb5.js');
 require('@hhgtech/icons/other');
-require('./index-75e5775d.js');
+require('./index-e53baf1c.js');
 require('./constantsDomainLocales.js');
-require('./Locale-23e83c99.js');
+require('./Locale-5de4d7a5.js');
 require('./constantsIsProduction.js');
-require('./useScreenSize-d209de5b.js');
+require('./useScreenSize-33fef386.js');
 require('@emotion/styled');
-require('./utils-53474e62.js');
+require('./utils-cb4cbdeb.js');
 require('@mantine/carousel');
-require('./index-ec237d16.js');
-require('./index-0a8e7d37.js');
+require('./index-12e72c66.js');
+require('./index-077b2e41.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
 require('classnames');
-require('./useUniqueId-94fce545.js');
+require('./useUniqueId-5a141d4d.js');
 require('@hhgtech/icons/core');
 require('@mantine/dates');
-require('./index.styles-e0a8880f.js');
-require('./index-25620da9.js');
-require('./translationsContext-2e09f8fb.js');
+require('./index.styles-8679e702.js');
+require('./index-183116a5.js');
+require('./translationsContext-b36e704a.js');
 require('@mantine/notifications');
 require('dayjs');