@hhgtech/hhg-components 1.22.25-beta-1 → 1.22.26

package/build/lead.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tslib.es6-e913d68b.js"),n=require("react"),t=require("lodash/debounce"),a=require("react-dom"),l=require("./translationsContext-bc41b1f2.js"),o=require("./cookieHelper-4ff03ad5.js"),i=require("./utils-19642742.js"),r=require("uuid"),d=require("./useTranslations-ba97f77e.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("dayjs"),require("./screenSizeContext-1f66207a.js"),require("./lazyLoad-0bebf350.js"),require("styled-components"),require("./index-fcc1501b.js"),require("./isProduction-bd5bb82a.js"),require("./Locale-776bc4e9.js"),require("./gAssets.js"),require("string-format"),require("lodash/throttle"),require("vanilla-lazyload");var s=c(n),m=c(t),u=function(e){var n=e.onClose,t=e.containerClassName,a=e.svgClassName;return s.default.createElement("button",{onClick:n,className:"le-newbuilder-close-button js-modal__close ".concat(t||"")},s.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"},s.default.createElement("defs",null,s.default.createElement("filter",{width:"53",height:"53",filterUnits:"userSpaceOnUse"},s.default.createElement("feGaussianBlur",{result:"blur",stdDeviation:"3"}),s.default.createElement("feFlood",{floodOpacity:".4"}),s.default.createElement("feComposite",{in2:"blur",operator:"in"}),s.default.createElement("feComposite",{in:"SourceGraphic"})),s.default.createElement("style",{dangerouslySetInnerHTML:{__html:".cls-2{fill:none;stroke:#fff;stroke-linecap:round;stroke-width:2px}"}})),s.default.createElement("g",{filter:"url(#Ellipse_482)"},s.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"})),s.default.createElement("path",{d:"M19 19L34 34",className:"cls-2"}),s.default.createElement("path",{d:"M34 19L19 34",className:"cls-2"})))},p=function(e){var n=e.popupId,t=e.url,a=e.newTab,l=e.imageDestkop,o=e.imageMobile,i=e.onClose,r=e.onOtherSubmit;return s.default.createElement("div",{id:n,className:"lead-modal-wrapper","data-popup-url":location.pathname,"data-popup-type":"center_tab"},s.default.createElement("div",{className:"le-center-tab-popup"},s.default.createElement("div",{style:{position:"relative"}},s.default.createElement("a",{className:"js-popup-other-submit",href:t,target:a?"blank":"_parent",onClick:r},s.default.createElement("img",{className:"le-only-mobile",src:o}),s.default.createElement("img",{className:"le-only-desktop",src:l})),s.default.createElement(u,{onClose:i,containerClassName:"le-abs-outer-mobile-top-right-2",svgClassName:"le-mobile-btn"}))))},f=function(e){var n=e.popupId,t=e.url,a=e.title,l=e.urlText,o=e.titleAlign,i=e.subtitle,r=e.subtitleAlign,d=e.newTab,c=e.imageDesktop,m=e.imageMobile,p=e.onClose,f=e.onOtherSubmit;return s.default.createElement("div",{id:n,className:"lead-modal-wrapper lead-floating-wrapper","data-popup-url":location.pathname,"data-popup-type":"floating"},s.default.createElement("aside",{className:"le-only-desktop"},s.default.createElement("div",{className:"le-floating-desktop"},s.default.createElement("div",{className:"le-floating-desktop-wrap",style:{position:"relative",background:"#fff"}},c?s.default.createElement("div",null,s.default.createElement("img",{style:{maxWidth:120,borderTopLeftRadius:5,borderBottomLeftRadius:5},src:c})):null,s.default.createElement("div",{style:{padding:20}},s.default.createElement("div",{className:"le-floating-desktop-title le-text-align-".concat(o)},a),s.default.createElement("div",{className:"le-floating-desktop-desc le-text-align-".concat(r)},i)),s.default.createElement("a",{target:d?"blank":"_parent",style:{marginLeft:35,textDecoration:"none"},href:t},s.default.createElement("button",{className:"le-joinbow-floating-btn js-popup-other-submit",onClick:f},l)),s.default.createElement(u,{onClose:p,containerClassName:"le-abs-outer-top-right"})))),s.default.createElement("aside",{className:"le-only-mobile"},s.default.createElement("div",{className:"le-floating-mobile"},s.default.createElement("div",{className:"le-floating-mobile-wrap",style:{position:"relative",background:"#fff"}},s.default.createElement("aside",{style:{display:"flex",justifyContent:"space-between"}},s.default.createElement("div",null,s.default.createElement("div",{className:"le-floating-mobile-title le-text-align-".concat(o)},a),s.default.createElement("div",{className:"le-floating-mobile-desc le-text-align-".concat(r)},i)),m?s.default.createElement("div",null,s.default.createElement("img",{style:{marginLeft:15,marginTop:4,maxWidth:100},src:m})):null),s.default.createElement("div",{style:{textAlign:"center",marginTop:10}},s.default.createElement("a",{target:d?"blank":"_parent",href:t,style:{textDecoration:"none"}},s.default.createElement("button",{className:"le-joinbow-floating-btn js-popup-other-submit",onClick:f},l))),s.default.createElement(u,{onClose:p,containerClassName:"le-abs-outer-top-right",svgClassName:"le-mobile-btn"})))))},g={LINKS:1,TAGS:2},h="https://dev.leadgen.hellobacsi.com/",b={MOBILE:1,DESKTOP:2},k="";h.includes("localhost")&&(h="https://dev.leadgen.hellobacsi.com/"),location.hostname.includes("marrybaby.vn")&&(k="pink");var v="https://"+location.hostname+location.pathname+location.search;v=v.toLowerCase(),sessionStorage.getItem("insider_object")&&(window.insider_object=JSON.parse(sessionStorage.getItem("insider_object")));var _={"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}},x=_[document.documentElement.lang]||_["vi-VN"];var y=n.createContext({}),w=function(e){var n=e.title,t=e.titleAlign,a=e.subtitle,l=e.subtitleAlign,o=e.link,i=e.linkNewTab,r=e.linkText,d=e.image;return s.default.createElement("div",{className:"lead-modal__thank-you"},s.default.createElement("div",{style:{width:"100%"}},s.default.createElement("img",{src:d,style:{maxHeight:162,objectFit:"cover"}}),n&&s.default.createElement("h1",{className:"le-thankyou-title le-text-align-".concat(t)},n),a&&s.default.createElement("p",{className:"le-thankyou-subtitle le-text-align-".concat(l)},a),r&&s.default.createElement("div",null,s.default.createElement("a",{href:o,target:i?"_blank":"parrent",rel:"noreferrer"},s.default.createElement("button",{className:"lead-modal__btn ".concat(k)},r)))))},E=function(t){var l=t.content,o=t.inlinePosition,i=n.useMemo((function(){if(!o)return null;var n=document.querySelectorAll('[data-url="'.concat(location.pathname,'"] .body-content')),t=Array.from(n).reduce((function(n,t){return e.__spreadArray(e.__spreadArray([],n,!0),Array.from(t.children),!0)}),[]);if(null==t?void 0:t.length){var a=t.filter((function(e){return"P"===e.nodeName})),l=t.filter((function(e){return"H2"===e.nodeName})),i=null;switch(o){case"1th":i=a[0];break;case"2th":i=a[1];break;case"3th":i=a[2];break;case"4th":i=a[3];break;case"5th":i=a[4];break;case"6th":i=a[5];break;case"7th":i=a[6];break;case"8th":i=a[7];break;case"9th":i=a[8];break;case"10th":i=a[9];break;case"11th":i=a[10];break;case"12th":i=a[11];break;case"lastP":i=a[a.length-1];break;case"1thH2":i=l[0];break;case"2thH2":i=l[1];break;case"3thH2":i=l[2];break;case"4thH2":i=l[3];break;case"5thH2":i=l[4];break;case"6thH2":i=l[5];break;case"7thH2":i=l[6];break;case"8thH2":i=l[7];break;case"9thH2":i=l[8];break;case"10thH2":i=l[9];break;case"lastH2":i=l[l.length-1]}if(i){if(i.parentElement.querySelector(".inline-lead-wrapper"))return i.parentElement.querySelector(".inline-lead-wrapper");var r=document.createElement("div");return r.classList.add("inline-lead-wrapper"),i.nextElementSibling?i.parentElement.insertBefore(r,i.nextElementSibling):i.parentElement.appendChild(r),r}}}),[o]);return o&&i?a.createPortal(l,i):null},N=function(e){var t=e.content,l=n.useMemo((function(){var e=Array.from(document.querySelectorAll(".hc2-sidebar-with-ads,.page-main-col .right-col.f-right,.hhg-lead-sidebar"));return e.forEach((function(e){if(!e.querySelector(".sidebar-lead-modal-wrapper")){var n=document.createElement("div");n.classList.add("sidebar-lead-modal-wrapper"),e.prepend(n)}})),e.map((function(e){return e.querySelector(".sidebar-lead-modal-wrapper")}))}),[]);return s.default.createElement(s.default.Fragment,null,l.map((function(e){return a.createPortal(t,i.getWrapperDomWithSelector(e,"sidebar-lead-modal-wrapper"))})))},C=function(t){var a,l,o,i=t.popupId,r=t.extraFields,c=t.onClose,m=t.onOtherSubmit,u=t.imageMobile,p=t.imageDesktop,f=t.imageOverlayMobile,g=t.imageOverlayDesktop,h=t.imageBackground,b=t.currentLayout,v=t.title,_=t.onSubmit,C=t.showThankyou,S=d.useTranslations().t,B=JSON.parse(r.listBlockAdded),T=JSON.parse(r.actionBlocks),L=JSON.parse(r.textBlocks),j=n.useContext(y).apiUrl,P=T.submitBlock.data.url,A=T.submitBlock.data.text,O=T.submitBlock.data.text2,I=T.submitBlock.data.value,q=location.pathname,M=b.includes("Inline")||"Sidebar"===b,D="Slider"===b,z=n.useState(!0),H=z[0],V=z[1];if(window.innerWidth<769&&["Fullscreen","Slider"].includes(b))return console.log("😎 Not show fullscreen, slider on mobile "),null;n.useEffect((function(){(b.includes("LightBox")||"Fullscreen"==b)&&document.body.classList.add("noscroll")}),[]);var F=function(n,t){return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return t.target.validity.valueMissing?(t.target.setCustomValidity(S("validator.required")),[3,6]):[3,1];case 1:return t.target.validity.valid||t.target.validity.customError?[3,2]:("tel"===n?t.target.setCustomValidity(S("validator.phone")):"date"===n?t.target.setCustomValidity(S("validator.date")):"email"===n&&t.target.setCustomValidity(S("validator.email")),[3,6]);case 2:return"tel"!==n?[3,5]:window.intlTelInputUtils?[3,4]:[4,require("intl-tel-input/build/js/utils")];case 3:e.sent(),e.label=4;case 4:return window.intlTelInputUtils.isValidNumber(String(t.target.value),x.countryCode)?t.target.setCustomValidity(""):t.target.setCustomValidity(S("validator.phone")),[3,6];case 5:t.target.setCustomValidity(""),e.label=6;case 6:return[2]}}))}))},R=n.useMemo((function(){var e={TextBlock:0,NumberBlock:0,EmailBlock:0,PhoneBlock:0,DateBlock:0,CheckboxBlock:0,RadioBlock:0};return B.map((function(n,t){var a,l;if("TitleBlock"==n.name)return s.default.createElement("h2",{key:t,className:"lead-modal__title ".concat("le-text-align-"+((null===(a=n.data)||void 0===a?void 0:a.align)||"")," ").concat(k)},n.data.value);if("SubtitleBlock"==n.name)return s.default.createElement("p",{key:t,className:"lead-modal__description ".concat("le-text-align-"+((null===(l=n.data)||void 0===l?void 0:l.align)||"")," ").concat(k)},n.data.value);if("TextBlock"==n.name)return e.TextBlock+=1,s.default.createElement("div",{key:t},s.default.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},s.default.createElement("input",{required:!0,"data-key":n.data.value,name:"text"+(e.TextBlock>1?e.TextBlock:""),spellCheck:!1,type:"text",placeholder:n.data.placeholder,className:"lead-modal__form-control width-100%",onChange:function(e){return F("text",e)}}),s.default.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(j,"admin/img/builder/text.svg")})));if("NumberBlock"==n.name){var o=s.default.createElement("div",{key:t},s.default.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},s.default.createElement("input",{required:!0,"data-key":n.data.value,name:"number"+(e.NumberBlock?e.NumberBlock:""),spellCheck:!1,type:"number",min:"0",placeholder:n.data.placeholder,className:"lead-modal__form-control width-100%",onChange:function(e){return F("number",e)}}),s.default.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(j,"admin/img/builder/number.svg")})));return e.NumberBlock+=1,o}if("EmailBlock"==n.name){o=s.default.createElement("div",{key:t},s.default.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},s.default.createElement("input",{required:!0,"data-key":n.data.value,name:"email"+(e.EmailBlock?e.EmailBlock:""),spellCheck:!1,type:"email",placeholder:n.data.placeholder,className:"lead-modal__form-control width-100%",onChange:function(e){return F("email",e)}}),s.default.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(j,"admin/img/builder/email.svg")})));return e.EmailBlock+=1,o}if("PhoneBlock"==n.name){o=s.default.createElement("div",{key:t},s.default.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},s.default.createElement("input",{required:!0,"data-key":n.data.value,name:"tel"+(e.PhoneBlock?e.PhoneBlock:""),spellCheck:!1,type:"tel",placeholder:n.data.placeholder,className:"lead-modal__form-control width-100%",onChange:function(e){return F("tel",e)}}),s.default.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(j,"admin/img/builder/tel.svg")})));return e.PhoneBlock+=1,o}if("DateBlock"==n.name){o=s.default.createElement("div",null,s.default.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},s.default.createElement("input",{required:!0,type:"date","data-key":n.data.value,name:"date"+(e.DateBlock?e.DateBlock:""),placeholder:n.data.placeholder,onClick:function(e){e.currentTarget.classList.remove("placeholderclass")},onBlur:function(e){e.currentTarget.value||e.currentTarget.classList.add("placeholderclass")},className:"dateclass placeholderclass lead-modal__form-control width-100%",onChange:function(e){return F("date",e)}}),s.default.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(j,"admin/img/builder/date.svg")})));return e.DateBlock+=1,o}if("LinkButtonBlock"==n.name)return s.default.createElement("div",{key:t},s.default.createElement("a",{target:n.data.newtab?"blank":"parrent",href:n.data.url,style:{textDecoration:"none"}},s.default.createElement("button",{type:"button",className:"lead-modal__btn js-modal__close js-popup-other-submit ".concat(k),onClick:function(){null==c||c(),null==m||m()}},n.data.value)));if("CheckboxBlock"==n.name){var i=n.data,r=i.listQuestion,d=i.isSendMailChimp,u=void 0!==d&&d;o=s.default.createElement("div",{key:t,style:{margin:"5px 0"}},s.default.createElement("div",{className:"le-checkbox-title"},n.data.placeholder),s.default.createElement("div",{className:"mailchimp-".concat(n.data.value),"data-mailchimp":u}),r.map((function(t,a){return s.default.createElement("label",{key:a,className:"lead-checkbox-container"},s.default.createElement("input",{"data-key":n.data.value,name:"checkbox"+(e.CheckboxBlock?e.CheckboxBlock:"")+"[]",value:t.value,type:"checkbox",onChange:function(e){return F("checkbox",e)}}),s.default.createElement("span",{className:"lead-checkbox-checkmark"}),t.placeholder)})));return e.CheckboxBlock+=1,o}if("RadioBlock"==n.name){r=n.data.listQuestion,o=s.default.createElement("div",{key:t,style:{margin:"5px 0"}},s.default.createElement("div",{className:"le-checkbox-title"},n.data.placeholder),r.map((function(t,a){return s.default.createElement("label",{className:"lead-radio-container",key:a},s.default.createElement("input",{"data-key":n.data.value,name:"radio"+(e.RadioBlock?e.RadioBlock:""),value:t.value,type:"radio",onChange:function(e){return F("radio",e)}}),s.default.createElement("span",{className:"lead-radio-checkmark"}),t.placeholder)})));return e.RadioBlock+=1,o}if("DropdownBlock"==n.name){r=n.data.listQuestion,o=s.default.createElement("div",{key:t,style:{margin:"5px 0"}},s.default.createElement("div",{className:"le-checkbox-title"},n.data.placeholder),s.default.createElement("div",{className:"le-newbuilder-select-wrapper"},s.default.createElement("select",{className:"le-newbuilder-select","data-key":n.data.value,name:"dropdown"+(e.DropdownBlock?e.DropdownBlock:"")},r.map((function(e,n){return s.default.createElement("option",{key:n,value:e.value},e.placeholder)})))));return e.DropdownBlock+=1,o}}))}),[]),U=s.default.createElement(s.default.Fragment,null,s.default.createElement("style",{dangerouslySetInnerHTML:{__html:".le-newbuilder-overlay {\n        background: url(".concat(f,") ;\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      }")}}),s.default.createElement("div",{id:i,"data-popup-url":q,"data-popup-type":"lightbox-inline",className:"lead-modal lead-modal-wrapper modal--animate-scale ".concat(M?"le-buider-inline":""," ").concat(D?"le-buider-slider":"")},"Fullscreen"==b?s.default.createElement("img",{className:"le-only-desktop le-fullscreen-img",draggable:!1,src:h||""}):null,s.default.createElement("div",{className:"lead-modal__wrapper le-newbuilder-wrap-".concat(b)},s.default.createElement("div",{className:"lead-modal__content le-newbuilder-".concat(b)},C?s.default.createElement(w,{title:C.title,titleAlign:C.titleAlign,subtitle:C.subtitle,subtitleAlign:C.subtitleAlign,link:C.link,linkNewTab:C.linkNewTab,linkText:C.linkText,image:C.image}):s.default.createElement(s.default.Fragment,null,s.default.createElement("header",{className:"lead-modal__header"},["LightBoxA","InlineA","Sidebar","Slider"].includes(b)?u?s.default.createElement("img",{draggable:"false",className:"lead-modal__image lead-modal-image-cover",src:u,alt:""}):null:s.default.createElement(s.default.Fragment,null,p?s.default.createElement("img",{draggable:"false",className:"le-only-desktop lead-modal__image lead-modal-image-cover",style:{height:"100%",objectFit:"cover"},src:p,alt:""}):null,u?s.default.createElement("img",{draggable:"false",className:"le-only-mobile lead-modal__image lead-modal-image-cover",src:u,alt:""}):null)),s.default.createElement("div",{className:"lead-modal__body le-newbuilder-overlay"},s.default.createElement("form",{className:"lead-modal__form ".concat(i),onSubmit:_},s.default.createElement("div",{style:{marginBottom:20}},s.default.createElement("h2",{className:"lead-modal__title ".concat("le-text-align-"+(null===(a=L.titleBlock.data)||void 0===a?void 0:a.align)," ").concat(k)},v),s.default.createElement("p",{className:"lead-modal__description ".concat("le-text-align-"+(null===(l=L.titleBlock.data)||void 0===l?void 0:l.align)," ").concat(k)},L.subtitleBlock.data.value)),s.default.createElement("div",null,R),(null===(o=null==T?void 0:T.submitBlock)||void 0===o?void 0:o.isHide)?null:s.default.createElement(s.default.Fragment,null,s.default.createElement("div",{className:"lead-modal__checkbox-wrapper ".concat(k)},s.default.createElement("div",{className:"lead-modal__checkbox"},s.default.createElement("input",{id:"lead-term-checkbox",className:"lead-modal__checkbox__input ".concat(k),type:"checkbox","aria-label":"Checkbox label",checked:H,onChange:function(e){return V(e.currentTarget.checked)}}),s.default.createElement("div",{className:"lead-modal__checkbox__control","aria-hidden":"true"})),s.default.createElement("label",{htmlFor:"checkbox",className:"lead-modal__checkbox__label"},A," ",s.default.createElement("span",{style:{fontWeight:"bold"}},s.default.createElement("a",{target:"blank",href:P||"https://hellobacsi.com/chinh-sach",rel:"noopener noreferrer",style:{textDecoration:"none"}},O)))),s.default.createElement("button",{id:"lead-submit",type:"submit",className:"lead-modal__btn ".concat(k),disabled:!H},I)))))),!b.includes("Inline")&&s.default.createElement("button",{className:"lead-modal__close-btn ".concat("Fullscreen"==b?"lead-fullscreen-desktop-close-btn":""," js-modal__close ").concat(k),onClick:c},s.default.createElement("svg",{className:"lead-modal__close-icon",viewBox:"0 0 24 24"},s.default.createElement("g",{fill:"none",stroke:"currentColor",strokeMiterlimit:"10",strokeWidth:"2"},s.default.createElement("line",{x1:"3",y1:"3",x2:"21",y2:"21"}),s.default.createElement("line",{x1:"21",y1:"3",x2:"3",y2:"21"})))))));return b.includes("LightBox")||"Fullscreen"==b||"Slider"==b?U:"Sidebar"==b?s.default.createElement(N,{content:U}):b.includes("Inline")?s.default.createElement(E,{content:U,inlinePosition:r.popupInlinePosition}):null},S=function(e){var n=e.popupId,t=e.link,a=e.linkText,l=e.linkNewTab,o=e.onClose,i=e.imageMobile,r=e.imageDesktop,d=e.currentLayout,c=e.onOtherSubmit,m=location.pathname;return s.default.createElement("div",{id:n,className:"lead-modal-wrapper","data-popup-url":m,"data-popup-type":"skin_ab"},"SkinA"==d?s.default.createElement("aside",{className:"le-only-desktop"},s.default.createElement("div",{className:"le-skin-a-desktop"},s.default.createElement("div",{style:{position:"relative"}},s.default.createElement("img",{src:r}),s.default.createElement("a",{style:{position:"absolute",top:"75%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center",width:"calc(100% - 15px)"},href:t,target:l?"blank":"_parent"},s.default.createElement("button",{onClick:c,className:"le-joinbow-btn js-popup-other-submit"},a)),s.default.createElement("button",{className:"lead-modal__close-btn js-modal__close ".concat(k)},s.default.createElement("svg",{className:"lead-modal__close-icon",viewBox:"0 0 24 24"},s.default.createElement("g",{fill:"none",stroke:"currentColor",strokeMiterlimit:"10",strokeWidth:"2"},s.default.createElement("line",{x1:"3",y1:"3",x2:"21",y2:"21"}),s.default.createElement("line",{x1:"21",y1:"3",x2:"3",y2:"21"}))))))):"SkinB"==d?s.default.createElement("aside",{className:"le-only-desktop"},s.default.createElement("div",{className:""},s.default.createElement("div",{style:{position:"relative",zIndex:1e4}},s.default.createElement("img",{src:r,style:{width:"100%"}}),s.default.createElement("a",{style:{position:"absolute",top:"75%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center",width:"100%"},href:t,target:l?"blank":"_parent"},s.default.createElement("button",{onClick:c,className:"le-joinbow-btn-mobile js-popup-other-submit"},a)),s.default.createElement(u,{containerClassName:"le-abs-top-right",onClose:o})))):null,s.default.createElement("aside",{className:"le-only-mobile"},s.default.createElement("div",{className:"le-skin-mobile"},s.default.createElement("div",{style:{position:"relative"}},s.default.createElement("img",{src:i,style:{width:"100%"}}),s.default.createElement("a",{style:{position:"absolute",top:"82%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center",maxWidth:"calc(100% - 15px)"},href:t,target:l?"blank":"_parent"},s.default.createElement("button",{onClick:c,className:"le-joinbow-btn-mobile js-popup-other-submit"},a)),s.default.createElement(u,{containerClassName:"le-abs-top-right",svgClassName:"le-mobile-btn",onClose:o})))))},B=function(e){var n=e.popupId,t=e.url,a=e.newTab,l=e.image,o=e.onClose,i=e.onOtherSubmit;return s.default.createElement("div",{id:n,className:"lead-modal-wrapper","data-popup-url":location.pathname,"data-popup-type":"tab"},s.default.createElement("div",{className:"le-tab-popup"},s.default.createElement("div",{style:{position:"relative"}},s.default.createElement("a",{href:t,target:a?"blank":"_parent",onClick:i},s.default.createElement("img",{className:"js-popup-other-submit",src:l})),s.default.createElement(u,{onClose:o,containerClassName:"le-abs-outer-mobile-top-right-2",svgClassName:"le-mobile-btn"}))))};var T=function(e){var t,a,l=e.campaign,i=e.action,c=e.onSubmit,m=e.onClose,u=e.showThankyou;d.useTranslations().t;var g=n.useContext(y),h=g.apiUrl,b=g.siteDomain;n.useEffect((function(){var e=o.getCookie("_ga")||null;fetch("".concat(h,"api/campaign/").concat(x,"/impression"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:i,url:location.href.toLowerCase(),title_article:document.title,cookie_id:o.getCookie("hhg-id"),ga_client_id:e})})}),[]);var k=l.extra_fields,v=l.image,_=l.image_desktop,x=l.code,w=l.image_background,E=l.image_overlay_mobile,N=l.image_overlay_desktop,T=k.currentLayout,L=k.imageBlocks?JSON.parse(k.imageBlocks):{},j=JSON.parse(k.actionBlocks),P=JSON.parse(k.textBlocks),A=(null===(a=null===(t=null==P?void 0:P.titleBlock)||void 0===t?void 0:t.data)||void 0===a?void 0:a.value)||"",O={1:{},2:{},3:{}},I=n.useRef("lead-modal-"+r.v1()),q=function(e){if(void 0===e&&(e="Xin chao {{category_2}} extra"),e.includes("{{category_")){var n="{{category_".length,t=e.search("{{category_");return+e.charAt(n+t)}return null}(A);if(q){console.log("⚡️ Has categoryLevel",q);var M=Array.from(document.getElementsByTagName("META")),D=M.find((function(e){return e.name==="content_category_".concat(q)})),z=M.find((function(e){return e.name==="content_category_en_".concat(q)}));if(!D||!z)return console.log("⚡️ No META TAG for categoryLevel, not show popup",q),null;O[q]={value:D.content,value_en:z.content},A=A.replace("{{category_".concat(q,"}}"),D.content),console.log("⚡️ Set categoryData ",q)}else console.log("⚡️ No categoryLevel",q);var H=function(){var e,n,t,a;if(console.log("👌 Other submit click"),document.body.classList.remove("noscroll"),T.includes("Skin")){var i=document.querySelector("#masthead");i&&(i.style.top="0px !important;")}var r=Number(null!==(n=null===(e=l.rules.find((function(e){return"days_to_show_again"==e.rule})))||void 0===e?void 0:e.value)&&void 0!==n?n:7),d=Number(null!==(a=null===(t=l.rules.find((function(e){return"show_again_after_submit"==e.rule})))||void 0===t?void 0:t.value)&&void 0!==a?a:0);0===d&&(console.log("⛔ Popup never show again!"),o.setCookie("lead_submited_".concat(x),"target_".concat(k.popupVersion),{domain:"."+b,path:"/"})),1==d&&(console.log("⌛ Popup will show again after ".concat(r," days!")),o.setCookie("lead_submited_".concat(x),"target_".concat(k.popupVersion),{domain:"."+b,days:r,path:"/"}));var c=o.getCookie("_ga")||null,s={url:location.href.toLowerCase(),title_article:document.title,meta:[],cookie_id:o.getCookie("hhg-id"),ga_client_id:c};q&&(s.category=O[q].value_en),fetch("".concat(h,"api/campaign/").concat(x,"/lead"),{method:"POST",body:JSON.stringify(s),headers:{"Content-Type":"application/json","X-Requested-With":"XMLHttpRequest"}}).then((function(e){return e.json()})).then((function(e){"error"===e.status&&console.log(e)})).catch((function(e){console.error("Error:",e)})),null==m||m()};return"CenterTab"===T?s.default.createElement(p,{popupId:I.current,url:L.imageMobile.data.url,newTab:L.imageMobile.data.newtab,imageMobile:v,imageDestkop:_,onClose:m,onOtherSubmit:H}):"Tab"===T?s.default.createElement(B,{popupId:I.current,url:L.imageMobile.data.url,newTab:L.imageMobile.data.newtab,image:v,onClose:m,onOtherSubmit:H}):"Floating"===T?s.default.createElement(f,{popupId:I.current,title:A,titleAlign:P.titleBlock.data.align,subtitle:P.subtitleBlock.data.value,subtitleAlign:P.subtitleBlock.data.align,url:j.linkButtonBlock.data.url,urlText:j.linkButtonBlock.data.value,newTab:j.linkButtonBlock.data.newtab,imageMobile:v,imageDesktop:_,onClose:m,onOtherSubmit:H}):T.includes("LightBox")||T.includes("Inline")||"Fullscreen"==T||"Sidebar"==T||"Slider"==T?s.default.createElement(C,{popupId:I.current,extraFields:k,onClose:m,onOtherSubmit:H,imageMobile:v,imageDesktop:_,imageBackground:w,currentLayout:T,title:A,onSubmit:function(e){return c(e,q,O,I.current)},key:T,imageOverlayDesktop:N,imageOverlayMobile:E,showThankyou:u}):T.includes("Skin")?s.default.createElement(S,{popupId:I.current,link:j.linkButtonBlock.data.url,linkNewTab:!!j.linkButtonBlock.data.newtab,linkText:j.linkButtonBlock.data.value,onClose:m,onOtherSubmit:H,imageMobile:v,imageDesktop:_,currentLayout:T}):null},L=function(t){var a=t.campaign,l=t.action,i=t.onSubmit,r=t.onClose,c=t.showThankyou,m=d.useTranslations().t,u=n.useState(!0),p=u[0],f=u[1];n.useEffect((function(){document.body.classList.add("noscroll");var e=o.getCookie("_ga")||null;fetch("".concat(B,"api/campaign/").concat(b,"/impression"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:l||"",url:location.href.toLowerCase(),title_article:document.title,cookie_id:o.getCookie("hhg-id"),ga_client_id:e})})}),[]);var g=a.extra_fields,h=a.image,b=a.code,v=g.title,_=g.desc,E=g.submit,N=g.popUpTermURL,C=g.popUpTermAgreeText,S=g.popUpTermText,B=n.useContext(y).apiUrl,T=g.fields?JSON.parse(g.fields):[],L={tel:0,text:0,date:0,email:0},j=function(n,t){return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return t.target.validity.valueMissing?(t.target.setCustomValidity(m("validator.required")),[3,5]):[3,1];case 1:return t.target.validity.valid||t.target.validity.customError?[3,2]:("tel"===n?t.target.setCustomValidity(m("validator.phone")):"date"===n?t.target.setCustomValidity(m("validator.date")):"email"===n&&t.target.setCustomValidity(m("validator.email")),[3,5]);case 2:return"tel"!==n?[3,4]:[4,require("intl-tel-input")];case 3:return e.sent().isValidNumber(String(t.target.value),x.countryCode)?t.target.setCustomValidity(""):t.target.setCustomValidity(m("validator.phone")),[3,5];case 4:t.target.setCustomValidity(""),e.label=5;case 5:return[2]}}))}))},P=T.map((function(e,n){var t=s.default.createElement(s.default.Fragment,null);return t="date"==e.control?s.default.createElement("div",{key:n,className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},s.default.createElement("input",{required:!0,type:"date","data-key":e.listEdit[0].value,name:L.date?e.control+L.date:e.control,placeholder:e.listEdit[1].value||"...",onClick:function(e){return e.currentTarget.classList.remove("placeholderclass")},onBlur:function(e){return!e.currentTarget.value&&e.currentTarget.classList.add("placeholderclass")},className:"dateclass placeholderclass lead-modal__form-control width-100%",onChange:function(n){return j(e.control,n)}}),s.default.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(B,"admin/img/builder/").concat(e.name,".svg")})):s.default.createElement("div",{key:n,className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},s.default.createElement("input",{required:!0,"data-key":e.listEdit[0].value,name:L[e.control]?e.control+L[e.control]:e.control,spellCheck:!1,type:e.control,placeholder:e.listEdit[1].value||"...",className:"lead-modal__form-control width-100%",onChange:function(n){return j(e.control,n)}}),s.default.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(B,"admin/img/builder/").concat(e.name,".svg")})),"date"==e.control&&(L.date+=1),"text"==e.control&&(L.text+=1),"tel"==e.control&&(L.tel+=1),"email"==e.control&&(L.email+=1),t}));return s.default.createElement("div",{id:"lead-modal",className:"lead-modal modal--animate-scale"},s.default.createElement("div",{className:"lead-modal__wrapper animate__animated "},s.default.createElement("div",{className:"lead-modal__content"},c?s.default.createElement(w,{title:c.title,titleAlign:c.titleAlign,subtitle:c.subtitle,subtitleAlign:c.subtitleAlign,link:c.link,linkNewTab:c.linkNewTab,linkText:c.linkText,image:c.image}):s.default.createElement(s.default.Fragment,null,s.default.createElement("header",{className:"lead-modal__header"},!!h&&s.default.createElement("img",{className:"lead-modal__image lead-modal-image-cover",src:h,alt:""})),s.default.createElement("div",{className:"lead-modal__body"},s.default.createElement("h2",{className:"lead-modal__title ".concat(k)},v),s.default.createElement("p",{className:"lead-modal__description ".concat(k)},_),s.default.createElement("form",{className:"lead-modal__form",onSubmit:function(e){e.preventDefault(),i(e)}},P,s.default.createElement("div",{className:"lead-modal__checkbox-wrapper ".concat(k)},s.default.createElement("div",{className:"lead-modal__checkbox"},s.default.createElement("input",{id:"lead-term-checkbox",className:"lead-modal__checkbox__input ".concat(k),type:"checkbox","aria-label":"Checkbox label",checked:p,onChange:function(e){return f(e.currentTarget.checked)}}),s.default.createElement("div",{className:"lead-modal__checkbox__control","aria-hidden":"true"})),s.default.createElement("label",{htmlFor:"checkbox",className:"lead-modal__checkbox__label"},C," ",s.default.createElement("span",{style:{fontWeight:"bold"}},s.default.createElement("a",{target:"blank",href:N||"https://hellobacsi.com/chinh-sach",style:{textDecoration:"none"},rel:"noopener noreferrer"},S)))),s.default.createElement("button",{id:"lead-submit",type:"submit",className:"lead-modal__btn ".concat(k),disabled:!p},E))))),s.default.createElement("button",{className:"lead-modal__close-btn js-modal__close ".concat(k),onClick:r},s.default.createElement("svg",{className:"lead-modal__close-icon",viewBox:"0 0 24 24"},s.default.createElement("title",null,"Close modal window"),s.default.createElement("g",{fill:"none",stroke:"currentColor",strokeMiterlimit:"10",strokeWidth:"2"},s.default.createElement("line",{x1:"3",y1:"3",x2:"21",y2:"21"}),s.default.createElement("line",{x1:"21",y1:"3",x2:"3",y2:"21"}))))))},j=function(e){var n=e.campaign,t=e.action,a=e.onSubmit,l=e.onClose,o=e.showThankyou;return n.extra_fields?"2.1"==n.extra_fields.popupVersion?s.default.createElement(T,{campaign:n,action:t,onSubmit:a,onClose:l,showThankyou:o}):s.default.createElement(L,{campaign:n,action:t,onSubmit:a,onClose:l,showThankyou:o}):null},P={"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}."},A={"en-PH":P,"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":P},O=function(e){var n=A[e];return n||A["en-PH"]},I=n.memo((function(){return s.default.createElement("style",{dangerouslySetInnerHTML:{__html:"\n  /* lead-modal : start */\n  .lead-modal {\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    padding: 15px 15px 25px 15px;\n  }\n\n  .lead-modal__title {\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-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    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-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"}})}));function q(n){var t=n.leadApi,a=n.leadSiteId,l=n.leadDomain,i=n.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:o.getCookie("_ga")||null})}).then((function(e){return e.json()})).then((function(n){var t,a,c;if(console.log("List campagin: ",n),v="https://"+location.hostname+location.pathname+location.search,1==n._status){var s=n._data.campaigns;o.getCookie("hhg-id")||(o.setCookie("hhg-id",r.v1(),{domain:"."+l,path:"/"}),console.log("😍 Set HHG ID cookie"));var m=[];m=/Android|webOS|iPhone|iPad|iPod|BlackBerry|BB|PlayBook|IEMobile|Windows Phone|Kindle|Silk|Opera Mini/i.test(navigator.userAgent)?s.filter((function(e){return e.device_types.some((function(e){return e.id==b.MOBILE}))})):s.filter((function(e){return e.device_types.some((function(e){return e.id==b.DESKTOP}))})),console.log("👓 campaignsDevice",m);var u=m.map((function(n,t){return n.targets.filter((function(e){return e.type==g.LINKS})).map((function(n){return e.__assign(e.__assign({},n),{campaignIndex:t})}))})).flat(1);u=u.filter((function(e){var n=new URL(String(e.target).toLowerCase());return"exact_match"==e.option?Boolean(d===n.href):"start_with"==e.option?!!d.includes(String(e.target))&&!e.sub_target.filter((function(e){return"excluding"==e.option})).map((function(e){return e.value})).includes(d):void 0}));var p=Array.from(document.getElementsByTagName("META")).filter((function(e){return"article:tag"==e.getAttribute("property")})).map((function(e){return e.content})),f=[];p&&p.length&&(f=m.map((function(n,t){return n.targets.filter((function(e){return e.type==g.TAGS})).map((function(n){return e.__assign(e.__assign({},n),{campaignIndex:t})}))})).flat(1).filter((function(e){return p.includes(e.target)})));var h=e.__spreadArray(e.__spreadArray([],u,!0),f,!0),k=document.cookie.split("; ").map((function(e){return e.split("=")[0]})),_=k.filter((function(e){return e.includes("lead_submited")}));console.log("--listCampaignCodeSubmited",_);var x=k.filter((function(e){return e.includes("lead_closed")}));console.log("--listCampaignCodeClosed",x);var y,w=e.__spreadArray(e.__spreadArray([],_,!0),x,!0);if(y=h.filter((function(e){return!w.some((function(n){return n.includes(m[e.campaignIndex].code)}))})).sort((function(e,n){return e.score-n.score})),console.log("--listCampaignValid : ",y),y&&y.length){var E=m[y[0].campaignIndex];console.log("CAMPAIGN_SHOW",E);var N=E.rules,C=Number(null===(t=N.find((function(e){return"time"==e.rule})))||void 0===t?void 0:t.value);console.log("timeoutRule",C);var S=Number(null===(a=N.find((function(e){return"scroll"==e.rule})))||void 0===a?void 0:a.value);console.log("scrollRule",S);var B=Number(null===(c=N.find((function(e){return"exclude_sponsored"==e.rule})))||void 0===c?void 0:c.value);console.log("excludeSponsored",B);var T=Boolean(document.querySelector(".hhg-disclaimer-text"));if(console.log("💎 LEAD current page isSponsored",T),T&&B)return;var L="TIME";if(Number.isInteger(C)&&(L="TIME",console.log("✨ SHOW AWESOME POPUP AFTER: ",C," seconds"),setTimeout((function(){null==i||i(E,L)}),1e3*C)),Number.isInteger(S)){L="SCROLL",console.log("✨ SHOW AWESOME AFTER: SCROLL",S," %");var j=document.querySelector('[data-url="'.concat(location.pathname,'"]'))||document.querySelector("body"),P=j.getBoundingClientRect().top,A=j.offsetHeight;console.log("👓 Element check scroll: ",j);var O=function(){var e=window.pageYOffset||document.documentElement.scrollTop,n=0;e>=P&&(n=Math.round((e-P)/(A-innerHeight)*100)),console.log("---Scroll",n,S),n>=S&&(window.removeEventListener("scroll",O),null==i||i(E,L))};window.addEventListener("scroll",O)}}else console.log("🚧 No lead campaigns on current URL, tags")}})).catch((function(e){console.error("Lead error: ",e)}))}exports.LeadGen=function(t){var r=t.apiUrl,d=t.siteDomain,c=t.siteId,u=t.locale,p=n.useRef(),f=n.useRef(Date.now()),g=n.useMemo((function(){var e=r;return e.includes("localhost")&&(e="https://dev.leadgen.hellobacsi.com/"),{apiUrl:e}}),[r,d,c]).apiUrl,h=n.useState(null),b=h[0],k=h[1],v=n.useState(""),_=v[0],w=v[1],E=n.useState(null),N=E[0],C=E[1],S=function(e,n){k(e),w(n)},B=function(){var e,n;if(b){console.log("👋👋👋 CLOSE POPUP ".concat(b.code," 👋👋👋"));var t=Number(null===(e=b.rules.find((function(e){return"show_again_after_exit "==e.rule})))||void 0===e?void 0:e.value),a=Number(null===(n=b.rules.find((function(e){return"days_to_show_again"==e.rule})))||void 0===n?void 0:n.value);0==t&&(a?o.setCookie("lead_closed_".concat(b.code),"target_".concat(b.extra_fields.popupVersion),{domain:"."+d,days:a,path:"/"}):o.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:o.getCookie("hhg-id"),duration:Math.ceil((Date.now()-f.current)/1e3)})}),k(null),C(null)}};n.useEffect((function(){if(window.next){var e=m.default((function(e){console.log("--🌻 routeChangeComplete",e,Date.now());var n=location.pathname;B(),document.querySelectorAll('[data-popup-url="'.concat(n,'"]')).length||q({leadApi:g,leadDomain:d,leadSiteId:c,onShowPopup:S}),p.current&&window.removeEventListener("scroll",p.current)}),500);window.next.router.events.on("routeChangeComplete",e)}q({leadApi:g,leadDomain:d,leadSiteId:c,onShowPopup:S})}),[]);return n.useEffect((function(){b&&(f.current=Date.now())}),[b]),s.default.createElement(y.Provider,{value:{apiUrl:g,siteDomain:d,siteId:c,locale:u}},s.default.createElement(l.TranslationsContext.Provider,{value:{locale:u,values:O(u)}},s.default.createElement(I,null),a.createPortal(s.default.createElement(s.default.Fragment,null,b&&s.default.createElement(j,{campaign:b,onClose:B,onSubmit:function(n,t,a,l){return e.__awaiter(void 0,void 0,void 0,(function(){var i,r,c,s,m,u,p,f,h,k,v,_,y,w,E,N,S,T,L,j,P,A,O,I,q,M,D,z,H,V,F,R,U,W;return e.__generator(this,(function(e){switch(e.label){case 0:return n.preventDefault(),console.log("submitHandler",t,a),i=new FormData(n.currentTarget),r={},i.forEach((function(e,n){r[n]=r[n]||[],r[n].push(e)})),c=Object.keys(r).map((function(e){return{name:e,value:String(r[e])}})),s=2,m=o.getCookie("_ga")||null,window.intlTelInputUtils?[3,2]:[4,require("intl-tel-input/build/js/utils")];case 1:e.sent(),e.label=2;case 2:return u={url:location.href.toLowerCase(),title_article:document.title,meta:c.map((function(e){var n,t,a;return{key:null===(n=document.querySelector(".lead-modal__form.".concat(l,' [name="').concat(e.name,'"]')))||void 0===n?void 0:n.getAttribute("data-key"),value:(null==x?void 0:x.countryCodeNumber)&&["tel","tel1","tel2","tel3"].includes(e.name)?window.intlTelInputUtils.formatNumber(String(e.value),null==x?void 0:x.countryCodeNumber,s).replace(/\s+/g,""):e.value,control:e.name.replace("1","").replace("2","").replace("3",""),is_sent_mailchimp:(null===(a=document.querySelector(".lead-modal__form.".concat(l," .mailchimp-").concat(null===(t=document.querySelector(".lead-modal__form.".concat(l,' [name="').concat(e.name,'"]')))||void 0===t?void 0:t.getAttribute("data-key"))))||void 0===a?void 0:a.getAttribute("data-mailchimp"))||"false"}})),cookie_id:o.getCookie("hhg-id"),ga_client_id:m},t&&a[t].value_en&&(u.category=a[t].value_en),p=Number((null===(q=null===(I=b.rules)||void 0===I?void 0:I.find((function(e){return"days_to_show_again"===e.rule})))||void 0===q?void 0:q.value)||7),0==(f=Number((null===(D=null===(M=b.rules)||void 0===M?void 0:M.find((function(e){return"show_again_after_submit"===e.rule})))||void 0===D?void 0:D.value)||0))&&(console.log("⛔ Popup never show again!"),o.setCookie("lead_submited_".concat(b.code),"target_".concat(b.extra_fields.targetType),{domain:"."+d,path:"/"})),1==f&&(console.log("⌛ Popup will show again after ".concat(p," days!")),o.setCookie("lead_submited_".concat(b.code),"target_".concat(b.extra_fields.targetType),{domain:"."+d,days:p,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?(B(),document.body.classList.remove("noscroll"),[2]):(h=!0,k=b.thank_you_image||"".concat(g,"admin/img/thanksyou.png"),v=b.extra_fields.popupThankyouTitle||"Thank you.",_=b.extra_fields.popupThankyouDesc||"We appreciate your time!",y="",w="",S="","2.1"==b.extra_fields.popupVersion&&(T=b.extra_fields,L=JSON.parse(T.listBlockThankyou),j=L.find((function(e){return"TitleBlock"==e.name})),P=L.find((function(e){return"SubtitleBlock"==e.name})),A=L.find((function(e){return"LinkButtonBlock"==e.name})),v=(null===(z=null==j?void 0:j.data)||void 0===z?void 0:z.value)||"",y=(null===(H=null==j?void 0:j.data)||void 0===H?void 0:H.align)||"",_=(null===(V=null==P?void 0:P.data)||void 0===V?void 0:V.value)||"",w=(null===(F=null==P?void 0:P.data)||void 0===F?void 0:F.align)||"",E=(null===(R=null==A?void 0:A.data)||void 0===R?void 0:R.value)||"",N=(null===(U=null==A?void 0:A.data)||void 0===U?void 0:U.newtab)||!1,S=(null===(W=null==A?void 0:A.data)||void 0===W?void 0:W.url)||"",O=b.extra_fields.currentLayout,["SkinA","SkinB","Floating","Tab","CenterTab"].includes(O)&&(h=!1)),C(h?{title:v,titleAlign:y,subtitle:_,subtitleAlign:w,link:S,linkNewTab:N,linkText:E,image:k}: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(e){var n=e.name,t=e.value;"tel"==n?window.insider_object.user.phone_number=t:"email"==n&&(window.insider_object.user.email=t)})),sessionStorage.setItem("insider_object",JSON.stringify(window.insider_object)),[2])}}))}))},action:_,showThankyou:N})),i.getPopupWrapperDom())))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tslib.es6-e6f346c4.js"),n=require("react"),t=require("lodash/debounce"),a=require("react-dom"),l=require("./translationsContext-14a025ec.js"),o=require("./cookieHelper-3553173d.js"),i=require("./utils-43f2c752.js"),r=require("uuid"),d=require("./useTranslations-ef4df454.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("dayjs"),require("./screenSizeContext-00584173.js"),require("./lazyLoad-f5c59bb0.js"),require("styled-components"),require("./index-5830eec7.js"),require("./isProduction-32e6a55a.js"),require("./Locale-11b51016.js"),require("./gAssets.js"),require("string-format"),require("lodash/throttle"),require("vanilla-lazyload");var s=c(n),m=c(t),u=function(e){var n=e.onClose,t=e.containerClassName,a=e.svgClassName;return s.default.createElement("button",{onClick:n,className:"le-newbuilder-close-button js-modal__close ".concat(t||"")},s.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"},s.default.createElement("defs",null,s.default.createElement("filter",{width:"53",height:"53",filterUnits:"userSpaceOnUse"},s.default.createElement("feGaussianBlur",{result:"blur",stdDeviation:"3"}),s.default.createElement("feFlood",{floodOpacity:".4"}),s.default.createElement("feComposite",{in2:"blur",operator:"in"}),s.default.createElement("feComposite",{in:"SourceGraphic"})),s.default.createElement("style",{dangerouslySetInnerHTML:{__html:".cls-2{fill:none;stroke:#fff;stroke-linecap:round;stroke-width:2px}"}})),s.default.createElement("g",{filter:"url(#Ellipse_482)"},s.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"})),s.default.createElement("path",{d:"M19 19L34 34",className:"cls-2"}),s.default.createElement("path",{d:"M34 19L19 34",className:"cls-2"})))},p=function(e){var n=e.popupId,t=e.url,a=e.newTab,l=e.imageDestkop,o=e.imageMobile,i=e.onClose,r=e.onOtherSubmit;return s.default.createElement("div",{id:n,className:"lead-modal-wrapper","data-popup-url":location.pathname,"data-popup-type":"center_tab"},s.default.createElement("div",{className:"le-center-tab-popup"},s.default.createElement("div",{style:{position:"relative"}},s.default.createElement("a",{className:"js-popup-other-submit",href:t,target:a?"blank":"_parent",onClick:r},s.default.createElement("img",{className:"le-only-mobile",src:o}),s.default.createElement("img",{className:"le-only-desktop",src:l})),s.default.createElement(u,{onClose:i,containerClassName:"le-abs-outer-mobile-top-right-2",svgClassName:"le-mobile-btn"}))))},f=function(e){var n=e.popupId,t=e.url,a=e.title,l=e.urlText,o=e.titleAlign,i=e.subtitle,r=e.subtitleAlign,d=e.newTab,c=e.imageDesktop,m=e.imageMobile,p=e.onClose,f=e.onOtherSubmit;return s.default.createElement("div",{id:n,className:"lead-modal-wrapper lead-floating-wrapper","data-popup-url":location.pathname,"data-popup-type":"floating"},s.default.createElement("aside",{className:"le-only-desktop"},s.default.createElement("div",{className:"le-floating-desktop"},s.default.createElement("div",{className:"le-floating-desktop-wrap",style:{position:"relative",background:"#fff"}},c?s.default.createElement("div",null,s.default.createElement("img",{style:{maxWidth:120,borderTopLeftRadius:5,borderBottomLeftRadius:5},src:c})):null,s.default.createElement("div",{style:{padding:20}},s.default.createElement("div",{className:"le-floating-desktop-title le-text-align-".concat(o)},a),s.default.createElement("div",{className:"le-floating-desktop-desc le-text-align-".concat(r)},i)),s.default.createElement("a",{target:d?"blank":"_parent",style:{marginLeft:35,textDecoration:"none"},href:t},s.default.createElement("button",{className:"le-joinbow-floating-btn js-popup-other-submit",onClick:f},l)),s.default.createElement(u,{onClose:p,containerClassName:"le-abs-outer-top-right"})))),s.default.createElement("aside",{className:"le-only-mobile"},s.default.createElement("div",{className:"le-floating-mobile"},s.default.createElement("div",{className:"le-floating-mobile-wrap",style:{position:"relative",background:"#fff"}},s.default.createElement("aside",{style:{display:"flex",justifyContent:"space-between"}},s.default.createElement("div",null,s.default.createElement("div",{className:"le-floating-mobile-title le-text-align-".concat(o)},a),s.default.createElement("div",{className:"le-floating-mobile-desc le-text-align-".concat(r)},i)),m?s.default.createElement("div",null,s.default.createElement("img",{style:{marginLeft:15,marginTop:4,maxWidth:100},src:m})):null),s.default.createElement("div",{style:{textAlign:"center",marginTop:10}},s.default.createElement("a",{target:d?"blank":"_parent",href:t,style:{textDecoration:"none"}},s.default.createElement("button",{className:"le-joinbow-floating-btn js-popup-other-submit",onClick:f},l))),s.default.createElement(u,{onClose:p,containerClassName:"le-abs-outer-top-right",svgClassName:"le-mobile-btn"})))))},g=1,h=2,b="https://dev.leadgen.hellobacsi.com/",k=1,v=2,_="";b.includes("localhost")&&(b="https://dev.leadgen.hellobacsi.com/"),location.hostname.includes("marrybaby.vn")&&(_="pink");var x="https://"+location.hostname+location.pathname+location.search;x=x.toLowerCase(),sessionStorage.getItem("insider_object")&&(window.insider_object=JSON.parse(sessionStorage.getItem("insider_object")));var y={"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}},w=y[document.documentElement.lang]||y["vi-VN"];var E=n.createContext({}),N=function(e){var n=e.title,t=e.titleAlign,a=e.subtitle,l=e.subtitleAlign,o=e.link,i=e.linkNewTab,r=e.linkText,d=e.image;return s.default.createElement("div",{className:"lead-modal__thank-you"},s.default.createElement("div",{style:{width:"100%"}},s.default.createElement("img",{src:d,style:{maxHeight:162,objectFit:"cover"}}),n&&s.default.createElement("h1",{className:"le-thankyou-title le-text-align-".concat(t)},n),a&&s.default.createElement("p",{className:"le-thankyou-subtitle le-text-align-".concat(l)},a),r&&s.default.createElement("div",null,s.default.createElement("a",{href:o,target:i?"_blank":"parrent",rel:"noreferrer"},s.default.createElement("button",{className:"lead-modal__btn ".concat(_)},r)))))},C=function(t){var l=t.content,o=t.inlinePosition,i=n.useMemo((function(){if(!o)return null;var n=document.querySelectorAll('[data-url="'.concat(location.pathname,'"] .body-content')),t=Array.from(n).reduce((function(n,t){return e.__spreadArray(e.__spreadArray([],n,!0),Array.from(t.children),!0)}),[]);if(null==t?void 0:t.length){var a=t.filter((function(e){return"P"===e.nodeName})),l=t.filter((function(e){return"H2"===e.nodeName})),i=null;switch(o){case"1th":i=a[0];break;case"2th":i=a[1];break;case"3th":i=a[2];break;case"4th":i=a[3];break;case"5th":i=a[4];break;case"6th":i=a[5];break;case"7th":i=a[6];break;case"8th":i=a[7];break;case"9th":i=a[8];break;case"10th":i=a[9];break;case"11th":i=a[10];break;case"12th":i=a[11];break;case"lastP":i=a[a.length-1];break;case"1thH2":i=l[0];break;case"2thH2":i=l[1];break;case"3thH2":i=l[2];break;case"4thH2":i=l[3];break;case"5thH2":i=l[4];break;case"6thH2":i=l[5];break;case"7thH2":i=l[6];break;case"8thH2":i=l[7];break;case"9thH2":i=l[8];break;case"10thH2":i=l[9];break;case"lastH2":i=l[l.length-1]}if(i){if(i.parentElement.querySelector(".inline-lead-wrapper"))return i.parentElement.querySelector(".inline-lead-wrapper");var r=document.createElement("div");return r.classList.add("inline-lead-wrapper"),i.nextElementSibling?i.parentElement.insertBefore(r,i.nextElementSibling):i.parentElement.appendChild(r),r}}}),[o]);return o&&i?a.createPortal(l,i):null},S=function(e){var t=e.content,l=n.useMemo((function(){var e=Array.from(document.querySelectorAll(".hc2-sidebar-with-ads,.page-main-col .right-col.f-right,.hhg-lead-sidebar"));return e.forEach((function(e){if(!e.querySelector(".sidebar-lead-modal-wrapper")){var n=document.createElement("div");n.classList.add("sidebar-lead-modal-wrapper"),e.prepend(n)}})),e.map((function(e){return e.querySelector(".sidebar-lead-modal-wrapper")}))}),[]);return s.default.createElement(s.default.Fragment,null,l.map((function(e){return a.createPortal(t,i.getWrapperDomWithSelector(e,"sidebar-lead-modal-wrapper"))})))},B=function(t){var a,l,o,i=t.popupId,r=t.extraFields,c=t.onClose,m=t.onOtherSubmit,u=t.imageMobile,p=t.imageDesktop,f=t.imageOverlayMobile,g=t.imageOverlayDesktop,h=t.imageBackground,b=t.currentLayout,k=t.title,v=t.onSubmit,x=t.showThankyou,y=d.useTranslations().t,B=JSON.parse(r.listBlockAdded),T=JSON.parse(r.actionBlocks),j=JSON.parse(r.textBlocks),L=n.useContext(E).apiUrl,P=T.submitBlock.data.url,A=T.submitBlock.data.text,q=T.submitBlock.data.text2,O=T.submitBlock.data.value,I=location.pathname,M=b.includes("Inline")||"Sidebar"===b,z="Slider"===b,D=n.useState(!0),H=D[0],V=D[1];if(window.innerWidth<769&&["Fullscreen","Slider"].includes(b))return console.log("😎 Not show fullscreen, slider on mobile "),null;n.useEffect((function(){(b.includes("LightBox")||"Fullscreen"==b)&&document.body.classList.add("noscroll")}),[]);var F=function(n,t){return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return t.target.validity.valueMissing?(t.target.setCustomValidity(y("validator.required")),[3,6]):[3,1];case 1:return t.target.validity.valid||t.target.validity.customError?[3,2]:("tel"===n?t.target.setCustomValidity(y("validator.phone")):"date"===n?t.target.setCustomValidity(y("validator.date")):"email"===n&&t.target.setCustomValidity(y("validator.email")),[3,6]);case 2:return"tel"!==n?[3,5]:window.intlTelInputUtils?[3,4]:[4,require("intl-tel-input/build/js/utils")];case 3:e.sent(),e.label=4;case 4:return window.intlTelInputUtils.isValidNumber(String(t.target.value),w.countryCode)?t.target.setCustomValidity(""):t.target.setCustomValidity(y("validator.phone")),[3,6];case 5:t.target.setCustomValidity(""),e.label=6;case 6:return[2]}}))}))},R=n.useMemo((function(){var e={TextBlock:0,NumberBlock:0,EmailBlock:0,PhoneBlock:0,DateBlock:0,CheckboxBlock:0,RadioBlock:0};return B.map((function(n,t){var a,l;if("TitleBlock"==n.name)return s.default.createElement("h2",{key:t,className:"lead-modal__title ".concat("le-text-align-"+((null===(a=n.data)||void 0===a?void 0:a.align)||"")," ").concat(_)},n.data.value);if("SubtitleBlock"==n.name)return s.default.createElement("p",{key:t,className:"lead-modal__description ".concat("le-text-align-"+((null===(l=n.data)||void 0===l?void 0:l.align)||"")," ").concat(_)},n.data.value);if("TextBlock"==n.name)return e.TextBlock+=1,s.default.createElement("div",{key:t},s.default.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},s.default.createElement("input",{required:!0,"data-key":n.data.value,name:"text"+(e.TextBlock>1?e.TextBlock:""),spellCheck:!1,type:"text",placeholder:n.data.placeholder,className:"lead-modal__form-control width-100%",onChange:function(e){return F("text",e)}}),s.default.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(L,"admin/img/builder/text.svg")})));if("NumberBlock"==n.name){var o=s.default.createElement("div",{key:t},s.default.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},s.default.createElement("input",{required:!0,"data-key":n.data.value,name:"number"+(e.NumberBlock?e.NumberBlock:""),spellCheck:!1,type:"number",min:"0",placeholder:n.data.placeholder,className:"lead-modal__form-control width-100%",onChange:function(e){return F("number",e)}}),s.default.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(L,"admin/img/builder/number.svg")})));return e.NumberBlock+=1,o}if("EmailBlock"==n.name){o=s.default.createElement("div",{key:t},s.default.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},s.default.createElement("input",{required:!0,"data-key":n.data.value,name:"email"+(e.EmailBlock?e.EmailBlock:""),spellCheck:!1,type:"email",placeholder:n.data.placeholder,className:"lead-modal__form-control width-100%",onChange:function(e){return F("email",e)}}),s.default.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(L,"admin/img/builder/email.svg")})));return e.EmailBlock+=1,o}if("PhoneBlock"==n.name){o=s.default.createElement("div",{key:t},s.default.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},s.default.createElement("input",{required:!0,"data-key":n.data.value,name:"tel"+(e.PhoneBlock?e.PhoneBlock:""),spellCheck:!1,type:"tel",placeholder:n.data.placeholder,className:"lead-modal__form-control width-100%",onChange:function(e){return F("tel",e)}}),s.default.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(L,"admin/img/builder/tel.svg")})));return e.PhoneBlock+=1,o}if("DateBlock"==n.name){o=s.default.createElement("div",null,s.default.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},s.default.createElement("input",{required:!0,type:"date","data-key":n.data.value,name:"date"+(e.DateBlock?e.DateBlock:""),placeholder:n.data.placeholder,onClick:function(e){e.currentTarget.classList.remove("placeholderclass")},onBlur:function(e){e.currentTarget.value||e.currentTarget.classList.add("placeholderclass")},className:"dateclass placeholderclass lead-modal__form-control width-100%",onChange:function(e){return F("date",e)}}),s.default.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(L,"admin/img/builder/date.svg")})));return e.DateBlock+=1,o}if("LinkButtonBlock"==n.name)return s.default.createElement("div",{key:t},s.default.createElement("a",{target:n.data.newtab?"blank":"parrent",href:n.data.url,style:{textDecoration:"none"}},s.default.createElement("button",{type:"button",className:"lead-modal__btn js-modal__close js-popup-other-submit ".concat(_),onClick:function(){null==c||c(),null==m||m()}},n.data.value)));if("CheckboxBlock"==n.name){var i=n.data,r=i.listQuestion,d=i.isSendMailChimp,u=void 0!==d&&d;o=s.default.createElement("div",{key:t,style:{margin:"5px 0"}},s.default.createElement("div",{className:"le-checkbox-title"},n.data.placeholder),s.default.createElement("div",{className:"mailchimp-".concat(n.data.value),"data-mailchimp":u}),r.map((function(t,a){return s.default.createElement("label",{key:a,className:"lead-checkbox-container"},s.default.createElement("input",{"data-key":n.data.value,name:"checkbox"+(e.CheckboxBlock?e.CheckboxBlock:"")+"[]",value:t.value,type:"checkbox",onChange:function(e){return F("checkbox",e)}}),s.default.createElement("span",{className:"lead-checkbox-checkmark"}),t.placeholder)})));return e.CheckboxBlock+=1,o}if("RadioBlock"==n.name){r=n.data.listQuestion,o=s.default.createElement("div",{key:t,style:{margin:"5px 0"}},s.default.createElement("div",{className:"le-checkbox-title"},n.data.placeholder),r.map((function(t,a){return s.default.createElement("label",{className:"lead-radio-container",key:a},s.default.createElement("input",{"data-key":n.data.value,name:"radio"+(e.RadioBlock?e.RadioBlock:""),value:t.value,type:"radio",onChange:function(e){return F("radio",e)}}),s.default.createElement("span",{className:"lead-radio-checkmark"}),t.placeholder)})));return e.RadioBlock+=1,o}if("DropdownBlock"==n.name){r=n.data.listQuestion,o=s.default.createElement("div",{key:t,style:{margin:"5px 0"}},s.default.createElement("div",{className:"le-checkbox-title"},n.data.placeholder),s.default.createElement("div",{className:"le-newbuilder-select-wrapper"},s.default.createElement("select",{className:"le-newbuilder-select","data-key":n.data.value,name:"dropdown"+(e.DropdownBlock?e.DropdownBlock:"")},r.map((function(e,n){return s.default.createElement("option",{key:n,value:e.value},e.placeholder)})))));return e.DropdownBlock+=1,o}}))}),[]),U=s.default.createElement(s.default.Fragment,null,s.default.createElement("style",{dangerouslySetInnerHTML:{__html:".le-newbuilder-overlay {\n        background: url(".concat(f,") ;\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      }")}}),s.default.createElement("div",{id:i,"data-popup-url":I,"data-popup-type":"lightbox-inline",className:"lead-modal lead-modal-wrapper modal--animate-scale ".concat(M?"le-buider-inline":""," ").concat(z?"le-buider-slider":"")},"Fullscreen"==b?s.default.createElement("img",{className:"le-only-desktop le-fullscreen-img",draggable:!1,src:h||""}):null,s.default.createElement("div",{className:"lead-modal__wrapper le-newbuilder-wrap-".concat(b)},s.default.createElement("div",{className:"lead-modal__content le-newbuilder-".concat(b)},x?s.default.createElement(N,{title:x.title,titleAlign:x.titleAlign,subtitle:x.subtitle,subtitleAlign:x.subtitleAlign,link:x.link,linkNewTab:x.linkNewTab,linkText:x.linkText,image:x.image}):s.default.createElement(s.default.Fragment,null,s.default.createElement("header",{className:"lead-modal__header"},["LightBoxA","InlineA","Sidebar","Slider"].includes(b)?u?s.default.createElement("img",{draggable:"false",className:"lead-modal__image lead-modal-image-cover",src:u,alt:""}):null:s.default.createElement(s.default.Fragment,null,p?s.default.createElement("img",{draggable:"false",className:"le-only-desktop lead-modal__image lead-modal-image-cover",style:{height:"100%",objectFit:"cover"},src:p,alt:""}):null,u?s.default.createElement("img",{draggable:"false",className:"le-only-mobile lead-modal__image lead-modal-image-cover",src:u,alt:""}):null)),s.default.createElement("div",{className:"lead-modal__body le-newbuilder-overlay"},s.default.createElement("form",{className:"lead-modal__form ".concat(i),onSubmit:v},s.default.createElement("div",{style:{marginBottom:20}},s.default.createElement("h2",{className:"lead-modal__title ".concat("le-text-align-"+(null===(a=j.titleBlock.data)||void 0===a?void 0:a.align)," ").concat(_)},k),s.default.createElement("p",{className:"lead-modal__description ".concat("le-text-align-"+(null===(l=j.titleBlock.data)||void 0===l?void 0:l.align)," ").concat(_)},j.subtitleBlock.data.value)),s.default.createElement("div",null,R),(null===(o=null==T?void 0:T.submitBlock)||void 0===o?void 0:o.isHide)?null:s.default.createElement(s.default.Fragment,null,s.default.createElement("div",{className:"lead-modal__checkbox-wrapper ".concat(_)},s.default.createElement("div",{className:"lead-modal__checkbox"},s.default.createElement("input",{id:"lead-term-checkbox",className:"lead-modal__checkbox__input ".concat(_),type:"checkbox","aria-label":"Checkbox label",checked:H,onChange:function(e){return V(e.currentTarget.checked)}}),s.default.createElement("div",{className:"lead-modal__checkbox__control","aria-hidden":"true"})),s.default.createElement("label",{htmlFor:"checkbox",className:"lead-modal__checkbox__label"},A," ",s.default.createElement("span",{style:{fontWeight:"bold"}},s.default.createElement("a",{target:"blank",href:P||"https://hellobacsi.com/chinh-sach",rel:"noopener noreferrer",style:{textDecoration:"none"}},q)))),s.default.createElement("button",{id:"lead-submit",type:"submit",className:"lead-modal__btn ".concat(_),disabled:!H},O)))))),!b.includes("Inline")&&s.default.createElement("button",{className:"lead-modal__close-btn ".concat("Fullscreen"==b?"lead-fullscreen-desktop-close-btn":""," js-modal__close ").concat(_),onClick:c},s.default.createElement("svg",{className:"lead-modal__close-icon",viewBox:"0 0 24 24"},s.default.createElement("g",{fill:"none",stroke:"currentColor",strokeMiterlimit:"10",strokeWidth:"2"},s.default.createElement("line",{x1:"3",y1:"3",x2:"21",y2:"21"}),s.default.createElement("line",{x1:"21",y1:"3",x2:"3",y2:"21"})))))));return b.includes("LightBox")||"Fullscreen"==b||"Slider"==b?U:"Sidebar"==b?s.default.createElement(S,{content:U}):b.includes("Inline")?s.default.createElement(C,{content:U,inlinePosition:r.popupInlinePosition}):null},T=function(e){var n=e.popupId,t=e.link,a=e.linkText,l=e.linkNewTab,o=e.onClose,i=e.imageMobile,r=e.imageDesktop,d=e.currentLayout,c=e.onOtherSubmit,m=location.pathname;return s.default.createElement("div",{id:n,className:"lead-modal-wrapper","data-popup-url":m,"data-popup-type":"skin_ab"},"SkinA"==d?s.default.createElement("aside",{className:"le-only-desktop"},s.default.createElement("div",{className:"le-skin-a-desktop"},s.default.createElement("div",{style:{position:"relative"}},s.default.createElement("img",{src:r}),s.default.createElement("a",{style:{position:"absolute",top:"75%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center",width:"calc(100% - 15px)"},href:t,target:l?"blank":"_parent"},s.default.createElement("button",{onClick:c,className:"le-joinbow-btn js-popup-other-submit"},a)),s.default.createElement("button",{className:"lead-modal__close-btn js-modal__close ".concat(_)},s.default.createElement("svg",{className:"lead-modal__close-icon",viewBox:"0 0 24 24"},s.default.createElement("g",{fill:"none",stroke:"currentColor",strokeMiterlimit:"10",strokeWidth:"2"},s.default.createElement("line",{x1:"3",y1:"3",x2:"21",y2:"21"}),s.default.createElement("line",{x1:"21",y1:"3",x2:"3",y2:"21"}))))))):"SkinB"==d?s.default.createElement("aside",{className:"le-only-desktop"},s.default.createElement("div",{className:""},s.default.createElement("div",{style:{position:"relative",zIndex:1e4}},s.default.createElement("img",{src:r,style:{width:"100%"}}),s.default.createElement("a",{style:{position:"absolute",top:"75%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center",width:"100%"},href:t,target:l?"blank":"_parent"},s.default.createElement("button",{onClick:c,className:"le-joinbow-btn-mobile js-popup-other-submit"},a)),s.default.createElement(u,{containerClassName:"le-abs-top-right",onClose:o})))):null,s.default.createElement("aside",{className:"le-only-mobile"},s.default.createElement("div",{className:"le-skin-mobile"},s.default.createElement("div",{style:{position:"relative"}},s.default.createElement("img",{src:i,style:{width:"100%"}}),s.default.createElement("a",{style:{position:"absolute",top:"82%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center",maxWidth:"calc(100% - 15px)"},href:t,target:l?"blank":"_parent"},s.default.createElement("button",{onClick:c,className:"le-joinbow-btn-mobile js-popup-other-submit"},a)),s.default.createElement(u,{containerClassName:"le-abs-top-right",svgClassName:"le-mobile-btn",onClose:o})))))},j=function(e){var n=e.popupId,t=e.url,a=e.newTab,l=e.image,o=e.onClose,i=e.onOtherSubmit;return s.default.createElement("div",{id:n,className:"lead-modal-wrapper","data-popup-url":location.pathname,"data-popup-type":"tab"},s.default.createElement("div",{className:"le-tab-popup"},s.default.createElement("div",{style:{position:"relative"}},s.default.createElement("a",{href:t,target:a?"blank":"_parent",onClick:i},s.default.createElement("img",{className:"js-popup-other-submit",src:l})),s.default.createElement(u,{onClose:o,containerClassName:"le-abs-outer-mobile-top-right-2",svgClassName:"le-mobile-btn"}))))};var L=function(e){var t,a,l=e.campaign,i=e.action,c=e.onSubmit,m=e.onClose,u=e.showThankyou;d.useTranslations().t;var g=n.useContext(E),h=g.apiUrl,b=g.siteDomain;n.useEffect((function(){var e=o.getCookie("_ga")||null;fetch("".concat(h,"api/campaign/").concat(x,"/impression"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:i,url:location.href.toLowerCase(),title_article:document.title,cookie_id:o.getCookie("hhg-id"),ga_client_id:e})})}),[]);var k=l.extra_fields,v=l.image,_=l.image_desktop,x=l.code,y=l.image_background,w=l.image_overlay_mobile,N=l.image_overlay_desktop,C=k.currentLayout,S=k.imageBlocks?JSON.parse(k.imageBlocks):{},L=JSON.parse(k.actionBlocks),P=JSON.parse(k.textBlocks),A=(null===(a=null===(t=null==P?void 0:P.titleBlock)||void 0===t?void 0:t.data)||void 0===a?void 0:a.value)||"",q={1:{},2:{},3:{}},O=n.useRef("lead-modal-"+r.v1()),I=function(e){if(void 0===e&&(e="Xin chao {{category_2}} extra"),e.includes("{{category_")){var n="{{category_".length,t=e.search("{{category_");return+e.charAt(n+t)}return null}(A);if(I){console.log("⚡️ Has categoryLevel",I);var M=Array.from(document.getElementsByTagName("META")),z=M.find((function(e){return e.name==="content_category_".concat(I)})),D=M.find((function(e){return e.name==="content_category_en_".concat(I)}));if(!z||!D)return console.log("⚡️ No META TAG for categoryLevel, not show popup",I),null;q[I]={value:z.content,value_en:D.content},A=A.replace("{{category_".concat(I,"}}"),z.content),console.log("⚡️ Set categoryData ",I)}else console.log("⚡️ No categoryLevel",I);var H=function(){var e,n,t,a;if(console.log("👌 Other submit click"),document.body.classList.remove("noscroll"),C.includes("Skin")){var i=document.querySelector("#masthead");i&&(i.style.top="0px !important;")}var r=Number(null!==(n=null===(e=l.rules.find((function(e){return"days_to_show_again"==e.rule})))||void 0===e?void 0:e.value)&&void 0!==n?n:7),d=Number(null!==(a=null===(t=l.rules.find((function(e){return"show_again_after_submit"==e.rule})))||void 0===t?void 0:t.value)&&void 0!==a?a:0);0===d&&(console.log("⛔ Popup never show again!"),o.setCookie("lead_submited_".concat(x),"target_".concat(k.popupVersion),{domain:"."+b,path:"/"})),1==d&&(console.log("⌛ Popup will show again after ".concat(r," days!")),o.setCookie("lead_submited_".concat(x),"target_".concat(k.popupVersion),{domain:"."+b,days:r,path:"/"}));var c=o.getCookie("_ga")||null,s={url:location.href.toLowerCase(),title_article:document.title,meta:[],cookie_id:o.getCookie("hhg-id"),ga_client_id:c};I&&(s.category=q[I].value_en),fetch("".concat(h,"api/campaign/").concat(x,"/lead"),{method:"POST",body:JSON.stringify(s),headers:{"Content-Type":"application/json","X-Requested-With":"XMLHttpRequest"}}).then((function(e){return e.json()})).then((function(e){"error"===e.status&&console.log(e)})).catch((function(e){console.error("Error:",e)})),null==m||m()};return"CenterTab"===C?s.default.createElement(p,{popupId:O.current,url:S.imageMobile.data.url,newTab:S.imageMobile.data.newtab,imageMobile:v,imageDestkop:_,onClose:m,onOtherSubmit:H}):"Tab"===C?s.default.createElement(j,{popupId:O.current,url:S.imageMobile.data.url,newTab:S.imageMobile.data.newtab,image:v,onClose:m,onOtherSubmit:H}):"Floating"===C?s.default.createElement(f,{popupId:O.current,title:A,titleAlign:P.titleBlock.data.align,subtitle:P.subtitleBlock.data.value,subtitleAlign:P.subtitleBlock.data.align,url:L.linkButtonBlock.data.url,urlText:L.linkButtonBlock.data.value,newTab:L.linkButtonBlock.data.newtab,imageMobile:v,imageDesktop:_,onClose:m,onOtherSubmit:H}):C.includes("LightBox")||C.includes("Inline")||"Fullscreen"==C||"Sidebar"==C||"Slider"==C?s.default.createElement(B,{popupId:O.current,extraFields:k,onClose:m,onOtherSubmit:H,imageMobile:v,imageDesktop:_,imageBackground:y,currentLayout:C,title:A,onSubmit:function(e){return c(e,I,q,O.current)},key:C,imageOverlayDesktop:N,imageOverlayMobile:w,showThankyou:u}):C.includes("Skin")?s.default.createElement(T,{popupId:O.current,link:L.linkButtonBlock.data.url,linkNewTab:!!L.linkButtonBlock.data.newtab,linkText:L.linkButtonBlock.data.value,onClose:m,onOtherSubmit:H,imageMobile:v,imageDesktop:_,currentLayout:C}):null},P=function(t){var a=t.campaign,l=t.action,i=t.onSubmit,r=t.onClose,c=t.showThankyou,m=d.useTranslations().t,u=n.useState(!0),p=u[0],f=u[1];n.useEffect((function(){document.body.classList.add("noscroll");var e=o.getCookie("_ga")||null;fetch("".concat(B,"api/campaign/").concat(b,"/impression"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:l||"",url:location.href.toLowerCase(),title_article:document.title,cookie_id:o.getCookie("hhg-id"),ga_client_id:e})})}),[]);var g=a.extra_fields,h=a.image,b=a.code,k=g.title,v=g.desc,x=g.submit,y=g.popUpTermURL,C=g.popUpTermAgreeText,S=g.popUpTermText,B=n.useContext(E).apiUrl,T=g.fields?JSON.parse(g.fields):[],j={tel:0,text:0,date:0,email:0},L=function(n,t){return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return t.target.validity.valueMissing?(t.target.setCustomValidity(m("validator.required")),[3,5]):[3,1];case 1:return t.target.validity.valid||t.target.validity.customError?[3,2]:("tel"===n?t.target.setCustomValidity(m("validator.phone")):"date"===n?t.target.setCustomValidity(m("validator.date")):"email"===n&&t.target.setCustomValidity(m("validator.email")),[3,5]);case 2:return"tel"!==n?[3,4]:[4,require("intl-tel-input")];case 3:return e.sent().isValidNumber(String(t.target.value),w.countryCode)?t.target.setCustomValidity(""):t.target.setCustomValidity(m("validator.phone")),[3,5];case 4:t.target.setCustomValidity(""),e.label=5;case 5:return[2]}}))}))},P=T.map((function(e,n){var t=s.default.createElement(s.default.Fragment,null);return t="date"==e.control?s.default.createElement("div",{key:n,className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},s.default.createElement("input",{required:!0,type:"date","data-key":e.listEdit[0].value,name:j.date?e.control+j.date:e.control,placeholder:e.listEdit[1].value||"...",onClick:function(e){return e.currentTarget.classList.remove("placeholderclass")},onBlur:function(e){return!e.currentTarget.value&&e.currentTarget.classList.add("placeholderclass")},className:"dateclass placeholderclass lead-modal__form-control width-100%",onChange:function(n){return L(e.control,n)}}),s.default.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(B,"admin/img/builder/").concat(e.name,".svg")})):s.default.createElement("div",{key:n,className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},s.default.createElement("input",{required:!0,"data-key":e.listEdit[0].value,name:j[e.control]?e.control+j[e.control]:e.control,spellCheck:!1,type:e.control,placeholder:e.listEdit[1].value||"...",className:"lead-modal__form-control width-100%",onChange:function(n){return L(e.control,n)}}),s.default.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(B,"admin/img/builder/").concat(e.name,".svg")})),"date"==e.control&&(j.date+=1),"text"==e.control&&(j.text+=1),"tel"==e.control&&(j.tel+=1),"email"==e.control&&(j.email+=1),t}));return s.default.createElement("div",{id:"lead-modal",className:"lead-modal modal--animate-scale"},s.default.createElement("div",{className:"lead-modal__wrapper animate__animated "},s.default.createElement("div",{className:"lead-modal__content"},c?s.default.createElement(N,{title:c.title,titleAlign:c.titleAlign,subtitle:c.subtitle,subtitleAlign:c.subtitleAlign,link:c.link,linkNewTab:c.linkNewTab,linkText:c.linkText,image:c.image}):s.default.createElement(s.default.Fragment,null,s.default.createElement("header",{className:"lead-modal__header"},!!h&&s.default.createElement("img",{className:"lead-modal__image lead-modal-image-cover",src:h,alt:""})),s.default.createElement("div",{className:"lead-modal__body"},s.default.createElement("h2",{className:"lead-modal__title ".concat(_)},k),s.default.createElement("p",{className:"lead-modal__description ".concat(_)},v),s.default.createElement("form",{className:"lead-modal__form",onSubmit:function(e){e.preventDefault(),i(e)}},P,s.default.createElement("div",{className:"lead-modal__checkbox-wrapper ".concat(_)},s.default.createElement("div",{className:"lead-modal__checkbox"},s.default.createElement("input",{id:"lead-term-checkbox",className:"lead-modal__checkbox__input ".concat(_),type:"checkbox","aria-label":"Checkbox label",checked:p,onChange:function(e){return f(e.currentTarget.checked)}}),s.default.createElement("div",{className:"lead-modal__checkbox__control","aria-hidden":"true"})),s.default.createElement("label",{htmlFor:"checkbox",className:"lead-modal__checkbox__label"},C," ",s.default.createElement("span",{style:{fontWeight:"bold"}},s.default.createElement("a",{target:"blank",href:y||"https://hellobacsi.com/chinh-sach",style:{textDecoration:"none"},rel:"noopener noreferrer"},S)))),s.default.createElement("button",{id:"lead-submit",type:"submit",className:"lead-modal__btn ".concat(_),disabled:!p},x))))),s.default.createElement("button",{className:"lead-modal__close-btn js-modal__close ".concat(_),onClick:r},s.default.createElement("svg",{className:"lead-modal__close-icon",viewBox:"0 0 24 24"},s.default.createElement("title",null,"Close modal window"),s.default.createElement("g",{fill:"none",stroke:"currentColor",strokeMiterlimit:"10",strokeWidth:"2"},s.default.createElement("line",{x1:"3",y1:"3",x2:"21",y2:"21"}),s.default.createElement("line",{x1:"21",y1:"3",x2:"3",y2:"21"}))))))},A=function(e){var n=e.campaign,t=e.action,a=e.onSubmit,l=e.onClose,o=e.showThankyou;return n.extra_fields?"2.1"==n.extra_fields.popupVersion?s.default.createElement(L,{campaign:n,action:t,onSubmit:a,onClose:l,showThankyou:o}):s.default.createElement(P,{campaign:n,action:t,onSubmit:a,onClose:l,showThankyou:o}):null},q={"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}."},O={"en-PH":q,"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":q},I=function(e){var n=O[e];return n||O["en-PH"]},M=n.memo((function(){return s.default.createElement("style",{dangerouslySetInnerHTML:{__html:"\n  /* lead-modal : start */\n  .lead-modal {\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    padding: 15px 15px 25px 15px;\n  }\n\n  .lead-modal__title {\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-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    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-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"}})}));function z(n){var t=n.leadApi,a=n.leadSiteId,l=n.leadDomain,i=n.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:o.getCookie("_ga")||null})}).then((function(e){return e.json()})).then((function(n){var t,a,c;if(console.log("List campagin: ",n),x="https://"+location.hostname+location.pathname+location.search,1==n._status){var s=n._data.campaigns;o.getCookie("hhg-id")||(o.setCookie("hhg-id",r.v1(),{domain:"."+l,path:"/"}),console.log("😍 Set HHG ID cookie"));var m=[];m=/Android|webOS|iPhone|iPad|iPod|BlackBerry|BB|PlayBook|IEMobile|Windows Phone|Kindle|Silk|Opera Mini/i.test(navigator.userAgent)?s.filter((function(e){return e.device_types.some((function(e){return e.id==k}))})):s.filter((function(e){return e.device_types.some((function(e){return e.id==v}))})),console.log("👓 campaignsDevice",m);var u=m.map((function(n,t){return n.targets.filter((function(e){return e.type==g})).map((function(n){return e.__assign(e.__assign({},n),{campaignIndex:t})}))})).flat(1);u=u.filter((function(e){var n=new URL(String(e.target).toLowerCase());return"exact_match"==e.option?Boolean(d===n.href):"start_with"==e.option?!!d.includes(String(e.target))&&!e.sub_target.filter((function(e){return"excluding"==e.option})).map((function(e){return e.value})).includes(d):void 0}));var p=Array.from(document.getElementsByTagName("META")).filter((function(e){return"article:tag"==e.getAttribute("property")})).map((function(e){return e.content})),f=[];p&&p.length&&(f=m.map((function(n,t){return n.targets.filter((function(e){return e.type==h})).map((function(n){return e.__assign(e.__assign({},n),{campaignIndex:t})}))})).flat(1).filter((function(e){return p.includes(e.target)})));var b=e.__spreadArray(e.__spreadArray([],u,!0),f,!0),_=document.cookie.split("; ").map((function(e){return e.split("=")[0]})),y=_.filter((function(e){return e.includes("lead_submited")}));console.log("--listCampaignCodeSubmited",y);var w=_.filter((function(e){return e.includes("lead_closed")}));console.log("--listCampaignCodeClosed",w);var E,N=e.__spreadArray(e.__spreadArray([],y,!0),w,!0);if(E=b.filter((function(e){return!N.some((function(n){return n.includes(m[e.campaignIndex].code)}))})).sort((function(e,n){return e.score-n.score})),console.log("--listCampaignValid : ",E),E&&E.length){var C=m[E[0].campaignIndex];console.log("CAMPAIGN_SHOW",C);var S=C.rules,B=Number(null===(t=S.find((function(e){return"time"==e.rule})))||void 0===t?void 0:t.value);console.log("timeoutRule",B);var T=Number(null===(a=S.find((function(e){return"scroll"==e.rule})))||void 0===a?void 0:a.value);console.log("scrollRule",T);var j=Number(null===(c=S.find((function(e){return"exclude_sponsored"==e.rule})))||void 0===c?void 0:c.value);console.log("excludeSponsored",j);var L=Boolean(document.querySelector(".hhg-disclaimer-text"));if(console.log("💎 LEAD current page isSponsored",L),L&&j)return;var P="TIME";if(Number.isInteger(B)&&(P="TIME",console.log("✨ SHOW AWESOME POPUP AFTER: ",B," seconds"),setTimeout((function(){null==i||i(C,P)}),1e3*B)),Number.isInteger(T)){P="SCROLL",console.log("✨ SHOW AWESOME AFTER: SCROLL",T," %");var A=document.querySelector('[data-url="'.concat(location.pathname,'"]'))||document.querySelector("body"),q=A.getBoundingClientRect().top,O=A.offsetHeight;console.log("👓 Element check scroll: ",A);var I=function(){var e=window.pageYOffset||document.documentElement.scrollTop,n=0;e>=q&&(n=Math.round((e-q)/(O-innerHeight)*100)),console.log("---Scroll",n,T),n>=T&&(window.removeEventListener("scroll",I),null==i||i(C,P))};window.addEventListener("scroll",I)}}else console.log("🚧 No lead campaigns on current URL, tags")}})).catch((function(e){console.error("Lead error: ",e)}))}exports.LeadGen=function(t){var r=t.apiUrl,d=t.siteDomain,c=t.siteId,u=t.locale,p=n.useRef(),f=n.useRef(Date.now()),g=n.useMemo((function(){var e=r;return e.includes("localhost")&&(e="https://dev.leadgen.hellobacsi.com/"),{apiUrl:e}}),[r,d,c]).apiUrl,h=n.useState(null),b=h[0],k=h[1],v=n.useState(""),_=v[0],x=v[1],y=n.useState(null),N=y[0],C=y[1],S=function(e,n){k(e),x(n)},B=function(){var e,n;if(b){console.log("👋👋👋 CLOSE POPUP ".concat(b.code," 👋👋👋"));var t=Number(null===(e=b.rules.find((function(e){return"show_again_after_exit "==e.rule})))||void 0===e?void 0:e.value),a=Number(null===(n=b.rules.find((function(e){return"days_to_show_again"==e.rule})))||void 0===n?void 0:n.value);0==t&&(a?o.setCookie("lead_closed_".concat(b.code),"target_".concat(b.extra_fields.popupVersion),{domain:"."+d,days:a,path:"/"}):o.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:o.getCookie("hhg-id"),duration:Math.ceil((Date.now()-f.current)/1e3)})}),k(null),C(null)}};n.useEffect((function(){if(window.next){var e=m.default((function(e){console.log("--🌻 routeChangeComplete",e,Date.now());var n=location.pathname;B(),document.querySelectorAll('[data-popup-url="'.concat(n,'"]')).length||z({leadApi:g,leadDomain:d,leadSiteId:c,onShowPopup:S}),p.current&&window.removeEventListener("scroll",p.current)}),500);window.next.router.events.on("routeChangeComplete",e)}z({leadApi:g,leadDomain:d,leadSiteId:c,onShowPopup:S})}),[]);return n.useEffect((function(){b&&(f.current=Date.now())}),[b]),s.default.createElement(E.Provider,{value:{apiUrl:g,siteDomain:d,siteId:c,locale:u}},s.default.createElement(l.TranslationsContext.Provider,{value:{locale:u,values:I(u)}},s.default.createElement(M,null),a.createPortal(s.default.createElement(s.default.Fragment,null,b&&s.default.createElement(A,{campaign:b,onClose:B,onSubmit:function(n,t,a,l){return e.__awaiter(void 0,void 0,void 0,(function(){var i,r,c,s,m,u,p,f,h,k,v,_,x,y,E,N,S,T,j,L,P,A,q,O,I,M,z,D,H,V,F,R,U,W;return e.__generator(this,(function(e){switch(e.label){case 0:return n.preventDefault(),console.log("submitHandler",t,a),i=new FormData(n.currentTarget),r={},i.forEach((function(e,n){r[n]=r[n]||[],r[n].push(e)})),c=Object.keys(r).map((function(e){return{name:e,value:String(r[e])}})),s=2,m=o.getCookie("_ga")||null,window.intlTelInputUtils?[3,2]:[4,require("intl-tel-input/build/js/utils")];case 1:e.sent(),e.label=2;case 2:return u={url:location.href.toLowerCase(),title_article:document.title,meta:c.map((function(e){var n,t,a;return{key:null===(n=document.querySelector(".lead-modal__form.".concat(l,' [name="').concat(e.name,'"]')))||void 0===n?void 0:n.getAttribute("data-key"),value:(null==w?void 0:w.countryCodeNumber)&&["tel","tel1","tel2","tel3"].includes(e.name)?window.intlTelInputUtils.formatNumber(String(e.value),null==w?void 0:w.countryCodeNumber,s).replace(/\s+/g,""):e.value,control:e.name.replace("1","").replace("2","").replace("3",""),is_sent_mailchimp:(null===(a=document.querySelector(".lead-modal__form.".concat(l," .mailchimp-").concat(null===(t=document.querySelector(".lead-modal__form.".concat(l,' [name="').concat(e.name,'"]')))||void 0===t?void 0:t.getAttribute("data-key"))))||void 0===a?void 0:a.getAttribute("data-mailchimp"))||"false"}})),cookie_id:o.getCookie("hhg-id"),ga_client_id:m},t&&a[t].value_en&&(u.category=a[t].value_en),p=Number((null===(I=null===(O=b.rules)||void 0===O?void 0:O.find((function(e){return"days_to_show_again"===e.rule})))||void 0===I?void 0:I.value)||7),0==(f=Number((null===(z=null===(M=b.rules)||void 0===M?void 0:M.find((function(e){return"show_again_after_submit"===e.rule})))||void 0===z?void 0:z.value)||0))&&(console.log("⛔ Popup never show again!"),o.setCookie("lead_submited_".concat(b.code),"target_".concat(b.extra_fields.targetType),{domain:"."+d,path:"/"})),1==f&&(console.log("⌛ Popup will show again after ".concat(p," days!")),o.setCookie("lead_submited_".concat(b.code),"target_".concat(b.extra_fields.targetType),{domain:"."+d,days:p,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?(B(),document.body.classList.remove("noscroll"),[2]):(h=!0,k=b.thank_you_image||"".concat(g,"admin/img/thanksyou.png"),v=b.extra_fields.popupThankyouTitle||"Thank you.",_=b.extra_fields.popupThankyouDesc||"We appreciate your time!",x="",y="",S="","2.1"==b.extra_fields.popupVersion&&(T=b.extra_fields,j=JSON.parse(T.listBlockThankyou),L=j.find((function(e){return"TitleBlock"==e.name})),P=j.find((function(e){return"SubtitleBlock"==e.name})),A=j.find((function(e){return"LinkButtonBlock"==e.name})),v=(null===(D=null==L?void 0:L.data)||void 0===D?void 0:D.value)||"",x=(null===(H=null==L?void 0:L.data)||void 0===H?void 0:H.align)||"",_=(null===(V=null==P?void 0:P.data)||void 0===V?void 0:V.value)||"",y=(null===(F=null==P?void 0:P.data)||void 0===F?void 0:F.align)||"",E=(null===(R=null==A?void 0:A.data)||void 0===R?void 0:R.value)||"",N=(null===(U=null==A?void 0:A.data)||void 0===U?void 0:U.newtab)||!1,S=(null===(W=null==A?void 0:A.data)||void 0===W?void 0:W.url)||"",q=b.extra_fields.currentLayout,["SkinA","SkinB","Floating","Tab","CenterTab"].includes(q)&&(h=!1)),C(h?{title:v,titleAlign:x,subtitle:_,subtitleAlign:y,link:S,linkNewTab:N,linkText:E,image:k}: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(e){var n=e.name,t=e.value;"tel"==n?window.insider_object.user.phone_number=t:"email"==n&&(window.insider_object.user.email=t)})),sessionStorage.setItem("insider_object",JSON.stringify(window.insider_object)),[2])}}))}))},action:_,showThankyou:N})),i.getPopupWrapperDom())))};

package/build/mantine.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tslib.es6-e913d68b.js"),n=require("react"),t=require("@mantine/core"),r=require("./gAssets.js"),a=require("@mantine/dates"),o=require("styled-components");require("dayjs"),require("./screenSizeContext-1f66207a.js"),require("./lazyLoad-0bebf350.js");var i=require("./theme-b257f481.js");require("./index-fcc1501b.js"),require("./utils-19642742.js"),require("./isProduction-bd5bb82a.js");var l=require("./Locale-776bc4e9.js"),s=require("./index-66d94ff5.js"),c=require("./useTranslations-ba97f77e.js"),d=require("./index-b040a44b.js"),u=require("@mantine/carousel"),m=require("./index-3548be0c.js"),p=require("@mantine/hooks"),f=require("./index-bdeadfd9.js"),g=require("./defaultClassWrapper-52e0eb16.js");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("lodash/throttle"),require("vanilla-lazyload"),require("./translationsContext-bc41b1f2.js"),require("string-format");var b,x,v,_,C=h(n),k=h(o),w=k.default(a.DatePicker)(x||(x=e.__makeTemplateObject(["\n  position: relative;\n  ","\n"],["\n  position: relative;\n  ","\n"])),(function(n){return n.fullWidth&&o.css(b||(b=e.__makeTemplateObject(["\n      .mantine-DatePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "],["\n      .mantine-DatePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "])))})),E=k.default(a.DateRangePicker)(_||(_=e.__makeTemplateObject(["\n  position: relative;\n  ","\n"],["\n  position: relative;\n  ","\n"])),(function(n){return n.fullWidth&&o.css(v||(v=e.__makeTemplateObject(["\n      .mantine-DateRangePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "],["\n      .mantine-DateRangePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "])))})),A=function(n){return C.default.createElement(w,e.__assign({size:"md",clearable:!1,fullWidth:!0,rightSection:C.default.createElement(t.Image,{src:r.CommonGAssets.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},n))};A.Range=function(n){return C.default.createElement(E,e.__assign({size:"md",clearable:!1,fullWidth:!0,rightSection:C.default.createElement(t.Image,{src:r.CommonGAssets.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},n))};var y,S,j,L=k.default(t.Textarea)(y||(y=e.__makeTemplateObject(["\n  .mantine-Textarea-input {\n    padding: 12px 16px;\n    background: #ffffff;\n    border: 1px solid ",";\n    border-radius: 4px;\n  }\n"],["\n  .mantine-Textarea-input {\n    padding: 12px 16px;\n    background: #ffffff;\n    border: 1px solid ",";\n    border-radius: 4px;\n  }\n"])),i.theme.colors.gray200),O=k.default(t.Modal)(S||(S=e.__makeTemplateObject(["\n  .mantine-Modal-inner {\n    border-radius: 6px;\n  }\n  .mantine-Modal-modal {\n    padding: 0;\n  }\n  .mantine-Modal-header {\n    border-bottom: 1px solid ",";\n    margin-right: 0;\n    margin-bottom: 0;\n    padding: 16px;\n  }\n  .mantine-Modal-title {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-right: 0;\n  }\n  .mantine-Modal-close {\n    cursor: pointer;\n    width: 24px;\n    height: 24px;\n  }\n  .mantine-Modal-body {\n    padding: 40px;\n  }\n"],["\n  .mantine-Modal-inner {\n    border-radius: 6px;\n  }\n  .mantine-Modal-modal {\n    padding: 0;\n  }\n  .mantine-Modal-header {\n    border-bottom: 1px solid ",";\n    margin-right: 0;\n    margin-bottom: 0;\n    padding: 16px;\n  }\n  .mantine-Modal-title {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-right: 0;\n  }\n  .mantine-Modal-close {\n    cursor: pointer;\n    width: 24px;\n    height: 24px;\n  }\n  .mantine-Modal-body {\n    padding: 40px;\n  }\n"])),i.theme.colors.neutral100),M=k.default(t.Accordion)(j||(j=e.__makeTemplateObject(["\n  .mantine-Accordion-control {\n    &:hover {\n      background-color: transparent;\n    }\n  }\n  .mantine-Accordion-item {\n    .mantine-Accordion-chevron {\n      > div {\n        background-repeat: no-repeat;\n        width: 16px;\n        height: 16px;\n        background-position: center;\n        background-image: url(",");\n      }\n    }\n    &[data-active='true'] {\n      .mantine-Accordion-chevron {\n        > div {\n          background-image: url(",");\n        }\n      }\n    }\n  }\n  .mantine-Accordion-panel {\n    border-radius: 6px;\n  }\n  .mantine-Accordion-content {\n    white-space: pre-wrap;\n  }\n"],["\n  .mantine-Accordion-control {\n    &:hover {\n      background-color: transparent;\n    }\n  }\n  .mantine-Accordion-item {\n    .mantine-Accordion-chevron {\n      > div {\n        background-repeat: no-repeat;\n        width: 16px;\n        height: 16px;\n        background-position: center;\n        background-image: url(",");\n      }\n    }\n    &[data-active='true'] {\n      .mantine-Accordion-chevron {\n        > div {\n          background-image: url(",");\n        }\n      }\n    }\n  }\n  .mantine-Accordion-panel {\n    border-radius: 6px;\n  }\n  .mantine-Accordion-content {\n    white-space: pre-wrap;\n  }\n"])),(function(e){return e.closeChevron||r.CommonGAssets.getAssetPath("plus-icon.svg")}),(function(e){return e.openChevron||r.CommonGAssets.getAssetPath("minus-icon.svg")})),P=function(n){var t=n.children,r=e.__rest(n,["children"]);return C.default.createElement(M,e.__assign({chevron:C.default.createElement("div",null),disableChevronRotation:!0,transitionDuration:300},r),t)};P.Control=t.Accordion.Control,P.Item=t.Accordion.Item,P.Panel=t.Accordion.Panel;var T=r.CommonGAssets.getAssetPath("avatar.jpg"),q=function(n){var t=n.slidesToShow,r=void 0===t?1:t,a=n.children,o=e.__rest(n,["slidesToShow","children"]);return C.default.createElement(u.Carousel,e.__assign({slideSize:String(Math.floor(1/r*100))+"%",containScroll:"trimSnaps"},o),a)};q.Slide=u.Carousel.Slide;var I=function(n){return C.default.createElement(t.Checkbox,e.__assign({},n))};I.Group=t.Checkbox.Group;var z,B,R,D=k.default(t.Slider)(z||(z=e.__makeTemplateObject(["\n  .mantine-Slider-track {\n    background-color: ",";\n  }\n\n  .mantine-Slider-label {\n    background-color: transparent;\n    color: #000;\n    font-size: 14px;\n    font-weight: bold;\n  }\n"],["\n  .mantine-Slider-track {\n    background-color: ",";\n  }\n\n  .mantine-Slider-label {\n    background-color: transparent;\n    color: #000;\n    font-size: 14px;\n    font-weight: bold;\n  }\n"])),(function(e){return e.color||e.theme.colors.primaryBase})),G="hhgcomp-mantine-slider-slider",H=g.getDefaultClassWrapper(D,G),F=k.default.div(B||(B=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  ."," {\n    flex-grow: 1;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  ."," {\n    flex-grow: 1;\n  }\n"])),G),W=k.default(t.Radio)(R||(R=e.__makeTemplateObject(["\n  .mantine-Radio-icon {\n    color: ",";\n  }\n"],["\n  .mantine-Radio-icon {\n    color: ",";\n  }\n"])),(function(e){return e.color||i.theme.colors.primaryBase})),N=function(n){return C.default.createElement(W,e.__assign({size:"sm"},n))};N.Group=t.Radio.Group;var U,V,J=k.default(t.Switch)(U||(U=e.__makeTemplateObject(["\n  .mantine-Switch-track {\n  }\n"],["\n  .mantine-Switch-track {\n  }\n"]))),K=((V={})[l.LOCALE.Vietnam]="vi",V[l.LOCALE.Cambodia]="km",V[l.LOCALE.India]="hi",V[l.LOCALE.Indonesia]="id",V[l.LOCALE.Malaysia]="ms",V[l.LOCALE.Thailand]="th",V[l.LOCALE.Taiwan]="zh-tw",V[l.LOCALE.PhilippinesTagalog]="tl-ph",V[l.LOCALE.PhilippinesEnglish]="en",V[l.LOCALE.Myanmar]="my",V),Q=function(e){n.useEffect((function(){K[e]&&require("dayjs/locale/".concat(K[e],".js"))}),[e])},X={"&:hover":{borderColor:"".concat(i.theme.colors.blue200),boxShadow:"0 0 2px 2px ".concat(i.theme.colors.blue200)}},Y=function(n){return{datesLocale:K[n],dateFormat:d.ISO_FORMAT[n].dateFormat,fontFamily:n===l.LOCALE.Cambodia?"Battambang,":"Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI',\n      Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",components:{InputWrapper:{styles:{label:{marginBottom:"0.5rem"}}},NumberInput:{defaultProps:{decimalSeparator:d.ISO_FORMAT[n].separator}},Input:{styles:{input:{borderRadius:"6px",transition:"all ".concat("100ms"," ease-in-out"),"&:hover, &:focus":{borderColor:"".concat(i.theme.colors.blue200),boxShadow:"0 0 2px 2px ".concat(i.theme.colors.blue200)}},rightSection:{pointerEvents:"none",cursor:"default"},invalid:{color:"#000"}}},Checkbox:{styles:{input:X}},Radio:{styles:{radio:e.__assign(e.__assign({backgroundColor:"#ffffff"},X),{"&:checked":{backgroundColor:"#ffffff"}})}}}}};exports.Input=d.Input,exports.emotionCache=d.emotionCache,exports.CentralCarousel=m.CentralCarousel,exports.Accordion=P,exports.Avatar=function(n){var r=n.withIndicator,a=void 0!==r&&r,o=n.indicatorConfig,i=void 0===o?null:o,l=n.size,s=void 0===l?56:l,c=n.children,d=e.__rest(n,["withIndicator","indicatorConfig","size","children"]),u=function(){return C.default.createElement(t.Avatar,e.__assign({size:s,radius:"xl"},d),c||C.default.createElement("img",{src:T,width:s}))};return a?C.default.createElement(t.Indicator,e.__assign({inline:!0,position:"bottom-end",offset:9},i,{styles:{indicator:{backgroundColor:C.default.isValidElement(i.label)&&"transparent"}}}),u()):u()},exports.Badge=function(n){var r=n.color,a=void 0===r?i.theme.colors.primaryBase:r,o=e.__rest(n,["color"]);return C.default.createElement(t.Badge,e.__assign({variant:"filled",color:a,styles:{root:{borderRadius:"2px",background:a,textTransform:"unset"}}},o))},exports.Carousel=q,exports.Checkbox=I,exports.DatePicker=A,exports.Indicator=function(n){return C.default.createElement(t.Indicator,e.__assign({inline:!0,position:"top-end",offset:4,styles:{indicator:{backgroundColor:i.theme.colors.red700}}},n))},exports.LoadingOverlay=function(n){return C.default.createElement(t.LoadingOverlay,e.__assign({loaderProps:{color:i.theme.colors.primaryBase}},n))},exports.MAPPED_LOCALE=K,exports.MantineProvider=function(n){var r=n.children,a=n.locale,o=e.__rest(n,["children","locale"]);return Q(a),C.default.createElement(t.MantineProvider,e.__assign({theme:Y(a)},o),r)},exports.Modal=function(n){var t=n.title,a=e.__rest(n,["title"]);return C.default.createElement(C.default.Fragment,null,C.default.createElement(O,e.__assign({centered:!0},a,{withCloseButton:!1,title:C.default.createElement(C.default.Fragment,null,t,C.default.createElement("img",{className:"mantine-Modal-close",src:r.CommonGAssets.getAssetPath("CloseModal.svg"),onClick:function(){var e;return null===(e=a.onClose)||void 0===e?void 0:e.call(a)}}))})))},exports.Radio=N,exports.Select=function(n){var a=n.keepSearch,o=void 0!==a&&a,i=e.__rest(n,["keepSearch"]);return o?C.default.createElement(t.Autocomplete,e.__assign({rightSection:C.default.createElement(t.Image,{src:r.CommonGAssets.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},i)):C.default.createElement(t.Select,e.__assign({rightSection:C.default.createElement(t.Image,{src:r.CommonGAssets.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},i))},exports.Slider=function(t){var r=t.color,a=void 0===r?i.theme.colors.primaryBase:r,o=t.withControl,l=t.onChange,s=t.value,c=t.min,u=t.max,m=t.isStatic,g=e.__rest(t,["color","withControl","onChange","value","min","max","isStatic"]),h=n.useState(s||c||0),b=h[0],x=h[1],v=p.useDebouncedValue(b,d.DEBOUNCED_TIME)[0];return n.useEffect((function(){null==l||l(v)}),[v]),C.default.createElement(F,null,o&&C.default.createElement(f.Button,{type:"button",size:"sm",color:"ghost",onClick:function(){x((function(e){return c&&e===c?e:e-1}))}},C.default.createElement("svg",{width:"10",height:"10",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12 3"},C.default.createElement("path",{d:"M1 1.004h8",stroke:a,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),C.default.createElement(H,e.__assign({thumbSize:21,labelAlwaysOn:!0,radius:"xl",color:a,value:b,onChange:m?function(){return null}:x,min:c,max:u},g)),o&&C.default.createElement(f.Button,{type:"button",size:"sm",color:"ghost",onClick:function(){x((function(e){return u&&e===u?e:e+1}))}},C.default.createElement("svg",{width:"16",height:"20",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16"},C.default.createElement("path",{d:"M8 4v8M4 8h8",stroke:a,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))))},exports.Spoiler=function(r){var a=r.children,o=r.line,l=r.lineHeight,d=r.trackingAttributes,u=r.maxHeight,m=r.customExpandFn,p=e.__rest(r,["children","line","lineHeight","trackingAttributes","maxHeight","customExpandFn"]),f=c.useTranslations().t,g=n.useMemo((function(){return u||(o&&l?o*l:(console.error("[HHG-Comp]:[Spoiler] Please provide maxHeight, or line with lineHeight"),0))}),[]);a||console.error("[HHG-Comp]:[Spoiler] Please provide children");var h=n.useMemo((function(){return d?{"data-event-category":d.dataEventCategory,"data-event-action":d.dataEventAction,"data-event-label":d.dataEventLabel}:{}}),[d]);return C.default.createElement(t.Spoiler,e.__assign({showLabel:C.default.createElement(s.Text,e.__assign({size:"p3",color:i.theme.colors.primaryBase},h,{onClick:m}),f("articlePage.readMore")),hideLabel:C.default.createElement(s.Text,e.__assign({size:"p3",color:i.theme.colors.primaryBase},h),f("articlePage.showLess"))},p,{maxHeight:g}),a)},exports.Switch=J,exports.TextArea=function(n){return C.default.createElement(L,e.__assign({minRows:2,maxRows:4},n))},exports.getMantineThemeOverride=Y,exports.useMantineLocale=Q;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tslib.es6-e6f346c4.js"),n=require("react"),t=require("@mantine/core"),r=require("./gAssets.js"),a=require("@mantine/dates"),o=require("styled-components");require("dayjs"),require("./screenSizeContext-00584173.js"),require("./lazyLoad-f5c59bb0.js");var i=require("./theme-b4bf0ca3.js");require("./index-5830eec7.js"),require("./utils-43f2c752.js"),require("./isProduction-32e6a55a.js");var l=require("./Locale-11b51016.js"),s=require("./index-f50d4c63.js"),c=require("./useTranslations-ef4df454.js"),d=require("./index-186b627d.js"),u=require("@mantine/carousel"),m=require("./index-8ddc0bb9.js"),p=require("@mantine/hooks"),f=require("./index-d632029d.js"),g=require("./defaultClassWrapper-0eac7dff.js");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("lodash/throttle"),require("vanilla-lazyload"),require("./translationsContext-14a025ec.js"),require("string-format");var x,b,v,_,C=h(n),k=h(o),w=k.default(a.DatePicker)(b||(b=e.__makeTemplateObject(["\n  position: relative;\n  ","\n"],["\n  position: relative;\n  ","\n"])),(function(n){return n.fullWidth&&o.css(x||(x=e.__makeTemplateObject(["\n      .mantine-DatePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "],["\n      .mantine-DatePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "])))})),E=k.default(a.DateRangePicker)(_||(_=e.__makeTemplateObject(["\n  position: relative;\n  ","\n"],["\n  position: relative;\n  ","\n"])),(function(n){return n.fullWidth&&o.css(v||(v=e.__makeTemplateObject(["\n      .mantine-DateRangePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "],["\n      .mantine-DateRangePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "])))})),A=function(n){return C.default.createElement(w,e.__assign({size:"md",clearable:!1,fullWidth:!0,rightSection:C.default.createElement(t.Image,{src:r.CommonGAssets.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},n))};A.Range=function(n){return C.default.createElement(E,e.__assign({size:"md",clearable:!1,fullWidth:!0,rightSection:C.default.createElement(t.Image,{src:r.CommonGAssets.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},n))};var y,S,j,L=k.default(t.Textarea)(y||(y=e.__makeTemplateObject(["\n  .mantine-Textarea-input {\n    padding: 12px 16px;\n    background: #ffffff;\n    border: 1px solid ",";\n    border-radius: 4px;\n  }\n"],["\n  .mantine-Textarea-input {\n    padding: 12px 16px;\n    background: #ffffff;\n    border: 1px solid ",";\n    border-radius: 4px;\n  }\n"])),i.theme.colors.gray200),O=k.default(t.Modal)(S||(S=e.__makeTemplateObject(["\n  .mantine-Modal-inner {\n    border-radius: 6px;\n  }\n  .mantine-Modal-modal {\n    padding: 0;\n  }\n  .mantine-Modal-header {\n    border-bottom: 1px solid ",";\n    margin-right: 0;\n    margin-bottom: 0;\n    padding: 16px;\n  }\n  .mantine-Modal-title {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-right: 0;\n  }\n  .mantine-Modal-close {\n    cursor: pointer;\n    width: 24px;\n    height: 24px;\n  }\n  .mantine-Modal-body {\n    padding: 40px;\n  }\n"],["\n  .mantine-Modal-inner {\n    border-radius: 6px;\n  }\n  .mantine-Modal-modal {\n    padding: 0;\n  }\n  .mantine-Modal-header {\n    border-bottom: 1px solid ",";\n    margin-right: 0;\n    margin-bottom: 0;\n    padding: 16px;\n  }\n  .mantine-Modal-title {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-right: 0;\n  }\n  .mantine-Modal-close {\n    cursor: pointer;\n    width: 24px;\n    height: 24px;\n  }\n  .mantine-Modal-body {\n    padding: 40px;\n  }\n"])),i.theme.colors.neutral100),M=k.default(t.Accordion)(j||(j=e.__makeTemplateObject(["\n  .mantine-Accordion-control {\n    &:hover {\n      background-color: transparent;\n    }\n  }\n  .mantine-Accordion-item {\n    .mantine-Accordion-chevron {\n      > div {\n        background-repeat: no-repeat;\n        width: 16px;\n        height: 16px;\n        background-position: center;\n        background-image: url(",");\n      }\n    }\n    &[data-active='true'] {\n      .mantine-Accordion-chevron {\n        > div {\n          background-image: url(",");\n        }\n      }\n    }\n  }\n  .mantine-Accordion-panel {\n    border-radius: 6px;\n  }\n  .mantine-Accordion-content {\n    white-space: pre-wrap;\n  }\n"],["\n  .mantine-Accordion-control {\n    &:hover {\n      background-color: transparent;\n    }\n  }\n  .mantine-Accordion-item {\n    .mantine-Accordion-chevron {\n      > div {\n        background-repeat: no-repeat;\n        width: 16px;\n        height: 16px;\n        background-position: center;\n        background-image: url(",");\n      }\n    }\n    &[data-active='true'] {\n      .mantine-Accordion-chevron {\n        > div {\n          background-image: url(",");\n        }\n      }\n    }\n  }\n  .mantine-Accordion-panel {\n    border-radius: 6px;\n  }\n  .mantine-Accordion-content {\n    white-space: pre-wrap;\n  }\n"])),(function(e){return e.closeChevron||r.CommonGAssets.getAssetPath("plus-icon.svg")}),(function(e){return e.openChevron||r.CommonGAssets.getAssetPath("minus-icon.svg")})),P=function(n){var t=n.children,r=e.__rest(n,["children"]);return C.default.createElement(M,e.__assign({chevron:C.default.createElement("div",null),disableChevronRotation:!0,transitionDuration:300},r),t)};P.Control=t.Accordion.Control,P.Item=t.Accordion.Item,P.Panel=t.Accordion.Panel;var T=r.CommonGAssets.getAssetPath("avatar.jpg"),q=function(n){var t=n.slidesToShow,r=void 0===t?1:t,a=n.children,o=e.__rest(n,["slidesToShow","children"]);return C.default.createElement(u.Carousel,e.__assign({slideSize:String(Math.floor(1/r*100))+"%",containScroll:"trimSnaps"},o),a)};q.Slide=u.Carousel.Slide;var I=function(n){return C.default.createElement(t.Checkbox,e.__assign({},n))};I.Group=t.Checkbox.Group;var z,B,R,D=k.default(t.Slider)(z||(z=e.__makeTemplateObject(["\n  .mantine-Slider-track {\n    background-color: ",";\n  }\n\n  .mantine-Slider-label {\n    background-color: transparent;\n    color: #000;\n    font-size: 14px;\n    font-weight: bold;\n  }\n"],["\n  .mantine-Slider-track {\n    background-color: ",";\n  }\n\n  .mantine-Slider-label {\n    background-color: transparent;\n    color: #000;\n    font-size: 14px;\n    font-weight: bold;\n  }\n"])),(function(e){return e.color||e.theme.colors.primaryBase})),G="hhgcomp-mantine-slider-slider",H=g.getDefaultClassWrapper(D,G),F=k.default.div(B||(B=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  ."," {\n    flex-grow: 1;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  ."," {\n    flex-grow: 1;\n  }\n"])),G),W=k.default(t.Radio)(R||(R=e.__makeTemplateObject(["\n  .mantine-Radio-icon {\n    color: ",";\n  }\n"],["\n  .mantine-Radio-icon {\n    color: ",";\n  }\n"])),(function(e){return e.color||i.theme.colors.primaryBase})),N=function(n){return C.default.createElement(W,e.__assign({size:"sm"},n))};N.Group=t.Radio.Group;var U,V,J=k.default(t.Switch)(U||(U=e.__makeTemplateObject(["\n  .mantine-Switch-track {\n  }\n"],["\n  .mantine-Switch-track {\n  }\n"]))),K=((V={})[l.LOCALE.Vietnam]="vi",V[l.LOCALE.Cambodia]="km",V[l.LOCALE.India]="hi",V[l.LOCALE.Indonesia]="id",V[l.LOCALE.Malaysia]="ms",V[l.LOCALE.Thailand]="th",V[l.LOCALE.Taiwan]="zh-tw",V[l.LOCALE.PhilippinesTagalog]="tl-ph",V[l.LOCALE.PhilippinesEnglish]="en",V[l.LOCALE.Myanmar]="my",V),Q=function(e){n.useEffect((function(){K[e]&&require("dayjs/locale/".concat(K[e],".js"))}),[e])},X={"&:hover":{borderColor:"".concat(i.theme.colors.blue200),boxShadow:"0 0 2px 2px ".concat(i.theme.colors.blue200)}},Y=function(n){return{datesLocale:K[n],dateFormat:d.ISO_FORMAT[n].dateFormat,fontFamily:n===l.LOCALE.Cambodia?"Battambang,":"Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI',\n      Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",components:{InputWrapper:{styles:{label:{marginBottom:"0.5rem"}}},NumberInput:{defaultProps:{decimalSeparator:d.ISO_FORMAT[n].separator}},Input:{styles:{input:{borderRadius:"6px",transition:"all ".concat("100ms"," ease-in-out"),"&:hover, &:focus":{borderColor:"".concat(i.theme.colors.blue200),boxShadow:"0 0 2px 2px ".concat(i.theme.colors.blue200)}},rightSection:{pointerEvents:"none",cursor:"default"},invalid:{color:"#000"}}},Checkbox:{styles:{input:X}},Radio:{styles:{radio:e.__assign(e.__assign({backgroundColor:"#ffffff"},X),{"&:checked":{backgroundColor:"#ffffff"}})}}}}};exports.Input=d.Input,exports.emotionCache=d.emotionCache,exports.CentralCarousel=m.CentralCarousel,exports.Accordion=P,exports.Avatar=function(n){var r=n.withIndicator,a=void 0!==r&&r,o=n.indicatorConfig,i=void 0===o?null:o,l=n.size,s=void 0===l?56:l,c=n.children,d=e.__rest(n,["withIndicator","indicatorConfig","size","children"]),u=function(){return C.default.createElement(t.Avatar,e.__assign({size:s,radius:"xl"},d),c||C.default.createElement("img",{src:T,width:s}))};return a?C.default.createElement(t.Indicator,e.__assign({inline:!0,position:"bottom-end",offset:9},i,{styles:{indicator:{backgroundColor:C.default.isValidElement(i.label)&&"transparent"}}}),u()):u()},exports.Badge=function(n){var r=n.color,a=void 0===r?i.theme.colors.primaryBase:r,o=e.__rest(n,["color"]);return C.default.createElement(t.Badge,e.__assign({variant:"filled",color:a,styles:{root:{borderRadius:"2px",background:a,textTransform:"unset"}}},o))},exports.Carousel=q,exports.Checkbox=I,exports.DatePicker=A,exports.Indicator=function(n){return C.default.createElement(t.Indicator,e.__assign({inline:!0,position:"top-end",offset:4,styles:{indicator:{backgroundColor:i.theme.colors.red700}}},n))},exports.LoadingOverlay=function(n){return C.default.createElement(t.LoadingOverlay,e.__assign({loaderProps:{color:i.theme.colors.primaryBase}},n))},exports.MAPPED_LOCALE=K,exports.MantineProvider=function(n){var r=n.children,a=n.locale,o=e.__rest(n,["children","locale"]);return Q(a),C.default.createElement(t.MantineProvider,e.__assign({theme:Y(a)},o),r)},exports.Modal=function(n){var t=n.title,a=e.__rest(n,["title"]);return C.default.createElement(C.default.Fragment,null,C.default.createElement(O,e.__assign({centered:!0},a,{withCloseButton:!1,title:C.default.createElement(C.default.Fragment,null,t,C.default.createElement("img",{className:"mantine-Modal-close",src:r.CommonGAssets.getAssetPath("CloseModal.svg"),onClick:function(){var e;return null===(e=a.onClose)||void 0===e?void 0:e.call(a)}}))})))},exports.Radio=N,exports.Select=function(n){var a=n.keepSearch,o=void 0!==a&&a,i=e.__rest(n,["keepSearch"]);return o?C.default.createElement(t.Autocomplete,e.__assign({rightSection:C.default.createElement(t.Image,{src:r.CommonGAssets.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},i)):C.default.createElement(t.Select,e.__assign({rightSection:C.default.createElement(t.Image,{src:r.CommonGAssets.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},i))},exports.Slider=function(t){var r=t.color,a=void 0===r?i.theme.colors.primaryBase:r,o=t.withControl,l=t.onChange,s=t.value,c=t.min,u=t.max,m=t.isStatic,g=e.__rest(t,["color","withControl","onChange","value","min","max","isStatic"]),h=n.useState(s||c||0),x=h[0],b=h[1],v=p.useDebouncedValue(x,d.DEBOUNCED_TIME)[0];return n.useEffect((function(){null==l||l(v)}),[v]),C.default.createElement(F,null,o&&C.default.createElement(f.Button,{type:"button",size:"sm",color:"ghost",onClick:function(){b((function(e){return c&&e===c?e:e-1}))}},C.default.createElement("svg",{width:"10",height:"10",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12 3"},C.default.createElement("path",{d:"M1 1.004h8",stroke:a,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),C.default.createElement(H,e.__assign({thumbSize:21,labelAlwaysOn:!0,radius:"xl",color:a,value:x,onChange:m?function(){return null}:b,min:c,max:u},g)),o&&C.default.createElement(f.Button,{type:"button",size:"sm",color:"ghost",onClick:function(){b((function(e){return u&&e===u?e:e+1}))}},C.default.createElement("svg",{width:"16",height:"20",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16"},C.default.createElement("path",{d:"M8 4v8M4 8h8",stroke:a,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))))},exports.Spoiler=function(r){var a=r.children,o=r.line,l=r.lineHeight,d=r.trackingAttributes,u=r.maxHeight,m=r.customExpandFn,p=e.__rest(r,["children","line","lineHeight","trackingAttributes","maxHeight","customExpandFn"]),f=c.useTranslations().t,g=n.useMemo((function(){return u||(o&&l?o*l:(console.error("[HHG-Comp]:[Spoiler] Please provide maxHeight, or line with lineHeight"),0))}),[]);a||console.error("[HHG-Comp]:[Spoiler] Please provide children");var h=n.useMemo((function(){return d?{"data-event-category":d.dataEventCategory,"data-event-action":d.dataEventAction,"data-event-label":d.dataEventLabel}:{}}),[d]);return C.default.createElement(t.Spoiler,e.__assign({showLabel:C.default.createElement(s.Text,e.__assign({size:"p3",color:i.theme.colors.primaryBase},h,{onClick:m}),f("articlePage.readMore")),hideLabel:C.default.createElement(s.Text,e.__assign({size:"p3",color:i.theme.colors.primaryBase},h),f("articlePage.showLess"))},p,{maxHeight:g}),a)},exports.Switch=J,exports.TextArea=function(n){return C.default.createElement(L,e.__assign({minRows:2,maxRows:4},n))},exports.getMantineThemeOverride=Y,exports.useMantineLocale=Q;

package/build/misc.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./localizeNumberFormat-d556e726.js"),r=require("./screenSizeContext-1f66207a.js"),t=require("./cookieHelper-4ff03ad5.js"),o=require("./lazyLoad-0bebf350.js");require("react"),require("styled-components");var i=require("./theme-b257f481.js"),s=require("./dataTransform-2b63cd7b.js"),a=require("./routing-5e3fc22d.js"),l=require("./utils-19642742.js"),p=require("./getDynamicHealthTool-ee83c3d9.js"),n=require("./getSocialList-707de645.js");require("dayjs"),require("./tslib.es6-e913d68b.js"),require("lodash/throttle"),require("vanilla-lazyload"),require("./index-fcc1501b.js"),require("./Locale-776bc4e9.js"),require("./isProduction-bd5bb82a.js"),require("./core-ead66b98.js"),require("./gAssets.js"),exports.ageGenerate=e.ageGenerate,exports.convertLocalizedStringToNumber=e.convertLocalizedStringToNumber,exports.localizeNumberFormat=e.localizeNumberFormat,exports.ScreenSizeContext=r.ScreenSizeContext,exports.ScreenSizeContextProvider=r.ScreenSizeContextProvider,exports.fadeIn=r.fadeIn,exports.getWindowSizeGroups=r.getWindowSizeGroups,exports.slideInDown=r.slideInDown,exports.slideInLeft=r.slideInLeft,exports.slideInRight=r.slideInRight,exports.slideInUp=r.slideInUp,exports.slideOutDown=r.slideOutDown,exports.slideOutLeft=r.slideOutLeft,exports.slideOutRight=r.slideOutRight,exports.slideOutUp=r.slideOutUp,exports.deleteCookie=t.deleteCookie,exports.getCookie=t.getCookie,exports.setCookie=t.setCookie,Object.defineProperty(exports,"lazyLoadInstance",{enumerable:!0,get:function(){return o.lazyLoadInstance}}),exports.theme=i.theme,exports.abbreviateNumber=s.abbreviateNumber,exports.formatPill=s.formatPill,exports.getCareApiDomain=a.getCareApiDomain,exports.getCurrentBaseUrl=a.getCurrentBaseUrl,exports.getCurrentSsoUrl=a.getCurrentSsoUrl,exports.getDiscoverApiDomain=a.getDiscoverApiDomain,exports.getTogetherApiDomain=a.getTogetherApiDomain,exports.Breakpoints=l.Breakpoints,exports.MediaQueries=l.MediaQueries,exports.formatUrlWithPageParam=l.formatUrlWithPageParam,exports.getBoundariesFromMediaQueryKey=l.getBoundariesFromMediaQueryKey,exports.getPopupWrapperDom=l.getPopupWrapperDom,exports.getWrapperDomWithSelector=l.getWrapperDomWithSelector,exports.makeParams=l.makeParams,exports.safeEncodeURI=l.safeEncodeURI,exports.startCase=l.startCase,exports.toggleNoScroll=l.toggleNoScroll,exports.formatHealthTool=p.formatHealthTool,exports.getDynamicHealthTool=p.getDynamicHealthTool,exports.getDynamicHealthToolWithCache=p.getDynamicHealthToolWithCache,exports.getSocialList=n.getSocialList;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./localizeNumberFormat-155e5aec.js"),r=require("./screenSizeContext-00584173.js"),t=require("./cookieHelper-3553173d.js"),o=require("./lazyLoad-f5c59bb0.js");require("react"),require("styled-components");var i=require("./theme-b4bf0ca3.js"),s=require("./dataTransform-a27830ef.js"),a=require("./routing-99cb7fb3.js"),l=require("./utils-43f2c752.js"),p=require("./getDynamicHealthTool-5794ef69.js"),n=require("./getSocialList-7fd6363b.js");require("dayjs"),require("./tslib.es6-e6f346c4.js"),require("lodash/throttle"),require("vanilla-lazyload"),require("./index-5830eec7.js"),require("./Locale-11b51016.js"),require("./isProduction-32e6a55a.js"),require("./core-27ea44f3.js"),require("./gAssets.js"),exports.ageGenerate=e.ageGenerate,exports.convertLocalizedStringToNumber=e.convertLocalizedStringToNumber,exports.localizeNumberFormat=e.localizeNumberFormat,exports.ScreenSizeContext=r.ScreenSizeContext,exports.ScreenSizeContextProvider=r.ScreenSizeContextProvider,exports.fadeIn=r.fadeIn,exports.getWindowSizeGroups=r.getWindowSizeGroups,exports.slideInDown=r.slideInDown,exports.slideInLeft=r.slideInLeft,exports.slideInRight=r.slideInRight,exports.slideInUp=r.slideInUp,exports.slideOutDown=r.slideOutDown,exports.slideOutLeft=r.slideOutLeft,exports.slideOutRight=r.slideOutRight,exports.slideOutUp=r.slideOutUp,exports.deleteCookie=t.deleteCookie,exports.getCookie=t.getCookie,exports.setCookie=t.setCookie,Object.defineProperty(exports,"lazyLoadInstance",{enumerable:!0,get:function(){return o.lazyLoadInstance}}),exports.theme=i.theme,exports.abbreviateNumber=s.abbreviateNumber,exports.formatPill=s.formatPill,exports.getCareApiDomain=a.getCareApiDomain,exports.getCurrentBaseUrl=a.getCurrentBaseUrl,exports.getCurrentSsoUrl=a.getCurrentSsoUrl,exports.getDiscoverApiDomain=a.getDiscoverApiDomain,exports.getTogetherApiDomain=a.getTogetherApiDomain,exports.Breakpoints=l.Breakpoints,exports.MediaQueries=l.MediaQueries,exports.formatUrlWithPageParam=l.formatUrlWithPageParam,exports.getBoundariesFromMediaQueryKey=l.getBoundariesFromMediaQueryKey,exports.getPopupWrapperDom=l.getPopupWrapperDom,exports.getWrapperDomWithSelector=l.getWrapperDomWithSelector,exports.makeParams=l.makeParams,exports.safeEncodeURI=l.safeEncodeURI,exports.startCase=l.startCase,exports.toggleNoScroll=l.toggleNoScroll,exports.formatHealthTool=p.formatHealthTool,exports.getDynamicHealthTool=p.getDynamicHealthTool,exports.getDynamicHealthToolWithCache=p.getDynamicHealthToolWithCache,exports.getSocialList=n.getSocialList;

package/build/navigation.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("./tslib.es6-e913d68b.js"),require("react"),require("./core-ead66b98.js");var e=require("./index-1662325d.js");require("./index-fcc1501b.js"),require("./routing-5e3fc22d.js"),require("./index-89ad1d43.js"),require("./isProduction-bd5bb82a.js"),require("./gAssets.js"),require("./Locale-776bc4e9.js"),require("./index-1dbe00f4.js"),require("styled-components"),require("./index-6b1ac1e5.js"),require("./utils-19642742.js"),require("./index-66d94ff5.js"),require("./constants-52b5ac28.js"),require("./useTranslations-ba97f77e.js"),require("./translationsContext-bc41b1f2.js"),require("string-format"),require("./index-9e1ec923.js"),require("./index-bdeadfd9.js"),require("./theme-b257f481.js"),require("./defaultClassWrapper-52e0eb16.js"),require("dayjs"),require("dayjs/plugin/relativeTime"),require("./index-b9c78870.js"),require("./index-2024afb0.js"),require("lodash/throttle"),require("@mantine/core"),require("./cookieHelper-4ff03ad5.js"),require("./lazyLoad-0bebf350.js"),require("vanilla-lazyload"),require("lodash/debounce"),require("slugify"),exports.NavigationV2=e.NavigationV2,exports.getNavMenuContent=e.getNavMenuContent,exports.getNavMenuContentWithCache=e.getNavMenuContentWithCache;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("./tslib.es6-e6f346c4.js"),require("react"),require("./core-27ea44f3.js");var e=require("./index-1d1cfd31.js");require("./index-5830eec7.js"),require("./routing-99cb7fb3.js"),require("./index-9b944f11.js"),require("./isProduction-32e6a55a.js"),require("./gAssets.js"),require("./Locale-11b51016.js"),require("./index-4f2fe9a1.js"),require("styled-components"),require("./index-6193a08c.js"),require("./utils-43f2c752.js"),require("./index-f50d4c63.js"),require("./theme-b4bf0ca3.js"),require("./constants-ca5ea110.js"),require("./useTranslations-ef4df454.js"),require("./translationsContext-14a025ec.js"),require("string-format"),require("./index-4338f5f7.js"),require("./index-d632029d.js"),require("./defaultClassWrapper-0eac7dff.js"),require("dayjs"),require("dayjs/plugin/relativeTime"),require("./index-2657dba3.js"),require("./index-10ede9ab.js"),require("lodash/throttle"),require("@mantine/core"),require("./cookieHelper-3553173d.js"),require("./lazyLoad-f5c59bb0.js"),require("vanilla-lazyload"),require("lodash/debounce"),require("slugify"),exports.NavigationV2=e.NavigationV2,exports.getNavMenuContent=e.getNavMenuContent,exports.getNavMenuContentWithCache=e.getNavMenuContentWithCache;

package/build/pwg.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tslib.es6-e913d68b.js"),t=require("react"),n=require("./index-66d94ff5.js"),a=require("./index-f72bbc7b.js"),r=require("./useTranslations-ba97f77e.js"),l=require("./theme-b257f481.js"),i=require("recharts"),o=require("./index-26c449d3.js"),c=require("./useOutsideClick-b0f3338f.js"),s=require("styled-components");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./Locale-776bc4e9.js"),require("./gAssets.js"),require("./index-fcc1501b.js"),require("./isProduction-bd5bb82a.js"),require("./index-3548be0c.js"),require("@mantine/carousel"),require("@mantine/hooks"),require("./translationsContext-bc41b1f2.js"),require("string-format");var u,m,f,p,g=d(t),x=d(s),h=function(t){var n=t.weightByWeek,a=t.weightBefore,r=t.toolTipLabel,l=t.status,i=t.activeWeek,o=(0,t.t)("bmi.result.".concat(l));return n.map((function(t){return e.__assign({name:t.week,min:a+t.min,difference:t.max-t.min,max:a+t.max},t.week===i?{toolTipLabel:r,translatedStatus:o,status:l}:{})}))},b=function(e){var t=e.x,n=e.y,a=e.payload;return e.activeWeek===a.value?g.default.createElement("g",{transform:"translate(".concat(t,",").concat(n,")")},g.default.createElement("circle",{r:12,fill:l.theme.colors.primaryBase}),g.default.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:l.theme.colors.white,fontFamily:"Inter",fontWeight:"600",fontSize:"12px"},a.value)):g.default.createElement("g",{transform:"translate(".concat(t,",").concat(n,")")},g.default.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:l.theme.colors.gray600,fontFamily:"Inter",fontWeight:"400",fontSize:"12px"},a.value))},y=x.default.div(u||(u=e.__makeTemplateObject(["\n  /* position: absolute; */\n  display: flex;\n  flex-direction: column;\n  padding: 8px 12px;\n  gap: 4px;\n\n  min-width: 145px;\n  max-width: 220px;\n  min-height: 50px;\n  border-radius: 4px;\n  background: rgba(255, 255, 255, 0.2);\n  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);\n  backdrop-filter: blur(5px);\n  -webkit-backdrop-filter: blur(5px);\n  border: 1px solid rgba(255, 255, 255, 0.3);\n  /* .risk {\n    display: flex;\n    align-items: center;\n    padding: 4px 8px;\n    background: ",";\n    border-radius: 3px;\n  } */\n  & > * {\n    display: flex;\n    gap: 4px;\n    align-items: center;\n  }\n  .risk {\n    display: inline-flex;\n    padding: 2px 8px;\n    border-radius: 2px;\n    background: #ffffff;\n  }\n"],["\n  /* position: absolute; */\n  display: flex;\n  flex-direction: column;\n  padding: 8px 12px;\n  gap: 4px;\n\n  min-width: 145px;\n  max-width: 220px;\n  min-height: 50px;\n  border-radius: 4px;\n  background: rgba(255, 255, 255, 0.2);\n  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);\n  backdrop-filter: blur(5px);\n  -webkit-backdrop-filter: blur(5px);\n  border: 1px solid rgba(255, 255, 255, 0.3);\n  /* .risk {\n    display: flex;\n    align-items: center;\n    padding: 4px 8px;\n    background: ",";\n    border-radius: 3px;\n  } */\n  & > * {\n    display: flex;\n    gap: 4px;\n    align-items: center;\n  }\n  .risk {\n    display: inline-flex;\n    padding: 2px 8px;\n    border-radius: 2px;\n    background: #ffffff;\n  }\n"])),l.theme.colors.yellow600),v=x.default.div(m||(m=e.__makeTemplateObject(["\n  position: relative;\n  width: 100%;\n  .custom-chart-label {\n    display: flex;\n    width: 100%;\n    justify-content: space-between;\n    align-items: center;\n  }\n  .chart-legend {\n    display: flex;\n    justify-content: space-between;\n  }\n"],["\n  position: relative;\n  width: 100%;\n  .custom-chart-label {\n    display: flex;\n    width: 100%;\n    justify-content: space-between;\n    align-items: center;\n  }\n  .chart-legend {\n    display: flex;\n    justify-content: space-between;\n  }\n"]))),k=x.default.div(f||(f=e.__makeTemplateObject(["\n  display: flex;\n  gap: 40px;\n  justify-content: center;\n  margin-bottom: 8px;\n  & > div {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n  }\n"],["\n  display: flex;\n  gap: 40px;\n  justify-content: center;\n  margin-bottom: 8px;\n  & > div {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n  }\n"]))),w=[{name:"overweight",backgroundColor:l.theme.colors.yellow50,color:l.theme.colors.yellow900},{name:"underweight",backgroundColor:l.theme.colors.yellow50,color:l.theme.colors.yellow900},{name:"healthy",backgroundColor:l.theme.colors.green50,color:l.theme.colors.green900}],E=function(e){var a,r,i,o,c,s=e.payload,d=e.active,u=null===(a=null==s?void 0:s[0])||void 0===a?void 0:a.payload;if(!u||!u.toolTipLabel||!d)return null;var m=t.useMemo((function(){return w.find((function(e){return e.name===u.status}))}),[null==u?void 0:u.status]),f=m.backgroundColor,p=m.color;return g.default.createElement(y,null,g.default.createElement("div",null,null===(r=u.toolTipLabel)||void 0===r?void 0:r[0]," ",null===(i=u.toolTipLabel)||void 0===i?void 0:i[1]),g.default.createElement("div",null,(null===(o=u.toolTipLabel)||void 0===o?void 0:o[2])&&g.default.createElement(n.Text,{as:"span",size:"s3",color:l.theme.colors.gray800,type:"semiBold"},null===(c=u.toolTipLabel)||void 0===c?void 0:c[2]),g.default.createElement("div",{className:"risk",style:{backgroundColor:f}},g.default.createElement(n.Text,{size:"n1",color:p},u.translatedStatus))))},T=function(a){var s=a.weightBefore,d=a.weightByWeek,u=a.activeWeek,m=a.currentWeight,f=a.toolTipLabel,p=void 0===f?[]:f,x=a.status,y=a.withLine,k=void 0!==y&&y,w=r.useTranslations().t,T=t.useMemo((function(){return h({weightByWeek:d,weightBefore:s,toolTipLabel:p,status:x,activeWeek:u,t:w})}),[d,s,p,x,u]),j=t.useState(!1),_=j[0],q=j[1],C=t.useRef(null);return c.useOutsideClick(C,(function(){return q(!1)})),g.default.createElement(v,null,g.default.createElement(n.Text,{size:"n1",color:l.theme.colors.gray500},w("babyGrowth.weight")," ",w("pregnancyWeightGain.weightInput.desc")),Array.isArray(T)&&T.length>0&&g.default.createElement(v,null,g.default.createElement(i.ResponsiveContainer,{height:388,className:"chart"},g.default.createElement(i.AreaChart,{data:T,margin:{top:16,right:0,left:0}},g.default.createElement(i.CartesianGrid,{stroke:l.theme.colors.neutral100}),g.default.createElement(i.Tooltip,{trigger:"click",content:function(t){return g.default.createElement(E,e.__assign({active:!k&&_&&void 0!==u&&void 0!==m},t))}}),g.default.createElement(i.XAxis,{type:"number",scale:"linear",ticks:Array.from({length:40},(function(e,t){return t+1})),dataKey:"name",tickLine:!1,tickMargin:12,tick:function(t){return g.default.createElement(b,e.__assign({},t,{activeWeek:u}))},domain:["dataMin","dataMax"],interval:"preserveStartEnd",tickCount:1,allowDecimals:!1}),g.default.createElement(i.YAxis,{domain:[function(e){return Math.max(e,s-10||e)},function(e){return Math.max(e,s+20||e)}],type:"number",scale:"auto",interval:"preserveStartEnd",tickLine:!1,tickMargin:7,width:45,tickCount:10,allowDecimals:!0,tickFormatter:function(e){return String(Math.round(100*(e+Number.EPSILON))/100)},tick:{fontFamily:"Inter",fontWeight:400,fontSize:12,color:l.theme.colors.gray600}}),g.default.createElement(i.Area,{connectNulls:!0,type:"monotone",dataKey:"min",stackId:"1",stroke:"transparent",fill:"transparent"}),g.default.createElement(i.Area,{connectNulls:!0,type:"monotone",dataKey:"difference",stackId:"1",stroke:"transparent",fill:l.theme.colors.blue100}),void 0!==u&&void 0!==m&&g.default.createElement(i.ReferenceDot,{onClick:function(){return q(!0)},x:0===u?1:u,y:m,r:4,shape:g.default.createElement(o.CustomReferenceDot,{ref:C,r:4}),fill:l.theme.colors.primaryBase,stroke:l.theme.colors.primaryBase}))),g.default.createElement("div",{className:"custom-chart-label"},g.default.createElement("i",null),g.default.createElement(n.Text,{size:"n1",color:l.theme.colors.gray500},w("pregnancy.week")))))},j=function(t){var n=t.color,a=e.__rest(t,["color"]);return g.default.createElement("svg",e.__assign({width:"8",height:"8",viewBox:"0 0 8 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a),g.default.createElement("circle",{cx:"4",cy:"4",r:"4",fill:n||l.theme.colors.primaryBase}))},_=function(e){var t=e.idealWeight,a=r.useTranslations().t;return g.default.createElement(k,null,g.default.createElement("div",null,g.default.createElement(j,{color:l.theme.colors.blue100}),g.default.createElement(n.Text,{size:"n1",color:l.theme.colors.gray600},g.default.createElement(n.Text,{size:"n1",as:"span"},a("pregnancyTool.weightSuggested")," "),g.default.createElement(n.Text,{size:"n1",color:l.theme.colors.gray800,type:"bold",as:"span"},t))),g.default.createElement("div",null,g.default.createElement(j,null),g.default.createElement(n.Text,{size:"n1",color:l.theme.colors.gray600},a("pwg.placeholder.weight"))))},q=x.default.div(p||(p=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 24px 16px;\n  width: 100%;\n  gap: 24px;\n  border: 1px solid ",";\n  border-radius: 8px;\n  .chart-header {\n    text-align: center;\n  }\n  > div {\n    width: 100%;\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 24px 16px;\n  width: 100%;\n  gap: 24px;\n  border: 1px solid ",";\n  border-radius: 8px;\n  .chart-header {\n    text-align: center;\n  }\n  > div {\n    width: 100%;\n  }\n"])),l.theme.colors.neutral100);exports.PregnancyWeightGainChart=function(t){var i=t.chartProps,o=t.pillCarouselProps,c=t.idealWeight,s=t.description,d=r.useTranslations().t;return g.default.createElement(q,null,g.default.createElement("div",{className:"chart-header"},g.default.createElement(n.Text,{size:"s1",type:"semiBold",color:l.theme.colors.gray800},d("pregnancyTool.weightSuggested")),s&&s),g.default.createElement(a.PillCarousel,e.__assign({},o)),g.default.createElement("div",null,g.default.createElement(_,{idealWeight:c}),g.default.createElement(T,e.__assign({},i))))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tslib.es6-e6f346c4.js"),t=require("react"),n=require("./index-f50d4c63.js"),a=require("./index-b63d6868.js"),r=require("./useTranslations-ef4df454.js"),l=require("./theme-b4bf0ca3.js"),i=require("recharts"),o=require("./index-76dc603c.js"),c=require("./useOutsideClick-528bfd6c.js"),s=require("styled-components");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./utils-43f2c752.js"),require("./Locale-11b51016.js"),require("./gAssets.js"),require("./index-5830eec7.js"),require("./isProduction-32e6a55a.js"),require("./index-8ddc0bb9.js"),require("@mantine/carousel"),require("@mantine/hooks"),require("./translationsContext-14a025ec.js"),require("string-format");var u,m,f,p,g=d(t),x=d(s),h=function(t){var n=t.weightByWeek,a=t.weightBefore,r=t.toolTipLabel,l=t.status,i=t.activeWeek,o=(0,t.t)("bmi.result.".concat(l));return n.map((function(t){return e.__assign({name:t.week,min:a+t.min,difference:t.max-t.min,max:a+t.max},t.week===i?{toolTipLabel:r,translatedStatus:o,status:l}:{})}))},b=function(e){var t=e.x,n=e.y,a=e.payload;return e.activeWeek===a.value?g.default.createElement("g",{transform:"translate(".concat(t,",").concat(n,")")},g.default.createElement("circle",{r:12,fill:l.theme.colors.primaryBase}),g.default.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:l.theme.colors.white,fontFamily:"Inter",fontWeight:"600",fontSize:"12px"},a.value)):g.default.createElement("g",{transform:"translate(".concat(t,",").concat(n,")")},g.default.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:l.theme.colors.gray600,fontFamily:"Inter",fontWeight:"400",fontSize:"12px"},a.value))},y=x.default.div(u||(u=e.__makeTemplateObject(["\n  /* position: absolute; */\n  display: flex;\n  flex-direction: column;\n  padding: 8px 12px;\n  gap: 4px;\n\n  min-width: 145px;\n  max-width: 220px;\n  min-height: 50px;\n  border-radius: 4px;\n  background: rgba(255, 255, 255, 0.2);\n  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);\n  backdrop-filter: blur(5px);\n  -webkit-backdrop-filter: blur(5px);\n  border: 1px solid rgba(255, 255, 255, 0.3);\n  /* .risk {\n    display: flex;\n    align-items: center;\n    padding: 4px 8px;\n    background: ",";\n    border-radius: 3px;\n  } */\n  & > * {\n    display: flex;\n    gap: 4px;\n    align-items: center;\n  }\n  .risk {\n    display: inline-flex;\n    padding: 2px 8px;\n    border-radius: 2px;\n    background: #ffffff;\n  }\n"],["\n  /* position: absolute; */\n  display: flex;\n  flex-direction: column;\n  padding: 8px 12px;\n  gap: 4px;\n\n  min-width: 145px;\n  max-width: 220px;\n  min-height: 50px;\n  border-radius: 4px;\n  background: rgba(255, 255, 255, 0.2);\n  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);\n  backdrop-filter: blur(5px);\n  -webkit-backdrop-filter: blur(5px);\n  border: 1px solid rgba(255, 255, 255, 0.3);\n  /* .risk {\n    display: flex;\n    align-items: center;\n    padding: 4px 8px;\n    background: ",";\n    border-radius: 3px;\n  } */\n  & > * {\n    display: flex;\n    gap: 4px;\n    align-items: center;\n  }\n  .risk {\n    display: inline-flex;\n    padding: 2px 8px;\n    border-radius: 2px;\n    background: #ffffff;\n  }\n"])),l.theme.colors.yellow600),v=x.default.div(m||(m=e.__makeTemplateObject(["\n  position: relative;\n  width: 100%;\n  .custom-chart-label {\n    display: flex;\n    width: 100%;\n    justify-content: space-between;\n    align-items: center;\n  }\n  .chart-legend {\n    display: flex;\n    justify-content: space-between;\n  }\n"],["\n  position: relative;\n  width: 100%;\n  .custom-chart-label {\n    display: flex;\n    width: 100%;\n    justify-content: space-between;\n    align-items: center;\n  }\n  .chart-legend {\n    display: flex;\n    justify-content: space-between;\n  }\n"]))),k=x.default.div(f||(f=e.__makeTemplateObject(["\n  display: flex;\n  gap: 40px;\n  justify-content: center;\n  margin-bottom: 8px;\n  & > div {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n  }\n"],["\n  display: flex;\n  gap: 40px;\n  justify-content: center;\n  margin-bottom: 8px;\n  & > div {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n  }\n"]))),w=[{name:"overweight",backgroundColor:l.theme.colors.yellow50,color:l.theme.colors.yellow900},{name:"underweight",backgroundColor:l.theme.colors.yellow50,color:l.theme.colors.yellow900},{name:"healthy",backgroundColor:l.theme.colors.green50,color:l.theme.colors.green900}],E=function(e){var a,r,i,o,c,s=e.payload,d=e.active,u=null===(a=null==s?void 0:s[0])||void 0===a?void 0:a.payload;if(!u||!u.toolTipLabel||!d)return null;var m=t.useMemo((function(){return w.find((function(e){return e.name===u.status}))}),[null==u?void 0:u.status]),f=m.backgroundColor,p=m.color;return g.default.createElement(y,null,g.default.createElement("div",null,null===(r=u.toolTipLabel)||void 0===r?void 0:r[0]," ",null===(i=u.toolTipLabel)||void 0===i?void 0:i[1]),g.default.createElement("div",null,(null===(o=u.toolTipLabel)||void 0===o?void 0:o[2])&&g.default.createElement(n.Text,{as:"span",size:"s3",color:l.theme.colors.gray800,type:"semiBold"},null===(c=u.toolTipLabel)||void 0===c?void 0:c[2]),g.default.createElement("div",{className:"risk",style:{backgroundColor:f}},g.default.createElement(n.Text,{size:"n1",color:p},u.translatedStatus))))},T=function(a){var s=a.weightBefore,d=a.weightByWeek,u=a.activeWeek,m=a.currentWeight,f=a.toolTipLabel,p=void 0===f?[]:f,x=a.status,y=a.withLine,k=void 0!==y&&y,w=r.useTranslations().t,T=t.useMemo((function(){return h({weightByWeek:d,weightBefore:s,toolTipLabel:p,status:x,activeWeek:u,t:w})}),[d,s,p,x,u]),j=t.useState(!1),_=j[0],q=j[1],C=t.useRef(null);return c.useOutsideClick(C,(function(){return q(!1)})),g.default.createElement(v,null,g.default.createElement(n.Text,{size:"n1",color:l.theme.colors.gray500},w("babyGrowth.weight")," ",w("pregnancyWeightGain.weightInput.desc")),Array.isArray(T)&&T.length>0&&g.default.createElement(v,null,g.default.createElement(i.ResponsiveContainer,{height:388,className:"chart"},g.default.createElement(i.AreaChart,{data:T,margin:{top:16,right:0,left:0}},g.default.createElement(i.CartesianGrid,{stroke:l.theme.colors.neutral100}),g.default.createElement(i.Tooltip,{trigger:"click",content:function(t){return g.default.createElement(E,e.__assign({active:!k&&_&&void 0!==u&&void 0!==m},t))}}),g.default.createElement(i.XAxis,{type:"number",scale:"linear",ticks:Array.from({length:40},(function(e,t){return t+1})),dataKey:"name",tickLine:!1,tickMargin:12,tick:function(t){return g.default.createElement(b,e.__assign({},t,{activeWeek:u}))},domain:["dataMin","dataMax"],interval:"preserveStartEnd",tickCount:1,allowDecimals:!1}),g.default.createElement(i.YAxis,{domain:[function(e){return Math.max(e,s-10||e)},function(e){return Math.max(e,s+20||e)}],type:"number",scale:"auto",interval:"preserveStartEnd",tickLine:!1,tickMargin:7,width:45,tickCount:10,allowDecimals:!0,tickFormatter:function(e){return String(Math.round(100*(e+Number.EPSILON))/100)},tick:{fontFamily:"Inter",fontWeight:400,fontSize:12,color:l.theme.colors.gray600}}),g.default.createElement(i.Area,{connectNulls:!0,type:"monotone",dataKey:"min",stackId:"1",stroke:"transparent",fill:"transparent"}),g.default.createElement(i.Area,{connectNulls:!0,type:"monotone",dataKey:"difference",stackId:"1",stroke:"transparent",fill:l.theme.colors.blue100}),void 0!==u&&void 0!==m&&g.default.createElement(i.ReferenceDot,{onClick:function(){return q(!0)},x:0===u?1:u,y:m,r:4,shape:g.default.createElement(o.CustomReferenceDot,{ref:C,r:4}),fill:l.theme.colors.primaryBase,stroke:l.theme.colors.primaryBase}))),g.default.createElement("div",{className:"custom-chart-label"},g.default.createElement("i",null),g.default.createElement(n.Text,{size:"n1",color:l.theme.colors.gray500},w("pregnancy.week")))))},j=function(t){var n=t.color,a=e.__rest(t,["color"]);return g.default.createElement("svg",e.__assign({width:"8",height:"8",viewBox:"0 0 8 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a),g.default.createElement("circle",{cx:"4",cy:"4",r:"4",fill:n||l.theme.colors.primaryBase}))},_=function(e){var t=e.idealWeight,a=r.useTranslations().t;return g.default.createElement(k,null,g.default.createElement("div",null,g.default.createElement(j,{color:l.theme.colors.blue100}),g.default.createElement(n.Text,{size:"n1",color:l.theme.colors.gray600},g.default.createElement(n.Text,{size:"n1",as:"span"},a("pregnancyTool.weightSuggested")," "),g.default.createElement(n.Text,{size:"n1",color:l.theme.colors.gray800,type:"bold",as:"span"},t))),g.default.createElement("div",null,g.default.createElement(j,null),g.default.createElement(n.Text,{size:"n1",color:l.theme.colors.gray600},a("pwg.placeholder.weight"))))},q=x.default.div(p||(p=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 24px 16px;\n  width: 100%;\n  gap: 24px;\n  border: 1px solid ",";\n  border-radius: 8px;\n  .chart-header {\n    text-align: center;\n  }\n  > div {\n    width: 100%;\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 24px 16px;\n  width: 100%;\n  gap: 24px;\n  border: 1px solid ",";\n  border-radius: 8px;\n  .chart-header {\n    text-align: center;\n  }\n  > div {\n    width: 100%;\n  }\n"])),l.theme.colors.neutral100);exports.PregnancyWeightGainChart=function(t){var i=t.chartProps,o=t.pillCarouselProps,c=t.idealWeight,s=t.description,d=r.useTranslations().t;return g.default.createElement(q,null,g.default.createElement("div",{className:"chart-header"},g.default.createElement(n.Text,{size:"s1",type:"semiBold",color:l.theme.colors.gray800},d("pregnancyTool.weightSuggested")),s&&s),g.default.createElement(a.PillCarousel,e.__assign({},o)),g.default.createElement("div",null,g.default.createElement(_,{idealWeight:c}),g.default.createElement(T,e.__assign({},i))))};

package/build/routing-99cb7fb3.js

@@ -0,0 +1 @@
+"use strict";var t=require("./index-5830eec7.js"),e=require("./isProduction-32e6a55a.js");exports.getCareApiDomain=function(){return"https://".concat(e.isProduction?"health-care.":"service-health-care.","hellohealthgroup.com")},exports.getCurrentBaseUrl=function(o,r){var n="development"===process.env.NEXT_PUBLIC_DEPLOY_ENV,c=!n&&!e.isProduction;return n?"http://localhost:3000":"https://".concat(c?r?"fe.":"discover.":r?"www.":"").concat(t.domainLocales[r?"vi-VN_MB":o])},exports.getCurrentSsoUrl=function(o,r){return"https://".concat(e.isProduction?"id.":"staging-id.").concat(t.domainLocales[r?"vi-VN_MB":o])},exports.getDiscoverApiDomain=function(o){return"https://".concat(e.isProduction?"wp.":"staging.").concat(t.domainLocales[o])},exports.getTogetherApiDomain=function(){return"https://".concat(e.isProduction?"together.":"staging-together.","hellohealthgroup.com")};