@hhgtech/hhg-components 1.23.85 → 1.23.86

package/build/lead.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tslib.es6-96fcc615.js"),t=require("react"),a=require("lodash/debounce"),n=require("react-dom"),l=require("./translationsContext-ea159be8.js"),r=require("./cookieHelper-0003373c.js"),o=require("./utils-389aa237.js"),i=require("uuid"),d=require("./useTranslations-92f77339.js"),u=require("./gAssets.js"),c=require("./index-a83fc6fa.js"),s=require("./index-0796d2d1.js"),m=require("./index-708c0edc.js"),p=require("@mantine/form"),f=require("./index-d01dd8ed.js"),v=require("./index-a32bfb0f.js"),h=require("./index-aacad298.js"),g=require("./index-f588a087.js"),b=require("./theme-2df74df1.js"),_=require("dayjs");function y(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function k(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var n=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,n.get?n:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}require("string-format"),require("./index-954c1ca7.js"),require("./Locale-788f0a76.js"),require("./isProduction-a249b948.js"),require("@mantine/core"),require("@mantine/dates"),require("styled-components"),require("./Vietnam-fee575f2.js"),require("@mantine/hooks"),require("yup"),require("./logoIcon-75d8906e.js");var E=y(t),w=y(a),C=y(_),S={LINKS:1,TAGS:2},N="https://dev.leadgen.hellobacsi.com/",T={MOBILE:1,DESKTOP:2},x="";N.includes("localhost")&&(N="https://dev.leadgen.hellobacsi.com/"),location.hostname.includes("marrybaby.vn")&&(x="pink");var P="https://"+location.hostname+location.pathname+location.search;P=P.toLowerCase(),sessionStorage.getItem("insider_object")&&(window.insider_object=JSON.parse(sessionStorage.getItem("insider_object")));var O={"vi-VN":{popupLang:"vi",countryCode:"vn",countryCodeNumber:84},"id-ID":{popupLang:"id",countryCode:"id",countryCodeNumber:62},"th-TH":{popupLang:"th",countryCode:"th",countryCodeNumber:66},"ms-MY":{popupLang:"ms",countryCode:"my",countryCodeNumber:60},"zh-TW":{popupLang:"zh",countryCode:"tw",countryCodeNumber:886},"km-KH":{popupLang:"km",countryCode:"kh",countryCodeNumber:855},"my-MM":{popupLang:"my",countryCode:"mm",countryCodeNumber:95},"hi-IN":{popupLang:"hi",countryCode:"in",countryCodeNumber:91}},B=O[document.documentElement.lang]||O["vi-VN"];var A,L={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"},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}"},j={"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},q=function(e){var t=j[e];return t||j["en-PH"]},M=t.createContext({}),D=function(e){var t=e.onClose,a=e.containerClassName,n=e.svgClassName;return E.default.createElement("button",{onClick:t,className:"le-newbuilder-close-button js-modal__close ".concat(a||"")},E.default.createElement("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:n},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"})))},U=function(e){var t=e.popupId,a=e.url,n=e.newTab,l=e.imageDestkop,r=e.imageMobile,o=e.onClose,i=e.onOtherSubmit;return E.default.createElement("div",{id:t,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:a,target:n?"blank":"_parent",onClick:i},E.default.createElement("img",{className:"le-only-mobile",src:r}),E.default.createElement("img",{className:"le-only-desktop",src:l})),E.default.createElement(D,{onClose:o,containerClassName:"close-button-top-right"}))))},R=function(e){var t=e.popupId,a=e.url,n=e.title,l=e.urlText,r=e.titleAlign,o=e.subtitle,i=e.subtitleAlign,d=e.newTab,u=e.imageDesktop,c=e.imageMobile,s=e.onClose,m=e.onOtherSubmit;return E.default.createElement("div",{id:t,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"}},u?E.default.createElement("div",null,E.default.createElement("img",{style:{maxWidth:120,borderTopLeftRadius:5,borderBottomLeftRadius:5},src:u})):null,E.default.createElement("div",{style:{padding:20}},E.default.createElement("div",{className:"le-floating-desktop-title le-text-align-".concat(r)},n),E.default.createElement("div",{className:"le-floating-desktop-desc le-text-align-".concat(i)},o)),E.default.createElement("a",{target:d?"blank":"_parent",style:{marginLeft:35,textDecoration:"none"},href:a},E.default.createElement("button",{className:"le-joinbow-floating-btn js-popup-other-submit",onClick:m},l)),E.default.createElement(D,{onClose:s,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-".concat(r)},n),E.default.createElement("div",{className:"le-floating-mobile-desc le-text-align-".concat(i)},o)),c?E.default.createElement("div",null,E.default.createElement("img",{style:{marginLeft:15,marginTop:4,maxWidth:100},src:c})):null),E.default.createElement("div",{style:{textAlign:"center",marginTop:10}},E.default.createElement("a",{target:d?"blank":"_parent",href:a,style:{textDecoration:"none"}},E.default.createElement("button",{className:"le-joinbow-floating-btn js-popup-other-submit",onClick:m},l))),E.default.createElement(D,{onClose:s,containerClassName:"close-button-top-right"})))))},H=function(e){var t=e.title,a=e.titleAlign,n=e.subtitle,l=e.subtitleAlign,r=e.link,o=e.linkNewTab,i=e.linkText,d=e.image;return E.default.createElement("div",{className:"lead-modal__thank-you"},E.default.createElement("div",{style:{width:"100%"}},E.default.createElement("img",{src:d,style:{maxHeight:162,objectFit:"cover"}}),t&&E.default.createElement("h1",{className:"le-thankyou-title le-text-align-".concat(a)},t),n&&E.default.createElement("p",{className:"le-thankyou-subtitle le-text-align-".concat(l)},n),i&&E.default.createElement("div",null,E.default.createElement("a",{href:r,target:o?"_blank":"parrent",rel:"noreferrer"},E.default.createElement("button",{className:"lead-modal__btn ".concat(x)},i)))))},F=new function(){this.apiLeadUrl="https://dev.leadgen.hellobacsi.com/",this.apiSubotUrl="https://staging-service-subot.hellohealthgroup.com/"},W=function(t){var a=t.url,n=t.data,l=void 0===n?void 0:n,r=e.__rest(t,["url","data"]);return r.body=JSON.stringify(l),r.headers={"Content-Type":"application/json"},fetch("".concat(F.apiLeadUrl).concat(a),r).then((function(e){return e.json()})).catch((function(e){return{}}))},V=function(t){var a=t.url,n=t.data,l=e.__rest(t,["url","data"]);return l.body=JSON.stringify(n),l.headers={"Content-Type":"application/json"},fetch("".concat(F.apiSubotUrl).concat(a),l).then((function(e){return e.json()})).catch((function(e){return{}}))},Y=function(e){var t=e.bot_id,a=e.email,n=e.phone;return n&&n.startsWith("0")&&(n=n.substring(1)),V({url:"frontend/api/subot-campaign/check",method:"post",data:{bot_id:t,email:a,phone:n}})},J=function(e){var t=e.campaign_id,a=e.email,n=e.phone;return n&&n.startsWith("0")&&(n=n.substring(1)),W({url:"api/subot-campaign/check",method:"post",data:{campaign_id:t,email:a,phone:n}})},z=function(e){var t=e.phone;return W({url:"api/sms/otp",method:"post",data:{phone_number:t.replace("+","")}})},G=function(e){var t=e.phone,a=e.otp;return W({url:"api/sms/verify",method:"post",data:{otp_code:a,phone_number:t.replace("+","")}})},K=function(t,a,n){return e.__awaiter(void 0,void 0,void 0,(function(){var l,r,o,i,d,u;return e.__generator(this,(function(e){switch(e.label){case 0:return l="email"in n?"email":"phone",r="email"in n?n.email:n.phone,o="email"in n?"validator.emailUsed":"validator.phoneUsed",[4,J((d={campaign_id:[t]},d[l]=r,d))];case 1:return"SubmitLeadWithBotId_ERR_001"===(i=e.sent())._errorCode||"SubmitLeadWithBotId_ERR_002"===i._errorCode?[2,o]:a.length?[4,Y((u={bot_id:a},u[l]=r,u))]:[3,3];case 2:if("CheckSuBotLeadTool_ERR_001"===e.sent()._errorCode)return[2,o];e.label=3;case 3:return[2]}}))}))},Q={email:{},phone:{}},X=function(t,a,n){return e.__awaiter(void 0,void 0,void 0,(function(){var l,r,o,i;return e.__generator(this,(function(e){switch(e.label){case 0:if(l="email"in n?"email":"phone",r="email"in n?n.email:n.phone,o="email"in n?"validator.emailUsed":"validator.phoneUsed",Q[l][r]){if(Q[l][r].value)return[2,o];if(!Q[l][r].value&&Q[l][r].expire>Date.now())return[2,""]}return[4,K(t,a,n)];case 1:return i=e.sent(),Q[l][r]=i?{value:!0}:{value:!1,expire:Date.now()+6e4},[2,i]}}))}))},Z=function(a){var l=a.content,r=a.inlinePosition,o=t.useMemo((function(){if(!r)return null;var t=document.querySelectorAll('[data-url="'.concat(location.pathname,'"] .body-content')),a=Array.from(t).reduce((function(t,a){return e.__spreadArray(e.__spreadArray([],t,!0),Array.from(a.children),!0)}),[]);if(null==a?void 0:a.length){var n=a.filter((function(e){return"P"===e.nodeName})),l=a.filter((function(e){return"H2"===e.nodeName})),o=null;switch(r){case"1th":o=n[0];break;case"2th":o=n[1];break;case"3th":o=n[2];break;case"4th":o=n[3];break;case"5th":o=n[4];break;case"6th":o=n[5];break;case"7th":o=n[6];break;case"8th":o=n[7];break;case"9th":o=n[8];break;case"10th":o=n[9];break;case"11th":o=n[10];break;case"12th":o=n[11];break;case"lastP":o=n[n.length-1];break;case"1thH2":o=l[0];break;case"2thH2":o=l[1];break;case"3thH2":o=l[2];break;case"4thH2":o=l[3];break;case"5thH2":o=l[4];break;case"6thH2":o=l[5];break;case"7thH2":o=l[6];break;case"8thH2":o=l[7];break;case"9thH2":o=l[8];break;case"10thH2":o=l[9];break;case"lastH2":o=l[l.length-1]}if(o){if(o.parentElement.querySelector(".inline-lead-wrapper"))return o.parentElement.querySelector(".inline-lead-wrapper");var i=document.createElement("div");return i.classList.add("inline-lead-wrapper"),o.nextElementSibling?o.parentElement.insertBefore(i,o.nextElementSibling):o.parentElement.appendChild(i),i}}}),[r]);return r&&o?n.createPortal(l,o):null},$=function(e){var a=e.content,l=t.useMemo((function(){var e=Array.from(document.querySelectorAll(".hc2-sidebar-with-ads,.page-main-col .right-col.f-right,.hhg-lead-sidebar"));return e.forEach((function(e){if(!e.querySelector(".sidebar-lead-modal-wrapper")){var t=document.createElement("div");t.classList.add("sidebar-lead-modal-wrapper"),e.prepend(t)}})),e.map((function(e){return e.querySelector(".sidebar-lead-modal-wrapper")}))}),[]);return E.default.createElement(E.default.Fragment,null,l.map((function(e){return n.createPortal(a,o.getWrapperDomWithSelector(e,"sidebar-lead-modal-wrapper"))})))},ee=(A=p.createFormContext())[0],te=A[1],ae=A[2],ne="undefined"==typeof window,le={VN:"vi",ID:"id",TH:"th",MY:"ms",TW:"zh-TW",KH:"km",MM:"my",IN:"hi",PH:"en"},re=function(t,a,n){return void 0===t&&(t=""),void 0===a&&(a=""),void 0===n&&(n="vi"),e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(l){return[2,new Promise((function(l,r){if(!t)return r("Need valid text input");if(ne)return r("Need valid window object");try{(new window.google.maps.places.AutocompleteService).getPlacePredictions(e.__assign(e.__assign({input:t},a?{componentRestrictions:{country:a}}:{}),{language:le[n]}),l)}catch(e){r(e)}}))]}))}))},oe=["places"],ie=function(a){var n,l=a.name,r=a.placeholder,o=a.locale,i=te(),d=t.useState(""),u=d[0],s=d[1],m=t.useState(""),p=m[0],f=m[1],v=function(a,n,l,r){void 0===a&&(a=""),void 0===n&&(n=""),void 0===l&&(l=""),void 0===r&&(r=500);var o=t.useState([]),i=o[0],d=o[1],u=t.useState(!1),c=u[0],s=u[1];return t.useEffect((function(){var t;return a?t=window.setTimeout((function(){return e.__awaiter(void 0,void 0,void 0,(function(){var t,r;return e.__generator(this,(function(e){switch(e.label){case 0:if(!a)return d([]),[2];e.label=1;case 1:return e.trys.push([1,3,4,5]),s(!0),[4,re(a,n,l)];case 2:return t=e.sent(),d(!(o=t)||o.length<1?[]:o.map((function(e){return{placeId:e.place_id,description:e.description}}))),[3,5];case 3:return r=e.sent(),console.error(r),[3,5];case 4:return s(!1),[7];case 5:return[2]}var o}))}))}),r):i.length&&d([]),function(){window.clearTimeout(t)}}),[a,r,n]),{isLoading:c,predictions:i}}(u||"15 Lê","","tl-PH"===o?"en":null===(n=null==o?void 0:o.split("-"))||void 0===n?void 0:n[0]).predictions,h=t.useState(null),g=h[0],b=h[1],_=t.useState(!1),y=_[0],w=_[1],C=t.useRef(Math.random().toString(36).substring(7)),S=t.useMemo((function(){var e=v.map((function(e){return{value:e.description,label:e.description}})),t=e.find((function(e){return e.value===p}));return!p||t?e:[{value:p,label:p}].concat(e)}),[v,p]);return t.useEffect((function(){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)?w(!0):Promise.resolve().then((function(){return k(require("@react-google-maps/api"))})).then((function(e){b((function(){return e.LoadScript})),setTimeout((function(){w(!0)}),200)}))}),[]),y?E.default.createElement(E.default.Fragment,null,g&&E.default.createElement(g,{googleMapsApiKey:"AIzaSyB9QmhfEYcy2wj5X3Fl38aCD5UkET6n82M",libraries:oe,loadingElement:E.default.createElement(E.default.Fragment,null)}),E.default.createElement("div",{style:{display:"none"},"data-extra":!0,"data-name":l,"data-control":"text"}),E.default.createElement(c.Select,e.__assign({className:"lead-modal__form-control",label:r,placeholder:r,withAsterisk:!0,name:l,data:S,searchValue:u,onSearchChange:function(e){s(e)},filter:function(){return!0},clearable:!0,searchable:!0,onChange:function(e){return f(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-"+C.current,rightSection:E.default.createElement(E.default.Fragment,null)},i.getInputProps(l)))):E.default.createElement("div",{style:{height:73}})},de=function(e){var t=e.children,a=e.align;return E.default.createElement("p",{className:"lead-modal__description ".concat("le-text-align-"+(a||"")," ").concat(x)},t)},ue=function(e){var t=e.children,a=e.align;return E.default.createElement("h2",{className:"lead-modal__title ".concat("le-text-align-"+(a||"")," ").concat(x)},t)},ce=function(t){var a=t.listBlockAdded,n=t.popupId,l=t.locale,r=t.onClose,o=t.onOtherSubmit,i=te();return E.default.createElement(E.default.Fragment,null,a.map((function(t,a){var d=t||{},u=d.name,p=void 0===u?"":u,h=d.data,g=void 0===h?{}:h,b=g.placeholder,_=g.value,y=g.align,k=g.listQuestion,w=g.isSendMailChimp,C=void 0!==w&&w,S=g.newtab,N=g.url;switch(p){case"TitleBlock":return E.default.createElement(ue,{key:a,align:y},_);case"SubtitleBlock":return E.default.createElement(de,{key:a,align:y},_);case"TextBlock":return E.default.createElement(m.Input,e.__assign({key:a,withAsterisk:!0,spellCheck:!1,type:"text",placeholder:b,className:"lead-modal__form-control",label:b,"data-control":"text",name:_},i.getInputProps(_)));case"NumberBlock":return E.default.createElement(m.NumberInput,e.__assign({key:a,withAsterisk:!0,spellCheck:!1,type:"number",placeholder:b,className:"lead-modal__form-control",label:b,"data-control":"number",name:_},i.getInputProps(_)));case"EmailBlock":return E.default.createElement(m.Input,e.__assign({key:a,withAsterisk:!0,spellCheck:!1,placeholder:b,className:"lead-modal__form-control",label:b,"data-control":"email",name:_},i.getInputProps(_)));case"PhoneOtpBlock":case"PhoneBlock":var T=n+"-"+_+"-"+a;return E.default.createElement(m.Input.Wrapper,e.__assign({size:"md",withAsterisk:!0,key:a,label:b,className:"lead-modal__form-control",labelProps:{htmlFor:T}},i.getInputProps(_)),E.default.createElement(s.Phone,{name:_,spellCheck:!1,type:"tel",placeholder:b,onChange:function(e){i.setFieldValue(_,e)},id:T,defaultCountry:l&&v.MAPPED_LOCALE[l]||"VN","data-control":"tel"}));case"LocationBlock":return E.default.createElement(ie,{key:a,name:_,placeholder:b,locale:l});case"DateBlock":return E.default.createElement(s.DatePicker,e.__assign({withAsterisk:!0,key:a,type:"date",name:_,placeholder:b,className:"lead-modal__form-control",label:b,"data-control":"date"},i.getInputProps(_)));case"LinkButtonBlock":return E.default.createElement("div",{key:a},E.default.createElement("a",{target:S?"blank":"parrent",href:N,style:{textDecoration:"none"}},E.default.createElement(f.Button,{type:"button",size:"md",className:"lead-modal__btn ".concat(x),onClick:function(){null==r||r(),null==o||o()}},_)));case"CheckboxBlock":return E.default.createElement(E.default.Fragment,null,C&&E.default.createElement("div",{style:{display:"none"},"data-name":_+"-mailchimp"}),E.default.createElement(c.Checkbox.Group,e.__assign({withAsterisk:!0,className:"lead-modal__form-control",key:a,label:b,size:"md"},i.getInputProps(_)),k.map((function(e,t){return E.default.createElement(c.Checkbox,{name:_,key:t,value:e.value,label:e.placeholder,"data-control":"checkbox"})}))));case"RadioBlock":return E.default.createElement(E.default.Fragment,null,C&&E.default.createElement(m.Input,{type:"hidden",name:_+"-mailchimp",value:C}),E.default.createElement(s.Radio.Group,e.__assign({withAsterisk:!0,className:"lead-modal__form-control",key:a,label:b,size:"md"},i.getInputProps(_)),k.map((function(e,t){return E.default.createElement(s.Radio,{name:_,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":_,"data-control":"dropdown"}),E.default.createElement(c.Select,e.__assign({key:a,className:"lead-modal__form-control",label:b,withAsterisk:!0,name:_,data:k.map((function(e){return{value:e.value,label:e.placeholder}}))},i.getInputProps(_))))}return null})))},se=function(a){var n=a.phone,l=a.onSuccess,r=a.autoSendWhenOpen,o=d.useTranslations().t,i=t.useState(""),u=i[0],c=i[1],s=t.useState(!1),p=s[0],v=s[1],_=t.useState(0),y=_[0],w=_[1],C=t.useRef(null),S=t.useState(),N=S[0],T=S[1],P=t.useState(""),O=P[0],B=P[1],A=t.useRef();t.useEffect((function(){e.__awaiter(void 0,void 0,void 0,(function(){var t,a;return e.__generator(this,(function(e){switch(e.label){case 0:return A.current?[3,2]:[4,Promise.resolve().then((function(){return k(require("react-phone-number-input"))}))];case 1:t=e.sent(),A.current=t.formatPhoneNumberIntl,e.label=2;case 2:return B((null===(a=A.current)||void 0===a?void 0:a.call(A,n))||n),[2]}}))}))}),[n]);var L=function(){return e.__awaiter(void 0,void 0,void 0,(function(){var t,a,r;return e.__generator(this,(function(e){switch(e.label){case 0:return n?[4,z({phone:n})]:[2];case 1:return t=e.sent(),"Send sms successfully"===(a=null===(r=null==t?void 0:t._messages)||void 0===r?void 0:r[0])?(w(60),setTimeout((function(){C.current&&(C.current.focus(),C.current.scrollIntoView({block:"center"}))}),100)):"This phone number was verified"===a?l():T(a||"something Wrong"),[2]}}))}))};return t.useEffect((function(){setTimeout((function(){y>0&&w((function(e){return e-1}))}),1e3)}),[y]),t.useEffect((function(){r&&!y&&L()}),[]),E.default.createElement(E.default.Fragment,null,E.default.createElement("form",{onSubmit:function(t){t.preventDefault(),e.__awaiter(void 0,void 0,void 0,(function(){var t,a;return e.__generator(this,(function(e){switch(e.label){case 0:return n&&u?[4,G({phone:n,otp:u})]:[2];case 1:return t=e.sent(),"Verify successfully"===(a=null==t?void 0:t._messages[0])||"This phone number was verified"===a?l():T(a||"something Wrong"),[2]}}))}))},className:"lead-phone-otp-form"},E.default.createElement(h.Heading,{tag:"h3",fontWeight:"bold",style:{marginBottom:4}},o("lead.otp.title")),E.default.createElement(g.Text,{size:"p1",color:b.theme.colors.gray600},o("lead.otp.desc",{phone:O})),E.default.createElement(m.Input,{ref:C,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:u,onChange:function(e){v(!0),c(e),T(p&&!e?"OTP is required":void 0)},error:p?N:void 0}),E.default.createElement(f.Button,{size:"md",color:"primary",className:"lead-modal__btn ".concat(x),disabled:!u},o("lead.otp.verify")),E.default.createElement(f.Button,{type:"button",size:"md",color:"transparent",className:"lead-modal__btn lead-phone-otp-button ".concat(x),onClick:function(){L()},disabled:!!y},o("lead.otp.resend",{timer:y?" (".concat(y,"s)"):""}))))},me=function(a){var n,l,r,o=a.popupId,i=a.extraFields,c=a.onClose,s=a.onOtherSubmit,m=a.imageMobile,p=a.imageDesktop,v=a.imageOverlayMobile,h=a.imageOverlayDesktop,g=a.imageBackground,b=a.currentLayout,_=a.title,y=a.onSubmit,k=a.showThankyou,w=a.campaignId,C=a.campaign_subot_id,S=a.locale,N=JSON.parse(i.listBlockAdded),T=JSON.parse(i.actionBlocks),P=JSON.parse(i.textBlocks),O=T.submitBlock.data.url,A=T.submitBlock.data.text,L=T.submitBlock.data.text2,I=T.submitBlock.data.value,j=location.pathname,q=b.includes("Inline")||"Sidebar"===b,M="Slider"===b,U=t.useState(!0),R=U[0],F=U[1],W=t.useState(""),V=W[0],Y=W[1],J=t.useRef(),z=function(){V?Y(""):null==c||c()};if(window.innerWidth<769&&["Fullscreen","Slider"].includes(b))return console.log("😎 Not show fullscreen, slider on mobile "),null;t.useEffect((function(){(b.includes("LightBox")||"Fullscreen"==b)&&document.body.classList.add("noscroll"),window.intlTelInputUtils||require("intl-tel-input/build/js/utils"),Q.email={},Q.phone={}}),[]);var G=t.useRef(!1),K=t.useRef(!1),te=function(a){var n=a.listBlockAdded,l=void 0===n?[]:n,r=a.validatingPhoneRef,o=a.validatingEmailRef,i=a.campaignId,u=a.campaign_subot_id,c=void 0===u?[]:u,s=d.useTranslations().t,m=t.useMemo((function(){var t=["TextBlock","NumberBlock","EmailBlock","PhoneBlock","DateBlock","CheckboxBlock","RadioBlock","DropdownBlock","PhoneOtpBlock","LocationBlock"],a=function(e,t){return function(a){if(f.current.isTouched(e))return void 0===a||""===a||Array.isArray(a)&&0===a.length?s("validator.required"):null==t?void 0:t(a)}};return l.filter((function(e){return t.includes(e.name)})).reduce((function(t,n){var l,d,u,m,p;return"NumberBlock"===n.name?e.__assign(e.__assign({},t),((l={})[n.data.value]=a(n.data.value,(function(e){if(isNaN(Number(e)))return s("validator.number")})),l)):"EmailBlock"===n.name?e.__assign(e.__assign({},t),((d={})[n.data.value]=a(n.data.value,(function(e){if(!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e))return s("validator.email");o.current=!0,setTimeout((function(){f.current.setFieldError(n.data.value,"Validating..."),X(i,c,{email:e}).then((function(e){e?f.current.setFieldError(n.data.value,s(e)):f.current.clearFieldError(n.data.value),o.current=!1})).catch((function(e){console.error(e),f.current.setFieldError(n.data.value,e.message||"Something went wrong"),o.current=!1}))}),200)})),d)):"PhoneBlock"===n.name||"PhoneOtpBlock"===n.name?e.__assign(e.__assign({},t),((u={})[n.data.value]=a(n.data.value,(function(e){if(window.intlTelInputUtils&&!window.intlTelInputUtils.isValidNumber(String(e),B.countryCode))return s("validator.phone");r.current=!0,setTimeout((function(){f.current.setFieldError(n.data.value,"Validating..."),X(i,c,{phone:e}).then((function(e){e?f.current.setFieldError(n.data.value,s(e)):f.current.clearFieldError(n.data.value),r.current=!1})).catch((function(e){console.error(e),f.current.setFieldError(n.data.value,e.message||"Something went wrong"),r.current=!1}))}),200)})),u)):"DateBlock"===n.name?e.__assign(e.__assign({},t),((m={})[n.data.value]=a(n.data.value,(function(e){if(isNaN(Date.parse(e)))return s("validator.date")})),m)):e.__assign(e.__assign({},t),((p={})[n.data.value]=a(n.data.value),p))}),{})}),[l.map((function(e){return e.name})).join(",")]),p=ae({validateInputOnChange:!0,clearInputErrorOnChange:!0,validate:m}),f=t.useRef(p);return f.current=p,{form:p,validateObj:m}}({listBlockAdded:N,validatingPhoneRef:G,validatingEmailRef:K,campaignId:w,campaign_subot_id:C}),ne=te.form,le=te.validateObj,re=E.default.createElement(E.default.Fragment,null,E.default.createElement("style",{dangerouslySetInnerHTML:{__html:".le-newbuilder-overlay {\n        background: url(".concat(v,") ;\n        background-repeat: no-repeat;\n        background-size: cover;\n      }\n      @media screen and (min-width:768px) {\n        .le-newbuilder-overlay {\n          background: url(").concat(h,") ;\n          background-repeat: no-repeat;\n          background-size: cover;\n        }\n      }")}}),E.default.createElement("div",{id:o,"data-popup-url":j,"data-popup-type":"lightbox-inline",className:"lead-modal lead-modal-wrapper modal--animate-scale ".concat(q?"le-buider-inline":""," ").concat(M?"le-buider-slider":"")},"Fullscreen"==b?E.default.createElement("img",{className:"le-only-desktop le-fullscreen-img",draggable:!1,src:g||""}):null,E.default.createElement("div",{className:"lead-modal__wrapper le-newbuilder-wrap-".concat(b)},E.default.createElement("div",{className:"lead-modal__content le-newbuilder-".concat(b)},k?E.default.createElement(H,{title:k.title,titleAlign:k.titleAlign,subtitle:k.subtitle,subtitleAlign:k.subtitleAlign,link:k.link,linkNewTab:k.linkNewTab,linkText:k.linkText,image:k.image}):E.default.createElement(E.default.Fragment,null,E.default.createElement("header",{className:"lead-modal__header"},V?E.default.createElement("img",{src:u.CommonGAssets.getAssetPath("lead-otp-thumb.png"),draggable:"false",alt:"",style:{width:"100%"}}):E.default.createElement(E.default.Fragment,null,["LightBoxA","InlineA","Sidebar","Slider"].includes(b)?m?E.default.createElement("img",{draggable:"false",className:"lead-modal__image lead-modal-image-cover",src:m,alt:""}):null:E.default.createElement(E.default.Fragment,null,p?E.default.createElement("img",{draggable:"false",className:"le-only-desktop lead-modal__image lead-modal-image-cover",style:{height:"100%",objectFit:"cover"},src:p,alt:""}):null,m?E.default.createElement("img",{draggable:"false",className:"le-only-mobile lead-modal__image lead-modal-image-cover",src:m,alt:""}):null))),V&&E.default.createElement(se,{phone:V,autoSendWhenOpen:!0,onSuccess:function(){null==y||y(J.current,ne.values)}}),E.default.createElement("div",{"data-hidden":!!V,className:"lead-modal__body le-newbuilder-overlay"},E.default.createElement(ee,{form:ne},E.default.createElement("form",{ref:J,className:"lead-modal__form ".concat(o),onSubmit:function(e){e.preventDefault(),ne.setTouched(Object.keys(le).reduce((function(e,t){return e[t]=!0,e}),{})),K.current||G.current||setTimeout((function(){ne.onSubmit((function(e){var t,a,n;if(!Object.keys(ne.errors).length){if(N.findIndex((function(e){return"PhoneOtpBlock"===e.name}))>-1){var l=null===(a=null===(t=N.find((function(e){return"PhoneOtpBlock"===e.name})))||void 0===t?void 0:t.data)||void 0===a?void 0:a.value;if(null===(n=e[l])||void 0===n?void 0:n.startsWith("+84"))return void Y(e[l])}null==y||y(J.current,e)}}))(e)}),100)}},E.default.createElement("div",{style:{marginBottom:20}},E.default.createElement("h2",{className:"lead-modal__title ".concat("le-text-align-"+(null===(n=P.titleBlock.data)||void 0===n?void 0:n.align)," ").concat(x)},_),E.default.createElement("p",{className:"lead-modal__description ".concat("le-text-align-"+(null===(l=P.titleBlock.data)||void 0===l?void 0:l.align)," ").concat(x)},P.subtitleBlock.data.value)),E.default.createElement("div",{className:"lead-modal__form-control-wrapper"},E.default.createElement(ce,{listBlockAdded:N,popupId:o,locale:S,onClose:z,onOtherSubmit:s})),(null===(r=null==T?void 0:T.submitBlock)||void 0===r?void 0:r.isHide)?null:E.default.createElement(E.default.Fragment,null,E.default.createElement("div",{className:"lead-modal__checkbox-wrapper ".concat(x)},E.default.createElement("div",{className:"lead-modal__checkbox"},E.default.createElement("input",{id:"lead-term-checkbox",className:"lead-modal__checkbox__input ".concat(x),type:"checkbox","aria-label":"Checkbox label",checked:R,onChange:function(e){return F(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"},A," ",E.default.createElement("span",{style:{fontWeight:"bold"}},E.default.createElement("a",{target:"blank",href:O||"https://hellobacsi.com/chinh-sach",rel:"noopener noreferrer",style:{textDecoration:"none"}},L)))),E.default.createElement(f.Button,{size:"md",id:"lead-submit",type:"submit",className:"lead-modal__btn ".concat(x),disabled:!R},I))))))),!b.includes("Inline")&&E.default.createElement(D,{onClose:z,containerClassName:"close-button-top-right"}))));return b.includes("LightBox")||"Fullscreen"==b||"Slider"==b?re:"Sidebar"==b?E.default.createElement($,{content:re}):b.includes("Inline")?E.default.createElement(Z,{content:re,inlinePosition:i.popupInlinePosition}):null},pe=function(e){var t=e.popupId,a=e.link,n=e.linkText,l=e.linkNewTab,r=e.onClose,o=e.imageMobile,i=e.imageDesktop,d=e.currentLayout,u=e.onOtherSubmit,c=location.pathname;return E.default.createElement("div",{id:t,className:"lead-modal-wrapper","data-popup-url":c,"data-popup-type":"skin_ab"},"SkinA"==d?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}),E.default.createElement("a",{style:{position:"absolute",top:"75%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center",width:"calc(100% - 15px)"},href:a,target:l?"blank":"_parent"},E.default.createElement("button",{onClick:u,className:"le-joinbow-btn js-popup-other-submit"},n)),E.default.createElement(D,{onClose:r,containerClassName:"close-button-top-right"})))):"SkinB"==d?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%"}}),E.default.createElement("a",{style:{position:"absolute",top:"75%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center",width:"100%"},href:a,target:l?"blank":"_parent"},E.default.createElement("button",{onClick:u,className:"le-joinbow-btn-mobile js-popup-other-submit"},n)),E.default.createElement(D,{containerClassName:"close-button-top-right",onClose:r})))):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%"}}),E.default.createElement("a",{style:{position:"absolute",top:"82%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center",maxWidth:"calc(100% - 15px)"},href:a,target:l?"blank":"_parent"},E.default.createElement("button",{onClick:u,className:"le-joinbow-btn-mobile js-popup-other-submit"},n)),E.default.createElement(D,{containerClassName:"close-button-top-right",svgClassName:"le-mobile-btn",onClose:r})))))},fe=function(e){var t=e.popupId,a=e.url,n=e.newTab,l=e.image,r=e.onClose,o=e.onOtherSubmit;return E.default.createElement("div",{id:t,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:a,target:n?"blank":"_parent",onClick:o},E.default.createElement("img",{className:"js-popup-other-submit",src:l})),E.default.createElement(D,{onClose:r,containerClassName:"close-button-top-right"}))))},ve=[],he=[],ge=[];var be=function(t){for(var a=e.__spreadArray([],t,!0),n=a.length-1;n>0;n--){var l=Math.floor(Math.random()*(n+1)),r=a[n];a[n]=a[l],a[l]=r}return a},_e=function(e){void 0===e&&(e="UTC");var t=new Date;return new Date(t.toLocaleString("en-US",{timeZone:e}))},ye=function(e){try{var t=e.split(" "),a=t[0],n=t[1],l=a.split("-").map(Number),r=l[0],o=l[1],i=l[2],d=n.split(":").map(Number),u=d[0],c=d[1],s=d[2];return new Date(r,o-1,i,u,c,s)}catch(e){return null}};var ke=function(e){return 1===e.formatted_status?function(e){var t;if(1===e.forever)return!0;var a=e.started_at,n=e.ended_at,l=ye(a),r=ye(n);if(!l||!r)return!0;var o=(null===(t=e.site)||void 0===t?void 0:t.id)||1,i=L[o];return!(_e(i).getTime()>r.getTime()&&(ge.push(e),1))}(e):0===e.formatted_status&&(ve.push(e),function(e){var t,a=(null===(t=e.site)||void 0===t?void 0:t.id)||1,n=e.started_at,l=e.ended_at,r=ye(n),o=ye(l);if(!r||!o)return!1;var i=L[a],d=_e(i).getTime();return d<=o.getTime()&&d>=r.getTime()&&(he.push(e),!0)}(e))};function Ee(t){var a=t.leadApi,n=t.leadSiteId,l=t.leadDomain,o=t.onShowPopup,d=t.DEBUG_URL||("https://"+location.hostname+location.pathname+location.search).toLowerCase();fetch(a+"api/campaign/"+n,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({url:d,ga_client_id:r.getCookie("_ga")||null})}).then((function(e){return e.json()})).then((function(t){var a,n,u,c,s;if(we("List campagin: ",t),P="https://"+location.hostname+location.pathname+location.search,1==t._status){var m=(null===(n=null===(a=t._data)||void 0===a?void 0:a.campaigns)||void 0===n?void 0:n.filter(ke))||[];r.getCookie("hhg-id")||(r.setCookie("hhg-id",i.v1(),{domain:"."+l,path:"/"}),we("😍 Set HHG ID cookie"));var p=[];p=/Android|webOS|iPhone|iPad|iPod|BlackBerry|BB|PlayBook|IEMobile|Windows Phone|Kindle|Silk|Opera Mini/i.test(navigator.userAgent)?m.filter((function(e){return e.device_types.some((function(e){return e.id==T.MOBILE}))})):m.filter((function(e){return e.device_types.some((function(e){return e.id==T.DESKTOP}))})),we("👓 campaignsDevice",p),we("--listCampaignScheduled",ve),we("--listCampaignScheduledToActivated",he),we("--listCampaignActiveButExpired",ge);var f=p.map((function(t,a){return t.targets.filter((function(e){return e.type==S.LINKS})).map((function(t){return e.__assign(e.__assign({},t),{campaignIndex:a})}))})).flat(1);f=f.filter((function(e){var t=new URL(String(e.target).toLowerCase());return"exact_match"==e.option?Boolean(d===t.href):"start_with"==e.option?!!d.includes(String(e.target))&&!e.sub_target.filter((function(e){return"excluding"==e.option})).map((function(e){return e.value})).includes(d):void 0}));var v=Array.from(document.getElementsByTagName("META")).filter((function(e){return"article:tag"==e.getAttribute("property")})).map((function(e){return e.content})),h=[],g=[];v&&v.length&&(h=p.map((function(t,a){return t.targets.filter((function(e){return e.type==S.TAGS})).map((function(t){return e.__assign(e.__assign({},t),{campaignIndex:a})}))})).flat(1),g=h.filter((function(e){return v.includes(e.target)})));var b=e.__spreadArray(e.__spreadArray([],f,!0),g,!0),_=document.cookie.split("; ").map((function(e){return e.split("=")[0]})),y=_.filter((function(e){return e.includes("lead_submited")}));we("--listCampaignCodeSubmited",y);var k=_.filter((function(e){return e.includes("lead_closed")}));we("--listCampaignCodeClosed",k);var E=e.__spreadArray(e.__spreadArray([],y,!0),k,!0),w=b.filter((function(e){return!E.some((function(t){return t.includes(p[e.campaignIndex].code)}))})),C=be(w);if(we("--listCampaignValid : ",C),C&&C.length){var N=p[C[0].campaignIndex];we("CAMPAIGN_SHOW",N);var x=N.rules,O=Number(null===(u=x.find((function(e){return"time"==e.rule})))||void 0===u?void 0:u.value);we("timeoutRule",O);var B=Number(null===(c=x.find((function(e){return"scroll"==e.rule})))||void 0===c?void 0:c.value);we("scrollRule",B);var A=Number(null===(s=x.find((function(e){return"exclude_sponsored"==e.rule})))||void 0===s?void 0:s.value);we("excludeSponsored",A);var L=Boolean(document.querySelector(".hhg-disclaimer-text"));if(we("💎 LEAD current page isSponsored",L),L&&A)return;var I="TIME";if(Number.isInteger(O)&&(I="TIME",we("✨ SHOW AWESOME POPUP AFTER: ",O," seconds"),setTimeout((function(){null==o||o(N,I)}),1e3*O)),Number.isInteger(B)){I="SCROLL",we("✨ SHOW AWESOME AFTER: SCROLL",B," %");var j=document.querySelector('[data-url="'.concat(location.pathname,'"]'))||document.querySelector("body"),q=j.getBoundingClientRect().top,M=j.offsetHeight;we("👓 Element check scroll: ",j);var D=function(){var e=window.pageYOffset||document.documentElement.scrollTop,t=0;e>=q&&(t=Math.round((e-q)/(M-innerHeight)*100)),we("---Scroll",t,B),t>=B&&(window.removeEventListener("scroll",D),null==o||o(N,I))};window.addEventListener("scroll",D,{passive:!0})}}else we("🚧 No lead campaigns on current URL, tags")}})).catch((function(e){we("Lead error: ",e)}))}var we=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];("production"!==process.env.NODE_ENV||process.env.NEXT_PUBLIC_DEPLOY_ENV&&"production"!==process.env.NEXT_PUBLIC_DEPLOY_ENV||"undefined"!=typeof localStorage&&"true"===localStorage.getItem("hhg_debug"))&&console.log.apply(console,e)};var Ce=function(e){var a,n,l=e.campaign,o=e.action,u=e.onSubmit,c=e.onClose,s=e.showThankyou,m=e.locale;d.useTranslations().t;var p=t.useContext(M),f=p.apiUrl,v=p.siteDomain;t.useEffect((function(){var e=r.getCookie("_ga")||null;fetch("".concat(f,"api/campaign/").concat(_,"/impression"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:o,url:location.href.toLowerCase(),title_article:document.title,cookie_id:r.getCookie("hhg-id"),ga_client_id:e})})}),[]);var h=l.extra_fields,g=l.image,b=l.image_desktop,_=l.code,y=l.image_background,k=l.image_overlay_mobile,w=l.image_overlay_desktop,C=h.currentLayout,S=h.imageBlocks?JSON.parse(h.imageBlocks):{},N=JSON.parse(h.actionBlocks),T=JSON.parse(h.textBlocks),x=(null===(n=null===(a=null==T?void 0:T.titleBlock)||void 0===a?void 0:a.data)||void 0===n?void 0:n.value)||"",P={1:{},2:{},3:{}},O=t.useRef("lead-modal-"+i.v1()),B=function(e){if(void 0===e&&(e="Xin chao {{category_2}} extra"),e.includes("{{category_")){var t="{{category_".length,a=e.search("{{category_");return+e.charAt(t+a)}return null}(x);if(B){we("⚡️ Has categoryLevel",B);var A=Array.from(document.getElementsByTagName("META")),L=A.find((function(e){return e.name==="content_category_".concat(B)})),I=A.find((function(e){return e.name==="content_category_en_".concat(B)}));if(!L||!I)return we("⚡️ No META TAG for categoryLevel, not show popup",B),null;P[B]={value:L.content,value_en:I.content},x=x.replace("{{category_".concat(B,"}}"),L.content),we("⚡️ Set categoryData ",B)}else we("⚡️ No categoryLevel",B);var j=function(){var e,t,a,n;if(we("👌 Other submit click"),document.body.classList.remove("noscroll"),C.includes("Skin")){var o=document.querySelector("#masthead");o&&(o.style.top="0px !important;")}var i=Number(null!==(t=null===(e=l.rules.find((function(e){return"days_to_show_again"==e.rule})))||void 0===e?void 0:e.value)&&void 0!==t?t:7),d=Number(null!==(n=null===(a=l.rules.find((function(e){return"show_again_after_submit"==e.rule})))||void 0===a?void 0:a.value)&&void 0!==n?n:0);0===d&&(we("⛔ Popup never show again!"),r.setCookie("lead_submited_".concat(_),"target_".concat(h.popupVersion),{domain:"."+v,path:"/"})),1==d&&(we("⌛ Popup will show again after ".concat(i," days!")),r.setCookie("lead_submited_".concat(_),"target_".concat(h.popupVersion),{domain:"."+v,days:i,path:"/"}));var u=r.getCookie("_ga")||null,s={url:location.href.toLowerCase(),title_article:document.title,meta:[],cookie_id:r.getCookie("hhg-id"),ga_client_id:u};B&&(s.category=P[B].value_en),fetch("".concat(f,"api/campaign/").concat(_,"/lead"),{method:"POST",body:JSON.stringify(s),headers:{"Content-Type":"application/json","X-Requested-With":"XMLHttpRequest"}}).then((function(e){return e.json()})).then((function(e){"error"===e.status&&we(e)})).catch((function(e){we("Error:",e)})),null==c||c()};return"CenterTab"===C?E.default.createElement(U,{popupId:O.current,url:S.imageMobile.data.url,newTab:S.imageMobile.data.newtab,imageMobile:g,imageDestkop:b,onClose:c,onOtherSubmit:j}):"Tab"===C?E.default.createElement(fe,{popupId:O.current,url:S.imageMobile.data.url,newTab:S.imageMobile.data.newtab,image:g,onClose:c,onOtherSubmit:j}):"Floating"===C?E.default.createElement(R,{popupId:O.current,title:x,titleAlign:T.titleBlock.data.align,subtitle:T.subtitleBlock.data.value,subtitleAlign:T.subtitleBlock.data.align,url:N.linkButtonBlock.data.url,urlText:N.linkButtonBlock.data.value,newTab:N.linkButtonBlock.data.newtab,imageMobile:g,imageDesktop:b,onClose:c,onOtherSubmit:j}):C.includes("LightBox")||C.includes("Inline")||"Fullscreen"==C||"Sidebar"==C||"Slider"==C?E.default.createElement(me,{popupId:O.current,extraFields:h,onClose:c,onOtherSubmit:j,imageMobile:g,imageDesktop:b,imageBackground:y,currentLayout:C,title:x,onSubmit:function(e,t){return u(e,t,B,P)},key:C,imageOverlayDesktop:w,imageOverlayMobile:k,showThankyou:s,campaignId:l.id,campaign_subot_id:l.bot_id||[],locale:m}):C.includes("Skin")?E.default.createElement(pe,{popupId:O.current,link:N.linkButtonBlock.data.url,linkNewTab:!!N.linkButtonBlock.data.newtab,linkText:N.linkButtonBlock.data.value,onClose:c,onOtherSubmit:j,imageMobile:g,imageDesktop:b,currentLayout:C}):null};exports.LeadGen=function(a){var i,d=a.apiUrl,u=a.siteDomain,c=a.siteId,s=a.locale,m=a.apiSubotUrl,p=a.DEBUG_URL,f=t.useRef(),v=t.useRef(Date.now()),h=t.useMemo((function(){var e=d;return e.includes("localhost")&&(e="https://dev.leadgen.hellobacsi.com/"),{apiUrl:e}}),[d,u,c]).apiUrl,g=t.useState(null),b=g[0],_=g[1],y=t.useState(""),k=y[0],S=y[1],N=t.useState(null),T=N[0],x=N[1];t.useEffect((function(){F.apiLeadUrl=h,F.apiSubotUrl=m}),[h,m]);var P=function(e,t){_(e),S(t)},O=function(){var e,t;if(b){we("👋👋👋 CLOSE POPUP ".concat(b.code," 👋👋👋"));var a=Number(null===(e=b.rules.find((function(e){return"show_again_after_exit"==e.rule})))||void 0===e?void 0:e.value),n=Number(null===(t=b.rules.find((function(e){return"days_to_show_again"==e.rule})))||void 0===t?void 0:t.value);0==a&&(n?r.setCookie("lead_closed_".concat(b.code),"target_".concat(b.extra_fields.popupVersion),{domain:"."+u,days:n,path:"/"}):r.setCookie("lead_closed_".concat(b.code),"target_".concat(b.extra_fields.popupVersion),{domain:"."+u,path:"/"})),document.body.classList.remove("noscroll"),fetch("".concat(h,"api/campaign/").concat(b.code,"/popup_exit"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"CLICK",url:location.href.toLowerCase(),title_article:document.title,cookie_id:r.getCookie("hhg-id"),duration:Math.ceil((Date.now()-v.current)/1e3)})}),_(null),x(null)}};t.useEffect((function(){if(window.next){var e=w.default((function(e){we("--🌻 routeChangeComplete",e,Date.now());var t=location.pathname;O(),document.querySelectorAll('[data-popup-url="'.concat(t,'"]')).length||Ee({leadApi:h,leadDomain:u,leadSiteId:c,onShowPopup:P,DEBUG_URL:p}),f.current&&window.removeEventListener("scroll",f.current)}),500);window.next.router.events.on("routeChangeComplete",e)}Ee({leadApi:h,leadDomain:u,leadSiteId:c,onShowPopup:P,DEBUG_URL:p})}),[]);return t.useEffect((function(){b&&(v.current=Date.now())}),[b]),E.default.createElement(M.Provider,{value:{apiUrl:h,siteDomain:u,siteId:c,locale:s}},E.default.createElement(l.TranslationsContext.Provider,{value:{locale:s,values:q(s)}},n.createPortal(E.default.createElement(E.default.Fragment,null,"2.1"===(null===(i=null==b?void 0:b.extra_fields)||void 0===i?void 0:i.popupVersion)&&E.default.createElement(Ce,{campaign:b,action:k,onSubmit:function(t,a,n,l){return e.__awaiter(void 0,void 0,void 0,(function(){var o,i,d,c,s,m,p,f,v,g,_,y,k,E,w,S,N,T,P,A,L,I,j,q,M,D,U,R,H,F,W,V;return e.__generator(this,(function(e){switch(e.label){case 0:return a?(we("submitHandler",n,l),o=Object.keys(a).map((function(e){return{name:e,value:String(a[e])}})),i=2,d=r.getCookie("_ga")||null,window.intlTelInputUtils?[3,2]:[4,require("intl-tel-input/build/js/utils")]):[2];case 1:e.sent(),e.label=2;case 2:return c={url:location.href.toLowerCase(),title_article:document.title,meta:o.map((function(e){var a,n,l=(null===(a=t.querySelector('*[name="'.concat(e.name,'"]')))||void 0===a?void 0:a.getAttribute("data-control"))||(null===(n=t.querySelector('*[data-extra][data-name="'.concat(e.name,'"]')))||void 0===n?void 0:n.getAttribute("data-control"))||"text",r="tel"===l?window.intlTelInputUtils.formatNumber(String(e.value),null==B?void 0:B.countryCodeNumber,i).replace(/\s+/g,""):"date"===l?C.default(e.value).format("YYYY-MM-DD"):e.value;return{key:e.name,value:r,control:l,is_sent_mailchimp:t.querySelector('div[data-name="'.concat(e.name,'-mailchimp"]'))?"true":"false"}})),cookie_id:r.getCookie("hhg-id"),ga_client_id:d},n&&l[n].value_en&&(c.category=l[n].value_en),s=Number((null===(j=null===(I=b.rules)||void 0===I?void 0:I.find((function(e){return"days_to_show_again"===e.rule})))||void 0===j?void 0:j.value)||7),0==(m=Number((null===(M=null===(q=b.rules)||void 0===q?void 0:q.find((function(e){return"show_again_after_submit"===e.rule})))||void 0===M?void 0:M.value)||0))&&(we("⛔ Popup never show again!"),r.setCookie("lead_submited_".concat(b.code),"target_".concat(b.extra_fields.targetType),{domain:"."+u,path:"/"})),1==m&&(we("⌛ Popup will show again after ".concat(s," days!")),r.setCookie("lead_submited_".concat(b.code),"target_".concat(b.extra_fields.targetType),{domain:"."+u,days:s,path:"/"})),fetch("".concat(h,"api/campaign/").concat(b.code,"/lead"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(c)}),"notshow"==b.extra_fields.popupShowThankYou?(O(),document.body.classList.remove("noscroll"),[2]):(p=!0,f=b.thank_you_image||"".concat(h,"admin/img/thanksyou.png"),v=b.extra_fields.popupThankyouTitle||"Thank you.",g=b.extra_fields.popupThankyouDesc||"We appreciate your time!",_="",y="",w="","2.1"==b.extra_fields.popupVersion&&(S=b.extra_fields,N=JSON.parse(S.listBlockThankyou),T=N.find((function(e){return"TitleBlock"==e.name})),P=N.find((function(e){return"SubtitleBlock"==e.name})),A=N.find((function(e){return"LinkButtonBlock"==e.name})),v=(null===(D=null==T?void 0:T.data)||void 0===D?void 0:D.value)||"",_=(null===(U=null==T?void 0:T.data)||void 0===U?void 0:U.align)||"",g=(null===(R=null==P?void 0:P.data)||void 0===R?void 0:R.value)||"",y=(null===(H=null==P?void 0:P.data)||void 0===H?void 0:H.align)||"",k=(null===(F=null==A?void 0:A.data)||void 0===F?void 0:F.value)||"",E=(null===(W=null==A?void 0:A.data)||void 0===W?void 0:W.newtab)||!1,w=(null===(V=null==A?void 0:A.data)||void 0===V?void 0:V.url)||"",L=b.extra_fields.currentLayout,["SkinA","SkinB","Floating","Tab","CenterTab"].includes(L)&&(p=!1)),x(p?{title:v,titleAlign:_,subtitle:g,subtitleAlign:y,link:w,linkNewTab:E,linkText:k,image:f}: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}},o.map((function(e){var 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)),[2])}}))}))},onClose:O,showThankyou:T,locale:s})),o.getPopupWrapperDom())))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tslib.es6-edc720a6.js"),t=require("react"),a=require("lodash/debounce"),n=require("react-dom"),l=require("./translationsContext-51c97003.js"),r=require("./cookieHelper-e3dda67e.js"),o=require("./utils-7a17dcfb.js"),i=require("uuid"),u=require("./useTranslations-01d5166e.js"),d=require("./gAssets.js"),c=require("./index-f836c043.js"),s=require("./index-5d6f2002.js"),m=require("./index-05a3be08.js"),p=require("@mantine/form"),f=require("./index-b992c35b.js"),v=require("./index-c547a281.js"),h=require("./index-5f8ec952.js"),g=require("./index-5e04811a.js"),b=require("./theme-37595e4f.js"),_=require("dayjs");function y(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function k(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var n=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,n.get?n:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}require("string-format"),require("./index-afebf409.js"),require("./Locale-c36ebd32.js"),require("./isProduction-7e357d28.js"),require("@mantine/core"),require("@mantine/dates"),require("styled-components"),require("./Vietnam-3e8302a5.js"),require("@mantine/hooks"),require("yup"),require("./logoIcon-dfc9715e.js");var E=y(t),w=y(a),C=y(_),S={LINKS:1,TAGS:2},N="https://dev.leadgen.hellobacsi.com/",T={MOBILE:1,DESKTOP:2},x="";N.includes("localhost")&&(N="https://dev.leadgen.hellobacsi.com/"),location.hostname.includes("marrybaby.vn")&&(x="pink");var P="https://"+location.hostname+location.pathname+location.search;P=P.toLowerCase(),sessionStorage.getItem("insider_object")&&(window.insider_object=JSON.parse(sessionStorage.getItem("insider_object")));var O={"vi-VN":{popupLang:"vi",countryCode:"vn",countryCodeNumber:84},"id-ID":{popupLang:"id",countryCode:"id",countryCodeNumber:62},"th-TH":{popupLang:"th",countryCode:"th",countryCodeNumber:66},"ms-MY":{popupLang:"ms",countryCode:"my",countryCodeNumber:60},"zh-TW":{popupLang:"zh",countryCode:"tw",countryCodeNumber:886},"km-KH":{popupLang:"km",countryCode:"kh",countryCodeNumber:855},"my-MM":{popupLang:"my",countryCode:"mm",countryCodeNumber:95},"hi-IN":{popupLang:"hi",countryCode:"in",countryCodeNumber:91}},B=O[document.documentElement.lang]||O["vi-VN"];var A,L={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"},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}"},j={"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},q=function(e){var t=j[e];return t||j["en-PH"]},M=t.createContext({}),D=function(e){var t=e.onClose,a=e.containerClassName,n=e.svgClassName;return E.default.createElement("button",{onClick:t,className:"le-newbuilder-close-button js-modal__close ".concat(a||"")},E.default.createElement("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:n},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"})))},U=function(e){var t=e.popupId,a=e.url,n=e.newTab,l=e.imageDestkop,r=e.imageMobile,o=e.onClose,i=e.onOtherSubmit;return E.default.createElement("div",{id:t,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:a,target:n?"blank":"_parent",onClick:i},E.default.createElement("img",{className:"le-only-mobile",src:r}),E.default.createElement("img",{className:"le-only-desktop",src:l})),E.default.createElement(D,{onClose:o,containerClassName:"close-button-top-right"}))))},R=function(e){var t=e.popupId,a=e.url,n=e.title,l=e.urlText,r=e.titleAlign,o=e.subtitle,i=e.subtitleAlign,u=e.newTab,d=e.imageDesktop,c=e.imageMobile,s=e.onClose,m=e.onOtherSubmit;return E.default.createElement("div",{id:t,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},src:d})):null,E.default.createElement("div",{style:{padding:20}},E.default.createElement("div",{className:"le-floating-desktop-title le-text-align-".concat(r)},n),E.default.createElement("div",{className:"le-floating-desktop-desc le-text-align-".concat(i)},o)),E.default.createElement("a",{target:u?"blank":"_parent",style:{marginLeft:35,textDecoration:"none"},href:a},E.default.createElement("button",{className:"le-joinbow-floating-btn js-popup-other-submit",onClick:m},l)),E.default.createElement(D,{onClose:s,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-".concat(r)},n),E.default.createElement("div",{className:"le-floating-mobile-desc le-text-align-".concat(i)},o)),c?E.default.createElement("div",null,E.default.createElement("img",{style:{marginLeft:15,marginTop:4,maxWidth:100},src:c})):null),E.default.createElement("div",{style:{textAlign:"center",marginTop:10}},E.default.createElement("a",{target:u?"blank":"_parent",href:a,style:{textDecoration:"none"}},E.default.createElement("button",{className:"le-joinbow-floating-btn js-popup-other-submit",onClick:m},l))),E.default.createElement(D,{onClose:s,containerClassName:"close-button-top-right"})))))},H=function(e){var t=e.title,a=e.titleAlign,n=e.subtitle,l=e.subtitleAlign,r=e.link,o=e.linkNewTab,i=e.linkText,u=e.image;return E.default.createElement("div",{className:"lead-modal__thank-you"},E.default.createElement("div",{style:{width:"100%"}},E.default.createElement("img",{src:u,style:{maxHeight:162,objectFit:"cover"}}),t&&E.default.createElement("h1",{className:"le-thankyou-title le-text-align-".concat(a)},t),n&&E.default.createElement("p",{className:"le-thankyou-subtitle le-text-align-".concat(l)},n),i&&E.default.createElement("div",null,E.default.createElement("a",{href:r,target:o?"_blank":"parrent",rel:"noreferrer"},E.default.createElement("button",{className:"lead-modal__btn ".concat(x)},i)))))},F=new function(){this.apiLeadUrl="https://dev.leadgen.hellobacsi.com/",this.apiSubotUrl="https://staging-service-subot.hellohealthgroup.com/"},W=function(t){var a=t.url,n=t.data,l=void 0===n?void 0:n,r=e.__rest(t,["url","data"]);return r.body=JSON.stringify(l),r.headers={"Content-Type":"application/json"},fetch("".concat(F.apiLeadUrl).concat(a),r).then((function(e){return e.json()})).catch((function(e){return{}}))},V=function(t){var a=t.url,n=t.data,l=e.__rest(t,["url","data"]);return l.body=JSON.stringify(n),l.headers={"Content-Type":"application/json"},fetch("".concat(F.apiSubotUrl).concat(a),l).then((function(e){return e.json()})).catch((function(e){return{}}))},Y=function(e){var t=e.bot_id,a=e.email,n=e.phone;return n&&n.startsWith("0")&&(n=n.substring(1)),V({url:"frontend/api/subot-campaign/check",method:"post",data:{bot_id:t,email:a,phone:n}})},J=function(e){var t=e.campaign_id,a=e.email,n=e.phone;return n&&n.startsWith("0")&&(n=n.substring(1)),W({url:"api/subot-campaign/check",method:"post",data:{campaign_id:t,email:a,phone:n}})},z=function(e){var t=e.phone;return W({url:"api/sms/otp",method:"post",data:{phone_number:t.replace("+","")}})},G=function(e){var t=e.phone,a=e.otp;return W({url:"api/sms/verify",method:"post",data:{otp_code:a,phone_number:t.replace("+","")}})},K=function(t,a,n){return e.__awaiter(void 0,void 0,void 0,(function(){var l,r,o,i,u,d;return e.__generator(this,(function(e){switch(e.label){case 0:return l="email"in n?"email":"phone",r="email"in n?n.email:n.phone,o="email"in n?"validator.emailUsed":"validator.phoneUsed",[4,J((u={campaign_id:[t]},u[l]=r,u))];case 1:return"SubmitLeadWithBotId_ERR_001"===(i=e.sent())._errorCode||"SubmitLeadWithBotId_ERR_002"===i._errorCode?[2,o]:a.length?[4,Y((d={bot_id:a},d[l]=r,d))]:[3,3];case 2:if("CheckSuBotLeadTool_ERR_001"===e.sent()._errorCode)return[2,o];e.label=3;case 3:return[2]}}))}))},Q={email:{},phone:{}},X=function(t,a,n){return e.__awaiter(void 0,void 0,void 0,(function(){var l,r,o,i;return e.__generator(this,(function(e){switch(e.label){case 0:if(l="email"in n?"email":"phone",r="email"in n?n.email:n.phone,o="email"in n?"validator.emailUsed":"validator.phoneUsed",Q[l][r]){if(Q[l][r].value)return[2,o];if(!Q[l][r].value&&Q[l][r].expire>Date.now())return[2,""]}return[4,K(t,a,n)];case 1:return i=e.sent(),Q[l][r]=i?{value:!0}:{value:!1,expire:Date.now()+6e4},[2,i]}}))}))},Z=function(a){var l=a.content,r=a.inlinePosition,o=t.useMemo((function(){if(!r)return null;var t=document.querySelectorAll('[data-url="'.concat(location.pathname,'"] .body-content')),a=Array.from(t).reduce((function(t,a){return e.__spreadArray(e.__spreadArray([],t,!0),Array.from(a.children),!0)}),[]);if(null==a?void 0:a.length){var n=a.filter((function(e){return"P"===e.nodeName})),l=a.filter((function(e){return"H2"===e.nodeName})),o=null;switch(r){case"1th":o=n[0];break;case"2th":o=n[1];break;case"3th":o=n[2];break;case"4th":o=n[3];break;case"5th":o=n[4];break;case"6th":o=n[5];break;case"7th":o=n[6];break;case"8th":o=n[7];break;case"9th":o=n[8];break;case"10th":o=n[9];break;case"11th":o=n[10];break;case"12th":o=n[11];break;case"lastP":o=n[n.length-1];break;case"1thH2":o=l[0];break;case"2thH2":o=l[1];break;case"3thH2":o=l[2];break;case"4thH2":o=l[3];break;case"5thH2":o=l[4];break;case"6thH2":o=l[5];break;case"7thH2":o=l[6];break;case"8thH2":o=l[7];break;case"9thH2":o=l[8];break;case"10thH2":o=l[9];break;case"lastH2":o=l[l.length-1]}if(o){if(o.parentElement.querySelector(".inline-lead-wrapper"))return o.parentElement.querySelector(".inline-lead-wrapper");var i=document.createElement("div");return i.classList.add("inline-lead-wrapper"),o.nextElementSibling?o.parentElement.insertBefore(i,o.nextElementSibling):o.parentElement.appendChild(i),i}}}),[r]);return r&&o?n.createPortal(l,o):null},$=function(e){var a=e.content,l=t.useMemo((function(){var e=Array.from(document.querySelectorAll(".hc2-sidebar-with-ads,.page-main-col .right-col.f-right,.hhg-lead-sidebar"));return e.forEach((function(e){if(!e.querySelector(".sidebar-lead-modal-wrapper")){var t=document.createElement("div");t.classList.add("sidebar-lead-modal-wrapper"),e.prepend(t)}})),e.map((function(e){return e.querySelector(".sidebar-lead-modal-wrapper")}))}),[]);return E.default.createElement(E.default.Fragment,null,l.map((function(e){return n.createPortal(a,o.getWrapperDomWithSelector(e,"sidebar-lead-modal-wrapper"))})))},ee=(A=p.createFormContext())[0],te=A[1],ae=A[2],ne="undefined"==typeof window,le={VN:"vi",ID:"id",TH:"th",MY:"ms",TW:"zh-TW",KH:"km",MM:"my",IN:"hi",PH:"en"},re=function(t,a,n){return void 0===t&&(t=""),void 0===a&&(a=""),void 0===n&&(n="vi"),e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(l){return[2,new Promise((function(l,r){if(!t)return r("Need valid text input");if(ne)return r("Need valid window object");try{(new window.google.maps.places.AutocompleteService).getPlacePredictions(e.__assign(e.__assign({input:t},a?{componentRestrictions:{country:a}}:{}),{language:le[n]}),l)}catch(e){r(e)}}))]}))}))},oe=["places"],ie=function(a){var n,l=a.name,r=a.placeholder,o=a.locale,i=te(),u=t.useState(""),d=u[0],s=u[1],m=t.useState(""),p=m[0],f=m[1],v=function(a,n,l,r){void 0===a&&(a=""),void 0===n&&(n=""),void 0===l&&(l=""),void 0===r&&(r=500);var o=t.useState([]),i=o[0],u=o[1],d=t.useState(!1),c=d[0],s=d[1];return t.useEffect((function(){var t;return a?t=window.setTimeout((function(){return e.__awaiter(void 0,void 0,void 0,(function(){var t,r;return e.__generator(this,(function(e){switch(e.label){case 0:if(!a)return u([]),[2];e.label=1;case 1:return e.trys.push([1,3,4,5]),s(!0),[4,re(a,n,l)];case 2:return t=e.sent(),u(!(o=t)||o.length<1?[]:o.map((function(e){return{placeId:e.place_id,description:e.description}}))),[3,5];case 3:return r=e.sent(),console.error(r),[3,5];case 4:return s(!1),[7];case 5:return[2]}var o}))}))}),r):i.length&&u([]),function(){window.clearTimeout(t)}}),[a,r,n]),{isLoading:c,predictions:i}}(d||"15 Lê","","tl-PH"===o?"en":null===(n=null==o?void 0:o.split("-"))||void 0===n?void 0:n[0]).predictions,h=t.useState(null),g=h[0],b=h[1],_=t.useState(!1),y=_[0],w=_[1],C=t.useRef(Math.random().toString(36).substring(7)),S=t.useMemo((function(){var e=v.map((function(e){return{value:e.description,label:e.description}})),t=e.find((function(e){return e.value===p}));return!p||t?e:[{value:p,label:p}].concat(e)}),[v,p]);return t.useEffect((function(){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)?w(!0):Promise.resolve().then((function(){return k(require("@react-google-maps/api"))})).then((function(e){b((function(){return e.LoadScript})),setTimeout((function(){w(!0)}),200)}))}),[]),y?E.default.createElement(E.default.Fragment,null,g&&E.default.createElement(g,{googleMapsApiKey:"AIzaSyB9QmhfEYcy2wj5X3Fl38aCD5UkET6n82M",libraries:oe,loadingElement:E.default.createElement(E.default.Fragment,null)}),E.default.createElement("div",{style:{display:"none"},"data-extra":!0,"data-name":l,"data-control":"text"}),E.default.createElement(c.Select,e.__assign({className:"lead-modal__form-control",label:r,placeholder:r,withAsterisk:!0,name:l,data:S,searchValue:d,onSearchChange:function(e){s(e)},filter:function(){return!0},clearable:!0,searchable:!0,onChange:function(e){return f(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-"+C.current,rightSection:E.default.createElement(E.default.Fragment,null)},i.getInputProps(l)))):E.default.createElement("div",{style:{height:73}})},ue=function(e){var t=e.children,a=e.align;return E.default.createElement("p",{className:"lead-modal__description ".concat("le-text-align-"+(a||"")," ").concat(x)},t)},de=function(e){var t=e.children,a=e.align;return E.default.createElement("h2",{className:"lead-modal__title ".concat("le-text-align-"+(a||"")," ").concat(x)},t)},ce=function(t){var a=t.listBlockAdded,n=t.popupId,l=t.locale,r=t.onClose,o=t.onOtherSubmit,i=te();return E.default.createElement(E.default.Fragment,null,a.map((function(t,a){var u=t||{},d=u.name,p=void 0===d?"":d,h=u.data,g=void 0===h?{}:h,b=g.placeholder,_=g.value,y=g.align,k=g.listQuestion,w=g.isSendMailChimp,C=void 0!==w&&w,S=g.newtab,N=g.url;switch(p){case"TitleBlock":return E.default.createElement(de,{key:a,align:y},_);case"SubtitleBlock":return E.default.createElement(ue,{key:a,align:y},_);case"TextBlock":return E.default.createElement(m.Input,e.__assign({key:a,withAsterisk:!0,spellCheck:!1,type:"text",placeholder:b,className:"lead-modal__form-control",label:b,"data-control":"text",name:_},i.getInputProps(_)));case"NumberBlock":return E.default.createElement(m.NumberInput,e.__assign({key:a,withAsterisk:!0,spellCheck:!1,type:"number",placeholder:b,className:"lead-modal__form-control",label:b,"data-control":"number",name:_},i.getInputProps(_)));case"EmailBlock":return E.default.createElement(m.Input,e.__assign({key:a,withAsterisk:!0,spellCheck:!1,placeholder:b,className:"lead-modal__form-control",label:b,"data-control":"email",name:_},i.getInputProps(_)));case"PhoneOtpBlock":case"PhoneBlock":var T=n+"-"+_+"-"+a;return E.default.createElement(m.Input.Wrapper,e.__assign({size:"md",withAsterisk:!0,key:a,label:b,className:"lead-modal__form-control",labelProps:{htmlFor:T}},i.getInputProps(_)),E.default.createElement(s.Phone,{name:_,spellCheck:!1,type:"tel",placeholder:b,onChange:function(e){i.setFieldValue(_,e)},id:T,defaultCountry:l&&v.MAPPED_LOCALE[l]||"VN","data-control":"tel"}));case"LocationBlock":return E.default.createElement(ie,{key:a,name:_,placeholder:b,locale:l});case"DateBlock":return E.default.createElement(s.DatePicker,e.__assign({withAsterisk:!0,key:a,type:"date",name:_,placeholder:b,className:"lead-modal__form-control",label:b,"data-control":"date"},i.getInputProps(_)));case"LinkButtonBlock":return E.default.createElement("div",{key:a},E.default.createElement("a",{target:S?"blank":"parrent",href:N,style:{textDecoration:"none"}},E.default.createElement(f.Button,{type:"button",size:"md",className:"lead-modal__btn ".concat(x),onClick:function(){null==r||r(),null==o||o()}},_)));case"CheckboxBlock":return E.default.createElement(E.default.Fragment,null,C&&E.default.createElement("div",{style:{display:"none"},"data-name":_+"-mailchimp"}),E.default.createElement(c.Checkbox.Group,e.__assign({withAsterisk:!0,className:"lead-modal__form-control",key:a,label:b,size:"md"},i.getInputProps(_)),k.map((function(e,t){return E.default.createElement(c.Checkbox,{name:_,key:t,value:e.value,label:e.placeholder,"data-control":"checkbox"})}))));case"RadioBlock":return E.default.createElement(E.default.Fragment,null,C&&E.default.createElement(m.Input,{type:"hidden",name:_+"-mailchimp",value:C}),E.default.createElement(s.Radio.Group,e.__assign({withAsterisk:!0,className:"lead-modal__form-control",key:a,label:b,size:"md"},i.getInputProps(_)),k.map((function(e,t){return E.default.createElement(s.Radio,{name:_,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":_,"data-control":"dropdown"}),E.default.createElement(c.Select,e.__assign({key:a,className:"lead-modal__form-control",label:b,withAsterisk:!0,name:_,data:k.map((function(e){return{value:e.value,label:e.placeholder}}))},i.getInputProps(_))))}return null})))},se=function(a){var n=a.phone,l=a.onSuccess,r=a.autoSendWhenOpen,o=u.useTranslations().t,i=t.useState(""),d=i[0],c=i[1],s=t.useState(!1),p=s[0],v=s[1],_=t.useState(0),y=_[0],w=_[1],C=t.useRef(null),S=t.useState(),N=S[0],T=S[1],P=t.useState(""),O=P[0],B=P[1],A=t.useRef();t.useEffect((function(){e.__awaiter(void 0,void 0,void 0,(function(){var t,a;return e.__generator(this,(function(e){switch(e.label){case 0:return A.current?[3,2]:[4,Promise.resolve().then((function(){return k(require("react-phone-number-input"))}))];case 1:t=e.sent(),A.current=t.formatPhoneNumberIntl,e.label=2;case 2:return B((null===(a=A.current)||void 0===a?void 0:a.call(A,n))||n),[2]}}))}))}),[n]);var L=function(){return e.__awaiter(void 0,void 0,void 0,(function(){var t,a,r;return e.__generator(this,(function(e){switch(e.label){case 0:return n?[4,z({phone:n})]:[2];case 1:return t=e.sent(),"Send sms successfully"===(a=null===(r=null==t?void 0:t._messages)||void 0===r?void 0:r[0])?(w(60),setTimeout((function(){C.current&&(C.current.focus(),C.current.scrollIntoView({block:"center"}))}),100)):"This phone number was verified"===a?l():T(a||"something Wrong"),[2]}}))}))};return t.useEffect((function(){setTimeout((function(){y>0&&w((function(e){return e-1}))}),1e3)}),[y]),t.useEffect((function(){r&&!y&&L()}),[]),E.default.createElement(E.default.Fragment,null,E.default.createElement("form",{onSubmit:function(t){t.preventDefault(),e.__awaiter(void 0,void 0,void 0,(function(){var t,a;return e.__generator(this,(function(e){switch(e.label){case 0:return n&&d?[4,G({phone:n,otp:d})]:[2];case 1:return t=e.sent(),"Verify successfully"===(a=null==t?void 0:t._messages[0])||"This phone number was verified"===a?l():T(a||"something Wrong"),[2]}}))}))},className:"lead-phone-otp-form"},E.default.createElement(h.Heading,{tag:"h3",fontWeight:"bold",style:{marginBottom:4}},o("lead.otp.title")),E.default.createElement(g.Text,{size:"p1",color:b.theme.colors.gray600},o("lead.otp.desc",{phone:O})),E.default.createElement(m.Input,{ref:C,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:function(e){v(!0),c(e),T(p&&!e?"OTP is required":void 0)},error:p?N:void 0}),E.default.createElement(f.Button,{size:"md",color:"primary",className:"lead-modal__btn ".concat(x),disabled:!d},o("lead.otp.verify")),E.default.createElement(f.Button,{type:"button",size:"md",color:"transparent",className:"lead-modal__btn lead-phone-otp-button ".concat(x),onClick:function(){L()},disabled:!!y},o("lead.otp.resend",{timer:y?" (".concat(y,"s)"):""}))))},me=function(a){var n,l,r,o=a.popupId,i=a.extraFields,c=a.onClose,s=a.onOtherSubmit,m=a.imageMobile,p=a.imageDesktop,v=a.imageOverlayMobile,h=a.imageOverlayDesktop,g=a.imageBackground,b=a.currentLayout,_=a.title,y=a.onSubmit,k=a.showThankyou,w=a.campaignId,C=a.campaign_subot_id,S=a.locale,N=JSON.parse(i.listBlockAdded),T=JSON.parse(i.actionBlocks),P=JSON.parse(i.textBlocks),O=T.submitBlock.data.url,A=T.submitBlock.data.text,L=T.submitBlock.data.text2,I=T.submitBlock.data.value,j=location.pathname,q=b.includes("Inline")||"Sidebar"===b,M="Slider"===b,U=t.useState(!0),R=U[0],F=U[1],W=t.useState(""),V=W[0],Y=W[1],J=t.useRef(),z=function(){V?Y(""):null==c||c()};if(window.innerWidth<769&&["Fullscreen","Slider"].includes(b))return console.log("😎 Not show fullscreen, slider on mobile "),null;t.useEffect((function(){(b.includes("LightBox")||"Fullscreen"==b)&&document.body.classList.add("noscroll"),window.intlTelInputUtils||require("intl-tel-input/build/js/utils"),Q.email={},Q.phone={}}),[]);var G=t.useRef(!1),K=t.useRef(!1),te=function(a){var n=a.listBlockAdded,l=void 0===n?[]:n,r=a.validatingPhoneRef,o=a.validatingEmailRef,i=a.campaignId,d=a.campaign_subot_id,c=void 0===d?[]:d,s=u.useTranslations().t,m=t.useMemo((function(){var t=["TextBlock","NumberBlock","EmailBlock","PhoneBlock","DateBlock","CheckboxBlock","RadioBlock","DropdownBlock","PhoneOtpBlock","LocationBlock"],a=function(e,t){return function(a){if(f.current.isTouched(e))return void 0===a||""===a||Array.isArray(a)&&0===a.length?s("validator.required"):null==t?void 0:t(a)}};return l.filter((function(e){return t.includes(e.name)})).reduce((function(t,n){var l,u,d,m,p;return"NumberBlock"===n.name?e.__assign(e.__assign({},t),((l={})[n.data.value]=a(n.data.value,(function(e){if(isNaN(Number(e)))return s("validator.number")})),l)):"EmailBlock"===n.name?e.__assign(e.__assign({},t),((u={})[n.data.value]=a(n.data.value,(function(e){if(!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e))return s("validator.email");o.current=!0,setTimeout((function(){f.current.setFieldError(n.data.value,"Validating..."),X(i,c,{email:e}).then((function(e){e?f.current.setFieldError(n.data.value,s(e)):f.current.clearFieldError(n.data.value),o.current=!1})).catch((function(e){console.error(e),f.current.setFieldError(n.data.value,e.message||"Something went wrong"),o.current=!1}))}),200)})),u)):"PhoneBlock"===n.name||"PhoneOtpBlock"===n.name?e.__assign(e.__assign({},t),((d={})[n.data.value]=a(n.data.value,(function(e){if(window.intlTelInputUtils&&!window.intlTelInputUtils.isValidNumber(String(e),B.countryCode))return s("validator.phone");r.current=!0,setTimeout((function(){f.current.setFieldError(n.data.value,"Validating..."),X(i,c,{phone:e}).then((function(e){e?f.current.setFieldError(n.data.value,s(e)):f.current.clearFieldError(n.data.value),r.current=!1})).catch((function(e){console.error(e),f.current.setFieldError(n.data.value,e.message||"Something went wrong"),r.current=!1}))}),200)})),d)):"DateBlock"===n.name?e.__assign(e.__assign({},t),((m={})[n.data.value]=a(n.data.value,(function(e){if(isNaN(Date.parse(e)))return s("validator.date")})),m)):e.__assign(e.__assign({},t),((p={})[n.data.value]=a(n.data.value),p))}),{})}),[l.map((function(e){return e.name})).join(",")]),p=ae({validateInputOnChange:!0,clearInputErrorOnChange:!0,validate:m}),f=t.useRef(p);return f.current=p,{form:p,validateObj:m}}({listBlockAdded:N,validatingPhoneRef:G,validatingEmailRef:K,campaignId:w,campaign_subot_id:C}),ne=te.form,le=te.validateObj,re=E.default.createElement(E.default.Fragment,null,E.default.createElement("style",{dangerouslySetInnerHTML:{__html:".le-newbuilder-overlay {\n        background: url(".concat(v,") ;\n        background-repeat: no-repeat;\n        background-size: cover;\n      }\n      @media screen and (min-width:768px) {\n        .le-newbuilder-overlay {\n          background: url(").concat(h,") ;\n          background-repeat: no-repeat;\n          background-size: cover;\n        }\n      }")}}),E.default.createElement("div",{id:o,"data-popup-url":j,"data-popup-type":"lightbox-inline",className:"lead-modal lead-modal-wrapper modal--animate-scale ".concat(q?"le-buider-inline":""," ").concat(M?"le-buider-slider":"")},"Fullscreen"==b?E.default.createElement("img",{className:"le-only-desktop le-fullscreen-img",draggable:!1,src:g||""}):null,E.default.createElement("div",{className:"lead-modal__wrapper le-newbuilder-wrap-".concat(b)},E.default.createElement("div",{className:"lead-modal__content le-newbuilder-".concat(b)},k?E.default.createElement(H,{title:k.title,titleAlign:k.titleAlign,subtitle:k.subtitle,subtitleAlign:k.subtitleAlign,link:k.link,linkNewTab:k.linkNewTab,linkText:k.linkText,image:k.image}):E.default.createElement(E.default.Fragment,null,E.default.createElement("header",{className:"lead-modal__header"},V?E.default.createElement("img",{src:d.CommonGAssets.getAssetPath("lead-otp-thumb.png"),draggable:"false",alt:"",style:{width:"100%"}}):E.default.createElement(E.default.Fragment,null,["LightBoxA","InlineA","Sidebar","Slider"].includes(b)?m?E.default.createElement("img",{draggable:"false",className:"lead-modal__image lead-modal-image-cover",src:m,alt:""}):null:E.default.createElement(E.default.Fragment,null,p?E.default.createElement("img",{draggable:"false",className:"le-only-desktop lead-modal__image lead-modal-image-cover",style:{height:"100%",objectFit:"cover"},src:p,alt:""}):null,m?E.default.createElement("img",{draggable:"false",className:"le-only-mobile lead-modal__image lead-modal-image-cover",src:m,alt:""}):null))),V&&E.default.createElement(se,{phone:V,autoSendWhenOpen:!0,onSuccess:function(){null==y||y(J.current,ne.values)}}),E.default.createElement("div",{"data-hidden":!!V,className:"lead-modal__body le-newbuilder-overlay"},E.default.createElement(ee,{form:ne},E.default.createElement("form",{ref:J,className:"lead-modal__form ".concat(o),onSubmit:function(e){e.preventDefault(),ne.setTouched(Object.keys(le).reduce((function(e,t){return e[t]=!0,e}),{})),K.current||G.current||setTimeout((function(){ne.onSubmit((function(e){var t,a,n;if(!Object.keys(ne.errors).length){if(N.findIndex((function(e){return"PhoneOtpBlock"===e.name}))>-1){var l=null===(a=null===(t=N.find((function(e){return"PhoneOtpBlock"===e.name})))||void 0===t?void 0:t.data)||void 0===a?void 0:a.value;if(null===(n=e[l])||void 0===n?void 0:n.startsWith("+84"))return void Y(e[l])}null==y||y(J.current,e)}}))(e)}),100)}},E.default.createElement("div",{style:{marginBottom:20}},E.default.createElement("h2",{className:"lead-modal__title ".concat("le-text-align-"+(null===(n=P.titleBlock.data)||void 0===n?void 0:n.align)," ").concat(x)},_),E.default.createElement("p",{className:"lead-modal__description ".concat("le-text-align-"+(null===(l=P.titleBlock.data)||void 0===l?void 0:l.align)," ").concat(x)},P.subtitleBlock.data.value)),E.default.createElement("div",{className:"lead-modal__form-control-wrapper"},E.default.createElement(ce,{listBlockAdded:N,popupId:o,locale:S,onClose:z,onOtherSubmit:s})),(null===(r=null==T?void 0:T.submitBlock)||void 0===r?void 0:r.isHide)?null:E.default.createElement(E.default.Fragment,null,E.default.createElement("div",{className:"lead-modal__checkbox-wrapper ".concat(x)},E.default.createElement("div",{className:"lead-modal__checkbox"},E.default.createElement("input",{id:"lead-term-checkbox",className:"lead-modal__checkbox__input ".concat(x),type:"checkbox","aria-label":"Checkbox label",checked:R,onChange:function(e){return F(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"},A," ",E.default.createElement("span",{style:{fontWeight:"bold"}},E.default.createElement("a",{target:"blank",href:O||"https://hellobacsi.com/chinh-sach",rel:"noopener noreferrer",style:{textDecoration:"none"}},L)))),E.default.createElement(f.Button,{size:"md",id:"lead-submit",type:"submit",className:"lead-modal__btn ".concat(x),disabled:!R},I))))))),!b.includes("Inline")&&E.default.createElement(D,{onClose:z,containerClassName:"close-button-top-right"}))));return b.includes("LightBox")||"Fullscreen"==b||"Slider"==b?re:"Sidebar"==b?E.default.createElement($,{content:re}):b.includes("Inline")?E.default.createElement(Z,{content:re,inlinePosition:i.popupInlinePosition}):null},pe=function(e){var t=e.popupId,a=e.link,n=e.linkText,l=e.linkNewTab,r=e.onClose,o=e.imageMobile,i=e.imageDesktop,u=e.currentLayout,d=e.onOtherSubmit,c=location.pathname;return E.default.createElement("div",{id:t,className:"lead-modal-wrapper","data-popup-url":c,"data-popup-type":"skin_ab"},"SkinA"==u?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}),E.default.createElement("a",{style:{position:"absolute",top:"75%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center",width:"calc(100% - 15px)"},href:a,target:l?"blank":"_parent"},E.default.createElement("button",{onClick:d,className:"le-joinbow-btn js-popup-other-submit"},n)),E.default.createElement(D,{onClose:r,containerClassName:"close-button-top-right"})))):"SkinB"==u?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%"}}),E.default.createElement("a",{style:{position:"absolute",top:"75%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center",width:"100%"},href:a,target:l?"blank":"_parent"},E.default.createElement("button",{onClick:d,className:"le-joinbow-btn-mobile js-popup-other-submit"},n)),E.default.createElement(D,{containerClassName:"close-button-top-right",onClose:r})))):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%"}}),E.default.createElement("a",{style:{position:"absolute",top:"82%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center",maxWidth:"calc(100% - 15px)"},href:a,target:l?"blank":"_parent"},E.default.createElement("button",{onClick:d,className:"le-joinbow-btn-mobile js-popup-other-submit"},n)),E.default.createElement(D,{containerClassName:"close-button-top-right",svgClassName:"le-mobile-btn",onClose:r})))))},fe=function(e){var t=e.popupId,a=e.url,n=e.newTab,l=e.image,r=e.onClose,o=e.onOtherSubmit;return E.default.createElement("div",{id:t,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:a,target:n?"blank":"_parent",onClick:o},E.default.createElement("img",{className:"js-popup-other-submit",src:l})),E.default.createElement(D,{onClose:r,containerClassName:"close-button-top-right"}))))},ve=[],he=[],ge=[];var be=function(t){for(var a=e.__spreadArray([],t,!0),n=a.length-1;n>0;n--){var l=Math.floor(Math.random()*(n+1)),r=a[n];a[n]=a[l],a[l]=r}return a},_e=function(e){void 0===e&&(e="UTC");var t=new Date;return new Date(t.toLocaleString("en-US",{timeZone:e}))},ye=function(e){try{var t=e.split(" "),a=t[0],n=t[1],l=a.split("-").map(Number),r=l[0],o=l[1],i=l[2],u=n.split(":").map(Number),d=u[0],c=u[1],s=u[2];return new Date(r,o-1,i,d,c,s)}catch(e){return null}};var ke=function(e){return 1===e.formatted_status?function(e){var t;if(1===e.forever)return!0;var a=e.started_at,n=e.ended_at,l=ye(a),r=ye(n);if(!l||!r)return!0;var o=(null===(t=e.site)||void 0===t?void 0:t.id)||1,i=L[o];return!(_e(i).getTime()>r.getTime()&&(ge.push(e),1))}(e):0===e.formatted_status&&(ve.push(e),function(e){var t,a=(null===(t=e.site)||void 0===t?void 0:t.id)||1,n=e.started_at,l=e.ended_at,r=ye(n),o=ye(l);if(!r||!o)return!1;var i=L[a],u=_e(i).getTime();return u<=o.getTime()&&u>=r.getTime()&&(he.push(e),!0)}(e))};function Ee(t){var a=t.leadApi,n=t.leadSiteId,l=t.leadDomain,o=t.onShowPopup,u=t.DEBUG_URL||("https://"+location.hostname+location.pathname+location.search).toLowerCase();fetch(a+"api/campaign/"+n,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({url:u,ga_client_id:r.getCookie("_ga")||null})}).then((function(e){return e.json()})).then((function(t){var a,n,d,c,s;if(we("List campagin: ",t),P="https://"+location.hostname+location.pathname+location.search,1==t._status){var m=(null===(n=null===(a=t._data)||void 0===a?void 0:a.campaigns)||void 0===n?void 0:n.filter(ke))||[];r.getCookie("hhg-id")||(r.setCookie("hhg-id",i.v1(),{domain:"."+l,path:"/"}),we("😍 Set HHG ID cookie"));var p=[];p=/Android|webOS|iPhone|iPad|iPod|BlackBerry|BB|PlayBook|IEMobile|Windows Phone|Kindle|Silk|Opera Mini/i.test(navigator.userAgent)?m.filter((function(e){return e.device_types.some((function(e){return e.id==T.MOBILE}))})):m.filter((function(e){return e.device_types.some((function(e){return e.id==T.DESKTOP}))})),we("👓 campaignsDevice",p),we("--listCampaignScheduled",ve),we("--listCampaignScheduledToActivated",he),we("--listCampaignActiveButExpired",ge);var f=p.map((function(t,a){return t.targets.filter((function(e){return e.type==S.LINKS})).map((function(t){return e.__assign(e.__assign({},t),{campaignIndex:a})}))})).flat(1);f=f.filter((function(e){var t=new URL(String(e.target).toLowerCase());return"exact_match"==e.option?Boolean(u===t.href):"start_with"==e.option?!!u.includes(String(e.target))&&!e.sub_target.filter((function(e){return"excluding"==e.option})).map((function(e){return e.value})).includes(u):void 0}));var v=Array.from(document.getElementsByTagName("META")).filter((function(e){return"article:tag"==e.getAttribute("property")})).map((function(e){return e.content})),h=[],g=[];v&&v.length&&(h=p.map((function(t,a){return t.targets.filter((function(e){return e.type==S.TAGS})).map((function(t){return e.__assign(e.__assign({},t),{campaignIndex:a})}))})).flat(1),g=h.filter((function(e){return v.includes(e.target)})));var b=e.__spreadArray(e.__spreadArray([],f,!0),g,!0),_=document.cookie.split("; ").map((function(e){return e.split("=")[0]})),y=_.filter((function(e){return e.includes("lead_submited")}));we("--listCampaignCodeSubmited",y);var k=_.filter((function(e){return e.includes("lead_closed")}));we("--listCampaignCodeClosed",k);var E=e.__spreadArray(e.__spreadArray([],y,!0),k,!0),w=b.filter((function(e){return!E.some((function(t){return t.includes(p[e.campaignIndex].code)}))})),C=be(w);if(we("--listCampaignValid : ",C),C&&C.length){var N=p[C[0].campaignIndex];we("CAMPAIGN_SHOW",N);var x=N.rules,O=Number(null===(d=x.find((function(e){return"time"==e.rule})))||void 0===d?void 0:d.value);we("timeoutRule",O);var B=Number(null===(c=x.find((function(e){return"scroll"==e.rule})))||void 0===c?void 0:c.value);we("scrollRule",B);var A=Number(null===(s=x.find((function(e){return"exclude_sponsored"==e.rule})))||void 0===s?void 0:s.value);we("excludeSponsored",A);var L=Boolean(document.querySelector(".hhg-disclaimer-text"));if(we("💎 LEAD current page isSponsored",L),L&&A)return;var I="TIME";if(Number.isInteger(O)&&(I="TIME",we("✨ SHOW AWESOME POPUP AFTER: ",O," seconds"),setTimeout((function(){null==o||o(N,I)}),1e3*O)),Number.isInteger(B)){I="SCROLL",we("✨ SHOW AWESOME AFTER: SCROLL",B," %");var j=document.querySelector('[data-url="'.concat(location.pathname,'"]'))||document.querySelector("body"),q=j.getBoundingClientRect().top,M=j.offsetHeight;we("👓 Element check scroll: ",j);var D=function(){var e=window.pageYOffset||document.documentElement.scrollTop,t=0;e>=q&&(t=Math.round((e-q)/(M-innerHeight)*100)),we("---Scroll",t,B),t>=B&&(window.removeEventListener("scroll",D),null==o||o(N,I))};window.addEventListener("scroll",D,{passive:!0})}}else we("🚧 No lead campaigns on current URL, tags")}})).catch((function(e){we("Lead error: ",e)}))}var we=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];("production"!==process.env.NODE_ENV||process.env.NEXT_PUBLIC_DEPLOY_ENV&&"production"!==process.env.NEXT_PUBLIC_DEPLOY_ENV||"undefined"!=typeof localStorage&&"true"===localStorage.getItem("hhg_debug"))&&console.log.apply(console,e)};var Ce=function(e){var a,n,l=e.campaign,o=e.action,d=e.onSubmit,c=e.onClose,s=e.showThankyou,m=e.locale;u.useTranslations().t;var p=t.useContext(M),f=p.apiUrl,v=p.siteDomain;t.useEffect((function(){var e=r.getCookie("_ga")||null;fetch("".concat(f,"api/campaign/").concat(_,"/impression"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:o,url:location.href.toLowerCase(),title_article:document.title,cookie_id:r.getCookie("hhg-id"),ga_client_id:e})})}),[]);var h=l.extra_fields,g=l.image,b=l.image_desktop,_=l.code,y=l.image_background,k=l.image_overlay_mobile,w=l.image_overlay_desktop,C=h.currentLayout,S=h.imageBlocks?JSON.parse(h.imageBlocks):{},N=JSON.parse(h.actionBlocks),T=JSON.parse(h.textBlocks),x=(null===(n=null===(a=null==T?void 0:T.titleBlock)||void 0===a?void 0:a.data)||void 0===n?void 0:n.value)||"",P={1:{},2:{},3:{}},O=t.useRef("lead-modal-"+i.v1()),B=function(e){if(void 0===e&&(e="Xin chao {{category_2}} extra"),e.includes("{{category_")){var t="{{category_".length,a=e.search("{{category_");return+e.charAt(t+a)}return null}(x);if(B){we("⚡️ Has categoryLevel",B);var A=Array.from(document.getElementsByTagName("META")),L=A.find((function(e){return e.name==="content_category_".concat(B)})),I=A.find((function(e){return e.name==="content_category_en_".concat(B)}));if(!L||!I)return we("⚡️ No META TAG for categoryLevel, not show popup",B),null;P[B]={value:L.content,value_en:I.content},x=x.replace("{{category_".concat(B,"}}"),L.content),we("⚡️ Set categoryData ",B)}else we("⚡️ No categoryLevel",B);var j=function(){var e,t,a,n;if(we("👌 Other submit click"),document.body.classList.remove("noscroll"),C.includes("Skin")){var o=document.querySelector("#masthead");o&&(o.style.top="0px !important;")}var i=Number(null!==(t=null===(e=l.rules.find((function(e){return"days_to_show_again"==e.rule})))||void 0===e?void 0:e.value)&&void 0!==t?t:7),u=Number(null!==(n=null===(a=l.rules.find((function(e){return"show_again_after_submit"==e.rule})))||void 0===a?void 0:a.value)&&void 0!==n?n:0);0===u&&(we("⛔ Popup never show again!"),r.setCookie("lead_submited_".concat(_),"target_".concat(h.popupVersion),{domain:"."+v,path:"/"})),1==u&&(we("⌛ Popup will show again after ".concat(i," days!")),r.setCookie("lead_submited_".concat(_),"target_".concat(h.popupVersion),{domain:"."+v,days:i,path:"/"}));var d=r.getCookie("_ga")||null,s={url:location.href.toLowerCase(),title_article:document.title,meta:[],cookie_id:r.getCookie("hhg-id"),ga_client_id:d};B&&(s.category=P[B].value_en),fetch("".concat(f,"api/campaign/").concat(_,"/lead"),{method:"POST",body:JSON.stringify(s),headers:{"Content-Type":"application/json","X-Requested-With":"XMLHttpRequest"}}).then((function(e){return e.json()})).then((function(e){"error"===e.status&&we(e)})).catch((function(e){we("Error:",e)})),null==c||c()};return"CenterTab"===C?E.default.createElement(U,{popupId:O.current,url:S.imageMobile.data.url,newTab:S.imageMobile.data.newtab,imageMobile:g,imageDestkop:b,onClose:c,onOtherSubmit:j}):"Tab"===C?E.default.createElement(fe,{popupId:O.current,url:S.imageMobile.data.url,newTab:S.imageMobile.data.newtab,image:g,onClose:c,onOtherSubmit:j}):"Floating"===C?E.default.createElement(R,{popupId:O.current,title:x,titleAlign:T.titleBlock.data.align,subtitle:T.subtitleBlock.data.value,subtitleAlign:T.subtitleBlock.data.align,url:N.linkButtonBlock.data.url,urlText:N.linkButtonBlock.data.value,newTab:N.linkButtonBlock.data.newtab,imageMobile:g,imageDesktop:b,onClose:c,onOtherSubmit:j}):C.includes("LightBox")||C.includes("Inline")||"Fullscreen"==C||"Sidebar"==C||"Slider"==C?E.default.createElement(me,{popupId:O.current,extraFields:h,onClose:c,onOtherSubmit:j,imageMobile:g,imageDesktop:b,imageBackground:y,currentLayout:C,title:x,onSubmit:function(e,t){return d(e,t,B,P)},key:C,imageOverlayDesktop:w,imageOverlayMobile:k,showThankyou:s,campaignId:l.id,campaign_subot_id:l.bot_id||[],locale:m}):C.includes("Skin")?E.default.createElement(pe,{popupId:O.current,link:N.linkButtonBlock.data.url,linkNewTab:!!N.linkButtonBlock.data.newtab,linkText:N.linkButtonBlock.data.value,onClose:c,onOtherSubmit:j,imageMobile:g,imageDesktop:b,currentLayout:C}):null};exports.LeadGen=function(a){var i,u=a.apiUrl,d=a.siteDomain,c=a.siteId,s=a.locale,m=a.apiSubotUrl,p=a.DEBUG_URL,f=t.useRef(),v=t.useRef(Date.now()),h=t.useMemo((function(){var e=u;return e.includes("localhost")&&(e="https://dev.leadgen.hellobacsi.com/"),{apiUrl:e}}),[u,d,c]).apiUrl,g=t.useState(null),b=g[0],_=g[1],y=t.useState(""),k=y[0],S=y[1],N=t.useState(null),T=N[0],x=N[1];t.useEffect((function(){F.apiLeadUrl=h,F.apiSubotUrl=m}),[h,m]);var P=function(e,t){_(e),S(t)},O=function(){var e,t;if(b){we("👋👋👋 CLOSE POPUP ".concat(b.code," 👋👋👋"));var a=Number(null===(e=b.rules.find((function(e){return"show_again_after_exit"==e.rule})))||void 0===e?void 0:e.value),n=Number(null===(t=b.rules.find((function(e){return"days_to_show_again"==e.rule})))||void 0===t?void 0:t.value);0==a&&(n?r.setCookie("lead_closed_".concat(b.code),"target_".concat(b.extra_fields.popupVersion),{domain:"."+d,days:n,path:"/"}):r.setCookie("lead_closed_".concat(b.code),"target_".concat(b.extra_fields.popupVersion),{domain:"."+d,path:"/"})),document.body.classList.remove("noscroll"),fetch("".concat(h,"api/campaign/").concat(b.code,"/popup_exit"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"CLICK",url:location.href.toLowerCase(),title_article:document.title,cookie_id:r.getCookie("hhg-id"),duration:Math.ceil((Date.now()-v.current)/1e3)})}),_(null),x(null)}};t.useEffect((function(){if(window.next){var e=w.default((function(e){we("--🌻 routeChangeComplete",e,Date.now());var t=location.pathname;O(),document.querySelectorAll('[data-popup-url="'.concat(t,'"]')).length||Ee({leadApi:h,leadDomain:d,leadSiteId:c,onShowPopup:P,DEBUG_URL:p}),f.current&&window.removeEventListener("scroll",f.current)}),500);window.next.router.events.on("routeChangeComplete",e)}Ee({leadApi:h,leadDomain:d,leadSiteId:c,onShowPopup:P,DEBUG_URL:p})}),[]);return t.useEffect((function(){b&&(v.current=Date.now())}),[b]),E.default.createElement(M.Provider,{value:{apiUrl:h,siteDomain:d,siteId:c,locale:s}},E.default.createElement(l.TranslationsContext.Provider,{value:{locale:s,values:q(s)}},n.createPortal(E.default.createElement(E.default.Fragment,null,"2.1"===(null===(i=null==b?void 0:b.extra_fields)||void 0===i?void 0:i.popupVersion)&&E.default.createElement(Ce,{campaign:b,action:k,onSubmit:function(t,a,n,l){return e.__awaiter(void 0,void 0,void 0,(function(){var o,i,u,c,s,m,p,f,v,g,_,y,k,E,w,S,N,T,P,A,L,I,j,q,M,D,U,R,H,F,W,V;return e.__generator(this,(function(e){switch(e.label){case 0:return a?(we("submitHandler",n,l),o=Object.keys(a).map((function(e){return{name:e,value:String(a[e])}})),i=2,u=r.getCookie("_ga")||null,window.intlTelInputUtils?[3,2]:[4,require("intl-tel-input/build/js/utils")]):[2];case 1:e.sent(),e.label=2;case 2:return c={url:location.href.toLowerCase(),title_article:document.title,meta:o.map((function(e){var a,n,l=(null===(a=t.querySelector('*[name="'.concat(e.name,'"]')))||void 0===a?void 0:a.getAttribute("data-control"))||(null===(n=t.querySelector('*[data-extra][data-name="'.concat(e.name,'"]')))||void 0===n?void 0:n.getAttribute("data-control"))||"text",r="tel"===l?window.intlTelInputUtils.formatNumber(String(e.value),null==B?void 0:B.countryCodeNumber,i).replace(/\s+/g,""):"date"===l?C.default(e.value).format("YYYY-MM-DD"):e.value;return{key:e.name,value:r,control:l,is_sent_mailchimp:t.querySelector('div[data-name="'.concat(e.name,'-mailchimp"]'))?"true":"false"}})),cookie_id:r.getCookie("hhg-id"),ga_client_id:u},n&&l[n].value_en&&(c.category=l[n].value_en),s=Number((null===(j=null===(I=b.rules)||void 0===I?void 0:I.find((function(e){return"days_to_show_again"===e.rule})))||void 0===j?void 0:j.value)||7),0==(m=Number((null===(M=null===(q=b.rules)||void 0===q?void 0:q.find((function(e){return"show_again_after_submit"===e.rule})))||void 0===M?void 0:M.value)||0))&&(we("⛔ Popup never show again!"),r.setCookie("lead_submited_".concat(b.code),"target_".concat(b.extra_fields.targetType),{domain:"."+d,path:"/"})),1==m&&(we("⌛ Popup will show again after ".concat(s," days!")),r.setCookie("lead_submited_".concat(b.code),"target_".concat(b.extra_fields.targetType),{domain:"."+d,days:s,path:"/"})),fetch("".concat(h,"api/campaign/").concat(b.code,"/lead"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(c)}),"notshow"==b.extra_fields.popupShowThankYou?(O(),document.body.classList.remove("noscroll"),[2]):(p=!0,f=b.thank_you_image||"".concat(h,"admin/img/thanksyou.png"),v=b.extra_fields.popupThankyouTitle||"Thank you.",g=b.extra_fields.popupThankyouDesc||"We appreciate your time!",_="",y="",w="","2.1"==b.extra_fields.popupVersion&&(S=b.extra_fields,N=JSON.parse(S.listBlockThankyou),T=N.find((function(e){return"TitleBlock"==e.name})),P=N.find((function(e){return"SubtitleBlock"==e.name})),A=N.find((function(e){return"LinkButtonBlock"==e.name})),v=(null===(D=null==T?void 0:T.data)||void 0===D?void 0:D.value)||"",_=(null===(U=null==T?void 0:T.data)||void 0===U?void 0:U.align)||"",g=(null===(R=null==P?void 0:P.data)||void 0===R?void 0:R.value)||"",y=(null===(H=null==P?void 0:P.data)||void 0===H?void 0:H.align)||"",k=(null===(F=null==A?void 0:A.data)||void 0===F?void 0:F.value)||"",E=(null===(W=null==A?void 0:A.data)||void 0===W?void 0:W.newtab)||!1,w=(null===(V=null==A?void 0:A.data)||void 0===V?void 0:V.url)||"",L=b.extra_fields.currentLayout,["SkinA","SkinB","Floating","Tab","CenterTab"].includes(L)&&(p=!1)),x(p?{title:v,titleAlign:_,subtitle:g,subtitleAlign:y,link:w,linkNewTab:E,linkText:k,image:f}: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}},o.map((function(e){var 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)),[2])}}))}))},onClose:O,showThankyou:T,locale:s})),o.getPopupWrapperDom())))};

