@hhgtech/hhg-components 1.26.2 → 1.26.3-beta-1

package/build/esm/types.js

@@ -1 +1 @@
-export{a as BabyGrowthChartDuration,B as BabyGrowthChartType,b as BabyGrowthResultTab,G as Gender,L as LOCALE,O as OnboardingStep}from"./Onboarding-6b46846b.js";
+export{a as BabyGrowthChartDuration,B as BabyGrowthChartType,b as BabyGrowthResultTab,G as Gender,L as LOCALE,O as OnboardingStep}from"./Onboarding-e50f8d93.js";

package/build/esm/useHealthToolCache-b1120a23.js

@@ -0,0 +1 @@
+import{a as o}from"./tslib.es6-6d4ee5aa.js";import{useState as t,useEffect as i,useCallback as a}from"react";import{a as e}from"./getDynamicHealthTool-1cfb1b84.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/{useRafState-03366366.js → useRafState-217e6e79.js}

@@ -1 +1 @@
-import{a as e}from"./tslib.es6-83ef7bb8.js";import{useRef as t,useEffect as n,useState as r,useCallback as i}from"react";import{g as o}from"./cookieHelper-aa50c7f9.js";import{u as a}from"./useUniqueId-290147ee.js";function l(e){const t=(new TextEncoder).encode(e.trim().toLowerCase());return crypto.subtle.digest("SHA-256",t).then((e=>Array.from(new Uint8Array(e)).map((e=>e.toString(16).padStart(2,"0"))).join("")))}const c=r=>{const i=t("");n((()=>(e(void 0,void 0,void 0,(function*(){var e,t,n,a,c;if(!i.current){let e=yield fetch("https://api.ipify.org").then((e=>e.text()));e||(e=yield fetch("https://icanhazip.com").then((e=>e.text()))),i.current=e}if(null===(t=null===(e=window.localStorage)||void 0===e?void 0:e.setItem)||void 0===t||t.call(e,"fbClientIp",JSON.stringify({client_ip_address:(null===(n=i.current)||void 0===n?void 0:n.replace("\n",""))||"",client_user_agent:navigator.userAgent||""})),null==r?void 0:r.id){const[e,t,n,i,s,u]=yield Promise.all([r.email?l(r.email):null,r.phone?l(r.phone):null,r.birthday?l(r.birthday.split("-").join("")):null,r.gender?"m":"f",r.city_name?l(r.city_name).then((e=>e.replace(/\s/g,""))):null,r.name?l(r.name):null]);o("_fbc"),o("_fbp");const d={user_id:r.id};u&&(d.fn=u),e&&(d.em=e),t&&(d.ph=t),n&&(d.db=n),s&&(d.ct=s),null===(c=null===(a=window.localStorage)||void 0===a?void 0:a.setItem)||void 0===c||c.call(a,"fbDataLayer_userInfo",JSON.stringify(d))}})),()=>{})),[r])},s=e=>{const n=t(),r=t(e);return a()||r.current===e||(n.current=r.current,r.current=e),n.current},u=e=>{const[o,a]=r(e),l=t(0),c=i((e=>{cancelAnimationFrame(l.current),l.current=requestAnimationFrame((()=>{a(e)}))}),[]);return n((()=>()=>cancelAnimationFrame(l.current))),[o,c]};export{s as a,u as b,c as u};
+import{a as e}from"./tslib.es6-6d4ee5aa.js";import{useRef as t,useEffect as n,useState as r,useCallback as i}from"react";import{g as o}from"./cookieHelper-ec98dfd4.js";import{u as a}from"./useUniqueId-6aa5cd4b.js";function l(e){const t=(new TextEncoder).encode(e.trim().toLowerCase());return crypto.subtle.digest("SHA-256",t).then((e=>Array.from(new Uint8Array(e)).map((e=>e.toString(16).padStart(2,"0"))).join("")))}const c=r=>{const i=t("");n((()=>(e(void 0,void 0,void 0,(function*(){var e,t,n,a,c;if(!i.current){let e=yield fetch("https://api.ipify.org").then((e=>e.text()));e||(e=yield fetch("https://icanhazip.com").then((e=>e.text()))),i.current=e}if(null===(t=null===(e=window.localStorage)||void 0===e?void 0:e.setItem)||void 0===t||t.call(e,"fbClientIp",JSON.stringify({client_ip_address:(null===(n=i.current)||void 0===n?void 0:n.replace("\n",""))||"",client_user_agent:navigator.userAgent||""})),null==r?void 0:r.id){const[e,t,n,i,s,u]=yield Promise.all([r.email?l(r.email):null,r.phone?l(r.phone):null,r.birthday?l(r.birthday.split("-").join("")):null,r.gender?"m":"f",r.city_name?l(r.city_name).then((e=>e.replace(/\s/g,""))):null,r.name?l(r.name):null]);o("_fbc"),o("_fbp");const d={user_id:r.id};u&&(d.fn=u),e&&(d.em=e),t&&(d.ph=t),n&&(d.db=n),s&&(d.ct=s),null===(c=null===(a=window.localStorage)||void 0===a?void 0:a.setItem)||void 0===c||c.call(a,"fbDataLayer_userInfo",JSON.stringify(d))}})),()=>{})),[r])},s=e=>{const n=t(),r=t(e);return a()||r.current===e||(n.current=r.current,r.current=e),n.current},u=e=>{const[o,a]=r(e),l=t(0),c=i((e=>{cancelAnimationFrame(l.current),l.current=requestAnimationFrame((()=>{a(e)}))}),[]);return n((()=>()=>cancelAnimationFrame(l.current))),[o,c]};export{s as a,u as b,c as u};

