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

package/build/{index-56bc9c86.js → index-825a712b.js}

@@ -1 +1 @@
-"use strict";var e=require("./tslib.es6-f9be48b3.js"),n=require("react"),t=require("@mantine/hooks"),r=require("./index.styled-03422b5b.js"),o=require("./index-dd46edfb.js");require("./gAssets.js"),require("./index.styled-c48c1f04.js");var a=require("./index-c289a86c.js"),i=require("./utils-73396e1f.js"),l=require("./theme-b002fd52.js"),s=require("@mantine/core");require("./index.styled-5aed0a2e.js");var d=require("./useTranslations-a1f5bf24.js");require("./index-a404f2a1.js"),require("lodash/debounce"),require("./isProduction-b8849157.js");var u=require("./index-20c318b0.js");require("dayjs"),require("./screenSizeContext-83e7344a.js");var c=require("styled-components"),p=require("./Locale-b249e609.js");require("./translationsContext-2dc75069.js"),require("string-format");var m=require("@mantine/form"),g=require("./index-32e6ce8b.js"),f=require("yup"),b=require("lodash/throttle"),h=require("./index-be666507.js"),x=require("./index-c8462dc0.js");require("./index-6b004926.js");var E=require("date-fns"),y=require("./Visible-cd65cb30.js");function v(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function _(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var w,P,O,C,k,S,L,T,j=v(n),I=v(c),M=_(f),q=v(b),B=I.default.div(w||(w=e.__makeTemplateObject([""],[""]))),A=I.default(h.Text)(P||(P=e.__makeTemplateObject(["\n  margin-top: 8px;\n"],["\n  margin-top: 8px;\n"]))),N=I.default.div(O||(O=e.__makeTemplateObject(["\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"]))),z=I.default(s.Container)(C||(C=e.__makeTemplateObject(["\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"])),i.MediaQueries.mbDown),F=I.default.img(k||(k=e.__makeTemplateObject(["\n  margin-bottom: 38px;\n"],["\n  margin-bottom: 38px;\n"]))),R=function(t){var o,i=t.heading,s=t.description,d=t.children,c=t.className,p=t.imgSrc,m=e.__rest(t,["heading","description","children","className","imgSrc"]),g=n.useContext(ve),f=g.isMarryBaby,b=g.siteType;return j.default.createElement(z,e.__assign({},m,{className:"hhg-comp-onboarding-container ".concat(c),size:"sm"}),j.default.createElement(a.LogoIcon,{type:f?b:(null===(o=u.LOCALE_SPECS[process.env.UNIFY_LOCALE])||void 0===o?void 0:o.LOGO_TYPE)||"hellobacsi"}),j.default.createElement(N,null,p&&j.default.createElement(F,{src:p,loading:"lazy"}),j.default.createElement(B,{className:"header"},j.default.createElement(r.Heading,{tag:"h3"},i),j.default.createElement(A,{size:"p3",color:l.theme.colors.gray600},s)),d))},D=function(e){return M.object().shape({phone:M.string().required(e("onboarding.updatePhone.error")).default("")})},V=function(e){return M.object().shape({otp:M.string().required(e("onboarding.otpForm.error")).length(6,e("onboarding.otpForm.error")).default("")})},H=function(e){return M.object().shape({email:M.string().required(e("onboarding.errorMessage.requiredEmail")).email(e("onboarding.errorMessage.invalidEmail")).default(""),name:M.string().required(e("onboarding.errorMessage.requiredName"))})},U=function(e){return M.object().shape({password:M.string().required(e("onboarding.errorMessage.requiredPassword")).min(8,e("onboarding.errorMessage.minLength",{length:8})).matches(/.*[A-Z].*/,e("onboarding.errorMessage.passWithPattern")).default(""),confirmPassword:M.string().required(e("onboarding.errorMessage.requiredConfirmPassword")).oneOf([M.ref("password"),null],e("onboarding.errorMessage.passNotMatch")).default("")})},Q=I.default(R)(S||(S=e.__makeTemplateObject(["\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"])),i.MediaQueries.mbDown),W=((L={})[p.LOCALE.Vietnam]="VN",L[p.LOCALE.Cambodia]="KH",L[p.LOCALE.Indonesia]="ID",L[p.LOCALE.Malaysia]="MY",L[p.LOCALE.PhilippinesEnglish]="PH",L[p.LOCALE.PhilippinesTagalog]="PH",L[p.LOCALE.Taiwan]="TW",L[p.LOCALE.Thailand]="TH",L[p.LOCALE.Myanmar]="MM",L),Y=function(n){var t=n.onClose,r=n.onSubmit,a=n.canSkip,i=void 0===a||a,l=n.customFormTexts,u=d.useTranslations().t,c=m.useForm({initialValues:{phone:""},validate:m.yupResolver(D(u))});return j.default.createElement(Q,{heading:(null==l?void 0:l.heading)||u("onboarding.updatePhone.heading"),description:(null==l?void 0:l.description)||u("onboarding.updatePhone.description")},j.default.createElement("form",{onSubmit:c.onSubmit((function(n){return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){return r(n.phone),[2]}))}))}),(function(e){console.log(e)}))},j.default.createElement("div",{className:"phone-input"},j.default.createElement(g.Phone,e.__assign({defaultCountry:W[process.env.UNIFY_LOCALE]||"VN"},c.getInputProps("phone"))),j.default.createElement(s.Input.Error,null,c.errors.phone)),j.default.createElement(o.Button,{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"},u("onboarding.button.continue")),i&&j.default.createElement(o.Button,{color:"ghost",isBlock:!0,size:"lg",onClick:t,type:"button"},u("onboarding.button.skip"))))};(T={})[p.LOCALE.Vietnam]="VN",T[p.LOCALE.Cambodia]="KH",T[p.LOCALE.Indonesia]="ID",T[p.LOCALE.Malaysia]="MY",T[p.LOCALE.PhilippinesEnglish]="PH",T[p.LOCALE.PhilippinesTagalog]="PH",T[p.LOCALE.Taiwan]="TW",T[p.LOCALE.Thailand]="TH",T[p.LOCALE.Myanmar]="MM";var K,Z,G,J,X,$,ee,ne,te,re,oe,ae,ie=function(e){void 0===e&&(e="");var n=e.indexOf("@"),t=e.substring(0,n),r=t.length>3?3:t.length;return e.replace(e.substring(r,n),e.slice(r,n).replace(/./g,"x"))},le=I.default(R)(K||(K=e.__makeTemplateObject(["\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"])),i.MediaQueries.mbDown,i.MediaQueries.mbDown),se=function(r){var a=r.onSubmit,i=r.phone,u=r.email,c=r.onResendCode,p=r.otpError,f=r.onClose,b=r.loading,x=r.onBack,E=r.canSkip,y=r.outOfEdit,v=n.useContext(ve),_=v.siteType,w=v.isMarryBaby,P=n.useState(30),O=P[0],C=P[1],k=t.useInterval((function(){return C((function(e){return e-1}))}),1e3),S=t.useCounter(0,{min:0,max:3}),L=S[0],T=S[1],I=n.useRef(!0),M=d.useTranslations().t;n.useEffect((function(){return k.start(),k.stop}),[]),n.useEffect((function(){0===O&&(k.stop(),I.current=!1)}),[O]);var B=m.useForm({initialValues:{otp:""},validate:m.yupResolver(V(M))});n.useEffect((function(){p&&B.setFieldError("otp",p)}),[p]);var A=n.useMemo((function(){return q.default((function(){I.current||(T.increment(),C(30),null==c||c(i||u),k.start(),I.current=!0)}),1e3,{trailing:!1})}),[i,u,c,k]);return j.default.createElement(le,{heading:M("onboarding.otpForm.heading"),description:j.default.createElement(j.default.Fragment,null,j.default.createElement("span",{dangerouslySetInnerHTML:{__html:i?M("onboarding.otpForm.description",{phone:'<b style="color:'.concat(l.theme.colors.gray800,'">').concat(i.slice(0,-3).replace(/./g,"x").concat(i.slice(-3)),"</b>")}):M("onboarding.otpForm.descriptionEmail",{email:'<b style="color:'.concat(l.theme.colors.gray800,'">').concat(ie(u),"</b>")})}}),!y&&j.default.createElement("svg",{onClick:function(){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"},j.default.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"})))},j.default.createElement("form",{onSubmit:B.onSubmit((function(n){return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){return T.increment(),a(n.otp),[2]}))}))}),(function(e){console.log(e)}))},j.default.createElement("div",{className:"otp-input"},j.default.createElement(g.OTP,e.__assign({enterKeyHint:void 0,nonce:void 0},B.getInputProps("otp"))),j.default.createElement(s.Input.Error,null,B.errors.otp)),j.default.createElement("div",{className:"resend"},j.default.createElement(h.Text,{size:"p4",color:l.theme.colors.gray400},M("onboarding.otpForm.notReceiveOTP")),j.default.createElement(h.Text,{as:"a",size:"p4",color:w?l.theme.mbColors.pink:l.theme.colors.primaryBase,onClick:A},M("onboarding.otpForm.resendCode",{seconds:O}))),j.default.createElement(o.Button,{theme:_,color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:b,disabled: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"},M("onboarding.button.continue")),E&&L>=3&&j.default.createElement(o.Button,{theme:_,color:"ghost",isBlock:!0,size:"lg",onClick:f,type:"button"},M("onboarding.button.skip"))))},de=function(t){var r=t.onClose,a=t.onSubmit,i=t.canSkip,l=t.loading,u=t.errorMessage,c=t.initialData,p=d.useTranslations().t,f=n.useContext(ve).siteType,b=m.useForm({validate:m.yupResolver(H(p))});return n.useEffect((function(){b.setValues(e.__assign(e.__assign({gender:"0"},c),(null==c?void 0:c.birthday)&&{birthday:new Date(c.birthday)}))}),[c]),n.useEffect((function(){u&&b.setFieldError("email",u)}),[u]),j.default.createElement(R,{heading:p("onboarding.formEmail.heading"),description:p("onboarding.formEmail.description")},j.default.createElement("form",{className:"form",onSubmit:b.onSubmit((function(n){a(e.__assign(e.__assign({},n),{birthday:n.birthday&&E.format(n.birthday,"yyyy-MM-dd")}))}),(function(e){console.log({fieldErrors:e})}))},j.default.createElement(s.Input.Wrapper,{label:p("onboarding.formEmail.yourName"),className:"input-control",withAsterisk:!0},j.default.createElement(s.Input,e.__assign({},b.getInputProps("name"))),j.default.createElement(s.Input.Error,{className:"field-error"},b.errors.name)),j.default.createElement(s.Input.Wrapper,{label:p("onboarding.formEmail.yourEmail"),className:"input-control",withAsterisk:!0},j.default.createElement(s.Input,e.__assign({},b.getInputProps("email"))),j.default.createElement(s.Input.Error,{className:"field-error"},b.errors.email)),j.default.createElement(g.DatePicker,e.__assign({className:"input-control",label:p("onboarding.formEmail.yourBirthday")},b.getInputProps("birthday"))),j.default.createElement(g.Radio.Group,{value:b.values.gender,onChange:function(e){return b.setFieldValue("gender",e)},className:"radio-group"},j.default.createElement(g.Radio,{value:"0",label:p("onboarding.formEmail.genderMale")}),j.default.createElement(g.Radio,{value:"1",label:p("onboarding.formEmail.genderFemale")})),j.default.createElement(o.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit",theme:f,isLoading:l,disabled:l},p("onboarding.button.continue")),i&&j.default.createElement(o.Button,{theme:f,color:"ghost",isBlock:!0,size:"lg",onClick:r},p("onboarding.button.skip"))))},ue=function(n){var t=n.onClose,r=n.onSubmit,a=n.canSkip,i=n.errorMessage,l=n.loading,u=d.useTranslations().t,c=m.useForm({initialValues:{password:"",confirmPassword:""},validate:m.yupResolver(U(u))});return j.default.createElement(R,{heading:u("onboarding.updatePassword.heading"),description:u("onboarding.updatePassword.description")},j.default.createElement("form",{className:"form",onSubmit:c.onSubmit((function(e){return r((null==e?void 0:e.password)||"")}),(function(e){console.log({fieldErrors:e})}))},j.default.createElement(x.PasswordInput,e.__assign({label:u("onboarding.updatePassword.password"),withAsterisk:!0,rightSection:j.default.createElement(y.Visible,null)},c.getInputProps("password"))),j.default.createElement(x.PasswordInput,e.__assign({label:u("onboarding.updatePassword.confirmPassword"),withAsterisk:!0,rightSection:j.default.createElement(y.Visible,null)},c.getInputProps("confirmPassword"))),j.default.createElement(o.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:l,disabled:l},u("onboarding.button.continue")),a&&j.default.createElement(o.Button,{color:"ghost",isBlock:!0,size:"lg",onClick:t},u("onboarding.button.skip")),i&&j.default.createElement(s.Input.Error,{className:"form-error"},i)))},ce=I.default.div(Z||(Z=e.__makeTemplateObject(["\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"]))),pe=I.default.div(G||(G=e.__makeTemplateObject(["\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"])),i.MediaQueries.lgPcUp),me=I.default.div(J||(J=e.__makeTemplateObject(["\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"])),i.MediaQueries.lgPcUp),ge=I.default.div(X||(X=e.__makeTemplateObject(["\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"])),i.MediaQueries.lgPcUp),fe=I.default.div($||($=e.__makeTemplateObject(["\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"])),l.theme.colors.blue50,l.theme.mbColors.tonePink),be=I.default.div(ee||(ee=e.__makeTemplateObject(["\n  margin-top: 40px;\n  padding: 24px 40px;\n"],["\n  margin-top: 40px;\n  padding: 24px 40px;\n"]))),he=I.default(r.Heading)(ne||(ne=e.__makeTemplateObject(["\n  margin-bottom: 24px;\n  text-align: center;\n"],["\n  margin-bottom: 24px;\n  text-align: center;\n"]))),xe=I.default(h.Text)(te||(te=e.__makeTemplateObject([""],[""]))),Ee=I.default.img(re||(re=e.__makeTemplateObject(["\n  width: 100%;\n  display: block;\n"],["\n  width: 100%;\n  display: block;\n"]))),ye=I.default.div(oe||(oe=e.__makeTemplateObject([""],[""])));exports.OnboardingStep=void 0,(ae=exports.OnboardingStep||(exports.OnboardingStep={}))[ae.Phone=0]="Phone",ae[ae.OTP=1]="OTP",ae[ae.OTPEmail=2]="OTPEmail",ae[ae.PersonalInfo=3]="PersonalInfo",ae[ae.UpdatePassword=4]="UpdatePassword",ae[ae.Result=5]="Result";var ve=n.createContext({});exports.MAPPED_LOCALE=W,exports.OnboardingForm=Y,exports.OnboardingModal=function(r){var a=r.onClose,i=r.canSkip,s=r.flow,u=void 0===s?[exports.OnboardingStep.Phone,exports.OnboardingStep.OTP]:s,c=r.step,p=r.onPhoneSubmit,m=r.onOtpSubmit,g=r.onPersonalInfoSubmit,f=r.onCreatePassByEmail,b=r.onResendCode,h=r.otpError,x=r.personalInfoError,E=r.createPassError,y=r.emailLoading,v=r.createPassLoading,_=r.otpLoading,w=r.customFormTexts,P=r.initialData,O=r.banner,C=r.resultScreenProps,k=r.siteType,S=e.__rest(r,["onClose","canSkip","flow","step","onPhoneSubmit","onOtpSubmit","onPersonalInfoSubmit","onCreatePassByEmail","onResendCode","otpError","personalInfoError","createPassError","emailLoading","createPassLoading","otpLoading","customFormTexts","initialData","banner","resultScreenProps","siteType"]),L=d.useTranslations().t,T=n.useState(c||u[0]),I=T[0],M=T[1],q=n.useState(""),B=q[0],A=q[1],N=n.useState(""),z=N[0],F=N[1],D=t.useCounter(0,{min:0,max:2}),V=D[0],H=D[1],U=n.useCallback((function(){var e=u.indexOf(I)+1;e<=u.length-1&&M(u[e])}),[I]),Q=n.useCallback((function(){var e=u.indexOf(I)-1;e>=0&&M(u[e])}),[I]),W=function(n){return e.__awaiter(void 0,void 0,void 0,(function(){var t;return e.__generator(this,(function(e){switch(e.label){case 0:return e.trys.push([0,2,,3]),[4,m(n)];case 1:return!e.sent()&&U(),[3,3];case 2:return t=e.sent(),console.error(t),[3,3];case 3:return[2]}}))}))},K=function(){V>=2||(H.increment(),Q())},Z="marryBaby"===k;return console.log({isMarryBaby:Z}),j.default.createElement(ve.Provider,{value:{siteType:k,isMarryBaby:Z}},j.default.createElement(ce,e.__assign({},S),u.length>0?j.default.createElement(pe,null,j.default.createElement(me,{"data-has-banner":"object"==typeof O},I===exports.OnboardingStep.Phone&&j.default.createElement(Y,{onClose:a,canSkip:i,onSubmit:function(n){return e.__awaiter(void 0,void 0,void 0,(function(){var t;return e.__generator(this,(function(e){switch(e.label){case 0:return e.trys.push([0,2,,3]),A(n),[4,null==p?void 0:p(n)];case 1:return e.sent(),U(),[3,3];case 2:return t=e.sent(),console.error(t),[3,3];case 3:return[2]}}))}))},customFormTexts:w.onboarding}),I===exports.OnboardingStep.OTP&&j.default.createElement(se,{onClose:a,onSubmit:W,phone:B,onResendCode:b,otpError:h,loading:_,canSkip:i,onBack:K,outOfEdit:V>=2}),I===exports.OnboardingStep.OTPEmail&&j.default.createElement(se,{onClose:a,onSubmit:W,onResendCode:b,otpError:h,loading:_,canSkip:i,onBack:K,outOfEdit:V>=2,email:z}),I===exports.OnboardingStep.PersonalInfo&&j.default.createElement(de,{initialData:null==P?void 0:P[exports.OnboardingStep.PersonalInfo],onClose:a,canSkip:i,onSubmit:function(n){return e.__awaiter(void 0,void 0,void 0,(function(){var t;return e.__generator(this,(function(e){switch(e.label){case 0:return e.trys.push([0,2,,3]),F((null==n?void 0:n.email)||""),[4,null==g?void 0:g(n)];case 1:return!e.sent()&&U(),[3,3];case 2:return t=e.sent(),console.error(t),[3,3];case 3:return[2]}}))}))},errorMessage:x,loading:y}),I===exports.OnboardingStep.UpdatePassword&&j.default.createElement(ue,{onClose:a,canSkip:i,onSubmit:function(n){return e.__awaiter(void 0,void 0,void 0,(function(){var t;return e.__generator(this,(function(e){switch(e.label){case 0:return e.trys.push([0,2,,3]),[4,null==f?void 0:f(n)];case 1:return e.sent(),!E&&U(),[3,3];case 2:return t=e.sent(),console.error(t),[3,3];case 3:return[2]}}))}))},errorMessage:E,loading:v}),I===exports.OnboardingStep.Result&&j.default.createElement(R,e.__assign({},C),j.default.createElement(o.Button,{theme:k,size:"lg",onClick:a,className:"form-button"},L("onboarding.button.continue")))),"object"==typeof O&&j.default.createElement(ge,null,j.default.createElement(fe,{"data-is-marry-baby":Z},j.default.createElement(be,null,(null==O?void 0:O.heading)&&j.default.createElement(he,{tag:"h1"},null==O?void 0:O.heading),(null==O?void 0:O.description)&&j.default.createElement(xe,{size:"p1",color:l.theme.colors.gray800},L("onboarding.welcomeScreen.content"))),(null==O?void 0:O.imgSrc)&&j.default.createElement(ye,null,j.default.createElement(Ee,{src:null==O?void 0:O.imgSrc,loading:"lazy"}))))):"Incorrect flow"))},exports.OtpForm=se;
+"use strict";var e=require("./tslib.es6-b204acf8.js"),n=require("react"),t=require("@mantine/hooks"),r=require("./index.styled-5cc78518.js"),o=require("./index-1c60b25b.js");require("./gAssets.js"),require("./index.styled-53b3f5e3.js");var a=require("./index-b68c2bb5.js"),i=require("./utils-70673f8a.js"),l=require("./theme-f5428380.js"),s=require("@mantine/core");require("./index.styled-86fbdce9.js");var d=require("./useTranslations-b41c42d2.js");require("./index-d171c226.js"),require("lodash/debounce"),require("./isProduction-3c5aaa46.js");var u=require("./index-c7b936b4.js");require("dayjs"),require("./screenSizeContext-bc585989.js");var c=require("styled-components"),p=require("./Locale-5f9825e9.js");require("./translationsContext-5f8ea744.js"),require("string-format");var m=require("@mantine/form"),g=require("./index-54ac7de2.js"),f=require("yup"),b=require("lodash/throttle"),h=require("./index-ad21db2d.js"),x=require("./index-e89cc71b.js");require("./index-7d40938b.js");var E=require("date-fns"),y=require("./Visible-0009c444.js");function v(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function _(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var w,P,O,C,k,S,L,T,j=v(n),I=v(c),M=_(f),q=v(b),B=I.default.div(w||(w=e.__makeTemplateObject([""],[""]))),A=I.default(h.Text)(P||(P=e.__makeTemplateObject(["\n  margin-top: 8px;\n"],["\n  margin-top: 8px;\n"]))),N=I.default.div(O||(O=e.__makeTemplateObject(["\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"]))),z=I.default(s.Container)(C||(C=e.__makeTemplateObject(["\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"])),i.MediaQueries.mbDown),F=I.default.img(k||(k=e.__makeTemplateObject(["\n  margin-bottom: 38px;\n"],["\n  margin-bottom: 38px;\n"]))),R=function(t){var o,i=t.heading,s=t.description,d=t.children,c=t.className,p=t.imgSrc,m=e.__rest(t,["heading","description","children","className","imgSrc"]),g=n.useContext(ve),f=g.isMarryBaby,b=g.siteType;return j.default.createElement(z,e.__assign({},m,{className:"hhg-comp-onboarding-container ".concat(c),size:"sm"}),j.default.createElement(a.LogoIcon,{type:f?b:(null===(o=u.LOCALE_SPECS[process.env.UNIFY_LOCALE])||void 0===o?void 0:o.LOGO_TYPE)||"hellobacsi"}),j.default.createElement(N,null,p&&j.default.createElement(F,{src:p,loading:"lazy"}),j.default.createElement(B,{className:"header"},j.default.createElement(r.Heading,{tag:"h3"},i),j.default.createElement(A,{size:"p3",color:l.theme.colors.gray600},s)),d))},D=function(e){return M.object().shape({phone:M.string().required(e("onboarding.updatePhone.error")).default("")})},V=function(e){return M.object().shape({otp:M.string().required(e("onboarding.otpForm.error")).length(6,e("onboarding.otpForm.error")).default("")})},H=function(e){return M.object().shape({email:M.string().required(e("onboarding.errorMessage.requiredEmail")).email(e("onboarding.errorMessage.invalidEmail")).default(""),name:M.string().required(e("onboarding.errorMessage.requiredName"))})},U=function(e){return M.object().shape({password:M.string().required(e("onboarding.errorMessage.requiredPassword")).min(8,e("onboarding.errorMessage.minLength",{length:8})).matches(/.*[A-Z].*/,e("onboarding.errorMessage.passWithPattern")).default(""),confirmPassword:M.string().required(e("onboarding.errorMessage.requiredConfirmPassword")).oneOf([M.ref("password"),null],e("onboarding.errorMessage.passNotMatch")).default("")})},Q=I.default(R)(S||(S=e.__makeTemplateObject(["\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"])),i.MediaQueries.mbDown),W=((L={})[p.LOCALE.Vietnam]="VN",L[p.LOCALE.Cambodia]="KH",L[p.LOCALE.Indonesia]="ID",L[p.LOCALE.Malaysia]="MY",L[p.LOCALE.PhilippinesEnglish]="PH",L[p.LOCALE.PhilippinesTagalog]="PH",L[p.LOCALE.Taiwan]="TW",L[p.LOCALE.Thailand]="TH",L[p.LOCALE.Myanmar]="MM",L),Y=function(n){var t=n.onClose,r=n.onSubmit,a=n.canSkip,i=void 0===a||a,l=n.customFormTexts,u=d.useTranslations().t,c=m.useForm({initialValues:{phone:""},validate:m.yupResolver(D(u))});return j.default.createElement(Q,{heading:(null==l?void 0:l.heading)||u("onboarding.updatePhone.heading"),description:(null==l?void 0:l.description)||u("onboarding.updatePhone.description")},j.default.createElement("form",{onSubmit:c.onSubmit((function(n){return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){return r(n.phone),[2]}))}))}),(function(e){console.log(e)}))},j.default.createElement("div",{className:"phone-input"},j.default.createElement(g.Phone,e.__assign({defaultCountry:W[process.env.UNIFY_LOCALE]||"VN"},c.getInputProps("phone"))),j.default.createElement(s.Input.Error,null,c.errors.phone)),j.default.createElement(o.Button,{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"},u("onboarding.button.continue")),i&&j.default.createElement(o.Button,{color:"ghost",isBlock:!0,size:"lg",onClick:t,type:"button"},u("onboarding.button.skip"))))};(T={})[p.LOCALE.Vietnam]="VN",T[p.LOCALE.Cambodia]="KH",T[p.LOCALE.Indonesia]="ID",T[p.LOCALE.Malaysia]="MY",T[p.LOCALE.PhilippinesEnglish]="PH",T[p.LOCALE.PhilippinesTagalog]="PH",T[p.LOCALE.Taiwan]="TW",T[p.LOCALE.Thailand]="TH",T[p.LOCALE.Myanmar]="MM";var K,Z,G,J,X,$,ee,ne,te,re,oe,ae,ie=function(e){void 0===e&&(e="");var n=e.indexOf("@"),t=e.substring(0,n),r=t.length>3?3:t.length;return e.replace(e.substring(r,n),e.slice(r,n).replace(/./g,"x"))},le=I.default(R)(K||(K=e.__makeTemplateObject(["\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"])),i.MediaQueries.mbDown,i.MediaQueries.mbDown),se=function(r){var a=r.onSubmit,i=r.phone,u=r.email,c=r.onResendCode,p=r.otpError,f=r.onClose,b=r.loading,x=r.onBack,E=r.canSkip,y=r.outOfEdit,v=n.useContext(ve),_=v.siteType,w=v.isMarryBaby,P=n.useState(30),O=P[0],C=P[1],k=t.useInterval((function(){return C((function(e){return e-1}))}),1e3),S=t.useCounter(0,{min:0,max:3}),L=S[0],T=S[1],I=n.useRef(!0),M=d.useTranslations().t;n.useEffect((function(){return k.start(),k.stop}),[]),n.useEffect((function(){0===O&&(k.stop(),I.current=!1)}),[O]);var B=m.useForm({initialValues:{otp:""},validate:m.yupResolver(V(M))});n.useEffect((function(){p&&B.setFieldError("otp",p)}),[p]);var A=n.useMemo((function(){return q.default((function(){I.current||(T.increment(),C(30),null==c||c(i||u),k.start(),I.current=!0)}),1e3,{trailing:!1})}),[i,u,c,k]);return j.default.createElement(le,{heading:M("onboarding.otpForm.heading"),description:j.default.createElement(j.default.Fragment,null,j.default.createElement("span",{dangerouslySetInnerHTML:{__html:i?M("onboarding.otpForm.description",{phone:'<b style="color:'.concat(l.theme.colors.gray800,'">').concat(i.slice(0,-3).replace(/./g,"x").concat(i.slice(-3)),"</b>")}):M("onboarding.otpForm.descriptionEmail",{email:'<b style="color:'.concat(l.theme.colors.gray800,'">').concat(ie(u),"</b>")})}}),!y&&j.default.createElement("svg",{onClick:function(){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"},j.default.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"})))},j.default.createElement("form",{onSubmit:B.onSubmit((function(n){return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){return T.increment(),a(n.otp),[2]}))}))}),(function(e){console.log(e)}))},j.default.createElement("div",{className:"otp-input"},j.default.createElement(g.OTP,e.__assign({enterKeyHint:void 0,nonce:void 0},B.getInputProps("otp"))),j.default.createElement(s.Input.Error,null,B.errors.otp)),j.default.createElement("div",{className:"resend"},j.default.createElement(h.Text,{size:"p4",color:l.theme.colors.gray400},M("onboarding.otpForm.notReceiveOTP")),j.default.createElement(h.Text,{as:"a",size:"p4",color:w?l.theme.mbColors.pink:l.theme.colors.primaryBase,onClick:A},M("onboarding.otpForm.resendCode",{seconds:O}))),j.default.createElement(o.Button,{theme:_,color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:b,disabled: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"},M("onboarding.button.continue")),E&&L>=3&&j.default.createElement(o.Button,{theme:_,color:"ghost",isBlock:!0,size:"lg",onClick:f,type:"button"},M("onboarding.button.skip"))))},de=function(t){var r=t.onClose,a=t.onSubmit,i=t.canSkip,l=t.loading,u=t.errorMessage,c=t.initialData,p=d.useTranslations().t,f=n.useContext(ve).siteType,b=m.useForm({validate:m.yupResolver(H(p))});return n.useEffect((function(){b.setValues(e.__assign(e.__assign({gender:"0"},c),(null==c?void 0:c.birthday)&&{birthday:new Date(c.birthday)}))}),[c]),n.useEffect((function(){u&&b.setFieldError("email",u)}),[u]),j.default.createElement(R,{heading:p("onboarding.formEmail.heading"),description:p("onboarding.formEmail.description")},j.default.createElement("form",{className:"form",onSubmit:b.onSubmit((function(n){a(e.__assign(e.__assign({},n),{birthday:n.birthday&&E.format(n.birthday,"yyyy-MM-dd")}))}),(function(e){console.log({fieldErrors:e})}))},j.default.createElement(s.Input.Wrapper,{label:p("onboarding.formEmail.yourName"),className:"input-control",withAsterisk:!0},j.default.createElement(s.Input,e.__assign({},b.getInputProps("name"))),j.default.createElement(s.Input.Error,{className:"field-error"},b.errors.name)),j.default.createElement(s.Input.Wrapper,{label:p("onboarding.formEmail.yourEmail"),className:"input-control",withAsterisk:!0},j.default.createElement(s.Input,e.__assign({},b.getInputProps("email"))),j.default.createElement(s.Input.Error,{className:"field-error"},b.errors.email)),j.default.createElement(g.DatePicker,e.__assign({className:"input-control",label:p("onboarding.formEmail.yourBirthday")},b.getInputProps("birthday"))),j.default.createElement(g.Radio.Group,{value:b.values.gender,onChange:function(e){return b.setFieldValue("gender",e)},className:"radio-group"},j.default.createElement(g.Radio,{value:"0",label:p("onboarding.formEmail.genderMale")}),j.default.createElement(g.Radio,{value:"1",label:p("onboarding.formEmail.genderFemale")})),j.default.createElement(o.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit",theme:f,isLoading:l,disabled:l},p("onboarding.button.continue")),i&&j.default.createElement(o.Button,{theme:f,color:"ghost",isBlock:!0,size:"lg",onClick:r},p("onboarding.button.skip"))))},ue=function(n){var t=n.onClose,r=n.onSubmit,a=n.canSkip,i=n.errorMessage,l=n.loading,u=d.useTranslations().t,c=m.useForm({initialValues:{password:"",confirmPassword:""},validate:m.yupResolver(U(u))});return j.default.createElement(R,{heading:u("onboarding.updatePassword.heading"),description:u("onboarding.updatePassword.description")},j.default.createElement("form",{className:"form",onSubmit:c.onSubmit((function(e){return r((null==e?void 0:e.password)||"")}),(function(e){console.log({fieldErrors:e})}))},j.default.createElement(x.PasswordInput,e.__assign({label:u("onboarding.updatePassword.password"),withAsterisk:!0,rightSection:j.default.createElement(y.Visible,null)},c.getInputProps("password"))),j.default.createElement(x.PasswordInput,e.__assign({label:u("onboarding.updatePassword.confirmPassword"),withAsterisk:!0,rightSection:j.default.createElement(y.Visible,null)},c.getInputProps("confirmPassword"))),j.default.createElement(o.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:l,disabled:l},u("onboarding.button.continue")),a&&j.default.createElement(o.Button,{color:"ghost",isBlock:!0,size:"lg",onClick:t},u("onboarding.button.skip")),i&&j.default.createElement(s.Input.Error,{className:"form-error"},i)))},ce=I.default.div(Z||(Z=e.__makeTemplateObject(["\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"]))),pe=I.default.div(G||(G=e.__makeTemplateObject(["\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"])),i.MediaQueries.lgPcUp),me=I.default.div(J||(J=e.__makeTemplateObject(["\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"])),i.MediaQueries.lgPcUp),ge=I.default.div(X||(X=e.__makeTemplateObject(["\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"])),i.MediaQueries.lgPcUp),fe=I.default.div($||($=e.__makeTemplateObject(["\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"])),l.theme.colors.blue50,l.theme.mbColors.tonePink),be=I.default.div(ee||(ee=e.__makeTemplateObject(["\n  margin-top: 40px;\n  padding: 24px 40px;\n"],["\n  margin-top: 40px;\n  padding: 24px 40px;\n"]))),he=I.default(r.Heading)(ne||(ne=e.__makeTemplateObject(["\n  margin-bottom: 24px;\n  text-align: center;\n"],["\n  margin-bottom: 24px;\n  text-align: center;\n"]))),xe=I.default(h.Text)(te||(te=e.__makeTemplateObject([""],[""]))),Ee=I.default.img(re||(re=e.__makeTemplateObject(["\n  width: 100%;\n  display: block;\n"],["\n  width: 100%;\n  display: block;\n"]))),ye=I.default.div(oe||(oe=e.__makeTemplateObject([""],[""])));exports.OnboardingStep=void 0,(ae=exports.OnboardingStep||(exports.OnboardingStep={}))[ae.Phone=0]="Phone",ae[ae.OTP=1]="OTP",ae[ae.OTPEmail=2]="OTPEmail",ae[ae.PersonalInfo=3]="PersonalInfo",ae[ae.UpdatePassword=4]="UpdatePassword",ae[ae.Result=5]="Result";var ve=n.createContext({});exports.MAPPED_LOCALE=W,exports.OnboardingForm=Y,exports.OnboardingModal=function(r){var a=r.onClose,i=r.canSkip,s=r.flow,u=void 0===s?[exports.OnboardingStep.Phone,exports.OnboardingStep.OTP]:s,c=r.step,p=r.onPhoneSubmit,m=r.onOtpSubmit,g=r.onPersonalInfoSubmit,f=r.onCreatePassByEmail,b=r.onResendCode,h=r.otpError,x=r.personalInfoError,E=r.createPassError,y=r.emailLoading,v=r.createPassLoading,_=r.otpLoading,w=r.customFormTexts,P=r.initialData,O=r.banner,C=r.resultScreenProps,k=r.siteType,S=e.__rest(r,["onClose","canSkip","flow","step","onPhoneSubmit","onOtpSubmit","onPersonalInfoSubmit","onCreatePassByEmail","onResendCode","otpError","personalInfoError","createPassError","emailLoading","createPassLoading","otpLoading","customFormTexts","initialData","banner","resultScreenProps","siteType"]),L=d.useTranslations().t,T=n.useState(c||u[0]),I=T[0],M=T[1],q=n.useState(""),B=q[0],A=q[1],N=n.useState(""),z=N[0],F=N[1],D=t.useCounter(0,{min:0,max:2}),V=D[0],H=D[1],U=n.useCallback((function(){var e=u.indexOf(I)+1;e<=u.length-1&&M(u[e])}),[I]),Q=n.useCallback((function(){var e=u.indexOf(I)-1;e>=0&&M(u[e])}),[I]),W=function(n){return e.__awaiter(void 0,void 0,void 0,(function(){var t;return e.__generator(this,(function(e){switch(e.label){case 0:return e.trys.push([0,2,,3]),[4,m(n)];case 1:return!e.sent()&&U(),[3,3];case 2:return t=e.sent(),console.error(t),[3,3];case 3:return[2]}}))}))},K=function(){V>=2||(H.increment(),Q())},Z="marryBaby"===k;return console.log({isMarryBaby:Z}),j.default.createElement(ve.Provider,{value:{siteType:k,isMarryBaby:Z}},j.default.createElement(ce,e.__assign({},S),u.length>0?j.default.createElement(pe,null,j.default.createElement(me,{"data-has-banner":"object"==typeof O},I===exports.OnboardingStep.Phone&&j.default.createElement(Y,{onClose:a,canSkip:i,onSubmit:function(n){return e.__awaiter(void 0,void 0,void 0,(function(){var t;return e.__generator(this,(function(e){switch(e.label){case 0:return e.trys.push([0,2,,3]),A(n),[4,null==p?void 0:p(n)];case 1:return e.sent(),U(),[3,3];case 2:return t=e.sent(),console.error(t),[3,3];case 3:return[2]}}))}))},customFormTexts:w.onboarding}),I===exports.OnboardingStep.OTP&&j.default.createElement(se,{onClose:a,onSubmit:W,phone:B,onResendCode:b,otpError:h,loading:_,canSkip:i,onBack:K,outOfEdit:V>=2}),I===exports.OnboardingStep.OTPEmail&&j.default.createElement(se,{onClose:a,onSubmit:W,onResendCode:b,otpError:h,loading:_,canSkip:i,onBack:K,outOfEdit:V>=2,email:z}),I===exports.OnboardingStep.PersonalInfo&&j.default.createElement(de,{initialData:null==P?void 0:P[exports.OnboardingStep.PersonalInfo],onClose:a,canSkip:i,onSubmit:function(n){return e.__awaiter(void 0,void 0,void 0,(function(){var t;return e.__generator(this,(function(e){switch(e.label){case 0:return e.trys.push([0,2,,3]),F((null==n?void 0:n.email)||""),[4,null==g?void 0:g(n)];case 1:return!e.sent()&&U(),[3,3];case 2:return t=e.sent(),console.error(t),[3,3];case 3:return[2]}}))}))},errorMessage:x,loading:y}),I===exports.OnboardingStep.UpdatePassword&&j.default.createElement(ue,{onClose:a,canSkip:i,onSubmit:function(n){return e.__awaiter(void 0,void 0,void 0,(function(){var t;return e.__generator(this,(function(e){switch(e.label){case 0:return e.trys.push([0,2,,3]),[4,null==f?void 0:f(n)];case 1:return e.sent(),!E&&U(),[3,3];case 2:return t=e.sent(),console.error(t),[3,3];case 3:return[2]}}))}))},errorMessage:E,loading:v}),I===exports.OnboardingStep.Result&&j.default.createElement(R,e.__assign({},C),j.default.createElement(o.Button,{theme:k,size:"lg",onClick:a,className:"form-button"},L("onboarding.button.continue")))),"object"==typeof O&&j.default.createElement(ge,null,j.default.createElement(fe,{"data-is-marry-baby":Z},j.default.createElement(be,null,(null==O?void 0:O.heading)&&j.default.createElement(he,{tag:"h1"},null==O?void 0:O.heading),(null==O?void 0:O.description)&&j.default.createElement(xe,{size:"p1",color:l.theme.colors.gray800},L("onboarding.welcomeScreen.content"))),(null==O?void 0:O.imgSrc)&&j.default.createElement(ye,null,j.default.createElement(Ee,{src:null==O?void 0:O.imgSrc,loading:"lazy"}))))):"Incorrect flow"))},exports.OtpForm=se;