@hhgtech/hhg-components 1.25.41 → 1.25.43

package/build/esm/index.styled-fe6f694c.js

@@ -1,166 +0,0 @@
-import{_ as e,a as t}from"./tslib.es6-9e47bb08.js";import r,{createContext as n,useContext as o}from"react";import{createFormContext as a,yupResolver as i}from"@mantine/form";import"./index.styled-22ffc1eb.js";import{B as s}from"./index-b0948c8f.js";import"./gAssets.js";import{Container as l,Title as p,Input as d}from"@mantine/core";import"./index.styled-aa22f804.js";import{c as m}from"./index-56628ad3.js";import{M as c}from"./utils-4e2b04da.js";import{t as g}from"./theme-2d0f282d.js";import"./index.styled-5212402c.js";import{u}from"./useTranslations-4466909b.js";import"./index-272a50f1.js";import{q as b,e as h,l as x,R as f,O as w}from"./index-e494de2f.js";import"dayjs";import"./screenSizeContext-f3647b86.js";import E from"styled-components";import{L as y}from"./index-79c2b58d.js";import"./isProduction-ce77d126.js";import{L as P}from"./Onboarding-902d91c4.js";import"./index-37786a7d.js";import"@mantine/hooks";import"lodash/debounce";import{T as j}from"./index-8640eade.js";import{V as v}from"./Visible-b4b20b37.js";import*as M from"yup";import"./translationsContext-ac2e774a.js";import"string-format";const I=n({}),[O,T,N]=a(),k=E.div`
-  margin-top: 70px;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-`,z=E(l)`
-  &.hhg-comp-onboarding-container.hhg-comp-onboarding-container {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    height: 100%;
-    width: 100%;
-    max-width: 520px;
-  }
-  .header {
-    margin-bottom: 32px;
-    text-align: center;
-    ${c.mbDown} {
-      margin-bottom: 16px;
-    }
-  }
-
-  .input-control {
-    width: 100%;
-  }
-  .radio-group,
-  .input-control {
-    margin-bottom: 16px;
-  }
-  .form {
-    width: 100%;
-  }
-
-  /* .form-error {
-    margin-top: 32px;
-    font-size: 14px;
-  }
-
-  .field-error {
-    margin-top: 10px;
-    font-size: 14px;
-  } */
-
-  .form-button {
-    width: 100%;
-  }
-`,C=E.img`
-  margin-bottom: 38px;
-`,q=t=>{var n,{heading:a,description:i,children:s,className:l,imgSrc:d}=t,c=e(t,["heading","description","children","className","imgSrc"]);const{isMarryBaby:u,siteType:b}=o(I);return r.createElement(z,Object.assign({},c,{className:`hhg-comp-onboarding-container ${l}`,size:"sm"}),r.createElement(m,{type:u?b:(null===(n=y[process.env.UNIFY_LOCALE])||void 0===n?void 0:n.LOGO_TYPE)||"hellobacsi"}),r.createElement(k,null,d&&r.createElement(C,{src:d,loading:"lazy"}),r.createElement("div",{className:"header"},r.createElement(p,{order:3},a),r.createElement(j,{size:"p3",mt:8,color:g.colors.gray600},i)),s))},B=E.div`
-  .phone-input {
-    width: 100%;
-    margin-bottom: 32px;
-    ${c.mbDown} {
-      margin-bottom: 16px;
-    }
-    .PhoneInput {
-      margin-bottom: 16px;
-    }
-    .PhoneInputCountry {
-      border-radius: 4px 0 0 4px;
-    }
-    .PhoneInputInput {
-      border-radius: 0 4px 4px 0;
-    }
-  }
-`,S={[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"},$=({inputOrder:e=["phone"]})=>{const{t:t}=u(),n=T(),o=r.createElement("div",{className:"phone-input"},r.createElement(b,Object.assign({defaultCountry:S[process.env.UNIFY_LOCALE]||"VN"},n.getInputProps("phone"))),r.createElement(d.Error,null,n.errors.phone)),a=r.createElement(h,Object.assign({label:r.createElement(j,{size:"s4",weight:"semiBold"},t("onboarding.formEmail.yourName")),withAsterisk:!0},n.getInputProps("name"))),i=r.createElement(h,Object.assign({label:r.createElement(j,{size:"s4",weight:"semiBold",span:!0},t("onboarding.formEmail.yourEmail")),withAsterisk:!0},n.getInputProps("email"))),s=r.createElement(x,Object.assign({label:r.createElement(j,{size:"s4",weight:"semiBold",span:!0},t("onboarding.formEmail.yourBirthday")),placeholder:"DD/MM/YYYY"},n.getInputProps("dob"))),l=r.createElement(f.Group,Object.assign({className:"radio-group",label:r.createElement(j,{size:"s4",weight:"semiBold",span:!0},t("bmi.selectGender"))},n.getInputProps("gender")),r.createElement(f,{value:"0",label:t("onboarding.formEmail.genderMale")}),r.createElement(f,{value:"1",label:t("onboarding.formEmail.genderFemale")})),p=r.createElement("div",{className:"otp-input"},r.createElement(w,Object.assign({enterKeyHint:void 0,nonce:void 0},n.getInputProps("otp"))),r.createElement(d.Error,null,n.errors.otp)),m=r.createElement(h.Password,Object.assign({label:r.createElement(j,{size:"s4",weight:"semiBold",span:!0},t("onboarding.updatePassword.password")),withAsterisk:!0,rightSection:r.createElement(v,null)},n.getInputProps("password"))),c=r.createElement(h.Password,Object.assign({label:r.createElement(j,{size:"s4",weight:"semiBold",span:!0},t("onboarding.updatePassword.confirmPassword")),withAsterisk:!0,rightSection:r.createElement(v,null)},n.getInputProps("confirmPassword"))),g=e.map((e=>{switch(e){case"phone":return o;case"full_name":return a;case"email":return i;case"dob":return s;case"gender":return l;case"otp":return p;case"password":return m;case"confirm_password":return c;default:return null}}));return r.createElement(B,null,g)},D=e=>M.object().shape({phone:M.string().required(e("onboarding.updatePhone.error")).default("")}),H=e=>M.object().shape({otp:M.string().required(e("onboarding.otpForm.error")).length(6,e("onboarding.otpForm.error")).default("")}),V=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"))}),Y=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("")}),A=E(q)`
-  .phone-input {
-    width: 100%;
-    margin-bottom: 32px;
-    ${c.mbDown} {
-      margin-bottom: 16px;
-    }
-    .PhoneInput {
-      margin-bottom: 16px;
-    }
-    .PhoneInputCountry {
-      border-radius: 4px 0 0 4px;
-    }
-    .PhoneInputInput {
-      border-radius: 0 4px 4px 0;
-    }
-  }
-`,L={[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"},F=({onClose:e,onSubmit:n,canSkip:o=!0,customFormTexts:a})=>{const{t:l}=u(),p=N({initialValues:{phone:""},validate:i(D(l))});return r.createElement(A,{heading:(null==a?void 0:a.heading)||l("onboarding.updatePhone.heading"),description:(null==a?void 0:a.description)||l("onboarding.updatePhone.description")},r.createElement(O,{form:p},r.createElement("form",{onSubmit:p.onSubmit((e=>t(void 0,void 0,void 0,(function*(){n(e.phone)}))),(e=>{console.log(e)}))},r.createElement($,{inputOrder:["phone"]}),r.createElement(s,{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"},l("onboarding.button.continue")),o&&r.createElement(s,{color:"ghost",isBlock:!0,size:"lg",onClick:e,type:"button"},l("onboarding.button.skip")))))};P.Vietnam,P.Cambodia,P.Indonesia,P.Malaysia,P.PhilippinesEnglish,P.PhilippinesTagalog,P.Taiwan,P.Thailand,P.Myanmar;const U=(e="")=>{const t=e.indexOf("@"),r=e.substring(0,t),n=r.length>3?3:r.length;return e.replace(e.substring(n,t),e.slice(n,t).replace(/./g,"x"))},_=E(q)`
-  .otp-input {
-    margin-bottom: 36px;
-    ${c.mbDown} {
-      margin-bottom: 20px;
-    }
-    .otpContainer {
-      margin-bottom: 16px;
-    }
-  }
-  .resend {
-    display: flex;
-    gap: 6px;
-    margin-bottom: 32px;
-    ${c.mbDown} {
-      margin-bottom: 16px;
-    }
-    a {
-      text-decoration: underline;
-      cursor: pointer;
-    }
-  }
-  .phone-description {
-    margin-left: 2px;
-    margin-top: 2px;
-  }
-  .otp-description-edit-icon {
-    cursor: pointer;
-    vertical-align: bottom;
-    /* height: 100%; */
-    margin-bottom: 3px;
-    margin-left: 3px;
-  }
-`,G=E.div`
-  position: fixed;
-  inset: 0;
-  z-index: 1000;
-  background: white;
-  overflow-y: auto;
-`,K=E.div`
-  height: 100%;
-  ${c.lgPcUp} {
-    display: table;
-    width: 100%;
-    height: calc(100% - 25px);
-  }
-`,W=E.div`
-  padding: 48px 24px 24px;
-
-  ${c.lgPcUp} {
-    display: table-cell;
-
-    &[data-has-banner='true'] {
-      width: calc(100% - 640px);
-    }
-  }
-`,R=E.div`
-  width: 640px;
-  padding: 16px 16px 0 16px;
-  display: none;
-
-  ${c.lgPcUp} {
-    width: 640px;
-    display: table-cell;
-  }
-`,Z=E.div`
-  background-color: ${g.colors.primary50};
-  border-radius: 12px;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-
-  &[data-is-marry-baby='true'] {
-    background-color: ${g.mbColors.tonePink};
-  }
-`,J=E.div`
-  margin-top: 40px;
-  padding: 24px 40px;
-`,Q=E.img`
-  width: 100%;
-  display: block;
-`;export{$ as D,O as F,L as M,I as O,_ as S,V as a,q as b,Y as c,G as d,K as e,W as f,F as g,U as h,R as i,Z as j,J as k,Q as l,H as o,N as u};