@hhgtech/hhg-components 1.24.20 → 1.24.21

package/build/esm/{index-43f866c9.js → index-f3de7ff9.js}

@@ -1,4 +1,4 @@
-import{_ as e,a as o}from"./tslib.es6-29604e86.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-5f91b6a7.js";import{B as g}from"./index-700e710c.js";import"./gAssets.js";import"./index.styled-c9eb0225.js";import{c as b}from"./index-e8374844.js";import{M as u}from"./utils-095abcea.js";import{t as h}from"./theme-8eeec0f6.js";import{Container as f,Input as E}from"@mantine/core";import"./index.styled-063818f6.js";import{u as y}from"./useTranslations-68bb344a.js";import"./index-de6beffa.js";import"lodash/debounce";import"./isProduction-fae24f0d.js";import{L as x}from"./index-291c1b6b.js";import"dayjs";import"./screenSizeContext-b2458972.js";import v from"styled-components";import{L as P}from"./Locale-79fc91cd.js";import"./translationsContext-5e1a1aa9.js";import"string-format";import{T as w}from"./index-9e7b7ac2.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-99319bb8.js";import*as T from"yup";import N from"lodash/throttle";import"./index.styled-b79106ee.js";import{P as B}from"./index-a5b5f7c6.js";import"./index-e009fe25.js";import{format as I}from"date-fns";import{V as L}from"./Visible-49618911.js";const z=t({}),F=v.div``,$=v(w)`
+import{_ as e,a as o}from"./tslib.es6-f1b9d31e.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-38864315.js";import{B as g}from"./index-10233643.js";import"./gAssets.js";import"./index.styled-839052ac.js";import{c as u}from"./index-e1e88ca8.js";import{M as b}from"./utils-049d75fa.js";import{t as h}from"./theme-6dca57c7.js";import{Container as f,Input as E}from"@mantine/core";import"./index.styled-c3d5eff6.js";import{u as y}from"./useTranslations-86f7e107.js";import"./index-77a5c7ce.js";import"lodash/debounce";import"./isProduction-e00482ad.js";import{L as x}from"./index-c9290e7f.js";import"dayjs";import"./screenSizeContext-796cb6e5.js";import v from"styled-components";import{L as P}from"./Locale-2a1e1450.js";import"./translationsContext-d4d12e4a.js";import"string-format";import{T as w}from"./index-6b049c9f.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-fcef2054.js";import*as T from"yup";import N from"lodash/throttle";import"./index.styled-243d7f64.js";import{P as B}from"./index-881e5990.js";import"./index-43d2bffe.js";import{format as I}from"date-fns";import{V as L}from"./Visible-18cf87ba.js";const z=t({}),F=v.div``,$=v(w)`
   margin-top: 8px;
 `,D=v.div`
   margin-top: 70px;
