@hhgtech/hhg-components 1.26.84 → 1.26.86

package/build/lead.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tslib.es6-b21a130d.js"),t=require("react"),a=require("lodash/debounce"),l=require("uuid"),n=require("./index-436fe51f.js"),o=require("./index-7f500a4a.js"),i=require("./gAssets.js"),r=require("@mantine/core");require("./index-1f591173.js"),require("./index-8f7d7e93.js");var d=require("./utils-1300e152.js"),s=require("./theme-83071b03.js");require("./index.styled-1909724c.js");var u=require("./translationsContext-f4b21cfe.js");require("string-format"),require("./index-82d27f4a.js"),require("@mantine/dates"),require("./index-50def698.js"),require("./Onboarding-ed35a3c1.js");var c=require("dayjs");require("./screenSizeContext-6b967491.js"),require("styled-components"),require("./isProduction-9c385dd8.js"),require("@mantine/hooks"),require("./index-96360c00.js"),require("date-fns"),require("react-day-picker/DayPickerInput"),require("./index.styled-7cd23737.js");var m=require("react-dom");require("./index-da209df2.js"),require("lodash/throttle"),require("keen-slider/react"),require("./types-8d5aec3d.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-14a46f82.js");var p=require("./index-8d3b5b86.js"),h=require("./index-82b85c67.js"),g=require("./index.styled-9994435c.js"),f=require("@mantine/form");require("yup");var v=require("./useTranslations-d31b5647.js"),b=require("./index-7a76f530.js"),y=require("./cookieHelper-cc84383d.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("./useUniqueId-35defad3.js"),require("@mantine/carousel"),require("date-fns/locale"),require("./index-5bbe8978.js"),require("./index-855e24bf.js"),require("@hookform/resolvers/yup"),require("./index-59b16056.js"),require("./index-744adcfa.js"),require("slugify"),require("./routing-43df3dc7.js"),require("dayjs/plugin/relativeTime");var E=k(t),w=k(a),C=k(c);const S=1,N=2;let x="https://dev.leadgen.hellobacsi.com/";const T=1,O=2;let P="";x.includes("localhost")&&(x="https://dev.leadgen.hellobacsi.com/"),location.hostname.includes("marrybaby.vn")&&(P="pink");let j="https://"+location.hostname+location.pathname+location.search;j=j.toLowerCase(),sessionStorage.getItem("insider_object")&&(window.insider_object=JSON.parse(sessionStorage.getItem("insider_object")));const B={"vi-VN":{popupLang:"vi",countryCode:"vn",countryCodeNumber:84},"id-ID":{popupLang:"id",countryCode:"id",countryCodeNumber:62},"th-TH":{popupLang:"th",countryCode:"th",countryCodeNumber:66},"ms-MY":{popupLang:"ms",countryCode:"my",countryCodeNumber:60},"zh-TW":{popupLang:"zh",countryCode:"tw",countryCodeNumber:886},"km-KH":{popupLang:"km",countryCode:"kh",countryCodeNumber:855},"my-MM":{popupLang:"my",countryCode:"mm",countryCodeNumber:95},"hi-IN":{popupLang:"hi",countryCode:"in",countryCodeNumber:91}},L=B[document.documentElement.lang]||B["vi-VN"];const $={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 I={"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},A=e=>{const t=I[e];return t||I["en-PH"]},R=t.createContext({}),D=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}},U=({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"}))),M=({popupId:e,url:t,newTab:a,imageDestkop:l,imageMobile:n,onClose:o,onOtherSubmit:i})=>{const{width:r,height:d,loaded:s}=D(n),{width:u,height:c,loaded:m}=D(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(U,{onClose:o,containerClassName:"close-button-top-right"})))):null},H=({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}=D(s),{width:g,height:f,loaded:v}=D(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(U,{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(U,{onClose:u,containerClassName:"close-button-top-right"}))))):null},F="undefined"==typeof window,W={VN:"vi",ID:"id",TH:"th",MY:"ms",TW:"zh-TW",KH:"km",MM:"my",IN:"hi",PH:"en"},V=(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(F)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:W[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}};const Y=new class{constructor(){this.apiLeadUrl="https://dev.leadgen.hellobacsi.com/",this.apiSubotUrl="https://staging-service-subot.hellohealthgroup.com/"}},z={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(`${Y.apiLeadUrl}${a}`,n).then((e=>e.json())).catch((()=>({})))}},J={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(`${Y.apiSubotUrl}${a}`,n).then((e=>e.json())).catch((()=>({})))}},G=({bot_id:e,email:t,phone:a})=>{let l=a;return l&&l.startsWith("0")&&(l=l.substring(1)),J.call({url:"frontend/api/subot-campaign/check",method:"post",data:{bot_id:e,email:t,phone:l}})},K=({campaign_id:e,email:t,phone:a})=>{let l=a;return l&&l.startsWith("0")&&(l=l.substring(1)),z.call({url:"api/subot-campaign/check",method:"post",data:{campaign_id:e,email:t,phone:l}})},Q=({phone:e})=>z.call({url:"api/sms/otp",method:"post",data:{phone_number:e.replace("+","")}}),X=({phone:e,otp:t})=>z.call({url:"api/sms/verify",method:"post",data:{otp_code:t,phone_number:e.replace("+","")}}),Z={email:{},phone:{}},ee=(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 K({campaign_id:[t],[e]:n});return"SubmitLeadWithBotId_ERR_001"===i._errorCode||"SubmitLeadWithBotId_ERR_002"===i._errorCode||a.length&&"CheckSuBotLeadTool_ERR_001"===(yield G({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})),[te,ae,le]=f.createFormContext(),ne=["places"],oe=({name:e,placeholder:a,locale:l})=>{var n;const o=ae(),[i,r]=t.useState(""),[d,s]=t.useState(""),{predictions:u}=V(i,"","tl-PH"===l?"en":null===(n=null==l?void 0:l.split("-"))||void 0===n?void 0:n[0]),[c,m]=t.useState(null),[h,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 _(require("@react-google-maps/api"))})).then((e=>{m((()=>e.LoadScript)),setTimeout((()=>{g(!0)}),200)}))}),[]),h?E.default.createElement(E.default.Fragment,null,c&&E.default.createElement(c,{googleMapsApiKey:"AIzaSyD9AbNa4AFwr8eNVs90G1YhQLhfWJ6KncU",libraries:ne,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(p.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}})},ie=({children:e,align:t})=>E.default.createElement("p",{className:`lead-modal__description ${"le-text-align-"+(t||"")} ${P}`},e),re=({children:e,align:t})=>E.default.createElement("h2",{className:`lead-modal__title ${"le-text-align-"+(t||"")} ${P}`},e),de=({listBlockAdded:e,popupId:t,locale:a,onClose:l,onOtherSubmit:i})=>{const r=ae();return E.default.createElement(E.default.Fragment,null,e.map(((e,d)=>{const{name:s="",data:u={}}=e||{},{placeholder:c,value:m,align:f,listQuestion:v,isSendMailChimp:b=!1,newtab:y,url:k}=u;switch(s){case"TitleBlock":return E.default.createElement(re,{key:d,align:f},m);case"SubtitleBlock":return E.default.createElement(ie,{key:d,align:f},m);case"TextBlock":return E.default.createElement(n.Input,Object.assign({key:d,withAsterisk:!0,spellCheck:!1,type:"text",placeholder:c,className:"lead-modal__form-control",label:c,"data-control":"text",name:m},r.getInputProps(m)));case"NumberBlock":return E.default.createElement(n.NumberInput,Object.assign({key:d,withAsterisk:!0,spellCheck:!1,type:"number",placeholder:c,className:"lead-modal__form-control",label:c,"data-control":"number",name:m},r.getInputProps(m)));case"EmailBlock":return E.default.createElement(n.Input,Object.assign({key:d,withAsterisk:!0,spellCheck:!1,placeholder:c,className:"lead-modal__form-control",label:c,"data-control":"email",name:m},r.getInputProps(m)));case"PhoneOtpBlock":case"PhoneBlock":{const e=t+"-"+m+"-"+d;return E.default.createElement(n.Input.Wrapper,Object.assign({size:"md",withAsterisk:!0,key:d,label:c,className:"lead-modal__form-control",labelProps:{htmlFor:e}},r.getInputProps(m)),E.default.createElement(n.Phone,{name:m,spellCheck:!1,type:"tel",placeholder:c,onChange:e=>{r.setFieldValue(m,e)},id:e,defaultCountry:a&&g.MAPPED_LOCALE[a]||"VN","data-control":"tel"}))}case"LocationBlock":return E.default.createElement(oe,{key:d,name:m,placeholder:c,locale:a});case"DateBlock":return E.default.createElement(h.DatePicker,Object.assign({withAsterisk:!0,key:d,type:"default",name:m,placeholder:c,className:"lead-modal__form-control",label:c,"data-control":"date"},r.getInputProps(m)));case"LinkButtonBlock":return E.default.createElement("div",{key:d},E.default.createElement("a",{target:y?"blank":"parrent",href:k,style:{textDecoration:"none"}},E.default.createElement(o.Button,{type:"button",size:"md",className:`lead-modal__btn ${P}`,onClick:()=>{null==l||l(),null==i||i()}},m)));case"CheckboxBlock":return E.default.createElement(E.default.Fragment,null,b&&E.default.createElement("div",{style:{display:"none"},"data-name":m+"-mailchimp"}),E.default.createElement(n.Checkbox.Group,Object.assign({withAsterisk:!0,className:"lead-modal__form-control",key:d,label:c,size:"md",sx:{display:"flex",flexDirection:"column",gap:8}},r.getInputProps(m)),v.map(((e,t)=>E.default.createElement(n.Checkbox,{name:m,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(n.Input,{type:"hidden",name:m+"-mailchimp",value:b}),E.default.createElement(n.Radio.Group,Object.assign({withAsterisk:!0,className:"lead-modal__form-control",key:d,label:c,size:"md"},r.getInputProps(m)),v.map(((e,t)=>E.default.createElement(n.Radio,{name:m,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":m,"data-control":"dropdown"}),E.default.createElement(p.Select,Object.assign({key:d,className:"lead-modal__form-control",label:c,withAsterisk:!0,name:m,data:v.map((e=>({value:e.value,label:e.placeholder})))},r.getInputProps(m))))}return null})))},se=({phone:a,onSuccess:l,autoSendWhenOpen:i})=>{const{t:r}=v.useTranslations(),[d,u]=t.useState(""),[c,m]=t.useState(!1),[p,h]=t.useState(0),g=t.useRef(null),[f,y]=t.useState(),[k,w]=t.useState(""),C=t.useRef();t.useEffect((()=>{e.__awaiter(void 0,void 0,void 0,(function*(){var e;if(!C.current){const e=yield Promise.resolve().then((function(){return _(require("react-phone-number-input"))}));C.current=e.formatPhoneNumberIntl}w((null===(e=C.current)||void 0===e?void 0:e.call(C,a))||a)}))}),[a]);const S=()=>e.__awaiter(void 0,void 0,void 0,(function*(){var e;if(!a)return;const t=yield Q({phone:a}),n=null===(e=null==t?void 0:t._messages)||void 0===e?void 0:e[0];"Send sms successfully"===n?(h(60),setTimeout((()=>{g.current&&(g.current.focus(),g.current.scrollIntoView({block:"center"}))}),100)):"This phone number was verified"===n?l():y(n||"something Wrong")}));return t.useEffect((()=>{setTimeout((()=>{p>0&&h((e=>e-1))}),1e3)}),[p]),t.useEffect((()=>{i&&!p&&S()}),[]),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||!d)return;const e=yield X({phone:a,otp:d}),t=null==e?void 0:e._messages[0];"Verify successfully"===t||"This phone number was verified"===t?l():y(t||"something Wrong")}))},className:"lead-phone-otp-form"},E.default.createElement(n.Heading,{tag:"h3",fontWeight:"bold",style:{marginBottom:4}},r("lead.otp.title")),E.default.createElement(b.Text,{size:"p1",color:s.theme.colors.gray600},r("lead.otp.desc",{phone:k})),E.default.createElement(n.Input,{ref:g,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:d,onChange:e=>{m(!0),u(e),y(c&&!e?"OTP is required":void 0)},error:c?f:void 0}),E.default.createElement(o.Button,{size:"md",color:"primary",className:`lead-modal__btn ${P}`,disabled:!d},r("lead.otp.verify")),E.default.createElement(o.Button,{type:"button",size:"md",color:"transparent",className:`lead-modal__btn lead-phone-otp-button ${P}`,onClick:()=>{S()},disabled:!!p},r("lead.otp.resend",{timer:p?` (${p}s)`:""}))))},ue=({title:e,titleAlign:t,subtitle:a,subtitleAlign:l,link:n,linkNewTab:o,linkText:i,image:r})=>{const{width:d,height:s,loaded:u}=D(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 ${P}`},i))))):null},ce=({content:e,inlinePosition:a})=>{const l=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&&l?m.createPortal(e,l):null},me=({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=>m.createPortal(e,d.getWrapperDomWithSelector(t,"sidebar-lead-modal-wrapper")))))},pe=({popupId:e,extraFields:a,onClose:l,onOtherSubmit:n,imageMobile:r,imageDesktop:d,imageOverlayMobile:s,imageOverlayDesktop:u,imageBackground:c,currentLayout:m,title:p,onSubmit:h,showThankyou:g,campaignId:f,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),x=S.submitBlock.data.url,T=S.submitBlock.data.text,O=S.submitBlock.data.text2,j=S.submitBlock.data.value,B=location.pathname,$=m.includes("Inline")||"Sidebar"===m,q="Slider"===m,[I,A]=t.useState(!0),[R,M]=t.useState(""),H=t.useRef(),F=()=>{R?M(""):null==l||l()};if(window.innerWidth<769&&["Fullscreen","Slider"].includes(m))return console.log("😎 Not show fullscreen, slider on mobile "),null;t.useEffect((()=>{(m.includes("LightBox")||"Fullscreen"==m)&&document.body.classList.add("noscroll"),window.intlTelInputUtils||require("intl-tel-input/build/js/utils"),Z.email={},Z.phone={}}),[]);const W=t.useRef(!1),V=t.useRef(!1),{form:Y,validateObj:z}=(({listBlockAdded:e=[],validatingPhoneRef:a,validatingEmailRef:l,campaignId:n,campaign_subot_id:o=[]})=>{const{t:i}=v.useTranslations(),r=t.useMemo((()=>{const t=["TextBlock","NumberBlock","EmailBlock","PhoneBlock","DateBlock","CheckboxBlock","RadioBlock","DropdownBlock","PhoneOtpBlock","LocationBlock"],r=(e,t)=>a=>{if(s.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((()=>{s.current.setFieldError(t.data.value,"Validating..."),ee(n,o,{email:e}).then((e=>{e?s.current.setFieldError(t.data.value,i(e)):s.current.clearFieldError(t.data.value),l.current=!1})).catch((e=>{console.error(e),s.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),L.countryCode))return i("validator.phone");a.current=!0,setTimeout((()=>{s.current.setFieldError(t.data.value,"Validating..."),ee(n,o,{phone:e}).then((e=>{e?s.current.setFieldError(t.data.value,i(e)):s.current.clearFieldError(t.data.value),a.current=!1})).catch((e=>{console.error(e),s.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(",")]),d=le({validateInputOnChange:!0,clearInputErrorOnChange:!0,validate:r}),s=t.useRef(d);return s.current=d,{form:d,validateObj:r}})({listBlockAdded:C,validatingPhoneRef:W,validatingEmailRef:V,campaignId:f,campaign_subot_id:b}),{width:J,height:G,loaded:K}=D(c),{width:Q,height:X,loaded:ae}=D(r),{width:ne,height:oe,loaded:ie}=D(d),re=ae&&ie&&("Fullscreen"!=m||K),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          ${s?`\n              .le-newbuilder-overlay {\n                background: url(${s}) ;\n              }`:""}\n          ${u?`\n              @media screen and (min-width:768px) {\n                .le-newbuilder-overlay {\n                  background: url(${u}) ;\n                }\n              }`:""}`}}),E.default.createElement("div",{id:e,"data-popup-url":B,"data-popup-type":"lightbox-inline",className:`lead-modal lead-modal-wrapper modal--animate-scale ${$?"le-buider-inline":""} ${q?"le-buider-slider":""}`},"Fullscreen"==m?E.default.createElement("img",{className:"le-only-desktop le-fullscreen-img",draggable:!1,src:c||"",style:{aspectRatio:`${J}/${G}`}}):null,E.default.createElement("div",{className:`lead-modal__wrapper le-newbuilder-wrap-${m}`},E.default.createElement("div",{className:`lead-modal__content le-newbuilder-${m}`},g?E.default.createElement(ue,{title:g.title,titleAlign:g.titleAlign,subtitle:g.subtitle,subtitleAlign:g.subtitleAlign,link:g.link,linkNewTab:g.linkNewTab,linkText:g.linkText,image:g.image}):E.default.createElement(E.default.Fragment,null,E.default.createElement("header",{className:"lead-modal__header"},R?E.default.createElement("img",{src:i.CommonGAssets.getAssetPath("lead-otp-thumb.png"),draggable:"false",alt:"",style:{width:"100%"}}):E.default.createElement(E.default.Fragment,null,["LightBoxA","InlineA","Sidebar","Slider"].includes(m)?r?E.default.createElement("img",{draggable:"false",className:"lead-modal__image lead-modal-image-cover",src:r,style:{aspectRatio:`${Q}/${X}`},alt:""}):null:E.default.createElement(E.default.Fragment,null,d?E.default.createElement("img",{draggable:"false",className:"le-only-desktop lead-modal__image lead-modal-image-cover",style:{height:"100%",objectFit:"cover",aspectRatio:`${ne}/${oe}`},src:d,alt:""}):null,r?E.default.createElement("img",{draggable:"false",className:"le-only-mobile lead-modal__image lead-modal-image-cover",src:r,alt:"",style:{aspectRatio:`${Q}/${X}`}}):null))),R&&E.default.createElement(se,{phone:R,autoSendWhenOpen:!0,onSuccess:()=>{null==h||h(H.current,Y.values)}}),E.default.createElement("div",{"data-hidden":!!R,className:"lead-modal__body le-newbuilder-overlay"},E.default.createElement(te,{form:Y},E.default.createElement("form",{ref:H,className:`lead-modal__form ${e}`,onSubmit:e=>{e.preventDefault(),Y.setTouched(Object.keys(z).reduce(((e,t)=>(e[t]=!0,e)),{})),V.current||W.current||setTimeout((()=>{Y.onSubmit((e=>{var t,a,l;if(!Object.keys(Y.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 M(e[n])}null==h||h(H.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)} ${P}`},p),E.default.createElement("p",{className:`lead-modal__description ${"le-text-align-"+(null===(_=N.titleBlock.data)||void 0===_?void 0:_.align)} ${P}`},N.subtitleBlock.data.value)),E.default.createElement("div",{className:"lead-modal__form-control-wrapper"},E.default.createElement(de,{listBlockAdded:C,popupId:e,locale:y,onClose:F,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 ${P}`},E.default.createElement("div",{className:"lead-modal__checkbox"},E.default.createElement("input",{id:"lead-term-checkbox",className:`lead-modal__checkbox__input ${P}`,type:"checkbox","aria-label":"Checkbox label",checked:I,onChange:e=>A(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"},T," ",E.default.createElement("span",{style:{fontWeight:"bold"}},E.default.createElement("a",{target:"blank",href:x||"https://hellobacsi.com/chinh-sach",rel:"noopener noreferrer",style:{textDecoration:"none"}},O)))),E.default.createElement(o.Button,{size:"md",id:"lead-submit",type:"submit",className:`lead-modal__btn ${P}`,disabled:!I},j))))))),!m.includes("Inline")&&E.default.createElement(U,{onClose:F,containerClassName:"close-button-top-right"}))));return re?m.includes("LightBox")||"Fullscreen"==m||"Slider"==m?pe:"Sidebar"==m?E.default.createElement(me,{content:pe}):m.includes("Inline")?E.default.createElement(ce,{content:pe,inlinePosition:a.popupInlinePosition}):null:null},he=({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}=D(o),{width:p,height:h,loaded:g}=D(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(U,{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(U,{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(U,{containerClassName:"close-button-top-right",svgClassName:"le-mobile-btn",onClose:n}))))):null},ge=({popupId:e,url:t,newTab:a,image:l,onClose:n,onOtherSubmit:o})=>{const{width:i,height:r,loaded:d}=D(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(U,{onClose:n,containerClassName:"close-button-top-right"})))):null},fe=[],ve=[],be=[];const ye=(e="UTC")=>{const t=new Date;return new Date(t.toLocaleString("en-US",{timeZone:e}))},ke=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 _e=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=ke(a),o=ke(l);if(!n||!o)return!0;const i=(null===(t=e.site)||void 0===t?void 0:t.id)||1;return!(ye($[i]).getTime()>o.getTime()&&(be.push(e),1))}(e):0===e.formatted_status&&(fe.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=ke(l),i=ke(n);if(!o||!i)return!1;const r=ye($[a]).getTime();return r<=i.getTime()&&r>=o.getTime()&&(ve.push(e),!0)})(e));let Ee=null;function we({leadApi:e,leadSiteId:t,leadDomain:a,onShowPopup:n,DEBUG_URL:o}){const i=o||("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:y.getCookie("_ga")||null})}).then((e=>e.json())).then((e=>{var t,o,r,d,s;if(Ce("List campagin: ",e),j="https://"+location.hostname+location.pathname+location.search,1==e._status){const u=(null===(o=null===(t=e._data)||void 0===t?void 0:t.campaigns)||void 0===o?void 0:o.filter(_e))||[];y.getCookie("hhg-id")||(y.setCookie("hhg-id",l.v1(),{domain:"."+a,path:"/"}),Ce("😍 Set HHG ID cookie"));let c=[];c=/Android|webOS|iPhone|iPad|iPod|BlackBerry|BB|PlayBook|IEMobile|Windows Phone|Kindle|Silk|Opera Mini/i.test(navigator.userAgent)?u.filter((e=>e.device_types.some((e=>e.id==T)))):u.filter((e=>e.device_types.some((e=>e.id==O)))),Ce("👓 campaignsDevice",c),Ce("--listCampaignScheduled",fe),Ce("--listCampaignScheduledToActivated",ve),Ce("--listCampaignActiveButExpired",be);let m=c.map(((e,t)=>e.targets.filter((e=>e.type==S)).map((e=>Object.assign(Object.assign({},e),{campaignIndex:t}))))).flat(1);m=m.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 p=Array.from(document.getElementsByTagName("META")).filter((e=>"article:tag"==e.getAttribute("property"))).map((e=>e.content));let h=[],g=[];p&&p.length&&(h=c.map(((e,t)=>e.targets.filter((e=>e.type==N)).map((e=>Object.assign(Object.assign({},e),{campaignIndex:t}))))).flat(1),g=h.filter((e=>p.includes(e.target))));const f=[...m,...g],v=document.cookie.split("; ").map((e=>e.split("=")[0])),b=v.filter((e=>e.includes("lead_submited")));Ce("--listCampaignCodeSubmited",b);const k=v.filter((e=>e.includes("lead_closed")));Ce("--listCampaignCodeClosed",k);const _=[...b,...k],E=(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})(f.filter((e=>!_.some((t=>t.includes(c[e.campaignIndex].code))))));if(Ce("--listCampaignValid : ",E),E&&E.length){const e=c[E[0].campaignIndex];Ce("CAMPAIGN_SHOW",e);const{rules:t}=e,a=Number(null===(r=t.find((e=>"time"==e.rule)))||void 0===r?void 0:r.value);Ce("timeoutRule",a);const l=Number(null===(d=t.find((e=>"scroll"==e.rule)))||void 0===d?void 0:d.value);Ce("scrollRule",l);const o=Number(null===(s=t.find((e=>"exclude_sponsored"==e.rule)))||void 0===s?void 0:s.value);Ce("excludeSponsored",o);const i=Boolean(document.querySelector(".hhg-disclaimer-text"));if(Ce("💎 LEAD current page isSponsored",i),i&&o)return;let u="TIME";if(Number.isInteger(a)&&(u="TIME",Ce("✨ SHOW AWESOME POPUP AFTER: ",a," seconds"),Ee&&clearTimeout(Ee),Ee=setTimeout((()=>{null==n||n(e,u)}),1e3*a)),Number.isInteger(l)){u="SCROLL",Ce("✨ SHOW AWESOME AFTER: SCROLL",l," %");const t=document.querySelector(`[data-url="${location.pathname}"]`)||document.querySelector("body"),a=t.getBoundingClientRect().top,o=t.offsetHeight;Ce("👓 Element check scroll: ",t);const i=function(){const t=window.pageYOffset||document.documentElement.scrollTop;let r=0;t>=a&&(r=Math.round((t-a)/(o-innerHeight)*100)),Ce("---Scroll",r,l),r>=l&&(window.removeEventListener("scroll",i),null==n||n(e,u))};window.addEventListener("scroll",i,{passive:!0})}}else Ce("🚧 No lead campaigns on current URL, tags")}})).catch((e=>{Ce("Lead error: ",e)}))}const Ce=(...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 Se=({campaign:e,action:a,onSubmit:n,onClose:o,showThankyou:i,locale:r})=>{var d,s;const{apiUrl:u,siteDomain:c}=t.useContext(R);t.useEffect((()=>{const e=y.getCookie("_ga")||null;fetch(`${u}api/campaign/${g}/impression`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:a,url:location.href.toLowerCase(),title_article:document.title,cookie_id:y.getCookie("hhg-id"),ga_client_id:e})})}),[]);const{extra_fields:m,image:p,image_desktop:h,code:g,image_background:f,image_overlay_mobile:v,image_overlay_desktop:b}=e||{},{currentLayout:k}=m,_=m.imageBlocks?JSON.parse(m.imageBlocks):{},w=JSON.parse(m.actionBlocks),C=JSON.parse(m.textBlocks);let S=(null===(s=null===(d=null==C?void 0:C.titleBlock)||void 0===d?void 0:d.data)||void 0===s?void 0:s.value)||"";const N={1:{},2:{},3:{}},x=t.useRef("lead-modal-"+l.v1()),T=function(e="Xin chao {{category_2}} extra"){if(e.includes("{{category_")){const t=11,a=e.search("{{category_");return+e.charAt(t+a)}return null}(S);if(T){Ce("⚡️ Has categoryLevel",T);const e=Array.from(document.getElementsByTagName("META")),t=e.find((e=>e.name===`content_category_${T}`)),a=e.find((e=>e.name===`content_category_en_${T}`));if(!t||!a)return Ce("⚡️ No META TAG for categoryLevel, not show popup",T),null;N[T]={value:t.content,value_en:a.content},S=S.replace(`{{category_${T}}}`,t.content),Ce("⚡️ Set categoryData ",T)}else Ce("⚡️ No categoryLevel",T);const O=()=>{var t,a,l,n;if(Ce("👌 Other submit click"),document.body.classList.remove("noscroll"),k.includes("Skin")){const e=document.querySelector("#masthead");e&&(e.style.top="0px !important;")}const i=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),r=Number(null!==(n=null===(l=e.rules.find((e=>"show_again_after_submit"==e.rule)))||void 0===l?void 0:l.value)&&void 0!==n?n:0);0===r&&(Ce("⛔ Popup never show again!"),y.setCookie(`lead_submited_${g}`,`target_${m.popupVersion}`,{domain:"."+c,path:"/"})),1==r&&(Ce(`⌛ Popup will show again after ${i} days!`),y.setCookie(`lead_submited_${g}`,`target_${m.popupVersion}`,{domain:"."+c,days:i,path:"/"}));const d=y.getCookie("_ga")||null,s={url:location.href.toLowerCase(),title_article:document.title,meta:[],cookie_id:y.getCookie("hhg-id"),ga_client_id:d};T&&(s.category=N[T].value_en),fetch(`${u}api/campaign/${g}/lead`,{method:"POST",body:JSON.stringify(s),headers:{"Content-Type":"application/json","X-Requested-With":"XMLHttpRequest"}}).then((e=>e.json())).then((e=>{"error"===e.status&&Ce(e)})).catch((e=>{Ce("Error:",e)})),null==o||o()};return"CenterTab"===k?E.default.createElement(M,{popupId:x.current,url:_.imageMobile.data.url,newTab:_.imageMobile.data.newtab,imageMobile:p,imageDestkop:h,onClose:o,onOtherSubmit:O}):"Tab"===k?E.default.createElement(ge,{popupId:x.current,url:_.imageMobile.data.url,newTab:_.imageMobile.data.newtab,image:p,onClose:o,onOtherSubmit:O}):"Floating"===k?E.default.createElement(H,{popupId:x.current,title:S,titleAlign:C.titleBlock.data.align,subtitle:C.subtitleBlock.data.value,subtitleAlign:C.subtitleBlock.data.align,url:w.linkButtonBlock.data.url,urlText:w.linkButtonBlock.data.value,newTab:w.linkButtonBlock.data.newtab,imageMobile:p,imageDesktop:h,onClose:o,onOtherSubmit:O}):k.includes("LightBox")||k.includes("Inline")||"Fullscreen"==k||"Sidebar"==k||"Slider"==k?E.default.createElement(pe,{popupId:x.current,extraFields:m,onClose:o,onOtherSubmit:O,imageMobile:p,imageDesktop:h,imageBackground:f,currentLayout:k,title:S,onSubmit:(e,t)=>n(e,t,T,N),key:k,imageOverlayDesktop:b,imageOverlayMobile:v,showThankyou:i,campaignId:e.id,campaign_subot_id:e.bot_id||[],locale:r}):k.includes("Skin")?E.default.createElement(he,{popupId:x.current,link:w.linkButtonBlock.data.url,linkNewTab:!!w.linkButtonBlock.data.newtab,linkText:w.linkButtonBlock.data.value,onClose:o,onOtherSubmit:O,imageMobile:p,imageDesktop:h,currentLayout:k}):null};exports.LeadGen=({apiUrl:a,siteDomain:l,siteId:n,locale:o,apiSubotUrl:i,DEBUG_URL:s})=>{var c;const m=t.useRef(),p=t.useRef(Date.now()),{apiUrl:h}=t.useMemo((()=>{let e=a;return e.includes("localhost")&&(e="https://dev.leadgen.hellobacsi.com/"),{apiUrl:e}}),[a,l,n]),[g,f]=t.useState(null),[v,b]=t.useState(""),[k,_]=t.useState(null);t.useEffect((()=>{Y.apiLeadUrl=h,Y.apiSubotUrl=i}),[h,i]);const S=(e,t)=>{f(e),b(t)},N=()=>{var e,t;if(!g)return;Ce(`👋👋👋 CLOSE POPUP ${g.code} 👋👋👋`);const a=Number(null===(e=g.rules.find((e=>"show_again_after_exit"==e.rule)))||void 0===e?void 0:e.value),n=Number(null===(t=g.rules.find((e=>"days_to_show_again"==e.rule)))||void 0===t?void 0:t.value);0==a&&(n?y.setCookie(`lead_closed_${g.code}`,`target_${null==g?void 0:g.extra_fields.popupVersion}`,{domain:"."+l,days:n,path:"/"}):y.setCookie(`lead_closed_${g.code}`,`target_${null==g?void 0:g.extra_fields.popupVersion}`,{domain:"."+l,path:"/"})),document.body.classList.remove("noscroll"),fetch(`${h}api/campaign/${g.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:y.getCookie("hhg-id"),duration:Math.ceil((Date.now()-p.current)/1e3)})}),f(null),_(null)};t.useEffect((()=>{if(window.next){const e=w.default((e=>{Ce("--🌻 routeChangeComplete",e,Date.now());const t=location.pathname;N(),document.querySelectorAll(`[data-popup-url="${t}"]`).length?Ce("🔥 This URL page has show popup!"):(Ce("--Process checkShowPopup"),we({leadApi:h,leadDomain:l,leadSiteId:n,onShowPopup:S,DEBUG_URL:s})),m.current&&window.removeEventListener("scroll",m.current)}),500);window.next.router.events.on("routeChangeComplete",e)}we({leadApi:h,leadDomain:l,leadSiteId:n,onShowPopup:S,DEBUG_URL:s})}),[]);const x=(t,a,n,o)=>e.__awaiter(void 0,void 0,void 0,(function*(){var e,i,r,d,s,u,c,m,p,f,v;if(!a)return;Ce("submitHandler",n,o);const b=Object.keys(a).map((e=>({name:e,value:String(a[e])}))),k=y.getCookie("_ga")||null;window.intlTelInputUtils||(yield require("intl-tel-input/build/js/utils"));const E={url:location.href.toLowerCase(),title_article:document.title,meta:b.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==L?void 0:L.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:y.getCookie("hhg-id"),ga_client_id:k};n&&o[n].value_en&&(E.category=o[n].value_en);const w=Number((null===(i=null===(e=g.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===(d=null===(r=g.rules)||void 0===r?void 0:r.find((e=>"show_again_after_submit"===e.rule)))||void 0===d?void 0:d.value)||0);if(0==S&&(Ce("⛔ Popup never show again!"),y.setCookie(`lead_submited_${g.code}`,`target_${null==g?void 0:g.extra_fields.targetType}`,{domain:"."+l,path:"/"})),1==S&&(Ce(`⌛ Popup will show again after ${w} days!`),y.setCookie(`lead_submited_${g.code}`,`target_${null==g?void 0:g.extra_fields.targetType}`,{domain:"."+l,days:w,path:"/"})),fetch(`${h}api/campaign/${g.code}/lead`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(E)}),"notshow"==(null==g?void 0:g.extra_fields.popupShowThankYou))return N(),void document.body.classList.remove("noscroll");let x=!0;const T=g.thank_you_image||`${h}admin/img/thanksyou.png`;let O,P,j=(null==g?void 0:g.extra_fields.popupThankyouTitle)||"Thank you.",B=(null==g?void 0:g.extra_fields.popupThankyouDesc)||"We appreciate your time!",$="",q="",I="";if("2.1"==(null==g?void 0:g.extra_fields.popupVersion)){const e=g.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));j=(null===(s=null==a?void 0:a.data)||void 0===s?void 0:s.value)||"",$=(null===(u=null==a?void 0:a.data)||void 0===u?void 0:u.align)||"",B=(null===(c=null==l?void 0:l.data)||void 0===c?void 0:c.value)||"",q=(null===(m=null==l?void 0:l.data)||void 0===m?void 0:m.align)||"",O=(null===(p=null==n?void 0:n.data)||void 0===p?void 0:p.value)||"",P=(null===(f=null==n?void 0:n.data)||void 0===f?void 0:f.newtab)||!1,I=(null===(v=null==n?void 0:n.data)||void 0===v?void 0:v.url)||"";const o=g.extra_fields.currentLayout;["SkinA","SkinB","Floating","Tab","CenterTab"].includes(o)&&(x=!1)}_(x?{title:j,titleAlign:$,subtitle:B,subtitleAlign:q,link:I,linkNewTab:P,linkText:O,image:T}: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}},b.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))}));return t.useEffect((()=>{g&&(p.current=Date.now())}),[g]),E.default.createElement(R.Provider,{value:{apiUrl:h,siteDomain:l,siteId:n,locale:o}},E.default.createElement(u.TranslationsContext.Provider,{value:{locale:o,values:A(o)}},E.default.createElement(r.Portal,{target:d.getPopupWrapperDom()},E.default.createElement(r.Box,{sx:{position:"fixed",zIndex:600}},E.default.createElement(r.Transition,{mounted:Boolean("2.1"===(null===(c=null==g?void 0:g.extra_fields)||void 0===c?void 0:c.popupVersion)),transition:"fade",duration:600,timingFunction:"ease"},(e=>{var t;return E.default.createElement(r.Box,{style:e},"2.1"===(null===(t=null==g?void 0:g.extra_fields)||void 0===t?void 0:t.popupVersion)&&E.default.createElement(E.default.Fragment,null,!!g.extra_fields.currentLayout&&!g.extra_fields.currentLayout.includes("Inline")&&!g.extra_fields.currentLayout.includes("Sidebar")&&E.default.createElement(r.Overlay,{color:"#000",opacity:.5,center:!0,zIndex:400,pos:"fixed",onClick:()=>N()}),E.default.createElement(Se,{campaign:g,action:v,onSubmit:x,onClose:N,showThankyou:k,locale:o})))}))))))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tslib.es6-06ca7969.js"),t=require("react"),a=require("lodash/debounce"),l=require("uuid"),n=require("./index.styles-7d8dea42.js"),o=require("./index-0a7003f4.js"),i=require("./gAssets.js"),r=require("@mantine/core");require("./index-2ed2c448.js"),require("./index-82d3c511.js");var d=require("./utils-2d60bdd3.js"),s=require("./theme-7166587e.js");require("./index.styled-e4efd920.js");var u=require("./translationsContext-2dea5a81.js");require("string-format"),require("./index-8f38526d.js"),require("./index-fe609e35.js"),require("@mantine/dates"),require("./index-e1296151.js"),require("./Onboarding-1e31ced6.js");var c=require("./index-3a582492.js"),m=require("dayjs");require("./screenSizeContext-9966e6e1.js"),require("styled-components"),require("./isProduction-2d07a408.js"),require("./index-c39b7f16.js"),require("@mantine/hooks"),require("date-fns"),require("react-day-picker/DayPickerInput"),require("./index.styled-114f9ffd.js");var p=require("react-dom");require("./index-ca37ce18.js"),require("lodash/throttle"),require("keen-slider/react"),require("./types-271f5bce.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-ecea664a.js");var h=require("./index-fc36c0f9.js"),g=require("./index-44240643.js"),f=require("./index.styled-483939e8.js"),v=require("@mantine/form");require("yup");var b=require("./useTranslations-12dcd921.js"),y=require("./index-56ec6ee1.js"),k=require("./cookieHelper-7eaa1be7.js");function _(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function E(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("./useUniqueId-7dbf4fb6.js"),require("date-fns/locale"),require("./index-eac5206c.js"),require("./index-540b5501.js"),require("@hookform/resolvers/yup"),require("./index-87f55bfd.js"),require("./index-43946382.js"),require("@mantine/carousel"),require("slugify"),require("./routing-c325f198.js"),require("dayjs/plugin/relativeTime");var w=_(t),C=_(a),S=_(m);const N=1,x=2;let T="https://dev.leadgen.hellobacsi.com/";const O=1,P=2;let j="";T.includes("localhost")&&(T="https://dev.leadgen.hellobacsi.com/"),location.hostname.includes("marrybaby.vn")&&(j="pink");let B="https://"+location.hostname+location.pathname+location.search;B=B.toLowerCase(),sessionStorage.getItem("insider_object")&&(window.insider_object=JSON.parse(sessionStorage.getItem("insider_object")));const q={"vi-VN":{popupLang:"vi",countryCode:"vn",countryCodeNumber:84},"id-ID":{popupLang:"id",countryCode:"id",countryCodeNumber:62},"th-TH":{popupLang:"th",countryCode:"th",countryCodeNumber:66},"ms-MY":{popupLang:"ms",countryCode:"my",countryCodeNumber:60},"zh-TW":{popupLang:"zh",countryCode:"tw",countryCodeNumber:886},"km-KH":{popupLang:"km",countryCode:"kh",countryCodeNumber:855},"my-MM":{popupLang:"my",countryCode:"mm",countryCodeNumber:95},"hi-IN":{popupLang:"hi",countryCode:"in",countryCodeNumber:91}},L=q[document.documentElement.lang]||q["vi-VN"];const $={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 I={"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 A={"en-PH":I,"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":I},R=e=>{const t=A[e];return t||A["en-PH"]},D=t.createContext({}),U=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}},M=({onClose:e,containerClassName:t,svgClassName:a})=>w.default.createElement("button",{onClick:e,className:`le-newbuilder-close-button js-modal__close ${t||""}`},w.default.createElement("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:a},w.default.createElement("circle",{cx:"16",cy:"16",r:"16",fill:"white"}),w.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"}))),H=({popupId:e,url:t,newTab:a,imageDestkop:l,imageMobile:n,onClose:o,onOtherSubmit:i})=>{const{width:r,height:d,loaded:s}=U(n),{width:u,height:c,loaded:m}=U(l);return s&&m?w.default.createElement("div",{id:e,className:"lead-modal-wrapper","data-popup-url":location.pathname,"data-popup-type":"center_tab"},w.default.createElement("div",{className:"le-center-tab-popup"},w.default.createElement("div",{style:{position:"relative"}},w.default.createElement("a",{className:"js-popup-other-submit",href:t,target:a?"blank":"_parent",onClick:i},w.default.createElement("img",{className:"le-only-mobile",src:n,style:{aspectRatio:`${r}/${d}`}}),w.default.createElement("img",{className:"le-only-desktop",src:l,style:{aspectRatio:`${u}/${c}`}})),w.default.createElement(M,{onClose:o,containerClassName:"close-button-top-right"})))):null},F=({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}=U(s),{width:g,height:f,loaded:v}=U(d);return h&&v?w.default.createElement("div",{id:e,className:"lead-modal-wrapper lead-floating-wrapper","data-popup-url":location.pathname,"data-popup-type":"floating"},w.default.createElement("aside",{className:"le-only-desktop"},w.default.createElement("div",{className:"le-floating-desktop"},w.default.createElement("div",{className:"le-floating-desktop-wrap",style:{position:"relative",background:"#fff"}},d?w.default.createElement("div",null,w.default.createElement("img",{style:{maxWidth:120,borderTopLeftRadius:5,borderBottomLeftRadius:5,aspectRatio:`${g}/${f}`},src:d})):null,w.default.createElement("div",{style:{padding:20}},w.default.createElement("div",{className:`le-floating-desktop-title le-text-align-${n}`},a),w.default.createElement("div",{className:`le-floating-desktop-desc le-text-align-${i}`},o)),w.default.createElement("a",{target:r?"blank":"_parent",style:{marginLeft:35,textDecoration:"none"},href:t},w.default.createElement("button",{className:"le-joinbow-floating-btn js-popup-other-submit",onClick:c},l)),w.default.createElement(M,{onClose:u,containerClassName:"close-button-top-right"})))),w.default.createElement("aside",{className:"le-only-mobile"},w.default.createElement("div",{className:"le-floating-mobile"},w.default.createElement("div",{className:"le-floating-mobile-wrap",style:{position:"relative",background:"#fff"}},w.default.createElement("aside",{style:{display:"flex",justifyContent:"space-between"}},w.default.createElement("div",null,w.default.createElement("div",{className:`le-floating-mobile-title le-text-align-${n}`},a),w.default.createElement("div",{className:`le-floating-mobile-desc le-text-align-${i}`},o)),s?w.default.createElement("div",null,w.default.createElement("img",{style:{marginLeft:15,marginTop:4,maxWidth:100,aspectRatio:`${m}/${p}`},src:s})):null),w.default.createElement("div",{style:{textAlign:"center",marginTop:10}},w.default.createElement("a",{target:r?"blank":"_parent",href:t,style:{textDecoration:"none"}},w.default.createElement("button",{className:"le-joinbow-floating-btn js-popup-other-submit",onClick:c},l))),w.default.createElement(M,{onClose:u,containerClassName:"close-button-top-right"}))))):null},W="undefined"==typeof window,V={VN:"vi",ID:"id",TH:"th",MY:"ms",TW:"zh-TW",KH:"km",MM:"my",IN:"hi",PH:"en"},Y=(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(W)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:V[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}};const z=new class{constructor(){this.apiLeadUrl="https://dev.leadgen.hellobacsi.com/",this.apiSubotUrl="https://staging-service-subot.hellohealthgroup.com/"}},J={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(`${z.apiLeadUrl}${a}`,n).then((e=>e.json())).catch((()=>({})))}},G={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(`${z.apiSubotUrl}${a}`,n).then((e=>e.json())).catch((()=>({})))}},K=({bot_id:e,email:t,phone:a})=>{let l=a;return l&&l.startsWith("0")&&(l=l.substring(1)),G.call({url:"frontend/api/subot-campaign/check",method:"post",data:{bot_id:e,email:t,phone:l}})},Q=({campaign_id:e,email:t,phone:a})=>{let l=a;return l&&l.startsWith("0")&&(l=l.substring(1)),J.call({url:"api/subot-campaign/check",method:"post",data:{campaign_id:e,email:t,phone:l}})},X=({phone:e})=>J.call({url:"api/sms/otp",method:"post",data:{phone_number:e.replace("+","")}}),Z=({phone:e,otp:t})=>J.call({url:"api/sms/verify",method:"post",data:{otp_code:t,phone_number:e.replace("+","")}}),ee={email:{},phone:{}},te=(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(ee[n][o]){if(ee[n][o].value)return i;if(!ee[n][o].value&&ee[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 Q({campaign_id:[t],[e]:n});return"SubmitLeadWithBotId_ERR_001"===i._errorCode||"SubmitLeadWithBotId_ERR_002"===i._errorCode||a.length&&"CheckSuBotLeadTool_ERR_001"===(yield K({bot_id:a,[e]:n}))._errorCode?o:void 0})))(t,a,l);return ee[n][o]=r?{value:!0}:{value:!1,expire:Date.now()+6e4},r})),[ae,le,ne]=v.createFormContext(),oe=["places"],ie=({name:e,placeholder:a,locale:l})=>{var n;const o=le(),[i,r]=t.useState(""),[d,s]=t.useState(""),{predictions:u}=Y(i,"","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 E(require("@react-google-maps/api"))})).then((e=>{m((()=>e.LoadScript)),setTimeout((()=>{h(!0)}),200)}))}),[]),p?w.default.createElement(w.default.Fragment,null,c&&w.default.createElement(c,{googleMapsApiKey:"AIzaSyD9AbNa4AFwr8eNVs90G1YhQLhfWJ6KncU",libraries:oe,loadingElement:w.default.createElement(w.default.Fragment,null)}),w.default.createElement("div",{style:{display:"none"},"data-extra":!0,"data-name":e,"data-control":"text"}),w.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:w.default.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},w.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:w.default.createElement(w.default.Fragment,null)},o.getInputProps(e)))):w.default.createElement("div",{style:{height:73}})},re=({children:e,align:t})=>w.default.createElement("p",{className:`lead-modal__description ${"le-text-align-"+(t||"")} ${j}`},e),de=({children:e,align:t})=>w.default.createElement("h2",{className:`lead-modal__title ${"le-text-align-"+(t||"")} ${j}`},e),se=({listBlockAdded:e,popupId:t,locale:a,onClose:l,onOtherSubmit:n})=>{const i=le();return w.default.createElement(w.default.Fragment,null,e.map(((e,r)=>{const{name:d="",data:s={}}=e||{},{placeholder:u,value:m,align:p,listQuestion:v,isSendMailChimp:b=!1,newtab:y,url:k}=s;switch(d){case"TitleBlock":return w.default.createElement(de,{key:r,align:p},m);case"SubtitleBlock":return w.default.createElement(re,{key:r,align:p},m);case"TextBlock":return w.default.createElement(c.Input,Object.assign({key:r,withAsterisk:!0,spellCheck:!1,type:"text",placeholder:u,className:"lead-modal__form-control",label:u,"data-control":"text",name:m},i.getInputProps(m)));case"NumberBlock":return w.default.createElement(c.NumberInput,Object.assign({key:r,withAsterisk:!0,spellCheck:!1,type:"number",placeholder:u,className:"lead-modal__form-control",label:u,"data-control":"number",name:m},i.getInputProps(m)));case"EmailBlock":return w.default.createElement(c.Input,Object.assign({key:r,withAsterisk:!0,spellCheck:!1,placeholder:u,className:"lead-modal__form-control",label:u,"data-control":"email",name:m},i.getInputProps(m)));case"PhoneOtpBlock":case"PhoneBlock":{const e=t+"-"+m+"-"+r;return w.default.createElement(c.Input.Wrapper,Object.assign({size:"md",withAsterisk:!0,key:r,label:u,className:"lead-modal__form-control",labelProps:{htmlFor:e}},i.getInputProps(m)),w.default.createElement(c.Phone,{name:m,spellCheck:!1,type:"tel",placeholder:u,onChange:e=>{i.setFieldValue(m,e)},id:e,defaultCountry:a&&f.MAPPED_LOCALE[a]||"VN","data-control":"tel"}))}case"LocationBlock":return w.default.createElement(ie,{key:r,name:m,placeholder:u,locale:a});case"DateBlock":return w.default.createElement(h.DatePicker,Object.assign({withAsterisk:!0,key:r,type:"default",name:m,placeholder:u,className:"lead-modal__form-control",label:u,"data-control":"date"},i.getInputProps(m)));case"LinkButtonBlock":return w.default.createElement("div",{key:r},w.default.createElement("a",{target:y?"blank":"parrent",href:k,style:{textDecoration:"none"}},w.default.createElement(o.Button,{type:"button",size:"md",className:`lead-modal__btn ${j}`,onClick:()=>{null==l||l(),null==n||n()}},m)));case"CheckboxBlock":return w.default.createElement(w.default.Fragment,null,b&&w.default.createElement("div",{style:{display:"none"},"data-name":m+"-mailchimp"}),w.default.createElement(c.Checkbox.Group,Object.assign({withAsterisk:!0,className:"lead-modal__form-control",key:r,label:u,size:"md",sx:{display:"flex",flexDirection:"column",gap:8}},i.getInputProps(m)),v.map(((e,t)=>w.default.createElement(c.Checkbox,{name:m,key:t,value:e.value,label:e.placeholder,"data-control":"checkbox"})))));case"RadioBlock":return w.default.createElement(w.default.Fragment,null,b&&w.default.createElement(c.Input,{type:"hidden",name:m+"-mailchimp",value:b}),w.default.createElement(c.Radio.Group,Object.assign({withAsterisk:!0,className:"lead-modal__form-control",key:r,label:u,size:"md"},i.getInputProps(m)),v.map(((e,t)=>w.default.createElement(c.Radio,{name:m,key:t,value:e.value,label:e.placeholder,"data-control":"radio"})))));case"DropdownBlock":return w.default.createElement(w.default.Fragment,null,w.default.createElement("div",{style:{display:"none"},"data-extra":!0,"data-name":m,"data-control":"dropdown"}),w.default.createElement(g.Select,Object.assign({key:r,className:"lead-modal__form-control",label:u,withAsterisk:!0,name:m,data:v.map((e=>({value:e.value,label:e.placeholder})))},i.getInputProps(m))))}return null})))},ue=({phone:a,onSuccess:l,autoSendWhenOpen:i})=>{const{t:r}=b.useTranslations(),[d,u]=t.useState(""),[m,p]=t.useState(!1),[h,g]=t.useState(0),f=t.useRef(null),[v,k]=t.useState(),[_,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 E(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 X({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((()=>{i&&!h&&N()}),[]),w.default.createElement(w.default.Fragment,null,w.default.createElement("form",{onSubmit:t=>{t.preventDefault(),e.__awaiter(void 0,void 0,void 0,(function*(){if(!a||!d)return;const e=yield Z({phone:a,otp:d}),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"},w.default.createElement(n.Heading,{tag:"h3",fontWeight:"bold",style:{marginBottom:4}},r("lead.otp.title")),w.default.createElement(y.Text,{size:"p1",color:s.theme.colors.gray600},r("lead.otp.desc",{phone:_})),w.default.createElement(c.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:d,onChange:e=>{p(!0),u(e),k(m&&!e?"OTP is required":void 0)},error:m?v:void 0}),w.default.createElement(o.Button,{size:"md",color:"primary",className:`lead-modal__btn ${j}`,disabled:!d},r("lead.otp.verify")),w.default.createElement(o.Button,{type:"button",size:"md",color:"transparent",className:`lead-modal__btn lead-phone-otp-button ${j}`,onClick:()=>{N()},disabled:!!h},r("lead.otp.resend",{timer:h?` (${h}s)`:""}))))},ce=({title:e,titleAlign:t,subtitle:a,subtitleAlign:l,link:n,linkNewTab:o,linkText:i,image:r})=>{const{width:d,height:s,loaded:u}=U(r);return u?w.default.createElement("div",{className:"lead-modal__thank-you"},w.default.createElement("div",{style:{width:"100%"}},w.default.createElement("img",{src:r,style:{maxHeight:162,objectFit:"cover",aspectRatio:`${d}/${s}`}}),e&&w.default.createElement("h1",{className:`le-thankyou-title le-text-align-${t}`},e),a&&w.default.createElement("p",{className:`le-thankyou-subtitle le-text-align-${l}`},a),i&&w.default.createElement("div",null,w.default.createElement("a",{href:n,target:o?"_blank":"parrent",rel:"noreferrer"},w.default.createElement("button",{className:`lead-modal__btn ${j}`},i))))):null},me=({content:e,inlinePosition:a})=>{const l=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&&l?p.createPortal(e,l):null},pe=({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 w.default.createElement(w.default.Fragment,null,a.map((t=>p.createPortal(e,d.getWrapperDomWithSelector(t,"sidebar-lead-modal-wrapper")))))},he=({popupId:e,extraFields:a,onClose:l,onOtherSubmit:n,imageMobile:r,imageDesktop:d,imageOverlayMobile:s,imageOverlayDesktop:u,imageBackground:c,currentLayout:m,title:p,onSubmit:h,showThankyou:g,campaignId:f,campaign_subot_id:v,locale:y})=>{var k,_,E;const C=JSON.parse(a.listBlockAdded),S=JSON.parse(a.actionBlocks),N=JSON.parse(a.textBlocks),x=S.submitBlock.data.url,T=S.submitBlock.data.text,O=S.submitBlock.data.text2,P=S.submitBlock.data.value,B=location.pathname,q=m.includes("Inline")||"Sidebar"===m,$="Slider"===m,[I,A]=t.useState(!0),[R,D]=t.useState(""),H=t.useRef(),F=()=>{R?D(""):null==l||l()};if(window.innerWidth<769&&["Fullscreen","Slider"].includes(m))return console.log("😎 Not show fullscreen, slider on mobile "),null;t.useEffect((()=>{(m.includes("LightBox")||"Fullscreen"==m)&&document.body.classList.add("noscroll"),window.intlTelInputUtils||require("intl-tel-input/build/js/utils"),ee.email={},ee.phone={}}),[]);const W=t.useRef(!1),V=t.useRef(!1),{form:Y,validateObj:z}=(({listBlockAdded:e=[],validatingPhoneRef:a,validatingEmailRef:l,campaignId:n,campaign_subot_id:o=[]})=>{const{t:i}=b.useTranslations(),r=t.useMemo((()=>{const t=["TextBlock","NumberBlock","EmailBlock","PhoneBlock","DateBlock","CheckboxBlock","RadioBlock","DropdownBlock","PhoneOtpBlock","LocationBlock"],r=(e,t)=>a=>{if(s.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((()=>{s.current.setFieldError(t.data.value,"Validating..."),te(n,o,{email:e}).then((e=>{e?s.current.setFieldError(t.data.value,i(e)):s.current.clearFieldError(t.data.value),l.current=!1})).catch((e=>{console.error(e),s.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),L.countryCode))return i("validator.phone");a.current=!0,setTimeout((()=>{s.current.setFieldError(t.data.value,"Validating..."),te(n,o,{phone:e}).then((e=>{e?s.current.setFieldError(t.data.value,i(e)):s.current.clearFieldError(t.data.value),a.current=!1})).catch((e=>{console.error(e),s.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(",")]),d=ne({validateInputOnChange:!0,clearInputErrorOnChange:!0,validate:r}),s=t.useRef(d);return s.current=d,{form:d,validateObj:r}})({listBlockAdded:C,validatingPhoneRef:W,validatingEmailRef:V,campaignId:f,campaign_subot_id:v}),{width:J,height:G,loaded:K}=U(c),{width:Q,height:X,loaded:Z}=U(r),{width:le,height:oe,loaded:ie}=U(d),re=Z&&ie&&("Fullscreen"!=m||K),de=w.default.createElement(w.default.Fragment,null,w.default.createElement("style",{dangerouslySetInnerHTML:{__html:`\n          .le-newbuilder-overlay {\n            background-repeat: no-repeat;\n            background-size: cover;\n          }\n          ${s?`\n              .le-newbuilder-overlay {\n                background: url(${s}) ;\n              }`:""}\n          ${u?`\n              @media screen and (min-width:768px) {\n                .le-newbuilder-overlay {\n                  background: url(${u}) ;\n                }\n              }`:""}`}}),w.default.createElement("div",{id:e,"data-popup-url":B,"data-popup-type":"lightbox-inline",className:`lead-modal lead-modal-wrapper modal--animate-scale ${q?"le-buider-inline":""} ${$?"le-buider-slider":""}`},"Fullscreen"==m?w.default.createElement("img",{className:"le-only-desktop le-fullscreen-img",draggable:!1,src:c||"",style:{aspectRatio:`${J}/${G}`}}):null,w.default.createElement("div",{className:`lead-modal__wrapper le-newbuilder-wrap-${m}`},w.default.createElement("div",{className:`lead-modal__content le-newbuilder-${m}`},g?w.default.createElement(ce,{title:g.title,titleAlign:g.titleAlign,subtitle:g.subtitle,subtitleAlign:g.subtitleAlign,link:g.link,linkNewTab:g.linkNewTab,linkText:g.linkText,image:g.image}):w.default.createElement(w.default.Fragment,null,w.default.createElement("header",{className:"lead-modal__header"},R?w.default.createElement("img",{src:i.CommonGAssets.getAssetPath("lead-otp-thumb.png"),draggable:"false",alt:"",style:{width:"100%"}}):w.default.createElement(w.default.Fragment,null,["LightBoxA","InlineA","Sidebar","Slider"].includes(m)?r?w.default.createElement("img",{draggable:"false",className:"lead-modal__image lead-modal-image-cover",src:r,style:{aspectRatio:`${Q}/${X}`},alt:""}):null:w.default.createElement(w.default.Fragment,null,d?w.default.createElement("img",{draggable:"false",className:"le-only-desktop lead-modal__image lead-modal-image-cover",style:{height:"100%",objectFit:"cover",aspectRatio:`${le}/${oe}`},src:d,alt:""}):null,r?w.default.createElement("img",{draggable:"false",className:"le-only-mobile lead-modal__image lead-modal-image-cover",src:r,alt:"",style:{aspectRatio:`${Q}/${X}`}}):null))),R&&w.default.createElement(ue,{phone:R,autoSendWhenOpen:!0,onSuccess:()=>{null==h||h(H.current,Y.values)}}),w.default.createElement("div",{"data-hidden":!!R,className:"lead-modal__body le-newbuilder-overlay"},w.default.createElement(ae,{form:Y},w.default.createElement("form",{ref:H,className:`lead-modal__form ${e}`,onSubmit:e=>{e.preventDefault(),Y.setTouched(Object.keys(z).reduce(((e,t)=>(e[t]=!0,e)),{})),V.current||W.current||setTimeout((()=>{Y.onSubmit((e=>{var t,a,l;if(!Object.keys(Y.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 D(e[n])}null==h||h(H.current,e)}}))(e)}),100)}},w.default.createElement("div",{style:{marginBottom:20}},w.default.createElement("h2",{className:`lead-modal__title ${"le-text-align-"+(null===(k=N.titleBlock.data)||void 0===k?void 0:k.align)} ${j}`},p),w.default.createElement("p",{className:`lead-modal__description ${"le-text-align-"+(null===(_=N.titleBlock.data)||void 0===_?void 0:_.align)} ${j}`},N.subtitleBlock.data.value)),w.default.createElement("div",{className:"lead-modal__form-control-wrapper"},w.default.createElement(se,{listBlockAdded:C,popupId:e,locale:y,onClose:F,onOtherSubmit:n})),(null===(E=null==S?void 0:S.submitBlock)||void 0===E?void 0:E.isHide)?null:w.default.createElement(w.default.Fragment,null,w.default.createElement("div",{className:`lead-modal__checkbox-wrapper ${j}`},w.default.createElement("div",{className:"lead-modal__checkbox"},w.default.createElement("input",{id:"lead-term-checkbox",className:`lead-modal__checkbox__input ${j}`,type:"checkbox","aria-label":"Checkbox label",checked:I,onChange:e=>A(e.currentTarget.checked)}),w.default.createElement("div",{className:"lead-modal__checkbox__control","aria-hidden":"true"})),w.default.createElement("label",{htmlFor:"checkbox",className:"lead-modal__checkbox__label"},T," ",w.default.createElement("span",{style:{fontWeight:"bold"}},w.default.createElement("a",{target:"blank",href:x||"https://hellobacsi.com/chinh-sach",rel:"noopener noreferrer",style:{textDecoration:"none"}},O)))),w.default.createElement(o.Button,{size:"md",id:"lead-submit",type:"submit",className:`lead-modal__btn ${j}`,disabled:!I},P))))))),!m.includes("Inline")&&w.default.createElement(M,{onClose:F,containerClassName:"close-button-top-right"}))));return re?m.includes("LightBox")||"Fullscreen"==m||"Slider"==m?de:"Sidebar"==m?w.default.createElement(pe,{content:de}):m.includes("Inline")?w.default.createElement(me,{content:de,inlinePosition:a.popupInlinePosition}):null:null},ge=({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}=U(o),{width:p,height:h,loaded:g}=U(i);return m&&g?w.default.createElement("div",{id:e,className:"lead-modal-wrapper","data-popup-url":s,"data-popup-type":"skin_ab"},"SkinA"==r?w.default.createElement("aside",{className:"le-only-desktop"},w.default.createElement("div",{className:"le-skin-a-desktop"},w.default.createElement("div",{style:{position:"relative"}},w.default.createElement("img",{src:i,style:{aspectRatio:`${p}/${h}`}}),w.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"},w.default.createElement("button",{onClick:d,className:"le-joinbow-btn js-popup-other-submit"},a)),w.default.createElement(M,{onClose:n,containerClassName:"close-button-top-right"})))):"SkinB"==r?w.default.createElement("aside",{className:"le-only-desktop"},w.default.createElement("div",{className:""},w.default.createElement("div",{style:{position:"relative",zIndex:1e4}},w.default.createElement("img",{src:i,style:{width:"100%",aspectRatio:`${p}/${h}`}}),w.default.createElement("a",{style:{position:"absolute",top:"75%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center",width:"100%"},href:t,target:l?"blank":"_parent"},w.default.createElement("button",{onClick:d,className:"le-joinbow-btn-mobile js-popup-other-submit"},a)),w.default.createElement(M,{containerClassName:"close-button-top-right",onClose:n})))):null,w.default.createElement("aside",{className:"le-only-mobile"},w.default.createElement("div",{className:"le-skin-mobile"},w.default.createElement("div",{style:{position:"relative"}},w.default.createElement("img",{src:o,style:{width:"100%",aspectRatio:`${u}/${c}`}}),w.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"},w.default.createElement("button",{onClick:d,className:"le-joinbow-btn-mobile js-popup-other-submit"},a)),w.default.createElement(M,{containerClassName:"close-button-top-right",svgClassName:"le-mobile-btn",onClose:n}))))):null},fe=({popupId:e,url:t,newTab:a,image:l,onClose:n,onOtherSubmit:o})=>{const{width:i,height:r,loaded:d}=U(l);return d?w.default.createElement("div",{id:e,className:"lead-modal-wrapper","data-popup-url":location.pathname,"data-popup-type":"tab"},w.default.createElement("div",{className:"le-tab-popup"},w.default.createElement("div",{style:{position:"relative"}},w.default.createElement("a",{href:t,target:a?"blank":"_parent",onClick:o},w.default.createElement("img",{className:"js-popup-other-submit",src:l,style:{aspectRatio:`${i}/${r}`}})),w.default.createElement(M,{onClose:n,containerClassName:"close-button-top-right"})))):null},ve=[],be=[],ye=[];const ke=(e="UTC")=>{const t=new Date;return new Date(t.toLocaleString("en-US",{timeZone:e}))},_e=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 Ee=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=_e(a),o=_e(l);if(!n||!o)return!0;const i=(null===(t=e.site)||void 0===t?void 0:t.id)||1;return!(ke($[i]).getTime()>o.getTime()&&(ye.push(e),1))}(e):0===e.formatted_status&&(ve.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=_e(l),i=_e(n);if(!o||!i)return!1;const r=ke($[a]).getTime();return r<=i.getTime()&&r>=o.getTime()&&(be.push(e),!0)})(e));let we=null;function Ce({leadApi:e,leadSiteId:t,leadDomain:a,onShowPopup:n,DEBUG_URL:o}){const i=o||("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:k.getCookie("_ga")||null})}).then((e=>e.json())).then((e=>{var t,o,r,d,s;if(Se("List campagin: ",e),B="https://"+location.hostname+location.pathname+location.search,1==e._status){const u=(null===(o=null===(t=e._data)||void 0===t?void 0:t.campaigns)||void 0===o?void 0:o.filter(Ee))||[];k.getCookie("hhg-id")||(k.setCookie("hhg-id",l.v1(),{domain:"."+a,path:"/"}),Se("😍 Set HHG ID cookie"));let c=[];c=/Android|webOS|iPhone|iPad|iPod|BlackBerry|BB|PlayBook|IEMobile|Windows Phone|Kindle|Silk|Opera Mini/i.test(navigator.userAgent)?u.filter((e=>e.device_types.some((e=>e.id==O)))):u.filter((e=>e.device_types.some((e=>e.id==P)))),Se("👓 campaignsDevice",c),Se("--listCampaignScheduled",ve),Se("--listCampaignScheduledToActivated",be),Se("--listCampaignActiveButExpired",ye);let m=c.map(((e,t)=>e.targets.filter((e=>e.type==N)).map((e=>Object.assign(Object.assign({},e),{campaignIndex:t}))))).flat(1);m=m.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 p=Array.from(document.getElementsByTagName("META")).filter((e=>"article:tag"==e.getAttribute("property"))).map((e=>e.content));let h=[],g=[];p&&p.length&&(h=c.map(((e,t)=>e.targets.filter((e=>e.type==x)).map((e=>Object.assign(Object.assign({},e),{campaignIndex:t}))))).flat(1),g=h.filter((e=>p.includes(e.target))));const f=[...m,...g],v=document.cookie.split("; ").map((e=>e.split("=")[0])),b=v.filter((e=>e.includes("lead_submited")));Se("--listCampaignCodeSubmited",b);const y=v.filter((e=>e.includes("lead_closed")));Se("--listCampaignCodeClosed",y);const _=[...b,...y],E=(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})(f.filter((e=>!_.some((t=>t.includes(c[e.campaignIndex].code))))));if(Se("--listCampaignValid : ",E),E&&E.length){const e=c[E[0].campaignIndex];Se("CAMPAIGN_SHOW",e);const{rules:t}=e,a=Number(null===(r=t.find((e=>"time"==e.rule)))||void 0===r?void 0:r.value);Se("timeoutRule",a);const l=Number(null===(d=t.find((e=>"scroll"==e.rule)))||void 0===d?void 0:d.value);Se("scrollRule",l);const o=Number(null===(s=t.find((e=>"exclude_sponsored"==e.rule)))||void 0===s?void 0:s.value);Se("excludeSponsored",o);const i=Boolean(document.querySelector(".hhg-disclaimer-text"));if(Se("💎 LEAD current page isSponsored",i),i&&o)return;let u="TIME";if(Number.isInteger(a)&&(u="TIME",Se("✨ SHOW AWESOME POPUP AFTER: ",a," seconds"),we&&clearTimeout(we),we=setTimeout((()=>{null==n||n(e,u)}),1e3*a)),Number.isInteger(l)){u="SCROLL",Se("✨ SHOW AWESOME AFTER: SCROLL",l," %");const t=document.querySelector(`[data-url="${location.pathname}"]`)||document.querySelector("body"),a=t.getBoundingClientRect().top,o=t.offsetHeight;Se("👓 Element check scroll: ",t);const i=function(){const t=window.pageYOffset||document.documentElement.scrollTop;let r=0;t>=a&&(r=Math.round((t-a)/(o-innerHeight)*100)),Se("---Scroll",r,l),r>=l&&(window.removeEventListener("scroll",i),null==n||n(e,u))};window.addEventListener("scroll",i,{passive:!0})}}else Se("🚧 No lead campaigns on current URL, tags")}})).catch((e=>{Se("Lead error: ",e)}))}const Se=(...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 Ne=({campaign:e,action:a,onSubmit:n,onClose:o,showThankyou:i,locale:r})=>{var d,s;const{apiUrl:u,siteDomain:c}=t.useContext(D);t.useEffect((()=>{const e=k.getCookie("_ga")||null;fetch(`${u}api/campaign/${g}/impression`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:a,url:location.href.toLowerCase(),title_article:document.title,cookie_id:k.getCookie("hhg-id"),ga_client_id:e})})}),[]);const{extra_fields:m,image:p,image_desktop:h,code:g,image_background:f,image_overlay_mobile:v,image_overlay_desktop:b}=e||{},{currentLayout:y}=m,_=m.imageBlocks?JSON.parse(m.imageBlocks):{},E=JSON.parse(m.actionBlocks),C=JSON.parse(m.textBlocks);let S=(null===(s=null===(d=null==C?void 0:C.titleBlock)||void 0===d?void 0:d.data)||void 0===s?void 0:s.value)||"";const N={1:{},2:{},3:{}},x=t.useRef("lead-modal-"+l.v1()),T=function(e="Xin chao {{category_2}} extra"){if(e.includes("{{category_")){const t=11,a=e.search("{{category_");return+e.charAt(t+a)}return null}(S);if(T){Se("⚡️ Has categoryLevel",T);const e=Array.from(document.getElementsByTagName("META")),t=e.find((e=>e.name===`content_category_${T}`)),a=e.find((e=>e.name===`content_category_en_${T}`));if(!t||!a)return Se("⚡️ No META TAG for categoryLevel, not show popup",T),null;N[T]={value:t.content,value_en:a.content},S=S.replace(`{{category_${T}}}`,t.content),Se("⚡️ Set categoryData ",T)}else Se("⚡️ No categoryLevel",T);const O=()=>{var t,a,l,n;if(Se("👌 Other submit click"),document.body.classList.remove("noscroll"),y.includes("Skin")){const e=document.querySelector("#masthead");e&&(e.style.top="0px !important;")}const i=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),r=Number(null!==(n=null===(l=e.rules.find((e=>"show_again_after_submit"==e.rule)))||void 0===l?void 0:l.value)&&void 0!==n?n:0);0===r&&(Se("⛔ Popup never show again!"),k.setCookie(`lead_submited_${g}`,`target_${m.popupVersion}`,{domain:"."+c,path:"/"})),1==r&&(Se(`⌛ Popup will show again after ${i} days!`),k.setCookie(`lead_submited_${g}`,`target_${m.popupVersion}`,{domain:"."+c,days:i,path:"/"}));const d=k.getCookie("_ga")||null,s={url:location.href.toLowerCase(),title_article:document.title,meta:[],cookie_id:k.getCookie("hhg-id"),ga_client_id:d};T&&(s.category=N[T].value_en),fetch(`${u}api/campaign/${g}/lead`,{method:"POST",body:JSON.stringify(s),headers:{"Content-Type":"application/json","X-Requested-With":"XMLHttpRequest"}}).then((e=>e.json())).then((e=>{"error"===e.status&&Se(e)})).catch((e=>{Se("Error:",e)})),null==o||o()};return"CenterTab"===y?w.default.createElement(H,{popupId:x.current,url:_.imageMobile.data.url,newTab:_.imageMobile.data.newtab,imageMobile:p,imageDestkop:h,onClose:o,onOtherSubmit:O}):"Tab"===y?w.default.createElement(fe,{popupId:x.current,url:_.imageMobile.data.url,newTab:_.imageMobile.data.newtab,image:p,onClose:o,onOtherSubmit:O}):"Floating"===y?w.default.createElement(F,{popupId:x.current,title:S,titleAlign:C.titleBlock.data.align,subtitle:C.subtitleBlock.data.value,subtitleAlign:C.subtitleBlock.data.align,url:E.linkButtonBlock.data.url,urlText:E.linkButtonBlock.data.value,newTab:E.linkButtonBlock.data.newtab,imageMobile:p,imageDesktop:h,onClose:o,onOtherSubmit:O}):y.includes("LightBox")||y.includes("Inline")||"Fullscreen"==y||"Sidebar"==y||"Slider"==y?w.default.createElement(he,{popupId:x.current,extraFields:m,onClose:o,onOtherSubmit:O,imageMobile:p,imageDesktop:h,imageBackground:f,currentLayout:y,title:S,onSubmit:(e,t)=>n(e,t,T,N),key:y,imageOverlayDesktop:b,imageOverlayMobile:v,showThankyou:i,campaignId:e.id,campaign_subot_id:e.bot_id||[],locale:r}):y.includes("Skin")?w.default.createElement(ge,{popupId:x.current,link:E.linkButtonBlock.data.url,linkNewTab:!!E.linkButtonBlock.data.newtab,linkText:E.linkButtonBlock.data.value,onClose:o,onOtherSubmit:O,imageMobile:p,imageDesktop:h,currentLayout:y}):null};exports.LeadGen=({apiUrl:a,siteDomain:l,siteId:n,locale:o,apiSubotUrl:i,DEBUG_URL:s})=>{var c;const m=t.useRef(),p=t.useRef(Date.now()),{apiUrl:h}=t.useMemo((()=>{let e=a;return e.includes("localhost")&&(e="https://dev.leadgen.hellobacsi.com/"),{apiUrl:e}}),[a,l,n]),[g,f]=t.useState(null),[v,b]=t.useState(""),[y,_]=t.useState(null);t.useEffect((()=>{z.apiLeadUrl=h,z.apiSubotUrl=i}),[h,i]);const E=(e,t)=>{f(e),b(t)},N=()=>{var e,t;if(!g)return;Se(`👋👋👋 CLOSE POPUP ${g.code} 👋👋👋`);const a=Number(null===(e=g.rules.find((e=>"show_again_after_exit"==e.rule)))||void 0===e?void 0:e.value),n=Number(null===(t=g.rules.find((e=>"days_to_show_again"==e.rule)))||void 0===t?void 0:t.value);0==a&&(n?k.setCookie(`lead_closed_${g.code}`,`target_${null==g?void 0:g.extra_fields.popupVersion}`,{domain:"."+l,days:n,path:"/"}):k.setCookie(`lead_closed_${g.code}`,`target_${null==g?void 0:g.extra_fields.popupVersion}`,{domain:"."+l,path:"/"})),document.body.classList.remove("noscroll"),fetch(`${h}api/campaign/${g.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:k.getCookie("hhg-id"),duration:Math.ceil((Date.now()-p.current)/1e3)})}),f(null),_(null)};t.useEffect((()=>{if(window.next){const e=C.default((e=>{Se("--🌻 routeChangeComplete",e,Date.now());const t=location.pathname;N(),document.querySelectorAll(`[data-popup-url="${t}"]`).length?Se("🔥 This URL page has show popup!"):(Se("--Process checkShowPopup"),Ce({leadApi:h,leadDomain:l,leadSiteId:n,onShowPopup:E,DEBUG_URL:s})),m.current&&window.removeEventListener("scroll",m.current)}),500);window.next.router.events.on("routeChangeComplete",e)}Ce({leadApi:h,leadDomain:l,leadSiteId:n,onShowPopup:E,DEBUG_URL:s})}),[]);const x=(t,a,n,o)=>e.__awaiter(void 0,void 0,void 0,(function*(){var e,i,r,d,s,u,c,m,p,f,v;if(!a)return;Se("submitHandler",n,o);const b=Object.keys(a).map((e=>({name:e,value:String(a[e])}))),y=k.getCookie("_ga")||null;window.intlTelInputUtils||(yield require("intl-tel-input/build/js/utils"));const E={url:location.href.toLowerCase(),title_article:document.title,meta:b.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==L?void 0:L.countryCodeNumber,2).replace(/\s+/g,""):"date"===n?S.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:k.getCookie("hhg-id"),ga_client_id:y};n&&o[n].value_en&&(E.category=o[n].value_en);const w=Number((null===(i=null===(e=g.rules)||void 0===e?void 0:e.find((e=>"days_to_show_again"===e.rule)))||void 0===i?void 0:i.value)||7),C=Number((null===(d=null===(r=g.rules)||void 0===r?void 0:r.find((e=>"show_again_after_submit"===e.rule)))||void 0===d?void 0:d.value)||0);if(0==C&&(Se("⛔ Popup never show again!"),k.setCookie(`lead_submited_${g.code}`,`target_${null==g?void 0:g.extra_fields.targetType}`,{domain:"."+l,path:"/"})),1==C&&(Se(`⌛ Popup will show again after ${w} days!`),k.setCookie(`lead_submited_${g.code}`,`target_${null==g?void 0:g.extra_fields.targetType}`,{domain:"."+l,days:w,path:"/"})),fetch(`${h}api/campaign/${g.code}/lead`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(E)}),"notshow"==(null==g?void 0:g.extra_fields.popupShowThankYou))return N(),void document.body.classList.remove("noscroll");let x=!0;const T=g.thank_you_image||`${h}admin/img/thanksyou.png`;let O,P,j=(null==g?void 0:g.extra_fields.popupThankyouTitle)||"Thank you.",B=(null==g?void 0:g.extra_fields.popupThankyouDesc)||"We appreciate your time!",q="",$="",I="";if("2.1"==(null==g?void 0:g.extra_fields.popupVersion)){const e=g.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));j=(null===(s=null==a?void 0:a.data)||void 0===s?void 0:s.value)||"",q=(null===(u=null==a?void 0:a.data)||void 0===u?void 0:u.align)||"",B=(null===(c=null==l?void 0:l.data)||void 0===c?void 0:c.value)||"",$=(null===(m=null==l?void 0:l.data)||void 0===m?void 0:m.align)||"",O=(null===(p=null==n?void 0:n.data)||void 0===p?void 0:p.value)||"",P=(null===(f=null==n?void 0:n.data)||void 0===f?void 0:f.newtab)||!1,I=(null===(v=null==n?void 0:n.data)||void 0===v?void 0:v.url)||"";const o=g.extra_fields.currentLayout;["SkinA","SkinB","Floating","Tab","CenterTab"].includes(o)&&(x=!1)}_(x?{title:j,titleAlign:q,subtitle:B,subtitleAlign:$,link:I,linkNewTab:P,linkText:O,image:T}: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}},b.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))}));return t.useEffect((()=>{g&&(p.current=Date.now())}),[g]),w.default.createElement(D.Provider,{value:{apiUrl:h,siteDomain:l,siteId:n,locale:o}},w.default.createElement(u.TranslationsContext.Provider,{value:{locale:o,values:R(o)}},w.default.createElement(r.Portal,{target:d.getPopupWrapperDom()},w.default.createElement(r.Box,{sx:{position:"fixed",zIndex:600}},w.default.createElement(r.Transition,{mounted:Boolean("2.1"===(null===(c=null==g?void 0:g.extra_fields)||void 0===c?void 0:c.popupVersion)),transition:"fade",duration:600,timingFunction:"ease"},(e=>{var t;return w.default.createElement(r.Box,{style:e},"2.1"===(null===(t=null==g?void 0:g.extra_fields)||void 0===t?void 0:t.popupVersion)&&w.default.createElement(w.default.Fragment,null,!!g.extra_fields.currentLayout&&!g.extra_fields.currentLayout.includes("Inline")&&!g.extra_fields.currentLayout.includes("Sidebar")&&w.default.createElement(r.Overlay,{color:"#000",opacity:.5,center:!0,zIndex:400,pos:"fixed",onClick:()=>N()}),w.default.createElement(Ne,{campaign:g,action:v,onSubmit:x,onClose:N,showThankyou:y,locale:o})))}))))))};

package/build/mantine.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./index-8d3b5b86.js"),t=require("./index-82b85c67.js"),r=require("./index-436fe51f.js"),s=require("./index-0fccec9d.js"),a=require("react"),o=require("./index-1e8e16fc.js"),i=require("./tslib.es6-b21a130d.js"),n=require("@mantine/core"),l=require("./theme-83071b03.js"),c=require("./index-7a76f530.js"),d=require("./useTranslations-d31b5647.js"),u=require("./index-82d27f4a.js"),x=require("./index-744adcfa.js"),p=require("./index-c05bad99.js");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./gAssets.js"),require("./index-50def698.js"),require("date-fns/locale"),require("./Onboarding-ed35a3c1.js"),require("./isProduction-9c385dd8.js"),require("@mantine/dates"),require("styled-components"),require("./utils-1300e152.js"),require("./index-1f591173.js"),require("./index-8f7d7e93.js"),require("dayjs"),require("./screenSizeContext-6b967491.js"),require("lodash/throttle"),require("./useUniqueId-35defad3.js"),require("./index.styled-1909724c.js"),require("./translationsContext-f4b21cfe.js"),require("string-format"),require("@mantine/carousel"),require("@mantine/hooks"),require("./index-7f500a4a.js");var f=m(a);var b="MON6sfi",h="pS-tJD7",g="s3tJ9-5",j="fNsZr1b",v="uuxV74v",q="YohjTDU";exports.Select=e.Select,exports.DatePicker=t.DatePicker,exports.Accordion=r.Accordion,exports.Anchor=r.Anchor,exports.AspectRatio=r.AspectRatio,exports.Avatar=r.Avatar,exports.Breadcrumbs=r.Breadcrumbs,exports.Button=r.Button,exports.Carousel=r.Carousel,exports.Checkbox=r.Checkbox,exports.Input=r.Input,exports.MAPPED_LOCALE=r.MAPPED_LOCALE,exports.OTHER_THEME_CONFIG=r.OTHER_THEME_CONFIG,exports.OTP=r.OTP,exports.Phone=r.Phone,exports.Popover=r.Popover,exports.Radio=r.Radio,exports.Tabs=r.Tabs,exports.Text=r.Text,exports.emotionCache=r.emotionCache,exports.getHeadingStyles=r.getHeadingStyles,exports.getMantineThemeOverride=r.getMantineThemeOverride,exports.themeColors=r.themeColors,exports.useMantineLocale=r.useMantineLocale,exports.Indicator=s.Indicator,exports.Modal=o.Modal,exports.CentralCarousel=u.CentralCarousel,exports.Slider=x.Slider,exports.Switch=p.Switch,exports.Badge=e=>{var{color:t=l.theme.colors.primaryBase,styles:r}=e,s=i.__rest(e,["color","styles"]);return f.default.createElement(n.Badge,Object.assign({variant:"filled",color:t,styles:Object.assign({root:{borderRadius:"2px",background:t,textTransform:"unset"}},r)},s))},exports.LoadingOverlay=e=>(function(e=!1){f.default.useEffect((()=>{if(e){const e=window.getComputedStyle(document.body).overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=e}}}),[e])}(e.visible),f.default.createElement(n.LoadingOverlay,Object.assign({loaderProps:{color:l.theme.colors.primaryBase}},e))),exports.MantineProvider=e=>{var{children:t,locale:s,template:a="hb"}=e,o=i.__rest(e,["children","locale","template"]);return r.useMantineLocale(s),f.default.createElement(n.MantineProvider,Object.assign({theme:r.getMantineThemeOverride(s,a)},o),t)},exports.Result=function(e){const{icon:t,title:r,description:s,button:a,buttonProps:o,style:l,className:c}=e,d=o||{},{size:u="lg",variant:x="outline"}=d,p=i.__rest(d,["size","variant"]),m=t;return f.default.createElement("div",{className:n.clsx("result",b,c),style:l},m&&f.default.createElement("div",{className:n.clsx("resultIconContainer",h)},f.default.createElement(m,{className:n.clsx("resultIcon",g)})),f.default.createElement(n.Title,{order:3,size:"h3",className:n.clsx("resultTitle",j)},r),f.default.createElement(n.Text,{className:n.clsx("resultDescription",v)},s),a&&f.default.createElement(n.Button,Object.assign({},p,{size:u,variant:x,className:n.clsx("resultButton",q,p.className)}),a))},exports.Spoiler=e=>{var{children:t,line:r,lineHeight:s,trackingAttributes:o,maxHeight:u,customExpandFn:x}=e,p=i.__rest(e,["children","line","lineHeight","trackingAttributes","maxHeight","customExpandFn"]);const{t:m}=d.useTranslations(),b=a.useMemo((()=>u||(r&&s?r*s:(console.error("[HHG-Comp]:[Spoiler] Please provide maxHeight, or line with lineHeight"),0))),[]);t||console.error("[HHG-Comp]:[Spoiler] Please provide children");const h=a.useMemo((()=>o?{"data-event-category":o.dataEventCategory,"data-event-action":o.dataEventAction,"data-event-label":o.dataEventLabel}:{}),[o]);return f.default.createElement(n.Spoiler,Object.assign({showLabel:f.default.createElement(c.Text,Object.assign({size:"p3",color:l.theme.colors.primaryBase},h,{onClick:x}),m("articlePage.readMore")),hideLabel:f.default.createElement(c.Text,Object.assign({size:"p3",color:l.theme.colors.primaryBase},h),m("articlePage.showLess"))},p,{maxHeight:b}),t)},exports.TextArea=e=>f.default.createElement(r.StyledTextArea,Object.assign({minRows:2,maxRows:4},e));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./index-44240643.js"),t=require("./index-fc36c0f9.js"),r=require("./index-3a582492.js"),s=require("./index-b1cab5db.js"),a=require("react"),o=require("./index-80832e7e.js"),i=require("./tslib.es6-06ca7969.js"),n=require("@mantine/core"),l=require("./theme-7166587e.js"),c=require("./index-56ec6ee1.js"),d=require("./useTranslations-12dcd921.js"),u=require("./index-c39b7f16.js"),x=require("./index-43946382.js"),p=require("./index-b315803c.js");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./gAssets.js"),require("./index-e1296151.js"),require("date-fns/locale"),require("./Onboarding-1e31ced6.js"),require("./isProduction-2d07a408.js"),require("@mantine/dates"),require("dayjs"),require("./utils-2d60bdd3.js"),require("styled-components"),require("@mantine/carousel"),require("./screenSizeContext-9966e6e1.js"),require("lodash/throttle"),require("./index.styles-7d8dea42.js"),require("./index-2ed2c448.js"),require("./index-82d3c511.js"),require("./useUniqueId-7dbf4fb6.js"),require("@mantine/hooks"),require("./index.styled-e4efd920.js"),require("./translationsContext-2dea5a81.js"),require("string-format"),require("./index-8f38526d.js"),require("./index-0a7003f4.js");var h=m(a);var b="MON6sfi",f="pS-tJD7",g="s3tJ9-5",j="fNsZr1b",q="uuxV74v",v="YohjTDU";exports.Select=e.Select,exports.DatePicker=t.DatePicker,exports.Accordion=r.Accordion,exports.Anchor=r.Anchor,exports.AspectRatio=r.AspectRatio,exports.Avatar=r.Avatar,exports.Breadcrumbs=r.Breadcrumbs,exports.Button=r.Button,exports.Carousel=r.Carousel,exports.Checkbox=r.Checkbox,exports.Input=r.Input,exports.MAPPED_LOCALE=r.MAPPED_LOCALE,exports.OTHER_THEME_CONFIG=r.OTHER_THEME_CONFIG,exports.OTP=r.OTP,exports.Phone=r.Phone,exports.Popover=r.Popover,exports.Radio=r.Radio,exports.Tabs=r.Tabs,exports.Text=r.Text,exports.emotionCache=r.emotionCache,exports.getHeadingStyles=r.getHeadingStyles,exports.getMantineThemeOverride=r.getMantineThemeOverride,exports.themeColors=r.themeColors,exports.useMantineLocale=r.useMantineLocale,exports.Indicator=s.Indicator,exports.Modal=o.Modal,exports.CentralCarousel=u.CentralCarousel,exports.Slider=x.Slider,exports.Switch=p.Switch,exports.Badge=e=>{var{color:t=l.theme.colors.primaryBase,styles:r}=e,s=i.__rest(e,["color","styles"]);return h.default.createElement(n.Badge,Object.assign({variant:"filled",color:t,styles:Object.assign({root:{borderRadius:"2px",background:t,textTransform:"unset"}},r)},s))},exports.LoadingOverlay=e=>(function(e=!1){h.default.useEffect((()=>{if(e){const e=window.getComputedStyle(document.body).overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=e}}}),[e])}(e.visible),h.default.createElement(n.LoadingOverlay,Object.assign({loaderProps:{color:l.theme.colors.primaryBase}},e))),exports.MantineProvider=e=>{var{children:t,locale:s,template:a="hb"}=e,o=i.__rest(e,["children","locale","template"]);return r.useMantineLocale(s),h.default.createElement(n.MantineProvider,Object.assign({theme:r.getMantineThemeOverride(s,a)},o),t)},exports.Result=function(e){const{icon:t,title:r,description:s,button:a,buttonProps:o,style:l,className:c}=e,d=o||{},{size:u="lg",variant:x="outline"}=d,p=i.__rest(d,["size","variant"]),m=t;return h.default.createElement("div",{className:n.clsx("result",b,c),style:l},m&&h.default.createElement("div",{className:n.clsx("resultIconContainer",f)},h.default.createElement(m,{className:n.clsx("resultIcon",g)})),h.default.createElement(n.Title,{order:3,size:"h3",className:n.clsx("resultTitle",j)},r),h.default.createElement(n.Text,{className:n.clsx("resultDescription",q)},s),a&&h.default.createElement(n.Button,Object.assign({},p,{size:u,variant:x,className:n.clsx("resultButton",v,p.className)}),a))},exports.Spoiler=e=>{var{children:t,line:r,lineHeight:s,trackingAttributes:o,maxHeight:u,customExpandFn:x}=e,p=i.__rest(e,["children","line","lineHeight","trackingAttributes","maxHeight","customExpandFn"]);const{t:m}=d.useTranslations(),b=a.useMemo((()=>u||(r&&s?r*s:(console.error("[HHG-Comp]:[Spoiler] Please provide maxHeight, or line with lineHeight"),0))),[]);t||console.error("[HHG-Comp]:[Spoiler] Please provide children");const f=a.useMemo((()=>o?{"data-event-category":o.dataEventCategory,"data-event-action":o.dataEventAction,"data-event-label":o.dataEventLabel}:{}),[o]);return h.default.createElement(n.Spoiler,Object.assign({showLabel:h.default.createElement(c.Text,Object.assign({size:"p3",color:l.theme.colors.primaryBase},f,{onClick:x}),m("articlePage.readMore")),hideLabel:h.default.createElement(c.Text,Object.assign({size:"p3",color:l.theme.colors.primaryBase},f),m("articlePage.showLess"))},p,{maxHeight:b}),t)},exports.TextArea=e=>h.default.createElement(r.StyledTextArea,Object.assign({minRows:2,maxRows:4},e));

