@hhgtech/hhg-components 1.24.12 → 1.24.14

package/build/esm/{index-03968b09.js → index-79365afa.js}

@@ -1,4 +1,4 @@
-import{_ as e,a as o}from"./tslib.es6-b1c5b9b7.js";import n,{createContext as t,useContext as r,useState as i,useRef as a,useEffect as s,useMemo as l,useCallback as d}from"react";import{useInterval as m,useCounter as c}from"@mantine/hooks";import{H as p}from"./index.styled-8029aeaf.js";import{B as g}from"./index-b5d8241a.js";import"./gAssets.js";import"./index.styled-437068ae.js";import{c as b}from"./index-5392909e.js";import{M as u}from"./utils-f6d61056.js";import{t as h}from"./theme-09a3980d.js";import{Container as f,Input as E}from"@mantine/core";import"./index.styled-200bbdd6.js";import{u as y}from"./useTranslations-34154db8.js";import"./index-87cc9b76.js";import"lodash/debounce";import"./isProduction-142cc526.js";import{L as x}from"./index-06ba77a5.js";import"dayjs";import"./screenSizeContext-40c726af.js";import v from"styled-components";import{L as P}from"./Locale-d143219c.js";import"./translationsContext-4ed0d296.js";import"string-format";import{T as w}from"./index-d5660016.js";import{useForm as S,yupResolver as j}from"@mantine/form";import{e as k,O as C,D as O,R as M}from"./index-5ad7df44.js";import*as T from"yup";import N from"lodash/throttle";import{P as B}from"./index-91cd07c6.js";import"./index-81352e3c.js";import{format as I}from"date-fns";import{V as L}from"./Visible-8820bebe.js";const z=t({}),F=v.div``,$=v(w)`
+import{_ as e,a as o}from"./tslib.es6-705284c1.js";import n,{createContext as t,useContext as r,useState as i,useRef as a,useEffect as s,useMemo as l,useCallback as d}from"react";import{useInterval as c,useCounter as m}from"@mantine/hooks";import{H as p}from"./index.styled-8826e4cd.js";import{B as g}from"./index-08ef421a.js";import"./gAssets.js";import"./index.styled-cc89f847.js";import{c as b}from"./index-adca721c.js";import{M as u}from"./utils-548f0f14.js";import{t as h}from"./theme-b9fb7ab3.js";import{Container as f,Input as E}from"@mantine/core";import"./index.styled-9cd1668b.js";import{u as y}from"./useTranslations-fa9f778d.js";import"./index-953c8e8a.js";import"lodash/debounce";import"./isProduction-4ba8eec6.js";import{L as x}from"./index-16720c7f.js";import"dayjs";import"./screenSizeContext-b58c84a6.js";import v from"styled-components";import{L as P}from"./Locale-89a516c2.js";import"./translationsContext-20b57a35.js";import"string-format";import{T as w}from"./index-2a7c34c7.js";import{useForm as S,yupResolver as j}from"@mantine/form";import{P as k,O as C,D as O,R as M}from"./index-b1a5dd44.js";import*as T from"yup";import N from"lodash/throttle";import"./index.styled-12d53e8c.js";import{P as B}from"./index-96665a2d.js";import"./index-60d7f54e.js";import{format as I}from"date-fns";import{V as L}from"./Visible-96f3c1a8.js";const z=t({}),F=v.div``,$=v(w)`
   margin-top: 8px;
 `,D=v.div`
   margin-top: 70px;
@@ -62,7 +62,7 @@ import{_ as e,a as o}from"./tslib.es6-b1c5b9b7.js";import n,{createContext as t,
   }
 `,A=v.img`
   margin-bottom: 38px;
