@hhgtech/hhg-components 1.28.15 → 1.28.17

package/build/esm/{index-692fd73a.js → index-3023d871.js}

@@ -1,4 +1,4 @@
-import e,{useRef as t,useEffect as a,useState as o}from"react";import{Portal as l}from"@mantine/core";import{t as n,M as i}from"./screenSizeContext-f88ac4dd.js";import{a2 as r,a3 as d,a4 as s,a5 as c,a6 as m,a7 as h,w as p}from"./index.styles-02cba8ec.js";import{T as u,I as g}from"./index-1a701fed.js";import{u as y}from"./useScrollbarSize-5aa2e7bd.js";import{createPortal as b}from"react-dom";import v from"styled-components";import{u as f}from"./useTranslations-4d59be7a.js";import{G as x}from"./Onboarding-12663c74.js";import{M as C,a as w}from"./index-8eae4245.js";import{t as E}from"./theme-a3990cfc.js";import{T as k}from"./index-750aae05.js";const B=({open:t=!1,onClickOutside:a})=>e.createElement(r,{"data-open":t,onClick:a}),_=({children:o,title:i,onClose:r,open:m=!1,placement:h="left",destroyOnClose:p=!1,isPropagationEvent:g=!0,className:y})=>{const b=t();a((()=>(n(m),()=>n(!1))),[m]);const v=()=>{b.current.classList.add("slideOut"),setTimeout((()=>{r()}),800)};return!m&&p?null:e.createElement(l,null,e.createElement(d,{className:y,open:m},e.createElement(B,{open:m,onClickOutside:v}),e.createElement(s,{open:m,placement:h,ref:b,hasTitle:Boolean(i)},e.createElement("div",{className:"title"},i&&e.createElement(u,{size:"s2",weight:"semiBold"},i),e.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",className:"close-button",onClick:v},e.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"}))),e.createElement(c,{onClick:e=>{g&&e.stopPropagation()}},o&&(e.isValidElement(o)?o:"function"==typeof o?o({internalClose:v}):null)))))},$=({value:t,options:a,className:l,direction:n="horizontal",onChange:i,isDisabled:r,siteType:d})=>{const[s,c]=o(t),p="marryBaby"===d;return e.createElement(m,{className:l,"data-direction":n},a.map(((a,o)=>e.createElement(h,{"data-selected":(t||s)===a.value,"data-is-mb":p,"data-disabled":r,key:o,onClick:()=>{var e;e=a.value,r||(c(e),i&&i(e))}},e.createElement("div",null,a.content,a.label&&e.createElement(e.Fragment,null,p?e.createElement(C,{type:"subtitle-2",color:(t||s)===a.value?E.mbColors.dark:E.mbColors.midGray},a.label):e.createElement(k,{type:"bold",color:(t||s)===a.value?"#2D87F3":"black",className:"radio-group-item-heading",size:"label1"},a.label)))))))},j="hhgcomp-modal-modal",N=p(v.div`
+import e,{useRef as t,useEffect as a,useState as o}from"react";import{Portal as l}from"@mantine/core";import{t as n,M as i}from"./screenSizeContext-0e3ef246.js";import{a2 as r,a3 as d,a4 as s,a5 as c,a6 as m,a7 as h,w as p}from"./index.styles-a28cb8c9.js";import{T as u,I as b}from"./index-18cbcbab.js";import{u as g}from"./useScrollbarSize-95f21af1.js";import{createPortal as y}from"react-dom";import f from"styled-components";import{u as v}from"./useTranslations-089280e1.js";import{G as x}from"./Onboarding-8438950b.js";import{M as C,a as w}from"./index-ff3bb9f4.js";import{t as E}from"./theme-5521e22b.js";import{T as k}from"./index-cb4dc93b.js";const B=({open:t=!1,onClickOutside:a})=>e.createElement(r,{"data-open":t,onClick:a}),_=({children:o,title:i,onClose:r,open:m=!1,placement:h="left",destroyOnClose:p=!1,isPropagationEvent:b=!0,className:g})=>{const y=t();a((()=>(n(m),()=>n(!1))),[m]);const f=()=>{y.current.classList.add("slideOut"),setTimeout((()=>{r()}),800)};return!m&&p?null:e.createElement(l,null,e.createElement(d,{className:g,open:m},e.createElement(B,{open:m,onClickOutside:f}),e.createElement(s,{open:m,placement:h,ref:y,hasTitle:Boolean(i)},e.createElement("div",{className:"title"},i&&e.createElement(u,{size:"s2",weight:"semiBold"},i),e.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",className:"close-button",onClick:f},e.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"}))),e.createElement(c,{onClick:e=>{b&&e.stopPropagation()}},o&&(e.isValidElement(o)?o:"function"==typeof o?o({internalClose:f}):null)))))},$=({value:t,options:a,className:l,direction:n="horizontal",onChange:i,isDisabled:r,siteType:d})=>{const[s,c]=o(t),p="marryBaby"===d;return e.createElement(m,{className:l,"data-direction":n},a.map(((a,o)=>e.createElement(h,{"data-selected":(t||s)===a.value,"data-is-mb":p,"data-disabled":r,key:o,onClick:()=>{var e;e=a.value,r||(c(e),i&&i(e))}},e.createElement("div",null,a.content,a.label&&e.createElement(e.Fragment,null,p?e.createElement(C,{type:"subtitle-2",color:(t||s)===a.value?E.mbColors.dark:E.mbColors.midGray},a.label):e.createElement(k,{type:"bold",color:(t||s)===a.value?"#2D87F3":"black",className:"radio-group-item-heading",size:"label1"},a.label)))))))},j="hhgcomp-modal-modal",N=p(f.div`
   position: relative;
   z-index: 200;
   background-color: ${e=>e.theme.colors.white};
@@ -27,7 +27,7 @@ import e,{useRef as t,useEffect as a,useState as o}from"react";import{Portal as
     background-color: none;
     box-shadow: none;
   }
-`,j),L=v.div`
+`,j),L=f.div`
   position: fixed;
   top: 0;
   left: 0;
@@ -130,7 +130,7 @@ import e,{useRef as t,useEffect as a,useState as o}from"react";import{Portal as
       }
     }
   }
-`,z=v.div`
+`,z=f.div`
   position: fixed;
   top: 0;
   left: 0;
@@ -144,7 +144,7 @@ import e,{useRef as t,useEffect as a,useState as o}from"react";import{Portal as
   &[data-type='video'] {
     background-color: ${e=>e.theme.colors.secondaryDark};
   }
-`,T="hhg-modals",G=()=>{document.querySelectorAll('.hhg-modal[data-open="true"]').length<1&&document.body.classList.remove("hhc-modal-show")},D=()=>{document.querySelectorAll('.hhg-modal[data-open="true"]').length<1&&(document.body.style.overflow="",document.body.style.paddingRight="",document.body.classList.remove("hhc-disabled-scroll"))},M=({type:l="lead",closeIcon:n,isOpen:i=!0,onClose:r,children:d,className:s="",animationType:c="slideTop",isStaticBackdrop:m=!1,siteType:h})=>{const[p,u]=o(!1),g=t(null),{width:v}=y();if(!g.current&&p&&(g.current=document.createElement("div")),a((()=>(u(!0),()=>{u(!1),G(),D()})),[]),a((()=>{if(p){const e=(()=>{let e=document.getElementById(T);return e||(e=document.createElement("div"),e.setAttribute("id",T),document.body.append(e)),e})();return e.appendChild(g.current),()=>{e.removeChild(g.current)}}}),[p]),a((()=>{i?document.body.classList.add("hhc-modal-show"):G()}),[i]),a((()=>{i?(document.body.style.overflow="hidden",document.body.style.paddingRight=v+"px",document.body.classList.add("hhc-disabled-scroll")):D()}),[i,v]),!p)return null;const f=["hhg-modal__wrapper",s,c].filter((e=>e)).join(" ");return b(e.createElement(L,{className:f,"data-open":i,"data-type":l},!m&&e.createElement(z,{"data-open":i,onClick:r,"data-type":l}),!m&&"video"===l&&!!n&&e.createElement("div",{className:"hhg-modal__close",onClick:r},n),e.createElement(N,{className:"hhg-modal","data-open":i,"data-site-type":h},e.createElement("div",{className:"video"===l?"hhg-modal__video":"hhg-modal__content"},!!n&&"video"!==l&&e.createElement("div",{className:"hhg-modal__close",onClick:r},n),d))),g.current)},O=v.div`
+`,T="hhg-modals",G=()=>{document.querySelectorAll('.hhg-modal[data-open="true"]').length<1&&document.body.classList.remove("hhc-modal-show")},D=()=>{document.querySelectorAll('.hhg-modal[data-open="true"]').length<1&&(document.body.style.overflow="",document.body.style.paddingRight="",document.body.classList.remove("hhc-disabled-scroll"))},M=({type:l="lead",closeIcon:n,isOpen:i=!0,onClose:r,children:d,className:s="",animationType:c="slideTop",isStaticBackdrop:m=!1,siteType:h})=>{const[p,u]=o(!1),b=t(null),{width:f}=g();if(!b.current&&p&&(b.current=document.createElement("div")),a((()=>(u(!0),()=>{u(!1),G(),D()})),[]),a((()=>{if(p){const e=(()=>{let e=document.getElementById(T);return e||(e=document.createElement("div"),e.setAttribute("id",T),document.body.append(e)),e})();return e.appendChild(b.current),()=>{e.removeChild(b.current)}}}),[p]),a((()=>{i?document.body.classList.add("hhc-modal-show"):G()}),[i]),a((()=>{i?(document.body.style.overflow="hidden",document.body.style.paddingRight=f+"px",document.body.classList.add("hhc-disabled-scroll")):D()}),[i,f]),!p)return null;const v=["hhg-modal__wrapper",s,c].filter((e=>e)).join(" ");return y(e.createElement(L,{className:v,"data-open":i,"data-type":l},!m&&e.createElement(z,{"data-open":i,onClick:r,"data-type":l}),!m&&"video"===l&&!!n&&e.createElement("div",{className:"hhg-modal__close",onClick:r},n),e.createElement(N,{className:"hhg-modal","data-open":i,"data-site-type":h},e.createElement("div",{className:"video"===l?"hhg-modal__video":"hhg-modal__content"},!!n&&"video"!==l&&e.createElement("div",{className:"hhg-modal__close",onClick:r},n),d))),b.current)},O=f.div`
   & > :not(:last-child) {
     margin-bottom: 8px;
   }
@@ -162,7 +162,7 @@ import e,{useRef as t,useEffect as a,useState as o}from"react";import{Portal as
       }
     }
   }