package/build/misc/link.d.ts

@@ -1,2 +1,2 @@
 export declare const ALLOW_DOMAIN_URL: string[];
-export declare const isInternalLink: (url: string) => boolean;
+export declare const isInternalLink: (url?: string) => boolean;

package/build/misc.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./localizeNumberFormat-457f68ad.js"),r=require("./screenSizeContext-6b967491.js"),t=require("./cookieHelper-cc84383d.js");require("react"),require("styled-components");var o=require("./theme-83071b03.js"),i=require("./dataTransform-937a897b.js"),s=require("./routing-43df3dc7.js"),a=require("./utils-1300e152.js"),l=require("./getDynamicHealthTool-6c7ef24a.js"),p=require("./getSocialList-cfd4e9b0.js");require("dayjs"),require("lodash/throttle"),require("./index-50def698.js"),require("date-fns/locale"),require("./Onboarding-ed35a3c1.js"),require("./isProduction-9c385dd8.js"),require("./tslib.es6-b21a130d.js"),require("./core-0fc7ebe5.js"),require("./normalizeLink-488edd39.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=l.formatHealthTool,exports.getDynamicHealthTool=l.getDynamicHealthTool,exports.getDynamicHealthToolWithCache=l.getDynamicHealthToolWithCache,exports.getSocialList=p.getSocialList;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./localizeNumberFormat-48e4b947.js"),r=require("./screenSizeContext-9966e6e1.js"),t=require("./cookieHelper-7eaa1be7.js");require("react"),require("styled-components");var o=require("./theme-7166587e.js"),i=require("./dataTransform-e81181b3.js"),s=require("./routing-c325f198.js"),a=require("./utils-2d60bdd3.js"),l=require("./getDynamicHealthTool-d55fad98.js"),p=require("./getSocialList-e53d632a.js");require("dayjs"),require("lodash/throttle"),require("./index-e1296151.js"),require("date-fns/locale"),require("./Onboarding-1e31ced6.js"),require("./isProduction-2d07a408.js"),require("./tslib.es6-06ca7969.js"),require("./core-1faf05ae.js"),require("./normalizeLink-94c9963a.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=l.formatHealthTool,exports.getDynamicHealthTool=l.getDynamicHealthTool,exports.getDynamicHealthToolWithCache=l.getDynamicHealthToolWithCache,exports.getSocialList=p.getSocialList;

