@hhgtech/hhg-components 1.23.65 → 1.23.66

package/build/{index.styled-74aee99e.js → index.styled-f9f637b5.js}

@@ -1 +1 @@
-"use strict";var n=require("./tslib.es6-729403f3.js"),t=require("react"),e=require("styled-components");function i(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var p,a,o=i(t),h=i(e),l=h.default((function(t){var e=t.type,i=n.__rest(t,["type"]);return o.default.createElement(e,i)}))(p||(p=n.__makeTemplateObject(["\n  color: var(--text-color, ",");\n  font-family: Krub;\n  font-weight: 600;\n  letter-spacing: -0.2px;\n\n  &[data-type='headline-1'] {\n    font-size: 40px;\n    line-height: 60px;\n  }\n  &[data-type='headline-2'] {\n    font-size: 32px;\n    line-height: 48px;\n  }\n  &[data-type='headline-3'] {\n    font-size: 24px;\n    line-height: 40px;\n  }\n  &[data-type='headline-4'] {\n    font-size: 18px;\n    line-height: 32px;\n  }\n"],["\n  color: var(--text-color, ",");\n  font-family: Krub;\n  font-weight: 600;\n  letter-spacing: -0.2px;\n\n  &[data-type='headline-1'] {\n    font-size: 40px;\n    line-height: 60px;\n  }\n  &[data-type='headline-2'] {\n    font-size: 32px;\n    line-height: 48px;\n  }\n  &[data-type='headline-3'] {\n    font-size: 24px;\n    line-height: 40px;\n  }\n  &[data-type='headline-4'] {\n    font-size: 18px;\n    line-height: 32px;\n  }\n"])),(function(n){return n.theme.mbColors.dark})),x=h.default.p(a||(a=n.__makeTemplateObject(["\n  color: var(--text-color, ",");\n  letter-spacing: -0.2px;\n\n  &[data-type='subtitle-1'] {\n    font-size: 16px;\n    font-weight: 600;\n    line-height: 26px;\n  }\n  &[data-type='subtitle-2'] {\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 24px;\n  }\n  &[data-type='subtitle-3'] {\n    font-size: 12px;\n    font-weight: 500;\n    line-height: 20px;\n  }\n  &[data-type='bodytext-1'] {\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 28px;\n  }\n  &[data-type='bodytext-2'] {\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 24px;\n  }\n  &[data-type='bodytext-3'] {\n    font-size: 12px;\n    font-weight: 400;\n    line-height: 20px;\n  }\n  &[data-type='caption-1'] {\n    font-size: 10px;\n    font-weight: 500;\n    letter-spacing: -0.1px;\n    line-height: 14px;\n  }\n  &[data-type='caption-2'] {\n    font-size: 10px;\n    font-weight: 400;\n    letter-spacing: -0.1px;\n    line-height: 14px;\n  }\n"],["\n  color: var(--text-color, ",");\n  letter-spacing: -0.2px;\n\n  &[data-type='subtitle-1'] {\n    font-size: 16px;\n    font-weight: 600;\n    line-height: 26px;\n  }\n  &[data-type='subtitle-2'] {\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 24px;\n  }\n  &[data-type='subtitle-3'] {\n    font-size: 12px;\n    font-weight: 500;\n    line-height: 20px;\n  }\n  &[data-type='bodytext-1'] {\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 28px;\n  }\n  &[data-type='bodytext-2'] {\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 24px;\n  }\n  &[data-type='bodytext-3'] {\n    font-size: 12px;\n    font-weight: 400;\n    line-height: 20px;\n  }\n  &[data-type='caption-1'] {\n    font-size: 10px;\n    font-weight: 500;\n    letter-spacing: -0.1px;\n    line-height: 14px;\n  }\n  &[data-type='caption-2'] {\n    font-size: 10px;\n    font-weight: 400;\n    letter-spacing: -0.1px;\n    line-height: 14px;\n  }\n"])),(function(n){return n.theme.mbColors.dark}));exports.StyledHeading=l,exports.StyledText=x;
+"use strict";var n=require("./tslib.es6-53911a63.js"),t=require("react"),e=require("styled-components");function i(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var p,a,o=i(t),h=i(e),l=h.default((function(t){var e=t.type,i=n.__rest(t,["type"]);return o.default.createElement(e,i)}))(p||(p=n.__makeTemplateObject(["\n  color: var(--text-color, ",");\n  font-family: Krub;\n  font-weight: 600;\n  letter-spacing: -0.2px;\n\n  &[data-type='headline-1'] {\n    font-size: 40px;\n    line-height: 60px;\n  }\n  &[data-type='headline-2'] {\n    font-size: 32px;\n    line-height: 48px;\n  }\n  &[data-type='headline-3'] {\n    font-size: 24px;\n    line-height: 40px;\n  }\n  &[data-type='headline-4'] {\n    font-size: 18px;\n    line-height: 32px;\n  }\n"],["\n  color: var(--text-color, ",");\n  font-family: Krub;\n  font-weight: 600;\n  letter-spacing: -0.2px;\n\n  &[data-type='headline-1'] {\n    font-size: 40px;\n    line-height: 60px;\n  }\n  &[data-type='headline-2'] {\n    font-size: 32px;\n    line-height: 48px;\n  }\n  &[data-type='headline-3'] {\n    font-size: 24px;\n    line-height: 40px;\n  }\n  &[data-type='headline-4'] {\n    font-size: 18px;\n    line-height: 32px;\n  }\n"])),(function(n){return n.theme.mbColors.dark})),x=h.default.p(a||(a=n.__makeTemplateObject(["\n  color: var(--text-color, ",");\n  letter-spacing: -0.2px;\n\n  &[data-type='subtitle-1'] {\n    font-size: 16px;\n    font-weight: 600;\n    line-height: 26px;\n  }\n  &[data-type='subtitle-2'] {\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 24px;\n  }\n  &[data-type='subtitle-3'] {\n    font-size: 12px;\n    font-weight: 500;\n    line-height: 20px;\n  }\n  &[data-type='bodytext-1'] {\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 28px;\n  }\n  &[data-type='bodytext-2'] {\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 24px;\n  }\n  &[data-type='bodytext-3'] {\n    font-size: 12px;\n    font-weight: 400;\n    line-height: 20px;\n  }\n  &[data-type='caption-1'] {\n    font-size: 10px;\n    font-weight: 500;\n    letter-spacing: -0.1px;\n    line-height: 14px;\n  }\n  &[data-type='caption-2'] {\n    font-size: 10px;\n    font-weight: 400;\n    letter-spacing: -0.1px;\n    line-height: 14px;\n  }\n"],["\n  color: var(--text-color, ",");\n  letter-spacing: -0.2px;\n\n  &[data-type='subtitle-1'] {\n    font-size: 16px;\n    font-weight: 600;\n    line-height: 26px;\n  }\n  &[data-type='subtitle-2'] {\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 24px;\n  }\n  &[data-type='subtitle-3'] {\n    font-size: 12px;\n    font-weight: 500;\n    line-height: 20px;\n  }\n  &[data-type='bodytext-1'] {\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 28px;\n  }\n  &[data-type='bodytext-2'] {\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 24px;\n  }\n  &[data-type='bodytext-3'] {\n    font-size: 12px;\n    font-weight: 400;\n    line-height: 20px;\n  }\n  &[data-type='caption-1'] {\n    font-size: 10px;\n    font-weight: 500;\n    letter-spacing: -0.1px;\n    line-height: 14px;\n  }\n  &[data-type='caption-2'] {\n    font-size: 10px;\n    font-weight: 400;\n    letter-spacing: -0.1px;\n    line-height: 14px;\n  }\n"])),(function(n){return n.theme.mbColors.dark}));exports.StyledHeading=l,exports.StyledText=x;

package/build/lead.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tslib.es6-729403f3.js"),a=require("react"),t=require("lodash/debounce"),l=require("react-dom"),n=require("./translationsContext-8c6cc9f2.js"),o=require("./cookieHelper-b0f67faa.js"),r=require("./utils-20e9cc93.js"),i=require("uuid"),d=require("./useTranslations-1bd8735d.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("dayjs"),require("./screenSizeContext-2ec6c32b.js"),require("styled-components"),require("./index-172d8a05.js"),require("./isProduction-d77f4657.js"),require("./Locale-5d5c1165.js"),require("./gAssets.js"),require("string-format"),require("lodash/throttle");var u=c(a),s=c(t),m=function(e){var a=e.onClose,t=e.containerClassName,l=e.svgClassName;return u.default.createElement("button",{onClick:a,className:"le-newbuilder-close-button js-modal__close ".concat(t||"")},u.default.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"},u.default.createElement("defs",null,u.default.createElement("filter",{width:"53",height:"53",filterUnits:"userSpaceOnUse"},u.default.createElement("feGaussianBlur",{result:"blur",stdDeviation:"3"}),u.default.createElement("feFlood",{floodOpacity:".4"}),u.default.createElement("feComposite",{in2:"blur",operator:"in"}),u.default.createElement("feComposite",{in:"SourceGraphic"})),u.default.createElement("style",{dangerouslySetInnerHTML:{__html:".cls-2{fill:none;stroke:#fff;stroke-linecap:round;stroke-width:2px}"}})),u.default.createElement("g",{filter:"url(#Ellipse_482)"},u.default.createElement("circle",{cx:"17.5",cy:"17.5",r:"17.5",transform:"translate(-483.1 -671.163)translate(483.1 671.16)translate(9 9)",fill:"#005cfd"})),u.default.createElement("path",{d:"M19 19L34 34",className:"cls-2"}),u.default.createElement("path",{d:"M34 19L19 34",className:"cls-2"})))},p=function(e){var a=e.popupId,t=e.url,l=e.newTab,n=e.imageDestkop,o=e.imageMobile,r=e.onClose,i=e.onOtherSubmit;return u.default.createElement("div",{id:a,className:"lead-modal-wrapper","data-popup-url":location.pathname,"data-popup-type":"center_tab"},u.default.createElement("div",{className:"le-center-tab-popup"},u.default.createElement("div",{style:{position:"relative"}},u.default.createElement("a",{className:"js-popup-other-submit",href:t,target:l?"blank":"_parent",onClick:i},u.default.createElement("img",{className:"le-only-mobile",src:o}),u.default.createElement("img",{className:"le-only-desktop",src:n})),u.default.createElement(m,{onClose:r,containerClassName:"le-abs-outer-mobile-top-right-2",svgClassName:"le-mobile-btn"}))))},f=function(e){var a=e.popupId,t=e.url,l=e.title,n=e.urlText,o=e.titleAlign,r=e.subtitle,i=e.subtitleAlign,d=e.newTab,c=e.imageDesktop,s=e.imageMobile,p=e.onClose,f=e.onOtherSubmit;return u.default.createElement("div",{id:a,className:"lead-modal-wrapper lead-floating-wrapper","data-popup-url":location.pathname,"data-popup-type":"floating"},u.default.createElement("aside",{className:"le-only-desktop"},u.default.createElement("div",{className:"le-floating-desktop"},u.default.createElement("div",{className:"le-floating-desktop-wrap",style:{position:"relative",background:"#fff"}},c?u.default.createElement("div",null,u.default.createElement("img",{style:{maxWidth:120,borderTopLeftRadius:5,borderBottomLeftRadius:5},src:c})):null,u.default.createElement("div",{style:{padding:20}},u.default.createElement("div",{className:"le-floating-desktop-title le-text-align-".concat(o)},l),u.default.createElement("div",{className:"le-floating-desktop-desc le-text-align-".concat(i)},r)),u.default.createElement("a",{target:d?"blank":"_parent",style:{marginLeft:35,textDecoration:"none"},href:t},u.default.createElement("button",{className:"le-joinbow-floating-btn js-popup-other-submit",onClick:f},n)),u.default.createElement(m,{onClose:p,containerClassName:"le-abs-outer-top-right"})))),u.default.createElement("aside",{className:"le-only-mobile"},u.default.createElement("div",{className:"le-floating-mobile"},u.default.createElement("div",{className:"le-floating-mobile-wrap",style:{position:"relative",background:"#fff"}},u.default.createElement("aside",{style:{display:"flex",justifyContent:"space-between"}},u.default.createElement("div",null,u.default.createElement("div",{className:"le-floating-mobile-title le-text-align-".concat(o)},l),u.default.createElement("div",{className:"le-floating-mobile-desc le-text-align-".concat(i)},r)),s?u.default.createElement("div",null,u.default.createElement("img",{style:{marginLeft:15,marginTop:4,maxWidth:100},src:s})):null),u.default.createElement("div",{style:{textAlign:"center",marginTop:10}},u.default.createElement("a",{target:d?"blank":"_parent",href:t,style:{textDecoration:"none"}},u.default.createElement("button",{className:"le-joinbow-floating-btn js-popup-other-submit",onClick:f},n))),u.default.createElement(m,{onClose:p,containerClassName:"le-abs-outer-top-right",svgClassName:"le-mobile-btn"})))))},g={LINKS:1,TAGS:2},h="https://dev.leadgen.hellobacsi.com/",v={MOBILE:1,DESKTOP:2},b="";h.includes("localhost")&&(h="https://dev.leadgen.hellobacsi.com/"),location.hostname.includes("marrybaby.vn")&&(b="pink");var _="https://"+location.hostname+location.pathname+location.search;_=_.toLowerCase(),sessionStorage.getItem("insider_object")&&(window.insider_object=JSON.parse(sessionStorage.getItem("insider_object")));var k={"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}},y=k[document.documentElement.lang]||k["vi-VN"];var E=new function(){this.apiLeadUrl="https://dev.leadgen.hellobacsi.com/",this.apiSubotUrl="https://staging-service-subot.hellohealthgroup.com/"},N=function(a){var t=a.url,l=a.data,n=void 0===l?void 0:l,o=e.__rest(a,["url","data"]);return o.body=JSON.stringify(n),o.headers={"Content-Type":"application/json"},fetch("".concat(E.apiLeadUrl).concat(t),o).then((function(e){return e.json()})).catch((function(e){return{}}))},w=function(a){var t=a.url,l=a.data,n=e.__rest(a,["url","data"]);return n.body=JSON.stringify(l),n.headers={"Content-Type":"application/json"},fetch("".concat(E.apiSubotUrl).concat(t),n).then((function(e){return e.json()})).catch((function(e){return{}}))},C={campaignGetById:function(e){return N({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)),w({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)),N({url:"api/subot-campaign/check",method:"post",data:{campaign_id:a,email:t,phone:l}})}};var x=function(a){for(var t=e.__spreadArray([],a,!0),l=t.length-1;l>0;l--){var n=Math.floor(Math.random()*(l+1)),o=t[l];t[l]=t[n],t[n]=o}return t};function S(a){var t=a.leadApi,l=a.leadSiteId,n=a.leadDomain,r=a.onShowPopup,d=a.DEBUG_URL||("https://"+location.hostname+location.pathname+location.search).toLowerCase();fetch(t+"api/campaign/"+l,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({url:d,ga_client_id:o.getCookie("_ga")||null})}).then((function(e){return e.json()})).then((function(a){var t,l,c,u,s;if(T("List campagin: ",a),_="https://"+location.hostname+location.pathname+location.search,1==a._status){var m=(null===(l=null===(t=a._data)||void 0===t?void 0:t.campaigns)||void 0===l?void 0:l.filter((function(e){return 1===e.formatted_status})))||[];o.getCookie("hhg-id")||(o.setCookie("hhg-id",i.v1(),{domain:"."+n,path:"/"}),T("😍 Set HHG ID cookie"));var p=[];p=/Android|webOS|iPhone|iPad|iPod|BlackBerry|BB|PlayBook|IEMobile|Windows Phone|Kindle|Silk|Opera Mini/i.test(navigator.userAgent)?m.filter((function(e){return e.device_types.some((function(e){return e.id==v.MOBILE}))})):m.filter((function(e){return e.device_types.some((function(e){return e.id==v.DESKTOP}))})),T("👓 campaignsDevice",p);var f=p.map((function(a,t){return a.targets.filter((function(e){return e.type==g.LINKS})).map((function(a){return e.__assign(e.__assign({},a),{campaignIndex:t})}))})).flat(1);f=f.filter((function(e){var a=new URL(String(e.target).toLowerCase());return"exact_match"==e.option?Boolean(d===a.href):"start_with"==e.option?!!d.includes(String(e.target))&&!e.sub_target.filter((function(e){return"excluding"==e.option})).map((function(e){return e.value})).includes(d):void 0}));var 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=p.map((function(a,t){return a.targets.filter((function(e){return e.type==g.TAGS})).map((function(a){return e.__assign(e.__assign({},a),{campaignIndex:t})}))})).flat(1).filter((function(e){return h.includes(e.target)})));var k=e.__spreadArray(e.__spreadArray([],f,!0),b,!0),y=document.cookie.split("; ").map((function(e){return e.split("=")[0]})),E=y.filter((function(e){return e.includes("lead_submited")}));T("--listCampaignCodeSubmited",E);var N=y.filter((function(e){return e.includes("lead_closed")}));T("--listCampaignCodeClosed",N);var w=e.__spreadArray(e.__spreadArray([],E,!0),N,!0),C=k.filter((function(e){return!w.some((function(a){return a.includes(p[e.campaignIndex].code)}))})),S=x(C);if(T("--listCampaignValid : ",S),S&&S.length){var B=p[S[0].campaignIndex];T("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);T("timeoutRule",O);var P=Number(null===(u=L.find((function(e){return"scroll"==e.rule})))||void 0===u?void 0:u.value);T("scrollRule",P);var j=Number(null===(s=L.find((function(e){return"exclude_sponsored"==e.rule})))||void 0===s?void 0:s.value);T("excludeSponsored",j);var A=Boolean(document.querySelector(".hhg-disclaimer-text"));if(T("💎 LEAD current page isSponsored",A),A&&j)return;var I="TIME";if(Number.isInteger(O)&&(I="TIME",T("✨ SHOW AWESOME POPUP AFTER: ",O," seconds"),setTimeout((function(){null==r||r(B,I)}),1e3*O)),Number.isInteger(P)){I="SCROLL",T("✨ SHOW AWESOME AFTER: SCROLL",P," %");var U=document.querySelector('[data-url="'.concat(location.pathname,'"]'))||document.querySelector("body"),q=U.getBoundingClientRect().top,D=U.offsetHeight;T("👓 Element check scroll: ",U);var M=function(){var e=window.pageYOffset||document.documentElement.scrollTop,a=0;e>=q&&(a=Math.round((e-q)/(D-innerHeight)*100)),T("---Scroll",a,P),a>=P&&(window.removeEventListener("scroll",M),null==r||r(B,I))};window.addEventListener("scroll",M,{passive:!0})}}else T("🚧 No lead campaigns on current URL, tags")}})).catch((function(e){T("Lead error: ",e)}))}var T=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 B(t,l){var n=this,o=d.useTranslations().t,r=a.useState({email:"",phone:""}),i=r[0],c=r[1],u=a.useState(!1),s=u[0],m=u[1];return{errorField:i,loadingValidate:s,inputOnBlur:function(a,r){return e.__awaiter(n,void 0,void 0,(function(){var n,d,u,s,p,f,g,h,v,b;return e.__generator(this,(function(_){switch(_.label){case 0:if(n="",d="",u=r.target.value,"email"===a&&/^(([^<>()[\]\\.,;:\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(u).toLowerCase())?(n="email",d=o("validator.emailUsed")):"tel"===a&&window.intlTelInputUtils.isValidNumber(String(u),y.countryCode)&&(n="phone",d=o("validator.phoneUsed")),!n)return[2];_.label=1;case 1:return _.trys.push([1,5,,6]),m(!0),[4,C.validateEmailOrPhoneOnLeadGen((f={campaign_id:[t]},f[n]=u,f))];case 2:return"SubmitLeadWithBotId_ERR_001"===(s=_.sent())._errorCode||"SubmitLeadWithBotId_ERR_002"===s._errorCode?(c(e.__assign(e.__assign({},i),((g={})[n]=d,g))),m(!1),[2]):l.length?[4,C.validateEmailOrPhoneOnSubot((h={bot_id:l},h[n]=u,h))]:[3,4];case 3:if("CheckSuBotLeadTool_ERR_001"===_.sent()._errorCode)return c(e.__assign(e.__assign({},i),((v={})[n]=d,v))),m(!1),[2];_.label=4;case 4:return c(e.__assign(e.__assign({},i),((b={})[n]="",b))),[3,6];case 5:return p=_.sent(),T("err",p),[3,6];case 6:return m(!1),[2]}}))}))}}}var L=a.createContext({}),O=function(e){var a=e.title,t=e.titleAlign,l=e.subtitle,n=e.subtitleAlign,o=e.link,r=e.linkNewTab,i=e.linkText,d=e.image;return u.default.createElement("div",{className:"lead-modal__thank-you"},u.default.createElement("div",{style:{width:"100%"}},u.default.createElement("img",{src:d,style:{maxHeight:162,objectFit:"cover"}}),a&&u.default.createElement("h1",{className:"le-thankyou-title le-text-align-".concat(t)},a),l&&u.default.createElement("p",{className:"le-thankyou-subtitle le-text-align-".concat(n)},l),i&&u.default.createElement("div",null,u.default.createElement("a",{href:o,target:r?"_blank":"parrent",rel:"noreferrer"},u.default.createElement("button",{className:"lead-modal__btn ".concat(b)},i)))))},P=function(t){var n=t.content,o=t.inlinePosition,r=a.useMemo((function(){if(!o)return null;var a=document.querySelectorAll('[data-url="'.concat(location.pathname,'"] .body-content')),t=Array.from(a).reduce((function(a,t){return e.__spreadArray(e.__spreadArray([],a,!0),Array.from(t.children),!0)}),[]);if(null==t?void 0:t.length){var l=t.filter((function(e){return"P"===e.nodeName})),n=t.filter((function(e){return"H2"===e.nodeName})),r=null;switch(o){case"1th":r=l[0];break;case"2th":r=l[1];break;case"3th":r=l[2];break;case"4th":r=l[3];break;case"5th":r=l[4];break;case"6th":r=l[5];break;case"7th":r=l[6];break;case"8th":r=l[7];break;case"9th":r=l[8];break;case"10th":r=l[9];break;case"11th":r=l[10];break;case"12th":r=l[11];break;case"lastP":r=l[l.length-1];break;case"1thH2":r=n[0];break;case"2thH2":r=n[1];break;case"3thH2":r=n[2];break;case"4thH2":r=n[3];break;case"5thH2":r=n[4];break;case"6thH2":r=n[5];break;case"7thH2":r=n[6];break;case"8thH2":r=n[7];break;case"9thH2":r=n[8];break;case"10thH2":r=n[9];break;case"lastH2":r=n[n.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}}}),[o]);return o&&r?l.createPortal(n,r):null},j=function(e){var t=e.content,n=a.useMemo((function(){var e=Array.from(document.querySelectorAll(".hc2-sidebar-with-ads,.page-main-col .right-col.f-right,.hhg-lead-sidebar"));return e.forEach((function(e){if(!e.querySelector(".sidebar-lead-modal-wrapper")){var 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 u.default.createElement(u.default.Fragment,null,n.map((function(e){return l.createPortal(t,r.getWrapperDomWithSelector(e,"sidebar-lead-modal-wrapper"))})))},A=function(t){var l,n,o,r=t.popupId,i=t.extraFields,c=t.onClose,s=t.onOtherSubmit,m=t.imageMobile,p=t.imageDesktop,f=t.imageOverlayMobile,g=t.imageOverlayDesktop,h=t.imageBackground,v=t.currentLayout,_=t.title,k=t.onSubmit,E=t.showThankyou,N=t.campaignId,w=t.campaign_subot_id,C=d.useTranslations().t,x=JSON.parse(i.listBlockAdded),S=JSON.parse(i.actionBlocks),A=JSON.parse(i.textBlocks),I=a.useContext(L).apiUrl,U=S.submitBlock.data.url,q=S.submitBlock.data.text,D=S.submitBlock.data.text2,M=S.submitBlock.data.value,H=location.pathname,V=B(N,w),R=V.errorField,F=V.loadingValidate,W=V.inputOnBlur,J=v.includes("Inline")||"Sidebar"===v,G="Slider"===v,Y=a.useState(!0),z=Y[0],K=Y[1];if(window.innerWidth<769&&["Fullscreen","Slider"].includes(v))return T("😎 Not show fullscreen, slider on mobile "),null;a.useEffect((function(){(v.includes("LightBox")||"Fullscreen"==v)&&document.body.classList.add("noscroll")}),[]);var Q=function(a,t){return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return t.target.validity.valueMissing?(t.target.setCustomValidity(C("validator.required")),[3,6]):[3,1];case 1:return t.target.validity.valid||t.target.validity.customError?[3,2]:("tel"===a?t.target.setCustomValidity(C("validator.phone")):"date"===a?t.target.setCustomValidity(C("validator.date")):"email"===a&&t.target.setCustomValidity(C("validator.email")),[3,6]);case 2:return"tel"!==a?[3,5]:window.intlTelInputUtils?[3,4]:[4,require("intl-tel-input/build/js/utils")];case 3:e.sent(),e.label=4;case 4:return window.intlTelInputUtils.isValidNumber(String(t.target.value),y.countryCode)?t.target.setCustomValidity(""):t.target.setCustomValidity(C("validator.phone")),[3,6];case 5:t.target.setCustomValidity(""),e.label=6;case 6:return[2]}}))}))},X=a.useMemo((function(){var e={TextBlock:0,NumberBlock:0,EmailBlock:0,PhoneBlock:0,DateBlock:0,CheckboxBlock:0,RadioBlock:0};return x.map((function(a,t){var l,n,o;if("TitleBlock"==a.name)return u.default.createElement("h2",{key:t,className:"lead-modal__title ".concat("le-text-align-"+((null===(l=a.data)||void 0===l?void 0:l.align)||"")," ").concat(b)},a.data.value);if("SubtitleBlock"==a.name)return u.default.createElement("p",{key:t,className:"lead-modal__description ".concat("le-text-align-"+((null===(n=a.data)||void 0===n?void 0:n.align)||"")," ").concat(b)},a.data.value);if("TextBlock"==a.name)return e.TextBlock+=1,u.default.createElement("div",{key:t},u.default.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},u.default.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 Q("text",e)}}),u.default.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(I,"admin/img/builder/text.svg")})));if("NumberBlock"==a.name){var r=u.default.createElement("div",{key:t},u.default.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},u.default.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 Q("number",e)}}),u.default.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(I,"admin/img/builder/number.svg")})));return e.NumberBlock+=1,r}if("EmailBlock"==a.name){r=u.default.createElement("div",{key:t},u.default.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},u.default.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 Q("email",e)},onBlur:function(e){return W("email",e)}}),u.default.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(I,"admin/img/builder/email.svg")})),R.email&&u.default.createElement("label",{className:"error"},R.email));return e.EmailBlock+=1,r}if("PhoneBlock"==a.name){r=u.default.createElement("div",{key:t},u.default.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},u.default.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 Q("tel",e)},onBlur:function(e){return W("tel",e)}}),u.default.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(I,"admin/img/builder/tel.svg")})),R.phone&&u.default.createElement("label",{className:"error"},R.phone));return e.PhoneBlock+=1,r}if("DateBlock"==a.name){r=u.default.createElement("div",null,u.default.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},u.default.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 Q("date",e)}}),u.default.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(I,"admin/img/builder/date.svg")})));return e.DateBlock+=1,r}if("LinkButtonBlock"==a.name)return u.default.createElement("div",{key:t},u.default.createElement("a",{target:a.data.newtab?"blank":"parrent",href:a.data.url,style:{textDecoration:"none"}},u.default.createElement("button",{type:"button",className:"lead-modal__btn js-modal__close js-popup-other-submit ".concat(b),onClick:function(){null==c||c(),null==s||s()}},a.data.value)));if("CheckboxBlock"==a.name){var i=a.data,d=i.listQuestion,m=i.isSendMailChimp,p=void 0!==m&&m;r=u.default.createElement("div",{key:t,style:{margin:"5px 0"}},u.default.createElement("div",{className:"le-checkbox-title"},a.data.placeholder),u.default.createElement("div",{className:"mailchimp-".concat(null===(o=a.data.value)||void 0===o?void 0:o.replace(/\s/gi,"_")),"data-mailchimp":p}),d.map((function(t,l){return u.default.createElement("label",{key:l,className:"lead-checkbox-container"},u.default.createElement("input",{"data-key":a.data.value,name:"checkbox"+(e.CheckboxBlock?e.CheckboxBlock:"")+"[]",value:t.value,type:"checkbox",onChange:function(e){return Q("checkbox",e)}}),u.default.createElement("span",{className:"lead-checkbox-checkmark"}),t.placeholder)})));return e.CheckboxBlock+=1,r}if("RadioBlock"==a.name){d=a.data.listQuestion,r=u.default.createElement("div",{key:t,style:{margin:"5px 0"}},u.default.createElement("div",{className:"le-checkbox-title"},a.data.placeholder),d.map((function(t,l){return u.default.createElement("label",{className:"lead-radio-container",key:l},u.default.createElement("input",{"data-key":a.data.value,name:"radio"+(e.RadioBlock?e.RadioBlock:""),value:t.value,type:"radio",onChange:function(e){return Q("radio",e)}}),u.default.createElement("span",{className:"lead-radio-checkmark"}),t.placeholder)})));return e.RadioBlock+=1,r}if("DropdownBlock"==a.name){d=a.data.listQuestion,r=u.default.createElement("div",{key:t,style:{margin:"5px 0"}},u.default.createElement("div",{className:"le-checkbox-title"},a.data.placeholder),u.default.createElement("div",{className:"le-newbuilder-select-wrapper"},u.default.createElement("select",{className:"le-newbuilder-select","data-key":a.data.value,name:"dropdown"+(e.DropdownBlock?e.DropdownBlock:"")},d.map((function(e,a){return u.default.createElement("option",{key:a,value:e.value},e.placeholder)})))));return e.DropdownBlock+=1,r}}))}),[R.email,R.phone]),Z=u.default.createElement(u.default.Fragment,null,u.default.createElement("style",{dangerouslySetInnerHTML:{__html:".le-newbuilder-overlay {\n        background: url(".concat(f,") ;\n        background-repeat: no-repeat;\n        background-size: cover;\n      }\n      @media screen and (min-width:768px) {\n        .le-newbuilder-overlay {\n          background: url(").concat(g,") ;\n          background-repeat: no-repeat;\n          background-size: cover;\n        }\n      }")}}),u.default.createElement("div",{id:r,"data-popup-url":H,"data-popup-type":"lightbox-inline",className:"lead-modal lead-modal-wrapper modal--animate-scale ".concat(J?"le-buider-inline":""," ").concat(G?"le-buider-slider":"")},"Fullscreen"==v?u.default.createElement("img",{className:"le-only-desktop le-fullscreen-img",draggable:!1,src:h||""}):null,u.default.createElement("div",{className:"lead-modal__wrapper le-newbuilder-wrap-".concat(v)},u.default.createElement("div",{className:"lead-modal__content le-newbuilder-".concat(v)},E?u.default.createElement(O,{title:E.title,titleAlign:E.titleAlign,subtitle:E.subtitle,subtitleAlign:E.subtitleAlign,link:E.link,linkNewTab:E.linkNewTab,linkText:E.linkText,image:E.image}):u.default.createElement(u.default.Fragment,null,u.default.createElement("header",{className:"lead-modal__header"},["LightBoxA","InlineA","Sidebar","Slider"].includes(v)?m?u.default.createElement("img",{draggable:"false",className:"lead-modal__image lead-modal-image-cover",src:m,alt:""}):null:u.default.createElement(u.default.Fragment,null,p?u.default.createElement("img",{draggable:"false",className:"le-only-desktop lead-modal__image lead-modal-image-cover",style:{height:"100%",objectFit:"cover"},src:p,alt:""}):null,m?u.default.createElement("img",{draggable:"false",className:"le-only-mobile lead-modal__image lead-modal-image-cover",src:m,alt:""}):null)),u.default.createElement("div",{className:"lead-modal__body le-newbuilder-overlay"},u.default.createElement("form",{className:"lead-modal__form ".concat(r),onSubmit:function(e){e.preventDefault(),F||R.email||R.phone||k(e)}},u.default.createElement("div",{style:{marginBottom:20}},u.default.createElement("h2",{className:"lead-modal__title ".concat("le-text-align-"+(null===(l=A.titleBlock.data)||void 0===l?void 0:l.align)," ").concat(b)},_),u.default.createElement("p",{className:"lead-modal__description ".concat("le-text-align-"+(null===(n=A.titleBlock.data)||void 0===n?void 0:n.align)," ").concat(b)},A.subtitleBlock.data.value)),u.default.createElement("div",null,X),(null===(o=null==S?void 0:S.submitBlock)||void 0===o?void 0:o.isHide)?null:u.default.createElement(u.default.Fragment,null,u.default.createElement("div",{className:"lead-modal__checkbox-wrapper ".concat(b)},u.default.createElement("div",{className:"lead-modal__checkbox"},u.default.createElement("input",{id:"lead-term-checkbox",className:"lead-modal__checkbox__input ".concat(b),type:"checkbox","aria-label":"Checkbox label",checked:z,onChange:function(e){return K(e.currentTarget.checked)}}),u.default.createElement("div",{className:"lead-modal__checkbox__control","aria-hidden":"true"})),u.default.createElement("label",{htmlFor:"checkbox",className:"lead-modal__checkbox__label"},q," ",u.default.createElement("span",{style:{fontWeight:"bold"}},u.default.createElement("a",{target:"blank",href:U||"https://hellobacsi.com/chinh-sach",rel:"noopener noreferrer",style:{textDecoration:"none"}},D)))),u.default.createElement("button",{id:"lead-submit",type:"submit",className:"lead-modal__btn ".concat(b),disabled:!z},M)))))),!v.includes("Inline")&&u.default.createElement("button",{className:"lead-modal__close-btn ".concat("Fullscreen"==v?"lead-fullscreen-desktop-close-btn":""," js-modal__close ").concat(b),onClick:c},u.default.createElement("svg",{className:"lead-modal__close-icon",viewBox:"0 0 24 24"},u.default.createElement("g",{fill:"none",stroke:"currentColor",strokeMiterlimit:"10",strokeWidth:"2"},u.default.createElement("line",{x1:"3",y1:"3",x2:"21",y2:"21"}),u.default.createElement("line",{x1:"21",y1:"3",x2:"3",y2:"21"})))))));return v.includes("LightBox")||"Fullscreen"==v||"Slider"==v?Z:"Sidebar"==v?u.default.createElement(j,{content:Z}):v.includes("Inline")?u.default.createElement(P,{content:Z,inlinePosition:i.popupInlinePosition}):null},I=function(e){var a=e.popupId,t=e.link,l=e.linkText,n=e.linkNewTab,o=e.onClose,r=e.imageMobile,i=e.imageDesktop,d=e.currentLayout,c=e.onOtherSubmit,s=location.pathname;return u.default.createElement("div",{id:a,className:"lead-modal-wrapper","data-popup-url":s,"data-popup-type":"skin_ab"},"SkinA"==d?u.default.createElement("aside",{className:"le-only-desktop"},u.default.createElement("div",{className:"le-skin-a-desktop"},u.default.createElement("div",{style:{position:"relative"}},u.default.createElement("img",{src:i}),u.default.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"},u.default.createElement("button",{onClick:c,className:"le-joinbow-btn js-popup-other-submit"},l)),u.default.createElement("button",{className:"lead-modal__close-btn js-modal__close ".concat(b)},u.default.createElement("svg",{className:"lead-modal__close-icon",viewBox:"0 0 24 24"},u.default.createElement("g",{fill:"none",stroke:"currentColor",strokeMiterlimit:"10",strokeWidth:"2"},u.default.createElement("line",{x1:"3",y1:"3",x2:"21",y2:"21"}),u.default.createElement("line",{x1:"21",y1:"3",x2:"3",y2:"21"}))))))):"SkinB"==d?u.default.createElement("aside",{className:"le-only-desktop"},u.default.createElement("div",{className:""},u.default.createElement("div",{style:{position:"relative",zIndex:1e4}},u.default.createElement("img",{src:i,style:{width:"100%"}}),u.default.createElement("a",{style:{position:"absolute",top:"75%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center",width:"100%"},href:t,target:n?"blank":"_parent"},u.default.createElement("button",{onClick:c,className:"le-joinbow-btn-mobile js-popup-other-submit"},l)),u.default.createElement(m,{containerClassName:"le-abs-top-right",onClose:o})))):null,u.default.createElement("aside",{className:"le-only-mobile"},u.default.createElement("div",{className:"le-skin-mobile"},u.default.createElement("div",{style:{position:"relative"}},u.default.createElement("img",{src:r,style:{width:"100%"}}),u.default.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"},u.default.createElement("button",{onClick:c,className:"le-joinbow-btn-mobile js-popup-other-submit"},l)),u.default.createElement(m,{containerClassName:"le-abs-top-right",svgClassName:"le-mobile-btn",onClose:o})))))},U=function(e){var a=e.popupId,t=e.url,l=e.newTab,n=e.image,o=e.onClose,r=e.onOtherSubmit;return u.default.createElement("div",{id:a,className:"lead-modal-wrapper","data-popup-url":location.pathname,"data-popup-type":"tab"},u.default.createElement("div",{className:"le-tab-popup"},u.default.createElement("div",{style:{position:"relative"}},u.default.createElement("a",{href:t,target:l?"blank":"_parent",onClick:r},u.default.createElement("img",{className:"js-popup-other-submit",src:n})),u.default.createElement(m,{onClose:o,containerClassName:"le-abs-outer-mobile-top-right-2",svgClassName:"le-mobile-btn"}))))};var q=function(e){var t,l,n=e.campaign,r=e.action,c=e.onSubmit,s=e.onClose,m=e.showThankyou;d.useTranslations().t;var g=a.useContext(L),h=g.apiUrl,v=g.siteDomain;a.useEffect((function(){var e=o.getCookie("_ga")||null;fetch("".concat(h,"api/campaign/").concat(y,"/impression"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:r,url:location.href.toLowerCase(),title_article:document.title,cookie_id:o.getCookie("hhg-id"),ga_client_id:e})})}),[]);var b=n.extra_fields,_=n.image,k=n.image_desktop,y=n.code,E=n.image_background,N=n.image_overlay_mobile,w=n.image_overlay_desktop,C=b.currentLayout,x=b.imageBlocks?JSON.parse(b.imageBlocks):{},S=JSON.parse(b.actionBlocks),B=JSON.parse(b.textBlocks),O=(null===(l=null===(t=null==B?void 0:B.titleBlock)||void 0===t?void 0:t.data)||void 0===l?void 0:l.value)||"",P={1:{},2:{},3:{}},j=a.useRef("lead-modal-"+i.v1()),q=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}(O);if(q){T("⚡️ Has categoryLevel",q);var D=Array.from(document.getElementsByTagName("META")),M=D.find((function(e){return e.name==="content_category_".concat(q)})),H=D.find((function(e){return e.name==="content_category_en_".concat(q)}));if(!M||!H)return T("⚡️ No META TAG for categoryLevel, not show popup",q),null;P[q]={value:M.content,value_en:H.content},O=O.replace("{{category_".concat(q,"}}"),M.content),T("⚡️ Set categoryData ",q)}else T("⚡️ No categoryLevel",q);var V=function(){var e,a,t,l;if(T("👌 Other submit click"),document.body.classList.remove("noscroll"),C.includes("Skin")){var r=document.querySelector("#masthead");r&&(r.style.top="0px !important;")}var i=Number(null!==(a=null===(e=n.rules.find((function(e){return"days_to_show_again"==e.rule})))||void 0===e?void 0:e.value)&&void 0!==a?a:7),d=Number(null!==(l=null===(t=n.rules.find((function(e){return"show_again_after_submit"==e.rule})))||void 0===t?void 0:t.value)&&void 0!==l?l:0);0===d&&(T("⛔ Popup never show again!"),o.setCookie("lead_submited_".concat(y),"target_".concat(b.popupVersion),{domain:"."+v,path:"/"})),1==d&&(T("⌛ Popup will show again after ".concat(i," days!")),o.setCookie("lead_submited_".concat(y),"target_".concat(b.popupVersion),{domain:"."+v,days:i,path:"/"}));var c=o.getCookie("_ga")||null,u={url:location.href.toLowerCase(),title_article:document.title,meta:[],cookie_id:o.getCookie("hhg-id"),ga_client_id:c};q&&(u.category=P[q].value_en),fetch("".concat(h,"api/campaign/").concat(y,"/lead"),{method:"POST",body:JSON.stringify(u),headers:{"Content-Type":"application/json","X-Requested-With":"XMLHttpRequest"}}).then((function(e){return e.json()})).then((function(e){"error"===e.status&&T(e)})).catch((function(e){T("Error:",e)})),null==s||s()};return"CenterTab"===C?u.default.createElement(p,{popupId:j.current,url:x.imageMobile.data.url,newTab:x.imageMobile.data.newtab,imageMobile:_,imageDestkop:k,onClose:s,onOtherSubmit:V}):"Tab"===C?u.default.createElement(U,{popupId:j.current,url:x.imageMobile.data.url,newTab:x.imageMobile.data.newtab,image:_,onClose:s,onOtherSubmit:V}):"Floating"===C?u.default.createElement(f,{popupId:j.current,title:O,titleAlign:B.titleBlock.data.align,subtitle:B.subtitleBlock.data.value,subtitleAlign:B.subtitleBlock.data.align,url:S.linkButtonBlock.data.url,urlText:S.linkButtonBlock.data.value,newTab:S.linkButtonBlock.data.newtab,imageMobile:_,imageDesktop:k,onClose:s,onOtherSubmit:V}):C.includes("LightBox")||C.includes("Inline")||"Fullscreen"==C||"Sidebar"==C||"Slider"==C?u.default.createElement(A,{popupId:j.current,extraFields:b,onClose:s,onOtherSubmit:V,imageMobile:_,imageDesktop:k,imageBackground:E,currentLayout:C,title:O,onSubmit:function(e){return c(e,q,P,j.current)},key:C,imageOverlayDesktop:w,imageOverlayMobile:N,showThankyou:m,campaignId:n.id,campaign_subot_id:n.bot_id||[]}):C.includes("Skin")?u.default.createElement(I,{popupId:j.current,link:S.linkButtonBlock.data.url,linkNewTab:!!S.linkButtonBlock.data.newtab,linkText:S.linkButtonBlock.data.value,onClose:s,onOtherSubmit:V,imageMobile:_,imageDesktop:k,currentLayout:C}):null},D=function(t){var l=t.campaign,n=t.action,r=t.onSubmit,i=t.onClose,c=t.showThankyou,s=d.useTranslations().t,m=a.useState(!0),p=m[0],f=m[1];a.useEffect((function(){document.body.classList.add("noscroll");var e=o.getCookie("_ga")||null;fetch("".concat(x,"api/campaign/").concat(v,"/impression"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:n||"",url:location.href.toLowerCase(),title_article:document.title,cookie_id:o.getCookie("hhg-id"),ga_client_id:e})})}),[]);var g=l.extra_fields,h=l.image,v=l.code,_=g.title,k=g.desc,E=g.submit,N=g.popUpTermURL,w=g.popUpTermAgreeText,C=g.popUpTermText,x=a.useContext(L).apiUrl,S=g.fields?JSON.parse(g.fields):[],T={tel:0,text:0,date:0,email:0},B=function(a,t){return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return t.target.validity.valueMissing?(t.target.setCustomValidity(s("validator.required")),[3,5]):[3,1];case 1:return t.target.validity.valid||t.target.validity.customError?[3,2]:("tel"===a?t.target.setCustomValidity(s("validator.phone")):"date"===a?t.target.setCustomValidity(s("validator.date")):"email"===a&&t.target.setCustomValidity(s("validator.email")),[3,5]);case 2:return"tel"!==a?[3,4]:[4,require("intl-tel-input")];case 3:return e.sent().isValidNumber(String(t.target.value),y.countryCode)?t.target.setCustomValidity(""):t.target.setCustomValidity(s("validator.phone")),[3,5];case 4:t.target.setCustomValidity(""),e.label=5;case 5:return[2]}}))}))},P=S.map((function(e,a){var t=u.default.createElement(u.default.Fragment,null);return t="date"==e.control?u.default.createElement("div",{key:a,className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},u.default.createElement("input",{required:!0,type:"date","data-key":e.listEdit[0].value,name:T.date?e.control+T.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 B(e.control,a)}}),u.default.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(x,"admin/img/builder/").concat(e.name,".svg")})):u.default.createElement("div",{key:a,className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},u.default.createElement("input",{required:!0,"data-key":e.listEdit[0].value,name:T[e.control]?e.control+T[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 B(e.control,a)}}),u.default.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(x,"admin/img/builder/").concat(e.name,".svg")})),"date"==e.control&&(T.date+=1),"text"==e.control&&(T.text+=1),"tel"==e.control&&(T.tel+=1),"email"==e.control&&(T.email+=1),t}));return u.default.createElement("div",{id:"lead-modal",className:"lead-modal modal--animate-scale"},u.default.createElement("div",{className:"lead-modal__wrapper animate__animated "},u.default.createElement("div",{className:"lead-modal__content"},c?u.default.createElement(O,{title:c.title,titleAlign:c.titleAlign,subtitle:c.subtitle,subtitleAlign:c.subtitleAlign,link:c.link,linkNewTab:c.linkNewTab,linkText:c.linkText,image:c.image}):u.default.createElement(u.default.Fragment,null,u.default.createElement("header",{className:"lead-modal__header"},!!h&&u.default.createElement("img",{className:"lead-modal__image lead-modal-image-cover",src:h,alt:""})),u.default.createElement("div",{className:"lead-modal__body"},u.default.createElement("h2",{className:"lead-modal__title ".concat(b)},_),u.default.createElement("p",{className:"lead-modal__description ".concat(b)},k),u.default.createElement("form",{className:"lead-modal__form",onSubmit:function(e){e.preventDefault(),r(e)}},P,u.default.createElement("div",{className:"lead-modal__checkbox-wrapper ".concat(b)},u.default.createElement("div",{className:"lead-modal__checkbox"},u.default.createElement("input",{id:"lead-term-checkbox",className:"lead-modal__checkbox__input ".concat(b),type:"checkbox","aria-label":"Checkbox label",checked:p,onChange:function(e){return f(e.currentTarget.checked)}}),u.default.createElement("div",{className:"lead-modal__checkbox__control","aria-hidden":"true"})),u.default.createElement("label",{htmlFor:"checkbox",className:"lead-modal__checkbox__label"},w," ",u.default.createElement("span",{style:{fontWeight:"bold"}},u.default.createElement("a",{target:"blank",href:N||"https://hellobacsi.com/chinh-sach",style:{textDecoration:"none"},rel:"noopener noreferrer"},C)))),u.default.createElement("button",{id:"lead-submit",type:"submit",className:"lead-modal__btn ".concat(b),disabled:!p},E))))),u.default.createElement("button",{className:"lead-modal__close-btn js-modal__close ".concat(b),onClick:i},u.default.createElement("svg",{className:"lead-modal__close-icon",viewBox:"0 0 24 24"},u.default.createElement("title",null,"Close modal window"),u.default.createElement("g",{fill:"none",stroke:"currentColor",strokeMiterlimit:"10",strokeWidth:"2"},u.default.createElement("line",{x1:"3",y1:"3",x2:"21",y2:"21"}),u.default.createElement("line",{x1:"21",y1:"3",x2:"3",y2:"21"}))))))},M=function(e){var a=e.campaign,t=e.action,l=e.onSubmit,n=e.onClose,o=e.showThankyou;return a.extra_fields?"2.1"==a.extra_fields.popupVersion?u.default.createElement(q,{campaign:a,action:t,onSubmit:l,onClose:n,showThankyou:o}):u.default.createElement(D,{campaign:a,action:t,onSubmit:l,onClose:n,showThankyou:o}):null},H={"validator.required":"This field is required.","validator.remote":"Please fix this field.","validator.email":"Please enter a valid email address.","validator.phone":"Please input correct phone number.","validator.url":"Please enter a valid URL.","validator.date":"Please enter a valid date.","validator.dateISO":"Please enter a valid date (ISO).","validator.number":"Please enter a valid number.","validator.digits":"Please enter only digits.","validator.creditcard":"Please enter a valid credit card number.","validator.equalTo":"Please enter the same value again.","validator.accept":"Please enter a value with a valid extension.","validator.maxlength":"jQuery.validator.format('Please enter no more than {0} characters.","validator.minlength":"jQuery.validator.format('Please enter at least {0} characters.","validator.rangelength":"jQuery.validator.format('Please enter a value between {0} and {1} characters long.","validator.range":"jQuery.validator.format('Please enter a value between {0} and {1}.","validator.max":"jQuery.validator.format('Please enter a value less than or equal to {0}.","validator.min":"jQuery.validator.format('Please enter a value greater than or equal to {0}.","validator.emailUsed":"Email already in use for this campaign.","validator.phoneUsed":"Your phone number already in use for this campaign."},V={"en-PH":H,"vi-VN":{"validator.required":"Vui lòng điền mục này","validator.email":"Vui lòng điền email có thật.","validator.number":"Vui lòng điền số có thật","validator.digits":"Vui lòng chỉ điền số","validator.maxlength":"Vui lòng điền dưới {0} số","validator.minlength":"Vui lòng điền hơn {0} số","validator.remote":"Hãy sửa cho đúng.","validator.url":"Hãy nhập URL.","validator.date":"Hãy nhập ngày.","validator.dateISO":"Hãy nhập ngày (ISO).","validator.creditcard":"Hãy nhập số thẻ tín dụng.","validator.equalTo":"Hãy nhập thêm lần nữa.","validator.extension":"Phần mở rộng không đúng.","validator.rangelength":"Hãy nhập từ {0} đến {1} kí tự.","validator.range":"Hãy nhập từ {0} đến {1}.","validator.max":"Hãy nhập từ {0} trở xuống.","validator.min":"Hãy nhập từ {0} trở lên.","validator.phone":"Nhập đúng định dạng số điện thoại","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":H},R=function(e){var a=V[e];return a||V["en-PH"]};exports.LeadGen=function(t){var i=t.apiUrl,d=t.siteDomain,c=t.siteId,m=t.locale,p=t.apiSubotUrl,f=t.DEBUG_URL,g=a.useRef(),h=a.useRef(Date.now()),v=a.useMemo((function(){var e=i;return e.includes("localhost")&&(e="https://dev.leadgen.hellobacsi.com/"),{apiUrl:e}}),[i,d,c]).apiUrl,b=a.useState(null),_=b[0],k=b[1],N=a.useState(""),w=N[0],C=N[1],x=a.useState(null),B=x[0],O=x[1];a.useEffect((function(){E.apiLeadUrl=v,E.apiSubotUrl=p}),[v,p]);var P=function(e,a){k(e),C(a)},j=function(){var e,a;if(_){T("👋👋👋 CLOSE POPUP ".concat(_.code," 👋👋👋"));var t=Number(null===(e=_.rules.find((function(e){return"show_again_after_exit"==e.rule})))||void 0===e?void 0:e.value),l=Number(null===(a=_.rules.find((function(e){return"days_to_show_again"==e.rule})))||void 0===a?void 0:a.value);0==t&&(l?o.setCookie("lead_closed_".concat(_.code),"target_".concat(_.extra_fields.popupVersion),{domain:"."+d,days:l,path:"/"}):o.setCookie("lead_closed_".concat(_.code),"target_".concat(_.extra_fields.popupVersion),{domain:"."+d,path:"/"})),document.body.classList.remove("noscroll"),fetch("".concat(v,"api/campaign/").concat(_.code,"/popup_exit"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"CLICK",url:location.href.toLowerCase(),title_article:document.title,cookie_id:o.getCookie("hhg-id"),duration:Math.ceil((Date.now()-h.current)/1e3)})}),k(null),O(null)}};a.useEffect((function(){if(window.next){var e=s.default((function(e){T("--🌻 routeChangeComplete",e,Date.now());var a=location.pathname;j(),document.querySelectorAll('[data-popup-url="'.concat(a,'"]')).length||S({leadApi:v,leadDomain:d,leadSiteId:c,onShowPopup:P,DEBUG_URL:f}),g.current&&window.removeEventListener("scroll",g.current)}),500);window.next.router.events.on("routeChangeComplete",e)}S({leadApi:v,leadDomain:d,leadSiteId:c,onShowPopup:P,DEBUG_URL:f})}),[]);return a.useEffect((function(){_&&(h.current=Date.now())}),[_]),u.default.createElement(L.Provider,{value:{apiUrl:v,siteDomain:d,siteId:c,locale:m}},u.default.createElement(n.TranslationsContext.Provider,{value:{locale:m,values:R(m)}},l.createPortal(u.default.createElement(u.default.Fragment,null,_&&u.default.createElement(M,{campaign:_,onClose:j,onSubmit:function(a,t,l,n){return e.__awaiter(void 0,void 0,void 0,(function(){var r,i,c,u,s,m,p,f,g,h,b,k,E,N,w,C,x,S,B,L,P,A,I,U,q,D,M,H,V,R,F,W,J,G;return e.__generator(this,(function(e){switch(e.label){case 0:return a.preventDefault(),T("submitHandler",t,l),r=new FormData(a.currentTarget),i={},r.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])}})),u=2,s=o.getCookie("_ga")||null,window.intlTelInputUtils?[3,2]:[4,require("intl-tel-input/build/js/utils")];case 1:e.sent(),e.label=2;case 2:return m={url:location.href.toLowerCase(),title_article:document.title,meta:c.map((function(e){var a,t,l,o;return{key:null===(a=document.querySelector(".lead-modal__form.".concat(n,' [name="').concat(e.name,'"]')))||void 0===a?void 0:a.getAttribute("data-key"),value:(null==y?void 0:y.countryCodeNumber)&&["tel","tel1","tel2","tel3"].includes(e.name)?window.intlTelInputUtils.formatNumber(String(e.value),null==y?void 0:y.countryCodeNumber,u).replace(/\s+/g,""):e.value,control:e.name.replace(/\d+$/,""),is_sent_mailchimp:(null===(o=document.querySelector(".lead-modal__form.".concat(n," .mailchimp-").concat((null===(l=null===(t=document.querySelector(".lead-modal__form.".concat(n,' [name="').concat(e.name,'"]')))||void 0===t?void 0:t.getAttribute("data-key"))||void 0===l?void 0:l.replace(/\s/gi,"_"))||"")))||void 0===o?void 0:o.getAttribute("data-mailchimp"))||"false"}})),cookie_id:o.getCookie("hhg-id"),ga_client_id:s},t&&l[t].value_en&&(m.category=l[t].value_en),p=Number((null===(q=null===(U=_.rules)||void 0===U?void 0:U.find((function(e){return"days_to_show_again"===e.rule})))||void 0===q?void 0:q.value)||7),0==(f=Number((null===(M=null===(D=_.rules)||void 0===D?void 0:D.find((function(e){return"show_again_after_submit"===e.rule})))||void 0===M?void 0:M.value)||0))&&(T("⛔ Popup never show again!"),o.setCookie("lead_submited_".concat(_.code),"target_".concat(_.extra_fields.targetType),{domain:"."+d,path:"/"})),1==f&&(T("⌛ Popup will show again after ".concat(p," days!")),o.setCookie("lead_submited_".concat(_.code),"target_".concat(_.extra_fields.targetType),{domain:"."+d,days:p,path:"/"})),fetch("".concat(v,"api/campaign/").concat(_.code,"/lead"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(m)}),"notshow"==_.extra_fields.popupShowThankYou?(j(),document.body.classList.remove("noscroll"),[2]):(g=!0,h=_.thank_you_image||"".concat(v,"admin/img/thanksyou.png"),b=_.extra_fields.popupThankyouTitle||"Thank you.",k=_.extra_fields.popupThankyouDesc||"We appreciate your time!",E="",N="",x="","2.1"==_.extra_fields.popupVersion&&(S=_.extra_fields,B=JSON.parse(S.listBlockThankyou),L=B.find((function(e){return"TitleBlock"==e.name})),P=B.find((function(e){return"SubtitleBlock"==e.name})),A=B.find((function(e){return"LinkButtonBlock"==e.name})),b=(null===(H=null==L?void 0:L.data)||void 0===H?void 0:H.value)||"",E=(null===(V=null==L?void 0:L.data)||void 0===V?void 0:V.align)||"",k=(null===(R=null==P?void 0:P.data)||void 0===R?void 0:R.value)||"",N=(null===(F=null==P?void 0:P.data)||void 0===F?void 0:F.align)||"",w=(null===(W=null==A?void 0:A.data)||void 0===W?void 0:W.value)||"",C=(null===(J=null==A?void 0:A.data)||void 0===J?void 0:J.newtab)||!1,x=(null===(G=null==A?void 0:A.data)||void 0===G?void 0:G.url)||"",I=_.extra_fields.currentLayout,["SkinA","SkinB","Floating","Tab","CenterTab"].includes(I)&&(g=!1)),O(g?{title:b,titleAlign:E,subtitle:k,subtitleAlign:N,link:x,linkNewTab:C,linkText:w,image:h}: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:w,showThankyou:B})),r.getPopupWrapperDom())))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tslib.es6-53911a63.js"),a=require("react"),t=require("lodash/debounce"),l=require("react-dom"),n=require("./translationsContext-744e0996.js"),o=require("./cookieHelper-e80bc1b2.js"),r=require("./utils-602b3f25.js"),i=require("uuid"),d=require("./useTranslations-5b529f9a.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("dayjs"),require("./screenSizeContext-0b5e6685.js"),require("styled-components"),require("./index-b8197afa.js"),require("./isProduction-3dca84a3.js"),require("./Locale-762a0c5d.js"),require("./gAssets.js"),require("string-format"),require("lodash/throttle");var u=c(a),s=c(t),m=function(e){var a=e.onClose,t=e.containerClassName,l=e.svgClassName;return u.default.createElement("button",{onClick:a,className:"le-newbuilder-close-button js-modal__close ".concat(t||"")},u.default.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"},u.default.createElement("defs",null,u.default.createElement("filter",{width:"53",height:"53",filterUnits:"userSpaceOnUse"},u.default.createElement("feGaussianBlur",{result:"blur",stdDeviation:"3"}),u.default.createElement("feFlood",{floodOpacity:".4"}),u.default.createElement("feComposite",{in2:"blur",operator:"in"}),u.default.createElement("feComposite",{in:"SourceGraphic"})),u.default.createElement("style",{dangerouslySetInnerHTML:{__html:".cls-2{fill:none;stroke:#fff;stroke-linecap:round;stroke-width:2px}"}})),u.default.createElement("g",{filter:"url(#Ellipse_482)"},u.default.createElement("circle",{cx:"17.5",cy:"17.5",r:"17.5",transform:"translate(-483.1 -671.163)translate(483.1 671.16)translate(9 9)",fill:"#005cfd"})),u.default.createElement("path",{d:"M19 19L34 34",className:"cls-2"}),u.default.createElement("path",{d:"M34 19L19 34",className:"cls-2"})))},p=function(e){var a=e.popupId,t=e.url,l=e.newTab,n=e.imageDestkop,o=e.imageMobile,r=e.onClose,i=e.onOtherSubmit;return u.default.createElement("div",{id:a,className:"lead-modal-wrapper","data-popup-url":location.pathname,"data-popup-type":"center_tab"},u.default.createElement("div",{className:"le-center-tab-popup"},u.default.createElement("div",{style:{position:"relative"}},u.default.createElement("a",{className:"js-popup-other-submit",href:t,target:l?"blank":"_parent",onClick:i},u.default.createElement("img",{className:"le-only-mobile",src:o}),u.default.createElement("img",{className:"le-only-desktop",src:n})),u.default.createElement(m,{onClose:r,containerClassName:"le-abs-outer-mobile-top-right-2",svgClassName:"le-mobile-btn"}))))},f=function(e){var a=e.popupId,t=e.url,l=e.title,n=e.urlText,o=e.titleAlign,r=e.subtitle,i=e.subtitleAlign,d=e.newTab,c=e.imageDesktop,s=e.imageMobile,p=e.onClose,f=e.onOtherSubmit;return u.default.createElement("div",{id:a,className:"lead-modal-wrapper lead-floating-wrapper","data-popup-url":location.pathname,"data-popup-type":"floating"},u.default.createElement("aside",{className:"le-only-desktop"},u.default.createElement("div",{className:"le-floating-desktop"},u.default.createElement("div",{className:"le-floating-desktop-wrap",style:{position:"relative",background:"#fff"}},c?u.default.createElement("div",null,u.default.createElement("img",{style:{maxWidth:120,borderTopLeftRadius:5,borderBottomLeftRadius:5},src:c})):null,u.default.createElement("div",{style:{padding:20}},u.default.createElement("div",{className:"le-floating-desktop-title le-text-align-".concat(o)},l),u.default.createElement("div",{className:"le-floating-desktop-desc le-text-align-".concat(i)},r)),u.default.createElement("a",{target:d?"blank":"_parent",style:{marginLeft:35,textDecoration:"none"},href:t},u.default.createElement("button",{className:"le-joinbow-floating-btn js-popup-other-submit",onClick:f},n)),u.default.createElement(m,{onClose:p,containerClassName:"le-abs-outer-top-right"})))),u.default.createElement("aside",{className:"le-only-mobile"},u.default.createElement("div",{className:"le-floating-mobile"},u.default.createElement("div",{className:"le-floating-mobile-wrap",style:{position:"relative",background:"#fff"}},u.default.createElement("aside",{style:{display:"flex",justifyContent:"space-between"}},u.default.createElement("div",null,u.default.createElement("div",{className:"le-floating-mobile-title le-text-align-".concat(o)},l),u.default.createElement("div",{className:"le-floating-mobile-desc le-text-align-".concat(i)},r)),s?u.default.createElement("div",null,u.default.createElement("img",{style:{marginLeft:15,marginTop:4,maxWidth:100},src:s})):null),u.default.createElement("div",{style:{textAlign:"center",marginTop:10}},u.default.createElement("a",{target:d?"blank":"_parent",href:t,style:{textDecoration:"none"}},u.default.createElement("button",{className:"le-joinbow-floating-btn js-popup-other-submit",onClick:f},n))),u.default.createElement(m,{onClose:p,containerClassName:"le-abs-outer-top-right",svgClassName:"le-mobile-btn"})))))},g={LINKS:1,TAGS:2},h="https://dev.leadgen.hellobacsi.com/",v={MOBILE:1,DESKTOP:2},b="";h.includes("localhost")&&(h="https://dev.leadgen.hellobacsi.com/"),location.hostname.includes("marrybaby.vn")&&(b="pink");var _="https://"+location.hostname+location.pathname+location.search;_=_.toLowerCase(),sessionStorage.getItem("insider_object")&&(window.insider_object=JSON.parse(sessionStorage.getItem("insider_object")));var k={"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}},y=k[document.documentElement.lang]||k["vi-VN"];var E=new function(){this.apiLeadUrl="https://dev.leadgen.hellobacsi.com/",this.apiSubotUrl="https://staging-service-subot.hellohealthgroup.com/"},N=function(a){var t=a.url,l=a.data,n=void 0===l?void 0:l,o=e.__rest(a,["url","data"]);return o.body=JSON.stringify(n),o.headers={"Content-Type":"application/json"},fetch("".concat(E.apiLeadUrl).concat(t),o).then((function(e){return e.json()})).catch((function(e){return{}}))},w=function(a){var t=a.url,l=a.data,n=e.__rest(a,["url","data"]);return n.body=JSON.stringify(l),n.headers={"Content-Type":"application/json"},fetch("".concat(E.apiSubotUrl).concat(t),n).then((function(e){return e.json()})).catch((function(e){return{}}))},C={campaignGetById:function(e){return N({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)),w({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)),N({url:"api/subot-campaign/check",method:"post",data:{campaign_id:a,email:t,phone:l}})}};var x=function(a){for(var t=e.__spreadArray([],a,!0),l=t.length-1;l>0;l--){var n=Math.floor(Math.random()*(l+1)),o=t[l];t[l]=t[n],t[n]=o}return t};function S(a){var t=a.leadApi,l=a.leadSiteId,n=a.leadDomain,r=a.onShowPopup,d=a.DEBUG_URL||("https://"+location.hostname+location.pathname+location.search).toLowerCase();fetch(t+"api/campaign/"+l,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({url:d,ga_client_id:o.getCookie("_ga")||null})}).then((function(e){return e.json()})).then((function(a){var t,l,c,u,s;if(T("List campagin: ",a),_="https://"+location.hostname+location.pathname+location.search,1==a._status){var m=(null===(l=null===(t=a._data)||void 0===t?void 0:t.campaigns)||void 0===l?void 0:l.filter((function(e){return 1===e.formatted_status})))||[];o.getCookie("hhg-id")||(o.setCookie("hhg-id",i.v1(),{domain:"."+n,path:"/"}),T("😍 Set HHG ID cookie"));var p=[];p=/Android|webOS|iPhone|iPad|iPod|BlackBerry|BB|PlayBook|IEMobile|Windows Phone|Kindle|Silk|Opera Mini/i.test(navigator.userAgent)?m.filter((function(e){return e.device_types.some((function(e){return e.id==v.MOBILE}))})):m.filter((function(e){return e.device_types.some((function(e){return e.id==v.DESKTOP}))})),T("👓 campaignsDevice",p);var f=p.map((function(a,t){return a.targets.filter((function(e){return e.type==g.LINKS})).map((function(a){return e.__assign(e.__assign({},a),{campaignIndex:t})}))})).flat(1);f=f.filter((function(e){var a=new URL(String(e.target).toLowerCase());return"exact_match"==e.option?Boolean(d===a.href):"start_with"==e.option?!!d.includes(String(e.target))&&!e.sub_target.filter((function(e){return"excluding"==e.option})).map((function(e){return e.value})).includes(d):void 0}));var 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=p.map((function(a,t){return a.targets.filter((function(e){return e.type==g.TAGS})).map((function(a){return e.__assign(e.__assign({},a),{campaignIndex:t})}))})).flat(1).filter((function(e){return h.includes(e.target)})));var k=e.__spreadArray(e.__spreadArray([],f,!0),b,!0),y=document.cookie.split("; ").map((function(e){return e.split("=")[0]})),E=y.filter((function(e){return e.includes("lead_submited")}));T("--listCampaignCodeSubmited",E);var N=y.filter((function(e){return e.includes("lead_closed")}));T("--listCampaignCodeClosed",N);var w=e.__spreadArray(e.__spreadArray([],E,!0),N,!0),C=k.filter((function(e){return!w.some((function(a){return a.includes(p[e.campaignIndex].code)}))})),S=x(C);if(T("--listCampaignValid : ",S),S&&S.length){var B=p[S[0].campaignIndex];T("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);T("timeoutRule",O);var P=Number(null===(u=L.find((function(e){return"scroll"==e.rule})))||void 0===u?void 0:u.value);T("scrollRule",P);var j=Number(null===(s=L.find((function(e){return"exclude_sponsored"==e.rule})))||void 0===s?void 0:s.value);T("excludeSponsored",j);var A=Boolean(document.querySelector(".hhg-disclaimer-text"));if(T("💎 LEAD current page isSponsored",A),A&&j)return;var I="TIME";if(Number.isInteger(O)&&(I="TIME",T("✨ SHOW AWESOME POPUP AFTER: ",O," seconds"),setTimeout((function(){null==r||r(B,I)}),1e3*O)),Number.isInteger(P)){I="SCROLL",T("✨ SHOW AWESOME AFTER: SCROLL",P," %");var U=document.querySelector('[data-url="'.concat(location.pathname,'"]'))||document.querySelector("body"),q=U.getBoundingClientRect().top,D=U.offsetHeight;T("👓 Element check scroll: ",U);var M=function(){var e=window.pageYOffset||document.documentElement.scrollTop,a=0;e>=q&&(a=Math.round((e-q)/(D-innerHeight)*100)),T("---Scroll",a,P),a>=P&&(window.removeEventListener("scroll",M),null==r||r(B,I))};window.addEventListener("scroll",M,{passive:!0})}}else T("🚧 No lead campaigns on current URL, tags")}})).catch((function(e){T("Lead error: ",e)}))}var T=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 B(t,l){var n=this,o=d.useTranslations().t,r=a.useState({email:"",phone:""}),i=r[0],c=r[1],u=a.useState(!1),s=u[0],m=u[1];return{errorField:i,loadingValidate:s,inputOnBlur:function(a,r){return e.__awaiter(n,void 0,void 0,(function(){var n,d,u,s,p,f,g,h,v,b;return e.__generator(this,(function(_){switch(_.label){case 0:if(n="",d="",u=r.target.value,"email"===a&&/^(([^<>()[\]\\.,;:\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(u).toLowerCase())?(n="email",d=o("validator.emailUsed")):"tel"===a&&window.intlTelInputUtils.isValidNumber(String(u),y.countryCode)&&(n="phone",d=o("validator.phoneUsed")),!n)return[2];_.label=1;case 1:return _.trys.push([1,5,,6]),m(!0),[4,C.validateEmailOrPhoneOnLeadGen((f={campaign_id:[t]},f[n]=u,f))];case 2:return"SubmitLeadWithBotId_ERR_001"===(s=_.sent())._errorCode||"SubmitLeadWithBotId_ERR_002"===s._errorCode?(c(e.__assign(e.__assign({},i),((g={})[n]=d,g))),m(!1),[2]):l.length?[4,C.validateEmailOrPhoneOnSubot((h={bot_id:l},h[n]=u,h))]:[3,4];case 3:if("CheckSuBotLeadTool_ERR_001"===_.sent()._errorCode)return c(e.__assign(e.__assign({},i),((v={})[n]=d,v))),m(!1),[2];_.label=4;case 4:return c(e.__assign(e.__assign({},i),((b={})[n]="",b))),[3,6];case 5:return p=_.sent(),T("err",p),[3,6];case 6:return m(!1),[2]}}))}))}}}var L=a.createContext({}),O=function(e){var a=e.title,t=e.titleAlign,l=e.subtitle,n=e.subtitleAlign,o=e.link,r=e.linkNewTab,i=e.linkText,d=e.image;return u.default.createElement("div",{className:"lead-modal__thank-you"},u.default.createElement("div",{style:{width:"100%"}},u.default.createElement("img",{src:d,style:{maxHeight:162,objectFit:"cover"}}),a&&u.default.createElement("h1",{className:"le-thankyou-title le-text-align-".concat(t)},a),l&&u.default.createElement("p",{className:"le-thankyou-subtitle le-text-align-".concat(n)},l),i&&u.default.createElement("div",null,u.default.createElement("a",{href:o,target:r?"_blank":"parrent",rel:"noreferrer"},u.default.createElement("button",{className:"lead-modal__btn ".concat(b)},i)))))},P=function(t){var n=t.content,o=t.inlinePosition,r=a.useMemo((function(){if(!o)return null;var a=document.querySelectorAll('[data-url="'.concat(location.pathname,'"] .body-content')),t=Array.from(a).reduce((function(a,t){return e.__spreadArray(e.__spreadArray([],a,!0),Array.from(t.children),!0)}),[]);if(null==t?void 0:t.length){var l=t.filter((function(e){return"P"===e.nodeName})),n=t.filter((function(e){return"H2"===e.nodeName})),r=null;switch(o){case"1th":r=l[0];break;case"2th":r=l[1];break;case"3th":r=l[2];break;case"4th":r=l[3];break;case"5th":r=l[4];break;case"6th":r=l[5];break;case"7th":r=l[6];break;case"8th":r=l[7];break;case"9th":r=l[8];break;case"10th":r=l[9];break;case"11th":r=l[10];break;case"12th":r=l[11];break;case"lastP":r=l[l.length-1];break;case"1thH2":r=n[0];break;case"2thH2":r=n[1];break;case"3thH2":r=n[2];break;case"4thH2":r=n[3];break;case"5thH2":r=n[4];break;case"6thH2":r=n[5];break;case"7thH2":r=n[6];break;case"8thH2":r=n[7];break;case"9thH2":r=n[8];break;case"10thH2":r=n[9];break;case"lastH2":r=n[n.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}}}),[o]);return o&&r?l.createPortal(n,r):null},j=function(e){var t=e.content,n=a.useMemo((function(){var e=Array.from(document.querySelectorAll(".hc2-sidebar-with-ads,.page-main-col .right-col.f-right,.hhg-lead-sidebar"));return e.forEach((function(e){if(!e.querySelector(".sidebar-lead-modal-wrapper")){var 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 u.default.createElement(u.default.Fragment,null,n.map((function(e){return l.createPortal(t,r.getWrapperDomWithSelector(e,"sidebar-lead-modal-wrapper"))})))},A=function(t){var l,n,o,r=t.popupId,i=t.extraFields,c=t.onClose,s=t.onOtherSubmit,m=t.imageMobile,p=t.imageDesktop,f=t.imageOverlayMobile,g=t.imageOverlayDesktop,h=t.imageBackground,v=t.currentLayout,_=t.title,k=t.onSubmit,E=t.showThankyou,N=t.campaignId,w=t.campaign_subot_id,C=d.useTranslations().t,x=JSON.parse(i.listBlockAdded),S=JSON.parse(i.actionBlocks),A=JSON.parse(i.textBlocks),I=a.useContext(L).apiUrl,U=S.submitBlock.data.url,q=S.submitBlock.data.text,D=S.submitBlock.data.text2,M=S.submitBlock.data.value,H=location.pathname,V=B(N,w),R=V.errorField,F=V.loadingValidate,W=V.inputOnBlur,J=v.includes("Inline")||"Sidebar"===v,G="Slider"===v,Y=a.useState(!0),z=Y[0],K=Y[1];if(window.innerWidth<769&&["Fullscreen","Slider"].includes(v))return T("😎 Not show fullscreen, slider on mobile "),null;a.useEffect((function(){(v.includes("LightBox")||"Fullscreen"==v)&&document.body.classList.add("noscroll")}),[]);var Q=function(a,t){return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return t.target.validity.valueMissing?(t.target.setCustomValidity(C("validator.required")),[3,6]):[3,1];case 1:return t.target.validity.valid||t.target.validity.customError?[3,2]:("tel"===a?t.target.setCustomValidity(C("validator.phone")):"date"===a?t.target.setCustomValidity(C("validator.date")):"email"===a&&t.target.setCustomValidity(C("validator.email")),[3,6]);case 2:return"tel"!==a?[3,5]:window.intlTelInputUtils?[3,4]:[4,require("intl-tel-input/build/js/utils")];case 3:e.sent(),e.label=4;case 4:return window.intlTelInputUtils.isValidNumber(String(t.target.value),y.countryCode)?t.target.setCustomValidity(""):t.target.setCustomValidity(C("validator.phone")),[3,6];case 5:t.target.setCustomValidity(""),e.label=6;case 6:return[2]}}))}))},X=a.useMemo((function(){var e={TextBlock:0,NumberBlock:0,EmailBlock:0,PhoneBlock:0,DateBlock:0,CheckboxBlock:0,RadioBlock:0};return x.map((function(a,t){var l,n,o;if("TitleBlock"==a.name)return u.default.createElement("h2",{key:t,className:"lead-modal__title ".concat("le-text-align-"+((null===(l=a.data)||void 0===l?void 0:l.align)||"")," ").concat(b)},a.data.value);if("SubtitleBlock"==a.name)return u.default.createElement("p",{key:t,className:"lead-modal__description ".concat("le-text-align-"+((null===(n=a.data)||void 0===n?void 0:n.align)||"")," ").concat(b)},a.data.value);if("TextBlock"==a.name)return e.TextBlock+=1,u.default.createElement("div",{key:t},u.default.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},u.default.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 Q("text",e)}}),u.default.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(I,"admin/img/builder/text.svg")})));if("NumberBlock"==a.name){var r=u.default.createElement("div",{key:t},u.default.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},u.default.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 Q("number",e)}}),u.default.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(I,"admin/img/builder/number.svg")})));return e.NumberBlock+=1,r}if("EmailBlock"==a.name){r=u.default.createElement("div",{key:t},u.default.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},u.default.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 Q("email",e)},onBlur:function(e){return W("email",e)}}),u.default.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(I,"admin/img/builder/email.svg")})),R.email&&u.default.createElement("label",{className:"error"},R.email));return e.EmailBlock+=1,r}if("PhoneBlock"==a.name){r=u.default.createElement("div",{key:t},u.default.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},u.default.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 Q("tel",e)},onBlur:function(e){return W("tel",e)}}),u.default.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(I,"admin/img/builder/tel.svg")})),R.phone&&u.default.createElement("label",{className:"error"},R.phone));return e.PhoneBlock+=1,r}if("DateBlock"==a.name){r=u.default.createElement("div",null,u.default.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},u.default.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 Q("date",e)}}),u.default.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(I,"admin/img/builder/date.svg")})));return e.DateBlock+=1,r}if("LinkButtonBlock"==a.name)return u.default.createElement("div",{key:t},u.default.createElement("a",{target:a.data.newtab?"blank":"parrent",href:a.data.url,style:{textDecoration:"none"}},u.default.createElement("button",{type:"button",className:"lead-modal__btn js-modal__close js-popup-other-submit ".concat(b),onClick:function(){null==c||c(),null==s||s()}},a.data.value)));if("CheckboxBlock"==a.name){var i=a.data,d=i.listQuestion,m=i.isSendMailChimp,p=void 0!==m&&m;r=u.default.createElement("div",{key:t,style:{margin:"5px 0"}},u.default.createElement("div",{className:"le-checkbox-title"},a.data.placeholder),u.default.createElement("div",{className:"mailchimp-".concat(null===(o=a.data.value)||void 0===o?void 0:o.replace(/\s/gi,"_")),"data-mailchimp":p}),d.map((function(t,l){return u.default.createElement("label",{key:l,className:"lead-checkbox-container"},u.default.createElement("input",{"data-key":a.data.value,name:"checkbox"+(e.CheckboxBlock?e.CheckboxBlock:"")+"[]",value:t.value,type:"checkbox",onChange:function(e){return Q("checkbox",e)}}),u.default.createElement("span",{className:"lead-checkbox-checkmark"}),t.placeholder)})));return e.CheckboxBlock+=1,r}if("RadioBlock"==a.name){d=a.data.listQuestion,r=u.default.createElement("div",{key:t,style:{margin:"5px 0"}},u.default.createElement("div",{className:"le-checkbox-title"},a.data.placeholder),d.map((function(t,l){return u.default.createElement("label",{className:"lead-radio-container",key:l},u.default.createElement("input",{"data-key":a.data.value,name:"radio"+(e.RadioBlock?e.RadioBlock:""),value:t.value,type:"radio",onChange:function(e){return Q("radio",e)}}),u.default.createElement("span",{className:"lead-radio-checkmark"}),t.placeholder)})));return e.RadioBlock+=1,r}if("DropdownBlock"==a.name){d=a.data.listQuestion,r=u.default.createElement("div",{key:t,style:{margin:"5px 0"}},u.default.createElement("div",{className:"le-checkbox-title"},a.data.placeholder),u.default.createElement("div",{className:"le-newbuilder-select-wrapper"},u.default.createElement("select",{className:"le-newbuilder-select","data-key":a.data.value,name:"dropdown"+(e.DropdownBlock?e.DropdownBlock:"")},d.map((function(e,a){return u.default.createElement("option",{key:a,value:e.value},e.placeholder)})))));return e.DropdownBlock+=1,r}}))}),[R.email,R.phone]),Z=u.default.createElement(u.default.Fragment,null,u.default.createElement("style",{dangerouslySetInnerHTML:{__html:".le-newbuilder-overlay {\n        background: url(".concat(f,") ;\n        background-repeat: no-repeat;\n        background-size: cover;\n      }\n      @media screen and (min-width:768px) {\n        .le-newbuilder-overlay {\n          background: url(").concat(g,") ;\n          background-repeat: no-repeat;\n          background-size: cover;\n        }\n      }")}}),u.default.createElement("div",{id:r,"data-popup-url":H,"data-popup-type":"lightbox-inline",className:"lead-modal lead-modal-wrapper modal--animate-scale ".concat(J?"le-buider-inline":""," ").concat(G?"le-buider-slider":"")},"Fullscreen"==v?u.default.createElement("img",{className:"le-only-desktop le-fullscreen-img",draggable:!1,src:h||""}):null,u.default.createElement("div",{className:"lead-modal__wrapper le-newbuilder-wrap-".concat(v)},u.default.createElement("div",{className:"lead-modal__content le-newbuilder-".concat(v)},E?u.default.createElement(O,{title:E.title,titleAlign:E.titleAlign,subtitle:E.subtitle,subtitleAlign:E.subtitleAlign,link:E.link,linkNewTab:E.linkNewTab,linkText:E.linkText,image:E.image}):u.default.createElement(u.default.Fragment,null,u.default.createElement("header",{className:"lead-modal__header"},["LightBoxA","InlineA","Sidebar","Slider"].includes(v)?m?u.default.createElement("img",{draggable:"false",className:"lead-modal__image lead-modal-image-cover",src:m,alt:""}):null:u.default.createElement(u.default.Fragment,null,p?u.default.createElement("img",{draggable:"false",className:"le-only-desktop lead-modal__image lead-modal-image-cover",style:{height:"100%",objectFit:"cover"},src:p,alt:""}):null,m?u.default.createElement("img",{draggable:"false",className:"le-only-mobile lead-modal__image lead-modal-image-cover",src:m,alt:""}):null)),u.default.createElement("div",{className:"lead-modal__body le-newbuilder-overlay"},u.default.createElement("form",{className:"lead-modal__form ".concat(r),onSubmit:function(e){e.preventDefault(),F||R.email||R.phone||k(e)}},u.default.createElement("div",{style:{marginBottom:20}},u.default.createElement("h2",{className:"lead-modal__title ".concat("le-text-align-"+(null===(l=A.titleBlock.data)||void 0===l?void 0:l.align)," ").concat(b)},_),u.default.createElement("p",{className:"lead-modal__description ".concat("le-text-align-"+(null===(n=A.titleBlock.data)||void 0===n?void 0:n.align)," ").concat(b)},A.subtitleBlock.data.value)),u.default.createElement("div",null,X),(null===(o=null==S?void 0:S.submitBlock)||void 0===o?void 0:o.isHide)?null:u.default.createElement(u.default.Fragment,null,u.default.createElement("div",{className:"lead-modal__checkbox-wrapper ".concat(b)},u.default.createElement("div",{className:"lead-modal__checkbox"},u.default.createElement("input",{id:"lead-term-checkbox",className:"lead-modal__checkbox__input ".concat(b),type:"checkbox","aria-label":"Checkbox label",checked:z,onChange:function(e){return K(e.currentTarget.checked)}}),u.default.createElement("div",{className:"lead-modal__checkbox__control","aria-hidden":"true"})),u.default.createElement("label",{htmlFor:"checkbox",className:"lead-modal__checkbox__label"},q," ",u.default.createElement("span",{style:{fontWeight:"bold"}},u.default.createElement("a",{target:"blank",href:U||"https://hellobacsi.com/chinh-sach",rel:"noopener noreferrer",style:{textDecoration:"none"}},D)))),u.default.createElement("button",{id:"lead-submit",type:"submit",className:"lead-modal__btn ".concat(b),disabled:!z},M)))))),!v.includes("Inline")&&u.default.createElement("button",{className:"lead-modal__close-btn ".concat("Fullscreen"==v?"lead-fullscreen-desktop-close-btn":""," js-modal__close ").concat(b),onClick:c},u.default.createElement("svg",{className:"lead-modal__close-icon",viewBox:"0 0 24 24"},u.default.createElement("g",{fill:"none",stroke:"currentColor",strokeMiterlimit:"10",strokeWidth:"2"},u.default.createElement("line",{x1:"3",y1:"3",x2:"21",y2:"21"}),u.default.createElement("line",{x1:"21",y1:"3",x2:"3",y2:"21"})))))));return v.includes("LightBox")||"Fullscreen"==v||"Slider"==v?Z:"Sidebar"==v?u.default.createElement(j,{content:Z}):v.includes("Inline")?u.default.createElement(P,{content:Z,inlinePosition:i.popupInlinePosition}):null},I=function(e){var a=e.popupId,t=e.link,l=e.linkText,n=e.linkNewTab,o=e.onClose,r=e.imageMobile,i=e.imageDesktop,d=e.currentLayout,c=e.onOtherSubmit,s=location.pathname;return u.default.createElement("div",{id:a,className:"lead-modal-wrapper","data-popup-url":s,"data-popup-type":"skin_ab"},"SkinA"==d?u.default.createElement("aside",{className:"le-only-desktop"},u.default.createElement("div",{className:"le-skin-a-desktop"},u.default.createElement("div",{style:{position:"relative"}},u.default.createElement("img",{src:i}),u.default.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"},u.default.createElement("button",{onClick:c,className:"le-joinbow-btn js-popup-other-submit"},l)),u.default.createElement("button",{className:"lead-modal__close-btn js-modal__close ".concat(b)},u.default.createElement("svg",{className:"lead-modal__close-icon",viewBox:"0 0 24 24"},u.default.createElement("g",{fill:"none",stroke:"currentColor",strokeMiterlimit:"10",strokeWidth:"2"},u.default.createElement("line",{x1:"3",y1:"3",x2:"21",y2:"21"}),u.default.createElement("line",{x1:"21",y1:"3",x2:"3",y2:"21"}))))))):"SkinB"==d?u.default.createElement("aside",{className:"le-only-desktop"},u.default.createElement("div",{className:""},u.default.createElement("div",{style:{position:"relative",zIndex:1e4}},u.default.createElement("img",{src:i,style:{width:"100%"}}),u.default.createElement("a",{style:{position:"absolute",top:"75%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center",width:"100%"},href:t,target:n?"blank":"_parent"},u.default.createElement("button",{onClick:c,className:"le-joinbow-btn-mobile js-popup-other-submit"},l)),u.default.createElement(m,{containerClassName:"le-abs-top-right",onClose:o})))):null,u.default.createElement("aside",{className:"le-only-mobile"},u.default.createElement("div",{className:"le-skin-mobile"},u.default.createElement("div",{style:{position:"relative"}},u.default.createElement("img",{src:r,style:{width:"100%"}}),u.default.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"},u.default.createElement("button",{onClick:c,className:"le-joinbow-btn-mobile js-popup-other-submit"},l)),u.default.createElement(m,{containerClassName:"le-abs-top-right",svgClassName:"le-mobile-btn",onClose:o})))))},U=function(e){var a=e.popupId,t=e.url,l=e.newTab,n=e.image,o=e.onClose,r=e.onOtherSubmit;return u.default.createElement("div",{id:a,className:"lead-modal-wrapper","data-popup-url":location.pathname,"data-popup-type":"tab"},u.default.createElement("div",{className:"le-tab-popup"},u.default.createElement("div",{style:{position:"relative"}},u.default.createElement("a",{href:t,target:l?"blank":"_parent",onClick:r},u.default.createElement("img",{className:"js-popup-other-submit",src:n})),u.default.createElement(m,{onClose:o,containerClassName:"le-abs-outer-mobile-top-right-2",svgClassName:"le-mobile-btn"}))))};var q=function(e){var t,l,n=e.campaign,r=e.action,c=e.onSubmit,s=e.onClose,m=e.showThankyou;d.useTranslations().t;var g=a.useContext(L),h=g.apiUrl,v=g.siteDomain;a.useEffect((function(){var e=o.getCookie("_ga")||null;fetch("".concat(h,"api/campaign/").concat(y,"/impression"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:r,url:location.href.toLowerCase(),title_article:document.title,cookie_id:o.getCookie("hhg-id"),ga_client_id:e})})}),[]);var b=n.extra_fields,_=n.image,k=n.image_desktop,y=n.code,E=n.image_background,N=n.image_overlay_mobile,w=n.image_overlay_desktop,C=b.currentLayout,x=b.imageBlocks?JSON.parse(b.imageBlocks):{},S=JSON.parse(b.actionBlocks),B=JSON.parse(b.textBlocks),O=(null===(l=null===(t=null==B?void 0:B.titleBlock)||void 0===t?void 0:t.data)||void 0===l?void 0:l.value)||"",P={1:{},2:{},3:{}},j=a.useRef("lead-modal-"+i.v1()),q=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}(O);if(q){T("⚡️ Has categoryLevel",q);var D=Array.from(document.getElementsByTagName("META")),M=D.find((function(e){return e.name==="content_category_".concat(q)})),H=D.find((function(e){return e.name==="content_category_en_".concat(q)}));if(!M||!H)return T("⚡️ No META TAG for categoryLevel, not show popup",q),null;P[q]={value:M.content,value_en:H.content},O=O.replace("{{category_".concat(q,"}}"),M.content),T("⚡️ Set categoryData ",q)}else T("⚡️ No categoryLevel",q);var V=function(){var e,a,t,l;if(T("👌 Other submit click"),document.body.classList.remove("noscroll"),C.includes("Skin")){var r=document.querySelector("#masthead");r&&(r.style.top="0px !important;")}var i=Number(null!==(a=null===(e=n.rules.find((function(e){return"days_to_show_again"==e.rule})))||void 0===e?void 0:e.value)&&void 0!==a?a:7),d=Number(null!==(l=null===(t=n.rules.find((function(e){return"show_again_after_submit"==e.rule})))||void 0===t?void 0:t.value)&&void 0!==l?l:0);0===d&&(T("⛔ Popup never show again!"),o.setCookie("lead_submited_".concat(y),"target_".concat(b.popupVersion),{domain:"."+v,path:"/"})),1==d&&(T("⌛ Popup will show again after ".concat(i," days!")),o.setCookie("lead_submited_".concat(y),"target_".concat(b.popupVersion),{domain:"."+v,days:i,path:"/"}));var c=o.getCookie("_ga")||null,u={url:location.href.toLowerCase(),title_article:document.title,meta:[],cookie_id:o.getCookie("hhg-id"),ga_client_id:c};q&&(u.category=P[q].value_en),fetch("".concat(h,"api/campaign/").concat(y,"/lead"),{method:"POST",body:JSON.stringify(u),headers:{"Content-Type":"application/json","X-Requested-With":"XMLHttpRequest"}}).then((function(e){return e.json()})).then((function(e){"error"===e.status&&T(e)})).catch((function(e){T("Error:",e)})),null==s||s()};return"CenterTab"===C?u.default.createElement(p,{popupId:j.current,url:x.imageMobile.data.url,newTab:x.imageMobile.data.newtab,imageMobile:_,imageDestkop:k,onClose:s,onOtherSubmit:V}):"Tab"===C?u.default.createElement(U,{popupId:j.current,url:x.imageMobile.data.url,newTab:x.imageMobile.data.newtab,image:_,onClose:s,onOtherSubmit:V}):"Floating"===C?u.default.createElement(f,{popupId:j.current,title:O,titleAlign:B.titleBlock.data.align,subtitle:B.subtitleBlock.data.value,subtitleAlign:B.subtitleBlock.data.align,url:S.linkButtonBlock.data.url,urlText:S.linkButtonBlock.data.value,newTab:S.linkButtonBlock.data.newtab,imageMobile:_,imageDesktop:k,onClose:s,onOtherSubmit:V}):C.includes("LightBox")||C.includes("Inline")||"Fullscreen"==C||"Sidebar"==C||"Slider"==C?u.default.createElement(A,{popupId:j.current,extraFields:b,onClose:s,onOtherSubmit:V,imageMobile:_,imageDesktop:k,imageBackground:E,currentLayout:C,title:O,onSubmit:function(e){return c(e,q,P,j.current)},key:C,imageOverlayDesktop:w,imageOverlayMobile:N,showThankyou:m,campaignId:n.id,campaign_subot_id:n.bot_id||[]}):C.includes("Skin")?u.default.createElement(I,{popupId:j.current,link:S.linkButtonBlock.data.url,linkNewTab:!!S.linkButtonBlock.data.newtab,linkText:S.linkButtonBlock.data.value,onClose:s,onOtherSubmit:V,imageMobile:_,imageDesktop:k,currentLayout:C}):null},D=function(t){var l=t.campaign,n=t.action,r=t.onSubmit,i=t.onClose,c=t.showThankyou,s=d.useTranslations().t,m=a.useState(!0),p=m[0],f=m[1];a.useEffect((function(){document.body.classList.add("noscroll");var e=o.getCookie("_ga")||null;fetch("".concat(x,"api/campaign/").concat(v,"/impression"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:n||"",url:location.href.toLowerCase(),title_article:document.title,cookie_id:o.getCookie("hhg-id"),ga_client_id:e})})}),[]);var g=l.extra_fields,h=l.image,v=l.code,_=g.title,k=g.desc,E=g.submit,N=g.popUpTermURL,w=g.popUpTermAgreeText,C=g.popUpTermText,x=a.useContext(L).apiUrl,S=g.fields?JSON.parse(g.fields):[],T={tel:0,text:0,date:0,email:0},B=function(a,t){return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return t.target.validity.valueMissing?(t.target.setCustomValidity(s("validator.required")),[3,5]):[3,1];case 1:return t.target.validity.valid||t.target.validity.customError?[3,2]:("tel"===a?t.target.setCustomValidity(s("validator.phone")):"date"===a?t.target.setCustomValidity(s("validator.date")):"email"===a&&t.target.setCustomValidity(s("validator.email")),[3,5]);case 2:return"tel"!==a?[3,4]:[4,require("intl-tel-input")];case 3:return e.sent().isValidNumber(String(t.target.value),y.countryCode)?t.target.setCustomValidity(""):t.target.setCustomValidity(s("validator.phone")),[3,5];case 4:t.target.setCustomValidity(""),e.label=5;case 5:return[2]}}))}))},P=S.map((function(e,a){var t=u.default.createElement(u.default.Fragment,null);return t="date"==e.control?u.default.createElement("div",{key:a,className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},u.default.createElement("input",{required:!0,type:"date","data-key":e.listEdit[0].value,name:T.date?e.control+T.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 B(e.control,a)}}),u.default.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(x,"admin/img/builder/").concat(e.name,".svg")})):u.default.createElement("div",{key:a,className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},u.default.createElement("input",{required:!0,"data-key":e.listEdit[0].value,name:T[e.control]?e.control+T[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 B(e.control,a)}}),u.default.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(x,"admin/img/builder/").concat(e.name,".svg")})),"date"==e.control&&(T.date+=1),"text"==e.control&&(T.text+=1),"tel"==e.control&&(T.tel+=1),"email"==e.control&&(T.email+=1),t}));return u.default.createElement("div",{id:"lead-modal",className:"lead-modal modal--animate-scale"},u.default.createElement("div",{className:"lead-modal__wrapper animate__animated "},u.default.createElement("div",{className:"lead-modal__content"},c?u.default.createElement(O,{title:c.title,titleAlign:c.titleAlign,subtitle:c.subtitle,subtitleAlign:c.subtitleAlign,link:c.link,linkNewTab:c.linkNewTab,linkText:c.linkText,image:c.image}):u.default.createElement(u.default.Fragment,null,u.default.createElement("header",{className:"lead-modal__header"},!!h&&u.default.createElement("img",{className:"lead-modal__image lead-modal-image-cover",src:h,alt:""})),u.default.createElement("div",{className:"lead-modal__body"},u.default.createElement("h2",{className:"lead-modal__title ".concat(b)},_),u.default.createElement("p",{className:"lead-modal__description ".concat(b)},k),u.default.createElement("form",{className:"lead-modal__form",onSubmit:function(e){e.preventDefault(),r(e)}},P,u.default.createElement("div",{className:"lead-modal__checkbox-wrapper ".concat(b)},u.default.createElement("div",{className:"lead-modal__checkbox"},u.default.createElement("input",{id:"lead-term-checkbox",className:"lead-modal__checkbox__input ".concat(b),type:"checkbox","aria-label":"Checkbox label",checked:p,onChange:function(e){return f(e.currentTarget.checked)}}),u.default.createElement("div",{className:"lead-modal__checkbox__control","aria-hidden":"true"})),u.default.createElement("label",{htmlFor:"checkbox",className:"lead-modal__checkbox__label"},w," ",u.default.createElement("span",{style:{fontWeight:"bold"}},u.default.createElement("a",{target:"blank",href:N||"https://hellobacsi.com/chinh-sach",style:{textDecoration:"none"},rel:"noopener noreferrer"},C)))),u.default.createElement("button",{id:"lead-submit",type:"submit",className:"lead-modal__btn ".concat(b),disabled:!p},E))))),u.default.createElement("button",{className:"lead-modal__close-btn js-modal__close ".concat(b),onClick:i},u.default.createElement("svg",{className:"lead-modal__close-icon",viewBox:"0 0 24 24"},u.default.createElement("title",null,"Close modal window"),u.default.createElement("g",{fill:"none",stroke:"currentColor",strokeMiterlimit:"10",strokeWidth:"2"},u.default.createElement("line",{x1:"3",y1:"3",x2:"21",y2:"21"}),u.default.createElement("line",{x1:"21",y1:"3",x2:"3",y2:"21"}))))))},M=function(e){var a=e.campaign,t=e.action,l=e.onSubmit,n=e.onClose,o=e.showThankyou;return a.extra_fields?"2.1"==a.extra_fields.popupVersion?u.default.createElement(q,{campaign:a,action:t,onSubmit:l,onClose:n,showThankyou:o}):u.default.createElement(D,{campaign:a,action:t,onSubmit:l,onClose:n,showThankyou:o}):null},H={"validator.required":"This field is required.","validator.remote":"Please fix this field.","validator.email":"Please enter a valid email address.","validator.phone":"Please input correct phone number.","validator.url":"Please enter a valid URL.","validator.date":"Please enter a valid date.","validator.dateISO":"Please enter a valid date (ISO).","validator.number":"Please enter a valid number.","validator.digits":"Please enter only digits.","validator.creditcard":"Please enter a valid credit card number.","validator.equalTo":"Please enter the same value again.","validator.accept":"Please enter a value with a valid extension.","validator.maxlength":"jQuery.validator.format('Please enter no more than {0} characters.","validator.minlength":"jQuery.validator.format('Please enter at least {0} characters.","validator.rangelength":"jQuery.validator.format('Please enter a value between {0} and {1} characters long.","validator.range":"jQuery.validator.format('Please enter a value between {0} and {1}.","validator.max":"jQuery.validator.format('Please enter a value less than or equal to {0}.","validator.min":"jQuery.validator.format('Please enter a value greater than or equal to {0}.","validator.emailUsed":"Email already in use for this campaign.","validator.phoneUsed":"Your phone number already in use for this campaign."},V={"en-PH":H,"vi-VN":{"validator.required":"Vui lòng điền mục này","validator.email":"Vui lòng điền email có thật.","validator.number":"Vui lòng điền số có thật","validator.digits":"Vui lòng chỉ điền số","validator.maxlength":"Vui lòng điền dưới {0} số","validator.minlength":"Vui lòng điền hơn {0} số","validator.remote":"Hãy sửa cho đúng.","validator.url":"Hãy nhập URL.","validator.date":"Hãy nhập ngày.","validator.dateISO":"Hãy nhập ngày (ISO).","validator.creditcard":"Hãy nhập số thẻ tín dụng.","validator.equalTo":"Hãy nhập thêm lần nữa.","validator.extension":"Phần mở rộng không đúng.","validator.rangelength":"Hãy nhập từ {0} đến {1} kí tự.","validator.range":"Hãy nhập từ {0} đến {1}.","validator.max":"Hãy nhập từ {0} trở xuống.","validator.min":"Hãy nhập từ {0} trở lên.","validator.phone":"Nhập đúng định dạng số điện thoại","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":H},R=function(e){var a=V[e];return a||V["en-PH"]};exports.LeadGen=function(t){var i=t.apiUrl,d=t.siteDomain,c=t.siteId,m=t.locale,p=t.apiSubotUrl,f=t.DEBUG_URL,g=a.useRef(),h=a.useRef(Date.now()),v=a.useMemo((function(){var e=i;return e.includes("localhost")&&(e="https://dev.leadgen.hellobacsi.com/"),{apiUrl:e}}),[i,d,c]).apiUrl,b=a.useState(null),_=b[0],k=b[1],N=a.useState(""),w=N[0],C=N[1],x=a.useState(null),B=x[0],O=x[1];a.useEffect((function(){E.apiLeadUrl=v,E.apiSubotUrl=p}),[v,p]);var P=function(e,a){k(e),C(a)},j=function(){var e,a;if(_){T("👋👋👋 CLOSE POPUP ".concat(_.code," 👋👋👋"));var t=Number(null===(e=_.rules.find((function(e){return"show_again_after_exit"==e.rule})))||void 0===e?void 0:e.value),l=Number(null===(a=_.rules.find((function(e){return"days_to_show_again"==e.rule})))||void 0===a?void 0:a.value);0==t&&(l?o.setCookie("lead_closed_".concat(_.code),"target_".concat(_.extra_fields.popupVersion),{domain:"."+d,days:l,path:"/"}):o.setCookie("lead_closed_".concat(_.code),"target_".concat(_.extra_fields.popupVersion),{domain:"."+d,path:"/"})),document.body.classList.remove("noscroll"),fetch("".concat(v,"api/campaign/").concat(_.code,"/popup_exit"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"CLICK",url:location.href.toLowerCase(),title_article:document.title,cookie_id:o.getCookie("hhg-id"),duration:Math.ceil((Date.now()-h.current)/1e3)})}),k(null),O(null)}};a.useEffect((function(){if(window.next){var e=s.default((function(e){T("--🌻 routeChangeComplete",e,Date.now());var a=location.pathname;j(),document.querySelectorAll('[data-popup-url="'.concat(a,'"]')).length||S({leadApi:v,leadDomain:d,leadSiteId:c,onShowPopup:P,DEBUG_URL:f}),g.current&&window.removeEventListener("scroll",g.current)}),500);window.next.router.events.on("routeChangeComplete",e)}S({leadApi:v,leadDomain:d,leadSiteId:c,onShowPopup:P,DEBUG_URL:f})}),[]);return a.useEffect((function(){_&&(h.current=Date.now())}),[_]),u.default.createElement(L.Provider,{value:{apiUrl:v,siteDomain:d,siteId:c,locale:m}},u.default.createElement(n.TranslationsContext.Provider,{value:{locale:m,values:R(m)}},l.createPortal(u.default.createElement(u.default.Fragment,null,_&&u.default.createElement(M,{campaign:_,onClose:j,onSubmit:function(a,t,l,n){return e.__awaiter(void 0,void 0,void 0,(function(){var r,i,c,u,s,m,p,f,g,h,b,k,E,N,w,C,x,S,B,L,P,A,I,U,q,D,M,H,V,R,F,W,J,G;return e.__generator(this,(function(e){switch(e.label){case 0:return a.preventDefault(),T("submitHandler",t,l),r=new FormData(a.currentTarget),i={},r.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])}})),u=2,s=o.getCookie("_ga")||null,window.intlTelInputUtils?[3,2]:[4,require("intl-tel-input/build/js/utils")];case 1:e.sent(),e.label=2;case 2:return m={url:location.href.toLowerCase(),title_article:document.title,meta:c.map((function(e){var a,t,l,o;return{key:null===(a=document.querySelector(".lead-modal__form.".concat(n,' [name="').concat(e.name,'"]')))||void 0===a?void 0:a.getAttribute("data-key"),value:(null==y?void 0:y.countryCodeNumber)&&["tel","tel1","tel2","tel3"].includes(e.name)?window.intlTelInputUtils.formatNumber(String(e.value),null==y?void 0:y.countryCodeNumber,u).replace(/\s+/g,""):e.value,control:e.name.replace(/\d+$/,""),is_sent_mailchimp:(null===(o=document.querySelector(".lead-modal__form.".concat(n," .mailchimp-").concat((null===(l=null===(t=document.querySelector(".lead-modal__form.".concat(n,' [name="').concat(e.name,'"]')))||void 0===t?void 0:t.getAttribute("data-key"))||void 0===l?void 0:l.replace(/\s/gi,"_"))||"")))||void 0===o?void 0:o.getAttribute("data-mailchimp"))||"false"}})),cookie_id:o.getCookie("hhg-id"),ga_client_id:s},t&&l[t].value_en&&(m.category=l[t].value_en),p=Number((null===(q=null===(U=_.rules)||void 0===U?void 0:U.find((function(e){return"days_to_show_again"===e.rule})))||void 0===q?void 0:q.value)||7),0==(f=Number((null===(M=null===(D=_.rules)||void 0===D?void 0:D.find((function(e){return"show_again_after_submit"===e.rule})))||void 0===M?void 0:M.value)||0))&&(T("⛔ Popup never show again!"),o.setCookie("lead_submited_".concat(_.code),"target_".concat(_.extra_fields.targetType),{domain:"."+d,path:"/"})),1==f&&(T("⌛ Popup will show again after ".concat(p," days!")),o.setCookie("lead_submited_".concat(_.code),"target_".concat(_.extra_fields.targetType),{domain:"."+d,days:p,path:"/"})),fetch("".concat(v,"api/campaign/").concat(_.code,"/lead"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(m)}),"notshow"==_.extra_fields.popupShowThankYou?(j(),document.body.classList.remove("noscroll"),[2]):(g=!0,h=_.thank_you_image||"".concat(v,"admin/img/thanksyou.png"),b=_.extra_fields.popupThankyouTitle||"Thank you.",k=_.extra_fields.popupThankyouDesc||"We appreciate your time!",E="",N="",x="","2.1"==_.extra_fields.popupVersion&&(S=_.extra_fields,B=JSON.parse(S.listBlockThankyou),L=B.find((function(e){return"TitleBlock"==e.name})),P=B.find((function(e){return"SubtitleBlock"==e.name})),A=B.find((function(e){return"LinkButtonBlock"==e.name})),b=(null===(H=null==L?void 0:L.data)||void 0===H?void 0:H.value)||"",E=(null===(V=null==L?void 0:L.data)||void 0===V?void 0:V.align)||"",k=(null===(R=null==P?void 0:P.data)||void 0===R?void 0:R.value)||"",N=(null===(F=null==P?void 0:P.data)||void 0===F?void 0:F.align)||"",w=(null===(W=null==A?void 0:A.data)||void 0===W?void 0:W.value)||"",C=(null===(J=null==A?void 0:A.data)||void 0===J?void 0:J.newtab)||!1,x=(null===(G=null==A?void 0:A.data)||void 0===G?void 0:G.url)||"",I=_.extra_fields.currentLayout,["SkinA","SkinB","Floating","Tab","CenterTab"].includes(I)&&(g=!1)),O(g?{title:b,titleAlign:E,subtitle:k,subtitleAlign:N,link:x,linkNewTab:C,linkText:w,image:h}: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:w,showThankyou:B})),r.getPopupWrapperDom())))};

package/build/mantine.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tslib.es6-729403f3.js"),t=require("react"),r=require("@mantine/core"),n=require("./gAssets.js"),a=require("./index-209b5732.js");require("dayjs"),require("./screenSizeContext-2ec6c32b.js"),require("styled-components");var o=require("./theme-97aa7824.js");require("./index-172d8a05.js"),require("./utils-20e9cc93.js"),require("./isProduction-d77f4657.js"),require("./Locale-5d5c1165.js");var s=require("./index-a0335e04.js"),i=require("./index-1ad363ab.js"),l=require("./useTranslations-1bd8735d.js"),c=require("./index-6a7df98a.js"),u=require("./index-232e3ec1.js"),d=require("@mantine/hooks"),m=require("./index-4c3bd7c1.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("@mantine/dates"),require("@mantine/carousel"),require("./defaultClassWrapper-f54bea0b.js"),require("lodash/throttle"),require("./translationsContext-8c6cc9f2.js"),require("string-format");var h=p(t),x=r.Switch,f={container:"MON6sfi",iconContainer:"pS-tJD7",icon:"s3tJ9-5",title:"fNsZr1b",description:"uuxV74v",button:"YohjTDU"};exports.Accordion=a.Accordion,exports.Avatar=a.Avatar,exports.Carousel=a.Carousel,exports.Checkbox=a.Checkbox,exports.DatePicker=a.DatePicker,exports.MAPPED_LOCALE=a.MAPPED_LOCALE,exports.OTP=a.OTP,exports.Phone=a.Phone,exports.Radio=a.Radio,exports.getMantineThemeOverride=a.getMantineThemeOverride,exports.useMantineLocale=a.useMantineLocale,exports.Modal=s.Modal,exports.Input=c.Input,exports.emotionCache=c.emotionCache,exports.CentralCarousel=u.CentralCarousel,exports.Badge=function(t){var n=t.color,a=void 0===n?o.theme.colors.primaryBase:n,s=t.styles,i=e.__rest(t,["color","styles"]);return h.default.createElement(r.Badge,e.__assign({variant:"filled",color:a,styles:e.__assign({root:{borderRadius:"2px",background:a,textTransform:"unset"}},s)},i))},exports.Indicator=function(t){var n=t.styles,a=e.__rest(t,["styles"]);return h.default.createElement(r.Indicator,e.__assign({inline:!0,position:"top-end",offset:4,styles:e.__assign({indicator:{backgroundColor:o.theme.colors.red700},processing:{animationDirection:"alternate"}},n)},a))},exports.LoadingOverlay=function(t){return h.default.createElement(r.LoadingOverlay,e.__assign({loaderProps:{color:o.theme.colors.primaryBase}},t))},exports.MantineProvider=function(t){var n=t.children,o=t.locale,s=e.__rest(t,["children","locale"]);return a.useMantineLocale(o),h.default.createElement(r.MantineProvider,e.__assign({theme:a.getMantineThemeOverride(o)},s),n)},exports.Result=function(t){var n=t.icon,a=t.title,o=t.description,s=t.button,i=t.buttonProps,l=t.style,c=t.className,u=i||{},d=u.size,m=void 0===d?"lg":d,p=u.variant,x=void 0===p?"outline":p,g=e.__rest(u,["size","variant"]),v=n;return h.default.createElement("div",{className:r.clsx("result",f.container,c),style:l},v&&h.default.createElement("div",{className:r.clsx("resultIconContainer",f.iconContainer)},h.default.createElement(v,{className:r.clsx("resultIcon",f.icon)})),h.default.createElement(r.Title,{order:3,size:"h3",className:r.clsx("resultTitle",f.title)},a),h.default.createElement(r.Text,{className:r.clsx("resultDescription",f.description)},o),s&&h.default.createElement(r.Button,e.__assign({},g,{size:m,variant:x,className:r.clsx("resultButton",f.button,g.className)}),s))},exports.Select=function(t){var a=t.keepSearch,o=void 0!==a&&a,s=e.__rest(t,["keepSearch"]);return o?h.default.createElement(r.Autocomplete,e.__assign({rightSection:h.default.createElement(r.Image,{src:n.CommonGAssets.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},s)):h.default.createElement(r.Select,e.__assign({rightSection:h.default.createElement(r.Image,{src:n.CommonGAssets.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},s))},exports.Slider=function(r){var n=r.color,s=void 0===n?o.theme.colors.primaryBase:n,i=r.withControl,l=r.onChange,u=r.value,p=r.min,x=r.max,f=r.isStatic,g=e.__rest(r,["color","withControl","onChange","value","min","max","isStatic"]),v=t.useState(u||p||0),_=v[0],E=v[1],C=d.useDebouncedValue(_,c.DEBOUNCED_TIME)[0];return t.useEffect((function(){null==l||l(C)}),[C]),h.default.createElement(a.StyledSliderWrapper,null,i&&h.default.createElement(m.Button,{type:"button",size:"sm",color:"ghost",onClick:function(){E((function(e){return p&&e===p?e:e-1}))}},h.default.createElement("svg",{width:"10",height:"10",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12 3"},h.default.createElement("path",{d:"M1 1.004h8",stroke:s,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),h.default.createElement(a.StyledSlider,e.__assign({thumbSize:21,labelAlwaysOn:!0,radius:"xl",color:s,value:_,onChange:f?function(){return null}:E,min:p,max:x},g)),i&&h.default.createElement(m.Button,{type:"button",size:"sm",color:"ghost",onClick:function(){E((function(e){return x&&e===x?e:e+1}))}},h.default.createElement("svg",{width:"16",height:"20",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16"},h.default.createElement("path",{d:"M8 4v8M4 8h8",stroke:s,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))))},exports.Spoiler=function(n){var a=n.children,s=n.line,c=n.lineHeight,u=n.trackingAttributes,d=n.maxHeight,m=n.customExpandFn,p=e.__rest(n,["children","line","lineHeight","trackingAttributes","maxHeight","customExpandFn"]),x=l.useTranslations().t,f=t.useMemo((function(){return d||(s&&c?s*c:(console.error("[HHG-Comp]:[Spoiler] Please provide maxHeight, or line with lineHeight"),0))}),[]);a||console.error("[HHG-Comp]:[Spoiler] Please provide children");var g=t.useMemo((function(){return u?{"data-event-category":u.dataEventCategory,"data-event-action":u.dataEventAction,"data-event-label":u.dataEventLabel}:{}}),[u]);return h.default.createElement(r.Spoiler,e.__assign({showLabel:h.default.createElement(i.Text,e.__assign({size:"p3",color:o.theme.colors.primaryBase},g,{onClick:m}),x("articlePage.readMore")),hideLabel:h.default.createElement(i.Text,e.__assign({size:"p3",color:o.theme.colors.primaryBase},g),x("articlePage.showLess"))},p,{maxHeight:f}),a)},exports.Switch=x,exports.TextArea=function(t){return h.default.createElement(a.StyledTextArea,e.__assign({minRows:2,maxRows:4},t))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tslib.es6-53911a63.js"),t=require("react"),r=require("@mantine/core"),n=require("./gAssets.js"),a=require("./index-b26a3c26.js");require("dayjs"),require("./screenSizeContext-0b5e6685.js"),require("styled-components");var o=require("./theme-2636c06a.js");require("./index-b8197afa.js"),require("./utils-602b3f25.js"),require("./isProduction-3dca84a3.js"),require("./Locale-762a0c5d.js");var s=require("./index-da8c17a4.js"),i=require("./index-a69528bf.js"),l=require("./useTranslations-5b529f9a.js"),c=require("./index-e5972a10.js"),u=require("./index-a0c59487.js"),d=require("@mantine/hooks"),m=require("./index-39477666.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("@mantine/dates"),require("@mantine/carousel"),require("./defaultClassWrapper-8df6fc2a.js"),require("lodash/throttle"),require("./translationsContext-744e0996.js"),require("string-format");var h=p(t),f=r.Switch,x={container:"MON6sfi",iconContainer:"pS-tJD7",icon:"s3tJ9-5",title:"fNsZr1b",description:"uuxV74v",button:"YohjTDU"};exports.Accordion=a.Accordion,exports.Avatar=a.Avatar,exports.Carousel=a.Carousel,exports.Checkbox=a.Checkbox,exports.DatePicker=a.DatePicker,exports.MAPPED_LOCALE=a.MAPPED_LOCALE,exports.OTP=a.OTP,exports.Phone=a.Phone,exports.Radio=a.Radio,exports.getMantineThemeOverride=a.getMantineThemeOverride,exports.useMantineLocale=a.useMantineLocale,exports.Modal=s.Modal,exports.Input=c.Input,exports.emotionCache=c.emotionCache,exports.CentralCarousel=u.CentralCarousel,exports.Badge=function(t){var n=t.color,a=void 0===n?o.theme.colors.primaryBase:n,s=t.styles,i=e.__rest(t,["color","styles"]);return h.default.createElement(r.Badge,e.__assign({variant:"filled",color:a,styles:e.__assign({root:{borderRadius:"2px",background:a,textTransform:"unset"}},s)},i))},exports.Indicator=function(t){var n=t.styles,a=e.__rest(t,["styles"]);return h.default.createElement(r.Indicator,e.__assign({inline:!0,position:"top-end",offset:4,styles:e.__assign({indicator:{backgroundColor:o.theme.colors.red700},processing:{animationDirection:"alternate"}},n)},a))},exports.LoadingOverlay=function(t){return h.default.createElement(r.LoadingOverlay,e.__assign({loaderProps:{color:o.theme.colors.primaryBase}},t))},exports.MantineProvider=function(t){var n=t.children,o=t.locale,s=e.__rest(t,["children","locale"]);return a.useMantineLocale(o),h.default.createElement(r.MantineProvider,e.__assign({theme:a.getMantineThemeOverride(o)},s),n)},exports.Result=function(t){var n=t.icon,a=t.title,o=t.description,s=t.button,i=t.buttonProps,l=t.style,c=t.className,u=i||{},d=u.size,m=void 0===d?"lg":d,p=u.variant,f=void 0===p?"outline":p,g=e.__rest(u,["size","variant"]),v=n;return h.default.createElement("div",{className:r.clsx("result",x.container,c),style:l},v&&h.default.createElement("div",{className:r.clsx("resultIconContainer",x.iconContainer)},h.default.createElement(v,{className:r.clsx("resultIcon",x.icon)})),h.default.createElement(r.Title,{order:3,size:"h3",className:r.clsx("resultTitle",x.title)},a),h.default.createElement(r.Text,{className:r.clsx("resultDescription",x.description)},o),s&&h.default.createElement(r.Button,e.__assign({},g,{size:m,variant:f,className:r.clsx("resultButton",x.button,g.className)}),s))},exports.Select=function(t){var a=t.keepSearch,o=void 0!==a&&a,s=e.__rest(t,["keepSearch"]);return o?h.default.createElement(r.Autocomplete,e.__assign({rightSection:h.default.createElement(r.Image,{src:n.CommonGAssets.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},s)):h.default.createElement(r.Select,e.__assign({rightSection:h.default.createElement(r.Image,{src:n.CommonGAssets.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},s))},exports.Slider=function(r){var n=r.color,s=void 0===n?o.theme.colors.primaryBase:n,i=r.withControl,l=r.onChange,u=r.value,p=r.min,f=r.max,x=r.isStatic,g=e.__rest(r,["color","withControl","onChange","value","min","max","isStatic"]),v=t.useState(u||p||0),_=v[0],E=v[1],C=d.useDebouncedValue(_,c.DEBOUNCED_TIME)[0];return t.useEffect((function(){null==l||l(C)}),[C]),h.default.createElement(a.StyledSliderWrapper,null,i&&h.default.createElement(m.Button,{type:"button",size:"sm",color:"ghost",onClick:function(){E((function(e){return p&&e===p?e:e-1}))}},h.default.createElement("svg",{width:"10",height:"10",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12 3"},h.default.createElement("path",{d:"M1 1.004h8",stroke:s,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),h.default.createElement(a.StyledSlider,e.__assign({thumbSize:21,labelAlwaysOn:!0,radius:"xl",color:s,value:_,onChange:x?function(){return null}:E,min:p,max:f},g)),i&&h.default.createElement(m.Button,{type:"button",size:"sm",color:"ghost",onClick:function(){E((function(e){return f&&e===f?e:e+1}))}},h.default.createElement("svg",{width:"16",height:"20",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16"},h.default.createElement("path",{d:"M8 4v8M4 8h8",stroke:s,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))))},exports.Spoiler=function(n){var a=n.children,s=n.line,c=n.lineHeight,u=n.trackingAttributes,d=n.maxHeight,m=n.customExpandFn,p=e.__rest(n,["children","line","lineHeight","trackingAttributes","maxHeight","customExpandFn"]),f=l.useTranslations().t,x=t.useMemo((function(){return d||(s&&c?s*c:(console.error("[HHG-Comp]:[Spoiler] Please provide maxHeight, or line with lineHeight"),0))}),[]);a||console.error("[HHG-Comp]:[Spoiler] Please provide children");var g=t.useMemo((function(){return u?{"data-event-category":u.dataEventCategory,"data-event-action":u.dataEventAction,"data-event-label":u.dataEventLabel}:{}}),[u]);return h.default.createElement(r.Spoiler,e.__assign({showLabel:h.default.createElement(i.Text,e.__assign({size:"p3",color:o.theme.colors.primaryBase},g,{onClick:m}),f("articlePage.readMore")),hideLabel:h.default.createElement(i.Text,e.__assign({size:"p3",color:o.theme.colors.primaryBase},g),f("articlePage.showLess"))},p,{maxHeight:x}),a)},exports.Switch=f,exports.TextArea=function(t){return h.default.createElement(a.StyledTextArea,e.__assign({minRows:2,maxRows:4},t))};

package/build/misc.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./localizeNumberFormat-708bc937.js"),r=require("./screenSizeContext-2ec6c32b.js"),t=require("./cookieHelper-b0f67faa.js");require("react"),require("styled-components");var o=require("./theme-97aa7824.js"),i=require("./dataTransform-0e393a45.js"),s=require("./routing-0c833c0a.js"),a=require("./utils-20e9cc93.js"),l=require("./getDynamicHealthTool-1cf17467.js"),p=require("./getSocialList-d09c6b68.js");require("dayjs"),require("./tslib.es6-729403f3.js"),require("lodash/throttle"),require("./index-172d8a05.js"),require("./Locale-5d5c1165.js"),require("./isProduction-d77f4657.js"),require("./core-947106ef.js"),require("./gAssets.js"),exports.ageGenerate=e.ageGenerate,exports.convertLocalizedStringToNumber=e.convertLocalizedStringToNumber,exports.localizeNumberFormat=e.localizeNumberFormat,exports.ScreenSizeContext=r.ScreenSizeContext,exports.ScreenSizeContextProvider=r.ScreenSizeContextProvider,exports.fadeIn=r.fadeIn,exports.getWindowSizeGroups=r.getWindowSizeGroups,exports.slideInDown=r.slideInDown,exports.slideInLeft=r.slideInLeft,exports.slideInRight=r.slideInRight,exports.slideInUp=r.slideInUp,exports.slideOutDown=r.slideOutDown,exports.slideOutLeft=r.slideOutLeft,exports.slideOutRight=r.slideOutRight,exports.slideOutUp=r.slideOutUp,exports.deleteCookie=t.deleteCookie,exports.getCookie=t.getCookie,exports.setCookie=t.setCookie,exports.theme=o.theme,exports.abbreviateNumber=i.abbreviateNumber,exports.formatPill=i.formatPill,exports.getCareApiDomain=s.getCareApiDomain,exports.getCurrentBaseUrl=s.getCurrentBaseUrl,exports.getCurrentSsoUrl=s.getCurrentSsoUrl,exports.getDiscoverApiDomain=s.getDiscoverApiDomain,exports.getTogetherApiDomain=s.getTogetherApiDomain,exports.Breakpoints=a.Breakpoints,exports.MediaQueries=a.MediaQueries,exports.formatUrlWithPageParam=a.formatUrlWithPageParam,exports.getBoundariesFromMediaQueryKey=a.getBoundariesFromMediaQueryKey,exports.getPopupWrapperDom=a.getPopupWrapperDom,exports.getWrapperDomWithSelector=a.getWrapperDomWithSelector,exports.makeParams=a.makeParams,exports.safeEncodeURI=a.safeEncodeURI,exports.startCase=a.startCase,exports.toggleNoScroll=a.toggleNoScroll,exports.formatHealthTool=l.formatHealthTool,exports.getDynamicHealthTool=l.getDynamicHealthTool,exports.getDynamicHealthToolWithCache=l.getDynamicHealthToolWithCache,exports.getSocialList=p.getSocialList;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./localizeNumberFormat-cea296d1.js"),r=require("./screenSizeContext-0b5e6685.js"),t=require("./cookieHelper-e80bc1b2.js");require("react"),require("styled-components");var o=require("./theme-2636c06a.js"),i=require("./dataTransform-a89d43a7.js"),s=require("./routing-5fc6b21c.js"),a=require("./utils-602b3f25.js"),l=require("./getDynamicHealthTool-dd4169d1.js"),p=require("./getSocialList-6bc1f4b8.js");require("dayjs"),require("./tslib.es6-53911a63.js"),require("lodash/throttle"),require("./index-b8197afa.js"),require("./Locale-762a0c5d.js"),require("./isProduction-3dca84a3.js"),require("./core-5e387388.js"),require("./gAssets.js"),exports.ageGenerate=e.ageGenerate,exports.convertLocalizedStringToNumber=e.convertLocalizedStringToNumber,exports.localizeNumberFormat=e.localizeNumberFormat,exports.ScreenSizeContext=r.ScreenSizeContext,exports.ScreenSizeContextProvider=r.ScreenSizeContextProvider,exports.fadeIn=r.fadeIn,exports.getWindowSizeGroups=r.getWindowSizeGroups,exports.slideInDown=r.slideInDown,exports.slideInLeft=r.slideInLeft,exports.slideInRight=r.slideInRight,exports.slideInUp=r.slideInUp,exports.slideOutDown=r.slideOutDown,exports.slideOutLeft=r.slideOutLeft,exports.slideOutRight=r.slideOutRight,exports.slideOutUp=r.slideOutUp,exports.deleteCookie=t.deleteCookie,exports.getCookie=t.getCookie,exports.setCookie=t.setCookie,exports.theme=o.theme,exports.abbreviateNumber=i.abbreviateNumber,exports.formatPill=i.formatPill,exports.getCareApiDomain=s.getCareApiDomain,exports.getCurrentBaseUrl=s.getCurrentBaseUrl,exports.getCurrentSsoUrl=s.getCurrentSsoUrl,exports.getDiscoverApiDomain=s.getDiscoverApiDomain,exports.getTogetherApiDomain=s.getTogetherApiDomain,exports.Breakpoints=a.Breakpoints,exports.MediaQueries=a.MediaQueries,exports.formatUrlWithPageParam=a.formatUrlWithPageParam,exports.getBoundariesFromMediaQueryKey=a.getBoundariesFromMediaQueryKey,exports.getPopupWrapperDom=a.getPopupWrapperDom,exports.getWrapperDomWithSelector=a.getWrapperDomWithSelector,exports.makeParams=a.makeParams,exports.safeEncodeURI=a.safeEncodeURI,exports.startCase=a.startCase,exports.toggleNoScroll=a.toggleNoScroll,exports.formatHealthTool=l.formatHealthTool,exports.getDynamicHealthTool=l.getDynamicHealthTool,exports.getDynamicHealthToolWithCache=l.getDynamicHealthToolWithCache,exports.getSocialList=p.getSocialList;

package/build/navigation.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("./tslib.es6-729403f3.js"),require("react"),require("./core-947106ef.js");var e=require("./index-00778491.js");require("./index-172d8a05.js"),require("./routing-0c833c0a.js"),require("./index.styled-6e5b9e4d.js"),require("./isProduction-d77f4657.js"),require("./gAssets.js"),require("./Locale-5d5c1165.js"),require("./index-1ad363ab.js"),require("./index-8f49c035.js"),require("./index-3cb6b615.js"),require("./utils-20e9cc93.js"),require("styled-components"),require("./useTranslations-1bd8735d.js"),require("./translationsContext-8c6cc9f2.js"),require("string-format"),require("lodash/throttle"),require("./index.styled-c75f83db.js"),require("./theme-97aa7824.js"),require("./index.styled-410b8b5c.js"),require("./defaultClassWrapper-f54bea0b.js"),require("dayjs"),require("./screenSizeContext-2ec6c32b.js"),require("./index-4c3bd7c1.js"),require("@mantine/core"),require("./cookieHelper-b0f67faa.js"),require("react-range"),require("./index.styled-74aee99e.js"),require("./index-da77ef10.js"),require("./constants-c7c1745b.js"),require("lodash/debounce"),require("slugify"),require("dayjs/plugin/relativeTime"),exports.NavigationV2=e.NavigationV2,exports.getNavMenuContent=e.getNavMenuContent,exports.getNavMenuContentWithCache=e.getNavMenuContentWithCache;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("./tslib.es6-53911a63.js"),require("react"),require("./core-5e387388.js");var e=require("./index-80bed42b.js");require("./index-b8197afa.js"),require("./routing-5fc6b21c.js"),require("./index.styled-b7796090.js"),require("./isProduction-3dca84a3.js"),require("./gAssets.js"),require("./Locale-762a0c5d.js"),require("./index-a69528bf.js"),require("./index-9ffe521f.js"),require("./index-762803d9.js"),require("./utils-602b3f25.js"),require("styled-components"),require("./useTranslations-5b529f9a.js"),require("./translationsContext-744e0996.js"),require("string-format"),require("lodash/throttle"),require("./index.styled-0e38ca3d.js"),require("./theme-2636c06a.js"),require("./index.styled-b366eee3.js"),require("./defaultClassWrapper-8df6fc2a.js"),require("dayjs"),require("./screenSizeContext-0b5e6685.js"),require("./index-39477666.js"),require("@mantine/core"),require("./cookieHelper-e80bc1b2.js"),require("./index.styled-f9f637b5.js"),require("./index-c8e37382.js"),require("./constants-e361240b.js"),require("lodash/debounce"),require("slugify"),require("dayjs/plugin/relativeTime"),exports.NavigationV2=e.NavigationV2,exports.getNavMenuContent=e.getNavMenuContent,exports.getNavMenuContentWithCache=e.getNavMenuContentWithCache;

package/build/onboarding.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tslib.es6-729403f3.js"),n=require("react"),t=require("@mantine/hooks"),r=require("./index.styled-c75f83db.js"),o=require("./index-4c3bd7c1.js");require("./gAssets.js"),require("./index.styled-410b8b5c.js");var a=require("./index-3cb6b615.js"),i=require("./utils-20e9cc93.js");require("react-range"),require("dayjs"),require("./screenSizeContext-2ec6c32b.js");var l=require("styled-components"),s=require("./theme-97aa7824.js"),d=require("./index-172d8a05.js");require("./isProduction-d77f4657.js");var u=require("./Locale-5d5c1165.js");require("./index.styled-74aee99e.js");var c=require("@mantine/core"),p=require("./useTranslations-1bd8735d.js");require("./index-da77ef10.js"),require("lodash/debounce"),require("./translationsContext-8c6cc9f2.js"),require("string-format");var m=require("./index-1ad363ab.js"),g=require("@mantine/form"),f=require("./index-209b5732.js"),b=require("yup"),h=require("lodash/throttle"),x=require("./index-6a7df98a.js");require("./index-232e3ec1.js");var E=require("date-fns"),v=require("./Visible-1023287a.js");function _(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function y(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}require("./defaultClassWrapper-f54bea0b.js"),require("@mantine/dates"),require("@mantine/carousel");var w,P,O,C,k,S,L,j,T=_(n),q=_(l),I=y(b),M=_(h),A=q.default.div(w||(w=e.__makeTemplateObject([""],[""]))),N=q.default(m.Text)(P||(P=e.__makeTemplateObject(["\n  margin-top: 8px;\n"],["\n  margin-top: 8px;\n"]))),z=q.default.div(O||(O=e.__makeTemplateObject(["\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"]))),B=q.default(c.Container)(C||(C=e.__makeTemplateObject(["\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"])),i.MediaQueries.mbDown),F=q.default.img(k||(k=e.__makeTemplateObject(["\n  margin-bottom: 38px;\n"],["\n  margin-bottom: 38px;\n"]))),R=function(n){var t,o=n.heading,i=n.description,l=n.children,u=n.className,c=n.imgSrc,p=e.__rest(n,["heading","description","children","className","imgSrc"]);return T.default.createElement(B,e.__assign({},p,{className:"hhg-comp-onboarding-container ".concat(u),size:"sm"}),T.default.createElement(a.LogoIcon,{type:(null===(t=d.LOCALE_SPECS[process.env.UNIFY_LOCALE])||void 0===t?void 0:t.LOGO_TYPE)||"hellobacsi"}),T.default.createElement(z,null,c&&T.default.createElement(F,{src:c,loading:"lazy"}),T.default.createElement(A,{className:"header"},T.default.createElement(r.Heading,{tag:"h3"},o),T.default.createElement(N,{size:"p3",color:s.theme.colors.gray600},i)),l))},D=function(e){return I.object().shape({phone:I.string().required(e("onboarding.updatePhone.error")).default("")})},V=function(e){return I.object().shape({otp:I.string().required(e("onboarding.otpForm.error")).length(6,e("onboarding.otpForm.error")).default("")})},H=function(e){return I.object().shape({email:I.string().required(e("onboarding.errorMessage.requiredEmail")).email(e("onboarding.errorMessage.invalidEmail")).default(""),name:I.string().required(e("onboarding.errorMessage.requiredName"))})},U=function(e){return I.object().shape({password:I.string().required(e("onboarding.errorMessage.requiredPassword")).min(8,e("onboarding.errorMessage.minLength",{length:8})).matches(/.*[A-Z].*/,e("onboarding.errorMessage.passWithPattern")).default(""),confirmPassword:I.string().required(e("onboarding.errorMessage.requiredConfirmPassword")).oneOf([I.ref("password"),null],e("onboarding.errorMessage.passNotMatch")).default("")})},Q=q.default(R)(S||(S=e.__makeTemplateObject(["\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"])),i.MediaQueries.mbDown),W=((L={})[u.LOCALE.Vietnam]="VN",L[u.LOCALE.Cambodia]="KH",L[u.LOCALE.Indonesia]="ID",L[u.LOCALE.Malaysia]="MY",L[u.LOCALE.PhilippinesEnglish]="PH",L[u.LOCALE.PhilippinesTagalog]="PH",L[u.LOCALE.Taiwan]="TW",L[u.LOCALE.Thailand]="TH",L[u.LOCALE.Myanmar]="MM",L),Y=function(n){var t=n.onClose,r=n.onSubmit,a=n.canSkip,i=void 0===a||a,l=n.customFormTexts,s=p.useTranslations().t,d=g.useForm({initialValues:{phone:""},validate:g.yupResolver(D(s))});return T.default.createElement(Q,{heading:(null==l?void 0:l.heading)||s("onboarding.updatePhone.heading"),description:(null==l?void 0:l.description)||s("onboarding.updatePhone.description")},T.default.createElement("form",{onSubmit:d.onSubmit((function(n){return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){return r(n.phone),[2]}))}))}),(function(e){console.log(e)}))},T.default.createElement("div",{className:"phone-input"},T.default.createElement(f.Phone,e.__assign({defaultCountry:W[process.env.UNIFY_LOCALE]||"VN"},d.getInputProps("phone"))),T.default.createElement(c.Input.Error,null,d.errors.phone)),T.default.createElement(o.Button,{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"},s("onboarding.button.continue")),i&&T.default.createElement(o.Button,{color:"ghost",isBlock:!0,size:"lg",onClick:t,type:"button"},s("onboarding.button.skip"))))};(j={})[u.LOCALE.Vietnam]="VN",j[u.LOCALE.Cambodia]="KH",j[u.LOCALE.Indonesia]="ID",j[u.LOCALE.Malaysia]="MY",j[u.LOCALE.PhilippinesEnglish]="PH",j[u.LOCALE.PhilippinesTagalog]="PH",j[u.LOCALE.Taiwan]="TW",j[u.LOCALE.Thailand]="TH",j[u.LOCALE.Myanmar]="MM";var K,Z,G,J,X,$,ee,ne,te,re,oe,ae,ie=function(e){void 0===e&&(e="");var n=e.indexOf("@"),t=e.substring(0,n),r=t.length>3?3:t.length;return e.replace(e.substring(r,n),e.slice(r,n).replace(/./g,"x"))},le=q.default(R)(K||(K=e.__makeTemplateObject(["\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"])),i.MediaQueries.mbDown,i.MediaQueries.mbDown),se=function(r){var a=r.onSubmit,i=r.phone,l=r.email,d=r.onResendCode,u=r.otpError,b=r.onClose,h=r.loading,x=r.onBack,E=r.canSkip,v=r.outOfEdit,_=n.useState(30),y=_[0],w=_[1],P=t.useInterval((function(){return w((function(e){return e-1}))}),1e3),O=t.useCounter(0,{min:0,max:3}),C=O[0],k=O[1],S=n.useRef(!0),L=p.useTranslations().t;n.useEffect((function(){return P.start(),P.stop}),[]),n.useEffect((function(){0===y&&(P.stop(),S.current=!1)}),[y]);var j=g.useForm({initialValues:{otp:""},validate:g.yupResolver(V(L))});n.useEffect((function(){u&&j.setFieldError("otp",u)}),[u]);var q=n.useMemo((function(){return M.default((function(){S.current||(k.increment(),w(30),null==d||d(i||l),P.start(),S.current=!0)}),1e3,{trailing:!1})}),[i,l,d,P]);return T.default.createElement(le,{heading:L("onboarding.otpForm.heading"),description:T.default.createElement(T.default.Fragment,null,T.default.createElement("span",{dangerouslySetInnerHTML:{__html:i?L("onboarding.otpForm.description",{phone:'<b style="color:'.concat(s.theme.colors.gray800,'">').concat(i.slice(0,-3).replace(/./g,"x").concat(i.slice(-3)),"</b>")}):L("onboarding.otpForm.descriptionEmail",{email:'<b style="color:'.concat(s.theme.colors.gray800,'">').concat(ie(l),"</b>")})}}),!v&&T.default.createElement("svg",{onClick:function(){null==x||x()},width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"otp-description-edit-icon"},T.default.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"})))},T.default.createElement("form",{onSubmit:j.onSubmit((function(n){return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){return k.increment(),a(n.otp),[2]}))}))}),(function(e){console.log(e)}))},T.default.createElement("div",{className:"otp-input"},T.default.createElement(f.OTP,e.__assign({enterKeyHint:void 0,nonce:void 0},j.getInputProps("otp"))),T.default.createElement(c.Input.Error,null,j.errors.otp)),T.default.createElement("div",{className:"resend"},T.default.createElement(m.Text,{size:"p4",color:s.theme.colors.gray400},L("onboarding.otpForm.notReceiveOTP")),T.default.createElement(m.Text,{as:"a",size:"p4",color:s.theme.colors.primaryBase,onClick:q},L("onboarding.otpForm.resendCode",{seconds:y}))),T.default.createElement(o.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:h,disabled:h,"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"},L("onboarding.button.continue")),E&&C>=3&&T.default.createElement(o.Button,{color:"ghost",isBlock:!0,size:"lg",onClick:b,type:"button"},L("onboarding.button.skip"))))},de=function(t){var r=t.onClose,a=t.onSubmit,i=t.canSkip,l=t.loading,s=t.errorMessage,d=t.initialData,u=p.useTranslations().t,m=g.useForm({validate:g.yupResolver(H(u))});return n.useEffect((function(){m.setValues(e.__assign(e.__assign({gender:"0"},d),(null==d?void 0:d.birthday)&&{birthday:new Date(d.birthday)}))}),[d]),n.useEffect((function(){s&&m.setFieldError("email",s)}),[s]),T.default.createElement(R,{heading:u("onboarding.formEmail.heading"),description:u("onboarding.formEmail.description")},T.default.createElement("form",{className:"form",onSubmit:m.onSubmit((function(n){a(e.__assign(e.__assign({},n),{birthday:n.birthday&&E.format(n.birthday,"yyyy-MM-dd")}))}),(function(e){console.log({fieldErrors:e})}))},T.default.createElement(c.Input.Wrapper,{label:u("onboarding.formEmail.yourName"),className:"input-control",withAsterisk:!0},T.default.createElement(c.Input,e.__assign({},m.getInputProps("name"))),T.default.createElement(c.Input.Error,{className:"field-error"},m.errors.name)),T.default.createElement(c.Input.Wrapper,{label:u("onboarding.formEmail.yourEmail"),className:"input-control",withAsterisk:!0},T.default.createElement(c.Input,e.__assign({},m.getInputProps("email"))),T.default.createElement(c.Input.Error,{className:"field-error"},m.errors.email)),T.default.createElement(f.DatePicker,e.__assign({className:"input-control",label:u("onboarding.formEmail.yourBirthday")},m.getInputProps("birthday"))),T.default.createElement(f.Radio.Group,{value:m.values.gender,onChange:function(e){return m.setFieldValue("gender",e)},className:"radio-group"},T.default.createElement(f.Radio,{value:"0",label:u("onboarding.formEmail.genderMale")}),T.default.createElement(f.Radio,{value:"1",label:u("onboarding.formEmail.genderFemale")})),T.default.createElement(o.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:l,disabled:l},u("onboarding.button.continue")),i&&T.default.createElement(o.Button,{color:"ghost",isBlock:!0,size:"lg",onClick:r},u("onboarding.button.skip"))))},ue=function(n){var t=n.onClose,r=n.onSubmit,a=n.canSkip,i=n.errorMessage,l=n.loading,s=p.useTranslations().t,d=g.useForm({initialValues:{password:"",confirmPassword:""},validate:g.yupResolver(U(s))});return T.default.createElement(R,{heading:s("onboarding.updatePassword.heading"),description:s("onboarding.updatePassword.description")},T.default.createElement("form",{className:"form",onSubmit:d.onSubmit((function(e){return r((null==e?void 0:e.password)||"")}),(function(e){console.log({fieldErrors:e})}))},T.default.createElement(x.PasswordInput,e.__assign({label:s("onboarding.updatePassword.password"),withAsterisk:!0,rightSection:T.default.createElement(v.Visible,null)},d.getInputProps("password"))),T.default.createElement(x.PasswordInput,e.__assign({label:s("onboarding.updatePassword.confirmPassword"),withAsterisk:!0,rightSection:T.default.createElement(v.Visible,null)},d.getInputProps("confirmPassword"))),T.default.createElement(o.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:l,disabled:l},s("onboarding.button.continue")),a&&T.default.createElement(o.Button,{color:"ghost",isBlock:!0,size:"lg",onClick:t},s("onboarding.button.skip")),i&&T.default.createElement(c.Input.Error,{className:"form-error"},i)))},ce=q.default.div(Z||(Z=e.__makeTemplateObject(["\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"]))),pe=q.default.div(G||(G=e.__makeTemplateObject(["\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"])),i.MediaQueries.lgPcUp),me=q.default.div(J||(J=e.__makeTemplateObject(["\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"])),i.MediaQueries.lgPcUp),ge=q.default.div(X||(X=e.__makeTemplateObject(["\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"])),i.MediaQueries.lgPcUp),fe=q.default.div($||($=e.__makeTemplateObject(["\n  background-color: ",";\n  border-radius: 12px;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n"],["\n  background-color: ",";\n  border-radius: 12px;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n"])),(function(e){return e.bgColor||s.theme.colors.blue50})),be=q.default.div(ee||(ee=e.__makeTemplateObject(["\n  margin-top: 40px;\n  padding: 24px 40px;\n"],["\n  margin-top: 40px;\n  padding: 24px 40px;\n"]))),he=q.default(r.Heading)(ne||(ne=e.__makeTemplateObject(["\n  margin-bottom: 24px;\n  text-align: center;\n"],["\n  margin-bottom: 24px;\n  text-align: center;\n"]))),xe=q.default(m.Text)(te||(te=e.__makeTemplateObject([""],[""]))),Ee=q.default.img(re||(re=e.__makeTemplateObject(["\n  width: 100%;\n  display: block;\n"],["\n  width: 100%;\n  display: block;\n"]))),ve=q.default.div(oe||(oe=e.__makeTemplateObject([""],[""])));exports.OnboardingStep=void 0,(ae=exports.OnboardingStep||(exports.OnboardingStep={}))[ae.Phone=0]="Phone",ae[ae.OTP=1]="OTP",ae[ae.OTPEmail=2]="OTPEmail",ae[ae.PersonalInfo=3]="PersonalInfo",ae[ae.UpdatePassword=4]="UpdatePassword",ae[ae.Result=5]="Result";exports.MAPPED_LOCALE=W,exports.OnboardingForm=Y,exports.OnboardingModal=function(r){var a=r.onClose,i=r.canSkip,l=r.flow,d=void 0===l?[exports.OnboardingStep.Phone,exports.OnboardingStep.OTP]:l,u=r.step,c=r.onPhoneSubmit,m=r.onOtpSubmit,g=r.onPersonalInfoSubmit,f=r.onCreatePassByEmail,b=r.onResendCode,h=r.otpError,x=r.personalInfoError,E=r.createPassError,v=r.emailLoading,_=r.createPassLoading,y=r.otpLoading,w=r.customFormTexts,P=r.initialData,O=r.banner,C=r.resultScreenProps,k=e.__rest(r,["onClose","canSkip","flow","step","onPhoneSubmit","onOtpSubmit","onPersonalInfoSubmit","onCreatePassByEmail","onResendCode","otpError","personalInfoError","createPassError","emailLoading","createPassLoading","otpLoading","customFormTexts","initialData","banner","resultScreenProps"]),S=p.useTranslations().t,L=n.useState(u||d[0]),j=L[0],q=L[1],I=n.useState(""),M=I[0],A=I[1],N=n.useState(""),z=N[0],B=N[1],F=t.useCounter(0,{min:0,max:2}),D=F[0],V=F[1],H=n.useCallback((function(){var e=d.indexOf(j)+1;e<=d.length-1&&q(d[e])}),[j]),U=n.useCallback((function(){var e=d.indexOf(j)-1;e>=0&&q(d[e])}),[j]),Q=function(n){return e.__awaiter(void 0,void 0,void 0,(function(){var t;return e.__generator(this,(function(e){switch(e.label){case 0:return e.trys.push([0,2,,3]),[4,m(n)];case 1:return!e.sent()&&H(),[3,3];case 2:return t=e.sent(),console.error(t),[3,3];case 3:return[2]}}))}))},W=function(){D>=2||(V.increment(),U())};return T.default.createElement(ce,e.__assign({},k),d.length>0?T.default.createElement(pe,null,T.default.createElement(me,{"data-has-banner":"object"==typeof O},j===exports.OnboardingStep.Phone&&T.default.createElement(Y,{onClose:a,canSkip:i,onSubmit:function(n){return e.__awaiter(void 0,void 0,void 0,(function(){var t;return e.__generator(this,(function(e){switch(e.label){case 0:return e.trys.push([0,2,,3]),A(n),[4,null==c?void 0:c(n)];case 1:return e.sent(),H(),[3,3];case 2:return t=e.sent(),console.error(t),[3,3];case 3:return[2]}}))}))},customFormTexts:w.onboarding}),j===exports.OnboardingStep.OTP&&T.default.createElement(se,{onClose:a,onSubmit:Q,phone:M,onResendCode:b,otpError:h,loading:y,canSkip:i,onBack:W,outOfEdit:D>=2}),j===exports.OnboardingStep.OTPEmail&&T.default.createElement(se,{onClose:a,onSubmit:Q,onResendCode:b,otpError:h,loading:y,canSkip:i,onBack:W,outOfEdit:D>=2,email:z}),j===exports.OnboardingStep.PersonalInfo&&T.default.createElement(de,{initialData:null==P?void 0:P[exports.OnboardingStep.PersonalInfo],onClose:a,canSkip:i,onSubmit:function(n){return e.__awaiter(void 0,void 0,void 0,(function(){var t;return e.__generator(this,(function(e){switch(e.label){case 0:return e.trys.push([0,2,,3]),B((null==n?void 0:n.email)||""),[4,null==g?void 0:g(n)];case 1:return!e.sent()&&H(),[3,3];case 2:return t=e.sent(),console.error(t),[3,3];case 3:return[2]}}))}))},errorMessage:x,loading:v}),j===exports.OnboardingStep.UpdatePassword&&T.default.createElement(ue,{onClose:a,canSkip:i,onSubmit:function(n){return e.__awaiter(void 0,void 0,void 0,(function(){var t;return e.__generator(this,(function(e){switch(e.label){case 0:return e.trys.push([0,2,,3]),[4,null==f?void 0:f(n)];case 1:return e.sent(),!E&&H(),[3,3];case 2:return t=e.sent(),console.error(t),[3,3];case 3:return[2]}}))}))},errorMessage:E,loading:_}),j===exports.OnboardingStep.Result&&T.default.createElement(R,e.__assign({},C),T.default.createElement(o.Button,{size:"lg",onClick:a,className:"form-button"},S("onboarding.button.continue")))),"object"==typeof O&&T.default.createElement(ge,null,T.default.createElement(fe,{bgColor:null==O?void 0:O.bgColor},T.default.createElement(be,null,(null==O?void 0:O.heading)&&T.default.createElement(he,{tag:"h1"},null==O?void 0:O.heading),(null==O?void 0:O.description)&&T.default.createElement(xe,{size:"p1",color:s.theme.colors.gray800},S("onboarding.welcomeScreen.content"))),(null==O?void 0:O.imgSrc)&&T.default.createElement(ve,null,T.default.createElement(Ee,{src:null==O?void 0:O.imgSrc,loading:"lazy"}))))):"Incorrect flow")},exports.OtpForm=se;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tslib.es6-53911a63.js"),n=require("react"),t=require("@mantine/hooks"),r=require("./index.styled-0e38ca3d.js"),o=require("./index-39477666.js");require("./gAssets.js"),require("./index.styled-b366eee3.js");var a=require("./index-762803d9.js"),i=require("./utils-602b3f25.js"),l=require("./theme-2636c06a.js"),s=require("@mantine/core");require("./index.styled-f9f637b5.js");var d=require("./useTranslations-5b529f9a.js");require("./index-c8e37382.js"),require("lodash/debounce"),require("./isProduction-3dca84a3.js");var u=require("./index-b8197afa.js");require("dayjs"),require("./screenSizeContext-0b5e6685.js");var c=require("styled-components"),p=require("./Locale-762a0c5d.js");require("./translationsContext-744e0996.js"),require("string-format");var m=require("./index-a69528bf.js"),g=require("@mantine/form"),f=require("./index-b26a3c26.js"),b=require("yup"),h=require("lodash/throttle"),x=require("./index-e5972a10.js");require("./index-a0c59487.js");var E=require("date-fns"),v=require("./Visible-23be348a.js");function _(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function y(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}require("./defaultClassWrapper-8df6fc2a.js"),require("@mantine/dates"),require("@mantine/carousel");var w,P,O,C,k,S,L,j,T=_(n),q=_(c),I=y(b),M=_(h),A=q.default.div(w||(w=e.__makeTemplateObject([""],[""]))),N=q.default(m.Text)(P||(P=e.__makeTemplateObject(["\n  margin-top: 8px;\n"],["\n  margin-top: 8px;\n"]))),z=q.default.div(O||(O=e.__makeTemplateObject(["\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"]))),B=q.default(s.Container)(C||(C=e.__makeTemplateObject(["\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"])),i.MediaQueries.mbDown),F=q.default.img(k||(k=e.__makeTemplateObject(["\n  margin-bottom: 38px;\n"],["\n  margin-bottom: 38px;\n"]))),R=function(n){var t,o=n.heading,i=n.description,s=n.children,d=n.className,c=n.imgSrc,p=e.__rest(n,["heading","description","children","className","imgSrc"]);return T.default.createElement(B,e.__assign({},p,{className:"hhg-comp-onboarding-container ".concat(d),size:"sm"}),T.default.createElement(a.LogoIcon,{type:(null===(t=u.LOCALE_SPECS[process.env.UNIFY_LOCALE])||void 0===t?void 0:t.LOGO_TYPE)||"hellobacsi"}),T.default.createElement(z,null,c&&T.default.createElement(F,{src:c,loading:"lazy"}),T.default.createElement(A,{className:"header"},T.default.createElement(r.Heading,{tag:"h3"},o),T.default.createElement(N,{size:"p3",color:l.theme.colors.gray600},i)),s))},D=function(e){return I.object().shape({phone:I.string().required(e("onboarding.updatePhone.error")).default("")})},V=function(e){return I.object().shape({otp:I.string().required(e("onboarding.otpForm.error")).length(6,e("onboarding.otpForm.error")).default("")})},H=function(e){return I.object().shape({email:I.string().required(e("onboarding.errorMessage.requiredEmail")).email(e("onboarding.errorMessage.invalidEmail")).default(""),name:I.string().required(e("onboarding.errorMessage.requiredName"))})},U=function(e){return I.object().shape({password:I.string().required(e("onboarding.errorMessage.requiredPassword")).min(8,e("onboarding.errorMessage.minLength",{length:8})).matches(/.*[A-Z].*/,e("onboarding.errorMessage.passWithPattern")).default(""),confirmPassword:I.string().required(e("onboarding.errorMessage.requiredConfirmPassword")).oneOf([I.ref("password"),null],e("onboarding.errorMessage.passNotMatch")).default("")})},Q=q.default(R)(S||(S=e.__makeTemplateObject(["\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"])),i.MediaQueries.mbDown),W=((L={})[p.LOCALE.Vietnam]="VN",L[p.LOCALE.Cambodia]="KH",L[p.LOCALE.Indonesia]="ID",L[p.LOCALE.Malaysia]="MY",L[p.LOCALE.PhilippinesEnglish]="PH",L[p.LOCALE.PhilippinesTagalog]="PH",L[p.LOCALE.Taiwan]="TW",L[p.LOCALE.Thailand]="TH",L[p.LOCALE.Myanmar]="MM",L),Y=function(n){var t=n.onClose,r=n.onSubmit,a=n.canSkip,i=void 0===a||a,l=n.customFormTexts,u=d.useTranslations().t,c=g.useForm({initialValues:{phone:""},validate:g.yupResolver(D(u))});return T.default.createElement(Q,{heading:(null==l?void 0:l.heading)||u("onboarding.updatePhone.heading"),description:(null==l?void 0:l.description)||u("onboarding.updatePhone.description")},T.default.createElement("form",{onSubmit:c.onSubmit((function(n){return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){return r(n.phone),[2]}))}))}),(function(e){console.log(e)}))},T.default.createElement("div",{className:"phone-input"},T.default.createElement(f.Phone,e.__assign({defaultCountry:W[process.env.UNIFY_LOCALE]||"VN"},c.getInputProps("phone"))),T.default.createElement(s.Input.Error,null,c.errors.phone)),T.default.createElement(o.Button,{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"},u("onboarding.button.continue")),i&&T.default.createElement(o.Button,{color:"ghost",isBlock:!0,size:"lg",onClick:t,type:"button"},u("onboarding.button.skip"))))};(j={})[p.LOCALE.Vietnam]="VN",j[p.LOCALE.Cambodia]="KH",j[p.LOCALE.Indonesia]="ID",j[p.LOCALE.Malaysia]="MY",j[p.LOCALE.PhilippinesEnglish]="PH",j[p.LOCALE.PhilippinesTagalog]="PH",j[p.LOCALE.Taiwan]="TW",j[p.LOCALE.Thailand]="TH",j[p.LOCALE.Myanmar]="MM";var K,Z,G,J,X,$,ee,ne,te,re,oe,ae,ie=function(e){void 0===e&&(e="");var n=e.indexOf("@"),t=e.substring(0,n),r=t.length>3?3:t.length;return e.replace(e.substring(r,n),e.slice(r,n).replace(/./g,"x"))},le=q.default(R)(K||(K=e.__makeTemplateObject(["\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"])),i.MediaQueries.mbDown,i.MediaQueries.mbDown),se=function(r){var a=r.onSubmit,i=r.phone,u=r.email,c=r.onResendCode,p=r.otpError,b=r.onClose,h=r.loading,x=r.onBack,E=r.canSkip,v=r.outOfEdit,_=n.useState(30),y=_[0],w=_[1],P=t.useInterval((function(){return w((function(e){return e-1}))}),1e3),O=t.useCounter(0,{min:0,max:3}),C=O[0],k=O[1],S=n.useRef(!0),L=d.useTranslations().t;n.useEffect((function(){return P.start(),P.stop}),[]),n.useEffect((function(){0===y&&(P.stop(),S.current=!1)}),[y]);var j=g.useForm({initialValues:{otp:""},validate:g.yupResolver(V(L))});n.useEffect((function(){p&&j.setFieldError("otp",p)}),[p]);var q=n.useMemo((function(){return M.default((function(){S.current||(k.increment(),w(30),null==c||c(i||u),P.start(),S.current=!0)}),1e3,{trailing:!1})}),[i,u,c,P]);return T.default.createElement(le,{heading:L("onboarding.otpForm.heading"),description:T.default.createElement(T.default.Fragment,null,T.default.createElement("span",{dangerouslySetInnerHTML:{__html:i?L("onboarding.otpForm.description",{phone:'<b style="color:'.concat(l.theme.colors.gray800,'">').concat(i.slice(0,-3).replace(/./g,"x").concat(i.slice(-3)),"</b>")}):L("onboarding.otpForm.descriptionEmail",{email:'<b style="color:'.concat(l.theme.colors.gray800,'">').concat(ie(u),"</b>")})}}),!v&&T.default.createElement("svg",{onClick:function(){null==x||x()},width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"otp-description-edit-icon"},T.default.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"})))},T.default.createElement("form",{onSubmit:j.onSubmit((function(n){return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){return k.increment(),a(n.otp),[2]}))}))}),(function(e){console.log(e)}))},T.default.createElement("div",{className:"otp-input"},T.default.createElement(f.OTP,e.__assign({enterKeyHint:void 0,nonce:void 0},j.getInputProps("otp"))),T.default.createElement(s.Input.Error,null,j.errors.otp)),T.default.createElement("div",{className:"resend"},T.default.createElement(m.Text,{size:"p4",color:l.theme.colors.gray400},L("onboarding.otpForm.notReceiveOTP")),T.default.createElement(m.Text,{as:"a",size:"p4",color:l.theme.colors.primaryBase,onClick:q},L("onboarding.otpForm.resendCode",{seconds:y}))),T.default.createElement(o.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:h,disabled:h,"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"},L("onboarding.button.continue")),E&&C>=3&&T.default.createElement(o.Button,{color:"ghost",isBlock:!0,size:"lg",onClick:b,type:"button"},L("onboarding.button.skip"))))},de=function(t){var r=t.onClose,a=t.onSubmit,i=t.canSkip,l=t.loading,u=t.errorMessage,c=t.initialData,p=d.useTranslations().t,m=g.useForm({validate:g.yupResolver(H(p))});return n.useEffect((function(){m.setValues(e.__assign(e.__assign({gender:"0"},c),(null==c?void 0:c.birthday)&&{birthday:new Date(c.birthday)}))}),[c]),n.useEffect((function(){u&&m.setFieldError("email",u)}),[u]),T.default.createElement(R,{heading:p("onboarding.formEmail.heading"),description:p("onboarding.formEmail.description")},T.default.createElement("form",{className:"form",onSubmit:m.onSubmit((function(n){a(e.__assign(e.__assign({},n),{birthday:n.birthday&&E.format(n.birthday,"yyyy-MM-dd")}))}),(function(e){console.log({fieldErrors:e})}))},T.default.createElement(s.Input.Wrapper,{label:p("onboarding.formEmail.yourName"),className:"input-control",withAsterisk:!0},T.default.createElement(s.Input,e.__assign({},m.getInputProps("name"))),T.default.createElement(s.Input.Error,{className:"field-error"},m.errors.name)),T.default.createElement(s.Input.Wrapper,{label:p("onboarding.formEmail.yourEmail"),className:"input-control",withAsterisk:!0},T.default.createElement(s.Input,e.__assign({},m.getInputProps("email"))),T.default.createElement(s.Input.Error,{className:"field-error"},m.errors.email)),T.default.createElement(f.DatePicker,e.__assign({className:"input-control",label:p("onboarding.formEmail.yourBirthday")},m.getInputProps("birthday"))),T.default.createElement(f.Radio.Group,{value:m.values.gender,onChange:function(e){return m.setFieldValue("gender",e)},className:"radio-group"},T.default.createElement(f.Radio,{value:"0",label:p("onboarding.formEmail.genderMale")}),T.default.createElement(f.Radio,{value:"1",label:p("onboarding.formEmail.genderFemale")})),T.default.createElement(o.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:l,disabled:l},p("onboarding.button.continue")),i&&T.default.createElement(o.Button,{color:"ghost",isBlock:!0,size:"lg",onClick:r},p("onboarding.button.skip"))))},ue=function(n){var t=n.onClose,r=n.onSubmit,a=n.canSkip,i=n.errorMessage,l=n.loading,u=d.useTranslations().t,c=g.useForm({initialValues:{password:"",confirmPassword:""},validate:g.yupResolver(U(u))});return T.default.createElement(R,{heading:u("onboarding.updatePassword.heading"),description:u("onboarding.updatePassword.description")},T.default.createElement("form",{className:"form",onSubmit:c.onSubmit((function(e){return r((null==e?void 0:e.password)||"")}),(function(e){console.log({fieldErrors:e})}))},T.default.createElement(x.PasswordInput,e.__assign({label:u("onboarding.updatePassword.password"),withAsterisk:!0,rightSection:T.default.createElement(v.Visible,null)},c.getInputProps("password"))),T.default.createElement(x.PasswordInput,e.__assign({label:u("onboarding.updatePassword.confirmPassword"),withAsterisk:!0,rightSection:T.default.createElement(v.Visible,null)},c.getInputProps("confirmPassword"))),T.default.createElement(o.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:l,disabled:l},u("onboarding.button.continue")),a&&T.default.createElement(o.Button,{color:"ghost",isBlock:!0,size:"lg",onClick:t},u("onboarding.button.skip")),i&&T.default.createElement(s.Input.Error,{className:"form-error"},i)))},ce=q.default.div(Z||(Z=e.__makeTemplateObject(["\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"]))),pe=q.default.div(G||(G=e.__makeTemplateObject(["\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"])),i.MediaQueries.lgPcUp),me=q.default.div(J||(J=e.__makeTemplateObject(["\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"])),i.MediaQueries.lgPcUp),ge=q.default.div(X||(X=e.__makeTemplateObject(["\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"])),i.MediaQueries.lgPcUp),fe=q.default.div($||($=e.__makeTemplateObject(["\n  background-color: ",";\n  border-radius: 12px;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n"],["\n  background-color: ",";\n  border-radius: 12px;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n"])),(function(e){return e.bgColor||l.theme.colors.blue50})),be=q.default.div(ee||(ee=e.__makeTemplateObject(["\n  margin-top: 40px;\n  padding: 24px 40px;\n"],["\n  margin-top: 40px;\n  padding: 24px 40px;\n"]))),he=q.default(r.Heading)(ne||(ne=e.__makeTemplateObject(["\n  margin-bottom: 24px;\n  text-align: center;\n"],["\n  margin-bottom: 24px;\n  text-align: center;\n"]))),xe=q.default(m.Text)(te||(te=e.__makeTemplateObject([""],[""]))),Ee=q.default.img(re||(re=e.__makeTemplateObject(["\n  width: 100%;\n  display: block;\n"],["\n  width: 100%;\n  display: block;\n"]))),ve=q.default.div(oe||(oe=e.__makeTemplateObject([""],[""])));exports.OnboardingStep=void 0,(ae=exports.OnboardingStep||(exports.OnboardingStep={}))[ae.Phone=0]="Phone",ae[ae.OTP=1]="OTP",ae[ae.OTPEmail=2]="OTPEmail",ae[ae.PersonalInfo=3]="PersonalInfo",ae[ae.UpdatePassword=4]="UpdatePassword",ae[ae.Result=5]="Result";exports.MAPPED_LOCALE=W,exports.OnboardingForm=Y,exports.OnboardingModal=function(r){var a=r.onClose,i=r.canSkip,s=r.flow,u=void 0===s?[exports.OnboardingStep.Phone,exports.OnboardingStep.OTP]:s,c=r.step,p=r.onPhoneSubmit,m=r.onOtpSubmit,g=r.onPersonalInfoSubmit,f=r.onCreatePassByEmail,b=r.onResendCode,h=r.otpError,x=r.personalInfoError,E=r.createPassError,v=r.emailLoading,_=r.createPassLoading,y=r.otpLoading,w=r.customFormTexts,P=r.initialData,O=r.banner,C=r.resultScreenProps,k=e.__rest(r,["onClose","canSkip","flow","step","onPhoneSubmit","onOtpSubmit","onPersonalInfoSubmit","onCreatePassByEmail","onResendCode","otpError","personalInfoError","createPassError","emailLoading","createPassLoading","otpLoading","customFormTexts","initialData","banner","resultScreenProps"]),S=d.useTranslations().t,L=n.useState(c||u[0]),j=L[0],q=L[1],I=n.useState(""),M=I[0],A=I[1],N=n.useState(""),z=N[0],B=N[1],F=t.useCounter(0,{min:0,max:2}),D=F[0],V=F[1],H=n.useCallback((function(){var e=u.indexOf(j)+1;e<=u.length-1&&q(u[e])}),[j]),U=n.useCallback((function(){var e=u.indexOf(j)-1;e>=0&&q(u[e])}),[j]),Q=function(n){return e.__awaiter(void 0,void 0,void 0,(function(){var t;return e.__generator(this,(function(e){switch(e.label){case 0:return e.trys.push([0,2,,3]),[4,m(n)];case 1:return!e.sent()&&H(),[3,3];case 2:return t=e.sent(),console.error(t),[3,3];case 3:return[2]}}))}))},W=function(){D>=2||(V.increment(),U())};return T.default.createElement(ce,e.__assign({},k),u.length>0?T.default.createElement(pe,null,T.default.createElement(me,{"data-has-banner":"object"==typeof O},j===exports.OnboardingStep.Phone&&T.default.createElement(Y,{onClose:a,canSkip:i,onSubmit:function(n){return e.__awaiter(void 0,void 0,void 0,(function(){var t;return e.__generator(this,(function(e){switch(e.label){case 0:return e.trys.push([0,2,,3]),A(n),[4,null==p?void 0:p(n)];case 1:return e.sent(),H(),[3,3];case 2:return t=e.sent(),console.error(t),[3,3];case 3:return[2]}}))}))},customFormTexts:w.onboarding}),j===exports.OnboardingStep.OTP&&T.default.createElement(se,{onClose:a,onSubmit:Q,phone:M,onResendCode:b,otpError:h,loading:y,canSkip:i,onBack:W,outOfEdit:D>=2}),j===exports.OnboardingStep.OTPEmail&&T.default.createElement(se,{onClose:a,onSubmit:Q,onResendCode:b,otpError:h,loading:y,canSkip:i,onBack:W,outOfEdit:D>=2,email:z}),j===exports.OnboardingStep.PersonalInfo&&T.default.createElement(de,{initialData:null==P?void 0:P[exports.OnboardingStep.PersonalInfo],onClose:a,canSkip:i,onSubmit:function(n){return e.__awaiter(void 0,void 0,void 0,(function(){var t;return e.__generator(this,(function(e){switch(e.label){case 0:return e.trys.push([0,2,,3]),B((null==n?void 0:n.email)||""),[4,null==g?void 0:g(n)];case 1:return!e.sent()&&H(),[3,3];case 2:return t=e.sent(),console.error(t),[3,3];case 3:return[2]}}))}))},errorMessage:x,loading:v}),j===exports.OnboardingStep.UpdatePassword&&T.default.createElement(ue,{onClose:a,canSkip:i,onSubmit:function(n){return e.__awaiter(void 0,void 0,void 0,(function(){var t;return e.__generator(this,(function(e){switch(e.label){case 0:return e.trys.push([0,2,,3]),[4,null==f?void 0:f(n)];case 1:return e.sent(),!E&&H(),[3,3];case 2:return t=e.sent(),console.error(t),[3,3];case 3:return[2]}}))}))},errorMessage:E,loading:_}),j===exports.OnboardingStep.Result&&T.default.createElement(R,e.__assign({},C),T.default.createElement(o.Button,{size:"lg",onClick:a,className:"form-button"},S("onboarding.button.continue")))),"object"==typeof O&&T.default.createElement(ge,null,T.default.createElement(fe,{bgColor:null==O?void 0:O.bgColor},T.default.createElement(be,null,(null==O?void 0:O.heading)&&T.default.createElement(he,{tag:"h1"},null==O?void 0:O.heading),(null==O?void 0:O.description)&&T.default.createElement(xe,{size:"p1",color:l.theme.colors.gray800},S("onboarding.welcomeScreen.content"))),(null==O?void 0:O.imgSrc)&&T.default.createElement(ve,null,T.default.createElement(Ee,{src:null==O?void 0:O.imgSrc,loading:"lazy"}))))):"Incorrect flow")},exports.OtpForm=se;

