@hhgtech/hhg-components 1.25.4 → 1.25.6

package/build/types.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Onboarding-98039f0a.js");Object.defineProperty(exports,"BabyGrowthChartDuration",{enumerable:!0,get:function(){return e.BabyGrowthChartDuration}}),Object.defineProperty(exports,"BabyGrowthChartType",{enumerable:!0,get:function(){return e.BabyGrowthChartType}}),Object.defineProperty(exports,"BabyGrowthResultTab",{enumerable:!0,get:function(){return e.BabyGrowthResultTab}}),Object.defineProperty(exports,"Gender",{enumerable:!0,get:function(){return e.Gender}}),Object.defineProperty(exports,"LOCALE",{enumerable:!0,get:function(){return e.LOCALE}}),Object.defineProperty(exports,"OnboardingStep",{enumerable:!0,get:function(){return e.OnboardingStep}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Onboarding-a3e0406a.js");Object.defineProperty(exports,"BabyGrowthChartDuration",{enumerable:!0,get:function(){return e.BabyGrowthChartDuration}}),Object.defineProperty(exports,"BabyGrowthChartType",{enumerable:!0,get:function(){return e.BabyGrowthChartType}}),Object.defineProperty(exports,"BabyGrowthResultTab",{enumerable:!0,get:function(){return e.BabyGrowthResultTab}}),Object.defineProperty(exports,"Gender",{enumerable:!0,get:function(){return e.Gender}}),Object.defineProperty(exports,"LOCALE",{enumerable:!0,get:function(){return e.LOCALE}}),Object.defineProperty(exports,"OnboardingStep",{enumerable:!0,get:function(){return e.OnboardingStep}});

package/build/{useHealthToolCache-10a7a9b7.js → useHealthToolCache-ea17fa33.js}

@@ -1 +1 @@
-"use strict";var e=require("./tslib.es6-f995bf64.js"),t=require("react"),o=require("./getDynamicHealthTool-98540fe6.js");exports.useHealthToolsCache=a=>{const[i,l]=t.useState([]);t.useEffect((()=>{e.__awaiter(void 0,void 0,void 0,(function*(){const e=yield o.getDynamicHealthToolWithCache(a);l(e)}))}),[o.getDynamicHealthToolWithCache,a]);const r=t.useCallback((e=>{var t;return(null===(t=i.find((t=>t.template===e)))||void 0===t?void 0:t.link)||""}),[i]);return{allTools:i,getHealthToolLink:r}};
+"use strict";var e=require("./tslib.es6-8d899bf7.js"),t=require("react"),o=require("./getDynamicHealthTool-9413fd5f.js");exports.useHealthToolsCache=a=>{const[i,l]=t.useState([]);t.useEffect((()=>{e.__awaiter(void 0,void 0,void 0,(function*(){const e=yield o.getDynamicHealthToolWithCache(a);l(e)}))}),[o.getDynamicHealthToolWithCache,a]);const r=t.useCallback((e=>{var t;return(null===(t=i.find((t=>t.template===e)))||void 0===t?void 0:t.link)||""}),[i]);return{allTools:i,getHealthToolLink:r}};

package/build/{useRafState-13f4ccab.js → useRafState-58f70c5f.js}

@@ -1 +1 @@
-"use strict";var e=require("./tslib.es6-f995bf64.js"),t=require("react"),r=require("./cookieHelper-51db0cbc.js"),n=require("./useUniqueId-84c98b51.js");function i(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("")))}exports.useFbDataLayer=n=>{const o=t.useRef("");t.useEffect((()=>(e.__awaiter(void 0,void 0,void 0,(function*(){var e,t,a,u,l;if(!o.current){let e=yield fetch("https://api.ipify.org").then((e=>e.text()));e||(e=yield fetch("https://icanhazip.com").then((e=>e.text()))),o.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===(a=o.current)||void 0===a?void 0:a.replace("\n",""))||"",client_user_agent:navigator.userAgent||""})),null==n?void 0:n.id){const[e,t,o,a,c,s]=yield Promise.all([n.email?i(n.email):null,n.phone?i(n.phone):null,n.birthday?i(n.birthday.split("-").join("")):null,n.gender?"m":"f",n.city_name?i(n.city_name).then((e=>e.replace(/\s/g,""))):null,n.name?i(n.name):null]);r.getCookie("_fbc"),r.getCookie("_fbp");const d={user_id:n.id};s&&(d.fn=s),e&&(d.em=e),t&&(d.ph=t),o&&(d.db=o),a&&(d.ge=a),c&&(d.ct=c),null===(l=null===(u=window.localStorage)||void 0===u?void 0:u.setItem)||void 0===l||l.call(u,"fbDataLayer_userInfo",JSON.stringify(d))}})),()=>{})),[n])},exports.usePrevious=e=>{const r=t.useRef(),i=t.useRef(e);return n.useInitialMount()||i.current===e||(r.current=i.current,i.current=e),r.current},exports.useRafState=e=>{const[r,n]=t.useState(e),i=t.useRef(0),o=t.useCallback((e=>{cancelAnimationFrame(i.current),i.current=requestAnimationFrame((()=>{n(e)}))}),[]);return t.useEffect((()=>()=>cancelAnimationFrame(i.current))),[r,o]};
+"use strict";var e=require("./tslib.es6-8d899bf7.js"),t=require("react"),r=require("./cookieHelper-ed2cc235.js"),n=require("./useUniqueId-e488badf.js");function i(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("")))}exports.useFbDataLayer=n=>{const a=t.useRef("");t.useEffect((()=>(e.__awaiter(void 0,void 0,void 0,(function*(){var e,t,o,u,l;if(!a.current){let e=yield fetch("https://api.ipify.org").then((e=>e.text()));e||(e=yield fetch("https://icanhazip.com").then((e=>e.text()))),a.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===(o=a.current)||void 0===o?void 0:o.replace("\n",""))||"",client_user_agent:navigator.userAgent||""})),null==n?void 0:n.id){const[e,t,a,o,c,s]=yield Promise.all([n.email?i(n.email):null,n.phone?i(n.phone):null,n.birthday?i(n.birthday.split("-").join("")):null,n.gender?"m":"f",n.city_name?i(n.city_name).then((e=>e.replace(/\s/g,""))):null,n.name?i(n.name):null]);r.getCookie("_fbc"),r.getCookie("_fbp");const d={user_id:n.id};s&&(d.fn=s),e&&(d.em=e),t&&(d.ph=t),a&&(d.db=a),o&&(d.ge=o),c&&(d.ct=c),null===(l=null===(u=window.localStorage)||void 0===u?void 0:u.setItem)||void 0===l||l.call(u,"fbDataLayer_userInfo",JSON.stringify(d))}})),()=>{})),[n])},exports.usePrevious=e=>{const r=t.useRef(),i=t.useRef(e);return n.useInitialMount()||i.current===e||(r.current=i.current,i.current=e),r.current},exports.useRafState=e=>{const[r,n]=t.useState(e),i=t.useRef(0),a=t.useCallback((e=>{cancelAnimationFrame(i.current),i.current=requestAnimationFrame((()=>{n(e)}))}),[]);return t.useEffect((()=>()=>cancelAnimationFrame(i.current))),[r,a]};

package/build/useScreenSize-4965d910.js

@@ -0,0 +1 @@
+"use strict";var e=require("react"),i=require("./utils-7237256b.js");const n=()=>"undefined"!=typeof window&&window.innerWidth<i.Breakpoints.BREAK_POINT_MOBILE,t=()=>"undefined"!=typeof window&&window.innerWidth>=i.Breakpoints.BREAK_POINT_MOBILE&&window.innerWidth<i.Breakpoints.BREAK_POINT_PC;exports.useScreenSize=()=>{const[i,r]=e.useState(n()),[s,o]=e.useState(t());return e.useEffect((()=>{const e=()=>{r(n()),o(t())};return window.addEventListener("resize",e,{passive:!0}),()=>{window.removeEventListener("resize",e)}}),[]),{isMobile:i,isLargeMobile:s}};

package/build/useTranslations-b1b206d7.js

@@ -0,0 +1 @@
+"use strict";var e=require("react"),t=require("./translationsContext-f02cb075.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=a(require("string-format"));exports.useTranslations=function(){const{values:a,locale:o}=e.useContext(t.TranslationsContext)||{locale:"en-PH"};return e.useMemo((()=>({t:(e,r)=>a?a[e]?r?n.default(a[e]||e,r):a[e]||e:(console.warn(`[useTranslations] Missing translation for key ${e} and locale ${o}`),r?n.default(t.defaultTranslations[e]||e,r):t.defaultTranslations[e]||e):(console.error("[useTranslations] t method called before translation values are loaded"),e),locale:o})),[a,o])};

package/build/vaccination.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tslib.es6-f995bf64.js"),t=require("react"),a=require("./useTranslations-48ecf80b.js"),n=require("./theme-9cdc8da0.js"),l=require("./index.styled-1a5ac19a.js"),i=require("./index-ea42d8c0.js"),r=require("dayjs");require("./screenSizeContext-c4ee67f2.js");var c=require("styled-components");require("./index-c1b0d87f.js");var o=require("./utils-6b23688f.js");require("./isProduction-4ff91841.js"),require("./Onboarding-98039f0a.js"),require("./gAssets.js");var d=require("@mantine/core"),s=require("@mantine/dates"),u=require("./index-179083f6.js"),m=require("./index-79bd4f94.js"),p=require("./index-89778fab.js");function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./index.styled-569ed3c9.js"),require("./index.styled-b955ba8a.js"),require("./index-3c4909a1.js"),require("./index.styled-284f900d.js"),require("./index-ac23b103.js"),require("./index-68ffdb52.js"),require("./index-d1731f73.js"),require("@mantine/hooks"),require("./translationsContext-c2431a05.js"),require("string-format"),require("./useUniqueId-84c98b51.js"),require("lodash/throttle"),require("./index.styles-e2f46472.js"),require("./useScrollbarSize-420cf0d2.js"),require("lodash/debounce"),require("react-dom"),require("@mantine/carousel");var x=f(t),g=f(r),b=f(c);const h=b.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tslib.es6-8d899bf7.js"),t=require("react"),a=require("@mantine/core"),r=require("./useTranslations-b1b206d7.js"),n=require("./theme-3be93360.js");require("./gAssets.js");var l=require("./index-bf66977c.js"),i=require("./index-63f73c36.js"),o=require("dayjs");require("./screenSizeContext-8b1c7b07.js");var c=require("styled-components");require("./index-d0084e4d.js");var s=require("./utils-7237256b.js");require("./isProduction-3194f48f.js"),require("./Onboarding-a3e0406a.js"),require("./index-e4ca758a.js"),require("@mantine/hooks"),require("./index.styled-64b540d3.js"),require("./index.styled-3d1cf231.js"),require("./index-1417d52c.js");var d=require("./index-eefa7e12.js");require("./index.styled-3f461272.js"),require("./translationsContext-f02cb075.js"),require("string-format"),require("./index-7782c227.js");var u=require("./index-5d34bbed.js");require("lodash/debounce");var m=require("./index-4f63f353.js"),p=require("./useScreenSize-4965d910.js"),f=require("@mantine/form"),g=require("dayjs/plugin/customParseFormat"),b=require("./index-45936b83.js"),x=require("./index-5616ad8b.js");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("@mantine/dates"),require("@mantine/carousel"),require("lodash/throttle"),require("./useUniqueId-e488badf.js");var y=h(t),v=h(o),E=h(c),w=h(g);const j=({status:e,isCurrent:t})=>{switch(e){case"vaccinated":return y.default.createElement(d.Icon.Vaccinated,null);case"passed":return y.default.createElement(d.Icon.Missed,null);default:return t?y.default.createElement(d.Icon.Current,null):y.default.createElement(d.Icon.Upcoming,null)}},T=E.default.div`
   position: relative;
   padding: 16px;
   min-height: 110px;
@@ -36,16 +36,16 @@
     border-color: ${n.theme.colors.neutral300};
   }
 
