@hhgtech/hhg-components 1.25.38 → 1.25.39

package/build/esm/{index.styled-ecd66a94.js → index.styled-848909a4.js}

@@ -1,4 +1,4 @@
-import e,{memo as t,useRef as i,useState as a,useEffect as n,useImperativeHandle as o,Fragment as r,useMemo as s}from"react";import l,{keyframes as d,css as c}from"styled-components";import{M as p}from"./utils-890cca60.js";import{L as h}from"./index-92afb619.js";import{T as m}from"./index-82034656.js";import{useMantineTheme as u,createStyles as g}from"@mantine/core";import{B as f}from"./index-13ede8e1.js";import{B as x,T as b,C as y,P as v}from"./index.styled-e48935b8.js";import{H as w}from"./index-4dfba953.js";import{I as k}from"./index-e3a95910.js";import{_ as E}from"./tslib.es6-8ad0dce2.js";import C from"dayjs";import"./screenSizeContext-7f938ef8.js";import{t as $}from"./theme-d943ba50.js";import"./index-931dda49.js";import"./isProduction-16441a77.js";import{G as S}from"./Onboarding-c4eaff4c.js";import"./gAssets.js";import{f as D,g as _}from"./index-eac59274.js";import{yupResolver as T}from"@hookform/resolvers/yup";import{useForm as z,Controller as I}from"react-hook-form";import{I as N}from"./index-a28f40c4.js";import{B as A,D as P}from"./index-9e9f2067.js";import{u as B}from"./useTranslations-87aa4633.js";import{ar as j,b as O}from"./index.styled-8c0d64c9.js";import{L}from"./index.styled-8c20f8e8.js";import{C as M}from"./index-147d75bc.js";import{format as F,addDays as U}from"date-fns";import{M as R}from"./index-c3ea052e.js";import"./index-f37bd5f5.js";import"./index-65c67ff0.js";import{S as q}from"./index-5d108eca.js";import{D as H}from"./types-c137b810.js";import V from"react-day-picker/DayPickerInput";const G=({type:t,size:i="small",label:a,name:n,checked:o,value:r,className:s,isDisabled:l=!1,onChange:d,dataEventCategory:c,dataEventAction:p,dataEventLabel:h})=>{const m=!!p&&!!c&&!!h?{"data-event-category":c,"data-event-action":p,"data-event-label":h}:{};return e.createElement(x,{"data-disabled":l,className:s,"data-type":t,"data-size":i},e.createElement("label",Object.assign({style:{display:"flex",alignItems:"center"}},m),e.createElement("input",Object.assign({type:"radio",checked:o,name:n,value:r,onChange:()=>d(r)},m)),a))},W=t((()=>e.createElement("div",{className:"shoppable"},e.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("rect",{width:"24",height:"24",rx:"12",fill:"#1B3250"}),e.createElement("path",{d:"M16.6667 8.00033H15.3333C15.3333 6.16033 13.84 4.66699 12 4.66699C10.16 4.66699 8.66667 6.16033 8.66667 8.00033H7.33333C6.6 8.00033 6 8.60033 6 9.33366V17.3337C6 18.067 6.6 18.667 7.33333 18.667H16.6667C17.4 18.667 18 18.067 18 17.3337V9.33366C18 8.60033 17.4 8.00033 16.6667 8.00033ZM12 6.00033C13.1067 6.00033 14 6.89366 14 8.00033H10C10 6.89366 10.8933 6.00033 12 6.00033ZM12 12.667C10.4467 12.667 9.14 11.607 8.77333 10.167C8.66 9.74699 8.98667 9.33366 9.42 9.33366C9.73333 9.33366 9.98667 9.56033 10.0733 9.86699C10.3067 10.7137 11.08 11.3337 12 11.3337C12.92 11.3337 13.6933 10.7137 13.9267 9.86699C14.0133 9.56033 14.2667 9.33366 14.58 9.33366C15.0133 9.33366 15.3333 9.74699 15.2267 10.167C14.86 11.607 13.5533 12.667 12 12.667Z",fill:"white"}))))),Y=t((({dataEventCategoryForBookmark:t,dataEventActionForBookmark:i,dataEventLabelForBookmark:a})=>e.createElement("svg",{"data-event-category":t,"data-event-action":i,"data-event-label":a,width:"14",height:"16",viewBox:"0 0 14 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M13 15L7 11.1111L1 15V2.55556C1 2.143 1.18061 1.74733 1.5021 1.45561C1.82359 1.16389 2.25963 1 2.71429 1H11.2857C11.7404 1 12.1764 1.16389 12.4979 1.45561C12.8194 1.74733 13 2.143 13 2.55556V15Z",fill:"#2ED69E",stroke:"#2ED69E",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})))),Z=t((({dataEventCategoryForBookmark:t,dataEventActionForBookmark:i,dataEventLabelForBookmark:a})=>e.createElement("svg",{"data-event-category":t,"data-event-action":i,"data-event-label":a,width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M12.75 2.25H5.25C4.425 2.25 3.75 2.925 3.75 3.75V15.75L9 13.5L14.25 15.75V3.75C14.25 2.925 13.575 2.25 12.75 2.25Z",fill:"#D2D6DC"})))),X=l.div`
+import e,{memo as t,useRef as i,useState as a,useEffect as n,useImperativeHandle as o,Fragment as r,useMemo as s}from"react";import l,{keyframes as d,css as c}from"styled-components";import{M as p}from"./utils-a70ab1c6.js";import{L as h}from"./index-a04dd59e.js";import{T as m}from"./index-fc2ff9a5.js";import{useMantineTheme as u,createStyles as g}from"@mantine/core";import{B as f}from"./index-65080b20.js";import{B as x,T as b,C as y,P as v}from"./index.styled-38e301bc.js";import{H as w}from"./index-852395f4.js";import{I as k}from"./index-74f27d14.js";import{_ as E}from"./tslib.es6-3ffeb615.js";import C from"dayjs";import"./screenSizeContext-dd944e06.js";import{t as $}from"./theme-f2ec8cec.js";import"./index-c47fdbbe.js";import"./isProduction-aeb6f962.js";import{G as S}from"./Onboarding-0ff9b5b5.js";import"./gAssets.js";import{f as D,g as _}from"./index-53e88b26.js";import{yupResolver as T}from"@hookform/resolvers/yup";import{useForm as z,Controller as I}from"react-hook-form";import{I as N}from"./index-bc64f53e.js";import{B as A,D as P}from"./index-8f2581f0.js";import{u as B}from"./useTranslations-c8dd68e4.js";import{ar as j,b as O}from"./index.styled-7ba4e121.js";import{L}from"./index.styled-62716538.js";import{C as M}from"./index-e6725c39.js";import{format as F,addDays as U}from"date-fns";import{M as R}from"./index-e45e966e.js";import"./index-6bbc0c2d.js";import"./index-7ec80c23.js";import{S as q}from"./index-b1fa6ca7.js";import{D as H}from"./types-4339933e.js";import V from"react-day-picker/DayPickerInput";const G=({type:t,size:i="small",label:a,name:n,checked:o,value:r,className:s,isDisabled:l=!1,onChange:d,dataEventCategory:c,dataEventAction:p,dataEventLabel:h})=>{const m=!!p&&!!c&&!!h?{"data-event-category":c,"data-event-action":p,"data-event-label":h}:{};return e.createElement(x,{"data-disabled":l,className:s,"data-type":t,"data-size":i},e.createElement("label",Object.assign({style:{display:"flex",alignItems:"center"}},m),e.createElement("input",Object.assign({type:"radio",checked:o,name:n,value:r,onChange:()=>d(r)},m)),a))},W=t((()=>e.createElement("div",{className:"shoppable"},e.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("rect",{width:"24",height:"24",rx:"12",fill:"#1B3250"}),e.createElement("path",{d:"M16.6667 8.00033H15.3333C15.3333 6.16033 13.84 4.66699 12 4.66699C10.16 4.66699 8.66667 6.16033 8.66667 8.00033H7.33333C6.6 8.00033 6 8.60033 6 9.33366V17.3337C6 18.067 6.6 18.667 7.33333 18.667H16.6667C17.4 18.667 18 18.067 18 17.3337V9.33366C18 8.60033 17.4 8.00033 16.6667 8.00033ZM12 6.00033C13.1067 6.00033 14 6.89366 14 8.00033H10C10 6.89366 10.8933 6.00033 12 6.00033ZM12 12.667C10.4467 12.667 9.14 11.607 8.77333 10.167C8.66 9.74699 8.98667 9.33366 9.42 9.33366C9.73333 9.33366 9.98667 9.56033 10.0733 9.86699C10.3067 10.7137 11.08 11.3337 12 11.3337C12.92 11.3337 13.6933 10.7137 13.9267 9.86699C14.0133 9.56033 14.2667 9.33366 14.58 9.33366C15.0133 9.33366 15.3333 9.74699 15.2267 10.167C14.86 11.607 13.5533 12.667 12 12.667Z",fill:"white"}))))),Y=t((({dataEventCategoryForBookmark:t,dataEventActionForBookmark:i,dataEventLabelForBookmark:a})=>e.createElement("svg",{"data-event-category":t,"data-event-action":i,"data-event-label":a,width:"14",height:"16",viewBox:"0 0 14 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M13 15L7 11.1111L1 15V2.55556C1 2.143 1.18061 1.74733 1.5021 1.45561C1.82359 1.16389 2.25963 1 2.71429 1H11.2857C11.7404 1 12.1764 1.16389 12.4979 1.45561C12.8194 1.74733 13 2.143 13 2.55556V15Z",fill:"#2ED69E",stroke:"#2ED69E",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})))),Z=t((({dataEventCategoryForBookmark:t,dataEventActionForBookmark:i,dataEventLabelForBookmark:a})=>e.createElement("svg",{"data-event-category":t,"data-event-action":i,"data-event-label":a,width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M12.75 2.25H5.25C4.425 2.25 3.75 2.925 3.75 3.75V15.75L9 13.5L14.25 15.75V3.75C14.25 2.925 13.575 2.25 12.75 2.25Z",fill:"#D2D6DC"})))),X=l.div`
   --dropdown-padding: 12px 18px 12px 16px;
   position: relative;
   box-sizing: border-box;

package/build/esm/{index.styled-bd69fb81.js → index.styled-9d93230b.js}

@@ -1,4 +1,4 @@
-import{_ as e}from"./tslib.es6-8ad0dce2.js";import t,{useMemo as o}from"react";import{L as n}from"./Onboarding-c4eaff4c.js";import{CommonGAssets as i}from"./gAssets.js";import{t as a}from"./theme-d943ba50.js";import{T as r}from"./index-82034656.js";import s from"styled-components";import{C as l}from"./index-65c67ff0.js";const c=s.div`
+import{_ as e}from"./tslib.es6-3ffeb615.js";import t,{useMemo as o}from"react";import{L as n}from"./Onboarding-0ff9b5b5.js";import{CommonGAssets as i}from"./gAssets.js";import{t as r}from"./theme-f2ec8cec.js";import{T as a}from"./index-fc2ff9a5.js";import s from"styled-components";import{C as c}from"./index-7ec80c23.js";const l=s.div`
   display: inline-flex;
   overflow: hidden;
   width: ${e=>e.size}px;
@@ -8,7 +8,7 @@ import{_ as e}from"./tslib.es6-8ad0dce2.js";import t,{useMemo as o}from"react";i
   justify-content: center;
 
   border: 1px solid #e4e8ec;
-  background-color: ${e=>e.backgroundColor||a.colors.white};
+  background-color: ${e=>e.backgroundColor||r.colors.white};
   border-radius: ${e=>e.borderRadius||"50%"};
   & > * {
     width: ${e=>e.iconSize}px;
@@ -36,14 +36,14 @@ import{_ as e}from"./tslib.es6-8ad0dce2.js";import t,{useMemo as o}from"react";i
   & > * {
     pointer-events: none;
   }
-`,p=[n.Myanmar,n.Taiwan],m=s((n=>{var{icon:s,name:l,className:m,locale:g="en-PH",dataEventCategory:b,dataEventAction:x,dataEventLabel:h,onSelect:v}=n,f=e(n,["icon","name","className","locale","dataEventCategory","dataEventAction","dataEventLabel","onSelect"]);const u=o((()=>null==m?void 0:m.includes("selected-week-pill")),[m]);return t.createElement(d,Object.assign({onClick:v,className:m?"week-pill".concat(" non-pointer-event-child ",m):"week-pill non-pointer-event-child","data-event-category":b,"data-event-action":x,"data-event-label":h},f),t.createElement(c,{size:64,iconSize:40,backgroundColor:a.colors.white},t.createElement("img",{src:s||i.getAssetPath("week_default.png"),alt:""})),u?t.createElement(r,Object.assign({type:"semiBold",size:"n1",color:a.colors.gray800},p.includes(g)&&{style:{fontSize:"10px"}}),l):t.createElement(r,Object.assign({size:"n1",color:a.colors.gray600},p.includes(g)&&{style:{fontSize:"10px"}}),l))}))`
+`,p=[n.Myanmar,n.Taiwan],m=s((n=>{var{icon:s,name:c,className:m,locale:g="en-PH",dataEventCategory:b,dataEventAction:x,dataEventLabel:f,onSelect:h}=n,v=e(n,["icon","name","className","locale","dataEventCategory","dataEventAction","dataEventLabel","onSelect"]);const u=o((()=>null==m?void 0:m.includes("selected-week-pill")),[m]);return t.createElement(d,Object.assign({onClick:h,className:m?"week-pill".concat(" non-pointer-event-child ",m):"week-pill non-pointer-event-child","data-event-category":b,"data-event-action":x,"data-event-label":f},v),t.createElement(l,{size:64,iconSize:40,backgroundColor:r.colors.white},t.createElement("img",{src:s||i.getAssetPath("week_default.png"),alt:""})),u?t.createElement(a,Object.assign({type:"semiBold",size:"n1",color:r.colors.gray800},p.includes(g)&&{style:{fontSize:"10px"}}),c):t.createElement(a,Object.assign({size:"n1",color:r.colors.gray600},p.includes(g)&&{style:{fontSize:"10px"}}),c))}))`
   box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.08);
-`,g=s(l.Slide)`
+`,g=s(c.Slide)`
   cursor: pointer;
   > div * {
     pointer-events: none;
   }
-`,b=s(l)`
+`,b=s(c)`
   .centerred-pill-wrapper {
     padding: 16px 0;
   }

package/build/esm/lead.js

@@ -1 +1 @@
-import{_ as e,a as t}from"./tslib.es6-8ad0dce2.js";import a,{createContext as l,useState as n,useEffect as o,useMemo as i,useRef as r,useContext as s}from"react";import d from"lodash/debounce";import{createPortal as c}from"react-dom";import{T as m}from"./translationsContext-5f2c6d88.js";import{g as u,s as p}from"./cookieHelper-97879a73.js";import{b as h,a as g}from"./utils-890cca60.js";import{v1 as v}from"uuid";import{u as b}from"./useTranslations-87aa4633.js";import"./index.styled-e48935b8.js";import{B as y}from"./index-13ede8e1.js";import{CommonGAssets as f}from"./gAssets.js";import"@mantine/core";import"./index.styled-8c20f8e8.js";import"./index-147d75bc.js";import{t as k}from"./theme-d943ba50.js";import"./index.styled-8c3a567c.js";import"string-format";import"./index-f37bd5f5.js";import{e as _,R as E,x as w,l as C,q as N,N as S}from"./index-eac59274.js";import T from"dayjs";import"./screenSizeContext-7f938ef8.js";import"styled-components";import"./index-931dda49.js";import"./isProduction-16441a77.js";import"./Onboarding-c4eaff4c.js";import"./index-65c67ff0.js";import"@mantine/hooks";import"./index.styled-ecd66a94.js";import"date-fns";import"react-day-picker/DayPickerInput";import"./index.styled-8c0d64c9.js";import"./index-9e9f2067.js";import"lodash/throttle";import"keen-slider/react";import"./types-c137b810.js";import"react-hook-form";import"date-fns/locale/en-US";import"date-fns/locale/id";import"date-fns/locale/vi";import"date-fns/locale/zh-TW";import"./index.styled-bd69fb81.js";import{S as x}from"./index-ec86862d.js";import{M as O}from"./index.styled-0c429a3f.js";import{createFormContext as j}from"@mantine/form";import"yup";import{T as P}from"./index-82034656.js";import{H as B}from"./index-4dfba953.js";import"@mantine/dates";import"@mantine/carousel";import"./index-92afb619.js";import"./index-e3a95910.js";import"@hookform/resolvers/yup";import"./index-a28f40c4.js";import"./useUniqueId-f9d6a425.js";import"./index-c3ea052e.js";import"./index-5d108eca.js";import"slugify";import"./routing-7608845d.js";import"dayjs/plugin/relativeTime";import"./index-ebf96abb.js";import"./Visible-4e9f0519.js";const L={LINKS:1,TAGS:2};let $="https://dev.leadgen.hellobacsi.com/";const I={MOBILE:1,DESKTOP:2};let A="";$.includes("localhost")&&($="https://dev.leadgen.hellobacsi.com/"),location.hostname.includes("marrybaby.vn")&&(A="pink");let U="https://"+location.hostname+location.pathname+location.search;U=U.toLowerCase(),sessionStorage.getItem("insider_object")&&(window.insider_object=JSON.parse(sessionStorage.getItem("insider_object")));const D={"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}},M=D[document.documentElement.lang]||D["vi-VN"];const R={1:"Asia/Ho_Chi_Minh",10:"Asia/Ho_Chi_Minh",11:"Asia/Ho_Chi_Minh",12:"Asia/Ho_Chi_Minh",2:"Asia/Jakarta",3:"Asia/Bangkok",4:"Asia/Phnom_Penh",5:"Asia/Kuala_Lumpur",6:"Asia/Taipei",7:"Asia/Yangon",8:"Asia/Kolkata",9:"Asia/Manila"};var H={"validator.required":"This field is required.","validator.remote":"Please fix this field.","validator.email":"Please enter a valid email address.","validator.phone":"Please input correct phone number.","validator.url":"Please enter a valid URL.","validator.date":"Please enter a valid date.","validator.dateISO":"Please enter a valid date (ISO).","validator.number":"Please enter a valid number.","validator.digits":"Please enter only digits.","validator.creditcard":"Please enter a valid credit card number.","validator.equalTo":"Please enter the same value again.","validator.accept":"Please enter a value with a valid extension.","validator.maxlength":"jQuery.validator.format('Please enter no more than {0} characters.","validator.minlength":"jQuery.validator.format('Please enter at least {0} characters.","validator.rangelength":"jQuery.validator.format('Please enter a value between {0} and {1} characters long.","validator.range":"jQuery.validator.format('Please enter a value between {0} and {1}.","validator.max":"jQuery.validator.format('Please enter a value less than or equal to {0}.","validator.min":"jQuery.validator.format('Please enter a value greater than or equal to {0}.","validator.emailUsed":"Email already in use for this campaign.","validator.phoneUsed":"Your phone number already in use for this campaign.","lead.otp.title":"Enter OTP","lead.otp.desc":"We have sent an OTP to your mobile number {phone}","lead.otp.verify":"Verify","lead.otp.resend":"Resend OTP{timer}"};const F={"en-PH":H,"vi-VN":{"validator.required":"Vui lòng điền mục này","validator.email":"Vui lòng điền email có thật.","validator.number":"Vui lòng điền số có thật","validator.digits":"Vui lòng chỉ điền số","validator.maxlength":"Vui lòng điền dưới {0} số","validator.minlength":"Vui lòng điền hơn {0} số","validator.remote":"Hãy sửa cho đúng.","validator.url":"Hãy nhập URL.","validator.date":"Hãy nhập ngày.","validator.dateISO":"Hãy nhập ngày (ISO).","validator.creditcard":"Hãy nhập số thẻ tín dụng.","validator.equalTo":"Hãy nhập thêm lần nữa.","validator.extension":"Phần mở rộng không đúng.","validator.rangelength":"Hãy nhập từ {0} đến {1} kí tự.","validator.range":"Hãy nhập từ {0} đến {1}.","validator.max":"Hãy nhập từ {0} trở xuống.","validator.min":"Hãy nhập từ {0} trở lên.","validator.phone":"Nhập đúng định dạng số điện thoại","validator.emailUsed":"Email này đã được sử dụng cho chiến dịch.","validator.phoneUsed":"Số điện thoại này đã được sử dụng cho chiến dịch.","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":H},W=e=>{const t=F[e];return t||F["en-PH"]},V=l({}),q=e=>{const[t,a]=n(16),[l,i]=n(9),[r,s]=n(!1);return o((()=>{if(s(!1),e){const t=new Image;t.addEventListener("load",(()=>{a(t.naturalWidth),i(t.naturalHeight),s(!0)})),t.addEventListener("error",(()=>{a(16),i(9),s(!0)})),t.src=e}else a(16),i(9),s(!0)}),[e]),{loaded:r,width:t,height:l}},Y=({onClose:e,containerClassName:t,svgClassName:l})=>a.createElement("button",{onClick:e,className:`le-newbuilder-close-button js-modal__close ${t||""}`},a.createElement("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:l},a.createElement("circle",{cx:"16",cy:"16",r:"16",fill:"white"}),a.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"}))),J=({popupId:e,url:t,newTab:l,imageDestkop:n,imageMobile:o,onClose:i,onOtherSubmit:r})=>{const{width:s,height:d,loaded:c}=q(o),{width:m,height:u,loaded:p}=q(n);return c&&p?a.createElement("div",{id:e,className:"lead-modal-wrapper","data-popup-url":location.pathname,"data-popup-type":"center_tab"},a.createElement("div",{className:"le-center-tab-popup"},a.createElement("div",{style:{position:"relative"}},a.createElement("a",{className:"js-popup-other-submit",href:t,target:l?"blank":"_parent",onClick:r},a.createElement("img",{className:"le-only-mobile",src:o,style:{aspectRatio:`${s}/${d}`}}),a.createElement("img",{className:"le-only-desktop",src:n,style:{aspectRatio:`${m}/${u}`}})),a.createElement(Y,{onClose:i,containerClassName:"close-button-top-right"})))):null},z=({popupId:e,url:t,title:l,urlText:n,titleAlign:o,subtitle:i,subtitleAlign:r,newTab:s,imageDesktop:d,imageMobile:c,onClose:m,onOtherSubmit:u})=>{const{width:p,height:h,loaded:g}=q(c),{width:v,height:b,loaded:y}=q(d);return g&&y?a.createElement("div",{id:e,className:"lead-modal-wrapper lead-floating-wrapper","data-popup-url":location.pathname,"data-popup-type":"floating"},a.createElement("aside",{className:"le-only-desktop"},a.createElement("div",{className:"le-floating-desktop"},a.createElement("div",{className:"le-floating-desktop-wrap",style:{position:"relative",background:"#fff"}},d?a.createElement("div",null,a.createElement("img",{style:{maxWidth:120,borderTopLeftRadius:5,borderBottomLeftRadius:5,aspectRatio:`${v}/${b}`},src:d})):null,a.createElement("div",{style:{padding:20}},a.createElement("div",{className:`le-floating-desktop-title le-text-align-${o}`},l),a.createElement("div",{className:`le-floating-desktop-desc le-text-align-${r}`},i)),a.createElement("a",{target:s?"blank":"_parent",style:{marginLeft:35,textDecoration:"none"},href:t},a.createElement("button",{className:"le-joinbow-floating-btn js-popup-other-submit",onClick:u},n)),a.createElement(Y,{onClose:m,containerClassName:"close-button-top-right"})))),a.createElement("aside",{className:"le-only-mobile"},a.createElement("div",{className:"le-floating-mobile"},a.createElement("div",{className:"le-floating-mobile-wrap",style:{position:"relative",background:"#fff"}},a.createElement("aside",{style:{display:"flex",justifyContent:"space-between"}},a.createElement("div",null,a.createElement("div",{className:`le-floating-mobile-title le-text-align-${o}`},l),a.createElement("div",{className:`le-floating-mobile-desc le-text-align-${r}`},i)),c?a.createElement("div",null,a.createElement("img",{style:{marginLeft:15,marginTop:4,maxWidth:100,aspectRatio:`${p}/${h}`},src:c})):null),a.createElement("div",{style:{textAlign:"center",marginTop:10}},a.createElement("a",{target:s?"blank":"_parent",href:t,style:{textDecoration:"none"}},a.createElement("button",{className:"le-joinbow-floating-btn js-popup-other-submit",onClick:u},n))),a.createElement(Y,{onClose:m,containerClassName:"close-button-top-right"}))))):null},K=({title:e,titleAlign:t,subtitle:l,subtitleAlign:n,link:o,linkNewTab:i,linkText:r,image:s})=>{const{width:d,height:c,loaded:m}=q(s);return m?a.createElement("div",{className:"lead-modal__thank-you"},a.createElement("div",{style:{width:"100%"}},a.createElement("img",{src:s,style:{maxHeight:162,objectFit:"cover",aspectRatio:`${d}/${c}`}}),e&&a.createElement("h1",{className:`le-thankyou-title le-text-align-${t}`},e),l&&a.createElement("p",{className:`le-thankyou-subtitle le-text-align-${n}`},l),r&&a.createElement("div",null,a.createElement("a",{href:o,target:i?"_blank":"parrent",rel:"noreferrer"},a.createElement("button",{className:`lead-modal__btn ${A}`},r))))):null};const G=new class{constructor(){this.apiLeadUrl="https://dev.leadgen.hellobacsi.com/",this.apiSubotUrl="https://staging-service-subot.hellohealthgroup.com/"}},Q={call(t){var{url:a,data:l}=t,n=e(t,["url","data"]);return n.body=JSON.stringify(l),n.headers={"Content-Type":"application/json"},fetch(`${G.apiLeadUrl}${a}`,n).then((e=>e.json())).catch((e=>({})))}},X={call(t){var{url:a,data:l}=t,n=e(t,["url","data"]);return n.body=JSON.stringify(l),n.headers={"Content-Type":"application/json"},fetch(`${G.apiSubotUrl}${a}`,n).then((e=>e.json())).catch((e=>({})))}},Z=({bot_id:e,email:t,phone:a})=>{let l=a;return l&&l.startsWith("0")&&(l=l.substring(1)),X.call({url:"frontend/api/subot-campaign/check",method:"post",data:{bot_id:e,email:t,phone:l}})},ee=({campaign_id:e,email:t,phone:a})=>{let l=a;return l&&l.startsWith("0")&&(l=l.substring(1)),Q.call({url:"api/subot-campaign/check",method:"post",data:{campaign_id:e,email:t,phone:l}})},te=({phone:e})=>Q.call({url:"api/sms/otp",method:"post",data:{phone_number:e.replace("+","")}}),ae=({phone:e,otp:t})=>Q.call({url:"api/sms/verify",method:"post",data:{otp_code:t,phone_number:e.replace("+","")}}),le={email:{},phone:{}},ne=(e,a,l)=>t(void 0,void 0,void 0,(function*(){const n="email"in l?"email":"phone",o="email"in l?l.email:l.phone,i="email"in l?"validator.emailUsed":"validator.phoneUsed";if(le[n][o]){if(le[n][o].value)return i;if(!le[n][o].value&&le[n][o].expire>Date.now())return""}const r=yield((e,a,l)=>t(void 0,void 0,void 0,(function*(){const t="email"in l?"email":"phone",n="email"in l?l.email:l.phone,o="email"in l?"validator.emailUsed":"validator.phoneUsed",i=yield ee({campaign_id:[e],[t]:n});return"SubmitLeadWithBotId_ERR_001"===i._errorCode||"SubmitLeadWithBotId_ERR_002"===i._errorCode||a.length&&"CheckSuBotLeadTool_ERR_001"===(yield Z({bot_id:a,[t]:n}))._errorCode?o:void 0})))(e,a,l);return le[n][o]=r?{value:!0}:{value:!1,expire:Date.now()+6e4},r})),oe=({content:e,inlinePosition:t})=>{const a=i((()=>{if(!t)return null;const e=document.querySelectorAll(`[data-url="${location.pathname}"] .body-content`),a=Array.from(e).reduce(((e,t)=>[...e,...Array.from(t.children)]),[]);if(null==a?void 0:a.length){const e=a.filter((e=>"P"===e.nodeName)),l=a.filter((e=>"H2"===e.nodeName));let n=null;switch(t){case"1th":n=e[0];break;case"2th":n=e[1];break;case"3th":n=e[2];break;case"4th":n=e[3];break;case"5th":n=e[4];break;case"6th":n=e[5];break;case"7th":n=e[6];break;case"8th":n=e[7];break;case"9th":n=e[8];break;case"10th":n=e[9];break;case"11th":n=e[10];break;case"12th":n=e[11];break;case"lastP":n=e[e.length-1];break;case"1thH2":n=l[0];break;case"2thH2":n=l[1];break;case"3thH2":n=l[2];break;case"4thH2":n=l[3];break;case"5thH2":n=l[4];break;case"6thH2":n=l[5];break;case"7thH2":n=l[6];break;case"8thH2":n=l[7];break;case"9thH2":n=l[8];break;case"10thH2":n=l[9];break;case"lastH2":n=l[l.length-1]}if(n){if(n.parentElement.querySelector(".inline-lead-wrapper"))return n.parentElement.querySelector(".inline-lead-wrapper");{const e=document.createElement("div");return e.classList.add("inline-lead-wrapper"),n.nextElementSibling?n.parentElement.insertBefore(e,n.nextElementSibling):n.parentElement.appendChild(e),e}}}}),[t]);return t&&a?c(e,a):null},ie=({content:e})=>{const t=i((()=>{const e=Array.from(document.querySelectorAll(".hc2-sidebar-with-ads,.page-main-col .right-col.f-right,.hhg-lead-sidebar"));return e.forEach((e=>{if(e.querySelector(".sidebar-lead-modal-wrapper"))return;const t=document.createElement("div");t.classList.add("sidebar-lead-modal-wrapper"),e.prepend(t)})),e.map((e=>e.querySelector(".sidebar-lead-modal-wrapper")))}),[]);return a.createElement(a.Fragment,null,t.map((t=>c(e,h(t,"sidebar-lead-modal-wrapper")))))},[re,se,de]=j(),ce="undefined"==typeof window,me={VN:"vi",ID:"id",TH:"th",MY:"ms",TW:"zh-TW",KH:"km",MM:"my",IN:"hi",PH:"en"},ue=(e="",a="",l="",i=500)=>{const[r,s]=n([]),[d,c]=n(!1);return o((()=>{let n;return e?n=window.setTimeout((()=>t(void 0,void 0,void 0,(function*(){var n;if(e)try{c(!0);const o=yield((e="",a="",l="vi")=>t(void 0,void 0,void 0,(function*(){return new Promise(((t,n)=>{if(!e)return n("Need valid text input");if(ce)return n("Need valid window object");try{(new window.google.maps.places.AutocompleteService).getPlacePredictions(Object.assign(Object.assign({input:e},a?{componentRestrictions:{country:a}}:{}),{language:me[l]}),t)}catch(e){n(e)}}))})))(e,a,l);s(!(n=o)||n.length<1?[]:n.map((e=>({placeId:e.place_id,description:e.description}))))}catch(e){console.error(e)}finally{c(!1)}else s([])}))),i):r.length&&s([]),()=>{window.clearTimeout(n)}}),[e,i,a]),{isLoading:d,predictions:r}},pe=["places"],he=({name:e,placeholder:t,locale:l})=>{var s;const d=se(),[c,m]=n(""),[u,p]=n(""),{predictions:h}=ue(c||"15 Lê","","tl-PH"===l?"en":null===(s=null==l?void 0:l.split("-"))||void 0===s?void 0:s[0]),[g,v]=n(null),[b,y]=n(!1),f=r(Math.random().toString(36).substring(7)),k=i((()=>{const e=h.map((e=>({value:e.description,label:e.description}))),t=e.find((e=>e.value===u));return!u||t?e:[{value:u,label:u}].concat(e)}),[h,u]);return o((()=>{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)?y(!0):import("@react-google-maps/api").then((e=>{v((()=>e.LoadScript)),setTimeout((()=>{y(!0)}),200)}))}),[]),b?a.createElement(a.Fragment,null,g&&a.createElement(g,{googleMapsApiKey:"AIzaSyB9QmhfEYcy2wj5X3Fl38aCD5UkET6n82M",libraries:pe,loadingElement:a.createElement(a.Fragment,null)}),a.createElement("div",{style:{display:"none"},"data-extra":!0,"data-name":e,"data-control":"text"}),a.createElement(x,Object.assign({className:"lead-modal__form-control",label:t,placeholder:t,withAsterisk:!0,name:e,data:k,searchValue:c,onSearchChange:e=>{m(e)},filter:()=>!0,clearable:!0,searchable:!0,onChange:e=>p(e||""),icon:a.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.createElement("path",{d:"M9.99999 9.79167C10.4028 9.79167 10.7467 9.64944 11.0317 9.365C11.3161 9.08 11.4583 8.73611 11.4583 8.33333C11.4583 7.93056 11.3161 7.58667 11.0317 7.30167C10.7467 7.01722 10.4028 6.875 9.99999 6.875C9.59721 6.875 9.25332 7.01722 8.96832 7.30167C8.68388 7.58667 8.54166 7.93056 8.54166 8.33333C8.54166 8.73611 8.68388 9.08 8.96832 9.365C9.25332 9.64944 9.59721 9.79167 9.99999 9.79167ZM9.99999 17.875C9.90277 17.875 9.80555 17.8611 9.70832 17.8333C9.6111 17.8056 9.52082 17.7569 9.43749 17.6875C7.46527 15.8958 5.98971 14.2361 5.01082 12.7083C4.03138 11.1806 3.54166 9.77778 3.54166 8.5C3.54166 6.48611 4.1911 4.87833 5.48999 3.67667C6.78832 2.47556 8.29166 1.875 9.99999 1.875C11.7083 1.875 13.2119 2.47556 14.5108 3.67667C15.8092 4.87833 16.4583 6.48611 16.4583 8.5C16.4583 9.77778 15.9689 11.1806 14.99 12.7083C14.0105 14.2361 12.5347 15.8958 10.5625 17.6875C10.4792 17.7569 10.3889 17.8056 10.2917 17.8333C10.1944 17.8611 10.0972 17.875 9.99999 17.875Z",fill:"#8C8C8C"})),autoComplete:"no-auto-complete-"+f.current,rightSection:a.createElement(a.Fragment,null)},d.getInputProps(e)))):a.createElement("div",{style:{height:73}})},ge=({children:e,align:t})=>a.createElement("p",{className:`lead-modal__description ${"le-text-align-"+(t||"")} ${A}`},e),ve=({children:e,align:t})=>a.createElement("h2",{className:`lead-modal__title ${"le-text-align-"+(t||"")} ${A}`},e),be=({listBlockAdded:e,popupId:t,locale:l,onClose:n,onOtherSubmit:o})=>{const i=se();return a.createElement(a.Fragment,null,e.map(((e,r)=>{const{name:s="",data:d={}}=e||{},{placeholder:c,value:m,align:u,listQuestion:p,isSendMailChimp:h=!1,newtab:g,url:v}=d;switch(s){case"TitleBlock":return a.createElement(ve,{key:r,align:u},m);case"SubtitleBlock":return a.createElement(ge,{key:r,align:u},m);case"TextBlock":return a.createElement(_,Object.assign({key:r,withAsterisk:!0,spellCheck:!1,type:"text",placeholder:c,className:"lead-modal__form-control",label:c,"data-control":"text",name:m},i.getInputProps(m)));case"NumberBlock":return a.createElement(S,Object.assign({key:r,withAsterisk:!0,spellCheck:!1,type:"number",placeholder:c,className:"lead-modal__form-control",label:c,"data-control":"number",name:m},i.getInputProps(m)));case"EmailBlock":return a.createElement(_,Object.assign({key:r,withAsterisk:!0,spellCheck:!1,placeholder:c,className:"lead-modal__form-control",label:c,"data-control":"email",name:m},i.getInputProps(m)));case"PhoneOtpBlock":case"PhoneBlock":{const e=t+"-"+m+"-"+r;return a.createElement(_.Wrapper,Object.assign({size:"md",withAsterisk:!0,key:r,label:c,className:"lead-modal__form-control",labelProps:{htmlFor:e}},i.getInputProps(m)),a.createElement(N,{name:m,spellCheck:!1,type:"tel",placeholder:c,onChange:e=>{i.setFieldValue(m,e)},id:e,defaultCountry:l&&O[l]||"VN","data-control":"tel"}))}case"LocationBlock":return a.createElement(he,{key:r,name:m,placeholder:c,locale:l});case"DateBlock":return a.createElement(C,Object.assign({withAsterisk:!0,key:r,type:"date",name:m,placeholder:c,className:"lead-modal__form-control",label:c,"data-control":"date"},i.getInputProps(m)));case"LinkButtonBlock":return a.createElement("div",{key:r},a.createElement("a",{target:g?"blank":"parrent",href:v,style:{textDecoration:"none"}},a.createElement(y,{type:"button",size:"md",className:`lead-modal__btn ${A}`,onClick:()=>{null==n||n(),null==o||o()}},m)));case"CheckboxBlock":return a.createElement(a.Fragment,null,h&&a.createElement("div",{style:{display:"none"},"data-name":m+"-mailchimp"}),a.createElement(w.Group,Object.assign({withAsterisk:!0,className:"lead-modal__form-control",key:r,label:c,size:"md"},i.getInputProps(m)),p.map(((e,t)=>a.createElement(w,{name:m,key:t,value:e.value,label:e.placeholder,"data-control":"checkbox"})))));case"RadioBlock":return a.createElement(a.Fragment,null,h&&a.createElement(_,{type:"hidden",name:m+"-mailchimp",value:h}),a.createElement(E.Group,Object.assign({withAsterisk:!0,className:"lead-modal__form-control",key:r,label:c,size:"md"},i.getInputProps(m)),p.map(((e,t)=>a.createElement(E,{name:m,key:t,value:e.value,label:e.placeholder,"data-control":"radio"})))));case"DropdownBlock":return a.createElement(a.Fragment,null,a.createElement("div",{style:{display:"none"},"data-extra":!0,"data-name":m,"data-control":"dropdown"}),a.createElement(x,Object.assign({key:r,className:"lead-modal__form-control",label:c,withAsterisk:!0,name:m,data:p.map((e=>({value:e.value,label:e.placeholder})))},i.getInputProps(m))))}return null})))},ye=({phone:e,onSuccess:l,autoSendWhenOpen:i})=>{const{t:s}=b(),[d,c]=n(""),[m,u]=n(!1),[p,h]=n(0),g=r(null),[v,f]=n(),[E,w]=n(""),C=r();o((()=>{t(void 0,void 0,void 0,(function*(){var t;if(!C.current){const e=yield import("react-phone-number-input");C.current=e.formatPhoneNumberIntl}w((null===(t=C.current)||void 0===t?void 0:t.call(C,e))||e)}))}),[e]);const N=()=>t(void 0,void 0,void 0,(function*(){var t;if(!e)return;const a=yield te({phone:e}),n=null===(t=null==a?void 0:a._messages)||void 0===t?void 0:t[0];"Send sms successfully"===n?(h(60),setTimeout((()=>{g.current&&(g.current.focus(),g.current.scrollIntoView({block:"center"}))}),100)):"This phone number was verified"===n?l():f(n||"something Wrong")}));return o((()=>{setTimeout((()=>{p>0&&h((e=>e-1))}),1e3)}),[p]),o((()=>{i&&!p&&N()}),[]),a.createElement(a.Fragment,null,a.createElement("form",{onSubmit:a=>{a.preventDefault(),t(void 0,void 0,void 0,(function*(){if(!e||!d)return;const t=yield ae({phone:e,otp:d}),a=null==t?void 0:t._messages[0];"Verify successfully"===a||"This phone number was verified"===a?l():f(a||"something Wrong")}))},className:"lead-phone-otp-form"},a.createElement(B,{tag:"h3",fontWeight:"bold",style:{marginBottom:4}},s("lead.otp.title")),a.createElement(P,{size:"p1",color:k.colors.gray600},s("lead.otp.desc",{phone:E})),a.createElement(_,{ref:g,name:"_"+name+"-otp",spellCheck:!1,type:"number",placeholder:"Enter OTP",className:"lead-modal__form-control",label:"Phone OTP","data-control":"otp",withAsterisk:!0,pattern:"[0-9]*",value:d,onChange:e=>{u(!0),c(e),f(m&&!e?"OTP is required":void 0)},error:m?v:void 0}),a.createElement(y,{size:"md",color:"primary",className:`lead-modal__btn ${A}`,disabled:!d},s("lead.otp.verify")),a.createElement(y,{type:"button",size:"md",color:"transparent",className:`lead-modal__btn lead-phone-otp-button ${A}`,onClick:()=>{N()},disabled:!!p},s("lead.otp.resend",{timer:p?` (${p}s)`:""}))))},fe=({popupId:e,extraFields:t,onClose:l,onOtherSubmit:s,imageMobile:d,imageDesktop:c,imageOverlayMobile:m,imageOverlayDesktop:u,imageBackground:p,currentLayout:h,title:g,onSubmit:v,showThankyou:k,campaignId:_,campaign_subot_id:E,locale:w})=>{var C,N,S;const T=JSON.parse(t.listBlockAdded),x=JSON.parse(t.actionBlocks),O=JSON.parse(t.textBlocks),j=x.submitBlock.data.url,P=x.submitBlock.data.text,B=x.submitBlock.data.text2,L=x.submitBlock.data.value,$=location.pathname,I=h.includes("Inline")||"Sidebar"===h,U="Slider"===h,[D,R]=n(!0),[H,F]=n(""),W=r(),V=()=>{H?F(""):null==l||l()};if(window.innerWidth<769&&["Fullscreen","Slider"].includes(h))return console.log("😎 Not show fullscreen, slider on mobile "),null;o((()=>{(h.includes("LightBox")||"Fullscreen"==h)&&document.body.classList.add("noscroll"),window.intlTelInputUtils||require("intl-tel-input/build/js/utils"),le.email={},le.phone={}}),[]);const J=r(!1),z=r(!1),{form:G,validateObj:Q}=(({listBlockAdded:e=[],validatingPhoneRef:t,validatingEmailRef:a,campaignId:l,campaign_subot_id:n=[]})=>{const{t:o}=b(),s=i((()=>{const i=["TextBlock","NumberBlock","EmailBlock","PhoneBlock","DateBlock","CheckboxBlock","RadioBlock","DropdownBlock","PhoneOtpBlock","LocationBlock"],r=(e,t)=>a=>{if(c.current.isTouched(e))return void 0===a||""===a||Array.isArray(a)&&0===a.length?o("validator.required"):null==t?void 0:t(a)};return e.filter((e=>i.includes(e.name))).reduce(((e,i)=>"NumberBlock"===i.name?Object.assign(Object.assign({},e),{[i.data.value]:r(i.data.value,(e=>{if(isNaN(Number(e)))return o("validator.number")}))}):"EmailBlock"===i.name?Object.assign(Object.assign({},e),{[i.data.value]:r(i.data.value,(e=>{if(!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e))return o("validator.email");a.current=!0,setTimeout((()=>{c.current.setFieldError(i.data.value,"Validating..."),ne(l,n,{email:e}).then((e=>{e?c.current.setFieldError(i.data.value,o(e)):c.current.clearFieldError(i.data.value),a.current=!1})).catch((e=>{console.error(e),c.current.setFieldError(i.data.value,e.message||"Something went wrong"),a.current=!1}))}),200)}))}):"PhoneBlock"===i.name||"PhoneOtpBlock"===i.name?Object.assign(Object.assign({},e),{[i.data.value]:r(i.data.value,(e=>{if(window.intlTelInputUtils&&!window.intlTelInputUtils.isValidNumber(String(e),M.countryCode))return o("validator.phone");t.current=!0,setTimeout((()=>{c.current.setFieldError(i.data.value,"Validating..."),ne(l,n,{phone:e}).then((e=>{e?c.current.setFieldError(i.data.value,o(e)):c.current.clearFieldError(i.data.value),t.current=!1})).catch((e=>{console.error(e),c.current.setFieldError(i.data.value,e.message||"Something went wrong"),t.current=!1}))}),200)}))}):"DateBlock"===i.name?Object.assign(Object.assign({},e),{[i.data.value]:r(i.data.value,(e=>{if(isNaN(Date.parse(e)))return o("validator.date")}))}):Object.assign(Object.assign({},e),{[i.data.value]:r(i.data.value)})),{})}),[e.map((e=>e.name)).join(",")]),d=de({validateInputOnChange:!0,clearInputErrorOnChange:!0,validate:s}),c=r(d);return c.current=d,{form:d,validateObj:s}})({listBlockAdded:T,validatingPhoneRef:J,validatingEmailRef:z,campaignId:_,campaign_subot_id:E}),{width:X,height:Z,loaded:ee}=q(p),{width:te,height:ae,loaded:se}=q(d),{width:ce,height:me,loaded:ue}=q(c),pe=se&&ue&&("Fullscreen"!=h||ee),he=a.createElement(a.Fragment,null,a.createElement("style",{dangerouslySetInnerHTML:{__html:`\n          .le-newbuilder-overlay {\n            background-repeat: no-repeat;\n            background-size: cover;\n          }\n          ${m?`\n              .le-newbuilder-overlay {\n                background: url(${m}) ;\n              }`:""}\n          ${u?`\n              @media screen and (min-width:768px) {\n                .le-newbuilder-overlay {\n                  background: url(${u}) ;\n                }\n              }`:""}`}}),a.createElement("div",{id:e,"data-popup-url":$,"data-popup-type":"lightbox-inline",className:`lead-modal lead-modal-wrapper modal--animate-scale ${I?"le-buider-inline":""} ${U?"le-buider-slider":""}`},"Fullscreen"==h?a.createElement("img",{className:"le-only-desktop le-fullscreen-img",draggable:!1,src:p||"",style:{aspectRatio:`${X}/${Z}`}}):null,a.createElement("div",{className:`lead-modal__wrapper le-newbuilder-wrap-${h}`},a.createElement("div",{className:`lead-modal__content le-newbuilder-${h}`},k?a.createElement(K,{title:k.title,titleAlign:k.titleAlign,subtitle:k.subtitle,subtitleAlign:k.subtitleAlign,link:k.link,linkNewTab:k.linkNewTab,linkText:k.linkText,image:k.image}):a.createElement(a.Fragment,null,a.createElement("header",{className:"lead-modal__header"},H?a.createElement("img",{src:f.getAssetPath("lead-otp-thumb.png"),draggable:"false",alt:"",style:{width:"100%"}}):a.createElement(a.Fragment,null,["LightBoxA","InlineA","Sidebar","Slider"].includes(h)?d?a.createElement("img",{draggable:"false",className:"lead-modal__image lead-modal-image-cover",src:d,style:{aspectRatio:`${te}/${ae}`},alt:""}):null:a.createElement(a.Fragment,null,c?a.createElement("img",{draggable:"false",className:"le-only-desktop lead-modal__image lead-modal-image-cover",style:{height:"100%",objectFit:"cover",aspectRatio:`${ce}/${me}`},src:c,alt:""}):null,d?a.createElement("img",{draggable:"false",className:"le-only-mobile lead-modal__image lead-modal-image-cover",src:d,alt:"",style:{aspectRatio:`${te}/${ae}`}}):null))),H&&a.createElement(ye,{phone:H,autoSendWhenOpen:!0,onSuccess:()=>{null==v||v(W.current,G.values)}}),a.createElement("div",{"data-hidden":!!H,className:"lead-modal__body le-newbuilder-overlay"},a.createElement(re,{form:G},a.createElement("form",{ref:W,className:`lead-modal__form ${e}`,onSubmit:e=>{e.preventDefault(),G.setTouched(Object.keys(Q).reduce(((e,t)=>(e[t]=!0,e)),{})),z.current||J.current||setTimeout((()=>{G.onSubmit((e=>{var t,a,l;if(!Object.keys(G.errors).length){if(T.findIndex((e=>"PhoneOtpBlock"===e.name))>-1){const n=null===(a=null===(t=T.find((e=>"PhoneOtpBlock"===e.name)))||void 0===t?void 0:t.data)||void 0===a?void 0:a.value;if(null===(l=e[n])||void 0===l?void 0:l.startsWith("+84"))return void F(e[n])}null==v||v(W.current,e)}}))(e)}),100)}},a.createElement("div",{style:{marginBottom:20}},a.createElement("h2",{className:`lead-modal__title ${"le-text-align-"+(null===(C=O.titleBlock.data)||void 0===C?void 0:C.align)} ${A}`},g),a.createElement("p",{className:`lead-modal__description ${"le-text-align-"+(null===(N=O.titleBlock.data)||void 0===N?void 0:N.align)} ${A}`},O.subtitleBlock.data.value)),a.createElement("div",{className:"lead-modal__form-control-wrapper"},a.createElement(be,{listBlockAdded:T,popupId:e,locale:w,onClose:V,onOtherSubmit:s})),(null===(S=null==x?void 0:x.submitBlock)||void 0===S?void 0:S.isHide)?null:a.createElement(a.Fragment,null,a.createElement("div",{className:`lead-modal__checkbox-wrapper ${A}`},a.createElement("div",{className:"lead-modal__checkbox"},a.createElement("input",{id:"lead-term-checkbox",className:`lead-modal__checkbox__input ${A}`,type:"checkbox","aria-label":"Checkbox label",checked:D,onChange:e=>R(e.currentTarget.checked)}),a.createElement("div",{className:"lead-modal__checkbox__control","aria-hidden":"true"})),a.createElement("label",{htmlFor:"checkbox",className:"lead-modal__checkbox__label"},P," ",a.createElement("span",{style:{fontWeight:"bold"}},a.createElement("a",{target:"blank",href:j||"https://hellobacsi.com/chinh-sach",rel:"noopener noreferrer",style:{textDecoration:"none"}},B)))),a.createElement(y,{size:"md",id:"lead-submit",type:"submit",className:`lead-modal__btn ${A}`,disabled:!D},L))))))),!h.includes("Inline")&&a.createElement(Y,{onClose:V,containerClassName:"close-button-top-right"}))));return pe?h.includes("LightBox")||"Fullscreen"==h||"Slider"==h?he:"Sidebar"==h?a.createElement(ie,{content:he}):h.includes("Inline")?a.createElement(oe,{content:he,inlinePosition:t.popupInlinePosition}):null:null},ke=({popupId:e,link:t,linkText:l,linkNewTab:n,onClose:o,imageMobile:i,imageDesktop:r,currentLayout:s,onOtherSubmit:d})=>{const c=location.pathname,{width:m,height:u,loaded:p}=q(i),{width:h,height:g,loaded:v}=q(r);return p&&v?a.createElement("div",{id:e,className:"lead-modal-wrapper","data-popup-url":c,"data-popup-type":"skin_ab"},"SkinA"==s?a.createElement("aside",{className:"le-only-desktop"},a.createElement("div",{className:"le-skin-a-desktop"},a.createElement("div",{style:{position:"relative"}},a.createElement("img",{src:r,style:{aspectRatio:`${h}/${g}`}}),a.createElement("a",{style:{position:"absolute",top:"75%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center",width:"calc(100% - 15px)"},href:t,target:n?"blank":"_parent"},a.createElement("button",{onClick:d,className:"le-joinbow-btn js-popup-other-submit"},l)),a.createElement(Y,{onClose:o,containerClassName:"close-button-top-right"})))):"SkinB"==s?a.createElement("aside",{className:"le-only-desktop"},a.createElement("div",{className:""},a.createElement("div",{style:{position:"relative",zIndex:1e4}},a.createElement("img",{src:r,style:{width:"100%",aspectRatio:`${h}/${g}`}}),a.createElement("a",{style:{position:"absolute",top:"75%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center",width:"100%"},href:t,target:n?"blank":"_parent"},a.createElement("button",{onClick:d,className:"le-joinbow-btn-mobile js-popup-other-submit"},l)),a.createElement(Y,{containerClassName:"close-button-top-right",onClose:o})))):null,a.createElement("aside",{className:"le-only-mobile"},a.createElement("div",{className:"le-skin-mobile"},a.createElement("div",{style:{position:"relative"}},a.createElement("img",{src:i,style:{width:"100%",aspectRatio:`${m}/${u}`}}),a.createElement("a",{style:{position:"absolute",top:"82%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center",maxWidth:"calc(100% - 15px)"},href:t,target:n?"blank":"_parent"},a.createElement("button",{onClick:d,className:"le-joinbow-btn-mobile js-popup-other-submit"},l)),a.createElement(Y,{containerClassName:"close-button-top-right",svgClassName:"le-mobile-btn",onClose:o}))))):null},_e=({popupId:e,url:t,newTab:l,image:n,onClose:o,onOtherSubmit:i})=>{const{width:r,height:s,loaded:d}=q(n);return d?a.createElement("div",{id:e,className:"lead-modal-wrapper","data-popup-url":location.pathname,"data-popup-type":"tab"},a.createElement("div",{className:"le-tab-popup"},a.createElement("div",{style:{position:"relative"}},a.createElement("a",{href:t,target:l?"blank":"_parent",onClick:i},a.createElement("img",{className:"js-popup-other-submit",src:n,style:{aspectRatio:`${r}/${s}`}})),a.createElement(Y,{onClose:o,containerClassName:"close-button-top-right"})))):null},Ee=[],we=[],Ce=[];const Ne=e=>{const t=[...e];for(let e=t.length-1;e>0;e--){const a=Math.floor(Math.random()*(e+1)),l=t[e];t[e]=t[a],t[a]=l}return t},Se=(e="UTC")=>{const t=new Date;return new Date(t.toLocaleString("en-US",{timeZone:e}))},Te=e=>{try{const[t,a]=e.split(" "),[l,n,o]=t.split("-").map(Number),[i,r,s]=a.split(":").map(Number);return new Date(l,n-1,o,i,r,s)}catch(e){return null}};const xe=e=>1===e.formatted_status?function(e){var t;if(1===e.forever)return!0;const a=e.started_at,l=e.ended_at,n=Te(a),o=Te(l);if(!n||!o)return!0;const i=(null===(t=e.site)||void 0===t?void 0:t.id)||1,r=R[i];return!(Se(r).getTime()>o.getTime()&&(Ce.push(e),1))}(e):0===e.formatted_status&&(Ee.push(e),(e=>{var t;const a=(null===(t=e.site)||void 0===t?void 0:t.id)||1,l=e.started_at,n=e.ended_at,o=Te(l),i=Te(n);if(!o||!i)return!1;const r=R[a],s=Se(r).getTime();return s<=i.getTime()&&s>=o.getTime()&&(we.push(e),!0)})(e));let Oe=null;function je({leadApi:e,leadSiteId:t,leadDomain:a,onShowPopup:l,DEBUG_URL:n}){const o=n||("https://"+location.hostname+location.pathname+location.search).toLowerCase();fetch(e+"api/campaign/"+t,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({url:o,ga_client_id:u("_ga")||null})}).then((e=>e.json())).then((e=>{var t,n,i,r,s;if(Pe("List campagin: ",e),U="https://"+location.hostname+location.pathname+location.search,1==e._status){const d=(null===(n=null===(t=e._data)||void 0===t?void 0:t.campaigns)||void 0===n?void 0:n.filter(xe))||[];u("hhg-id")||(p("hhg-id",v(),{domain:"."+a,path:"/"}),Pe("😍 Set HHG ID cookie"));let c=[];c=/Android|webOS|iPhone|iPad|iPod|BlackBerry|BB|PlayBook|IEMobile|Windows Phone|Kindle|Silk|Opera Mini/i.test(navigator.userAgent)?d.filter((e=>e.device_types.some((e=>e.id==I.MOBILE)))):d.filter((e=>e.device_types.some((e=>e.id==I.DESKTOP)))),Pe("👓 campaignsDevice",c),Pe("--listCampaignScheduled",Ee),Pe("--listCampaignScheduledToActivated",we),Pe("--listCampaignActiveButExpired",Ce);let m=c.map(((e,t)=>e.targets.filter((e=>e.type==L.LINKS)).map((e=>Object.assign(Object.assign({},e),{campaignIndex:t}))))).flat(1);m=m.filter((e=>{const t=new URL(String(e.target).toLowerCase());if("exact_match"==e.option)return Boolean(o===t.href);if("start_with"==e.option){if(o.includes(String(e.target))){return!e.sub_target.filter((e=>"excluding"==e.option)).map((e=>e.value)).includes(o.split("?")[0])}return!1}}));const h=Array.from(document.getElementsByTagName("META")).filter((e=>"article:tag"==e.getAttribute("property"))).map((e=>e.content));let g=[],b=[];h&&h.length&&(g=c.map(((e,t)=>e.targets.filter((e=>e.type==L.TAGS)).map((e=>Object.assign(Object.assign({},e),{campaignIndex:t}))))).flat(1),b=g.filter((e=>h.includes(e.target))));const y=[...m,...b],f=document.cookie.split("; ").map((e=>e.split("=")[0])),k=f.filter((e=>e.includes("lead_submited")));Pe("--listCampaignCodeSubmited",k);const _=f.filter((e=>e.includes("lead_closed")));Pe("--listCampaignCodeClosed",_);const E=[...k,..._],w=y.filter((e=>!E.some((t=>t.includes(c[e.campaignIndex].code))))),C=Ne(w);if(Pe("--listCampaignValid : ",C),C&&C.length){const e=c[C[0].campaignIndex];Pe("CAMPAIGN_SHOW",e);const{rules:t}=e,a=Number(null===(i=t.find((e=>"time"==e.rule)))||void 0===i?void 0:i.value);Pe("timeoutRule",a);const n=Number(null===(r=t.find((e=>"scroll"==e.rule)))||void 0===r?void 0:r.value);Pe("scrollRule",n);const o=Number(null===(s=t.find((e=>"exclude_sponsored"==e.rule)))||void 0===s?void 0:s.value);Pe("excludeSponsored",o);const d=Boolean(document.querySelector(".hhg-disclaimer-text"));if(Pe("💎 LEAD current page isSponsored",d),d&&o)return;let m="TIME";if(Number.isInteger(a)&&(m="TIME",Pe("✨ SHOW AWESOME POPUP AFTER: ",a," seconds"),Oe&&clearTimeout(Oe),Oe=setTimeout((()=>{null==l||l(e,m)}),1e3*a)),Number.isInteger(n)){m="SCROLL",Pe("✨ SHOW AWESOME AFTER: SCROLL",n," %");const t=document.querySelector(`[data-url="${location.pathname}"]`)||document.querySelector("body"),a=t.getBoundingClientRect().top,o=t.offsetHeight;Pe("👓 Element check scroll: ",t);const i=function(){const t=window.pageYOffset||document.documentElement.scrollTop;let r=0;t>=a&&(r=Math.round((t-a)/(o-innerHeight)*100)),Pe("---Scroll",r,n),r>=n&&(window.removeEventListener("scroll",i),null==l||l(e,m))};window.addEventListener("scroll",i,{passive:!0})}}else Pe("🚧 No lead campaigns on current URL, tags")}})).catch((e=>{Pe("Lead error: ",e)}))}const Pe=(...e)=>{("production"!==process.env.NODE_ENV||process.env.NEXT_PUBLIC_DEPLOY_ENV&&"production"!==process.env.NEXT_PUBLIC_DEPLOY_ENV||"undefined"!=typeof localStorage&&"true"===localStorage.getItem("hhg_debug"))&&console.log(...e)};const Be=({campaign:e,action:t,onSubmit:l,onClose:n,showThankyou:i,locale:d})=>{var c,m;b();const{apiUrl:h,siteDomain:g}=s(V);o((()=>{const e=u("_ga")||null;fetch(`${h}api/campaign/${_}/impression`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:t,url:location.href.toLowerCase(),title_article:document.title,cookie_id:u("hhg-id"),ga_client_id:e})})}),[]);const{extra_fields:y,image:f,image_desktop:k,code:_,image_background:E,image_overlay_mobile:w,image_overlay_desktop:C}=e,{currentLayout:N}=y,S=y.imageBlocks?JSON.parse(y.imageBlocks):{},T=JSON.parse(y.actionBlocks),x=JSON.parse(y.textBlocks);let O=(null===(m=null===(c=null==x?void 0:x.titleBlock)||void 0===c?void 0:c.data)||void 0===m?void 0:m.value)||"";const j={1:{},2:{},3:{}},P=r("lead-modal-"+v()),B=function(e="Xin chao {{category_2}} extra"){if(e.includes("{{category_")){const t="{{category_".length,a=e.search("{{category_");return+e.charAt(t+a)}return null}(O);if(B){Pe("⚡️ Has categoryLevel",B);const e=Array.from(document.getElementsByTagName("META")),t=e.find((e=>e.name===`content_category_${B}`)),a=e.find((e=>e.name===`content_category_en_${B}`));if(!t||!a)return Pe("⚡️ No META TAG for categoryLevel, not show popup",B),null;j[B]={value:t.content,value_en:a.content},O=O.replace(`{{category_${B}}}`,t.content),Pe("⚡️ Set categoryData ",B)}else Pe("⚡️ No categoryLevel",B);const L=()=>{var t,a,l,o;if(Pe("👌 Other submit click"),document.body.classList.remove("noscroll"),N.includes("Skin")){const e=document.querySelector("#masthead");e&&(e.style.top="0px !important;")}const i=Number(null!==(a=null===(t=e.rules.find((e=>"days_to_show_again"==e.rule)))||void 0===t?void 0:t.value)&&void 0!==a?a:7),r=Number(null!==(o=null===(l=e.rules.find((e=>"show_again_after_submit"==e.rule)))||void 0===l?void 0:l.value)&&void 0!==o?o:0);0===r&&(Pe("⛔ Popup never show again!"),p(`lead_submited_${_}`,`target_${y.popupVersion}`,{domain:"."+g,path:"/"})),1==r&&(Pe(`⌛ Popup will show again after ${i} days!`),p(`lead_submited_${_}`,`target_${y.popupVersion}`,{domain:"."+g,days:i,path:"/"}));const s=u("_ga")||null,d={url:location.href.toLowerCase(),title_article:document.title,meta:[],cookie_id:u("hhg-id"),ga_client_id:s};B&&(d.category=j[B].value_en),fetch(`${h}api/campaign/${_}/lead`,{method:"POST",body:JSON.stringify(d),headers:{"Content-Type":"application/json","X-Requested-With":"XMLHttpRequest"}}).then((e=>e.json())).then((e=>{"error"===e.status&&Pe(e)})).catch((e=>{Pe("Error:",e)})),null==n||n()};return"CenterTab"===N?a.createElement(J,{popupId:P.current,url:S.imageMobile.data.url,newTab:S.imageMobile.data.newtab,imageMobile:f,imageDestkop:k,onClose:n,onOtherSubmit:L}):"Tab"===N?a.createElement(_e,{popupId:P.current,url:S.imageMobile.data.url,newTab:S.imageMobile.data.newtab,image:f,onClose:n,onOtherSubmit:L}):"Floating"===N?a.createElement(z,{popupId:P.current,title:O,titleAlign:x.titleBlock.data.align,subtitle:x.subtitleBlock.data.value,subtitleAlign:x.subtitleBlock.data.align,url:T.linkButtonBlock.data.url,urlText:T.linkButtonBlock.data.value,newTab:T.linkButtonBlock.data.newtab,imageMobile:f,imageDesktop:k,onClose:n,onOtherSubmit:L}):N.includes("LightBox")||N.includes("Inline")||"Fullscreen"==N||"Sidebar"==N||"Slider"==N?a.createElement(fe,{popupId:P.current,extraFields:y,onClose:n,onOtherSubmit:L,imageMobile:f,imageDesktop:k,imageBackground:E,currentLayout:N,title:O,onSubmit:(e,t)=>l(e,t,B,j),key:N,imageOverlayDesktop:C,imageOverlayMobile:w,showThankyou:i,campaignId:e.id,campaign_subot_id:e.bot_id||[],locale:d}):N.includes("Skin")?a.createElement(ke,{popupId:P.current,link:T.linkButtonBlock.data.url,linkNewTab:!!T.linkButtonBlock.data.newtab,linkText:T.linkButtonBlock.data.value,onClose:n,onOtherSubmit:L,imageMobile:f,imageDesktop:k,currentLayout:N}):null},Le=({apiUrl:e,siteDomain:l,siteId:s,locale:h,apiSubotUrl:v,DEBUG_URL:b})=>{var y;const f=r(),k=r(Date.now()),{apiUrl:_}=i((()=>{let t=e;return t.includes("localhost")&&(t="https://dev.leadgen.hellobacsi.com/"),{apiUrl:t}}),[e,l,s]),[E,w]=n(null),[C,N]=n(""),[S,x]=n(null);o((()=>{G.apiLeadUrl=_,G.apiSubotUrl=v}),[_,v]);const O=(e,t)=>{w(e),N(t)},j=()=>{var e,t;if(!E)return;Pe(`👋👋👋 CLOSE POPUP ${E.code} 👋👋👋`);const a=Number(null===(e=E.rules.find((e=>"show_again_after_exit"==e.rule)))||void 0===e?void 0:e.value),n=Number(null===(t=E.rules.find((e=>"days_to_show_again"==e.rule)))||void 0===t?void 0:t.value);0==a&&p(`lead_closed_${E.code}`,`target_${E.extra_fields.popupVersion}`,n?{domain:"."+l,days:n,path:"/"}:{domain:"."+l,path:"/"}),document.body.classList.remove("noscroll"),fetch(`${_}api/campaign/${E.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:u("hhg-id"),duration:Math.ceil((Date.now()-k.current)/1e3)})}),w(null),x(null)};o((()=>{if(window.next){const e=d((e=>{Pe("--🌻 routeChangeComplete",e,Date.now());const t=location.pathname;j(),document.querySelectorAll(`[data-popup-url="${t}"]`).length?Pe("🔥 This URL page has show popup!"):(Pe("--Process checkShowPopup"),je({leadApi:_,leadDomain:l,leadSiteId:s,onShowPopup:O,DEBUG_URL:b})),f.current&&window.removeEventListener("scroll",f.current)}),500);window.next.router.events.on("routeChangeComplete",e)}je({leadApi:_,leadDomain:l,leadSiteId:s,onShowPopup:O,DEBUG_URL:b})}),[]);return o((()=>{E&&(k.current=Date.now())}),[E]),a.createElement(V.Provider,{value:{apiUrl:_,siteDomain:l,siteId:s,locale:h}},a.createElement(m.Provider,{value:{locale:h,values:W(h)}},c(a.createElement(a.Fragment,null,"2.1"===(null===(y=null==E?void 0:E.extra_fields)||void 0===y?void 0:y.popupVersion)&&a.createElement(Be,{campaign:E,action:C,onSubmit:(e,a,n,o)=>t(void 0,void 0,void 0,(function*(){var t,i,r,s,d,c,m,h,g,v,b;if(!a)return;Pe("submitHandler",n,o);const y=Object.keys(a).map((e=>({name:e,value:String(a[e])}))),f=u("_ga")||null;window.intlTelInputUtils||(yield require("intl-tel-input/build/js/utils"));const k={url:location.href.toLowerCase(),title_article:document.title,meta:y.map((t=>{var a,l;const n=(null===(a=e.querySelector(`*[name="${t.name}"]`))||void 0===a?void 0:a.getAttribute("data-control"))||(null===(l=e.querySelector(`*[data-extra][data-name="${t.name}"]`))||void 0===l?void 0:l.getAttribute("data-control"))||"text",o="tel"===n?window.intlTelInputUtils.formatNumber(String(t.value),null==M?void 0:M.countryCodeNumber,2).replace(/\s+/g,""):"date"===n?T(t.value).format("YYYY-MM-DD"):t.value;return{key:t.name,value:o,control:n,is_sent_mailchimp:e.querySelector(`div[data-name="${t.name}-mailchimp"]`)?"true":"false"}})),cookie_id:u("hhg-id"),ga_client_id:f};n&&o[n].value_en&&(k.category=o[n].value_en);const w=Number((null===(i=null===(t=E.rules)||void 0===t?void 0:t.find((e=>"days_to_show_again"===e.rule)))||void 0===i?void 0:i.value)||7),C=Number((null===(s=null===(r=E.rules)||void 0===r?void 0:r.find((e=>"show_again_after_submit"===e.rule)))||void 0===s?void 0:s.value)||0);if(0==C&&(Pe("⛔ Popup never show again!"),p(`lead_submited_${E.code}`,`target_${E.extra_fields.targetType}`,{domain:"."+l,path:"/"})),1==C&&(Pe(`⌛ Popup will show again after ${w} days!`),p(`lead_submited_${E.code}`,`target_${E.extra_fields.targetType}`,{domain:"."+l,days:w,path:"/"})),fetch(`${_}api/campaign/${E.code}/lead`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(k)}),"notshow"==E.extra_fields.popupShowThankYou)return j(),void document.body.classList.remove("noscroll");let N=!0;const S=E.thank_you_image||`${_}admin/img/thanksyou.png`;let O,P,B=E.extra_fields.popupThankyouTitle||"Thank you.",L=E.extra_fields.popupThankyouDesc||"We appreciate your time!",$="",I="",A="";if("2.1"==E.extra_fields.popupVersion){const e=E.extra_fields,t=JSON.parse(e.listBlockThankyou),a=t.find((e=>"TitleBlock"==e.name)),l=t.find((e=>"SubtitleBlock"==e.name)),n=t.find((e=>"LinkButtonBlock"==e.name));B=(null===(d=null==a?void 0:a.data)||void 0===d?void 0:d.value)||"",$=(null===(c=null==a?void 0:a.data)||void 0===c?void 0:c.align)||"",L=(null===(m=null==l?void 0:l.data)||void 0===m?void 0:m.value)||"",I=(null===(h=null==l?void 0:l.data)||void 0===h?void 0:h.align)||"",O=(null===(g=null==n?void 0:n.data)||void 0===g?void 0:g.value)||"",P=(null===(v=null==n?void 0:n.data)||void 0===v?void 0:v.newtab)||!1,A=(null===(b=null==n?void 0:n.data)||void 0===b?void 0:b.url)||"";const o=E.extra_fields.currentLayout;["SkinA","SkinB","Floating","Tab","CenterTab"].includes(o)&&(N=!1)}x(N?{title:B,titleAlign:$,subtitle:L,subtitleAlign:I,link:A,linkNewTab:P,linkText:O,image:S}:null),sessionStorage.getItem("insider_object")?window.insider_object=JSON.parse(sessionStorage.getItem("insider_object")):window.insider_object={user:{email:"",phone_number:"",gdpr_optin:!0,sms_optin:!0,email_optin:!0}},y.map((e=>{const t=e.name,a=e.value;"tel"==t?window.insider_object.user.phone_number=a:"email"==t&&(window.insider_object.user.email=a)})),sessionStorage.setItem("insider_object",JSON.stringify(window.insider_object))})),onClose:j,showThankyou:S,locale:h})),g())))};export{Le as LeadGen};
+import{_ as e,a as t}from"./tslib.es6-3ffeb615.js";import a,{createContext as l,useState as n,useEffect as o,useMemo as i,useRef as r,useContext as s}from"react";import d from"lodash/debounce";import{createPortal as c}from"react-dom";import{T as m}from"./translationsContext-cc1f1ab1.js";import{g as u,s as p}from"./cookieHelper-db4b0fe2.js";import{b as h,a as g}from"./utils-a70ab1c6.js";import{v1 as v}from"uuid";import{u as b}from"./useTranslations-c8dd68e4.js";import"./index.styled-38e301bc.js";import{B as f}from"./index-65080b20.js";import{CommonGAssets as y}from"./gAssets.js";import"@mantine/core";import"./index.styled-62716538.js";import"./index-e6725c39.js";import{t as k}from"./theme-f2ec8cec.js";import"./index.styled-3620a650.js";import"string-format";import"./index-6bbc0c2d.js";import{e as _,R as E,x as w,l as C,q as N,N as S}from"./index-53e88b26.js";import T from"dayjs";import"./screenSizeContext-dd944e06.js";import"styled-components";import"./index-c47fdbbe.js";import"./isProduction-aeb6f962.js";import"./Onboarding-0ff9b5b5.js";import"./index-7ec80c23.js";import"@mantine/hooks";import"./index.styled-848909a4.js";import"date-fns";import"react-day-picker/DayPickerInput";import"./index.styled-7ba4e121.js";import"./index-8f2581f0.js";import"lodash/throttle";import"keen-slider/react";import"./types-4339933e.js";import"react-hook-form";import"date-fns/locale/en-US";import"date-fns/locale/id";import"date-fns/locale/vi";import"date-fns/locale/zh-TW";import"./index.styled-9d93230b.js";import{S as x}from"./index-5f28651b.js";import{M as O}from"./index.styled-4f5f9516.js";import{createFormContext as j}from"@mantine/form";import"yup";import{T as P}from"./index-fc2ff9a5.js";import{H as B}from"./index-852395f4.js";import"@mantine/dates";import"@mantine/carousel";import"./index-a04dd59e.js";import"./index-74f27d14.js";import"@hookform/resolvers/yup";import"./index-bc64f53e.js";import"./useUniqueId-a6c92d8e.js";import"./index-e45e966e.js";import"./index-b1fa6ca7.js";import"slugify";import"./routing-a8c89099.js";import"dayjs/plugin/relativeTime";import"./index-cccf60e7.js";import"./Visible-6c6dfcb4.js";const L={LINKS:1,TAGS:2};let $="https://dev.leadgen.hellobacsi.com/";const I={MOBILE:1,DESKTOP:2};let A="";$.includes("localhost")&&($="https://dev.leadgen.hellobacsi.com/"),location.hostname.includes("marrybaby.vn")&&(A="pink");let U="https://"+location.hostname+location.pathname+location.search;U=U.toLowerCase(),sessionStorage.getItem("insider_object")&&(window.insider_object=JSON.parse(sessionStorage.getItem("insider_object")));const D={"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}},M=D[document.documentElement.lang]||D["vi-VN"];const R={1:"Asia/Ho_Chi_Minh",10:"Asia/Ho_Chi_Minh",11:"Asia/Ho_Chi_Minh",12:"Asia/Ho_Chi_Minh",2:"Asia/Jakarta",3:"Asia/Bangkok",4:"Asia/Phnom_Penh",5:"Asia/Kuala_Lumpur",6:"Asia/Taipei",7:"Asia/Yangon",8:"Asia/Kolkata",9:"Asia/Manila"};var H={"validator.required":"This field is required.","validator.remote":"Please fix this field.","validator.email":"Please enter a valid email address.","validator.phone":"Please input correct phone number.","validator.url":"Please enter a valid URL.","validator.date":"Please enter a valid date.","validator.dateISO":"Please enter a valid date (ISO).","validator.number":"Please enter a valid number.","validator.digits":"Please enter only digits.","validator.creditcard":"Please enter a valid credit card number.","validator.equalTo":"Please enter the same value again.","validator.accept":"Please enter a value with a valid extension.","validator.maxlength":"jQuery.validator.format('Please enter no more than {0} characters.","validator.minlength":"jQuery.validator.format('Please enter at least {0} characters.","validator.rangelength":"jQuery.validator.format('Please enter a value between {0} and {1} characters long.","validator.range":"jQuery.validator.format('Please enter a value between {0} and {1}.","validator.max":"jQuery.validator.format('Please enter a value less than or equal to {0}.","validator.min":"jQuery.validator.format('Please enter a value greater than or equal to {0}.","validator.emailUsed":"Email already in use for this campaign.","validator.phoneUsed":"Your phone number already in use for this campaign.","lead.otp.title":"Enter OTP","lead.otp.desc":"We have sent an OTP to your mobile number {phone}","lead.otp.verify":"Verify","lead.otp.resend":"Resend OTP{timer}"};const F={"en-PH":H,"vi-VN":{"validator.required":"Vui lòng điền mục này","validator.email":"Vui lòng điền email có thật.","validator.number":"Vui lòng điền số có thật","validator.digits":"Vui lòng chỉ điền số","validator.maxlength":"Vui lòng điền dưới {0} số","validator.minlength":"Vui lòng điền hơn {0} số","validator.remote":"Hãy sửa cho đúng.","validator.url":"Hãy nhập URL.","validator.date":"Hãy nhập ngày.","validator.dateISO":"Hãy nhập ngày (ISO).","validator.creditcard":"Hãy nhập số thẻ tín dụng.","validator.equalTo":"Hãy nhập thêm lần nữa.","validator.extension":"Phần mở rộng không đúng.","validator.rangelength":"Hãy nhập từ {0} đến {1} kí tự.","validator.range":"Hãy nhập từ {0} đến {1}.","validator.max":"Hãy nhập từ {0} trở xuống.","validator.min":"Hãy nhập từ {0} trở lên.","validator.phone":"Nhập đúng định dạng số điện thoại","validator.emailUsed":"Email này đã được sử dụng cho chiến dịch.","validator.phoneUsed":"Số điện thoại này đã được sử dụng cho chiến dịch.","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":H},W=e=>{const t=F[e];return t||F["en-PH"]},V=l({}),q=e=>{const[t,a]=n(16),[l,i]=n(9),[r,s]=n(!1);return o((()=>{if(s(!1),e){const t=new Image;t.addEventListener("load",(()=>{a(t.naturalWidth),i(t.naturalHeight),s(!0)})),t.addEventListener("error",(()=>{a(16),i(9),s(!0)})),t.src=e}else a(16),i(9),s(!0)}),[e]),{loaded:r,width:t,height:l}},Y=({onClose:e,containerClassName:t,svgClassName:l})=>a.createElement("button",{onClick:e,className:`le-newbuilder-close-button js-modal__close ${t||""}`},a.createElement("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:l},a.createElement("circle",{cx:"16",cy:"16",r:"16",fill:"white"}),a.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"}))),J=({popupId:e,url:t,newTab:l,imageDestkop:n,imageMobile:o,onClose:i,onOtherSubmit:r})=>{const{width:s,height:d,loaded:c}=q(o),{width:m,height:u,loaded:p}=q(n);return c&&p?a.createElement("div",{id:e,className:"lead-modal-wrapper","data-popup-url":location.pathname,"data-popup-type":"center_tab"},a.createElement("div",{className:"le-center-tab-popup"},a.createElement("div",{style:{position:"relative"}},a.createElement("a",{className:"js-popup-other-submit",href:t,target:l?"blank":"_parent",onClick:r},a.createElement("img",{className:"le-only-mobile",src:o,style:{aspectRatio:`${s}/${d}`}}),a.createElement("img",{className:"le-only-desktop",src:n,style:{aspectRatio:`${m}/${u}`}})),a.createElement(Y,{onClose:i,containerClassName:"close-button-top-right"})))):null},z=({popupId:e,url:t,title:l,urlText:n,titleAlign:o,subtitle:i,subtitleAlign:r,newTab:s,imageDesktop:d,imageMobile:c,onClose:m,onOtherSubmit:u})=>{const{width:p,height:h,loaded:g}=q(c),{width:v,height:b,loaded:f}=q(d);return g&&f?a.createElement("div",{id:e,className:"lead-modal-wrapper lead-floating-wrapper","data-popup-url":location.pathname,"data-popup-type":"floating"},a.createElement("aside",{className:"le-only-desktop"},a.createElement("div",{className:"le-floating-desktop"},a.createElement("div",{className:"le-floating-desktop-wrap",style:{position:"relative",background:"#fff"}},d?a.createElement("div",null,a.createElement("img",{style:{maxWidth:120,borderTopLeftRadius:5,borderBottomLeftRadius:5,aspectRatio:`${v}/${b}`},src:d})):null,a.createElement("div",{style:{padding:20}},a.createElement("div",{className:`le-floating-desktop-title le-text-align-${o}`},l),a.createElement("div",{className:`le-floating-desktop-desc le-text-align-${r}`},i)),a.createElement("a",{target:s?"blank":"_parent",style:{marginLeft:35,textDecoration:"none"},href:t},a.createElement("button",{className:"le-joinbow-floating-btn js-popup-other-submit",onClick:u},n)),a.createElement(Y,{onClose:m,containerClassName:"close-button-top-right"})))),a.createElement("aside",{className:"le-only-mobile"},a.createElement("div",{className:"le-floating-mobile"},a.createElement("div",{className:"le-floating-mobile-wrap",style:{position:"relative",background:"#fff"}},a.createElement("aside",{style:{display:"flex",justifyContent:"space-between"}},a.createElement("div",null,a.createElement("div",{className:`le-floating-mobile-title le-text-align-${o}`},l),a.createElement("div",{className:`le-floating-mobile-desc le-text-align-${r}`},i)),c?a.createElement("div",null,a.createElement("img",{style:{marginLeft:15,marginTop:4,maxWidth:100,aspectRatio:`${p}/${h}`},src:c})):null),a.createElement("div",{style:{textAlign:"center",marginTop:10}},a.createElement("a",{target:s?"blank":"_parent",href:t,style:{textDecoration:"none"}},a.createElement("button",{className:"le-joinbow-floating-btn js-popup-other-submit",onClick:u},n))),a.createElement(Y,{onClose:m,containerClassName:"close-button-top-right"}))))):null},K=({title:e,titleAlign:t,subtitle:l,subtitleAlign:n,link:o,linkNewTab:i,linkText:r,image:s})=>{const{width:d,height:c,loaded:m}=q(s);return m?a.createElement("div",{className:"lead-modal__thank-you"},a.createElement("div",{style:{width:"100%"}},a.createElement("img",{src:s,style:{maxHeight:162,objectFit:"cover",aspectRatio:`${d}/${c}`}}),e&&a.createElement("h1",{className:`le-thankyou-title le-text-align-${t}`},e),l&&a.createElement("p",{className:`le-thankyou-subtitle le-text-align-${n}`},l),r&&a.createElement("div",null,a.createElement("a",{href:o,target:i?"_blank":"parrent",rel:"noreferrer"},a.createElement("button",{className:`lead-modal__btn ${A}`},r))))):null};const G=new class{constructor(){this.apiLeadUrl="https://dev.leadgen.hellobacsi.com/",this.apiSubotUrl="https://staging-service-subot.hellohealthgroup.com/"}},Q={call(t){var{url:a,data:l}=t,n=e(t,["url","data"]);return n.body=JSON.stringify(l),n.headers={"Content-Type":"application/json"},fetch(`${G.apiLeadUrl}${a}`,n).then((e=>e.json())).catch((e=>({})))}},X={call(t){var{url:a,data:l}=t,n=e(t,["url","data"]);return n.body=JSON.stringify(l),n.headers={"Content-Type":"application/json"},fetch(`${G.apiSubotUrl}${a}`,n).then((e=>e.json())).catch((e=>({})))}},Z=({bot_id:e,email:t,phone:a})=>{let l=a;return l&&l.startsWith("0")&&(l=l.substring(1)),X.call({url:"frontend/api/subot-campaign/check",method:"post",data:{bot_id:e,email:t,phone:l}})},ee=({campaign_id:e,email:t,phone:a})=>{let l=a;return l&&l.startsWith("0")&&(l=l.substring(1)),Q.call({url:"api/subot-campaign/check",method:"post",data:{campaign_id:e,email:t,phone:l}})},te=({phone:e})=>Q.call({url:"api/sms/otp",method:"post",data:{phone_number:e.replace("+","")}}),ae=({phone:e,otp:t})=>Q.call({url:"api/sms/verify",method:"post",data:{otp_code:t,phone_number:e.replace("+","")}}),le={email:{},phone:{}},ne=(e,a,l)=>t(void 0,void 0,void 0,(function*(){const n="email"in l?"email":"phone",o="email"in l?l.email:l.phone,i="email"in l?"validator.emailUsed":"validator.phoneUsed";if(le[n][o]){if(le[n][o].value)return i;if(!le[n][o].value&&le[n][o].expire>Date.now())return""}const r=yield((e,a,l)=>t(void 0,void 0,void 0,(function*(){const t="email"in l?"email":"phone",n="email"in l?l.email:l.phone,o="email"in l?"validator.emailUsed":"validator.phoneUsed",i=yield ee({campaign_id:[e],[t]:n});return"SubmitLeadWithBotId_ERR_001"===i._errorCode||"SubmitLeadWithBotId_ERR_002"===i._errorCode||a.length&&"CheckSuBotLeadTool_ERR_001"===(yield Z({bot_id:a,[t]:n}))._errorCode?o:void 0})))(e,a,l);return le[n][o]=r?{value:!0}:{value:!1,expire:Date.now()+6e4},r})),oe=({content:e,inlinePosition:t})=>{const a=i((()=>{if(!t)return null;const e=document.querySelectorAll(`[data-url="${location.pathname}"] .body-content`),a=Array.from(e).reduce(((e,t)=>[...e,...Array.from(t.children)]),[]);if(null==a?void 0:a.length){const e=a.filter((e=>"P"===e.nodeName)),l=a.filter((e=>"H2"===e.nodeName));let n=null;switch(t){case"1th":n=e[0];break;case"2th":n=e[1];break;case"3th":n=e[2];break;case"4th":n=e[3];break;case"5th":n=e[4];break;case"6th":n=e[5];break;case"7th":n=e[6];break;case"8th":n=e[7];break;case"9th":n=e[8];break;case"10th":n=e[9];break;case"11th":n=e[10];break;case"12th":n=e[11];break;case"lastP":n=e[e.length-1];break;case"1thH2":n=l[0];break;case"2thH2":n=l[1];break;case"3thH2":n=l[2];break;case"4thH2":n=l[3];break;case"5thH2":n=l[4];break;case"6thH2":n=l[5];break;case"7thH2":n=l[6];break;case"8thH2":n=l[7];break;case"9thH2":n=l[8];break;case"10thH2":n=l[9];break;case"lastH2":n=l[l.length-1]}if(n){if(n.parentElement.querySelector(".inline-lead-wrapper"))return n.parentElement.querySelector(".inline-lead-wrapper");{const e=document.createElement("div");return e.classList.add("inline-lead-wrapper"),n.nextElementSibling?n.parentElement.insertBefore(e,n.nextElementSibling):n.parentElement.appendChild(e),e}}}}),[t]);return t&&a?c(e,a):null},ie=({content:e})=>{const t=i((()=>{const e=Array.from(document.querySelectorAll(".hc2-sidebar-with-ads,.page-main-col .right-col.f-right,.hhg-lead-sidebar"));return e.forEach((e=>{if(e.querySelector(".sidebar-lead-modal-wrapper"))return;const t=document.createElement("div");t.classList.add("sidebar-lead-modal-wrapper"),e.prepend(t)})),e.map((e=>e.querySelector(".sidebar-lead-modal-wrapper")))}),[]);return a.createElement(a.Fragment,null,t.map((t=>c(e,h(t,"sidebar-lead-modal-wrapper")))))},[re,se,de]=j(),ce="undefined"==typeof window,me={VN:"vi",ID:"id",TH:"th",MY:"ms",TW:"zh-TW",KH:"km",MM:"my",IN:"hi",PH:"en"},ue=(e="",a="",l="",i=500)=>{const[r,s]=n([]),[d,c]=n(!1);return o((()=>{let n;return e?n=window.setTimeout((()=>t(void 0,void 0,void 0,(function*(){var n;if(e)try{c(!0);const o=yield((e="",a="",l="vi")=>t(void 0,void 0,void 0,(function*(){return new Promise(((t,n)=>{if(!e)return n("Need valid text input");if(ce)return n("Need valid window object");try{(new window.google.maps.places.AutocompleteService).getPlacePredictions(Object.assign(Object.assign({input:e},a?{componentRestrictions:{country:a}}:{}),{language:me[l]}),t)}catch(e){n(e)}}))})))(e,a,l);s(!(n=o)||n.length<1?[]:n.map((e=>({placeId:e.place_id,description:e.description}))))}catch(e){console.error(e)}finally{c(!1)}else s([])}))),i):r.length&&s([]),()=>{window.clearTimeout(n)}}),[e,i,a]),{isLoading:d,predictions:r}},pe=["places"],he=({name:e,placeholder:t,locale:l})=>{var s;const d=se(),[c,m]=n(""),[u,p]=n(""),{predictions:h}=ue(c||"15 Lê","","tl-PH"===l?"en":null===(s=null==l?void 0:l.split("-"))||void 0===s?void 0:s[0]),[g,v]=n(null),[b,f]=n(!1),y=r(Math.random().toString(36).substring(7)),k=i((()=>{const e=h.map((e=>({value:e.description,label:e.description}))),t=e.find((e=>e.value===u));return!u||t?e:[{value:u,label:u}].concat(e)}),[h,u]);return o((()=>{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)?f(!0):import("@react-google-maps/api").then((e=>{v((()=>e.LoadScript)),setTimeout((()=>{f(!0)}),200)}))}),[]),b?a.createElement(a.Fragment,null,g&&a.createElement(g,{googleMapsApiKey:"AIzaSyB9QmhfEYcy2wj5X3Fl38aCD5UkET6n82M",libraries:pe,loadingElement:a.createElement(a.Fragment,null)}),a.createElement("div",{style:{display:"none"},"data-extra":!0,"data-name":e,"data-control":"text"}),a.createElement(x,Object.assign({className:"lead-modal__form-control",label:t,placeholder:t,withAsterisk:!0,name:e,data:k,searchValue:c,onSearchChange:e=>{m(e)},filter:()=>!0,clearable:!0,searchable:!0,onChange:e=>p(e||""),icon:a.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.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-"+y.current,rightSection:a.createElement(a.Fragment,null)},d.getInputProps(e)))):a.createElement("div",{style:{height:73}})},ge=({children:e,align:t})=>a.createElement("p",{className:`lead-modal__description ${"le-text-align-"+(t||"")} ${A}`},e),ve=({children:e,align:t})=>a.createElement("h2",{className:`lead-modal__title ${"le-text-align-"+(t||"")} ${A}`},e),be=({listBlockAdded:e,popupId:t,locale:l,onClose:n,onOtherSubmit:o})=>{const i=se();return a.createElement(a.Fragment,null,e.map(((e,r)=>{const{name:s="",data:d={}}=e||{},{placeholder:c,value:m,align:u,listQuestion:p,isSendMailChimp:h=!1,newtab:g,url:v}=d;switch(s){case"TitleBlock":return a.createElement(ve,{key:r,align:u},m);case"SubtitleBlock":return a.createElement(ge,{key:r,align:u},m);case"TextBlock":return a.createElement(_,Object.assign({key:r,withAsterisk:!0,spellCheck:!1,type:"text",placeholder:c,className:"lead-modal__form-control",label:c,"data-control":"text",name:m},i.getInputProps(m)));case"NumberBlock":return a.createElement(S,Object.assign({key:r,withAsterisk:!0,spellCheck:!1,type:"number",placeholder:c,className:"lead-modal__form-control",label:c,"data-control":"number",name:m},i.getInputProps(m)));case"EmailBlock":return a.createElement(_,Object.assign({key:r,withAsterisk:!0,spellCheck:!1,placeholder:c,className:"lead-modal__form-control",label:c,"data-control":"email",name:m},i.getInputProps(m)));case"PhoneOtpBlock":case"PhoneBlock":{const e=t+"-"+m+"-"+r;return a.createElement(_.Wrapper,Object.assign({size:"md",withAsterisk:!0,key:r,label:c,className:"lead-modal__form-control",labelProps:{htmlFor:e}},i.getInputProps(m)),a.createElement(N,{name:m,spellCheck:!1,type:"tel",placeholder:c,onChange:e=>{i.setFieldValue(m,e)},id:e,defaultCountry:l&&O[l]||"VN","data-control":"tel"}))}case"LocationBlock":return a.createElement(he,{key:r,name:m,placeholder:c,locale:l});case"DateBlock":return a.createElement(C,Object.assign({withAsterisk:!0,key:r,type:"date",name:m,placeholder:c,className:"lead-modal__form-control",label:c,"data-control":"date"},i.getInputProps(m)));case"LinkButtonBlock":return a.createElement("div",{key:r},a.createElement("a",{target:g?"blank":"parrent",href:v,style:{textDecoration:"none"}},a.createElement(f,{type:"button",size:"md",className:`lead-modal__btn ${A}`,onClick:()=>{null==n||n(),null==o||o()}},m)));case"CheckboxBlock":return a.createElement(a.Fragment,null,h&&a.createElement("div",{style:{display:"none"},"data-name":m+"-mailchimp"}),a.createElement(w.Group,Object.assign({withAsterisk:!0,className:"lead-modal__form-control",key:r,label:c,size:"md"},i.getInputProps(m)),p.map(((e,t)=>a.createElement(w,{name:m,key:t,value:e.value,label:e.placeholder,"data-control":"checkbox"})))));case"RadioBlock":return a.createElement(a.Fragment,null,h&&a.createElement(_,{type:"hidden",name:m+"-mailchimp",value:h}),a.createElement(E.Group,Object.assign({withAsterisk:!0,className:"lead-modal__form-control",key:r,label:c,size:"md"},i.getInputProps(m)),p.map(((e,t)=>a.createElement(E,{name:m,key:t,value:e.value,label:e.placeholder,"data-control":"radio"})))));case"DropdownBlock":return a.createElement(a.Fragment,null,a.createElement("div",{style:{display:"none"},"data-extra":!0,"data-name":m,"data-control":"dropdown"}),a.createElement(x,Object.assign({key:r,className:"lead-modal__form-control",label:c,withAsterisk:!0,name:m,data:p.map((e=>({value:e.value,label:e.placeholder})))},i.getInputProps(m))))}return null})))},fe=({phone:e,onSuccess:l,autoSendWhenOpen:i})=>{const{t:s}=b(),[d,c]=n(""),[m,u]=n(!1),[p,h]=n(0),g=r(null),[v,y]=n(),[E,w]=n(""),C=r();o((()=>{t(void 0,void 0,void 0,(function*(){var t;if(!C.current){const e=yield import("react-phone-number-input");C.current=e.formatPhoneNumberIntl}w((null===(t=C.current)||void 0===t?void 0:t.call(C,e))||e)}))}),[e]);const N=()=>t(void 0,void 0,void 0,(function*(){var t;if(!e)return;const a=yield te({phone:e}),n=null===(t=null==a?void 0:a._messages)||void 0===t?void 0:t[0];"Send sms successfully"===n?(h(60),setTimeout((()=>{g.current&&(g.current.focus(),g.current.scrollIntoView({block:"center"}))}),100)):"This phone number was verified"===n?l():y(n||"something Wrong")}));return o((()=>{setTimeout((()=>{p>0&&h((e=>e-1))}),1e3)}),[p]),o((()=>{i&&!p&&N()}),[]),a.createElement(a.Fragment,null,a.createElement("form",{onSubmit:a=>{a.preventDefault(),t(void 0,void 0,void 0,(function*(){if(!e||!d)return;const t=yield ae({phone:e,otp:d}),a=null==t?void 0:t._messages[0];"Verify successfully"===a||"This phone number was verified"===a?l():y(a||"something Wrong")}))},className:"lead-phone-otp-form"},a.createElement(B,{tag:"h3",fontWeight:"bold",style:{marginBottom:4}},s("lead.otp.title")),a.createElement(P,{size:"p1",color:k.colors.gray600},s("lead.otp.desc",{phone:E})),a.createElement(_,{ref:g,name:"_"+name+"-otp",spellCheck:!1,type:"number",placeholder:"Enter OTP",className:"lead-modal__form-control",label:"Phone OTP","data-control":"otp",withAsterisk:!0,pattern:"[0-9]*",value:d,onChange:e=>{u(!0),c(e),y(m&&!e?"OTP is required":void 0)},error:m?v:void 0}),a.createElement(f,{size:"md",color:"primary",className:`lead-modal__btn ${A}`,disabled:!d},s("lead.otp.verify")),a.createElement(f,{type:"button",size:"md",color:"transparent",className:`lead-modal__btn lead-phone-otp-button ${A}`,onClick:()=>{N()},disabled:!!p},s("lead.otp.resend",{timer:p?` (${p}s)`:""}))))},ye=({popupId:e,extraFields:t,onClose:l,onOtherSubmit:s,imageMobile:d,imageDesktop:c,imageOverlayMobile:m,imageOverlayDesktop:u,imageBackground:p,currentLayout:h,title:g,onSubmit:v,showThankyou:k,campaignId:_,campaign_subot_id:E,locale:w})=>{var C,N,S;const T=JSON.parse(t.listBlockAdded),x=JSON.parse(t.actionBlocks),O=JSON.parse(t.textBlocks),j=x.submitBlock.data.url,P=x.submitBlock.data.text,B=x.submitBlock.data.text2,L=x.submitBlock.data.value,$=location.pathname,I=h.includes("Inline")||"Sidebar"===h,U="Slider"===h,[D,R]=n(!0),[H,F]=n(""),W=r(),V=()=>{H?F(""):null==l||l()};if(window.innerWidth<769&&["Fullscreen","Slider"].includes(h))return console.log("😎 Not show fullscreen, slider on mobile "),null;o((()=>{(h.includes("LightBox")||"Fullscreen"==h)&&document.body.classList.add("noscroll"),window.intlTelInputUtils||require("intl-tel-input/build/js/utils"),le.email={},le.phone={}}),[]);const J=r(!1),z=r(!1),{form:G,validateObj:Q}=(({listBlockAdded:e=[],validatingPhoneRef:t,validatingEmailRef:a,campaignId:l,campaign_subot_id:n=[]})=>{const{t:o}=b(),s=i((()=>{const i=["TextBlock","NumberBlock","EmailBlock","PhoneBlock","DateBlock","CheckboxBlock","RadioBlock","DropdownBlock","PhoneOtpBlock","LocationBlock"],r=(e,t)=>a=>{if(c.current.isTouched(e))return void 0===a||""===a||Array.isArray(a)&&0===a.length?o("validator.required"):null==t?void 0:t(a)};return e.filter((e=>i.includes(e.name))).reduce(((e,i)=>"NumberBlock"===i.name?Object.assign(Object.assign({},e),{[i.data.value]:r(i.data.value,(e=>{if(isNaN(Number(e)))return o("validator.number")}))}):"EmailBlock"===i.name?Object.assign(Object.assign({},e),{[i.data.value]:r(i.data.value,(e=>{if(!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e))return o("validator.email");a.current=!0,setTimeout((()=>{c.current.setFieldError(i.data.value,"Validating..."),ne(l,n,{email:e}).then((e=>{e?c.current.setFieldError(i.data.value,o(e)):c.current.clearFieldError(i.data.value),a.current=!1})).catch((e=>{console.error(e),c.current.setFieldError(i.data.value,e.message||"Something went wrong"),a.current=!1}))}),200)}))}):"PhoneBlock"===i.name||"PhoneOtpBlock"===i.name?Object.assign(Object.assign({},e),{[i.data.value]:r(i.data.value,(e=>{if(window.intlTelInputUtils&&!window.intlTelInputUtils.isValidNumber(String(e),M.countryCode))return o("validator.phone");t.current=!0,setTimeout((()=>{c.current.setFieldError(i.data.value,"Validating..."),ne(l,n,{phone:e}).then((e=>{e?c.current.setFieldError(i.data.value,o(e)):c.current.clearFieldError(i.data.value),t.current=!1})).catch((e=>{console.error(e),c.current.setFieldError(i.data.value,e.message||"Something went wrong"),t.current=!1}))}),200)}))}):"DateBlock"===i.name?Object.assign(Object.assign({},e),{[i.data.value]:r(i.data.value,(e=>{if(isNaN(Date.parse(e)))return o("validator.date")}))}):Object.assign(Object.assign({},e),{[i.data.value]:r(i.data.value)})),{})}),[e.map((e=>e.name)).join(",")]),d=de({validateInputOnChange:!0,clearInputErrorOnChange:!0,validate:s}),c=r(d);return c.current=d,{form:d,validateObj:s}})({listBlockAdded:T,validatingPhoneRef:J,validatingEmailRef:z,campaignId:_,campaign_subot_id:E}),{width:X,height:Z,loaded:ee}=q(p),{width:te,height:ae,loaded:se}=q(d),{width:ce,height:me,loaded:ue}=q(c),pe=se&&ue&&("Fullscreen"!=h||ee),he=a.createElement(a.Fragment,null,a.createElement("style",{dangerouslySetInnerHTML:{__html:`\n          .le-newbuilder-overlay {\n            background-repeat: no-repeat;\n            background-size: cover;\n          }\n          ${m?`\n              .le-newbuilder-overlay {\n                background: url(${m}) ;\n              }`:""}\n          ${u?`\n              @media screen and (min-width:768px) {\n                .le-newbuilder-overlay {\n                  background: url(${u}) ;\n                }\n              }`:""}`}}),a.createElement("div",{id:e,"data-popup-url":$,"data-popup-type":"lightbox-inline",className:`lead-modal lead-modal-wrapper modal--animate-scale ${I?"le-buider-inline":""} ${U?"le-buider-slider":""}`},"Fullscreen"==h?a.createElement("img",{className:"le-only-desktop le-fullscreen-img",draggable:!1,src:p||"",style:{aspectRatio:`${X}/${Z}`}}):null,a.createElement("div",{className:`lead-modal__wrapper le-newbuilder-wrap-${h}`},a.createElement("div",{className:`lead-modal__content le-newbuilder-${h}`},k?a.createElement(K,{title:k.title,titleAlign:k.titleAlign,subtitle:k.subtitle,subtitleAlign:k.subtitleAlign,link:k.link,linkNewTab:k.linkNewTab,linkText:k.linkText,image:k.image}):a.createElement(a.Fragment,null,a.createElement("header",{className:"lead-modal__header"},H?a.createElement("img",{src:y.getAssetPath("lead-otp-thumb.png"),draggable:"false",alt:"",style:{width:"100%"}}):a.createElement(a.Fragment,null,["LightBoxA","InlineA","Sidebar","Slider"].includes(h)?d?a.createElement("img",{draggable:"false",className:"lead-modal__image lead-modal-image-cover",src:d,style:{aspectRatio:`${te}/${ae}`},alt:""}):null:a.createElement(a.Fragment,null,c?a.createElement("img",{draggable:"false",className:"le-only-desktop lead-modal__image lead-modal-image-cover",style:{height:"100%",objectFit:"cover",aspectRatio:`${ce}/${me}`},src:c,alt:""}):null,d?a.createElement("img",{draggable:"false",className:"le-only-mobile lead-modal__image lead-modal-image-cover",src:d,alt:"",style:{aspectRatio:`${te}/${ae}`}}):null))),H&&a.createElement(fe,{phone:H,autoSendWhenOpen:!0,onSuccess:()=>{null==v||v(W.current,G.values)}}),a.createElement("div",{"data-hidden":!!H,className:"lead-modal__body le-newbuilder-overlay"},a.createElement(re,{form:G},a.createElement("form",{ref:W,className:`lead-modal__form ${e}`,onSubmit:e=>{e.preventDefault(),G.setTouched(Object.keys(Q).reduce(((e,t)=>(e[t]=!0,e)),{})),z.current||J.current||setTimeout((()=>{G.onSubmit((e=>{var t,a,l;if(!Object.keys(G.errors).length){if(T.findIndex((e=>"PhoneOtpBlock"===e.name))>-1){const n=null===(a=null===(t=T.find((e=>"PhoneOtpBlock"===e.name)))||void 0===t?void 0:t.data)||void 0===a?void 0:a.value;if(null===(l=e[n])||void 0===l?void 0:l.startsWith("+84"))return void F(e[n])}null==v||v(W.current,e)}}))(e)}),100)}},a.createElement("div",{style:{marginBottom:20}},a.createElement("h2",{className:`lead-modal__title ${"le-text-align-"+(null===(C=O.titleBlock.data)||void 0===C?void 0:C.align)} ${A}`},g),a.createElement("p",{className:`lead-modal__description ${"le-text-align-"+(null===(N=O.titleBlock.data)||void 0===N?void 0:N.align)} ${A}`},O.subtitleBlock.data.value)),a.createElement("div",{className:"lead-modal__form-control-wrapper"},a.createElement(be,{listBlockAdded:T,popupId:e,locale:w,onClose:V,onOtherSubmit:s})),(null===(S=null==x?void 0:x.submitBlock)||void 0===S?void 0:S.isHide)?null:a.createElement(a.Fragment,null,a.createElement("div",{className:`lead-modal__checkbox-wrapper ${A}`},a.createElement("div",{className:"lead-modal__checkbox"},a.createElement("input",{id:"lead-term-checkbox",className:`lead-modal__checkbox__input ${A}`,type:"checkbox","aria-label":"Checkbox label",checked:D,onChange:e=>R(e.currentTarget.checked)}),a.createElement("div",{className:"lead-modal__checkbox__control","aria-hidden":"true"})),a.createElement("label",{htmlFor:"checkbox",className:"lead-modal__checkbox__label"},P," ",a.createElement("span",{style:{fontWeight:"bold"}},a.createElement("a",{target:"blank",href:j||"https://hellobacsi.com/chinh-sach",rel:"noopener noreferrer",style:{textDecoration:"none"}},B)))),a.createElement(f,{size:"md",id:"lead-submit",type:"submit",className:`lead-modal__btn ${A}`,disabled:!D},L))))))),!h.includes("Inline")&&a.createElement(Y,{onClose:V,containerClassName:"close-button-top-right"}))));return pe?h.includes("LightBox")||"Fullscreen"==h||"Slider"==h?he:"Sidebar"==h?a.createElement(ie,{content:he}):h.includes("Inline")?a.createElement(oe,{content:he,inlinePosition:t.popupInlinePosition}):null:null},ke=({popupId:e,link:t,linkText:l,linkNewTab:n,onClose:o,imageMobile:i,imageDesktop:r,currentLayout:s,onOtherSubmit:d})=>{const c=location.pathname,{width:m,height:u,loaded:p}=q(i),{width:h,height:g,loaded:v}=q(r);return p&&v?a.createElement("div",{id:e,className:"lead-modal-wrapper","data-popup-url":c,"data-popup-type":"skin_ab"},"SkinA"==s?a.createElement("aside",{className:"le-only-desktop"},a.createElement("div",{className:"le-skin-a-desktop"},a.createElement("div",{style:{position:"relative"}},a.createElement("img",{src:r,style:{aspectRatio:`${h}/${g}`}}),a.createElement("a",{style:{position:"absolute",top:"75%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center",width:"calc(100% - 15px)"},href:t,target:n?"blank":"_parent"},a.createElement("button",{onClick:d,className:"le-joinbow-btn js-popup-other-submit"},l)),a.createElement(Y,{onClose:o,containerClassName:"close-button-top-right"})))):"SkinB"==s?a.createElement("aside",{className:"le-only-desktop"},a.createElement("div",{className:""},a.createElement("div",{style:{position:"relative",zIndex:1e4}},a.createElement("img",{src:r,style:{width:"100%",aspectRatio:`${h}/${g}`}}),a.createElement("a",{style:{position:"absolute",top:"75%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center",width:"100%"},href:t,target:n?"blank":"_parent"},a.createElement("button",{onClick:d,className:"le-joinbow-btn-mobile js-popup-other-submit"},l)),a.createElement(Y,{containerClassName:"close-button-top-right",onClose:o})))):null,a.createElement("aside",{className:"le-only-mobile"},a.createElement("div",{className:"le-skin-mobile"},a.createElement("div",{style:{position:"relative"}},a.createElement("img",{src:i,style:{width:"100%",aspectRatio:`${m}/${u}`}}),a.createElement("a",{style:{position:"absolute",top:"82%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center",maxWidth:"calc(100% - 15px)"},href:t,target:n?"blank":"_parent"},a.createElement("button",{onClick:d,className:"le-joinbow-btn-mobile js-popup-other-submit"},l)),a.createElement(Y,{containerClassName:"close-button-top-right",svgClassName:"le-mobile-btn",onClose:o}))))):null},_e=({popupId:e,url:t,newTab:l,image:n,onClose:o,onOtherSubmit:i})=>{const{width:r,height:s,loaded:d}=q(n);return d?a.createElement("div",{id:e,className:"lead-modal-wrapper","data-popup-url":location.pathname,"data-popup-type":"tab"},a.createElement("div",{className:"le-tab-popup"},a.createElement("div",{style:{position:"relative"}},a.createElement("a",{href:t,target:l?"blank":"_parent",onClick:i},a.createElement("img",{className:"js-popup-other-submit",src:n,style:{aspectRatio:`${r}/${s}`}})),a.createElement(Y,{onClose:o,containerClassName:"close-button-top-right"})))):null},Ee=[],we=[],Ce=[];const Ne=e=>{const t=[...e];for(let e=t.length-1;e>0;e--){const a=Math.floor(Math.random()*(e+1)),l=t[e];t[e]=t[a],t[a]=l}return t},Se=(e="UTC")=>{const t=new Date;return new Date(t.toLocaleString("en-US",{timeZone:e}))},Te=e=>{try{const[t,a]=e.split(" "),[l,n,o]=t.split("-").map(Number),[i,r,s]=a.split(":").map(Number);return new Date(l,n-1,o,i,r,s)}catch(e){return null}};const xe=e=>1===e.formatted_status?function(e){var t;if(1===e.forever)return!0;const a=e.started_at,l=e.ended_at,n=Te(a),o=Te(l);if(!n||!o)return!0;const i=(null===(t=e.site)||void 0===t?void 0:t.id)||1,r=R[i];return!(Se(r).getTime()>o.getTime()&&(Ce.push(e),1))}(e):0===e.formatted_status&&(Ee.push(e),(e=>{var t;const a=(null===(t=e.site)||void 0===t?void 0:t.id)||1,l=e.started_at,n=e.ended_at,o=Te(l),i=Te(n);if(!o||!i)return!1;const r=R[a],s=Se(r).getTime();return s<=i.getTime()&&s>=o.getTime()&&(we.push(e),!0)})(e));let Oe=null;function je({leadApi:e,leadSiteId:t,leadDomain:a,onShowPopup:l,DEBUG_URL:n}){const o=n||("https://"+location.hostname+location.pathname+location.search).toLowerCase();fetch(e+"api/campaign/"+t,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({url:o,ga_client_id:u("_ga")||null})}).then((e=>e.json())).then((e=>{var t,n,i,r,s;if(Pe("List campagin: ",e),U="https://"+location.hostname+location.pathname+location.search,1==e._status){const d=(null===(n=null===(t=e._data)||void 0===t?void 0:t.campaigns)||void 0===n?void 0:n.filter(xe))||[];u("hhg-id")||(p("hhg-id",v(),{domain:"."+a,path:"/"}),Pe("😍 Set HHG ID cookie"));let c=[];c=/Android|webOS|iPhone|iPad|iPod|BlackBerry|BB|PlayBook|IEMobile|Windows Phone|Kindle|Silk|Opera Mini/i.test(navigator.userAgent)?d.filter((e=>e.device_types.some((e=>e.id==I.MOBILE)))):d.filter((e=>e.device_types.some((e=>e.id==I.DESKTOP)))),Pe("👓 campaignsDevice",c),Pe("--listCampaignScheduled",Ee),Pe("--listCampaignScheduledToActivated",we),Pe("--listCampaignActiveButExpired",Ce);let m=c.map(((e,t)=>e.targets.filter((e=>e.type==L.LINKS)).map((e=>Object.assign(Object.assign({},e),{campaignIndex:t}))))).flat(1);m=m.filter((e=>{const t=new URL(String(e.target).toLowerCase());if("exact_match"==e.option)return Boolean(o===t.href);if("start_with"==e.option){if(o.includes(String(e.target))){return!e.sub_target.filter((e=>"excluding"==e.option)).map((e=>e.value)).includes(o.split("?")[0])}return!1}}));const h=Array.from(document.getElementsByTagName("META")).filter((e=>"article:tag"==e.getAttribute("property"))).map((e=>e.content));let g=[],b=[];h&&h.length&&(g=c.map(((e,t)=>e.targets.filter((e=>e.type==L.TAGS)).map((e=>Object.assign(Object.assign({},e),{campaignIndex:t}))))).flat(1),b=g.filter((e=>h.includes(e.target))));const f=[...m,...b],y=document.cookie.split("; ").map((e=>e.split("=")[0])),k=y.filter((e=>e.includes("lead_submited")));Pe("--listCampaignCodeSubmited",k);const _=y.filter((e=>e.includes("lead_closed")));Pe("--listCampaignCodeClosed",_);const E=[...k,..._],w=f.filter((e=>!E.some((t=>t.includes(c[e.campaignIndex].code))))),C=Ne(w);if(Pe("--listCampaignValid : ",C),C&&C.length){const e=c[C[0].campaignIndex];Pe("CAMPAIGN_SHOW",e);const{rules:t}=e,a=Number(null===(i=t.find((e=>"time"==e.rule)))||void 0===i?void 0:i.value);Pe("timeoutRule",a);const n=Number(null===(r=t.find((e=>"scroll"==e.rule)))||void 0===r?void 0:r.value);Pe("scrollRule",n);const o=Number(null===(s=t.find((e=>"exclude_sponsored"==e.rule)))||void 0===s?void 0:s.value);Pe("excludeSponsored",o);const d=Boolean(document.querySelector(".hhg-disclaimer-text"));if(Pe("💎 LEAD current page isSponsored",d),d&&o)return;let m="TIME";if(Number.isInteger(a)&&(m="TIME",Pe("✨ SHOW AWESOME POPUP AFTER: ",a," seconds"),Oe&&clearTimeout(Oe),Oe=setTimeout((()=>{null==l||l(e,m)}),1e3*a)),Number.isInteger(n)){m="SCROLL",Pe("✨ SHOW AWESOME AFTER: SCROLL",n," %");const t=document.querySelector(`[data-url="${location.pathname}"]`)||document.querySelector("body"),a=t.getBoundingClientRect().top,o=t.offsetHeight;Pe("👓 Element check scroll: ",t);const i=function(){const t=window.pageYOffset||document.documentElement.scrollTop;let r=0;t>=a&&(r=Math.round((t-a)/(o-innerHeight)*100)),Pe("---Scroll",r,n),r>=n&&(window.removeEventListener("scroll",i),null==l||l(e,m))};window.addEventListener("scroll",i,{passive:!0})}}else Pe("🚧 No lead campaigns on current URL, tags")}})).catch((e=>{Pe("Lead error: ",e)}))}const Pe=(...e)=>{("production"!==process.env.NODE_ENV||process.env.NEXT_PUBLIC_DEPLOY_ENV&&"production"!==process.env.NEXT_PUBLIC_DEPLOY_ENV||"undefined"!=typeof localStorage&&"true"===localStorage.getItem("hhg_debug"))&&console.log(...e)};const Be=({campaign:e,action:t,onSubmit:l,onClose:n,showThankyou:i,locale:d})=>{var c,m;b();const{apiUrl:h,siteDomain:g}=s(V);o((()=>{const e=u("_ga")||null;fetch(`${h}api/campaign/${_}/impression`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:t,url:location.href.toLowerCase(),title_article:document.title,cookie_id:u("hhg-id"),ga_client_id:e})})}),[]);const{extra_fields:f,image:y,image_desktop:k,code:_,image_background:E,image_overlay_mobile:w,image_overlay_desktop:C}=e,{currentLayout:N}=f,S=f.imageBlocks?JSON.parse(f.imageBlocks):{},T=JSON.parse(f.actionBlocks),x=JSON.parse(f.textBlocks);let O=(null===(m=null===(c=null==x?void 0:x.titleBlock)||void 0===c?void 0:c.data)||void 0===m?void 0:m.value)||"";const j={1:{},2:{},3:{}},P=r("lead-modal-"+v()),B=function(e="Xin chao {{category_2}} extra"){if(e.includes("{{category_")){const t="{{category_".length,a=e.search("{{category_");return+e.charAt(t+a)}return null}(O);if(B){Pe("⚡️ Has categoryLevel",B);const e=Array.from(document.getElementsByTagName("META")),t=e.find((e=>e.name===`content_category_${B}`)),a=e.find((e=>e.name===`content_category_en_${B}`));if(!t||!a)return Pe("⚡️ No META TAG for categoryLevel, not show popup",B),null;j[B]={value:t.content,value_en:a.content},O=O.replace(`{{category_${B}}}`,t.content),Pe("⚡️ Set categoryData ",B)}else Pe("⚡️ No categoryLevel",B);const L=()=>{var t,a,l,o;if(Pe("👌 Other submit click"),document.body.classList.remove("noscroll"),N.includes("Skin")){const e=document.querySelector("#masthead");e&&(e.style.top="0px !important;")}const i=Number(null!==(a=null===(t=e.rules.find((e=>"days_to_show_again"==e.rule)))||void 0===t?void 0:t.value)&&void 0!==a?a:7),r=Number(null!==(o=null===(l=e.rules.find((e=>"show_again_after_submit"==e.rule)))||void 0===l?void 0:l.value)&&void 0!==o?o:0);0===r&&(Pe("⛔ Popup never show again!"),p(`lead_submited_${_}`,`target_${f.popupVersion}`,{domain:"."+g,path:"/"})),1==r&&(Pe(`⌛ Popup will show again after ${i} days!`),p(`lead_submited_${_}`,`target_${f.popupVersion}`,{domain:"."+g,days:i,path:"/"}));const s=u("_ga")||null,d={url:location.href.toLowerCase(),title_article:document.title,meta:[],cookie_id:u("hhg-id"),ga_client_id:s};B&&(d.category=j[B].value_en),fetch(`${h}api/campaign/${_}/lead`,{method:"POST",body:JSON.stringify(d),headers:{"Content-Type":"application/json","X-Requested-With":"XMLHttpRequest"}}).then((e=>e.json())).then((e=>{"error"===e.status&&Pe(e)})).catch((e=>{Pe("Error:",e)})),null==n||n()};return"CenterTab"===N?a.createElement(J,{popupId:P.current,url:S.imageMobile.data.url,newTab:S.imageMobile.data.newtab,imageMobile:y,imageDestkop:k,onClose:n,onOtherSubmit:L}):"Tab"===N?a.createElement(_e,{popupId:P.current,url:S.imageMobile.data.url,newTab:S.imageMobile.data.newtab,image:y,onClose:n,onOtherSubmit:L}):"Floating"===N?a.createElement(z,{popupId:P.current,title:O,titleAlign:x.titleBlock.data.align,subtitle:x.subtitleBlock.data.value,subtitleAlign:x.subtitleBlock.data.align,url:T.linkButtonBlock.data.url,urlText:T.linkButtonBlock.data.value,newTab:T.linkButtonBlock.data.newtab,imageMobile:y,imageDesktop:k,onClose:n,onOtherSubmit:L}):N.includes("LightBox")||N.includes("Inline")||"Fullscreen"==N||"Sidebar"==N||"Slider"==N?a.createElement(ye,{popupId:P.current,extraFields:f,onClose:n,onOtherSubmit:L,imageMobile:y,imageDesktop:k,imageBackground:E,currentLayout:N,title:O,onSubmit:(e,t)=>l(e,t,B,j),key:N,imageOverlayDesktop:C,imageOverlayMobile:w,showThankyou:i,campaignId:e.id,campaign_subot_id:e.bot_id||[],locale:d}):N.includes("Skin")?a.createElement(ke,{popupId:P.current,link:T.linkButtonBlock.data.url,linkNewTab:!!T.linkButtonBlock.data.newtab,linkText:T.linkButtonBlock.data.value,onClose:n,onOtherSubmit:L,imageMobile:y,imageDesktop:k,currentLayout:N}):null},Le=({apiUrl:e,siteDomain:l,siteId:s,locale:h,apiSubotUrl:v,DEBUG_URL:b})=>{var f;const y=r(),k=r(Date.now()),{apiUrl:_}=i((()=>{let t=e;return t.includes("localhost")&&(t="https://dev.leadgen.hellobacsi.com/"),{apiUrl:t}}),[e,l,s]),[E,w]=n(null),[C,N]=n(""),[S,x]=n(null);o((()=>{G.apiLeadUrl=_,G.apiSubotUrl=v}),[_,v]);const O=(e,t)=>{w(e),N(t)},j=()=>{var e,t;if(!E)return;Pe(`👋👋👋 CLOSE POPUP ${E.code} 👋👋👋`);const a=Number(null===(e=E.rules.find((e=>"show_again_after_exit"==e.rule)))||void 0===e?void 0:e.value),n=Number(null===(t=E.rules.find((e=>"days_to_show_again"==e.rule)))||void 0===t?void 0:t.value);0==a&&p(`lead_closed_${E.code}`,`target_${E.extra_fields.popupVersion}`,n?{domain:"."+l,days:n,path:"/"}:{domain:"."+l,path:"/"}),document.body.classList.remove("noscroll"),fetch(`${_}api/campaign/${E.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:u("hhg-id"),duration:Math.ceil((Date.now()-k.current)/1e3)})}),w(null),x(null)};o((()=>{if(window.next){const e=d((e=>{Pe("--🌻 routeChangeComplete",e,Date.now());const t=location.pathname;j(),document.querySelectorAll(`[data-popup-url="${t}"]`).length?Pe("🔥 This URL page has show popup!"):(Pe("--Process checkShowPopup"),je({leadApi:_,leadDomain:l,leadSiteId:s,onShowPopup:O,DEBUG_URL:b})),y.current&&window.removeEventListener("scroll",y.current)}),500);window.next.router.events.on("routeChangeComplete",e)}je({leadApi:_,leadDomain:l,leadSiteId:s,onShowPopup:O,DEBUG_URL:b})}),[]);return o((()=>{E&&(k.current=Date.now())}),[E]),a.createElement(V.Provider,{value:{apiUrl:_,siteDomain:l,siteId:s,locale:h}},a.createElement(m.Provider,{value:{locale:h,values:W(h)}},c(a.createElement(a.Fragment,null,"2.1"===(null===(f=null==E?void 0:E.extra_fields)||void 0===f?void 0:f.popupVersion)&&a.createElement(Be,{campaign:E,action:C,onSubmit:(e,a,n,o)=>t(void 0,void 0,void 0,(function*(){var t,i,r,s,d,c,m,h,g,v,b;if(!a)return;Pe("submitHandler",n,o);const f=Object.keys(a).map((e=>({name:e,value:String(a[e])}))),y=u("_ga")||null;window.intlTelInputUtils||(yield require("intl-tel-input/build/js/utils"));const k={url:location.href.toLowerCase(),title_article:document.title,meta:f.map((t=>{var a,l;const n=(null===(a=e.querySelector(`*[name="${t.name}"]`))||void 0===a?void 0:a.getAttribute("data-control"))||(null===(l=e.querySelector(`*[data-extra][data-name="${t.name}"]`))||void 0===l?void 0:l.getAttribute("data-control"))||"text",o="tel"===n?window.intlTelInputUtils.formatNumber(String(t.value),null==M?void 0:M.countryCodeNumber,2).replace(/\s+/g,""):"date"===n?T(t.value).format("YYYY-MM-DD"):t.value;return{key:t.name,value:o,control:n,is_sent_mailchimp:e.querySelector(`div[data-name="${t.name}-mailchimp"]`)?"true":"false"}})),cookie_id:u("hhg-id"),ga_client_id:y};n&&o[n].value_en&&(k.category=o[n].value_en);const w=Number((null===(i=null===(t=E.rules)||void 0===t?void 0:t.find((e=>"days_to_show_again"===e.rule)))||void 0===i?void 0:i.value)||7),C=Number((null===(s=null===(r=E.rules)||void 0===r?void 0:r.find((e=>"show_again_after_submit"===e.rule)))||void 0===s?void 0:s.value)||0);if(0==C&&(Pe("⛔ Popup never show again!"),p(`lead_submited_${E.code}`,`target_${E.extra_fields.targetType}`,{domain:"."+l,path:"/"})),1==C&&(Pe(`⌛ Popup will show again after ${w} days!`),p(`lead_submited_${E.code}`,`target_${E.extra_fields.targetType}`,{domain:"."+l,days:w,path:"/"})),fetch(`${_}api/campaign/${E.code}/lead`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(k)}),"notshow"==E.extra_fields.popupShowThankYou)return j(),void document.body.classList.remove("noscroll");let N=!0;const S=E.thank_you_image||`${_}admin/img/thanksyou.png`;let O,P,B=E.extra_fields.popupThankyouTitle||"Thank you.",L=E.extra_fields.popupThankyouDesc||"We appreciate your time!",$="",I="",A="";if("2.1"==E.extra_fields.popupVersion){const e=E.extra_fields,t=JSON.parse(e.listBlockThankyou),a=t.find((e=>"TitleBlock"==e.name)),l=t.find((e=>"SubtitleBlock"==e.name)),n=t.find((e=>"LinkButtonBlock"==e.name));B=(null===(d=null==a?void 0:a.data)||void 0===d?void 0:d.value)||"",$=(null===(c=null==a?void 0:a.data)||void 0===c?void 0:c.align)||"",L=(null===(m=null==l?void 0:l.data)||void 0===m?void 0:m.value)||"",I=(null===(h=null==l?void 0:l.data)||void 0===h?void 0:h.align)||"",O=(null===(g=null==n?void 0:n.data)||void 0===g?void 0:g.value)||"",P=(null===(v=null==n?void 0:n.data)||void 0===v?void 0:v.newtab)||!1,A=(null===(b=null==n?void 0:n.data)||void 0===b?void 0:b.url)||"";const o=E.extra_fields.currentLayout;["SkinA","SkinB","Floating","Tab","CenterTab"].includes(o)&&(N=!1)}x(N?{title:B,titleAlign:$,subtitle:L,subtitleAlign:I,link:A,linkNewTab:P,linkText:O,image:S}: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}},f.map((e=>{const t=e.name,a=e.value;"tel"==t?window.insider_object.user.phone_number=a:"email"==t&&(window.insider_object.user.email=a)})),sessionStorage.setItem("insider_object",JSON.stringify(window.insider_object))})),onClose:j,showThankyou:S,locale:h})),g())))};export{Le as LeadGen};

package/build/esm/mantine.js

@@ -1 +1 @@
-export{S as Select}from"./index-ec86862d.js";import{r as a,s as r}from"./index-eac59274.js";export{t as Accordion,v as Avatar,w as Carousel,x as Checkbox,l as DatePicker,e as Input,n as MAPPED_LOCALE,z as OTHER_THEME_CONFIG,O as OTP,q as Phone,R as Radio,B as Tabs,y as emotionCache,s as useMantineLocale}from"./index-eac59274.js";export{T as Text}from"./index-ebf96abb.js";export{B as Button}from"./index-8397c0ba.js";import{g as o}from"./index-90f6bb63.js";export{A as AspectRatio,S as Switch,g as getMantineThemeOverride,t as themeColors}from"./index-90f6bb63.js";import{_ as i}from"./tslib.es6-8ad0dce2.js";import c,{useMemo as m}from"react";import{Indicator as d,Badge as p,Spoiler as b,LoadingOverlay as f,MantineProvider as u,clsx as j,Title as h,Text as E,Button as H}from"@mantine/core";import"dayjs";import"./screenSizeContext-7f938ef8.js";import"styled-components";import{t as P}from"./theme-d943ba50.js";import"./index-931dda49.js";import"./utils-890cca60.js";import"./isProduction-16441a77.js";import"./Onboarding-c4eaff4c.js";import"./gAssets.js";export{M as Modal}from"./index-c6f585a6.js";import{T as N}from"./index-82034656.js";import{u as k}from"./useTranslations-87aa4633.js";export{C as CentralCarousel}from"./index-65c67ff0.js";export{S as Slider}from"./index-5d108eca.js";export{A as Anchor}from"./index-7ff4c333.js";import"@mantine/dates";import"@mantine/hooks";import"@mantine/carousel";import"lodash/throttle";import"./translationsContext-5f2c6d88.js";import"string-format";import"./index-13ede8e1.js";const L=e=>{var{styles:t}=e,a=i(e,["styles"]);return c.createElement(d,Object.assign({inline:!0,position:"top-end",offset:4,styles:Object.assign({indicator:{backgroundColor:P.colors.red700},processing:{animationDirection:"alternate"}},t)},a))},D=e=>c.createElement(a,Object.assign({minRows:2,maxRows:4},e)),I=e=>{var{color:t=P.colors.primaryBase,styles:a}=e,s=i(e,["color","styles"]);return c.createElement(p,Object.assign({variant:"filled",color:t,styles:Object.assign({root:{borderRadius:"2px",background:t,textTransform:"unset"}},a)},s))},_=e=>{var{children:t,line:a,lineHeight:s,trackingAttributes:r,maxHeight:o,customExpandFn:n}=e,l=i(e,["children","line","lineHeight","trackingAttributes","maxHeight","customExpandFn"]);const{t:d}=k(),p=m((()=>o||(a&&s?a*s:(console.error("[HHG-Comp]:[Spoiler] Please provide maxHeight, or line with lineHeight"),0))),[]);t||console.error("[HHG-Comp]:[Spoiler] Please provide children");const x=m((()=>r?{"data-event-category":r.dataEventCategory,"data-event-action":r.dataEventAction,"data-event-label":r.dataEventLabel}:{}),[r]);return c.createElement(b,Object.assign({showLabel:c.createElement(N,Object.assign({size:"p3",color:P.colors.primaryBase},x,{onClick:n}),d("articlePage.readMore")),hideLabel:c.createElement(N,Object.assign({size:"p3",color:P.colors.primaryBase},x),d("articlePage.showLess"))},l,{maxHeight:p}),t)},F=e=>c.createElement(f,Object.assign({loaderProps:{color:P.colors.primaryBase}},e)),G=e=>{var{children:t,locale:a,template:s="hb"}=e,n=i(e,["children","locale","template"]);return r(a),c.createElement(u,Object.assign({theme:o(a,s)},n),t)};var J={container:"MON6sfi",iconContainer:"pS-tJD7",icon:"s3tJ9-5",title:"fNsZr1b",description:"uuxV74v",button:"YohjTDU"};function U(e){const{icon:t,title:a,description:s,button:r,buttonProps:o,style:n,className:l}=e,m=o||{},{size:d="lg",variant:p="outline"}=m,x=i(m,["size","variant"]),b=t;return c.createElement("div",{className:j("result",J.container,l),style:n},b&&c.createElement("div",{className:j("resultIconContainer",J.iconContainer)},c.createElement(b,{className:j("resultIcon",J.icon)})),c.createElement(h,{order:3,size:"h3",className:j("resultTitle",J.title)},a),c.createElement(E,{className:j("resultDescription",J.description)},s),r&&c.createElement(H,Object.assign({},x,{size:d,variant:p,className:j("resultButton",J.button,x.className)}),r))}export{I as Badge,L as Indicator,F as LoadingOverlay,G as MantineProvider,U as Result,_ as Spoiler,D as TextArea};
+export{S as Select}from"./index-5f28651b.js";import{r as a,s as r}from"./index-53e88b26.js";export{t as Accordion,v as Avatar,w as Carousel,x as Checkbox,l as DatePicker,e as Input,n as MAPPED_LOCALE,z as OTHER_THEME_CONFIG,O as OTP,q as Phone,R as Radio,B as Tabs,y as emotionCache,s as useMantineLocale}from"./index-53e88b26.js";export{T as Text}from"./index-cccf60e7.js";export{B as Button}from"./index-311efb07.js";import{g as o}from"./index-8ab4372f.js";export{A as AspectRatio,S as Switch,g as getMantineThemeOverride,t as themeColors}from"./index-8ab4372f.js";import{_ as i}from"./tslib.es6-3ffeb615.js";import c,{useMemo as m}from"react";import{Indicator as d,Badge as p,Spoiler as b,LoadingOverlay as f,MantineProvider as u,clsx as j,Title as h,Text as E,Button as H}from"@mantine/core";import"dayjs";import"./screenSizeContext-dd944e06.js";import"styled-components";import{t as P}from"./theme-f2ec8cec.js";import"./index-c47fdbbe.js";import"./utils-a70ab1c6.js";import"./isProduction-aeb6f962.js";import"./Onboarding-0ff9b5b5.js";import"./gAssets.js";export{M as Modal}from"./index-407e602b.js";import{T as N}from"./index-fc2ff9a5.js";import{u as k}from"./useTranslations-c8dd68e4.js";export{C as CentralCarousel}from"./index-7ec80c23.js";export{S as Slider}from"./index-b1fa6ca7.js";export{A as Anchor}from"./index-4cf35cf1.js";import"@mantine/dates";import"@mantine/hooks";import"@mantine/carousel";import"lodash/throttle";import"./translationsContext-cc1f1ab1.js";import"string-format";import"./index-65080b20.js";const L=e=>{var{styles:t}=e,a=i(e,["styles"]);return c.createElement(d,Object.assign({inline:!0,position:"top-end",offset:4,styles:Object.assign({indicator:{backgroundColor:P.colors.red700},processing:{animationDirection:"alternate"}},t)},a))},D=e=>c.createElement(a,Object.assign({minRows:2,maxRows:4},e)),I=e=>{var{color:t=P.colors.primaryBase,styles:a}=e,s=i(e,["color","styles"]);return c.createElement(p,Object.assign({variant:"filled",color:t,styles:Object.assign({root:{borderRadius:"2px",background:t,textTransform:"unset"}},a)},s))},_=e=>{var{children:t,line:a,lineHeight:s,trackingAttributes:r,maxHeight:o,customExpandFn:n}=e,l=i(e,["children","line","lineHeight","trackingAttributes","maxHeight","customExpandFn"]);const{t:d}=k(),p=m((()=>o||(a&&s?a*s:(console.error("[HHG-Comp]:[Spoiler] Please provide maxHeight, or line with lineHeight"),0))),[]);t||console.error("[HHG-Comp]:[Spoiler] Please provide children");const f=m((()=>r?{"data-event-category":r.dataEventCategory,"data-event-action":r.dataEventAction,"data-event-label":r.dataEventLabel}:{}),[r]);return c.createElement(b,Object.assign({showLabel:c.createElement(N,Object.assign({size:"p3",color:P.colors.primaryBase},f,{onClick:n}),d("articlePage.readMore")),hideLabel:c.createElement(N,Object.assign({size:"p3",color:P.colors.primaryBase},f),d("articlePage.showLess"))},l,{maxHeight:p}),t)},F=e=>c.createElement(f,Object.assign({loaderProps:{color:P.colors.primaryBase}},e)),G=e=>{var{children:t,locale:a,template:s="hb"}=e,n=i(e,["children","locale","template"]);return r(a),c.createElement(u,Object.assign({theme:o(a,s)},n),t)};var J={container:"MON6sfi",iconContainer:"pS-tJD7",icon:"s3tJ9-5",title:"fNsZr1b",description:"uuxV74v",button:"YohjTDU"};function U(e){const{icon:t,title:a,description:s,button:r,buttonProps:o,style:n,className:l}=e,m=o||{},{size:d="lg",variant:p="outline"}=m,b=i(m,["size","variant"]),f=t;return c.createElement("div",{className:j("result",J.container,l),style:n},f&&c.createElement("div",{className:j("resultIconContainer",J.iconContainer)},c.createElement(f,{className:j("resultIcon",J.icon)})),c.createElement(h,{order:3,size:"h3",className:j("resultTitle",J.title)},a),c.createElement(E,{className:j("resultDescription",J.description)},s),r&&c.createElement(H,Object.assign({},b,{size:d,variant:p,className:j("resultButton",J.button,b.className)}),r))}export{I as Badge,L as Indicator,F as LoadingOverlay,G as MantineProvider,U as Result,_ as Spoiler,D as TextArea};

package/build/esm/misc.js

@@ -1 +1 @@
-export{a as ageGenerate,c as convertLocalizedStringToNumber,l as localizeNumberFormat}from"./localizeNumberFormat-aacf0389.js";export{S as ScreenSizeContext,j as ScreenSizeContextProvider,h as fadeIn,i as getWindowSizeGroups,a as slideInDown,b as slideInLeft,c as slideInRight,s as slideInUp,e as slideOutDown,f as slideOutLeft,g as slideOutRight,d as slideOutUp}from"./screenSizeContext-7f938ef8.js";export{d as deleteCookie,g as getCookie,s as setCookie}from"./cookieHelper-97879a73.js";import"react";import"styled-components";export{M as MBTheme,t as theme}from"./theme-d943ba50.js";export{a as abbreviateNumber,f as formatPill}from"./dataTransform-ba859f8f.js";export{d as getCareApiDomain,g as getCurrentBaseUrl,a as getCurrentSsoUrl,c as getDiscoverApiDomain,b as getTogetherApiDomain}from"./routing-7608845d.js";export{B as Breakpoints,M as MediaQueries,f as formatUrlWithPageParam,g as getBoundariesFromMediaQueryKey,a as getPopupWrapperDom,b as getWrapperDomWithSelector,m as makeParams,c as safeEncodeURI,s as startCase,t as toggleNoScroll}from"./utils-890cca60.js";export{f as formatHealthTool,g as getDynamicHealthTool,a as getDynamicHealthToolWithCache}from"./getDynamicHealthTool-3217b546.js";export{g as getSocialList}from"./getSocialList-2cdf9cd2.js";import"dayjs";import"lodash/throttle";import"./index-931dda49.js";import"./Onboarding-c4eaff4c.js";import"./isProduction-16441a77.js";import"./tslib.es6-8ad0dce2.js";import"./core-d8ec704b.js";import"./normalizeLink-7f32e4a8.js";import"./gAssets.js";
+export{a as ageGenerate,c as convertLocalizedStringToNumber,l as localizeNumberFormat}from"./localizeNumberFormat-4320beb2.js";export{S as ScreenSizeContext,j as ScreenSizeContextProvider,h as fadeIn,i as getWindowSizeGroups,a as slideInDown,b as slideInLeft,c as slideInRight,s as slideInUp,e as slideOutDown,f as slideOutLeft,g as slideOutRight,d as slideOutUp}from"./screenSizeContext-dd944e06.js";export{d as deleteCookie,g as getCookie,s as setCookie}from"./cookieHelper-db4b0fe2.js";import"react";import"styled-components";export{M as MBTheme,t as theme}from"./theme-f2ec8cec.js";export{a as abbreviateNumber,f as formatPill}from"./dataTransform-59cf21e0.js";export{d as getCareApiDomain,g as getCurrentBaseUrl,a as getCurrentSsoUrl,c as getDiscoverApiDomain,b as getTogetherApiDomain}from"./routing-a8c89099.js";export{B as Breakpoints,M as MediaQueries,f as formatUrlWithPageParam,g as getBoundariesFromMediaQueryKey,a as getPopupWrapperDom,b as getWrapperDomWithSelector,m as makeParams,c as safeEncodeURI,s as startCase,t as toggleNoScroll}from"./utils-a70ab1c6.js";export{f as formatHealthTool,g as getDynamicHealthTool,a as getDynamicHealthToolWithCache}from"./getDynamicHealthTool-d314125b.js";export{g as getSocialList}from"./getSocialList-f1cbd097.js";import"dayjs";import"lodash/throttle";import"./index-c47fdbbe.js";import"./Onboarding-0ff9b5b5.js";import"./isProduction-aeb6f962.js";import"./tslib.es6-3ffeb615.js";import"./core-4edf6e77.js";import"./normalizeLink-95b9c829.js";import"./gAssets.js";

package/build/esm/navigation.js

@@ -1 +1 @@
-import"./tslib.es6-8ad0dce2.js";import"react";import"./core-d8ec704b.js";export{N as NavigationV2,g as getNavMenuContent,a as getNavMenuContentWithCache}from"./index-8a9ad18b.js";import"./index-931dda49.js";import"./normalizeLink-7f32e4a8.js";import"./routing-7608845d.js";import"./dataTransform-18e7f72a.js";import"./index.styled-8c0d64c9.js";import"./isProduction-16441a77.js";import"./gAssets.js";import"./Onboarding-c4eaff4c.js";import"./useUniqueId-f9d6a425.js";import"./index-82034656.js";import"./index-92afb619.js";import"./index-147d75bc.js";import"./utils-890cca60.js";import"styled-components";import"./useTranslations-87aa4633.js";import"./translationsContext-5f2c6d88.js";import"string-format";import"lodash/throttle";import"./index.styled-e48935b8.js";import"./theme-d943ba50.js";import"./index.styled-8c20f8e8.js";import"dayjs";import"./screenSizeContext-7f938ef8.js";import"@mantine/core";import"./index-13ede8e1.js";import"./cookieHelper-97879a73.js";import"./index.styled-8c3a567c.js";import"./index-f37bd5f5.js";import"./index-eac59274.js";import"@mantine/dates";import"@mantine/hooks";import"@mantine/carousel";import"./index-65c67ff0.js";import"./constants-cd275dff.js";import"./useIsInit-51896b9e.js";import"./index-4dfba953.js";import"lodash/debounce";import"slugify";import"dayjs/plugin/relativeTime";
+import"./tslib.es6-3ffeb615.js";import"react";import"./core-4edf6e77.js";export{N as NavigationV2,g as getNavMenuContent,a as getNavMenuContentWithCache}from"./index-2ed8c12d.js";import"./index-c47fdbbe.js";import"./normalizeLink-95b9c829.js";import"./routing-a8c89099.js";import"./dataTransform-8b4f66e4.js";import"./index.styled-7ba4e121.js";import"./isProduction-aeb6f962.js";import"./gAssets.js";import"./Onboarding-0ff9b5b5.js";import"./useUniqueId-a6c92d8e.js";import"./index-fc2ff9a5.js";import"./index-a04dd59e.js";import"./index-e6725c39.js";import"./utils-a70ab1c6.js";import"styled-components";import"./useTranslations-c8dd68e4.js";import"./translationsContext-cc1f1ab1.js";import"string-format";import"lodash/throttle";import"./index.styled-38e301bc.js";import"./theme-f2ec8cec.js";import"./index.styled-62716538.js";import"dayjs";import"./screenSizeContext-dd944e06.js";import"@mantine/core";import"./index-65080b20.js";import"./cookieHelper-db4b0fe2.js";import"./index.styled-3620a650.js";import"./index-6bbc0c2d.js";import"./index-53e88b26.js";import"@mantine/dates";import"@mantine/hooks";import"@mantine/carousel";import"./index-7ec80c23.js";import"./constants-109919c0.js";import"./useIsInit-ea732cb9.js";import"./index-852395f4.js";import"lodash/debounce";import"slugify";import"dayjs/plugin/relativeTime";

package/build/esm/onboarding.js

@@ -1 +1 @@
-import{a as e,_ as o}from"./tslib.es6-8ad0dce2.js";import t,{useContext as n,useState as r,useRef as i,useEffect as a,useMemo as s,useCallback as l}from"react";import{Input as c,Title as m}from"@mantine/core";import{useInterval as d,useCounter as p}from"@mantine/hooks";import"./index.styled-e48935b8.js";import{B as b}from"./index-13ede8e1.js";import"./gAssets.js";import"./index.styled-8c20f8e8.js";import"./index-147d75bc.js";import"./utils-890cca60.js";import{t as u}from"./theme-d943ba50.js";import"./index.styled-8c3a567c.js";import{u as f}from"./useTranslations-87aa4633.js";import"./index-f37bd5f5.js";import"./index-eac59274.js";import{T as E}from"./index-ebf96abb.js";import"dayjs";import"./screenSizeContext-7f938ef8.js";import"styled-components";import{L as y}from"./index-931dda49.js";import"./isProduction-16441a77.js";import{O as h}from"./Onboarding-c4eaff4c.js";export{O as OnboardingStep}from"./Onboarding-c4eaff4c.js";import"./index-65c67ff0.js";import{O as v,u as S,o as j,S as C,h as k,F as P,D as x,a as w,b as B,c as L,d as T,e as F,f as z,g as D,i as I,j as N,k as R,l as _}from"./index.styled-0c429a3f.js";export{M as MAPPED_LOCALE,g as OnboardingForm}from"./index.styled-0c429a3f.js";import"lodash/debounce";import{yupResolver as A}from"@mantine/form";import V from"lodash/throttle";import{T as $}from"./index-82034656.js";import{format as H}from"date-fns";import"./translationsContext-5f2c6d88.js";import"string-format";import"@mantine/dates";import"@mantine/carousel";import"./Visible-4e9f0519.js";import"yup";const U=({onSubmit:o,phone:l,email:c,onResendCode:m,otpError:g,onClose:E,loading:y,onBack:h,canSkip:O,outOfEdit:w})=>{const{siteType:B,isMarryBaby:L}=n(v),[T,M]=r(30),F=d((()=>M((e=>e-1))),1e3),[z,D]=p(0,{min:0,max:3}),I=i(!0),{t:N}=f();a((()=>(F.start(),F.stop)),[]),a((()=>{0===T&&(F.stop(),I.current=!1)}),[T]);const R=S({initialValues:{otp:""},validate:A(j(N))});a((()=>{g&&R.setFieldError("otp",g)}),[g]);const _=s((()=>V((()=>{I.current||(D.increment(),M(30),null==m||m(l||c),F.start(),I.current=!0)}),1e3,{trailing:!1})),[l,c,m,F]);return t.createElement(C,{heading:N("onboarding.otpForm.heading"),description:t.createElement(t.Fragment,null,t.createElement("span",{dangerouslySetInnerHTML:{__html:l?N("onboarding.otpForm.description",{phone:`<b style="color:${u.colors.gray800}">${l.slice(0,-3).replace(/./g,"x").concat(l.slice(-3))}</b>`}):N("onboarding.otpForm.descriptionEmail",{email:`<b style="color:${u.colors.gray800}">${k(c)}</b>`})}}),!w&&t.createElement("svg",{onClick:()=>{null==h||h()},width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"otp-description-edit-icon"},t.createElement("path",{d:"M12.7812 1.33337C12.2987 1.33337 11.8162 1.51712 11.4479 1.88546L10.6667 2.66671L13.3333 5.33337L14.1146 4.55212C14.8506 3.81612 14.8506 2.62212 14.1146 1.88546C13.7463 1.51712 13.2638 1.33337 12.7812 1.33337ZM9.66667 3.66671L2 11.3334V14H4.66667L12.3333 6.33337L9.66667 3.66671Z",fill:"#ADB3BC"})))},t.createElement(P,{form:R},t.createElement("form",{onSubmit:R.onSubmit((t=>e(void 0,void 0,void 0,(function*(){D.increment(),o(t.otp)}))),(e=>{console.log(e)}))},t.createElement(x,{inputOrder:["otp"]}),t.createElement("div",{className:"resend"},t.createElement($,{size:"p4",color:u.colors.gray400},N("onboarding.otpForm.notReceiveOTP")),t.createElement($,{as:"a",size:"p4",color:L?u.mbColors.pink:u.colors.primaryBase,onClick:_},N("onboarding.otpForm.resendCode",{seconds:T}))),t.createElement(b,{theme:B,color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:y,disabled:y,"data-event-category":"Sign Up","data-event-action":"Confirm Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},N("onboarding.button.continue")),O&&z>=3&&t.createElement(b,{theme:B,color:"ghost",isBlock:!0,size:"lg",onClick:E,type:"button"},N("onboarding.button.skip")))))},Z=({onClose:e,onSubmit:o,canSkip:r,loading:i,errorMessage:s,initialData:l})=>{const{t:c,locale:m}=f(),{siteType:d,isMarryBaby:p}=n(v),u=S({validate:A(w(c))});return a((()=>{u.setValues(Object.assign(Object.assign({gender:"0"},l),(null==l?void 0:l.birthday)&&{birthday:new Date(l.birthday)}))}),[l]),a((()=>{s&&u.setFieldError("email",s)}),[s]),t.createElement(B,{heading:c("onboarding.formEmail.heading"),description:c("onboarding.formEmail.description",{site:p?"Marry Baby":y[m].SITE_NAME_FORMATTED})},t.createElement(P,{form:u},t.createElement("form",{className:"form",onSubmit:u.onSubmit((e=>{o(Object.assign(Object.assign({},e),{birthday:e.birthday&&H(e.birthday,"yyyy-MM-dd")}))}),(e=>{console.log({fieldErrors:e})}))},t.createElement(x,{inputOrder:["full_name","email","dob","gender"]}),t.createElement(b,{color:"primary",isBlock:!0,size:"lg",type:"submit",theme:d,isLoading:i,disabled:i},c("onboarding.button.continue")),r&&t.createElement(b,{theme:d,color:"ghost",isBlock:!0,size:"lg",onClick:e},c("onboarding.button.skip")))))},q=({onClose:e,onSubmit:o,canSkip:n,errorMessage:r,loading:i})=>{const{t:a}=f(),s=S({initialValues:{password:"",confirmPassword:""},validate:A(L(a))});return t.createElement(B,{heading:a("onboarding.updatePassword.heading"),description:a("onboarding.updatePassword.description")},t.createElement(P,{form:s},t.createElement("form",{className:"form",onSubmit:s.onSubmit((e=>o((null==e?void 0:e.password)||"")),(e=>{console.log({fieldErrors:e})}))},t.createElement(x,{inputOrder:["password","confirm_password"]}),t.createElement(b,{color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:i,disabled:i},a("onboarding.button.continue")),n&&t.createElement(b,{color:"ghost",isBlock:!0,size:"lg",onClick:e},a("onboarding.button.skip")),r&&t.createElement(c.Error,{className:"form-error"},r))))},G=n=>{var{banner:i,canSkip:a,createPassError:s,createPassLoading:c,customFormTexts:d,emailLoading:g,flow:y=[h.Phone,h.OTP],initialData:S,onClose:j,onCreatePassByEmail:C,onOtpSubmit:k,onPersonalInfoSubmit:O,onPhoneSubmit:P,onResendCode:x,otpError:w,otpLoading:L,personalInfoError:M,resultScreenProps:A,siteType:V,step:$}=n,H=o(n,["banner","canSkip","createPassError","createPassLoading","customFormTexts","emailLoading","flow","initialData","onClose","onCreatePassByEmail","onOtpSubmit","onPersonalInfoSubmit","onPhoneSubmit","onResendCode","otpError","otpLoading","personalInfoError","resultScreenProps","siteType","step"]);const{t:G}=f(),[J,K]=r($||y[0]),[Q,W]=r(""),[X,Y]=r(""),[ee,oe]=p(0,{min:0,max:2}),te=l((()=>{const e=y.indexOf(J)+1;e<=y.length-1&&K(y[e])}),[J]),ne=l((()=>{const e=y.indexOf(J)-1;e>=0&&K(y[e])}),[J]),re=o=>e(void 0,void 0,void 0,(function*(){try{!(yield k(o))&&te()}catch(e){console.error(e)}})),ie=()=>{ee>=2||(oe.increment(),ne())},ae="marryBaby"===V;return t.createElement(v.Provider,{value:{siteType:V,isMarryBaby:ae}},t.createElement(T,Object.assign({},H),y.length>0?t.createElement(F,null,t.createElement(z,{"data-has-banner":"object"==typeof i},J===h.Phone&&t.createElement(D,{onClose:j,canSkip:a,onSubmit:o=>e(void 0,void 0,void 0,(function*(){try{W(o),yield null==P?void 0:P(o),te()}catch(e){console.error(e)}})),customFormTexts:d.onboarding}),J===h.OTP&&t.createElement(U,{onClose:j,onSubmit:re,phone:Q,onResendCode:x,otpError:w,loading:L,canSkip:a,onBack:ie,outOfEdit:ee>=2}),J===h.OTPEmail&&t.createElement(U,{onClose:j,onSubmit:re,onResendCode:x,otpError:w,loading:L,canSkip:a,onBack:ie,outOfEdit:ee>=2,email:X}),J===h.PersonalInfo&&t.createElement(Z,{initialData:null==S?void 0:S[h.PersonalInfo],onClose:j,canSkip:a,onSubmit:o=>e(void 0,void 0,void 0,(function*(){try{Y((null==o?void 0:o.email)||"");!(yield null==O?void 0:O(o))&&te()}catch(e){console.error(e)}})),errorMessage:M,loading:g}),J===h.UpdatePassword&&t.createElement(q,{onClose:j,canSkip:a,onSubmit:o=>e(void 0,void 0,void 0,(function*(){try{yield null==C?void 0:C(o),!s&&te()}catch(e){console.error(e)}})),errorMessage:s,loading:c}),J===h.Result&&t.createElement(B,Object.assign({},A),t.createElement(b,{theme:V,size:"lg",onClick:j,className:"form-button"},G("onboarding.button.continue")))),"object"==typeof i&&t.createElement(I,null,t.createElement(N,{"data-is-marry-baby":ae},t.createElement(R,null,(null==i?void 0:i.heading)&&t.createElement(m,{order:1,mb:24},null==i?void 0:i.heading),(null==i?void 0:i.description)&&t.createElement(E,{size:"p1",color:u.colors.gray800},G("onboarding.welcomeScreen.content"))),(null==i?void 0:i.imgSrc)&&t.createElement("div",null,t.createElement(_,{src:null==i?void 0:i.imgSrc,loading:"lazy"}))))):"Incorrect flow"))};export{G as OnboardingModal,U as OtpForm};
+import{a as e,_ as o}from"./tslib.es6-3ffeb615.js";import t,{useContext as n,useState as r,useRef as i,useEffect as a,useMemo as s,useCallback as l}from"react";import{Input as c,Title as m}from"@mantine/core";import{useInterval as d,useCounter as p}from"@mantine/hooks";import"./index.styled-38e301bc.js";import{B as b}from"./index-65080b20.js";import"./gAssets.js";import"./index.styled-62716538.js";import"./index-e6725c39.js";import"./utils-a70ab1c6.js";import{t as u}from"./theme-f2ec8cec.js";import"./index.styled-3620a650.js";import{u as f}from"./useTranslations-c8dd68e4.js";import"./index-6bbc0c2d.js";import"./index-53e88b26.js";import{T as E}from"./index-cccf60e7.js";import"dayjs";import"./screenSizeContext-dd944e06.js";import"styled-components";import{L as y}from"./index-c47fdbbe.js";import"./isProduction-aeb6f962.js";import{O as h}from"./Onboarding-0ff9b5b5.js";export{O as OnboardingStep}from"./Onboarding-0ff9b5b5.js";import"./index-7ec80c23.js";import{O as v,u as S,o as j,S as C,h as k,F as P,D as x,a as w,b as B,c as L,d as T,e as F,f as z,g as D,i as I,j as N,k as R,l as _}from"./index.styled-4f5f9516.js";export{M as MAPPED_LOCALE,g as OnboardingForm}from"./index.styled-4f5f9516.js";import"lodash/debounce";import{yupResolver as A}from"@mantine/form";import V from"lodash/throttle";import{T as $}from"./index-fc2ff9a5.js";import{format as H}from"date-fns";import"./translationsContext-cc1f1ab1.js";import"string-format";import"@mantine/dates";import"@mantine/carousel";import"./Visible-6c6dfcb4.js";import"yup";const U=({onSubmit:o,phone:l,email:c,onResendCode:m,otpError:g,onClose:E,loading:y,onBack:h,canSkip:O,outOfEdit:w})=>{const{siteType:B,isMarryBaby:L}=n(v),[T,M]=r(30),F=d((()=>M((e=>e-1))),1e3),[z,D]=p(0,{min:0,max:3}),I=i(!0),{t:N}=f();a((()=>(F.start(),F.stop)),[]),a((()=>{0===T&&(F.stop(),I.current=!1)}),[T]);const R=S({initialValues:{otp:""},validate:A(j(N))});a((()=>{g&&R.setFieldError("otp",g)}),[g]);const _=s((()=>V((()=>{I.current||(D.increment(),M(30),null==m||m(l||c),F.start(),I.current=!0)}),1e3,{trailing:!1})),[l,c,m,F]);return t.createElement(C,{heading:N("onboarding.otpForm.heading"),description:t.createElement(t.Fragment,null,t.createElement("span",{dangerouslySetInnerHTML:{__html:l?N("onboarding.otpForm.description",{phone:`<b style="color:${u.colors.gray800}">${l.slice(0,-3).replace(/./g,"x").concat(l.slice(-3))}</b>`}):N("onboarding.otpForm.descriptionEmail",{email:`<b style="color:${u.colors.gray800}">${k(c)}</b>`})}}),!w&&t.createElement("svg",{onClick:()=>{null==h||h()},width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"otp-description-edit-icon"},t.createElement("path",{d:"M12.7812 1.33337C12.2987 1.33337 11.8162 1.51712 11.4479 1.88546L10.6667 2.66671L13.3333 5.33337L14.1146 4.55212C14.8506 3.81612 14.8506 2.62212 14.1146 1.88546C13.7463 1.51712 13.2638 1.33337 12.7812 1.33337ZM9.66667 3.66671L2 11.3334V14H4.66667L12.3333 6.33337L9.66667 3.66671Z",fill:"#ADB3BC"})))},t.createElement(P,{form:R},t.createElement("form",{onSubmit:R.onSubmit((t=>e(void 0,void 0,void 0,(function*(){D.increment(),o(t.otp)}))),(e=>{console.log(e)}))},t.createElement(x,{inputOrder:["otp"]}),t.createElement("div",{className:"resend"},t.createElement($,{size:"p4",color:u.colors.gray400},N("onboarding.otpForm.notReceiveOTP")),t.createElement($,{as:"a",size:"p4",color:L?u.mbColors.pink:u.colors.primaryBase,onClick:_},N("onboarding.otpForm.resendCode",{seconds:T}))),t.createElement(b,{theme:B,color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:y,disabled:y,"data-event-category":"Sign Up","data-event-action":"Confirm Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},N("onboarding.button.continue")),O&&z>=3&&t.createElement(b,{theme:B,color:"ghost",isBlock:!0,size:"lg",onClick:E,type:"button"},N("onboarding.button.skip")))))},Z=({onClose:e,onSubmit:o,canSkip:r,loading:i,errorMessage:s,initialData:l})=>{const{t:c,locale:m}=f(),{siteType:d,isMarryBaby:p}=n(v),u=S({validate:A(w(c))});return a((()=>{u.setValues(Object.assign(Object.assign({gender:"0"},l),(null==l?void 0:l.birthday)&&{birthday:new Date(l.birthday)}))}),[l]),a((()=>{s&&u.setFieldError("email",s)}),[s]),t.createElement(B,{heading:c("onboarding.formEmail.heading"),description:c("onboarding.formEmail.description",{site:p?"Marry Baby":y[m].SITE_NAME_FORMATTED})},t.createElement(P,{form:u},t.createElement("form",{className:"form",onSubmit:u.onSubmit((e=>{o(Object.assign(Object.assign({},e),{birthday:e.birthday&&H(e.birthday,"yyyy-MM-dd")}))}),(e=>{console.log({fieldErrors:e})}))},t.createElement(x,{inputOrder:["full_name","email","dob","gender"]}),t.createElement(b,{color:"primary",isBlock:!0,size:"lg",type:"submit",theme:d,isLoading:i,disabled:i},c("onboarding.button.continue")),r&&t.createElement(b,{theme:d,color:"ghost",isBlock:!0,size:"lg",onClick:e},c("onboarding.button.skip")))))},q=({onClose:e,onSubmit:o,canSkip:n,errorMessage:r,loading:i})=>{const{t:a}=f(),s=S({initialValues:{password:"",confirmPassword:""},validate:A(L(a))});return t.createElement(B,{heading:a("onboarding.updatePassword.heading"),description:a("onboarding.updatePassword.description")},t.createElement(P,{form:s},t.createElement("form",{className:"form",onSubmit:s.onSubmit((e=>o((null==e?void 0:e.password)||"")),(e=>{console.log({fieldErrors:e})}))},t.createElement(x,{inputOrder:["password","confirm_password"]}),t.createElement(b,{color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:i,disabled:i},a("onboarding.button.continue")),n&&t.createElement(b,{color:"ghost",isBlock:!0,size:"lg",onClick:e},a("onboarding.button.skip")),r&&t.createElement(c.Error,{className:"form-error"},r))))},G=n=>{var{banner:i,canSkip:a,createPassError:s,createPassLoading:c,customFormTexts:d,emailLoading:g,flow:y=[h.Phone,h.OTP],initialData:S,onClose:j,onCreatePassByEmail:C,onOtpSubmit:k,onPersonalInfoSubmit:O,onPhoneSubmit:P,onResendCode:x,otpError:w,otpLoading:L,personalInfoError:M,resultScreenProps:A,siteType:V,step:$}=n,H=o(n,["banner","canSkip","createPassError","createPassLoading","customFormTexts","emailLoading","flow","initialData","onClose","onCreatePassByEmail","onOtpSubmit","onPersonalInfoSubmit","onPhoneSubmit","onResendCode","otpError","otpLoading","personalInfoError","resultScreenProps","siteType","step"]);const{t:G}=f(),[J,K]=r($||y[0]),[Q,W]=r(""),[X,Y]=r(""),[ee,oe]=p(0,{min:0,max:2}),te=l((()=>{const e=y.indexOf(J)+1;e<=y.length-1&&K(y[e])}),[J]),ne=l((()=>{const e=y.indexOf(J)-1;e>=0&&K(y[e])}),[J]),re=o=>e(void 0,void 0,void 0,(function*(){try{!(yield k(o))&&te()}catch(e){console.error(e)}})),ie=()=>{ee>=2||(oe.increment(),ne())},ae="marryBaby"===V;return t.createElement(v.Provider,{value:{siteType:V,isMarryBaby:ae}},t.createElement(T,Object.assign({},H),y.length>0?t.createElement(F,null,t.createElement(z,{"data-has-banner":"object"==typeof i},J===h.Phone&&t.createElement(D,{onClose:j,canSkip:a,onSubmit:o=>e(void 0,void 0,void 0,(function*(){try{W(o),yield null==P?void 0:P(o),te()}catch(e){console.error(e)}})),customFormTexts:d.onboarding}),J===h.OTP&&t.createElement(U,{onClose:j,onSubmit:re,phone:Q,onResendCode:x,otpError:w,loading:L,canSkip:a,onBack:ie,outOfEdit:ee>=2}),J===h.OTPEmail&&t.createElement(U,{onClose:j,onSubmit:re,onResendCode:x,otpError:w,loading:L,canSkip:a,onBack:ie,outOfEdit:ee>=2,email:X}),J===h.PersonalInfo&&t.createElement(Z,{initialData:null==S?void 0:S[h.PersonalInfo],onClose:j,canSkip:a,onSubmit:o=>e(void 0,void 0,void 0,(function*(){try{Y((null==o?void 0:o.email)||"");!(yield null==O?void 0:O(o))&&te()}catch(e){console.error(e)}})),errorMessage:M,loading:g}),J===h.UpdatePassword&&t.createElement(q,{onClose:j,canSkip:a,onSubmit:o=>e(void 0,void 0,void 0,(function*(){try{yield null==C?void 0:C(o),!s&&te()}catch(e){console.error(e)}})),errorMessage:s,loading:c}),J===h.Result&&t.createElement(B,Object.assign({},A),t.createElement(b,{theme:V,size:"lg",onClick:j,className:"form-button"},G("onboarding.button.continue")))),"object"==typeof i&&t.createElement(I,null,t.createElement(N,{"data-is-marry-baby":ae},t.createElement(R,null,(null==i?void 0:i.heading)&&t.createElement(m,{order:1,mb:24},null==i?void 0:i.heading),(null==i?void 0:i.description)&&t.createElement(E,{size:"p1",color:u.colors.gray800},G("onboarding.welcomeScreen.content"))),(null==i?void 0:i.imgSrc)&&t.createElement("div",null,t.createElement(_,{src:null==i?void 0:i.imgSrc,loading:"lazy"}))))):"Incorrect flow"))};export{G as OnboardingModal,U as OtpForm};

package/build/esm/pwg.js

@@ -1,4 +1,4 @@
-import e,{useMemo as t,useState as r,useRef as a}from"react";import{M as l,a as o}from"./index-c3ea052e.js";import{T as n}from"./index-82034656.js";import{P as i}from"./index-490a5a79.js";import{u as s}from"./useTranslations-87aa4633.js";import{t as c}from"./theme-d943ba50.js";import{ResponsiveContainer as m,AreaChart as d,CartesianGrid as p,Tooltip as g,XAxis as y,YAxis as u,Area as b,ReferenceDot as h}from"recharts";import{C as f}from"./index-f37bd5f5.js";import{a as x}from"./useOutsideClick-6b745127.js";import E from"styled-components";import{_ as k}from"./tslib.es6-8ad0dce2.js";import"./index.styled-8c3a567c.js";import"./Onboarding-c4eaff4c.js";import"./index.styled-bd69fb81.js";import"./gAssets.js";import"./index-931dda49.js";import"./isProduction-16441a77.js";import"./index-65c67ff0.js";import"@mantine/carousel";import"@mantine/core";import"@mantine/hooks";import"./translationsContext-5f2c6d88.js";import"string-format";const w=({weightByWeek:e,weightBefore:t,toolTipLabel:r,status:a,activeWeek:l,t:o})=>{const n=o(`bmi.result.${a}`);return e.map((e=>Object.assign({name:e.week,min:t+e.min,difference:e.max-e.min,max:t+e.max},e.week===l?{toolTipLabel:r,translatedStatus:n,status:a}:{})))},v=t=>{const{x:r,y:a,payload:l,activeWeek:o}=t;return o===l.value?e.createElement("g",{transform:`translate(${r},${a})`},e.createElement("circle",{r:12,fill:"marryBaby"===t.siteType?c.mbColors.pink:c.colors.primaryBase}),e.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:c.colors.white,fontFamily:"Inter",fontWeight:"600",fontSize:"12px"},l.value)):e.createElement("g",{transform:`translate(${r},${a})`},e.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:c.colors.gray600,fontFamily:"Inter",fontWeight:"400",fontSize:"12px"},l.value))},j=E.div`
+import e,{useMemo as t,useState as r,useRef as l}from"react";import{M as a,a as o}from"./index-e45e966e.js";import{T as n}from"./index-fc2ff9a5.js";import{P as i}from"./index-1509f1b4.js";import{u as c}from"./useTranslations-c8dd68e4.js";import{t as s}from"./theme-f2ec8cec.js";import{ResponsiveContainer as m,AreaChart as d,CartesianGrid as p,Tooltip as g,XAxis as y,YAxis as u,Area as b,ReferenceDot as f}from"recharts";import{C as h}from"./index-6bbc0c2d.js";import{a as x}from"./useOutsideClick-b74d11ef.js";import E from"styled-components";import{_ as k}from"./tslib.es6-3ffeb615.js";import"./index.styled-3620a650.js";import"./Onboarding-0ff9b5b5.js";import"./index.styled-9d93230b.js";import"./gAssets.js";import"./index-c47fdbbe.js";import"./isProduction-aeb6f962.js";import"./index-7ec80c23.js";import"@mantine/carousel";import"@mantine/core";import"@mantine/hooks";import"./translationsContext-cc1f1ab1.js";import"string-format";const w=({weightByWeek:e,weightBefore:t,toolTipLabel:r,status:l,activeWeek:a,t:o})=>{const n=o(`bmi.result.${l}`);return e.map((e=>Object.assign({name:e.week,min:t+e.min,difference:e.max-e.min,max:t+e.max},e.week===a?{toolTipLabel:r,translatedStatus:n,status:l}:{})))},v=t=>{const{x:r,y:l,payload:a,activeWeek:o}=t;return o===a.value?e.createElement("g",{transform:`translate(${r},${l})`},e.createElement("circle",{r:12,fill:"marryBaby"===t.siteType?s.mbColors.pink:s.colors.primaryBase}),e.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:s.colors.white,fontFamily:"Inter",fontWeight:"600",fontSize:"12px"},a.value)):e.createElement("g",{transform:`translate(${r},${l})`},e.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:s.colors.gray600,fontFamily:"Inter",fontWeight:"400",fontSize:"12px"},a.value))},j=E.div`
   /* position: absolute; */
   display: flex;
   flex-direction: column;
@@ -18,7 +18,7 @@ import e,{useMemo as t,useState as r,useRef as a}from"react";import{M as l,a as
     display: flex;
     align-items: center;
     padding: 4px 8px;
-    background: ${c.colors.yellow600};
+    background: ${s.colors.yellow600};
     border-radius: 3px;
   } */
   & > * {
@@ -55,14 +55,14 @@ import e,{useMemo as t,useState as r,useRef as a}from"react";import{M as l,a as
     align-items: center;
     gap: 4px;
   }
-`,B=[{name:"overweight",backgroundColor:c.colors.yellow50,color:c.colors.yellow900},{name:"underweight",backgroundColor:c.colors.yellow50,color:c.colors.yellow900},{name:"healthy",backgroundColor:c.colors.green50,color:c.colors.green900}],W=r=>{var a,l,o,i,s;const{payload:m,active:d}=r,p=null===(a=null==m?void 0:m[0])||void 0===a?void 0:a.payload;if(!p||!p.toolTipLabel||!d)return null;const{backgroundColor:g,color:y}=t((()=>B.find((e=>e.name===p.status))),[null==p?void 0:p.status]);return e.createElement(j,null,e.createElement("div",null,null===(l=p.toolTipLabel)||void 0===l?void 0:l[0]," ",null===(o=p.toolTipLabel)||void 0===o?void 0:o[1]),e.createElement("div",null,(null===(i=p.toolTipLabel)||void 0===i?void 0:i[2])&&e.createElement(n,{as:"span",size:"s3",color:c.colors.gray800,type:"semiBold"},null===(s=p.toolTipLabel)||void 0===s?void 0:s[2]),e.createElement("div",{className:"risk",style:{backgroundColor:g}},e.createElement(n,{size:"n1",color:y},p.translatedStatus))))},z=({weightBefore:o,weightByWeek:i,activeWeek:E,currentWeight:k,toolTipLabel:j=[],status:T,withLine:B=!1,siteType:z})=>{const{t:L}=s(),S="marryBaby"===z,O=t((()=>w({weightByWeek:i,weightBefore:o,toolTipLabel:j,status:T,activeWeek:E,t:L})),[i,o,j,T,E]),[F,I]=r(!1),M=a(null);return x(M,(()=>I(!1))),e.createElement(C,null,S?e.createElement(l,{type:"bodytext-3",color:c.mbColors.dark}," ",L("babyGrowth.weight")," ",L("pregnancyWeightGain.weightInput.desc")):e.createElement(n,{size:"n1",color:c.colors.gray500},L("babyGrowth.weight")," ",L("pregnancyWeightGain.weightInput.desc")),Array.isArray(O)&&O.length>0&&e.createElement(C,null,e.createElement(m,{height:388,className:"chart"},e.createElement(d,{data:O,margin:{top:16,right:0,left:0}},e.createElement(p,{stroke:c.colors.neutral100}),e.createElement(g,{trigger:"click",content:t=>e.createElement(W,Object.assign({active:!B&&F&&void 0!==E&&void 0!==k},t))}),e.createElement(y,{type:"number",scale:"linear",ticks:Array.from({length:40},((e,t)=>t+1)),dataKey:"name",tickLine:!1,tickMargin:12,tick:t=>e.createElement(v,Object.assign({},t,{activeWeek:E,siteType:z})),domain:["dataMin","dataMax"],interval:"preserveStartEnd",tickCount:1,allowDecimals:!1}),e.createElement(u,{domain:[e=>Math.max(e,o-10||e),e=>Math.max(e,o+20||e)],type:"number",scale:"auto",interval:"preserveStartEnd",tickLine:!1,tickMargin:7,width:45,tickCount:10,allowDecimals:!0,tickFormatter:e=>String(Math.round(100*(e+Number.EPSILON))/100),tick:{fontFamily:"Inter",fontWeight:400,fontSize:12,color:c.colors.gray600}}),e.createElement(b,{connectNulls:!0,type:"monotone",dataKey:"min",stackId:"1",stroke:"transparent",fill:"transparent"}),e.createElement(b,{connectNulls:!0,type:"monotone",dataKey:"difference",stackId:"1",stroke:"transparent",fill:S?c.mbColors.tonePink:c.colors.primary100}),void 0!==E&&void 0!==k&&e.createElement(h,{onClick:()=>I(!0),x:0===E?1:E,y:k,r:4,shape:e.createElement(f,{ref:M,r:4}),fill:S?c.mbColors.pink:c.colors.primaryBase,stroke:S?c.mbColors.pink:c.colors.primaryBase}))),e.createElement("div",{className:"custom-chart-label"},e.createElement("i",null),S?e.createElement(l,{type:"bodytext-3",color:c.mbColors.dark},L("pregnancy.week")):e.createElement(n,{size:"n1",color:c.colors.gray500},L("pregnancy.week")))))},L=t=>{var{color:r}=t,a=k(t,["color"]);return e.createElement("svg",Object.assign({width:"8",height:"8",viewBox:"0 0 8 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a),e.createElement("circle",{cx:"4",cy:"4",r:"4",fill:r||c.colors.primaryBase}))},S=({idealWeight:t,siteType:r})=>{const{t:a}=s(),o="marryBaby"===r;return e.createElement(T,null,e.createElement("div",null,o?e.createElement(e.Fragment,null,e.createElement(L,{color:c.mbColors.lightPink}),e.createElement(l,{type:"bodytext-3",color:c.mbColors.dark},a("pregnancyTool.weightSuggested")," ",e.createElement(n,{size:"n1",color:c.colors.gray800,type:"bold",as:"span"},t))):e.createElement(e.Fragment,null,e.createElement(L,{color:c.colors.primary100}),e.createElement(n,{size:"n1",color:c.colors.gray600},e.createElement(n,{size:"n1",as:"span"},a("pregnancyTool.weightSuggested")," "),e.createElement(n,{size:"n1",color:c.colors.gray800,type:"bold",as:"span"},t)))),e.createElement("div",null,o?e.createElement(e.Fragment,null,e.createElement(L,{color:c.mbColors.pink}),e.createElement(l,{type:"bodytext-3",color:c.mbColors.dark},a("pwg.placeholder.weight"))):e.createElement(e.Fragment,null,e.createElement(L,null),e.createElement(n,{size:"n1",color:c.colors.gray600},a("pwg.placeholder.weight")))))},O=E.div`
+`,B=[{name:"overweight",backgroundColor:s.colors.yellow50,color:s.colors.yellow900},{name:"underweight",backgroundColor:s.colors.yellow50,color:s.colors.yellow900},{name:"healthy",backgroundColor:s.colors.green50,color:s.colors.green900}],W=r=>{var l,a,o,i,c;const{payload:m,active:d}=r,p=null===(l=null==m?void 0:m[0])||void 0===l?void 0:l.payload;if(!p||!p.toolTipLabel||!d)return null;const{backgroundColor:g,color:y}=t((()=>B.find((e=>e.name===p.status))),[null==p?void 0:p.status]);return e.createElement(j,null,e.createElement("div",null,null===(a=p.toolTipLabel)||void 0===a?void 0:a[0]," ",null===(o=p.toolTipLabel)||void 0===o?void 0:o[1]),e.createElement("div",null,(null===(i=p.toolTipLabel)||void 0===i?void 0:i[2])&&e.createElement(n,{as:"span",size:"s3",color:s.colors.gray800,type:"semiBold"},null===(c=p.toolTipLabel)||void 0===c?void 0:c[2]),e.createElement("div",{className:"risk",style:{backgroundColor:g}},e.createElement(n,{size:"n1",color:y},p.translatedStatus))))},z=({weightBefore:o,weightByWeek:i,activeWeek:E,currentWeight:k,toolTipLabel:j=[],status:T,withLine:B=!1,siteType:z})=>{const{t:L}=c(),S="marryBaby"===z,O=t((()=>w({weightByWeek:i,weightBefore:o,toolTipLabel:j,status:T,activeWeek:E,t:L})),[i,o,j,T,E]),[F,I]=r(!1),M=l(null);return x(M,(()=>I(!1))),e.createElement(C,null,S?e.createElement(a,{type:"bodytext-3",color:s.mbColors.dark}," ",L("babyGrowth.weight")," ",L("pregnancyWeightGain.weightInput.desc")):e.createElement(n,{size:"n1",color:s.colors.gray500},L("babyGrowth.weight")," ",L("pregnancyWeightGain.weightInput.desc")),Array.isArray(O)&&O.length>0&&e.createElement(C,null,e.createElement(m,{height:388,className:"chart"},e.createElement(d,{data:O,margin:{top:16,right:0,left:0}},e.createElement(p,{stroke:s.colors.neutral100}),e.createElement(g,{trigger:"click",content:t=>e.createElement(W,Object.assign({active:!B&&F&&void 0!==E&&void 0!==k},t))}),e.createElement(y,{type:"number",scale:"linear",ticks:Array.from({length:40},((e,t)=>t+1)),dataKey:"name",tickLine:!1,tickMargin:12,tick:t=>e.createElement(v,Object.assign({},t,{activeWeek:E,siteType:z})),domain:["dataMin","dataMax"],interval:"preserveStartEnd",tickCount:1,allowDecimals:!1}),e.createElement(u,{domain:[e=>Math.max(e,o-10||e),e=>Math.max(e,o+20||e)],type:"number",scale:"auto",interval:"preserveStartEnd",tickLine:!1,tickMargin:7,width:45,tickCount:10,allowDecimals:!0,tickFormatter:e=>String(Math.round(100*(e+Number.EPSILON))/100),tick:{fontFamily:"Inter",fontWeight:400,fontSize:12,color:s.colors.gray600}}),e.createElement(b,{connectNulls:!0,type:"monotone",dataKey:"min",stackId:"1",stroke:"transparent",fill:"transparent"}),e.createElement(b,{connectNulls:!0,type:"monotone",dataKey:"difference",stackId:"1",stroke:"transparent",fill:S?s.mbColors.tonePink:s.colors.primary100}),void 0!==E&&void 0!==k&&e.createElement(f,{onClick:()=>I(!0),x:0===E?1:E,y:k,r:4,shape:e.createElement(h,{ref:M,r:4}),fill:S?s.mbColors.pink:s.colors.primaryBase,stroke:S?s.mbColors.pink:s.colors.primaryBase}))),e.createElement("div",{className:"custom-chart-label"},e.createElement("i",null),S?e.createElement(a,{type:"bodytext-3",color:s.mbColors.dark},L("pregnancy.week")):e.createElement(n,{size:"n1",color:s.colors.gray500},L("pregnancy.week")))))},L=t=>{var{color:r}=t,l=k(t,["color"]);return e.createElement("svg",Object.assign({width:"8",height:"8",viewBox:"0 0 8 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},l),e.createElement("circle",{cx:"4",cy:"4",r:"4",fill:r||s.colors.primaryBase}))},S=({idealWeight:t,siteType:r})=>{const{t:l}=c(),o="marryBaby"===r;return e.createElement(T,null,e.createElement("div",null,o?e.createElement(e.Fragment,null,e.createElement(L,{color:s.mbColors.lightPink}),e.createElement(a,{type:"bodytext-3",color:s.mbColors.dark},l("pregnancyTool.weightSuggested")," ",e.createElement(n,{size:"n1",color:s.colors.gray800,type:"bold",as:"span"},t))):e.createElement(e.Fragment,null,e.createElement(L,{color:s.colors.primary100}),e.createElement(n,{size:"n1",color:s.colors.gray600},e.createElement(n,{size:"n1",as:"span"},l("pregnancyTool.weightSuggested")," "),e.createElement(n,{size:"n1",color:s.colors.gray800,type:"bold",as:"span"},t)))),e.createElement("div",null,o?e.createElement(e.Fragment,null,e.createElement(L,{color:s.mbColors.pink}),e.createElement(a,{type:"bodytext-3",color:s.mbColors.dark},l("pwg.placeholder.weight"))):e.createElement(e.Fragment,null,e.createElement(L,null),e.createElement(n,{size:"n1",color:s.colors.gray600},l("pwg.placeholder.weight")))))},O=E.div`
   display: flex;
   flex-direction: column;
   align-items: center;
   padding: 24px 16px;
   width: 100%;
   gap: 24px;
-  border: 1px solid ${c.colors.neutral100};
+  border: 1px solid ${s.colors.neutral100};
   border-radius: 8px;
   .chart-header {
     text-align: center;
@@ -70,4 +70,4 @@ import e,{useMemo as t,useState as r,useRef as a}from"react";import{M as l,a as
   > div {
     width: 100%;
   }
-`,F=({chartProps:t,pillCarouselProps:r,idealWeight:a,description:l,siteType:m})=>{const{t:d}=s(),p="marryBaby"===m;return e.createElement(O,null,e.createElement("div",{className:"chart-header"},p?e.createElement(o,{type:"h3",color:c.mbColors.dark},d("pregnancyTool.weightSuggested")):e.createElement(n,{size:"s1",type:"semiBold",color:c.colors.gray800},d("pregnancyTool.weightSuggested")),l&&l),e.createElement(i,Object.assign({},r)),e.createElement("div",null,e.createElement(S,{idealWeight:a,siteType:m}),e.createElement(z,Object.assign({},t,{siteType:m}))))};export{F as PregnancyWeightGainChart};
+`,F=({chartProps:t,pillCarouselProps:r,idealWeight:l,description:a,siteType:m})=>{const{t:d}=c(),p="marryBaby"===m;return e.createElement(O,null,e.createElement("div",{className:"chart-header"},p?e.createElement(o,{type:"h3",color:s.mbColors.dark},d("pregnancyTool.weightSuggested")):e.createElement(n,{size:"s1",type:"semiBold",color:s.colors.gray800},d("pregnancyTool.weightSuggested")),a&&a),e.createElement(i,Object.assign({},r)),e.createElement("div",null,e.createElement(S,{idealWeight:l,siteType:m}),e.createElement(z,Object.assign({},t,{siteType:m}))))};export{F as PregnancyWeightGainChart};

package/build/esm/{routing-7608845d.js → routing-a8c89099.js}

@@ -1 +1 @@
-import{d as e}from"./index-931dda49.js";import{i as t}from"./isProduction-16441a77.js";const s=(s,o)=>{if("undefined"!=typeof window)return window.location.origin;const r="development"===process.env.NEXT_PUBLIC_DEPLOY_ENV;return r?"http://localhost:3000":`https://${!r&&!t?o?"fe.":"discover.":o?"www.":""}${e[o?"vi-VN_MB":s]}`},o=(s,o)=>process.env.UNIFY_SSO_API||`https://${t?"id.":"staging-id."}${e[o?"vi-VN_MB":s]}`,r=()=>process.env.UNIFY_TOGETHER_API||`https://${t?"together.":"staging-together."}hellohealthgroup.com`,i=s=>process.env.UNIFY_DISCOVER_API||`https://${t?"wp.":"staging."}${e[s]}`,a=()=>process.env.UNIFY_CARE_API||`https://${t?"health-care.":"service-health-care."}hellohealthgroup.com`;export{o as a,r as b,i as c,a as d,s as g};
+import{d as e}from"./index-c47fdbbe.js";import{i as t}from"./isProduction-aeb6f962.js";const s=(s,o)=>{if("undefined"!=typeof window)return window.location.origin;const r="development"===process.env.NEXT_PUBLIC_DEPLOY_ENV;return r?"http://localhost:3000":`https://${!r&&!t?o?"fe.":"discover.":o?"www.":""}${e[o?"vi-VN_MB":s]}`},o=(s,o)=>process.env.UNIFY_SSO_API||`https://${t?"id.":"staging-id."}${e[o?"vi-VN_MB":s]}`,r=()=>process.env.UNIFY_TOGETHER_API||`https://${t?"together.":"staging-together."}hellohealthgroup.com`,i=s=>process.env.UNIFY_DISCOVER_API||`https://${t?"wp.":"staging."}${e[s]}`,n=()=>process.env.UNIFY_CARE_API||`https://${t?"health-care.":"service-health-care."}hellohealthgroup.com`;export{o as a,r as b,i as c,n as d,s as g};