npm - @hhgtech/hhg-components - Versions diffs - 1.22.10 → 1.22.11 - Mend

@hhgtech/hhg-components 1.22.10 → 1.22.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/build/esm/lead.js +1 -1
package/build/lead/i18n/index.d.ts +1 -0
package/build/lead/thankyou.d.ts +2 -1
package/build/lead.js +1 -1
package/package.json +1 -1

package/build/esm/lead.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{d as n,e,b as t,_ as o,a}from"./tslib.es6-2fa94e2c.js";import l,{createContext as i,useContext as r,useState as d,useEffect as c,useMemo as p,useRef as s}from"react";import m from"lodash/debounce";import{createPortal as u}from"react-dom";import{T as h}from"./translationsContext-e7808c8f.js";import{g as b,s as g}from"./cookieHelper-8c12973e.js";import{a as f}from"./utils-11febb09.js";import{v1 as x}from"uuid";import{u as _}from"./useTranslations-b3eb31ef.js";import k from"styled-components";import"string-format";var w=function(n){var e=n.onClose,t=n.containerClassName,o=n.svgClassName;return l.createElement("button",{onClick:e,className:"le-newbuilder-close-button js-modal__close ".concat(t\|\|"")},l.createElement("svg",{className:"le-newbuilder-close-svg ".concat(o\|\|""),xmlns:"http://www.w3.org/2000/svg",width:"53",height:"53",viewBox:"0 0 53 53"},l.createElement("defs",null,l.createElement("filter",{width:"53",height:"53",filterUnits:"userSpaceOnUse"},l.createElement("feGaussianBlur",{result:"blur",stdDeviation:"3"}),l.createElement("feFlood",{floodOpacity:".4"}),l.createElement("feComposite",{in2:"blur",operator:"in"}),l.createElement("feComposite",{in:"SourceGraphic"})),l.createElement("style",{dangerouslySetInnerHTML:{__html:".cls-2{fill:none;stroke:#fff;stroke-linecap:round;stroke-width:2px}"}})),l.createElement("g",{filter:"url(#Ellipse_482)"},l.createElement("circle",{cx:"17.5",cy:"17.5",r:"17.5",transform:"translate(-483.1 -671.163)translate(483.1 671.16)translate(9 9)",fill:"#005cfd"})),l.createElement("path",{d:"M19 19L34 34",className:"cls-2"}),l.createElement("path",{d:"M34 19L19 34",className:"cls-2"})))},v=function(n){var e=n.popupId,t=n.url,o=n.newTab,a=n.imageDestkop,i=n.imageMobile,r=n.onClose,d=n.onOtherSubmit;return l.createElement("div",{id:e,className:"lead-modal-wrapper","data-popup-url":location.pathname,"data-popup-type":"center_tab"},l.createElement("div",{className:"le-center-tab-popup"},l.createElement("div",{style:{position:"relative"}},l.createElement("a",{className:"js-popup-other-submit",href:t,target:o?"blank":"_parent",onClick:d},l.createElement("img",{className:"le-only-mobile",src:i}),l.createElement("img",{className:"le-only-desktop",src:a})),l.createElement(w,{onClose:r,containerClassName:"le-abs-outer-mobile-top-right-2",svgClassName:"le-mobile-btn"}))))},y=function(n){var e=n.popupId,t=n.url,o=n.title,a=n.urlText,i=n.titleAlign,r=n.subtitle,d=n.subtitleAlign,c=n.newTab,p=n.imageDesktop,s=n.imageMobile,m=n.onClose,u=n.onOtherSubmit;return l.createElement("div",{id:e,className:"lead-modal-wrapper lead-floating-wrapper","data-popup-url":location.pathname,"data-popup-type":"floating"},l.createElement("aside",{className:"le-only-desktop"},l.createElement("div",{className:"le-floating-desktop"},l.createElement("div",{className:"le-floating-desktop-wrap",style:{position:"relative",background:"#fff"}},p?l.createElement("div",null,l.createElement("img",{style:{maxWidth:120,borderTopLeftRadius:5,borderBottomLeftRadius:5},src:p})):null,l.createElement("div",{style:{padding:20}},l.createElement("div",{className:"le-floating-desktop-title le-text-align-".concat(i)},o),l.createElement("div",{className:"le-floating-desktop-desc le-text-align-".concat(d)},r)),l.createElement("a",{target:c?"blank":"_parent",style:{marginLeft:35,textDecoration:"none"},href:t},l.createElement("button",{className:"le-joinbow-floating-btn js-popup-other-submit",onClick:u},a)),l.createElement(w,{onClose:m,containerClassName:"le-abs-outer-top-right"})))),l.createElement("aside",{className:"le-only-mobile"},l.createElement("div",{className:"le-floating-mobile"},l.createElement("div",{className:"le-floating-mobile-wrap",style:{position:"relative",background:"#fff"}},l.createElement("aside",{style:{display:"flex",justifyContent:"space-between"}},l.createElement("div",null,l.createElement("div",{className:"le-floating-mobile-title le-text-align-".concat(i)},o),l.createElement("div",{className:"le-floating-mobile-desc le-text-align-".concat(d)},r)),s?l.createElement("div",null,l.createElement("img",{style:{marginLeft:15,marginTop:4,maxWidth:100},src:s})):null),l.createElement("div",{style:{textAlign:"center",marginTop:10}},l.createElement("a",{target:c?"blank":"_parent",href:t,style:{textDecoration:"none"}},l.createElement("button",{className:"le-joinbow-floating-btn js-popup-other-submit",onClick:u},a))),l.createElement(w,{onClose:m,containerClassName:"le-abs-outer-top-right",svgClassName:"le-mobile-btn"})))))},E=1,N=2,C="https://dev.leadgen.hellobacsi.com/",B=1,S=2,z="";C.includes("localhost")&&(C="https://dev.leadgen.hellobacsi.com/"),location.hostname.includes("marrybaby.vn")&&(z="pink");var T="https://"+location.hostname+location.pathname+location.search;T=T.toLowerCase(),sessionStorage.getItem("insider_object")&&(window.insider_object=JSON.parse(sessionStorage.getItem("insider_object")));var L={"vi-VN":{popupLang:"vi",countryCode:"vn",countryCodeNumber:84},"id-ID":{popupLang:"id",countryCode:"id",countryCodeNumber:62},"th-TH":{popupLang:"th",countryCode:"th",countryCodeNumber:66},"ms-MY":{popupLang:"ms",countryCode:"my",countryCodeNumber:60},"zh-TW":{popupLang:"zh",countryCode:"tw",countryCodeNumber:886},"km-KH":{popupLang:"km",countryCode:"kh",countryCodeNumber:855},"my-MM":{popupLang:"my",countryCode:"mm",countryCodeNumber:95},"hi-IN":{popupLang:"hi",countryCode:"in",countryCodeNumber:91}},j=L[document.documentElement.lang]\|\|L["vi-VN"];var O=i({}),I=function(t){var o,a,i,s=t.popupId,m=t.extraFields,u=t.onClose,h=t.onOtherSubmit,b=t.imageMobile,g=t.imageDesktop,f=t.imageBackground,x=t.currentLayout,k=t.title,w=t.onSubmit,v=_().t,y=JSON.parse(m.listBlockAdded),E=JSON.parse(m.actionBlocks),N=JSON.parse(m.textBlocks),C=r(O).apiUrl,B=E.submitBlock.data.url,S=E.submitBlock.data.text,T=E.submitBlock.data.text2,L=E.submitBlock.data.value,I=location.pathname,A=x.includes("Inline"),D=x.includes("Inline")\|\|"Sidebar"===x,M="Slider"===x,P=d(!0),F=P[0],R=P[1];if(window.innerWidth<769&&["Fullscreen","Slider"].includes(x))return console.log("😎 Not show fullscreen, slider on mobile "),null;c((function(){(x.includes("LightBox")\|\|"Fullscreen"==x)&&document.body.classList.add("noscroll")}),[]);var V=function(t,o){return n(void 0,void 0,void 0,(function(){return e(this,(function(n){switch(n.label){case 0:return o.target.validity.valueMissing?[3,1]:(o.target.setCustomValidity(v("validator.required")),[3,5]);case 1:return o.target.validity.valid?[3,2]:("tel"===t?o.target.setCustomValidity(v("validator.phone")):"date"===t?o.target.setCustomValidity(v("validator.date")):"email"===t&&o.target.setCustomValidity(v("validator.email")),[3,5]);case 2:return"tel"!==t?[3,4]:[4,require("intl-tel-input")];case 3:return n.sent().isValidNumber(String(o.target.value),j.countryCode)?o.target.setCustomValidity(""):o.target.setCustomValidity(v("validator.phone")),[3,5];case 4:o.target.setCustomValidity(""),n.label=5;case 5:return[2]}}))}))},q=p((function(){var n={TextBlock:0,NumberBlock:0,EmailBlock:0,PhoneBlock:0,DateBlock:0,CheckboxBlock:0,RadioBlock:0};return y.map((function(e,t){var o,a;if("TitleBlock"==e.name)return l.createElement("h2",{key:t,className:"lead-modal__title ".concat("le-text-align-"+((null===(o=e.data)\|\|void 0===o?void 0:o.align)\|\|"")," ").concat(z)},e.data.value);if("SubtitleBlock"==e.name)return l.createElement("p",{key:t,className:"lead-modal__description ".concat("le-text-align-"+((null===(a=e.data)\|\|void 0===a?void 0:a.align)\|\|"")," ").concat(z)},e.data.value);if("TextBlock"==e.name)return n.TextBlock+=1,l.createElement("div",{key:t},l.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},l.createElement("input",{required:!0,"data-key":e.data.value,name:"text"+(n.TextBlock>1?n.TextBlock:""),spellCheck:!1,type:"text",placeholder:e.data.placeholder,className:"lead-modal__form-control width-100%",onChange:function(n){return V("text",n)}}),l.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(C,"admin/img/builder/text.svg")})));if("NumberBlock"==e.name){var i=l.createElement("div",{key:t},l.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},l.createElement("input",{required:!0,"data-key":e.data.value,name:"number"+(n.NumberBlock?n.NumberBlock:""),spellCheck:!1,type:"number",min:"0",placeholder:e.data.placeholder,className:"lead-modal__form-control width-100%",onChange:function(n){return V("number",n)}}),l.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(C,"admin/img/builder/number.svg")})));return n.NumberBlock+=1,i}if("EmailBlock"==e.name){i=l.createElement("div",{key:t},l.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},l.createElement("input",{required:!0,"data-key":e.data.value,name:"email"+(n.EmailBlock?n.EmailBlock:""),spellCheck:!1,type:"email",placeholder:e.data.placeholder,className:"lead-modal__form-control width-100%",onChange:function(n){return V("email",n)}}),l.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(C,"admin/img/builder/email.svg")})));return n.EmailBlock+=1,i}if("PhoneBlock"==e.name){i=l.createElement("div",{key:t},l.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},l.createElement("input",{required:!0,"data-key":e.data.value,name:"tel"+(n.PhoneBlock?n.PhoneBlock:""),spellCheck:!1,type:"tel",placeholder:e.data.placeholder,className:"lead-modal__form-control width-100%",onChange:function(n){return V("tel",n)}}),l.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(C,"admin/img/builder/tel.svg")})));return n.PhoneBlock+=1,i}if("DateBlock"==e.name){i=l.createElement("div",null,l.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},l.createElement("input",{required:!0,type:"date","data-key":e.data.value,name:"date"+(n.DateBlock?n.DateBlock:""),placeholder:e.data.placeholder,onClick:function(n){n.currentTarget.classList.remove("placeholderclass")},onBlur:function(n){n.currentTarget.value\|\|n.currentTarget.classList.add("placeholderclass")},className:"dateclass placeholderclass lead-modal__form-control width-100%",onChange:function(n){return V("date",n)}}),l.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(C,"admin/img/builder/date.svg")})));return n.DateBlock+=1,i}if("LinkButtonBlock"==e.name)return l.createElement("div",{key:t},l.createElement("a",{target:e.data.newtab?"blank":"parrent",href:e.data.url,style:{textDecoration:"none"}},l.createElement("button",{type:"button",className:"lead-modal__btn js-modal__close js-popup-other-submit ".concat(z),onClick:function(){null==u\|\|u(),null==h\|\|h()}},e.data.value)));if("CheckboxBlock"==e.name){var r=e.data,d=r.listQuestion,c=r.isSendMailChimp,p=void 0!==c&&c;i=l.createElement("div",{key:t,style:{margin:"5px 0"}},l.createElement("div",{className:"le-checkbox-title"},e.data.placeholder),l.createElement("div",{className:"mailchimp-".concat(e.data.value),"data-mailchimp":p}),d.map((function(t,o){return l.createElement("label",{key:o,className:"lead-checkbox-container"},l.createElement("input",{"data-key":e.data.value,name:"checkbox"+(n.CheckboxBlock?n.CheckboxBlock:"")+"[]",value:t.value,type:"checkbox",onChange:function(n){return V("checkbox",n)}}),l.createElement("span",{className:"lead-checkbox-checkmark"}),"$",t.placeholder)})));return n.CheckboxBlock+=1,i}if("RadioBlock"==e.name){d=e.data.listQuestion,i=l.createElement("div",{key:t,style:{margin:"5px 0"}},l.createElement("div",{className:"le-checkbox-title"},e.data.placeholder),d.map((function(t,o){return l.createElement("label",{className:"lead-radio-container",key:o},l.createElement("input",{"data-key":e.data.value,name:"radio"+(n.RadioBlock?n.RadioBlock:""),value:t.value,type:"radio",onChange:function(n){return V("radio",n)}}),l.createElement("span",{className:"lead-radio-checkmark"}),t.placeholder)})));return n.RadioBlock+=1,i}if("DropdownBlock"==e.name){d=e.data.listQuestion,i=l.createElement("div",{key:t,style:{margin:"5px 0"}},l.createElement("div",{className:"le-checkbox-title"},e.data.placeholder),l.createElement("div",{className:"le-newbuilder-select-wrapper"},l.createElement("select",{className:"le-newbuilder-select","data-key":e.data.value,name:"dropdown"+(n.DropdownBlock?n.DropdownBlock:"")},d.forEach((function(n,e){return l.createElement("option",{key:e,value:n.value},n.placeholder)})))));return n.DropdownBlock+=1,i}}))}),[]);return x.includes("LightBox")\|\|"Fullscreen"==x\|\|"Slider"==x?l.createElement(l.Fragment,null,l.createElement("style",{dangerouslySetInnerHTML:{__html:".le-newbuilder-overlay {\n background: url(".concat(b,") ;\n background-repeat: no-repeat;\n background-size: cover;\n }\n @media screen and (min-width:768px) {\n .le-newbuilder-overlay {\n background: url(").concat(g,") ;\n background-repeat: no-repeat;\n background-size: cover;\n }\n }")}}),l.createElement("div",{id:s,"data-popup-url":I,"data-popup-type":"lightbox-inline",className:"lead-modal lead-modal-wrapper modal--animate-scale ".concat(D?"le-buider-inline":""," ").concat(M?"le-buider-slider":"")},"Fullscreen"==x?l.createElement("img",{className:"le-only-desktop le-fullscreen-img",draggable:!1,src:f\|\|""}):null,l.createElement("div",{className:"lead-modal__wrapper le-newbuilder-wrap-".concat(x)},l.createElement("div",{className:"lead-modal__content le-newbuilder-".concat(x)},l.createElement("header",{className:"lead-modal__header"},["LightBoxA","InlineA","Sidebar","Slider"].includes(x)?b?l.createElement("img",{draggable:"false",className:"lead-modal__image lead-modal-image-cover",src:b,alt:""}):null:l.createElement(l.Fragment,null,g?l.createElement("img",{draggable:"false",className:"le-only-desktop lead-modal__image lead-modal-image-cover",style:{height:"100%",objectFit:"cover"},src:g,alt:""}):null,b?l.createElement("img",{draggable:"false",className:"le-only-mobile lead-modal__image lead-modal-image-cover",src:b,alt:""}):null)),l.createElement("div",{className:"lead-modal__body le-newbuilder-overlay"},l.createElement("form",{className:"lead-modal__form ".concat(s),onSubmit:w},l.createElement("div",{style:{marginBottom:20}},l.createElement("h2",{className:"lead-modal__title ".concat("le-text-align-"+(null===(o=N.titleBlock.data)\|\|void 0===o?void 0:o.align)," ").concat(z)},k),l.createElement("p",{className:"lead-modal__description ".concat("le-text-align-"+(null===(a=N.titleBlock.data)\|\|void 0===a?void 0:a.align)," ").concat(z)},N.subtitleBlock.data.value)),l.createElement("div",null,q),(null===(i=null==E?void 0:E.submitBlock)\|\|void 0===i?void 0:i.isHide)?null:l.createElement(l.Fragment,null,l.createElement("div",{className:"lead-modal__checkbox-wrapper ".concat(z)},l.createElement("div",{className:"lead-modal__checkbox"},l.createElement("input",{id:"lead-term-checkbox",className:"lead-modal__checkbox__input ".concat(z),type:"checkbox","aria-label":"Checkbox label",checked:F,onChange:function(n){return R(n.currentTarget.checked)}}),l.createElement("div",{className:"lead-modal__checkbox__control","aria-hidden":"true"})),l.createElement("label",{htmlFor:"checkbox",className:"lead-modal__checkbox__label"},S," ",l.createElement("span",{style:{fontWeight:"bold"}},l.createElement("a",{target:"blank",href:B\|\|"https://hellobacsi.com/chinh-sach",rel:"noopener noreferrer",style:{textDecoration:"none"}},T)))),l.createElement("button",{id:"lead-submit",type:"submit",className:"lead-modal__btn ".concat(z),disabled:!F}," ",L))))),"$",A?l.createElement("button",{className:"lead-modal__close-btn ".concat("Fullscreen"==x?"lead-fullscreen-desktop-close-btn":""," js-modal__close ").concat(z),onClick:u},l.createElement("svg",{className:"lead-modal__close-icon",viewBox:"0 0 24 24"},l.createElement("g",{fill:"none",stroke:"currentColor",strokeMiterlimit:"10",strokeWidth:"2"},l.createElement("line",{x1:"3",y1:"3",x2:"21",y2:"21"}),l.createElement("line",{x1:"21",y1:"3",x2:"3",y2:"21"})))):null))):null},A=function(n){var e=n.popupId,t=n.url,o=n.newTab,a=n.image,i=n.onClose,r=n.onOtherSubmit;return l.createElement("div",{id:e,className:"lead-modal-wrapper","data-popup-url":location.pathname,"data-popup-type":"tab"},l.createElement("div",{className:"le-tab-popup"},l.createElement("div",{style:{position:"relative"}},l.createElement("a",{href:t,target:o?"blank":"_parent",onClick:r},l.createElement("img",{className:"js-popup-other-submit",src:a})),l.createElement(w,{onClose:i,containerClassName:"le-abs-outer-mobile-top-right-2",svgClassName:"le-mobile-btn"}))))};var D,M=function(n){var e,t,o=n.campaign,a=n.action,i=n.onSubmit,d=n.onClose;_().t;var p=r(O),m=p.apiUrl,u=p.siteDomain;c((function(){var n=b("_ga")\|\|null;fetch("".concat(m,"api/campaign/").concat(w,"/impression"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:a,url:location.href.toLowerCase(),title_article:document.title,cookie_id:b("hhg-id"),ga_client_id:n})})}),[]);var h=o.extra_fields,f=o.image,k=o.image_desktop,w=o.code,E=o.image_background,N=h.currentLayout,C=h.imageBlocks?JSON.parse(h.imageBlocks):{},B=JSON.parse(h.actionBlocks),S=JSON.parse(h.textBlocks),z=(null===(t=null===(e=null==S?void 0:S.titleBlock)\|\|void 0===e?void 0:e.data)\|\|void 0===t?void 0:t.value)\|\|"",T={1:{},2:{},3:{}},L=s("lead-modal-"+x()),j=function(n){if(void 0===n&&(n="Xin chao {{category_2}} extra"),n.includes("{{category_")){var e="{{category_".length,t=n.search("{{category_");return+n.charAt(e+t)}return null}(z);if(j){console.log("⚡️ Has categoryLevel",j);var D=Array.from(document.getElementsByTagName("META")),M=D.find((function(n){return n.name==="content_category_".concat(j)})),P=D.find((function(n){return n.name==="content_category_en_".concat(j)}));if(!M\|\|!P)return console.log("⚡️ No META TAG for categoryLevel, not show popup",j),null;T[j]={value:M.content,value_en:P.content},z=z.replace("{{category_".concat(j,"}}"),M.content),console.log("⚡️ Set categoryData ",j)}else console.log("⚡️ No categoryLevel",j);var F=function(){var n,e,t,a;if(console.log("👌 Other submit click"),null==d\|\|d(),document.body.classList.remove("noscroll"),h.currentLayout.includes("Skin")){var l=document.querySelector("#masthead");l&&(l.style.top="0px !important;")}var i=Number(null!==(e=null===(n=o.rules.find((function(n){return"days_to_show_again"==n.rule})))\|\|void 0===n?void 0:n.value)&&void 0!==e?e:7),r=Number(null!==(a=null===(t=o.rules.find((function(n){return"show_again_after_submit"==n.rule})))\|\|void 0===t?void 0:t.value)&&void 0!==a?a:0);0===r&&(console.log("⛔ Popup never show again!"),g("lead_submited_".concat(w),"target_".concat(h.popupVersion),{domain:"."+u,path:"/"})),1==r&&(console.log("⌛ Popup will show again after ".concat(i," days!")),g("lead_submited_".concat(w),"target_".concat(h.popupVersion),{domain:"."+u,days:i,path:"/"}));var c=b("_ga")\|\|null,p={url:location.href.toLowerCase(),title_article:document.title,meta:[],cookie_id:b("hhg-id"),ga_client_id:c};j&&(p.category=T[j].value_en),fetch("".concat(m,"api/campaign/").concat(w,"/lead"),{method:"POST",body:JSON.stringify(p),headers:{"Content-Type":"application/json","X-Requested-With":"XMLHttpRequest"}}).then((function(n){return n.json()})).then((function(n){"error"===n.status&&console.log(n)})).catch((function(n){console.error("Error:",n)}))};return"CenterTab"===N?l.createElement(v,{popupId:L.current,url:C.imageMobile.data.url,newTab:C.imageMobile.data.newtab,imageMobile:f,imageDestkop:k,onClose:d,onOtherSubmit:F}):"Tab"===N?l.createElement(A,{popupId:L.current,url:C.imageMobile.data.url,newTab:C.imageMobile.data.newtab,image:f,onClose:d,onOtherSubmit:F}):"Floating"===N?l.createElement(y,{popupId:L.current,title:z,titleAlign:S.titleBlock.data.align,subtitle:S.subtitleBlock.data.value,subtitleAlign:S.subtitleBlock.data.align,url:B.linkButtonBlock.data.url,urlText:B.linkButtonBlock.data.value,newTab:B.linkButtonBlock.data.newtab,imageMobile:f,imageDesktop:k,onClose:d,onOtherSubmit:F}):N.includes("LightBox")\|\|N.includes("Inline")\|\|"Fullscreen"==N\|\|"Sidebar"==N\|\|"Slider"==N?l.createElement(I,{popupId:L.current,extraFields:h,onClose:d,onOtherSubmit:F,imageMobile:f,imageDesktop:k,imageBackground:E,currentLayout:N,title:z,onSubmit:function(n){return i(n,j,T,L.current)}}):null},P=function(t){var o=t.campaign,a=t.action,i=t.onSubmit,p=t.onClose,s=_().t,m=d(!0),u=m[0],h=m[1];c((function(){document.body.classList.add("noscroll");var n=b("_ga")\|\|null;fetch("".concat(C,"api/campaign/").concat(x,"/impression"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:a\|\|"",url:location.href.toLowerCase(),title_article:document.title,cookie_id:b("hhg-id"),ga_client_id:n})})}),[]);var g=o.extra_fields,f=o.image,x=o.code,k=g.title,w=g.desc,v=g.submit,y=g.popUpTermURL,E=g.popUpTermAgreeText,N=g.popUpTermText,C=r(O).apiUrl,B=g.fields?JSON.parse(g.fields):[],S={tel:0,text:0,date:0,email:0},T=function(t,o){return n(void 0,void 0,void 0,(function(){return e(this,(function(n){switch(n.label){case 0:return o.target.validity.valueMissing?[3,1]:(o.target.setCustomValidity(s("validator.required")),[3,5]);case 1:return o.target.validity.valid?[3,2]:("tel"===t?o.target.setCustomValidity(s("validator.phone")):"date"===t?o.target.setCustomValidity(s("validator.date")):"email"===t&&o.target.setCustomValidity(s("validator.email")),[3,5]);case 2:return"tel"!==t?[3,4]:[4,require("intl-tel-input")];case 3:return n.sent().isValidNumber(String(o.target.value),j.countryCode)?o.target.setCustomValidity(""):o.target.setCustomValidity(s("validator.phone")),[3,5];case 4:o.target.setCustomValidity(""),n.label=5;case 5:return[2]}}))}))},L=B.map((function(n,e){var t=l.createElement(l.Fragment,null);return t="date"==n.control?l.createElement("div",{key:e,className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},l.createElement("input",{required:!0,type:"date","data-key":n.listEdit[0].value,name:S.date?n.control+S.date:n.control,placeholder:n.listEdit[1].value\|\|"...",onClick:function(n){return n.currentTarget.classList.remove("placeholderclass")},onBlur:function(n){return!n.currentTarget.value&&n.currentTarget.classList.add("placeholderclass")},className:"dateclass placeholderclass lead-modal__form-control width-100%",onChange:function(e){return T(n.control,e)}}),l.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(C,"admin/img/builder/").concat(n.name,".svg")})):l.createElement("div",{key:e,className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},l.createElement("input",{required:!0,"data-key":n.listEdit[0].value,name:S[n.control]?n.control+S[n.control]:n.control,spellCheck:!1,type:n.control,placeholder:n.listEdit[1].value\|\|"...",className:"lead-modal__form-control width-100%",onChange:function(e){return T(n.control,e)}}),l.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(C,"admin/img/builder/").concat(n.name,".svg")})),"date"==n.control&&(S.date+=1),"text"==n.control&&(S.text+=1),"tel"==n.control&&(S.tel+=1),"email"==n.control&&(S.email+=1),t}));return l.createElement("div",{id:"lead-modal",className:"lead-modal modal--animate-scale"},l.createElement("div",{className:"lead-modal__wrapper animate__animated "},l.createElement("div",{className:"lead-modal__content"},l.createElement("header",{className:"lead-modal__header"},!!f&&l.createElement("img",{className:"lead-modal__image lead-modal-image-cover",src:f,alt:""})),l.createElement("div",{className:"lead-modal__body"},l.createElement("h2",{className:"lead-modal__title ".concat(z)},k),l.createElement("p",{className:"lead-modal__description ".concat(z)},w),l.createElement("form",{className:"lead-modal__form",onSubmit:function(n){n.preventDefault(),i(n)}},L,l.createElement("div",{className:"lead-modal__checkbox-wrapper ".concat(z)},l.createElement("div",{className:"lead-modal__checkbox"},l.createElement("input",{id:"lead-term-checkbox",className:"lead-modal__checkbox__input ".concat(z),type:"checkbox","aria-label":"Checkbox label",checked:u,onChange:function(n){return h(n.currentTarget.checked)}}),l.createElement("div",{className:"lead-modal__checkbox__control","aria-hidden":"true"})),l.createElement("label",{htmlFor:"checkbox",className:"lead-modal__checkbox__label"},E," ",l.createElement("span",{style:{fontWeight:"bold"}},l.createElement("a",{target:"blank",href:y\|\|"https://hellobacsi.com/chinh-sach",style:{textDecoration:"none"},rel:"noopener noreferrer"},N)))),l.createElement("button",{id:"lead-submit",type:"submit",className:"lead-modal__btn ".concat(z),disabled:!u},v)))),l.createElement("button",{className:"lead-modal__close-btn js-modal__close ".concat(z),onClick:p},l.createElement("svg",{className:"lead-modal__close-icon",viewBox:"0 0 24 24"},l.createElement("title",null,"Close modal window"),l.createElement("g",{fill:"none",stroke:"currentColor",strokeMiterlimit:"10",strokeWidth:"2"},l.createElement("line",{x1:"3",y1:"3",x2:"21",y2:"21"}),l.createElement("line",{x1:"21",y1:"3",x2:"3",y2:"21"}))))))},F=function(n){var e=n.campaign,t=n.action,o=n.onSubmit,a=n.onClose;return e.extra_fields?"2.1"==e.extra_fields.popupVersion?l.createElement(M,{campaign:e,action:t,onSubmit:o,onClose:a}):l.createElement(P,{campaign:e,action:t,onSubmit:o,onClose:a}):null},R=k.div(D\|\|(D=t(["\n /* lead-modal : start /\n .lead-modal {\n font-family: 'Open sans', sans-serif !important;\n position: fixed;\n z-index: 99999;\n width: 100%;\n height: 100%;\n left: 0;\n top: 0;\n opacity: 1;\n visibility: visible;\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: transparent;\n padding: 10px;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n white-space: normal !important;\n }\n\n .lead-modal__wrapper {\n position: relative;\n width: 100%;\n max-width: 450px;\n background-color: #fff;\n border-radius: 6px;\n box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);\n }\n\n .lead-modal__content {\n width: inherit;\n overflow: auto;\n / min-height: 400px; /\n max-height: calc(100vh - 125px);\n -webkit-overflow-scrolling: touch;\n }\n\n .lead-modal__header {\n padding: 0px 0px;\n }\n\n .lead-modal__image {\n display: block;\n margin: 0 auto;\n border: none !important;\n box-shadow: none !important;\n }\n .lead-modal-image-logo {\n margin-top: 15px;\n margin-bottom: 15px;\n }\n\n .lead-modal-image-cover {\n width: 100% !important;\n padding: 0 0px;\n border-top-left-radius: 4px;\n border: none !important;\n box-shadow: none !important;\n margin: 0 !important;\n }\n\n .lead-modal__image + .lead-modal__image {\n / margin-top: 10px; /\n / border-radius: 4px; /\n }\n\n .lead-modal__body {\n font-family: 'Open sans', sans-serif !important;\n padding: 15px 15px 25px 15px;\n }\n\n .lead-modal__title {\n font-family: 'Open sans', sans-serif !important;\n font-size: 20px !important;\n font-weight: bold !important;\n font-stretch: normal !important;\n font-style: normal !important;\n line-height: 1.3 !important;\n letter-spacing: -0.4px !important;\n color: #2a4975 !important;\n box-shadow: none !important;\n padding-bottom: 0 !important;\n }\n\n .lead-modal__title.pink {\n color: #2661ad !important;\n }\n\n .lead-modal__description {\n font-family: 'Open sans', sans-serif !important;\n font-size: 13px !important;\n font-weight: normal !important;\n font-stretch: normal !important;\n font-style: normal !important;\n line-height: 1.62 !important;\n letter-spacing: 0.14px !important;\n color: #2c87f3 !important;\n margin-top: 10px !important;\n }\n\n .lead-modal__description.pink {\n color: #3e3f58 !important;\n }\n\n .lead-modal__form-control-wrapper {\n margin-top: 10px;\n margin-left: 0px !important;\n position: relative;\n }\n\n .lead-modal__form-control {\n box-shadow: none !important;\n height: 40px !important;\n width: 100%;\n padding-left: calc(15px + 1.5em + 15px) !important;\n background-color: #fff !important;\n padding-top: 10px !important;\n padding-bottom: 10px !important;\n padding-right: 15px !important;\n border: solid 1px #dddddd !important;\n color: #2a4975 !important;\n line-height: 1.7em !important;\n border-radius: 0 !important;\n font-family: 'Open Sans', sans-serif !important;\n background-image: linear-gradient(transparent, transparent) !important;\n margin-left: 0px !important;\n font-size: 14px !important;\n line-height: 14px !important;\n }\n\n .lead-modal__form-control {\n &:focus {\n border-color: var(--color-primary);\n box-shadow: 0px 0px 0px 3px rgba(44, 135, 243, 0.1);\n outline: none;\n }\n\n &::-webkit-input-placeholder {\n / Chrome, Firefox, Opera, Safari 10.1+ /\n color: #b5b5b5;\n }\n\n &::-moz-placeholder {\n color: #b5b5b5;\n }\n\n &:-ms-input-placeholder {\n color: #b5b5b5;\n }\n\n &::-ms-input-placeholder {\n color: #b5b5b5;\n }\n\n &::placeholder {\n color: #b5b5b5;\n }\n }\n\n img.lead-modal__form-control-icon {\n display: inline-block !important;\n color: #b5b5b5 !important;\n fill: #b5b5b5 !important;\n line-height: 1 !important;\n flex-shrink: 0 !important;\n max-width: initial !important;\n display: block !important;\n position: absolute !important;\n pointer-events: none !important;\n left: 15px !important;\n top: 10px !important;\n height: 20px !important;\n width: 20px !important;\n border: none !important;\n margin: 0 !important;\n }\n\n .lead-modal__checkbox-wrapper {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n align-items: center;\n margin-top: 15px;\n a {\n color: #2c87f3 !important;\n text-decoration: none !important;\n }\n\n a:visited {\n color: #2c87f3 !important;\n }\n &.pink a,\n &.pink a:visited {\n color: #e55c8a !important;\n }\n }\n\n .lead-modal__checkbox {\n position: relative;\n z-index: 1;\n display: inline-block;\n font-size: 20px;\n }\n\n .lead-modal__checkbox__input {\n position: relative;\n margin: 0 !important;\n padding: 0;\n opacity: 0;\n height: 1em !important;\n width: 1em !important;\n display: block;\n z-index: 1;\n font-size: 1em !important;\n }\n\n .lead-modal__checkbox__control {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n z-index: -1;\n pointer-events: none;\n transition: transform 0.2s;\n color: #dddddd;\n &::before,\n &::after {\n content: '';\n position: absolute;\n }\n\n &::before {\n width: 120%;\n height: 120%;\n background-color: currentColor;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%) scale(0);\n opacity: 0;\n border-radius: 50%;\n will-change: transform;\n transition: transform 0.2s;\n }\n\n &::after {\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: #fff;\n border-radius: 6px;\n -webkit-box-shadow: inset 0 0 0 1px #dddddd;\n box-shadow: inset 0 0 0 1px #dddddd;\n }\n\n &:focus::after {\n box-shadow: inset 0 0 0 1px #2c87f3;\n }\n }\n\n .lead-modal__checkbox__input:checked ~ .lead-modal__checkbox__control::after,\n .lead-modal__checkbox__input:indeterminate\n ~ .lead-modal__checkbox__control::after {\n background-color: currentColor;\n background-repeat: no-repeat;\n background-position: center;\n background-size: 18px;\n box-shadow: none;\n }\n\n .lead-modal__checkbox__input:checked ~ .lead-modal__checkbox__control {\n color: #2c87f3;\n }\n\n .lead-modal__checkbox__input:checked ~ .lead-modal__checkbox__control::after {\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpolyline points='2.5 8 6.5 12 13.5 3' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/svg%3E\");\n }\n\n .lead-modal__checkbox__input:indeterminate ~ .lead-modal__checkbox__control {\n color: var(--custom-checkbox-color-disabled);\n }\n\n .lead-modal__checkbox__input:indeterminate\n ~ .lead-modal__checkbox__control::after {\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cline x1='2' y1='8' x2='14' y2='8' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E\");\n }\n\n .lead-modal__checkbox__input:active ~ .lead-modal__checkbox__control {\n transform: scale(0.9);\n }\n\n .lead-modal__checkbox__input:checked:active ~ .lead-modal__checkbox__control,\n .lead-modal__checkbox__input:indeterminate:active\n ~ .lead-modal__checkbox__control {\n transform: scale(1);\n }\n\n .lead-modal__checkbox__input:focus ~ .lead-modal__checkbox__control::before {\n opacity: 0.2;\n transform: translate(-50%, -50%) scale(1);\n }\n\n .lead-modal__checkbox__input.pink ~ .lead-modal__checkbox__control::after {\n border-radius: 50% !important;\n }\n\n .lead-modal__checkbox__input.pink:checked ~ .lead-modal__checkbox__control {\n color: #2661ad;\n }\n\n .lead-modal__checkbox__input.pink:checked\n ~ .lead-modal__checkbox__control::after,\n .lead-modal__checkbox__input.pink:indeterminate\n ~ .lead-modal__checkbox__control::after {\n background-size: 12px;\n }\n\n .lead-modal__checkbox__label {\n / font-family: OpenSans; /\n font-size: 13px;\n font-stretch: normal;\n font-style: normal;\n line-height: normal;\n letter-spacing: 0.14px;\n color: #969696;\n margin-left: 10px;\n margin-bottom: 0 !important;\n }\n\n .lead-modal__btn {\n display: block;\n width: 100%;\n border: none;\n color: #fff;\n padding: 12px 10px;\n font-weight: 700;\n text-align: center;\n margin-top: 15px;\n border-radius: 4px;\n background-color: #2699fb;\n transition: all 0.2s ease-in-out;\n text-shadow: none !important;\n box-shadow: none !important;\n font-family: 'Open sans', sans-serif !important;\n font-size: 14px;\n cursor: pointer !important;\n &:hover,\n &:active {\n background-color: #337eff;\n }\n\n &.pink {\n background-color: #e55c8a;\n }\n\n &.pink:hover {\n background-color: #b4466a;\n }\n }\n\n .lead-modal__close-btn {\n position: absolute;\n padding-top: 5px;\n top: -15px;\n right: -10px;\n width: 35px;\n height: 35px;\n box-shadow: -2px 4px 4px 0 rgba(191, 191, 191, 0.44) !important;\n text-shadow: none !important;\n background-color: #005cfd;\n border-radius: 50%;\n line-height: inherit;\n appearance: none;\n border: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.2s ease-in-out;\n outline: none;\n z-index: 1;\n padding: 5px 13px !important;\n cursor: pointer !important;\n &:hover,\n &:active {\n background-color: #337eff;\n }\n\n &.pink {\n background-color: #fff;\n }\n\n &.pink .lead-modal__close-icon {\n color: #000;\n }\n\n &.pink:hover .lead-modal__close-icon {\n color: #e55c8a;\n transition: 0.3s all ease;\n }\n }\n\n .lead-modal__close-icon {\n display: inline-block;\n color: #fff;\n fill: #fff;\n height: 1em;\n width: 1em;\n line-height: 1;\n flex-shrink: 0;\n max-width: initial;\n transition: 0.3s all ease;\n }\n\n .lead-modal__thank-you {\n padding: 0 15px;\n display: flex;\n align-items: center;\n justify-content: center;\n height: inherit;\n text-align: center;\n min-height: 400px;\n h1 {\n margin-top: 10px;\n font-size: 32px;\n font-weight: normal;\n font-stretch: normal;\n font-style: normal;\n line-height: normal;\n letter-spacing: -0.23px;\n color: #1b3250;\n }\n\n p {\n margin-top: 5px;\n font-size: 16px;\n font-weight: normal;\n font-stretch: normal;\n font-style: normal;\n line-height: normal;\n letter-spacing: -0.11px;\n color: #1b3250;\n }\n img {\n max-width: 100% !important;\n border: none !important;\n width: auto !important;\n margin: 0 auto !important;\n }\n\n &.hidden {\n display: none;\n }\n }\n\n / lead-modal : end /\n\n .modal__container {\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n z-index: 1000000000000;\n pointer-events: none;\n overflow-y: scroll;\n }\n\n .modal__content {\n position: relative;\n width: 80vw;\n margin: auto 0;\n }\n\n / Make clicks pass-through /\n #nprogress {\n pointer-events: none;\n }\n\n #nprogress .bar {\n background: #223bdd;\n\n position: fixed;\n z-index: 1031;\n top: 0;\n left: 0;\n\n width: 100%;\n height: 2px;\n }\n\n / Fancy blur effect /\n #nprogress .peg {\n display: block;\n position: absolute;\n right: 0px;\n width: 100px;\n height: 100%;\n box-shadow: 0 0 10px #29d, 0 0 5px #29d;\n opacity: 1;\n transform: rotate(3deg) translate(0px, -4px);\n }\n\n / Remove these to get rid of the spinner /\n #nprogress .spinner {\n display: block;\n position: fixed;\n z-index: 1031;\n top: 15px;\n right: 15px;\n }\n\n #nprogress .spinner-icon {\n width: 18px;\n height: 18px;\n box-sizing: border-box;\n\n border: solid 2px transparent;\n border-top-color: #29d;\n border-left-color: #29d;\n border-radius: 50%;\n\n -webkit-animation: nprogress-spinner 400ms linear infinite;\n animation: nprogress-spinner 400ms linear infinite;\n }\n\n .nprogress-custom-parent {\n overflow: hidden;\n position: relative;\n }\n\n .nprogress-custom-parent #nprogress .spinner,\n .nprogress-custom-parent #nprogress .bar {\n position: absolute;\n }\n\n @-webkit-keyframes nprogress-spinner {\n 0% {\n -webkit-transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n }\n }\n @keyframes nprogress-spinner {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n\n .lead-modal__btn:disabled {\n background: #d5d5d5 !important;\n }\n\n .dateclass {\n width: 100%;\n }\n\n .dateclass.placeholderclass::before {\n width: 100%;\n content: attr(placeholder);\n color: #b8b8b8;\n }\n\n .dateclass.placeholderclass:hover::before {\n width: 0%;\n content: '';\n }\n\n / Change Autocomplete styles in Chrome/\n .lead-modal input:-webkit-autofill,\n .lead-modal input:-webkit-autofill:hover,\n .lead-modal input:-webkit-autofill:focus,\n .lead-modal textarea:-webkit-autofill,\n .lead-modal textarea:-webkit-autofill:hover,\n .lead-modal textarea:-webkit-autofill:focus,\n .lead-modal select:-webkit-autofill,\n .lead-modal select:-webkit-autofill:hover,\n .lead-modal select:-webkit-autofill:focus {\n -webkit-box-shadow: 0 0 0 1000px white inset !important;\n -webkit-text-fill-color: #2a4975;\n }\n\n .lead-modal label.error {\n font-size: 13px;\n color: #fa140f;\n margin-bottom: 0;\n margin-left: 0px !important;\n line-height: 1.65 !important;\n width: 100%;\n display: block;\n }\n\n / === Lead gen wrapper === /\n .le-text-align-center {\n text-align: center !important;\n }\n .le-text-align-left {\n text-align: left !important;\n }\n .le-text-align-right {\n text-align: right !important;\n }\n\n .le-only-desktop {\n display: none !important;\n }\n .le-only-mobile {\n display: block !important;\n }\n\n .le-only-desktop a {\n text-decoration: none !important;\n }\n\n .le-only-mobile a {\n text-decoration: none !important;\n }\n\n @media screen and (min-width: 992px) {\n .le-newbuilder-LightBoxB,\n .le-newbuilder-InlineB {\n display: flex !important;\n }\n\n .le-newbuilder-LightBoxB .lead-modal__header,\n .le-newbuilder-InlineB .lead-modal__header {\n max-width: 50%;\n }\n }\n\n @media screen and (min-width: 768px) {\n .le-only-desktop {\n display: block !important;\n }\n\n .le-only-mobile {\n display: none !important;\n }\n\n .le-newbuilder-LightBoxB .lead-modal__body,\n .le-newbuilder-InlineB .lead-modal__body {\n flex: 1;\n }\n\n .le-newbuilder-wrap-LightBoxB {\n max-width: 720px !important;\n }\n .le-newbuilder-wrap-InlineB {\n max-width: 100% !important;\n }\n .le-newbuilder-LightBoxB .le-only-desktop.lead-modal-image-cover {\n max-width: 400px !important;\n }\n }\n\n .lead-modal__title {\n margin: 7px 0 !important;\n }\n\n .lead-modal__description {\n margin: 0;\n }\n\n .lead-modal-image-cover,\n .lead-modal__wrapper {\n border-radius: 0px !important;\n }\n\n .lead-modal__form {\n margin: 0;\n display: block !important;\n }\n\n .lead-modal__image + .lead-modal__image {\n margin-top: 0px;\n }\n\n .lead-modal__thank-you {\n width: 100%;\n }\n\n / Skins /\n .le-skin-a-desktop {\n position: fixed;\n z-index: 99999;\n top: 0;\n left: 0;\n height: 100%;\n display: flex;\n align-items: center;\n }\n\n .le-skin-b-desktop {\n }\n\n .le-join-now {\n }\n\n .le-joinbow-btn {\n background: #2c87f3;\n color: #ffffff;\n font-size: 16px;\n text-align: center;\n outline: none !important;\n box-shadow: none !important;\n padding: 12px 30px;\n border: none !important;\n border: 1px solid transparent !important;\n cursor: pointer !important;\n }\n .le-joinbow-btn:hover {\n border: 1px solid white !important;\n }\n\n .le-joinbow-btn-mobile {\n background: #2c87f3;\n color: #ffffff;\n font-size: 14px;\n text-align: center;\n outline: none !important;\n box-shadow: none !important;\n padding: 12px 30px;\n border: none !important;\n }\n\n .le-newbuilder-close-svg {\n border-radius: 50%;\n width: 35px;\n height: 35px;\n background: #005cfd;\n cursor: pointer !important;\n }\n .le-mobile-btn {\n width: 24px;\n height: 24px;\n }\n\n .le-newbuilder-close-button {\n padding: 0;\n background: transparent;\n box-shadow: none;\n border: none;\n width: auto !important;\n cursor: pointer !important;\n }\n .le-abs-top-right {\n position: absolute;\n right: 10px;\n top: 10px;\n }\n\n .le-abs-outer-top-right {\n position: absolute;\n right: 0px;\n top: -45px;\n }\n\n / Skin floating /\n .le-floating-desktop {\n position: fixed;\n bottom: 40px;\n left: 25px;\n z-index: 9999;\n }\n\n .le-floating-desktop-wrap {\n background: #fff;\n backdrop-filter: blur(30px);\n box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);\n padding: 0px;\n padding-right: 30px;\n border-radius: 5px;\n display: flex;\n align-items: center;\n }\n\n .le-floating-desktop-title {\n font-size: 20px;\n font-weight: bold;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.5;\n letter-spacing: normal;\n color: #2a4975;\n max-width: 530px;\n }\n .le-floating-desktop-desc {\n font-size: 13px;\n font-weight: normal;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.65;\n letter-spacing: normal;\n color: #2699fb;\n max-width: 530px;\n }\n\n .le-joinbow-floating-btn {\n background: #2c87f3;\n color: #ffffff;\n font-size: 14px;\n text-align: center;\n outline: none !important;\n box-shadow: none !important;\n padding: 12px 40px;\n border: none !important;\n border: 1px solid transparent !important;\n font-weight: 500;\n cursor: pointer !important;\n }\n\n / // Floating mobile /\n .le-floating-mobile {\n position: fixed;\n bottom: 0px;\n left: 0px;\n width: 100%;\n z-index: 9999;\n }\n .le-abs-outer-mobile-top-right {\n position: absolute;\n right: 2px;\n top: -30px;\n }\n\n .le-floating-mobile-wrap {\n background: #fff;\n box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);\n padding: 10px 15px;\n }\n .le-floating-mobile-title {\n font-size: 18px;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.5;\n letter-spacing: normal;\n color: #2a4975;\n font-weight: 600;\n }\n .le-floating-mobile-desc {\n font-size: 12px;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.65;\n letter-spacing: normal;\n color: #2699fb;\n }\n\n / // Tab popup /\n .le-tab-popup {\n position: fixed;\n bottom: 15px;\n left: 15px;\n max-width: 150px;\n }\n .le-abs-outer-mobile-top-right-2 {\n position: absolute;\n right: -12px;\n top: -15px;\n }\n\n .le-center-tab-popup {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n z-index: 99999999 !important;\n width: calc(100% - 40px);\n max-width: 400px;\n }\n\n .le-center-tab-popup img {\n max-width: 100% !important;\n }\n\n / // Popup /\n .le-checkbox-title {\n font-size: 15px;\n font-weight: bold;\n font-stretch: normal;\n font-style: normal;\n color: #2a4975;\n margin: 13px 0 !important;\n / line-height: 1.65 !important; /\n }\n\n / Checkbox /\n .lead-checkbox-container {\n position: relative;\n display: flex;\n align-items: center;\n cursor: pointer;\n font-size: 14px;\n line-height: 1.65;\n margin: 10px 0;\n }\n\n .lead-checkbox-checkmark {\n display: inline-block;\n height: 24px;\n border: solid 1px #d0d0d0;\n vertical-align: middle;\n margin-right: 8px;\n position: relative;\n border-radius: 4px;\n flex: 0 0 24px;\n }\n\n .lead-checkbox-container input {\n position: absolute;\n opacity: 0;\n top: 0;\n left: 0;\n }\n\n .lead-checkbox-checkmark::after {\n position: absolute;\n content: '';\n }\n\n .lead-checkbox-container input:checked ~ .lead-checkbox-checkmark {\n background: #337eff;\n border: solid 1px #337eff;\n }\n\n .lead-checkbox-container input:checked ~ .lead-checkbox-checkmark::after {\n left: 8px;\n top: 3px;\n width: 7px;\n height: 12px;\n border: solid white;\n border-width: 0 2px 2px 0;\n transform: rotate(45deg);\n }\n / End checkbox /\n\n .le-fullscreen-img {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n\n @media screen and (min-width: 768px) {\n .lead-fullscreen-desktop-close-btn {\n position: fixed;\n top: 27px;\n right: 23px;\n }\n }\n\n / // Inline /\n .lead-modal.le-buider-inline {\n position: static;\n display: block;\n padding: 20px 0;\n height: initial !important;\n padding-top: 10px;\n }\n\n .lead-modal.le-buider-inline .lead-modal__wrapper {\n box-shadow: none;\n border: 1px solid #ddd;\n }\n .lead-modal.le-buider-inline .lead-modal__content {\n max-height: initial !important;\n }\n .lead-modal.le-buider-inline .lead-modal__content .lead-modal__header img {\n / height: auto !important; /\n object-fit: fill;\n }\n\n .le-thankyou-title {\n font-size: 24px !important;\n margin-bottom: 8px !important;\n color: #2a4975 !important;\n }\n\n .le-thankyou-subtitle {\n font-size: 14px !important;\n color: #2699fb !important;\n margin: 0 !important;\n }\n\n / Radio /\n .lead-radio-container {\n position: relative;\n display: flex;\n align-items: center;\n cursor: pointer;\n font-size: 14px;\n line-height: 1.65;\n margin: 10px 0;\n }\n\n .lead-radio-checkmark {\n display: inline-block;\n height: 24px;\n border: solid 1px #d0d0d0;\n vertical-align: middle;\n margin-right: 8px;\n position: relative;\n border-radius: 50%;\n flex: 0 0 24px;\n }\n\n .lead-radio-container input {\n position: absolute;\n opacity: 0;\n top: 0;\n left: 0;\n }\n\n .lead-radio-checkmark::after {\n position: absolute;\n content: '';\n }\n\n .lead-radio-container input:checked ~ .lead-radio-checkmark {\n background: #337eff;\n border: solid 1px #337eff;\n }\n\n .lead-radio-container input:checked ~ .lead-radio-checkmark::after {\n left: 50%;\n top: 50%;\n width: 8px;\n height: 8px;\n background: #fff;\n border-radius: 50%;\n transform: translate(-50%, -50%);\n }\n / End Radio /\n\n / Dropdown /\n .le-newbuilder-select {\n width: 100%;\n padding: 12px;\n border-radius: 4px;\n border: solid 1px #d0d0d0;\n outline: none;\n appearance: none;\n font-size: 15px;\n padding-right: 35px;\n }\n .le-newbuilder-select-wrapper {\n position: relative;\n }\n .le-newbuilder-select-wrapper::after {\n content: '';\n position: absolute;\n right: 15px;\n top: 18px;\n transform: rotate(45deg);\n width: 10px;\n height: 10px;\n border: 2px solid #616060;\n border-left: transparent;\n border-top: transparent;\n }\n / End Dropdown /\n\n .le-buider-slider {\n width: 420px;\n height: auto;\n bottom: 15px;\n top: unset;\n left: -200px;\n animation: le-builder-slide 0.5s forwards;\n }\n\n @keyframes le-builder-slide {\n 100% {\n left: 15px;\n }\n }\n\n @media screen and (max-width: 768px) {\n .le-buider-slider,\n .le-buider-fullscreen {\n display: none !important;\n }\n }\n\n .le-skin-mobile {\n margin-top: 64px;\n }\n"],["\n / lead-modal : start /\n .lead-modal {\n font-family: 'Open sans', sans-serif !important;\n position: fixed;\n z-index: 99999;\n width: 100%;\n height: 100%;\n left: 0;\n top: 0;\n opacity: 1;\n visibility: visible;\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: transparent;\n padding: 10px;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n white-space: normal !important;\n }\n\n .lead-modal__wrapper {\n position: relative;\n width: 100%;\n max-width: 450px;\n background-color: #fff;\n border-radius: 6px;\n box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);\n }\n\n .lead-modal__content {\n width: inherit;\n overflow: auto;\n / min-height: 400px; /\n max-height: calc(100vh - 125px);\n -webkit-overflow-scrolling: touch;\n }\n\n .lead-modal__header {\n padding: 0px 0px;\n }\n\n .lead-modal__image {\n display: block;\n margin: 0 auto;\n border: none !important;\n box-shadow: none !important;\n }\n .lead-modal-image-logo {\n margin-top: 15px;\n margin-bottom: 15px;\n }\n\n .lead-modal-image-cover {\n width: 100% !important;\n padding: 0 0px;\n border-top-left-radius: 4px;\n border: none !important;\n box-shadow: none !important;\n margin: 0 !important;\n }\n\n .lead-modal__image + .lead-modal__image {\n / margin-top: 10px; /\n / border-radius: 4px; /\n }\n\n .lead-modal__body {\n font-family: 'Open sans', sans-serif !important;\n padding: 15px 15px 25px 15px;\n }\n\n .lead-modal__title {\n font-family: 'Open sans', sans-serif !important;\n font-size: 20px !important;\n font-weight: bold !important;\n font-stretch: normal !important;\n font-style: normal !important;\n line-height: 1.3 !important;\n letter-spacing: -0.4px !important;\n color: #2a4975 !important;\n box-shadow: none !important;\n padding-bottom: 0 !important;\n }\n\n .lead-modal__title.pink {\n color: #2661ad !important;\n }\n\n .lead-modal__description {\n font-family: 'Open sans', sans-serif !important;\n font-size: 13px !important;\n font-weight: normal !important;\n font-stretch: normal !important;\n font-style: normal !important;\n line-height: 1.62 !important;\n letter-spacing: 0.14px !important;\n color: #2c87f3 !important;\n margin-top: 10px !important;\n }\n\n .lead-modal__description.pink {\n color: #3e3f58 !important;\n }\n\n .lead-modal__form-control-wrapper {\n margin-top: 10px;\n margin-left: 0px !important;\n position: relative;\n }\n\n .lead-modal__form-control {\n box-shadow: none !important;\n height: 40px !important;\n width: 100%;\n padding-left: calc(15px + 1.5em + 15px) !important;\n background-color: #fff !important;\n padding-top: 10px !important;\n padding-bottom: 10px !important;\n padding-right: 15px !important;\n border: solid 1px #dddddd !important;\n color: #2a4975 !important;\n line-height: 1.7em !important;\n border-radius: 0 !important;\n font-family: 'Open Sans', sans-serif !important;\n background-image: linear-gradient(transparent, transparent) !important;\n margin-left: 0px !important;\n font-size: 14px !important;\n line-height: 14px !important;\n }\n\n .lead-modal__form-control {\n &:focus {\n border-color: var(--color-primary);\n box-shadow: 0px 0px 0px 3px rgba(44, 135, 243, 0.1);\n outline: none;\n }\n\n &::-webkit-input-placeholder {\n / Chrome, Firefox, Opera, Safari 10.1+ /\n color: #b5b5b5;\n }\n\n &::-moz-placeholder {\n color: #b5b5b5;\n }\n\n &:-ms-input-placeholder {\n color: #b5b5b5;\n }\n\n &::-ms-input-placeholder {\n color: #b5b5b5;\n }\n\n &::placeholder {\n color: #b5b5b5;\n }\n }\n\n img.lead-modal__form-control-icon {\n display: inline-block !important;\n color: #b5b5b5 !important;\n fill: #b5b5b5 !important;\n line-height: 1 !important;\n flex-shrink: 0 !important;\n max-width: initial !important;\n display: block !important;\n position: absolute !important;\n pointer-events: none !important;\n left: 15px !important;\n top: 10px !important;\n height: 20px !important;\n width: 20px !important;\n border: none !important;\n margin: 0 !important;\n }\n\n .lead-modal__checkbox-wrapper {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n align-items: center;\n margin-top: 15px;\n a {\n color: #2c87f3 !important;\n text-decoration: none !important;\n }\n\n a:visited {\n color: #2c87f3 !important;\n }\n &.pink a,\n &.pink a:visited {\n color: #e55c8a !important;\n }\n }\n\n .lead-modal__checkbox {\n position: relative;\n z-index: 1;\n display: inline-block;\n font-size: 20px;\n }\n\n .lead-modal__checkbox__input {\n position: relative;\n margin: 0 !important;\n padding: 0;\n opacity: 0;\n height: 1em !important;\n width: 1em !important;\n display: block;\n z-index: 1;\n font-size: 1em !important;\n }\n\n .lead-modal__checkbox__control {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n z-index: -1;\n pointer-events: none;\n transition: transform 0.2s;\n color: #dddddd;\n &::before,\n &::after {\n content: '';\n position: absolute;\n }\n\n &::before {\n width: 120%;\n height: 120%;\n background-color: currentColor;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%) scale(0);\n opacity: 0;\n border-radius: 50%;\n will-change: transform;\n transition: transform 0.2s;\n }\n\n &::after {\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: #fff;\n border-radius: 6px;\n -webkit-box-shadow: inset 0 0 0 1px #dddddd;\n box-shadow: inset 0 0 0 1px #dddddd;\n }\n\n &:focus::after {\n box-shadow: inset 0 0 0 1px #2c87f3;\n }\n }\n\n .lead-modal__checkbox__input:checked ~ .lead-modal__checkbox__control::after,\n .lead-modal__checkbox__input:indeterminate\n ~ .lead-modal__checkbox__control::after {\n background-color: currentColor;\n background-repeat: no-repeat;\n background-position: center;\n background-size: 18px;\n box-shadow: none;\n }\n\n .lead-modal__checkbox__input:checked ~ .lead-modal__checkbox__control {\n color: #2c87f3;\n }\n\n .lead-modal__checkbox__input:checked ~ .lead-modal__checkbox__control::after {\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpolyline points='2.5 8 6.5 12 13.5 3' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/svg%3E\");\n }\n\n .lead-modal__checkbox__input:indeterminate ~ .lead-modal__checkbox__control {\n color: var(--custom-checkbox-color-disabled);\n }\n\n .lead-modal__checkbox__input:indeterminate\n ~ .lead-modal__checkbox__control::after {\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cline x1='2' y1='8' x2='14' y2='8' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E\");\n }\n\n .lead-modal__checkbox__input:active ~ .lead-modal__checkbox__control {\n transform: scale(0.9);\n }\n\n .lead-modal__checkbox__input:checked:active ~ .lead-modal__checkbox__control,\n .lead-modal__checkbox__input:indeterminate:active\n ~ .lead-modal__checkbox__control {\n transform: scale(1);\n }\n\n .lead-modal__checkbox__input:focus ~ .lead-modal__checkbox__control::before {\n opacity: 0.2;\n transform: translate(-50%, -50%) scale(1);\n }\n\n .lead-modal__checkbox__input.pink ~ .lead-modal__checkbox__control::after {\n border-radius: 50% !important;\n }\n\n .lead-modal__checkbox__input.pink:checked ~ .lead-modal__checkbox__control {\n color: #2661ad;\n }\n\n .lead-modal__checkbox__input.pink:checked\n ~ .lead-modal__checkbox__control::after,\n .lead-modal__checkbox__input.pink:indeterminate\n ~ .lead-modal__checkbox__control::after {\n background-size: 12px;\n }\n\n .lead-modal__checkbox__label {\n / font-family: OpenSans; /\n font-size: 13px;\n font-stretch: normal;\n font-style: normal;\n line-height: normal;\n letter-spacing: 0.14px;\n color: #969696;\n margin-left: 10px;\n margin-bottom: 0 !important;\n }\n\n .lead-modal__btn {\n display: block;\n width: 100%;\n border: none;\n color: #fff;\n padding: 12px 10px;\n font-weight: 700;\n text-align: center;\n margin-top: 15px;\n border-radius: 4px;\n background-color: #2699fb;\n transition: all 0.2s ease-in-out;\n text-shadow: none !important;\n box-shadow: none !important;\n font-family: 'Open sans', sans-serif !important;\n font-size: 14px;\n cursor: pointer !important;\n &:hover,\n &:active {\n background-color: #337eff;\n }\n\n &.pink {\n background-color: #e55c8a;\n }\n\n &.pink:hover {\n background-color: #b4466a;\n }\n }\n\n .lead-modal__close-btn {\n position: absolute;\n padding-top: 5px;\n top: -15px;\n right: -10px;\n width: 35px;\n height: 35px;\n box-shadow: -2px 4px 4px 0 rgba(191, 191, 191, 0.44) !important;\n text-shadow: none !important;\n background-color: #005cfd;\n border-radius: 50%;\n line-height: inherit;\n appearance: none;\n border: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.2s ease-in-out;\n outline: none;\n z-index: 1;\n padding: 5px 13px !important;\n cursor: pointer !important;\n &:hover,\n &:active {\n background-color: #337eff;\n }\n\n &.pink {\n background-color: #fff;\n }\n\n &.pink .lead-modal__close-icon {\n color: #000;\n }\n\n &.pink:hover .lead-modal__close-icon {\n color: #e55c8a;\n transition: 0.3s all ease;\n }\n }\n\n .lead-modal__close-icon {\n display: inline-block;\n color: #fff;\n fill: #fff;\n height: 1em;\n width: 1em;\n line-height: 1;\n flex-shrink: 0;\n max-width: initial;\n transition: 0.3s all ease;\n }\n\n .lead-modal__thank-you {\n padding: 0 15px;\n display: flex;\n align-items: center;\n justify-content: center;\n height: inherit;\n text-align: center;\n min-height: 400px;\n h1 {\n margin-top: 10px;\n font-size: 32px;\n font-weight: normal;\n font-stretch: normal;\n font-style: normal;\n line-height: normal;\n letter-spacing: -0.23px;\n color: #1b3250;\n }\n\n p {\n margin-top: 5px;\n font-size: 16px;\n font-weight: normal;\n font-stretch: normal;\n font-style: normal;\n line-height: normal;\n letter-spacing: -0.11px;\n color: #1b3250;\n }\n img {\n max-width: 100% !important;\n border: none !important;\n width: auto !important;\n margin: 0 auto !important;\n }\n\n &.hidden {\n display: none;\n }\n }\n\n / lead-modal : end /\n\n .modal__container {\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n z-index: 1000000000000;\n pointer-events: none;\n overflow-y: scroll;\n }\n\n .modal__content {\n position: relative;\n width: 80vw;\n margin: auto 0;\n }\n\n / Make clicks pass-through /\n #nprogress {\n pointer-events: none;\n }\n\n #nprogress .bar {\n background: #223bdd;\n\n position: fixed;\n z-index: 1031;\n top: 0;\n left: 0;\n\n width: 100%;\n height: 2px;\n }\n\n / Fancy blur effect /\n #nprogress .peg {\n display: block;\n position: absolute;\n right: 0px;\n width: 100px;\n height: 100%;\n box-shadow: 0 0 10px #29d, 0 0 5px #29d;\n opacity: 1;\n transform: rotate(3deg) translate(0px, -4px);\n }\n\n / Remove these to get rid of the spinner /\n #nprogress .spinner {\n display: block;\n position: fixed;\n z-index: 1031;\n top: 15px;\n right: 15px;\n }\n\n #nprogress .spinner-icon {\n width: 18px;\n height: 18px;\n box-sizing: border-box;\n\n border: solid 2px transparent;\n border-top-color: #29d;\n border-left-color: #29d;\n border-radius: 50%;\n\n -webkit-animation: nprogress-spinner 400ms linear infinite;\n animation: nprogress-spinner 400ms linear infinite;\n }\n\n .nprogress-custom-parent {\n overflow: hidden;\n position: relative;\n }\n\n .nprogress-custom-parent #nprogress .spinner,\n .nprogress-custom-parent #nprogress .bar {\n position: absolute;\n }\n\n @-webkit-keyframes nprogress-spinner {\n 0% {\n -webkit-transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n }\n }\n @keyframes nprogress-spinner {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n\n .lead-modal__btn:disabled {\n background: #d5d5d5 !important;\n }\n\n .dateclass {\n width: 100%;\n }\n\n .dateclass.placeholderclass::before {\n width: 100%;\n content: attr(placeholder);\n color: #b8b8b8;\n }\n\n .dateclass.placeholderclass:hover::before {\n width: 0%;\n content: '';\n }\n\n / Change Autocomplete styles in Chrome/\n .lead-modal input:-webkit-autofill,\n .lead-modal input:-webkit-autofill:hover,\n .lead-modal input:-webkit-autofill:focus,\n .lead-modal textarea:-webkit-autofill,\n .lead-modal textarea:-webkit-autofill:hover,\n .lead-modal textarea:-webkit-autofill:focus,\n .lead-modal select:-webkit-autofill,\n .lead-modal select:-webkit-autofill:hover,\n .lead-modal select:-webkit-autofill:focus {\n -webkit-box-shadow: 0 0 0 1000px white inset !important;\n -webkit-text-fill-color: #2a4975;\n }\n\n .lead-modal label.error {\n font-size: 13px;\n color: #fa140f;\n margin-bottom: 0;\n margin-left: 0px !important;\n line-height: 1.65 !important;\n width: 100%;\n display: block;\n }\n\n / === Lead gen wrapper === /\n .le-text-align-center {\n text-align: center !important;\n }\n .le-text-align-left {\n text-align: left !important;\n }\n .le-text-align-right {\n text-align: right !important;\n }\n\n .le-only-desktop {\n display: none !important;\n }\n .le-only-mobile {\n display: block !important;\n }\n\n .le-only-desktop a {\n text-decoration: none !important;\n }\n\n .le-only-mobile a {\n text-decoration: none !important;\n }\n\n @media screen and (min-width: 992px) {\n .le-newbuilder-LightBoxB,\n .le-newbuilder-InlineB {\n display: flex !important;\n }\n\n .le-newbuilder-LightBoxB .lead-modal__header,\n .le-newbuilder-InlineB .lead-modal__header {\n max-width: 50%;\n }\n }\n\n @media screen and (min-width: 768px) {\n .le-only-desktop {\n display: block !important;\n }\n\n .le-only-mobile {\n display: none !important;\n }\n\n .le-newbuilder-LightBoxB .lead-modal__body,\n .le-newbuilder-InlineB .lead-modal__body {\n flex: 1;\n }\n\n .le-newbuilder-wrap-LightBoxB {\n max-width: 720px !important;\n }\n .le-newbuilder-wrap-InlineB {\n max-width: 100% !important;\n }\n .le-newbuilder-LightBoxB .le-only-desktop.lead-modal-image-cover {\n max-width: 400px !important;\n }\n }\n\n .lead-modal__title {\n margin: 7px 0 !important;\n }\n\n .lead-modal__description {\n margin: 0;\n }\n\n .lead-modal-image-cover,\n .lead-modal__wrapper {\n border-radius: 0px !important;\n }\n\n .lead-modal__form {\n margin: 0;\n display: block !important;\n }\n\n .lead-modal__image + .lead-modal__image {\n margin-top: 0px;\n }\n\n .lead-modal__thank-you {\n width: 100%;\n }\n\n / Skins /\n .le-skin-a-desktop {\n position: fixed;\n z-index: 99999;\n top: 0;\n left: 0;\n height: 100%;\n display: flex;\n align-items: center;\n }\n\n .le-skin-b-desktop {\n }\n\n .le-join-now {\n }\n\n .le-joinbow-btn {\n background: #2c87f3;\n color: #ffffff;\n font-size: 16px;\n text-align: center;\n outline: none !important;\n box-shadow: none !important;\n padding: 12px 30px;\n border: none !important;\n border: 1px solid transparent !important;\n cursor: pointer !important;\n }\n .le-joinbow-btn:hover {\n border: 1px solid white !important;\n }\n\n .le-joinbow-btn-mobile {\n background: #2c87f3;\n color: #ffffff;\n font-size: 14px;\n text-align: center;\n outline: none !important;\n box-shadow: none !important;\n padding: 12px 30px;\n border: none !important;\n }\n\n .le-newbuilder-close-svg {\n border-radius: 50%;\n width: 35px;\n height: 35px;\n background: #005cfd;\n cursor: pointer !important;\n }\n .le-mobile-btn {\n width: 24px;\n height: 24px;\n }\n\n .le-newbuilder-close-button {\n padding: 0;\n background: transparent;\n box-shadow: none;\n border: none;\n width: auto !important;\n cursor: pointer !important;\n }\n .le-abs-top-right {\n position: absolute;\n right: 10px;\n top: 10px;\n }\n\n .le-abs-outer-top-right {\n position: absolute;\n right: 0px;\n top: -45px;\n }\n\n / Skin floating /\n .le-floating-desktop {\n position: fixed;\n bottom: 40px;\n left: 25px;\n z-index: 9999;\n }\n\n .le-floating-desktop-wrap {\n background: #fff;\n backdrop-filter: blur(30px);\n box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);\n padding: 0px;\n padding-right: 30px;\n border-radius: 5px;\n display: flex;\n align-items: center;\n }\n\n .le-floating-desktop-title {\n font-size: 20px;\n font-weight: bold;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.5;\n letter-spacing: normal;\n color: #2a4975;\n max-width: 530px;\n }\n .le-floating-desktop-desc {\n font-size: 13px;\n font-weight: normal;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.65;\n letter-spacing: normal;\n color: #2699fb;\n max-width: 530px;\n }\n\n .le-joinbow-floating-btn {\n background: #2c87f3;\n color: #ffffff;\n font-size: 14px;\n text-align: center;\n outline: none !important;\n box-shadow: none !important;\n padding: 12px 40px;\n border: none !important;\n border: 1px solid transparent !important;\n font-weight: 500;\n cursor: pointer !important;\n }\n\n / // Floating mobile /\n .le-floating-mobile {\n position: fixed;\n bottom: 0px;\n left: 0px;\n width: 100%;\n z-index: 9999;\n }\n .le-abs-outer-mobile-top-right {\n position: absolute;\n right: 2px;\n top: -30px;\n }\n\n .le-floating-mobile-wrap {\n background: #fff;\n box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);\n padding: 10px 15px;\n }\n .le-floating-mobile-title {\n font-size: 18px;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.5;\n letter-spacing: normal;\n color: #2a4975;\n font-weight: 600;\n }\n .le-floating-mobile-desc {\n font-size: 12px;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.65;\n letter-spacing: normal;\n color: #2699fb;\n }\n\n / // Tab popup /\n .le-tab-popup {\n position: fixed;\n bottom: 15px;\n left: 15px;\n max-width: 150px;\n }\n .le-abs-outer-mobile-top-right-2 {\n position: absolute;\n right: -12px;\n top: -15px;\n }\n\n .le-center-tab-popup {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n z-index: 99999999 !important;\n width: calc(100% - 40px);\n max-width: 400px;\n }\n\n .le-center-tab-popup img {\n max-width: 100% !important;\n }\n\n / // Popup /\n .le-checkbox-title {\n font-size: 15px;\n font-weight: bold;\n font-stretch: normal;\n font-style: normal;\n color: #2a4975;\n margin: 13px 0 !important;\n / line-height: 1.65 !important; /\n }\n\n / Checkbox /\n .lead-checkbox-container {\n position: relative;\n display: flex;\n align-items: center;\n cursor: pointer;\n font-size: 14px;\n line-height: 1.65;\n margin: 10px 0;\n }\n\n .lead-checkbox-checkmark {\n display: inline-block;\n height: 24px;\n border: solid 1px #d0d0d0;\n vertical-align: middle;\n margin-right: 8px;\n position: relative;\n border-radius: 4px;\n flex: 0 0 24px;\n }\n\n .lead-checkbox-container input {\n position: absolute;\n opacity: 0;\n top: 0;\n left: 0;\n }\n\n .lead-checkbox-checkmark::after {\n position: absolute;\n content: '';\n }\n\n .lead-checkbox-container input:checked ~ .lead-checkbox-checkmark {\n background: #337eff;\n border: solid 1px #337eff;\n }\n\n .lead-checkbox-container input:checked ~ .lead-checkbox-checkmark::after {\n left: 8px;\n top: 3px;\n width: 7px;\n height: 12px;\n border: solid white;\n border-width: 0 2px 2px 0;\n transform: rotate(45deg);\n }\n / End checkbox /\n\n .le-fullscreen-img {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n\n @media screen and (min-width: 768px) {\n .lead-fullscreen-desktop-close-btn {\n position: fixed;\n top: 27px;\n right: 23px;\n }\n }\n\n / // Inline /\n .lead-modal.le-buider-inline {\n position: static;\n display: block;\n padding: 20px 0;\n height: initial !important;\n padding-top: 10px;\n }\n\n .lead-modal.le-buider-inline .lead-modal__wrapper {\n box-shadow: none;\n border: 1px solid #ddd;\n }\n .lead-modal.le-buider-inline .lead-modal__content {\n max-height: initial !important;\n }\n .lead-modal.le-buider-inline .lead-modal__content .lead-modal__header img {\n / height: auto !important; /\n object-fit: fill;\n }\n\n .le-thankyou-title {\n font-size: 24px !important;\n margin-bottom: 8px !important;\n color: #2a4975 !important;\n }\n\n .le-thankyou-subtitle {\n font-size: 14px !important;\n color: #2699fb !important;\n margin: 0 !important;\n }\n\n / Radio /\n .lead-radio-container {\n position: relative;\n display: flex;\n align-items: center;\n cursor: pointer;\n font-size: 14px;\n line-height: 1.65;\n margin: 10px 0;\n }\n\n .lead-radio-checkmark {\n display: inline-block;\n height: 24px;\n border: solid 1px #d0d0d0;\n vertical-align: middle;\n margin-right: 8px;\n position: relative;\n border-radius: 50%;\n flex: 0 0 24px;\n }\n\n .lead-radio-container input {\n position: absolute;\n opacity: 0;\n top: 0;\n left: 0;\n }\n\n .lead-radio-checkmark::after {\n position: absolute;\n content: '';\n }\n\n .lead-radio-container input:checked ~ .lead-radio-checkmark {\n background: #337eff;\n border: solid 1px #337eff;\n }\n\n .lead-radio-container input:checked ~ .lead-radio-checkmark::after {\n left: 50%;\n top: 50%;\n width: 8px;\n height: 8px;\n background: #fff;\n border-radius: 50%;\n transform: translate(-50%, -50%);\n }\n / End Radio /\n\n / Dropdown /\n .le-newbuilder-select {\n width: 100%;\n padding: 12px;\n border-radius: 4px;\n border: solid 1px #d0d0d0;\n outline: none;\n appearance: none;\n font-size: 15px;\n padding-right: 35px;\n }\n .le-newbuilder-select-wrapper {\n position: relative;\n }\n .le-newbuilder-select-wrapper::after {\n content: '';\n position: absolute;\n right: 15px;\n top: 18px;\n transform: rotate(45deg);\n width: 10px;\n height: 10px;\n border: 2px solid #616060;\n border-left: transparent;\n border-top: transparent;\n }\n / End Dropdown /\n\n .le-buider-slider {\n width: 420px;\n height: auto;\n bottom: 15px;\n top: unset;\n left: -200px;\n animation: le-builder-slide 0.5s forwards;\n }\n\n @keyframes le-builder-slide {\n 100% {\n left: 15px;\n }\n }\n\n @media screen and (max-width: 768px) {\n .le-buider-slider,\n .le-buider-fullscreen {\n display: none !important;\n }\n }\n\n .le-skin-mobile {\n margin-top: 64px;\n }\n"]))),V=function(n){var e=n.title,t=n.titleAlign,o=n.subtitle,a=n.subtitleAlign,i=n.link,r=n.linkNewTab,d=n.linkText,c=n.image;return l.createElement("div",{id:"lead-modal",className:"lead-modal modal--animate-scale"},l.createElement("div",{className:"lead-modal__wrapper animate__animated "},l.createElement("div",{className:"lead-modal__thank-you"},l.createElement("div",{style:{width:"100%"}},l.createElement("img",{src:c,style:{maxHeight:162,objectFit:"cover"}}),e&&l.createElement("h1",{className:"le-thankyou-title le-text-align-".concat(t)}," ",e," "),o&&l.createElement("p",{className:"le-thankyou-subtitle le-text-align-".concat(a)}," ",o," "),d&&l.createElement("div",null,l.createElement("a",{href:i,target:r?"_blank":"parrent",rel:"noreferrer"},l.createElement("button",{className:"lead-modal__btn ".concat(z)},i)))))))};function q(n){var e=n.leadApi,t=n.leadSiteId,l=n.leadDomain,i=n.onShowPopup;fetch(e+"api/campaign/"+t,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({url:"https://"+location.hostname+location.pathname+location.search,ga_client_id:b("_ga")\|\|null})}).then((function(n){return n.json()})).then((function(n){var e,t,r;if(console.log("List campagin: ",n),T="https://"+location.hostname+location.pathname+location.search,1==n._status){var d=n._data.campaigns;b("hhg-id")\|\|(g("hhg-id",x(),{domain:"."+l,path:"/"}),console.log("😍 Set HHG ID cookie"));var c=[];c=/Android\|webOS\|iPhone\|iPad\|iPod\|BlackBerry\|BB\|PlayBook\|IEMobile\|Windows Phone\|Kindle\|Silk\|Opera Mini/i.test(navigator.userAgent)?d.filter((function(n){return n.device_types.some((function(n){return n.id==B}))})):d.filter((function(n){return n.device_types.some((function(n){return n.id==S}))})),console.log("👓 campaignsDevice",c);var p=c.map((function(n,e){return n.targets.filter((function(n){return n.type==E})).map((function(n){return o(o({},n),{campaignIndex:e})}))})).flat(1);p=p.filter((function(n){return"exact_match"==n.option?Boolean(""==new URL(String(n.target).toLowerCase()).href):"start_with"==n.option?!!"".includes(String(n.target).toLowerCase())&&!n.sub_target.filter((function(n){return"excluding"==n.option})).map((function(n){return n.value})).includes(""):void 0}));var s=Array.from(document.getElementsByTagName("META")).filter((function(n){return"article:tag"==n.getAttribute("property")})).map((function(n){return n.content})),m=[];s&&s.length&&(m=c.map((function(n,e){return n.targets.filter((function(n){return n.type==N})).map((function(n){return o(o({},n),{campaignIndex:e})}))})).flat(1).filter((function(n){return s.includes(n.target)})));var u=a(a([],p,!0),m,!0),h=document.cookie.split("; ").map((function(n){return n.split("=")[0]})),f=h.filter((function(n){return n.includes("lead_submited")}));console.log("--listCampaignCodeSubmited",f);var _=h.filter((function(n){return n.includes("lead_closed")}));console.log("--listCampaignCodeClosed",_);var k,w=a(a([],f,!0),_,!0);if(k=u.filter((function(n){return!w.some((function(e){return e.includes(c[n.campaignIndex].code)}))})).sort((function(n,e){return n.score-e.score})),console.log("--listCampaignValid : ",k),k&&k.length){var v=c[k[0].campaignIndex];console.log("CAMPAIGN_SHOW",v);var y=v.rules,C=Number(null===(e=y.find((function(n){return"time"==n.rule})))\|\|void 0===e?void 0:e.value);console.log("timeoutRule",C);var z=Number(null===(t=y.find((function(n){return"scroll"==n.rule})))\|\|void 0===t?void 0:t.value);console.log("scrollRule",z);var L=Number(null===(r=y.find((function(n){return"exclude_sponsored"==n.rule})))\|\|void 0===r?void 0:r.value);console.log("excludeSponsored",L);var j=Boolean(document.querySelector(".hhg-disclaimer-text"));if(console.log("💎 LEAD current page isSponsored",j),j&&L)return;var O="TIME";if(Number.isInteger(C)&&(O="TIME",console.log("✨ SHOW AWESOME POPUP AFTER: ",C," seconds"),setTimeout((function(){null==i\|\|i(v,O)}),1e3C)),Number.isInteger(z)){O="SCROLL",console.log("✨ SHOW AWESOME AFTER: SCROLL",z," %");var I=document.querySelector('[data-url="'.concat(location.pathname,'"]'))\|\|document.querySelector("body"),A=I.getBoundingClientRect().top,D=I.offsetHeight;console.log("👓 Element check scroll: ",I);var M=function(){var n=window.pageYOffset\|\|document.documentElement.scrollTop,e=0;n>=A&&(e=Math.round((n-A)/(D-innerHeight)*100)),console.log("---Scroll",e,z),e>=z&&(window.removeEventListener("scroll",M),null==i\|\|i(v,O))};window.addEventListener("scroll",M)}}else console.log("🚧 No lead campaigns on current URL, tags")}})).catch((function(n){console.error("Lead error: ",n)}))}var H=function(t){var o=t.apiUrl,a=t.siteDomain,i=t.siteId,r=t.locale,x=s(),_=s(Date.now()),k=p((function(){var n=o;return n.includes("localhost")&&(n="https://dev.leadgen.hellobacsi.com/"),{apiUrl:n}}),[o,a,i]).apiUrl,w=d({locale:r,values:{}}),v=w[0],y=w[1],E=d(null),N=E[0],C=E[1],B=d(""),S=B[0],z=B[1],T=d(null),L=T[0],I=T[1];c((function(){import("./i18n/".concat(r.split("-")[0],".json")).then((function(n){n&&Object.keys(n).length&&y({locale:r,values:n})}))}),[r]);var A=function(n,e){C(n),z(e)};c((function(){if(window.next){var n=m((function(n){console.log("--🌻 routeChangeComplete",n,Date.now());var e=location.pathname;document.querySelector(".lead-modal-wrapper").remove(),document.querySelectorAll('[data-popup-url="'.concat(e,'"]')).length\|\|q({leadApi:k,leadDomain:a,leadSiteId:i,onShowPopup:A}),x.current&&window.removeEventListener("scroll",x.current)}),500);window.next.router.events.on("routeChangeComplete",n)}q({leadApi:k,leadDomain:a,leadSiteId:i,onShowPopup:A})}),[]);var D=function(){var n,e;console.log("👋👋👋 CLOSE POPUP ".concat(N.code," 👋👋👋"));var t=Number(null===(n=N.rules.find((function(n){return"show_again_after_exit "==n.rule})))\|\|void 0===n?void 0:n.value),o=Number(null===(e=N.rules.find((function(n){return"days_to_show_again"==n.rule})))\|\|void 0===e?void 0:e.value);0==t&&g("lead_closed_".concat(N.code),"target_".concat(N.extra_fields.popupVersion),o?{domain:"."+a,days:o,path:"/"}:{domain:"."+a,path:"/"}),C(null),document.body.classList.remove("noscroll"),fetch("".concat(k,"api/campaign/").concat(N.code,"/popup_exit"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"CLICK",url:location.href.toLowerCase(),title_article:document.title,cookie_id:b("hhg-id"),duration:Math.ceil((Date.now()-_.current)/1e3)})})};return c((function(){N&&(_.current=Date.now())}),[N]),l.createElement(O.Provider,{value:{apiUrl:k,siteDomain:a,siteId:i,locale:r}},l.createElement(h.Provider,{value:v},u(l.createElement(R,null,N&&!L&&l.createElement(F,{campaign:N,onClose:D,onSubmit:function(t,o,l,i){return n(void 0,void 0,void 0,(function(){var n,r,d,c,p,s,m,u,h,f,x,_,w,v,y,E,C,B,S,z,T,L,O,A,M,P,F,R,V,q,H,J,U,W,G;return e(this,(function(e){switch(e.label){case 0:return console.log("submitHandler",o,l),n=new FormData(t.currentTarget),r={},n.forEach((function(n,e){d[e]=d[e]\|\|[],d[e].push(n)})),d=Object.keys(r).map((function(n){return{name:n,value:r[n]}})),c=2,p=b("_ga")\|\|null,[4,require("intl-tel-input")];case 1:return s=e.sent(),m={url:location.href.toLowerCase(),title_article:document.title,meta:d.map((function(n){return{key:document.querySelector(".lead-modal__form.".concat(i,' [name="').concat(n.name,'"]')).getAttribute("data-key"),value:(null==j?void 0:j.countryCodeNumber)&&["tel","tel1","tel2","tel3"].includes(n.name)?s.formatNumber(String(n.value),null==j?void 0:j.countryCodeNumber,c).replace(/\s+/g,""):n.value,control:n.name.replace("1","").replace("2","").replace("3",""),is_sent_mailchimp:document.querySelector(".lead-modal__form.".concat(i," .mailchimp-").concat(document.querySelector(".lead-modal__form.".concat(i,' [name="').concat(n.name,'"]')).getAttribute("data-key"))).getAttribute("data-mailchimp")}})),cookie_id:b("hhg-id"),ga_client_id:p},o&&l[o].value_en&&(m.category=l[o].value_en),u=Number((null===(P=null===(M=N.rules)\|\|void 0===M?void 0:M.find((function(n){return"days_to_show_again"===n.rule})))\|\|void 0===P?void 0:P.value)\|\|7),0==(h=Number((null===(R=null===(F=N.rules)\|\|void 0===F?void 0:F.find((function(n){return"show_again_after_submit"===n.rule})))\|\|void 0===R?void 0:R.value)\|\|0))&&(console.log("⛔ Popup never show again!"),g("lead_submited_".concat(N.code),"target_".concat(N.extra_fields.targetType),{domain:"."+a,path:"/"})),1==h&&(console.log("⌛ Popup will show again after ".concat(u," days!")),g("lead_submited_".concat(N.code),"target_".concat(N.extra_fields.targetType),{domain:"."+a,days:u,path:"/"})),fetch("".concat(k,"api/campaign/").concat(N.code,"/lead"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(m)}),"notshow"==N.extra_fields.popupShowThankYou?(D(),document.body.classList.remove("noscroll"),[2]):(f=!0,x=N.thank_you_image\|\|"".concat(k,"admin/img/thanksyou.png"),_=N.extra_fields.popupThankyouTitle\|\|"Thank you.",w=N.extra_fields.popupThankyouDesc\|\|"We appreciate your time!",v="",y="",B="","2.1"==N.extra_fields.popupVersion&&(S=N.extra_fields,z=JSON.parse(S.listBlockThankyou),T=z.find((function(n){return"TitleBlock"==n.name})),L=z.find((function(n){return"SubtitleBlock"==n.name})),O=z.find((function(n){return"LinkButtonBlock"==n.name})),_=(null===(V=null==T?void 0:T.data)\|\|void 0===V?void 0:V.value)\|\|"",v=(null===(q=null==T?void 0:T.data)\|\|void 0===q?void 0:q.align)\|\|"",w=(null===(H=null==L?void 0:L.data)\|\|void 0===H?void 0:H.value)\|\|"",y=(null===(J=null==L?void 0:L.data)\|\|void 0===J?void 0:J.align)\|\|"",E=(null===(U=null==O?void 0:O.data)\|\|void 0===U?void 0:U.value)\|\|"",C=(null===(W=null==O?void 0:O.data)\|\|void 0===W?void 0:W.newtab)\|\|!1,B=(null===(G=null==O?void 0:O.data)\|\|void 0===G?void 0:G.url)\|\|"",A=N.extra_fields.currentLayout,["SkinA","SkinB","Floating","Tab","CenterTab"].includes(A)&&(f=!1)),I(f?{title:_,titleAlign:v,subtitle:w,subtitleAlign:y,link:B,linkNewTab:C,linkText:E,image:x}:null),sessionStorage.getItem("insider_object")?window.insider_object=JSON.parse(sessionStorage.getItem("insider_object")):window.insider_object={user:{email:"",phone_number:"",gdpr_optin:!0,sms_optin:!0,email_optin:!0}},d.map((function(n){var e=n.name,t=n.value;"tel"==e?window.insider_object.user.phone_number=t:"email"==e&&(window.insider_object.user.email=t)})),sessionStorage.setItem("insider_object",JSON.stringify(window.insider_object)),[2])}}))}))},action:S}),L&&l.createElement(V,{title:L.title,titleAlign:L.titleAlign,subtitle:L.subtitle,subtitleAlign:L.subtitleAlign,link:L.link,linkNewTab:L.linkNewTab,linkText:L.linkText,image:L.image})),f())))};export{H as LeadGen};
1	+ import{d as n,e,b as t,_ as o,a}from"./tslib.es6-2fa94e2c.js";import l,{createContext as i,useContext as r,useState as d,useEffect as c,useMemo as s,useRef as p}from"react";import m from"lodash/debounce";import{createPortal as u}from"react-dom";import{T as h}from"./translationsContext-e7808c8f.js";import{g,s as b}from"./cookieHelper-8c12973e.js";import{a as f}from"./utils-11febb09.js";import{v1 as x}from"uuid";import{u as _}from"./useTranslations-b3eb31ef.js";import k from"styled-components";import"string-format";var v=function(n){var e=n.onClose,t=n.containerClassName,o=n.svgClassName;return l.createElement("button",{onClick:e,className:"le-newbuilder-close-button js-modal__close ".concat(t\|\|"")},l.createElement("svg",{className:"le-newbuilder-close-svg ".concat(o\|\|""),xmlns:"http://www.w3.org/2000/svg",width:"53",height:"53",viewBox:"0 0 53 53"},l.createElement("defs",null,l.createElement("filter",{width:"53",height:"53",filterUnits:"userSpaceOnUse"},l.createElement("feGaussianBlur",{result:"blur",stdDeviation:"3"}),l.createElement("feFlood",{floodOpacity:".4"}),l.createElement("feComposite",{in2:"blur",operator:"in"}),l.createElement("feComposite",{in:"SourceGraphic"})),l.createElement("style",{dangerouslySetInnerHTML:{__html:".cls-2{fill:none;stroke:#fff;stroke-linecap:round;stroke-width:2px}"}})),l.createElement("g",{filter:"url(#Ellipse_482)"},l.createElement("circle",{cx:"17.5",cy:"17.5",r:"17.5",transform:"translate(-483.1 -671.163)translate(483.1 671.16)translate(9 9)",fill:"#005cfd"})),l.createElement("path",{d:"M19 19L34 34",className:"cls-2"}),l.createElement("path",{d:"M34 19L19 34",className:"cls-2"})))},w=function(n){var e=n.popupId,t=n.url,o=n.newTab,a=n.imageDestkop,i=n.imageMobile,r=n.onClose,d=n.onOtherSubmit;return l.createElement("div",{id:e,className:"lead-modal-wrapper","data-popup-url":location.pathname,"data-popup-type":"center_tab"},l.createElement("div",{className:"le-center-tab-popup"},l.createElement("div",{style:{position:"relative"}},l.createElement("a",{className:"js-popup-other-submit",href:t,target:o?"blank":"_parent",onClick:d},l.createElement("img",{className:"le-only-mobile",src:i}),l.createElement("img",{className:"le-only-desktop",src:a})),l.createElement(v,{onClose:r,containerClassName:"le-abs-outer-mobile-top-right-2",svgClassName:"le-mobile-btn"}))))},y=function(n){var e=n.popupId,t=n.url,o=n.title,a=n.urlText,i=n.titleAlign,r=n.subtitle,d=n.subtitleAlign,c=n.newTab,s=n.imageDesktop,p=n.imageMobile,m=n.onClose,u=n.onOtherSubmit;return l.createElement("div",{id:e,className:"lead-modal-wrapper lead-floating-wrapper","data-popup-url":location.pathname,"data-popup-type":"floating"},l.createElement("aside",{className:"le-only-desktop"},l.createElement("div",{className:"le-floating-desktop"},l.createElement("div",{className:"le-floating-desktop-wrap",style:{position:"relative",background:"#fff"}},s?l.createElement("div",null,l.createElement("img",{style:{maxWidth:120,borderTopLeftRadius:5,borderBottomLeftRadius:5},src:s})):null,l.createElement("div",{style:{padding:20}},l.createElement("div",{className:"le-floating-desktop-title le-text-align-".concat(i)},o),l.createElement("div",{className:"le-floating-desktop-desc le-text-align-".concat(d)},r)),l.createElement("a",{target:c?"blank":"_parent",style:{marginLeft:35,textDecoration:"none"},href:t},l.createElement("button",{className:"le-joinbow-floating-btn js-popup-other-submit",onClick:u},a)),l.createElement(v,{onClose:m,containerClassName:"le-abs-outer-top-right"})))),l.createElement("aside",{className:"le-only-mobile"},l.createElement("div",{className:"le-floating-mobile"},l.createElement("div",{className:"le-floating-mobile-wrap",style:{position:"relative",background:"#fff"}},l.createElement("aside",{style:{display:"flex",justifyContent:"space-between"}},l.createElement("div",null,l.createElement("div",{className:"le-floating-mobile-title le-text-align-".concat(i)},o),l.createElement("div",{className:"le-floating-mobile-desc le-text-align-".concat(d)},r)),p?l.createElement("div",null,l.createElement("img",{style:{marginLeft:15,marginTop:4,maxWidth:100},src:p})):null),l.createElement("div",{style:{textAlign:"center",marginTop:10}},l.createElement("a",{target:c?"blank":"_parent",href:t,style:{textDecoration:"none"}},l.createElement("button",{className:"le-joinbow-floating-btn js-popup-other-submit",onClick:u},a))),l.createElement(v,{onClose:m,containerClassName:"le-abs-outer-top-right",svgClassName:"le-mobile-btn"})))))},E=1,N=2,C="https://dev.leadgen.hellobacsi.com/",B=1,S=2,T="";C.includes("localhost")&&(C="https://dev.leadgen.hellobacsi.com/"),location.hostname.includes("marrybaby.vn")&&(T="pink");var z="https://"+location.hostname+location.pathname+location.search;z=z.toLowerCase(),sessionStorage.getItem("insider_object")&&(window.insider_object=JSON.parse(sessionStorage.getItem("insider_object")));var L={"vi-VN":{popupLang:"vi",countryCode:"vn",countryCodeNumber:84},"id-ID":{popupLang:"id",countryCode:"id",countryCodeNumber:62},"th-TH":{popupLang:"th",countryCode:"th",countryCodeNumber:66},"ms-MY":{popupLang:"ms",countryCode:"my",countryCodeNumber:60},"zh-TW":{popupLang:"zh",countryCode:"tw",countryCodeNumber:886},"km-KH":{popupLang:"km",countryCode:"kh",countryCodeNumber:855},"my-MM":{popupLang:"my",countryCode:"mm",countryCodeNumber:95},"hi-IN":{popupLang:"hi",countryCode:"in",countryCodeNumber:91}},j=L[document.documentElement.lang]\|\|L["vi-VN"];var O=i({}),P=function(t){var o,a,i,p=t.popupId,m=t.extraFields,u=t.onClose,h=t.onOtherSubmit,g=t.imageMobile,b=t.imageDesktop,f=t.imageBackground,x=t.currentLayout,k=t.title,v=t.onSubmit,w=_().t,y=JSON.parse(m.listBlockAdded),E=JSON.parse(m.actionBlocks),N=JSON.parse(m.textBlocks),C=r(O).apiUrl,B=E.submitBlock.data.url,S=E.submitBlock.data.text,z=E.submitBlock.data.text2,L=E.submitBlock.data.value,P=location.pathname,I=x.includes("Inline")\|\|"Sidebar"===x,D="Slider"===x,A=d(!0),M=A[0],q=A[1];if(window.innerWidth<769&&["Fullscreen","Slider"].includes(x))return console.log("😎 Not show fullscreen, slider on mobile "),null;c((function(){(x.includes("LightBox")\|\|"Fullscreen"==x)&&document.body.classList.add("noscroll")}),[]);var H=function(t,o){return n(void 0,void 0,void 0,(function(){return e(this,(function(n){switch(n.label){case 0:return o.target.validity.valueMissing?(o.target.setCustomValidity(w("validator.required")),[3,5]):[3,1];case 1:return o.target.validity.valid\|\|o.target.validity.customError?[3,2]:("tel"===t?o.target.setCustomValidity(w("validator.phone")):"date"===t?o.target.setCustomValidity(w("validator.date")):"email"===t&&o.target.setCustomValidity(w("validator.email")),[3,5]);case 2:return"tel"!==t?[3,4]:[4,require("intl-tel-input")];case 3:return n.sent().isValidNumber(String(o.target.value),j.countryCode)?o.target.setCustomValidity(""):o.target.setCustomValidity(w("validator.phone")),[3,5];case 4:o.target.setCustomValidity(""),n.label=5;case 5:return[2]}}))}))},V=s((function(){var n={TextBlock:0,NumberBlock:0,EmailBlock:0,PhoneBlock:0,DateBlock:0,CheckboxBlock:0,RadioBlock:0};return y.map((function(e,t){var o,a;if("TitleBlock"==e.name)return l.createElement("h2",{key:t,className:"lead-modal__title ".concat("le-text-align-"+((null===(o=e.data)\|\|void 0===o?void 0:o.align)\|\|"")," ").concat(T)},e.data.value);if("SubtitleBlock"==e.name)return l.createElement("p",{key:t,className:"lead-modal__description ".concat("le-text-align-"+((null===(a=e.data)\|\|void 0===a?void 0:a.align)\|\|"")," ").concat(T)},e.data.value);if("TextBlock"==e.name)return n.TextBlock+=1,l.createElement("div",{key:t},l.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},l.createElement("input",{required:!0,"data-key":e.data.value,name:"text"+(n.TextBlock>1?n.TextBlock:""),spellCheck:!1,type:"text",placeholder:e.data.placeholder,className:"lead-modal__form-control width-100%",onChange:function(n){return H("text",n)}}),l.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(C,"admin/img/builder/text.svg")})));if("NumberBlock"==e.name){var i=l.createElement("div",{key:t},l.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},l.createElement("input",{required:!0,"data-key":e.data.value,name:"number"+(n.NumberBlock?n.NumberBlock:""),spellCheck:!1,type:"number",min:"0",placeholder:e.data.placeholder,className:"lead-modal__form-control width-100%",onChange:function(n){return H("number",n)}}),l.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(C,"admin/img/builder/number.svg")})));return n.NumberBlock+=1,i}if("EmailBlock"==e.name){i=l.createElement("div",{key:t},l.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},l.createElement("input",{required:!0,"data-key":e.data.value,name:"email"+(n.EmailBlock?n.EmailBlock:""),spellCheck:!1,type:"email",placeholder:e.data.placeholder,className:"lead-modal__form-control width-100%",onChange:function(n){return H("email",n)}}),l.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(C,"admin/img/builder/email.svg")})));return n.EmailBlock+=1,i}if("PhoneBlock"==e.name){i=l.createElement("div",{key:t},l.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},l.createElement("input",{required:!0,"data-key":e.data.value,name:"tel"+(n.PhoneBlock?n.PhoneBlock:""),spellCheck:!1,type:"tel",placeholder:e.data.placeholder,className:"lead-modal__form-control width-100%",onChange:function(n){return H("tel",n)}}),l.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(C,"admin/img/builder/tel.svg")})));return n.PhoneBlock+=1,i}if("DateBlock"==e.name){i=l.createElement("div",null,l.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},l.createElement("input",{required:!0,type:"date","data-key":e.data.value,name:"date"+(n.DateBlock?n.DateBlock:""),placeholder:e.data.placeholder,onClick:function(n){n.currentTarget.classList.remove("placeholderclass")},onBlur:function(n){n.currentTarget.value\|\|n.currentTarget.classList.add("placeholderclass")},className:"dateclass placeholderclass lead-modal__form-control width-100%",onChange:function(n){return H("date",n)}}),l.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(C,"admin/img/builder/date.svg")})));return n.DateBlock+=1,i}if("LinkButtonBlock"==e.name)return l.createElement("div",{key:t},l.createElement("a",{target:e.data.newtab?"blank":"parrent",href:e.data.url,style:{textDecoration:"none"}},l.createElement("button",{type:"button",className:"lead-modal__btn js-modal__close js-popup-other-submit ".concat(T),onClick:function(){null==u\|\|u(),null==h\|\|h()}},e.data.value)));if("CheckboxBlock"==e.name){var r=e.data,d=r.listQuestion,c=r.isSendMailChimp,s=void 0!==c&&c;i=l.createElement("div",{key:t,style:{margin:"5px 0"}},l.createElement("div",{className:"le-checkbox-title"},e.data.placeholder),l.createElement("div",{className:"mailchimp-".concat(e.data.value),"data-mailchimp":s}),d.map((function(t,o){return l.createElement("label",{key:o,className:"lead-checkbox-container"},l.createElement("input",{"data-key":e.data.value,name:"checkbox"+(n.CheckboxBlock?n.CheckboxBlock:"")+"[]",value:t.value,type:"checkbox",onChange:function(n){return H("checkbox",n)}}),l.createElement("span",{className:"lead-checkbox-checkmark"}),"$",t.placeholder)})));return n.CheckboxBlock+=1,i}if("RadioBlock"==e.name){d=e.data.listQuestion,i=l.createElement("div",{key:t,style:{margin:"5px 0"}},l.createElement("div",{className:"le-checkbox-title"},e.data.placeholder),d.map((function(t,o){return l.createElement("label",{className:"lead-radio-container",key:o},l.createElement("input",{"data-key":e.data.value,name:"radio"+(n.RadioBlock?n.RadioBlock:""),value:t.value,type:"radio",onChange:function(n){return H("radio",n)}}),l.createElement("span",{className:"lead-radio-checkmark"}),t.placeholder)})));return n.RadioBlock+=1,i}if("DropdownBlock"==e.name){d=e.data.listQuestion,i=l.createElement("div",{key:t,style:{margin:"5px 0"}},l.createElement("div",{className:"le-checkbox-title"},e.data.placeholder),l.createElement("div",{className:"le-newbuilder-select-wrapper"},l.createElement("select",{className:"le-newbuilder-select","data-key":e.data.value,name:"dropdown"+(n.DropdownBlock?n.DropdownBlock:"")},d.forEach((function(n,e){return l.createElement("option",{key:e,value:n.value},n.placeholder)})))));return n.DropdownBlock+=1,i}}))}),[]);return x.includes("LightBox")\|\|"Fullscreen"==x\|\|"Slider"==x?l.createElement(l.Fragment,null,l.createElement("style",{dangerouslySetInnerHTML:{__html:".le-newbuilder-overlay {\n background: url(".concat(g,") ;\n background-repeat: no-repeat;\n background-size: cover;\n }\n @media screen and (min-width:768px) {\n .le-newbuilder-overlay {\n background: url(").concat(b,") ;\n background-repeat: no-repeat;\n background-size: cover;\n }\n }")}}),l.createElement("div",{id:p,"data-popup-url":P,"data-popup-type":"lightbox-inline",className:"lead-modal lead-modal-wrapper modal--animate-scale ".concat(I?"le-buider-inline":""," ").concat(D?"le-buider-slider":"")},"Fullscreen"==x?l.createElement("img",{className:"le-only-desktop le-fullscreen-img",draggable:!1,src:f\|\|""}):null,l.createElement("div",{className:"lead-modal__wrapper le-newbuilder-wrap-".concat(x)},l.createElement("div",{className:"lead-modal__content le-newbuilder-".concat(x)},l.createElement("header",{className:"lead-modal__header"},["LightBoxA","InlineA","Sidebar","Slider"].includes(x)?g?l.createElement("img",{draggable:"false",className:"lead-modal__image lead-modal-image-cover",src:g,alt:""}):null:l.createElement(l.Fragment,null,b?l.createElement("img",{draggable:"false",className:"le-only-desktop lead-modal__image lead-modal-image-cover",style:{height:"100%",objectFit:"cover"},src:b,alt:""}):null,g?l.createElement("img",{draggable:"false",className:"le-only-mobile lead-modal__image lead-modal-image-cover",src:g,alt:""}):null)),l.createElement("div",{className:"lead-modal__body le-newbuilder-overlay"},l.createElement("form",{className:"lead-modal__form ".concat(p),onSubmit:v},l.createElement("div",{style:{marginBottom:20}},l.createElement("h2",{className:"lead-modal__title ".concat("le-text-align-"+(null===(o=N.titleBlock.data)\|\|void 0===o?void 0:o.align)," ").concat(T)},k),l.createElement("p",{className:"lead-modal__description ".concat("le-text-align-"+(null===(a=N.titleBlock.data)\|\|void 0===a?void 0:a.align)," ").concat(T)},N.subtitleBlock.data.value)),l.createElement("div",null,V),(null===(i=null==E?void 0:E.submitBlock)\|\|void 0===i?void 0:i.isHide)?null:l.createElement(l.Fragment,null,l.createElement("div",{className:"lead-modal__checkbox-wrapper ".concat(T)},l.createElement("div",{className:"lead-modal__checkbox"},l.createElement("input",{id:"lead-term-checkbox",className:"lead-modal__checkbox__input ".concat(T),type:"checkbox","aria-label":"Checkbox label",checked:M,onChange:function(n){return q(n.currentTarget.checked)}}),l.createElement("div",{className:"lead-modal__checkbox__control","aria-hidden":"true"})),l.createElement("label",{htmlFor:"checkbox",className:"lead-modal__checkbox__label"},S," ",l.createElement("span",{style:{fontWeight:"bold"}},l.createElement("a",{target:"blank",href:B\|\|"https://hellobacsi.com/chinh-sach",rel:"noopener noreferrer",style:{textDecoration:"none"}},z)))),l.createElement("button",{id:"lead-submit",type:"submit",className:"lead-modal__btn ".concat(T),disabled:!M}," ",L))))),l.createElement("button",{className:"lead-modal__close-btn ".concat("Fullscreen"==x?"lead-fullscreen-desktop-close-btn":""," js-modal__close ").concat(T),onClick:u},l.createElement("svg",{className:"lead-modal__close-icon",viewBox:"0 0 24 24"},l.createElement("g",{fill:"none",stroke:"currentColor",strokeMiterlimit:"10",strokeWidth:"2"},l.createElement("line",{x1:"3",y1:"3",x2:"21",y2:"21"}),l.createElement("line",{x1:"21",y1:"3",x2:"3",y2:"21"}))))))):null},I=function(n){var e=n.popupId,t=n.url,o=n.newTab,a=n.image,i=n.onClose,r=n.onOtherSubmit;return l.createElement("div",{id:e,className:"lead-modal-wrapper","data-popup-url":location.pathname,"data-popup-type":"tab"},l.createElement("div",{className:"le-tab-popup"},l.createElement("div",{style:{position:"relative"}},l.createElement("a",{href:t,target:o?"blank":"_parent",onClick:r},l.createElement("img",{className:"js-popup-other-submit",src:a})),l.createElement(v,{onClose:i,containerClassName:"le-abs-outer-mobile-top-right-2",svgClassName:"le-mobile-btn"}))))};var D,A=function(n){var e,t,o=n.campaign,a=n.action,i=n.onSubmit,d=n.onClose;_().t;var s=r(O),m=s.apiUrl,u=s.siteDomain;c((function(){var n=g("_ga")\|\|null;fetch("".concat(m,"api/campaign/").concat(v,"/impression"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:a,url:location.href.toLowerCase(),title_article:document.title,cookie_id:g("hhg-id"),ga_client_id:n})})}),[]);var h=o.extra_fields,f=o.image,k=o.image_desktop,v=o.code,E=o.image_background,N=h.currentLayout,C=h.imageBlocks?JSON.parse(h.imageBlocks):{},B=JSON.parse(h.actionBlocks),S=JSON.parse(h.textBlocks),T=(null===(t=null===(e=null==S?void 0:S.titleBlock)\|\|void 0===e?void 0:e.data)\|\|void 0===t?void 0:t.value)\|\|"",z={1:{},2:{},3:{}},L=p("lead-modal-"+x()),j=function(n){if(void 0===n&&(n="Xin chao {{category_2}} extra"),n.includes("{{category_")){var e="{{category_".length,t=n.search("{{category_");return+n.charAt(e+t)}return null}(T);if(j){console.log("⚡️ Has categoryLevel",j);var D=Array.from(document.getElementsByTagName("META")),A=D.find((function(n){return n.name==="content_category_".concat(j)})),M=D.find((function(n){return n.name==="content_category_en_".concat(j)}));if(!A\|\|!M)return console.log("⚡️ No META TAG for categoryLevel, not show popup",j),null;z[j]={value:A.content,value_en:M.content},T=T.replace("{{category_".concat(j,"}}"),A.content),console.log("⚡️ Set categoryData ",j)}else console.log("⚡️ No categoryLevel",j);var q=function(){var n,e,t,a;if(console.log("👌 Other submit click"),null==d\|\|d(),document.body.classList.remove("noscroll"),h.currentLayout.includes("Skin")){var l=document.querySelector("#masthead");l&&(l.style.top="0px !important;")}var i=Number(null!==(e=null===(n=o.rules.find((function(n){return"days_to_show_again"==n.rule})))\|\|void 0===n?void 0:n.value)&&void 0!==e?e:7),r=Number(null!==(a=null===(t=o.rules.find((function(n){return"show_again_after_submit"==n.rule})))\|\|void 0===t?void 0:t.value)&&void 0!==a?a:0);0===r&&(console.log("⛔ Popup never show again!"),b("lead_submited_".concat(v),"target_".concat(h.popupVersion),{domain:"."+u,path:"/"})),1==r&&(console.log("⌛ Popup will show again after ".concat(i," days!")),b("lead_submited_".concat(v),"target_".concat(h.popupVersion),{domain:"."+u,days:i,path:"/"}));var c=g("_ga")\|\|null,s={url:location.href.toLowerCase(),title_article:document.title,meta:[],cookie_id:g("hhg-id"),ga_client_id:c};j&&(s.category=z[j].value_en),fetch("".concat(m,"api/campaign/").concat(v,"/lead"),{method:"POST",body:JSON.stringify(s),headers:{"Content-Type":"application/json","X-Requested-With":"XMLHttpRequest"}}).then((function(n){return n.json()})).then((function(n){"error"===n.status&&console.log(n)})).catch((function(n){console.error("Error:",n)}))};return"CenterTab"===N?l.createElement(w,{popupId:L.current,url:C.imageMobile.data.url,newTab:C.imageMobile.data.newtab,imageMobile:f,imageDestkop:k,onClose:d,onOtherSubmit:q}):"Tab"===N?l.createElement(I,{popupId:L.current,url:C.imageMobile.data.url,newTab:C.imageMobile.data.newtab,image:f,onClose:d,onOtherSubmit:q}):"Floating"===N?l.createElement(y,{popupId:L.current,title:T,titleAlign:S.titleBlock.data.align,subtitle:S.subtitleBlock.data.value,subtitleAlign:S.subtitleBlock.data.align,url:B.linkButtonBlock.data.url,urlText:B.linkButtonBlock.data.value,newTab:B.linkButtonBlock.data.newtab,imageMobile:f,imageDesktop:k,onClose:d,onOtherSubmit:q}):N.includes("LightBox")\|\|N.includes("Inline")\|\|"Fullscreen"==N\|\|"Sidebar"==N\|\|"Slider"==N?l.createElement(P,{popupId:L.current,extraFields:h,onClose:d,onOtherSubmit:q,imageMobile:f,imageDesktop:k,imageBackground:E,currentLayout:N,title:T,onSubmit:function(n){return i(n,j,z,L.current)}}):null},M=function(t){var o=t.campaign,a=t.action,i=t.onSubmit,s=t.onClose,p=_().t,m=d(!0),u=m[0],h=m[1];c((function(){document.body.classList.add("noscroll");var n=g("_ga")\|\|null;fetch("".concat(C,"api/campaign/").concat(x,"/impression"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:a\|\|"",url:location.href.toLowerCase(),title_article:document.title,cookie_id:g("hhg-id"),ga_client_id:n})})}),[]);var b=o.extra_fields,f=o.image,x=o.code,k=b.title,v=b.desc,w=b.submit,y=b.popUpTermURL,E=b.popUpTermAgreeText,N=b.popUpTermText,C=r(O).apiUrl,B=b.fields?JSON.parse(b.fields):[],S={tel:0,text:0,date:0,email:0},z=function(t,o){return n(void 0,void 0,void 0,(function(){return e(this,(function(n){switch(n.label){case 0:return o.target.validity.valueMissing?(o.target.setCustomValidity(p("validator.required")),[3,5]):[3,1];case 1:return o.target.validity.valid\|\|o.target.validity.customError?[3,2]:("tel"===t?o.target.setCustomValidity(p("validator.phone")):"date"===t?o.target.setCustomValidity(p("validator.date")):"email"===t&&o.target.setCustomValidity(p("validator.email")),[3,5]);case 2:return"tel"!==t?[3,4]:[4,require("intl-tel-input")];case 3:return n.sent().isValidNumber(String(o.target.value),j.countryCode)?o.target.setCustomValidity(""):o.target.setCustomValidity(p("validator.phone")),[3,5];case 4:o.target.setCustomValidity(""),n.label=5;case 5:return[2]}}))}))},L=B.map((function(n,e){var t=l.createElement(l.Fragment,null);return t="date"==n.control?l.createElement("div",{key:e,className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},l.createElement("input",{required:!0,type:"date","data-key":n.listEdit[0].value,name:S.date?n.control+S.date:n.control,placeholder:n.listEdit[1].value\|\|"...",onClick:function(n){return n.currentTarget.classList.remove("placeholderclass")},onBlur:function(n){return!n.currentTarget.value&&n.currentTarget.classList.add("placeholderclass")},className:"dateclass placeholderclass lead-modal__form-control width-100%",onChange:function(e){return z(n.control,e)}}),l.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(C,"admin/img/builder/").concat(n.name,".svg")})):l.createElement("div",{key:e,className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},l.createElement("input",{required:!0,"data-key":n.listEdit[0].value,name:S[n.control]?n.control+S[n.control]:n.control,spellCheck:!1,type:n.control,placeholder:n.listEdit[1].value\|\|"...",className:"lead-modal__form-control width-100%",onChange:function(e){return z(n.control,e)}}),l.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(C,"admin/img/builder/").concat(n.name,".svg")})),"date"==n.control&&(S.date+=1),"text"==n.control&&(S.text+=1),"tel"==n.control&&(S.tel+=1),"email"==n.control&&(S.email+=1),t}));return l.createElement("div",{id:"lead-modal",className:"lead-modal modal--animate-scale"},l.createElement("div",{className:"lead-modal__wrapper animate__animated "},l.createElement("div",{className:"lead-modal__content"},l.createElement("header",{className:"lead-modal__header"},!!f&&l.createElement("img",{className:"lead-modal__image lead-modal-image-cover",src:f,alt:""})),l.createElement("div",{className:"lead-modal__body"},l.createElement("h2",{className:"lead-modal__title ".concat(T)},k),l.createElement("p",{className:"lead-modal__description ".concat(T)},v),l.createElement("form",{className:"lead-modal__form",onSubmit:function(n){n.preventDefault(),i(n)}},L,l.createElement("div",{className:"lead-modal__checkbox-wrapper ".concat(T)},l.createElement("div",{className:"lead-modal__checkbox"},l.createElement("input",{id:"lead-term-checkbox",className:"lead-modal__checkbox__input ".concat(T),type:"checkbox","aria-label":"Checkbox label",checked:u,onChange:function(n){return h(n.currentTarget.checked)}}),l.createElement("div",{className:"lead-modal__checkbox__control","aria-hidden":"true"})),l.createElement("label",{htmlFor:"checkbox",className:"lead-modal__checkbox__label"},E," ",l.createElement("span",{style:{fontWeight:"bold"}},l.createElement("a",{target:"blank",href:y\|\|"https://hellobacsi.com/chinh-sach",style:{textDecoration:"none"},rel:"noopener noreferrer"},N)))),l.createElement("button",{id:"lead-submit",type:"submit",className:"lead-modal__btn ".concat(T),disabled:!u},w)))),l.createElement("button",{className:"lead-modal__close-btn js-modal__close ".concat(T),onClick:s},l.createElement("svg",{className:"lead-modal__close-icon",viewBox:"0 0 24 24"},l.createElement("title",null,"Close modal window"),l.createElement("g",{fill:"none",stroke:"currentColor",strokeMiterlimit:"10",strokeWidth:"2"},l.createElement("line",{x1:"3",y1:"3",x2:"21",y2:"21"}),l.createElement("line",{x1:"21",y1:"3",x2:"3",y2:"21"}))))))},q=function(n){var e=n.campaign,t=n.action,o=n.onSubmit,a=n.onClose;return e.extra_fields?"2.1"==e.extra_fields.popupVersion?l.createElement(A,{campaign:e,action:t,onSubmit:o,onClose:a}):l.createElement(M,{campaign:e,action:t,onSubmit:o,onClose:a}):null},H={"validator.required":"This field is required.","validator.remote":"Please fix this field.","validator.email":"Please enter a valid email address.","validator.phone":"Please input correct phone number.","validator.url":"Please enter a valid URL.","validator.date":"Please enter a valid date.","validator.dateISO":"Please enter a valid date (ISO).","validator.number":"Please enter a valid number.","validator.digits":"Please enter only digits.","validator.creditcard":"Please enter a valid credit card number.","validator.equalTo":"Please enter the same value again.","validator.accept":"Please enter a value with a valid extension.","validator.maxlength":"jQuery.validator.format('Please enter no more than {0} characters.","validator.minlength":"jQuery.validator.format('Please enter at least {0} characters.","validator.rangelength":"jQuery.validator.format('Please enter a value between {0} and {1} characters long.","validator.range":"jQuery.validator.format('Please enter a value between {0} and {1}.","validator.max":"jQuery.validator.format('Please enter a value less than or equal to {0}.","validator.min":"jQuery.validator.format('Please enter a value greater than or equal to {0}."},V={"en-PH":H,"vi-VN":{"validator.required":"Vui lòng điền mục này","validator.email":"Vui lòng điền email có thật.","validator.number":"Vui lòng điền số có thật","validator.digits":"Vui lòng chỉ điền số","validator.maxlength":"Vui lòng điền dưới {0} số","validator.minlength":"Vui lòng điền hơn {0} số","validator.remote":"Hãy sửa cho đúng.","validator.url":"Hãy nhập URL.","validator.date":"Hãy nhập ngày.","validator.dateISO":"Hãy nhập ngày (ISO).","validator.creditcard":"Hãy nhập số thẻ tín dụng.","validator.equalTo":"Hãy nhập thêm lần nữa.","validator.extension":"Phần mở rộng không đúng.","validator.rangelength":"Hãy nhập từ {0} đến {1} kí tự.","validator.range":"Hãy nhập từ {0} đến {1}.","validator.max":"Hãy nhập từ {0} trở xuống.","validator.min":"Hãy nhập từ {0} trở lên.","validator.phone":"Nhập đúng định dạng số điện thoại"},"hi-IN":{"validator.required":"इस क्षेत्र की आवश्यकता है।","validator.email":"कृपया एक मान्य ईमेल पता दर्ज करें","validator.number":"कृपया एक वैध संख्या दर्ज करें","validator.digits":"कृपया केवल अंक दर्ज करें","validator.maxlength":"कृपया {0} अक्षर से अधिक दर्ज न करें","validator.minlength":"कृपया कम से कम {0} अक्षर दर्ज करें","validator.phone":"कृपया एक वैध संख्या दर्ज करें"},"id-ID":{"validator.required":"Kolom ini wajib diisi","validator.email":"Tolong daftarkan email yang valid","validator.number":"Tolong daftarkan nomor telepon yang valid","validator.digits":"Tolong masukkan angka saja","validator.maxlength":"Jangan memasukkan lebih dari {0} karakter","validator.minlength":"Tolong ketik sedikitnya {0} karakter","validator.phone":"Tolong daftarkan nomor telepon yang valid"},"ms-MY":{"validator.required":"Bahagian ini wajib diisi.","validator.email":"Sila masukkan alamat emel yang sah.","validator.number":"Sila masukkan no telefon yang sah.","validator.digits":"Sila masukkan nombor digit sahaja.","validator.maxlength":"Sila masukkan tidak lebih dari {0} aksara","validator.minlength":"Sila masukkan sekurang-kurangnya {0} aksara","validator.phone":"Sila masukkan no telefon yang sah."},"my-MM":{"validator.required":"ဒီနေရာမှာ ဖြည့်ဖို့ လိုအပ်ပါတယ်","validator.email":"မှန်ကန်သော အီးမေးလ်လိပ်စာထည့်သွင်းပါ","validator.number":"မှန်ကန်သော ဖုန်းနံပါတ်ထည့်သွင်းပါ","validator.digits":"နံပါတ်များသာဖြည့်ပါ","validator.maxlength":"ကျေးဇူးပြု၍ {0} ထပ်မပိုသော ဂဏန်းများသာဖြည့်ပါ","validator.minlength":"ကျေးဇူးပြု၍ အနည်းဆုံး {0} ဂဏန်းဖြည့်ပါ","validator.phone":"မှန်ကန်သော ဖုန်းနံပါတ်ထည့်သွင်းပါ"},"km-KH":{"validator.required":"ព័ត៌មានចាំបាច់ដែលត្រូវបំពេញ","validator.email":"សូមវាយអាសយដ្ឋានអ៊ីម៉ែលឲ្យបានត្រឹមត្រូវ","validator.number":"សូមវាយបញ្ចូលលេខឲ្យបានត្រឹមត្រូវ","validator.digits":"វាយបញ្ចូលបានតែលេខប៉ុណ្ណោះ","validator.maxlength":"សូមវាយបញ្ចូលកុំឲ្យលើស {0} តួអក្សរ","validator.minlength":"សូមវាយបញ្ចូលតិចបំផុត {0} តួអក្ស","validator.phone":"សូមវាយបញ្ចូលលេខឲ្យបានត្រឹមត្រូវ"},"zh-TW":{"validator.required":"此為必填欄位","validator.email":"請填入有效的 email 地址","validator.number":"請填入有效的電話號碼","validator.digits":"此欄位僅能輸入數字","validator.maxlength":"請輸入少於 {0} 位數","validator.minlength":"請輸入至少 {0} 位數","validator.phone":"請填入有效的電話號碼"},"th-TH":{"validator.required":"ต้องระบุข้อมูลในช่องนี้","validator.email":"กรุณาใส่อีเมล์ที่ถูกต้อง","validator.number":"กรุณาใส่ตัวเลขที่ถูกต้อง","validator.digits":"กรุณาส่เฉพาะตัวเลข","validator.maxlength":"กรุณาใส่ตัวเลขมากกว่า {0} หลัก","validator.minlength":"กรุณาใส่ตัวเลขอย่างน้อย {0} หลัก","validator.phone":"กรุณาใส่ตัวเลขที่ถูกต้อง"},"tl-PH":H},F=function(n){var e=V[n];return e\|\|V["en-PH"]},R=k.div(D\|\|(D=t(["\n /* lead-modal : start /\n .lead-modal {\n font-family: 'Open sans', sans-serif !important;\n position: fixed;\n z-index: 99999;\n width: 100%;\n height: 100%;\n left: 0;\n top: 0;\n opacity: 1;\n visibility: visible;\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: transparent;\n padding: 10px;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n white-space: normal !important;\n }\n\n .lead-modal__wrapper {\n position: relative;\n width: 100%;\n max-width: 450px;\n background-color: #fff;\n border-radius: 6px;\n box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);\n }\n\n .lead-modal__content {\n width: inherit;\n overflow: auto;\n / min-height: 400px; /\n max-height: calc(100vh - 125px);\n -webkit-overflow-scrolling: touch;\n }\n\n .lead-modal__header {\n padding: 0px 0px;\n }\n\n .lead-modal__image {\n display: block;\n margin: 0 auto;\n border: none !important;\n box-shadow: none !important;\n }\n .lead-modal-image-logo {\n margin-top: 15px;\n margin-bottom: 15px;\n }\n\n .lead-modal-image-cover {\n width: 100% !important;\n padding: 0 0px;\n border-top-left-radius: 4px;\n border: none !important;\n box-shadow: none !important;\n margin: 0 !important;\n }\n\n .lead-modal__image + .lead-modal__image {\n / margin-top: 10px; /\n / border-radius: 4px; /\n }\n\n .lead-modal__body {\n font-family: 'Open sans', sans-serif !important;\n padding: 15px 15px 25px 15px;\n }\n\n .lead-modal__title {\n font-family: 'Open sans', sans-serif !important;\n font-size: 20px !important;\n font-weight: bold !important;\n font-stretch: normal !important;\n font-style: normal !important;\n line-height: 1.3 !important;\n letter-spacing: -0.4px !important;\n color: #2a4975 !important;\n box-shadow: none !important;\n padding-bottom: 0 !important;\n }\n\n .lead-modal__title.pink {\n color: #2661ad !important;\n }\n\n .lead-modal__description {\n font-family: 'Open sans', sans-serif !important;\n font-size: 13px !important;\n font-weight: normal !important;\n font-stretch: normal !important;\n font-style: normal !important;\n line-height: 1.62 !important;\n letter-spacing: 0.14px !important;\n color: #2c87f3 !important;\n margin-top: 10px !important;\n }\n\n .lead-modal__description.pink {\n color: #3e3f58 !important;\n }\n\n .lead-modal__form-control-wrapper {\n margin-top: 10px;\n margin-left: 0px !important;\n position: relative;\n }\n\n .lead-modal__form-control {\n box-shadow: none !important;\n height: 40px !important;\n width: 100%;\n padding-left: calc(15px + 1.5em + 15px) !important;\n background-color: #fff !important;\n padding-top: 10px !important;\n padding-bottom: 10px !important;\n padding-right: 15px !important;\n border: solid 1px #dddddd !important;\n color: #2a4975 !important;\n line-height: 1.7em !important;\n border-radius: 0 !important;\n font-family: 'Open Sans', sans-serif !important;\n background-image: linear-gradient(transparent, transparent) !important;\n margin-left: 0px !important;\n font-size: 14px !important;\n line-height: 14px !important;\n }\n\n .lead-modal__form-control {\n &:focus {\n border-color: var(--color-primary);\n box-shadow: 0px 0px 0px 3px rgba(44, 135, 243, 0.1);\n outline: none;\n }\n\n &::-webkit-input-placeholder {\n / Chrome, Firefox, Opera, Safari 10.1+ /\n color: #b5b5b5;\n }\n\n &::-moz-placeholder {\n color: #b5b5b5;\n }\n\n &:-ms-input-placeholder {\n color: #b5b5b5;\n }\n\n &::-ms-input-placeholder {\n color: #b5b5b5;\n }\n\n &::placeholder {\n color: #b5b5b5;\n }\n }\n\n img.lead-modal__form-control-icon {\n display: inline-block !important;\n color: #b5b5b5 !important;\n fill: #b5b5b5 !important;\n line-height: 1 !important;\n flex-shrink: 0 !important;\n max-width: initial !important;\n display: block !important;\n position: absolute !important;\n pointer-events: none !important;\n left: 15px !important;\n top: 10px !important;\n height: 20px !important;\n width: 20px !important;\n border: none !important;\n margin: 0 !important;\n }\n\n .lead-modal__checkbox-wrapper {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n align-items: center;\n margin-top: 15px;\n a {\n color: #2c87f3 !important;\n text-decoration: none !important;\n }\n\n a:visited {\n color: #2c87f3 !important;\n }\n &.pink a,\n &.pink a:visited {\n color: #e55c8a !important;\n }\n }\n\n .lead-modal__checkbox {\n position: relative;\n z-index: 1;\n display: inline-block;\n font-size: 20px;\n }\n\n .lead-modal__checkbox__input {\n position: relative;\n margin: 0 !important;\n padding: 0;\n opacity: 0;\n height: 1em !important;\n width: 1em !important;\n display: block;\n z-index: 1;\n font-size: 1em !important;\n }\n\n .lead-modal__checkbox__control {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n z-index: -1;\n pointer-events: none;\n transition: transform 0.2s;\n color: #dddddd;\n &::before,\n &::after {\n content: '';\n position: absolute;\n }\n\n &::before {\n width: 120%;\n height: 120%;\n background-color: currentColor;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%) scale(0);\n opacity: 0;\n border-radius: 50%;\n will-change: transform;\n transition: transform 0.2s;\n }\n\n &::after {\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: #fff;\n border-radius: 6px;\n -webkit-box-shadow: inset 0 0 0 1px #dddddd;\n box-shadow: inset 0 0 0 1px #dddddd;\n }\n\n &:focus::after {\n box-shadow: inset 0 0 0 1px #2c87f3;\n }\n }\n\n .lead-modal__checkbox__input:checked ~ .lead-modal__checkbox__control::after,\n .lead-modal__checkbox__input:indeterminate\n ~ .lead-modal__checkbox__control::after {\n background-color: currentColor;\n background-repeat: no-repeat;\n background-position: center;\n background-size: 18px;\n box-shadow: none;\n }\n\n .lead-modal__checkbox__input:checked ~ .lead-modal__checkbox__control {\n color: #2c87f3;\n }\n\n .lead-modal__checkbox__input:checked ~ .lead-modal__checkbox__control::after {\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpolyline points='2.5 8 6.5 12 13.5 3' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/svg%3E\");\n }\n\n .lead-modal__checkbox__input:indeterminate ~ .lead-modal__checkbox__control {\n color: var(--custom-checkbox-color-disabled);\n }\n\n .lead-modal__checkbox__input:indeterminate\n ~ .lead-modal__checkbox__control::after {\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cline x1='2' y1='8' x2='14' y2='8' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E\");\n }\n\n .lead-modal__checkbox__input:active ~ .lead-modal__checkbox__control {\n transform: scale(0.9);\n }\n\n .lead-modal__checkbox__input:checked:active ~ .lead-modal__checkbox__control,\n .lead-modal__checkbox__input:indeterminate:active\n ~ .lead-modal__checkbox__control {\n transform: scale(1);\n }\n\n .lead-modal__checkbox__input:focus ~ .lead-modal__checkbox__control::before {\n opacity: 0.2;\n transform: translate(-50%, -50%) scale(1);\n }\n\n .lead-modal__checkbox__input.pink ~ .lead-modal__checkbox__control::after {\n border-radius: 50% !important;\n }\n\n .lead-modal__checkbox__input.pink:checked ~ .lead-modal__checkbox__control {\n color: #2661ad;\n }\n\n .lead-modal__checkbox__input.pink:checked\n ~ .lead-modal__checkbox__control::after,\n .lead-modal__checkbox__input.pink:indeterminate\n ~ .lead-modal__checkbox__control::after {\n background-size: 12px;\n }\n\n .lead-modal__checkbox__label {\n / font-family: OpenSans; /\n font-size: 13px;\n font-stretch: normal;\n font-style: normal;\n line-height: normal;\n letter-spacing: 0.14px;\n color: #969696;\n margin-left: 10px;\n margin-bottom: 0 !important;\n }\n\n .lead-modal__btn {\n display: block;\n width: 100%;\n border: none;\n color: #fff;\n padding: 12px 10px;\n font-weight: 700;\n text-align: center;\n margin-top: 15px;\n border-radius: 4px;\n background-color: #2699fb;\n transition: all 0.2s ease-in-out;\n text-shadow: none !important;\n box-shadow: none !important;\n font-family: 'Open sans', sans-serif !important;\n font-size: 14px;\n cursor: pointer !important;\n &:hover,\n &:active {\n background-color: #337eff;\n }\n\n &.pink {\n background-color: #e55c8a;\n }\n\n &.pink:hover {\n background-color: #b4466a;\n }\n }\n\n .lead-modal__close-btn {\n position: absolute;\n padding-top: 5px;\n top: -15px;\n right: -10px;\n width: 35px;\n height: 35px;\n box-shadow: -2px 4px 4px 0 rgba(191, 191, 191, 0.44) !important;\n text-shadow: none !important;\n background-color: #005cfd;\n border-radius: 50%;\n line-height: inherit;\n appearance: none;\n border: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.2s ease-in-out;\n outline: none;\n z-index: 1;\n padding: 5px 13px !important;\n cursor: pointer !important;\n &:hover,\n &:active {\n background-color: #337eff;\n }\n\n &.pink {\n background-color: #fff;\n }\n\n &.pink .lead-modal__close-icon {\n color: #000;\n }\n\n &.pink:hover .lead-modal__close-icon {\n color: #e55c8a;\n transition: 0.3s all ease;\n }\n }\n\n .lead-modal__close-icon {\n display: inline-block;\n color: #fff;\n fill: #fff;\n height: 1em;\n width: 1em;\n line-height: 1;\n flex-shrink: 0;\n max-width: initial;\n transition: 0.3s all ease;\n }\n\n .lead-modal__thank-you {\n padding: 0 15px;\n display: flex;\n align-items: center;\n justify-content: center;\n height: inherit;\n text-align: center;\n min-height: 400px;\n h1 {\n margin-top: 10px;\n font-size: 32px;\n font-weight: normal;\n font-stretch: normal;\n font-style: normal;\n line-height: normal;\n letter-spacing: -0.23px;\n color: #1b3250;\n }\n\n p {\n margin-top: 5px;\n font-size: 16px;\n font-weight: normal;\n font-stretch: normal;\n font-style: normal;\n line-height: normal;\n letter-spacing: -0.11px;\n color: #1b3250;\n }\n img {\n max-width: 100% !important;\n border: none !important;\n width: auto !important;\n margin: 0 auto !important;\n }\n\n &.hidden {\n display: none;\n }\n }\n\n / lead-modal : end /\n\n .modal__container {\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n z-index: 1000000000000;\n pointer-events: none;\n overflow-y: scroll;\n }\n\n .modal__content {\n position: relative;\n width: 80vw;\n margin: auto 0;\n }\n\n / Make clicks pass-through /\n #nprogress {\n pointer-events: none;\n }\n\n #nprogress .bar {\n background: #223bdd;\n\n position: fixed;\n z-index: 1031;\n top: 0;\n left: 0;\n\n width: 100%;\n height: 2px;\n }\n\n / Fancy blur effect /\n #nprogress .peg {\n display: block;\n position: absolute;\n right: 0px;\n width: 100px;\n height: 100%;\n box-shadow: 0 0 10px #29d, 0 0 5px #29d;\n opacity: 1;\n transform: rotate(3deg) translate(0px, -4px);\n }\n\n / Remove these to get rid of the spinner /\n #nprogress .spinner {\n display: block;\n position: fixed;\n z-index: 1031;\n top: 15px;\n right: 15px;\n }\n\n #nprogress .spinner-icon {\n width: 18px;\n height: 18px;\n box-sizing: border-box;\n\n border: solid 2px transparent;\n border-top-color: #29d;\n border-left-color: #29d;\n border-radius: 50%;\n\n -webkit-animation: nprogress-spinner 400ms linear infinite;\n animation: nprogress-spinner 400ms linear infinite;\n }\n\n .nprogress-custom-parent {\n overflow: hidden;\n position: relative;\n }\n\n .nprogress-custom-parent #nprogress .spinner,\n .nprogress-custom-parent #nprogress .bar {\n position: absolute;\n }\n\n @-webkit-keyframes nprogress-spinner {\n 0% {\n -webkit-transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n }\n }\n @keyframes nprogress-spinner {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n\n .lead-modal__btn:disabled {\n background: #d5d5d5 !important;\n }\n\n .dateclass {\n width: 100%;\n }\n\n .dateclass.placeholderclass::before {\n width: 100%;\n content: attr(placeholder);\n color: #b8b8b8;\n }\n\n .dateclass.placeholderclass:hover::before {\n width: 0%;\n content: '';\n }\n\n / Change Autocomplete styles in Chrome/\n .lead-modal input:-webkit-autofill,\n .lead-modal input:-webkit-autofill:hover,\n .lead-modal input:-webkit-autofill:focus,\n .lead-modal textarea:-webkit-autofill,\n .lead-modal textarea:-webkit-autofill:hover,\n .lead-modal textarea:-webkit-autofill:focus,\n .lead-modal select:-webkit-autofill,\n .lead-modal select:-webkit-autofill:hover,\n .lead-modal select:-webkit-autofill:focus {\n -webkit-box-shadow: 0 0 0 1000px white inset !important;\n -webkit-text-fill-color: #2a4975;\n }\n\n .lead-modal label.error {\n font-size: 13px;\n color: #fa140f;\n margin-bottom: 0;\n margin-left: 0px !important;\n line-height: 1.65 !important;\n width: 100%;\n display: block;\n }\n\n / === Lead gen wrapper === /\n .le-text-align-center {\n text-align: center !important;\n }\n .le-text-align-left {\n text-align: left !important;\n }\n .le-text-align-right {\n text-align: right !important;\n }\n\n .le-only-desktop {\n display: none !important;\n }\n .le-only-mobile {\n display: block !important;\n }\n\n .le-only-desktop a {\n text-decoration: none !important;\n }\n\n .le-only-mobile a {\n text-decoration: none !important;\n }\n\n @media screen and (min-width: 992px) {\n .le-newbuilder-LightBoxB,\n .le-newbuilder-InlineB {\n display: flex !important;\n }\n\n .le-newbuilder-LightBoxB .lead-modal__header,\n .le-newbuilder-InlineB .lead-modal__header {\n max-width: 50%;\n }\n }\n\n @media screen and (min-width: 768px) {\n .le-only-desktop {\n display: block !important;\n }\n\n .le-only-mobile {\n display: none !important;\n }\n\n .le-newbuilder-LightBoxB .lead-modal__body,\n .le-newbuilder-InlineB .lead-modal__body {\n flex: 1;\n }\n\n .le-newbuilder-wrap-LightBoxB {\n max-width: 720px !important;\n }\n .le-newbuilder-wrap-InlineB {\n max-width: 100% !important;\n }\n .le-newbuilder-LightBoxB .le-only-desktop.lead-modal-image-cover {\n max-width: 400px !important;\n }\n }\n\n .lead-modal__title {\n margin: 7px 0 !important;\n }\n\n .lead-modal__description {\n margin: 0;\n }\n\n .lead-modal-image-cover,\n .lead-modal__wrapper {\n border-radius: 0px !important;\n }\n\n .lead-modal__form {\n margin: 0;\n display: block !important;\n }\n\n .lead-modal__image + .lead-modal__image {\n margin-top: 0px;\n }\n\n .lead-modal__thank-you {\n width: 100%;\n }\n\n / Skins /\n .le-skin-a-desktop {\n position: fixed;\n z-index: 99999;\n top: 0;\n left: 0;\n height: 100%;\n display: flex;\n align-items: center;\n }\n\n .le-skin-b-desktop {\n }\n\n .le-join-now {\n }\n\n .le-joinbow-btn {\n background: #2c87f3;\n color: #ffffff;\n font-size: 16px;\n text-align: center;\n outline: none !important;\n box-shadow: none !important;\n padding: 12px 30px;\n border: none !important;\n border: 1px solid transparent !important;\n cursor: pointer !important;\n }\n .le-joinbow-btn:hover {\n border: 1px solid white !important;\n }\n\n .le-joinbow-btn-mobile {\n background: #2c87f3;\n color: #ffffff;\n font-size: 14px;\n text-align: center;\n outline: none !important;\n box-shadow: none !important;\n padding: 12px 30px;\n border: none !important;\n }\n\n .le-newbuilder-close-svg {\n border-radius: 50%;\n width: 35px;\n height: 35px;\n background: #005cfd;\n cursor: pointer !important;\n }\n .le-mobile-btn {\n width: 24px;\n height: 24px;\n }\n\n .le-newbuilder-close-button {\n padding: 0;\n background: transparent;\n box-shadow: none;\n border: none;\n width: auto !important;\n cursor: pointer !important;\n }\n .le-abs-top-right {\n position: absolute;\n right: 10px;\n top: 10px;\n }\n\n .le-abs-outer-top-right {\n position: absolute;\n right: 0px;\n top: -45px;\n }\n\n / Skin floating /\n .le-floating-desktop {\n position: fixed;\n bottom: 40px;\n left: 25px;\n z-index: 9999;\n }\n\n .le-floating-desktop-wrap {\n background: #fff;\n backdrop-filter: blur(30px);\n box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);\n padding: 0px;\n padding-right: 30px;\n border-radius: 5px;\n display: flex;\n align-items: center;\n }\n\n .le-floating-desktop-title {\n font-size: 20px;\n font-weight: bold;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.5;\n letter-spacing: normal;\n color: #2a4975;\n max-width: 530px;\n }\n .le-floating-desktop-desc {\n font-size: 13px;\n font-weight: normal;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.65;\n letter-spacing: normal;\n color: #2699fb;\n max-width: 530px;\n }\n\n .le-joinbow-floating-btn {\n background: #2c87f3;\n color: #ffffff;\n font-size: 14px;\n text-align: center;\n outline: none !important;\n box-shadow: none !important;\n padding: 12px 40px;\n border: none !important;\n border: 1px solid transparent !important;\n font-weight: 500;\n cursor: pointer !important;\n }\n\n / // Floating mobile /\n .le-floating-mobile {\n position: fixed;\n bottom: 0px;\n left: 0px;\n width: 100%;\n z-index: 9999;\n }\n .le-abs-outer-mobile-top-right {\n position: absolute;\n right: 2px;\n top: -30px;\n }\n\n .le-floating-mobile-wrap {\n background: #fff;\n box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);\n padding: 10px 15px;\n }\n .le-floating-mobile-title {\n font-size: 18px;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.5;\n letter-spacing: normal;\n color: #2a4975;\n font-weight: 600;\n }\n .le-floating-mobile-desc {\n font-size: 12px;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.65;\n letter-spacing: normal;\n color: #2699fb;\n }\n\n / // Tab popup /\n .le-tab-popup {\n position: fixed;\n bottom: 15px;\n left: 15px;\n max-width: 150px;\n }\n .le-abs-outer-mobile-top-right-2 {\n position: absolute;\n right: -12px;\n top: -15px;\n }\n\n .le-center-tab-popup {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n z-index: 99999999 !important;\n width: calc(100% - 40px);\n max-width: 400px;\n }\n\n .le-center-tab-popup img {\n max-width: 100% !important;\n }\n\n / // Popup /\n .le-checkbox-title {\n font-size: 15px;\n font-weight: bold;\n font-stretch: normal;\n font-style: normal;\n color: #2a4975;\n margin: 13px 0 !important;\n / line-height: 1.65 !important; /\n }\n\n / Checkbox /\n .lead-checkbox-container {\n position: relative;\n display: flex;\n align-items: center;\n cursor: pointer;\n font-size: 14px;\n line-height: 1.65;\n margin: 10px 0;\n }\n\n .lead-checkbox-checkmark {\n display: inline-block;\n height: 24px;\n border: solid 1px #d0d0d0;\n vertical-align: middle;\n margin-right: 8px;\n position: relative;\n border-radius: 4px;\n flex: 0 0 24px;\n }\n\n .lead-checkbox-container input {\n position: absolute;\n opacity: 0;\n top: 0;\n left: 0;\n }\n\n .lead-checkbox-checkmark::after {\n position: absolute;\n content: '';\n }\n\n .lead-checkbox-container input:checked ~ .lead-checkbox-checkmark {\n background: #337eff;\n border: solid 1px #337eff;\n }\n\n .lead-checkbox-container input:checked ~ .lead-checkbox-checkmark::after {\n left: 8px;\n top: 3px;\n width: 7px;\n height: 12px;\n border: solid white;\n border-width: 0 2px 2px 0;\n transform: rotate(45deg);\n }\n / End checkbox /\n\n .le-fullscreen-img {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n\n @media screen and (min-width: 768px) {\n .lead-fullscreen-desktop-close-btn {\n position: fixed;\n top: 27px;\n right: 23px;\n }\n }\n\n / // Inline /\n .lead-modal.le-buider-inline {\n position: static;\n display: block;\n padding: 20px 0;\n height: initial !important;\n padding-top: 10px;\n }\n\n .lead-modal.le-buider-inline .lead-modal__wrapper {\n box-shadow: none;\n border: 1px solid #ddd;\n }\n .lead-modal.le-buider-inline .lead-modal__content {\n max-height: initial !important;\n }\n .lead-modal.le-buider-inline .lead-modal__content .lead-modal__header img {\n / height: auto !important; /\n object-fit: fill;\n }\n\n .le-thankyou-title {\n font-size: 24px !important;\n margin-bottom: 8px !important;\n color: #2a4975 !important;\n }\n\n .le-thankyou-subtitle {\n font-size: 14px !important;\n color: #2699fb !important;\n margin: 0 !important;\n }\n\n / Radio /\n .lead-radio-container {\n position: relative;\n display: flex;\n align-items: center;\n cursor: pointer;\n font-size: 14px;\n line-height: 1.65;\n margin: 10px 0;\n }\n\n .lead-radio-checkmark {\n display: inline-block;\n height: 24px;\n border: solid 1px #d0d0d0;\n vertical-align: middle;\n margin-right: 8px;\n position: relative;\n border-radius: 50%;\n flex: 0 0 24px;\n }\n\n .lead-radio-container input {\n position: absolute;\n opacity: 0;\n top: 0;\n left: 0;\n }\n\n .lead-radio-checkmark::after {\n position: absolute;\n content: '';\n }\n\n .lead-radio-container input:checked ~ .lead-radio-checkmark {\n background: #337eff;\n border: solid 1px #337eff;\n }\n\n .lead-radio-container input:checked ~ .lead-radio-checkmark::after {\n left: 50%;\n top: 50%;\n width: 8px;\n height: 8px;\n background: #fff;\n border-radius: 50%;\n transform: translate(-50%, -50%);\n }\n / End Radio /\n\n / Dropdown /\n .le-newbuilder-select {\n width: 100%;\n padding: 12px;\n border-radius: 4px;\n border: solid 1px #d0d0d0;\n outline: none;\n appearance: none;\n font-size: 15px;\n padding-right: 35px;\n }\n .le-newbuilder-select-wrapper {\n position: relative;\n }\n .le-newbuilder-select-wrapper::after {\n content: '';\n position: absolute;\n right: 15px;\n top: 18px;\n transform: rotate(45deg);\n width: 10px;\n height: 10px;\n border: 2px solid #616060;\n border-left: transparent;\n border-top: transparent;\n }\n / End Dropdown /\n\n .le-buider-slider {\n width: 420px;\n height: auto;\n bottom: 15px;\n top: unset;\n left: -200px;\n animation: le-builder-slide 0.5s forwards;\n }\n\n @keyframes le-builder-slide {\n 100% {\n left: 15px;\n }\n }\n\n @media screen and (max-width: 768px) {\n .le-buider-slider,\n .le-buider-fullscreen {\n display: none !important;\n }\n }\n\n .le-skin-mobile {\n margin-top: 64px;\n }\n"],["\n / lead-modal : start /\n .lead-modal {\n font-family: 'Open sans', sans-serif !important;\n position: fixed;\n z-index: 99999;\n width: 100%;\n height: 100%;\n left: 0;\n top: 0;\n opacity: 1;\n visibility: visible;\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: transparent;\n padding: 10px;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n white-space: normal !important;\n }\n\n .lead-modal__wrapper {\n position: relative;\n width: 100%;\n max-width: 450px;\n background-color: #fff;\n border-radius: 6px;\n box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);\n }\n\n .lead-modal__content {\n width: inherit;\n overflow: auto;\n / min-height: 400px; /\n max-height: calc(100vh - 125px);\n -webkit-overflow-scrolling: touch;\n }\n\n .lead-modal__header {\n padding: 0px 0px;\n }\n\n .lead-modal__image {\n display: block;\n margin: 0 auto;\n border: none !important;\n box-shadow: none !important;\n }\n .lead-modal-image-logo {\n margin-top: 15px;\n margin-bottom: 15px;\n }\n\n .lead-modal-image-cover {\n width: 100% !important;\n padding: 0 0px;\n border-top-left-radius: 4px;\n border: none !important;\n box-shadow: none !important;\n margin: 0 !important;\n }\n\n .lead-modal__image + .lead-modal__image {\n / margin-top: 10px; /\n / border-radius: 4px; /\n }\n\n .lead-modal__body {\n font-family: 'Open sans', sans-serif !important;\n padding: 15px 15px 25px 15px;\n }\n\n .lead-modal__title {\n font-family: 'Open sans', sans-serif !important;\n font-size: 20px !important;\n font-weight: bold !important;\n font-stretch: normal !important;\n font-style: normal !important;\n line-height: 1.3 !important;\n letter-spacing: -0.4px !important;\n color: #2a4975 !important;\n box-shadow: none !important;\n padding-bottom: 0 !important;\n }\n\n .lead-modal__title.pink {\n color: #2661ad !important;\n }\n\n .lead-modal__description {\n font-family: 'Open sans', sans-serif !important;\n font-size: 13px !important;\n font-weight: normal !important;\n font-stretch: normal !important;\n font-style: normal !important;\n line-height: 1.62 !important;\n letter-spacing: 0.14px !important;\n color: #2c87f3 !important;\n margin-top: 10px !important;\n }\n\n .lead-modal__description.pink {\n color: #3e3f58 !important;\n }\n\n .lead-modal__form-control-wrapper {\n margin-top: 10px;\n margin-left: 0px !important;\n position: relative;\n }\n\n .lead-modal__form-control {\n box-shadow: none !important;\n height: 40px !important;\n width: 100%;\n padding-left: calc(15px + 1.5em + 15px) !important;\n background-color: #fff !important;\n padding-top: 10px !important;\n padding-bottom: 10px !important;\n padding-right: 15px !important;\n border: solid 1px #dddddd !important;\n color: #2a4975 !important;\n line-height: 1.7em !important;\n border-radius: 0 !important;\n font-family: 'Open Sans', sans-serif !important;\n background-image: linear-gradient(transparent, transparent) !important;\n margin-left: 0px !important;\n font-size: 14px !important;\n line-height: 14px !important;\n }\n\n .lead-modal__form-control {\n &:focus {\n border-color: var(--color-primary);\n box-shadow: 0px 0px 0px 3px rgba(44, 135, 243, 0.1);\n outline: none;\n }\n\n &::-webkit-input-placeholder {\n / Chrome, Firefox, Opera, Safari 10.1+ /\n color: #b5b5b5;\n }\n\n &::-moz-placeholder {\n color: #b5b5b5;\n }\n\n &:-ms-input-placeholder {\n color: #b5b5b5;\n }\n\n &::-ms-input-placeholder {\n color: #b5b5b5;\n }\n\n &::placeholder {\n color: #b5b5b5;\n }\n }\n\n img.lead-modal__form-control-icon {\n display: inline-block !important;\n color: #b5b5b5 !important;\n fill: #b5b5b5 !important;\n line-height: 1 !important;\n flex-shrink: 0 !important;\n max-width: initial !important;\n display: block !important;\n position: absolute !important;\n pointer-events: none !important;\n left: 15px !important;\n top: 10px !important;\n height: 20px !important;\n width: 20px !important;\n border: none !important;\n margin: 0 !important;\n }\n\n .lead-modal__checkbox-wrapper {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n align-items: center;\n margin-top: 15px;\n a {\n color: #2c87f3 !important;\n text-decoration: none !important;\n }\n\n a:visited {\n color: #2c87f3 !important;\n }\n &.pink a,\n &.pink a:visited {\n color: #e55c8a !important;\n }\n }\n\n .lead-modal__checkbox {\n position: relative;\n z-index: 1;\n display: inline-block;\n font-size: 20px;\n }\n\n .lead-modal__checkbox__input {\n position: relative;\n margin: 0 !important;\n padding: 0;\n opacity: 0;\n height: 1em !important;\n width: 1em !important;\n display: block;\n z-index: 1;\n font-size: 1em !important;\n }\n\n .lead-modal__checkbox__control {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n z-index: -1;\n pointer-events: none;\n transition: transform 0.2s;\n color: #dddddd;\n &::before,\n &::after {\n content: '';\n position: absolute;\n }\n\n &::before {\n width: 120%;\n height: 120%;\n background-color: currentColor;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%) scale(0);\n opacity: 0;\n border-radius: 50%;\n will-change: transform;\n transition: transform 0.2s;\n }\n\n &::after {\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: #fff;\n border-radius: 6px;\n -webkit-box-shadow: inset 0 0 0 1px #dddddd;\n box-shadow: inset 0 0 0 1px #dddddd;\n }\n\n &:focus::after {\n box-shadow: inset 0 0 0 1px #2c87f3;\n }\n }\n\n .lead-modal__checkbox__input:checked ~ .lead-modal__checkbox__control::after,\n .lead-modal__checkbox__input:indeterminate\n ~ .lead-modal__checkbox__control::after {\n background-color: currentColor;\n background-repeat: no-repeat;\n background-position: center;\n background-size: 18px;\n box-shadow: none;\n }\n\n .lead-modal__checkbox__input:checked ~ .lead-modal__checkbox__control {\n color: #2c87f3;\n }\n\n .lead-modal__checkbox__input:checked ~ .lead-modal__checkbox__control::after {\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpolyline points='2.5 8 6.5 12 13.5 3' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/svg%3E\");\n }\n\n .lead-modal__checkbox__input:indeterminate ~ .lead-modal__checkbox__control {\n color: var(--custom-checkbox-color-disabled);\n }\n\n .lead-modal__checkbox__input:indeterminate\n ~ .lead-modal__checkbox__control::after {\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cline x1='2' y1='8' x2='14' y2='8' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E\");\n }\n\n .lead-modal__checkbox__input:active ~ .lead-modal__checkbox__control {\n transform: scale(0.9);\n }\n\n .lead-modal__checkbox__input:checked:active ~ .lead-modal__checkbox__control,\n .lead-modal__checkbox__input:indeterminate:active\n ~ .lead-modal__checkbox__control {\n transform: scale(1);\n }\n\n .lead-modal__checkbox__input:focus ~ .lead-modal__checkbox__control::before {\n opacity: 0.2;\n transform: translate(-50%, -50%) scale(1);\n }\n\n .lead-modal__checkbox__input.pink ~ .lead-modal__checkbox__control::after {\n border-radius: 50% !important;\n }\n\n .lead-modal__checkbox__input.pink:checked ~ .lead-modal__checkbox__control {\n color: #2661ad;\n }\n\n .lead-modal__checkbox__input.pink:checked\n ~ .lead-modal__checkbox__control::after,\n .lead-modal__checkbox__input.pink:indeterminate\n ~ .lead-modal__checkbox__control::after {\n background-size: 12px;\n }\n\n .lead-modal__checkbox__label {\n / font-family: OpenSans; /\n font-size: 13px;\n font-stretch: normal;\n font-style: normal;\n line-height: normal;\n letter-spacing: 0.14px;\n color: #969696;\n margin-left: 10px;\n margin-bottom: 0 !important;\n }\n\n .lead-modal__btn {\n display: block;\n width: 100%;\n border: none;\n color: #fff;\n padding: 12px 10px;\n font-weight: 700;\n text-align: center;\n margin-top: 15px;\n border-radius: 4px;\n background-color: #2699fb;\n transition: all 0.2s ease-in-out;\n text-shadow: none !important;\n box-shadow: none !important;\n font-family: 'Open sans', sans-serif !important;\n font-size: 14px;\n cursor: pointer !important;\n &:hover,\n &:active {\n background-color: #337eff;\n }\n\n &.pink {\n background-color: #e55c8a;\n }\n\n &.pink:hover {\n background-color: #b4466a;\n }\n }\n\n .lead-modal__close-btn {\n position: absolute;\n padding-top: 5px;\n top: -15px;\n right: -10px;\n width: 35px;\n height: 35px;\n box-shadow: -2px 4px 4px 0 rgba(191, 191, 191, 0.44) !important;\n text-shadow: none !important;\n background-color: #005cfd;\n border-radius: 50%;\n line-height: inherit;\n appearance: none;\n border: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.2s ease-in-out;\n outline: none;\n z-index: 1;\n padding: 5px 13px !important;\n cursor: pointer !important;\n &:hover,\n &:active {\n background-color: #337eff;\n }\n\n &.pink {\n background-color: #fff;\n }\n\n &.pink .lead-modal__close-icon {\n color: #000;\n }\n\n &.pink:hover .lead-modal__close-icon {\n color: #e55c8a;\n transition: 0.3s all ease;\n }\n }\n\n .lead-modal__close-icon {\n display: inline-block;\n color: #fff;\n fill: #fff;\n height: 1em;\n width: 1em;\n line-height: 1;\n flex-shrink: 0;\n max-width: initial;\n transition: 0.3s all ease;\n }\n\n .lead-modal__thank-you {\n padding: 0 15px;\n display: flex;\n align-items: center;\n justify-content: center;\n height: inherit;\n text-align: center;\n min-height: 400px;\n h1 {\n margin-top: 10px;\n font-size: 32px;\n font-weight: normal;\n font-stretch: normal;\n font-style: normal;\n line-height: normal;\n letter-spacing: -0.23px;\n color: #1b3250;\n }\n\n p {\n margin-top: 5px;\n font-size: 16px;\n font-weight: normal;\n font-stretch: normal;\n font-style: normal;\n line-height: normal;\n letter-spacing: -0.11px;\n color: #1b3250;\n }\n img {\n max-width: 100% !important;\n border: none !important;\n width: auto !important;\n margin: 0 auto !important;\n }\n\n &.hidden {\n display: none;\n }\n }\n\n / lead-modal : end /\n\n .modal__container {\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n z-index: 1000000000000;\n pointer-events: none;\n overflow-y: scroll;\n }\n\n .modal__content {\n position: relative;\n width: 80vw;\n margin: auto 0;\n }\n\n / Make clicks pass-through /\n #nprogress {\n pointer-events: none;\n }\n\n #nprogress .bar {\n background: #223bdd;\n\n position: fixed;\n z-index: 1031;\n top: 0;\n left: 0;\n\n width: 100%;\n height: 2px;\n }\n\n / Fancy blur effect /\n #nprogress .peg {\n display: block;\n position: absolute;\n right: 0px;\n width: 100px;\n height: 100%;\n box-shadow: 0 0 10px #29d, 0 0 5px #29d;\n opacity: 1;\n transform: rotate(3deg) translate(0px, -4px);\n }\n\n / Remove these to get rid of the spinner /\n #nprogress .spinner {\n display: block;\n position: fixed;\n z-index: 1031;\n top: 15px;\n right: 15px;\n }\n\n #nprogress .spinner-icon {\n width: 18px;\n height: 18px;\n box-sizing: border-box;\n\n border: solid 2px transparent;\n border-top-color: #29d;\n border-left-color: #29d;\n border-radius: 50%;\n\n -webkit-animation: nprogress-spinner 400ms linear infinite;\n animation: nprogress-spinner 400ms linear infinite;\n }\n\n .nprogress-custom-parent {\n overflow: hidden;\n position: relative;\n }\n\n .nprogress-custom-parent #nprogress .spinner,\n .nprogress-custom-parent #nprogress .bar {\n position: absolute;\n }\n\n @-webkit-keyframes nprogress-spinner {\n 0% {\n -webkit-transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n }\n }\n @keyframes nprogress-spinner {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n\n .lead-modal__btn:disabled {\n background: #d5d5d5 !important;\n }\n\n .dateclass {\n width: 100%;\n }\n\n .dateclass.placeholderclass::before {\n width: 100%;\n content: attr(placeholder);\n color: #b8b8b8;\n }\n\n .dateclass.placeholderclass:hover::before {\n width: 0%;\n content: '';\n }\n\n / Change Autocomplete styles in Chrome/\n .lead-modal input:-webkit-autofill,\n .lead-modal input:-webkit-autofill:hover,\n .lead-modal input:-webkit-autofill:focus,\n .lead-modal textarea:-webkit-autofill,\n .lead-modal textarea:-webkit-autofill:hover,\n .lead-modal textarea:-webkit-autofill:focus,\n .lead-modal select:-webkit-autofill,\n .lead-modal select:-webkit-autofill:hover,\n .lead-modal select:-webkit-autofill:focus {\n -webkit-box-shadow: 0 0 0 1000px white inset !important;\n -webkit-text-fill-color: #2a4975;\n }\n\n .lead-modal label.error {\n font-size: 13px;\n color: #fa140f;\n margin-bottom: 0;\n margin-left: 0px !important;\n line-height: 1.65 !important;\n width: 100%;\n display: block;\n }\n\n / === Lead gen wrapper === /\n .le-text-align-center {\n text-align: center !important;\n }\n .le-text-align-left {\n text-align: left !important;\n }\n .le-text-align-right {\n text-align: right !important;\n }\n\n .le-only-desktop {\n display: none !important;\n }\n .le-only-mobile {\n display: block !important;\n }\n\n .le-only-desktop a {\n text-decoration: none !important;\n }\n\n .le-only-mobile a {\n text-decoration: none !important;\n }\n\n @media screen and (min-width: 992px) {\n .le-newbuilder-LightBoxB,\n .le-newbuilder-InlineB {\n display: flex !important;\n }\n\n .le-newbuilder-LightBoxB .lead-modal__header,\n .le-newbuilder-InlineB .lead-modal__header {\n max-width: 50%;\n }\n }\n\n @media screen and (min-width: 768px) {\n .le-only-desktop {\n display: block !important;\n }\n\n .le-only-mobile {\n display: none !important;\n }\n\n .le-newbuilder-LightBoxB .lead-modal__body,\n .le-newbuilder-InlineB .lead-modal__body {\n flex: 1;\n }\n\n .le-newbuilder-wrap-LightBoxB {\n max-width: 720px !important;\n }\n .le-newbuilder-wrap-InlineB {\n max-width: 100% !important;\n }\n .le-newbuilder-LightBoxB .le-only-desktop.lead-modal-image-cover {\n max-width: 400px !important;\n }\n }\n\n .lead-modal__title {\n margin: 7px 0 !important;\n }\n\n .lead-modal__description {\n margin: 0;\n }\n\n .lead-modal-image-cover,\n .lead-modal__wrapper {\n border-radius: 0px !important;\n }\n\n .lead-modal__form {\n margin: 0;\n display: block !important;\n }\n\n .lead-modal__image + .lead-modal__image {\n margin-top: 0px;\n }\n\n .lead-modal__thank-you {\n width: 100%;\n }\n\n / Skins /\n .le-skin-a-desktop {\n position: fixed;\n z-index: 99999;\n top: 0;\n left: 0;\n height: 100%;\n display: flex;\n align-items: center;\n }\n\n .le-skin-b-desktop {\n }\n\n .le-join-now {\n }\n\n .le-joinbow-btn {\n background: #2c87f3;\n color: #ffffff;\n font-size: 16px;\n text-align: center;\n outline: none !important;\n box-shadow: none !important;\n padding: 12px 30px;\n border: none !important;\n border: 1px solid transparent !important;\n cursor: pointer !important;\n }\n .le-joinbow-btn:hover {\n border: 1px solid white !important;\n }\n\n .le-joinbow-btn-mobile {\n background: #2c87f3;\n color: #ffffff;\n font-size: 14px;\n text-align: center;\n outline: none !important;\n box-shadow: none !important;\n padding: 12px 30px;\n border: none !important;\n }\n\n .le-newbuilder-close-svg {\n border-radius: 50%;\n width: 35px;\n height: 35px;\n background: #005cfd;\n cursor: pointer !important;\n }\n .le-mobile-btn {\n width: 24px;\n height: 24px;\n }\n\n .le-newbuilder-close-button {\n padding: 0;\n background: transparent;\n box-shadow: none;\n border: none;\n width: auto !important;\n cursor: pointer !important;\n }\n .le-abs-top-right {\n position: absolute;\n right: 10px;\n top: 10px;\n }\n\n .le-abs-outer-top-right {\n position: absolute;\n right: 0px;\n top: -45px;\n }\n\n / Skin floating /\n .le-floating-desktop {\n position: fixed;\n bottom: 40px;\n left: 25px;\n z-index: 9999;\n }\n\n .le-floating-desktop-wrap {\n background: #fff;\n backdrop-filter: blur(30px);\n box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);\n padding: 0px;\n padding-right: 30px;\n border-radius: 5px;\n display: flex;\n align-items: center;\n }\n\n .le-floating-desktop-title {\n font-size: 20px;\n font-weight: bold;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.5;\n letter-spacing: normal;\n color: #2a4975;\n max-width: 530px;\n }\n .le-floating-desktop-desc {\n font-size: 13px;\n font-weight: normal;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.65;\n letter-spacing: normal;\n color: #2699fb;\n max-width: 530px;\n }\n\n .le-joinbow-floating-btn {\n background: #2c87f3;\n color: #ffffff;\n font-size: 14px;\n text-align: center;\n outline: none !important;\n box-shadow: none !important;\n padding: 12px 40px;\n border: none !important;\n border: 1px solid transparent !important;\n font-weight: 500;\n cursor: pointer !important;\n }\n\n / // Floating mobile /\n .le-floating-mobile {\n position: fixed;\n bottom: 0px;\n left: 0px;\n width: 100%;\n z-index: 9999;\n }\n .le-abs-outer-mobile-top-right {\n position: absolute;\n right: 2px;\n top: -30px;\n }\n\n .le-floating-mobile-wrap {\n background: #fff;\n box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);\n padding: 10px 15px;\n }\n .le-floating-mobile-title {\n font-size: 18px;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.5;\n letter-spacing: normal;\n color: #2a4975;\n font-weight: 600;\n }\n .le-floating-mobile-desc {\n font-size: 12px;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.65;\n letter-spacing: normal;\n color: #2699fb;\n }\n\n / // Tab popup /\n .le-tab-popup {\n position: fixed;\n bottom: 15px;\n left: 15px;\n max-width: 150px;\n }\n .le-abs-outer-mobile-top-right-2 {\n position: absolute;\n right: -12px;\n top: -15px;\n }\n\n .le-center-tab-popup {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n z-index: 99999999 !important;\n width: calc(100% - 40px);\n max-width: 400px;\n }\n\n .le-center-tab-popup img {\n max-width: 100% !important;\n }\n\n / // Popup /\n .le-checkbox-title {\n font-size: 15px;\n font-weight: bold;\n font-stretch: normal;\n font-style: normal;\n color: #2a4975;\n margin: 13px 0 !important;\n / line-height: 1.65 !important; /\n }\n\n / Checkbox /\n .lead-checkbox-container {\n position: relative;\n display: flex;\n align-items: center;\n cursor: pointer;\n font-size: 14px;\n line-height: 1.65;\n margin: 10px 0;\n }\n\n .lead-checkbox-checkmark {\n display: inline-block;\n height: 24px;\n border: solid 1px #d0d0d0;\n vertical-align: middle;\n margin-right: 8px;\n position: relative;\n border-radius: 4px;\n flex: 0 0 24px;\n }\n\n .lead-checkbox-container input {\n position: absolute;\n opacity: 0;\n top: 0;\n left: 0;\n }\n\n .lead-checkbox-checkmark::after {\n position: absolute;\n content: '';\n }\n\n .lead-checkbox-container input:checked ~ .lead-checkbox-checkmark {\n background: #337eff;\n border: solid 1px #337eff;\n }\n\n .lead-checkbox-container input:checked ~ .lead-checkbox-checkmark::after {\n left: 8px;\n top: 3px;\n width: 7px;\n height: 12px;\n border: solid white;\n border-width: 0 2px 2px 0;\n transform: rotate(45deg);\n }\n / End checkbox /\n\n .le-fullscreen-img {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n\n @media screen and (min-width: 768px) {\n .lead-fullscreen-desktop-close-btn {\n position: fixed;\n top: 27px;\n right: 23px;\n }\n }\n\n / // Inline /\n .lead-modal.le-buider-inline {\n position: static;\n display: block;\n padding: 20px 0;\n height: initial !important;\n padding-top: 10px;\n }\n\n .lead-modal.le-buider-inline .lead-modal__wrapper {\n box-shadow: none;\n border: 1px solid #ddd;\n }\n .lead-modal.le-buider-inline .lead-modal__content {\n max-height: initial !important;\n }\n .lead-modal.le-buider-inline .lead-modal__content .lead-modal__header img {\n / height: auto !important; /\n object-fit: fill;\n }\n\n .le-thankyou-title {\n font-size: 24px !important;\n margin-bottom: 8px !important;\n color: #2a4975 !important;\n }\n\n .le-thankyou-subtitle {\n font-size: 14px !important;\n color: #2699fb !important;\n margin: 0 !important;\n }\n\n / Radio /\n .lead-radio-container {\n position: relative;\n display: flex;\n align-items: center;\n cursor: pointer;\n font-size: 14px;\n line-height: 1.65;\n margin: 10px 0;\n }\n\n .lead-radio-checkmark {\n display: inline-block;\n height: 24px;\n border: solid 1px #d0d0d0;\n vertical-align: middle;\n margin-right: 8px;\n position: relative;\n border-radius: 50%;\n flex: 0 0 24px;\n }\n\n .lead-radio-container input {\n position: absolute;\n opacity: 0;\n top: 0;\n left: 0;\n }\n\n .lead-radio-checkmark::after {\n position: absolute;\n content: '';\n }\n\n .lead-radio-container input:checked ~ .lead-radio-checkmark {\n background: #337eff;\n border: solid 1px #337eff;\n }\n\n .lead-radio-container input:checked ~ .lead-radio-checkmark::after {\n left: 50%;\n top: 50%;\n width: 8px;\n height: 8px;\n background: #fff;\n border-radius: 50%;\n transform: translate(-50%, -50%);\n }\n / End Radio /\n\n / Dropdown /\n .le-newbuilder-select {\n width: 100%;\n padding: 12px;\n border-radius: 4px;\n border: solid 1px #d0d0d0;\n outline: none;\n appearance: none;\n font-size: 15px;\n padding-right: 35px;\n }\n .le-newbuilder-select-wrapper {\n position: relative;\n }\n .le-newbuilder-select-wrapper::after {\n content: '';\n position: absolute;\n right: 15px;\n top: 18px;\n transform: rotate(45deg);\n width: 10px;\n height: 10px;\n border: 2px solid #616060;\n border-left: transparent;\n border-top: transparent;\n }\n / End Dropdown /\n\n .le-buider-slider {\n width: 420px;\n height: auto;\n bottom: 15px;\n top: unset;\n left: -200px;\n animation: le-builder-slide 0.5s forwards;\n }\n\n @keyframes le-builder-slide {\n 100% {\n left: 15px;\n }\n }\n\n @media screen and (max-width: 768px) {\n .le-buider-slider,\n .le-buider-fullscreen {\n display: none !important;\n }\n }\n\n .le-skin-mobile {\n margin-top: 64px;\n }\n"]))),U=function(n){var e=n.title,t=n.titleAlign,o=n.subtitle,a=n.subtitleAlign,i=n.link,r=n.linkNewTab,d=n.linkText,c=n.image,s=n.onClose;return l.createElement("div",{id:"lead-modal",className:"lead-modal modal--animate-scale"},l.createElement("div",{className:"lead-modal__wrapper animate__animated "},l.createElement("div",{className:"lead-modal__content"},l.createElement("div",{className:"lead-modal__thank-you"},l.createElement("div",{style:{width:"100%"}},l.createElement("img",{src:c,style:{maxHeight:162,objectFit:"cover"}}),e&&l.createElement("h1",{className:"le-thankyou-title le-text-align-".concat(t)}," ",e," "),o&&l.createElement("p",{className:"le-thankyou-subtitle le-text-align-".concat(a)}," ",o," "),d&&l.createElement("div",null,l.createElement("a",{href:i,target:r?"_blank":"parrent",rel:"noreferrer"},l.createElement("button",{className:"lead-modal__btn ".concat(T)},i)))))),l.createElement("button",{className:"lead-modal__close-btn js-modal__close ".concat(T),onClick:s},l.createElement("svg",{className:"lead-modal__close-icon",viewBox:"0 0 24 24"},l.createElement("g",{fill:"none",stroke:"currentColor",strokeMiterlimit:"10",strokeWidth:"2"},l.createElement("line",{x1:"3",y1:"3",x2:"21",y2:"21"}),l.createElement("line",{x1:"21",y1:"3",x2:"3",y2:"21"}))))))};function J(n){var e=n.leadApi,t=n.leadSiteId,l=n.leadDomain,i=n.onShowPopup,r=("https://"+location.hostname+location.pathname+location.search).toLowerCase();fetch(e+"api/campaign/"+t,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({url:r,ga_client_id:g("_ga")\|\|null})}).then((function(n){return n.json()})).then((function(n){var e,t,d;if(console.log("List campagin: ",n),z="https://"+location.hostname+location.pathname+location.search,1==n._status){var c=n._data.campaigns;g("hhg-id")\|\|(b("hhg-id",x(),{domain:"."+l,path:"/"}),console.log("😍 Set HHG ID cookie"));var s=[];s=/Android\|webOS\|iPhone\|iPad\|iPod\|BlackBerry\|BB\|PlayBook\|IEMobile\|Windows Phone\|Kindle\|Silk\|Opera Mini/i.test(navigator.userAgent)?c.filter((function(n){return n.device_types.some((function(n){return n.id==B}))})):c.filter((function(n){return n.device_types.some((function(n){return n.id==S}))})),console.log("👓 campaignsDevice",s);var p=s.map((function(n,e){return n.targets.filter((function(n){return n.type==E})).map((function(n){return o(o({},n),{campaignIndex:e})}))})).flat(1);p=p.filter((function(n){var e=new URL(String(n.target).toLowerCase());return"exact_match"==n.option?Boolean(r===e.href):"start_with"==n.option?!!r.includes(String(n.target))&&!n.sub_target.filter((function(n){return"excluding"==n.option})).map((function(n){return n.value})).includes(r):void 0}));var m=Array.from(document.getElementsByTagName("META")).filter((function(n){return"article:tag"==n.getAttribute("property")})).map((function(n){return n.content})),u=[];m&&m.length&&(u=s.map((function(n,e){return n.targets.filter((function(n){return n.type==N})).map((function(n){return o(o({},n),{campaignIndex:e})}))})).flat(1).filter((function(n){return m.includes(n.target)})));var h=a(a([],p,!0),u,!0),f=document.cookie.split("; ").map((function(n){return n.split("=")[0]})),_=f.filter((function(n){return n.includes("lead_submited")}));console.log("--listCampaignCodeSubmited",_);var k=f.filter((function(n){return n.includes("lead_closed")}));console.log("--listCampaignCodeClosed",k);var v,w=a(a([],_,!0),k,!0);if(v=h.filter((function(n){return!w.some((function(e){return e.includes(s[n.campaignIndex].code)}))})).sort((function(n,e){return n.score-e.score})),console.log("--listCampaignValid : ",v),v&&v.length){var y=s[v[0].campaignIndex];console.log("CAMPAIGN_SHOW",y);var C=y.rules,T=Number(null===(e=C.find((function(n){return"time"==n.rule})))\|\|void 0===e?void 0:e.value);console.log("timeoutRule",T);var L=Number(null===(t=C.find((function(n){return"scroll"==n.rule})))\|\|void 0===t?void 0:t.value);console.log("scrollRule",L);var j=Number(null===(d=C.find((function(n){return"exclude_sponsored"==n.rule})))\|\|void 0===d?void 0:d.value);console.log("excludeSponsored",j);var O=Boolean(document.querySelector(".hhg-disclaimer-text"));if(console.log("💎 LEAD current page isSponsored",O),O&&j)return;var P="TIME";if(Number.isInteger(T)&&(P="TIME",console.log("✨ SHOW AWESOME POPUP AFTER: ",T," seconds"),setTimeout((function(){null==i\|\|i(y,P)}),1e3T)),Number.isInteger(L)){P="SCROLL",console.log("✨ SHOW AWESOME AFTER: SCROLL",L," %");var I=document.querySelector('[data-url="'.concat(location.pathname,'"]'))\|\|document.querySelector("body"),D=I.getBoundingClientRect().top,A=I.offsetHeight;console.log("👓 Element check scroll: ",I);var M=function(){var n=window.pageYOffset\|\|document.documentElement.scrollTop,e=0;n>=D&&(e=Math.round((n-D)/(A-innerHeight)*100)),console.log("---Scroll",e,L),e>=L&&(window.removeEventListener("scroll",M),null==i\|\|i(y,P))};window.addEventListener("scroll",M)}}else console.log("🚧 No lead campaigns on current URL, tags")}})).catch((function(n){console.error("Lead error: ",n)}))}var W=function(t){var o=t.apiUrl,a=t.siteDomain,i=t.siteId,r=t.locale,x=p(),_=p(Date.now()),k=s((function(){var n=o;return n.includes("localhost")&&(n="https://dev.leadgen.hellobacsi.com/"),{apiUrl:n}}),[o,a,i]).apiUrl,v=d(null),w=v[0],y=v[1],E=d(""),N=E[0],C=E[1],B=d(null),S=B[0],T=B[1],z=function(n,e){y(n),C(e)},L=function(){var n,e;if(w){console.log("👋👋👋 CLOSE POPUP ".concat(w.code," 👋👋👋"));var t=Number(null===(n=w.rules.find((function(n){return"show_again_after_exit "==n.rule})))\|\|void 0===n?void 0:n.value),o=Number(null===(e=w.rules.find((function(n){return"days_to_show_again"==n.rule})))\|\|void 0===e?void 0:e.value);0==t&&b("lead_closed_".concat(w.code),"target_".concat(w.extra_fields.popupVersion),o?{domain:"."+a,days:o,path:"/"}:{domain:"."+a,path:"/"}),document.body.classList.remove("noscroll"),fetch("".concat(k,"api/campaign/").concat(w.code,"/popup_exit"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"CLICK",url:location.href.toLowerCase(),title_article:document.title,cookie_id:g("hhg-id"),duration:Math.ceil((Date.now()-_.current)/1e3)})}),y(null)}};c((function(){if(window.next){var n=m((function(n){console.log("--🌻 routeChangeComplete",n,Date.now());var e=location.pathname;L(),document.querySelectorAll('[data-popup-url="'.concat(e,'"]')).length\|\|J({leadApi:k,leadDomain:a,leadSiteId:i,onShowPopup:z}),x.current&&window.removeEventListener("scroll",x.current)}),500);window.next.router.events.on("routeChangeComplete",n)}J({leadApi:k,leadDomain:a,leadSiteId:i,onShowPopup:z})}),[]);return c((function(){w&&(_.current=Date.now())}),[w]),l.createElement(O.Provider,{value:{apiUrl:k,siteDomain:a,siteId:i,locale:r}},l.createElement(h.Provider,{value:{locale:r,values:F(r)}},u(l.createElement(R,null,w&&!S&&l.createElement(q,{campaign:w,onClose:L,onSubmit:function(t,o,l,i){return n(void 0,void 0,void 0,(function(){var n,r,d,c,s,p,m,u,h,f,x,_,v,y,E,N,C,B,S,z,O,P,I,D,A,M,q,H,V,F,R,U,J,W,Q;return e(this,(function(e){switch(e.label){case 0:return t.preventDefault(),console.log("submitHandler",o,l),n=new FormData(t.currentTarget),r={},n.forEach((function(n,e){r[e]=r[e]\|\|[],r[e].push(n)})),d=Object.keys(r).map((function(n){return{name:n,value:r[n]}})),c=2,s=g("_ga")\|\|null,[4,require("intl-tel-input")];case 1:return p=e.sent(),m={url:location.href.toLowerCase(),title_article:document.title,meta:d.map((function(n){var e,t,o;return{key:null===(e=document.querySelector(".lead-modal__form.".concat(i,' [name="').concat(n.name,'"]')))\|\|void 0===e?void 0:e.getAttribute("data-key"),value:(null==j?void 0:j.countryCodeNumber)&&["tel","tel1","tel2","tel3"].includes(n.name)?p.formatNumber(String(n.value),null==j?void 0:j.countryCodeNumber,c).replace(/\s+/g,""):n.value,control:n.name.replace("1","").replace("2","").replace("3",""),is_sent_mailchimp:(null===(o=document.querySelector(".lead-modal__form.".concat(i," .mailchimp-").concat(null===(t=document.querySelector(".lead-modal__form.".concat(i,' [name="').concat(n.name,'"]')))\|\|void 0===t?void 0:t.getAttribute("data-key"))))\|\|void 0===o?void 0:o.getAttribute("data-mailchimp"))\|\|"false"}})),cookie_id:g("hhg-id"),ga_client_id:s},o&&l[o].value_en&&(m.category=l[o].value_en),u=Number((null===(M=null===(A=w.rules)\|\|void 0===A?void 0:A.find((function(n){return"days_to_show_again"===n.rule})))\|\|void 0===M?void 0:M.value)\|\|7),0==(h=Number((null===(H=null===(q=w.rules)\|\|void 0===q?void 0:q.find((function(n){return"show_again_after_submit"===n.rule})))\|\|void 0===H?void 0:H.value)\|\|0))&&(console.log("⛔ Popup never show again!"),b("lead_submited_".concat(w.code),"target_".concat(w.extra_fields.targetType),{domain:"."+a,path:"/"})),1==h&&(console.log("⌛ Popup will show again after ".concat(u," days!")),b("lead_submited_".concat(w.code),"target_".concat(w.extra_fields.targetType),{domain:"."+a,days:u,path:"/"})),fetch("".concat(k,"api/campaign/").concat(w.code,"/lead"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(m)}),"notshow"==w.extra_fields.popupShowThankYou?(L(),document.body.classList.remove("noscroll"),[2]):(f=!0,x=w.thank_you_image\|\|"".concat(k,"admin/img/thanksyou.png"),_=w.extra_fields.popupThankyouTitle\|\|"Thank you.",v=w.extra_fields.popupThankyouDesc\|\|"We appreciate your time!",y="",E="",B="","2.1"==w.extra_fields.popupVersion&&(S=w.extra_fields,z=JSON.parse(S.listBlockThankyou),O=z.find((function(n){return"TitleBlock"==n.name})),P=z.find((function(n){return"SubtitleBlock"==n.name})),I=z.find((function(n){return"LinkButtonBlock"==n.name})),_=(null===(V=null==O?void 0:O.data)\|\|void 0===V?void 0:V.value)\|\|"",y=(null===(F=null==O?void 0:O.data)\|\|void 0===F?void 0:F.align)\|\|"",v=(null===(R=null==P?void 0:P.data)\|\|void 0===R?void 0:R.value)\|\|"",E=(null===(U=null==P?void 0:P.data)\|\|void 0===U?void 0:U.align)\|\|"",N=(null===(J=null==I?void 0:I.data)\|\|void 0===J?void 0:J.value)\|\|"",C=(null===(W=null==I?void 0:I.data)\|\|void 0===W?void 0:W.newtab)\|\|!1,B=(null===(Q=null==I?void 0:I.data)\|\|void 0===Q?void 0:Q.url)\|\|"",D=w.extra_fields.currentLayout,["SkinA","SkinB","Floating","Tab","CenterTab"].includes(D)&&(f=!1)),T(f?{title:_,titleAlign:y,subtitle:v,subtitleAlign:E,link:B,linkNewTab:C,linkText:N,image:x}:null),sessionStorage.getItem("insider_object")?window.insider_object=JSON.parse(sessionStorage.getItem("insider_object")):window.insider_object={user:{email:"",phone_number:"",gdpr_optin:!0,sms_optin:!0,email_optin:!0}},d.map((function(n){var e=n.name,t=n.value;"tel"==e?window.insider_object.user.phone_number=t:"email"==e&&(window.insider_object.user.email=t)})),sessionStorage.setItem("insider_object",JSON.stringify(window.insider_object)),[2])}}))}))},action:N}),S&&l.createElement(U,{title:S.title,titleAlign:S.titleAlign,subtitle:S.subtitle,subtitleAlign:S.subtitleAlign,link:S.link,linkNewTab:S.linkNewTab,linkText:S.linkText,image:S.image,onClose:L})),f())))};export{W as LeadGen};

package/build/lead/i18n/index.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export declare const getTranslations: (locale: string) => any;

package/build/lead/thankyou.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const ThankyouPopup: ({ title, titleAlign, subtitle, subtitleAlign, link, linkNewTab, linkText, image, }: {
+export declare const ThankyouPopup: ({ title, titleAlign, subtitle, subtitleAlign, link, linkNewTab, linkText, image, onClose, }: {
     title: string;
     titleAlign?: string;
     subtitle: string;
@@ -8,4 +8,5 @@ export declare const ThankyouPopup: ({ title, titleAlign, subtitle, subtitleAlig
     linkNewTab?: boolean;
     linkText: string;
     image?: string;
+    onClose?: () => void;
 }) => JSX.Element;

package/build/lead.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("./tslib.es6-e6f346c4.js"),e=require("react"),t=require("lodash/debounce"),o=require("react-dom"),a=require("./translationsContext-9e231a88.js"),l=require("./cookieHelper-3553173d.js"),i=require("./utils-df758048.js"),r=require("uuid"),d=require("./useTranslations-00120db0.js"),c=require("styled-components");function s(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}function p(n){if(n&&n.__esModule)return n;var e=Object.create(null);return n&&Object.keys(n).forEach((function(t){if("default"!==t){var o=Object.getOwnPropertyDescriptor(n,t);Object.defineProperty(e,t,o.get?o:{enumerable:!0,get:function(){return n[t]}})}})),e.default=n,Object.freeze(e)}require("string-format");var m=s(e),u=s(t),f=s(c),h=function(n){var e=n.onClose,t=n.containerClassName,o=n.svgClassName;return m.default.createElement("button",{onClick:e,className:"le-newbuilder-close-button js-modal__close ".concat(t\|\|"")},m.default.createElement("svg",{className:"le-newbuilder-close-svg ".concat(o\|\|""),xmlns:"http://www.w3.org/2000/svg",width:"53",height:"53",viewBox:"0 0 53 53"},m.default.createElement("defs",null,m.default.createElement("filter",{width:"53",height:"53",filterUnits:"userSpaceOnUse"},m.default.createElement("feGaussianBlur",{result:"blur",stdDeviation:"3"}),m.default.createElement("feFlood",{floodOpacity:".4"}),m.default.createElement("feComposite",{in2:"blur",operator:"in"}),m.default.createElement("feComposite",{in:"SourceGraphic"})),m.default.createElement("style",{dangerouslySetInnerHTML:{__html:".cls-2{fill:none;stroke:#fff;stroke-linecap:round;stroke-width:2px}"}})),m.default.createElement("g",{filter:"url(#Ellipse_482)"},m.default.createElement("circle",{cx:"17.5",cy:"17.5",r:"17.5",transform:"translate(-483.1 -671.163)translate(483.1 671.16)translate(9 9)",fill:"#005cfd"})),m.default.createElement("path",{d:"M19 19L34 34",className:"cls-2"}),m.default.createElement("path",{d:"M34 19L19 34",className:"cls-2"})))},g=function(n){var e=n.popupId,t=n.url,o=n.newTab,a=n.imageDestkop,l=n.imageMobile,i=n.onClose,r=n.onOtherSubmit;return m.default.createElement("div",{id:e,className:"lead-modal-wrapper","data-popup-url":location.pathname,"data-popup-type":"center_tab"},m.default.createElement("div",{className:"le-center-tab-popup"},m.default.createElement("div",{style:{position:"relative"}},m.default.createElement("a",{className:"js-popup-other-submit",href:t,target:o?"blank":"_parent",onClick:r},m.default.createElement("img",{className:"le-only-mobile",src:l}),m.default.createElement("img",{className:"le-only-desktop",src:a})),m.default.createElement(h,{onClose:i,containerClassName:"le-abs-outer-mobile-top-right-2",svgClassName:"le-mobile-btn"}))))},b=function(n){var e=n.popupId,t=n.url,o=n.title,a=n.urlText,l=n.titleAlign,i=n.subtitle,r=n.subtitleAlign,d=n.newTab,c=n.imageDesktop,s=n.imageMobile,p=n.onClose,u=n.onOtherSubmit;return m.default.createElement("div",{id:e,className:"lead-modal-wrapper lead-floating-wrapper","data-popup-url":location.pathname,"data-popup-type":"floating"},m.default.createElement("aside",{className:"le-only-desktop"},m.default.createElement("div",{className:"le-floating-desktop"},m.default.createElement("div",{className:"le-floating-desktop-wrap",style:{position:"relative",background:"#fff"}},c?m.default.createElement("div",null,m.default.createElement("img",{style:{maxWidth:120,borderTopLeftRadius:5,borderBottomLeftRadius:5},src:c})):null,m.default.createElement("div",{style:{padding:20}},m.default.createElement("div",{className:"le-floating-desktop-title le-text-align-".concat(l)},o),m.default.createElement("div",{className:"le-floating-desktop-desc le-text-align-".concat(r)},i)),m.default.createElement("a",{target:d?"blank":"_parent",style:{marginLeft:35,textDecoration:"none"},href:t},m.default.createElement("button",{className:"le-joinbow-floating-btn js-popup-other-submit",onClick:u},a)),m.default.createElement(h,{onClose:p,containerClassName:"le-abs-outer-top-right"})))),m.default.createElement("aside",{className:"le-only-mobile"},m.default.createElement("div",{className:"le-floating-mobile"},m.default.createElement("div",{className:"le-floating-mobile-wrap",style:{position:"relative",background:"#fff"}},m.default.createElement("aside",{style:{display:"flex",justifyContent:"space-between"}},m.default.createElement("div",null,m.default.createElement("div",{className:"le-floating-mobile-title le-text-align-".concat(l)},o),m.default.createElement("div",{className:"le-floating-mobile-desc le-text-align-".concat(r)},i)),s?m.default.createElement("div",null,m.default.createElement("img",{style:{marginLeft:15,marginTop:4,maxWidth:100},src:s})):null),m.default.createElement("div",{style:{textAlign:"center",marginTop:10}},m.default.createElement("a",{target:d?"blank":"_parent",href:t,style:{textDecoration:"none"}},m.default.createElement("button",{className:"le-joinbow-floating-btn js-popup-other-submit",onClick:u},a))),m.default.createElement(h,{onClose:p,containerClassName:"le-abs-outer-top-right",svgClassName:"le-mobile-btn"})))))},x=1,_=2,k="https://dev.leadgen.hellobacsi.com/",w=1,v=2,y="";k.includes("localhost")&&(k="https://dev.leadgen.hellobacsi.com/"),location.hostname.includes("marrybaby.vn")&&(y="pink");var E="https://"+location.hostname+location.pathname+location.search;E=E.toLowerCase(),sessionStorage.getItem("insider_object")&&(window.insider_object=JSON.parse(sessionStorage.getItem("insider_object")));var C={"vi-VN":{popupLang:"vi",countryCode:"vn",countryCodeNumber:84},"id-ID":{popupLang:"id",countryCode:"id",countryCodeNumber:62},"th-TH":{popupLang:"th",countryCode:"th",countryCodeNumber:66},"ms-MY":{popupLang:"ms",countryCode:"my",countryCodeNumber:60},"zh-TW":{popupLang:"zh",countryCode:"tw",countryCodeNumber:886},"km-KH":{popupLang:"km",countryCode:"kh",countryCodeNumber:855},"my-MM":{popupLang:"my",countryCode:"mm",countryCodeNumber:95},"hi-IN":{popupLang:"hi",countryCode:"in",countryCodeNumber:91}},N=C[document.documentElement.lang]\|\|C["vi-VN"];var B=e.createContext({}),S=function(t){var o,a,l,i=t.popupId,r=t.extraFields,c=t.onClose,s=t.onOtherSubmit,p=t.imageMobile,u=t.imageDesktop,f=t.imageBackground,h=t.currentLayout,g=t.title,b=t.onSubmit,x=d.useTranslations().t,_=JSON.parse(r.listBlockAdded),k=JSON.parse(r.actionBlocks),w=JSON.parse(r.textBlocks),v=e.useContext(B).apiUrl,E=k.submitBlock.data.url,C=k.submitBlock.data.text,S=k.submitBlock.data.text2,T=k.submitBlock.data.value,z=location.pathname,L=h.includes("Inline"),j=h.includes("Inline")\|\|"Sidebar"===h,O="Slider"===h,A=e.useState(!0),I=A[0],D=A[1];if(window.innerWidth<769&&["Fullscreen","Slider"].includes(h))return console.log("😎 Not show fullscreen, slider on mobile "),null;e.useEffect((function(){(h.includes("LightBox")\|\|"Fullscreen"==h)&&document.body.classList.add("noscroll")}),[]);var M=function(e,t){return n.__awaiter(void 0,void 0,void 0,(function(){return n.__generator(this,(function(n){switch(n.label){case 0:return t.target.validity.valueMissing?[3,1]:(t.target.setCustomValidity(x("validator.required")),[3,5]);case 1:return t.target.validity.valid?[3,2]:("tel"===e?t.target.setCustomValidity(x("validator.phone")):"date"===e?t.target.setCustomValidity(x("validator.date")):"email"===e&&t.target.setCustomValidity(x("validator.email")),[3,5]);case 2:return"tel"!==e?[3,4]:[4,require("intl-tel-input")];case 3:return n.sent().isValidNumber(String(t.target.value),N.countryCode)?t.target.setCustomValidity(""):t.target.setCustomValidity(x("validator.phone")),[3,5];case 4:t.target.setCustomValidity(""),n.label=5;case 5:return[2]}}))}))},P=e.useMemo((function(){var n={TextBlock:0,NumberBlock:0,EmailBlock:0,PhoneBlock:0,DateBlock:0,CheckboxBlock:0,RadioBlock:0};return _.map((function(e,t){var o,a;if("TitleBlock"==e.name)return m.default.createElement("h2",{key:t,className:"lead-modal__title ".concat("le-text-align-"+((null===(o=e.data)\|\|void 0===o?void 0:o.align)\|\|"")," ").concat(y)},e.data.value);if("SubtitleBlock"==e.name)return m.default.createElement("p",{key:t,className:"lead-modal__description ".concat("le-text-align-"+((null===(a=e.data)\|\|void 0===a?void 0:a.align)\|\|"")," ").concat(y)},e.data.value);if("TextBlock"==e.name)return n.TextBlock+=1,m.default.createElement("div",{key:t},m.default.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},m.default.createElement("input",{required:!0,"data-key":e.data.value,name:"text"+(n.TextBlock>1?n.TextBlock:""),spellCheck:!1,type:"text",placeholder:e.data.placeholder,className:"lead-modal__form-control width-100%",onChange:function(n){return M("text",n)}}),m.default.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(v,"admin/img/builder/text.svg")})));if("NumberBlock"==e.name){var l=m.default.createElement("div",{key:t},m.default.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},m.default.createElement("input",{required:!0,"data-key":e.data.value,name:"number"+(n.NumberBlock?n.NumberBlock:""),spellCheck:!1,type:"number",min:"0",placeholder:e.data.placeholder,className:"lead-modal__form-control width-100%",onChange:function(n){return M("number",n)}}),m.default.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(v,"admin/img/builder/number.svg")})));return n.NumberBlock+=1,l}if("EmailBlock"==e.name){l=m.default.createElement("div",{key:t},m.default.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},m.default.createElement("input",{required:!0,"data-key":e.data.value,name:"email"+(n.EmailBlock?n.EmailBlock:""),spellCheck:!1,type:"email",placeholder:e.data.placeholder,className:"lead-modal__form-control width-100%",onChange:function(n){return M("email",n)}}),m.default.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(v,"admin/img/builder/email.svg")})));return n.EmailBlock+=1,l}if("PhoneBlock"==e.name){l=m.default.createElement("div",{key:t},m.default.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},m.default.createElement("input",{required:!0,"data-key":e.data.value,name:"tel"+(n.PhoneBlock?n.PhoneBlock:""),spellCheck:!1,type:"tel",placeholder:e.data.placeholder,className:"lead-modal__form-control width-100%",onChange:function(n){return M("tel",n)}}),m.default.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(v,"admin/img/builder/tel.svg")})));return n.PhoneBlock+=1,l}if("DateBlock"==e.name){l=m.default.createElement("div",null,m.default.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},m.default.createElement("input",{required:!0,type:"date","data-key":e.data.value,name:"date"+(n.DateBlock?n.DateBlock:""),placeholder:e.data.placeholder,onClick:function(n){n.currentTarget.classList.remove("placeholderclass")},onBlur:function(n){n.currentTarget.value\|\|n.currentTarget.classList.add("placeholderclass")},className:"dateclass placeholderclass lead-modal__form-control width-100%",onChange:function(n){return M("date",n)}}),m.default.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(v,"admin/img/builder/date.svg")})));return n.DateBlock+=1,l}if("LinkButtonBlock"==e.name)return m.default.createElement("div",{key:t},m.default.createElement("a",{target:e.data.newtab?"blank":"parrent",href:e.data.url,style:{textDecoration:"none"}},m.default.createElement("button",{type:"button",className:"lead-modal__btn js-modal__close js-popup-other-submit ".concat(y),onClick:function(){null==c\|\|c(),null==s\|\|s()}},e.data.value)));if("CheckboxBlock"==e.name){var i=e.data,r=i.listQuestion,d=i.isSendMailChimp,p=void 0!==d&&d;l=m.default.createElement("div",{key:t,style:{margin:"5px 0"}},m.default.createElement("div",{className:"le-checkbox-title"},e.data.placeholder),m.default.createElement("div",{className:"mailchimp-".concat(e.data.value),"data-mailchimp":p}),r.map((function(t,o){return m.default.createElement("label",{key:o,className:"lead-checkbox-container"},m.default.createElement("input",{"data-key":e.data.value,name:"checkbox"+(n.CheckboxBlock?n.CheckboxBlock:"")+"[]",value:t.value,type:"checkbox",onChange:function(n){return M("checkbox",n)}}),m.default.createElement("span",{className:"lead-checkbox-checkmark"}),"$",t.placeholder)})));return n.CheckboxBlock+=1,l}if("RadioBlock"==e.name){r=e.data.listQuestion,l=m.default.createElement("div",{key:t,style:{margin:"5px 0"}},m.default.createElement("div",{className:"le-checkbox-title"},e.data.placeholder),r.map((function(t,o){return m.default.createElement("label",{className:"lead-radio-container",key:o},m.default.createElement("input",{"data-key":e.data.value,name:"radio"+(n.RadioBlock?n.RadioBlock:""),value:t.value,type:"radio",onChange:function(n){return M("radio",n)}}),m.default.createElement("span",{className:"lead-radio-checkmark"}),t.placeholder)})));return n.RadioBlock+=1,l}if("DropdownBlock"==e.name){r=e.data.listQuestion,l=m.default.createElement("div",{key:t,style:{margin:"5px 0"}},m.default.createElement("div",{className:"le-checkbox-title"},e.data.placeholder),m.default.createElement("div",{className:"le-newbuilder-select-wrapper"},m.default.createElement("select",{className:"le-newbuilder-select","data-key":e.data.value,name:"dropdown"+(n.DropdownBlock?n.DropdownBlock:"")},r.forEach((function(n,e){return m.default.createElement("option",{key:e,value:n.value},n.placeholder)})))));return n.DropdownBlock+=1,l}}))}),[]);return h.includes("LightBox")\|\|"Fullscreen"==h\|\|"Slider"==h?m.default.createElement(m.default.Fragment,null,m.default.createElement("style",{dangerouslySetInnerHTML:{__html:".le-newbuilder-overlay {\n background: url(".concat(p,") ;\n background-repeat: no-repeat;\n background-size: cover;\n }\n @media screen and (min-width:768px) {\n .le-newbuilder-overlay {\n background: url(").concat(u,") ;\n background-repeat: no-repeat;\n background-size: cover;\n }\n }")}}),m.default.createElement("div",{id:i,"data-popup-url":z,"data-popup-type":"lightbox-inline",className:"lead-modal lead-modal-wrapper modal--animate-scale ".concat(j?"le-buider-inline":""," ").concat(O?"le-buider-slider":"")},"Fullscreen"==h?m.default.createElement("img",{className:"le-only-desktop le-fullscreen-img",draggable:!1,src:f\|\|""}):null,m.default.createElement("div",{className:"lead-modal__wrapper le-newbuilder-wrap-".concat(h)},m.default.createElement("div",{className:"lead-modal__content le-newbuilder-".concat(h)},m.default.createElement("header",{className:"lead-modal__header"},["LightBoxA","InlineA","Sidebar","Slider"].includes(h)?p?m.default.createElement("img",{draggable:"false",className:"lead-modal__image lead-modal-image-cover",src:p,alt:""}):null:m.default.createElement(m.default.Fragment,null,u?m.default.createElement("img",{draggable:"false",className:"le-only-desktop lead-modal__image lead-modal-image-cover",style:{height:"100%",objectFit:"cover"},src:u,alt:""}):null,p?m.default.createElement("img",{draggable:"false",className:"le-only-mobile lead-modal__image lead-modal-image-cover",src:p,alt:""}):null)),m.default.createElement("div",{className:"lead-modal__body le-newbuilder-overlay"},m.default.createElement("form",{className:"lead-modal__form ".concat(i),onSubmit:b},m.default.createElement("div",{style:{marginBottom:20}},m.default.createElement("h2",{className:"lead-modal__title ".concat("le-text-align-"+(null===(o=w.titleBlock.data)\|\|void 0===o?void 0:o.align)," ").concat(y)},g),m.default.createElement("p",{className:"lead-modal__description ".concat("le-text-align-"+(null===(a=w.titleBlock.data)\|\|void 0===a?void 0:a.align)," ").concat(y)},w.subtitleBlock.data.value)),m.default.createElement("div",null,P),(null===(l=null==k?void 0:k.submitBlock)\|\|void 0===l?void 0:l.isHide)?null:m.default.createElement(m.default.Fragment,null,m.default.createElement("div",{className:"lead-modal__checkbox-wrapper ".concat(y)},m.default.createElement("div",{className:"lead-modal__checkbox"},m.default.createElement("input",{id:"lead-term-checkbox",className:"lead-modal__checkbox__input ".concat(y),type:"checkbox","aria-label":"Checkbox label",checked:I,onChange:function(n){return D(n.currentTarget.checked)}}),m.default.createElement("div",{className:"lead-modal__checkbox__control","aria-hidden":"true"})),m.default.createElement("label",{htmlFor:"checkbox",className:"lead-modal__checkbox__label"},C," ",m.default.createElement("span",{style:{fontWeight:"bold"}},m.default.createElement("a",{target:"blank",href:E\|\|"https://hellobacsi.com/chinh-sach",rel:"noopener noreferrer",style:{textDecoration:"none"}},S)))),m.default.createElement("button",{id:"lead-submit",type:"submit",className:"lead-modal__btn ".concat(y),disabled:!I}," ",T))))),"$",L?m.default.createElement("button",{className:"lead-modal__close-btn ".concat("Fullscreen"==h?"lead-fullscreen-desktop-close-btn":""," js-modal__close ").concat(y),onClick:c},m.default.createElement("svg",{className:"lead-modal__close-icon",viewBox:"0 0 24 24"},m.default.createElement("g",{fill:"none",stroke:"currentColor",strokeMiterlimit:"10",strokeWidth:"2"},m.default.createElement("line",{x1:"3",y1:"3",x2:"21",y2:"21"}),m.default.createElement("line",{x1:"21",y1:"3",x2:"3",y2:"21"})))):null))):null},T=function(n){var e=n.popupId,t=n.url,o=n.newTab,a=n.image,l=n.onClose,i=n.onOtherSubmit;return m.default.createElement("div",{id:e,className:"lead-modal-wrapper","data-popup-url":location.pathname,"data-popup-type":"tab"},m.default.createElement("div",{className:"le-tab-popup"},m.default.createElement("div",{style:{position:"relative"}},m.default.createElement("a",{href:t,target:o?"blank":"_parent",onClick:i},m.default.createElement("img",{className:"js-popup-other-submit",src:a})),m.default.createElement(h,{onClose:l,containerClassName:"le-abs-outer-mobile-top-right-2",svgClassName:"le-mobile-btn"}))))};var z,L=function(n){var t,o,a=n.campaign,i=n.action,c=n.onSubmit,s=n.onClose;d.useTranslations().t;var p=e.useContext(B),u=p.apiUrl,f=p.siteDomain;e.useEffect((function(){var n=l.getCookie("_ga")\|\|null;fetch("".concat(u,"api/campaign/").concat(k,"/impression"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:i,url:location.href.toLowerCase(),title_article:document.title,cookie_id:l.getCookie("hhg-id"),ga_client_id:n})})}),[]);var h=a.extra_fields,x=a.image,_=a.image_desktop,k=a.code,w=a.image_background,v=h.currentLayout,y=h.imageBlocks?JSON.parse(h.imageBlocks):{},E=JSON.parse(h.actionBlocks),C=JSON.parse(h.textBlocks),N=(null===(o=null===(t=null==C?void 0:C.titleBlock)\|\|void 0===t?void 0:t.data)\|\|void 0===o?void 0:o.value)\|\|"",z={1:{},2:{},3:{}},L=e.useRef("lead-modal-"+r.v1()),j=function(n){if(void 0===n&&(n="Xin chao {{category_2}} extra"),n.includes("{{category_")){var e="{{category_".length,t=n.search("{{category_");return+n.charAt(e+t)}return null}(N);if(j){console.log("⚡️ Has categoryLevel",j);var O=Array.from(document.getElementsByTagName("META")),A=O.find((function(n){return n.name==="content_category_".concat(j)})),I=O.find((function(n){return n.name==="content_category_en_".concat(j)}));if(!A\|\|!I)return console.log("⚡️ No META TAG for categoryLevel, not show popup",j),null;z[j]={value:A.content,value_en:I.content},N=N.replace("{{category_".concat(j,"}}"),A.content),console.log("⚡️ Set categoryData ",j)}else console.log("⚡️ No categoryLevel",j);var D=function(){var n,e,t,o;if(console.log("👌 Other submit click"),null==s\|\|s(),document.body.classList.remove("noscroll"),h.currentLayout.includes("Skin")){var i=document.querySelector("#masthead");i&&(i.style.top="0px !important;")}var r=Number(null!==(e=null===(n=a.rules.find((function(n){return"days_to_show_again"==n.rule})))\|\|void 0===n?void 0:n.value)&&void 0!==e?e:7),d=Number(null!==(o=null===(t=a.rules.find((function(n){return"show_again_after_submit"==n.rule})))\|\|void 0===t?void 0:t.value)&&void 0!==o?o:0);0===d&&(console.log("⛔ Popup never show again!"),l.setCookie("lead_submited_".concat(k),"target_".concat(h.popupVersion),{domain:"."+f,path:"/"})),1==d&&(console.log("⌛ Popup will show again after ".concat(r," days!")),l.setCookie("lead_submited_".concat(k),"target_".concat(h.popupVersion),{domain:"."+f,days:r,path:"/"}));var c=l.getCookie("_ga")\|\|null,p={url:location.href.toLowerCase(),title_article:document.title,meta:[],cookie_id:l.getCookie("hhg-id"),ga_client_id:c};j&&(p.category=z[j].value_en),fetch("".concat(u,"api/campaign/").concat(k,"/lead"),{method:"POST",body:JSON.stringify(p),headers:{"Content-Type":"application/json","X-Requested-With":"XMLHttpRequest"}}).then((function(n){return n.json()})).then((function(n){"error"===n.status&&console.log(n)})).catch((function(n){console.error("Error:",n)}))};return"CenterTab"===v?m.default.createElement(g,{popupId:L.current,url:y.imageMobile.data.url,newTab:y.imageMobile.data.newtab,imageMobile:x,imageDestkop:_,onClose:s,onOtherSubmit:D}):"Tab"===v?m.default.createElement(T,{popupId:L.current,url:y.imageMobile.data.url,newTab:y.imageMobile.data.newtab,image:x,onClose:s,onOtherSubmit:D}):"Floating"===v?m.default.createElement(b,{popupId:L.current,title:N,titleAlign:C.titleBlock.data.align,subtitle:C.subtitleBlock.data.value,subtitleAlign:C.subtitleBlock.data.align,url:E.linkButtonBlock.data.url,urlText:E.linkButtonBlock.data.value,newTab:E.linkButtonBlock.data.newtab,imageMobile:x,imageDesktop:_,onClose:s,onOtherSubmit:D}):v.includes("LightBox")\|\|v.includes("Inline")\|\|"Fullscreen"==v\|\|"Sidebar"==v\|\|"Slider"==v?m.default.createElement(S,{popupId:L.current,extraFields:h,onClose:s,onOtherSubmit:D,imageMobile:x,imageDesktop:_,imageBackground:w,currentLayout:v,title:N,onSubmit:function(n){return c(n,j,z,L.current)}}):null},j=function(t){var o=t.campaign,a=t.action,i=t.onSubmit,r=t.onClose,c=d.useTranslations().t,s=e.useState(!0),p=s[0],u=s[1];e.useEffect((function(){document.body.classList.add("noscroll");var n=l.getCookie("_ga")\|\|null;fetch("".concat(E,"api/campaign/").concat(g,"/impression"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:a\|\|"",url:location.href.toLowerCase(),title_article:document.title,cookie_id:l.getCookie("hhg-id"),ga_client_id:n})})}),[]);var f=o.extra_fields,h=o.image,g=o.code,b=f.title,x=f.desc,_=f.submit,k=f.popUpTermURL,w=f.popUpTermAgreeText,v=f.popUpTermText,E=e.useContext(B).apiUrl,C=f.fields?JSON.parse(f.fields):[],S={tel:0,text:0,date:0,email:0},T=function(e,t){return n.__awaiter(void 0,void 0,void 0,(function(){return n.__generator(this,(function(n){switch(n.label){case 0:return t.target.validity.valueMissing?[3,1]:(t.target.setCustomValidity(c("validator.required")),[3,5]);case 1:return t.target.validity.valid?[3,2]:("tel"===e?t.target.setCustomValidity(c("validator.phone")):"date"===e?t.target.setCustomValidity(c("validator.date")):"email"===e&&t.target.setCustomValidity(c("validator.email")),[3,5]);case 2:return"tel"!==e?[3,4]:[4,require("intl-tel-input")];case 3:return n.sent().isValidNumber(String(t.target.value),N.countryCode)?t.target.setCustomValidity(""):t.target.setCustomValidity(c("validator.phone")),[3,5];case 4:t.target.setCustomValidity(""),n.label=5;case 5:return[2]}}))}))},z=C.map((function(n,e){var t=m.default.createElement(m.default.Fragment,null);return t="date"==n.control?m.default.createElement("div",{key:e,className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},m.default.createElement("input",{required:!0,type:"date","data-key":n.listEdit[0].value,name:S.date?n.control+S.date:n.control,placeholder:n.listEdit[1].value\|\|"...",onClick:function(n){return n.currentTarget.classList.remove("placeholderclass")},onBlur:function(n){return!n.currentTarget.value&&n.currentTarget.classList.add("placeholderclass")},className:"dateclass placeholderclass lead-modal__form-control width-100%",onChange:function(e){return T(n.control,e)}}),m.default.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(E,"admin/img/builder/").concat(n.name,".svg")})):m.default.createElement("div",{key:e,className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},m.default.createElement("input",{required:!0,"data-key":n.listEdit[0].value,name:S[n.control]?n.control+S[n.control]:n.control,spellCheck:!1,type:n.control,placeholder:n.listEdit[1].value\|\|"...",className:"lead-modal__form-control width-100%",onChange:function(e){return T(n.control,e)}}),m.default.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(E,"admin/img/builder/").concat(n.name,".svg")})),"date"==n.control&&(S.date+=1),"text"==n.control&&(S.text+=1),"tel"==n.control&&(S.tel+=1),"email"==n.control&&(S.email+=1),t}));return m.default.createElement("div",{id:"lead-modal",className:"lead-modal modal--animate-scale"},m.default.createElement("div",{className:"lead-modal__wrapper animate__animated "},m.default.createElement("div",{className:"lead-modal__content"},m.default.createElement("header",{className:"lead-modal__header"},!!h&&m.default.createElement("img",{className:"lead-modal__image lead-modal-image-cover",src:h,alt:""})),m.default.createElement("div",{className:"lead-modal__body"},m.default.createElement("h2",{className:"lead-modal__title ".concat(y)},b),m.default.createElement("p",{className:"lead-modal__description ".concat(y)},x),m.default.createElement("form",{className:"lead-modal__form",onSubmit:function(n){n.preventDefault(),i(n)}},z,m.default.createElement("div",{className:"lead-modal__checkbox-wrapper ".concat(y)},m.default.createElement("div",{className:"lead-modal__checkbox"},m.default.createElement("input",{id:"lead-term-checkbox",className:"lead-modal__checkbox__input ".concat(y),type:"checkbox","aria-label":"Checkbox label",checked:p,onChange:function(n){return u(n.currentTarget.checked)}}),m.default.createElement("div",{className:"lead-modal__checkbox__control","aria-hidden":"true"})),m.default.createElement("label",{htmlFor:"checkbox",className:"lead-modal__checkbox__label"},w," ",m.default.createElement("span",{style:{fontWeight:"bold"}},m.default.createElement("a",{target:"blank",href:k\|\|"https://hellobacsi.com/chinh-sach",style:{textDecoration:"none"},rel:"noopener noreferrer"},v)))),m.default.createElement("button",{id:"lead-submit",type:"submit",className:"lead-modal__btn ".concat(y),disabled:!p},_)))),m.default.createElement("button",{className:"lead-modal__close-btn js-modal__close ".concat(y),onClick:r},m.default.createElement("svg",{className:"lead-modal__close-icon",viewBox:"0 0 24 24"},m.default.createElement("title",null,"Close modal window"),m.default.createElement("g",{fill:"none",stroke:"currentColor",strokeMiterlimit:"10",strokeWidth:"2"},m.default.createElement("line",{x1:"3",y1:"3",x2:"21",y2:"21"}),m.default.createElement("line",{x1:"21",y1:"3",x2:"3",y2:"21"}))))))},O=function(n){var e=n.campaign,t=n.action,o=n.onSubmit,a=n.onClose;return e.extra_fields?"2.1"==e.extra_fields.popupVersion?m.default.createElement(L,{campaign:e,action:t,onSubmit:o,onClose:a}):m.default.createElement(j,{campaign:e,action:t,onSubmit:o,onClose:a}):null},A=f.default.div(z\|\|(z=n.__makeTemplateObject(["\n /* lead-modal : start /\n .lead-modal {\n font-family: 'Open sans', sans-serif !important;\n position: fixed;\n z-index: 99999;\n width: 100%;\n height: 100%;\n left: 0;\n top: 0;\n opacity: 1;\n visibility: visible;\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: transparent;\n padding: 10px;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n white-space: normal !important;\n }\n\n .lead-modal__wrapper {\n position: relative;\n width: 100%;\n max-width: 450px;\n background-color: #fff;\n border-radius: 6px;\n box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);\n }\n\n .lead-modal__content {\n width: inherit;\n overflow: auto;\n / min-height: 400px; /\n max-height: calc(100vh - 125px);\n -webkit-overflow-scrolling: touch;\n }\n\n .lead-modal__header {\n padding: 0px 0px;\n }\n\n .lead-modal__image {\n display: block;\n margin: 0 auto;\n border: none !important;\n box-shadow: none !important;\n }\n .lead-modal-image-logo {\n margin-top: 15px;\n margin-bottom: 15px;\n }\n\n .lead-modal-image-cover {\n width: 100% !important;\n padding: 0 0px;\n border-top-left-radius: 4px;\n border: none !important;\n box-shadow: none !important;\n margin: 0 !important;\n }\n\n .lead-modal__image + .lead-modal__image {\n / margin-top: 10px; /\n / border-radius: 4px; /\n }\n\n .lead-modal__body {\n font-family: 'Open sans', sans-serif !important;\n padding: 15px 15px 25px 15px;\n }\n\n .lead-modal__title {\n font-family: 'Open sans', sans-serif !important;\n font-size: 20px !important;\n font-weight: bold !important;\n font-stretch: normal !important;\n font-style: normal !important;\n line-height: 1.3 !important;\n letter-spacing: -0.4px !important;\n color: #2a4975 !important;\n box-shadow: none !important;\n padding-bottom: 0 !important;\n }\n\n .lead-modal__title.pink {\n color: #2661ad !important;\n }\n\n .lead-modal__description {\n font-family: 'Open sans', sans-serif !important;\n font-size: 13px !important;\n font-weight: normal !important;\n font-stretch: normal !important;\n font-style: normal !important;\n line-height: 1.62 !important;\n letter-spacing: 0.14px !important;\n color: #2c87f3 !important;\n margin-top: 10px !important;\n }\n\n .lead-modal__description.pink {\n color: #3e3f58 !important;\n }\n\n .lead-modal__form-control-wrapper {\n margin-top: 10px;\n margin-left: 0px !important;\n position: relative;\n }\n\n .lead-modal__form-control {\n box-shadow: none !important;\n height: 40px !important;\n width: 100%;\n padding-left: calc(15px + 1.5em + 15px) !important;\n background-color: #fff !important;\n padding-top: 10px !important;\n padding-bottom: 10px !important;\n padding-right: 15px !important;\n border: solid 1px #dddddd !important;\n color: #2a4975 !important;\n line-height: 1.7em !important;\n border-radius: 0 !important;\n font-family: 'Open Sans', sans-serif !important;\n background-image: linear-gradient(transparent, transparent) !important;\n margin-left: 0px !important;\n font-size: 14px !important;\n line-height: 14px !important;\n }\n\n .lead-modal__form-control {\n &:focus {\n border-color: var(--color-primary);\n box-shadow: 0px 0px 0px 3px rgba(44, 135, 243, 0.1);\n outline: none;\n }\n\n &::-webkit-input-placeholder {\n / Chrome, Firefox, Opera, Safari 10.1+ /\n color: #b5b5b5;\n }\n\n &::-moz-placeholder {\n color: #b5b5b5;\n }\n\n &:-ms-input-placeholder {\n color: #b5b5b5;\n }\n\n &::-ms-input-placeholder {\n color: #b5b5b5;\n }\n\n &::placeholder {\n color: #b5b5b5;\n }\n }\n\n img.lead-modal__form-control-icon {\n display: inline-block !important;\n color: #b5b5b5 !important;\n fill: #b5b5b5 !important;\n line-height: 1 !important;\n flex-shrink: 0 !important;\n max-width: initial !important;\n display: block !important;\n position: absolute !important;\n pointer-events: none !important;\n left: 15px !important;\n top: 10px !important;\n height: 20px !important;\n width: 20px !important;\n border: none !important;\n margin: 0 !important;\n }\n\n .lead-modal__checkbox-wrapper {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n align-items: center;\n margin-top: 15px;\n a {\n color: #2c87f3 !important;\n text-decoration: none !important;\n }\n\n a:visited {\n color: #2c87f3 !important;\n }\n &.pink a,\n &.pink a:visited {\n color: #e55c8a !important;\n }\n }\n\n .lead-modal__checkbox {\n position: relative;\n z-index: 1;\n display: inline-block;\n font-size: 20px;\n }\n\n .lead-modal__checkbox__input {\n position: relative;\n margin: 0 !important;\n padding: 0;\n opacity: 0;\n height: 1em !important;\n width: 1em !important;\n display: block;\n z-index: 1;\n font-size: 1em !important;\n }\n\n .lead-modal__checkbox__control {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n z-index: -1;\n pointer-events: none;\n transition: transform 0.2s;\n color: #dddddd;\n &::before,\n &::after {\n content: '';\n position: absolute;\n }\n\n &::before {\n width: 120%;\n height: 120%;\n background-color: currentColor;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%) scale(0);\n opacity: 0;\n border-radius: 50%;\n will-change: transform;\n transition: transform 0.2s;\n }\n\n &::after {\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: #fff;\n border-radius: 6px;\n -webkit-box-shadow: inset 0 0 0 1px #dddddd;\n box-shadow: inset 0 0 0 1px #dddddd;\n }\n\n &:focus::after {\n box-shadow: inset 0 0 0 1px #2c87f3;\n }\n }\n\n .lead-modal__checkbox__input:checked ~ .lead-modal__checkbox__control::after,\n .lead-modal__checkbox__input:indeterminate\n ~ .lead-modal__checkbox__control::after {\n background-color: currentColor;\n background-repeat: no-repeat;\n background-position: center;\n background-size: 18px;\n box-shadow: none;\n }\n\n .lead-modal__checkbox__input:checked ~ .lead-modal__checkbox__control {\n color: #2c87f3;\n }\n\n .lead-modal__checkbox__input:checked ~ .lead-modal__checkbox__control::after {\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpolyline points='2.5 8 6.5 12 13.5 3' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/svg%3E\");\n }\n\n .lead-modal__checkbox__input:indeterminate ~ .lead-modal__checkbox__control {\n color: var(--custom-checkbox-color-disabled);\n }\n\n .lead-modal__checkbox__input:indeterminate\n ~ .lead-modal__checkbox__control::after {\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cline x1='2' y1='8' x2='14' y2='8' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E\");\n }\n\n .lead-modal__checkbox__input:active ~ .lead-modal__checkbox__control {\n transform: scale(0.9);\n }\n\n .lead-modal__checkbox__input:checked:active ~ .lead-modal__checkbox__control,\n .lead-modal__checkbox__input:indeterminate:active\n ~ .lead-modal__checkbox__control {\n transform: scale(1);\n }\n\n .lead-modal__checkbox__input:focus ~ .lead-modal__checkbox__control::before {\n opacity: 0.2;\n transform: translate(-50%, -50%) scale(1);\n }\n\n .lead-modal__checkbox__input.pink ~ .lead-modal__checkbox__control::after {\n border-radius: 50% !important;\n }\n\n .lead-modal__checkbox__input.pink:checked ~ .lead-modal__checkbox__control {\n color: #2661ad;\n }\n\n .lead-modal__checkbox__input.pink:checked\n ~ .lead-modal__checkbox__control::after,\n .lead-modal__checkbox__input.pink:indeterminate\n ~ .lead-modal__checkbox__control::after {\n background-size: 12px;\n }\n\n .lead-modal__checkbox__label {\n / font-family: OpenSans; /\n font-size: 13px;\n font-stretch: normal;\n font-style: normal;\n line-height: normal;\n letter-spacing: 0.14px;\n color: #969696;\n margin-left: 10px;\n margin-bottom: 0 !important;\n }\n\n .lead-modal__btn {\n display: block;\n width: 100%;\n border: none;\n color: #fff;\n padding: 12px 10px;\n font-weight: 700;\n text-align: center;\n margin-top: 15px;\n border-radius: 4px;\n background-color: #2699fb;\n transition: all 0.2s ease-in-out;\n text-shadow: none !important;\n box-shadow: none !important;\n font-family: 'Open sans', sans-serif !important;\n font-size: 14px;\n cursor: pointer !important;\n &:hover,\n &:active {\n background-color: #337eff;\n }\n\n &.pink {\n background-color: #e55c8a;\n }\n\n &.pink:hover {\n background-color: #b4466a;\n }\n }\n\n .lead-modal__close-btn {\n position: absolute;\n padding-top: 5px;\n top: -15px;\n right: -10px;\n width: 35px;\n height: 35px;\n box-shadow: -2px 4px 4px 0 rgba(191, 191, 191, 0.44) !important;\n text-shadow: none !important;\n background-color: #005cfd;\n border-radius: 50%;\n line-height: inherit;\n appearance: none;\n border: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.2s ease-in-out;\n outline: none;\n z-index: 1;\n padding: 5px 13px !important;\n cursor: pointer !important;\n &:hover,\n &:active {\n background-color: #337eff;\n }\n\n &.pink {\n background-color: #fff;\n }\n\n &.pink .lead-modal__close-icon {\n color: #000;\n }\n\n &.pink:hover .lead-modal__close-icon {\n color: #e55c8a;\n transition: 0.3s all ease;\n }\n }\n\n .lead-modal__close-icon {\n display: inline-block;\n color: #fff;\n fill: #fff;\n height: 1em;\n width: 1em;\n line-height: 1;\n flex-shrink: 0;\n max-width: initial;\n transition: 0.3s all ease;\n }\n\n .lead-modal__thank-you {\n padding: 0 15px;\n display: flex;\n align-items: center;\n justify-content: center;\n height: inherit;\n text-align: center;\n min-height: 400px;\n h1 {\n margin-top: 10px;\n font-size: 32px;\n font-weight: normal;\n font-stretch: normal;\n font-style: normal;\n line-height: normal;\n letter-spacing: -0.23px;\n color: #1b3250;\n }\n\n p {\n margin-top: 5px;\n font-size: 16px;\n font-weight: normal;\n font-stretch: normal;\n font-style: normal;\n line-height: normal;\n letter-spacing: -0.11px;\n color: #1b3250;\n }\n img {\n max-width: 100% !important;\n border: none !important;\n width: auto !important;\n margin: 0 auto !important;\n }\n\n &.hidden {\n display: none;\n }\n }\n\n / lead-modal : end /\n\n .modal__container {\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n z-index: 1000000000000;\n pointer-events: none;\n overflow-y: scroll;\n }\n\n .modal__content {\n position: relative;\n width: 80vw;\n margin: auto 0;\n }\n\n / Make clicks pass-through /\n #nprogress {\n pointer-events: none;\n }\n\n #nprogress .bar {\n background: #223bdd;\n\n position: fixed;\n z-index: 1031;\n top: 0;\n left: 0;\n\n width: 100%;\n height: 2px;\n }\n\n / Fancy blur effect /\n #nprogress .peg {\n display: block;\n position: absolute;\n right: 0px;\n width: 100px;\n height: 100%;\n box-shadow: 0 0 10px #29d, 0 0 5px #29d;\n opacity: 1;\n transform: rotate(3deg) translate(0px, -4px);\n }\n\n / Remove these to get rid of the spinner /\n #nprogress .spinner {\n display: block;\n position: fixed;\n z-index: 1031;\n top: 15px;\n right: 15px;\n }\n\n #nprogress .spinner-icon {\n width: 18px;\n height: 18px;\n box-sizing: border-box;\n\n border: solid 2px transparent;\n border-top-color: #29d;\n border-left-color: #29d;\n border-radius: 50%;\n\n -webkit-animation: nprogress-spinner 400ms linear infinite;\n animation: nprogress-spinner 400ms linear infinite;\n }\n\n .nprogress-custom-parent {\n overflow: hidden;\n position: relative;\n }\n\n .nprogress-custom-parent #nprogress .spinner,\n .nprogress-custom-parent #nprogress .bar {\n position: absolute;\n }\n\n @-webkit-keyframes nprogress-spinner {\n 0% {\n -webkit-transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n }\n }\n @keyframes nprogress-spinner {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n\n .lead-modal__btn:disabled {\n background: #d5d5d5 !important;\n }\n\n .dateclass {\n width: 100%;\n }\n\n .dateclass.placeholderclass::before {\n width: 100%;\n content: attr(placeholder);\n color: #b8b8b8;\n }\n\n .dateclass.placeholderclass:hover::before {\n width: 0%;\n content: '';\n }\n\n / Change Autocomplete styles in Chrome/\n .lead-modal input:-webkit-autofill,\n .lead-modal input:-webkit-autofill:hover,\n .lead-modal input:-webkit-autofill:focus,\n .lead-modal textarea:-webkit-autofill,\n .lead-modal textarea:-webkit-autofill:hover,\n .lead-modal textarea:-webkit-autofill:focus,\n .lead-modal select:-webkit-autofill,\n .lead-modal select:-webkit-autofill:hover,\n .lead-modal select:-webkit-autofill:focus {\n -webkit-box-shadow: 0 0 0 1000px white inset !important;\n -webkit-text-fill-color: #2a4975;\n }\n\n .lead-modal label.error {\n font-size: 13px;\n color: #fa140f;\n margin-bottom: 0;\n margin-left: 0px !important;\n line-height: 1.65 !important;\n width: 100%;\n display: block;\n }\n\n / === Lead gen wrapper === /\n .le-text-align-center {\n text-align: center !important;\n }\n .le-text-align-left {\n text-align: left !important;\n }\n .le-text-align-right {\n text-align: right !important;\n }\n\n .le-only-desktop {\n display: none !important;\n }\n .le-only-mobile {\n display: block !important;\n }\n\n .le-only-desktop a {\n text-decoration: none !important;\n }\n\n .le-only-mobile a {\n text-decoration: none !important;\n }\n\n @media screen and (min-width: 992px) {\n .le-newbuilder-LightBoxB,\n .le-newbuilder-InlineB {\n display: flex !important;\n }\n\n .le-newbuilder-LightBoxB .lead-modal__header,\n .le-newbuilder-InlineB .lead-modal__header {\n max-width: 50%;\n }\n }\n\n @media screen and (min-width: 768px) {\n .le-only-desktop {\n display: block !important;\n }\n\n .le-only-mobile {\n display: none !important;\n }\n\n .le-newbuilder-LightBoxB .lead-modal__body,\n .le-newbuilder-InlineB .lead-modal__body {\n flex: 1;\n }\n\n .le-newbuilder-wrap-LightBoxB {\n max-width: 720px !important;\n }\n .le-newbuilder-wrap-InlineB {\n max-width: 100% !important;\n }\n .le-newbuilder-LightBoxB .le-only-desktop.lead-modal-image-cover {\n max-width: 400px !important;\n }\n }\n\n .lead-modal__title {\n margin: 7px 0 !important;\n }\n\n .lead-modal__description {\n margin: 0;\n }\n\n .lead-modal-image-cover,\n .lead-modal__wrapper {\n border-radius: 0px !important;\n }\n\n .lead-modal__form {\n margin: 0;\n display: block !important;\n }\n\n .lead-modal__image + .lead-modal__image {\n margin-top: 0px;\n }\n\n .lead-modal__thank-you {\n width: 100%;\n }\n\n / Skins /\n .le-skin-a-desktop {\n position: fixed;\n z-index: 99999;\n top: 0;\n left: 0;\n height: 100%;\n display: flex;\n align-items: center;\n }\n\n .le-skin-b-desktop {\n }\n\n .le-join-now {\n }\n\n .le-joinbow-btn {\n background: #2c87f3;\n color: #ffffff;\n font-size: 16px;\n text-align: center;\n outline: none !important;\n box-shadow: none !important;\n padding: 12px 30px;\n border: none !important;\n border: 1px solid transparent !important;\n cursor: pointer !important;\n }\n .le-joinbow-btn:hover {\n border: 1px solid white !important;\n }\n\n .le-joinbow-btn-mobile {\n background: #2c87f3;\n color: #ffffff;\n font-size: 14px;\n text-align: center;\n outline: none !important;\n box-shadow: none !important;\n padding: 12px 30px;\n border: none !important;\n }\n\n .le-newbuilder-close-svg {\n border-radius: 50%;\n width: 35px;\n height: 35px;\n background: #005cfd;\n cursor: pointer !important;\n }\n .le-mobile-btn {\n width: 24px;\n height: 24px;\n }\n\n .le-newbuilder-close-button {\n padding: 0;\n background: transparent;\n box-shadow: none;\n border: none;\n width: auto !important;\n cursor: pointer !important;\n }\n .le-abs-top-right {\n position: absolute;\n right: 10px;\n top: 10px;\n }\n\n .le-abs-outer-top-right {\n position: absolute;\n right: 0px;\n top: -45px;\n }\n\n / Skin floating /\n .le-floating-desktop {\n position: fixed;\n bottom: 40px;\n left: 25px;\n z-index: 9999;\n }\n\n .le-floating-desktop-wrap {\n background: #fff;\n backdrop-filter: blur(30px);\n box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);\n padding: 0px;\n padding-right: 30px;\n border-radius: 5px;\n display: flex;\n align-items: center;\n }\n\n .le-floating-desktop-title {\n font-size: 20px;\n font-weight: bold;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.5;\n letter-spacing: normal;\n color: #2a4975;\n max-width: 530px;\n }\n .le-floating-desktop-desc {\n font-size: 13px;\n font-weight: normal;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.65;\n letter-spacing: normal;\n color: #2699fb;\n max-width: 530px;\n }\n\n .le-joinbow-floating-btn {\n background: #2c87f3;\n color: #ffffff;\n font-size: 14px;\n text-align: center;\n outline: none !important;\n box-shadow: none !important;\n padding: 12px 40px;\n border: none !important;\n border: 1px solid transparent !important;\n font-weight: 500;\n cursor: pointer !important;\n }\n\n / // Floating mobile /\n .le-floating-mobile {\n position: fixed;\n bottom: 0px;\n left: 0px;\n width: 100%;\n z-index: 9999;\n }\n .le-abs-outer-mobile-top-right {\n position: absolute;\n right: 2px;\n top: -30px;\n }\n\n .le-floating-mobile-wrap {\n background: #fff;\n box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);\n padding: 10px 15px;\n }\n .le-floating-mobile-title {\n font-size: 18px;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.5;\n letter-spacing: normal;\n color: #2a4975;\n font-weight: 600;\n }\n .le-floating-mobile-desc {\n font-size: 12px;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.65;\n letter-spacing: normal;\n color: #2699fb;\n }\n\n / // Tab popup /\n .le-tab-popup {\n position: fixed;\n bottom: 15px;\n left: 15px;\n max-width: 150px;\n }\n .le-abs-outer-mobile-top-right-2 {\n position: absolute;\n right: -12px;\n top: -15px;\n }\n\n .le-center-tab-popup {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n z-index: 99999999 !important;\n width: calc(100% - 40px);\n max-width: 400px;\n }\n\n .le-center-tab-popup img {\n max-width: 100% !important;\n }\n\n / // Popup /\n .le-checkbox-title {\n font-size: 15px;\n font-weight: bold;\n font-stretch: normal;\n font-style: normal;\n color: #2a4975;\n margin: 13px 0 !important;\n / line-height: 1.65 !important; /\n }\n\n / Checkbox /\n .lead-checkbox-container {\n position: relative;\n display: flex;\n align-items: center;\n cursor: pointer;\n font-size: 14px;\n line-height: 1.65;\n margin: 10px 0;\n }\n\n .lead-checkbox-checkmark {\n display: inline-block;\n height: 24px;\n border: solid 1px #d0d0d0;\n vertical-align: middle;\n margin-right: 8px;\n position: relative;\n border-radius: 4px;\n flex: 0 0 24px;\n }\n\n .lead-checkbox-container input {\n position: absolute;\n opacity: 0;\n top: 0;\n left: 0;\n }\n\n .lead-checkbox-checkmark::after {\n position: absolute;\n content: '';\n }\n\n .lead-checkbox-container input:checked ~ .lead-checkbox-checkmark {\n background: #337eff;\n border: solid 1px #337eff;\n }\n\n .lead-checkbox-container input:checked ~ .lead-checkbox-checkmark::after {\n left: 8px;\n top: 3px;\n width: 7px;\n height: 12px;\n border: solid white;\n border-width: 0 2px 2px 0;\n transform: rotate(45deg);\n }\n / End checkbox /\n\n .le-fullscreen-img {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n\n @media screen and (min-width: 768px) {\n .lead-fullscreen-desktop-close-btn {\n position: fixed;\n top: 27px;\n right: 23px;\n }\n }\n\n / // Inline /\n .lead-modal.le-buider-inline {\n position: static;\n display: block;\n padding: 20px 0;\n height: initial !important;\n padding-top: 10px;\n }\n\n .lead-modal.le-buider-inline .lead-modal__wrapper {\n box-shadow: none;\n border: 1px solid #ddd;\n }\n .lead-modal.le-buider-inline .lead-modal__content {\n max-height: initial !important;\n }\n .lead-modal.le-buider-inline .lead-modal__content .lead-modal__header img {\n / height: auto !important; /\n object-fit: fill;\n }\n\n .le-thankyou-title {\n font-size: 24px !important;\n margin-bottom: 8px !important;\n color: #2a4975 !important;\n }\n\n .le-thankyou-subtitle {\n font-size: 14px !important;\n color: #2699fb !important;\n margin: 0 !important;\n }\n\n / Radio /\n .lead-radio-container {\n position: relative;\n display: flex;\n align-items: center;\n cursor: pointer;\n font-size: 14px;\n line-height: 1.65;\n margin: 10px 0;\n }\n\n .lead-radio-checkmark {\n display: inline-block;\n height: 24px;\n border: solid 1px #d0d0d0;\n vertical-align: middle;\n margin-right: 8px;\n position: relative;\n border-radius: 50%;\n flex: 0 0 24px;\n }\n\n .lead-radio-container input {\n position: absolute;\n opacity: 0;\n top: 0;\n left: 0;\n }\n\n .lead-radio-checkmark::after {\n position: absolute;\n content: '';\n }\n\n .lead-radio-container input:checked ~ .lead-radio-checkmark {\n background: #337eff;\n border: solid 1px #337eff;\n }\n\n .lead-radio-container input:checked ~ .lead-radio-checkmark::after {\n left: 50%;\n top: 50%;\n width: 8px;\n height: 8px;\n background: #fff;\n border-radius: 50%;\n transform: translate(-50%, -50%);\n }\n / End Radio /\n\n / Dropdown /\n .le-newbuilder-select {\n width: 100%;\n padding: 12px;\n border-radius: 4px;\n border: solid 1px #d0d0d0;\n outline: none;\n appearance: none;\n font-size: 15px;\n padding-right: 35px;\n }\n .le-newbuilder-select-wrapper {\n position: relative;\n }\n .le-newbuilder-select-wrapper::after {\n content: '';\n position: absolute;\n right: 15px;\n top: 18px;\n transform: rotate(45deg);\n width: 10px;\n height: 10px;\n border: 2px solid #616060;\n border-left: transparent;\n border-top: transparent;\n }\n / End Dropdown /\n\n .le-buider-slider {\n width: 420px;\n height: auto;\n bottom: 15px;\n top: unset;\n left: -200px;\n animation: le-builder-slide 0.5s forwards;\n }\n\n @keyframes le-builder-slide {\n 100% {\n left: 15px;\n }\n }\n\n @media screen and (max-width: 768px) {\n .le-buider-slider,\n .le-buider-fullscreen {\n display: none !important;\n }\n }\n\n .le-skin-mobile {\n margin-top: 64px;\n }\n"],["\n / lead-modal : start /\n .lead-modal {\n font-family: 'Open sans', sans-serif !important;\n position: fixed;\n z-index: 99999;\n width: 100%;\n height: 100%;\n left: 0;\n top: 0;\n opacity: 1;\n visibility: visible;\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: transparent;\n padding: 10px;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n white-space: normal !important;\n }\n\n .lead-modal__wrapper {\n position: relative;\n width: 100%;\n max-width: 450px;\n background-color: #fff;\n border-radius: 6px;\n box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);\n }\n\n .lead-modal__content {\n width: inherit;\n overflow: auto;\n / min-height: 400px; /\n max-height: calc(100vh - 125px);\n -webkit-overflow-scrolling: touch;\n }\n\n .lead-modal__header {\n padding: 0px 0px;\n }\n\n .lead-modal__image {\n display: block;\n margin: 0 auto;\n border: none !important;\n box-shadow: none !important;\n }\n .lead-modal-image-logo {\n margin-top: 15px;\n margin-bottom: 15px;\n }\n\n .lead-modal-image-cover {\n width: 100% !important;\n padding: 0 0px;\n border-top-left-radius: 4px;\n border: none !important;\n box-shadow: none !important;\n margin: 0 !important;\n }\n\n .lead-modal__image + .lead-modal__image {\n / margin-top: 10px; /\n / border-radius: 4px; /\n }\n\n .lead-modal__body {\n font-family: 'Open sans', sans-serif !important;\n padding: 15px 15px 25px 15px;\n }\n\n .lead-modal__title {\n font-family: 'Open sans', sans-serif !important;\n font-size: 20px !important;\n font-weight: bold !important;\n font-stretch: normal !important;\n font-style: normal !important;\n line-height: 1.3 !important;\n letter-spacing: -0.4px !important;\n color: #2a4975 !important;\n box-shadow: none !important;\n padding-bottom: 0 !important;\n }\n\n .lead-modal__title.pink {\n color: #2661ad !important;\n }\n\n .lead-modal__description {\n font-family: 'Open sans', sans-serif !important;\n font-size: 13px !important;\n font-weight: normal !important;\n font-stretch: normal !important;\n font-style: normal !important;\n line-height: 1.62 !important;\n letter-spacing: 0.14px !important;\n color: #2c87f3 !important;\n margin-top: 10px !important;\n }\n\n .lead-modal__description.pink {\n color: #3e3f58 !important;\n }\n\n .lead-modal__form-control-wrapper {\n margin-top: 10px;\n margin-left: 0px !important;\n position: relative;\n }\n\n .lead-modal__form-control {\n box-shadow: none !important;\n height: 40px !important;\n width: 100%;\n padding-left: calc(15px + 1.5em + 15px) !important;\n background-color: #fff !important;\n padding-top: 10px !important;\n padding-bottom: 10px !important;\n padding-right: 15px !important;\n border: solid 1px #dddddd !important;\n color: #2a4975 !important;\n line-height: 1.7em !important;\n border-radius: 0 !important;\n font-family: 'Open Sans', sans-serif !important;\n background-image: linear-gradient(transparent, transparent) !important;\n margin-left: 0px !important;\n font-size: 14px !important;\n line-height: 14px !important;\n }\n\n .lead-modal__form-control {\n &:focus {\n border-color: var(--color-primary);\n box-shadow: 0px 0px 0px 3px rgba(44, 135, 243, 0.1);\n outline: none;\n }\n\n &::-webkit-input-placeholder {\n / Chrome, Firefox, Opera, Safari 10.1+ /\n color: #b5b5b5;\n }\n\n &::-moz-placeholder {\n color: #b5b5b5;\n }\n\n &:-ms-input-placeholder {\n color: #b5b5b5;\n }\n\n &::-ms-input-placeholder {\n color: #b5b5b5;\n }\n\n &::placeholder {\n color: #b5b5b5;\n }\n }\n\n img.lead-modal__form-control-icon {\n display: inline-block !important;\n color: #b5b5b5 !important;\n fill: #b5b5b5 !important;\n line-height: 1 !important;\n flex-shrink: 0 !important;\n max-width: initial !important;\n display: block !important;\n position: absolute !important;\n pointer-events: none !important;\n left: 15px !important;\n top: 10px !important;\n height: 20px !important;\n width: 20px !important;\n border: none !important;\n margin: 0 !important;\n }\n\n .lead-modal__checkbox-wrapper {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n align-items: center;\n margin-top: 15px;\n a {\n color: #2c87f3 !important;\n text-decoration: none !important;\n }\n\n a:visited {\n color: #2c87f3 !important;\n }\n &.pink a,\n &.pink a:visited {\n color: #e55c8a !important;\n }\n }\n\n .lead-modal__checkbox {\n position: relative;\n z-index: 1;\n display: inline-block;\n font-size: 20px;\n }\n\n .lead-modal__checkbox__input {\n position: relative;\n margin: 0 !important;\n padding: 0;\n opacity: 0;\n height: 1em !important;\n width: 1em !important;\n display: block;\n z-index: 1;\n font-size: 1em !important;\n }\n\n .lead-modal__checkbox__control {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n z-index: -1;\n pointer-events: none;\n transition: transform 0.2s;\n color: #dddddd;\n &::before,\n &::after {\n content: '';\n position: absolute;\n }\n\n &::before {\n width: 120%;\n height: 120%;\n background-color: currentColor;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%) scale(0);\n opacity: 0;\n border-radius: 50%;\n will-change: transform;\n transition: transform 0.2s;\n }\n\n &::after {\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: #fff;\n border-radius: 6px;\n -webkit-box-shadow: inset 0 0 0 1px #dddddd;\n box-shadow: inset 0 0 0 1px #dddddd;\n }\n\n &:focus::after {\n box-shadow: inset 0 0 0 1px #2c87f3;\n }\n }\n\n .lead-modal__checkbox__input:checked ~ .lead-modal__checkbox__control::after,\n .lead-modal__checkbox__input:indeterminate\n ~ .lead-modal__checkbox__control::after {\n background-color: currentColor;\n background-repeat: no-repeat;\n background-position: center;\n background-size: 18px;\n box-shadow: none;\n }\n\n .lead-modal__checkbox__input:checked ~ .lead-modal__checkbox__control {\n color: #2c87f3;\n }\n\n .lead-modal__checkbox__input:checked ~ .lead-modal__checkbox__control::after {\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpolyline points='2.5 8 6.5 12 13.5 3' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/svg%3E\");\n }\n\n .lead-modal__checkbox__input:indeterminate ~ .lead-modal__checkbox__control {\n color: var(--custom-checkbox-color-disabled);\n }\n\n .lead-modal__checkbox__input:indeterminate\n ~ .lead-modal__checkbox__control::after {\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cline x1='2' y1='8' x2='14' y2='8' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E\");\n }\n\n .lead-modal__checkbox__input:active ~ .lead-modal__checkbox__control {\n transform: scale(0.9);\n }\n\n .lead-modal__checkbox__input:checked:active ~ .lead-modal__checkbox__control,\n .lead-modal__checkbox__input:indeterminate:active\n ~ .lead-modal__checkbox__control {\n transform: scale(1);\n }\n\n .lead-modal__checkbox__input:focus ~ .lead-modal__checkbox__control::before {\n opacity: 0.2;\n transform: translate(-50%, -50%) scale(1);\n }\n\n .lead-modal__checkbox__input.pink ~ .lead-modal__checkbox__control::after {\n border-radius: 50% !important;\n }\n\n .lead-modal__checkbox__input.pink:checked ~ .lead-modal__checkbox__control {\n color: #2661ad;\n }\n\n .lead-modal__checkbox__input.pink:checked\n ~ .lead-modal__checkbox__control::after,\n .lead-modal__checkbox__input.pink:indeterminate\n ~ .lead-modal__checkbox__control::after {\n background-size: 12px;\n }\n\n .lead-modal__checkbox__label {\n / font-family: OpenSans; /\n font-size: 13px;\n font-stretch: normal;\n font-style: normal;\n line-height: normal;\n letter-spacing: 0.14px;\n color: #969696;\n margin-left: 10px;\n margin-bottom: 0 !important;\n }\n\n .lead-modal__btn {\n display: block;\n width: 100%;\n border: none;\n color: #fff;\n padding: 12px 10px;\n font-weight: 700;\n text-align: center;\n margin-top: 15px;\n border-radius: 4px;\n background-color: #2699fb;\n transition: all 0.2s ease-in-out;\n text-shadow: none !important;\n box-shadow: none !important;\n font-family: 'Open sans', sans-serif !important;\n font-size: 14px;\n cursor: pointer !important;\n &:hover,\n &:active {\n background-color: #337eff;\n }\n\n &.pink {\n background-color: #e55c8a;\n }\n\n &.pink:hover {\n background-color: #b4466a;\n }\n }\n\n .lead-modal__close-btn {\n position: absolute;\n padding-top: 5px;\n top: -15px;\n right: -10px;\n width: 35px;\n height: 35px;\n box-shadow: -2px 4px 4px 0 rgba(191, 191, 191, 0.44) !important;\n text-shadow: none !important;\n background-color: #005cfd;\n border-radius: 50%;\n line-height: inherit;\n appearance: none;\n border: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.2s ease-in-out;\n outline: none;\n z-index: 1;\n padding: 5px 13px !important;\n cursor: pointer !important;\n &:hover,\n &:active {\n background-color: #337eff;\n }\n\n &.pink {\n background-color: #fff;\n }\n\n &.pink .lead-modal__close-icon {\n color: #000;\n }\n\n &.pink:hover .lead-modal__close-icon {\n color: #e55c8a;\n transition: 0.3s all ease;\n }\n }\n\n .lead-modal__close-icon {\n display: inline-block;\n color: #fff;\n fill: #fff;\n height: 1em;\n width: 1em;\n line-height: 1;\n flex-shrink: 0;\n max-width: initial;\n transition: 0.3s all ease;\n }\n\n .lead-modal__thank-you {\n padding: 0 15px;\n display: flex;\n align-items: center;\n justify-content: center;\n height: inherit;\n text-align: center;\n min-height: 400px;\n h1 {\n margin-top: 10px;\n font-size: 32px;\n font-weight: normal;\n font-stretch: normal;\n font-style: normal;\n line-height: normal;\n letter-spacing: -0.23px;\n color: #1b3250;\n }\n\n p {\n margin-top: 5px;\n font-size: 16px;\n font-weight: normal;\n font-stretch: normal;\n font-style: normal;\n line-height: normal;\n letter-spacing: -0.11px;\n color: #1b3250;\n }\n img {\n max-width: 100% !important;\n border: none !important;\n width: auto !important;\n margin: 0 auto !important;\n }\n\n &.hidden {\n display: none;\n }\n }\n\n / lead-modal : end /\n\n .modal__container {\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n z-index: 1000000000000;\n pointer-events: none;\n overflow-y: scroll;\n }\n\n .modal__content {\n position: relative;\n width: 80vw;\n margin: auto 0;\n }\n\n / Make clicks pass-through /\n #nprogress {\n pointer-events: none;\n }\n\n #nprogress .bar {\n background: #223bdd;\n\n position: fixed;\n z-index: 1031;\n top: 0;\n left: 0;\n\n width: 100%;\n height: 2px;\n }\n\n / Fancy blur effect /\n #nprogress .peg {\n display: block;\n position: absolute;\n right: 0px;\n width: 100px;\n height: 100%;\n box-shadow: 0 0 10px #29d, 0 0 5px #29d;\n opacity: 1;\n transform: rotate(3deg) translate(0px, -4px);\n }\n\n / Remove these to get rid of the spinner /\n #nprogress .spinner {\n display: block;\n position: fixed;\n z-index: 1031;\n top: 15px;\n right: 15px;\n }\n\n #nprogress .spinner-icon {\n width: 18px;\n height: 18px;\n box-sizing: border-box;\n\n border: solid 2px transparent;\n border-top-color: #29d;\n border-left-color: #29d;\n border-radius: 50%;\n\n -webkit-animation: nprogress-spinner 400ms linear infinite;\n animation: nprogress-spinner 400ms linear infinite;\n }\n\n .nprogress-custom-parent {\n overflow: hidden;\n position: relative;\n }\n\n .nprogress-custom-parent #nprogress .spinner,\n .nprogress-custom-parent #nprogress .bar {\n position: absolute;\n }\n\n @-webkit-keyframes nprogress-spinner {\n 0% {\n -webkit-transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n }\n }\n @keyframes nprogress-spinner {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n\n .lead-modal__btn:disabled {\n background: #d5d5d5 !important;\n }\n\n .dateclass {\n width: 100%;\n }\n\n .dateclass.placeholderclass::before {\n width: 100%;\n content: attr(placeholder);\n color: #b8b8b8;\n }\n\n .dateclass.placeholderclass:hover::before {\n width: 0%;\n content: '';\n }\n\n / Change Autocomplete styles in Chrome/\n .lead-modal input:-webkit-autofill,\n .lead-modal input:-webkit-autofill:hover,\n .lead-modal input:-webkit-autofill:focus,\n .lead-modal textarea:-webkit-autofill,\n .lead-modal textarea:-webkit-autofill:hover,\n .lead-modal textarea:-webkit-autofill:focus,\n .lead-modal select:-webkit-autofill,\n .lead-modal select:-webkit-autofill:hover,\n .lead-modal select:-webkit-autofill:focus {\n -webkit-box-shadow: 0 0 0 1000px white inset !important;\n -webkit-text-fill-color: #2a4975;\n }\n\n .lead-modal label.error {\n font-size: 13px;\n color: #fa140f;\n margin-bottom: 0;\n margin-left: 0px !important;\n line-height: 1.65 !important;\n width: 100%;\n display: block;\n }\n\n / === Lead gen wrapper === /\n .le-text-align-center {\n text-align: center !important;\n }\n .le-text-align-left {\n text-align: left !important;\n }\n .le-text-align-right {\n text-align: right !important;\n }\n\n .le-only-desktop {\n display: none !important;\n }\n .le-only-mobile {\n display: block !important;\n }\n\n .le-only-desktop a {\n text-decoration: none !important;\n }\n\n .le-only-mobile a {\n text-decoration: none !important;\n }\n\n @media screen and (min-width: 992px) {\n .le-newbuilder-LightBoxB,\n .le-newbuilder-InlineB {\n display: flex !important;\n }\n\n .le-newbuilder-LightBoxB .lead-modal__header,\n .le-newbuilder-InlineB .lead-modal__header {\n max-width: 50%;\n }\n }\n\n @media screen and (min-width: 768px) {\n .le-only-desktop {\n display: block !important;\n }\n\n .le-only-mobile {\n display: none !important;\n }\n\n .le-newbuilder-LightBoxB .lead-modal__body,\n .le-newbuilder-InlineB .lead-modal__body {\n flex: 1;\n }\n\n .le-newbuilder-wrap-LightBoxB {\n max-width: 720px !important;\n }\n .le-newbuilder-wrap-InlineB {\n max-width: 100% !important;\n }\n .le-newbuilder-LightBoxB .le-only-desktop.lead-modal-image-cover {\n max-width: 400px !important;\n }\n }\n\n .lead-modal__title {\n margin: 7px 0 !important;\n }\n\n .lead-modal__description {\n margin: 0;\n }\n\n .lead-modal-image-cover,\n .lead-modal__wrapper {\n border-radius: 0px !important;\n }\n\n .lead-modal__form {\n margin: 0;\n display: block !important;\n }\n\n .lead-modal__image + .lead-modal__image {\n margin-top: 0px;\n }\n\n .lead-modal__thank-you {\n width: 100%;\n }\n\n / Skins /\n .le-skin-a-desktop {\n position: fixed;\n z-index: 99999;\n top: 0;\n left: 0;\n height: 100%;\n display: flex;\n align-items: center;\n }\n\n .le-skin-b-desktop {\n }\n\n .le-join-now {\n }\n\n .le-joinbow-btn {\n background: #2c87f3;\n color: #ffffff;\n font-size: 16px;\n text-align: center;\n outline: none !important;\n box-shadow: none !important;\n padding: 12px 30px;\n border: none !important;\n border: 1px solid transparent !important;\n cursor: pointer !important;\n }\n .le-joinbow-btn:hover {\n border: 1px solid white !important;\n }\n\n .le-joinbow-btn-mobile {\n background: #2c87f3;\n color: #ffffff;\n font-size: 14px;\n text-align: center;\n outline: none !important;\n box-shadow: none !important;\n padding: 12px 30px;\n border: none !important;\n }\n\n .le-newbuilder-close-svg {\n border-radius: 50%;\n width: 35px;\n height: 35px;\n background: #005cfd;\n cursor: pointer !important;\n }\n .le-mobile-btn {\n width: 24px;\n height: 24px;\n }\n\n .le-newbuilder-close-button {\n padding: 0;\n background: transparent;\n box-shadow: none;\n border: none;\n width: auto !important;\n cursor: pointer !important;\n }\n .le-abs-top-right {\n position: absolute;\n right: 10px;\n top: 10px;\n }\n\n .le-abs-outer-top-right {\n position: absolute;\n right: 0px;\n top: -45px;\n }\n\n / Skin floating /\n .le-floating-desktop {\n position: fixed;\n bottom: 40px;\n left: 25px;\n z-index: 9999;\n }\n\n .le-floating-desktop-wrap {\n background: #fff;\n backdrop-filter: blur(30px);\n box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);\n padding: 0px;\n padding-right: 30px;\n border-radius: 5px;\n display: flex;\n align-items: center;\n }\n\n .le-floating-desktop-title {\n font-size: 20px;\n font-weight: bold;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.5;\n letter-spacing: normal;\n color: #2a4975;\n max-width: 530px;\n }\n .le-floating-desktop-desc {\n font-size: 13px;\n font-weight: normal;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.65;\n letter-spacing: normal;\n color: #2699fb;\n max-width: 530px;\n }\n\n .le-joinbow-floating-btn {\n background: #2c87f3;\n color: #ffffff;\n font-size: 14px;\n text-align: center;\n outline: none !important;\n box-shadow: none !important;\n padding: 12px 40px;\n border: none !important;\n border: 1px solid transparent !important;\n font-weight: 500;\n cursor: pointer !important;\n }\n\n / // Floating mobile /\n .le-floating-mobile {\n position: fixed;\n bottom: 0px;\n left: 0px;\n width: 100%;\n z-index: 9999;\n }\n .le-abs-outer-mobile-top-right {\n position: absolute;\n right: 2px;\n top: -30px;\n }\n\n .le-floating-mobile-wrap {\n background: #fff;\n box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);\n padding: 10px 15px;\n }\n .le-floating-mobile-title {\n font-size: 18px;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.5;\n letter-spacing: normal;\n color: #2a4975;\n font-weight: 600;\n }\n .le-floating-mobile-desc {\n font-size: 12px;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.65;\n letter-spacing: normal;\n color: #2699fb;\n }\n\n / // Tab popup /\n .le-tab-popup {\n position: fixed;\n bottom: 15px;\n left: 15px;\n max-width: 150px;\n }\n .le-abs-outer-mobile-top-right-2 {\n position: absolute;\n right: -12px;\n top: -15px;\n }\n\n .le-center-tab-popup {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n z-index: 99999999 !important;\n width: calc(100% - 40px);\n max-width: 400px;\n }\n\n .le-center-tab-popup img {\n max-width: 100% !important;\n }\n\n / // Popup /\n .le-checkbox-title {\n font-size: 15px;\n font-weight: bold;\n font-stretch: normal;\n font-style: normal;\n color: #2a4975;\n margin: 13px 0 !important;\n / line-height: 1.65 !important; /\n }\n\n / Checkbox /\n .lead-checkbox-container {\n position: relative;\n display: flex;\n align-items: center;\n cursor: pointer;\n font-size: 14px;\n line-height: 1.65;\n margin: 10px 0;\n }\n\n .lead-checkbox-checkmark {\n display: inline-block;\n height: 24px;\n border: solid 1px #d0d0d0;\n vertical-align: middle;\n margin-right: 8px;\n position: relative;\n border-radius: 4px;\n flex: 0 0 24px;\n }\n\n .lead-checkbox-container input {\n position: absolute;\n opacity: 0;\n top: 0;\n left: 0;\n }\n\n .lead-checkbox-checkmark::after {\n position: absolute;\n content: '';\n }\n\n .lead-checkbox-container input:checked ~ .lead-checkbox-checkmark {\n background: #337eff;\n border: solid 1px #337eff;\n }\n\n .lead-checkbox-container input:checked ~ .lead-checkbox-checkmark::after {\n left: 8px;\n top: 3px;\n width: 7px;\n height: 12px;\n border: solid white;\n border-width: 0 2px 2px 0;\n transform: rotate(45deg);\n }\n / End checkbox /\n\n .le-fullscreen-img {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n\n @media screen and (min-width: 768px) {\n .lead-fullscreen-desktop-close-btn {\n position: fixed;\n top: 27px;\n right: 23px;\n }\n }\n\n / // Inline /\n .lead-modal.le-buider-inline {\n position: static;\n display: block;\n padding: 20px 0;\n height: initial !important;\n padding-top: 10px;\n }\n\n .lead-modal.le-buider-inline .lead-modal__wrapper {\n box-shadow: none;\n border: 1px solid #ddd;\n }\n .lead-modal.le-buider-inline .lead-modal__content {\n max-height: initial !important;\n }\n .lead-modal.le-buider-inline .lead-modal__content .lead-modal__header img {\n / height: auto !important; /\n object-fit: fill;\n }\n\n .le-thankyou-title {\n font-size: 24px !important;\n margin-bottom: 8px !important;\n color: #2a4975 !important;\n }\n\n .le-thankyou-subtitle {\n font-size: 14px !important;\n color: #2699fb !important;\n margin: 0 !important;\n }\n\n / Radio /\n .lead-radio-container {\n position: relative;\n display: flex;\n align-items: center;\n cursor: pointer;\n font-size: 14px;\n line-height: 1.65;\n margin: 10px 0;\n }\n\n .lead-radio-checkmark {\n display: inline-block;\n height: 24px;\n border: solid 1px #d0d0d0;\n vertical-align: middle;\n margin-right: 8px;\n position: relative;\n border-radius: 50%;\n flex: 0 0 24px;\n }\n\n .lead-radio-container input {\n position: absolute;\n opacity: 0;\n top: 0;\n left: 0;\n }\n\n .lead-radio-checkmark::after {\n position: absolute;\n content: '';\n }\n\n .lead-radio-container input:checked ~ .lead-radio-checkmark {\n background: #337eff;\n border: solid 1px #337eff;\n }\n\n .lead-radio-container input:checked ~ .lead-radio-checkmark::after {\n left: 50%;\n top: 50%;\n width: 8px;\n height: 8px;\n background: #fff;\n border-radius: 50%;\n transform: translate(-50%, -50%);\n }\n / End Radio /\n\n / Dropdown /\n .le-newbuilder-select {\n width: 100%;\n padding: 12px;\n border-radius: 4px;\n border: solid 1px #d0d0d0;\n outline: none;\n appearance: none;\n font-size: 15px;\n padding-right: 35px;\n }\n .le-newbuilder-select-wrapper {\n position: relative;\n }\n .le-newbuilder-select-wrapper::after {\n content: '';\n position: absolute;\n right: 15px;\n top: 18px;\n transform: rotate(45deg);\n width: 10px;\n height: 10px;\n border: 2px solid #616060;\n border-left: transparent;\n border-top: transparent;\n }\n / End Dropdown /\n\n .le-buider-slider {\n width: 420px;\n height: auto;\n bottom: 15px;\n top: unset;\n left: -200px;\n animation: le-builder-slide 0.5s forwards;\n }\n\n @keyframes le-builder-slide {\n 100% {\n left: 15px;\n }\n }\n\n @media screen and (max-width: 768px) {\n .le-buider-slider,\n .le-buider-fullscreen {\n display: none !important;\n }\n }\n\n .le-skin-mobile {\n margin-top: 64px;\n }\n"]))),I=function(n){var e=n.title,t=n.titleAlign,o=n.subtitle,a=n.subtitleAlign,l=n.link,i=n.linkNewTab,r=n.linkText,d=n.image;return m.default.createElement("div",{id:"lead-modal",className:"lead-modal modal--animate-scale"},m.default.createElement("div",{className:"lead-modal__wrapper animate__animated "},m.default.createElement("div",{className:"lead-modal__thank-you"},m.default.createElement("div",{style:{width:"100%"}},m.default.createElement("img",{src:d,style:{maxHeight:162,objectFit:"cover"}}),e&&m.default.createElement("h1",{className:"le-thankyou-title le-text-align-".concat(t)}," ",e," "),o&&m.default.createElement("p",{className:"le-thankyou-subtitle le-text-align-".concat(a)}," ",o," "),r&&m.default.createElement("div",null,m.default.createElement("a",{href:l,target:i?"_blank":"parrent",rel:"noreferrer"},m.default.createElement("button",{className:"lead-modal__btn ".concat(y)},l)))))))};function D(e){var t=e.leadApi,o=e.leadSiteId,a=e.leadDomain,i=e.onShowPopup;fetch(t+"api/campaign/"+o,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({url:"https://"+location.hostname+location.pathname+location.search,ga_client_id:l.getCookie("_ga")\|\|null})}).then((function(n){return n.json()})).then((function(e){var t,o,d;if(console.log("List campagin: ",e),E="https://"+location.hostname+location.pathname+location.search,1==e._status){var c=e._data.campaigns;l.getCookie("hhg-id")\|\|(l.setCookie("hhg-id",r.v1(),{domain:"."+a,path:"/"}),console.log("😍 Set HHG ID cookie"));var s=[];s=/Android\|webOS\|iPhone\|iPad\|iPod\|BlackBerry\|BB\|PlayBook\|IEMobile\|Windows Phone\|Kindle\|Silk\|Opera Mini/i.test(navigator.userAgent)?c.filter((function(n){return n.device_types.some((function(n){return n.id==w}))})):c.filter((function(n){return n.device_types.some((function(n){return n.id==v}))})),console.log("👓 campaignsDevice",s);var p=s.map((function(e,t){return e.targets.filter((function(n){return n.type==x})).map((function(e){return n.__assign(n.__assign({},e),{campaignIndex:t})}))})).flat(1);p=p.filter((function(n){return"exact_match"==n.option?Boolean(""==new URL(String(n.target).toLowerCase()).href):"start_with"==n.option?!!"".includes(String(n.target).toLowerCase())&&!n.sub_target.filter((function(n){return"excluding"==n.option})).map((function(n){return n.value})).includes(""):void 0}));var m=Array.from(document.getElementsByTagName("META")).filter((function(n){return"article:tag"==n.getAttribute("property")})).map((function(n){return n.content})),u=[];m&&m.length&&(u=s.map((function(e,t){return e.targets.filter((function(n){return n.type==_})).map((function(e){return n.__assign(n.__assign({},e),{campaignIndex:t})}))})).flat(1).filter((function(n){return m.includes(n.target)})));var f=n.__spreadArray(n.__spreadArray([],p,!0),u,!0),h=document.cookie.split("; ").map((function(n){return n.split("=")[0]})),g=h.filter((function(n){return n.includes("lead_submited")}));console.log("--listCampaignCodeSubmited",g);var b=h.filter((function(n){return n.includes("lead_closed")}));console.log("--listCampaignCodeClosed",b);var k,y=n.__spreadArray(n.__spreadArray([],g,!0),b,!0);if(k=f.filter((function(n){return!y.some((function(e){return e.includes(s[n.campaignIndex].code)}))})).sort((function(n,e){return n.score-e.score})),console.log("--listCampaignValid : ",k),k&&k.length){var C=s[k[0].campaignIndex];console.log("CAMPAIGN_SHOW",C);var N=C.rules,B=Number(null===(t=N.find((function(n){return"time"==n.rule})))\|\|void 0===t?void 0:t.value);console.log("timeoutRule",B);var S=Number(null===(o=N.find((function(n){return"scroll"==n.rule})))\|\|void 0===o?void 0:o.value);console.log("scrollRule",S);var T=Number(null===(d=N.find((function(n){return"exclude_sponsored"==n.rule})))\|\|void 0===d?void 0:d.value);console.log("excludeSponsored",T);var z=Boolean(document.querySelector(".hhg-disclaimer-text"));if(console.log("💎 LEAD current page isSponsored",z),z&&T)return;var L="TIME";if(Number.isInteger(B)&&(L="TIME",console.log("✨ SHOW AWESOME POPUP AFTER: ",B," seconds"),setTimeout((function(){null==i\|\|i(C,L)}),1e3B)),Number.isInteger(S)){L="SCROLL",console.log("✨ SHOW AWESOME AFTER: SCROLL",S," %");var j=document.querySelector('[data-url="'.concat(location.pathname,'"]'))\|\|document.querySelector("body"),O=j.getBoundingClientRect().top,A=j.offsetHeight;console.log("👓 Element check scroll: ",j);var I=function(){var n=window.pageYOffset\|\|document.documentElement.scrollTop,e=0;n>=O&&(e=Math.round((n-O)/(A-innerHeight)*100)),console.log("---Scroll",e,S),e>=S&&(window.removeEventListener("scroll",I),null==i\|\|i(C,L))};window.addEventListener("scroll",I)}}else console.log("🚧 No lead campaigns on current URL, tags")}})).catch((function(n){console.error("Lead error: ",n)}))}exports.LeadGen=function(t){var r=t.apiUrl,d=t.siteDomain,c=t.siteId,s=t.locale,f=e.useRef(),h=e.useRef(Date.now()),g=e.useMemo((function(){var n=r;return n.includes("localhost")&&(n="https://dev.leadgen.hellobacsi.com/"),{apiUrl:n}}),[r,d,c]).apiUrl,b=e.useState({locale:s,values:{}}),x=b[0],_=b[1],k=e.useState(null),w=k[0],v=k[1],y=e.useState(""),E=y[0],C=y[1],S=e.useState(null),T=S[0],z=S[1];e.useEffect((function(){var n;(n="./i18n/".concat(s.split("-")[0],".json"),Promise.resolve().then((function(){return p(require(n))}))).then((function(n){n&&Object.keys(n).length&&_({locale:s,values:n})}))}),[s]);var L=function(n,e){v(n),C(e)};e.useEffect((function(){if(window.next){var n=u.default((function(n){console.log("--🌻 routeChangeComplete",n,Date.now());var e=location.pathname;document.querySelector(".lead-modal-wrapper").remove(),document.querySelectorAll('[data-popup-url="'.concat(e,'"]')).length\|\|D({leadApi:g,leadDomain:d,leadSiteId:c,onShowPopup:L}),f.current&&window.removeEventListener("scroll",f.current)}),500);window.next.router.events.on("routeChangeComplete",n)}D({leadApi:g,leadDomain:d,leadSiteId:c,onShowPopup:L})}),[]);var j=function(){var n,e;console.log("👋👋👋 CLOSE POPUP ".concat(w.code," 👋👋👋"));var t=Number(null===(n=w.rules.find((function(n){return"show_again_after_exit "==n.rule})))\|\|void 0===n?void 0:n.value),o=Number(null===(e=w.rules.find((function(n){return"days_to_show_again"==n.rule})))\|\|void 0===e?void 0:e.value);0==t&&(o?l.setCookie("lead_closed_".concat(w.code),"target_".concat(w.extra_fields.popupVersion),{domain:"."+d,days:o,path:"/"}):l.setCookie("lead_closed_".concat(w.code),"target_".concat(w.extra_fields.popupVersion),{domain:"."+d,path:"/"})),v(null),document.body.classList.remove("noscroll"),fetch("".concat(g,"api/campaign/").concat(w.code,"/popup_exit"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"CLICK",url:location.href.toLowerCase(),title_article:document.title,cookie_id:l.getCookie("hhg-id"),duration:Math.ceil((Date.now()-h.current)/1e3)})})};return e.useEffect((function(){w&&(h.current=Date.now())}),[w]),m.default.createElement(B.Provider,{value:{apiUrl:g,siteDomain:d,siteId:c,locale:s}},m.default.createElement(a.TranslationsContext.Provider,{value:x},o.createPortal(m.default.createElement(A,null,w&&!T&&m.default.createElement(O,{campaign:w,onClose:j,onSubmit:function(e,t,o,a){return n.__awaiter(void 0,void 0,void 0,(function(){var i,r,c,s,p,m,u,f,h,b,x,_,k,v,y,E,C,B,S,T,L,O,A,I,D,M,P,q,F,R,V,H,J,U,W;return n.__generator(this,(function(n){switch(n.label){case 0:return console.log("submitHandler",t,o),i=new FormData(e.currentTarget),r={},i.forEach((function(n,e){c[e]=c[e]\|\|[],c[e].push(n)})),c=Object.keys(r).map((function(n){return{name:n,value:r[n]}})),s=2,p=l.getCookie("_ga")\|\|null,[4,require("intl-tel-input")];case 1:return m=n.sent(),u={url:location.href.toLowerCase(),title_article:document.title,meta:c.map((function(n){return{key:document.querySelector(".lead-modal__form.".concat(a,' [name="').concat(n.name,'"]')).getAttribute("data-key"),value:(null==N?void 0:N.countryCodeNumber)&&["tel","tel1","tel2","tel3"].includes(n.name)?m.formatNumber(String(n.value),null==N?void 0:N.countryCodeNumber,s).replace(/\s+/g,""):n.value,control:n.name.replace("1","").replace("2","").replace("3",""),is_sent_mailchimp:document.querySelector(".lead-modal__form.".concat(a," .mailchimp-").concat(document.querySelector(".lead-modal__form.".concat(a,' [name="').concat(n.name,'"]')).getAttribute("data-key"))).getAttribute("data-mailchimp")}})),cookie_id:l.getCookie("hhg-id"),ga_client_id:p},t&&o[t].value_en&&(u.category=o[t].value_en),f=Number((null===(M=null===(D=w.rules)\|\|void 0===D?void 0:D.find((function(n){return"days_to_show_again"===n.rule})))\|\|void 0===M?void 0:M.value)\|\|7),0==(h=Number((null===(q=null===(P=w.rules)\|\|void 0===P?void 0:P.find((function(n){return"show_again_after_submit"===n.rule})))\|\|void 0===q?void 0:q.value)\|\|0))&&(console.log("⛔ Popup never show again!"),l.setCookie("lead_submited_".concat(w.code),"target_".concat(w.extra_fields.targetType),{domain:"."+d,path:"/"})),1==h&&(console.log("⌛ Popup will show again after ".concat(f," days!")),l.setCookie("lead_submited_".concat(w.code),"target_".concat(w.extra_fields.targetType),{domain:"."+d,days:f,path:"/"})),fetch("".concat(g,"api/campaign/").concat(w.code,"/lead"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(u)}),"notshow"==w.extra_fields.popupShowThankYou?(j(),document.body.classList.remove("noscroll"),[2]):(b=!0,x=w.thank_you_image\|\|"".concat(g,"admin/img/thanksyou.png"),_=w.extra_fields.popupThankyouTitle\|\|"Thank you.",k=w.extra_fields.popupThankyouDesc\|\|"We appreciate your time!",v="",y="",B="","2.1"==w.extra_fields.popupVersion&&(S=w.extra_fields,T=JSON.parse(S.listBlockThankyou),L=T.find((function(n){return"TitleBlock"==n.name})),O=T.find((function(n){return"SubtitleBlock"==n.name})),A=T.find((function(n){return"LinkButtonBlock"==n.name})),_=(null===(F=null==L?void 0:L.data)\|\|void 0===F?void 0:F.value)\|\|"",v=(null===(R=null==L?void 0:L.data)\|\|void 0===R?void 0:R.align)\|\|"",k=(null===(V=null==O?void 0:O.data)\|\|void 0===V?void 0:V.value)\|\|"",y=(null===(H=null==O?void 0:O.data)\|\|void 0===H?void 0:H.align)\|\|"",E=(null===(J=null==A?void 0:A.data)\|\|void 0===J?void 0:J.value)\|\|"",C=(null===(U=null==A?void 0:A.data)\|\|void 0===U?void 0:U.newtab)\|\|!1,B=(null===(W=null==A?void 0:A.data)\|\|void 0===W?void 0:W.url)\|\|"",I=w.extra_fields.currentLayout,["SkinA","SkinB","Floating","Tab","CenterTab"].includes(I)&&(b=!1)),z(b?{title:_,titleAlign:v,subtitle:k,subtitleAlign:y,link:B,linkNewTab:C,linkText:E,image:x}:null),sessionStorage.getItem("insider_object")?window.insider_object=JSON.parse(sessionStorage.getItem("insider_object")):window.insider_object={user:{email:"",phone_number:"",gdpr_optin:!0,sms_optin:!0,email_optin:!0}},c.map((function(n){var e=n.name,t=n.value;"tel"==e?window.insider_object.user.phone_number=t:"email"==e&&(window.insider_object.user.email=t)})),sessionStorage.setItem("insider_object",JSON.stringify(window.insider_object)),[2])}}))}))},action:E}),T&&m.default.createElement(I,{title:T.title,titleAlign:T.titleAlign,subtitle:T.subtitle,subtitleAlign:T.subtitleAlign,link:T.link,linkNewTab:T.linkNewTab,linkText:T.linkText,image:T.image})),i.getPopupWrapperDom())))};
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("./tslib.es6-e6f346c4.js"),e=require("react"),t=require("lodash/debounce"),a=require("react-dom"),o=require("./translationsContext-9e231a88.js"),l=require("./cookieHelper-3553173d.js"),i=require("./utils-df758048.js"),r=require("uuid"),d=require("./useTranslations-00120db0.js"),c=require("styled-components");function s(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}require("string-format");var p=s(e),m=s(t),u=s(c),f=function(n){var e=n.onClose,t=n.containerClassName,a=n.svgClassName;return p.default.createElement("button",{onClick:e,className:"le-newbuilder-close-button js-modal__close ".concat(t\|\|"")},p.default.createElement("svg",{className:"le-newbuilder-close-svg ".concat(a\|\|""),xmlns:"http://www.w3.org/2000/svg",width:"53",height:"53",viewBox:"0 0 53 53"},p.default.createElement("defs",null,p.default.createElement("filter",{width:"53",height:"53",filterUnits:"userSpaceOnUse"},p.default.createElement("feGaussianBlur",{result:"blur",stdDeviation:"3"}),p.default.createElement("feFlood",{floodOpacity:".4"}),p.default.createElement("feComposite",{in2:"blur",operator:"in"}),p.default.createElement("feComposite",{in:"SourceGraphic"})),p.default.createElement("style",{dangerouslySetInnerHTML:{__html:".cls-2{fill:none;stroke:#fff;stroke-linecap:round;stroke-width:2px}"}})),p.default.createElement("g",{filter:"url(#Ellipse_482)"},p.default.createElement("circle",{cx:"17.5",cy:"17.5",r:"17.5",transform:"translate(-483.1 -671.163)translate(483.1 671.16)translate(9 9)",fill:"#005cfd"})),p.default.createElement("path",{d:"M19 19L34 34",className:"cls-2"}),p.default.createElement("path",{d:"M34 19L19 34",className:"cls-2"})))},g=function(n){var e=n.popupId,t=n.url,a=n.newTab,o=n.imageDestkop,l=n.imageMobile,i=n.onClose,r=n.onOtherSubmit;return p.default.createElement("div",{id:e,className:"lead-modal-wrapper","data-popup-url":location.pathname,"data-popup-type":"center_tab"},p.default.createElement("div",{className:"le-center-tab-popup"},p.default.createElement("div",{style:{position:"relative"}},p.default.createElement("a",{className:"js-popup-other-submit",href:t,target:a?"blank":"_parent",onClick:r},p.default.createElement("img",{className:"le-only-mobile",src:l}),p.default.createElement("img",{className:"le-only-desktop",src:o})),p.default.createElement(f,{onClose:i,containerClassName:"le-abs-outer-mobile-top-right-2",svgClassName:"le-mobile-btn"}))))},h=function(n){var e=n.popupId,t=n.url,a=n.title,o=n.urlText,l=n.titleAlign,i=n.subtitle,r=n.subtitleAlign,d=n.newTab,c=n.imageDesktop,s=n.imageMobile,m=n.onClose,u=n.onOtherSubmit;return p.default.createElement("div",{id:e,className:"lead-modal-wrapper lead-floating-wrapper","data-popup-url":location.pathname,"data-popup-type":"floating"},p.default.createElement("aside",{className:"le-only-desktop"},p.default.createElement("div",{className:"le-floating-desktop"},p.default.createElement("div",{className:"le-floating-desktop-wrap",style:{position:"relative",background:"#fff"}},c?p.default.createElement("div",null,p.default.createElement("img",{style:{maxWidth:120,borderTopLeftRadius:5,borderBottomLeftRadius:5},src:c})):null,p.default.createElement("div",{style:{padding:20}},p.default.createElement("div",{className:"le-floating-desktop-title le-text-align-".concat(l)},a),p.default.createElement("div",{className:"le-floating-desktop-desc le-text-align-".concat(r)},i)),p.default.createElement("a",{target:d?"blank":"_parent",style:{marginLeft:35,textDecoration:"none"},href:t},p.default.createElement("button",{className:"le-joinbow-floating-btn js-popup-other-submit",onClick:u},o)),p.default.createElement(f,{onClose:m,containerClassName:"le-abs-outer-top-right"})))),p.default.createElement("aside",{className:"le-only-mobile"},p.default.createElement("div",{className:"le-floating-mobile"},p.default.createElement("div",{className:"le-floating-mobile-wrap",style:{position:"relative",background:"#fff"}},p.default.createElement("aside",{style:{display:"flex",justifyContent:"space-between"}},p.default.createElement("div",null,p.default.createElement("div",{className:"le-floating-mobile-title le-text-align-".concat(l)},a),p.default.createElement("div",{className:"le-floating-mobile-desc le-text-align-".concat(r)},i)),s?p.default.createElement("div",null,p.default.createElement("img",{style:{marginLeft:15,marginTop:4,maxWidth:100},src:s})):null),p.default.createElement("div",{style:{textAlign:"center",marginTop:10}},p.default.createElement("a",{target:d?"blank":"_parent",href:t,style:{textDecoration:"none"}},p.default.createElement("button",{className:"le-joinbow-floating-btn js-popup-other-submit",onClick:u},o))),p.default.createElement(f,{onClose:m,containerClassName:"le-abs-outer-top-right",svgClassName:"le-mobile-btn"})))))},b=1,x=2,_="https://dev.leadgen.hellobacsi.com/",k=1,v=2,w="";_.includes("localhost")&&(_="https://dev.leadgen.hellobacsi.com/"),location.hostname.includes("marrybaby.vn")&&(w="pink");var y="https://"+location.hostname+location.pathname+location.search;y=y.toLowerCase(),sessionStorage.getItem("insider_object")&&(window.insider_object=JSON.parse(sessionStorage.getItem("insider_object")));var E={"vi-VN":{popupLang:"vi",countryCode:"vn",countryCodeNumber:84},"id-ID":{popupLang:"id",countryCode:"id",countryCodeNumber:62},"th-TH":{popupLang:"th",countryCode:"th",countryCodeNumber:66},"ms-MY":{popupLang:"ms",countryCode:"my",countryCodeNumber:60},"zh-TW":{popupLang:"zh",countryCode:"tw",countryCodeNumber:886},"km-KH":{popupLang:"km",countryCode:"kh",countryCodeNumber:855},"my-MM":{popupLang:"my",countryCode:"mm",countryCodeNumber:95},"hi-IN":{popupLang:"hi",countryCode:"in",countryCodeNumber:91}},C=E[document.documentElement.lang]\|\|E["vi-VN"];var N=e.createContext({}),B=function(t){var a,o,l,i=t.popupId,r=t.extraFields,c=t.onClose,s=t.onOtherSubmit,m=t.imageMobile,u=t.imageDesktop,f=t.imageBackground,g=t.currentLayout,h=t.title,b=t.onSubmit,x=d.useTranslations().t,_=JSON.parse(r.listBlockAdded),k=JSON.parse(r.actionBlocks),v=JSON.parse(r.textBlocks),y=e.useContext(N).apiUrl,E=k.submitBlock.data.url,B=k.submitBlock.data.text,S=k.submitBlock.data.text2,T=k.submitBlock.data.value,z=location.pathname,L=g.includes("Inline")\|\|"Sidebar"===g,j="Slider"===g,O=e.useState(!0),P=O[0],I=O[1];if(window.innerWidth<769&&["Fullscreen","Slider"].includes(g))return console.log("😎 Not show fullscreen, slider on mobile "),null;e.useEffect((function(){(g.includes("LightBox")\|\|"Fullscreen"==g)&&document.body.classList.add("noscroll")}),[]);var A=function(e,t){return n.__awaiter(void 0,void 0,void 0,(function(){return n.__generator(this,(function(n){switch(n.label){case 0:return t.target.validity.valueMissing?(t.target.setCustomValidity(x("validator.required")),[3,5]):[3,1];case 1:return t.target.validity.valid\|\|t.target.validity.customError?[3,2]:("tel"===e?t.target.setCustomValidity(x("validator.phone")):"date"===e?t.target.setCustomValidity(x("validator.date")):"email"===e&&t.target.setCustomValidity(x("validator.email")),[3,5]);case 2:return"tel"!==e?[3,4]:[4,require("intl-tel-input")];case 3:return n.sent().isValidNumber(String(t.target.value),C.countryCode)?t.target.setCustomValidity(""):t.target.setCustomValidity(x("validator.phone")),[3,5];case 4:t.target.setCustomValidity(""),n.label=5;case 5:return[2]}}))}))},q=e.useMemo((function(){var n={TextBlock:0,NumberBlock:0,EmailBlock:0,PhoneBlock:0,DateBlock:0,CheckboxBlock:0,RadioBlock:0};return _.map((function(e,t){var a,o;if("TitleBlock"==e.name)return p.default.createElement("h2",{key:t,className:"lead-modal__title ".concat("le-text-align-"+((null===(a=e.data)\|\|void 0===a?void 0:a.align)\|\|"")," ").concat(w)},e.data.value);if("SubtitleBlock"==e.name)return p.default.createElement("p",{key:t,className:"lead-modal__description ".concat("le-text-align-"+((null===(o=e.data)\|\|void 0===o?void 0:o.align)\|\|"")," ").concat(w)},e.data.value);if("TextBlock"==e.name)return n.TextBlock+=1,p.default.createElement("div",{key:t},p.default.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},p.default.createElement("input",{required:!0,"data-key":e.data.value,name:"text"+(n.TextBlock>1?n.TextBlock:""),spellCheck:!1,type:"text",placeholder:e.data.placeholder,className:"lead-modal__form-control width-100%",onChange:function(n){return A("text",n)}}),p.default.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(y,"admin/img/builder/text.svg")})));if("NumberBlock"==e.name){var l=p.default.createElement("div",{key:t},p.default.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},p.default.createElement("input",{required:!0,"data-key":e.data.value,name:"number"+(n.NumberBlock?n.NumberBlock:""),spellCheck:!1,type:"number",min:"0",placeholder:e.data.placeholder,className:"lead-modal__form-control width-100%",onChange:function(n){return A("number",n)}}),p.default.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(y,"admin/img/builder/number.svg")})));return n.NumberBlock+=1,l}if("EmailBlock"==e.name){l=p.default.createElement("div",{key:t},p.default.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},p.default.createElement("input",{required:!0,"data-key":e.data.value,name:"email"+(n.EmailBlock?n.EmailBlock:""),spellCheck:!1,type:"email",placeholder:e.data.placeholder,className:"lead-modal__form-control width-100%",onChange:function(n){return A("email",n)}}),p.default.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(y,"admin/img/builder/email.svg")})));return n.EmailBlock+=1,l}if("PhoneBlock"==e.name){l=p.default.createElement("div",{key:t},p.default.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},p.default.createElement("input",{required:!0,"data-key":e.data.value,name:"tel"+(n.PhoneBlock?n.PhoneBlock:""),spellCheck:!1,type:"tel",placeholder:e.data.placeholder,className:"lead-modal__form-control width-100%",onChange:function(n){return A("tel",n)}}),p.default.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(y,"admin/img/builder/tel.svg")})));return n.PhoneBlock+=1,l}if("DateBlock"==e.name){l=p.default.createElement("div",null,p.default.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},p.default.createElement("input",{required:!0,type:"date","data-key":e.data.value,name:"date"+(n.DateBlock?n.DateBlock:""),placeholder:e.data.placeholder,onClick:function(n){n.currentTarget.classList.remove("placeholderclass")},onBlur:function(n){n.currentTarget.value\|\|n.currentTarget.classList.add("placeholderclass")},className:"dateclass placeholderclass lead-modal__form-control width-100%",onChange:function(n){return A("date",n)}}),p.default.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(y,"admin/img/builder/date.svg")})));return n.DateBlock+=1,l}if("LinkButtonBlock"==e.name)return p.default.createElement("div",{key:t},p.default.createElement("a",{target:e.data.newtab?"blank":"parrent",href:e.data.url,style:{textDecoration:"none"}},p.default.createElement("button",{type:"button",className:"lead-modal__btn js-modal__close js-popup-other-submit ".concat(w),onClick:function(){null==c\|\|c(),null==s\|\|s()}},e.data.value)));if("CheckboxBlock"==e.name){var i=e.data,r=i.listQuestion,d=i.isSendMailChimp,m=void 0!==d&&d;l=p.default.createElement("div",{key:t,style:{margin:"5px 0"}},p.default.createElement("div",{className:"le-checkbox-title"},e.data.placeholder),p.default.createElement("div",{className:"mailchimp-".concat(e.data.value),"data-mailchimp":m}),r.map((function(t,a){return p.default.createElement("label",{key:a,className:"lead-checkbox-container"},p.default.createElement("input",{"data-key":e.data.value,name:"checkbox"+(n.CheckboxBlock?n.CheckboxBlock:"")+"[]",value:t.value,type:"checkbox",onChange:function(n){return A("checkbox",n)}}),p.default.createElement("span",{className:"lead-checkbox-checkmark"}),"$",t.placeholder)})));return n.CheckboxBlock+=1,l}if("RadioBlock"==e.name){r=e.data.listQuestion,l=p.default.createElement("div",{key:t,style:{margin:"5px 0"}},p.default.createElement("div",{className:"le-checkbox-title"},e.data.placeholder),r.map((function(t,a){return p.default.createElement("label",{className:"lead-radio-container",key:a},p.default.createElement("input",{"data-key":e.data.value,name:"radio"+(n.RadioBlock?n.RadioBlock:""),value:t.value,type:"radio",onChange:function(n){return A("radio",n)}}),p.default.createElement("span",{className:"lead-radio-checkmark"}),t.placeholder)})));return n.RadioBlock+=1,l}if("DropdownBlock"==e.name){r=e.data.listQuestion,l=p.default.createElement("div",{key:t,style:{margin:"5px 0"}},p.default.createElement("div",{className:"le-checkbox-title"},e.data.placeholder),p.default.createElement("div",{className:"le-newbuilder-select-wrapper"},p.default.createElement("select",{className:"le-newbuilder-select","data-key":e.data.value,name:"dropdown"+(n.DropdownBlock?n.DropdownBlock:"")},r.forEach((function(n,e){return p.default.createElement("option",{key:e,value:n.value},n.placeholder)})))));return n.DropdownBlock+=1,l}}))}),[]);return g.includes("LightBox")\|\|"Fullscreen"==g\|\|"Slider"==g?p.default.createElement(p.default.Fragment,null,p.default.createElement("style",{dangerouslySetInnerHTML:{__html:".le-newbuilder-overlay {\n background: url(".concat(m,") ;\n background-repeat: no-repeat;\n background-size: cover;\n }\n @media screen and (min-width:768px) {\n .le-newbuilder-overlay {\n background: url(").concat(u,") ;\n background-repeat: no-repeat;\n background-size: cover;\n }\n }")}}),p.default.createElement("div",{id:i,"data-popup-url":z,"data-popup-type":"lightbox-inline",className:"lead-modal lead-modal-wrapper modal--animate-scale ".concat(L?"le-buider-inline":""," ").concat(j?"le-buider-slider":"")},"Fullscreen"==g?p.default.createElement("img",{className:"le-only-desktop le-fullscreen-img",draggable:!1,src:f\|\|""}):null,p.default.createElement("div",{className:"lead-modal__wrapper le-newbuilder-wrap-".concat(g)},p.default.createElement("div",{className:"lead-modal__content le-newbuilder-".concat(g)},p.default.createElement("header",{className:"lead-modal__header"},["LightBoxA","InlineA","Sidebar","Slider"].includes(g)?m?p.default.createElement("img",{draggable:"false",className:"lead-modal__image lead-modal-image-cover",src:m,alt:""}):null:p.default.createElement(p.default.Fragment,null,u?p.default.createElement("img",{draggable:"false",className:"le-only-desktop lead-modal__image lead-modal-image-cover",style:{height:"100%",objectFit:"cover"},src:u,alt:""}):null,m?p.default.createElement("img",{draggable:"false",className:"le-only-mobile lead-modal__image lead-modal-image-cover",src:m,alt:""}):null)),p.default.createElement("div",{className:"lead-modal__body le-newbuilder-overlay"},p.default.createElement("form",{className:"lead-modal__form ".concat(i),onSubmit:b},p.default.createElement("div",{style:{marginBottom:20}},p.default.createElement("h2",{className:"lead-modal__title ".concat("le-text-align-"+(null===(a=v.titleBlock.data)\|\|void 0===a?void 0:a.align)," ").concat(w)},h),p.default.createElement("p",{className:"lead-modal__description ".concat("le-text-align-"+(null===(o=v.titleBlock.data)\|\|void 0===o?void 0:o.align)," ").concat(w)},v.subtitleBlock.data.value)),p.default.createElement("div",null,q),(null===(l=null==k?void 0:k.submitBlock)\|\|void 0===l?void 0:l.isHide)?null:p.default.createElement(p.default.Fragment,null,p.default.createElement("div",{className:"lead-modal__checkbox-wrapper ".concat(w)},p.default.createElement("div",{className:"lead-modal__checkbox"},p.default.createElement("input",{id:"lead-term-checkbox",className:"lead-modal__checkbox__input ".concat(w),type:"checkbox","aria-label":"Checkbox label",checked:P,onChange:function(n){return I(n.currentTarget.checked)}}),p.default.createElement("div",{className:"lead-modal__checkbox__control","aria-hidden":"true"})),p.default.createElement("label",{htmlFor:"checkbox",className:"lead-modal__checkbox__label"},B," ",p.default.createElement("span",{style:{fontWeight:"bold"}},p.default.createElement("a",{target:"blank",href:E\|\|"https://hellobacsi.com/chinh-sach",rel:"noopener noreferrer",style:{textDecoration:"none"}},S)))),p.default.createElement("button",{id:"lead-submit",type:"submit",className:"lead-modal__btn ".concat(w),disabled:!P}," ",T))))),p.default.createElement("button",{className:"lead-modal__close-btn ".concat("Fullscreen"==g?"lead-fullscreen-desktop-close-btn":""," js-modal__close ").concat(w),onClick:c},p.default.createElement("svg",{className:"lead-modal__close-icon",viewBox:"0 0 24 24"},p.default.createElement("g",{fill:"none",stroke:"currentColor",strokeMiterlimit:"10",strokeWidth:"2"},p.default.createElement("line",{x1:"3",y1:"3",x2:"21",y2:"21"}),p.default.createElement("line",{x1:"21",y1:"3",x2:"3",y2:"21"}))))))):null},S=function(n){var e=n.popupId,t=n.url,a=n.newTab,o=n.image,l=n.onClose,i=n.onOtherSubmit;return p.default.createElement("div",{id:e,className:"lead-modal-wrapper","data-popup-url":location.pathname,"data-popup-type":"tab"},p.default.createElement("div",{className:"le-tab-popup"},p.default.createElement("div",{style:{position:"relative"}},p.default.createElement("a",{href:t,target:a?"blank":"_parent",onClick:i},p.default.createElement("img",{className:"js-popup-other-submit",src:o})),p.default.createElement(f,{onClose:l,containerClassName:"le-abs-outer-mobile-top-right-2",svgClassName:"le-mobile-btn"}))))};var T,z=function(n){var t,a,o=n.campaign,i=n.action,c=n.onSubmit,s=n.onClose;d.useTranslations().t;var m=e.useContext(N),u=m.apiUrl,f=m.siteDomain;e.useEffect((function(){var n=l.getCookie("_ga")\|\|null;fetch("".concat(u,"api/campaign/").concat(k,"/impression"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:i,url:location.href.toLowerCase(),title_article:document.title,cookie_id:l.getCookie("hhg-id"),ga_client_id:n})})}),[]);var b=o.extra_fields,x=o.image,_=o.image_desktop,k=o.code,v=o.image_background,w=b.currentLayout,y=b.imageBlocks?JSON.parse(b.imageBlocks):{},E=JSON.parse(b.actionBlocks),C=JSON.parse(b.textBlocks),T=(null===(a=null===(t=null==C?void 0:C.titleBlock)\|\|void 0===t?void 0:t.data)\|\|void 0===a?void 0:a.value)\|\|"",z={1:{},2:{},3:{}},L=e.useRef("lead-modal-"+r.v1()),j=function(n){if(void 0===n&&(n="Xin chao {{category_2}} extra"),n.includes("{{category_")){var e="{{category_".length,t=n.search("{{category_");return+n.charAt(e+t)}return null}(T);if(j){console.log("⚡️ Has categoryLevel",j);var O=Array.from(document.getElementsByTagName("META")),P=O.find((function(n){return n.name==="content_category_".concat(j)})),I=O.find((function(n){return n.name==="content_category_en_".concat(j)}));if(!P\|\|!I)return console.log("⚡️ No META TAG for categoryLevel, not show popup",j),null;z[j]={value:P.content,value_en:I.content},T=T.replace("{{category_".concat(j,"}}"),P.content),console.log("⚡️ Set categoryData ",j)}else console.log("⚡️ No categoryLevel",j);var A=function(){var n,e,t,a;if(console.log("👌 Other submit click"),null==s\|\|s(),document.body.classList.remove("noscroll"),b.currentLayout.includes("Skin")){var i=document.querySelector("#masthead");i&&(i.style.top="0px !important;")}var r=Number(null!==(e=null===(n=o.rules.find((function(n){return"days_to_show_again"==n.rule})))\|\|void 0===n?void 0:n.value)&&void 0!==e?e:7),d=Number(null!==(a=null===(t=o.rules.find((function(n){return"show_again_after_submit"==n.rule})))\|\|void 0===t?void 0:t.value)&&void 0!==a?a:0);0===d&&(console.log("⛔ Popup never show again!"),l.setCookie("lead_submited_".concat(k),"target_".concat(b.popupVersion),{domain:"."+f,path:"/"})),1==d&&(console.log("⌛ Popup will show again after ".concat(r," days!")),l.setCookie("lead_submited_".concat(k),"target_".concat(b.popupVersion),{domain:"."+f,days:r,path:"/"}));var c=l.getCookie("_ga")\|\|null,p={url:location.href.toLowerCase(),title_article:document.title,meta:[],cookie_id:l.getCookie("hhg-id"),ga_client_id:c};j&&(p.category=z[j].value_en),fetch("".concat(u,"api/campaign/").concat(k,"/lead"),{method:"POST",body:JSON.stringify(p),headers:{"Content-Type":"application/json","X-Requested-With":"XMLHttpRequest"}}).then((function(n){return n.json()})).then((function(n){"error"===n.status&&console.log(n)})).catch((function(n){console.error("Error:",n)}))};return"CenterTab"===w?p.default.createElement(g,{popupId:L.current,url:y.imageMobile.data.url,newTab:y.imageMobile.data.newtab,imageMobile:x,imageDestkop:_,onClose:s,onOtherSubmit:A}):"Tab"===w?p.default.createElement(S,{popupId:L.current,url:y.imageMobile.data.url,newTab:y.imageMobile.data.newtab,image:x,onClose:s,onOtherSubmit:A}):"Floating"===w?p.default.createElement(h,{popupId:L.current,title:T,titleAlign:C.titleBlock.data.align,subtitle:C.subtitleBlock.data.value,subtitleAlign:C.subtitleBlock.data.align,url:E.linkButtonBlock.data.url,urlText:E.linkButtonBlock.data.value,newTab:E.linkButtonBlock.data.newtab,imageMobile:x,imageDesktop:_,onClose:s,onOtherSubmit:A}):w.includes("LightBox")\|\|w.includes("Inline")\|\|"Fullscreen"==w\|\|"Sidebar"==w\|\|"Slider"==w?p.default.createElement(B,{popupId:L.current,extraFields:b,onClose:s,onOtherSubmit:A,imageMobile:x,imageDesktop:_,imageBackground:v,currentLayout:w,title:T,onSubmit:function(n){return c(n,j,z,L.current)}}):null},L=function(t){var a=t.campaign,o=t.action,i=t.onSubmit,r=t.onClose,c=d.useTranslations().t,s=e.useState(!0),m=s[0],u=s[1];e.useEffect((function(){document.body.classList.add("noscroll");var n=l.getCookie("_ga")\|\|null;fetch("".concat(E,"api/campaign/").concat(h,"/impression"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:o\|\|"",url:location.href.toLowerCase(),title_article:document.title,cookie_id:l.getCookie("hhg-id"),ga_client_id:n})})}),[]);var f=a.extra_fields,g=a.image,h=a.code,b=f.title,x=f.desc,_=f.submit,k=f.popUpTermURL,v=f.popUpTermAgreeText,y=f.popUpTermText,E=e.useContext(N).apiUrl,B=f.fields?JSON.parse(f.fields):[],S={tel:0,text:0,date:0,email:0},T=function(e,t){return n.__awaiter(void 0,void 0,void 0,(function(){return n.__generator(this,(function(n){switch(n.label){case 0:return t.target.validity.valueMissing?(t.target.setCustomValidity(c("validator.required")),[3,5]):[3,1];case 1:return t.target.validity.valid\|\|t.target.validity.customError?[3,2]:("tel"===e?t.target.setCustomValidity(c("validator.phone")):"date"===e?t.target.setCustomValidity(c("validator.date")):"email"===e&&t.target.setCustomValidity(c("validator.email")),[3,5]);case 2:return"tel"!==e?[3,4]:[4,require("intl-tel-input")];case 3:return n.sent().isValidNumber(String(t.target.value),C.countryCode)?t.target.setCustomValidity(""):t.target.setCustomValidity(c("validator.phone")),[3,5];case 4:t.target.setCustomValidity(""),n.label=5;case 5:return[2]}}))}))},z=B.map((function(n,e){var t=p.default.createElement(p.default.Fragment,null);return t="date"==n.control?p.default.createElement("div",{key:e,className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},p.default.createElement("input",{required:!0,type:"date","data-key":n.listEdit[0].value,name:S.date?n.control+S.date:n.control,placeholder:n.listEdit[1].value\|\|"...",onClick:function(n){return n.currentTarget.classList.remove("placeholderclass")},onBlur:function(n){return!n.currentTarget.value&&n.currentTarget.classList.add("placeholderclass")},className:"dateclass placeholderclass lead-modal__form-control width-100%",onChange:function(e){return T(n.control,e)}}),p.default.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(E,"admin/img/builder/").concat(n.name,".svg")})):p.default.createElement("div",{key:e,className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},p.default.createElement("input",{required:!0,"data-key":n.listEdit[0].value,name:S[n.control]?n.control+S[n.control]:n.control,spellCheck:!1,type:n.control,placeholder:n.listEdit[1].value\|\|"...",className:"lead-modal__form-control width-100%",onChange:function(e){return T(n.control,e)}}),p.default.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(E,"admin/img/builder/").concat(n.name,".svg")})),"date"==n.control&&(S.date+=1),"text"==n.control&&(S.text+=1),"tel"==n.control&&(S.tel+=1),"email"==n.control&&(S.email+=1),t}));return p.default.createElement("div",{id:"lead-modal",className:"lead-modal modal--animate-scale"},p.default.createElement("div",{className:"lead-modal__wrapper animate__animated "},p.default.createElement("div",{className:"lead-modal__content"},p.default.createElement("header",{className:"lead-modal__header"},!!g&&p.default.createElement("img",{className:"lead-modal__image lead-modal-image-cover",src:g,alt:""})),p.default.createElement("div",{className:"lead-modal__body"},p.default.createElement("h2",{className:"lead-modal__title ".concat(w)},b),p.default.createElement("p",{className:"lead-modal__description ".concat(w)},x),p.default.createElement("form",{className:"lead-modal__form",onSubmit:function(n){n.preventDefault(),i(n)}},z,p.default.createElement("div",{className:"lead-modal__checkbox-wrapper ".concat(w)},p.default.createElement("div",{className:"lead-modal__checkbox"},p.default.createElement("input",{id:"lead-term-checkbox",className:"lead-modal__checkbox__input ".concat(w),type:"checkbox","aria-label":"Checkbox label",checked:m,onChange:function(n){return u(n.currentTarget.checked)}}),p.default.createElement("div",{className:"lead-modal__checkbox__control","aria-hidden":"true"})),p.default.createElement("label",{htmlFor:"checkbox",className:"lead-modal__checkbox__label"},v," ",p.default.createElement("span",{style:{fontWeight:"bold"}},p.default.createElement("a",{target:"blank",href:k\|\|"https://hellobacsi.com/chinh-sach",style:{textDecoration:"none"},rel:"noopener noreferrer"},y)))),p.default.createElement("button",{id:"lead-submit",type:"submit",className:"lead-modal__btn ".concat(w),disabled:!m},_)))),p.default.createElement("button",{className:"lead-modal__close-btn js-modal__close ".concat(w),onClick:r},p.default.createElement("svg",{className:"lead-modal__close-icon",viewBox:"0 0 24 24"},p.default.createElement("title",null,"Close modal window"),p.default.createElement("g",{fill:"none",stroke:"currentColor",strokeMiterlimit:"10",strokeWidth:"2"},p.default.createElement("line",{x1:"3",y1:"3",x2:"21",y2:"21"}),p.default.createElement("line",{x1:"21",y1:"3",x2:"3",y2:"21"}))))))},j=function(n){var e=n.campaign,t=n.action,a=n.onSubmit,o=n.onClose;return e.extra_fields?"2.1"==e.extra_fields.popupVersion?p.default.createElement(z,{campaign:e,action:t,onSubmit:a,onClose:o}):p.default.createElement(L,{campaign:e,action:t,onSubmit:a,onClose:o}):null},O={"validator.required":"This field is required.","validator.remote":"Please fix this field.","validator.email":"Please enter a valid email address.","validator.phone":"Please input correct phone number.","validator.url":"Please enter a valid URL.","validator.date":"Please enter a valid date.","validator.dateISO":"Please enter a valid date (ISO).","validator.number":"Please enter a valid number.","validator.digits":"Please enter only digits.","validator.creditcard":"Please enter a valid credit card number.","validator.equalTo":"Please enter the same value again.","validator.accept":"Please enter a value with a valid extension.","validator.maxlength":"jQuery.validator.format('Please enter no more than {0} characters.","validator.minlength":"jQuery.validator.format('Please enter at least {0} characters.","validator.rangelength":"jQuery.validator.format('Please enter a value between {0} and {1} characters long.","validator.range":"jQuery.validator.format('Please enter a value between {0} and {1}.","validator.max":"jQuery.validator.format('Please enter a value less than or equal to {0}.","validator.min":"jQuery.validator.format('Please enter a value greater than or equal to {0}."},P={"en-PH":O,"vi-VN":{"validator.required":"Vui lòng điền mục này","validator.email":"Vui lòng điền email có thật.","validator.number":"Vui lòng điền số có thật","validator.digits":"Vui lòng chỉ điền số","validator.maxlength":"Vui lòng điền dưới {0} số","validator.minlength":"Vui lòng điền hơn {0} số","validator.remote":"Hãy sửa cho đúng.","validator.url":"Hãy nhập URL.","validator.date":"Hãy nhập ngày.","validator.dateISO":"Hãy nhập ngày (ISO).","validator.creditcard":"Hãy nhập số thẻ tín dụng.","validator.equalTo":"Hãy nhập thêm lần nữa.","validator.extension":"Phần mở rộng không đúng.","validator.rangelength":"Hãy nhập từ {0} đến {1} kí tự.","validator.range":"Hãy nhập từ {0} đến {1}.","validator.max":"Hãy nhập từ {0} trở xuống.","validator.min":"Hãy nhập từ {0} trở lên.","validator.phone":"Nhập đúng định dạng số điện thoại"},"hi-IN":{"validator.required":"इस क्षेत्र की आवश्यकता है।","validator.email":"कृपया एक मान्य ईमेल पता दर्ज करें","validator.number":"कृपया एक वैध संख्या दर्ज करें","validator.digits":"कृपया केवल अंक दर्ज करें","validator.maxlength":"कृपया {0} अक्षर से अधिक दर्ज न करें","validator.minlength":"कृपया कम से कम {0} अक्षर दर्ज करें","validator.phone":"कृपया एक वैध संख्या दर्ज करें"},"id-ID":{"validator.required":"Kolom ini wajib diisi","validator.email":"Tolong daftarkan email yang valid","validator.number":"Tolong daftarkan nomor telepon yang valid","validator.digits":"Tolong masukkan angka saja","validator.maxlength":"Jangan memasukkan lebih dari {0} karakter","validator.minlength":"Tolong ketik sedikitnya {0} karakter","validator.phone":"Tolong daftarkan nomor telepon yang valid"},"ms-MY":{"validator.required":"Bahagian ini wajib diisi.","validator.email":"Sila masukkan alamat emel yang sah.","validator.number":"Sila masukkan no telefon yang sah.","validator.digits":"Sila masukkan nombor digit sahaja.","validator.maxlength":"Sila masukkan tidak lebih dari {0} aksara","validator.minlength":"Sila masukkan sekurang-kurangnya {0} aksara","validator.phone":"Sila masukkan no telefon yang sah."},"my-MM":{"validator.required":"ဒီနေရာမှာ ဖြည့်ဖို့ လိုအပ်ပါတယ်","validator.email":"မှန်ကန်သော အီးမေးလ်လိပ်စာထည့်သွင်းပါ","validator.number":"မှန်ကန်သော ဖုန်းနံပါတ်ထည့်သွင်းပါ","validator.digits":"နံပါတ်များသာဖြည့်ပါ","validator.maxlength":"ကျေးဇူးပြု၍ {0} ထပ်မပိုသော ဂဏန်းများသာဖြည့်ပါ","validator.minlength":"ကျေးဇူးပြု၍ အနည်းဆုံး {0} ဂဏန်းဖြည့်ပါ","validator.phone":"မှန်ကန်သော ဖုန်းနံပါတ်ထည့်သွင်းပါ"},"km-KH":{"validator.required":"ព័ត៌មានចាំបាច់ដែលត្រូវបំពេញ","validator.email":"សូមវាយអាសយដ្ឋានអ៊ីម៉ែលឲ្យបានត្រឹមត្រូវ","validator.number":"សូមវាយបញ្ចូលលេខឲ្យបានត្រឹមត្រូវ","validator.digits":"វាយបញ្ចូលបានតែលេខប៉ុណ្ណោះ","validator.maxlength":"សូមវាយបញ្ចូលកុំឲ្យលើស {0} តួអក្សរ","validator.minlength":"សូមវាយបញ្ចូលតិចបំផុត {0} តួអក្ស","validator.phone":"សូមវាយបញ្ចូលលេខឲ្យបានត្រឹមត្រូវ"},"zh-TW":{"validator.required":"此為必填欄位","validator.email":"請填入有效的 email 地址","validator.number":"請填入有效的電話號碼","validator.digits":"此欄位僅能輸入數字","validator.maxlength":"請輸入少於 {0} 位數","validator.minlength":"請輸入至少 {0} 位數","validator.phone":"請填入有效的電話號碼"},"th-TH":{"validator.required":"ต้องระบุข้อมูลในช่องนี้","validator.email":"กรุณาใส่อีเมล์ที่ถูกต้อง","validator.number":"กรุณาใส่ตัวเลขที่ถูกต้อง","validator.digits":"กรุณาส่เฉพาะตัวเลข","validator.maxlength":"กรุณาใส่ตัวเลขมากกว่า {0} หลัก","validator.minlength":"กรุณาใส่ตัวเลขอย่างน้อย {0} หลัก","validator.phone":"กรุณาใส่ตัวเลขที่ถูกต้อง"},"tl-PH":O},I=function(n){var e=P[n];return e\|\|P["en-PH"]},A=u.default.div(T\|\|(T=n.__makeTemplateObject(["\n /* lead-modal : start /\n .lead-modal {\n font-family: 'Open sans', sans-serif !important;\n position: fixed;\n z-index: 99999;\n width: 100%;\n height: 100%;\n left: 0;\n top: 0;\n opacity: 1;\n visibility: visible;\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: transparent;\n padding: 10px;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n white-space: normal !important;\n }\n\n .lead-modal__wrapper {\n position: relative;\n width: 100%;\n max-width: 450px;\n background-color: #fff;\n border-radius: 6px;\n box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);\n }\n\n .lead-modal__content {\n width: inherit;\n overflow: auto;\n / min-height: 400px; /\n max-height: calc(100vh - 125px);\n -webkit-overflow-scrolling: touch;\n }\n\n .lead-modal__header {\n padding: 0px 0px;\n }\n\n .lead-modal__image {\n display: block;\n margin: 0 auto;\n border: none !important;\n box-shadow: none !important;\n }\n .lead-modal-image-logo {\n margin-top: 15px;\n margin-bottom: 15px;\n }\n\n .lead-modal-image-cover {\n width: 100% !important;\n padding: 0 0px;\n border-top-left-radius: 4px;\n border: none !important;\n box-shadow: none !important;\n margin: 0 !important;\n }\n\n .lead-modal__image + .lead-modal__image {\n / margin-top: 10px; /\n / border-radius: 4px; /\n }\n\n .lead-modal__body {\n font-family: 'Open sans', sans-serif !important;\n padding: 15px 15px 25px 15px;\n }\n\n .lead-modal__title {\n font-family: 'Open sans', sans-serif !important;\n font-size: 20px !important;\n font-weight: bold !important;\n font-stretch: normal !important;\n font-style: normal !important;\n line-height: 1.3 !important;\n letter-spacing: -0.4px !important;\n color: #2a4975 !important;\n box-shadow: none !important;\n padding-bottom: 0 !important;\n }\n\n .lead-modal__title.pink {\n color: #2661ad !important;\n }\n\n .lead-modal__description {\n font-family: 'Open sans', sans-serif !important;\n font-size: 13px !important;\n font-weight: normal !important;\n font-stretch: normal !important;\n font-style: normal !important;\n line-height: 1.62 !important;\n letter-spacing: 0.14px !important;\n color: #2c87f3 !important;\n margin-top: 10px !important;\n }\n\n .lead-modal__description.pink {\n color: #3e3f58 !important;\n }\n\n .lead-modal__form-control-wrapper {\n margin-top: 10px;\n margin-left: 0px !important;\n position: relative;\n }\n\n .lead-modal__form-control {\n box-shadow: none !important;\n height: 40px !important;\n width: 100%;\n padding-left: calc(15px + 1.5em + 15px) !important;\n background-color: #fff !important;\n padding-top: 10px !important;\n padding-bottom: 10px !important;\n padding-right: 15px !important;\n border: solid 1px #dddddd !important;\n color: #2a4975 !important;\n line-height: 1.7em !important;\n border-radius: 0 !important;\n font-family: 'Open Sans', sans-serif !important;\n background-image: linear-gradient(transparent, transparent) !important;\n margin-left: 0px !important;\n font-size: 14px !important;\n line-height: 14px !important;\n }\n\n .lead-modal__form-control {\n &:focus {\n border-color: var(--color-primary);\n box-shadow: 0px 0px 0px 3px rgba(44, 135, 243, 0.1);\n outline: none;\n }\n\n &::-webkit-input-placeholder {\n / Chrome, Firefox, Opera, Safari 10.1+ /\n color: #b5b5b5;\n }\n\n &::-moz-placeholder {\n color: #b5b5b5;\n }\n\n &:-ms-input-placeholder {\n color: #b5b5b5;\n }\n\n &::-ms-input-placeholder {\n color: #b5b5b5;\n }\n\n &::placeholder {\n color: #b5b5b5;\n }\n }\n\n img.lead-modal__form-control-icon {\n display: inline-block !important;\n color: #b5b5b5 !important;\n fill: #b5b5b5 !important;\n line-height: 1 !important;\n flex-shrink: 0 !important;\n max-width: initial !important;\n display: block !important;\n position: absolute !important;\n pointer-events: none !important;\n left: 15px !important;\n top: 10px !important;\n height: 20px !important;\n width: 20px !important;\n border: none !important;\n margin: 0 !important;\n }\n\n .lead-modal__checkbox-wrapper {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n align-items: center;\n margin-top: 15px;\n a {\n color: #2c87f3 !important;\n text-decoration: none !important;\n }\n\n a:visited {\n color: #2c87f3 !important;\n }\n &.pink a,\n &.pink a:visited {\n color: #e55c8a !important;\n }\n }\n\n .lead-modal__checkbox {\n position: relative;\n z-index: 1;\n display: inline-block;\n font-size: 20px;\n }\n\n .lead-modal__checkbox__input {\n position: relative;\n margin: 0 !important;\n padding: 0;\n opacity: 0;\n height: 1em !important;\n width: 1em !important;\n display: block;\n z-index: 1;\n font-size: 1em !important;\n }\n\n .lead-modal__checkbox__control {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n z-index: -1;\n pointer-events: none;\n transition: transform 0.2s;\n color: #dddddd;\n &::before,\n &::after {\n content: '';\n position: absolute;\n }\n\n &::before {\n width: 120%;\n height: 120%;\n background-color: currentColor;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%) scale(0);\n opacity: 0;\n border-radius: 50%;\n will-change: transform;\n transition: transform 0.2s;\n }\n\n &::after {\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: #fff;\n border-radius: 6px;\n -webkit-box-shadow: inset 0 0 0 1px #dddddd;\n box-shadow: inset 0 0 0 1px #dddddd;\n }\n\n &:focus::after {\n box-shadow: inset 0 0 0 1px #2c87f3;\n }\n }\n\n .lead-modal__checkbox__input:checked ~ .lead-modal__checkbox__control::after,\n .lead-modal__checkbox__input:indeterminate\n ~ .lead-modal__checkbox__control::after {\n background-color: currentColor;\n background-repeat: no-repeat;\n background-position: center;\n background-size: 18px;\n box-shadow: none;\n }\n\n .lead-modal__checkbox__input:checked ~ .lead-modal__checkbox__control {\n color: #2c87f3;\n }\n\n .lead-modal__checkbox__input:checked ~ .lead-modal__checkbox__control::after {\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpolyline points='2.5 8 6.5 12 13.5 3' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/svg%3E\");\n }\n\n .lead-modal__checkbox__input:indeterminate ~ .lead-modal__checkbox__control {\n color: var(--custom-checkbox-color-disabled);\n }\n\n .lead-modal__checkbox__input:indeterminate\n ~ .lead-modal__checkbox__control::after {\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cline x1='2' y1='8' x2='14' y2='8' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E\");\n }\n\n .lead-modal__checkbox__input:active ~ .lead-modal__checkbox__control {\n transform: scale(0.9);\n }\n\n .lead-modal__checkbox__input:checked:active ~ .lead-modal__checkbox__control,\n .lead-modal__checkbox__input:indeterminate:active\n ~ .lead-modal__checkbox__control {\n transform: scale(1);\n }\n\n .lead-modal__checkbox__input:focus ~ .lead-modal__checkbox__control::before {\n opacity: 0.2;\n transform: translate(-50%, -50%) scale(1);\n }\n\n .lead-modal__checkbox__input.pink ~ .lead-modal__checkbox__control::after {\n border-radius: 50% !important;\n }\n\n .lead-modal__checkbox__input.pink:checked ~ .lead-modal__checkbox__control {\n color: #2661ad;\n }\n\n .lead-modal__checkbox__input.pink:checked\n ~ .lead-modal__checkbox__control::after,\n .lead-modal__checkbox__input.pink:indeterminate\n ~ .lead-modal__checkbox__control::after {\n background-size: 12px;\n }\n\n .lead-modal__checkbox__label {\n / font-family: OpenSans; /\n font-size: 13px;\n font-stretch: normal;\n font-style: normal;\n line-height: normal;\n letter-spacing: 0.14px;\n color: #969696;\n margin-left: 10px;\n margin-bottom: 0 !important;\n }\n\n .lead-modal__btn {\n display: block;\n width: 100%;\n border: none;\n color: #fff;\n padding: 12px 10px;\n font-weight: 700;\n text-align: center;\n margin-top: 15px;\n border-radius: 4px;\n background-color: #2699fb;\n transition: all 0.2s ease-in-out;\n text-shadow: none !important;\n box-shadow: none !important;\n font-family: 'Open sans', sans-serif !important;\n font-size: 14px;\n cursor: pointer !important;\n &:hover,\n &:active {\n background-color: #337eff;\n }\n\n &.pink {\n background-color: #e55c8a;\n }\n\n &.pink:hover {\n background-color: #b4466a;\n }\n }\n\n .lead-modal__close-btn {\n position: absolute;\n padding-top: 5px;\n top: -15px;\n right: -10px;\n width: 35px;\n height: 35px;\n box-shadow: -2px 4px 4px 0 rgba(191, 191, 191, 0.44) !important;\n text-shadow: none !important;\n background-color: #005cfd;\n border-radius: 50%;\n line-height: inherit;\n appearance: none;\n border: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.2s ease-in-out;\n outline: none;\n z-index: 1;\n padding: 5px 13px !important;\n cursor: pointer !important;\n &:hover,\n &:active {\n background-color: #337eff;\n }\n\n &.pink {\n background-color: #fff;\n }\n\n &.pink .lead-modal__close-icon {\n color: #000;\n }\n\n &.pink:hover .lead-modal__close-icon {\n color: #e55c8a;\n transition: 0.3s all ease;\n }\n }\n\n .lead-modal__close-icon {\n display: inline-block;\n color: #fff;\n fill: #fff;\n height: 1em;\n width: 1em;\n line-height: 1;\n flex-shrink: 0;\n max-width: initial;\n transition: 0.3s all ease;\n }\n\n .lead-modal__thank-you {\n padding: 0 15px;\n display: flex;\n align-items: center;\n justify-content: center;\n height: inherit;\n text-align: center;\n min-height: 400px;\n h1 {\n margin-top: 10px;\n font-size: 32px;\n font-weight: normal;\n font-stretch: normal;\n font-style: normal;\n line-height: normal;\n letter-spacing: -0.23px;\n color: #1b3250;\n }\n\n p {\n margin-top: 5px;\n font-size: 16px;\n font-weight: normal;\n font-stretch: normal;\n font-style: normal;\n line-height: normal;\n letter-spacing: -0.11px;\n color: #1b3250;\n }\n img {\n max-width: 100% !important;\n border: none !important;\n width: auto !important;\n margin: 0 auto !important;\n }\n\n &.hidden {\n display: none;\n }\n }\n\n / lead-modal : end /\n\n .modal__container {\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n z-index: 1000000000000;\n pointer-events: none;\n overflow-y: scroll;\n }\n\n .modal__content {\n position: relative;\n width: 80vw;\n margin: auto 0;\n }\n\n / Make clicks pass-through /\n #nprogress {\n pointer-events: none;\n }\n\n #nprogress .bar {\n background: #223bdd;\n\n position: fixed;\n z-index: 1031;\n top: 0;\n left: 0;\n\n width: 100%;\n height: 2px;\n }\n\n / Fancy blur effect /\n #nprogress .peg {\n display: block;\n position: absolute;\n right: 0px;\n width: 100px;\n height: 100%;\n box-shadow: 0 0 10px #29d, 0 0 5px #29d;\n opacity: 1;\n transform: rotate(3deg) translate(0px, -4px);\n }\n\n / Remove these to get rid of the spinner /\n #nprogress .spinner {\n display: block;\n position: fixed;\n z-index: 1031;\n top: 15px;\n right: 15px;\n }\n\n #nprogress .spinner-icon {\n width: 18px;\n height: 18px;\n box-sizing: border-box;\n\n border: solid 2px transparent;\n border-top-color: #29d;\n border-left-color: #29d;\n border-radius: 50%;\n\n -webkit-animation: nprogress-spinner 400ms linear infinite;\n animation: nprogress-spinner 400ms linear infinite;\n }\n\n .nprogress-custom-parent {\n overflow: hidden;\n position: relative;\n }\n\n .nprogress-custom-parent #nprogress .spinner,\n .nprogress-custom-parent #nprogress .bar {\n position: absolute;\n }\n\n @-webkit-keyframes nprogress-spinner {\n 0% {\n -webkit-transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n }\n }\n @keyframes nprogress-spinner {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n\n .lead-modal__btn:disabled {\n background: #d5d5d5 !important;\n }\n\n .dateclass {\n width: 100%;\n }\n\n .dateclass.placeholderclass::before {\n width: 100%;\n content: attr(placeholder);\n color: #b8b8b8;\n }\n\n .dateclass.placeholderclass:hover::before {\n width: 0%;\n content: '';\n }\n\n / Change Autocomplete styles in Chrome/\n .lead-modal input:-webkit-autofill,\n .lead-modal input:-webkit-autofill:hover,\n .lead-modal input:-webkit-autofill:focus,\n .lead-modal textarea:-webkit-autofill,\n .lead-modal textarea:-webkit-autofill:hover,\n .lead-modal textarea:-webkit-autofill:focus,\n .lead-modal select:-webkit-autofill,\n .lead-modal select:-webkit-autofill:hover,\n .lead-modal select:-webkit-autofill:focus {\n -webkit-box-shadow: 0 0 0 1000px white inset !important;\n -webkit-text-fill-color: #2a4975;\n }\n\n .lead-modal label.error {\n font-size: 13px;\n color: #fa140f;\n margin-bottom: 0;\n margin-left: 0px !important;\n line-height: 1.65 !important;\n width: 100%;\n display: block;\n }\n\n / === Lead gen wrapper === /\n .le-text-align-center {\n text-align: center !important;\n }\n .le-text-align-left {\n text-align: left !important;\n }\n .le-text-align-right {\n text-align: right !important;\n }\n\n .le-only-desktop {\n display: none !important;\n }\n .le-only-mobile {\n display: block !important;\n }\n\n .le-only-desktop a {\n text-decoration: none !important;\n }\n\n .le-only-mobile a {\n text-decoration: none !important;\n }\n\n @media screen and (min-width: 992px) {\n .le-newbuilder-LightBoxB,\n .le-newbuilder-InlineB {\n display: flex !important;\n }\n\n .le-newbuilder-LightBoxB .lead-modal__header,\n .le-newbuilder-InlineB .lead-modal__header {\n max-width: 50%;\n }\n }\n\n @media screen and (min-width: 768px) {\n .le-only-desktop {\n display: block !important;\n }\n\n .le-only-mobile {\n display: none !important;\n }\n\n .le-newbuilder-LightBoxB .lead-modal__body,\n .le-newbuilder-InlineB .lead-modal__body {\n flex: 1;\n }\n\n .le-newbuilder-wrap-LightBoxB {\n max-width: 720px !important;\n }\n .le-newbuilder-wrap-InlineB {\n max-width: 100% !important;\n }\n .le-newbuilder-LightBoxB .le-only-desktop.lead-modal-image-cover {\n max-width: 400px !important;\n }\n }\n\n .lead-modal__title {\n margin: 7px 0 !important;\n }\n\n .lead-modal__description {\n margin: 0;\n }\n\n .lead-modal-image-cover,\n .lead-modal__wrapper {\n border-radius: 0px !important;\n }\n\n .lead-modal__form {\n margin: 0;\n display: block !important;\n }\n\n .lead-modal__image + .lead-modal__image {\n margin-top: 0px;\n }\n\n .lead-modal__thank-you {\n width: 100%;\n }\n\n / Skins /\n .le-skin-a-desktop {\n position: fixed;\n z-index: 99999;\n top: 0;\n left: 0;\n height: 100%;\n display: flex;\n align-items: center;\n }\n\n .le-skin-b-desktop {\n }\n\n .le-join-now {\n }\n\n .le-joinbow-btn {\n background: #2c87f3;\n color: #ffffff;\n font-size: 16px;\n text-align: center;\n outline: none !important;\n box-shadow: none !important;\n padding: 12px 30px;\n border: none !important;\n border: 1px solid transparent !important;\n cursor: pointer !important;\n }\n .le-joinbow-btn:hover {\n border: 1px solid white !important;\n }\n\n .le-joinbow-btn-mobile {\n background: #2c87f3;\n color: #ffffff;\n font-size: 14px;\n text-align: center;\n outline: none !important;\n box-shadow: none !important;\n padding: 12px 30px;\n border: none !important;\n }\n\n .le-newbuilder-close-svg {\n border-radius: 50%;\n width: 35px;\n height: 35px;\n background: #005cfd;\n cursor: pointer !important;\n }\n .le-mobile-btn {\n width: 24px;\n height: 24px;\n }\n\n .le-newbuilder-close-button {\n padding: 0;\n background: transparent;\n box-shadow: none;\n border: none;\n width: auto !important;\n cursor: pointer !important;\n }\n .le-abs-top-right {\n position: absolute;\n right: 10px;\n top: 10px;\n }\n\n .le-abs-outer-top-right {\n position: absolute;\n right: 0px;\n top: -45px;\n }\n\n / Skin floating /\n .le-floating-desktop {\n position: fixed;\n bottom: 40px;\n left: 25px;\n z-index: 9999;\n }\n\n .le-floating-desktop-wrap {\n background: #fff;\n backdrop-filter: blur(30px);\n box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);\n padding: 0px;\n padding-right: 30px;\n border-radius: 5px;\n display: flex;\n align-items: center;\n }\n\n .le-floating-desktop-title {\n font-size: 20px;\n font-weight: bold;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.5;\n letter-spacing: normal;\n color: #2a4975;\n max-width: 530px;\n }\n .le-floating-desktop-desc {\n font-size: 13px;\n font-weight: normal;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.65;\n letter-spacing: normal;\n color: #2699fb;\n max-width: 530px;\n }\n\n .le-joinbow-floating-btn {\n background: #2c87f3;\n color: #ffffff;\n font-size: 14px;\n text-align: center;\n outline: none !important;\n box-shadow: none !important;\n padding: 12px 40px;\n border: none !important;\n border: 1px solid transparent !important;\n font-weight: 500;\n cursor: pointer !important;\n }\n\n / // Floating mobile /\n .le-floating-mobile {\n position: fixed;\n bottom: 0px;\n left: 0px;\n width: 100%;\n z-index: 9999;\n }\n .le-abs-outer-mobile-top-right {\n position: absolute;\n right: 2px;\n top: -30px;\n }\n\n .le-floating-mobile-wrap {\n background: #fff;\n box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);\n padding: 10px 15px;\n }\n .le-floating-mobile-title {\n font-size: 18px;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.5;\n letter-spacing: normal;\n color: #2a4975;\n font-weight: 600;\n }\n .le-floating-mobile-desc {\n font-size: 12px;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.65;\n letter-spacing: normal;\n color: #2699fb;\n }\n\n / // Tab popup /\n .le-tab-popup {\n position: fixed;\n bottom: 15px;\n left: 15px;\n max-width: 150px;\n }\n .le-abs-outer-mobile-top-right-2 {\n position: absolute;\n right: -12px;\n top: -15px;\n }\n\n .le-center-tab-popup {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n z-index: 99999999 !important;\n width: calc(100% - 40px);\n max-width: 400px;\n }\n\n .le-center-tab-popup img {\n max-width: 100% !important;\n }\n\n / // Popup /\n .le-checkbox-title {\n font-size: 15px;\n font-weight: bold;\n font-stretch: normal;\n font-style: normal;\n color: #2a4975;\n margin: 13px 0 !important;\n / line-height: 1.65 !important; /\n }\n\n / Checkbox /\n .lead-checkbox-container {\n position: relative;\n display: flex;\n align-items: center;\n cursor: pointer;\n font-size: 14px;\n line-height: 1.65;\n margin: 10px 0;\n }\n\n .lead-checkbox-checkmark {\n display: inline-block;\n height: 24px;\n border: solid 1px #d0d0d0;\n vertical-align: middle;\n margin-right: 8px;\n position: relative;\n border-radius: 4px;\n flex: 0 0 24px;\n }\n\n .lead-checkbox-container input {\n position: absolute;\n opacity: 0;\n top: 0;\n left: 0;\n }\n\n .lead-checkbox-checkmark::after {\n position: absolute;\n content: '';\n }\n\n .lead-checkbox-container input:checked ~ .lead-checkbox-checkmark {\n background: #337eff;\n border: solid 1px #337eff;\n }\n\n .lead-checkbox-container input:checked ~ .lead-checkbox-checkmark::after {\n left: 8px;\n top: 3px;\n width: 7px;\n height: 12px;\n border: solid white;\n border-width: 0 2px 2px 0;\n transform: rotate(45deg);\n }\n / End checkbox /\n\n .le-fullscreen-img {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n\n @media screen and (min-width: 768px) {\n .lead-fullscreen-desktop-close-btn {\n position: fixed;\n top: 27px;\n right: 23px;\n }\n }\n\n / // Inline /\n .lead-modal.le-buider-inline {\n position: static;\n display: block;\n padding: 20px 0;\n height: initial !important;\n padding-top: 10px;\n }\n\n .lead-modal.le-buider-inline .lead-modal__wrapper {\n box-shadow: none;\n border: 1px solid #ddd;\n }\n .lead-modal.le-buider-inline .lead-modal__content {\n max-height: initial !important;\n }\n .lead-modal.le-buider-inline .lead-modal__content .lead-modal__header img {\n / height: auto !important; /\n object-fit: fill;\n }\n\n .le-thankyou-title {\n font-size: 24px !important;\n margin-bottom: 8px !important;\n color: #2a4975 !important;\n }\n\n .le-thankyou-subtitle {\n font-size: 14px !important;\n color: #2699fb !important;\n margin: 0 !important;\n }\n\n / Radio /\n .lead-radio-container {\n position: relative;\n display: flex;\n align-items: center;\n cursor: pointer;\n font-size: 14px;\n line-height: 1.65;\n margin: 10px 0;\n }\n\n .lead-radio-checkmark {\n display: inline-block;\n height: 24px;\n border: solid 1px #d0d0d0;\n vertical-align: middle;\n margin-right: 8px;\n position: relative;\n border-radius: 50%;\n flex: 0 0 24px;\n }\n\n .lead-radio-container input {\n position: absolute;\n opacity: 0;\n top: 0;\n left: 0;\n }\n\n .lead-radio-checkmark::after {\n position: absolute;\n content: '';\n }\n\n .lead-radio-container input:checked ~ .lead-radio-checkmark {\n background: #337eff;\n border: solid 1px #337eff;\n }\n\n .lead-radio-container input:checked ~ .lead-radio-checkmark::after {\n left: 50%;\n top: 50%;\n width: 8px;\n height: 8px;\n background: #fff;\n border-radius: 50%;\n transform: translate(-50%, -50%);\n }\n / End Radio /\n\n / Dropdown /\n .le-newbuilder-select {\n width: 100%;\n padding: 12px;\n border-radius: 4px;\n border: solid 1px #d0d0d0;\n outline: none;\n appearance: none;\n font-size: 15px;\n padding-right: 35px;\n }\n .le-newbuilder-select-wrapper {\n position: relative;\n }\n .le-newbuilder-select-wrapper::after {\n content: '';\n position: absolute;\n right: 15px;\n top: 18px;\n transform: rotate(45deg);\n width: 10px;\n height: 10px;\n border: 2px solid #616060;\n border-left: transparent;\n border-top: transparent;\n }\n / End Dropdown /\n\n .le-buider-slider {\n width: 420px;\n height: auto;\n bottom: 15px;\n top: unset;\n left: -200px;\n animation: le-builder-slide 0.5s forwards;\n }\n\n @keyframes le-builder-slide {\n 100% {\n left: 15px;\n }\n }\n\n @media screen and (max-width: 768px) {\n .le-buider-slider,\n .le-buider-fullscreen {\n display: none !important;\n }\n }\n\n .le-skin-mobile {\n margin-top: 64px;\n }\n"],["\n / lead-modal : start /\n .lead-modal {\n font-family: 'Open sans', sans-serif !important;\n position: fixed;\n z-index: 99999;\n width: 100%;\n height: 100%;\n left: 0;\n top: 0;\n opacity: 1;\n visibility: visible;\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: transparent;\n padding: 10px;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n white-space: normal !important;\n }\n\n .lead-modal__wrapper {\n position: relative;\n width: 100%;\n max-width: 450px;\n background-color: #fff;\n border-radius: 6px;\n box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);\n }\n\n .lead-modal__content {\n width: inherit;\n overflow: auto;\n / min-height: 400px; /\n max-height: calc(100vh - 125px);\n -webkit-overflow-scrolling: touch;\n }\n\n .lead-modal__header {\n padding: 0px 0px;\n }\n\n .lead-modal__image {\n display: block;\n margin: 0 auto;\n border: none !important;\n box-shadow: none !important;\n }\n .lead-modal-image-logo {\n margin-top: 15px;\n margin-bottom: 15px;\n }\n\n .lead-modal-image-cover {\n width: 100% !important;\n padding: 0 0px;\n border-top-left-radius: 4px;\n border: none !important;\n box-shadow: none !important;\n margin: 0 !important;\n }\n\n .lead-modal__image + .lead-modal__image {\n / margin-top: 10px; /\n / border-radius: 4px; /\n }\n\n .lead-modal__body {\n font-family: 'Open sans', sans-serif !important;\n padding: 15px 15px 25px 15px;\n }\n\n .lead-modal__title {\n font-family: 'Open sans', sans-serif !important;\n font-size: 20px !important;\n font-weight: bold !important;\n font-stretch: normal !important;\n font-style: normal !important;\n line-height: 1.3 !important;\n letter-spacing: -0.4px !important;\n color: #2a4975 !important;\n box-shadow: none !important;\n padding-bottom: 0 !important;\n }\n\n .lead-modal__title.pink {\n color: #2661ad !important;\n }\n\n .lead-modal__description {\n font-family: 'Open sans', sans-serif !important;\n font-size: 13px !important;\n font-weight: normal !important;\n font-stretch: normal !important;\n font-style: normal !important;\n line-height: 1.62 !important;\n letter-spacing: 0.14px !important;\n color: #2c87f3 !important;\n margin-top: 10px !important;\n }\n\n .lead-modal__description.pink {\n color: #3e3f58 !important;\n }\n\n .lead-modal__form-control-wrapper {\n margin-top: 10px;\n margin-left: 0px !important;\n position: relative;\n }\n\n .lead-modal__form-control {\n box-shadow: none !important;\n height: 40px !important;\n width: 100%;\n padding-left: calc(15px + 1.5em + 15px) !important;\n background-color: #fff !important;\n padding-top: 10px !important;\n padding-bottom: 10px !important;\n padding-right: 15px !important;\n border: solid 1px #dddddd !important;\n color: #2a4975 !important;\n line-height: 1.7em !important;\n border-radius: 0 !important;\n font-family: 'Open Sans', sans-serif !important;\n background-image: linear-gradient(transparent, transparent) !important;\n margin-left: 0px !important;\n font-size: 14px !important;\n line-height: 14px !important;\n }\n\n .lead-modal__form-control {\n &:focus {\n border-color: var(--color-primary);\n box-shadow: 0px 0px 0px 3px rgba(44, 135, 243, 0.1);\n outline: none;\n }\n\n &::-webkit-input-placeholder {\n / Chrome, Firefox, Opera, Safari 10.1+ /\n color: #b5b5b5;\n }\n\n &::-moz-placeholder {\n color: #b5b5b5;\n }\n\n &:-ms-input-placeholder {\n color: #b5b5b5;\n }\n\n &::-ms-input-placeholder {\n color: #b5b5b5;\n }\n\n &::placeholder {\n color: #b5b5b5;\n }\n }\n\n img.lead-modal__form-control-icon {\n display: inline-block !important;\n color: #b5b5b5 !important;\n fill: #b5b5b5 !important;\n line-height: 1 !important;\n flex-shrink: 0 !important;\n max-width: initial !important;\n display: block !important;\n position: absolute !important;\n pointer-events: none !important;\n left: 15px !important;\n top: 10px !important;\n height: 20px !important;\n width: 20px !important;\n border: none !important;\n margin: 0 !important;\n }\n\n .lead-modal__checkbox-wrapper {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n align-items: center;\n margin-top: 15px;\n a {\n color: #2c87f3 !important;\n text-decoration: none !important;\n }\n\n a:visited {\n color: #2c87f3 !important;\n }\n &.pink a,\n &.pink a:visited {\n color: #e55c8a !important;\n }\n }\n\n .lead-modal__checkbox {\n position: relative;\n z-index: 1;\n display: inline-block;\n font-size: 20px;\n }\n\n .lead-modal__checkbox__input {\n position: relative;\n margin: 0 !important;\n padding: 0;\n opacity: 0;\n height: 1em !important;\n width: 1em !important;\n display: block;\n z-index: 1;\n font-size: 1em !important;\n }\n\n .lead-modal__checkbox__control {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n z-index: -1;\n pointer-events: none;\n transition: transform 0.2s;\n color: #dddddd;\n &::before,\n &::after {\n content: '';\n position: absolute;\n }\n\n &::before {\n width: 120%;\n height: 120%;\n background-color: currentColor;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%) scale(0);\n opacity: 0;\n border-radius: 50%;\n will-change: transform;\n transition: transform 0.2s;\n }\n\n &::after {\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: #fff;\n border-radius: 6px;\n -webkit-box-shadow: inset 0 0 0 1px #dddddd;\n box-shadow: inset 0 0 0 1px #dddddd;\n }\n\n &:focus::after {\n box-shadow: inset 0 0 0 1px #2c87f3;\n }\n }\n\n .lead-modal__checkbox__input:checked ~ .lead-modal__checkbox__control::after,\n .lead-modal__checkbox__input:indeterminate\n ~ .lead-modal__checkbox__control::after {\n background-color: currentColor;\n background-repeat: no-repeat;\n background-position: center;\n background-size: 18px;\n box-shadow: none;\n }\n\n .lead-modal__checkbox__input:checked ~ .lead-modal__checkbox__control {\n color: #2c87f3;\n }\n\n .lead-modal__checkbox__input:checked ~ .lead-modal__checkbox__control::after {\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpolyline points='2.5 8 6.5 12 13.5 3' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/svg%3E\");\n }\n\n .lead-modal__checkbox__input:indeterminate ~ .lead-modal__checkbox__control {\n color: var(--custom-checkbox-color-disabled);\n }\n\n .lead-modal__checkbox__input:indeterminate\n ~ .lead-modal__checkbox__control::after {\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cline x1='2' y1='8' x2='14' y2='8' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E\");\n }\n\n .lead-modal__checkbox__input:active ~ .lead-modal__checkbox__control {\n transform: scale(0.9);\n }\n\n .lead-modal__checkbox__input:checked:active ~ .lead-modal__checkbox__control,\n .lead-modal__checkbox__input:indeterminate:active\n ~ .lead-modal__checkbox__control {\n transform: scale(1);\n }\n\n .lead-modal__checkbox__input:focus ~ .lead-modal__checkbox__control::before {\n opacity: 0.2;\n transform: translate(-50%, -50%) scale(1);\n }\n\n .lead-modal__checkbox__input.pink ~ .lead-modal__checkbox__control::after {\n border-radius: 50% !important;\n }\n\n .lead-modal__checkbox__input.pink:checked ~ .lead-modal__checkbox__control {\n color: #2661ad;\n }\n\n .lead-modal__checkbox__input.pink:checked\n ~ .lead-modal__checkbox__control::after,\n .lead-modal__checkbox__input.pink:indeterminate\n ~ .lead-modal__checkbox__control::after {\n background-size: 12px;\n }\n\n .lead-modal__checkbox__label {\n / font-family: OpenSans; /\n font-size: 13px;\n font-stretch: normal;\n font-style: normal;\n line-height: normal;\n letter-spacing: 0.14px;\n color: #969696;\n margin-left: 10px;\n margin-bottom: 0 !important;\n }\n\n .lead-modal__btn {\n display: block;\n width: 100%;\n border: none;\n color: #fff;\n padding: 12px 10px;\n font-weight: 700;\n text-align: center;\n margin-top: 15px;\n border-radius: 4px;\n background-color: #2699fb;\n transition: all 0.2s ease-in-out;\n text-shadow: none !important;\n box-shadow: none !important;\n font-family: 'Open sans', sans-serif !important;\n font-size: 14px;\n cursor: pointer !important;\n &:hover,\n &:active {\n background-color: #337eff;\n }\n\n &.pink {\n background-color: #e55c8a;\n }\n\n &.pink:hover {\n background-color: #b4466a;\n }\n }\n\n .lead-modal__close-btn {\n position: absolute;\n padding-top: 5px;\n top: -15px;\n right: -10px;\n width: 35px;\n height: 35px;\n box-shadow: -2px 4px 4px 0 rgba(191, 191, 191, 0.44) !important;\n text-shadow: none !important;\n background-color: #005cfd;\n border-radius: 50%;\n line-height: inherit;\n appearance: none;\n border: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.2s ease-in-out;\n outline: none;\n z-index: 1;\n padding: 5px 13px !important;\n cursor: pointer !important;\n &:hover,\n &:active {\n background-color: #337eff;\n }\n\n &.pink {\n background-color: #fff;\n }\n\n &.pink .lead-modal__close-icon {\n color: #000;\n }\n\n &.pink:hover .lead-modal__close-icon {\n color: #e55c8a;\n transition: 0.3s all ease;\n }\n }\n\n .lead-modal__close-icon {\n display: inline-block;\n color: #fff;\n fill: #fff;\n height: 1em;\n width: 1em;\n line-height: 1;\n flex-shrink: 0;\n max-width: initial;\n transition: 0.3s all ease;\n }\n\n .lead-modal__thank-you {\n padding: 0 15px;\n display: flex;\n align-items: center;\n justify-content: center;\n height: inherit;\n text-align: center;\n min-height: 400px;\n h1 {\n margin-top: 10px;\n font-size: 32px;\n font-weight: normal;\n font-stretch: normal;\n font-style: normal;\n line-height: normal;\n letter-spacing: -0.23px;\n color: #1b3250;\n }\n\n p {\n margin-top: 5px;\n font-size: 16px;\n font-weight: normal;\n font-stretch: normal;\n font-style: normal;\n line-height: normal;\n letter-spacing: -0.11px;\n color: #1b3250;\n }\n img {\n max-width: 100% !important;\n border: none !important;\n width: auto !important;\n margin: 0 auto !important;\n }\n\n &.hidden {\n display: none;\n }\n }\n\n / lead-modal : end /\n\n .modal__container {\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n z-index: 1000000000000;\n pointer-events: none;\n overflow-y: scroll;\n }\n\n .modal__content {\n position: relative;\n width: 80vw;\n margin: auto 0;\n }\n\n / Make clicks pass-through /\n #nprogress {\n pointer-events: none;\n }\n\n #nprogress .bar {\n background: #223bdd;\n\n position: fixed;\n z-index: 1031;\n top: 0;\n left: 0;\n\n width: 100%;\n height: 2px;\n }\n\n / Fancy blur effect /\n #nprogress .peg {\n display: block;\n position: absolute;\n right: 0px;\n width: 100px;\n height: 100%;\n box-shadow: 0 0 10px #29d, 0 0 5px #29d;\n opacity: 1;\n transform: rotate(3deg) translate(0px, -4px);\n }\n\n / Remove these to get rid of the spinner /\n #nprogress .spinner {\n display: block;\n position: fixed;\n z-index: 1031;\n top: 15px;\n right: 15px;\n }\n\n #nprogress .spinner-icon {\n width: 18px;\n height: 18px;\n box-sizing: border-box;\n\n border: solid 2px transparent;\n border-top-color: #29d;\n border-left-color: #29d;\n border-radius: 50%;\n\n -webkit-animation: nprogress-spinner 400ms linear infinite;\n animation: nprogress-spinner 400ms linear infinite;\n }\n\n .nprogress-custom-parent {\n overflow: hidden;\n position: relative;\n }\n\n .nprogress-custom-parent #nprogress .spinner,\n .nprogress-custom-parent #nprogress .bar {\n position: absolute;\n }\n\n @-webkit-keyframes nprogress-spinner {\n 0% {\n -webkit-transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n }\n }\n @keyframes nprogress-spinner {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n\n .lead-modal__btn:disabled {\n background: #d5d5d5 !important;\n }\n\n .dateclass {\n width: 100%;\n }\n\n .dateclass.placeholderclass::before {\n width: 100%;\n content: attr(placeholder);\n color: #b8b8b8;\n }\n\n .dateclass.placeholderclass:hover::before {\n width: 0%;\n content: '';\n }\n\n / Change Autocomplete styles in Chrome/\n .lead-modal input:-webkit-autofill,\n .lead-modal input:-webkit-autofill:hover,\n .lead-modal input:-webkit-autofill:focus,\n .lead-modal textarea:-webkit-autofill,\n .lead-modal textarea:-webkit-autofill:hover,\n .lead-modal textarea:-webkit-autofill:focus,\n .lead-modal select:-webkit-autofill,\n .lead-modal select:-webkit-autofill:hover,\n .lead-modal select:-webkit-autofill:focus {\n -webkit-box-shadow: 0 0 0 1000px white inset !important;\n -webkit-text-fill-color: #2a4975;\n }\n\n .lead-modal label.error {\n font-size: 13px;\n color: #fa140f;\n margin-bottom: 0;\n margin-left: 0px !important;\n line-height: 1.65 !important;\n width: 100%;\n display: block;\n }\n\n / === Lead gen wrapper === /\n .le-text-align-center {\n text-align: center !important;\n }\n .le-text-align-left {\n text-align: left !important;\n }\n .le-text-align-right {\n text-align: right !important;\n }\n\n .le-only-desktop {\n display: none !important;\n }\n .le-only-mobile {\n display: block !important;\n }\n\n .le-only-desktop a {\n text-decoration: none !important;\n }\n\n .le-only-mobile a {\n text-decoration: none !important;\n }\n\n @media screen and (min-width: 992px) {\n .le-newbuilder-LightBoxB,\n .le-newbuilder-InlineB {\n display: flex !important;\n }\n\n .le-newbuilder-LightBoxB .lead-modal__header,\n .le-newbuilder-InlineB .lead-modal__header {\n max-width: 50%;\n }\n }\n\n @media screen and (min-width: 768px) {\n .le-only-desktop {\n display: block !important;\n }\n\n .le-only-mobile {\n display: none !important;\n }\n\n .le-newbuilder-LightBoxB .lead-modal__body,\n .le-newbuilder-InlineB .lead-modal__body {\n flex: 1;\n }\n\n .le-newbuilder-wrap-LightBoxB {\n max-width: 720px !important;\n }\n .le-newbuilder-wrap-InlineB {\n max-width: 100% !important;\n }\n .le-newbuilder-LightBoxB .le-only-desktop.lead-modal-image-cover {\n max-width: 400px !important;\n }\n }\n\n .lead-modal__title {\n margin: 7px 0 !important;\n }\n\n .lead-modal__description {\n margin: 0;\n }\n\n .lead-modal-image-cover,\n .lead-modal__wrapper {\n border-radius: 0px !important;\n }\n\n .lead-modal__form {\n margin: 0;\n display: block !important;\n }\n\n .lead-modal__image + .lead-modal__image {\n margin-top: 0px;\n }\n\n .lead-modal__thank-you {\n width: 100%;\n }\n\n / Skins /\n .le-skin-a-desktop {\n position: fixed;\n z-index: 99999;\n top: 0;\n left: 0;\n height: 100%;\n display: flex;\n align-items: center;\n }\n\n .le-skin-b-desktop {\n }\n\n .le-join-now {\n }\n\n .le-joinbow-btn {\n background: #2c87f3;\n color: #ffffff;\n font-size: 16px;\n text-align: center;\n outline: none !important;\n box-shadow: none !important;\n padding: 12px 30px;\n border: none !important;\n border: 1px solid transparent !important;\n cursor: pointer !important;\n }\n .le-joinbow-btn:hover {\n border: 1px solid white !important;\n }\n\n .le-joinbow-btn-mobile {\n background: #2c87f3;\n color: #ffffff;\n font-size: 14px;\n text-align: center;\n outline: none !important;\n box-shadow: none !important;\n padding: 12px 30px;\n border: none !important;\n }\n\n .le-newbuilder-close-svg {\n border-radius: 50%;\n width: 35px;\n height: 35px;\n background: #005cfd;\n cursor: pointer !important;\n }\n .le-mobile-btn {\n width: 24px;\n height: 24px;\n }\n\n .le-newbuilder-close-button {\n padding: 0;\n background: transparent;\n box-shadow: none;\n border: none;\n width: auto !important;\n cursor: pointer !important;\n }\n .le-abs-top-right {\n position: absolute;\n right: 10px;\n top: 10px;\n }\n\n .le-abs-outer-top-right {\n position: absolute;\n right: 0px;\n top: -45px;\n }\n\n / Skin floating /\n .le-floating-desktop {\n position: fixed;\n bottom: 40px;\n left: 25px;\n z-index: 9999;\n }\n\n .le-floating-desktop-wrap {\n background: #fff;\n backdrop-filter: blur(30px);\n box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);\n padding: 0px;\n padding-right: 30px;\n border-radius: 5px;\n display: flex;\n align-items: center;\n }\n\n .le-floating-desktop-title {\n font-size: 20px;\n font-weight: bold;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.5;\n letter-spacing: normal;\n color: #2a4975;\n max-width: 530px;\n }\n .le-floating-desktop-desc {\n font-size: 13px;\n font-weight: normal;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.65;\n letter-spacing: normal;\n color: #2699fb;\n max-width: 530px;\n }\n\n .le-joinbow-floating-btn {\n background: #2c87f3;\n color: #ffffff;\n font-size: 14px;\n text-align: center;\n outline: none !important;\n box-shadow: none !important;\n padding: 12px 40px;\n border: none !important;\n border: 1px solid transparent !important;\n font-weight: 500;\n cursor: pointer !important;\n }\n\n / // Floating mobile /\n .le-floating-mobile {\n position: fixed;\n bottom: 0px;\n left: 0px;\n width: 100%;\n z-index: 9999;\n }\n .le-abs-outer-mobile-top-right {\n position: absolute;\n right: 2px;\n top: -30px;\n }\n\n .le-floating-mobile-wrap {\n background: #fff;\n box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);\n padding: 10px 15px;\n }\n .le-floating-mobile-title {\n font-size: 18px;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.5;\n letter-spacing: normal;\n color: #2a4975;\n font-weight: 600;\n }\n .le-floating-mobile-desc {\n font-size: 12px;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.65;\n letter-spacing: normal;\n color: #2699fb;\n }\n\n / // Tab popup /\n .le-tab-popup {\n position: fixed;\n bottom: 15px;\n left: 15px;\n max-width: 150px;\n }\n .le-abs-outer-mobile-top-right-2 {\n position: absolute;\n right: -12px;\n top: -15px;\n }\n\n .le-center-tab-popup {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n z-index: 99999999 !important;\n width: calc(100% - 40px);\n max-width: 400px;\n }\n\n .le-center-tab-popup img {\n max-width: 100% !important;\n }\n\n / // Popup /\n .le-checkbox-title {\n font-size: 15px;\n font-weight: bold;\n font-stretch: normal;\n font-style: normal;\n color: #2a4975;\n margin: 13px 0 !important;\n / line-height: 1.65 !important; /\n }\n\n / Checkbox /\n .lead-checkbox-container {\n position: relative;\n display: flex;\n align-items: center;\n cursor: pointer;\n font-size: 14px;\n line-height: 1.65;\n margin: 10px 0;\n }\n\n .lead-checkbox-checkmark {\n display: inline-block;\n height: 24px;\n border: solid 1px #d0d0d0;\n vertical-align: middle;\n margin-right: 8px;\n position: relative;\n border-radius: 4px;\n flex: 0 0 24px;\n }\n\n .lead-checkbox-container input {\n position: absolute;\n opacity: 0;\n top: 0;\n left: 0;\n }\n\n .lead-checkbox-checkmark::after {\n position: absolute;\n content: '';\n }\n\n .lead-checkbox-container input:checked ~ .lead-checkbox-checkmark {\n background: #337eff;\n border: solid 1px #337eff;\n }\n\n .lead-checkbox-container input:checked ~ .lead-checkbox-checkmark::after {\n left: 8px;\n top: 3px;\n width: 7px;\n height: 12px;\n border: solid white;\n border-width: 0 2px 2px 0;\n transform: rotate(45deg);\n }\n / End checkbox /\n\n .le-fullscreen-img {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n\n @media screen and (min-width: 768px) {\n .lead-fullscreen-desktop-close-btn {\n position: fixed;\n top: 27px;\n right: 23px;\n }\n }\n\n / // Inline /\n .lead-modal.le-buider-inline {\n position: static;\n display: block;\n padding: 20px 0;\n height: initial !important;\n padding-top: 10px;\n }\n\n .lead-modal.le-buider-inline .lead-modal__wrapper {\n box-shadow: none;\n border: 1px solid #ddd;\n }\n .lead-modal.le-buider-inline .lead-modal__content {\n max-height: initial !important;\n }\n .lead-modal.le-buider-inline .lead-modal__content .lead-modal__header img {\n / height: auto !important; /\n object-fit: fill;\n }\n\n .le-thankyou-title {\n font-size: 24px !important;\n margin-bottom: 8px !important;\n color: #2a4975 !important;\n }\n\n .le-thankyou-subtitle {\n font-size: 14px !important;\n color: #2699fb !important;\n margin: 0 !important;\n }\n\n / Radio /\n .lead-radio-container {\n position: relative;\n display: flex;\n align-items: center;\n cursor: pointer;\n font-size: 14px;\n line-height: 1.65;\n margin: 10px 0;\n }\n\n .lead-radio-checkmark {\n display: inline-block;\n height: 24px;\n border: solid 1px #d0d0d0;\n vertical-align: middle;\n margin-right: 8px;\n position: relative;\n border-radius: 50%;\n flex: 0 0 24px;\n }\n\n .lead-radio-container input {\n position: absolute;\n opacity: 0;\n top: 0;\n left: 0;\n }\n\n .lead-radio-checkmark::after {\n position: absolute;\n content: '';\n }\n\n .lead-radio-container input:checked ~ .lead-radio-checkmark {\n background: #337eff;\n border: solid 1px #337eff;\n }\n\n .lead-radio-container input:checked ~ .lead-radio-checkmark::after {\n left: 50%;\n top: 50%;\n width: 8px;\n height: 8px;\n background: #fff;\n border-radius: 50%;\n transform: translate(-50%, -50%);\n }\n / End Radio /\n\n / Dropdown /\n .le-newbuilder-select {\n width: 100%;\n padding: 12px;\n border-radius: 4px;\n border: solid 1px #d0d0d0;\n outline: none;\n appearance: none;\n font-size: 15px;\n padding-right: 35px;\n }\n .le-newbuilder-select-wrapper {\n position: relative;\n }\n .le-newbuilder-select-wrapper::after {\n content: '';\n position: absolute;\n right: 15px;\n top: 18px;\n transform: rotate(45deg);\n width: 10px;\n height: 10px;\n border: 2px solid #616060;\n border-left: transparent;\n border-top: transparent;\n }\n / End Dropdown /\n\n .le-buider-slider {\n width: 420px;\n height: auto;\n bottom: 15px;\n top: unset;\n left: -200px;\n animation: le-builder-slide 0.5s forwards;\n }\n\n @keyframes le-builder-slide {\n 100% {\n left: 15px;\n }\n }\n\n @media screen and (max-width: 768px) {\n .le-buider-slider,\n .le-buider-fullscreen {\n display: none !important;\n }\n }\n\n .le-skin-mobile {\n margin-top: 64px;\n }\n"]))),q=function(n){var e=n.title,t=n.titleAlign,a=n.subtitle,o=n.subtitleAlign,l=n.link,i=n.linkNewTab,r=n.linkText,d=n.image,c=n.onClose;return p.default.createElement("div",{id:"lead-modal",className:"lead-modal modal--animate-scale"},p.default.createElement("div",{className:"lead-modal__wrapper animate__animated "},p.default.createElement("div",{className:"lead-modal__content"},p.default.createElement("div",{className:"lead-modal__thank-you"},p.default.createElement("div",{style:{width:"100%"}},p.default.createElement("img",{src:d,style:{maxHeight:162,objectFit:"cover"}}),e&&p.default.createElement("h1",{className:"le-thankyou-title le-text-align-".concat(t)}," ",e," "),a&&p.default.createElement("p",{className:"le-thankyou-subtitle le-text-align-".concat(o)}," ",a," "),r&&p.default.createElement("div",null,p.default.createElement("a",{href:l,target:i?"_blank":"parrent",rel:"noreferrer"},p.default.createElement("button",{className:"lead-modal__btn ".concat(w)},l)))))),p.default.createElement("button",{className:"lead-modal__close-btn js-modal__close ".concat(w),onClick:c},p.default.createElement("svg",{className:"lead-modal__close-icon",viewBox:"0 0 24 24"},p.default.createElement("g",{fill:"none",stroke:"currentColor",strokeMiterlimit:"10",strokeWidth:"2"},p.default.createElement("line",{x1:"3",y1:"3",x2:"21",y2:"21"}),p.default.createElement("line",{x1:"21",y1:"3",x2:"3",y2:"21"}))))))};function D(e){var t=e.leadApi,a=e.leadSiteId,o=e.leadDomain,i=e.onShowPopup,d=("https://"+location.hostname+location.pathname+location.search).toLowerCase();fetch(t+"api/campaign/"+a,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({url:d,ga_client_id:l.getCookie("_ga")\|\|null})}).then((function(n){return n.json()})).then((function(e){var t,a,c;if(console.log("List campagin: ",e),y="https://"+location.hostname+location.pathname+location.search,1==e._status){var s=e._data.campaigns;l.getCookie("hhg-id")\|\|(l.setCookie("hhg-id",r.v1(),{domain:"."+o,path:"/"}),console.log("😍 Set HHG ID cookie"));var p=[];p=/Android\|webOS\|iPhone\|iPad\|iPod\|BlackBerry\|BB\|PlayBook\|IEMobile\|Windows Phone\|Kindle\|Silk\|Opera Mini/i.test(navigator.userAgent)?s.filter((function(n){return n.device_types.some((function(n){return n.id==k}))})):s.filter((function(n){return n.device_types.some((function(n){return n.id==v}))})),console.log("👓 campaignsDevice",p);var m=p.map((function(e,t){return e.targets.filter((function(n){return n.type==b})).map((function(e){return n.__assign(n.__assign({},e),{campaignIndex:t})}))})).flat(1);m=m.filter((function(n){var e=new URL(String(n.target).toLowerCase());return"exact_match"==n.option?Boolean(d===e.href):"start_with"==n.option?!!d.includes(String(n.target))&&!n.sub_target.filter((function(n){return"excluding"==n.option})).map((function(n){return n.value})).includes(d):void 0}));var u=Array.from(document.getElementsByTagName("META")).filter((function(n){return"article:tag"==n.getAttribute("property")})).map((function(n){return n.content})),f=[];u&&u.length&&(f=p.map((function(e,t){return e.targets.filter((function(n){return n.type==x})).map((function(e){return n.__assign(n.__assign({},e),{campaignIndex:t})}))})).flat(1).filter((function(n){return u.includes(n.target)})));var g=n.__spreadArray(n.__spreadArray([],m,!0),f,!0),h=document.cookie.split("; ").map((function(n){return n.split("=")[0]})),_=h.filter((function(n){return n.includes("lead_submited")}));console.log("--listCampaignCodeSubmited",_);var w=h.filter((function(n){return n.includes("lead_closed")}));console.log("--listCampaignCodeClosed",w);var E,C=n.__spreadArray(n.__spreadArray([],_,!0),w,!0);if(E=g.filter((function(n){return!C.some((function(e){return e.includes(p[n.campaignIndex].code)}))})).sort((function(n,e){return n.score-e.score})),console.log("--listCampaignValid : ",E),E&&E.length){var N=p[E[0].campaignIndex];console.log("CAMPAIGN_SHOW",N);var B=N.rules,S=Number(null===(t=B.find((function(n){return"time"==n.rule})))\|\|void 0===t?void 0:t.value);console.log("timeoutRule",S);var T=Number(null===(a=B.find((function(n){return"scroll"==n.rule})))\|\|void 0===a?void 0:a.value);console.log("scrollRule",T);var z=Number(null===(c=B.find((function(n){return"exclude_sponsored"==n.rule})))\|\|void 0===c?void 0:c.value);console.log("excludeSponsored",z);var L=Boolean(document.querySelector(".hhg-disclaimer-text"));if(console.log("💎 LEAD current page isSponsored",L),L&&z)return;var j="TIME";if(Number.isInteger(S)&&(j="TIME",console.log("✨ SHOW AWESOME POPUP AFTER: ",S," seconds"),setTimeout((function(){null==i\|\|i(N,j)}),1e3S)),Number.isInteger(T)){j="SCROLL",console.log("✨ SHOW AWESOME AFTER: SCROLL",T," %");var O=document.querySelector('[data-url="'.concat(location.pathname,'"]'))\|\|document.querySelector("body"),P=O.getBoundingClientRect().top,I=O.offsetHeight;console.log("👓 Element check scroll: ",O);var A=function(){var n=window.pageYOffset\|\|document.documentElement.scrollTop,e=0;n>=P&&(e=Math.round((n-P)/(I-innerHeight)*100)),console.log("---Scroll",e,T),e>=T&&(window.removeEventListener("scroll",A),null==i\|\|i(N,j))};window.addEventListener("scroll",A)}}else console.log("🚧 No lead campaigns on current URL, tags")}})).catch((function(n){console.error("Lead error: ",n)}))}exports.LeadGen=function(t){var r=t.apiUrl,d=t.siteDomain,c=t.siteId,s=t.locale,u=e.useRef(),f=e.useRef(Date.now()),g=e.useMemo((function(){var n=r;return n.includes("localhost")&&(n="https://dev.leadgen.hellobacsi.com/"),{apiUrl:n}}),[r,d,c]).apiUrl,h=e.useState(null),b=h[0],x=h[1],_=e.useState(""),k=_[0],v=_[1],w=e.useState(null),y=w[0],E=w[1],B=function(n,e){x(n),v(e)},S=function(){var n,e;if(b){console.log("👋👋👋 CLOSE POPUP ".concat(b.code," 👋👋👋"));var t=Number(null===(n=b.rules.find((function(n){return"show_again_after_exit "==n.rule})))\|\|void 0===n?void 0:n.value),a=Number(null===(e=b.rules.find((function(n){return"days_to_show_again"==n.rule})))\|\|void 0===e?void 0:e.value);0==t&&(a?l.setCookie("lead_closed_".concat(b.code),"target_".concat(b.extra_fields.popupVersion),{domain:"."+d,days:a,path:"/"}):l.setCookie("lead_closed_".concat(b.code),"target_".concat(b.extra_fields.popupVersion),{domain:"."+d,path:"/"})),document.body.classList.remove("noscroll"),fetch("".concat(g,"api/campaign/").concat(b.code,"/popup_exit"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"CLICK",url:location.href.toLowerCase(),title_article:document.title,cookie_id:l.getCookie("hhg-id"),duration:Math.ceil((Date.now()-f.current)/1e3)})}),x(null)}};e.useEffect((function(){if(window.next){var n=m.default((function(n){console.log("--🌻 routeChangeComplete",n,Date.now());var e=location.pathname;S(),document.querySelectorAll('[data-popup-url="'.concat(e,'"]')).length\|\|D({leadApi:g,leadDomain:d,leadSiteId:c,onShowPopup:B}),u.current&&window.removeEventListener("scroll",u.current)}),500);window.next.router.events.on("routeChangeComplete",n)}D({leadApi:g,leadDomain:d,leadSiteId:c,onShowPopup:B})}),[]);return e.useEffect((function(){b&&(f.current=Date.now())}),[b]),p.default.createElement(N.Provider,{value:{apiUrl:g,siteDomain:d,siteId:c,locale:s}},p.default.createElement(o.TranslationsContext.Provider,{value:{locale:s,values:I(s)}},a.createPortal(p.default.createElement(A,null,b&&!y&&p.default.createElement(j,{campaign:b,onClose:S,onSubmit:function(e,t,a,o){return n.__awaiter(void 0,void 0,void 0,(function(){var i,r,c,s,p,m,u,f,h,x,_,k,v,w,y,N,B,T,z,L,j,O,P,I,A,q,D,M,H,V,R,F,U,W,J;return n.__generator(this,(function(n){switch(n.label){case 0:return e.preventDefault(),console.log("submitHandler",t,a),i=new FormData(e.currentTarget),r={},i.forEach((function(n,e){r[e]=r[e]\|\|[],r[e].push(n)})),c=Object.keys(r).map((function(n){return{name:n,value:r[n]}})),s=2,p=l.getCookie("_ga")\|\|null,[4,require("intl-tel-input")];case 1:return m=n.sent(),u={url:location.href.toLowerCase(),title_article:document.title,meta:c.map((function(n){var e,t,a;return{key:null===(e=document.querySelector(".lead-modal__form.".concat(o,' [name="').concat(n.name,'"]')))\|\|void 0===e?void 0:e.getAttribute("data-key"),value:(null==C?void 0:C.countryCodeNumber)&&["tel","tel1","tel2","tel3"].includes(n.name)?m.formatNumber(String(n.value),null==C?void 0:C.countryCodeNumber,s).replace(/\s+/g,""):n.value,control:n.name.replace("1","").replace("2","").replace("3",""),is_sent_mailchimp:(null===(a=document.querySelector(".lead-modal__form.".concat(o," .mailchimp-").concat(null===(t=document.querySelector(".lead-modal__form.".concat(o,' [name="').concat(n.name,'"]')))\|\|void 0===t?void 0:t.getAttribute("data-key"))))\|\|void 0===a?void 0:a.getAttribute("data-mailchimp"))\|\|"false"}})),cookie_id:l.getCookie("hhg-id"),ga_client_id:p},t&&a[t].value_en&&(u.category=a[t].value_en),f=Number((null===(q=null===(A=b.rules)\|\|void 0===A?void 0:A.find((function(n){return"days_to_show_again"===n.rule})))\|\|void 0===q?void 0:q.value)\|\|7),0==(h=Number((null===(M=null===(D=b.rules)\|\|void 0===D?void 0:D.find((function(n){return"show_again_after_submit"===n.rule})))\|\|void 0===M?void 0:M.value)\|\|0))&&(console.log("⛔ Popup never show again!"),l.setCookie("lead_submited_".concat(b.code),"target_".concat(b.extra_fields.targetType),{domain:"."+d,path:"/"})),1==h&&(console.log("⌛ Popup will show again after ".concat(f," days!")),l.setCookie("lead_submited_".concat(b.code),"target_".concat(b.extra_fields.targetType),{domain:"."+d,days:f,path:"/"})),fetch("".concat(g,"api/campaign/").concat(b.code,"/lead"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(u)}),"notshow"==b.extra_fields.popupShowThankYou?(S(),document.body.classList.remove("noscroll"),[2]):(x=!0,_=b.thank_you_image\|\|"".concat(g,"admin/img/thanksyou.png"),k=b.extra_fields.popupThankyouTitle\|\|"Thank you.",v=b.extra_fields.popupThankyouDesc\|\|"We appreciate your time!",w="",y="",T="","2.1"==b.extra_fields.popupVersion&&(z=b.extra_fields,L=JSON.parse(z.listBlockThankyou),j=L.find((function(n){return"TitleBlock"==n.name})),O=L.find((function(n){return"SubtitleBlock"==n.name})),P=L.find((function(n){return"LinkButtonBlock"==n.name})),k=(null===(H=null==j?void 0:j.data)\|\|void 0===H?void 0:H.value)\|\|"",w=(null===(V=null==j?void 0:j.data)\|\|void 0===V?void 0:V.align)\|\|"",v=(null===(R=null==O?void 0:O.data)\|\|void 0===R?void 0:R.value)\|\|"",y=(null===(F=null==O?void 0:O.data)\|\|void 0===F?void 0:F.align)\|\|"",N=(null===(U=null==P?void 0:P.data)\|\|void 0===U?void 0:U.value)\|\|"",B=(null===(W=null==P?void 0:P.data)\|\|void 0===W?void 0:W.newtab)\|\|!1,T=(null===(J=null==P?void 0:P.data)\|\|void 0===J?void 0:J.url)\|\|"",I=b.extra_fields.currentLayout,["SkinA","SkinB","Floating","Tab","CenterTab"].includes(I)&&(x=!1)),E(x?{title:k,titleAlign:w,subtitle:v,subtitleAlign:y,link:T,linkNewTab:B,linkText:N,image:_}:null),sessionStorage.getItem("insider_object")?window.insider_object=JSON.parse(sessionStorage.getItem("insider_object")):window.insider_object={user:{email:"",phone_number:"",gdpr_optin:!0,sms_optin:!0,email_optin:!0}},c.map((function(n){var e=n.name,t=n.value;"tel"==e?window.insider_object.user.phone_number=t:"email"==e&&(window.insider_object.user.email=t)})),sessionStorage.setItem("insider_object",JSON.stringify(window.insider_object)),[2])}}))}))},action:k}),y&&p.default.createElement(q,{title:y.title,titleAlign:y.titleAlign,subtitle:y.subtitle,subtitleAlign:y.subtitleAlign,link:y.link,linkNewTab:y.linkNewTab,linkText:y.linkText,image:y.image,onClose:S})),i.getPopupWrapperDom())))};

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@hhgtech/hhg-components",
-  "version": "1.22.10",
+  "version": "1.22.11",
   "main": "build/index.js",
   "module": "build/esm/index.js",
   "files": [