@hhgtech/hhg-components 1.26.28 → 1.26.30

package/build/esm/{utils-aded064e.js → utils-e2529911.js}

@@ -1,10 +1,10 @@
-import"dayjs";import"./screenSizeContext-a2427e7a.js";import e,{createContext as t,useContext as a}from"react";import n from"styled-components";import{t as r}from"./theme-0fb43595.js";import{L as o}from"./index-dbcd16ac.js";import{M as i}from"./utils-a4ed46ff.js";import"./isProduction-461aee9d.js";import{L as s}from"./Onboarding-cef07172.js";import"./gAssets.js";import{_ as p,a as l}from"./tslib.es6-cfa71e01.js";import{createFormContext as m,yupResolver as d}from"@mantine/form";import"./index.styled-87c0a464.js";import{B as c}from"./index-aa7f52aa.js";import{Container as g,Title as u,Input as b}from"@mantine/core";import"./index-36d9257b.js";import{L as h}from"./index-7b76e33e.js";import"./index.styled-377f38fe.js";import{u as f}from"./useTranslations-31ae3cc0.js";import"./index-af9f55a4.js";import{f as x,n as w,e as E,m as y,R as P,O as j}from"./index-ad62919a.js";import"./index-52a80acf.js";import"@mantine/hooks";import"lodash/debounce";import{V as v}from"./Visible-2c759815.js";import*as M from"yup";import"./translationsContext-2a3eb808.js";import"string-format";const I=t({}),[O,N,T]=m(),k=n.div`
+import"dayjs";import"./screenSizeContext-a2427e7a.js";import e,{createContext as t,useContext as n}from"react";import r from"styled-components";import{t as a}from"./theme-0fb43595.js";import{L as o}from"./index-dbcd16ac.js";import{M as i}from"./utils-a4ed46ff.js";import"./isProduction-461aee9d.js";import{L as s}from"./Onboarding-cef07172.js";import"./gAssets.js";import{_ as p,a as l}from"./tslib.es6-cfa71e01.js";import{createFormContext as m,yupResolver as d}from"@mantine/form";import"./index.styled-82734db6.js";import{B as c}from"./index-aa7f52aa.js";import{Container as g,Title as u,Input as b}from"@mantine/core";import"./index-36d9257b.js";import{L as h}from"./index-7b76e33e.js";import"./index.styled-377f38fe.js";import{u as f}from"./useTranslations-31ae3cc0.js";import"./index-af9f55a4.js";import{f as x,n as w,e as E,m as y,R as P,O as j}from"./index-68254330.js";import"./index-52a80acf.js";import"@mantine/hooks";import"lodash/debounce";import{V as v}from"./Visible-2c759815.js";import*as M from"yup";import"./translationsContext-2a3eb808.js";import"string-format";const I=t({}),[O,N,T]=m(),k=r.div`
   margin-top: 70px;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