package/build/esm/{useScreenSize-0364123f.js → useScreenSize-a478a48e.js}

@@ -1 +1 @@
-import{useState as e,useEffect as i}from"react";import{B as n}from"./utils-eb66ac60.js";const o=()=>"undefined"!=typeof window&&window.innerWidth<n.BREAK_POINT_MOBILE,r=()=>"undefined"!=typeof window&&window.innerWidth>=n.BREAK_POINT_MOBILE&&window.innerWidth<n.BREAK_POINT_PC,t=()=>{const[n,t]=e(o()),[d,s]=e(r());return i((()=>{const e=()=>{t(o()),s(r())};return window.addEventListener("resize",e,{passive:!0}),()=>{window.removeEventListener("resize",e)}}),[]),{isMobile:n,isLargeMobile:d}};export{t as u};
+import{useState as e,useEffect as i}from"react";import{B as n}from"./utils-e3db87a3.js";const o=()=>"undefined"!=typeof window&&window.innerWidth<n.BREAK_POINT_MOBILE,r=()=>"undefined"!=typeof window&&window.innerWidth>=n.BREAK_POINT_MOBILE&&window.innerWidth<n.BREAK_POINT_PC,t=()=>{const[n,t]=e(o()),[d,s]=e(r());return i((()=>{const e=()=>{t(o()),s(r())};return window.addEventListener("resize",e,{passive:!0}),()=>{window.removeEventListener("resize",e)}}),[]),{isMobile:n,isLargeMobile:d}};export{t as u};

package/build/esm/useTranslations-b34a9124.js

@@ -0,0 +1 @@
+import{useContext as o,useMemo as a}from"react";import{T as r,d as e}from"./translationsContext-62d92141.js";import t from"string-format";function n(){const{values:n,locale:s}=o(r)||{locale:"en-PH"};return a((()=>({t:(o,a)=>n?n[o]?a?t(n[o]||o,a):n[o]||o:(console.warn(`[useTranslations] Missing translation for key ${o} and locale ${s}`),a?t(e[o]||o,a):e[o]||o):(console.error("[useTranslations] t method called before translation values are loaded"),o),locale:s})),[n,s])}export{n as u};

package/build/esm/utils-7fe6a860.js