package/build/mantine.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./index-a83fc6fa.js"),n=require("./index-0796d2d1.js"),t=require("./tslib.es6-96fcc615.js"),r=require("react"),o=require("@mantine/core"),a=require("./theme-2df74df1.js"),i=require("styled-components"),s=require("./index-97a328d4.js"),l=require("./index-f588a087.js"),c=require("./useTranslations-92f77339.js"),u=require("./gAssets.js"),d=require("./index-708c0edc.js"),m=require("@mantine/carousel"),f=require("./index-e154e989.js"),p=require("@mantine/hooks"),h=require("./index-d01dd8ed.js"),g=require("./defaultClassWrapper-03ead8f1.js"),x=require("./index-954c1ca7.js"),v=require("dayjs"),b=require("./Locale-788f0a76.js"),_=require("./index-25c7b90e.js");function C(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function E(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}require("@mantine/dates"),require("./Vietnam-fee575f2.js"),require("./translationsContext-ea159be8.js"),require("string-format"),require("./isProduction-a249b948.js");var y,A,L=C(r),j=C(i),k=C(v),O=j.default(o.Textarea)(y||(y=t.__makeTemplateObject(["\n  .mantine-Textarea-input {\n    padding: 12px 16px;\n    background: #ffffff;\n    border: 1px solid ",";\n    border-radius: 4px;\n  }\n"],["\n  .mantine-Textarea-input {\n    padding: 12px 16px;\n    background: #ffffff;\n    border: 1px solid ",";\n    border-radius: 4px;\n  }\n"])),a.theme.colors.gray200),w=j.default(o.Accordion)(A||(A=t.__makeTemplateObject(["\n  .mantine-Accordion-control {\n    &:hover {\n      background-color: transparent;\n    }\n  }\n  .mantine-Accordion-item {\n    .mantine-Accordion-chevron {\n      > div {\n        background-repeat: no-repeat;\n        width: 16px;\n        height: 16px;\n        background-position: center;\n        background-image: url(",");\n      }\n    }\n    &[data-active='true'] {\n      .mantine-Accordion-chevron {\n        > div {\n          background-image: url(",");\n        }\n      }\n    }\n  }\n  .mantine-Accordion-panel {\n    border-radius: 6px;\n  }\n  .mantine-Accordion-content {\n    white-space: pre-wrap;\n  }\n"],["\n  .mantine-Accordion-control {\n    &:hover {\n      background-color: transparent;\n    }\n  }\n  .mantine-Accordion-item {\n    .mantine-Accordion-chevron {\n      > div {\n        background-repeat: no-repeat;\n        width: 16px;\n        height: 16px;\n        background-position: center;\n        background-image: url(",");\n      }\n    }\n    &[data-active='true'] {\n      .mantine-Accordion-chevron {\n        > div {\n          background-image: url(",");\n        }\n      }\n    }\n  }\n  .mantine-Accordion-panel {\n    border-radius: 6px;\n  }\n  .mantine-Accordion-content {\n    white-space: pre-wrap;\n  }\n"])),(function(e){return e.closeChevron||u.CommonGAssets.getAssetPath("plus-icon.svg")}),(function(e){return e.openChevron||u.CommonGAssets.getAssetPath("minus-icon.svg")})),P=function(e){var n=e.children,r=t.__rest(e,["children"]);return L.default.createElement(w,t.__assign({chevron:L.default.createElement("div",null),disableChevronRotation:!0,transitionDuration:300},r),n)};P.Control=o.Accordion.Control,P.Item=o.Accordion.Item,P.Panel=o.Accordion.Panel;var q=u.CommonGAssets.getAssetPath("avatar.jpg"),S=function(e){function n(){var n=null!==e&&e.apply(this,arguments)||this;return n.state={hasError:!1},n}return t.__extends(n,e),n.getDerivedStateFromError=function(){return{hasError:!0}},n.prototype.componentDidCatch=function(e,n){console.error("Uncaught error:",e,n)},n.prototype.render=function(){return this.state.hasError?this.props.fallback||L.default.createElement(L.default.Fragment,null):this.props.children},n}(r.Component),T=function(e){var n=e.slidesToShow,r=void 0===n?1:n,o=e.children,a=t.__rest(e,["slidesToShow","children"]);return(Array.isArray(o)?o.length:1)?L.default.createElement(S,null,L.default.createElement(m.Carousel,t.__assign({slideSize:String(Math.floor(1/r*100))+"%",containScroll:"trimSnaps"},a),o)):null};T.Slide=m.Carousel.Slide;var M,I,z,B,D=j.default(o.Slider)(M||(M=t.__makeTemplateObject(["\n  .mantine-Slider-track {\n    background-color: ",";\n  }\n\n  .mantine-Slider-label {\n    background-color: transparent;\n    color: #000;\n    font-size: 14px;\n    font-weight: bold;\n  }\n"],["\n  .mantine-Slider-track {\n    background-color: ",";\n  }\n\n  .mantine-Slider-label {\n    background-color: transparent;\n    color: #000;\n    font-size: 14px;\n    font-weight: bold;\n  }\n"])),(function(e){return e.color||e.theme.colors.primaryBase})),N="hhgcomp-mantine-slider-slider",H=g.getDefaultClassWrapper(D,N),R=j.default.div(I||(I=t.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  ."," {\n    flex-grow: 1;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  ."," {\n    flex-grow: 1;\n  }\n"])),N),F=o.Switch,V=((z={})[b.LOCALE.Vietnam]="vi",z[b.LOCALE.Cambodia]="km",z[b.LOCALE.India]="hi",z[b.LOCALE.Indonesia]="id",z[b.LOCALE.Malaysia]="ms",z[b.LOCALE.Thailand]="th",z[b.LOCALE.Taiwan]="zh-tw",z[b.LOCALE.PhilippinesTagalog]="tl-ph",z[b.LOCALE.PhilippinesEnglish]="en",z[b.LOCALE.Myanmar]="my",z),G=((B={})[b.LOCALE.Vietnam]=function(){return Promise.resolve().then((function(){return E(require("dayjs/locale/vi.js"))}))},B[b.LOCALE.Cambodia]=function(){return Promise.resolve().then((function(){return E(require("dayjs/locale/km.js"))}))},B[b.LOCALE.India]=function(){return Promise.resolve().then((function(){return E(require("dayjs/locale/hi.js"))}))},B[b.LOCALE.Indonesia]=function(){return Promise.resolve().then((function(){return E(require("dayjs/locale/id.js"))}))},B[b.LOCALE.Malaysia]=function(){return Promise.resolve().then((function(){return E(require("dayjs/locale/ms.js"))}))},B[b.LOCALE.Thailand]=function(){return Promise.resolve().then((function(){return E(require("dayjs/locale/th.js"))}))},B[b.LOCALE.Taiwan]=function(){return Promise.resolve().then((function(){return E(require("dayjs/locale/zh-tw.js"))}))},B[b.LOCALE.PhilippinesTagalog]=function(){return Promise.resolve().then((function(){return E(require("dayjs/locale/tl-ph.js"))}))},B[b.LOCALE.PhilippinesEnglish]=function(){return Promise.resolve().then((function(){return E(require("dayjs/locale/en.js"))}))},B[b.LOCALE.Myanmar]=function(){return Promise.resolve().then((function(){return E(require("dayjs/locale/my.js"))}))},B),U=function(e){r.useEffect((function(){var n;null===(n=G[e])||void 0===n||n.call(G),k.default.locale(V[e])}),[e])},W={"&:hover":{borderColor:"".concat(a.theme.colors.blue200),boxShadow:"0 0 2px 2px ".concat(a.theme.colors.blue200)}},J=function(e){return{datesLocale:V[e],dateFormat:x.ISO_FORMAT[e].dateFormat,fontFamily:e===b.LOCALE.Cambodia?"Battambang,":"Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI',\n      Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",components:{InputWrapper:{styles:{label:{marginBottom:"0.375rem"},error:{marginTop:"0.375rem"}}},NumberInput:{defaultProps:{decimalSeparator:x.ISO_FORMAT[e].separator}},Input:{styles:{input:{borderRadius:"6px",transition:"all ".concat("100ms"," ease-in-out"),"&:hover, &:focus":{borderColor:"".concat(a.theme.colors.blue200),boxShadow:"0 0 2px 2px ".concat(a.theme.colors.blue200)}},invalid:{color:"#000"}}},Checkbox:{styles:{input:W}},Radio:{styles:{radio:t.__assign(t.__assign({backgroundColor:"#ffffff"},W),{"&:checked":{backgroundColor:"#ffffff"}})}}}}},Y={container:"MON6sfi",iconContainer:"pS-tJD7",icon:"s3tJ9-5",title:"fNsZr1b",description:"uuxV74v",button:"YohjTDU"};exports.Checkbox=e.Checkbox,exports.Select=e.Select,exports.DatePicker=n.DatePicker,exports.Phone=n.Phone,exports.Radio=n.Radio,exports.Modal=s.Modal,exports.Input=d.Input,exports.emotionCache=d.emotionCache,exports.CentralCarousel=f.CentralCarousel,exports.OTP=_.OTP,exports.Accordion=P,exports.Avatar=function(e){var n=e.withIndicator,r=void 0!==n&&n,a=e.indicatorConfig,i=void 0===a?null:a,s=e.size,l=void 0===s?56:s,c=e.children,u=e.styles,d=t.__rest(e,["withIndicator","indicatorConfig","size","children","styles"]),m=function(){return L.default.createElement(o.Avatar,t.__assign({size:l,radius:"xl"},d,{imageProps:t.__assign({loading:"lazy"},d.imageProps)}),c||L.default.createElement("img",{loading:"lazy",src:q,width:l}))};return r?L.default.createElement(o.Indicator,t.__assign({inline:!0,position:"bottom-end",offset:9},i,{styles:t.__assign({indicator:{backgroundColor:L.default.isValidElement(i.label)&&"transparent",zIndex:1}},u)}),m()):m()},exports.Badge=function(e){var n=e.color,r=void 0===n?a.theme.colors.primaryBase:n,i=e.styles,s=t.__rest(e,["color","styles"]);return L.default.createElement(o.Badge,t.__assign({variant:"filled",color:r,styles:t.__assign({root:{borderRadius:"2px",background:r,textTransform:"unset"}},i)},s))},exports.Carousel=T,exports.Indicator=function(e){var n=e.styles,r=t.__rest(e,["styles"]);return L.default.createElement(o.Indicator,t.__assign({inline:!0,position:"top-end",offset:4,styles:t.__assign({indicator:{backgroundColor:a.theme.colors.red700},processing:{animationDirection:"alternate"}},n)},r))},exports.LoadingOverlay=function(e){return L.default.createElement(o.LoadingOverlay,t.__assign({loaderProps:{color:a.theme.colors.primaryBase}},e))},exports.MAPPED_LOCALE=V,exports.MantineProvider=function(e){var n=e.children,r=e.locale,a=t.__rest(e,["children","locale"]);return U(r),L.default.createElement(o.MantineProvider,t.__assign({theme:J(r)},a),n)},exports.Result=function(e){var n=e.icon,r=e.title,a=e.description,i=e.button,s=e.buttonProps,l=e.style,c=e.className,u=s||{},d=u.size,m=void 0===d?"lg":d,f=u.variant,p=void 0===f?"outline":f,h=t.__rest(u,["size","variant"]),g=n;return L.default.createElement("div",{className:o.clsx("result",Y.container,c),style:l},g&&L.default.createElement("div",{className:o.clsx("resultIconContainer",Y.iconContainer)},L.default.createElement(g,{className:o.clsx("resultIcon",Y.icon)})),L.default.createElement(o.Title,{order:3,size:"h3",className:o.clsx("resultTitle",Y.title)},r),L.default.createElement(o.Text,{className:o.clsx("resultDescription",Y.description)},a),i&&L.default.createElement(o.Button,t.__assign({},h,{size:m,variant:p,className:o.clsx("resultButton",Y.button,h.className)}),i))},exports.Slider=function(e){var n=e.color,o=void 0===n?a.theme.colors.primaryBase:n,i=e.withControl,s=e.onChange,l=e.value,c=e.min,u=e.max,m=e.isStatic,f=t.__rest(e,["color","withControl","onChange","value","min","max","isStatic"]),g=r.useState(l||c||0),x=g[0],v=g[1],b=p.useDebouncedValue(x,d.DEBOUNCED_TIME)[0];return r.useEffect((function(){null==s||s(b)}),[b]),L.default.createElement(R,null,i&&L.default.createElement(h.Button,{type:"button",size:"sm",color:"ghost",onClick:function(){v((function(e){return c&&e===c?e:e-1}))}},L.default.createElement("svg",{width:"10",height:"10",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12 3"},L.default.createElement("path",{d:"M1 1.004h8",stroke:o,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),L.default.createElement(H,t.__assign({thumbSize:21,labelAlwaysOn:!0,radius:"xl",color:o,value:x,onChange:m?function(){return null}:v,min:c,max:u},f)),i&&L.default.createElement(h.Button,{type:"button",size:"sm",color:"ghost",onClick:function(){v((function(e){return u&&e===u?e:e+1}))}},L.default.createElement("svg",{width:"16",height:"20",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16"},L.default.createElement("path",{d:"M8 4v8M4 8h8",stroke:o,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))))},exports.Spoiler=function(e){var n=e.children,i=e.line,s=e.lineHeight,u=e.trackingAttributes,d=e.maxHeight,m=e.customExpandFn,f=t.__rest(e,["children","line","lineHeight","trackingAttributes","maxHeight","customExpandFn"]),p=c.useTranslations().t,h=r.useMemo((function(){return d||(i&&s?i*s:(console.error("[HHG-Comp]:[Spoiler] Please provide maxHeight, or line with lineHeight"),0))}),[]);n||console.error("[HHG-Comp]:[Spoiler] Please provide children");var g=r.useMemo((function(){return u?{"data-event-category":u.dataEventCategory,"data-event-action":u.dataEventAction,"data-event-label":u.dataEventLabel}:{}}),[u]);return L.default.createElement(o.Spoiler,t.__assign({showLabel:L.default.createElement(l.Text,t.__assign({size:"p3",color:a.theme.colors.primaryBase},g,{onClick:m}),p("articlePage.readMore")),hideLabel:L.default.createElement(l.Text,t.__assign({size:"p3",color:a.theme.colors.primaryBase},g),p("articlePage.showLess"))},f,{maxHeight:h}),n)},exports.Switch=F,exports.TextArea=function(e){return L.default.createElement(O,t.__assign({minRows:2,maxRows:4},e))},exports.getMantineThemeOverride=J,exports.useMantineLocale=U;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./index-f836c043.js"),n=require("./index-5d6f2002.js"),t=require("./tslib.es6-edc720a6.js"),r=require("react"),o=require("@mantine/core"),a=require("./theme-37595e4f.js"),i=require("styled-components"),s=require("./index-fcb78a86.js"),l=require("./index-5e04811a.js"),c=require("./useTranslations-01d5166e.js"),u=require("./gAssets.js"),d=require("./index-05a3be08.js"),m=require("@mantine/carousel"),p=require("./index-39b585ec.js"),f=require("@mantine/hooks"),h=require("./index-b992c35b.js"),g=require("./defaultClassWrapper-71dbeac2.js"),x=require("./index-afebf409.js"),v=require("dayjs"),b=require("./Locale-c36ebd32.js"),_=require("./index-dcc7d016.js");function C(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function E(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}require("@mantine/dates"),require("./Vietnam-3e8302a5.js"),require("./translationsContext-51c97003.js"),require("string-format"),require("./isProduction-7e357d28.js");var y,A,L=C(r),j=C(i),k=C(v),O=j.default(o.Textarea)(y||(y=t.__makeTemplateObject(["\n  .mantine-Textarea-input {\n    padding: 12px 16px;\n    background: #ffffff;\n    border: 1px solid ",";\n    border-radius: 4px;\n  }\n"],["\n  .mantine-Textarea-input {\n    padding: 12px 16px;\n    background: #ffffff;\n    border: 1px solid ",";\n    border-radius: 4px;\n  }\n"])),a.theme.colors.gray200),w=j.default(o.Accordion)(A||(A=t.__makeTemplateObject(["\n  .mantine-Accordion-control {\n    &:hover {\n      background-color: transparent;\n    }\n  }\n  .mantine-Accordion-item {\n    .mantine-Accordion-chevron {\n      > div {\n        background-repeat: no-repeat;\n        width: 16px;\n        height: 16px;\n        background-position: center;\n        background-image: url(",");\n      }\n    }\n    &[data-active='true'] {\n      .mantine-Accordion-chevron {\n        > div {\n          background-image: url(",");\n        }\n      }\n    }\n  }\n  .mantine-Accordion-panel {\n    border-radius: 6px;\n  }\n  .mantine-Accordion-content {\n    white-space: pre-wrap;\n  }\n"],["\n  .mantine-Accordion-control {\n    &:hover {\n      background-color: transparent;\n    }\n  }\n  .mantine-Accordion-item {\n    .mantine-Accordion-chevron {\n      > div {\n        background-repeat: no-repeat;\n        width: 16px;\n        height: 16px;\n        background-position: center;\n        background-image: url(",");\n      }\n    }\n    &[data-active='true'] {\n      .mantine-Accordion-chevron {\n        > div {\n          background-image: url(",");\n        }\n      }\n    }\n  }\n  .mantine-Accordion-panel {\n    border-radius: 6px;\n  }\n  .mantine-Accordion-content {\n    white-space: pre-wrap;\n  }\n"])),(function(e){return e.closeChevron||u.CommonGAssets.getAssetPath("plus-icon.svg")}),(function(e){return e.openChevron||u.CommonGAssets.getAssetPath("minus-icon.svg")})),P=function(e){var n=e.children,r=t.__rest(e,["children"]);return L.default.createElement(w,t.__assign({chevron:L.default.createElement("div",null),disableChevronRotation:!0,transitionDuration:300},r),n)};P.Control=o.Accordion.Control,P.Item=o.Accordion.Item,P.Panel=o.Accordion.Panel;var q=u.CommonGAssets.getAssetPath("avatar.jpg"),S=function(e){function n(){var n=null!==e&&e.apply(this,arguments)||this;return n.state={hasError:!1},n}return t.__extends(n,e),n.getDerivedStateFromError=function(){return{hasError:!0}},n.prototype.componentDidCatch=function(e,n){console.error("Uncaught error:",e,n)},n.prototype.render=function(){return this.state.hasError?this.props.fallback||L.default.createElement(L.default.Fragment,null):this.props.children},n}(r.Component),T=function(e){var n=e.slidesToShow,r=void 0===n?1:n,o=e.children,a=t.__rest(e,["slidesToShow","children"]);return(Array.isArray(o)?o.length:1)?L.default.createElement(S,null,L.default.createElement(m.Carousel,t.__assign({slideSize:String(Math.floor(1/r*100))+"%",containScroll:"trimSnaps"},a),o)):null};T.Slide=m.Carousel.Slide;var M,I,z,B,D=j.default(o.Slider)(M||(M=t.__makeTemplateObject(["\n  .mantine-Slider-track {\n    background-color: ",";\n  }\n\n  .mantine-Slider-label {\n    background-color: transparent;\n    color: #000;\n    font-size: 14px;\n    font-weight: bold;\n  }\n"],["\n  .mantine-Slider-track {\n    background-color: ",";\n  }\n\n  .mantine-Slider-label {\n    background-color: transparent;\n    color: #000;\n    font-size: 14px;\n    font-weight: bold;\n  }\n"])),(function(e){return e.color||e.theme.colors.primaryBase})),N="hhgcomp-mantine-slider-slider",H=g.getDefaultClassWrapper(D,N),R=j.default.div(I||(I=t.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  ."," {\n    flex-grow: 1;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  ."," {\n    flex-grow: 1;\n  }\n"])),N),F=o.Switch,V=((z={})[b.LOCALE.Vietnam]="vi",z[b.LOCALE.Cambodia]="km",z[b.LOCALE.India]="hi",z[b.LOCALE.Indonesia]="id",z[b.LOCALE.Malaysia]="ms",z[b.LOCALE.Thailand]="th",z[b.LOCALE.Taiwan]="zh-tw",z[b.LOCALE.PhilippinesTagalog]="tl-ph",z[b.LOCALE.PhilippinesEnglish]="en",z[b.LOCALE.Myanmar]="my",z),G=((B={})[b.LOCALE.Vietnam]=function(){return Promise.resolve().then((function(){return E(require("dayjs/locale/vi.js"))}))},B[b.LOCALE.Cambodia]=function(){return Promise.resolve().then((function(){return E(require("dayjs/locale/km.js"))}))},B[b.LOCALE.India]=function(){return Promise.resolve().then((function(){return E(require("dayjs/locale/hi.js"))}))},B[b.LOCALE.Indonesia]=function(){return Promise.resolve().then((function(){return E(require("dayjs/locale/id.js"))}))},B[b.LOCALE.Malaysia]=function(){return Promise.resolve().then((function(){return E(require("dayjs/locale/ms.js"))}))},B[b.LOCALE.Thailand]=function(){return Promise.resolve().then((function(){return E(require("dayjs/locale/th.js"))}))},B[b.LOCALE.Taiwan]=function(){return Promise.resolve().then((function(){return E(require("dayjs/locale/zh-tw.js"))}))},B[b.LOCALE.PhilippinesTagalog]=function(){return Promise.resolve().then((function(){return E(require("dayjs/locale/tl-ph.js"))}))},B[b.LOCALE.PhilippinesEnglish]=function(){return Promise.resolve().then((function(){return E(require("dayjs/locale/en.js"))}))},B[b.LOCALE.Myanmar]=function(){return Promise.resolve().then((function(){return E(require("dayjs/locale/my.js"))}))},B),U=function(e){r.useEffect((function(){var n;null===(n=G[e])||void 0===n||n.call(G),k.default.locale(V[e])}),[e])},W={"&:hover":{borderColor:"".concat(a.theme.colors.blue200),boxShadow:"0 0 2px 2px ".concat(a.theme.colors.blue200)}},J=function(e){return{datesLocale:V[e],dateFormat:x.ISO_FORMAT[e].dateFormat,fontFamily:e===b.LOCALE.Cambodia?"Battambang,":"Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI',\n      Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",components:{InputWrapper:{styles:{label:{marginBottom:"0.375rem"},error:{marginTop:"0.375rem"}}},NumberInput:{defaultProps:{decimalSeparator:x.ISO_FORMAT[e].separator}},Input:{styles:{input:{borderRadius:"6px",transition:"all ".concat("100ms"," ease-in-out"),"&:hover, &:focus":{borderColor:"".concat(a.theme.colors.blue200),boxShadow:"0 0 2px 2px ".concat(a.theme.colors.blue200)}},invalid:{color:"#000"}}},Checkbox:{styles:{input:W}},Radio:{styles:{radio:t.__assign(t.__assign({backgroundColor:"#ffffff"},W),{"&:checked":{backgroundColor:"#ffffff"}})}}}}},Y={container:"MON6sfi",iconContainer:"pS-tJD7",icon:"s3tJ9-5",title:"fNsZr1b",description:"uuxV74v",button:"YohjTDU"};exports.Checkbox=e.Checkbox,exports.Select=e.Select,exports.DatePicker=n.DatePicker,exports.Phone=n.Phone,exports.Radio=n.Radio,exports.Modal=s.Modal,exports.Input=d.Input,exports.emotionCache=d.emotionCache,exports.CentralCarousel=p.CentralCarousel,exports.OTP=_.OTP,exports.Accordion=P,exports.Avatar=function(e){var n=e.withIndicator,r=void 0!==n&&n,a=e.indicatorConfig,i=void 0===a?null:a,s=e.size,l=void 0===s?56:s,c=e.children,u=e.styles,d=t.__rest(e,["withIndicator","indicatorConfig","size","children","styles"]),m=function(){return L.default.createElement(o.Avatar,t.__assign({size:l,radius:"xl"},d,{imageProps:t.__assign({loading:"lazy"},d.imageProps)}),c||L.default.createElement("img",{loading:"lazy",src:q,width:l}))};return r?L.default.createElement(o.Indicator,t.__assign({inline:!0,position:"bottom-end",offset:9},i,{styles:t.__assign({indicator:{backgroundColor:L.default.isValidElement(i.label)&&"transparent",zIndex:1}},u)}),m()):m()},exports.Badge=function(e){var n=e.color,r=void 0===n?a.theme.colors.primaryBase:n,i=e.styles,s=t.__rest(e,["color","styles"]);return L.default.createElement(o.Badge,t.__assign({variant:"filled",color:r,styles:t.__assign({root:{borderRadius:"2px",background:r,textTransform:"unset"}},i)},s))},exports.Carousel=T,exports.Indicator=function(e){var n=e.styles,r=t.__rest(e,["styles"]);return L.default.createElement(o.Indicator,t.__assign({inline:!0,position:"top-end",offset:4,styles:t.__assign({indicator:{backgroundColor:a.theme.colors.red700},processing:{animationDirection:"alternate"}},n)},r))},exports.LoadingOverlay=function(e){return L.default.createElement(o.LoadingOverlay,t.__assign({loaderProps:{color:a.theme.colors.primaryBase}},e))},exports.MAPPED_LOCALE=V,exports.MantineProvider=function(e){var n=e.children,r=e.locale,a=t.__rest(e,["children","locale"]);return U(r),L.default.createElement(o.MantineProvider,t.__assign({theme:J(r)},a),n)},exports.Result=function(e){var n=e.icon,r=e.title,a=e.description,i=e.button,s=e.buttonProps,l=e.style,c=e.className,u=s||{},d=u.size,m=void 0===d?"lg":d,p=u.variant,f=void 0===p?"outline":p,h=t.__rest(u,["size","variant"]),g=n;return L.default.createElement("div",{className:o.clsx("result",Y.container,c),style:l},g&&L.default.createElement("div",{className:o.clsx("resultIconContainer",Y.iconContainer)},L.default.createElement(g,{className:o.clsx("resultIcon",Y.icon)})),L.default.createElement(o.Title,{order:3,size:"h3",className:o.clsx("resultTitle",Y.title)},r),L.default.createElement(o.Text,{className:o.clsx("resultDescription",Y.description)},a),i&&L.default.createElement(o.Button,t.__assign({},h,{size:m,variant:f,className:o.clsx("resultButton",Y.button,h.className)}),i))},exports.Slider=function(e){var n=e.color,o=void 0===n?a.theme.colors.primaryBase:n,i=e.withControl,s=e.onChange,l=e.value,c=e.min,u=e.max,m=e.isStatic,p=t.__rest(e,["color","withControl","onChange","value","min","max","isStatic"]),g=r.useState(l||c||0),x=g[0],v=g[1],b=f.useDebouncedValue(x,d.DEBOUNCED_TIME)[0];return r.useEffect((function(){null==s||s(b)}),[b]),L.default.createElement(R,null,i&&L.default.createElement(h.Button,{type:"button",size:"sm",color:"ghost",onClick:function(){v((function(e){return c&&e===c?e:e-1}))}},L.default.createElement("svg",{width:"10",height:"10",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12 3"},L.default.createElement("path",{d:"M1 1.004h8",stroke:o,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),L.default.createElement(H,t.__assign({thumbSize:21,labelAlwaysOn:!0,radius:"xl",color:o,value:x,onChange:m?function(){return null}:v,min:c,max:u},p)),i&&L.default.createElement(h.Button,{type:"button",size:"sm",color:"ghost",onClick:function(){v((function(e){return u&&e===u?e:e+1}))}},L.default.createElement("svg",{width:"16",height:"20",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16"},L.default.createElement("path",{d:"M8 4v8M4 8h8",stroke:o,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))))},exports.Spoiler=function(e){var n=e.children,i=e.line,s=e.lineHeight,u=e.trackingAttributes,d=e.maxHeight,m=e.customExpandFn,p=t.__rest(e,["children","line","lineHeight","trackingAttributes","maxHeight","customExpandFn"]),f=c.useTranslations().t,h=r.useMemo((function(){return d||(i&&s?i*s:(console.error("[HHG-Comp]:[Spoiler] Please provide maxHeight, or line with lineHeight"),0))}),[]);n||console.error("[HHG-Comp]:[Spoiler] Please provide children");var g=r.useMemo((function(){return u?{"data-event-category":u.dataEventCategory,"data-event-action":u.dataEventAction,"data-event-label":u.dataEventLabel}:{}}),[u]);return L.default.createElement(o.Spoiler,t.__assign({showLabel:L.default.createElement(l.Text,t.__assign({size:"p3",color:a.theme.colors.primaryBase},g,{onClick:m}),f("articlePage.readMore")),hideLabel:L.default.createElement(l.Text,t.__assign({size:"p3",color:a.theme.colors.primaryBase},g),f("articlePage.showLess"))},p,{maxHeight:h}),n)},exports.Switch=F,exports.TextArea=function(e){return L.default.createElement(O,t.__assign({minRows:2,maxRows:4},e))},exports.getMantineThemeOverride=J,exports.useMantineLocale=U;

package/build/misc.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./localizeNumberFormat-ff6bef12.js"),r=require("./animation-a9b922ea.js"),t=require("./cookieHelper-0003373c.js");require("react"),require("styled-components");var o=require("./theme-2df74df1.js"),i=require("./dataTransform-c5b2fb2f.js"),s=require("./routing-2f9ad5e6.js"),a=require("./utils-389aa237.js"),l=require("./getDynamicHealthTool-2ee86643.js"),p=require("./getSocialList-69d40a06.js");require("dayjs"),require("./tslib.es6-96fcc615.js"),require("lodash/throttle"),require("./index-954c1ca7.js"),require("./Locale-788f0a76.js"),require("./isProduction-a249b948.js"),require("./core-dcb61c84.js"),require("./gAssets.js"),exports.ageGenerate=e.ageGenerate,exports.convertLocalizedStringToNumber=e.convertLocalizedStringToNumber,exports.localizeNumberFormat=e.localizeNumberFormat,exports.fadeIn=r.fadeIn,exports.slideInDown=r.slideInDown,exports.slideInLeft=r.slideInLeft,exports.slideInRight=r.slideInRight,exports.slideInUp=r.slideInUp,exports.slideOutDown=r.slideOutDown,exports.slideOutLeft=r.slideOutLeft,exports.slideOutRight=r.slideOutRight,exports.slideOutUp=r.slideOutUp,exports.deleteCookie=t.deleteCookie,exports.getCookie=t.getCookie,exports.setCookie=t.setCookie,exports.theme=o.theme,exports.ScreenSizeContext=i.ScreenSizeContext,exports.ScreenSizeContextProvider=i.ScreenSizeContextProvider,exports.abbreviateNumber=i.abbreviateNumber,exports.formatPill=i.formatPill,exports.getWindowSizeGroups=i.getWindowSizeGroups,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-0169c998.js"),r=require("./animation-2c2ae66a.js"),t=require("./cookieHelper-e3dda67e.js");require("react"),require("styled-components");var o=require("./theme-37595e4f.js"),i=require("./dataTransform-7759c135.js"),s=require("./routing-a254236e.js"),a=require("./utils-7a17dcfb.js"),l=require("./getDynamicHealthTool-e2f7af04.js"),p=require("./getSocialList-d7b837fc.js");require("dayjs"),require("./tslib.es6-edc720a6.js"),require("lodash/throttle"),require("./index-afebf409.js"),require("./Locale-c36ebd32.js"),require("./isProduction-7e357d28.js"),require("./core-5d4a87cb.js"),require("./gAssets.js"),exports.ageGenerate=e.ageGenerate,exports.convertLocalizedStringToNumber=e.convertLocalizedStringToNumber,exports.localizeNumberFormat=e.localizeNumberFormat,exports.fadeIn=r.fadeIn,exports.slideInDown=r.slideInDown,exports.slideInLeft=r.slideInLeft,exports.slideInRight=r.slideInRight,exports.slideInUp=r.slideInUp,exports.slideOutDown=r.slideOutDown,exports.slideOutLeft=r.slideOutLeft,exports.slideOutRight=r.slideOutRight,exports.slideOutUp=r.slideOutUp,exports.deleteCookie=t.deleteCookie,exports.getCookie=t.getCookie,exports.setCookie=t.setCookie,exports.theme=o.theme,exports.ScreenSizeContext=i.ScreenSizeContext,exports.ScreenSizeContextProvider=i.ScreenSizeContextProvider,exports.abbreviateNumber=i.abbreviateNumber,exports.formatPill=i.formatPill,exports.getWindowSizeGroups=i.getWindowSizeGroups,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-96fcc615.js"),require("react"),require("./index-702408e5.js"),require("./index-954c1ca7.js"),require("./routing-2f9ad5e6.js"),require("./dataTransform-866cde6b.js");var e=require("./index-02c57597.js");require("./core-dcb61c84.js"),require("./index-269e83fb.js"),require("./gAssets.js"),require("./isProduction-a249b948.js"),require("./Locale-788f0a76.js"),require("./index-f0f1bc45.js"),require("./utils-389aa237.js"),require("styled-components"),require("./index-f588a087.js"),require("./index-a27def8e.js"),require("./logoIcon-75d8906e.js"),require("./useTranslations-92f77339.js"),require("./translationsContext-ea159be8.js"),require("string-format"),require("lodash/throttle"),require("./index-1fc1d892.js"),require("./index-d01dd8ed.js"),require("./theme-2df74df1.js"),require("@mantine/core"),require("./defaultClassWrapper-03ead8f1.js"),require("./cookieHelper-0003373c.js"),require("./constants-ba29b994.js"),require("./index-c48ce4fa.js"),require("slugify"),require("./constants-9e80ba03.js"),require("./index-aacad298.js"),require("dayjs"),require("dayjs/plugin/relativeTime"),require("lodash/debounce"),exports.NavigationV2=e.NavigationV2,exports.getNavMenuContent=e.getNavMenuContent,exports.getNavMenuContentWithCache=e.getNavMenuContentWithCache;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("./tslib.es6-edc720a6.js"),require("react"),require("./index-e92d510a.js"),require("./index-afebf409.js"),require("./routing-a254236e.js"),require("./dataTransform-dd23233a.js");var e=require("./index-9d77d9e7.js");require("./core-5d4a87cb.js"),require("./index-237d1dd2.js"),require("./gAssets.js"),require("./isProduction-7e357d28.js"),require("./Locale-c36ebd32.js"),require("./index-617ff6fb.js"),require("./utils-7a17dcfb.js"),require("styled-components"),require("./index-5e04811a.js"),require("./index-1247d142.js"),require("./logoIcon-dfc9715e.js"),require("./useTranslations-01d5166e.js"),require("./translationsContext-51c97003.js"),require("string-format"),require("lodash/throttle"),require("./index-edc3f7fa.js"),require("./index-b992c35b.js"),require("./theme-37595e4f.js"),require("@mantine/core"),require("./defaultClassWrapper-71dbeac2.js"),require("./cookieHelper-e3dda67e.js"),require("./constants-6fc449f2.js"),require("./index-62b099fc.js"),require("slugify"),require("./constants-f7b74908.js"),require("./index-5f8ec952.js"),require("dayjs"),require("dayjs/plugin/relativeTime"),require("lodash/debounce"),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-96fcc615.js"),n=require("react"),t=require("@mantine/hooks"),r=require("./index-a32bfb0f.js"),o=require("@mantine/core"),a=require("@mantine/form"),i=require("lodash/throttle"),l=require("./Locale-788f0a76.js"),s=require("styled-components"),d=require("./utils-389aa237.js"),u=require("./index-25c7b90e.js"),c=require("./index-f588a087.js"),p=require("./index-d01dd8ed.js"),m=require("./useTranslations-92f77339.js"),g=require("./theme-2df74df1.js"),f=require("date-fns"),b=require("./index-0796d2d1.js"),h=require("./index-708c0edc.js"),x=require("./Visible-08e9b540.js"),E=require("./index-aacad298.js");function y(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("yup"),require("./logoIcon-75d8906e.js"),require("./gAssets.js"),require("./index-954c1ca7.js"),require("./isProduction-a249b948.js"),require("./translationsContext-ea159be8.js"),require("string-format"),require("@mantine/dates"),require("./Vietnam-fee575f2.js");var v,_=y(n),P=y(i),w=y(s);(v={})[l.LOCALE.Vietnam]="VN",v[l.LOCALE.Cambodia]="KH",v[l.LOCALE.Indonesia]="ID",v[l.LOCALE.Malaysia]="MY",v[l.LOCALE.PhilippinesEnglish]="PH",v[l.LOCALE.PhilippinesTagalog]="PH",v[l.LOCALE.Taiwan]="TW",v[l.LOCALE.Thailand]="TH",v[l.LOCALE.Myanmar]="MM";var S,O,k,C,T,L,j,I,q,M,B,F,A=function(e){void 0===e&&(e="");var n=e.indexOf("@"),t=e.substring(0,n),r=t.length>3?3:t.length;return e.replace(e.substring(r,n),e.slice(r,n).replace(/./g,"x"))},N=w.default(r.FormSection)(S||(S=e.__makeTemplateObject(["\n  .otp-input {\n    margin-bottom: 36px;\n    "," {\n      margin-bottom: 20px;\n    }\n    .otpContainer {\n      margin-bottom: 16px;\n    }\n  }\n  .resend {\n    display: flex;\n    gap: 6px;\n    margin-bottom: 32px;\n    "," {\n      margin-bottom: 16px;\n    }\n    a {\n      text-decoration: underline;\n      cursor: pointer;\n    }\n  }\n  .phone-description {\n    margin-left: 2px;\n    margin-top: 2px;\n  }\n  .otp-description-edit-icon {\n    cursor: pointer;\n    vertical-align: bottom;\n    /* height: 100%; */\n    margin-bottom: 3px;\n    margin-left: 3px;\n  }\n"],["\n  .otp-input {\n    margin-bottom: 36px;\n    "," {\n      margin-bottom: 20px;\n    }\n    .otpContainer {\n      margin-bottom: 16px;\n    }\n  }\n  .resend {\n    display: flex;\n    gap: 6px;\n    margin-bottom: 32px;\n    "," {\n      margin-bottom: 16px;\n    }\n    a {\n      text-decoration: underline;\n      cursor: pointer;\n    }\n  }\n  .phone-description {\n    margin-left: 2px;\n    margin-top: 2px;\n  }\n  .otp-description-edit-icon {\n    cursor: pointer;\n    vertical-align: bottom;\n    /* height: 100%; */\n    margin-bottom: 3px;\n    margin-left: 3px;\n  }\n"])),d.MediaQueries.mbDown,d.MediaQueries.mbDown),R=function(i){var l=i.onSubmit,s=i.phone,d=i.email,f=i.onResendCode,b=i.otpError,h=i.onClose,x=i.loading,E=i.onBack,y=i.canSkip,v=i.outOfEdit,w=n.useContext(r.OnboardingContext),S=w.siteType,O=w.isMarryBaby,k=n.useState(30),C=k[0],T=k[1],L=t.useInterval((function(){return T((function(e){return e-1}))}),1e3),j=t.useCounter(0,{min:0,max:3}),I=j[0],q=j[1],M=n.useRef(!0),B=m.useTranslations().t;n.useEffect((function(){return L.start(),L.stop}),[]),n.useEffect((function(){0===C&&(L.stop(),M.current=!1)}),[C]);var F=a.useForm({initialValues:{otp:""},validate:a.yupResolver(r.otpSchema(B))});n.useEffect((function(){b&&F.setFieldError("otp",b)}),[b]);var R=n.useMemo((function(){return P.default((function(){M.current||(q.increment(),T(30),null==f||f(s||d),L.start(),M.current=!0)}),1e3,{trailing:!1})}),[s,d,f,L]);return _.default.createElement(N,{heading:B("onboarding.otpForm.heading"),description:_.default.createElement(_.default.Fragment,null,_.default.createElement("span",{dangerouslySetInnerHTML:{__html:s?B("onboarding.otpForm.description",{phone:'<b style="color:'.concat(g.theme.colors.gray800,'">').concat(s.slice(0,-3).replace(/./g,"x").concat(s.slice(-3)),"</b>")}):B("onboarding.otpForm.descriptionEmail",{email:'<b style="color:'.concat(g.theme.colors.gray800,'">').concat(A(d),"</b>")})}}),!v&&_.default.createElement("svg",{onClick:function(){null==E||E()},width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"otp-description-edit-icon"},_.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"})))},_.default.createElement("form",{onSubmit:F.onSubmit((function(n){return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){return q.increment(),l(n.otp),[2]}))}))}),(function(e){console.log(e)}))},_.default.createElement("div",{className:"otp-input"},_.default.createElement(u.OTP,e.__assign({enterKeyHint:void 0,nonce:void 0},F.getInputProps("otp"))),_.default.createElement(o.Input.Error,null,F.errors.otp)),_.default.createElement("div",{className:"resend"},_.default.createElement(c.Text,{size:"p4",color:g.theme.colors.gray400},B("onboarding.otpForm.notReceiveOTP")),_.default.createElement(c.Text,{as:"a",size:"p4",color:O?g.theme.mbColors.pink:g.theme.colors.primaryBase,onClick:R},B("onboarding.otpForm.resendCode",{seconds:C}))),_.default.createElement(p.Button,{theme:S,color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:x,disabled:x,"data-event-category":"Sign Up","data-event-action":"Confirm Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},B("onboarding.button.continue")),y&&I>=3&&_.default.createElement(p.Button,{theme:S,color:"ghost",isBlock:!0,size:"lg",onClick:h,type:"button"},B("onboarding.button.skip"))))},z=function(t){var i=t.onClose,l=t.onSubmit,s=t.canSkip,d=t.loading,u=t.errorMessage,c=t.initialData,g=m.useTranslations().t,h=n.useContext(r.OnboardingContext).siteType,x=a.useForm({validate:a.yupResolver(r.onboardingEmailSchema(g))});return n.useEffect((function(){x.setValues(e.__assign(e.__assign({gender:"0"},c),(null==c?void 0:c.birthday)&&{birthday:new Date(c.birthday)}))}),[c]),n.useEffect((function(){u&&x.setFieldError("email",u)}),[u]),_.default.createElement(r.FormSection,{heading:g("onboarding.formEmail.heading"),description:g("onboarding.formEmail.description")},_.default.createElement("form",{className:"form",onSubmit:x.onSubmit((function(n){l(e.__assign(e.__assign({},n),{birthday:n.birthday&&f.format(n.birthday,"yyyy-MM-dd")}))}),(function(e){console.log({fieldErrors:e})}))},_.default.createElement(o.Input.Wrapper,{label:g("onboarding.formEmail.yourName"),className:"input-control",withAsterisk:!0},_.default.createElement(o.Input,e.__assign({},x.getInputProps("name"))),_.default.createElement(o.Input.Error,{className:"field-error"},x.errors.name)),_.default.createElement(o.Input.Wrapper,{label:g("onboarding.formEmail.yourEmail"),className:"input-control",withAsterisk:!0},_.default.createElement(o.Input,e.__assign({},x.getInputProps("email"))),_.default.createElement(o.Input.Error,{className:"field-error"},x.errors.email)),_.default.createElement(b.DatePicker,e.__assign({className:"input-control",label:g("onboarding.formEmail.yourBirthday")},x.getInputProps("birthday"))),_.default.createElement(b.Radio.Group,{value:x.values.gender,onChange:function(e){return x.setFieldValue("gender",e)},className:"radio-group"},_.default.createElement(b.Radio,{value:"0",label:g("onboarding.formEmail.genderMale")}),_.default.createElement(b.Radio,{value:"1",label:g("onboarding.formEmail.genderFemale")})),_.default.createElement(p.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit",theme:h,isLoading:d,disabled:d},g("onboarding.button.continue")),s&&_.default.createElement(p.Button,{theme:h,color:"ghost",isBlock:!0,size:"lg",onClick:i},g("onboarding.button.skip"))))},D=function(n){var t=n.onClose,i=n.onSubmit,l=n.canSkip,s=n.errorMessage,d=n.loading,u=m.useTranslations().t,c=a.useForm({initialValues:{password:"",confirmPassword:""},validate:a.yupResolver(r.onboardingUpdatePasswordSchema(u))});return _.default.createElement(r.FormSection,{heading:u("onboarding.updatePassword.heading"),description:u("onboarding.updatePassword.description")},_.default.createElement("form",{className:"form",onSubmit:c.onSubmit((function(e){return i((null==e?void 0:e.password)||"")}),(function(e){console.log({fieldErrors:e})}))},_.default.createElement(h.PasswordInput,e.__assign({label:u("onboarding.updatePassword.password"),withAsterisk:!0,rightSection:_.default.createElement(x.Visible,null)},c.getInputProps("password"))),_.default.createElement(h.PasswordInput,e.__assign({label:u("onboarding.updatePassword.confirmPassword"),withAsterisk:!0,rightSection:_.default.createElement(x.Visible,null)},c.getInputProps("confirmPassword"))),_.default.createElement(p.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:d,disabled:d},u("onboarding.button.continue")),l&&_.default.createElement(p.Button,{color:"ghost",isBlock:!0,size:"lg",onClick:t},u("onboarding.button.skip")),s&&_.default.createElement(o.Input.Error,{className:"form-error"},s)))},V=w.default.div(O||(O=e.__makeTemplateObject(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 1000;\n  background: white;\n  overflow-y: auto;\n"],["\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 1000;\n  background: white;\n  overflow-y: auto;\n"]))),H=w.default.div(k||(k=e.__makeTemplateObject(["\n  height: 100%;\n  "," {\n    display: table;\n    width: 100%;\n    height: calc(100% - 25px);\n  }\n"],["\n  height: 100%;\n  "," {\n    display: table;\n    width: 100%;\n    height: calc(100% - 25px);\n  }\n"])),d.MediaQueries.lgPcUp),U=w.default.div(C||(C=e.__makeTemplateObject(["\n  padding: 48px 24px 24px;\n\n  "," {\n    display: table-cell;\n\n    &[data-has-banner='true'] {\n      width: calc(100% - 640px);\n    }\n  }\n"],["\n  padding: 48px 24px 24px;\n\n  "," {\n    display: table-cell;\n\n    &[data-has-banner='true'] {\n      width: calc(100% - 640px);\n    }\n  }\n"])),d.MediaQueries.lgPcUp),Q=w.default.div(T||(T=e.__makeTemplateObject(["\n  width: 640px;\n  padding: 16px 16px 0 16px;\n  display: none;\n\n  "," {\n    width: 640px;\n    display: table-cell;\n  }\n"],["\n  width: 640px;\n  padding: 16px 16px 0 16px;\n  display: none;\n\n  "," {\n    width: 640px;\n    display: table-cell;\n  }\n"])),d.MediaQueries.lgPcUp),W=w.default.div(L||(L=e.__makeTemplateObject(["\n  background-color: ",";\n  border-radius: 12px;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n\n  &[data-is-marry-baby='true'] {\n    background-color: ",";\n  }\n"],["\n  background-color: ",";\n  border-radius: 12px;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n\n  &[data-is-marry-baby='true'] {\n    background-color: ",";\n  }\n"])),g.theme.colors.blue50,g.theme.mbColors.tonePink),K=w.default.div(j||(j=e.__makeTemplateObject(["\n  margin-top: 40px;\n  padding: 24px 40px;\n"],["\n  margin-top: 40px;\n  padding: 24px 40px;\n"]))),Z=w.default(E.Heading)(I||(I=e.__makeTemplateObject(["\n  margin-bottom: 24px;\n  text-align: center;\n"],["\n  margin-bottom: 24px;\n  text-align: center;\n"]))),G=w.default(c.Text)(q||(q=e.__makeTemplateObject([""],[""]))),Y=w.default.img(M||(M=e.__makeTemplateObject(["\n  width: 100%;\n  display: block;\n"],["\n  width: 100%;\n  display: block;\n"]))),J=w.default.div(B||(B=e.__makeTemplateObject([""],[""])));exports.OnboardingStep=void 0,(F=exports.OnboardingStep||(exports.OnboardingStep={}))[F.Phone=0]="Phone",F[F.OTP=1]="OTP",F[F.OTPEmail=2]="OTPEmail",F[F.PersonalInfo=3]="PersonalInfo",F[F.UpdatePassword=4]="UpdatePassword",F[F.Result=5]="Result";exports.MAPPED_LOCALE=r.MAPPED_LOCALE,exports.OnboardingForm=r.OnboardingForm,exports.OnboardingModal=function(o){var a=o.onClose,i=o.canSkip,l=o.flow,s=void 0===l?[exports.OnboardingStep.Phone,exports.OnboardingStep.OTP]:l,d=o.step,u=o.onPhoneSubmit,c=o.onOtpSubmit,f=o.onPersonalInfoSubmit,b=o.onCreatePassByEmail,h=o.onResendCode,x=o.otpError,E=o.personalInfoError,y=o.createPassError,v=o.emailLoading,P=o.createPassLoading,w=o.otpLoading,S=o.customFormTexts,O=o.initialData,k=o.banner,C=o.resultScreenProps,T=o.siteType,L=e.__rest(o,["onClose","canSkip","flow","step","onPhoneSubmit","onOtpSubmit","onPersonalInfoSubmit","onCreatePassByEmail","onResendCode","otpError","personalInfoError","createPassError","emailLoading","createPassLoading","otpLoading","customFormTexts","initialData","banner","resultScreenProps","siteType"]),j=m.useTranslations().t,I=n.useState(d||s[0]),q=I[0],M=I[1],B=n.useState(""),F=B[0],A=B[1],N=n.useState(""),X=N[0],$=N[1],ee=t.useCounter(0,{min:0,max:2}),ne=ee[0],te=ee[1],re=n.useCallback((function(){var e=s.indexOf(q)+1;e<=s.length-1&&M(s[e])}),[q]),oe=n.useCallback((function(){var e=s.indexOf(q)-1;e>=0&&M(s[e])}),[q]),ae=function(n){return e.__awaiter(void 0,void 0,void 0,(function(){var t;return e.__generator(this,(function(e){switch(e.label){case 0:return e.trys.push([0,2,,3]),[4,c(n)];case 1:return!e.sent()&&re(),[3,3];case 2:return t=e.sent(),console.error(t),[3,3];case 3:return[2]}}))}))},ie=function(){ne>=2||(te.increment(),oe())},le="marryBaby"===T;return console.log({isMarryBaby:le}),_.default.createElement(r.OnboardingContext.Provider,{value:{siteType:T,isMarryBaby:le}},_.default.createElement(V,e.__assign({},L),s.length>0?_.default.createElement(H,null,_.default.createElement(U,{"data-has-banner":"object"==typeof k},q===exports.OnboardingStep.Phone&&_.default.createElement(r.OnboardingForm,{onClose:a,canSkip:i,onSubmit:function(n){return e.__awaiter(void 0,void 0,void 0,(function(){var t;return e.__generator(this,(function(e){switch(e.label){case 0:return e.trys.push([0,2,,3]),A(n),[4,null==u?void 0:u(n)];case 1:return e.sent(),re(),[3,3];case 2:return t=e.sent(),console.error(t),[3,3];case 3:return[2]}}))}))},customFormTexts:S.onboarding}),q===exports.OnboardingStep.OTP&&_.default.createElement(R,{onClose:a,onSubmit:ae,phone:F,onResendCode:h,otpError:x,loading:w,canSkip:i,onBack:ie,outOfEdit:ne>=2}),q===exports.OnboardingStep.OTPEmail&&_.default.createElement(R,{onClose:a,onSubmit:ae,onResendCode:h,otpError:x,loading:w,canSkip:i,onBack:ie,outOfEdit:ne>=2,email:X}),q===exports.OnboardingStep.PersonalInfo&&_.default.createElement(z,{initialData:null==O?void 0:O[exports.OnboardingStep.PersonalInfo],onClose:a,canSkip:i,onSubmit:function(n){return e.__awaiter(void 0,void 0,void 0,(function(){var t;return e.__generator(this,(function(e){switch(e.label){case 0:return e.trys.push([0,2,,3]),$((null==n?void 0:n.email)||""),[4,null==f?void 0:f(n)];case 1:return!e.sent()&&re(),[3,3];case 2:return t=e.sent(),console.error(t),[3,3];case 3:return[2]}}))}))},errorMessage:E,loading:v}),q===exports.OnboardingStep.UpdatePassword&&_.default.createElement(D,{onClose:a,canSkip:i,onSubmit:function(n){return e.__awaiter(void 0,void 0,void 0,(function(){var t;return e.__generator(this,(function(e){switch(e.label){case 0:return e.trys.push([0,2,,3]),[4,null==b?void 0:b(n)];case 1:return e.sent(),!y&&re(),[3,3];case 2:return t=e.sent(),console.error(t),[3,3];case 3:return[2]}}))}))},errorMessage:y,loading:P}),q===exports.OnboardingStep.Result&&_.default.createElement(r.FormSection,e.__assign({},C),_.default.createElement(p.Button,{theme:T,size:"lg",onClick:a,className:"form-button"},j("onboarding.button.continue")))),"object"==typeof k&&_.default.createElement(Q,null,_.default.createElement(W,{"data-is-marry-baby":le},_.default.createElement(K,null,(null==k?void 0:k.heading)&&_.default.createElement(Z,{tag:"h1"},null==k?void 0:k.heading),(null==k?void 0:k.description)&&_.default.createElement(G,{size:"p1",color:g.theme.colors.gray800},j("onboarding.welcomeScreen.content"))),(null==k?void 0:k.imgSrc)&&_.default.createElement(J,null,_.default.createElement(Y,{src:null==k?void 0:k.imgSrc,loading:"lazy"}))))):"Incorrect flow"))},exports.OtpForm=R;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tslib.es6-edc720a6.js"),n=require("react"),t=require("@mantine/hooks"),r=require("./index-c547a281.js"),o=require("@mantine/core"),a=require("@mantine/form"),i=require("lodash/throttle"),l=require("./Locale-c36ebd32.js"),s=require("styled-components"),d=require("./utils-7a17dcfb.js"),u=require("./index-dcc7d016.js"),c=require("./index-5e04811a.js"),p=require("./index-b992c35b.js"),m=require("./useTranslations-01d5166e.js"),g=require("./theme-37595e4f.js"),f=require("date-fns"),b=require("./index-5d6f2002.js"),h=require("./index-05a3be08.js"),x=require("./Visible-95d414d9.js"),E=require("./index-5f8ec952.js");function y(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("yup"),require("./logoIcon-dfc9715e.js"),require("./gAssets.js"),require("./index-afebf409.js"),require("./isProduction-7e357d28.js"),require("./translationsContext-51c97003.js"),require("string-format"),require("@mantine/dates"),require("./Vietnam-3e8302a5.js");var v,_=y(n),P=y(i),w=y(s);(v={})[l.LOCALE.Vietnam]="VN",v[l.LOCALE.Cambodia]="KH",v[l.LOCALE.Indonesia]="ID",v[l.LOCALE.Malaysia]="MY",v[l.LOCALE.PhilippinesEnglish]="PH",v[l.LOCALE.PhilippinesTagalog]="PH",v[l.LOCALE.Taiwan]="TW",v[l.LOCALE.Thailand]="TH",v[l.LOCALE.Myanmar]="MM";var S,O,k,C,T,L,j,I,q,M,B,F,A=function(e){void 0===e&&(e="");var n=e.indexOf("@"),t=e.substring(0,n),r=t.length>3?3:t.length;return e.replace(e.substring(r,n),e.slice(r,n).replace(/./g,"x"))},N=w.default(r.FormSection)(S||(S=e.__makeTemplateObject(["\n  .otp-input {\n    margin-bottom: 36px;\n    "," {\n      margin-bottom: 20px;\n    }\n    .otpContainer {\n      margin-bottom: 16px;\n    }\n  }\n  .resend {\n    display: flex;\n    gap: 6px;\n    margin-bottom: 32px;\n    "," {\n      margin-bottom: 16px;\n    }\n    a {\n      text-decoration: underline;\n      cursor: pointer;\n    }\n  }\n  .phone-description {\n    margin-left: 2px;\n    margin-top: 2px;\n  }\n  .otp-description-edit-icon {\n    cursor: pointer;\n    vertical-align: bottom;\n    /* height: 100%; */\n    margin-bottom: 3px;\n    margin-left: 3px;\n  }\n"],["\n  .otp-input {\n    margin-bottom: 36px;\n    "," {\n      margin-bottom: 20px;\n    }\n    .otpContainer {\n      margin-bottom: 16px;\n    }\n  }\n  .resend {\n    display: flex;\n    gap: 6px;\n    margin-bottom: 32px;\n    "," {\n      margin-bottom: 16px;\n    }\n    a {\n      text-decoration: underline;\n      cursor: pointer;\n    }\n  }\n  .phone-description {\n    margin-left: 2px;\n    margin-top: 2px;\n  }\n  .otp-description-edit-icon {\n    cursor: pointer;\n    vertical-align: bottom;\n    /* height: 100%; */\n    margin-bottom: 3px;\n    margin-left: 3px;\n  }\n"])),d.MediaQueries.mbDown,d.MediaQueries.mbDown),R=function(i){var l=i.onSubmit,s=i.phone,d=i.email,f=i.onResendCode,b=i.otpError,h=i.onClose,x=i.loading,E=i.onBack,y=i.canSkip,v=i.outOfEdit,w=n.useContext(r.OnboardingContext),S=w.siteType,O=w.isMarryBaby,k=n.useState(30),C=k[0],T=k[1],L=t.useInterval((function(){return T((function(e){return e-1}))}),1e3),j=t.useCounter(0,{min:0,max:3}),I=j[0],q=j[1],M=n.useRef(!0),B=m.useTranslations().t;n.useEffect((function(){return L.start(),L.stop}),[]),n.useEffect((function(){0===C&&(L.stop(),M.current=!1)}),[C]);var F=a.useForm({initialValues:{otp:""},validate:a.yupResolver(r.otpSchema(B))});n.useEffect((function(){b&&F.setFieldError("otp",b)}),[b]);var R=n.useMemo((function(){return P.default((function(){M.current||(q.increment(),T(30),null==f||f(s||d),L.start(),M.current=!0)}),1e3,{trailing:!1})}),[s,d,f,L]);return _.default.createElement(N,{heading:B("onboarding.otpForm.heading"),description:_.default.createElement(_.default.Fragment,null,_.default.createElement("span",{dangerouslySetInnerHTML:{__html:s?B("onboarding.otpForm.description",{phone:'<b style="color:'.concat(g.theme.colors.gray800,'">').concat(s.slice(0,-3).replace(/./g,"x").concat(s.slice(-3)),"</b>")}):B("onboarding.otpForm.descriptionEmail",{email:'<b style="color:'.concat(g.theme.colors.gray800,'">').concat(A(d),"</b>")})}}),!v&&_.default.createElement("svg",{onClick:function(){null==E||E()},width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"otp-description-edit-icon"},_.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"})))},_.default.createElement("form",{onSubmit:F.onSubmit((function(n){return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){return q.increment(),l(n.otp),[2]}))}))}),(function(e){console.log(e)}))},_.default.createElement("div",{className:"otp-input"},_.default.createElement(u.OTP,e.__assign({enterKeyHint:void 0,nonce:void 0},F.getInputProps("otp"))),_.default.createElement(o.Input.Error,null,F.errors.otp)),_.default.createElement("div",{className:"resend"},_.default.createElement(c.Text,{size:"p4",color:g.theme.colors.gray400},B("onboarding.otpForm.notReceiveOTP")),_.default.createElement(c.Text,{as:"a",size:"p4",color:O?g.theme.mbColors.pink:g.theme.colors.primaryBase,onClick:R},B("onboarding.otpForm.resendCode",{seconds:C}))),_.default.createElement(p.Button,{theme:S,color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:x,disabled:x,"data-event-category":"Sign Up","data-event-action":"Confirm Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},B("onboarding.button.continue")),y&&I>=3&&_.default.createElement(p.Button,{theme:S,color:"ghost",isBlock:!0,size:"lg",onClick:h,type:"button"},B("onboarding.button.skip"))))},z=function(t){var i=t.onClose,l=t.onSubmit,s=t.canSkip,d=t.loading,u=t.errorMessage,c=t.initialData,g=m.useTranslations().t,h=n.useContext(r.OnboardingContext).siteType,x=a.useForm({validate:a.yupResolver(r.onboardingEmailSchema(g))});return n.useEffect((function(){x.setValues(e.__assign(e.__assign({gender:"0"},c),(null==c?void 0:c.birthday)&&{birthday:new Date(c.birthday)}))}),[c]),n.useEffect((function(){u&&x.setFieldError("email",u)}),[u]),_.default.createElement(r.FormSection,{heading:g("onboarding.formEmail.heading"),description:g("onboarding.formEmail.description")},_.default.createElement("form",{className:"form",onSubmit:x.onSubmit((function(n){l(e.__assign(e.__assign({},n),{birthday:n.birthday&&f.format(n.birthday,"yyyy-MM-dd")}))}),(function(e){console.log({fieldErrors:e})}))},_.default.createElement(o.Input.Wrapper,{label:g("onboarding.formEmail.yourName"),className:"input-control",withAsterisk:!0},_.default.createElement(o.Input,e.__assign({},x.getInputProps("name"))),_.default.createElement(o.Input.Error,{className:"field-error"},x.errors.name)),_.default.createElement(o.Input.Wrapper,{label:g("onboarding.formEmail.yourEmail"),className:"input-control",withAsterisk:!0},_.default.createElement(o.Input,e.__assign({},x.getInputProps("email"))),_.default.createElement(o.Input.Error,{className:"field-error"},x.errors.email)),_.default.createElement(b.DatePicker,e.__assign({className:"input-control",label:g("onboarding.formEmail.yourBirthday")},x.getInputProps("birthday"))),_.default.createElement(b.Radio.Group,{value:x.values.gender,onChange:function(e){return x.setFieldValue("gender",e)},className:"radio-group"},_.default.createElement(b.Radio,{value:"0",label:g("onboarding.formEmail.genderMale")}),_.default.createElement(b.Radio,{value:"1",label:g("onboarding.formEmail.genderFemale")})),_.default.createElement(p.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit",theme:h,isLoading:d,disabled:d},g("onboarding.button.continue")),s&&_.default.createElement(p.Button,{theme:h,color:"ghost",isBlock:!0,size:"lg",onClick:i},g("onboarding.button.skip"))))},D=function(n){var t=n.onClose,i=n.onSubmit,l=n.canSkip,s=n.errorMessage,d=n.loading,u=m.useTranslations().t,c=a.useForm({initialValues:{password:"",confirmPassword:""},validate:a.yupResolver(r.onboardingUpdatePasswordSchema(u))});return _.default.createElement(r.FormSection,{heading:u("onboarding.updatePassword.heading"),description:u("onboarding.updatePassword.description")},_.default.createElement("form",{className:"form",onSubmit:c.onSubmit((function(e){return i((null==e?void 0:e.password)||"")}),(function(e){console.log({fieldErrors:e})}))},_.default.createElement(h.PasswordInput,e.__assign({label:u("onboarding.updatePassword.password"),withAsterisk:!0,rightSection:_.default.createElement(x.Visible,null)},c.getInputProps("password"))),_.default.createElement(h.PasswordInput,e.__assign({label:u("onboarding.updatePassword.confirmPassword"),withAsterisk:!0,rightSection:_.default.createElement(x.Visible,null)},c.getInputProps("confirmPassword"))),_.default.createElement(p.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:d,disabled:d},u("onboarding.button.continue")),l&&_.default.createElement(p.Button,{color:"ghost",isBlock:!0,size:"lg",onClick:t},u("onboarding.button.skip")),s&&_.default.createElement(o.Input.Error,{className:"form-error"},s)))},V=w.default.div(O||(O=e.__makeTemplateObject(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 1000;\n  background: white;\n  overflow-y: auto;\n"],["\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 1000;\n  background: white;\n  overflow-y: auto;\n"]))),H=w.default.div(k||(k=e.__makeTemplateObject(["\n  height: 100%;\n  "," {\n    display: table;\n    width: 100%;\n    height: calc(100% - 25px);\n  }\n"],["\n  height: 100%;\n  "," {\n    display: table;\n    width: 100%;\n    height: calc(100% - 25px);\n  }\n"])),d.MediaQueries.lgPcUp),U=w.default.div(C||(C=e.__makeTemplateObject(["\n  padding: 48px 24px 24px;\n\n  "," {\n    display: table-cell;\n\n    &[data-has-banner='true'] {\n      width: calc(100% - 640px);\n    }\n  }\n"],["\n  padding: 48px 24px 24px;\n\n  "," {\n    display: table-cell;\n\n    &[data-has-banner='true'] {\n      width: calc(100% - 640px);\n    }\n  }\n"])),d.MediaQueries.lgPcUp),Q=w.default.div(T||(T=e.__makeTemplateObject(["\n  width: 640px;\n  padding: 16px 16px 0 16px;\n  display: none;\n\n  "," {\n    width: 640px;\n    display: table-cell;\n  }\n"],["\n  width: 640px;\n  padding: 16px 16px 0 16px;\n  display: none;\n\n  "," {\n    width: 640px;\n    display: table-cell;\n  }\n"])),d.MediaQueries.lgPcUp),W=w.default.div(L||(L=e.__makeTemplateObject(["\n  background-color: ",";\n  border-radius: 12px;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n\n  &[data-is-marry-baby='true'] {\n    background-color: ",";\n  }\n"],["\n  background-color: ",";\n  border-radius: 12px;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n\n  &[data-is-marry-baby='true'] {\n    background-color: ",";\n  }\n"])),g.theme.colors.blue50,g.theme.mbColors.tonePink),K=w.default.div(j||(j=e.__makeTemplateObject(["\n  margin-top: 40px;\n  padding: 24px 40px;\n"],["\n  margin-top: 40px;\n  padding: 24px 40px;\n"]))),Z=w.default(E.Heading)(I||(I=e.__makeTemplateObject(["\n  margin-bottom: 24px;\n  text-align: center;\n"],["\n  margin-bottom: 24px;\n  text-align: center;\n"]))),G=w.default(c.Text)(q||(q=e.__makeTemplateObject([""],[""]))),Y=w.default.img(M||(M=e.__makeTemplateObject(["\n  width: 100%;\n  display: block;\n"],["\n  width: 100%;\n  display: block;\n"]))),J=w.default.div(B||(B=e.__makeTemplateObject([""],[""])));exports.OnboardingStep=void 0,(F=exports.OnboardingStep||(exports.OnboardingStep={}))[F.Phone=0]="Phone",F[F.OTP=1]="OTP",F[F.OTPEmail=2]="OTPEmail",F[F.PersonalInfo=3]="PersonalInfo",F[F.UpdatePassword=4]="UpdatePassword",F[F.Result=5]="Result";exports.MAPPED_LOCALE=r.MAPPED_LOCALE,exports.OnboardingForm=r.OnboardingForm,exports.OnboardingModal=function(o){var a=o.onClose,i=o.canSkip,l=o.flow,s=void 0===l?[exports.OnboardingStep.Phone,exports.OnboardingStep.OTP]:l,d=o.step,u=o.onPhoneSubmit,c=o.onOtpSubmit,f=o.onPersonalInfoSubmit,b=o.onCreatePassByEmail,h=o.onResendCode,x=o.otpError,E=o.personalInfoError,y=o.createPassError,v=o.emailLoading,P=o.createPassLoading,w=o.otpLoading,S=o.customFormTexts,O=o.initialData,k=o.banner,C=o.resultScreenProps,T=o.siteType,L=e.__rest(o,["onClose","canSkip","flow","step","onPhoneSubmit","onOtpSubmit","onPersonalInfoSubmit","onCreatePassByEmail","onResendCode","otpError","personalInfoError","createPassError","emailLoading","createPassLoading","otpLoading","customFormTexts","initialData","banner","resultScreenProps","siteType"]),j=m.useTranslations().t,I=n.useState(d||s[0]),q=I[0],M=I[1],B=n.useState(""),F=B[0],A=B[1],N=n.useState(""),X=N[0],$=N[1],ee=t.useCounter(0,{min:0,max:2}),ne=ee[0],te=ee[1],re=n.useCallback((function(){var e=s.indexOf(q)+1;e<=s.length-1&&M(s[e])}),[q]),oe=n.useCallback((function(){var e=s.indexOf(q)-1;e>=0&&M(s[e])}),[q]),ae=function(n){return e.__awaiter(void 0,void 0,void 0,(function(){var t;return e.__generator(this,(function(e){switch(e.label){case 0:return e.trys.push([0,2,,3]),[4,c(n)];case 1:return!e.sent()&&re(),[3,3];case 2:return t=e.sent(),console.error(t),[3,3];case 3:return[2]}}))}))},ie=function(){ne>=2||(te.increment(),oe())},le="marryBaby"===T;return console.log({isMarryBaby:le}),_.default.createElement(r.OnboardingContext.Provider,{value:{siteType:T,isMarryBaby:le}},_.default.createElement(V,e.__assign({},L),s.length>0?_.default.createElement(H,null,_.default.createElement(U,{"data-has-banner":"object"==typeof k},q===exports.OnboardingStep.Phone&&_.default.createElement(r.OnboardingForm,{onClose:a,canSkip:i,onSubmit:function(n){return e.__awaiter(void 0,void 0,void 0,(function(){var t;return e.__generator(this,(function(e){switch(e.label){case 0:return e.trys.push([0,2,,3]),A(n),[4,null==u?void 0:u(n)];case 1:return e.sent(),re(),[3,3];case 2:return t=e.sent(),console.error(t),[3,3];case 3:return[2]}}))}))},customFormTexts:S.onboarding}),q===exports.OnboardingStep.OTP&&_.default.createElement(R,{onClose:a,onSubmit:ae,phone:F,onResendCode:h,otpError:x,loading:w,canSkip:i,onBack:ie,outOfEdit:ne>=2}),q===exports.OnboardingStep.OTPEmail&&_.default.createElement(R,{onClose:a,onSubmit:ae,onResendCode:h,otpError:x,loading:w,canSkip:i,onBack:ie,outOfEdit:ne>=2,email:X}),q===exports.OnboardingStep.PersonalInfo&&_.default.createElement(z,{initialData:null==O?void 0:O[exports.OnboardingStep.PersonalInfo],onClose:a,canSkip:i,onSubmit:function(n){return e.__awaiter(void 0,void 0,void 0,(function(){var t;return e.__generator(this,(function(e){switch(e.label){case 0:return e.trys.push([0,2,,3]),$((null==n?void 0:n.email)||""),[4,null==f?void 0:f(n)];case 1:return!e.sent()&&re(),[3,3];case 2:return t=e.sent(),console.error(t),[3,3];case 3:return[2]}}))}))},errorMessage:E,loading:v}),q===exports.OnboardingStep.UpdatePassword&&_.default.createElement(D,{onClose:a,canSkip:i,onSubmit:function(n){return e.__awaiter(void 0,void 0,void 0,(function(){var t;return e.__generator(this,(function(e){switch(e.label){case 0:return e.trys.push([0,2,,3]),[4,null==b?void 0:b(n)];case 1:return e.sent(),!y&&re(),[3,3];case 2:return t=e.sent(),console.error(t),[3,3];case 3:return[2]}}))}))},errorMessage:y,loading:P}),q===exports.OnboardingStep.Result&&_.default.createElement(r.FormSection,e.__assign({},C),_.default.createElement(p.Button,{theme:T,size:"lg",onClick:a,className:"form-button"},j("onboarding.button.continue")))),"object"==typeof k&&_.default.createElement(Q,null,_.default.createElement(W,{"data-is-marry-baby":le},_.default.createElement(K,null,(null==k?void 0:k.heading)&&_.default.createElement(Z,{tag:"h1"},null==k?void 0:k.heading),(null==k?void 0:k.description)&&_.default.createElement(G,{size:"p1",color:g.theme.colors.gray800},j("onboarding.welcomeScreen.content"))),(null==k?void 0:k.imgSrc)&&_.default.createElement(J,null,_.default.createElement(Y,{src:null==k?void 0:k.imgSrc,loading:"lazy"}))))):"Incorrect flow"))},exports.OtpForm=R;

package/build/pwg.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tslib.es6-96fcc615.js"),t=require("react"),n=require("./index-bd75c89f.js"),a=require("./index-f588a087.js"),r=require("./index-60481015.js"),l=require("./useTranslations-92f77339.js"),i=require("./theme-2df74df1.js"),o=require("recharts"),c=require("./index-029f5658.js"),s=require("./useOutsideClick-5089283e.js"),d=require("styled-components");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./gAssets.js"),require("./index-954c1ca7.js"),require("./Locale-788f0a76.js"),require("./isProduction-a249b948.js"),require("./index-e154e989.js"),require("@mantine/carousel"),require("@mantine/hooks"),require("./translationsContext-ea159be8.js"),require("string-format");var m,p,f,g,x=u(t),h=u(d),y=function(t){var n=t.weightByWeek,a=t.weightBefore,r=t.toolTipLabel,l=t.status,i=t.activeWeek,o=(0,t.t)("bmi.result.".concat(l));return n.map((function(t){return e.__assign({name:t.week,min:a+t.min,difference:t.max-t.min,max:a+t.max},t.week===i?{toolTipLabel:r,translatedStatus:o,status:l}:{})}))},b=function(e){var t=e.x,n=e.y,a=e.payload;return e.activeWeek===a.value?x.default.createElement("g",{transform:"translate(".concat(t,",").concat(n,")")},x.default.createElement("circle",{r:12,fill:"marryBaby"===e.siteType?i.theme.mbColors.pink:i.theme.colors.primaryBase}),x.default.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:i.theme.colors.white,fontFamily:"Inter",fontWeight:"600",fontSize:"12px"},a.value)):x.default.createElement("g",{transform:"translate(".concat(t,",").concat(n,")")},x.default.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:i.theme.colors.gray600,fontFamily:"Inter",fontWeight:"400",fontSize:"12px"},a.value))},k=h.default.div(m||(m=e.__makeTemplateObject(["\n  /* position: absolute; */\n  display: flex;\n  flex-direction: column;\n  padding: 8px 12px;\n  gap: 4px;\n\n  min-width: 145px;\n  max-width: 220px;\n  min-height: 50px;\n  border-radius: 4px;\n  background: rgba(255, 255, 255, 0.2);\n  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);\n  backdrop-filter: blur(5px);\n  -webkit-backdrop-filter: blur(5px);\n  border: 1px solid rgba(255, 255, 255, 0.3);\n  /* .risk {\n    display: flex;\n    align-items: center;\n    padding: 4px 8px;\n    background: ",";\n    border-radius: 3px;\n  } */\n  & > * {\n    display: flex;\n    gap: 4px;\n    align-items: center;\n  }\n  .risk {\n    display: inline-flex;\n    padding: 2px 8px;\n    border-radius: 2px;\n    background: #ffffff;\n  }\n"],["\n  /* position: absolute; */\n  display: flex;\n  flex-direction: column;\n  padding: 8px 12px;\n  gap: 4px;\n\n  min-width: 145px;\n  max-width: 220px;\n  min-height: 50px;\n  border-radius: 4px;\n  background: rgba(255, 255, 255, 0.2);\n  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);\n  backdrop-filter: blur(5px);\n  -webkit-backdrop-filter: blur(5px);\n  border: 1px solid rgba(255, 255, 255, 0.3);\n  /* .risk {\n    display: flex;\n    align-items: center;\n    padding: 4px 8px;\n    background: ",";\n    border-radius: 3px;\n  } */\n  & > * {\n    display: flex;\n    gap: 4px;\n    align-items: center;\n  }\n  .risk {\n    display: inline-flex;\n    padding: 2px 8px;\n    border-radius: 2px;\n    background: #ffffff;\n  }\n"])),i.theme.colors.yellow600),v=h.default.div(p||(p=e.__makeTemplateObject(["\n  position: relative;\n  width: 100%;\n  .custom-chart-label {\n    display: flex;\n    width: 100%;\n    justify-content: space-between;\n    align-items: center;\n  }\n  .chart-legend {\n    display: flex;\n    justify-content: space-between;\n  }\n"],["\n  position: relative;\n  width: 100%;\n  .custom-chart-label {\n    display: flex;\n    width: 100%;\n    justify-content: space-between;\n    align-items: center;\n  }\n  .chart-legend {\n    display: flex;\n    justify-content: space-between;\n  }\n"]))),w=h.default.div(f||(f=e.__makeTemplateObject(["\n  display: flex;\n  gap: 40px;\n  justify-content: center;\n  margin-bottom: 8px;\n  & > div {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n  }\n"],["\n  display: flex;\n  gap: 40px;\n  justify-content: center;\n  margin-bottom: 8px;\n  & > div {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n  }\n"]))),E=[{name:"overweight",backgroundColor:i.theme.colors.yellow50,color:i.theme.colors.yellow900},{name:"underweight",backgroundColor:i.theme.colors.yellow50,color:i.theme.colors.yellow900},{name:"healthy",backgroundColor:i.theme.colors.green50,color:i.theme.colors.green900}],T=function(e){var n,r,l,o,c,s=e.payload,d=e.active,u=null===(n=null==s?void 0:s[0])||void 0===n?void 0:n.payload;if(!u||!u.toolTipLabel||!d)return null;var m=t.useMemo((function(){return E.find((function(e){return e.name===u.status}))}),[null==u?void 0:u.status]),p=m.backgroundColor,f=m.color;return x.default.createElement(k,null,x.default.createElement("div",null,null===(r=u.toolTipLabel)||void 0===r?void 0:r[0]," ",null===(l=u.toolTipLabel)||void 0===l?void 0:l[1]),x.default.createElement("div",null,(null===(o=u.toolTipLabel)||void 0===o?void 0:o[2])&&x.default.createElement(a.Text,{as:"span",size:"s3",color:i.theme.colors.gray800,type:"semiBold"},null===(c=u.toolTipLabel)||void 0===c?void 0:c[2]),x.default.createElement("div",{className:"risk",style:{backgroundColor:p}},x.default.createElement(a.Text,{size:"n1",color:f},u.translatedStatus))))},C=function(r){var d=r.weightBefore,u=r.weightByWeek,m=r.activeWeek,p=r.currentWeight,f=r.toolTipLabel,g=void 0===f?[]:f,h=r.status,k=r.withLine,w=void 0!==k&&k,E=r.siteType,C=l.useTranslations().t,j="marryBaby"===E,B=t.useMemo((function(){return y({weightByWeek:u,weightBefore:d,toolTipLabel:g,status:h,activeWeek:m,t:C})}),[u,d,g,h,m]),_=t.useState(!1),q=_[0],W=_[1],M=t.useRef(null);return s.useOutsideClick(M,(function(){return W(!1)})),x.default.createElement(v,null,j?x.default.createElement(n.MarryBabyText,{type:"bodytext-3",color:i.theme.mbColors.dark}," ",C("babyGrowth.weight")," ",C("pregnancyWeightGain.weightInput.desc")):x.default.createElement(a.Text,{size:"n1",color:i.theme.colors.gray500},C("babyGrowth.weight")," ",C("pregnancyWeightGain.weightInput.desc")),Array.isArray(B)&&B.length>0&&x.default.createElement(v,null,x.default.createElement(o.ResponsiveContainer,{height:388,className:"chart"},x.default.createElement(o.AreaChart,{data:B,margin:{top:16,right:0,left:0}},x.default.createElement(o.CartesianGrid,{stroke:i.theme.colors.neutral100}),x.default.createElement(o.Tooltip,{trigger:"click",content:function(t){return x.default.createElement(T,e.__assign({active:!w&&q&&void 0!==m&&void 0!==p},t))}}),x.default.createElement(o.XAxis,{type:"number",scale:"linear",ticks:Array.from({length:40},(function(e,t){return t+1})),dataKey:"name",tickLine:!1,tickMargin:12,tick:function(t){return x.default.createElement(b,e.__assign({},t,{activeWeek:m,siteType:E}))},domain:["dataMin","dataMax"],interval:"preserveStartEnd",tickCount:1,allowDecimals:!1}),x.default.createElement(o.YAxis,{domain:[function(e){return Math.max(e,d-10||e)},function(e){return Math.max(e,d+20||e)}],type:"number",scale:"auto",interval:"preserveStartEnd",tickLine:!1,tickMargin:7,width:45,tickCount:10,allowDecimals:!0,tickFormatter:function(e){return String(Math.round(100*(e+Number.EPSILON))/100)},tick:{fontFamily:"Inter",fontWeight:400,fontSize:12,color:i.theme.colors.gray600}}),x.default.createElement(o.Area,{connectNulls:!0,type:"monotone",dataKey:"min",stackId:"1",stroke:"transparent",fill:"transparent"}),x.default.createElement(o.Area,{connectNulls:!0,type:"monotone",dataKey:"difference",stackId:"1",stroke:"transparent",fill:j?i.theme.mbColors.tonePink:i.theme.colors.blue100}),void 0!==m&&void 0!==p&&x.default.createElement(o.ReferenceDot,{onClick:function(){return W(!0)},x:0===m?1:m,y:p,r:4,shape:x.default.createElement(c.CustomReferenceDot,{ref:M,r:4}),fill:j?i.theme.mbColors.pink:i.theme.colors.primaryBase,stroke:j?i.theme.mbColors.pink:i.theme.colors.primaryBase}))),x.default.createElement("div",{className:"custom-chart-label"},x.default.createElement("i",null),j?x.default.createElement(n.MarryBabyText,{type:"bodytext-3",color:i.theme.mbColors.dark},C("pregnancy.week")):x.default.createElement(a.Text,{size:"n1",color:i.theme.colors.gray500},C("pregnancy.week")))))},j=function(t){var n=t.color,a=e.__rest(t,["color"]);return x.default.createElement("svg",e.__assign({width:"8",height:"8",viewBox:"0 0 8 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a),x.default.createElement("circle",{cx:"4",cy:"4",r:"4",fill:n||i.theme.colors.primaryBase}))},B=function(e){var t=e.idealWeight,r=e.siteType,o=l.useTranslations().t,c="marryBaby"===r;return x.default.createElement(w,null,x.default.createElement("div",null,c?x.default.createElement(x.default.Fragment,null,x.default.createElement(j,{color:i.theme.mbColors.lightPink}),x.default.createElement(n.MarryBabyText,{type:"bodytext-3",color:i.theme.mbColors.dark},o("pregnancyTool.weightSuggested")," ",x.default.createElement(a.Text,{size:"n1",color:i.theme.colors.gray800,type:"bold",as:"span"},t))):x.default.createElement(x.default.Fragment,null,x.default.createElement(j,{color:i.theme.colors.blue100}),x.default.createElement(a.Text,{size:"n1",color:i.theme.colors.gray600},x.default.createElement(a.Text,{size:"n1",as:"span"},o("pregnancyTool.weightSuggested")," "),x.default.createElement(a.Text,{size:"n1",color:i.theme.colors.gray800,type:"bold",as:"span"},t)))),x.default.createElement("div",null,c?x.default.createElement(x.default.Fragment,null,x.default.createElement(j,{color:i.theme.mbColors.pink}),x.default.createElement(n.MarryBabyText,{type:"bodytext-3",color:i.theme.mbColors.dark},o("pwg.placeholder.weight"))):x.default.createElement(x.default.Fragment,null,x.default.createElement(j,null),x.default.createElement(a.Text,{size:"n1",color:i.theme.colors.gray600},o("pwg.placeholder.weight")))))},_=h.default.div(g||(g=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 24px 16px;\n  width: 100%;\n  gap: 24px;\n  border: 1px solid ",";\n  border-radius: 8px;\n  .chart-header {\n    text-align: center;\n  }\n  > div {\n    width: 100%;\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 24px 16px;\n  width: 100%;\n  gap: 24px;\n  border: 1px solid ",";\n  border-radius: 8px;\n  .chart-header {\n    text-align: center;\n  }\n  > div {\n    width: 100%;\n  }\n"])),i.theme.colors.neutral100);exports.PregnancyWeightGainChart=function(t){var o=t.chartProps,c=t.pillCarouselProps,s=t.idealWeight,d=t.description,u=t.siteType,m=l.useTranslations().t,p="marryBaby"===u;return x.default.createElement(_,null,x.default.createElement("div",{className:"chart-header"},p?x.default.createElement(n.MarryBabyHeading,{type:"h3",color:i.theme.mbColors.dark},m("pregnancyTool.weightSuggested")):x.default.createElement(a.Text,{size:"s1",type:"semiBold",color:i.theme.colors.gray800},m("pregnancyTool.weightSuggested")),d&&d),x.default.createElement(r.PillCarousel,e.__assign({},c)),x.default.createElement("div",null,x.default.createElement(B,{idealWeight:s,siteType:u}),x.default.createElement(C,e.__assign({},o,{siteType:u}))))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tslib.es6-edc720a6.js"),t=require("react"),n=require("./index-f4abac2c.js"),a=require("./index-5e04811a.js"),r=require("./index-abde1a9a.js"),l=require("./useTranslations-01d5166e.js"),i=require("./theme-37595e4f.js"),o=require("recharts"),c=require("./index-b929ac3e.js"),s=require("./useOutsideClick-8d68f272.js"),d=require("styled-components");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./gAssets.js"),require("./index-afebf409.js"),require("./Locale-c36ebd32.js"),require("./isProduction-7e357d28.js"),require("./index-39b585ec.js"),require("@mantine/carousel"),require("@mantine/hooks"),require("./translationsContext-51c97003.js"),require("string-format");var m,p,f,g,x=u(t),h=u(d),y=function(t){var n=t.weightByWeek,a=t.weightBefore,r=t.toolTipLabel,l=t.status,i=t.activeWeek,o=(0,t.t)("bmi.result.".concat(l));return n.map((function(t){return e.__assign({name:t.week,min:a+t.min,difference:t.max-t.min,max:a+t.max},t.week===i?{toolTipLabel:r,translatedStatus:o,status:l}:{})}))},b=function(e){var t=e.x,n=e.y,a=e.payload;return e.activeWeek===a.value?x.default.createElement("g",{transform:"translate(".concat(t,",").concat(n,")")},x.default.createElement("circle",{r:12,fill:"marryBaby"===e.siteType?i.theme.mbColors.pink:i.theme.colors.primaryBase}),x.default.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:i.theme.colors.white,fontFamily:"Inter",fontWeight:"600",fontSize:"12px"},a.value)):x.default.createElement("g",{transform:"translate(".concat(t,",").concat(n,")")},x.default.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:i.theme.colors.gray600,fontFamily:"Inter",fontWeight:"400",fontSize:"12px"},a.value))},k=h.default.div(m||(m=e.__makeTemplateObject(["\n  /* position: absolute; */\n  display: flex;\n  flex-direction: column;\n  padding: 8px 12px;\n  gap: 4px;\n\n  min-width: 145px;\n  max-width: 220px;\n  min-height: 50px;\n  border-radius: 4px;\n  background: rgba(255, 255, 255, 0.2);\n  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);\n  backdrop-filter: blur(5px);\n  -webkit-backdrop-filter: blur(5px);\n  border: 1px solid rgba(255, 255, 255, 0.3);\n  /* .risk {\n    display: flex;\n    align-items: center;\n    padding: 4px 8px;\n    background: ",";\n    border-radius: 3px;\n  } */\n  & > * {\n    display: flex;\n    gap: 4px;\n    align-items: center;\n  }\n  .risk {\n    display: inline-flex;\n    padding: 2px 8px;\n    border-radius: 2px;\n    background: #ffffff;\n  }\n"],["\n  /* position: absolute; */\n  display: flex;\n  flex-direction: column;\n  padding: 8px 12px;\n  gap: 4px;\n\n  min-width: 145px;\n  max-width: 220px;\n  min-height: 50px;\n  border-radius: 4px;\n  background: rgba(255, 255, 255, 0.2);\n  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);\n  backdrop-filter: blur(5px);\n  -webkit-backdrop-filter: blur(5px);\n  border: 1px solid rgba(255, 255, 255, 0.3);\n  /* .risk {\n    display: flex;\n    align-items: center;\n    padding: 4px 8px;\n    background: ",";\n    border-radius: 3px;\n  } */\n  & > * {\n    display: flex;\n    gap: 4px;\n    align-items: center;\n  }\n  .risk {\n    display: inline-flex;\n    padding: 2px 8px;\n    border-radius: 2px;\n    background: #ffffff;\n  }\n"])),i.theme.colors.yellow600),v=h.default.div(p||(p=e.__makeTemplateObject(["\n  position: relative;\n  width: 100%;\n  .custom-chart-label {\n    display: flex;\n    width: 100%;\n    justify-content: space-between;\n    align-items: center;\n  }\n  .chart-legend {\n    display: flex;\n    justify-content: space-between;\n  }\n"],["\n  position: relative;\n  width: 100%;\n  .custom-chart-label {\n    display: flex;\n    width: 100%;\n    justify-content: space-between;\n    align-items: center;\n  }\n  .chart-legend {\n    display: flex;\n    justify-content: space-between;\n  }\n"]))),w=h.default.div(f||(f=e.__makeTemplateObject(["\n  display: flex;\n  gap: 40px;\n  justify-content: center;\n  margin-bottom: 8px;\n  & > div {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n  }\n"],["\n  display: flex;\n  gap: 40px;\n  justify-content: center;\n  margin-bottom: 8px;\n  & > div {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n  }\n"]))),E=[{name:"overweight",backgroundColor:i.theme.colors.yellow50,color:i.theme.colors.yellow900},{name:"underweight",backgroundColor:i.theme.colors.yellow50,color:i.theme.colors.yellow900},{name:"healthy",backgroundColor:i.theme.colors.green50,color:i.theme.colors.green900}],T=function(e){var n,r,l,o,c,s=e.payload,d=e.active,u=null===(n=null==s?void 0:s[0])||void 0===n?void 0:n.payload;if(!u||!u.toolTipLabel||!d)return null;var m=t.useMemo((function(){return E.find((function(e){return e.name===u.status}))}),[null==u?void 0:u.status]),p=m.backgroundColor,f=m.color;return x.default.createElement(k,null,x.default.createElement("div",null,null===(r=u.toolTipLabel)||void 0===r?void 0:r[0]," ",null===(l=u.toolTipLabel)||void 0===l?void 0:l[1]),x.default.createElement("div",null,(null===(o=u.toolTipLabel)||void 0===o?void 0:o[2])&&x.default.createElement(a.Text,{as:"span",size:"s3",color:i.theme.colors.gray800,type:"semiBold"},null===(c=u.toolTipLabel)||void 0===c?void 0:c[2]),x.default.createElement("div",{className:"risk",style:{backgroundColor:p}},x.default.createElement(a.Text,{size:"n1",color:f},u.translatedStatus))))},C=function(r){var d=r.weightBefore,u=r.weightByWeek,m=r.activeWeek,p=r.currentWeight,f=r.toolTipLabel,g=void 0===f?[]:f,h=r.status,k=r.withLine,w=void 0!==k&&k,E=r.siteType,C=l.useTranslations().t,j="marryBaby"===E,B=t.useMemo((function(){return y({weightByWeek:u,weightBefore:d,toolTipLabel:g,status:h,activeWeek:m,t:C})}),[u,d,g,h,m]),_=t.useState(!1),q=_[0],W=_[1],M=t.useRef(null);return s.useOutsideClick(M,(function(){return W(!1)})),x.default.createElement(v,null,j?x.default.createElement(n.MarryBabyText,{type:"bodytext-3",color:i.theme.mbColors.dark}," ",C("babyGrowth.weight")," ",C("pregnancyWeightGain.weightInput.desc")):x.default.createElement(a.Text,{size:"n1",color:i.theme.colors.gray500},C("babyGrowth.weight")," ",C("pregnancyWeightGain.weightInput.desc")),Array.isArray(B)&&B.length>0&&x.default.createElement(v,null,x.default.createElement(o.ResponsiveContainer,{height:388,className:"chart"},x.default.createElement(o.AreaChart,{data:B,margin:{top:16,right:0,left:0}},x.default.createElement(o.CartesianGrid,{stroke:i.theme.colors.neutral100}),x.default.createElement(o.Tooltip,{trigger:"click",content:function(t){return x.default.createElement(T,e.__assign({active:!w&&q&&void 0!==m&&void 0!==p},t))}}),x.default.createElement(o.XAxis,{type:"number",scale:"linear",ticks:Array.from({length:40},(function(e,t){return t+1})),dataKey:"name",tickLine:!1,tickMargin:12,tick:function(t){return x.default.createElement(b,e.__assign({},t,{activeWeek:m,siteType:E}))},domain:["dataMin","dataMax"],interval:"preserveStartEnd",tickCount:1,allowDecimals:!1}),x.default.createElement(o.YAxis,{domain:[function(e){return Math.max(e,d-10||e)},function(e){return Math.max(e,d+20||e)}],type:"number",scale:"auto",interval:"preserveStartEnd",tickLine:!1,tickMargin:7,width:45,tickCount:10,allowDecimals:!0,tickFormatter:function(e){return String(Math.round(100*(e+Number.EPSILON))/100)},tick:{fontFamily:"Inter",fontWeight:400,fontSize:12,color:i.theme.colors.gray600}}),x.default.createElement(o.Area,{connectNulls:!0,type:"monotone",dataKey:"min",stackId:"1",stroke:"transparent",fill:"transparent"}),x.default.createElement(o.Area,{connectNulls:!0,type:"monotone",dataKey:"difference",stackId:"1",stroke:"transparent",fill:j?i.theme.mbColors.tonePink:i.theme.colors.blue100}),void 0!==m&&void 0!==p&&x.default.createElement(o.ReferenceDot,{onClick:function(){return W(!0)},x:0===m?1:m,y:p,r:4,shape:x.default.createElement(c.CustomReferenceDot,{ref:M,r:4}),fill:j?i.theme.mbColors.pink:i.theme.colors.primaryBase,stroke:j?i.theme.mbColors.pink:i.theme.colors.primaryBase}))),x.default.createElement("div",{className:"custom-chart-label"},x.default.createElement("i",null),j?x.default.createElement(n.MarryBabyText,{type:"bodytext-3",color:i.theme.mbColors.dark},C("pregnancy.week")):x.default.createElement(a.Text,{size:"n1",color:i.theme.colors.gray500},C("pregnancy.week")))))},j=function(t){var n=t.color,a=e.__rest(t,["color"]);return x.default.createElement("svg",e.__assign({width:"8",height:"8",viewBox:"0 0 8 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a),x.default.createElement("circle",{cx:"4",cy:"4",r:"4",fill:n||i.theme.colors.primaryBase}))},B=function(e){var t=e.idealWeight,r=e.siteType,o=l.useTranslations().t,c="marryBaby"===r;return x.default.createElement(w,null,x.default.createElement("div",null,c?x.default.createElement(x.default.Fragment,null,x.default.createElement(j,{color:i.theme.mbColors.lightPink}),x.default.createElement(n.MarryBabyText,{type:"bodytext-3",color:i.theme.mbColors.dark},o("pregnancyTool.weightSuggested")," ",x.default.createElement(a.Text,{size:"n1",color:i.theme.colors.gray800,type:"bold",as:"span"},t))):x.default.createElement(x.default.Fragment,null,x.default.createElement(j,{color:i.theme.colors.blue100}),x.default.createElement(a.Text,{size:"n1",color:i.theme.colors.gray600},x.default.createElement(a.Text,{size:"n1",as:"span"},o("pregnancyTool.weightSuggested")," "),x.default.createElement(a.Text,{size:"n1",color:i.theme.colors.gray800,type:"bold",as:"span"},t)))),x.default.createElement("div",null,c?x.default.createElement(x.default.Fragment,null,x.default.createElement(j,{color:i.theme.mbColors.pink}),x.default.createElement(n.MarryBabyText,{type:"bodytext-3",color:i.theme.mbColors.dark},o("pwg.placeholder.weight"))):x.default.createElement(x.default.Fragment,null,x.default.createElement(j,null),x.default.createElement(a.Text,{size:"n1",color:i.theme.colors.gray600},o("pwg.placeholder.weight")))))},_=h.default.div(g||(g=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 24px 16px;\n  width: 100%;\n  gap: 24px;\n  border: 1px solid ",";\n  border-radius: 8px;\n  .chart-header {\n    text-align: center;\n  }\n  > div {\n    width: 100%;\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 24px 16px;\n  width: 100%;\n  gap: 24px;\n  border: 1px solid ",";\n  border-radius: 8px;\n  .chart-header {\n    text-align: center;\n  }\n  > div {\n    width: 100%;\n  }\n"])),i.theme.colors.neutral100);exports.PregnancyWeightGainChart=function(t){var o=t.chartProps,c=t.pillCarouselProps,s=t.idealWeight,d=t.description,u=t.siteType,m=l.useTranslations().t,p="marryBaby"===u;return x.default.createElement(_,null,x.default.createElement("div",{className:"chart-header"},p?x.default.createElement(n.MarryBabyHeading,{type:"h3",color:i.theme.mbColors.dark},m("pregnancyTool.weightSuggested")):x.default.createElement(a.Text,{size:"s1",type:"semiBold",color:i.theme.colors.gray800},m("pregnancyTool.weightSuggested")),d&&d),x.default.createElement(r.PillCarousel,e.__assign({},c)),x.default.createElement("div",null,x.default.createElement(B,{idealWeight:s,siteType:u}),x.default.createElement(C,e.__assign({},o,{siteType:u}))))};

