@hhgtech/hhg-components 1.23.68 → 1.23.69

package/build/esm/lead.js

@@ -1 +1 @@
-import{b as e,_ as a,a as t,c as l,d as n}from"./tslib.es6-f7955333.js";import o,{useState as r,createContext as i,useMemo as c,useContext as d,useEffect as s,useRef as m}from"react";import u from"lodash/debounce";import{createPortal as p}from"react-dom";import{T as h}from"./translationsContext-c7a3e170.js";import{g,s as v}from"./cookieHelper-d3531626.js";import{b,a as f}from"./utils-f9dbedef.js";import{v1 as k}from"uuid";import{u as y}from"./useTranslations-9e48e8b9.js";import"dayjs";import"./screenSizeContext-4116f67f.js";import"styled-components";import"./index-fe1c4ff3.js";import"./isProduction-33e7c093.js";import"./Locale-5e66312f.js";import"./gAssets.js";import"string-format";import"lodash/throttle";var _=function(e){var a=e.onClose,t=e.containerClassName,l=e.svgClassName;return o.createElement("button",{onClick:a,className:"le-newbuilder-close-button js-modal__close ".concat(t||"")},o.createElement("svg",{className:"le-newbuilder-close-svg ".concat(l||""),xmlns:"http://www.w3.org/2000/svg",width:"53",height:"53",viewBox:"0 0 53 53"},o.createElement("defs",null,o.createElement("filter",{width:"53",height:"53",filterUnits:"userSpaceOnUse"},o.createElement("feGaussianBlur",{result:"blur",stdDeviation:"3"}),o.createElement("feFlood",{floodOpacity:".4"}),o.createElement("feComposite",{in2:"blur",operator:"in"}),o.createElement("feComposite",{in:"SourceGraphic"})),o.createElement("style",{dangerouslySetInnerHTML:{__html:".cls-2{fill:none;stroke:#fff;stroke-linecap:round;stroke-width:2px}"}})),o.createElement("g",{filter:"url(#Ellipse_482)"},o.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"})),o.createElement("path",{d:"M19 19L34 34",className:"cls-2"}),o.createElement("path",{d:"M34 19L19 34",className:"cls-2"})))},E=function(e){var a=e.popupId,t=e.url,l=e.newTab,n=e.imageDestkop,r=e.imageMobile,i=e.onClose,c=e.onOtherSubmit;return o.createElement("div",{id:a,className:"lead-modal-wrapper","data-popup-url":location.pathname,"data-popup-type":"center_tab"},o.createElement("div",{className:"le-center-tab-popup"},o.createElement("div",{style:{position:"relative"}},o.createElement("a",{className:"js-popup-other-submit",href:t,target:l?"blank":"_parent",onClick:c},o.createElement("img",{className:"le-only-mobile",src:r}),o.createElement("img",{className:"le-only-desktop",src:n})),o.createElement(_,{onClose:i,containerClassName:"le-abs-outer-mobile-top-right-2",svgClassName:"le-mobile-btn"}))))},N=function(e){var a=e.popupId,t=e.url,l=e.title,n=e.urlText,r=e.titleAlign,i=e.subtitle,c=e.subtitleAlign,d=e.newTab,s=e.imageDesktop,m=e.imageMobile,u=e.onClose,p=e.onOtherSubmit;return o.createElement("div",{id:a,className:"lead-modal-wrapper lead-floating-wrapper","data-popup-url":location.pathname,"data-popup-type":"floating"},o.createElement("aside",{className:"le-only-desktop"},o.createElement("div",{className:"le-floating-desktop"},o.createElement("div",{className:"le-floating-desktop-wrap",style:{position:"relative",background:"#fff"}},s?o.createElement("div",null,o.createElement("img",{style:{maxWidth:120,borderTopLeftRadius:5,borderBottomLeftRadius:5},src:s})):null,o.createElement("div",{style:{padding:20}},o.createElement("div",{className:"le-floating-desktop-title le-text-align-".concat(r)},l),o.createElement("div",{className:"le-floating-desktop-desc le-text-align-".concat(c)},i)),o.createElement("a",{target:d?"blank":"_parent",style:{marginLeft:35,textDecoration:"none"},href:t},o.createElement("button",{className:"le-joinbow-floating-btn js-popup-other-submit",onClick:p},n)),o.createElement(_,{onClose:u,containerClassName:"le-abs-outer-top-right"})))),o.createElement("aside",{className:"le-only-mobile"},o.createElement("div",{className:"le-floating-mobile"},o.createElement("div",{className:"le-floating-mobile-wrap",style:{position:"relative",background:"#fff"}},o.createElement("aside",{style:{display:"flex",justifyContent:"space-between"}},o.createElement("div",null,o.createElement("div",{className:"le-floating-mobile-title le-text-align-".concat(r)},l),o.createElement("div",{className:"le-floating-mobile-desc le-text-align-".concat(c)},i)),m?o.createElement("div",null,o.createElement("img",{style:{marginLeft:15,marginTop:4,maxWidth:100},src:m})):null),o.createElement("div",{style:{textAlign:"center",marginTop:10}},o.createElement("a",{target:d?"blank":"_parent",href:t,style:{textDecoration:"none"}},o.createElement("button",{className:"le-joinbow-floating-btn js-popup-other-submit",onClick:p},n))),o.createElement(_,{onClose:u,containerClassName:"le-abs-outer-top-right",svgClassName:"le-mobile-btn"})))))},w={LINKS:1,TAGS:2},x="https://dev.leadgen.hellobacsi.com/",C={MOBILE:1,DESKTOP:2},S="";x.includes("localhost")&&(x="https://dev.leadgen.hellobacsi.com/"),location.hostname.includes("marrybaby.vn")&&(S="pink");var B="https://"+location.hostname+location.pathname+location.search;B=B.toLowerCase(),sessionStorage.getItem("insider_object")&&(window.insider_object=JSON.parse(sessionStorage.getItem("insider_object")));var T={"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}},L=T[document.documentElement.lang]||T["vi-VN"];var O=new function(){this.apiLeadUrl="https://dev.leadgen.hellobacsi.com/",this.apiSubotUrl="https://staging-service-subot.hellohealthgroup.com/"},P=function(a){var t=a.url,l=a.data,n=void 0===l?void 0:l,o=e(a,["url","data"]);return o.body=JSON.stringify(n),o.headers={"Content-Type":"application/json"},fetch("".concat(O.apiLeadUrl).concat(t),o).then((function(e){return e.json()})).catch((function(e){return{}}))},j=function(a){var t=a.url,l=a.data,n=e(a,["url","data"]);return n.body=JSON.stringify(l),n.headers={"Content-Type":"application/json"},fetch("".concat(O.apiSubotUrl).concat(t),n).then((function(e){return e.json()})).catch((function(e){return{}}))},I={campaignGetById:function(e){return P({url:"api/internal/campaign/".concat(e),method:"get"})},validateEmailOrPhoneOnSubot:function(e){var a=e.bot_id,t=e.email,l=e.phone;return l&&l.startsWith("0")&&(l=l.substring(1)),j({url:"frontend/api/subot-campaign/check",method:"post",data:{bot_id:a,email:t,phone:l}})},validateEmailOrPhoneOnLeadGen:function(e){var a=e.campaign_id,t=e.email,l=e.phone;return l&&l.startsWith("0")&&(l=l.substring(1)),P({url:"api/subot-campaign/check",method:"post",data:{campaign_id:a,email:t,phone:l}})}};var U=function(e){for(var a=t([],e,!0),l=a.length-1;l>0;l--){var n=Math.floor(Math.random()*(l+1)),o=a[l];a[l]=a[n],a[n]=o}return a};function A(e){var l=e.leadApi,n=e.leadSiteId,o=e.leadDomain,r=e.onShowPopup,i=e.DEBUG_URL||("https://"+location.hostname+location.pathname+location.search).toLowerCase();fetch(l+"api/campaign/"+n,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({url:i,ga_client_id:g("_ga")||null})}).then((function(e){return e.json()})).then((function(e){var l,n,c,d,s;if(D("List campagin: ",e),B="https://"+location.hostname+location.pathname+location.search,1==e._status){var m=(null===(n=null===(l=e._data)||void 0===l?void 0:l.campaigns)||void 0===n?void 0:n.filter((function(e){return 1===e.formatted_status})))||[];g("hhg-id")||(v("hhg-id",k(),{domain:"."+o,path:"/"}),D("😍 Set HHG ID cookie"));var u=[];u=/Android|webOS|iPhone|iPad|iPod|BlackBerry|BB|PlayBook|IEMobile|Windows Phone|Kindle|Silk|Opera Mini/i.test(navigator.userAgent)?m.filter((function(e){return e.device_types.some((function(e){return e.id==C.MOBILE}))})):m.filter((function(e){return e.device_types.some((function(e){return e.id==C.DESKTOP}))})),D("👓 campaignsDevice",u);var p=u.map((function(e,t){return e.targets.filter((function(e){return e.type==w.LINKS})).map((function(e){return a(a({},e),{campaignIndex:t})}))})).flat(1);p=p.filter((function(e){var a=new URL(String(e.target).toLowerCase());return"exact_match"==e.option?Boolean(i===a.href):"start_with"==e.option?!!i.includes(String(e.target))&&!e.sub_target.filter((function(e){return"excluding"==e.option})).map((function(e){return e.value})).includes(i):void 0}));var h=Array.from(document.getElementsByTagName("META")).filter((function(e){return"article:tag"==e.getAttribute("property")})).map((function(e){return e.content})),b=[];h&&h.length&&(b=u.map((function(e,t){return e.targets.filter((function(e){return e.type==w.TAGS})).map((function(e){return a(a({},e),{campaignIndex:t})}))})).flat(1).filter((function(e){return h.includes(e.target)})));var f=t(t([],p,!0),b,!0),y=document.cookie.split("; ").map((function(e){return e.split("=")[0]})),_=y.filter((function(e){return e.includes("lead_submited")}));D("--listCampaignCodeSubmited",_);var E=y.filter((function(e){return e.includes("lead_closed")}));D("--listCampaignCodeClosed",E);var N=t(t([],_,!0),E,!0),x=f.filter((function(e){return!N.some((function(a){return a.includes(u[e.campaignIndex].code)}))})),S=U(x);if(D("--listCampaignValid : ",S),S&&S.length){var T=u[S[0].campaignIndex];D("CAMPAIGN_SHOW",T);var L=T.rules,O=Number(null===(c=L.find((function(e){return"time"==e.rule})))||void 0===c?void 0:c.value);D("timeoutRule",O);var P=Number(null===(d=L.find((function(e){return"scroll"==e.rule})))||void 0===d?void 0:d.value);D("scrollRule",P);var j=Number(null===(s=L.find((function(e){return"exclude_sponsored"==e.rule})))||void 0===s?void 0:s.value);D("excludeSponsored",j);var I=Boolean(document.querySelector(".hhg-disclaimer-text"));if(D("💎 LEAD current page isSponsored",I),I&&j)return;var A="TIME";if(Number.isInteger(O)&&(A="TIME",D("✨ SHOW AWESOME POPUP AFTER: ",O," seconds"),setTimeout((function(){null==r||r(T,A)}),1e3*O)),Number.isInteger(P)){A="SCROLL",D("✨ SHOW AWESOME AFTER: SCROLL",P," %");var M=document.querySelector('[data-url="'.concat(location.pathname,'"]'))||document.querySelector("body"),H=M.getBoundingClientRect().top,q=M.offsetHeight;D("👓 Element check scroll: ",M);var V=function(){var e=window.pageYOffset||document.documentElement.scrollTop,a=0;e>=H&&(a=Math.round((e-H)/(q-innerHeight)*100)),D("---Scroll",a,P),a>=P&&(window.removeEventListener("scroll",V),null==r||r(T,A))};window.addEventListener("scroll",V,{passive:!0})}}else D("🚧 No lead campaigns on current URL, tags")}})).catch((function(e){D("Lead error: ",e)}))}var D=function(){for(var e=[],a=0;a<arguments.length;a++)e[a]=arguments[a];("production"!==process.env.NODE_ENV||process.env.NEXT_PUBLIC_DEPLOY_ENV&&"production"!==process.env.NEXT_PUBLIC_DEPLOY_ENV||"undefined"!=typeof localStorage&&"true"===localStorage.getItem("hhg_debug"))&&console.log.apply(console,e)};function M(e,t){var o=this,i=y().t,c=r({email:"",phone:""}),d=c[0],s=c[1],m=r(!1),u=m[0],p=m[1];return{errorField:d,loadingValidate:u,inputOnBlur:function(r,c){return l(o,void 0,void 0,(function(){var l,o,m,u,h,g,v,b,f,k;return n(this,(function(n){switch(n.label){case 0:if(l="",o="",m=c.target.value,"email"===r&&/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(String(m).toLowerCase())?(l="email",o=i("validator.emailUsed")):"tel"===r&&window.intlTelInputUtils.isValidNumber(String(m),L.countryCode)&&(l="phone",o=i("validator.phoneUsed")),!l)return[2];n.label=1;case 1:return n.trys.push([1,5,,6]),p(!0),[4,I.validateEmailOrPhoneOnLeadGen((g={campaign_id:[e]},g[l]=m,g))];case 2:return"SubmitLeadWithBotId_ERR_001"===(u=n.sent())._errorCode||"SubmitLeadWithBotId_ERR_002"===u._errorCode?(s(a(a({},d),((v={})[l]=o,v))),p(!1),[2]):t.length?[4,I.validateEmailOrPhoneOnSubot((b={bot_id:t},b[l]=m,b))]:[3,4];case 3:if("CheckSuBotLeadTool_ERR_001"===n.sent()._errorCode)return s(a(a({},d),((f={})[l]=o,f))),p(!1),[2];n.label=4;case 4:return s(a(a({},d),((k={})[l]="",k))),[3,6];case 5:return h=n.sent(),D("err",h),[3,6];case 6:return p(!1),[2]}}))}))}}}var H=i({}),q=function(e){var a=e.title,t=e.titleAlign,l=e.subtitle,n=e.subtitleAlign,r=e.link,i=e.linkNewTab,c=e.linkText,d=e.image;return o.createElement("div",{className:"lead-modal__thank-you"},o.createElement("div",{style:{width:"100%"}},o.createElement("img",{src:d,style:{maxHeight:162,objectFit:"cover"}}),a&&o.createElement("h1",{className:"le-thankyou-title le-text-align-".concat(t)},a),l&&o.createElement("p",{className:"le-thankyou-subtitle le-text-align-".concat(n)},l),c&&o.createElement("div",null,o.createElement("a",{href:r,target:i?"_blank":"parrent",rel:"noreferrer"},o.createElement("button",{className:"lead-modal__btn ".concat(S)},c)))))},V=function(e){var a=e.content,l=e.inlinePosition,n=c((function(){if(!l)return null;var e=document.querySelectorAll('[data-url="'.concat(location.pathname,'"] .body-content')),a=Array.from(e).reduce((function(e,a){return t(t([],e,!0),Array.from(a.children),!0)}),[]);if(null==a?void 0:a.length){var n=a.filter((function(e){return"P"===e.nodeName})),o=a.filter((function(e){return"H2"===e.nodeName})),r=null;switch(l){case"1th":r=n[0];break;case"2th":r=n[1];break;case"3th":r=n[2];break;case"4th":r=n[3];break;case"5th":r=n[4];break;case"6th":r=n[5];break;case"7th":r=n[6];break;case"8th":r=n[7];break;case"9th":r=n[8];break;case"10th":r=n[9];break;case"11th":r=n[10];break;case"12th":r=n[11];break;case"lastP":r=n[n.length-1];break;case"1thH2":r=o[0];break;case"2thH2":r=o[1];break;case"3thH2":r=o[2];break;case"4thH2":r=o[3];break;case"5thH2":r=o[4];break;case"6thH2":r=o[5];break;case"7thH2":r=o[6];break;case"8thH2":r=o[7];break;case"9thH2":r=o[8];break;case"10thH2":r=o[9];break;case"lastH2":r=o[o.length-1]}if(r){if(r.parentElement.querySelector(".inline-lead-wrapper"))return r.parentElement.querySelector(".inline-lead-wrapper");var i=document.createElement("div");return i.classList.add("inline-lead-wrapper"),r.nextElementSibling?r.parentElement.insertBefore(i,r.nextElementSibling):r.parentElement.appendChild(i),i}}}),[l]);return l&&n?p(a,n):null},R=function(e){var a=e.content,t=c((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 a=document.createElement("div");a.classList.add("sidebar-lead-modal-wrapper"),e.prepend(a)}})),e.map((function(e){return e.querySelector(".sidebar-lead-modal-wrapper")}))}),[]);return o.createElement(o.Fragment,null,t.map((function(e){return p(a,b(e,"sidebar-lead-modal-wrapper"))})))},F=function(e){var a,t,i,m=e.popupId,u=e.extraFields,p=e.onClose,h=e.onOtherSubmit,g=e.imageMobile,v=e.imageDesktop,b=e.imageOverlayMobile,f=e.imageOverlayDesktop,k=e.imageBackground,_=e.currentLayout,E=e.title,N=e.onSubmit,w=e.showThankyou,x=e.campaignId,C=e.campaign_subot_id,B=y().t,T=JSON.parse(u.listBlockAdded),O=JSON.parse(u.actionBlocks),P=JSON.parse(u.textBlocks),j=d(H).apiUrl,I=O.submitBlock.data.url,U=O.submitBlock.data.text,A=O.submitBlock.data.text2,F=O.submitBlock.data.value,W=location.pathname,J=M(x,C),G=J.errorField,Y=J.loadingValidate,z=J.inputOnBlur,K=_.includes("Inline")||"Sidebar"===_,Q="Slider"===_,X=r(!0),Z=X[0],$=X[1];if(window.innerWidth<769&&["Fullscreen","Slider"].includes(_))return D("😎 Not show fullscreen, slider on mobile "),null;s((function(){(_.includes("LightBox")||"Fullscreen"==_)&&document.body.classList.add("noscroll")}),[]);var ee=function(e,a){return l(void 0,void 0,void 0,(function(){return n(this,(function(t){switch(t.label){case 0:return a.target.validity.valueMissing?(a.target.setCustomValidity(B("validator.required")),[3,6]):[3,1];case 1:return a.target.validity.valid||a.target.validity.customError?[3,2]:("tel"===e?a.target.setCustomValidity(B("validator.phone")):"date"===e?a.target.setCustomValidity(B("validator.date")):"email"===e&&a.target.setCustomValidity(B("validator.email")),[3,6]);case 2:return"tel"!==e?[3,5]:window.intlTelInputUtils?[3,4]:[4,require("intl-tel-input/build/js/utils")];case 3:t.sent(),t.label=4;case 4:return window.intlTelInputUtils.isValidNumber(String(a.target.value),L.countryCode)?a.target.setCustomValidity(""):a.target.setCustomValidity(B("validator.phone")),[3,6];case 5:a.target.setCustomValidity(""),t.label=6;case 6:return[2]}}))}))},ae=c((function(){var e={TextBlock:0,NumberBlock:0,EmailBlock:0,PhoneBlock:0,DateBlock:0,CheckboxBlock:0,RadioBlock:0};return T.map((function(a,t){var l,n,r;if("TitleBlock"==a.name)return o.createElement("h2",{key:t,className:"lead-modal__title ".concat("le-text-align-"+((null===(l=a.data)||void 0===l?void 0:l.align)||"")," ").concat(S)},a.data.value);if("SubtitleBlock"==a.name)return o.createElement("p",{key:t,className:"lead-modal__description ".concat("le-text-align-"+((null===(n=a.data)||void 0===n?void 0:n.align)||"")," ").concat(S)},a.data.value);if("TextBlock"==a.name)return e.TextBlock+=1,o.createElement("div",{key:t},o.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},o.createElement("input",{required:!0,"data-key":a.data.value,name:"text"+(e.TextBlock>1?e.TextBlock:""),spellCheck:!1,type:"text",placeholder:a.data.placeholder,className:"lead-modal__form-control width-100%",onChange:function(e){return ee("text",e)}}),o.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(j,"admin/img/builder/text.svg")})));if("NumberBlock"==a.name){var i=o.createElement("div",{key:t},o.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},o.createElement("input",{required:!0,"data-key":a.data.value,name:"number"+(e.NumberBlock?e.NumberBlock:""),spellCheck:!1,type:"number",min:"0",placeholder:a.data.placeholder,className:"lead-modal__form-control width-100%",onChange:function(e){return ee("number",e)}}),o.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(j,"admin/img/builder/number.svg")})));return e.NumberBlock+=1,i}if("EmailBlock"==a.name){i=o.createElement("div",{key:t},o.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},o.createElement("input",{required:!0,"data-key":a.data.value,name:"email"+(e.EmailBlock?e.EmailBlock:""),spellCheck:!1,type:"email",placeholder:a.data.placeholder,className:"lead-modal__form-control width-100%",onChange:function(e){return ee("email",e)},onBlur:function(e){return z("email",e)}}),o.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(j,"admin/img/builder/email.svg")})),G.email&&o.createElement("label",{className:"error"},G.email));return e.EmailBlock+=1,i}if("PhoneBlock"==a.name){i=o.createElement("div",{key:t},o.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},o.createElement("input",{required:!0,"data-key":a.data.value,name:"tel"+(e.PhoneBlock?e.PhoneBlock:""),spellCheck:!1,type:"tel",placeholder:a.data.placeholder,className:"lead-modal__form-control width-100%",onChange:function(e){return ee("tel",e)},onBlur:function(e){return z("tel",e)}}),o.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(j,"admin/img/builder/tel.svg")})),G.phone&&o.createElement("label",{className:"error"},G.phone));return e.PhoneBlock+=1,i}if("DateBlock"==a.name){i=o.createElement("div",null,o.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},o.createElement("input",{required:!0,type:"date","data-key":a.data.value,name:"date"+(e.DateBlock?e.DateBlock:""),placeholder:a.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 ee("date",e)}}),o.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(j,"admin/img/builder/date.svg")})));return e.DateBlock+=1,i}if("LinkButtonBlock"==a.name)return o.createElement("div",{key:t},o.createElement("a",{target:a.data.newtab?"blank":"parrent",href:a.data.url,style:{textDecoration:"none"}},o.createElement("button",{type:"button",className:"lead-modal__btn js-modal__close js-popup-other-submit ".concat(S),onClick:function(){null==p||p(),null==h||h()}},a.data.value)));if("CheckboxBlock"==a.name){var c=a.data,d=c.listQuestion,s=c.isSendMailChimp,m=void 0!==s&&s;i=o.createElement("div",{key:t,style:{margin:"5px 0"}},o.createElement("div",{className:"le-checkbox-title"},a.data.placeholder),o.createElement("div",{className:"mailchimp-".concat(null===(r=a.data.value)||void 0===r?void 0:r.replace(/\s/gi,"_")),"data-mailchimp":m}),d.map((function(t,l){return o.createElement("label",{key:l,className:"lead-checkbox-container"},o.createElement("input",{"data-key":a.data.value,name:"checkbox"+(e.CheckboxBlock?e.CheckboxBlock:"")+"[]",value:t.value,type:"checkbox",onChange:function(e){return ee("checkbox",e)}}),o.createElement("span",{className:"lead-checkbox-checkmark"}),t.placeholder)})));return e.CheckboxBlock+=1,i}if("RadioBlock"==a.name){d=a.data.listQuestion,i=o.createElement("div",{key:t,style:{margin:"5px 0"}},o.createElement("div",{className:"le-checkbox-title"},a.data.placeholder),d.map((function(t,l){return o.createElement("label",{className:"lead-radio-container",key:l},o.createElement("input",{"data-key":a.data.value,name:"radio"+(e.RadioBlock?e.RadioBlock:""),value:t.value,type:"radio",onChange:function(e){return ee("radio",e)}}),o.createElement("span",{className:"lead-radio-checkmark"}),t.placeholder)})));return e.RadioBlock+=1,i}if("DropdownBlock"==a.name){d=a.data.listQuestion,i=o.createElement("div",{key:t,style:{margin:"5px 0"}},o.createElement("div",{className:"le-checkbox-title"},a.data.placeholder),o.createElement("div",{className:"le-newbuilder-select-wrapper"},o.createElement("select",{className:"le-newbuilder-select","data-key":a.data.value,name:"dropdown"+(e.DropdownBlock?e.DropdownBlock:"")},d.map((function(e,a){return o.createElement("option",{key:a,value:e.value},e.placeholder)})))));return e.DropdownBlock+=1,i}}))}),[G.email,G.phone]),te=o.createElement(o.Fragment,null,o.createElement("style",{dangerouslySetInnerHTML:{__html:".le-newbuilder-overlay {\n        background: url(".concat(b,") ;\n        background-repeat: no-repeat;\n        background-size: cover;\n      }\n      @media screen and (min-width:768px) {\n        .le-newbuilder-overlay {\n          background: url(").concat(f,") ;\n          background-repeat: no-repeat;\n          background-size: cover;\n        }\n      }")}}),o.createElement("div",{id:m,"data-popup-url":W,"data-popup-type":"lightbox-inline",className:"lead-modal lead-modal-wrapper modal--animate-scale ".concat(K?"le-buider-inline":""," ").concat(Q?"le-buider-slider":"")},"Fullscreen"==_?o.createElement("img",{className:"le-only-desktop le-fullscreen-img",draggable:!1,src:k||""}):null,o.createElement("div",{className:"lead-modal__wrapper le-newbuilder-wrap-".concat(_)},o.createElement("div",{className:"lead-modal__content le-newbuilder-".concat(_)},w?o.createElement(q,{title:w.title,titleAlign:w.titleAlign,subtitle:w.subtitle,subtitleAlign:w.subtitleAlign,link:w.link,linkNewTab:w.linkNewTab,linkText:w.linkText,image:w.image}):o.createElement(o.Fragment,null,o.createElement("header",{className:"lead-modal__header"},["LightBoxA","InlineA","Sidebar","Slider"].includes(_)?g?o.createElement("img",{draggable:"false",className:"lead-modal__image lead-modal-image-cover",src:g,alt:""}):null:o.createElement(o.Fragment,null,v?o.createElement("img",{draggable:"false",className:"le-only-desktop lead-modal__image lead-modal-image-cover",style:{height:"100%",objectFit:"cover"},src:v,alt:""}):null,g?o.createElement("img",{draggable:"false",className:"le-only-mobile lead-modal__image lead-modal-image-cover",src:g,alt:""}):null)),o.createElement("div",{className:"lead-modal__body le-newbuilder-overlay"},o.createElement("form",{className:"lead-modal__form ".concat(m),onSubmit:function(e){e.preventDefault(),Y||G.email||G.phone||N(e)}},o.createElement("div",{style:{marginBottom:20}},o.createElement("h2",{className:"lead-modal__title ".concat("le-text-align-"+(null===(a=P.titleBlock.data)||void 0===a?void 0:a.align)," ").concat(S)},E),o.createElement("p",{className:"lead-modal__description ".concat("le-text-align-"+(null===(t=P.titleBlock.data)||void 0===t?void 0:t.align)," ").concat(S)},P.subtitleBlock.data.value)),o.createElement("div",null,ae),(null===(i=null==O?void 0:O.submitBlock)||void 0===i?void 0:i.isHide)?null:o.createElement(o.Fragment,null,o.createElement("div",{className:"lead-modal__checkbox-wrapper ".concat(S)},o.createElement("div",{className:"lead-modal__checkbox"},o.createElement("input",{id:"lead-term-checkbox",className:"lead-modal__checkbox__input ".concat(S),type:"checkbox","aria-label":"Checkbox label",checked:Z,onChange:function(e){return $(e.currentTarget.checked)}}),o.createElement("div",{className:"lead-modal__checkbox__control","aria-hidden":"true"})),o.createElement("label",{htmlFor:"checkbox",className:"lead-modal__checkbox__label"},U," ",o.createElement("span",{style:{fontWeight:"bold"}},o.createElement("a",{target:"blank",href:I||"https://hellobacsi.com/chinh-sach",rel:"noopener noreferrer",style:{textDecoration:"none"}},A)))),o.createElement("button",{id:"lead-submit",type:"submit",className:"lead-modal__btn ".concat(S),disabled:!Z},F)))))),!_.includes("Inline")&&o.createElement("button",{className:"lead-modal__close-btn ".concat("Fullscreen"==_?"lead-fullscreen-desktop-close-btn":""," js-modal__close ").concat(S),onClick:p},o.createElement("svg",{className:"lead-modal__close-icon",viewBox:"0 0 24 24"},o.createElement("g",{fill:"none",stroke:"currentColor",strokeMiterlimit:"10",strokeWidth:"2"},o.createElement("line",{x1:"3",y1:"3",x2:"21",y2:"21"}),o.createElement("line",{x1:"21",y1:"3",x2:"3",y2:"21"})))))));return _.includes("LightBox")||"Fullscreen"==_||"Slider"==_?te:"Sidebar"==_?o.createElement(R,{content:te}):_.includes("Inline")?o.createElement(V,{content:te,inlinePosition:u.popupInlinePosition}):null},W=function(e){var a=e.popupId,t=e.link,l=e.linkText,n=e.linkNewTab,r=e.onClose,i=e.imageMobile,c=e.imageDesktop,d=e.currentLayout,s=e.onOtherSubmit,m=location.pathname;return o.createElement("div",{id:a,className:"lead-modal-wrapper","data-popup-url":m,"data-popup-type":"skin_ab"},"SkinA"==d?o.createElement("aside",{className:"le-only-desktop"},o.createElement("div",{className:"le-skin-a-desktop"},o.createElement("div",{style:{position:"relative"}},o.createElement("img",{src:c}),o.createElement("a",{style:{position:"absolute",top:"75%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center",width:"calc(100% - 15px)"},href:t,target:n?"blank":"_parent"},o.createElement("button",{onClick:s,className:"le-joinbow-btn js-popup-other-submit"},l)),o.createElement("button",{className:"lead-modal__close-btn js-modal__close ".concat(S)},o.createElement("svg",{className:"lead-modal__close-icon",viewBox:"0 0 24 24"},o.createElement("g",{fill:"none",stroke:"currentColor",strokeMiterlimit:"10",strokeWidth:"2"},o.createElement("line",{x1:"3",y1:"3",x2:"21",y2:"21"}),o.createElement("line",{x1:"21",y1:"3",x2:"3",y2:"21"}))))))):"SkinB"==d?o.createElement("aside",{className:"le-only-desktop"},o.createElement("div",{className:""},o.createElement("div",{style:{position:"relative",zIndex:1e4}},o.createElement("img",{src:c,style:{width:"100%"}}),o.createElement("a",{style:{position:"absolute",top:"75%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center",width:"100%"},href:t,target:n?"blank":"_parent"},o.createElement("button",{onClick:s,className:"le-joinbow-btn-mobile js-popup-other-submit"},l)),o.createElement(_,{containerClassName:"le-abs-top-right",onClose:r})))):null,o.createElement("aside",{className:"le-only-mobile"},o.createElement("div",{className:"le-skin-mobile"},o.createElement("div",{style:{position:"relative"}},o.createElement("img",{src:i,style:{width:"100%"}}),o.createElement("a",{style:{position:"absolute",top:"82%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center",maxWidth:"calc(100% - 15px)"},href:t,target:n?"blank":"_parent"},o.createElement("button",{onClick:s,className:"le-joinbow-btn-mobile js-popup-other-submit"},l)),o.createElement(_,{containerClassName:"le-abs-top-right",svgClassName:"le-mobile-btn",onClose:r})))))},J=function(e){var a=e.popupId,t=e.url,l=e.newTab,n=e.image,r=e.onClose,i=e.onOtherSubmit;return o.createElement("div",{id:a,className:"lead-modal-wrapper","data-popup-url":location.pathname,"data-popup-type":"tab"},o.createElement("div",{className:"le-tab-popup"},o.createElement("div",{style:{position:"relative"}},o.createElement("a",{href:t,target:l?"blank":"_parent",onClick:i},o.createElement("img",{className:"js-popup-other-submit",src:n})),o.createElement(_,{onClose:r,containerClassName:"le-abs-outer-mobile-top-right-2",svgClassName:"le-mobile-btn"}))))};var G=function(e){var a,t,l=e.campaign,n=e.action,r=e.onSubmit,i=e.onClose,c=e.showThankyou;y().t;var u=d(H),p=u.apiUrl,h=u.siteDomain;s((function(){var e=g("_ga")||null;fetch("".concat(p,"api/campaign/").concat(w,"/impression"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:n,url:location.href.toLowerCase(),title_article:document.title,cookie_id:g("hhg-id"),ga_client_id:e})})}),[]);var b=l.extra_fields,f=l.image,_=l.image_desktop,w=l.code,x=l.image_background,C=l.image_overlay_mobile,S=l.image_overlay_desktop,B=b.currentLayout,T=b.imageBlocks?JSON.parse(b.imageBlocks):{},L=JSON.parse(b.actionBlocks),O=JSON.parse(b.textBlocks),P=(null===(t=null===(a=null==O?void 0:O.titleBlock)||void 0===a?void 0:a.data)||void 0===t?void 0:t.value)||"",j={1:{},2:{},3:{}},I=m("lead-modal-"+k()),U=function(e){if(void 0===e&&(e="Xin chao {{category_2}} extra"),e.includes("{{category_")){var a="{{category_".length,t=e.search("{{category_");return+e.charAt(a+t)}return null}(P);if(U){D("⚡️ Has categoryLevel",U);var A=Array.from(document.getElementsByTagName("META")),M=A.find((function(e){return e.name==="content_category_".concat(U)})),q=A.find((function(e){return e.name==="content_category_en_".concat(U)}));if(!M||!q)return D("⚡️ No META TAG for categoryLevel, not show popup",U),null;j[U]={value:M.content,value_en:q.content},P=P.replace("{{category_".concat(U,"}}"),M.content),D("⚡️ Set categoryData ",U)}else D("⚡️ No categoryLevel",U);var V=function(){var e,a,t,n;if(D("👌 Other submit click"),document.body.classList.remove("noscroll"),B.includes("Skin")){var o=document.querySelector("#masthead");o&&(o.style.top="0px !important;")}var r=Number(null!==(a=null===(e=l.rules.find((function(e){return"days_to_show_again"==e.rule})))||void 0===e?void 0:e.value)&&void 0!==a?a:7),c=Number(null!==(n=null===(t=l.rules.find((function(e){return"show_again_after_submit"==e.rule})))||void 0===t?void 0:t.value)&&void 0!==n?n:0);0===c&&(D("⛔ Popup never show again!"),v("lead_submited_".concat(w),"target_".concat(b.popupVersion),{domain:"."+h,path:"/"})),1==c&&(D("⌛ Popup will show again after ".concat(r," days!")),v("lead_submited_".concat(w),"target_".concat(b.popupVersion),{domain:"."+h,days:r,path:"/"}));var d=g("_ga")||null,s={url:location.href.toLowerCase(),title_article:document.title,meta:[],cookie_id:g("hhg-id"),ga_client_id:d};U&&(s.category=j[U].value_en),fetch("".concat(p,"api/campaign/").concat(w,"/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&&D(e)})).catch((function(e){D("Error:",e)})),null==i||i()};return"CenterTab"===B?o.createElement(E,{popupId:I.current,url:T.imageMobile.data.url,newTab:T.imageMobile.data.newtab,imageMobile:f,imageDestkop:_,onClose:i,onOtherSubmit:V}):"Tab"===B?o.createElement(J,{popupId:I.current,url:T.imageMobile.data.url,newTab:T.imageMobile.data.newtab,image:f,onClose:i,onOtherSubmit:V}):"Floating"===B?o.createElement(N,{popupId:I.current,title:P,titleAlign:O.titleBlock.data.align,subtitle:O.subtitleBlock.data.value,subtitleAlign:O.subtitleBlock.data.align,url:L.linkButtonBlock.data.url,urlText:L.linkButtonBlock.data.value,newTab:L.linkButtonBlock.data.newtab,imageMobile:f,imageDesktop:_,onClose:i,onOtherSubmit:V}):B.includes("LightBox")||B.includes("Inline")||"Fullscreen"==B||"Sidebar"==B||"Slider"==B?o.createElement(F,{popupId:I.current,extraFields:b,onClose:i,onOtherSubmit:V,imageMobile:f,imageDesktop:_,imageBackground:x,currentLayout:B,title:P,onSubmit:function(e){return r(e,U,j,I.current)},key:B,imageOverlayDesktop:S,imageOverlayMobile:C,showThankyou:c,campaignId:l.id,campaign_subot_id:l.bot_id||[]}):B.includes("Skin")?o.createElement(W,{popupId:I.current,link:L.linkButtonBlock.data.url,linkNewTab:!!L.linkButtonBlock.data.newtab,linkText:L.linkButtonBlock.data.value,onClose:i,onOtherSubmit:V,imageMobile:f,imageDesktop:_,currentLayout:B}):null},Y=function(e){var a=e.campaign,t=e.action,i=e.onSubmit,c=e.onClose,m=e.showThankyou,u=y().t,p=r(!0),h=p[0],v=p[1];s((function(){document.body.classList.add("noscroll");var e=g("_ga")||null;fetch("".concat(B,"api/campaign/").concat(k,"/impression"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:t||"",url:location.href.toLowerCase(),title_article:document.title,cookie_id:g("hhg-id"),ga_client_id:e})})}),[]);var b=a.extra_fields,f=a.image,k=a.code,_=b.title,E=b.desc,N=b.submit,w=b.popUpTermURL,x=b.popUpTermAgreeText,C=b.popUpTermText,B=d(H).apiUrl,T=b.fields?JSON.parse(b.fields):[],O={tel:0,text:0,date:0,email:0},P=function(e,a){return l(void 0,void 0,void 0,(function(){return n(this,(function(t){switch(t.label){case 0:return a.target.validity.valueMissing?(a.target.setCustomValidity(u("validator.required")),[3,5]):[3,1];case 1:return a.target.validity.valid||a.target.validity.customError?[3,2]:("tel"===e?a.target.setCustomValidity(u("validator.phone")):"date"===e?a.target.setCustomValidity(u("validator.date")):"email"===e&&a.target.setCustomValidity(u("validator.email")),[3,5]);case 2:return"tel"!==e?[3,4]:[4,require("intl-tel-input")];case 3:return t.sent().isValidNumber(String(a.target.value),L.countryCode)?a.target.setCustomValidity(""):a.target.setCustomValidity(u("validator.phone")),[3,5];case 4:a.target.setCustomValidity(""),t.label=5;case 5:return[2]}}))}))},j=T.map((function(e,a){var t=o.createElement(o.Fragment,null);return t="date"==e.control?o.createElement("div",{key:a,className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},o.createElement("input",{required:!0,type:"date","data-key":e.listEdit[0].value,name:O.date?e.control+O.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(a){return P(e.control,a)}}),o.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(B,"admin/img/builder/").concat(e.name,".svg")})):o.createElement("div",{key:a,className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},o.createElement("input",{required:!0,"data-key":e.listEdit[0].value,name:O[e.control]?e.control+O[e.control]:e.control,spellCheck:!1,type:e.control,placeholder:e.listEdit[1].value||"...",className:"lead-modal__form-control width-100%",onChange:function(a){return P(e.control,a)}}),o.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(B,"admin/img/builder/").concat(e.name,".svg")})),"date"==e.control&&(O.date+=1),"text"==e.control&&(O.text+=1),"tel"==e.control&&(O.tel+=1),"email"==e.control&&(O.email+=1),t}));return o.createElement("div",{id:"lead-modal",className:"lead-modal modal--animate-scale"},o.createElement("div",{className:"lead-modal__wrapper animate__animated "},o.createElement("div",{className:"lead-modal__content"},m?o.createElement(q,{title:m.title,titleAlign:m.titleAlign,subtitle:m.subtitle,subtitleAlign:m.subtitleAlign,link:m.link,linkNewTab:m.linkNewTab,linkText:m.linkText,image:m.image}):o.createElement(o.Fragment,null,o.createElement("header",{className:"lead-modal__header"},!!f&&o.createElement("img",{className:"lead-modal__image lead-modal-image-cover",src:f,alt:""})),o.createElement("div",{className:"lead-modal__body"},o.createElement("h2",{className:"lead-modal__title ".concat(S)},_),o.createElement("p",{className:"lead-modal__description ".concat(S)},E),o.createElement("form",{className:"lead-modal__form",onSubmit:function(e){e.preventDefault(),i(e)}},j,o.createElement("div",{className:"lead-modal__checkbox-wrapper ".concat(S)},o.createElement("div",{className:"lead-modal__checkbox"},o.createElement("input",{id:"lead-term-checkbox",className:"lead-modal__checkbox__input ".concat(S),type:"checkbox","aria-label":"Checkbox label",checked:h,onChange:function(e){return v(e.currentTarget.checked)}}),o.createElement("div",{className:"lead-modal__checkbox__control","aria-hidden":"true"})),o.createElement("label",{htmlFor:"checkbox",className:"lead-modal__checkbox__label"},x," ",o.createElement("span",{style:{fontWeight:"bold"}},o.createElement("a",{target:"blank",href:w||"https://hellobacsi.com/chinh-sach",style:{textDecoration:"none"},rel:"noopener noreferrer"},C)))),o.createElement("button",{id:"lead-submit",type:"submit",className:"lead-modal__btn ".concat(S),disabled:!h},N))))),o.createElement("button",{className:"lead-modal__close-btn js-modal__close ".concat(S),onClick:c},o.createElement("svg",{className:"lead-modal__close-icon",viewBox:"0 0 24 24"},o.createElement("title",null,"Close modal window"),o.createElement("g",{fill:"none",stroke:"currentColor",strokeMiterlimit:"10",strokeWidth:"2"},o.createElement("line",{x1:"3",y1:"3",x2:"21",y2:"21"}),o.createElement("line",{x1:"21",y1:"3",x2:"3",y2:"21"}))))))},z=function(e){var a=e.campaign,t=e.action,l=e.onSubmit,n=e.onClose,r=e.showThankyou;return a.extra_fields?"2.1"==a.extra_fields.popupVersion?o.createElement(G,{campaign:a,action:t,onSubmit:l,onClose:n,showThankyou:r}):o.createElement(Y,{campaign:a,action:t,onSubmit:l,onClose:n,showThankyou:r}):null},K={"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}.","validator.emailUsed":"Email already in use for this campaign.","validator.phoneUsed":"Your phone number already in use for this campaign."},Q={"en-PH":K,"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","validator.emailUsed":"Email này đã được sử dụng cho chiến dịch.","validator.phoneUsed":"Số điện thoại này đã được sử dụng cho chiến dịch."},"hi-IN":{"validator.required":"इस क्षेत्र की आवश्यकता है।","validator.email":"कृपया एक मान्य ईमेल पता दर्ज करें","validator.number":"कृपया एक वैध संख्या दर्ज करें","validator.digits":"कृपया केवल अंक दर्ज करें","validator.maxlength":"कृपया {0} अक्षर से अधिक दर्ज न करें","validator.minlength":"कृपया कम से कम {0} अक्षर दर्ज करें","validator.phone":"कृपया एक वैध संख्या दर्ज करें","validator.emailUsed":"Email already in use for this campaign.","validator.phoneUsed":"Your phone number already in use for this campaign."},"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","validator.emailUsed":"Email already in use for this campaign.","validator.phoneUsed":"Your phone number already in use for this campaign."},"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.","validator.emailUsed":"Email already in use for this campaign.","validator.phoneUsed":"Your phone number already in use for this campaign."},"my-MM":{"validator.required":"ဒီနေရာမှာ ဖြည့်ဖို့ လိုအပ်ပါတယ်","validator.email":"မှန်ကန်သော အီးမေးလ်လိပ်စာထည့်သွင်းပါ","validator.number":"မှန်ကန်သော ဖုန်းနံပါတ်ထည့်သွင်းပါ","validator.digits":"နံပါတ်များသာဖြည့်ပါ","validator.maxlength":"ကျေးဇူးပြု၍ {0} ထပ်မပိုသော ဂဏန်းများသာဖြည့်ပါ","validator.minlength":"ကျေးဇူးပြု၍ အနည်းဆုံး {0} ဂဏန်းဖြည့်ပါ","validator.phone":"မှန်ကန်သော ဖုန်းနံပါတ်ထည့်သွင်းပါ","validator.emailUsed":"Email already in use for this campaign.","validator.phoneUsed":"Your phone number already in use for this campaign."},"km-KH":{"validator.required":"ព័ត៌មាន​ចាំបាច់​ដែល​ត្រូវ​បំពេញ","validator.email":"សូម​វាយ​អាសយដ្ឋាន​អ៊ីម៉ែល​ឲ្យ​បាន​ត្រឹមត្រូវ","validator.number":"សូម​វាយបញ្ចូល​លេខ​ឲ្យ​បាន​ត្រឹមត្រូវ","validator.digits":"វាយ​បញ្ចូល​បាន​តែ​លេខ​ប៉ុណ្ណោះ","validator.maxlength":"សូម​វាយ​បញ្ចូលកុំ​ឲ្យ​លើស {0} តួអក្សរ","validator.minlength":"សូម​វាយ​បញ្ចូល​តិច​បំផុត {0} តួអក្ស","validator.phone":"សូម​វាយបញ្ចូល​លេខ​ឲ្យ​បាន​ត្រឹមត្រូវ","validator.emailUsed":"Email already in use for this campaign.","validator.phoneUsed":"Your phone number already in use for this campaign."},"zh-TW":{"validator.required":"此為必填欄位","validator.email":"請填入有效的 email 地址","validator.number":"請填入有效的電話號碼","validator.digits":"此欄位僅能輸入數字","validator.maxlength":"請輸入少於 {0} 位數","validator.minlength":"請輸入至少 {0} 位數","validator.phone":"請填入有效的電話號碼","validator.emailUsed":"Email already in use for this campaign.","validator.phoneUsed":"Your phone number already in use for this campaign."},"th-TH":{"validator.required":"ต้องระบุข้อมูลในช่องนี้","validator.email":"กรุณาใส่อีเมล์ที่ถูกต้อง","validator.number":"กรุณาใส่ตัวเลขที่ถูกต้อง","validator.digits":"กรุณาส่เฉพาะตัวเลข","validator.maxlength":"กรุณาใส่ตัวเลขมากกว่า {0} หลัก","validator.minlength":"กรุณาใส่ตัวเลขอย่างน้อย {0} หลัก","validator.phone":"กรุณาใส่ตัวเลขที่ถูกต้อง","validator.emailUsed":"Email already in use for this campaign.","validator.phoneUsed":"Your phone number already in use for this campaign."},"tl-PH":K},X=function(e){var a=Q[e];return a||Q["en-PH"]},Z=function(e){var a=e.apiUrl,t=e.siteDomain,i=e.siteId,d=e.locale,b=e.apiSubotUrl,k=e.DEBUG_URL,y=m(),_=m(Date.now()),E=c((function(){var e=a;return e.includes("localhost")&&(e="https://dev.leadgen.hellobacsi.com/"),{apiUrl:e}}),[a,t,i]).apiUrl,N=r(null),w=N[0],x=N[1],C=r(""),S=C[0],B=C[1],T=r(null),P=T[0],j=T[1];s((function(){O.apiLeadUrl=E,O.apiSubotUrl=b}),[E,b]);var I=function(e,a){x(e),B(a)},U=function(){var e,a;if(w){D("👋👋👋 CLOSE POPUP ".concat(w.code," 👋👋👋"));var l=Number(null===(e=w.rules.find((function(e){return"show_again_after_exit"==e.rule})))||void 0===e?void 0:e.value),n=Number(null===(a=w.rules.find((function(e){return"days_to_show_again"==e.rule})))||void 0===a?void 0:a.value);0==l&&v("lead_closed_".concat(w.code),"target_".concat(w.extra_fields.popupVersion),n?{domain:"."+t,days:n,path:"/"}:{domain:"."+t,path:"/"}),document.body.classList.remove("noscroll"),fetch("".concat(E,"api/campaign/").concat(w.code,"/popup_exit"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"CLICK",url:location.href.toLowerCase(),title_article:document.title,cookie_id:g("hhg-id"),duration:Math.ceil((Date.now()-_.current)/1e3)})}),x(null),j(null)}};s((function(){if(window.next){var e=u((function(e){D("--🌻 routeChangeComplete",e,Date.now());var a=location.pathname;U(),document.querySelectorAll('[data-popup-url="'.concat(a,'"]')).length||A({leadApi:E,leadDomain:t,leadSiteId:i,onShowPopup:I,DEBUG_URL:k}),y.current&&window.removeEventListener("scroll",y.current)}),500);window.next.router.events.on("routeChangeComplete",e)}A({leadApi:E,leadDomain:t,leadSiteId:i,onShowPopup:I,DEBUG_URL:k})}),[]);return s((function(){w&&(_.current=Date.now())}),[w]),o.createElement(H.Provider,{value:{apiUrl:E,siteDomain:t,siteId:i,locale:d}},o.createElement(h.Provider,{value:{locale:d,values:X(d)}},p(o.createElement(o.Fragment,null,w&&o.createElement(z,{campaign:w,onClose:U,onSubmit:function(e,a,o,r){return l(void 0,void 0,void 0,(function(){var l,i,c,d,s,m,u,p,h,b,f,k,y,_,N,x,C,S,B,T,O,P,I,A,M,H,q,V,R,F,W,J,G,Y;return n(this,(function(n){switch(n.label){case 0:return e.preventDefault(),D("submitHandler",a,o),l=new FormData(e.currentTarget),i={},l.forEach((function(e,a){i[a]=i[a]||[],i[a].push(e)})),c=Object.keys(i).map((function(e){return{name:e,value:String(i[e])}})),d=2,s=g("_ga")||null,window.intlTelInputUtils?[3,2]:[4,require("intl-tel-input/build/js/utils")];case 1:n.sent(),n.label=2;case 2:return m={url:location.href.toLowerCase(),title_article:document.title,meta:c.map((function(e){var a,t,l,n;return{key:null===(a=document.querySelector(".lead-modal__form.".concat(r,' [name="').concat(e.name,'"]')))||void 0===a?void 0:a.getAttribute("data-key"),value:(null==L?void 0:L.countryCodeNumber)&&["tel","tel1","tel2","tel3"].includes(e.name)?window.intlTelInputUtils.formatNumber(String(e.value),null==L?void 0:L.countryCodeNumber,d).replace(/\s+/g,""):e.value,control:e.name.replace(/\d+$/,""),is_sent_mailchimp:(null===(n=document.querySelector(".lead-modal__form.".concat(r," .mailchimp-").concat((null===(l=null===(t=document.querySelector(".lead-modal__form.".concat(r,' [name="').concat(e.name,'"]')))||void 0===t?void 0:t.getAttribute("data-key"))||void 0===l?void 0:l.replace(/\s/gi,"_"))||"")))||void 0===n?void 0:n.getAttribute("data-mailchimp"))||"false"}})),cookie_id:g("hhg-id"),ga_client_id:s},a&&o[a].value_en&&(m.category=o[a].value_en),u=Number((null===(M=null===(A=w.rules)||void 0===A?void 0:A.find((function(e){return"days_to_show_again"===e.rule})))||void 0===M?void 0:M.value)||7),0==(p=Number((null===(q=null===(H=w.rules)||void 0===H?void 0:H.find((function(e){return"show_again_after_submit"===e.rule})))||void 0===q?void 0:q.value)||0))&&(D("⛔ Popup never show again!"),v("lead_submited_".concat(w.code),"target_".concat(w.extra_fields.targetType),{domain:"."+t,path:"/"})),1==p&&(D("⌛ Popup will show again after ".concat(u," days!")),v("lead_submited_".concat(w.code),"target_".concat(w.extra_fields.targetType),{domain:"."+t,days:u,path:"/"})),fetch("".concat(E,"api/campaign/").concat(w.code,"/lead"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(m)}),"notshow"==w.extra_fields.popupShowThankYou?(U(),document.body.classList.remove("noscroll"),[2]):(h=!0,b=w.thank_you_image||"".concat(E,"admin/img/thanksyou.png"),f=w.extra_fields.popupThankyouTitle||"Thank you.",k=w.extra_fields.popupThankyouDesc||"We appreciate your time!",y="",_="",C="","2.1"==w.extra_fields.popupVersion&&(S=w.extra_fields,B=JSON.parse(S.listBlockThankyou),T=B.find((function(e){return"TitleBlock"==e.name})),O=B.find((function(e){return"SubtitleBlock"==e.name})),P=B.find((function(e){return"LinkButtonBlock"==e.name})),f=(null===(V=null==T?void 0:T.data)||void 0===V?void 0:V.value)||"",y=(null===(R=null==T?void 0:T.data)||void 0===R?void 0:R.align)||"",k=(null===(F=null==O?void 0:O.data)||void 0===F?void 0:F.value)||"",_=(null===(W=null==O?void 0:O.data)||void 0===W?void 0:W.align)||"",N=(null===(J=null==P?void 0:P.data)||void 0===J?void 0:J.value)||"",x=(null===(G=null==P?void 0:P.data)||void 0===G?void 0:G.newtab)||!1,C=(null===(Y=null==P?void 0:P.data)||void 0===Y?void 0:Y.url)||"",I=w.extra_fields.currentLayout,["SkinA","SkinB","Floating","Tab","CenterTab"].includes(I)&&(h=!1)),j(h?{title:f,titleAlign:y,subtitle:k,subtitleAlign:_,link:C,linkNewTab:x,linkText:N,image:b}: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 a=e.name,t=e.value;"tel"==a?window.insider_object.user.phone_number=t:"email"==a&&(window.insider_object.user.email=t)})),sessionStorage.setItem("insider_object",JSON.stringify(window.insider_object)),[2])}}))}))},action:S,showThankyou:P})),f())))};export{Z as LeadGen};
+import{b as e,_ as a,a as t,c as l,d as n}from"./tslib.es6-3642c72f.js";import o,{useState as r,createContext as i,useMemo as c,useContext as d,useEffect as s,useRef as m}from"react";import u from"lodash/debounce";import{createPortal as p}from"react-dom";import{T as h}from"./translationsContext-20f2c96b.js";import{g,s as v}from"./cookieHelper-d6d7f6d7.js";import{b,a as f}from"./utils-8e993d9f.js";import{v1 as k}from"uuid";import{u as _}from"./useTranslations-a2cb72a1.js";import"dayjs";import"./screenSizeContext-e3adacd2.js";import"styled-components";import"./index-a2960e3e.js";import"./isProduction-6b7e910d.js";import"./Locale-1d334ad6.js";import"./gAssets.js";import"string-format";import"lodash/throttle";var y=function(e){var a=e.onClose,t=e.containerClassName,l=e.svgClassName;return o.createElement("button",{onClick:a,className:"le-newbuilder-close-button js-modal__close ".concat(t||"")},o.createElement("svg",{className:"le-newbuilder-close-svg ".concat(l||""),xmlns:"http://www.w3.org/2000/svg",width:"53",height:"53",viewBox:"0 0 53 53"},o.createElement("defs",null,o.createElement("filter",{width:"53",height:"53",filterUnits:"userSpaceOnUse"},o.createElement("feGaussianBlur",{result:"blur",stdDeviation:"3"}),o.createElement("feFlood",{floodOpacity:".4"}),o.createElement("feComposite",{in2:"blur",operator:"in"}),o.createElement("feComposite",{in:"SourceGraphic"})),o.createElement("style",{dangerouslySetInnerHTML:{__html:".cls-2{fill:none;stroke:#fff;stroke-linecap:round;stroke-width:2px}"}})),o.createElement("g",{filter:"url(#Ellipse_482)"},o.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"})),o.createElement("path",{d:"M19 19L34 34",className:"cls-2"}),o.createElement("path",{d:"M34 19L19 34",className:"cls-2"})))},E=function(e){var a=e.popupId,t=e.url,l=e.newTab,n=e.imageDestkop,r=e.imageMobile,i=e.onClose,c=e.onOtherSubmit;return o.createElement("div",{id:a,className:"lead-modal-wrapper","data-popup-url":location.pathname,"data-popup-type":"center_tab"},o.createElement("div",{className:"le-center-tab-popup"},o.createElement("div",{style:{position:"relative"}},o.createElement("a",{className:"js-popup-other-submit",href:t,target:l?"blank":"_parent",onClick:c},o.createElement("img",{className:"le-only-mobile",src:r}),o.createElement("img",{className:"le-only-desktop",src:n})),o.createElement(y,{onClose:i,containerClassName:"le-abs-outer-mobile-top-right-2",svgClassName:"le-mobile-btn"}))))},N=function(e){var a=e.popupId,t=e.url,l=e.title,n=e.urlText,r=e.titleAlign,i=e.subtitle,c=e.subtitleAlign,d=e.newTab,s=e.imageDesktop,m=e.imageMobile,u=e.onClose,p=e.onOtherSubmit;return o.createElement("div",{id:a,className:"lead-modal-wrapper lead-floating-wrapper","data-popup-url":location.pathname,"data-popup-type":"floating"},o.createElement("aside",{className:"le-only-desktop"},o.createElement("div",{className:"le-floating-desktop"},o.createElement("div",{className:"le-floating-desktop-wrap",style:{position:"relative",background:"#fff"}},s?o.createElement("div",null,o.createElement("img",{style:{maxWidth:120,borderTopLeftRadius:5,borderBottomLeftRadius:5},src:s})):null,o.createElement("div",{style:{padding:20}},o.createElement("div",{className:"le-floating-desktop-title le-text-align-".concat(r)},l),o.createElement("div",{className:"le-floating-desktop-desc le-text-align-".concat(c)},i)),o.createElement("a",{target:d?"blank":"_parent",style:{marginLeft:35,textDecoration:"none"},href:t},o.createElement("button",{className:"le-joinbow-floating-btn js-popup-other-submit",onClick:p},n)),o.createElement(y,{onClose:u,containerClassName:"le-abs-outer-top-right"})))),o.createElement("aside",{className:"le-only-mobile"},o.createElement("div",{className:"le-floating-mobile"},o.createElement("div",{className:"le-floating-mobile-wrap",style:{position:"relative",background:"#fff"}},o.createElement("aside",{style:{display:"flex",justifyContent:"space-between"}},o.createElement("div",null,o.createElement("div",{className:"le-floating-mobile-title le-text-align-".concat(r)},l),o.createElement("div",{className:"le-floating-mobile-desc le-text-align-".concat(c)},i)),m?o.createElement("div",null,o.createElement("img",{style:{marginLeft:15,marginTop:4,maxWidth:100},src:m})):null),o.createElement("div",{style:{textAlign:"center",marginTop:10}},o.createElement("a",{target:d?"blank":"_parent",href:t,style:{textDecoration:"none"}},o.createElement("button",{className:"le-joinbow-floating-btn js-popup-other-submit",onClick:p},n))),o.createElement(y,{onClose:u,containerClassName:"le-abs-outer-top-right",svgClassName:"le-mobile-btn"})))))},w={LINKS:1,TAGS:2},x="https://dev.leadgen.hellobacsi.com/",C={MOBILE:1,DESKTOP:2},S="";x.includes("localhost")&&(x="https://dev.leadgen.hellobacsi.com/"),location.hostname.includes("marrybaby.vn")&&(S="pink");var T="https://"+location.hostname+location.pathname+location.search;T=T.toLowerCase(),sessionStorage.getItem("insider_object")&&(window.insider_object=JSON.parse(sessionStorage.getItem("insider_object")));var B={"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}},L=B[document.documentElement.lang]||B["vi-VN"];var O=new function(){this.apiLeadUrl="https://dev.leadgen.hellobacsi.com/",this.apiSubotUrl="https://staging-service-subot.hellohealthgroup.com/"},P=function(a){var t=a.url,l=a.data,n=void 0===l?void 0:l,o=e(a,["url","data"]);return o.body=JSON.stringify(n),o.headers={"Content-Type":"application/json"},fetch("".concat(O.apiLeadUrl).concat(t),o).then((function(e){return e.json()})).catch((function(e){return{}}))},j=function(a){var t=a.url,l=a.data,n=e(a,["url","data"]);return n.body=JSON.stringify(l),n.headers={"Content-Type":"application/json"},fetch("".concat(O.apiSubotUrl).concat(t),n).then((function(e){return e.json()})).catch((function(e){return{}}))},I={campaignGetById:function(e){return P({url:"api/internal/campaign/".concat(e),method:"get"})},validateEmailOrPhoneOnSubot:function(e){var a=e.bot_id,t=e.email,l=e.phone;return l&&l.startsWith("0")&&(l=l.substring(1)),j({url:"frontend/api/subot-campaign/check",method:"post",data:{bot_id:a,email:t,phone:l}})},validateEmailOrPhoneOnLeadGen:function(e){var a=e.campaign_id,t=e.email,l=e.phone;return l&&l.startsWith("0")&&(l=l.substring(1)),P({url:"api/subot-campaign/check",method:"post",data:{campaign_id:a,email:t,phone:l}})}},A=[],U=[];var D=function(e){for(var a=t([],e,!0),l=a.length-1;l>0;l--){var n=Math.floor(Math.random()*(l+1)),o=a[l];a[l]=a[n],a[n]=o}return a},M=function(e){try{var a=e.split(" "),t=a[0],l=a[1],n=t.split("-").map(Number),o=n[0],r=n[1],i=n[2],c=l.split(":").map(Number),d=c[0],s=c[1],m=c[2];return new Date(o,r-1,i,d,s,m)}catch(e){return null}},H=function(e){return 1===e.formatted_status||0===e.formatted_status&&(A.push(e),function(e){var a=e.started_at,t=e.ended_at,l=M(a),n=M(t);if(!l||!n)return!1;var o=(new Date).getTime();return o<=n.getTime()&&o>=l.getTime()&&(U.push(e),!0)}(e))};function q(e){var l=e.leadApi,n=e.leadSiteId,o=e.leadDomain,r=e.onShowPopup,i=e.DEBUG_URL||("https://"+location.hostname+location.pathname+location.search).toLowerCase();fetch(l+"api/campaign/"+n,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({url:i,ga_client_id:g("_ga")||null})}).then((function(e){return e.json()})).then((function(e){var l,n,c,d,s;if(V("List campagin: ",e),T="https://"+location.hostname+location.pathname+location.search,1==e._status){var m=(null===(n=null===(l=e._data)||void 0===l?void 0:l.campaigns)||void 0===n?void 0:n.filter(H))||[];g("hhg-id")||(v("hhg-id",k(),{domain:"."+o,path:"/"}),V("😍 Set HHG ID cookie"));var u=[];u=/Android|webOS|iPhone|iPad|iPod|BlackBerry|BB|PlayBook|IEMobile|Windows Phone|Kindle|Silk|Opera Mini/i.test(navigator.userAgent)?m.filter((function(e){return e.device_types.some((function(e){return e.id==C.MOBILE}))})):m.filter((function(e){return e.device_types.some((function(e){return e.id==C.DESKTOP}))})),V("👓 campaignsDevice",u),V("--listCampaignScheduled",A),V("--listCampaignScheduledToActivated",U);var p=u.map((function(e,t){return e.targets.filter((function(e){return e.type==w.LINKS})).map((function(e){return a(a({},e),{campaignIndex:t})}))})).flat(1);p=p.filter((function(e){var a=new URL(String(e.target).toLowerCase());return"exact_match"==e.option?Boolean(i===a.href):"start_with"==e.option?!!i.includes(String(e.target))&&!e.sub_target.filter((function(e){return"excluding"==e.option})).map((function(e){return e.value})).includes(i):void 0}));var h=Array.from(document.getElementsByTagName("META")).filter((function(e){return"article:tag"==e.getAttribute("property")})).map((function(e){return e.content})),b=[];h&&h.length&&(b=u.map((function(e,t){return e.targets.filter((function(e){return e.type==w.TAGS})).map((function(e){return a(a({},e),{campaignIndex:t})}))})).flat(1).filter((function(e){return h.includes(e.target)})));var f=t(t([],p,!0),b,!0),_=document.cookie.split("; ").map((function(e){return e.split("=")[0]})),y=_.filter((function(e){return e.includes("lead_submited")}));V("--listCampaignCodeSubmited",y);var E=_.filter((function(e){return e.includes("lead_closed")}));V("--listCampaignCodeClosed",E);var N=t(t([],y,!0),E,!0),x=f.filter((function(e){return!N.some((function(a){return a.includes(u[e.campaignIndex].code)}))})),S=D(x);if(V("--listCampaignValid : ",S),S&&S.length){var B=u[S[0].campaignIndex];V("CAMPAIGN_SHOW",B);var L=B.rules,O=Number(null===(c=L.find((function(e){return"time"==e.rule})))||void 0===c?void 0:c.value);V("timeoutRule",O);var P=Number(null===(d=L.find((function(e){return"scroll"==e.rule})))||void 0===d?void 0:d.value);V("scrollRule",P);var j=Number(null===(s=L.find((function(e){return"exclude_sponsored"==e.rule})))||void 0===s?void 0:s.value);V("excludeSponsored",j);var I=Boolean(document.querySelector(".hhg-disclaimer-text"));if(V("💎 LEAD current page isSponsored",I),I&&j)return;var M="TIME";if(Number.isInteger(O)&&(M="TIME",V("✨ SHOW AWESOME POPUP AFTER: ",O," seconds"),setTimeout((function(){null==r||r(B,M)}),1e3*O)),Number.isInteger(P)){M="SCROLL",V("✨ SHOW AWESOME AFTER: SCROLL",P," %");var q=document.querySelector('[data-url="'.concat(location.pathname,'"]'))||document.querySelector("body"),R=q.getBoundingClientRect().top,F=q.offsetHeight;V("👓 Element check scroll: ",q);var W=function(){var e=window.pageYOffset||document.documentElement.scrollTop,a=0;e>=R&&(a=Math.round((e-R)/(F-innerHeight)*100)),V("---Scroll",a,P),a>=P&&(window.removeEventListener("scroll",W),null==r||r(B,M))};window.addEventListener("scroll",W,{passive:!0})}}else V("🚧 No lead campaigns on current URL, tags")}})).catch((function(e){V("Lead error: ",e)}))}var V=function(){for(var e=[],a=0;a<arguments.length;a++)e[a]=arguments[a];("production"!==process.env.NODE_ENV||process.env.NEXT_PUBLIC_DEPLOY_ENV&&"production"!==process.env.NEXT_PUBLIC_DEPLOY_ENV||"undefined"!=typeof localStorage&&"true"===localStorage.getItem("hhg_debug"))&&console.log.apply(console,e)};function R(e,t){var o=this,i=_().t,c=r({email:"",phone:""}),d=c[0],s=c[1],m=r(!1),u=m[0],p=m[1];return{errorField:d,loadingValidate:u,inputOnBlur:function(r,c){return l(o,void 0,void 0,(function(){var l,o,m,u,h,g,v,b,f,k;return n(this,(function(n){switch(n.label){case 0:if(l="",o="",m=c.target.value,"email"===r&&/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(String(m).toLowerCase())?(l="email",o=i("validator.emailUsed")):"tel"===r&&window.intlTelInputUtils.isValidNumber(String(m),L.countryCode)&&(l="phone",o=i("validator.phoneUsed")),!l)return[2];n.label=1;case 1:return n.trys.push([1,5,,6]),p(!0),[4,I.validateEmailOrPhoneOnLeadGen((g={campaign_id:[e]},g[l]=m,g))];case 2:return"SubmitLeadWithBotId_ERR_001"===(u=n.sent())._errorCode||"SubmitLeadWithBotId_ERR_002"===u._errorCode?(s(a(a({},d),((v={})[l]=o,v))),p(!1),[2]):t.length?[4,I.validateEmailOrPhoneOnSubot((b={bot_id:t},b[l]=m,b))]:[3,4];case 3:if("CheckSuBotLeadTool_ERR_001"===n.sent()._errorCode)return s(a(a({},d),((f={})[l]=o,f))),p(!1),[2];n.label=4;case 4:return s(a(a({},d),((k={})[l]="",k))),[3,6];case 5:return h=n.sent(),V("err",h),[3,6];case 6:return p(!1),[2]}}))}))}}}var F=i({}),W=function(e){var a=e.title,t=e.titleAlign,l=e.subtitle,n=e.subtitleAlign,r=e.link,i=e.linkNewTab,c=e.linkText,d=e.image;return o.createElement("div",{className:"lead-modal__thank-you"},o.createElement("div",{style:{width:"100%"}},o.createElement("img",{src:d,style:{maxHeight:162,objectFit:"cover"}}),a&&o.createElement("h1",{className:"le-thankyou-title le-text-align-".concat(t)},a),l&&o.createElement("p",{className:"le-thankyou-subtitle le-text-align-".concat(n)},l),c&&o.createElement("div",null,o.createElement("a",{href:r,target:i?"_blank":"parrent",rel:"noreferrer"},o.createElement("button",{className:"lead-modal__btn ".concat(S)},c)))))},J=function(e){var a=e.content,l=e.inlinePosition,n=c((function(){if(!l)return null;var e=document.querySelectorAll('[data-url="'.concat(location.pathname,'"] .body-content')),a=Array.from(e).reduce((function(e,a){return t(t([],e,!0),Array.from(a.children),!0)}),[]);if(null==a?void 0:a.length){var n=a.filter((function(e){return"P"===e.nodeName})),o=a.filter((function(e){return"H2"===e.nodeName})),r=null;switch(l){case"1th":r=n[0];break;case"2th":r=n[1];break;case"3th":r=n[2];break;case"4th":r=n[3];break;case"5th":r=n[4];break;case"6th":r=n[5];break;case"7th":r=n[6];break;case"8th":r=n[7];break;case"9th":r=n[8];break;case"10th":r=n[9];break;case"11th":r=n[10];break;case"12th":r=n[11];break;case"lastP":r=n[n.length-1];break;case"1thH2":r=o[0];break;case"2thH2":r=o[1];break;case"3thH2":r=o[2];break;case"4thH2":r=o[3];break;case"5thH2":r=o[4];break;case"6thH2":r=o[5];break;case"7thH2":r=o[6];break;case"8thH2":r=o[7];break;case"9thH2":r=o[8];break;case"10thH2":r=o[9];break;case"lastH2":r=o[o.length-1]}if(r){if(r.parentElement.querySelector(".inline-lead-wrapper"))return r.parentElement.querySelector(".inline-lead-wrapper");var i=document.createElement("div");return i.classList.add("inline-lead-wrapper"),r.nextElementSibling?r.parentElement.insertBefore(i,r.nextElementSibling):r.parentElement.appendChild(i),i}}}),[l]);return l&&n?p(a,n):null},G=function(e){var a=e.content,t=c((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 a=document.createElement("div");a.classList.add("sidebar-lead-modal-wrapper"),e.prepend(a)}})),e.map((function(e){return e.querySelector(".sidebar-lead-modal-wrapper")}))}),[]);return o.createElement(o.Fragment,null,t.map((function(e){return p(a,b(e,"sidebar-lead-modal-wrapper"))})))},Y=function(e){var a,t,i,m=e.popupId,u=e.extraFields,p=e.onClose,h=e.onOtherSubmit,g=e.imageMobile,v=e.imageDesktop,b=e.imageOverlayMobile,f=e.imageOverlayDesktop,k=e.imageBackground,y=e.currentLayout,E=e.title,N=e.onSubmit,w=e.showThankyou,x=e.campaignId,C=e.campaign_subot_id,T=_().t,B=JSON.parse(u.listBlockAdded),O=JSON.parse(u.actionBlocks),P=JSON.parse(u.textBlocks),j=d(F).apiUrl,I=O.submitBlock.data.url,A=O.submitBlock.data.text,U=O.submitBlock.data.text2,D=O.submitBlock.data.value,M=location.pathname,H=R(x,C),q=H.errorField,Y=H.loadingValidate,z=H.inputOnBlur,K=y.includes("Inline")||"Sidebar"===y,Q="Slider"===y,X=r(!0),Z=X[0],$=X[1];if(window.innerWidth<769&&["Fullscreen","Slider"].includes(y))return V("😎 Not show fullscreen, slider on mobile "),null;s((function(){(y.includes("LightBox")||"Fullscreen"==y)&&document.body.classList.add("noscroll")}),[]);var ee=function(e,a){return l(void 0,void 0,void 0,(function(){return n(this,(function(t){switch(t.label){case 0:return a.target.validity.valueMissing?(a.target.setCustomValidity(T("validator.required")),[3,6]):[3,1];case 1:return a.target.validity.valid||a.target.validity.customError?[3,2]:("tel"===e?a.target.setCustomValidity(T("validator.phone")):"date"===e?a.target.setCustomValidity(T("validator.date")):"email"===e&&a.target.setCustomValidity(T("validator.email")),[3,6]);case 2:return"tel"!==e?[3,5]:window.intlTelInputUtils?[3,4]:[4,require("intl-tel-input/build/js/utils")];case 3:t.sent(),t.label=4;case 4:return window.intlTelInputUtils.isValidNumber(String(a.target.value),L.countryCode)?a.target.setCustomValidity(""):a.target.setCustomValidity(T("validator.phone")),[3,6];case 5:a.target.setCustomValidity(""),t.label=6;case 6:return[2]}}))}))},ae=c((function(){var e={TextBlock:0,NumberBlock:0,EmailBlock:0,PhoneBlock:0,DateBlock:0,CheckboxBlock:0,RadioBlock:0};return B.map((function(a,t){var l,n,r;if("TitleBlock"==a.name)return o.createElement("h2",{key:t,className:"lead-modal__title ".concat("le-text-align-"+((null===(l=a.data)||void 0===l?void 0:l.align)||"")," ").concat(S)},a.data.value);if("SubtitleBlock"==a.name)return o.createElement("p",{key:t,className:"lead-modal__description ".concat("le-text-align-"+((null===(n=a.data)||void 0===n?void 0:n.align)||"")," ").concat(S)},a.data.value);if("TextBlock"==a.name)return e.TextBlock+=1,o.createElement("div",{key:t},o.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},o.createElement("input",{required:!0,"data-key":a.data.value,name:"text"+(e.TextBlock>1?e.TextBlock:""),spellCheck:!1,type:"text",placeholder:a.data.placeholder,className:"lead-modal__form-control width-100%",onChange:function(e){return ee("text",e)}}),o.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(j,"admin/img/builder/text.svg")})));if("NumberBlock"==a.name){var i=o.createElement("div",{key:t},o.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},o.createElement("input",{required:!0,"data-key":a.data.value,name:"number"+(e.NumberBlock?e.NumberBlock:""),spellCheck:!1,type:"number",min:"0",placeholder:a.data.placeholder,className:"lead-modal__form-control width-100%",onChange:function(e){return ee("number",e)}}),o.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(j,"admin/img/builder/number.svg")})));return e.NumberBlock+=1,i}if("EmailBlock"==a.name){i=o.createElement("div",{key:t},o.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},o.createElement("input",{required:!0,"data-key":a.data.value,name:"email"+(e.EmailBlock?e.EmailBlock:""),spellCheck:!1,type:"email",placeholder:a.data.placeholder,className:"lead-modal__form-control width-100%",onChange:function(e){return ee("email",e)},onBlur:function(e){return z("email",e)}}),o.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(j,"admin/img/builder/email.svg")})),q.email&&o.createElement("label",{className:"error"},q.email));return e.EmailBlock+=1,i}if("PhoneBlock"==a.name){i=o.createElement("div",{key:t},o.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},o.createElement("input",{required:!0,"data-key":a.data.value,name:"tel"+(e.PhoneBlock?e.PhoneBlock:""),spellCheck:!1,type:"tel",placeholder:a.data.placeholder,className:"lead-modal__form-control width-100%",onChange:function(e){return ee("tel",e)},onBlur:function(e){return z("tel",e)}}),o.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(j,"admin/img/builder/tel.svg")})),q.phone&&o.createElement("label",{className:"error"},q.phone));return e.PhoneBlock+=1,i}if("DateBlock"==a.name){i=o.createElement("div",null,o.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},o.createElement("input",{required:!0,type:"date","data-key":a.data.value,name:"date"+(e.DateBlock?e.DateBlock:""),placeholder:a.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 ee("date",e)}}),o.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(j,"admin/img/builder/date.svg")})));return e.DateBlock+=1,i}if("LinkButtonBlock"==a.name)return o.createElement("div",{key:t},o.createElement("a",{target:a.data.newtab?"blank":"parrent",href:a.data.url,style:{textDecoration:"none"}},o.createElement("button",{type:"button",className:"lead-modal__btn js-modal__close js-popup-other-submit ".concat(S),onClick:function(){null==p||p(),null==h||h()}},a.data.value)));if("CheckboxBlock"==a.name){var c=a.data,d=c.listQuestion,s=c.isSendMailChimp,m=void 0!==s&&s;i=o.createElement("div",{key:t,style:{margin:"5px 0"}},o.createElement("div",{className:"le-checkbox-title"},a.data.placeholder),o.createElement("div",{className:"mailchimp-".concat(null===(r=a.data.value)||void 0===r?void 0:r.replace(/\s/gi,"_")),"data-mailchimp":m}),d.map((function(t,l){return o.createElement("label",{key:l,className:"lead-checkbox-container"},o.createElement("input",{"data-key":a.data.value,name:"checkbox"+(e.CheckboxBlock?e.CheckboxBlock:"")+"[]",value:t.value,type:"checkbox",onChange:function(e){return ee("checkbox",e)}}),o.createElement("span",{className:"lead-checkbox-checkmark"}),t.placeholder)})));return e.CheckboxBlock+=1,i}if("RadioBlock"==a.name){d=a.data.listQuestion,i=o.createElement("div",{key:t,style:{margin:"5px 0"}},o.createElement("div",{className:"le-checkbox-title"},a.data.placeholder),d.map((function(t,l){return o.createElement("label",{className:"lead-radio-container",key:l},o.createElement("input",{"data-key":a.data.value,name:"radio"+(e.RadioBlock?e.RadioBlock:""),value:t.value,type:"radio",onChange:function(e){return ee("radio",e)}}),o.createElement("span",{className:"lead-radio-checkmark"}),t.placeholder)})));return e.RadioBlock+=1,i}if("DropdownBlock"==a.name){d=a.data.listQuestion,i=o.createElement("div",{key:t,style:{margin:"5px 0"}},o.createElement("div",{className:"le-checkbox-title"},a.data.placeholder),o.createElement("div",{className:"le-newbuilder-select-wrapper"},o.createElement("select",{className:"le-newbuilder-select","data-key":a.data.value,name:"dropdown"+(e.DropdownBlock?e.DropdownBlock:"")},d.map((function(e,a){return o.createElement("option",{key:a,value:e.value},e.placeholder)})))));return e.DropdownBlock+=1,i}}))}),[q.email,q.phone]),te=o.createElement(o.Fragment,null,o.createElement("style",{dangerouslySetInnerHTML:{__html:".le-newbuilder-overlay {\n        background: url(".concat(b,") ;\n        background-repeat: no-repeat;\n        background-size: cover;\n      }\n      @media screen and (min-width:768px) {\n        .le-newbuilder-overlay {\n          background: url(").concat(f,") ;\n          background-repeat: no-repeat;\n          background-size: cover;\n        }\n      }")}}),o.createElement("div",{id:m,"data-popup-url":M,"data-popup-type":"lightbox-inline",className:"lead-modal lead-modal-wrapper modal--animate-scale ".concat(K?"le-buider-inline":""," ").concat(Q?"le-buider-slider":"")},"Fullscreen"==y?o.createElement("img",{className:"le-only-desktop le-fullscreen-img",draggable:!1,src:k||""}):null,o.createElement("div",{className:"lead-modal__wrapper le-newbuilder-wrap-".concat(y)},o.createElement("div",{className:"lead-modal__content le-newbuilder-".concat(y)},w?o.createElement(W,{title:w.title,titleAlign:w.titleAlign,subtitle:w.subtitle,subtitleAlign:w.subtitleAlign,link:w.link,linkNewTab:w.linkNewTab,linkText:w.linkText,image:w.image}):o.createElement(o.Fragment,null,o.createElement("header",{className:"lead-modal__header"},["LightBoxA","InlineA","Sidebar","Slider"].includes(y)?g?o.createElement("img",{draggable:"false",className:"lead-modal__image lead-modal-image-cover",src:g,alt:""}):null:o.createElement(o.Fragment,null,v?o.createElement("img",{draggable:"false",className:"le-only-desktop lead-modal__image lead-modal-image-cover",style:{height:"100%",objectFit:"cover"},src:v,alt:""}):null,g?o.createElement("img",{draggable:"false",className:"le-only-mobile lead-modal__image lead-modal-image-cover",src:g,alt:""}):null)),o.createElement("div",{className:"lead-modal__body le-newbuilder-overlay"},o.createElement("form",{className:"lead-modal__form ".concat(m),onSubmit:function(e){e.preventDefault(),Y||q.email||q.phone||N(e)}},o.createElement("div",{style:{marginBottom:20}},o.createElement("h2",{className:"lead-modal__title ".concat("le-text-align-"+(null===(a=P.titleBlock.data)||void 0===a?void 0:a.align)," ").concat(S)},E),o.createElement("p",{className:"lead-modal__description ".concat("le-text-align-"+(null===(t=P.titleBlock.data)||void 0===t?void 0:t.align)," ").concat(S)},P.subtitleBlock.data.value)),o.createElement("div",null,ae),(null===(i=null==O?void 0:O.submitBlock)||void 0===i?void 0:i.isHide)?null:o.createElement(o.Fragment,null,o.createElement("div",{className:"lead-modal__checkbox-wrapper ".concat(S)},o.createElement("div",{className:"lead-modal__checkbox"},o.createElement("input",{id:"lead-term-checkbox",className:"lead-modal__checkbox__input ".concat(S),type:"checkbox","aria-label":"Checkbox label",checked:Z,onChange:function(e){return $(e.currentTarget.checked)}}),o.createElement("div",{className:"lead-modal__checkbox__control","aria-hidden":"true"})),o.createElement("label",{htmlFor:"checkbox",className:"lead-modal__checkbox__label"},A," ",o.createElement("span",{style:{fontWeight:"bold"}},o.createElement("a",{target:"blank",href:I||"https://hellobacsi.com/chinh-sach",rel:"noopener noreferrer",style:{textDecoration:"none"}},U)))),o.createElement("button",{id:"lead-submit",type:"submit",className:"lead-modal__btn ".concat(S),disabled:!Z},D)))))),!y.includes("Inline")&&o.createElement("button",{className:"lead-modal__close-btn ".concat("Fullscreen"==y?"lead-fullscreen-desktop-close-btn":""," js-modal__close ").concat(S),onClick:p},o.createElement("svg",{className:"lead-modal__close-icon",viewBox:"0 0 24 24"},o.createElement("g",{fill:"none",stroke:"currentColor",strokeMiterlimit:"10",strokeWidth:"2"},o.createElement("line",{x1:"3",y1:"3",x2:"21",y2:"21"}),o.createElement("line",{x1:"21",y1:"3",x2:"3",y2:"21"})))))));return y.includes("LightBox")||"Fullscreen"==y||"Slider"==y?te:"Sidebar"==y?o.createElement(G,{content:te}):y.includes("Inline")?o.createElement(J,{content:te,inlinePosition:u.popupInlinePosition}):null},z=function(e){var a=e.popupId,t=e.link,l=e.linkText,n=e.linkNewTab,r=e.onClose,i=e.imageMobile,c=e.imageDesktop,d=e.currentLayout,s=e.onOtherSubmit,m=location.pathname;return o.createElement("div",{id:a,className:"lead-modal-wrapper","data-popup-url":m,"data-popup-type":"skin_ab"},"SkinA"==d?o.createElement("aside",{className:"le-only-desktop"},o.createElement("div",{className:"le-skin-a-desktop"},o.createElement("div",{style:{position:"relative"}},o.createElement("img",{src:c}),o.createElement("a",{style:{position:"absolute",top:"75%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center",width:"calc(100% - 15px)"},href:t,target:n?"blank":"_parent"},o.createElement("button",{onClick:s,className:"le-joinbow-btn js-popup-other-submit"},l)),o.createElement("button",{className:"lead-modal__close-btn js-modal__close ".concat(S)},o.createElement("svg",{className:"lead-modal__close-icon",viewBox:"0 0 24 24"},o.createElement("g",{fill:"none",stroke:"currentColor",strokeMiterlimit:"10",strokeWidth:"2"},o.createElement("line",{x1:"3",y1:"3",x2:"21",y2:"21"}),o.createElement("line",{x1:"21",y1:"3",x2:"3",y2:"21"}))))))):"SkinB"==d?o.createElement("aside",{className:"le-only-desktop"},o.createElement("div",{className:""},o.createElement("div",{style:{position:"relative",zIndex:1e4}},o.createElement("img",{src:c,style:{width:"100%"}}),o.createElement("a",{style:{position:"absolute",top:"75%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center",width:"100%"},href:t,target:n?"blank":"_parent"},o.createElement("button",{onClick:s,className:"le-joinbow-btn-mobile js-popup-other-submit"},l)),o.createElement(y,{containerClassName:"le-abs-top-right",onClose:r})))):null,o.createElement("aside",{className:"le-only-mobile"},o.createElement("div",{className:"le-skin-mobile"},o.createElement("div",{style:{position:"relative"}},o.createElement("img",{src:i,style:{width:"100%"}}),o.createElement("a",{style:{position:"absolute",top:"82%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center",maxWidth:"calc(100% - 15px)"},href:t,target:n?"blank":"_parent"},o.createElement("button",{onClick:s,className:"le-joinbow-btn-mobile js-popup-other-submit"},l)),o.createElement(y,{containerClassName:"le-abs-top-right",svgClassName:"le-mobile-btn",onClose:r})))))},K=function(e){var a=e.popupId,t=e.url,l=e.newTab,n=e.image,r=e.onClose,i=e.onOtherSubmit;return o.createElement("div",{id:a,className:"lead-modal-wrapper","data-popup-url":location.pathname,"data-popup-type":"tab"},o.createElement("div",{className:"le-tab-popup"},o.createElement("div",{style:{position:"relative"}},o.createElement("a",{href:t,target:l?"blank":"_parent",onClick:i},o.createElement("img",{className:"js-popup-other-submit",src:n})),o.createElement(y,{onClose:r,containerClassName:"le-abs-outer-mobile-top-right-2",svgClassName:"le-mobile-btn"}))))};var Q=function(e){var a,t,l=e.campaign,n=e.action,r=e.onSubmit,i=e.onClose,c=e.showThankyou;_().t;var u=d(F),p=u.apiUrl,h=u.siteDomain;s((function(){var e=g("_ga")||null;fetch("".concat(p,"api/campaign/").concat(w,"/impression"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:n,url:location.href.toLowerCase(),title_article:document.title,cookie_id:g("hhg-id"),ga_client_id:e})})}),[]);var b=l.extra_fields,f=l.image,y=l.image_desktop,w=l.code,x=l.image_background,C=l.image_overlay_mobile,S=l.image_overlay_desktop,T=b.currentLayout,B=b.imageBlocks?JSON.parse(b.imageBlocks):{},L=JSON.parse(b.actionBlocks),O=JSON.parse(b.textBlocks),P=(null===(t=null===(a=null==O?void 0:O.titleBlock)||void 0===a?void 0:a.data)||void 0===t?void 0:t.value)||"",j={1:{},2:{},3:{}},I=m("lead-modal-"+k()),A=function(e){if(void 0===e&&(e="Xin chao {{category_2}} extra"),e.includes("{{category_")){var a="{{category_".length,t=e.search("{{category_");return+e.charAt(a+t)}return null}(P);if(A){V("⚡️ Has categoryLevel",A);var U=Array.from(document.getElementsByTagName("META")),D=U.find((function(e){return e.name==="content_category_".concat(A)})),M=U.find((function(e){return e.name==="content_category_en_".concat(A)}));if(!D||!M)return V("⚡️ No META TAG for categoryLevel, not show popup",A),null;j[A]={value:D.content,value_en:M.content},P=P.replace("{{category_".concat(A,"}}"),D.content),V("⚡️ Set categoryData ",A)}else V("⚡️ No categoryLevel",A);var H=function(){var e,a,t,n;if(V("👌 Other submit click"),document.body.classList.remove("noscroll"),T.includes("Skin")){var o=document.querySelector("#masthead");o&&(o.style.top="0px !important;")}var r=Number(null!==(a=null===(e=l.rules.find((function(e){return"days_to_show_again"==e.rule})))||void 0===e?void 0:e.value)&&void 0!==a?a:7),c=Number(null!==(n=null===(t=l.rules.find((function(e){return"show_again_after_submit"==e.rule})))||void 0===t?void 0:t.value)&&void 0!==n?n:0);0===c&&(V("⛔ Popup never show again!"),v("lead_submited_".concat(w),"target_".concat(b.popupVersion),{domain:"."+h,path:"/"})),1==c&&(V("⌛ Popup will show again after ".concat(r," days!")),v("lead_submited_".concat(w),"target_".concat(b.popupVersion),{domain:"."+h,days:r,path:"/"}));var d=g("_ga")||null,s={url:location.href.toLowerCase(),title_article:document.title,meta:[],cookie_id:g("hhg-id"),ga_client_id:d};A&&(s.category=j[A].value_en),fetch("".concat(p,"api/campaign/").concat(w,"/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&&V(e)})).catch((function(e){V("Error:",e)})),null==i||i()};return"CenterTab"===T?o.createElement(E,{popupId:I.current,url:B.imageMobile.data.url,newTab:B.imageMobile.data.newtab,imageMobile:f,imageDestkop:y,onClose:i,onOtherSubmit:H}):"Tab"===T?o.createElement(K,{popupId:I.current,url:B.imageMobile.data.url,newTab:B.imageMobile.data.newtab,image:f,onClose:i,onOtherSubmit:H}):"Floating"===T?o.createElement(N,{popupId:I.current,title:P,titleAlign:O.titleBlock.data.align,subtitle:O.subtitleBlock.data.value,subtitleAlign:O.subtitleBlock.data.align,url:L.linkButtonBlock.data.url,urlText:L.linkButtonBlock.data.value,newTab:L.linkButtonBlock.data.newtab,imageMobile:f,imageDesktop:y,onClose:i,onOtherSubmit:H}):T.includes("LightBox")||T.includes("Inline")||"Fullscreen"==T||"Sidebar"==T||"Slider"==T?o.createElement(Y,{popupId:I.current,extraFields:b,onClose:i,onOtherSubmit:H,imageMobile:f,imageDesktop:y,imageBackground:x,currentLayout:T,title:P,onSubmit:function(e){return r(e,A,j,I.current)},key:T,imageOverlayDesktop:S,imageOverlayMobile:C,showThankyou:c,campaignId:l.id,campaign_subot_id:l.bot_id||[]}):T.includes("Skin")?o.createElement(z,{popupId:I.current,link:L.linkButtonBlock.data.url,linkNewTab:!!L.linkButtonBlock.data.newtab,linkText:L.linkButtonBlock.data.value,onClose:i,onOtherSubmit:H,imageMobile:f,imageDesktop:y,currentLayout:T}):null},X=function(e){var a=e.campaign,t=e.action,i=e.onSubmit,c=e.onClose,m=e.showThankyou,u=_().t,p=r(!0),h=p[0],v=p[1];s((function(){document.body.classList.add("noscroll");var e=g("_ga")||null;fetch("".concat(T,"api/campaign/").concat(k,"/impression"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:t||"",url:location.href.toLowerCase(),title_article:document.title,cookie_id:g("hhg-id"),ga_client_id:e})})}),[]);var b=a.extra_fields,f=a.image,k=a.code,y=b.title,E=b.desc,N=b.submit,w=b.popUpTermURL,x=b.popUpTermAgreeText,C=b.popUpTermText,T=d(F).apiUrl,B=b.fields?JSON.parse(b.fields):[],O={tel:0,text:0,date:0,email:0},P=function(e,a){return l(void 0,void 0,void 0,(function(){return n(this,(function(t){switch(t.label){case 0:return a.target.validity.valueMissing?(a.target.setCustomValidity(u("validator.required")),[3,5]):[3,1];case 1:return a.target.validity.valid||a.target.validity.customError?[3,2]:("tel"===e?a.target.setCustomValidity(u("validator.phone")):"date"===e?a.target.setCustomValidity(u("validator.date")):"email"===e&&a.target.setCustomValidity(u("validator.email")),[3,5]);case 2:return"tel"!==e?[3,4]:[4,require("intl-tel-input")];case 3:return t.sent().isValidNumber(String(a.target.value),L.countryCode)?a.target.setCustomValidity(""):a.target.setCustomValidity(u("validator.phone")),[3,5];case 4:a.target.setCustomValidity(""),t.label=5;case 5:return[2]}}))}))},j=B.map((function(e,a){var t=o.createElement(o.Fragment,null);return t="date"==e.control?o.createElement("div",{key:a,className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},o.createElement("input",{required:!0,type:"date","data-key":e.listEdit[0].value,name:O.date?e.control+O.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(a){return P(e.control,a)}}),o.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(T,"admin/img/builder/").concat(e.name,".svg")})):o.createElement("div",{key:a,className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},o.createElement("input",{required:!0,"data-key":e.listEdit[0].value,name:O[e.control]?e.control+O[e.control]:e.control,spellCheck:!1,type:e.control,placeholder:e.listEdit[1].value||"...",className:"lead-modal__form-control width-100%",onChange:function(a){return P(e.control,a)}}),o.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(T,"admin/img/builder/").concat(e.name,".svg")})),"date"==e.control&&(O.date+=1),"text"==e.control&&(O.text+=1),"tel"==e.control&&(O.tel+=1),"email"==e.control&&(O.email+=1),t}));return o.createElement("div",{id:"lead-modal",className:"lead-modal modal--animate-scale"},o.createElement("div",{className:"lead-modal__wrapper animate__animated "},o.createElement("div",{className:"lead-modal__content"},m?o.createElement(W,{title:m.title,titleAlign:m.titleAlign,subtitle:m.subtitle,subtitleAlign:m.subtitleAlign,link:m.link,linkNewTab:m.linkNewTab,linkText:m.linkText,image:m.image}):o.createElement(o.Fragment,null,o.createElement("header",{className:"lead-modal__header"},!!f&&o.createElement("img",{className:"lead-modal__image lead-modal-image-cover",src:f,alt:""})),o.createElement("div",{className:"lead-modal__body"},o.createElement("h2",{className:"lead-modal__title ".concat(S)},y),o.createElement("p",{className:"lead-modal__description ".concat(S)},E),o.createElement("form",{className:"lead-modal__form",onSubmit:function(e){e.preventDefault(),i(e)}},j,o.createElement("div",{className:"lead-modal__checkbox-wrapper ".concat(S)},o.createElement("div",{className:"lead-modal__checkbox"},o.createElement("input",{id:"lead-term-checkbox",className:"lead-modal__checkbox__input ".concat(S),type:"checkbox","aria-label":"Checkbox label",checked:h,onChange:function(e){return v(e.currentTarget.checked)}}),o.createElement("div",{className:"lead-modal__checkbox__control","aria-hidden":"true"})),o.createElement("label",{htmlFor:"checkbox",className:"lead-modal__checkbox__label"},x," ",o.createElement("span",{style:{fontWeight:"bold"}},o.createElement("a",{target:"blank",href:w||"https://hellobacsi.com/chinh-sach",style:{textDecoration:"none"},rel:"noopener noreferrer"},C)))),o.createElement("button",{id:"lead-submit",type:"submit",className:"lead-modal__btn ".concat(S),disabled:!h},N))))),o.createElement("button",{className:"lead-modal__close-btn js-modal__close ".concat(S),onClick:c},o.createElement("svg",{className:"lead-modal__close-icon",viewBox:"0 0 24 24"},o.createElement("title",null,"Close modal window"),o.createElement("g",{fill:"none",stroke:"currentColor",strokeMiterlimit:"10",strokeWidth:"2"},o.createElement("line",{x1:"3",y1:"3",x2:"21",y2:"21"}),o.createElement("line",{x1:"21",y1:"3",x2:"3",y2:"21"}))))))},Z=function(e){var a=e.campaign,t=e.action,l=e.onSubmit,n=e.onClose,r=e.showThankyou;return a.extra_fields?"2.1"==a.extra_fields.popupVersion?o.createElement(Q,{campaign:a,action:t,onSubmit:l,onClose:n,showThankyou:r}):o.createElement(X,{campaign:a,action:t,onSubmit:l,onClose:n,showThankyou:r}):null},$={"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}.","validator.emailUsed":"Email already in use for this campaign.","validator.phoneUsed":"Your phone number already in use for this campaign."},ee={"en-PH":$,"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","validator.emailUsed":"Email này đã được sử dụng cho chiến dịch.","validator.phoneUsed":"Số điện thoại này đã được sử dụng cho chiến dịch."},"hi-IN":{"validator.required":"इस क्षेत्र की आवश्यकता है।","validator.email":"कृपया एक मान्य ईमेल पता दर्ज करें","validator.number":"कृपया एक वैध संख्या दर्ज करें","validator.digits":"कृपया केवल अंक दर्ज करें","validator.maxlength":"कृपया {0} अक्षर से अधिक दर्ज न करें","validator.minlength":"कृपया कम से कम {0} अक्षर दर्ज करें","validator.phone":"कृपया एक वैध संख्या दर्ज करें","validator.emailUsed":"Email already in use for this campaign.","validator.phoneUsed":"Your phone number already in use for this campaign."},"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","validator.emailUsed":"Email already in use for this campaign.","validator.phoneUsed":"Your phone number already in use for this campaign."},"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.","validator.emailUsed":"Email already in use for this campaign.","validator.phoneUsed":"Your phone number already in use for this campaign."},"my-MM":{"validator.required":"ဒီနေရာမှာ ဖြည့်ဖို့ လိုအပ်ပါတယ်","validator.email":"မှန်ကန်သော အီးမေးလ်လိပ်စာထည့်သွင်းပါ","validator.number":"မှန်ကန်သော ဖုန်းနံပါတ်ထည့်သွင်းပါ","validator.digits":"နံပါတ်များသာဖြည့်ပါ","validator.maxlength":"ကျေးဇူးပြု၍ {0} ထပ်မပိုသော ဂဏန်းများသာဖြည့်ပါ","validator.minlength":"ကျေးဇူးပြု၍ အနည်းဆုံး {0} ဂဏန်းဖြည့်ပါ","validator.phone":"မှန်ကန်သော ဖုန်းနံပါတ်ထည့်သွင်းပါ","validator.emailUsed":"Email already in use for this campaign.","validator.phoneUsed":"Your phone number already in use for this campaign."},"km-KH":{"validator.required":"ព័ត៌មាន​ចាំបាច់​ដែល​ត្រូវ​បំពេញ","validator.email":"សូម​វាយ​អាសយដ្ឋាន​អ៊ីម៉ែល​ឲ្យ​បាន​ត្រឹមត្រូវ","validator.number":"សូម​វាយបញ្ចូល​លេខ​ឲ្យ​បាន​ត្រឹមត្រូវ","validator.digits":"វាយ​បញ្ចូល​បាន​តែ​លេខ​ប៉ុណ្ណោះ","validator.maxlength":"សូម​វាយ​បញ្ចូលកុំ​ឲ្យ​លើស {0} តួអក្សរ","validator.minlength":"សូម​វាយ​បញ្ចូល​តិច​បំផុត {0} តួអក្ស","validator.phone":"សូម​វាយបញ្ចូល​លេខ​ឲ្យ​បាន​ត្រឹមត្រូវ","validator.emailUsed":"Email already in use for this campaign.","validator.phoneUsed":"Your phone number already in use for this campaign."},"zh-TW":{"validator.required":"此為必填欄位","validator.email":"請填入有效的 email 地址","validator.number":"請填入有效的電話號碼","validator.digits":"此欄位僅能輸入數字","validator.maxlength":"請輸入少於 {0} 位數","validator.minlength":"請輸入至少 {0} 位數","validator.phone":"請填入有效的電話號碼","validator.emailUsed":"Email already in use for this campaign.","validator.phoneUsed":"Your phone number already in use for this campaign."},"th-TH":{"validator.required":"ต้องระบุข้อมูลในช่องนี้","validator.email":"กรุณาใส่อีเมล์ที่ถูกต้อง","validator.number":"กรุณาใส่ตัวเลขที่ถูกต้อง","validator.digits":"กรุณาส่เฉพาะตัวเลข","validator.maxlength":"กรุณาใส่ตัวเลขมากกว่า {0} หลัก","validator.minlength":"กรุณาใส่ตัวเลขอย่างน้อย {0} หลัก","validator.phone":"กรุณาใส่ตัวเลขที่ถูกต้อง","validator.emailUsed":"Email already in use for this campaign.","validator.phoneUsed":"Your phone number already in use for this campaign."},"tl-PH":$},ae=function(e){var a=ee[e];return a||ee["en-PH"]},te=function(e){var a=e.apiUrl,t=e.siteDomain,i=e.siteId,d=e.locale,b=e.apiSubotUrl,k=e.DEBUG_URL,_=m(),y=m(Date.now()),E=c((function(){var e=a;return e.includes("localhost")&&(e="https://dev.leadgen.hellobacsi.com/"),{apiUrl:e}}),[a,t,i]).apiUrl,N=r(null),w=N[0],x=N[1],C=r(""),S=C[0],T=C[1],B=r(null),P=B[0],j=B[1];s((function(){O.apiLeadUrl=E,O.apiSubotUrl=b}),[E,b]);var I=function(e,a){x(e),T(a)},A=function(){var e,a;if(w){V("👋👋👋 CLOSE POPUP ".concat(w.code," 👋👋👋"));var l=Number(null===(e=w.rules.find((function(e){return"show_again_after_exit"==e.rule})))||void 0===e?void 0:e.value),n=Number(null===(a=w.rules.find((function(e){return"days_to_show_again"==e.rule})))||void 0===a?void 0:a.value);0==l&&v("lead_closed_".concat(w.code),"target_".concat(w.extra_fields.popupVersion),n?{domain:"."+t,days:n,path:"/"}:{domain:"."+t,path:"/"}),document.body.classList.remove("noscroll"),fetch("".concat(E,"api/campaign/").concat(w.code,"/popup_exit"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"CLICK",url:location.href.toLowerCase(),title_article:document.title,cookie_id:g("hhg-id"),duration:Math.ceil((Date.now()-y.current)/1e3)})}),x(null),j(null)}};s((function(){if(window.next){var e=u((function(e){V("--🌻 routeChangeComplete",e,Date.now());var a=location.pathname;A(),document.querySelectorAll('[data-popup-url="'.concat(a,'"]')).length||q({leadApi:E,leadDomain:t,leadSiteId:i,onShowPopup:I,DEBUG_URL:k}),_.current&&window.removeEventListener("scroll",_.current)}),500);window.next.router.events.on("routeChangeComplete",e)}q({leadApi:E,leadDomain:t,leadSiteId:i,onShowPopup:I,DEBUG_URL:k})}),[]);return s((function(){w&&(y.current=Date.now())}),[w]),o.createElement(F.Provider,{value:{apiUrl:E,siteDomain:t,siteId:i,locale:d}},o.createElement(h.Provider,{value:{locale:d,values:ae(d)}},p(o.createElement(o.Fragment,null,w&&o.createElement(Z,{campaign:w,onClose:A,onSubmit:function(e,a,o,r){return l(void 0,void 0,void 0,(function(){var l,i,c,d,s,m,u,p,h,b,f,k,_,y,N,x,C,S,T,B,O,P,I,U,D,M,H,q,R,F,W,J,G,Y;return n(this,(function(n){switch(n.label){case 0:return e.preventDefault(),V("submitHandler",a,o),l=new FormData(e.currentTarget),i={},l.forEach((function(e,a){i[a]=i[a]||[],i[a].push(e)})),c=Object.keys(i).map((function(e){return{name:e,value:String(i[e])}})),d=2,s=g("_ga")||null,window.intlTelInputUtils?[3,2]:[4,require("intl-tel-input/build/js/utils")];case 1:n.sent(),n.label=2;case 2:return m={url:location.href.toLowerCase(),title_article:document.title,meta:c.map((function(e){var a,t,l,n;return{key:null===(a=document.querySelector(".lead-modal__form.".concat(r,' [name="').concat(e.name,'"]')))||void 0===a?void 0:a.getAttribute("data-key"),value:(null==L?void 0:L.countryCodeNumber)&&["tel","tel1","tel2","tel3"].includes(e.name)?window.intlTelInputUtils.formatNumber(String(e.value),null==L?void 0:L.countryCodeNumber,d).replace(/\s+/g,""):e.value,control:e.name.replace(/\d+$/,""),is_sent_mailchimp:(null===(n=document.querySelector(".lead-modal__form.".concat(r," .mailchimp-").concat((null===(l=null===(t=document.querySelector(".lead-modal__form.".concat(r,' [name="').concat(e.name,'"]')))||void 0===t?void 0:t.getAttribute("data-key"))||void 0===l?void 0:l.replace(/\s/gi,"_"))||"")))||void 0===n?void 0:n.getAttribute("data-mailchimp"))||"false"}})),cookie_id:g("hhg-id"),ga_client_id:s},a&&o[a].value_en&&(m.category=o[a].value_en),u=Number((null===(D=null===(U=w.rules)||void 0===U?void 0:U.find((function(e){return"days_to_show_again"===e.rule})))||void 0===D?void 0:D.value)||7),0==(p=Number((null===(H=null===(M=w.rules)||void 0===M?void 0:M.find((function(e){return"show_again_after_submit"===e.rule})))||void 0===H?void 0:H.value)||0))&&(V("⛔ Popup never show again!"),v("lead_submited_".concat(w.code),"target_".concat(w.extra_fields.targetType),{domain:"."+t,path:"/"})),1==p&&(V("⌛ Popup will show again after ".concat(u," days!")),v("lead_submited_".concat(w.code),"target_".concat(w.extra_fields.targetType),{domain:"."+t,days:u,path:"/"})),fetch("".concat(E,"api/campaign/").concat(w.code,"/lead"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(m)}),"notshow"==w.extra_fields.popupShowThankYou?(A(),document.body.classList.remove("noscroll"),[2]):(h=!0,b=w.thank_you_image||"".concat(E,"admin/img/thanksyou.png"),f=w.extra_fields.popupThankyouTitle||"Thank you.",k=w.extra_fields.popupThankyouDesc||"We appreciate your time!",_="",y="",C="","2.1"==w.extra_fields.popupVersion&&(S=w.extra_fields,T=JSON.parse(S.listBlockThankyou),B=T.find((function(e){return"TitleBlock"==e.name})),O=T.find((function(e){return"SubtitleBlock"==e.name})),P=T.find((function(e){return"LinkButtonBlock"==e.name})),f=(null===(q=null==B?void 0:B.data)||void 0===q?void 0:q.value)||"",_=(null===(R=null==B?void 0:B.data)||void 0===R?void 0:R.align)||"",k=(null===(F=null==O?void 0:O.data)||void 0===F?void 0:F.value)||"",y=(null===(W=null==O?void 0:O.data)||void 0===W?void 0:W.align)||"",N=(null===(J=null==P?void 0:P.data)||void 0===J?void 0:J.value)||"",x=(null===(G=null==P?void 0:P.data)||void 0===G?void 0:G.newtab)||!1,C=(null===(Y=null==P?void 0:P.data)||void 0===Y?void 0:Y.url)||"",I=w.extra_fields.currentLayout,["SkinA","SkinB","Floating","Tab","CenterTab"].includes(I)&&(h=!1)),j(h?{title:f,titleAlign:_,subtitle:k,subtitleAlign:y,link:C,linkNewTab:x,linkText:N,image:b}: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 a=e.name,t=e.value;"tel"==a?window.insider_object.user.phone_number=t:"email"==a&&(window.insider_object.user.email=t)})),sessionStorage.setItem("insider_object",JSON.stringify(window.insider_object)),[2])}}))}))},action:S,showThankyou:P})),f())))};export{te as LeadGen};

package/build/esm/mantine.js

@@ -1 +1 @@
-import{b as t,_ as r}from"./tslib.es6-f7955333.js";import o,{useMemo as n,useState as a,useEffect as s}from"react";import{Autocomplete as c,Image as d,Select as p,Indicator as h,Badge as f,Spoiler as v,LoadingOverlay as g,Switch as x,MantineProvider as E,clsx as b,Title as w,Text as y,Button as P}from"@mantine/core";import{CommonGAssets as S}from"./gAssets.js";import{f as H,g as L,h as z,u as B,i as N}from"./index-4640bd7a.js";export{A as Accordion,j as Avatar,k as Carousel,l as Checkbox,D as DatePicker,m as MAPPED_LOCALE,O as OTP,e as Phone,R as Radio,i as getMantineThemeOverride,u as useMantineLocale}from"./index-4640bd7a.js";import"dayjs";import"./screenSizeContext-4116f67f.js";import"styled-components";import{t as T}from"./theme-81ec37fe.js";import"./index-fe1c4ff3.js";import"./utils-f9dbedef.js";import"./isProduction-33e7c093.js";import"./Locale-5e66312f.js";export{M as Modal}from"./index-a0617326.js";import{T as W}from"./index-a5266555.js";import{u as F}from"./useTranslations-9e48e8b9.js";import{D as G}from"./index-4b29d795.js";export{I as Input,e as emotionCache}from"./index-4b29d795.js";export{C as CentralCarousel}from"./index-3b4909e3.js";import{useDebouncedValue as J}from"@mantine/hooks";import{B as _}from"./index-bc6c4e88.js";import"@mantine/dates";import"@mantine/carousel";import"./defaultClassWrapper-90fd2040.js";import"lodash/throttle";import"./translationsContext-c7a3e170.js";import"string-format";var U=function(e){var n=e.keepSearch,a=void 0!==n&&n,i=t(e,["keepSearch"]);return a?o.createElement(c,r({rightSection:o.createElement(d,{src:S.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},i)):o.createElement(p,r({rightSection:o.createElement(d,{src:S.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},i))},V=function(e){var n=e.styles,a=t(e,["styles"]);return o.createElement(h,r({inline:!0,position:"top-end",offset:4,styles:r({indicator:{backgroundColor:T.colors.red700},processing:{animationDirection:"alternate"}},n)},a))},Y=function(e){return o.createElement(H,r({minRows:2,maxRows:4},e))},Z=function(e){var n=e.color,a=void 0===n?T.colors.primaryBase:n,i=e.styles,s=t(e,["color","styles"]);return o.createElement(f,r({variant:"filled",color:a,styles:r({root:{borderRadius:"2px",background:a,textTransform:"unset"}},i)},s))},q=function(e){var a=e.children,i=e.line,s=e.lineHeight,l=e.trackingAttributes,c=e.maxHeight,m=e.customExpandFn,d=t(e,["children","line","lineHeight","trackingAttributes","maxHeight","customExpandFn"]),u=F().t,p=n((function(){return c||(i&&s?i*s:(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((function(){return l?{"data-event-category":l.dataEventCategory,"data-event-action":l.dataEventAction,"data-event-label":l.dataEventLabel}:{}}),[l]);return o.createElement(v,r({showLabel:o.createElement(W,r({size:"p3",color:T.colors.primaryBase},h,{onClick:m}),u("articlePage.readMore")),hideLabel:o.createElement(W,r({size:"p3",color:T.colors.primaryBase},h),u("articlePage.showLess"))},d,{maxHeight:p}),a)},K=function(e){return o.createElement(g,r({loaderProps:{color:T.colors.primaryBase}},e))},Q=function(e){var n=e.color,i=void 0===n?T.colors.primaryBase:n,l=e.withControl,c=e.onChange,m=e.value,d=e.min,u=e.max,p=e.isStatic,h=t(e,["color","withControl","onChange","value","min","max","isStatic"]),f=a(m||d||0),v=f[0],g=f[1],x=J(v,G)[0];return s((function(){null==c||c(x)}),[x]),o.createElement(L,null,l&&o.createElement(_,{type:"button",size:"sm",color:"ghost",onClick:function(){g((function(e){return d&&e===d?e:e-1}))}},o.createElement("svg",{width:"10",height:"10",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12 3"},o.createElement("path",{d:"M1 1.004h8",stroke:i,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),o.createElement(z,r({thumbSize:21,labelAlwaysOn:!0,radius:"xl",color:i,value:v,onChange:p?function(){return null}:g,min:d,max:u},h)),l&&o.createElement(_,{type:"button",size:"sm",color:"ghost",onClick:function(){g((function(e){return u&&e===u?e:e+1}))}},o.createElement("svg",{width:"16",height:"20",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16"},o.createElement("path",{d:"M8 4v8M4 8h8",stroke:i,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))))},X=x,$=function(e){var n=e.children,a=e.locale,i=t(e,["children","locale"]);return B(a),o.createElement(E,r({theme:N(a)},i),n)},ee={container:"MON6sfi",iconContainer:"pS-tJD7",icon:"s3tJ9-5",title:"fNsZr1b",description:"uuxV74v",button:"YohjTDU"};function te(e){var n=e.icon,a=e.title,i=e.description,s=e.button,l=e.buttonProps,c=e.style,m=e.className,d=l||{},u=d.size,p=void 0===u?"lg":u,h=d.variant,f=void 0===h?"outline":h,v=t(d,["size","variant"]),g=n;return o.createElement("div",{className:b("result",ee.container,m),style:c},g&&o.createElement("div",{className:b("resultIconContainer",ee.iconContainer)},o.createElement(g,{className:b("resultIcon",ee.icon)})),o.createElement(w,{order:3,size:"h3",className:b("resultTitle",ee.title)},a),o.createElement(y,{className:b("resultDescription",ee.description)},i),s&&o.createElement(P,r({},v,{size:p,variant:f,className:b("resultButton",ee.button,v.className)}),s))}export{Z as Badge,V as Indicator,K as LoadingOverlay,$ as MantineProvider,te as Result,U as Select,Q as Slider,q as Spoiler,X as Switch,Y as TextArea};
+import{b as t,_ as r}from"./tslib.es6-3642c72f.js";import o,{useMemo as n,useState as a,useEffect as s}from"react";import{Autocomplete as c,Image as d,Select as p,Indicator as h,Badge as f,Spoiler as v,LoadingOverlay as g,Switch as x,MantineProvider as E,clsx as b,Title as w,Text as y,Button as P}from"@mantine/core";import{CommonGAssets as S}from"./gAssets.js";import{f as H,g as L,h as z,u as B,i as N}from"./index-c774553a.js";export{A as Accordion,j as Avatar,k as Carousel,l as Checkbox,D as DatePicker,m as MAPPED_LOCALE,O as OTP,e as Phone,R as Radio,i as getMantineThemeOverride,u as useMantineLocale}from"./index-c774553a.js";import"dayjs";import"./screenSizeContext-e3adacd2.js";import"styled-components";import{t as T}from"./theme-577919e6.js";import"./index-a2960e3e.js";import"./utils-8e993d9f.js";import"./isProduction-6b7e910d.js";import"./Locale-1d334ad6.js";export{M as Modal}from"./index-0915a686.js";import{T as W}from"./index-a8609b9f.js";import{u as F}from"./useTranslations-a2cb72a1.js";import{D as G}from"./index-3f979068.js";export{I as Input,e as emotionCache}from"./index-3f979068.js";export{C as CentralCarousel}from"./index-e5394744.js";import{useDebouncedValue as J}from"@mantine/hooks";import{B as _}from"./index-2a5ec148.js";import"@mantine/dates";import"@mantine/carousel";import"./defaultClassWrapper-287877d0.js";import"lodash/throttle";import"./translationsContext-20f2c96b.js";import"string-format";var U=function(e){var n=e.keepSearch,a=void 0!==n&&n,i=t(e,["keepSearch"]);return a?o.createElement(c,r({rightSection:o.createElement(d,{src:S.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},i)):o.createElement(p,r({rightSection:o.createElement(d,{src:S.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},i))},V=function(e){var n=e.styles,a=t(e,["styles"]);return o.createElement(h,r({inline:!0,position:"top-end",offset:4,styles:r({indicator:{backgroundColor:T.colors.red700},processing:{animationDirection:"alternate"}},n)},a))},Y=function(e){return o.createElement(H,r({minRows:2,maxRows:4},e))},Z=function(e){var n=e.color,a=void 0===n?T.colors.primaryBase:n,i=e.styles,s=t(e,["color","styles"]);return o.createElement(f,r({variant:"filled",color:a,styles:r({root:{borderRadius:"2px",background:a,textTransform:"unset"}},i)},s))},q=function(e){var a=e.children,i=e.line,s=e.lineHeight,l=e.trackingAttributes,c=e.maxHeight,m=e.customExpandFn,d=t(e,["children","line","lineHeight","trackingAttributes","maxHeight","customExpandFn"]),u=F().t,p=n((function(){return c||(i&&s?i*s:(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((function(){return l?{"data-event-category":l.dataEventCategory,"data-event-action":l.dataEventAction,"data-event-label":l.dataEventLabel}:{}}),[l]);return o.createElement(v,r({showLabel:o.createElement(W,r({size:"p3",color:T.colors.primaryBase},h,{onClick:m}),u("articlePage.readMore")),hideLabel:o.createElement(W,r({size:"p3",color:T.colors.primaryBase},h),u("articlePage.showLess"))},d,{maxHeight:p}),a)},K=function(e){return o.createElement(g,r({loaderProps:{color:T.colors.primaryBase}},e))},Q=function(e){var n=e.color,i=void 0===n?T.colors.primaryBase:n,l=e.withControl,c=e.onChange,m=e.value,d=e.min,u=e.max,p=e.isStatic,h=t(e,["color","withControl","onChange","value","min","max","isStatic"]),f=a(m||d||0),v=f[0],g=f[1],x=J(v,G)[0];return s((function(){null==c||c(x)}),[x]),o.createElement(L,null,l&&o.createElement(_,{type:"button",size:"sm",color:"ghost",onClick:function(){g((function(e){return d&&e===d?e:e-1}))}},o.createElement("svg",{width:"10",height:"10",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12 3"},o.createElement("path",{d:"M1 1.004h8",stroke:i,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),o.createElement(z,r({thumbSize:21,labelAlwaysOn:!0,radius:"xl",color:i,value:v,onChange:p?function(){return null}:g,min:d,max:u},h)),l&&o.createElement(_,{type:"button",size:"sm",color:"ghost",onClick:function(){g((function(e){return u&&e===u?e:e+1}))}},o.createElement("svg",{width:"16",height:"20",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16"},o.createElement("path",{d:"M8 4v8M4 8h8",stroke:i,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))))},X=x,$=function(e){var n=e.children,a=e.locale,i=t(e,["children","locale"]);return B(a),o.createElement(E,r({theme:N(a)},i),n)},ee={container:"MON6sfi",iconContainer:"pS-tJD7",icon:"s3tJ9-5",title:"fNsZr1b",description:"uuxV74v",button:"YohjTDU"};function te(e){var n=e.icon,a=e.title,i=e.description,s=e.button,l=e.buttonProps,c=e.style,m=e.className,d=l||{},u=d.size,p=void 0===u?"lg":u,h=d.variant,f=void 0===h?"outline":h,v=t(d,["size","variant"]),g=n;return o.createElement("div",{className:b("result",ee.container,m),style:c},g&&o.createElement("div",{className:b("resultIconContainer",ee.iconContainer)},o.createElement(g,{className:b("resultIcon",ee.icon)})),o.createElement(w,{order:3,size:"h3",className:b("resultTitle",ee.title)},a),o.createElement(y,{className:b("resultDescription",ee.description)},i),s&&o.createElement(P,r({},v,{size:p,variant:f,className:b("resultButton",ee.button,v.className)}),s))}export{Z as Badge,V as Indicator,K as LoadingOverlay,$ as MantineProvider,te as Result,U as Select,Q as Slider,q as Spoiler,X as Switch,Y as TextArea};

package/build/esm/misc.js

@@ -1 +1 @@
-export{a as ageGenerate,c as convertLocalizedStringToNumber,l as localizeNumberFormat}from"./localizeNumberFormat-cda17a82.js";export{S as ScreenSizeContext,j as ScreenSizeContextProvider,h as fadeIn,i as getWindowSizeGroups,a as slideInDown,b as slideInLeft,c as slideInRight,s as slideInUp,e as slideOutDown,f as slideOutLeft,g as slideOutRight,d as slideOutUp}from"./screenSizeContext-4116f67f.js";export{d as deleteCookie,g as getCookie,s as setCookie}from"./cookieHelper-d3531626.js";import"react";import"styled-components";export{t as theme}from"./theme-81ec37fe.js";export{a as abbreviateNumber,f as formatPill}from"./dataTransform-d01a3c65.js";export{d as getCareApiDomain,g as getCurrentBaseUrl,a as getCurrentSsoUrl,c as getDiscoverApiDomain,b as getTogetherApiDomain}from"./routing-ae4d0a36.js";export{B as Breakpoints,M as MediaQueries,f as formatUrlWithPageParam,g as getBoundariesFromMediaQueryKey,a as getPopupWrapperDom,b as getWrapperDomWithSelector,m as makeParams,c as safeEncodeURI,s as startCase,t as toggleNoScroll}from"./utils-f9dbedef.js";export{f as formatHealthTool,g as getDynamicHealthTool,a as getDynamicHealthToolWithCache}from"./getDynamicHealthTool-2f9301e2.js";export{g as getSocialList}from"./getSocialList-ad1e56b6.js";import"dayjs";import"./tslib.es6-f7955333.js";import"lodash/throttle";import"./index-fe1c4ff3.js";import"./Locale-5e66312f.js";import"./isProduction-33e7c093.js";import"./core-ee0e7ff6.js";import"./gAssets.js";
+export{a as ageGenerate,c as convertLocalizedStringToNumber,l as localizeNumberFormat}from"./localizeNumberFormat-e628bec0.js";export{S as ScreenSizeContext,j as ScreenSizeContextProvider,h as fadeIn,i as getWindowSizeGroups,a as slideInDown,b as slideInLeft,c as slideInRight,s as slideInUp,e as slideOutDown,f as slideOutLeft,g as slideOutRight,d as slideOutUp}from"./screenSizeContext-e3adacd2.js";export{d as deleteCookie,g as getCookie,s as setCookie}from"./cookieHelper-d6d7f6d7.js";import"react";import"styled-components";export{t as theme}from"./theme-577919e6.js";export{a as abbreviateNumber,f as formatPill}from"./dataTransform-8b7c159a.js";export{d as getCareApiDomain,g as getCurrentBaseUrl,a as getCurrentSsoUrl,c as getDiscoverApiDomain,b as getTogetherApiDomain}from"./routing-6c0f67f3.js";export{B as Breakpoints,M as MediaQueries,f as formatUrlWithPageParam,g as getBoundariesFromMediaQueryKey,a as getPopupWrapperDom,b as getWrapperDomWithSelector,m as makeParams,c as safeEncodeURI,s as startCase,t as toggleNoScroll}from"./utils-8e993d9f.js";export{f as formatHealthTool,g as getDynamicHealthTool,a as getDynamicHealthToolWithCache}from"./getDynamicHealthTool-a0a40254.js";export{g as getSocialList}from"./getSocialList-3561ff8f.js";import"dayjs";import"./tslib.es6-3642c72f.js";import"lodash/throttle";import"./index-a2960e3e.js";import"./Locale-1d334ad6.js";import"./isProduction-6b7e910d.js";import"./core-16bd8d99.js";import"./gAssets.js";

package/build/esm/navigation.js

@@ -1 +1 @@
-import"./tslib.es6-f7955333.js";import"react";import"./core-ee0e7ff6.js";export{N as NavigationV2,g as getNavMenuContent,a as getNavMenuContentWithCache}from"./index-fed72244.js";import"./index-fe1c4ff3.js";import"./routing-ae4d0a36.js";import"./index.styled-7527e862.js";import"./isProduction-33e7c093.js";import"./gAssets.js";import"./Locale-5e66312f.js";import"./index-a5266555.js";import"./index-dcfb7fef.js";import"./index-e410f2d2.js";import"./utils-f9dbedef.js";import"styled-components";import"./useTranslations-9e48e8b9.js";import"./translationsContext-c7a3e170.js";import"string-format";import"lodash/throttle";import"./index.styled-2b24612c.js";import"./theme-81ec37fe.js";import"./index.styled-01d29354.js";import"./defaultClassWrapper-90fd2040.js";import"dayjs";import"./screenSizeContext-4116f67f.js";import"./index-bc6c4e88.js";import"@mantine/core";import"./cookieHelper-d3531626.js";import"./index.styled-a2b84cf6.js";import"./index-88ec3ad2.js";import"./constants-ae469713.js";import"lodash/debounce";import"slugify";import"dayjs/plugin/relativeTime";
+import"./tslib.es6-3642c72f.js";import"react";import"./core-16bd8d99.js";export{N as NavigationV2,g as getNavMenuContent,a as getNavMenuContentWithCache}from"./index-7e934fa1.js";import"./index-a2960e3e.js";import"./routing-6c0f67f3.js";import"./index.styled-8f12caa1.js";import"./isProduction-6b7e910d.js";import"./gAssets.js";import"./Locale-1d334ad6.js";import"./index-a8609b9f.js";import"./index-b95d3d06.js";import"./index-633ccc34.js";import"./utils-8e993d9f.js";import"styled-components";import"./useTranslations-a2cb72a1.js";import"./translationsContext-20f2c96b.js";import"string-format";import"lodash/throttle";import"./index.styled-a52218e5.js";import"./theme-577919e6.js";import"./index.styled-739b980a.js";import"./defaultClassWrapper-287877d0.js";import"dayjs";import"./screenSizeContext-e3adacd2.js";import"./index-2a5ec148.js";import"@mantine/core";import"./cookieHelper-d6d7f6d7.js";import"./index.styled-e85a69a2.js";import"./index-1ca2f302.js";import"./constants-d32f157a.js";import"lodash/debounce";import"slugify";import"dayjs/plugin/relativeTime";

package/build/esm/onboarding.js

@@ -1 +1 @@
-import{e as n,b as e,_ as o,c as t,d as r}from"./tslib.es6-f7955333.js";import i,{useContext as a,useState as l,useRef as s,useEffect as c,useMemo as d,createContext as m,useCallback as p}from"react";import{useInterval as u,useCounter as g}from"@mantine/hooks";import{H as b}from"./index.styled-2b24612c.js";import{B as h}from"./index-bc6c4e88.js";import"./gAssets.js";import"./index.styled-01d29354.js";import{c as f}from"./index-e410f2d2.js";import{M as x}from"./utils-f9dbedef.js";import{t as E}from"./theme-81ec37fe.js";import{Container as y,Input as v}from"@mantine/core";import"./index.styled-a2b84cf6.js";import{u as w}from"./useTranslations-9e48e8b9.js";import"./index-88ec3ad2.js";import"lodash/debounce";import"./isProduction-33e7c093.js";import{L as P}from"./index-fe1c4ff3.js";import"dayjs";import"./screenSizeContext-4116f67f.js";import k from"styled-components";import{L as C}from"./Locale-5e66312f.js";import"./translationsContext-c7a3e170.js";import"string-format";import{T as S}from"./index-a5266555.js";import{useForm as M,yupResolver as j}from"@mantine/form";import{e as T,O as I,D as N,R as z}from"./index-4640bd7a.js";import*as L from"yup";import B from"lodash/throttle";import{P as O}from"./index-4b29d795.js";import"./index-3b4909e3.js";import{format as F}from"date-fns";import{V as D}from"./Visible-5e07735b.js";import"./defaultClassWrapper-90fd2040.js";import"@mantine/dates";import"@mantine/carousel";var V,H,U,q,R,A,W,_,Y=k.div(V||(V=n([""],[""]))),K=k(S)(H||(H=n(["\n  margin-top: 8px;\n"],["\n  margin-top: 8px;\n"]))),Z=k.div(U||(U=n(["\n  margin-top: 70px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n"],["\n  margin-top: 70px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n"]))),G=k(y)(q||(q=n(["\n  &.hhg-comp-onboarding-container.hhg-comp-onboarding-container {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    height: 100%;\n    width: 100%;\n    max-width: 520px;\n  }\n  .header {\n    margin-bottom: 32px;\n    text-align: center;\n    "," {\n      margin-bottom: 16px;\n    }\n  }\n\n  .input-control {\n    width: 100%;\n\n    label {\n      font-size: 12px;\n      line-height: 18px;\n      font-weight: 600;\n      margin-bottom: 6px;\n    }\n\n    input {\n      height: 42px;\n      line-height: 42px;\n      font-size: 14px;\n    }\n  }\n  .radio-group,\n  .input-control {\n    margin-bottom: 16px;\n  }\n  .form {\n    width: 100%;\n  }\n\n  .form-error {\n    margin-top: 32px;\n    font-size: 14px;\n  }\n\n  .field-error {\n    margin-top: 10px;\n    font-size: 14px;\n  }\n\n  .form-button {\n    width: 100%;\n  }\n"],["\n  &.hhg-comp-onboarding-container.hhg-comp-onboarding-container {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    height: 100%;\n    width: 100%;\n    max-width: 520px;\n  }\n  .header {\n    margin-bottom: 32px;\n    text-align: center;\n    "," {\n      margin-bottom: 16px;\n    }\n  }\n\n  .input-control {\n    width: 100%;\n\n    label {\n      font-size: 12px;\n      line-height: 18px;\n      font-weight: 600;\n      margin-bottom: 6px;\n    }\n\n    input {\n      height: 42px;\n      line-height: 42px;\n      font-size: 14px;\n    }\n  }\n  .radio-group,\n  .input-control {\n    margin-bottom: 16px;\n  }\n  .form {\n    width: 100%;\n  }\n\n  .form-error {\n    margin-top: 32px;\n    font-size: 14px;\n  }\n\n  .field-error {\n    margin-top: 10px;\n    font-size: 14px;\n  }\n\n  .form-button {\n    width: 100%;\n  }\n"])),x.mbDown),J=k.img(R||(R=n(["\n  margin-bottom: 38px;\n"],["\n  margin-bottom: 38px;\n"]))),Q=function(n){var t,r=n.heading,l=n.description,s=n.children,c=n.className,d=n.imgSrc,m=e(n,["heading","description","children","className","imgSrc"]),p=a(Ln),u=p.isMarryBaby,g=p.siteType;return i.createElement(G,o({},m,{className:"hhg-comp-onboarding-container ".concat(c),size:"sm"}),i.createElement(f,{type:u?g:(null===(t=P[process.env.UNIFY_LOCALE])||void 0===t?void 0:t.LOGO_TYPE)||"hellobacsi"}),i.createElement(Z,null,d&&i.createElement(J,{src:d,loading:"lazy"}),i.createElement(Y,{className:"header"},i.createElement(b,{tag:"h3"},r),i.createElement(K,{size:"p3",color:E.colors.gray600},l)),s))},X=function(n){return L.object().shape({phone:L.string().required(n("onboarding.updatePhone.error")).default("")})},$=function(n){return L.object().shape({otp:L.string().required(n("onboarding.otpForm.error")).length(6,n("onboarding.otpForm.error")).default("")})},nn=function(n){return L.object().shape({email:L.string().required(n("onboarding.errorMessage.requiredEmail")).email(n("onboarding.errorMessage.invalidEmail")).default(""),name:L.string().required(n("onboarding.errorMessage.requiredName"))})},en=function(n){return L.object().shape({password:L.string().required(n("onboarding.errorMessage.requiredPassword")).min(8,n("onboarding.errorMessage.minLength",{length:8})).matches(/.*[A-Z].*/,n("onboarding.errorMessage.passWithPattern")).default(""),confirmPassword:L.string().required(n("onboarding.errorMessage.requiredConfirmPassword")).oneOf([L.ref("password"),null],n("onboarding.errorMessage.passNotMatch")).default("")})},on=k(Q)(A||(A=n(["\n  .phone-input {\n    width: 100%;\n    margin-bottom: 32px;\n    "," {\n      margin-bottom: 16px;\n    }\n    .PhoneInput {\n      margin-bottom: 16px;\n    }\n    .PhoneInputCountry {\n      border-radius: 4px 0 0 4px;\n    }\n    .PhoneInputInput {\n      border-radius: 0 4px 4px 0;\n    }\n  }\n"],["\n  .phone-input {\n    width: 100%;\n    margin-bottom: 32px;\n    "," {\n      margin-bottom: 16px;\n    }\n    .PhoneInput {\n      margin-bottom: 16px;\n    }\n    .PhoneInputCountry {\n      border-radius: 4px 0 0 4px;\n    }\n    .PhoneInputInput {\n      border-radius: 0 4px 4px 0;\n    }\n  }\n"])),x.mbDown),tn=((W={})[C.Vietnam]="VN",W[C.Cambodia]="KH",W[C.Indonesia]="ID",W[C.Malaysia]="MY",W[C.PhilippinesEnglish]="PH",W[C.PhilippinesTagalog]="PH",W[C.Taiwan]="TW",W[C.Thailand]="TH",W[C.Myanmar]="MM",W),rn=function(n){var e=n.onClose,a=n.onSubmit,l=n.canSkip,s=void 0===l||l,c=n.customFormTexts,d=w().t,m=M({initialValues:{phone:""},validate:j(X(d))});return i.createElement(on,{heading:(null==c?void 0:c.heading)||d("onboarding.updatePhone.heading"),description:(null==c?void 0:c.description)||d("onboarding.updatePhone.description")},i.createElement("form",{onSubmit:m.onSubmit((function(n){return t(void 0,void 0,void 0,(function(){return r(this,(function(e){return a(n.phone),[2]}))}))}),(function(n){console.log(n)}))},i.createElement("div",{className:"phone-input"},i.createElement(T,o({defaultCountry:tn[process.env.UNIFY_LOCALE]||"VN"},m.getInputProps("phone"))),i.createElement(v.Error,null,m.errors.phone)),i.createElement(h,{color:"primary",isBlock:!0,size:"lg",type:"submit","data-event-category":"Sign Up","data-event-action":"Update Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},d("onboarding.button.continue")),s&&i.createElement(h,{color:"ghost",isBlock:!0,size:"lg",onClick:e,type:"button"},d("onboarding.button.skip"))))};(_={})[C.Vietnam]="VN",_[C.Cambodia]="KH",_[C.Indonesia]="ID",_[C.Malaysia]="MY",_[C.PhilippinesEnglish]="PH",_[C.PhilippinesTagalog]="PH",_[C.Taiwan]="TW",_[C.Thailand]="TH",_[C.Myanmar]="MM";var an,ln,sn,cn,dn,mn,pn,un,gn,bn,hn,fn,xn=function(n){void 0===n&&(n="");var e=n.indexOf("@"),o=n.substring(0,e),t=o.length>3?3:o.length;return n.replace(n.substring(t,e),n.slice(t,e).replace(/./g,"x"))},En=k(Q)(an||(an=n(["\n  .otp-input {\n    margin-bottom: 36px;\n    "," {\n      margin-bottom: 20px;\n    }\n    .otpContainer {\n      margin-bottom: 16px;\n    }\n  }\n  .resend {\n    display: flex;\n    gap: 6px;\n    margin-bottom: 32px;\n    "," {\n      margin-bottom: 16px;\n    }\n    a {\n      text-decoration: underline;\n      cursor: pointer;\n    }\n  }\n  .phone-description {\n    margin-left: 2px;\n    margin-top: 2px;\n  }\n  .otp-description-edit-icon {\n    cursor: pointer;\n    vertical-align: bottom;\n    /* height: 100%; */\n    margin-bottom: 3px;\n    margin-left: 3px;\n  }\n"],["\n  .otp-input {\n    margin-bottom: 36px;\n    "," {\n      margin-bottom: 20px;\n    }\n    .otpContainer {\n      margin-bottom: 16px;\n    }\n  }\n  .resend {\n    display: flex;\n    gap: 6px;\n    margin-bottom: 32px;\n    "," {\n      margin-bottom: 16px;\n    }\n    a {\n      text-decoration: underline;\n      cursor: pointer;\n    }\n  }\n  .phone-description {\n    margin-left: 2px;\n    margin-top: 2px;\n  }\n  .otp-description-edit-icon {\n    cursor: pointer;\n    vertical-align: bottom;\n    /* height: 100%; */\n    margin-bottom: 3px;\n    margin-left: 3px;\n  }\n"])),x.mbDown,x.mbDown),yn=function(n){var e=n.onSubmit,m=n.phone,p=n.email,b=n.onResendCode,f=n.otpError,x=n.onClose,y=n.loading,P=n.onBack,k=n.canSkip,C=n.outOfEdit,T=a(Ln),N=T.siteType,z=T.isMarryBaby,L=l(30),O=L[0],F=L[1],D=u((function(){return F((function(n){return n-1}))}),1e3),V=g(0,{min:0,max:3}),H=V[0],U=V[1],q=s(!0),R=w().t;c((function(){return D.start(),D.stop}),[]),c((function(){0===O&&(D.stop(),q.current=!1)}),[O]);var A=M({initialValues:{otp:""},validate:j($(R))});c((function(){f&&A.setFieldError("otp",f)}),[f]);var W=d((function(){return B((function(){q.current||(U.increment(),F(30),null==b||b(m||p),D.start(),q.current=!0)}),1e3,{trailing:!1})}),[m,p,b,D]);return i.createElement(En,{heading:R("onboarding.otpForm.heading"),description:i.createElement(i.Fragment,null,i.createElement("span",{dangerouslySetInnerHTML:{__html:m?R("onboarding.otpForm.description",{phone:'<b style="color:'.concat(E.colors.gray800,'">').concat(m.slice(0,-3).replace(/./g,"x").concat(m.slice(-3)),"</b>")}):R("onboarding.otpForm.descriptionEmail",{email:'<b style="color:'.concat(E.colors.gray800,'">').concat(xn(p),"</b>")})}}),!C&&i.createElement("svg",{onClick:function(){null==P||P()},width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"otp-description-edit-icon"},i.createElement("path",{d:"M12.7812 1.33337C12.2987 1.33337 11.8162 1.51712 11.4479 1.88546L10.6667 2.66671L13.3333 5.33337L14.1146 4.55212C14.8506 3.81612 14.8506 2.62212 14.1146 1.88546C13.7463 1.51712 13.2638 1.33337 12.7812 1.33337ZM9.66667 3.66671L2 11.3334V14H4.66667L12.3333 6.33337L9.66667 3.66671Z",fill:"#ADB3BC"})))},i.createElement("form",{onSubmit:A.onSubmit((function(n){return t(void 0,void 0,void 0,(function(){return r(this,(function(o){return U.increment(),e(n.otp),[2]}))}))}),(function(n){console.log(n)}))},i.createElement("div",{className:"otp-input"},i.createElement(I,o({enterKeyHint:void 0,nonce:void 0},A.getInputProps("otp"))),i.createElement(v.Error,null,A.errors.otp)),i.createElement("div",{className:"resend"},i.createElement(S,{size:"p4",color:E.colors.gray400},R("onboarding.otpForm.notReceiveOTP")),i.createElement(S,{as:"a",size:"p4",color:z?E.mbColors.pink:E.colors.primaryBase,onClick:W},R("onboarding.otpForm.resendCode",{seconds:O}))),i.createElement(h,{theme:N,color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:y,disabled:y,"data-event-category":"Sign Up","data-event-action":"Confirm Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},R("onboarding.button.continue")),k&&H>=3&&i.createElement(h,{theme:N,color:"ghost",isBlock:!0,size:"lg",onClick:x,type:"button"},R("onboarding.button.skip"))))},vn=function(n){var e=n.onClose,t=n.onSubmit,r=n.canSkip,l=n.loading,s=n.errorMessage,d=n.initialData,m=w().t,p=a(Ln).siteType,u=M({validate:j(nn(m))});return c((function(){u.setValues(o(o({gender:"0"},d),(null==d?void 0:d.birthday)&&{birthday:new Date(d.birthday)}))}),[d]),c((function(){s&&u.setFieldError("email",s)}),[s]),i.createElement(Q,{heading:m("onboarding.formEmail.heading"),description:m("onboarding.formEmail.description")},i.createElement("form",{className:"form",onSubmit:u.onSubmit((function(n){t(o(o({},n),{birthday:n.birthday&&F(n.birthday,"yyyy-MM-dd")}))}),(function(n){console.log({fieldErrors:n})}))},i.createElement(v.Wrapper,{label:m("onboarding.formEmail.yourName"),className:"input-control",withAsterisk:!0},i.createElement(v,o({},u.getInputProps("name"))),i.createElement(v.Error,{className:"field-error"},u.errors.name)),i.createElement(v.Wrapper,{label:m("onboarding.formEmail.yourEmail"),className:"input-control",withAsterisk:!0},i.createElement(v,o({},u.getInputProps("email"))),i.createElement(v.Error,{className:"field-error"},u.errors.email)),i.createElement(N,o({className:"input-control",label:m("onboarding.formEmail.yourBirthday")},u.getInputProps("birthday"))),i.createElement(z.Group,{value:u.values.gender,onChange:function(n){return u.setFieldValue("gender",n)},className:"radio-group"},i.createElement(z,{value:"0",label:m("onboarding.formEmail.genderMale")}),i.createElement(z,{value:"1",label:m("onboarding.formEmail.genderFemale")})),i.createElement(h,{color:"primary",isBlock:!0,size:"lg",type:"submit",theme:p,isLoading:l,disabled:l},m("onboarding.button.continue")),r&&i.createElement(h,{theme:p,color:"ghost",isBlock:!0,size:"lg",onClick:e},m("onboarding.button.skip"))))},wn=function(n){var e=n.onClose,t=n.onSubmit,r=n.canSkip,a=n.errorMessage,l=n.loading,s=w().t,c=M({initialValues:{password:"",confirmPassword:""},validate:j(en(s))});return i.createElement(Q,{heading:s("onboarding.updatePassword.heading"),description:s("onboarding.updatePassword.description")},i.createElement("form",{className:"form",onSubmit:c.onSubmit((function(n){return t((null==n?void 0:n.password)||"")}),(function(n){console.log({fieldErrors:n})}))},i.createElement(O,o({label:s("onboarding.updatePassword.password"),withAsterisk:!0,rightSection:i.createElement(D,null)},c.getInputProps("password"))),i.createElement(O,o({label:s("onboarding.updatePassword.confirmPassword"),withAsterisk:!0,rightSection:i.createElement(D,null)},c.getInputProps("confirmPassword"))),i.createElement(h,{color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:l,disabled:l},s("onboarding.button.continue")),r&&i.createElement(h,{color:"ghost",isBlock:!0,size:"lg",onClick:e},s("onboarding.button.skip")),a&&i.createElement(v.Error,{className:"form-error"},a)))},Pn=k.div(ln||(ln=n(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 1000;\n  background: white;\n  overflow-y: auto;\n"],["\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 1000;\n  background: white;\n  overflow-y: auto;\n"]))),kn=k.div(sn||(sn=n(["\n  height: 100%;\n  "," {\n    display: table;\n    width: 100%;\n    height: calc(100% - 25px);\n  }\n"],["\n  height: 100%;\n  "," {\n    display: table;\n    width: 100%;\n    height: calc(100% - 25px);\n  }\n"])),x.lgPcUp),Cn=k.div(cn||(cn=n(["\n  padding: 48px 24px 24px;\n\n  "," {\n    display: table-cell;\n\n    &[data-has-banner='true'] {\n      width: calc(100% - 640px);\n    }\n  }\n"],["\n  padding: 48px 24px 24px;\n\n  "," {\n    display: table-cell;\n\n    &[data-has-banner='true'] {\n      width: calc(100% - 640px);\n    }\n  }\n"])),x.lgPcUp),Sn=k.div(dn||(dn=n(["\n  width: 640px;\n  padding: 16px 16px 0 16px;\n  display: none;\n\n  "," {\n    width: 640px;\n    display: table-cell;\n  }\n"],["\n  width: 640px;\n  padding: 16px 16px 0 16px;\n  display: none;\n\n  "," {\n    width: 640px;\n    display: table-cell;\n  }\n"])),x.lgPcUp),Mn=k.div(mn||(mn=n(["\n  background-color: ",";\n  border-radius: 12px;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n\n  &[data-is-marry-baby='true'] {\n    background-color: ",";\n  }\n"],["\n  background-color: ",";\n  border-radius: 12px;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n\n  &[data-is-marry-baby='true'] {\n    background-color: ",";\n  }\n"])),E.colors.blue50,E.mbColors.tonePink),jn=k.div(pn||(pn=n(["\n  margin-top: 40px;\n  padding: 24px 40px;\n"],["\n  margin-top: 40px;\n  padding: 24px 40px;\n"]))),Tn=k(b)(un||(un=n(["\n  margin-bottom: 24px;\n  text-align: center;\n"],["\n  margin-bottom: 24px;\n  text-align: center;\n"]))),In=k(S)(gn||(gn=n([""],[""]))),Nn=k.img(bn||(bn=n(["\n  width: 100%;\n  display: block;\n"],["\n  width: 100%;\n  display: block;\n"]))),zn=k.div(hn||(hn=n([""],[""])));!function(n){n[n.Phone=0]="Phone",n[n.OTP=1]="OTP",n[n.OTPEmail=2]="OTPEmail",n[n.PersonalInfo=3]="PersonalInfo",n[n.UpdatePassword=4]="UpdatePassword",n[n.Result=5]="Result"}(fn||(fn={}));var Ln=m({}),Bn=function(n){var a=n.onClose,s=n.canSkip,c=n.flow,d=void 0===c?[fn.Phone,fn.OTP]:c,m=n.step,u=n.onPhoneSubmit,b=n.onOtpSubmit,f=n.onPersonalInfoSubmit,x=n.onCreatePassByEmail,y=n.onResendCode,v=n.otpError,P=n.personalInfoError,k=n.createPassError,C=n.emailLoading,S=n.createPassLoading,M=n.otpLoading,j=n.customFormTexts,T=n.initialData,I=n.banner,N=n.resultScreenProps,z=n.siteType,L=e(n,["onClose","canSkip","flow","step","onPhoneSubmit","onOtpSubmit","onPersonalInfoSubmit","onCreatePassByEmail","onResendCode","otpError","personalInfoError","createPassError","emailLoading","createPassLoading","otpLoading","customFormTexts","initialData","banner","resultScreenProps","siteType"]),B=w().t,O=l(m||d[0]),F=O[0],D=O[1],V=l(""),H=V[0],U=V[1],q=l(""),R=q[0],A=q[1],W=g(0,{min:0,max:2}),_=W[0],Y=W[1],K=p((function(){var n=d.indexOf(F)+1;n<=d.length-1&&D(d[n])}),[F]),Z=p((function(){var n=d.indexOf(F)-1;n>=0&&D(d[n])}),[F]),G=function(n){return t(void 0,void 0,void 0,(function(){var e;return r(this,(function(o){switch(o.label){case 0:return o.trys.push([0,2,,3]),[4,b(n)];case 1:return!o.sent()&&K(),[3,3];case 2:return e=o.sent(),console.error(e),[3,3];case 3:return[2]}}))}))},J=function(){_>=2||(Y.increment(),Z())},X="marryBaby"===z;return console.log({isMarryBaby:X}),i.createElement(Ln.Provider,{value:{siteType:z,isMarryBaby:X}},i.createElement(Pn,o({},L),d.length>0?i.createElement(kn,null,i.createElement(Cn,{"data-has-banner":"object"==typeof I},F===fn.Phone&&i.createElement(rn,{onClose:a,canSkip:s,onSubmit:function(n){return t(void 0,void 0,void 0,(function(){var e;return r(this,(function(o){switch(o.label){case 0:return o.trys.push([0,2,,3]),U(n),[4,null==u?void 0:u(n)];case 1:return o.sent(),K(),[3,3];case 2:return e=o.sent(),console.error(e),[3,3];case 3:return[2]}}))}))},customFormTexts:j.onboarding}),F===fn.OTP&&i.createElement(yn,{onClose:a,onSubmit:G,phone:H,onResendCode:y,otpError:v,loading:M,canSkip:s,onBack:J,outOfEdit:_>=2}),F===fn.OTPEmail&&i.createElement(yn,{onClose:a,onSubmit:G,onResendCode:y,otpError:v,loading:M,canSkip:s,onBack:J,outOfEdit:_>=2,email:R}),F===fn.PersonalInfo&&i.createElement(vn,{initialData:null==T?void 0:T[fn.PersonalInfo],onClose:a,canSkip:s,onSubmit:function(n){return t(void 0,void 0,void 0,(function(){var e;return r(this,(function(o){switch(o.label){case 0:return o.trys.push([0,2,,3]),A((null==n?void 0:n.email)||""),[4,null==f?void 0:f(n)];case 1:return!o.sent()&&K(),[3,3];case 2:return e=o.sent(),console.error(e),[3,3];case 3:return[2]}}))}))},errorMessage:P,loading:C}),F===fn.UpdatePassword&&i.createElement(wn,{onClose:a,canSkip:s,onSubmit:function(n){return t(void 0,void 0,void 0,(function(){var e;return r(this,(function(o){switch(o.label){case 0:return o.trys.push([0,2,,3]),[4,null==x?void 0:x(n)];case 1:return o.sent(),!k&&K(),[3,3];case 2:return e=o.sent(),console.error(e),[3,3];case 3:return[2]}}))}))},errorMessage:k,loading:S}),F===fn.Result&&i.createElement(Q,o({},N),i.createElement(h,{theme:z,size:"lg",onClick:a,className:"form-button"},B("onboarding.button.continue")))),"object"==typeof I&&i.createElement(Sn,null,i.createElement(Mn,{"data-is-marry-baby":X},i.createElement(jn,null,(null==I?void 0:I.heading)&&i.createElement(Tn,{tag:"h1"},null==I?void 0:I.heading),(null==I?void 0:I.description)&&i.createElement(In,{size:"p1",color:E.colors.gray800},B("onboarding.welcomeScreen.content"))),(null==I?void 0:I.imgSrc)&&i.createElement(zn,null,i.createElement(Nn,{src:null==I?void 0:I.imgSrc,loading:"lazy"}))))):"Incorrect flow"))};export{tn as MAPPED_LOCALE,rn as OnboardingForm,Bn as OnboardingModal,fn as OnboardingStep,yn as OtpForm};
+import{e as n,b as e,_ as o,c as t,d as r}from"./tslib.es6-3642c72f.js";import i,{useContext as a,useState as l,useRef as s,useEffect as c,useMemo as d,createContext as m,useCallback as p}from"react";import{useInterval as u,useCounter as g}from"@mantine/hooks";import{H as b}from"./index.styled-a52218e5.js";import{B as h}from"./index-2a5ec148.js";import"./gAssets.js";import"./index.styled-739b980a.js";import{c as f}from"./index-633ccc34.js";import{M as x}from"./utils-8e993d9f.js";import{t as E}from"./theme-577919e6.js";import{Container as y,Input as v}from"@mantine/core";import"./index.styled-e85a69a2.js";import{u as w}from"./useTranslations-a2cb72a1.js";import"./index-1ca2f302.js";import"lodash/debounce";import"./isProduction-6b7e910d.js";import{L as P}from"./index-a2960e3e.js";import"dayjs";import"./screenSizeContext-e3adacd2.js";import k from"styled-components";import{L as C}from"./Locale-1d334ad6.js";import"./translationsContext-20f2c96b.js";import"string-format";import{T as S}from"./index-a8609b9f.js";import{useForm as M,yupResolver as j}from"@mantine/form";import{e as T,O as I,D as N,R as z}from"./index-c774553a.js";import*as L from"yup";import B from"lodash/throttle";import{P as O}from"./index-3f979068.js";import"./index-e5394744.js";import{format as F}from"date-fns";import{V as D}from"./Visible-209535e0.js";import"./defaultClassWrapper-287877d0.js";import"@mantine/dates";import"@mantine/carousel";var V,H,U,q,R,A,W,_,Y=k.div(V||(V=n([""],[""]))),K=k(S)(H||(H=n(["\n  margin-top: 8px;\n"],["\n  margin-top: 8px;\n"]))),Z=k.div(U||(U=n(["\n  margin-top: 70px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n"],["\n  margin-top: 70px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n"]))),G=k(y)(q||(q=n(["\n  &.hhg-comp-onboarding-container.hhg-comp-onboarding-container {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    height: 100%;\n    width: 100%;\n    max-width: 520px;\n  }\n  .header {\n    margin-bottom: 32px;\n    text-align: center;\n    "," {\n      margin-bottom: 16px;\n    }\n  }\n\n  .input-control {\n    width: 100%;\n\n    label {\n      font-size: 12px;\n      line-height: 18px;\n      font-weight: 600;\n      margin-bottom: 6px;\n    }\n\n    input {\n      height: 42px;\n      line-height: 42px;\n      font-size: 14px;\n    }\n  }\n  .radio-group,\n  .input-control {\n    margin-bottom: 16px;\n  }\n  .form {\n    width: 100%;\n  }\n\n  .form-error {\n    margin-top: 32px;\n    font-size: 14px;\n  }\n\n  .field-error {\n    margin-top: 10px;\n    font-size: 14px;\n  }\n\n  .form-button {\n    width: 100%;\n  }\n"],["\n  &.hhg-comp-onboarding-container.hhg-comp-onboarding-container {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    height: 100%;\n    width: 100%;\n    max-width: 520px;\n  }\n  .header {\n    margin-bottom: 32px;\n    text-align: center;\n    "," {\n      margin-bottom: 16px;\n    }\n  }\n\n  .input-control {\n    width: 100%;\n\n    label {\n      font-size: 12px;\n      line-height: 18px;\n      font-weight: 600;\n      margin-bottom: 6px;\n    }\n\n    input {\n      height: 42px;\n      line-height: 42px;\n      font-size: 14px;\n    }\n  }\n  .radio-group,\n  .input-control {\n    margin-bottom: 16px;\n  }\n  .form {\n    width: 100%;\n  }\n\n  .form-error {\n    margin-top: 32px;\n    font-size: 14px;\n  }\n\n  .field-error {\n    margin-top: 10px;\n    font-size: 14px;\n  }\n\n  .form-button {\n    width: 100%;\n  }\n"])),x.mbDown),J=k.img(R||(R=n(["\n  margin-bottom: 38px;\n"],["\n  margin-bottom: 38px;\n"]))),Q=function(n){var t,r=n.heading,l=n.description,s=n.children,c=n.className,d=n.imgSrc,m=e(n,["heading","description","children","className","imgSrc"]),p=a(Ln),u=p.isMarryBaby,g=p.siteType;return i.createElement(G,o({},m,{className:"hhg-comp-onboarding-container ".concat(c),size:"sm"}),i.createElement(f,{type:u?g:(null===(t=P[process.env.UNIFY_LOCALE])||void 0===t?void 0:t.LOGO_TYPE)||"hellobacsi"}),i.createElement(Z,null,d&&i.createElement(J,{src:d,loading:"lazy"}),i.createElement(Y,{className:"header"},i.createElement(b,{tag:"h3"},r),i.createElement(K,{size:"p3",color:E.colors.gray600},l)),s))},X=function(n){return L.object().shape({phone:L.string().required(n("onboarding.updatePhone.error")).default("")})},$=function(n){return L.object().shape({otp:L.string().required(n("onboarding.otpForm.error")).length(6,n("onboarding.otpForm.error")).default("")})},nn=function(n){return L.object().shape({email:L.string().required(n("onboarding.errorMessage.requiredEmail")).email(n("onboarding.errorMessage.invalidEmail")).default(""),name:L.string().required(n("onboarding.errorMessage.requiredName"))})},en=function(n){return L.object().shape({password:L.string().required(n("onboarding.errorMessage.requiredPassword")).min(8,n("onboarding.errorMessage.minLength",{length:8})).matches(/.*[A-Z].*/,n("onboarding.errorMessage.passWithPattern")).default(""),confirmPassword:L.string().required(n("onboarding.errorMessage.requiredConfirmPassword")).oneOf([L.ref("password"),null],n("onboarding.errorMessage.passNotMatch")).default("")})},on=k(Q)(A||(A=n(["\n  .phone-input {\n    width: 100%;\n    margin-bottom: 32px;\n    "," {\n      margin-bottom: 16px;\n    }\n    .PhoneInput {\n      margin-bottom: 16px;\n    }\n    .PhoneInputCountry {\n      border-radius: 4px 0 0 4px;\n    }\n    .PhoneInputInput {\n      border-radius: 0 4px 4px 0;\n    }\n  }\n"],["\n  .phone-input {\n    width: 100%;\n    margin-bottom: 32px;\n    "," {\n      margin-bottom: 16px;\n    }\n    .PhoneInput {\n      margin-bottom: 16px;\n    }\n    .PhoneInputCountry {\n      border-radius: 4px 0 0 4px;\n    }\n    .PhoneInputInput {\n      border-radius: 0 4px 4px 0;\n    }\n  }\n"])),x.mbDown),tn=((W={})[C.Vietnam]="VN",W[C.Cambodia]="KH",W[C.Indonesia]="ID",W[C.Malaysia]="MY",W[C.PhilippinesEnglish]="PH",W[C.PhilippinesTagalog]="PH",W[C.Taiwan]="TW",W[C.Thailand]="TH",W[C.Myanmar]="MM",W),rn=function(n){var e=n.onClose,a=n.onSubmit,l=n.canSkip,s=void 0===l||l,c=n.customFormTexts,d=w().t,m=M({initialValues:{phone:""},validate:j(X(d))});return i.createElement(on,{heading:(null==c?void 0:c.heading)||d("onboarding.updatePhone.heading"),description:(null==c?void 0:c.description)||d("onboarding.updatePhone.description")},i.createElement("form",{onSubmit:m.onSubmit((function(n){return t(void 0,void 0,void 0,(function(){return r(this,(function(e){return a(n.phone),[2]}))}))}),(function(n){console.log(n)}))},i.createElement("div",{className:"phone-input"},i.createElement(T,o({defaultCountry:tn[process.env.UNIFY_LOCALE]||"VN"},m.getInputProps("phone"))),i.createElement(v.Error,null,m.errors.phone)),i.createElement(h,{color:"primary",isBlock:!0,size:"lg",type:"submit","data-event-category":"Sign Up","data-event-action":"Update Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},d("onboarding.button.continue")),s&&i.createElement(h,{color:"ghost",isBlock:!0,size:"lg",onClick:e,type:"button"},d("onboarding.button.skip"))))};(_={})[C.Vietnam]="VN",_[C.Cambodia]="KH",_[C.Indonesia]="ID",_[C.Malaysia]="MY",_[C.PhilippinesEnglish]="PH",_[C.PhilippinesTagalog]="PH",_[C.Taiwan]="TW",_[C.Thailand]="TH",_[C.Myanmar]="MM";var an,ln,sn,cn,dn,mn,pn,un,gn,bn,hn,fn,xn=function(n){void 0===n&&(n="");var e=n.indexOf("@"),o=n.substring(0,e),t=o.length>3?3:o.length;return n.replace(n.substring(t,e),n.slice(t,e).replace(/./g,"x"))},En=k(Q)(an||(an=n(["\n  .otp-input {\n    margin-bottom: 36px;\n    "," {\n      margin-bottom: 20px;\n    }\n    .otpContainer {\n      margin-bottom: 16px;\n    }\n  }\n  .resend {\n    display: flex;\n    gap: 6px;\n    margin-bottom: 32px;\n    "," {\n      margin-bottom: 16px;\n    }\n    a {\n      text-decoration: underline;\n      cursor: pointer;\n    }\n  }\n  .phone-description {\n    margin-left: 2px;\n    margin-top: 2px;\n  }\n  .otp-description-edit-icon {\n    cursor: pointer;\n    vertical-align: bottom;\n    /* height: 100%; */\n    margin-bottom: 3px;\n    margin-left: 3px;\n  }\n"],["\n  .otp-input {\n    margin-bottom: 36px;\n    "," {\n      margin-bottom: 20px;\n    }\n    .otpContainer {\n      margin-bottom: 16px;\n    }\n  }\n  .resend {\n    display: flex;\n    gap: 6px;\n    margin-bottom: 32px;\n    "," {\n      margin-bottom: 16px;\n    }\n    a {\n      text-decoration: underline;\n      cursor: pointer;\n    }\n  }\n  .phone-description {\n    margin-left: 2px;\n    margin-top: 2px;\n  }\n  .otp-description-edit-icon {\n    cursor: pointer;\n    vertical-align: bottom;\n    /* height: 100%; */\n    margin-bottom: 3px;\n    margin-left: 3px;\n  }\n"])),x.mbDown,x.mbDown),yn=function(n){var e=n.onSubmit,m=n.phone,p=n.email,b=n.onResendCode,f=n.otpError,x=n.onClose,y=n.loading,P=n.onBack,k=n.canSkip,C=n.outOfEdit,T=a(Ln),N=T.siteType,z=T.isMarryBaby,L=l(30),O=L[0],F=L[1],D=u((function(){return F((function(n){return n-1}))}),1e3),V=g(0,{min:0,max:3}),H=V[0],U=V[1],q=s(!0),R=w().t;c((function(){return D.start(),D.stop}),[]),c((function(){0===O&&(D.stop(),q.current=!1)}),[O]);var A=M({initialValues:{otp:""},validate:j($(R))});c((function(){f&&A.setFieldError("otp",f)}),[f]);var W=d((function(){return B((function(){q.current||(U.increment(),F(30),null==b||b(m||p),D.start(),q.current=!0)}),1e3,{trailing:!1})}),[m,p,b,D]);return i.createElement(En,{heading:R("onboarding.otpForm.heading"),description:i.createElement(i.Fragment,null,i.createElement("span",{dangerouslySetInnerHTML:{__html:m?R("onboarding.otpForm.description",{phone:'<b style="color:'.concat(E.colors.gray800,'">').concat(m.slice(0,-3).replace(/./g,"x").concat(m.slice(-3)),"</b>")}):R("onboarding.otpForm.descriptionEmail",{email:'<b style="color:'.concat(E.colors.gray800,'">').concat(xn(p),"</b>")})}}),!C&&i.createElement("svg",{onClick:function(){null==P||P()},width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"otp-description-edit-icon"},i.createElement("path",{d:"M12.7812 1.33337C12.2987 1.33337 11.8162 1.51712 11.4479 1.88546L10.6667 2.66671L13.3333 5.33337L14.1146 4.55212C14.8506 3.81612 14.8506 2.62212 14.1146 1.88546C13.7463 1.51712 13.2638 1.33337 12.7812 1.33337ZM9.66667 3.66671L2 11.3334V14H4.66667L12.3333 6.33337L9.66667 3.66671Z",fill:"#ADB3BC"})))},i.createElement("form",{onSubmit:A.onSubmit((function(n){return t(void 0,void 0,void 0,(function(){return r(this,(function(o){return U.increment(),e(n.otp),[2]}))}))}),(function(n){console.log(n)}))},i.createElement("div",{className:"otp-input"},i.createElement(I,o({enterKeyHint:void 0,nonce:void 0},A.getInputProps("otp"))),i.createElement(v.Error,null,A.errors.otp)),i.createElement("div",{className:"resend"},i.createElement(S,{size:"p4",color:E.colors.gray400},R("onboarding.otpForm.notReceiveOTP")),i.createElement(S,{as:"a",size:"p4",color:z?E.mbColors.pink:E.colors.primaryBase,onClick:W},R("onboarding.otpForm.resendCode",{seconds:O}))),i.createElement(h,{theme:N,color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:y,disabled:y,"data-event-category":"Sign Up","data-event-action":"Confirm Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},R("onboarding.button.continue")),k&&H>=3&&i.createElement(h,{theme:N,color:"ghost",isBlock:!0,size:"lg",onClick:x,type:"button"},R("onboarding.button.skip"))))},vn=function(n){var e=n.onClose,t=n.onSubmit,r=n.canSkip,l=n.loading,s=n.errorMessage,d=n.initialData,m=w().t,p=a(Ln).siteType,u=M({validate:j(nn(m))});return c((function(){u.setValues(o(o({gender:"0"},d),(null==d?void 0:d.birthday)&&{birthday:new Date(d.birthday)}))}),[d]),c((function(){s&&u.setFieldError("email",s)}),[s]),i.createElement(Q,{heading:m("onboarding.formEmail.heading"),description:m("onboarding.formEmail.description")},i.createElement("form",{className:"form",onSubmit:u.onSubmit((function(n){t(o(o({},n),{birthday:n.birthday&&F(n.birthday,"yyyy-MM-dd")}))}),(function(n){console.log({fieldErrors:n})}))},i.createElement(v.Wrapper,{label:m("onboarding.formEmail.yourName"),className:"input-control",withAsterisk:!0},i.createElement(v,o({},u.getInputProps("name"))),i.createElement(v.Error,{className:"field-error"},u.errors.name)),i.createElement(v.Wrapper,{label:m("onboarding.formEmail.yourEmail"),className:"input-control",withAsterisk:!0},i.createElement(v,o({},u.getInputProps("email"))),i.createElement(v.Error,{className:"field-error"},u.errors.email)),i.createElement(N,o({className:"input-control",label:m("onboarding.formEmail.yourBirthday")},u.getInputProps("birthday"))),i.createElement(z.Group,{value:u.values.gender,onChange:function(n){return u.setFieldValue("gender",n)},className:"radio-group"},i.createElement(z,{value:"0",label:m("onboarding.formEmail.genderMale")}),i.createElement(z,{value:"1",label:m("onboarding.formEmail.genderFemale")})),i.createElement(h,{color:"primary",isBlock:!0,size:"lg",type:"submit",theme:p,isLoading:l,disabled:l},m("onboarding.button.continue")),r&&i.createElement(h,{theme:p,color:"ghost",isBlock:!0,size:"lg",onClick:e},m("onboarding.button.skip"))))},wn=function(n){var e=n.onClose,t=n.onSubmit,r=n.canSkip,a=n.errorMessage,l=n.loading,s=w().t,c=M({initialValues:{password:"",confirmPassword:""},validate:j(en(s))});return i.createElement(Q,{heading:s("onboarding.updatePassword.heading"),description:s("onboarding.updatePassword.description")},i.createElement("form",{className:"form",onSubmit:c.onSubmit((function(n){return t((null==n?void 0:n.password)||"")}),(function(n){console.log({fieldErrors:n})}))},i.createElement(O,o({label:s("onboarding.updatePassword.password"),withAsterisk:!0,rightSection:i.createElement(D,null)},c.getInputProps("password"))),i.createElement(O,o({label:s("onboarding.updatePassword.confirmPassword"),withAsterisk:!0,rightSection:i.createElement(D,null)},c.getInputProps("confirmPassword"))),i.createElement(h,{color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:l,disabled:l},s("onboarding.button.continue")),r&&i.createElement(h,{color:"ghost",isBlock:!0,size:"lg",onClick:e},s("onboarding.button.skip")),a&&i.createElement(v.Error,{className:"form-error"},a)))},Pn=k.div(ln||(ln=n(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 1000;\n  background: white;\n  overflow-y: auto;\n"],["\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 1000;\n  background: white;\n  overflow-y: auto;\n"]))),kn=k.div(sn||(sn=n(["\n  height: 100%;\n  "," {\n    display: table;\n    width: 100%;\n    height: calc(100% - 25px);\n  }\n"],["\n  height: 100%;\n  "," {\n    display: table;\n    width: 100%;\n    height: calc(100% - 25px);\n  }\n"])),x.lgPcUp),Cn=k.div(cn||(cn=n(["\n  padding: 48px 24px 24px;\n\n  "," {\n    display: table-cell;\n\n    &[data-has-banner='true'] {\n      width: calc(100% - 640px);\n    }\n  }\n"],["\n  padding: 48px 24px 24px;\n\n  "," {\n    display: table-cell;\n\n    &[data-has-banner='true'] {\n      width: calc(100% - 640px);\n    }\n  }\n"])),x.lgPcUp),Sn=k.div(dn||(dn=n(["\n  width: 640px;\n  padding: 16px 16px 0 16px;\n  display: none;\n\n  "," {\n    width: 640px;\n    display: table-cell;\n  }\n"],["\n  width: 640px;\n  padding: 16px 16px 0 16px;\n  display: none;\n\n  "," {\n    width: 640px;\n    display: table-cell;\n  }\n"])),x.lgPcUp),Mn=k.div(mn||(mn=n(["\n  background-color: ",";\n  border-radius: 12px;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n\n  &[data-is-marry-baby='true'] {\n    background-color: ",";\n  }\n"],["\n  background-color: ",";\n  border-radius: 12px;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n\n  &[data-is-marry-baby='true'] {\n    background-color: ",";\n  }\n"])),E.colors.blue50,E.mbColors.tonePink),jn=k.div(pn||(pn=n(["\n  margin-top: 40px;\n  padding: 24px 40px;\n"],["\n  margin-top: 40px;\n  padding: 24px 40px;\n"]))),Tn=k(b)(un||(un=n(["\n  margin-bottom: 24px;\n  text-align: center;\n"],["\n  margin-bottom: 24px;\n  text-align: center;\n"]))),In=k(S)(gn||(gn=n([""],[""]))),Nn=k.img(bn||(bn=n(["\n  width: 100%;\n  display: block;\n"],["\n  width: 100%;\n  display: block;\n"]))),zn=k.div(hn||(hn=n([""],[""])));!function(n){n[n.Phone=0]="Phone",n[n.OTP=1]="OTP",n[n.OTPEmail=2]="OTPEmail",n[n.PersonalInfo=3]="PersonalInfo",n[n.UpdatePassword=4]="UpdatePassword",n[n.Result=5]="Result"}(fn||(fn={}));var Ln=m({}),Bn=function(n){var a=n.onClose,s=n.canSkip,c=n.flow,d=void 0===c?[fn.Phone,fn.OTP]:c,m=n.step,u=n.onPhoneSubmit,b=n.onOtpSubmit,f=n.onPersonalInfoSubmit,x=n.onCreatePassByEmail,y=n.onResendCode,v=n.otpError,P=n.personalInfoError,k=n.createPassError,C=n.emailLoading,S=n.createPassLoading,M=n.otpLoading,j=n.customFormTexts,T=n.initialData,I=n.banner,N=n.resultScreenProps,z=n.siteType,L=e(n,["onClose","canSkip","flow","step","onPhoneSubmit","onOtpSubmit","onPersonalInfoSubmit","onCreatePassByEmail","onResendCode","otpError","personalInfoError","createPassError","emailLoading","createPassLoading","otpLoading","customFormTexts","initialData","banner","resultScreenProps","siteType"]),B=w().t,O=l(m||d[0]),F=O[0],D=O[1],V=l(""),H=V[0],U=V[1],q=l(""),R=q[0],A=q[1],W=g(0,{min:0,max:2}),_=W[0],Y=W[1],K=p((function(){var n=d.indexOf(F)+1;n<=d.length-1&&D(d[n])}),[F]),Z=p((function(){var n=d.indexOf(F)-1;n>=0&&D(d[n])}),[F]),G=function(n){return t(void 0,void 0,void 0,(function(){var e;return r(this,(function(o){switch(o.label){case 0:return o.trys.push([0,2,,3]),[4,b(n)];case 1:return!o.sent()&&K(),[3,3];case 2:return e=o.sent(),console.error(e),[3,3];case 3:return[2]}}))}))},J=function(){_>=2||(Y.increment(),Z())},X="marryBaby"===z;return console.log({isMarryBaby:X}),i.createElement(Ln.Provider,{value:{siteType:z,isMarryBaby:X}},i.createElement(Pn,o({},L),d.length>0?i.createElement(kn,null,i.createElement(Cn,{"data-has-banner":"object"==typeof I},F===fn.Phone&&i.createElement(rn,{onClose:a,canSkip:s,onSubmit:function(n){return t(void 0,void 0,void 0,(function(){var e;return r(this,(function(o){switch(o.label){case 0:return o.trys.push([0,2,,3]),U(n),[4,null==u?void 0:u(n)];case 1:return o.sent(),K(),[3,3];case 2:return e=o.sent(),console.error(e),[3,3];case 3:return[2]}}))}))},customFormTexts:j.onboarding}),F===fn.OTP&&i.createElement(yn,{onClose:a,onSubmit:G,phone:H,onResendCode:y,otpError:v,loading:M,canSkip:s,onBack:J,outOfEdit:_>=2}),F===fn.OTPEmail&&i.createElement(yn,{onClose:a,onSubmit:G,onResendCode:y,otpError:v,loading:M,canSkip:s,onBack:J,outOfEdit:_>=2,email:R}),F===fn.PersonalInfo&&i.createElement(vn,{initialData:null==T?void 0:T[fn.PersonalInfo],onClose:a,canSkip:s,onSubmit:function(n){return t(void 0,void 0,void 0,(function(){var e;return r(this,(function(o){switch(o.label){case 0:return o.trys.push([0,2,,3]),A((null==n?void 0:n.email)||""),[4,null==f?void 0:f(n)];case 1:return!o.sent()&&K(),[3,3];case 2:return e=o.sent(),console.error(e),[3,3];case 3:return[2]}}))}))},errorMessage:P,loading:C}),F===fn.UpdatePassword&&i.createElement(wn,{onClose:a,canSkip:s,onSubmit:function(n){return t(void 0,void 0,void 0,(function(){var e;return r(this,(function(o){switch(o.label){case 0:return o.trys.push([0,2,,3]),[4,null==x?void 0:x(n)];case 1:return o.sent(),!k&&K(),[3,3];case 2:return e=o.sent(),console.error(e),[3,3];case 3:return[2]}}))}))},errorMessage:k,loading:S}),F===fn.Result&&i.createElement(Q,o({},N),i.createElement(h,{theme:z,size:"lg",onClick:a,className:"form-button"},B("onboarding.button.continue")))),"object"==typeof I&&i.createElement(Sn,null,i.createElement(Mn,{"data-is-marry-baby":X},i.createElement(jn,null,(null==I?void 0:I.heading)&&i.createElement(Tn,{tag:"h1"},null==I?void 0:I.heading),(null==I?void 0:I.description)&&i.createElement(In,{size:"p1",color:E.colors.gray800},B("onboarding.welcomeScreen.content"))),(null==I?void 0:I.imgSrc)&&i.createElement(zn,null,i.createElement(Nn,{src:null==I?void 0:I.imgSrc,loading:"lazy"}))))):"Incorrect flow"))};export{tn as MAPPED_LOCALE,rn as OnboardingForm,Bn as OnboardingModal,fn as OnboardingStep,yn as OtpForm};

package/build/esm/pwg.js

@@ -1 +1 @@
-import{_ as e,e as n,b as t}from"./tslib.es6-f7955333.js";import r,{useMemo as a,useState as l,useRef as o}from"react";import{M as i,a as c}from"./index-785e1e6c.js";import{T as s}from"./index-a5266555.js";import{P as d}from"./index-b8b9bdf3.js";import{u as p}from"./useTranslations-9e48e8b9.js";import{t as m}from"./theme-81ec37fe.js";import{ResponsiveContainer as u,AreaChart as g,CartesianGrid as f,Tooltip as x,XAxis as y,YAxis as b,Area as h,ReferenceDot as k}from"recharts";import{C as v}from"./index-88ec3ad2.js";import{u as w}from"./useOutsideClick-07214717.js";import E from"styled-components";import"./index.styled-a2b84cf6.js";import"./Locale-5e66312f.js";import"./index.styled-1aacb0d5.js";import"./gAssets.js";import"./index-fe1c4ff3.js";import"./isProduction-33e7c093.js";import"./index-3b4909e3.js";import"@mantine/carousel";import"@mantine/hooks";import"./translationsContext-c7a3e170.js";import"string-format";var C,j,T,B,W=function(n){var t=n.weightByWeek,r=n.weightBefore,a=n.toolTipLabel,l=n.status,o=n.activeWeek,i=(0,n.t)("bmi.result.".concat(l));return t.map((function(n){return e({name:n.week,min:r+n.min,difference:n.max-n.min,max:r+n.max},n.week===o?{toolTipLabel:a,translatedStatus:i,status:l}:{})}))},L=function(e){var n=e.x,t=e.y,a=e.payload;return e.activeWeek===a.value?r.createElement("g",{transform:"translate(".concat(n,",").concat(t,")")},r.createElement("circle",{r:12,fill:"marryBaby"===e.siteType?m.mbColors.pink:m.colors.primaryBase}),r.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:m.colors.white,fontFamily:"Inter",fontWeight:"600",fontSize:"12px"},a.value)):r.createElement("g",{transform:"translate(".concat(n,",").concat(t,")")},r.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:m.colors.gray600,fontFamily:"Inter",fontWeight:"400",fontSize:"12px"},a.value))},z=E.div(C||(C=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"],["\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"])),m.colors.yellow600),S=E.div(j||(j=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"],["\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"]))),F=E.div(T||(T=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"],["\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"]))),I=[{name:"overweight",backgroundColor:m.colors.yellow50,color:m.colors.yellow900},{name:"underweight",backgroundColor:m.colors.yellow50,color:m.colors.yellow900},{name:"healthy",backgroundColor:m.colors.green50,color:m.colors.green900}],M=function(e){var n,t,l,o,i,c=e.payload,d=e.active,p=null===(n=null==c?void 0:c[0])||void 0===n?void 0:n.payload;if(!p||!p.toolTipLabel||!d)return null;var u=a((function(){return I.find((function(e){return e.name===p.status}))}),[null==p?void 0:p.status]),g=u.backgroundColor,f=u.color;return r.createElement(z,null,r.createElement("div",null,null===(t=p.toolTipLabel)||void 0===t?void 0:t[0]," ",null===(l=p.toolTipLabel)||void 0===l?void 0:l[1]),r.createElement("div",null,(null===(o=p.toolTipLabel)||void 0===o?void 0:o[2])&&r.createElement(s,{as:"span",size:"s3",color:m.colors.gray800,type:"semiBold"},null===(i=p.toolTipLabel)||void 0===i?void 0:i[2]),r.createElement("div",{className:"risk",style:{backgroundColor:g}},r.createElement(s,{size:"n1",color:f},p.translatedStatus))))},N=function(n){var t=n.weightBefore,c=n.weightByWeek,d=n.activeWeek,E=n.currentWeight,C=n.toolTipLabel,j=void 0===C?[]:C,T=n.status,B=n.withLine,z=void 0!==B&&B,F=n.siteType,I=p().t,N="marryBaby"===F,P=a((function(){return W({weightByWeek:c,weightBefore:t,toolTipLabel:j,status:T,activeWeek:d,t:I})}),[c,t,j,T,d]),A=l(!1),G=A[0],K=A[1],D=o(null);return w(D,(function(){return K(!1)})),r.createElement(S,null,N?r.createElement(i,{type:"bodytext-3",color:m.mbColors.dark}," ",I("babyGrowth.weight")," ",I("pregnancyWeightGain.weightInput.desc")):r.createElement(s,{size:"n1",color:m.colors.gray500},I("babyGrowth.weight")," ",I("pregnancyWeightGain.weightInput.desc")),Array.isArray(P)&&P.length>0&&r.createElement(S,null,r.createElement(u,{height:388,className:"chart"},r.createElement(g,{data:P,margin:{top:16,right:0,left:0}},r.createElement(f,{stroke:m.colors.neutral100}),r.createElement(x,{trigger:"click",content:function(n){return r.createElement(M,e({active:!z&&G&&void 0!==d&&void 0!==E},n))}}),r.createElement(y,{type:"number",scale:"linear",ticks:Array.from({length:40},(function(e,n){return n+1})),dataKey:"name",tickLine:!1,tickMargin:12,tick:function(n){return r.createElement(L,e({},n,{activeWeek:d,siteType:F}))},domain:["dataMin","dataMax"],interval:"preserveStartEnd",tickCount:1,allowDecimals:!1}),r.createElement(b,{domain:[function(e){return Math.max(e,t-10||e)},function(e){return Math.max(e,t+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:m.colors.gray600}}),r.createElement(h,{connectNulls:!0,type:"monotone",dataKey:"min",stackId:"1",stroke:"transparent",fill:"transparent"}),r.createElement(h,{connectNulls:!0,type:"monotone",dataKey:"difference",stackId:"1",stroke:"transparent",fill:N?m.mbColors.tonePink:m.colors.blue100}),void 0!==d&&void 0!==E&&r.createElement(k,{onClick:function(){return K(!0)},x:0===d?1:d,y:E,r:4,shape:r.createElement(v,{ref:D,r:4}),fill:N?m.mbColors.pink:m.colors.primaryBase,stroke:N?m.mbColors.pink:m.colors.primaryBase}))),r.createElement("div",{className:"custom-chart-label"},r.createElement("i",null),N?r.createElement(i,{type:"bodytext-3",color:m.mbColors.dark},I("pregnancy.week")):r.createElement(s,{size:"n1",color:m.colors.gray500},I("pregnancy.week")))))},P=function(n){var a=n.color,l=t(n,["color"]);return r.createElement("svg",e({width:"8",height:"8",viewBox:"0 0 8 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},l),r.createElement("circle",{cx:"4",cy:"4",r:"4",fill:a||m.colors.primaryBase}))},A=function(e){var n=e.idealWeight,t=e.siteType,a=p().t,l="marryBaby"===t;return r.createElement(F,null,r.createElement("div",null,l?r.createElement(r.Fragment,null,r.createElement(P,{color:m.mbColors.lightPink}),r.createElement(i,{type:"bodytext-3",color:m.mbColors.dark},a("pregnancyTool.weightSuggested")," ",r.createElement(s,{size:"n1",color:m.colors.gray800,type:"bold",as:"span"},n))):r.createElement(r.Fragment,null,r.createElement(P,{color:m.colors.blue100}),r.createElement(s,{size:"n1",color:m.colors.gray600},r.createElement(s,{size:"n1",as:"span"},a("pregnancyTool.weightSuggested")," "),r.createElement(s,{size:"n1",color:m.colors.gray800,type:"bold",as:"span"},n)))),r.createElement("div",null,l?r.createElement(r.Fragment,null,r.createElement(P,{color:m.mbColors.pink}),r.createElement(i,{type:"bodytext-3",color:m.mbColors.dark},a("pwg.placeholder.weight"))):r.createElement(r.Fragment,null,r.createElement(P,null),r.createElement(s,{size:"n1",color:m.colors.gray600},a("pwg.placeholder.weight")))))},G=E.div(B||(B=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"],["\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"])),m.colors.neutral100),K=function(n){var t=n.chartProps,a=n.pillCarouselProps,l=n.idealWeight,o=n.description,i=n.siteType,u=p().t,g="marryBaby"===i;return r.createElement(G,null,r.createElement("div",{className:"chart-header"},g?r.createElement(c,{type:"h3",color:m.mbColors.dark},u("pregnancyTool.weightSuggested")):r.createElement(s,{size:"s1",type:"semiBold",color:m.colors.gray800},u("pregnancyTool.weightSuggested")),o&&o),r.createElement(d,e({},a)),r.createElement("div",null,r.createElement(A,{idealWeight:l,siteType:i}),r.createElement(N,e({},t,{siteType:i}))))};export{K as PregnancyWeightGainChart};
+import{_ as e,e as n,b as t}from"./tslib.es6-3642c72f.js";import r,{useMemo as a,useState as l,useRef as o}from"react";import{M as i,a as c}from"./index-dd619fd2.js";import{T as s}from"./index-a8609b9f.js";import{P as d}from"./index-ffa6d331.js";import{u as p}from"./useTranslations-a2cb72a1.js";import{t as m}from"./theme-577919e6.js";import{ResponsiveContainer as u,AreaChart as g,CartesianGrid as f,Tooltip as x,XAxis as y,YAxis as b,Area as h,ReferenceDot as k}from"recharts";import{C as v}from"./index-1ca2f302.js";import{u as w}from"./useOutsideClick-c0a415f5.js";import E from"styled-components";import"./index.styled-e85a69a2.js";import"./Locale-1d334ad6.js";import"./index.styled-cb086df8.js";import"./gAssets.js";import"./index-a2960e3e.js";import"./isProduction-6b7e910d.js";import"./index-e5394744.js";import"@mantine/carousel";import"@mantine/hooks";import"./translationsContext-20f2c96b.js";import"string-format";var C,j,T,B,W=function(n){var t=n.weightByWeek,r=n.weightBefore,a=n.toolTipLabel,l=n.status,o=n.activeWeek,i=(0,n.t)("bmi.result.".concat(l));return t.map((function(n){return e({name:n.week,min:r+n.min,difference:n.max-n.min,max:r+n.max},n.week===o?{toolTipLabel:a,translatedStatus:i,status:l}:{})}))},L=function(e){var n=e.x,t=e.y,a=e.payload;return e.activeWeek===a.value?r.createElement("g",{transform:"translate(".concat(n,",").concat(t,")")},r.createElement("circle",{r:12,fill:"marryBaby"===e.siteType?m.mbColors.pink:m.colors.primaryBase}),r.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:m.colors.white,fontFamily:"Inter",fontWeight:"600",fontSize:"12px"},a.value)):r.createElement("g",{transform:"translate(".concat(n,",").concat(t,")")},r.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:m.colors.gray600,fontFamily:"Inter",fontWeight:"400",fontSize:"12px"},a.value))},z=E.div(C||(C=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"],["\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"])),m.colors.yellow600),S=E.div(j||(j=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"],["\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"]))),F=E.div(T||(T=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"],["\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"]))),I=[{name:"overweight",backgroundColor:m.colors.yellow50,color:m.colors.yellow900},{name:"underweight",backgroundColor:m.colors.yellow50,color:m.colors.yellow900},{name:"healthy",backgroundColor:m.colors.green50,color:m.colors.green900}],M=function(e){var n,t,l,o,i,c=e.payload,d=e.active,p=null===(n=null==c?void 0:c[0])||void 0===n?void 0:n.payload;if(!p||!p.toolTipLabel||!d)return null;var u=a((function(){return I.find((function(e){return e.name===p.status}))}),[null==p?void 0:p.status]),g=u.backgroundColor,f=u.color;return r.createElement(z,null,r.createElement("div",null,null===(t=p.toolTipLabel)||void 0===t?void 0:t[0]," ",null===(l=p.toolTipLabel)||void 0===l?void 0:l[1]),r.createElement("div",null,(null===(o=p.toolTipLabel)||void 0===o?void 0:o[2])&&r.createElement(s,{as:"span",size:"s3",color:m.colors.gray800,type:"semiBold"},null===(i=p.toolTipLabel)||void 0===i?void 0:i[2]),r.createElement("div",{className:"risk",style:{backgroundColor:g}},r.createElement(s,{size:"n1",color:f},p.translatedStatus))))},N=function(n){var t=n.weightBefore,c=n.weightByWeek,d=n.activeWeek,E=n.currentWeight,C=n.toolTipLabel,j=void 0===C?[]:C,T=n.status,B=n.withLine,z=void 0!==B&&B,F=n.siteType,I=p().t,N="marryBaby"===F,P=a((function(){return W({weightByWeek:c,weightBefore:t,toolTipLabel:j,status:T,activeWeek:d,t:I})}),[c,t,j,T,d]),A=l(!1),G=A[0],K=A[1],D=o(null);return w(D,(function(){return K(!1)})),r.createElement(S,null,N?r.createElement(i,{type:"bodytext-3",color:m.mbColors.dark}," ",I("babyGrowth.weight")," ",I("pregnancyWeightGain.weightInput.desc")):r.createElement(s,{size:"n1",color:m.colors.gray500},I("babyGrowth.weight")," ",I("pregnancyWeightGain.weightInput.desc")),Array.isArray(P)&&P.length>0&&r.createElement(S,null,r.createElement(u,{height:388,className:"chart"},r.createElement(g,{data:P,margin:{top:16,right:0,left:0}},r.createElement(f,{stroke:m.colors.neutral100}),r.createElement(x,{trigger:"click",content:function(n){return r.createElement(M,e({active:!z&&G&&void 0!==d&&void 0!==E},n))}}),r.createElement(y,{type:"number",scale:"linear",ticks:Array.from({length:40},(function(e,n){return n+1})),dataKey:"name",tickLine:!1,tickMargin:12,tick:function(n){return r.createElement(L,e({},n,{activeWeek:d,siteType:F}))},domain:["dataMin","dataMax"],interval:"preserveStartEnd",tickCount:1,allowDecimals:!1}),r.createElement(b,{domain:[function(e){return Math.max(e,t-10||e)},function(e){return Math.max(e,t+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:m.colors.gray600}}),r.createElement(h,{connectNulls:!0,type:"monotone",dataKey:"min",stackId:"1",stroke:"transparent",fill:"transparent"}),r.createElement(h,{connectNulls:!0,type:"monotone",dataKey:"difference",stackId:"1",stroke:"transparent",fill:N?m.mbColors.tonePink:m.colors.blue100}),void 0!==d&&void 0!==E&&r.createElement(k,{onClick:function(){return K(!0)},x:0===d?1:d,y:E,r:4,shape:r.createElement(v,{ref:D,r:4}),fill:N?m.mbColors.pink:m.colors.primaryBase,stroke:N?m.mbColors.pink:m.colors.primaryBase}))),r.createElement("div",{className:"custom-chart-label"},r.createElement("i",null),N?r.createElement(i,{type:"bodytext-3",color:m.mbColors.dark},I("pregnancy.week")):r.createElement(s,{size:"n1",color:m.colors.gray500},I("pregnancy.week")))))},P=function(n){var a=n.color,l=t(n,["color"]);return r.createElement("svg",e({width:"8",height:"8",viewBox:"0 0 8 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},l),r.createElement("circle",{cx:"4",cy:"4",r:"4",fill:a||m.colors.primaryBase}))},A=function(e){var n=e.idealWeight,t=e.siteType,a=p().t,l="marryBaby"===t;return r.createElement(F,null,r.createElement("div",null,l?r.createElement(r.Fragment,null,r.createElement(P,{color:m.mbColors.lightPink}),r.createElement(i,{type:"bodytext-3",color:m.mbColors.dark},a("pregnancyTool.weightSuggested")," ",r.createElement(s,{size:"n1",color:m.colors.gray800,type:"bold",as:"span"},n))):r.createElement(r.Fragment,null,r.createElement(P,{color:m.colors.blue100}),r.createElement(s,{size:"n1",color:m.colors.gray600},r.createElement(s,{size:"n1",as:"span"},a("pregnancyTool.weightSuggested")," "),r.createElement(s,{size:"n1",color:m.colors.gray800,type:"bold",as:"span"},n)))),r.createElement("div",null,l?r.createElement(r.Fragment,null,r.createElement(P,{color:m.mbColors.pink}),r.createElement(i,{type:"bodytext-3",color:m.mbColors.dark},a("pwg.placeholder.weight"))):r.createElement(r.Fragment,null,r.createElement(P,null),r.createElement(s,{size:"n1",color:m.colors.gray600},a("pwg.placeholder.weight")))))},G=E.div(B||(B=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"],["\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"])),m.colors.neutral100),K=function(n){var t=n.chartProps,a=n.pillCarouselProps,l=n.idealWeight,o=n.description,i=n.siteType,u=p().t,g="marryBaby"===i;return r.createElement(G,null,r.createElement("div",{className:"chart-header"},g?r.createElement(c,{type:"h3",color:m.mbColors.dark},u("pregnancyTool.weightSuggested")):r.createElement(s,{size:"s1",type:"semiBold",color:m.colors.gray800},u("pregnancyTool.weightSuggested")),o&&o),r.createElement(d,e({},a)),r.createElement("div",null,r.createElement(A,{idealWeight:l,siteType:i}),r.createElement(N,e({},t,{siteType:i}))))};export{K as PregnancyWeightGainChart};

package/build/esm/routing-6c0f67f3.js

@@ -0,0 +1 @@
+import{d as t}from"./index-a2960e3e.js";import{i as o}from"./isProduction-6b7e910d.js";var c=function(c,e){var n="development"===process.env.NEXT_PUBLIC_DEPLOY_ENV;return n?"http://localhost:3000":"https://".concat(!n&&!o?e?"fe.":"discover.":e?"www.":"").concat(t[e?"vi-VN_MB":c])},e=function(c,e){return"https://".concat(o?"id.":"staging-id.").concat(t[e?"vi-VN_MB":c])},n=function(){return"https://".concat(o?"together.":"staging-together.","hellohealthgroup.com")},a=function(c){return"https://".concat(o?"wp.":"staging.").concat(t[c])},r=function(){return"https://".concat(o?"health-care.":"service-health-care.","hellohealthgroup.com")};export{e as a,n as b,a as c,r as d,c as g};

package/build/esm/{screenSizeContext-4116f67f.js → screenSizeContext-e3adacd2.js}

@@ -1 +1 @@
-import{e as n,_ as t}from"./tslib.es6-f7955333.js";import{keyframes as r}from"styled-components";import i,{createContext as a,useState as s,useEffect as o,useMemo as e}from"react";import d from"lodash/throttle";import{B as f}from"./utils-f9dbedef.js";var l,m,v,b,y,h,u,_,c,E=r(l||(l=n(["\nfrom {\n  transform: translate3d(0, 100%, 0);\n  visibility: visible;\n}\n\nto {\n  transform: translate3d(0, 0, 0);\n}\n"],["\nfrom {\n  transform: translate3d(0, 100%, 0);\n  visibility: visible;\n}\n\nto {\n  transform: translate3d(0, 0, 0);\n}\n"]))),p=r(m||(m=n(["\nfrom {\n    transform: translate3d(0, -100%, 0);\n    visibility: visible;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"],["\nfrom {\n    transform: translate3d(0, -100%, 0);\n    visibility: visible;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"]))),w=r(v||(v=n(["\n from {\n    transform: translate3d(-100%, 0, 0);\n    visibility: visible;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"],["\n from {\n    transform: translate3d(-100%, 0, 0);\n    visibility: visible;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"]))),B=r(b||(b=n(["\n from {\n    transform: translate3d(100%, 0, 0);\n    visibility: visible;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"],["\n from {\n    transform: translate3d(100%, 0, 0);\n    visibility: visible;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"]))),I=r(y||(y=n(["\nfrom {\n  transform: translate3d(0, 0, 0);\n}\n\nto {\n  visibility: hidden;\n  transform: translate3d(0, 100%, 0);\n}\n"],["\nfrom {\n  transform: translate3d(0, 0, 0);\n}\n\nto {\n  visibility: hidden;\n  transform: translate3d(0, 100%, 0);\n}\n"]))),A=r(h||(h=n(["\nfrom {\n  transform: translate3d(0, 0, 0);\n}\n\nto {\n  visibility: hidden;\n  transform: translate3d(-100%, 0, 0);\n}\n"],["\nfrom {\n  transform: translate3d(0, 0, 0);\n}\n\nto {\n  visibility: hidden;\n  transform: translate3d(-100%, 0, 0);\n}\n"]))),L=r(u||(u=n(["\nfrom {\n  transform: translate3d(0, 0, 0);\n}\n\nto {\n  visibility: hidden;\n  transform: translate3d(100%, 0, 0);\n}\n"],["\nfrom {\n  transform: translate3d(0, 0, 0);\n}\n\nto {\n  visibility: hidden;\n  transform: translate3d(100%, 0, 0);\n}\n"]))),O=r(_||(_=n(["\n from {\n    transform: translate3d(0, 0, 0);\n  }\n\n  to {\n    visibility: hidden;\n    transform: translate3d(0, -100%, 0);\n  }\n"],["\n from {\n    transform: translate3d(0, 0, 0);\n  }\n\n  to {\n    visibility: hidden;\n    transform: translate3d(0, -100%, 0);\n  }\n"]))),T=r(c||(c=n(["\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n"],["\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n"]))),P=a({isInit:!0}),K=function(n){var t=function(n){return"number"==typeof n?n:"undefined"!=typeof window&&window.innerWidth||0}(n);return{smallMobile:t<f.BREAK_POINT_SMALL_MOBILE,mobile:t>=f.BREAK_POINT_SMALL_MOBILE&&t<f.BREAK_POINT_MOBILE,tablet:t>=f.BREAK_POINT_MOBILE&&t<f.BREAK_POINT_TABLET,pc:t>=f.BREAK_POINT_TABLET&&t<f.BREAK_POINT_PC,xl:t>=f.BREAK_POINT_PC}},N=function(n){var r=n.children,a=s((function(){return{isInit:!0}})),f=a[0],l=a[1];o((function(){var n=d((function(){l({width:window.innerWidth,height:window.innerHeight,isInit:!1})}),200);return window.addEventListener("resize",n,{passive:!0}),function(){window.removeEventListener("resize",n)}}),[]);var m=e((function(){return K(f.width)}),[f.width]);return i.createElement(P.Provider,{value:t(t({},f),{sizeGroups:m})},r)};export{P as S,p as a,w as b,B as c,O as d,I as e,A as f,L as g,T as h,K as i,N as j,E as s};
+import{e as n,_ as t}from"./tslib.es6-3642c72f.js";import{keyframes as r}from"styled-components";import i,{createContext as a,useState as s,useEffect as o,useMemo as e}from"react";import l from"lodash/throttle";import{B as d}from"./utils-8e993d9f.js";var f,m,v,b,y,h,c,u,_,E=r(f||(f=n(["\nfrom {\n  transform: translate3d(0, 100%, 0);\n  visibility: visible;\n}\n\nto {\n  transform: translate3d(0, 0, 0);\n}\n"],["\nfrom {\n  transform: translate3d(0, 100%, 0);\n  visibility: visible;\n}\n\nto {\n  transform: translate3d(0, 0, 0);\n}\n"]))),p=r(m||(m=n(["\nfrom {\n    transform: translate3d(0, -100%, 0);\n    visibility: visible;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"],["\nfrom {\n    transform: translate3d(0, -100%, 0);\n    visibility: visible;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"]))),w=r(v||(v=n(["\n from {\n    transform: translate3d(-100%, 0, 0);\n    visibility: visible;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"],["\n from {\n    transform: translate3d(-100%, 0, 0);\n    visibility: visible;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"]))),B=r(b||(b=n(["\n from {\n    transform: translate3d(100%, 0, 0);\n    visibility: visible;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"],["\n from {\n    transform: translate3d(100%, 0, 0);\n    visibility: visible;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"]))),I=r(y||(y=n(["\nfrom {\n  transform: translate3d(0, 0, 0);\n}\n\nto {\n  visibility: hidden;\n  transform: translate3d(0, 100%, 0);\n}\n"],["\nfrom {\n  transform: translate3d(0, 0, 0);\n}\n\nto {\n  visibility: hidden;\n  transform: translate3d(0, 100%, 0);\n}\n"]))),A=r(h||(h=n(["\nfrom {\n  transform: translate3d(0, 0, 0);\n}\n\nto {\n  visibility: hidden;\n  transform: translate3d(-100%, 0, 0);\n}\n"],["\nfrom {\n  transform: translate3d(0, 0, 0);\n}\n\nto {\n  visibility: hidden;\n  transform: translate3d(-100%, 0, 0);\n}\n"]))),L=r(c||(c=n(["\nfrom {\n  transform: translate3d(0, 0, 0);\n}\n\nto {\n  visibility: hidden;\n  transform: translate3d(100%, 0, 0);\n}\n"],["\nfrom {\n  transform: translate3d(0, 0, 0);\n}\n\nto {\n  visibility: hidden;\n  transform: translate3d(100%, 0, 0);\n}\n"]))),O=r(u||(u=n(["\n from {\n    transform: translate3d(0, 0, 0);\n  }\n\n  to {\n    visibility: hidden;\n    transform: translate3d(0, -100%, 0);\n  }\n"],["\n from {\n    transform: translate3d(0, 0, 0);\n  }\n\n  to {\n    visibility: hidden;\n    transform: translate3d(0, -100%, 0);\n  }\n"]))),T=r(_||(_=n(["\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n"],["\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n"]))),P=a({isInit:!0}),K=function(n){var t=function(n){return"number"==typeof n?n:"undefined"!=typeof window&&window.innerWidth||0}(n);return{smallMobile:t<d.BREAK_POINT_SMALL_MOBILE,mobile:t>=d.BREAK_POINT_SMALL_MOBILE&&t<d.BREAK_POINT_MOBILE,tablet:t>=d.BREAK_POINT_MOBILE&&t<d.BREAK_POINT_TABLET,pc:t>=d.BREAK_POINT_TABLET&&t<d.BREAK_POINT_PC,xl:t>=d.BREAK_POINT_PC}},N=function(n){var r=n.children,a=s((function(){return{isInit:!0}})),d=a[0],f=a[1];o((function(){var n=l((function(){f({width:window.innerWidth,height:window.innerHeight,isInit:!1})}),200);return window.addEventListener("resize",n,{passive:!0}),function(){window.removeEventListener("resize",n)}}),[]);var m=e((function(){return K(d.width)}),[d.width]);return i.createElement(P.Provider,{value:t(t({},d),{sizeGroups:m})},r)};export{P as S,p as a,w as b,B as c,O as d,I as e,A as f,L as g,T as h,K as i,N as j,E as s};

package/build/esm/together.js

@@ -1 +1 @@
-export{g as CardAuthor,C as CardLink,B as CardPost,D as CardPostPopoverMore,b as CardReactions,E as CardReply,F as CardReplyPopover,h as CreateNewPostContent,i as CreatePostDescription,j as CreatePostTitle,s as ImagePreviewPopup,I as InputCommentBar,e as LabelPin,d as LabelSortPin,f as LabelSorting,L as Loading,G as PopoverMenu,P as PopupDanger,l as PopupDoctor,k as PopupExpert,o as PopupFrame,m as PopupHospital,r as PostContent,w as PostImagePreview,v as PostSingleImageViewPopup,z as ProfileDetail,y as ProfileDetailModal,q as ShareBox,S as SharePopup,x as SocialLinkPreview,p as SubmitReportForm,A as TabNameInProfileDetail,c as TagTopic,T as TogetherAuthConfigContext,a as TogetherAuthConfigContextProvider,t as TogetherTypes,n as TopicSelectList,u as useTogetherAuthRequiredAction}from"./types-a6f9ee1c.js";export{D as DefaultComponentGlobalContextData,G as GlobalData,T as TogetherComponentGlobalContext,a as TogetherComponentGlobalContextProvider,c as TogetherConstants,d as TogetherDataTransforms,U as UserAvatar}from"./index.styled-7527e862.js";import"react";import"./index-a5266555.js";import"./tslib.es6-f7955333.js";import"./translationsContext-c7a3e170.js";import"string-format";import"./index-bc6c4e88.js";import"./index.styled-d63a3f9c.js";import"./index.styled-2b24612c.js";import"styled-components";import"./theme-81ec37fe.js";import"./utils-f9dbedef.js";import"./index.styled-01d29354.js";import"./defaultClassWrapper-90fd2040.js";import"./index-e410f2d2.js";import"./gAssets.js";import"./index-fe1c4ff3.js";import"./Locale-5e66312f.js";import"./isProduction-33e7c093.js";import"dayjs";import"./screenSizeContext-4116f67f.js";import"lodash/throttle";import"./useTranslations-9e48e8b9.js";import"./index-dcfb7fef.js";import"./index-bf897a73.js";import"./index-4b29d795.js";import"@mantine/core";import"@mantine/hooks";import"@hookform/resolvers/yup";import"react-hook-form";import"./index-0ae8b9f2.js";import"./useScrollbarSize-67607227.js";import"lodash/debounce";import"react-dom";import"./index-785e1e6c.js";import"./index.styled-a2b84cf6.js";import"date-fns";import"./index-88ec3ad2.js";import"./types-31cad47d.js";import"react-day-picker/DayPickerInput";import"innertext";import"react-contenteditable";import"./cookieHelper-d3531626.js";import"dayjs/plugin/relativeTime";import"keen-slider/react";import"date-fns/locale/en-US";import"date-fns/locale/id";import"date-fns/locale/vi";import"date-fns/locale/zh-TW";import"./index.styled-1aacb0d5.js";import"./index-3b4909e3.js";import"@mantine/carousel";import"@mantine/dates";import"./index-4640bd7a.js";import"./index-a0617326.js";import"slugify";import"./routing-ae4d0a36.js";
+export{g as CardAuthor,C as CardLink,B as CardPost,D as CardPostPopoverMore,b as CardReactions,E as CardReply,F as CardReplyPopover,h as CreateNewPostContent,i as CreatePostDescription,j as CreatePostTitle,s as ImagePreviewPopup,I as InputCommentBar,e as LabelPin,d as LabelSortPin,f as LabelSorting,L as Loading,G as PopoverMenu,P as PopupDanger,l as PopupDoctor,k as PopupExpert,o as PopupFrame,m as PopupHospital,r as PostContent,w as PostImagePreview,v as PostSingleImageViewPopup,z as ProfileDetail,y as ProfileDetailModal,q as ShareBox,S as SharePopup,x as SocialLinkPreview,p as SubmitReportForm,A as TabNameInProfileDetail,c as TagTopic,T as TogetherAuthConfigContext,a as TogetherAuthConfigContextProvider,t as TogetherTypes,n as TopicSelectList,u as useTogetherAuthRequiredAction}from"./types-09696312.js";export{D as DefaultComponentGlobalContextData,G as GlobalData,T as TogetherComponentGlobalContext,a as TogetherComponentGlobalContextProvider,c as TogetherConstants,d as TogetherDataTransforms,U as UserAvatar}from"./index.styled-8f12caa1.js";import"react";import"./index-a8609b9f.js";import"./tslib.es6-3642c72f.js";import"./translationsContext-20f2c96b.js";import"string-format";import"./index-2a5ec148.js";import"./index.styled-034f5f5a.js";import"./index.styled-a52218e5.js";import"styled-components";import"./theme-577919e6.js";import"./utils-8e993d9f.js";import"./index.styled-739b980a.js";import"./defaultClassWrapper-287877d0.js";import"./index-633ccc34.js";import"./gAssets.js";import"./index-a2960e3e.js";import"./Locale-1d334ad6.js";import"./isProduction-6b7e910d.js";import"dayjs";import"./screenSizeContext-e3adacd2.js";import"lodash/throttle";import"./useTranslations-a2cb72a1.js";import"./index-b95d3d06.js";import"./index-7099717a.js";import"./index-3f979068.js";import"@mantine/core";import"@mantine/hooks";import"@hookform/resolvers/yup";import"react-hook-form";import"./index-98149fc0.js";import"./useScrollbarSize-7a469cbf.js";import"lodash/debounce";import"react-dom";import"./index-dd619fd2.js";import"./index.styled-e85a69a2.js";import"date-fns";import"./index-1ca2f302.js";import"./types-742e1f81.js";import"react-day-picker/DayPickerInput";import"innertext";import"react-contenteditable";import"./cookieHelper-d6d7f6d7.js";import"dayjs/plugin/relativeTime";import"keen-slider/react";import"date-fns/locale/en-US";import"date-fns/locale/id";import"date-fns/locale/vi";import"date-fns/locale/zh-TW";import"./index.styled-cb086df8.js";import"./index-e5394744.js";import"@mantine/carousel";import"@mantine/dates";import"./index-c774553a.js";import"./index-0915a686.js";import"slugify";import"./routing-6c0f67f3.js";