@hhgtech/hhg-components 1.26.5 → 1.26.7

package/build/esm/{types-38763ff6.js → types-1189ebcd.js}

@@ -1,4 +1,4 @@
-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`
+import{a as e}from"./tslib.es6-79817114.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-0c0cea24.js";import{b as d,d as h}from"./index-de38ab4c.js";import{g as u,s as p,d as g}from"./cookieHelper-70e13681.js";import{u as m}from"./useTranslations-4fa2139f.js";import C from"lodash/debounce";import{I as f}from"./index-ea680e71.js";import y,{createGlobalStyle as b}from"styled-components";import{T as v}from"./index-b22492c4.js";import{t as w}from"./theme-c7e90491.js";import E from"react-loading-skeleton";import{M as L}from"./utils-60c569c6.js";import x from"lodash/shuffle";import{a as S}from"./useOutsideClick-b9e8492d.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-86d7b2fe.js → types-3cf5db68.js}

@@ -1,4 +1,4 @@
-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`
+import{a as e,_ as t}from"./tslib.es6-79817114.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-d3e543f9.js";import{T as x}from"./index-b22492c4.js";import{a as y}from"./index.styled-dc4f87cc.js";import{u as E}from"./useTranslations-4fa2139f.js";import C from"innertext";import{t as k}from"./theme-c7e90491.js";import{N,a9 as A,a4 as L,D as T,_ as I,C as S,ab as P}from"./index.styled-0f03d5f6.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-5613eba2.js";import{A as oe,B as ne,T as ie,D as le}from"./index-20142999.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-b2c38ce2.js";import{I as ge}from"./index-ea680e71.js";import he from"lodash/debounce";import ve from"react-contenteditable";import{I as fe,C as be,a as we}from"./index-6ea3b559.js";import{A as xe}from"./index-7714e61e.js";import ye from"dayjs";import"./screenSizeContext-bd25e0b6.js";import Ee,{keyframes as Ce,css as ke}from"styled-components";import{d as Ne}from"./index-de38ab4c.js";import{M as Ae,t as Le,c as Te,a as Ie}from"./utils-60c569c6.js";import"./isProduction-6f0cd7c9.js";import"./Onboarding-abd9ce18.js";import{B as Se}from"./index-39ed3856.js";import"./index-2644d5d0.js";import"@mantine/hooks";import{H as Pe}from"./index-bdbcf645.js";import{d as ze,g as Me}from"./cookieHelper-70e13681.js";import*as je from"react-dom";import"./index-7953c54e.js";import"./index-d0fd6b94.js";import"./index.styled-50110be6.js";import"./index-b1599d67.js";import"date-fns";import"react-day-picker/DayPickerInput";import"./index-266108cf.js";import"lodash/throttle";import"keen-slider/react";import"./types-cf69e0f9.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-3e2549cb.js";import"string-format";import Fe from"dayjs/plugin/relativeTime";import{M as Be}from"./index-700ce24f.js";import{a as Oe}from"./useUniqueId-e72668ec.js";import"./translationsContext-e2bde1f7.js";import{g as Ve}from"./routing-4ed397df.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-2ee9fcc7.js";
+export{a as BabyGrowthChartDuration,B as BabyGrowthChartType,b as BabyGrowthResultTab,G as Gender,L as LOCALE,O as OnboardingStep}from"./Onboarding-abd9ce18.js";

package/build/esm/{useHealthToolCache-95723a2f.js → useHealthToolCache-8b0952cd.js}

@@ -1 +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};
+import{a as o}from"./tslib.es6-79817114.js";import{useState as t,useEffect as i,useCallback as e}from"react";import{a as l}from"./getDynamicHealthTool-1d4ce935.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-9f44db76.js → useRafState-09ea8cb9.js}

@@ -1 +1 @@
-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};
+import{a as e}from"./tslib.es6-79817114.js";import{useRef as t,useEffect as n,useState as r,useCallback as i}from"react";import{g as o}from"./cookieHelper-70e13681.js";import{u as a}from"./useUniqueId-e72668ec.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-91cab8b3.js → useTranslations-4fa2139f.js}

@@ -1 +1 @@
-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};
+import{useContext as o,useMemo as a}from"react";import{T as e,d as r}from"./translationsContext-e2bde1f7.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-3fbaf720.js → utils-033869ed.js}

@@ -1,4 +1,4 @@
-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`
+import"dayjs";import"./screenSizeContext-bd25e0b6.js";import e,{createContext as t,useContext as r}from"react";import n from"styled-components";import{t as o}from"./theme-c7e90491.js";import{L as a}from"./index-de38ab4c.js";import{M as i}from"./utils-60c569c6.js";import"./isProduction-6f0cd7c9.js";import{L as s}from"./Onboarding-abd9ce18.js";import"./gAssets.js";import{_ as p,a as l}from"./tslib.es6-79817114.js";import{createFormContext as d,yupResolver as m}from"@mantine/form";import"./index.styled-0f03d5f6.js";import{B as c}from"./index-d3e543f9.js";import{Container as g,Title as u,Input as b}from"@mantine/core";import"./index-7953c54e.js";import{c as h}from"./index-d0fd6b94.js";import"./index.styled-50110be6.js";import{u as x}from"./useTranslations-4fa2139f.js";import"./index-b1599d67.js";import{f,n as w,e as E,m as y,R as P,O as j}from"./index-7714e61e.js";import"./index-2644d5d0.js";import"@mantine/hooks";import"lodash/debounce";import{V as v}from"./Visible-9aee4e5c.js";import*as M from"yup";import"./translationsContext-e2bde1f7.js";import"string-format";const I=t({}),[O,N,T]=d(),k=n.div`
   margin-top: 70px;
   display: flex;
   flex-direction: column;
@@ -47,7 +47,7 @@ import"dayjs";import"./screenSizeContext-90c6fc3b.js";import e,{createContext as
   }
 `,C=n.img`
   margin-bottom: 38px;
-`,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`
+`,B=t=>{var n,{heading:i,description:s,children:l,className:d,imgSrc:m}=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 ${d}`,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,m&&e.createElement(C,{src:m,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;
@@ -113,7 +113,7 @@ import"dayjs";import"./screenSizeContext-90c6fc3b.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(),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)`
+`,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)),d=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"))),m=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 d;case"confirm_password":return m;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-90c6fc3b.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: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)`
+`,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:m(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} {