-`,z=n(g)`
+`,z=r(g)`
   &.hhg-comp-onboarding-container.hhg-comp-onboarding-container {
     display: flex;
     flex-direction: column;
@@ -45,22 +45,22 @@ import"dayjs";import"./screenSizeContext-a2427e7a.js";import e,{createContext as
   .form-button {
     width: 100%;
   }
-`,C=n.img`
+`,C=r.img`
   margin-bottom: 38px;
-`,B=t=>{var n,{heading:i,description:s,children:l,className:m,imgSrc:d}=t,c=p(t,["heading","description","children","className","imgSrc"]);const{isMarryBaby:g,siteType:b}=a(I);return e.createElement(z,Object.assign({},c,{className:`hhg-comp-onboarding-container ${m}`,size:"sm"}),e.createElement(h,{type:g?b:(null===(n=o[process.env.UNIFY_LOCALE])||void 0===n?void 0:n.LOGO_TYPE)||"hellobacsi"}),e.createElement(k,null,d&&e.createElement(C,{src:d,loading:"lazy"}),e.createElement("div",{className:"header"},e.createElement(u,{order:3},i),e.createElement(x,{size:"p3",mt:8,color:r.colors.gray600},s)),l))},S=n.div`
+`,B=t=>{var r,{heading:i,description:s,children:l,className:m,imgSrc:d}=t,c=p(t,["heading","description","children","className","imgSrc"]);const{isMarryBaby:g,siteType:b}=n(I);return e.createElement(z,Object.assign({},c,{className:`hhg-comp-onboarding-container ${m}`,size:"sm"}),e.createElement(h,{type:g?b:(null===(r=o[process.env.UNIFY_LOCALE])||void 0===r?void 0:r.LOGO_TYPE)||"hellobacsi"}),e.createElement(k,null,d&&e.createElement(C,{src:d,loading:"lazy"}),e.createElement("div",{className:"header"},e.createElement(u,{order:3},i),e.createElement(x,{size:"p3",mt:8,color:a.colors.gray600},s)),l))},S=r.div`
   position: fixed;
   inset: 0;
   z-index: 1000;
   background: white;
   overflow-y: auto;
-`,$=n.div`
+`,$=r.div`
   height: 100%;
   ${i.lgPcUp} {
     display: table;
     width: 100%;
     height: calc(100% - 25px);
   }
-`,q=n.div`
+`,q=r.div`
   padding: 48px 24px 24px;
 
   ${i.lgPcUp} {
@@ -70,7 +70,7 @@ import"dayjs";import"./screenSizeContext-a2427e7a.js";import e,{createContext as
       width: calc(100% - 640px);
     }
   }
-`,D=n.div`
+`,D=r.div`
   width: 640px;
   padding: 16px 16px 0 16px;
   display: none;
@@ -79,8 +79,8 @@ import"dayjs";import"./screenSizeContext-a2427e7a.js";import e,{createContext as
     width: 640px;
     display: table-cell;
   }
-`,H=n.div`
-  background-color: ${r.colors.primary50};
+`,H=r.div`
+  background-color: ${a.colors.primary50};
   border-radius: 12px;
   height: 100%;
   display: flex;
@@ -88,15 +88,15 @@ import"dayjs";import"./screenSizeContext-a2427e7a.js";import e,{createContext as
   justify-content: space-between;
 
   &[data-is-marry-baby='true'] {
-    background-color: ${r.mbColors.tonePink};
+    background-color: ${a.mbColors.tonePink};
   }
-`,L=n.div`
+`,L=r.div`
   margin-top: 40px;
   padding: 24px 40px;
-`,V=n.img`
+`,V=r.img`
   width: 100%;
   display: block;
-`,Y=n.div`
+`,Y=r.div`
   .phone-input {
     width: 100%;
     margin-bottom: 32px;
@@ -113,7 +113,7 @@ import"dayjs";import"./screenSizeContext-a2427e7a.js";import e,{createContext as
       border-radius: 0 4px 4px 0;
     }
   }
-`,A={[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"},F=({inputOrder:t=["phone"]})=>{const{t:a}=f(),n=N(),r=e.createElement("div",{className:"phone-input"},e.createElement(w,Object.assign({defaultCountry:A[process.env.UNIFY_LOCALE]||"VN"},n.getInputProps("phone"))),e.createElement(b.Error,null,n.errors.phone)),o=e.createElement(E,Object.assign({label:e.createElement(x,{size:"s4",weight:"semiBold",as:"span"},a("onboarding.formEmail.yourName")),withAsterisk:!0},n.getInputProps("name"))),i=e.createElement(E,Object.assign({label:e.createElement(x,{size:"s4",weight:"semiBold",as:"span"},a("onboarding.formEmail.yourEmail")),withAsterisk:!0},n.getInputProps("email"))),s=e.createElement(y,Object.assign({label:e.createElement(x,{size:"s4",weight:"semiBold",as:"span"},a("onboarding.formEmail.yourBirthday")),placeholder:"DD/MM/YYYY"},n.getInputProps("dob"))),p=e.createElement(P.Group,Object.assign({className:"radio-group",label:e.createElement(x,{size:"s4",weight:"semiBold",as:"span"},a("bmi.selectGender"))},n.getInputProps("gender")),e.createElement(P,{value:"0",label:a("onboarding.formEmail.genderMale")}),e.createElement(P,{value:"1",label:a("onboarding.formEmail.genderFemale")})),l=e.createElement("div",{className:"otp-input"},e.createElement(j,Object.assign({enterKeyHint:void 0,nonce:void 0},n.getInputProps("otp"))),e.createElement(b.Error,null,n.errors.otp)),m=e.createElement(E.Password,Object.assign({label:e.createElement(x,{size:"s4",weight:"semiBold",as:"span"},a("onboarding.updatePassword.password")),withAsterisk:!0,rightSection:e.createElement(v,null)},n.getInputProps("password"))),d=e.createElement(E.Password,Object.assign({label:e.createElement(x,{size:"s4",weight:"semiBold",as:"span"},a("onboarding.updatePassword.confirmPassword")),withAsterisk:!0,rightSection:e.createElement(v,null)},n.getInputProps("confirmPassword"))),c=t.map((e=>{switch(e){case"phone":return r;case"full_name":return o;case"email":return i;case"dob":return s;case"gender":return p;case"otp":return l;case"password":return m;case"confirm_password":return d;default:return null}}));return e.createElement(Y,null,c)},U=e=>M.object().shape({phone:M.string().required(e("onboarding.updatePhone.error")).default("")}),_=e=>M.object().shape({otp:M.string().required(e("onboarding.otpForm.error")).length(6,e("onboarding.otpForm.error")).default("")}),G=e=>M.object().shape({email:M.string().required(e("onboarding.errorMessage.requiredEmail")).email(e("onboarding.errorMessage.invalidEmail")).default(""),name:M.string().required(e("onboarding.errorMessage.requiredName"))}),K=e=>M.object().shape({password:M.string().required(e("onboarding.errorMessage.requiredPassword")).min(8,e("onboarding.errorMessage.minLength",{length:8})).matches(/.*[A-Z].*/,e("onboarding.errorMessage.passWithPattern")).default(""),confirmPassword:M.string().required(e("onboarding.errorMessage.requiredConfirmPassword")).oneOf([M.ref("password"),null],e("onboarding.errorMessage.passNotMatch")).default("")}),W=n(B)`
+`,A={[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"},F=({inputOrder:t=["phone"]})=>{const{t:n}=f(),r=N(),a=e.createElement("div",{className:"phone-input"},e.createElement(w,Object.assign({defaultCountry:A[process.env.UNIFY_LOCALE]||"VN"},r.getInputProps("phone"))),e.createElement(b.Error,null,r.errors.phone)),o=e.createElement(E,Object.assign({label:e.createElement(x,{size:"s4",weight:"semiBold",as:"span"},n("onboarding.formEmail.yourName")),withAsterisk:!0},r.getInputProps("name"))),i=e.createElement(E,Object.assign({label:e.createElement(x,{size:"s4",weight:"semiBold",as:"span"},n("onboarding.formEmail.yourEmail")),withAsterisk:!0},r.getInputProps("email"))),s=e.createElement(y,Object.assign({label:e.createElement(x,{size:"s4",weight:"semiBold",as:"span"},n("onboarding.formEmail.yourBirthday")),placeholder:"DD/MM/YYYY"},r.getInputProps("dob"))),p=e.createElement(P.Group,Object.assign({className:"radio-group",label:e.createElement(x,{size:"s4",weight:"semiBold",as:"span"},n("bmi.selectGender"))},r.getInputProps("gender")),e.createElement(P,{value:"0",label:n("onboarding.formEmail.genderMale")}),e.createElement(P,{value:"1",label:n("onboarding.formEmail.genderFemale")})),l=e.createElement("div",{className:"otp-input"},e.createElement(j,Object.assign({enterKeyHint:void 0,nonce:void 0},r.getInputProps("otp"))),e.createElement(b.Error,null,r.errors.otp)),m=e.createElement(E.Password,Object.assign({label:e.createElement(x,{size:"s4",weight:"semiBold",as:"span"},n("onboarding.updatePassword.password")),withAsterisk:!0,rightSection:e.createElement(v,null)},r.getInputProps("password"))),d=e.createElement(E.Password,Object.assign({label:e.createElement(x,{size:"s4",weight:"semiBold",as:"span"},n("onboarding.updatePassword.confirmPassword")),withAsterisk:!0,rightSection:e.createElement(v,null)},r.getInputProps("confirmPassword"))),c=t.map((e=>{switch(e){case"phone":return a;case"full_name":return o;case"email":return i;case"dob":return s;case"gender":return p;case"otp":return l;case"password":return m;case"confirm_password":return d;default:return null}}));return e.createElement(Y,null,c)},U=e=>M.object().shape({phone:M.string().required(e("onboarding.updatePhone.error")).default("")}),_=e=>M.object().shape({otp:M.string().required(e("onboarding.otpForm.error")).length(6,e("onboarding.otpForm.error")).default("")}),G=e=>M.object().shape({email:M.string().required(e("onboarding.errorMessage.requiredEmail")).email(e("onboarding.errorMessage.invalidEmail")).default(""),name:M.string().required(e("onboarding.errorMessage.requiredName"))}),K=e=>M.object().shape({password:M.string().required(e("onboarding.errorMessage.requiredPassword")).min(8,e("onboarding.errorMessage.minLength",{length:8})).matches(/.*[A-Z].*/,e("onboarding.errorMessage.passWithPattern")).default(""),confirmPassword:M.string().required(e("onboarding.errorMessage.requiredConfirmPassword")).oneOf([M.ref("password"),null],e("onboarding.errorMessage.passNotMatch")).default("")}),W=r(B)`
   .phone-input {
     width: 100%;
     margin-bottom: 32px;
@@ -130,7 +130,7 @@ import"dayjs";import"./screenSizeContext-a2427e7a.js";import e,{createContext as
       border-radius: 0 4px 4px 0;
     }
   }
-`,R={[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",[s.India]:"IN"},Z=({onClose:t,onSubmit:a,canSkip:n=!0,customFormTexts:r})=>{const{t:o}=f(),i=T({initialValues:{phone:""},validate:d(U(o))});return e.createElement(W,{heading:(null==r?void 0:r.heading)||o("onboarding.updatePhone.heading"),description:(null==r?void 0:r.description)||o("onboarding.updatePhone.description")},e.createElement(O,{form:i},e.createElement("form",{onSubmit:i.onSubmit((e=>l(void 0,void 0,void 0,(function*(){a(e.phone)}))),(e=>{console.log(e)}))},e.createElement(F,{inputOrder:["phone"]}),e.createElement(c,{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"},o("onboarding.button.continue")),n&&e.createElement(c,{color:"ghost",isBlock:!0,size:"lg",onClick:t,type:"button"},o("onboarding.button.skip")))))},J=n(B)`
+`,R={[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",[s.India]:"IN"},Z=({onClose:t,onSubmit:n,canSkip:r=!0,customFormTexts:a})=>{const{t:o}=f(),i=T({initialValues:{phone:""},validate:d(U(o))});return e.createElement(W,{heading:(null==a?void 0:a.heading)||o("onboarding.updatePhone.heading"),description:(null==a?void 0:a.description)||o("onboarding.updatePhone.description")},e.createElement(O,{form:i},e.createElement("form",{onSubmit:i.onSubmit((e=>l(void 0,void 0,void 0,(function*(){n(e.phone)}))),(e=>{console.log(e)}))},e.createElement(F,{inputOrder:["phone"]}),e.createElement(c,{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"},o("onboarding.button.continue")),r&&e.createElement(c,{color:"ghost",isBlock:!0,size:"lg",onClick:t,type:"button"},o("onboarding.button.skip")))))},J=r(B)`
   .otp-input {
     margin-bottom: 36px;
     ${i.mbDown} {
@@ -163,4 +163,4 @@ import"dayjs";import"./screenSizeContext-a2427e7a.js";import e,{createContext as
     margin-bottom: 3px;
     margin-left: 3px;
   }
-`;s.Vietnam,s.Cambodia,s.Indonesia,s.Malaysia,s.PhilippinesEnglish,s.PhilippinesTagalog,s.Taiwan,s.Thailand,s.Myanmar;const Q=(e="")=>{const t=e.indexOf("@"),a=e.substring(0,t),n=a.length>3?3:a.length;return e.replace(e.substring(n,t),e.slice(n,t).replace(/./g,"x"))};export{F as D,O as F,R as M,I as O,J as S,G as a,B as b,K as c,S as d,$ as e,q as f,Z as g,Q as h,D as i,H as j,L as k,V as l,_ as o,T as u};
+`;s.Vietnam,s.Cambodia,s.Indonesia,s.Malaysia,s.PhilippinesEnglish,s.PhilippinesTagalog,s.Taiwan,s.Thailand,s.Myanmar;const Q=(e="")=>{const t=e.indexOf("@"),n=e.substring(0,t),r=n.length>3?3:n.length;return e.replace(e.substring(r,t),e.slice(r,t).replace(/./g,"x"))};export{F as D,O as F,R as M,I as O,J as S,G as a,B as b,K as c,S as d,$ as e,q as f,Z as g,Q as h,D as i,H as j,L as k,V as l,_ as o,T as u};