@hhgtech/hhg-components 1.24.20-beta-3 → 1.24.20-beta-4

package/build/esm/{index-cc9329fc.js → index-3e3c1409.js}

@@ -1,4 +1,4 @@
-import{_ as e,a as o}from"./tslib.es6-dbdfba75.js";import n,{createContext as t,useContext as r,useState as i,useRef as a,useEffect as s,useMemo as l,useCallback as d}from"react";import{useInterval as m,useCounter as c}from"@mantine/hooks";import{H as p}from"./index.styled-7e4d40ce.js";import{B as g}from"./index-521ba54f.js";import"./gAssets.js";import"./index.styled-bfbb0fac.js";import{c as b}from"./index-14c2a8d6.js";import{M as u}from"./utils-fb9334b6.js";import{t as h}from"./theme-ecbd56d8.js";import{Container as f,Input as E}from"@mantine/core";import"./index.styled-b624d1f0.js";import{u as y}from"./useTranslations-0f3a0f1e.js";import"./index-eb40a2e4.js";import"lodash/debounce";import"./isProduction-65d69bde.js";import{L as x}from"./index-30ebeb7f.js";import"dayjs";import"./screenSizeContext-c137a43e.js";import v from"styled-components";import{L as P}from"./Locale-6898e8d2.js";import"./translationsContext-5293aba5.js";import"string-format";import{T as w}from"./index-adf0ade6.js";import{useForm as S,yupResolver as j}from"@mantine/form";import{P as k,O as C,D as O,R as M}from"./index-6fbf13f3.js";import*as T from"yup";import N from"lodash/throttle";import"./index.styled-3b0f5cb5.js";import{P as B}from"./index-63255195.js";import"./index-e38c0323.js";import{format as I}from"date-fns";import{V as L}from"./Visible-f9a674af.js";const z=t({}),F=v.div``,$=v(w)`
+import{_ as e,a as o}from"./tslib.es6-5553b596.js";import n,{createContext as t,useContext as r,useState as i,useRef as a,useEffect as s,useMemo as l,useCallback as d}from"react";import{useInterval as m,useCounter as c}from"@mantine/hooks";import{H as p}from"./index.styled-674ffcba.js";import{B as g}from"./index-2c11acd9.js";import"./gAssets.js";import"./index.styled-803a9ab6.js";import{c as b}from"./index-83c99a9c.js";import{M as u}from"./utils-28e01d63.js";import{t as h}from"./theme-45f5e885.js";import{Container as f,Input as E}from"@mantine/core";import"./index.styled-c0aa28f9.js";import{u as y}from"./useTranslations-1a6e441d.js";import"./index-58038ca8.js";import"lodash/debounce";import"./isProduction-42096bf8.js";import{L as x}from"./index-c88d69a5.js";import"dayjs";import"./screenSizeContext-d3111115.js";import v from"styled-components";import{L as P}from"./Locale-e7d095d8.js";import"./translationsContext-553b6745.js";import"string-format";import{T as w}from"./index-1afbb307.js";import{useForm as S,yupResolver as j}from"@mantine/form";import{P as k,O as C,D as O,R as M}from"./index-28660c80.js";import*as T from"yup";import N from"lodash/throttle";import"./index.styled-081ec420.js";import{P as I}from"./index-330dbeaf.js";import"./index-0b6881dd.js";import{format as B}from"date-fns";import{V as L}from"./Visible-5d0ddaaa.js";const z=t({}),F=v.div``,$=v(w)`
   margin-top: 8px;
 `,D=v.div`
   margin-top: 70px;
@@ -79,7 +79,7 @@ import{_ as e,a as o}from"./tslib.es6-dbdfba75.js";import n,{createContext as t,
       border-radius: 0 4px 4px 0;
     }
   }
