@hhgtech/hhg-components 1.27.162 → 1.27.164

package/build/esm/{index-8ad2f124.js → index-5d57444c.js}

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

package/build/esm/{index-f7d5031e.js → index-5e3e0eae.js}

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

package/build/esm/{index-c64f1608.js → index-643435a1.js}

@@ -1 +1 @@
-import{a as e,_ as t}from"./tslib.es6-2703b784.js";import s,{useReducer as a,useState as r,useEffect as i}from"react";import{Stack as o,Input as n}from"@mantine/core";import{c,S as d}from"./index-d57f96e3.js";import"@mantine/dates";import{c as l}from"./index-236cb345.js";import{L as p}from"./Onboarding-9122c92f.js";import"./gAssets.js";import"./index-e88a0839.js";import"dayjs";import"./screenSizeContext-0005db3c.js";import"styled-components";import"./theme-4a23dc00.js";import"./isProduction-66f27dfa.js";import{u as m}from"./useTranslations-10e8e9f6.js";import"@mantine/hooks";import"lodash/debounce";import"./useCategory-98fd134e.js";import{M as v}from"./utils-ea6f9db8.js";const u={provinceByName:{},provinces:[],districts:[],wards:[],selectedProvince:"",selectedDistrict:"",selectedWard:""},b=(e,t)=>{switch(t.type){case"SET_DATA":return Object.assign(Object.assign({},e),t.payload);case"SET_DISTRICTS":return Object.assign(Object.assign({},e),{districts:t.payload});case"SET_WARDS":return Object.assign(Object.assign({},e),{wards:t.payload});case"SELECT_PROVINCE":return Object.assign(Object.assign({},e),{selectedProvince:t.payload,selectedDistrict:"",selectedWard:""});case"SELECT_DISTRICT":return Object.assign(Object.assign({},e),{selectedDistrict:t.payload,selectedWard:""});case"SELECT_WARD":return Object.assign(Object.assign({},e),{selectedWard:t.payload});default:return e}},h=({provinces:t})=>{const[s,o]=a(b,u),{provinceByName:n,provinces:c,districts:d,wards:m,selectedProvince:h,selectedDistrict:y,selectedWard:g}=s,[j,E]=r();i((()=>{e(void 0,void 0,void 0,(function*(){var e,s,a,r;try{const i=yield fetch((r=process.env.UNIFY_LOCALE||p.Vietnam,`${l}/cities-data-${v[r]}.json`)).then((e=>e.json()));E(i);const{list:n}=i,c=t?((e,t)=>{const s={};for(const[,e]of Object.entries(t)){const{id:t}=e;t&&(s[t]=e)}const a={};return e.map((e=>{a[e.name]=s[e.id]})),a})(t,n):n,d=Object.keys(c),m=Object.keys((null===(e=n[d[0]])||void 0===e?void 0:e.list)||{}),u=Object.keys((null===(a=null===(s=n[d[0]])||void 0===s?void 0:s[m[0]])||void 0===a?void 0:a.list)||{});o({type:"SET_DATA",payload:{provinceByName:c,provinces:d,districts:m,wards:u}})}catch(e){console.error("Error fetching address data:",e)}}))}),[process.env.UNIFY_LOCALE]);return{provinces:c,districts:d,wards:m,selectedProvince:h,selectedDistrict:y,selectedWard:g,handleProvinceChange:e=>{var t;const s=Object.keys((null===(t=n[e])||void 0===t?void 0:t.list)||{});o({type:"SET_DISTRICTS",payload:s}),o({type:"SET_WARDS",payload:[]}),o({type:"SELECT_PROVINCE",payload:e})},handleDistrictChange:e=>{var t,s;const a=Object.keys((null===(s=null===(t=n[h])||void 0===t?void 0:t.list[e])||void 0===s?void 0:s.list)||{});o({type:"SET_WARDS",payload:a}),o({type:"SELECT_DISTRICT",payload:e})},handleWardChange:e=>{o({type:"SELECT_WARD",payload:e})}}},y=e=>{var{error:a,provinces:l,placeholder:p}=e,v=t(e,["error","provinces","placeholder"]);const{t:u}=m(),{provinces:b,districts:y,wards:g,selectedProvince:j,selectedDistrict:E,selectedWard:C,handleProvinceChange:O,handleDistrictChange:S,handleWardChange:T}=h({provinces:l}),[f,D]=r("");return i((()=>{j&&E&&C&&f?v.onChange({selectedProvince:j,selectedDistrict:E,selectedWard:C,extraInfo:f}):v.onChange(null)}),[j,E,C,f]),s.createElement(c.Wrapper,Object.assign({withAsterisk:!0},v),s.createElement(o,null,s.createElement(d,{placeholder:(null==p?void 0:p.province)||u("onboarding.similac.input.city"),data:l?b:b.sort(),searchable:!0,onChange:O,value:j}),s.createElement(d,{placeholder:(null==p?void 0:p.district)||u("onboarding.similac.input.district"),data:y.sort(),searchable:!0,onChange:S,value:E,disabled:!j}),s.createElement(d,{placeholder:(null==p?void 0:p.ward)||u("onboarding.similac.input.ward"),searchable:!0,data:g.sort(),value:C,onChange:T,disabled:!j||!E}),s.createElement(c,{placeholder:(null==p?void 0:p.address)||u("onboarding.similac.input.no"),disabled:!j||!E||!C,value:f,onChange:D,style:{marginBottom:0}})),s.createElement(n.Error,{size:"md"},a))};export{y as A};
+import{a as e,_ as t}from"./tslib.es6-6502407c.js";import s,{useReducer as a,useState as r,useEffect as i}from"react";import{Stack as o,Input as n}from"@mantine/core";import{c,S as d}from"./index-59d3c45b.js";import"@mantine/dates";import{c as l}from"./index-413deddc.js";import{L as p}from"./Onboarding-3e6f0113.js";import"./gAssets.js";import"./index-6d08cd36.js";import"dayjs";import"./screenSizeContext-3d29b34f.js";import"styled-components";import"./theme-9a2c895b.js";import"./isProduction-0d7d9798.js";import{u as m}from"./useTranslations-8fdea341.js";import"@mantine/hooks";import"lodash/debounce";import"./useCategory-775a539d.js";import{M as v}from"./utils-ac9449db.js";const u={provinceByName:{},provinces:[],districts:[],wards:[],selectedProvince:"",selectedDistrict:"",selectedWard:""},b=(e,t)=>{switch(t.type){case"SET_DATA":return Object.assign(Object.assign({},e),t.payload);case"SET_DISTRICTS":return Object.assign(Object.assign({},e),{districts:t.payload});case"SET_WARDS":return Object.assign(Object.assign({},e),{wards:t.payload});case"SELECT_PROVINCE":return Object.assign(Object.assign({},e),{selectedProvince:t.payload,selectedDistrict:"",selectedWard:""});case"SELECT_DISTRICT":return Object.assign(Object.assign({},e),{selectedDistrict:t.payload,selectedWard:""});case"SELECT_WARD":return Object.assign(Object.assign({},e),{selectedWard:t.payload});default:return e}},h=({provinces:t})=>{const[s,o]=a(b,u),{provinceByName:n,provinces:c,districts:d,wards:m,selectedProvince:h,selectedDistrict:y,selectedWard:g}=s,[j,E]=r();i((()=>{e(void 0,void 0,void 0,(function*(){var e,s,a,r;try{const i=yield fetch((r=process.env.UNIFY_LOCALE||p.Vietnam,`${l}/cities-data-${v[r]}.json`)).then((e=>e.json()));E(i);const{list:n}=i,c=t?((e,t)=>{const s={};for(const[,e]of Object.entries(t)){const{id:t}=e;t&&(s[t]=e)}const a={};return e.map((e=>{a[e.name]=s[e.id]})),a})(t,n):n,d=Object.keys(c),m=Object.keys((null===(e=n[d[0]])||void 0===e?void 0:e.list)||{}),u=Object.keys((null===(a=null===(s=n[d[0]])||void 0===s?void 0:s[m[0]])||void 0===a?void 0:a.list)||{});o({type:"SET_DATA",payload:{provinceByName:c,provinces:d,districts:m,wards:u}})}catch(e){console.error("Error fetching address data:",e)}}))}),[process.env.UNIFY_LOCALE]);return{provinces:c,districts:d,wards:m,selectedProvince:h,selectedDistrict:y,selectedWard:g,handleProvinceChange:e=>{var t;const s=Object.keys((null===(t=n[e])||void 0===t?void 0:t.list)||{});o({type:"SET_DISTRICTS",payload:s}),o({type:"SET_WARDS",payload:[]}),o({type:"SELECT_PROVINCE",payload:e})},handleDistrictChange:e=>{var t,s;const a=Object.keys((null===(s=null===(t=n[h])||void 0===t?void 0:t.list[e])||void 0===s?void 0:s.list)||{});o({type:"SET_WARDS",payload:a}),o({type:"SELECT_DISTRICT",payload:e})},handleWardChange:e=>{o({type:"SELECT_WARD",payload:e})}}},y=e=>{var{error:a,provinces:l,placeholder:p}=e,v=t(e,["error","provinces","placeholder"]);const{t:u}=m(),{provinces:b,districts:y,wards:g,selectedProvince:j,selectedDistrict:E,selectedWard:C,handleProvinceChange:O,handleDistrictChange:S,handleWardChange:T}=h({provinces:l}),[D,f]=r("");return i((()=>{j&&E&&C&&D?v.onChange({selectedProvince:j,selectedDistrict:E,selectedWard:C,extraInfo:D}):v.onChange(null)}),[j,E,C,D]),s.createElement(c.Wrapper,Object.assign({withAsterisk:!0},v),s.createElement(o,null,s.createElement(d,{placeholder:(null==p?void 0:p.province)||u("onboarding.similac.input.city"),data:l?b:b.sort(),searchable:!0,onChange:O,value:j}),s.createElement(d,{placeholder:(null==p?void 0:p.district)||u("onboarding.similac.input.district"),data:y.sort(),searchable:!0,onChange:S,value:E,disabled:!j}),s.createElement(d,{placeholder:(null==p?void 0:p.ward)||u("onboarding.similac.input.ward"),searchable:!0,data:g.sort(),value:C,onChange:T,disabled:!j||!E}),s.createElement(c,{placeholder:(null==p?void 0:p.address)||u("onboarding.similac.input.no"),disabled:!j||!E||!C,value:D,onChange:f,style:{marginBottom:0}})),s.createElement(n.Error,{size:"md"},a))};export{y as A};