-`,R=o=>{var t,{heading:i,description:a,children:s,className:l,imgSrc:d}=o,m=e(o,["heading","description","children","className","imgSrc"]);const{isMarryBaby:c,siteType:g}=r(z);return n.createElement(V,Object.assign({},m,{className:`hhg-comp-onboarding-container ${l}`,size:"sm"}),n.createElement(b,{type:c?g:(null===(t=x[process.env.UNIFY_LOCALE])||void 0===t?void 0:t.LOGO_TYPE)||"hellobacsi"}),n.createElement(D,null,d&&n.createElement(A,{src:d,loading:"lazy"}),n.createElement(F,{className:"header"},n.createElement(p,{tag:"h3"},i),n.createElement($,{size:"p3",color:h.colors.gray600},a)),s))},U=e=>T.object().shape({phone:T.string().required(e("onboarding.updatePhone.error")).default("")}),q=e=>T.object().shape({otp:T.string().required(e("onboarding.otpForm.error")).length(6,e("onboarding.otpForm.error")).default("")}),H=e=>T.object().shape({email:T.string().required(e("onboarding.errorMessage.requiredEmail")).email(e("onboarding.errorMessage.invalidEmail")).default(""),name:T.string().required(e("onboarding.errorMessage.requiredName"))}),_=e=>T.object().shape({password:T.string().required(e("onboarding.errorMessage.requiredPassword")).min(8,e("onboarding.errorMessage.minLength",{length:8})).matches(/.*[A-Z].*/,e("onboarding.errorMessage.passWithPattern")).default(""),confirmPassword:T.string().required(e("onboarding.errorMessage.requiredConfirmPassword")).oneOf([T.ref("password"),null],e("onboarding.errorMessage.passNotMatch")).default("")}),W=v(R)`
+`,R=o=>{var t,{heading:i,description:a,children:s,className:l,imgSrc:d}=o,c=e(o,["heading","description","children","className","imgSrc"]);const{isMarryBaby:m,siteType:g}=r(z);return n.createElement(V,Object.assign({},c,{className:`hhg-comp-onboarding-container ${l}`,size:"sm"}),n.createElement(b,{type:m?g:(null===(t=x[process.env.UNIFY_LOCALE])||void 0===t?void 0:t.LOGO_TYPE)||"hellobacsi"}),n.createElement(D,null,d&&n.createElement(A,{src:d,loading:"lazy"}),n.createElement(F,{className:"header"},n.createElement(p,{tag:"h3"},i),n.createElement($,{size:"p3",color:h.colors.gray600},a)),s))},U=e=>T.object().shape({phone:T.string().required(e("onboarding.updatePhone.error")).default("")}),q=e=>T.object().shape({otp:T.string().required(e("onboarding.otpForm.error")).length(6,e("onboarding.otpForm.error")).default("")}),H=e=>T.object().shape({email:T.string().required(e("onboarding.errorMessage.requiredEmail")).email(e("onboarding.errorMessage.invalidEmail")).default(""),name:T.string().required(e("onboarding.errorMessage.requiredName"))}),_=e=>T.object().shape({password:T.string().required(e("onboarding.errorMessage.requiredPassword")).min(8,e("onboarding.errorMessage.minLength",{length:8})).matches(/.*[A-Z].*/,e("onboarding.errorMessage.passWithPattern")).default(""),confirmPassword:T.string().required(e("onboarding.errorMessage.requiredConfirmPassword")).oneOf([T.ref("password"),null],e("onboarding.errorMessage.passNotMatch")).default("")}),W=v(R)`
   .phone-input {
     width: 100%;
     margin-bottom: 32px;
@@ -112,7 +112,7 @@ import{_ as e,a as o}from"./tslib.es6-b1c5b9b7.js";import n,{createContext as t,
     margin-bottom: 3px;
     margin-left: 3px;
   }
-`,J=({onSubmit:e,phone:t,email:d,onResendCode:p,otpError:b,onClose:u,loading:f,onBack:x,canSkip:v,outOfEdit:P})=>{const{siteType:k,isMarryBaby:O}=r(z),[M,T]=i(30),B=m((()=>T((e=>e-1))),1e3),[I,L]=c(0,{min:0,max:3}),F=a(!0),{t:$}=y();s((()=>(B.start(),B.stop)),[]),s((()=>{0===M&&(B.stop(),F.current=!1)}),[M]);const D=S({initialValues:{otp:""},validate:j(q($))});s((()=>{b&&D.setFieldError("otp",b)}),[b]);const V=l((()=>N((()=>{F.current||(L.increment(),T(30),null==p||p(t||d),B.start(),F.current=!0)}),1e3,{trailing:!1})),[t,d,p,B]);return n.createElement(K,{heading:$("onboarding.otpForm.heading"),description:n.createElement(n.Fragment,null,n.createElement("span",{dangerouslySetInnerHTML:{__html:t?$("onboarding.otpForm.description",{phone:`<b style="color:${h.colors.gray800}">${t.slice(0,-3).replace(/./g,"x").concat(t.slice(-3))}</b>`}):$("onboarding.otpForm.descriptionEmail",{email:`<b style="color:${h.colors.gray800}">${G(d)}</b>`})}}),!P&&n.createElement("svg",{onClick:()=>{null==x||x()},width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"otp-description-edit-icon"},n.createElement("path",{d:"M12.7812 1.33337C12.2987 1.33337 11.8162 1.51712 11.4479 1.88546L10.6667 2.66671L13.3333 5.33337L14.1146 4.55212C14.8506 3.81612 14.8506 2.62212 14.1146 1.88546C13.7463 1.51712 13.2638 1.33337 12.7812 1.33337ZM9.66667 3.66671L2 11.3334V14H4.66667L12.3333 6.33337L9.66667 3.66671Z",fill:"#ADB3BC"})))},n.createElement("form",{onSubmit:D.onSubmit((n=>o(void 0,void 0,void 0,(function*(){L.increment(),e(n.otp)}))),(e=>{console.log(e)}))},n.createElement("div",{className:"otp-input"},n.createElement(C,Object.assign({enterKeyHint:void 0,nonce:void 0},D.getInputProps("otp"))),n.createElement(E.Error,null,D.errors.otp)),n.createElement("div",{className:"resend"},n.createElement(w,{size:"p4",color:h.colors.gray400},$("onboarding.otpForm.notReceiveOTP")),n.createElement(w,{as:"a",size:"p4",color:O?h.mbColors.pink:h.colors.primaryBase,onClick:V},$("onboarding.otpForm.resendCode",{seconds:M}))),n.createElement(g,{theme:k,color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:f,disabled:f,"data-event-category":"Sign Up","data-event-action":"Confirm Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},$("onboarding.button.continue")),v&&I>=3&&n.createElement(g,{theme:k,color:"ghost",isBlock:!0,size:"lg",onClick:u,type:"button"},$("onboarding.button.skip"))))},Q=({onClose:e,onSubmit:o,canSkip:t,loading:i,errorMessage:a,initialData:l})=>{const{t:d,locale:m}=y(),{siteType:c,isMarryBaby:p}=r(z),b=S({validate:j(H(d))});console.log({isMarryBaby:p});return s((()=>{b.setValues(Object.assign(Object.assign({gender:"0"},l),(null==l?void 0:l.birthday)&&{birthday:new Date(l.birthday)}))}),[l]),s((()=>{a&&b.setFieldError("email",a)}),[a]),n.createElement(R,{heading:d("onboarding.formEmail.heading"),description:d("onboarding.formEmail.description",{site:p?"Marry Baby":x[m].SITE_NAME_FORMATTED})},n.createElement("form",{className:"form",onSubmit:b.onSubmit((e=>{o(Object.assign(Object.assign({},e),{birthday:e.birthday&&I(e.birthday,"yyyy-MM-dd")}))}),(e=>{console.log({fieldErrors:e})}))},n.createElement(E.Wrapper,{label:d("onboarding.formEmail.yourName"),className:"input-control",withAsterisk:!0},n.createElement(E,Object.assign({},b.getInputProps("name"))),n.createElement(E.Error,{className:"field-error"},b.errors.name)),n.createElement(E.Wrapper,{label:d("onboarding.formEmail.yourEmail"),className:"input-control",withAsterisk:!0},n.createElement(E,Object.assign({},b.getInputProps("email"))),n.createElement(E.Error,{className:"field-error"},b.errors.email)),n.createElement(O,Object.assign({className:"input-control",label:d("onboarding.formEmail.yourBirthday")},b.getInputProps("birthday"))),n.createElement(M.Group,{value:b.values.gender,onChange:e=>b.setFieldValue("gender",e),className:"radio-group"},n.createElement(M,{value:"0",label:d("onboarding.formEmail.genderMale")}),n.createElement(M,{value:"1",label:d("onboarding.formEmail.genderFemale")})),n.createElement(g,{color:"primary",isBlock:!0,size:"lg",type:"submit",theme:c,isLoading:i,disabled:i},d("onboarding.button.continue")),t&&n.createElement(g,{theme:c,color:"ghost",isBlock:!0,size:"lg",onClick:e},d("onboarding.button.skip"))))},X=({onClose:e,onSubmit:o,canSkip:t,errorMessage:r,loading:i})=>{const{t:a}=y(),s=S({initialValues:{password:"",confirmPassword:""},validate:j(_(a))});return n.createElement(R,{heading:a("onboarding.updatePassword.heading"),description:a("onboarding.updatePassword.description")},n.createElement("form",{className:"form",onSubmit:s.onSubmit((e=>o((null==e?void 0:e.password)||"")),(e=>{console.log({fieldErrors:e})}))},n.createElement(B,Object.assign({label:a("onboarding.updatePassword.password"),withAsterisk:!0,rightSection:n.createElement(L,null)},s.getInputProps("password"))),n.createElement(B,Object.assign({label:a("onboarding.updatePassword.confirmPassword"),withAsterisk:!0,rightSection:n.createElement(L,null)},s.getInputProps("confirmPassword"))),n.createElement(g,{color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:i,disabled:i},a("onboarding.button.continue")),t&&n.createElement(g,{color:"ghost",isBlock:!0,size:"lg",onClick:e},a("onboarding.button.skip")),r&&n.createElement(E.Error,{className:"form-error"},r)))},ee=v.div`
+`,J=({onSubmit:e,phone:t,email:d,onResendCode:p,otpError:b,onClose:u,loading:f,onBack:x,canSkip:v,outOfEdit:P})=>{const{siteType:k,isMarryBaby:O}=r(z),[M,T]=i(30),B=c((()=>T((e=>e-1))),1e3),[I,L]=m(0,{min:0,max:3}),F=a(!0),{t:$}=y();s((()=>(B.start(),B.stop)),[]),s((()=>{0===M&&(B.stop(),F.current=!1)}),[M]);const D=S({initialValues:{otp:""},validate:j(q($))});s((()=>{b&&D.setFieldError("otp",b)}),[b]);const V=l((()=>N((()=>{F.current||(L.increment(),T(30),null==p||p(t||d),B.start(),F.current=!0)}),1e3,{trailing:!1})),[t,d,p,B]);return n.createElement(K,{heading:$("onboarding.otpForm.heading"),description:n.createElement(n.Fragment,null,n.createElement("span",{dangerouslySetInnerHTML:{__html:t?$("onboarding.otpForm.description",{phone:`<b style="color:${h.colors.gray800}">${t.slice(0,-3).replace(/./g,"x").concat(t.slice(-3))}</b>`}):$("onboarding.otpForm.descriptionEmail",{email:`<b style="color:${h.colors.gray800}">${G(d)}</b>`})}}),!P&&n.createElement("svg",{onClick:()=>{null==x||x()},width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"otp-description-edit-icon"},n.createElement("path",{d:"M12.7812 1.33337C12.2987 1.33337 11.8162 1.51712 11.4479 1.88546L10.6667 2.66671L13.3333 5.33337L14.1146 4.55212C14.8506 3.81612 14.8506 2.62212 14.1146 1.88546C13.7463 1.51712 13.2638 1.33337 12.7812 1.33337ZM9.66667 3.66671L2 11.3334V14H4.66667L12.3333 6.33337L9.66667 3.66671Z",fill:"#ADB3BC"})))},n.createElement("form",{onSubmit:D.onSubmit((n=>o(void 0,void 0,void 0,(function*(){L.increment(),e(n.otp)}))),(e=>{console.log(e)}))},n.createElement("div",{className:"otp-input"},n.createElement(C,Object.assign({enterKeyHint:void 0,nonce:void 0},D.getInputProps("otp"))),n.createElement(E.Error,null,D.errors.otp)),n.createElement("div",{className:"resend"},n.createElement(w,{size:"p4",color:h.colors.gray400},$("onboarding.otpForm.notReceiveOTP")),n.createElement(w,{as:"a",size:"p4",color:O?h.mbColors.pink:h.colors.primaryBase,onClick:V},$("onboarding.otpForm.resendCode",{seconds:M}))),n.createElement(g,{theme:k,color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:f,disabled:f,"data-event-category":"Sign Up","data-event-action":"Confirm Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},$("onboarding.button.continue")),v&&I>=3&&n.createElement(g,{theme:k,color:"ghost",isBlock:!0,size:"lg",onClick:u,type:"button"},$("onboarding.button.skip"))))},Q=({onClose:e,onSubmit:o,canSkip:t,loading:i,errorMessage:a,initialData:l})=>{const{t:d,locale:c}=y(),{siteType:m,isMarryBaby:p}=r(z),b=S({validate:j(H(d))});console.log({isMarryBaby:p});return s((()=>{b.setValues(Object.assign(Object.assign({gender:"0"},l),(null==l?void 0:l.birthday)&&{birthday:new Date(l.birthday)}))}),[l]),s((()=>{a&&b.setFieldError("email",a)}),[a]),n.createElement(R,{heading:d("onboarding.formEmail.heading"),description:d("onboarding.formEmail.description",{site:p?"Marry Baby":x[c].SITE_NAME_FORMATTED})},n.createElement("form",{className:"form",onSubmit:b.onSubmit((e=>{o(Object.assign(Object.assign({},e),{birthday:e.birthday&&I(e.birthday,"yyyy-MM-dd")}))}),(e=>{console.log({fieldErrors:e})}))},n.createElement(E.Wrapper,{label:d("onboarding.formEmail.yourName"),className:"input-control",withAsterisk:!0},n.createElement(E,Object.assign({},b.getInputProps("name"))),n.createElement(E.Error,{className:"field-error"},b.errors.name)),n.createElement(E.Wrapper,{label:d("onboarding.formEmail.yourEmail"),className:"input-control",withAsterisk:!0},n.createElement(E,Object.assign({},b.getInputProps("email"))),n.createElement(E.Error,{className:"field-error"},b.errors.email)),n.createElement(O,Object.assign({className:"input-control",label:d("onboarding.formEmail.yourBirthday")},b.getInputProps("birthday"))),n.createElement(M.Group,{value:b.values.gender,onChange:e=>b.setFieldValue("gender",e),className:"radio-group"},n.createElement(M,{value:"0",label:d("onboarding.formEmail.genderMale")}),n.createElement(M,{value:"1",label:d("onboarding.formEmail.genderFemale")})),n.createElement(g,{color:"primary",isBlock:!0,size:"lg",type:"submit",theme:m,isLoading:i,disabled:i},d("onboarding.button.continue")),t&&n.createElement(g,{theme:m,color:"ghost",isBlock:!0,size:"lg",onClick:e},d("onboarding.button.skip"))))},X=({onClose:e,onSubmit:o,canSkip:t,errorMessage:r,loading:i})=>{const{t:a}=y(),s=S({initialValues:{password:"",confirmPassword:""},validate:j(_(a))});return n.createElement(R,{heading:a("onboarding.updatePassword.heading"),description:a("onboarding.updatePassword.description")},n.createElement("form",{className:"form",onSubmit:s.onSubmit((e=>o((null==e?void 0:e.password)||"")),(e=>{console.log({fieldErrors:e})}))},n.createElement(B,Object.assign({label:a("onboarding.updatePassword.password"),withAsterisk:!0,rightSection:n.createElement(L,null)},s.getInputProps("password"))),n.createElement(B,Object.assign({label:a("onboarding.updatePassword.confirmPassword"),withAsterisk:!0,rightSection:n.createElement(L,null)},s.getInputProps("confirmPassword"))),n.createElement(g,{color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:i,disabled:i},a("onboarding.button.continue")),t&&n.createElement(g,{color:"ghost",isBlock:!0,size:"lg",onClick:e},a("onboarding.button.skip")),r&&n.createElement(E.Error,{className:"form-error"},r)))},ee=v.div`
   position: fixed;
   top: 0;
   left: 0;
@@ -167,4 +167,4 @@ import{_ as e,a as o}from"./tslib.es6-b1c5b9b7.js";import n,{createContext as t,
 `,se=v(w)``,le=v.img`
   width: 100%;
   display: block;
-`,de=v.div``;var me;!function(e){e[e.Phone=0]="Phone",e[e.OTP=1]="OTP",e[e.OTPEmail=2]="OTPEmail",e[e.PersonalInfo=3]="PersonalInfo",e[e.UpdatePassword=4]="UpdatePassword",e[e.Result=5]="Result"}(me||(me={}));const ce=t=>{var{onClose:r,canSkip:a,flow:s=[me.Phone,me.OTP],step:l,onPhoneSubmit:m,onOtpSubmit:p,onPersonalInfoSubmit:b,onCreatePassByEmail:u,onResendCode:f,otpError:E,personalInfoError:x,createPassError:v,emailLoading:P,createPassLoading:w,otpLoading:S,customFormTexts:j,initialData:k,banner:C,resultScreenProps:O,siteType:M}=t,T=e(t,["onClose","canSkip","flow","step","onPhoneSubmit","onOtpSubmit","onPersonalInfoSubmit","onCreatePassByEmail","onResendCode","otpError","personalInfoError","createPassError","emailLoading","createPassLoading","otpLoading","customFormTexts","initialData","banner","resultScreenProps","siteType"]);const{t:N}=y(),[B,I]=i(l||s[0]),[L,F]=i(""),[$,D]=i(""),[V,A]=c(0,{min:0,max:2}),U=d((()=>{const e=s.indexOf(B)+1;e<=s.length-1&&I(s[e])}),[B]),q=d((()=>{const e=s.indexOf(B)-1;e>=0&&I(s[e])}),[B]),H=e=>o(void 0,void 0,void 0,(function*(){try{!(yield p(e))&&U()}catch(e){console.error(e)}})),_=()=>{V>=2||(A.increment(),q())},W="marryBaby"===M;return console.log({isMarryBaby:W}),n.createElement(z.Provider,{value:{siteType:M,isMarryBaby:W}},n.createElement(ee,Object.assign({},T),s.length>0?n.createElement(oe,null,n.createElement(ne,{"data-has-banner":"object"==typeof C},B===me.Phone&&n.createElement(Z,{onClose:r,canSkip:a,onSubmit:e=>o(void 0,void 0,void 0,(function*(){try{F(e),yield null==m?void 0:m(e),U()}catch(e){console.error(e)}})),customFormTexts:j.onboarding}),B===me.OTP&&n.createElement(J,{onClose:r,onSubmit:H,phone:L,onResendCode:f,otpError:E,loading:S,canSkip:a,onBack:_,outOfEdit:V>=2}),B===me.OTPEmail&&n.createElement(J,{onClose:r,onSubmit:H,onResendCode:f,otpError:E,loading:S,canSkip:a,onBack:_,outOfEdit:V>=2,email:$}),B===me.PersonalInfo&&n.createElement(Q,{initialData:null==k?void 0:k[me.PersonalInfo],onClose:r,canSkip:a,onSubmit:e=>o(void 0,void 0,void 0,(function*(){try{D((null==e?void 0:e.email)||"");!(yield null==b?void 0:b(e))&&U()}catch(e){console.error(e)}})),errorMessage:x,loading:P}),B===me.UpdatePassword&&n.createElement(X,{onClose:r,canSkip:a,onSubmit:e=>o(void 0,void 0,void 0,(function*(){try{yield null==u?void 0:u(e),!v&&U()}catch(e){console.error(e)}})),errorMessage:v,loading:w}),B===me.Result&&n.createElement(R,Object.assign({},O),n.createElement(g,{theme:M,size:"lg",onClick:r,className:"form-button"},N("onboarding.button.continue")))),"object"==typeof C&&n.createElement(te,null,n.createElement(re,{"data-is-marry-baby":W},n.createElement(ie,null,(null==C?void 0:C.heading)&&n.createElement(ae,{tag:"h1"},null==C?void 0:C.heading),(null==C?void 0:C.description)&&n.createElement(se,{size:"p1",color:h.colors.gray800},N("onboarding.welcomeScreen.content"))),(null==C?void 0:C.imgSrc)&&n.createElement(de,null,n.createElement(le,{src:null==C?void 0:C.imgSrc,loading:"lazy"}))))):"Incorrect flow"))};export{Y as M,ce as O,me as a,Z as b,J as c};
+`,de=v.div``;var ce;!function(e){e[e.Phone=0]="Phone",e[e.OTP=1]="OTP",e[e.OTPEmail=2]="OTPEmail",e[e.PersonalInfo=3]="PersonalInfo",e[e.UpdatePassword=4]="UpdatePassword",e[e.Result=5]="Result"}(ce||(ce={}));const me=t=>{var{onClose:r,canSkip:a,flow:s=[ce.Phone,ce.OTP],step:l,onPhoneSubmit:c,onOtpSubmit:p,onPersonalInfoSubmit:b,onCreatePassByEmail:u,onResendCode:f,otpError:E,personalInfoError:x,createPassError:v,emailLoading:P,createPassLoading:w,otpLoading:S,customFormTexts:j,initialData:k,banner:C,resultScreenProps:O,siteType:M}=t,T=e(t,["onClose","canSkip","flow","step","onPhoneSubmit","onOtpSubmit","onPersonalInfoSubmit","onCreatePassByEmail","onResendCode","otpError","personalInfoError","createPassError","emailLoading","createPassLoading","otpLoading","customFormTexts","initialData","banner","resultScreenProps","siteType"]);const{t:N}=y(),[B,I]=i(l||s[0]),[L,F]=i(""),[$,D]=i(""),[V,A]=m(0,{min:0,max:2}),U=d((()=>{const e=s.indexOf(B)+1;e<=s.length-1&&I(s[e])}),[B]),q=d((()=>{const e=s.indexOf(B)-1;e>=0&&I(s[e])}),[B]),H=e=>o(void 0,void 0,void 0,(function*(){try{!(yield p(e))&&U()}catch(e){console.error(e)}})),_=()=>{V>=2||(A.increment(),q())},W="marryBaby"===M;return console.log({isMarryBaby:W}),n.createElement(z.Provider,{value:{siteType:M,isMarryBaby:W}},n.createElement(ee,Object.assign({},T),s.length>0?n.createElement(oe,null,n.createElement(ne,{"data-has-banner":"object"==typeof C},B===ce.Phone&&n.createElement(Z,{onClose:r,canSkip:a,onSubmit:e=>o(void 0,void 0,void 0,(function*(){try{F(e),yield null==c?void 0:c(e),U()}catch(e){console.error(e)}})),customFormTexts:j.onboarding}),B===ce.OTP&&n.createElement(J,{onClose:r,onSubmit:H,phone:L,onResendCode:f,otpError:E,loading:S,canSkip:a,onBack:_,outOfEdit:V>=2}),B===ce.OTPEmail&&n.createElement(J,{onClose:r,onSubmit:H,onResendCode:f,otpError:E,loading:S,canSkip:a,onBack:_,outOfEdit:V>=2,email:$}),B===ce.PersonalInfo&&n.createElement(Q,{initialData:null==k?void 0:k[ce.PersonalInfo],onClose:r,canSkip:a,onSubmit:e=>o(void 0,void 0,void 0,(function*(){try{D((null==e?void 0:e.email)||"");!(yield null==b?void 0:b(e))&&U()}catch(e){console.error(e)}})),errorMessage:x,loading:P}),B===ce.UpdatePassword&&n.createElement(X,{onClose:r,canSkip:a,onSubmit:e=>o(void 0,void 0,void 0,(function*(){try{yield null==u?void 0:u(e),!v&&U()}catch(e){console.error(e)}})),errorMessage:v,loading:w}),B===ce.Result&&n.createElement(R,Object.assign({},O),n.createElement(g,{theme:M,size:"lg",onClick:r,className:"form-button"},N("onboarding.button.continue")))),"object"==typeof C&&n.createElement(te,null,n.createElement(re,{"data-is-marry-baby":W},n.createElement(ie,null,(null==C?void 0:C.heading)&&n.createElement(ae,{tag:"h1"},null==C?void 0:C.heading),(null==C?void 0:C.description)&&n.createElement(se,{size:"p1",color:h.colors.gray800},N("onboarding.welcomeScreen.content"))),(null==C?void 0:C.imgSrc)&&n.createElement(de,null,n.createElement(le,{src:null==C?void 0:C.imgSrc,loading:"lazy"}))))):"Incorrect flow"))};export{Y as M,me as O,ce as a,Z as b,J as c};

package/build/esm/{index-91cd07c6.js → index-96665a2d.js}

@@ -1,4 +1,4 @@
-import{createEmotionCache as e,Slider as n,FileInput as t,NumberInput as o,PasswordInput as r,TextInput as a,Input as s}from"@mantine/core";import l from"styled-components";import{_ as i}from"./tslib.es6-b1c5b9b7.js";import m,{useState as c,useEffect as d,forwardRef as u}from"react";import{useDebouncedValue as p}from"@mantine/hooks";import{CommonGAssets as g}from"./gAssets.js";var b="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function h(e){var n={exports:{}};return e(n,n.exports),n.exports}const f=300,v=e({key:"mantine",prepend:!1}),y=l(n)`
+import{createEmotionCache as e,Slider as n,FileInput as t,NumberInput as o,PasswordInput as r,TextInput as a,Input as s}from"@mantine/core";import l from"styled-components";import{_ as i}from"./tslib.es6-705284c1.js";import m,{useState as c,useEffect as d,forwardRef as u}from"react";import{useDebouncedValue as p}from"@mantine/hooks";import{CommonGAssets as g}from"./gAssets.js";var b="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function h(e){var n={exports:{}};return e(n,n.exports),n.exports}const f=300,v=e({key:"mantine",prepend:!1}),y=l(n)`
   ${e=>{const n=e.color||e.theme.colors.primaryBase;return`\n      .mantine-Slider-bar {\n        background-color: ${n};\n      }\n      .mantine-Slider-thumb {\n        border-color: ${n};\n        color: ${n};\n      }\n    `}}
   [data-theme='marryBaby'] & {
     ${e=>{const n=e.color||e.theme.mbColors.pink;return`\n        .mantine-Slider-bar {\n          background-color: ${n};\n        }\n        .mantine-Slider-thumb {\n          border-color: ${n};\n          color: ${n};\n        }\n      `}}

package/build/esm/{index-5392909e.js → index-adca721c.js}

@@ -1,4 +1,4 @@
-import{M as t}from"./utils-f6d61056.js";import e from"styled-components";import o,{memo as a,useMemo as s}from"react";import{CommonGAssets as h}from"./gAssets.js";import{L as l}from"./Locale-d143219c.js";const r=e.div`
+import{M as t}from"./utils-548f0f14.js";import e from"styled-components";import o,{memo as a,useMemo as s}from"react";import{CommonGAssets as h}from"./gAssets.js";import{L as l}from"./Locale-89a516c2.js";const r=e.div`
   position: relative;
   display: inline-flex;
   align-items: center;
@@ -90,4 +90,4 @@ import{M as t}from"./utils-f6d61056.js";import e from"styled-components";import
   width: unset;
   margin-bottom: 4px;
   margin-left: -3px;
-`,i=a((({type:t,width:e,height:a})=>{const l=s((()=>{switch(t){case"hellobacsi":return{width:e||"107px",height:a||"24px",src:h.getAssetPath("logo/hellobacsi.png")};case"hellodoktor":return{width:e||"127px",height:a||"24px",src:h.getAssetPath("logo/hellodoktor.png")};case"hellosehat":return{width:e||"121px",height:a||"27px",src:h.getAssetPath("logo/hellosehat.png")};case"hellohealth":return{width:e||"123px",height:a||"24px",src:h.getAssetPath("logo/hellohealth.png")};case"hellotogether":return{width:e||"150px",height:a||"24px",src:h.getAssetPath("logo/hellotogether.png")};case"hellocare":return{width:e||"99px",height:a||"24px",src:h.getAssetPath("logo/hellocare.png")};case"hellodoctor":return{width:e||"127px",height:a||"24px",src:h.getAssetPath("logo/hellodoctor.png")};case"hellokrupet":return{width:e||"101px",height:a||"24px",src:h.getAssetPath("logo/hellokrupet.png")};case"hellosayarwon":return{width:e||"111px",height:a||"24px",src:h.getAssetPath("logo/hellosayarwon.png")};case"helloyishi":return{width:e||"89px",height:a||"24px",src:h.getAssetPath("logo/helloyishi.png")};case"hellokhunmor":return{width:e||"123px",height:a||"24px",src:h.getAssetPath("logo/hellokhunmor.png")};case"helloswasthya":return{width:e||"105px",height:a||"24px",src:h.getAssetPath("logo/helloswasthya.png")};case"logomark":return{width:e||"60px",height:a||"57px",src:h.getAssetPath("logo/logomark.png")};case"marryBaby":return{width:e||"145px",height:a||"28px",src:h.getAssetPath("logo/marrybaby.png")};default:return null}}),[t,e,a]),{src:r,width:g,height:i}=l||{};return o.createElement("img",{className:"main-logo-icon",src:r,style:{width:g,height:i}})})),n=t=>{const e=t.getDate();return 11===t.getMonth()&&e>=16&&e<=25},p={2023:[22,0],2024:[10,1],2025:[29,0],2026:[17,1],2027:[6,1],2028:[26,0],2029:[13,1],2030:[3,1],2031:[23,0],2032:[11,1],2033:[31,0],2034:[19,1],2035:[8,1],2036:[28,0],2037:[15,1],2038:[4,1],2039:[24,0],2040:[12,1]},c=[l.Vietnam,l.Taiwan,l.Indonesia,l.Malaysia],d=t=>{const e=t.getFullYear(),o=p[e];if(!o)return!1;const a=new Date(e,o[1],o[0]),s=new Date(a);s.setDate(a.getDate()-7);const h=new Date(a);return h.setDate(a.getDate()+5),s<=t&&t<=h},m=t=>{const e=t.getDate(),o=t.getMonth();return 11===o&&e>=26||0===o&&e<=15};var x="d76E4SH";const u=({children:t,className:e,style:a,type:s})=>o.createElement("div",{className:`${x} ${e||""}`,style:a,"data-type":s},t);export{u as C,c as L,r as S,d as a,m as b,i as c,g as d,n as i};
+`,i=a((({type:t,width:e,height:a})=>{const l=s((()=>{switch(t){case"hellobacsi":return{width:e||"107px",height:a||"24px",src:h.getAssetPath("logo/hellobacsi.png")};case"hellodoktor":return{width:e||"127px",height:a||"24px",src:h.getAssetPath("logo/hellodoktor.png")};case"hellosehat":return{width:e||"121px",height:a||"27px",src:h.getAssetPath("logo/hellosehat.png")};case"hellohealth":return{width:e||"123px",height:a||"24px",src:h.getAssetPath("logo/hellohealth.png")};case"hellotogether":return{width:e||"150px",height:a||"24px",src:h.getAssetPath("logo/hellotogether.png")};case"hellocare":return{width:e||"99px",height:a||"24px",src:h.getAssetPath("logo/hellocare.png")};case"hellodoctor":return{width:e||"127px",height:a||"24px",src:h.getAssetPath("logo/hellodoctor.png")};case"hellokrupet":return{width:e||"101px",height:a||"24px",src:h.getAssetPath("logo/hellokrupet.png")};case"hellosayarwon":return{width:e||"111px",height:a||"24px",src:h.getAssetPath("logo/hellosayarwon.png")};case"helloyishi":return{width:e||"89px",height:a||"24px",src:h.getAssetPath("logo/helloyishi.png")};case"hellokhunmor":return{width:e||"123px",height:a||"24px",src:h.getAssetPath("logo/hellokhunmor.png")};case"helloswasthya":return{width:e||"105px",height:a||"24px",src:h.getAssetPath("logo/helloswasthya.png")};case"logomark":return{width:e||"60px",height:a||"57px",src:h.getAssetPath("logo/logomark.png")};case"marryBaby":return{width:e||"145px",height:a||"28px",src:h.getAssetPath("logo/marrybaby.png")};default:return null}}),[t,e,a]),{src:r,width:g,height:i}=l||{};return o.createElement("img",{className:"main-logo-icon",src:r,style:{width:g,height:i}})})),n=t=>{const e=t.getDate();return 11===t.getMonth()&&e>=16&&e<=25},p={2023:[22,0],2024:[10,1],2025:[29,0],2026:[17,1],2027:[6,1],2028:[26,0],2029:[13,1],2030:[3,1],2031:[23,0],2032:[11,1],2033:[31,0],2034:[19,1],2035:[8,1],2036:[28,0],2037:[15,1],2038:[4,1],2039:[24,0],2040:[12,1]},c=[l.Vietnam,l.Taiwan,l.Indonesia,l.Malaysia],m=t=>{const e=t.getFullYear(),o=p[e];if(!o)return!1;const a=new Date(e,o[1],o[0]),s=new Date(a);s.setDate(a.getDate()-7);const h=new Date(a);return h.setDate(a.getDate()+5),s<=t&&t<=h},d=t=>{const e=t.getDate(),o=t.getMonth();return 11===o&&e>=26||0===o&&e<=15};var x="d76E4SH";const u=({children:t,className:e,style:a,type:s})=>o.createElement("div",{className:`${x} ${e||""}`,style:a,"data-type":s},t);export{u as C,c as L,r as S,m as a,d as b,i as c,g as d,n as i};

package/build/esm/index-b1a5dd44.js

@@ -0,0 +1,67 @@
+import{_ as e,a as t}from"./tslib.es6-705284c1.js";import n,{forwardRef as a,useState as r,useEffect as o,Component as s,useRef as i,useCallback as l,useImperativeHandle as c}from"react";import{P as u,a as d,I as m,b as p,c as g,M as h,d as f,T as y,V as b,C as v}from"./Vietnam-6d4f1d52.js";import{s as j,I as C}from"./index-16720c7f.js";import{Image as E,Textarea as k,Accordion as x,Indicator as w,Avatar as S,Checkbox as I,Radio as P,Flex as A}from"@mantine/core";import{CommonGAssets as O}from"./gAssets.js";import{DatePicker as D,DateRangePicker as N}from"@mantine/dates";import z,{css as T}from"styled-components";import M from"dayjs";import"./screenSizeContext-b58c84a6.js";import{t as R}from"./theme-b9fb7ab3.js";import"./utils-548f0f14.js";import"./isProduction-4ba8eec6.js";import{L as $}from"./Locale-89a516c2.js";import{Carousel as F}from"@mantine/carousel";import{c as V}from"./index-96665a2d.js";
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/var L=V((function(e){!function(){var t={}.hasOwnProperty;function n(){for(var e=[],a=0;a<arguments.length;a++){var r=arguments[a];if(r){var o=typeof r;if("string"===o||"number"===o)e.push(r);else if(Array.isArray(r)){if(r.length){var s=n.apply(null,r);s&&e.push(s)}}else if("object"===o){if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]")){e.push(r.toString());continue}for(var i in r)t.call(r,i)&&r[i]&&e.push(i)}}}return e.join(" ")}e.exports?(n.default=n,e.exports=n):window.classNames=n}()}));const B=Object.values(j).reduce(((e,{phoneCountry:t})=>(e.includes(t)||e.push(t),e)),[]),W={PH:u,KH:d,ID:m,IN:p,MM:g,MY:h,TH:f,TW:y,VN:b};var U={phoneInput:"i-9Ibox",error:"YDWHh9b"};const G=a(((a,s)=>{const{isError:i,defaultCountry:l,countries:c=B,countryCallingCodeEditable:u=!1,defaultValue:d,value:m,onChange:p,className:g}=a,h=e(a,["isError","defaultCountry","countries","countryCallingCodeEditable","defaultValue","value","onChange","className"]),[f,y]=r(d||m),[b,j]=r(null);return o((()=>{y(m)}),[m]),o((()=>{t(void 0,void 0,void 0,(function*(){const e=yield import("react-phone-number-input");j(e)}))}),[]),b?n.createElement(b.default,Object.assign({ref:s,value:f,onChange:e=>{y(e),null==p||p(e)},countries:c,defaultCountry:l,countryCallingCodeEditable:u,className:L(U.phoneInput,{isError:i,[U.error]:i},g),flagUrl:void 0,flagComponent:t=>{const{country:a,countryName:r,flagUrl:o}=t,s=e(t,["country","countryName","flagUrl"]),i=W[a],l=a?`(+${b.getCountryCallingCode(a)})`:"";return i?n.createElement(n.Fragment,null,n.createElement(i,Object.assign({title:r},s)),n.createElement("span",{className:L(U.callingCode,"PhoneInputCountryIconCallingCode")},l)):n.createElement(n.Fragment,null)},countrySelectProps:{arrowComponent:()=>n.createElement("div",{className:L(U.arrowSelect,"PhoneInputArrowContainer")},n.createElement(v,null))}},h)):null})),H=z(D)`
+  position: relative;
+  ${e=>e.fullWidth&&T`
+      .mantine-DatePicker-dropdown {
+        min-width: 100%;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+      }
+    `}
+`,Y=z(N)`
+  position: relative;
+  ${e=>e.fullWidth&&T`
+      .mantine-DateRangePicker-dropdown {
+        min-width: 100%;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+      }
+    `}
+`,K=e=>n.createElement(H,Object.assign({size:"md",clearable:!1,fullWidth:!0,styles:{rightSection:{pointerEvents:"none",cursor:"default"}},rightSection:n.createElement(E,{src:O.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},e));K.Range=e=>n.createElement(Y,Object.assign({size:"md",clearable:!1,fullWidth:!0,styles:{rightSection:{pointerEvents:"none",cursor:"default"}},rightSection:n.createElement(E,{src:O.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},e));const _=z(k)`
+  .mantine-Textarea-input {
+    padding: 12px 16px;
+    background: #ffffff;
+    border: 1px solid ${R.colors.gray200};
+    border-radius: 4px;
+  }
+`,Q=z(x)`
+  .mantine-Accordion-control {
+    &:hover {
+      background-color: transparent;
+    }
+  }
+  .mantine-Accordion-item {
+    .mantine-Accordion-chevron {
+      > div {
+        background-repeat: no-repeat;
+        width: 16px;
+        height: 16px;
+        background-position: center;
+        background-image: url(${e=>e.closeChevron||O.getAssetPath("plus-icon.svg")});
+      }
+    }
+    &[data-active='true'] {
+      .mantine-Accordion-chevron {
+        > div {
+          background-image: url(${e=>e.openChevron||O.getAssetPath("minus-icon.svg")});
+        }
+      }
+    }
+  }
+  .mantine-Accordion-panel {
+    border-radius: 6px;
+  }
+  .mantine-Accordion-content {
+    white-space: pre-wrap;
+  }
+`,q=t=>{var{children:a}=t,r=e(t,["children"]);return n.createElement(Q,Object.assign({chevron:n.createElement("div",null),disableChevronRotation:!0,transitionDuration:300},r),a)};q.Control=x.Control,q.Item=x.Item,q.Panel=x.Panel;const J=O.getAssetPath("avatar.jpg"),X=t=>{var{withIndicator:a=!1,indicatorConfig:r=null,size:o=56,children:s,styles:i}=t,l=e(t,["withIndicator","indicatorConfig","size","children","styles"]);const c=()=>n.createElement(S,Object.assign({size:o,radius:"xl"},l,{imageProps:Object.assign({loading:"lazy"},l.imageProps)}),s||n.createElement("img",{loading:"lazy",src:J,width:o}));return a?n.createElement(w,Object.assign({inline:!0,position:"bottom-end",offset:9},r,{styles:Object.assign({indicator:{backgroundColor:n.isValidElement(r.label)&&"transparent",zIndex:1}},i)}),c()):c()};class Z extends s{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(e,t){console.error("Uncaught error:",e,t)}render(){return this.state.hasError?this.props.fallback||n.createElement(n.Fragment,null):this.props.children}}const ee=t=>{var{slidesToShow:a=1,children:r}=t,o=e(t,["slidesToShow","children"]);return(Array.isArray(r)?r.length:1)?n.createElement(Z,null,n.createElement(F,Object.assign({slideSize:String(Math.floor(1/a*100))+"%",containScroll:"trimSnaps"},o),r)):null};ee.Slide=F.Slide;const te=e=>n.createElement(I,Object.assign({},e));te.Group=I.Group;const ne=z(P)`
+  .mantine-Radio-icon {
+    color: ${e=>e.color||R.colors.primaryBase};
+  }
+`,ae=e=>n.createElement(ne,Object.assign({size:"sm"},e));ae.Group=P.Group;const re={[$.Vietnam]:"vi",[$.Cambodia]:"km",[$.India]:"hi",[$.Indonesia]:"id",[$.Malaysia]:"ms",[$.Thailand]:"th",[$.Taiwan]:"zh-tw",[$.PhilippinesTagalog]:"tl-ph",[$.PhilippinesEnglish]:"en",[$.Myanmar]:"my"},oe={[$.Vietnam]:()=>import("dayjs/locale/vi.js"),[$.Cambodia]:()=>import("dayjs/locale/km.js"),[$.India]:()=>import("dayjs/locale/hi.js"),[$.Indonesia]:()=>import("dayjs/locale/id.js"),[$.Malaysia]:()=>import("dayjs/locale/ms.js"),[$.Thailand]:()=>import("dayjs/locale/th.js"),[$.Taiwan]:()=>import("dayjs/locale/zh-tw.js"),[$.PhilippinesTagalog]:()=>import("dayjs/locale/tl-ph.js"),[$.PhilippinesEnglish]:()=>import("dayjs/locale/en.js"),[$.Myanmar]:()=>import("dayjs/locale/my.js")},se=e=>{o((()=>{var t;null===(t=oe[e])||void 0===t||t.call(oe),M.locale(re[e])}),[e])},ie={"&:hover":{borderColor:`${R.colors.blue200}`,boxShadow:`0 0 2px 2px ${R.colors.blue200}`}},le=e=>({datesLocale:re[e],dateFormat:C[e].dateFormat,fontFamily:e===$.Cambodia?"Battambang,":"Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI',\n      Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",components:{InputWrapper:{styles:{label:{marginBottom:"0.375rem"},error:{marginTop:"0.375rem"}}},NumberInput:{defaultProps:{decimalSeparator:C[e].separator}},Input:{styles:{input:{borderRadius:"6px",transition:"all 100ms ease-in-out","&:hover, &:focus":{borderColor:`${R.colors.blue200}`,boxShadow:`0 0 2px 2px ${R.colors.blue200}`}},invalid:{color:"#000"}}},Checkbox:{styles:{input:ie}},Radio:{styles:{radio:Object.assign(Object.assign({backgroundColor:"#ffffff"},ie),{"&:checked":{backgroundColor:"#ffffff"}})}}}});function ce(e,t=6){const n=new Array(t).fill("");if(e){const t=e.toString().split("");n.map(((e,a)=>{t[a]&&(n[a]=t[a]||"")}))}return n}function ue(e){return e.join("")}var de="_2iQs0sk",me="Ia6IojY";const pe=a(((t,a)=>{const{maxLength:r=1,placeholder:o,className:s}=t,i=e(t,["maxLength","placeholder","className"]);return n.createElement("input",Object.assign({maxLength:r,className:L(me,"otpInput",s),placeholder:o,type:"number"},i,{ref:a}))})),ge=a(((e,t)=>{const{valueLength:a=6,type:s="number",value:u,defaultValue:d,onChange:m,onBlur:p}=e,g=i(new Array(a).fill(null)),[h,f]=r(d||u),[y,b]=r(-1),[v,j]=r((()=>ce(h,a))),C=l((()=>{if(-1===y)return;const e=g.current[y];if(e){e.value="";const t=v;t[y]="",j(t),f((()=>ue(t))),null==m||m(ue(t))}}),[y,m,v]),E=l((()=>{if(0===y)return;const e=g.current[y];e&&e.blur();const t=g.current[y-1];t&&t.focus()}),[y]),k=l((()=>{if(y===a-1)return;const e=g.current[y];e&&e.blur();const t=g.current[y+1];t&&t.focus()}),[y,a]),x=l((e=>{const t=e.target,n=t.value.toString().slice(0,1),a=g.current.findIndex((e=>e===t));if(-1!==a){const e=v;e[a]=n,j(e),f((()=>ue(e))),null==m||m(ue(e))}k()}),[k,m,v]),w=l((e=>{const t=e.target,n=g.current.findIndex((e=>e===t));"number"===s?t.select():t.setSelectionRange(0,t.value.length,"backward"),-1!==n&&b(n)}),[]),S=l((e=>{const t=ce(e.clipboardData.getData("text/plain"),a),n=ue(t);j(t),f(n),null==m||m(n)}),[m,s,a]),I=l((e=>{8===e.keyCode||"Backspace"===e.key?(e.preventDefault(),C(),E()):46===e.keyCode||"Delete"===e.key?(e.preventDefault(),C()):37===e.keyCode||"ArrowLeft"===e.key?(e.preventDefault(),E()):39===e.keyCode||"ArrowRight"===e.key?(e.preventDefault(),k()):32!==e.keyCode&&" "!==e.key&&"Spacebar"!==e.key&&"Space"!==e.key||e.preventDefault()}),[C,k,E]);return c(t,(()=>g.current[0]),[]),o((()=>{j((()=>ce(u,a))),f(u)}),[a,u]),n.createElement(A,{justify:"center",columnGap:8,className:L(de,"otpContainer")},v.map(((e,t)=>n.createElement(pe,{ref:e=>{g.current[t]=e},key:""+t,value:e,type:s,onChange:x,onFocus:w,onKeyDown:I,onPaste:S,onBlur:p}))))}));export{q as A,ee as C,K as D,re as M,ge as O,G as P,ae as R,_ as S,X as a,te as b,le as g,se as u};

package/build/esm/{index-ba12eba6.js → index-b93155a1.js}

@@ -1 +1 @@
-import{_ as e}from"./tslib.es6-b1c5b9b7.js";import t from"react";import{Autocomplete as r,Image as s,Select as o}from"@mantine/core";import{CommonGAssets as n}from"./gAssets.js";const c=c=>{var{keepSearch:a=!1}=c,i=e(c,["keepSearch"]);return a?t.createElement(r,Object.assign({rightSection:t.createElement(s,{src:n.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},i)):t.createElement(o,Object.assign({rightSection:t.createElement(s,{src:n.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},i))};export{c as S};
+import{_ as e}from"./tslib.es6-705284c1.js";import t from"react";import{Autocomplete as r,Image as s,Select as o}from"@mantine/core";import{CommonGAssets as n}from"./gAssets.js";const c=c=>{var{keepSearch:a=!1}=c,i=e(c,["keepSearch"]);return a?t.createElement(r,Object.assign({rightSection:t.createElement(s,{src:n.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},i)):t.createElement(o,Object.assign({rightSection:t.createElement(s,{src:n.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},i))};export{c as S};

package/build/esm/{index-0f3c172b.js → index-ca9e7230.js}

@@ -1 +1 @@
-import{_ as e}from"./tslib.es6-b1c5b9b7.js";import t from"react";import{S as s,a}from"./index.styled-200bbdd6.js";const r=a=>{var{type:r,color:l,style:o}=a,c=e(a,["type","color","style"]);return t.createElement(s,Object.assign({type:r,"data-type":{h1:"headline-1",h2:"headline-2",h3:"headline-3",h4:"headline-4"}[r],style:Object.assign(Object.assign({},l&&{"--text-color":l}),o)},c))},l=s=>{var{type:r,color:l,style:o}=s,c=e(s,["type","color","style"]);return t.createElement(a,Object.assign({"data-type":r,style:Object.assign(Object.assign({},o),l&&{"--text-color":l})},c))};export{l as M,r as a};
+import{_ as e}from"./tslib.es6-705284c1.js";import t from"react";import{S as s,a}from"./index.styled-9cd1668b.js";const r=a=>{var{type:r,color:l,style:o}=a,c=e(a,["type","color","style"]);return t.createElement(s,Object.assign({type:r,"data-type":{h1:"headline-1",h2:"headline-2",h3:"headline-3",h4:"headline-4"}[r],style:Object.assign(Object.assign({},l&&{"--text-color":l}),o)},c))},l=s=>{var{type:r,color:l,style:o}=s,c=e(s,["type","color","style"]);return t.createElement(a,Object.assign({"data-type":r,style:Object.assign(Object.assign({},o),l&&{"--text-color":l})},c))};export{l as M,r as a};