@hhgtech/hhg-components 1.26.31 → 1.26.33

package/build/esm/{types-f57d5124.js → types-6ae6fc95.js}

@@ -1,4 +1,4 @@
-import{a as e}from"./tslib.es6-cc8133e8.js";import t,{useState as i,useCallback as o,useMemo as a,useEffect as n,useRef as s,useReducer as r}from"react";import{I as c,L as l}from"./constants-0037740d.js";import{b as d,d as h}from"./index-59d97f1e.js";import{g as u,s as p,d as g}from"./cookieHelper-da7099ba.js";import{u as m}from"./useTranslations-a023346a.js";import C from"lodash/debounce";import{I as f}from"./index-181f2983.js";import y,{createGlobalStyle as b}from"styled-components";import{T as v}from"./index-fe1d8c68.js";import{t as w}from"./theme-8bbc700f.js";import E from"react-loading-skeleton";import{M as L}from"./utils-1b37b770.js";import x from"lodash/shuffle";import{a as S}from"./useOutsideClick-21d134a4.js";import k from"string-format";const O=y.div``,j=y.div`
+import{a as e}from"./tslib.es6-e3fb522c.js";import t,{useState as i,useCallback as o,useMemo as a,useEffect as n,useRef as s,useReducer as r}from"react";import{I as c,L as l}from"./constants-0c7a1e2e.js";import{b as d,d as h}from"./index-bf90d920.js";import{g as u,s as p,d as g}from"./cookieHelper-ec4a07e9.js";import{u as m}from"./useTranslations-db7753a9.js";import C from"lodash/debounce";import{I as f}from"./index-80992eee.js";import y,{createGlobalStyle as b}from"styled-components";import{T as v}from"./index-8e7638e8.js";import{t as w}from"./theme-586316d4.js";import E from"react-loading-skeleton";import{M as L}from"./utils-c40c0593.js";import x from"lodash/shuffle";import{a as S}from"./useOutsideClick-ed0a765f.js";import k from"string-format";const O=y.div``,j=y.div`
   --searchbar-z-index: 305;
   &[data-is-modal='true'] {
     position: fixed;

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-a5c326ba.js";
+export{a as BabyGrowthChartDuration,B as BabyGrowthChartType,b as BabyGrowthResultTab,G as Gender,L as LOCALE,O as OnboardingStep}from"./Onboarding-29c9ec81.js";

package/build/esm/{useHealthToolCache-8af3fe59.js → useHealthToolCache-378db048.js}

@@ -1 +1 @@
-import{a as o}from"./tslib.es6-cc8133e8.js";import{useState as t,useEffect as i,useCallback as a}from"react";import{a as e}from"./getDynamicHealthTool-a05b7b4f.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};
+import{a as o}from"./tslib.es6-e3fb522c.js";import{useState as t,useEffect as i,useCallback as a}from"react";import{a as e}from"./getDynamicHealthTool-63a2fb56.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-483760ae.js → useRafState-3205c0a7.js}

@@ -1 +1 @@
-import{a as e}from"./tslib.es6-cc8133e8.js";import{useRef as t,useEffect as n,useState as r,useCallback as i}from"react";import{g as o}from"./cookieHelper-da7099ba.js";import{u as a}from"./useUniqueId-d26dcaf1.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-e3fb522c.js";import{useRef as t,useEffect as n,useState as r,useCallback as i}from"react";import{g as o}from"./cookieHelper-ec4a07e9.js";import{u as a}from"./useUniqueId-a697252f.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/{useTranslations-a023346a.js → useTranslations-db7753a9.js}

@@ -1 +1 @@
-import{useContext as o,useMemo as a}from"react";import{T as r,d as e}from"./translationsContext-62579f35.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};
+import{useContext as o,useMemo as a}from"react";import{T as r,d as e}from"./translationsContext-71b6c9a1.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-d3228d26.js → utils-ac163c9d.js}

@@ -1,4 +1,4 @@
-import"dayjs";import"./screenSizeContext-105f85ba.js";import e,{createContext as t,useContext as n}from"react";import r from"styled-components";import{t as o}from"./theme-8bbc700f.js";import{L as a}from"./index-59d97f1e.js";import{M as i}from"./utils-1b37b770.js";import"./isProduction-c6e4538c.js";import{L as s}from"./Onboarding-a5c326ba.js";import"./gAssets.js";import{_ as p,a as l}from"./tslib.es6-cc8133e8.js";import{createFormContext as m,yupResolver as d}from"@mantine/form";import"./index.styled-e663f4c1.js";import{B as c}from"./index-38307fd2.js";import{Container as g,Title as u,Input as b}from"@mantine/core";import"./index-33189d1d.js";import{L as h}from"./index-67d59e38.js";import"./index.styled-1c726e6d.js";import{u as x}from"./useTranslations-a023346a.js";import"./index-928369d3.js";import{f,n as w,e as E,m as y,R as P,O as j}from"./index-914b912c.js";import"./index-a48bc70b.js";import"@mantine/hooks";import"lodash/debounce";import{V as v}from"./Visible-89aadf7e.js";import*as M from"yup";import"./translationsContext-62579f35.js";import"string-format";const I=t({}),[O,N,T]=m(),k=r.div`
+import"dayjs";import"./screenSizeContext-915ce4d7.js";import e,{createContext as t,useContext as n}from"react";import r from"styled-components";import{t as o}from"./theme-586316d4.js";import{L as a}from"./index-bf90d920.js";import{M as i}from"./utils-c40c0593.js";import"./isProduction-8a0ede96.js";import{L as s}from"./Onboarding-29c9ec81.js";import"./gAssets.js";import{_ as p,a as l}from"./tslib.es6-e3fb522c.js";import{createFormContext as m,yupResolver as d}from"@mantine/form";import"./index.styled-a72c95d3.js";import{B as c}from"./index-172741a6.js";import{Container as g,Title as u,Input as b}from"@mantine/core";import"./index-5d627170.js";import{L as h}from"./index-7551acd8.js";import"./index.styled-182341f0.js";import{u as x}from"./useTranslations-db7753a9.js";import"./index-40115424.js";import"@mantine/dates";import{f,n as w,e as E,R as y,O as P}from"./index-54828c49.js";import"./index-7a105aed.js";import"@mantine/hooks";import"lodash/debounce";import{D as j}from"./index-07aaec5f.js";import{V as v}from"./Visible-f96d2972.js";import*as M from"yup";import"./translationsContext-71b6c9a1.js";import"string-format";const I=t({}),[O,N,T]=m(),k=r.div`
   margin-top: 70px;
   display: flex;
   flex-direction: column;
@@ -47,20 +47,20 @@ import"dayjs";import"./screenSizeContext-105f85ba.js";import e,{createContext as
   }
 `,C=r.img`
   margin-bottom: 38px;
-`,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=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(u,{order:3},i),e.createElement(f,{size:"p3",mt:8,color:o.colors.gray600},s)),l))},S=r.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=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(u,{order:3},i),e.createElement(f,{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;
-`,$=r.div`
+`,S=r.div`
   height: 100%;
   ${i.lgPcUp} {
     display: table;
     width: 100%;
     height: calc(100% - 25px);
   }
-`,q=r.div`
+`,$=r.div`
   padding: 48px 24px 24px;
 
   ${i.lgPcUp} {
@@ -70,7 +70,7 @@ import"dayjs";import"./screenSizeContext-105f85ba.js";import e,{createContext as
       width: calc(100% - 640px);
     }
   }
-`,D=r.div`
+`,q=r.div`
   width: 640px;
   padding: 16px 16px 0 16px;
   display: none;
@@ -113,7 +113,7 @@ import"dayjs";import"./screenSizeContext-105f85ba.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:n}=x(),r=N(),o=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)),a=e.createElement(E,Object.assign({label:e.createElement(f,{size:"s4",weight:"semiBold",as:"span"},n("onboarding.formEmail.yourName")),withAsterisk:!0},r.getInputProps("name"))),i=e.createElement(E,Object.assign({label:e.createElement(f,{size:"s4",weight:"semiBold",as:"span"},n("onboarding.formEmail.yourEmail")),withAsterisk:!0},r.getInputProps("email"))),s=e.createElement(y,Object.assign({label:e.createElement(f,{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(f,{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(f,{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(f,{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 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,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)`
+`,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}=x(),r=N(),o=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)),a=e.createElement(E,Object.assign({label:e.createElement(f,{size:"s4",weight:"semiBold",as:"span"},n("onboarding.formEmail.yourName")),withAsterisk:!0},r.getInputProps("name"))),i=e.createElement(E,Object.assign({label:e.createElement(f,{size:"s4",weight:"semiBold",as:"span"},n("onboarding.formEmail.yourEmail")),withAsterisk:!0},r.getInputProps("email"))),s=e.createElement(j,Object.assign({label:e.createElement(f,{size:"s4",weight:"semiBold",as:"span"},n("onboarding.formEmail.yourBirthday")),placeholder:"DD/MM/YYYY"},r.getInputProps("dob"))),p=e.createElement(y.Group,Object.assign({className:"radio-group",label:e.createElement(f,{size:"s4",weight:"semiBold",as:"span"},n("bmi.selectGender"))},r.getInputProps("gender")),e.createElement(y,{value:"0",label:n("onboarding.formEmail.genderMale")}),e.createElement(y,{value:"1",label:n("onboarding.formEmail.genderFemale")})),l=e.createElement("div",{className:"otp-input"},e.createElement(P,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(f,{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(f,{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 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,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;
@@ -163,4 +163,4 @@ import"dayjs";import"./screenSizeContext-105f85ba.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("@"),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};
+`;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,D as d,S as e,$ as f,Z as g,Q as h,q as i,H as j,L as k,V as l,_ as o,T as u};