package/build/routing-a254236e.js

@@ -0,0 +1 @@
+"use strict";var t=require("./index-afebf409.js"),e=require("./isProduction-7e357d28.js");exports.getCareApiDomain=function(){return process.env.UNIFY_CARE_API||"https://".concat(e.isProduction?"health-care.":"service-health-care.","hellohealthgroup.com")},exports.getCurrentBaseUrl=function(o,n){if("undefined"!=typeof window)return window.location.origin;var r="development"===process.env.NEXT_PUBLIC_DEPLOY_ENV,i=!r&&!e.isProduction;return r?"http://localhost:3000":"https://".concat(i?n?"fe.":"discover.":n?"www.":"").concat(t.domainLocales[n?"vi-VN_MB":o])},exports.getCurrentSsoUrl=function(o,n){return process.env.UNIFY_SSO_API||"https://".concat(e.isProduction?"id.":"staging-id.").concat(t.domainLocales[n?"vi-VN_MB":o])},exports.getDiscoverApiDomain=function(o){return process.env.UNIFY_DISCOVER_API||"https://".concat(e.isProduction?"wp.":"staging.").concat(t.domainLocales[o])},exports.getTogetherApiDomain=function(){return process.env.UNIFY_TOGETHER_API||"https://".concat(e.isProduction?"together.":"staging-together.","hellohealthgroup.com")};