@hhgtech/hhg-components 1.23.77-beta-5 → 1.23.77-beta-7

package/build/esm/{index-c17792eb.js → index-38fb4127.js}

@@ -1 +1 @@
-import{e as n,b as e,_ as o,c as t,d as r}from"./tslib.es6-06bd8c45.js";import i,{useContext as a,useState as l,useRef as s,useEffect as c,useMemo as d,createContext as m,useCallback as p}from"react";import{useInterval as u,useCounter as g}from"@mantine/hooks";import{H as b}from"./index.styled-bdcbc7a0.js";import{B as h}from"./index-d9313cb9.js";import"./gAssets.js";import"./index.styled-1882ece3.js";import{c as f}from"./index-f6dcd693.js";import{M as x}from"./utils-13cba78e.js";import{t as E}from"./theme-269f018d.js";import{Container as y,Input as v}from"@mantine/core";import"./index.styled-b7d409a0.js";import{u as w}from"./useTranslations-04b62f99.js";import"./index-7d0605f5.js";import"lodash/debounce";import"./isProduction-72d33d82.js";import{L as P}from"./index-5646abef.js";import"dayjs";import"./screenSizeContext-70cd14d3.js";import k from"styled-components";import{L as S}from"./Locale-4f3fbe8e.js";import"./translationsContext-3f9114a1.js";import"string-format";import{useForm as C,yupResolver as M}from"@mantine/form";import{e as j,O as T,D as I,R as N}from"./index-a162fcac.js";import*as z from"yup";import L from"lodash/throttle";import{T as B}from"./index-ad6152e6.js";import{P as O}from"./index-f3f56dd1.js";import"./index-2a859059.js";import{format as F}from"date-fns";import{V as D}from"./Visible-2267667e.js";var V,H,U,q,R,A,_,W,Y=k.div(V||(V=n([""],[""]))),K=k(B)(H||(H=n(["\n  margin-top: 8px;\n"],["\n  margin-top: 8px;\n"]))),Z=k.div(U||(U=n(["\n  margin-top: 70px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n"],["\n  margin-top: 70px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n"]))),G=k(y)(q||(q=n(["\n  &.hhg-comp-onboarding-container.hhg-comp-onboarding-container {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    height: 100%;\n    width: 100%;\n    max-width: 520px;\n  }\n  .header {\n    margin-bottom: 32px;\n    text-align: center;\n    "," {\n      margin-bottom: 16px;\n    }\n  }\n\n  .input-control {\n    width: 100%;\n\n    label {\n      font-size: 12px;\n      line-height: 18px;\n      font-weight: 600;\n      margin-bottom: 6px;\n    }\n\n    input {\n      height: 42px;\n      line-height: 42px;\n      font-size: 14px;\n    }\n  }\n  .radio-group,\n  .input-control {\n    margin-bottom: 16px;\n  }\n  .form {\n    width: 100%;\n  }\n\n  .form-error {\n    margin-top: 32px;\n    font-size: 14px;\n  }\n\n  .field-error {\n    margin-top: 10px;\n    font-size: 14px;\n  }\n\n  .form-button {\n    width: 100%;\n  }\n"],["\n  &.hhg-comp-onboarding-container.hhg-comp-onboarding-container {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    height: 100%;\n    width: 100%;\n    max-width: 520px;\n  }\n  .header {\n    margin-bottom: 32px;\n    text-align: center;\n    "," {\n      margin-bottom: 16px;\n    }\n  }\n\n  .input-control {\n    width: 100%;\n\n    label {\n      font-size: 12px;\n      line-height: 18px;\n      font-weight: 600;\n      margin-bottom: 6px;\n    }\n\n    input {\n      height: 42px;\n      line-height: 42px;\n      font-size: 14px;\n    }\n  }\n  .radio-group,\n  .input-control {\n    margin-bottom: 16px;\n  }\n  .form {\n    width: 100%;\n  }\n\n  .form-error {\n    margin-top: 32px;\n    font-size: 14px;\n  }\n\n  .field-error {\n    margin-top: 10px;\n    font-size: 14px;\n  }\n\n  .form-button {\n    width: 100%;\n  }\n"])),x.mbDown),J=k.img(R||(R=n(["\n  margin-bottom: 38px;\n"],["\n  margin-bottom: 38px;\n"]))),Q=function(n){var t,r=n.heading,l=n.description,s=n.children,c=n.className,d=n.imgSrc,m=e(n,["heading","description","children","className","imgSrc"]),p=a(Ln),u=p.isMarryBaby,g=p.siteType;return i.createElement(G,o({},m,{className:"hhg-comp-onboarding-container ".concat(c),size:"sm"}),i.createElement(f,{type:u?g:(null===(t=P[process.env.UNIFY_LOCALE])||void 0===t?void 0:t.LOGO_TYPE)||"hellobacsi"}),i.createElement(Z,null,d&&i.createElement(J,{src:d,loading:"lazy"}),i.createElement(Y,{className:"header"},i.createElement(b,{tag:"h3"},r),i.createElement(K,{size:"p3",color:E.colors.gray600},l)),s))},X=function(n){return z.object().shape({phone:z.string().required(n("onboarding.updatePhone.error")).default("")})},$=function(n){return z.object().shape({otp:z.string().required(n("onboarding.otpForm.error")).length(6,n("onboarding.otpForm.error")).default("")})},nn=function(n){return z.object().shape({email:z.string().required(n("onboarding.errorMessage.requiredEmail")).email(n("onboarding.errorMessage.invalidEmail")).default(""),name:z.string().required(n("onboarding.errorMessage.requiredName"))})},en=function(n){return z.object().shape({password:z.string().required(n("onboarding.errorMessage.requiredPassword")).min(8,n("onboarding.errorMessage.minLength",{length:8})).matches(/.*[A-Z].*/,n("onboarding.errorMessage.passWithPattern")).default(""),confirmPassword:z.string().required(n("onboarding.errorMessage.requiredConfirmPassword")).oneOf([z.ref("password"),null],n("onboarding.errorMessage.passNotMatch")).default("")})},on=k(Q)(A||(A=n(["\n  .phone-input {\n    width: 100%;\n    margin-bottom: 32px;\n    "," {\n      margin-bottom: 16px;\n    }\n    .PhoneInput {\n      margin-bottom: 16px;\n    }\n    .PhoneInputCountry {\n      border-radius: 4px 0 0 4px;\n    }\n    .PhoneInputInput {\n      border-radius: 0 4px 4px 0;\n    }\n  }\n"],["\n  .phone-input {\n    width: 100%;\n    margin-bottom: 32px;\n    "," {\n      margin-bottom: 16px;\n    }\n    .PhoneInput {\n      margin-bottom: 16px;\n    }\n    .PhoneInputCountry {\n      border-radius: 4px 0 0 4px;\n    }\n    .PhoneInputInput {\n      border-radius: 0 4px 4px 0;\n    }\n  }\n"])),x.mbDown),tn=((_={})[S.Vietnam]="VN",_[S.Cambodia]="KH",_[S.Indonesia]="ID",_[S.Malaysia]="MY",_[S.PhilippinesEnglish]="PH",_[S.PhilippinesTagalog]="PH",_[S.Taiwan]="TW",_[S.Thailand]="TH",_[S.Myanmar]="MM",_),rn=function(n){var e=n.onClose,a=n.onSubmit,l=n.canSkip,s=void 0===l||l,c=n.customFormTexts,d=w().t,m=C({initialValues:{phone:""},validate:M(X(d))});return i.createElement(on,{heading:(null==c?void 0:c.heading)||d("onboarding.updatePhone.heading"),description:(null==c?void 0:c.description)||d("onboarding.updatePhone.description")},i.createElement("form",{onSubmit:m.onSubmit((function(n){return t(void 0,void 0,void 0,(function(){return r(this,(function(e){return a(n.phone),[2]}))}))}),(function(n){console.log(n)}))},i.createElement("div",{className:"phone-input"},i.createElement(j,o({defaultCountry:tn[process.env.UNIFY_LOCALE]||"VN"},m.getInputProps("phone"))),i.createElement(v.Error,null,m.errors.phone)),i.createElement(h,{color:"primary",isBlock:!0,size:"lg",type:"submit","data-event-category":"Sign Up","data-event-action":"Update Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},d("onboarding.button.continue")),s&&i.createElement(h,{color:"ghost",isBlock:!0,size:"lg",onClick:e,type:"button"},d("onboarding.button.skip"))))};(W={})[S.Vietnam]="VN",W[S.Cambodia]="KH",W[S.Indonesia]="ID",W[S.Malaysia]="MY",W[S.PhilippinesEnglish]="PH",W[S.PhilippinesTagalog]="PH",W[S.Taiwan]="TW",W[S.Thailand]="TH",W[S.Myanmar]="MM";var an,ln,sn,cn,dn,mn,pn,un,gn,bn,hn,fn,xn=function(n){void 0===n&&(n="");var e=n.indexOf("@"),o=n.substring(0,e),t=o.length>3?3:o.length;return n.replace(n.substring(t,e),n.slice(t,e).replace(/./g,"x"))},En=k(Q)(an||(an=n(["\n  .otp-input {\n    margin-bottom: 36px;\n    "," {\n      margin-bottom: 20px;\n    }\n    .otpContainer {\n      margin-bottom: 16px;\n    }\n  }\n  .resend {\n    display: flex;\n    gap: 6px;\n    margin-bottom: 32px;\n    "," {\n      margin-bottom: 16px;\n    }\n    a {\n      text-decoration: underline;\n      cursor: pointer;\n    }\n  }\n  .phone-description {\n    margin-left: 2px;\n    margin-top: 2px;\n  }\n  .otp-description-edit-icon {\n    cursor: pointer;\n    vertical-align: bottom;\n    /* height: 100%; */\n    margin-bottom: 3px;\n    margin-left: 3px;\n  }\n"],["\n  .otp-input {\n    margin-bottom: 36px;\n    "," {\n      margin-bottom: 20px;\n    }\n    .otpContainer {\n      margin-bottom: 16px;\n    }\n  }\n  .resend {\n    display: flex;\n    gap: 6px;\n    margin-bottom: 32px;\n    "," {\n      margin-bottom: 16px;\n    }\n    a {\n      text-decoration: underline;\n      cursor: pointer;\n    }\n  }\n  .phone-description {\n    margin-left: 2px;\n    margin-top: 2px;\n  }\n  .otp-description-edit-icon {\n    cursor: pointer;\n    vertical-align: bottom;\n    /* height: 100%; */\n    margin-bottom: 3px;\n    margin-left: 3px;\n  }\n"])),x.mbDown,x.mbDown),yn=function(n){var e=n.onSubmit,m=n.phone,p=n.email,b=n.onResendCode,f=n.otpError,x=n.onClose,y=n.loading,P=n.onBack,k=n.canSkip,S=n.outOfEdit,j=a(Ln),I=j.siteType,N=j.isMarryBaby,z=l(30),O=z[0],F=z[1],D=u((function(){return F((function(n){return n-1}))}),1e3),V=g(0,{min:0,max:3}),H=V[0],U=V[1],q=s(!0),R=w().t;c((function(){return D.start(),D.stop}),[]),c((function(){0===O&&(D.stop(),q.current=!1)}),[O]);var A=C({initialValues:{otp:""},validate:M($(R))});c((function(){f&&A.setFieldError("otp",f)}),[f]);var _=d((function(){return L((function(){q.current||(U.increment(),F(30),null==b||b(m||p),D.start(),q.current=!0)}),1e3,{trailing:!1})}),[m,p,b,D]);return i.createElement(En,{heading:R("onboarding.otpForm.heading"),description:i.createElement(i.Fragment,null,i.createElement("span",{dangerouslySetInnerHTML:{__html:m?R("onboarding.otpForm.description",{phone:'<b style="color:'.concat(E.colors.gray800,'">').concat(m.slice(0,-3).replace(/./g,"x").concat(m.slice(-3)),"</b>")}):R("onboarding.otpForm.descriptionEmail",{email:'<b style="color:'.concat(E.colors.gray800,'">').concat(xn(p),"</b>")})}}),!S&&i.createElement("svg",{onClick:function(){null==P||P()},width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"otp-description-edit-icon"},i.createElement("path",{d:"M12.7812 1.33337C12.2987 1.33337 11.8162 1.51712 11.4479 1.88546L10.6667 2.66671L13.3333 5.33337L14.1146 4.55212C14.8506 3.81612 14.8506 2.62212 14.1146 1.88546C13.7463 1.51712 13.2638 1.33337 12.7812 1.33337ZM9.66667 3.66671L2 11.3334V14H4.66667L12.3333 6.33337L9.66667 3.66671Z",fill:"#ADB3BC"})))},i.createElement("form",{onSubmit:A.onSubmit((function(n){return t(void 0,void 0,void 0,(function(){return r(this,(function(o){return U.increment(),e(n.otp),[2]}))}))}),(function(n){console.log(n)}))},i.createElement("div",{className:"otp-input"},i.createElement(T,o({enterKeyHint:void 0,nonce:void 0},A.getInputProps("otp"))),i.createElement(v.Error,null,A.errors.otp)),i.createElement("div",{className:"resend"},i.createElement(B,{size:"p4",color:E.colors.gray400},R("onboarding.otpForm.notReceiveOTP")),i.createElement(B,{as:"a",size:"p4",color:N?E.mbColors.pink:E.colors.primaryBase,onClick:_},R("onboarding.otpForm.resendCode",{seconds:O}))),i.createElement(h,{theme:I,color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:y,disabled:y,"data-event-category":"Sign Up","data-event-action":"Confirm Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},R("onboarding.button.continue")),k&&H>=3&&i.createElement(h,{theme:I,color:"ghost",isBlock:!0,size:"lg",onClick:x,type:"button"},R("onboarding.button.skip"))))},vn=function(n){var e=n.onClose,t=n.onSubmit,r=n.canSkip,l=n.loading,s=n.errorMessage,d=n.initialData,m=w().t,p=a(Ln).siteType,u=C({validate:M(nn(m))});return c((function(){u.setValues(o(o({gender:"0"},d),(null==d?void 0:d.birthday)&&{birthday:new Date(d.birthday)}))}),[d]),c((function(){s&&u.setFieldError("email",s)}),[s]),i.createElement(Q,{heading:m("onboarding.formEmail.heading"),description:m("onboarding.formEmail.description")},i.createElement("form",{className:"form",onSubmit:u.onSubmit((function(n){t(o(o({},n),{birthday:n.birthday&&F(n.birthday,"yyyy-MM-dd")}))}),(function(n){console.log({fieldErrors:n})}))},i.createElement(v.Wrapper,{label:m("onboarding.formEmail.yourName"),className:"input-control",withAsterisk:!0},i.createElement(v,o({},u.getInputProps("name"))),i.createElement(v.Error,{className:"field-error"},u.errors.name)),i.createElement(v.Wrapper,{label:m("onboarding.formEmail.yourEmail"),className:"input-control",withAsterisk:!0},i.createElement(v,o({},u.getInputProps("email"))),i.createElement(v.Error,{className:"field-error"},u.errors.email)),i.createElement(I,o({className:"input-control",label:m("onboarding.formEmail.yourBirthday")},u.getInputProps("birthday"))),i.createElement(N.Group,{value:u.values.gender,onChange:function(n){return u.setFieldValue("gender",n)},className:"radio-group"},i.createElement(N,{value:"0",label:m("onboarding.formEmail.genderMale")}),i.createElement(N,{value:"1",label:m("onboarding.formEmail.genderFemale")})),i.createElement(h,{color:"primary",isBlock:!0,size:"lg",type:"submit",theme:p,isLoading:l,disabled:l},m("onboarding.button.continue")),r&&i.createElement(h,{theme:p,color:"ghost",isBlock:!0,size:"lg",onClick:e},m("onboarding.button.skip"))))},wn=function(n){var e=n.onClose,t=n.onSubmit,r=n.canSkip,a=n.errorMessage,l=n.loading,s=w().t,c=C({initialValues:{password:"",confirmPassword:""},validate:M(en(s))});return i.createElement(Q,{heading:s("onboarding.updatePassword.heading"),description:s("onboarding.updatePassword.description")},i.createElement("form",{className:"form",onSubmit:c.onSubmit((function(n){return t((null==n?void 0:n.password)||"")}),(function(n){console.log({fieldErrors:n})}))},i.createElement(O,o({label:s("onboarding.updatePassword.password"),withAsterisk:!0,rightSection:i.createElement(D,null)},c.getInputProps("password"))),i.createElement(O,o({label:s("onboarding.updatePassword.confirmPassword"),withAsterisk:!0,rightSection:i.createElement(D,null)},c.getInputProps("confirmPassword"))),i.createElement(h,{color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:l,disabled:l},s("onboarding.button.continue")),r&&i.createElement(h,{color:"ghost",isBlock:!0,size:"lg",onClick:e},s("onboarding.button.skip")),a&&i.createElement(v.Error,{className:"form-error"},a)))},Pn=k.div(ln||(ln=n(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 1000;\n  background: white;\n  overflow-y: auto;\n"],["\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 1000;\n  background: white;\n  overflow-y: auto;\n"]))),kn=k.div(sn||(sn=n(["\n  height: 100%;\n  "," {\n    display: table;\n    width: 100%;\n    height: calc(100% - 25px);\n  }\n"],["\n  height: 100%;\n  "," {\n    display: table;\n    width: 100%;\n    height: calc(100% - 25px);\n  }\n"])),x.lgPcUp),Sn=k.div(cn||(cn=n(["\n  padding: 48px 24px 24px;\n\n  "," {\n    display: table-cell;\n\n    &[data-has-banner='true'] {\n      width: calc(100% - 640px);\n    }\n  }\n"],["\n  padding: 48px 24px 24px;\n\n  "," {\n    display: table-cell;\n\n    &[data-has-banner='true'] {\n      width: calc(100% - 640px);\n    }\n  }\n"])),x.lgPcUp),Cn=k.div(dn||(dn=n(["\n  width: 640px;\n  padding: 16px 16px 0 16px;\n  display: none;\n\n  "," {\n    width: 640px;\n    display: table-cell;\n  }\n"],["\n  width: 640px;\n  padding: 16px 16px 0 16px;\n  display: none;\n\n  "," {\n    width: 640px;\n    display: table-cell;\n  }\n"])),x.lgPcUp),Mn=k.div(mn||(mn=n(["\n  background-color: ",";\n  border-radius: 12px;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n\n  &[data-is-marry-baby='true'] {\n    background-color: ",";\n  }\n"],["\n  background-color: ",";\n  border-radius: 12px;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n\n  &[data-is-marry-baby='true'] {\n    background-color: ",";\n  }\n"])),E.colors.blue50,E.mbColors.tonePink),jn=k.div(pn||(pn=n(["\n  margin-top: 40px;\n  padding: 24px 40px;\n"],["\n  margin-top: 40px;\n  padding: 24px 40px;\n"]))),Tn=k(b)(un||(un=n(["\n  margin-bottom: 24px;\n  text-align: center;\n"],["\n  margin-bottom: 24px;\n  text-align: center;\n"]))),In=k(B)(gn||(gn=n([""],[""]))),Nn=k.img(bn||(bn=n(["\n  width: 100%;\n  display: block;\n"],["\n  width: 100%;\n  display: block;\n"]))),zn=k.div(hn||(hn=n([""],[""])));!function(n){n[n.Phone=0]="Phone",n[n.OTP=1]="OTP",n[n.OTPEmail=2]="OTPEmail",n[n.PersonalInfo=3]="PersonalInfo",n[n.UpdatePassword=4]="UpdatePassword",n[n.Result=5]="Result"}(fn||(fn={}));var Ln=m({}),Bn=function(n){var a=n.onClose,s=n.canSkip,c=n.flow,d=void 0===c?[fn.Phone,fn.OTP]:c,m=n.step,u=n.onPhoneSubmit,b=n.onOtpSubmit,f=n.onPersonalInfoSubmit,x=n.onCreatePassByEmail,y=n.onResendCode,v=n.otpError,P=n.personalInfoError,k=n.createPassError,S=n.emailLoading,C=n.createPassLoading,M=n.otpLoading,j=n.customFormTexts,T=n.initialData,I=n.banner,N=n.resultScreenProps,z=n.siteType,L=e(n,["onClose","canSkip","flow","step","onPhoneSubmit","onOtpSubmit","onPersonalInfoSubmit","onCreatePassByEmail","onResendCode","otpError","personalInfoError","createPassError","emailLoading","createPassLoading","otpLoading","customFormTexts","initialData","banner","resultScreenProps","siteType"]),B=w().t,O=l(m||d[0]),F=O[0],D=O[1],V=l(""),H=V[0],U=V[1],q=l(""),R=q[0],A=q[1],_=g(0,{min:0,max:2}),W=_[0],Y=_[1],K=p((function(){var n=d.indexOf(F)+1;n<=d.length-1&&D(d[n])}),[F]),Z=p((function(){var n=d.indexOf(F)-1;n>=0&&D(d[n])}),[F]),G=function(n){return t(void 0,void 0,void 0,(function(){var e;return r(this,(function(o){switch(o.label){case 0:return o.trys.push([0,2,,3]),[4,b(n)];case 1:return!o.sent()&&K(),[3,3];case 2:return e=o.sent(),console.error(e),[3,3];case 3:return[2]}}))}))},J=function(){W>=2||(Y.increment(),Z())},X="marryBaby"===z;return console.log({isMarryBaby:X}),i.createElement(Ln.Provider,{value:{siteType:z,isMarryBaby:X}},i.createElement(Pn,o({},L),d.length>0?i.createElement(kn,null,i.createElement(Sn,{"data-has-banner":"object"==typeof I},F===fn.Phone&&i.createElement(rn,{onClose:a,canSkip:s,onSubmit:function(n){return t(void 0,void 0,void 0,(function(){var e;return r(this,(function(o){switch(o.label){case 0:return o.trys.push([0,2,,3]),U(n),[4,null==u?void 0:u(n)];case 1:return o.sent(),K(),[3,3];case 2:return e=o.sent(),console.error(e),[3,3];case 3:return[2]}}))}))},customFormTexts:j.onboarding}),F===fn.OTP&&i.createElement(yn,{onClose:a,onSubmit:G,phone:H,onResendCode:y,otpError:v,loading:M,canSkip:s,onBack:J,outOfEdit:W>=2}),F===fn.OTPEmail&&i.createElement(yn,{onClose:a,onSubmit:G,onResendCode:y,otpError:v,loading:M,canSkip:s,onBack:J,outOfEdit:W>=2,email:R}),F===fn.PersonalInfo&&i.createElement(vn,{initialData:null==T?void 0:T[fn.PersonalInfo],onClose:a,canSkip:s,onSubmit:function(n){return t(void 0,void 0,void 0,(function(){var e;return r(this,(function(o){switch(o.label){case 0:return o.trys.push([0,2,,3]),A((null==n?void 0:n.email)||""),[4,null==f?void 0:f(n)];case 1:return!o.sent()&&K(),[3,3];case 2:return e=o.sent(),console.error(e),[3,3];case 3:return[2]}}))}))},errorMessage:P,loading:S}),F===fn.UpdatePassword&&i.createElement(wn,{onClose:a,canSkip:s,onSubmit:function(n){return t(void 0,void 0,void 0,(function(){var e;return r(this,(function(o){switch(o.label){case 0:return o.trys.push([0,2,,3]),[4,null==x?void 0:x(n)];case 1:return o.sent(),!k&&K(),[3,3];case 2:return e=o.sent(),console.error(e),[3,3];case 3:return[2]}}))}))},errorMessage:k,loading:C}),F===fn.Result&&i.createElement(Q,o({},N),i.createElement(h,{theme:z,size:"lg",onClick:a,className:"form-button"},B("onboarding.button.continue")))),"object"==typeof I&&i.createElement(Cn,null,i.createElement(Mn,{"data-is-marry-baby":X},i.createElement(jn,null,(null==I?void 0:I.heading)&&i.createElement(Tn,{tag:"h1"},null==I?void 0:I.heading),(null==I?void 0:I.description)&&i.createElement(In,{size:"p1",color:E.colors.gray800},B("onboarding.welcomeScreen.content"))),(null==I?void 0:I.imgSrc)&&i.createElement(zn,null,i.createElement(Nn,{src:null==I?void 0:I.imgSrc,loading:"lazy"}))))):"Incorrect flow"))};export{tn as M,Bn as O,fn as a,rn as b,yn as c};
+import{e as n,b as e,_ as o,c as t,d as r}from"./tslib.es6-6d8870f9.js";import i,{useContext as a,useState as l,useRef as s,useEffect as c,useMemo as d,createContext as m,useCallback as p}from"react";import{useInterval as u,useCounter as g}from"@mantine/hooks";import{H as b}from"./index.styled-4f6b2d21.js";import{B as h}from"./index-9a1ea7c9.js";import"./gAssets.js";import"./index.styled-2b2fdf7b.js";import{c as f}from"./index-ea021e6f.js";import{M as x}from"./utils-212e8c19.js";import{t as E}from"./theme-35ed6609.js";import{Container as y,Input as v}from"@mantine/core";import"./index.styled-e13cc877.js";import{u as w}from"./useTranslations-cded0c29.js";import"./index-22f899cc.js";import"lodash/debounce";import"./isProduction-5872c89e.js";import{L as P}from"./index-a1877a3c.js";import"dayjs";import"./screenSizeContext-af926c22.js";import k from"styled-components";import{L as S}from"./Locale-9d500b42.js";import"./translationsContext-84abc8d7.js";import"string-format";import{useForm as C,yupResolver as M}from"@mantine/form";import{e as j,O as T,D as I,R as N}from"./index-7a79d25a.js";import*as z from"yup";import L from"lodash/throttle";import{T as B}from"./index-bf4d6047.js";import{P as O}from"./index-2a58dc1c.js";import"./index-54494ebe.js";import{format as F}from"date-fns";import{V as D}from"./Visible-42325844.js";var V,H,U,q,R,A,_,W,Y=k.div(V||(V=n([""],[""]))),K=k(B)(H||(H=n(["\n  margin-top: 8px;\n"],["\n  margin-top: 8px;\n"]))),Z=k.div(U||(U=n(["\n  margin-top: 70px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n"],["\n  margin-top: 70px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n"]))),G=k(y)(q||(q=n(["\n  &.hhg-comp-onboarding-container.hhg-comp-onboarding-container {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    height: 100%;\n    width: 100%;\n    max-width: 520px;\n  }\n  .header {\n    margin-bottom: 32px;\n    text-align: center;\n    "," {\n      margin-bottom: 16px;\n    }\n  }\n\n  .input-control {\n    width: 100%;\n\n    label {\n      font-size: 12px;\n      line-height: 18px;\n      font-weight: 600;\n      margin-bottom: 6px;\n    }\n\n    input {\n      height: 42px;\n      line-height: 42px;\n      font-size: 14px;\n    }\n  }\n  .radio-group,\n  .input-control {\n    margin-bottom: 16px;\n  }\n  .form {\n    width: 100%;\n  }\n\n  .form-error {\n    margin-top: 32px;\n    font-size: 14px;\n  }\n\n  .field-error {\n    margin-top: 10px;\n    font-size: 14px;\n  }\n\n  .form-button {\n    width: 100%;\n  }\n"],["\n  &.hhg-comp-onboarding-container.hhg-comp-onboarding-container {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    height: 100%;\n    width: 100%;\n    max-width: 520px;\n  }\n  .header {\n    margin-bottom: 32px;\n    text-align: center;\n    "," {\n      margin-bottom: 16px;\n    }\n  }\n\n  .input-control {\n    width: 100%;\n\n    label {\n      font-size: 12px;\n      line-height: 18px;\n      font-weight: 600;\n      margin-bottom: 6px;\n    }\n\n    input {\n      height: 42px;\n      line-height: 42px;\n      font-size: 14px;\n    }\n  }\n  .radio-group,\n  .input-control {\n    margin-bottom: 16px;\n  }\n  .form {\n    width: 100%;\n  }\n\n  .form-error {\n    margin-top: 32px;\n    font-size: 14px;\n  }\n\n  .field-error {\n    margin-top: 10px;\n    font-size: 14px;\n  }\n\n  .form-button {\n    width: 100%;\n  }\n"])),x.mbDown),J=k.img(R||(R=n(["\n  margin-bottom: 38px;\n"],["\n  margin-bottom: 38px;\n"]))),Q=function(n){var t,r=n.heading,l=n.description,s=n.children,c=n.className,d=n.imgSrc,m=e(n,["heading","description","children","className","imgSrc"]),p=a(Ln),u=p.isMarryBaby,g=p.siteType;return i.createElement(G,o({},m,{className:"hhg-comp-onboarding-container ".concat(c),size:"sm"}),i.createElement(f,{type:u?g:(null===(t=P[process.env.UNIFY_LOCALE])||void 0===t?void 0:t.LOGO_TYPE)||"hellobacsi"}),i.createElement(Z,null,d&&i.createElement(J,{src:d,loading:"lazy"}),i.createElement(Y,{className:"header"},i.createElement(b,{tag:"h3"},r),i.createElement(K,{size:"p3",color:E.colors.gray600},l)),s))},X=function(n){return z.object().shape({phone:z.string().required(n("onboarding.updatePhone.error")).default("")})},$=function(n){return z.object().shape({otp:z.string().required(n("onboarding.otpForm.error")).length(6,n("onboarding.otpForm.error")).default("")})},nn=function(n){return z.object().shape({email:z.string().required(n("onboarding.errorMessage.requiredEmail")).email(n("onboarding.errorMessage.invalidEmail")).default(""),name:z.string().required(n("onboarding.errorMessage.requiredName"))})},en=function(n){return z.object().shape({password:z.string().required(n("onboarding.errorMessage.requiredPassword")).min(8,n("onboarding.errorMessage.minLength",{length:8})).matches(/.*[A-Z].*/,n("onboarding.errorMessage.passWithPattern")).default(""),confirmPassword:z.string().required(n("onboarding.errorMessage.requiredConfirmPassword")).oneOf([z.ref("password"),null],n("onboarding.errorMessage.passNotMatch")).default("")})},on=k(Q)(A||(A=n(["\n  .phone-input {\n    width: 100%;\n    margin-bottom: 32px;\n    "," {\n      margin-bottom: 16px;\n    }\n    .PhoneInput {\n      margin-bottom: 16px;\n    }\n    .PhoneInputCountry {\n      border-radius: 4px 0 0 4px;\n    }\n    .PhoneInputInput {\n      border-radius: 0 4px 4px 0;\n    }\n  }\n"],["\n  .phone-input {\n    width: 100%;\n    margin-bottom: 32px;\n    "," {\n      margin-bottom: 16px;\n    }\n    .PhoneInput {\n      margin-bottom: 16px;\n    }\n    .PhoneInputCountry {\n      border-radius: 4px 0 0 4px;\n    }\n    .PhoneInputInput {\n      border-radius: 0 4px 4px 0;\n    }\n  }\n"])),x.mbDown),tn=((_={})[S.Vietnam]="VN",_[S.Cambodia]="KH",_[S.Indonesia]="ID",_[S.Malaysia]="MY",_[S.PhilippinesEnglish]="PH",_[S.PhilippinesTagalog]="PH",_[S.Taiwan]="TW",_[S.Thailand]="TH",_[S.Myanmar]="MM",_),rn=function(n){var e=n.onClose,a=n.onSubmit,l=n.canSkip,s=void 0===l||l,c=n.customFormTexts,d=w().t,m=C({initialValues:{phone:""},validate:M(X(d))});return i.createElement(on,{heading:(null==c?void 0:c.heading)||d("onboarding.updatePhone.heading"),description:(null==c?void 0:c.description)||d("onboarding.updatePhone.description")},i.createElement("form",{onSubmit:m.onSubmit((function(n){return t(void 0,void 0,void 0,(function(){return r(this,(function(e){return a(n.phone),[2]}))}))}),(function(n){console.log(n)}))},i.createElement("div",{className:"phone-input"},i.createElement(j,o({defaultCountry:tn[process.env.UNIFY_LOCALE]||"VN"},m.getInputProps("phone"))),i.createElement(v.Error,null,m.errors.phone)),i.createElement(h,{color:"primary",isBlock:!0,size:"lg",type:"submit","data-event-category":"Sign Up","data-event-action":"Update Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},d("onboarding.button.continue")),s&&i.createElement(h,{color:"ghost",isBlock:!0,size:"lg",onClick:e,type:"button"},d("onboarding.button.skip"))))};(W={})[S.Vietnam]="VN",W[S.Cambodia]="KH",W[S.Indonesia]="ID",W[S.Malaysia]="MY",W[S.PhilippinesEnglish]="PH",W[S.PhilippinesTagalog]="PH",W[S.Taiwan]="TW",W[S.Thailand]="TH",W[S.Myanmar]="MM";var an,ln,sn,cn,dn,mn,pn,un,gn,bn,hn,fn,xn=function(n){void 0===n&&(n="");var e=n.indexOf("@"),o=n.substring(0,e),t=o.length>3?3:o.length;return n.replace(n.substring(t,e),n.slice(t,e).replace(/./g,"x"))},En=k(Q)(an||(an=n(["\n  .otp-input {\n    margin-bottom: 36px;\n    "," {\n      margin-bottom: 20px;\n    }\n    .otpContainer {\n      margin-bottom: 16px;\n    }\n  }\n  .resend {\n    display: flex;\n    gap: 6px;\n    margin-bottom: 32px;\n    "," {\n      margin-bottom: 16px;\n    }\n    a {\n      text-decoration: underline;\n      cursor: pointer;\n    }\n  }\n  .phone-description {\n    margin-left: 2px;\n    margin-top: 2px;\n  }\n  .otp-description-edit-icon {\n    cursor: pointer;\n    vertical-align: bottom;\n    /* height: 100%; */\n    margin-bottom: 3px;\n    margin-left: 3px;\n  }\n"],["\n  .otp-input {\n    margin-bottom: 36px;\n    "," {\n      margin-bottom: 20px;\n    }\n    .otpContainer {\n      margin-bottom: 16px;\n    }\n  }\n  .resend {\n    display: flex;\n    gap: 6px;\n    margin-bottom: 32px;\n    "," {\n      margin-bottom: 16px;\n    }\n    a {\n      text-decoration: underline;\n      cursor: pointer;\n    }\n  }\n  .phone-description {\n    margin-left: 2px;\n    margin-top: 2px;\n  }\n  .otp-description-edit-icon {\n    cursor: pointer;\n    vertical-align: bottom;\n    /* height: 100%; */\n    margin-bottom: 3px;\n    margin-left: 3px;\n  }\n"])),x.mbDown,x.mbDown),yn=function(n){var e=n.onSubmit,m=n.phone,p=n.email,b=n.onResendCode,f=n.otpError,x=n.onClose,y=n.loading,P=n.onBack,k=n.canSkip,S=n.outOfEdit,j=a(Ln),I=j.siteType,N=j.isMarryBaby,z=l(30),O=z[0],F=z[1],D=u((function(){return F((function(n){return n-1}))}),1e3),V=g(0,{min:0,max:3}),H=V[0],U=V[1],q=s(!0),R=w().t;c((function(){return D.start(),D.stop}),[]),c((function(){0===O&&(D.stop(),q.current=!1)}),[O]);var A=C({initialValues:{otp:""},validate:M($(R))});c((function(){f&&A.setFieldError("otp",f)}),[f]);var _=d((function(){return L((function(){q.current||(U.increment(),F(30),null==b||b(m||p),D.start(),q.current=!0)}),1e3,{trailing:!1})}),[m,p,b,D]);return i.createElement(En,{heading:R("onboarding.otpForm.heading"),description:i.createElement(i.Fragment,null,i.createElement("span",{dangerouslySetInnerHTML:{__html:m?R("onboarding.otpForm.description",{phone:'<b style="color:'.concat(E.colors.gray800,'">').concat(m.slice(0,-3).replace(/./g,"x").concat(m.slice(-3)),"</b>")}):R("onboarding.otpForm.descriptionEmail",{email:'<b style="color:'.concat(E.colors.gray800,'">').concat(xn(p),"</b>")})}}),!S&&i.createElement("svg",{onClick:function(){null==P||P()},width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"otp-description-edit-icon"},i.createElement("path",{d:"M12.7812 1.33337C12.2987 1.33337 11.8162 1.51712 11.4479 1.88546L10.6667 2.66671L13.3333 5.33337L14.1146 4.55212C14.8506 3.81612 14.8506 2.62212 14.1146 1.88546C13.7463 1.51712 13.2638 1.33337 12.7812 1.33337ZM9.66667 3.66671L2 11.3334V14H4.66667L12.3333 6.33337L9.66667 3.66671Z",fill:"#ADB3BC"})))},i.createElement("form",{onSubmit:A.onSubmit((function(n){return t(void 0,void 0,void 0,(function(){return r(this,(function(o){return U.increment(),e(n.otp),[2]}))}))}),(function(n){console.log(n)}))},i.createElement("div",{className:"otp-input"},i.createElement(T,o({enterKeyHint:void 0,nonce:void 0},A.getInputProps("otp"))),i.createElement(v.Error,null,A.errors.otp)),i.createElement("div",{className:"resend"},i.createElement(B,{size:"p4",color:E.colors.gray400},R("onboarding.otpForm.notReceiveOTP")),i.createElement(B,{as:"a",size:"p4",color:N?E.mbColors.pink:E.colors.primaryBase,onClick:_},R("onboarding.otpForm.resendCode",{seconds:O}))),i.createElement(h,{theme:I,color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:y,disabled:y,"data-event-category":"Sign Up","data-event-action":"Confirm Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},R("onboarding.button.continue")),k&&H>=3&&i.createElement(h,{theme:I,color:"ghost",isBlock:!0,size:"lg",onClick:x,type:"button"},R("onboarding.button.skip"))))},vn=function(n){var e=n.onClose,t=n.onSubmit,r=n.canSkip,l=n.loading,s=n.errorMessage,d=n.initialData,m=w().t,p=a(Ln).siteType,u=C({validate:M(nn(m))});return c((function(){u.setValues(o(o({gender:"0"},d),(null==d?void 0:d.birthday)&&{birthday:new Date(d.birthday)}))}),[d]),c((function(){s&&u.setFieldError("email",s)}),[s]),i.createElement(Q,{heading:m("onboarding.formEmail.heading"),description:m("onboarding.formEmail.description")},i.createElement("form",{className:"form",onSubmit:u.onSubmit((function(n){t(o(o({},n),{birthday:n.birthday&&F(n.birthday,"yyyy-MM-dd")}))}),(function(n){console.log({fieldErrors:n})}))},i.createElement(v.Wrapper,{label:m("onboarding.formEmail.yourName"),className:"input-control",withAsterisk:!0},i.createElement(v,o({},u.getInputProps("name"))),i.createElement(v.Error,{className:"field-error"},u.errors.name)),i.createElement(v.Wrapper,{label:m("onboarding.formEmail.yourEmail"),className:"input-control",withAsterisk:!0},i.createElement(v,o({},u.getInputProps("email"))),i.createElement(v.Error,{className:"field-error"},u.errors.email)),i.createElement(I,o({className:"input-control",label:m("onboarding.formEmail.yourBirthday")},u.getInputProps("birthday"))),i.createElement(N.Group,{value:u.values.gender,onChange:function(n){return u.setFieldValue("gender",n)},className:"radio-group"},i.createElement(N,{value:"0",label:m("onboarding.formEmail.genderMale")}),i.createElement(N,{value:"1",label:m("onboarding.formEmail.genderFemale")})),i.createElement(h,{color:"primary",isBlock:!0,size:"lg",type:"submit",theme:p,isLoading:l,disabled:l},m("onboarding.button.continue")),r&&i.createElement(h,{theme:p,color:"ghost",isBlock:!0,size:"lg",onClick:e},m("onboarding.button.skip"))))},wn=function(n){var e=n.onClose,t=n.onSubmit,r=n.canSkip,a=n.errorMessage,l=n.loading,s=w().t,c=C({initialValues:{password:"",confirmPassword:""},validate:M(en(s))});return i.createElement(Q,{heading:s("onboarding.updatePassword.heading"),description:s("onboarding.updatePassword.description")},i.createElement("form",{className:"form",onSubmit:c.onSubmit((function(n){return t((null==n?void 0:n.password)||"")}),(function(n){console.log({fieldErrors:n})}))},i.createElement(O,o({label:s("onboarding.updatePassword.password"),withAsterisk:!0,rightSection:i.createElement(D,null)},c.getInputProps("password"))),i.createElement(O,o({label:s("onboarding.updatePassword.confirmPassword"),withAsterisk:!0,rightSection:i.createElement(D,null)},c.getInputProps("confirmPassword"))),i.createElement(h,{color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:l,disabled:l},s("onboarding.button.continue")),r&&i.createElement(h,{color:"ghost",isBlock:!0,size:"lg",onClick:e},s("onboarding.button.skip")),a&&i.createElement(v.Error,{className:"form-error"},a)))},Pn=k.div(ln||(ln=n(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 1000;\n  background: white;\n  overflow-y: auto;\n"],["\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 1000;\n  background: white;\n  overflow-y: auto;\n"]))),kn=k.div(sn||(sn=n(["\n  height: 100%;\n  "," {\n    display: table;\n    width: 100%;\n    height: calc(100% - 25px);\n  }\n"],["\n  height: 100%;\n  "," {\n    display: table;\n    width: 100%;\n    height: calc(100% - 25px);\n  }\n"])),x.lgPcUp),Sn=k.div(cn||(cn=n(["\n  padding: 48px 24px 24px;\n\n  "," {\n    display: table-cell;\n\n    &[data-has-banner='true'] {\n      width: calc(100% - 640px);\n    }\n  }\n"],["\n  padding: 48px 24px 24px;\n\n  "," {\n    display: table-cell;\n\n    &[data-has-banner='true'] {\n      width: calc(100% - 640px);\n    }\n  }\n"])),x.lgPcUp),Cn=k.div(dn||(dn=n(["\n  width: 640px;\n  padding: 16px 16px 0 16px;\n  display: none;\n\n  "," {\n    width: 640px;\n    display: table-cell;\n  }\n"],["\n  width: 640px;\n  padding: 16px 16px 0 16px;\n  display: none;\n\n  "," {\n    width: 640px;\n    display: table-cell;\n  }\n"])),x.lgPcUp),Mn=k.div(mn||(mn=n(["\n  background-color: ",";\n  border-radius: 12px;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n\n  &[data-is-marry-baby='true'] {\n    background-color: ",";\n  }\n"],["\n  background-color: ",";\n  border-radius: 12px;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n\n  &[data-is-marry-baby='true'] {\n    background-color: ",";\n  }\n"])),E.colors.blue50,E.mbColors.tonePink),jn=k.div(pn||(pn=n(["\n  margin-top: 40px;\n  padding: 24px 40px;\n"],["\n  margin-top: 40px;\n  padding: 24px 40px;\n"]))),Tn=k(b)(un||(un=n(["\n  margin-bottom: 24px;\n  text-align: center;\n"],["\n  margin-bottom: 24px;\n  text-align: center;\n"]))),In=k(B)(gn||(gn=n([""],[""]))),Nn=k.img(bn||(bn=n(["\n  width: 100%;\n  display: block;\n"],["\n  width: 100%;\n  display: block;\n"]))),zn=k.div(hn||(hn=n([""],[""])));!function(n){n[n.Phone=0]="Phone",n[n.OTP=1]="OTP",n[n.OTPEmail=2]="OTPEmail",n[n.PersonalInfo=3]="PersonalInfo",n[n.UpdatePassword=4]="UpdatePassword",n[n.Result=5]="Result"}(fn||(fn={}));var Ln=m({}),Bn=function(n){var a=n.onClose,s=n.canSkip,c=n.flow,d=void 0===c?[fn.Phone,fn.OTP]:c,m=n.step,u=n.onPhoneSubmit,b=n.onOtpSubmit,f=n.onPersonalInfoSubmit,x=n.onCreatePassByEmail,y=n.onResendCode,v=n.otpError,P=n.personalInfoError,k=n.createPassError,S=n.emailLoading,C=n.createPassLoading,M=n.otpLoading,j=n.customFormTexts,T=n.initialData,I=n.banner,N=n.resultScreenProps,z=n.siteType,L=e(n,["onClose","canSkip","flow","step","onPhoneSubmit","onOtpSubmit","onPersonalInfoSubmit","onCreatePassByEmail","onResendCode","otpError","personalInfoError","createPassError","emailLoading","createPassLoading","otpLoading","customFormTexts","initialData","banner","resultScreenProps","siteType"]),B=w().t,O=l(m||d[0]),F=O[0],D=O[1],V=l(""),H=V[0],U=V[1],q=l(""),R=q[0],A=q[1],_=g(0,{min:0,max:2}),W=_[0],Y=_[1],K=p((function(){var n=d.indexOf(F)+1;n<=d.length-1&&D(d[n])}),[F]),Z=p((function(){var n=d.indexOf(F)-1;n>=0&&D(d[n])}),[F]),G=function(n){return t(void 0,void 0,void 0,(function(){var e;return r(this,(function(o){switch(o.label){case 0:return o.trys.push([0,2,,3]),[4,b(n)];case 1:return!o.sent()&&K(),[3,3];case 2:return e=o.sent(),console.error(e),[3,3];case 3:return[2]}}))}))},J=function(){W>=2||(Y.increment(),Z())},X="marryBaby"===z;return console.log({isMarryBaby:X}),i.createElement(Ln.Provider,{value:{siteType:z,isMarryBaby:X}},i.createElement(Pn,o({},L),d.length>0?i.createElement(kn,null,i.createElement(Sn,{"data-has-banner":"object"==typeof I},F===fn.Phone&&i.createElement(rn,{onClose:a,canSkip:s,onSubmit:function(n){return t(void 0,void 0,void 0,(function(){var e;return r(this,(function(o){switch(o.label){case 0:return o.trys.push([0,2,,3]),U(n),[4,null==u?void 0:u(n)];case 1:return o.sent(),K(),[3,3];case 2:return e=o.sent(),console.error(e),[3,3];case 3:return[2]}}))}))},customFormTexts:j.onboarding}),F===fn.OTP&&i.createElement(yn,{onClose:a,onSubmit:G,phone:H,onResendCode:y,otpError:v,loading:M,canSkip:s,onBack:J,outOfEdit:W>=2}),F===fn.OTPEmail&&i.createElement(yn,{onClose:a,onSubmit:G,onResendCode:y,otpError:v,loading:M,canSkip:s,onBack:J,outOfEdit:W>=2,email:R}),F===fn.PersonalInfo&&i.createElement(vn,{initialData:null==T?void 0:T[fn.PersonalInfo],onClose:a,canSkip:s,onSubmit:function(n){return t(void 0,void 0,void 0,(function(){var e;return r(this,(function(o){switch(o.label){case 0:return o.trys.push([0,2,,3]),A((null==n?void 0:n.email)||""),[4,null==f?void 0:f(n)];case 1:return!o.sent()&&K(),[3,3];case 2:return e=o.sent(),console.error(e),[3,3];case 3:return[2]}}))}))},errorMessage:P,loading:S}),F===fn.UpdatePassword&&i.createElement(wn,{onClose:a,canSkip:s,onSubmit:function(n){return t(void 0,void 0,void 0,(function(){var e;return r(this,(function(o){switch(o.label){case 0:return o.trys.push([0,2,,3]),[4,null==x?void 0:x(n)];case 1:return o.sent(),!k&&K(),[3,3];case 2:return e=o.sent(),console.error(e),[3,3];case 3:return[2]}}))}))},errorMessage:k,loading:C}),F===fn.Result&&i.createElement(Q,o({},N),i.createElement(h,{theme:z,size:"lg",onClick:a,className:"form-button"},B("onboarding.button.continue")))),"object"==typeof I&&i.createElement(Cn,null,i.createElement(Mn,{"data-is-marry-baby":X},i.createElement(jn,null,(null==I?void 0:I.heading)&&i.createElement(Tn,{tag:"h1"},null==I?void 0:I.heading),(null==I?void 0:I.description)&&i.createElement(In,{size:"p1",color:E.colors.gray800},B("onboarding.welcomeScreen.content"))),(null==I?void 0:I.imgSrc)&&i.createElement(zn,null,i.createElement(Nn,{src:null==I?void 0:I.imgSrc,loading:"lazy"}))))):"Incorrect flow"))};export{tn as M,Bn as O,fn as a,rn as b,yn as c};

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

@@ -0,0 +1 @@
+import e from"react";import{u as a}from"./useTranslations-cded0c29.js";import{t}from"./theme-35ed6609.js";import{I as r}from"./index-7adf72ee.js";import{I as o}from"./index-8d1a85eb.js";import{M as i}from"./index-059038b8.js";import{T as s}from"./index-bf4d6047.js";import{aa as m}from"./index.styled-4f6b2d21.js";var n=function(n){var c=n.isActive,d=n.onChange,l=n.value,p=void 0===l?"":l,v=n.onInputChange,y=n.siteType,f=a().t,b="marryBaby"===y;return e.createElement(m,{onClick:function(){return d("new")},"data-is-mb":b,"data-isActive":b&&c},"marryBaby"===y?e.createElement("div",{className:"title"},e.createElement(i,{type:"bodytext-1",color:t.colors.gray800},f("chooseBaby.new")),e.createElement("div",{className:c?"radio active":"radio"},c&&e.createElement(r.CheckActiveMB,{size:26}))):e.createElement("div",{className:"title"},e.createElement(s,{size:"p2",color:t.colors.gray800},f("chooseBaby.new")),e.createElement("div",{className:c?"radio active":"radio"})),e.createElement(o,{name:"name",value:p,size:"md",placeholder:f("chooseBaby.placeholder"),type:"text",onChange:v}))};export{n as N};

package/build/esm/{index-2a859059.js → index-54494ebe.js}

@@ -1 +1 @@
-import{b as e,_ as n}from"./tslib.es6-06bd8c45.js";import r,{createContext as l,useContext as i,useRef as t,useState as o,useEffect as c}from"react";import{Carousel as d}from"@mantine/carousel";import{useResizeObserver as u}from"@mantine/hooks";var a=d.Slide,s=l({}),p=function(e,n){return e>=n?e-n:e},f=function(l){var i=l.children,a=l.blurFromCenter,f=l.blurFromIndex,v=l.blurLength,h=void 0===v?3:v,m=l.maxBlurOpacity,x=void 0===m?.5:m,S=l.onSlideChange,b=l.selectSlideWhenClick,g=e(l,["children","blurFromCenter","blurFromIndex","blurLength","maxBlurOpacity","onSlideChange","selectSlideWhenClick"]),y=u(),C=y[0],k=y[1],w=t(null),E=o(0),F=E[0],I=E[1],L=function(){var e,n,r,l=null===(e=null==w?void 0:w.current)||void 0===e?void 0:e.selectedScrollSnap();I(l);var i=(null===(n=null==w?void 0:w.current)||void 0===n?void 0:n.slideNodes())||[],t=i.length,o=(null===(r=null==w?void 0:w.current)||void 0===r?void 0:r.slidesInView()).length,c=Math.floor(o/2),d=a?f+h-1:c,u=l+d,s=u===t?0:u>t?u-t:u,v=l-d,m=v<0?t+v:v>0?l-d:0,S=Array(2*d+1).fill("").map((function(e,n){return p(m+n,t)}));i.map((function(e,n){if(n===l?e.classList.add("center-slide"):e.classList.remove("center-slide"),-1!==S.indexOf(n))for(var r=x/h,i=0;i<h;i++){if(n===p(m+i,t)||n===(c=t,(o=s-i)<0?c+o:o)){e.style.opacity=String((i+1)*r);break}e.style.opacity="1"}else e.style.opacity="0";var o,c}))},W={getEmblaApi:function(e){w.current=e},onSlideChange:function(e){L(),null==S||S(e)}};return c((function(){(null==w?void 0:w.current)&&L()}),[k]),r.createElement(s.Provider,{value:{slider:null==w?void 0:w.current,centerSlide:F,selectSlideWhenClick:b}},r.createElement(d,n({ref:C,slideSize:"auto",containScroll:"trimSnaps"},W,g,{loop:!0}),"function"==typeof i?i(F):i))};f.Slide=function(l){var d=l.children,u=l.onClick,p=e(l,["children","onClick"]),f=i(s),v=f.slider,h=f.selectSlideWhenClick,m=t(),x=t(""),S=o(0),b=S[0],g=S[1];c((function(){x.current=String(Math.round(1e4*Math.random()))}),[]),c((function(){var e=(null==v?void 0:v.slideNodes())||[];g(e.findIndex((function(e){return e.dataset.key===x.current})))}),[v]);var y={ref:m,"data-key":x.current,"data-index":b,styles:function(){return{control:{width:"40px",height:"40px",border:0,background:"white",boxShadow:"rgb(0 0 0 / 4%) 0px 10px 16px, rgb(0 0 0 / 4%) 0px 2px 8px, rgb(0 0 0 / 4%) 0px 0px 1px",svg:{width:"20px",height:"20px"}}}}};return r.createElement(a,n({},y,p),r.createElement("div",{onClick:function(){h&&(null==v||v.scrollTo(b)),null==u||u(b)}},d))};export{f as C};
+import{b as e,_ as n}from"./tslib.es6-6d8870f9.js";import r,{createContext as l,useContext as i,useRef as t,useState as o,useEffect as c}from"react";import{Carousel as d}from"@mantine/carousel";import{useResizeObserver as u}from"@mantine/hooks";var a=d.Slide,s=l({}),f=function(e,n){return e>=n?e-n:e},p=function(l){var i=l.children,a=l.blurFromCenter,p=l.blurFromIndex,v=l.blurLength,h=void 0===v?3:v,m=l.maxBlurOpacity,x=void 0===m?.5:m,S=l.onSlideChange,g=l.selectSlideWhenClick,b=e(l,["children","blurFromCenter","blurFromIndex","blurLength","maxBlurOpacity","onSlideChange","selectSlideWhenClick"]),y=u(),C=y[0],k=y[1],w=t(null),E=o(0),F=E[0],I=E[1],L=function(){var e,n,r,l=null===(e=null==w?void 0:w.current)||void 0===e?void 0:e.selectedScrollSnap();I(l);var i=(null===(n=null==w?void 0:w.current)||void 0===n?void 0:n.slideNodes())||[],t=i.length,o=(null===(r=null==w?void 0:w.current)||void 0===r?void 0:r.slidesInView()).length,c=Math.floor(o/2),d=a?p+h-1:c,u=l+d,s=u===t?0:u>t?u-t:u,v=l-d,m=v<0?t+v:v>0?l-d:0,S=Array(2*d+1).fill("").map((function(e,n){return f(m+n,t)}));i.map((function(e,n){if(n===l?e.classList.add("center-slide"):e.classList.remove("center-slide"),-1!==S.indexOf(n))for(var r=x/h,i=0;i<h;i++){if(n===f(m+i,t)||n===(c=t,(o=s-i)<0?c+o:o)){e.style.opacity=String((i+1)*r);break}e.style.opacity="1"}else e.style.opacity="0";var o,c}))},W={getEmblaApi:function(e){w.current=e},onSlideChange:function(e){L(),null==S||S(e)}};return c((function(){(null==w?void 0:w.current)&&L()}),[k]),r.createElement(s.Provider,{value:{slider:null==w?void 0:w.current,centerSlide:F,selectSlideWhenClick:g}},r.createElement(d,n({ref:C,slideSize:"auto",containScroll:"trimSnaps"},W,b,{loop:!0}),"function"==typeof i?i(F):i))};p.Slide=function(l){var d=l.children,u=l.onClick,f=e(l,["children","onClick"]),p=i(s),v=p.slider,h=p.selectSlideWhenClick,m=t(),x=t(""),S=o(0),g=S[0],b=S[1];c((function(){x.current=String(Math.round(1e4*Math.random()))}),[]),c((function(){var e=(null==v?void 0:v.slideNodes())||[];b(e.findIndex((function(e){return e.dataset.key===x.current})))}),[v]);var y={ref:m,"data-key":x.current,"data-index":g,styles:function(){return{control:{width:"40px",height:"40px",border:0,background:"white",boxShadow:"rgb(0 0 0 / 4%) 0px 10px 16px, rgb(0 0 0 / 4%) 0px 2px 8px, rgb(0 0 0 / 4%) 0px 0px 1px",svg:{width:"20px",height:"20px"}}}}};return r.createElement(a,n({},y,f),r.createElement("div",{onClick:function(){h&&(null==v||v.scrollTo(g)),null==u||u(g)}},d))};export{p as C};