@hhgtech/hhg-components 1.28.16 → 1.28.18

package/build/{index-22702e82.js → index-9d739862.js}

@@ -1,4 +1,4 @@
-"use strict";var e=require("react"),t=require("./index-eab60ab5.js"),a=require("./index.styles-6f18edec.js"),l=require("./screenSizeContext-90f26a14.js"),n=require("./index-90c21b12.js"),i=require("./index-e4dc72f3.js"),r=require("./useTranslations-c144a2c9.js");require("lodash/debounce");var o=require("./isProduction-7f5216fc.js"),s=require("./index-da92a0b1.js");require("./useCategory-7c185815.js");var d=require("./gAssets.js"),c=require("./theme-729e91dd.js"),u=require("./tslib.es6-647efffd.js"),m=require("@mantine/core"),p=require("innertext");require("@mantine/dates");var g=require("./Onboarding-1ed7eddd.js"),h=require("dayjs"),f=require("styled-components");require("./translationsContext-aef20045.js"),require("string-format");var b=require("@mantine/hooks"),v=require("./index-a35a89b8.js"),y=require("lodash/throttle"),x=require("./index-a8741dd0.js"),E=require("./index-fdff35ad.js"),w=require("./index-d9181e17.js"),C=require("html-react-parser"),k=require("date-fns");require("./utils-47e2d20e.js"),require("./index.styled-d1cabd49.js"),require("./index-805e5d13.js");var B=require("./constants-34c6856b.js"),T=require("./types-9d34ae85.js"),D=require("./index-a2cff539.js"),S=require("./index-3859eba9.js"),N=require("./index.styled-51ef7895.js"),M=require("./index-82b6a813.js"),A=require("react-hook-form"),$=require("./useHealthToolCache-9137dd04.js"),z=require("@hookform/resolvers/yup"),P=require("./index-4db0a2fe.js"),L=require("./index-9b8e0a98.js"),I=require("react-day-picker/DayPickerInput"),_=require("./useOutsideClick-55256032.js"),O=require("date-fns/locale/en-US"),j=require("date-fns/locale/id"),F=require("date-fns/locale/vi"),R=require("date-fns/locale/zh-TW"),H=require("./getSocialList-fbfd9e01.js"),G=require("uuid"),U=require("./routing-6b95f257.js"),W=require("@mantine/form"),V=require("./index-28e430b3.js"),Q=require("js-cookie"),q=require("lodash/flatten");require("react-contenteditable"),require("react-dom");var Z=require("lodash/uniqBy");function Y(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var K=Y(e),X=Y(p),J=Y(h),ee=Y(f),te=Y(y),ae=Y(C),le=Y(I),ne=Y(O),ie=Y(j),re=Y(F),oe=Y(R),se=Y(Q),de=Y(q),ce=Y(Z),ue="CHw-fZZ",me="_03U6VRS",pe="EO828Vv";const ge=()=>K.default.createElement("style",null,".file-dropdown-path{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}"),he=()=>K.default.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",viewBox:"0 0 12.17 14.83"},K.default.createElement("defs",null,K.default.createElement("clipPath",{id:"prefix__clip-path",transform:"translate(-1.92 -1.54)"},K.default.createElement("path",{fill:"none",d:"M0 .96h16v16H0z"}))),K.default.createElement("title",null,"File"),K.default.createElement("g",{clipPath:"url(#prefix__clip-path)"},K.default.createElement("path",{className:"file-dropdown-path",d:"M8.67 2.29H4a1.33 1.33 0 00-1.33 1.33v10.67A1.33 1.33 0 004 15.62h8a1.33 1.33 0 001.33-1.33V7z",transform:"translate(-1.92 -1.54)"}),K.default.createElement("path",{className:"file-dropdown-path",d:"M8.67 2.29V7h4.66",transform:"translate(-1.92 -1.54)"}))),fe=()=>K.default.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",viewBox:"0 0 13.5 13.5"},K.default.createElement("title",null,"download"),K.default.createElement("path",{className:"file-dropdown-path",d:"M14 11v2.66A1.33 1.33 0 0112.67 15H3.33A1.33 1.33 0 012 13.62V11M4.67 7.62L8 11l3.33-3.34M8 11V3",transform:"translate(-1.25 -2.21)"})),be=()=>K.default.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",viewBox:"0 0 13.5 13.5"},K.default.createElement("title",null,"upload"),K.default.createElement("path",{className:"file-dropdown-path",d:"M14 11v2.66A1.33 1.33 0 0112.67 15H3.33A1.33 1.33 0 012 13.62V11M11.33 6.29L8 3 4.67 6.29M8 3v8",transform:"translate(-1.25 -2.21)"})),ve=({pagesAmount:t,activePage:n,handlePageChange:i,handleClick:r,href:o,queryPageName:s="page"})=>{const d=[...Array(t)].map(((e,t)=>t+1)),[c,u]=e.useState(n<=4?d.slice(0,5):n>=d.length-3?d.slice(d.length-5,d.length):d.slice(n-2,n+1));return e.useEffect((()=>{n<=4?u(d.slice(0,5)):n>=d.length-3?u(d.slice(d.length-5,d.length)):u(d.slice(n-2,n+1))}),[n]),K.default.createElement(e.Fragment,null,n>4&&K.default.createElement(e.Fragment,null,K.default.createElement(a.StyledPaginationBlock,{onClick:()=>i(1)},o?K.default.createElement("a",{href:o,onClick:r},1):1),K.default.createElement(a.StyledPaginationBlock,null,"...")),c.map((e=>K.default.createElement(a.StyledPaginationBlock,{key:`pagination+${e}`,"data-page-active":e===n||void 0,onClick:()=>i(e)},o?K.default.createElement("a",{href:l.formatUrlWithPageParam(o,e,s),onClick:r},e):e))),n<d.length-3&&K.default.createElement(e.Fragment,null,K.default.createElement(a.StyledPaginationBlock,null,"..."),K.default.createElement(a.StyledPaginationBlock,{onClick:()=>i(d.length)},o?K.default.createElement("a",{href:l.formatUrlWithPageParam(o,d.length,s),onClick:r},d.length):d.length)))},ye=({label:e,name:t,checked:l,className:n,isDisabled:i,onChange:r,value:o,isRectangle:s,inputDataTestId:d,siteType:c})=>K.default.createElement(a.StyledCheckbox,{className:n,"data-disabled":i||void 0,"data-is-rectangle":s||void 0,"data-label-text":e,"data-theme":c},K.default.createElement("input",{type:"checkbox",checked:l,name:t,onChange:()=>r(o,!l),disabled:i,value:o,id:`${t}-${o}`,"data-label-text":e,"data-testid":d}),!s&&K.default.createElement("label",{htmlFor:`${t}-${o}`},e)),xe=e=>K.default.createElement("svg",Object.assign({},e,{viewBox:"0 0 32 32",fill:"none"}),K.default.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"})),Ee=e=>K.default.createElement("svg",Object.assign({},e,{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none"}),K.default.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"})),we=e=>{const t=r.useUniqueId();return K.default.createElement("svg",Object.assign({},e,{viewBox:"0 0 24 24",fill:"none"}),K.default.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"}),K.default.createElement("mask",{id:t,maskUnits:"userSpaceOnUse",x:"2",y:"0",width:"10",height:"24"},K.default.createElement("rect",{x:"2",width:"10",height:"24",fill:"#C4C4C4"})),K.default.createElement("g",{mask:`url(#${t})`},K.default.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"})))},Ce=l=>{var{label:n,availableValue:i,styles:o,isBaby:s,genderValue:c={male:"male",female:"female"}}=l,p=u.__rest(l,["label","availableValue","styles","isBaby","genderValue"]);const{t:g}=r.useTranslations(),{classes:h,cx:f}=a.useStyles(void 0,{name:"GenderOptionControl",styles:o}),[b,v]=e.useState(),y=e.useRef(null),x=e.useMemo((()=>[{value:c.male,label:g(s?"gender.boy":"gender.male"),icon:d.CommonGAssets.getAssetPath(s?"health-tools/boy-icon.svg":"health-tools/male-icon.svg")},{value:c.female,label:g(s?"gender.girl":"gender.female"),icon:d.CommonGAssets.getAssetPath(s?"health-tools/girl-icon.svg":"health-tools/female-icon.svg")}]),[]);return e.useEffect((()=>{v(i)}),[i]),K.default.createElement(m.Box,{ref:y,className:h.root},K.default.createElement(m.Radio.Group,Object.assign({className:"radio-group",label:K.default.createElement(t.Text,{as:"label",size:"s4",weight:"semiBold"},n||g(s?"tools.selectBabyGender":"tools.selectGender")),size:"lg"},p,{classNames:{error:h.groupErr}}),K.default.createElement(m.Flex,{className:f(h.wrapper)},x.map((e=>K.default.createElement(m.Radio,Object.assign({className:"gender-item",classNames:{root:h.itemRoot,labelWrapper:h.itemLabelWrapper,label:h.itemLabel,inner:h.itemInner},key:e.value,value:e.value},b&&e.value!==b&&{disabled:!0},{label:K.default.createElement(m.Flex,{gap:m.rem(8),align:"center",justify:"center",sx:{zIndex:0}},K.default.createElement("img",{src:e.icon,className:"gender-image",alt:"female",loading:"lazy"}),K.default.createElement(t.Text,{size:"p3"},e.label))})))))))};var ke="tliWyii";var Be="PiqKaXk",Te="HgbW6-m",De="_6lkfLYy",Se="j7c-onH";const Ne=({avatarImg:e,authorName:a,authorLink:l,uploadTime:n,size:i})=>K.default.createElement("div",{className:Se},K.default.createElement("div",{className:"author"},K.default.createElement("div",{className:"avatar","data-size":i},e),K.default.createElement("div",{className:"poster","data-is-disabled-url":!l},K.default.createElement(t.Text,{size:"lg"===i?"p3":"p4"},K.default.createElement("a",{href:l},K.default.createElement("span",{className:"name"},a),"•"," "),K.default.createElement("span",null,n))))),Me=({isMobile:e,avatarImg:l,name:n,link:i,size:r="lg",specialty:o})=>K.default.createElement("div",{className:Se},K.default.createElement("div",{className:"author"},K.default.createElement("div",{className:"expert-avatar","data-size":r},l),K.default.createElement("div",{className:"expert","data-is-disabled-url":!i},e?K.default.createElement("a",{href:i},"lg"===r?K.default.createElement(K.default.Fragment,null,K.default.createElement(a.Heading,{tag:"h6",className:"expert__name",color:c.theme.colors.gray600},n),K.default.createElement(t.Text,{color:c.theme.colors.gray500,size:"p3",className:"specialty"},o)):K.default.createElement(K.default.Fragment,null,K.default.createElement(a.Heading,{tag:"h6",className:"expert__name",color:c.theme.colors.gray600},n))):K.default.createElement("a",{href:i},"lg"===r?K.default.createElement(K.default.Fragment,null,K.default.createElement(a.Heading,{tag:"h6",className:"expert__name",color:c.theme.colors.gray600},n),K.default.createElement(t.Text,{color:c.theme.colors.gray500,size:"p3",className:"specialty"},o)):K.default.createElement(K.default.Fragment,null,K.default.createElement("h6",{color:c.theme.colors.gray600,className:`${Be} expert__name`},n),K.default.createElement(t.Text,{color:c.theme.colors.gray500,size:"p4",className:"specialty"},o)))))),Ae=e.memo((()=>K.default.createElement("div",{className:"shoppable"},K.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},K.default.createElement("rect",{width:"24",height:"24",rx:"12",fill:"#1B3250"}),K.default.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"}))))),$e=e.memo((({dataEventCategoryForBookmark:e,dataEventActionForBookmark:t,dataEventLabelForBookmark:a})=>K.default.createElement("svg",{"data-event-category":e,"data-event-action":t,"data-event-label":a,width:"14",height:"16",viewBox:"0 0 14 16",fill:"none"},K.default.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"})))),ze=e.memo((({dataEventCategoryForBookmark:e,dataEventActionForBookmark:t,dataEventLabelForBookmark:a})=>K.default.createElement("svg",{"data-event-category":e,"data-event-action":t,"data-event-label":a,width:"18",height:"18",viewBox:"0 0 18 18",fill:"none"},K.default.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"})))),Pe=e=>{var a,l,i,{article:r,author:o,authorAvatar:s,badge:d="",hideDescription:c=!1,isBookmarked:p=!1,onBookmark:g,time:h,tracking:f}=e,b=u.__rest(e,["article","author","authorAvatar","badge","hideDescription","isBookmarked","onBookmark","time","tracking"]);const{isMobile:v}=n.useScreenSize();return console.log({article:r}),K.default.createElement(m.Card,Object.assign({padding:0,radius:0,sx:{display:"flex",flexDirection:"row",gap:24}},b),K.default.createElement(m.Card.Section,{w:"100%",h:"100%",miw:264,m:0,className:"pointer"},K.default.createElement("img",{src:(v?r.featureImageMobile:r.featureImage)||r.featureImage,alt:r.postName,style:{width:"100%"},loading:"lazy"})),K.default.createElement(m.Card.Section,null,K.default.createElement(m.Group,{position:"apart",mt:16,mb:4},K.default.createElement(n.Anchor,{href:(null===(a=null==r?void 0:r.primaryCategory)||void 0===a?void 0:a.permalink)||"#"},K.default.createElement(t.Text,{size:"p4",color:"blue.6"},null===(l=null==r?void 0:r.primaryCategory)||void 0===l?void 0:l.displayName)),K.default.createElement(m.Box,{sx:{cursor:"pointer"},role:"button",onClick:g},p?K.default.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},null==f?void 0:f.bookmark),K.default.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"})):K.default.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},null==f?void 0:f.bookmark),K.default.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"})))),K.default.createElement(t.Text,{size:c?"s2":"s1",mb:8,weight:"semiBold",className:"pointer"},r.postTitle||r.postName||""),!c&&K.default.createElement(t.Text,{size:"p2",mb:16,lineClamp:3,className:"pointer"},X.default(r.excerpt||r.description||(null===(i=r.postContent)||void 0===i?void 0:i.split("\r\n")[0])||"")),K.default.createElement(m.Flex,{gap:12,align:"center"},K.default.createElement(n.Avatar,{size:32,src:s,withIndicator:!0,indicatorConfig:{offset:5,size:18,label:K.default.createElement("img",{loading:"lazy",src:d,alt:""})}},"A"),K.default.createElement(t.Text,{size:"n1",c:"gray.6"},o," • ",h))))};var Le=m.createStyles(((e,{})=>({root:{},image:{},title:{},category:{},description:{},author:{}})));const Ie=648/440,_e=1.5,Oe=a=>{var l,i,r,{article:o,author:s,authorAvatar:d,badge:c="",bannerImageWrapProps:p,hideDescription:g=!1,isBookmarked:h=!1,onBookmark:f,time:b,tracking:v,classNames:y,styles:x,unstyled:E,className:w}=a,C=u.__rest(a,["article","author","authorAvatar","badge","bannerImageWrapProps","hideDescription","isBookmarked","onBookmark","time","tracking","classNames","styles","unstyled","className"]);const{isMobile:k}=n.useScreenSize(),{classes:B,cx:T}=Le({},{name:"ArticleCard",classNames:y,styles:x,unstyled:E}),D=e.useMemo((()=>g?_e:Ie),[g]);return K.default.createElement(m.Card,Object.assign({className:T(B.root,w),padding:"lg",radius:0},C),K.default.createElement(m.Card.Section,{className:T(B.image,"pointer")},K.default.createElement(n.AspectRatio,Object.assign({ratio:D},p),K.default.createElement("img",{src:(k?o.featureImageMobile:o.featureImage)||o.featureImage,alt:o.postName,style:{objectFit:"cover"}}))),K.default.createElement(m.Card.Section,null,K.default.createElement(m.Group,{position:"apart",mt:16,mb:4},K.default.createElement(n.Anchor,{className:B.category,href:(null===(l=null==o?void 0:o.primaryCategory)||void 0===l?void 0:l.permalink)||"#"},K.default.createElement(t.Text,{size:"p4",color:"blue.6"},null===(i=null==o?void 0:o.primaryCategory)||void 0===i?void 0:i.displayName)),K.default.createElement(m.Box,{sx:{cursor:"pointer"},role:"button",onClick:f},h?K.default.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},null==v?void 0:v.bookmark),K.default.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"})):K.default.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},null==v?void 0:v.bookmark),K.default.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"})))),K.default.createElement(t.Text,{className:T(B.title,"pointer"),size:g?"s2":"s1",mb:8,weight:"semiBold"},o.postTitle||o.postName||""),!g&&K.default.createElement(t.Text,{className:T(B.description,"pointer"),size:"p2",mb:16,lineClamp:3},X.default(o.excerpt||o.description||(null===(r=o.postContent)||void 0===r?void 0:r.split("\r\n")[0])||"")),K.default.createElement(m.Flex,{className:B.author,gap:12,align:"center"},K.default.createElement(n.Avatar,{size:32,src:d,withIndicator:!0,indicatorConfig:{offset:5,size:18,label:K.default.createElement("img",{loading:"lazy",src:c,alt:""})}},"A"),K.default.createElement(t.Text,{size:"n1",c:"gray.6"},s," • ",b))))},je=ee.default.a`
+"use strict";var e=require("react"),t=require("./index-e85c157e.js"),a=require("./index.styles-2e7aaf8c.js"),l=require("./screenSizeContext-0c51e996.js"),n=require("./index-a4918717.js"),i=require("./index-8fb69794.js"),r=require("./useTranslations-14f918b9.js");require("lodash/debounce");var o=require("./isProduction-6d92dea3.js"),s=require("./index-4d685a6d.js");require("./useCategory-1cec039b.js");var d=require("./gAssets.js"),c=require("./theme-adf29239.js"),u=require("./tslib.es6-4447720b.js"),m=require("@mantine/core"),p=require("innertext");require("@mantine/dates");var g=require("./Onboarding-37b9f70f.js"),h=require("dayjs"),f=require("styled-components");require("./translationsContext-7ad5e266.js"),require("string-format");var b=require("@mantine/hooks"),v=require("./index-110eba60.js"),y=require("lodash/throttle"),x=require("./index-2ed3467d.js"),E=require("./index-66c01f1a.js"),w=require("./index-4e588adc.js"),C=require("html-react-parser"),k=require("date-fns");require("./utils-e61a461a.js"),require("./index.styled-3572ae17.js"),require("./index-0e3849ae.js");var B=require("./constants-e44f244e.js"),T=require("./types-d2a8e273.js"),D=require("./index-2c36776e.js"),S=require("./index-1f89d5db.js"),N=require("./index.styled-c2f0c597.js"),M=require("./index-9cd4e2b2.js"),A=require("react-hook-form"),$=require("./useHealthToolCache-92075143.js"),z=require("@hookform/resolvers/yup"),P=require("./index-f46db70f.js"),L=require("./index-b53f1473.js"),I=require("react-day-picker/DayPickerInput"),_=require("./useOutsideClick-959ab443.js"),O=require("date-fns/locale/en-US"),j=require("date-fns/locale/id"),F=require("date-fns/locale/vi"),R=require("date-fns/locale/zh-TW"),H=require("./getSocialList-d31c7762.js"),G=require("uuid"),U=require("./routing-803d32d7.js"),W=require("@mantine/form"),V=require("./index-8bda4165.js"),Q=require("js-cookie"),q=require("lodash/flatten");require("react-contenteditable"),require("react-dom");var Z=require("lodash/uniqBy");function Y(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var K=Y(e),X=Y(p),J=Y(h),ee=Y(f),te=Y(y),ae=Y(C),le=Y(I),ne=Y(O),ie=Y(j),re=Y(F),oe=Y(R),se=Y(Q),de=Y(q),ce=Y(Z),ue="CHw-fZZ",me="_03U6VRS",pe="EO828Vv";const ge=()=>K.default.createElement("style",null,".file-dropdown-path{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}"),he=()=>K.default.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",viewBox:"0 0 12.17 14.83"},K.default.createElement("defs",null,K.default.createElement("clipPath",{id:"prefix__clip-path",transform:"translate(-1.92 -1.54)"},K.default.createElement("path",{fill:"none",d:"M0 .96h16v16H0z"}))),K.default.createElement("title",null,"File"),K.default.createElement("g",{clipPath:"url(#prefix__clip-path)"},K.default.createElement("path",{className:"file-dropdown-path",d:"M8.67 2.29H4a1.33 1.33 0 00-1.33 1.33v10.67A1.33 1.33 0 004 15.62h8a1.33 1.33 0 001.33-1.33V7z",transform:"translate(-1.92 -1.54)"}),K.default.createElement("path",{className:"file-dropdown-path",d:"M8.67 2.29V7h4.66",transform:"translate(-1.92 -1.54)"}))),fe=()=>K.default.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",viewBox:"0 0 13.5 13.5"},K.default.createElement("title",null,"download"),K.default.createElement("path",{className:"file-dropdown-path",d:"M14 11v2.66A1.33 1.33 0 0112.67 15H3.33A1.33 1.33 0 012 13.62V11M4.67 7.62L8 11l3.33-3.34M8 11V3",transform:"translate(-1.25 -2.21)"})),be=()=>K.default.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",viewBox:"0 0 13.5 13.5"},K.default.createElement("title",null,"upload"),K.default.createElement("path",{className:"file-dropdown-path",d:"M14 11v2.66A1.33 1.33 0 0112.67 15H3.33A1.33 1.33 0 012 13.62V11M11.33 6.29L8 3 4.67 6.29M8 3v8",transform:"translate(-1.25 -2.21)"})),ve=({pagesAmount:t,activePage:n,handlePageChange:i,handleClick:r,href:o,queryPageName:s="page"})=>{const d=[...Array(t)].map(((e,t)=>t+1)),[c,u]=e.useState(n<=4?d.slice(0,5):n>=d.length-3?d.slice(d.length-5,d.length):d.slice(n-2,n+1));return e.useEffect((()=>{n<=4?u(d.slice(0,5)):n>=d.length-3?u(d.slice(d.length-5,d.length)):u(d.slice(n-2,n+1))}),[n]),K.default.createElement(e.Fragment,null,n>4&&K.default.createElement(e.Fragment,null,K.default.createElement(a.StyledPaginationBlock,{onClick:()=>i(1)},o?K.default.createElement("a",{href:o,onClick:r},1):1),K.default.createElement(a.StyledPaginationBlock,null,"...")),c.map((e=>K.default.createElement(a.StyledPaginationBlock,{key:`pagination+${e}`,"data-page-active":e===n||void 0,onClick:()=>i(e)},o?K.default.createElement("a",{href:l.formatUrlWithPageParam(o,e,s),onClick:r},e):e))),n<d.length-3&&K.default.createElement(e.Fragment,null,K.default.createElement(a.StyledPaginationBlock,null,"..."),K.default.createElement(a.StyledPaginationBlock,{onClick:()=>i(d.length)},o?K.default.createElement("a",{href:l.formatUrlWithPageParam(o,d.length,s),onClick:r},d.length):d.length)))},ye=({label:e,name:t,checked:l,className:n,isDisabled:i,onChange:r,value:o,isRectangle:s,inputDataTestId:d,siteType:c})=>K.default.createElement(a.StyledCheckbox,{className:n,"data-disabled":i||void 0,"data-is-rectangle":s||void 0,"data-label-text":e,"data-theme":c},K.default.createElement("input",{type:"checkbox",checked:l,name:t,onChange:()=>r(o,!l),disabled:i,value:o,id:`${t}-${o}`,"data-label-text":e,"data-testid":d}),!s&&K.default.createElement("label",{htmlFor:`${t}-${o}`},e)),xe=e=>K.default.createElement("svg",Object.assign({},e,{viewBox:"0 0 32 32",fill:"none"}),K.default.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"})),Ee=e=>K.default.createElement("svg",Object.assign({},e,{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none"}),K.default.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"})),we=e=>{const t=r.useUniqueId();return K.default.createElement("svg",Object.assign({},e,{viewBox:"0 0 24 24",fill:"none"}),K.default.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"}),K.default.createElement("mask",{id:t,maskUnits:"userSpaceOnUse",x:"2",y:"0",width:"10",height:"24"},K.default.createElement("rect",{x:"2",width:"10",height:"24",fill:"#C4C4C4"})),K.default.createElement("g",{mask:`url(#${t})`},K.default.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"})))},Ce=l=>{var{label:n,availableValue:i,styles:o,isBaby:s,genderValue:c={male:"male",female:"female"}}=l,p=u.__rest(l,["label","availableValue","styles","isBaby","genderValue"]);const{t:g}=r.useTranslations(),{classes:h,cx:f}=a.useStyles(void 0,{name:"GenderOptionControl",styles:o}),[b,v]=e.useState(),y=e.useRef(null),x=e.useMemo((()=>[{value:c.male,label:g(s?"gender.boy":"gender.male"),icon:d.CommonGAssets.getAssetPath(s?"health-tools/boy-icon.svg":"health-tools/male-icon.svg")},{value:c.female,label:g(s?"gender.girl":"gender.female"),icon:d.CommonGAssets.getAssetPath(s?"health-tools/girl-icon.svg":"health-tools/female-icon.svg")}]),[]);return e.useEffect((()=>{v(i)}),[i]),K.default.createElement(m.Box,{ref:y,className:h.root},K.default.createElement(m.Radio.Group,Object.assign({className:"radio-group",label:K.default.createElement(t.Text,{as:"label",size:"s4",weight:"semiBold"},n||g(s?"tools.selectBabyGender":"tools.selectGender")),size:"lg"},p,{classNames:{error:h.groupErr}}),K.default.createElement(m.Flex,{className:f(h.wrapper)},x.map((e=>K.default.createElement(m.Radio,Object.assign({className:"gender-item",classNames:{root:h.itemRoot,labelWrapper:h.itemLabelWrapper,label:h.itemLabel,inner:h.itemInner},key:e.value,value:e.value},b&&e.value!==b&&{disabled:!0},{label:K.default.createElement(m.Flex,{gap:m.rem(8),align:"center",justify:"center",sx:{zIndex:0}},K.default.createElement("img",{src:e.icon,className:"gender-image",alt:"female",loading:"lazy"}),K.default.createElement(t.Text,{size:"p3"},e.label))})))))))};var ke="tliWyii";var Be="PiqKaXk",Te="HgbW6-m",De="_6lkfLYy",Se="j7c-onH";const Ne=({avatarImg:e,authorName:a,authorLink:l,uploadTime:n,size:i})=>K.default.createElement("div",{className:Se},K.default.createElement("div",{className:"author"},K.default.createElement("div",{className:"avatar","data-size":i},e),K.default.createElement("div",{className:"poster","data-is-disabled-url":!l},K.default.createElement(t.Text,{size:"lg"===i?"p3":"p4"},K.default.createElement("a",{href:l},K.default.createElement("span",{className:"name"},a),"•"," "),K.default.createElement("span",null,n))))),Me=({isMobile:e,avatarImg:l,name:n,link:i,size:r="lg",specialty:o})=>K.default.createElement("div",{className:Se},K.default.createElement("div",{className:"author"},K.default.createElement("div",{className:"expert-avatar","data-size":r},l),K.default.createElement("div",{className:"expert","data-is-disabled-url":!i},e?K.default.createElement("a",{href:i},"lg"===r?K.default.createElement(K.default.Fragment,null,K.default.createElement(a.Heading,{tag:"h6",className:"expert__name",color:c.theme.colors.gray600},n),K.default.createElement(t.Text,{color:c.theme.colors.gray500,size:"p3",className:"specialty"},o)):K.default.createElement(K.default.Fragment,null,K.default.createElement(a.Heading,{tag:"h6",className:"expert__name",color:c.theme.colors.gray600},n))):K.default.createElement("a",{href:i},"lg"===r?K.default.createElement(K.default.Fragment,null,K.default.createElement(a.Heading,{tag:"h6",className:"expert__name",color:c.theme.colors.gray600},n),K.default.createElement(t.Text,{color:c.theme.colors.gray500,size:"p3",className:"specialty"},o)):K.default.createElement(K.default.Fragment,null,K.default.createElement("h6",{color:c.theme.colors.gray600,className:`${Be} expert__name`},n),K.default.createElement(t.Text,{color:c.theme.colors.gray500,size:"p4",className:"specialty"},o)))))),Ae=e.memo((()=>K.default.createElement("div",{className:"shoppable"},K.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},K.default.createElement("rect",{width:"24",height:"24",rx:"12",fill:"#1B3250"}),K.default.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"}))))),$e=e.memo((({dataEventCategoryForBookmark:e,dataEventActionForBookmark:t,dataEventLabelForBookmark:a})=>K.default.createElement("svg",{"data-event-category":e,"data-event-action":t,"data-event-label":a,width:"14",height:"16",viewBox:"0 0 14 16",fill:"none"},K.default.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"})))),ze=e.memo((({dataEventCategoryForBookmark:e,dataEventActionForBookmark:t,dataEventLabelForBookmark:a})=>K.default.createElement("svg",{"data-event-category":e,"data-event-action":t,"data-event-label":a,width:"18",height:"18",viewBox:"0 0 18 18",fill:"none"},K.default.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"})))),Pe=e=>{var a,l,i,{article:r,author:o,authorAvatar:s,badge:d="",hideDescription:c=!1,isBookmarked:p=!1,onBookmark:g,time:h,tracking:f}=e,b=u.__rest(e,["article","author","authorAvatar","badge","hideDescription","isBookmarked","onBookmark","time","tracking"]);const{isMobile:v}=n.useScreenSize();return console.log({article:r}),K.default.createElement(m.Card,Object.assign({padding:0,radius:0,sx:{display:"flex",flexDirection:"row",gap:24}},b),K.default.createElement(m.Card.Section,{w:"100%",h:"100%",miw:264,m:0,className:"pointer"},K.default.createElement("img",{src:(v?r.featureImageMobile:r.featureImage)||r.featureImage,alt:r.postName,style:{width:"100%"},loading:"lazy"})),K.default.createElement(m.Card.Section,null,K.default.createElement(m.Group,{position:"apart",mt:16,mb:4},K.default.createElement(n.Anchor,{href:(null===(a=null==r?void 0:r.primaryCategory)||void 0===a?void 0:a.permalink)||"#"},K.default.createElement(t.Text,{size:"p4",color:"blue.6"},null===(l=null==r?void 0:r.primaryCategory)||void 0===l?void 0:l.displayName)),K.default.createElement(m.Box,{sx:{cursor:"pointer"},role:"button",onClick:g},p?K.default.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},null==f?void 0:f.bookmark),K.default.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"})):K.default.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},null==f?void 0:f.bookmark),K.default.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"})))),K.default.createElement(t.Text,{size:c?"s2":"s1",mb:8,weight:"semiBold",className:"pointer"},r.postTitle||r.postName||""),!c&&K.default.createElement(t.Text,{size:"p2",mb:16,lineClamp:3,className:"pointer"},X.default(r.excerpt||r.description||(null===(i=r.postContent)||void 0===i?void 0:i.split("\r\n")[0])||"")),K.default.createElement(m.Flex,{gap:12,align:"center"},K.default.createElement(n.Avatar,{size:32,src:s,withIndicator:!0,indicatorConfig:{offset:5,size:18,label:K.default.createElement("img",{loading:"lazy",src:d,alt:""})}},"A"),K.default.createElement(t.Text,{size:"n1",c:"gray.6"},o," • ",h))))};var Le=m.createStyles(((e,{})=>({root:{},image:{},title:{},category:{},description:{},author:{}})));const Ie=648/440,_e=1.5,Oe=a=>{var l,i,r,{article:o,author:s,authorAvatar:d,badge:c="",bannerImageWrapProps:p,hideDescription:g=!1,isBookmarked:h=!1,onBookmark:f,time:b,tracking:v,classNames:y,styles:x,unstyled:E,className:w}=a,C=u.__rest(a,["article","author","authorAvatar","badge","bannerImageWrapProps","hideDescription","isBookmarked","onBookmark","time","tracking","classNames","styles","unstyled","className"]);const{isMobile:k}=n.useScreenSize(),{classes:B,cx:T}=Le({},{name:"ArticleCard",classNames:y,styles:x,unstyled:E}),D=e.useMemo((()=>g?_e:Ie),[g]);return K.default.createElement(m.Card,Object.assign({className:T(B.root,w),padding:"lg",radius:0},C),K.default.createElement(m.Card.Section,{className:T(B.image,"pointer")},K.default.createElement(n.AspectRatio,Object.assign({ratio:D},p),K.default.createElement("img",{src:(k?o.featureImageMobile:o.featureImage)||o.featureImage,alt:o.postName,style:{objectFit:"cover"}}))),K.default.createElement(m.Card.Section,null,K.default.createElement(m.Group,{position:"apart",mt:16,mb:4},K.default.createElement(n.Anchor,{className:B.category,href:(null===(l=null==o?void 0:o.primaryCategory)||void 0===l?void 0:l.permalink)||"#"},K.default.createElement(t.Text,{size:"p4",color:"blue.6"},null===(i=null==o?void 0:o.primaryCategory)||void 0===i?void 0:i.displayName)),K.default.createElement(m.Box,{sx:{cursor:"pointer"},role:"button",onClick:f},h?K.default.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},null==v?void 0:v.bookmark),K.default.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"})):K.default.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},null==v?void 0:v.bookmark),K.default.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"})))),K.default.createElement(t.Text,{className:T(B.title,"pointer"),size:g?"s2":"s1",mb:8,weight:"semiBold"},o.postTitle||o.postName||""),!g&&K.default.createElement(t.Text,{className:T(B.description,"pointer"),size:"p2",mb:16,lineClamp:3},X.default(o.excerpt||o.description||(null===(r=o.postContent)||void 0===r?void 0:r.split("\r\n")[0])||"")),K.default.createElement(m.Flex,{className:B.author,gap:12,align:"center"},K.default.createElement(n.Avatar,{size:32,src:d,withIndicator:!0,indicatorConfig:{offset:5,size:18,label:K.default.createElement("img",{loading:"lazy",src:c,alt:""})}},"A"),K.default.createElement(t.Text,{size:"n1",c:"gray.6"},s," • ",b))))},je=ee.default.a`
   display: flex;
   height: 125px;
 

package/build/{index-90c21b12.js → index-a4918717.js}

@@ -1,4 +1,4 @@
-"use strict";var e=require("./tslib.es6-647efffd.js"),t=require("react"),l=require("@mantine/core"),a=require("@mantine/hooks"),r=require("./theme-729e91dd.js"),n=require("./gAssets.js"),i=require("dayjs"),o=require("./Onboarding-1ed7eddd.js"),s=require("./screenSizeContext-90f26a14.js"),c=require("styled-components"),d=require("@mantine/carousel"),u=require("./index-eab60ab5.js"),f=require("./index-da92a0b1.js");require("./isProduction-7f5216fc.js");var h=require("classnames"),m=require("./useTranslations-c144a2c9.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function g(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(l){if("default"!==l){var a=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(t,l,a.get?a:{enumerable:!0,get:function(){return e[l]}})}})),t.default=e,Object.freeze(t)}var E=p(t),C=g(t),b=p(i),v=p(c),L=p(h);const y=l=>{var{alt:a,backupSrc:r,src:n,placeholderSrc:i,style:o,ref:s}=l,c=e.__rest(l,["alt","backupSrc","src","placeholderSrc","style","ref"]);const[d,u]=t.useState(!1);return E.default.createElement(w,Object.assign({loading:"lazy",alt:a,onError:()=>!d&&u(!0),src:d?r||n:n||r,style:Object.assign(Object.assign({},i?{backgroundImage:`url(${i})`}:{}),o),"data-has-placeholder":!!i,ref:s},c))},w=v.default.img`
+"use strict";var e=require("./tslib.es6-4447720b.js"),t=require("react"),l=require("@mantine/core"),a=require("@mantine/hooks"),r=require("./theme-adf29239.js"),n=require("./gAssets.js"),i=require("dayjs"),o=require("./Onboarding-37b9f70f.js"),s=require("./screenSizeContext-0c51e996.js"),c=require("styled-components"),d=require("@mantine/carousel"),u=require("./index-e85c157e.js"),f=require("./index-4d685a6d.js");require("./isProduction-6d92dea3.js");var h=require("classnames"),m=require("./useTranslations-14f918b9.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function g(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(l){if("default"!==l){var a=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(t,l,a.get?a:{enumerable:!0,get:function(){return e[l]}})}})),t.default=e,Object.freeze(t)}var E=p(t),C=g(t),b=p(i),v=p(c),L=p(h);const y=l=>{var{alt:a,backupSrc:r,src:n,placeholderSrc:i,style:o,ref:s}=l,c=e.__rest(l,["alt","backupSrc","src","placeholderSrc","style","ref"]);const[d,u]=t.useState(!1);return E.default.createElement(w,Object.assign({loading:"lazy",alt:a,onError:()=>!d&&u(!0),src:d?r||n:n||r,style:Object.assign(Object.assign({},i?{backgroundImage:`url(${i})`}:{}),o),"data-has-placeholder":!!i,ref:s},c))},w=v.default.img`
   &[data-has-placeholder='true'] {
     background-position: center;
     background-repeat: no-repeat;

package/build/{index-891da49b.js → index-b50c19b2.js}

@@ -1 +1 @@
-"use strict";var e=require("./tslib.es6-647efffd.js"),t=require("react"),r=require("@mantine/core"),s=require("./index-90c21b12.js");require("@mantine/dates");var a=require("./index-da92a0b1.js"),i=require("./Onboarding-1ed7eddd.js");require("./gAssets.js"),require("./index-eab60ab5.js"),require("dayjs"),require("./screenSizeContext-90f26a14.js"),require("styled-components"),require("./theme-729e91dd.js"),require("./isProduction-7f5216fc.js");var n=require("./useTranslations-c144a2c9.js");require("@mantine/hooks"),require("lodash/debounce"),require("./useCategory-7c185815.js");var c=require("./utils-99084643.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=d(t);const o={provinceByName:{},provinces:[],districts:[],wards:[],selectedProvince:"",selectedDistrict:"",selectedWard:""},u=(e,t)=>{switch(t.type){case"SET_DATA":return Object.assign(Object.assign({},e),t.payload);case"SET_DISTRICTS":return Object.assign(Object.assign({},e),{districts:t.payload});case"SET_WARDS":return Object.assign(Object.assign({},e),{wards:t.payload});case"SELECT_PROVINCE":return Object.assign(Object.assign({},e),{selectedProvince:t.payload,selectedDistrict:"",selectedWard:""});case"SELECT_DISTRICT":return Object.assign(Object.assign({},e),{selectedDistrict:t.payload,selectedWard:""});case"SELECT_WARD":return Object.assign(Object.assign({},e),{selectedWard:t.payload});default:return e}},p=({provinces:r})=>{const[s,n]=t.useReducer(u,o),{provinceByName:d,provinces:l,districts:p,wards:v,selectedProvince:E,selectedDistrict:b,selectedWard:y}=s,[h,j]=t.useState();t.useEffect((()=>{e.__awaiter(void 0,void 0,void 0,(function*(){var e,t,s,d;try{const l=yield fetch((d=process.env.UNIFY_LOCALE||i.LOCALE.Vietnam,`${a.CDN_ADDRESS}/cities-data-${c.MAPPED_LOCALE[d]}.json`)).then((e=>e.json()));j(l);const{list:o}=l,u=r?((e,t)=>{const r={};for(const[,e]of Object.entries(t)){const{id:t}=e;t&&(r[t]=e)}const s={};return e.map((e=>{s[e.name]=r[e.id]})),s})(r,o):o,p=Object.keys(u),v=Object.keys((null===(e=o[p[0]])||void 0===e?void 0:e.list)||{}),E=Object.keys((null===(s=null===(t=o[p[0]])||void 0===t?void 0:t[v[0]])||void 0===s?void 0:s.list)||{});n({type:"SET_DATA",payload:{provinceByName:u,provinces:p,districts:v,wards:E}})}catch(e){console.error("Error fetching address data:",e)}}))}),[process.env.UNIFY_LOCALE]);return{provinces:l,districts:p,wards:v,selectedProvince:E,selectedDistrict:b,selectedWard:y,handleProvinceChange:e=>{var t;const r=Object.keys((null===(t=d[e])||void 0===t?void 0:t.list)||{});n({type:"SET_DISTRICTS",payload:r}),n({type:"SET_WARDS",payload:[]}),n({type:"SELECT_PROVINCE",payload:e})},handleDistrictChange:e=>{var t,r;const s=Object.keys((null===(r=null===(t=d[E])||void 0===t?void 0:t.list[e])||void 0===r?void 0:r.list)||{});n({type:"SET_WARDS",payload:s}),n({type:"SELECT_DISTRICT",payload:e})},handleWardChange:e=>{n({type:"SELECT_WARD",payload:e})}}};exports.AddressInput=a=>{var{error:i,provinces:c,placeholder:d}=a,o=e.__rest(a,["error","provinces","placeholder"]);const{t:u}=n.useTranslations(),{provinces:v,districts:E,wards:b,selectedProvince:y,selectedDistrict:h,selectedWard:j,handleProvinceChange:g,handleDistrictChange:C,handleWardChange:S}=p({provinces:c}),[f,O]=t.useState("");return t.useEffect((()=>{y&&h&&j&&f?o.onChange({selectedProvince:y,selectedDistrict:h,selectedWard:j,extraInfo:f}):o.onChange(null)}),[y,h,j,f]),l.default.createElement(s.Input.Wrapper,Object.assign({withAsterisk:!0},o),l.default.createElement(r.Stack,null,l.default.createElement(s.Select,{placeholder:(null==d?void 0:d.province)||u("onboarding.similac.input.city"),data:c?v:v.sort(),searchable:!0,onChange:g,value:y}),l.default.createElement(s.Select,{placeholder:(null==d?void 0:d.district)||u("onboarding.similac.input.district"),data:E.sort(),searchable:!0,onChange:C,value:h,disabled:!y}),l.default.createElement(s.Select,{placeholder:(null==d?void 0:d.ward)||u("onboarding.similac.input.ward"),searchable:!0,data:b.sort(),value:j,onChange:S,disabled:!y||!h}),l.default.createElement(s.Input,{placeholder:(null==d?void 0:d.address)||u("onboarding.similac.input.no"),disabled:!y||!h||!j,value:f,onChange:O,style:{marginBottom:0}})),l.default.createElement(r.Input.Error,{size:"md"},i))};
+"use strict";var e=require("./tslib.es6-4447720b.js"),t=require("react"),r=require("@mantine/core"),s=require("./index-a4918717.js");require("@mantine/dates");var a=require("./index-4d685a6d.js"),i=require("./Onboarding-37b9f70f.js");require("./gAssets.js"),require("./index-e85c157e.js"),require("dayjs"),require("./screenSizeContext-0c51e996.js"),require("styled-components"),require("./theme-adf29239.js"),require("./isProduction-6d92dea3.js");var n=require("./useTranslations-14f918b9.js");require("@mantine/hooks"),require("lodash/debounce"),require("./useCategory-1cec039b.js");var c=require("./utils-bc6b72e4.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=d(t);const o={provinceByName:{},provinces:[],districts:[],wards:[],selectedProvince:"",selectedDistrict:"",selectedWard:""},u=(e,t)=>{switch(t.type){case"SET_DATA":return Object.assign(Object.assign({},e),t.payload);case"SET_DISTRICTS":return Object.assign(Object.assign({},e),{districts:t.payload});case"SET_WARDS":return Object.assign(Object.assign({},e),{wards:t.payload});case"SELECT_PROVINCE":return Object.assign(Object.assign({},e),{selectedProvince:t.payload,selectedDistrict:"",selectedWard:""});case"SELECT_DISTRICT":return Object.assign(Object.assign({},e),{selectedDistrict:t.payload,selectedWard:""});case"SELECT_WARD":return Object.assign(Object.assign({},e),{selectedWard:t.payload});default:return e}},p=({provinces:r})=>{const[s,n]=t.useReducer(u,o),{provinceByName:d,provinces:l,districts:p,wards:v,selectedProvince:b,selectedDistrict:E,selectedWard:y}=s,[h,j]=t.useState();t.useEffect((()=>{e.__awaiter(void 0,void 0,void 0,(function*(){var e,t,s,d;try{const l=yield fetch((d=process.env.UNIFY_LOCALE||i.LOCALE.Vietnam,`${a.CDN_ADDRESS}/cities-data-${c.MAPPED_LOCALE[d]}.json`)).then((e=>e.json()));j(l);const{list:o}=l,u=r?((e,t)=>{const r={};for(const[,e]of Object.entries(t)){const{id:t}=e;t&&(r[t]=e)}const s={};return e.map((e=>{s[e.name]=r[e.id]})),s})(r,o):o,p=Object.keys(u),v=Object.keys((null===(e=o[p[0]])||void 0===e?void 0:e.list)||{}),b=Object.keys((null===(s=null===(t=o[p[0]])||void 0===t?void 0:t[v[0]])||void 0===s?void 0:s.list)||{});n({type:"SET_DATA",payload:{provinceByName:u,provinces:p,districts:v,wards:b}})}catch(e){console.error("Error fetching address data:",e)}}))}),[process.env.UNIFY_LOCALE]);return{provinces:l,districts:p,wards:v,selectedProvince:b,selectedDistrict:E,selectedWard:y,handleProvinceChange:e=>{var t;const r=Object.keys((null===(t=d[e])||void 0===t?void 0:t.list)||{});n({type:"SET_DISTRICTS",payload:r}),n({type:"SET_WARDS",payload:[]}),n({type:"SELECT_PROVINCE",payload:e})},handleDistrictChange:e=>{var t,r;const s=Object.keys((null===(r=null===(t=d[b])||void 0===t?void 0:t.list[e])||void 0===r?void 0:r.list)||{});n({type:"SET_WARDS",payload:s}),n({type:"SELECT_DISTRICT",payload:e})},handleWardChange:e=>{n({type:"SELECT_WARD",payload:e})}}};exports.AddressInput=a=>{var{error:i,provinces:c,placeholder:d}=a,o=e.__rest(a,["error","provinces","placeholder"]);const{t:u}=n.useTranslations(),{provinces:v,districts:b,wards:E,selectedProvince:y,selectedDistrict:h,selectedWard:j,handleProvinceChange:g,handleDistrictChange:C,handleWardChange:S}=p({provinces:c}),[f,O]=t.useState("");return t.useEffect((()=>{y&&h&&j&&f?o.onChange({selectedProvince:y,selectedDistrict:h,selectedWard:j,extraInfo:f}):o.onChange(null)}),[y,h,j,f]),l.default.createElement(s.Input.Wrapper,Object.assign({withAsterisk:!0},o),l.default.createElement(r.Stack,null,l.default.createElement(s.Select,{placeholder:(null==d?void 0:d.province)||u("onboarding.similac.input.city"),data:c?v:v.sort(),searchable:!0,onChange:g,value:y}),l.default.createElement(s.Select,{placeholder:(null==d?void 0:d.district)||u("onboarding.similac.input.district"),data:b.sort(),searchable:!0,onChange:C,value:h,disabled:!y}),l.default.createElement(s.Select,{placeholder:(null==d?void 0:d.ward)||u("onboarding.similac.input.ward"),searchable:!0,data:E.sort(),value:j,onChange:S,disabled:!y||!h}),l.default.createElement(s.Input,{placeholder:(null==d?void 0:d.address)||u("onboarding.similac.input.no"),disabled:!y||!h||!j,value:f,onChange:O,style:{marginBottom:0}})),l.default.createElement(r.Input.Error,{size:"md"},i))};

package/build/{index-9b8e0a98.js → index-b53f1473.js}

@@ -1,4 +1,4 @@
-"use strict";var e=require("react"),i=require("./screenSizeContext-90f26a14.js"),t=require("styled-components"),o=require("./tslib.es6-647efffd.js"),l=require("./index.styles-6f18edec.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=n(e),r=n(t);const d=r.default.div`
+"use strict";var e=require("react"),i=require("./screenSizeContext-0c51e996.js"),t=require("styled-components"),o=require("./tslib.es6-4447720b.js"),l=require("./index.styles-2e7aaf8c.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=n(e),r=n(t);const d=r.default.div`
   position: fixed;
   left: 50%;
 

package/build/index-e2660ba5.js

@@ -0,0 +1 @@
+"use strict";var e=require("./tslib.es6-4447720b.js"),r=require("react"),t=require("@mantine/core");require("dayjs"),require("./screenSizeContext-0c51e996.js"),require("styled-components");var s=require("./theme-adf29239.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./index-4d685a6d.js"),require("./isProduction-6d92dea3.js"),require("./Onboarding-37b9f70f.js"),require("./gAssets.js");var n=i(r);exports.Indicator=r=>{var{styles:i,color:o=s.theme.colors.red700}=r,a=e.__rest(r,["styles","color"]);return n.default.createElement(t.Indicator,Object.assign({inline:!0,position:"top-end",offset:4,styles:Object.assign({processing:{animationDirection:"alternate"}},i),color:o},a))};