package/build/esm/{index-cdff0470.js → index-69c51810.js}

@@ -1 +1 @@
-import e,{useMemo as a}from"react";import{CommonGAssets as t}from"./gAssets.js";import{i as s,a as l,b as o,c as r,S as n,L as g,d as m}from"./utils-9ad86d1f.js";import{I as i}from"./index-d57f96e3.js";const c=({type:c,className:h,style:u,isLightLogo:w,customSize:d,badge:f,locale:N,dateForSeasonal:y,isPro:p})=>{const E=a((()=>{if(!y||isNaN(new Date(y).getTime()))return{isChristmas:!1,isLunarNewYear:!1,isNewYear:!1};const e=new Date(y),a=s(e),t=l.includes(N)&&o(e);return{isChristmas:a,isLunarNewYear:t,isNewYear:!t&&r(e)}}),[N,new Date(y).getDate()]);return e.createElement(n,{className:h,style:u,"data-logo-is-light":w||void 0,"data-has-badge":!!f,"data-christmas":E.isChristmas,"data-new-year":E.isNewYear,"data-lunar-new-year":E.isLunarNewYear},E.isChristmas?e.createElement(e.Fragment,null,e.createElement(i,{alt:"left xmas logo",src:t.getAssetPath("logo/xmas-left.png"),className:"common-logo-seasonal-left"}),e.createElement(i,{alt:"right xmas logo",src:t.getAssetPath("logo/xmas-right.png"),className:"common-logo-seasonal-right"})):E.isNewYear?e.createElement(e.Fragment,null,e.createElement(i,{alt:"left new year logo",src:t.getAssetPath("logo/new-year-left.png"),className:"common-logo-seasonal-left"}),e.createElement(i,{alt:"right new year logo",src:t.getAssetPath("logo/new-year-right.png"),className:"common-logo-seasonal-right"})):E.isLunarNewYear?e.createElement(e.Fragment,null,e.createElement(i,{alt:"left lunar new year logo",loading:"lazy",src:t.getAssetPath("logo/lunar-new-year-left.png"),className:"common-logo-seasonal-left"}),e.createElement(i,{alt:"right lunar new year logo",loading:"lazy",src:t.getAssetPath("logo/lunar-new-year-right.png"),className:"common-logo-seasonal-right"})):null,e.createElement(g,{type:c,width:null==d?void 0:d.width,height:null==d?void 0:d.height}),p?e.createElement(m,{src:t.getAssetPath("logo/pro-suffix.svg")}):null,f)};export{c as L};
+import e,{useMemo as a}from"react";import{CommonGAssets as t}from"./gAssets.js";import{i as s,a as l,b as o,c as r,S as n,L as g,d as m}from"./utils-36050ab3.js";import{I as i}from"./index-59d3c45b.js";const c=({type:c,className:h,style:u,isLightLogo:w,customSize:d,badge:N,locale:f,dateForSeasonal:y,isPro:p})=>{const E=a((()=>{if(!y||isNaN(new Date(y).getTime()))return{isChristmas:!1,isLunarNewYear:!1,isNewYear:!1};const e=new Date(y),a=s(e),t=l.includes(f)&&o(e);return{isChristmas:a,isLunarNewYear:t,isNewYear:!t&&r(e)}}),[f,new Date(y).getDate()]);return e.createElement(n,{className:h,style:u,"data-logo-is-light":w||void 0,"data-has-badge":!!N,"data-christmas":E.isChristmas,"data-new-year":E.isNewYear,"data-lunar-new-year":E.isLunarNewYear},E.isChristmas?e.createElement(e.Fragment,null,e.createElement(i,{alt:"left xmas logo",src:t.getAssetPath("logo/xmas-left.png"),className:"common-logo-seasonal-left"}),e.createElement(i,{alt:"right xmas logo",src:t.getAssetPath("logo/xmas-right.png"),className:"common-logo-seasonal-right"})):E.isNewYear?e.createElement(e.Fragment,null,e.createElement(i,{alt:"left new year logo",src:t.getAssetPath("logo/new-year-left.png"),className:"common-logo-seasonal-left"}),e.createElement(i,{alt:"right new year logo",src:t.getAssetPath("logo/new-year-right.png"),className:"common-logo-seasonal-right"})):E.isLunarNewYear?e.createElement(e.Fragment,null,e.createElement(i,{alt:"left lunar new year logo",loading:"lazy",src:t.getAssetPath("logo/lunar-new-year-left.png"),className:"common-logo-seasonal-left"}),e.createElement(i,{alt:"right lunar new year logo",loading:"lazy",src:t.getAssetPath("logo/lunar-new-year-right.png"),className:"common-logo-seasonal-right"})):null,e.createElement(g,{type:c,width:null==d?void 0:d.width,height:null==d?void 0:d.height}),p?e.createElement(m,{src:t.getAssetPath("logo/pro-suffix.svg")}):null,N)};export{c as L};