@@ -0,0 +1,166 @@
+import e from"@emotion/styled";import"dayjs";import"./screenSizeContext-e8baa898.js";import t,{createContext as r,useContext as n}from"react";import"@emotion/react";import{t as o}from"./theme-b980cf81.js";import{L as a}from"./index-7e7fbe76.js";import{M as i}from"./utils-e3db87a3.js";import"./isProduction-4810c43b.js";import{L as s}from"./Onboarding-e50f8d93.js";import"./gAssets.js";import{_ as l,a as p}from"./tslib.es6-6d4ee5aa.js";import{createFormContext as m,yupResolver as d}from"@mantine/form";import"./index.styled-49ab3911.js";import{B as c}from"./index-e46cec66.js";import{Container as g,Title as u,Input as b}from"@mantine/core";import"./index-cd54b72a.js";import{c as h}from"./index-47161cce.js";import"./index.styled-87917eed.js";import{u as x}from"./useTranslations-b34a9124.js";import"./index-4f3db35b.js";import{f,m as w,e as E,l as y,R as P,O as j}from"./index-9fa8c47c.js";import"./index-46c98c71.js";import"@mantine/hooks";import"lodash/debounce";import{V as v}from"./Visible-6381c638.js";import*as M from"yup";import"./translationsContext-62d92141.js";import"string-format";const I=r({}),[O,N,T]=m(),k=e.div`
+  margin-top: 70px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+`,z=e(g)`
+  &.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=e.img`
+  margin-bottom: 38px;
+`,B=e=>{var r,{heading:i,description:s,children:p,className:m,imgSrc:d}=e,c=l(e,["heading","description","children","className","imgSrc"]);const{isMarryBaby:g,siteType:b}=n(I);return t.createElement(z,Object.assign({},c,{className:`hhg-comp-onboarding-container ${m}`,size:"sm"}),t.createElement(h,{type:g?b:(null===(r=a[process.env.UNIFY_LOCALE])||void 0===r?void 0:r.LOGO_TYPE)||"hellobacsi"}),t.createElement(k,null,d&&t.createElement(C,{src:d,loading:"lazy"}),t.createElement("div",{className:"header"},t.createElement(u,{order:3},i),t.createElement(f,{size:"p3",mt:8,color:o.colors.gray600},s)),p))},S=e.div`
+  position: fixed;
+  inset: 0;
+  z-index: 1000;
+  background: white;
+  overflow-y: auto;
+`,$=e.div`
+  height: 100%;
+  ${i.lgPcUp} {
+    display: table;
+    width: 100%;
+    height: calc(100% - 25px);
+  }
+`,q=e.div`
+  padding: 48px 24px 24px;
+
+  ${i.lgPcUp} {
+    display: table-cell;
+
+    &[data-has-banner='true'] {
+      width: calc(100% - 640px);
+    }
+  }
+`,D=e.div`
+  width: 640px;
+  padding: 16px 16px 0 16px;
+  display: none;
+
+  ${i.lgPcUp} {
+    width: 640px;
+    display: table-cell;
+  }
+`,H=e.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};
+  }
+`,V=e.div`
+  margin-top: 40px;
+  padding: 24px 40px;
+`,Y=e.img`
+  width: 100%;
+  display: block;
+`,A=e.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;
+    }
+  }
+`,L={[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:e=["phone"]})=>{const{t:r}=x(),n=N(),o=t.createElement("div",{className:"phone-input"},t.createElement(w,Object.assign({defaultCountry:L[process.env.UNIFY_LOCALE]||"VN"},n.getInputProps("phone"))),t.createElement(b.Error,null,n.errors.phone)),a=t.createElement(E,Object.assign({label:t.createElement(f,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.formEmail.yourName")),withAsterisk:!0},n.getInputProps("name"))),i=t.createElement(E,Object.assign({label:t.createElement(f,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.formEmail.yourEmail")),withAsterisk:!0},n.getInputProps("email"))),s=t.createElement(y,Object.assign({label:t.createElement(f,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.formEmail.yourBirthday")),placeholder:"DD/MM/YYYY"},n.getInputProps("dob"))),l=t.createElement(P.Group,Object.assign({className:"radio-group",label:t.createElement(f,{size:"s4",weight:"semiBold",as:"span"},r("bmi.selectGender"))},n.getInputProps("gender")),t.createElement(P,{value:"0",label:r("onboarding.formEmail.genderMale")}),t.createElement(P,{value:"1",label:r("onboarding.formEmail.genderFemale")})),p=t.createElement("div",{className:"otp-input"},t.createElement(j,Object.assign({enterKeyHint:void 0,nonce:void 0},n.getInputProps("otp"))),t.createElement(b.Error,null,n.errors.otp)),m=t.createElement(E.Password,Object.assign({label:t.createElement(f,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.updatePassword.password")),withAsterisk:!0,rightSection:t.createElement(v,null)},n.getInputProps("password"))),d=t.createElement(E.Password,Object.assign({label:t.createElement(f,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.updatePassword.confirmPassword")),withAsterisk:!0,rightSection:t.createElement(v,null)},n.getInputProps("confirmPassword"))),c=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 d;default:return null}}));return t.createElement(A,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=e(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;
+    }
+  }
+`,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"},Z=({onClose:e,onSubmit:r,canSkip:n=!0,customFormTexts:o})=>{const{t:a}=x(),i=T({initialValues:{phone:""},validate:d(U(a))});return t.createElement(W,{heading:(null==o?void 0:o.heading)||a("onboarding.updatePhone.heading"),description:(null==o?void 0:o.description)||a("onboarding.updatePhone.description")},t.createElement(O,{form:i},t.createElement("form",{onSubmit:i.onSubmit((e=>p(void 0,void 0,void 0,(function*(){r(e.phone)}))),(e=>{console.log(e)}))},t.createElement(F,{inputOrder:["phone"]}),t.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"},a("onboarding.button.continue")),n&&t.createElement(c,{color:"ghost",isBlock:!0,size:"lg",onClick:e,type:"button"},a("onboarding.button.skip")))))},J=e(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 Q=(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"))};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,V as k,Y as l,_ as o,T as u};