@hhgtech/hhg-components 1.27.139 → 1.27.141

package/build/esm/{index-8a90421f.js → index-74e3dae5.js}

@@ -1,4 +1,4 @@
-import e,{useState as t,useRef as a,useMemo as n,useEffect as i,Fragment as r,memo as o,useCallback as l,useImperativeHandle as s,forwardRef as c,createContext as d,useContext as m}from"react";import{T as p,I as h}from"./index-7937c64e.js";import{f as u,g,h as b,i as f,j as v,k as y,l as x,m as w,n as E,o as k,p as C,q as S,r as N,s as B,t as T,u as D,v as I,w as _,x as z,H as A,T as L,y as P,Z as $,P as M,z as O,A as j,B as F,C as H,E as R,d as U,F as V,I as W,J as G}from"./index.styles-aafce6e1.js";import{i as q,M as Z}from"./screenSizeContext-3956ada7.js";import{T as Y}from"./index-e0d7e856.js";import{b as X,u as K}from"./useTranslations-fb179fe4.js";import"lodash/debounce";import{i as J}from"./isProduction-1618222d.js";import{d as Q,L as ee,F as te,Q as ae,R as ne,a as ie,G as re}from"./index-a3d599ed.js";import"./useCategory-e3f4e7e5.js";import{CommonGAssets as oe}from"./gAssets.js";import{t as le}from"./theme-b56f5406.js";import{_ as se,a as ce}from"./tslib.es6-d24c5627.js";import{Box as de,Radio as me,Flex as pe,rem as he,Card as ue,Group as ge,createStyles as be,getStylesRef as fe,useMantineTheme as ve,Container as ye,Stack as xe,UnstyledButton as we,AspectRatio as Ee,ScrollArea as ke,Chip as Ce,Badge as Se,MultiSelect as Ne,Stepper as Be}from"@mantine/core";import Te from"innertext";import{u as De,A as Ie,a as _e,b as ze,c as Ae,d as Le,B as Pe,e as $e,I as Me,f as Oe,g as je,t as Fe}from"./index-052cee3a.js";import"@mantine/dates";import{G as He,L as Re}from"./Onboarding-c6987273.js";import Ue from"dayjs";import Ve,{keyframes as We,css as Ge}from"styled-components";import"./translationsContext-6ecfd6c1.js";import"string-format";import{useViewportSize as qe}from"@mantine/hooks";import{i as Ze}from"./index-d12cb60e.js";import Ye from"lodash/throttle";import{L as Xe}from"./index-dbd97263.js";import{B as Ke}from"./index-cac8b8dd.js";import{I as Je}from"./index-ca704062.js";import{format as Qe,addDays as et,isBefore as tt,startOfMonth as at,addMonths as nt,subMonths as it,getDaysInMonth as rt,isToday as ot,isSameDay as lt,isWithinInterval as st,isAfter as ct,isPast as dt}from"date-fns";import"./utils-7ae5e3eb.js";import"./index.styled-c44879f1.js";import"./index-7980775e.js";import{D as mt}from"./types-655b6b74.js";import{S as pt}from"./index-d7662402.js";import{M as ht}from"./index-1cbad549.js";import{b as ut}from"./index.styled-52ac9084.js";import{C as gt}from"./index-4ef1d356.js";import{useForm as bt,Controller as ft}from"react-hook-form";import{u as vt}from"./useHealthToolCache-6a1e4e11.js";import{yupResolver as yt}from"@hookform/resolvers/yup";import{B as xt,D as wt}from"./index-3883a331.js";import{L as Et}from"./index-43a65393.js";import{f as kt}from"./index-025e8db6.js";import Ct from"react-day-picker/DayPickerInput";import{a as St}from"./useOutsideClick-74958150.js";import Nt from"date-fns/locale/en-US";import Bt from"date-fns/locale/id";import Tt from"date-fns/locale/vi";import Dt from"date-fns/locale/zh-TW";import{g as It}from"./getSocialList-9786c03f.js";import{v4 as _t}from"uuid";import{g as zt,a as At}from"./routing-9f84b20b.js";import{useForm as Lt,isNotEmpty as Pt}from"@mantine/form";import{M as $t}from"./index-6e23931e.js";import Mt from"js-cookie";import Ot from"lodash/flatten";import"react-contenteditable";import"react-dom";import jt from"lodash/uniqBy";var Ft="CHw-fZZ",Ht="_03U6VRS",Rt="EO828Vv";const Ut=({style:t,onClose:a,text:n,type:i,contentIcon:r,closeIcon:o,className:l,description:s})=>e.createElement("div",{className:`${Ft} ${l||""}`,style:t,"data-alert-type":i},e.createElement("div",{className:Ht},e.createElement("div",{className:"icon-title"},r,e.createElement(p,{weight:"bold",size:"label1"},n)),e.createElement(p,{weight:"regular",size:"p3"},s)),e.createElement("div",{className:Rt,onClick:a},o)),Vt=({amount:t,type:a,size:n="medium",color:i="primary",icon:r,className:o})=>e.createElement(u,{"data-notification-type":a,"data-notification-size":n,"data-notification-color":i,"data-has-icon":!!r||void 0,notificationType:a,notificationSize:n,notificationColor:i,hasIcon:!!r,className:o},e.createElement("div",null,t&&e.createElement("span",null,t)," ",r&&e.createElement("div",null,r))),Wt=({style:t,children:a,className:n,size:i="lg",type:r="bold",upperCase:o,as:l="h4",color:s})=>e.createElement(g,{style:Object.assign({color:s},t),className:n,"data-size":i,"data-type":r,"data-uppercase":o,as:l},a),Gt=({className:n,value:i,options:r,onUploadSelected:o,id:l,placeholderIcon:s,placeholder:c,style:d})=>{const[m,p]=t(!1),h=()=>p(!m),u=a(r.map((t=>"upload"===t.type&&e.createElement("input",{id:"uploader-dropdown-input-"+l+"-"+t.value,key:"uploader-dropdown-input-"+l+"-"+t.value,accept:t.fileAcceptedType,multiple:t.multiple,type:"file",style:{display:"none"},onChange:e=>{console.log("change"),o(e.target.files)}})))),g=e.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",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("style",null,".prefix__cls-3{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),e.createElement("title",null,"File"),e.createElement("g",{clipPath:"url(#prefix__clip-path)"},e.createElement("path",{className:"prefix__cls-3",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:"prefix__cls-3",d:"M8.67 2.29V7h4.66",transform:"translate(-1.92 -1.54)"}))),w=e.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 13.5 13.5"},e.createElement("defs",null,e.createElement("style",null,".prefix__cls-1{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),e.createElement("title",null,"download"),e.createElement("path",{className:"prefix__cls-1",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)"})),E=e.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 13.5 13.5"},e.createElement("defs",null,e.createElement("style",null,".prefix__cls-1{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),e.createElement("title",null,"upload"),e.createElement("path",{className:"prefix__cls-1",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)"}));return e.createElement(b,{className:n,"data-dropdown-open":!!m,id:l,"data-has-icons":!0,style:d,onBlur:()=>p(!1),tabIndex:0},e.createElement(f,{onClick:h},s||g," ",e.createElement("span",null,i&&i.value?i.label:c)),m&&e.createElement(v,{onClick:h,"data-has-icons":!0},r.map((t=>e.createElement(y,{key:`${l}-${t.value}`,"data-selected":i&&i.value===t.value||void 0,onClick:()=>{return"upload"===t.type?(a="#uploader-dropdown-input-"+l+"-"+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?w:E),t.label)))),e.createElement(e.Fragment,null,u.current))},qt=({className:t,columns:a,columnsDesktop:n,gridTemplateColumns:i,gridTemplateColumnsDesktop:r,gap:o,children:l,justifyChildren:s,style:c,alignItems:d})=>e.createElement(w,{className:t,style:c,theme:{columns:a,columnsDesktop:n,gap:o,justifyChildren:s,gridTemplateColumns:i,gridTemplateColumnsDesktop:r,alignItems:d}},l),Zt=({pagesAmount:a,activePage:n,handlePageChange:o,handleClick:l,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(r,null,n>4&&e.createElement(r,null,e.createElement(C,{onClick:()=>o(1)},s?e.createElement("a",{href:s,onClick:l},1):1),e.createElement(C,null,"...")),m.map((t=>e.createElement(C,{key:`pagination+${t}`,"data-page-active":t===n||void 0,onClick:()=>o(t)},s?e.createElement("a",{href:q(s,t,c),onClick:l},t):t))),n<d.length-3&&e.createElement(r,null,e.createElement(C,null,"..."),e.createElement(C,{onClick:()=>o(d.length)},s?e.createElement("a",{href:q(s,d.length,c),onClick:l},d.length):d.length)))},Yt=({className:a,pagesAmount:r,currentPage:o,onChange:l,onClick:s,style:c,href:d,queryPageName:m="page"})=>{const p=[...Array(r)].map(((e,t)=>t+1)),[h,u]=t(o),g=n((()=>d&&d.endsWith("&page=")?d.replace("&page=",""):d),[d]),b=r-1,f=e=>{e<=r&&e>0&&(u(e),l(e))},v=e=>{s&&s(e)};return i((()=>{u(o)}),[o]),e.createElement(E,{className:a,style:c},e.createElement(k,{className:"prev-page",onClick:()=>f(h-1),"data-last-page":1===h||void 0},g?e.createElement("a",{href:q(g,h,m),onClick:v},e.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},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",xmlns:"http://www.w3.org/2000/svg"},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(Zt,{pagesAmount:r,activePage:h,handlePageChange:f,handleClick:v,href:g,queryPageName:m}):p.map((t=>e.createElement(C,{key:`pagination+${t}`,"data-page-active":t===h||void 0,onClick:()=>f(t)},g?e.createElement("a",{href:q(g,t,m),onClick:v},t):t))),e.createElement(k,{className:"next-page",onClick:()=>f(h+1),"data-last-page":h===b+1||void 0},g?e.createElement("a",{href:q(g,h,m),onClick:v},e.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},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",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M1.5 9L5.5 5L1.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))))},Xt=({type:t,size:a="small",label:n,name:i,checked:r,value:o,className:l,isDisabled:s=!1,onChange:c,dataEventCategory:d,dataEventAction:m,dataEventLabel:p})=>{const h=!!m&&!!d&&!!p?{"data-event-category":d,"data-event-action":m,"data-event-label":p}:{};return e.createElement(S,{"data-disabled":s,className:l,"data-type":t,"data-size":a},e.createElement("label",Object.assign({style:{display:"flex",alignItems:"center"}},h),e.createElement("input",Object.assign({type:"radio",checked:r,name:i,value:o,onChange:()=>c(o)},h)),n))},Kt=({type:t,children:a,style:n,isInline:i,isSquared:r=!1,className:o,isLight:l,hasMorePadding:s,isLink:c,isSelected:d,textProps:m={size:"sm"}})=>{const p=m.color?{"--text-props-color":m.color}:{};return e.createElement(N,{"data-is-squared":r||void 0,"data-tag-type":t,"data-is-light":l||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:l,tagIsSquared:r,tagIsALink:c},e.createElement(Y,Object.assign({},m),a))},Jt=({className:t,id:a,onChange:n,checked:i,style:r,label:o})=>e.createElement(B,{className:t,style:r},e.createElement("input",{type:"checkbox",id:a,onChange:n,checked:i}),e.createElement("label",{htmlFor:a},e.createElement(T,null),o&&e.createElement(D,null,o))),Qt=({label:t,name:a,checked:n,className:i,isDisabled:r,onChange:o,value:l,isRectangle:s,inputDataTestId:c,siteType:d})=>e.createElement(I,{className:i,"data-disabled":r||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(l,!n),disabled:r,value:l,id:`${a}-${l}`,"data-label-text":t,"data-testid":c}),!s&&e.createElement("label",{htmlFor:`${a}-${l}`},t)),ea=t=>e.createElement("svg",Object.assign({},t,{viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),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"})),ta=t=>e.createElement("svg",Object.assign({},t,{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),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"})),aa=t=>{const a=X();return e.createElement("svg",Object.assign({},t,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),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"})))},na=({gap:a=2,size:n=24,star:i,totalStars:r=5,onSelect:o,hideEmptyStars:l,style:s,className:c})=>{const d=Math.floor(i),m=i-d>=.5?1:0,[p,h]=t(null),u=p||d,g=p?0:m;return e.createElement(_,{"data-selectable":!!o,style:Object.assign({"--gap":a,"--star-size":n},s),className:c},Array.from({length:l?d+m:r}).map(((t,a)=>{const n=()=>!!o&&h(a+1),i=()=>!!o&&h(null);return a+1<=u?e.createElement(ta,{key:a,onClick:()=>null==o?void 0:o(a+1),onMouseOver:n,onMouseLeave:i}):a+1===u+g?e.createElement(aa,{key:a,onClick:()=>null==o?void 0:o(a+1),onMouseOver:n,onMouseLeave:i}):e.createElement(ea,{key:a,onClick:()=>null==o?void 0:o(a+1),onMouseOver:n,onMouseLeave:i})})))},ia=r=>{var{label:o,availableValue:l,styles:s,isBaby:c,genderValue:d={male:"male",female:"female"}}=r,m=se(r,["label","availableValue","styles","isBaby","genderValue"]);const{t:h}=K(),{classes:u,cx:g}=z(void 0,{name:"GenderOptionControl",styles:s}),[b,f]=t(),v=a(null),y=n((()=>[{value:d.male,label:h(c?"gender.boy":"gender.male"),icon:oe.getAssetPath(c?"health-tools/boy-icon.svg":"health-tools/male-icon.svg")},{value:d.female,label:h(c?"gender.girl":"gender.female"),icon:oe.getAssetPath(c?"health-tools/girl-icon.svg":"health-tools/female-icon.svg")}]),[]);return i((()=>{f(l)}),[l]),e.createElement(de,{ref:v,className:u.root},e.createElement(me.Group,Object.assign({className:"radio-group",label:e.createElement(p,{as:"label",size:"s4",weight:"semiBold"},o||h(c?"tools.selectBabyGender":"tools.selectGender")),size:"lg"},m,{classNames:{error:u.groupErr}}),e.createElement(pe,{className:g(u.wrapper)},y.map((t=>e.createElement(me,Object.assign({className:"gender-item",classNames:{root:u.itemRoot,labelWrapper:u.itemLabelWrapper,label:u.itemLabel,inner:u.itemInner},key:t.value,value:t.value},b&&t.value!==b&&{disabled:!0},{label:e.createElement(pe,{gap:he(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 ra="tliWyii";const oa=({className:t,theme:a,hideText:n})=>{const{t:i}=K();return e.createElement("div",{className:`${ra} ${t}`},e.createElement(h.Spinner,{isMarryBaby:"marryBaby"===a}),!n&&i("loading"))};var la="PiqKaXk",sa="HgbW6-m",ca="_6lkfLYy",da="j7c-onH";const ma=({avatarImg:t,authorName:a,authorLink:n,uploadTime:i,size:r})=>e.createElement("div",{className:da},e.createElement("div",{className:"author"},e.createElement("div",{className:"avatar","data-size":r},t),e.createElement("div",{className:"poster","data-is-disabled-url":!n},e.createElement(p,{size:"lg"===r?"p3":"p4"},e.createElement("a",{href:n},e.createElement("span",{className:"name"},a),"•"," "),e.createElement("span",null,i))))),pa=({isMobile:t,avatarImg:a,name:n,link:i,size:r="lg",specialty:o})=>e.createElement("div",{className:da},e.createElement("div",{className:"author"},e.createElement("div",{className:"expert-avatar","data-size":r},a),e.createElement("div",{className:"expert","data-is-disabled-url":!i},t?e.createElement("a",{href:i},"lg"===r?e.createElement(e.Fragment,null,e.createElement(A,{tag:"h6",className:"expert__name",color:le.colors.gray600},n),e.createElement(p,{color:le.colors.gray500,size:"p3",className:"specialty"},o)):e.createElement(e.Fragment,null,e.createElement(A,{tag:"h6",className:"expert__name",color:le.colors.gray600},n))):e.createElement("a",{href:i},"lg"===r?e.createElement(e.Fragment,null,e.createElement(A,{tag:"h6",className:"expert__name",color:le.colors.gray600},n),e.createElement(p,{color:le.colors.gray500,size:"p3",className:"specialty"},o)):e.createElement(e.Fragment,null,e.createElement("h6",{color:le.colors.gray600,className:`${la} expert__name`},n),e.createElement(p,{color:le.colors.gray500,size:"p4",className:"specialty"},o)))))),ha=o((()=>e.createElement("div",{className:"shoppable"},e.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},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"}))))),ua=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",xmlns:"http://www.w3.org/2000/svg"},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"})))),ga=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",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M12.75 2.25H5.25C4.425 2.25 3.75 2.925 3.75 3.75V15.75L9 13.5L14.25 15.75V3.75C14.25 2.925 13.575 2.25 12.75 2.25Z",fill:"#D2D6DC"})))),ba=({articleLink:t,authorLink:a,authorName:n,avatarImg:i,banner:r,categoryLink:o,categoryName:l,className:s,dataEventActionForBanner:c,dataEventActionForBookmark:d,dataEventActionForCategory:m,dataEventActionForTitle:h,dataEventCategoryForBanner:u,dataEventCategoryForBookmark:g,dataEventCategoryForCategory:b,dataEventCategoryForTitle:f,dataEventLabelForBanner:v,dataEventLabelForBookmark:y,dataEventLabelForCategory:x,dataEventLabelForTitle:w,direction:E="horizontal",hasAffiliate:k,isBookmark:C=!1,isBookmarkDisplayed:S=!0,isMobile:N=!0,onBookmark:B,onClickCategoryName:T,section:D="normal",size:I="md",specialty:_,style:z,styleBanner:L,styleLabel:P,styleTitle:$,text:M,title:O,type:j="author",uploadTime:F,articleLinkTarget:H,isPremium:R})=>{const U=e=>{e.stopPropagation(),null==B||B()},V="lg"===I&&"expert"===j?"h4":"lg"===I&&"home"===D?N?"h4":"h3":"lg"===I?"h4":"h5",W="lg"===I?"p3":"p4",G=N||"home"!==D||"lg"!==I||"author"!==j?"c2":"c1";return e.createElement("article",{className:`${ca} ${s||""}`,"data-size":I,style:z,"data-direction":E,"data-is-expert":"expert"===j||void 0},e.createElement("div",{className:"banner",style:L},e.createElement("a",{className:sa,"data-event-category":u,"data-event-action":c,"data-event-label":v,href:t||"#",target:H},r),R&&e.createElement("img",{loading:"lazy",className:"premium",src:oe.getAssetPath("premium-crown.svg")}),k&&e.createElement(ha,null)),e.createElement("div",{className:"content"},e.createElement("div",{className:"inner-content"},e.createElement(p,{style:P,className:"label",size:G,weight:"caption"},e.createElement("a",{className:sa,"data-event-category":b,"data-event-action":m,"data-event-label":x,href:o||"#",onClick:T},l),S&&e.createElement("a",{className:"bookmark",onClick:U},C?e.createElement(ua,{dataEventCategoryForBookmark:g,dataEventActionForBookmark:d,dataEventLabelForBookmark:y}):e.createElement(ga,{dataEventCategoryForBookmark:g,dataEventActionForBookmark:d,dataEventLabelForBookmark:y}))),e.createElement(A,{tag:V,style:$,className:"title",as:"lg"===I?"h2":"h3"},e.createElement("a",{className:sa,"data-event-category":f,"data-event-action":h,"data-event-label":w,href:t||"#",target:H},O)),M&&e.createElement("a",{href:t||"#",target:H},e.createElement(p,{size:W,className:"text"},M))),e.createElement("div",{className:"footer"},"author"===j?e.createElement(ma,{size:I,avatarImg:i,authorName:n,authorLink:a,uploadTime:F,handleClick:U,isBookmarked:C,dataEventCategoryForBookmark:g,dataEventActionForBookmark:d,dataEventLabelForBookmark:y}):e.createElement(pa,{size:I,isMobile:N,avatarImg:i,specialty:_,name:n,link:a,handleClick:U,isBookmarked:C,dataEventCategoryForBookmark:g,dataEventActionForBookmark:d,dataEventLabelForBookmark:y}))))},fa=t=>{var a,n,i,{article:r,author:o,authorAvatar:l,badge:s="",hideDescription:c=!1,isBookmarked:d=!1,onBookmark:m,time:h,tracking:u}=t,g=se(t,["article","author","authorAvatar","badge","hideDescription","isBookmarked","onBookmark","time","tracking"]);const{isMobile:b}=De();return console.log({article:r}),e.createElement(ue,Object.assign({padding:0,radius:0,sx:{display:"flex",flexDirection:"row",gap:24}},g),e.createElement(ue.Section,{w:"100%",h:"100%",miw:264,m:0,className:"pointer"},e.createElement("img",{src:(b?r.featureImageMobile:r.featureImage)||r.featureImage,alt:r.postName,style:{width:"100%"},loading:"lazy"})),e.createElement(ue.Section,null,e.createElement(ge,{position:"apart",mt:16,mb:4},e.createElement(Ie,{href:(null===(a=null==r?void 0:r.primaryCategory)||void 0===a?void 0:a.permalink)||"#"},e.createElement(p,{size:"p4",color:"blue.6"},null===(n=null==r?void 0:r.primaryCategory)||void 0===n?void 0:n.displayName)),e.createElement(de,{sx:{cursor:"pointer"},role:"button",onClick:m},d?e.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},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",xmlns:"http://www.w3.org/2000/svg"},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"},r.postTitle||r.postName||""),!c&&e.createElement(p,{size:"p2",mb:16,lineClamp:3,className:"pointer"},Te(r.excerpt||r.description||(null===(i=r.postContent)||void 0===i?void 0:i.split("\r\n")[0])||"")),e.createElement(pe,{gap:12,align:"center"},e.createElement(_e,{size:32,src:l,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," • ",h))))};var va=be(((e,{})=>({root:{},image:{},title:{},category:{},description:{},author:{}})));const ya=648/440,xa=1.5,wa=t=>{var a,i,r,{article:o,author:l,authorAvatar:s,badge:c="",bannerImageWrapProps:d,hideDescription:m=!1,isBookmarked:h=!1,onBookmark:u,time:g,tracking:b,classNames:f,styles:v,unstyled:y,className:x}=t,w=se(t,["article","author","authorAvatar","badge","bannerImageWrapProps","hideDescription","isBookmarked","onBookmark","time","tracking","classNames","styles","unstyled","className"]);const{isMobile:E}=De(),{classes:k,cx:C}=va({},{name:"ArticleCard",classNames:f,styles:v,unstyled:y}),S=n((()=>m?xa:ya),[m]);return e.createElement(ue,Object.assign({className:C(k.root,x),padding:"lg",radius:0},w),e.createElement(ue.Section,{className:C(k.image,"pointer")},e.createElement(ze,Object.assign({ratio:S},d),e.createElement("img",{src:(E?o.featureImageMobile:o.featureImage)||o.featureImage,alt:o.postName,style:{objectFit:"cover"}}))),e.createElement(ue.Section,null,e.createElement(ge,{position:"apart",mt:16,mb:4},e.createElement(Ie,{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===(i=null==o?void 0:o.primaryCategory)||void 0===i?void 0:i.displayName)),e.createElement(de,{sx:{cursor:"pointer"},role:"button",onClick:u},h?e.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},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",xmlns:"http://www.w3.org/2000/svg"},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"},o.postTitle||o.postName||""),!m&&e.createElement(p,{className:C(k.description,"pointer"),size:"p2",mb:16,lineClamp:3},Te(o.excerpt||o.description||(null===(r=o.postContent)||void 0===r?void 0:r.split("\r\n")[0])||"")),e.createElement(pe,{className:k.author,gap:12,align:"center"},e.createElement(_e,{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"},l," • ",g))))},Ea=t=>{var{variant:a="vertical"}=t,n=se(t,["variant"]);return"horizontal"===a?e.createElement(fa,Object.assign({},n)):e.createElement(wa,Object.assign({},n))},ka=Ve.a`
+import e,{useState as t,useRef as a,useMemo as n,useEffect as i,Fragment as r,memo as o,useCallback as l,useImperativeHandle as s,forwardRef as c,createContext as d,useContext as m}from"react";import{T as p,I as h}from"./index-eb35da54.js";import{f as u,g,h as b,i as f,j as v,k as y,l as x,m as w,n as E,o as k,p as C,q as S,r as N,s as B,t as T,u as D,v as I,w as _,x as z,H as A,T as L,y as P,Z as $,P as M,z as O,A as j,B as F,C as H,E as R,d as U,F as V,I as W,J as G}from"./index.styles-d8621e01.js";import{i as q,M as Z}from"./screenSizeContext-e1b7149a.js";import{T as Y}from"./index-f5158a33.js";import{b as X,u as K}from"./useTranslations-cb168a77.js";import"lodash/debounce";import{i as J}from"./isProduction-3b0badff.js";import{d as Q,L as ee,F as te,Q as ae,R as ne,a as ie,G as re}from"./index-0a62b4ef.js";import"./useCategory-24501397.js";import{CommonGAssets as oe}from"./gAssets.js";import{t as le}from"./theme-b9447dbb.js";import{_ as se,a as ce}from"./tslib.es6-cbcb09e8.js";import{Box as de,Radio as me,Flex as pe,rem as he,Card as ue,Group as ge,createStyles as be,getStylesRef as fe,useMantineTheme as ve,Container as ye,Stack as xe,UnstyledButton as we,AspectRatio as Ee,ScrollArea as ke,Chip as Ce,Badge as Se,MultiSelect as Ne,Stepper as Be}from"@mantine/core";import Te from"innertext";import{u as De,A as Ie,a as _e,b as ze,c as Ae,d as Le,B as Pe,e as $e,I as Me,f as Oe,g as je,t as Fe}from"./index-291de712.js";import"@mantine/dates";import{G as He,L as Re}from"./Onboarding-6bc6cea1.js";import Ue from"dayjs";import Ve,{keyframes as We,css as Ge}from"styled-components";import"./translationsContext-aa1bf17e.js";import"string-format";import{useViewportSize as qe}from"@mantine/hooks";import{i as Ze}from"./index-7e11449f.js";import Ye from"lodash/throttle";import{L as Xe}from"./index-ecf77a9e.js";import{B as Ke}from"./index-2fb1981e.js";import{I as Je}from"./index-3797a8bc.js";import{format as Qe,addDays as et,isBefore as tt,startOfMonth as at,addMonths as nt,subMonths as it,getDaysInMonth as rt,isToday as ot,isSameDay as lt,isWithinInterval as st,isAfter as ct,isPast as dt}from"date-fns";import"./utils-fa4edbb2.js";import"./index.styled-6ff83599.js";import"./index-8cb30ab8.js";import{D as mt}from"./types-1cbb2a0b.js";import{S as pt}from"./index-0a8541d9.js";import{M as ht}from"./index-d08c035e.js";import{b as ut}from"./index.styled-ddabbf37.js";import{C as gt}from"./index-30412503.js";import{useForm as bt,Controller as ft}from"react-hook-form";import{u as vt}from"./useHealthToolCache-0b5f1f6c.js";import{yupResolver as yt}from"@hookform/resolvers/yup";import{B as xt,D as wt}from"./index-761efd5c.js";import{L as Et}from"./index-0c4e312e.js";import{f as kt}from"./index-0e32fc49.js";import Ct from"react-day-picker/DayPickerInput";import{a as St}from"./useOutsideClick-0bbe31a1.js";import Nt from"date-fns/locale/en-US";import Bt from"date-fns/locale/id";import Tt from"date-fns/locale/vi";import Dt from"date-fns/locale/zh-TW";import{g as It}from"./getSocialList-d35412a3.js";import{v4 as _t}from"uuid";import{g as zt,a as At}from"./routing-650cf1d6.js";import{useForm as Lt,isNotEmpty as Pt}from"@mantine/form";import{M as $t}from"./index-5cbe246d.js";import Mt from"js-cookie";import Ot from"lodash/flatten";import"react-contenteditable";import"react-dom";import jt from"lodash/uniqBy";var Ft="CHw-fZZ",Ht="_03U6VRS",Rt="EO828Vv";const Ut=({style:t,onClose:a,text:n,type:i,contentIcon:r,closeIcon:o,className:l,description:s})=>e.createElement("div",{className:`${Ft} ${l||""}`,style:t,"data-alert-type":i},e.createElement("div",{className:Ht},e.createElement("div",{className:"icon-title"},r,e.createElement(p,{weight:"bold",size:"label1"},n)),e.createElement(p,{weight:"regular",size:"p3"},s)),e.createElement("div",{className:Rt,onClick:a},o)),Vt=({amount:t,type:a,size:n="medium",color:i="primary",icon:r,className:o})=>e.createElement(u,{"data-notification-type":a,"data-notification-size":n,"data-notification-color":i,"data-has-icon":!!r||void 0,notificationType:a,notificationSize:n,notificationColor:i,hasIcon:!!r,className:o},e.createElement("div",null,t&&e.createElement("span",null,t)," ",r&&e.createElement("div",null,r))),Wt=({style:t,children:a,className:n,size:i="lg",type:r="bold",upperCase:o,as:l="h4",color:s})=>e.createElement(g,{style:Object.assign({color:s},t),className:n,"data-size":i,"data-type":r,"data-uppercase":o,as:l},a),Gt=({className:n,value:i,options:r,onUploadSelected:o,id:l,placeholderIcon:s,placeholder:c,style:d})=>{const[m,p]=t(!1),h=()=>p(!m),u=a(r.map((t=>"upload"===t.type&&e.createElement("input",{id:"uploader-dropdown-input-"+l+"-"+t.value,key:"uploader-dropdown-input-"+l+"-"+t.value,accept:t.fileAcceptedType,multiple:t.multiple,type:"file",style:{display:"none"},onChange:e=>{console.log("change"),o(e.target.files)}})))),g=e.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",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("style",null,".prefix__cls-3{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),e.createElement("title",null,"File"),e.createElement("g",{clipPath:"url(#prefix__clip-path)"},e.createElement("path",{className:"prefix__cls-3",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:"prefix__cls-3",d:"M8.67 2.29V7h4.66",transform:"translate(-1.92 -1.54)"}))),w=e.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 13.5 13.5"},e.createElement("defs",null,e.createElement("style",null,".prefix__cls-1{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),e.createElement("title",null,"download"),e.createElement("path",{className:"prefix__cls-1",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)"})),E=e.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 13.5 13.5"},e.createElement("defs",null,e.createElement("style",null,".prefix__cls-1{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),e.createElement("title",null,"upload"),e.createElement("path",{className:"prefix__cls-1",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)"}));return e.createElement(b,{className:n,"data-dropdown-open":!!m,id:l,"data-has-icons":!0,style:d,onBlur:()=>p(!1),tabIndex:0},e.createElement(f,{onClick:h},s||g," ",e.createElement("span",null,i&&i.value?i.label:c)),m&&e.createElement(v,{onClick:h,"data-has-icons":!0},r.map((t=>e.createElement(y,{key:`${l}-${t.value}`,"data-selected":i&&i.value===t.value||void 0,onClick:()=>{return"upload"===t.type?(a="#uploader-dropdown-input-"+l+"-"+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?w:E),t.label)))),e.createElement(e.Fragment,null,u.current))},qt=({className:t,columns:a,columnsDesktop:n,gridTemplateColumns:i,gridTemplateColumnsDesktop:r,gap:o,children:l,justifyChildren:s,style:c,alignItems:d})=>e.createElement(w,{className:t,style:c,theme:{columns:a,columnsDesktop:n,gap:o,justifyChildren:s,gridTemplateColumns:i,gridTemplateColumnsDesktop:r,alignItems:d}},l),Zt=({pagesAmount:a,activePage:n,handlePageChange:o,handleClick:l,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(r,null,n>4&&e.createElement(r,null,e.createElement(C,{onClick:()=>o(1)},s?e.createElement("a",{href:s,onClick:l},1):1),e.createElement(C,null,"...")),m.map((t=>e.createElement(C,{key:`pagination+${t}`,"data-page-active":t===n||void 0,onClick:()=>o(t)},s?e.createElement("a",{href:q(s,t,c),onClick:l},t):t))),n<d.length-3&&e.createElement(r,null,e.createElement(C,null,"..."),e.createElement(C,{onClick:()=>o(d.length)},s?e.createElement("a",{href:q(s,d.length,c),onClick:l},d.length):d.length)))},Yt=({className:a,pagesAmount:r,currentPage:o,onChange:l,onClick:s,style:c,href:d,queryPageName:m="page"})=>{const p=[...Array(r)].map(((e,t)=>t+1)),[h,u]=t(o),g=n((()=>d&&d.endsWith("&page=")?d.replace("&page=",""):d),[d]),b=r-1,f=e=>{e<=r&&e>0&&(u(e),l(e))},v=e=>{s&&s(e)};return i((()=>{u(o)}),[o]),e.createElement(E,{className:a,style:c},e.createElement(k,{className:"prev-page",onClick:()=>f(h-1),"data-last-page":1===h||void 0},g?e.createElement("a",{href:q(g,h,m),onClick:v},e.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},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",xmlns:"http://www.w3.org/2000/svg"},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(Zt,{pagesAmount:r,activePage:h,handlePageChange:f,handleClick:v,href:g,queryPageName:m}):p.map((t=>e.createElement(C,{key:`pagination+${t}`,"data-page-active":t===h||void 0,onClick:()=>f(t)},g?e.createElement("a",{href:q(g,t,m),onClick:v},t):t))),e.createElement(k,{className:"next-page",onClick:()=>f(h+1),"data-last-page":h===b+1||void 0},g?e.createElement("a",{href:q(g,h,m),onClick:v},e.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},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",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M1.5 9L5.5 5L1.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))))},Xt=({type:t,size:a="small",label:n,name:i,checked:r,value:o,className:l,isDisabled:s=!1,onChange:c,dataEventCategory:d,dataEventAction:m,dataEventLabel:p})=>{const h=!!m&&!!d&&!!p?{"data-event-category":d,"data-event-action":m,"data-event-label":p}:{};return e.createElement(S,{"data-disabled":s,className:l,"data-type":t,"data-size":a},e.createElement("label",Object.assign({style:{display:"flex",alignItems:"center"}},h),e.createElement("input",Object.assign({type:"radio",checked:r,name:i,value:o,onChange:()=>c(o)},h)),n))},Kt=({type:t,children:a,style:n,isInline:i,isSquared:r=!1,className:o,isLight:l,hasMorePadding:s,isLink:c,isSelected:d,textProps:m={size:"sm"}})=>{const p=m.color?{"--text-props-color":m.color}:{};return e.createElement(N,{"data-is-squared":r||void 0,"data-tag-type":t,"data-is-light":l||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:l,tagIsSquared:r,tagIsALink:c},e.createElement(Y,Object.assign({},m),a))},Jt=({className:t,id:a,onChange:n,checked:i,style:r,label:o})=>e.createElement(B,{className:t,style:r},e.createElement("input",{type:"checkbox",id:a,onChange:n,checked:i}),e.createElement("label",{htmlFor:a},e.createElement(T,null),o&&e.createElement(D,null,o))),Qt=({label:t,name:a,checked:n,className:i,isDisabled:r,onChange:o,value:l,isRectangle:s,inputDataTestId:c,siteType:d})=>e.createElement(I,{className:i,"data-disabled":r||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(l,!n),disabled:r,value:l,id:`${a}-${l}`,"data-label-text":t,"data-testid":c}),!s&&e.createElement("label",{htmlFor:`${a}-${l}`},t)),ea=t=>e.createElement("svg",Object.assign({},t,{viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),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"})),ta=t=>e.createElement("svg",Object.assign({},t,{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),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"})),aa=t=>{const a=X();return e.createElement("svg",Object.assign({},t,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),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"})))},na=({gap:a=2,size:n=24,star:i,totalStars:r=5,onSelect:o,hideEmptyStars:l,style:s,className:c})=>{const d=Math.floor(i),m=i-d>=.5?1:0,[p,h]=t(null),u=p||d,g=p?0:m;return e.createElement(_,{"data-selectable":!!o,style:Object.assign({"--gap":a,"--star-size":n},s),className:c},Array.from({length:l?d+m:r}).map(((t,a)=>{const n=()=>!!o&&h(a+1),i=()=>!!o&&h(null);return a+1<=u?e.createElement(ta,{key:a,onClick:()=>null==o?void 0:o(a+1),onMouseOver:n,onMouseLeave:i}):a+1===u+g?e.createElement(aa,{key:a,onClick:()=>null==o?void 0:o(a+1),onMouseOver:n,onMouseLeave:i}):e.createElement(ea,{key:a,onClick:()=>null==o?void 0:o(a+1),onMouseOver:n,onMouseLeave:i})})))},ia=r=>{var{label:o,availableValue:l,styles:s,isBaby:c,genderValue:d={male:"male",female:"female"}}=r,m=se(r,["label","availableValue","styles","isBaby","genderValue"]);const{t:h}=K(),{classes:u,cx:g}=z(void 0,{name:"GenderOptionControl",styles:s}),[b,f]=t(),v=a(null),y=n((()=>[{value:d.male,label:h(c?"gender.boy":"gender.male"),icon:oe.getAssetPath(c?"health-tools/boy-icon.svg":"health-tools/male-icon.svg")},{value:d.female,label:h(c?"gender.girl":"gender.female"),icon:oe.getAssetPath(c?"health-tools/girl-icon.svg":"health-tools/female-icon.svg")}]),[]);return i((()=>{f(l)}),[l]),e.createElement(de,{ref:v,className:u.root},e.createElement(me.Group,Object.assign({className:"radio-group",label:e.createElement(p,{as:"label",size:"s4",weight:"semiBold"},o||h(c?"tools.selectBabyGender":"tools.selectGender")),size:"lg"},m,{classNames:{error:u.groupErr}}),e.createElement(pe,{className:g(u.wrapper)},y.map((t=>e.createElement(me,Object.assign({className:"gender-item",classNames:{root:u.itemRoot,labelWrapper:u.itemLabelWrapper,label:u.itemLabel,inner:u.itemInner},key:t.value,value:t.value},b&&t.value!==b&&{disabled:!0},{label:e.createElement(pe,{gap:he(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 ra="tliWyii";const oa=({className:t,theme:a,hideText:n})=>{const{t:i}=K();return e.createElement("div",{className:`${ra} ${t}`},e.createElement(h.Spinner,{isMarryBaby:"marryBaby"===a}),!n&&i("loading"))};var la="PiqKaXk",sa="HgbW6-m",ca="_6lkfLYy",da="j7c-onH";const ma=({avatarImg:t,authorName:a,authorLink:n,uploadTime:i,size:r})=>e.createElement("div",{className:da},e.createElement("div",{className:"author"},e.createElement("div",{className:"avatar","data-size":r},t),e.createElement("div",{className:"poster","data-is-disabled-url":!n},e.createElement(p,{size:"lg"===r?"p3":"p4"},e.createElement("a",{href:n},e.createElement("span",{className:"name"},a),"•"," "),e.createElement("span",null,i))))),pa=({isMobile:t,avatarImg:a,name:n,link:i,size:r="lg",specialty:o})=>e.createElement("div",{className:da},e.createElement("div",{className:"author"},e.createElement("div",{className:"expert-avatar","data-size":r},a),e.createElement("div",{className:"expert","data-is-disabled-url":!i},t?e.createElement("a",{href:i},"lg"===r?e.createElement(e.Fragment,null,e.createElement(A,{tag:"h6",className:"expert__name",color:le.colors.gray600},n),e.createElement(p,{color:le.colors.gray500,size:"p3",className:"specialty"},o)):e.createElement(e.Fragment,null,e.createElement(A,{tag:"h6",className:"expert__name",color:le.colors.gray600},n))):e.createElement("a",{href:i},"lg"===r?e.createElement(e.Fragment,null,e.createElement(A,{tag:"h6",className:"expert__name",color:le.colors.gray600},n),e.createElement(p,{color:le.colors.gray500,size:"p3",className:"specialty"},o)):e.createElement(e.Fragment,null,e.createElement("h6",{color:le.colors.gray600,className:`${la} expert__name`},n),e.createElement(p,{color:le.colors.gray500,size:"p4",className:"specialty"},o)))))),ha=o((()=>e.createElement("div",{className:"shoppable"},e.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},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"}))))),ua=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",xmlns:"http://www.w3.org/2000/svg"},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"})))),ga=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",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M12.75 2.25H5.25C4.425 2.25 3.75 2.925 3.75 3.75V15.75L9 13.5L14.25 15.75V3.75C14.25 2.925 13.575 2.25 12.75 2.25Z",fill:"#D2D6DC"})))),ba=({articleLink:t,authorLink:a,authorName:n,avatarImg:i,banner:r,categoryLink:o,categoryName:l,className:s,dataEventActionForBanner:c,dataEventActionForBookmark:d,dataEventActionForCategory:m,dataEventActionForTitle:h,dataEventCategoryForBanner:u,dataEventCategoryForBookmark:g,dataEventCategoryForCategory:b,dataEventCategoryForTitle:f,dataEventLabelForBanner:v,dataEventLabelForBookmark:y,dataEventLabelForCategory:x,dataEventLabelForTitle:w,direction:E="horizontal",hasAffiliate:k,isBookmark:C=!1,isBookmarkDisplayed:S=!0,isMobile:N=!0,onBookmark:B,onClickCategoryName:T,section:D="normal",size:I="md",specialty:_,style:z,styleBanner:L,styleLabel:P,styleTitle:$,text:M,title:O,type:j="author",uploadTime:F,articleLinkTarget:H,isPremium:R})=>{const U=e=>{e.stopPropagation(),null==B||B()},V="lg"===I&&"expert"===j?"h4":"lg"===I&&"home"===D?N?"h4":"h3":"lg"===I?"h4":"h5",W="lg"===I?"p3":"p4",G=N||"home"!==D||"lg"!==I||"author"!==j?"c2":"c1";return e.createElement("article",{className:`${ca} ${s||""}`,"data-size":I,style:z,"data-direction":E,"data-is-expert":"expert"===j||void 0},e.createElement("div",{className:"banner",style:L},e.createElement("a",{className:sa,"data-event-category":u,"data-event-action":c,"data-event-label":v,href:t||"#",target:H},r),R&&e.createElement("img",{loading:"lazy",className:"premium",src:oe.getAssetPath("premium-crown.svg")}),k&&e.createElement(ha,null)),e.createElement("div",{className:"content"},e.createElement("div",{className:"inner-content"},e.createElement(p,{style:P,className:"label",size:G,weight:"caption"},e.createElement("a",{className:sa,"data-event-category":b,"data-event-action":m,"data-event-label":x,href:o||"#",onClick:T},l),S&&e.createElement("a",{className:"bookmark",onClick:U},C?e.createElement(ua,{dataEventCategoryForBookmark:g,dataEventActionForBookmark:d,dataEventLabelForBookmark:y}):e.createElement(ga,{dataEventCategoryForBookmark:g,dataEventActionForBookmark:d,dataEventLabelForBookmark:y}))),e.createElement(A,{tag:V,style:$,className:"title",as:"lg"===I?"h2":"h3"},e.createElement("a",{className:sa,"data-event-category":f,"data-event-action":h,"data-event-label":w,href:t||"#",target:H},O)),M&&e.createElement("a",{href:t||"#",target:H},e.createElement(p,{size:W,className:"text"},M))),e.createElement("div",{className:"footer"},"author"===j?e.createElement(ma,{size:I,avatarImg:i,authorName:n,authorLink:a,uploadTime:F,handleClick:U,isBookmarked:C,dataEventCategoryForBookmark:g,dataEventActionForBookmark:d,dataEventLabelForBookmark:y}):e.createElement(pa,{size:I,isMobile:N,avatarImg:i,specialty:_,name:n,link:a,handleClick:U,isBookmarked:C,dataEventCategoryForBookmark:g,dataEventActionForBookmark:d,dataEventLabelForBookmark:y}))))},fa=t=>{var a,n,i,{article:r,author:o,authorAvatar:l,badge:s="",hideDescription:c=!1,isBookmarked:d=!1,onBookmark:m,time:h,tracking:u}=t,g=se(t,["article","author","authorAvatar","badge","hideDescription","isBookmarked","onBookmark","time","tracking"]);const{isMobile:b}=De();return console.log({article:r}),e.createElement(ue,Object.assign({padding:0,radius:0,sx:{display:"flex",flexDirection:"row",gap:24}},g),e.createElement(ue.Section,{w:"100%",h:"100%",miw:264,m:0,className:"pointer"},e.createElement("img",{src:(b?r.featureImageMobile:r.featureImage)||r.featureImage,alt:r.postName,style:{width:"100%"},loading:"lazy"})),e.createElement(ue.Section,null,e.createElement(ge,{position:"apart",mt:16,mb:4},e.createElement(Ie,{href:(null===(a=null==r?void 0:r.primaryCategory)||void 0===a?void 0:a.permalink)||"#"},e.createElement(p,{size:"p4",color:"blue.6"},null===(n=null==r?void 0:r.primaryCategory)||void 0===n?void 0:n.displayName)),e.createElement(de,{sx:{cursor:"pointer"},role:"button",onClick:m},d?e.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},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",xmlns:"http://www.w3.org/2000/svg"},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"},r.postTitle||r.postName||""),!c&&e.createElement(p,{size:"p2",mb:16,lineClamp:3,className:"pointer"},Te(r.excerpt||r.description||(null===(i=r.postContent)||void 0===i?void 0:i.split("\r\n")[0])||"")),e.createElement(pe,{gap:12,align:"center"},e.createElement(_e,{size:32,src:l,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," • ",h))))};var va=be(((e,{})=>({root:{},image:{},title:{},category:{},description:{},author:{}})));const ya=648/440,xa=1.5,wa=t=>{var a,i,r,{article:o,author:l,authorAvatar:s,badge:c="",bannerImageWrapProps:d,hideDescription:m=!1,isBookmarked:h=!1,onBookmark:u,time:g,tracking:b,classNames:f,styles:v,unstyled:y,className:x}=t,w=se(t,["article","author","authorAvatar","badge","bannerImageWrapProps","hideDescription","isBookmarked","onBookmark","time","tracking","classNames","styles","unstyled","className"]);const{isMobile:E}=De(),{classes:k,cx:C}=va({},{name:"ArticleCard",classNames:f,styles:v,unstyled:y}),S=n((()=>m?xa:ya),[m]);return e.createElement(ue,Object.assign({className:C(k.root,x),padding:"lg",radius:0},w),e.createElement(ue.Section,{className:C(k.image,"pointer")},e.createElement(ze,Object.assign({ratio:S},d),e.createElement("img",{src:(E?o.featureImageMobile:o.featureImage)||o.featureImage,alt:o.postName,style:{objectFit:"cover"}}))),e.createElement(ue.Section,null,e.createElement(ge,{position:"apart",mt:16,mb:4},e.createElement(Ie,{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===(i=null==o?void 0:o.primaryCategory)||void 0===i?void 0:i.displayName)),e.createElement(de,{sx:{cursor:"pointer"},role:"button",onClick:u},h?e.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},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",xmlns:"http://www.w3.org/2000/svg"},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"},o.postTitle||o.postName||""),!m&&e.createElement(p,{className:C(k.description,"pointer"),size:"p2",mb:16,lineClamp:3},Te(o.excerpt||o.description||(null===(r=o.postContent)||void 0===r?void 0:r.split("\r\n")[0])||"")),e.createElement(pe,{className:k.author,gap:12,align:"center"},e.createElement(_e,{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"},l," • ",g))))},Ea=t=>{var{variant:a="vertical"}=t,n=se(t,["variant"]);return"horizontal"===a?e.createElement(fa,Object.assign({},n)):e.createElement(wa,Object.assign({},n))},ka=Ve.a`
   display: flex;
   height: 125px;
 

package/build/esm/{index-3883a331.js → index-761efd5c.js}

@@ -1,4 +1,4 @@
-import e,{useRef as t,useEffect as a,useState as o}from"react";import{Portal as l}from"@mantine/core";import{t as n,M as i}from"./screenSizeContext-3956ada7.js";import{a4 as r,a5 as d,a6 as s,a7 as c,a8 as m,a9 as h,y as p}from"./index.styles-aafce6e1.js";import{T as u,I as g}from"./index-7937c64e.js";import{u as y}from"./useScrollbarSize-8be4c239.js";import{createPortal as b}from"react-dom";import v from"styled-components";import{u as f}from"./useTranslations-fb179fe4.js";import{G as x}from"./Onboarding-c6987273.js";import{M as C,a as w}from"./index-1cbad549.js";import{t as E}from"./theme-b56f5406.js";import{T as k}from"./index-e0d7e856.js";const B=({open:t=!1,onClickOutside:a})=>e.createElement(r,{"data-open":t,onClick:a}),_=({children:o,title:i,onClose:r,open:m=!1,placement:h="left",destroyOnClose:p=!1,isPropagationEvent:g=!0,className:y})=>{const b=t();a((()=>(n(m),()=>n(!1))),[m]);const v=()=>{b.current.classList.add("slideOut"),setTimeout((()=>{r()}),800)};return!m&&p?null:e.createElement(l,null,e.createElement(d,{className:y,open:m},e.createElement(B,{open:m,onClickOutside:v}),e.createElement(s,{open:m,placement:h,ref:b,hasTitle:Boolean(i)},e.createElement("div",{className:"title"},i&&e.createElement(u,{size:"s2",weight:"semiBold"},i),e.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"close-button",onClick:v},e.createElement("path",{d:"M5.99007 4.99067C5.79114 4.99072 5.59674 5.0501 5.43173 5.16121C5.26672 5.27233 5.1386 5.43013 5.06374 5.61444C4.98889 5.79875 4.9707 6.0012 5.0115 6.1959C5.05231 6.39061 5.15025 6.56872 5.29281 6.70747L10.5858 12.0004L5.29281 17.2934C5.19684 17.3855 5.12021 17.4959 5.06743 17.618C5.01464 17.7402 4.98676 17.8716 4.9854 18.0046C4.98405 18.1377 5.00926 18.2697 5.05954 18.3928C5.10983 18.516 5.1842 18.6279 5.27827 18.722C5.37235 18.8161 5.48426 18.8904 5.60743 18.9407C5.73061 18.991 5.86259 19.0162 5.99563 19.0149C6.12867 19.0135 6.2601 18.9856 6.38223 18.9328C6.50436 18.8801 6.61473 18.8034 6.70687 18.7075L11.9998 13.4145L17.2928 18.7075C17.385 18.8034 17.4953 18.8801 17.6175 18.9328C17.7396 18.9856 17.871 19.0135 18.0041 19.0149C18.1371 19.0162 18.2691 18.991 18.3922 18.9407C18.5154 18.8904 18.6273 18.8161 18.7214 18.722C18.8155 18.6279 18.8899 18.516 18.9401 18.3928C18.9904 18.2697 19.0156 18.1377 19.0143 18.0047C19.0129 17.8716 18.985 17.7402 18.9323 17.618C18.8795 17.4959 18.8028 17.3855 18.7069 17.2934L13.4139 12.0004L18.7069 6.70747C18.8514 6.567 18.9501 6.38616 18.99 6.18864C19.03 5.99112 19.0093 5.78614 18.9308 5.60055C18.8523 5.41497 18.7195 5.25744 18.5499 5.14861C18.3803 5.03978 18.1817 4.98473 17.9803 4.99067C17.7205 4.99841 17.4739 5.10699 17.2928 5.2934L11.9998 10.5864L6.70687 5.2934C6.61368 5.19761 6.50224 5.12146 6.37912 5.06947C6.25601 5.01747 6.12372 4.99068 5.99007 4.99067Z",fill:"#595959"}))),e.createElement(c,{onClick:e=>{g&&e.stopPropagation()}},o&&(e.isValidElement(o)?o:"function"==typeof o?o({internalClose:v}):null)))))},$=({value:t,options:a,className:l,direction:n="horizontal",onChange:i,isDisabled:r,siteType:d})=>{const[s,c]=o(t),p="marryBaby"===d;return e.createElement(m,{className:l,"data-direction":n},a.map(((a,o)=>e.createElement(h,{"data-selected":(t||s)===a.value,"data-is-mb":p,"data-disabled":r,key:o,onClick:()=>{var e;e=a.value,r||(c(e),i&&i(e))}},e.createElement("div",null,a.content,a.label&&e.createElement(e.Fragment,null,p?e.createElement(C,{type:"subtitle-2",color:(t||s)===a.value?E.mbColors.dark:E.mbColors.midGray},a.label):e.createElement(k,{type:"bold",color:(t||s)===a.value?"#2D87F3":"black",className:"radio-group-item-heading",size:"label1"},a.label)))))))},j="hhgcomp-modal-modal",N=p(v.div`
+import e,{useRef as t,useEffect as a,useState as o}from"react";import{Portal as l}from"@mantine/core";import{t as n,M as i}from"./screenSizeContext-e1b7149a.js";import{a4 as r,a5 as d,a6 as s,a7 as c,a8 as m,a9 as h,y as p}from"./index.styles-d8621e01.js";import{T as u,I as g}from"./index-eb35da54.js";import{u as b}from"./useScrollbarSize-3ad058ca.js";import{createPortal as y}from"react-dom";import v from"styled-components";import{u as x}from"./useTranslations-cb168a77.js";import{G as f}from"./Onboarding-6bc6cea1.js";import{M as C,a as w}from"./index-d08c035e.js";import{t as E}from"./theme-b9447dbb.js";import{T as k}from"./index-f5158a33.js";const B=({open:t=!1,onClickOutside:a})=>e.createElement(r,{"data-open":t,onClick:a}),_=({children:o,title:i,onClose:r,open:m=!1,placement:h="left",destroyOnClose:p=!1,isPropagationEvent:g=!0,className:b})=>{const y=t();a((()=>(n(m),()=>n(!1))),[m]);const v=()=>{y.current.classList.add("slideOut"),setTimeout((()=>{r()}),800)};return!m&&p?null:e.createElement(l,null,e.createElement(d,{className:b,open:m},e.createElement(B,{open:m,onClickOutside:v}),e.createElement(s,{open:m,placement:h,ref:y,hasTitle:Boolean(i)},e.createElement("div",{className:"title"},i&&e.createElement(u,{size:"s2",weight:"semiBold"},i),e.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"close-button",onClick:v},e.createElement("path",{d:"M5.99007 4.99067C5.79114 4.99072 5.59674 5.0501 5.43173 5.16121C5.26672 5.27233 5.1386 5.43013 5.06374 5.61444C4.98889 5.79875 4.9707 6.0012 5.0115 6.1959C5.05231 6.39061 5.15025 6.56872 5.29281 6.70747L10.5858 12.0004L5.29281 17.2934C5.19684 17.3855 5.12021 17.4959 5.06743 17.618C5.01464 17.7402 4.98676 17.8716 4.9854 18.0046C4.98405 18.1377 5.00926 18.2697 5.05954 18.3928C5.10983 18.516 5.1842 18.6279 5.27827 18.722C5.37235 18.8161 5.48426 18.8904 5.60743 18.9407C5.73061 18.991 5.86259 19.0162 5.99563 19.0149C6.12867 19.0135 6.2601 18.9856 6.38223 18.9328C6.50436 18.8801 6.61473 18.8034 6.70687 18.7075L11.9998 13.4145L17.2928 18.7075C17.385 18.8034 17.4953 18.8801 17.6175 18.9328C17.7396 18.9856 17.871 19.0135 18.0041 19.0149C18.1371 19.0162 18.2691 18.991 18.3922 18.9407C18.5154 18.8904 18.6273 18.8161 18.7214 18.722C18.8155 18.6279 18.8899 18.516 18.9401 18.3928C18.9904 18.2697 19.0156 18.1377 19.0143 18.0047C19.0129 17.8716 18.985 17.7402 18.9323 17.618C18.8795 17.4959 18.8028 17.3855 18.7069 17.2934L13.4139 12.0004L18.7069 6.70747C18.8514 6.567 18.9501 6.38616 18.99 6.18864C19.03 5.99112 19.0093 5.78614 18.9308 5.60055C18.8523 5.41497 18.7195 5.25744 18.5499 5.14861C18.3803 5.03978 18.1817 4.98473 17.9803 4.99067C17.7205 4.99841 17.4739 5.10699 17.2928 5.2934L11.9998 10.5864L6.70687 5.2934C6.61368 5.19761 6.50224 5.12146 6.37912 5.06947C6.25601 5.01747 6.12372 4.99068 5.99007 4.99067Z",fill:"#595959"}))),e.createElement(c,{onClick:e=>{g&&e.stopPropagation()}},o&&(e.isValidElement(o)?o:"function"==typeof o?o({internalClose:v}):null)))))},$=({value:t,options:a,className:l,direction:n="horizontal",onChange:i,isDisabled:r,siteType:d})=>{const[s,c]=o(t),p="marryBaby"===d;return e.createElement(m,{className:l,"data-direction":n},a.map(((a,o)=>e.createElement(h,{"data-selected":(t||s)===a.value,"data-is-mb":p,"data-disabled":r,key:o,onClick:()=>{var e;e=a.value,r||(c(e),i&&i(e))}},e.createElement("div",null,a.content,a.label&&e.createElement(e.Fragment,null,p?e.createElement(C,{type:"subtitle-2",color:(t||s)===a.value?E.mbColors.dark:E.mbColors.midGray},a.label):e.createElement(k,{type:"bold",color:(t||s)===a.value?"#2D87F3":"black",className:"radio-group-item-heading",size:"label1"},a.label)))))))},j="hhgcomp-modal-modal",N=p(v.div`
   position: relative;
   z-index: 200;
   background-color: ${e=>e.theme.colors.white};
@@ -144,7 +144,7 @@ import e,{useRef as t,useEffect as a,useState as o}from"react";import{Portal as
   &[data-type='video'] {
     background-color: ${e=>e.theme.colors.secondaryDark};
   }
-`,T="hhg-modals",G=()=>{document.querySelectorAll('.hhg-modal[data-open="true"]').length<1&&document.body.classList.remove("hhc-modal-show")},D=()=>{document.querySelectorAll('.hhg-modal[data-open="true"]').length<1&&(document.body.style.overflow="",document.body.style.paddingRight="",document.body.classList.remove("hhc-disabled-scroll"))},M=({type:l="lead",closeIcon:n,isOpen:i=!0,onClose:r,children:d,className:s="",animationType:c="slideTop",isStaticBackdrop:m=!1,siteType:h})=>{const[p,u]=o(!1),g=t(null),{width:v}=y();if(!g.current&&p&&(g.current=document.createElement("div")),a((()=>(u(!0),()=>{u(!1),G(),D()})),[]),a((()=>{if(p){const e=(()=>{let e=document.getElementById(T);return e||(e=document.createElement("div"),e.setAttribute("id",T),document.body.append(e)),e})();return e.appendChild(g.current),()=>{e.removeChild(g.current)}}}),[p]),a((()=>{i?document.body.classList.add("hhc-modal-show"):G()}),[i]),a((()=>{i?(document.body.style.overflow="hidden",document.body.style.paddingRight=v+"px",document.body.classList.add("hhc-disabled-scroll")):D()}),[i,v]),!p)return null;const f=["hhg-modal__wrapper",s,c].filter((e=>e)).join(" ");return b(e.createElement(L,{className:f,"data-open":i,"data-type":l},!m&&e.createElement(z,{"data-open":i,onClick:r,"data-type":l}),!m&&"video"===l&&!!n&&e.createElement("div",{className:"hhg-modal__close",onClick:r},n),e.createElement(N,{className:"hhg-modal","data-open":i,"data-site-type":h},e.createElement("div",{className:"video"===l?"hhg-modal__video":"hhg-modal__content"},!!n&&"video"!==l&&e.createElement("div",{className:"hhg-modal__close",onClick:r},n),d))),g.current)},O=v.div`
+`,T="hhg-modals",G=()=>{document.querySelectorAll('.hhg-modal[data-open="true"]').length<1&&document.body.classList.remove("hhc-modal-show")},D=()=>{document.querySelectorAll('.hhg-modal[data-open="true"]').length<1&&(document.body.style.overflow="",document.body.style.paddingRight="",document.body.classList.remove("hhc-disabled-scroll"))},M=({type:l="lead",closeIcon:n,isOpen:i=!0,onClose:r,children:d,className:s="",animationType:c="slideTop",isStaticBackdrop:m=!1,siteType:h})=>{const[p,u]=o(!1),g=t(null),{width:v}=b();if(!g.current&&p&&(g.current=document.createElement("div")),a((()=>(u(!0),()=>{u(!1),G(),D()})),[]),a((()=>{if(p){const e=(()=>{let e=document.getElementById(T);return e||(e=document.createElement("div"),e.setAttribute("id",T),document.body.append(e)),e})();return e.appendChild(g.current),()=>{e.removeChild(g.current)}}}),[p]),a((()=>{i?document.body.classList.add("hhc-modal-show"):G()}),[i]),a((()=>{i?(document.body.style.overflow="hidden",document.body.style.paddingRight=v+"px",document.body.classList.add("hhc-disabled-scroll")):D()}),[i,v]),!p)return null;const x=["hhg-modal__wrapper",s,c].filter((e=>e)).join(" ");return y(e.createElement(L,{className:x,"data-open":i,"data-type":l},!m&&e.createElement(z,{"data-open":i,onClick:r,"data-type":l}),!m&&"video"===l&&!!n&&e.createElement("div",{className:"hhg-modal__close",onClick:r},n),e.createElement(N,{className:"hhg-modal","data-open":i,"data-site-type":h},e.createElement("div",{className:"video"===l?"hhg-modal__video":"hhg-modal__content"},!!n&&"video"!==l&&e.createElement("div",{className:"hhg-modal__close",onClick:r},n),d))),g.current)},O=v.div`
   & > :not(:last-child) {
     margin-bottom: 8px;
   }
@@ -174,4 +174,4 @@ import e,{useRef as t,useEffect as a,useState as o}from"react";import{Portal as
   .radio-group-item-heading {
     margin-top: 0;
   }
-`,R=({value:t,onChange:a,siteType:o})=>{const{t:l}=f(),n="marryBaby"==o;return e.createElement(O,{"data-is-marryBaby":n},n?e.createElement(w,{type:"h4",color:E.mbColors.dark},l("tools.selectBabyGender")):e.createElement(u,{size:"label2",weight:"bold",style:{marginBottom:"0.5rem"}},l("tools.selectBabyGender")),e.createElement(S,{siteType:o,options:[{value:x.Boy,label:l("gender.male"),content:n?e.createElement(g.BabyBoyMB,null):e.createElement(g.GenderChooseBoy,null)},{value:x.Girl,label:l("gender.female"),content:n?e.createElement(g.BabyGirlMB,null):e.createElement(g.GenderChooseGirl,null)}],value:t,onChange:a,className:"gender-selector"}))};export{R as B,_ as D,M,$ as R};
+`,R=({value:t,onChange:a,siteType:o})=>{const{t:l}=x(),n="marryBaby"==o;return e.createElement(O,{"data-is-marryBaby":n},n?e.createElement(w,{type:"h4",color:E.mbColors.dark},l("tools.selectBabyGender")):e.createElement(u,{size:"label2",weight:"bold",style:{marginBottom:"0.5rem"}},l("tools.selectBabyGender")),e.createElement(S,{siteType:o,options:[{value:f.Boy,label:l("gender.male"),content:n?e.createElement(g.BabyBoyMB,null):e.createElement(g.GenderChooseBoy,null)},{value:f.Girl,label:l("gender.female"),content:n?e.createElement(g.BabyGirlMB,null):e.createElement(g.GenderChooseGirl,null)}],value:t,onChange:a,className:"gender-selector"}))};export{R as B,_ as D,M,$ as R};

package/build/esm/{index-d12cb60e.js → index-7e11449f.js}

@@ -1,4 +1,4 @@
-import{a as e,_ as t}from"./tslib.es6-d24c5627.js";import a,{useState as o,useEffect as i,useMemo as n,useRef as l,memo as r,useContext as s,useCallback as d}from"react";import{g as c}from"./core-2dc4c75e.js";import{I as m,F as p,B as g,a as h}from"./index-052cee3a.js";import u from"styled-components";import{T as v,U as y}from"./index-7937c64e.js";import{CommonGAssets as b}from"./gAssets.js";import{d as f,C as x,b as w,T as E,E as C,L as k,S as $,U as P}from"./index-a3d599ed.js";import{n as N,a as B}from"./normalizeLink-07477e7a.js";import{g as _,a as M,b as A,c as T,d as L}from"./routing-9f84b20b.js";import{P as H,U as S,a as U,b as z}from"./index-025e8db6.js";import{L as D}from"./index-dbd97263.js";import{u as j,b as R}from"./useTranslations-fb179fe4.js";import O from"lodash/throttle";import{j as I,M as F}from"./screenSizeContext-3956ada7.js";import{L as V}from"./Onboarding-c6987273.js";import{t as G}from"./theme-b56f5406.js";import{K as W,y as Y,L as Z,P as q,H as K}from"./index.styles-aafce6e1.js";import{D as Q}from"./constants-dc6c1746.js";import{g as J}from"./cookieHelper-5de374ed.js";import{Portal as X}from"@mantine/core";import{B as ee}from"./index-cac8b8dd.js";import"./index-43a65393.js";import"./utils-7ae5e3eb.js";import"@mantine/dates";import te from"dayjs";import"./isProduction-1618222d.js";import"@mantine/hooks";import"./index.styled-c44879f1.js";import"./index-7980775e.js";import ae from"lodash/debounce";import"./useCategory-e3f4e7e5.js";import{L as oe}from"./constants-32ce4f94.js";import ie from"string-format";import{I as ne}from"./index-4c705e10.js";import{u as le}from"./useIsInit-2208b352.js";import re from"dayjs/plugin/relativeTime";import{C as se}from"./index-4ef1d356.js";const de={xs:28,small:32,medium:40,large:48,xl:64,xxl:80,xxxl:96},ce=({type:e="square",size:t,avatarImg:n,avatarUrl:l,firstLetter:r,backgroundColor:s,onClick:d,style:c,className:p,width:g,height:h,alt:u})=>{const v=t?de[t]:void 0,[y,b]=o(!1);i((()=>{if(l){const e=document.createElement("img");e.setAttribute("src",l),e.addEventListener("error",(()=>{b(!0)}))}}),[l,b]);const f=(!l&&!n||y)&&r;return a.createElement(W,{style:Object.assign(Object.assign({},c),{"--size":v?v+"px":void 0,"--width-prop":g?g+"px":void 0,"--height-prop":h?h+"px":void 0,"--background-color":s}),"data-has-max":!(!g||!h),"data-avatar-type":e,onClick:d,className:p,avatarUrl:l,"data-custom-size":!!t},n,l&&!y&&a.createElement(m,{src:l,alt:u||"avatar"}),f&&r)},me=["hellobacsi.com","hellosehat.com","hellodoktor.com","hellokrupet.com","hellodoctor.com.ph","hellokhunmor.com","hellosayarwon.com","helloyishi.com.tw","helloswasthya.com","marrybaby.vn","hellohealth.questionpro.com","hellobacsivn.page.link"],pe=(e="")=>me.some((t=>new URL(e).origin.endsWith(t))),ge=u.a`
+import{a as e,_ as t}from"./tslib.es6-cbcb09e8.js";import a,{useState as o,useEffect as i,useMemo as n,useRef as l,memo as r,useContext as s,useCallback as d}from"react";import{g as c}from"./core-cee9e570.js";import{I as m,F as p,B as g,a as h}from"./index-291de712.js";import u from"styled-components";import{T as v,U as y}from"./index-eb35da54.js";import{CommonGAssets as b}from"./gAssets.js";import{d as f,C as x,b as w,T as E,E as C,L as k,S as $,U as P}from"./index-0a62b4ef.js";import{n as N,a as B}from"./normalizeLink-161b8470.js";import{g as _,a as M,b as A,c as T,d as L}from"./routing-650cf1d6.js";import{P as H,U as S,a as U,b as z}from"./index-0e32fc49.js";import{L as D}from"./index-ecf77a9e.js";import{u as j,b as R}from"./useTranslations-cb168a77.js";import O from"lodash/throttle";import{j as I,M as F}from"./screenSizeContext-e1b7149a.js";import{L as V}from"./Onboarding-6bc6cea1.js";import{t as G}from"./theme-b9447dbb.js";import{K as W,y as Y,L as Z,P as q,H as K}from"./index.styles-d8621e01.js";import{D as Q}from"./constants-e5ae5407.js";import{g as J}from"./cookieHelper-c7326f34.js";import{Portal as X}from"@mantine/core";import{B as ee}from"./index-2fb1981e.js";import"./index-0c4e312e.js";import"./utils-fa4edbb2.js";import"@mantine/dates";import te from"dayjs";import"./isProduction-3b0badff.js";import"@mantine/hooks";import"./index.styled-6ff83599.js";import"./index-8cb30ab8.js";import ae from"lodash/debounce";import"./useCategory-24501397.js";import{L as oe}from"./constants-e69c768b.js";import ie from"string-format";import{I as ne}from"./index-7221b32a.js";import{u as le}from"./useIsInit-edd3f98f.js";import re from"dayjs/plugin/relativeTime";import{C as se}from"./index-30412503.js";const de={xs:28,small:32,medium:40,large:48,xl:64,xxl:80,xxxl:96},ce=({type:e="square",size:t,avatarImg:n,avatarUrl:l,firstLetter:r,backgroundColor:s,onClick:d,style:c,className:p,width:g,height:h,alt:u})=>{const v=t?de[t]:void 0,[y,b]=o(!1);i((()=>{if(l){const e=document.createElement("img");e.setAttribute("src",l),e.addEventListener("error",(()=>{b(!0)}))}}),[l,b]);const f=(!l&&!n||y)&&r;return a.createElement(W,{style:Object.assign(Object.assign({},c),{"--size":v?v+"px":void 0,"--width-prop":g?g+"px":void 0,"--height-prop":h?h+"px":void 0,"--background-color":s}),"data-has-max":!(!g||!h),"data-avatar-type":e,onClick:d,className:p,avatarUrl:l,"data-custom-size":!!t},n,l&&!y&&a.createElement(m,{src:l,alt:u||"avatar"}),f&&r)},me=["hellobacsi.com","hellosehat.com","hellodoktor.com","hellokrupet.com","hellodoctor.com.ph","hellokhunmor.com","hellosayarwon.com","helloyishi.com.tw","helloswasthya.com","marrybaby.vn","hellohealth.questionpro.com","hellobacsivn.page.link"],pe=(e="")=>me.some((t=>new URL(e).origin.endsWith(t))),ge=u.a`
   display: inline-flex;
   position: relative;
   flex-direction: row;
@@ -318,7 +318,7 @@ import{a as e,_ as t}from"./tslib.es6-d24c5627.js";import a,{useState as o,useEf
       display: block;
     }
   }
-`,Ae=({type:e="lead",closeIcon:t,isOpen:o=!0,onClose:i,children:n,enableAnimation:l=!0,targetAvatar:r,id:s,className:d})=>a.createElement(Pe,{"data-open":o,"data-type":e,"data-animation":l,"data-target":r,id:s,className:d},a.createElement("div",{className:"popup-content"},!!t&&a.createElement("div",{className:"close-button",onClick:i},t),n)),Te={myBooking:"booking",mySaved:"saved",myHealth:"health",myFamily:"family",myCommunity:"my-communities",eCom:"/shop/ho-so/quan-li-don-hang/"};var Le="uJQBNNg",He="TfG3dM5",Se="aMtjFNf",Ue="cSz2RR-",ze="GyFm00F";function De({userInfo:e,onClickMyProfileButton:t,themeName:o="helloSites"}){const{t:i}=j(),l=n((()=>{const t=(null==e?void 0:e.name)||(null==e?void 0:e.username);return t&&t.length?t[0].toUpperCase():"A"}),[null==e?void 0:e.username,null==e?void 0:e.name]);return a.createElement("div",{className:Le,onClick:()=>{t&&t()}},a.createElement(ce,{className:He,type:"rounded",size:"xl",avatarUrl:null==e?void 0:e.avatar,firstLetter:l,backgroundColor:"marryBaby"===o?G.mbColors.pink:G.colors.secondaryBase}),a.createElement("div",{className:Se},a.createElement("div",{className:Ue},(null==e?void 0:e.name)||(null==e?void 0:e.username)),a.createElement("div",{className:ze,style:{"--bg-hellosites":`url(${b.getAssetPath("userProfileNav/helloSites/icon-chevronRight.svg")})`,"--bg-marrybaby":`url(${b.getAssetPath("userProfileNav/marryBaby/icon-arrowRight.svg")})`}},i("userProfile.nav.header.viewProfile"))))}var je="fVk18fq",Re="v8TCvUb",Oe="mx7T4V3";const Ie={myHealth:G.mbColors.toneYellow,myCommunity:G.mbColors.toneBlue,mySaved:G.mbColors.toneGreen},Fe={helloSites:{myBooking:()=>b.getAssetPath("userProfileNav/helloSites/icon-myBooking.svg"),myCommunity:()=>b.getAssetPath("userProfileNav/helloSites/icon-myCommunity.svg"),myFamily:()=>b.getAssetPath("userProfileNav/helloSites/icon-myFamily.svg"),myHealth:()=>b.getAssetPath("userProfileNav/helloSites/icon-myHealth.svg"),mySaved:()=>b.getAssetPath("userProfileNav/helloSites/icon-mySaved.svg"),eCom:()=>b.getAssetPath("userProfileNav/helloSites/icon-eCom.svg")},marryBaby:{mySaved:()=>b.getAssetPath("userProfileNav/marryBaby/icon-mySaved.svg"),myCommunity:()=>b.getAssetPath("userProfileNav/marryBaby/icon-myCommunity.svg"),myHealth:()=>b.getAssetPath("userProfileNav/marryBaby/icon-myHealth.svg")}},Ve=({type:e,themeName:t,className:o,onClick:i=(()=>{})})=>{const{t:l}=j(),r=n((()=>{var a,o;return(null===(o=null===(a=Fe[t])||void 0===a?void 0:a[e])||void 0===o?void 0:o.call(a))||""}),[e,t]),s=n((()=>"marryBaby"!==t?"transparent":Ie[e]),[e,t]);return a.createElement("div",{onClick:function(){i(e)},className:`${je} ${o}`},a.createElement("div",{className:Oe,style:{backgroundColor:s,backgroundImage:`url("${r}")`}}),a.createElement("h3",{className:Re},l(`userProfile.nav.card.${e}`)))};var Ge="gn6HmGG",We="FCx8FEM",Ye="zMiRxaE",Ze="lZ2Z9MQ",qe="rwm-agG",Ke="qMOscoq";const Qe=({themeName:e,locale:t,onClickItem:i})=>{const[l,r]=o(""),s=n((()=>"marryBaby"===e?[{key:"userProfile.nav.menu.password",icon:b.getAssetPath("userProfileNav/marryBaby/icon-lock.svg"),link:"password"},{key:"userProfile.nav.menu.logout",icon:b.getAssetPath("userProfileNav/marryBaby/icon-logOut.svg"),link:"logout"}]:[{key:"userProfile.nav.menu.accountSettings",icon:b.getAssetPath("userProfileNav/helloSites/icon-settingsWheel.svg"),subMenu:[{key:"common.profileNavigator.newsletterSubscription",link:"subscriptions",disableLocale:["id-ID","ms-MY","km-KH","en-PH","tl-PH","th-TH","my-MM","zh-TW","hi-IN"]},{key:"userProfile.nav.menu.password",link:"password"},{key:"userProfile.nav.menu.disableAccount",link:"disable-account",disableLocale:["hi-IN"]}]},{key:"userProfile.nav.menu.help",icon:b.getAssetPath("userProfileNav/helloSites/icon-helpCircle.svg"),link:"help"}]),[e]);function d(e){e.subMenu?r((t=>t?"":e.key)):i&&i(e)}return a.createElement("div",{className:Ge},s.map((e=>a.createElement(Je,{key:e.key,item:e,openKey:l,onClickItem:d,locale:t}))))},Je=({item:e,openKey:t,onClickItem:o,locale:i})=>{var n;const{t:l}=j();return(null===(n=e.disableLocale)||void 0===n?void 0:n.includes(i))?null:a.createElement("div",{className:`${We} nav-menu-item`,"data-is-open":t===e.key,key:e.key,"data-has-submenu":!!e.subMenu},a.createElement("div",{className:Ye,onClick:()=>o(e)},e.icon&&a.createElement("div",{className:Ze,style:{backgroundImage:`url("${e.icon}")`}}),l(e.key),e.subMenu&&a.createElement("div",{className:qe,style:{"--after-bg":`url(${b.getAssetPath("userProfileNav/helloSites/icon-chevronDown.svg")})`}})),e.subMenu&&a.createElement("div",{className:Ke},e.subMenu.map((e=>a.createElement(Je,{key:e.key,item:e,openKey:t,onClickItem:o,locale:i})))))};var Xe="-AZt1au",et="IvSIfCI",tt="eahCJov",at="XIyViFs",ot="_4y-O0w3",it="kO8iNgD",nt="a1d4E10",lt="Tdguxxf",rt="-mOxsaU",st="yPeDBNZ";const dt={helloSites:{member:()=>b.getAssetPath("userProfileNav/helloSites/icon-rank-member.svg"),ambassador:()=>b.getAssetPath("userProfileNav/helloSites/icon-rank-ambassador.svg"),doctor:()=>b.getAssetPath("userProfileNav/helloSites/icon-rank-doctor.svg"),expert:()=>b.getAssetPath("userProfileNav/helloSites/icon-rank-expert.svg"),influencer:()=>b.getAssetPath("userProfileNav/helloSites/icon-rank-influencer.svg")},marryBaby:{member:()=>b.getAssetPath("userProfileNav/marryBaby/icon-rank-member.svg"),ambassador:()=>b.getAssetPath("userProfileNav/marryBaby/icon-rank-ambassador.svg"),doctor:()=>b.getAssetPath("userProfileNav/marryBaby/icon-rank-doctor.svg"),expert:()=>b.getAssetPath("userProfileNav/marryBaby/icon-rank-expert.svg"),influencer:()=>b.getAssetPath("userProfileNav/marryBaby/icon-rank-influencer.svg")}},ct=({themeName:e,rank:t="member",numberOfPosts:o=0})=>{const{t:i}=j(),l=n((()=>{var a,o;return(null===(o=null===(a=dt[e])||void 0===a?void 0:a[t])||void 0===o?void 0:o.call(a))||""}),[t,e]);return a.createElement("div",{className:ot,"data-user-rank":t},a.createElement("div",{className:it},a.createElement("div",{className:nt},a.createElement("div",{className:lt,style:{backgroundImage:`url("${l}")`}}),a.createElement("h3",{className:rt},i(`userProfile.userRank.${t}`)),o>0&&a.createElement("p",{className:st},o," ",i("userProfile.nav.header.count.posts")))))},mt="profile/posts?website_url={websiteUrl}",pt=99,gt=300,ht=400,ut=210,vt=e=>{var t,a,o,i;return e?{termId:e.term_id||null,sponsor:e.sponsor?(i=e.sponsor,i?{title:i.title,logo:i.logo,link:i.link}:{}):null,isSponsored:e.is_sponsored||null,categoryName:e.cat_name||e.name||null,name:e.name||null,iconUrl:e.icon||"",slugName:e.category_nicename||null,description:e.description||null,featureImage:e.thumbnail||e.image||null,displayName:e.name||null,parent:e.parent||null,permalink:e.permalink||null,slug:e.slug||null,childCates:(null===(t=e.child_cates)||void 0===t?void 0:t.map((e=>vt(e))))||[],thumnailColor:e.thumnail_color||["#FFEAF1","#E0E9FB","#FFF9EB","#F2FCF7","#F3F3F3"][5*Math.random()|0],colorFeatureImage:e.color_feature_image||null,imageColor:e.image_color||null,textColor:e.text_color||null,catParent:(null===(a=e.cat_parent)||void 0===a?void 0:a.name)?{name:e.cat_parent.name,permalink:e.cat_parent.permalink}:{},metaTag:e.meta_tag||"",reviewedBy:e.reviewed_by?(o=e.reviewed_by,{postTitle:o.post_title,permalink:o.permalink}):null,reviewedDate:e.reviewed_date||"",faqs:e.faqs?e.faqs.map((e=>(e=>({title:e.title,content:e.content}))(e))):null,customizedUrl:e.customized_url||null}:{}},yt=e=>{var t,a;if(!e)return{};const o=null===(t=e.link)||void 0===t?void 0:t.includes("/bot/"),i=null===(a=e.link)||void 0===a?void 0:a.startsWith("/fil/"),n=e.link?e.link.startsWith("http")||o?e.link:i?e.link.replace("/health-tools/","/").replace("/fil/","/fil/health-tools/"):`/health-tools${e.link.replace("/health-tools/","/")}`:void 0;return{icon:e.icon,link:n,subtitle:e.subtitle,title:e.title}},bt=e=>{var t,a,o,i,n;return e&&(null==e?void 0:e.object_id)?{thumbnail:(null===(t=null==e?void 0:e.object_id)||void 0===t?void 0:t.logo)||"",link:(null===(a=null==e?void 0:e.object_id)||void 0===a?void 0:a.slug)||"",subtitle:(null===(o=e.object_id)||void 0===o?void 0:o.name)||"",name:(null===(i=e.object_id)||void 0===i?void 0:i.name)||"",slug:(null===(n=e.object_id)||void 0===n?void 0:n.slug)||""}:{}},ft=e=>{var t,a,o,i;return e&&(null==e?void 0:e.object_id)?{id:e.id,name:(null===(t=e.object_id)||void 0===t?void 0:t.name)||"",logo:(null===(a=null==e?void 0:e.object_id)||void 0===a?void 0:a.logo)||"",description:(null===(o=e.object_id)||void 0===o?void 0:o.description)||"",slug:(null===(i=e.object_id)||void 0===i?void 0:i.slug)||""}:{}},xt=({type:e,specialtySlug:t,locale:a})=>{var o,i;return`${null===(o=oe[a])||void 0===o?void 0:o.ALL}/${(null===(i=oe[a])||void 0===i?void 0:i[e])||"doctor"}/${null!=t?t:""}`},wt=e=>e?{id:e.ID,name:e.name,permalink:e.permalink,image:(null==e?void 0:e.small_banner)||(null==e?void 0:e.image)||"",imageMedium:(null==e?void 0:e.image_medium)||null,imageThumbnail:(null==e?void 0:e.image_thumbnail)||null,startDate:null==e?void 0:e.start_date,endDate:null==e?void 0:e.end_date}:{},Et=e=>{const t=new Date;if(null==e?void 0:e.startDate){const a=new Date(e.startDate);if(t.getTime()<a.getTime())return!1}if(null==e?void 0:e.endDate){const a=new Date(e.endDate);if(t.getTime()>a.getTime())return!1}return!0},Ct=({SSO_URL:e,UP_BASEPATH:t="user",themeName:l="helloSites",cardUrls:r=Te,enableCare:s,enableTogether:d,enableEcom:c,enableMySaved:m,userInfo:p,togetherApiDomain:g,userPostsNumber:h,onClickNavigationCard:u,onClickMyProfileButton:v,onClickMenuItem:y,onClickLogout:x,isUserProfileNavigatorMenuHidden:w=!1,isMyHealthEnabled:E=!1,locale:C})=>{const{t:k}=j(),[$,P]=o(h||0),_="marryBaby"===l;i((()=>{if(p&&void 0===h){const e=J("hhg_user_token");e&&fetch(N(((e,t,a,o)=>(a||"https://together.hellohealthgroup.com/")+"api/v1/"+ie(mt,Object.assign(Object.assign({},o),{websiteUrl:t?"https://marrybaby.vn":`https://${f[e]}`})))(C,_,g)),{headers:{Authorization:`Bearer ${e}`}}).then((e=>e.json())).then((e=>{var t,a,o;1===(null==e?void 0:e.status)&&(null===(t=null==e?void 0:e.data)||void 0===t?void 0:t.pagination)&&P((null===(o=null===(a=null==e?void 0:e.data)||void 0===a?void 0:a.pagination)||void 0===o?void 0:o.total_items)||0)})).catch((e=>console.error("Error fetching post number",e)))}}),[C,null!==p,h,g,_]);const M=n((()=>{let e;return e=_?["myHealth","myCommunity","mySaved"]:["myHealth","mySaved","myBooking","myCommunity","eCom"],e.filter((e=>"myBooking"===e?s:"myCommunity"===e?d:"myHealth"===e?E:"eCom"===e?c:"mySaved"!==e||m))}),[_,E]),A=n((()=>"marryBaby"===l?null:a.createElement(ee,{color:"tertiary",icon:a.createElement("img",{src:b.getAssetPath("userProfileNav/helloSites/icon-logOut.svg"),width:15,height:15,loading:"lazy"}),size:"md",onClick:x,className:at},k("userProfile.nav.menu.logout"))),[l]),T=a=>{a.startsWith("http")||a.startsWith("/")?window.location.href=B(a):e&&(window.location.href=B(`${e}${t}/${a}`))},L=e=>{const t=r[e];u?u(t):T(t)};return p?a.createElement("div",{className:Xe,"data-theme":l},a.createElement(De,{userInfo:p,themeName:l,onClickMyProfileButton:()=>{v?v():T("profile")}}),a.createElement(ct,{themeName:l,rank:"member",numberOfPosts:$}),a.createElement("div",{className:et},M.map((e=>a.createElement(Ve,{className:tt,key:e,themeName:l,type:e,onClick:L})))),!w&&a.createElement(a.Fragment,null,a.createElement(Qe,{themeName:l,locale:C,onClickItem:e=>{"logout"===e.link&&x?x():e.link&&!e.subMenu&&(y?y(e.link):T(e.link))}}),A)):null},kt=({SSO_URL:e,UP_BASEPATH:t,isOpen:o,targetAvatar:i,userInfo:n,enableCare:l,enableTogether:r,enableEcom:s,enableMySaved:d,closePopup:c,siteType:m="helloSites",dispatchLogout:p,userProfileRouterPush:g,isUserProfileNavigatorMenuHidden:h,isMyHealthEnabled:u=!1,togetherApiDomain:v,locale:y})=>{const b=a=>{a.startsWith("http")?window.location.href=B(a):a.startsWith("/")?window.location.href=B(`${Q}${a}`):g?g(`/${a}`):window.location.href=B(`${e}${t}/${a}`)},f=e=>{b(e),c()};return a.createElement(Ae,{isOpen:o,type:"profile",enableAnimation:!0,targetAvatar:i,onClose:c},a.createElement(Ct,{SSO_URL:e,UP_BASEPATH:t,themeName:m,userInfo:n,enableCare:l,enableTogether:r,enableEcom:s,enableMySaved:d,onClickLogout:()=>{p&&(p(),c())},onClickMenuItem:f,onClickNavigationCard:f,onClickMyProfileButton:()=>{b("profile"),c()},isUserProfileNavigatorMenuHidden:h,isMyHealthEnabled:u,togetherApiDomain:v,locale:y}))},$t=u.div`
+`,Ae=({type:e="lead",closeIcon:t,isOpen:o=!0,onClose:i,children:n,enableAnimation:l=!0,targetAvatar:r,id:s,className:d})=>a.createElement(Pe,{"data-open":o,"data-type":e,"data-animation":l,"data-target":r,id:s,className:d},a.createElement("div",{className:"popup-content"},!!t&&a.createElement("div",{className:"close-button",onClick:i},t),n)),Te={myBooking:"booking",mySaved:"saved",myHealth:"health",myFamily:"family",myCommunity:"my-communities",eCom:"/shop/ho-so/quan-li-don-hang/"};var Le="uJQBNNg",He="TfG3dM5",Se="aMtjFNf",Ue="cSz2RR-",ze="GyFm00F";function De({userInfo:e,onClickMyProfileButton:t,themeName:o="helloSites"}){const{t:i}=j(),l=n((()=>{const t=(null==e?void 0:e.name)||(null==e?void 0:e.username);return t&&t.length?t[0].toUpperCase():"A"}),[null==e?void 0:e.username,null==e?void 0:e.name]);return a.createElement("div",{className:Le,onClick:()=>{t&&t()}},a.createElement(ce,{className:He,type:"rounded",size:"xl",avatarUrl:null==e?void 0:e.avatar,firstLetter:l,backgroundColor:"marryBaby"===o?G.mbColors.pink:G.colors.secondaryBase}),a.createElement("div",{className:Se},a.createElement("div",{className:Ue},(null==e?void 0:e.name)||(null==e?void 0:e.username)),a.createElement("div",{className:ze,style:{"--bg-hellosites":`url(${b.getAssetPath("userProfileNav/helloSites/icon-chevronRight.svg")})`,"--bg-marrybaby":`url(${b.getAssetPath("userProfileNav/marryBaby/icon-arrowRight.svg")})`}},i("userProfile.nav.header.viewProfile"))))}var je="fVk18fq",Re="v8TCvUb",Oe="mx7T4V3";const Ie={myHealth:G.mbColors.toneYellow,myCommunity:G.mbColors.toneBlue,mySaved:G.mbColors.toneGreen},Fe={helloSites:{myBooking:()=>b.getAssetPath("userProfileNav/helloSites/icon-myBooking.svg"),myCommunity:()=>b.getAssetPath("userProfileNav/helloSites/icon-myCommunity.svg"),myFamily:()=>b.getAssetPath("userProfileNav/helloSites/icon-myFamily.svg"),myHealth:()=>b.getAssetPath("userProfileNav/helloSites/icon-myHealth.svg"),mySaved:()=>b.getAssetPath("userProfileNav/helloSites/icon-mySaved.svg"),eCom:()=>b.getAssetPath("userProfileNav/helloSites/icon-eCom.svg")},marryBaby:{mySaved:()=>b.getAssetPath("userProfileNav/marryBaby/icon-mySaved.svg"),myCommunity:()=>b.getAssetPath("userProfileNav/marryBaby/icon-myCommunity.svg"),myHealth:()=>b.getAssetPath("userProfileNav/marryBaby/icon-myHealth.svg")}},Ve=({type:e,themeName:t,className:o,onClick:i=(()=>{})})=>{const{t:l}=j(),r=n((()=>{var a,o;return(null===(o=null===(a=Fe[t])||void 0===a?void 0:a[e])||void 0===o?void 0:o.call(a))||""}),[e,t]),s=n((()=>"marryBaby"!==t?"transparent":Ie[e]),[e,t]);return a.createElement("div",{onClick:function(){i(e)},className:`${je} ${o}`},a.createElement("div",{className:Oe,style:{backgroundColor:s,backgroundImage:`url("${r}")`}}),a.createElement("h3",{className:Re},l(`userProfile.nav.card.${e}`)))};var Ge="gn6HmGG",We="FCx8FEM",Ye="zMiRxaE",Ze="lZ2Z9MQ",qe="rwm-agG",Ke="qMOscoq";const Qe=({themeName:e,locale:t,onClickItem:i})=>{const[l,r]=o(""),s=n((()=>"marryBaby"===e?[{key:"userProfile.nav.menu.password",icon:b.getAssetPath("userProfileNav/marryBaby/icon-lock.svg"),link:"password"},{key:"userProfile.nav.menu.logout",icon:b.getAssetPath("userProfileNav/marryBaby/icon-logOut.svg"),link:"logout"}]:[{key:"userProfile.nav.menu.accountSettings",icon:b.getAssetPath("userProfileNav/helloSites/icon-settingsWheel.svg"),subMenu:[{key:"common.profileNavigator.newsletterSubscription",link:"subscriptions",disableLocale:["id-ID","ms-MY","km-KH","en-PH","tl-PH","th-TH","my-MM","zh-TW","hi-IN"]},{key:"userProfile.nav.menu.password",link:"password"},{key:"userProfile.nav.menu.disableAccount",link:"disable-account",disableLocale:["hi-IN"]}]},{key:"userProfile.nav.menu.help",icon:b.getAssetPath("userProfileNav/helloSites/icon-helpCircle.svg"),link:"help"}]),[e]);function d(e){e.subMenu?r((t=>t?"":e.key)):i&&i(e)}return a.createElement("div",{className:Ge},s.map((e=>a.createElement(Je,{key:e.key,item:e,openKey:l,onClickItem:d,locale:t}))))},Je=({item:e,openKey:t,onClickItem:o,locale:i})=>{var n;const{t:l}=j();return(null===(n=e.disableLocale)||void 0===n?void 0:n.includes(i))?null:a.createElement("div",{className:`${We} nav-menu-item`,"data-is-open":t===e.key,key:e.key,"data-has-submenu":!!e.subMenu},a.createElement("div",{className:Ye,onClick:()=>o(e)},e.icon&&a.createElement("div",{className:Ze,style:{backgroundImage:`url("${e.icon}")`}}),l(e.key),e.subMenu&&a.createElement("div",{className:qe,style:{"--after-bg":`url(${b.getAssetPath("userProfileNav/helloSites/icon-chevronDown.svg")})`}})),e.subMenu&&a.createElement("div",{className:Ke},e.subMenu.map((e=>a.createElement(Je,{key:e.key,item:e,openKey:t,onClickItem:o,locale:i})))))};var Xe="-AZt1au",et="IvSIfCI",tt="eahCJov",at="XIyViFs",ot="_4y-O0w3",it="kO8iNgD",nt="a1d4E10",lt="Tdguxxf",rt="-mOxsaU",st="yPeDBNZ";const dt={helloSites:{member:()=>b.getAssetPath("userProfileNav/helloSites/icon-rank-member.svg"),ambassador:()=>b.getAssetPath("userProfileNav/helloSites/icon-rank-ambassador.svg"),doctor:()=>b.getAssetPath("userProfileNav/helloSites/icon-rank-doctor.svg"),expert:()=>b.getAssetPath("userProfileNav/helloSites/icon-rank-expert.svg"),influencer:()=>b.getAssetPath("userProfileNav/helloSites/icon-rank-influencer.svg")},marryBaby:{member:()=>b.getAssetPath("userProfileNav/marryBaby/icon-rank-member.svg"),ambassador:()=>b.getAssetPath("userProfileNav/marryBaby/icon-rank-ambassador.svg"),doctor:()=>b.getAssetPath("userProfileNav/marryBaby/icon-rank-doctor.svg"),expert:()=>b.getAssetPath("userProfileNav/marryBaby/icon-rank-expert.svg"),influencer:()=>b.getAssetPath("userProfileNav/marryBaby/icon-rank-influencer.svg")}},ct=({themeName:e,rank:t="member",numberOfPosts:o=0})=>{const{t:i}=j(),l=n((()=>{var a,o;return(null===(o=null===(a=dt[e])||void 0===a?void 0:a[t])||void 0===o?void 0:o.call(a))||""}),[t,e]);return a.createElement("div",{className:ot,"data-user-rank":t},a.createElement("div",{className:it},a.createElement("div",{className:nt},a.createElement("div",{className:lt,style:{backgroundImage:`url("${l}")`}}),a.createElement("h3",{className:rt},i(`userProfile.userRank.${t}`)),o>0&&a.createElement("p",{className:st},o," ",i("userProfile.nav.header.count.posts")))))},mt="profile/posts?website_url={websiteUrl}",pt=99,gt=300,ht=400,ut=210,vt=e=>{var t,a,o,i;return e?{termId:e.term_id||null,sponsor:e.sponsor?(i=e.sponsor,i?{title:i.title,logo:i.logo,link:i.link}:{}):null,isSponsored:e.is_sponsored||null,categoryName:e.cat_name||e.name||null,name:e.name||null,iconUrl:e.icon||"",slugName:e.category_nicename||null,description:e.description||null,featureImage:e.thumbnail||e.image||null,displayName:e.name||null,parent:e.parent||null,permalink:e.permalink||null,slug:e.slug||null,childCates:(null===(t=e.child_cates)||void 0===t?void 0:t.map((e=>vt(e))))||[],thumnailColor:e.thumnail_color||["#FFEAF1","#E0E9FB","#FFF9EB","#F2FCF7","#F3F3F3"][5*Math.random()|0],colorFeatureImage:e.color_feature_image||null,imageColor:e.image_color||null,textColor:e.text_color||null,catParent:(null===(a=e.cat_parent)||void 0===a?void 0:a.name)?{name:e.cat_parent.name,permalink:e.cat_parent.permalink}:{},metaTag:e.meta_tag||"",reviewedBy:e.reviewed_by?(o=e.reviewed_by,{postTitle:o.post_title,permalink:o.permalink}):null,reviewedDate:e.reviewed_date||"",faqs:e.faqs?e.faqs.map((e=>(e=>({title:e.title,content:e.content}))(e))):null,customizedUrl:e.customized_url||null}:{}},yt=e=>{var t,a;if(!e)return{};const o=null===(t=e.link)||void 0===t?void 0:t.includes("/bot/"),i=null===(a=e.link)||void 0===a?void 0:a.startsWith("/fil/"),n=e.link?e.link.startsWith("http")||o?e.link:i?e.link.replace("/health-tools/","/").replace("/fil/","/fil/health-tools/"):`/health-tools${e.link.replace("/health-tools/","/")}`:void 0;return{icon:e.icon,link:n,subtitle:e.subtitle,title:e.title}},bt=e=>{var t,a,o,i,n;return e&&(null==e?void 0:e.object_id)?{thumbnail:(null===(t=null==e?void 0:e.object_id)||void 0===t?void 0:t.logo)||"",link:(null===(a=null==e?void 0:e.object_id)||void 0===a?void 0:a.slug)||"",subtitle:(null===(o=e.object_id)||void 0===o?void 0:o.name)||"",name:(null===(i=e.object_id)||void 0===i?void 0:i.name)||"",slug:(null===(n=e.object_id)||void 0===n?void 0:n.slug)||""}:{}},ft=e=>{var t,a,o,i;return e&&(null==e?void 0:e.object_id)?{id:e.id,name:(null===(t=e.object_id)||void 0===t?void 0:t.name)||"",logo:(null===(a=null==e?void 0:e.object_id)||void 0===a?void 0:a.logo)||"",description:(null===(o=e.object_id)||void 0===o?void 0:o.description)||"",slug:(null===(i=e.object_id)||void 0===i?void 0:i.slug)||""}:{}},xt=({type:e,specialtySlug:t,locale:a})=>{var o,i;return`${null===(o=oe[a])||void 0===o?void 0:o.ALL}/${(null===(i=oe[a])||void 0===i?void 0:i[e])||"doctor"}/${null!=t?t:""}`},wt=e=>e?{id:e.ID,name:e.name,permalink:e.permalink,image:(null==e?void 0:e.small_banner)||(null==e?void 0:e.image)||"",imageMedium:(null==e?void 0:e.image_medium)||null,imageThumbnail:(null==e?void 0:e.image_thumbnail)||null,startDate:null==e?void 0:e.start_date,endDate:null==e?void 0:e.end_date}:{},Et=e=>{const t=new Date;if(null==e?void 0:e.startDate){const a=new Date(e.startDate);if(t.getTime()<a.getTime())return!1}if(null==e?void 0:e.endDate){const a=new Date(e.endDate);if(t.getTime()>a.getTime())return!1}return!0},Ct=({SSO_URL:e,UP_BASEPATH:t="user",themeName:l="helloSites",cardUrls:r=Te,enableCare:s,enableTogether:d,enableEcom:c,enableMySaved:m,userInfo:p,togetherApiDomain:g,userPostsNumber:h,onClickNavigationCard:u,onClickMyProfileButton:v,onClickMenuItem:y,onClickLogout:x,isUserProfileNavigatorMenuHidden:w=!1,isMyHealthEnabled:E=!1,locale:C})=>{const{t:k}=j(),[$,P]=o(h||0),_="marryBaby"===l;i((()=>{if(p&&void 0===h){const e=J("hhg_user_token");e&&fetch(N(((e,t,a,o)=>(a||"https://together.hellohealthgroup.com/")+"api/v1/"+ie(mt,Object.assign(Object.assign({},o),{websiteUrl:t?"https://marrybaby.vn":`https://${f[e]}`})))(C,_,g)),{headers:{Authorization:`Bearer ${e}`}}).then((e=>e.json())).then((e=>{var t,a,o;1===(null==e?void 0:e.status)&&(null===(t=null==e?void 0:e.data)||void 0===t?void 0:t.pagination)&&P((null===(o=null===(a=null==e?void 0:e.data)||void 0===a?void 0:a.pagination)||void 0===o?void 0:o.total_items)||0)})).catch((e=>console.error("Error fetching post number",e)))}}),[C,null!==p,h,g,_]);const M=n((()=>{let e;return e=_?["myHealth","myCommunity","mySaved"]:["myHealth","mySaved","myBooking","myCommunity","eCom"],e.filter((e=>"myBooking"===e?s:"myCommunity"===e?d:"myHealth"===e?E:"eCom"===e?c:"mySaved"!==e||m))}),[_,E]),A=n((()=>"marryBaby"===l?null:a.createElement(ee,{color:"tertiary",icon:a.createElement("img",{src:b.getAssetPath("userProfileNav/helloSites/icon-logOut.svg"),width:15,height:15,loading:"lazy"}),size:"md",onClick:x,className:at},k("userProfile.nav.menu.logout"))),[l]),T=a=>{a.startsWith("http")||a.startsWith("/")?window.location.href=B(a):e&&(window.location.href=B(`${e}${t}/${a}`))},L=e=>{const t=r[e];u?u(t):T(t)};return p?a.createElement("div",{className:Xe,"data-theme":l},a.createElement(De,{userInfo:p,themeName:l,onClickMyProfileButton:()=>{v?v():T("profile")}}),a.createElement(ct,{themeName:l,rank:"member",numberOfPosts:$}),a.createElement("div",{className:et},M.map((e=>a.createElement(Ve,{className:tt,key:e,themeName:l,type:e,onClick:L})))),!w&&a.createElement(a.Fragment,null,a.createElement(Qe,{themeName:l,locale:C,onClickItem:e=>{"logout"===e.link&&x?x():e.link&&!e.subMenu&&(y?y(e.link):T(e.link))}}),A)):null},kt=({SSO_URL:e,UP_BASEPATH:t,isOpen:o,targetAvatar:i,userInfo:n,enableCare:l,enableTogether:r,enableEcom:s,enableMySaved:d,closePopup:c,siteType:m="helloSites",dispatchLogout:p,userProfileRouterPush:g,isUserProfileNavigatorMenuHidden:h,isMyHealthEnabled:u=!1,togetherApiDomain:v,locale:y})=>{const b=a=>{if(a.startsWith("http"))window.location.href=B(a);else if(a.startsWith("/")){let e=window.location.origin;e.includes("id.")&&(e=Q),window.location.href=B(`${e}${a}`)}else g?g(`/${a}`):window.location.href=B(`${e}${t}/${a}`)},f=e=>{b(e),c()};return a.createElement(Ae,{isOpen:o,type:"profile",enableAnimation:!0,targetAvatar:i,onClose:c},a.createElement(Ct,{SSO_URL:e,UP_BASEPATH:t,themeName:m,userInfo:n,enableCare:l,enableTogether:r,enableEcom:s,enableMySaved:d,onClickLogout:()=>{p&&(p(),c())},onClickMenuItem:f,onClickNavigationCard:f,onClickMyProfileButton:()=>{b("profile"),c()},isUserProfileNavigatorMenuHidden:h,isMyHealthEnabled:u,togetherApiDomain:v,locale:y}))},$t=u.div`
   background-color: white;
   text-align: center;
   .cancle-img {

package/build/esm/{index-aacc06df.js → index-92a986af.js}

@@ -1 +1 @@
-import{_ as e}from"./tslib.es6-d24c5627.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-a3d599ed.js";import{L as a}from"./Onboarding-c6987273.js";import{CommonGAssets as i}from"./gAssets.js";import{M as n}from"./index-052cee3a.js";const l=l=>{var m,{value:c,fullWidth:d=!0}=l,p=e(l,["value","fullWidth"]);return t.createElement(o,Object.assign({locale:n[process.env.UNIFY_LOCALE||a.Vietnam],valueFormat:null===(m=s[process.env.UNIFY_LOCALE||a.Vietnam])||void 0===m?void 0:m.dateFormat,size:"md",clearable:!1,popoverProps:d?{styles:{dropdown:{minWidth:"100%",display:"flex",justifyContent:"center",alignItems:"center"}}}:{},styles:{root:{position:"relative"},rightSection:{pointerEvents:"none",cursor:"default"}},rightSection:t.createElement(r,{src:i.getAssetPath(p.isMB?"MB-calendar.svg":"OutlineCalendar.svg"),width:16,height:16}),value:c},p,{className:`input-control ${(null==p?void 0:p.className)||""}`}))};export{l as D};
+import{_ as e}from"./tslib.es6-cbcb09e8.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-0a62b4ef.js";import{L as a}from"./Onboarding-6bc6cea1.js";import{CommonGAssets as i}from"./gAssets.js";import{M as n}from"./index-291de712.js";const l=l=>{var m,{value:c,fullWidth:d=!0}=l,p=e(l,["value","fullWidth"]);return t.createElement(o,Object.assign({locale:n[process.env.UNIFY_LOCALE||a.Vietnam],valueFormat:null===(m=s[process.env.UNIFY_LOCALE||a.Vietnam])||void 0===m?void 0:m.dateFormat,size:"md",clearable:!1,popoverProps:d?{styles:{dropdown:{minWidth:"100%",display:"flex",justifyContent:"center",alignItems:"center"}}}:{},styles:{root:{position:"relative"},rightSection:{pointerEvents:"none",cursor:"default"}},rightSection:t.createElement(r,{src:i.getAssetPath(p.isMB?"MB-calendar.svg":"OutlineCalendar.svg"),width:16,height:16}),value:c},p,{className:`input-control ${(null==p?void 0:p.className)||""}`}))};export{l as D};

package/build/esm/{index-15c9cfa8.js → index-c18492a5.js}

@@ -1,4 +1,4 @@
-import{_ as e}from"./tslib.es6-d24c5627.js";import t,{useMemo as n,useState as o,useEffect as a}from"react";import{L as l}from"./Onboarding-c6987273.js";import{CommonGAssets as r}from"./gAssets.js";import{t as i}from"./theme-b56f5406.js";import c from"styled-components";import{I as s,i as d}from"./index-052cee3a.js";import{T as p}from"./index-e0d7e856.js";const m=c.div`
+import{_ as e}from"./tslib.es6-cbcb09e8.js";import t,{useMemo as n,useState as a,useEffect as o}from"react";import{L as l}from"./Onboarding-6bc6cea1.js";import{CommonGAssets as r}from"./gAssets.js";import{t as i}from"./theme-b9447dbb.js";import c from"styled-components";import{I as s,i as d}from"./index-291de712.js";import{T as p}from"./index-f5158a33.js";const m=c.div`
   display: inline-flex;
   overflow: hidden;
   width: ${e=>e.size}px;
@@ -36,9 +36,9 @@ import{_ as e}from"./tslib.es6-d24c5627.js";import t,{useMemo as n,useState as o
   & > * {
     pointer-events: none;
   }
-`,h=[l.Myanmar,l.Taiwan],v=c((o=>{var{icon:a,name:l,className:c,locale:d="en-PH",dataEventCategory:v,dataEventAction:b,dataEventLabel:u,onSelect:x}=o,w=e(o,["icon","name","className","locale","dataEventCategory","dataEventAction","dataEventLabel","onSelect"]);const k=n((()=>null==c?void 0:c.includes("selected-week-pill")),[c]);return t.createElement(g,Object.assign({onClick:x,className:c?"week-pill".concat(" non-pointer-event-child ",c):"week-pill non-pointer-event-child","data-event-category":v,"data-event-action":b,"data-event-label":u},w),t.createElement(m,{size:64,iconSize:40,backgroundColor:i.colors.white},t.createElement(s,{src:a||r.getAssetPath("week_default.png"),alt:`week ${l}`})),k?t.createElement(p,Object.assign({type:"semiBold",size:"n1",color:i.colors.gray800},h.includes(d)&&{style:{fontSize:"10px"}}),l):t.createElement(p,Object.assign({size:"n1",color:i.colors.gray600},h.includes(d)&&{style:{fontSize:"10px"}}),l))}))`
+`,b=[l.Myanmar,l.Taiwan],h=c((a=>{var{icon:o,name:l,className:c,locale:d="en-PH",dataEventCategory:h,dataEventAction:v,dataEventLabel:u,onSelect:x}=a,w=e(a,["icon","name","className","locale","dataEventCategory","dataEventAction","dataEventLabel","onSelect"]);const k=n((()=>null==c?void 0:c.includes("selected-week-pill")),[c]);return t.createElement(g,Object.assign({onClick:x,className:c?"week-pill".concat(" non-pointer-event-child ",c):"week-pill non-pointer-event-child","data-event-category":h,"data-event-action":v,"data-event-label":u},w),t.createElement(m,{size:64,iconSize:40,backgroundColor:i.colors.white},t.createElement(s,{src:o||r.getAssetPath("week_default.png"),alt:`week ${l}`})),k?t.createElement(p,Object.assign({type:"semiBold",size:"n1",color:i.colors.gray800},b.includes(d)&&{style:{fontSize:"10px"}}),l):t.createElement(p,Object.assign({size:"n1",color:i.colors.gray600},b.includes(d)&&{style:{fontSize:"10px"}}),l))}))`
   box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.08);
-`,b=c(d.Slide)`
+`,v=c(d.Slide)`
   cursor: pointer;
   > div * {
     pointer-events: none;
@@ -47,4 +47,4 @@ import{_ as e}from"./tslib.es6-d24c5627.js";import t,{useMemo as n,useState as o
   .centerred-pill-wrapper {
     padding: 16px 0;
   }
-`,x=n=>{var{data:r,isMobile:i,onSlideChange:c,pillProps:s,locale:d=l.Vietnam,blurFromIndex:p,blurLength:m}=n,g=e(n,["data","isMobile","onSlideChange","pillProps","locale","blurFromIndex","blurLength"]);const h={withControls:!i,slideGap:16,blurFromCenter:!0,blurFromIndex:p||(i?2:4),blurLength:m||(i?1:3),onSlideChange:c},[x,k]=o("");return a((()=>{k(window.location.href)}),[]),t.createElement(u,Object.assign({},h,g,{selectSlideWhenClick:!0,previousControlIcon:t.createElement(w,{currentUrl:x}),nextControlIcon:t.createElement(w,{currentUrl:x,isRight:!0})}),(e=>r.map(((n,o)=>t.createElement(b,Object.assign({key:o,onClick:c,"data-event-category":"Health Tool","data-event-action":"Pregnancy Week Click","data-event-label":x,innerSlideProps:{"data-event-category":"Health Tool","data-event-action":"Pregnancy Week Click","data-event-label":x}},s),t.createElement("div",{className:"centerred-pill-wrapper"},t.createElement(v,{"data-event-category":"Health Tool","data-event-action":"Fetal Week Click","data-event-label":x,locale:d,name:n.name,icon:n.icon,className:o===e?"selected-week-pill pointer-event-child-none":"pointer-event-child-none"})))))))},w=({isRight:e,currentUrl:n})=>t.createElement("svg",{viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",style:e?{transform:"rotate(-90deg)"}:{transform:"rotate(90deg)"},"data-event-category":"Health Tool","data-event-action":"Pregnancy Week Arrow Click","data-event-label":n,className:"pointer-event-child-none"},t.createElement("path",{d:"M3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}));export{x as P};
+`,x=n=>{var{data:r,isMobile:i,onSlideChange:c,pillProps:s,locale:d=l.Vietnam,blurFromIndex:p,blurLength:m}=n,g=e(n,["data","isMobile","onSlideChange","pillProps","locale","blurFromIndex","blurLength"]);const b={withControls:!i,slideGap:16,blurFromCenter:!0,blurFromIndex:p||(i?2:4),blurLength:m||(i?1:3),onSlideChange:c},[x,k]=a("");return o((()=>{k(window.location.href)}),[]),t.createElement(u,Object.assign({},b,g,{selectSlideWhenClick:!0,previousControlIcon:t.createElement(w,{currentUrl:x}),nextControlIcon:t.createElement(w,{currentUrl:x,isRight:!0})}),(e=>r.map(((n,a)=>t.createElement(v,Object.assign({key:a,onClick:c,"data-event-category":"Health Tool","data-event-action":"Pregnancy Week Click","data-event-label":x,innerSlideProps:{"data-event-category":"Health Tool","data-event-action":"Pregnancy Week Click","data-event-label":x}},s),t.createElement("div",{className:"centerred-pill-wrapper"},t.createElement(h,{"data-event-category":"Health Tool","data-event-action":"Fetal Week Click","data-event-label":x,locale:d,name:n.name,icon:n.icon,className:a===e?"selected-week-pill pointer-event-child-none":"pointer-event-child-none"})))))))},w=({isRight:e,currentUrl:n})=>t.createElement("svg",{viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",style:e?{transform:"rotate(-90deg)"}:{transform:"rotate(90deg)"},"data-event-category":"Health Tool","data-event-action":"Pregnancy Week Arrow Click","data-event-label":n,className:"pointer-event-child-none"},t.createElement("path",{d:"M3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}));export{x as P};

package/build/esm/{index-1cbad549.js → index-d08c035e.js}

@@ -1 +1 @@
-import{_ as e}from"./tslib.es6-d24c5627.js";import t from"react";import{S as s,a}from"./index.styled-c44879f1.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-cbcb09e8.js";import t from"react";import{S as s,a}from"./index.styled-6ff83599.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};