@hhgtech/hhg-components 1.26.3 → 1.26.5

package/build/esm/{types-28b89dec.js → types-38763ff6.js}

@@ -1,4 +1,4 @@
-import{a as e}from"./tslib.es6-b6c7f6d3.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-77b482cf.js";import{b as d,d as h}from"./index-d8543de2.js";import{g as u,s as p,d as g}from"./cookieHelper-038bd985.js";import{u as m}from"./useTranslations-0ad6e4b3.js";import C from"lodash/debounce";import{I as f}from"./index-11f508e6.js";import y,{createGlobalStyle as b}from"styled-components";import{T as v}from"./index-4cd703fb.js";import{t as w}from"./theme-8ec19a23.js";import E from"react-loading-skeleton";import{M as L}from"./utils-de347a02.js";import x from"lodash/shuffle";import{a as S}from"./useOutsideClick-60569baf.js";import k from"string-format";const O=y.div``,j=y.div`
+import{a as e}from"./tslib.es6-eb34e6b3.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-9064608b.js";import{b as d,d as h}from"./index-bbf6caad.js";import{g as u,s as p,d as g}from"./cookieHelper-49ec6fd6.js";import{u as m}from"./useTranslations-91cab8b3.js";import C from"lodash/debounce";import{I as f}from"./index-0b586ef7.js";import y,{createGlobalStyle as b}from"styled-components";import{T as v}from"./index-e03544d6.js";import{t as w}from"./theme-758da782.js";import E from"react-loading-skeleton";import{M as L}from"./utils-901b1610.js";import x from"lodash/shuffle";import{a as S}from"./useOutsideClick-7763f932.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-04fb8052.js → types-86d7b2fe.js}

@@ -1,4 +1,4 @@
-import{a as e,_ as t}from"./tslib.es6-b6c7f6d3.js";import*as a from"react";import o,{createContext as n,useContext as i,useState as l,useRef as r,useEffect as s,useMemo as c,useCallback as d}from"react";import{useMantineTheme as m,createStyles as p,Flex as u,Checkbox as g,Portal as h,Anchor as v,Accordion as f,Popover as b}from"@mantine/core";import{B as w}from"./index-8afa29f6.js";import{T as x}from"./index-4cd703fb.js";import{a as y}from"./index.styled-5c7f7228.js";import{u as E}from"./useTranslations-0ad6e4b3.js";import C from"innertext";import{t as k}from"./theme-8ec19a23.js";import{N,a9 as A,a4 as L,D as T,_ as I,C as S,ab as P}from"./index.styled-23a740fd.js";import{CommonGAssets as z}from"./gAssets.js";import{T as M,au as j,av as F,aw as B,ax as O,ay as V,az as R,aA as D,U,aB as W,aC as Z,aD as H,aE as q,aF as _,aG as G,aH as Q,aI as X,aJ as K,aK as $,aL as Y,aM as J,aN as ee,aO as te,aP as ae}from"./index.styled-3e60cbe8.js";import{A as oe,B as ne,T as ie,D as le}from"./index-fbdd0038.js";import{e as re,c as se,P as ce,g as de,b as me,h as pe,i as ue}from"./dataTransform-308e6786.js";import{I as ge}from"./index-11f508e6.js";import he from"lodash/debounce";import ve from"react-contenteditable";import{I as fe,C as be,a as we}from"./index-f0487aff.js";import{A as xe}from"./index-75c24ba0.js";import ye from"dayjs";import"./screenSizeContext-a6448e69.js";import Ee,{keyframes as Ce,css as ke}from"styled-components";import{d as Ne}from"./index-d8543de2.js";import{M as Ae,t as Le,c as Te,a as Ie}from"./utils-de347a02.js";import"./isProduction-3a3bac60.js";import"./Onboarding-ee66f10a.js";import{B as Se}from"./index-16a20583.js";import"./index-9f5afeae.js";import"@mantine/hooks";import{H as Pe}from"./index-b63c145f.js";import{d as ze,g as Me}from"./cookieHelper-038bd985.js";import*as je from"react-dom";import"./index-ca65e04a.js";import"./index-4034e8d4.js";import"./index.styled-e19499d0.js";import"./index-525b9c4a.js";import"date-fns";import"react-day-picker/DayPickerInput";import"./index-19963523.js";import"lodash/throttle";import"keen-slider/react";import"./types-6e85203b.js";import"react-hook-form";import"date-fns/locale/en-US";import"date-fns/locale/id";import"date-fns/locale/vi";import"date-fns/locale/zh-TW";import"./index.styled-918601ee.js";import"string-format";import Fe from"dayjs/plugin/relativeTime";import{M as Be}from"./index-7fde06b4.js";import{a as Oe}from"./useUniqueId-dd9c4626.js";import"./translationsContext-b10206e6.js";import{g as Ve}from"./routing-e2bec10b.js";const Re=e=>a.createElement("svg",Object.assign({width:"1em",height:"1em",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},e),a.createElement("path",{d:"M3.99403 3.32695C3.86141 3.32698 3.73181 3.36657 3.62181 3.44065C3.5118 3.51472 3.42638 3.61992 3.37648 3.7428C3.32658 3.86567 3.31445 4.00064 3.34165 4.13044C3.36885 4.26024 3.43415 4.37898 3.52919 4.47148L7.05784 8.00013L3.52919 11.5288C3.46521 11.5902 3.41413 11.6638 3.37894 11.7452C3.34375 11.8266 3.32516 11.9142 3.32425 12.0029C3.32335 12.0916 3.34015 12.1796 3.37368 12.2617C3.40721 12.3438 3.45678 12.4185 3.5195 12.4812C3.58222 12.5439 3.65682 12.5935 3.73894 12.627C3.82106 12.6605 3.90904 12.6773 3.99774 12.6764C4.08643 12.6755 4.17405 12.6569 4.25547 12.6217C4.33689 12.5865 4.41047 12.5355 4.4719 12.4715L8.00054 8.94283L11.5292 12.4715C11.5906 12.5355 11.6642 12.5865 11.7456 12.6217C11.827 12.6569 11.9147 12.6755 12.0034 12.6764C12.092 12.6773 12.18 12.6605 12.2621 12.627C12.3443 12.5935 12.4189 12.5439 12.4816 12.4812C12.5443 12.4185 12.5939 12.3439 12.6274 12.2617C12.6609 12.1796 12.6777 12.0916 12.6768 12.0029C12.6759 11.9142 12.6573 11.8266 12.6222 11.7452C12.587 11.6638 12.5359 11.5902 12.4719 11.5288L8.94325 8.00013L12.4719 4.47148C12.5682 4.37784 12.634 4.25728 12.6607 4.1256C12.6873 3.99392 12.6735 3.85726 12.6212 3.73354C12.5688 3.60982 12.4803 3.5048 12.3672 3.43224C12.2542 3.35969 12.1218 3.32299 11.9875 3.32695C11.8143 3.33211 11.6499 3.4045 11.5292 3.52877L8.00054 7.05742L4.4719 3.52877C4.40977 3.46491 4.33548 3.41415 4.2534 3.37948C4.17132 3.34482 4.08313 3.32696 3.99403 3.32695Z"})),De=n({}),Ue=({children:e,defaultParams:t})=>o.createElement(De.Provider,{value:{defaultParams:t}},e),We=e=>{const{data:{userInfo:t,env:{togetherBasePath:a}}}=i(M),{defaultParams:o}=i(De)||{},n=null==t?void 0:t.id,l=t&&"number"==typeof t.communities_interacted&&0===t.communities_interacted;return{authActionWrapper:(t,i)=>{const r=Object.assign(Object.assign(Object.assign({},o),e),i);if(!n||l){n||ze(j),(null==r?void 0:r._joinCommunityIds)&&(localStorage.setItem("to_join_community_ids",JSON.stringify(Array.from(new Set((JSON.parse(localStorage.getItem("to_join_community_ids")||"[]")||[]).concat(r._joinCommunityIds).filter(Boolean))))),null==r||delete r._joinCommunityIds),(null==r?void 0:r._joinTopicIds)&&(localStorage.setItem("to_join_topic_ids",JSON.stringify(Array.from(new Set((JSON.parse(localStorage.getItem("to_join_topic_ids")||"[]")||[]).concat(r._joinTopicIds).filter(Boolean))))),null==r||delete r._joinTopicIds);const e=(null==r?void 0:r._location)||window.location.href;return null==r||delete r._location,window.location.href=F(e,r,a),null}return t&&t()},params:Object.assign(Object.assign({},o),e)}},Ze=Ee.div`
+import{a as e,_ as t}from"./tslib.es6-eb34e6b3.js";import*as a from"react";import o,{createContext as n,useContext as i,useState as l,useRef as r,useEffect as s,useMemo as c,useCallback as d}from"react";import{useMantineTheme as m,createStyles as p,Flex as u,Checkbox as g,Portal as h,Anchor as v,Accordion as f,Popover as b}from"@mantine/core";import{B as w}from"./index-82e38fee.js";import{T as x}from"./index-e03544d6.js";import{a as y}from"./index.styled-2e892a27.js";import{u as E}from"./useTranslations-91cab8b3.js";import C from"innertext";import{t as k}from"./theme-758da782.js";import{N,a9 as A,a4 as L,D as T,_ as I,C as S,ab as P}from"./index.styled-a79a4da1.js";import{CommonGAssets as z}from"./gAssets.js";import{T as M,au as j,av as F,aw as B,ax as O,ay as V,az as R,aA as D,U,aB as W,aC as Z,aD as H,aE as q,aF as _,aG as G,aH as Q,aI as X,aJ as K,aK as $,aL as Y,aM as J,aN as ee,aO as te,aP as ae}from"./index.styled-2d19ee60.js";import{A as oe,B as ne,T as ie,D as le}from"./index-3db9ab28.js";import{e as re,c as se,P as ce,g as de,b as me,h as pe,i as ue}from"./dataTransform-e642d662.js";import{I as ge}from"./index-0b586ef7.js";import he from"lodash/debounce";import ve from"react-contenteditable";import{I as fe,C as be,a as we}from"./index-95083499.js";import{A as xe}from"./index-c3a09ede.js";import ye from"dayjs";import"./screenSizeContext-90c6fc3b.js";import Ee,{keyframes as Ce,css as ke}from"styled-components";import{d as Ne}from"./index-bbf6caad.js";import{M as Ae,t as Le,c as Te,a as Ie}from"./utils-901b1610.js";import"./isProduction-46338df7.js";import"./Onboarding-2ee9fcc7.js";import{B as Se}from"./index-1f54cded.js";import"./index-69b16f72.js";import"@mantine/hooks";import{H as Pe}from"./index-1766344b.js";import{d as ze,g as Me}from"./cookieHelper-49ec6fd6.js";import*as je from"react-dom";import"./index-89ea6461.js";import"./index-a675338f.js";import"./index.styled-3c340981.js";import"./index-a7c92422.js";import"date-fns";import"react-day-picker/DayPickerInput";import"./index-79688c79.js";import"lodash/throttle";import"keen-slider/react";import"./types-26a3e0c2.js";import"react-hook-form";import"date-fns/locale/en-US";import"date-fns/locale/id";import"date-fns/locale/vi";import"date-fns/locale/zh-TW";import"./index.styled-86408f7b.js";import"string-format";import Fe from"dayjs/plugin/relativeTime";import{M as Be}from"./index-dfb0df0e.js";import{a as Oe}from"./useUniqueId-e00ee794.js";import"./translationsContext-46e6b5ce.js";import{g as Ve}from"./routing-c3acf17a.js";const Re=e=>a.createElement("svg",Object.assign({width:"1em",height:"1em",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},e),a.createElement("path",{d:"M3.99403 3.32695C3.86141 3.32698 3.73181 3.36657 3.62181 3.44065C3.5118 3.51472 3.42638 3.61992 3.37648 3.7428C3.32658 3.86567 3.31445 4.00064 3.34165 4.13044C3.36885 4.26024 3.43415 4.37898 3.52919 4.47148L7.05784 8.00013L3.52919 11.5288C3.46521 11.5902 3.41413 11.6638 3.37894 11.7452C3.34375 11.8266 3.32516 11.9142 3.32425 12.0029C3.32335 12.0916 3.34015 12.1796 3.37368 12.2617C3.40721 12.3438 3.45678 12.4185 3.5195 12.4812C3.58222 12.5439 3.65682 12.5935 3.73894 12.627C3.82106 12.6605 3.90904 12.6773 3.99774 12.6764C4.08643 12.6755 4.17405 12.6569 4.25547 12.6217C4.33689 12.5865 4.41047 12.5355 4.4719 12.4715L8.00054 8.94283L11.5292 12.4715C11.5906 12.5355 11.6642 12.5865 11.7456 12.6217C11.827 12.6569 11.9147 12.6755 12.0034 12.6764C12.092 12.6773 12.18 12.6605 12.2621 12.627C12.3443 12.5935 12.4189 12.5439 12.4816 12.4812C12.5443 12.4185 12.5939 12.3439 12.6274 12.2617C12.6609 12.1796 12.6777 12.0916 12.6768 12.0029C12.6759 11.9142 12.6573 11.8266 12.6222 11.7452C12.587 11.6638 12.5359 11.5902 12.4719 11.5288L8.94325 8.00013L12.4719 4.47148C12.5682 4.37784 12.634 4.25728 12.6607 4.1256C12.6873 3.99392 12.6735 3.85726 12.6212 3.73354C12.5688 3.60982 12.4803 3.5048 12.3672 3.43224C12.2542 3.35969 12.1218 3.32299 11.9875 3.32695C11.8143 3.33211 11.6499 3.4045 11.5292 3.52877L8.00054 7.05742L4.4719 3.52877C4.40977 3.46491 4.33548 3.41415 4.2534 3.37948C4.17132 3.34482 4.08313 3.32696 3.99403 3.32695Z"})),De=n({}),Ue=({children:e,defaultParams:t})=>o.createElement(De.Provider,{value:{defaultParams:t}},e),We=e=>{const{data:{userInfo:t,env:{togetherBasePath:a}}}=i(M),{defaultParams:o}=i(De)||{},n=null==t?void 0:t.id,l=t&&"number"==typeof t.communities_interacted&&0===t.communities_interacted;return{authActionWrapper:(t,i)=>{const r=Object.assign(Object.assign(Object.assign({},o),e),i);if(!n||l){n||ze(j),(null==r?void 0:r._joinCommunityIds)&&(localStorage.setItem("to_join_community_ids",JSON.stringify(Array.from(new Set((JSON.parse(localStorage.getItem("to_join_community_ids")||"[]")||[]).concat(r._joinCommunityIds).filter(Boolean))))),null==r||delete r._joinCommunityIds),(null==r?void 0:r._joinTopicIds)&&(localStorage.setItem("to_join_topic_ids",JSON.stringify(Array.from(new Set((JSON.parse(localStorage.getItem("to_join_topic_ids")||"[]")||[]).concat(r._joinTopicIds).filter(Boolean))))),null==r||delete r._joinTopicIds);const e=(null==r?void 0:r._location)||window.location.href;return null==r||delete r._location,window.location.href=F(e,r,a),null}return t&&t()},params:Object.assign(Object.assign({},o),e)}},Ze=Ee.div`
   display: flex;
   align-items: center;
   justify-content: center;

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

package/build/esm/useHealthToolCache-95723a2f.js

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

package/build/esm/{useRafState-1208d0b8.js → useRafState-9f44db76.js}

@@ -1 +1 @@
-import{a as e}from"./tslib.es6-b6c7f6d3.js";import{useRef as t,useEffect as n,useState as r,useCallback as i}from"react";import{g as o}from"./cookieHelper-038bd985.js";import{u as a}from"./useUniqueId-dd9c4626.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-eb34e6b3.js";import{useRef as t,useEffect as n,useState as r,useCallback as i}from"react";import{g as o}from"./cookieHelper-49ec6fd6.js";import{u as a}from"./useUniqueId-e00ee794.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-0ad6e4b3.js → useTranslations-91cab8b3.js}

@@ -1 +1 @@
-import{useContext as o,useMemo as a}from"react";import{T as e,d as r}from"./translationsContext-b10206e6.js";import t from"string-format";function n(){const{values:n,locale:s}=o(e)||{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(r[o]||o,a):r[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 e,d as r}from"./translationsContext-46e6b5ce.js";import t from"string-format";function n(){const{values:n,locale:s}=o(e)||{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(r[o]||o,a):r[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-c9a385b7.js → utils-3fbaf720.js}

@@ -1,4 +1,4 @@
-import"dayjs";import"./screenSizeContext-a6448e69.js";import e,{createContext as t,useContext as r}from"react";import n from"styled-components";import{t as a}from"./theme-8ec19a23.js";import{L as o}from"./index-d8543de2.js";import{M as i}from"./utils-de347a02.js";import"./isProduction-3a3bac60.js";import{L as s}from"./Onboarding-ee66f10a.js";import"./gAssets.js";import{_ as l,a as p}from"./tslib.es6-b6c7f6d3.js";import{createFormContext as m,yupResolver as d}from"@mantine/form";import"./index.styled-23a740fd.js";import{B as c}from"./index-8afa29f6.js";import{Container as g,Title as u,Input as b}from"@mantine/core";import"./index-ca65e04a.js";import{c as h}from"./index-4034e8d4.js";import"./index.styled-e19499d0.js";import{u as x}from"./useTranslations-0ad6e4b3.js";import"./index-525b9c4a.js";import{f,m as w,e as E,l as y,R as P,O as j}from"./index-75c24ba0.js";import"./index-9f5afeae.js";import"@mantine/hooks";import"lodash/debounce";import{V as v}from"./Visible-ec904241.js";import*as M from"yup";import"./translationsContext-b10206e6.js";import"string-format";const I=t({}),[O,N,T]=m(),k=n.div`
+import"dayjs";import"./screenSizeContext-90c6fc3b.js";import e,{createContext as t,useContext as r}from"react";import n from"styled-components";import{t as o}from"./theme-758da782.js";import{L as a}from"./index-bbf6caad.js";import{M as i}from"./utils-901b1610.js";import"./isProduction-46338df7.js";import{L as s}from"./Onboarding-2ee9fcc7.js";import"./gAssets.js";import{_ as p,a as l}from"./tslib.es6-eb34e6b3.js";import{createFormContext as m,yupResolver as d}from"@mantine/form";import"./index.styled-a79a4da1.js";import{B as c}from"./index-82e38fee.js";import{Container as g,Title as u,Input as b}from"@mantine/core";import"./index-89ea6461.js";import{c as h}from"./index-a675338f.js";import"./index.styled-3c340981.js";import{u as x}from"./useTranslations-91cab8b3.js";import"./index-a7c92422.js";import{f,n as w,e as E,m as y,R as P,O as j}from"./index-c3a09ede.js";import"./index-69b16f72.js";import"@mantine/hooks";import"lodash/debounce";import{V as v}from"./Visible-e3d1bbd4.js";import*as M from"yup";import"./translationsContext-46e6b5ce.js";import"string-format";const I=t({}),[O,N,T]=m(),k=n.div`
   margin-top: 70px;
   display: flex;
   flex-direction: column;
@@ -47,7 +47,7 @@ import"dayjs";import"./screenSizeContext-a6448e69.js";import e,{createContext as
   }
 `,C=n.img`
   margin-bottom: 38px;
-`,B=t=>{var n,{heading:i,description:s,children:p,className:m,imgSrc:d}=t,c=l(t,["heading","description","children","className","imgSrc"]);const{isMarryBaby:g,siteType:b}=r(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(f,{size:"p3",mt:8,color:a.colors.gray600},s)),p))},S=n.div`
+`,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}=r(I);return e.createElement(z,Object.assign({},c,{className:`hhg-comp-onboarding-container ${m}`,size:"sm"}),e.createElement(h,{type:g?b:(null===(n=a[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(f,{size:"p3",mt:8,color:o.colors.gray600},s)),l))},S=n.div`
   position: fixed;
   inset: 0;
   z-index: 1000;
@@ -80,7 +80,7 @@ import"dayjs";import"./screenSizeContext-a6448e69.js";import e,{createContext as
     display: table-cell;
   }
 `,H=n.div`
-  background-color: ${a.colors.primary50};
+  background-color: ${o.colors.primary50};
   border-radius: 12px;
   height: 100%;
   display: flex;
@@ -88,7 +88,7 @@ import"dayjs";import"./screenSizeContext-a6448e69.js";import e,{createContext as
   justify-content: space-between;
 
   &[data-is-marry-baby='true'] {
-    background-color: ${a.mbColors.tonePink};
+    background-color: ${o.mbColors.tonePink};
   }
 `,V=n.div`
   margin-top: 40px;
@@ -113,7 +113,7 @@ import"dayjs";import"./screenSizeContext-a6448e69.js";import e,{createContext as
       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:t=["phone"]})=>{const{t:r}=x(),n=N(),a=e.createElement("div",{className:"phone-input"},e.createElement(w,Object.assign({defaultCountry:L[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(f,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.formEmail.yourName")),withAsterisk:!0},n.getInputProps("name"))),i=e.createElement(E,Object.assign({label:e.createElement(f,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.formEmail.yourEmail")),withAsterisk:!0},n.getInputProps("email"))),s=e.createElement(y,Object.assign({label:e.createElement(f,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.formEmail.yourBirthday")),placeholder:"DD/MM/YYYY"},n.getInputProps("dob"))),l=e.createElement(P.Group,Object.assign({className:"radio-group",label:e.createElement(f,{size:"s4",weight:"semiBold",as:"span"},r("bmi.selectGender"))},n.getInputProps("gender")),e.createElement(P,{value:"0",label:r("onboarding.formEmail.genderMale")}),e.createElement(P,{value:"1",label:r("onboarding.formEmail.genderFemale")})),p=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(f,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.updatePassword.password")),withAsterisk:!0,rightSection:e.createElement(v,null)},n.getInputProps("password"))),d=e.createElement(E.Password,Object.assign({label:e.createElement(f,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.updatePassword.confirmPassword")),withAsterisk:!0,rightSection:e.createElement(v,null)},n.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 l;case"otp":return p;case"password":return m;case"confirm_password":return d;default:return null}}));return e.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=n(B)`
+`,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:t=["phone"]})=>{const{t:r}=x(),n=N(),o=e.createElement("div",{className:"phone-input"},e.createElement(w,Object.assign({defaultCountry:L[process.env.UNIFY_LOCALE]||"VN"},n.getInputProps("phone"))),e.createElement(b.Error,null,n.errors.phone)),a=e.createElement(E,Object.assign({label:e.createElement(f,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.formEmail.yourName")),withAsterisk:!0},n.getInputProps("name"))),i=e.createElement(E,Object.assign({label:e.createElement(f,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.formEmail.yourEmail")),withAsterisk:!0},n.getInputProps("email"))),s=e.createElement(y,Object.assign({label:e.createElement(f,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.formEmail.yourBirthday")),placeholder:"DD/MM/YYYY"},n.getInputProps("dob"))),p=e.createElement(P.Group,Object.assign({className:"radio-group",label:e.createElement(f,{size:"s4",weight:"semiBold",as:"span"},r("bmi.selectGender"))},n.getInputProps("gender")),e.createElement(P,{value:"0",label:r("onboarding.formEmail.genderMale")}),e.createElement(P,{value:"1",label:r("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(f,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.updatePassword.password")),withAsterisk:!0,rightSection:e.createElement(v,null)},n.getInputProps("password"))),d=e.createElement(E.Password,Object.assign({label:e.createElement(f,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.updatePassword.confirmPassword")),withAsterisk:!0,rightSection:e.createElement(v,null)},n.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(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=n(B)`
   .phone-input {
     width: 100%;
     margin-bottom: 32px;
@@ -130,7 +130,7 @@ import"dayjs";import"./screenSizeContext-a6448e69.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"},Z=({onClose:t,onSubmit:r,canSkip:n=!0,customFormTexts:a})=>{const{t:o}=x(),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=>p(void 0,void 0,void 0,(function*(){r(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"},Z=({onClose:t,onSubmit:r,canSkip:n=!0,customFormTexts:o})=>{const{t:a}=x(),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*(){r(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"},a("onboarding.button.continue")),n&&e.createElement(c,{color:"ghost",isBlock:!0,size:"lg",onClick:t,type:"button"},a("onboarding.button.skip")))))},J=n(B)`
   .otp-input {
     margin-bottom: 36px;
     ${i.mbDown} {