package/build/navigation.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("./tslib.es6-b21a130d.js"),require("react"),require("./core-0fc7ebe5.js");var e=require("./index-e57ff034.js");require("./index-50def698.js"),require("./normalizeLink-488edd39.js"),require("./routing-43df3dc7.js"),require("./dataTransform-06efa720.js"),require("./index.styled-7cd23737.js"),require("./isProduction-9c385dd8.js"),require("./gAssets.js"),require("date-fns/locale"),require("./Onboarding-ed35a3c1.js"),require("./useUniqueId-35defad3.js"),require("./index-7a76f530.js"),require("./index-5bbe8978.js"),require("./index-8f7d7e93.js"),require("./utils-1300e152.js"),require("styled-components"),require("./useTranslations-d31b5647.js"),require("./translationsContext-f4b21cfe.js"),require("string-format"),require("lodash/throttle"),require("./index-436fe51f.js"),require("@mantine/core"),require("./theme-83071b03.js"),require("./index-1f591173.js"),require("dayjs"),require("./screenSizeContext-6b967491.js"),require("./index.styled-1909724c.js"),require("./index-82d27f4a.js"),require("@mantine/carousel"),require("@mantine/hooks"),require("@mantine/dates"),require("./index-7f500a4a.js"),require("./cookieHelper-cc84383d.js"),require("./constants-e0fc4390.js"),require("./index-0fccec9d.js"),require("lodash/debounce"),require("./useIsInit-439a649a.js"),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-06ca7969.js"),require("react"),require("./core-1faf05ae.js");var e=require("./index-f837892e.js");require("./index-e1296151.js"),require("./normalizeLink-94c9963a.js"),require("./routing-c325f198.js"),require("./dataTransform-b9b65791.js"),require("./index.styled-114f9ffd.js"),require("./isProduction-2d07a408.js"),require("./gAssets.js"),require("date-fns/locale"),require("./Onboarding-1e31ced6.js"),require("./useUniqueId-7dbf4fb6.js"),require("./index-56ec6ee1.js"),require("./index-eac5206c.js"),require("./index-82d3c511.js"),require("./utils-2d60bdd3.js"),require("styled-components"),require("./useTranslations-12dcd921.js"),require("./translationsContext-2dea5a81.js"),require("string-format"),require("lodash/throttle"),require("./index.styles-7d8dea42.js"),require("./theme-7166587e.js"),require("@mantine/core"),require("./index-2ed2c448.js"),require("dayjs"),require("./screenSizeContext-9966e6e1.js"),require("./index-0a7003f4.js"),require("./cookieHelper-7eaa1be7.js"),require("./index.styled-e4efd920.js"),require("./index-8f38526d.js"),require("./constants-ea88f218.js"),require("@mantine/dates"),require("./index-3a582492.js"),require("@mantine/carousel"),require("@mantine/hooks"),require("./index-b1cab5db.js"),require("./index-c39b7f16.js"),require("lodash/debounce"),require("./useIsInit-d52c9232.js"),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-b21a130d.js"),t=require("react"),r=require("@mantine/core"),n=require("@mantine/hooks"),a=require("./index-436fe51f.js"),o=require("./index-7f500a4a.js");require("./gAssets.js"),require("./index-1f591173.js"),require("./index-8f7d7e93.js");var i=require("./utils-1300e152.js"),l=require("./theme-83071b03.js");require("./index.styled-1909724c.js");var s=require("./useTranslations-d31b5647.js");require("./index-82d27f4a.js"),require("@mantine/dates");var d=require("./index-50def698.js"),c=require("./Onboarding-ed35a3c1.js");require("dayjs"),require("./screenSizeContext-6b967491.js"),require("styled-components"),require("./isProduction-9c385dd8.js");var u=require("./index.styled-9994435c.js");require("lodash/debounce");var m=require("@mantine/form"),p=require("./index-82b85c67.js"),g=require("./index-8d3b5b86.js");require("./translationsContext-f4b21cfe.js"),require("string-format");var b=require("yup"),f=require("lodash/throttle"),E=require("date-fns"),h=require("./Visible-1c064390.js"),v=require("./index-7a76f530.js");function y(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function S(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}require("./useUniqueId-35defad3.js"),require("@mantine/carousel"),require("date-fns/locale");var O=y(t),C=S(b),w=y(f);const P={provinces:[],districts:[],wards:[],selectedProvince:"",selectedDistrict:"",selectedWard:""},j=(e,t)=>{switch(t.type){case"SET_DATA":return Object.assign(Object.assign({},e),t.payload);case"SET_DISTRICTS":return Object.assign(Object.assign({},e),{districts:t.payload});case"SET_WARDS":return Object.assign(Object.assign({},e),{wards:t.payload});case"SELECT_PROVINCE":return Object.assign(Object.assign({},e),{selectedProvince:t.payload,selectedDistrict:"",selectedWard:""});case"SELECT_DISTRICT":return Object.assign(Object.assign({},e),{selectedDistrict:t.payload,selectedWard:""});case"SELECT_WARD":return Object.assign(Object.assign({},e),{selectedWard:t.payload});default:return e}},T=()=>{const[r,n]=t.useReducer(j,P),{provinces:a,districts:o,wards:i,selectedProvince:l,selectedDistrict:s,selectedWard:m}=r,[p,g]=t.useState();t.useEffect((()=>{e.__awaiter(void 0,void 0,void 0,(function*(){var e,t,r,a;try{const o=yield fetch((a=process.env.UNIFY_LOCALE||c.LOCALE.Vietnam,`${d.CDN_ADDRESS}/cities-data-${u.MAPPED_LOCALE[a]}.json`)).then((e=>e.json()));g(o);const{list:i}=o,l=Object.keys(i),s=Object.keys((null===(e=i[l[0]])||void 0===e?void 0:e.list)||{}),m=Object.keys((null===(r=null===(t=i[l[0]])||void 0===t?void 0:t[s[0]])||void 0===r?void 0:r.list)||{});n({type:"SET_DATA",payload:{provinces:l,districts:s,wards:m}})}catch(e){console.error("Error fetching address data:",e)}}))}),[process.env.UNIFY_LOCALE]);return{provinces:a,districts:o,wards:i,selectedProvince:l,selectedDistrict:s,selectedWard:m,handleProvinceChange:e=>{var t;const r=Object.keys((null===(t=p.list[e])||void 0===t?void 0:t.list)||{});n({type:"SET_DISTRICTS",payload:r}),n({type:"SET_WARDS",payload:[]}),n({type:"SELECT_PROVINCE",payload:e})},handleDistrictChange:e=>{var t,r;const a=Object.keys((null===(r=null===(t=p.list[l])||void 0===t?void 0:t.list[e])||void 0===r?void 0:r.list)||{});n({type:"SET_WARDS",payload:a}),n({type:"SELECT_DISTRICT",payload:e})},handleWardChange:e=>{n({type:"SELECT_WARD",payload:e})}}},_=n=>{var{error:o}=n,i=e.__rest(n,["error"]);const{t:l}=s.useTranslations(),{provinces:d,districts:c,wards:u,selectedProvince:m,selectedDistrict:p,selectedWard:b,handleProvinceChange:f,handleDistrictChange:E,handleWardChange:h}=T(),[v,y]=t.useState("");return t.useEffect((()=>{m&&p&&b&&v?i.onChange({selectedProvince:m,selectedDistrict:p,selectedWard:b,extraInfo:v}):i.onChange(null)}),[m,p,b,v]),O.default.createElement(a.Input.Wrapper,Object.assign({withAsterisk:!0},i),O.default.createElement(r.Stack,null,O.default.createElement(g.Select,{placeholder:l("onboarding.similac.input.city"),data:d,searchable:!0,onChange:f,value:m}),O.default.createElement(g.Select,{placeholder:l("onboarding.similac.input.district"),data:c,searchable:!0,onChange:E,value:p,disabled:!m}),O.default.createElement(g.Select,{placeholder:l("onboarding.similac.input.ward"),searchable:!0,data:u,value:b,onChange:h,disabled:!m||!p}),O.default.createElement(a.Input,{placeholder:l("onboarding.similac.input.no"),disabled:!m||!p||!b,value:v,onChange:y,style:{marginBottom:0}})),O.default.createElement(r.Input.Error,{size:"md"},o))},k=({inputOrder:e=["phone"],withSimilac:t=!1,customTerms:n=""})=>{const{t:o}=s.useTranslations(),i=u.useFormContext(),l=O.default.createElement(r.Input.Wrapper,Object.assign({className:t?"input-control":"phone-input",withAsterisk:!0},t?{label:O.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("onboarding.similac.input.phone"))}:{}),O.default.createElement(a.Phone,Object.assign({defaultCountry:u.MAPPED_LOCALE[process.env.UNIFY_LOCALE]||"VN"},i.getInputProps("phone"))),O.default.createElement(r.Input.Error,{size:"md"},i.errors.phone)),d=O.default.createElement(a.Input,Object.assign({label:O.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("onboarding.formEmail.yourName")),withAsterisk:!0},i.getInputProps("name"))),c=O.default.createElement(a.Input,Object.assign({label:O.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("onboarding.formEmail.yourEmail")),withAsterisk:!0},i.getInputProps("email"))),m=O.default.createElement(p.DatePicker,Object.assign({label:O.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("onboarding.formEmail.yourBirthday")),placeholder:"DD/MM/YYYY"},i.getInputProps("dob"))),g=O.default.createElement(a.Radio.Group,Object.assign({className:"radio-group",label:O.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("bmi.selectGender"))},i.getInputProps("gender")),O.default.createElement(a.Radio,{value:"0",label:o("onboarding.formEmail.genderMale")}),O.default.createElement(a.Radio,{value:"1",label:o("onboarding.formEmail.genderFemale")})),b=O.default.createElement("div",{className:"otp-input"},O.default.createElement(a.OTP,Object.assign({enterKeyHint:void 0,nonce:void 0},i.getInputProps("otp"))),O.default.createElement(r.Input.Error,null,i.errors.otp)),f=O.default.createElement(a.Input.Password,Object.assign({label:O.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("onboarding.updatePassword.password")),withAsterisk:!0,rightSection:O.default.createElement(h.Visible,null)},i.getInputProps("password"))),E=O.default.createElement(a.Input.Wrapper,Object.assign({},i.getInputProps("term",{type:"checkbox"}),{error:null,mb:16}),O.default.createElement(a.Checkbox,{label:n?O.default.createElement(a.Text,{size:"p4",as:"span"},O.default.createElement("span",{dangerouslySetInnerHTML:{__html:n}})):O.default.createElement(a.Text,{size:"p4",as:"span"},"Tôi đã đọc và đồng ý với các điều khoản và chương trình của"," ",O.default.createElement("a",null,O.default.createElement(a.Text,{size:"label1",as:"span",weight:"bold",color:"blue.6"},"Hello Bacsi"))," ","và"," ",O.default.createElement("a",null,O.default.createElement(a.Text,{size:"label1",as:"span",weight:"bold",color:"blue.6"},"Abbott Similac"))," ","và được hướng dẫn cách ngưng chương trình")}),O.default.createElement(r.Input.Error,{size:"md"},i.getInputProps("term",{type:"checkbox"}).error)),v=O.default.createElement(_,Object.assign({className:"input-control",label:O.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("onboarding.similac.input.address"))},i.getInputProps("address"))),y=O.default.createElement(a.Input.Password,Object.assign({label:O.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("onboarding.updatePassword.confirmPassword")),withAsterisk:!0,rightSection:O.default.createElement(h.Visible,null)},i.getInputProps("confirmPassword"))),S=e.map((e=>({phone:l,full_name:d,email:c,dob:m,gender:g,otp:b,password:f,confirm_password:y,term:E,address:v}[e]||null)));return O.default.createElement(u.StyledDynamicForm,null,S)},x=e=>C.object().shape({phone:C.string().required(e("onboarding.updatePhone.error")).default("")}),I=e=>C.object().shape({phone:C.string().required(e("onboarding.updatePhone.error")).default(""),name:C.string().required(e("onboarding.errorMessage.requiredName")),email:C.string().required(e("onboarding.errorMessage.requiredEmail")).email(e("onboarding.errorMessage.invalidEmail")).default(""),address:C.mixed().required(e("onboarding.similac.address.error")),term:C.bool().oneOf([!0],e("onboarding.similac.term.error"))}),q=e=>C.object().shape({otp:C.string().required(e("onboarding.otpForm.error")).length(6,e("onboarding.otpForm.error")).default("")}),B=e=>C.object().shape({email:C.string().required(e("onboarding.errorMessage.requiredEmail")).email(e("onboarding.errorMessage.invalidEmail")).default(""),name:C.string().required(e("onboarding.errorMessage.requiredName"))}),M=e=>C.object().shape({password:C.string().required(e("onboarding.errorMessage.requiredPassword")).min(8,e("onboarding.errorMessage.minLength",{length:8})).matches(/.*[A-Z].*/,e("onboarding.errorMessage.passWithPattern")).default(""),confirmPassword:C.string().required(e("onboarding.errorMessage.requiredConfirmPassword")).oneOf([C.ref("password"),null],e("onboarding.errorMessage.passNotMatch")).default("")}),L=({onClose:t,onSubmit:r,canSkip:n=!0,customFormTexts:a})=>{const{t:i}=s.useTranslations(),l=u.useForm({initialValues:{phone:""},validate:m.yupResolver(x(i))});return O.default.createElement(u.StyledOnboardingForm,{heading:(null==a?void 0:a.heading)||i("onboarding.updatePhone.heading"),description:(null==a?void 0:a.description)||i("onboarding.updatePhone.description")},O.default.createElement(u.FormProvider,{form:l},O.default.createElement("form",{onSubmit:l.onSubmit((t=>e.__awaiter(void 0,void 0,void 0,(function*(){r(t.phone)}))),(e=>{console.log(e)}))},O.default.createElement(k,{inputOrder:["phone"]}),O.default.createElement(o.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit","data-event-category":"Sign Up","data-event-action":"Update Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},i("onboarding.button.continue")),n&&O.default.createElement(o.Button,{color:"ghost",isBlock:!0,size:"lg",onClick:t,type:"button"},i("onboarding.button.skip")))))},D=t=>{var{onClose:r,onSubmit:n,canSkip:o=!0,customFormTexts:i,customTerms:l}=t,d=e.__rest(t,["onClose","onSubmit","canSkip","customFormTexts","customTerms"]);const{t:c}=s.useTranslations(),{isMobile:p}=a.useScreenSize(),g=u.useForm({initialValues:{phone:"",term:!1},validate:m.yupResolver(I(c))});return O.default.createElement(u.StyledOnboardingForm,Object.assign({heading:(null==i?void 0:i.heading)||c("onboarding.updatePhone.heading"),description:(null==i?void 0:i.description)||c("onboarding.updatePhone.description"),hiddenLogo:p},d),O.default.createElement(u.FormProvider,{form:g},O.default.createElement("form",{onSubmit:g.onSubmit((t=>e.__awaiter(void 0,void 0,void 0,(function*(){n(t)}))),(e=>{console.log(e)}))},O.default.createElement(k,{inputOrder:["full_name","email","phone","address","term"],withSimilac:!0,customTerms:l}),O.default.createElement(a.Button,{fullWidth:!0,size:"lg",type:"submit","data-event-category":"Sign Up","data-event-action":"Update Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},c("onboarding.button.continue")),o&&O.default.createElement(a.Button,{variant:"ghost",fullWidth:!0,size:"lg",onClick:r,type:"button"},c("onboarding.button.skip")))))},F=t=>{var{withSimilac:r=!1}=t,n=e.__rest(t,["withSimilac"]);return r?O.default.createElement(D,Object.assign({},n)):O.default.createElement(L,Object.assign({},n))},z=({onSubmit:r,phone:a,email:i,onResendCode:d,otpError:c,onClose:p,loading:g,onBack:b,canSkip:f,outOfEdit:E})=>{const{siteType:h,isMarryBaby:y}=t.useContext(u.OnboardingContext),[S,C]=t.useState(30),P=n.useInterval((()=>C((e=>e-1))),1e3),[j,T]=n.useCounter(0,{min:0,max:3}),_=t.useRef(!0),{t:x}=s.useTranslations();t.useEffect((()=>(P.start(),P.stop)),[]),t.useEffect((()=>{0===S&&(P.stop(),_.current=!1)}),[S]);const I=u.useForm({initialValues:{otp:""},validate:m.yupResolver(q(x))});t.useEffect((()=>{c&&I.setFieldError("otp",c)}),[c]);const B=t.useMemo((()=>w.default((()=>{_.current||(T.increment(),C(30),null==d||d(a||i),P.start(),_.current=!0)}),1e3,{trailing:!1})),[a,i,d,P]);return O.default.createElement(u.StyledOtpForm,{heading:x("onboarding.otpForm.heading"),description:O.default.createElement(O.default.Fragment,null,O.default.createElement("span",{dangerouslySetInnerHTML:{__html:a?x("onboarding.otpForm.description",{phone:`<b style="color:${l.theme.colors.gray800}">${a.slice(0,-3).replace(/./g,"x").concat(a.slice(-3))}</b>`}):x("onboarding.otpForm.descriptionEmail",{email:`<b style="color:${l.theme.colors.gray800}">${u.hiddenEmailChar(i)}</b>`})}}),!E&&O.default.createElement("svg",{onClick:()=>{null==b||b()},width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"otp-description-edit-icon"},O.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"})))},O.default.createElement(u.FormProvider,{form:I},O.default.createElement("form",{onSubmit:I.onSubmit((t=>e.__awaiter(void 0,void 0,void 0,(function*(){T.increment(),r(t.otp)}))),(e=>{console.log(e)}))},O.default.createElement(k,{inputOrder:["otp"]}),O.default.createElement("div",{className:"resend"},O.default.createElement(v.Text,{size:"p4",color:l.theme.colors.gray400},x("onboarding.otpForm.notReceiveOTP")),O.default.createElement(v.Text,{as:"a",size:"p4",color:y?l.theme.mbColors.pink:l.theme.colors.primaryBase,onClick:B},x("onboarding.otpForm.resendCode",{seconds:S}))),O.default.createElement(o.Button,{theme:h,color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:g,disabled:g,"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"},x("onboarding.button.continue")),f&&j>=3&&O.default.createElement(o.Button,{theme:h,color:"ghost",isBlock:!0,size:"lg",onClick:p,type:"button"},x("onboarding.button.skip")))))},A=({onClose:e,onSubmit:r,canSkip:n,loading:a,errorMessage:i,initialData:l})=>{const{t:c,locale:p}=s.useTranslations(),{siteType:g,isMarryBaby:b}=t.useContext(u.OnboardingContext),f=u.useForm({validate:m.yupResolver(B(c))});return t.useEffect((()=>{f.setValues(Object.assign(Object.assign({gender:"0"},l),(null==l?void 0:l.birthday)&&{birthday:new Date(l.birthday)}))}),[l]),t.useEffect((()=>{i&&f.setFieldError("email",i)}),[i]),O.default.createElement(u.Onboarding,{heading:c("onboarding.formEmail.heading"),description:c("onboarding.formEmail.description",{site:b?"Marry Baby":d.LOCALE_SPECS[p].SITE_NAME_FORMATTED})},O.default.createElement(u.FormProvider,{form:f},O.default.createElement("form",{className:"form",onSubmit:f.onSubmit((e=>{r(Object.assign(Object.assign({},e),{birthday:e.birthday&&E.format(e.birthday,"yyyy-MM-dd")}))}),(e=>{console.log({fieldErrors:e})}))},O.default.createElement(k,{inputOrder:["full_name","email","dob","gender"]}),O.default.createElement(o.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit",theme:g,isLoading:a,disabled:a},c("onboarding.button.continue")),n&&O.default.createElement(o.Button,{theme:g,color:"ghost",isBlock:!0,size:"lg",onClick:e},c("onboarding.button.skip")))))},R=({onClose:e,onSubmit:t,canSkip:n,errorMessage:a,loading:i})=>{const{t:l}=s.useTranslations(),d=u.useForm({initialValues:{password:"",confirmPassword:""},validate:m.yupResolver(M(l))});return O.default.createElement(u.Onboarding,{heading:l("onboarding.updatePassword.heading"),description:l("onboarding.updatePassword.description")},O.default.createElement(u.FormProvider,{form:d},O.default.createElement("form",{className:"form",onSubmit:d.onSubmit((e=>t((null==e?void 0:e.password)||"")),(e=>{console.log({fieldErrors:e})}))},O.default.createElement(k,{inputOrder:["password","confirm_password"]}),O.default.createElement(o.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:i,disabled:i},l("onboarding.button.continue")),n&&O.default.createElement(o.Button,{color:"ghost",isBlock:!0,size:"lg",onClick:e},l("onboarding.button.skip")),a&&O.default.createElement(r.Input.Error,{className:"form-error"},a))))};Object.defineProperty(exports,"OnboardingStep",{enumerable:!0,get:function(){return c.OnboardingStep}}),exports.MAPPED_LOCALE=u.MAPPED_LOCALE,exports.OnboardingForm=F,exports.OnboardingModal=d=>{var{banner:m,canSkip:p,createPassError:g,createPassLoading:b,customFormTexts:f,emailLoading:E,flow:h=[c.OnboardingStep.Phone,c.OnboardingStep.OTP],initialData:v,onClose:y,onCreatePassByEmail:S,onOtpSubmit:C,onPersonalInfoSubmit:w,onPhoneSubmit:P,onResendCode:j,otpError:T,otpLoading:_,personalInfoError:k,resultScreenProps:x,siteType:I,step:q,withSimilac:B=!1}=d,M=e.__rest(d,["banner","canSkip","createPassError","createPassLoading","customFormTexts","emailLoading","flow","initialData","onClose","onCreatePassByEmail","onOtpSubmit","onPersonalInfoSubmit","onPhoneSubmit","onResendCode","otpError","otpLoading","personalInfoError","resultScreenProps","siteType","step","withSimilac"]);const{t:L}=s.useTranslations(),[D,N]=t.useState(q||h[0]),[W,V]=t.useState(""),[U,G]=t.useState(""),[Y,$]=n.useCounter(0,{min:0,max:2}),{isMobile:H}=a.useScreenSize(),Z=t.useCallback((()=>{const e=h.indexOf(D)+1;e<=h.length-1&&N(h[e])}),[D]),Q=t.useCallback((()=>{const e=h.indexOf(D)-1;e>=0&&N(h[e])}),[D]),K=t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{!(yield C(t))&&Z()}catch(e){console.error(e)}})),J=()=>{Y>=2||($.increment(),Q())},X="marryBaby"===I;return O.default.createElement(u.OnboardingContext.Provider,{value:{siteType:I,isMarryBaby:X}},O.default.createElement(u.StyledOnboardingModal,Object.assign({},M),h.length>0?O.default.createElement(u.StyledContainer,null,O.default.createElement(r.Grid,{sx:{[i.MediaQueries.mbDown]:{margin:0},".mantine-Grid-col":{[i.MediaQueries.mbDown]:{padding:0}}}},O.default.createElement(r.Grid.Col,{span:"object"!=typeof m&&!B||H?12:6,order:B?2:1,orderMd:B?1:2},O.default.createElement(u.StyledContent,{"data-has-banner":"object"==typeof m},D===c.OnboardingStep.Phone&&O.default.createElement(F,{onClose:y,canSkip:p,onSubmit:t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{V(t),yield null==P?void 0:P(t),Z()}catch(e){console.error(e)}})),customFormTexts:f.onboarding,withSimilac:B}),D===c.OnboardingStep.OTP&&O.default.createElement(z,{onClose:y,onSubmit:K,phone:W,onResendCode:j,otpError:T,loading:_,canSkip:p,onBack:J,outOfEdit:Y>=2}),D===c.OnboardingStep.OTPEmail&&O.default.createElement(z,{onClose:y,onSubmit:K,onResendCode:j,otpError:T,loading:_,canSkip:p,onBack:J,outOfEdit:Y>=2,email:U}),D===c.OnboardingStep.PersonalInfo&&O.default.createElement(A,{initialData:null==v?void 0:v[c.OnboardingStep.PersonalInfo],onClose:y,canSkip:p,onSubmit:t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{G((null==t?void 0:t.email)||"");!(yield null==w?void 0:w(t))&&Z()}catch(e){console.error(e)}})),errorMessage:k,loading:E}),D===c.OnboardingStep.UpdatePassword&&O.default.createElement(R,{onClose:y,canSkip:p,onSubmit:t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{yield null==S?void 0:S(t),!g&&Z()}catch(e){console.error(e)}})),errorMessage:g,loading:b}),D===c.OnboardingStep.Result&&O.default.createElement(u.Onboarding,Object.assign({},x),O.default.createElement(o.Button,{theme:I,size:"lg",onClick:y,className:"form-button"},L("onboarding.button.continue"))))),"object"==typeof m&&!B&&O.default.createElement(r.Grid.Col,{span:"object"!=typeof m&&!B||H?12:6,order:B?2:1,orderMd:B?1:2},O.default.createElement(u.StyledBannerCol,null,O.default.createElement(u.StyledBannerInner,{"data-is-marry-baby":X},O.default.createElement(u.StyledIntro,null,(null==m?void 0:m.heading)&&O.default.createElement(r.Title,{order:1,mb:24},null==m?void 0:m.heading),(null==m?void 0:m.description)&&O.default.createElement(a.Text,{size:"p1",color:l.theme.colors.gray800},L("onboarding.welcomeScreen.content"))),(null==m?void 0:m.imgSrc)&&O.default.createElement("div",null,O.default.createElement(u.StyledBannerImg,{src:null==m?void 0:m.imgSrc,loading:"lazy"}))))),"object"==typeof m&&B&&(null==m?void 0:m.imgSrc)&&O.default.createElement(r.Grid.Col,{span:"auto",order:B?1:2,orderMd:B?2:1},O.default.createElement(u.StyledBannerImg,{src:null==m?void 0:m.imgSrc,loading:"lazy",className:"similac"})))):"Incorrect flow"))},exports.OtpForm=z;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tslib.es6-06ca7969.js"),t=require("react"),r=require("@mantine/core"),n=require("@mantine/hooks"),a=require("./index-0a7003f4.js"),o=require("./index-3a582492.js"),i=require("./index.styled-483939e8.js"),l=require("./useTranslations-12dcd921.js");require("lodash/debounce"),require("./isProduction-2d07a408.js");var s=require("./index-e1296151.js"),d=require("./Onboarding-1e31ced6.js");require("dayjs"),require("./screenSizeContext-9966e6e1.js"),require("styled-components");var c=require("./theme-7166587e.js"),u=require("./utils-2d60bdd3.js");require("./gAssets.js");var m=require("@mantine/form");require("./index.styles-7d8dea42.js"),require("./index-2ed2c448.js"),require("./index-82d3c511.js"),require("./index.styled-e4efd920.js"),require("./index-8f38526d.js");var p=require("./index-fc36c0f9.js");require("./index-c39b7f16.js");var g=require("./index-44240643.js");require("@mantine/dates");var b=require("./Visible-fda656ed.js"),f=require("yup"),E=require("lodash/throttle"),h=require("./index-56ec6ee1.js"),v=require("date-fns");function y(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function S(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}require("@mantine/carousel"),require("./translationsContext-2dea5a81.js"),require("string-format"),require("date-fns/locale"),require("./useUniqueId-7dbf4fb6.js");var O=y(t),C=S(f),w=y(E);const P={provinces:[],districts:[],wards:[],selectedProvince:"",selectedDistrict:"",selectedWard:""},j=(e,t)=>{switch(t.type){case"SET_DATA":return Object.assign(Object.assign({},e),t.payload);case"SET_DISTRICTS":return Object.assign(Object.assign({},e),{districts:t.payload});case"SET_WARDS":return Object.assign(Object.assign({},e),{wards:t.payload});case"SELECT_PROVINCE":return Object.assign(Object.assign({},e),{selectedProvince:t.payload,selectedDistrict:"",selectedWard:""});case"SELECT_DISTRICT":return Object.assign(Object.assign({},e),{selectedDistrict:t.payload,selectedWard:""});case"SELECT_WARD":return Object.assign(Object.assign({},e),{selectedWard:t.payload});default:return e}},T=()=>{const[r,n]=t.useReducer(j,P),{provinces:a,districts:o,wards:l,selectedProvince:c,selectedDistrict:u,selectedWard:m}=r,[p,g]=t.useState();t.useEffect((()=>{e.__awaiter(void 0,void 0,void 0,(function*(){var e,t,r,a;try{const o=yield fetch((a=process.env.UNIFY_LOCALE||d.LOCALE.Vietnam,`${s.CDN_ADDRESS}/cities-data-${i.MAPPED_LOCALE[a]}.json`)).then((e=>e.json()));g(o);const{list:l}=o,c=Object.keys(l),u=Object.keys((null===(e=l[c[0]])||void 0===e?void 0:e.list)||{}),m=Object.keys((null===(r=null===(t=l[c[0]])||void 0===t?void 0:t[u[0]])||void 0===r?void 0:r.list)||{});n({type:"SET_DATA",payload:{provinces:c,districts:u,wards:m}})}catch(e){console.error("Error fetching address data:",e)}}))}),[process.env.UNIFY_LOCALE]);return{provinces:a,districts:o,wards:l,selectedProvince:c,selectedDistrict:u,selectedWard:m,handleProvinceChange:e=>{var t;const r=Object.keys((null===(t=p.list[e])||void 0===t?void 0:t.list)||{});n({type:"SET_DISTRICTS",payload:r}),n({type:"SET_WARDS",payload:[]}),n({type:"SELECT_PROVINCE",payload:e})},handleDistrictChange:e=>{var t,r;const a=Object.keys((null===(r=null===(t=p.list[c])||void 0===t?void 0:t.list[e])||void 0===r?void 0:r.list)||{});n({type:"SET_WARDS",payload:a}),n({type:"SELECT_DISTRICT",payload:e})},handleWardChange:e=>{n({type:"SELECT_WARD",payload:e})}}},x=n=>{var{error:a}=n,i=e.__rest(n,["error"]);const{t:s}=l.useTranslations(),{provinces:d,districts:c,wards:u,selectedProvince:m,selectedDistrict:p,selectedWard:b,handleProvinceChange:f,handleDistrictChange:E,handleWardChange:h}=T(),[v,y]=t.useState("");return t.useEffect((()=>{m&&p&&b&&v?i.onChange({selectedProvince:m,selectedDistrict:p,selectedWard:b,extraInfo:v}):i.onChange(null)}),[m,p,b,v]),O.default.createElement(o.Input.Wrapper,Object.assign({withAsterisk:!0},i),O.default.createElement(r.Stack,null,O.default.createElement(g.Select,{placeholder:s("onboarding.similac.input.city"),data:d,searchable:!0,onChange:f,value:m}),O.default.createElement(g.Select,{placeholder:s("onboarding.similac.input.district"),data:c,searchable:!0,onChange:E,value:p,disabled:!m}),O.default.createElement(g.Select,{placeholder:s("onboarding.similac.input.ward"),searchable:!0,data:u,value:b,onChange:h,disabled:!m||!p}),O.default.createElement(o.Input,{placeholder:s("onboarding.similac.input.no"),disabled:!m||!p||!b,value:v,onChange:y,style:{marginBottom:0}})),O.default.createElement(r.Input.Error,{size:"md"},a))},k=({inputOrder:e=["phone"],withSimilac:t=!1,customTerms:n=""})=>{const{t:a}=l.useTranslations(),s=i.useFormContext(),d=O.default.createElement(r.Input.Wrapper,Object.assign({className:t?"input-control":"phone-input",withAsterisk:!0},t?{label:O.default.createElement(o.Text,{size:"s4",weight:"semiBold",as:"span"},a("onboarding.similac.input.phone"))}:{}),O.default.createElement(o.Phone,Object.assign({defaultCountry:i.MAPPED_LOCALE[process.env.UNIFY_LOCALE]||"VN"},s.getInputProps("phone"))),O.default.createElement(r.Input.Error,{size:"md"},s.errors.phone)),c=O.default.createElement(o.Input,Object.assign({label:O.default.createElement(o.Text,{size:"s4",weight:"semiBold",as:"span"},a("onboarding.formEmail.yourName")),withAsterisk:!0},s.getInputProps("name"))),u=O.default.createElement(o.Input,Object.assign({label:O.default.createElement(o.Text,{size:"s4",weight:"semiBold",as:"span"},a("onboarding.formEmail.yourEmail")),withAsterisk:!0},s.getInputProps("email"))),m=O.default.createElement(p.DatePicker,Object.assign({label:O.default.createElement(o.Text,{size:"s4",weight:"semiBold",as:"span"},a("onboarding.formEmail.yourBirthday")),placeholder:"DD/MM/YYYY"},s.getInputProps("dob"))),g=O.default.createElement(o.Radio.Group,Object.assign({className:"radio-group",label:O.default.createElement(o.Text,{size:"s4",weight:"semiBold",as:"span"},a("bmi.selectGender"))},s.getInputProps("gender")),O.default.createElement(o.Radio,{value:"0",label:a("onboarding.formEmail.genderMale")}),O.default.createElement(o.Radio,{value:"1",label:a("onboarding.formEmail.genderFemale")})),f=O.default.createElement("div",{className:"otp-input"},O.default.createElement(o.OTP,Object.assign({enterKeyHint:void 0,nonce:void 0},s.getInputProps("otp"))),O.default.createElement(r.Input.Error,null,s.errors.otp)),E=O.default.createElement(o.Input.Password,Object.assign({label:O.default.createElement(o.Text,{size:"s4",weight:"semiBold",as:"span"},a("onboarding.updatePassword.password")),withAsterisk:!0,rightSection:O.default.createElement(b.Visible,null)},s.getInputProps("password"))),h=O.default.createElement(o.Input.Wrapper,Object.assign({},s.getInputProps("term",{type:"checkbox"}),{error:null,mb:16}),O.default.createElement(o.Checkbox,{label:n?O.default.createElement(o.Text,{size:"p4",as:"span",sx:{a:{color:"#2d87f3",fontWeight:"bold",letterSpacing:0}}},n):O.default.createElement(o.Text,{size:"p4",as:"span"},"Tôi đã đọc và đồng ý với các điều khoản và chương trình của"," ",O.default.createElement("a",null,O.default.createElement(o.Text,{size:"label1",as:"span",weight:"bold",color:"blue.6"},"Hello Bacsi"))," ","và"," ",O.default.createElement("a",null,O.default.createElement(o.Text,{size:"label1",as:"span",weight:"bold",color:"blue.6"},"Abbott Similac"))," ","và được hướng dẫn cách ngưng chương trình"),onChange:e=>{s.setFieldValue("term",e.currentTarget.checked)}}),O.default.createElement(r.Input.Error,{size:"md"},s.getInputProps("term",{type:"checkbox"}).error)),v=O.default.createElement(x,Object.assign({className:"input-control",label:O.default.createElement(o.Text,{size:"s4",weight:"semiBold",as:"span"},a("onboarding.similac.input.address"))},s.getInputProps("address"))),y=O.default.createElement(o.Input.Password,Object.assign({label:O.default.createElement(o.Text,{size:"s4",weight:"semiBold",as:"span"},a("onboarding.updatePassword.confirmPassword")),withAsterisk:!0,rightSection:O.default.createElement(b.Visible,null)},s.getInputProps("confirmPassword"))),S=e.map((e=>({phone:d,full_name:c,email:u,dob:m,gender:g,otp:f,password:E,confirm_password:y,term:h,address:v}[e]||null)));return O.default.createElement(i.StyledDynamicForm,null,S)},_=e=>C.object().shape({phone:C.string().required(e("onboarding.updatePhone.error")).default("")}),q=e=>C.object().shape({phone:C.string().required(e("onboarding.updatePhone.error")).default(""),name:C.string().required(e("onboarding.errorMessage.requiredName")),email:C.string().required(e("onboarding.errorMessage.requiredEmail")).email(e("onboarding.errorMessage.invalidEmail")).default(""),address:C.mixed().required(e("onboarding.similac.address.error")),term:C.bool().oneOf([!0],e("onboarding.similac.term.error"))}),I=e=>C.object().shape({otp:C.string().required(e("onboarding.otpForm.error")).length(6,e("onboarding.otpForm.error")).default("")}),B=e=>C.object().shape({email:C.string().required(e("onboarding.errorMessage.requiredEmail")).email(e("onboarding.errorMessage.invalidEmail")).default(""),name:C.string().required(e("onboarding.errorMessage.requiredName"))}),M=e=>C.object().shape({password:C.string().required(e("onboarding.errorMessage.requiredPassword")).min(8,e("onboarding.errorMessage.minLength",{length:8})).matches(/.*[A-Z].*/,e("onboarding.errorMessage.passWithPattern")).default(""),confirmPassword:C.string().required(e("onboarding.errorMessage.requiredConfirmPassword")).oneOf([C.ref("password"),null],e("onboarding.errorMessage.passNotMatch")).default("")}),F=({onClose:t,onSubmit:r,canSkip:n=!0,customFormTexts:o})=>{const{t:s}=l.useTranslations(),d=i.useForm({initialValues:{phone:""},validate:m.yupResolver(_(s))});return O.default.createElement(i.StyledOnboardingForm,{heading:(null==o?void 0:o.heading)||s("onboarding.updatePhone.heading"),description:(null==o?void 0:o.description)||s("onboarding.updatePhone.description")},O.default.createElement(i.FormProvider,{form:d},O.default.createElement("form",{onSubmit:d.onSubmit((t=>e.__awaiter(void 0,void 0,void 0,(function*(){r(t.phone)}))),(e=>{console.log(e)}))},O.default.createElement(k,{inputOrder:["phone"]}),O.default.createElement(a.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit","data-event-category":"Sign Up","data-event-action":"Update Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},s("onboarding.button.continue")),n&&O.default.createElement(a.Button,{color:"ghost",isBlock:!0,size:"lg",onClick:t,type:"button"},s("onboarding.button.skip")))))},L=t=>{var{onClose:r,onSubmit:n,canSkip:a=!0,customFormTexts:s,customTerms:d,defaultValues:c}=t,u=e.__rest(t,["onClose","onSubmit","canSkip","customFormTexts","customTerms","defaultValues"]);const{t:p}=l.useTranslations(),{isMobile:g}=o.useScreenSize(),b=i.useForm({initialValues:Object.assign({phone:"",term:!1},c),validate:m.yupResolver(q(p))});return O.default.createElement(i.StyledOnboardingForm,Object.assign({heading:(null==s?void 0:s.heading)||p("onboarding.updatePhone.heading"),description:(null==s?void 0:s.description)||p("onboarding.updatePhone.description"),hiddenLogo:g},u),O.default.createElement(i.FormProvider,{form:b},O.default.createElement("form",{onSubmit:b.onSubmit((t=>e.__awaiter(void 0,void 0,void 0,(function*(){n(t)}))),(e=>{console.log(e)}))},O.default.createElement(k,{inputOrder:["full_name","email","phone","address","term"],withSimilac:!0,customTerms:d}),O.default.createElement(o.Button,{fullWidth:!0,size:"lg",type:"submit","data-event-category":"Sign Up","data-event-action":"Update Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},p("onboarding.button.continue")),a&&O.default.createElement(o.Button,{variant:"ghost",fullWidth:!0,size:"lg",onClick:r,type:"button"},p("onboarding.button.skip")))))},D=t=>{var{withSimilac:r=!1}=t,n=e.__rest(t,["withSimilac"]);return r?O.default.createElement(L,Object.assign({},n)):O.default.createElement(F,Object.assign({},n))},z=({onSubmit:r,phone:o,email:s,onResendCode:d,otpError:u,onClose:p,loading:g,onBack:b,canSkip:f,outOfEdit:E})=>{const{siteType:v,isMarryBaby:y}=t.useContext(i.OnboardingContext),[S,C]=t.useState(30),P=n.useInterval((()=>C((e=>e-1))),1e3),[j,T]=n.useCounter(0,{min:0,max:3}),x=t.useRef(!0),{t:_}=l.useTranslations();t.useEffect((()=>(P.start(),P.stop)),[]),t.useEffect((()=>{0===S&&(P.stop(),x.current=!1)}),[S]);const q=i.useForm({initialValues:{otp:""},validate:m.yupResolver(I(_))});t.useEffect((()=>{u&&q.setFieldError("otp",u)}),[u]);const B=t.useMemo((()=>w.default((()=>{x.current||(T.increment(),C(30),null==d||d(o||s),P.start(),x.current=!0)}),1e3,{trailing:!1})),[o,s,d,P]);return O.default.createElement(i.StyledOtpForm,{heading:_("onboarding.otpForm.heading"),description:O.default.createElement(O.default.Fragment,null,O.default.createElement("span",{dangerouslySetInnerHTML:{__html:o?_("onboarding.otpForm.description",{phone:`<b style="color:${c.theme.colors.gray800}">${o.slice(0,-3).replace(/./g,"x").concat(o.slice(-3))}</b>`}):_("onboarding.otpForm.descriptionEmail",{email:`<b style="color:${c.theme.colors.gray800}">${i.hiddenEmailChar(s)}</b>`})}}),!E&&O.default.createElement("svg",{onClick:()=>{null==b||b()},width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"otp-description-edit-icon"},O.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"})))},O.default.createElement(i.FormProvider,{form:q},O.default.createElement("form",{onSubmit:q.onSubmit((t=>e.__awaiter(void 0,void 0,void 0,(function*(){T.increment(),r(t.otp)}))),(e=>{console.log(e)}))},O.default.createElement(k,{inputOrder:["otp"]}),O.default.createElement("div",{className:"resend"},O.default.createElement(h.Text,{size:"p4",color:c.theme.colors.gray400},_("onboarding.otpForm.notReceiveOTP")),O.default.createElement(h.Text,{as:"a",size:"p4",color:y?c.theme.mbColors.pink:c.theme.colors.primaryBase,onClick:B},_("onboarding.otpForm.resendCode",{seconds:S}))),O.default.createElement(a.Button,{theme:v,color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:g,disabled:g,"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"},_("onboarding.button.continue")),f&&j>=3&&O.default.createElement(a.Button,{theme:v,color:"ghost",isBlock:!0,size:"lg",onClick:p,type:"button"},_("onboarding.button.skip")))))},A=({onClose:e,onSubmit:r,canSkip:n,loading:o,errorMessage:d,initialData:c})=>{const{t:u,locale:p}=l.useTranslations(),{siteType:g,isMarryBaby:b}=t.useContext(i.OnboardingContext),f=i.useForm({validate:m.yupResolver(B(u))});return t.useEffect((()=>{f.setValues(Object.assign(Object.assign({gender:"0"},c),(null==c?void 0:c.birthday)&&{birthday:new Date(c.birthday)}))}),[c]),t.useEffect((()=>{d&&f.setFieldError("email",d)}),[d]),O.default.createElement(i.Onboarding,{heading:u("onboarding.formEmail.heading"),description:u("onboarding.formEmail.description",{site:b?"Marry Baby":s.LOCALE_SPECS[p].SITE_NAME_FORMATTED})},O.default.createElement(i.FormProvider,{form:f},O.default.createElement("form",{className:"form",onSubmit:f.onSubmit((e=>{r(Object.assign(Object.assign({},e),{birthday:e.birthday&&v.format(e.birthday,"yyyy-MM-dd")}))}),(e=>{console.log({fieldErrors:e})}))},O.default.createElement(k,{inputOrder:["full_name","email","dob","gender"]}),O.default.createElement(a.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit",theme:g,isLoading:o,disabled:o},u("onboarding.button.continue")),n&&O.default.createElement(a.Button,{theme:g,color:"ghost",isBlock:!0,size:"lg",onClick:e},u("onboarding.button.skip")))))},R=({onClose:e,onSubmit:t,canSkip:n,errorMessage:o,loading:s})=>{const{t:d}=l.useTranslations(),c=i.useForm({initialValues:{password:"",confirmPassword:""},validate:m.yupResolver(M(d))});return O.default.createElement(i.Onboarding,{heading:d("onboarding.updatePassword.heading"),description:d("onboarding.updatePassword.description")},O.default.createElement(i.FormProvider,{form:c},O.default.createElement("form",{className:"form",onSubmit:c.onSubmit((e=>t((null==e?void 0:e.password)||"")),(e=>{console.log({fieldErrors:e})}))},O.default.createElement(k,{inputOrder:["password","confirm_password"]}),O.default.createElement(a.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:s,disabled:s},d("onboarding.button.continue")),n&&O.default.createElement(a.Button,{color:"ghost",isBlock:!0,size:"lg",onClick:e},d("onboarding.button.skip")),o&&O.default.createElement(r.Input.Error,{className:"form-error"},o))))};exports.MAPPED_LOCALE=i.MAPPED_LOCALE,Object.defineProperty(exports,"OnboardingStep",{enumerable:!0,get:function(){return d.OnboardingStep}}),exports.OnboardingForm=D,exports.OnboardingModal=s=>{var{banner:m,canSkip:p,createPassError:g,createPassLoading:b,customFormTexts:f,emailLoading:E,flow:h=[d.OnboardingStep.Phone,d.OnboardingStep.OTP],initialData:v,onClose:y,onCreatePassByEmail:S,onOtpSubmit:C,onPersonalInfoSubmit:w,onPhoneSubmit:P,onFormSubmit:j,onResendCode:T,otpError:x,otpLoading:k,personalInfoError:_,resultScreenProps:q,siteType:I,step:B,withSimilac:M=!1,defaultValues:F,customTerms:N}=s,W=e.__rest(s,["banner","canSkip","createPassError","createPassLoading","customFormTexts","emailLoading","flow","initialData","onClose","onCreatePassByEmail","onOtpSubmit","onPersonalInfoSubmit","onPhoneSubmit","onFormSubmit","onResendCode","otpError","otpLoading","personalInfoError","resultScreenProps","siteType","step","withSimilac","defaultValues","customTerms"]);const{t:V}=l.useTranslations(),[U,G]=t.useState(B||h[0]),[Y,$]=t.useState(""),[H,Z]=t.useState(""),[Q,K]=n.useCounter(0,{min:0,max:2}),{isMobile:J}=o.useScreenSize(),X=t.useCallback((()=>{const e=h.indexOf(U)+1;e<=h.length-1&&G(h[e])}),[U]),ee=t.useCallback((()=>{const e=h.indexOf(U)-1;e>=0&&G(h[e])}),[U]),te=t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{!(yield C(t))&&X()}catch(e){console.error(e)}})),re=()=>{Q>=2||(K.increment(),ee())},ne="marryBaby"===I;return O.default.createElement(i.OnboardingContext.Provider,{value:{siteType:I,isMarryBaby:ne}},O.default.createElement(i.StyledOnboardingModal,Object.assign({},W),h.length>0?O.default.createElement(i.StyledContainer,null,O.default.createElement(r.Grid,{sx:{[u.MediaQueries.mbDown]:{margin:0},".mantine-Grid-col":{[u.MediaQueries.mbDown]:{padding:0}}}},O.default.createElement(r.Grid.Col,{span:"object"!=typeof m&&!M||J?12:6,order:M?2:1,orderMd:M?1:2},O.default.createElement(i.StyledContent,{"data-similac":M,"data-has-banner":"object"==typeof m},U===d.OnboardingStep.Phone&&(M?O.default.createElement(L,{onClose:y,canSkip:p,onSubmit:t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{const e=null==t?void 0:t.phone;e&&($(e),yield Promise.all([null==j?void 0:j(t),null==P?void 0:P(e)])),X()}catch(e){console.error(e)}})),customFormTexts:f.onboarding,defaultValues:F,customTerms:N}):O.default.createElement(D,{onClose:y,canSkip:p,onSubmit:t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{$(t),yield null==P?void 0:P(t),X()}catch(e){console.error(e)}})),customFormTexts:f.onboarding})),U===d.OnboardingStep.OTP&&O.default.createElement(z,{onClose:y,onSubmit:te,phone:Y,onResendCode:T,otpError:x,loading:k,canSkip:p,onBack:re,outOfEdit:Q>=2}),U===d.OnboardingStep.OTPEmail&&O.default.createElement(z,{onClose:y,onSubmit:te,onResendCode:T,otpError:x,loading:k,canSkip:p,onBack:re,outOfEdit:Q>=2,email:H}),U===d.OnboardingStep.PersonalInfo&&O.default.createElement(A,{initialData:null==v?void 0:v[d.OnboardingStep.PersonalInfo],onClose:y,canSkip:p,onSubmit:t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{Z((null==t?void 0:t.email)||"");!(yield null==w?void 0:w(t))&&X()}catch(e){console.error(e)}})),errorMessage:_,loading:E}),U===d.OnboardingStep.UpdatePassword&&O.default.createElement(R,{onClose:y,canSkip:p,onSubmit:t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{yield null==S?void 0:S(t),!g&&X()}catch(e){console.error(e)}})),errorMessage:g,loading:b}),U===d.OnboardingStep.Result&&O.default.createElement(i.Onboarding,Object.assign({},q),O.default.createElement(a.Button,{theme:I,size:"lg",onClick:y,className:"form-button"},V("onboarding.button.continue"))))),"object"==typeof m&&!M&&O.default.createElement(r.Grid.Col,{span:"object"!=typeof m&&!M||J?12:6,order:M?2:1,orderMd:M?1:2},O.default.createElement(i.StyledBannerCol,null,O.default.createElement(i.StyledBannerInner,{"data-is-marry-baby":ne},O.default.createElement(i.StyledIntro,null,(null==m?void 0:m.heading)&&O.default.createElement(r.Title,{order:1,mb:24},null==m?void 0:m.heading),(null==m?void 0:m.description)&&O.default.createElement(o.Text,{size:"p1",color:c.theme.colors.gray800},V("onboarding.welcomeScreen.content"))),(null==m?void 0:m.imgSrc)&&O.default.createElement("div",null,O.default.createElement(i.StyledBannerImg,{src:null==m?void 0:m.imgSrc,loading:"lazy"}))))),"object"==typeof m&&M&&(null==m?void 0:m.imgSrc)&&O.default.createElement(r.Grid.Col,{span:"auto",order:M?1:2,orderMd:M?2:1},O.default.createElement(i.StyledBannerImg,{src:null==m?void 0:m.imgSrc,loading:"lazy",className:"similac"})))):"Incorrect flow"))},exports.OtpForm=z;

package/build/pwg.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("./index-59b16056.js"),a=require("./index-7a76f530.js"),l=require("./index-e96e88a7.js"),r=require("./useTranslations-d31b5647.js"),n=require("./theme-83071b03.js"),o=require("recharts"),i=require("./index-82d27f4a.js"),s=require("./useOutsideClick-ba667f29.js"),c=require("styled-components"),d=require("./tslib.es6-b21a130d.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./index.styled-1909724c.js"),require("./Onboarding-ed35a3c1.js"),require("./index.styled-14a46f82.js"),require("./gAssets.js"),require("./index-50def698.js"),require("date-fns/locale"),require("./isProduction-9c385dd8.js"),require("./translationsContext-f4b21cfe.js"),require("string-format"),require("@mantine/carousel"),require("@mantine/core"),require("@mantine/hooks");var m=u(e),f=u(c);const p=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))},g=f.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("./index-87f55bfd.js"),a=require("./index-56ec6ee1.js"),r=require("./index-0c391d79.js"),l=require("./useTranslations-12dcd921.js"),n=require("./theme-7166587e.js"),o=require("recharts"),i=require("./index-8f38526d.js"),s=require("./useOutsideClick-c740b47c.js"),c=require("styled-components"),d=require("./tslib.es6-06ca7969.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./index.styled-e4efd920.js"),require("./Onboarding-1e31ced6.js"),require("./index.styled-ecea664a.js"),require("./gAssets.js"),require("./index-e1296151.js"),require("date-fns/locale"),require("./isProduction-2d07a408.js"),require("./index-c39b7f16.js"),require("@mantine/carousel"),require("@mantine/core"),require("@mantine/hooks"),require("./translationsContext-2dea5a81.js"),require("string-format");var m=u(e),f=u(c);const p=e=>{const{x:t,y:a,payload:r,activeWeek:l}=e;return l===r.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"},r.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"},r.value))},g=f.default.div`
   /* position: absolute; */
   display: flex;
   flex-direction: column;
@@ -55,7 +55,7 @@
     align-items: center;
     gap: 4px;
   }
-`,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}],x=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(g,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))))},E=({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}:{})))},k=({weightBefore:l,weightByWeek:c,activeWeek:d,currentWeight:u,toolTipLabel:f=[],status:g,withLine:y=!1,siteType:b})=>{const{t:k}=r.useTranslations(),v="marryBaby"===b,w=e.useMemo((()=>E({weightByWeek:c,weightBefore:l,toolTipLabel:f,status:g,activeWeek:d,t:k})),[c,l,f,g,d]),[T,C]=e.useState(!1),j=e.useRef(null);return s.useOutsideClick(j,(()=>C(!1))),m.default.createElement(h,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(h,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(x,Object.assign({active:!y&&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(p,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(y,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`
+`,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}],b=t=>{var r,l,o,i,s;const{payload:c,active:d}=t,u=null===(r=null==c?void 0:c[0])||void 0===r?void 0:r.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(g,null,m.default.createElement("div",null,null===(l=u.toolTipLabel)||void 0===l?void 0:l[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))))},E=({weightByWeek:e,weightBefore:t,toolTipLabel:a,status:r,activeWeek:l,t:n})=>{const o=n(`bmi.result.${r}`);return e.map((e=>Object.assign({name:e.week,min:t+e.min,difference:e.max-e.min,max:t+e.max},e.week===l?{toolTipLabel:a,translatedStatus:o,status:r}:{})))},k=({weightBefore:r,weightByWeek:c,activeWeek:d,currentWeight:u,toolTipLabel:f=[],status:g,withLine:y=!1,siteType:x})=>{const{t:k}=l.useTranslations(),v="marryBaby"===x,w=e.useMemo((()=>E({weightByWeek:c,weightBefore:r,toolTipLabel:f,status:g,activeWeek:d,t:k})),[c,r,f,g,d]),[T,C]=e.useState(!1),j=e.useRef(null);return s.useOutsideClick(j,(()=>C(!1))),m.default.createElement(h,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(h,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(b,Object.assign({active:!y&&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(p,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,r-10||e),e=>Math.max(e,r+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:r})=>{const{t:o}=l.useTranslations(),i="marryBaby"===r;return m.default.createElement(y,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;
@@ -70,4 +70,4 @@
   > div {
     width: 100%;
   }
-`;exports.PregnancyWeightGainChart=({chartProps:e,pillCarouselProps:o,idealWeight:i,description:s,siteType:c})=>{const{t:d}=r.useTranslations(),u="marryBaby"===c;return m.default.createElement(T,null,m.default.createElement("div",{className:"chart-header"},u?m.default.createElement(t.MarryBabyHeading,{type:"h3",color:n.theme.mbColors.dark},d("pregnancyTool.weightSuggested")):m.default.createElement(a.Text,{size:"s1",type:"semiBold",color:n.theme.colors.gray800},d("pregnancyTool.weightSuggested")),s&&s),m.default.createElement(l.PillCarousel,Object.assign({},o)),m.default.createElement("div",null,m.default.createElement(w,{idealWeight:i,siteType:c}),m.default.createElement(k,Object.assign({},e,{siteType:c}))))};
+`;exports.PregnancyWeightGainChart=({chartProps:e,pillCarouselProps:o,idealWeight:i,description:s,siteType:c})=>{const{t:d}=l.useTranslations(),u="marryBaby"===c;return m.default.createElement(T,null,m.default.createElement("div",{className:"chart-header"},u?m.default.createElement(t.MarryBabyHeading,{type:"h3",color:n.theme.mbColors.dark},d("pregnancyTool.weightSuggested")):m.default.createElement(a.Text,{size:"s1",type:"semiBold",color:n.theme.colors.gray800},d("pregnancyTool.weightSuggested")),s&&s),m.default.createElement(r.PillCarousel,Object.assign({},o)),m.default.createElement("div",null,m.default.createElement(w,{idealWeight:i,siteType:c}),m.default.createElement(k,Object.assign({},e,{siteType:c}))))};