@hhgtech/hhg-components 1.25.2 → 1.25.4

package/build/{index.styled-8209d37d.js → index.styled-b955ba8a.js}

@@ -1,4 +1,4 @@
-"use strict";var e=require("react"),t=require("./utils-be064f59.js"),i=require("styled-components");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=o(e),r=o(i),s="DjBFAbd";const l=r.default.div`
+"use strict";var e=require("react"),t=require("./utils-6b23688f.js"),i=require("styled-components");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=o(e),r=o(i),s="DjBFAbd";const l=r.default.div`
   position: relative;
   width: 100%;
 

package/build/{index.styled-d81bd7f6.js → index.styled-f06383ca.js}

@@ -1,4 +1,4 @@
-"use strict";var e=require("./tslib.es6-ea77f1ae.js"),t=require("react"),a=require("./Onboarding-9a9432d2.js"),n=require("./gAssets.js"),r=require("./theme-94d7d992.js"),l=require("./index-99bda660.js"),i=require("styled-components"),o=require("./index-d3856a13.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=s(t),c=s(i);const u=c.default.div`
+"use strict";var e=require("./tslib.es6-f995bf64.js"),t=require("react"),n=require("./Onboarding-98039f0a.js"),r=require("./gAssets.js"),a=require("./theme-9cdc8da0.js"),o=require("./index-ea42d8c0.js"),i=require("styled-components"),l=require("./index-d1731f73.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=s(t),c=s(i);const u=c.default.div`
   display: inline-flex;
   overflow: hidden;
   width: ${e=>e.size}px;
@@ -8,7 +8,7 @@
   justify-content: center;
 
   border: 1px solid #e4e8ec;
-  background-color: ${e=>e.backgroundColor||r.theme.colors.white};
+  background-color: ${e=>e.backgroundColor||a.theme.colors.white};
   border-radius: ${e=>e.borderRadius||"50%"};
   & > * {
     width: ${e=>e.iconSize}px;
@@ -36,9 +36,14 @@
   & > * {
     pointer-events: none;
   }
-`,g=[a.LOCALE.Myanmar,a.LOCALE.Taiwan],x=c.default((a=>{var{icon:i,name:o,className:s,locale:c="en-PH",dataEventCategory:x,dataEventAction:m,dataEventLabel:b,onSelect:h}=a,f=e.__rest(a,["icon","name","className","locale","dataEventCategory","dataEventAction","dataEventLabel","onSelect"]);const v=t.useMemo((()=>null==s?void 0:s.includes("selected-week-pill")),[s]);return d.default.createElement(p,Object.assign({onClick:h,className:s?"week-pill".concat(" non-pointer-event-child ",s):"week-pill non-pointer-event-child","data-event-category":x,"data-event-action":m,"data-event-label":b},f),d.default.createElement(u,{size:64,iconSize:40,backgroundColor:r.theme.colors.white},d.default.createElement("img",{src:i||n.CommonGAssets.getAssetPath("week_default.png"),alt:""})),v?d.default.createElement(l.Text,Object.assign({type:"semiBold",size:"n1",color:r.theme.colors.gray800},g.includes(c)&&{style:{fontSize:"10px"}}),o):d.default.createElement(l.Text,Object.assign({size:"n1",color:r.theme.colors.gray600},g.includes(c)&&{style:{fontSize:"10px"}}),o))}))`
+`,g=[n.LOCALE.Myanmar,n.LOCALE.Taiwan],x=c.default((n=>{var{icon:i,name:l,className:s,locale:c="en-PH",dataEventCategory:x,dataEventAction:m,dataEventLabel:b,onSelect:f}=n,h=e.__rest(n,["icon","name","className","locale","dataEventCategory","dataEventAction","dataEventLabel","onSelect"]);const v=t.useMemo((()=>null==s?void 0:s.includes("selected-week-pill")),[s]);return d.default.createElement(p,Object.assign({onClick:f,className:s?"week-pill".concat(" non-pointer-event-child ",s):"week-pill non-pointer-event-child","data-event-category":x,"data-event-action":m,"data-event-label":b},h),d.default.createElement(u,{size:64,iconSize:40,backgroundColor:a.theme.colors.white},d.default.createElement("img",{src:i||r.CommonGAssets.getAssetPath("week_default.png"),alt:""})),v?d.default.createElement(o.Text,Object.assign({type:"semiBold",size:"n1",color:a.theme.colors.gray800},g.includes(c)&&{style:{fontSize:"10px"}}),l):d.default.createElement(o.Text,Object.assign({size:"n1",color:a.theme.colors.gray600},g.includes(c)&&{style:{fontSize:"10px"}}),l))}))`
   box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.08);
-`,m=c.default(o.CentralCarousel.Slide)``,b=c.default(o.CentralCarousel)`
+`,m=c.default(l.CentralCarousel.Slide)`
+  cursor: pointer;
+  > div * {
+    pointer-events: none;
+  }
+`,b=c.default(l.CentralCarousel)`
   .centerred-pill-wrapper {
     padding: 16px 0;
   }

package/build/index.styles-e2f46472.js

@@ -0,0 +1 @@
+"use strict";var e=require("@mantine/core").createStyles(((e,o,r)=>{const t=r("itemLabel");return{root:{display:"inline-flex",maxWidth:"100%",borderBottom:`1px solid ${e.colors.neutral[1]}`,"-webkit-overflow-scrolling":"touch",overflowX:"auto",overflowY:"hidden","-ms-overflow-style":"none","scrollbar-width":"none","&::-webkit-scrollbar":{display:"none"},columnGap:e.spacing.lg},item:{display:"flex",alignItems:"center",paddingBottom:"4px","&.active":{color:e.colors[e.primaryColor],borderBottom:`3px solid ${e.fn.primaryColor()}`,bottom:"-1px",position:"relative",[`& .${t}`]:{}}},itemInner:{display:"flex",alignItems:"center"},itemLabel:{ref:t},itemIcon:{marginRight:e.spacing.xs}}}));exports.useStyles=e;

package/build/lead.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tslib.es6-ea77f1ae.js"),t=require("react"),a=require("lodash/debounce"),l=require("react-dom"),n=require("./translationsContext-abe85d33.js"),o=require("./cookieHelper-418609fb.js"),i=require("./utils-be064f59.js"),r=require("uuid"),d=require("./useTranslations-42a0f046.js");require("./index.styled-d058a1a3.js");var s=require("./index-f4c19c79.js"),u=require("./gAssets.js");require("./index.styled-8209d37d.js"),require("./index-3fc3706a.js");var c=require("./theme-94d7d992.js");require("@mantine/core"),require("./index.styled-82bf0f81.js"),require("string-format"),require("./index-559bcc96.js"),require("./index.styled-ec5f762d.js"),require("date-fns"),require("react-day-picker/DayPickerInput"),require("./index.styled-85e056bb.js"),require("./index-2ace5ac4.js"),require("lodash/throttle"),require("keen-slider/react");var m=require("dayjs");require("./screenSizeContext-5ff9df7c.js"),require("styled-components"),require("./index-fe30b44e.js"),require("./isProduction-465d9514.js"),require("./Onboarding-9a9432d2.js"),require("@mantine/hooks");var p=require("./index-75c7973f.js");require("react-hook-form"),require("date-fns/locale/en-US"),require("date-fns/locale/id"),require("date-fns/locale/vi"),require("date-fns/locale/zh-TW"),require("./index.styled-d81bd7f6.js"),require("@mantine/dates");var h=require("./index-7fbad258.js"),g=require("./index-68dcbbcf.js");require("./index.styled-2520eaa4.js"),require("./index-d3856a13.js");var f=require("./index.styled-635f43fe.js"),v=require("@mantine/form");require("yup");var b=require("./index-99bda660.js"),y=require("./index-8f5dcd30.js");function k(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function _(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var l=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,l.get?l:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}require("./index-66cafbb3.js"),require("./index-32ee05ca.js"),require("@hookform/resolvers/yup"),require("./index-f8247486.js"),require("./index-c0a35fd0.js"),require("slugify"),require("./routing-7b2893db.js"),require("dayjs/plugin/relativeTime"),require("./useScrollbarSize-b745013d.js"),require("./useUniqueId-60f45a13.js"),require("@mantine/carousel"),require("./Vietnam-9801f3cc.js"),require("./Visible-47cffadb.js");var E=k(t),w=k(a),C=k(m);const S={LINKS:1,TAGS:2};let N="https://dev.leadgen.hellobacsi.com/";const T={MOBILE:1,DESKTOP:2};let x="";N.includes("localhost")&&(N="https://dev.leadgen.hellobacsi.com/"),location.hostname.includes("marrybaby.vn")&&(x="pink");let O="https://"+location.hostname+location.pathname+location.search;O=O.toLowerCase(),sessionStorage.getItem("insider_object")&&(window.insider_object=JSON.parse(sessionStorage.getItem("insider_object")));const P={"vi-VN":{popupLang:"vi",countryCode:"vn",countryCodeNumber:84},"id-ID":{popupLang:"id",countryCode:"id",countryCodeNumber:62},"th-TH":{popupLang:"th",countryCode:"th",countryCodeNumber:66},"ms-MY":{popupLang:"ms",countryCode:"my",countryCodeNumber:60},"zh-TW":{popupLang:"zh",countryCode:"tw",countryCodeNumber:886},"km-KH":{popupLang:"km",countryCode:"kh",countryCodeNumber:855},"my-MM":{popupLang:"my",countryCode:"mm",countryCodeNumber:95},"hi-IN":{popupLang:"hi",countryCode:"in",countryCodeNumber:91}},j=P[document.documentElement.lang]||P["vi-VN"];const B={1:"Asia/Ho_Chi_Minh",10:"Asia/Ho_Chi_Minh",11:"Asia/Ho_Chi_Minh",12:"Asia/Ho_Chi_Minh",2:"Asia/Jakarta",3:"Asia/Bangkok",4:"Asia/Phnom_Penh",5:"Asia/Kuala_Lumpur",6:"Asia/Taipei",7:"Asia/Yangon",8:"Asia/Kolkata",9:"Asia/Manila"};var q={"validator.required":"This field is required.","validator.remote":"Please fix this field.","validator.email":"Please enter a valid email address.","validator.phone":"Please input correct phone number.","validator.url":"Please enter a valid URL.","validator.date":"Please enter a valid date.","validator.dateISO":"Please enter a valid date (ISO).","validator.number":"Please enter a valid number.","validator.digits":"Please enter only digits.","validator.creditcard":"Please enter a valid credit card number.","validator.equalTo":"Please enter the same value again.","validator.accept":"Please enter a value with a valid extension.","validator.maxlength":"jQuery.validator.format('Please enter no more than {0} characters.","validator.minlength":"jQuery.validator.format('Please enter at least {0} characters.","validator.rangelength":"jQuery.validator.format('Please enter a value between {0} and {1} characters long.","validator.range":"jQuery.validator.format('Please enter a value between {0} and {1}.","validator.max":"jQuery.validator.format('Please enter a value less than or equal to {0}.","validator.min":"jQuery.validator.format('Please enter a value greater than or equal to {0}.","validator.emailUsed":"Email already in use for this campaign.","validator.phoneUsed":"Your phone number already in use for this campaign.","lead.otp.title":"Enter OTP","lead.otp.desc":"We have sent an OTP to your mobile number {phone}","lead.otp.verify":"Verify","lead.otp.resend":"Resend OTP{timer}"};const L={"en-PH":q,"vi-VN":{"validator.required":"Vui lòng điền mục này","validator.email":"Vui lòng điền email có thật.","validator.number":"Vui lòng điền số có thật","validator.digits":"Vui lòng chỉ điền số","validator.maxlength":"Vui lòng điền dưới {0} số","validator.minlength":"Vui lòng điền hơn {0} số","validator.remote":"Hãy sửa cho đúng.","validator.url":"Hãy nhập URL.","validator.date":"Hãy nhập ngày.","validator.dateISO":"Hãy nhập ngày (ISO).","validator.creditcard":"Hãy nhập số thẻ tín dụng.","validator.equalTo":"Hãy nhập thêm lần nữa.","validator.extension":"Phần mở rộng không đúng.","validator.rangelength":"Hãy nhập từ {0} đến {1} kí tự.","validator.range":"Hãy nhập từ {0} đến {1}.","validator.max":"Hãy nhập từ {0} trở xuống.","validator.min":"Hãy nhập từ {0} trở lên.","validator.phone":"Nhập đúng định dạng số điện thoại","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.","lead.otp.title":"Enter OTP","lead.otp.desc":"We have sent an OTP to your mobile number {phone}","lead.otp.verify":"Verify","lead.otp.resend":"Resend OTP{timer}"},"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.","lead.otp.title":"Enter OTP","lead.otp.desc":"We have sent an OTP to your mobile number {phone}","lead.otp.verify":"Verify","lead.otp.resend":"Resend OTP{timer}"},"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.","lead.otp.title":"Enter OTP","lead.otp.desc":"We have sent an OTP to your mobile number {phone}","lead.otp.verify":"Verify","lead.otp.resend":"Resend OTP{timer}"},"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.","lead.otp.title":"Enter OTP","lead.otp.desc":"We have sent an OTP to your mobile number {phone}","lead.otp.verify":"Verify","lead.otp.resend":"Resend OTP{timer}"},"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.","lead.otp.title":"Enter OTP","lead.otp.desc":"We have sent an OTP to your mobile number {phone}","lead.otp.verify":"Verify","lead.otp.resend":"Resend OTP{timer}"},"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.","lead.otp.title":"Enter OTP","lead.otp.desc":"We have sent an OTP to your mobile number {phone}","lead.otp.verify":"Verify","lead.otp.resend":"Resend OTP{timer}"},"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.","lead.otp.title":"Enter OTP","lead.otp.desc":"We have sent an OTP to your mobile number {phone}","lead.otp.verify":"Verify","lead.otp.resend":"Resend OTP{timer}"},"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.","lead.otp.title":"Enter OTP","lead.otp.desc":"We have sent an OTP to your mobile number {phone}","lead.otp.verify":"Verify","lead.otp.resend":"Resend OTP{timer}"},"tl-PH":q},$=e=>{const t=L[e];return t||L["en-PH"]},I=t.createContext({}),A=e=>{const[a,l]=t.useState(16),[n,o]=t.useState(9),[i,r]=t.useState(!1);return t.useEffect((()=>{if(r(!1),e){const t=new Image;t.addEventListener("load",(()=>{l(t.naturalWidth),o(t.naturalHeight),r(!0)})),t.addEventListener("error",(()=>{l(16),o(9),r(!0)})),t.src=e}else l(16),o(9),r(!0)}),[e]),{loaded:i,width:a,height:n}},R=({onClose:e,containerClassName:t,svgClassName:a})=>E.default.createElement("button",{onClick:e,className:`le-newbuilder-close-button js-modal__close ${t||""}`},E.default.createElement("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:a},E.default.createElement("circle",{cx:"16",cy:"16",r:"16",fill:"white"}),E.default.createElement("path",{d:"M16 17.05L10.925 22.125C10.7917 22.2584 10.621 22.329 10.413 22.337C10.2044 22.3457 10.025 22.275 9.87502 22.125C9.72502 21.975 9.65002 21.8 9.65002 21.6C9.65002 21.4 9.72502 21.225 9.87502 21.075L14.95 16L9.87502 10.925C9.74169 10.7917 9.67102 10.6207 9.66302 10.412C9.65436 10.204 9.72502 10.025 9.87502 9.87502C10.025 9.72502 10.2 9.65002 10.4 9.65002C10.6 9.65002 10.775 9.72502 10.925 9.87502L16 14.95L21.075 9.87502C21.2084 9.74169 21.3794 9.67069 21.588 9.66202C21.796 9.65402 21.975 9.72502 22.125 9.87502C22.275 10.025 22.35 10.2 22.35 10.4C22.35 10.6 22.275 10.775 22.125 10.925L17.05 16L22.125 21.075C22.2584 21.2084 22.329 21.379 22.337 21.587C22.3457 21.7957 22.275 21.975 22.125 22.125C21.975 22.275 21.8 22.35 21.6 22.35C21.4 22.35 21.225 22.275 21.075 22.125L16 17.05Z",fill:"#595959"}))),D=({popupId:e,url:t,newTab:a,imageDestkop:l,imageMobile:n,onClose:o,onOtherSubmit:i})=>{const{width:r,height:d,loaded:s}=A(n),{width:u,height:c,loaded:m}=A(l);return s&&m?E.default.createElement("div",{id:e,className:"lead-modal-wrapper","data-popup-url":location.pathname,"data-popup-type":"center_tab"},E.default.createElement("div",{className:"le-center-tab-popup"},E.default.createElement("div",{style:{position:"relative"}},E.default.createElement("a",{className:"js-popup-other-submit",href:t,target:a?"blank":"_parent",onClick:i},E.default.createElement("img",{className:"le-only-mobile",src:n,style:{aspectRatio:`${r}/${d}`}}),E.default.createElement("img",{className:"le-only-desktop",src:l,style:{aspectRatio:`${u}/${c}`}})),E.default.createElement(R,{onClose:o,containerClassName:"close-button-top-right"})))):null},M=({popupId:e,url:t,title:a,urlText:l,titleAlign:n,subtitle:o,subtitleAlign:i,newTab:r,imageDesktop:d,imageMobile:s,onClose:u,onOtherSubmit:c})=>{const{width:m,height:p,loaded:h}=A(s),{width:g,height:f,loaded:v}=A(d);return h&&v?E.default.createElement("div",{id:e,className:"lead-modal-wrapper lead-floating-wrapper","data-popup-url":location.pathname,"data-popup-type":"floating"},E.default.createElement("aside",{className:"le-only-desktop"},E.default.createElement("div",{className:"le-floating-desktop"},E.default.createElement("div",{className:"le-floating-desktop-wrap",style:{position:"relative",background:"#fff"}},d?E.default.createElement("div",null,E.default.createElement("img",{style:{maxWidth:120,borderTopLeftRadius:5,borderBottomLeftRadius:5,aspectRatio:`${g}/${f}`},src:d})):null,E.default.createElement("div",{style:{padding:20}},E.default.createElement("div",{className:`le-floating-desktop-title le-text-align-${n}`},a),E.default.createElement("div",{className:`le-floating-desktop-desc le-text-align-${i}`},o)),E.default.createElement("a",{target:r?"blank":"_parent",style:{marginLeft:35,textDecoration:"none"},href:t},E.default.createElement("button",{className:"le-joinbow-floating-btn js-popup-other-submit",onClick:c},l)),E.default.createElement(R,{onClose:u,containerClassName:"close-button-top-right"})))),E.default.createElement("aside",{className:"le-only-mobile"},E.default.createElement("div",{className:"le-floating-mobile"},E.default.createElement("div",{className:"le-floating-mobile-wrap",style:{position:"relative",background:"#fff"}},E.default.createElement("aside",{style:{display:"flex",justifyContent:"space-between"}},E.default.createElement("div",null,E.default.createElement("div",{className:`le-floating-mobile-title le-text-align-${n}`},a),E.default.createElement("div",{className:`le-floating-mobile-desc le-text-align-${i}`},o)),s?E.default.createElement("div",null,E.default.createElement("img",{style:{marginLeft:15,marginTop:4,maxWidth:100,aspectRatio:`${m}/${p}`},src:s})):null),E.default.createElement("div",{style:{textAlign:"center",marginTop:10}},E.default.createElement("a",{target:r?"blank":"_parent",href:t,style:{textDecoration:"none"}},E.default.createElement("button",{className:"le-joinbow-floating-btn js-popup-other-submit",onClick:c},l))),E.default.createElement(R,{onClose:u,containerClassName:"close-button-top-right"}))))):null},U=({title:e,titleAlign:t,subtitle:a,subtitleAlign:l,link:n,linkNewTab:o,linkText:i,image:r})=>{const{width:d,height:s,loaded:u}=A(r);return u?E.default.createElement("div",{className:"lead-modal__thank-you"},E.default.createElement("div",{style:{width:"100%"}},E.default.createElement("img",{src:r,style:{maxHeight:162,objectFit:"cover",aspectRatio:`${d}/${s}`}}),e&&E.default.createElement("h1",{className:`le-thankyou-title le-text-align-${t}`},e),a&&E.default.createElement("p",{className:`le-thankyou-subtitle le-text-align-${l}`},a),i&&E.default.createElement("div",null,E.default.createElement("a",{href:n,target:o?"_blank":"parrent",rel:"noreferrer"},E.default.createElement("button",{className:`lead-modal__btn ${x}`},i))))):null};const H=new class{constructor(){this.apiLeadUrl="https://dev.leadgen.hellobacsi.com/",this.apiSubotUrl="https://staging-service-subot.hellohealthgroup.com/"}},F={call(t){var{url:a,data:l}=t,n=e.__rest(t,["url","data"]);return n.body=JSON.stringify(l),n.headers={"Content-Type":"application/json"},fetch(`${H.apiLeadUrl}${a}`,n).then((e=>e.json())).catch((e=>({})))}},W={call(t){var{url:a,data:l}=t,n=e.__rest(t,["url","data"]);return n.body=JSON.stringify(l),n.headers={"Content-Type":"application/json"},fetch(`${H.apiSubotUrl}${a}`,n).then((e=>e.json())).catch((e=>({})))}},V=({bot_id:e,email:t,phone:a})=>{let l=a;return l&&l.startsWith("0")&&(l=l.substring(1)),W.call({url:"frontend/api/subot-campaign/check",method:"post",data:{bot_id:e,email:t,phone:l}})},Y=({campaign_id:e,email:t,phone:a})=>{let l=a;return l&&l.startsWith("0")&&(l=l.substring(1)),F.call({url:"api/subot-campaign/check",method:"post",data:{campaign_id:e,email:t,phone:l}})},z=({phone:e})=>F.call({url:"api/sms/otp",method:"post",data:{phone_number:e.replace("+","")}}),J=({phone:e,otp:t})=>F.call({url:"api/sms/verify",method:"post",data:{otp_code:t,phone_number:e.replace("+","")}}),G={email:{},phone:{}},K=(t,a,l)=>e.__awaiter(void 0,void 0,void 0,(function*(){const n="email"in l?"email":"phone",o="email"in l?l.email:l.phone,i="email"in l?"validator.emailUsed":"validator.phoneUsed";if(G[n][o]){if(G[n][o].value)return i;if(!G[n][o].value&&G[n][o].expire>Date.now())return""}const r=yield((t,a,l)=>e.__awaiter(void 0,void 0,void 0,(function*(){const e="email"in l?"email":"phone",n="email"in l?l.email:l.phone,o="email"in l?"validator.emailUsed":"validator.phoneUsed",i=yield Y({campaign_id:[t],[e]:n});return"SubmitLeadWithBotId_ERR_001"===i._errorCode||"SubmitLeadWithBotId_ERR_002"===i._errorCode||a.length&&"CheckSuBotLeadTool_ERR_001"===(yield V({bot_id:a,[e]:n}))._errorCode?o:void 0})))(t,a,l);return G[n][o]=r?{value:!0}:{value:!1,expire:Date.now()+6e4},r})),Q=({content:e,inlinePosition:a})=>{const n=t.useMemo((()=>{if(!a)return null;const e=document.querySelectorAll(`[data-url="${location.pathname}"] .body-content`),t=Array.from(e).reduce(((e,t)=>[...e,...Array.from(t.children)]),[]);if(null==t?void 0:t.length){const e=t.filter((e=>"P"===e.nodeName)),l=t.filter((e=>"H2"===e.nodeName));let n=null;switch(a){case"1th":n=e[0];break;case"2th":n=e[1];break;case"3th":n=e[2];break;case"4th":n=e[3];break;case"5th":n=e[4];break;case"6th":n=e[5];break;case"7th":n=e[6];break;case"8th":n=e[7];break;case"9th":n=e[8];break;case"10th":n=e[9];break;case"11th":n=e[10];break;case"12th":n=e[11];break;case"lastP":n=e[e.length-1];break;case"1thH2":n=l[0];break;case"2thH2":n=l[1];break;case"3thH2":n=l[2];break;case"4thH2":n=l[3];break;case"5thH2":n=l[4];break;case"6thH2":n=l[5];break;case"7thH2":n=l[6];break;case"8thH2":n=l[7];break;case"9thH2":n=l[8];break;case"10thH2":n=l[9];break;case"lastH2":n=l[l.length-1]}if(n){if(n.parentElement.querySelector(".inline-lead-wrapper"))return n.parentElement.querySelector(".inline-lead-wrapper");{const e=document.createElement("div");return e.classList.add("inline-lead-wrapper"),n.nextElementSibling?n.parentElement.insertBefore(e,n.nextElementSibling):n.parentElement.appendChild(e),e}}}}),[a]);return a&&n?l.createPortal(e,n):null},X=({content:e})=>{const a=t.useMemo((()=>{const e=Array.from(document.querySelectorAll(".hc2-sidebar-with-ads,.page-main-col .right-col.f-right,.hhg-lead-sidebar"));return e.forEach((e=>{if(e.querySelector(".sidebar-lead-modal-wrapper"))return;const t=document.createElement("div");t.classList.add("sidebar-lead-modal-wrapper"),e.prepend(t)})),e.map((e=>e.querySelector(".sidebar-lead-modal-wrapper")))}),[]);return E.default.createElement(E.default.Fragment,null,a.map((t=>l.createPortal(e,i.getWrapperDomWithSelector(t,"sidebar-lead-modal-wrapper")))))},[Z,ee,te]=v.createFormContext(),ae="undefined"==typeof window,le={VN:"vi",ID:"id",TH:"th",MY:"ms",TW:"zh-TW",KH:"km",MM:"my",IN:"hi",PH:"en"},ne=(a="",l="",n="",o=500)=>{const[i,r]=t.useState([]),[d,s]=t.useState(!1);return t.useEffect((()=>{let t;return a?t=window.setTimeout((()=>e.__awaiter(void 0,void 0,void 0,(function*(){var t;if(a)try{s(!0);const o=yield((t="",a="",l="vi")=>e.__awaiter(void 0,void 0,void 0,(function*(){return new Promise(((e,n)=>{if(!t)return n("Need valid text input");if(ae)return n("Need valid window object");try{(new window.google.maps.places.AutocompleteService).getPlacePredictions(Object.assign(Object.assign({input:t},a?{componentRestrictions:{country:a}}:{}),{language:le[l]}),e)}catch(e){n(e)}}))})))(a,l,n);r(!(t=o)||t.length<1?[]:t.map((e=>({placeId:e.place_id,description:e.description}))))}catch(e){console.error(e)}finally{s(!1)}else r([])}))),o):i.length&&r([]),()=>{window.clearTimeout(t)}}),[a,o,l]),{isLoading:d,predictions:i}},oe=["places"],ie=({name:e,placeholder:a,locale:l})=>{var n;const o=ee(),[i,r]=t.useState(""),[d,s]=t.useState(""),{predictions:u}=ne(i||"15 Lê","","tl-PH"===l?"en":null===(n=null==l?void 0:l.split("-"))||void 0===n?void 0:n[0]),[c,m]=t.useState(null),[p,h]=t.useState(!1),f=t.useRef(Math.random().toString(36).substring(7)),v=t.useMemo((()=>{const e=u.map((e=>({value:e.description,label:e.description}))),t=e.find((e=>e.value===d));return!d||t?e:[{value:d,label:d}].concat(e)}),[u,d]);return t.useEffect((()=>{var e,t,a;(null===(a=null===(t=null===(e=null===window||void 0===window?void 0:window.google)||void 0===e?void 0:e.maps)||void 0===t?void 0:t.places)||void 0===a?void 0:a.AutocompleteService)?h(!0):Promise.resolve().then((function(){return _(require("@react-google-maps/api"))})).then((e=>{m((()=>e.LoadScript)),setTimeout((()=>{h(!0)}),200)}))}),[]),p?E.default.createElement(E.default.Fragment,null,c&&E.default.createElement(c,{googleMapsApiKey:"AIzaSyB9QmhfEYcy2wj5X3Fl38aCD5UkET6n82M",libraries:oe,loadingElement:E.default.createElement(E.default.Fragment,null)}),E.default.createElement("div",{style:{display:"none"},"data-extra":!0,"data-name":e,"data-control":"text"}),E.default.createElement(g.Select,Object.assign({className:"lead-modal__form-control",label:a,placeholder:a,withAsterisk:!0,name:e,data:v,searchValue:i,onSearchChange:e=>{r(e)},filter:()=>!0,clearable:!0,searchable:!0,onChange:e=>s(e||""),icon:E.default.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},E.default.createElement("path",{d:"M9.99999 9.79167C10.4028 9.79167 10.7467 9.64944 11.0317 9.365C11.3161 9.08 11.4583 8.73611 11.4583 8.33333C11.4583 7.93056 11.3161 7.58667 11.0317 7.30167C10.7467 7.01722 10.4028 6.875 9.99999 6.875C9.59721 6.875 9.25332 7.01722 8.96832 7.30167C8.68388 7.58667 8.54166 7.93056 8.54166 8.33333C8.54166 8.73611 8.68388 9.08 8.96832 9.365C9.25332 9.64944 9.59721 9.79167 9.99999 9.79167ZM9.99999 17.875C9.90277 17.875 9.80555 17.8611 9.70832 17.8333C9.6111 17.8056 9.52082 17.7569 9.43749 17.6875C7.46527 15.8958 5.98971 14.2361 5.01082 12.7083C4.03138 11.1806 3.54166 9.77778 3.54166 8.5C3.54166 6.48611 4.1911 4.87833 5.48999 3.67667C6.78832 2.47556 8.29166 1.875 9.99999 1.875C11.7083 1.875 13.2119 2.47556 14.5108 3.67667C15.8092 4.87833 16.4583 6.48611 16.4583 8.5C16.4583 9.77778 15.9689 11.1806 14.99 12.7083C14.0105 14.2361 12.5347 15.8958 10.5625 17.6875C10.4792 17.7569 10.3889 17.8056 10.2917 17.8333C10.1944 17.8611 10.0972 17.875 9.99999 17.875Z",fill:"#8C8C8C"})),autoComplete:"no-auto-complete-"+f.current,rightSection:E.default.createElement(E.default.Fragment,null)},o.getInputProps(e)))):E.default.createElement("div",{style:{height:73}})},re=({children:e,align:t})=>E.default.createElement("p",{className:`lead-modal__description ${"le-text-align-"+(t||"")} ${x}`},e),de=({children:e,align:t})=>E.default.createElement("h2",{className:`lead-modal__title ${"le-text-align-"+(t||"")} ${x}`},e),se=({listBlockAdded:e,popupId:t,locale:a,onClose:l,onOtherSubmit:n})=>{const o=ee();return E.default.createElement(E.default.Fragment,null,e.map(((e,i)=>{const{name:r="",data:d={}}=e||{},{placeholder:u,value:c,align:m,listQuestion:v,isSendMailChimp:b=!1,newtab:y,url:k}=d;switch(r){case"TitleBlock":return E.default.createElement(de,{key:i,align:m},c);case"SubtitleBlock":return E.default.createElement(re,{key:i,align:m},c);case"TextBlock":return E.default.createElement(p.Input,Object.assign({key:i,withAsterisk:!0,spellCheck:!1,type:"text",placeholder:u,className:"lead-modal__form-control",label:u,"data-control":"text",name:c},o.getInputProps(c)));case"NumberBlock":return E.default.createElement(p.NumberInput,Object.assign({key:i,withAsterisk:!0,spellCheck:!1,type:"number",placeholder:u,className:"lead-modal__form-control",label:u,"data-control":"number",name:c},o.getInputProps(c)));case"EmailBlock":return E.default.createElement(p.Input,Object.assign({key:i,withAsterisk:!0,spellCheck:!1,placeholder:u,className:"lead-modal__form-control",label:u,"data-control":"email",name:c},o.getInputProps(c)));case"PhoneOtpBlock":case"PhoneBlock":{const e=t+"-"+c+"-"+i;return E.default.createElement(p.Input.Wrapper,Object.assign({size:"md",withAsterisk:!0,key:i,label:u,className:"lead-modal__form-control",labelProps:{htmlFor:e}},o.getInputProps(c)),E.default.createElement(h.Phone,{name:c,spellCheck:!1,type:"tel",placeholder:u,onChange:e=>{o.setFieldValue(c,e)},id:e,defaultCountry:a&&f.MAPPED_LOCALE[a]||"VN","data-control":"tel"}))}case"LocationBlock":return E.default.createElement(ie,{key:i,name:c,placeholder:u,locale:a});case"DateBlock":return E.default.createElement(h.DatePicker,Object.assign({withAsterisk:!0,key:i,type:"date",name:c,placeholder:u,className:"lead-modal__form-control",label:u,"data-control":"date"},o.getInputProps(c)));case"LinkButtonBlock":return E.default.createElement("div",{key:i},E.default.createElement("a",{target:y?"blank":"parrent",href:k,style:{textDecoration:"none"}},E.default.createElement(s.Button,{type:"button",size:"md",className:`lead-modal__btn ${x}`,onClick:()=>{null==l||l(),null==n||n()}},c)));case"CheckboxBlock":return E.default.createElement(E.default.Fragment,null,b&&E.default.createElement("div",{style:{display:"none"},"data-name":c+"-mailchimp"}),E.default.createElement(h.Checkbox.Group,Object.assign({withAsterisk:!0,className:"lead-modal__form-control",key:i,label:u,size:"md"},o.getInputProps(c)),v.map(((e,t)=>E.default.createElement(h.Checkbox,{name:c,key:t,value:e.value,label:e.placeholder,"data-control":"checkbox"})))));case"RadioBlock":return E.default.createElement(E.default.Fragment,null,b&&E.default.createElement(p.Input,{type:"hidden",name:c+"-mailchimp",value:b}),E.default.createElement(h.Radio.Group,Object.assign({withAsterisk:!0,className:"lead-modal__form-control",key:i,label:u,size:"md"},o.getInputProps(c)),v.map(((e,t)=>E.default.createElement(h.Radio,{name:c,key:t,value:e.value,label:e.placeholder,"data-control":"radio"})))));case"DropdownBlock":return E.default.createElement(E.default.Fragment,null,E.default.createElement("div",{style:{display:"none"},"data-extra":!0,"data-name":c,"data-control":"dropdown"}),E.default.createElement(g.Select,Object.assign({key:i,className:"lead-modal__form-control",label:u,withAsterisk:!0,name:c,data:v.map((e=>({value:e.value,label:e.placeholder})))},o.getInputProps(c))))}return null})))},ue=({phone:a,onSuccess:l,autoSendWhenOpen:n})=>{const{t:o}=d.useTranslations(),[i,r]=t.useState(""),[u,m]=t.useState(!1),[h,g]=t.useState(0),f=t.useRef(null),[v,k]=t.useState(),[w,C]=t.useState(""),S=t.useRef();t.useEffect((()=>{e.__awaiter(void 0,void 0,void 0,(function*(){var e;if(!S.current){const e=yield Promise.resolve().then((function(){return _(require("react-phone-number-input"))}));S.current=e.formatPhoneNumberIntl}C((null===(e=S.current)||void 0===e?void 0:e.call(S,a))||a)}))}),[a]);const N=()=>e.__awaiter(void 0,void 0,void 0,(function*(){var e;if(!a)return;const t=yield z({phone:a}),n=null===(e=null==t?void 0:t._messages)||void 0===e?void 0:e[0];"Send sms successfully"===n?(g(60),setTimeout((()=>{f.current&&(f.current.focus(),f.current.scrollIntoView({block:"center"}))}),100)):"This phone number was verified"===n?l():k(n||"something Wrong")}));return t.useEffect((()=>{setTimeout((()=>{h>0&&g((e=>e-1))}),1e3)}),[h]),t.useEffect((()=>{n&&!h&&N()}),[]),E.default.createElement(E.default.Fragment,null,E.default.createElement("form",{onSubmit:t=>{t.preventDefault(),e.__awaiter(void 0,void 0,void 0,(function*(){if(!a||!i)return;const e=yield J({phone:a,otp:i}),t=null==e?void 0:e._messages[0];"Verify successfully"===t||"This phone number was verified"===t?l():k(t||"something Wrong")}))},className:"lead-phone-otp-form"},E.default.createElement(y.Heading,{tag:"h3",fontWeight:"bold",style:{marginBottom:4}},o("lead.otp.title")),E.default.createElement(b.Text,{size:"p1",color:c.theme.colors.gray600},o("lead.otp.desc",{phone:w})),E.default.createElement(p.Input,{ref:f,name:"_"+name+"-otp",spellCheck:!1,type:"number",placeholder:"Enter OTP",className:"lead-modal__form-control",label:"Phone OTP","data-control":"otp",withAsterisk:!0,pattern:"[0-9]*",value:i,onChange:e=>{m(!0),r(e),k(u&&!e?"OTP is required":void 0)},error:u?v:void 0}),E.default.createElement(s.Button,{size:"md",color:"primary",className:`lead-modal__btn ${x}`,disabled:!i},o("lead.otp.verify")),E.default.createElement(s.Button,{type:"button",size:"md",color:"transparent",className:`lead-modal__btn lead-phone-otp-button ${x}`,onClick:()=>{N()},disabled:!!h},o("lead.otp.resend",{timer:h?` (${h}s)`:""}))))},ce=({popupId:e,extraFields:a,onClose:l,onOtherSubmit:n,imageMobile:o,imageDesktop:i,imageOverlayMobile:r,imageOverlayDesktop:c,imageBackground:m,currentLayout:p,title:h,onSubmit:g,showThankyou:f,campaignId:v,campaign_subot_id:b,locale:y})=>{var k,_,w;const C=JSON.parse(a.listBlockAdded),S=JSON.parse(a.actionBlocks),N=JSON.parse(a.textBlocks),T=S.submitBlock.data.url,O=S.submitBlock.data.text,P=S.submitBlock.data.text2,B=S.submitBlock.data.value,q=location.pathname,L=p.includes("Inline")||"Sidebar"===p,$="Slider"===p,[I,D]=t.useState(!0),[M,H]=t.useState(""),F=t.useRef(),W=()=>{M?H(""):null==l||l()};if(window.innerWidth<769&&["Fullscreen","Slider"].includes(p))return console.log("😎 Not show fullscreen, slider on mobile "),null;t.useEffect((()=>{(p.includes("LightBox")||"Fullscreen"==p)&&document.body.classList.add("noscroll"),window.intlTelInputUtils||require("intl-tel-input/build/js/utils"),G.email={},G.phone={}}),[]);const V=t.useRef(!1),Y=t.useRef(!1),{form:z,validateObj:J}=(({listBlockAdded:e=[],validatingPhoneRef:a,validatingEmailRef:l,campaignId:n,campaign_subot_id:o=[]})=>{const{t:i}=d.useTranslations(),r=t.useMemo((()=>{const t=["TextBlock","NumberBlock","EmailBlock","PhoneBlock","DateBlock","CheckboxBlock","RadioBlock","DropdownBlock","PhoneOtpBlock","LocationBlock"],r=(e,t)=>a=>{if(u.current.isTouched(e))return void 0===a||""===a||Array.isArray(a)&&0===a.length?i("validator.required"):null==t?void 0:t(a)};return e.filter((e=>t.includes(e.name))).reduce(((e,t)=>"NumberBlock"===t.name?Object.assign(Object.assign({},e),{[t.data.value]:r(t.data.value,(e=>{if(isNaN(Number(e)))return i("validator.number")}))}):"EmailBlock"===t.name?Object.assign(Object.assign({},e),{[t.data.value]:r(t.data.value,(e=>{if(!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e))return i("validator.email");l.current=!0,setTimeout((()=>{u.current.setFieldError(t.data.value,"Validating..."),K(n,o,{email:e}).then((e=>{e?u.current.setFieldError(t.data.value,i(e)):u.current.clearFieldError(t.data.value),l.current=!1})).catch((e=>{console.error(e),u.current.setFieldError(t.data.value,e.message||"Something went wrong"),l.current=!1}))}),200)}))}):"PhoneBlock"===t.name||"PhoneOtpBlock"===t.name?Object.assign(Object.assign({},e),{[t.data.value]:r(t.data.value,(e=>{if(window.intlTelInputUtils&&!window.intlTelInputUtils.isValidNumber(String(e),j.countryCode))return i("validator.phone");a.current=!0,setTimeout((()=>{u.current.setFieldError(t.data.value,"Validating..."),K(n,o,{phone:e}).then((e=>{e?u.current.setFieldError(t.data.value,i(e)):u.current.clearFieldError(t.data.value),a.current=!1})).catch((e=>{console.error(e),u.current.setFieldError(t.data.value,e.message||"Something went wrong"),a.current=!1}))}),200)}))}):"DateBlock"===t.name?Object.assign(Object.assign({},e),{[t.data.value]:r(t.data.value,(e=>{if(isNaN(Date.parse(e)))return i("validator.date")}))}):Object.assign(Object.assign({},e),{[t.data.value]:r(t.data.value)})),{})}),[e.map((e=>e.name)).join(",")]),s=te({validateInputOnChange:!0,clearInputErrorOnChange:!0,validate:r}),u=t.useRef(s);return u.current=s,{form:s,validateObj:r}})({listBlockAdded:C,validatingPhoneRef:V,validatingEmailRef:Y,campaignId:v,campaign_subot_id:b}),{width:ee,height:ae,loaded:le}=A(m),{width:ne,height:oe,loaded:ie}=A(o),{width:re,height:de,loaded:ce}=A(i),me=ie&&ce&&("Fullscreen"!=p||le),pe=E.default.createElement(E.default.Fragment,null,E.default.createElement("style",{dangerouslySetInnerHTML:{__html:`\n          .le-newbuilder-overlay {\n            background-repeat: no-repeat;\n            background-size: cover;\n          }\n          ${r?`\n              .le-newbuilder-overlay {\n                background: url(${r}) ;\n              }`:""}\n          ${c?`\n              @media screen and (min-width:768px) {\n                .le-newbuilder-overlay {\n                  background: url(${c}) ;\n                }\n              }`:""}`}}),E.default.createElement("div",{id:e,"data-popup-url":q,"data-popup-type":"lightbox-inline",className:`lead-modal lead-modal-wrapper modal--animate-scale ${L?"le-buider-inline":""} ${$?"le-buider-slider":""}`},"Fullscreen"==p?E.default.createElement("img",{className:"le-only-desktop le-fullscreen-img",draggable:!1,src:m||"",style:{aspectRatio:`${ee}/${ae}`}}):null,E.default.createElement("div",{className:`lead-modal__wrapper le-newbuilder-wrap-${p}`},E.default.createElement("div",{className:`lead-modal__content le-newbuilder-${p}`},f?E.default.createElement(U,{title:f.title,titleAlign:f.titleAlign,subtitle:f.subtitle,subtitleAlign:f.subtitleAlign,link:f.link,linkNewTab:f.linkNewTab,linkText:f.linkText,image:f.image}):E.default.createElement(E.default.Fragment,null,E.default.createElement("header",{className:"lead-modal__header"},M?E.default.createElement("img",{src:u.CommonGAssets.getAssetPath("lead-otp-thumb.png"),draggable:"false",alt:"",style:{width:"100%"}}):E.default.createElement(E.default.Fragment,null,["LightBoxA","InlineA","Sidebar","Slider"].includes(p)?o?E.default.createElement("img",{draggable:"false",className:"lead-modal__image lead-modal-image-cover",src:o,style:{aspectRatio:`${ne}/${oe}`},alt:""}):null:E.default.createElement(E.default.Fragment,null,i?E.default.createElement("img",{draggable:"false",className:"le-only-desktop lead-modal__image lead-modal-image-cover",style:{height:"100%",objectFit:"cover",aspectRatio:`${re}/${de}`},src:i,alt:""}):null,o?E.default.createElement("img",{draggable:"false",className:"le-only-mobile lead-modal__image lead-modal-image-cover",src:o,alt:"",style:{aspectRatio:`${ne}/${oe}`}}):null))),M&&E.default.createElement(ue,{phone:M,autoSendWhenOpen:!0,onSuccess:()=>{null==g||g(F.current,z.values)}}),E.default.createElement("div",{"data-hidden":!!M,className:"lead-modal__body le-newbuilder-overlay"},E.default.createElement(Z,{form:z},E.default.createElement("form",{ref:F,className:`lead-modal__form ${e}`,onSubmit:e=>{e.preventDefault(),z.setTouched(Object.keys(J).reduce(((e,t)=>(e[t]=!0,e)),{})),Y.current||V.current||setTimeout((()=>{z.onSubmit((e=>{var t,a,l;if(!Object.keys(z.errors).length){if(C.findIndex((e=>"PhoneOtpBlock"===e.name))>-1){const n=null===(a=null===(t=C.find((e=>"PhoneOtpBlock"===e.name)))||void 0===t?void 0:t.data)||void 0===a?void 0:a.value;if(null===(l=e[n])||void 0===l?void 0:l.startsWith("+84"))return void H(e[n])}null==g||g(F.current,e)}}))(e)}),100)}},E.default.createElement("div",{style:{marginBottom:20}},E.default.createElement("h2",{className:`lead-modal__title ${"le-text-align-"+(null===(k=N.titleBlock.data)||void 0===k?void 0:k.align)} ${x}`},h),E.default.createElement("p",{className:`lead-modal__description ${"le-text-align-"+(null===(_=N.titleBlock.data)||void 0===_?void 0:_.align)} ${x}`},N.subtitleBlock.data.value)),E.default.createElement("div",{className:"lead-modal__form-control-wrapper"},E.default.createElement(se,{listBlockAdded:C,popupId:e,locale:y,onClose:W,onOtherSubmit:n})),(null===(w=null==S?void 0:S.submitBlock)||void 0===w?void 0:w.isHide)?null:E.default.createElement(E.default.Fragment,null,E.default.createElement("div",{className:`lead-modal__checkbox-wrapper ${x}`},E.default.createElement("div",{className:"lead-modal__checkbox"},E.default.createElement("input",{id:"lead-term-checkbox",className:`lead-modal__checkbox__input ${x}`,type:"checkbox","aria-label":"Checkbox label",checked:I,onChange:e=>D(e.currentTarget.checked)}),E.default.createElement("div",{className:"lead-modal__checkbox__control","aria-hidden":"true"})),E.default.createElement("label",{htmlFor:"checkbox",className:"lead-modal__checkbox__label"},O," ",E.default.createElement("span",{style:{fontWeight:"bold"}},E.default.createElement("a",{target:"blank",href:T||"https://hellobacsi.com/chinh-sach",rel:"noopener noreferrer",style:{textDecoration:"none"}},P)))),E.default.createElement(s.Button,{size:"md",id:"lead-submit",type:"submit",className:`lead-modal__btn ${x}`,disabled:!I},B))))))),!p.includes("Inline")&&E.default.createElement(R,{onClose:W,containerClassName:"close-button-top-right"}))));return me?p.includes("LightBox")||"Fullscreen"==p||"Slider"==p?pe:"Sidebar"==p?E.default.createElement(X,{content:pe}):p.includes("Inline")?E.default.createElement(Q,{content:pe,inlinePosition:a.popupInlinePosition}):null:null},me=({popupId:e,link:t,linkText:a,linkNewTab:l,onClose:n,imageMobile:o,imageDesktop:i,currentLayout:r,onOtherSubmit:d})=>{const s=location.pathname,{width:u,height:c,loaded:m}=A(o),{width:p,height:h,loaded:g}=A(i);return m&&g?E.default.createElement("div",{id:e,className:"lead-modal-wrapper","data-popup-url":s,"data-popup-type":"skin_ab"},"SkinA"==r?E.default.createElement("aside",{className:"le-only-desktop"},E.default.createElement("div",{className:"le-skin-a-desktop"},E.default.createElement("div",{style:{position:"relative"}},E.default.createElement("img",{src:i,style:{aspectRatio:`${p}/${h}`}}),E.default.createElement("a",{style:{position:"absolute",top:"75%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center",width:"calc(100% - 15px)"},href:t,target:l?"blank":"_parent"},E.default.createElement("button",{onClick:d,className:"le-joinbow-btn js-popup-other-submit"},a)),E.default.createElement(R,{onClose:n,containerClassName:"close-button-top-right"})))):"SkinB"==r?E.default.createElement("aside",{className:"le-only-desktop"},E.default.createElement("div",{className:""},E.default.createElement("div",{style:{position:"relative",zIndex:1e4}},E.default.createElement("img",{src:i,style:{width:"100%",aspectRatio:`${p}/${h}`}}),E.default.createElement("a",{style:{position:"absolute",top:"75%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center",width:"100%"},href:t,target:l?"blank":"_parent"},E.default.createElement("button",{onClick:d,className:"le-joinbow-btn-mobile js-popup-other-submit"},a)),E.default.createElement(R,{containerClassName:"close-button-top-right",onClose:n})))):null,E.default.createElement("aside",{className:"le-only-mobile"},E.default.createElement("div",{className:"le-skin-mobile"},E.default.createElement("div",{style:{position:"relative"}},E.default.createElement("img",{src:o,style:{width:"100%",aspectRatio:`${u}/${c}`}}),E.default.createElement("a",{style:{position:"absolute",top:"82%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center",maxWidth:"calc(100% - 15px)"},href:t,target:l?"blank":"_parent"},E.default.createElement("button",{onClick:d,className:"le-joinbow-btn-mobile js-popup-other-submit"},a)),E.default.createElement(R,{containerClassName:"close-button-top-right",svgClassName:"le-mobile-btn",onClose:n}))))):null},pe=({popupId:e,url:t,newTab:a,image:l,onClose:n,onOtherSubmit:o})=>{const{width:i,height:r,loaded:d}=A(l);return d?E.default.createElement("div",{id:e,className:"lead-modal-wrapper","data-popup-url":location.pathname,"data-popup-type":"tab"},E.default.createElement("div",{className:"le-tab-popup"},E.default.createElement("div",{style:{position:"relative"}},E.default.createElement("a",{href:t,target:a?"blank":"_parent",onClick:o},E.default.createElement("img",{className:"js-popup-other-submit",src:l,style:{aspectRatio:`${i}/${r}`}})),E.default.createElement(R,{onClose:n,containerClassName:"close-button-top-right"})))):null},he=[],ge=[],fe=[];const ve=e=>{const t=[...e];for(let e=t.length-1;e>0;e--){const a=Math.floor(Math.random()*(e+1)),l=t[e];t[e]=t[a],t[a]=l}return t},be=(e="UTC")=>{const t=new Date;return new Date(t.toLocaleString("en-US",{timeZone:e}))},ye=e=>{try{const[t,a]=e.split(" "),[l,n,o]=t.split("-").map(Number),[i,r,d]=a.split(":").map(Number);return new Date(l,n-1,o,i,r,d)}catch(e){return null}};const ke=e=>1===e.formatted_status?function(e){var t;if(1===e.forever)return!0;const a=e.started_at,l=e.ended_at,n=ye(a),o=ye(l);if(!n||!o)return!0;const i=(null===(t=e.site)||void 0===t?void 0:t.id)||1,r=B[i];return!(be(r).getTime()>o.getTime()&&(fe.push(e),1))}(e):0===e.formatted_status&&(he.push(e),(e=>{var t;const a=(null===(t=e.site)||void 0===t?void 0:t.id)||1,l=e.started_at,n=e.ended_at,o=ye(l),i=ye(n);if(!o||!i)return!1;const r=B[a],d=be(r).getTime();return d<=i.getTime()&&d>=o.getTime()&&(ge.push(e),!0)})(e));let _e=null;function Ee({leadApi:e,leadSiteId:t,leadDomain:a,onShowPopup:l,DEBUG_URL:n}){const i=n||("https://"+location.hostname+location.pathname+location.search).toLowerCase();fetch(e+"api/campaign/"+t,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({url:i,ga_client_id:o.getCookie("_ga")||null})}).then((e=>e.json())).then((e=>{var t,n,d,s,u;if(we("List campagin: ",e),O="https://"+location.hostname+location.pathname+location.search,1==e._status){const c=(null===(n=null===(t=e._data)||void 0===t?void 0:t.campaigns)||void 0===n?void 0:n.filter(ke))||[];o.getCookie("hhg-id")||(o.setCookie("hhg-id",r.v1(),{domain:"."+a,path:"/"}),we("😍 Set HHG ID cookie"));let m=[];m=/Android|webOS|iPhone|iPad|iPod|BlackBerry|BB|PlayBook|IEMobile|Windows Phone|Kindle|Silk|Opera Mini/i.test(navigator.userAgent)?c.filter((e=>e.device_types.some((e=>e.id==T.MOBILE)))):c.filter((e=>e.device_types.some((e=>e.id==T.DESKTOP)))),we("👓 campaignsDevice",m),we("--listCampaignScheduled",he),we("--listCampaignScheduledToActivated",ge),we("--listCampaignActiveButExpired",fe);let p=m.map(((e,t)=>e.targets.filter((e=>e.type==S.LINKS)).map((e=>Object.assign(Object.assign({},e),{campaignIndex:t}))))).flat(1);p=p.filter((e=>{const t=new URL(String(e.target).toLowerCase());if("exact_match"==e.option)return Boolean(i===t.href);if("start_with"==e.option){if(i.includes(String(e.target))){return!e.sub_target.filter((e=>"excluding"==e.option)).map((e=>e.value)).includes(i.split("?")[0])}return!1}}));const h=Array.from(document.getElementsByTagName("META")).filter((e=>"article:tag"==e.getAttribute("property"))).map((e=>e.content));let g=[],f=[];h&&h.length&&(g=m.map(((e,t)=>e.targets.filter((e=>e.type==S.TAGS)).map((e=>Object.assign(Object.assign({},e),{campaignIndex:t}))))).flat(1),f=g.filter((e=>h.includes(e.target))));const v=[...p,...f],b=document.cookie.split("; ").map((e=>e.split("=")[0])),y=b.filter((e=>e.includes("lead_submited")));we("--listCampaignCodeSubmited",y);const k=b.filter((e=>e.includes("lead_closed")));we("--listCampaignCodeClosed",k);const _=[...y,...k],E=v.filter((e=>!_.some((t=>t.includes(m[e.campaignIndex].code))))),w=ve(E);if(we("--listCampaignValid : ",w),w&&w.length){const e=m[w[0].campaignIndex];we("CAMPAIGN_SHOW",e);const{rules:t}=e,a=Number(null===(d=t.find((e=>"time"==e.rule)))||void 0===d?void 0:d.value);we("timeoutRule",a);const n=Number(null===(s=t.find((e=>"scroll"==e.rule)))||void 0===s?void 0:s.value);we("scrollRule",n);const o=Number(null===(u=t.find((e=>"exclude_sponsored"==e.rule)))||void 0===u?void 0:u.value);we("excludeSponsored",o);const i=Boolean(document.querySelector(".hhg-disclaimer-text"));if(we("💎 LEAD current page isSponsored",i),i&&o)return;let r="TIME";if(Number.isInteger(a)&&(r="TIME",we("✨ SHOW AWESOME POPUP AFTER: ",a," seconds"),_e&&clearTimeout(_e),_e=setTimeout((()=>{null==l||l(e,r)}),1e3*a)),Number.isInteger(n)){r="SCROLL",we("✨ SHOW AWESOME AFTER: SCROLL",n," %");const t=document.querySelector(`[data-url="${location.pathname}"]`)||document.querySelector("body"),a=t.getBoundingClientRect().top,o=t.offsetHeight;we("👓 Element check scroll: ",t);const i=function(){const t=window.pageYOffset||document.documentElement.scrollTop;let d=0;t>=a&&(d=Math.round((t-a)/(o-innerHeight)*100)),we("---Scroll",d,n),d>=n&&(window.removeEventListener("scroll",i),null==l||l(e,r))};window.addEventListener("scroll",i,{passive:!0})}}else we("🚧 No lead campaigns on current URL, tags")}})).catch((e=>{we("Lead error: ",e)}))}const we=(...e)=>{("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(...e)};const Ce=({campaign:e,action:a,onSubmit:l,onClose:n,showThankyou:i,locale:s})=>{var u,c;d.useTranslations();const{apiUrl:m,siteDomain:p}=t.useContext(I);t.useEffect((()=>{const e=o.getCookie("_ga")||null;fetch(`${m}api/campaign/${v}/impression`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:a,url:location.href.toLowerCase(),title_article:document.title,cookie_id:o.getCookie("hhg-id"),ga_client_id:e})})}),[]);const{extra_fields:h,image:g,image_desktop:f,code:v,image_background:b,image_overlay_mobile:y,image_overlay_desktop:k}=e,{currentLayout:_}=h,w=h.imageBlocks?JSON.parse(h.imageBlocks):{},C=JSON.parse(h.actionBlocks),S=JSON.parse(h.textBlocks);let N=(null===(c=null===(u=null==S?void 0:S.titleBlock)||void 0===u?void 0:u.data)||void 0===c?void 0:c.value)||"";const T={1:{},2:{},3:{}},x=t.useRef("lead-modal-"+r.v1()),O=function(e="Xin chao {{category_2}} extra"){if(e.includes("{{category_")){const t="{{category_".length,a=e.search("{{category_");return+e.charAt(t+a)}return null}(N);if(O){we("⚡️ Has categoryLevel",O);const e=Array.from(document.getElementsByTagName("META")),t=e.find((e=>e.name===`content_category_${O}`)),a=e.find((e=>e.name===`content_category_en_${O}`));if(!t||!a)return we("⚡️ No META TAG for categoryLevel, not show popup",O),null;T[O]={value:t.content,value_en:a.content},N=N.replace(`{{category_${O}}}`,t.content),we("⚡️ Set categoryData ",O)}else we("⚡️ No categoryLevel",O);const P=()=>{var t,a,l,i;if(we("👌 Other submit click"),document.body.classList.remove("noscroll"),_.includes("Skin")){const e=document.querySelector("#masthead");e&&(e.style.top="0px !important;")}const r=Number(null!==(a=null===(t=e.rules.find((e=>"days_to_show_again"==e.rule)))||void 0===t?void 0:t.value)&&void 0!==a?a:7),d=Number(null!==(i=null===(l=e.rules.find((e=>"show_again_after_submit"==e.rule)))||void 0===l?void 0:l.value)&&void 0!==i?i:0);0===d&&(we("⛔ Popup never show again!"),o.setCookie(`lead_submited_${v}`,`target_${h.popupVersion}`,{domain:"."+p,path:"/"})),1==d&&(we(`⌛ Popup will show again after ${r} days!`),o.setCookie(`lead_submited_${v}`,`target_${h.popupVersion}`,{domain:"."+p,days:r,path:"/"}));const s=o.getCookie("_ga")||null,u={url:location.href.toLowerCase(),title_article:document.title,meta:[],cookie_id:o.getCookie("hhg-id"),ga_client_id:s};O&&(u.category=T[O].value_en),fetch(`${m}api/campaign/${v}/lead`,{method:"POST",body:JSON.stringify(u),headers:{"Content-Type":"application/json","X-Requested-With":"XMLHttpRequest"}}).then((e=>e.json())).then((e=>{"error"===e.status&&we(e)})).catch((e=>{we("Error:",e)})),null==n||n()};return"CenterTab"===_?E.default.createElement(D,{popupId:x.current,url:w.imageMobile.data.url,newTab:w.imageMobile.data.newtab,imageMobile:g,imageDestkop:f,onClose:n,onOtherSubmit:P}):"Tab"===_?E.default.createElement(pe,{popupId:x.current,url:w.imageMobile.data.url,newTab:w.imageMobile.data.newtab,image:g,onClose:n,onOtherSubmit:P}):"Floating"===_?E.default.createElement(M,{popupId:x.current,title:N,titleAlign:S.titleBlock.data.align,subtitle:S.subtitleBlock.data.value,subtitleAlign:S.subtitleBlock.data.align,url:C.linkButtonBlock.data.url,urlText:C.linkButtonBlock.data.value,newTab:C.linkButtonBlock.data.newtab,imageMobile:g,imageDesktop:f,onClose:n,onOtherSubmit:P}):_.includes("LightBox")||_.includes("Inline")||"Fullscreen"==_||"Sidebar"==_||"Slider"==_?E.default.createElement(ce,{popupId:x.current,extraFields:h,onClose:n,onOtherSubmit:P,imageMobile:g,imageDesktop:f,imageBackground:b,currentLayout:_,title:N,onSubmit:(e,t)=>l(e,t,O,T),key:_,imageOverlayDesktop:k,imageOverlayMobile:y,showThankyou:i,campaignId:e.id,campaign_subot_id:e.bot_id||[],locale:s}):_.includes("Skin")?E.default.createElement(me,{popupId:x.current,link:C.linkButtonBlock.data.url,linkNewTab:!!C.linkButtonBlock.data.newtab,linkText:C.linkButtonBlock.data.value,onClose:n,onOtherSubmit:P,imageMobile:g,imageDesktop:f,currentLayout:_}):null};exports.LeadGen=({apiUrl:a,siteDomain:r,siteId:d,locale:s,apiSubotUrl:u,DEBUG_URL:c})=>{var m;const p=t.useRef(),h=t.useRef(Date.now()),{apiUrl:g}=t.useMemo((()=>{let e=a;return e.includes("localhost")&&(e="https://dev.leadgen.hellobacsi.com/"),{apiUrl:e}}),[a,r,d]),[f,v]=t.useState(null),[b,y]=t.useState(""),[k,_]=t.useState(null);t.useEffect((()=>{H.apiLeadUrl=g,H.apiSubotUrl=u}),[g,u]);const S=(e,t)=>{v(e),y(t)},N=()=>{var e,t;if(!f)return;we(`👋👋👋 CLOSE POPUP ${f.code} 👋👋👋`);const a=Number(null===(e=f.rules.find((e=>"show_again_after_exit"==e.rule)))||void 0===e?void 0:e.value),l=Number(null===(t=f.rules.find((e=>"days_to_show_again"==e.rule)))||void 0===t?void 0:t.value);0==a&&(l?o.setCookie(`lead_closed_${f.code}`,`target_${f.extra_fields.popupVersion}`,{domain:"."+r,days:l,path:"/"}):o.setCookie(`lead_closed_${f.code}`,`target_${f.extra_fields.popupVersion}`,{domain:"."+r,path:"/"})),document.body.classList.remove("noscroll"),fetch(`${g}api/campaign/${f.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)})}),v(null),_(null)};t.useEffect((()=>{if(window.next){const e=w.default((e=>{we("--🌻 routeChangeComplete",e,Date.now());const t=location.pathname;N(),document.querySelectorAll(`[data-popup-url="${t}"]`).length?we("🔥 This URL page has show popup!"):(we("--Process checkShowPopup"),Ee({leadApi:g,leadDomain:r,leadSiteId:d,onShowPopup:S,DEBUG_URL:c})),p.current&&window.removeEventListener("scroll",p.current)}),500);window.next.router.events.on("routeChangeComplete",e)}Ee({leadApi:g,leadDomain:r,leadSiteId:d,onShowPopup:S,DEBUG_URL:c})}),[]);return t.useEffect((()=>{f&&(h.current=Date.now())}),[f]),E.default.createElement(I.Provider,{value:{apiUrl:g,siteDomain:r,siteId:d,locale:s}},E.default.createElement(n.TranslationsContext.Provider,{value:{locale:s,values:$(s)}},l.createPortal(E.default.createElement(E.default.Fragment,null,"2.1"===(null===(m=null==f?void 0:f.extra_fields)||void 0===m?void 0:m.popupVersion)&&E.default.createElement(Ce,{campaign:f,action:b,onSubmit:(t,a,l,n)=>e.__awaiter(void 0,void 0,void 0,(function*(){var e,i,d,s,u,c,m,p,h,v,b;if(!a)return;we("submitHandler",l,n);const y=Object.keys(a).map((e=>({name:e,value:String(a[e])}))),k=o.getCookie("_ga")||null;window.intlTelInputUtils||(yield require("intl-tel-input/build/js/utils"));const E={url:location.href.toLowerCase(),title_article:document.title,meta:y.map((e=>{var a,l;const n=(null===(a=t.querySelector(`*[name="${e.name}"]`))||void 0===a?void 0:a.getAttribute("data-control"))||(null===(l=t.querySelector(`*[data-extra][data-name="${e.name}"]`))||void 0===l?void 0:l.getAttribute("data-control"))||"text",o="tel"===n?window.intlTelInputUtils.formatNumber(String(e.value),null==j?void 0:j.countryCodeNumber,2).replace(/\s+/g,""):"date"===n?C.default(e.value).format("YYYY-MM-DD"):e.value;return{key:e.name,value:o,control:n,is_sent_mailchimp:t.querySelector(`div[data-name="${e.name}-mailchimp"]`)?"true":"false"}})),cookie_id:o.getCookie("hhg-id"),ga_client_id:k};l&&n[l].value_en&&(E.category=n[l].value_en);const w=Number((null===(i=null===(e=f.rules)||void 0===e?void 0:e.find((e=>"days_to_show_again"===e.rule)))||void 0===i?void 0:i.value)||7),S=Number((null===(s=null===(d=f.rules)||void 0===d?void 0:d.find((e=>"show_again_after_submit"===e.rule)))||void 0===s?void 0:s.value)||0);if(0==S&&(we("⛔ Popup never show again!"),o.setCookie(`lead_submited_${f.code}`,`target_${f.extra_fields.targetType}`,{domain:"."+r,path:"/"})),1==S&&(we(`⌛ Popup will show again after ${w} days!`),o.setCookie(`lead_submited_${f.code}`,`target_${f.extra_fields.targetType}`,{domain:"."+r,days:w,path:"/"})),fetch(`${g}api/campaign/${f.code}/lead`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(E)}),"notshow"==f.extra_fields.popupShowThankYou)return N(),void document.body.classList.remove("noscroll");let T=!0;const x=f.thank_you_image||`${g}admin/img/thanksyou.png`;let O,P,B=f.extra_fields.popupThankyouTitle||"Thank you.",q=f.extra_fields.popupThankyouDesc||"We appreciate your time!",L="",$="",I="";if("2.1"==f.extra_fields.popupVersion){const e=f.extra_fields,t=JSON.parse(e.listBlockThankyou),a=t.find((e=>"TitleBlock"==e.name)),l=t.find((e=>"SubtitleBlock"==e.name)),n=t.find((e=>"LinkButtonBlock"==e.name));B=(null===(u=null==a?void 0:a.data)||void 0===u?void 0:u.value)||"",L=(null===(c=null==a?void 0:a.data)||void 0===c?void 0:c.align)||"",q=(null===(m=null==l?void 0:l.data)||void 0===m?void 0:m.value)||"",$=(null===(p=null==l?void 0:l.data)||void 0===p?void 0:p.align)||"",O=(null===(h=null==n?void 0:n.data)||void 0===h?void 0:h.value)||"",P=(null===(v=null==n?void 0:n.data)||void 0===v?void 0:v.newtab)||!1,I=(null===(b=null==n?void 0:n.data)||void 0===b?void 0:b.url)||"";const o=f.extra_fields.currentLayout;["SkinA","SkinB","Floating","Tab","CenterTab"].includes(o)&&(T=!1)}_(T?{title:B,titleAlign:L,subtitle:q,subtitleAlign:$,link:I,linkNewTab:P,linkText:O,image:x}:null),sessionStorage.getItem("insider_object")?window.insider_object=JSON.parse(sessionStorage.getItem("insider_object")):window.insider_object={user:{email:"",phone_number:"",gdpr_optin:!0,sms_optin:!0,email_optin:!0}},y.map((e=>{const t=e.name,a=e.value;"tel"==t?window.insider_object.user.phone_number=a:"email"==t&&(window.insider_object.user.email=a)})),sessionStorage.setItem("insider_object",JSON.stringify(window.insider_object))})),onClose:N,showThankyou:k,locale:s})),i.getPopupWrapperDom())))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tslib.es6-f995bf64.js"),t=require("react"),a=require("lodash/debounce"),l=require("react-dom"),n=require("./translationsContext-c2431a05.js"),o=require("./cookieHelper-51db0cbc.js"),i=require("./utils-6b23688f.js"),r=require("uuid"),d=require("./useTranslations-48ecf80b.js");require("./index.styled-569ed3c9.js");var s=require("./index-179083f6.js"),u=require("./gAssets.js");require("./index.styled-b955ba8a.js"),require("./index-3c4909a1.js");var c=require("./theme-9cdc8da0.js");require("@mantine/core"),require("./index.styled-284f900d.js"),require("string-format"),require("./index-ac23b103.js");var m=require("./index-68ffdb52.js"),p=require("dayjs");require("./screenSizeContext-c4ee67f2.js"),require("styled-components"),require("./index-c1b0d87f.js"),require("./isProduction-4ff91841.js"),require("./Onboarding-98039f0a.js"),require("./index-d1731f73.js"),require("@mantine/hooks"),require("./index.styled-a83dc20a.js"),require("date-fns"),require("react-day-picker/DayPickerInput"),require("./index.styled-384a4e75.js"),require("./index.styled-1a5ac19a.js"),require("lodash/throttle"),require("keen-slider/react"),require("./index.styles-e2f46472.js"),require("react-hook-form"),require("date-fns/locale/en-US"),require("date-fns/locale/id"),require("date-fns/locale/vi"),require("date-fns/locale/zh-TW"),require("./index.styled-f06383ca.js");var h=require("./index-e49f75a4.js"),g=require("./index.styled-9c4558b9.js"),f=require("@mantine/form");require("yup");var v=require("./index-ea42d8c0.js"),b=require("./index-c6bc15a1.js");function y(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function k(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var l=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,l.get?l:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}require("@mantine/dates"),require("@mantine/carousel"),require("./index-4f084805.js"),require("./index-b93baaf0.js"),require("@hookform/resolvers/yup"),require("./index-829a5f87.js"),require("./index-20b484c9.js"),require("./index-2f2caafd.js"),require("slugify"),require("./routing-f980cabd.js"),require("dayjs/plugin/relativeTime"),require("./useUniqueId-84c98b51.js"),require("./index-407a12ab.js"),require("./Visible-ed4d6c3d.js");var _=y(t),E=y(a),w=y(p);const C={LINKS:1,TAGS:2};let S="https://dev.leadgen.hellobacsi.com/";const N={MOBILE:1,DESKTOP:2};let T="";S.includes("localhost")&&(S="https://dev.leadgen.hellobacsi.com/"),location.hostname.includes("marrybaby.vn")&&(T="pink");let x="https://"+location.hostname+location.pathname+location.search;x=x.toLowerCase(),sessionStorage.getItem("insider_object")&&(window.insider_object=JSON.parse(sessionStorage.getItem("insider_object")));const O={"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}},P=O[document.documentElement.lang]||O["vi-VN"];const j={1:"Asia/Ho_Chi_Minh",10:"Asia/Ho_Chi_Minh",11:"Asia/Ho_Chi_Minh",12:"Asia/Ho_Chi_Minh",2:"Asia/Jakarta",3:"Asia/Bangkok",4:"Asia/Phnom_Penh",5:"Asia/Kuala_Lumpur",6:"Asia/Taipei",7:"Asia/Yangon",8:"Asia/Kolkata",9:"Asia/Manila"};var B={"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.","lead.otp.title":"Enter OTP","lead.otp.desc":"We have sent an OTP to your mobile number {phone}","lead.otp.verify":"Verify","lead.otp.resend":"Resend OTP{timer}"};const q={"en-PH":B,"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.","lead.otp.title":"Enter OTP","lead.otp.desc":"We have sent an OTP to your mobile number {phone}","lead.otp.verify":"Verify","lead.otp.resend":"Resend OTP{timer}"},"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.","lead.otp.title":"Enter OTP","lead.otp.desc":"We have sent an OTP to your mobile number {phone}","lead.otp.verify":"Verify","lead.otp.resend":"Resend OTP{timer}"},"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.","lead.otp.title":"Enter OTP","lead.otp.desc":"We have sent an OTP to your mobile number {phone}","lead.otp.verify":"Verify","lead.otp.resend":"Resend OTP{timer}"},"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.","lead.otp.title":"Enter OTP","lead.otp.desc":"We have sent an OTP to your mobile number {phone}","lead.otp.verify":"Verify","lead.otp.resend":"Resend OTP{timer}"},"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.","lead.otp.title":"Enter OTP","lead.otp.desc":"We have sent an OTP to your mobile number {phone}","lead.otp.verify":"Verify","lead.otp.resend":"Resend OTP{timer}"},"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.","lead.otp.title":"Enter OTP","lead.otp.desc":"We have sent an OTP to your mobile number {phone}","lead.otp.verify":"Verify","lead.otp.resend":"Resend OTP{timer}"},"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.","lead.otp.title":"Enter OTP","lead.otp.desc":"We have sent an OTP to your mobile number {phone}","lead.otp.verify":"Verify","lead.otp.resend":"Resend OTP{timer}"},"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.","lead.otp.title":"Enter OTP","lead.otp.desc":"We have sent an OTP to your mobile number {phone}","lead.otp.verify":"Verify","lead.otp.resend":"Resend OTP{timer}"},"tl-PH":B},L=e=>{const t=q[e];return t||q["en-PH"]},$=t.createContext({}),I=e=>{const[a,l]=t.useState(16),[n,o]=t.useState(9),[i,r]=t.useState(!1);return t.useEffect((()=>{if(r(!1),e){const t=new Image;t.addEventListener("load",(()=>{l(t.naturalWidth),o(t.naturalHeight),r(!0)})),t.addEventListener("error",(()=>{l(16),o(9),r(!0)})),t.src=e}else l(16),o(9),r(!0)}),[e]),{loaded:i,width:a,height:n}},A=({onClose:e,containerClassName:t,svgClassName:a})=>_.default.createElement("button",{onClick:e,className:`le-newbuilder-close-button js-modal__close ${t||""}`},_.default.createElement("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:a},_.default.createElement("circle",{cx:"16",cy:"16",r:"16",fill:"white"}),_.default.createElement("path",{d:"M16 17.05L10.925 22.125C10.7917 22.2584 10.621 22.329 10.413 22.337C10.2044 22.3457 10.025 22.275 9.87502 22.125C9.72502 21.975 9.65002 21.8 9.65002 21.6C9.65002 21.4 9.72502 21.225 9.87502 21.075L14.95 16L9.87502 10.925C9.74169 10.7917 9.67102 10.6207 9.66302 10.412C9.65436 10.204 9.72502 10.025 9.87502 9.87502C10.025 9.72502 10.2 9.65002 10.4 9.65002C10.6 9.65002 10.775 9.72502 10.925 9.87502L16 14.95L21.075 9.87502C21.2084 9.74169 21.3794 9.67069 21.588 9.66202C21.796 9.65402 21.975 9.72502 22.125 9.87502C22.275 10.025 22.35 10.2 22.35 10.4C22.35 10.6 22.275 10.775 22.125 10.925L17.05 16L22.125 21.075C22.2584 21.2084 22.329 21.379 22.337 21.587C22.3457 21.7957 22.275 21.975 22.125 22.125C21.975 22.275 21.8 22.35 21.6 22.35C21.4 22.35 21.225 22.275 21.075 22.125L16 17.05Z",fill:"#595959"}))),R=({popupId:e,url:t,newTab:a,imageDestkop:l,imageMobile:n,onClose:o,onOtherSubmit:i})=>{const{width:r,height:d,loaded:s}=I(n),{width:u,height:c,loaded:m}=I(l);return s&&m?_.default.createElement("div",{id:e,className:"lead-modal-wrapper","data-popup-url":location.pathname,"data-popup-type":"center_tab"},_.default.createElement("div",{className:"le-center-tab-popup"},_.default.createElement("div",{style:{position:"relative"}},_.default.createElement("a",{className:"js-popup-other-submit",href:t,target:a?"blank":"_parent",onClick:i},_.default.createElement("img",{className:"le-only-mobile",src:n,style:{aspectRatio:`${r}/${d}`}}),_.default.createElement("img",{className:"le-only-desktop",src:l,style:{aspectRatio:`${u}/${c}`}})),_.default.createElement(A,{onClose:o,containerClassName:"close-button-top-right"})))):null},D=({popupId:e,url:t,title:a,urlText:l,titleAlign:n,subtitle:o,subtitleAlign:i,newTab:r,imageDesktop:d,imageMobile:s,onClose:u,onOtherSubmit:c})=>{const{width:m,height:p,loaded:h}=I(s),{width:g,height:f,loaded:v}=I(d);return h&&v?_.default.createElement("div",{id:e,className:"lead-modal-wrapper lead-floating-wrapper","data-popup-url":location.pathname,"data-popup-type":"floating"},_.default.createElement("aside",{className:"le-only-desktop"},_.default.createElement("div",{className:"le-floating-desktop"},_.default.createElement("div",{className:"le-floating-desktop-wrap",style:{position:"relative",background:"#fff"}},d?_.default.createElement("div",null,_.default.createElement("img",{style:{maxWidth:120,borderTopLeftRadius:5,borderBottomLeftRadius:5,aspectRatio:`${g}/${f}`},src:d})):null,_.default.createElement("div",{style:{padding:20}},_.default.createElement("div",{className:`le-floating-desktop-title le-text-align-${n}`},a),_.default.createElement("div",{className:`le-floating-desktop-desc le-text-align-${i}`},o)),_.default.createElement("a",{target:r?"blank":"_parent",style:{marginLeft:35,textDecoration:"none"},href:t},_.default.createElement("button",{className:"le-joinbow-floating-btn js-popup-other-submit",onClick:c},l)),_.default.createElement(A,{onClose:u,containerClassName:"close-button-top-right"})))),_.default.createElement("aside",{className:"le-only-mobile"},_.default.createElement("div",{className:"le-floating-mobile"},_.default.createElement("div",{className:"le-floating-mobile-wrap",style:{position:"relative",background:"#fff"}},_.default.createElement("aside",{style:{display:"flex",justifyContent:"space-between"}},_.default.createElement("div",null,_.default.createElement("div",{className:`le-floating-mobile-title le-text-align-${n}`},a),_.default.createElement("div",{className:`le-floating-mobile-desc le-text-align-${i}`},o)),s?_.default.createElement("div",null,_.default.createElement("img",{style:{marginLeft:15,marginTop:4,maxWidth:100,aspectRatio:`${m}/${p}`},src:s})):null),_.default.createElement("div",{style:{textAlign:"center",marginTop:10}},_.default.createElement("a",{target:r?"blank":"_parent",href:t,style:{textDecoration:"none"}},_.default.createElement("button",{className:"le-joinbow-floating-btn js-popup-other-submit",onClick:c},l))),_.default.createElement(A,{onClose:u,containerClassName:"close-button-top-right"}))))):null},M=({title:e,titleAlign:t,subtitle:a,subtitleAlign:l,link:n,linkNewTab:o,linkText:i,image:r})=>{const{width:d,height:s,loaded:u}=I(r);return u?_.default.createElement("div",{className:"lead-modal__thank-you"},_.default.createElement("div",{style:{width:"100%"}},_.default.createElement("img",{src:r,style:{maxHeight:162,objectFit:"cover",aspectRatio:`${d}/${s}`}}),e&&_.default.createElement("h1",{className:`le-thankyou-title le-text-align-${t}`},e),a&&_.default.createElement("p",{className:`le-thankyou-subtitle le-text-align-${l}`},a),i&&_.default.createElement("div",null,_.default.createElement("a",{href:n,target:o?"_blank":"parrent",rel:"noreferrer"},_.default.createElement("button",{className:`lead-modal__btn ${T}`},i))))):null};const U=new class{constructor(){this.apiLeadUrl="https://dev.leadgen.hellobacsi.com/",this.apiSubotUrl="https://staging-service-subot.hellohealthgroup.com/"}},H={call(t){var{url:a,data:l}=t,n=e.__rest(t,["url","data"]);return n.body=JSON.stringify(l),n.headers={"Content-Type":"application/json"},fetch(`${U.apiLeadUrl}${a}`,n).then((e=>e.json())).catch((e=>({})))}},F={call(t){var{url:a,data:l}=t,n=e.__rest(t,["url","data"]);return n.body=JSON.stringify(l),n.headers={"Content-Type":"application/json"},fetch(`${U.apiSubotUrl}${a}`,n).then((e=>e.json())).catch((e=>({})))}},W=({bot_id:e,email:t,phone:a})=>{let l=a;return l&&l.startsWith("0")&&(l=l.substring(1)),F.call({url:"frontend/api/subot-campaign/check",method:"post",data:{bot_id:e,email:t,phone:l}})},V=({campaign_id:e,email:t,phone:a})=>{let l=a;return l&&l.startsWith("0")&&(l=l.substring(1)),H.call({url:"api/subot-campaign/check",method:"post",data:{campaign_id:e,email:t,phone:l}})},Y=({phone:e})=>H.call({url:"api/sms/otp",method:"post",data:{phone_number:e.replace("+","")}}),J=({phone:e,otp:t})=>H.call({url:"api/sms/verify",method:"post",data:{otp_code:t,phone_number:e.replace("+","")}}),z={email:{},phone:{}},G=(t,a,l)=>e.__awaiter(void 0,void 0,void 0,(function*(){const n="email"in l?"email":"phone",o="email"in l?l.email:l.phone,i="email"in l?"validator.emailUsed":"validator.phoneUsed";if(z[n][o]){if(z[n][o].value)return i;if(!z[n][o].value&&z[n][o].expire>Date.now())return""}const r=yield((t,a,l)=>e.__awaiter(void 0,void 0,void 0,(function*(){const e="email"in l?"email":"phone",n="email"in l?l.email:l.phone,o="email"in l?"validator.emailUsed":"validator.phoneUsed",i=yield V({campaign_id:[t],[e]:n});return"SubmitLeadWithBotId_ERR_001"===i._errorCode||"SubmitLeadWithBotId_ERR_002"===i._errorCode||a.length&&"CheckSuBotLeadTool_ERR_001"===(yield W({bot_id:a,[e]:n}))._errorCode?o:void 0})))(t,a,l);return z[n][o]=r?{value:!0}:{value:!1,expire:Date.now()+6e4},r})),K=({content:e,inlinePosition:a})=>{const n=t.useMemo((()=>{if(!a)return null;const e=document.querySelectorAll(`[data-url="${location.pathname}"] .body-content`),t=Array.from(e).reduce(((e,t)=>[...e,...Array.from(t.children)]),[]);if(null==t?void 0:t.length){const e=t.filter((e=>"P"===e.nodeName)),l=t.filter((e=>"H2"===e.nodeName));let n=null;switch(a){case"1th":n=e[0];break;case"2th":n=e[1];break;case"3th":n=e[2];break;case"4th":n=e[3];break;case"5th":n=e[4];break;case"6th":n=e[5];break;case"7th":n=e[6];break;case"8th":n=e[7];break;case"9th":n=e[8];break;case"10th":n=e[9];break;case"11th":n=e[10];break;case"12th":n=e[11];break;case"lastP":n=e[e.length-1];break;case"1thH2":n=l[0];break;case"2thH2":n=l[1];break;case"3thH2":n=l[2];break;case"4thH2":n=l[3];break;case"5thH2":n=l[4];break;case"6thH2":n=l[5];break;case"7thH2":n=l[6];break;case"8thH2":n=l[7];break;case"9thH2":n=l[8];break;case"10thH2":n=l[9];break;case"lastH2":n=l[l.length-1]}if(n){if(n.parentElement.querySelector(".inline-lead-wrapper"))return n.parentElement.querySelector(".inline-lead-wrapper");{const e=document.createElement("div");return e.classList.add("inline-lead-wrapper"),n.nextElementSibling?n.parentElement.insertBefore(e,n.nextElementSibling):n.parentElement.appendChild(e),e}}}}),[a]);return a&&n?l.createPortal(e,n):null},Q=({content:e})=>{const a=t.useMemo((()=>{const e=Array.from(document.querySelectorAll(".hc2-sidebar-with-ads,.page-main-col .right-col.f-right,.hhg-lead-sidebar"));return e.forEach((e=>{if(e.querySelector(".sidebar-lead-modal-wrapper"))return;const t=document.createElement("div");t.classList.add("sidebar-lead-modal-wrapper"),e.prepend(t)})),e.map((e=>e.querySelector(".sidebar-lead-modal-wrapper")))}),[]);return _.default.createElement(_.default.Fragment,null,a.map((t=>l.createPortal(e,i.getWrapperDomWithSelector(t,"sidebar-lead-modal-wrapper")))))},[X,Z,ee]=f.createFormContext(),te="undefined"==typeof window,ae={VN:"vi",ID:"id",TH:"th",MY:"ms",TW:"zh-TW",KH:"km",MM:"my",IN:"hi",PH:"en"},le=(a="",l="",n="",o=500)=>{const[i,r]=t.useState([]),[d,s]=t.useState(!1);return t.useEffect((()=>{let t;return a?t=window.setTimeout((()=>e.__awaiter(void 0,void 0,void 0,(function*(){var t;if(a)try{s(!0);const o=yield((t="",a="",l="vi")=>e.__awaiter(void 0,void 0,void 0,(function*(){return new Promise(((e,n)=>{if(!t)return n("Need valid text input");if(te)return n("Need valid window object");try{(new window.google.maps.places.AutocompleteService).getPlacePredictions(Object.assign(Object.assign({input:t},a?{componentRestrictions:{country:a}}:{}),{language:ae[l]}),e)}catch(e){n(e)}}))})))(a,l,n);r(!(t=o)||t.length<1?[]:t.map((e=>({placeId:e.place_id,description:e.description}))))}catch(e){console.error(e)}finally{s(!1)}else r([])}))),o):i.length&&r([]),()=>{window.clearTimeout(t)}}),[a,o,l]),{isLoading:d,predictions:i}},ne=["places"],oe=({name:e,placeholder:a,locale:l})=>{var n;const o=Z(),[i,r]=t.useState(""),[d,s]=t.useState(""),{predictions:u}=le(i||"15 Lê","","tl-PH"===l?"en":null===(n=null==l?void 0:l.split("-"))||void 0===n?void 0:n[0]),[c,m]=t.useState(null),[p,g]=t.useState(!1),f=t.useRef(Math.random().toString(36).substring(7)),v=t.useMemo((()=>{const e=u.map((e=>({value:e.description,label:e.description}))),t=e.find((e=>e.value===d));return!d||t?e:[{value:d,label:d}].concat(e)}),[u,d]);return t.useEffect((()=>{var e,t,a;(null===(a=null===(t=null===(e=null===window||void 0===window?void 0:window.google)||void 0===e?void 0:e.maps)||void 0===t?void 0:t.places)||void 0===a?void 0:a.AutocompleteService)?g(!0):Promise.resolve().then((function(){return k(require("@react-google-maps/api"))})).then((e=>{m((()=>e.LoadScript)),setTimeout((()=>{g(!0)}),200)}))}),[]),p?_.default.createElement(_.default.Fragment,null,c&&_.default.createElement(c,{googleMapsApiKey:"AIzaSyB9QmhfEYcy2wj5X3Fl38aCD5UkET6n82M",libraries:ne,loadingElement:_.default.createElement(_.default.Fragment,null)}),_.default.createElement("div",{style:{display:"none"},"data-extra":!0,"data-name":e,"data-control":"text"}),_.default.createElement(h.Select,Object.assign({className:"lead-modal__form-control",label:a,placeholder:a,withAsterisk:!0,name:e,data:v,searchValue:i,onSearchChange:e=>{r(e)},filter:()=>!0,clearable:!0,searchable:!0,onChange:e=>s(e||""),icon:_.default.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M9.99999 9.79167C10.4028 9.79167 10.7467 9.64944 11.0317 9.365C11.3161 9.08 11.4583 8.73611 11.4583 8.33333C11.4583 7.93056 11.3161 7.58667 11.0317 7.30167C10.7467 7.01722 10.4028 6.875 9.99999 6.875C9.59721 6.875 9.25332 7.01722 8.96832 7.30167C8.68388 7.58667 8.54166 7.93056 8.54166 8.33333C8.54166 8.73611 8.68388 9.08 8.96832 9.365C9.25332 9.64944 9.59721 9.79167 9.99999 9.79167ZM9.99999 17.875C9.90277 17.875 9.80555 17.8611 9.70832 17.8333C9.6111 17.8056 9.52082 17.7569 9.43749 17.6875C7.46527 15.8958 5.98971 14.2361 5.01082 12.7083C4.03138 11.1806 3.54166 9.77778 3.54166 8.5C3.54166 6.48611 4.1911 4.87833 5.48999 3.67667C6.78832 2.47556 8.29166 1.875 9.99999 1.875C11.7083 1.875 13.2119 2.47556 14.5108 3.67667C15.8092 4.87833 16.4583 6.48611 16.4583 8.5C16.4583 9.77778 15.9689 11.1806 14.99 12.7083C14.0105 14.2361 12.5347 15.8958 10.5625 17.6875C10.4792 17.7569 10.3889 17.8056 10.2917 17.8333C10.1944 17.8611 10.0972 17.875 9.99999 17.875Z",fill:"#8C8C8C"})),autoComplete:"no-auto-complete-"+f.current,rightSection:_.default.createElement(_.default.Fragment,null)},o.getInputProps(e)))):_.default.createElement("div",{style:{height:73}})},ie=({children:e,align:t})=>_.default.createElement("p",{className:`lead-modal__description ${"le-text-align-"+(t||"")} ${T}`},e),re=({children:e,align:t})=>_.default.createElement("h2",{className:`lead-modal__title ${"le-text-align-"+(t||"")} ${T}`},e),de=({listBlockAdded:e,popupId:t,locale:a,onClose:l,onOtherSubmit:n})=>{const o=Z();return _.default.createElement(_.default.Fragment,null,e.map(((e,i)=>{const{name:r="",data:d={}}=e||{},{placeholder:u,value:c,align:p,listQuestion:f,isSendMailChimp:v=!1,newtab:b,url:y}=d;switch(r){case"TitleBlock":return _.default.createElement(re,{key:i,align:p},c);case"SubtitleBlock":return _.default.createElement(ie,{key:i,align:p},c);case"TextBlock":return _.default.createElement(m.Input,Object.assign({key:i,withAsterisk:!0,spellCheck:!1,type:"text",placeholder:u,className:"lead-modal__form-control",label:u,"data-control":"text",name:c},o.getInputProps(c)));case"NumberBlock":return _.default.createElement(m.NumberInput,Object.assign({key:i,withAsterisk:!0,spellCheck:!1,type:"number",placeholder:u,className:"lead-modal__form-control",label:u,"data-control":"number",name:c},o.getInputProps(c)));case"EmailBlock":return _.default.createElement(m.Input,Object.assign({key:i,withAsterisk:!0,spellCheck:!1,placeholder:u,className:"lead-modal__form-control",label:u,"data-control":"email",name:c},o.getInputProps(c)));case"PhoneOtpBlock":case"PhoneBlock":{const e=t+"-"+c+"-"+i;return _.default.createElement(m.Input.Wrapper,Object.assign({size:"md",withAsterisk:!0,key:i,label:u,className:"lead-modal__form-control",labelProps:{htmlFor:e}},o.getInputProps(c)),_.default.createElement(m.Phone,{name:c,spellCheck:!1,type:"tel",placeholder:u,onChange:e=>{o.setFieldValue(c,e)},id:e,defaultCountry:a&&g.MAPPED_LOCALE[a]||"VN","data-control":"tel"}))}case"LocationBlock":return _.default.createElement(oe,{key:i,name:c,placeholder:u,locale:a});case"DateBlock":return _.default.createElement(m.DatePicker,Object.assign({withAsterisk:!0,key:i,type:"date",name:c,placeholder:u,className:"lead-modal__form-control",label:u,"data-control":"date"},o.getInputProps(c)));case"LinkButtonBlock":return _.default.createElement("div",{key:i},_.default.createElement("a",{target:b?"blank":"parrent",href:y,style:{textDecoration:"none"}},_.default.createElement(s.Button,{type:"button",size:"md",className:`lead-modal__btn ${T}`,onClick:()=>{null==l||l(),null==n||n()}},c)));case"CheckboxBlock":return _.default.createElement(_.default.Fragment,null,v&&_.default.createElement("div",{style:{display:"none"},"data-name":c+"-mailchimp"}),_.default.createElement(m.Checkbox.Group,Object.assign({withAsterisk:!0,className:"lead-modal__form-control",key:i,label:u,size:"md"},o.getInputProps(c)),f.map(((e,t)=>_.default.createElement(m.Checkbox,{name:c,key:t,value:e.value,label:e.placeholder,"data-control":"checkbox"})))));case"RadioBlock":return _.default.createElement(_.default.Fragment,null,v&&_.default.createElement(m.Input,{type:"hidden",name:c+"-mailchimp",value:v}),_.default.createElement(m.Radio.Group,Object.assign({withAsterisk:!0,className:"lead-modal__form-control",key:i,label:u,size:"md"},o.getInputProps(c)),f.map(((e,t)=>_.default.createElement(m.Radio,{name:c,key:t,value:e.value,label:e.placeholder,"data-control":"radio"})))));case"DropdownBlock":return _.default.createElement(_.default.Fragment,null,_.default.createElement("div",{style:{display:"none"},"data-extra":!0,"data-name":c,"data-control":"dropdown"}),_.default.createElement(h.Select,Object.assign({key:i,className:"lead-modal__form-control",label:u,withAsterisk:!0,name:c,data:f.map((e=>({value:e.value,label:e.placeholder})))},o.getInputProps(c))))}return null})))},se=({phone:a,onSuccess:l,autoSendWhenOpen:n})=>{const{t:o}=d.useTranslations(),[i,r]=t.useState(""),[u,p]=t.useState(!1),[h,g]=t.useState(0),f=t.useRef(null),[y,E]=t.useState(),[w,C]=t.useState(""),S=t.useRef();t.useEffect((()=>{e.__awaiter(void 0,void 0,void 0,(function*(){var e;if(!S.current){const e=yield Promise.resolve().then((function(){return k(require("react-phone-number-input"))}));S.current=e.formatPhoneNumberIntl}C((null===(e=S.current)||void 0===e?void 0:e.call(S,a))||a)}))}),[a]);const N=()=>e.__awaiter(void 0,void 0,void 0,(function*(){var e;if(!a)return;const t=yield Y({phone:a}),n=null===(e=null==t?void 0:t._messages)||void 0===e?void 0:e[0];"Send sms successfully"===n?(g(60),setTimeout((()=>{f.current&&(f.current.focus(),f.current.scrollIntoView({block:"center"}))}),100)):"This phone number was verified"===n?l():E(n||"something Wrong")}));return t.useEffect((()=>{setTimeout((()=>{h>0&&g((e=>e-1))}),1e3)}),[h]),t.useEffect((()=>{n&&!h&&N()}),[]),_.default.createElement(_.default.Fragment,null,_.default.createElement("form",{onSubmit:t=>{t.preventDefault(),e.__awaiter(void 0,void 0,void 0,(function*(){if(!a||!i)return;const e=yield J({phone:a,otp:i}),t=null==e?void 0:e._messages[0];"Verify successfully"===t||"This phone number was verified"===t?l():E(t||"something Wrong")}))},className:"lead-phone-otp-form"},_.default.createElement(b.Heading,{tag:"h3",fontWeight:"bold",style:{marginBottom:4}},o("lead.otp.title")),_.default.createElement(v.Text,{size:"p1",color:c.theme.colors.gray600},o("lead.otp.desc",{phone:w})),_.default.createElement(m.Input,{ref:f,name:"_"+name+"-otp",spellCheck:!1,type:"number",placeholder:"Enter OTP",className:"lead-modal__form-control",label:"Phone OTP","data-control":"otp",withAsterisk:!0,pattern:"[0-9]*",value:i,onChange:e=>{p(!0),r(e),E(u&&!e?"OTP is required":void 0)},error:u?y:void 0}),_.default.createElement(s.Button,{size:"md",color:"primary",className:`lead-modal__btn ${T}`,disabled:!i},o("lead.otp.verify")),_.default.createElement(s.Button,{type:"button",size:"md",color:"transparent",className:`lead-modal__btn lead-phone-otp-button ${T}`,onClick:()=>{N()},disabled:!!h},o("lead.otp.resend",{timer:h?` (${h}s)`:""}))))},ue=({popupId:e,extraFields:a,onClose:l,onOtherSubmit:n,imageMobile:o,imageDesktop:i,imageOverlayMobile:r,imageOverlayDesktop:c,imageBackground:m,currentLayout:p,title:h,onSubmit:g,showThankyou:f,campaignId:v,campaign_subot_id:b,locale:y})=>{var k,E,w;const C=JSON.parse(a.listBlockAdded),S=JSON.parse(a.actionBlocks),N=JSON.parse(a.textBlocks),x=S.submitBlock.data.url,O=S.submitBlock.data.text,j=S.submitBlock.data.text2,B=S.submitBlock.data.value,q=location.pathname,L=p.includes("Inline")||"Sidebar"===p,$="Slider"===p,[R,D]=t.useState(!0),[U,H]=t.useState(""),F=t.useRef(),W=()=>{U?H(""):null==l||l()};if(window.innerWidth<769&&["Fullscreen","Slider"].includes(p))return console.log("😎 Not show fullscreen, slider on mobile "),null;t.useEffect((()=>{(p.includes("LightBox")||"Fullscreen"==p)&&document.body.classList.add("noscroll"),window.intlTelInputUtils||require("intl-tel-input/build/js/utils"),z.email={},z.phone={}}),[]);const V=t.useRef(!1),Y=t.useRef(!1),{form:J,validateObj:Z}=(({listBlockAdded:e=[],validatingPhoneRef:a,validatingEmailRef:l,campaignId:n,campaign_subot_id:o=[]})=>{const{t:i}=d.useTranslations(),r=t.useMemo((()=>{const t=["TextBlock","NumberBlock","EmailBlock","PhoneBlock","DateBlock","CheckboxBlock","RadioBlock","DropdownBlock","PhoneOtpBlock","LocationBlock"],r=(e,t)=>a=>{if(u.current.isTouched(e))return void 0===a||""===a||Array.isArray(a)&&0===a.length?i("validator.required"):null==t?void 0:t(a)};return e.filter((e=>t.includes(e.name))).reduce(((e,t)=>"NumberBlock"===t.name?Object.assign(Object.assign({},e),{[t.data.value]:r(t.data.value,(e=>{if(isNaN(Number(e)))return i("validator.number")}))}):"EmailBlock"===t.name?Object.assign(Object.assign({},e),{[t.data.value]:r(t.data.value,(e=>{if(!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e))return i("validator.email");l.current=!0,setTimeout((()=>{u.current.setFieldError(t.data.value,"Validating..."),G(n,o,{email:e}).then((e=>{e?u.current.setFieldError(t.data.value,i(e)):u.current.clearFieldError(t.data.value),l.current=!1})).catch((e=>{console.error(e),u.current.setFieldError(t.data.value,e.message||"Something went wrong"),l.current=!1}))}),200)}))}):"PhoneBlock"===t.name||"PhoneOtpBlock"===t.name?Object.assign(Object.assign({},e),{[t.data.value]:r(t.data.value,(e=>{if(window.intlTelInputUtils&&!window.intlTelInputUtils.isValidNumber(String(e),P.countryCode))return i("validator.phone");a.current=!0,setTimeout((()=>{u.current.setFieldError(t.data.value,"Validating..."),G(n,o,{phone:e}).then((e=>{e?u.current.setFieldError(t.data.value,i(e)):u.current.clearFieldError(t.data.value),a.current=!1})).catch((e=>{console.error(e),u.current.setFieldError(t.data.value,e.message||"Something went wrong"),a.current=!1}))}),200)}))}):"DateBlock"===t.name?Object.assign(Object.assign({},e),{[t.data.value]:r(t.data.value,(e=>{if(isNaN(Date.parse(e)))return i("validator.date")}))}):Object.assign(Object.assign({},e),{[t.data.value]:r(t.data.value)})),{})}),[e.map((e=>e.name)).join(",")]),s=ee({validateInputOnChange:!0,clearInputErrorOnChange:!0,validate:r}),u=t.useRef(s);return u.current=s,{form:s,validateObj:r}})({listBlockAdded:C,validatingPhoneRef:V,validatingEmailRef:Y,campaignId:v,campaign_subot_id:b}),{width:te,height:ae,loaded:le}=I(m),{width:ne,height:oe,loaded:ie}=I(o),{width:re,height:ue,loaded:ce}=I(i),me=ie&&ce&&("Fullscreen"!=p||le),pe=_.default.createElement(_.default.Fragment,null,_.default.createElement("style",{dangerouslySetInnerHTML:{__html:`\n          .le-newbuilder-overlay {\n            background-repeat: no-repeat;\n            background-size: cover;\n          }\n          ${r?`\n              .le-newbuilder-overlay {\n                background: url(${r}) ;\n              }`:""}\n          ${c?`\n              @media screen and (min-width:768px) {\n                .le-newbuilder-overlay {\n                  background: url(${c}) ;\n                }\n              }`:""}`}}),_.default.createElement("div",{id:e,"data-popup-url":q,"data-popup-type":"lightbox-inline",className:`lead-modal lead-modal-wrapper modal--animate-scale ${L?"le-buider-inline":""} ${$?"le-buider-slider":""}`},"Fullscreen"==p?_.default.createElement("img",{className:"le-only-desktop le-fullscreen-img",draggable:!1,src:m||"",style:{aspectRatio:`${te}/${ae}`}}):null,_.default.createElement("div",{className:`lead-modal__wrapper le-newbuilder-wrap-${p}`},_.default.createElement("div",{className:`lead-modal__content le-newbuilder-${p}`},f?_.default.createElement(M,{title:f.title,titleAlign:f.titleAlign,subtitle:f.subtitle,subtitleAlign:f.subtitleAlign,link:f.link,linkNewTab:f.linkNewTab,linkText:f.linkText,image:f.image}):_.default.createElement(_.default.Fragment,null,_.default.createElement("header",{className:"lead-modal__header"},U?_.default.createElement("img",{src:u.CommonGAssets.getAssetPath("lead-otp-thumb.png"),draggable:"false",alt:"",style:{width:"100%"}}):_.default.createElement(_.default.Fragment,null,["LightBoxA","InlineA","Sidebar","Slider"].includes(p)?o?_.default.createElement("img",{draggable:"false",className:"lead-modal__image lead-modal-image-cover",src:o,style:{aspectRatio:`${ne}/${oe}`},alt:""}):null:_.default.createElement(_.default.Fragment,null,i?_.default.createElement("img",{draggable:"false",className:"le-only-desktop lead-modal__image lead-modal-image-cover",style:{height:"100%",objectFit:"cover",aspectRatio:`${re}/${ue}`},src:i,alt:""}):null,o?_.default.createElement("img",{draggable:"false",className:"le-only-mobile lead-modal__image lead-modal-image-cover",src:o,alt:"",style:{aspectRatio:`${ne}/${oe}`}}):null))),U&&_.default.createElement(se,{phone:U,autoSendWhenOpen:!0,onSuccess:()=>{null==g||g(F.current,J.values)}}),_.default.createElement("div",{"data-hidden":!!U,className:"lead-modal__body le-newbuilder-overlay"},_.default.createElement(X,{form:J},_.default.createElement("form",{ref:F,className:`lead-modal__form ${e}`,onSubmit:e=>{e.preventDefault(),J.setTouched(Object.keys(Z).reduce(((e,t)=>(e[t]=!0,e)),{})),Y.current||V.current||setTimeout((()=>{J.onSubmit((e=>{var t,a,l;if(!Object.keys(J.errors).length){if(C.findIndex((e=>"PhoneOtpBlock"===e.name))>-1){const n=null===(a=null===(t=C.find((e=>"PhoneOtpBlock"===e.name)))||void 0===t?void 0:t.data)||void 0===a?void 0:a.value;if(null===(l=e[n])||void 0===l?void 0:l.startsWith("+84"))return void H(e[n])}null==g||g(F.current,e)}}))(e)}),100)}},_.default.createElement("div",{style:{marginBottom:20}},_.default.createElement("h2",{className:`lead-modal__title ${"le-text-align-"+(null===(k=N.titleBlock.data)||void 0===k?void 0:k.align)} ${T}`},h),_.default.createElement("p",{className:`lead-modal__description ${"le-text-align-"+(null===(E=N.titleBlock.data)||void 0===E?void 0:E.align)} ${T}`},N.subtitleBlock.data.value)),_.default.createElement("div",{className:"lead-modal__form-control-wrapper"},_.default.createElement(de,{listBlockAdded:C,popupId:e,locale:y,onClose:W,onOtherSubmit:n})),(null===(w=null==S?void 0:S.submitBlock)||void 0===w?void 0:w.isHide)?null:_.default.createElement(_.default.Fragment,null,_.default.createElement("div",{className:`lead-modal__checkbox-wrapper ${T}`},_.default.createElement("div",{className:"lead-modal__checkbox"},_.default.createElement("input",{id:"lead-term-checkbox",className:`lead-modal__checkbox__input ${T}`,type:"checkbox","aria-label":"Checkbox label",checked:R,onChange:e=>D(e.currentTarget.checked)}),_.default.createElement("div",{className:"lead-modal__checkbox__control","aria-hidden":"true"})),_.default.createElement("label",{htmlFor:"checkbox",className:"lead-modal__checkbox__label"},O," ",_.default.createElement("span",{style:{fontWeight:"bold"}},_.default.createElement("a",{target:"blank",href:x||"https://hellobacsi.com/chinh-sach",rel:"noopener noreferrer",style:{textDecoration:"none"}},j)))),_.default.createElement(s.Button,{size:"md",id:"lead-submit",type:"submit",className:`lead-modal__btn ${T}`,disabled:!R},B))))))),!p.includes("Inline")&&_.default.createElement(A,{onClose:W,containerClassName:"close-button-top-right"}))));return me?p.includes("LightBox")||"Fullscreen"==p||"Slider"==p?pe:"Sidebar"==p?_.default.createElement(Q,{content:pe}):p.includes("Inline")?_.default.createElement(K,{content:pe,inlinePosition:a.popupInlinePosition}):null:null},ce=({popupId:e,link:t,linkText:a,linkNewTab:l,onClose:n,imageMobile:o,imageDesktop:i,currentLayout:r,onOtherSubmit:d})=>{const s=location.pathname,{width:u,height:c,loaded:m}=I(o),{width:p,height:h,loaded:g}=I(i);return m&&g?_.default.createElement("div",{id:e,className:"lead-modal-wrapper","data-popup-url":s,"data-popup-type":"skin_ab"},"SkinA"==r?_.default.createElement("aside",{className:"le-only-desktop"},_.default.createElement("div",{className:"le-skin-a-desktop"},_.default.createElement("div",{style:{position:"relative"}},_.default.createElement("img",{src:i,style:{aspectRatio:`${p}/${h}`}}),_.default.createElement("a",{style:{position:"absolute",top:"75%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center",width:"calc(100% - 15px)"},href:t,target:l?"blank":"_parent"},_.default.createElement("button",{onClick:d,className:"le-joinbow-btn js-popup-other-submit"},a)),_.default.createElement(A,{onClose:n,containerClassName:"close-button-top-right"})))):"SkinB"==r?_.default.createElement("aside",{className:"le-only-desktop"},_.default.createElement("div",{className:""},_.default.createElement("div",{style:{position:"relative",zIndex:1e4}},_.default.createElement("img",{src:i,style:{width:"100%",aspectRatio:`${p}/${h}`}}),_.default.createElement("a",{style:{position:"absolute",top:"75%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center",width:"100%"},href:t,target:l?"blank":"_parent"},_.default.createElement("button",{onClick:d,className:"le-joinbow-btn-mobile js-popup-other-submit"},a)),_.default.createElement(A,{containerClassName:"close-button-top-right",onClose:n})))):null,_.default.createElement("aside",{className:"le-only-mobile"},_.default.createElement("div",{className:"le-skin-mobile"},_.default.createElement("div",{style:{position:"relative"}},_.default.createElement("img",{src:o,style:{width:"100%",aspectRatio:`${u}/${c}`}}),_.default.createElement("a",{style:{position:"absolute",top:"82%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center",maxWidth:"calc(100% - 15px)"},href:t,target:l?"blank":"_parent"},_.default.createElement("button",{onClick:d,className:"le-joinbow-btn-mobile js-popup-other-submit"},a)),_.default.createElement(A,{containerClassName:"close-button-top-right",svgClassName:"le-mobile-btn",onClose:n}))))):null},me=({popupId:e,url:t,newTab:a,image:l,onClose:n,onOtherSubmit:o})=>{const{width:i,height:r,loaded:d}=I(l);return d?_.default.createElement("div",{id:e,className:"lead-modal-wrapper","data-popup-url":location.pathname,"data-popup-type":"tab"},_.default.createElement("div",{className:"le-tab-popup"},_.default.createElement("div",{style:{position:"relative"}},_.default.createElement("a",{href:t,target:a?"blank":"_parent",onClick:o},_.default.createElement("img",{className:"js-popup-other-submit",src:l,style:{aspectRatio:`${i}/${r}`}})),_.default.createElement(A,{onClose:n,containerClassName:"close-button-top-right"})))):null},pe=[],he=[],ge=[];const fe=e=>{const t=[...e];for(let e=t.length-1;e>0;e--){const a=Math.floor(Math.random()*(e+1)),l=t[e];t[e]=t[a],t[a]=l}return t},ve=(e="UTC")=>{const t=new Date;return new Date(t.toLocaleString("en-US",{timeZone:e}))},be=e=>{try{const[t,a]=e.split(" "),[l,n,o]=t.split("-").map(Number),[i,r,d]=a.split(":").map(Number);return new Date(l,n-1,o,i,r,d)}catch(e){return null}};const ye=e=>1===e.formatted_status?function(e){var t;if(1===e.forever)return!0;const a=e.started_at,l=e.ended_at,n=be(a),o=be(l);if(!n||!o)return!0;const i=(null===(t=e.site)||void 0===t?void 0:t.id)||1,r=j[i];return!(ve(r).getTime()>o.getTime()&&(ge.push(e),1))}(e):0===e.formatted_status&&(pe.push(e),(e=>{var t;const a=(null===(t=e.site)||void 0===t?void 0:t.id)||1,l=e.started_at,n=e.ended_at,o=be(l),i=be(n);if(!o||!i)return!1;const r=j[a],d=ve(r).getTime();return d<=i.getTime()&&d>=o.getTime()&&(he.push(e),!0)})(e));let ke=null;function _e({leadApi:e,leadSiteId:t,leadDomain:a,onShowPopup:l,DEBUG_URL:n}){const i=n||("https://"+location.hostname+location.pathname+location.search).toLowerCase();fetch(e+"api/campaign/"+t,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({url:i,ga_client_id:o.getCookie("_ga")||null})}).then((e=>e.json())).then((e=>{var t,n,d,s,u;if(Ee("List campagin: ",e),x="https://"+location.hostname+location.pathname+location.search,1==e._status){const c=(null===(n=null===(t=e._data)||void 0===t?void 0:t.campaigns)||void 0===n?void 0:n.filter(ye))||[];o.getCookie("hhg-id")||(o.setCookie("hhg-id",r.v1(),{domain:"."+a,path:"/"}),Ee("😍 Set HHG ID cookie"));let m=[];m=/Android|webOS|iPhone|iPad|iPod|BlackBerry|BB|PlayBook|IEMobile|Windows Phone|Kindle|Silk|Opera Mini/i.test(navigator.userAgent)?c.filter((e=>e.device_types.some((e=>e.id==N.MOBILE)))):c.filter((e=>e.device_types.some((e=>e.id==N.DESKTOP)))),Ee("👓 campaignsDevice",m),Ee("--listCampaignScheduled",pe),Ee("--listCampaignScheduledToActivated",he),Ee("--listCampaignActiveButExpired",ge);let p=m.map(((e,t)=>e.targets.filter((e=>e.type==C.LINKS)).map((e=>Object.assign(Object.assign({},e),{campaignIndex:t}))))).flat(1);p=p.filter((e=>{const t=new URL(String(e.target).toLowerCase());if("exact_match"==e.option)return Boolean(i===t.href);if("start_with"==e.option){if(i.includes(String(e.target))){return!e.sub_target.filter((e=>"excluding"==e.option)).map((e=>e.value)).includes(i.split("?")[0])}return!1}}));const h=Array.from(document.getElementsByTagName("META")).filter((e=>"article:tag"==e.getAttribute("property"))).map((e=>e.content));let g=[],f=[];h&&h.length&&(g=m.map(((e,t)=>e.targets.filter((e=>e.type==C.TAGS)).map((e=>Object.assign(Object.assign({},e),{campaignIndex:t}))))).flat(1),f=g.filter((e=>h.includes(e.target))));const v=[...p,...f],b=document.cookie.split("; ").map((e=>e.split("=")[0])),y=b.filter((e=>e.includes("lead_submited")));Ee("--listCampaignCodeSubmited",y);const k=b.filter((e=>e.includes("lead_closed")));Ee("--listCampaignCodeClosed",k);const _=[...y,...k],E=v.filter((e=>!_.some((t=>t.includes(m[e.campaignIndex].code))))),w=fe(E);if(Ee("--listCampaignValid : ",w),w&&w.length){const e=m[w[0].campaignIndex];Ee("CAMPAIGN_SHOW",e);const{rules:t}=e,a=Number(null===(d=t.find((e=>"time"==e.rule)))||void 0===d?void 0:d.value);Ee("timeoutRule",a);const n=Number(null===(s=t.find((e=>"scroll"==e.rule)))||void 0===s?void 0:s.value);Ee("scrollRule",n);const o=Number(null===(u=t.find((e=>"exclude_sponsored"==e.rule)))||void 0===u?void 0:u.value);Ee("excludeSponsored",o);const i=Boolean(document.querySelector(".hhg-disclaimer-text"));if(Ee("💎 LEAD current page isSponsored",i),i&&o)return;let r="TIME";if(Number.isInteger(a)&&(r="TIME",Ee("✨ SHOW AWESOME POPUP AFTER: ",a," seconds"),ke&&clearTimeout(ke),ke=setTimeout((()=>{null==l||l(e,r)}),1e3*a)),Number.isInteger(n)){r="SCROLL",Ee("✨ SHOW AWESOME AFTER: SCROLL",n," %");const t=document.querySelector(`[data-url="${location.pathname}"]`)||document.querySelector("body"),a=t.getBoundingClientRect().top,o=t.offsetHeight;Ee("👓 Element check scroll: ",t);const i=function(){const t=window.pageYOffset||document.documentElement.scrollTop;let d=0;t>=a&&(d=Math.round((t-a)/(o-innerHeight)*100)),Ee("---Scroll",d,n),d>=n&&(window.removeEventListener("scroll",i),null==l||l(e,r))};window.addEventListener("scroll",i,{passive:!0})}}else Ee("🚧 No lead campaigns on current URL, tags")}})).catch((e=>{Ee("Lead error: ",e)}))}const Ee=(...e)=>{("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(...e)};const we=({campaign:e,action:a,onSubmit:l,onClose:n,showThankyou:i,locale:s})=>{var u,c;d.useTranslations();const{apiUrl:m,siteDomain:p}=t.useContext($);t.useEffect((()=>{const e=o.getCookie("_ga")||null;fetch(`${m}api/campaign/${v}/impression`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:a,url:location.href.toLowerCase(),title_article:document.title,cookie_id:o.getCookie("hhg-id"),ga_client_id:e})})}),[]);const{extra_fields:h,image:g,image_desktop:f,code:v,image_background:b,image_overlay_mobile:y,image_overlay_desktop:k}=e,{currentLayout:E}=h,w=h.imageBlocks?JSON.parse(h.imageBlocks):{},C=JSON.parse(h.actionBlocks),S=JSON.parse(h.textBlocks);let N=(null===(c=null===(u=null==S?void 0:S.titleBlock)||void 0===u?void 0:u.data)||void 0===c?void 0:c.value)||"";const T={1:{},2:{},3:{}},x=t.useRef("lead-modal-"+r.v1()),O=function(e="Xin chao {{category_2}} extra"){if(e.includes("{{category_")){const t="{{category_".length,a=e.search("{{category_");return+e.charAt(t+a)}return null}(N);if(O){Ee("⚡️ Has categoryLevel",O);const e=Array.from(document.getElementsByTagName("META")),t=e.find((e=>e.name===`content_category_${O}`)),a=e.find((e=>e.name===`content_category_en_${O}`));if(!t||!a)return Ee("⚡️ No META TAG for categoryLevel, not show popup",O),null;T[O]={value:t.content,value_en:a.content},N=N.replace(`{{category_${O}}}`,t.content),Ee("⚡️ Set categoryData ",O)}else Ee("⚡️ No categoryLevel",O);const P=()=>{var t,a,l,i;if(Ee("👌 Other submit click"),document.body.classList.remove("noscroll"),E.includes("Skin")){const e=document.querySelector("#masthead");e&&(e.style.top="0px !important;")}const r=Number(null!==(a=null===(t=e.rules.find((e=>"days_to_show_again"==e.rule)))||void 0===t?void 0:t.value)&&void 0!==a?a:7),d=Number(null!==(i=null===(l=e.rules.find((e=>"show_again_after_submit"==e.rule)))||void 0===l?void 0:l.value)&&void 0!==i?i:0);0===d&&(Ee("⛔ Popup never show again!"),o.setCookie(`lead_submited_${v}`,`target_${h.popupVersion}`,{domain:"."+p,path:"/"})),1==d&&(Ee(`⌛ Popup will show again after ${r} days!`),o.setCookie(`lead_submited_${v}`,`target_${h.popupVersion}`,{domain:"."+p,days:r,path:"/"}));const s=o.getCookie("_ga")||null,u={url:location.href.toLowerCase(),title_article:document.title,meta:[],cookie_id:o.getCookie("hhg-id"),ga_client_id:s};O&&(u.category=T[O].value_en),fetch(`${m}api/campaign/${v}/lead`,{method:"POST",body:JSON.stringify(u),headers:{"Content-Type":"application/json","X-Requested-With":"XMLHttpRequest"}}).then((e=>e.json())).then((e=>{"error"===e.status&&Ee(e)})).catch((e=>{Ee("Error:",e)})),null==n||n()};return"CenterTab"===E?_.default.createElement(R,{popupId:x.current,url:w.imageMobile.data.url,newTab:w.imageMobile.data.newtab,imageMobile:g,imageDestkop:f,onClose:n,onOtherSubmit:P}):"Tab"===E?_.default.createElement(me,{popupId:x.current,url:w.imageMobile.data.url,newTab:w.imageMobile.data.newtab,image:g,onClose:n,onOtherSubmit:P}):"Floating"===E?_.default.createElement(D,{popupId:x.current,title:N,titleAlign:S.titleBlock.data.align,subtitle:S.subtitleBlock.data.value,subtitleAlign:S.subtitleBlock.data.align,url:C.linkButtonBlock.data.url,urlText:C.linkButtonBlock.data.value,newTab:C.linkButtonBlock.data.newtab,imageMobile:g,imageDesktop:f,onClose:n,onOtherSubmit:P}):E.includes("LightBox")||E.includes("Inline")||"Fullscreen"==E||"Sidebar"==E||"Slider"==E?_.default.createElement(ue,{popupId:x.current,extraFields:h,onClose:n,onOtherSubmit:P,imageMobile:g,imageDesktop:f,imageBackground:b,currentLayout:E,title:N,onSubmit:(e,t)=>l(e,t,O,T),key:E,imageOverlayDesktop:k,imageOverlayMobile:y,showThankyou:i,campaignId:e.id,campaign_subot_id:e.bot_id||[],locale:s}):E.includes("Skin")?_.default.createElement(ce,{popupId:x.current,link:C.linkButtonBlock.data.url,linkNewTab:!!C.linkButtonBlock.data.newtab,linkText:C.linkButtonBlock.data.value,onClose:n,onOtherSubmit:P,imageMobile:g,imageDesktop:f,currentLayout:E}):null};exports.LeadGen=({apiUrl:a,siteDomain:r,siteId:d,locale:s,apiSubotUrl:u,DEBUG_URL:c})=>{var m;const p=t.useRef(),h=t.useRef(Date.now()),{apiUrl:g}=t.useMemo((()=>{let e=a;return e.includes("localhost")&&(e="https://dev.leadgen.hellobacsi.com/"),{apiUrl:e}}),[a,r,d]),[f,v]=t.useState(null),[b,y]=t.useState(""),[k,C]=t.useState(null);t.useEffect((()=>{U.apiLeadUrl=g,U.apiSubotUrl=u}),[g,u]);const S=(e,t)=>{v(e),y(t)},N=()=>{var e,t;if(!f)return;Ee(`👋👋👋 CLOSE POPUP ${f.code} 👋👋👋`);const a=Number(null===(e=f.rules.find((e=>"show_again_after_exit"==e.rule)))||void 0===e?void 0:e.value),l=Number(null===(t=f.rules.find((e=>"days_to_show_again"==e.rule)))||void 0===t?void 0:t.value);0==a&&(l?o.setCookie(`lead_closed_${f.code}`,`target_${f.extra_fields.popupVersion}`,{domain:"."+r,days:l,path:"/"}):o.setCookie(`lead_closed_${f.code}`,`target_${f.extra_fields.popupVersion}`,{domain:"."+r,path:"/"})),document.body.classList.remove("noscroll"),fetch(`${g}api/campaign/${f.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)})}),v(null),C(null)};t.useEffect((()=>{if(window.next){const e=E.default((e=>{Ee("--🌻 routeChangeComplete",e,Date.now());const t=location.pathname;N(),document.querySelectorAll(`[data-popup-url="${t}"]`).length?Ee("🔥 This URL page has show popup!"):(Ee("--Process checkShowPopup"),_e({leadApi:g,leadDomain:r,leadSiteId:d,onShowPopup:S,DEBUG_URL:c})),p.current&&window.removeEventListener("scroll",p.current)}),500);window.next.router.events.on("routeChangeComplete",e)}_e({leadApi:g,leadDomain:r,leadSiteId:d,onShowPopup:S,DEBUG_URL:c})}),[]);return t.useEffect((()=>{f&&(h.current=Date.now())}),[f]),_.default.createElement($.Provider,{value:{apiUrl:g,siteDomain:r,siteId:d,locale:s}},_.default.createElement(n.TranslationsContext.Provider,{value:{locale:s,values:L(s)}},l.createPortal(_.default.createElement(_.default.Fragment,null,"2.1"===(null===(m=null==f?void 0:f.extra_fields)||void 0===m?void 0:m.popupVersion)&&_.default.createElement(we,{campaign:f,action:b,onSubmit:(t,a,l,n)=>e.__awaiter(void 0,void 0,void 0,(function*(){var e,i,d,s,u,c,m,p,h,v,b;if(!a)return;Ee("submitHandler",l,n);const y=Object.keys(a).map((e=>({name:e,value:String(a[e])}))),k=o.getCookie("_ga")||null;window.intlTelInputUtils||(yield require("intl-tel-input/build/js/utils"));const _={url:location.href.toLowerCase(),title_article:document.title,meta:y.map((e=>{var a,l;const n=(null===(a=t.querySelector(`*[name="${e.name}"]`))||void 0===a?void 0:a.getAttribute("data-control"))||(null===(l=t.querySelector(`*[data-extra][data-name="${e.name}"]`))||void 0===l?void 0:l.getAttribute("data-control"))||"text",o="tel"===n?window.intlTelInputUtils.formatNumber(String(e.value),null==P?void 0:P.countryCodeNumber,2).replace(/\s+/g,""):"date"===n?w.default(e.value).format("YYYY-MM-DD"):e.value;return{key:e.name,value:o,control:n,is_sent_mailchimp:t.querySelector(`div[data-name="${e.name}-mailchimp"]`)?"true":"false"}})),cookie_id:o.getCookie("hhg-id"),ga_client_id:k};l&&n[l].value_en&&(_.category=n[l].value_en);const E=Number((null===(i=null===(e=f.rules)||void 0===e?void 0:e.find((e=>"days_to_show_again"===e.rule)))||void 0===i?void 0:i.value)||7),S=Number((null===(s=null===(d=f.rules)||void 0===d?void 0:d.find((e=>"show_again_after_submit"===e.rule)))||void 0===s?void 0:s.value)||0);if(0==S&&(Ee("⛔ Popup never show again!"),o.setCookie(`lead_submited_${f.code}`,`target_${f.extra_fields.targetType}`,{domain:"."+r,path:"/"})),1==S&&(Ee(`⌛ Popup will show again after ${E} days!`),o.setCookie(`lead_submited_${f.code}`,`target_${f.extra_fields.targetType}`,{domain:"."+r,days:E,path:"/"})),fetch(`${g}api/campaign/${f.code}/lead`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(_)}),"notshow"==f.extra_fields.popupShowThankYou)return N(),void document.body.classList.remove("noscroll");let T=!0;const x=f.thank_you_image||`${g}admin/img/thanksyou.png`;let O,j,B=f.extra_fields.popupThankyouTitle||"Thank you.",q=f.extra_fields.popupThankyouDesc||"We appreciate your time!",L="",$="",I="";if("2.1"==f.extra_fields.popupVersion){const e=f.extra_fields,t=JSON.parse(e.listBlockThankyou),a=t.find((e=>"TitleBlock"==e.name)),l=t.find((e=>"SubtitleBlock"==e.name)),n=t.find((e=>"LinkButtonBlock"==e.name));B=(null===(u=null==a?void 0:a.data)||void 0===u?void 0:u.value)||"",L=(null===(c=null==a?void 0:a.data)||void 0===c?void 0:c.align)||"",q=(null===(m=null==l?void 0:l.data)||void 0===m?void 0:m.value)||"",$=(null===(p=null==l?void 0:l.data)||void 0===p?void 0:p.align)||"",O=(null===(h=null==n?void 0:n.data)||void 0===h?void 0:h.value)||"",j=(null===(v=null==n?void 0:n.data)||void 0===v?void 0:v.newtab)||!1,I=(null===(b=null==n?void 0:n.data)||void 0===b?void 0:b.url)||"";const o=f.extra_fields.currentLayout;["SkinA","SkinB","Floating","Tab","CenterTab"].includes(o)&&(T=!1)}C(T?{title:B,titleAlign:L,subtitle:q,subtitleAlign:$,link:I,linkNewTab:j,linkText:O,image:x}:null),sessionStorage.getItem("insider_object")?window.insider_object=JSON.parse(sessionStorage.getItem("insider_object")):window.insider_object={user:{email:"",phone_number:"",gdpr_optin:!0,sms_optin:!0,email_optin:!0}},y.map((e=>{const t=e.name,a=e.value;"tel"==t?window.insider_object.user.phone_number=a:"email"==t&&(window.insider_object.user.email=a)})),sessionStorage.setItem("insider_object",JSON.stringify(window.insider_object))})),onClose:N,showThankyou:k,locale:s})),i.getPopupWrapperDom())))};

package/build/mantine.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./index-68dcbbcf.js"),r=require("./index-7fbad258.js"),t=require("./tslib.es6-ea77f1ae.js"),o=require("react"),a=require("@mantine/core");require("dayjs"),require("./screenSizeContext-5ff9df7c.js"),require("styled-components");var s=require("./theme-94d7d992.js"),i=require("./index-fe30b44e.js");require("./utils-be064f59.js"),require("./isProduction-465d9514.js");var n=require("./Onboarding-9a9432d2.js");require("./gAssets.js");var l=require("./index-ff508398.js"),c=require("./index-99bda660.js"),d=require("./useTranslations-42a0f046.js"),u=require("./index-75c7973f.js"),p=require("./index-d3856a13.js"),m=require("./index-c0a35fd0.js");function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("@mantine/dates"),require("@mantine/carousel"),require("./Vietnam-9801f3cc.js"),require("lodash/throttle"),require("./index.styled-2520eaa4.js"),require("./translationsContext-abe85d33.js"),require("string-format"),require("@mantine/hooks"),require("./index-f4c19c79.js");var g=f(o);const h={primary:"filled",secondary:"outline",tertiary:"default",light:"light",ghost:"subtle",error:"outline"},x=a.Switch,b={Button:{defaultProps:{size:"md"},styles:(e,t)=>({root:Object.assign(Object.assign(Object.assign({transition:`all ${r.ANIMATION_DURATION} ease-in-out`},(()=>{switch(t.size){case"lg":return{height:48,fontWeight:600,fontSize:"16px",lineHeight:"24px"};case"md":return{height:40,fontWeight:600,fontSize:"14px",lineHeight:"22px"};case"sm":return{height:32,fontWeight:600,fontSize:"14px",lineHeight:"22px"}}})()),(()=>{switch(t.variant){case"filled":return{color:"#ffffff",backgroundColor:e.primaryColor,"&:hover":{backgroundColor:e.colors[e.primaryColor][7]}};case"outline":return{color:e,backgroundColor:"#ffffff",border:`1px solid ${e.primaryColor}`,"&:hover":{backgroundColor:e.colors[e.primaryColor][0],border:`1px solid ${e.primaryColor}`}};case"default":return{color:s.theme.colors.gray800,backgroundColor:"#ffffff",border:`1px solid ${s.theme.colors.neutral200}`,"&:hover":{backgroundColor:s.theme.colors.neutral50,border:`1px solid ${s.theme.colors.neutral50}`}};case"light":return{color:e.primaryColor,backgroundColor:e.colors[e.primaryColor][0],border:"1px solid transparent","&:hover":{backgroundColor:"#ffffff",border:`1px solid ${e.colors[e.primaryColor][0]}`}};case"subtle":return{color:e.primaryColor,backgroundColor:"transparent",border:"1px solid transparent","&:hover":{backgroundColor:e.colors[e.primaryColor][0],border:"1px solid transparent"}}}})()),{"&[data-disabled]":{backgroundColor:s.theme.colors.gray100,color:s.theme.colors.gray400}})})}},C={Checkbox:{styles:{input:r.SHARED_HOVER}}},y=e=>({InputWrapper:{styles:{label:{display:"inline-flex",gap:4,marginBottom:"0.25rem",fontWeight:600,fontSize:"14px",lineHeight:"22px",color:s.theme.colors.gray600},description:{fontWeight:400,fontSize:"12px",lineHeight:"18px",color:s.theme.colors.gray600,marginBottom:"0.25rem"},error:{marginTop:"0.25rem"}}},NumberInput:{defaultProps:{decimalSeparator:i.ISO_FORMAT[e].separator}},Input:{styles:(e,t)=>({input:Object.assign(Object.assign({border:`1px solid ${s.theme.colors.gray200}`,transition:`all ${r.ANIMATION_DURATION} ease-in-out`},(()=>{switch(t.size){case"lg":return{height:48,fontSize:16,minHeight:"unset",lineHeight:"24px"};case"md":return{height:40,fontSize:14,lineHeight:"22px",minHeight:"unset"};case"sm":return{height:32,fontSize:14,lineHeight:"22px",minHeight:"unset"}}})()),{"&:hover":{border:`1px solid ${e.primaryColor}`},"&:focus":{boxShadow:`0px 0px 0px 2px ${e.colors[e.primaryColor][2]}`}}),invalid:{border:`1px solid ${s.theme.colors.red600}`,color:"#000"}})}}),O=(e,t="hb")=>({defaultRadius:"hb"===t?4:16,datesLocale:r.MAPPED_LOCALE[e],dateFormat:i.ISO_FORMAT[e].dateFormat,colors:Object.assign({hb:["#e3f2ff","#bcdeff","#91caff","#65b5ff","#45a4ff","#2b94ff","#2d87f3","#2c74df","#2b62cd","#2743ad"],mb:["#FFE9F1","#F8CCDC","#F5B4CB","#F29CBA","#EE84AA","#EB6B99","#E85388","#D34C7C","#BE446F","#A93D63"]},s.theme.colors),primaryColor:t,primaryShade:6,fontFamily:e===n.LOCALE.Cambodia?"Battambang,":"Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI',\n      Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",components:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},y(e)),C),r.GlobalRadioStyle),b),r.GlobalHeadingStyle)});var j={container:"MON6sfi",iconContainer:"pS-tJD7",icon:"s3tJ9-5",title:"fNsZr1b",description:"uuxV74v",button:"YohjTDU"};exports.Select=e.Select,exports.Accordion=r.Accordion,exports.Avatar=r.Avatar,exports.Carousel=r.Carousel,exports.Checkbox=r.Checkbox,exports.DatePicker=r.DatePicker,exports.MAPPED_LOCALE=r.MAPPED_LOCALE,exports.OTHER_THEME_CONFIG=r.OTHER_THEME_CONFIG,exports.OTP=r.OTP,exports.Phone=r.Phone,exports.Radio=r.Radio,exports.Text=r.Text,exports.useMantineLocale=r.useMantineLocale,exports.Modal=l.Modal,exports.Input=u.Input,exports.emotionCache=u.emotionCache,exports.CentralCarousel=p.CentralCarousel,exports.Slider=m.Slider,exports.AspectRatio=e=>g.default.createElement(a.AspectRatio,Object.assign({sx:{borderRadius:4,overflow:"hidden"}},e)),exports.Badge=e=>{var{color:r=s.theme.colors.primaryBase,styles:o}=e,i=t.__rest(e,["color","styles"]);return g.default.createElement(a.Badge,Object.assign({variant:"filled",color:r,styles:Object.assign({root:{borderRadius:"2px",background:r,textTransform:"unset"}},o)},i))},exports.Button=e=>{var{variant:r,styles:o}=e,i=t.__rest(e,["variant","styles"]);const n="error"===r;return g.default.createElement(a.Button,Object.assign({variant:h[r],styles:Object.assign(Object.assign({},n?{root:{color:s.theme.colors.red600,backgroundColor:"#ffffff",border:`1px solid ${s.theme.colors.red600}`,"&:hover":{backgroundColor:s.theme.colors.red50,border:`1px solid ${s.theme.colors.red600}`}}}:{}),o)},i))},exports.Indicator=e=>{var{styles:r}=e,o=t.__rest(e,["styles"]);return g.default.createElement(a.Indicator,Object.assign({inline:!0,position:"top-end",offset:4,styles:Object.assign({indicator:{backgroundColor:s.theme.colors.red700},processing:{animationDirection:"alternate"}},r)},o))},exports.LoadingOverlay=e=>g.default.createElement(a.LoadingOverlay,Object.assign({loaderProps:{color:s.theme.colors.primaryBase}},e)),exports.MantineProvider=e=>{var{children:o,locale:s,template:i="hb"}=e,n=t.__rest(e,["children","locale","template"]);return r.useMantineLocale(s),g.default.createElement(a.MantineProvider,Object.assign({theme:O(s,i)},n),o)},exports.Result=function(e){const{icon:r,title:o,description:s,button:i,buttonProps:n,style:l,className:c}=e,d=n||{},{size:u="lg",variant:p="outline"}=d,m=t.__rest(d,["size","variant"]),f=r;return g.default.createElement("div",{className:a.clsx("result",j.container,c),style:l},f&&g.default.createElement("div",{className:a.clsx("resultIconContainer",j.iconContainer)},g.default.createElement(f,{className:a.clsx("resultIcon",j.icon)})),g.default.createElement(a.Title,{order:3,size:"h3",className:a.clsx("resultTitle",j.title)},o),g.default.createElement(a.Text,{className:a.clsx("resultDescription",j.description)},s),i&&g.default.createElement(a.Button,Object.assign({},m,{size:u,variant:p,className:a.clsx("resultButton",j.button,m.className)}),i))},exports.Spoiler=e=>{var{children:r,line:i,lineHeight:n,trackingAttributes:l,maxHeight:u,customExpandFn:p}=e,m=t.__rest(e,["children","line","lineHeight","trackingAttributes","maxHeight","customExpandFn"]);const{t:f}=d.useTranslations(),h=o.useMemo((()=>u||(i&&n?i*n:(console.error("[HHG-Comp]:[Spoiler] Please provide maxHeight, or line with lineHeight"),0))),[]);r||console.error("[HHG-Comp]:[Spoiler] Please provide children");const x=o.useMemo((()=>l?{"data-event-category":l.dataEventCategory,"data-event-action":l.dataEventAction,"data-event-label":l.dataEventLabel}:{}),[l]);return g.default.createElement(a.Spoiler,Object.assign({showLabel:g.default.createElement(c.Text,Object.assign({size:"p3",color:s.theme.colors.primaryBase},x,{onClick:p}),f("articlePage.readMore")),hideLabel:g.default.createElement(c.Text,Object.assign({size:"p3",color:s.theme.colors.primaryBase},x),f("articlePage.showLess"))},m,{maxHeight:h}),r)},exports.Switch=x,exports.TextArea=e=>g.default.createElement(r.StyledTextArea,Object.assign({minRows:2,maxRows:4},e)),exports.getMantineThemeOverride=O;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./index-e49f75a4.js"),t=require("./index-68ffdb52.js"),r=require("./index-407a12ab.js"),a=require("./index-ce3cb870.js"),o=require("react"),s=require("@mantine/core"),i=require("./tslib.es6-f995bf64.js");require("dayjs"),require("./screenSizeContext-c4ee67f2.js"),require("styled-components");var n=require("./theme-9cdc8da0.js"),c=require("./index-c1b0d87f.js");require("./utils-6b23688f.js"),require("./isProduction-4ff91841.js");var l=require("./Onboarding-98039f0a.js");require("./gAssets.js");var d=require("./index-733062aa.js"),f=require("./index-ea42d8c0.js"),u=require("./useTranslations-48ecf80b.js"),p=require("./index-d1731f73.js"),m=require("./index-2f2caafd.js");function b(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("@mantine/dates"),require("@mantine/hooks"),require("@mantine/carousel"),require("lodash/throttle"),require("./translationsContext-c2431a05.js"),require("string-format"),require("./index-179083f6.js");var x=b(o);const g=s.Switch,h={Button:{defaultProps:{size:"md"}}},C={Checkbox:{styles:{input:t.SHARED_HOVER}}},E=e=>({InputWrapper:{styles:{label:{display:"inline-flex",gap:4,marginBottom:"0.25rem",fontWeight:600,fontSize:"14px",lineHeight:"22px",color:n.theme.colors.gray600},description:{fontWeight:400,fontSize:"12px",lineHeight:"18px",color:n.theme.colors.gray600,marginBottom:"0.25rem"},error:{marginTop:"0.25rem"}}},NumberInput:{defaultProps:{decimalSeparator:c.ISO_FORMAT[e].separator}},Input:{styles:(e,r)=>({input:Object.assign(Object.assign({border:`1px solid ${n.theme.colors.gray200}`,transition:`all ${t.ANIMATION_DURATION} ease-in-out`},(()=>{switch(r.size){case"lg":return{height:48,fontSize:16,minHeight:"unset",lineHeight:"24px"};case"md":return{height:40,fontSize:14,lineHeight:"22px",minHeight:"unset"};case"sm":return{height:32,fontSize:14,lineHeight:"22px",minHeight:"unset"}}})()),{"&:hover":{border:`1px solid ${e.primaryColor}`},"&:focus":{boxShadow:`0px 0px 0px 2px ${e.colors[e.primaryColor][2]}`}}),invalid:{border:`1px solid ${n.theme.colors.red600}`,color:"#000"}})}}),A={hb:["#e3f2ff","#bcdeff","#91caff","#65b5ff","#45a4ff","#2b94ff","#2d87f3","#2c74df","#2b62cd","#2743ad"],mb:["#FFE9F1","#F8CCDC","#F5B4CB","#F29CBA","#EE84AA","#EB6B99","#E85388","#D34C7C","#BE446F","#A93D63"],blue:["#e3f2ff","#bcdeff","#91caff","#65b5ff","#45a4ff","#2b94ff","#2d87f3","#2c74df","#2b62cd","#2743ad"],gray:["#fafafa","#f2f2f2","#d9d9d9","#bfbfbf","#8c8c8c","#737373","#595959","#404040","#262626"],neutral:["#f8f9fc","#e4e8ec","#fafafa","#d2d6dc","#bfc5cc","#adb3bc","#9aa2ac","#87909c","#757f8c","#626d7c"],green:["#e0f8ee","#b3eed5","#7ce2b9","#2ed69e","#00CB8A","#00C076","#00B16A","#009E5C","#008C50","#006C39"],pink:["#fff1f6","#fec7dc","#fec7dc","#fec2cf","#fe9dc2","#fd87b4","#fd72a7","#fc5d9a","#fc488d","#E92D74"],violet:["#F5EDFF","#E7D2F7","#D8B7F0","#CA9CE8","#BB82E1","#AD67D9","#9E4CD1","#9031CA","#8116C2","#63059D"],yellow:["#fff8e2","#ffecb6","#ffe187","#ffd658","#ffc326","#fe921d","#ffb521","#fea21e","#fe921d","#fc7419"],teal:["#e0f7fc","#b1ebf8","#7ddff3","#44d1ec","#00c7e6","#00bee0","#00aecd","#0099b2","#008599","#00626c"],indigol:["#CEDDF0","#ACC5E6","#95B3DA","#85A6CF","#6D91BE","#5F85B5","#4C77AC","#35639C","#284A75","#1B3250"],redViolet:["#F3EAEB","#E8D5D7","#DDC1C4","#D1ACB0","#C5979C","#BA8288","#AF6D74","#A35961","#97444D","#8C2F39"]},O=(e,r="hb")=>({defaultRadius:"hb"===r?4:16,datesLocale:t.MAPPED_LOCALE[e],dateFormat:c.ISO_FORMAT[e].dateFormat,colors:Object.assign(Object.assign({},A),n.theme.colors),primaryColor:r,primaryShade:6,fontFamily:e===l.LOCALE.Cambodia?"Battambang,":"Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI',\n      Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",components:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},E(e)),C),t.GlobalRadioStyle),h),t.GlobalHeadingStyle)});var j={container:"MON6sfi",iconContainer:"pS-tJD7",icon:"s3tJ9-5",title:"fNsZr1b",description:"uuxV74v",button:"YohjTDU"};exports.Select=e.Select,exports.Accordion=t.Accordion,exports.Avatar=t.Avatar,exports.Carousel=t.Carousel,exports.Checkbox=t.Checkbox,exports.DatePicker=t.DatePicker,exports.Input=t.Input,exports.MAPPED_LOCALE=t.MAPPED_LOCALE,exports.OTHER_THEME_CONFIG=t.OTHER_THEME_CONFIG,exports.OTP=t.OTP,exports.Phone=t.Phone,exports.Radio=t.Radio,exports.emotionCache=t.emotionCache,exports.useMantineLocale=t.useMantineLocale,exports.Text=r.Text,exports.Button=a.Button,exports.Modal=d.Modal,exports.CentralCarousel=p.CentralCarousel,exports.Slider=m.Slider,exports.Anchor=e=>{var{color:t}=e,r=i.__rest(e,["color"]);const a=s.useMantineTheme();return x.default.createElement(s.Anchor,Object.assign({color:t||("hb"===a.primaryColor?"hb.6":a.primaryColor)},r))},exports.AspectRatio=e=>x.default.createElement(s.AspectRatio,Object.assign({sx:{borderRadius:4,overflow:"hidden"}},e)),exports.Badge=e=>{var{color:t=n.theme.colors.primaryBase,styles:r}=e,a=i.__rest(e,["color","styles"]);return x.default.createElement(s.Badge,Object.assign({variant:"filled",color:t,styles:Object.assign({root:{borderRadius:"2px",background:t,textTransform:"unset"}},r)},a))},exports.Indicator=e=>{var{styles:t}=e,r=i.__rest(e,["styles"]);return x.default.createElement(s.Indicator,Object.assign({inline:!0,position:"top-end",offset:4,styles:Object.assign({indicator:{backgroundColor:n.theme.colors.red700},processing:{animationDirection:"alternate"}},t)},r))},exports.LoadingOverlay=e=>x.default.createElement(s.LoadingOverlay,Object.assign({loaderProps:{color:n.theme.colors.primaryBase}},e)),exports.MantineProvider=e=>{var{children:r,locale:a,template:o="hb"}=e,n=i.__rest(e,["children","locale","template"]);return t.useMantineLocale(a),x.default.createElement(s.MantineProvider,Object.assign({theme:O(a,o)},n),r)},exports.Result=function(e){const{icon:t,title:r,description:a,button:o,buttonProps:n,style:c,className:l}=e,d=n||{},{size:f="lg",variant:u="outline"}=d,p=i.__rest(d,["size","variant"]),m=t;return x.default.createElement("div",{className:s.clsx("result",j.container,l),style:c},m&&x.default.createElement("div",{className:s.clsx("resultIconContainer",j.iconContainer)},x.default.createElement(m,{className:s.clsx("resultIcon",j.icon)})),x.default.createElement(s.Title,{order:3,size:"h3",className:s.clsx("resultTitle",j.title)},r),x.default.createElement(s.Text,{className:s.clsx("resultDescription",j.description)},a),o&&x.default.createElement(s.Button,Object.assign({},p,{size:f,variant:u,className:s.clsx("resultButton",j.button,p.className)}),o))},exports.Spoiler=e=>{var{children:t,line:r,lineHeight:a,trackingAttributes:c,maxHeight:l,customExpandFn:d}=e,p=i.__rest(e,["children","line","lineHeight","trackingAttributes","maxHeight","customExpandFn"]);const{t:m}=u.useTranslations(),b=o.useMemo((()=>l||(r&&a?r*a:(console.error("[HHG-Comp]:[Spoiler] Please provide maxHeight, or line with lineHeight"),0))),[]);t||console.error("[HHG-Comp]:[Spoiler] Please provide children");const g=o.useMemo((()=>c?{"data-event-category":c.dataEventCategory,"data-event-action":c.dataEventAction,"data-event-label":c.dataEventLabel}:{}),[c]);return x.default.createElement(s.Spoiler,Object.assign({showLabel:x.default.createElement(f.Text,Object.assign({size:"p3",color:n.theme.colors.primaryBase},g,{onClick:d}),m("articlePage.readMore")),hideLabel:x.default.createElement(f.Text,Object.assign({size:"p3",color:n.theme.colors.primaryBase},g),m("articlePage.showLess"))},p,{maxHeight:b}),t)},exports.Switch=g,exports.TextArea=e=>x.default.createElement(t.StyledTextArea,Object.assign({minRows:2,maxRows:4},e)),exports.getMantineThemeOverride=O,exports.themeColors=A;

package/build/misc.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./localizeNumberFormat-23e42bce.js"),r=require("./screenSizeContext-5ff9df7c.js"),t=require("./cookieHelper-418609fb.js");require("react"),require("styled-components");var o=require("./theme-94d7d992.js"),i=require("./dataTransform-e8f86c49.js"),s=require("./routing-7b2893db.js"),a=require("./utils-be064f59.js"),p=require("./getDynamicHealthTool-d1f12e90.js"),l=require("./getSocialList-08bc57c1.js");require("dayjs"),require("lodash/throttle"),require("./index-fe30b44e.js"),require("./Onboarding-9a9432d2.js"),require("./isProduction-465d9514.js"),require("./tslib.es6-ea77f1ae.js"),require("./core-e42d47e5.js"),require("./normalizeLink-b3800c9c.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.MBTheme=o.MBTheme,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=p.formatHealthTool,exports.getDynamicHealthTool=p.getDynamicHealthTool,exports.getDynamicHealthToolWithCache=p.getDynamicHealthToolWithCache,exports.getSocialList=l.getSocialList;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./localizeNumberFormat-1808c912.js"),r=require("./screenSizeContext-c4ee67f2.js"),t=require("./cookieHelper-51db0cbc.js");require("react"),require("styled-components");var o=require("./theme-9cdc8da0.js"),i=require("./dataTransform-ee9003d8.js"),s=require("./routing-f980cabd.js"),a=require("./utils-6b23688f.js"),p=require("./getDynamicHealthTool-98540fe6.js"),l=require("./getSocialList-e701abc1.js");require("dayjs"),require("lodash/throttle"),require("./index-c1b0d87f.js"),require("./Onboarding-98039f0a.js"),require("./isProduction-4ff91841.js"),require("./tslib.es6-f995bf64.js"),require("./core-59b2ba21.js"),require("./normalizeLink-59da41bf.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.MBTheme=o.MBTheme,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=p.formatHealthTool,exports.getDynamicHealthTool=p.getDynamicHealthTool,exports.getDynamicHealthToolWithCache=p.getDynamicHealthToolWithCache,exports.getSocialList=l.getSocialList;

package/build/navigation.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("./tslib.es6-ea77f1ae.js"),require("react"),require("./core-e42d47e5.js");var e=require("./index-f1fe6f04.js");require("./index-fe30b44e.js"),require("./normalizeLink-b3800c9c.js"),require("./routing-7b2893db.js"),require("./dataTransform-14e3774c.js"),require("./index.styled-85e056bb.js"),require("./isProduction-465d9514.js"),require("./gAssets.js"),require("./Onboarding-9a9432d2.js"),require("./useUniqueId-60f45a13.js"),require("./index-99bda660.js"),require("./index-66cafbb3.js"),require("./index-3fc3706a.js"),require("./utils-be064f59.js"),require("styled-components"),require("./useTranslations-42a0f046.js"),require("./translationsContext-abe85d33.js"),require("string-format"),require("lodash/throttle"),require("./index.styled-d058a1a3.js"),require("./theme-94d7d992.js"),require("./index.styled-8209d37d.js"),require("dayjs"),require("./screenSizeContext-5ff9df7c.js"),require("./index-f4c19c79.js"),require("@mantine/core"),require("./cookieHelper-418609fb.js"),require("./index.styled-82bf0f81.js"),require("./index-559bcc96.js"),require("./constants-0b27e3db.js"),require("./useIsInit-46d1c0d2.js"),require("./index-8f5dcd30.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-f995bf64.js"),require("react"),require("./core-59b2ba21.js");var e=require("./index-e00ee8cf.js");require("./index-c1b0d87f.js"),require("./normalizeLink-59da41bf.js"),require("./routing-f980cabd.js"),require("./dataTransform-a2f97527.js"),require("./index.styled-384a4e75.js"),require("./isProduction-4ff91841.js"),require("./gAssets.js"),require("./Onboarding-98039f0a.js"),require("./useUniqueId-84c98b51.js"),require("./index-ea42d8c0.js"),require("./index-4f084805.js"),require("./index-3c4909a1.js"),require("./utils-6b23688f.js"),require("styled-components"),require("./useTranslations-48ecf80b.js"),require("./translationsContext-c2431a05.js"),require("string-format"),require("lodash/throttle"),require("./index.styled-569ed3c9.js"),require("./theme-9cdc8da0.js"),require("./index.styled-b955ba8a.js"),require("dayjs"),require("./screenSizeContext-c4ee67f2.js"),require("@mantine/core"),require("./index-179083f6.js"),require("./cookieHelper-51db0cbc.js"),require("./index.styled-284f900d.js"),require("./index-ac23b103.js"),require("./index-68ffdb52.js"),require("@mantine/dates"),require("@mantine/hooks"),require("@mantine/carousel"),require("./index-d1731f73.js"),require("./constants-ad6a50a2.js"),require("./useIsInit-860ebc9b.js"),require("./index-c6bc15a1.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-ea77f1ae.js"),t=require("react"),n=require("@mantine/core"),o=require("@mantine/hooks");require("./index.styled-d058a1a3.js");var r=require("./index-f4c19c79.js");require("./gAssets.js"),require("./index.styled-8209d37d.js"),require("./index-3fc3706a.js"),require("./utils-be064f59.js");var a=require("./theme-94d7d992.js");require("./index.styled-82bf0f81.js");var i=require("./useTranslations-42a0f046.js");require("./index-559bcc96.js");var l=require("./index-7fbad258.js");require("dayjs"),require("./screenSizeContext-5ff9df7c.js"),require("styled-components");var s=require("./index-fe30b44e.js");require("./isProduction-465d9514.js");var d=require("./Onboarding-9a9432d2.js");require("./index.styled-2520eaa4.js"),require("./index-75c7973f.js"),require("./index-d3856a13.js");var u=require("./index.styled-635f43fe.js");require("lodash/debounce");var c=require("@mantine/form"),m=require("lodash/throttle"),f=require("./index-99bda660.js"),b=require("date-fns");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./translationsContext-abe85d33.js"),require("string-format"),require("@mantine/dates"),require("@mantine/carousel"),require("./Vietnam-9801f3cc.js"),require("./Visible-47cffadb.js"),require("yup");var g=p(t),E=p(m);const y=({onSubmit:n,phone:l,email:s,onResendCode:d,otpError:m,onClose:b,loading:p,onBack:y,canSkip:S,outOfEdit:h})=>{const{siteType:v,isMarryBaby:O}=t.useContext(u.OnboardingContext),[C,x]=t.useState(30),P=o.useInterval((()=>x((e=>e-1))),1e3),[q,j]=o.useCounter(0,{min:0,max:3}),k=t.useRef(!0),{t:B}=i.useTranslations();t.useEffect((()=>(P.start(),P.stop)),[]),t.useEffect((()=>{0===C&&(P.stop(),k.current=!1)}),[C]);const w=u.useForm({initialValues:{otp:""},validate:c.yupResolver(u.otpSchema(B))});t.useEffect((()=>{m&&w.setFieldError("otp",m)}),[m]);const F=t.useMemo((()=>E.default((()=>{k.current||(j.increment(),x(30),null==d||d(l||s),P.start(),k.current=!0)}),1e3,{trailing:!1})),[l,s,d,P]);return g.default.createElement(u.StyledOtpForm,{heading:B("onboarding.otpForm.heading"),description:g.default.createElement(g.default.Fragment,null,g.default.createElement("span",{dangerouslySetInnerHTML:{__html:l?B("onboarding.otpForm.description",{phone:`<b style="color:${a.theme.colors.gray800}">${l.slice(0,-3).replace(/./g,"x").concat(l.slice(-3))}</b>`}):B("onboarding.otpForm.descriptionEmail",{email:`<b style="color:${a.theme.colors.gray800}">${u.hiddenEmailChar(s)}</b>`})}}),!h&&g.default.createElement("svg",{onClick:()=>{null==y||y()},width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"otp-description-edit-icon"},g.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"})))},g.default.createElement(u.FormProvider,{form:w},g.default.createElement("form",{onSubmit:w.onSubmit((t=>e.__awaiter(void 0,void 0,void 0,(function*(){j.increment(),n(t.otp)}))),(e=>{console.log(e)}))},g.default.createElement(u.DynamicForm,{inputOrder:["otp"]}),g.default.createElement("div",{className:"resend"},g.default.createElement(f.Text,{size:"p4",color:a.theme.colors.gray400},B("onboarding.otpForm.notReceiveOTP")),g.default.createElement(f.Text,{as:"a",size:"p4",color:O?a.theme.mbColors.pink:a.theme.colors.primaryBase,onClick:F},B("onboarding.otpForm.resendCode",{seconds:C}))),g.default.createElement(r.Button,{theme:v,color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:p,disabled:p,"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"},B("onboarding.button.continue")),S&&q>=3&&g.default.createElement(r.Button,{theme:v,color:"ghost",isBlock:!0,size:"lg",onClick:b,type:"button"},B("onboarding.button.skip")))))},S=({onClose:e,onSubmit:n,canSkip:o,loading:a,errorMessage:l,initialData:d})=>{const{t:m,locale:f}=i.useTranslations(),{siteType:p,isMarryBaby:E}=t.useContext(u.OnboardingContext),y=u.useForm({validate:c.yupResolver(u.onboardingEmailSchema(m))});return t.useEffect((()=>{y.setValues(Object.assign(Object.assign({gender:"0"},d),(null==d?void 0:d.birthday)&&{birthday:new Date(d.birthday)}))}),[d]),t.useEffect((()=>{l&&y.setFieldError("email",l)}),[l]),g.default.createElement(u.Onboarding,{heading:m("onboarding.formEmail.heading"),description:m("onboarding.formEmail.description",{site:E?"Marry Baby":s.LOCALE_SPECS[f].SITE_NAME_FORMATTED})},g.default.createElement(u.FormProvider,{form:y},g.default.createElement("form",{className:"form",onSubmit:y.onSubmit((e=>{n(Object.assign(Object.assign({},e),{birthday:e.birthday&&b.format(e.birthday,"yyyy-MM-dd")}))}),(e=>{console.log({fieldErrors:e})}))},g.default.createElement(u.DynamicForm,{inputOrder:["full_name","email","dob","gender"]}),g.default.createElement(r.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit",theme:p,isLoading:a,disabled:a},m("onboarding.button.continue")),o&&g.default.createElement(r.Button,{theme:p,color:"ghost",isBlock:!0,size:"lg",onClick:e},m("onboarding.button.skip")))))},h=({onClose:e,onSubmit:t,canSkip:o,errorMessage:a,loading:l})=>{const{t:s}=i.useTranslations(),d=u.useForm({initialValues:{password:"",confirmPassword:""},validate:c.yupResolver(u.onboardingUpdatePasswordSchema(s))});return g.default.createElement(u.Onboarding,{heading:s("onboarding.updatePassword.heading"),description:s("onboarding.updatePassword.description")},g.default.createElement(u.FormProvider,{form:d},g.default.createElement("form",{className:"form",onSubmit:d.onSubmit((e=>t((null==e?void 0:e.password)||"")),(e=>{console.log({fieldErrors:e})}))},g.default.createElement(u.DynamicForm,{inputOrder:["password","confirm_password"]}),g.default.createElement(r.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:l,disabled:l},s("onboarding.button.continue")),o&&g.default.createElement(r.Button,{color:"ghost",isBlock:!0,size:"lg",onClick:e},s("onboarding.button.skip")),a&&g.default.createElement(n.Input.Error,{className:"form-error"},a))))};Object.defineProperty(exports,"OnboardingStep",{enumerable:!0,get:function(){return d.OnboardingStep}}),exports.MAPPED_LOCALE=u.MAPPED_LOCALE,exports.OnboardingForm=u.OnboardingForm,exports.OnboardingModal=s=>{var{banner:c,canSkip:m,createPassError:f,createPassLoading:b,customFormTexts:p,emailLoading:E,flow:v=[d.OnboardingStep.Phone,d.OnboardingStep.OTP],initialData:O,onClose:C,onCreatePassByEmail:x,onOtpSubmit:P,onPersonalInfoSubmit:q,onPhoneSubmit:j,onResendCode:k,otpError:B,otpLoading:w,personalInfoError:F,resultScreenProps:T,siteType:_,step:L}=s,M=e.__rest(s,["banner","canSkip","createPassError","createPassLoading","customFormTexts","emailLoading","flow","initialData","onClose","onCreatePassByEmail","onOtpSubmit","onPersonalInfoSubmit","onPhoneSubmit","onResendCode","otpError","otpLoading","personalInfoError","resultScreenProps","siteType","step"]);const{t:I}=i.useTranslations(),[z,D]=t.useState(L||v[0]),[R,A]=t.useState(""),[N,V]=t.useState(""),[$,U]=o.useCounter(0,{min:0,max:2}),H=t.useCallback((()=>{const e=v.indexOf(z)+1;e<=v.length-1&&D(v[e])}),[z]),Z=t.useCallback((()=>{const e=v.indexOf(z)-1;e>=0&&D(v[e])}),[z]),G=t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{!(yield P(t))&&H()}catch(e){console.error(e)}})),J=()=>{$>=2||(U.increment(),Z())},K="marryBaby"===_;return g.default.createElement(u.OnboardingContext.Provider,{value:{siteType:_,isMarryBaby:K}},g.default.createElement(u.StyledOnboardingModal,Object.assign({},M),v.length>0?g.default.createElement(u.StyledContainer,null,g.default.createElement(u.StyledContent,{"data-has-banner":"object"==typeof c},z===d.OnboardingStep.Phone&&g.default.createElement(u.OnboardingForm,{onClose:C,canSkip:m,onSubmit:t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{A(t),yield null==j?void 0:j(t),H()}catch(e){console.error(e)}})),customFormTexts:p.onboarding}),z===d.OnboardingStep.OTP&&g.default.createElement(y,{onClose:C,onSubmit:G,phone:R,onResendCode:k,otpError:B,loading:w,canSkip:m,onBack:J,outOfEdit:$>=2}),z===d.OnboardingStep.OTPEmail&&g.default.createElement(y,{onClose:C,onSubmit:G,onResendCode:k,otpError:B,loading:w,canSkip:m,onBack:J,outOfEdit:$>=2,email:N}),z===d.OnboardingStep.PersonalInfo&&g.default.createElement(S,{initialData:null==O?void 0:O[d.OnboardingStep.PersonalInfo],onClose:C,canSkip:m,onSubmit:t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{V((null==t?void 0:t.email)||"");!(yield null==q?void 0:q(t))&&H()}catch(e){console.error(e)}})),errorMessage:F,loading:E}),z===d.OnboardingStep.UpdatePassword&&g.default.createElement(h,{onClose:C,canSkip:m,onSubmit:t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{yield null==x?void 0:x(t),!f&&H()}catch(e){console.error(e)}})),errorMessage:f,loading:b}),z===d.OnboardingStep.Result&&g.default.createElement(u.Onboarding,Object.assign({},T),g.default.createElement(r.Button,{theme:_,size:"lg",onClick:C,className:"form-button"},I("onboarding.button.continue")))),"object"==typeof c&&g.default.createElement(u.StyledBannerCol,null,g.default.createElement(u.StyledBannerInner,{"data-is-marry-baby":K},g.default.createElement(u.StyledIntro,null,(null==c?void 0:c.heading)&&g.default.createElement(n.Title,{order:1,mb:24},null==c?void 0:c.heading),(null==c?void 0:c.description)&&g.default.createElement(l.Text,{size:"p1",color:a.theme.colors.gray800},I("onboarding.welcomeScreen.content"))),(null==c?void 0:c.imgSrc)&&g.default.createElement("div",null,g.default.createElement(u.StyledBannerImg,{src:null==c?void 0:c.imgSrc,loading:"lazy"}))))):"Incorrect flow"))},exports.OtpForm=y;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tslib.es6-f995bf64.js"),t=require("react"),n=require("@mantine/core"),o=require("@mantine/hooks");require("./index.styled-569ed3c9.js");var r=require("./index-179083f6.js");require("./gAssets.js"),require("./index.styled-b955ba8a.js"),require("./index-3c4909a1.js"),require("./utils-6b23688f.js");var a=require("./theme-9cdc8da0.js");require("./index.styled-284f900d.js");var i=require("./useTranslations-48ecf80b.js");require("./index-ac23b103.js"),require("./index-68ffdb52.js");var l=require("./index-407a12ab.js");require("dayjs"),require("./screenSizeContext-c4ee67f2.js"),require("styled-components");var s=require("./index-c1b0d87f.js");require("./isProduction-4ff91841.js");var d=require("./Onboarding-98039f0a.js");require("./index-d1731f73.js");var u=require("./index.styled-9c4558b9.js");require("lodash/debounce");var c=require("@mantine/form"),m=require("lodash/throttle"),b=require("./index-ea42d8c0.js"),f=require("date-fns");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./translationsContext-c2431a05.js"),require("string-format"),require("@mantine/dates"),require("@mantine/carousel"),require("./Visible-ed4d6c3d.js"),require("yup");var g=p(t),E=p(m);const y=({onSubmit:n,phone:l,email:s,onResendCode:d,otpError:m,onClose:f,loading:p,onBack:y,canSkip:S,outOfEdit:h})=>{const{siteType:v,isMarryBaby:O}=t.useContext(u.OnboardingContext),[C,x]=t.useState(30),P=o.useInterval((()=>x((e=>e-1))),1e3),[q,j]=o.useCounter(0,{min:0,max:3}),k=t.useRef(!0),{t:B}=i.useTranslations();t.useEffect((()=>(P.start(),P.stop)),[]),t.useEffect((()=>{0===C&&(P.stop(),k.current=!1)}),[C]);const w=u.useForm({initialValues:{otp:""},validate:c.yupResolver(u.otpSchema(B))});t.useEffect((()=>{m&&w.setFieldError("otp",m)}),[m]);const F=t.useMemo((()=>E.default((()=>{k.current||(j.increment(),x(30),null==d||d(l||s),P.start(),k.current=!0)}),1e3,{trailing:!1})),[l,s,d,P]);return g.default.createElement(u.StyledOtpForm,{heading:B("onboarding.otpForm.heading"),description:g.default.createElement(g.default.Fragment,null,g.default.createElement("span",{dangerouslySetInnerHTML:{__html:l?B("onboarding.otpForm.description",{phone:`<b style="color:${a.theme.colors.gray800}">${l.slice(0,-3).replace(/./g,"x").concat(l.slice(-3))}</b>`}):B("onboarding.otpForm.descriptionEmail",{email:`<b style="color:${a.theme.colors.gray800}">${u.hiddenEmailChar(s)}</b>`})}}),!h&&g.default.createElement("svg",{onClick:()=>{null==y||y()},width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"otp-description-edit-icon"},g.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"})))},g.default.createElement(u.FormProvider,{form:w},g.default.createElement("form",{onSubmit:w.onSubmit((t=>e.__awaiter(void 0,void 0,void 0,(function*(){j.increment(),n(t.otp)}))),(e=>{console.log(e)}))},g.default.createElement(u.DynamicForm,{inputOrder:["otp"]}),g.default.createElement("div",{className:"resend"},g.default.createElement(b.Text,{size:"p4",color:a.theme.colors.gray400},B("onboarding.otpForm.notReceiveOTP")),g.default.createElement(b.Text,{as:"a",size:"p4",color:O?a.theme.mbColors.pink:a.theme.colors.primaryBase,onClick:F},B("onboarding.otpForm.resendCode",{seconds:C}))),g.default.createElement(r.Button,{theme:v,color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:p,disabled:p,"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"},B("onboarding.button.continue")),S&&q>=3&&g.default.createElement(r.Button,{theme:v,color:"ghost",isBlock:!0,size:"lg",onClick:f,type:"button"},B("onboarding.button.skip")))))},S=({onClose:e,onSubmit:n,canSkip:o,loading:a,errorMessage:l,initialData:d})=>{const{t:m,locale:b}=i.useTranslations(),{siteType:p,isMarryBaby:E}=t.useContext(u.OnboardingContext),y=u.useForm({validate:c.yupResolver(u.onboardingEmailSchema(m))});return t.useEffect((()=>{y.setValues(Object.assign(Object.assign({gender:"0"},d),(null==d?void 0:d.birthday)&&{birthday:new Date(d.birthday)}))}),[d]),t.useEffect((()=>{l&&y.setFieldError("email",l)}),[l]),g.default.createElement(u.Onboarding,{heading:m("onboarding.formEmail.heading"),description:m("onboarding.formEmail.description",{site:E?"Marry Baby":s.LOCALE_SPECS[b].SITE_NAME_FORMATTED})},g.default.createElement(u.FormProvider,{form:y},g.default.createElement("form",{className:"form",onSubmit:y.onSubmit((e=>{n(Object.assign(Object.assign({},e),{birthday:e.birthday&&f.format(e.birthday,"yyyy-MM-dd")}))}),(e=>{console.log({fieldErrors:e})}))},g.default.createElement(u.DynamicForm,{inputOrder:["full_name","email","dob","gender"]}),g.default.createElement(r.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit",theme:p,isLoading:a,disabled:a},m("onboarding.button.continue")),o&&g.default.createElement(r.Button,{theme:p,color:"ghost",isBlock:!0,size:"lg",onClick:e},m("onboarding.button.skip")))))},h=({onClose:e,onSubmit:t,canSkip:o,errorMessage:a,loading:l})=>{const{t:s}=i.useTranslations(),d=u.useForm({initialValues:{password:"",confirmPassword:""},validate:c.yupResolver(u.onboardingUpdatePasswordSchema(s))});return g.default.createElement(u.Onboarding,{heading:s("onboarding.updatePassword.heading"),description:s("onboarding.updatePassword.description")},g.default.createElement(u.FormProvider,{form:d},g.default.createElement("form",{className:"form",onSubmit:d.onSubmit((e=>t((null==e?void 0:e.password)||"")),(e=>{console.log({fieldErrors:e})}))},g.default.createElement(u.DynamicForm,{inputOrder:["password","confirm_password"]}),g.default.createElement(r.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:l,disabled:l},s("onboarding.button.continue")),o&&g.default.createElement(r.Button,{color:"ghost",isBlock:!0,size:"lg",onClick:e},s("onboarding.button.skip")),a&&g.default.createElement(n.Input.Error,{className:"form-error"},a))))};Object.defineProperty(exports,"OnboardingStep",{enumerable:!0,get:function(){return d.OnboardingStep}}),exports.MAPPED_LOCALE=u.MAPPED_LOCALE,exports.OnboardingForm=u.OnboardingForm,exports.OnboardingModal=s=>{var{banner:c,canSkip:m,createPassError:b,createPassLoading:f,customFormTexts:p,emailLoading:E,flow:v=[d.OnboardingStep.Phone,d.OnboardingStep.OTP],initialData:O,onClose:C,onCreatePassByEmail:x,onOtpSubmit:P,onPersonalInfoSubmit:q,onPhoneSubmit:j,onResendCode:k,otpError:B,otpLoading:w,personalInfoError:F,resultScreenProps:T,siteType:_,step:L}=s,M=e.__rest(s,["banner","canSkip","createPassError","createPassLoading","customFormTexts","emailLoading","flow","initialData","onClose","onCreatePassByEmail","onOtpSubmit","onPersonalInfoSubmit","onPhoneSubmit","onResendCode","otpError","otpLoading","personalInfoError","resultScreenProps","siteType","step"]);const{t:I}=i.useTranslations(),[z,D]=t.useState(L||v[0]),[R,A]=t.useState(""),[N,V]=t.useState(""),[$,U]=o.useCounter(0,{min:0,max:2}),H=t.useCallback((()=>{const e=v.indexOf(z)+1;e<=v.length-1&&D(v[e])}),[z]),Z=t.useCallback((()=>{const e=v.indexOf(z)-1;e>=0&&D(v[e])}),[z]),G=t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{!(yield P(t))&&H()}catch(e){console.error(e)}})),J=()=>{$>=2||(U.increment(),Z())},K="marryBaby"===_;return g.default.createElement(u.OnboardingContext.Provider,{value:{siteType:_,isMarryBaby:K}},g.default.createElement(u.StyledOnboardingModal,Object.assign({},M),v.length>0?g.default.createElement(u.StyledContainer,null,g.default.createElement(u.StyledContent,{"data-has-banner":"object"==typeof c},z===d.OnboardingStep.Phone&&g.default.createElement(u.OnboardingForm,{onClose:C,canSkip:m,onSubmit:t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{A(t),yield null==j?void 0:j(t),H()}catch(e){console.error(e)}})),customFormTexts:p.onboarding}),z===d.OnboardingStep.OTP&&g.default.createElement(y,{onClose:C,onSubmit:G,phone:R,onResendCode:k,otpError:B,loading:w,canSkip:m,onBack:J,outOfEdit:$>=2}),z===d.OnboardingStep.OTPEmail&&g.default.createElement(y,{onClose:C,onSubmit:G,onResendCode:k,otpError:B,loading:w,canSkip:m,onBack:J,outOfEdit:$>=2,email:N}),z===d.OnboardingStep.PersonalInfo&&g.default.createElement(S,{initialData:null==O?void 0:O[d.OnboardingStep.PersonalInfo],onClose:C,canSkip:m,onSubmit:t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{V((null==t?void 0:t.email)||"");!(yield null==q?void 0:q(t))&&H()}catch(e){console.error(e)}})),errorMessage:F,loading:E}),z===d.OnboardingStep.UpdatePassword&&g.default.createElement(h,{onClose:C,canSkip:m,onSubmit:t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{yield null==x?void 0:x(t),!b&&H()}catch(e){console.error(e)}})),errorMessage:b,loading:f}),z===d.OnboardingStep.Result&&g.default.createElement(u.Onboarding,Object.assign({},T),g.default.createElement(r.Button,{theme:_,size:"lg",onClick:C,className:"form-button"},I("onboarding.button.continue")))),"object"==typeof c&&g.default.createElement(u.StyledBannerCol,null,g.default.createElement(u.StyledBannerInner,{"data-is-marry-baby":K},g.default.createElement(u.StyledIntro,null,(null==c?void 0:c.heading)&&g.default.createElement(n.Title,{order:1,mb:24},null==c?void 0:c.heading),(null==c?void 0:c.description)&&g.default.createElement(l.Text,{size:"p1",color:a.theme.colors.gray800},I("onboarding.welcomeScreen.content"))),(null==c?void 0:c.imgSrc)&&g.default.createElement("div",null,g.default.createElement(u.StyledBannerImg,{src:null==c?void 0:c.imgSrc,loading:"lazy"}))))):"Incorrect flow"))},exports.OtpForm=y;

package/build/pwg.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("./index-f8247486.js"),a=require("./index-99bda660.js"),l=require("./index-016da465.js"),r=require("./useTranslations-42a0f046.js"),n=require("./theme-94d7d992.js"),o=require("recharts"),i=require("./index-559bcc96.js"),s=require("./useOutsideClick-d3b3cf8f.js"),c=require("styled-components"),d=require("./tslib.es6-ea77f1ae.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./index.styled-82bf0f81.js"),require("./Onboarding-9a9432d2.js"),require("./index.styled-d81bd7f6.js"),require("./gAssets.js"),require("./index-fe30b44e.js"),require("./isProduction-465d9514.js"),require("./index-d3856a13.js"),require("@mantine/carousel"),require("@mantine/hooks"),require("./translationsContext-abe85d33.js"),require("string-format");var m=u(e),f=u(c);const p=({weightByWeek:e,weightBefore:t,toolTipLabel:a,status:l,activeWeek:r,t:n})=>{const o=n(`bmi.result.${l}`);return e.map((e=>Object.assign({name:e.week,min:t+e.min,difference:e.max-e.min,max:t+e.max},e.week===r?{toolTipLabel:a,translatedStatus:o,status:l}:{})))},g=e=>{const{x:t,y:a,payload:l,activeWeek:r}=e;return r===l.value?m.default.createElement("g",{transform:`translate(${t},${a})`},m.default.createElement("circle",{r:12,fill:"marryBaby"===e.siteType?n.theme.mbColors.pink:n.theme.colors.primaryBase}),m.default.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:n.theme.colors.white,fontFamily:"Inter",fontWeight:"600",fontSize:"12px"},l.value)):m.default.createElement("g",{transform:`translate(${t},${a})`},m.default.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:n.theme.colors.gray600,fontFamily:"Inter",fontWeight:"400",fontSize:"12px"},l.value))},h=f.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("./index-20b484c9.js"),a=require("./index-ea42d8c0.js"),l=require("./index-b6ec603a.js"),r=require("./useTranslations-48ecf80b.js"),n=require("./theme-9cdc8da0.js"),o=require("recharts"),i=require("./index-ac23b103.js"),s=require("./useOutsideClick-a2d86f46.js"),c=require("styled-components"),d=require("./tslib.es6-f995bf64.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./index.styled-284f900d.js"),require("./Onboarding-98039f0a.js"),require("./index.styled-f06383ca.js"),require("./gAssets.js"),require("./index-c1b0d87f.js"),require("./isProduction-4ff91841.js"),require("./index-d1731f73.js"),require("@mantine/carousel"),require("@mantine/hooks"),require("./translationsContext-c2431a05.js"),require("string-format");var m=u(e),f=u(c);const p=({weightByWeek:e,weightBefore:t,toolTipLabel:a,status:l,activeWeek:r,t:n})=>{const o=n(`bmi.result.${l}`);return e.map((e=>Object.assign({name:e.week,min:t+e.min,difference:e.max-e.min,max:t+e.max},e.week===r?{toolTipLabel:a,translatedStatus:o,status:l}:{})))},g=e=>{const{x:t,y:a,payload:l,activeWeek:r}=e;return r===l.value?m.default.createElement("g",{transform:`translate(${t},${a})`},m.default.createElement("circle",{r:12,fill:"marryBaby"===e.siteType?n.theme.mbColors.pink:n.theme.colors.primaryBase}),m.default.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:n.theme.colors.white,fontFamily:"Inter",fontWeight:"600",fontSize:"12px"},l.value)):m.default.createElement("g",{transform:`translate(${t},${a})`},m.default.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:n.theme.colors.gray600,fontFamily:"Inter",fontWeight:"400",fontSize:"12px"},l.value))},h=f.default.div`
   /* position: absolute; */
   display: flex;
   flex-direction: column;
@@ -45,7 +45,7 @@
     display: flex;
     justify-content: space-between;
   }
-`,b=f.default.div`
+`,x=f.default.div`
   display: flex;
   gap: 40px;
   justify-content: center;
@@ -55,7 +55,7 @@
     align-items: center;
     gap: 4px;
   }
-`,x=[{name:"overweight",backgroundColor:n.theme.colors.yellow50,color:n.theme.colors.yellow900},{name:"underweight",backgroundColor:n.theme.colors.yellow50,color:n.theme.colors.yellow900},{name:"healthy",backgroundColor:n.theme.colors.green50,color:n.theme.colors.green900}],E=t=>{var l,r,o,i,s;const{payload:c,active:d}=t,u=null===(l=null==c?void 0:c[0])||void 0===l?void 0:l.payload;if(!u||!u.toolTipLabel||!d)return null;const{backgroundColor:f,color:p}=e.useMemo((()=>x.find((e=>e.name===u.status))),[null==u?void 0:u.status]);return m.default.createElement(h,null,m.default.createElement("div",null,null===(r=u.toolTipLabel)||void 0===r?void 0:r[0]," ",null===(o=u.toolTipLabel)||void 0===o?void 0:o[1]),m.default.createElement("div",null,(null===(i=u.toolTipLabel)||void 0===i?void 0:i[2])&&m.default.createElement(a.Text,{as:"span",size:"s3",color:n.theme.colors.gray800,type:"semiBold"},null===(s=u.toolTipLabel)||void 0===s?void 0:s[2]),m.default.createElement("div",{className:"risk",style:{backgroundColor:f}},m.default.createElement(a.Text,{size:"n1",color:p},u.translatedStatus))))},k=({weightBefore:l,weightByWeek:c,activeWeek:d,currentWeight:u,toolTipLabel:f=[],status:h,withLine:b=!1,siteType:x})=>{const{t:k}=r.useTranslations(),v="marryBaby"===x,w=e.useMemo((()=>p({weightByWeek:c,weightBefore:l,toolTipLabel:f,status:h,activeWeek:d,t:k})),[c,l,f,h,d]),[T,C]=e.useState(!1),j=e.useRef(null);return s.useOutsideClick(j,(()=>C(!1))),m.default.createElement(y,null,v?m.default.createElement(t.MarryBabyText,{type:"bodytext-3",color:n.theme.mbColors.dark}," ",k("babyGrowth.weight")," ",k("pregnancyWeightGain.weightInput.desc")):m.default.createElement(a.Text,{size:"n1",color:n.theme.colors.gray500},k("babyGrowth.weight")," ",k("pregnancyWeightGain.weightInput.desc")),Array.isArray(w)&&w.length>0&&m.default.createElement(y,null,m.default.createElement(o.ResponsiveContainer,{height:388,className:"chart"},m.default.createElement(o.AreaChart,{data:w,margin:{top:16,right:0,left:0}},m.default.createElement(o.CartesianGrid,{stroke:n.theme.colors.neutral100}),m.default.createElement(o.Tooltip,{trigger:"click",content:e=>m.default.createElement(E,Object.assign({active:!b&&T&&void 0!==d&&void 0!==u},e))}),m.default.createElement(o.XAxis,{type:"number",scale:"linear",ticks:Array.from({length:40},((e,t)=>t+1)),dataKey:"name",tickLine:!1,tickMargin:12,tick:e=>m.default.createElement(g,Object.assign({},e,{activeWeek:d,siteType:x})),domain:["dataMin","dataMax"],interval:"preserveStartEnd",tickCount:1,allowDecimals:!1}),m.default.createElement(o.YAxis,{domain:[e=>Math.max(e,l-10||e),e=>Math.max(e,l+20||e)],type:"number",scale:"auto",interval:"preserveStartEnd",tickLine:!1,tickMargin:7,width:45,tickCount:10,allowDecimals:!0,tickFormatter:e=>String(Math.round(100*(e+Number.EPSILON))/100),tick:{fontFamily:"Inter",fontWeight:400,fontSize:12,color:n.theme.colors.gray600}}),m.default.createElement(o.Area,{connectNulls:!0,type:"monotone",dataKey:"min",stackId:"1",stroke:"transparent",fill:"transparent"}),m.default.createElement(o.Area,{connectNulls:!0,type:"monotone",dataKey:"difference",stackId:"1",stroke:"transparent",fill:v?n.theme.mbColors.tonePink:n.theme.colors.primary100}),void 0!==d&&void 0!==u&&m.default.createElement(o.ReferenceDot,{onClick:()=>C(!0),x:0===d?1:d,y:u,r:4,shape:m.default.createElement(i.CustomReferenceDot,{ref:j,r:4}),fill:v?n.theme.mbColors.pink:n.theme.colors.primaryBase,stroke:v?n.theme.mbColors.pink:n.theme.colors.primaryBase}))),m.default.createElement("div",{className:"custom-chart-label"},m.default.createElement("i",null),v?m.default.createElement(t.MarryBabyText,{type:"bodytext-3",color:n.theme.mbColors.dark},k("pregnancy.week")):m.default.createElement(a.Text,{size:"n1",color:n.theme.colors.gray500},k("pregnancy.week")))))},v=e=>{var{color:t}=e,a=d.__rest(e,["color"]);return m.default.createElement("svg",Object.assign({width:"8",height:"8",viewBox:"0 0 8 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a),m.default.createElement("circle",{cx:"4",cy:"4",r:"4",fill:t||n.theme.colors.primaryBase}))},w=({idealWeight:e,siteType:l})=>{const{t:o}=r.useTranslations(),i="marryBaby"===l;return m.default.createElement(b,null,m.default.createElement("div",null,i?m.default.createElement(m.default.Fragment,null,m.default.createElement(v,{color:n.theme.mbColors.lightPink}),m.default.createElement(t.MarryBabyText,{type:"bodytext-3",color:n.theme.mbColors.dark},o("pregnancyTool.weightSuggested")," ",m.default.createElement(a.Text,{size:"n1",color:n.theme.colors.gray800,type:"bold",as:"span"},e))):m.default.createElement(m.default.Fragment,null,m.default.createElement(v,{color:n.theme.colors.primary100}),m.default.createElement(a.Text,{size:"n1",color:n.theme.colors.gray600},m.default.createElement(a.Text,{size:"n1",as:"span"},o("pregnancyTool.weightSuggested")," "),m.default.createElement(a.Text,{size:"n1",color:n.theme.colors.gray800,type:"bold",as:"span"},e)))),m.default.createElement("div",null,i?m.default.createElement(m.default.Fragment,null,m.default.createElement(v,{color:n.theme.mbColors.pink}),m.default.createElement(t.MarryBabyText,{type:"bodytext-3",color:n.theme.mbColors.dark},o("pwg.placeholder.weight"))):m.default.createElement(m.default.Fragment,null,m.default.createElement(v,null),m.default.createElement(a.Text,{size:"n1",color:n.theme.colors.gray600},o("pwg.placeholder.weight")))))},T=f.default.div`
+`,b=[{name:"overweight",backgroundColor:n.theme.colors.yellow50,color:n.theme.colors.yellow900},{name:"underweight",backgroundColor:n.theme.colors.yellow50,color:n.theme.colors.yellow900},{name:"healthy",backgroundColor:n.theme.colors.green50,color:n.theme.colors.green900}],E=t=>{var l,r,o,i,s;const{payload:c,active:d}=t,u=null===(l=null==c?void 0:c[0])||void 0===l?void 0:l.payload;if(!u||!u.toolTipLabel||!d)return null;const{backgroundColor:f,color:p}=e.useMemo((()=>b.find((e=>e.name===u.status))),[null==u?void 0:u.status]);return m.default.createElement(h,null,m.default.createElement("div",null,null===(r=u.toolTipLabel)||void 0===r?void 0:r[0]," ",null===(o=u.toolTipLabel)||void 0===o?void 0:o[1]),m.default.createElement("div",null,(null===(i=u.toolTipLabel)||void 0===i?void 0:i[2])&&m.default.createElement(a.Text,{as:"span",size:"s3",color:n.theme.colors.gray800,type:"semiBold"},null===(s=u.toolTipLabel)||void 0===s?void 0:s[2]),m.default.createElement("div",{className:"risk",style:{backgroundColor:f}},m.default.createElement(a.Text,{size:"n1",color:p},u.translatedStatus))))},k=({weightBefore:l,weightByWeek:c,activeWeek:d,currentWeight:u,toolTipLabel:f=[],status:h,withLine:x=!1,siteType:b})=>{const{t:k}=r.useTranslations(),v="marryBaby"===b,w=e.useMemo((()=>p({weightByWeek:c,weightBefore:l,toolTipLabel:f,status:h,activeWeek:d,t:k})),[c,l,f,h,d]),[T,C]=e.useState(!1),j=e.useRef(null);return s.useOutsideClick(j,(()=>C(!1))),m.default.createElement(y,null,v?m.default.createElement(t.MarryBabyText,{type:"bodytext-3",color:n.theme.mbColors.dark}," ",k("babyGrowth.weight")," ",k("pregnancyWeightGain.weightInput.desc")):m.default.createElement(a.Text,{size:"n1",color:n.theme.colors.gray500},k("babyGrowth.weight")," ",k("pregnancyWeightGain.weightInput.desc")),Array.isArray(w)&&w.length>0&&m.default.createElement(y,null,m.default.createElement(o.ResponsiveContainer,{height:388,className:"chart"},m.default.createElement(o.AreaChart,{data:w,margin:{top:16,right:0,left:0}},m.default.createElement(o.CartesianGrid,{stroke:n.theme.colors.neutral100}),m.default.createElement(o.Tooltip,{trigger:"click",content:e=>m.default.createElement(E,Object.assign({active:!x&&T&&void 0!==d&&void 0!==u},e))}),m.default.createElement(o.XAxis,{type:"number",scale:"linear",ticks:Array.from({length:40},((e,t)=>t+1)),dataKey:"name",tickLine:!1,tickMargin:12,tick:e=>m.default.createElement(g,Object.assign({},e,{activeWeek:d,siteType:b})),domain:["dataMin","dataMax"],interval:"preserveStartEnd",tickCount:1,allowDecimals:!1}),m.default.createElement(o.YAxis,{domain:[e=>Math.max(e,l-10||e),e=>Math.max(e,l+20||e)],type:"number",scale:"auto",interval:"preserveStartEnd",tickLine:!1,tickMargin:7,width:45,tickCount:10,allowDecimals:!0,tickFormatter:e=>String(Math.round(100*(e+Number.EPSILON))/100),tick:{fontFamily:"Inter",fontWeight:400,fontSize:12,color:n.theme.colors.gray600}}),m.default.createElement(o.Area,{connectNulls:!0,type:"monotone",dataKey:"min",stackId:"1",stroke:"transparent",fill:"transparent"}),m.default.createElement(o.Area,{connectNulls:!0,type:"monotone",dataKey:"difference",stackId:"1",stroke:"transparent",fill:v?n.theme.mbColors.tonePink:n.theme.colors.primary100}),void 0!==d&&void 0!==u&&m.default.createElement(o.ReferenceDot,{onClick:()=>C(!0),x:0===d?1:d,y:u,r:4,shape:m.default.createElement(i.CustomReferenceDot,{ref:j,r:4}),fill:v?n.theme.mbColors.pink:n.theme.colors.primaryBase,stroke:v?n.theme.mbColors.pink:n.theme.colors.primaryBase}))),m.default.createElement("div",{className:"custom-chart-label"},m.default.createElement("i",null),v?m.default.createElement(t.MarryBabyText,{type:"bodytext-3",color:n.theme.mbColors.dark},k("pregnancy.week")):m.default.createElement(a.Text,{size:"n1",color:n.theme.colors.gray500},k("pregnancy.week")))))},v=e=>{var{color:t}=e,a=d.__rest(e,["color"]);return m.default.createElement("svg",Object.assign({width:"8",height:"8",viewBox:"0 0 8 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a),m.default.createElement("circle",{cx:"4",cy:"4",r:"4",fill:t||n.theme.colors.primaryBase}))},w=({idealWeight:e,siteType:l})=>{const{t:o}=r.useTranslations(),i="marryBaby"===l;return m.default.createElement(x,null,m.default.createElement("div",null,i?m.default.createElement(m.default.Fragment,null,m.default.createElement(v,{color:n.theme.mbColors.lightPink}),m.default.createElement(t.MarryBabyText,{type:"bodytext-3",color:n.theme.mbColors.dark},o("pregnancyTool.weightSuggested")," ",m.default.createElement(a.Text,{size:"n1",color:n.theme.colors.gray800,type:"bold",as:"span"},e))):m.default.createElement(m.default.Fragment,null,m.default.createElement(v,{color:n.theme.colors.primary100}),m.default.createElement(a.Text,{size:"n1",color:n.theme.colors.gray600},m.default.createElement(a.Text,{size:"n1",as:"span"},o("pregnancyTool.weightSuggested")," "),m.default.createElement(a.Text,{size:"n1",color:n.theme.colors.gray800,type:"bold",as:"span"},e)))),m.default.createElement("div",null,i?m.default.createElement(m.default.Fragment,null,m.default.createElement(v,{color:n.theme.mbColors.pink}),m.default.createElement(t.MarryBabyText,{type:"bodytext-3",color:n.theme.mbColors.dark},o("pwg.placeholder.weight"))):m.default.createElement(m.default.Fragment,null,m.default.createElement(v,null),m.default.createElement(a.Text,{size:"n1",color:n.theme.colors.gray600},o("pwg.placeholder.weight")))))},T=f.default.div`
   display: flex;
   flex-direction: column;
   align-items: center;