@hhgtech/hhg-components 1.26.79 → 1.26.81

package/build/esm/useHealthToolCache-6a612c7d.js

@@ -1 +0,0 @@
-import{a as o}from"./tslib.es6-4aeb965c.js";import{useState as t,useEffect as i,useCallback as a}from"react";import{a as e}from"./getDynamicHealthTool-819bdd86.js";const l=l=>{const[n,r]=t([]);i((()=>{o(void 0,void 0,void 0,(function*(){const o=yield e(l);r(o)}))}),[e,l]);const s=a((o=>{var t;return(null===(t=n.find((t=>t.template===o)))||void 0===t?void 0:t.link)||""}),[n]);return{allTools:n,getHealthToolLink:s}};export{l as u};

package/build/esm/utils-fae42306.js

@@ -1,166 +0,0 @@
-import"dayjs";import"./screenSizeContext-7a0af3e0.js";import e,{createContext as t,useContext as n}from"react";import r from"styled-components";import{t as o}from"./theme-8c2038f6.js";import{L as a}from"./index-5b6e9a69.js";import{M as i}from"./utils-8887c330.js";import"./isProduction-fb31bf7f.js";import{L as s}from"./Onboarding-9d71759b.js";import"./gAssets.js";import{_ as p,a as l}from"./tslib.es6-4aeb965c.js";import{createFormContext as m,yupResolver as d}from"@mantine/form";import{J as c,am as g,L as u,an as b,ao as h}from"./index-17f4023b.js";import{B as f}from"./index-3399e2bc.js";import{Container as x,Title as w,Input as E}from"@mantine/core";import"./index-84a7f4a1.js";import{L as y}from"./index-92d7b448.js";import"./index.styled-fab7579e.js";import{u as P}from"./useTranslations-0f250e50.js";import"./index-14836320.js";import"@mantine/dates";import"@mantine/hooks";import"lodash/debounce";import{D as j}from"./index-c11d06d8.js";import{V as v}from"./Visible-8bc5f325.js";import*as M from"yup";import"./translationsContext-f8d91131.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=r(x)`
-  &.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;
-    ${i.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=r.img`
-  margin-bottom: 38px;
-`,B=t=>{var r,{heading:i,description:s,children:l,className:m,imgSrc:d}=t,g=p(t,["heading","description","children","className","imgSrc"]);const{isMarryBaby:u,siteType:b}=n(I);return e.createElement(z,Object.assign({},g,{className:`hhg-comp-onboarding-container ${m}`,size:"sm"}),e.createElement(y,{type:u?b:(null===(r=a[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(w,{order:3},i),e.createElement(c,{size:"p3",mt:8,color:o.colors.gray600},s)),l))},D=r.div`
-  position: fixed;
-  inset: 0;
-  z-index: 1000;
-  background: white;
-  overflow-y: auto;
-`,S=r.div`
-  height: 100%;
-  ${i.lgPcUp} {
-    display: table;
-    width: 100%;
-    height: calc(100% - 25px);
-  }
-`,$=r.div`
-  padding: 48px 24px 24px;
-
-  ${i.lgPcUp} {
-    display: table-cell;
-
-    &[data-has-banner='true'] {
-      width: calc(100% - 640px);
-    }
-  }
-`,q=r.div`
-  width: 640px;
-  padding: 16px 16px 0 16px;
-  display: none;
-
-  ${i.lgPcUp} {
-    width: 640px;
-    display: table-cell;
-  }
-`,L=r.div`
-  background-color: ${o.colors.primary50};
-  border-radius: 12px;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-
-  &[data-is-marry-baby='true'] {
-    background-color: ${o.mbColors.tonePink};
-  }
-`,H=r.div`
-  margin-top: 40px;
-  padding: 24px 40px;
-`,V=r.img`
-  width: 100%;
-  display: block;
-`,Y=r.div`
-  .phone-input {
-    width: 100%;
-    margin-bottom: 32px;
-    ${i.mbDown} {
-      margin-bottom: 16px;
-    }
-    .PhoneInput {
-      margin-bottom: 16px;
-    }
-    .PhoneInputCountry {
-      border-radius: 4px 0 0 4px;
-    }
-    .PhoneInputInput {
-      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:n}=P(),r=N(),o=e.createElement("div",{className:"phone-input"},e.createElement(g,Object.assign({defaultCountry:A[process.env.UNIFY_LOCALE]||"VN"},r.getInputProps("phone"))),e.createElement(E.Error,null,r.errors.phone)),a=e.createElement(u,Object.assign({label:e.createElement(c,{size:"s4",weight:"semiBold",as:"span"},n("onboarding.formEmail.yourName")),withAsterisk:!0},r.getInputProps("name"))),i=e.createElement(u,Object.assign({label:e.createElement(c,{size:"s4",weight:"semiBold",as:"span"},n("onboarding.formEmail.yourEmail")),withAsterisk:!0},r.getInputProps("email"))),s=e.createElement(j,Object.assign({label:e.createElement(c,{size:"s4",weight:"semiBold",as:"span"},n("onboarding.formEmail.yourBirthday")),placeholder:"DD/MM/YYYY"},r.getInputProps("dob"))),p=e.createElement(b.Group,Object.assign({className:"radio-group",label:e.createElement(c,{size:"s4",weight:"semiBold",as:"span"},n("bmi.selectGender"))},r.getInputProps("gender")),e.createElement(b,{value:"0",label:n("onboarding.formEmail.genderMale")}),e.createElement(b,{value:"1",label:n("onboarding.formEmail.genderFemale")})),l=e.createElement("div",{className:"otp-input"},e.createElement(h,Object.assign({enterKeyHint:void 0,nonce:void 0},r.getInputProps("otp"))),e.createElement(E.Error,null,r.errors.otp)),m=e.createElement(u.Password,Object.assign({label:e.createElement(c,{size:"s4",weight:"semiBold",as:"span"},n("onboarding.updatePassword.password")),withAsterisk:!0,rightSection:e.createElement(v,null)},r.getInputProps("password"))),d=e.createElement(u.Password,Object.assign({label:e.createElement(c,{size:"s4",weight:"semiBold",as:"span"},n("onboarding.updatePassword.confirmPassword")),withAsterisk:!0,rightSection:e.createElement(v,null)},r.getInputProps("confirmPassword"))),f=t.map((e=>{switch(e){case"phone":return o;case"full_name":return a;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,f)},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;
-    ${i.mbDown} {
-      margin-bottom: 16px;
-    }
-    .PhoneInput {
-      margin-bottom: 16px;
-    }
-    .PhoneInputCountry {
-      border-radius: 4px 0 0 4px;
-    }
-    .PhoneInputInput {
-      border-radius: 0 4px 4px 0;
-    }
-  }
-`,J={[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:o})=>{const{t:a}=P(),i=T({initialValues:{phone:""},validate:d(U(a))});return e.createElement(W,{heading:(null==o?void 0:o.heading)||a("onboarding.updatePhone.heading"),description:(null==o?void 0:o.description)||a("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(f,{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&&e.createElement(f,{color:"ghost",isBlock:!0,size:"lg",onClick:t,type:"button"},a("onboarding.button.skip")))))},Q=r(B)`
-  .otp-input {
-    margin-bottom: 36px;
-    ${i.mbDown} {
-      margin-bottom: 20px;
-    }
-    .otpContainer {
-      margin-bottom: 16px;
-    }
-  }
-  .resend {
-    display: flex;
-    gap: 6px;
-    margin-bottom: 32px;
-    ${i.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;
-  }
-`;s.Vietnam,s.Cambodia,s.Indonesia,s.Malaysia,s.PhilippinesEnglish,s.PhilippinesTagalog,s.Taiwan,s.Thailand,s.Myanmar;const R=(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,J as M,I as O,Q as S,G as a,B as b,K as c,D as d,S as e,$ as f,Z as g,R as h,q as i,L as j,H as k,V as l,_ as o,T as u};

package/build/index-bdc53078.js

@@ -1 +0,0 @@
-"use strict";var e=require("./tslib.es6-a55b754c.js"),r=require("react"),t=require("@mantine/core");require("dayjs"),require("./screenSizeContext-137d9f4a.js"),require("styled-components");var s=require("./theme-92505805.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./index-1d920817.js"),require("./utils-d3057a4a.js"),require("./isProduction-13dc718e.js"),require("./Onboarding-6e87ab37.js"),require("./gAssets.js");var n=i(r);exports.Indicator=r=>{var{styles:i,color:o=s.theme.colors.red700}=r,a=e.__rest(r,["styles","color"]);return n.default.createElement(t.Indicator,Object.assign({inline:!0,position:"top-end",offset:4,styles:Object.assign({processing:{animationDirection:"alternate"}},i),color:o},a))};