@hhgtech/hhg-components 1.28.25 → 1.28.26

package/build/esm/{index-ddb32dc6.js → index-798caaf0.js}

@@ -1,4 +1,4 @@
-import e,{useState as t,useEffect as a,useRef as n,useMemo 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-a6e8c71e.js";import{e as u,f as h,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 N,q as B,r as D,s as $,t as P,u as z,v as S,w as L,H as M,T,x as I,Z as A,P as j,y as O,z as _,A as F,B as H,C as R,b as U,E as W,F as V,I as G}from"./index.styles-f629b750.js";import{i as Z,M as q}from"./screenSizeContext-25c92de6.js";import{I as Y,R as X,u as K,A as J,a as Q,b as ee,B as te,c as ae,d as ne,e as ie,t as le}from"./index-3ac431a8.js";import{T as re}from"./index-a82319dd.js";import{b as oe,u as se}from"./useTranslations-18faf79a.js";import"lodash/debounce";import{i as ce}from"./isProduction-f5099945.js";import{d as de,L as me,F as pe,Q as ge,R as ue,a as he,G as be}from"./index-836c956c.js";import"./useCategory-cbb912b5.js";import{CommonGAssets as ve}from"./gAssets.js";import{t as ye}from"./theme-de71eed3.js";import{_ as fe,a as xe}from"./tslib.es6-f1757470.js";import{Box as we,Radio as Ee,Flex as ke,rem as Ce,Card as Ne,Group as Be,createStyles as De,Stack as $e,getStylesRef as Pe,useMantineTheme as ze,Container as Se,UnstyledButton as Le,AspectRatio as Me,ScrollArea as Te,Chip as Ie,Badge as Ae,MultiSelect as je,Stepper as Oe}from"@mantine/core";import _e from"innertext";import"@mantine/dates";import{G as Fe,L as He}from"./Onboarding-f538c632.js";import Re from"dayjs";import Ue,{keyframes as We,css as Ve}from"styled-components";import"./translationsContext-85ba1228.js";import"string-format";import{useViewportSize as Ge}from"@mantine/hooks";import{i as Ze,d as qe}from"./index-69a4a005.js";import Ye from"lodash/throttle";import{L as Xe}from"./index-6338ed1b.js";import{B as Ke}from"./index-c63fb626.js";import{I as Je}from"./index-9c867337.js";import Qe from"html-react-parser";import{format as et,addDays as tt,isBefore as at,startOfMonth as nt,addMonths as it,subMonths as lt,getDaysInMonth as rt,isToday as ot,isSameDay as st,isWithinInterval as ct,isAfter as dt,isPast as mt}from"date-fns";import"./utils-dc9fb887.js";import"./index.styled-11c36629.js";import"./index-d71717bf.js";import{L as pt}from"./constants-bca8e7af.js";import{D as gt}from"./types-6a9ff247.js";import{S as ut}from"./index-bd53a722.js";import{M as ht}from"./index-306fbf41.js";import{b as bt}from"./index.styled-3020e8c4.js";import{C as vt}from"./index-44be6dee.js";import{useForm as yt,Controller as ft}from"react-hook-form";import{u as xt}from"./useHealthToolCache-95ff51a6.js";import{yupResolver as wt}from"@hookform/resolvers/yup";import{B as Et,D as kt}from"./index-b340c88e.js";import{f as Ct}from"./index-4174f289.js";import Nt from"react-day-picker/DayPickerInput";import{a as Bt}from"./useOutsideClick-f4512be5.js";import Dt from"date-fns/locale/en-US";import $t from"date-fns/locale/id";import Pt from"date-fns/locale/vi";import zt from"date-fns/locale/zh-TW";import{g as St}from"./getSocialList-9ed2061e.js";import{v4 as Lt}from"uuid";import{g as Mt,a as Tt}from"./routing-0aec38d3.js";import{useForm as It,isNotEmpty as At}from"@mantine/form";import{M as jt}from"./index-e8aaf5df.js";import Ot from"js-cookie";import _t from"lodash/flatten";import"react-contenteditable";import"react-dom";import Ft from"lodash/uniqBy";import{g as Ht}from"./cookieHelper-66019d7c.js";import{n as Rt,a as Ut}from"./normalizeLink-f4e87ebe.js";var Wt="CHw-fZZ",Vt="_03U6VRS",Gt="EO828Vv";const Zt=({style:t,onClose:a,text:n,type:i,contentIcon:l,closeIcon:r,className:o,description:s})=>e.createElement("div",{className:`${Wt} ${o||""}`,style:t,"data-alert-type":i},e.createElement("div",{className:Vt},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:Gt,onClick:a},r)),qt={xs:28,small:32,medium:40,large:48,xl:64,xxl:80,xxxl:96},Yt=({type:n="square",size:i,avatarImg:l,avatarUrl:r,firstLetter:o,backgroundColor:s,onClick:c,style:d,className:m,width:p,height:g,alt:h})=>{const b=i?qt[i]:void 0,[v,y]=t(!1);a((()=>{if(r){const e=document.createElement("img");e.setAttribute("src",r),e.addEventListener("error",(()=>{y(!0)}))}}),[r,y]);const f=(!r&&!l||v)&&o;return e.createElement(u,{style:Object.assign(Object.assign({},d),{"--size":b?b+"px":void 0,"--width-prop":p?p+"px":void 0,"--height-prop":g?g+"px":void 0,"--background-color":s}),"data-has-max":!(!p||!g),"data-avatar-type":n,onClick:c,className:m,avatarUrl:r,"data-custom-size":!!i},l,r&&!v&&e.createElement(Y,{src:r,alt:h||"avatar"}),f&&o)},Xt=({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))),Kt=({style:t,children:a,className:n,size:i="lg",type:l="bold",upperCase:r,as:o="h4",color:s})=>e.createElement(b,{style:Object.assign({color:s},t),className:n,"data-size":i,"data-type":l,"data-uppercase":r,as:o},a),Jt=()=>e.createElement("style",null,".file-dropdown-path{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}"),Qt=()=>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)"}))),ea=()=>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)"})),ta=()=>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)"})),aa=({className:a,value:i,options:l,onUploadSelected:r,id:o,placeholderIcon:s,placeholder:c,style:d})=>{const[m,p]=t(!1),g=()=>p(!m),u=n(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(v,{className:a,"data-dropdown-open":!!m,id:o,"data-has-icons":!0,style:d,onBlur:()=>p(!1),tabIndex:0},e.createElement(Jt,null),e.createElement(y,{onClick:g},s||e.createElement(Qt,null)," ",e.createElement("span",null,i&&i.value?i.label:c)),m&&e.createElement(f,{onClick:g,"data-has-icons":!0},l.map((t=>e.createElement(x,{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(w,null,t.icon||"download"===t.type?e.createElement(ea,null):e.createElement(ta,null)),t.label)))),e.createElement(e.Fragment,null,u.current))},na=({className:t,columns:a,columnsDesktop:n,gridTemplateColumns:i,gridTemplateColumnsDesktop:l,gap:r,children:o,justifyChildren:s,style:c,alignItems:d})=>e.createElement(E,{className:t,style:c,theme:{columns:a,columnsDesktop:n,gap:r,justifyChildren:s,gridTemplateColumns:i,gridTemplateColumnsDesktop:l,alignItems:d}},o),ia=({pagesAmount:n,activePage:i,handlePageChange:r,handleClick:o,href:s,queryPageName:c="page"})=>{const d=[...Array(n)].map(((e,t)=>t+1)),[m,p]=t(i<=4?d.slice(0,5):i>=d.length-3?d.slice(d.length-5,d.length):d.slice(i-2,i+1));return a((()=>{i<=4?p(d.slice(0,5)):i>=d.length-3?p(d.slice(d.length-5,d.length)):p(d.slice(i-2,i+1))}),[i]),e.createElement(l,null,i>4&&e.createElement(l,null,e.createElement(N,{onClick:()=>r(1)},s?e.createElement("a",{href:s,onClick:o},1):1),e.createElement(N,null,"...")),m.map((t=>e.createElement(N,{key:`pagination+${t}`,"data-page-active":t===i||void 0,onClick:()=>r(t)},s?e.createElement("a",{href:Z(s,t,c),onClick:o},t):t))),i<d.length-3&&e.createElement(l,null,e.createElement(N,null,"..."),e.createElement(N,{onClick:()=>r(d.length)},s?e.createElement("a",{href:Z(s,d.length,c),onClick:o},d.length):d.length)))},la=({className:n,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,u]=t(r),h=i((()=>d&&d.endsWith("&page=")?d.replace("&page=",""):d),[d]),b=l-1,v=e=>{e<=l&&e>0&&(u(e),o(e))},y=e=>{s&&s(e)};return a((()=>{u(r)}),[r]),e.createElement(k,{className:n,style:c},e.createElement(C,{className:"prev-page",onClick:()=>v(g-1),"data-last-page":1===g||void 0},h?e.createElement("a",{href:Z(h,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(ia,{pagesAmount:l,activePage:g,handlePageChange:v,handleClick:y,href:h,queryPageName:m}):p.map((t=>e.createElement(N,{key:`pagination+${t}`,"data-page-active":t===g||void 0,onClick:()=>v(t)},h?e.createElement("a",{href:Z(h,t,m),onClick:y},t):t))),e.createElement(C,{className:"next-page",onClick:()=>v(g+1),"data-last-page":g===b+1||void 0},h?e.createElement("a",{href:Z(h,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"}))))},ra=({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(X,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))},oa=({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(re,Object.assign({},m),a))},sa=({className:t,id:a,onChange:n,checked:i,style:l,label:r})=>e.createElement(D,{className:t,style:l},e.createElement("input",{type:"checkbox",id:a,onChange:n,checked:i}),e.createElement("label",{htmlFor:a},e.createElement($,null),r&&e.createElement(P,null,r))),ca=({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)),da=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"})),ma=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"})),pa=t=>{const a=oe();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"})))},ga=({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),u=p||d,h=p?0:m;return e.createElement(S,{"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<=u?e.createElement(ma,{key:a,onClick:()=>null==r?void 0:r(a+1),onMouseOver:n,onMouseLeave:i}):a+1===u+h?e.createElement(pa,{key:a,onClick:()=>null==r?void 0:r(a+1),onMouseOver:n,onMouseLeave:i}):e.createElement(da,{key:a,onClick:()=>null==r?void 0:r(a+1),onMouseOver:n,onMouseLeave:i})})))},ua=l=>{var{label:r,availableValue:o,styles:s,isBaby:c,genderValue:d={male:"male",female:"female"}}=l,m=fe(l,["label","availableValue","styles","isBaby","genderValue"]);const{t:g}=se(),{classes:u,cx:h}=L(void 0,{name:"GenderOptionControl",styles:s}),[b,v]=t(),y=n(null),f=i((()=>[{value:d.male,label:g(c?"gender.boy":"gender.male"),icon:ve.getAssetPath(c?"health-tools/boy-icon.svg":"health-tools/male-icon.svg")},{value:d.female,label:g(c?"gender.girl":"gender.female"),icon:ve.getAssetPath(c?"health-tools/girl-icon.svg":"health-tools/female-icon.svg")}]),[]);return a((()=>{v(o)}),[o]),e.createElement(we,{ref:y,className:u.root},e.createElement(Ee.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:u.groupErr}}),e.createElement(ke,{className:h(u.wrapper)},f.map((t=>e.createElement(Ee,Object.assign({className:"gender-item",classNames:{root:u.itemRoot,labelWrapper:u.itemLabelWrapper,label:u.itemLabel,inner:u.itemInner},key:t.value,value:t.value},b&&t.value!==b&&{disabled:!0},{label:e.createElement(ke,{gap:Ce(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 ha="tliWyii";const ba=({className:t,theme:a,hideText:n})=>{const{t:i}=se();return e.createElement("div",{className:`${ha} ${t}`},e.createElement(g.Spinner,{isMarryBaby:"marryBaby"===a}),!n&&i("loading"))};var va="PiqKaXk",ya="HgbW6-m",fa="_6lkfLYy",xa="j7c-onH";const wa=({avatarImg:t,authorName:a,authorLink:n,uploadTime:i,size:l})=>e.createElement("div",{className:xa},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))))),Ea=({isMobile:t,avatarImg:a,name:n,link:i,size:l="lg",specialty:r})=>e.createElement("div",{className:xa},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(M,{tag:"h6",className:"expert__name",color:ye.colors.gray600},n),e.createElement(p,{color:ye.colors.gray500,size:"p3",className:"specialty"},r)):e.createElement(e.Fragment,null,e.createElement(M,{tag:"h6",className:"expert__name",color:ye.colors.gray600},n))):e.createElement("a",{href:i},"lg"===l?e.createElement(e.Fragment,null,e.createElement(M,{tag:"h6",className:"expert__name",color:ye.colors.gray600},n),e.createElement(p,{color:ye.colors.gray500,size:"p3",className:"specialty"},r)):e.createElement(e.Fragment,null,e.createElement("h6",{color:ye.colors.gray600,className:`${va} expert__name`},n),e.createElement(p,{color:ye.colors.gray500,size:"p4",className:"specialty"},r)))))),ka=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"}))))),Ca=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"})))),Na=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"})))),Ba=({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:u,dataEventCategoryForBookmark:h,dataEventCategoryForCategory:b,dataEventCategoryForTitle:v,dataEventLabelForBanner:y,dataEventLabelForBookmark:f,dataEventLabelForCategory:x,dataEventLabelForTitle:w,direction:E="horizontal",hasAffiliate:k,isBookmark:C=!1,isBookmarkDisplayed:N=!0,isMobile:B=!0,onBookmark:D,onClickCategoryName:$,section:P="normal",size:z="md",specialty:S,style:L,styleBanner:T,styleLabel:I,styleTitle:A,text:j,title:O,type:_="author",uploadTime:F,articleLinkTarget:H,isPremium:R})=>{const U=e=>{e.stopPropagation(),null==D||D()},W="lg"===z&&"expert"===_?"h4":"lg"===z&&"home"===P?B?"h4":"h3":"lg"===z?"h4":"h5",V="lg"===z?"p3":"p4",G=B||"home"!==P||"lg"!==z||"author"!==_?"c2":"c1";return e.createElement("article",{className:`${fa} ${s||""}`,"data-size":z,style:L,"data-direction":E,"data-is-expert":"expert"===_||void 0},e.createElement("div",{className:"banner",style:T},e.createElement("a",{className:ya,"data-event-category":u,"data-event-action":c,"data-event-label":y,href:t||"#",target:H},l),R&&e.createElement("img",{loading:"lazy",className:"premium",src:ve.getAssetPath("premium-crown.svg")}),k&&e.createElement(ka,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:ya,"data-event-category":b,"data-event-action":m,"data-event-label":x,href:r||"#",onClick:$},o),N&&e.createElement("a",{className:"bookmark",onClick:U},C?e.createElement(Ca,{dataEventCategoryForBookmark:h,dataEventActionForBookmark:d,dataEventLabelForBookmark:f}):e.createElement(Na,{dataEventCategoryForBookmark:h,dataEventActionForBookmark:d,dataEventLabelForBookmark:f}))),e.createElement(M,{tag:W,style:A,className:"title",as:"lg"===z?"h2":"h3"},e.createElement("a",{className:ya,"data-event-category":v,"data-event-action":g,"data-event-label":w,href:t||"#",target:H},O)),j&&e.createElement("a",{href:t||"#",target:H},e.createElement(p,{size:V,className:"text"},j))),e.createElement("div",{className:"footer"},"author"===_?e.createElement(wa,{size:z,avatarImg:i,authorName:n,authorLink:a,uploadTime:F,handleClick:U,isBookmarked:C,dataEventCategoryForBookmark:h,dataEventActionForBookmark:d,dataEventLabelForBookmark:f}):e.createElement(Ea,{size:z,isMobile:B,avatarImg:i,specialty:S,name:n,link:a,handleClick:U,isBookmarked:C,dataEventCategoryForBookmark:h,dataEventActionForBookmark:d,dataEventLabelForBookmark:f}))))},Da=t=>{var a,n,i,{article:l,author:r,authorAvatar:o,badge:s="",hideDescription:c=!1,isBookmarked:d=!1,onBookmark:m,time:g,tracking:u}=t,h=fe(t,["article","author","authorAvatar","badge","hideDescription","isBookmarked","onBookmark","time","tracking"]);const{isMobile:b}=K();return console.log({article:l}),e.createElement(Ne,Object.assign({padding:0,radius:0,sx:{display:"flex",flexDirection:"row",gap:24}},h),e.createElement(Ne.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(Ne.Section,null,e.createElement(Be,{position:"apart",mt:16,mb:4},e.createElement(J,{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(we,{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==u?void 0:u.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==u?void 0:u.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"},_e(l.excerpt||l.description||(null===(i=l.postContent)||void 0===i?void 0:i.split("\r\n")[0])||"")),e.createElement(ke,{gap:12,align:"center"},e.createElement(Q,{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 $a=De(((e,{})=>({root:{},image:{},title:{},category:{},description:{},author:{}})));const Pa=648/440,za=1.5,Sa=t=>{var a,n,l,{article:r,author:o,authorAvatar:s,badge:c="",bannerImageWrapProps:d,hideDescription:m=!1,isBookmarked:g=!1,onBookmark:u,time:h,tracking:b,classNames:v,styles:y,unstyled:f,className:x}=t,w=fe(t,["article","author","authorAvatar","badge","bannerImageWrapProps","hideDescription","isBookmarked","onBookmark","time","tracking","classNames","styles","unstyled","className"]);const{isMobile:E}=K(),{classes:k,cx:C}=$a({},{name:"ArticleCard",classNames:v,styles:y,unstyled:f}),N=i((()=>m?za:Pa),[m]);return e.createElement(Ne,Object.assign({className:C(k.root,x),padding:"lg",radius:0},w),e.createElement(Ne.Section,{className:C(k.image,"pointer")},e.createElement(ee,Object.assign({ratio:N},d),e.createElement("img",{src:(E?r.featureImageMobile:r.featureImage)||r.featureImage,alt:r.postName,style:{objectFit:"cover"}}))),e.createElement(Ne.Section,null,e.createElement(Be,{position:"apart",mt:16,mb:4},e.createElement(J,{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===(n=null==r?void 0:r.primaryCategory)||void 0===n?void 0:n.displayName)),e.createElement(we,{sx:{cursor:"pointer"},role:"button",onClick:u},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},_e(r.excerpt||r.description||(null===(l=r.postContent)||void 0===l?void 0:l.split("\r\n")[0])||"")),e.createElement(ke,{className:k.author,gap:12,align:"center"},e.createElement(Q,{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," • ",h))))},La=t=>{var{variant:a="vertical"}=t,n=fe(t,["variant"]);return"horizontal"===a?e.createElement(Da,Object.assign({},n)):e.createElement(Sa,Object.assign({},n))},Ma=Ue.a`
+import e,{useState as t,useEffect as a,useRef as n,useMemo 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-c382ba8d.js";import{e as u,f as h,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 N,q as B,r as D,s as $,t as P,u as z,v as S,w as L,H as M,T,x as I,Z as A,P as j,y as O,z as _,A as F,B as H,C as R,b as U,E as W,F as V,I as G}from"./index.styles-07a11ccd.js";import{i as Z,M as q}from"./screenSizeContext-7e881f6d.js";import{I as Y,R as X,u as K,A as J,a as Q,b as ee,B as te,c as ae,d as ne,e as ie,t as le}from"./index-ee15c33c.js";import{T as re}from"./index-7344117e.js";import{b as oe,u as se}from"./useTranslations-28b19550.js";import"lodash/debounce";import{i as ce}from"./isProduction-51fadd96.js";import{d as de,L as me,F as pe,Q as ge,R as ue,a as he,G as be}from"./index-dbff2d47.js";import"./useCategory-66dc7051.js";import{CommonGAssets as ve}from"./gAssets.js";import{t as ye}from"./theme-f470318d.js";import{_ as fe,a as xe}from"./tslib.es6-71be3ad2.js";import{Box as we,Radio as Ee,Flex as ke,rem as Ce,Card as Ne,Group as Be,createStyles as De,Stack as $e,getStylesRef as Pe,useMantineTheme as ze,Container as Se,UnstyledButton as Le,AspectRatio as Me,ScrollArea as Te,Chip as Ie,Badge as Ae,MultiSelect as je,Stepper as Oe}from"@mantine/core";import _e from"innertext";import"@mantine/dates";import{G as Fe,L as He}from"./Onboarding-68463903.js";import Re from"dayjs";import Ue,{keyframes as We,css as Ve}from"styled-components";import"./translationsContext-d199b4bc.js";import"string-format";import{useViewportSize as Ge}from"@mantine/hooks";import{i as Ze,d as qe}from"./index-bbcd103b.js";import Ye from"lodash/throttle";import{L as Xe}from"./index-3d5c1bc6.js";import{B as Ke}from"./index-a192f489.js";import{I as Je}from"./index-11fea400.js";import Qe from"html-react-parser";import{format as et,addDays as tt,isBefore as at,startOfMonth as nt,addMonths as it,subMonths as lt,getDaysInMonth as rt,isToday as ot,isSameDay as st,isWithinInterval as ct,isAfter as dt,isPast as mt}from"date-fns";import"./utils-4dd7269c.js";import"./index.styled-7ef36c68.js";import"./index-0aeb7ac9.js";import{L as pt}from"./constants-b1321698.js";import{D as gt}from"./types-daf9f191.js";import{S as ut}from"./index-5b6ce3c8.js";import{M as ht}from"./index-f4cf350a.js";import{b as bt}from"./index.styled-2bdbb16a.js";import{C as vt}from"./index-9d684c92.js";import{useForm as yt,Controller as ft}from"react-hook-form";import{u as xt}from"./useHealthToolCache-5b011d4c.js";import{yupResolver as wt}from"@hookform/resolvers/yup";import{B as Et,D as kt}from"./index-146e09e3.js";import{f as Ct}from"./index-6bfa1218.js";import Nt from"react-day-picker/DayPickerInput";import{a as Bt}from"./useOutsideClick-3c9bb801.js";import Dt from"date-fns/locale/en-US";import $t from"date-fns/locale/id";import Pt from"date-fns/locale/vi";import zt from"date-fns/locale/zh-TW";import{g as St}from"./getSocialList-7e971b70.js";import{v4 as Lt}from"uuid";import{g as Mt,a as Tt}from"./routing-a4e59b08.js";import{useForm as It,isNotEmpty as At}from"@mantine/form";import{M as jt}from"./index-48404b57.js";import Ot from"js-cookie";import _t from"lodash/flatten";import"react-contenteditable";import"react-dom";import Ft from"lodash/uniqBy";import{g as Ht}from"./cookieHelper-87d0e0e7.js";import{n as Rt,a as Ut}from"./normalizeLink-7f6a35f5.js";var Wt="CHw-fZZ",Vt="_03U6VRS",Gt="EO828Vv";const Zt=({style:t,onClose:a,text:n,type:i,contentIcon:l,closeIcon:r,className:o,description:s})=>e.createElement("div",{className:`${Wt} ${o||""}`,style:t,"data-alert-type":i},e.createElement("div",{className:Vt},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:Gt,onClick:a},r)),qt={xs:28,small:32,medium:40,large:48,xl:64,xxl:80,xxxl:96},Yt=({type:n="square",size:i,avatarImg:l,avatarUrl:r,firstLetter:o,backgroundColor:s,onClick:c,style:d,className:m,width:p,height:g,alt:h})=>{const b=i?qt[i]:void 0,[v,y]=t(!1);a((()=>{if(r){const e=document.createElement("img");e.setAttribute("src",r),e.addEventListener("error",(()=>{y(!0)}))}}),[r,y]);const f=(!r&&!l||v)&&o;return e.createElement(u,{style:Object.assign(Object.assign({},d),{"--size":b?b+"px":void 0,"--width-prop":p?p+"px":void 0,"--height-prop":g?g+"px":void 0,"--background-color":s}),"data-has-max":!(!p||!g),"data-avatar-type":n,onClick:c,className:m,avatarUrl:r,"data-custom-size":!!i},l,r&&!v&&e.createElement(Y,{src:r,alt:h||"avatar"}),f&&o)},Xt=({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))),Kt=({style:t,children:a,className:n,size:i="lg",type:l="bold",upperCase:r,as:o="h4",color:s})=>e.createElement(b,{style:Object.assign({color:s},t),className:n,"data-size":i,"data-type":l,"data-uppercase":r,as:o},a),Jt=()=>e.createElement("style",null,".file-dropdown-path{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}"),Qt=()=>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)"}))),ea=()=>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)"})),ta=()=>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)"})),aa=({className:a,value:i,options:l,onUploadSelected:r,id:o,placeholderIcon:s,placeholder:c,style:d})=>{const[m,p]=t(!1),g=()=>p(!m),u=n(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(v,{className:a,"data-dropdown-open":!!m,id:o,"data-has-icons":!0,style:d,onBlur:()=>p(!1),tabIndex:0},e.createElement(Jt,null),e.createElement(y,{onClick:g},s||e.createElement(Qt,null)," ",e.createElement("span",null,i&&i.value?i.label:c)),m&&e.createElement(f,{onClick:g,"data-has-icons":!0},l.map((t=>e.createElement(x,{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(w,null,t.icon||"download"===t.type?e.createElement(ea,null):e.createElement(ta,null)),t.label)))),e.createElement(e.Fragment,null,u.current))},na=({className:t,columns:a,columnsDesktop:n,gridTemplateColumns:i,gridTemplateColumnsDesktop:l,gap:r,children:o,justifyChildren:s,style:c,alignItems:d})=>e.createElement(E,{className:t,style:c,theme:{columns:a,columnsDesktop:n,gap:r,justifyChildren:s,gridTemplateColumns:i,gridTemplateColumnsDesktop:l,alignItems:d}},o),ia=({pagesAmount:n,activePage:i,handlePageChange:r,handleClick:o,href:s,queryPageName:c="page"})=>{const d=[...Array(n)].map(((e,t)=>t+1)),[m,p]=t(i<=4?d.slice(0,5):i>=d.length-3?d.slice(d.length-5,d.length):d.slice(i-2,i+1));return a((()=>{i<=4?p(d.slice(0,5)):i>=d.length-3?p(d.slice(d.length-5,d.length)):p(d.slice(i-2,i+1))}),[i]),e.createElement(l,null,i>4&&e.createElement(l,null,e.createElement(N,{onClick:()=>r(1)},s?e.createElement("a",{href:s,onClick:o},1):1),e.createElement(N,null,"...")),m.map((t=>e.createElement(N,{key:`pagination+${t}`,"data-page-active":t===i||void 0,onClick:()=>r(t)},s?e.createElement("a",{href:Z(s,t,c),onClick:o},t):t))),i<d.length-3&&e.createElement(l,null,e.createElement(N,null,"..."),e.createElement(N,{onClick:()=>r(d.length)},s?e.createElement("a",{href:Z(s,d.length,c),onClick:o},d.length):d.length)))},la=({className:n,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,u]=t(r),h=i((()=>d&&d.endsWith("&page=")?d.replace("&page=",""):d),[d]),b=l-1,v=e=>{e<=l&&e>0&&(u(e),o(e))},y=e=>{s&&s(e)};return a((()=>{u(r)}),[r]),e.createElement(k,{className:n,style:c},e.createElement(C,{className:"prev-page",onClick:()=>v(g-1),"data-last-page":1===g||void 0},h?e.createElement("a",{href:Z(h,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(ia,{pagesAmount:l,activePage:g,handlePageChange:v,handleClick:y,href:h,queryPageName:m}):p.map((t=>e.createElement(N,{key:`pagination+${t}`,"data-page-active":t===g||void 0,onClick:()=>v(t)},h?e.createElement("a",{href:Z(h,t,m),onClick:y},t):t))),e.createElement(C,{className:"next-page",onClick:()=>v(g+1),"data-last-page":g===b+1||void 0},h?e.createElement("a",{href:Z(h,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"}))))},ra=({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(X,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))},oa=({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(re,Object.assign({},m),a))},sa=({className:t,id:a,onChange:n,checked:i,style:l,label:r})=>e.createElement(D,{className:t,style:l},e.createElement("input",{type:"checkbox",id:a,onChange:n,checked:i}),e.createElement("label",{htmlFor:a},e.createElement($,null),r&&e.createElement(P,null,r))),ca=({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)),da=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"})),ma=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"})),pa=t=>{const a=oe();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"})))},ga=({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),u=p||d,h=p?0:m;return e.createElement(S,{"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<=u?e.createElement(ma,{key:a,onClick:()=>null==r?void 0:r(a+1),onMouseOver:n,onMouseLeave:i}):a+1===u+h?e.createElement(pa,{key:a,onClick:()=>null==r?void 0:r(a+1),onMouseOver:n,onMouseLeave:i}):e.createElement(da,{key:a,onClick:()=>null==r?void 0:r(a+1),onMouseOver:n,onMouseLeave:i})})))},ua=l=>{var{label:r,availableValue:o,styles:s,isBaby:c,genderValue:d={male:"male",female:"female"}}=l,m=fe(l,["label","availableValue","styles","isBaby","genderValue"]);const{t:g}=se(),{classes:u,cx:h}=L(void 0,{name:"GenderOptionControl",styles:s}),[b,v]=t(),y=n(null),f=i((()=>[{value:d.male,label:g(c?"gender.boy":"gender.male"),icon:ve.getAssetPath(c?"health-tools/boy-icon.svg":"health-tools/male-icon.svg")},{value:d.female,label:g(c?"gender.girl":"gender.female"),icon:ve.getAssetPath(c?"health-tools/girl-icon.svg":"health-tools/female-icon.svg")}]),[]);return a((()=>{v(o)}),[o]),e.createElement(we,{ref:y,className:u.root},e.createElement(Ee.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:u.groupErr}}),e.createElement(ke,{className:h(u.wrapper)},f.map((t=>e.createElement(Ee,Object.assign({className:"gender-item",classNames:{root:u.itemRoot,labelWrapper:u.itemLabelWrapper,label:u.itemLabel,inner:u.itemInner},key:t.value,value:t.value},b&&t.value!==b&&{disabled:!0},{label:e.createElement(ke,{gap:Ce(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 ha="tliWyii";const ba=({className:t,theme:a,hideText:n})=>{const{t:i}=se();return e.createElement("div",{className:`${ha} ${t}`},e.createElement(g.Spinner,{isMarryBaby:"marryBaby"===a}),!n&&i("loading"))};var va="PiqKaXk",ya="HgbW6-m",fa="_6lkfLYy",xa="j7c-onH";const wa=({avatarImg:t,authorName:a,authorLink:n,uploadTime:i,size:l})=>e.createElement("div",{className:xa},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))))),Ea=({isMobile:t,avatarImg:a,name:n,link:i,size:l="lg",specialty:r})=>e.createElement("div",{className:xa},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(M,{tag:"h6",className:"expert__name",color:ye.colors.gray600},n),e.createElement(p,{color:ye.colors.gray500,size:"p3",className:"specialty"},r)):e.createElement(e.Fragment,null,e.createElement(M,{tag:"h6",className:"expert__name",color:ye.colors.gray600},n))):e.createElement("a",{href:i},"lg"===l?e.createElement(e.Fragment,null,e.createElement(M,{tag:"h6",className:"expert__name",color:ye.colors.gray600},n),e.createElement(p,{color:ye.colors.gray500,size:"p3",className:"specialty"},r)):e.createElement(e.Fragment,null,e.createElement("h6",{color:ye.colors.gray600,className:`${va} expert__name`},n),e.createElement(p,{color:ye.colors.gray500,size:"p4",className:"specialty"},r)))))),ka=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"}))))),Ca=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"})))),Na=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"})))),Ba=({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:u,dataEventCategoryForBookmark:h,dataEventCategoryForCategory:b,dataEventCategoryForTitle:v,dataEventLabelForBanner:y,dataEventLabelForBookmark:f,dataEventLabelForCategory:x,dataEventLabelForTitle:w,direction:E="horizontal",hasAffiliate:k,isBookmark:C=!1,isBookmarkDisplayed:N=!0,isMobile:B=!0,onBookmark:D,onClickCategoryName:$,section:P="normal",size:z="md",specialty:S,style:L,styleBanner:T,styleLabel:I,styleTitle:A,text:j,title:O,type:_="author",uploadTime:F,articleLinkTarget:H,isPremium:R})=>{const U=e=>{e.stopPropagation(),null==D||D()},W="lg"===z&&"expert"===_?"h4":"lg"===z&&"home"===P?B?"h4":"h3":"lg"===z?"h4":"h5",V="lg"===z?"p3":"p4",G=B||"home"!==P||"lg"!==z||"author"!==_?"c2":"c1";return e.createElement("article",{className:`${fa} ${s||""}`,"data-size":z,style:L,"data-direction":E,"data-is-expert":"expert"===_||void 0},e.createElement("div",{className:"banner",style:T},e.createElement("a",{className:ya,"data-event-category":u,"data-event-action":c,"data-event-label":y,href:t||"#",target:H},l),R&&e.createElement("img",{loading:"lazy",className:"premium",src:ve.getAssetPath("premium-crown.svg")}),k&&e.createElement(ka,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:ya,"data-event-category":b,"data-event-action":m,"data-event-label":x,href:r||"#",onClick:$},o),N&&e.createElement("a",{className:"bookmark",onClick:U},C?e.createElement(Ca,{dataEventCategoryForBookmark:h,dataEventActionForBookmark:d,dataEventLabelForBookmark:f}):e.createElement(Na,{dataEventCategoryForBookmark:h,dataEventActionForBookmark:d,dataEventLabelForBookmark:f}))),e.createElement(M,{tag:W,style:A,className:"title",as:"lg"===z?"h2":"h3"},e.createElement("a",{className:ya,"data-event-category":v,"data-event-action":g,"data-event-label":w,href:t||"#",target:H},O)),j&&e.createElement("a",{href:t||"#",target:H},e.createElement(p,{size:V,className:"text"},j))),e.createElement("div",{className:"footer"},"author"===_?e.createElement(wa,{size:z,avatarImg:i,authorName:n,authorLink:a,uploadTime:F,handleClick:U,isBookmarked:C,dataEventCategoryForBookmark:h,dataEventActionForBookmark:d,dataEventLabelForBookmark:f}):e.createElement(Ea,{size:z,isMobile:B,avatarImg:i,specialty:S,name:n,link:a,handleClick:U,isBookmarked:C,dataEventCategoryForBookmark:h,dataEventActionForBookmark:d,dataEventLabelForBookmark:f}))))},Da=t=>{var a,n,i,{article:l,author:r,authorAvatar:o,badge:s="",hideDescription:c=!1,isBookmarked:d=!1,onBookmark:m,time:g,tracking:u}=t,h=fe(t,["article","author","authorAvatar","badge","hideDescription","isBookmarked","onBookmark","time","tracking"]);const{isMobile:b}=K();return console.log({article:l}),e.createElement(Ne,Object.assign({padding:0,radius:0,sx:{display:"flex",flexDirection:"row",gap:24}},h),e.createElement(Ne.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(Ne.Section,null,e.createElement(Be,{position:"apart",mt:16,mb:4},e.createElement(J,{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(we,{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==u?void 0:u.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==u?void 0:u.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"},_e(l.excerpt||l.description||(null===(i=l.postContent)||void 0===i?void 0:i.split("\r\n")[0])||"")),e.createElement(ke,{gap:12,align:"center"},e.createElement(Q,{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 $a=De(((e,{})=>({root:{},image:{},title:{},category:{},description:{},author:{}})));const Pa=648/440,za=1.5,Sa=t=>{var a,n,l,{article:r,author:o,authorAvatar:s,badge:c="",bannerImageWrapProps:d,hideDescription:m=!1,isBookmarked:g=!1,onBookmark:u,time:h,tracking:b,classNames:v,styles:y,unstyled:f,className:x}=t,w=fe(t,["article","author","authorAvatar","badge","bannerImageWrapProps","hideDescription","isBookmarked","onBookmark","time","tracking","classNames","styles","unstyled","className"]);const{isMobile:E}=K(),{classes:k,cx:C}=$a({},{name:"ArticleCard",classNames:v,styles:y,unstyled:f}),N=i((()=>m?za:Pa),[m]);return e.createElement(Ne,Object.assign({className:C(k.root,x),padding:"lg",radius:0},w),e.createElement(Ne.Section,{className:C(k.image,"pointer")},e.createElement(ee,Object.assign({ratio:N},d),e.createElement("img",{src:(E?r.featureImageMobile:r.featureImage)||r.featureImage,alt:r.postName,style:{objectFit:"cover"}}))),e.createElement(Ne.Section,null,e.createElement(Be,{position:"apart",mt:16,mb:4},e.createElement(J,{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===(n=null==r?void 0:r.primaryCategory)||void 0===n?void 0:n.displayName)),e.createElement(we,{sx:{cursor:"pointer"},role:"button",onClick:u},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},_e(r.excerpt||r.description||(null===(l=r.postContent)||void 0===l?void 0:l.split("\r\n")[0])||"")),e.createElement(ke,{className:k.author,gap:12,align:"center"},e.createElement(Q,{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," • ",h))))},La=t=>{var{variant:a="vertical"}=t,n=fe(t,["variant"]);return"horizontal"===a?e.createElement(Da,Object.assign({},n)):e.createElement(Sa,Object.assign({},n))},Ma=Ue.a`
   display: flex;
   height: 125px;
 

package/build/esm/index-9dfd478f.js

@@ -0,0 +1 @@
+import{_ as o}from"./tslib.es6-71be3ad2.js";import t from"react";import{Indicator as s}from"@mantine/core";import"dayjs";import"./screenSizeContext-7e881f6d.js";import"styled-components";import{t as e}from"./theme-f470318d.js";import"./index-dbff2d47.js";import"./isProduction-51fadd96.js";import"./Onboarding-68463903.js";import"./gAssets.js";const r=r=>{var{styles:i,color:n=e.colors.red700}=r,m=o(r,["styles","color"]);return t.createElement(s,Object.assign({inline:!0,position:"top-end",offset:4,styles:Object.assign({processing:{animationDirection:"alternate"}},i),color:n},m))};export{r as I};

package/build/esm/{index-c63fb626.js → index-a192f489.js}

@@ -1 +1 @@
-import{_ as a}from"./tslib.es6-f1757470.js";import t from"react";var e="P03rcnV",d="LsvykAk",o="S2kaD9B",c="fAwTdkg",i="ITgol3T",r="cD-HMFz",n="oAG2-aJ",s="Y9fGCaj";const l=l=>{var{size:C,color:m="primary",theme:u="helloSites",isDisabled:h,isBlock:p,title:P,className:g,onClick:k,icon:v,iconPosition:E="left",children:y,isLoading:N=!1,loadingText:b,dataEventCategory:f,dataEventAction:L,dataEventLabel:B,dataProductChannel:w,dataProductSku:x,dataProductBrand:A,dataProductName:T,dataProductPrice:z,dataProductCategory:D,dataProductPosition:S,type:j}=l,F=a(l,["size","color","theme","isDisabled","isBlock","title","className","onClick","icon","iconPosition","children","isLoading","loadingText","dataEventCategory","dataEventAction","dataEventLabel","dataProductChannel","dataProductSku","dataProductBrand","dataProductName","dataProductPrice","dataProductCategory","dataProductPosition","type"]);const M={"data-event-category":f,"data-event-action":L,"data-event-label":B,"data-product-channel":w,"data-product-sku":x,"data-product-brand":A,"data-product-name":T,"data-product-price":z,"data-product-category":D,"data-product-position":S},G=t.createElement("span",{className:d},t.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},t.createElement("circle",{className:s,cx:"12",cy:"12",r:"10",stroke:"white",strokeWidth:"4"})),t.createElement("svg",{className:e,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},t.createElement("mask",{id:"path-1-inside-1",fill:"white"},t.createElement("path",{d:"M12 0C14.464 2.93833e-08 16.8683 0.758527 18.8863 2.17253C20.9042 3.58653 22.438 5.58746 23.2791 7.90347C24.1203 10.2195 24.2281 12.7383 23.5879 15.1177C22.9477 17.4971 21.5906 19.6218 19.7009 21.2031C17.8111 22.7843 15.4804 23.7456 13.0254 23.9561C10.5704 24.1667 8.11007 23.6164 5.97869 22.38C3.8473 21.1436 2.14819 19.281 1.1122 17.0454C0.0761991 14.8097 -0.246461 12.3093 0.188053 9.8839L4.09856 10.5845C3.8079 12.2069 4.02374 13.8795 4.71676 15.375C5.40977 16.8705 6.54637 18.1165 7.97213 18.9435C9.39789 19.7706 11.0437 20.1387 12.6859 19.9979C14.3282 19.857 15.8873 19.214 17.1514 18.1563C18.4155 17.0985 19.3233 15.6772 19.7516 14.0856C20.1798 12.4939 20.1077 10.8089 19.545 9.25969C18.9823 7.71042 17.9563 6.37193 16.6065 5.42605C15.2566 4.48017 13.6483 3.97277 12 3.97277L12 0Z"})),t.createElement("path",{className:n,d:"M12 0C14.464 2.93833e-08 16.8683 0.758527 18.8863 2.17253C20.9042 3.58653 22.438 5.58746 23.2791 7.90347C24.1203 10.2195 24.2281 12.7383 23.5879 15.1177C22.9477 17.4971 21.5906 19.6218 19.7009 21.2031C17.8111 22.7843 15.4804 23.7456 13.0254 23.9561C10.5704 24.1667 8.11007 23.6164 5.97869 22.38C3.8473 21.1436 2.14819 19.281 1.1122 17.0454C0.0761991 14.8097 -0.246461 12.3093 0.188053 9.8839L4.09856 10.5845C3.8079 12.2069 4.02374 13.8795 4.71676 15.375C5.40977 16.8705 6.54637 18.1165 7.97213 18.9435C9.39789 19.7706 11.0437 20.1387 12.6859 19.9979C14.3282 19.857 15.8873 19.214 17.1514 18.1563C18.4155 17.0985 19.3233 15.6772 19.7516 14.0856C20.1798 12.4939 20.1077 10.8089 19.545 9.25969C18.9823 7.71042 17.9563 6.37193 16.6065 5.42605C15.2566 4.48017 13.6483 3.97277 12 3.97277L12 0Z",stroke:"#91CAFF",strokeWidth:"8",mask:"url(#path-1-inside-1)"}))),W=(v||N)&&t.createElement("span",{className:r},N?G:v," ");return t.createElement("button",Object.assign({},M,{className:`${i} ${g||""}`,"data-size":C,"data-color":m,"data-block":p,"data-has-icon":!!v||void 0,"data-theme":u,disabled:h,onClick:a=>{!N&&!h&&k&&k(a)},title:P,"data-is-loading":N,type:j},F),t.createElement("span",{className:c},"left"===E&&W,y&&t.createElement("span",{className:o},N&&b||y),"right"===E&&W))};export{l as B};
+import{_ as a}from"./tslib.es6-71be3ad2.js";import t from"react";var e="P03rcnV",d="LsvykAk",o="S2kaD9B",c="fAwTdkg",i="ITgol3T",r="cD-HMFz",n="oAG2-aJ",s="Y9fGCaj";const l=l=>{var{size:C,color:m="primary",theme:u="helloSites",isDisabled:h,isBlock:p,title:P,className:g,onClick:k,icon:v,iconPosition:E="left",children:b,isLoading:y=!1,loadingText:N,dataEventCategory:f,dataEventAction:L,dataEventLabel:B,dataProductChannel:w,dataProductSku:x,dataProductBrand:A,dataProductName:T,dataProductPrice:z,dataProductCategory:D,dataProductPosition:S,type:j}=l,F=a(l,["size","color","theme","isDisabled","isBlock","title","className","onClick","icon","iconPosition","children","isLoading","loadingText","dataEventCategory","dataEventAction","dataEventLabel","dataProductChannel","dataProductSku","dataProductBrand","dataProductName","dataProductPrice","dataProductCategory","dataProductPosition","type"]);const M={"data-event-category":f,"data-event-action":L,"data-event-label":B,"data-product-channel":w,"data-product-sku":x,"data-product-brand":A,"data-product-name":T,"data-product-price":z,"data-product-category":D,"data-product-position":S},G=t.createElement("span",{className:d},t.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},t.createElement("circle",{className:s,cx:"12",cy:"12",r:"10",stroke:"white",strokeWidth:"4"})),t.createElement("svg",{className:e,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},t.createElement("mask",{id:"path-1-inside-1",fill:"white"},t.createElement("path",{d:"M12 0C14.464 2.93833e-08 16.8683 0.758527 18.8863 2.17253C20.9042 3.58653 22.438 5.58746 23.2791 7.90347C24.1203 10.2195 24.2281 12.7383 23.5879 15.1177C22.9477 17.4971 21.5906 19.6218 19.7009 21.2031C17.8111 22.7843 15.4804 23.7456 13.0254 23.9561C10.5704 24.1667 8.11007 23.6164 5.97869 22.38C3.8473 21.1436 2.14819 19.281 1.1122 17.0454C0.0761991 14.8097 -0.246461 12.3093 0.188053 9.8839L4.09856 10.5845C3.8079 12.2069 4.02374 13.8795 4.71676 15.375C5.40977 16.8705 6.54637 18.1165 7.97213 18.9435C9.39789 19.7706 11.0437 20.1387 12.6859 19.9979C14.3282 19.857 15.8873 19.214 17.1514 18.1563C18.4155 17.0985 19.3233 15.6772 19.7516 14.0856C20.1798 12.4939 20.1077 10.8089 19.545 9.25969C18.9823 7.71042 17.9563 6.37193 16.6065 5.42605C15.2566 4.48017 13.6483 3.97277 12 3.97277L12 0Z"})),t.createElement("path",{className:n,d:"M12 0C14.464 2.93833e-08 16.8683 0.758527 18.8863 2.17253C20.9042 3.58653 22.438 5.58746 23.2791 7.90347C24.1203 10.2195 24.2281 12.7383 23.5879 15.1177C22.9477 17.4971 21.5906 19.6218 19.7009 21.2031C17.8111 22.7843 15.4804 23.7456 13.0254 23.9561C10.5704 24.1667 8.11007 23.6164 5.97869 22.38C3.8473 21.1436 2.14819 19.281 1.1122 17.0454C0.0761991 14.8097 -0.246461 12.3093 0.188053 9.8839L4.09856 10.5845C3.8079 12.2069 4.02374 13.8795 4.71676 15.375C5.40977 16.8705 6.54637 18.1165 7.97213 18.9435C9.39789 19.7706 11.0437 20.1387 12.6859 19.9979C14.3282 19.857 15.8873 19.214 17.1514 18.1563C18.4155 17.0985 19.3233 15.6772 19.7516 14.0856C20.1798 12.4939 20.1077 10.8089 19.545 9.25969C18.9823 7.71042 17.9563 6.37193 16.6065 5.42605C15.2566 4.48017 13.6483 3.97277 12 3.97277L12 0Z",stroke:"#91CAFF",strokeWidth:"8",mask:"url(#path-1-inside-1)"}))),W=(v||y)&&t.createElement("span",{className:r},y?G:v," ");return t.createElement("button",Object.assign({},M,{className:`${i} ${g||""}`,"data-size":C,"data-color":m,"data-block":p,"data-has-icon":!!v||void 0,"data-theme":u,disabled:h,onClick:a=>{!y&&!h&&k&&k(a)},title:P,"data-is-loading":y,type:j},F),t.createElement("span",{className:c},"left"===E&&W,b&&t.createElement("span",{className:o},y&&N||b),"right"===E&&W))};export{l as B};

package/build/esm/{index-880d2a8f.js → index-bac9d662.js}

@@ -1 +1 @@
-import{G as r,B as t,a as e,b as a,L as n,O as o}from"./Onboarding-f538c632.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-68463903.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};

package/build/esm/{index-69a4a005.js → index-bbcd103b.js}

@@ -1,4 +1,4 @@
-import{_ as e,a as t}from"./tslib.es6-f1757470.js";import i,{useState as a,useMemo as n,useRef as o,Fragment as l,useEffect as r,memo as s,useContext as d,useCallback as c}from"react";import{g as m}from"./core-3c6e483d.js";import{F as p,a as g,B as h}from"./index-3ac431a8.js";import u,{css as v}from"styled-components";import{T as C,I as f,U as b}from"./index-a6e8c71e.js";import{CommonGAssets as x}from"./gAssets.js";import{C as y,T as E,E as w,b as k,d as $,L,S as B}from"./index-836c956c.js";import{n as M,a as P}from"./normalizeLink-f4e87ebe.js";import{a as _,g as H,b as D,c as N,d as T}from"./routing-0aec38d3.js";import{P as j,U as A,b as z,a as F}from"./index-4174f289.js";import{L as S}from"./index-6338ed1b.js";import{u as U,b as V}from"./useTranslations-18faf79a.js";import R from"lodash/throttle";import{createStyles as O,rem as I,Box as Z,Indicator as G,Portal as W}from"@mantine/core";import"@mantine/dates";import{L as Y}from"./Onboarding-f538c632.js";import K from"dayjs";import{j as q,M as Q}from"./screenSizeContext-25c92de6.js";import{t as J}from"./theme-de71eed3.js";import"./isProduction-f5099945.js";import"./translationsContext-85ba1228.js";import X from"string-format";import"@mantine/hooks";import{L as ee}from"./constants-fc5771dc.js";import{x as te,a7 as ie,P as ae,H as ne}from"./index.styles-f629b750.js";import oe from"lodash/debounce";import"./useCategory-cbb912b5.js";import{C as le}from"./ChevronDown-ce280375.js";import{B as re}from"./index-c63fb626.js";import{a as se}from"./constants-bca8e7af.js";import{I as de}from"./index-66cbe237.js";import{u as ce}from"./useIsInit-04c9dc57.js";import"./utils-dc9fb887.js";import"./index.styled-11c36629.js";import"./index-d71717bf.js";import me from"dayjs/plugin/relativeTime";import{C as pe}from"./index-44be6dee.js";const ge=["hellobacsi.com","hellosehat.com","hellodoktor.com","hellokrupet.com","hellodoctor.com.ph","hellokhunmor.com","hellosayarwon.com","helloyishi.com.tw","helloswasthya.com","marrybaby.vn","hellohealth.questionpro.com","hellobacsivn.page.link"],he=(e="")=>ge.some((t=>new URL(e).origin.endsWith(t))),ue=u.a`
+import{_ as e,a as t}from"./tslib.es6-71be3ad2.js";import i,{useState as a,useMemo as n,useRef as o,Fragment as l,useEffect as r,memo as s,useContext as d,useCallback as c}from"react";import{g as m}from"./core-f858b620.js";import{F as p,a as g,B as h}from"./index-ee15c33c.js";import u,{css as v}from"styled-components";import{T as C,I as f,U as b}from"./index-c382ba8d.js";import{CommonGAssets as x}from"./gAssets.js";import{C as y,T as E,E as w,b as k,d as $,L,S as B}from"./index-dbff2d47.js";import{n as M,a as P}from"./normalizeLink-7f6a35f5.js";import{a as _,g as H,b as D,c as N,d as T}from"./routing-a4e59b08.js";import{P as j,U as A,b as z,a as F}from"./index-6bfa1218.js";import{L as S}from"./index-3d5c1bc6.js";import{u as U,b as V}from"./useTranslations-28b19550.js";import R from"lodash/throttle";import{createStyles as O,rem as I,Box as Z,Indicator as G,Portal as W}from"@mantine/core";import"@mantine/dates";import{L as Y}from"./Onboarding-68463903.js";import K from"dayjs";import{j as q,M as Q}from"./screenSizeContext-7e881f6d.js";import{t as J}from"./theme-f470318d.js";import"./isProduction-51fadd96.js";import"./translationsContext-d199b4bc.js";import X from"string-format";import"@mantine/hooks";import{L as ee}from"./constants-f9d7aa8c.js";import{x as te,a7 as ie,P as ae,H as ne}from"./index.styles-07a11ccd.js";import oe from"lodash/debounce";import"./useCategory-66dc7051.js";import{C as le}from"./ChevronDown-5eb26fa9.js";import{B as re}from"./index-a192f489.js";import{a as se}from"./constants-b1321698.js";import{I as de}from"./index-9dfd478f.js";import{u as ce}from"./useIsInit-96aef578.js";import"./utils-4dd7269c.js";import"./index.styled-7ef36c68.js";import"./index-0aeb7ac9.js";import me from"dayjs/plugin/relativeTime";import{C as pe}from"./index-9d684c92.js";const ge=["hellobacsi.com","hellosehat.com","hellodoktor.com","hellokrupet.com","hellodoctor.com.ph","hellokhunmor.com","hellosayarwon.com","helloyishi.com.tw","helloswasthya.com","marrybaby.vn","hellohealth.questionpro.com","hellobacsivn.page.link"],he=(e="")=>ge.some((t=>new URL(e).origin.endsWith(t))),ue=u.a`
   display: inline-flex;
   position: relative;
   flex-direction: row;