@hhgtech/hhg-components 1.23.71 → 1.23.72

package/build/esm/{index-56a68932.js → index-08f42c85.js}

@@ -1 +1 @@
-import{e as n,b as e,_ as o,c as t,d as r}from"./tslib.es6-358016f6.js";import i,{useContext as a,useState as l,useRef as s,useEffect as c,useMemo as d,createContext as m,useCallback as p}from"react";import{useInterval as u,useCounter as g}from"@mantine/hooks";import{H as b}from"./index.styled-0c50a02b.js";import{B as h}from"./index-123469bb.js";import"./gAssets.js";import"./index.styled-bd72fc62.js";import{c as f}from"./index-6eb46303.js";import{M as x}from"./utils-b9a87f59.js";import{t as E}from"./theme-c8282bfd.js";import{Container as y,Input as v}from"@mantine/core";import"./index.styled-633b3669.js";import{u as w}from"./useTranslations-33ba98df.js";import"./index-bb065d5b.js";import"lodash/debounce";import"./isProduction-ade94f20.js";import{L as P}from"./index-96517b2a.js";import"dayjs";import"./screenSizeContext-96e2a980.js";import k from"styled-components";import{L as S}from"./Locale-376d4f0f.js";import"./translationsContext-5a9d7e80.js";import"string-format";import{useForm as C,yupResolver as M}from"@mantine/form";import{e as j,O as T,D as I,R as N}from"./index-2d5313e6.js";import*as z from"yup";import L from"lodash/throttle";import{T as B}from"./index-39b775ed.js";import{P as O}from"./index-bbfb01cc.js";import"./index-2d816ee5.js";import{format as F}from"date-fns";import{V as D}from"./Visible-c31a0320.js";var V,H,U,q,R,A,_,W,Y=k.div(V||(V=n([""],[""]))),K=k(B)(H||(H=n(["\n  margin-top: 8px;\n"],["\n  margin-top: 8px;\n"]))),Z=k.div(U||(U=n(["\n  margin-top: 70px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n"],["\n  margin-top: 70px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n"]))),G=k(y)(q||(q=n(["\n  &.hhg-comp-onboarding-container.hhg-comp-onboarding-container {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    height: 100%;\n    width: 100%;\n    max-width: 520px;\n  }\n  .header {\n    margin-bottom: 32px;\n    text-align: center;\n    "," {\n      margin-bottom: 16px;\n    }\n  }\n\n  .input-control {\n    width: 100%;\n\n    label {\n      font-size: 12px;\n      line-height: 18px;\n      font-weight: 600;\n      margin-bottom: 6px;\n    }\n\n    input {\n      height: 42px;\n      line-height: 42px;\n      font-size: 14px;\n    }\n  }\n  .radio-group,\n  .input-control {\n    margin-bottom: 16px;\n  }\n  .form {\n    width: 100%;\n  }\n\n  .form-error {\n    margin-top: 32px;\n    font-size: 14px;\n  }\n\n  .field-error {\n    margin-top: 10px;\n    font-size: 14px;\n  }\n\n  .form-button {\n    width: 100%;\n  }\n"],["\n  &.hhg-comp-onboarding-container.hhg-comp-onboarding-container {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    height: 100%;\n    width: 100%;\n    max-width: 520px;\n  }\n  .header {\n    margin-bottom: 32px;\n    text-align: center;\n    "," {\n      margin-bottom: 16px;\n    }\n  }\n\n  .input-control {\n    width: 100%;\n\n    label {\n      font-size: 12px;\n      line-height: 18px;\n      font-weight: 600;\n      margin-bottom: 6px;\n    }\n\n    input {\n      height: 42px;\n      line-height: 42px;\n      font-size: 14px;\n    }\n  }\n  .radio-group,\n  .input-control {\n    margin-bottom: 16px;\n  }\n  .form {\n    width: 100%;\n  }\n\n  .form-error {\n    margin-top: 32px;\n    font-size: 14px;\n  }\n\n  .field-error {\n    margin-top: 10px;\n    font-size: 14px;\n  }\n\n  .form-button {\n    width: 100%;\n  }\n"])),x.mbDown),J=k.img(R||(R=n(["\n  margin-bottom: 38px;\n"],["\n  margin-bottom: 38px;\n"]))),Q=function(n){var t,r=n.heading,l=n.description,s=n.children,c=n.className,d=n.imgSrc,m=e(n,["heading","description","children","className","imgSrc"]),p=a(Ln),u=p.isMarryBaby,g=p.siteType;return i.createElement(G,o({},m,{className:"hhg-comp-onboarding-container ".concat(c),size:"sm"}),i.createElement(f,{type:u?g:(null===(t=P[process.env.UNIFY_LOCALE])||void 0===t?void 0:t.LOGO_TYPE)||"hellobacsi"}),i.createElement(Z,null,d&&i.createElement(J,{src:d,loading:"lazy"}),i.createElement(Y,{className:"header"},i.createElement(b,{tag:"h3"},r),i.createElement(K,{size:"p3",color:E.colors.gray600},l)),s))},X=function(n){return z.object().shape({phone:z.string().required(n("onboarding.updatePhone.error")).default("")})},$=function(n){return z.object().shape({otp:z.string().required(n("onboarding.otpForm.error")).length(6,n("onboarding.otpForm.error")).default("")})},nn=function(n){return z.object().shape({email:z.string().required(n("onboarding.errorMessage.requiredEmail")).email(n("onboarding.errorMessage.invalidEmail")).default(""),name:z.string().required(n("onboarding.errorMessage.requiredName"))})},en=function(n){return z.object().shape({password:z.string().required(n("onboarding.errorMessage.requiredPassword")).min(8,n("onboarding.errorMessage.minLength",{length:8})).matches(/.*[A-Z].*/,n("onboarding.errorMessage.passWithPattern")).default(""),confirmPassword:z.string().required(n("onboarding.errorMessage.requiredConfirmPassword")).oneOf([z.ref("password"),null],n("onboarding.errorMessage.passNotMatch")).default("")})},on=k(Q)(A||(A=n(["\n  .phone-input {\n    width: 100%;\n    margin-bottom: 32px;\n    "," {\n      margin-bottom: 16px;\n    }\n    .PhoneInput {\n      margin-bottom: 16px;\n    }\n    .PhoneInputCountry {\n      border-radius: 4px 0 0 4px;\n    }\n    .PhoneInputInput {\n      border-radius: 0 4px 4px 0;\n    }\n  }\n"],["\n  .phone-input {\n    width: 100%;\n    margin-bottom: 32px;\n    "," {\n      margin-bottom: 16px;\n    }\n    .PhoneInput {\n      margin-bottom: 16px;\n    }\n    .PhoneInputCountry {\n      border-radius: 4px 0 0 4px;\n    }\n    .PhoneInputInput {\n      border-radius: 0 4px 4px 0;\n    }\n  }\n"])),x.mbDown),tn=((_={})[S.Vietnam]="VN",_[S.Cambodia]="KH",_[S.Indonesia]="ID",_[S.Malaysia]="MY",_[S.PhilippinesEnglish]="PH",_[S.PhilippinesTagalog]="PH",_[S.Taiwan]="TW",_[S.Thailand]="TH",_[S.Myanmar]="MM",_),rn=function(n){var e=n.onClose,a=n.onSubmit,l=n.canSkip,s=void 0===l||l,c=n.customFormTexts,d=w().t,m=C({initialValues:{phone:""},validate:M(X(d))});return i.createElement(on,{heading:(null==c?void 0:c.heading)||d("onboarding.updatePhone.heading"),description:(null==c?void 0:c.description)||d("onboarding.updatePhone.description")},i.createElement("form",{onSubmit:m.onSubmit((function(n){return t(void 0,void 0,void 0,(function(){return r(this,(function(e){return a(n.phone),[2]}))}))}),(function(n){console.log(n)}))},i.createElement("div",{className:"phone-input"},i.createElement(j,o({defaultCountry:tn[process.env.UNIFY_LOCALE]||"VN"},m.getInputProps("phone"))),i.createElement(v.Error,null,m.errors.phone)),i.createElement(h,{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"},d("onboarding.button.continue")),s&&i.createElement(h,{color:"ghost",isBlock:!0,size:"lg",onClick:e,type:"button"},d("onboarding.button.skip"))))};(W={})[S.Vietnam]="VN",W[S.Cambodia]="KH",W[S.Indonesia]="ID",W[S.Malaysia]="MY",W[S.PhilippinesEnglish]="PH",W[S.PhilippinesTagalog]="PH",W[S.Taiwan]="TW",W[S.Thailand]="TH",W[S.Myanmar]="MM";var an,ln,sn,cn,dn,mn,pn,un,gn,bn,hn,fn,xn=function(n){void 0===n&&(n="");var e=n.indexOf("@"),o=n.substring(0,e),t=o.length>3?3:o.length;return n.replace(n.substring(t,e),n.slice(t,e).replace(/./g,"x"))},En=k(Q)(an||(an=n(["\n  .otp-input {\n    margin-bottom: 36px;\n    "," {\n      margin-bottom: 20px;\n    }\n    .otpContainer {\n      margin-bottom: 16px;\n    }\n  }\n  .resend {\n    display: flex;\n    gap: 6px;\n    margin-bottom: 32px;\n    "," {\n      margin-bottom: 16px;\n    }\n    a {\n      text-decoration: underline;\n      cursor: pointer;\n    }\n  }\n  .phone-description {\n    margin-left: 2px;\n    margin-top: 2px;\n  }\n  .otp-description-edit-icon {\n    cursor: pointer;\n    vertical-align: bottom;\n    /* height: 100%; */\n    margin-bottom: 3px;\n    margin-left: 3px;\n  }\n"],["\n  .otp-input {\n    margin-bottom: 36px;\n    "," {\n      margin-bottom: 20px;\n    }\n    .otpContainer {\n      margin-bottom: 16px;\n    }\n  }\n  .resend {\n    display: flex;\n    gap: 6px;\n    margin-bottom: 32px;\n    "," {\n      margin-bottom: 16px;\n    }\n    a {\n      text-decoration: underline;\n      cursor: pointer;\n    }\n  }\n  .phone-description {\n    margin-left: 2px;\n    margin-top: 2px;\n  }\n  .otp-description-edit-icon {\n    cursor: pointer;\n    vertical-align: bottom;\n    /* height: 100%; */\n    margin-bottom: 3px;\n    margin-left: 3px;\n  }\n"])),x.mbDown,x.mbDown),yn=function(n){var e=n.onSubmit,m=n.phone,p=n.email,b=n.onResendCode,f=n.otpError,x=n.onClose,y=n.loading,P=n.onBack,k=n.canSkip,S=n.outOfEdit,j=a(Ln),I=j.siteType,N=j.isMarryBaby,z=l(30),O=z[0],F=z[1],D=u((function(){return F((function(n){return n-1}))}),1e3),V=g(0,{min:0,max:3}),H=V[0],U=V[1],q=s(!0),R=w().t;c((function(){return D.start(),D.stop}),[]),c((function(){0===O&&(D.stop(),q.current=!1)}),[O]);var A=C({initialValues:{otp:""},validate:M($(R))});c((function(){f&&A.setFieldError("otp",f)}),[f]);var _=d((function(){return L((function(){q.current||(U.increment(),F(30),null==b||b(m||p),D.start(),q.current=!0)}),1e3,{trailing:!1})}),[m,p,b,D]);return i.createElement(En,{heading:R("onboarding.otpForm.heading"),description:i.createElement(i.Fragment,null,i.createElement("span",{dangerouslySetInnerHTML:{__html:m?R("onboarding.otpForm.description",{phone:'<b style="color:'.concat(E.colors.gray800,'">').concat(m.slice(0,-3).replace(/./g,"x").concat(m.slice(-3)),"</b>")}):R("onboarding.otpForm.descriptionEmail",{email:'<b style="color:'.concat(E.colors.gray800,'">').concat(xn(p),"</b>")})}}),!S&&i.createElement("svg",{onClick:function(){null==P||P()},width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"otp-description-edit-icon"},i.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"})))},i.createElement("form",{onSubmit:A.onSubmit((function(n){return t(void 0,void 0,void 0,(function(){return r(this,(function(o){return U.increment(),e(n.otp),[2]}))}))}),(function(n){console.log(n)}))},i.createElement("div",{className:"otp-input"},i.createElement(T,o({enterKeyHint:void 0,nonce:void 0},A.getInputProps("otp"))),i.createElement(v.Error,null,A.errors.otp)),i.createElement("div",{className:"resend"},i.createElement(B,{size:"p4",color:E.colors.gray400},R("onboarding.otpForm.notReceiveOTP")),i.createElement(B,{as:"a",size:"p4",color:N?E.mbColors.pink:E.colors.primaryBase,onClick:_},R("onboarding.otpForm.resendCode",{seconds:O}))),i.createElement(h,{theme:I,color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:y,disabled:y,"data-event-category":"Sign Up","data-event-action":"Confirm Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},R("onboarding.button.continue")),k&&H>=3&&i.createElement(h,{theme:I,color:"ghost",isBlock:!0,size:"lg",onClick:x,type:"button"},R("onboarding.button.skip"))))},vn=function(n){var e=n.onClose,t=n.onSubmit,r=n.canSkip,l=n.loading,s=n.errorMessage,d=n.initialData,m=w().t,p=a(Ln).siteType,u=C({validate:M(nn(m))});return c((function(){u.setValues(o(o({gender:"0"},d),(null==d?void 0:d.birthday)&&{birthday:new Date(d.birthday)}))}),[d]),c((function(){s&&u.setFieldError("email",s)}),[s]),i.createElement(Q,{heading:m("onboarding.formEmail.heading"),description:m("onboarding.formEmail.description")},i.createElement("form",{className:"form",onSubmit:u.onSubmit((function(n){t(o(o({},n),{birthday:n.birthday&&F(n.birthday,"yyyy-MM-dd")}))}),(function(n){console.log({fieldErrors:n})}))},i.createElement(v.Wrapper,{label:m("onboarding.formEmail.yourName"),className:"input-control",withAsterisk:!0},i.createElement(v,o({},u.getInputProps("name"))),i.createElement(v.Error,{className:"field-error"},u.errors.name)),i.createElement(v.Wrapper,{label:m("onboarding.formEmail.yourEmail"),className:"input-control",withAsterisk:!0},i.createElement(v,o({},u.getInputProps("email"))),i.createElement(v.Error,{className:"field-error"},u.errors.email)),i.createElement(I,o({className:"input-control",label:m("onboarding.formEmail.yourBirthday")},u.getInputProps("birthday"))),i.createElement(N.Group,{value:u.values.gender,onChange:function(n){return u.setFieldValue("gender",n)},className:"radio-group"},i.createElement(N,{value:"0",label:m("onboarding.formEmail.genderMale")}),i.createElement(N,{value:"1",label:m("onboarding.formEmail.genderFemale")})),i.createElement(h,{color:"primary",isBlock:!0,size:"lg",type:"submit",theme:p,isLoading:l,disabled:l},m("onboarding.button.continue")),r&&i.createElement(h,{theme:p,color:"ghost",isBlock:!0,size:"lg",onClick:e},m("onboarding.button.skip"))))},wn=function(n){var e=n.onClose,t=n.onSubmit,r=n.canSkip,a=n.errorMessage,l=n.loading,s=w().t,c=C({initialValues:{password:"",confirmPassword:""},validate:M(en(s))});return i.createElement(Q,{heading:s("onboarding.updatePassword.heading"),description:s("onboarding.updatePassword.description")},i.createElement("form",{className:"form",onSubmit:c.onSubmit((function(n){return t((null==n?void 0:n.password)||"")}),(function(n){console.log({fieldErrors:n})}))},i.createElement(O,o({label:s("onboarding.updatePassword.password"),withAsterisk:!0,rightSection:i.createElement(D,null)},c.getInputProps("password"))),i.createElement(O,o({label:s("onboarding.updatePassword.confirmPassword"),withAsterisk:!0,rightSection:i.createElement(D,null)},c.getInputProps("confirmPassword"))),i.createElement(h,{color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:l,disabled:l},s("onboarding.button.continue")),r&&i.createElement(h,{color:"ghost",isBlock:!0,size:"lg",onClick:e},s("onboarding.button.skip")),a&&i.createElement(v.Error,{className:"form-error"},a)))},Pn=k.div(ln||(ln=n(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 1000;\n  background: white;\n  overflow-y: auto;\n"],["\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 1000;\n  background: white;\n  overflow-y: auto;\n"]))),kn=k.div(sn||(sn=n(["\n  height: 100%;\n  "," {\n    display: table;\n    width: 100%;\n    height: calc(100% - 25px);\n  }\n"],["\n  height: 100%;\n  "," {\n    display: table;\n    width: 100%;\n    height: calc(100% - 25px);\n  }\n"])),x.lgPcUp),Sn=k.div(cn||(cn=n(["\n  padding: 48px 24px 24px;\n\n  "," {\n    display: table-cell;\n\n    &[data-has-banner='true'] {\n      width: calc(100% - 640px);\n    }\n  }\n"],["\n  padding: 48px 24px 24px;\n\n  "," {\n    display: table-cell;\n\n    &[data-has-banner='true'] {\n      width: calc(100% - 640px);\n    }\n  }\n"])),x.lgPcUp),Cn=k.div(dn||(dn=n(["\n  width: 640px;\n  padding: 16px 16px 0 16px;\n  display: none;\n\n  "," {\n    width: 640px;\n    display: table-cell;\n  }\n"],["\n  width: 640px;\n  padding: 16px 16px 0 16px;\n  display: none;\n\n  "," {\n    width: 640px;\n    display: table-cell;\n  }\n"])),x.lgPcUp),Mn=k.div(mn||(mn=n(["\n  background-color: ",";\n  border-radius: 12px;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n\n  &[data-is-marry-baby='true'] {\n    background-color: ",";\n  }\n"],["\n  background-color: ",";\n  border-radius: 12px;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n\n  &[data-is-marry-baby='true'] {\n    background-color: ",";\n  }\n"])),E.colors.blue50,E.mbColors.tonePink),jn=k.div(pn||(pn=n(["\n  margin-top: 40px;\n  padding: 24px 40px;\n"],["\n  margin-top: 40px;\n  padding: 24px 40px;\n"]))),Tn=k(b)(un||(un=n(["\n  margin-bottom: 24px;\n  text-align: center;\n"],["\n  margin-bottom: 24px;\n  text-align: center;\n"]))),In=k(B)(gn||(gn=n([""],[""]))),Nn=k.img(bn||(bn=n(["\n  width: 100%;\n  display: block;\n"],["\n  width: 100%;\n  display: block;\n"]))),zn=k.div(hn||(hn=n([""],[""])));!function(n){n[n.Phone=0]="Phone",n[n.OTP=1]="OTP",n[n.OTPEmail=2]="OTPEmail",n[n.PersonalInfo=3]="PersonalInfo",n[n.UpdatePassword=4]="UpdatePassword",n[n.Result=5]="Result"}(fn||(fn={}));var Ln=m({}),Bn=function(n){var a=n.onClose,s=n.canSkip,c=n.flow,d=void 0===c?[fn.Phone,fn.OTP]:c,m=n.step,u=n.onPhoneSubmit,b=n.onOtpSubmit,f=n.onPersonalInfoSubmit,x=n.onCreatePassByEmail,y=n.onResendCode,v=n.otpError,P=n.personalInfoError,k=n.createPassError,S=n.emailLoading,C=n.createPassLoading,M=n.otpLoading,j=n.customFormTexts,T=n.initialData,I=n.banner,N=n.resultScreenProps,z=n.siteType,L=e(n,["onClose","canSkip","flow","step","onPhoneSubmit","onOtpSubmit","onPersonalInfoSubmit","onCreatePassByEmail","onResendCode","otpError","personalInfoError","createPassError","emailLoading","createPassLoading","otpLoading","customFormTexts","initialData","banner","resultScreenProps","siteType"]),B=w().t,O=l(m||d[0]),F=O[0],D=O[1],V=l(""),H=V[0],U=V[1],q=l(""),R=q[0],A=q[1],_=g(0,{min:0,max:2}),W=_[0],Y=_[1],K=p((function(){var n=d.indexOf(F)+1;n<=d.length-1&&D(d[n])}),[F]),Z=p((function(){var n=d.indexOf(F)-1;n>=0&&D(d[n])}),[F]),G=function(n){return t(void 0,void 0,void 0,(function(){var e;return r(this,(function(o){switch(o.label){case 0:return o.trys.push([0,2,,3]),[4,b(n)];case 1:return!o.sent()&&K(),[3,3];case 2:return e=o.sent(),console.error(e),[3,3];case 3:return[2]}}))}))},J=function(){W>=2||(Y.increment(),Z())},X="marryBaby"===z;return console.log({isMarryBaby:X}),i.createElement(Ln.Provider,{value:{siteType:z,isMarryBaby:X}},i.createElement(Pn,o({},L),d.length>0?i.createElement(kn,null,i.createElement(Sn,{"data-has-banner":"object"==typeof I},F===fn.Phone&&i.createElement(rn,{onClose:a,canSkip:s,onSubmit:function(n){return t(void 0,void 0,void 0,(function(){var e;return r(this,(function(o){switch(o.label){case 0:return o.trys.push([0,2,,3]),U(n),[4,null==u?void 0:u(n)];case 1:return o.sent(),K(),[3,3];case 2:return e=o.sent(),console.error(e),[3,3];case 3:return[2]}}))}))},customFormTexts:j.onboarding}),F===fn.OTP&&i.createElement(yn,{onClose:a,onSubmit:G,phone:H,onResendCode:y,otpError:v,loading:M,canSkip:s,onBack:J,outOfEdit:W>=2}),F===fn.OTPEmail&&i.createElement(yn,{onClose:a,onSubmit:G,onResendCode:y,otpError:v,loading:M,canSkip:s,onBack:J,outOfEdit:W>=2,email:R}),F===fn.PersonalInfo&&i.createElement(vn,{initialData:null==T?void 0:T[fn.PersonalInfo],onClose:a,canSkip:s,onSubmit:function(n){return t(void 0,void 0,void 0,(function(){var e;return r(this,(function(o){switch(o.label){case 0:return o.trys.push([0,2,,3]),A((null==n?void 0:n.email)||""),[4,null==f?void 0:f(n)];case 1:return!o.sent()&&K(),[3,3];case 2:return e=o.sent(),console.error(e),[3,3];case 3:return[2]}}))}))},errorMessage:P,loading:S}),F===fn.UpdatePassword&&i.createElement(wn,{onClose:a,canSkip:s,onSubmit:function(n){return t(void 0,void 0,void 0,(function(){var e;return r(this,(function(o){switch(o.label){case 0:return o.trys.push([0,2,,3]),[4,null==x?void 0:x(n)];case 1:return o.sent(),!k&&K(),[3,3];case 2:return e=o.sent(),console.error(e),[3,3];case 3:return[2]}}))}))},errorMessage:k,loading:C}),F===fn.Result&&i.createElement(Q,o({},N),i.createElement(h,{theme:z,size:"lg",onClick:a,className:"form-button"},B("onboarding.button.continue")))),"object"==typeof I&&i.createElement(Cn,null,i.createElement(Mn,{"data-is-marry-baby":X},i.createElement(jn,null,(null==I?void 0:I.heading)&&i.createElement(Tn,{tag:"h1"},null==I?void 0:I.heading),(null==I?void 0:I.description)&&i.createElement(In,{size:"p1",color:E.colors.gray800},B("onboarding.welcomeScreen.content"))),(null==I?void 0:I.imgSrc)&&i.createElement(zn,null,i.createElement(Nn,{src:null==I?void 0:I.imgSrc,loading:"lazy"}))))):"Incorrect flow"))};export{tn as M,Bn as O,fn as a,rn as b,yn as c};
+import{e as n,b as e,_ as o,c as t,d as r}from"./tslib.es6-b1f7cf63.js";import i,{useContext as a,useState as l,useRef as s,useEffect as c,useMemo as d,createContext as m,useCallback as p}from"react";import{useInterval as u,useCounter as g}from"@mantine/hooks";import{H as b}from"./index.styled-7fc22e8a.js";import{B as h}from"./index-d325d4e6.js";import"./gAssets.js";import"./index.styled-c1b36548.js";import{c as f}from"./index-d0841395.js";import{M as x}from"./utils-298322d1.js";import{t as E}from"./theme-d1540843.js";import{Container as y,Input as v}from"@mantine/core";import"./index.styled-5c86b7b0.js";import{u as w}from"./useTranslations-522d6c45.js";import"./index-b4d8afcc.js";import"lodash/debounce";import"./isProduction-6c7c07b0.js";import{L as P}from"./index-5a27ed0e.js";import"dayjs";import"./screenSizeContext-c4d8895d.js";import k from"styled-components";import{L as S}from"./Locale-04e24689.js";import"./translationsContext-ee074a7d.js";import"string-format";import{useForm as C,yupResolver as M}from"@mantine/form";import{e as j,O as T,D as I,R as N}from"./index-741ddfe8.js";import*as z from"yup";import L from"lodash/throttle";import{T as B}from"./index-23e4bf89.js";import{P as O}from"./index-d3d0aadf.js";import"./index-292e4759.js";import{format as F}from"date-fns";import{V as D}from"./Visible-46adca2c.js";var V,H,U,q,R,A,_,W,Y=k.div(V||(V=n([""],[""]))),K=k(B)(H||(H=n(["\n  margin-top: 8px;\n"],["\n  margin-top: 8px;\n"]))),Z=k.div(U||(U=n(["\n  margin-top: 70px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n"],["\n  margin-top: 70px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n"]))),G=k(y)(q||(q=n(["\n  &.hhg-comp-onboarding-container.hhg-comp-onboarding-container {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    height: 100%;\n    width: 100%;\n    max-width: 520px;\n  }\n  .header {\n    margin-bottom: 32px;\n    text-align: center;\n    "," {\n      margin-bottom: 16px;\n    }\n  }\n\n  .input-control {\n    width: 100%;\n\n    label {\n      font-size: 12px;\n      line-height: 18px;\n      font-weight: 600;\n      margin-bottom: 6px;\n    }\n\n    input {\n      height: 42px;\n      line-height: 42px;\n      font-size: 14px;\n    }\n  }\n  .radio-group,\n  .input-control {\n    margin-bottom: 16px;\n  }\n  .form {\n    width: 100%;\n  }\n\n  .form-error {\n    margin-top: 32px;\n    font-size: 14px;\n  }\n\n  .field-error {\n    margin-top: 10px;\n    font-size: 14px;\n  }\n\n  .form-button {\n    width: 100%;\n  }\n"],["\n  &.hhg-comp-onboarding-container.hhg-comp-onboarding-container {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    height: 100%;\n    width: 100%;\n    max-width: 520px;\n  }\n  .header {\n    margin-bottom: 32px;\n    text-align: center;\n    "," {\n      margin-bottom: 16px;\n    }\n  }\n\n  .input-control {\n    width: 100%;\n\n    label {\n      font-size: 12px;\n      line-height: 18px;\n      font-weight: 600;\n      margin-bottom: 6px;\n    }\n\n    input {\n      height: 42px;\n      line-height: 42px;\n      font-size: 14px;\n    }\n  }\n  .radio-group,\n  .input-control {\n    margin-bottom: 16px;\n  }\n  .form {\n    width: 100%;\n  }\n\n  .form-error {\n    margin-top: 32px;\n    font-size: 14px;\n  }\n\n  .field-error {\n    margin-top: 10px;\n    font-size: 14px;\n  }\n\n  .form-button {\n    width: 100%;\n  }\n"])),x.mbDown),J=k.img(R||(R=n(["\n  margin-bottom: 38px;\n"],["\n  margin-bottom: 38px;\n"]))),Q=function(n){var t,r=n.heading,l=n.description,s=n.children,c=n.className,d=n.imgSrc,m=e(n,["heading","description","children","className","imgSrc"]),p=a(Ln),u=p.isMarryBaby,g=p.siteType;return i.createElement(G,o({},m,{className:"hhg-comp-onboarding-container ".concat(c),size:"sm"}),i.createElement(f,{type:u?g:(null===(t=P[process.env.UNIFY_LOCALE])||void 0===t?void 0:t.LOGO_TYPE)||"hellobacsi"}),i.createElement(Z,null,d&&i.createElement(J,{src:d,loading:"lazy"}),i.createElement(Y,{className:"header"},i.createElement(b,{tag:"h3"},r),i.createElement(K,{size:"p3",color:E.colors.gray600},l)),s))},X=function(n){return z.object().shape({phone:z.string().required(n("onboarding.updatePhone.error")).default("")})},$=function(n){return z.object().shape({otp:z.string().required(n("onboarding.otpForm.error")).length(6,n("onboarding.otpForm.error")).default("")})},nn=function(n){return z.object().shape({email:z.string().required(n("onboarding.errorMessage.requiredEmail")).email(n("onboarding.errorMessage.invalidEmail")).default(""),name:z.string().required(n("onboarding.errorMessage.requiredName"))})},en=function(n){return z.object().shape({password:z.string().required(n("onboarding.errorMessage.requiredPassword")).min(8,n("onboarding.errorMessage.minLength",{length:8})).matches(/.*[A-Z].*/,n("onboarding.errorMessage.passWithPattern")).default(""),confirmPassword:z.string().required(n("onboarding.errorMessage.requiredConfirmPassword")).oneOf([z.ref("password"),null],n("onboarding.errorMessage.passNotMatch")).default("")})},on=k(Q)(A||(A=n(["\n  .phone-input {\n    width: 100%;\n    margin-bottom: 32px;\n    "," {\n      margin-bottom: 16px;\n    }\n    .PhoneInput {\n      margin-bottom: 16px;\n    }\n    .PhoneInputCountry {\n      border-radius: 4px 0 0 4px;\n    }\n    .PhoneInputInput {\n      border-radius: 0 4px 4px 0;\n    }\n  }\n"],["\n  .phone-input {\n    width: 100%;\n    margin-bottom: 32px;\n    "," {\n      margin-bottom: 16px;\n    }\n    .PhoneInput {\n      margin-bottom: 16px;\n    }\n    .PhoneInputCountry {\n      border-radius: 4px 0 0 4px;\n    }\n    .PhoneInputInput {\n      border-radius: 0 4px 4px 0;\n    }\n  }\n"])),x.mbDown),tn=((_={})[S.Vietnam]="VN",_[S.Cambodia]="KH",_[S.Indonesia]="ID",_[S.Malaysia]="MY",_[S.PhilippinesEnglish]="PH",_[S.PhilippinesTagalog]="PH",_[S.Taiwan]="TW",_[S.Thailand]="TH",_[S.Myanmar]="MM",_),rn=function(n){var e=n.onClose,a=n.onSubmit,l=n.canSkip,s=void 0===l||l,c=n.customFormTexts,d=w().t,m=C({initialValues:{phone:""},validate:M(X(d))});return i.createElement(on,{heading:(null==c?void 0:c.heading)||d("onboarding.updatePhone.heading"),description:(null==c?void 0:c.description)||d("onboarding.updatePhone.description")},i.createElement("form",{onSubmit:m.onSubmit((function(n){return t(void 0,void 0,void 0,(function(){return r(this,(function(e){return a(n.phone),[2]}))}))}),(function(n){console.log(n)}))},i.createElement("div",{className:"phone-input"},i.createElement(j,o({defaultCountry:tn[process.env.UNIFY_LOCALE]||"VN"},m.getInputProps("phone"))),i.createElement(v.Error,null,m.errors.phone)),i.createElement(h,{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"},d("onboarding.button.continue")),s&&i.createElement(h,{color:"ghost",isBlock:!0,size:"lg",onClick:e,type:"button"},d("onboarding.button.skip"))))};(W={})[S.Vietnam]="VN",W[S.Cambodia]="KH",W[S.Indonesia]="ID",W[S.Malaysia]="MY",W[S.PhilippinesEnglish]="PH",W[S.PhilippinesTagalog]="PH",W[S.Taiwan]="TW",W[S.Thailand]="TH",W[S.Myanmar]="MM";var an,ln,sn,cn,dn,mn,pn,un,gn,bn,hn,fn,xn=function(n){void 0===n&&(n="");var e=n.indexOf("@"),o=n.substring(0,e),t=o.length>3?3:o.length;return n.replace(n.substring(t,e),n.slice(t,e).replace(/./g,"x"))},En=k(Q)(an||(an=n(["\n  .otp-input {\n    margin-bottom: 36px;\n    "," {\n      margin-bottom: 20px;\n    }\n    .otpContainer {\n      margin-bottom: 16px;\n    }\n  }\n  .resend {\n    display: flex;\n    gap: 6px;\n    margin-bottom: 32px;\n    "," {\n      margin-bottom: 16px;\n    }\n    a {\n      text-decoration: underline;\n      cursor: pointer;\n    }\n  }\n  .phone-description {\n    margin-left: 2px;\n    margin-top: 2px;\n  }\n  .otp-description-edit-icon {\n    cursor: pointer;\n    vertical-align: bottom;\n    /* height: 100%; */\n    margin-bottom: 3px;\n    margin-left: 3px;\n  }\n"],["\n  .otp-input {\n    margin-bottom: 36px;\n    "," {\n      margin-bottom: 20px;\n    }\n    .otpContainer {\n      margin-bottom: 16px;\n    }\n  }\n  .resend {\n    display: flex;\n    gap: 6px;\n    margin-bottom: 32px;\n    "," {\n      margin-bottom: 16px;\n    }\n    a {\n      text-decoration: underline;\n      cursor: pointer;\n    }\n  }\n  .phone-description {\n    margin-left: 2px;\n    margin-top: 2px;\n  }\n  .otp-description-edit-icon {\n    cursor: pointer;\n    vertical-align: bottom;\n    /* height: 100%; */\n    margin-bottom: 3px;\n    margin-left: 3px;\n  }\n"])),x.mbDown,x.mbDown),yn=function(n){var e=n.onSubmit,m=n.phone,p=n.email,b=n.onResendCode,f=n.otpError,x=n.onClose,y=n.loading,P=n.onBack,k=n.canSkip,S=n.outOfEdit,j=a(Ln),I=j.siteType,N=j.isMarryBaby,z=l(30),O=z[0],F=z[1],D=u((function(){return F((function(n){return n-1}))}),1e3),V=g(0,{min:0,max:3}),H=V[0],U=V[1],q=s(!0),R=w().t;c((function(){return D.start(),D.stop}),[]),c((function(){0===O&&(D.stop(),q.current=!1)}),[O]);var A=C({initialValues:{otp:""},validate:M($(R))});c((function(){f&&A.setFieldError("otp",f)}),[f]);var _=d((function(){return L((function(){q.current||(U.increment(),F(30),null==b||b(m||p),D.start(),q.current=!0)}),1e3,{trailing:!1})}),[m,p,b,D]);return i.createElement(En,{heading:R("onboarding.otpForm.heading"),description:i.createElement(i.Fragment,null,i.createElement("span",{dangerouslySetInnerHTML:{__html:m?R("onboarding.otpForm.description",{phone:'<b style="color:'.concat(E.colors.gray800,'">').concat(m.slice(0,-3).replace(/./g,"x").concat(m.slice(-3)),"</b>")}):R("onboarding.otpForm.descriptionEmail",{email:'<b style="color:'.concat(E.colors.gray800,'">').concat(xn(p),"</b>")})}}),!S&&i.createElement("svg",{onClick:function(){null==P||P()},width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"otp-description-edit-icon"},i.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"})))},i.createElement("form",{onSubmit:A.onSubmit((function(n){return t(void 0,void 0,void 0,(function(){return r(this,(function(o){return U.increment(),e(n.otp),[2]}))}))}),(function(n){console.log(n)}))},i.createElement("div",{className:"otp-input"},i.createElement(T,o({enterKeyHint:void 0,nonce:void 0},A.getInputProps("otp"))),i.createElement(v.Error,null,A.errors.otp)),i.createElement("div",{className:"resend"},i.createElement(B,{size:"p4",color:E.colors.gray400},R("onboarding.otpForm.notReceiveOTP")),i.createElement(B,{as:"a",size:"p4",color:N?E.mbColors.pink:E.colors.primaryBase,onClick:_},R("onboarding.otpForm.resendCode",{seconds:O}))),i.createElement(h,{theme:I,color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:y,disabled:y,"data-event-category":"Sign Up","data-event-action":"Confirm Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},R("onboarding.button.continue")),k&&H>=3&&i.createElement(h,{theme:I,color:"ghost",isBlock:!0,size:"lg",onClick:x,type:"button"},R("onboarding.button.skip"))))},vn=function(n){var e=n.onClose,t=n.onSubmit,r=n.canSkip,l=n.loading,s=n.errorMessage,d=n.initialData,m=w().t,p=a(Ln).siteType,u=C({validate:M(nn(m))});return c((function(){u.setValues(o(o({gender:"0"},d),(null==d?void 0:d.birthday)&&{birthday:new Date(d.birthday)}))}),[d]),c((function(){s&&u.setFieldError("email",s)}),[s]),i.createElement(Q,{heading:m("onboarding.formEmail.heading"),description:m("onboarding.formEmail.description")},i.createElement("form",{className:"form",onSubmit:u.onSubmit((function(n){t(o(o({},n),{birthday:n.birthday&&F(n.birthday,"yyyy-MM-dd")}))}),(function(n){console.log({fieldErrors:n})}))},i.createElement(v.Wrapper,{label:m("onboarding.formEmail.yourName"),className:"input-control",withAsterisk:!0},i.createElement(v,o({},u.getInputProps("name"))),i.createElement(v.Error,{className:"field-error"},u.errors.name)),i.createElement(v.Wrapper,{label:m("onboarding.formEmail.yourEmail"),className:"input-control",withAsterisk:!0},i.createElement(v,o({},u.getInputProps("email"))),i.createElement(v.Error,{className:"field-error"},u.errors.email)),i.createElement(I,o({className:"input-control",label:m("onboarding.formEmail.yourBirthday")},u.getInputProps("birthday"))),i.createElement(N.Group,{value:u.values.gender,onChange:function(n){return u.setFieldValue("gender",n)},className:"radio-group"},i.createElement(N,{value:"0",label:m("onboarding.formEmail.genderMale")}),i.createElement(N,{value:"1",label:m("onboarding.formEmail.genderFemale")})),i.createElement(h,{color:"primary",isBlock:!0,size:"lg",type:"submit",theme:p,isLoading:l,disabled:l},m("onboarding.button.continue")),r&&i.createElement(h,{theme:p,color:"ghost",isBlock:!0,size:"lg",onClick:e},m("onboarding.button.skip"))))},wn=function(n){var e=n.onClose,t=n.onSubmit,r=n.canSkip,a=n.errorMessage,l=n.loading,s=w().t,c=C({initialValues:{password:"",confirmPassword:""},validate:M(en(s))});return i.createElement(Q,{heading:s("onboarding.updatePassword.heading"),description:s("onboarding.updatePassword.description")},i.createElement("form",{className:"form",onSubmit:c.onSubmit((function(n){return t((null==n?void 0:n.password)||"")}),(function(n){console.log({fieldErrors:n})}))},i.createElement(O,o({label:s("onboarding.updatePassword.password"),withAsterisk:!0,rightSection:i.createElement(D,null)},c.getInputProps("password"))),i.createElement(O,o({label:s("onboarding.updatePassword.confirmPassword"),withAsterisk:!0,rightSection:i.createElement(D,null)},c.getInputProps("confirmPassword"))),i.createElement(h,{color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:l,disabled:l},s("onboarding.button.continue")),r&&i.createElement(h,{color:"ghost",isBlock:!0,size:"lg",onClick:e},s("onboarding.button.skip")),a&&i.createElement(v.Error,{className:"form-error"},a)))},Pn=k.div(ln||(ln=n(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 1000;\n  background: white;\n  overflow-y: auto;\n"],["\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 1000;\n  background: white;\n  overflow-y: auto;\n"]))),kn=k.div(sn||(sn=n(["\n  height: 100%;\n  "," {\n    display: table;\n    width: 100%;\n    height: calc(100% - 25px);\n  }\n"],["\n  height: 100%;\n  "," {\n    display: table;\n    width: 100%;\n    height: calc(100% - 25px);\n  }\n"])),x.lgPcUp),Sn=k.div(cn||(cn=n(["\n  padding: 48px 24px 24px;\n\n  "," {\n    display: table-cell;\n\n    &[data-has-banner='true'] {\n      width: calc(100% - 640px);\n    }\n  }\n"],["\n  padding: 48px 24px 24px;\n\n  "," {\n    display: table-cell;\n\n    &[data-has-banner='true'] {\n      width: calc(100% - 640px);\n    }\n  }\n"])),x.lgPcUp),Cn=k.div(dn||(dn=n(["\n  width: 640px;\n  padding: 16px 16px 0 16px;\n  display: none;\n\n  "," {\n    width: 640px;\n    display: table-cell;\n  }\n"],["\n  width: 640px;\n  padding: 16px 16px 0 16px;\n  display: none;\n\n  "," {\n    width: 640px;\n    display: table-cell;\n  }\n"])),x.lgPcUp),Mn=k.div(mn||(mn=n(["\n  background-color: ",";\n  border-radius: 12px;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n\n  &[data-is-marry-baby='true'] {\n    background-color: ",";\n  }\n"],["\n  background-color: ",";\n  border-radius: 12px;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n\n  &[data-is-marry-baby='true'] {\n    background-color: ",";\n  }\n"])),E.colors.blue50,E.mbColors.tonePink),jn=k.div(pn||(pn=n(["\n  margin-top: 40px;\n  padding: 24px 40px;\n"],["\n  margin-top: 40px;\n  padding: 24px 40px;\n"]))),Tn=k(b)(un||(un=n(["\n  margin-bottom: 24px;\n  text-align: center;\n"],["\n  margin-bottom: 24px;\n  text-align: center;\n"]))),In=k(B)(gn||(gn=n([""],[""]))),Nn=k.img(bn||(bn=n(["\n  width: 100%;\n  display: block;\n"],["\n  width: 100%;\n  display: block;\n"]))),zn=k.div(hn||(hn=n([""],[""])));!function(n){n[n.Phone=0]="Phone",n[n.OTP=1]="OTP",n[n.OTPEmail=2]="OTPEmail",n[n.PersonalInfo=3]="PersonalInfo",n[n.UpdatePassword=4]="UpdatePassword",n[n.Result=5]="Result"}(fn||(fn={}));var Ln=m({}),Bn=function(n){var a=n.onClose,s=n.canSkip,c=n.flow,d=void 0===c?[fn.Phone,fn.OTP]:c,m=n.step,u=n.onPhoneSubmit,b=n.onOtpSubmit,f=n.onPersonalInfoSubmit,x=n.onCreatePassByEmail,y=n.onResendCode,v=n.otpError,P=n.personalInfoError,k=n.createPassError,S=n.emailLoading,C=n.createPassLoading,M=n.otpLoading,j=n.customFormTexts,T=n.initialData,I=n.banner,N=n.resultScreenProps,z=n.siteType,L=e(n,["onClose","canSkip","flow","step","onPhoneSubmit","onOtpSubmit","onPersonalInfoSubmit","onCreatePassByEmail","onResendCode","otpError","personalInfoError","createPassError","emailLoading","createPassLoading","otpLoading","customFormTexts","initialData","banner","resultScreenProps","siteType"]),B=w().t,O=l(m||d[0]),F=O[0],D=O[1],V=l(""),H=V[0],U=V[1],q=l(""),R=q[0],A=q[1],_=g(0,{min:0,max:2}),W=_[0],Y=_[1],K=p((function(){var n=d.indexOf(F)+1;n<=d.length-1&&D(d[n])}),[F]),Z=p((function(){var n=d.indexOf(F)-1;n>=0&&D(d[n])}),[F]),G=function(n){return t(void 0,void 0,void 0,(function(){var e;return r(this,(function(o){switch(o.label){case 0:return o.trys.push([0,2,,3]),[4,b(n)];case 1:return!o.sent()&&K(),[3,3];case 2:return e=o.sent(),console.error(e),[3,3];case 3:return[2]}}))}))},J=function(){W>=2||(Y.increment(),Z())},X="marryBaby"===z;return console.log({isMarryBaby:X}),i.createElement(Ln.Provider,{value:{siteType:z,isMarryBaby:X}},i.createElement(Pn,o({},L),d.length>0?i.createElement(kn,null,i.createElement(Sn,{"data-has-banner":"object"==typeof I},F===fn.Phone&&i.createElement(rn,{onClose:a,canSkip:s,onSubmit:function(n){return t(void 0,void 0,void 0,(function(){var e;return r(this,(function(o){switch(o.label){case 0:return o.trys.push([0,2,,3]),U(n),[4,null==u?void 0:u(n)];case 1:return o.sent(),K(),[3,3];case 2:return e=o.sent(),console.error(e),[3,3];case 3:return[2]}}))}))},customFormTexts:j.onboarding}),F===fn.OTP&&i.createElement(yn,{onClose:a,onSubmit:G,phone:H,onResendCode:y,otpError:v,loading:M,canSkip:s,onBack:J,outOfEdit:W>=2}),F===fn.OTPEmail&&i.createElement(yn,{onClose:a,onSubmit:G,onResendCode:y,otpError:v,loading:M,canSkip:s,onBack:J,outOfEdit:W>=2,email:R}),F===fn.PersonalInfo&&i.createElement(vn,{initialData:null==T?void 0:T[fn.PersonalInfo],onClose:a,canSkip:s,onSubmit:function(n){return t(void 0,void 0,void 0,(function(){var e;return r(this,(function(o){switch(o.label){case 0:return o.trys.push([0,2,,3]),A((null==n?void 0:n.email)||""),[4,null==f?void 0:f(n)];case 1:return!o.sent()&&K(),[3,3];case 2:return e=o.sent(),console.error(e),[3,3];case 3:return[2]}}))}))},errorMessage:P,loading:S}),F===fn.UpdatePassword&&i.createElement(wn,{onClose:a,canSkip:s,onSubmit:function(n){return t(void 0,void 0,void 0,(function(){var e;return r(this,(function(o){switch(o.label){case 0:return o.trys.push([0,2,,3]),[4,null==x?void 0:x(n)];case 1:return o.sent(),!k&&K(),[3,3];case 2:return e=o.sent(),console.error(e),[3,3];case 3:return[2]}}))}))},errorMessage:k,loading:C}),F===fn.Result&&i.createElement(Q,o({},N),i.createElement(h,{theme:z,size:"lg",onClick:a,className:"form-button"},B("onboarding.button.continue")))),"object"==typeof I&&i.createElement(Cn,null,i.createElement(Mn,{"data-is-marry-baby":X},i.createElement(jn,null,(null==I?void 0:I.heading)&&i.createElement(Tn,{tag:"h1"},null==I?void 0:I.heading),(null==I?void 0:I.description)&&i.createElement(In,{size:"p1",color:E.colors.gray800},B("onboarding.welcomeScreen.content"))),(null==I?void 0:I.imgSrc)&&i.createElement(zn,null,i.createElement(Nn,{src:null==I?void 0:I.imgSrc,loading:"lazy"}))))):"Incorrect flow"))};export{tn as M,Bn as O,fn as a,rn as b,yn as c};