-`,S=v($)`
+`,S=f($)`
   & > div > div {
     display: flex;
     flex-direction: row;
@@ -174,4 +174,4 @@ import e,{useRef as t,useEffect as a,useState as o}from"react";import{Portal as
   .radio-group-item-heading {
     margin-top: 0;
   }
-`,R=({value:t,onChange:a,siteType:o})=>{const{t:l}=f(),n="marryBaby"==o;return e.createElement(O,{"data-is-marryBaby":n},n?e.createElement(w,{type:"h4",color:E.mbColors.dark},l("tools.selectBabyGender")):e.createElement(u,{size:"label2",weight:"bold",style:{marginBottom:"0.5rem"}},l("tools.selectBabyGender")),e.createElement(S,{siteType:o,options:[{value:x.Boy,label:l("gender.male"),content:n?e.createElement(g.BabyBoyMB,null):e.createElement(g.GenderChooseBoy,null)},{value:x.Girl,label:l("gender.female"),content:n?e.createElement(g.BabyGirlMB,null):e.createElement(g.GenderChooseGirl,null)}],value:t,onChange:a,className:"gender-selector"}))};export{R as B,_ as D,M,$ as R};
+`,R=({value:t,onChange:a,siteType:o})=>{const{t:l}=v(),n="marryBaby"==o;return e.createElement(O,{"data-is-marryBaby":n},n?e.createElement(w,{type:"h4",color:E.mbColors.dark},l("tools.selectBabyGender")):e.createElement(u,{size:"label2",weight:"bold",style:{marginBottom:"0.5rem"}},l("tools.selectBabyGender")),e.createElement(S,{siteType:o,options:[{value:x.Boy,label:l("gender.male"),content:n?e.createElement(b.BabyBoyMB,null):e.createElement(b.GenderChooseBoy,null)},{value:x.Girl,label:l("gender.female"),content:n?e.createElement(b.BabyGirlMB,null):e.createElement(b.GenderChooseGirl,null)}],value:t,onChange:a,className:"gender-selector"}))};export{R as B,_ as D,M,$ as R};

package/build/esm/{index-9e60bcce.js → index-5aa081d5.js}

@@ -1 +1 @@
-import{_ as e}from"./tslib.es6-817a97f1.js";import a,{useMemo as t}from"react";import{useMantineTheme as s}from"@mantine/core";import{S as o,L as n,b as r,d as l,e as i}from"./constants-e8d8ee70.js";const c=c=>{var{name:m,value:d,errorMessage:p,isNumerousKeyboard:u=!1,showErrorMessage:y=!0,actionIcon:b,displayIcon:C,onActionClick:v,label:g,className:h,onChange:E,isDisabled:N,CustomInput:I,size:f,style:k,autoComplete:A="off",type:K="text",inputClassName:M,trackingAttributes:z,enterKeyHint:L}=c,j=e(c,["name","value","errorMessage","isNumerousKeyboard","showErrorMessage","actionIcon","displayIcon","onActionClick","label","className","onChange","isDisabled","CustomInput","size","style","autoComplete","type","inputClassName","trackingAttributes","enterKeyHint"]);const w=s(),H=t((()=>z?{"data-event-category":z.dataEventCategory,"data-event-action":z.dataEventAction,"data-event-label":z.dataEventLabel}:{}),[z]);return a.createElement(o,{"data-size":f,className:h,"data-has-action-icon":!!b||void 0,"data-has-display-icon":!!C||void 0,"data-has-error":p&&p.length>0||void 0,color:w.fn.primaryColor(),shadowColor:w.colors[w.primaryColor][0],style:k},g&&a.createElement(n,{size:"label2",htmlFor:m,className:"inputLabel"},g),a.createElement("div",{style:{position:"relative"}},I||a.createElement("input",Object.assign({id:m,name:m,onChange:e=>E&&E(e.target.value),type:K,"aria-label":K,value:d,disabled:N,autoComplete:A,inputMode:u||"number"===K?"numeric":K,pattern:u?"[0-9]*":".*",className:M,enterKeyHint:L},H,j)),C&&a.createElement(r,{className:"displayIcon"},C),b&&a.createElement(l,{className:"actionIcon",onClick:v},b)),p&&p.length>0&&y&&a.createElement(i,{className:"errorLabel"},p))};export{c as I};
+import{_ as e}from"./tslib.es6-aaf273e4.js";import a,{useMemo as t}from"react";import{useMantineTheme as s}from"@mantine/core";import{S as o,L as n,b as r,d as l,e as i}from"./constants-0bc11754.js";const c=c=>{var{name:m,value:d,errorMessage:p,isNumerousKeyboard:u=!1,showErrorMessage:b=!0,actionIcon:y,displayIcon:C,onActionClick:v,label:g,className:h,onChange:E,isDisabled:N,CustomInput:I,size:f,style:k,autoComplete:A="off",type:K="text",inputClassName:M,trackingAttributes:z,enterKeyHint:L}=c,j=e(c,["name","value","errorMessage","isNumerousKeyboard","showErrorMessage","actionIcon","displayIcon","onActionClick","label","className","onChange","isDisabled","CustomInput","size","style","autoComplete","type","inputClassName","trackingAttributes","enterKeyHint"]);const w=s(),H=t((()=>z?{"data-event-category":z.dataEventCategory,"data-event-action":z.dataEventAction,"data-event-label":z.dataEventLabel}:{}),[z]);return a.createElement(o,{"data-size":f,className:h,"data-has-action-icon":!!y||void 0,"data-has-display-icon":!!C||void 0,"data-has-error":p&&p.length>0||void 0,color:w.fn.primaryColor(),shadowColor:w.colors[w.primaryColor][0],style:k},g&&a.createElement(n,{size:"label2",htmlFor:m,className:"inputLabel"},g),a.createElement("div",{style:{position:"relative"}},I||a.createElement("input",Object.assign({id:m,name:m,onChange:e=>E&&E(e.target.value),type:K,"aria-label":K,value:d,disabled:N,autoComplete:A,inputMode:u||"number"===K?"numeric":K,pattern:u?"[0-9]*":".*",className:M,enterKeyHint:L},H,j)),C&&a.createElement(r,{className:"displayIcon"},C),y&&a.createElement(l,{className:"actionIcon",onClick:v},y)),p&&p.length>0&&b&&a.createElement(i,{className:"errorLabel"},p))};export{c as I};

package/build/esm/index-615c24b2.js

@@ -0,0 +1 @@
+import{_ as o}from"./tslib.es6-aaf273e4.js";import t from"react";import{Indicator as e}from"@mantine/core";import"dayjs";import"./screenSizeContext-0e3ef246.js";import"styled-components";import{t as s}from"./theme-5521e22b.js";import"./index-d25ae226.js";import"./isProduction-7b018737.js";import"./Onboarding-8438950b.js";import"./gAssets.js";const r=r=>{var{styles:i,color:n=s.colors.red700}=r,a=o(r,["styles","color"]);return t.createElement(e,Object.assign({inline:!0,position:"top-end",offset:4,styles:Object.assign({processing:{animationDirection:"alternate"}},i),color:n},a))};export{r as I};

package/build/esm/{index-8cbe5ec1.js → index-7214fdfc.js}

@@ -1,4 +1,4 @@
-import e,{useContext as i,useState as t,useEffect as o}from"react";import{M as n}from"./screenSizeContext-f88ac4dd.js";import l from"styled-components";import{_ as a}from"./tslib.es6-817a97f1.js";import{b as r}from"./index.styles-02cba8ec.js";const d=l.div`
+import e,{useContext as i,useState as t,useEffect as o}from"react";import{M as n}from"./screenSizeContext-0e3ef246.js";import l from"styled-components";import{_ as a}from"./tslib.es6-aaf273e4.js";import{b as r}from"./index.styles-a28cb8c9.js";const d=l.div`
   position: fixed;
   left: 50%;
 

package/build/esm/{index-4295f6a6.js → index-732f3e9b.js}

@@ -1 +1 @@
-import{_ as e}from"./tslib.es6-817a97f1.js";import t,{useState as o,useEffect as n}from"react";import{useDebouncedValue as a}from"@mantine/hooks";import{B as i}from"./index-5d54537d.js";import{D as r,h as s,i as l}from"./index-678d8e01.js";const m=m=>{var{color:c,withControl:h,onChange:d,value:u,min:p,max:g,isStatic:k,containerClassName:v,containerStyle:x}=m,C=e(m,["color","withControl","onChange","value","min","max","isStatic","containerClassName","containerStyle"]);const[f,E]=o(u||p||0),[w]=a(f,r);return n((()=>{null==d||d(w)}),[w]),n((()=>{E(u)}),[u]),t.createElement(s,{className:v,style:x},h&&t.createElement(i,{type:"button",size:"sm",color:"ghost",onClick:()=>{E((e=>p&&e===p?e:e-1))}},t.createElement("svg",{width:"10",height:"10",fill:"none",viewBox:"0 0 12 3"},t.createElement("path",{d:"M1 1.004h8",stroke:c,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),t.createElement(l,Object.assign({thumbSize:21,labelAlwaysOn:!0,radius:"xl",color:c,value:f,onChange:k?()=>null:E,min:p,max:g},C,{className:"hhg-mantine-slider "+(C.className||"")})),h&&t.createElement(i,{type:"button",size:"sm",color:"ghost",onClick:()=>{E((e=>g&&e===g?e:e+1))}},t.createElement("svg",{width:"16",height:"20",fill:"none",viewBox:"0 0 16 16"},t.createElement("path",{d:"M8 4v8M4 8h8",stroke:c,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))))};export{m as S};
+import{_ as e}from"./tslib.es6-aaf273e4.js";import t,{useState as o,useEffect as n}from"react";import{useDebouncedValue as a}from"@mantine/hooks";import{B as i}from"./index-183df1c4.js";import{D as r,h as s,i as l}from"./index-c6823ecf.js";const m=m=>{var{color:c,withControl:h,onChange:d,value:u,min:p,max:g,isStatic:k,containerClassName:f,containerStyle:v}=m,x=e(m,["color","withControl","onChange","value","min","max","isStatic","containerClassName","containerStyle"]);const[C,E]=o(u||p||0),[w]=a(C,r);return n((()=>{null==d||d(w)}),[w]),n((()=>{E(u)}),[u]),t.createElement(s,{className:f,style:v},h&&t.createElement(i,{type:"button",size:"sm",color:"ghost",onClick:()=>{E((e=>p&&e===p?e:e-1))}},t.createElement("svg",{width:"10",height:"10",fill:"none",viewBox:"0 0 12 3"},t.createElement("path",{d:"M1 1.004h8",stroke:c,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),t.createElement(l,Object.assign({thumbSize:21,labelAlwaysOn:!0,radius:"xl",color:c,value:C,onChange:k?()=>null:E,min:p,max:g},x,{className:"hhg-mantine-slider "+(x.className||"")})),h&&t.createElement(i,{type:"button",size:"sm",color:"ghost",onClick:()=>{E((e=>g&&e===g?e:e+1))}},t.createElement("svg",{width:"16",height:"20",fill:"none",viewBox:"0 0 16 16"},t.createElement("path",{d:"M8 4v8M4 8h8",stroke:c,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))))};export{m as S};

package/build/esm/{index-64228a69.js → index-7bf93d94.js}

@@ -1,4 +1,4 @@
-import e,{useState as t,useRef as a,useMemo as n,useEffect as i,Fragment as l,memo as r,useCallback as o,useImperativeHandle as s,forwardRef as c,createContext as d,useContext as m}from"react";import{T as p,I as g}from"./index-1a701fed.js";import{e as h,f as u,g as b,h as v,i as y,j as f,k as x,l as w,m as E,n as k,o as C,p as B,q as N,r as D,s as $,t as z,u as L,v as P,H as S,T,w as M,Z as I,P as j,x as A,y as O,z as _,A as F,B as H,b as R,C as W,E as U,F as V}from"./index.styles-02cba8ec.js";import{i as G,M as Z}from"./screenSizeContext-f88ac4dd.js";import{R as q,u as Y,A as X,a as K,b as J,B as Q,c as ee,I as te,d as ae,e as ne,t as ie}from"./index-678d8e01.js";import{T as le}from"./index-750aae05.js";import{b as re,u as oe}from"./useTranslations-4d59be7a.js";import"lodash/debounce";import{i as se}from"./isProduction-8dc8b36c.js";import{d as ce,L as de,F as me,Q as pe,R as ge,a as he,G as ue}from"./index-eee12031.js";import"./useCategory-0adcaa80.js";import{CommonGAssets as be}from"./gAssets.js";import{t as ve}from"./theme-a3990cfc.js";import{_ as ye,a as fe}from"./tslib.es6-817a97f1.js";import{Box as xe,Radio as we,Flex as Ee,rem as ke,Card as Ce,Group as Be,createStyles as Ne,Stack as De,getStylesRef as $e,useMantineTheme as ze,Container as Le,UnstyledButton as Pe,AspectRatio as Se,ScrollArea as Te,Chip as Me,Badge as Ie,MultiSelect as je,Stepper as Ae}from"@mantine/core";import Oe from"innertext";import"@mantine/dates";import{G as _e,L as Fe}from"./Onboarding-12663c74.js";import He from"dayjs";import Re,{keyframes as We,css as Ue}from"styled-components";import"./translationsContext-39c4be42.js";import"string-format";import{useViewportSize as Ve}from"@mantine/hooks";import{i as Ge}from"./index-3446bc63.js";import Ze from"lodash/throttle";import{L as qe}from"./index-bf17872a.js";import{B as Ye}from"./index-5d54537d.js";import{I as Xe}from"./index-9e60bcce.js";import Ke from"html-react-parser";import{format as Je,addDays as Qe,isBefore as et,startOfMonth as tt,addMonths as at,subMonths as nt,getDaysInMonth as it,isToday as lt,isSameDay as rt,isWithinInterval as ot,isAfter as st,isPast as ct}from"date-fns";import"./utils-1d5837af.js";import"./index.styled-5e1daf64.js";import"./index-9d78cf7b.js";import{L as dt}from"./constants-e8d8ee70.js";import{D as mt}from"./types-d92e5654.js";import{S as pt}from"./index-4295f6a6.js";import{M as gt}from"./index-8eae4245.js";import{b as ht}from"./index.styled-ac1407fd.js";import{C as ut}from"./index-53fb77ff.js";import{useForm as bt,Controller as vt}from"react-hook-form";import{u as yt}from"./useHealthToolCache-9c95916f.js";import{yupResolver as ft}from"@hookform/resolvers/yup";import{B as xt,D as wt}from"./index-692fd73a.js";import{f as Et}from"./index-8cbe5ec1.js";import kt from"react-day-picker/DayPickerInput";import{a as Ct}from"./useOutsideClick-c10988a4.js";import Bt from"date-fns/locale/en-US";import Nt from"date-fns/locale/id";import Dt from"date-fns/locale/vi";import $t from"date-fns/locale/zh-TW";import{g as zt}from"./getSocialList-b105e54e.js";import{v4 as Lt}from"uuid";import{g as Pt,a as St}from"./routing-48875335.js";import{useForm as Tt,isNotEmpty as Mt}from"@mantine/form";import{M as It}from"./index-3f47b6a2.js";import jt from"js-cookie";import At from"lodash/flatten";import"react-contenteditable";import"react-dom";import Ot from"lodash/uniqBy";var _t="CHw-fZZ",Ft="_03U6VRS",Ht="EO828Vv";const Rt=({style:t,onClose:a,text:n,type:i,contentIcon:l,closeIcon:r,className:o,description:s})=>e.createElement("div",{className:`${_t} ${o||""}`,style:t,"data-alert-type":i},e.createElement("div",{className:Ft},e.createElement("div",{className:"icon-title"},l,e.createElement(p,{weight:"bold",size:"label1"},n)),e.createElement(p,{weight:"regular",size:"p3"},s)),e.createElement("div",{className:Ht,onClick:a},r)),Wt=({amount:t,type:a,size:n="medium",color:i="primary",icon:l,className:r})=>e.createElement(h,{"data-notification-type":a,"data-notification-size":n,"data-notification-color":i,"data-has-icon":!!l||void 0,notificationType:a,notificationSize:n,notificationColor:i,hasIcon:!!l,className:r},e.createElement("div",null,t&&e.createElement("span",null,t)," ",l&&e.createElement("div",null,l))),Ut=({style:t,children:a,className:n,size:i="lg",type:l="bold",upperCase:r,as:o="h4",color:s})=>e.createElement(u,{style:Object.assign({color:s},t),className:n,"data-size":i,"data-type":l,"data-uppercase":r,as:o},a),Vt=()=>e.createElement("style",null,".file-dropdown-path{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}"),Gt=()=>e.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",viewBox:"0 0 12.17 14.83"},e.createElement("defs",null,e.createElement("clipPath",{id:"prefix__clip-path",transform:"translate(-1.92 -1.54)"},e.createElement("path",{fill:"none",d:"M0 .96h16v16H0z"}))),e.createElement("title",null,"File"),e.createElement("g",{clipPath:"url(#prefix__clip-path)"},e.createElement("path",{className:"file-dropdown-path",d:"M8.67 2.29H4a1.33 1.33 0 00-1.33 1.33v10.67A1.33 1.33 0 004 15.62h8a1.33 1.33 0 001.33-1.33V7z",transform:"translate(-1.92 -1.54)"}),e.createElement("path",{className:"file-dropdown-path",d:"M8.67 2.29V7h4.66",transform:"translate(-1.92 -1.54)"}))),Zt=()=>e.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",viewBox:"0 0 13.5 13.5"},e.createElement("title",null,"download"),e.createElement("path",{className:"file-dropdown-path",d:"M14 11v2.66A1.33 1.33 0 0112.67 15H3.33A1.33 1.33 0 012 13.62V11M4.67 7.62L8 11l3.33-3.34M8 11V3",transform:"translate(-1.25 -2.21)"})),qt=()=>e.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",viewBox:"0 0 13.5 13.5"},e.createElement("title",null,"upload"),e.createElement("path",{className:"file-dropdown-path",d:"M14 11v2.66A1.33 1.33 0 0112.67 15H3.33A1.33 1.33 0 012 13.62V11M11.33 6.29L8 3 4.67 6.29M8 3v8",transform:"translate(-1.25 -2.21)"})),Yt=({className:n,value:i,options:l,onUploadSelected:r,id:o,placeholderIcon:s,placeholder:c,style:d})=>{const[m,p]=t(!1),g=()=>p(!m),h=a(l.map((t=>"upload"===t.type&&e.createElement("input",{id:"uploader-dropdown-input-"+o+"-"+t.value,key:"uploader-dropdown-input-"+o+"-"+t.value,accept:t.fileAcceptedType,multiple:t.multiple,type:"file",style:{display:"none"},onChange:e=>{console.log("change"),r(e.target.files)}}))));return e.createElement(b,{className:n,"data-dropdown-open":!!m,id:o,"data-has-icons":!0,style:d,onBlur:()=>p(!1),tabIndex:0},e.createElement(Vt,null),e.createElement(v,{onClick:g},s||e.createElement(Gt,null)," ",e.createElement("span",null,i&&i.value?i.label:c)),m&&e.createElement(y,{onClick:g,"data-has-icons":!0},l.map((t=>e.createElement(f,{key:`${o}-${t.value}`,"data-selected":i&&i.value===t.value||void 0,onClick:()=>{return"upload"===t.type?(a="#uploader-dropdown-input-"+o+"-"+t.value,void(null===(n=document.querySelector(a))||void 0===n||n.click())):void((e=t.url)&&window.open(e,"_blank"));var e,a,n}},e.createElement(x,null,t.icon||"download"===t.type?e.createElement(Zt,null):e.createElement(qt,null)),t.label)))),e.createElement(e.Fragment,null,h.current))},Xt=({className:t,columns:a,columnsDesktop:n,gridTemplateColumns:i,gridTemplateColumnsDesktop:l,gap:r,children:o,justifyChildren:s,style:c,alignItems:d})=>e.createElement(w,{className:t,style:c,theme:{columns:a,columnsDesktop:n,gap:r,justifyChildren:s,gridTemplateColumns:i,gridTemplateColumnsDesktop:l,alignItems:d}},o),Kt=({pagesAmount:a,activePage:n,handlePageChange:r,handleClick:o,href:s,queryPageName:c="page"})=>{const d=[...Array(a)].map(((e,t)=>t+1)),[m,p]=t(n<=4?d.slice(0,5):n>=d.length-3?d.slice(d.length-5,d.length):d.slice(n-2,n+1));return i((()=>{n<=4?p(d.slice(0,5)):n>=d.length-3?p(d.slice(d.length-5,d.length)):p(d.slice(n-2,n+1))}),[n]),e.createElement(l,null,n>4&&e.createElement(l,null,e.createElement(C,{onClick:()=>r(1)},s?e.createElement("a",{href:s,onClick:o},1):1),e.createElement(C,null,"...")),m.map((t=>e.createElement(C,{key:`pagination+${t}`,"data-page-active":t===n||void 0,onClick:()=>r(t)},s?e.createElement("a",{href:G(s,t,c),onClick:o},t):t))),n<d.length-3&&e.createElement(l,null,e.createElement(C,null,"..."),e.createElement(C,{onClick:()=>r(d.length)},s?e.createElement("a",{href:G(s,d.length,c),onClick:o},d.length):d.length)))},Jt=({className:a,pagesAmount:l,currentPage:r,onChange:o,onClick:s,style:c,href:d,queryPageName:m="page"})=>{const p=[...Array(l)].map(((e,t)=>t+1)),[g,h]=t(r),u=n((()=>d&&d.endsWith("&page=")?d.replace("&page=",""):d),[d]),b=l-1,v=e=>{e<=l&&e>0&&(h(e),o(e))},y=e=>{s&&s(e)};return i((()=>{h(r)}),[r]),e.createElement(E,{className:a,style:c},e.createElement(k,{className:"prev-page",onClick:()=>v(g-1),"data-last-page":1===g||void 0},u?e.createElement("a",{href:G(u,g,m),onClick:y},e.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none"},e.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):e.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none"},e.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))),p.length>8?e.createElement(Kt,{pagesAmount:l,activePage:g,handlePageChange:v,handleClick:y,href:u,queryPageName:m}):p.map((t=>e.createElement(C,{key:`pagination+${t}`,"data-page-active":t===g||void 0,onClick:()=>v(t)},u?e.createElement("a",{href:G(u,t,m),onClick:y},t):t))),e.createElement(k,{className:"next-page",onClick:()=>v(g+1),"data-last-page":g===b+1||void 0},u?e.createElement("a",{href:G(u,g,m),onClick:y},e.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none"},e.createElement("path",{d:"M1.5 9L5.5 5L1.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):e.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none"},e.createElement("path",{d:"M1.5 9L5.5 5L1.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))))},Qt=({size:t="small",label:a,name:n,checked:i,value:l,className:r,isDisabled:o=!1,onChange:s,dataEventCategory:c,dataEventAction:d,dataEventLabel:m})=>{const p=!!d&&!!c&&!!m?{"data-event-category":c,"data-event-action":d,"data-event-label":m}:{};return e.createElement(q,Object.assign({size:"small"===t?"md":"lg",label:a,name:n,checked:i,value:l,className:r,disabled:o,onChange:e=>null==s?void 0:s(e.target.value)},p))},ea=({type:t,children:a,style:n,isInline:i,isSquared:l=!1,className:r,isLight:o,hasMorePadding:s,isLink:c,isSelected:d,textProps:m={size:"sm"}})=>{const p=m.color?{"--text-props-color":m.color}:{};return e.createElement(B,{"data-is-squared":l||void 0,"data-tag-type":t,"data-is-light":o||void 0,"data-has-more-padding":s||void 0,"data-is-inline":i||void 0,style:Object.assign(Object.assign({},n),p),className:r,"data-is-selected":d||void 0,"data-is-link":c||void 0,tagType:t,isInline:i,tagHasMorePadding:s,tagIsLight:o,tagIsSquared:l,tagIsALink:c},e.createElement(le,Object.assign({},m),a))},ta=({className:t,id:a,onChange:n,checked:i,style:l,label:r})=>e.createElement(N,{className:t,style:l},e.createElement("input",{type:"checkbox",id:a,onChange:n,checked:i}),e.createElement("label",{htmlFor:a},e.createElement(D,null),r&&e.createElement($,null,r))),aa=({label:t,name:a,checked:n,className:i,isDisabled:l,onChange:r,value:o,isRectangle:s,inputDataTestId:c,siteType:d})=>e.createElement(z,{className:i,"data-disabled":l||void 0,"data-is-rectangle":s||void 0,"data-label-text":t,"data-theme":d},e.createElement("input",{type:"checkbox",checked:n,name:a,onChange:()=>r(o,!n),disabled:l,value:o,id:`${a}-${o}`,"data-label-text":t,"data-testid":c}),!s&&e.createElement("label",{htmlFor:`${a}-${o}`},t)),na=t=>e.createElement("svg",Object.assign({},t,{viewBox:"0 0 32 32",fill:"none"}),e.createElement("path",{d:"M16.0002 23.0266L22.8935 27.1866C23.4002 27.4933 24.0268 27.04 23.8935 26.4666L22.0668 18.6266L28.1468 13.36C28.5868 12.9733 28.3602 12.24 27.7602 12.1866L19.7468 11.5066L16.6135 4.11996C16.3868 3.57329 15.6135 3.57329 15.3868 4.11996L12.2535 11.5066L4.24016 12.1866C3.65349 12.24 3.41349 12.9733 3.86682 13.36L9.94682 18.6266L8.12016 26.4666C7.98682 27.04 8.61349 27.4933 9.12016 27.1866L16.0002 23.0266Z",fill:"#D2D6DC"})),ia=t=>e.createElement("svg",Object.assign({},t,{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none"}),e.createElement("path",{d:"M16.0002 23.0266L22.8935 27.1866C23.4002 27.4933 24.0268 27.04 23.8935 26.4666L22.0668 18.6266L28.1468 13.36C28.5868 12.9733 28.3602 12.24 27.7602 12.1866L19.7468 11.5066L16.6135 4.11996C16.3868 3.57329 15.6135 3.57329 15.3868 4.11996L12.2535 11.5066L4.24016 12.1866C3.65349 12.24 3.41349 12.9733 3.86682 13.36L9.94682 18.6266L8.12016 26.4666C7.98682 27.04 8.61349 27.4933 9.12016 27.1866L16.0002 23.0266Z",fill:"#FFC326"})),la=t=>{const a=re();return e.createElement("svg",Object.assign({},t,{viewBox:"0 0 24 24",fill:"none"}),e.createElement("path",{d:"M12.0001 17.2697L17.1701 20.3897C17.5501 20.6197 18.0201 20.2797 17.9201 19.8497L16.5501 13.9697L21.1101 10.0197C21.4401 9.72973 21.2701 9.17973 20.8201 9.13973L14.8101 8.62973L12.4601 3.08973C12.2901 2.67973 11.7101 2.67973 11.5401 3.08973L9.19006 8.62973L3.18006 9.13973C2.74006 9.17973 2.56006 9.72973 2.90006 10.0197L7.46006 13.9697L6.09006 19.8497C5.99006 20.2797 6.46006 20.6197 6.84006 20.3897L12.0001 17.2697Z",fill:"#E4E8EC"}),e.createElement("mask",{id:a,maskUnits:"userSpaceOnUse",x:"2",y:"0",width:"10",height:"24"},e.createElement("rect",{x:"2",width:"10",height:"24",fill:"#C4C4C4"})),e.createElement("g",{mask:`url(#${a})`},e.createElement("path",{d:"M11.9998 17.2697L17.1698 20.3897C17.5498 20.6197 18.0198 20.2797 17.9198 19.8497L16.5498 13.9697L21.1098 10.0197C21.4398 9.72973 21.2698 9.17973 20.8198 9.13973L14.8098 8.62973L12.4598 3.08973C12.2898 2.67973 11.7098 2.67973 11.5398 3.08973L9.18981 8.62973L3.17981 9.13973C2.73981 9.17973 2.55981 9.72973 2.89981 10.0197L7.45981 13.9697L6.08981 19.8497C5.98981 20.2797 6.45981 20.6197 6.83981 20.3897L11.9998 17.2697Z",fill:"#FFC326"})))},ra=({gap:a=2,size:n=24,star:i,totalStars:l=5,onSelect:r,hideEmptyStars:o,style:s,className:c})=>{const d=Math.floor(i),m=i-d>=.5?1:0,[p,g]=t(null),h=p||d,u=p?0:m;return e.createElement(L,{"data-selectable":!!r,style:Object.assign({"--gap":a,"--star-size":n},s),className:c},Array.from({length:o?d+m:l}).map(((t,a)=>{const n=()=>!!r&&g(a+1),i=()=>!!r&&g(null);return a+1<=h?e.createElement(ia,{key:a,onClick:()=>null==r?void 0:r(a+1),onMouseOver:n,onMouseLeave:i}):a+1===h+u?e.createElement(la,{key:a,onClick:()=>null==r?void 0:r(a+1),onMouseOver:n,onMouseLeave:i}):e.createElement(na,{key:a,onClick:()=>null==r?void 0:r(a+1),onMouseOver:n,onMouseLeave:i})})))},oa=l=>{var{label:r,availableValue:o,styles:s,isBaby:c,genderValue:d={male:"male",female:"female"}}=l,m=ye(l,["label","availableValue","styles","isBaby","genderValue"]);const{t:g}=oe(),{classes:h,cx:u}=P(void 0,{name:"GenderOptionControl",styles:s}),[b,v]=t(),y=a(null),f=n((()=>[{value:d.male,label:g(c?"gender.boy":"gender.male"),icon:be.getAssetPath(c?"health-tools/boy-icon.svg":"health-tools/male-icon.svg")},{value:d.female,label:g(c?"gender.girl":"gender.female"),icon:be.getAssetPath(c?"health-tools/girl-icon.svg":"health-tools/female-icon.svg")}]),[]);return i((()=>{v(o)}),[o]),e.createElement(xe,{ref:y,className:h.root},e.createElement(we.Group,Object.assign({className:"radio-group",label:e.createElement(p,{as:"label",size:"s4",weight:"semiBold"},r||g(c?"tools.selectBabyGender":"tools.selectGender")),size:"lg"},m,{classNames:{error:h.groupErr}}),e.createElement(Ee,{className:u(h.wrapper)},f.map((t=>e.createElement(we,Object.assign({className:"gender-item",classNames:{root:h.itemRoot,labelWrapper:h.itemLabelWrapper,label:h.itemLabel,inner:h.itemInner},key:t.value,value:t.value},b&&t.value!==b&&{disabled:!0},{label:e.createElement(Ee,{gap:ke(8),align:"center",justify:"center",sx:{zIndex:0}},e.createElement("img",{src:t.icon,className:"gender-image",alt:"female",loading:"lazy"}),e.createElement(p,{size:"p3"},t.label))})))))))};var sa="tliWyii";const ca=({className:t,theme:a,hideText:n})=>{const{t:i}=oe();return e.createElement("div",{className:`${sa} ${t}`},e.createElement(g.Spinner,{isMarryBaby:"marryBaby"===a}),!n&&i("loading"))};var da="PiqKaXk",ma="HgbW6-m",pa="_6lkfLYy",ga="j7c-onH";const ha=({avatarImg:t,authorName:a,authorLink:n,uploadTime:i,size:l})=>e.createElement("div",{className:ga},e.createElement("div",{className:"author"},e.createElement("div",{className:"avatar","data-size":l},t),e.createElement("div",{className:"poster","data-is-disabled-url":!n},e.createElement(p,{size:"lg"===l?"p3":"p4"},e.createElement("a",{href:n},e.createElement("span",{className:"name"},a),"•"," "),e.createElement("span",null,i))))),ua=({isMobile:t,avatarImg:a,name:n,link:i,size:l="lg",specialty:r})=>e.createElement("div",{className:ga},e.createElement("div",{className:"author"},e.createElement("div",{className:"expert-avatar","data-size":l},a),e.createElement("div",{className:"expert","data-is-disabled-url":!i},t?e.createElement("a",{href:i},"lg"===l?e.createElement(e.Fragment,null,e.createElement(S,{tag:"h6",className:"expert__name",color:ve.colors.gray600},n),e.createElement(p,{color:ve.colors.gray500,size:"p3",className:"specialty"},r)):e.createElement(e.Fragment,null,e.createElement(S,{tag:"h6",className:"expert__name",color:ve.colors.gray600},n))):e.createElement("a",{href:i},"lg"===l?e.createElement(e.Fragment,null,e.createElement(S,{tag:"h6",className:"expert__name",color:ve.colors.gray600},n),e.createElement(p,{color:ve.colors.gray500,size:"p3",className:"specialty"},r)):e.createElement(e.Fragment,null,e.createElement("h6",{color:ve.colors.gray600,className:`${da} expert__name`},n),e.createElement(p,{color:ve.colors.gray500,size:"p4",className:"specialty"},r)))))),ba=r((()=>e.createElement("div",{className:"shoppable"},e.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},e.createElement("rect",{width:"24",height:"24",rx:"12",fill:"#1B3250"}),e.createElement("path",{d:"M16.6667 8.00033H15.3333C15.3333 6.16033 13.84 4.66699 12 4.66699C10.16 4.66699 8.66667 6.16033 8.66667 8.00033H7.33333C6.6 8.00033 6 8.60033 6 9.33366V17.3337C6 18.067 6.6 18.667 7.33333 18.667H16.6667C17.4 18.667 18 18.067 18 17.3337V9.33366C18 8.60033 17.4 8.00033 16.6667 8.00033ZM12 6.00033C13.1067 6.00033 14 6.89366 14 8.00033H10C10 6.89366 10.8933 6.00033 12 6.00033ZM12 12.667C10.4467 12.667 9.14 11.607 8.77333 10.167C8.66 9.74699 8.98667 9.33366 9.42 9.33366C9.73333 9.33366 9.98667 9.56033 10.0733 9.86699C10.3067 10.7137 11.08 11.3337 12 11.3337C12.92 11.3337 13.6933 10.7137 13.9267 9.86699C14.0133 9.56033 14.2667 9.33366 14.58 9.33366C15.0133 9.33366 15.3333 9.74699 15.2267 10.167C14.86 11.607 13.5533 12.667 12 12.667Z",fill:"white"}))))),va=r((({dataEventCategoryForBookmark:t,dataEventActionForBookmark:a,dataEventLabelForBookmark:n})=>e.createElement("svg",{"data-event-category":t,"data-event-action":a,"data-event-label":n,width:"14",height:"16",viewBox:"0 0 14 16",fill:"none"},e.createElement("path",{d:"M13 15L7 11.1111L1 15V2.55556C1 2.143 1.18061 1.74733 1.5021 1.45561C1.82359 1.16389 2.25963 1 2.71429 1H11.2857C11.7404 1 12.1764 1.16389 12.4979 1.45561C12.8194 1.74733 13 2.143 13 2.55556V15Z",fill:"#2ED69E",stroke:"#2ED69E",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})))),ya=r((({dataEventCategoryForBookmark:t,dataEventActionForBookmark:a,dataEventLabelForBookmark:n})=>e.createElement("svg",{"data-event-category":t,"data-event-action":a,"data-event-label":n,width:"18",height:"18",viewBox:"0 0 18 18",fill:"none"},e.createElement("path",{d:"M12.75 2.25H5.25C4.425 2.25 3.75 2.925 3.75 3.75V15.75L9 13.5L14.25 15.75V3.75C14.25 2.925 13.575 2.25 12.75 2.25Z",fill:"#D2D6DC"})))),fa=({articleLink:t,authorLink:a,authorName:n,avatarImg:i,banner:l,categoryLink:r,categoryName:o,className:s,dataEventActionForBanner:c,dataEventActionForBookmark:d,dataEventActionForCategory:m,dataEventActionForTitle:g,dataEventCategoryForBanner:h,dataEventCategoryForBookmark:u,dataEventCategoryForCategory:b,dataEventCategoryForTitle:v,dataEventLabelForBanner:y,dataEventLabelForBookmark:f,dataEventLabelForCategory:x,dataEventLabelForTitle:w,direction:E="horizontal",hasAffiliate:k,isBookmark:C=!1,isBookmarkDisplayed:B=!0,isMobile:N=!0,onBookmark:D,onClickCategoryName:$,section:z="normal",size:L="md",specialty:P,style:T,styleBanner:M,styleLabel:I,styleTitle:j,text:A,title:O,type:_="author",uploadTime:F,articleLinkTarget:H,isPremium:R})=>{const W=e=>{e.stopPropagation(),null==D||D()},U="lg"===L&&"expert"===_?"h4":"lg"===L&&"home"===z?N?"h4":"h3":"lg"===L?"h4":"h5",V="lg"===L?"p3":"p4",G=N||"home"!==z||"lg"!==L||"author"!==_?"c2":"c1";return e.createElement("article",{className:`${pa} ${s||""}`,"data-size":L,style:T,"data-direction":E,"data-is-expert":"expert"===_||void 0},e.createElement("div",{className:"banner",style:M},e.createElement("a",{className:ma,"data-event-category":h,"data-event-action":c,"data-event-label":y,href:t||"#",target:H},l),R&&e.createElement("img",{loading:"lazy",className:"premium",src:be.getAssetPath("premium-crown.svg")}),k&&e.createElement(ba,null)),e.createElement("div",{className:"content"},e.createElement("div",{className:"inner-content"},e.createElement(p,{style:I,className:"label",size:G,weight:"caption"},e.createElement("a",{className:ma,"data-event-category":b,"data-event-action":m,"data-event-label":x,href:r||"#",onClick:$},o),B&&e.createElement("a",{className:"bookmark",onClick:W},C?e.createElement(va,{dataEventCategoryForBookmark:u,dataEventActionForBookmark:d,dataEventLabelForBookmark:f}):e.createElement(ya,{dataEventCategoryForBookmark:u,dataEventActionForBookmark:d,dataEventLabelForBookmark:f}))),e.createElement(S,{tag:U,style:j,className:"title",as:"lg"===L?"h2":"h3"},e.createElement("a",{className:ma,"data-event-category":v,"data-event-action":g,"data-event-label":w,href:t||"#",target:H},O)),A&&e.createElement("a",{href:t||"#",target:H},e.createElement(p,{size:V,className:"text"},A))),e.createElement("div",{className:"footer"},"author"===_?e.createElement(ha,{size:L,avatarImg:i,authorName:n,authorLink:a,uploadTime:F,handleClick:W,isBookmarked:C,dataEventCategoryForBookmark:u,dataEventActionForBookmark:d,dataEventLabelForBookmark:f}):e.createElement(ua,{size:L,isMobile:N,avatarImg:i,specialty:P,name:n,link:a,handleClick:W,isBookmarked:C,dataEventCategoryForBookmark:u,dataEventActionForBookmark:d,dataEventLabelForBookmark:f}))))},xa=t=>{var a,n,i,{article:l,author:r,authorAvatar:o,badge:s="",hideDescription:c=!1,isBookmarked:d=!1,onBookmark:m,time:g,tracking:h}=t,u=ye(t,["article","author","authorAvatar","badge","hideDescription","isBookmarked","onBookmark","time","tracking"]);const{isMobile:b}=Y();return console.log({article:l}),e.createElement(Ce,Object.assign({padding:0,radius:0,sx:{display:"flex",flexDirection:"row",gap:24}},u),e.createElement(Ce.Section,{w:"100%",h:"100%",miw:264,m:0,className:"pointer"},e.createElement("img",{src:(b?l.featureImageMobile:l.featureImage)||l.featureImage,alt:l.postName,style:{width:"100%"},loading:"lazy"})),e.createElement(Ce.Section,null,e.createElement(Be,{position:"apart",mt:16,mb:4},e.createElement(X,{href:(null===(a=null==l?void 0:l.primaryCategory)||void 0===a?void 0:a.permalink)||"#"},e.createElement(p,{size:"p4",color:"blue.6"},null===(n=null==l?void 0:l.primaryCategory)||void 0===n?void 0:n.displayName)),e.createElement(xe,{sx:{cursor:"pointer"},role:"button",onClick:m},d?e.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},null==h?void 0:h.bookmark),e.createElement("path",{d:"M6.775 19.7C6.475 19.8333 6.18733 19.8123 5.912 19.637C5.63733 19.4623 5.5 19.2083 5.5 18.875V5.3C5.5 4.8 5.675 4.375 6.025 4.025C6.375 3.675 6.8 3.5 7.3 3.5H16.7C17.2 3.5 17.625 3.675 17.975 4.025C18.325 4.375 18.5 4.8 18.5 5.3V18.875C18.5 19.2083 18.3623 19.4623 18.087 19.637C17.8123 19.8123 17.525 19.8333 17.225 19.7L12 17.45L6.775 19.7Z",fill:"#595959"})):e.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},null==h?void 0:h.bookmark),e.createElement("path",{d:"M7 17.95L12 15.8L17 17.95V5.3C17 5.23333 16.9667 5.16667 16.9 5.1C16.8333 5.03333 16.7667 5 16.7 5H7.3C7.23333 5 7.16667 5.03333 7.1 5.1C7.03333 5.16667 7 5.23333 7 5.3V17.95ZM6.775 19.7C6.475 19.8333 6.18733 19.8123 5.912 19.637C5.63733 19.4623 5.5 19.2083 5.5 18.875V5.3C5.5 4.8 5.675 4.375 6.025 4.025C6.375 3.675 6.8 3.5 7.3 3.5H16.7C17.2 3.5 17.625 3.675 17.975 4.025C18.325 4.375 18.5 4.8 18.5 5.3V18.875C18.5 19.2083 18.3623 19.4623 18.087 19.637C17.8123 19.8123 17.525 19.8333 17.225 19.7L12 17.45L6.775 19.7ZM7 5H17H12H7Z",fill:"#595959"})))),e.createElement(p,{size:c?"s2":"s1",mb:8,weight:"semiBold",className:"pointer"},l.postTitle||l.postName||""),!c&&e.createElement(p,{size:"p2",mb:16,lineClamp:3,className:"pointer"},Oe(l.excerpt||l.description||(null===(i=l.postContent)||void 0===i?void 0:i.split("\r\n")[0])||"")),e.createElement(Ee,{gap:12,align:"center"},e.createElement(K,{size:32,src:o,withIndicator:!0,indicatorConfig:{offset:5,size:18,label:e.createElement("img",{loading:"lazy",src:s,alt:""})}},"A"),e.createElement(p,{size:"n1",c:"gray.6"},r," • ",g))))};var wa=Ne(((e,{})=>({root:{},image:{},title:{},category:{},description:{},author:{}})));const Ea=648/440,ka=1.5,Ca=t=>{var a,i,l,{article:r,author:o,authorAvatar:s,badge:c="",bannerImageWrapProps:d,hideDescription:m=!1,isBookmarked:g=!1,onBookmark:h,time:u,tracking:b,classNames:v,styles:y,unstyled:f,className:x}=t,w=ye(t,["article","author","authorAvatar","badge","bannerImageWrapProps","hideDescription","isBookmarked","onBookmark","time","tracking","classNames","styles","unstyled","className"]);const{isMobile:E}=Y(),{classes:k,cx:C}=wa({},{name:"ArticleCard",classNames:v,styles:y,unstyled:f}),B=n((()=>m?ka:Ea),[m]);return e.createElement(Ce,Object.assign({className:C(k.root,x),padding:"lg",radius:0},w),e.createElement(Ce.Section,{className:C(k.image,"pointer")},e.createElement(J,Object.assign({ratio:B},d),e.createElement("img",{src:(E?r.featureImageMobile:r.featureImage)||r.featureImage,alt:r.postName,style:{objectFit:"cover"}}))),e.createElement(Ce.Section,null,e.createElement(Be,{position:"apart",mt:16,mb:4},e.createElement(X,{className:k.category,href:(null===(a=null==r?void 0:r.primaryCategory)||void 0===a?void 0:a.permalink)||"#"},e.createElement(p,{size:"p4",color:"blue.6"},null===(i=null==r?void 0:r.primaryCategory)||void 0===i?void 0:i.displayName)),e.createElement(xe,{sx:{cursor:"pointer"},role:"button",onClick:h},g?e.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},null==b?void 0:b.bookmark),e.createElement("path",{d:"M6.775 19.7C6.475 19.8333 6.18733 19.8123 5.912 19.637C5.63733 19.4623 5.5 19.2083 5.5 18.875V5.3C5.5 4.8 5.675 4.375 6.025 4.025C6.375 3.675 6.8 3.5 7.3 3.5H16.7C17.2 3.5 17.625 3.675 17.975 4.025C18.325 4.375 18.5 4.8 18.5 5.3V18.875C18.5 19.2083 18.3623 19.4623 18.087 19.637C17.8123 19.8123 17.525 19.8333 17.225 19.7L12 17.45L6.775 19.7Z",fill:"#595959"})):e.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},null==b?void 0:b.bookmark),e.createElement("path",{d:"M7 17.95L12 15.8L17 17.95V5.3C17 5.23333 16.9667 5.16667 16.9 5.1C16.8333 5.03333 16.7667 5 16.7 5H7.3C7.23333 5 7.16667 5.03333 7.1 5.1C7.03333 5.16667 7 5.23333 7 5.3V17.95ZM6.775 19.7C6.475 19.8333 6.18733 19.8123 5.912 19.637C5.63733 19.4623 5.5 19.2083 5.5 18.875V5.3C5.5 4.8 5.675 4.375 6.025 4.025C6.375 3.675 6.8 3.5 7.3 3.5H16.7C17.2 3.5 17.625 3.675 17.975 4.025C18.325 4.375 18.5 4.8 18.5 5.3V18.875C18.5 19.2083 18.3623 19.4623 18.087 19.637C17.8123 19.8123 17.525 19.8333 17.225 19.7L12 17.45L6.775 19.7ZM7 5H17H12H7Z",fill:"#595959"})))),e.createElement(p,{className:C(k.title,"pointer"),size:m?"s2":"s1",mb:8,weight:"semiBold"},r.postTitle||r.postName||""),!m&&e.createElement(p,{className:C(k.description,"pointer"),size:"p2",mb:16,lineClamp:3},Oe(r.excerpt||r.description||(null===(l=r.postContent)||void 0===l?void 0:l.split("\r\n")[0])||"")),e.createElement(Ee,{className:k.author,gap:12,align:"center"},e.createElement(K,{size:32,src:s,withIndicator:!0,indicatorConfig:{offset:5,size:18,label:e.createElement("img",{loading:"lazy",src:c,alt:""})}},"A"),e.createElement(p,{size:"n1",c:"gray.6"},o," • ",u))))},Ba=t=>{var{variant:a="vertical"}=t,n=ye(t,["variant"]);return"horizontal"===a?e.createElement(xa,Object.assign({},n)):e.createElement(Ca,Object.assign({},n))},Na=Re.a`
+import e,{useState as t,useRef as a,useMemo as n,useEffect as i,Fragment as l,memo as r,useCallback as o,useImperativeHandle as s,forwardRef as c,createContext as d,useContext as m}from"react";import{T as p,I as g}from"./index-18cbcbab.js";import{e as h,f as u,g as b,h as v,i as y,j as f,k as x,l as w,m as E,n as k,o as C,p as B,q as N,r as D,s as $,t as z,u as L,v as P,H as S,T,w as M,Z as I,P as j,x as A,y as O,z as _,A as F,B as H,b as R,C as W,E as U,F as V}from"./index.styles-a28cb8c9.js";import{i as G,M as Z}from"./screenSizeContext-0e3ef246.js";import{R as q,u as Y,A as X,a as K,b as J,B as Q,c as ee,I as te,d as ae,e as ne,t as ie}from"./index-c6823ecf.js";import{T as le}from"./index-cb4dc93b.js";import{b as re,u as oe}from"./useTranslations-089280e1.js";import"lodash/debounce";import{i as se}from"./isProduction-7b018737.js";import{d as ce,L as de,F as me,Q as pe,R as ge,a as he,G as ue}from"./index-d25ae226.js";import"./useCategory-c34bffdd.js";import{CommonGAssets as be}from"./gAssets.js";import{t as ve}from"./theme-5521e22b.js";import{_ as ye,a as fe}from"./tslib.es6-aaf273e4.js";import{Box as xe,Radio as we,Flex as Ee,rem as ke,Card as Ce,Group as Be,createStyles as Ne,Stack as De,getStylesRef as $e,useMantineTheme as ze,Container as Le,UnstyledButton as Pe,AspectRatio as Se,ScrollArea as Te,Chip as Me,Badge as Ie,MultiSelect as je,Stepper as Ae}from"@mantine/core";import Oe from"innertext";import"@mantine/dates";import{G as _e,L as Fe}from"./Onboarding-8438950b.js";import He from"dayjs";import Re,{keyframes as We,css as Ue}from"styled-components";import"./translationsContext-bbb33dff.js";import"string-format";import{useViewportSize as Ve}from"@mantine/hooks";import{i as Ge}from"./index-d8429636.js";import Ze from"lodash/throttle";import{L as qe}from"./index-c7bdafbd.js";import{B as Ye}from"./index-183df1c4.js";import{I as Xe}from"./index-5aa081d5.js";import Ke from"html-react-parser";import{format as Je,addDays as Qe,isBefore as et,startOfMonth as tt,addMonths as at,subMonths as nt,getDaysInMonth as it,isToday as lt,isSameDay as rt,isWithinInterval as ot,isAfter as st,isPast as ct}from"date-fns";import"./utils-8fcd2211.js";import"./index.styled-ec7209a5.js";import"./index-0cd9819f.js";import{L as dt}from"./constants-0bc11754.js";import{D as mt}from"./types-38f6c9ea.js";import{S as pt}from"./index-732f3e9b.js";import{M as gt}from"./index-ff3bb9f4.js";import{b as ht}from"./index.styled-28b061ba.js";import{C as ut}from"./index-41ee4396.js";import{useForm as bt,Controller as vt}from"react-hook-form";import{u as yt}from"./useHealthToolCache-93cb5075.js";import{yupResolver as ft}from"@hookform/resolvers/yup";import{B as xt,D as wt}from"./index-3023d871.js";import{f as Et}from"./index-7214fdfc.js";import kt from"react-day-picker/DayPickerInput";import{a as Ct}from"./useOutsideClick-0b0b1440.js";import Bt from"date-fns/locale/en-US";import Nt from"date-fns/locale/id";import Dt from"date-fns/locale/vi";import $t from"date-fns/locale/zh-TW";import{g as zt}from"./getSocialList-45efcc83.js";import{v4 as Lt}from"uuid";import{g as Pt,a as St}from"./routing-c7e586e5.js";import{useForm as Tt,isNotEmpty as Mt}from"@mantine/form";import{M as It}from"./index-169a19b1.js";import jt from"js-cookie";import At from"lodash/flatten";import"react-contenteditable";import"react-dom";import Ot from"lodash/uniqBy";var _t="CHw-fZZ",Ft="_03U6VRS",Ht="EO828Vv";const Rt=({style:t,onClose:a,text:n,type:i,contentIcon:l,closeIcon:r,className:o,description:s})=>e.createElement("div",{className:`${_t} ${o||""}`,style:t,"data-alert-type":i},e.createElement("div",{className:Ft},e.createElement("div",{className:"icon-title"},l,e.createElement(p,{weight:"bold",size:"label1"},n)),e.createElement(p,{weight:"regular",size:"p3"},s)),e.createElement("div",{className:Ht,onClick:a},r)),Wt=({amount:t,type:a,size:n="medium",color:i="primary",icon:l,className:r})=>e.createElement(h,{"data-notification-type":a,"data-notification-size":n,"data-notification-color":i,"data-has-icon":!!l||void 0,notificationType:a,notificationSize:n,notificationColor:i,hasIcon:!!l,className:r},e.createElement("div",null,t&&e.createElement("span",null,t)," ",l&&e.createElement("div",null,l))),Ut=({style:t,children:a,className:n,size:i="lg",type:l="bold",upperCase:r,as:o="h4",color:s})=>e.createElement(u,{style:Object.assign({color:s},t),className:n,"data-size":i,"data-type":l,"data-uppercase":r,as:o},a),Vt=()=>e.createElement("style",null,".file-dropdown-path{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}"),Gt=()=>e.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",viewBox:"0 0 12.17 14.83"},e.createElement("defs",null,e.createElement("clipPath",{id:"prefix__clip-path",transform:"translate(-1.92 -1.54)"},e.createElement("path",{fill:"none",d:"M0 .96h16v16H0z"}))),e.createElement("title",null,"File"),e.createElement("g",{clipPath:"url(#prefix__clip-path)"},e.createElement("path",{className:"file-dropdown-path",d:"M8.67 2.29H4a1.33 1.33 0 00-1.33 1.33v10.67A1.33 1.33 0 004 15.62h8a1.33 1.33 0 001.33-1.33V7z",transform:"translate(-1.92 -1.54)"}),e.createElement("path",{className:"file-dropdown-path",d:"M8.67 2.29V7h4.66",transform:"translate(-1.92 -1.54)"}))),Zt=()=>e.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",viewBox:"0 0 13.5 13.5"},e.createElement("title",null,"download"),e.createElement("path",{className:"file-dropdown-path",d:"M14 11v2.66A1.33 1.33 0 0112.67 15H3.33A1.33 1.33 0 012 13.62V11M4.67 7.62L8 11l3.33-3.34M8 11V3",transform:"translate(-1.25 -2.21)"})),qt=()=>e.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",viewBox:"0 0 13.5 13.5"},e.createElement("title",null,"upload"),e.createElement("path",{className:"file-dropdown-path",d:"M14 11v2.66A1.33 1.33 0 0112.67 15H3.33A1.33 1.33 0 012 13.62V11M11.33 6.29L8 3 4.67 6.29M8 3v8",transform:"translate(-1.25 -2.21)"})),Yt=({className:n,value:i,options:l,onUploadSelected:r,id:o,placeholderIcon:s,placeholder:c,style:d})=>{const[m,p]=t(!1),g=()=>p(!m),h=a(l.map((t=>"upload"===t.type&&e.createElement("input",{id:"uploader-dropdown-input-"+o+"-"+t.value,key:"uploader-dropdown-input-"+o+"-"+t.value,accept:t.fileAcceptedType,multiple:t.multiple,type:"file",style:{display:"none"},onChange:e=>{console.log("change"),r(e.target.files)}}))));return e.createElement(b,{className:n,"data-dropdown-open":!!m,id:o,"data-has-icons":!0,style:d,onBlur:()=>p(!1),tabIndex:0},e.createElement(Vt,null),e.createElement(v,{onClick:g},s||e.createElement(Gt,null)," ",e.createElement("span",null,i&&i.value?i.label:c)),m&&e.createElement(y,{onClick:g,"data-has-icons":!0},l.map((t=>e.createElement(f,{key:`${o}-${t.value}`,"data-selected":i&&i.value===t.value||void 0,onClick:()=>{return"upload"===t.type?(a="#uploader-dropdown-input-"+o+"-"+t.value,void(null===(n=document.querySelector(a))||void 0===n||n.click())):void((e=t.url)&&window.open(e,"_blank"));var e,a,n}},e.createElement(x,null,t.icon||"download"===t.type?e.createElement(Zt,null):e.createElement(qt,null)),t.label)))),e.createElement(e.Fragment,null,h.current))},Xt=({className:t,columns:a,columnsDesktop:n,gridTemplateColumns:i,gridTemplateColumnsDesktop:l,gap:r,children:o,justifyChildren:s,style:c,alignItems:d})=>e.createElement(w,{className:t,style:c,theme:{columns:a,columnsDesktop:n,gap:r,justifyChildren:s,gridTemplateColumns:i,gridTemplateColumnsDesktop:l,alignItems:d}},o),Kt=({pagesAmount:a,activePage:n,handlePageChange:r,handleClick:o,href:s,queryPageName:c="page"})=>{const d=[...Array(a)].map(((e,t)=>t+1)),[m,p]=t(n<=4?d.slice(0,5):n>=d.length-3?d.slice(d.length-5,d.length):d.slice(n-2,n+1));return i((()=>{n<=4?p(d.slice(0,5)):n>=d.length-3?p(d.slice(d.length-5,d.length)):p(d.slice(n-2,n+1))}),[n]),e.createElement(l,null,n>4&&e.createElement(l,null,e.createElement(C,{onClick:()=>r(1)},s?e.createElement("a",{href:s,onClick:o},1):1),e.createElement(C,null,"...")),m.map((t=>e.createElement(C,{key:`pagination+${t}`,"data-page-active":t===n||void 0,onClick:()=>r(t)},s?e.createElement("a",{href:G(s,t,c),onClick:o},t):t))),n<d.length-3&&e.createElement(l,null,e.createElement(C,null,"..."),e.createElement(C,{onClick:()=>r(d.length)},s?e.createElement("a",{href:G(s,d.length,c),onClick:o},d.length):d.length)))},Jt=({className:a,pagesAmount:l,currentPage:r,onChange:o,onClick:s,style:c,href:d,queryPageName:m="page"})=>{const p=[...Array(l)].map(((e,t)=>t+1)),[g,h]=t(r),u=n((()=>d&&d.endsWith("&page=")?d.replace("&page=",""):d),[d]),b=l-1,v=e=>{e<=l&&e>0&&(h(e),o(e))},y=e=>{s&&s(e)};return i((()=>{h(r)}),[r]),e.createElement(E,{className:a,style:c},e.createElement(k,{className:"prev-page",onClick:()=>v(g-1),"data-last-page":1===g||void 0},u?e.createElement("a",{href:G(u,g,m),onClick:y},e.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none"},e.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):e.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none"},e.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))),p.length>8?e.createElement(Kt,{pagesAmount:l,activePage:g,handlePageChange:v,handleClick:y,href:u,queryPageName:m}):p.map((t=>e.createElement(C,{key:`pagination+${t}`,"data-page-active":t===g||void 0,onClick:()=>v(t)},u?e.createElement("a",{href:G(u,t,m),onClick:y},t):t))),e.createElement(k,{className:"next-page",onClick:()=>v(g+1),"data-last-page":g===b+1||void 0},u?e.createElement("a",{href:G(u,g,m),onClick:y},e.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none"},e.createElement("path",{d:"M1.5 9L5.5 5L1.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):e.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none"},e.createElement("path",{d:"M1.5 9L5.5 5L1.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))))},Qt=({size:t="small",label:a,name:n,checked:i,value:l,className:r,isDisabled:o=!1,onChange:s,dataEventCategory:c,dataEventAction:d,dataEventLabel:m})=>{const p=!!d&&!!c&&!!m?{"data-event-category":c,"data-event-action":d,"data-event-label":m}:{};return e.createElement(q,Object.assign({size:"small"===t?"md":"lg",label:a,name:n,checked:i,value:l,className:r,disabled:o,onChange:e=>null==s?void 0:s(e.target.value)},p))},ea=({type:t,children:a,style:n,isInline:i,isSquared:l=!1,className:r,isLight:o,hasMorePadding:s,isLink:c,isSelected:d,textProps:m={size:"sm"}})=>{const p=m.color?{"--text-props-color":m.color}:{};return e.createElement(B,{"data-is-squared":l||void 0,"data-tag-type":t,"data-is-light":o||void 0,"data-has-more-padding":s||void 0,"data-is-inline":i||void 0,style:Object.assign(Object.assign({},n),p),className:r,"data-is-selected":d||void 0,"data-is-link":c||void 0,tagType:t,isInline:i,tagHasMorePadding:s,tagIsLight:o,tagIsSquared:l,tagIsALink:c},e.createElement(le,Object.assign({},m),a))},ta=({className:t,id:a,onChange:n,checked:i,style:l,label:r})=>e.createElement(N,{className:t,style:l},e.createElement("input",{type:"checkbox",id:a,onChange:n,checked:i}),e.createElement("label",{htmlFor:a},e.createElement(D,null),r&&e.createElement($,null,r))),aa=({label:t,name:a,checked:n,className:i,isDisabled:l,onChange:r,value:o,isRectangle:s,inputDataTestId:c,siteType:d})=>e.createElement(z,{className:i,"data-disabled":l||void 0,"data-is-rectangle":s||void 0,"data-label-text":t,"data-theme":d},e.createElement("input",{type:"checkbox",checked:n,name:a,onChange:()=>r(o,!n),disabled:l,value:o,id:`${a}-${o}`,"data-label-text":t,"data-testid":c}),!s&&e.createElement("label",{htmlFor:`${a}-${o}`},t)),na=t=>e.createElement("svg",Object.assign({},t,{viewBox:"0 0 32 32",fill:"none"}),e.createElement("path",{d:"M16.0002 23.0266L22.8935 27.1866C23.4002 27.4933 24.0268 27.04 23.8935 26.4666L22.0668 18.6266L28.1468 13.36C28.5868 12.9733 28.3602 12.24 27.7602 12.1866L19.7468 11.5066L16.6135 4.11996C16.3868 3.57329 15.6135 3.57329 15.3868 4.11996L12.2535 11.5066L4.24016 12.1866C3.65349 12.24 3.41349 12.9733 3.86682 13.36L9.94682 18.6266L8.12016 26.4666C7.98682 27.04 8.61349 27.4933 9.12016 27.1866L16.0002 23.0266Z",fill:"#D2D6DC"})),ia=t=>e.createElement("svg",Object.assign({},t,{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none"}),e.createElement("path",{d:"M16.0002 23.0266L22.8935 27.1866C23.4002 27.4933 24.0268 27.04 23.8935 26.4666L22.0668 18.6266L28.1468 13.36C28.5868 12.9733 28.3602 12.24 27.7602 12.1866L19.7468 11.5066L16.6135 4.11996C16.3868 3.57329 15.6135 3.57329 15.3868 4.11996L12.2535 11.5066L4.24016 12.1866C3.65349 12.24 3.41349 12.9733 3.86682 13.36L9.94682 18.6266L8.12016 26.4666C7.98682 27.04 8.61349 27.4933 9.12016 27.1866L16.0002 23.0266Z",fill:"#FFC326"})),la=t=>{const a=re();return e.createElement("svg",Object.assign({},t,{viewBox:"0 0 24 24",fill:"none"}),e.createElement("path",{d:"M12.0001 17.2697L17.1701 20.3897C17.5501 20.6197 18.0201 20.2797 17.9201 19.8497L16.5501 13.9697L21.1101 10.0197C21.4401 9.72973 21.2701 9.17973 20.8201 9.13973L14.8101 8.62973L12.4601 3.08973C12.2901 2.67973 11.7101 2.67973 11.5401 3.08973L9.19006 8.62973L3.18006 9.13973C2.74006 9.17973 2.56006 9.72973 2.90006 10.0197L7.46006 13.9697L6.09006 19.8497C5.99006 20.2797 6.46006 20.6197 6.84006 20.3897L12.0001 17.2697Z",fill:"#E4E8EC"}),e.createElement("mask",{id:a,maskUnits:"userSpaceOnUse",x:"2",y:"0",width:"10",height:"24"},e.createElement("rect",{x:"2",width:"10",height:"24",fill:"#C4C4C4"})),e.createElement("g",{mask:`url(#${a})`},e.createElement("path",{d:"M11.9998 17.2697L17.1698 20.3897C17.5498 20.6197 18.0198 20.2797 17.9198 19.8497L16.5498 13.9697L21.1098 10.0197C21.4398 9.72973 21.2698 9.17973 20.8198 9.13973L14.8098 8.62973L12.4598 3.08973C12.2898 2.67973 11.7098 2.67973 11.5398 3.08973L9.18981 8.62973L3.17981 9.13973C2.73981 9.17973 2.55981 9.72973 2.89981 10.0197L7.45981 13.9697L6.08981 19.8497C5.98981 20.2797 6.45981 20.6197 6.83981 20.3897L11.9998 17.2697Z",fill:"#FFC326"})))},ra=({gap:a=2,size:n=24,star:i,totalStars:l=5,onSelect:r,hideEmptyStars:o,style:s,className:c})=>{const d=Math.floor(i),m=i-d>=.5?1:0,[p,g]=t(null),h=p||d,u=p?0:m;return e.createElement(L,{"data-selectable":!!r,style:Object.assign({"--gap":a,"--star-size":n},s),className:c},Array.from({length:o?d+m:l}).map(((t,a)=>{const n=()=>!!r&&g(a+1),i=()=>!!r&&g(null);return a+1<=h?e.createElement(ia,{key:a,onClick:()=>null==r?void 0:r(a+1),onMouseOver:n,onMouseLeave:i}):a+1===h+u?e.createElement(la,{key:a,onClick:()=>null==r?void 0:r(a+1),onMouseOver:n,onMouseLeave:i}):e.createElement(na,{key:a,onClick:()=>null==r?void 0:r(a+1),onMouseOver:n,onMouseLeave:i})})))},oa=l=>{var{label:r,availableValue:o,styles:s,isBaby:c,genderValue:d={male:"male",female:"female"}}=l,m=ye(l,["label","availableValue","styles","isBaby","genderValue"]);const{t:g}=oe(),{classes:h,cx:u}=P(void 0,{name:"GenderOptionControl",styles:s}),[b,v]=t(),y=a(null),f=n((()=>[{value:d.male,label:g(c?"gender.boy":"gender.male"),icon:be.getAssetPath(c?"health-tools/boy-icon.svg":"health-tools/male-icon.svg")},{value:d.female,label:g(c?"gender.girl":"gender.female"),icon:be.getAssetPath(c?"health-tools/girl-icon.svg":"health-tools/female-icon.svg")}]),[]);return i((()=>{v(o)}),[o]),e.createElement(xe,{ref:y,className:h.root},e.createElement(we.Group,Object.assign({className:"radio-group",label:e.createElement(p,{as:"label",size:"s4",weight:"semiBold"},r||g(c?"tools.selectBabyGender":"tools.selectGender")),size:"lg"},m,{classNames:{error:h.groupErr}}),e.createElement(Ee,{className:u(h.wrapper)},f.map((t=>e.createElement(we,Object.assign({className:"gender-item",classNames:{root:h.itemRoot,labelWrapper:h.itemLabelWrapper,label:h.itemLabel,inner:h.itemInner},key:t.value,value:t.value},b&&t.value!==b&&{disabled:!0},{label:e.createElement(Ee,{gap:ke(8),align:"center",justify:"center",sx:{zIndex:0}},e.createElement("img",{src:t.icon,className:"gender-image",alt:"female",loading:"lazy"}),e.createElement(p,{size:"p3"},t.label))})))))))};var sa="tliWyii";const ca=({className:t,theme:a,hideText:n})=>{const{t:i}=oe();return e.createElement("div",{className:`${sa} ${t}`},e.createElement(g.Spinner,{isMarryBaby:"marryBaby"===a}),!n&&i("loading"))};var da="PiqKaXk",ma="HgbW6-m",pa="_6lkfLYy",ga="j7c-onH";const ha=({avatarImg:t,authorName:a,authorLink:n,uploadTime:i,size:l})=>e.createElement("div",{className:ga},e.createElement("div",{className:"author"},e.createElement("div",{className:"avatar","data-size":l},t),e.createElement("div",{className:"poster","data-is-disabled-url":!n},e.createElement(p,{size:"lg"===l?"p3":"p4"},e.createElement("a",{href:n},e.createElement("span",{className:"name"},a),"•"," "),e.createElement("span",null,i))))),ua=({isMobile:t,avatarImg:a,name:n,link:i,size:l="lg",specialty:r})=>e.createElement("div",{className:ga},e.createElement("div",{className:"author"},e.createElement("div",{className:"expert-avatar","data-size":l},a),e.createElement("div",{className:"expert","data-is-disabled-url":!i},t?e.createElement("a",{href:i},"lg"===l?e.createElement(e.Fragment,null,e.createElement(S,{tag:"h6",className:"expert__name",color:ve.colors.gray600},n),e.createElement(p,{color:ve.colors.gray500,size:"p3",className:"specialty"},r)):e.createElement(e.Fragment,null,e.createElement(S,{tag:"h6",className:"expert__name",color:ve.colors.gray600},n))):e.createElement("a",{href:i},"lg"===l?e.createElement(e.Fragment,null,e.createElement(S,{tag:"h6",className:"expert__name",color:ve.colors.gray600},n),e.createElement(p,{color:ve.colors.gray500,size:"p3",className:"specialty"},r)):e.createElement(e.Fragment,null,e.createElement("h6",{color:ve.colors.gray600,className:`${da} expert__name`},n),e.createElement(p,{color:ve.colors.gray500,size:"p4",className:"specialty"},r)))))),ba=r((()=>e.createElement("div",{className:"shoppable"},e.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},e.createElement("rect",{width:"24",height:"24",rx:"12",fill:"#1B3250"}),e.createElement("path",{d:"M16.6667 8.00033H15.3333C15.3333 6.16033 13.84 4.66699 12 4.66699C10.16 4.66699 8.66667 6.16033 8.66667 8.00033H7.33333C6.6 8.00033 6 8.60033 6 9.33366V17.3337C6 18.067 6.6 18.667 7.33333 18.667H16.6667C17.4 18.667 18 18.067 18 17.3337V9.33366C18 8.60033 17.4 8.00033 16.6667 8.00033ZM12 6.00033C13.1067 6.00033 14 6.89366 14 8.00033H10C10 6.89366 10.8933 6.00033 12 6.00033ZM12 12.667C10.4467 12.667 9.14 11.607 8.77333 10.167C8.66 9.74699 8.98667 9.33366 9.42 9.33366C9.73333 9.33366 9.98667 9.56033 10.0733 9.86699C10.3067 10.7137 11.08 11.3337 12 11.3337C12.92 11.3337 13.6933 10.7137 13.9267 9.86699C14.0133 9.56033 14.2667 9.33366 14.58 9.33366C15.0133 9.33366 15.3333 9.74699 15.2267 10.167C14.86 11.607 13.5533 12.667 12 12.667Z",fill:"white"}))))),va=r((({dataEventCategoryForBookmark:t,dataEventActionForBookmark:a,dataEventLabelForBookmark:n})=>e.createElement("svg",{"data-event-category":t,"data-event-action":a,"data-event-label":n,width:"14",height:"16",viewBox:"0 0 14 16",fill:"none"},e.createElement("path",{d:"M13 15L7 11.1111L1 15V2.55556C1 2.143 1.18061 1.74733 1.5021 1.45561C1.82359 1.16389 2.25963 1 2.71429 1H11.2857C11.7404 1 12.1764 1.16389 12.4979 1.45561C12.8194 1.74733 13 2.143 13 2.55556V15Z",fill:"#2ED69E",stroke:"#2ED69E",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})))),ya=r((({dataEventCategoryForBookmark:t,dataEventActionForBookmark:a,dataEventLabelForBookmark:n})=>e.createElement("svg",{"data-event-category":t,"data-event-action":a,"data-event-label":n,width:"18",height:"18",viewBox:"0 0 18 18",fill:"none"},e.createElement("path",{d:"M12.75 2.25H5.25C4.425 2.25 3.75 2.925 3.75 3.75V15.75L9 13.5L14.25 15.75V3.75C14.25 2.925 13.575 2.25 12.75 2.25Z",fill:"#D2D6DC"})))),fa=({articleLink:t,authorLink:a,authorName:n,avatarImg:i,banner:l,categoryLink:r,categoryName:o,className:s,dataEventActionForBanner:c,dataEventActionForBookmark:d,dataEventActionForCategory:m,dataEventActionForTitle:g,dataEventCategoryForBanner:h,dataEventCategoryForBookmark:u,dataEventCategoryForCategory:b,dataEventCategoryForTitle:v,dataEventLabelForBanner:y,dataEventLabelForBookmark:f,dataEventLabelForCategory:x,dataEventLabelForTitle:w,direction:E="horizontal",hasAffiliate:k,isBookmark:C=!1,isBookmarkDisplayed:B=!0,isMobile:N=!0,onBookmark:D,onClickCategoryName:$,section:z="normal",size:L="md",specialty:P,style:T,styleBanner:M,styleLabel:I,styleTitle:j,text:A,title:O,type:_="author",uploadTime:F,articleLinkTarget:H,isPremium:R})=>{const W=e=>{e.stopPropagation(),null==D||D()},U="lg"===L&&"expert"===_?"h4":"lg"===L&&"home"===z?N?"h4":"h3":"lg"===L?"h4":"h5",V="lg"===L?"p3":"p4",G=N||"home"!==z||"lg"!==L||"author"!==_?"c2":"c1";return e.createElement("article",{className:`${pa} ${s||""}`,"data-size":L,style:T,"data-direction":E,"data-is-expert":"expert"===_||void 0},e.createElement("div",{className:"banner",style:M},e.createElement("a",{className:ma,"data-event-category":h,"data-event-action":c,"data-event-label":y,href:t||"#",target:H},l),R&&e.createElement("img",{loading:"lazy",className:"premium",src:be.getAssetPath("premium-crown.svg")}),k&&e.createElement(ba,null)),e.createElement("div",{className:"content"},e.createElement("div",{className:"inner-content"},e.createElement(p,{style:I,className:"label",size:G,weight:"caption"},e.createElement("a",{className:ma,"data-event-category":b,"data-event-action":m,"data-event-label":x,href:r||"#",onClick:$},o),B&&e.createElement("a",{className:"bookmark",onClick:W},C?e.createElement(va,{dataEventCategoryForBookmark:u,dataEventActionForBookmark:d,dataEventLabelForBookmark:f}):e.createElement(ya,{dataEventCategoryForBookmark:u,dataEventActionForBookmark:d,dataEventLabelForBookmark:f}))),e.createElement(S,{tag:U,style:j,className:"title",as:"lg"===L?"h2":"h3"},e.createElement("a",{className:ma,"data-event-category":v,"data-event-action":g,"data-event-label":w,href:t||"#",target:H},O)),A&&e.createElement("a",{href:t||"#",target:H},e.createElement(p,{size:V,className:"text"},A))),e.createElement("div",{className:"footer"},"author"===_?e.createElement(ha,{size:L,avatarImg:i,authorName:n,authorLink:a,uploadTime:F,handleClick:W,isBookmarked:C,dataEventCategoryForBookmark:u,dataEventActionForBookmark:d,dataEventLabelForBookmark:f}):e.createElement(ua,{size:L,isMobile:N,avatarImg:i,specialty:P,name:n,link:a,handleClick:W,isBookmarked:C,dataEventCategoryForBookmark:u,dataEventActionForBookmark:d,dataEventLabelForBookmark:f}))))},xa=t=>{var a,n,i,{article:l,author:r,authorAvatar:o,badge:s="",hideDescription:c=!1,isBookmarked:d=!1,onBookmark:m,time:g,tracking:h}=t,u=ye(t,["article","author","authorAvatar","badge","hideDescription","isBookmarked","onBookmark","time","tracking"]);const{isMobile:b}=Y();return console.log({article:l}),e.createElement(Ce,Object.assign({padding:0,radius:0,sx:{display:"flex",flexDirection:"row",gap:24}},u),e.createElement(Ce.Section,{w:"100%",h:"100%",miw:264,m:0,className:"pointer"},e.createElement("img",{src:(b?l.featureImageMobile:l.featureImage)||l.featureImage,alt:l.postName,style:{width:"100%"},loading:"lazy"})),e.createElement(Ce.Section,null,e.createElement(Be,{position:"apart",mt:16,mb:4},e.createElement(X,{href:(null===(a=null==l?void 0:l.primaryCategory)||void 0===a?void 0:a.permalink)||"#"},e.createElement(p,{size:"p4",color:"blue.6"},null===(n=null==l?void 0:l.primaryCategory)||void 0===n?void 0:n.displayName)),e.createElement(xe,{sx:{cursor:"pointer"},role:"button",onClick:m},d?e.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},null==h?void 0:h.bookmark),e.createElement("path",{d:"M6.775 19.7C6.475 19.8333 6.18733 19.8123 5.912 19.637C5.63733 19.4623 5.5 19.2083 5.5 18.875V5.3C5.5 4.8 5.675 4.375 6.025 4.025C6.375 3.675 6.8 3.5 7.3 3.5H16.7C17.2 3.5 17.625 3.675 17.975 4.025C18.325 4.375 18.5 4.8 18.5 5.3V18.875C18.5 19.2083 18.3623 19.4623 18.087 19.637C17.8123 19.8123 17.525 19.8333 17.225 19.7L12 17.45L6.775 19.7Z",fill:"#595959"})):e.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},null==h?void 0:h.bookmark),e.createElement("path",{d:"M7 17.95L12 15.8L17 17.95V5.3C17 5.23333 16.9667 5.16667 16.9 5.1C16.8333 5.03333 16.7667 5 16.7 5H7.3C7.23333 5 7.16667 5.03333 7.1 5.1C7.03333 5.16667 7 5.23333 7 5.3V17.95ZM6.775 19.7C6.475 19.8333 6.18733 19.8123 5.912 19.637C5.63733 19.4623 5.5 19.2083 5.5 18.875V5.3C5.5 4.8 5.675 4.375 6.025 4.025C6.375 3.675 6.8 3.5 7.3 3.5H16.7C17.2 3.5 17.625 3.675 17.975 4.025C18.325 4.375 18.5 4.8 18.5 5.3V18.875C18.5 19.2083 18.3623 19.4623 18.087 19.637C17.8123 19.8123 17.525 19.8333 17.225 19.7L12 17.45L6.775 19.7ZM7 5H17H12H7Z",fill:"#595959"})))),e.createElement(p,{size:c?"s2":"s1",mb:8,weight:"semiBold",className:"pointer"},l.postTitle||l.postName||""),!c&&e.createElement(p,{size:"p2",mb:16,lineClamp:3,className:"pointer"},Oe(l.excerpt||l.description||(null===(i=l.postContent)||void 0===i?void 0:i.split("\r\n")[0])||"")),e.createElement(Ee,{gap:12,align:"center"},e.createElement(K,{size:32,src:o,withIndicator:!0,indicatorConfig:{offset:5,size:18,label:e.createElement("img",{loading:"lazy",src:s,alt:""})}},"A"),e.createElement(p,{size:"n1",c:"gray.6"},r," • ",g))))};var wa=Ne(((e,{})=>({root:{},image:{},title:{},category:{},description:{},author:{}})));const Ea=648/440,ka=1.5,Ca=t=>{var a,i,l,{article:r,author:o,authorAvatar:s,badge:c="",bannerImageWrapProps:d,hideDescription:m=!1,isBookmarked:g=!1,onBookmark:h,time:u,tracking:b,classNames:v,styles:y,unstyled:f,className:x}=t,w=ye(t,["article","author","authorAvatar","badge","bannerImageWrapProps","hideDescription","isBookmarked","onBookmark","time","tracking","classNames","styles","unstyled","className"]);const{isMobile:E}=Y(),{classes:k,cx:C}=wa({},{name:"ArticleCard",classNames:v,styles:y,unstyled:f}),B=n((()=>m?ka:Ea),[m]);return e.createElement(Ce,Object.assign({className:C(k.root,x),padding:"lg",radius:0},w),e.createElement(Ce.Section,{className:C(k.image,"pointer")},e.createElement(J,Object.assign({ratio:B},d),e.createElement("img",{src:(E?r.featureImageMobile:r.featureImage)||r.featureImage,alt:r.postName,style:{objectFit:"cover"}}))),e.createElement(Ce.Section,null,e.createElement(Be,{position:"apart",mt:16,mb:4},e.createElement(X,{className:k.category,href:(null===(a=null==r?void 0:r.primaryCategory)||void 0===a?void 0:a.permalink)||"#"},e.createElement(p,{size:"p4",color:"blue.6"},null===(i=null==r?void 0:r.primaryCategory)||void 0===i?void 0:i.displayName)),e.createElement(xe,{sx:{cursor:"pointer"},role:"button",onClick:h},g?e.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},null==b?void 0:b.bookmark),e.createElement("path",{d:"M6.775 19.7C6.475 19.8333 6.18733 19.8123 5.912 19.637C5.63733 19.4623 5.5 19.2083 5.5 18.875V5.3C5.5 4.8 5.675 4.375 6.025 4.025C6.375 3.675 6.8 3.5 7.3 3.5H16.7C17.2 3.5 17.625 3.675 17.975 4.025C18.325 4.375 18.5 4.8 18.5 5.3V18.875C18.5 19.2083 18.3623 19.4623 18.087 19.637C17.8123 19.8123 17.525 19.8333 17.225 19.7L12 17.45L6.775 19.7Z",fill:"#595959"})):e.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},null==b?void 0:b.bookmark),e.createElement("path",{d:"M7 17.95L12 15.8L17 17.95V5.3C17 5.23333 16.9667 5.16667 16.9 5.1C16.8333 5.03333 16.7667 5 16.7 5H7.3C7.23333 5 7.16667 5.03333 7.1 5.1C7.03333 5.16667 7 5.23333 7 5.3V17.95ZM6.775 19.7C6.475 19.8333 6.18733 19.8123 5.912 19.637C5.63733 19.4623 5.5 19.2083 5.5 18.875V5.3C5.5 4.8 5.675 4.375 6.025 4.025C6.375 3.675 6.8 3.5 7.3 3.5H16.7C17.2 3.5 17.625 3.675 17.975 4.025C18.325 4.375 18.5 4.8 18.5 5.3V18.875C18.5 19.2083 18.3623 19.4623 18.087 19.637C17.8123 19.8123 17.525 19.8333 17.225 19.7L12 17.45L6.775 19.7ZM7 5H17H12H7Z",fill:"#595959"})))),e.createElement(p,{className:C(k.title,"pointer"),size:m?"s2":"s1",mb:8,weight:"semiBold"},r.postTitle||r.postName||""),!m&&e.createElement(p,{className:C(k.description,"pointer"),size:"p2",mb:16,lineClamp:3},Oe(r.excerpt||r.description||(null===(l=r.postContent)||void 0===l?void 0:l.split("\r\n")[0])||"")),e.createElement(Ee,{className:k.author,gap:12,align:"center"},e.createElement(K,{size:32,src:s,withIndicator:!0,indicatorConfig:{offset:5,size:18,label:e.createElement("img",{loading:"lazy",src:c,alt:""})}},"A"),e.createElement(p,{size:"n1",c:"gray.6"},o," • ",u))))},Ba=t=>{var{variant:a="vertical"}=t,n=ye(t,["variant"]);return"horizontal"===a?e.createElement(xa,Object.assign({},n)):e.createElement(Ca,Object.assign({},n))},Na=Re.a`
   display: flex;
   height: 125px;
 

package/build/esm/{index-0c525956.js → index-8f65f166.js}

@@ -1 +1 @@
-import{a as e,_ as t}from"./tslib.es6-817a97f1.js";import s,{useReducer as a,useState as r,useEffect as i}from"react";import{Stack as o,Input as n}from"@mantine/core";import{c,S as d}from"./index-678d8e01.js";import"@mantine/dates";import{c as l}from"./index-eee12031.js";import{L as p}from"./Onboarding-12663c74.js";import"./gAssets.js";import"./index-1a701fed.js";import"dayjs";import"./screenSizeContext-f88ac4dd.js";import"styled-components";import"./theme-a3990cfc.js";import"./isProduction-8dc8b36c.js";import{u as m}from"./useTranslations-4d59be7a.js";import"@mantine/hooks";import"lodash/debounce";import"./useCategory-0adcaa80.js";import{M as v}from"./utils-64d66291.js";const u={provinceByName:{},provinces:[],districts:[],wards:[],selectedProvince:"",selectedDistrict:"",selectedWard:""},h=(e,t)=>{switch(t.type){case"SET_DATA":return Object.assign(Object.assign({},e),t.payload);case"SET_DISTRICTS":return Object.assign(Object.assign({},e),{districts:t.payload});case"SET_WARDS":return Object.assign(Object.assign({},e),{wards:t.payload});case"SELECT_PROVINCE":return Object.assign(Object.assign({},e),{selectedProvince:t.payload,selectedDistrict:"",selectedWard:""});case"SELECT_DISTRICT":return Object.assign(Object.assign({},e),{selectedDistrict:t.payload,selectedWard:""});case"SELECT_WARD":return Object.assign(Object.assign({},e),{selectedWard:t.payload});default:return e}},y=({provinces:t})=>{const[s,o]=a(h,u),{provinceByName:n,provinces:c,districts:d,wards:m,selectedProvince:y,selectedDistrict:b,selectedWard:g}=s,[j,E]=r();i((()=>{e(void 0,void 0,void 0,(function*(){var e,s,a,r;try{const i=yield fetch((r=process.env.UNIFY_LOCALE||p.Vietnam,`${l}/cities-data-${v[r]}.json`)).then((e=>e.json()));E(i);const{list:n}=i,c=t?((e,t)=>{const s={};for(const[,e]of Object.entries(t)){const{id:t}=e;t&&(s[t]=e)}const a={};return e.map((e=>{a[e.name]=s[e.id]})),a})(t,n):n,d=Object.keys(c),m=Object.keys((null===(e=n[d[0]])||void 0===e?void 0:e.list)||{}),u=Object.keys((null===(a=null===(s=n[d[0]])||void 0===s?void 0:s[m[0]])||void 0===a?void 0:a.list)||{});o({type:"SET_DATA",payload:{provinceByName:c,provinces:d,districts:m,wards:u}})}catch(e){console.error("Error fetching address data:",e)}}))}),[process.env.UNIFY_LOCALE]);return{provinces:c,districts:d,wards:m,selectedProvince:y,selectedDistrict:b,selectedWard:g,handleProvinceChange:e=>{var t;const s=Object.keys((null===(t=n[e])||void 0===t?void 0:t.list)||{});o({type:"SET_DISTRICTS",payload:s}),o({type:"SET_WARDS",payload:[]}),o({type:"SELECT_PROVINCE",payload:e})},handleDistrictChange:e=>{var t,s;const a=Object.keys((null===(s=null===(t=n[y])||void 0===t?void 0:t.list[e])||void 0===s?void 0:s.list)||{});o({type:"SET_WARDS",payload:a}),o({type:"SELECT_DISTRICT",payload:e})},handleWardChange:e=>{o({type:"SELECT_WARD",payload:e})}}},b=e=>{var{error:a,provinces:l,placeholder:p}=e,v=t(e,["error","provinces","placeholder"]);const{t:u}=m(),{provinces:h,districts:b,wards:g,selectedProvince:j,selectedDistrict:E,selectedWard:C,handleProvinceChange:O,handleDistrictChange:S,handleWardChange:T}=y({provinces:l}),[D,f]=r("");return i((()=>{j&&E&&C&&D?v.onChange({selectedProvince:j,selectedDistrict:E,selectedWard:C,extraInfo:D}):v.onChange(null)}),[j,E,C,D]),s.createElement(c.Wrapper,Object.assign({withAsterisk:!0},v),s.createElement(o,null,s.createElement(d,{placeholder:(null==p?void 0:p.province)||u("onboarding.similac.input.city"),data:l?h:h.sort(),searchable:!0,onChange:O,value:j}),s.createElement(d,{placeholder:(null==p?void 0:p.district)||u("onboarding.similac.input.district"),data:b.sort(),searchable:!0,onChange:S,value:E,disabled:!j}),s.createElement(d,{placeholder:(null==p?void 0:p.ward)||u("onboarding.similac.input.ward"),searchable:!0,data:g.sort(),value:C,onChange:T,disabled:!j||!E}),s.createElement(c,{placeholder:(null==p?void 0:p.address)||u("onboarding.similac.input.no"),disabled:!j||!E||!C,value:D,onChange:f,style:{marginBottom:0}})),s.createElement(n.Error,{size:"md"},a))};export{b as A};
+import{a as e,_ as t}from"./tslib.es6-aaf273e4.js";import s,{useReducer as a,useState as r,useEffect as i}from"react";import{Stack as o,Input as n}from"@mantine/core";import{c,S as d}from"./index-c6823ecf.js";import"@mantine/dates";import{c as l}from"./index-d25ae226.js";import{L as p}from"./Onboarding-8438950b.js";import"./gAssets.js";import"./index-18cbcbab.js";import"dayjs";import"./screenSizeContext-0e3ef246.js";import"styled-components";import"./theme-5521e22b.js";import"./isProduction-7b018737.js";import{u as m}from"./useTranslations-089280e1.js";import"@mantine/hooks";import"lodash/debounce";import"./useCategory-c34bffdd.js";import{M as v}from"./utils-3689dadd.js";const b={provinceByName:{},provinces:[],districts:[],wards:[],selectedProvince:"",selectedDistrict:"",selectedWard:""},u=(e,t)=>{switch(t.type){case"SET_DATA":return Object.assign(Object.assign({},e),t.payload);case"SET_DISTRICTS":return Object.assign(Object.assign({},e),{districts:t.payload});case"SET_WARDS":return Object.assign(Object.assign({},e),{wards:t.payload});case"SELECT_PROVINCE":return Object.assign(Object.assign({},e),{selectedProvince:t.payload,selectedDistrict:"",selectedWard:""});case"SELECT_DISTRICT":return Object.assign(Object.assign({},e),{selectedDistrict:t.payload,selectedWard:""});case"SELECT_WARD":return Object.assign(Object.assign({},e),{selectedWard:t.payload});default:return e}},h=({provinces:t})=>{const[s,o]=a(u,b),{provinceByName:n,provinces:c,districts:d,wards:m,selectedProvince:h,selectedDistrict:y,selectedWard:g}=s,[j,E]=r();i((()=>{e(void 0,void 0,void 0,(function*(){var e,s,a,r;try{const i=yield fetch((r=process.env.UNIFY_LOCALE||p.Vietnam,`${l}/cities-data-${v[r]}.json`)).then((e=>e.json()));E(i);const{list:n}=i,c=t?((e,t)=>{const s={};for(const[,e]of Object.entries(t)){const{id:t}=e;t&&(s[t]=e)}const a={};return e.map((e=>{a[e.name]=s[e.id]})),a})(t,n):n,d=Object.keys(c),m=Object.keys((null===(e=n[d[0]])||void 0===e?void 0:e.list)||{}),b=Object.keys((null===(a=null===(s=n[d[0]])||void 0===s?void 0:s[m[0]])||void 0===a?void 0:a.list)||{});o({type:"SET_DATA",payload:{provinceByName:c,provinces:d,districts:m,wards:b}})}catch(e){console.error("Error fetching address data:",e)}}))}),[process.env.UNIFY_LOCALE]);return{provinces:c,districts:d,wards:m,selectedProvince:h,selectedDistrict:y,selectedWard:g,handleProvinceChange:e=>{var t;const s=Object.keys((null===(t=n[e])||void 0===t?void 0:t.list)||{});o({type:"SET_DISTRICTS",payload:s}),o({type:"SET_WARDS",payload:[]}),o({type:"SELECT_PROVINCE",payload:e})},handleDistrictChange:e=>{var t,s;const a=Object.keys((null===(s=null===(t=n[h])||void 0===t?void 0:t.list[e])||void 0===s?void 0:s.list)||{});o({type:"SET_WARDS",payload:a}),o({type:"SELECT_DISTRICT",payload:e})},handleWardChange:e=>{o({type:"SELECT_WARD",payload:e})}}},y=e=>{var{error:a,provinces:l,placeholder:p}=e,v=t(e,["error","provinces","placeholder"]);const{t:b}=m(),{provinces:u,districts:y,wards:g,selectedProvince:j,selectedDistrict:E,selectedWard:C,handleProvinceChange:O,handleDistrictChange:S,handleWardChange:T}=h({provinces:l}),[f,D]=r("");return i((()=>{j&&E&&C&&f?v.onChange({selectedProvince:j,selectedDistrict:E,selectedWard:C,extraInfo:f}):v.onChange(null)}),[j,E,C,f]),s.createElement(c.Wrapper,Object.assign({withAsterisk:!0},v),s.createElement(o,null,s.createElement(d,{placeholder:(null==p?void 0:p.province)||b("onboarding.similac.input.city"),data:l?u:u.sort(),searchable:!0,onChange:O,value:j}),s.createElement(d,{placeholder:(null==p?void 0:p.district)||b("onboarding.similac.input.district"),data:y.sort(),searchable:!0,onChange:S,value:E,disabled:!j}),s.createElement(d,{placeholder:(null==p?void 0:p.ward)||b("onboarding.similac.input.ward"),searchable:!0,data:g.sort(),value:C,onChange:T,disabled:!j||!E}),s.createElement(c,{placeholder:(null==p?void 0:p.address)||b("onboarding.similac.input.no"),disabled:!j||!E||!C,value:f,onChange:D,style:{marginBottom:0}})),s.createElement(n.Error,{size:"md"},a))};export{y as A};

package/build/esm/{index-617c168e.js → index-a2f7156d.js}

@@ -1 +1 @@
-import{G as r,B as t,a as e,b as a,L as n,O as o}from"./Onboarding-12663c74.js";var s=Object.freeze({__proto__:null,get Gender(){return r},get BabyGrowthChartType(){return t},get BabyGrowthChartDuration(){return e},get BabyGrowthResultTab(){return a},get LOCALE(){return n},get OnboardingStep(){return o}});export{s as i};
+import{G as r,B as t,a as e,b as a,L as n,O as o}from"./Onboarding-8438950b.js";var b=Object.freeze({__proto__:null,get Gender(){return r},get BabyGrowthChartType(){return t},get BabyGrowthChartDuration(){return e},get BabyGrowthResultTab(){return a},get LOCALE(){return n},get OnboardingStep(){return o}});export{b as i};

package/build/esm/{index-6b76f6cd.js → index-aebfb514.js}

@@ -1 +1 @@
-import{_ as e}from"./tslib.es6-817a97f1.js";import t from"react";import{Image as r}from"@mantine/core";import{DatePickerInput as o}from"@mantine/dates";import{I as s}from"./index-eee12031.js";import{L as i}from"./Onboarding-12663c74.js";import{CommonGAssets as a}from"./gAssets.js";import{M as n}from"./index-678d8e01.js";const l=l=>{var m,{value:c,fullWidth:d=!0}=l,p=e(l,["value","fullWidth"]);return t.createElement(o,Object.assign({locale:n[process.env.UNIFY_LOCALE||i.Vietnam],valueFormat:null===(m=s[process.env.UNIFY_LOCALE||i.Vietnam])||void 0===m?void 0:m.dateFormat,size:"md",clearable:!1,popoverProps:d?{styles:{dropdown:{minWidth:"100%",display:"flex",justifyContent:"center",alignItems:"center"}}}:{},styles:{root:{position:"relative"},rightSection:{pointerEvents:"none",cursor:"default"}},rightSection:t.createElement(r,{src:a.getAssetPath(p.isMB?"MB-calendar.svg":"OutlineCalendar.svg"),width:16,height:16}),value:c},p,{className:`input-control ${(null==p?void 0:p.className)||""}`}))};export{l as D};
+import{_ as e}from"./tslib.es6-aaf273e4.js";import t from"react";import{Image as r}from"@mantine/core";import{DatePickerInput as o}from"@mantine/dates";import{I as s}from"./index-d25ae226.js";import{L as a}from"./Onboarding-8438950b.js";import{CommonGAssets as i}from"./gAssets.js";import{M as n}from"./index-c6823ecf.js";const l=l=>{var m,{value:c,fullWidth:d=!0}=l,p=e(l,["value","fullWidth"]);return t.createElement(o,Object.assign({locale:n[process.env.UNIFY_LOCALE||a.Vietnam],valueFormat:null===(m=s[process.env.UNIFY_LOCALE||a.Vietnam])||void 0===m?void 0:m.dateFormat,size:"md",clearable:!1,popoverProps:d?{styles:{dropdown:{minWidth:"100%",display:"flex",justifyContent:"center",alignItems:"center"}}}:{},styles:{root:{position:"relative"},rightSection:{pointerEvents:"none",cursor:"default"}},rightSection:t.createElement(r,{src:i.getAssetPath(p.isMB?"MB-calendar.svg":"OutlineCalendar.svg"),width:16,height:16}),value:c},p,{className:`input-control ${(null==p?void 0:p.className)||""}`}))};export{l as D};