@hhgtech/hhg-components 1.24.0 → 1.24.1

package/build/esm/{index-cb50aeb8.js → index-8ac39655.js}

@@ -1,4 +1,4 @@
-import{_ as e,a as o}from"./tslib.es6-0039c19c.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-6b6e612e.js";import{B as g}from"./index-f98bb958.js";import"./gAssets.js";import"./index.styled-7f0b774b.js";import{c as b}from"./index-05542543.js";import{M as u}from"./utils-7ce226e8.js";import{t as h}from"./theme-a631c5ab.js";import{Container as f,Input as E}from"@mantine/core";import"./index.styled-2465841d.js";import{u as y}from"./useTranslations-7f736d5f.js";import"./index-87ee0d76.js";import"lodash/debounce";import"./isProduction-fab10892.js";import{L as x}from"./index-d02e0f58.js";import"dayjs";import"./screenSizeContext-b29efdb0.js";import v from"styled-components";import{L as P}from"./Locale-00425d00.js";import"./translationsContext-fc21efad.js";import"string-format";import{T as w}from"./index-7b6296d5.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-9d45815e.js";import*as T from"yup";import N from"lodash/throttle";import{P as I}from"./index-150d757e.js";import"./index-c9e0a1b5.js";import{format as L}from"date-fns";import{V as B}from"./Visible-7eca30b5.js";const z=t({}),F=v.div``,$=v(w)`
+import{_ as e,a as o}from"./tslib.es6-e6984c5f.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-eb9a30ff.js";import{B as g}from"./index-4eb88489.js";import"./gAssets.js";import"./index.styled-af5a2e07.js";import{c as u}from"./index-b481678f.js";import{M as b}from"./utils-c130d8f6.js";import{t as h}from"./theme-edbfe442.js";import{Container as f,Input as E}from"@mantine/core";import"./index.styled-4ef98cc4.js";import{u as y}from"./useTranslations-d02f4329.js";import"./index-84071993.js";import"lodash/debounce";import"./isProduction-937b1921.js";import{L as x}from"./index-0e8e0874.js";import"dayjs";import"./screenSizeContext-a975a186.js";import v from"styled-components";import{L as P}from"./Locale-73a0c17a.js";import"./translationsContext-e93e467d.js";import"string-format";import{T as w}from"./index-8d2eb329.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-dc1d887f.js";import*as T from"yup";import N from"lodash/throttle";import{P as I}from"./index-57567d62.js";import"./index-10a20430.js";import{format as L}from"date-fns";import{V as B}from"./Visible-93954133.js";const z=t({}),F=v.div``,$=v(w)`
   margin-top: 8px;
 `,D=v.div`
   margin-top: 70px;