-`,Y={[P.Vietnam]:"VN",[P.Cambodia]:"KH",[P.Indonesia]:"ID",[P.Malaysia]:"MY",[P.PhilippinesEnglish]:"PH",[P.PhilippinesTagalog]:"PH",[P.Taiwan]:"TW",[P.Thailand]:"TH",[P.Myanmar]:"MM"},Z=({onClose:e,onSubmit:t,canSkip:r=!0,customFormTexts:i})=>{const{t:a}=y(),s=S({initialValues:{phone:""},validate:j(U(a))});return n.createElement(W,{heading:(null==i?void 0:i.heading)||a("onboarding.updatePhone.heading"),description:(null==i?void 0:i.description)||a("onboarding.updatePhone.description")},n.createElement("form",{onSubmit:s.onSubmit((e=>o(void 0,void 0,void 0,(function*(){t(e.phone)}))),(e=>{console.log(e)}))},n.createElement("div",{className:"phone-input"},n.createElement(k,Object.assign({defaultCountry:Y[process.env.UNIFY_LOCALE]||"VN"},s.getInputProps("phone"))),n.createElement(E.Error,null,s.errors.phone)),n.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"},a("onboarding.button.continue")),r&&n.createElement(g,{color:"ghost",isBlock:!0,size:"lg",onClick:e,type:"button"},a("onboarding.button.skip"))))};P.Vietnam,P.Cambodia,P.Indonesia,P.Malaysia,P.PhilippinesEnglish,P.PhilippinesTagalog,P.Taiwan,P.Thailand,P.Myanmar;const G=(e="")=>{const o=e.indexOf("@"),n=e.substring(0,o),t=n.length>3?3:n.length;return e.replace(e.substring(t,o),e.slice(t,o).replace(/./g,"x"))},K=v(R)`
+`,Y={[P.Vietnam]:"VN",[P.Cambodia]:"KH",[P.Indonesia]:"ID",[P.Malaysia]:"MY",[P.PhilippinesEnglish]:"PH",[P.PhilippinesTagalog]:"PH",[P.Taiwan]:"TW",[P.Thailand]:"TH",[P.Myanmar]:"MM",[P.India]:"IN"},Z=({onClose:e,onSubmit:t,canSkip:r=!0,customFormTexts:i})=>{const{t:a}=y(),s=S({initialValues:{phone:""},validate:j(U(a))});return n.createElement(W,{heading:(null==i?void 0:i.heading)||a("onboarding.updatePhone.heading"),description:(null==i?void 0:i.description)||a("onboarding.updatePhone.description")},n.createElement("form",{onSubmit:s.onSubmit((e=>o(void 0,void 0,void 0,(function*(){t(e.phone)}))),(e=>{console.log(e)}))},n.createElement("div",{className:"phone-input"},n.createElement(k,Object.assign({defaultCountry:Y[process.env.UNIFY_LOCALE]||"VN"},s.getInputProps("phone"))),n.createElement(E.Error,null,s.errors.phone)),n.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"},a("onboarding.button.continue")),r&&n.createElement(g,{color:"ghost",isBlock:!0,size:"lg",onClick:e,type:"button"},a("onboarding.button.skip"))))};P.Vietnam,P.Cambodia,P.Indonesia,P.Malaysia,P.PhilippinesEnglish,P.PhilippinesTagalog,P.Taiwan,P.Thailand,P.Myanmar;const G=(e="")=>{const o=e.indexOf("@"),n=e.substring(0,o),t=n.length>3?3:n.length;return e.replace(e.substring(t,o),e.slice(t,o).replace(/./g,"x"))},K=v(R)`
   .otp-input {
     margin-bottom: 36px;
     ${u.mbDown} {
@@ -112,7 +112,7 @@ import{_ as e,a as o}from"./tslib.es6-dbdfba75.js";import n,{createContext as t,
     margin-bottom: 3px;
     margin-left: 3px;
   }
-`,J=({onSubmit:e,phone:t,email:d,onResendCode:p,otpError:b,onClose:u,loading:f,onBack:x,canSkip:v,outOfEdit:P})=>{const{siteType:k,isMarryBaby:O}=r(z),[M,T]=i(30),B=m((()=>T((e=>e-1))),1e3),[I,L]=c(0,{min:0,max:3}),F=a(!0),{t:$}=y();s((()=>(B.start(),B.stop)),[]),s((()=>{0===M&&(B.stop(),F.current=!1)}),[M]);const D=S({initialValues:{otp:""},validate:j(q($))});s((()=>{b&&D.setFieldError("otp",b)}),[b]);const V=l((()=>N((()=>{F.current||(L.increment(),T(30),null==p||p(t||d),B.start(),F.current=!0)}),1e3,{trailing:!1})),[t,d,p,B]);return n.createElement(K,{heading:$("onboarding.otpForm.heading"),description:n.createElement(n.Fragment,null,n.createElement("span",{dangerouslySetInnerHTML:{__html:t?$("onboarding.otpForm.description",{phone:`<b style="color:${h.colors.gray800}">${t.slice(0,-3).replace(/./g,"x").concat(t.slice(-3))}</b>`}):$("onboarding.otpForm.descriptionEmail",{email:`<b style="color:${h.colors.gray800}">${G(d)}</b>`})}}),!P&&n.createElement("svg",{onClick:()=>{null==x||x()},width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"otp-description-edit-icon"},n.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"})))},n.createElement("form",{onSubmit:D.onSubmit((n=>o(void 0,void 0,void 0,(function*(){L.increment(),e(n.otp)}))),(e=>{console.log(e)}))},n.createElement("div",{className:"otp-input"},n.createElement(C,Object.assign({enterKeyHint:void 0,nonce:void 0},D.getInputProps("otp"))),n.createElement(E.Error,null,D.errors.otp)),n.createElement("div",{className:"resend"},n.createElement(w,{size:"p4",color:h.colors.gray400},$("onboarding.otpForm.notReceiveOTP")),n.createElement(w,{as:"a",size:"p4",color:O?h.mbColors.pink:h.colors.primaryBase,onClick:V},$("onboarding.otpForm.resendCode",{seconds:M}))),n.createElement(g,{theme:k,color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:f,disabled:f,"data-event-category":"Sign Up","data-event-action":"Confirm Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},$("onboarding.button.continue")),v&&I>=3&&n.createElement(g,{theme:k,color:"ghost",isBlock:!0,size:"lg",onClick:u,type:"button"},$("onboarding.button.skip"))))},Q=({onClose:e,onSubmit:o,canSkip:t,loading:i,errorMessage:a,initialData:l})=>{const{t:d,locale:m}=y(),{siteType:c,isMarryBaby:p}=r(z),b=S({validate:j(H(d))});console.log({isMarryBaby:p});return s((()=>{b.setValues(Object.assign(Object.assign({gender:"0"},l),(null==l?void 0:l.birthday)&&{birthday:new Date(l.birthday)}))}),[l]),s((()=>{a&&b.setFieldError("email",a)}),[a]),n.createElement(R,{heading:d("onboarding.formEmail.heading"),description:d("onboarding.formEmail.description",{site:p?"Marry Baby":x[m].SITE_NAME_FORMATTED})},n.createElement("form",{className:"form",onSubmit:b.onSubmit((e=>{o(Object.assign(Object.assign({},e),{birthday:e.birthday&&I(e.birthday,"yyyy-MM-dd")}))}),(e=>{console.log({fieldErrors:e})}))},n.createElement(E.Wrapper,{label:d("onboarding.formEmail.yourName"),className:"input-control",withAsterisk:!0},n.createElement(E,Object.assign({},b.getInputProps("name"))),n.createElement(E.Error,{className:"field-error"},b.errors.name)),n.createElement(E.Wrapper,{label:d("onboarding.formEmail.yourEmail"),className:"input-control",withAsterisk:!0},n.createElement(E,Object.assign({},b.getInputProps("email"))),n.createElement(E.Error,{className:"field-error"},b.errors.email)),n.createElement(O,Object.assign({className:"input-control",label:d("onboarding.formEmail.yourBirthday")},b.getInputProps("birthday"))),n.createElement(M.Group,{value:b.values.gender,onChange:e=>b.setFieldValue("gender",e),className:"radio-group"},n.createElement(M,{value:"0",label:d("onboarding.formEmail.genderMale")}),n.createElement(M,{value:"1",label:d("onboarding.formEmail.genderFemale")})),n.createElement(g,{color:"primary",isBlock:!0,size:"lg",type:"submit",theme:c,isLoading:i,disabled:i},d("onboarding.button.continue")),t&&n.createElement(g,{theme:c,color:"ghost",isBlock:!0,size:"lg",onClick:e},d("onboarding.button.skip"))))},X=({onClose:e,onSubmit:o,canSkip:t,errorMessage:r,loading:i})=>{const{t:a}=y(),s=S({initialValues:{password:"",confirmPassword:""},validate:j(_(a))});return n.createElement(R,{heading:a("onboarding.updatePassword.heading"),description:a("onboarding.updatePassword.description")},n.createElement("form",{className:"form",onSubmit:s.onSubmit((e=>o((null==e?void 0:e.password)||"")),(e=>{console.log({fieldErrors:e})}))},n.createElement(B,Object.assign({label:a("onboarding.updatePassword.password"),withAsterisk:!0,rightSection:n.createElement(L,null)},s.getInputProps("password"))),n.createElement(B,Object.assign({label:a("onboarding.updatePassword.confirmPassword"),withAsterisk:!0,rightSection:n.createElement(L,null)},s.getInputProps("confirmPassword"))),n.createElement(g,{color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:i,disabled:i},a("onboarding.button.continue")),t&&n.createElement(g,{color:"ghost",isBlock:!0,size:"lg",onClick:e},a("onboarding.button.skip")),r&&n.createElement(E.Error,{className:"form-error"},r)))},ee=v.div`
+`,J=({onSubmit:e,phone:t,email:d,onResendCode:p,otpError:b,onClose:u,loading:f,onBack:x,canSkip:v,outOfEdit:P})=>{const{siteType:k,isMarryBaby:O}=r(z),[M,T]=i(30),I=m((()=>T((e=>e-1))),1e3),[B,L]=c(0,{min:0,max:3}),F=a(!0),{t:$}=y();s((()=>(I.start(),I.stop)),[]),s((()=>{0===M&&(I.stop(),F.current=!1)}),[M]);const D=S({initialValues:{otp:""},validate:j(q($))});s((()=>{b&&D.setFieldError("otp",b)}),[b]);const V=l((()=>N((()=>{F.current||(L.increment(),T(30),null==p||p(t||d),I.start(),F.current=!0)}),1e3,{trailing:!1})),[t,d,p,I]);return n.createElement(K,{heading:$("onboarding.otpForm.heading"),description:n.createElement(n.Fragment,null,n.createElement("span",{dangerouslySetInnerHTML:{__html:t?$("onboarding.otpForm.description",{phone:`<b style="color:${h.colors.gray800}">${t.slice(0,-3).replace(/./g,"x").concat(t.slice(-3))}</b>`}):$("onboarding.otpForm.descriptionEmail",{email:`<b style="color:${h.colors.gray800}">${G(d)}</b>`})}}),!P&&n.createElement("svg",{onClick:()=>{null==x||x()},width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"otp-description-edit-icon"},n.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"})))},n.createElement("form",{onSubmit:D.onSubmit((n=>o(void 0,void 0,void 0,(function*(){L.increment(),e(n.otp)}))),(e=>{console.log(e)}))},n.createElement("div",{className:"otp-input"},n.createElement(C,Object.assign({enterKeyHint:void 0,nonce:void 0},D.getInputProps("otp"))),n.createElement(E.Error,null,D.errors.otp)),n.createElement("div",{className:"resend"},n.createElement(w,{size:"p4",color:h.colors.gray400},$("onboarding.otpForm.notReceiveOTP")),n.createElement(w,{as:"a",size:"p4",color:O?h.mbColors.pink:h.colors.primaryBase,onClick:V},$("onboarding.otpForm.resendCode",{seconds:M}))),n.createElement(g,{theme:k,color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:f,disabled:f,"data-event-category":"Sign Up","data-event-action":"Confirm Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},$("onboarding.button.continue")),v&&B>=3&&n.createElement(g,{theme:k,color:"ghost",isBlock:!0,size:"lg",onClick:u,type:"button"},$("onboarding.button.skip"))))},Q=({onClose:e,onSubmit:o,canSkip:t,loading:i,errorMessage:a,initialData:l})=>{const{t:d,locale:m}=y(),{siteType:c,isMarryBaby:p}=r(z),b=S({validate:j(H(d))});console.log({isMarryBaby:p});return s((()=>{b.setValues(Object.assign(Object.assign({gender:"0"},l),(null==l?void 0:l.birthday)&&{birthday:new Date(l.birthday)}))}),[l]),s((()=>{a&&b.setFieldError("email",a)}),[a]),n.createElement(R,{heading:d("onboarding.formEmail.heading"),description:d("onboarding.formEmail.description",{site:p?"Marry Baby":x[m].SITE_NAME_FORMATTED})},n.createElement("form",{className:"form",onSubmit:b.onSubmit((e=>{o(Object.assign(Object.assign({},e),{birthday:e.birthday&&B(e.birthday,"yyyy-MM-dd")}))}),(e=>{console.log({fieldErrors:e})}))},n.createElement(E.Wrapper,{label:d("onboarding.formEmail.yourName"),className:"input-control",withAsterisk:!0},n.createElement(E,Object.assign({},b.getInputProps("name"))),n.createElement(E.Error,{className:"field-error"},b.errors.name)),n.createElement(E.Wrapper,{label:d("onboarding.formEmail.yourEmail"),className:"input-control",withAsterisk:!0},n.createElement(E,Object.assign({},b.getInputProps("email"))),n.createElement(E.Error,{className:"field-error"},b.errors.email)),n.createElement(O,Object.assign({className:"input-control",label:d("onboarding.formEmail.yourBirthday")},b.getInputProps("birthday"))),n.createElement(M.Group,{value:b.values.gender,onChange:e=>b.setFieldValue("gender",e),className:"radio-group"},n.createElement(M,{value:"0",label:d("onboarding.formEmail.genderMale")}),n.createElement(M,{value:"1",label:d("onboarding.formEmail.genderFemale")})),n.createElement(g,{color:"primary",isBlock:!0,size:"lg",type:"submit",theme:c,isLoading:i,disabled:i},d("onboarding.button.continue")),t&&n.createElement(g,{theme:c,color:"ghost",isBlock:!0,size:"lg",onClick:e},d("onboarding.button.skip"))))},X=({onClose:e,onSubmit:o,canSkip:t,errorMessage:r,loading:i})=>{const{t:a}=y(),s=S({initialValues:{password:"",confirmPassword:""},validate:j(_(a))});return n.createElement(R,{heading:a("onboarding.updatePassword.heading"),description:a("onboarding.updatePassword.description")},n.createElement("form",{className:"form",onSubmit:s.onSubmit((e=>o((null==e?void 0:e.password)||"")),(e=>{console.log({fieldErrors:e})}))},n.createElement(I,Object.assign({label:a("onboarding.updatePassword.password"),withAsterisk:!0,rightSection:n.createElement(L,null)},s.getInputProps("password"))),n.createElement(I,Object.assign({label:a("onboarding.updatePassword.confirmPassword"),withAsterisk:!0,rightSection:n.createElement(L,null)},s.getInputProps("confirmPassword"))),n.createElement(g,{color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:i,disabled:i},a("onboarding.button.continue")),t&&n.createElement(g,{color:"ghost",isBlock:!0,size:"lg",onClick:e},a("onboarding.button.skip")),r&&n.createElement(E.Error,{className:"form-error"},r)))},ee=v.div`
   position: fixed;
   top: 0;
   left: 0;
@@ -167,4 +167,4 @@ import{_ as e,a as o}from"./tslib.es6-dbdfba75.js";import n,{createContext as t,
 `,se=v(w)``,le=v.img`
   width: 100%;
   display: block;
-`,de=v.div``;var me;!function(e){e[e.Phone=0]="Phone",e[e.OTP=1]="OTP",e[e.OTPEmail=2]="OTPEmail",e[e.PersonalInfo=3]="PersonalInfo",e[e.UpdatePassword=4]="UpdatePassword",e[e.Result=5]="Result"}(me||(me={}));const ce=t=>{var{onClose:r,canSkip:a,flow:s=[me.Phone,me.OTP],step:l,onPhoneSubmit:m,onOtpSubmit:p,onPersonalInfoSubmit:b,onCreatePassByEmail:u,onResendCode:f,otpError:E,personalInfoError:x,createPassError:v,emailLoading:P,createPassLoading:w,otpLoading:S,customFormTexts:j,initialData:k,banner:C,resultScreenProps:O,siteType:M}=t,T=e(t,["onClose","canSkip","flow","step","onPhoneSubmit","onOtpSubmit","onPersonalInfoSubmit","onCreatePassByEmail","onResendCode","otpError","personalInfoError","createPassError","emailLoading","createPassLoading","otpLoading","customFormTexts","initialData","banner","resultScreenProps","siteType"]);const{t:N}=y(),[B,I]=i(l||s[0]),[L,F]=i(""),[$,D]=i(""),[V,A]=c(0,{min:0,max:2}),U=d((()=>{const e=s.indexOf(B)+1;e<=s.length-1&&I(s[e])}),[B]),q=d((()=>{const e=s.indexOf(B)-1;e>=0&&I(s[e])}),[B]),H=e=>o(void 0,void 0,void 0,(function*(){try{!(yield p(e))&&U()}catch(e){console.error(e)}})),_=()=>{V>=2||(A.increment(),q())},W="marryBaby"===M;return console.log({isMarryBaby:W}),n.createElement(z.Provider,{value:{siteType:M,isMarryBaby:W}},n.createElement(ee,Object.assign({},T),s.length>0?n.createElement(oe,null,n.createElement(ne,{"data-has-banner":"object"==typeof C},B===me.Phone&&n.createElement(Z,{onClose:r,canSkip:a,onSubmit:e=>o(void 0,void 0,void 0,(function*(){try{F(e),yield null==m?void 0:m(e),U()}catch(e){console.error(e)}})),customFormTexts:j.onboarding}),B===me.OTP&&n.createElement(J,{onClose:r,onSubmit:H,phone:L,onResendCode:f,otpError:E,loading:S,canSkip:a,onBack:_,outOfEdit:V>=2}),B===me.OTPEmail&&n.createElement(J,{onClose:r,onSubmit:H,onResendCode:f,otpError:E,loading:S,canSkip:a,onBack:_,outOfEdit:V>=2,email:$}),B===me.PersonalInfo&&n.createElement(Q,{initialData:null==k?void 0:k[me.PersonalInfo],onClose:r,canSkip:a,onSubmit:e=>o(void 0,void 0,void 0,(function*(){try{D((null==e?void 0:e.email)||"");!(yield null==b?void 0:b(e))&&U()}catch(e){console.error(e)}})),errorMessage:x,loading:P}),B===me.UpdatePassword&&n.createElement(X,{onClose:r,canSkip:a,onSubmit:e=>o(void 0,void 0,void 0,(function*(){try{yield null==u?void 0:u(e),!v&&U()}catch(e){console.error(e)}})),errorMessage:v,loading:w}),B===me.Result&&n.createElement(R,Object.assign({},O),n.createElement(g,{theme:M,size:"lg",onClick:r,className:"form-button"},N("onboarding.button.continue")))),"object"==typeof C&&n.createElement(te,null,n.createElement(re,{"data-is-marry-baby":W},n.createElement(ie,null,(null==C?void 0:C.heading)&&n.createElement(ae,{tag:"h1"},null==C?void 0:C.heading),(null==C?void 0:C.description)&&n.createElement(se,{size:"p1",color:h.colors.gray800},N("onboarding.welcomeScreen.content"))),(null==C?void 0:C.imgSrc)&&n.createElement(de,null,n.createElement(le,{src:null==C?void 0:C.imgSrc,loading:"lazy"}))))):"Incorrect flow"))};export{Y as M,ce as O,me as a,Z as b,J as c};
+`,de=v.div``;var me;!function(e){e[e.Phone=0]="Phone",e[e.OTP=1]="OTP",e[e.OTPEmail=2]="OTPEmail",e[e.PersonalInfo=3]="PersonalInfo",e[e.UpdatePassword=4]="UpdatePassword",e[e.Result=5]="Result"}(me||(me={}));const ce=t=>{var{onClose:r,canSkip:a,flow:s=[me.Phone,me.OTP],step:l,onPhoneSubmit:m,onOtpSubmit:p,onPersonalInfoSubmit:b,onCreatePassByEmail:u,onResendCode:f,otpError:E,personalInfoError:x,createPassError:v,emailLoading:P,createPassLoading:w,otpLoading:S,customFormTexts:j,initialData:k,banner:C,resultScreenProps:O,siteType:M}=t,T=e(t,["onClose","canSkip","flow","step","onPhoneSubmit","onOtpSubmit","onPersonalInfoSubmit","onCreatePassByEmail","onResendCode","otpError","personalInfoError","createPassError","emailLoading","createPassLoading","otpLoading","customFormTexts","initialData","banner","resultScreenProps","siteType"]);const{t:N}=y(),[I,B]=i(l||s[0]),[L,F]=i(""),[$,D]=i(""),[V,A]=c(0,{min:0,max:2}),U=d((()=>{const e=s.indexOf(I)+1;e<=s.length-1&&B(s[e])}),[I]),q=d((()=>{const e=s.indexOf(I)-1;e>=0&&B(s[e])}),[I]),H=e=>o(void 0,void 0,void 0,(function*(){try{!(yield p(e))&&U()}catch(e){console.error(e)}})),_=()=>{V>=2||(A.increment(),q())},W="marryBaby"===M;return console.log({isMarryBaby:W}),n.createElement(z.Provider,{value:{siteType:M,isMarryBaby:W}},n.createElement(ee,Object.assign({},T),s.length>0?n.createElement(oe,null,n.createElement(ne,{"data-has-banner":"object"==typeof C},I===me.Phone&&n.createElement(Z,{onClose:r,canSkip:a,onSubmit:e=>o(void 0,void 0,void 0,(function*(){try{F(e),yield null==m?void 0:m(e),U()}catch(e){console.error(e)}})),customFormTexts:j.onboarding}),I===me.OTP&&n.createElement(J,{onClose:r,onSubmit:H,phone:L,onResendCode:f,otpError:E,loading:S,canSkip:a,onBack:_,outOfEdit:V>=2}),I===me.OTPEmail&&n.createElement(J,{onClose:r,onSubmit:H,onResendCode:f,otpError:E,loading:S,canSkip:a,onBack:_,outOfEdit:V>=2,email:$}),I===me.PersonalInfo&&n.createElement(Q,{initialData:null==k?void 0:k[me.PersonalInfo],onClose:r,canSkip:a,onSubmit:e=>o(void 0,void 0,void 0,(function*(){try{D((null==e?void 0:e.email)||"");!(yield null==b?void 0:b(e))&&U()}catch(e){console.error(e)}})),errorMessage:x,loading:P}),I===me.UpdatePassword&&n.createElement(X,{onClose:r,canSkip:a,onSubmit:e=>o(void 0,void 0,void 0,(function*(){try{yield null==u?void 0:u(e),!v&&U()}catch(e){console.error(e)}})),errorMessage:v,loading:w}),I===me.Result&&n.createElement(R,Object.assign({},O),n.createElement(g,{theme:M,size:"lg",onClick:r,className:"form-button"},N("onboarding.button.continue")))),"object"==typeof C&&n.createElement(te,null,n.createElement(re,{"data-is-marry-baby":W},n.createElement(ie,null,(null==C?void 0:C.heading)&&n.createElement(ae,{tag:"h1"},null==C?void 0:C.heading),(null==C?void 0:C.description)&&n.createElement(se,{size:"p1",color:h.colors.gray800},N("onboarding.welcomeScreen.content"))),(null==C?void 0:C.imgSrc)&&n.createElement(de,null,n.createElement(le,{src:null==C?void 0:C.imgSrc,loading:"lazy"}))))):"Incorrect flow"))};export{Y as M,ce as O,me as a,Z as b,J as c};