@hhgtech/hhg-components 1.25.16 → 1.25.18

package/build/vaccination.js

@@ -1,8 +1,8 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tslib.es6-9adbafe9.js"),t=require("react"),a=require("@mantine/core");require("./gAssets.js");var r=require("./index.styles-c9257a36.js"),n=require("./index-ad60c9da.js"),l=require("./index-5cd58eea.js"),i=require("dayjs");require("./screenSizeContext-d44834fc.js");var o=require("styled-components"),c=require("./theme-0de6f9a8.js");require("./index-074dc655.js");var s=require("./utils-00acb8fd.js");require("./isProduction-8b18510e.js"),require("./Onboarding-2e80c74d.js");var d=require("./useTranslations-89571228.js");require("./index-998549ec.js"),require("@mantine/hooks");var u=require("./index-3e9e6943.js");require("lodash/debounce"),require("./translationsContext-991e7c4c.js"),require("string-format"),require("./index.styled-80be162a.js"),require("./index.styled-d6658215.js"),require("./index-46eeb64f.js");var m=require("./index-2cd87b80.js");require("./index.styled-8006e170.js"),require("./index-7f5c603f.js");var g=require("./index-af1a37ba.js"),p=require("./useScreenSize-31904dd7.js"),f=require("@mantine/form"),b=require("dayjs/plugin/customParseFormat");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("@mantine/dates"),require("@mantine/carousel"),require("lodash/throttle"),require("./index-8a9eec8d.js"),require("./useUniqueId-7a6ca14d.js");var x=h(t),y=h(i),E=h(o),v=h(b);const w=({status:e,isCurrent:t})=>{switch(e){case"vaccinated":return x.default.createElement(m.Icon.Vaccinated,null);case"missed":return x.default.createElement(m.Icon.Missed,null);default:return t?x.default.createElement(m.Icon.Current,null):x.default.createElement(m.Icon.Upcoming,null)}},T={vaccinated:{backgroundColor:u.themeColors.green[0],borderColor:u.themeColors.green[2],color:u.themeColors.green[7]},missed:{backgroundColor:u.themeColors.yellow[0],borderColor:u.themeColors.yellow[2],color:u.themeColors.yellow[9]},next:{backgroundColor:u.themeColors.neutral[0],borderColor:u.themeColors.neutral[1],color:u.themeColors.gray[8]}},C=t=>{var r,{status:l}=t,i=e.__rest(t,["status"]);return x.default.createElement(a.Badge,Object.assign({leftSection:x.default.createElement(u.AspectRatio,{ratio:1,w:18},x.default.createElement(w,{status:l})),px:8,py:3,radius:4},i,{sx:Object.assign({height:"initial",backgroundColor:u.themeColors.blue[0],borderColor:u.themeColors.blue[2],color:u.themeColors.blue[7]},T[l])}),x.default.createElement(n.Text,{size:"n1",span:!0,tt:"capitalize",color:String(null===(r=T[l])||void 0===r?void 0:r.color)},l))},j=E.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tslib.es6-3addd388.js"),t=require("react"),a=require("@mantine/core"),r=require("./index.styles-d0555c23.js"),n=require("./index-822e8c84.js");require("./gAssets.js");var l=require("./index-68f29768.js"),i=require("./index-5c6335ee.js"),o=require("dayjs");require("./screenSizeContext-fc265d17.js");var c=require("styled-components"),s=require("./theme-b0b9d99d.js");require("./index-9bedebb6.js");var d=require("./utils-d8e07b2b.js");require("./isProduction-04ef06e8.js"),require("./Onboarding-3f215854.js");var u=require("./useTranslations-937db3bb.js");require("@mantine/hooks"),require("lodash/debounce"),require("./translationsContext-f5233da0.js"),require("string-format"),require("./index.styled-41309c60.js"),require("./index.styled-8705825a.js"),require("./index-48aa6e98.js");var m=require("./index-a19b4899.js");require("./index.styled-885df87a.js"),require("./index-4ad9d549.js");var g=require("./index-01317f57.js"),p=require("./useScreenSize-06216521.js"),f=require("@mantine/form"),b=require("dayjs/plugin/customParseFormat");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("@mantine/carousel"),require("@mantine/dates"),require("lodash/throttle"),require("./index-6165b318.js"),require("./useUniqueId-5184328f.js");var x=h(t),y=h(o),E=h(c),v=h(b);const w=({status:e,isCurrent:t})=>{switch(e){case"vaccinated":return x.default.createElement(m.Icon.Vaccinated,null);case"missed":return x.default.createElement(m.Icon.Missed,null);default:return t?x.default.createElement(m.Icon.Current,null):x.default.createElement(m.Icon.Upcoming,null)}},T={vaccinated:{backgroundColor:n.themeColors.green[0],borderColor:n.themeColors.green[2],color:n.themeColors.green[7]},missed:{backgroundColor:n.themeColors.yellow[0],borderColor:n.themeColors.yellow[2],color:n.themeColors.yellow[9]},next:{backgroundColor:n.themeColors.neutral[0],borderColor:n.themeColors.neutral[1],color:n.themeColors.gray[8]}},C=t=>{var r,{status:i}=t,o=e.__rest(t,["status"]);return x.default.createElement(a.Badge,Object.assign({leftSection:x.default.createElement(n.AspectRatio,{ratio:1,w:18},x.default.createElement(w,{status:i})),px:8,py:3,radius:4},o,{sx:Object.assign({height:"initial",backgroundColor:n.themeColors.blue[0],borderColor:n.themeColors.blue[2],color:n.themeColors.blue[7]},T[i])}),x.default.createElement(l.Text,{size:"n1",span:!0,tt:"capitalize",color:String(null===(r=T[i])||void 0===r?void 0:r.color)},i))},j=E.default.div`
   position: relative;
   padding: 16px;
   min-height: 110px;
-  background: ${c.theme.colors.neutral50};
+  background: ${s.theme.colors.neutral50};
   width: 100%;
 
   border-right: 2px solid;
@@ -12,31 +12,31 @@
     border: none;
   }
   &[data-status='current'] {
-    border-color: ${c.theme.colors.primaryBase};
+    border-color: ${s.theme.colors.primaryBase};
     &[data-template='modal'] {
-      background: ${c.theme.colors.primary50};
+      background: ${s.theme.colors.primary50};
     }
   }
 
   &[data-status='vaccinated'] {
-    border-color: ${c.theme.colors.green600};
+    border-color: ${s.theme.colors.green600};
     &[data-template='modal'] {
-      background: ${c.theme.colors.green50};
+      background: ${s.theme.colors.green50};
     }
   }
 
   &[data-status='missed'] {
-    border-color: ${c.theme.colors.yellow800};
+    border-color: ${s.theme.colors.yellow800};
     &[data-template='modal'] {
-      background: ${c.theme.colors.yellow50};
+      background: ${s.theme.colors.yellow50};
     }
   }
 
   &[data-status='next'] {
-    border-color: ${c.theme.colors.neutral300};
+    border-color: ${s.theme.colors.neutral300};
   }
 
-  ${s.MediaQueries.mbDown} {
+  ${d.MediaQueries.mbDown} {
     padding: 12px;
     gap: 8px;
   }
@@ -55,12 +55,12 @@
   .dot {
     height: 5px;
     width: 5px;
-    background-color: ${c.theme.colors.gray300};
+    background-color: ${s.theme.colors.gray300};
     border-radius: 50%;
     display: flex;
     align-self: center;
   }
-`;E.default.div``;const z=({status:e,onToggle:a})=>{const{t:r}=d.useTranslations(),[n,l]=t.useState("vaccinated"===e);return x.default.createElement(u.Switch,{checked:n,onChange:e=>{l(e.currentTarget.checked),null==a||a(e.currentTarget.checked)},label:r("babyVaccine.vaccineCard.injected"),size:"xs",color:"green.6",styles:{input:{display:"none"}}})};function q(t){const a=t.displayName||t.name||"Component",r=a=>{var{vaccineRecord:r,isCurrent:n,onToggle:l}=a,i=e.__rest(a,["vaccineRecord","isCurrent","onToggle"]);const o={vaccineRecord:r,isCurrent:n,onToggle:l};return x.default.createElement(t,Object.assign({},o,i))};return r.displayName=`withVaccineCard(${a})`,r}const $=x.default.memo(q((t=>{var{vaccineRecord:r,isCurrent:l,onToggle:i,onTitleClick:o}=t,s=e.__rest(t,["vaccineRecord","isCurrent","onToggle","onTitleClick"]);const{t:m}=d.useTranslations(),{status:g,optional:p,vaccineName:f,doseNumber:b,totalDoses:h,givenOn:y,vaccineAntigen:E}=r;return x.default.createElement(j,Object.assign({},s,{"data-status":l?"current":g}),x.default.createElement(a.Stack,{spacing:12},x.default.createElement(a.Flex,{align:"center",justify:"space-between"},x.default.createElement(C,{status:g}),x.default.createElement(z,{status:g,onToggle:e=>i(e,r)})),x.default.createElement(a.Stack,{spacing:4},x.default.createElement("div",{onClick:()=>o(r)},x.default.createElement(n.Text,{size:"s3",color:c.theme.colors.gray800,weight:"semiBold"},f)),x.default.createElement(a.Flex,{gap:4,align:"center"},E&&x.default.createElement(n.Text,{size:"n1",color:u.themeColors.gray[6]},m("babyVaccine.timeline.antigen")," ",x.default.createElement(n.Text,{size:"s5",weight:"semiBold",as:"span"},E)),x.default.createElement(a.Badge,{px:8,py:1,radius:"xl",sx:{height:"initial",border:`1px solid ${p?c.theme.colors.neutral100:"transparent"}`},bg:p?c.theme.colors.white:c.theme.colors.red50},x.default.createElement(n.Text,{size:"n1",color:p?c.theme.colors.gray800:c.theme.colors.red800,tt:"capitalize"},m(p?"babyVaccine.vaccineInfo.optional":"babyVaccine.vaccineInfo.mandatory")))),x.default.createElement(k,null,x.default.createElement(n.Text,{size:"n1",color:c.theme.colors.gray600},x.default.createElement("span",{dangerouslySetInnerHTML:{__html:m("babyVaccine.vaccineInfo.dose",{ordinal:`<b>${b}</b>`,total:h})}})),x.default.createElement("span",{className:"dot"}),x.default.createElement(n.Text,{size:"n1",color:c.theme.colors.gray600},m("vaccinated"===g?"babyVaccine.vaccineInfo.injectedDate":"babyVaccine.vaccineInfo.suggested",{date:y}))))))}))),V=x.default.memo(q((t=>{var{vaccineRecord:r,isCurrent:i,onToggle:o,onTitleClick:s}=t,m=e.__rest(t,["vaccineRecord","isCurrent","onToggle","onTitleClick"]);const{t:g}=d.useTranslations(),{status:p,optional:f,vaccineName:b,doseNumber:h,totalDoses:y,givenOn:E,vaccineAntigen:v}=r;return x.default.createElement(j,Object.assign({},m,{"data-template":"modal","data-status":i?"current":p}),x.default.createElement(a.Stack,{spacing:12},x.default.createElement(a.Flex,{align:"center",justify:"space-between"},x.default.createElement(C,{status:p}),x.default.createElement(z,{status:p,template:"modal",onToggle:e=>o(e,r)})),x.default.createElement(a.Stack,{spacing:4},x.default.createElement(l.Button,{onClick:()=>s(r),variant:"ghost",styles:{root:{padding:0,height:"initial","&:hover:hover":{backgroundColor:"transparent"}},inner:{padding:0,justifyContent:"left"}}},x.default.createElement(n.Text,{size:"s3",color:c.theme.colors.gray800,weight:"semiBold"},b)),x.default.createElement(a.Flex,{gap:4,align:"center",justify:"space-between"},x.default.createElement(a.Flex,{gap:4,align:"center"},v&&x.default.createElement(n.Text,{size:"n1",color:u.themeColors.gray[6]},g("babyVaccine.timeline.antigen")," ",x.default.createElement(n.Text,{size:"s5",weight:"semiBold",as:"span"},v)),x.default.createElement(a.Badge,{px:8,py:1,radius:"xl",sx:{height:"initial",border:`1px solid ${f?c.theme.colors.neutral100:"transparent"}`},bg:f?c.theme.colors.white:c.theme.colors.red50},x.default.createElement(n.Text,{size:"n1",color:f?c.theme.colors.gray800:c.theme.colors.red800,tt:"capitalize"},g(f?"babyVaccine.vaccineInfo.optional":"babyVaccine.vaccineInfo.mandatory")))),x.default.createElement(n.Text,{size:"n1",color:c.theme.colors.gray600},x.default.createElement("span",{dangerouslySetInnerHTML:{__html:g("babyVaccine.vaccineInfo.dose",{ordinal:`<b>${h}</b>`,total:y})}}))))))})));E.default.div`
+`;E.default.div``;const z=({status:e,onToggle:a})=>{const{t:r}=u.useTranslations(),[l,i]=t.useState("vaccinated"===e);return x.default.createElement(n.Switch,{checked:l,onChange:e=>{i(e.currentTarget.checked),null==a||a(e.currentTarget.checked)},label:r("babyVaccine.vaccineCard.injected"),size:"xs",color:"green.6",styles:{input:{display:"none"}}})};function $(t){const a=t.displayName||t.name||"Component",r=a=>{var{vaccineRecord:r,isCurrent:n,onToggle:l}=a,i=e.__rest(a,["vaccineRecord","isCurrent","onToggle"]);const o={vaccineRecord:r,isCurrent:n,onToggle:l};return x.default.createElement(t,Object.assign({},o,i))};return r.displayName=`withVaccineCard(${a})`,r}const q=x.default.memo($((t=>{var{vaccineRecord:r,isCurrent:i,onToggle:o,onTitleClick:c}=t,d=e.__rest(t,["vaccineRecord","isCurrent","onToggle","onTitleClick"]);const{t:m}=u.useTranslations(),{status:g,optional:p,vaccineName:f,doseNumber:b,totalDoses:h,givenOn:y,vaccineAntigen:E}=r;return x.default.createElement(j,Object.assign({},d,{"data-status":i?"current":g}),x.default.createElement(a.Stack,{spacing:12},x.default.createElement(a.Flex,{align:"center",justify:"space-between"},x.default.createElement(C,{status:g}),x.default.createElement(z,{status:g,onToggle:e=>o(e,r)})),x.default.createElement(a.Stack,{spacing:4},x.default.createElement("div",{onClick:()=>c(r)},x.default.createElement(l.Text,{size:"s3",color:s.theme.colors.gray800,weight:"semiBold"},f)),x.default.createElement(a.Flex,{gap:4,align:"center"},E&&x.default.createElement(l.Text,{size:"n1",color:n.themeColors.gray[6]},m("babyVaccine.timeline.antigen")," ",x.default.createElement(l.Text,{size:"s5",weight:"semiBold",as:"span"},E)),x.default.createElement(a.Badge,{px:8,py:1,radius:"xl",sx:{height:"initial",border:`1px solid ${p?s.theme.colors.neutral100:"transparent"}`},bg:p?s.theme.colors.white:s.theme.colors.red50},x.default.createElement(l.Text,{size:"n1",color:p?s.theme.colors.gray800:s.theme.colors.red800,tt:"capitalize"},m(p?"babyVaccine.vaccineInfo.optional":"babyVaccine.vaccineInfo.mandatory")))),x.default.createElement(k,null,x.default.createElement(l.Text,{size:"n1",color:s.theme.colors.gray600},x.default.createElement("span",{dangerouslySetInnerHTML:{__html:m("babyVaccine.vaccineInfo.dose",{ordinal:`<b>${b}</b>`,total:h})}})),x.default.createElement("span",{className:"dot"}),x.default.createElement(l.Text,{size:"n1",color:s.theme.colors.gray600},m("vaccinated"===g?"babyVaccine.vaccineInfo.injectedDate":"babyVaccine.vaccineInfo.suggested",{date:y}))))))}))),V=x.default.memo($((t=>{var{vaccineRecord:r,isCurrent:o,onToggle:c,onTitleClick:d}=t,m=e.__rest(t,["vaccineRecord","isCurrent","onToggle","onTitleClick"]);const{t:g}=u.useTranslations(),{status:p,optional:f,vaccineName:b,doseNumber:h,totalDoses:y,givenOn:E,vaccineAntigen:v}=r;return x.default.createElement(j,Object.assign({},m,{"data-template":"modal","data-status":o?"current":p}),x.default.createElement(a.Stack,{spacing:12},x.default.createElement(a.Flex,{align:"center",justify:"space-between"},x.default.createElement(C,{status:p}),x.default.createElement(z,{status:p,template:"modal",onToggle:e=>c(e,r)})),x.default.createElement(a.Stack,{spacing:4},x.default.createElement(i.Button,{onClick:()=>d(r),variant:"ghost",styles:{root:{padding:0,height:"initial","&:hover:hover":{backgroundColor:"transparent"}},inner:{padding:0,justifyContent:"left"}}},x.default.createElement(l.Text,{size:"s3",color:s.theme.colors.gray800,weight:"semiBold"},b)),x.default.createElement(a.Flex,{gap:4,align:"center",justify:"space-between"},x.default.createElement(a.Flex,{gap:4,align:"center"},v&&x.default.createElement(l.Text,{size:"n1",color:n.themeColors.gray[6]},g("babyVaccine.timeline.antigen")," ",x.default.createElement(l.Text,{size:"s5",weight:"semiBold",as:"span"},v)),x.default.createElement(a.Badge,{px:8,py:1,radius:"xl",sx:{height:"initial",border:`1px solid ${f?s.theme.colors.neutral100:"transparent"}`},bg:f?s.theme.colors.white:s.theme.colors.red50},x.default.createElement(l.Text,{size:"n1",color:f?s.theme.colors.gray800:s.theme.colors.red800,tt:"capitalize"},g(f?"babyVaccine.vaccineInfo.optional":"babyVaccine.vaccineInfo.mandatory")))),x.default.createElement(l.Text,{size:"n1",color:s.theme.colors.gray600},x.default.createElement("span",{dangerouslySetInnerHTML:{__html:g("babyVaccine.vaccineInfo.dose",{ordinal:`<b>${h}</b>`,total:y})}}))))))})));E.default.div`
   position: relative;
   display: flex;
   flex-direction: column;
@@ -75,7 +75,7 @@
   gap: 16px;
   width: 100%;
 
-  ${s.MediaQueries.mbDown} {
+  ${d.MediaQueries.mbDown} {
     flex-direction: column;
     gap: 4px;
     align-items: flex-start;
@@ -92,12 +92,12 @@
     max-width: 94px;
     width: 100%;
 
-    ${s.MediaQueries.mbDown} {
+    ${d.MediaQueries.mbDown} {
       max-width: 91px;
     }
   }
 
-  ${s.MediaQueries.mbDown} {
+  ${d.MediaQueries.mbDown} {
     gap: 2px;
   }
 `,E.default.div`
@@ -112,7 +112,7 @@
   .dot {
     height: 4px;
     width: 4px;
-    background-color: ${c.theme.colors.gray400};
+    background-color: ${s.theme.colors.gray400};
     border-radius: 50%;
     display: flex;
     align-self: center;
@@ -126,13 +126,13 @@
   .line {
     flex-grow: 1;
     height: 1px;
-    background: ${c.theme.colors.neutral200};
+    background: ${s.theme.colors.neutral200};
   }
 
   .dot {
     height: 8px;
     width: 8px;
-    background-color: ${c.theme.colors.neutral200};
+    background-color: ${s.theme.colors.neutral200};
     border-radius: 50%;
     display: flex;
     align-self: center;
@@ -140,10 +140,10 @@
 
   &[data-is-current='true'] {
     .line {
-      background-color: ${c.theme.colors.primaryBase};
+      background-color: ${s.theme.colors.primaryBase};
     }
     .dot {
-      background-color: ${c.theme.colors.primaryBase};
+      background-color: ${s.theme.colors.primaryBase};
     }
   }
 `,_=E.default.div`
@@ -156,9 +156,9 @@
   padding: 14px 24px;
   gap: 16px;
 
-  background: ${c.theme.colors.teal50};
+  background: ${s.theme.colors.teal50};
   &[data-gender='girl'] {
-    background: ${c.theme.colors.pink50};
+    background: ${s.theme.colors.pink50};
   }
 
   a {
@@ -168,18 +168,18 @@
     object-fit: contain;
   }
 
-  ${s.MediaQueries.mbDown} {
+  ${d.MediaQueries.mbDown} {
     padding: 12px;
     gap: 12px;
   }
-`;y.default.extend(v.default);const B=({record:e,onSubmit:t})=>{const{t:i}=d.useTranslations(),o=f.useForm({initialValues:{date:y.default(e.givenOn,"DD/MM/YYYY").toDate()||new Date}});return x.default.createElement("form",{onSubmit:o.onSubmit((a=>{t(a,e)}))},x.default.createElement(a.Stack,{spacing:20},x.default.createElement(V,{vaccineRecord:e}),x.default.createElement(r.DatePicker,Object.assign({label:x.default.createElement(n.Text,{size:"s5",weight:"semiBold",color:c.theme.colors.gray600},i("babyVaccine.popup.checkbox.suggestedDate"))},o.getInputProps("date"))),x.default.createElement(l.Button,{size:"lg",type:"submit",fullWidth:!0},i("babyVaccine.popup.button.submit"))))},I=E.default.div`
+`;y.default.extend(v.default);const B=({record:e,onSubmit:t})=>{const{t:n}=u.useTranslations(),o=f.useForm({initialValues:{date:y.default(e.givenOn,"DD/MM/YYYY").toDate()||new Date}});return x.default.createElement("form",{onSubmit:o.onSubmit((a=>{t(a,e)}))},x.default.createElement(a.Stack,{spacing:20},x.default.createElement(V,{vaccineRecord:e}),x.default.createElement(r.DatePicker,Object.assign({label:x.default.createElement(l.Text,{size:"s5",weight:"semiBold",color:s.theme.colors.gray600},n("babyVaccine.popup.checkbox.suggestedDate"))},o.getInputProps("date"))),x.default.createElement(i.Button,{size:"lg",type:"submit",fullWidth:!0},n("babyVaccine.popup.button.submit"))))},I=E.default.div`
   position: relative;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   gap: 16px;
   width: 100%;
-  ${s.MediaQueries.mbDown} {
+  ${d.MediaQueries.mbDown} {
     padding: 0;
   }
 `,R=E.default.div`
@@ -203,17 +203,17 @@
 
   &[data-status='vaccinated'] {
     .inner-text {
-      color: ${c.theme.colors.white};
+      color: ${s.theme.colors.white};
     }
-    border: 1px solid ${c.theme.colors.green600};
-    background: ${c.theme.colors.green600};
+    border: 1px solid ${s.theme.colors.green600};
+    background: ${s.theme.colors.green600};
   }
 
   &[data-status='missed'] {
     .inner-text {
-      color: ${c.theme.colors.white};
+      color: ${s.theme.colors.white};
     }
-    border: 1px solid ${c.theme.colors.yellow800};
-    background: ${c.theme.colors.yellow800};
+    border: 1px solid ${s.theme.colors.yellow800};
+    background: ${s.theme.colors.yellow800};
   }
-`,M=t=>{var{status:a,idx:r}=t,l=e.__rest(t,["status","idx"]);return x.default.createElement(R,Object.assign({"data-status":a,"data-id":r||"header"},l),x.default.createElement(n.Text,{size:"s4",span:!0,className:"inner-text"},r||""))},D=x.default.memo((()=>{const{isMobile:e}=p.useScreenSize(),{t:t}=d.useTranslations();return x.default.createElement(a.Flex,{px:16},!e&&x.default.createElement(n.Text,{size:"s4",weight:"semiBold",sx:{flexGrow:1},color:c.theme.colors.gray600},t("babyVaccine.immunization.vaccineName")),x.default.createElement(a.Flex,{gap:24},x.default.createElement(a.Flex,{align:"center",gap:4},x.default.createElement(M,{status:"missed"}),x.default.createElement(n.Text,{size:"p4"},t("babyVaccine.status.missed"))),x.default.createElement(a.Flex,{align:"center",gap:4},x.default.createElement(M,{status:"next"}),x.default.createElement(n.Text,{size:"p4"},t("babyVaccine.status.upcoming"))),x.default.createElement(a.Flex,{align:"center",gap:4},x.default.createElement(M,{status:"vaccinated"}),x.default.createElement(n.Text,{size:"p4"},t("babyVaccine.status.vaccinated")))))})),F=x.default.memo((()=>{const{t:e}=d.useTranslations();return x.default.createElement(a.Flex,{gap:14,bg:c.theme.colors.neutral50,p:12,sx:{borderRadius:8},align:"start"},x.default.createElement(u.AspectRatio,{ratio:1,w:24},x.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},x.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 17C11.45 17 11 16.55 11 16V12C11 11.45 11.45 11 12 11C12.55 11 13 11.45 13 12V16C13 16.55 12.55 17 12 17ZM11 9H13V7H11V9Z",fill:"#595959"}))),x.default.createElement(n.Text,{size:"p3"},e("babyVaccine.immunization.warning")))}));exports.Immunization=r=>{var{vaccineRecord:l,siteType:i,onToggle:o}=r,s=e.__rest(r,["vaccineRecord","siteType","onToggle"]);const{t:u}=d.useTranslations();return x.default.createElement(I,Object.assign({"data-theme":i},s),x.default.createElement(F,null),x.default.createElement(a.Stack,{spacing:20,w:"100%"},x.default.createElement(D,null),l&&l.map(((e,r)=>x.default.createElement(t.Fragment,{key:`${r}${e.id}`},x.default.createElement(a.Divider,{h:1,color:c.theme.colors.neutral100}),x.default.createElement(a.Flex,{align:"stretch",justify:"space-between",gap:40},x.default.createElement(a.Stack,{spacing:2},x.default.createElement(n.Text,{size:"n1",color:e.optional?c.theme.colors.gray800:c.theme.colors.red800},e.optional?u("babyVaccine.vaccineInfo.optional"):u("babyVaccine.vaccineInfo.mandatory")),x.default.createElement(n.Text,{size:"s4",color:c.theme.colors.gray800,weight:"semiBold"},e.name||e.antigen)),x.default.createElement("div",null,x.default.createElement(a.SimpleGrid,{cols:5,spacing:4,verticalSpacing:4,sx:{flexGrow:1}},e.records&&e.records.map(((e,t)=>x.default.createElement(M,{key:t,status:e.status,idx:t+1,onClick:()=>{null==o||o("vaccinated"===e.status,e)}})))))))))))},exports.RecordsByAgeGroup=t=>{var{vaccineRecords:r,isCurrent:l,onToggle:i,siteType:o,onTitleClick:s}=t,u=e.__rest(t,["vaccineRecords","isCurrent","onToggle","siteType","onTitleClick"]);const{t:m}=d.useTranslations();return x.default.createElement("div",Object.assign({},u),x.default.createElement(a.Grid,{gutter:16,"data-theme":o},x.default.createElement(a.Grid.Col,{span:"content"},x.default.createElement(n.Text,{size:"s4",color:l?c.theme.colors.primaryBase:c.theme.colors.gray800,weight:"semiBold",sx:{height:42,width:100,display:"flex",alignItems:"center"}},r.name||r.shortName)),x.default.createElement(a.Grid.Col,{span:"auto"},x.default.createElement(S,{"data-is-current":l},x.default.createElement("span",{className:"dot"}),x.default.createElement("div",{className:"line"}),x.default.createElement(n.Text,{size:"n1",ml:16},x.default.createElement("span",{dangerouslySetInnerHTML:{__html:m("babyVaccine.timeline.total",{number:`<b>${r.records.length}</b>`})}}))),x.default.createElement(a.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:i,onTitleClick:s})))))))},exports.TimelineBanner=t=>{var{content:r,url:l,icon:i,gender:o,siteType:s}=t,g=e.__rest(t,["content","url","icon","gender","siteType"]);const{t:p}=d.useTranslations();return x.default.createElement(_,Object.assign({"data-gender":o},g),x.default.createElement(a.Stack,{spacing:8},x.default.createElement(n.Text,{size:"p3",color:c.theme.colors.gray800},r),l&&x.default.createElement("a",{className:"read-more",href:l,target:"_blank",rel:"noreferrer"},x.default.createElement(a.Flex,{align:"center",gap:6},x.default.createElement(n.Text,{size:"s4",color:c.theme.colors.primaryBase,weight:"semiBold"},p("articlePage.readMore")),x.default.createElement(m.Icon.ArrowRight,{size:20,color:c.theme.colors.primaryBase})))),x.default.createElement(u.AspectRatio,{ratio:1,w:80},x.default.createElement("img",{alt:"health-tool-icon",src:i})))},exports.VaccineCardModal=V,exports.VaccineCardTimeline=$,exports.VaccineDetailPopup=r=>{var{babyVaccinationRecord:l,vaccineDetail:i,isDetail:o,siteType:c,onSubmit:s}=r,u=e.__rest(r,["babyVaccinationRecord","vaccineDetail","isDetail","siteType","onSubmit"]);const{t:m}=d.useTranslations(),{isMobile:f}=p.useScreenSize(),[b,h]=t.useState("1"),y=[{id:"1",name:m("babyVaccine.popup.tab.schedule")},{id:"2",name:m("babyVaccine.popup.tab.detail")}];return l&&i?x.default.createElement(g.Modal,Object.assign({},u,{title:x.default.createElement(n.Text,{size:"s3",weight:"semiBold"},m("babyVaccine.popup.title")),withCloseButton:!0,styles:{body:{padding:0}},fullScreen:f}),x.default.createElement(a.Container,{fluid:!0,p:f?16:24},x.default.createElement(a.Tabs,{value:b,onTabChange:h},x.default.createElement(a.Flex,{justify:"space-between"},x.default.createElement(a.Tabs.List,{grow:!0},y.map((e=>x.default.createElement(a.Tabs.Tab,{key:e.id,value:e.id},x.default.createElement(n.Text,{size:"s3",weight:"semiBold",color:"inherit"},e.name)))))),x.default.createElement(a.Tabs.Panel,{value:"1",pt:20},x.default.createElement(B,{record:l,onSubmit:(t,a)=>e.__awaiter(void 0,void 0,void 0,(function*(){yield null==s?void 0:s(t,a),u.onClose()}))})),x.default.createElement(a.Tabs.Panel,{value:"2",pt:20},x.default.createElement("span",{className:"description",dangerouslySetInnerHTML:{__html:i.detail}}))))):null};
+`,M=t=>{var{status:a,idx:r}=t,n=e.__rest(t,["status","idx"]);return x.default.createElement(R,Object.assign({"data-status":a,"data-id":r||"header"},n),x.default.createElement(l.Text,{size:"s4",span:!0,className:"inner-text"},r||""))},D=x.default.memo((()=>{const{isMobile:e}=p.useScreenSize(),{t:t}=u.useTranslations();return x.default.createElement(a.Flex,{px:16},!e&&x.default.createElement(l.Text,{size:"s4",weight:"semiBold",sx:{flexGrow:1},color:s.theme.colors.gray600},t("babyVaccine.immunization.vaccineName")),x.default.createElement(a.Flex,{gap:24},x.default.createElement(a.Flex,{align:"center",gap:4},x.default.createElement(M,{status:"missed"}),x.default.createElement(l.Text,{size:"p4"},t("babyVaccine.status.missed"))),x.default.createElement(a.Flex,{align:"center",gap:4},x.default.createElement(M,{status:"next"}),x.default.createElement(l.Text,{size:"p4"},t("babyVaccine.status.upcoming"))),x.default.createElement(a.Flex,{align:"center",gap:4},x.default.createElement(M,{status:"vaccinated"}),x.default.createElement(l.Text,{size:"p4"},t("babyVaccine.status.vaccinated")))))})),F=x.default.memo((()=>{const{t:e}=u.useTranslations();return x.default.createElement(a.Flex,{gap:14,bg:s.theme.colors.neutral50,p:12,sx:{borderRadius:8},align:"start"},x.default.createElement(n.AspectRatio,{ratio:1,w:24},x.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},x.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 17C11.45 17 11 16.55 11 16V12C11 11.45 11.45 11 12 11C12.55 11 13 11.45 13 12V16C13 16.55 12.55 17 12 17ZM11 9H13V7H11V9Z",fill:"#595959"}))),x.default.createElement(l.Text,{size:"p3"},e("babyVaccine.immunization.warning")))}));exports.Immunization=r=>{var{vaccineRecord:n,siteType:i,onToggle:o}=r,c=e.__rest(r,["vaccineRecord","siteType","onToggle"]);const{t:d}=u.useTranslations();return x.default.createElement(I,Object.assign({"data-theme":i},c),x.default.createElement(F,null),x.default.createElement(a.Stack,{spacing:20,w:"100%"},x.default.createElement(D,null),n&&n.map(((e,r)=>x.default.createElement(t.Fragment,{key:`${r}${e.id}`},x.default.createElement(a.Divider,{h:1,color:s.theme.colors.neutral100}),x.default.createElement(a.Flex,{align:"stretch",justify:"space-between",gap:40},x.default.createElement(a.Stack,{spacing:2},x.default.createElement(l.Text,{size:"n1",color:e.optional?s.theme.colors.gray800:s.theme.colors.red800},e.optional?d("babyVaccine.vaccineInfo.optional"):d("babyVaccine.vaccineInfo.mandatory")),x.default.createElement(l.Text,{size:"s4",color:s.theme.colors.gray800,weight:"semiBold"},e.name||e.antigen)),x.default.createElement("div",null,x.default.createElement(a.SimpleGrid,{cols:5,spacing:4,verticalSpacing:4,sx:{flexGrow:1}},e.records&&e.records.map(((e,t)=>x.default.createElement(M,{key:t,status:e.status,idx:t+1,onClick:()=>{null==o||o("vaccinated"===e.status,e)}})))))))))))},exports.RecordsByAgeGroup=t=>{var{vaccineRecords:r,isCurrent:n,onToggle:i,siteType:o,onTitleClick:c}=t,d=e.__rest(t,["vaccineRecords","isCurrent","onToggle","siteType","onTitleClick"]);const{t:m}=u.useTranslations();return x.default.createElement("div",Object.assign({},d),x.default.createElement(a.Grid,{gutter:16,"data-theme":o},x.default.createElement(a.Grid.Col,{span:"content"},x.default.createElement(l.Text,{size:"s4",color:n?s.theme.colors.primaryBase:s.theme.colors.gray800,weight:"semiBold",sx:{height:42,width:100,display:"flex",alignItems:"center"}},r.name||r.shortName)),x.default.createElement(a.Grid.Col,{span:"auto"},x.default.createElement(S,{"data-is-current":n},x.default.createElement("span",{className:"dot"}),x.default.createElement("div",{className:"line"}),x.default.createElement(l.Text,{size:"n1",ml:16},x.default.createElement("span",{dangerouslySetInnerHTML:{__html:m("babyVaccine.timeline.total",{number:`<b>${r.records.length}</b>`})}}))),x.default.createElement(a.Stack,{spacing:8},(null==r?void 0:r.records)&&r.records.map(((e,t)=>x.default.createElement(q,{key:`${t}${e.vaccineId}`,vaccineRecord:e,isCurrent:n&&0===t,onToggle:i,onTitleClick:c})))))))},exports.TimelineBanner=t=>{var{content:r,url:i,icon:o,gender:c,siteType:d}=t,g=e.__rest(t,["content","url","icon","gender","siteType"]);const{t:p}=u.useTranslations();return x.default.createElement(_,Object.assign({"data-gender":c},g),x.default.createElement(a.Stack,{spacing:8},x.default.createElement(l.Text,{size:"p3",color:s.theme.colors.gray800},r),i&&x.default.createElement("a",{className:"read-more",href:i,target:"_blank",rel:"noreferrer"},x.default.createElement(a.Flex,{align:"center",gap:6},x.default.createElement(l.Text,{size:"s4",color:s.theme.colors.primaryBase,weight:"semiBold"},p("articlePage.readMore")),x.default.createElement(m.Icon.ArrowRight,{size:20,color:s.theme.colors.primaryBase})))),x.default.createElement(n.AspectRatio,{ratio:1,w:80},x.default.createElement("img",{alt:"health-tool-icon",src:o})))},exports.VaccineCardModal=V,exports.VaccineCardTimeline=q,exports.VaccineDetailPopup=r=>{var{babyVaccinationRecord:n,vaccineDetail:i,isDetail:o,siteType:c,onSubmit:s}=r,d=e.__rest(r,["babyVaccinationRecord","vaccineDetail","isDetail","siteType","onSubmit"]);const{t:m}=u.useTranslations(),{isMobile:f}=p.useScreenSize(),[b,h]=t.useState("1"),y=[{id:"1",name:m("babyVaccine.popup.tab.schedule")},{id:"2",name:m("babyVaccine.popup.tab.detail")}];return n&&i?x.default.createElement(g.Modal,Object.assign({},d,{title:x.default.createElement(l.Text,{size:"s3",weight:"semiBold"},m("babyVaccine.popup.title")),withCloseButton:!0,styles:{body:{padding:0}},fullScreen:f}),x.default.createElement(a.Container,{fluid:!0,p:f?16:24},x.default.createElement(a.Tabs,{value:b,onTabChange:h},x.default.createElement(a.Flex,{justify:"space-between"},x.default.createElement(a.Tabs.List,{grow:!0},y.map((e=>x.default.createElement(a.Tabs.Tab,{key:e.id,value:e.id},x.default.createElement(l.Text,{size:"s3",weight:"semiBold",color:"inherit"},e.name)))))),x.default.createElement(a.Tabs.Panel,{value:"1",pt:20},x.default.createElement(B,{record:n,onSubmit:(t,a)=>e.__awaiter(void 0,void 0,void 0,(function*(){yield null==s?void 0:s(t,a),d.onClose()}))})),x.default.createElement(a.Tabs.Panel,{value:"2",pt:20},x.default.createElement("span",{className:"description",dangerouslySetInnerHTML:{__html:i.detail}}))))):null};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hhgtech/hhg-components",
-  "version": "1.25.16",
+  "version": "1.25.18",
   "main": "build/index.js",
   "module": "build/esm/index.js",
   "files": [
@@ -26,7 +26,7 @@
     "watch": "npx watch -u -d --wait=5 --interval=5 \"npm run build\" src/",
     "watch-copy": "npx watch -u -d --wait=5 --interval=5 \"npm run build-copy\" src/",
     "build-copy": "npm run build && rm -rf $PROJECT_PATH/.next $PROJECT_PATH/node_modules/.cache $PROJECT_PATH/node_modules/@hhgtech/hhg-components/build && cp -R ./build $PROJECT_PATH/node_modules/@hhgtech/hhg-components && cp package.json $PROJECT_PATH/node_modules/@hhgtech/hhg-components/package.json && echo 'Ready to test on local'",
-    "type-check": "tsc",
+    "type-check": "tsc  --pretty --noEmit",
     "generate:component": "plop component",
     "generate:hook": "plop hook",
     "get-translation": "node ./src/scripts/getTranslationFromFile.js",

package/build/core-5d728a55.js

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

package/build/esm/index-024aff4c.js

@@ -1 +0,0 @@
-import{_ as e}from"./tslib.es6-5ca9a486.js";import l,{createContext as n,useContext as r,useRef as i,useState as t,useEffect as o}from"react";import{Carousel as s}from"@mantine/carousel";import{createStyles as d}from"@mantine/core";import{useViewportSize as c,useResizeObserver as a}from"@mantine/hooks";const u=s.Slide,v=n({}),m=(e,l)=>e>=l?e-l:e,h=n=>{var{children:r,blurFromCenter:u,blurFromIndex:h,blurLength:p=3,maxBlurOpacity:S=.5,onSlideChange:g,selectSlideWhenClick:f}=n,y=e(n,["children","blurFromCenter","blurFromIndex","blurLength","maxBlurOpacity","onSlideChange","selectSlideWhenClick"]);const{width:b}=c(),[C]=a(),k=i(null),[x,O]=t(0),I=()=>{var e,l,n,r,i;const t=(null===(e=null==k?void 0:k.current)||void 0===e?void 0:e.slideNodes())||[];if((null===(l=null==k?void 0:k.current)||void 0===l?void 0:l.slideNodes().length)<=(null===(n=null==k?void 0:k.current)||void 0===n?void 0:n.slidesInView().length))return t.map((e=>{e.classList.remove("center-slide"),e.style.opacity="1"})),!1;const o=null===(r=null==k?void 0:k.current)||void 0===r?void 0:r.selectedScrollSnap();O(o);const s=t.length,d=(null===(i=null==k?void 0:k.current)||void 0===i?void 0:i.slidesInView()).length,c=Math.floor(d/2),a=u?h+p-1:c,v=o+a,g=v===s?0:v>s?v-s:v,f=o-a,y=f<0?s+f:f>0?o-a:0,b=[...new Set(Array(2*a+1).fill("").map(((e,l)=>m(y+l,s))))];t.map(((e,l)=>{if(l===o?e.classList.add("center-slide"):e.classList.remove("center-slide"),-1!==b.indexOf(l)){const i=S/p;for(let t=0;t<p;t++){if(l===m(y+t,s)||l===(r=s,(n=g-t)<0?r+n:n)){e.style.opacity=String((t+1)*i);break}e.style.opacity="1"}}else e.style.opacity="0";var n,r}))},j={getEmblaApi:e=>{k.current=e},onSlideChange:e=>{I(),null==g||g(e)}};o((()=>{(null==k?void 0:k.current)&&I()}),[b]);const w=d((e=>{var l,n;return{control:Object.assign({},(null===(l=null==k?void 0:k.current)||void 0===l?void 0:l.slideNodes().length)<=(null===(n=null==k?void 0:k.current)||void 0===n?void 0:n.slidesInView().length)&&{display:"none"})}})),{classes:E}=w();return l.createElement(v.Provider,{value:{slider:null==k?void 0:k.current,centerSlide:x,selectSlideWhenClick:f}},l.createElement(s,Object.assign({classNames:{control:E.control},ref:C,slideSize:"auto",containScroll:"trimSnaps"},j,y,{loop:!0}),"function"==typeof r?r(x):r))};h.Slide=n=>{var{children:s,onClick:d,innerSlideProps:c}=n,a=e(n,["children","onClick","innerSlideProps"]);const{slider:m,selectSlideWhenClick:h}=r(v),p=i(),S=i(""),[g,f]=t(0);o((()=>{S.current=String(Math.round(1e4*Math.random()))}),[]),o((()=>{const e=(null==m?void 0:m.slideNodes())||[];f(e.findIndex((e=>e.dataset.key===S.current)))}),[m]);const y={ref:p,"data-key":S.current,"data-index":g};return l.createElement(u,Object.assign({},y,a),l.createElement("div",Object.assign({style:{height:"100%"},onClick:()=>{h&&(null==m||m.scrollTo(g)),null==d||d(g)}},c),s))};export{h as C};

package/build/esm/index-045c3dbe.js

@@ -1 +0,0 @@
-import{_ as a}from"./tslib.es6-5ca9a486.js";import t from"react";import{Button as e}from"@mantine/core";import{u as r}from"./index.styles-a3b13b63.js";const o={primary:"filled",secondary:"outline",tertiary:"default",light:"light",ghost:"subtle",error:"outline"},s=s=>{var{variant:i,size:n,color:l,skipHover:c,className:v,dataEventCategory:m,dataEventAction:d,dataEventLabel:p}=s,b=a(s,["variant","size","color","skipHover","className","dataEventCategory","dataEventAction","dataEventLabel"]);const u="error"===i,{classes:E,cx:g}=r({variant:i,size:n,color:l,skipHover:c,isError:u});return t.createElement(e,Object.assign({className:g(E.rootCustom,v),variant:o[i],"data-event-category":m,"data-event-action":d,"data-event-label":p},b))};export{s as B};

package/build/esm/index-0b9e6d69.js

@@ -1 +0,0 @@
-import{_ as t}from"./tslib.es6-5ca9a486.js";import e from"react";import{Text as a}from"@mantine/core";import"dayjs";import"./screenSizeContext-c2f212e1.js";import"styled-components";import{t as s}from"./theme-220bea92.js";import"./index-c2c86c0d.js";import"./utils-b166401c.js";import"./isProduction-691bcc80.js";import"./Onboarding-4dcdddc9.js";import"./gAssets.js";import{h as o}from"./index.styles-a3b13b63.js";const r=r=>{var{size:c,color:i=s.colors.gray800,weight:n="regular",as:m="p",styles:l,className:d,dataEventCategory:p,dataEventAction:b,dataEventLabel:g}=r,j=t(r,["size","color","weight","as","styles","className","dataEventCategory","dataEventAction","dataEventLabel"]);const{classes:v,cx:y}=o({size:c,weight:n},{name:"Text",styles:l});return e.createElement(a,Object.assign({className:y(v.root,d),color:i,component:m,"data-event-category":p,"data-event-action":b,"data-event-label":g},j))};export{r as T};

package/build/esm/index-3b9131af.js

@@ -1 +0,0 @@
-import e,{useState as t,useEffect as a}from"react";import{z as s,A as r}from"./index.styled-a505cd67.js";import{_ as o}from"./tslib.es6-5ca9a486.js";import{u as n}from"./useTranslations-500ece2c.js";import"@mantine/core";import"./gAssets.js";import"./index.styles-a3b13b63.js";import"dayjs";import"./screenSizeContext-c2f212e1.js";import"styled-components";import"./theme-220bea92.js";import"./index-c2c86c0d.js";import"./utils-b166401c.js";import"./isProduction-691bcc80.js";import"./Onboarding-4dcdddc9.js";import{B as i}from"./index-045c3dbe.js";import"./translationsContext-fb265fa4.js";import"string-format";import"./index-024aff4c.js";import"@mantine/hooks";import{T as l}from"./index-0b9e6d69.js";import{b4 as d}from"./index.styled-0b649758.js";const c=({type:t="solid",className:a,style:r})=>e.createElement(s,{style:r,className:a,"data-diver-type":t,dividerType:t}),m={admin:"cardAuthor.admin",moderator:"cardAuthor.moderator",ambassador:"cardAuthor.ambassador",expert:"cardAuthor.expert",sponsor:"cardAuthor.sponsor",guide:"cardAuthor.guide",influencer:"cardAuthor.influencer"},p=t=>{var{siteType:a,role:s,title:i,styles:l,className:d}=t,c=o(t,["siteType","role","title","styles","className"]);const{t:p}=n(),y=s?(e=>["admin","moderator","ambassador","expert","sponsor","guide","influencer"].find((t=>t===e)))(s):"",{classes:b,cx:v}=r(void 0,{name:"AuthorBadge",styles:l});return y&&m[y]?e.createElement("div",Object.assign({className:v(b.root,d),"data-label-type":y,"data-is-marrybaby":"marryBaby"===a},c),i||p(m[y])):null};var y="Dudns9-";const b=({value:s,choices:r,onChange:o})=>{const[n,l]=t(s);return a((()=>{l(s)}),[s]),e.createElement("div",{className:y},r.map(((t,a)=>e.createElement(i,{size:"sm",variant:t.value===n?"primary":"tertiary",key:a,onClick:()=>{l(t.value),null==o||o(t.value)}},t.label||""))))},v=({style:s,initialTab:r,tabContent:o,onChange:n,className:i,dataEventCategory:c,dataEventAction:m,dataEventLabel:p,id:y,styles:b})=>{const{classes:v,cx:u,theme:E}=d(void 0,{name:"Tabs",styles:b}),[x,f]=t(r||0);return a((()=>{f(r)}),[r]),e.createElement("ul",{style:s,className:u(v.root,i),role:"tablist",id:y},o.map(((t,a)=>e.createElement("li",{className:`${v.item} ${x===a?"active":""}`,"aria-selected":x===a,role:"tab",onClick:()=>{f(a),n&&n(a)},onKeyDown:e=>{"Enter"===e.key&&(f(a),n&&n(a))},key:a,"data-event-category":t.dataEventCategory||c,"data-event-action":t.dataEventAction||m,"data-event-label":t.dataEventLabel||p,tabIndex:0,"data-testid":t.dataTestid},e.createElement("div",{className:v.itemInner},t.icon&&e.createElement("div",{className:v.icon},t.icon),e.createElement(l,{className:v.label,size:t.textSize||"sm",weight:t.textType||"bold",color:x===a?E.fn.primaryColor():t.textColor||E.colors.gray[4],dataEventCategory:t.dataEventCategory,dataEventAction:t.dataEventAction,dataEventLabel:t.dataEventLabel},t.name))))))};export{p as A,b as B,c as D,v as T};

package/build/esm/index-58533005.js

@@ -1 +0,0 @@
-import e from"react";import{AspectRatio as t,Switch as a}from"@mantine/core";import{I as f}from"./index-c2c86c0d.js";import{L as o}from"./Onboarding-4dcdddc9.js";import"dayjs";import"./screenSizeContext-c2f212e1.js";import"styled-components";import{t as s}from"./theme-220bea92.js";import{B as i}from"./utils-b166401c.js";import"./isProduction-691bcc80.js";import"./gAssets.js";import{m as r,A as c,n,G as d,o as l,p as b}from"./index.styles-a3b13b63.js";const m=a=>e.createElement(t,Object.assign({sx:{borderRadius:4,overflow:"hidden"}},a)),p=a,g={Button:{defaultProps:{size:"md"}}},C={Checkbox:{styles:{input:r}}},B=e=>({InputWrapper:{styles:{label:{display:"inline-flex",gap:4,marginBottom:"0.25rem",fontWeight:600,fontSize:"14px",lineHeight:"22px",color:s.colors.gray600},description:{fontWeight:400,fontSize:"12px",lineHeight:"18px",color:s.colors.gray600,marginBottom:"0.25rem"},error:{marginTop:"0.25rem"}}},NumberInput:{defaultProps:{decimalSeparator:f[e].separator}},Input:{styles:(e,t)=>({input:{border:`1px solid ${s.colors.gray200}`,transition:`all ${c} ease-in-out`,"&:not(.mantine-Textarea-input)":Object.assign({},(()=>{switch(t.size){case"lg":return{height:48,fontSize:16,minHeight:"unset",lineHeight:"24px"};case"md":return{height:40,fontSize:14,lineHeight:"22px",minHeight:"unset"};case"sm":return{height:32,fontSize:14,lineHeight:"22px",minHeight:"unset"}}})()),"&:hover":{border:`1px solid ${e.primaryColor}`},"&:focus":{boxShadow:`0px 0px 0px 2px ${e.colors[e.primaryColor][2]}`}},invalid:{border:`1px solid ${s.colors.red600}`,color:"#000"}})}}),A={hb:["#e3f2ff","#bcdeff","#91caff","#65b5ff","#45a4ff","#2b94ff","#2d87f3","#2c74df","#2b62cd","#2743ad"],mb:["#FFE9F1","#F8CCDC","#F5B4CB","#F29CBA","#EE84AA","#EB6B99","#E85388","#D34C7C","#BE446F","#A93D63"],blue:["#e3f2ff","#bcdeff","#91caff","#65b5ff","#45a4ff","#2b94ff","#2d87f3","#2c74df","#2b62cd","#2743ad"],gray:["#fafafa","#f2f2f2","#d9d9d9","#bfbfbf","#8c8c8c","#737373","#595959","#404040","#262626"],neutral:["#f8f9fc","#e4e8ec","#fafafa","#d2d6dc","#bfc5cc","#adb3bc","#9aa2ac","#87909c","#757f8c","#626d7c"],green:["#e0f8ee","#b3eed5","#7ce2b9","#2ed69e","#00CB8A","#00C076","#00B16A","#009E5C","#008C50","#006C39"],pink:["#fff1f6","#fec7dc","#fec7dc","#fec2cf","#fe9dc2","#fd87b4","#fd72a7","#fc5d9a","#fc488d","#E92D74"],violet:["#F5EDFF","#E7D2F7","#D8B7F0","#CA9CE8","#BB82E1","#AD67D9","#9E4CD1","#9031CA","#8116C2","#63059D"],yellow:["#fff8e2","#ffecb6","#ffe187","#ffd658","#ffc326","#fe921d","#ffb521","#fea21e","#fe921d","#fc7419"],teal:["#e0f7fc","#b1ebf8","#7ddff3","#44d1ec","#00c7e6","#00bee0","#00aecd","#0099b2","#008599","#00626c"],indigol:["#CEDDF0","#ACC5E6","#95B3DA","#85A6CF","#6D91BE","#5F85B5","#4C77AC","#35639C","#284A75","#1B3250"],redViolet:["#F3EAEB","#E8D5D7","#DDC1C4","#D1ACB0","#C5979C","#BA8288","#AF6D74","#A35961","#97444D","#8C2F39"]},u=(e,t="hb")=>({defaultRadius:"hb"===t?4:16,datesLocale:n[e],dateFormat:f[e].dateFormat,colors:Object.assign(Object.assign({},A),s.colors),primaryColor:t,primaryShade:6,fontFamily:e===o.Cambodia?"Battambang,":"Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI',\n      Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",breakpoints:{xs:i.BREAK_POINT_SMALL_MOBILE,sm:i.BREAK_POINT_MOBILE,md:i.BREAK_POINT_TABLET,lg:i.BREAK_POINT_PC,xl:i.BREAK_POINT_LGPC},components:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},B(e)),C),d),g),l),b)});export{m as A,p as S,u as g,A as t};

package/build/esm/index-70b45c46.js

@@ -1 +0,0 @@
-import e,{useState as t,useRef as a,useEffect as o}from"react";import{u as d}from"./useTranslations-500ece2c.js";import{t as r}from"./theme-220bea92.js";import{I as l}from"./index-2a142a47.js";import{I as c}from"./index-9138faf1.js";import{M as s}from"./index-ccdd392f.js";import{T as n}from"./index-a3321808.js";import{aj as m}from"./index.styled-a505cd67.js";import{u as i}from"./useScrollbarSize-7ad12109.js";import{createPortal as h}from"react-dom";import{S as p,a as u,b as y}from"./index-5a461d74.js";const v=({isActive:t,onChange:a,value:o="",onInputChange:i,siteType:h})=>{const{t:p}=d(),u="marryBaby"===h;return e.createElement(m,{onClick:()=>a("new"),"data-is-mb":u,"data-isActive":u&&t},"marryBaby"===h?e.createElement("div",{className:"title"},e.createElement(s,{type:"bodytext-1",color:r.colors.gray800},p("chooseBaby.new")),e.createElement("div",{className:t?"radio active":"radio"},t&&e.createElement(l.CheckActiveMB,{size:26}))):e.createElement("div",{className:"title"},e.createElement(n,{size:"p2",color:r.colors.gray800},p("chooseBaby.new")),e.createElement("div",{className:t?"radio active":"radio"})),e.createElement(c,{name:"name",value:o,size:"md",placeholder:p("chooseBaby.placeholder"),type:"text",onChange:i}))},b="hhg-modals",g=()=>{document.querySelectorAll('.hhg-modal[data-open="true"]').length<1&&document.body.classList.remove("hhc-modal-show")},f=()=>{document.querySelectorAll('.hhg-modal[data-open="true"]').length<1&&(document.body.style.overflow="",document.body.style.paddingRight="",document.body.classList.remove("hhc-disabled-scroll"))},E=({type:d="lead",closeIcon:r,isOpen:l=!0,onClose:c,children:s,className:n="",animationType:m="slideTop",isStaticBackdrop:v=!1,siteType:E,style:j})=>{const[C,N]=t(!1),x=a(null),{width:_}=i();if(!x.current&&C&&(x.current=document.createElement("div")),o((()=>(N(!0),()=>{N(!1),g(),f()})),[]),o((()=>{if(C){const e=(()=>{let e=document.getElementById(b);return e||(e=document.createElement("div"),e.setAttribute("id",b),document.body.append(e)),e})();return e.appendChild(x.current),()=>{e.removeChild(x.current)}}}),[C]),o((()=>{l?document.body.classList.add("hhc-modal-show"):g()}),[l]),o((()=>{l?(document.body.style.overflow="hidden",document.body.style.paddingRight=_+"px",document.body.classList.add("hhc-disabled-scroll")):f()}),[l,_]),!C)return null;const w=["hhg-modal__wrapper",n,m].filter((e=>e)).join(" ");return h(e.createElement(p,{className:w,"data-open":l,"data-type":d},!v&&e.createElement(u,{"data-open":l,onClick:c,"data-type":d}),!v&&"video"===d&&!!r&&e.createElement("div",{className:"hhg-modal__close",onClick:c},r),e.createElement(y,{className:"hhg-modal","data-open":l,"data-site-type":E},e.createElement("div",{className:"video"===d?"hhg-modal__video":"hhg-modal__content"},!!r&&"video"!==d&&e.createElement("div",{className:"hhg-modal__close",onClick:c},r),s))),x.current)};export{E as M,v as N};

package/build/esm/index-aa162c84.js

@@ -1 +0,0 @@
-import{_ as e}from"./tslib.es6-5ca9a486.js";import t from"react";import{CommonGAssets as s}from"./gAssets.js";import{j as l}from"./index.styles-a3b13b63.js";const r=r=>{var{title:a}=r,o=e(r,["title"]);return t.createElement(t.Fragment,null,t.createElement(l,Object.assign({centered:!0,styles:{body:{padding:"40px"},inner:{borderRadius:"6px"}}},o,{withCloseButton:!1,title:o.withCloseButton&&t.createElement(t.Fragment,null,a,t.createElement("img",{className:"mantine-Modal-close",src:s.getAssetPath("CloseModal.svg"),onClick:()=>{var e;return null===(e=o.onClose)||void 0===e?void 0:e.call(o)}}))})))};export{r as M};

package/build/esm/index-b2955d8b.js

@@ -1 +0,0 @@
-import{_ as a}from"./tslib.es6-5ca9a486.js";import t from"react";import{Anchor as e}from"@mantine/core";import{k as s}from"./index.styles-a3b13b63.js";const o=o=>{var{color:r,styles:n,className:c,dataEventCategory:l,dataEventAction:m,dataEventLabel:i}=o,d=a(o,["color","styles","className","dataEventCategory","dataEventAction","dataEventLabel"]);const{classes:v,cx:b}=s({color:r},{name:"Anchor",styles:n});return t.createElement(e,Object.assign({className:b(v.root,c),"data-event-category":l,"data-event-action":m,"data-event-label":i},d))};export{o as A};