@hhgtech/hhg-components 1.27.88 → 1.27.90

package/build/esm/onboarding.js

@@ -1 +1 @@
-import{a as e,_ as o}from"./tslib.es6-38c1b6ee.js";import t,{useContext as n,useState as r,useRef as a,useEffect as i,useMemo as s,useCallback as l}from"react";import{Input as d,Grid as m,Title as c}from"@mantine/core";import{useInterval as p,useCounter as u}from"@mantine/hooks";import{B as g}from"./index-65dde3b2.js";import{x as b,aC as E,J as h,aD as f,aE as v,aF as y,w,E as S}from"./utils-cd46d4b9.js";import{u as P,a as j,F as k,O as C,b as x}from"./index-d8829440.js";import{u as B}from"./useTranslations-3490d8cf.js";import"lodash/debounce";import"./isProduction-49838df1.js";import{L as z}from"./index-27056737.js";import{O as T}from"./Onboarding-4fea1737.js";export{O as OnboardingStep}from"./Onboarding-4fea1737.js";import"dayjs";import{M as F}from"./screenSizeContext-047093be.js";import"styled-components";import{t as N}from"./theme-c7dd40d5.js";import"./gAssets.js";import{S as I,a as L,b as q,c as A,d as D,e as V,f as _,g as U,h as R,i as W}from"./index.styled-9ed09b52.js";import{yupResolver as H}from"@mantine/form";import"./index-41160d03.js";import"./index-528651a7.js";import"@mantine/dates";import{D as Y}from"./index-5b37296e.js";import{A as $}from"./index-082bd9e3.js";import{V as G}from"./Visible-3b2f0a06.js";import{M as Z,h as J}from"./utils-faeda2b1.js";export{M as MAPPED_LOCALE}from"./utils-faeda2b1.js";import*as K from"yup";import Q from"lodash/throttle";import{T as X}from"./index-89216476.js";import{format as ee}from"date-fns";import"./translationsContext-cb9cc714.js";import"string-format";import"react-keyed-flatten-children";import"@mantine/carousel";import"./useUniqueId-698c1d63.js";import"./cookieHelper-164f0b8c.js";import"slugify";import"date-fns/locale";const oe=({inputOrder:e=["phone"],withSimilac:o=!1,customTerms:n=""})=>{const{t:r}=B(),a=P(),i=t.createElement(d.Wrapper,Object.assign({className:o?"input-control":"phone-input",withAsterisk:!0},o?{label:t.createElement(b,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.similac.input.phone"))}:{}),t.createElement(E,Object.assign({defaultCountry:Z[process.env.UNIFY_LOCALE]||"VN"},a.getInputProps("phone"))),t.createElement(d.Error,{size:"md"},a.errors.phone)),s=t.createElement(h,Object.assign({label:t.createElement(b,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.formEmail.yourName")),withAsterisk:!0},a.getInputProps("name"))),l=t.createElement(h,Object.assign({label:t.createElement(b,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.formEmail.yourEmail")),withAsterisk:!0},a.getInputProps("email"))),m=t.createElement(Y,Object.assign({label:t.createElement(b,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.formEmail.yourBirthday")),placeholder:"DD/MM/YYYY"},a.getInputProps("dob"))),c=t.createElement(f.Group,Object.assign({className:"radio-group",label:t.createElement(b,{size:"s4",weight:"semiBold",as:"span"},r("bmi.selectGender"))},a.getInputProps("gender")),t.createElement(f,{value:"0",label:r("onboarding.formEmail.genderMale")}),t.createElement(f,{value:"1",label:r("onboarding.formEmail.genderFemale")})),p=t.createElement("div",{className:"otp-input"},t.createElement(v,Object.assign({enterKeyHint:void 0,nonce:void 0},a.getInputProps("otp"))),t.createElement(d.Error,null,a.errors.otp)),u=t.createElement(h.Password,Object.assign({label:t.createElement(b,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.updatePassword.password")),withAsterisk:!0,rightSection:t.createElement(G,null)},a.getInputProps("password"))),g=t.createElement(h.Wrapper,Object.assign({},a.getInputProps("term",{type:"checkbox"}),{error:null,mb:16}),t.createElement(y,{label:n?t.createElement(b,{size:"p4",as:"span",sx:{a:{color:"#2d87f3",fontWeight:"bold",letterSpacing:0}}},n):t.createElement(b,{size:"p4",as:"span"},"Tôi đã đọc và đồng ý với các điều khoản và chương trình của"," ",t.createElement("a",null,t.createElement(b,{size:"label1",as:"span",weight:"bold",color:"blue.6"},"Hello Bacsi"))," ","và"," ",t.createElement("a",null,t.createElement(b,{size:"label1",as:"span",weight:"bold",color:"blue.6"},"Abbott Similac"))," ","và được hướng dẫn cách ngưng chương trình"),onChange:e=>{a.setFieldValue("term",e.currentTarget.checked)}}),t.createElement(d.Error,{size:"md"},a.getInputProps("term",{type:"checkbox"}).error)),w=t.createElement($,Object.assign({className:"input-control",label:t.createElement(b,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.similac.input.address"))},a.getInputProps("address"))),S=t.createElement(h.Password,Object.assign({label:t.createElement(b,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.updatePassword.confirmPassword")),withAsterisk:!0,rightSection:t.createElement(G,null)},a.getInputProps("confirmPassword"))),j=e.map((e=>({phone:i,full_name:s,email:l,dob:m,gender:c,otp:p,password:u,confirm_password:S,term:g,address:w}[e]||null)));return t.createElement(I,null,j)},te=e=>K.object().shape({phone:K.string().required(e("onboarding.updatePhone.error")).default("")}),ne=e=>K.object().shape({phone:K.string().required(e("onboarding.updatePhone.error")).default(""),name:K.string().required(e("onboarding.errorMessage.requiredName")),email:K.string().required(e("onboarding.errorMessage.requiredEmail")).email(e("onboarding.errorMessage.invalidEmail")).default(""),address:K.mixed().required(e("onboarding.similac.address.error")),term:K.bool().oneOf([!0],e("onboarding.similac.term.error"))}),re=e=>K.object().shape({otp:K.string().required(e("onboarding.otpForm.error")).length(6,e("onboarding.otpForm.error")).default("")}),ae=e=>K.object().shape({email:K.string().required(e("onboarding.errorMessage.requiredEmail")).email(e("onboarding.errorMessage.invalidEmail")).default(""),name:K.string().required(e("onboarding.errorMessage.requiredName"))}),ie=e=>K.object().shape({password:K.string().required(e("onboarding.errorMessage.requiredPassword")).min(8,e("onboarding.errorMessage.minLength",{length:8})).matches(/.*[A-Z].*/,e("onboarding.errorMessage.passWithPattern")).default(""),confirmPassword:K.string().required(e("onboarding.errorMessage.requiredConfirmPassword")).oneOf([K.ref("password"),null],e("onboarding.errorMessage.passNotMatch")).default("")}),se=({onClose:o,onSubmit:n,canSkip:r=!0,customFormTexts:a})=>{const{t:i}=B(),s=j({initialValues:{phone:""},validate:H(te(i))});return t.createElement(L,{heading:(null==a?void 0:a.heading)||i("onboarding.updatePhone.heading"),description:(null==a?void 0:a.description)||i("onboarding.updatePhone.description")},t.createElement(k,{form:s},t.createElement("form",{onSubmit:s.onSubmit((o=>e(void 0,void 0,void 0,(function*(){n(o.phone)}))),(e=>{console.log(e)}))},t.createElement(oe,{inputOrder:["phone"]}),t.createElement(g,{color:"primary",isBlock:!0,size:"lg",type:"submit","data-event-category":"Sign Up","data-event-action":"Update Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},i("onboarding.button.continue")),r&&t.createElement(g,{color:"ghost",isBlock:!0,size:"lg",onClick:o,type:"button"},i("onboarding.button.skip")))))},le=n=>{var{onClose:r,onSubmit:a,canSkip:i=!0,customFormTexts:s,customTerms:l,defaultValues:d}=n,m=o(n,["onClose","onSubmit","canSkip","customFormTexts","customTerms","defaultValues"]);const{t:c}=B(),{isMobile:p}=w(),u=j({initialValues:Object.assign({phone:"",term:!1},d),validate:H(ne(c))});return t.createElement(L,Object.assign({heading:(null==s?void 0:s.heading)||c("onboarding.updatePhone.heading"),description:(null==s?void 0:s.description)||c("onboarding.updatePhone.description"),hiddenLogo:p},m),t.createElement(k,{form:u},t.createElement("form",{onSubmit:u.onSubmit((o=>e(void 0,void 0,void 0,(function*(){a(o)}))),(e=>{console.log(e)}))},t.createElement(oe,{inputOrder:["full_name","email","phone","address","term"],withSimilac:!0,customTerms:l}),t.createElement(S,{fullWidth:!0,size:"lg",type:"submit","data-event-category":"Sign Up","data-event-action":"Update Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},c("onboarding.button.continue")),i&&t.createElement(S,{variant:"ghost",fullWidth:!0,size:"lg",onClick:r,type:"button"},c("onboarding.button.skip")))))},de=e=>{var{withSimilac:n=!1}=e,r=o(e,["withSimilac"]);return n?t.createElement(le,Object.assign({},r)):t.createElement(se,Object.assign({},r))},me=({onSubmit:o,phone:l,email:d,onResendCode:m,otpError:c,onClose:b,loading:E,onBack:h,canSkip:f,outOfEdit:v})=>{const{siteType:y,isMarryBaby:w}=n(C),[S,P]=r(30),O=p((()=>P((e=>e-1))),1e3),[M,x]=u(0,{min:0,max:3}),z=a(!0),{t:T}=B();i((()=>(O.start(),O.stop)),[]),i((()=>{0===S&&(O.stop(),z.current=!1)}),[S]);const F=j({initialValues:{otp:""},validate:H(re(T))});i((()=>{c&&F.setFieldError("otp",c)}),[c]);const I=s((()=>Q((()=>{z.current||(x.increment(),P(30),null==m||m(l||d),O.start(),z.current=!0)}),1e3,{trailing:!1})),[l,d,m,O]);return t.createElement(q,{heading:T("onboarding.otpForm.heading"),description:t.createElement(t.Fragment,null,t.createElement("span",{dangerouslySetInnerHTML:{__html:l?T("onboarding.otpForm.description",{phone:`<b style="color:${N.colors.gray800}">${l.slice(0,-3).replace(/./g,"x").concat(l.slice(-3))}</b>`}):T("onboarding.otpForm.descriptionEmail",{email:`<b style="color:${N.colors.gray800}">${J(d)}</b>`})}}),!v&&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(k,{form:F},t.createElement("form",{onSubmit:F.onSubmit((t=>e(void 0,void 0,void 0,(function*(){x.increment(),o(t.otp)}))),(e=>{console.log(e)}))},t.createElement(oe,{inputOrder:["otp"]}),t.createElement("div",{className:"resend"},t.createElement(X,{size:"p4",color:N.colors.gray400},T("onboarding.otpForm.notReceiveOTP")),t.createElement(X,{as:"a",size:"p4",color:w?N.mbColors.pink:N.colors.primaryBase,onClick:I},T("onboarding.otpForm.resendCode",{seconds:S}))),t.createElement(g,{theme:y,color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:E,disabled:E,"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"},T("onboarding.button.continue")),f&&M>=3&&t.createElement(g,{theme:y,color:"ghost",isBlock:!0,size:"lg",onClick:b,"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",type:"button"},T("onboarding.button.skip")))))},ce=({onClose:e,onSubmit:o,canSkip:r,loading:a,errorMessage:s,initialData:l})=>{const{t:d,locale:m}=B(),{siteType:c,isMarryBaby:p}=n(C),u=j({validate:H(ae(d))});return i((()=>{u.setValues(Object.assign(Object.assign({gender:"0"},l),(null==l?void 0:l.birthday)&&{birthday:new Date(l.birthday)}))}),[l]),i((()=>{s&&u.setFieldError("email",s)}),[s]),t.createElement(x,{heading:d("onboarding.formEmail.heading"),description:d("onboarding.formEmail.description",{site:p?"Marry Baby":z[m].SITE_NAME_FORMATTED})},t.createElement(k,{form:u},t.createElement("form",{className:"form",onSubmit:u.onSubmit((e=>{o(Object.assign(Object.assign({},e),{birthday:e.birthday&&ee(e.birthday,"yyyy-MM-dd")}))}),(e=>{console.log({fieldErrors:e})}))},t.createElement(oe,{inputOrder:["full_name","email","dob","gender"]}),t.createElement(g,{color:"primary",isBlock:!0,size:"lg",type:"submit",theme:c,isLoading:a,disabled:a},d("onboarding.button.continue")),r&&t.createElement(g,{theme:c,color:"ghost",isBlock:!0,size:"lg",onClick:e},d("onboarding.button.skip")))))},pe=({onClose:e,onSubmit:o,canSkip:n,errorMessage:r,loading:a})=>{const{t:i}=B(),s=j({initialValues:{password:"",confirmPassword:""},validate:H(ie(i))});return t.createElement(x,{heading:i("onboarding.updatePassword.heading"),description:i("onboarding.updatePassword.description")},t.createElement(k,{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(oe,{inputOrder:["password","confirm_password"]}),t.createElement(g,{color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:a,disabled:a},i("onboarding.button.continue")),n&&t.createElement(g,{color:"ghost",isBlock:!0,size:"lg",onClick:e},i("onboarding.button.skip")),r&&t.createElement(d.Error,{className:"form-error"},r))))},ue=n=>{var{banner:a,canSkip:i,createPassError:s,createPassLoading:d,customFormTexts:p,emailLoading:E,flow:h=[T.Phone,T.OTP],initialData:f,onClose:v,onCreatePassByEmail:y,onOtpSubmit:S,onPersonalInfoSubmit:P,onPhoneSubmit:j,onResendCode:k,otpError:O,otpLoading:M,personalInfoError:z,resultScreenProps:I,siteType:L,step:q,withSimilac:H=!1,similacFormProps:Y}=n,$=o(n,["banner","canSkip","createPassError","createPassLoading","customFormTexts","emailLoading","flow","initialData","onClose","onCreatePassByEmail","onOtpSubmit","onPersonalInfoSubmit","onPhoneSubmit","onResendCode","otpError","otpLoading","personalInfoError","resultScreenProps","siteType","step","withSimilac","similacFormProps"]);const{t:G}=B(),[Z,J]=r(q||h[0]),[K,Q]=r(""),[X,ee]=r(""),[oe,te]=u(0,{min:0,max:2}),{isMobile:ne}=w(),re=l((()=>{const e=h.indexOf(Z)+1;e<=h.length-1&&J(h[e])}),[Z]),ae=l((()=>{const e=h.indexOf(Z)-1;e>=0&&J(h[e])}),[Z]),ie=o=>e(void 0,void 0,void 0,(function*(){try{!(yield S(o))&&re()}catch(e){console.error(e)}})),se=()=>{oe>=2||(te.increment(),ae())},ue="marryBaby"===L;return t.createElement(C.Provider,{value:{siteType:L,isMarryBaby:ue}},t.createElement(A,Object.assign({},$),h.length>0?t.createElement(D,null,t.createElement(m,{sx:{[F.mbDown]:{margin:0},".mantine-Grid-col":{[F.mbDown]:{padding:0}}}},t.createElement(m.Col,{span:"object"!=typeof a&&!H||ne?12:6,order:H?2:1,orderMd:H?1:2,sx:{zIndex:H?99:void 0}},t.createElement(V,{"data-similac":H,"data-has-banner":"object"==typeof a},Z===T.Phone&&(H?t.createElement(le,{onClose:v,canSkip:i,onSubmit:o=>e(void 0,void 0,void 0,(function*(){var e;try{const t=null==o?void 0:o.phone;t&&(Q(t),yield Promise.all([null===(e=null==Y?void 0:Y.onFormSubmit)||void 0===e?void 0:e.call(Y,o),null==j?void 0:j(t)])),re()}catch(e){console.error(e)}})),customFormTexts:p.onboarding,defaultValues:null==Y?void 0:Y.defaultValues,customTerms:null==Y?void 0:Y.customTerms}):t.createElement(de,{onClose:v,canSkip:i,onSubmit:o=>e(void 0,void 0,void 0,(function*(){try{Q(o),yield null==j?void 0:j(o),re()}catch(e){console.error(e)}})),customFormTexts:p.onboarding})),Z===T.OTP&&t.createElement(me,{onClose:v,onSubmit:ie,phone:K,onResendCode:k,otpError:O,loading:M,canSkip:i,onBack:se,outOfEdit:oe>=2}),Z===T.OTPEmail&&t.createElement(me,{onClose:v,onSubmit:ie,onResendCode:k,otpError:O,loading:M,canSkip:i,onBack:se,outOfEdit:oe>=2,email:X}),Z===T.PersonalInfo&&t.createElement(ce,{initialData:null==f?void 0:f[T.PersonalInfo],onClose:v,canSkip:i,onSubmit:o=>e(void 0,void 0,void 0,(function*(){try{ee((null==o?void 0:o.email)||"");!(yield null==P?void 0:P(o))&&re()}catch(e){console.error(e)}})),errorMessage:z,loading:E}),Z===T.UpdatePassword&&t.createElement(pe,{onClose:v,canSkip:i,onSubmit:o=>e(void 0,void 0,void 0,(function*(){try{yield null==y?void 0:y(o),!s&&re()}catch(e){console.error(e)}})),errorMessage:s,loading:d}),Z===T.Result&&t.createElement(x,Object.assign({},I),t.createElement(g,{theme:L,size:"lg",onClick:v,className:"form-button"},G("onboarding.button.continue"))))),"object"==typeof a&&!H&&t.createElement(m.Col,{span:"object"!=typeof a&&!H||ne?12:6,order:H?2:1,orderMd:H?1:2},t.createElement(_,null,t.createElement(U,{"data-is-marry-baby":ue},t.createElement(R,null,(null==a?void 0:a.heading)&&t.createElement(c,{order:1,mb:24},null==a?void 0:a.heading),(null==a?void 0:a.description)&&t.createElement(b,{size:"p1",color:N.colors.gray800},G("onboarding.welcomeScreen.content"))),(null==a?void 0:a.imgSrc)&&t.createElement("div",null,t.createElement(W,{src:null==a?void 0:a.imgSrc,loading:"lazy"}))))),"object"==typeof a&&H&&(null==a?void 0:a.imgSrc)&&t.createElement(m.Col,{span:"auto",order:H?1:2,orderMd:H?2:1},t.createElement(W,{src:null==a?void 0:a.imgSrc,loading:"lazy",className:"similac"})))):"Incorrect flow"))};export{de as OnboardingForm,ue as OnboardingModal,me as OtpForm};
+import{a as e,_ as o}from"./tslib.es6-8768ccb4.js";import t,{useContext as n,useState as r,useRef as a,useEffect as i,useMemo as s,useCallback as l}from"react";import{Input as d,Grid as m,Title as c}from"@mantine/core";import{useInterval as p,useCounter as u}from"@mantine/hooks";import{B as g}from"./index-04337202.js";import{x as b,aC as E,J as h,aD as f,aE as v,aF as y,w,E as S}from"./utils-b9aaa166.js";import{u as P,a as j,F as k,O as C,b as x}from"./index-a61517ae.js";import{u as B}from"./useTranslations-9d8df4a8.js";import"lodash/debounce";import"./isProduction-58dc4545.js";import{L as z}from"./index-27183b30.js";import{O as T}from"./Onboarding-2997627e.js";export{O as OnboardingStep}from"./Onboarding-2997627e.js";import"dayjs";import{M as F}from"./screenSizeContext-0c4de282.js";import"styled-components";import{t as N}from"./theme-af752e5e.js";import"./gAssets.js";import{S as I,a as L,b as q,c as A,d as D,e as V,f as _,g as U,h as R,i as W}from"./index.styled-78c42045.js";import{yupResolver as H}from"@mantine/form";import"./index-4d6e08f0.js";import"./index-087b3c4b.js";import"@mantine/dates";import{D as Y}from"./index-4a918b26.js";import{A as $}from"./index-3b01b050.js";import{V as G}from"./Visible-ecdeef6e.js";import{M as Z,h as J}from"./utils-47af45cf.js";export{M as MAPPED_LOCALE}from"./utils-47af45cf.js";import*as K from"yup";import Q from"lodash/throttle";import{T as X}from"./index-5d893b18.js";import{format as ee}from"date-fns";import"./translationsContext-9f44bd6e.js";import"string-format";import"react-keyed-flatten-children";import"@mantine/carousel";import"./useUniqueId-9b451fb4.js";import"./cookieHelper-7fe78adc.js";import"slugify";import"date-fns/locale";const oe=({inputOrder:e=["phone"],withSimilac:o=!1,customTerms:n=""})=>{const{t:r}=B(),a=P(),i=t.createElement(d.Wrapper,Object.assign({className:o?"input-control":"phone-input",withAsterisk:!0},o?{label:t.createElement(b,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.similac.input.phone"))}:{}),t.createElement(E,Object.assign({defaultCountry:Z[process.env.UNIFY_LOCALE]||"VN"},a.getInputProps("phone"))),t.createElement(d.Error,{size:"md"},a.errors.phone)),s=t.createElement(h,Object.assign({label:t.createElement(b,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.formEmail.yourName")),withAsterisk:!0},a.getInputProps("name"))),l=t.createElement(h,Object.assign({label:t.createElement(b,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.formEmail.yourEmail")),withAsterisk:!0},a.getInputProps("email"))),m=t.createElement(Y,Object.assign({label:t.createElement(b,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.formEmail.yourBirthday")),placeholder:"DD/MM/YYYY"},a.getInputProps("dob"))),c=t.createElement(f.Group,Object.assign({className:"radio-group",label:t.createElement(b,{size:"s4",weight:"semiBold",as:"span"},r("bmi.selectGender"))},a.getInputProps("gender")),t.createElement(f,{value:"0",label:r("onboarding.formEmail.genderMale")}),t.createElement(f,{value:"1",label:r("onboarding.formEmail.genderFemale")})),p=t.createElement("div",{className:"otp-input"},t.createElement(v,Object.assign({enterKeyHint:void 0,nonce:void 0},a.getInputProps("otp"))),t.createElement(d.Error,null,a.errors.otp)),u=t.createElement(h.Password,Object.assign({label:t.createElement(b,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.updatePassword.password")),withAsterisk:!0,rightSection:t.createElement(G,null)},a.getInputProps("password"))),g=t.createElement(h.Wrapper,Object.assign({},a.getInputProps("term",{type:"checkbox"}),{error:null,mb:16}),t.createElement(y,{label:n?t.createElement(b,{size:"p4",as:"span",sx:{a:{color:"#2d87f3",fontWeight:"bold",letterSpacing:0}}},n):t.createElement(b,{size:"p4",as:"span"},"Tôi đã đọc và đồng ý với các điều khoản và chương trình của"," ",t.createElement("a",null,t.createElement(b,{size:"label1",as:"span",weight:"bold",color:"blue.6"},"Hello Bacsi"))," ","và"," ",t.createElement("a",null,t.createElement(b,{size:"label1",as:"span",weight:"bold",color:"blue.6"},"Abbott Similac"))," ","và được hướng dẫn cách ngưng chương trình"),onChange:e=>{a.setFieldValue("term",e.currentTarget.checked)}}),t.createElement(d.Error,{size:"md"},a.getInputProps("term",{type:"checkbox"}).error)),w=t.createElement($,Object.assign({className:"input-control",label:t.createElement(b,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.similac.input.address"))},a.getInputProps("address"))),S=t.createElement(h.Password,Object.assign({label:t.createElement(b,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.updatePassword.confirmPassword")),withAsterisk:!0,rightSection:t.createElement(G,null)},a.getInputProps("confirmPassword"))),j=e.map((e=>({phone:i,full_name:s,email:l,dob:m,gender:c,otp:p,password:u,confirm_password:S,term:g,address:w}[e]||null)));return t.createElement(I,null,j)},te=e=>K.object().shape({phone:K.string().required(e("onboarding.updatePhone.error")).default("")}),ne=e=>K.object().shape({phone:K.string().required(e("onboarding.updatePhone.error")).default(""),name:K.string().required(e("onboarding.errorMessage.requiredName")),email:K.string().required(e("onboarding.errorMessage.requiredEmail")).email(e("onboarding.errorMessage.invalidEmail")).default(""),address:K.mixed().required(e("onboarding.similac.address.error")),term:K.bool().oneOf([!0],e("onboarding.similac.term.error"))}),re=e=>K.object().shape({otp:K.string().required(e("onboarding.otpForm.error")).length(6,e("onboarding.otpForm.error")).default("")}),ae=e=>K.object().shape({email:K.string().required(e("onboarding.errorMessage.requiredEmail")).email(e("onboarding.errorMessage.invalidEmail")).default(""),name:K.string().required(e("onboarding.errorMessage.requiredName"))}),ie=e=>K.object().shape({password:K.string().required(e("onboarding.errorMessage.requiredPassword")).min(8,e("onboarding.errorMessage.minLength",{length:8})).matches(/.*[A-Z].*/,e("onboarding.errorMessage.passWithPattern")).default(""),confirmPassword:K.string().required(e("onboarding.errorMessage.requiredConfirmPassword")).oneOf([K.ref("password"),null],e("onboarding.errorMessage.passNotMatch")).default("")}),se=({onClose:o,onSubmit:n,canSkip:r=!0,customFormTexts:a})=>{const{t:i}=B(),s=j({initialValues:{phone:""},validate:H(te(i))});return t.createElement(L,{heading:(null==a?void 0:a.heading)||i("onboarding.updatePhone.heading"),description:(null==a?void 0:a.description)||i("onboarding.updatePhone.description")},t.createElement(k,{form:s},t.createElement("form",{onSubmit:s.onSubmit((o=>e(void 0,void 0,void 0,(function*(){n(o.phone)}))),(e=>{console.log(e)}))},t.createElement(oe,{inputOrder:["phone"]}),t.createElement(g,{color:"primary",isBlock:!0,size:"lg",type:"submit","data-event-category":"Sign Up","data-event-action":"Update Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},i("onboarding.button.continue")),r&&t.createElement(g,{color:"ghost",isBlock:!0,size:"lg",onClick:o,type:"button"},i("onboarding.button.skip")))))},le=n=>{var{onClose:r,onSubmit:a,canSkip:i=!0,customFormTexts:s,customTerms:l,defaultValues:d}=n,m=o(n,["onClose","onSubmit","canSkip","customFormTexts","customTerms","defaultValues"]);const{t:c}=B(),{isMobile:p}=w(),u=j({initialValues:Object.assign({phone:"",term:!1},d),validate:H(ne(c))});return t.createElement(L,Object.assign({heading:(null==s?void 0:s.heading)||c("onboarding.updatePhone.heading"),description:(null==s?void 0:s.description)||c("onboarding.updatePhone.description"),hiddenLogo:p},m),t.createElement(k,{form:u},t.createElement("form",{onSubmit:u.onSubmit((o=>e(void 0,void 0,void 0,(function*(){a(o)}))),(e=>{console.log(e)}))},t.createElement(oe,{inputOrder:["full_name","email","phone","address","term"],withSimilac:!0,customTerms:l}),t.createElement(S,{fullWidth:!0,size:"lg",type:"submit","data-event-category":"Sign Up","data-event-action":"Update Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},c("onboarding.button.continue")),i&&t.createElement(S,{variant:"ghost",fullWidth:!0,size:"lg",onClick:r,type:"button"},c("onboarding.button.skip")))))},de=e=>{var{withSimilac:n=!1}=e,r=o(e,["withSimilac"]);return n?t.createElement(le,Object.assign({},r)):t.createElement(se,Object.assign({},r))},me=({onSubmit:o,phone:l,email:d,onResendCode:m,otpError:c,onClose:b,loading:E,onBack:h,canSkip:f,outOfEdit:v})=>{const{siteType:y,isMarryBaby:w}=n(C),[S,P]=r(30),O=p((()=>P((e=>e-1))),1e3),[M,x]=u(0,{min:0,max:3}),z=a(!0),{t:T}=B();i((()=>(O.start(),O.stop)),[]),i((()=>{0===S&&(O.stop(),z.current=!1)}),[S]);const F=j({initialValues:{otp:""},validate:H(re(T))});i((()=>{c&&F.setFieldError("otp",c)}),[c]);const I=s((()=>Q((()=>{z.current||(x.increment(),P(30),null==m||m(l||d),O.start(),z.current=!0)}),1e3,{trailing:!1})),[l,d,m,O]);return t.createElement(q,{heading:T("onboarding.otpForm.heading"),description:t.createElement(t.Fragment,null,t.createElement("span",{dangerouslySetInnerHTML:{__html:l?T("onboarding.otpForm.description",{phone:`<b style="color:${N.colors.gray800}">${l.slice(0,-3).replace(/./g,"x").concat(l.slice(-3))}</b>`}):T("onboarding.otpForm.descriptionEmail",{email:`<b style="color:${N.colors.gray800}">${J(d)}</b>`})}}),!v&&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(k,{form:F},t.createElement("form",{onSubmit:F.onSubmit((t=>e(void 0,void 0,void 0,(function*(){x.increment(),o(t.otp)}))),(e=>{console.log(e)}))},t.createElement(oe,{inputOrder:["otp"]}),t.createElement("div",{className:"resend"},t.createElement(X,{size:"p4",color:N.colors.gray400},T("onboarding.otpForm.notReceiveOTP")),t.createElement(X,{as:"a",size:"p4",color:w?N.mbColors.pink:N.colors.primaryBase,onClick:I},T("onboarding.otpForm.resendCode",{seconds:S}))),t.createElement(g,{theme:y,color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:E,disabled:E,"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"},T("onboarding.button.continue")),f&&M>=3&&t.createElement(g,{theme:y,color:"ghost",isBlock:!0,size:"lg",onClick:b,"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",type:"button"},T("onboarding.button.skip")))))},ce=({onClose:e,onSubmit:o,canSkip:r,loading:a,errorMessage:s,initialData:l})=>{const{t:d,locale:m}=B(),{siteType:c,isMarryBaby:p}=n(C),u=j({validate:H(ae(d))});return i((()=>{u.setValues(Object.assign(Object.assign({gender:"0"},l),(null==l?void 0:l.birthday)&&{birthday:new Date(l.birthday)}))}),[l]),i((()=>{s&&u.setFieldError("email",s)}),[s]),t.createElement(x,{heading:d("onboarding.formEmail.heading"),description:d("onboarding.formEmail.description",{site:p?"Marry Baby":z[m].SITE_NAME_FORMATTED})},t.createElement(k,{form:u},t.createElement("form",{className:"form",onSubmit:u.onSubmit((e=>{o(Object.assign(Object.assign({},e),{birthday:e.birthday&&ee(e.birthday,"yyyy-MM-dd")}))}),(e=>{console.log({fieldErrors:e})}))},t.createElement(oe,{inputOrder:["full_name","email","dob","gender"]}),t.createElement(g,{color:"primary",isBlock:!0,size:"lg",type:"submit",theme:c,isLoading:a,disabled:a},d("onboarding.button.continue")),r&&t.createElement(g,{theme:c,color:"ghost",isBlock:!0,size:"lg",onClick:e},d("onboarding.button.skip")))))},pe=({onClose:e,onSubmit:o,canSkip:n,errorMessage:r,loading:a})=>{const{t:i}=B(),s=j({initialValues:{password:"",confirmPassword:""},validate:H(ie(i))});return t.createElement(x,{heading:i("onboarding.updatePassword.heading"),description:i("onboarding.updatePassword.description")},t.createElement(k,{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(oe,{inputOrder:["password","confirm_password"]}),t.createElement(g,{color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:a,disabled:a},i("onboarding.button.continue")),n&&t.createElement(g,{color:"ghost",isBlock:!0,size:"lg",onClick:e},i("onboarding.button.skip")),r&&t.createElement(d.Error,{className:"form-error"},r))))},ue=n=>{var{banner:a,canSkip:i,createPassError:s,createPassLoading:d,customFormTexts:p,emailLoading:E,flow:h=[T.Phone,T.OTP],initialData:f,onClose:v,onCreatePassByEmail:y,onOtpSubmit:S,onPersonalInfoSubmit:P,onPhoneSubmit:j,onResendCode:k,otpError:O,otpLoading:M,personalInfoError:z,resultScreenProps:I,siteType:L,step:q,withSimilac:H=!1,similacFormProps:Y}=n,$=o(n,["banner","canSkip","createPassError","createPassLoading","customFormTexts","emailLoading","flow","initialData","onClose","onCreatePassByEmail","onOtpSubmit","onPersonalInfoSubmit","onPhoneSubmit","onResendCode","otpError","otpLoading","personalInfoError","resultScreenProps","siteType","step","withSimilac","similacFormProps"]);const{t:G}=B(),[Z,J]=r(q||h[0]),[K,Q]=r(""),[X,ee]=r(""),[oe,te]=u(0,{min:0,max:2}),{isMobile:ne}=w(),re=l((()=>{const e=h.indexOf(Z)+1;e<=h.length-1&&J(h[e])}),[Z]),ae=l((()=>{const e=h.indexOf(Z)-1;e>=0&&J(h[e])}),[Z]),ie=o=>e(void 0,void 0,void 0,(function*(){try{!(yield S(o))&&re()}catch(e){console.error(e)}})),se=()=>{oe>=2||(te.increment(),ae())},ue="marryBaby"===L;return t.createElement(C.Provider,{value:{siteType:L,isMarryBaby:ue}},t.createElement(A,Object.assign({},$),h.length>0?t.createElement(D,null,t.createElement(m,{sx:{[F.mbDown]:{margin:0},".mantine-Grid-col":{[F.mbDown]:{padding:0}}}},t.createElement(m.Col,{span:"object"!=typeof a&&!H||ne?12:6,order:H?2:1,orderMd:H?1:2,sx:{zIndex:H?99:void 0}},t.createElement(V,{"data-similac":H,"data-has-banner":"object"==typeof a},Z===T.Phone&&(H?t.createElement(le,{onClose:v,canSkip:i,onSubmit:o=>e(void 0,void 0,void 0,(function*(){var e;try{const t=null==o?void 0:o.phone;t&&(Q(t),yield Promise.all([null===(e=null==Y?void 0:Y.onFormSubmit)||void 0===e?void 0:e.call(Y,o),null==j?void 0:j(t)])),re()}catch(e){console.error(e)}})),customFormTexts:p.onboarding,defaultValues:null==Y?void 0:Y.defaultValues,customTerms:null==Y?void 0:Y.customTerms}):t.createElement(de,{onClose:v,canSkip:i,onSubmit:o=>e(void 0,void 0,void 0,(function*(){try{Q(o),yield null==j?void 0:j(o),re()}catch(e){console.error(e)}})),customFormTexts:p.onboarding})),Z===T.OTP&&t.createElement(me,{onClose:v,onSubmit:ie,phone:K,onResendCode:k,otpError:O,loading:M,canSkip:i,onBack:se,outOfEdit:oe>=2}),Z===T.OTPEmail&&t.createElement(me,{onClose:v,onSubmit:ie,onResendCode:k,otpError:O,loading:M,canSkip:i,onBack:se,outOfEdit:oe>=2,email:X}),Z===T.PersonalInfo&&t.createElement(ce,{initialData:null==f?void 0:f[T.PersonalInfo],onClose:v,canSkip:i,onSubmit:o=>e(void 0,void 0,void 0,(function*(){try{ee((null==o?void 0:o.email)||"");!(yield null==P?void 0:P(o))&&re()}catch(e){console.error(e)}})),errorMessage:z,loading:E}),Z===T.UpdatePassword&&t.createElement(pe,{onClose:v,canSkip:i,onSubmit:o=>e(void 0,void 0,void 0,(function*(){try{yield null==y?void 0:y(o),!s&&re()}catch(e){console.error(e)}})),errorMessage:s,loading:d}),Z===T.Result&&t.createElement(x,Object.assign({},I),t.createElement(g,{theme:L,size:"lg",onClick:v,className:"form-button"},G("onboarding.button.continue"))))),"object"==typeof a&&!H&&t.createElement(m.Col,{span:"object"!=typeof a&&!H||ne?12:6,order:H?2:1,orderMd:H?1:2},t.createElement(_,null,t.createElement(U,{"data-is-marry-baby":ue},t.createElement(R,null,(null==a?void 0:a.heading)&&t.createElement(c,{order:1,mb:24},null==a?void 0:a.heading),(null==a?void 0:a.description)&&t.createElement(b,{size:"p1",color:N.colors.gray800},G("onboarding.welcomeScreen.content"))),(null==a?void 0:a.imgSrc)&&t.createElement("div",null,t.createElement(W,{src:null==a?void 0:a.imgSrc,loading:"lazy"}))))),"object"==typeof a&&H&&(null==a?void 0:a.imgSrc)&&t.createElement(m.Col,{span:"auto",order:H?1:2,orderMd:H?2:1},t.createElement(W,{src:null==a?void 0:a.imgSrc,loading:"lazy",className:"similac"})))):"Incorrect flow"))};export{de as OnboardingForm,ue as OnboardingModal,me as OtpForm};

package/build/esm/onboardingV2.js

@@ -1,4 +1,4 @@
-import e,{createContext as t,forwardRef as n,useContext as r,useImperativeHandle as o,useState as a,useRef as i,useEffect as l,useMemo as s,Fragment as m}from"react";import{_ as d,a as c}from"./tslib.es6-38c1b6ee.js";import{Box as p,Input as u,Grid as g,Title as b,Container as h,Stack as E,AspectRatio as f}from"@mantine/core";import{x as L,aC as v,J as C,aD as y,aE as x,aF as w,H as S,w as M,L as P,E as j}from"./utils-cd46d4b9.js";import{D as k}from"./index-5b37296e.js";import"dayjs";import{M as O,k as F}from"./screenSizeContext-047093be.js";import B from"styled-components";import{t as z}from"./theme-c7dd40d5.js";import{L as N}from"./index-27056737.js";import"./isProduction-49838df1.js";import{L as I}from"./Onboarding-4fea1737.js";import"./gAssets.js";import{u as T}from"./useTranslations-3490d8cf.js";import"./index-41160d03.js";import{useInterval as D,useCounter as Z}from"@mantine/hooks";import{A}from"./index-082bd9e3.js";import"lodash/debounce";import{V as _}from"./Visible-3b2f0a06.js";import{createFormContext as V,yupResolver as H}from"@mantine/form";import"./index-528651a7.js";import"@mantine/dates";import*as q from"yup";import{createPortal as $}from"react-dom";import{B as U}from"./index-65dde3b2.js";import{b as Y}from"./index-d8829440.js";import R from"lodash/throttle";import{T as W}from"./index-89216476.js";import{format as G}from"date-fns";import"./translationsContext-cb9cc714.js";import"string-format";import K from"react-keyed-flatten-children";import"@mantine/carousel";import"./useUniqueId-698c1d63.js";import"./cookieHelper-164f0b8c.js";import"slugify";import"date-fns/locale";import"./utils-faeda2b1.js";const J=t({currentStep:0,setCurrentStep:()=>!1,setMaxStep:()=>!1,nextStep:()=>!1,prevStep:()=>!1,isMarryBaby:!1,siteType:"helloSites",sharedData:{},setSharedData:()=>!1}),[Q,X,ee]=V(),te=B(p)`
+import e,{createContext as t,forwardRef as n,useContext as r,useImperativeHandle as o,useState as a,useRef as i,useEffect as l,useMemo as s,Fragment as m}from"react";import{_ as d,a as c}from"./tslib.es6-8768ccb4.js";import{Box as p,Input as u,Grid as g,Title as b,Container as h,Stack as E,AspectRatio as f}from"@mantine/core";import{x as L,aC as v,J as C,aD as y,aE as x,aF as w,H as S,w as M,L as P,E as j}from"./utils-b9aaa166.js";import{D as k}from"./index-4a918b26.js";import"dayjs";import{M as O,k as F}from"./screenSizeContext-0c4de282.js";import B from"styled-components";import{t as z}from"./theme-af752e5e.js";import{L as N}from"./index-27183b30.js";import"./isProduction-58dc4545.js";import{L as I}from"./Onboarding-2997627e.js";import"./gAssets.js";import{u as T}from"./useTranslations-9d8df4a8.js";import"./index-4d6e08f0.js";import{useInterval as D,useCounter as Z}from"@mantine/hooks";import{A}from"./index-3b01b050.js";import"lodash/debounce";import{V as _}from"./Visible-ecdeef6e.js";import{createFormContext as V,yupResolver as H}from"@mantine/form";import"./index-087b3c4b.js";import"@mantine/dates";import*as q from"yup";import{createPortal as $}from"react-dom";import{B as U}from"./index-04337202.js";import{b as Y}from"./index-a61517ae.js";import R from"lodash/throttle";import{T as W}from"./index-5d893b18.js";import{format as G}from"date-fns";import"./translationsContext-9f44bd6e.js";import"string-format";import K from"react-keyed-flatten-children";import"@mantine/carousel";import"./useUniqueId-9b451fb4.js";import"./cookieHelper-7fe78adc.js";import"slugify";import"date-fns/locale";import"./utils-47af45cf.js";const J=t({currentStep:0,setCurrentStep:()=>!1,setMaxStep:()=>!1,nextStep:()=>!1,prevStep:()=>!1,isMarryBaby:!1,siteType:"helloSites",sharedData:{},setSharedData:()=>!1}),[Q,X,ee]=V(),te=B(p)`
   .phone-input {
     width: 100%;
     margin-bottom: 32px;

package/build/esm/pwg.js

@@ -1,4 +1,4 @@
-import e,{useMemo as t,useState as r,useRef as l}from"react";import{M as a,a as o}from"./index-83ccc22e.js";import{T as n}from"./index-89216476.js";import{P as i}from"./index-aa5b7907.js";import{u as c}from"./useTranslations-3490d8cf.js";import{t as s}from"./theme-c7dd40d5.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 x}from"./index-41160d03.js";import{a as f}from"./useOutsideClick-2318875b.js";import E from"styled-components";import{_ as k}from"./tslib.es6-38c1b6ee.js";import"./Onboarding-4fea1737.js";import"./index.styled-e957e6a0.js";import"./gAssets.js";import"./index-27056737.js";import"date-fns/locale";import"./isProduction-49838df1.js";import"./translationsContext-cb9cc714.js";import"string-format";import"@mantine/carousel";import"@mantine/core";import"@mantine/hooks";const w=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))},v=E.div`
+import e,{useMemo as t,useState as r,useRef as l}from"react";import{M as a,a as o}from"./index-02fbcf38.js";import{T as n}from"./index-5d893b18.js";import{P as i}from"./index-67d68410.js";import{u as s}from"./useTranslations-9d8df4a8.js";import{t as c}from"./theme-af752e5e.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-4d6e08f0.js";import{a as x}from"./useOutsideClick-212afee0.js";import E from"styled-components";import{_ as k}from"./tslib.es6-8768ccb4.js";import"./Onboarding-2997627e.js";import"./index.styled-c168896e.js";import"./gAssets.js";import"./index-27183b30.js";import"date-fns/locale";import"./isProduction-58dc4545.js";import"./translationsContext-9f44bd6e.js";import"string-format";import"@mantine/carousel";import"@mantine/core";import"@mantine/hooks";const w=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?c.mbColors.pink:c.colors.primaryBase}),e.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:c.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:c.colors.gray600,fontFamily:"Inter",fontWeight:"400",fontSize:"12px"},a.value))},v=E.div`
   /* position: absolute; */
   display: flex;
   flex-direction: column;
@@ -18,7 +18,7 @@ import e,{useMemo as t,useState as r,useRef as l}from"react";import{M as a,a as
     display: flex;
     align-items: center;
     padding: 4px 8px;
-    background: ${s.colors.yellow600};
+    background: ${c.colors.yellow600};
     border-radius: 3px;
   } */
   & > * {
@@ -55,14 +55,14 @@ import e,{useMemo as t,useState as r,useRef as l}from"react";import{M as a,a as
     align-items: center;
     gap: 4px;
   }
-`,T=[{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}],B=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((()=>T.find((e=>e.name===p.status))),[null==p?void 0:p.status]);return e.createElement(v,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))))},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}:{})))},z=({weightBefore:o,weightByWeek:i,activeWeek:E,currentWeight:k,toolTipLabel:v=[],status:C,withLine:T=!1,siteType:z})=>{const{t:L}=c(),S="marryBaby"===z,O=t((()=>W({weightByWeek:i,weightBefore:o,toolTipLabel:v,status:C,activeWeek:E,t:L})),[i,o,v,C,E]),[F,I]=r(!1),M=l(null);return f(M,(()=>I(!1))),e.createElement(j,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(j,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(B,Object.assign({active:!T&&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(w,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(h,{onClick:()=>I(!0),x:0===E?1:E,y:k,r:4,shape:e.createElement(x,{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(C,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`
+`,T=[{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}],B=r=>{var l,a,o,i,s;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((()=>T.find((e=>e.name===p.status))),[null==p?void 0:p.status]);return e.createElement(v,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: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))))},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}:{})))},z=({weightBefore:o,weightByWeek:i,activeWeek:E,currentWeight:k,toolTipLabel:v=[],status:C,withLine:T=!1,siteType:z})=>{const{t:L}=s(),S="marryBaby"===z,O=t((()=>W({weightByWeek:i,weightBefore:o,toolTipLabel:v,status:C,activeWeek:E,t:L})),[i,o,v,C,E]),[F,I]=r(!1),M=l(null);return x(M,(()=>I(!1))),e.createElement(j,null,S?e.createElement(a,{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(j,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(B,Object.assign({active:!T&&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(w,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(a,{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,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||c.colors.primaryBase}))},S=({idealWeight:t,siteType:r})=>{const{t:l}=s(),o="marryBaby"===r;return e.createElement(C,null,e.createElement("div",null,o?e.createElement(e.Fragment,null,e.createElement(L,{color:c.mbColors.lightPink}),e.createElement(a,{type:"bodytext-3",color:c.mbColors.dark},l("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"},l("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(a,{type:"bodytext-3",color:c.mbColors.dark},l("pwg.placeholder.weight"))):e.createElement(e.Fragment,null,e.createElement(L,null),e.createElement(n,{size:"n1",color:c.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 ${s.colors.neutral100};
+  border: 1px solid ${c.colors.neutral100};
   border-radius: 8px;
   .chart-header {
     text-align: center;
@@ -70,4 +70,4 @@ import e,{useMemo as t,useState as r,useRef as l}from"react";import{M as a,a as
   > div {
     width: 100%;
   }
-`,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};
+`,F=({chartProps:t,pillCarouselProps:r,idealWeight:l,description:a,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")),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-20bec742.js → routing-eab022c9.js}

@@ -1 +1 @@
-import{d as e}from"./index-27056737.js";import{i as s}from"./isProduction-49838df1.js";const t=(t,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&&!s?o?"fe.":"discover.":o?"www.":""}${e[o?"vi-VN_MB":t]}`},o=(t,o)=>process.env.UNIFY_SSO_API||`https://${s?"id.":"staging-id."}${e[o?"vi-VN_MB":t]}`,r=()=>process.env.UNIFY_INTERNAL_TOGETHER_API||process.env.UNIFY_TOGETHER_API||`https://${s?"together.":"staging-together."}hellohealthgroup.com`,n=t=>process.env.UNIFY_DISCOVER_API||`https://${s?"wp.":"staging."}${e[t]}`,i=()=>process.env.UNIFY_INTERNAL_CARE_API||process.env.UNIFY_CARE_API||`https://${s?"health-care.":"service-health-care."}hellohealthgroup.com`;export{o as a,r as b,n as c,i as d,t as g};
+import{d as e}from"./index-27183b30.js";import{i as s}from"./isProduction-58dc4545.js";const t=(t,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&&!s?o?"fe.":"discover.":o?"www.":""}${e[o?"vi-VN_MB":t]}`},o=(t,o)=>process.env.UNIFY_SSO_API||`https://${s?"id.":"staging-id."}${e[o?"vi-VN_MB":t]}`,r=()=>process.env.UNIFY_INTERNAL_TOGETHER_API||process.env.UNIFY_TOGETHER_API||`https://${s?"together.":"staging-together."}hellohealthgroup.com`,n=t=>process.env.UNIFY_DISCOVER_API||`https://${s?"wp.":"staging."}${e[t]}`,i=()=>process.env.UNIFY_INTERNAL_CARE_API||process.env.UNIFY_CARE_API||`https://${s?"health-care.":"service-health-care."}hellohealthgroup.com`;export{o as a,r as b,n as c,i as d,t as g};

package/build/esm/together.js

@@ -1 +1 @@
-export{g as CardAuthor,C as CardLink,D as CardPost,E as CardPostPopoverMore,b as CardReactions,F as CardReply,G as CardReplyPopover,h as CreateNewPostContent,i as CreatePostDescription,j as CreatePostTitle,s as ImagePreviewPopup,I as InputCommentBar,e as LabelPin,d as LabelSortPin,f as LabelSorting,L as Loading,H as PopoverMenu,P as PopupDanger,l as PopupDoctor,k as PopupExpert,o as PopupFrame,m as PopupHospital,r as PostContent,w as PostImagePreview,v as PostSingleImageViewPopup,z as ProfileDetail,y as ProfileDetailModal,q as ShareBox,S as SharePopup,B as SkipQuestionOfExpertBtn,x as SocialLinkPreview,J as SourceList,p as SubmitReportForm,A as TabNameInProfileDetail,c as TagTopic,T as TogetherAuthConfigContext,a as TogetherAuthConfigContextProvider,t as TogetherTypes,n as TopicSelectList,V as VerifiedTag,u as useTogetherAuthRequiredAction}from"./types-4f5827f7.js";export{U as UserAvatar}from"./index.styled-1764a5b4.js";export{d as TogetherDataTransforms}from"./dataTransform-fba1eda1.js";export{D as DefaultComponentGlobalContextData,G as GlobalData,d as TogetherComponentGlobalContext,e as TogetherComponentGlobalContextProvider,c as TogetherConstants}from"./utils-cd46d4b9.js";import"./tslib.es6-38c1b6ee.js";import"react";import"@mantine/core";import"./index-0dbf58bf.js";import"styled-components";import"./screenSizeContext-047093be.js";import"lodash/throttle";import"./index-7b350e05.js";import"./gAssets.js";import"./index-27056737.js";import"date-fns/locale";import"./Onboarding-4fea1737.js";import"./isProduction-49838df1.js";import"./index-41160d03.js";import"@mantine/carousel";import"@mantine/hooks";import"./index-89216476.js";import"./index-65dde3b2.js";import"./index-20cd227f.js";import"./index-528651a7.js";import"./theme-c7dd40d5.js";import"dayjs";import"./useUniqueId-698c1d63.js";import"@mantine/dates";import"./translationsContext-cb9cc714.js";import"string-format";import"@hookform/resolvers/yup";import"react-hook-form";import"./index-7b1ab1a1.js";import"./useTranslations-3490d8cf.js";import"./index-83ccc22e.js";import"date-fns";import"./index-f385f184.js";import"lodash/debounce";import"./types-5a1cbee0.js";import"react-day-picker/DayPickerInput";import"innertext";import"./index-6fb981e8.js";import"./paths-619878cb.js";import"./constants-40246210.js";import"react-contenteditable";import"./cookieHelper-164f0b8c.js";import"react-dom";import"./number-37f42c6a.js";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-e957e6a0.js";import"uuid";import"./utils-faeda2b1.js";import"dayjs/plugin/relativeTime";import"./index-c09f22b0.js";import"./routing-20bec742.js";import"react-keyed-flatten-children";import"slugify";
+export{g as CardAuthor,C as CardLink,D as CardPost,E as CardPostPopoverMore,b as CardReactions,F as CardReply,G as CardReplyPopover,h as CreateNewPostContent,i as CreatePostDescription,j as CreatePostTitle,s as ImagePreviewPopup,I as InputCommentBar,e as LabelPin,d as LabelSortPin,f as LabelSorting,L as Loading,H as PopoverMenu,P as PopupDanger,l as PopupDoctor,k as PopupExpert,o as PopupFrame,m as PopupHospital,r as PostContent,w as PostImagePreview,v as PostSingleImageViewPopup,z as ProfileDetail,y as ProfileDetailModal,q as ShareBox,S as SharePopup,B as SkipQuestionOfExpertBtn,x as SocialLinkPreview,J as SourceList,p as SubmitReportForm,A as TabNameInProfileDetail,c as TagTopic,T as TogetherAuthConfigContext,a as TogetherAuthConfigContextProvider,t as TogetherTypes,n as TopicSelectList,V as VerifiedTag,u as useTogetherAuthRequiredAction}from"./types-6c249d77.js";export{U as UserAvatar}from"./index.styled-430ea9ec.js";export{d as TogetherDataTransforms}from"./dataTransform-73a8e298.js";export{D as DefaultComponentGlobalContextData,G as GlobalData,d as TogetherComponentGlobalContext,e as TogetherComponentGlobalContextProvider,c as TogetherConstants}from"./utils-b9aaa166.js";import"./tslib.es6-8768ccb4.js";import"react";import"@mantine/core";import"./index-233d3216.js";import"styled-components";import"./screenSizeContext-0c4de282.js";import"lodash/throttle";import"./index-f9105193.js";import"./gAssets.js";import"./index-27183b30.js";import"date-fns/locale";import"./Onboarding-2997627e.js";import"./isProduction-58dc4545.js";import"./index-4d6e08f0.js";import"@mantine/carousel";import"@mantine/hooks";import"./index-5d893b18.js";import"./index-04337202.js";import"./index-2792d725.js";import"./index-087b3c4b.js";import"./theme-af752e5e.js";import"dayjs";import"./useUniqueId-9b451fb4.js";import"@mantine/dates";import"./translationsContext-9f44bd6e.js";import"string-format";import"@hookform/resolvers/yup";import"react-hook-form";import"./index-23cf664f.js";import"./useTranslations-9d8df4a8.js";import"./index-02fbcf38.js";import"date-fns";import"./index-cdc79555.js";import"lodash/debounce";import"./types-cb553add.js";import"react-day-picker/DayPickerInput";import"innertext";import"./index-0c0f14ef.js";import"./paths-fc9b4162.js";import"./constants-95083db2.js";import"react-contenteditable";import"./cookieHelper-7fe78adc.js";import"react-dom";import"./number-451747e2.js";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-c168896e.js";import"uuid";import"./utils-47af45cf.js";import"dayjs/plugin/relativeTime";import"./index-bee89bbd.js";import"./routing-eab022c9.js";import"react-keyed-flatten-children";import"slugify";

package/build/esm/{types-4f5827f7.js → types-6c249d77.js}

@@ -1,4 +1,4 @@
-import{a as e,_ as t}from"./tslib.es6-38c1b6ee.js";import*as a from"react";import o,{createContext as n,useContext as i,useState as l,useRef as r,useEffect as s,useMemo as c,useCallback as d}from"react";import{useMantineTheme as m,createStyles as p,Flex as u,Box as g,rem as v,Checkbox as h,Portal as b,Anchor as f,Accordion as y,Popover as w}from"@mantine/core";import{a as x}from"./index-0dbf58bf.js";import{u as E}from"./useTranslations-3490d8cf.js";import C from"innertext";import{t as k}from"./theme-c7dd40d5.js";import{H as N,I as A,d as T,A as z,P,e as I,f as S}from"./index-528651a7.js";import{d as L,a9 as M,aa as j,O as B,ab as F,ac as O,ad as R,H as V,x as D,ae as U,Q as W,af as H,ag as Z,ah as q,ai as _,aj as G,ak as Q,w as X,al as K,am as $,an as Y,ao as J,E as ee,ap as te,a0 as ae,A as oe,aq as ne,ar as ie,as as le,at as re,au as se}from"./utils-cd46d4b9.js";import"@mantine/dates";import{D as ce,d as de}from"./index-27056737.js";import"./Onboarding-4fea1737.js";import{CommonGAssets as me}from"./gAssets.js";import pe from"dayjs";import{M as ue,t as ge,o as ve,k as he}from"./screenSizeContext-047093be.js";import be,{keyframes as fe,css as ye}from"styled-components";import"./isProduction-49838df1.js";import{I as we}from"./index-41160d03.js";import"@mantine/hooks";import{A as xe,a as Ee,B as Ce,D as ke}from"./index-6fb981e8.js";import{e as Ne,c as Ae,P as Te,g as ze,b as Pe,h as Ie,i as Se}from"./dataTransform-fba1eda1.js";import{T as Le}from"./index-89216476.js";import{I as Me}from"./index-20cd227f.js";import je from"lodash/debounce";import Be from"react-contenteditable";import{B as Fe}from"./index-65dde3b2.js";import{d as Oe,g as Re}from"./cookieHelper-164f0b8c.js";import*as Ve from"react-dom";import{a as De}from"./number-37f42c6a.js";import{format as Ue}from"date-fns";import"react-day-picker/DayPickerInput";import{U as We}from"./index.styled-1764a5b4.js";import"./index-7b1ab1a1.js";import"lodash/throttle";import"./types-5a1cbee0.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-e957e6a0.js";import"uuid";import"./utils-faeda2b1.js";import"string-format";import He from"dayjs/plugin/relativeTime";import{M as Ze}from"./index-c09f22b0.js";import{a as qe}from"./useUniqueId-698c1d63.js";import"./translationsContext-cb9cc714.js";import{g as _e}from"./routing-20bec742.js";const Ge=e=>a.createElement("svg",Object.assign({width:"1em",height:"1em",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},e),a.createElement("path",{d:"M3.99403 3.32695C3.86141 3.32698 3.73181 3.36657 3.62181 3.44065C3.5118 3.51472 3.42638 3.61992 3.37648 3.7428C3.32658 3.86567 3.31445 4.00064 3.34165 4.13044C3.36885 4.26024 3.43415 4.37898 3.52919 4.47148L7.05784 8.00013L3.52919 11.5288C3.46521 11.5902 3.41413 11.6638 3.37894 11.7452C3.34375 11.8266 3.32516 11.9142 3.32425 12.0029C3.32335 12.0916 3.34015 12.1796 3.37368 12.2617C3.40721 12.3438 3.45678 12.4185 3.5195 12.4812C3.58222 12.5439 3.65682 12.5935 3.73894 12.627C3.82106 12.6605 3.90904 12.6773 3.99774 12.6764C4.08643 12.6755 4.17405 12.6569 4.25547 12.6217C4.33689 12.5865 4.41047 12.5355 4.4719 12.4715L8.00054 8.94283L11.5292 12.4715C11.5906 12.5355 11.6642 12.5865 11.7456 12.6217C11.827 12.6569 11.9147 12.6755 12.0034 12.6764C12.092 12.6773 12.18 12.6605 12.2621 12.627C12.3443 12.5935 12.4189 12.5439 12.4816 12.4812C12.5443 12.4185 12.5939 12.3439 12.6274 12.2617C12.6609 12.1796 12.6777 12.0916 12.6768 12.0029C12.6759 11.9142 12.6573 11.8266 12.6222 11.7452C12.587 11.6638 12.5359 11.5902 12.4719 11.5288L8.94325 8.00013L12.4719 4.47148C12.5682 4.37784 12.634 4.25728 12.6607 4.1256C12.6873 3.99392 12.6735 3.85726 12.6212 3.73354C12.5688 3.60982 12.4803 3.5048 12.3672 3.43224C12.2542 3.35969 12.1218 3.32299 11.9875 3.32695C11.8143 3.33211 11.6499 3.4045 11.5292 3.52877L8.00054 7.05742L4.4719 3.52877C4.40977 3.46491 4.33548 3.41415 4.2534 3.37948C4.17132 3.34482 4.08313 3.32696 3.99403 3.32695Z"})),Qe=n({}),Xe=({children:e,defaultParams:t})=>o.createElement(Qe.Provider,{value:{defaultParams:t}},e),Ke=e=>{const{data:{userInfo:t,env:{togetherBasePath:a}}}=i(L),{defaultParams:o}=i(Qe)||{},n=null==t?void 0:t.id,l=t&&"number"==typeof t.communities_interacted&&0===t.communities_interacted;return{authActionWrapper:(t,i)=>{const r=Object.assign(Object.assign(Object.assign({},o),e),i);if(!n||l){n||Oe(M),(null==r?void 0:r._joinCommunityIds)&&(localStorage.setItem("to_join_community_ids",JSON.stringify(Array.from(new Set((JSON.parse(localStorage.getItem("to_join_community_ids")||"[]")||[]).concat(r._joinCommunityIds).filter(Boolean))))),null==r||delete r._joinCommunityIds),(null==r?void 0:r._joinTopicIds)&&(localStorage.setItem("to_join_topic_ids",JSON.stringify(Array.from(new Set((JSON.parse(localStorage.getItem("to_join_topic_ids")||"[]")||[]).concat(r._joinTopicIds).filter(Boolean))))),null==r||delete r._joinTopicIds);const e=(null==r?void 0:r._location)||window.location.href;return null==r||delete r._location,window.location.href=j(e,r,a),null}return t&&t()},params:Object.assign(Object.assign({},o),e)}},$e=be.div`
+import{a as e,_ as t}from"./tslib.es6-8768ccb4.js";import*as a from"react";import o,{createContext as n,useContext as i,useState as l,useRef as r,useEffect as s,useMemo as c,useCallback as d}from"react";import{useMantineTheme as m,createStyles as p,Flex as u,Box as g,rem as v,Checkbox as h,Portal as b,Anchor as f,Accordion as y,Popover as w}from"@mantine/core";import{a as x}from"./index-233d3216.js";import{u as E}from"./useTranslations-9d8df4a8.js";import C from"innertext";import{t as k}from"./theme-af752e5e.js";import{H as N,I as A,d as T,A as z,P,e as I,f as S}from"./index-087b3c4b.js";import{d as L,a9 as M,aa as j,O as B,ab as F,ac as O,ad as R,H as V,x as D,ae as U,Q as W,af as H,ag as Z,ah as q,ai as _,aj as G,ak as Q,w as X,al as K,am as $,an as Y,ao as J,E as ee,ap as te,a0 as ae,A as oe,aq as ne,ar as ie,as as le,at as re,au as se}from"./utils-b9aaa166.js";import"@mantine/dates";import{D as ce,d as de}from"./index-27183b30.js";import"./Onboarding-2997627e.js";import{CommonGAssets as me}from"./gAssets.js";import pe from"dayjs";import{M as ue,t as ge,o as ve,k as he}from"./screenSizeContext-0c4de282.js";import be,{keyframes as fe,css as ye}from"styled-components";import"./isProduction-58dc4545.js";import{I as we}from"./index-4d6e08f0.js";import"@mantine/hooks";import{A as xe,a as Ee,B as Ce,D as ke}from"./index-0c0f14ef.js";import{e as Ne,c as Ae,P as Te,g as ze,b as Pe,h as Ie,i as Se}from"./dataTransform-73a8e298.js";import{T as Le}from"./index-5d893b18.js";import{I as Me}from"./index-2792d725.js";import je from"lodash/debounce";import Be from"react-contenteditable";import{B as Fe}from"./index-04337202.js";import{d as Oe,g as Re}from"./cookieHelper-7fe78adc.js";import*as Ve from"react-dom";import{a as De}from"./number-451747e2.js";import{format as Ue}from"date-fns";import"react-day-picker/DayPickerInput";import{U as We}from"./index.styled-430ea9ec.js";import"./index-23cf664f.js";import"lodash/throttle";import"./types-cb553add.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-c168896e.js";import"uuid";import"./utils-47af45cf.js";import"string-format";import He from"dayjs/plugin/relativeTime";import{M as Ze}from"./index-bee89bbd.js";import{a as qe}from"./useUniqueId-9b451fb4.js";import"./translationsContext-9f44bd6e.js";import{g as _e}from"./routing-eab022c9.js";const Ge=e=>a.createElement("svg",Object.assign({width:"1em",height:"1em",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},e),a.createElement("path",{d:"M3.99403 3.32695C3.86141 3.32698 3.73181 3.36657 3.62181 3.44065C3.5118 3.51472 3.42638 3.61992 3.37648 3.7428C3.32658 3.86567 3.31445 4.00064 3.34165 4.13044C3.36885 4.26024 3.43415 4.37898 3.52919 4.47148L7.05784 8.00013L3.52919 11.5288C3.46521 11.5902 3.41413 11.6638 3.37894 11.7452C3.34375 11.8266 3.32516 11.9142 3.32425 12.0029C3.32335 12.0916 3.34015 12.1796 3.37368 12.2617C3.40721 12.3438 3.45678 12.4185 3.5195 12.4812C3.58222 12.5439 3.65682 12.5935 3.73894 12.627C3.82106 12.6605 3.90904 12.6773 3.99774 12.6764C4.08643 12.6755 4.17405 12.6569 4.25547 12.6217C4.33689 12.5865 4.41047 12.5355 4.4719 12.4715L8.00054 8.94283L11.5292 12.4715C11.5906 12.5355 11.6642 12.5865 11.7456 12.6217C11.827 12.6569 11.9147 12.6755 12.0034 12.6764C12.092 12.6773 12.18 12.6605 12.2621 12.627C12.3443 12.5935 12.4189 12.5439 12.4816 12.4812C12.5443 12.4185 12.5939 12.3439 12.6274 12.2617C12.6609 12.1796 12.6777 12.0916 12.6768 12.0029C12.6759 11.9142 12.6573 11.8266 12.6222 11.7452C12.587 11.6638 12.5359 11.5902 12.4719 11.5288L8.94325 8.00013L12.4719 4.47148C12.5682 4.37784 12.634 4.25728 12.6607 4.1256C12.6873 3.99392 12.6735 3.85726 12.6212 3.73354C12.5688 3.60982 12.4803 3.5048 12.3672 3.43224C12.2542 3.35969 12.1218 3.32299 11.9875 3.32695C11.8143 3.33211 11.6499 3.4045 11.5292 3.52877L8.00054 7.05742L4.4719 3.52877C4.40977 3.46491 4.33548 3.41415 4.2534 3.37948C4.17132 3.34482 4.08313 3.32696 3.99403 3.32695Z"})),Qe=n({}),Xe=({children:e,defaultParams:t})=>o.createElement(Qe.Provider,{value:{defaultParams:t}},e),Ke=e=>{const{data:{userInfo:t,env:{togetherBasePath:a}}}=i(L),{defaultParams:o}=i(Qe)||{},n=null==t?void 0:t.id,l=t&&"number"==typeof t.communities_interacted&&0===t.communities_interacted;return{authActionWrapper:(t,i)=>{const r=Object.assign(Object.assign(Object.assign({},o),e),i);if(!n||l){n||Oe(M),(null==r?void 0:r._joinCommunityIds)&&(localStorage.setItem("to_join_community_ids",JSON.stringify(Array.from(new Set((JSON.parse(localStorage.getItem("to_join_community_ids")||"[]")||[]).concat(r._joinCommunityIds).filter(Boolean))))),null==r||delete r._joinCommunityIds),(null==r?void 0:r._joinTopicIds)&&(localStorage.setItem("to_join_topic_ids",JSON.stringify(Array.from(new Set((JSON.parse(localStorage.getItem("to_join_topic_ids")||"[]")||[]).concat(r._joinTopicIds).filter(Boolean))))),null==r||delete r._joinTopicIds);const e=(null==r?void 0:r._location)||window.location.href;return null==r||delete r._location,window.location.href=j(e,r,a),null}return t&&t()},params:Object.assign(Object.assign({},o),e)}},$e=be.div`
   display: flex;
   align-items: center;
   justify-content: center;

package/build/esm/{types-af14a453.js → types-e47b94f8.js}

@@ -1,4 +1,4 @@
-import{a as e}from"./tslib.es6-38c1b6ee.js";import*as t from"react";import i,{useState as a,useCallback as o,useMemo as n,useEffect as s,useRef as r,useReducer as l}from"react";import{u as c}from"./useTranslations-3490d8cf.js";import d from"lodash/debounce";import{I as p,L as u,a as h}from"./constants-40246210.js";import{I as g}from"./index-20cd227f.js";import m,{createGlobalStyle as C}from"styled-components";import{T as b}from"./index-89216476.js";import{t as y}from"./theme-c7dd40d5.js";import{M as f}from"./screenSizeContext-047093be.js";import v from"react-loading-skeleton";import x from"lodash/shuffle";import{a as w}from"./useOutsideClick-2318875b.js";import{P as E}from"./paths-619878cb.js";import{Skeleton as S,Input as L,Divider as k,Tabs as O,Flex as j,Button as I}from"@mantine/core";import{c as F,d as $}from"./index-27056737.js";import{g as M,s as R,d as T}from"./cookieHelper-164f0b8c.js";import{C as P,I as A}from"./index-528651a7.js";import N from"string-format";const B=e=>t.createElement("svg",Object.assign({width:"1em",height:"1em",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},e),t.createElement("path",{d:"M7.99969 9.38055L5.45236 6.83322C5.17636 6.55722 4.72836 6.55722 4.45236 6.83322C4.17636 7.10922 4.17636 7.55722 4.45236 7.83322L7.52836 10.9092C7.78903 11.1699 8.21103 11.1699 8.47103 10.9092L11.547 7.83322C11.823 7.55722 11.823 7.10922 11.547 6.83322C11.271 6.55722 10.823 6.55722 10.547 6.83322L7.99969 9.38055Z"}));function V(){const[e,t]=a((()=>{if("undefined"==typeof window)return"unset";if(M(F))return"granted";const e=!location.protocol.includes("https")&&"localhost"!==location.hostname;return!navigator.geolocation||e?"denied":"unset"})),[i,s]=a((()=>{if("undefined"==typeof window)return null;const e=M(F);if(e)try{return JSON.parse(e)}catch(e){console.log(e)}return null})),r=o((function(){navigator.geolocation&&navigator.geolocation.getCurrentPosition((e=>{const i={lat:""+Math.round(1e7*e.coords.latitude)/1e7,lng:""+Math.round(1e7*e.coords.longitude)/1e7};R(F,JSON.stringify(i),{minutes:15}),s(i),t("granted")}),(()=>{T(F),t("denied")}))}),[]);return n((()=>({geoLocationPermission:e,geoLocationCoordinates:i,requestGeoLocation:r})),[e,i])}const D=m.div``,z=m.div`
+import{a as e}from"./tslib.es6-8768ccb4.js";import*as t from"react";import i,{useState as a,useCallback as o,useMemo as n,useEffect as s,useRef as r,useReducer as l}from"react";import{u as c}from"./useTranslations-9d8df4a8.js";import d from"lodash/debounce";import{I as p,L as u,a as h}from"./constants-95083db2.js";import{I as g}from"./index-2792d725.js";import m,{createGlobalStyle as C}from"styled-components";import{T as b}from"./index-5d893b18.js";import{t as y}from"./theme-af752e5e.js";import{M as f}from"./screenSizeContext-0c4de282.js";import v from"react-loading-skeleton";import x from"lodash/shuffle";import{a as w}from"./useOutsideClick-212afee0.js";import{P as E}from"./paths-fc9b4162.js";import{Skeleton as S,Input as L,Divider as k,Tabs as O,Flex as j,Button as I}from"@mantine/core";import{c as F,d as $}from"./index-27183b30.js";import{g as M,s as R,d as T}from"./cookieHelper-7fe78adc.js";import{C as P,I as A}from"./index-087b3c4b.js";import N from"string-format";const B=e=>t.createElement("svg",Object.assign({width:"1em",height:"1em",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},e),t.createElement("path",{d:"M7.99969 9.38055L5.45236 6.83322C5.17636 6.55722 4.72836 6.55722 4.45236 6.83322C4.17636 7.10922 4.17636 7.55722 4.45236 7.83322L7.52836 10.9092C7.78903 11.1699 8.21103 11.1699 8.47103 10.9092L11.547 7.83322C11.823 7.55722 11.823 7.10922 11.547 6.83322C11.271 6.55722 10.823 6.55722 10.547 6.83322L7.99969 9.38055Z"}));function V(){const[e,t]=a((()=>{if("undefined"==typeof window)return"unset";if(M(F))return"granted";const e=!location.protocol.includes("https")&&"localhost"!==location.hostname;return!navigator.geolocation||e?"denied":"unset"})),[i,s]=a((()=>{if("undefined"==typeof window)return null;const e=M(F);if(e)try{return JSON.parse(e)}catch(e){console.log(e)}return null})),r=o((function(){navigator.geolocation&&navigator.geolocation.getCurrentPosition((e=>{const i={lat:""+Math.round(1e7*e.coords.latitude)/1e7,lng:""+Math.round(1e7*e.coords.longitude)/1e7};R(F,JSON.stringify(i),{minutes:15}),s(i),t("granted")}),(()=>{T(F),t("denied")}))}),[]);return n((()=>({geoLocationPermission:e,geoLocationCoordinates:i,requestGeoLocation:r})),[e,i])}const D=m.div``,z=m.div`
   --searchbar-z-index: 305;
   &[data-is-modal='true'] {
     position: fixed;
@@ -705,7 +705,7 @@ import{a as e}from"./tslib.es6-38c1b6ee.js";import*as t from"react";import i,{us
       text-align: center;
     }
   }
-`,zt=({state:e,isMobile:t,specialties:a,isLoading:o,dispatch:s})=>{const{t:r,locale:l}=c(),{selectedLocation:d}=e,p=n((()=>u[l]),[l]);return i.createElement(i.Fragment,null,!t&&i.createElement(Vt,{color:"#E4E8EC"}),i.createElement(Nt,null,a.length>0&&!o&&i.createElement(i.Fragment,null,a.map(((e,t)=>t>=9?i.createElement(i.Fragment,null):i.createElement(Bt,{key:e.id,onClick:()=>(e=>{const t=`/${d.slug}/${p.DOCTOR}/${e}`;s({type:ht.NavigateTo,payload:t})})(e.slug)},i.createElement("div",{className:"image-item"},i.createElement("img",{src:e.thumbnail,alt:e.name})),i.createElement("div",{className:"infor"},i.createElement("div",{className:"title"},e.name)))))),0===a.length&&!o&&i.createElement(b,{size:"sm",color:y.colors.gray400},r("booking.searchBar.noResults")),o&&Array(6).fill(void 0).map(((e,t)=>i.createElement(Bt,{key:"loading"+t},i.createElement("div",{className:"image-item"},i.createElement(S,{height:40,animate:!0})),i.createElement("div",{className:"infor"},i.createElement("div",{className:"title"},i.createElement(S,{height:20,radius:"sm",animate:!0}))))))),a.length>9&&i.createElement(Dt,null,i.createElement("div",{className:"show-more",onClick:()=>{const e=`/${p.SPECIALTIES}`;s({type:ht.NavigateTo,payload:e})}},r("home.seeAll"))))},Kt=m.div`
+`,zt=({state:e,isMobile:t,specialties:a,isLoading:o,dispatch:s})=>{const{t:r,locale:l}=c(),{selectedLocation:d}=e,p=n((()=>u[l]),[l]),h=n((()=>a.length>=9||e.searchKeywords.trim().length<=pt[e.locale]),[e.searchKeywords,a]);return i.createElement(i.Fragment,null,!t&&i.createElement(Vt,{color:"#E4E8EC"}),i.createElement(Nt,null,a.length>0&&!o&&i.createElement(i.Fragment,null,a.map(((e,t)=>t>=9?i.createElement(i.Fragment,null):i.createElement(Bt,{key:e.id,onClick:()=>(e=>{const t=`/${d.slug}/${p.DOCTOR}/${e}`;s({type:ht.NavigateTo,payload:t})})(e.slug)},i.createElement("div",{className:"image-item"},i.createElement("img",{src:e.thumbnail,alt:e.name})),i.createElement("div",{className:"infor"},i.createElement("div",{className:"title"},e.name)))))),0===a.length&&!o&&i.createElement(b,{size:"sm",color:y.colors.gray400},r("booking.searchBar.noResults")),o&&Array(6).fill(void 0).map(((e,t)=>i.createElement(Bt,{key:"loading"+t},i.createElement("div",{className:"image-item"},i.createElement(S,{height:40,animate:!0})),i.createElement("div",{className:"infor"},i.createElement("div",{className:"title"},i.createElement(S,{height:20,radius:"sm",animate:!0}))))))),h&&i.createElement(Dt,null,i.createElement("div",{className:"show-more",onClick:()=>{const e=`/${p.SPECIALTIES}`;s({type:ht.NavigateTo,payload:e})}},r("home.seeAll"))))},Kt=m.div`
   display: flex;
   gap: 5px;
   margin-top: 16px;

package/build/esm/types.js

@@ -1 +1 @@
-export{a as BabyGrowthChartDuration,B as BabyGrowthChartType,b as BabyGrowthResultTab,G as Gender,L as LOCALE,O as OnboardingStep}from"./Onboarding-4fea1737.js";
+export{a as BabyGrowthChartDuration,B as BabyGrowthChartType,b as BabyGrowthResultTab,G as Gender,L as LOCALE,O as OnboardingStep}from"./Onboarding-2997627e.js";

package/build/esm/useHealthToolCache-7d562278.js

@@ -0,0 +1 @@
+import{a as o}from"./tslib.es6-8768ccb4.js";import{useState as t,useEffect as i,useCallback as l}from"react";import{a as n}from"./getDynamicHealthTool-085c0c6f.js";const r=r=>{const[a,e]=t([]);i((()=>{o(void 0,void 0,void 0,(function*(){const o=yield n(r);e(o)}))}),[n,r]);const s=l((o=>{var t;return(null===(t=a.find((t=>t.template===o)))||void 0===t?void 0:t.link)||""}),[a]);return{allTools:a,getHealthToolLink:s}};export{r as u};

package/build/esm/{useRafState-fb8e37ee.js → useRafState-9aa4bb80.js}

@@ -1 +1 @@
-import{a as e}from"./tslib.es6-38c1b6ee.js";import{useRef as t,useEffect as n,useState as r,useCallback as i}from"react";import{g as o}from"./cookieHelper-164f0b8c.js";import{u as a}from"./useUniqueId-698c1d63.js";function l(e){const t=(new TextEncoder).encode(e.trim().toLowerCase());return crypto.subtle.digest("SHA-256",t).then((e=>Array.from(new Uint8Array(e)).map((e=>e.toString(16).padStart(2,"0"))).join("")))}const c=r=>{const i=t("");n((()=>(e(void 0,void 0,void 0,(function*(){var e,t,n,a,c;if(!i.current){let e=yield fetch("https://api.ipify.org").then((e=>e.text()));e||(e=yield fetch("https://icanhazip.com").then((e=>e.text()))),i.current=e}if(null===(t=null===(e=window.localStorage)||void 0===e?void 0:e.setItem)||void 0===t||t.call(e,"fbClientIp",JSON.stringify({client_ip_address:(null===(n=i.current)||void 0===n?void 0:n.replace("\n",""))||"",client_user_agent:navigator.userAgent||""})),null==r?void 0:r.id){const[e,t,n,i,s,u]=yield Promise.all([r.email?l(r.email):null,r.phone?l(r.phone):null,r.birthday?l(r.birthday.split("-").join("")):null,r.gender?"m":"f",r.city_name?l(r.city_name).then((e=>e.replace(/\s/g,""))):null,r.name?l(r.name):null]);o("_fbc"),o("_fbp");const d={user_id:r.id};u&&(d.fn=u),e&&(d.em=e),t&&(d.ph=t),n&&(d.db=n),s&&(d.ct=s),null===(c=null===(a=window.localStorage)||void 0===a?void 0:a.setItem)||void 0===c||c.call(a,"fbDataLayer_userInfo",JSON.stringify(d))}})),()=>{})),[r])},s=e=>{const n=t(),r=t(e);return a()||r.current===e||(n.current=r.current,r.current=e),n.current},u=e=>{const[o,a]=r(e),l=t(0),c=i((e=>{cancelAnimationFrame(l.current),l.current=requestAnimationFrame((()=>{a(e)}))}),[]);return n((()=>()=>cancelAnimationFrame(l.current))),[o,c]};export{s as a,u as b,c as u};
+import{a as e}from"./tslib.es6-8768ccb4.js";import{useRef as t,useEffect as n,useState as r,useCallback as i}from"react";import{g as o}from"./cookieHelper-7fe78adc.js";import{u as a}from"./useUniqueId-9b451fb4.js";function l(e){const t=(new TextEncoder).encode(e.trim().toLowerCase());return crypto.subtle.digest("SHA-256",t).then((e=>Array.from(new Uint8Array(e)).map((e=>e.toString(16).padStart(2,"0"))).join("")))}const c=r=>{const i=t("");n((()=>(e(void 0,void 0,void 0,(function*(){var e,t,n,a,c;if(!i.current){let e=yield fetch("https://api.ipify.org").then((e=>e.text()));e||(e=yield fetch("https://icanhazip.com").then((e=>e.text()))),i.current=e}if(null===(t=null===(e=window.localStorage)||void 0===e?void 0:e.setItem)||void 0===t||t.call(e,"fbClientIp",JSON.stringify({client_ip_address:(null===(n=i.current)||void 0===n?void 0:n.replace("\n",""))||"",client_user_agent:navigator.userAgent||""})),null==r?void 0:r.id){const[e,t,n,i,s,u]=yield Promise.all([r.email?l(r.email):null,r.phone?l(r.phone):null,r.birthday?l(r.birthday.split("-").join("")):null,r.gender?"m":"f",r.city_name?l(r.city_name).then((e=>e.replace(/\s/g,""))):null,r.name?l(r.name):null]);o("_fbc"),o("_fbp");const d={user_id:r.id};u&&(d.fn=u),e&&(d.em=e),t&&(d.ph=t),n&&(d.db=n),s&&(d.ct=s),null===(c=null===(a=window.localStorage)||void 0===a?void 0:a.setItem)||void 0===c||c.call(a,"fbDataLayer_userInfo",JSON.stringify(d))}})),()=>{})),[r])},s=e=>{const n=t(),r=t(e);return a()||r.current===e||(n.current=r.current,r.current=e),n.current},u=e=>{const[o,a]=r(e),l=t(0),c=i((e=>{cancelAnimationFrame(l.current),l.current=requestAnimationFrame((()=>{a(e)}))}),[]);return n((()=>()=>cancelAnimationFrame(l.current))),[o,c]};export{s as a,u as b,c as u};

package/build/esm/useTranslations-9d8df4a8.js

@@ -0,0 +1 @@
+import{useContext as o,useMemo as a}from"react";import{T as e}from"./translationsContext-9f44bd6e.js";import r from"string-format";function t(){const{values:t,locale:n}=o(e)||{locale:"en-PH"};return a((()=>({t:(o,a)=>t?t[o]?a?r(t[o]||o,a):t[o]||o:(console.warn(`[useTranslations] Missing translation for key ${o} and locale ${n}`),a?r(o,a):o):(console.error("[useTranslations] t method called before translation values are loaded"),o),locale:n})),[t,n])}export{t as u};

package/build/esm/{utils-faeda2b1.js → utils-47af45cf.js}

@@ -1 +1 @@
-import{L as a}from"./Onboarding-4fea1737.js";const i={[a.Vietnam]:"VN",[a.Cambodia]:"KH",[a.Indonesia]:"ID",[a.Malaysia]:"MY",[a.PhilippinesEnglish]:"PH",[a.PhilippinesTagalog]:"PH",[a.Taiwan]:"TW",[a.Thailand]:"TH",[a.Myanmar]:"MM"},n=(a="")=>{const i=a.indexOf("@"),n=a.substring(0,i),s=n.length>3?3:n.length;return a.replace(a.substring(s,i),a.slice(s,i).replace(/./g,"x"))};export{i as M,n as h};
+import{L as a}from"./Onboarding-2997627e.js";const i={[a.Vietnam]:"VN",[a.Cambodia]:"KH",[a.Indonesia]:"ID",[a.Malaysia]:"MY",[a.PhilippinesEnglish]:"PH",[a.PhilippinesTagalog]:"PH",[a.Taiwan]:"TW",[a.Thailand]:"TH",[a.Myanmar]:"MM"},n=(a="")=>{const i=a.indexOf("@"),n=a.substring(0,i),s=n.length>3?3:n.length;return a.replace(a.substring(s,i),a.slice(s,i).replace(/./g,"x"))};export{i as M,n as h};

package/build/esm/{utils-cd46d4b9.js → utils-b9aaa166.js}

@@ -1,4 +1,4 @@
-import{_ as e,a as t}from"./tslib.es6-38c1b6ee.js";import*as a from"react";import r,{memo as o,useMemo as i,useState as l,forwardRef as n,createContext as s,useEffect as c,Fragment as d,Component as p,useCallback as h,useRef as u,useImperativeHandle as g}from"react";import{createStyles as m,Button as b,Autocomplete as f,Image as E,ActionIcon as v,Select as w,rem as x,Text as y,AspectRatio as L,em as C,useMantineTheme as _,Box as O,Breadcrumbs as T,Textarea as A,Accordion as k,Indicator as I,Avatar as S,FileInput as R,createEmotionCache as $,NumberInput as M,PasswordInput as P,TextInput as B,Input as D,Checkbox as j,Slider as H,Radio as N,Flex as z,Tabs as G,ScrollArea as U,Popover as V}from"@mantine/core";import F,{css as Z}from"styled-components";import{I as K}from"./index-41160d03.js";import{t as W}from"./theme-c7dd40d5.js";import{M as Y,s as q,e as X,b as Q,f as J,c as ee,g as te,a as ae,d as re,B as oe}from"./screenSizeContext-047093be.js";import{CommonGAssets as ie}from"./gAssets.js";import{L as le,C as ne,I as se}from"./index-528651a7.js";import{L as ce}from"./Onboarding-4fea1737.js";import{T as de}from"./index-89216476.js";import"./translationsContext-cb9cc714.js";import pe from"string-format";import he from"dayjs";import{I as ue,s as ge}from"./index-27056737.js";import{i as me}from"./isProduction-49838df1.js";import be from"react-keyed-flatten-children";import{useUncontrolled as fe,useDebouncedValue as Ee,useDisclosure as ve,useClickOutside as we}from"@mantine/hooks";import"@mantine/dates";import{Carousel as xe}from"@mantine/carousel";import{a as ye}from"./useUniqueId-698c1d63.js";import"lodash/debounce";import{g as Le}from"./cookieHelper-164f0b8c.js";import Ce from"slugify";const _e=F.div`
+import{_ as e,a as t}from"./tslib.es6-8768ccb4.js";import*as a from"react";import r,{memo as o,useMemo as i,useState as l,forwardRef as n,createContext as s,useEffect as c,Fragment as d,Component as p,useCallback as h,useRef as u,useImperativeHandle as g}from"react";import{createStyles as m,Button as b,Autocomplete as f,Image as E,ActionIcon as v,Select as w,rem as x,Text as y,AspectRatio as L,em as C,useMantineTheme as _,Box as O,Breadcrumbs as T,Textarea as A,Accordion as k,Indicator as I,Avatar as S,FileInput as R,createEmotionCache as $,NumberInput as M,PasswordInput as P,TextInput as B,Input as D,Checkbox as j,Slider as H,Radio as N,Flex as z,Tabs as G,ScrollArea as U,Popover as V}from"@mantine/core";import F,{css as Z}from"styled-components";import{I as K}from"./index-4d6e08f0.js";import{t as W}from"./theme-af752e5e.js";import{M as Y,s as q,e as X,b as Q,f as J,c as ee,g as te,a as ae,d as re,B as oe}from"./screenSizeContext-0c4de282.js";import{CommonGAssets as ie}from"./gAssets.js";import{L as le,C as ne,I as se}from"./index-087b3c4b.js";import{L as ce}from"./Onboarding-2997627e.js";import{T as de}from"./index-5d893b18.js";import"./translationsContext-9f44bd6e.js";import pe from"string-format";import he from"dayjs";import{I as ue,s as ge}from"./index-27183b30.js";import{i as me}from"./isProduction-58dc4545.js";import be from"react-keyed-flatten-children";import{useUncontrolled as fe,useDebouncedValue as Ee,useDisclosure as ve,useClickOutside as we}from"@mantine/hooks";import"@mantine/dates";import{Carousel as xe}from"@mantine/carousel";import{a as ye}from"./useUniqueId-9b451fb4.js";import"lodash/debounce";import{g as Le}from"./cookieHelper-7fe78adc.js";import Ce from"slugify";const _e=F.div`
   background-color: var(--background-color, transparent);
   color: white;
   cursor: pointer;