@@ -18,7 +18,7 @@ import{_ as e,a as o}from"./tslib.es6-0039c19c.js";import n,{createContext as t,
   .header {
     margin-bottom: 32px;
     text-align: center;
-    ${u.mbDown} {
+    ${b.mbDown} {
       margin-bottom: 16px;
     }
   }
@@ -62,11 +62,11 @@ import{_ as e,a as o}from"./tslib.es6-0039c19c.js";import n,{createContext as t,
   }
 `,U=v.img`
   margin-bottom: 38px;
-`,q=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(U,{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))},R=e=>T.object().shape({phone:T.string().required(e("onboarding.updatePhone.error")).default("")}),A=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(q)`
+`,q=o=>{var t,{heading:i,description:a,children:s,className:l,imgSrc:d}=o,m=e(o,["heading","description","children","className","imgSrc"]);const{isMarryBaby:c,siteType:g}=r(z);return n.createElement(V,Object.assign({},m,{className:`hhg-comp-onboarding-container ${l}`,size:"sm"}),n.createElement(u,{type:c?g:(null===(t=x[process.env.UNIFY_LOCALE])||void 0===t?void 0:t.LOGO_TYPE)||"hellobacsi"}),n.createElement(D,null,d&&n.createElement(U,{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))},R=e=>T.object().shape({phone:T.string().required(e("onboarding.updatePhone.error")).default("")}),A=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(q)`
   .phone-input {
     width: 100%;
     margin-bottom: 32px;
-    ${u.mbDown} {
+    ${b.mbDown} {
       margin-bottom: 16px;
     }
     .PhoneInput {
@@ -82,7 +82,7 @@ import{_ as e,a as o}from"./tslib.es6-0039c19c.js";import n,{createContext as t,
 `,Y={[P.Vietnam]:"VN",[P.Cambodia]:"KH",[P.Indonesia]:"ID",[P.Malaysia]:"MY",[P.PhilippinesEnglish]:"PH",[P.PhilippinesTagalog]:"PH",[P.Taiwan]:"TW",[P.Thailand]:"TH",[P.Myanmar]:"MM"},Z=({onClose:e,onSubmit:t,canSkip:r=!0,customFormTexts:i})=>{const{t:a}=y(),s=S({initialValues:{phone:""},validate:j(R(a))});return n.createElement(W,{heading:(null==i?void 0:i.heading)||a("onboarding.updatePhone.heading"),description:(null==i?void 0:i.description)||a("onboarding.updatePhone.description")},n.createElement("form",{onSubmit:s.onSubmit((e=>o(void 0,void 0,void 0,(function*(){t(e.phone)}))),(e=>{console.log(e)}))},n.createElement("div",{className:"phone-input"},n.createElement(k,Object.assign({defaultCountry:Y[process.env.UNIFY_LOCALE]||"VN"},s.getInputProps("phone"))),n.createElement(E.Error,null,s.errors.phone)),n.createElement(g,{color:"primary",isBlock:!0,size:"lg",type:"submit","data-event-category":"Sign Up","data-event-action":"Update Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},a("onboarding.button.continue")),r&&n.createElement(g,{color:"ghost",isBlock:!0,size:"lg",onClick:e,type:"button"},a("onboarding.button.skip"))))};P.Vietnam,P.Cambodia,P.Indonesia,P.Malaysia,P.PhilippinesEnglish,P.PhilippinesTagalog,P.Taiwan,P.Thailand,P.Myanmar;const G=(e="")=>{const o=e.indexOf("@"),n=e.substring(0,o),t=n.length>3?3:n.length;return e.replace(e.substring(t,o),e.slice(t,o).replace(/./g,"x"))},K=v(q)`
   .otp-input {
     margin-bottom: 36px;
-    ${u.mbDown} {
+    ${b.mbDown} {
       margin-bottom: 20px;
     }
     .otpContainer {
@@ -93,7 +93,7 @@ import{_ as e,a as o}from"./tslib.es6-0039c19c.js";import n,{createContext as t,
     display: flex;
     gap: 6px;
     margin-bottom: 32px;
-    ${u.mbDown} {
+    ${b.mbDown} {
       margin-bottom: 16px;
     }
     a {
@@ -112,7 +112,7 @@ import{_ as e,a as o}from"./tslib.es6-0039c19c.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),I=m((()=>T((e=>e-1))),1e3),[L,B]=c(0,{min:0,max:3}),F=a(!0),{t:$}=y();s((()=>(I.start(),I.stop)),[]),s((()=>{0===M&&(I.stop(),F.current=!1)}),[M]);const D=S({initialValues:{otp:""},validate:j(A($))});s((()=>{b&&D.setFieldError("otp",b)}),[b]);const V=l((()=>N((()=>{F.current||(B.increment(),T(30),null==p||p(t||d),I.start(),F.current=!0)}),1e3,{trailing:!1})),[t,d,p,I]);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*(){B.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&&L>=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}=y(),{siteType:m}=r(z),c=S({validate:j(H(d))});return s((()=>{c.setValues(Object.assign(Object.assign({gender:"0"},l),(null==l?void 0:l.birthday)&&{birthday:new Date(l.birthday)}))}),[l]),s((()=>{a&&c.setFieldError("email",a)}),[a]),n.createElement(q,{heading:d("onboarding.formEmail.heading"),description:d("onboarding.formEmail.description")},n.createElement("form",{className:"form",onSubmit:c.onSubmit((e=>{o(Object.assign(Object.assign({},e),{birthday:e.birthday&&L(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({},c.getInputProps("name"))),n.createElement(E.Error,{className:"field-error"},c.errors.name)),n.createElement(E.Wrapper,{label:d("onboarding.formEmail.yourEmail"),className:"input-control",withAsterisk:!0},n.createElement(E,Object.assign({},c.getInputProps("email"))),n.createElement(E.Error,{className:"field-error"},c.errors.email)),n.createElement(O,Object.assign({className:"input-control",label:d("onboarding.formEmail.yourBirthday")},c.getInputProps("birthday"))),n.createElement(M.Group,{value:c.values.gender,onChange:e=>c.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(q,{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(I,Object.assign({label:a("onboarding.updatePassword.password"),withAsterisk:!0,rightSection:n.createElement(B,null)},s.getInputProps("password"))),n.createElement(I,Object.assign({label:a("onboarding.updatePassword.confirmPassword"),withAsterisk:!0,rightSection:n.createElement(B,null)},s.getInputProps("confirmPassword"))),n.createElement(g,{color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:i,disabled:i},a("onboarding.button.continue")),t&&n.createElement(g,{color:"ghost",isBlock:!0,size:"lg",onClick:e},a("onboarding.button.skip")),r&&n.createElement(E.Error,{className:"form-error"},r)))},ee=v.div`
+`,J=({onSubmit:e,phone:t,email:d,onResendCode:p,otpError:u,onClose:b,loading:f,onBack:x,canSkip:v,outOfEdit:P})=>{const{siteType:k,isMarryBaby:O}=r(z),[M,T]=i(30),I=m((()=>T((e=>e-1))),1e3),[L,B]=c(0,{min:0,max:3}),F=a(!0),{t:$}=y();s((()=>(I.start(),I.stop)),[]),s((()=>{0===M&&(I.stop(),F.current=!1)}),[M]);const D=S({initialValues:{otp:""},validate:j(A($))});s((()=>{u&&D.setFieldError("otp",u)}),[u]);const V=l((()=>N((()=>{F.current||(B.increment(),T(30),null==p||p(t||d),I.start(),F.current=!0)}),1e3,{trailing:!1})),[t,d,p,I]);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*(){B.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&&L>=3&&n.createElement(g,{theme:k,color:"ghost",isBlock:!0,size:"lg",onClick:b,type:"button"},$("onboarding.button.skip"))))},Q=({onClose:e,onSubmit:o,canSkip:t,loading:i,errorMessage:a,initialData:l})=>{const{t:d}=y(),{siteType:m}=r(z),c=S({validate:j(H(d))});return s((()=>{c.setValues(Object.assign(Object.assign({gender:"0"},l),(null==l?void 0:l.birthday)&&{birthday:new Date(l.birthday)}))}),[l]),s((()=>{a&&c.setFieldError("email",a)}),[a]),n.createElement(q,{heading:d("onboarding.formEmail.heading"),description:d("onboarding.formEmail.description")},n.createElement("form",{className:"form",onSubmit:c.onSubmit((e=>{o(Object.assign(Object.assign({},e),{birthday:e.birthday&&L(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({},c.getInputProps("name"))),n.createElement(E.Error,{className:"field-error"},c.errors.name)),n.createElement(E.Wrapper,{label:d("onboarding.formEmail.yourEmail"),className:"input-control",withAsterisk:!0},n.createElement(E,Object.assign({},c.getInputProps("email"))),n.createElement(E.Error,{className:"field-error"},c.errors.email)),n.createElement(O,Object.assign({className:"input-control",label:d("onboarding.formEmail.yourBirthday")},c.getInputProps("birthday"))),n.createElement(M.Group,{value:c.values.gender,onChange:e=>c.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(q,{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(I,Object.assign({label:a("onboarding.updatePassword.password"),withAsterisk:!0,rightSection:n.createElement(B,null)},s.getInputProps("password"))),n.createElement(I,Object.assign({label:a("onboarding.updatePassword.confirmPassword"),withAsterisk:!0,rightSection:n.createElement(B,null)},s.getInputProps("confirmPassword"))),n.createElement(g,{color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:i,disabled:i},a("onboarding.button.continue")),t&&n.createElement(g,{color:"ghost",isBlock:!0,size:"lg",onClick:e},a("onboarding.button.skip")),r&&n.createElement(E.Error,{className:"form-error"},r)))},ee=v.div`
   position: fixed;
   top: 0;
   left: 0;
@@ -123,7 +123,7 @@ import{_ as e,a as o}from"./tslib.es6-0039c19c.js";import n,{createContext as t,
   overflow-y: auto;
 `,oe=v.div`
   height: 100%;
-  ${u.lgPcUp} {
+  ${b.lgPcUp} {
     display: table;
     width: 100%;
     height: calc(100% - 25px);
@@ -131,7 +131,7 @@ import{_ as e,a as o}from"./tslib.es6-0039c19c.js";import n,{createContext as t,
 `,ne=v.div`
   padding: 48px 24px 24px;
 
-  ${u.lgPcUp} {
+  ${b.lgPcUp} {
     display: table-cell;
 
     &[data-has-banner='true'] {
@@ -143,7 +143,7 @@ import{_ as e,a as o}from"./tslib.es6-0039c19c.js";import n,{createContext as t,
   padding: 16px 16px 0 16px;
   display: none;
 
-  ${u.lgPcUp} {
+  ${b.lgPcUp} {
     width: 640px;
     display: table-cell;
   }
@@ -167,4 +167,4 @@ import{_ as e,a as o}from"./tslib.es6-0039c19c.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(),[I,L]=i(l||s[0]),[B,F]=i(""),[$,D]=i(""),[V,U]=c(0,{min:0,max:2}),R=d((()=>{const e=s.indexOf(I)+1;e<=s.length-1&&L(s[e])}),[I]),A=d((()=>{const e=s.indexOf(I)-1;e>=0&&L(s[e])}),[I]),H=e=>o(void 0,void 0,void 0,(function*(){try{!(yield p(e))&&R()}catch(e){console.error(e)}})),_=()=>{V>=2||(U.increment(),A())},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},I===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),R()}catch(e){console.error(e)}})),customFormTexts:j.onboarding}),I===me.OTP&&n.createElement(J,{onClose:r,onSubmit:H,phone:B,onResendCode:f,otpError:E,loading:S,canSkip:a,onBack:_,outOfEdit:V>=2}),I===me.OTPEmail&&n.createElement(J,{onClose:r,onSubmit:H,onResendCode:f,otpError:E,loading:S,canSkip:a,onBack:_,outOfEdit:V>=2,email:$}),I===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))&&R()}catch(e){console.error(e)}})),errorMessage:x,loading:P}),I===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&&R()}catch(e){console.error(e)}})),errorMessage:v,loading:w}),I===me.Result&&n.createElement(q,Object.assign({},O),n.createElement(g,{theme:M,size:"lg",onClick:r,className:"form-button"},N("onboarding.button.continue")))),"object"==typeof C&&n.createElement(te,null,n.createElement(re,{"data-is-marry-baby":W},n.createElement(ie,null,(null==C?void 0:C.heading)&&n.createElement(ae,{tag:"h1"},null==C?void 0:C.heading),(null==C?void 0:C.description)&&n.createElement(se,{size:"p1",color:h.colors.gray800},N("onboarding.welcomeScreen.content"))),(null==C?void 0:C.imgSrc)&&n.createElement(de,null,n.createElement(le,{src:null==C?void 0:C.imgSrc,loading:"lazy"}))))):"Incorrect flow"))};export{Y as M,ce as O,me as a,Z as b,J as c};
+`,de=v.div``;var me;!function(e){e[e.Phone=0]="Phone",e[e.OTP=1]="OTP",e[e.OTPEmail=2]="OTPEmail",e[e.PersonalInfo=3]="PersonalInfo",e[e.UpdatePassword=4]="UpdatePassword",e[e.Result=5]="Result"}(me||(me={}));const ce=t=>{var{onClose:r,canSkip:a,flow:s=[me.Phone,me.OTP],step:l,onPhoneSubmit:m,onOtpSubmit:p,onPersonalInfoSubmit:u,onCreatePassByEmail:b,onResendCode:f,otpError:E,personalInfoError:x,createPassError:v,emailLoading:P,createPassLoading:w,otpLoading:S,customFormTexts:j,initialData:k,banner:C,resultScreenProps:O,siteType:M}=t,T=e(t,["onClose","canSkip","flow","step","onPhoneSubmit","onOtpSubmit","onPersonalInfoSubmit","onCreatePassByEmail","onResendCode","otpError","personalInfoError","createPassError","emailLoading","createPassLoading","otpLoading","customFormTexts","initialData","banner","resultScreenProps","siteType"]);const{t:N}=y(),[I,L]=i(l||s[0]),[B,F]=i(""),[$,D]=i(""),[V,U]=c(0,{min:0,max:2}),R=d((()=>{const e=s.indexOf(I)+1;e<=s.length-1&&L(s[e])}),[I]),A=d((()=>{const e=s.indexOf(I)-1;e>=0&&L(s[e])}),[I]),H=e=>o(void 0,void 0,void 0,(function*(){try{!(yield p(e))&&R()}catch(e){console.error(e)}})),_=()=>{V>=2||(U.increment(),A())},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},I===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),R()}catch(e){console.error(e)}})),customFormTexts:j.onboarding}),I===me.OTP&&n.createElement(J,{onClose:r,onSubmit:H,phone:B,onResendCode:f,otpError:E,loading:S,canSkip:a,onBack:_,outOfEdit:V>=2}),I===me.OTPEmail&&n.createElement(J,{onClose:r,onSubmit:H,onResendCode:f,otpError:E,loading:S,canSkip:a,onBack:_,outOfEdit:V>=2,email:$}),I===me.PersonalInfo&&n.createElement(Q,{initialData:null==k?void 0:k[me.PersonalInfo],onClose:r,canSkip:a,onSubmit:e=>o(void 0,void 0,void 0,(function*(){try{D((null==e?void 0:e.email)||"");!(yield null==u?void 0:u(e))&&R()}catch(e){console.error(e)}})),errorMessage:x,loading:P}),I===me.UpdatePassword&&n.createElement(X,{onClose:r,canSkip:a,onSubmit:e=>o(void 0,void 0,void 0,(function*(){try{yield null==b?void 0:b(e),!v&&R()}catch(e){console.error(e)}})),errorMessage:v,loading:w}),I===me.Result&&n.createElement(q,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};

package/build/esm/{index-7b6296d5.js → index-8d2eb329.js}

@@ -1 +1 @@
-import{_ as a}from"./tslib.es6-0039c19c.js";import e from"react";var t="wIj6fkD";const s=s=>{var{size:r="base",type:c="regular",className:o,style:n,children:d,color:i,dataEventCategory:l,dataEventAction:p,dataEventLabel:v,as:m="p",wordWrap:y,isUppercase:b}=s,g=a(s,["size","type","className","style","children","color","dataEventCategory","dataEventAction","dataEventLabel","as","wordWrap","isUppercase"]);const E=m;return e.createElement(E,Object.assign({"data-size":r,"data-type":c,style:Object.assign(Object.assign({},n),i?{"--custom-color":i}:void 0),className:`${t} ${o||""}`,"data-event-category":l,"data-event-action":p,"data-event-label":v,"data-word-wrap":y,"data-is-uppercase":b},g),d)};export{s as T};
+import{_ as a}from"./tslib.es6-e6984c5f.js";import e from"react";var t="wIj6fkD";const s=s=>{var{size:r="base",type:c="regular",className:o,style:n,children:d,color:i,dataEventCategory:l,dataEventAction:p,dataEventLabel:v,as:m="p",wordWrap:y,isUppercase:b}=s,g=a(s,["size","type","className","style","children","color","dataEventCategory","dataEventAction","dataEventLabel","as","wordWrap","isUppercase"]);const E=m;return e.createElement(E,Object.assign({"data-size":r,"data-type":c,style:Object.assign(Object.assign({},n),i?{"--custom-color":i}:void 0),className:`${t} ${o||""}`,"data-event-category":l,"data-event-action":p,"data-event-label":v,"data-word-wrap":y,"data-is-uppercase":b},g),d)};export{s as T};

package/build/esm/{index-364770a0.js → index-a04d4c0f.js}

@@ -1 +1 @@
-import{_ as e}from"./tslib.es6-0039c19c.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-e6984c5f.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-05542543.js → index-b481678f.js}

@@ -1,4 +1,4 @@
-import{M as t}from"./utils-7ce226e8.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-00425d00.js";const r=e.div`
+import{M as t}from"./utils-c130d8f6.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-73a0c17a.js";const r=e.div`
   position: relative;
   display: inline-flex;
   align-items: center;

package/build/esm/index-b9ff78fb.js

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

package/build/esm/{index-fe31b09c.js → index-d48263d2.js}

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

package/build/esm/{index-9d45815e.js → index-dc1d887f.js}

@@ -1,4 +1,4 @@
-import*as e from"react";import t,{Component as a,useEffect as n,forwardRef as l,useRef as r,useState as i,useCallback as c,useImperativeHandle as o}from"react";import{Image as m,Textarea as s,Modal as h,Accordion as d,Indicator as p,Avatar as v,Checkbox as f,Radio as g,Flex as u}from"@mantine/core";import{CommonGAssets as E}from"./gAssets.js";import{DatePicker as z,DateRangePicker as w}from"@mantine/dates";import b,{css as M}from"styled-components";import y from"dayjs";import"./screenSizeContext-b29efdb0.js";import{t as x}from"./theme-a631c5ab.js";import{I as j,s as H}from"./index-d02e0f58.js";import"./utils-7ce226e8.js";import"./isProduction-fab10892.js";import{L as k}from"./Locale-00425d00.js";import{_ as C,a as O}from"./tslib.es6-0039c19c.js";import{Carousel as S}from"@mantine/carousel";import{c as L}from"./index-150d757e.js";const P=b(z)`
+import*as e from"react";import t,{Component as a,useEffect as n,forwardRef as l,useRef as r,useState as i,useCallback as c,useImperativeHandle as o}from"react";import{Image as m,Textarea as s,Modal as h,Accordion as d,Indicator as p,Avatar as v,Checkbox as f,Radio as g,Flex as u}from"@mantine/core";import{CommonGAssets as E}from"./gAssets.js";import{DatePicker as z,DateRangePicker as w}from"@mantine/dates";import b,{css as M}from"styled-components";import y from"dayjs";import"./screenSizeContext-a975a186.js";import{t as x}from"./theme-edbfe442.js";import{I as j,s as H}from"./index-0e8e0874.js";import"./utils-c130d8f6.js";import"./isProduction-937b1921.js";import{L as k}from"./Locale-73a0c17a.js";import{_ as C,a as O}from"./tslib.es6-e6984c5f.js";import{Carousel as S}from"@mantine/carousel";import{c as L}from"./index-57567d62.js";const P=b(z)`
   position: relative;
   ${e=>e.fullWidth&&M`
       .mantine-DatePicker-dropdown {