@hhgtech/hhg-components 1.28.47 → 1.28.48

package/build/esm/{index-0fd0a8fb.js → index-564b7aba.js}

@@ -1,4 +1,4 @@
-import e,{useState as t,useEffect as a,useRef as n,useMemo as i,Fragment as l,memo as o,useCallback as r,useImperativeHandle as s,forwardRef as c,createContext as d,useContext as m}from"react";import{T as p,I as g}from"./index-b51813fe.js";import{b as u,c as h,d as v,e as b,f as y,h as f,i as E,j as x,k as w,l as k,m as C,n as N,o as B,p as z,q as $,r as S,s as P,t as D,u as L,H as M,T as I,g as T,P as A}from"./index.styles-f450b969.js";import{f as j,M as O}from"./utils-1550f4c2.js";import{I as _,R as F,u as H,A as R,b as W,c as U,B as V,d as G,e as Z,f as q,t as Y}from"./index-924d8b45.js";import{T as X}from"./index-f5ac3469.js";import{b as K,u as Q}from"./useTranslations-49e0430f.js";import{C as J}from"./index-9b020630.js";import{t as ee}from"./theme-0d3c8845.js";import{_ as te,a as ae}from"./tslib.es6-c43c14a5.js";import{Box as ne,Radio as ie,Flex as le,rem as oe,Card as re,Group as se,createStyles as ce,Stack as de,getStylesRef as me,useMantineTheme as pe,Container as ge,UnstyledButton as ue,AspectRatio as he,ScrollArea as ve,Chip as be,Badge as ye,MultiSelect as fe,Stepper as Ee}from"@mantine/core";import xe from"innertext";import"@mantine/dates";import{d as we,L as ke,F as Ce,Q as Ne,R as Be,a as ze,G as $e}from"./index-fcb7c05d.js";import{G as Se,L as Pe}from"./Subot-3d309d90.js";import"./translationsContext-ee7ec6eb.js";import"string-format";import{useViewportSize as De}from"@mantine/hooks";import{i as Le,d as Me}from"./index-679dd359.js";import Ie,{keyframes as Te,css as Ae}from"styled-components";import je from"lodash/throttle";import{L as Oe}from"./index-72664e72.js";import{B as _e}from"./index-1fce73b8.js";import{I as Fe}from"./index-f09be292.js";import He from"html-react-parser";import{i as Re}from"./isProduction-135c9280.js";import{format as We,addDays as Ue,isBefore as Ve,startOfMonth as Ge,addMonths as Ze,subMonths as qe,getDaysInMonth as Ye,isToday as Xe,isSameDay as Ke,isWithinInterval as Qe,isAfter as Je,isPast as et}from"date-fns";import tt from"dayjs";import"./utils-bc76e7d8.js";import"./index.styled-222b6ef8.js";import"./index-5dc45c1c.js";import{L as at}from"./constants-7f54318a.js";import{Z as nt,s as it,H as lt,o as ot,d as rt,P as st,T as ct,t as dt,u as mt,v as pt}from"./utils-ab3bd9a9.js";import{D as gt}from"./types-745b966e.js";import{D as ut}from"./index-2f6fbc5e.js";import{S as ht}from"./index-bd5220da.js";import{M as vt}from"./index-7b4c9ffd.js";import{D as bt}from"./index-ac89ac70.js";import{C as yt}from"./index-a6ddd645.js";import{useForm as ft,Controller as Et}from"react-hook-form";import{u as xt}from"./useHealthToolCache-09b61354.js";import{yupResolver as wt}from"@hookform/resolvers/yup";import{B as kt,D as Ct}from"./index-cff19603.js";import{h as Nt}from"./index-156081e2.js";import{a as Bt}from"./useOutsideClick-e4f22be5.js";import zt from"date-fns/locale/en-US";import $t from"date-fns/locale/id";import St from"date-fns/locale/vi";import Pt from"date-fns/locale/zh-TW";import{g as Dt}from"./getSocialList-1766c602.js";import{v4 as Lt}from"uuid";import{g as Mt,a as It}from"./routing-fa27835c.js";import{useForm as Tt,isNotEmpty as At}from"@mantine/form";import{M as jt}from"./index-1d068cf5.js";import Ot from"js-cookie";import _t from"lodash/flatten";import Ft from"lodash/uniqBy";import{g as Ht}from"./cookieHelper-0acd4fc8.js";import{n as Rt,a as Wt}from"./normalizeLink-75e03b67.js";var Ut="CHw-fZZ",Vt="_03U6VRS",Gt="EO828Vv";const Zt=({style:t,onClose:a,text:n,type:i,contentIcon:l,closeIcon:o,className:r,description:s})=>e.createElement("div",{className:`${Ut} ${r||""}`,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},o)),qt={xs:28,small:32,medium:40,large:48,xl:64,xxl:80,xxxl:96},Yt=({type:n="square",size:i,avatarImg:l,avatarUrl:o,firstLetter:r,backgroundColor:s,onClick:c,style:d,className:m,width:p,height:g,alt:h})=>{const v=i?qt[i]:void 0,[b,y]=t(!1);a((()=>{if(o){const e=document.createElement("img");e.setAttribute("src",o),e.addEventListener("error",(()=>{y(!0)}))}}),[o,y]);const f=(!o&&!l||b)&&r;return e.createElement(u,{style:Object.assign(Object.assign({},d),{"--size":v?v+"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:o,"data-custom-size":!!i},l,o&&!b&&e.createElement(_,{src:o,alt:h||"avatar"}),f&&r)},Xt=({amount:t,type:a,size:n="medium",color:i="primary",icon:l,className:o})=>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:o},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:o,as:r="h4",color:s})=>e.createElement(v,{style:Object.assign({color:s},t),className:n,"data-size":i,"data-type":l,"data-uppercase":o,as:r},a),Qt=()=>e.createElement("style",null,".file-dropdown-path{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}"),Jt=()=>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:o,id:r,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-"+r+"-"+t.value,key:"uploader-dropdown-input-"+r+"-"+t.value,accept:t.fileAcceptedType,multiple:t.multiple,type:"file",style:{display:"none"},onChange:e=>{console.log("change"),o(e.target.files)}}))));return e.createElement(b,{className:a,"data-dropdown-open":!!m,id:r,"data-has-icons":!0,style:d,onBlur:()=>p(!1),tabIndex:0},e.createElement(Qt,null),e.createElement(y,{onClick:g},s||e.createElement(Jt,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(E,{key:`${r}-${t.value}`,"data-selected":i&&i.value===t.value||void 0,onClick:()=>{return"upload"===t.type?(a="#uploader-dropdown-input-"+r+"-"+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(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:o,children:r,justifyChildren:s,style:c,alignItems:d})=>e.createElement(w,{className:t,style:Object.assign({"--columns-count":a,"--columns-count-desktop":n,"--grid-template-columns":i,"--grid-template-columns-desktop":l,"--justify-children":s,"--grid-gap":o,"--align-items":d},c)},r),ia=({pagesAmount:n,activePage:i,handlePageChange:o,handleClick:r,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:()=>o(1)},s?e.createElement("a",{href:s,onClick:r},1):1),e.createElement(N,null,"...")),m.map((t=>e.createElement(N,{key:`pagination+${t}`,"data-page-active":t===i||void 0,onClick:()=>o(t)},s?e.createElement("a",{href:j(s,t,c),onClick:r},t):t))),i<d.length-3&&e.createElement(l,null,e.createElement(N,null,"..."),e.createElement(N,{onClick:()=>o(d.length)},s?e.createElement("a",{href:j(s,d.length,c),onClick:r},d.length):d.length)))},la=({className:n,pagesAmount:l,currentPage:o,onChange:r,onClick:s,style:c,href:d,queryPageName:m="page"})=>{const p=[...Array(l)].map(((e,t)=>t+1)),[g,u]=t(o),h=i((()=>d&&d.endsWith("&page=")?d.replace("&page=",""):d),[d]),v=l-1,b=e=>{e<=l&&e>0&&(u(e),r(e))},y=e=>{s&&s(e)};return a((()=>{u(o)}),[o]),e.createElement(k,{className:n,style:c},e.createElement(C,{className:"prev-page",onClick:()=>b(g-1),"data-last-page":1===g||void 0},h?e.createElement("a",{href:j(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:b,handleClick:y,href:h,queryPageName:m}):p.map((t=>e.createElement(N,{key:`pagination+${t}`,"data-page-active":t===g||void 0,onClick:()=>b(t)},h?e.createElement("a",{href:j(h,t,m),onClick:y},t):t))),e.createElement(C,{className:"next-page",onClick:()=>b(g+1),"data-last-page":g===v+1||void 0},h?e.createElement("a",{href:j(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"}))))},oa=({size:t="small",label:a,name:n,checked:i,value:l,className:o,isDisabled:r=!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(F,Object.assign({size:"small"===t?"md":"lg",label:a,name:n,checked:i,value:l,className:o,disabled:r,onChange:e=>null==s?void 0:s(e.target.value)},p))},ra=({type:t,children:a,style:n,isInline:i,isSquared:l=!1,className:o,isLight:r,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":r||void 0,"data-has-more-padding":s||void 0,"data-is-inline":i||void 0,style:Object.assign(Object.assign({},n),p),className:o,"data-is-selected":d||void 0,"data-is-link":c||void 0,tagType:t,isInline:i,tagHasMorePadding:s,tagIsLight:r,tagIsSquared:l,tagIsALink:c},e.createElement(X,Object.assign({},m),a))},sa=({className:t,id:a,onChange:n,checked:i,style:l,label:o})=>e.createElement(z,{className:t,style:l},e.createElement("input",{type:"checkbox",id:a,onChange:n,checked:i}),e.createElement("label",{htmlFor:a},e.createElement($,null),o&&e.createElement(S,null,o))),ca=({label:t,name:a,checked:n,className:i,isDisabled:l,onChange:o,value:r,isRectangle:s,inputDataTestId:c,siteType:d})=>e.createElement(P,{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:()=>o(r,!n),disabled:l,value:r,id:`${a}-${r}`,"data-label-text":t,"data-testid":c}),!s&&e.createElement("label",{htmlFor:`${a}-${r}`},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=K();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:o,hideEmptyStars:r,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(D,{"data-selectable":!!o,style:Object.assign({"--gap":a,"--star-size":n},s),className:c},Array.from({length:r?d+m:l}).map(((t,a)=>{const n=()=>!!o&&g(a+1),i=()=>!!o&&g(null);return a+1<=u?e.createElement(ma,{key:a,onClick:()=>null==o?void 0:o(a+1),onMouseOver:n,onMouseLeave:i}):a+1===u+h?e.createElement(pa,{key:a,onClick:()=>null==o?void 0:o(a+1),onMouseOver:n,onMouseLeave:i}):e.createElement(da,{key:a,onClick:()=>null==o?void 0:o(a+1),onMouseOver:n,onMouseLeave:i})})))},ua=l=>{var{label:o,availableValue:r,styles:s,isBaby:c,genderValue:d={male:"male",female:"female"}}=l,m=te(l,["label","availableValue","styles","isBaby","genderValue"]);const{t:g}=Q(),{classes:u,cx:h}=L(void 0,{name:"GenderOptionControl",styles:s}),[v,b]=t(),y=n(null),f=i((()=>[{value:d.male,label:g(c?"gender.boy":"gender.male"),icon:J.getAssetPath(c?"health-tools/boy-icon.svg":"health-tools/male-icon.svg")},{value:d.female,label:g(c?"gender.girl":"gender.female"),icon:J.getAssetPath(c?"health-tools/girl-icon.svg":"health-tools/female-icon.svg")}]),[]);return a((()=>{b(r)}),[r]),e.createElement(ne,{ref:y,className:u.root},e.createElement(ie.Group,Object.assign({className:"radio-group",label:e.createElement(p,{as:"label",size:"s4",weight:"semiBold"},o||g(c?"tools.selectBabyGender":"tools.selectGender")),size:"lg"},m,{classNames:{error:u.groupErr}}),e.createElement(le,{className:h(u.wrapper)},f.map((t=>e.createElement(ie,Object.assign({className:"gender-item",classNames:{root:u.itemRoot,labelWrapper:u.itemLabelWrapper,label:u.itemLabel,inner:u.itemInner},key:t.value,value:t.value},v&&t.value!==v&&{disabled:!0},{label:e.createElement(le,{gap:oe(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="PiqKaXk",va="HgbW6-m",ba="_6lkfLYy",ya="j7c-onH";const fa=({avatarImg:t,authorName:a,authorLink:n,uploadTime:i,size:l})=>e.createElement("div",{className:ya},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:o})=>e.createElement("div",{className:ya},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:ee.colors.gray600},n),e.createElement(p,{color:ee.colors.gray500,size:"p3",className:"specialty"},o)):e.createElement(e.Fragment,null,e.createElement(M,{tag:"h6",className:"expert__name",color:ee.colors.gray600},n))):e.createElement("a",{href:i},"lg"===l?e.createElement(e.Fragment,null,e.createElement(M,{tag:"h6",className:"expert__name",color:ee.colors.gray600},n),e.createElement(p,{color:ee.colors.gray500,size:"p3",className:"specialty"},o)):e.createElement(e.Fragment,null,e.createElement("h6",{color:ee.colors.gray600,className:`${ha} expert__name`},n),e.createElement(p,{color:ee.colors.gray500,size:"p4",className:"specialty"},o)))))),xa=o((()=>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"}))))),wa=o((({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"})))),ka=o((({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"})))),Ca=({articleLink:t,authorLink:a,authorName:n,avatarImg:i,banner:l,categoryLink:o,categoryName:r,className:s,dataEventActionForBanner:c,dataEventActionForBookmark:d,dataEventActionForCategory:m,dataEventActionForTitle:g,dataEventCategoryForBanner:u,dataEventCategoryForBookmark:h,dataEventCategoryForCategory:v,dataEventCategoryForTitle:b,dataEventLabelForBanner:y,dataEventLabelForBookmark:f,dataEventLabelForCategory:E,dataEventLabelForTitle:x,direction:w="horizontal",hasAffiliate:k,isBookmark:C=!1,isBookmarkDisplayed:N=!0,isMobile:B=!0,onBookmark:z,onClickCategoryName:$,section:S="normal",size:P="md",specialty:D,style:L,styleBanner:I,styleLabel:T,styleTitle:A,text:j,title:O,type:_="author",uploadTime:F,articleLinkTarget:H,isPremium:R})=>{const W=e=>{e.stopPropagation(),null==z||z()},U="lg"===P&&"expert"===_?"h4":"lg"===P&&"home"===S?B?"h4":"h3":"lg"===P?"h4":"h5",V="lg"===P?"p3":"p4",G=B||"home"!==S||"lg"!==P||"author"!==_?"c2":"c1";return e.createElement("article",{className:`${ba} ${s||""}`,"data-size":P,style:L,"data-direction":w,"data-is-expert":"expert"===_||void 0},e.createElement("div",{className:"banner",style:I},e.createElement("a",{className:va,"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:J.getAssetPath("premium-crown.svg")}),k&&e.createElement(xa,null)),e.createElement("div",{className:"content"},e.createElement("div",{className:"inner-content"},e.createElement(p,{style:T,className:"label",size:G,weight:"caption"},e.createElement("a",{className:va,"data-event-category":v,"data-event-action":m,"data-event-label":E,href:o||"#",onClick:$},r),N&&e.createElement("a",{className:"bookmark",onClick:W},C?e.createElement(wa,{dataEventCategoryForBookmark:h,dataEventActionForBookmark:d,dataEventLabelForBookmark:f}):e.createElement(ka,{dataEventCategoryForBookmark:h,dataEventActionForBookmark:d,dataEventLabelForBookmark:f}))),e.createElement(M,{tag:U,style:A,className:"title",as:"lg"===P?"h2":"h3"},e.createElement("a",{className:va,"data-event-category":b,"data-event-action":g,"data-event-label":x,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(fa,{size:P,avatarImg:i,authorName:n,authorLink:a,uploadTime:F,handleClick:W,isBookmarked:C,dataEventCategoryForBookmark:h,dataEventActionForBookmark:d,dataEventLabelForBookmark:f}):e.createElement(Ea,{size:P,isMobile:B,avatarImg:i,specialty:D,name:n,link:a,handleClick:W,isBookmarked:C,dataEventCategoryForBookmark:h,dataEventActionForBookmark:d,dataEventLabelForBookmark:f}))))},Na=t=>{var a,n,i,{article:l,author:o,authorAvatar:r,badge:s="",hideDescription:c=!1,isBookmarked:d=!1,onBookmark:m,time:g,tracking:u}=t,h=te(t,["article","author","authorAvatar","badge","hideDescription","isBookmarked","onBookmark","time","tracking"]);const{isMobile:v}=H();return console.log({article:l}),e.createElement(re,Object.assign({padding:0,radius:0,sx:{display:"flex",flexDirection:"row",gap:24}},h),e.createElement(re.Section,{w:"100%",h:"100%",miw:264,m:0,className:"pointer"},e.createElement("img",{src:(v?l.featureImageMobile:l.featureImage)||l.featureImage,alt:l.postName,style:{width:"100%"},loading:"lazy"})),e.createElement(re.Section,null,e.createElement(se,{position:"apart",mt:16,mb:4},e.createElement(R,{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(ne,{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"},xe(l.excerpt||l.description||(null===(i=l.postContent)||void 0===i?void 0:i.split("\r\n")[0])||"")),e.createElement(le,{gap:12,align:"center"},e.createElement(W,{size:32,src:r,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"},o," • ",g))))};var Ba=ce(((e,{})=>({root:{},image:{},title:{},category:{},description:{},author:{}})));const za=648/440,$a=1.5,Sa=t=>{var a,n,l,{article:o,author:r,authorAvatar:s,badge:c="",bannerImageWrapProps:d,hideDescription:m=!1,isBookmarked:g=!1,onBookmark:u,time:h,tracking:v,classNames:b,styles:y,unstyled:f,className:E}=t,x=te(t,["article","author","authorAvatar","badge","bannerImageWrapProps","hideDescription","isBookmarked","onBookmark","time","tracking","classNames","styles","unstyled","className"]);const{isMobile:w}=H(),{classes:k,cx:C}=Ba({},{name:"ArticleCard",classNames:b,styles:y,unstyled:f}),N=i((()=>m?$a:za),[m]);return e.createElement(re,Object.assign({className:C(k.root,E),padding:"lg",radius:0},x),e.createElement(re.Section,{className:C(k.image,"pointer")},e.createElement(U,Object.assign({ratio:N},d),e.createElement("img",{src:(w?o.featureImageMobile:o.featureImage)||o.featureImage,alt:o.postName,style:{objectFit:"cover"}}))),e.createElement(re.Section,null,e.createElement(se,{position:"apart",mt:16,mb:4},e.createElement(R,{className:k.category,href:(null===(a=null==o?void 0:o.primaryCategory)||void 0===a?void 0:a.permalink)||"#"},e.createElement(p,{size:"p4",color:"blue.6"},null===(n=null==o?void 0:o.primaryCategory)||void 0===n?void 0:n.displayName)),e.createElement(ne,{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==v?void 0:v.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==v?void 0:v.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"},o.postTitle||o.postName||""),!m&&e.createElement(p,{className:C(k.description,"pointer"),size:"p2",mb:16,lineClamp:3},xe(o.excerpt||o.description||(null===(l=o.postContent)||void 0===l?void 0:l.split("\r\n")[0])||"")),e.createElement(le,{className:k.author,gap:12,align:"center"},e.createElement(W,{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"},r," • ",h))))},Pa=t=>{var{variant:a="vertical"}=t,n=te(t,["variant"]);return"horizontal"===a?e.createElement(Na,Object.assign({},n)):e.createElement(Sa,Object.assign({},n))},Da=Ie.a`
+import e,{useState as t,useEffect as a,useRef as n,useMemo as i,Fragment as l,memo as o,useCallback as r,useImperativeHandle as s,forwardRef as c,createContext as d,useContext as m}from"react";import{T as p,I as g}from"./index-893e905e.js";import{b as u,c as h,d as v,e as b,f as y,h as f,i as E,j as x,k as w,l as k,m as C,n as N,o as B,p as z,q as $,r as S,s as P,t as D,u as L,H as M,T as I,g as T,P as A}from"./index.styles-f1218eee.js";import{f as j,M as O}from"./utils-3789cdf6.js";import{I as _,R as F,u as H,A as R,b as W,c as U,B as V,d as G,e as Z,f as q,t as Y}from"./index-ac9c8898.js";import{T as X}from"./index-a092fc1a.js";import{b as K,u as Q}from"./useTranslations-e5538b8d.js";import{C as J}from"./index-2c5f755f.js";import{t as ee}from"./theme-a6d85437.js";import{_ as te,a as ae}from"./tslib.es6-4278f71d.js";import{Box as ne,Radio as ie,Flex as le,rem as oe,Card as re,Group as se,createStyles as ce,Stack as de,getStylesRef as me,useMantineTheme as pe,Container as ge,UnstyledButton as ue,AspectRatio as he,ScrollArea as ve,Chip as be,Badge as ye,MultiSelect as fe,Stepper as Ee}from"@mantine/core";import xe from"innertext";import"@mantine/dates";import{d as we,L as ke,F as Ce,Q as Ne,R as Be,a as ze,G as $e}from"./index-acdbac09.js";import{G as Se,L as Pe}from"./Subot-2aef4c22.js";import"./translationsContext-74b88f84.js";import"string-format";import{useViewportSize as De}from"@mantine/hooks";import{i as Le,d as Me}from"./index-229455ea.js";import Ie,{keyframes as Te,css as Ae}from"styled-components";import je from"lodash/throttle";import{L as Oe}from"./index-731fa3d8.js";import{B as _e}from"./index-34686333.js";import{I as Fe}from"./index-2cf58693.js";import He from"html-react-parser";import{i as Re}from"./isProduction-b994309f.js";import{format as We,addDays as Ue,isBefore as Ve,startOfMonth as Ge,addMonths as Ze,subMonths as qe,getDaysInMonth as Ye,isToday as Xe,isSameDay as Ke,isWithinInterval as Qe,isAfter as Je,isPast as et}from"date-fns";import tt from"dayjs";import"./utils-f942b9ba.js";import"./index.styled-704434bb.js";import"./index-f3f8be88.js";import{L as at}from"./constants-ba48c0c2.js";import{Z as nt,s as it,H as lt,o as ot,d as rt,P as st,T as ct,t as dt,u as mt,v as pt}from"./utils-377280a3.js";import{D as gt}from"./types-2ec780b9.js";import{D as ut}from"./index-07712dae.js";import{S as ht}from"./index-d8af59ef.js";import{M as vt}from"./index-67922803.js";import{D as bt}from"./index-1f99f547.js";import{C as yt}from"./index-c14ddf84.js";import{useForm as ft,Controller as Et}from"react-hook-form";import{u as xt}from"./useHealthToolCache-98ac472f.js";import{yupResolver as wt}from"@hookform/resolvers/yup";import{B as kt,D as Ct}from"./index-5ef634cd.js";import{h as Nt}from"./index-dc86dbe9.js";import{a as Bt}from"./useOutsideClick-d27c0682.js";import zt from"date-fns/locale/en-US";import $t from"date-fns/locale/id";import St from"date-fns/locale/vi";import Pt from"date-fns/locale/zh-TW";import{g as Dt}from"./getSocialList-c8df093d.js";import{v4 as Lt}from"uuid";import{g as Mt,a as It}from"./routing-74e8b5cc.js";import{useForm as Tt,isNotEmpty as At}from"@mantine/form";import{M as jt}from"./index-4732a9d2.js";import Ot from"js-cookie";import _t from"lodash/flatten";import Ft from"lodash/uniqBy";import{g as Ht}from"./cookieHelper-9578d73d.js";import{n as Rt,a as Wt}from"./normalizeLink-2956c90b.js";var Ut="CHw-fZZ",Vt="_03U6VRS",Gt="EO828Vv";const Zt=({style:t,onClose:a,text:n,type:i,contentIcon:l,closeIcon:o,className:r,description:s})=>e.createElement("div",{className:`${Ut} ${r||""}`,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},o)),qt={xs:28,small:32,medium:40,large:48,xl:64,xxl:80,xxxl:96},Yt=({type:n="square",size:i,avatarImg:l,avatarUrl:o,firstLetter:r,backgroundColor:s,onClick:c,style:d,className:m,width:p,height:g,alt:h})=>{const v=i?qt[i]:void 0,[b,y]=t(!1);a((()=>{if(o){const e=document.createElement("img");e.setAttribute("src",o),e.addEventListener("error",(()=>{y(!0)}))}}),[o,y]);const f=(!o&&!l||b)&&r;return e.createElement(u,{style:Object.assign(Object.assign({},d),{"--size":v?v+"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:o,"data-custom-size":!!i},l,o&&!b&&e.createElement(_,{src:o,alt:h||"avatar"}),f&&r)},Xt=({amount:t,type:a,size:n="medium",color:i="primary",icon:l,className:o})=>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:o},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:o,as:r="h4",color:s})=>e.createElement(v,{style:Object.assign({color:s},t),className:n,"data-size":i,"data-type":l,"data-uppercase":o,as:r},a),Qt=()=>e.createElement("style",null,".file-dropdown-path{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}"),Jt=()=>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:o,id:r,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-"+r+"-"+t.value,key:"uploader-dropdown-input-"+r+"-"+t.value,accept:t.fileAcceptedType,multiple:t.multiple,type:"file",style:{display:"none"},onChange:e=>{console.log("change"),o(e.target.files)}}))));return e.createElement(b,{className:a,"data-dropdown-open":!!m,id:r,"data-has-icons":!0,style:d,onBlur:()=>p(!1),tabIndex:0},e.createElement(Qt,null),e.createElement(y,{onClick:g},s||e.createElement(Jt,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(E,{key:`${r}-${t.value}`,"data-selected":i&&i.value===t.value||void 0,onClick:()=>{return"upload"===t.type?(a="#uploader-dropdown-input-"+r+"-"+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(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:o,children:r,justifyChildren:s,style:c,alignItems:d})=>e.createElement(w,{className:t,style:Object.assign({"--columns-count":a,"--columns-count-desktop":n,"--grid-template-columns":i,"--grid-template-columns-desktop":l,"--justify-children":s,"--grid-gap":o,"--align-items":d},c)},r),ia=({pagesAmount:n,activePage:i,handlePageChange:o,handleClick:r,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:()=>o(1)},s?e.createElement("a",{href:s,onClick:r},1):1),e.createElement(N,null,"...")),m.map((t=>e.createElement(N,{key:`pagination+${t}`,"data-page-active":t===i||void 0,onClick:()=>o(t)},s?e.createElement("a",{href:j(s,t,c),onClick:r},t):t))),i<d.length-3&&e.createElement(l,null,e.createElement(N,null,"..."),e.createElement(N,{onClick:()=>o(d.length)},s?e.createElement("a",{href:j(s,d.length,c),onClick:r},d.length):d.length)))},la=({className:n,pagesAmount:l,currentPage:o,onChange:r,onClick:s,style:c,href:d,queryPageName:m="page"})=>{const p=[...Array(l)].map(((e,t)=>t+1)),[g,u]=t(o),h=i((()=>d&&d.endsWith("&page=")?d.replace("&page=",""):d),[d]),v=l-1,b=e=>{e<=l&&e>0&&(u(e),r(e))},y=e=>{s&&s(e)};return a((()=>{u(o)}),[o]),e.createElement(k,{className:n,style:c},e.createElement(C,{className:"prev-page",onClick:()=>b(g-1),"data-last-page":1===g||void 0},h?e.createElement("a",{href:j(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:b,handleClick:y,href:h,queryPageName:m}):p.map((t=>e.createElement(N,{key:`pagination+${t}`,"data-page-active":t===g||void 0,onClick:()=>b(t)},h?e.createElement("a",{href:j(h,t,m),onClick:y},t):t))),e.createElement(C,{className:"next-page",onClick:()=>b(g+1),"data-last-page":g===v+1||void 0},h?e.createElement("a",{href:j(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"}))))},oa=({size:t="small",label:a,name:n,checked:i,value:l,className:o,isDisabled:r=!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(F,Object.assign({size:"small"===t?"md":"lg",label:a,name:n,checked:i,value:l,className:o,disabled:r,onChange:e=>null==s?void 0:s(e.target.value)},p))},ra=({type:t,children:a,style:n,isInline:i,isSquared:l=!1,className:o,isLight:r,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":r||void 0,"data-has-more-padding":s||void 0,"data-is-inline":i||void 0,style:Object.assign(Object.assign({},n),p),className:o,"data-is-selected":d||void 0,"data-is-link":c||void 0,tagType:t,isInline:i,tagHasMorePadding:s,tagIsLight:r,tagIsSquared:l,tagIsALink:c},e.createElement(X,Object.assign({},m),a))},sa=({className:t,id:a,onChange:n,checked:i,style:l,label:o})=>e.createElement(z,{className:t,style:l},e.createElement("input",{type:"checkbox",id:a,onChange:n,checked:i}),e.createElement("label",{htmlFor:a},e.createElement($,null),o&&e.createElement(S,null,o))),ca=({label:t,name:a,checked:n,className:i,isDisabled:l,onChange:o,value:r,isRectangle:s,inputDataTestId:c,siteType:d})=>e.createElement(P,{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:()=>o(r,!n),disabled:l,value:r,id:`${a}-${r}`,"data-label-text":t,"data-testid":c}),!s&&e.createElement("label",{htmlFor:`${a}-${r}`},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=K();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:o,hideEmptyStars:r,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(D,{"data-selectable":!!o,style:Object.assign({"--gap":a,"--star-size":n},s),className:c},Array.from({length:r?d+m:l}).map(((t,a)=>{const n=()=>!!o&&g(a+1),i=()=>!!o&&g(null);return a+1<=u?e.createElement(ma,{key:a,onClick:()=>null==o?void 0:o(a+1),onMouseOver:n,onMouseLeave:i}):a+1===u+h?e.createElement(pa,{key:a,onClick:()=>null==o?void 0:o(a+1),onMouseOver:n,onMouseLeave:i}):e.createElement(da,{key:a,onClick:()=>null==o?void 0:o(a+1),onMouseOver:n,onMouseLeave:i})})))},ua=l=>{var{label:o,availableValue:r,styles:s,isBaby:c,genderValue:d={male:"male",female:"female"}}=l,m=te(l,["label","availableValue","styles","isBaby","genderValue"]);const{t:g}=Q(),{classes:u,cx:h}=L(void 0,{name:"GenderOptionControl",styles:s}),[v,b]=t(),y=n(null),f=i((()=>[{value:d.male,label:g(c?"gender.boy":"gender.male"),icon:J.getAssetPath(c?"health-tools/boy-icon.svg":"health-tools/male-icon.svg")},{value:d.female,label:g(c?"gender.girl":"gender.female"),icon:J.getAssetPath(c?"health-tools/girl-icon.svg":"health-tools/female-icon.svg")}]),[]);return a((()=>{b(r)}),[r]),e.createElement(ne,{ref:y,className:u.root},e.createElement(ie.Group,Object.assign({className:"radio-group",label:e.createElement(p,{as:"label",size:"s4",weight:"semiBold"},o||g(c?"tools.selectBabyGender":"tools.selectGender")),size:"lg"},m,{classNames:{error:u.groupErr}}),e.createElement(le,{className:h(u.wrapper)},f.map((t=>e.createElement(ie,Object.assign({className:"gender-item",classNames:{root:u.itemRoot,labelWrapper:u.itemLabelWrapper,label:u.itemLabel,inner:u.itemInner},key:t.value,value:t.value},v&&t.value!==v&&{disabled:!0},{label:e.createElement(le,{gap:oe(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="PiqKaXk",va="HgbW6-m",ba="_6lkfLYy",ya="j7c-onH";const fa=({avatarImg:t,authorName:a,authorLink:n,uploadTime:i,size:l})=>e.createElement("div",{className:ya},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:o})=>e.createElement("div",{className:ya},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:ee.colors.gray600},n),e.createElement(p,{color:ee.colors.gray500,size:"p3",className:"specialty"},o)):e.createElement(e.Fragment,null,e.createElement(M,{tag:"h6",className:"expert__name",color:ee.colors.gray600},n))):e.createElement("a",{href:i},"lg"===l?e.createElement(e.Fragment,null,e.createElement(M,{tag:"h6",className:"expert__name",color:ee.colors.gray600},n),e.createElement(p,{color:ee.colors.gray500,size:"p3",className:"specialty"},o)):e.createElement(e.Fragment,null,e.createElement("h6",{color:ee.colors.gray600,className:`${ha} expert__name`},n),e.createElement(p,{color:ee.colors.gray500,size:"p4",className:"specialty"},o)))))),xa=o((()=>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"}))))),wa=o((({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"})))),ka=o((({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"})))),Ca=({articleLink:t,authorLink:a,authorName:n,avatarImg:i,banner:l,categoryLink:o,categoryName:r,className:s,dataEventActionForBanner:c,dataEventActionForBookmark:d,dataEventActionForCategory:m,dataEventActionForTitle:g,dataEventCategoryForBanner:u,dataEventCategoryForBookmark:h,dataEventCategoryForCategory:v,dataEventCategoryForTitle:b,dataEventLabelForBanner:y,dataEventLabelForBookmark:f,dataEventLabelForCategory:E,dataEventLabelForTitle:x,direction:w="horizontal",hasAffiliate:k,isBookmark:C=!1,isBookmarkDisplayed:N=!0,isMobile:B=!0,onBookmark:z,onClickCategoryName:$,section:S="normal",size:P="md",specialty:D,style:L,styleBanner:I,styleLabel:T,styleTitle:A,text:j,title:O,type:_="author",uploadTime:F,articleLinkTarget:H,isPremium:R})=>{const W=e=>{e.stopPropagation(),null==z||z()},U="lg"===P&&"expert"===_?"h4":"lg"===P&&"home"===S?B?"h4":"h3":"lg"===P?"h4":"h5",V="lg"===P?"p3":"p4",G=B||"home"!==S||"lg"!==P||"author"!==_?"c2":"c1";return e.createElement("article",{className:`${ba} ${s||""}`,"data-size":P,style:L,"data-direction":w,"data-is-expert":"expert"===_||void 0},e.createElement("div",{className:"banner",style:I},e.createElement("a",{className:va,"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:J.getAssetPath("premium-crown.svg")}),k&&e.createElement(xa,null)),e.createElement("div",{className:"content"},e.createElement("div",{className:"inner-content"},e.createElement(p,{style:T,className:"label",size:G,weight:"caption"},e.createElement("a",{className:va,"data-event-category":v,"data-event-action":m,"data-event-label":E,href:o||"#",onClick:$},r),N&&e.createElement("a",{className:"bookmark",onClick:W},C?e.createElement(wa,{dataEventCategoryForBookmark:h,dataEventActionForBookmark:d,dataEventLabelForBookmark:f}):e.createElement(ka,{dataEventCategoryForBookmark:h,dataEventActionForBookmark:d,dataEventLabelForBookmark:f}))),e.createElement(M,{tag:U,style:A,className:"title",as:"lg"===P?"h2":"h3"},e.createElement("a",{className:va,"data-event-category":b,"data-event-action":g,"data-event-label":x,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(fa,{size:P,avatarImg:i,authorName:n,authorLink:a,uploadTime:F,handleClick:W,isBookmarked:C,dataEventCategoryForBookmark:h,dataEventActionForBookmark:d,dataEventLabelForBookmark:f}):e.createElement(Ea,{size:P,isMobile:B,avatarImg:i,specialty:D,name:n,link:a,handleClick:W,isBookmarked:C,dataEventCategoryForBookmark:h,dataEventActionForBookmark:d,dataEventLabelForBookmark:f}))))},Na=t=>{var a,n,i,{article:l,author:o,authorAvatar:r,badge:s="",hideDescription:c=!1,isBookmarked:d=!1,onBookmark:m,time:g,tracking:u}=t,h=te(t,["article","author","authorAvatar","badge","hideDescription","isBookmarked","onBookmark","time","tracking"]);const{isMobile:v}=H();return console.log({article:l}),e.createElement(re,Object.assign({padding:0,radius:0,sx:{display:"flex",flexDirection:"row",gap:24}},h),e.createElement(re.Section,{w:"100%",h:"100%",miw:264,m:0,className:"pointer"},e.createElement("img",{src:(v?l.featureImageMobile:l.featureImage)||l.featureImage,alt:l.postName,style:{width:"100%"},loading:"lazy"})),e.createElement(re.Section,null,e.createElement(se,{position:"apart",mt:16,mb:4},e.createElement(R,{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(ne,{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"},xe(l.excerpt||l.description||(null===(i=l.postContent)||void 0===i?void 0:i.split("\r\n")[0])||"")),e.createElement(le,{gap:12,align:"center"},e.createElement(W,{size:32,src:r,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"},o," • ",g))))};var Ba=ce(((e,{})=>({root:{},image:{},title:{},category:{},description:{},author:{}})));const za=648/440,$a=1.5,Sa=t=>{var a,n,l,{article:o,author:r,authorAvatar:s,badge:c="",bannerImageWrapProps:d,hideDescription:m=!1,isBookmarked:g=!1,onBookmark:u,time:h,tracking:v,classNames:b,styles:y,unstyled:f,className:E}=t,x=te(t,["article","author","authorAvatar","badge","bannerImageWrapProps","hideDescription","isBookmarked","onBookmark","time","tracking","classNames","styles","unstyled","className"]);const{isMobile:w}=H(),{classes:k,cx:C}=Ba({},{name:"ArticleCard",classNames:b,styles:y,unstyled:f}),N=i((()=>m?$a:za),[m]);return e.createElement(re,Object.assign({className:C(k.root,E),padding:"lg",radius:0},x),e.createElement(re.Section,{className:C(k.image,"pointer")},e.createElement(U,Object.assign({ratio:N},d),e.createElement("img",{src:(w?o.featureImageMobile:o.featureImage)||o.featureImage,alt:o.postName,style:{objectFit:"cover"}}))),e.createElement(re.Section,null,e.createElement(se,{position:"apart",mt:16,mb:4},e.createElement(R,{className:k.category,href:(null===(a=null==o?void 0:o.primaryCategory)||void 0===a?void 0:a.permalink)||"#"},e.createElement(p,{size:"p4",color:"blue.6"},null===(n=null==o?void 0:o.primaryCategory)||void 0===n?void 0:n.displayName)),e.createElement(ne,{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==v?void 0:v.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==v?void 0:v.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"},o.postTitle||o.postName||""),!m&&e.createElement(p,{className:C(k.description,"pointer"),size:"p2",mb:16,lineClamp:3},xe(o.excerpt||o.description||(null===(l=o.postContent)||void 0===l?void 0:l.split("\r\n")[0])||"")),e.createElement(le,{className:k.author,gap:12,align:"center"},e.createElement(W,{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"},r," • ",h))))},Pa=t=>{var{variant:a="vertical"}=t,n=te(t,["variant"]);return"horizontal"===a?e.createElement(Na,Object.assign({},n)):e.createElement(Sa,Object.assign({},n))},Da=Ie.a`
   display: flex;
   height: 125px;
 

package/build/esm/{index-cff19603.js → index-5ef634cd.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"./utils-1550f4c2.js";import{x as r,y as d,z as s,A as c,B as m,C as p,g as h}from"./index.styles-f450b969.js";import{T as u,I as g}from"./index-b51813fe.js";import{u as y}from"./useScrollbarSize-0d367255.js";import{createPortal as b}from"react-dom";import f from"styled-components";import{t as v}from"./theme-0d3c8845.js";import{u as x}from"./useTranslations-49e0430f.js";import{G as C}from"./Subot-3d309d90.js";import{M as E,a as w}from"./index-7b4c9ffd.js";import{T as B}from"./index-f5ac3469.js";const k=({open:t=!1,onClickOutside:a})=>e.createElement(r,{"data-open":t,onClick:a}),_=({children:o,title:i,onClose:r,open:m=!1,placement:p="left",destroyOnClose:h=!1,isPropagationEvent:g=!0,className:y})=>{const b=t();a((()=>(n(m),()=>n(!1))),[m]);const f=()=>{b.current.classList.add("slideOut"),setTimeout((()=>{r()}),800)};return!m&&h?null:e.createElement(l,null,e.createElement(d,{className:y,open:m},e.createElement(k,{open:m,onClickOutside:f}),e.createElement(s,{open:m,placement:p,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: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=>{g&&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),h="marryBaby"===d;return e.createElement(m,{className:l,"data-direction":n},a.map(((a,o)=>e.createElement(p,{"data-selected":(t||s)===a.value,"data-is-mb":h,"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,h?e.createElement(E,{type:"subtitle-2",color:(t||s)===a.value?v.mbColors.dark:v.mbColors.midGray},a.label):e.createElement(B,{type:"bold",color:(t||s)===a.value?"#2D87F3":"black",className:"radio-group-item-heading",size:"label1"},a.label)))))))},j="hhgcomp-modal-modal",N=h(f.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"./utils-3789cdf6.js";import{x as r,y as d,z as s,A as c,B as m,C as p,g as h}from"./index.styles-f1218eee.js";import{T as u,I as g}from"./index-893e905e.js";import{u as y}from"./useScrollbarSize-85c834b1.js";import{createPortal as b}from"react-dom";import f from"styled-components";import{t as v}from"./theme-a6d85437.js";import{u as x}from"./useTranslations-e5538b8d.js";import{G as C}from"./Subot-2aef4c22.js";import{M as E,a as w}from"./index-67922803.js";import{T as B}from"./index-a092fc1a.js";const k=({open:t=!1,onClickOutside:a})=>e.createElement(r,{"data-open":t,onClick:a}),_=({children:o,title:i,onClose:r,open:m=!1,placement:p="left",destroyOnClose:h=!1,isPropagationEvent:g=!0,className:y})=>{const b=t();a((()=>(n(m),()=>n(!1))),[m]);const f=()=>{b.current.classList.add("slideOut"),setTimeout((()=>{r()}),800)};return!m&&h?null:e.createElement(l,null,e.createElement(d,{className:y,open:m},e.createElement(k,{open:m,onClickOutside:f}),e.createElement(s,{open:m,placement:p,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: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=>{g&&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),h="marryBaby"===d;return e.createElement(m,{className:l,"data-direction":n},a.map(((a,o)=>e.createElement(p,{"data-selected":(t||s)===a.value,"data-is-mb":h,"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,h?e.createElement(E,{type:"subtitle-2",color:(t||s)===a.value?v.mbColors.dark:v.mbColors.midGray},a.label):e.createElement(B,{type:"bold",color:(t||s)===a.value?"#2D87F3":"black",className:"radio-group-item-heading",size:"label1"},a.label)))))))},j="hhgcomp-modal-modal",N=h(f.div`
   position: relative;
   z-index: 200;
   background-color: ${v.colors.white};

package/build/esm/{index-7b4c9ffd.js → index-67922803.js}

@@ -1 +1 @@
-import{_ as e}from"./tslib.es6-c43c14a5.js";import t from"react";import{S as s,a}from"./index.styled-222b6ef8.js";const r=a=>{var{type:r,color:l,style:o}=a,c=e(a,["type","color","style"]);return t.createElement(s,Object.assign({type:r,"data-type":{h1:"headline-1",h2:"headline-2",h3:"headline-3",h4:"headline-4"}[r],style:Object.assign(Object.assign({},l&&{"--text-color":l}),o)},c))},l=s=>{var{type:r,color:l,style:o}=s,c=e(s,["type","color","style"]);return t.createElement(a,Object.assign({"data-type":r,style:Object.assign(Object.assign({},o),l&&{"--text-color":l})},c))};export{l as M,r as a};
+import{_ as e}from"./tslib.es6-4278f71d.js";import t from"react";import{S as s,a}from"./index.styled-704434bb.js";const r=a=>{var{type:r,color:l,style:o}=a,c=e(a,["type","color","style"]);return t.createElement(s,Object.assign({type:r,"data-type":{h1:"headline-1",h2:"headline-2",h3:"headline-3",h4:"headline-4"}[r],style:Object.assign(Object.assign({},l&&{"--text-color":l}),o)},c))},l=s=>{var{type:r,color:l,style:o}=s,c=e(s,["type","color","style"]);return t.createElement(a,Object.assign({"data-type":r,style:Object.assign(Object.assign({},o),l&&{"--text-color":l})},c))};export{l as M,r as a};

package/build/esm/{index-72664e72.js → index-731fa3d8.js}

@@ -1 +1 @@
-import a,{useState as e,useEffect as t}from"react";import{L as s}from"./Subot-3d309d90.js";import{C as l}from"./index-9b020630.js";import{i as o,a as n,b as r,c as g,d as m,e as i,f as c,g as h,S as d,L as u,h as N}from"./utils-bc76e7d8.js";import{I as y}from"./index-924d8b45.js";const f=({type:f,className:w,style:p,isLightLogo:E,customSize:b,badge:P,locale:A,dateForSeasonal:L,isPro:V})=>{const[x,z]=e({isChristmas:!1,isLunarNewYear:!1,isNewYear:!1,isRamadan:!1,isVNHungKing:!1,isVN3004:!1,isLabourDay:!1});return t((()=>{if(!L||isNaN(new Date(L).getTime()))return;const a=new Date(L),e=o(a),t=n.includes(A)&&r(a),l=!t&&g(a),d=m(a),u=A===s.Vietnam&&i(a),N=A===s.Vietnam&&c(a),y=A===s.Vietnam&&h(a);z({isChristmas:e,isLunarNewYear:t,isNewYear:l,isRamadan:d,isVNHungKing:u,isVN3004:N,isLabourDay:y})}),[A,new Date(L).getDate()]),a.createElement(d,{className:w,style:p,"data-logo-is-light":E||void 0,"data-has-badge":!!P,"data-seasonal":x.isRamadan?"ramadan":x.isChristmas?"christmas":x.isLunarNewYear?"lunar-new-year":x.isNewYear?"new-year":x.isVNHungKing?"hung-king":x.isVN3004?"30-04":x.isLabourDay?"labour-day":void 0,"data-type":f},x.isChristmas?a.createElement(a.Fragment,null,a.createElement(y,{alt:"left xmas logo",src:l.getAssetPath("logo/xmas-left.png"),className:"common-logo-seasonal-left"}),a.createElement(y,{alt:"right xmas logo",src:l.getAssetPath("logo/xmas-right.png"),className:"common-logo-seasonal-right"})):x.isNewYear?a.createElement(a.Fragment,null,a.createElement(y,{alt:"left new year logo",src:l.getAssetPath("logo/new-year-left.png"),className:"common-logo-seasonal-left"}),a.createElement(y,{alt:"right new year logo",src:l.getAssetPath("logo/new-year-right.png"),className:"common-logo-seasonal-right"})):x.isLunarNewYear?a.createElement(a.Fragment,null,a.createElement(y,{alt:"left lunar new year logo",loading:"lazy",src:l.getAssetPath("logo/lunar-new-year-left.png"),className:"common-logo-seasonal-left"}),a.createElement(y,{alt:"right lunar new year logo",loading:"lazy",src:l.getAssetPath("logo/lunar-new-year-right.png"),className:"common-logo-seasonal-right"})):x.isRamadan&&"hellosehat"===f?a.createElement(a.Fragment,null,a.createElement(y,{alt:"left ramadan logo",loading:"lazy",src:l.getAssetPath("logo/ramadan-sehat-left.png"),className:"common-logo-seasonal-left"}),a.createElement(y,{alt:"right ramadan logo",loading:"lazy",src:l.getAssetPath("logo/ramadan-sehat-right.png"),className:"common-logo-seasonal-right"})):x.isRamadan&&"hellodoktor"===f?a.createElement(a.Fragment,null,a.createElement(y,{alt:"left ramadan logo",loading:"lazy",src:l.getAssetPath("logo/ramadan-doktor-left.png"),className:"common-logo-seasonal-left"}),a.createElement(y,{alt:"right ramadan logo",loading:"lazy",src:l.getAssetPath("logo/ramadan-doktor-right.png"),className:"common-logo-seasonal-right"})):!x.isVNHungKing||"hellobacsi"!==f&&"marryBaby"!==f?null:a.createElement(a.Fragment,null,a.createElement(y,{alt:"Hung King logo",loading:"lazy",src:l.getAssetPath("logo/hung-king-bg.png"),className:"common-logo-seasonal-left"})),a.createElement(u,{type:f,width:null==b?void 0:b.width,height:null==b?void 0:b.height}),V?a.createElement(N,{src:l.getAssetPath("logo/pro-suffix.svg")}):null,P)};export{f as L};
+import a,{useState as e,useEffect as t}from"react";import{L as s}from"./Subot-2aef4c22.js";import{C as l}from"./index-2c5f755f.js";import{i as o,a as n,b as r,c as g,d as m,e as i,f as c,g as h,S as d,L as u,h as N}from"./utils-f942b9ba.js";import{I as f}from"./index-ac9c8898.js";const y=({type:y,className:w,style:p,isLightLogo:E,customSize:b,badge:P,locale:A,dateForSeasonal:L,isPro:V})=>{const[x,z]=e({isChristmas:!1,isLunarNewYear:!1,isNewYear:!1,isRamadan:!1,isVNHungKing:!1,isVN3004:!1,isLabourDay:!1});return t((()=>{if(!L||isNaN(new Date(L).getTime()))return;const a=new Date(L),e=o(a),t=n.includes(A)&&r(a),l=!t&&g(a),d=m(a),u=A===s.Vietnam&&i(a),N=A===s.Vietnam&&c(a),f=A===s.Vietnam&&h(a);z({isChristmas:e,isLunarNewYear:t,isNewYear:l,isRamadan:d,isVNHungKing:u,isVN3004:N,isLabourDay:f})}),[A,new Date(L).getDate()]),a.createElement(d,{className:w,style:p,"data-logo-is-light":E||void 0,"data-has-badge":!!P,"data-seasonal":x.isRamadan?"ramadan":x.isChristmas?"christmas":x.isLunarNewYear?"lunar-new-year":x.isNewYear?"new-year":x.isVNHungKing?"hung-king":x.isVN3004?"30-04":x.isLabourDay?"labour-day":void 0,"data-type":y},x.isChristmas?a.createElement(a.Fragment,null,a.createElement(f,{alt:"left xmas logo",src:l.getAssetPath("logo/xmas-left.png"),className:"common-logo-seasonal-left"}),a.createElement(f,{alt:"right xmas logo",src:l.getAssetPath("logo/xmas-right.png"),className:"common-logo-seasonal-right"})):x.isNewYear?a.createElement(a.Fragment,null,a.createElement(f,{alt:"left new year logo",src:l.getAssetPath("logo/new-year-left.png"),className:"common-logo-seasonal-left"}),a.createElement(f,{alt:"right new year logo",src:l.getAssetPath("logo/new-year-right.png"),className:"common-logo-seasonal-right"})):x.isLunarNewYear?a.createElement(a.Fragment,null,a.createElement(f,{alt:"left lunar new year logo",loading:"lazy",src:l.getAssetPath("logo/lunar-new-year-left.png"),className:"common-logo-seasonal-left"}),a.createElement(f,{alt:"right lunar new year logo",loading:"lazy",src:l.getAssetPath("logo/lunar-new-year-right.png"),className:"common-logo-seasonal-right"})):x.isRamadan&&"hellosehat"===y?a.createElement(a.Fragment,null,a.createElement(f,{alt:"left ramadan logo",loading:"lazy",src:l.getAssetPath("logo/ramadan-sehat-left.png"),className:"common-logo-seasonal-left"}),a.createElement(f,{alt:"right ramadan logo",loading:"lazy",src:l.getAssetPath("logo/ramadan-sehat-right.png"),className:"common-logo-seasonal-right"})):x.isRamadan&&"hellodoktor"===y?a.createElement(a.Fragment,null,a.createElement(f,{alt:"left ramadan logo",loading:"lazy",src:l.getAssetPath("logo/ramadan-doktor-left.png"),className:"common-logo-seasonal-left"}),a.createElement(f,{alt:"right ramadan logo",loading:"lazy",src:l.getAssetPath("logo/ramadan-doktor-right.png"),className:"common-logo-seasonal-right"})):!x.isVNHungKing||"hellobacsi"!==y&&"marryBaby"!==y?null:a.createElement(a.Fragment,null,a.createElement(f,{alt:"Hung King logo",loading:"lazy",src:l.getAssetPath("logo/hung-king-bg.png"),className:"common-logo-seasonal-left"})),a.createElement(u,{type:y,width:null==b?void 0:b.width,height:null==b?void 0:b.height}),V?a.createElement(N,{src:l.getAssetPath("logo/pro-suffix.svg")}):null,P)};export{y as L};