package/build/pwg.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tslib.es6-729403f3.js"),t=require("react"),n=require("./index-65262069.js"),a=require("./index-1ad363ab.js"),r=require("./index-12367af0.js"),l=require("./useTranslations-1bd8735d.js"),i=require("./theme-97aa7824.js"),o=require("recharts"),c=require("./index-da77ef10.js"),d=require("./useOutsideClick-32b02fd6.js"),s=require("styled-components");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./index.styled-74aee99e.js"),require("./Locale-5d5c1165.js"),require("./index.styled-52132b72.js"),require("./gAssets.js"),require("./index-172d8a05.js"),require("./isProduction-d77f4657.js"),require("./index-232e3ec1.js"),require("@mantine/carousel"),require("@mantine/hooks"),require("./translationsContext-8c6cc9f2.js"),require("string-format");var m,p,f,g,x=u(t),h=u(s),y=function(t){var n=t.weightByWeek,a=t.weightBefore,r=t.toolTipLabel,l=t.status,i=t.activeWeek,o=(0,t.t)("bmi.result.".concat(l));return n.map((function(t){return e.__assign({name:t.week,min:a+t.min,difference:t.max-t.min,max:a+t.max},t.week===i?{toolTipLabel:r,translatedStatus:o,status:l}:{})}))},b=function(e){var t=e.x,n=e.y,a=e.payload;return e.activeWeek===a.value?x.default.createElement("g",{transform:"translate(".concat(t,",").concat(n,")")},x.default.createElement("circle",{r:12,fill:"marryBaby"===e.siteType?i.theme.mbColors.pink:i.theme.colors.primaryBase}),x.default.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:i.theme.colors.white,fontFamily:"Inter",fontWeight:"600",fontSize:"12px"},a.value)):x.default.createElement("g",{transform:"translate(".concat(t,",").concat(n,")")},x.default.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:i.theme.colors.gray600,fontFamily:"Inter",fontWeight:"400",fontSize:"12px"},a.value))},k=h.default.div(m||(m=e.__makeTemplateObject(["\n  /* position: absolute; */\n  display: flex;\n  flex-direction: column;\n  padding: 8px 12px;\n  gap: 4px;\n\n  min-width: 145px;\n  max-width: 220px;\n  min-height: 50px;\n  border-radius: 4px;\n  background: rgba(255, 255, 255, 0.2);\n  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);\n  backdrop-filter: blur(5px);\n  -webkit-backdrop-filter: blur(5px);\n  border: 1px solid rgba(255, 255, 255, 0.3);\n  /* .risk {\n    display: flex;\n    align-items: center;\n    padding: 4px 8px;\n    background: ",";\n    border-radius: 3px;\n  } */\n  & > * {\n    display: flex;\n    gap: 4px;\n    align-items: center;\n  }\n  .risk {\n    display: inline-flex;\n    padding: 2px 8px;\n    border-radius: 2px;\n    background: #ffffff;\n  }\n"],["\n  /* position: absolute; */\n  display: flex;\n  flex-direction: column;\n  padding: 8px 12px;\n  gap: 4px;\n\n  min-width: 145px;\n  max-width: 220px;\n  min-height: 50px;\n  border-radius: 4px;\n  background: rgba(255, 255, 255, 0.2);\n  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);\n  backdrop-filter: blur(5px);\n  -webkit-backdrop-filter: blur(5px);\n  border: 1px solid rgba(255, 255, 255, 0.3);\n  /* .risk {\n    display: flex;\n    align-items: center;\n    padding: 4px 8px;\n    background: ",";\n    border-radius: 3px;\n  } */\n  & > * {\n    display: flex;\n    gap: 4px;\n    align-items: center;\n  }\n  .risk {\n    display: inline-flex;\n    padding: 2px 8px;\n    border-radius: 2px;\n    background: #ffffff;\n  }\n"])),i.theme.colors.yellow600),v=h.default.div(p||(p=e.__makeTemplateObject(["\n  position: relative;\n  width: 100%;\n  .custom-chart-label {\n    display: flex;\n    width: 100%;\n    justify-content: space-between;\n    align-items: center;\n  }\n  .chart-legend {\n    display: flex;\n    justify-content: space-between;\n  }\n"],["\n  position: relative;\n  width: 100%;\n  .custom-chart-label {\n    display: flex;\n    width: 100%;\n    justify-content: space-between;\n    align-items: center;\n  }\n  .chart-legend {\n    display: flex;\n    justify-content: space-between;\n  }\n"]))),w=h.default.div(f||(f=e.__makeTemplateObject(["\n  display: flex;\n  gap: 40px;\n  justify-content: center;\n  margin-bottom: 8px;\n  & > div {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n  }\n"],["\n  display: flex;\n  gap: 40px;\n  justify-content: center;\n  margin-bottom: 8px;\n  & > div {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n  }\n"]))),E=[{name:"overweight",backgroundColor:i.theme.colors.yellow50,color:i.theme.colors.yellow900},{name:"underweight",backgroundColor:i.theme.colors.yellow50,color:i.theme.colors.yellow900},{name:"healthy",backgroundColor:i.theme.colors.green50,color:i.theme.colors.green900}],T=function(e){var n,r,l,o,c,d=e.payload,s=e.active,u=null===(n=null==d?void 0:d[0])||void 0===n?void 0:n.payload;if(!u||!u.toolTipLabel||!s)return null;var m=t.useMemo((function(){return E.find((function(e){return e.name===u.status}))}),[null==u?void 0:u.status]),p=m.backgroundColor,f=m.color;return x.default.createElement(k,null,x.default.createElement("div",null,null===(r=u.toolTipLabel)||void 0===r?void 0:r[0]," ",null===(l=u.toolTipLabel)||void 0===l?void 0:l[1]),x.default.createElement("div",null,(null===(o=u.toolTipLabel)||void 0===o?void 0:o[2])&&x.default.createElement(a.Text,{as:"span",size:"s3",color:i.theme.colors.gray800,type:"semiBold"},null===(c=u.toolTipLabel)||void 0===c?void 0:c[2]),x.default.createElement("div",{className:"risk",style:{backgroundColor:p}},x.default.createElement(a.Text,{size:"n1",color:f},u.translatedStatus))))},C=function(r){var s=r.weightBefore,u=r.weightByWeek,m=r.activeWeek,p=r.currentWeight,f=r.toolTipLabel,g=void 0===f?[]:f,h=r.status,k=r.withLine,w=void 0!==k&&k,E=r.siteType,C=l.useTranslations().t,j="marryBaby"===E,B=t.useMemo((function(){return y({weightByWeek:u,weightBefore:s,toolTipLabel:g,status:h,activeWeek:m,t:C})}),[u,s,g,h,m]),_=t.useState(!1),q=_[0],W=_[1],M=t.useRef(null);return d.useOutsideClick(M,(function(){return W(!1)})),x.default.createElement(v,null,j?x.default.createElement(n.MarryBabyText,{type:"bodytext-3",color:i.theme.mbColors.dark}," ",C("babyGrowth.weight")," ",C("pregnancyWeightGain.weightInput.desc")):x.default.createElement(a.Text,{size:"n1",color:i.theme.colors.gray500},C("babyGrowth.weight")," ",C("pregnancyWeightGain.weightInput.desc")),Array.isArray(B)&&B.length>0&&x.default.createElement(v,null,x.default.createElement(o.ResponsiveContainer,{height:388,className:"chart"},x.default.createElement(o.AreaChart,{data:B,margin:{top:16,right:0,left:0}},x.default.createElement(o.CartesianGrid,{stroke:i.theme.colors.neutral100}),x.default.createElement(o.Tooltip,{trigger:"click",content:function(t){return x.default.createElement(T,e.__assign({active:!w&&q&&void 0!==m&&void 0!==p},t))}}),x.default.createElement(o.XAxis,{type:"number",scale:"linear",ticks:Array.from({length:40},(function(e,t){return t+1})),dataKey:"name",tickLine:!1,tickMargin:12,tick:function(t){return x.default.createElement(b,e.__assign({},t,{activeWeek:m,siteType:E}))},domain:["dataMin","dataMax"],interval:"preserveStartEnd",tickCount:1,allowDecimals:!1}),x.default.createElement(o.YAxis,{domain:[function(e){return Math.max(e,s-10||e)},function(e){return Math.max(e,s+20||e)}],type:"number",scale:"auto",interval:"preserveStartEnd",tickLine:!1,tickMargin:7,width:45,tickCount:10,allowDecimals:!0,tickFormatter:function(e){return String(Math.round(100*(e+Number.EPSILON))/100)},tick:{fontFamily:"Inter",fontWeight:400,fontSize:12,color:i.theme.colors.gray600}}),x.default.createElement(o.Area,{connectNulls:!0,type:"monotone",dataKey:"min",stackId:"1",stroke:"transparent",fill:"transparent"}),x.default.createElement(o.Area,{connectNulls:!0,type:"monotone",dataKey:"difference",stackId:"1",stroke:"transparent",fill:j?i.theme.mbColors.tonePink:i.theme.colors.blue100}),void 0!==m&&void 0!==p&&x.default.createElement(o.ReferenceDot,{onClick:function(){return W(!0)},x:0===m?1:m,y:p,r:4,shape:x.default.createElement(c.CustomReferenceDot,{ref:M,r:4}),fill:j?i.theme.mbColors.pink:i.theme.colors.primaryBase,stroke:j?i.theme.mbColors.pink:i.theme.colors.primaryBase}))),x.default.createElement("div",{className:"custom-chart-label"},x.default.createElement("i",null),j?x.default.createElement(n.MarryBabyText,{type:"bodytext-3",color:i.theme.mbColors.dark},C("pregnancy.week")):x.default.createElement(a.Text,{size:"n1",color:i.theme.colors.gray500},C("pregnancy.week")))))},j=function(t){var n=t.color,a=e.__rest(t,["color"]);return x.default.createElement("svg",e.__assign({width:"8",height:"8",viewBox:"0 0 8 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a),x.default.createElement("circle",{cx:"4",cy:"4",r:"4",fill:n||i.theme.colors.primaryBase}))},B=function(e){var t=e.idealWeight,r=e.siteType,o=l.useTranslations().t,c="marryBaby"===r;return x.default.createElement(w,null,x.default.createElement("div",null,c?x.default.createElement(x.default.Fragment,null,x.default.createElement(j,{color:i.theme.mbColors.lightPink}),x.default.createElement(n.MarryBabyText,{type:"bodytext-3",color:i.theme.mbColors.dark},o("pregnancyTool.weightSuggested")," ",x.default.createElement(a.Text,{size:"n1",color:i.theme.colors.gray800,type:"bold",as:"span"},t))):x.default.createElement(x.default.Fragment,null,x.default.createElement(j,{color:i.theme.colors.blue100}),x.default.createElement(a.Text,{size:"n1",color:i.theme.colors.gray600},x.default.createElement(a.Text,{size:"n1",as:"span"},o("pregnancyTool.weightSuggested")," "),x.default.createElement(a.Text,{size:"n1",color:i.theme.colors.gray800,type:"bold",as:"span"},t)))),x.default.createElement("div",null,c?x.default.createElement(x.default.Fragment,null,x.default.createElement(j,{color:i.theme.mbColors.pink}),x.default.createElement(n.MarryBabyText,{type:"bodytext-3",color:i.theme.mbColors.dark},o("pwg.placeholder.weight"))):x.default.createElement(x.default.Fragment,null,x.default.createElement(j,null),x.default.createElement(a.Text,{size:"n1",color:i.theme.colors.gray600},o("pwg.placeholder.weight")))))},_=h.default.div(g||(g=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 24px 16px;\n  width: 100%;\n  gap: 24px;\n  border: 1px solid ",";\n  border-radius: 8px;\n  .chart-header {\n    text-align: center;\n  }\n  > div {\n    width: 100%;\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 24px 16px;\n  width: 100%;\n  gap: 24px;\n  border: 1px solid ",";\n  border-radius: 8px;\n  .chart-header {\n    text-align: center;\n  }\n  > div {\n    width: 100%;\n  }\n"])),i.theme.colors.neutral100);exports.PregnancyWeightGainChart=function(t){var o=t.chartProps,c=t.pillCarouselProps,d=t.idealWeight,s=t.description,u=t.siteType,m=l.useTranslations().t,p="marryBaby"===u;return x.default.createElement(_,null,x.default.createElement("div",{className:"chart-header"},p?x.default.createElement(n.MarryBabyHeading,{type:"h3",color:i.theme.mbColors.dark},m("pregnancyTool.weightSuggested")):x.default.createElement(a.Text,{size:"s1",type:"semiBold",color:i.theme.colors.gray800},m("pregnancyTool.weightSuggested")),s&&s),x.default.createElement(r.PillCarousel,e.__assign({},c)),x.default.createElement("div",null,x.default.createElement(B,{idealWeight:d,siteType:u}),x.default.createElement(C,e.__assign({},o,{siteType:u}))))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tslib.es6-53911a63.js"),t=require("react"),n=require("./index-7f2bcbdb.js"),a=require("./index-a69528bf.js"),r=require("./index-d3c4227a.js"),l=require("./useTranslations-5b529f9a.js"),i=require("./theme-2636c06a.js"),o=require("recharts"),c=require("./index-c8e37382.js"),s=require("./useOutsideClick-ee37b44a.js"),d=require("styled-components");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./index.styled-f9f637b5.js"),require("./Locale-762a0c5d.js"),require("./index.styled-0d951767.js"),require("./gAssets.js"),require("./index-b8197afa.js"),require("./isProduction-3dca84a3.js"),require("./index-a0c59487.js"),require("@mantine/carousel"),require("@mantine/hooks"),require("./translationsContext-744e0996.js"),require("string-format");var m,p,f,g,x=u(t),h=u(d),y=function(t){var n=t.weightByWeek,a=t.weightBefore,r=t.toolTipLabel,l=t.status,i=t.activeWeek,o=(0,t.t)("bmi.result.".concat(l));return n.map((function(t){return e.__assign({name:t.week,min:a+t.min,difference:t.max-t.min,max:a+t.max},t.week===i?{toolTipLabel:r,translatedStatus:o,status:l}:{})}))},b=function(e){var t=e.x,n=e.y,a=e.payload;return e.activeWeek===a.value?x.default.createElement("g",{transform:"translate(".concat(t,",").concat(n,")")},x.default.createElement("circle",{r:12,fill:"marryBaby"===e.siteType?i.theme.mbColors.pink:i.theme.colors.primaryBase}),x.default.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:i.theme.colors.white,fontFamily:"Inter",fontWeight:"600",fontSize:"12px"},a.value)):x.default.createElement("g",{transform:"translate(".concat(t,",").concat(n,")")},x.default.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:i.theme.colors.gray600,fontFamily:"Inter",fontWeight:"400",fontSize:"12px"},a.value))},k=h.default.div(m||(m=e.__makeTemplateObject(["\n  /* position: absolute; */\n  display: flex;\n  flex-direction: column;\n  padding: 8px 12px;\n  gap: 4px;\n\n  min-width: 145px;\n  max-width: 220px;\n  min-height: 50px;\n  border-radius: 4px;\n  background: rgba(255, 255, 255, 0.2);\n  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);\n  backdrop-filter: blur(5px);\n  -webkit-backdrop-filter: blur(5px);\n  border: 1px solid rgba(255, 255, 255, 0.3);\n  /* .risk {\n    display: flex;\n    align-items: center;\n    padding: 4px 8px;\n    background: ",";\n    border-radius: 3px;\n  } */\n  & > * {\n    display: flex;\n    gap: 4px;\n    align-items: center;\n  }\n  .risk {\n    display: inline-flex;\n    padding: 2px 8px;\n    border-radius: 2px;\n    background: #ffffff;\n  }\n"],["\n  /* position: absolute; */\n  display: flex;\n  flex-direction: column;\n  padding: 8px 12px;\n  gap: 4px;\n\n  min-width: 145px;\n  max-width: 220px;\n  min-height: 50px;\n  border-radius: 4px;\n  background: rgba(255, 255, 255, 0.2);\n  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);\n  backdrop-filter: blur(5px);\n  -webkit-backdrop-filter: blur(5px);\n  border: 1px solid rgba(255, 255, 255, 0.3);\n  /* .risk {\n    display: flex;\n    align-items: center;\n    padding: 4px 8px;\n    background: ",";\n    border-radius: 3px;\n  } */\n  & > * {\n    display: flex;\n    gap: 4px;\n    align-items: center;\n  }\n  .risk {\n    display: inline-flex;\n    padding: 2px 8px;\n    border-radius: 2px;\n    background: #ffffff;\n  }\n"])),i.theme.colors.yellow600),v=h.default.div(p||(p=e.__makeTemplateObject(["\n  position: relative;\n  width: 100%;\n  .custom-chart-label {\n    display: flex;\n    width: 100%;\n    justify-content: space-between;\n    align-items: center;\n  }\n  .chart-legend {\n    display: flex;\n    justify-content: space-between;\n  }\n"],["\n  position: relative;\n  width: 100%;\n  .custom-chart-label {\n    display: flex;\n    width: 100%;\n    justify-content: space-between;\n    align-items: center;\n  }\n  .chart-legend {\n    display: flex;\n    justify-content: space-between;\n  }\n"]))),w=h.default.div(f||(f=e.__makeTemplateObject(["\n  display: flex;\n  gap: 40px;\n  justify-content: center;\n  margin-bottom: 8px;\n  & > div {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n  }\n"],["\n  display: flex;\n  gap: 40px;\n  justify-content: center;\n  margin-bottom: 8px;\n  & > div {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n  }\n"]))),E=[{name:"overweight",backgroundColor:i.theme.colors.yellow50,color:i.theme.colors.yellow900},{name:"underweight",backgroundColor:i.theme.colors.yellow50,color:i.theme.colors.yellow900},{name:"healthy",backgroundColor:i.theme.colors.green50,color:i.theme.colors.green900}],T=function(e){var n,r,l,o,c,s=e.payload,d=e.active,u=null===(n=null==s?void 0:s[0])||void 0===n?void 0:n.payload;if(!u||!u.toolTipLabel||!d)return null;var m=t.useMemo((function(){return E.find((function(e){return e.name===u.status}))}),[null==u?void 0:u.status]),p=m.backgroundColor,f=m.color;return x.default.createElement(k,null,x.default.createElement("div",null,null===(r=u.toolTipLabel)||void 0===r?void 0:r[0]," ",null===(l=u.toolTipLabel)||void 0===l?void 0:l[1]),x.default.createElement("div",null,(null===(o=u.toolTipLabel)||void 0===o?void 0:o[2])&&x.default.createElement(a.Text,{as:"span",size:"s3",color:i.theme.colors.gray800,type:"semiBold"},null===(c=u.toolTipLabel)||void 0===c?void 0:c[2]),x.default.createElement("div",{className:"risk",style:{backgroundColor:p}},x.default.createElement(a.Text,{size:"n1",color:f},u.translatedStatus))))},C=function(r){var d=r.weightBefore,u=r.weightByWeek,m=r.activeWeek,p=r.currentWeight,f=r.toolTipLabel,g=void 0===f?[]:f,h=r.status,k=r.withLine,w=void 0!==k&&k,E=r.siteType,C=l.useTranslations().t,j="marryBaby"===E,B=t.useMemo((function(){return y({weightByWeek:u,weightBefore:d,toolTipLabel:g,status:h,activeWeek:m,t:C})}),[u,d,g,h,m]),_=t.useState(!1),q=_[0],W=_[1],M=t.useRef(null);return s.useOutsideClick(M,(function(){return W(!1)})),x.default.createElement(v,null,j?x.default.createElement(n.MarryBabyText,{type:"bodytext-3",color:i.theme.mbColors.dark}," ",C("babyGrowth.weight")," ",C("pregnancyWeightGain.weightInput.desc")):x.default.createElement(a.Text,{size:"n1",color:i.theme.colors.gray500},C("babyGrowth.weight")," ",C("pregnancyWeightGain.weightInput.desc")),Array.isArray(B)&&B.length>0&&x.default.createElement(v,null,x.default.createElement(o.ResponsiveContainer,{height:388,className:"chart"},x.default.createElement(o.AreaChart,{data:B,margin:{top:16,right:0,left:0}},x.default.createElement(o.CartesianGrid,{stroke:i.theme.colors.neutral100}),x.default.createElement(o.Tooltip,{trigger:"click",content:function(t){return x.default.createElement(T,e.__assign({active:!w&&q&&void 0!==m&&void 0!==p},t))}}),x.default.createElement(o.XAxis,{type:"number",scale:"linear",ticks:Array.from({length:40},(function(e,t){return t+1})),dataKey:"name",tickLine:!1,tickMargin:12,tick:function(t){return x.default.createElement(b,e.__assign({},t,{activeWeek:m,siteType:E}))},domain:["dataMin","dataMax"],interval:"preserveStartEnd",tickCount:1,allowDecimals:!1}),x.default.createElement(o.YAxis,{domain:[function(e){return Math.max(e,d-10||e)},function(e){return Math.max(e,d+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:i.theme.colors.gray600}}),x.default.createElement(o.Area,{connectNulls:!0,type:"monotone",dataKey:"min",stackId:"1",stroke:"transparent",fill:"transparent"}),x.default.createElement(o.Area,{connectNulls:!0,type:"monotone",dataKey:"difference",stackId:"1",stroke:"transparent",fill:j?i.theme.mbColors.tonePink:i.theme.colors.blue100}),void 0!==m&&void 0!==p&&x.default.createElement(o.ReferenceDot,{onClick:function(){return W(!0)},x:0===m?1:m,y:p,r:4,shape:x.default.createElement(c.CustomReferenceDot,{ref:M,r:4}),fill:j?i.theme.mbColors.pink:i.theme.colors.primaryBase,stroke:j?i.theme.mbColors.pink:i.theme.colors.primaryBase}))),x.default.createElement("div",{className:"custom-chart-label"},x.default.createElement("i",null),j?x.default.createElement(n.MarryBabyText,{type:"bodytext-3",color:i.theme.mbColors.dark},C("pregnancy.week")):x.default.createElement(a.Text,{size:"n1",color:i.theme.colors.gray500},C("pregnancy.week")))))},j=function(t){var n=t.color,a=e.__rest(t,["color"]);return x.default.createElement("svg",e.__assign({width:"8",height:"8",viewBox:"0 0 8 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a),x.default.createElement("circle",{cx:"4",cy:"4",r:"4",fill:n||i.theme.colors.primaryBase}))},B=function(e){var t=e.idealWeight,r=e.siteType,o=l.useTranslations().t,c="marryBaby"===r;return x.default.createElement(w,null,x.default.createElement("div",null,c?x.default.createElement(x.default.Fragment,null,x.default.createElement(j,{color:i.theme.mbColors.lightPink}),x.default.createElement(n.MarryBabyText,{type:"bodytext-3",color:i.theme.mbColors.dark},o("pregnancyTool.weightSuggested")," ",x.default.createElement(a.Text,{size:"n1",color:i.theme.colors.gray800,type:"bold",as:"span"},t))):x.default.createElement(x.default.Fragment,null,x.default.createElement(j,{color:i.theme.colors.blue100}),x.default.createElement(a.Text,{size:"n1",color:i.theme.colors.gray600},x.default.createElement(a.Text,{size:"n1",as:"span"},o("pregnancyTool.weightSuggested")," "),x.default.createElement(a.Text,{size:"n1",color:i.theme.colors.gray800,type:"bold",as:"span"},t)))),x.default.createElement("div",null,c?x.default.createElement(x.default.Fragment,null,x.default.createElement(j,{color:i.theme.mbColors.pink}),x.default.createElement(n.MarryBabyText,{type:"bodytext-3",color:i.theme.mbColors.dark},o("pwg.placeholder.weight"))):x.default.createElement(x.default.Fragment,null,x.default.createElement(j,null),x.default.createElement(a.Text,{size:"n1",color:i.theme.colors.gray600},o("pwg.placeholder.weight")))))},_=h.default.div(g||(g=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 24px 16px;\n  width: 100%;\n  gap: 24px;\n  border: 1px solid ",";\n  border-radius: 8px;\n  .chart-header {\n    text-align: center;\n  }\n  > div {\n    width: 100%;\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 24px 16px;\n  width: 100%;\n  gap: 24px;\n  border: 1px solid ",";\n  border-radius: 8px;\n  .chart-header {\n    text-align: center;\n  }\n  > div {\n    width: 100%;\n  }\n"])),i.theme.colors.neutral100);exports.PregnancyWeightGainChart=function(t){var o=t.chartProps,c=t.pillCarouselProps,s=t.idealWeight,d=t.description,u=t.siteType,m=l.useTranslations().t,p="marryBaby"===u;return x.default.createElement(_,null,x.default.createElement("div",{className:"chart-header"},p?x.default.createElement(n.MarryBabyHeading,{type:"h3",color:i.theme.mbColors.dark},m("pregnancyTool.weightSuggested")):x.default.createElement(a.Text,{size:"s1",type:"semiBold",color:i.theme.colors.gray800},m("pregnancyTool.weightSuggested")),d&&d),x.default.createElement(r.PillCarousel,e.__assign({},c)),x.default.createElement("div",null,x.default.createElement(B,{idealWeight:s,siteType:u}),x.default.createElement(C,e.__assign({},o,{siteType:u}))))};