@hhgtech/hhg-components 1.23.89 → 1.23.90

package/build/esm/{index-70884fac.js → index-2de5430f.js}

@@ -1 +1 @@
-import{e as n,b as e,_ as o,c as t,d as r}from"./tslib.es6-f3342f27.js";import i,{createContext as a,useContext as l,useState as s,useRef as c,useEffect as d,useMemo as m,useCallback as p}from"react";import{useInterval as u,useCounter as g}from"@mantine/hooks";import{H as b}from"./index.styled-5a566411.js";import{B as h}from"./index-10220457.js";import"./gAssets.js";import"./index.styled-eb17e082.js";import{c as f}from"./index-c400371e.js";import{M as x}from"./utils-7418c98d.js";import{t as E}from"./theme-a73122f6.js";import{Container as y,Input as v}from"@mantine/core";import"./index.styled-47c3aa95.js";import{u as w}from"./useTranslations-7812251e.js";import"./index-19f7e460.js";import"lodash/debounce";import"./isProduction-d1de7904.js";import{L as P}from"./index-4109ae0a.js";import"dayjs";import"./screenSizeContext-cec0ddd6.js";import k from"styled-components";import{L as S}from"./Locale-798314ff.js";import"./translationsContext-fd0accb0.js";import"string-format";import{T as C}from"./index-66dbe2be.js";import{useForm as M,yupResolver as j}from"@mantine/form";import{e as T,O as I,D as N,R as z}from"./index-329a1f12.js";import*as L from"yup";import B from"lodash/throttle";import{P as O}from"./index-995d8437.js";import"./index-721608f5.js";import{format as F}from"date-fns";import{V as D}from"./Visible-75723a95.js";var V,H,U,q,R,A,_,W,Y=a({}),K=k.div(V||(V=n([""],[""]))),Z=k(C)(H||(H=n(["\n  margin-top: 8px;\n"],["\n  margin-top: 8px;\n"]))),G=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"]))),J=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),Q=k.img(R||(R=n(["\n  margin-bottom: 38px;\n"],["\n  margin-bottom: 38px;\n"]))),X=function(n){var t,r=n.heading,a=n.description,s=n.children,c=n.className,d=n.imgSrc,m=e(n,["heading","description","children","className","imgSrc"]),p=l(Y),u=p.isMarryBaby,g=p.siteType;return i.createElement(J,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(G,null,d&&i.createElement(Q,{src:d,loading:"lazy"}),i.createElement(K,{className:"header"},i.createElement(b,{tag:"h3"},r),i.createElement(Z,{size:"p3",color:E.colors.gray600},a)),s))},$=function(n){return L.object().shape({phone:L.string().required(n("onboarding.updatePhone.error")).default("")})},nn=function(n){return L.object().shape({otp:L.string().required(n("onboarding.otpForm.error")).length(6,n("onboarding.otpForm.error")).default("")})},en=function(n){return L.object().shape({email:L.string().required(n("onboarding.errorMessage.requiredEmail")).email(n("onboarding.errorMessage.invalidEmail")).default(""),name:L.string().required(n("onboarding.errorMessage.requiredName"))})},on=function(n){return L.object().shape({password:L.string().required(n("onboarding.errorMessage.requiredPassword")).min(8,n("onboarding.errorMessage.minLength",{length:8})).matches(/.*[A-Z].*/,n("onboarding.errorMessage.passWithPattern")).default(""),confirmPassword:L.string().required(n("onboarding.errorMessage.requiredConfirmPassword")).oneOf([L.ref("password"),null],n("onboarding.errorMessage.passNotMatch")).default("")})},tn=k(X)(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),rn=((_={})[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",_),an=function(n){var e=n.onClose,a=n.onSubmit,l=n.canSkip,s=void 0===l||l,c=n.customFormTexts,d=w().t,m=M({initialValues:{phone:""},validate:j($(d))});return i.createElement(tn,{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(T,o({defaultCountry:rn[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 ln,sn,cn,dn,mn,pn,un,gn,bn,hn,fn,xn,En=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"))},yn=k(X)(ln||(ln=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),vn=function(n){var e=n.onSubmit,a=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,T=l(Y),N=T.siteType,z=T.isMarryBaby,L=s(30),O=L[0],F=L[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=c(!0),R=w().t;d((function(){return D.start(),D.stop}),[]),d((function(){0===O&&(D.stop(),q.current=!1)}),[O]);var A=M({initialValues:{otp:""},validate:j(nn(R))});d((function(){f&&A.setFieldError("otp",f)}),[f]);var _=m((function(){return B((function(){q.current||(U.increment(),F(30),null==b||b(a||p),D.start(),q.current=!0)}),1e3,{trailing:!1})}),[a,p,b,D]);return i.createElement(yn,{heading:R("onboarding.otpForm.heading"),description:i.createElement(i.Fragment,null,i.createElement("span",{dangerouslySetInnerHTML:{__html:a?R("onboarding.otpForm.description",{phone:'<b style="color:'.concat(E.colors.gray800,'">').concat(a.slice(0,-3).replace(/./g,"x").concat(a.slice(-3)),"</b>")}):R("onboarding.otpForm.descriptionEmail",{email:'<b style="color:'.concat(E.colors.gray800,'">').concat(En(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(I,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(C,{size:"p4",color:E.colors.gray400},R("onboarding.otpForm.notReceiveOTP")),i.createElement(C,{as:"a",size:"p4",color:z?E.mbColors.pink:E.colors.primaryBase,onClick:_},R("onboarding.otpForm.resendCode",{seconds:O}))),i.createElement(h,{theme:N,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:N,color:"ghost",isBlock:!0,size:"lg",onClick:x,type:"button"},R("onboarding.button.skip"))))},wn=function(n){var e=n.onClose,t=n.onSubmit,r=n.canSkip,a=n.loading,s=n.errorMessage,c=n.initialData,m=w().t,p=l(Y).siteType,u=M({validate:j(en(m))});return d((function(){u.setValues(o(o({gender:"0"},c),(null==c?void 0:c.birthday)&&{birthday:new Date(c.birthday)}))}),[c]),d((function(){s&&u.setFieldError("email",s)}),[s]),i.createElement(X,{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(N,o({className:"input-control",label:m("onboarding.formEmail.yourBirthday")},u.getInputProps("birthday"))),i.createElement(z.Group,{value:u.values.gender,onChange:function(n){return u.setFieldValue("gender",n)},className:"radio-group"},i.createElement(z,{value:"0",label:m("onboarding.formEmail.genderMale")}),i.createElement(z,{value:"1",label:m("onboarding.formEmail.genderFemale")})),i.createElement(h,{color:"primary",isBlock:!0,size:"lg",type:"submit",theme:p,isLoading:a,disabled:a},m("onboarding.button.continue")),r&&i.createElement(h,{theme:p,color:"ghost",isBlock:!0,size:"lg",onClick:e},m("onboarding.button.skip"))))},Pn=function(n){var e=n.onClose,t=n.onSubmit,r=n.canSkip,a=n.errorMessage,l=n.loading,s=w().t,c=M({initialValues:{password:"",confirmPassword:""},validate:j(on(s))});return i.createElement(X,{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)))},kn=k.div(sn||(sn=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"]))),Sn=k.div(cn||(cn=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),Cn=k.div(dn||(dn=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),Mn=k.div(mn||(mn=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),jn=k.div(pn||(pn=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),Tn=k.div(un||(un=n(["\n  margin-top: 40px;\n  padding: 24px 40px;\n"],["\n  margin-top: 40px;\n  padding: 24px 40px;\n"]))),In=k(b)(gn||(gn=n(["\n  margin-bottom: 24px;\n  text-align: center;\n"],["\n  margin-bottom: 24px;\n  text-align: center;\n"]))),Nn=k(C)(bn||(bn=n([""],[""]))),zn=k.img(hn||(hn=n(["\n  width: 100%;\n  display: block;\n"],["\n  width: 100%;\n  display: block;\n"]))),Ln=k.div(fn||(fn=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"}(xn||(xn={}));var Bn=function(n){var a=n.onClose,l=n.canSkip,c=n.flow,d=void 0===c?[xn.Phone,xn.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=s(m||d[0]),F=O[0],D=O[1],V=s(""),H=V[0],U=V[1],q=s(""),R=q[0],A=q[1],_=g(0,{min:0,max:2}),W=_[0],K=_[1],Z=p((function(){var n=d.indexOf(F)+1;n<=d.length-1&&D(d[n])}),[F]),G=p((function(){var n=d.indexOf(F)-1;n>=0&&D(d[n])}),[F]),J=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()&&Z(),[3,3];case 2:return e=o.sent(),console.error(e),[3,3];case 3:return[2]}}))}))},Q=function(){W>=2||(K.increment(),G())},$="marryBaby"===z;return console.log({isMarryBaby:$}),i.createElement(Y.Provider,{value:{siteType:z,isMarryBaby:$}},i.createElement(kn,o({},L),d.length>0?i.createElement(Sn,null,i.createElement(Cn,{"data-has-banner":"object"==typeof I},F===xn.Phone&&i.createElement(an,{onClose:a,canSkip:l,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(),Z(),[3,3];case 2:return e=o.sent(),console.error(e),[3,3];case 3:return[2]}}))}))},customFormTexts:j.onboarding}),F===xn.OTP&&i.createElement(vn,{onClose:a,onSubmit:J,phone:H,onResendCode:y,otpError:v,loading:M,canSkip:l,onBack:Q,outOfEdit:W>=2}),F===xn.OTPEmail&&i.createElement(vn,{onClose:a,onSubmit:J,onResendCode:y,otpError:v,loading:M,canSkip:l,onBack:Q,outOfEdit:W>=2,email:R}),F===xn.PersonalInfo&&i.createElement(wn,{initialData:null==T?void 0:T[xn.PersonalInfo],onClose:a,canSkip:l,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()&&Z(),[3,3];case 2:return e=o.sent(),console.error(e),[3,3];case 3:return[2]}}))}))},errorMessage:P,loading:S}),F===xn.UpdatePassword&&i.createElement(Pn,{onClose:a,canSkip:l,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&&Z(),[3,3];case 2:return e=o.sent(),console.error(e),[3,3];case 3:return[2]}}))}))},errorMessage:k,loading:C}),F===xn.Result&&i.createElement(X,o({},N),i.createElement(h,{theme:z,size:"lg",onClick:a,className:"form-button"},B("onboarding.button.continue")))),"object"==typeof I&&i.createElement(Mn,null,i.createElement(jn,{"data-is-marry-baby":$},i.createElement(Tn,null,(null==I?void 0:I.heading)&&i.createElement(In,{tag:"h1"},null==I?void 0:I.heading),(null==I?void 0:I.description)&&i.createElement(Nn,{size:"p1",color:E.colors.gray800},B("onboarding.welcomeScreen.content"))),(null==I?void 0:I.imgSrc)&&i.createElement(Ln,null,i.createElement(zn,{src:null==I?void 0:I.imgSrc,loading:"lazy"}))))):"Incorrect flow"))};export{rn as M,Bn as O,xn as a,an as b,vn as c};
+import{e as n,b as e,_ as o,c as t,d as r}from"./tslib.es6-aec5149a.js";import i,{createContext as a,useContext as l,useState as s,useRef as c,useEffect as d,useMemo as m,useCallback as p}from"react";import{useInterval as u,useCounter as g}from"@mantine/hooks";import{H as b}from"./index.styled-16b7bba8.js";import{B as h}from"./index-1e8ae35c.js";import"./gAssets.js";import"./index.styled-0208b93f.js";import{c as f}from"./index-c8b0d2e4.js";import{M as x}from"./utils-b0d21a76.js";import{t as E}from"./theme-0660c6d9.js";import{Container as y,Input as v}from"@mantine/core";import"./index.styled-ad383a2e.js";import{u as w}from"./useTranslations-d937e0d9.js";import"./index-95d5df02.js";import"lodash/debounce";import"./isProduction-b6057c7d.js";import{L as P}from"./index-beb8c709.js";import"dayjs";import"./screenSizeContext-5ff14969.js";import k from"styled-components";import{L as S}from"./Locale-e45fc1f5.js";import"./translationsContext-575ab736.js";import"string-format";import{T as C}from"./index-0116568f.js";import{useForm as M,yupResolver as j}from"@mantine/form";import{e as T,O as I,D as N,R as z}from"./index-904103ee.js";import*as L from"yup";import B from"lodash/throttle";import{P as O}from"./index-8244ce6e.js";import"./index-e1f60373.js";import{format as F}from"date-fns";import{V as D}from"./Visible-23d17972.js";var V,H,U,q,R,A,_,W,Y=a({}),K=k.div(V||(V=n([""],[""]))),Z=k(C)(H||(H=n(["\n  margin-top: 8px;\n"],["\n  margin-top: 8px;\n"]))),G=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"]))),J=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),Q=k.img(R||(R=n(["\n  margin-bottom: 38px;\n"],["\n  margin-bottom: 38px;\n"]))),X=function(n){var t,r=n.heading,a=n.description,s=n.children,c=n.className,d=n.imgSrc,m=e(n,["heading","description","children","className","imgSrc"]),p=l(Y),u=p.isMarryBaby,g=p.siteType;return i.createElement(J,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(G,null,d&&i.createElement(Q,{src:d,loading:"lazy"}),i.createElement(K,{className:"header"},i.createElement(b,{tag:"h3"},r),i.createElement(Z,{size:"p3",color:E.colors.gray600},a)),s))},$=function(n){return L.object().shape({phone:L.string().required(n("onboarding.updatePhone.error")).default("")})},nn=function(n){return L.object().shape({otp:L.string().required(n("onboarding.otpForm.error")).length(6,n("onboarding.otpForm.error")).default("")})},en=function(n){return L.object().shape({email:L.string().required(n("onboarding.errorMessage.requiredEmail")).email(n("onboarding.errorMessage.invalidEmail")).default(""),name:L.string().required(n("onboarding.errorMessage.requiredName"))})},on=function(n){return L.object().shape({password:L.string().required(n("onboarding.errorMessage.requiredPassword")).min(8,n("onboarding.errorMessage.minLength",{length:8})).matches(/.*[A-Z].*/,n("onboarding.errorMessage.passWithPattern")).default(""),confirmPassword:L.string().required(n("onboarding.errorMessage.requiredConfirmPassword")).oneOf([L.ref("password"),null],n("onboarding.errorMessage.passNotMatch")).default("")})},tn=k(X)(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),rn=((_={})[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",_),an=function(n){var e=n.onClose,a=n.onSubmit,l=n.canSkip,s=void 0===l||l,c=n.customFormTexts,d=w().t,m=M({initialValues:{phone:""},validate:j($(d))});return i.createElement(tn,{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(T,o({defaultCountry:rn[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 ln,sn,cn,dn,mn,pn,un,gn,bn,hn,fn,xn,En=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"))},yn=k(X)(ln||(ln=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),vn=function(n){var e=n.onSubmit,a=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,T=l(Y),N=T.siteType,z=T.isMarryBaby,L=s(30),O=L[0],F=L[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=c(!0),R=w().t;d((function(){return D.start(),D.stop}),[]),d((function(){0===O&&(D.stop(),q.current=!1)}),[O]);var A=M({initialValues:{otp:""},validate:j(nn(R))});d((function(){f&&A.setFieldError("otp",f)}),[f]);var _=m((function(){return B((function(){q.current||(U.increment(),F(30),null==b||b(a||p),D.start(),q.current=!0)}),1e3,{trailing:!1})}),[a,p,b,D]);return i.createElement(yn,{heading:R("onboarding.otpForm.heading"),description:i.createElement(i.Fragment,null,i.createElement("span",{dangerouslySetInnerHTML:{__html:a?R("onboarding.otpForm.description",{phone:'<b style="color:'.concat(E.colors.gray800,'">').concat(a.slice(0,-3).replace(/./g,"x").concat(a.slice(-3)),"</b>")}):R("onboarding.otpForm.descriptionEmail",{email:'<b style="color:'.concat(E.colors.gray800,'">').concat(En(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(I,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(C,{size:"p4",color:E.colors.gray400},R("onboarding.otpForm.notReceiveOTP")),i.createElement(C,{as:"a",size:"p4",color:z?E.mbColors.pink:E.colors.primaryBase,onClick:_},R("onboarding.otpForm.resendCode",{seconds:O}))),i.createElement(h,{theme:N,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:N,color:"ghost",isBlock:!0,size:"lg",onClick:x,type:"button"},R("onboarding.button.skip"))))},wn=function(n){var e=n.onClose,t=n.onSubmit,r=n.canSkip,a=n.loading,s=n.errorMessage,c=n.initialData,m=w().t,p=l(Y).siteType,u=M({validate:j(en(m))});return d((function(){u.setValues(o(o({gender:"0"},c),(null==c?void 0:c.birthday)&&{birthday:new Date(c.birthday)}))}),[c]),d((function(){s&&u.setFieldError("email",s)}),[s]),i.createElement(X,{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(N,o({className:"input-control",label:m("onboarding.formEmail.yourBirthday")},u.getInputProps("birthday"))),i.createElement(z.Group,{value:u.values.gender,onChange:function(n){return u.setFieldValue("gender",n)},className:"radio-group"},i.createElement(z,{value:"0",label:m("onboarding.formEmail.genderMale")}),i.createElement(z,{value:"1",label:m("onboarding.formEmail.genderFemale")})),i.createElement(h,{color:"primary",isBlock:!0,size:"lg",type:"submit",theme:p,isLoading:a,disabled:a},m("onboarding.button.continue")),r&&i.createElement(h,{theme:p,color:"ghost",isBlock:!0,size:"lg",onClick:e},m("onboarding.button.skip"))))},Pn=function(n){var e=n.onClose,t=n.onSubmit,r=n.canSkip,a=n.errorMessage,l=n.loading,s=w().t,c=M({initialValues:{password:"",confirmPassword:""},validate:j(on(s))});return i.createElement(X,{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)))},kn=k.div(sn||(sn=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"]))),Sn=k.div(cn||(cn=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),Cn=k.div(dn||(dn=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),Mn=k.div(mn||(mn=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),jn=k.div(pn||(pn=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),Tn=k.div(un||(un=n(["\n  margin-top: 40px;\n  padding: 24px 40px;\n"],["\n  margin-top: 40px;\n  padding: 24px 40px;\n"]))),In=k(b)(gn||(gn=n(["\n  margin-bottom: 24px;\n  text-align: center;\n"],["\n  margin-bottom: 24px;\n  text-align: center;\n"]))),Nn=k(C)(bn||(bn=n([""],[""]))),zn=k.img(hn||(hn=n(["\n  width: 100%;\n  display: block;\n"],["\n  width: 100%;\n  display: block;\n"]))),Ln=k.div(fn||(fn=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"}(xn||(xn={}));var Bn=function(n){var a=n.onClose,l=n.canSkip,c=n.flow,d=void 0===c?[xn.Phone,xn.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=s(m||d[0]),F=O[0],D=O[1],V=s(""),H=V[0],U=V[1],q=s(""),R=q[0],A=q[1],_=g(0,{min:0,max:2}),W=_[0],K=_[1],Z=p((function(){var n=d.indexOf(F)+1;n<=d.length-1&&D(d[n])}),[F]),G=p((function(){var n=d.indexOf(F)-1;n>=0&&D(d[n])}),[F]),J=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()&&Z(),[3,3];case 2:return e=o.sent(),console.error(e),[3,3];case 3:return[2]}}))}))},Q=function(){W>=2||(K.increment(),G())},$="marryBaby"===z;return console.log({isMarryBaby:$}),i.createElement(Y.Provider,{value:{siteType:z,isMarryBaby:$}},i.createElement(kn,o({},L),d.length>0?i.createElement(Sn,null,i.createElement(Cn,{"data-has-banner":"object"==typeof I},F===xn.Phone&&i.createElement(an,{onClose:a,canSkip:l,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(),Z(),[3,3];case 2:return e=o.sent(),console.error(e),[3,3];case 3:return[2]}}))}))},customFormTexts:j.onboarding}),F===xn.OTP&&i.createElement(vn,{onClose:a,onSubmit:J,phone:H,onResendCode:y,otpError:v,loading:M,canSkip:l,onBack:Q,outOfEdit:W>=2}),F===xn.OTPEmail&&i.createElement(vn,{onClose:a,onSubmit:J,onResendCode:y,otpError:v,loading:M,canSkip:l,onBack:Q,outOfEdit:W>=2,email:R}),F===xn.PersonalInfo&&i.createElement(wn,{initialData:null==T?void 0:T[xn.PersonalInfo],onClose:a,canSkip:l,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()&&Z(),[3,3];case 2:return e=o.sent(),console.error(e),[3,3];case 3:return[2]}}))}))},errorMessage:P,loading:S}),F===xn.UpdatePassword&&i.createElement(Pn,{onClose:a,canSkip:l,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&&Z(),[3,3];case 2:return e=o.sent(),console.error(e),[3,3];case 3:return[2]}}))}))},errorMessage:k,loading:C}),F===xn.Result&&i.createElement(X,o({},N),i.createElement(h,{theme:z,size:"lg",onClick:a,className:"form-button"},B("onboarding.button.continue")))),"object"==typeof I&&i.createElement(Mn,null,i.createElement(jn,{"data-is-marry-baby":$},i.createElement(Tn,null,(null==I?void 0:I.heading)&&i.createElement(In,{tag:"h1"},null==I?void 0:I.heading),(null==I?void 0:I.description)&&i.createElement(Nn,{size:"p1",color:E.colors.gray800},B("onboarding.welcomeScreen.content"))),(null==I?void 0:I.imgSrc)&&i.createElement(Ln,null,i.createElement(zn,{src:null==I?void 0:I.imgSrc,loading:"lazy"}))))):"Incorrect flow"))};export{rn as M,Bn as O,xn as a,an as b,vn as c};

package/build/esm/{index-cf5fe92c.js → index-314717d2.js}

@@ -1 +1 @@
-import e,{useState as t,useEffect as a}from"react";import{z as r}from"./index.styled-5a566411.js";import{b as n,_ as o}from"./tslib.es6-f3342f27.js";import{u as s}from"./useTranslations-7812251e.js";import{T as i}from"./index-66dbe2be.js";import{bp as d,bq as l,br as c,bs as m}from"./index.styled-5bb7613e.js";import{t as u}from"./theme-a73122f6.js";var b=function(t){var a=t.type,n=void 0===a?"solid":a,o=t.className,s=t.style;return e.createElement(r,{style:s,className:o,"data-diver-type":n,dividerType:n})},y="U9NRDG6",v={admin:"cardAuthor.admin",moderator:"cardAuthor.moderator",ambassador:"cardAuthor.ambassador",expert:"cardAuthor.expert",sponsor:"cardAuthor.sponsor",guide:"cardAuthor.guide",influencer:"cardAuthor.influencer"},p=function(t){var a=t.siteType,r=t.role,i=t.title,d=n(t,["siteType","role","title"]),l=s().t,c=r?function(e){return["admin","moderator","ambassador","expert","sponsor","guide","influencer"].find((function(t){return t===e}))}(r):"";return c&&v[c]?e.createElement("div",o({className:y,"data-label-type":c,"data-is-marrybaby":"marryBaby"===a},d),i||l(v[c])):null},f=function(r){var n=r.style,o=r.initialTab,s=r.tabContent,b=r.onChange,y=r.className,v=r.dataEventCategory,p=r.dataEventAction,f=r.dataEventLabel,E=r.id,A=t(o||0),x=A[0],g=A[1];return a((function(){g(o)}),[o]),e.createElement(d,{style:n,className:y,role:"tablist",id:E},s.map((function(t,a){return e.createElement(l,{"data-is-tab-active":x===a||void 0,"aria-selected":x===a,role:"tab",onClick:function(){g(a),b&&b(a)},onKeyDown:function(e){"Enter"===e.key&&(g(a),b&&b(a))},key:a,"data-event-category":t.dataEventCategory||v,"data-event-action":t.dataEventAction||p,"data-event-label":t.dataEventLabel||f,tabIndex:0,"data-testid":t.dataTestid},e.createElement(c,null,t.icon&&e.createElement(m,null,t.icon),e.createElement(i,{size:t.textSize||"sm",type:t.textType||"bold",color:t.textColor||u.colors.gray800,dataEventCategory:t.dataEventCategory,dataEventAction:t.dataEventAction,dataEventLabel:t.dataEventLabel},t.name)))})))};export{p as A,b as D,f as T};
+import e,{useState as t,useEffect as a}from"react";import{z as r}from"./index.styled-16b7bba8.js";import{b as n,_ as o}from"./tslib.es6-aec5149a.js";import{u as s}from"./useTranslations-d937e0d9.js";import{T as d}from"./index-0116568f.js";import{bp as i,bq as l,br as c,bs as m}from"./index.styled-db645ca8.js";import{t as u}from"./theme-0660c6d9.js";var b=function(t){var a=t.type,n=void 0===a?"solid":a,o=t.className,s=t.style;return e.createElement(r,{style:s,className:o,"data-diver-type":n,dividerType:n})},y="U9NRDG6",v={admin:"cardAuthor.admin",moderator:"cardAuthor.moderator",ambassador:"cardAuthor.ambassador",expert:"cardAuthor.expert",sponsor:"cardAuthor.sponsor",guide:"cardAuthor.guide",influencer:"cardAuthor.influencer"},p=function(t){var a=t.siteType,r=t.role,d=t.title,i=n(t,["siteType","role","title"]),l=s().t,c=r?function(e){return["admin","moderator","ambassador","expert","sponsor","guide","influencer"].find((function(t){return t===e}))}(r):"";return c&&v[c]?e.createElement("div",o({className:y,"data-label-type":c,"data-is-marrybaby":"marryBaby"===a},i),d||l(v[c])):null},f=function(r){var n=r.style,o=r.initialTab,s=r.tabContent,b=r.onChange,y=r.className,v=r.dataEventCategory,p=r.dataEventAction,f=r.dataEventLabel,E=r.id,A=t(o||0),x=A[0],g=A[1];return a((function(){g(o)}),[o]),e.createElement(i,{style:n,className:y,role:"tablist",id:E},s.map((function(t,a){return e.createElement(l,{"data-is-tab-active":x===a||void 0,"aria-selected":x===a,role:"tab",onClick:function(){g(a),b&&b(a)},onKeyDown:function(e){"Enter"===e.key&&(g(a),b&&b(a))},key:a,"data-event-category":t.dataEventCategory||v,"data-event-action":t.dataEventAction||p,"data-event-label":t.dataEventLabel||f,tabIndex:0,"data-testid":t.dataTestid},e.createElement(c,null,t.icon&&e.createElement(m,null,t.icon),e.createElement(d,{size:t.textSize||"sm",type:t.textType||"bold",color:t.textColor||u.colors.gray800,dataEventCategory:t.dataEventCategory,dataEventAction:t.dataEventAction,dataEventLabel:t.dataEventLabel},t.name)))})))};export{p as A,b as D,f as T};

package/build/esm/index-35820024.js

@@ -0,0 +1 @@
+import e from"react";import{u as a}from"./useTranslations-d937e0d9.js";import{t}from"./theme-0660c6d9.js";import{I as r}from"./index-8fd17d39.js";import{I as o}from"./index-3eb50cf7.js";import{M as i}from"./index-08750c96.js";import{T as s}from"./index-0116568f.js";import{af as m}from"./index.styled-16b7bba8.js";var c=function(c){var n=c.isActive,l=c.onChange,d=c.value,p=void 0===d?"":d,f=c.onInputChange,v=c.siteType,y=a().t,b="marryBaby"===v;return e.createElement(m,{onClick:function(){return l("new")},"data-is-mb":b,"data-isActive":b&&n},"marryBaby"===v?e.createElement("div",{className:"title"},e.createElement(i,{type:"bodytext-1",color:t.colors.gray800},y("chooseBaby.new")),e.createElement("div",{className:n?"radio active":"radio"},n&&e.createElement(r.CheckActiveMB,{size:26}))):e.createElement("div",{className:"title"},e.createElement(s,{size:"p2",color:t.colors.gray800},y("chooseBaby.new")),e.createElement("div",{className:n?"radio active":"radio"})),e.createElement(o,{name:"name",value:p,size:"md",placeholder:y("chooseBaby.placeholder"),type:"text",onChange:f}))};export{c as N};

package/build/esm/index-3ca80296.js

@@ -0,0 +1 @@
+import{b as e,_ as r}from"./tslib.es6-aec5149a.js";import l from"react";import{L as a}from"./Locale-e45fc1f5.js";import{S as n,a as o,b as t}from"./index.styled-f1f0fcdb.js";var i=function(i){var s=i.data,c=i.isMobile,m=i.onSlideChange,d=i.pillProps,p=i.locale,b=void 0===p?a.Vietnam:p,u=i.blurFromIndex,f=i.blurLength,h=e(i,["data","isMobile","onSlideChange","pillProps","locale","blurFromIndex","blurLength"]),g={withControls:!c,slideGap:16,blurFromCenter:!0,blurFromIndex:u||(c?2:4),blurLength:f||(c?1:3),onSlideChange:m};return l.createElement(n,r({},g,h),(function(e){return s.map((function(a,n){return l.createElement(o,r({key:n,onClick:m},d),l.createElement("div",{className:"centerred-pill-wrapper"},l.createElement(t,{locale:b,name:a.name,icon:a.icon,className:n===e?"selected-week-pill":""})))}))}))};export{i as P};

package/build/esm/{index-c098c7cf.js → index-3eb50cf7.js}

@@ -1 +1 @@
-import{b as e,_ as a}from"./tslib.es6-f3342f27.js";import t,{useMemo as n}from"react";import{S as s,L as o,a as i,b as r,c as l}from"./index.styled-eb17e082.js";var c=function(c){var m=c.name,d=c.value,u=c.errorMessage,p=c.isNumerousKeyboard,v=void 0!==p&&p,b=c.showErrorMessage,y=void 0===b||b,g=c.actionIcon,C=c.displayIcon,E=c.onActionClick,N=c.label,h=c.className,f=c.onChange,I=c.isDisabled,k=c.CustomInput,A=c.size,K=c.style,M=c.autoComplete,z=void 0===M?"off":M,L=c.type,x=void 0===L?"text":L,H=c.inputClassName,j=c.trackingAttributes,w=c.enterKeyHint,D=e(c,["name","value","errorMessage","isNumerousKeyboard","showErrorMessage","actionIcon","displayIcon","onActionClick","label","className","onChange","isDisabled","CustomInput","size","style","autoComplete","type","inputClassName","trackingAttributes","enterKeyHint"]),F=n((function(){return j?{"data-event-category":j.dataEventCategory,"data-event-action":j.dataEventAction,"data-event-label":j.dataEventLabel}:{}}),[j]);return t.createElement(s,{"data-size":A,className:h,"data-has-action-icon":!!g||void 0,"data-has-display-icon":!!C||void 0,"data-has-error":u&&u.length>0||void 0,style:K},N&&t.createElement(o,{size:"label2",htmlFor:m,className:"inputLabel"},N),t.createElement("div",{style:{position:"relative"}},k||t.createElement("input",a({id:m,name:m,onChange:function(e){return f&&f(e.target.value)},type:x,"aria-label":x,value:d,disabled:I,autoComplete:z,inputMode:v||"number"===x?"numeric":x,pattern:v?"[0-9]*":".*",className:H,enterKeyHint:w},F,D)),C&&t.createElement(i,{className:"displayIcon"},C),g&&t.createElement(r,{className:"actionIcon",onClick:E},g)),u&&u.length>0&&y&&t.createElement(l,{className:"errorLabel"},u))};export{c as I};
+import{b as e,_ as a}from"./tslib.es6-aec5149a.js";import t,{useMemo as n}from"react";import{S as s,L as o,a as i,b as r,c as l}from"./index.styled-0208b93f.js";var c=function(c){var m=c.name,d=c.value,u=c.errorMessage,p=c.isNumerousKeyboard,v=void 0!==p&&p,b=c.showErrorMessage,y=void 0===b||b,g=c.actionIcon,C=c.displayIcon,E=c.onActionClick,N=c.label,h=c.className,f=c.onChange,I=c.isDisabled,k=c.CustomInput,A=c.size,K=c.style,M=c.autoComplete,z=void 0===M?"off":M,L=c.type,x=void 0===L?"text":L,H=c.inputClassName,j=c.trackingAttributes,w=c.enterKeyHint,D=e(c,["name","value","errorMessage","isNumerousKeyboard","showErrorMessage","actionIcon","displayIcon","onActionClick","label","className","onChange","isDisabled","CustomInput","size","style","autoComplete","type","inputClassName","trackingAttributes","enterKeyHint"]),F=n((function(){return j?{"data-event-category":j.dataEventCategory,"data-event-action":j.dataEventAction,"data-event-label":j.dataEventLabel}:{}}),[j]);return t.createElement(s,{"data-size":A,className:h,"data-has-action-icon":!!g||void 0,"data-has-display-icon":!!C||void 0,"data-has-error":u&&u.length>0||void 0,style:K},N&&t.createElement(o,{size:"label2",htmlFor:m,className:"inputLabel"},N),t.createElement("div",{style:{position:"relative"}},k||t.createElement("input",a({id:m,name:m,onChange:function(e){return f&&f(e.target.value)},type:x,"aria-label":x,value:d,disabled:I,autoComplete:z,inputMode:v||"number"===x?"numeric":x,pattern:v?"[0-9]*":".*",className:H,enterKeyHint:w},F,D)),C&&t.createElement(i,{className:"displayIcon"},C),g&&t.createElement(r,{className:"actionIcon",onClick:E},g)),u&&u.length>0&&y&&t.createElement(l,{className:"errorLabel"},u))};export{c as I};