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

package/build/lead/constants.d.ts

@@ -11,8 +11,7 @@ export declare const LEAD_DEVICE_TYPE: {
     MOBILE: number;
     DESKTOP: number;
 };
-export declare const LEAD_CLASS = "";
-export declare function useLeadClass(): string;
+export declare let LEAD_CLASS: string;
 export declare let CAMPAIGN_SHOW: {};
 export declare let CAMPAIGN_UUID: string;
 export declare let CAMPAIGN_IMPRESSION_ACTION: string;
@@ -20,7 +19,6 @@ export declare let LEAD_CURRENT_URL: string;
 export declare const LEAD_AXIOS_CONFIG: {};
 export declare let LEAD_POPUP_START_TIME: any;
 export declare let LEAD_POPUP_END_TIME: any;
-export declare function useInitInsiderObject(): void;
 export declare const LEAD_LOCALE_DATA: {
     'vi-VN': {
         popupLang: string;

package/build/lead/index.d.ts

@@ -1,14 +1,12 @@
 import React, { ReactNode } from 'react';
 import { LOCALE } from "../interfaces/types/Locale";
-import Close from "../icons/Close";
 import { Description } from "./components/description";
 import { Form } from "./components/form";
 import { Heading } from "./components/heading";
 import { OtpBlock } from "./components/otpBlock";
 import { Thankyou } from "./components/thankyou";
-import { LeadGenContext } from "./leadGenContext";
+import { Close } from "..";
 import './style.scss';
-import { LeadGenComponentContext } from "./components/context";
 export type Props = {
     apiUrl?: string;
     apiSubotUrl?: string;
@@ -34,4 +32,4 @@ export interface CompoundedComponent extends React.ForwardRefExoticComponent<Pro
     Close: typeof Close;
 }
 declare const LeadGen: CompoundedComponent;
-export { LeadGen, LeadGenContext, LeadGenComponentContext };
+export { LeadGen };

package/build/lead.css

@@ -1 +1 @@
-.lead-modal{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;background-color:transparent;display:flex;height:100%;justify-content:center;left:0;opacity:1;padding:10px;position:fixed;top:0;visibility:visible;white-space:normal!important;width:100%;z-index:99999}.lead-modal__wrapper{background-color:#fff;border-radius:6px;box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);max-width:450px;position:relative;width:100%}.lead-modal__content{-webkit-overflow-scrolling:touch;max-height:calc(100vh - 50px);overflow:auto;width:inherit}.lead-modal__header{padding:0}.lead-modal__image{border:none!important;box-shadow:none!important;display:block;margin:0 auto}.lead-modal-image-logo{margin-bottom:15px;margin-top:15px}.lead-modal-image-cover{border:none!important;border-top-left-radius:4px;box-shadow:none!important;padding:0;width:100%!important}.lead-modal__body[data-hidden=true]{display:none}.lead-modal__title{box-shadow:none!important;color:#2a4975!important;font-size:20px!important;font-stretch:normal!important;font-style:normal!important;font-weight:700!important;letter-spacing:-.4px!important;line-height:1.3!important;padding-bottom:0!important}.lead-modal__title.pink{color:#2661ad!important}.lead-modal__description{color:#2c87f3!important;font-size:13px!important;font-stretch:normal!important;font-style:normal!important;font-weight:400!important;letter-spacing:.14px!important;line-height:1.62!important;margin-top:10px!important}.lead-modal__description.pink{color:#3e3f58!important}.lead-modal__form-control-wrapper{display:flex;flex-direction:column;gap:8px}.lead-modal__form-control{width:100%}.lead-modal__checkbox-wrapper{align-items:center;display:flex;margin-top:15px}.lead-modal__checkbox-wrapper a{color:#2c87f3!important;text-decoration:none!important}.lead-modal__checkbox-wrapper a:visited{color:#2c87f3!important}.lead-modal__checkbox-wrapper.pink a,.lead-modal__checkbox-wrapper.pink a:visited{color:#e55c8a!important}.lead-modal__tnc-link{color:inherit;font-size:1em;font-stretch:normal;font-style:normal;letter-spacing:.14px;line-height:normal;position:relative;top:1px}.lead-modal__tnc-link a{color:#2c87f3!important;font-weight:700;text-decoration:none!important}.lead-modal__tnc-link a:visited{color:#2c87f3!important}.lead-modal__tnc-link.pink a,.lead-modal__tnc-link.pink a:visited{color:#e55c8a!important}.tnc-block{margin-top:15px}.tnc-block~.tnc-block{margin-top:0}.tnc-block .mantine-Checkbox-error{font-size:.875rem;line-height:1.2}.lead-modal__checkbox{display:inline-block;font-size:20px;position:relative;z-index:1}.lead-modal__checkbox__input{display:block;font-size:1em!important;height:1em!important;margin:0!important;opacity:0;padding:0;position:relative;width:1em!important;z-index:1}.lead-modal__checkbox__control{color:#ddd;height:100%;left:0;pointer-events:none;position:absolute;top:0;transition:transform .2s;width:100%;z-index:-1}.lead-modal__checkbox__control:after,.lead-modal__checkbox__control:before{content:"";position:absolute}.lead-modal__checkbox__control:before{background-color:currentColor;border-radius:50%;height:120%;left:50%;opacity:0;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .2s;width:120%;will-change:transform}.lead-modal__checkbox__control:after{background-color:#fff;border-radius:6px;box-shadow:inset 0 0 0 1px #ddd;height:100%;left:0;top:0;width:100%}.lead-modal__checkbox__control:focus:after{box-shadow:inset 0 0 0 1px #2c87f3}.lead-modal__checkbox__input:checked~.lead-modal__checkbox__control:after,.lead-modal__checkbox__input:indeterminate~.lead-modal__checkbox__control:after{background-color:currentColor;background-position:50%;background-repeat:no-repeat;background-size:18px;box-shadow:none}.lead-modal__checkbox__input:checked~.lead-modal__checkbox__control{color:#2c87f3}.lead-modal__checkbox__input:checked~.lead-modal__checkbox__control:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m2.5 8 4 4 7-9'/%3E%3C/svg%3E")}.lead-modal__checkbox__input:indeterminate~.lead-modal__checkbox__control{color:var(--custom-checkbox-color-disabled)}.lead-modal__checkbox__input:indeterminate~.lead-modal__checkbox__control:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 8h12'/%3E%3C/svg%3E")}.lead-modal__checkbox__input:active~.lead-modal__checkbox__control{transform:scale(.9)}.lead-modal__checkbox__input:checked:active~.lead-modal__checkbox__control,.lead-modal__checkbox__input:indeterminate:active~.lead-modal__checkbox__control{transform:scale(1)}.lead-modal__checkbox__input:focus~.lead-modal__checkbox__control:before{opacity:.2;transform:translate(-50%,-50%) scale(1)}.lead-modal__checkbox__input.pink~.lead-modal__checkbox__control:after{border-radius:50%!important}.lead-modal__checkbox__input.pink:checked~.lead-modal__checkbox__control{color:#2661ad}.lead-modal__checkbox__input.pink:checked~.lead-modal__checkbox__control:after,.lead-modal__checkbox__input.pink:indeterminate~.lead-modal__checkbox__control:after{background-size:12px}.lead-modal__checkbox__label{color:#969696;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;font-stretch:normal;font-style:normal;letter-spacing:.14px;line-height:normal;margin-bottom:0!important;margin-left:11px}.lead-modal__btn{display:block;margin-top:15px;width:100%}.lead-modal__thank-you{align-items:center;display:flex;height:inherit;justify-content:center;min-height:400px;padding:0 15px;text-align:center}.lead-modal__thank-you h1{font-size:32px;letter-spacing:-.23px;margin-top:10px}.lead-modal__thank-you h1,.lead-modal__thank-you p{color:#1b3250;font-stretch:normal;font-style:normal;font-weight:400;line-height:normal}.lead-modal__thank-you p{font-size:16px;letter-spacing:-.11px;margin-top:5px}.lead-modal__thank-you img{border:none!important;margin:0 auto!important;max-width:100%!important;width:auto!important}.lead-modal__thank-you.hidden{display:none}.modal__container{height:100vh;left:0;overflow-y:scroll;pointer-events:none;position:fixed;top:0;width:100vw;z-index:1000000000000}.modal__content{margin:auto 0;position:relative;width:80vw}#nprogress{pointer-events:none}#nprogress .bar{background:#223bdd;height:2px;left:0;position:fixed;top:0;width:100%;z-index:1031}#nprogress .peg{box-shadow:0 0 10px #29d,0 0 5px #29d;display:block;height:100%;opacity:1;position:absolute;right:0;transform:rotate(3deg) translateY(-4px);width:100px}#nprogress .spinner{display:block;position:fixed;right:15px;top:15px;z-index:1031}#nprogress .spinner-icon{animation:nprogress-spinner .4s linear infinite;border-color:#29d transparent transparent #29d;border-radius:50%;border-style:solid;border-width:2px;box-sizing:border-box;height:18px;width:18px}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{position:absolute}@keyframes nprogress-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.lead-modal__btn:disabled{background:#d5d5d5!important}.lead-modal input:-webkit-autofill,.lead-modal input:-webkit-autofill:focus,.lead-modal input:-webkit-autofill:hover,.lead-modal select:-webkit-autofill,.lead-modal select:-webkit-autofill:focus,.lead-modal select:-webkit-autofill:hover,.lead-modal textarea:-webkit-autofill,.lead-modal textarea:-webkit-autofill:focus,.lead-modal textarea:-webkit-autofill:hover{-webkit-text-fill-color:#2a4975;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}.lead-modal label.error{color:#fa140f;display:block;font-size:13px;line-height:1.65!important;margin-bottom:0;margin-left:0!important;width:100%}.le-text-align-center{text-align:center!important}.le-text-align-left{text-align:left!important}.le-text-align-right{text-align:right!important}.le-only-desktop{display:none!important}.le-only-mobile{display:block!important}.le-only-desktop a,.le-only-mobile a{text-decoration:none!important}@media screen and (min-width:992px){.le-newbuilder-InlineB,.le-newbuilder-LightBoxB{display:flex!important}}@media screen and (min-width:768px){.le-only-desktop{display:block!important}.le-only-mobile{display:none!important}.le-newbuilder-InlineB .lead-modal__body,.le-newbuilder-LightBoxB .lead-modal__body{position:relative;width:360px}.le-newbuilder-wrap-LightBoxB{max-width:none;width:auto}.le-newbuilder-wrap-InlineB{max-width:100%!important}.le-newbuilder-LightBoxB .le-only-desktop.lead-modal-image-cover{height:calc(100vh - 50px)}.lead-modal__form{height:100%;overflow:auto;position:absolute;width:100%}}.lead-modal__title{margin:7px 0!important}.lead-modal__description{margin:0}.lead-modal-image-cover,.lead-modal__wrapper{border-radius:0!important}.lead-modal__form{display:block!important;margin:0;padding:15px 15px 25px;position:static}.lead-modal__image+.lead-modal__image{margin-top:0}.lead-modal__thank-you{width:100%}.le-skin-a-desktop{align-items:center;display:flex;height:100%;left:0;position:fixed;top:0;z-index:99999}.le-joinbow-btn{background:#2c87f3;border:1px solid transparent!important;box-shadow:none!important;color:#fff;cursor:pointer!important;font-size:16px;outline:none!important;padding:12px 30px;text-align:center}.le-joinbow-btn:hover{border:1px solid #fff!important}.le-joinbow-btn-mobile{background:#2c87f3;border:none!important;box-shadow:none!important;color:#fff;font-size:14px;outline:none!important;padding:12px 30px;text-align:center}.le-newbuilder-close-svg{background:#005cfd;border-radius:50%;cursor:pointer!important;height:35px;width:35px}.le-mobile-btn{height:24px;width:24px}.le-newbuilder-close-button{background:transparent;border:none;box-shadow:none;cursor:pointer!important;padding:0;width:auto!important}.close-button-top-right{position:absolute;right:4px;top:4px}@media screen and (min-width:768px){.close-button-top-right{right:16px;top:16px}}.le-floating-desktop{bottom:40px;left:25px;position:fixed;z-index:9999}.le-floating-desktop-wrap{align-items:center;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#fff;border-radius:5px;box-shadow:0 0 20px 0 rgba(0,0,0,.4);display:flex;padding:0 30px 0 0}.le-floating-desktop-title{color:#2a4975;font-size:20px;font-weight:700;line-height:1.5}.le-floating-desktop-desc,.le-floating-desktop-title{font-stretch:normal;font-style:normal;letter-spacing:normal;max-width:530px}.le-floating-desktop-desc{color:#2699fb;font-size:13px;font-weight:400;line-height:1.65}.le-joinbow-floating-btn{background:#2c87f3;border:1px solid transparent!important;box-shadow:none!important;color:#fff;cursor:pointer!important;font-size:14px;font-weight:500;outline:none!important;padding:12px 40px;text-align:center}.le-floating-mobile{bottom:0;left:0;position:fixed;width:100%;z-index:9999}.le-floating-mobile-wrap{background:#fff;box-shadow:0 0 20px 0 rgba(0,0,0,.4);padding:10px 15px}.le-floating-mobile-title{color:#2a4975;font-size:18px;font-weight:600;line-height:1.5}.le-floating-mobile-desc,.le-floating-mobile-title{font-stretch:normal;font-style:normal;letter-spacing:normal}.le-floating-mobile-desc{color:#2699fb;font-size:12px;line-height:1.65}.le-tab-popup{bottom:15px;left:15px;max-width:150px;position:fixed}.le-center-tab-popup{left:50%;max-width:400px;position:fixed;top:50%;transform:translate(-50%,-50%);width:calc(100% - 40px);z-index:999999!important}.le-center-tab-popup img{max-width:100%!important}.le-checkbox-title{color:#2a4975;font-size:15px;font-stretch:normal;font-style:normal;font-weight:700;margin:13px 0!important}.lead-checkbox-container{align-items:center;cursor:pointer;display:flex;font-size:14px;line-height:1.65;margin:10px 0;position:relative}.lead-checkbox-checkmark{border:1px solid #d0d0d0;border-radius:4px;display:inline-block;flex:0 0 24px;height:24px;margin-right:8px;position:relative;vertical-align:middle}.lead-checkbox-container input{left:0;opacity:0;position:absolute;top:0}.lead-checkbox-checkmark:after{content:"";position:absolute}.lead-checkbox-container input:checked~.lead-checkbox-checkmark{background:#337eff;border:1px solid #337eff}.lead-checkbox-container input:checked~.lead-checkbox-checkmark:after{border:solid #fff;border-width:0 2px 2px 0;height:12px;left:8px;top:3px;transform:rotate(45deg);width:7px}.le-fullscreen-img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}@media screen and (min-width:768px){.lead-fullscreen-desktop-close-btn{position:fixed;right:23px;top:27px}}.lead-modal.le-buider-inline{display:block;height:auto!important;padding:10px 0 20px;position:static}.lead-modal.le-buider-inline .lead-modal__wrapper{border:1px solid #ddd;box-shadow:none}.lead-modal.le-buider-inline .lead-modal__content{max-height:none!important}.lead-modal.le-buider-inline .lead-modal__content .lead-modal__header img{-o-object-fit:fill;object-fit:fill}.le-thankyou-title{color:#2a4975!important;font-size:24px!important;margin-bottom:8px!important}.le-thankyou-subtitle{color:#2699fb!important;font-size:14px!important;margin:0!important}.le-buider-slider{animation:le-builder-slide .5s forwards;bottom:15px;height:auto;left:-200px;top:unset;width:420px}@keyframes le-builder-slide{to{left:15px}}@media screen and (max-width:768px){.le-buider-fullscreen,.le-buider-slider{display:none!important}}.le-skin-mobile{margin-top:64px}.lead-modal-wrapper img,.lead-modal-wrapper video{max-width:100%}.lead-phone-otp-button[data-color=transparent][data-size=md]{color:#2d87f3;margin-top:8px;padding:9px 24px}.lead-phone-otp-button[data-color=transparent][data-size=md]:disabled{background:transparent!important;color:#2d87f3}.lead-phone-otp-form{padding:1rem}.lead-modal__form-control .PhoneInputCountry,.lead-modal__form-control .PhoneInputInput,.leadgen-control .PhoneInputCountry,.leadgen-control .PhoneInputInput{font-size:14px}
+.lead-modal{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;background-color:transparent;display:flex;height:100%;justify-content:center;left:0;opacity:1;padding:10px;position:fixed;top:0;visibility:visible;white-space:normal!important;width:100%;z-index:99999}.lead-modal__wrapper{background-color:#fff;border-radius:6px;box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);max-width:450px;position:relative;width:100%}.lead-modal__content{-webkit-overflow-scrolling:touch;max-height:calc(100vh - 50px);overflow:auto;width:inherit}.lead-modal__header{padding:0}.lead-modal__image{border:none!important;box-shadow:none!important;display:block;margin:0 auto}.lead-modal-image-logo{margin-bottom:15px;margin-top:15px}.lead-modal-image-cover{border:none!important;border-top-left-radius:4px;box-shadow:none!important;padding:0;width:100%!important}.lead-modal__body[data-hidden=true]{display:none}.lead-modal__title{box-shadow:none;color:#2a4975;font-size:20px;font-stretch:normal;font-style:normal;font-weight:700;letter-spacing:-.4px;line-height:1.3;padding-bottom:0}.lead-modal__title.pink{color:#2661ad!important}.lead-modal__description{color:#2c87f3;font-size:13px;font-stretch:normal;font-style:normal;font-weight:400;letter-spacing:.14px;line-height:1.62;margin-top:10px}.lead-modal__description.pink{color:#3e3f58}.lead-modal__form-control-wrapper{display:flex;flex-direction:column;gap:8px}.lead-modal__form-control{width:100%}.lead-modal__checkbox-wrapper{align-items:center;display:flex;margin-top:15px}.lead-modal__checkbox-wrapper a{color:#2c87f3!important;text-decoration:none!important}.lead-modal__checkbox-wrapper a:visited{color:#2c87f3!important}.lead-modal__checkbox-wrapper.pink a,.lead-modal__checkbox-wrapper.pink a:visited{color:#e55c8a!important}.lead-modal__tnc-link{color:inherit;font-size:1em;font-stretch:normal;font-style:normal;letter-spacing:.14px;line-height:normal;position:relative;top:1px}.lead-modal__tnc-link a{color:#2c87f3!important;font-weight:700;text-decoration:none!important}.lead-modal__tnc-link a:visited{color:#2c87f3!important}.lead-modal__tnc-link.pink a,.lead-modal__tnc-link.pink a:visited{color:#e55c8a!important}.tnc-block{margin-top:15px}.tnc-block~.tnc-block{margin-top:0}.tnc-block .mantine-Checkbox-error{font-size:.875rem;line-height:1.2}.lead-modal__checkbox{display:inline-block;font-size:20px;position:relative;z-index:1}.lead-modal__checkbox__input{display:block;font-size:1em!important;height:1em!important;margin:0!important;opacity:0;padding:0;position:relative;width:1em!important;z-index:1}.lead-modal__checkbox__control{color:#ddd;height:100%;left:0;pointer-events:none;position:absolute;top:0;transition:transform .2s;width:100%;z-index:-1}.lead-modal__checkbox__control:after,.lead-modal__checkbox__control:before{content:"";position:absolute}.lead-modal__checkbox__control:before{background-color:currentColor;border-radius:50%;height:120%;left:50%;opacity:0;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .2s;width:120%;will-change:transform}.lead-modal__checkbox__control:after{background-color:#fff;border-radius:6px;box-shadow:inset 0 0 0 1px #ddd;height:100%;left:0;top:0;width:100%}.lead-modal__checkbox__control:focus:after{box-shadow:inset 0 0 0 1px #2c87f3}.lead-modal__checkbox__input:checked~.lead-modal__checkbox__control:after,.lead-modal__checkbox__input:indeterminate~.lead-modal__checkbox__control:after{background-color:currentColor;background-position:50%;background-repeat:no-repeat;background-size:18px;box-shadow:none}.lead-modal__checkbox__input:checked~.lead-modal__checkbox__control{color:#2c87f3}.lead-modal__checkbox__input:checked~.lead-modal__checkbox__control:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m2.5 8 4 4 7-9'/%3E%3C/svg%3E")}.lead-modal__checkbox__input:indeterminate~.lead-modal__checkbox__control{color:var(--custom-checkbox-color-disabled)}.lead-modal__checkbox__input:indeterminate~.lead-modal__checkbox__control:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 8h12'/%3E%3C/svg%3E")}.lead-modal__checkbox__input:active~.lead-modal__checkbox__control{transform:scale(.9)}.lead-modal__checkbox__input:checked:active~.lead-modal__checkbox__control,.lead-modal__checkbox__input:indeterminate:active~.lead-modal__checkbox__control{transform:scale(1)}.lead-modal__checkbox__input:focus~.lead-modal__checkbox__control:before{opacity:.2;transform:translate(-50%,-50%) scale(1)}.lead-modal__checkbox__input.pink~.lead-modal__checkbox__control:after{border-radius:50%!important}.lead-modal__checkbox__input.pink:checked~.lead-modal__checkbox__control{color:#2661ad}.lead-modal__checkbox__input.pink:checked~.lead-modal__checkbox__control:after,.lead-modal__checkbox__input.pink:indeterminate~.lead-modal__checkbox__control:after{background-size:12px}.lead-modal__checkbox__label{color:#969696;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;font-stretch:normal;font-style:normal;letter-spacing:.14px;line-height:normal;margin-bottom:0!important;margin-left:11px}.lead-modal__btn{display:block;margin-top:15px;width:100%}.lead-modal__thank-you{align-items:center;display:flex;height:inherit;justify-content:center;min-height:400px;padding:0 15px;text-align:center}.lead-modal__thank-you h1{font-size:32px;letter-spacing:-.23px;margin-top:10px}.lead-modal__thank-you h1,.lead-modal__thank-you p{color:#1b3250;font-stretch:normal;font-style:normal;font-weight:400;line-height:normal}.lead-modal__thank-you p{font-size:16px;letter-spacing:-.11px;margin-top:5px}.lead-modal__thank-you img{border:none!important;margin:0 auto!important;max-width:100%!important;width:auto!important}.lead-modal__thank-you.hidden{display:none}.modal__container{height:100vh;left:0;overflow-y:scroll;pointer-events:none;position:fixed;top:0;width:100vw;z-index:1000000000000}.modal__content{margin:auto 0;position:relative;width:80vw}#nprogress{pointer-events:none}#nprogress .bar{background:#223bdd;height:2px;left:0;position:fixed;top:0;width:100%;z-index:1031}#nprogress .peg{box-shadow:0 0 10px #29d,0 0 5px #29d;display:block;height:100%;opacity:1;position:absolute;right:0;transform:rotate(3deg) translateY(-4px);width:100px}#nprogress .spinner{display:block;position:fixed;right:15px;top:15px;z-index:1031}#nprogress .spinner-icon{animation:nprogress-spinner .4s linear infinite;border-color:#29d transparent transparent #29d;border-radius:50%;border-style:solid;border-width:2px;box-sizing:border-box;height:18px;width:18px}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{position:absolute}@keyframes nprogress-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.lead-modal__btn:disabled{background:#d5d5d5!important}.lead-modal input:-webkit-autofill,.lead-modal input:-webkit-autofill:focus,.lead-modal input:-webkit-autofill:hover,.lead-modal select:-webkit-autofill,.lead-modal select:-webkit-autofill:focus,.lead-modal select:-webkit-autofill:hover,.lead-modal textarea:-webkit-autofill,.lead-modal textarea:-webkit-autofill:focus,.lead-modal textarea:-webkit-autofill:hover{-webkit-text-fill-color:#2a4975;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}.lead-modal label.error{color:#fa140f;display:block;font-size:13px;line-height:1.65!important;margin-bottom:0;margin-left:0!important;width:100%}.le-text-align-center{text-align:center!important}.le-text-align-left{text-align:left!important}.le-text-align-right{text-align:right!important}.le-only-desktop{display:none!important}.le-only-mobile{display:block!important}.le-only-desktop a,.le-only-mobile a{text-decoration:none!important}@media screen and (min-width:992px){.le-newbuilder-InlineB,.le-newbuilder-LightBoxB{display:flex!important}}@media screen and (min-width:768px){.le-only-desktop{display:block!important}.le-only-mobile{display:none!important}.le-newbuilder-InlineB .lead-modal__body,.le-newbuilder-LightBoxB .lead-modal__body{position:relative;width:360px}.le-newbuilder-wrap-LightBoxB{max-width:none;width:auto}.le-newbuilder-wrap-InlineB{max-width:100%!important}.le-newbuilder-LightBoxB .le-only-desktop.lead-modal-image-cover{height:calc(100vh - 50px)}.lead-modal__form{height:100%;overflow:auto;position:absolute;width:100%}}.lead-modal__description{margin:0}.lead-modal-image-cover,.lead-modal__wrapper{border-radius:0!important}.lead-modal__form{display:block!important;margin:0;padding:15px 15px 25px;position:static}.lead-modal__image+.lead-modal__image{margin-top:0}.lead-modal__thank-you{width:100%}.le-skin-a-desktop{align-items:center;display:flex;height:100%;left:0;position:fixed;top:0;z-index:99999}.le-joinbow-btn{background:#2c87f3;border:1px solid transparent!important;box-shadow:none!important;color:#fff;cursor:pointer!important;font-size:16px;outline:none!important;padding:12px 30px;text-align:center}.le-joinbow-btn:hover{border:1px solid #fff!important}.le-joinbow-btn-mobile{background:#2c87f3;border:none!important;box-shadow:none!important;color:#fff;font-size:14px;outline:none!important;padding:12px 30px;text-align:center}.le-newbuilder-close-svg{background:#005cfd;border-radius:50%;cursor:pointer!important;height:35px;width:35px}.le-mobile-btn{height:24px;width:24px}.le-newbuilder-close-button{background:transparent;border:none;box-shadow:none;cursor:pointer;padding:0;width:auto}.close-button-top-right{position:absolute;right:4px;top:4px}@media screen and (min-width:768px){.close-button-top-right{right:16px;top:16px}}.le-floating-desktop{bottom:40px;left:25px;position:fixed;z-index:9999}.le-floating-desktop-wrap{align-items:center;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#fff;border-radius:5px;box-shadow:0 0 20px 0 rgba(0,0,0,.4);display:flex;padding:0 30px 0 0}.le-floating-desktop-title{color:#2a4975;font-size:20px;font-weight:700;line-height:1.5}.le-floating-desktop-desc,.le-floating-desktop-title{font-stretch:normal;font-style:normal;letter-spacing:normal;max-width:530px}.le-floating-desktop-desc{color:#2699fb;font-size:13px;font-weight:400;line-height:1.65}.le-joinbow-floating-btn{background:#2c87f3;border:1px solid transparent!important;box-shadow:none!important;color:#fff;cursor:pointer!important;font-size:14px;font-weight:500;outline:none!important;padding:12px 40px;text-align:center}.le-floating-mobile{bottom:0;left:0;position:fixed;width:100%;z-index:9999}.le-floating-mobile-wrap{background:#fff;box-shadow:0 0 20px 0 rgba(0,0,0,.4);padding:10px 15px}.le-floating-mobile-title{color:#2a4975;font-size:18px;font-weight:600;line-height:1.5}.le-floating-mobile-desc,.le-floating-mobile-title{font-stretch:normal;font-style:normal;letter-spacing:normal}.le-floating-mobile-desc{color:#2699fb;font-size:12px;line-height:1.65}.le-tab-popup{bottom:15px;left:15px;max-width:150px;position:fixed}.le-center-tab-popup{left:50%;max-width:400px;position:fixed;top:50%;transform:translate(-50%,-50%);width:calc(100% - 40px);z-index:999999!important}.le-center-tab-popup img{max-width:100%!important}.le-checkbox-title{color:#2a4975;font-size:15px;font-stretch:normal;font-style:normal;font-weight:700;margin:13px 0!important}.lead-checkbox-container{align-items:center;cursor:pointer;display:flex;font-size:14px;line-height:1.65;margin:10px 0;position:relative}.lead-checkbox-checkmark{border:1px solid #d0d0d0;border-radius:4px;display:inline-block;flex:0 0 24px;height:24px;margin-right:8px;position:relative;vertical-align:middle}.lead-checkbox-container input{left:0;opacity:0;position:absolute;top:0}.lead-checkbox-checkmark:after{content:"";position:absolute}.lead-checkbox-container input:checked~.lead-checkbox-checkmark{background:#337eff;border:1px solid #337eff}.lead-checkbox-container input:checked~.lead-checkbox-checkmark:after{border:solid #fff;border-width:0 2px 2px 0;height:12px;left:8px;top:3px;transform:rotate(45deg);width:7px}.le-fullscreen-img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}@media screen and (min-width:768px){.lead-fullscreen-desktop-close-btn{position:fixed;right:23px;top:27px}}.lead-modal.le-buider-inline{display:block;height:auto!important;padding:10px 0 20px;position:static}.lead-modal.le-buider-inline .lead-modal__wrapper{border:1px solid #ddd;box-shadow:none}.lead-modal.le-buider-inline .lead-modal__content{max-height:none!important}.lead-modal.le-buider-inline .lead-modal__content .lead-modal__header img{-o-object-fit:fill;object-fit:fill}.le-thankyou-title{color:#2a4975!important;font-size:24px!important;margin-bottom:8px!important}.le-thankyou-subtitle{color:#2699fb!important;font-size:14px!important;margin:0!important}.le-buider-slider{animation:le-builder-slide .5s forwards;bottom:15px;height:auto;left:-200px;top:unset;width:420px}@keyframes le-builder-slide{to{left:15px}}@media screen and (max-width:768px){.le-buider-fullscreen,.le-buider-slider{display:none!important}}.le-skin-mobile{margin-top:64px}.lead-modal-wrapper img,.lead-modal-wrapper video{max-width:100%}.lead-phone-otp-button[data-color=transparent][data-size=md]{color:#2d87f3;margin-top:8px;padding:9px 24px}.lead-phone-otp-button[data-color=transparent][data-size=md]:disabled{background:transparent!important;color:#2d87f3}.lead-phone-otp-form{padding:1rem}.lead-modal__form-control .PhoneInputCountry,.lead-modal__form-control .PhoneInputInput,.leadgen-control .PhoneInputCountry,.leadgen-control .PhoneInputInput{font-size:14px}.lead-modal__form-header{margin-bottom:20px}.lead-modal__btn{background-color:#2d87f3;color:#fff;height:48px}.lead-modal__btn:hover{background-color:rgba(45,135,243,.9)}.leadPopup__LightBoxA .lead-modal__wrapper{border-radius:8px!important;max-width:408px;min-width:343px}.leadPopup__LightBoxA .lead-modal__title{color:#262626;font-size:18px;font-weight:600;line-height:1.4;margin:0 0 8px}.leadPopup__LightBoxA .lead-modal__description,.leadPopup__LightBoxA .lead-modal__title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.leadPopup__LightBoxA .lead-modal__description{color:#595959;font-size:16px;letter-spacing:-.2px;line-height:1.5;margin-top:8px}.leadPopup__LightBoxA .lead-modal__header{border-top-left-radius:8px;border-top-right-radius:8px;overflow:hidden;padding-top:60%;position:relative}.leadPopup__LightBoxA .lead-modal__header>img,.leadPopup__LightBoxA .lead-modal__header>video{height:100%;inset:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:absolute;width:100%}.leadPopup__LightBoxA .lead-modal__body{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.leadPopup__LightBoxA .lead-modal__body .lead-modal__form{padding:20px}.leadPopup__LightBoxA .lead-modal__form-control-wrapper{display:none}.leadPopup__LightBoxA .lead-modal__form-header{margin-bottom:0}.leadPopup__LightBoxA .lead-modal__btn{border-radius:8px;font-size:16px;font-weight:600;height:48px;letter-spacing:-.1px;line-height:1.5;text-decoration:none;width:100%}.leadPopup__LightBoxA .le-newbuilder-close-button{align-items:center;background-color:#fff;border-radius:50%;bottom:100%;color:#595959;display:grid;font-size:20px;height:32px;justify-content:center;margin-bottom:8px;right:0;top:unset;vertical-align:middle;width:32px}@media screen and (min-width:768px){.leadPopup__LightBoxA .lead-modal__wrapper{min-width:408px}.leadPopup__LightBoxA .lead-modal__title{font-size:22px}.leadPopup__LightBoxA .lead-modal__body .lead-modal__form{padding:24px}}

package/build/lead.js

@@ -2,45 +2,45 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-18141544.js');
+var tslib_es6 = require('./tslib.es6-19595f43.js');
 var React = require('react');
 var core = require('@mantine/core');
 var dayjs = require('dayjs');
 var debounce = require('lodash/debounce');
 var form = require('@mantine/form');
-var index = require('./index-665f1a2a.js');
-var Close = require('./Close-70da4f92.js');
-var index$1 = require('./index-29fae227.js');
-var index$2 = require('./index-678ac51d.js');
-var index$4 = require('./index-e6404e69.js');
-var utils = require('./utils-42d5663a.js');
+var index = require('./index-cc9390bc.js');
+var index$1 = require('./index-d0ea50e0.js');
+var index$2 = require('./index-5dc8d608.js');
+var index$4 = require('./index-f6ac3713.js');
+var utils = require('./utils-98aee497.js');
 require('@mantine/dates');
-var index$9 = require('./index-68317e9b.js');
-require('./index-95789990.js');
-var index$8 = require('./index-9eca9d95.js');
-require('./useMantineLocale-831b4880.js');
-var index$5 = require('./index-4dafd054.js');
-require('./index.styles-6c3c5aec.js');
-var translationsContext = require('./translationsContext-f35097ba.js');
+var index$9 = require('./index-a03ed51a.js');
+require('./index-69bfcd40.js');
+var index$8 = require('./index-3232dbd1.js');
+require('./useMantineLocale-6a6a3532.js');
+var index$5 = require('./index-2c94b7f6.js');
+require('./index.styles-84618a52.js');
+var translationsContext = require('./translationsContext-e8e3064f.js');
 require('@mantine/hooks');
-var utils$1 = require('./utils-53005b36.js');
-require('./other-480f2150.js');
-require('./index-611ce31b.js');
-var usePlacesAutocomplete = require('./usePlacesAutocomplete-c62da4a9.js');
-var index$3 = require('./index-06367f04.js');
-var index$6 = require('./index-bf44675d.js');
+var utils$1 = require('./utils-99eb2b0f.js');
+require('./other-b6278fe8.js');
+require('./index-9894733c.js');
+var usePlacesAutocomplete = require('./usePlacesAutocomplete-04e34548.js');
+var index$3 = require('./index-320f6abb.js');
+var index$6 = require('./index-51d85310.js');
 var uuid = require('uuid');
-var index$7 = require('./index-d0f65b9c.js');
-var miscTheme = require('./miscTheme.js');
+var index$7 = require('./index-8fdc7501.js');
 var ReactDOM = require('react-dom');
+var miscTheme = require('./miscTheme.js');
 var miscCookieHelper = require('./miscCookieHelper.js');
+var Close = require('./Close-25f9cea0.js');
 require('@hhgtech/icons/other');
-require('./useScreenSize-d860bb63.js');
+require('./useScreenSize-d69e7ea0.js');
 require('@emotion/styled');
 require('@mantine/carousel');
-require('./Locale-7219668c.js');
+require('./Locale-59c8f2ff.js');
 require('classnames');
-require('./useUniqueId-2cc23654.js');
+require('./useUniqueId-366f946b.js');
 require('./constantsSite.js');
 require('@hhgtech/icons/core');
 require('date-fns/locale');
@@ -81,13 +81,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 = {
@@ -539,15 +546,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 = React.useRef(false);
     const validatingEmailRef = React.useRef(false);
     const leadFormConfig = useLeadFormConfig$1({
@@ -591,7 +598,6 @@ const Component = ({ campaign, onClose: onCloseProp, onOtherSubmit, onSubmit, sh
             onSubmit,
             showThankyou,
             setShowThankyou,
-            campaign,
         } }, children)) : null;
 };
 
@@ -1271,9 +1277,8 @@ const useImageSize = (src) => {
 };
 
 const CloseButton = ({ onClose, containerClassName, svgClassName, }) => (React__default["default"].createElement("button", { onClick: onClose, className: `le-newbuilder-close-button js-modal__close ${containerClassName || ''}` },
-    React__default["default"].createElement("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", className: svgClassName },
-        React__default["default"].createElement("circle", { cx: "16", cy: "16", r: "16", fill: "white" }),
-        React__default["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["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["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
@@ -1350,6 +1355,154 @@ const FloatingLayout = ({ popupId, url, title, urlText, titleAlign, subtitle, su
                     React__default["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["default"].createElement("div", { className: "lead-modal__thank-you" },
+        React__default["default"].createElement("div", { style: { width: '100%' } },
+            React__default["default"].createElement("img", { src: image, style: {
+                    maxHeight: 162,
+                    objectFit: 'cover',
+                    aspectRatio: `${imageWidth}/${imageHeight}`,
+                }, loading: "lazy" }),
+            title && (React__default["default"].createElement("h1", { className: `le-thankyou-title le-text-align-${titleAlign}` }, title)),
+            subtitle && (React__default["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["default"].createElement(React__default["default"].Fragment, null,
+                    text,
+                    isShowBr && React__default["default"].createElement("br", null)));
+            }))),
+            linkText && (React__default["default"].createElement("div", null,
+                React__default["default"].createElement("a", { href: link, target: linkNewTab ? '_blank' : 'parrent', rel: "noreferrer" },
+                    React__default["default"].createElement("button", { className: `lead-modal__btn ${LEAD_CLASS}` }, linkText)))))));
+};
+
+const InlineLayout = ({ content, inlinePosition, }) => {
+    const target = React.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 ReactDOM.createPortal(content, target);
+};
+
+const SideBarLayout = ({ content }) => {
+    const targets = React.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["default"].createElement(React__default["default"].Fragment, null, targets.map((target) => ReactDOM.createPortal(content, utils$1.getWrapperDomWithSelector(target, 'sidebar-lead-modal-wrapper')))));
+};
+
 // You can give context variables any name
 const [LeadFormProvider, useLeadFormContext, useLeadForm] = form.createFormContext();
 const useLeadFormConfig = ({ listBlockAdded = [], validatingPhoneRef, validatingEmailRef, campaignId, campaign_subot_id = [], }) => {
@@ -1779,160 +1932,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["default"].createElement("div", { className: "lead-modal__thank-you" },
-        React__default["default"].createElement("div", { style: { width: '100%' } },
-            React__default["default"].createElement("img", { src: image, style: {
-                    maxHeight: 162,
-                    objectFit: 'cover',
-                    aspectRatio: `${imageWidth}/${imageHeight}`,
-                }, loading: "lazy" }),
-            title && (React__default["default"].createElement("h1", { className: `le-thankyou-title le-text-align-${titleAlign}` }, title)),
-            subtitle && (React__default["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["default"].createElement(React__default["default"].Fragment, null,
-                    text,
-                    isShowBr && React__default["default"].createElement("br", null)));
-            }))),
-            linkText && (React__default["default"].createElement("div", null,
-                React__default["default"].createElement("a", { href: link, target: linkNewTab ? '_blank' : 'parrent', rel: "noreferrer" },
-                    React__default["default"].createElement("button", { className: `lead-modal__btn ${LEAD_CLASS}` }, linkText)))))));
-};
-
-const InlineLayout = ({ content, inlinePosition, }) => {
-    const target = React.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 ReactDOM.createPortal(content, target);
-};
-
-const SideBarLayout = ({ content }) => {
-    const targets = React.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["default"].createElement(React__default["default"].Fragment, null, targets.map((target) => ReactDOM.createPortal(content, utils$1.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);
@@ -2047,6 +2052,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["default"].createElement(index$3.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["default"].createElement(core.Button, { 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["default"].createElement(React__default["default"].Fragment, null,
         React__default["default"].createElement("style", { dangerouslySetInnerHTML: {
                 __html: `
@@ -2069,7 +2077,7 @@ const LightboxLayout = ({ popupId, extraFields, onClose: onCloseProp, onOtherSub
               }`
                     : ``}`,
             } }),
-        React__default["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["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["default"].createElement("img", { className: "le-only-desktop le-fullscreen-img", draggable: false, src: imageBackground || '', style: {
                     aspectRatio: `${imageBackgroundWidth}/${imageBackgroundHeight}`,
                 } })) : null,
@@ -2099,12 +2107,14 @@ const LightboxLayout = ({ popupId, extraFields, onClose: onCloseProp, onOtherSub
                     React__default["default"].createElement("div", { "data-hidden": !!showOtpPhone, className: "lead-modal__body le-newbuilder-overlay" },
                         React__default["default"].createElement(LeadFormProvider, { form: form },
                             React__default["default"].createElement("form", { ref: formRef, className: `lead-modal__form ${popupId}`, onSubmit: middlewareOnSubmit },
-                                React__default["default"].createElement("div", { style: { marginBottom: 20 } },
-                                    React__default["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["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["default"].createElement("div", { className: "lead-modal__form-header" },
+                                    React__default["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["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["default"].createElement("div", { className: "lead-modal__form-control-wrapper" },
                                     React__default["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["default"].createElement(index$3.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["default"].createElement(CloseButton, { onClose: onClose, containerClassName: "close-button-top-right" }))))));
     if (!renderAfterImageSizes)
         return null;
@@ -2974,5 +2984,3 @@ LeadGen.OtpForm = OtpBlock$1;
 LeadGen.Close = Close.Close;
 
 exports.LeadGen = LeadGen;
-exports.LeadGenComponentContext = LeadGenComponentContext;
-exports.LeadGenContext = LeadGenContext;

package/build/{logoIcon-191c2c2c.js → logoIcon-8e87ee06.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-9eca9d95.js');
-var useScreenSize = require('./useScreenSize-d860bb63.js');
+var index = require('./index-3232dbd1.js');
+var useScreenSize = require('./useScreenSize-d69e7ea0.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }