@hhgtech/hhg-components 1.25.4 → 1.25.5

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-236647b4.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-fbcb6d3a.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-3fdb2e86.js"),t=require("react"),o=require("./getDynamicHealthTool-f625d48d.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-5d8efc24.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-3fdb2e86.js"),t=require("react"),r=require("./cookieHelper-12620e86.js"),n=require("./useUniqueId-a0ead9ab.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,s,c]=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};c&&(d.fn=c),e&&(d.em=e),t&&(d.ph=t),a&&(d.db=a),o&&(d.ge=o),s&&(d.ct=s),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-b9867fb5.js

@@ -0,0 +1 @@
+"use strict";var e=require("react"),i=require("./utils-c09d4def.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-48ecf80b.js → useTranslations-7e5e6905.js}

@@ -1 +1 @@
-"use strict";var e=require("react"),a=require("./translationsContext-c2431a05.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=t(require("string-format"));exports.useTranslations=function(){const{values:t,locale:o}=e.useContext(a.TranslationsContext)||{locale:"en-PH"};return e.useMemo((()=>({t:(e,r)=>t?t[e]?r?n.default(t[e]||e,r):t[e]||e:(console.warn(`[useTranslations] Missing translation for key ${e} and locale ${o}`),r?n.default(a.defaultTranslations[e]||e,r):a.defaultTranslations[e]||e):(console.error("[useTranslations] t method called before translation values are loaded"),e),locale:o})),[t,o])};
+"use strict";var e=require("react"),a=require("./translationsContext-a89c6f97.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=t(require("string-format"));exports.useTranslations=function(){const{values:t,locale:o}=e.useContext(a.TranslationsContext)||{locale:"en-PH"};return e.useMemo((()=>({t:(e,r)=>t?t[e]?r?n.default(t[e]||e,r):t[e]||e:(console.warn(`[useTranslations] Missing translation for key ${e} and locale ${o}`),r?n.default(a.defaultTranslations[e]||e,r):a.defaultTranslations[e]||e):(console.error("[useTranslations] t method called before translation values are loaded"),e),locale:o})),[t,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-3fdb2e86.js"),t=require("react"),a=require("./useTranslations-7e5e6905.js"),n=require("./theme-558c7312.js"),r=require("./index-2572e31f.js"),l=require("./index-bb172bab.js"),c=require("dayjs");require("./screenSizeContext-8bb9defe.js");var i=require("styled-components");require("./index-745d89bd.js");var o=require("./utils-c09d4def.js");require("./isProduction-1a92435a.js"),require("./Onboarding-236647b4.js"),require("./gAssets.js");var s=require("@mantine/core"),d=require("./index-5f2368e4.js"),u=require("./index-276804db.js");require("./index-16a1fcaf.js"),require("@mantine/hooks"),require("./index.styled-eabd2d90.js"),require("./index.styled-35b1dbc4.js"),require("./index-2c21bdee.js"),require("./index.styled-e30b6712.js"),require("./translationsContext-a89c6f97.js"),require("string-format"),require("./index-180829fd.js");var m=require("./index-5a857384.js");require("lodash/debounce");var p=require("./index-bb9f48a2.js"),f=require("./useScreenSize-b9867fb5.js"),g=require("./index-cde522f1.js");function b(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./useUniqueId-a0ead9ab.js"),require("lodash/throttle"),require("@mantine/dates"),require("@mantine/carousel");var x=b(t),h=b(c),y=b(i);const v=y.default.div`
   position: relative;
   padding: 16px;
   min-height: 110px;
@@ -40,12 +40,12 @@
     padding: 12px;
     gap: 8px;
   }
-`,y=b.default.div`
+`,E=y.default.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
   width: 100%;
-`,E=b.default.div`
+`,w=y.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`
+`,j=y.default.div``,T=({status:e,isCurrent:t})=>{switch(e){case"vaccinated":return x.default.createElement(r.Icon.Vaccinated,null);case"passed":return x.default.createElement(r.Icon.Missed,null);default:return t?x.default.createElement(r.Icon.Current,null):x.default.createElement(r.Icon.Upcoming,null)}},I={vaccinated:n.theme.colors.green600,passed:n.theme.colors.yellow800},k=({status:e,template:r="timeline",onToggle:l})=>{const{t:c}=a.useTranslations(),[i,o]=t.useState("vaccinated"===e);return x.default.createElement("div",null,"timeline"===r?x.default.createElement(m.Switch,{checked:i,onChange:e=>{o(e.currentTarget.checked),l(e.currentTarget.checked)},label:c("babyVaccine.vaccineCard.injected"),size:"xs",color:"green.6",styles:{input:{display:"none"}}}):x.default.createElement(s.Box,{sx:{padding:"3px 8px",border:"1px solid",borderRadius:4,background:"transparent",borderColor:(null==I?void 0:I[e])||n.theme.colors.neutral100}},x.default.createElement(u.Text,{size:"n1",color:(null==I?void 0:I[e])||n.theme.colors.gray800},c("vaccinated"===e?"babyVaccine.status.vaccinated":"passed"===e?"babyVaccine.status.missed":"babyVaccine.status.upcoming"))))},$=t=>{var{vaccineRecord:r,isCurrent:l,template:c="timeline",onToggle:i}=t,o=e.__rest(t,["vaccineRecord","isCurrent","template","onToggle"]);const{t:d}=a.useTranslations(),{status:m,optional:p,vaccineName:f,doseNumber:g,totalDoses:b,givenOn:h,vaccineAntigen:y}=r;return x.default.createElement(v,Object.assign({},o,{"data-status":l?"current":m,"data-template":c}),x.default.createElement(s.Stack,{spacing:12},x.default.createElement(s.Flex,{align:"center",justify:"space-between"},x.default.createElement(T,{status:m}),x.default.createElement(k,{status:m,template:c,onToggle:e=>i(e,r)})),x.default.createElement(s.Stack,{spacing:4},x.default.createElement(u.Text,{size:"s3",color:n.theme.colors.gray800,weight:"semiBold"},f," ",y&&`(${y})`),x.default.createElement(w,null,x.default.createElement(u.Text,{size:"n1",color:p?n.theme.colors.gray800:n.theme.colors.red800},d(p?"babyVaccine.vaccineInfo.optional":"babyVaccine.vaccineInfo.mandatory")),x.default.createElement("span",{className:"dot"}),x.default.createElement(u.Text,{size:"n1",color:n.theme.colors.gray600},x.default.createElement("span",{dangerouslySetInnerHTML:{__html:d("babyVaccine.vaccineInfo.dose",{ordinal:`<b>${g}</b>`,total:b})}})),x.default.createElement("span",{className:"dot"}),x.default.createElement(u.Text,{size:"n1",color:n.theme.colors.gray600},d("vaccinated"===m?"babyVaccine.vaccineInfo.injectedDate":"babyVaccine.vaccineInfo.suggested",{date:h}))))))};y.default.div`
   position: relative;
   display: flex;
   flex-direction: column;
   align-items: center;
   width: 100%;
   gap: 12px;
-`,C=b.default.div`
+`,y.default.div`
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -80,7 +80,7 @@
     gap: 4px;
     align-items: flex-start;
   }
-`,T=b.default.div`
+`,y.default.div`
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -100,7 +100,7 @@
   ${o.MediaQueries.mbDown} {
     gap: 2px;
   }
-`,k=b.default.div`
+`,y.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=y.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`
+`,q=y.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} {
     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`
+`,z=({record:e,onMarkAsInjected:t,onDelInjected:r})=>{const{t:l}=a.useTranslations();return x.default.createElement("form",{action:""},x.default.createElement(s.Stack,{spacing:20},x.default.createElement($,{vaccineRecord:e,onToggle:()=>t(e),template:"modal"}),x.default.createElement(d.DatePicker,{label:x.default.createElement(u.Text,{size:"s5",weight:"semiBold",color:n.theme.colors.gray600},l("babyVaccine.popup.checkbox.suggestedDate")),onChange:()=>null,excludeDate:e=>h.default(e).isAfter(h.default())}),x.default.createElement(g.Button,{size:"lg",type:"submit",fullWidth:!0},l("babyVaccine.popup.button.submit"))))},M=y.default.div`
   position: relative;
   display: flex;
   flex-direction: column;
@@ -260,7 +184,7 @@
   ${o.MediaQueries.mbDown} {
     padding: 0;
   }
-`,z=b.default.div`
+`,D=y.default.div`
   display: flex;
   flex-direction: row;
   align-items: flex-start;
@@ -273,7 +197,7 @@
   ${o.MediaQueries.mbDown} {
     gap: 10px;
   }
-`,D=b.default.div`
+`,C=y.default.div`
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -285,7 +209,7 @@
     width: 100%;
     gap: 24px;
   }
-`,B=b.default.div`
+`,B=y.default.div`
   display: flex;
   flex-direction: row;
   width: 100%;
@@ -306,7 +230,7 @@
     flex-direction: column;
     gap: 12px;
   }
-`,A=b.default.div`
+`,N=y.default.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -317,7 +241,7 @@
   ${o.MediaQueries.mbDown} {
     width: 100%;
   }
-`,Q=b.default.div`
+`,_=y.default.div`
   display: flex;
   flex-direction: row;
   align-items: flex-end;
@@ -342,7 +266,7 @@
       justify-content: flex-start;
     }
   }