-  ${o.MediaQueries.mbDown} {
+  ${s.MediaQueries.mbDown} {
     padding: 12px;
     gap: 8px;
   }
-`,y=b.default.div`
+`;E.default.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
   width: 100%;
-`,E=b.default.div`
+`;const $=E.default.div`
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -60,14 +60,14 @@
     display: flex;
     align-self: center;
   }
-`,w=b.default.div``,v=t=>{var{vaccineRecord:r,isInTimeline:c,isCurrent:o,onMarkAsInjected:d,onDelInjected:s}=t,u=e.__rest(t,["vaccineRecord","isInTimeline","isCurrent","onMarkAsInjected","onDelInjected"]);const{t:m}=a.useTranslations(),{status:p,optional:f,vaccineName:g,doseNumber:b,totalDoses:v,givenOn:j}=r;return x.default.createElement(h,Object.assign({},u,{"data-status":o?"current":p,"data-is-in-timeline":c}),x.default.createElement(y,null,o?x.default.createElement(l.Icon.Current,null):"vaccinated"===p?x.default.createElement(l.Icon.Vaccinated,null):"passed"===p?x.default.createElement(l.Icon.Missed,null):x.default.createElement(l.Icon.Upcoming,null),c?x.default.createElement("div",{className:"toggle",onChange:()=>{"vaccinated"===p?s(r):d(r)}},"vaccinated"===p?x.default.createElement(l.Icon.ToggleOn,null):x.default.createElement(l.Icon.ToggleOff,null),x.default.createElement(i.Text,{size:"n1",color:n.theme.colors.gray800},m("vaccinated"===p?"babyVaccine.vaccineCard.injected":"babyVaccine.vaccineCard.markAsInjected"))):x.default.createElement("div",{className:"in-detail"},m(o?"babyVaccine.status.current":"vaccinated"===p?"babyVaccine.status.vaccinated":"passed"===p?"babyVaccine.status.missed":"babyVaccine.status.upcoming"))),x.default.createElement(w,null,x.default.createElement(i.Text,{size:"s3",color:n.theme.colors.gray800,type:"semiBold"},g),x.default.createElement(E,null,x.default.createElement(i.Text,{size:"n1",color:f?n.theme.colors.gray800:n.theme.colors.red800},m(f?"babyVaccine.vaccineInfo.optional":"babyVaccine.vaccineInfo.mandatory")),x.default.createElement("span",{className:"dot"}),x.default.createElement(i.Text,{size:"n1",color:n.theme.colors.gray600},m("babyVaccine.vaccineInfo.dose",{ordinal:b,total:v})),x.default.createElement("span",{className:"dot"}),x.default.createElement(i.Text,{size:"n1",color:n.theme.colors.gray800},m("vaccinated"===p?"babyVaccine.vaccineInfo.injectedDate":"babyVaccine.vaccineInfo.suggested",{date:j})))))},j=b.default.div`
+`;E.default.div``;const k={vaccinated:n.theme.colors.green600,passed:n.theme.colors.yellow800},q=({status:e,template:l="timeline",onToggle:o})=>{const{t:c}=r.useTranslations(),[s,d]=t.useState("vaccinated"===e);return y.default.createElement("div",null,"timeline"===l?y.default.createElement(u.Switch,{checked:s,onChange:e=>{d(e.currentTarget.checked),null==o||o(e.currentTarget.checked)},label:c("babyVaccine.vaccineCard.injected"),size:"xs",color:"green.6",styles:{input:{display:"none"}}}):y.default.createElement(a.Box,{sx:{padding:"3px 8px",border:"1px solid",borderRadius:4,background:"transparent",borderColor:(null==k?void 0:k[e])||n.theme.colors.neutral100}},y.default.createElement(i.Text,{size:"n1",color:(null==k?void 0:k[e])||n.theme.colors.gray800},c("vaccinated"===e?"babyVaccine.status.vaccinated":"passed"===e?"babyVaccine.status.missed":"babyVaccine.status.upcoming"))))},z=t=>{var{vaccineRecord:l,isCurrent:o,template:c="timeline",onToggle:s}=t,d=e.__rest(t,["vaccineRecord","isCurrent","template","onToggle"]);const{t:u}=r.useTranslations(),{status:m,optional:p,vaccineName:f,doseNumber:g,totalDoses:b,givenOn:x,vaccineAntigen:h}=l;return y.default.createElement(T,Object.assign({},d,{"data-status":o?"current":m,"data-template":c}),y.default.createElement(a.Stack,{spacing:12},y.default.createElement(a.Flex,{align:"center",justify:"space-between"},y.default.createElement(j,{status:m}),y.default.createElement(q,{status:m,template:c,onToggle:e=>s(e,l)})),y.default.createElement(a.Stack,{spacing:4},y.default.createElement(i.Text,{size:"s3",color:n.theme.colors.gray800,weight:"semiBold"},f," ",h&&`(${h})`),y.default.createElement($,null,y.default.createElement(i.Text,{size:"n1",color:p?n.theme.colors.gray800:n.theme.colors.red800},u(p?"babyVaccine.vaccineInfo.optional":"babyVaccine.vaccineInfo.mandatory")),y.default.createElement("span",{className:"dot"}),y.default.createElement(i.Text,{size:"n1",color:n.theme.colors.gray600},y.default.createElement("span",{dangerouslySetInnerHTML:{__html:u("babyVaccine.vaccineInfo.dose",{ordinal:`<b>${g}</b>`,total:b})}})),y.default.createElement("span",{className:"dot"}),y.default.createElement(i.Text,{size:"n1",color:n.theme.colors.gray600},u("vaccinated"===m?"babyVaccine.vaccineInfo.injectedDate":"babyVaccine.vaccineInfo.suggested",{date:x}))))))};E.default.div`
   position: relative;
   display: flex;
   flex-direction: column;
   align-items: center;
   width: 100%;
   gap: 12px;
-`,C=b.default.div`
+`,E.default.div`
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -75,12 +75,12 @@
   gap: 16px;
   width: 100%;
 
-  ${o.MediaQueries.mbDown} {
+  ${s.MediaQueries.mbDown} {
     flex-direction: column;
     gap: 4px;
     align-items: flex-start;
   }
-`,T=b.default.div`
+`,E.default.div`
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -92,15 +92,15 @@
     max-width: 94px;
     width: 100%;
 
-    ${o.MediaQueries.mbDown} {
+    ${s.MediaQueries.mbDown} {
       max-width: 91px;
     }
   }
 
-  ${o.MediaQueries.mbDown} {
+  ${s.MediaQueries.mbDown} {
     gap: 2px;
   }
-`,k=b.default.div`
+`,E.default.div`
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -117,13 +117,14 @@
     display: flex;
     align-self: center;
   }
-`,I=b.default.div`
+`;const V=E.default.div`
+  flex-shrink: 1;
   display: flex;
-  flex-direction: row;
   align-items: center;
   width: 100%;
+  height: 42px;
   .line {
-    width: 100%;
+    flex-grow: 1;
     height: 1px;
     background: ${n.theme.colors.neutral200};
   }
@@ -137,35 +138,22 @@
     align-self: center;
   }
 
-  &[data-isCurrent='true'] {
+  &[data-is-current='true'] {
     .line {
-      background: ${n.theme.colors.primaryBase};
+      background-color: ${n.theme.colors.primaryBase};
     }
     .dot {
       background-color: ${n.theme.colors.primaryBase};
     }
   }
-`,$=b.default.div`
-  padding-left: 108px;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: space-between;
-  gap: 8px;
-  width: 100%;
-
-  ${o.MediaQueries.mbDown} {
-    padding: 0;
-  }
-`,q=b.default.div`
+`,D=E.default.div`
   position: relative;
   display: flex;
   flex-direction: row;
   justify-content: space-between;
 
   border-radius: 8px;
-  padding: 12px 24px;
-  min-height: 104px;
+  padding: 14px 24px;
   gap: 16px;
 
   background: ${n.theme.colors.teal50};
@@ -173,82 +161,18 @@
     background: ${n.theme.colors.pink50};
   }
 
-  .content {
-    display: flex;
-    flex-direction: column;
-    align-items: flex-start;
-    justify-content: center;
-    gap: 8px;
-    .read-more {
-      display: flex;
-      align-items: center;
-      justify-content: flex-start;
-      cursor: pointer;
-      text-decoration: none;
-    }
+  a {
+    text-decoration: none;
   }
-
   img {
-    object-fit: 'contain';
-    width: 80px;
-    height: 80px;
+    object-fit: contain;
   }
 
-  ${o.MediaQueries.mbDown} {
+  ${s.MediaQueries.mbDown} {
     padding: 12px;
     gap: 12px;
-    min-height: 118px;
-
-    img {
-      object-fit: 'contain';
-      width: 56px;
-      height: 56px;
-    }
-  }
-`;b.default(l.Drawer)``;const N=b.default(p.Modal)`
-  ${o.MediaQueries.mbUp} {
-    .hhg-modal {
-      min-width: 570px;
-    }
-  }
-
-  ${o.MediaQueries.mbDown} {
-    .hhg-modal {
-      max-width: 100%;
-      height: 100%;
-    }
-  }
-
-  .title {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding-bottom: 16px;
-    border-bottom: 1px solid ${n.theme.colors.neutral100};
-  }
-
-  .close-button {
-    margin-left: auto;
-  }
-`,V=b.default.div`
-  display: flex;
-  justify-content: flex-start;
-  flex-direction: column;
-  gap: 20px;
-  align-items: flex-start;
-  width: 100%;
-  overflow-y: auto;
-  padding-top: 20px;
-
-  .toggle {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    justify-content: space-between;
-    gap: 2px;
-    cursor: pointer;
   }
-`,M=b.default.div`
+`;v.default.extend(w.default);const M=({record:e,onSubmit:t})=>{const{t:o}=r.useTranslations(),c=f.useForm({initialValues:{date:v.default(e.givenOn,"DD/MM/YYYY").toDate()||new Date}});return y.default.createElement("form",{onSubmit:c.onSubmit((a=>{t(a,e)}))},y.default.createElement(a.Stack,{spacing:20},y.default.createElement(z,{vaccineRecord:e,template:"modal"}),y.default.createElement(l.DatePicker,Object.assign({label:y.default.createElement(i.Text,{size:"s5",weight:"semiBold",color:n.theme.colors.gray600},o("babyVaccine.popup.checkbox.suggestedDate"))},c.getInputProps("date"))),y.default.createElement(b.Button,{size:"lg",type:"submit",fullWidth:!0},o("babyVaccine.popup.button.submit"))))},S=E.default.div`
   position: relative;
   display: flex;
   flex-direction: column;
@@ -257,10 +181,10 @@
   gap: 16px;
   min-height: 110px;
   width: 100%;
-  ${o.MediaQueries.mbDown} {
+  ${s.MediaQueries.mbDown} {
     padding: 0;
   }
-`,z=b.default.div`
+`,B=E.default.div`
   display: flex;
   flex-direction: row;
   align-items: flex-start;
@@ -270,10 +194,10 @@
   background: ${n.theme.colors.neutral50};
   width: 100%;
   border-radius: 8px;
-  ${o.MediaQueries.mbDown} {
+  ${s.MediaQueries.mbDown} {
     gap: 10px;
   }
-`,D=b.default.div`
+`,C=E.default.div`
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -285,7 +209,7 @@
     width: 100%;
     gap: 24px;
   }
-`,B=b.default.div`
+`,I=E.default.div`
   display: flex;
   flex-direction: row;
   width: 100%;
@@ -299,14 +223,14 @@
     width: 100%;
   }
 
-  ${o.MediaQueries.mbDown} {
+  ${s.MediaQueries.mbDown} {
     .header {
       padding: 0;
     }
     flex-direction: column;
     gap: 12px;
   }
-`,A=b.default.div`
+`,_=E.default.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -314,17 +238,17 @@
   justify-content: center;
   gap: 2px;
 
-  ${o.MediaQueries.mbDown} {
+  ${s.MediaQueries.mbDown} {
     width: 100%;
   }
-`,Q=b.default.div`
+`,N=E.default.div`
   display: flex;
   flex-direction: row;
   align-items: flex-end;
   justify-content: flex-end;
   width: 30%;
   gap: 4px;
-  ${o.MediaQueries.mbDown} {
+  ${s.MediaQueries.mbDown} {
     justify-content: flex-start;
     width: 100%;
     gap: 8px;
@@ -338,11 +262,11 @@
     width: 100%;
     gap: 4px;
 
-    ${o.MediaQueries.mbDown} {
+    ${s.MediaQueries.mbDown} {
       justify-content: flex-start;
     }
   }
-`,L=b.default.div`
+`,R=E.default.div`
   background: #f7f9fc;
   border: 1px solid #e4e8ec;
   border-radius: 50%;
@@ -377,4 +301,4 @@
     border: 1px solid ${n.theme.colors.yellow800};
     background: ${n.theme.colors.yellow800};
   }
-`,_=(e,t)=>x.default.createElement(L,{"data-status":e,"data-id":t||"header"},t||"");exports.Immunization=({vaccineRecord:e,onMarkAsInjected:t,onDelInjected:r,isMobile:c,className:o,siteType:d})=>{const{t:s}=a.useTranslations();return x.default.createElement(M,{className:o,"data-theme":d},x.default.createElement(z,null,x.default.createElement(l.Icon.Missed,{color:n.theme.colors.gray600}),x.default.createElement(i.Text,{size:"p3",color:n.theme.colors.gray800},s("babyVaccine.immunization.warning"))),x.default.createElement(D,null,x.default.createElement(B,{className:"header"},!c&&x.default.createElement(A,{className:"header"},x.default.createElement(i.Text,{size:"s5",color:n.theme.colors.gray800,type:"semiBold"},s("babyVaccine.immunization.vaccineName"))),x.default.createElement(Q,{className:"header"},x.default.createElement("div",{className:"status"},_("passed"),x.default.createElement(i.Text,{size:"p4",color:n.theme.colors.gray800},s("babyVaccine.status.missed"))),x.default.createElement("div",{className:"status"},_("next"),x.default.createElement(i.Text,{size:"p4",color:n.theme.colors.gray800},s("babyVaccine.status.upcoming"))),x.default.createElement("div",{className:"status"},_("vaccinated"),x.default.createElement(i.Text,{size:"p4",color:n.theme.colors.gray800},s("babyVaccine.status.vaccinated"))))),e&&e.map(((e,a)=>x.default.createElement(B,{key:`${a}${e.id}`},x.default.createElement(A,null,x.default.createElement(i.Text,{size:"n1",color:e.optional?n.theme.colors.gray800:n.theme.colors.red800},e.optional?s("babyVaccine.vaccineInfo.optional"):s("babyVaccine.vaccineInfo.mandatory")),x.default.createElement(i.Text,{size:c?"s3":"s4",color:n.theme.colors.gray800,type:"semiBold"},e.name||e.antigen)),x.default.createElement(Q,null,e.records&&e.records.map(((e,a)=>x.default.createElement("div",{key:a,onClick:()=>{"vaccinated"==e.status?r(e):t(e)}},_(e.status,a+1))))))))))},exports.RecordsByAgeGroup=({vaccineRecords:e,isCurrent:t,onMarkAsInjected:l,onDelInjected:r,countPass:c,countNext:o,className:d,siteType:s})=>{const{t:u}=a.useTranslations();return x.default.createElement(j,{className:d,"data-theme":s},x.default.createElement(C,null,x.default.createElement(T,null,x.default.createElement(i.Text,{size:"s4",color:t?n.theme.colors.primaryBase:n.theme.colors.gray800,type:"semiBold",className:"title"},e.name||e.shortName),x.default.createElement(I,{"data-isCurrent":t},x.default.createElement("span",{className:"dot"}),x.default.createElement("div",{className:"line"}))),x.default.createElement(k,null,c>0&&x.default.createElement(i.Text,{size:"n1",color:n.theme.colors.gray600,wordWrap:"none"},u("babyVaccine.timeline.totalPast",{number:c})),c>0&&o>0&&x.default.createElement("span",{className:"dot"}),o>0&&x.default.createElement(i.Text,{size:"n1",color:n.theme.colors.gray600,wordWrap:"none"},u("babyVaccine.timeline.totalNext",{number:o})))),x.default.createElement($,null,(null==e?void 0:e.records)&&e.records.map(((e,a)=>x.default.createElement(v,{key:`${a}${e.vaccineId}`,vaccineRecord:e,isInTimeline:!0,isCurrent:t&&0===a,onMarkAsInjected:()=>l(e),onDelInjected:()=>r(e)})))))},exports.TimelineBanner=({content:e,url:t,icon:r,gender:c,className:o,siteType:d})=>{const{t:s}=a.useTranslations();return x.default.createElement(q,{className:o,"data-theme":d,"data-gender":c},x.default.createElement("div",{className:"content"},x.default.createElement(i.Text,{size:"p3",color:n.theme.colors.gray800},e),t&&x.default.createElement("a",{className:"read-more",href:t,target:"_blank",rel:"noreferrer"},x.default.createElement("div",null,x.default.createElement(i.Text,{size:"s4",color:n.theme.colors.primaryBase,type:"semiBold"},s("articlePage.readMore"))),x.default.createElement(l.Icon.ArrowRight,{size:20,color:n.theme.colors.primaryBase}))),x.default.createElement("img",{alt:"health-tool-icon",src:r}))},exports.VaccineCard=v,exports.VaccineDetailPopup=({babyVaccinationRecord:e,onClose:r,vaccineDetail:c,isDetail:o,open:p,siteType:f,onMarkAsInjected:b,onDelInjected:h})=>{const{t:y}=a.useTranslations(),[E,w]=t.useState(0),[j,C]=t.useState(!1),T=[{name:y("babyVaccine.popup.tab.schedule"),dataEventAction:"Click"},{name:y("babyVaccine.popup.tab.detail"),dataEventAction:"Click"},{name:y("babyVaccine.popup.tab.benefits"),dataEventAction:"Click"},{name:y("babyVaccine.popup.tab.contraindication"),dataEventAction:"Click"}];return t.useEffect((()=>{o&&w(1)}),[o]),x.default.createElement(N,{type:"profile",isOpen:p,onClose:r,siteType:f},x.default.createElement("div",{className:"header"},x.default.createElement("div",{className:"title"},x.default.createElement(i.Text,{size:"s2",type:"semiBold"},y("babyVaccine.popup.title")),x.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"close-button",onClick:r},x.default.createElement("path",{d:"M5.99007 4.99067C5.79114 4.99072 5.59674 5.0501 5.43173 5.16121C5.26672 5.27233 5.1386 5.43013 5.06374 5.61444C4.98889 5.79875 4.9707 6.0012 5.0115 6.1959C5.05231 6.39061 5.15025 6.56872 5.29281 6.70747L10.5858 12.0004L5.29281 17.2934C5.19684 17.3855 5.12021 17.4959 5.06743 17.618C5.01464 17.7402 4.98676 17.8716 4.9854 18.0046C4.98405 18.1377 5.00926 18.2697 5.05954 18.3928C5.10983 18.516 5.1842 18.6279 5.27827 18.722C5.37235 18.8161 5.48426 18.8904 5.60743 18.9407C5.73061 18.991 5.86259 19.0162 5.99563 19.0149C6.12867 19.0135 6.2601 18.9856 6.38223 18.9328C6.50436 18.8801 6.61473 18.8034 6.70687 18.7075L11.9998 13.4145L17.2928 18.7075C17.385 18.8034 17.4953 18.8801 17.6175 18.9328C17.7396 18.9856 17.871 19.0135 18.0041 19.0149C18.1371 19.0162 18.2691 18.991 18.3922 18.9407C18.5154 18.8904 18.6273 18.8161 18.7214 18.722C18.8155 18.6279 18.8899 18.516 18.9401 18.3928C18.9904 18.2697 19.0156 18.1377 19.0143 18.0047C19.0129 17.8716 18.985 17.7402 18.9323 17.618C18.8795 17.4959 18.8028 17.3855 18.7069 17.2934L13.4139 12.0004L18.7069 6.70747C18.8514 6.567 18.9501 6.38616 18.99 6.18864C19.03 5.99112 19.0093 5.78614 18.9308 5.60055C18.8523 5.41497 18.7195 5.25744 18.5499 5.14861C18.3803 5.03978 18.1817 4.98473 17.9803 4.99067C17.7205 4.99841 17.4739 5.10699 17.2928 5.2934L11.9998 10.5864L6.70687 5.2934C6.61368 5.19761 6.50224 5.12146 6.37912 5.06947C6.25601 5.01747 6.12372 4.99068 5.99007 4.99067Z",fill:"#595959"})))),x.default.createElement("div",{className:"profile-container"},x.default.createElement(m.Tabs,{style:{fontSize:"14px",lineHeight:"22px",width:"100%",border:"none"},onChange:e=>{w(e)},tabContent:T,initialTab:E}),x.default.createElement(V,null,0===E&&x.default.createElement(x.default.Fragment,null,x.default.createElement(v,{vaccineRecord:e,onMarkAsInjected:()=>b(e),onDelInjected:()=>h(e),isInTimeline:!1}),x.default.createElement("div",{className:"toggle",onChange:()=>{"vaccinated"==e.status?h(e):b(e)}},"vaccinated"===e.status?x.default.createElement(l.Icon.ToggleOn,null):x.default.createElement(l.Icon.ToggleOff,null),x.default.createElement(i.Text,{size:"n1",color:n.theme.colors.gray800},"vaccinated"===e.status?y("babyVaccine.vaccineCard.injected"):y("babyVaccine.vaccineCard.markAsInjected"))),x.default.createElement(s.DatePicker,{style:{width:"100%"},label:x.default.createElement(i.Text,{as:"label",size:"s5",type:"semiBold",color:n.theme.colors.gray600},y("babyVaccine.popup.checkbox.suggestedDate")),onChange:()=>null,excludeDate:e=>g.default(e).isAfter(g.default())}),x.default.createElement(d.Checkbox,{label:x.default.createElement(i.Text,{as:"label",size:"s5",type:"semiBold",color:n.theme.colors.gray600},y("babyVaccine.popup.input.suggestedDate")),name:"check",checked:j,value:"check",onChange:()=>C(!j)})),1===E&&x.default.createElement(x.default.Fragment,null,x.default.createElement("span",{className:"description",dangerouslySetInnerHTML:{__html:c.detail}})),2===E&&x.default.createElement(x.default.Fragment,null," ",x.default.createElement("span",{className:"description",dangerouslySetInnerHTML:{__html:c.benefits}})),3===E&&x.default.createElement(x.default.Fragment,null,x.default.createElement("span",{className:"description",dangerouslySetInnerHTML:{__html:c.contraindications}})))),x.default.createElement(u.Button,{style:{width:"100%",marginTop:12},theme:f,size:"lg",color:"primary"},y("babyVaccine.popup.button.submit")))};
+`,Q=(e,t)=>y.default.createElement(R,{"data-status":e,"data-id":t||"header"},t||"");exports.Immunization=({vaccineRecord:e,onMarkAsInjected:t,onDelInjected:a,isMobile:l,className:i,siteType:o})=>{const{t:c}=r.useTranslations();return y.default.createElement(S,{className:i,"data-theme":o},y.default.createElement(B,null,y.default.createElement(d.Icon.Missed,{color:n.theme.colors.gray600}),y.default.createElement(x.Text,{size:"p3",color:n.theme.colors.gray800},c("babyVaccine.immunization.warning"))),y.default.createElement(C,null,y.default.createElement(I,{className:"header"},!l&&y.default.createElement(_,{className:"header"},y.default.createElement(x.Text,{size:"s5",color:n.theme.colors.gray800,type:"semiBold"},c("babyVaccine.immunization.vaccineName"))),y.default.createElement(N,{className:"header"},y.default.createElement("div",{className:"status"},Q("passed"),y.default.createElement(x.Text,{size:"p4",color:n.theme.colors.gray800},c("babyVaccine.status.missed"))),y.default.createElement("div",{className:"status"},Q("next"),y.default.createElement(x.Text,{size:"p4",color:n.theme.colors.gray800},c("babyVaccine.status.upcoming"))),y.default.createElement("div",{className:"status"},Q("vaccinated"),y.default.createElement(x.Text,{size:"p4",color:n.theme.colors.gray800},c("babyVaccine.status.vaccinated"))))),e&&e.map(((e,r)=>y.default.createElement(I,{key:`${r}${e.id}`},y.default.createElement(_,null,y.default.createElement(x.Text,{size:"n1",color:e.optional?n.theme.colors.gray800:n.theme.colors.red800},e.optional?c("babyVaccine.vaccineInfo.optional"):c("babyVaccine.vaccineInfo.mandatory")),y.default.createElement(x.Text,{size:l?"s3":"s4",color:n.theme.colors.gray800,type:"semiBold"},e.name||e.antigen)),y.default.createElement(N,null,e.records&&e.records.map(((e,r)=>y.default.createElement("div",{key:r,onClick:()=>{"vaccinated"==e.status?a(e):t(e)}},Q(e.status,r+1))))))))))},exports.RecordsByAgeGroup=t=>{var{vaccineRecords:l,isCurrent:o,onToggle:c,siteType:s}=t,d=e.__rest(t,["vaccineRecords","isCurrent","onToggle","siteType"]);const{t:u}=r.useTranslations();return y.default.createElement("div",Object.assign({},d),y.default.createElement(a.Grid,{gutter:16,"data-theme":s},y.default.createElement(a.Grid.Col,{span:"content"},y.default.createElement(i.Text,{size:"s4",color:o?n.theme.colors.primaryBase:n.theme.colors.gray800,weight:"semiBold",sx:{height:42,width:100,display:"flex",alignItems:"center"}},l.name||l.shortName)),y.default.createElement(a.Grid.Col,{span:"auto"},y.default.createElement(V,{"data-is-current":o},y.default.createElement("span",{className:"dot"}),y.default.createElement("div",{className:"line"}),y.default.createElement(i.Text,{size:"n1",ml:16},y.default.createElement("span",{dangerouslySetInnerHTML:{__html:u("babyVaccine.timeline.total",{number:`<b>${l.records.length}</b>`})}}))),y.default.createElement(a.Stack,{spacing:8},(null==l?void 0:l.records)&&l.records.map(((e,t)=>y.default.createElement(z,{key:`${t}${e.vaccineId}`,vaccineRecord:e,isCurrent:o&&0===t,onToggle:c})))))))},exports.TimelineBanner=t=>{var{content:l,url:o,icon:c,gender:s,siteType:m}=t,p=e.__rest(t,["content","url","icon","gender","siteType"]);const{t:f}=r.useTranslations();return y.default.createElement(D,Object.assign({"data-gender":s},p),y.default.createElement(a.Stack,{spacing:8},y.default.createElement(i.Text,{size:"p3",color:n.theme.colors.gray800},l),o&&y.default.createElement("a",{className:"read-more",href:o,target:"_blank",rel:"noreferrer"},y.default.createElement(a.Flex,{align:"center",gap:6},y.default.createElement(i.Text,{size:"s4",color:n.theme.colors.primaryBase,weight:"semiBold"},f("articlePage.readMore")),y.default.createElement(d.Icon.ArrowRight,{size:20,color:n.theme.colors.primaryBase})))),y.default.createElement(u.AspectRatio,{ratio:1,w:80},y.default.createElement("img",{alt:"health-tool-icon",src:c})))},exports.VaccineCard=z,exports.VaccineDetailPopup=l=>{var{babyVaccinationRecord:o,vaccineDetail:c,isDetail:s,siteType:d,onSubmit:f}=l,g=e.__rest(l,["babyVaccinationRecord","vaccineDetail","isDetail","siteType","onSubmit"]);const{t:b}=r.useTranslations(),{isMobile:x}=p.useScreenSize(),[h,v]=t.useState("1"),E=[{id:"1",name:b("babyVaccine.popup.tab.schedule")},{id:"2",name:b("babyVaccine.popup.tab.detail")}];return y.default.createElement(m.Modal,Object.assign({},g,{title:y.default.createElement(i.Text,{size:"s3",weight:"semiBold"},b("babyVaccine.popup.title")),withCloseButton:!0,styles:{body:{padding:0}},fullScreen:x}),y.default.createElement(a.Container,{fluid:!0,p:x?16:24},y.default.createElement(a.Tabs,{value:h,onTabChange:v,styles:{tabsList:{gap:16,borderBottom:"none"},tab:{padding:0,paddingBottom:8,color:n.theme.colors.gray400,"&:hover":{backgroundColor:"initial",border:"initial"},"&[data-active='true']":{color:n.theme.colors.primaryBase,borderColor:n.theme.colors.primaryBase}}}},y.default.createElement(a.Flex,{justify:"space-between"},y.default.createElement(a.Tabs.List,{grow:!0},E.map((e=>y.default.createElement(a.Tabs.Tab,{key:e.id,value:e.id},y.default.createElement(i.Text,{size:"s3",weight:"semiBold",color:"inherit"},e.name))))),"1"===h&&y.default.createElement(u.Switch,{checked:"vaccinated"===o.status,label:b("babyVaccine.vaccineCard.injected"),size:"xs",color:"green.6",styles:{input:{display:"none"}}})),y.default.createElement(a.Tabs.Panel,{value:"1",pt:20},y.default.createElement(M,{record:o,onSubmit:(t,a)=>e.__awaiter(void 0,void 0,void 0,(function*(){yield null==f?void 0:f(t,a),g.onClose()}))})),y.default.createElement(a.Tabs.Panel,{value:"2",pt:20},y.default.createElement("span",{className:"description",dangerouslySetInnerHTML:{__html:c.detail}})))))};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hhgtech/hhg-components",
-  "version": "1.25.4",
+  "version": "1.25.6",
   "main": "build/index.js",
   "module": "build/esm/index.js",
   "files": [

package/build/components/vaccination/vaccineCard/_deprecated_index.d.ts

@@ -1,11 +0,0 @@
-import { HTMLAttributes } from 'react';
-import { BabyVaccinationRecord } from 'src/interfaces/types';
-export type VaccineCardProps = {
-    vaccineRecord: BabyVaccinationRecord;
-    isInTimeline?: boolean;
-    isCurrent?: boolean;
-    onMarkAsInjected?: (record: BabyVaccinationRecord) => void;
-    onDelInjected?: (record: BabyVaccinationRecord) => void;
-} & HTMLAttributes<HTMLDivElement>;
-declare const VaccineCard: ({ vaccineRecord, isInTimeline, isCurrent, onMarkAsInjected, onDelInjected, ...rest }: VaccineCardProps) => JSX.Element;
-export { VaccineCard };

package/build/components/vaccination/vaccineDetailPopup/index.styled.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-export declare const StyledVaccineDetailPopup: import("styled-components").StyledComponent<import("react").FC<import("src/components/atoms/drawer").DrawerProps>, any, {}, never>;
-export declare const StyledModal: import("styled-components").StyledComponent<({ type, closeIcon, isOpen, onClose, children, className, animationType, isStaticBackdrop, siteType, style, }: import("../../molecules/modal").Props) => import("react").ReactPortal, any, {}, never>;
-export declare const StyledTabContent: import("styled-components").StyledComponent<"div", any, {}, never>;

package/build/esm/getDynamicHealthTool-2bde09a4.js

@@ -1 +0,0 @@
-import{a as t}from"./tslib.es6-1c928943.js";import{g as i}from"./core-72ebbbdd.js";import{n as o}from"./normalizeLink-9fab0337.js";import{c as l}from"./routing-e7d8175e.js";const e=(t,i)=>{var o,l;if(!t)return{};const e="tl-PH"===i?"/fil":"";return{id:t.id,isSubot:t.is_subot,template:t.template,icon:t.icon,link:(null===(o=t.link)||void 0===o?void 0:o.startsWith("http"))?t.link:`${e}/health-tools`+(null===(l=t.link)||void 0===l?void 0:l.replace(`${e}/`,"/")),subtitle:t.subtitle,title:t.title}},n=i=>t(void 0,void 0,void 0,(function*(){var t,n;try{let r;r="undefined"!=typeof window?window.fetch:yield require("node-fetch");const s="tl-PH"===i?"lang=fil":"";let d=[];try{const a=yield r(o(`${l(i)}/wp-json/api/healthtools?ismenu=0${s?"&"+s:""}`)).then((t=>t.json()));d=(null===(n=null===(t=null==a?void 0:a.data)||void 0===t?void 0:t.map)||void 0===n?void 0:n.call(t,(t=>e(t,i))))||[]}catch(t){}return d}catch(t){console.error(t)}})),r=o=>t(void 0,void 0,void 0,(function*(){return(yield i("all-health-tools",(()=>n(o||"en-PH")),(t=>!!(null==t?void 0:t.length)),6e4))||[]}));export{r as a,e as f,n as g};

package/build/esm/index-04c67297.js

@@ -1 +0,0 @@
-import e from"react";import{u as a}from"./useTranslations-e7780483.js";import{t}from"./theme-3cc56b19.js";import{I as r}from"./index.styled-e5673d78.js";import{I as o}from"./index-e6e4ffe6.js";import{M as s}from"./index-4a91f35d.js";import{T as i}from"./index-7f49e9c2.js";import{ai as m}from"./index.styled-2bb6deb5.js";const c=({isActive:c,onChange:n,value:l="",onInputChange:d,siteType:p})=>{const{t:y}=a(),f="marryBaby"===p;return e.createElement(m,{onClick:()=>n("new"),"data-is-mb":f,"data-isActive":f&&c},"marryBaby"===p?e.createElement("div",{className:"title"},e.createElement(s,{type:"bodytext-1",color:t.colors.gray800},y("chooseBaby.new")),e.createElement("div",{className:c?"radio active":"radio"},c&&e.createElement(r.CheckActiveMB,{size:26}))):e.createElement("div",{className:"title"},e.createElement(i,{size:"p2",color:t.colors.gray800},y("chooseBaby.new")),e.createElement("div",{className:c?"radio active":"radio"})),e.createElement(o,{name:"name",value:l,size:"md",placeholder:y("chooseBaby.placeholder"),type:"text",onChange:d}))};export{c as N};

package/build/esm/index-26859940.js

@@ -1 +0,0 @@
-import e,{useState as t,useRef as o,useEffect as d}from"react";import{u as a}from"./useScrollbarSize-e0680143.js";import{createPortal as l}from"react-dom";import{S as c,a as n,b as s}from"./index.styled-e5673d78.js";const r="hhg-modals",m=()=>{document.querySelectorAll('.hhg-modal[data-open="true"]').length<1&&document.body.classList.remove("hhc-modal-show")},i=()=>{document.querySelectorAll('.hhg-modal[data-open="true"]').length<1&&(document.body.style.overflow="",document.body.style.paddingRight="",document.body.classList.remove("hhc-disabled-scroll"))},h=({type:h="lead",closeIcon:u,isOpen:p=!0,onClose:y,children:g,className:b="",animationType:v="slideTop",isStaticBackdrop:_=!1,siteType:f,style:E})=>{const[w,C]=t(!1),N=o(null),{width:S}=a();if(!N.current&&w&&(N.current=document.createElement("div")),d((()=>(C(!0),()=>{C(!1),m(),i()})),[]),d((()=>{if(w){const e=(()=>{let e=document.getElementById(r);return e||(e=document.createElement("div"),e.setAttribute("id",r),document.body.append(e)),e})();return e.appendChild(N.current),()=>{e.removeChild(N.current)}}}),[w]),d((()=>{p?document.body.classList.add("hhc-modal-show"):m()}),[p]),d((()=>{p?(document.body.style.overflow="hidden",document.body.style.paddingRight=S+"px",document.body.classList.add("hhc-disabled-scroll")):i()}),[p,S]),!w)return null;const k=["hhg-modal__wrapper",b,v].filter((e=>e)).join(" ");return l(e.createElement(c,{className:k,"data-open":p,"data-type":h},!_&&e.createElement(n,{"data-open":p,onClick:y,"data-type":h}),!_&&"video"===h&&!!u&&e.createElement("div",{className:"hhg-modal__close",onClick:y},u),e.createElement(s,{className:"hhg-modal","data-open":p,"data-site-type":f},e.createElement("div",{className:"video"===h?"hhg-modal__video":"hhg-modal__content"},!!u&&"video"!==h&&e.createElement("div",{className:"hhg-modal__close",onClick:y},u),g))),N.current)};export{h as M};

package/build/esm/index-5e2d55be.js

@@ -1 +0,0 @@
-import e,{useState as a,useEffect as r}from"react";import{z as t,A as s}from"./index.styled-2bb6deb5.js";import{_ as o}from"./tslib.es6-1c928943.js";import{u as i}from"./useTranslations-e7780483.js";import"@mantine/core";import"./gAssets.js";import"./index-a6dd8773.js";import"dayjs";import"./screenSizeContext-a3df6c10.js";import"styled-components";import"./theme-3cc56b19.js";import"./index-0a033513.js";import"./utils-92451b4a.js";import"./isProduction-56a1ab21.js";import"./Onboarding-9dd2740f.js";import{B as m}from"./index-b120df4a.js";import"./translationsContext-e355ebc2.js";import"string-format";import"./index-baf6a1c3.js";import"@mantine/hooks";const n=({type:a="solid",className:r,style:s})=>e.createElement(t,{style:s,className:r,"data-diver-type":a,dividerType:a}),d={admin:"cardAuthor.admin",moderator:"cardAuthor.moderator",ambassador:"cardAuthor.ambassador",expert:"cardAuthor.expert",sponsor:"cardAuthor.sponsor",guide:"cardAuthor.guide",influencer:"cardAuthor.influencer"},l=a=>{var{siteType:r,role:t,title:m,styles:n,className:l}=a;o(a,["siteType","role","title","styles","className"]);const{t:c}=i(),p=t?(e=>["admin","moderator","ambassador","expert","sponsor","guide","influencer"].find((a=>a===e)))(t):"",{classes:u,cx:y,theme:b}=s(void 0,{name:"AuthorBadge",styles:n});return p&&d[p]?e.createElement("div",{className:y(u.root,l),"data-label-type":p,"data-is-marrybaby":"marryBaby"===r},m||c(d[p])):null};var c="Dudns9-";const p=({value:t,choices:s,onChange:o})=>{const[i,n]=a(t);return r((()=>{n(t)}),[t]),e.createElement("div",{className:c},s.map(((a,r)=>e.createElement(m,{size:"sm",variant:a.value===i?"primary":"tertiary",key:r,onClick:()=>{n(a.value),null==o||o(a.value)}},a.label||""))))};export{l as A,p as B,n as D};

package/build/esm/index-86966a6a.js

@@ -1,31 +0,0 @@
-import e,{useState as a}from"react";import{u as t}from"./useTranslations-e7780483.js";import{G as l}from"./Onboarding-9dd2740f.js";import{t as r}from"./theme-3cc56b19.js";import{I as o}from"./index.styled-e5673d78.js";import{M as n,a as s}from"./index-4a91f35d.js";import{T as i}from"./index-7f49e9c2.js";import{M as m}from"./utils-92451b4a.js";import c from"styled-components";import{ag as d,ah as b}from"./index.styled-2bb6deb5.js";const p=({value:t,options:l,className:o,direction:s="horizontal",onChange:m,isDisabled:c,siteType:p})=>{const[y,u]=a(t),g="marryBaby"===p;return e.createElement(d,{className:o,"data-direction":s},l.map(((a,l)=>e.createElement(b,{"data-selected":(t||y)===a.value,"data-is-mb":g,"data-disabled":c,key:l,onClick:()=>{var e;e=a.value,c||(u(e),m&&m(e))}},e.createElement("div",null,a.content,a.label&&e.createElement(e.Fragment,null,g?e.createElement(n,{type:"subtitle-2",color:(t||y)===a.value?r.mbColors.dark:r.mbColors.midGray},a.label):e.createElement(i,{type:"bold",color:(t||y)===a.value?"#2D87F3":"black",className:"radio-group-item-heading",size:"label1"},a.label)))))))},y=c.div`
-  & > :not(:last-child) {
-    margin-bottom: 8px;
-  }
-
-  .gender-selector {
-    & > :not(:last-child) {
-      margin-right: 16px;
-    }
-
-    & > div {
-      width: calc(50% - 8px);
-
-      ${m.mbUp} {
-        justify-self: left;
-      }
-    }
-  }
-`,u=c(p)`
-  & > div > div {
-    display: flex;
-    flex-direction: row;
-    justify-content: center;
-    align-content: center;
-    gap: 8px;
-    padding-block: 5px;
-  }
-  .radio-group-item-heading {
-    margin-top: 0;
-  }
-`,g=({value:a,onChange:n,siteType:m})=>{const{t:c}=t(),d="marryBaby"==m;return e.createElement(y,{"data-is-marryBaby":d},d?e.createElement(s,{type:"h4",color:r.mbColors.dark},c("babyVaccineTool.selectGender")):e.createElement(i,{size:"label2",type:"bold",style:{marginBottom:"0.5rem"}},c("babyVaccineTool.selectGender")),e.createElement(u,{siteType:m,options:[{value:l.Boy,label:c("gender.male"),content:d?e.createElement(o.BabyBoyMB,null):e.createElement(o.GenderChooseBoy,null)},{value:l.Girl,label:c("gender.female"),content:d?e.createElement(o.BabyGirlMB,null):e.createElement(o.GenderChooseGirl,null)}],value:a,onChange:n,className:"gender-selector"}))};export{g as B,p as R};

package/build/esm/index-a886cf11.js

@@ -1 +0,0 @@
-import{_ as t}from"./tslib.es6-1c928943.js";import o from"react";import"dayjs";import"./screenSizeContext-a3df6c10.js";import"styled-components";import{t as s}from"./theme-3cc56b19.js";import"./index-0a033513.js";import"./utils-92451b4a.js";import"./isProduction-56a1ab21.js";import"./Onboarding-9dd2740f.js";import"./gAssets.js";import{l as r}from"./index-a6dd8773.js";const e=e=>{var{size:i,color:a=s.colors.gray800,weight:m="regular",as:c="p"}=e,p=t(e,["size","color","weight","as"]);return o.createElement(r,Object.assign({component:c,"data-weight":m,"data-size":i,color:a},p))};export{e as T};

package/build/esm/index-b0c184a2.js

@@ -1 +0,0 @@
-import e,{useState as t,useEffect as a}from"react";import{T as n}from"./index-7f49e9c2.js";import{u as o}from"./index.styles-dee0eea8.js";const l=({style:l,initialTab:i,tabContent:s,onChange:r,className:c,dataEventCategory:d,dataEventAction:m,dataEventLabel:v,id:E})=>{const{classes:y,cx:b,theme:C}=o(void 0,{name:"Tabs"}),[p,x]=t(i||0);return a((()=>{x(i)}),[i]),e.createElement("ul",{style:l,className:b(y.root,c),role:"tablist",id:E},s.map(((t,a)=>e.createElement("li",{className:`${y.item} ${p===a?"active":""}`,"aria-selected":p===a,role:"tab",onClick:()=>{x(a),r&&r(a)},onKeyDown:e=>{"Enter"===e.key&&(x(a),r&&r(a))},key:a,"data-event-category":t.dataEventCategory||d,"data-event-action":t.dataEventAction||m,"data-event-label":t.dataEventLabel||v,tabIndex:0,"data-testid":t.dataTestid},e.createElement("div",{className:y.itemInner},t.icon&&e.createElement("div",{className:y.itemIcon},t.icon),e.createElement(n,{className:y.itemLabel,size:t.textSize||"sm",type:t.textType||"bold",color:p===a?C.fn.primaryColor():t.textColor||C.colors.gray[4],dataEventCategory:t.dataEventCategory,dataEventAction:t.dataEventAction,dataEventLabel:t.dataEventLabel},t.name))))))};export{l as T};