@hhgtech/hhg-components 1.27.145 → 1.27.149

package/build/{index-41c1ae39.js → index-1c1c97f9.js}

@@ -1,4 +1,4 @@
-"use strict";var e=require("react"),i=require("./screenSizeContext-c556025a.js"),t=require("styled-components"),o=require("./tslib.es6-9bb14f66.js"),l=require("./index.styles-d24686a4.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-a0797042.js"),t=require("styled-components"),o=require("./tslib.es6-793ef4f7.js"),l=require("./index.styles-c499b3ad.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-cded8f90.js → index-2777c5d1.js}

@@ -1 +1 @@
-"use strict";var r=require("./Onboarding-fe7f8cb4.js"),t=Object.freeze({__proto__:null,get Gender(){return r.Gender},get BabyGrowthChartType(){return r.BabyGrowthChartType},get BabyGrowthChartDuration(){return r.BabyGrowthChartDuration},get BabyGrowthResultTab(){return r.BabyGrowthResultTab},get LOCALE(){return r.LOCALE},get OnboardingStep(){return r.OnboardingStep}});exports.index=t;
+"use strict";var r=require("./Onboarding-e7037fc9.js"),t=Object.freeze({__proto__:null,get Gender(){return r.Gender},get BabyGrowthChartType(){return r.BabyGrowthChartType},get BabyGrowthChartDuration(){return r.BabyGrowthChartDuration},get BabyGrowthResultTab(){return r.BabyGrowthResultTab},get LOCALE(){return r.LOCALE},get OnboardingStep(){return r.OnboardingStep}});exports.index=t;

package/build/{index-830928e5.js → index-292acf44.js}

@@ -1 +1 @@
-"use strict";var e=require("react"),a=require("./gAssets.js"),t=require("./utils-7c32f482.js"),s=require("./index-40a7c1ec.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=l(e);exports.Logo=({type:l,className:r,style:n,isLightLogo:g,customSize:m,badge:i,locale:u,dateForSeasonal:c,isPro:d})=>{const f=e.useMemo((()=>{if(!c||isNaN(new Date(c).getTime()))return{isChristmas:!1,isLunarNewYear:!1,isNewYear:!1};const e=new Date(c),a=t.isChristmas(e),s=t.LunarNewYearLocale.includes(u)&&t.isLunarNewYear(e);return{isChristmas:a,isLunarNewYear:s,isNewYear:!s&&t.isNewYear(e)}}),[u,new Date(c).getDate()]);return o.default.createElement(t.StyledLogo,{className:r,style:n,"data-logo-is-light":g||void 0,"data-has-badge":!!i,"data-christmas":f.isChristmas,"data-new-year":f.isNewYear,"data-lunar-new-year":f.isLunarNewYear},f.isChristmas?o.default.createElement(o.default.Fragment,null,o.default.createElement(s.ImageWrap,{alt:"left xmas logo",src:a.CommonGAssets.getAssetPath("logo/xmas-left.png"),className:"common-logo-seasonal-left"}),o.default.createElement(s.ImageWrap,{alt:"right xmas logo",src:a.CommonGAssets.getAssetPath("logo/xmas-right.png"),className:"common-logo-seasonal-right"})):f.isNewYear?o.default.createElement(o.default.Fragment,null,o.default.createElement(s.ImageWrap,{alt:"left new year logo",src:a.CommonGAssets.getAssetPath("logo/new-year-left.png"),className:"common-logo-seasonal-left"}),o.default.createElement(s.ImageWrap,{alt:"right new year logo",src:a.CommonGAssets.getAssetPath("logo/new-year-right.png"),className:"common-logo-seasonal-right"})):f.isLunarNewYear?o.default.createElement(o.default.Fragment,null,o.default.createElement(s.ImageWrap,{alt:"left lunar new year logo",loading:"lazy",src:a.CommonGAssets.getAssetPath("logo/lunar-new-year-left.png"),className:"common-logo-seasonal-left"}),o.default.createElement(s.ImageWrap,{alt:"right lunar new year logo",loading:"lazy",src:a.CommonGAssets.getAssetPath("logo/lunar-new-year-right.png"),className:"common-logo-seasonal-right"})):null,o.default.createElement(t.LogoIcon,{type:l,width:null==m?void 0:m.width,height:null==m?void 0:m.height}),d?o.default.createElement(t.StyledProLogo,{src:a.CommonGAssets.getAssetPath("logo/pro-suffix.svg")}):null,i)};
+"use strict";var e=require("react"),a=require("./gAssets.js"),t=require("./utils-6977aa36.js"),s=require("./index-9c778a8b.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=l(e);exports.Logo=({type:l,className:r,style:n,isLightLogo:g,customSize:m,badge:i,locale:u,dateForSeasonal:c,isPro:d})=>{const f=e.useMemo((()=>{if(!c||isNaN(new Date(c).getTime()))return{isChristmas:!1,isLunarNewYear:!1,isNewYear:!1};const e=new Date(c),a=t.isChristmas(e),s=t.LunarNewYearLocale.includes(u)&&t.isLunarNewYear(e);return{isChristmas:a,isLunarNewYear:s,isNewYear:!s&&t.isNewYear(e)}}),[u,new Date(c).getDate()]);return o.default.createElement(t.StyledLogo,{className:r,style:n,"data-logo-is-light":g||void 0,"data-has-badge":!!i,"data-christmas":f.isChristmas,"data-new-year":f.isNewYear,"data-lunar-new-year":f.isLunarNewYear},f.isChristmas?o.default.createElement(o.default.Fragment,null,o.default.createElement(s.ImageWrap,{alt:"left xmas logo",src:a.CommonGAssets.getAssetPath("logo/xmas-left.png"),className:"common-logo-seasonal-left"}),o.default.createElement(s.ImageWrap,{alt:"right xmas logo",src:a.CommonGAssets.getAssetPath("logo/xmas-right.png"),className:"common-logo-seasonal-right"})):f.isNewYear?o.default.createElement(o.default.Fragment,null,o.default.createElement(s.ImageWrap,{alt:"left new year logo",src:a.CommonGAssets.getAssetPath("logo/new-year-left.png"),className:"common-logo-seasonal-left"}),o.default.createElement(s.ImageWrap,{alt:"right new year logo",src:a.CommonGAssets.getAssetPath("logo/new-year-right.png"),className:"common-logo-seasonal-right"})):f.isLunarNewYear?o.default.createElement(o.default.Fragment,null,o.default.createElement(s.ImageWrap,{alt:"left lunar new year logo",loading:"lazy",src:a.CommonGAssets.getAssetPath("logo/lunar-new-year-left.png"),className:"common-logo-seasonal-left"}),o.default.createElement(s.ImageWrap,{alt:"right lunar new year logo",loading:"lazy",src:a.CommonGAssets.getAssetPath("logo/lunar-new-year-right.png"),className:"common-logo-seasonal-right"})):null,o.default.createElement(t.LogoIcon,{type:l,width:null==m?void 0:m.width,height:null==m?void 0:m.height}),d?o.default.createElement(t.StyledProLogo,{src:a.CommonGAssets.getAssetPath("logo/pro-suffix.svg")}):null,i)};

package/build/{index-ee837c48.js → index-2a04c45b.js}

@@ -1 +1 @@
-"use strict";var e=require("./tslib.es6-9bb14f66.js"),t=require("react"),n=require("@mantine/hooks"),a=require("./index-11d3c42f.js"),r=require("./index-40a7c1ec.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=l(t);exports.Slider=l=>{var{color:i,withControl:s,onChange:u,value:c,min:d,max:m,isStatic:h,containerClassName:f,containerStyle:g}=l,w=e.__rest(l,["color","withControl","onChange","value","min","max","isStatic","containerClassName","containerStyle"]);const[v,E]=t.useState(c||d||0),[p]=n.useDebouncedValue(v,r.DEBOUNCED_TIME);return t.useEffect((()=>{null==u||u(p)}),[p]),t.useEffect((()=>{E(c)}),[c]),o.default.createElement(r.StyledSliderWrapper,{className:f,style:g},s&&o.default.createElement(a.Button,{type:"button",size:"sm",color:"ghost",onClick:()=>{E((e=>d&&e===d?e:e-1))}},o.default.createElement("svg",{width:"10",height:"10",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12 3"},o.default.createElement("path",{d:"M1 1.004h8",stroke:i,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),o.default.createElement(r.StyledSlider,Object.assign({thumbSize:21,labelAlwaysOn:!0,radius:"xl",color:i,value:v,onChange:h?()=>null:E,min:d,max:m},w,{className:"hhg-mantine-slider "+(w.className||"")})),s&&o.default.createElement(a.Button,{type:"button",size:"sm",color:"ghost",onClick:()=>{E((e=>m&&e===m?e:e+1))}},o.default.createElement("svg",{width:"16",height:"20",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16"},o.default.createElement("path",{d:"M8 4v8M4 8h8",stroke:i,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))))};
+"use strict";var e=require("./tslib.es6-793ef4f7.js"),t=require("react"),n=require("@mantine/hooks"),a=require("./index-f55706b5.js"),r=require("./index-9c778a8b.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=l(t);exports.Slider=l=>{var{color:i,withControl:s,onChange:u,value:c,min:d,max:m,isStatic:h,containerClassName:f,containerStyle:g}=l,w=e.__rest(l,["color","withControl","onChange","value","min","max","isStatic","containerClassName","containerStyle"]);const[v,E]=t.useState(c||d||0),[p]=n.useDebouncedValue(v,r.DEBOUNCED_TIME);return t.useEffect((()=>{null==u||u(p)}),[p]),t.useEffect((()=>{E(c)}),[c]),o.default.createElement(r.StyledSliderWrapper,{className:f,style:g},s&&o.default.createElement(a.Button,{type:"button",size:"sm",color:"ghost",onClick:()=>{E((e=>d&&e===d?e:e-1))}},o.default.createElement("svg",{width:"10",height:"10",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12 3"},o.default.createElement("path",{d:"M1 1.004h8",stroke:i,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),o.default.createElement(r.StyledSlider,Object.assign({thumbSize:21,labelAlwaysOn:!0,radius:"xl",color:i,value:v,onChange:h?()=>null:E,min:d,max:m},w,{className:"hhg-mantine-slider "+(w.className||"")})),s&&o.default.createElement(a.Button,{type:"button",size:"sm",color:"ghost",onClick:()=>{E((e=>m&&e===m?e:e+1))}},o.default.createElement("svg",{width:"16",height:"20",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16"},o.default.createElement("path",{d:"M8 4v8M4 8h8",stroke:i,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))))};

package/build/{index-1b3d17a7.js → index-5978e72d.js}

@@ -1,4 +1,4 @@
-"use strict";var e=require("react"),t=require("@mantine/core"),a=require("./screenSizeContext-c556025a.js"),l=require("./index.styles-d24686a4.js"),o=require("./index-f8878003.js"),r=require("./useScrollbarSize-28e1a02c.js"),d=require("react-dom"),n=require("styled-components"),i=require("./useTranslations-359598a6.js"),s=require("./Onboarding-fe7f8cb4.js"),c=require("./index-52622ae2.js"),u=require("./theme-4734b6d5.js"),m=require("./index-700285e6.js");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=h(e),f=h(n);const g=({open:e=!1,onClickOutside:t})=>p.default.createElement(l.StyledBackdrop,{"data-open":e,onClick:t}),y=({value:t,options:a,className:o,direction:r="horizontal",onChange:d,isDisabled:n,siteType:i})=>{const[s,h]=e.useState(t),f="marryBaby"===i;return p.default.createElement(l.StyledRadioImageGroup,{className:o,"data-direction":r},a.map(((e,a)=>p.default.createElement(l.StyledRadioImageItem,{"data-selected":(t||s)===e.value,"data-is-mb":f,"data-disabled":n,key:a,onClick:()=>{var t;t=e.value,n||(h(t),d&&d(t))}},p.default.createElement("div",null,e.content,e.label&&p.default.createElement(p.default.Fragment,null,f?p.default.createElement(c.MarryBabyText,{type:"subtitle-2",color:(t||s)===e.value?u.theme.mbColors.dark:u.theme.mbColors.midGray},e.label):p.default.createElement(m.Text,{type:"bold",color:(t||s)===e.value?"#2D87F3":"black",className:"radio-group-item-heading",size:"label1"},e.label)))))))},b=f.default.div`
+"use strict";var e=require("react"),t=require("@mantine/core"),a=require("./screenSizeContext-a0797042.js"),l=require("./index.styles-c499b3ad.js"),o=require("./index-c57b16c5.js"),d=require("./useScrollbarSize-79ee4312.js"),r=require("react-dom"),n=require("styled-components"),i=require("./useTranslations-8a52ad57.js"),s=require("./Onboarding-e7037fc9.js"),c=require("./index-d1e4d7e0.js"),u=require("./theme-ad84e0cb.js"),m=require("./index-ae9a4b8e.js");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=h(e),f=h(n);const g=({open:e=!1,onClickOutside:t})=>p.default.createElement(l.StyledBackdrop,{"data-open":e,onClick:t}),y=({value:t,options:a,className:o,direction:d="horizontal",onChange:r,isDisabled:n,siteType:i})=>{const[s,h]=e.useState(t),f="marryBaby"===i;return p.default.createElement(l.StyledRadioImageGroup,{className:o,"data-direction":d},a.map(((e,a)=>p.default.createElement(l.StyledRadioImageItem,{"data-selected":(t||s)===e.value,"data-is-mb":f,"data-disabled":n,key:a,onClick:()=>{var t;t=e.value,n||(h(t),r&&r(t))}},p.default.createElement("div",null,e.content,e.label&&p.default.createElement(p.default.Fragment,null,f?p.default.createElement(c.MarryBabyText,{type:"subtitle-2",color:(t||s)===e.value?u.theme.mbColors.dark:u.theme.mbColors.midGray},e.label):p.default.createElement(m.Text,{type:"bold",color:(t||s)===e.value?"#2D87F3":"black",className:"radio-group-item-heading",size:"label1"},e.label)))))))},b=f.default.div`
   position: relative;
   z-index: 200;
   background-color: ${e=>e.theme.colors.white};
@@ -174,4 +174,4 @@
   .radio-group-item-heading {
     margin-top: 0;
   }
-`;exports.BabyGrowthGender=({value:e,onChange:t,siteType:a})=>{const{t:l}=i.useTranslations(),r="marryBaby"==a;return p.default.createElement(S,{"data-is-marryBaby":r},r?p.default.createElement(c.MarryBabyHeading,{type:"h4",color:u.theme.mbColors.dark},l("tools.selectBabyGender")):p.default.createElement(o.Text,{size:"label2",weight:"bold",style:{marginBottom:"0.5rem"}},l("tools.selectBabyGender")),p.default.createElement(_,{siteType:a,options:[{value:s.Gender.Boy,label:l("gender.male"),content:r?p.default.createElement(o.Icon.BabyBoyMB,null):p.default.createElement(o.Icon.GenderChooseBoy,null)},{value:s.Gender.Girl,label:l("gender.female"),content:r?p.default.createElement(o.Icon.BabyGirlMB,null):p.default.createElement(o.Icon.GenderChooseGirl,null)}],value:e,onChange:t,className:"gender-selector"}))},exports.Drawer=({children:r,title:d,onClose:n,open:i=!1,placement:s="left",destroyOnClose:c=!1,isPropagationEvent:u=!0,className:m})=>{const h=e.useRef();e.useEffect((()=>(a.toggleNoScroll(i),()=>a.toggleNoScroll(!1))),[i]);const f=()=>{h.current.classList.add("slideOut"),setTimeout((()=>{n()}),800)};return!i&&c?null:p.default.createElement(t.Portal,null,p.default.createElement(l.StyledDrawer,{className:m,open:i},p.default.createElement(g,{open:i,onClickOutside:f}),p.default.createElement(l.StyledDrawerPanel,{open:i,placement:s,ref:h,hasTitle:Boolean(d)},p.default.createElement("div",{className:"title"},d&&p.default.createElement(o.Text,{size:"s2",weight:"semiBold"},d),p.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"close-button",onClick:f},p.default.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"}))),p.default.createElement(l.StyledDrawerContent,{onClick:e=>{u&&e.stopPropagation()}},r&&(p.default.isValidElement(r)?r:"function"==typeof r?r({internalClose:f}):null)))))},exports.Modal=({type:t="lead",closeIcon:a,isOpen:l=!0,onClose:o,children:n,className:i="",animationType:s="slideTop",isStaticBackdrop:c=!1,siteType:u})=>{const[m,h]=e.useState(!1),f=e.useRef(null),{width:g}=r.useScrollbarSize();if(!f.current&&m&&(f.current=document.createElement("div")),e.useEffect((()=>(h(!0),()=>{h(!1),B(),k()})),[]),e.useEffect((()=>{if(m){const e=(()=>{let e=document.getElementById(E);return e||(e=document.createElement("div"),e.setAttribute("id",E),document.body.append(e)),e})();return e.appendChild(f.current),()=>{e.removeChild(f.current)}}}),[m]),e.useEffect((()=>{l?document.body.classList.add("hhc-modal-show"):B()}),[l]),e.useEffect((()=>{l?(document.body.style.overflow="hidden",document.body.style.paddingRight=g+"px",document.body.classList.add("hhc-disabled-scroll")):k()}),[l,g]),!m)return null;const y=["hhg-modal__wrapper",i,s].filter((e=>e)).join(" ");return d.createPortal(p.default.createElement(C,{className:y,"data-open":l,"data-type":t},!c&&p.default.createElement(w,{"data-open":l,onClick:o,"data-type":t}),!c&&"video"===t&&!!a&&p.default.createElement("div",{className:"hhg-modal__close",onClick:o},a),p.default.createElement(v,{className:"hhg-modal","data-open":l,"data-site-type":u},p.default.createElement("div",{className:"video"===t?"hhg-modal__video":"hhg-modal__content"},!!a&&"video"!==t&&p.default.createElement("div",{className:"hhg-modal__close",onClick:o},a),n))),f.current)},exports.RadioImageGroup=y;
+`;exports.BabyGrowthGender=({value:e,onChange:t,siteType:a})=>{const{t:l}=i.useTranslations(),d="marryBaby"==a;return p.default.createElement(S,{"data-is-marryBaby":d},d?p.default.createElement(c.MarryBabyHeading,{type:"h4",color:u.theme.mbColors.dark},l("tools.selectBabyGender")):p.default.createElement(o.Text,{size:"label2",weight:"bold",style:{marginBottom:"0.5rem"}},l("tools.selectBabyGender")),p.default.createElement(_,{siteType:a,options:[{value:s.Gender.Boy,label:l("gender.male"),content:d?p.default.createElement(o.Icon.BabyBoyMB,null):p.default.createElement(o.Icon.GenderChooseBoy,null)},{value:s.Gender.Girl,label:l("gender.female"),content:d?p.default.createElement(o.Icon.BabyGirlMB,null):p.default.createElement(o.Icon.GenderChooseGirl,null)}],value:e,onChange:t,className:"gender-selector"}))},exports.Drawer=({children:d,title:r,onClose:n,open:i=!1,placement:s="left",destroyOnClose:c=!1,isPropagationEvent:u=!0,className:m})=>{const h=e.useRef();e.useEffect((()=>(a.toggleNoScroll(i),()=>a.toggleNoScroll(!1))),[i]);const f=()=>{h.current.classList.add("slideOut"),setTimeout((()=>{n()}),800)};return!i&&c?null:p.default.createElement(t.Portal,null,p.default.createElement(l.StyledDrawer,{className:m,open:i},p.default.createElement(g,{open:i,onClickOutside:f}),p.default.createElement(l.StyledDrawerPanel,{open:i,placement:s,ref:h,hasTitle:Boolean(r)},p.default.createElement("div",{className:"title"},r&&p.default.createElement(o.Text,{size:"s2",weight:"semiBold"},r),p.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"close-button",onClick:f},p.default.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"}))),p.default.createElement(l.StyledDrawerContent,{onClick:e=>{u&&e.stopPropagation()}},d&&(p.default.isValidElement(d)?d:"function"==typeof d?d({internalClose:f}):null)))))},exports.Modal=({type:t="lead",closeIcon:a,isOpen:l=!0,onClose:o,children:n,className:i="",animationType:s="slideTop",isStaticBackdrop:c=!1,siteType:u})=>{const[m,h]=e.useState(!1),f=e.useRef(null),{width:g}=d.useScrollbarSize();if(!f.current&&m&&(f.current=document.createElement("div")),e.useEffect((()=>(h(!0),()=>{h(!1),B(),k()})),[]),e.useEffect((()=>{if(m){const e=(()=>{let e=document.getElementById(E);return e||(e=document.createElement("div"),e.setAttribute("id",E),document.body.append(e)),e})();return e.appendChild(f.current),()=>{e.removeChild(f.current)}}}),[m]),e.useEffect((()=>{l?document.body.classList.add("hhc-modal-show"):B()}),[l]),e.useEffect((()=>{l?(document.body.style.overflow="hidden",document.body.style.paddingRight=g+"px",document.body.classList.add("hhc-disabled-scroll")):k()}),[l,g]),!m)return null;const y=["hhg-modal__wrapper",i,s].filter((e=>e)).join(" ");return r.createPortal(p.default.createElement(C,{className:y,"data-open":l,"data-type":t},!c&&p.default.createElement(w,{"data-open":l,onClick:o,"data-type":t}),!c&&"video"===t&&!!a&&p.default.createElement("div",{className:"hhg-modal__close",onClick:o},a),p.default.createElement(v,{className:"hhg-modal","data-open":l,"data-site-type":u},p.default.createElement("div",{className:"video"===t?"hhg-modal__video":"hhg-modal__content"},!!a&&"video"!==t&&p.default.createElement("div",{className:"hhg-modal__close",onClick:o},a),n))),f.current)},exports.RadioImageGroup=y;

package/build/{index-cb6a6f40.js → index-63960bd9.js}

@@ -1 +1 @@
-"use strict";var e=require("./tslib.es6-9bb14f66.js"),t=require("react"),s=require("@mantine/core"),l=require("./gAssets.js"),a=require("./index-40a7c1ec.js"),n=require("./index-f8878003.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=r(t);exports.Modal=t=>{var{title:r,styles:i}=t,u=e.__rest(t,["title","styles"]);const{classes:c}=a.useStyles(void 0,{name:"Modal",styles:i});return o.default.createElement(o.default.Fragment,null,o.default.createElement(s.Modal,Object.assign({centered:!0,classNames:c},u,{withCloseButton:!1,title:u.withCloseButton&&o.default.createElement(o.default.Fragment,null,o.default.createElement(n.Text,{size:"s2",weight:"semiBold",as:"span"},r),o.default.createElement(s.CloseButton,Object.assign({},u.closeButtonProps,{onClick:()=>{var e;return null===(e=u.onClose)||void 0===e?void 0:e.call(u)},sx:{":focus":{outline:0}}}),o.default.createElement("img",{loading:"lazy",className:"mantine-Modal-close",src:l.CommonGAssets.getAssetPath("CloseModal.svg"),style:{width:"16px"}})))})))};
+"use strict";var e=require("./tslib.es6-793ef4f7.js"),t=require("react"),s=require("@mantine/core"),l=require("./gAssets.js"),a=require("./index-9c778a8b.js"),n=require("./index-c57b16c5.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=r(t);exports.Modal=t=>{var{title:r,styles:i}=t,u=e.__rest(t,["title","styles"]);const{classes:c}=a.useStyles(void 0,{name:"Modal",styles:i});return o.default.createElement(o.default.Fragment,null,o.default.createElement(s.Modal,Object.assign({centered:!0,classNames:c},u,{withCloseButton:!1,title:u.withCloseButton&&o.default.createElement(o.default.Fragment,null,o.default.createElement(n.Text,{size:"s2",weight:"semiBold",as:"span"},r),o.default.createElement(s.CloseButton,Object.assign({},u.closeButtonProps,{onClick:()=>{var e;return null===(e=u.onClose)||void 0===e?void 0:e.call(u)},sx:{":focus":{outline:0}}}),o.default.createElement("img",{loading:"lazy",className:"mantine-Modal-close",src:l.CommonGAssets.getAssetPath("CloseModal.svg"),style:{width:"16px"}})))})))};

package/build/{index-bea0049a.js → index-6443e622.js}

@@ -1,4 +1,4 @@
-"use strict";var e=require("react"),t=require("./index-f8878003.js"),a=require("./index.styles-d24686a4.js"),n=require("./screenSizeContext-c556025a.js"),i=require("./index-700285e6.js"),l=require("./useTranslations-359598a6.js");require("lodash/debounce");var r=require("./isProduction-91b18c8c.js"),o=require("./index-8f2fc7ba.js");require("./useCategory-9c139534.js");var s=require("./gAssets.js"),d=require("./theme-4734b6d5.js"),c=require("./tslib.es6-9bb14f66.js"),u=require("@mantine/core"),m=require("innertext"),p=require("./index-40a7c1ec.js");require("@mantine/dates");var h=require("./Onboarding-fe7f8cb4.js"),g=require("dayjs"),f=require("styled-components");require("./translationsContext-10eaa979.js"),require("string-format");var b=require("@mantine/hooks"),v=require("./index-9614aad7.js"),y=require("lodash/throttle"),x=require("./index-830928e5.js"),w=require("./index-11d3c42f.js"),E=require("./index-64de3b47.js"),C=require("date-fns");require("./utils-7c32f482.js"),require("./index.styled-51fa91d5.js"),require("./index-901a9c4f.js");var k=require("./constants-cd7744f6.js"),S=require("./types-f7675bba.js"),T=require("./index-ee837c48.js"),B=require("./index-52622ae2.js"),N=require("./index.styled-24be01ff.js"),A=require("./index-d41e94ff.js"),_=require("react-hook-form"),D=require("./useHealthToolCache-8ab59949.js"),I=require("@hookform/resolvers/yup"),M=require("./index-1b3d17a7.js"),P=require("./index-41c1ae39.js"),L=require("react-day-picker/DayPickerInput"),z=require("./useOutsideClick-bfaeb7b2.js"),$=require("date-fns/locale/en-US"),O=require("date-fns/locale/id"),j=require("date-fns/locale/vi"),F=require("date-fns/locale/zh-TW"),R=require("./getSocialList-6b64f32b.js"),H=require("uuid"),U=require("./routing-a04c9023.js"),G=require("@mantine/form"),W=require("./index-cb6a6f40.js"),q=require("js-cookie"),V=require("lodash/flatten");require("react-contenteditable"),require("react-dom");var Q=require("lodash/uniqBy");function Z(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var Y=Z(e),X=Z(m),K=Z(g),J=Z(f),ee=Z(y),te=Z(L),ae=Z($),ne=Z(O),ie=Z(j),le=Z(F),re=Z(q),oe=Z(V),se=Z(Q),de="CHw-fZZ",ce="_03U6VRS",ue="EO828Vv";const me=({pagesAmount:t,activePage:i,handlePageChange:l,handleClick:r,href:o,queryPageName:s="page"})=>{const d=[...Array(t)].map(((e,t)=>t+1)),[c,u]=e.useState(i<=4?d.slice(0,5):i>=d.length-3?d.slice(d.length-5,d.length):d.slice(i-2,i+1));return e.useEffect((()=>{i<=4?u(d.slice(0,5)):i>=d.length-3?u(d.slice(d.length-5,d.length)):u(d.slice(i-2,i+1))}),[i]),Y.default.createElement(e.Fragment,null,i>4&&Y.default.createElement(e.Fragment,null,Y.default.createElement(a.StyledPaginationBlock,{onClick:()=>l(1)},o?Y.default.createElement("a",{href:o,onClick:r},1):1),Y.default.createElement(a.StyledPaginationBlock,null,"...")),c.map((e=>Y.default.createElement(a.StyledPaginationBlock,{key:`pagination+${e}`,"data-page-active":e===i||void 0,onClick:()=>l(e)},o?Y.default.createElement("a",{href:n.formatUrlWithPageParam(o,e,s),onClick:r},e):e))),i<d.length-3&&Y.default.createElement(e.Fragment,null,Y.default.createElement(a.StyledPaginationBlock,null,"..."),Y.default.createElement(a.StyledPaginationBlock,{onClick:()=>l(d.length)},o?Y.default.createElement("a",{href:n.formatUrlWithPageParam(o,d.length,s),onClick:r},d.length):d.length)))},pe=({type:e,size:t="small",label:n,name:i,checked:l,value:r,className:o,isDisabled:s=!1,onChange:d,dataEventCategory:c,dataEventAction:u,dataEventLabel:m})=>{const p=!!u&&!!c&&!!m?{"data-event-category":c,"data-event-action":u,"data-event-label":m}:{};return Y.default.createElement(a.StyledRadio,{"data-disabled":s,className:o,"data-type":e,"data-size":t},Y.default.createElement("label",Object.assign({style:{display:"flex",alignItems:"center"}},p),Y.default.createElement("input",Object.assign({type:"radio",checked:l,name:i,value:r,onChange:()=>d(r)},p)),n))},he=({label:e,name:t,checked:n,className:i,isDisabled:l,onChange:r,value:o,isRectangle:s,inputDataTestId:d,siteType:c})=>Y.default.createElement(a.StyledCheckbox,{className:i,"data-disabled":l||void 0,"data-is-rectangle":s||void 0,"data-label-text":e,"data-theme":c},Y.default.createElement("input",{type:"checkbox",checked:n,name:t,onChange:()=>r(o,!n),disabled:l,value:o,id:`${t}-${o}`,"data-label-text":e,"data-testid":d}),!s&&Y.default.createElement("label",{htmlFor:`${t}-${o}`},e)),ge=e=>Y.default.createElement("svg",Object.assign({},e,{viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),Y.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"})),fe=e=>Y.default.createElement("svg",Object.assign({},e,{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),Y.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"})),be=e=>{const t=l.useUniqueId();return Y.default.createElement("svg",Object.assign({},e,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),Y.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"}),Y.default.createElement("mask",{id:t,maskUnits:"userSpaceOnUse",x:"2",y:"0",width:"10",height:"24"},Y.default.createElement("rect",{x:"2",width:"10",height:"24",fill:"#C4C4C4"})),Y.default.createElement("g",{mask:`url(#${t})`},Y.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"})))},ve=n=>{var{label:i,availableValue:r,styles:o,isBaby:d,genderValue:m={male:"male",female:"female"}}=n,p=c.__rest(n,["label","availableValue","styles","isBaby","genderValue"]);const{t:h}=l.useTranslations(),{classes:g,cx:f}=a.useStyles(void 0,{name:"GenderOptionControl",styles:o}),[b,v]=e.useState(),y=e.useRef(null),x=e.useMemo((()=>[{value:m.male,label:h(d?"gender.boy":"gender.male"),icon:s.CommonGAssets.getAssetPath(d?"health-tools/boy-icon.svg":"health-tools/male-icon.svg")},{value:m.female,label:h(d?"gender.girl":"gender.female"),icon:s.CommonGAssets.getAssetPath(d?"health-tools/girl-icon.svg":"health-tools/female-icon.svg")}]),[]);return e.useEffect((()=>{v(r)}),[r]),Y.default.createElement(u.Box,{ref:y,className:g.root},Y.default.createElement(u.Radio.Group,Object.assign({className:"radio-group",label:Y.default.createElement(t.Text,{as:"label",size:"s4",weight:"semiBold"},i||h(d?"tools.selectBabyGender":"tools.selectGender")),size:"lg"},p,{classNames:{error:g.groupErr}}),Y.default.createElement(u.Flex,{className:f(g.wrapper)},x.map((e=>Y.default.createElement(u.Radio,Object.assign({className:"gender-item",classNames:{root:g.itemRoot,labelWrapper:g.itemLabelWrapper,label:g.itemLabel,inner:g.itemInner},key:e.value,value:e.value},b&&e.value!==b&&{disabled:!0},{label:Y.default.createElement(u.Flex,{gap:u.rem(8),align:"center",justify:"center",sx:{zIndex:0}},Y.default.createElement("img",{src:e.icon,className:"gender-image",alt:"female",loading:"lazy"}),Y.default.createElement(t.Text,{size:"p3"},e.label))})))))))};var ye="tliWyii";var xe="PiqKaXk",we="HgbW6-m",Ee="_6lkfLYy",Ce="j7c-onH";const ke=({avatarImg:e,authorName:a,authorLink:n,uploadTime:i,size:l})=>Y.default.createElement("div",{className:Ce},Y.default.createElement("div",{className:"author"},Y.default.createElement("div",{className:"avatar","data-size":l},e),Y.default.createElement("div",{className:"poster","data-is-disabled-url":!n},Y.default.createElement(t.Text,{size:"lg"===l?"p3":"p4"},Y.default.createElement("a",{href:n},Y.default.createElement("span",{className:"name"},a),"•"," "),Y.default.createElement("span",null,i))))),Se=({isMobile:e,avatarImg:n,name:i,link:l,size:r="lg",specialty:o})=>Y.default.createElement("div",{className:Ce},Y.default.createElement("div",{className:"author"},Y.default.createElement("div",{className:"expert-avatar","data-size":r},n),Y.default.createElement("div",{className:"expert","data-is-disabled-url":!l},e?Y.default.createElement("a",{href:l},"lg"===r?Y.default.createElement(Y.default.Fragment,null,Y.default.createElement(a.Heading,{tag:"h6",className:"expert__name",color:d.theme.colors.gray600},i),Y.default.createElement(t.Text,{color:d.theme.colors.gray500,size:"p3",className:"specialty"},o)):Y.default.createElement(Y.default.Fragment,null,Y.default.createElement(a.Heading,{tag:"h6",className:"expert__name",color:d.theme.colors.gray600},i))):Y.default.createElement("a",{href:l},"lg"===r?Y.default.createElement(Y.default.Fragment,null,Y.default.createElement(a.Heading,{tag:"h6",className:"expert__name",color:d.theme.colors.gray600},i),Y.default.createElement(t.Text,{color:d.theme.colors.gray500,size:"p3",className:"specialty"},o)):Y.default.createElement(Y.default.Fragment,null,Y.default.createElement("h6",{color:d.theme.colors.gray600,className:`${xe} expert__name`},i),Y.default.createElement(t.Text,{color:d.theme.colors.gray500,size:"p4",className:"specialty"},o)))))),Te=e.memo((()=>Y.default.createElement("div",{className:"shoppable"},Y.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},Y.default.createElement("rect",{width:"24",height:"24",rx:"12",fill:"#1B3250"}),Y.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"}))))),Be=e.memo((({dataEventCategoryForBookmark:e,dataEventActionForBookmark:t,dataEventLabelForBookmark:a})=>Y.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",xmlns:"http://www.w3.org/2000/svg"},Y.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"})))),Ne=e.memo((({dataEventCategoryForBookmark:e,dataEventActionForBookmark:t,dataEventLabelForBookmark:a})=>Y.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",xmlns:"http://www.w3.org/2000/svg"},Y.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"})))),Ae=e=>{var a,n,i,{article:l,author:r,authorAvatar:o,badge:s="",hideDescription:d=!1,isBookmarked:m=!1,onBookmark:h,time:g,tracking:f}=e,b=c.__rest(e,["article","author","authorAvatar","badge","hideDescription","isBookmarked","onBookmark","time","tracking"]);const{isMobile:v}=p.useScreenSize();return console.log({article:l}),Y.default.createElement(u.Card,Object.assign({padding:0,radius:0,sx:{display:"flex",flexDirection:"row",gap:24}},b),Y.default.createElement(u.Card.Section,{w:"100%",h:"100%",miw:264,m:0,className:"pointer"},Y.default.createElement("img",{src:(v?l.featureImageMobile:l.featureImage)||l.featureImage,alt:l.postName,style:{width:"100%"},loading:"lazy"})),Y.default.createElement(u.Card.Section,null,Y.default.createElement(u.Group,{position:"apart",mt:16,mb:4},Y.default.createElement(p.Anchor,{href:(null===(a=null==l?void 0:l.primaryCategory)||void 0===a?void 0:a.permalink)||"#"},Y.default.createElement(t.Text,{size:"p4",color:"blue.6"},null===(n=null==l?void 0:l.primaryCategory)||void 0===n?void 0:n.displayName)),Y.default.createElement(u.Box,{sx:{cursor:"pointer"},role:"button",onClick:h},m?Y.default.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},null==f?void 0:f.bookmark),Y.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"})):Y.default.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},null==f?void 0:f.bookmark),Y.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"})))),Y.default.createElement(t.Text,{size:d?"s2":"s1",mb:8,weight:"semiBold",className:"pointer"},l.postTitle||l.postName||""),!d&&Y.default.createElement(t.Text,{size:"p2",mb:16,lineClamp:3,className:"pointer"},X.default(l.excerpt||l.description||(null===(i=l.postContent)||void 0===i?void 0:i.split("\r\n")[0])||"")),Y.default.createElement(u.Flex,{gap:12,align:"center"},Y.default.createElement(p.Avatar,{size:32,src:o,withIndicator:!0,indicatorConfig:{offset:5,size:18,label:Y.default.createElement("img",{loading:"lazy",src:s,alt:""})}},"A"),Y.default.createElement(t.Text,{size:"n1",c:"gray.6"},r," • ",g))))};var _e=u.createStyles(((e,{})=>({root:{},image:{},title:{},category:{},description:{},author:{}})));const De=648/440,Ie=1.5,Me=a=>{var n,i,l,{article:r,author:o,authorAvatar:s,badge:d="",bannerImageWrapProps:m,hideDescription:h=!1,isBookmarked:g=!1,onBookmark:f,time:b,tracking:v,classNames:y,styles:x,unstyled:w,className:E}=a,C=c.__rest(a,["article","author","authorAvatar","badge","bannerImageWrapProps","hideDescription","isBookmarked","onBookmark","time","tracking","classNames","styles","unstyled","className"]);const{isMobile:k}=p.useScreenSize(),{classes:S,cx:T}=_e({},{name:"ArticleCard",classNames:y,styles:x,unstyled:w}),B=e.useMemo((()=>h?Ie:De),[h]);return Y.default.createElement(u.Card,Object.assign({className:T(S.root,E),padding:"lg",radius:0},C),Y.default.createElement(u.Card.Section,{className:T(S.image,"pointer")},Y.default.createElement(p.AspectRatio,Object.assign({ratio:B},m),Y.default.createElement("img",{src:(k?r.featureImageMobile:r.featureImage)||r.featureImage,alt:r.postName,style:{objectFit:"cover"}}))),Y.default.createElement(u.Card.Section,null,Y.default.createElement(u.Group,{position:"apart",mt:16,mb:4},Y.default.createElement(p.Anchor,{className:S.category,href:(null===(n=null==r?void 0:r.primaryCategory)||void 0===n?void 0:n.permalink)||"#"},Y.default.createElement(t.Text,{size:"p4",color:"blue.6"},null===(i=null==r?void 0:r.primaryCategory)||void 0===i?void 0:i.displayName)),Y.default.createElement(u.Box,{sx:{cursor:"pointer"},role:"button",onClick:f},g?Y.default.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},null==v?void 0:v.bookmark),Y.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"})):Y.default.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},null==v?void 0:v.bookmark),Y.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"})))),Y.default.createElement(t.Text,{className:T(S.title,"pointer"),size:h?"s2":"s1",mb:8,weight:"semiBold"},r.postTitle||r.postName||""),!h&&Y.default.createElement(t.Text,{className:T(S.description,"pointer"),size:"p2",mb:16,lineClamp:3},X.default(r.excerpt||r.description||(null===(l=r.postContent)||void 0===l?void 0:l.split("\r\n")[0])||"")),Y.default.createElement(u.Flex,{className:S.author,gap:12,align:"center"},Y.default.createElement(p.Avatar,{size:32,src:s,withIndicator:!0,indicatorConfig:{offset:5,size:18,label:Y.default.createElement("img",{loading:"lazy",src:d,alt:""})}},"A"),Y.default.createElement(t.Text,{size:"n1",c:"gray.6"},o," • ",b))))},Pe=J.default.a`
+"use strict";var e=require("react"),t=require("./index-c57b16c5.js"),a=require("./index.styles-c499b3ad.js"),n=require("./screenSizeContext-a0797042.js"),i=require("./index-ae9a4b8e.js"),l=require("./useTranslations-8a52ad57.js");require("lodash/debounce");var r=require("./isProduction-e8a45b23.js"),o=require("./index-062e09b8.js");require("./useCategory-db4bc8bc.js");var s=require("./gAssets.js"),d=require("./theme-ad84e0cb.js"),c=require("./tslib.es6-793ef4f7.js"),u=require("@mantine/core"),m=require("innertext"),p=require("./index-9c778a8b.js");require("@mantine/dates");var h=require("./Onboarding-e7037fc9.js"),g=require("dayjs"),f=require("styled-components");require("./translationsContext-890caf5a.js"),require("string-format");var b=require("@mantine/hooks"),v=require("./index-e4a11d4c.js"),y=require("lodash/throttle"),x=require("./index-292acf44.js"),w=require("./index-f55706b5.js"),E=require("./index-08166ce2.js"),C=require("date-fns");require("./utils-6977aa36.js"),require("./index.styled-644f049d.js"),require("./index-b8b7780e.js");var k=require("./constants-6dfb8be7.js"),S=require("./types-03e17b2b.js"),T=require("./index-2a04c45b.js"),B=require("./index-d1e4d7e0.js"),N=require("./index.styled-f34795a2.js"),A=require("./index-8cfe8626.js"),_=require("react-hook-form"),D=require("./useHealthToolCache-d989b121.js"),I=require("@hookform/resolvers/yup"),M=require("./index-5978e72d.js"),P=require("./index-1c1c97f9.js"),L=require("react-day-picker/DayPickerInput"),z=require("./useOutsideClick-ea9be911.js"),$=require("date-fns/locale/en-US"),O=require("date-fns/locale/id"),j=require("date-fns/locale/vi"),F=require("date-fns/locale/zh-TW"),R=require("./getSocialList-f30f0c7b.js"),H=require("uuid"),U=require("./routing-b1ec3ae7.js"),G=require("@mantine/form"),W=require("./index-63960bd9.js"),q=require("js-cookie"),V=require("lodash/flatten");require("react-contenteditable"),require("react-dom");var Q=require("lodash/uniqBy");function Z(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var Y=Z(e),X=Z(m),K=Z(g),J=Z(f),ee=Z(y),te=Z(L),ae=Z($),ne=Z(O),ie=Z(j),le=Z(F),re=Z(q),oe=Z(V),se=Z(Q),de="CHw-fZZ",ce="_03U6VRS",ue="EO828Vv";const me=({pagesAmount:t,activePage:i,handlePageChange:l,handleClick:r,href:o,queryPageName:s="page"})=>{const d=[...Array(t)].map(((e,t)=>t+1)),[c,u]=e.useState(i<=4?d.slice(0,5):i>=d.length-3?d.slice(d.length-5,d.length):d.slice(i-2,i+1));return e.useEffect((()=>{i<=4?u(d.slice(0,5)):i>=d.length-3?u(d.slice(d.length-5,d.length)):u(d.slice(i-2,i+1))}),[i]),Y.default.createElement(e.Fragment,null,i>4&&Y.default.createElement(e.Fragment,null,Y.default.createElement(a.StyledPaginationBlock,{onClick:()=>l(1)},o?Y.default.createElement("a",{href:o,onClick:r},1):1),Y.default.createElement(a.StyledPaginationBlock,null,"...")),c.map((e=>Y.default.createElement(a.StyledPaginationBlock,{key:`pagination+${e}`,"data-page-active":e===i||void 0,onClick:()=>l(e)},o?Y.default.createElement("a",{href:n.formatUrlWithPageParam(o,e,s),onClick:r},e):e))),i<d.length-3&&Y.default.createElement(e.Fragment,null,Y.default.createElement(a.StyledPaginationBlock,null,"..."),Y.default.createElement(a.StyledPaginationBlock,{onClick:()=>l(d.length)},o?Y.default.createElement("a",{href:n.formatUrlWithPageParam(o,d.length,s),onClick:r},d.length):d.length)))},pe=({type:e,size:t="small",label:n,name:i,checked:l,value:r,className:o,isDisabled:s=!1,onChange:d,dataEventCategory:c,dataEventAction:u,dataEventLabel:m})=>{const p=!!u&&!!c&&!!m?{"data-event-category":c,"data-event-action":u,"data-event-label":m}:{};return Y.default.createElement(a.StyledRadio,{"data-disabled":s,className:o,"data-type":e,"data-size":t},Y.default.createElement("label",Object.assign({style:{display:"flex",alignItems:"center"},"data-checked":l},p),Y.default.createElement("input",Object.assign({type:"radio",checked:l,name:i,value:r,onChange:()=>d(r)},p)),n))},he=({label:e,name:t,checked:n,className:i,isDisabled:l,onChange:r,value:o,isRectangle:s,inputDataTestId:d,siteType:c})=>Y.default.createElement(a.StyledCheckbox,{className:i,"data-disabled":l||void 0,"data-is-rectangle":s||void 0,"data-label-text":e,"data-theme":c},Y.default.createElement("input",{type:"checkbox",checked:n,name:t,onChange:()=>r(o,!n),disabled:l,value:o,id:`${t}-${o}`,"data-label-text":e,"data-testid":d}),!s&&Y.default.createElement("label",{htmlFor:`${t}-${o}`},e)),ge=e=>Y.default.createElement("svg",Object.assign({},e,{viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),Y.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"})),fe=e=>Y.default.createElement("svg",Object.assign({},e,{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),Y.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"})),be=e=>{const t=l.useUniqueId();return Y.default.createElement("svg",Object.assign({},e,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),Y.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"}),Y.default.createElement("mask",{id:t,maskUnits:"userSpaceOnUse",x:"2",y:"0",width:"10",height:"24"},Y.default.createElement("rect",{x:"2",width:"10",height:"24",fill:"#C4C4C4"})),Y.default.createElement("g",{mask:`url(#${t})`},Y.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"})))},ve=n=>{var{label:i,availableValue:r,styles:o,isBaby:d,genderValue:m={male:"male",female:"female"}}=n,p=c.__rest(n,["label","availableValue","styles","isBaby","genderValue"]);const{t:h}=l.useTranslations(),{classes:g,cx:f}=a.useStyles(void 0,{name:"GenderOptionControl",styles:o}),[b,v]=e.useState(),y=e.useRef(null),x=e.useMemo((()=>[{value:m.male,label:h(d?"gender.boy":"gender.male"),icon:s.CommonGAssets.getAssetPath(d?"health-tools/boy-icon.svg":"health-tools/male-icon.svg")},{value:m.female,label:h(d?"gender.girl":"gender.female"),icon:s.CommonGAssets.getAssetPath(d?"health-tools/girl-icon.svg":"health-tools/female-icon.svg")}]),[]);return e.useEffect((()=>{v(r)}),[r]),Y.default.createElement(u.Box,{ref:y,className:g.root},Y.default.createElement(u.Radio.Group,Object.assign({className:"radio-group",label:Y.default.createElement(t.Text,{as:"label",size:"s4",weight:"semiBold"},i||h(d?"tools.selectBabyGender":"tools.selectGender")),size:"lg"},p,{classNames:{error:g.groupErr}}),Y.default.createElement(u.Flex,{className:f(g.wrapper)},x.map((e=>Y.default.createElement(u.Radio,Object.assign({className:"gender-item",classNames:{root:g.itemRoot,labelWrapper:g.itemLabelWrapper,label:g.itemLabel,inner:g.itemInner},key:e.value,value:e.value},b&&e.value!==b&&{disabled:!0},{label:Y.default.createElement(u.Flex,{gap:u.rem(8),align:"center",justify:"center",sx:{zIndex:0}},Y.default.createElement("img",{src:e.icon,className:"gender-image",alt:"female",loading:"lazy"}),Y.default.createElement(t.Text,{size:"p3"},e.label))})))))))};var ye="tliWyii";var xe="PiqKaXk",we="HgbW6-m",Ee="_6lkfLYy",Ce="j7c-onH";const ke=({avatarImg:e,authorName:a,authorLink:n,uploadTime:i,size:l})=>Y.default.createElement("div",{className:Ce},Y.default.createElement("div",{className:"author"},Y.default.createElement("div",{className:"avatar","data-size":l},e),Y.default.createElement("div",{className:"poster","data-is-disabled-url":!n},Y.default.createElement(t.Text,{size:"lg"===l?"p3":"p4"},Y.default.createElement("a",{href:n},Y.default.createElement("span",{className:"name"},a),"•"," "),Y.default.createElement("span",null,i))))),Se=({isMobile:e,avatarImg:n,name:i,link:l,size:r="lg",specialty:o})=>Y.default.createElement("div",{className:Ce},Y.default.createElement("div",{className:"author"},Y.default.createElement("div",{className:"expert-avatar","data-size":r},n),Y.default.createElement("div",{className:"expert","data-is-disabled-url":!l},e?Y.default.createElement("a",{href:l},"lg"===r?Y.default.createElement(Y.default.Fragment,null,Y.default.createElement(a.Heading,{tag:"h6",className:"expert__name",color:d.theme.colors.gray600},i),Y.default.createElement(t.Text,{color:d.theme.colors.gray500,size:"p3",className:"specialty"},o)):Y.default.createElement(Y.default.Fragment,null,Y.default.createElement(a.Heading,{tag:"h6",className:"expert__name",color:d.theme.colors.gray600},i))):Y.default.createElement("a",{href:l},"lg"===r?Y.default.createElement(Y.default.Fragment,null,Y.default.createElement(a.Heading,{tag:"h6",className:"expert__name",color:d.theme.colors.gray600},i),Y.default.createElement(t.Text,{color:d.theme.colors.gray500,size:"p3",className:"specialty"},o)):Y.default.createElement(Y.default.Fragment,null,Y.default.createElement("h6",{color:d.theme.colors.gray600,className:`${xe} expert__name`},i),Y.default.createElement(t.Text,{color:d.theme.colors.gray500,size:"p4",className:"specialty"},o)))))),Te=e.memo((()=>Y.default.createElement("div",{className:"shoppable"},Y.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},Y.default.createElement("rect",{width:"24",height:"24",rx:"12",fill:"#1B3250"}),Y.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"}))))),Be=e.memo((({dataEventCategoryForBookmark:e,dataEventActionForBookmark:t,dataEventLabelForBookmark:a})=>Y.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",xmlns:"http://www.w3.org/2000/svg"},Y.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"})))),Ne=e.memo((({dataEventCategoryForBookmark:e,dataEventActionForBookmark:t,dataEventLabelForBookmark:a})=>Y.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",xmlns:"http://www.w3.org/2000/svg"},Y.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"})))),Ae=e=>{var a,n,i,{article:l,author:r,authorAvatar:o,badge:s="",hideDescription:d=!1,isBookmarked:m=!1,onBookmark:h,time:g,tracking:f}=e,b=c.__rest(e,["article","author","authorAvatar","badge","hideDescription","isBookmarked","onBookmark","time","tracking"]);const{isMobile:v}=p.useScreenSize();return console.log({article:l}),Y.default.createElement(u.Card,Object.assign({padding:0,radius:0,sx:{display:"flex",flexDirection:"row",gap:24}},b),Y.default.createElement(u.Card.Section,{w:"100%",h:"100%",miw:264,m:0,className:"pointer"},Y.default.createElement("img",{src:(v?l.featureImageMobile:l.featureImage)||l.featureImage,alt:l.postName,style:{width:"100%"},loading:"lazy"})),Y.default.createElement(u.Card.Section,null,Y.default.createElement(u.Group,{position:"apart",mt:16,mb:4},Y.default.createElement(p.Anchor,{href:(null===(a=null==l?void 0:l.primaryCategory)||void 0===a?void 0:a.permalink)||"#"},Y.default.createElement(t.Text,{size:"p4",color:"blue.6"},null===(n=null==l?void 0:l.primaryCategory)||void 0===n?void 0:n.displayName)),Y.default.createElement(u.Box,{sx:{cursor:"pointer"},role:"button",onClick:h},m?Y.default.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},null==f?void 0:f.bookmark),Y.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"})):Y.default.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},null==f?void 0:f.bookmark),Y.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"})))),Y.default.createElement(t.Text,{size:d?"s2":"s1",mb:8,weight:"semiBold",className:"pointer"},l.postTitle||l.postName||""),!d&&Y.default.createElement(t.Text,{size:"p2",mb:16,lineClamp:3,className:"pointer"},X.default(l.excerpt||l.description||(null===(i=l.postContent)||void 0===i?void 0:i.split("\r\n")[0])||"")),Y.default.createElement(u.Flex,{gap:12,align:"center"},Y.default.createElement(p.Avatar,{size:32,src:o,withIndicator:!0,indicatorConfig:{offset:5,size:18,label:Y.default.createElement("img",{loading:"lazy",src:s,alt:""})}},"A"),Y.default.createElement(t.Text,{size:"n1",c:"gray.6"},r," • ",g))))};var _e=u.createStyles(((e,{})=>({root:{},image:{},title:{},category:{},description:{},author:{}})));const De=648/440,Ie=1.5,Me=a=>{var n,i,l,{article:r,author:o,authorAvatar:s,badge:d="",bannerImageWrapProps:m,hideDescription:h=!1,isBookmarked:g=!1,onBookmark:f,time:b,tracking:v,classNames:y,styles:x,unstyled:w,className:E}=a,C=c.__rest(a,["article","author","authorAvatar","badge","bannerImageWrapProps","hideDescription","isBookmarked","onBookmark","time","tracking","classNames","styles","unstyled","className"]);const{isMobile:k}=p.useScreenSize(),{classes:S,cx:T}=_e({},{name:"ArticleCard",classNames:y,styles:x,unstyled:w}),B=e.useMemo((()=>h?Ie:De),[h]);return Y.default.createElement(u.Card,Object.assign({className:T(S.root,E),padding:"lg",radius:0},C),Y.default.createElement(u.Card.Section,{className:T(S.image,"pointer")},Y.default.createElement(p.AspectRatio,Object.assign({ratio:B},m),Y.default.createElement("img",{src:(k?r.featureImageMobile:r.featureImage)||r.featureImage,alt:r.postName,style:{objectFit:"cover"}}))),Y.default.createElement(u.Card.Section,null,Y.default.createElement(u.Group,{position:"apart",mt:16,mb:4},Y.default.createElement(p.Anchor,{className:S.category,href:(null===(n=null==r?void 0:r.primaryCategory)||void 0===n?void 0:n.permalink)||"#"},Y.default.createElement(t.Text,{size:"p4",color:"blue.6"},null===(i=null==r?void 0:r.primaryCategory)||void 0===i?void 0:i.displayName)),Y.default.createElement(u.Box,{sx:{cursor:"pointer"},role:"button",onClick:f},g?Y.default.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},null==v?void 0:v.bookmark),Y.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"})):Y.default.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},null==v?void 0:v.bookmark),Y.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"})))),Y.default.createElement(t.Text,{className:T(S.title,"pointer"),size:h?"s2":"s1",mb:8,weight:"semiBold"},r.postTitle||r.postName||""),!h&&Y.default.createElement(t.Text,{className:T(S.description,"pointer"),size:"p2",mb:16,lineClamp:3},X.default(r.excerpt||r.description||(null===(l=r.postContent)||void 0===l?void 0:l.split("\r\n")[0])||"")),Y.default.createElement(u.Flex,{className:S.author,gap:12,align:"center"},Y.default.createElement(p.Avatar,{size:32,src:s,withIndicator:!0,indicatorConfig:{offset:5,size:18,label:Y.default.createElement("img",{loading:"lazy",src:d,alt:""})}},"A"),Y.default.createElement(t.Text,{size:"n1",c:"gray.6"},o," • ",b))))},Pe=J.default.a`
   display: flex;
   height: 125px;
 

package/build/{index-d3b3de72.js → index-6f054990.js}

@@ -1 +1 @@
-"use strict";var e=require("./tslib.es6-9bb14f66.js"),t=require("react"),r=require("@mantine/core"),i=require("@mantine/dates"),s=require("./index-8f2fc7ba.js"),a=require("./Onboarding-fe7f8cb4.js"),n=require("./gAssets.js"),l=require("./index-40a7c1ec.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=o(t);exports.DatePicker=t=>{var o,{value:c,fullWidth:d=!0}=t,v=e.__rest(t,["value","fullWidth"]);return u.default.createElement(i.DatePickerInput,Object.assign({locale:l.MAPPED_LOCALE[process.env.UNIFY_LOCALE||a.LOCALE.Vietnam],valueFormat:null===(o=s.ISO_FORMAT[process.env.UNIFY_LOCALE||a.LOCALE.Vietnam])||void 0===o?void 0:o.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:u.default.createElement(r.Image,{src:n.CommonGAssets.getAssetPath(v.isMB?"MB-calendar.svg":"OutlineCalendar.svg"),width:16,height:16}),value:c},v,{className:`input-control ${(null==v?void 0:v.className)||""}`}))};
+"use strict";var e=require("./tslib.es6-793ef4f7.js"),t=require("react"),r=require("@mantine/core"),i=require("@mantine/dates"),s=require("./index-062e09b8.js"),a=require("./Onboarding-e7037fc9.js"),n=require("./gAssets.js"),l=require("./index-9c778a8b.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=o(t);exports.DatePicker=t=>{var o,{value:c,fullWidth:d=!0}=t,v=e.__rest(t,["value","fullWidth"]);return u.default.createElement(i.DatePickerInput,Object.assign({locale:l.MAPPED_LOCALE[process.env.UNIFY_LOCALE||a.LOCALE.Vietnam],valueFormat:null===(o=s.ISO_FORMAT[process.env.UNIFY_LOCALE||a.LOCALE.Vietnam])||void 0===o?void 0:o.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:u.default.createElement(r.Image,{src:n.CommonGAssets.getAssetPath(v.isMB?"MB-calendar.svg":"OutlineCalendar.svg"),width:16,height:16}),value:c},v,{className:`input-control ${(null==v?void 0:v.className)||""}`}))};

package/build/{index-4b81ad2c.js → index-8531086e.js}

@@ -1,4 +1,4 @@
-"use strict";var e=require("./tslib.es6-9bb14f66.js"),t=require("react"),a=require("./Onboarding-fe7f8cb4.js"),n=require("./gAssets.js"),l=require("./theme-4734b6d5.js"),r=require("styled-components"),o=require("./index-40a7c1ec.js"),i=require("./index-700285e6.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=c(t),s=c(r);const u=s.default.div`
+"use strict";var e=require("./tslib.es6-793ef4f7.js"),t=require("react"),a=require("./Onboarding-e7037fc9.js"),n=require("./gAssets.js"),l=require("./theme-ad84e0cb.js"),r=require("styled-components"),o=require("./index-9c778a8b.js"),i=require("./index-ae9a4b8e.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=c(t),s=c(r);const u=s.default.div`
   display: inline-flex;
   overflow: hidden;
   width: ${e=>e.size}px;