-`,L=b.default.div`
+`,S=y.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")))};
+`,A=(e,t)=>x.default.createElement(S,{"data-status":e,"data-id":t||"header"},t||"");exports.Immunization=({vaccineRecord:e,onMarkAsInjected:t,onDelInjected:c,isMobile:i,className:o,siteType:s})=>{const{t:d}=a.useTranslations();return x.default.createElement(M,{className:o,"data-theme":s},x.default.createElement(D,null,x.default.createElement(r.Icon.Missed,{color:n.theme.colors.gray600}),x.default.createElement(l.Text,{size:"p3",color:n.theme.colors.gray800},d("babyVaccine.immunization.warning"))),x.default.createElement(C,null,x.default.createElement(B,{className:"header"},!i&&x.default.createElement(N,{className:"header"},x.default.createElement(l.Text,{size:"s5",color:n.theme.colors.gray800,type:"semiBold"},d("babyVaccine.immunization.vaccineName"))),x.default.createElement(_,{className:"header"},x.default.createElement("div",{className:"status"},A("passed"),x.default.createElement(l.Text,{size:"p4",color:n.theme.colors.gray800},d("babyVaccine.status.missed"))),x.default.createElement("div",{className:"status"},A("next"),x.default.createElement(l.Text,{size:"p4",color:n.theme.colors.gray800},d("babyVaccine.status.upcoming"))),x.default.createElement("div",{className:"status"},A("vaccinated"),x.default.createElement(l.Text,{size:"p4",color:n.theme.colors.gray800},d("babyVaccine.status.vaccinated"))))),e&&e.map(((e,a)=>x.default.createElement(B,{key:`${a}${e.id}`},x.default.createElement(N,null,x.default.createElement(l.Text,{size:"n1",color:e.optional?n.theme.colors.gray800:n.theme.colors.red800},e.optional?d("babyVaccine.vaccineInfo.optional"):d("babyVaccine.vaccineInfo.mandatory")),x.default.createElement(l.Text,{size:i?"s3":"s4",color:n.theme.colors.gray800,type:"semiBold"},e.name||e.antigen)),x.default.createElement(_,null,e.records&&e.records.map(((e,a)=>x.default.createElement("div",{key:a,onClick:()=>{"vaccinated"==e.status?c(e):t(e)}},A(e.status,a+1))))))))))},exports.RecordsByAgeGroup=t=>{var{vaccineRecords:r,isCurrent:l,onMarkAsInjected:c,siteType:i}=t,o=e.__rest(t,["vaccineRecords","isCurrent","onMarkAsInjected","siteType"]);const{t:d}=a.useTranslations();return x.default.createElement("div",Object.assign({},o),x.default.createElement(s.Grid,{gutter:16,"data-theme":i},x.default.createElement(s.Grid.Col,{span:"content"},x.default.createElement(u.Text,{size:"s4",color:l?n.theme.colors.primaryBase:n.theme.colors.gray800,weight:"semiBold",sx:{height:42,width:100,display:"flex",alignItems:"center"}},r.name||r.shortName)),x.default.createElement(s.Grid.Col,{span:"auto"},x.default.createElement(V,{"data-is-current":l},x.default.createElement("span",{className:"dot"}),x.default.createElement("div",{className:"line"}),x.default.createElement(u.Text,{size:"n1",ml:16},x.default.createElement("span",{dangerouslySetInnerHTML:{__html:d("babyVaccine.timeline.total",{number:`<b>${r.records.length}</b>`})}}))),x.default.createElement(s.Stack,{spacing:8},(null==r?void 0:r.records)&&r.records.map(((e,t)=>x.default.createElement($,{key:`${t}${e.vaccineId}`,vaccineRecord:e,isCurrent:l&&0===t,onToggle:()=>c(e)})))))))},exports.TimelineBanner=t=>{var{content:l,url:c,icon:i,gender:o,siteType:d}=t,p=e.__rest(t,["content","url","icon","gender","siteType"]);const{t:f}=a.useTranslations();return x.default.createElement(q,Object.assign({"data-gender":o},p),x.default.createElement(s.Stack,{spacing:8},x.default.createElement(u.Text,{size:"p3",color:n.theme.colors.gray800},l),c&&x.default.createElement("a",{className:"read-more",href:c,target:"_blank",rel:"noreferrer"},x.default.createElement(s.Flex,{align:"center",gap:6},x.default.createElement(u.Text,{size:"s4",color:n.theme.colors.primaryBase,weight:"semiBold"},f("articlePage.readMore")),x.default.createElement(r.Icon.ArrowRight,{size:20,color:n.theme.colors.primaryBase})))),x.default.createElement(m.AspectRatio,{ratio:1,w:80},x.default.createElement("img",{alt:"health-tool-icon",src:i})))},exports.VaccineCard=t=>{var{vaccineRecord:c,isInTimeline:i,isCurrent:o,onMarkAsInjected:s,onDelInjected:d}=t,u=e.__rest(t,["vaccineRecord","isInTimeline","isCurrent","onMarkAsInjected","onDelInjected"]);const{t:m}=a.useTranslations(),{status:p,optional:f,vaccineName:g,doseNumber:b,totalDoses:h,givenOn:y}=c;return x.default.createElement(v,Object.assign({},u,{"data-status":o?"current":p,"data-is-in-timeline":i}),x.default.createElement(E,null,o?x.default.createElement(r.Icon.Current,null):"vaccinated"===p?x.default.createElement(r.Icon.Vaccinated,null):"passed"===p?x.default.createElement(r.Icon.Missed,null):x.default.createElement(r.Icon.Upcoming,null),i?x.default.createElement("div",{className:"toggle",onChange:()=>{"vaccinated"===p?d(c):s(c)}},"vaccinated"===p?x.default.createElement(r.Icon.ToggleOn,null):x.default.createElement(r.Icon.ToggleOff,null),x.default.createElement(l.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(j,null,x.default.createElement(l.Text,{size:"s3",color:n.theme.colors.gray800,type:"semiBold"},g),x.default.createElement(w,null,x.default.createElement(l.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(l.Text,{size:"n1",color:n.theme.colors.gray600},m("babyVaccine.vaccineInfo.dose",{ordinal:b,total:h})),x.default.createElement("span",{className:"dot"}),x.default.createElement(l.Text,{size:"n1",color:n.theme.colors.gray800},m("vaccinated"===p?"babyVaccine.vaccineInfo.injectedDate":"babyVaccine.vaccineInfo.suggested",{date:y})))))},exports.VaccineDetailPopup=r=>{var{babyVaccinationRecord:l,vaccineDetail:c,isDetail:i,siteType:o,onMarkAsInjected:d,onDelInjected:g}=r,b=e.__rest(r,["babyVaccinationRecord","vaccineDetail","isDetail","siteType","onMarkAsInjected","onDelInjected"]);const{t:h}=a.useTranslations(),{isMobile:y}=f.useScreenSize(),[v,E]=t.useState("1"),w=[{id:"1",name:h("babyVaccine.popup.tab.schedule")},{id:"2",name:h("babyVaccine.popup.tab.detail")}];return x.default.createElement(p.Modal,Object.assign({},b,{title:x.default.createElement(u.Text,{size:"s3",weight:"semiBold"},h("babyVaccine.popup.title")),withCloseButton:!0,styles:{body:{padding:0}},fullScreen:y}),x.default.createElement(s.Container,{fluid:!0,p:y?16:24},x.default.createElement(s.Tabs,{value:v,onTabChange:E,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}}}},x.default.createElement(s.Flex,{justify:"space-between"},x.default.createElement(s.Tabs.List,{grow:!0},w.map((e=>x.default.createElement(s.Tabs.Tab,{key:e.id,value:e.id},x.default.createElement(u.Text,{size:"s3",weight:"semiBold",color:"inherit"},e.name))))),"1"===v&&x.default.createElement(m.Switch,{checked:"vaccinated"===l.status,label:h("babyVaccine.vaccineCard.injected"),size:"xs",color:"green.6",styles:{input:{display:"none"}}})),x.default.createElement(s.Tabs.Panel,{value:"1",pt:20},x.default.createElement(z,{record:l,onMarkAsInjected:d,onDelInjected:g})),x.default.createElement(s.Tabs.Panel,{value:"2",pt:20},x.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.5",
   "main": "build/index.js",
   "module": "build/esm/index.js",
   "files": [

package/build/core-59b2ba21.js

@@ -1 +0,0 @@
-"use strict";var t=require("./tslib.es6-f995bf64.js"),e=require("./isProduction-4ff91841.js");const i={},a=t=>{if("undefined"!=typeof window){let i;try{i=JSON.parse(localStorage.getItem((e.isProduction?"":"staging_")+"hhg-cache-"+t)||"{}")}catch(t){}return i||{}}return i[t]},r=(t,a)=>{try{"undefined"!=typeof window?localStorage.setItem((e.isProduction?"":"staging_")+"hhg-cache-"+t,JSON.stringify({data:a,time:Date.now()})):i[t]={data:a,time:Date.now()}}catch(t){}};exports.getCachedItem=a,exports.getDataWithCache=(e,i,o,n=9e5)=>t.__awaiter(void 0,void 0,void 0,(function*(){const t=a(e);if(t&&t.data&&t.time&&Date.now()-t.time<n)return t.data;if(i){const t=yield i();return o&&!o(t)||r(e,t),t}return null})),exports.setCachedItem=r;

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};