@@ -18,7 +18,7 @@ import{_ as e,a as o}from"./tslib.es6-29604e86.js";import n,{createContext as t,
   .header {
     margin-bottom: 32px;
     text-align: center;
-    ${u.mbDown} {
+    ${b.mbDown} {
       margin-bottom: 16px;
     }
   }
@@ -62,11 +62,11 @@ import{_ as e,a as o}from"./tslib.es6-29604e86.js";import n,{createContext as t,
   }
 `,A=v.img`
   margin-bottom: 38px;
-`,R=o=>{var t,{heading:i,description:a,children:s,className:l,imgSrc:d}=o,m=e(o,["heading","description","children","className","imgSrc"]);const{isMarryBaby:c,siteType:g}=r(z);return n.createElement(V,Object.assign({},m,{className:`hhg-comp-onboarding-container ${l}`,size:"sm"}),n.createElement(b,{type:c?g:(null===(t=x[process.env.UNIFY_LOCALE])||void 0===t?void 0:t.LOGO_TYPE)||"hellobacsi"}),n.createElement(D,null,d&&n.createElement(A,{src:d,loading:"lazy"}),n.createElement(F,{className:"header"},n.createElement(p,{tag:"h3"},i),n.createElement($,{size:"p3",color:h.colors.gray600},a)),s))},U=e=>T.object().shape({phone:T.string().required(e("onboarding.updatePhone.error")).default("")}),q=e=>T.object().shape({otp:T.string().required(e("onboarding.otpForm.error")).length(6,e("onboarding.otpForm.error")).default("")}),H=e=>T.object().shape({email:T.string().required(e("onboarding.errorMessage.requiredEmail")).email(e("onboarding.errorMessage.invalidEmail")).default(""),name:T.string().required(e("onboarding.errorMessage.requiredName"))}),_=e=>T.object().shape({password:T.string().required(e("onboarding.errorMessage.requiredPassword")).min(8,e("onboarding.errorMessage.minLength",{length:8})).matches(/.*[A-Z].*/,e("onboarding.errorMessage.passWithPattern")).default(""),confirmPassword:T.string().required(e("onboarding.errorMessage.requiredConfirmPassword")).oneOf([T.ref("password"),null],e("onboarding.errorMessage.passNotMatch")).default("")}),W=v(R)`
+`,R=o=>{var t,{heading:i,description:a,children:s,className:l,imgSrc:d}=o,m=e(o,["heading","description","children","className","imgSrc"]);const{isMarryBaby:c,siteType:g}=r(z);return n.createElement(V,Object.assign({},m,{className:`hhg-comp-onboarding-container ${l}`,size:"sm"}),n.createElement(u,{type:c?g:(null===(t=x[process.env.UNIFY_LOCALE])||void 0===t?void 0:t.LOGO_TYPE)||"hellobacsi"}),n.createElement(D,null,d&&n.createElement(A,{src:d,loading:"lazy"}),n.createElement(F,{className:"header"},n.createElement(p,{tag:"h3"},i),n.createElement($,{size:"p3",color:h.colors.gray600},a)),s))},U=e=>T.object().shape({phone:T.string().required(e("onboarding.updatePhone.error")).default("")}),q=e=>T.object().shape({otp:T.string().required(e("onboarding.otpForm.error")).length(6,e("onboarding.otpForm.error")).default("")}),H=e=>T.object().shape({email:T.string().required(e("onboarding.errorMessage.requiredEmail")).email(e("onboarding.errorMessage.invalidEmail")).default(""),name:T.string().required(e("onboarding.errorMessage.requiredName"))}),_=e=>T.object().shape({password:T.string().required(e("onboarding.errorMessage.requiredPassword")).min(8,e("onboarding.errorMessage.minLength",{length:8})).matches(/.*[A-Z].*/,e("onboarding.errorMessage.passWithPattern")).default(""),confirmPassword:T.string().required(e("onboarding.errorMessage.requiredConfirmPassword")).oneOf([T.ref("password"),null],e("onboarding.errorMessage.passNotMatch")).default("")}),W=v(R)`
   .phone-input {
     width: 100%;
     margin-bottom: 32px;
-    ${u.mbDown} {
+    ${b.mbDown} {
       margin-bottom: 16px;
     }
     .PhoneInput {
@@ -82,7 +82,7 @@ import{_ as e,a as o}from"./tslib.es6-29604e86.js";import n,{createContext as t,
 `,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)`
   .otp-input {
     margin-bottom: 36px;
-    ${u.mbDown} {
+    ${b.mbDown} {
       margin-bottom: 20px;
     }
     .otpContainer {
@@ -93,7 +93,7 @@ import{_ as e,a as o}from"./tslib.es6-29604e86.js";import n,{createContext as t,
     display: flex;
     gap: 6px;
     margin-bottom: 32px;
-    ${u.mbDown} {
+    ${b.mbDown} {
       margin-bottom: 16px;
     }
     a {
@@ -112,7 +112,7 @@ import{_ as e,a as o}from"./tslib.es6-29604e86.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:u,onClose:b,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((()=>{u&&D.setFieldError("otp",u)}),[u]);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:b,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),u=S({validate:j(H(d))});console.log({isMarryBaby:p});return s((()=>{u.setValues(Object.assign(Object.assign({gender:"0"},l),(null==l?void 0:l.birthday)&&{birthday:new Date(l.birthday)}))}),[l]),s((()=>{a&&u.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:u.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({},u.getInputProps("name"))),n.createElement(E.Error,{className:"field-error"},u.errors.name)),n.createElement(E.Wrapper,{label:d("onboarding.formEmail.yourEmail"),className:"input-control",withAsterisk:!0},n.createElement(E,Object.assign({},u.getInputProps("email"))),n.createElement(E.Error,{className:"field-error"},u.errors.email)),n.createElement(O,Object.assign({className:"input-control",label:d("onboarding.formEmail.yourBirthday")},u.getInputProps("birthday"))),n.createElement(M.Group,{value:u.values.gender,onChange:e=>u.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`
   position: fixed;
   top: 0;
   left: 0;
@@ -123,7 +123,7 @@ import{_ as e,a as o}from"./tslib.es6-29604e86.js";import n,{createContext as t,
   overflow-y: auto;
 `,oe=v.div`
   height: 100%;
-  ${u.lgPcUp} {
+  ${b.lgPcUp} {
     display: table;
     width: 100%;
     height: calc(100% - 25px);
@@ -131,7 +131,7 @@ import{_ as e,a as o}from"./tslib.es6-29604e86.js";import n,{createContext as t,
 `,ne=v.div`
   padding: 48px 24px 24px;
 
-  ${u.lgPcUp} {
+  ${b.lgPcUp} {
     display: table-cell;
 
     &[data-has-banner='true'] {
@@ -143,7 +143,7 @@ import{_ as e,a as o}from"./tslib.es6-29604e86.js";import n,{createContext as t,
   padding: 16px 16px 0 16px;
   display: none;
 
-  ${u.lgPcUp} {
+  ${b.lgPcUp} {
     width: 640px;
     display: table-cell;
   }
@@ -167,4 +167,4 @@ import{_ as e,a as o}from"./tslib.es6-29604e86.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:u,onCreatePassByEmail:b,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==u?void 0:u(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==b?void 0:b(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};