@hhgtech/hhg-components 1.28.67 → 1.28.68

package/build/esm/{index-fd04ccb7.js → index-42a8c7e8.js}

@@ -1,4 +1,4 @@
-import{_ as e,a as t}from"./tslib.es6-266309d1.js";import a,{useState as n,useMemo as i,useRef as o,Fragment as l,useEffect as r,useContext as s,useCallback as c}from"react";import{F as d,a as m,B as p,c as g}from"./index-5408f5a4.js";import h,{css as u}from"styled-components";import{t as v}from"./theme-3db3c9a8.js";import{T as f}from"./index-d27a0e25.js";import{C as b}from"./index-2e99f941.js";import{C as y,T as x,E,b as w,d as k,L as C,S as $}from"./index-9e5956c2.js";import{n as B,a as P}from"./normalizeLink-1c194268.js";import{a as _,g as M,b as N,c as T,d as D}from"./routing-2b284b30.js";import{P as L,U as A,c as j,a as z}from"./index-823fd7c0.js";import{L as H}from"./index-252cb964.js";import{u as S}from"./useTranslations-df1b3bb8.js";import U from"lodash/throttle";import{createStyles as F,rem as O,Box as R,Indicator as I,Portal as V}from"@mantine/core";import"@mantine/dates";import{L as Z}from"./Subot-4642c5bf.js";import"./translationsContext-6d2efd65.js";import G from"string-format";import"@mantine/hooks";import{g as W,M as Y}from"./utils-5b4e60da.js";import{L as q}from"./constants-6ecfa77c.js";import{I as K}from"./index-13dc1f44.js";import{User as Q}from"@hhgtech/icons/core";import{g as J}from"./index.styles-94af560f.js";import{C as X}from"./ChevronDown-4e59cac6.js";import{B as ee}from"./index-3452fed2.js";import{x as te}from"./utils-970ce0c0.js";import{a as ae}from"./constants-f7c80032.js";import{H as ne}from"./index-24557f2b.js";import{I as ie}from"./index-b7cc3ca2.js";import{u as oe}from"./useIsInit-9661c5f5.js";import"./utils-3d2e3f0f.js";import"./index.styled-14b65c9e.js";import"./index-8c77d7e0.js";import le from"dayjs";import re from"dayjs/plugin/relativeTime";import{C as se}from"./index-1e7ad007.js";import ce from"lodash/debounce";import{g as de}from"./core-80112758.js";const me=["hellobacsi.com","hellosehat.com","hellodoktor.com","hellokrupet.com","hellodoctor.com.ph","hellokhunmor.com","hellosayarwon.com","helloyishi.com.tw","helloswasthya.com","marrybaby.vn","hellohealth.questionpro.com","hellobacsivn.page.link"],pe=(e="")=>me.some((t=>new URL(e).origin.endsWith(t))),ge=h.a`
+import{_ as e,a as t}from"./tslib.es6-1ab8a2bb.js";import a,{useState as n,useMemo as i,useRef as o,Fragment as l,useEffect as r,useContext as s,useCallback as c}from"react";import{F as d,a as m,B as p,c as g}from"./index-4004c359.js";import h,{css as u}from"styled-components";import{t as v}from"./theme-691eca44.js";import{T as f}from"./index-99348fe5.js";import{C as b}from"./index-eab0e39a.js";import{C as y,T as x,E,b as w,d as k,L as C,S as $}from"./index-39174b30.js";import{n as B,a as P}from"./normalizeLink-86ab5a4c.js";import{a as _,g as M,b as N,c as T,d as D}from"./routing-c85cbf05.js";import{P as L,U as A,c as j,a as z}from"./index-318d4230.js";import{L as H}from"./index-fa743e14.js";import{u as S}from"./useTranslations-06f29a74.js";import U from"lodash/throttle";import{createStyles as F,rem as O,Box as R,Indicator as I,Portal as V}from"@mantine/core";import"@mantine/dates";import{L as Z}from"./Subot-fcd7c77c.js";import"./translationsContext-f8842fe7.js";import G from"string-format";import"@mantine/hooks";import{g as W,M as Y}from"./utils-21a3e198.js";import{L as q}from"./constants-046883ea.js";import{I as K}from"./index-7f4008ff.js";import{User as Q}from"@hhgtech/icons/core";import{g as J}from"./index.styles-d0b249c6.js";import{C as X}from"./ChevronDown-e7d44dc3.js";import{B as ee}from"./index-3bfcc95c.js";import{x as te}from"./utils-581f9d39.js";import{a as ae}from"./constants-1e65de37.js";import{H as ne}from"./index-a445a873.js";import{I as ie}from"./index-dfe2918d.js";import{u as oe}from"./useIsInit-c9c6a218.js";import"./utils-8845cf64.js";import"./index.styled-ac7ac0fc.js";import"./index-1e29d7b0.js";import le from"dayjs";import re from"dayjs/plugin/relativeTime";import{C as se}from"./index-0d0e5f45.js";import ce from"lodash/debounce";import{g as de}from"./core-7a237cdc.js";const me=["hellobacsi.com","hellosehat.com","hellodoktor.com","hellokrupet.com","hellodoctor.com.ph","hellokhunmor.com","hellosayarwon.com","helloyishi.com.tw","helloswasthya.com","marrybaby.vn","hellohealth.questionpro.com","hellobacsivn.page.link"],pe=(e="")=>me.some((t=>new URL(e).origin.endsWith(t))),ge=h.a`
   display: inline-flex;
   position: relative;
   flex-direction: row;
@@ -369,7 +369,7 @@ import{_ as e,a as t}from"./tslib.es6-266309d1.js";import a,{useState as n,useMe
   }
 
   ${e=>"marryBaby"===e.siteType?"\n        .cancel-button {\n            background-color: #E55C8A;\n        }\n        .cancel-button:hover {\n          background-color: #E55C8A !important;\n        }\n        .logout-button {\n            border-color: #E55C8A;\n            color: #E55C8A;\n        }\n      ":""}
-`,nt=({openLogoutPopup:e,onCloseHandler:t,onLogoutHandler:n,siteType:i="helloSites"})=>{const{t:o}=S();return r((()=>{document.body.classList.toggle("noscroll",e)}),[e]),a.createElement(V,null,a.createElement(L,{type:"confirm",isOpen:e,closeIcon:a.createElement("img",{src:b.getAssetPath("closeLight.svg"),style:{width:24,height:24},alt:"close-icon",loading:"lazy"}),onClose:t},a.createElement(tt,null,"helloSites"===i&&a.createElement("img",{src:b.getAssetPath("arrowDoor.svg"),className:"cancle-img",alt:"close-account",loading:"lazy"}),a.createElement("h2",null,o("helloSites"===i?"logout.popup.ask1":"logout.popup.ask.mb")),a.createElement("p",null,o("logout.popup.ask2")),a.createElement(at,{siteType:i},a.createElement(ee,{className:"logout-button",color:"tertiary",size:"lg",onClick:n},o("logout.popup.button.logout")),a.createElement(ee,{className:"cancel-button",color:"primary",size:"lg",onClick:t},o("logout.popup.button.cancel"))))))},it=({userInfo:e,siteType:i,onLoginClick:o,SSO_URL:l,currentUrl:s,isMinifyLogin:c,onLogout:d,style:g,isLoading:h,locale:u})=>{const{t:y}=S(),[x,E]=n(!1),w=(null==e?void 0:e.name)||(null==e?void 0:e.username),[k,C]=n(!1);r((()=>{C(!0)}),[]);const{containerRef:$,onContainerFocus:P,onContainerBlur:_,onButtonMouseDown:M,onClose:N}=Pe();return h?a.createElement(p,{size:"sm",color:"transparent",loading:!0}):(null==e?void 0:e.id)?a.createElement(a.Fragment,null,a.createElement(De,{ref:$,style:g,tabIndex:0,onBlur:_,onFocus:()=>{var e;P();const t=null===(e=$.current)||void 0===e?void 0:e.querySelector("#desktop-sticky-header .hhgcomp-navprofilebutton-popup");if(t){const e=`calc(100vh - ${t.getBoundingClientRect().top}px)`;t.setAttribute("style",`max-height: ${e};`)}}},a.createElement("div",{onMouseDown:M},a.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",className:"user-close-icon"},a.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})),a.createElement(m,{size:40,className:"user-avatar",src:null==e?void 0:e.avatar,color:"marryBaby"===i?v.mbColors.pink:v.colors.secondaryBase,placeholderText:w&&w.length?w[0].toUpperCase():"A"})),a.createElement(et,{dispatchLogout:()=>{N(),E(!0)},isOpen:!1,closePopup:N,siteType:i,userInfo:e})),a.createElement(nt,{openLogoutPopup:x,onCloseHandler:()=>{document.body.classList.toggle("noscroll",!1),E(!1)},siteType:i,onLogoutHandler:()=>t(void 0,void 0,void 0,(function*(){E(!1),document.body.classList.toggle("noscroll",!1),yield d()}))})):a.createElement(Le,{style:Object.assign({textDecoration:"none"},g),"data-event-category":"Sign Up","data-event-action":"Button Click","data-event-label":s,href:k?void 0:B(`${l}?returnUrl=${s}`),"data-site-type":i},c?a.createElement(Te,{onClick:o},a.createElement("img",{src:b.getAssetPath("lock.png"),className:"avatar",loading:"lazy",alt:"avatar"})):a.createElement(a.Fragment,null,"helloSites"===i&&(u===Z.Indonesia||u===Z.PhilippinesTagalog||u===Z.PhilippinesEnglish?a.createElement("img",{className:"mobile-only",src:b.getAssetPath("login.svg"),style:{cursor:"pointer",height:24,width:24},onClick:o}):a.createElement(p,{className:"mobile-only",size:"sm",onClick:o,leftIcon:a.createElement(Q,{color:"currentColor",isSolid:!0,size:22}),sx:{paddingLeft:"8px",paddingRight:"12px"}},y("navigation.loginJoin"))),"marryBaby"===i&&a.createElement("div",{className:"mobile-only",onClick:o,style:{paddingLeft:16}},a.createElement(f,{size:"p3",color:v.mbColors.pink},y("navigation.loginJoin"))),a.createElement(p,{className:"login-btn",size:"md",onClick:o,leftIcon:a.createElement(Q,{color:"currentColor",isSolid:!0,size:22})},y("navigation.loginJoin"))))};var ot="spdlGfq",lt="vgS16jX";const rt=({onCareHeaderClick:e,currentUrl:t,careUrlFe:n,btnName:i})=>e?a.createElement(ee,{className:ot,size:"md",color:"primary",dataEventCategory:"Care",dataEventAction:"Navigation Bar Click",dataEventLabel:t,onClick:t=>e(t),style:{paddingLeft:10,paddingRight:10}},i):a.createElement("a",{href:n,className:`${lt} care-button no-replace-click`},a.createElement(ee,{className:ot,size:"md",color:"primary",dataEventCategory:"Care",dataEventAction:"Navigation Bar Click",dataEventLabel:t},i));var st="y5VJdvw",ct="oVhOSCy",dt="pX8OXTM";const mt=a.createContext({}),pt=t=>{var{children:n}=t,o=e(t,["children"]);const[l,s]=a.useState((()=>o.currentUrl||`https://${"marryBaby"===o.siteType?te[o.locale||"en-PH"]:k[o.locale||"en-PH"]}${"together"===o.projectType?"/community":"ecom"===o.projectType?"/ecom":"care"===o.projectType?"/care":""}/`));r((()=>{const e=()=>{s(window.location.href)};return window.addEventListener("popstate",e),e(),()=>{window.removeEventListener("popstate",e)}}),[]);const c=(({locale:e,projectType:t,isMobile:a,siteType:n,enableBookingBtn:o})=>i((()=>{const i=!(!a&&"profile"===t),l="discover"===t||"marryBaby"===t||"profile"===t&&"marryBaby"===n,r="marryBaby"!==n&&"marryBaby"!==t&&y.includes(e),s=o&&"marryBaby"!==t&&"discover"===t&&"marryBaby"!==n&&w.includes(e),c="marryBaby"===t||x.includes(e),d="marryBaby"!==n&&E.includes(e),m="marryBaby"!==n&&E.includes(e);let p=M(e,"marryBaby"===n);"undefined"!=typeof window&&(p.includes("//id.")&&(p=p.replace("id.","")),p.includes("//staging-id.")&&(p=p.replace("staging-id.","discover.")));return{enableProfileNavigatorMenu:i,enableSearchBar:l,enableNavCare:r,enableNavCareBooking:s,enableNavTogether:c,enableNavEcom:d,enableProfileEcom:m,enableProfileMyHealth:!0,enableNavDiscover:!0,enableNavHealthTools:!0,enableProfileMySaved:!0,statics:{HOME_PAGE_URL:p,CARE_URL_FE:`${p}/care`,TOGETHER_URL_FE:`${p}/community`,SSO_URL:_(e,"marryBaby"===n),TOGETHER_API:N(),DISCOVER_API:T(e)}}}),[e,t,a]))({locale:o.locale,projectType:o.projectType,isMobile:o.isMobile,siteType:o.siteType,enableBookingBtn:o.enableBookingBtn});return a.createElement(mt.Provider,{value:Object.assign(Object.assign({},o),{configs:Object.assign(Object.assign({},c),o.configs),currentUrl:o.currentUrl||l})},n)};function gt({className:e}){return a.createElement("div",null,a.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",className:e},a.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})))}function ht({siteType:e,enableSearch:t,className:n}){return"helloSites"===e?a.createElement("div",null,a.createElement("img",{"data-list-type":"Header","data-content-type":"Navigation","data-content-topic":"Hamburger",src:t?b.getAssetPath("hamburgerMenuNewWithSearch.svg"):b.getAssetPath("hamburgerMenuNew.svg"),style:{width:"24px",height:"24px"},alt:"home",className:n,loading:"lazy"})):a.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",className:n},a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.34961 15C3.34961 14.641 3.64062 14.35 3.99961 14.35L13.9996 14.35C14.3586 14.35 14.6496 14.641 14.6496 15C14.6496 15.359 14.3586 15.65 13.9996 15.65L3.99961 15.65C3.64062 15.65 3.34961 15.359 3.34961 15ZM3.34961 8.99999C3.34961 8.64101 3.64062 8.34999 3.99961 8.34999L19.9992 8.34999C20.3582 8.34999 20.6492 8.64101 20.6492 8.99999C20.6492 9.35898 20.3582 9.64999 19.9992 9.64999L3.99961 9.64999C3.64062 9.64999 3.34961 9.35898 3.34961 8.99999Z",fill:"#3E3F58"}))}const ut=h.div`
+`,nt=({openLogoutPopup:e,onCloseHandler:t,onLogoutHandler:n,siteType:i="helloSites"})=>{const{t:o}=S();return r((()=>{document.body.classList.toggle("noscroll",e)}),[e]),a.createElement(V,null,a.createElement(L,{type:"confirm",isOpen:e,closeIcon:a.createElement("img",{src:b.getAssetPath("closeLight.svg"),style:{width:24,height:24},alt:"close-icon",loading:"lazy"}),onClose:t},a.createElement(tt,null,"helloSites"===i&&a.createElement("img",{src:b.getAssetPath("arrowDoor.svg"),className:"cancle-img",alt:"close-account",loading:"lazy"}),a.createElement("h2",null,o("helloSites"===i?"logout.popup.ask1":"logout.popup.ask.mb")),a.createElement("p",null,o("logout.popup.ask2")),a.createElement(at,{siteType:i},a.createElement(ee,{className:"logout-button",color:"tertiary",size:"lg",onClick:n},o("logout.popup.button.logout")),a.createElement(ee,{className:"cancel-button",color:"primary",size:"lg",onClick:t},o("logout.popup.button.cancel"))))))},it=({userInfo:e,siteType:i,onLoginClick:o,SSO_URL:l,currentUrl:s,isMinifyLogin:c,onLogout:d,style:g,isLoading:h,locale:u})=>{const{t:y}=S(),[x,E]=n(!1),w=(null==e?void 0:e.name)||(null==e?void 0:e.username),[k,C]=n(!1);r((()=>{C(!0)}),[]);const{containerRef:$,onContainerFocus:P,onContainerBlur:_,onButtonMouseDown:M,onClose:N}=Pe();return h?a.createElement(p,{size:"sm",color:"transparent",loading:!0}):(null==e?void 0:e.id)?a.createElement(a.Fragment,null,a.createElement(De,{ref:$,style:g,tabIndex:0,onBlur:_,onFocus:()=>{var e;P();const t=null===(e=$.current)||void 0===e?void 0:e.querySelector("#desktop-sticky-header .hhgcomp-navprofilebutton-popup");if(t){const e=`calc(100vh - ${t.getBoundingClientRect().top}px)`;t.setAttribute("style",`max-height: ${e};`)}}},a.createElement("div",{onMouseDown:M},a.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",className:"user-close-icon"},a.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})),a.createElement(m,{size:40,className:"user-avatar",src:null==e?void 0:e.avatar,color:"marryBaby"===i?v.mbColors.pink:v.colors.secondaryBase,placeholderText:w&&w.length?w[0].toUpperCase():"A"})),a.createElement(et,{dispatchLogout:()=>{N(),E(!0)},isOpen:!1,closePopup:N,siteType:i,userInfo:e})),a.createElement(nt,{openLogoutPopup:x,onCloseHandler:()=>{document.body.classList.toggle("noscroll",!1),E(!1)},siteType:i,onLogoutHandler:()=>t(void 0,void 0,void 0,(function*(){E(!1),document.body.classList.toggle("noscroll",!1),yield d()}))})):a.createElement(Le,{style:Object.assign({textDecoration:"none"},g),"data-event-category":"Sign Up","data-event-action":"Button Click","data-event-label":s,href:k?void 0:B(`${l}?returnUrl=${s}`),"data-site-type":i},c?a.createElement(Te,{onClick:o},a.createElement("img",{src:b.getAssetPath("lock.png"),className:"avatar",loading:"lazy",alt:"avatar"})):a.createElement(a.Fragment,null,"helloSites"===i&&(u===Z.Indonesia||u===Z.PhilippinesTagalog||u===Z.PhilippinesEnglish?a.createElement("img",{className:"mobile-only",src:b.getAssetPath("login.svg"),style:{cursor:"pointer",height:24,width:24},onClick:o}):a.createElement(p,{className:"mobile-only",size:"sm",onClick:o,leftIcon:a.createElement(Q,{color:"currentColor",isSolid:!0,size:22}),sx:{paddingLeft:"8px",paddingRight:"12px"}},y("navigation.loginJoin"))),"marryBaby"===i&&a.createElement("div",{className:"mobile-only",onClick:o,style:{paddingLeft:16}},a.createElement(f,{size:"p3",color:v.mbColors.pink},y("navigation.loginJoin"))),a.createElement(p,{className:"login-btn",size:"md",onClick:o,leftIcon:a.createElement(Q,{color:"currentColor",isSolid:!0,size:22})},y("navigation.loginJoin"))))};var ot="spdlGfq",lt="vgS16jX";const rt=({onCareHeaderClick:e,currentUrl:t,careUrlFe:n,btnName:i})=>e?a.createElement(ee,{className:ot,size:"md",color:"primary",dataEventCategory:"Care",dataEventAction:"Navigation Bar Click",dataEventLabel:t,onClick:t=>e(t),style:{paddingLeft:10,paddingRight:10}},i):a.createElement("a",{href:n,className:`${lt} care-button no-replace-click`},a.createElement(ee,{className:ot,size:"md",color:"primary",dataEventCategory:"Care",dataEventAction:"Navigation Bar Click",dataEventLabel:t},i));var st="y5VJdvw",ct="oVhOSCy",dt="pX8OXTM";const mt=a.createContext({}),pt=t=>{var{children:n}=t,o=e(t,["children"]);const[l,s]=a.useState((()=>o.currentUrl||`https://${"marryBaby"===o.siteType?te[o.locale||"en-PH"]:k[o.locale||"en-PH"]}${"together"===o.projectType?"/community":"ecom"===o.projectType?"/ecom":"care"===o.projectType?"/care":""}/`));r((()=>{const e=()=>{s(window.location.href)};return window.addEventListener("popstate",e),e(),()=>{window.removeEventListener("popstate",e)}}),[]);const c=(({locale:e,projectType:t,siteType:a,enableBookingBtn:n})=>i((()=>{const i="discover"===t||"marryBaby"===t||"profile"===t&&"marryBaby"===a,o="marryBaby"!==a&&"marryBaby"!==t&&y.includes(e),l=n&&"marryBaby"!==t&&"discover"===t&&"marryBaby"!==a&&w.includes(e),r="marryBaby"===t||x.includes(e),s="marryBaby"!==a&&E.includes(e),c="marryBaby"!==a&&E.includes(e);let d=M(e,"marryBaby"===a);"undefined"!=typeof window&&(d.includes("//id.")&&(d=d.replace("id.","")),d.includes("//staging-id.")&&(d=d.replace("staging-id.","discover.")));return{enableSearchBar:i,enableNavCare:o,enableNavCareBooking:l,enableNavTogether:r,enableNavEcom:s,enableProfileEcom:c,enableProfileMyHealth:!0,enableNavDiscover:!0,enableNavHealthTools:!0,enableProfileMySaved:!0,statics:{HOME_PAGE_URL:d,CARE_URL_FE:`${d}/care`,TOGETHER_URL_FE:`${d}/community`,SSO_URL:_(e,"marryBaby"===a),TOGETHER_API:N(),DISCOVER_API:T(e)}}}),[e,t]))({locale:o.locale,projectType:o.projectType,siteType:o.siteType,enableBookingBtn:o.enableBookingBtn});return a.createElement(mt.Provider,{value:Object.assign(Object.assign({},o),{configs:Object.assign(Object.assign({},c),o.configs),currentUrl:o.currentUrl||l})},n)};function gt({className:e}){return a.createElement("div",null,a.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",className:e},a.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})))}function ht({siteType:e,enableSearch:t,className:n}){return"helloSites"===e?a.createElement("div",null,a.createElement("img",{"data-list-type":"Header","data-content-type":"Navigation","data-content-topic":"Hamburger",src:t?b.getAssetPath("hamburgerMenuNewWithSearch.svg"):b.getAssetPath("hamburgerMenuNew.svg"),style:{width:"24px",height:"24px"},alt:"home",className:n,loading:"lazy"})):a.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",className:n},a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.34961 15C3.34961 14.641 3.64062 14.35 3.99961 14.35L13.9996 14.35C14.3586 14.35 14.6496 14.641 14.6496 15C14.6496 15.359 14.3586 15.65 13.9996 15.65L3.99961 15.65C3.64062 15.65 3.34961 15.359 3.34961 15ZM3.34961 8.99999C3.34961 8.64101 3.64062 8.34999 3.99961 8.34999L19.9992 8.34999C20.3582 8.34999 20.6492 8.64101 20.6492 8.99999C20.6492 9.35898 20.3582 9.64999 19.9992 9.64999L3.99961 9.64999C3.64062 9.64999 3.34961 9.35898 3.34961 8.99999Z",fill:"#3E3F58"}))}const ut=h.div`
   position: fixed;
   z-index: 201;
   top: calc(100% + 1px);
@@ -1402,7 +1402,7 @@ import{_ as e,a as t}from"./tslib.es6-266309d1.js";import a,{useState as n,useMe
   &[data-site-type='marryBaby'] {
     gap: 26px;
   }
-`,Ka=e=>{var t,a,n,i;return e?{termId:e.term_id||null,sponsor:e.sponsor?(i=e.sponsor,i?{title:i.title,logo:i.logo,link:i.link}:{}):null,isSponsored:e.is_sponsored||null,categoryName:e.cat_name||e.name||null,name:e.name||null,iconUrl:e.icon||"",slugName:e.category_nicename||null,description:e.description||null,featureImage:e.thumbnail||e.image||null,displayName:e.name||null,parent:e.parent||null,permalink:e.permalink||null,slug:e.slug||null,childCates:(null===(t=e.child_cates)||void 0===t?void 0:t.map((e=>Ka(e))))||[],thumnailColor:e.thumnail_color||["#FFEAF1","#E0E9FB","#FFF9EB","#F2FCF7","#F3F3F3"][5*Math.random()|0],colorFeatureImage:e.color_feature_image||null,imageColor:e.image_color||null,textColor:e.text_color||null,catParent:(null===(a=e.cat_parent)||void 0===a?void 0:a.name)?{name:e.cat_parent.name,permalink:e.cat_parent.permalink}:{},metaTag:e.meta_tag||"",reviewedBy:e.reviewed_by?(n=e.reviewed_by,{postTitle:n.post_title,permalink:n.permalink}):null,reviewedDate:e.reviewed_date||"",faqs:e.faqs?e.faqs.map((e=>(e=>({title:e.title,content:e.content}))(e))):null,customizedUrl:e.customized_url||null}:{}},Qa=e=>{var t,a;if(!e)return{};const n=null===(t=e.link)||void 0===t?void 0:t.includes("/bot/"),i=null===(a=e.link)||void 0===a?void 0:a.startsWith("/fil/"),o=e.link?e.link.startsWith("http")||n?e.link:i?e.link.replace("/health-tools/","/").replace("/fil/","/fil/health-tools/"):`/health-tools${e.link.replace("/health-tools/","/")}`:void 0;return{icon:e.icon,link:o,subtitle:e.subtitle,title:e.title}},Ja=e=>{var t,a,n,i,o;return e&&(null==e?void 0:e.object_id)?{thumbnail:(null===(t=null==e?void 0:e.object_id)||void 0===t?void 0:t.logo)||"",link:(null===(a=null==e?void 0:e.object_id)||void 0===a?void 0:a.slug)||"",subtitle:(null===(n=e.object_id)||void 0===n?void 0:n.name)||"",name:(null===(i=e.object_id)||void 0===i?void 0:i.name)||"",slug:(null===(o=e.object_id)||void 0===o?void 0:o.slug)||""}:{}},Xa=e=>{var t,a,n,i,o;return e&&(null==e?void 0:e.object_id)?{id:null===(t=e.object_id)||void 0===t?void 0:t.id,name:(null===(a=e.object_id)||void 0===a?void 0:a.name)||"",logo:(null===(n=null==e?void 0:e.object_id)||void 0===n?void 0:n.logo)||"",description:(null===(i=e.object_id)||void 0===i?void 0:i.description)||"",slug:(null===(o=e.object_id)||void 0===o?void 0:o.slug)||""}:{}},en=(e,t,a,n)=>(a||"https://together.hellohealthgroup.com/")+"api/v1/"+G(Ia,Object.assign(Object.assign({},n),{websiteUrl:t?"https://marrybaby.vn":`https://${k[e]}`})),tn=({type:e,specialtySlug:t,locale:a})=>{var n,i;return`${null===(n=ae[a])||void 0===n?void 0:n.ALL}/${(null===(i=ae[a])||void 0===i?void 0:i[e])||"doctor"}/${null!=t?t:""}`},an=e=>e?{id:e.ID,name:e.name,permalink:e.permalink,image:(null==e?void 0:e.small_banner)||(null==e?void 0:e.image)||"",imageMedium:(null==e?void 0:e.image_medium)||null,imageThumbnail:(null==e?void 0:e.image_thumbnail)||null,startDate:null==e?void 0:e.start_date,endDate:null==e?void 0:e.end_date}:{},nn=e=>{const t=new Date;if(null==e?void 0:e.startDate){const a=new Date(e.startDate);if(t.getTime()<a.getTime())return!1}if(null==e?void 0:e.endDate){const a=new Date(e.endDate);if(t.getTime()>a.getTime())return!1}return!0};var on="q3nL5cp",ln="_2DNf80G",rn="Q-glX-n";const sn=({onClosePopup:e})=>a.createElement("div",{className:`${rn} close-btn`,onClick:e},a.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},a.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"}))),cn=({onClosePopup:e,isDisplay:t,children:n,isNavMenu:i,hideCloseBtn:o})=>a.createElement("div",{className:"hhgcomp-navigation-popupwrapper-menuwrapper top-menu-health-tools","data-is-display":!!t,"data-is-nav-menu":!!i},a.createElement(se,null,!o&&a.createElement("div",{className:ln},a.createElement(sn,{onClosePopup:e})),a.createElement(se,{className:on},n))),dn=({careSpecialties:e=[],isOpen:t,onClose:n,spotlights:i=[]})=>{var o;const{t:l}=S(),{locale:r,configs:{statics:c}}=s(mt);return a.createElement(cn,{onClosePopup:n,isDisplay:t,isNavMenu:!0},a.createElement(Tt,{headingTitle:l("home.navigator.menuItem.specialties"),hrefViewMore:`${c.CARE_URL_FE}/`,UrlFE:c.CARE_URL_FE,onClosePopup:n,titleBtnViewMore:l("home.navigator.menuItem.allSpecialties"),menuItems:(null==e?void 0:e.map((e=>e?{name:String(e.name)||"",link:tn({type:"DOCTOR",specialtySlug:e.slug,locale:r}),thumbnail:(null==e?void 0:e.thumbnail)||""}:{})))||[]}),a.createElement(Jt,{spotlights:i,hrefViewMore:`${c.CARE_URL_FE}/${null===(o=ae[r])||void 0===o?void 0:o.SPECIALTIES}/`}))},mn=({categories:e=[],spotlightsList:t=[],onClose:n,isOpen:i})=>{const{t:o}=S(),{locale:l,configs:{statics:r}}=s(mt);return a.createElement(cn,{onClosePopup:n,isDisplay:i,isNavMenu:!0},a.createElement(Tt,{hrefViewMore:`${r.HOME_PAGE_URL}${"tl-PH"===l?"/fil":""}/categories/`,UrlFE:r.HOME_PAGE_URL,onClosePopup:n,titleBtnViewMore:o("home.navigator.menuItem.allCategories"),menuItems:(null==e?void 0:e.map((e=>e?{name:e.displayName||null,link:(null==e?void 0:e.customizedUrl)||(null==e?void 0:e.permalink)||"/",thumbnail:e.iconUrl||null}:{})))||[],headingTitle:o("home.navigator.menuItem.healthCategories")}),a.createElement(ia,{spotlightsList:t,hrefViewMore:`${r.HOME_PAGE_URL}${"tl-PH"===l?"/fil":""}/spotlight/`}))},pn=({communities:e=[],onClose:t,isOpen:n,spotlights:i=[]})=>{const{t:o}=S(),{configs:{statics:l}}=s(mt);return a.createElement(cn,{onClosePopup:t,isDisplay:n,isNavMenu:!0},a.createElement(Tt,{hrefViewMore:P(l.TOGETHER_URL_FE),UrlFE:B(l.TOGETHER_URL_FE),onClosePopup:t,titleBtnViewMore:o("home.navigator.menuItem.allCommunities"),menuItems:(null==e?void 0:e.map((e=>e?{name:e.name||"",link:e.slug||"/",thumbnail:e.thumbnail||""}:{})))||[],headingTitle:o("home.navigator.menuItem.allCommunitiesheadingTitle")}),a.createElement(ba,{spotlights:i}))},gn=({locale:e,onClose:t,isOpen:n,spotlightHealthTools:i=[],healthTools:o=[]})=>{var l;const{t:r}=S(),{configs:{statics:c}}=s(mt),d=`${c.HOME_PAGE_URL}${"tl-PH"===e?"/fil":""}${(null===(l=$[e])||void 0===l?void 0:l.HEALTH_TOOLS)||""}`;return a.createElement(cn,{onClosePopup:t,isDisplay:n,isNavMenu:!0},a.createElement(Tt,{hrefViewMore:d,UrlFE:c.HOME_PAGE_URL,onClosePopup:t,headingTitle:r("home.navigator.menuItem.healthToolsList"),titleBtnViewMore:r("home.navigator.menuItem.allHealthTools"),menuItems:o.map((e=>({name:e.title,link:e.link?e.link.startsWith("http")?e.link:`${c.HOME_PAGE_URL}${e.link}`:void 0,thumbnail:e.icon})))}),a.createElement(Fa,{spotlightHealthTools:i,hrefViewMore:d}))},hn=({onTopBarAppears:e,languageMenu:t,menuItems:i,logoComponent:l})=>{var d;const{siteType:m,isMobile:p=!1,locale:g,sitewideBanner:h,sitewideBannerShown:u=!0,sponsorComponent:v,onBookingClick:f,currentUrl:y,onLoginClick:x,cartNumber:E,configs:{statics:w,enableNavCareBooking:k,enableSearchBar:$},userState:{userInfo:_},onLogout:M,isUserLoading:N}=s(mt),{t:T}=S(),{SSO_URL:D,HOME_PAGE_URL:L}=w,A=!!v,[j,z]=n(!1),F=o(47),O=o(null),R=o(!1),I="helloSites"===m?null===(d=C[g])||void 0===d?void 0:d.LOGO_TYPE:m,V="undefined"!=typeof window,Z=c(U((()=>{if(V){if(!O.current)return;const e=O.current.getBoundingClientRect();e.top<=0&&window.scrollY>F.current&&window.scrollY>e.height+20&&!R.current&&(R.current=!0,z(!0)),window.scrollY<F.current&&R.current&&(R.current=!1,z(!1)),window.scrollY>=0&&(F.current=window.scrollY)}}),200),[]);r((()=>{null==e||e(!j)}),[j]),r((()=>(window.addEventListener("scroll",Z,{passive:!0}),()=>{window.removeEventListener("scroll",Z)})),[]),r((()=>{p&&Z()}),[p]);const G=u&&!!h;return a.createElement(Va,{"data-site-type":m,"data-sponsored":A,"data-sitewide-banner-shown":G,"data-header-type":"home","data-collapsed":j,"data-is-displayed":!0,id:"site-header",ref:O},h,a.createElement(Za,{"data-site-type":m},a.createElement(Ga,{"data-site-type":m},a.createElement(Ra,{menuItems:i}),l||a.createElement("a",{style:{flexShrink:0},href:L},a.createElement("div",null,a.createElement(H,{style:{display:"flex"},type:I,badge:"id-ID"===g&&a.createElement("img",{src:b.getAssetPath("sehat-badge.png"),width:"56",height:"23",loading:"lazy"}),dateForSeasonal:new Date,locale:g,key:"undefined"!=typeof window?"client":"server"}))),"marryBaby"===m?a.createElement(vn,{menuItems:i}):$&&a.createElement(un,{siteType:m})),a.createElement(Wa,{"data-site-type":m},"marryBaby"===m?$&&a.createElement(un,{siteType:m}):a.createElement(vn,{menuItems:i}),a.createElement(Ya,null,a.createElement(Ce,{"data-cart-menu":"true","data-event-category":"Ecommerce","data-event-action":"Cart Click","data-event-label":y,count:E,locale:g}),k&&a.createElement(Be,{mediaQueryKey:"mbUp"},a.createElement(rt,{careUrlFe:w.CARE_URL_FE,currentUrl:y,btnName:T("login.booking"),onCareHeaderClick:f})),t,a.createElement(it,{userInfo:_,siteType:m,onLoginClick:x||(()=>{const e=window.location.href;window.location.href=D?B(`${D}?returnUrl=${e}`):e}),SSO_URL:P(w.SSO_URL),currentUrl:y,onLogout:M,isLoading:N,locale:g})))),v?a.isValidElement(v)?a.cloneElement(v,{isCollapsed:j,locale:g,isMobile:p}):v:null)},un=({siteType:e})=>a.createElement(Be,{mediaQueryKey:"mbUp",className:"marryBaby"===e?"marry-baby":""},a.createElement(bt,{id:"desktop"})),vn=({menuItems:e})=>{const{siteType:t,locale:n,ssrMenuContent:{categories:i,healthTools:o,care:l,together:r}}=s(mt);return a.createElement(Be,{mediaQueryKey:"mbUp",style:{height:"100%"}},a.createElement(qa,{"data-site-type":t},null==e?void 0:e.map(((e,t)=>a.createElement(Mt,{key:t,item:e,menu:"categories"===e.popupType?a.createElement(mn,{categories:null==i?void 0:i.items,spotlightsList:null==i?void 0:i.spotlights}):"tools"===e.popupType?a.createElement(gn,{locale:n,healthTools:null==o?void 0:o.items,spotlightHealthTools:null==o?void 0:o.spotlights}):"together"===e.popupType?a.createElement(pn,{communities:null==r?void 0:r.items,spotlights:null==r?void 0:r.spotlights}):"care"===e.popupType?a.createElement(dn,{careSpecialties:null==l?void 0:l.items,spotlights:null==l?void 0:l.spotlights}):null})))))},fn=h.div`
+`,Ka=e=>{var t,a,n,i;return e?{termId:e.term_id||null,sponsor:e.sponsor?(i=e.sponsor,i?{title:i.title,logo:i.logo,link:i.link}:{}):null,isSponsored:e.is_sponsored||null,categoryName:e.cat_name||e.name||null,name:e.name||null,iconUrl:e.icon||"",slugName:e.category_nicename||null,description:e.description||null,featureImage:e.thumbnail||e.image||null,displayName:e.name||null,parent:e.parent||null,permalink:e.permalink||null,slug:e.slug||null,childCates:(null===(t=e.child_cates)||void 0===t?void 0:t.map((e=>Ka(e))))||[],thumnailColor:e.thumnail_color||["#FFEAF1","#E0E9FB","#FFF9EB","#F2FCF7","#F3F3F3"][5*Math.random()|0],colorFeatureImage:e.color_feature_image||null,imageColor:e.image_color||null,textColor:e.text_color||null,catParent:(null===(a=e.cat_parent)||void 0===a?void 0:a.name)?{name:e.cat_parent.name,permalink:e.cat_parent.permalink}:{},metaTag:e.meta_tag||"",reviewedBy:e.reviewed_by?(n=e.reviewed_by,{postTitle:n.post_title,permalink:n.permalink}):null,reviewedDate:e.reviewed_date||"",faqs:e.faqs?e.faqs.map((e=>(e=>({title:e.title,content:e.content}))(e))):null,customizedUrl:e.customized_url||null}:{}},Qa=e=>{var t,a;if(!e)return{};const n=null===(t=e.link)||void 0===t?void 0:t.includes("/bot/"),i=null===(a=e.link)||void 0===a?void 0:a.startsWith("/fil/"),o=e.link?e.link.startsWith("http")||n?e.link:i?e.link.replace("/health-tools/","/").replace("/fil/","/fil/health-tools/"):`/health-tools${e.link.replace("/health-tools/","/")}`:void 0;return{icon:e.icon,link:o,subtitle:e.subtitle,title:e.title}},Ja=e=>{var t,a,n,i,o;return e&&(null==e?void 0:e.object_id)?{thumbnail:(null===(t=null==e?void 0:e.object_id)||void 0===t?void 0:t.logo)||"",link:(null===(a=null==e?void 0:e.object_id)||void 0===a?void 0:a.slug)||"",subtitle:(null===(n=e.object_id)||void 0===n?void 0:n.name)||"",name:(null===(i=e.object_id)||void 0===i?void 0:i.name)||"",slug:(null===(o=e.object_id)||void 0===o?void 0:o.slug)||""}:{}},Xa=e=>{var t,a,n,i,o;return e&&(null==e?void 0:e.object_id)?{id:null===(t=e.object_id)||void 0===t?void 0:t.id,name:(null===(a=e.object_id)||void 0===a?void 0:a.name)||"",logo:(null===(n=null==e?void 0:e.object_id)||void 0===n?void 0:n.logo)||"",description:(null===(i=e.object_id)||void 0===i?void 0:i.description)||"",slug:(null===(o=e.object_id)||void 0===o?void 0:o.slug)||""}:{}},en=(e,t,a,n)=>(a||"https://together.hellohealthgroup.com/")+"api/v1/"+G(Ia,Object.assign(Object.assign({},n),{websiteUrl:t?"https://marrybaby.vn":`https://${k[e]}`})),tn=({type:e,specialtySlug:t,locale:a})=>{var n,i;return`${null===(n=ae[a])||void 0===n?void 0:n.ALL}/${(null===(i=ae[a])||void 0===i?void 0:i[e])||"doctor"}/${null!=t?t:""}`},an=e=>e?{id:e.ID,name:e.name,permalink:e.permalink,image:(null==e?void 0:e.small_banner)||(null==e?void 0:e.image)||"",imageMedium:(null==e?void 0:e.image_medium)||null,imageThumbnail:(null==e?void 0:e.image_thumbnail)||null,startDate:null==e?void 0:e.start_date,endDate:null==e?void 0:e.end_date}:{},nn=e=>{const t=new Date;if(null==e?void 0:e.startDate){const a=new Date(e.startDate);if(t.getTime()<a.getTime())return!1}if(null==e?void 0:e.endDate){const a=new Date(e.endDate);if(t.getTime()>a.getTime())return!1}return!0};var on="q3nL5cp",ln="_2DNf80G",rn="Q-glX-n";const sn=({onClosePopup:e})=>a.createElement("div",{className:`${rn} close-btn`,onClick:e},a.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},a.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"}))),cn=({onClosePopup:e,isDisplay:t,children:n,isNavMenu:i,hideCloseBtn:o})=>a.createElement("div",{className:"hhgcomp-navigation-popupwrapper-menuwrapper top-menu-health-tools","data-is-display":!!t,"data-is-nav-menu":!!i},a.createElement(se,null,!o&&a.createElement("div",{className:ln},a.createElement(sn,{onClosePopup:e})),a.createElement(se,{className:on},n))),dn=({careSpecialties:e=[],isOpen:t,onClose:n,spotlights:i=[]})=>{var o;const{t:l}=S(),{locale:r,configs:{statics:c}}=s(mt);return a.createElement(cn,{onClosePopup:n,isDisplay:t,isNavMenu:!0},a.createElement(Tt,{headingTitle:l("home.navigator.menuItem.specialties"),hrefViewMore:`${c.CARE_URL_FE}/`,UrlFE:c.CARE_URL_FE,onClosePopup:n,titleBtnViewMore:l("home.navigator.menuItem.allSpecialties"),menuItems:(null==e?void 0:e.map((e=>e?{name:String(e.name)||"",link:tn({type:"DOCTOR",specialtySlug:e.slug,locale:r}),thumbnail:(null==e?void 0:e.thumbnail)||""}:{})))||[]}),a.createElement(Jt,{spotlights:i,hrefViewMore:`${c.CARE_URL_FE}/${null===(o=ae[r])||void 0===o?void 0:o.SPECIALTIES}/`}))},mn=({categories:e=[],spotlightsList:t=[],onClose:n,isOpen:i})=>{const{t:o}=S(),{locale:l,configs:{statics:r}}=s(mt);return a.createElement(cn,{onClosePopup:n,isDisplay:i,isNavMenu:!0},a.createElement(Tt,{hrefViewMore:`${r.HOME_PAGE_URL}${"tl-PH"===l?"/fil":""}/categories/`,UrlFE:r.HOME_PAGE_URL,onClosePopup:n,titleBtnViewMore:o("home.navigator.menuItem.allCategories"),menuItems:(null==e?void 0:e.map((e=>e?{name:e.displayName||null,link:(null==e?void 0:e.customizedUrl)||(null==e?void 0:e.permalink)||"/",thumbnail:e.iconUrl||null}:{})))||[],headingTitle:o("home.navigator.menuItem.healthCategories")}),a.createElement(ia,{spotlightsList:t,hrefViewMore:`${r.HOME_PAGE_URL}${"tl-PH"===l?"/fil":""}/spotlight/`}))},pn=({communities:e=[],onClose:t,isOpen:n,spotlights:i=[]})=>{const{t:o}=S(),{configs:{statics:l}}=s(mt);return a.createElement(cn,{onClosePopup:t,isDisplay:n,isNavMenu:!0},a.createElement(Tt,{hrefViewMore:P(l.TOGETHER_URL_FE),UrlFE:B(l.TOGETHER_URL_FE),onClosePopup:t,titleBtnViewMore:o("home.navigator.menuItem.allCommunities"),menuItems:(null==e?void 0:e.map((e=>e?{name:e.name||"",link:e.slug||"/",thumbnail:e.thumbnail||""}:{})))||[],headingTitle:o("home.navigator.menuItem.allCommunitiesheadingTitle")}),a.createElement(ba,{spotlights:i}))},gn=({locale:e,onClose:t,isOpen:n,spotlightHealthTools:i=[],healthTools:o=[]})=>{var l;const{t:r}=S(),{configs:{statics:c}}=s(mt),d=`${c.HOME_PAGE_URL}${"tl-PH"===e?"/fil":""}${(null===(l=$[e])||void 0===l?void 0:l.HEALTH_TOOLS)||""}`;return a.createElement(cn,{onClosePopup:t,isDisplay:n,isNavMenu:!0},a.createElement(Tt,{hrefViewMore:d,UrlFE:c.HOME_PAGE_URL,onClosePopup:t,headingTitle:r("home.navigator.menuItem.healthToolsList"),titleBtnViewMore:r("home.navigator.menuItem.allHealthTools"),menuItems:o.map((e=>({name:e.title,link:e.link?e.link.startsWith("http")?e.link:`${c.HOME_PAGE_URL}${e.link}`:void 0,thumbnail:e.icon})))}),a.createElement(Fa,{spotlightHealthTools:i,hrefViewMore:d}))},hn=({onTopBarAppears:e,languageMenu:t,menuItems:i,logoComponent:l})=>{var d;const{siteType:m,isMobile:p=!1,locale:g,sitewideBanner:h,sitewideBannerShown:u=!0,sponsorComponent:v,onBookingClick:f,currentUrl:y,onLoginClick:x,cartNumber:E,configs:{statics:w,enableNavCareBooking:k,enableSearchBar:$},userState:{userInfo:_},onLogout:M,isUserLoading:N}=s(mt),{t:T}=S(),{SSO_URL:D,HOME_PAGE_URL:L}=w,A=!!v,[j,z]=n(!1),F=o(47),O=o(null),R=o(!1),I="helloSites"===m?null===(d=C[g])||void 0===d?void 0:d.LOGO_TYPE:m,V="undefined"!=typeof window,Z=c(U((()=>{if(V){if(!O.current)return;const e=O.current.getBoundingClientRect();e.top<=0&&window.scrollY>F.current&&window.scrollY>e.height+20&&!R.current&&(R.current=!0,z(!0)),window.scrollY<F.current&&R.current&&(R.current=!1,z(!1)),window.scrollY>=0&&(F.current=window.scrollY)}}),200),[]);r((()=>{null==e||e(!j)}),[j]),r((()=>(window.addEventListener("scroll",Z,{passive:!0}),()=>{window.removeEventListener("scroll",Z)})),[]),r((()=>{p&&Z()}),[p]);const G=u&&!!h;return a.createElement(Va,{"data-site-type":m,"data-sponsored":A,"data-sitewide-banner-shown":G,"data-header-type":"home","data-collapsed":j,"data-is-displayed":!0,id:"site-header",ref:O},h,a.createElement(Za,{"data-site-type":m},a.createElement(Ga,{"data-site-type":m},p&&a.createElement(Ra,{menuItems:i}),l||a.createElement("a",{style:{flexShrink:0},href:L},a.createElement("div",null,a.createElement(H,{style:{display:"flex"},type:I,badge:"id-ID"===g&&a.createElement("img",{src:b.getAssetPath("sehat-badge.png"),width:"56",height:"23",loading:"lazy"}),dateForSeasonal:new Date,locale:g,key:"undefined"!=typeof window?"client":"server"}))),!p&&a.createElement(a.Fragment,null,"marryBaby"===m?a.createElement(vn,{menuItems:i}):$&&a.createElement(un,{siteType:m}))),a.createElement(Wa,{"data-site-type":m},!p&&a.createElement(a.Fragment,null,"marryBaby"===m?$&&a.createElement(un,{siteType:m}):a.createElement(vn,{menuItems:i})),a.createElement(Ya,null,a.createElement(Ce,{"data-cart-menu":"true","data-event-category":"Ecommerce","data-event-action":"Cart Click","data-event-label":y,count:E,locale:g}),k&&a.createElement(Be,{mediaQueryKey:"mbUp"},a.createElement(rt,{careUrlFe:w.CARE_URL_FE,currentUrl:y,btnName:T("login.booking"),onCareHeaderClick:f})),t,a.createElement(it,{userInfo:_,siteType:m,onLoginClick:x||(()=>{const e=window.location.href;window.location.href=D?B(`${D}?returnUrl=${e}`):e}),SSO_URL:P(w.SSO_URL),currentUrl:y,onLogout:M,isLoading:N,locale:g})))),v?a.isValidElement(v)?a.cloneElement(v,{isCollapsed:j,locale:g,isMobile:p}):v:null)},un=({siteType:e})=>a.createElement(Be,{mediaQueryKey:"mbUp",className:"marryBaby"===e?"marry-baby":""},a.createElement(bt,{id:"desktop"})),vn=({menuItems:e})=>{const{siteType:t,locale:n,ssrMenuContent:{categories:i,healthTools:o,care:l,together:r}}=s(mt);return a.createElement(Be,{mediaQueryKey:"mbUp",style:{height:"100%"}},a.createElement(qa,{"data-site-type":t},null==e?void 0:e.map(((e,t)=>a.createElement(Mt,{key:t,item:e,menu:"categories"===e.popupType?a.createElement(mn,{categories:null==i?void 0:i.items,spotlightsList:null==i?void 0:i.spotlights}):"tools"===e.popupType?a.createElement(gn,{locale:n,healthTools:null==o?void 0:o.items,spotlightHealthTools:null==o?void 0:o.spotlights}):"together"===e.popupType?a.createElement(pn,{communities:null==r?void 0:r.items,spotlights:null==r?void 0:r.spotlights}):"care"===e.popupType?a.createElement(dn,{careSpecialties:null==l?void 0:l.items,spotlights:null==l?void 0:l.spotlights}):null})))))},fn=h.div`
   --header-z-index: 305;
   top: 0;
   z-index: var(--header-z-index);

package/build/esm/{index-9c7b9011.js → index-461eded2.js}

@@ -1,4 +1,4 @@
-import e,{useState as t,useEffect as a,useRef as n,useMemo as i,Fragment as l,memo as o,useCallback as r,useImperativeHandle as s,forwardRef as c,createContext as d,useContext as m}from"react";import{T as p}from"./index-d27a0e25.js";import{b as g,c as u,d as h,e as v,f as b,h as y,i as f,j as E,k as x,l as w,m as k,n as C,o as N,p as B,q as z,r as $,s as S,t as P,u as D,T as L,g as I,P as T}from"./index.styles-94af560f.js";import{f as M,M as A}from"./utils-5b4e60da.js";import{I as j,R as O,u as _,A as F,a as H,b as R,B as W,c as U,d as V,e as G,t as Z}from"./index-5408f5a4.js";import{T as q}from"./index-459e0362.js";import{a as Y}from"./useUniqueId-03fbaecd.js";import{C as X}from"./index-2e99f941.js";import{H as K}from"./index-24557f2b.js";import{t as Q}from"./theme-3db3c9a8.js";import{_ as J,a as ee}from"./tslib.es6-266309d1.js";import{Box as te,Radio as ae,Flex as ne,rem as ie,Card as le,Group as oe,createStyles as re,Stack as se,getStylesRef as ce,useMantineTheme as de,Container as me,UnstyledButton as pe,AspectRatio as ge,ScrollArea as ue,Chip as he,Badge as ve,MultiSelect as be,Stepper as ye}from"@mantine/core";import fe from"innertext";import"@mantine/dates";import{d as Ee,L as xe,F as we,Q as ke,R as Ce,a as Ne,G as Be}from"./index-9e5956c2.js";import{G as ze,L as $e}from"./Subot-4642c5bf.js";import"./translationsContext-6d2efd65.js";import"string-format";import{useViewportSize as Se}from"@mantine/hooks";import{i as Pe,d as De}from"./index-fd04ccb7.js";import Le,{keyframes as Ie,css as Te}from"styled-components";import Me from"lodash/throttle";import{L as Ae}from"./index-252cb964.js";import{B as je}from"./index-3452fed2.js";import{I as Oe}from"./index-5e1af23a.js";import _e from"html-react-parser";import{i as Fe}from"./isProduction-00695d80.js";import{u as He}from"./useTranslations-df1b3bb8.js";import{CalendarMB as Re,Calendar as We}from"@hhgtech/icons/other";import{format as Ue,addDays as Ve,isBefore as Ge,startOfMonth as Ze,addMonths as qe,subMonths as Ye,getDaysInMonth as Xe,isToday as Ke,isSameDay as Qe,isWithinInterval as Je,isAfter as et,isPast as tt}from"date-fns";import at from"dayjs";import{D as nt}from"./types-d3da37d2.js";import{Z as it,s as lt,H as ot,o as rt,d as st,P as ct,T as dt,t as mt,u as pt,v as gt}from"./utils-970ce0c0.js";import{D as ut}from"./index-a83aad1c.js";import{M as ht}from"./index-7c77273a.js";import{S as vt}from"./index-486b71cd.js";import{D as bt}from"./index-13e62563.js";import{C as yt}from"./index-1e7ad007.js";import{useForm as ft,Controller as Et}from"react-hook-form";import{u as xt}from"./useHealthToolCache-f1488032.js";import{yupResolver as wt}from"@hookform/resolvers/yup";import{B as kt,D as Ct}from"./index-f9514788.js";import{L as Nt}from"./constants-f7c80032.js";import{h as Bt}from"./index-823fd7c0.js";import"./utils-3d2e3f0f.js";import"./index.styled-14b65c9e.js";import"./index-8c77d7e0.js";import{a as zt}from"./useOutsideClick-0704b383.js";import $t from"date-fns/locale/en-US";import St from"date-fns/locale/id";import Pt from"date-fns/locale/vi";import Dt from"date-fns/locale/zh-TW";import{g as Lt}from"./getSocialList-4e48deba.js";import{v4 as It}from"uuid";import{g as Tt,a as Mt}from"./routing-2b284b30.js";import{useForm as At,isNotEmpty as jt}from"@mantine/form";import{I as Ot}from"./index-13dc1f44.js";import{Close as _t,Plus as Ft}from"@hhgtech/icons/core";import{M as Ht}from"./index-3aff939b.js";import Rt from"js-cookie";import Wt from"lodash/flatten";import Ut from"lodash/uniqBy";import{g as Vt}from"./cookieHelper-4f089e3c.js";import{n as Gt,a as Zt}from"./normalizeLink-1c194268.js";var qt="CHw-fZZ",Yt="_03U6VRS",Xt="EO828Vv";const Kt=({style:t,onClose:a,text:n,type:i,contentIcon:l,closeIcon:o,className:r,description:s})=>e.createElement("div",{className:`${qt} ${r||""}`,style:t,"data-alert-type":i},e.createElement("div",{className:Yt},e.createElement("div",{className:"icon-title"},l,e.createElement(p,{weight:"bold",size:"label1"},n)),e.createElement(p,{weight:"regular",size:"p3"},s)),e.createElement("div",{className:Xt,onClick:a},o)),Qt={xs:28,small:32,medium:40,large:48,xl:64,xxl:80,xxxl:96},Jt=({type:n="square",size:i,avatarImg:l,avatarUrl:o,firstLetter:r,backgroundColor:s,onClick:c,style:d,className:m,width:p,height:u,alt:h})=>{const v=i?Qt[i]:void 0,[b,y]=t(!1);a((()=>{if(o){const e=document.createElement("img");e.setAttribute("src",o),e.addEventListener("error",(()=>{y(!0)}))}}),[o,y]);const f=(!o&&!l||b)&&r;return e.createElement(g,{style:Object.assign(Object.assign({},d),{"--size":v?v+"px":void 0,"--width-prop":p?p+"px":void 0,"--height-prop":u?u+"px":void 0,"--background-color":s}),"data-has-max":!(!p||!u),"data-avatar-type":n,onClick:c,className:m,avatarUrl:o,"data-custom-size":!!i},l,o&&!b&&e.createElement(j,{src:o,alt:h||"avatar"}),f&&r)},ea=({amount:t,type:a,size:n="medium",color:i="primary",icon:l,className:o})=>e.createElement(u,{"data-notification-type":a,"data-notification-size":n,"data-notification-color":i,"data-has-icon":!!l||void 0,notificationType:a,notificationSize:n,notificationColor:i,hasIcon:!!l,className:o},e.createElement("div",null,t&&e.createElement("span",null,t)," ",l&&e.createElement("div",null,l))),ta=({style:t,children:a,className:n,size:i="lg",type:l="bold",upperCase:o,as:r="h4",color:s})=>e.createElement(h,{style:Object.assign({color:s},t),className:n,"data-size":i,"data-type":l,"data-uppercase":o,as:r},a),aa=()=>e.createElement("style",null,".file-dropdown-path{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}"),na=()=>e.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",viewBox:"0 0 12.17 14.83"},e.createElement("defs",null,e.createElement("clipPath",{id:"prefix__clip-path",transform:"translate(-1.92 -1.54)"},e.createElement("path",{fill:"none",d:"M0 .96h16v16H0z"}))),e.createElement("title",null,"File"),e.createElement("g",{clipPath:"url(#prefix__clip-path)"},e.createElement("path",{className:"file-dropdown-path",d:"M8.67 2.29H4a1.33 1.33 0 00-1.33 1.33v10.67A1.33 1.33 0 004 15.62h8a1.33 1.33 0 001.33-1.33V7z",transform:"translate(-1.92 -1.54)"}),e.createElement("path",{className:"file-dropdown-path",d:"M8.67 2.29V7h4.66",transform:"translate(-1.92 -1.54)"}))),ia=()=>e.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",viewBox:"0 0 13.5 13.5"},e.createElement("title",null,"download"),e.createElement("path",{className:"file-dropdown-path",d:"M14 11v2.66A1.33 1.33 0 0112.67 15H3.33A1.33 1.33 0 012 13.62V11M4.67 7.62L8 11l3.33-3.34M8 11V3",transform:"translate(-1.25 -2.21)"})),la=()=>e.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",viewBox:"0 0 13.5 13.5"},e.createElement("title",null,"upload"),e.createElement("path",{className:"file-dropdown-path",d:"M14 11v2.66A1.33 1.33 0 0112.67 15H3.33A1.33 1.33 0 012 13.62V11M11.33 6.29L8 3 4.67 6.29M8 3v8",transform:"translate(-1.25 -2.21)"})),oa=({className:a,value:i,options:l,onUploadSelected:o,id:r,placeholderIcon:s,placeholder:c,style:d})=>{const[m,p]=t(!1),g=()=>p(!m),u=n(l.map((t=>"upload"===t.type&&e.createElement("input",{id:"uploader-dropdown-input-"+r+"-"+t.value,key:"uploader-dropdown-input-"+r+"-"+t.value,accept:t.fileAcceptedType,multiple:t.multiple,type:"file",style:{display:"none"},onChange:e=>{console.log("change"),o(e.target.files)}}))));return e.createElement(v,{className:a,"data-dropdown-open":!!m,id:r,"data-has-icons":!0,style:d,onBlur:()=>p(!1),tabIndex:0},e.createElement(aa,null),e.createElement(b,{onClick:g},s||e.createElement(na,null)," ",e.createElement("span",null,i&&i.value?i.label:c)),m&&e.createElement(y,{onClick:g,"data-has-icons":!0},l.map((t=>e.createElement(f,{key:`${r}-${t.value}`,"data-selected":i&&i.value===t.value||void 0,onClick:()=>{return"upload"===t.type?(a="#uploader-dropdown-input-"+r+"-"+t.value,void(null===(n=document.querySelector(a))||void 0===n||n.click())):void((e=t.url)&&window.open(e,"_blank"));var e,a,n}},e.createElement(E,null,t.icon||"download"===t.type?e.createElement(ia,null):e.createElement(la,null)),t.label)))),e.createElement(e.Fragment,null,u.current))},ra=({className:t,columns:a,columnsDesktop:n,gridTemplateColumns:i,gridTemplateColumnsDesktop:l,gap:o,children:r,justifyChildren:s,style:c,alignItems:d})=>e.createElement(x,{className:t,style:Object.assign({"--columns-count":a,"--columns-count-desktop":n,"--grid-template-columns":i,"--grid-template-columns-desktop":l,"--justify-children":s,"--grid-gap":o,"--align-items":d},c)},r),sa=({pagesAmount:n,activePage:i,handlePageChange:o,handleClick:r,href:s,queryPageName:c="page"})=>{const d=[...Array(n)].map(((e,t)=>t+1)),[m,p]=t(i<=4?d.slice(0,5):i>=d.length-3?d.slice(d.length-5,d.length):d.slice(i-2,i+1));return a((()=>{i<=4?p(d.slice(0,5)):i>=d.length-3?p(d.slice(d.length-5,d.length)):p(d.slice(i-2,i+1))}),[i]),e.createElement(l,null,i>4&&e.createElement(l,null,e.createElement(C,{onClick:()=>o(1)},s?e.createElement("a",{href:s,onClick:r},1):1),e.createElement(C,null,"...")),m.map((t=>e.createElement(C,{key:`pagination+${t}`,"data-page-active":t===i||void 0,onClick:()=>o(t)},s?e.createElement("a",{href:M(s,t,c),onClick:r},t):t))),i<d.length-3&&e.createElement(l,null,e.createElement(C,null,"..."),e.createElement(C,{onClick:()=>o(d.length)},s?e.createElement("a",{href:M(s,d.length,c),onClick:r},d.length):d.length)))},ca=({className:n,pagesAmount:l,currentPage:o,onChange:r,onClick:s,style:c,href:d,queryPageName:m="page"})=>{const p=[...Array(l)].map(((e,t)=>t+1)),[g,u]=t(o),h=i((()=>d&&d.endsWith("&page=")?d.replace("&page=",""):d),[d]),v=l-1,b=e=>{e<=l&&e>0&&(u(e),r(e))},y=e=>{s&&s(e)};return a((()=>{u(o)}),[o]),e.createElement(w,{className:n,style:c},e.createElement(k,{className:"prev-page",onClick:()=>b(g-1),"data-last-page":1===g||void 0},h?e.createElement("a",{href:M(h,g,m),onClick:y},e.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none"},e.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):e.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none"},e.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))),p.length>8?e.createElement(sa,{pagesAmount:l,activePage:g,handlePageChange:b,handleClick:y,href:h,queryPageName:m}):p.map((t=>e.createElement(C,{key:`pagination+${t}`,"data-page-active":t===g||void 0,onClick:()=>b(t)},h?e.createElement("a",{href:M(h,t,m),onClick:y},t):t))),e.createElement(k,{className:"next-page",onClick:()=>b(g+1),"data-last-page":g===v+1||void 0},h?e.createElement("a",{href:M(h,g,m),onClick:y},e.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none"},e.createElement("path",{d:"M1.5 9L5.5 5L1.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):e.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none"},e.createElement("path",{d:"M1.5 9L5.5 5L1.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))))},da=({size:t="small",label:a,name:n,checked:i,value:l,className:o,isDisabled:r=!1,onChange:s,dataEventCategory:c,dataEventAction:d,dataEventLabel:m})=>{const p=!!d&&!!c&&!!m?{"data-event-category":c,"data-event-action":d,"data-event-label":m}:{};return e.createElement(O,Object.assign({size:"small"===t?"md":"lg",label:a,name:n,checked:i,value:l,className:o,disabled:r,onChange:e=>null==s?void 0:s(e.target.value)},p))},ma=({type:t,children:a,style:n,isInline:i,isSquared:l=!1,className:o,isLight:r,hasMorePadding:s,isLink:c,isSelected:d,textProps:m={size:"sm"}})=>{const p=m.color?{"--text-props-color":m.color}:{};return e.createElement(N,{"data-is-squared":l||void 0,"data-tag-type":t,"data-is-light":r||void 0,"data-has-more-padding":s||void 0,"data-is-inline":i||void 0,style:Object.assign(Object.assign({},n),p),className:o,"data-is-selected":d||void 0,"data-is-link":c||void 0,tagType:t,isInline:i,tagHasMorePadding:s,tagIsLight:r,tagIsSquared:l,tagIsALink:c},e.createElement(q,Object.assign({},m),a))},pa=({className:t,id:a,onChange:n,checked:i,style:l,label:o})=>e.createElement(B,{className:t,style:l},e.createElement("input",{type:"checkbox",id:a,onChange:n,checked:i}),e.createElement("label",{htmlFor:a},e.createElement(z,null),o&&e.createElement($,null,o))),ga=({label:t,name:a,checked:n,className:i,isDisabled:l,onChange:o,value:r,isRectangle:s,inputDataTestId:c,siteType:d})=>e.createElement(S,{className:i,"data-disabled":l||void 0,"data-is-rectangle":s||void 0,"data-label-text":t,"data-theme":d},e.createElement("input",{type:"checkbox",checked:n,name:a,onChange:()=>o(r,!n),disabled:l,value:r,id:`${a}-${r}`,"data-label-text":t,"data-testid":c}),!s&&e.createElement("label",{htmlFor:`${a}-${r}`},t)),ua=t=>e.createElement("svg",Object.assign({},t,{viewBox:"0 0 32 32",fill:"none"}),e.createElement("path",{d:"M16.0002 23.0266L22.8935 27.1866C23.4002 27.4933 24.0268 27.04 23.8935 26.4666L22.0668 18.6266L28.1468 13.36C28.5868 12.9733 28.3602 12.24 27.7602 12.1866L19.7468 11.5066L16.6135 4.11996C16.3868 3.57329 15.6135 3.57329 15.3868 4.11996L12.2535 11.5066L4.24016 12.1866C3.65349 12.24 3.41349 12.9733 3.86682 13.36L9.94682 18.6266L8.12016 26.4666C7.98682 27.04 8.61349 27.4933 9.12016 27.1866L16.0002 23.0266Z",fill:"#D2D6DC"})),ha=t=>e.createElement("svg",Object.assign({},t,{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none"}),e.createElement("path",{d:"M16.0002 23.0266L22.8935 27.1866C23.4002 27.4933 24.0268 27.04 23.8935 26.4666L22.0668 18.6266L28.1468 13.36C28.5868 12.9733 28.3602 12.24 27.7602 12.1866L19.7468 11.5066L16.6135 4.11996C16.3868 3.57329 15.6135 3.57329 15.3868 4.11996L12.2535 11.5066L4.24016 12.1866C3.65349 12.24 3.41349 12.9733 3.86682 13.36L9.94682 18.6266L8.12016 26.4666C7.98682 27.04 8.61349 27.4933 9.12016 27.1866L16.0002 23.0266Z",fill:"#FFC326"})),va=t=>{const a=Y();return e.createElement("svg",Object.assign({},t,{viewBox:"0 0 24 24",fill:"none"}),e.createElement("path",{d:"M12.0001 17.2697L17.1701 20.3897C17.5501 20.6197 18.0201 20.2797 17.9201 19.8497L16.5501 13.9697L21.1101 10.0197C21.4401 9.72973 21.2701 9.17973 20.8201 9.13973L14.8101 8.62973L12.4601 3.08973C12.2901 2.67973 11.7101 2.67973 11.5401 3.08973L9.19006 8.62973L3.18006 9.13973C2.74006 9.17973 2.56006 9.72973 2.90006 10.0197L7.46006 13.9697L6.09006 19.8497C5.99006 20.2797 6.46006 20.6197 6.84006 20.3897L12.0001 17.2697Z",fill:"#E4E8EC"}),e.createElement("mask",{id:a,maskUnits:"userSpaceOnUse",x:"2",y:"0",width:"10",height:"24"},e.createElement("rect",{x:"2",width:"10",height:"24",fill:"#C4C4C4"})),e.createElement("g",{mask:`url(#${a})`},e.createElement("path",{d:"M11.9998 17.2697L17.1698 20.3897C17.5498 20.6197 18.0198 20.2797 17.9198 19.8497L16.5498 13.9697L21.1098 10.0197C21.4398 9.72973 21.2698 9.17973 20.8198 9.13973L14.8098 8.62973L12.4598 3.08973C12.2898 2.67973 11.7098 2.67973 11.5398 3.08973L9.18981 8.62973L3.17981 9.13973C2.73981 9.17973 2.55981 9.72973 2.89981 10.0197L7.45981 13.9697L6.08981 19.8497C5.98981 20.2797 6.45981 20.6197 6.83981 20.3897L11.9998 17.2697Z",fill:"#FFC326"})))},ba=({gap:a=2,size:n=24,star:i,totalStars:l=5,onSelect:o,hideEmptyStars:r,style:s,className:c})=>{const d=Math.floor(i),m=i-d>=.5?1:0,[p,g]=t(null),u=p||d,h=p?0:m;return e.createElement(P,{"data-selectable":!!o,style:Object.assign({"--gap":a,"--star-size":n},s),className:c},Array.from({length:r?d+m:l}).map(((t,a)=>{const n=()=>!!o&&g(a+1),i=()=>!!o&&g(null);return a+1<=u?e.createElement(ha,{key:a,onClick:()=>null==o?void 0:o(a+1),onMouseOver:n,onMouseLeave:i}):a+1===u+h?e.createElement(va,{key:a,onClick:()=>null==o?void 0:o(a+1),onMouseOver:n,onMouseLeave:i}):e.createElement(ua,{key:a,onClick:()=>null==o?void 0:o(a+1),onMouseOver:n,onMouseLeave:i})})))},ya=l=>{var{label:o,availableValue:r,styles:s,isBaby:c,genderValue:d={male:"male",female:"female"}}=l,m=J(l,["label","availableValue","styles","isBaby","genderValue"]);const{t:g}=He(),{classes:u,cx:h}=D(void 0,{name:"GenderOptionControl",styles:s}),[v,b]=t(),y=n(null),f=i((()=>[{value:d.male,label:g(c?"gender.boy":"gender.male"),icon:X.getAssetPath(c?"health-tools/boy-icon.svg":"health-tools/male-icon.svg")},{value:d.female,label:g(c?"gender.girl":"gender.female"),icon:X.getAssetPath(c?"health-tools/girl-icon.svg":"health-tools/female-icon.svg")}]),[]);return a((()=>{b(r)}),[r]),e.createElement(te,{ref:y,className:u.root},e.createElement(ae.Group,Object.assign({className:"radio-group",label:e.createElement(p,{as:"label",size:"s4",weight:"semiBold"},o||g(c?"tools.selectBabyGender":"tools.selectGender")),size:"lg"},m,{classNames:{error:u.groupErr}}),e.createElement(ne,{className:h(u.wrapper)},f.map((t=>e.createElement(ae,Object.assign({className:"gender-item",classNames:{root:u.itemRoot,labelWrapper:u.itemLabelWrapper,label:u.itemLabel,inner:u.itemInner},key:t.value,value:t.value},v&&t.value!==v&&{disabled:!0},{label:e.createElement(ne,{gap:ie(8),align:"center",justify:"center",sx:{zIndex:0}},e.createElement("img",{src:t.icon,className:"gender-image",alt:"female",loading:"lazy"}),e.createElement(p,{size:"p3"},t.label))})))))))};var fa="PiqKaXk",Ea="HgbW6-m",xa="_6lkfLYy",wa="j7c-onH";const ka=({avatarImg:t,authorName:a,authorLink:n,uploadTime:i,size:l})=>e.createElement("div",{className:wa},e.createElement("div",{className:"author"},e.createElement("div",{className:"avatar","data-size":l},t),e.createElement("div",{className:"poster","data-is-disabled-url":!n},e.createElement(p,{size:"lg"===l?"p3":"p4"},e.createElement("a",{href:n},e.createElement("span",{className:"name"},a),"•"," "),e.createElement("span",null,i))))),Ca=({isMobile:t,avatarImg:a,name:n,link:i,size:l="lg",specialty:o})=>e.createElement("div",{className:wa},e.createElement("div",{className:"author"},e.createElement("div",{className:"expert-avatar","data-size":l},a),e.createElement("div",{className:"expert","data-is-disabled-url":!i},t?e.createElement("a",{href:i},"lg"===l?e.createElement(e.Fragment,null,e.createElement(K,{tag:"h6",className:"expert__name",color:Q.colors.gray600},n),e.createElement(p,{color:Q.colors.gray500,size:"p3",className:"specialty"},o)):e.createElement(e.Fragment,null,e.createElement(K,{tag:"h6",className:"expert__name",color:Q.colors.gray600},n))):e.createElement("a",{href:i},"lg"===l?e.createElement(e.Fragment,null,e.createElement(K,{tag:"h6",className:"expert__name",color:Q.colors.gray600},n),e.createElement(p,{color:Q.colors.gray500,size:"p3",className:"specialty"},o)):e.createElement(e.Fragment,null,e.createElement("h6",{color:Q.colors.gray600,className:`${fa} expert__name`},n),e.createElement(p,{color:Q.colors.gray500,size:"p4",className:"specialty"},o)))))),Na=o((()=>e.createElement("div",{className:"shoppable"},e.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},e.createElement("rect",{width:"24",height:"24",rx:"12",fill:"#1B3250"}),e.createElement("path",{d:"M16.6667 8.00033H15.3333C15.3333 6.16033 13.84 4.66699 12 4.66699C10.16 4.66699 8.66667 6.16033 8.66667 8.00033H7.33333C6.6 8.00033 6 8.60033 6 9.33366V17.3337C6 18.067 6.6 18.667 7.33333 18.667H16.6667C17.4 18.667 18 18.067 18 17.3337V9.33366C18 8.60033 17.4 8.00033 16.6667 8.00033ZM12 6.00033C13.1067 6.00033 14 6.89366 14 8.00033H10C10 6.89366 10.8933 6.00033 12 6.00033ZM12 12.667C10.4467 12.667 9.14 11.607 8.77333 10.167C8.66 9.74699 8.98667 9.33366 9.42 9.33366C9.73333 9.33366 9.98667 9.56033 10.0733 9.86699C10.3067 10.7137 11.08 11.3337 12 11.3337C12.92 11.3337 13.6933 10.7137 13.9267 9.86699C14.0133 9.56033 14.2667 9.33366 14.58 9.33366C15.0133 9.33366 15.3333 9.74699 15.2267 10.167C14.86 11.607 13.5533 12.667 12 12.667Z",fill:"white"}))))),Ba=o((({dataEventCategoryForBookmark:t,dataEventActionForBookmark:a,dataEventLabelForBookmark:n})=>e.createElement("svg",{"data-event-category":t,"data-event-action":a,"data-event-label":n,width:"14",height:"16",viewBox:"0 0 14 16",fill:"none"},e.createElement("path",{d:"M13 15L7 11.1111L1 15V2.55556C1 2.143 1.18061 1.74733 1.5021 1.45561C1.82359 1.16389 2.25963 1 2.71429 1H11.2857C11.7404 1 12.1764 1.16389 12.4979 1.45561C12.8194 1.74733 13 2.143 13 2.55556V15Z",fill:"#2ED69E",stroke:"#2ED69E",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})))),za=o((({dataEventCategoryForBookmark:t,dataEventActionForBookmark:a,dataEventLabelForBookmark:n})=>e.createElement("svg",{"data-event-category":t,"data-event-action":a,"data-event-label":n,width:"18",height:"18",viewBox:"0 0 18 18",fill:"none"},e.createElement("path",{d:"M12.75 2.25H5.25C4.425 2.25 3.75 2.925 3.75 3.75V15.75L9 13.5L14.25 15.75V3.75C14.25 2.925 13.575 2.25 12.75 2.25Z",fill:"#D2D6DC"})))),$a=({articleLink:t,authorLink:a,authorName:n,avatarImg:i,banner:l,categoryLink:o,categoryName:r,className:s,dataEventActionForBanner:c,dataEventActionForBookmark:d,dataEventActionForCategory:m,dataEventActionForTitle:g,dataEventCategoryForBanner:u,dataEventCategoryForBookmark:h,dataEventCategoryForCategory:v,dataEventCategoryForTitle:b,dataEventLabelForBanner:y,dataEventLabelForBookmark:f,dataEventLabelForCategory:E,dataEventLabelForTitle:x,direction:w="horizontal",hasAffiliate:k,isBookmark:C=!1,isBookmarkDisplayed:N=!0,isMobile:B=!0,onBookmark:z,onClickCategoryName:$,section:S="normal",size:P="md",specialty:D,style:L,styleBanner:I,styleLabel:T,styleTitle:M,text:A,title:j,type:O="author",uploadTime:_,articleLinkTarget:F,isPremium:H})=>{const R=e=>{e.stopPropagation(),null==z||z()},W="lg"===P&&"expert"===O?"h4":"lg"===P&&"home"===S?B?"h4":"h3":"lg"===P?"h4":"h5",U="lg"===P?"p3":"p4",V=B||"home"!==S||"lg"!==P||"author"!==O?"c2":"c1";return e.createElement("article",{className:`${xa} ${s||""}`,"data-size":P,style:L,"data-direction":w,"data-is-expert":"expert"===O||void 0},e.createElement("div",{className:"banner",style:I},e.createElement("a",{className:Ea,"data-event-category":u,"data-event-action":c,"data-event-label":y,href:t||"#",target:F},l),H&&e.createElement("img",{loading:"lazy",className:"premium",src:X.getAssetPath("premium-crown.svg")}),k&&e.createElement(Na,null)),e.createElement("div",{className:"content"},e.createElement("div",{className:"inner-content"},e.createElement(p,{style:T,className:"label",size:V,weight:"caption"},e.createElement("a",{className:Ea,"data-event-category":v,"data-event-action":m,"data-event-label":E,href:o||"#",onClick:$},r),N&&e.createElement("a",{className:"bookmark",onClick:R},C?e.createElement(Ba,{dataEventCategoryForBookmark:h,dataEventActionForBookmark:d,dataEventLabelForBookmark:f}):e.createElement(za,{dataEventCategoryForBookmark:h,dataEventActionForBookmark:d,dataEventLabelForBookmark:f}))),e.createElement(K,{tag:W,style:M,className:"title",as:"lg"===P?"h2":"h3"},e.createElement("a",{className:Ea,"data-event-category":b,"data-event-action":g,"data-event-label":x,href:t||"#",target:F},j)),A&&e.createElement("a",{href:t||"#",target:F},e.createElement(p,{size:U,className:"text"},A))),e.createElement("div",{className:"footer"},"author"===O?e.createElement(ka,{size:P,avatarImg:i,authorName:n,authorLink:a,uploadTime:_,handleClick:R,isBookmarked:C,dataEventCategoryForBookmark:h,dataEventActionForBookmark:d,dataEventLabelForBookmark:f}):e.createElement(Ca,{size:P,isMobile:B,avatarImg:i,specialty:D,name:n,link:a,handleClick:R,isBookmarked:C,dataEventCategoryForBookmark:h,dataEventActionForBookmark:d,dataEventLabelForBookmark:f}))))},Sa=t=>{var a,n,i,{article:l,author:o,authorAvatar:r,badge:s="",hideDescription:c=!1,isBookmarked:d=!1,onBookmark:m,time:g,tracking:u}=t,h=J(t,["article","author","authorAvatar","badge","hideDescription","isBookmarked","onBookmark","time","tracking"]);const{isMobile:v}=_();return console.log({article:l}),e.createElement(le,Object.assign({padding:0,radius:0,sx:{display:"flex",flexDirection:"row",gap:24}},h),e.createElement(le.Section,{w:"100%",h:"100%",miw:264,m:0,className:"pointer"},e.createElement("img",{src:(v?l.featureImageMobile:l.featureImage)||l.featureImage,alt:l.postName,style:{width:"100%"},loading:"lazy"})),e.createElement(le.Section,null,e.createElement(oe,{position:"apart",mt:16,mb:4},e.createElement(F,{href:(null===(a=null==l?void 0:l.primaryCategory)||void 0===a?void 0:a.permalink)||"#"},e.createElement(p,{size:"p4",color:"blue.6"},null===(n=null==l?void 0:l.primaryCategory)||void 0===n?void 0:n.displayName)),e.createElement(te,{sx:{cursor:"pointer"},role:"button",onClick:m},d?e.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},null==u?void 0:u.bookmark),e.createElement("path",{d:"M6.775 19.7C6.475 19.8333 6.18733 19.8123 5.912 19.637C5.63733 19.4623 5.5 19.2083 5.5 18.875V5.3C5.5 4.8 5.675 4.375 6.025 4.025C6.375 3.675 6.8 3.5 7.3 3.5H16.7C17.2 3.5 17.625 3.675 17.975 4.025C18.325 4.375 18.5 4.8 18.5 5.3V18.875C18.5 19.2083 18.3623 19.4623 18.087 19.637C17.8123 19.8123 17.525 19.8333 17.225 19.7L12 17.45L6.775 19.7Z",fill:"#595959"})):e.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},null==u?void 0:u.bookmark),e.createElement("path",{d:"M7 17.95L12 15.8L17 17.95V5.3C17 5.23333 16.9667 5.16667 16.9 5.1C16.8333 5.03333 16.7667 5 16.7 5H7.3C7.23333 5 7.16667 5.03333 7.1 5.1C7.03333 5.16667 7 5.23333 7 5.3V17.95ZM6.775 19.7C6.475 19.8333 6.18733 19.8123 5.912 19.637C5.63733 19.4623 5.5 19.2083 5.5 18.875V5.3C5.5 4.8 5.675 4.375 6.025 4.025C6.375 3.675 6.8 3.5 7.3 3.5H16.7C17.2 3.5 17.625 3.675 17.975 4.025C18.325 4.375 18.5 4.8 18.5 5.3V18.875C18.5 19.2083 18.3623 19.4623 18.087 19.637C17.8123 19.8123 17.525 19.8333 17.225 19.7L12 17.45L6.775 19.7ZM7 5H17H12H7Z",fill:"#595959"})))),e.createElement(p,{size:c?"s2":"s1",mb:8,weight:"semiBold",className:"pointer"},l.postTitle||l.postName||""),!c&&e.createElement(p,{size:"p2",mb:16,lineClamp:3,className:"pointer"},fe(l.excerpt||l.description||(null===(i=l.postContent)||void 0===i?void 0:i.split("\r\n")[0])||"")),e.createElement(ne,{gap:12,align:"center"},e.createElement(H,{size:32,src:r,withIndicator:!0,indicatorConfig:{offset:5,size:18,label:e.createElement("img",{loading:"lazy",src:s,alt:""})}},"A"),e.createElement(p,{size:"n1",c:"gray.6"},o," • ",g))))};var Pa=re(((e,{})=>({root:{},image:{},title:{},category:{},description:{},author:{}})));const Da=648/440,La=1.5,Ia=t=>{var a,n,l,{article:o,author:r,authorAvatar:s,badge:c="",bannerImageWrapProps:d,hideDescription:m=!1,isBookmarked:g=!1,onBookmark:u,time:h,tracking:v,classNames:b,styles:y,unstyled:f,className:E}=t,x=J(t,["article","author","authorAvatar","badge","bannerImageWrapProps","hideDescription","isBookmarked","onBookmark","time","tracking","classNames","styles","unstyled","className"]);const{isMobile:w}=_(),{classes:k,cx:C}=Pa({},{name:"ArticleCard",classNames:b,styles:y,unstyled:f}),N=i((()=>m?La:Da),[m]);return e.createElement(le,Object.assign({className:C(k.root,E),padding:"lg",radius:0},x),e.createElement(le.Section,{className:C(k.image,"pointer")},e.createElement(R,Object.assign({ratio:N},d),e.createElement("img",{src:(w?o.featureImageMobile:o.featureImage)||o.featureImage,alt:o.postName,style:{objectFit:"cover"}}))),e.createElement(le.Section,null,e.createElement(oe,{position:"apart",mt:16,mb:4},e.createElement(F,{className:k.category,href:(null===(a=null==o?void 0:o.primaryCategory)||void 0===a?void 0:a.permalink)||"#"},e.createElement(p,{size:"p4",color:"blue.6"},null===(n=null==o?void 0:o.primaryCategory)||void 0===n?void 0:n.displayName)),e.createElement(te,{sx:{cursor:"pointer"},role:"button",onClick:u},g?e.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},null==v?void 0:v.bookmark),e.createElement("path",{d:"M6.775 19.7C6.475 19.8333 6.18733 19.8123 5.912 19.637C5.63733 19.4623 5.5 19.2083 5.5 18.875V5.3C5.5 4.8 5.675 4.375 6.025 4.025C6.375 3.675 6.8 3.5 7.3 3.5H16.7C17.2 3.5 17.625 3.675 17.975 4.025C18.325 4.375 18.5 4.8 18.5 5.3V18.875C18.5 19.2083 18.3623 19.4623 18.087 19.637C17.8123 19.8123 17.525 19.8333 17.225 19.7L12 17.45L6.775 19.7Z",fill:"#595959"})):e.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},null==v?void 0:v.bookmark),e.createElement("path",{d:"M7 17.95L12 15.8L17 17.95V5.3C17 5.23333 16.9667 5.16667 16.9 5.1C16.8333 5.03333 16.7667 5 16.7 5H7.3C7.23333 5 7.16667 5.03333 7.1 5.1C7.03333 5.16667 7 5.23333 7 5.3V17.95ZM6.775 19.7C6.475 19.8333 6.18733 19.8123 5.912 19.637C5.63733 19.4623 5.5 19.2083 5.5 18.875V5.3C5.5 4.8 5.675 4.375 6.025 4.025C6.375 3.675 6.8 3.5 7.3 3.5H16.7C17.2 3.5 17.625 3.675 17.975 4.025C18.325 4.375 18.5 4.8 18.5 5.3V18.875C18.5 19.2083 18.3623 19.4623 18.087 19.637C17.8123 19.8123 17.525 19.8333 17.225 19.7L12 17.45L6.775 19.7ZM7 5H17H12H7Z",fill:"#595959"})))),e.createElement(p,{className:C(k.title,"pointer"),size:m?"s2":"s1",mb:8,weight:"semiBold"},o.postTitle||o.postName||""),!m&&e.createElement(p,{className:C(k.description,"pointer"),size:"p2",mb:16,lineClamp:3},fe(o.excerpt||o.description||(null===(l=o.postContent)||void 0===l?void 0:l.split("\r\n")[0])||"")),e.createElement(ne,{className:k.author,gap:12,align:"center"},e.createElement(H,{size:32,src:s,withIndicator:!0,indicatorConfig:{offset:5,size:18,label:e.createElement("img",{loading:"lazy",src:c,alt:""})}},"A"),e.createElement(p,{size:"n1",c:"gray.6"},r," • ",h))))},Ta=t=>{var{variant:a="vertical"}=t,n=J(t,["variant"]);return"horizontal"===a?e.createElement(Sa,Object.assign({},n)):e.createElement(Ia,Object.assign({},n))},Ma=Le.a`
+import e,{useState as t,useEffect as a,useRef as n,useMemo as i,Fragment as l,memo as o,useCallback as r,useImperativeHandle as s,forwardRef as c,createContext as d,useContext as m}from"react";import{T as p}from"./index-99348fe5.js";import{b as g,c as u,d as h,e as v,f as b,h as y,i as f,j as E,k as x,l as w,m as k,n as C,o as N,p as B,q as z,r as $,s as S,t as P,u as D,T as L,g as I,P as T}from"./index.styles-d0b249c6.js";import{f as M,M as A}from"./utils-21a3e198.js";import{I as j,R as O,u as _,A as F,a as H,b as R,B as W,c as U,d as V,e as G,t as Z}from"./index-4004c359.js";import{T as q}from"./index-ab99f4fa.js";import{a as Y}from"./useUniqueId-8d28d0f0.js";import{C as X}from"./index-eab0e39a.js";import{H as K}from"./index-a445a873.js";import{t as Q}from"./theme-691eca44.js";import{_ as J,a as ee}from"./tslib.es6-1ab8a2bb.js";import{Box as te,Radio as ae,Flex as ne,rem as ie,Card as le,Group as oe,createStyles as re,Stack as se,getStylesRef as ce,useMantineTheme as de,Container as me,UnstyledButton as pe,AspectRatio as ge,ScrollArea as ue,Chip as he,Badge as ve,MultiSelect as be,Stepper as ye}from"@mantine/core";import fe from"innertext";import"@mantine/dates";import{d as Ee,L as xe,F as we,Q as ke,R as Ce,a as Ne,G as Be}from"./index-39174b30.js";import{G as ze,L as $e}from"./Subot-fcd7c77c.js";import"./translationsContext-f8842fe7.js";import"string-format";import{useViewportSize as Se}from"@mantine/hooks";import{i as Pe,d as De}from"./index-42a8c7e8.js";import Le,{keyframes as Ie,css as Te}from"styled-components";import Me from"lodash/throttle";import{L as Ae}from"./index-fa743e14.js";import{B as je}from"./index-3bfcc95c.js";import{I as Oe}from"./index-c737fbcc.js";import _e from"html-react-parser";import{i as Fe}from"./isProduction-819e0c5c.js";import{u as He}from"./useTranslations-06f29a74.js";import{CalendarMB as Re,Calendar as We}from"@hhgtech/icons/other";import{format as Ue,addDays as Ve,isBefore as Ge,startOfMonth as Ze,addMonths as qe,subMonths as Ye,getDaysInMonth as Xe,isToday as Ke,isSameDay as Qe,isWithinInterval as Je,isAfter as et,isPast as tt}from"date-fns";import at from"dayjs";import{D as nt}from"./types-81267cf7.js";import{Z as it,s as lt,H as ot,o as rt,d as st,P as ct,T as dt,t as mt,u as pt,v as gt}from"./utils-581f9d39.js";import{D as ut}from"./index-81dbde00.js";import{M as ht}from"./index-9b8a2194.js";import{S as vt}from"./index-575f65cb.js";import{D as bt}from"./index-068a9606.js";import{C as yt}from"./index-0d0e5f45.js";import{useForm as ft,Controller as Et}from"react-hook-form";import{u as xt}from"./useHealthToolCache-b2ecca8b.js";import{yupResolver as wt}from"@hookform/resolvers/yup";import{B as kt,D as Ct}from"./index-41f67971.js";import{L as Nt}from"./constants-1e65de37.js";import{h as Bt}from"./index-318d4230.js";import"./utils-8845cf64.js";import"./index.styled-ac7ac0fc.js";import"./index-1e29d7b0.js";import{a as zt}from"./useOutsideClick-9787ba70.js";import $t from"date-fns/locale/en-US";import St from"date-fns/locale/id";import Pt from"date-fns/locale/vi";import Dt from"date-fns/locale/zh-TW";import{g as Lt}from"./getSocialList-5f74d2b2.js";import{v4 as It}from"uuid";import{g as Tt,a as Mt}from"./routing-c85cbf05.js";import{useForm as At,isNotEmpty as jt}from"@mantine/form";import{I as Ot}from"./index-7f4008ff.js";import{Close as _t,Plus as Ft}from"@hhgtech/icons/core";import{M as Ht}from"./index-3c612859.js";import Rt from"js-cookie";import Wt from"lodash/flatten";import Ut from"lodash/uniqBy";import{g as Vt}from"./cookieHelper-e37e6893.js";import{n as Gt,a as Zt}from"./normalizeLink-86ab5a4c.js";var qt="CHw-fZZ",Yt="_03U6VRS",Xt="EO828Vv";const Kt=({style:t,onClose:a,text:n,type:i,contentIcon:l,closeIcon:o,className:r,description:s})=>e.createElement("div",{className:`${qt} ${r||""}`,style:t,"data-alert-type":i},e.createElement("div",{className:Yt},e.createElement("div",{className:"icon-title"},l,e.createElement(p,{weight:"bold",size:"label1"},n)),e.createElement(p,{weight:"regular",size:"p3"},s)),e.createElement("div",{className:Xt,onClick:a},o)),Qt={xs:28,small:32,medium:40,large:48,xl:64,xxl:80,xxxl:96},Jt=({type:n="square",size:i,avatarImg:l,avatarUrl:o,firstLetter:r,backgroundColor:s,onClick:c,style:d,className:m,width:p,height:u,alt:h})=>{const v=i?Qt[i]:void 0,[b,y]=t(!1);a((()=>{if(o){const e=document.createElement("img");e.setAttribute("src",o),e.addEventListener("error",(()=>{y(!0)}))}}),[o,y]);const f=(!o&&!l||b)&&r;return e.createElement(g,{style:Object.assign(Object.assign({},d),{"--size":v?v+"px":void 0,"--width-prop":p?p+"px":void 0,"--height-prop":u?u+"px":void 0,"--background-color":s}),"data-has-max":!(!p||!u),"data-avatar-type":n,onClick:c,className:m,avatarUrl:o,"data-custom-size":!!i},l,o&&!b&&e.createElement(j,{src:o,alt:h||"avatar"}),f&&r)},ea=({amount:t,type:a,size:n="medium",color:i="primary",icon:l,className:o})=>e.createElement(u,{"data-notification-type":a,"data-notification-size":n,"data-notification-color":i,"data-has-icon":!!l||void 0,notificationType:a,notificationSize:n,notificationColor:i,hasIcon:!!l,className:o},e.createElement("div",null,t&&e.createElement("span",null,t)," ",l&&e.createElement("div",null,l))),ta=({style:t,children:a,className:n,size:i="lg",type:l="bold",upperCase:o,as:r="h4",color:s})=>e.createElement(h,{style:Object.assign({color:s},t),className:n,"data-size":i,"data-type":l,"data-uppercase":o,as:r},a),aa=()=>e.createElement("style",null,".file-dropdown-path{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}"),na=()=>e.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",viewBox:"0 0 12.17 14.83"},e.createElement("defs",null,e.createElement("clipPath",{id:"prefix__clip-path",transform:"translate(-1.92 -1.54)"},e.createElement("path",{fill:"none",d:"M0 .96h16v16H0z"}))),e.createElement("title",null,"File"),e.createElement("g",{clipPath:"url(#prefix__clip-path)"},e.createElement("path",{className:"file-dropdown-path",d:"M8.67 2.29H4a1.33 1.33 0 00-1.33 1.33v10.67A1.33 1.33 0 004 15.62h8a1.33 1.33 0 001.33-1.33V7z",transform:"translate(-1.92 -1.54)"}),e.createElement("path",{className:"file-dropdown-path",d:"M8.67 2.29V7h4.66",transform:"translate(-1.92 -1.54)"}))),ia=()=>e.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",viewBox:"0 0 13.5 13.5"},e.createElement("title",null,"download"),e.createElement("path",{className:"file-dropdown-path",d:"M14 11v2.66A1.33 1.33 0 0112.67 15H3.33A1.33 1.33 0 012 13.62V11M4.67 7.62L8 11l3.33-3.34M8 11V3",transform:"translate(-1.25 -2.21)"})),la=()=>e.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",viewBox:"0 0 13.5 13.5"},e.createElement("title",null,"upload"),e.createElement("path",{className:"file-dropdown-path",d:"M14 11v2.66A1.33 1.33 0 0112.67 15H3.33A1.33 1.33 0 012 13.62V11M11.33 6.29L8 3 4.67 6.29M8 3v8",transform:"translate(-1.25 -2.21)"})),oa=({className:a,value:i,options:l,onUploadSelected:o,id:r,placeholderIcon:s,placeholder:c,style:d})=>{const[m,p]=t(!1),g=()=>p(!m),u=n(l.map((t=>"upload"===t.type&&e.createElement("input",{id:"uploader-dropdown-input-"+r+"-"+t.value,key:"uploader-dropdown-input-"+r+"-"+t.value,accept:t.fileAcceptedType,multiple:t.multiple,type:"file",style:{display:"none"},onChange:e=>{console.log("change"),o(e.target.files)}}))));return e.createElement(v,{className:a,"data-dropdown-open":!!m,id:r,"data-has-icons":!0,style:d,onBlur:()=>p(!1),tabIndex:0},e.createElement(aa,null),e.createElement(b,{onClick:g},s||e.createElement(na,null)," ",e.createElement("span",null,i&&i.value?i.label:c)),m&&e.createElement(y,{onClick:g,"data-has-icons":!0},l.map((t=>e.createElement(f,{key:`${r}-${t.value}`,"data-selected":i&&i.value===t.value||void 0,onClick:()=>{return"upload"===t.type?(a="#uploader-dropdown-input-"+r+"-"+t.value,void(null===(n=document.querySelector(a))||void 0===n||n.click())):void((e=t.url)&&window.open(e,"_blank"));var e,a,n}},e.createElement(E,null,t.icon||"download"===t.type?e.createElement(ia,null):e.createElement(la,null)),t.label)))),e.createElement(e.Fragment,null,u.current))},ra=({className:t,columns:a,columnsDesktop:n,gridTemplateColumns:i,gridTemplateColumnsDesktop:l,gap:o,children:r,justifyChildren:s,style:c,alignItems:d})=>e.createElement(x,{className:t,style:Object.assign({"--columns-count":a,"--columns-count-desktop":n,"--grid-template-columns":i,"--grid-template-columns-desktop":l,"--justify-children":s,"--grid-gap":o,"--align-items":d},c)},r),sa=({pagesAmount:n,activePage:i,handlePageChange:o,handleClick:r,href:s,queryPageName:c="page"})=>{const d=[...Array(n)].map(((e,t)=>t+1)),[m,p]=t(i<=4?d.slice(0,5):i>=d.length-3?d.slice(d.length-5,d.length):d.slice(i-2,i+1));return a((()=>{i<=4?p(d.slice(0,5)):i>=d.length-3?p(d.slice(d.length-5,d.length)):p(d.slice(i-2,i+1))}),[i]),e.createElement(l,null,i>4&&e.createElement(l,null,e.createElement(C,{onClick:()=>o(1)},s?e.createElement("a",{href:s,onClick:r},1):1),e.createElement(C,null,"...")),m.map((t=>e.createElement(C,{key:`pagination+${t}`,"data-page-active":t===i||void 0,onClick:()=>o(t)},s?e.createElement("a",{href:M(s,t,c),onClick:r},t):t))),i<d.length-3&&e.createElement(l,null,e.createElement(C,null,"..."),e.createElement(C,{onClick:()=>o(d.length)},s?e.createElement("a",{href:M(s,d.length,c),onClick:r},d.length):d.length)))},ca=({className:n,pagesAmount:l,currentPage:o,onChange:r,onClick:s,style:c,href:d,queryPageName:m="page"})=>{const p=[...Array(l)].map(((e,t)=>t+1)),[g,u]=t(o),h=i((()=>d&&d.endsWith("&page=")?d.replace("&page=",""):d),[d]),v=l-1,b=e=>{e<=l&&e>0&&(u(e),r(e))},y=e=>{s&&s(e)};return a((()=>{u(o)}),[o]),e.createElement(w,{className:n,style:c},e.createElement(k,{className:"prev-page",onClick:()=>b(g-1),"data-last-page":1===g||void 0},h?e.createElement("a",{href:M(h,g,m),onClick:y},e.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none"},e.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):e.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none"},e.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))),p.length>8?e.createElement(sa,{pagesAmount:l,activePage:g,handlePageChange:b,handleClick:y,href:h,queryPageName:m}):p.map((t=>e.createElement(C,{key:`pagination+${t}`,"data-page-active":t===g||void 0,onClick:()=>b(t)},h?e.createElement("a",{href:M(h,t,m),onClick:y},t):t))),e.createElement(k,{className:"next-page",onClick:()=>b(g+1),"data-last-page":g===v+1||void 0},h?e.createElement("a",{href:M(h,g,m),onClick:y},e.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none"},e.createElement("path",{d:"M1.5 9L5.5 5L1.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):e.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none"},e.createElement("path",{d:"M1.5 9L5.5 5L1.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))))},da=({size:t="small",label:a,name:n,checked:i,value:l,className:o,isDisabled:r=!1,onChange:s,dataEventCategory:c,dataEventAction:d,dataEventLabel:m})=>{const p=!!d&&!!c&&!!m?{"data-event-category":c,"data-event-action":d,"data-event-label":m}:{};return e.createElement(O,Object.assign({size:"small"===t?"md":"lg",label:a,name:n,checked:i,value:l,className:o,disabled:r,onChange:e=>null==s?void 0:s(e.target.value)},p))},ma=({type:t,children:a,style:n,isInline:i,isSquared:l=!1,className:o,isLight:r,hasMorePadding:s,isLink:c,isSelected:d,textProps:m={size:"sm"}})=>{const p=m.color?{"--text-props-color":m.color}:{};return e.createElement(N,{"data-is-squared":l||void 0,"data-tag-type":t,"data-is-light":r||void 0,"data-has-more-padding":s||void 0,"data-is-inline":i||void 0,style:Object.assign(Object.assign({},n),p),className:o,"data-is-selected":d||void 0,"data-is-link":c||void 0,tagType:t,isInline:i,tagHasMorePadding:s,tagIsLight:r,tagIsSquared:l,tagIsALink:c},e.createElement(q,Object.assign({},m),a))},pa=({className:t,id:a,onChange:n,checked:i,style:l,label:o})=>e.createElement(B,{className:t,style:l},e.createElement("input",{type:"checkbox",id:a,onChange:n,checked:i}),e.createElement("label",{htmlFor:a},e.createElement(z,null),o&&e.createElement($,null,o))),ga=({label:t,name:a,checked:n,className:i,isDisabled:l,onChange:o,value:r,isRectangle:s,inputDataTestId:c,siteType:d})=>e.createElement(S,{className:i,"data-disabled":l||void 0,"data-is-rectangle":s||void 0,"data-label-text":t,"data-theme":d},e.createElement("input",{type:"checkbox",checked:n,name:a,onChange:()=>o(r,!n),disabled:l,value:r,id:`${a}-${r}`,"data-label-text":t,"data-testid":c}),!s&&e.createElement("label",{htmlFor:`${a}-${r}`},t)),ua=t=>e.createElement("svg",Object.assign({},t,{viewBox:"0 0 32 32",fill:"none"}),e.createElement("path",{d:"M16.0002 23.0266L22.8935 27.1866C23.4002 27.4933 24.0268 27.04 23.8935 26.4666L22.0668 18.6266L28.1468 13.36C28.5868 12.9733 28.3602 12.24 27.7602 12.1866L19.7468 11.5066L16.6135 4.11996C16.3868 3.57329 15.6135 3.57329 15.3868 4.11996L12.2535 11.5066L4.24016 12.1866C3.65349 12.24 3.41349 12.9733 3.86682 13.36L9.94682 18.6266L8.12016 26.4666C7.98682 27.04 8.61349 27.4933 9.12016 27.1866L16.0002 23.0266Z",fill:"#D2D6DC"})),ha=t=>e.createElement("svg",Object.assign({},t,{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none"}),e.createElement("path",{d:"M16.0002 23.0266L22.8935 27.1866C23.4002 27.4933 24.0268 27.04 23.8935 26.4666L22.0668 18.6266L28.1468 13.36C28.5868 12.9733 28.3602 12.24 27.7602 12.1866L19.7468 11.5066L16.6135 4.11996C16.3868 3.57329 15.6135 3.57329 15.3868 4.11996L12.2535 11.5066L4.24016 12.1866C3.65349 12.24 3.41349 12.9733 3.86682 13.36L9.94682 18.6266L8.12016 26.4666C7.98682 27.04 8.61349 27.4933 9.12016 27.1866L16.0002 23.0266Z",fill:"#FFC326"})),va=t=>{const a=Y();return e.createElement("svg",Object.assign({},t,{viewBox:"0 0 24 24",fill:"none"}),e.createElement("path",{d:"M12.0001 17.2697L17.1701 20.3897C17.5501 20.6197 18.0201 20.2797 17.9201 19.8497L16.5501 13.9697L21.1101 10.0197C21.4401 9.72973 21.2701 9.17973 20.8201 9.13973L14.8101 8.62973L12.4601 3.08973C12.2901 2.67973 11.7101 2.67973 11.5401 3.08973L9.19006 8.62973L3.18006 9.13973C2.74006 9.17973 2.56006 9.72973 2.90006 10.0197L7.46006 13.9697L6.09006 19.8497C5.99006 20.2797 6.46006 20.6197 6.84006 20.3897L12.0001 17.2697Z",fill:"#E4E8EC"}),e.createElement("mask",{id:a,maskUnits:"userSpaceOnUse",x:"2",y:"0",width:"10",height:"24"},e.createElement("rect",{x:"2",width:"10",height:"24",fill:"#C4C4C4"})),e.createElement("g",{mask:`url(#${a})`},e.createElement("path",{d:"M11.9998 17.2697L17.1698 20.3897C17.5498 20.6197 18.0198 20.2797 17.9198 19.8497L16.5498 13.9697L21.1098 10.0197C21.4398 9.72973 21.2698 9.17973 20.8198 9.13973L14.8098 8.62973L12.4598 3.08973C12.2898 2.67973 11.7098 2.67973 11.5398 3.08973L9.18981 8.62973L3.17981 9.13973C2.73981 9.17973 2.55981 9.72973 2.89981 10.0197L7.45981 13.9697L6.08981 19.8497C5.98981 20.2797 6.45981 20.6197 6.83981 20.3897L11.9998 17.2697Z",fill:"#FFC326"})))},ba=({gap:a=2,size:n=24,star:i,totalStars:l=5,onSelect:o,hideEmptyStars:r,style:s,className:c})=>{const d=Math.floor(i),m=i-d>=.5?1:0,[p,g]=t(null),u=p||d,h=p?0:m;return e.createElement(P,{"data-selectable":!!o,style:Object.assign({"--gap":a,"--star-size":n},s),className:c},Array.from({length:r?d+m:l}).map(((t,a)=>{const n=()=>!!o&&g(a+1),i=()=>!!o&&g(null);return a+1<=u?e.createElement(ha,{key:a,onClick:()=>null==o?void 0:o(a+1),onMouseOver:n,onMouseLeave:i}):a+1===u+h?e.createElement(va,{key:a,onClick:()=>null==o?void 0:o(a+1),onMouseOver:n,onMouseLeave:i}):e.createElement(ua,{key:a,onClick:()=>null==o?void 0:o(a+1),onMouseOver:n,onMouseLeave:i})})))},ya=l=>{var{label:o,availableValue:r,styles:s,isBaby:c,genderValue:d={male:"male",female:"female"}}=l,m=J(l,["label","availableValue","styles","isBaby","genderValue"]);const{t:g}=He(),{classes:u,cx:h}=D(void 0,{name:"GenderOptionControl",styles:s}),[v,b]=t(),y=n(null),f=i((()=>[{value:d.male,label:g(c?"gender.boy":"gender.male"),icon:X.getAssetPath(c?"health-tools/boy-icon.svg":"health-tools/male-icon.svg")},{value:d.female,label:g(c?"gender.girl":"gender.female"),icon:X.getAssetPath(c?"health-tools/girl-icon.svg":"health-tools/female-icon.svg")}]),[]);return a((()=>{b(r)}),[r]),e.createElement(te,{ref:y,className:u.root},e.createElement(ae.Group,Object.assign({className:"radio-group",label:e.createElement(p,{as:"label",size:"s4",weight:"semiBold"},o||g(c?"tools.selectBabyGender":"tools.selectGender")),size:"lg"},m,{classNames:{error:u.groupErr}}),e.createElement(ne,{className:h(u.wrapper)},f.map((t=>e.createElement(ae,Object.assign({className:"gender-item",classNames:{root:u.itemRoot,labelWrapper:u.itemLabelWrapper,label:u.itemLabel,inner:u.itemInner},key:t.value,value:t.value},v&&t.value!==v&&{disabled:!0},{label:e.createElement(ne,{gap:ie(8),align:"center",justify:"center",sx:{zIndex:0}},e.createElement("img",{src:t.icon,className:"gender-image",alt:"female",loading:"lazy"}),e.createElement(p,{size:"p3"},t.label))})))))))};var fa="PiqKaXk",Ea="HgbW6-m",xa="_6lkfLYy",wa="j7c-onH";const ka=({avatarImg:t,authorName:a,authorLink:n,uploadTime:i,size:l})=>e.createElement("div",{className:wa},e.createElement("div",{className:"author"},e.createElement("div",{className:"avatar","data-size":l},t),e.createElement("div",{className:"poster","data-is-disabled-url":!n},e.createElement(p,{size:"lg"===l?"p3":"p4"},e.createElement("a",{href:n},e.createElement("span",{className:"name"},a),"•"," "),e.createElement("span",null,i))))),Ca=({isMobile:t,avatarImg:a,name:n,link:i,size:l="lg",specialty:o})=>e.createElement("div",{className:wa},e.createElement("div",{className:"author"},e.createElement("div",{className:"expert-avatar","data-size":l},a),e.createElement("div",{className:"expert","data-is-disabled-url":!i},t?e.createElement("a",{href:i},"lg"===l?e.createElement(e.Fragment,null,e.createElement(K,{tag:"h6",className:"expert__name",color:Q.colors.gray600},n),e.createElement(p,{color:Q.colors.gray500,size:"p3",className:"specialty"},o)):e.createElement(e.Fragment,null,e.createElement(K,{tag:"h6",className:"expert__name",color:Q.colors.gray600},n))):e.createElement("a",{href:i},"lg"===l?e.createElement(e.Fragment,null,e.createElement(K,{tag:"h6",className:"expert__name",color:Q.colors.gray600},n),e.createElement(p,{color:Q.colors.gray500,size:"p3",className:"specialty"},o)):e.createElement(e.Fragment,null,e.createElement("h6",{color:Q.colors.gray600,className:`${fa} expert__name`},n),e.createElement(p,{color:Q.colors.gray500,size:"p4",className:"specialty"},o)))))),Na=o((()=>e.createElement("div",{className:"shoppable"},e.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},e.createElement("rect",{width:"24",height:"24",rx:"12",fill:"#1B3250"}),e.createElement("path",{d:"M16.6667 8.00033H15.3333C15.3333 6.16033 13.84 4.66699 12 4.66699C10.16 4.66699 8.66667 6.16033 8.66667 8.00033H7.33333C6.6 8.00033 6 8.60033 6 9.33366V17.3337C6 18.067 6.6 18.667 7.33333 18.667H16.6667C17.4 18.667 18 18.067 18 17.3337V9.33366C18 8.60033 17.4 8.00033 16.6667 8.00033ZM12 6.00033C13.1067 6.00033 14 6.89366 14 8.00033H10C10 6.89366 10.8933 6.00033 12 6.00033ZM12 12.667C10.4467 12.667 9.14 11.607 8.77333 10.167C8.66 9.74699 8.98667 9.33366 9.42 9.33366C9.73333 9.33366 9.98667 9.56033 10.0733 9.86699C10.3067 10.7137 11.08 11.3337 12 11.3337C12.92 11.3337 13.6933 10.7137 13.9267 9.86699C14.0133 9.56033 14.2667 9.33366 14.58 9.33366C15.0133 9.33366 15.3333 9.74699 15.2267 10.167C14.86 11.607 13.5533 12.667 12 12.667Z",fill:"white"}))))),Ba=o((({dataEventCategoryForBookmark:t,dataEventActionForBookmark:a,dataEventLabelForBookmark:n})=>e.createElement("svg",{"data-event-category":t,"data-event-action":a,"data-event-label":n,width:"14",height:"16",viewBox:"0 0 14 16",fill:"none"},e.createElement("path",{d:"M13 15L7 11.1111L1 15V2.55556C1 2.143 1.18061 1.74733 1.5021 1.45561C1.82359 1.16389 2.25963 1 2.71429 1H11.2857C11.7404 1 12.1764 1.16389 12.4979 1.45561C12.8194 1.74733 13 2.143 13 2.55556V15Z",fill:"#2ED69E",stroke:"#2ED69E",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})))),za=o((({dataEventCategoryForBookmark:t,dataEventActionForBookmark:a,dataEventLabelForBookmark:n})=>e.createElement("svg",{"data-event-category":t,"data-event-action":a,"data-event-label":n,width:"18",height:"18",viewBox:"0 0 18 18",fill:"none"},e.createElement("path",{d:"M12.75 2.25H5.25C4.425 2.25 3.75 2.925 3.75 3.75V15.75L9 13.5L14.25 15.75V3.75C14.25 2.925 13.575 2.25 12.75 2.25Z",fill:"#D2D6DC"})))),$a=({articleLink:t,authorLink:a,authorName:n,avatarImg:i,banner:l,categoryLink:o,categoryName:r,className:s,dataEventActionForBanner:c,dataEventActionForBookmark:d,dataEventActionForCategory:m,dataEventActionForTitle:g,dataEventCategoryForBanner:u,dataEventCategoryForBookmark:h,dataEventCategoryForCategory:v,dataEventCategoryForTitle:b,dataEventLabelForBanner:y,dataEventLabelForBookmark:f,dataEventLabelForCategory:E,dataEventLabelForTitle:x,direction:w="horizontal",hasAffiliate:k,isBookmark:C=!1,isBookmarkDisplayed:N=!0,isMobile:B=!0,onBookmark:z,onClickCategoryName:$,section:S="normal",size:P="md",specialty:D,style:L,styleBanner:I,styleLabel:T,styleTitle:M,text:A,title:j,type:O="author",uploadTime:_,articleLinkTarget:F,isPremium:H})=>{const R=e=>{e.stopPropagation(),null==z||z()},W="lg"===P&&"expert"===O?"h4":"lg"===P&&"home"===S?B?"h4":"h3":"lg"===P?"h4":"h5",U="lg"===P?"p3":"p4",V=B||"home"!==S||"lg"!==P||"author"!==O?"c2":"c1";return e.createElement("article",{className:`${xa} ${s||""}`,"data-size":P,style:L,"data-direction":w,"data-is-expert":"expert"===O||void 0},e.createElement("div",{className:"banner",style:I},e.createElement("a",{className:Ea,"data-event-category":u,"data-event-action":c,"data-event-label":y,href:t||"#",target:F},l),H&&e.createElement("img",{loading:"lazy",className:"premium",src:X.getAssetPath("premium-crown.svg")}),k&&e.createElement(Na,null)),e.createElement("div",{className:"content"},e.createElement("div",{className:"inner-content"},e.createElement(p,{style:T,className:"label",size:V,weight:"caption"},e.createElement("a",{className:Ea,"data-event-category":v,"data-event-action":m,"data-event-label":E,href:o||"#",onClick:$},r),N&&e.createElement("a",{className:"bookmark",onClick:R},C?e.createElement(Ba,{dataEventCategoryForBookmark:h,dataEventActionForBookmark:d,dataEventLabelForBookmark:f}):e.createElement(za,{dataEventCategoryForBookmark:h,dataEventActionForBookmark:d,dataEventLabelForBookmark:f}))),e.createElement(K,{tag:W,style:M,className:"title",as:"lg"===P?"h2":"h3"},e.createElement("a",{className:Ea,"data-event-category":b,"data-event-action":g,"data-event-label":x,href:t||"#",target:F},j)),A&&e.createElement("a",{href:t||"#",target:F},e.createElement(p,{size:U,className:"text"},A))),e.createElement("div",{className:"footer"},"author"===O?e.createElement(ka,{size:P,avatarImg:i,authorName:n,authorLink:a,uploadTime:_,handleClick:R,isBookmarked:C,dataEventCategoryForBookmark:h,dataEventActionForBookmark:d,dataEventLabelForBookmark:f}):e.createElement(Ca,{size:P,isMobile:B,avatarImg:i,specialty:D,name:n,link:a,handleClick:R,isBookmarked:C,dataEventCategoryForBookmark:h,dataEventActionForBookmark:d,dataEventLabelForBookmark:f}))))},Sa=t=>{var a,n,i,{article:l,author:o,authorAvatar:r,badge:s="",hideDescription:c=!1,isBookmarked:d=!1,onBookmark:m,time:g,tracking:u}=t,h=J(t,["article","author","authorAvatar","badge","hideDescription","isBookmarked","onBookmark","time","tracking"]);const{isMobile:v}=_();return console.log({article:l}),e.createElement(le,Object.assign({padding:0,radius:0,sx:{display:"flex",flexDirection:"row",gap:24}},h),e.createElement(le.Section,{w:"100%",h:"100%",miw:264,m:0,className:"pointer"},e.createElement("img",{src:(v?l.featureImageMobile:l.featureImage)||l.featureImage,alt:l.postName,style:{width:"100%"},loading:"lazy"})),e.createElement(le.Section,null,e.createElement(oe,{position:"apart",mt:16,mb:4},e.createElement(F,{href:(null===(a=null==l?void 0:l.primaryCategory)||void 0===a?void 0:a.permalink)||"#"},e.createElement(p,{size:"p4",color:"blue.6"},null===(n=null==l?void 0:l.primaryCategory)||void 0===n?void 0:n.displayName)),e.createElement(te,{sx:{cursor:"pointer"},role:"button",onClick:m},d?e.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},null==u?void 0:u.bookmark),e.createElement("path",{d:"M6.775 19.7C6.475 19.8333 6.18733 19.8123 5.912 19.637C5.63733 19.4623 5.5 19.2083 5.5 18.875V5.3C5.5 4.8 5.675 4.375 6.025 4.025C6.375 3.675 6.8 3.5 7.3 3.5H16.7C17.2 3.5 17.625 3.675 17.975 4.025C18.325 4.375 18.5 4.8 18.5 5.3V18.875C18.5 19.2083 18.3623 19.4623 18.087 19.637C17.8123 19.8123 17.525 19.8333 17.225 19.7L12 17.45L6.775 19.7Z",fill:"#595959"})):e.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},null==u?void 0:u.bookmark),e.createElement("path",{d:"M7 17.95L12 15.8L17 17.95V5.3C17 5.23333 16.9667 5.16667 16.9 5.1C16.8333 5.03333 16.7667 5 16.7 5H7.3C7.23333 5 7.16667 5.03333 7.1 5.1C7.03333 5.16667 7 5.23333 7 5.3V17.95ZM6.775 19.7C6.475 19.8333 6.18733 19.8123 5.912 19.637C5.63733 19.4623 5.5 19.2083 5.5 18.875V5.3C5.5 4.8 5.675 4.375 6.025 4.025C6.375 3.675 6.8 3.5 7.3 3.5H16.7C17.2 3.5 17.625 3.675 17.975 4.025C18.325 4.375 18.5 4.8 18.5 5.3V18.875C18.5 19.2083 18.3623 19.4623 18.087 19.637C17.8123 19.8123 17.525 19.8333 17.225 19.7L12 17.45L6.775 19.7ZM7 5H17H12H7Z",fill:"#595959"})))),e.createElement(p,{size:c?"s2":"s1",mb:8,weight:"semiBold",className:"pointer"},l.postTitle||l.postName||""),!c&&e.createElement(p,{size:"p2",mb:16,lineClamp:3,className:"pointer"},fe(l.excerpt||l.description||(null===(i=l.postContent)||void 0===i?void 0:i.split("\r\n")[0])||"")),e.createElement(ne,{gap:12,align:"center"},e.createElement(H,{size:32,src:r,withIndicator:!0,indicatorConfig:{offset:5,size:18,label:e.createElement("img",{loading:"lazy",src:s,alt:""})}},"A"),e.createElement(p,{size:"n1",c:"gray.6"},o," • ",g))))};var Pa=re(((e,{})=>({root:{},image:{},title:{},category:{},description:{},author:{}})));const Da=648/440,La=1.5,Ia=t=>{var a,n,l,{article:o,author:r,authorAvatar:s,badge:c="",bannerImageWrapProps:d,hideDescription:m=!1,isBookmarked:g=!1,onBookmark:u,time:h,tracking:v,classNames:b,styles:y,unstyled:f,className:E}=t,x=J(t,["article","author","authorAvatar","badge","bannerImageWrapProps","hideDescription","isBookmarked","onBookmark","time","tracking","classNames","styles","unstyled","className"]);const{isMobile:w}=_(),{classes:k,cx:C}=Pa({},{name:"ArticleCard",classNames:b,styles:y,unstyled:f}),N=i((()=>m?La:Da),[m]);return e.createElement(le,Object.assign({className:C(k.root,E),padding:"lg",radius:0},x),e.createElement(le.Section,{className:C(k.image,"pointer")},e.createElement(R,Object.assign({ratio:N},d),e.createElement("img",{src:(w?o.featureImageMobile:o.featureImage)||o.featureImage,alt:o.postName,style:{objectFit:"cover"}}))),e.createElement(le.Section,null,e.createElement(oe,{position:"apart",mt:16,mb:4},e.createElement(F,{className:k.category,href:(null===(a=null==o?void 0:o.primaryCategory)||void 0===a?void 0:a.permalink)||"#"},e.createElement(p,{size:"p4",color:"blue.6"},null===(n=null==o?void 0:o.primaryCategory)||void 0===n?void 0:n.displayName)),e.createElement(te,{sx:{cursor:"pointer"},role:"button",onClick:u},g?e.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},null==v?void 0:v.bookmark),e.createElement("path",{d:"M6.775 19.7C6.475 19.8333 6.18733 19.8123 5.912 19.637C5.63733 19.4623 5.5 19.2083 5.5 18.875V5.3C5.5 4.8 5.675 4.375 6.025 4.025C6.375 3.675 6.8 3.5 7.3 3.5H16.7C17.2 3.5 17.625 3.675 17.975 4.025C18.325 4.375 18.5 4.8 18.5 5.3V18.875C18.5 19.2083 18.3623 19.4623 18.087 19.637C17.8123 19.8123 17.525 19.8333 17.225 19.7L12 17.45L6.775 19.7Z",fill:"#595959"})):e.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},null==v?void 0:v.bookmark),e.createElement("path",{d:"M7 17.95L12 15.8L17 17.95V5.3C17 5.23333 16.9667 5.16667 16.9 5.1C16.8333 5.03333 16.7667 5 16.7 5H7.3C7.23333 5 7.16667 5.03333 7.1 5.1C7.03333 5.16667 7 5.23333 7 5.3V17.95ZM6.775 19.7C6.475 19.8333 6.18733 19.8123 5.912 19.637C5.63733 19.4623 5.5 19.2083 5.5 18.875V5.3C5.5 4.8 5.675 4.375 6.025 4.025C6.375 3.675 6.8 3.5 7.3 3.5H16.7C17.2 3.5 17.625 3.675 17.975 4.025C18.325 4.375 18.5 4.8 18.5 5.3V18.875C18.5 19.2083 18.3623 19.4623 18.087 19.637C17.8123 19.8123 17.525 19.8333 17.225 19.7L12 17.45L6.775 19.7ZM7 5H17H12H7Z",fill:"#595959"})))),e.createElement(p,{className:C(k.title,"pointer"),size:m?"s2":"s1",mb:8,weight:"semiBold"},o.postTitle||o.postName||""),!m&&e.createElement(p,{className:C(k.description,"pointer"),size:"p2",mb:16,lineClamp:3},fe(o.excerpt||o.description||(null===(l=o.postContent)||void 0===l?void 0:l.split("\r\n")[0])||"")),e.createElement(ne,{className:k.author,gap:12,align:"center"},e.createElement(H,{size:32,src:s,withIndicator:!0,indicatorConfig:{offset:5,size:18,label:e.createElement("img",{loading:"lazy",src:c,alt:""})}},"A"),e.createElement(p,{size:"n1",c:"gray.6"},r," • ",h))))},Ta=t=>{var{variant:a="vertical"}=t,n=J(t,["variant"]);return"horizontal"===a?e.createElement(Sa,Object.assign({},n)):e.createElement(Ia,Object.assign({},n))},Ma=Le.a`
   display: flex;
   height: 125px;
 

package/build/esm/index-575f65cb.js

@@ -0,0 +1 @@
+import{_ as e}from"./tslib.es6-1ab8a2bb.js";import t,{useState as n,useEffect as o}from"react";import{useDebouncedValue as a}from"@mantine/hooks";import{D as s,g as i,B as r,h as l}from"./index-4004c359.js";const m=m=>{var{color:c,withControl:h,onChange:u,value:d,min:g,max:k,isStatic:p,containerClassName:v,containerStyle:b}=m,C=e(m,["color","withControl","onChange","value","min","max","isStatic","containerClassName","containerStyle"]);const[x,E]=n(d||g||0),[w]=a(x,s);return o((()=>{null==u||u(w)}),[w]),o((()=>{E(d)}),[d]),t.createElement(i,{className:v,style:b},h&&t.createElement(r,{type:"button",size:"sm",color:"ghost",onClick:()=>{E((e=>g&&e===g?e:e-1))}},t.createElement("svg",{width:"10",height:"10",fill:"none",viewBox:"0 0 12 3"},t.createElement("path",{d:"M1 1.004h8",stroke:c,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),t.createElement(l,Object.assign({thumbSize:21,labelAlwaysOn:!0,radius:"xl",color:c,value:x,onChange:p?()=>null:E,min:g,max:k},C,{className:"hhg-mantine-slider "+(C.className||"")})),h&&t.createElement(r,{type:"button",size:"sm",variant:"ghost",onClick:()=>{E((e=>k&&e===k?e:e+1))}},t.createElement("svg",{width:"16",height:"20",fill:"none",viewBox:"0 0 16 16"},t.createElement("path",{d:"M8 4v8M4 8h8",stroke:c,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))))};export{m as S};

package/build/esm/{index-13dc1f44.js → index-7f4008ff.js}

@@ -1 +1 @@
-import{_ as e}from"./tslib.es6-266309d1.js";import t from"react";import{t as r}from"./theme-3db3c9a8.js";import{S as o,E as a,W as l,w as s}from"./utils-970ce0c0.js";const i={Share:o,Eye:a,WhatsApp:l,ArrowRightTail:o=>{var{size:a=24,color:l=r.colors.gray600,useCurrentColor:s,isActive:i,activeColor:c=r.colors.primaryBase}=o,n=e(o,["size","color","useCurrentColor","isActive","activeColor"]);const q=s?"currentColor":i?c:l,h=Object.assign({width:a,height:a},n);return t.createElement("svg",Object.assign({viewBox:"0 0 18 18",fill:"none"},h),t.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.74707 4.22754C9.89332 4.08091 10.0854 4.00635 10.2773 4.00635C10.4692 4.00635 10.661 4.08091 10.8076 4.22754L15.0498 8.46973C15.3431 8.76223 15.3431 9.23702 15.0498 9.53027L10.8076 13.7725C10.5151 14.0657 10.0403 14.0657 9.74707 13.7725L9.68262 13.708C9.38937 13.4155 9.38937 12.9407 9.68262 12.6475L12.5801 9.75H2.77734C2.36334 9.75 2.02734 9.414 2.02734 9C2.02734 8.586 2.36334 8.25 2.77734 8.25H12.5801L9.68262 5.35254C9.38937 5.06004 9.38937 4.58524 9.68262 4.29199L9.74707 4.22754Z",fill:q}))},Spinner:s,Cart:o=>{var{size:a=24,color:l=r.colors.gray600,useCurrentColor:s,isActive:i,isSolid:c,activeColor:n=r.colors.primaryBase}=o,q=e(o,["size","color","useCurrentColor","isActive","isSolid","activeColor"]);const h=s?"currentColor":i?n:l,C=Object.assign({width:a,height:a},q);return c?t.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},C),t.createElement("path",{d:"M7.154 21.558q-.73 0-1.24-.51-.51-.511-.51-1.24 0-.73.51-1.24t1.24-.51q.729 0 1.24.51.51.51.51 1.24 0 .729-.51 1.24-.511.51-1.24.51m9.692 0q-.729 0-1.24-.51-.51-.511-.51-1.24 0-.73.51-1.24.511-.51 1.24-.51.73 0 1.24.51t.51 1.24-.51 1.24-1.24.51M5.296 4.25h13.885q.613 0 .928.522t.03 1.066l-3.204 5.804a1.8 1.8 0 0 1-.651.674 1.7 1.7 0 0 1-.888.242H8.1l-1.158 2.115q-.077.115-.005.25.073.135.217.135h10.692q.32 0 .535.215a.73.73 0 0 1 .215.535.73.73 0 0 1-.215.534.73.73 0 0 1-.535.216H7.154q-1 0-1.503-.863-.503-.862-.036-1.722l1.427-2.565L3.404 3.75H2.25a.73.73 0 0 1-.535-.215A.73.73 0 0 1 1.5 3q0-.32.215-.535a.73.73 0 0 1 .535-.215h1.529a.9.9 0 0 1 .813.517z",fill:h})):t.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},C),t.createElement("path",{d:"M7.154 21.558q-.73 0-1.24-.51-.51-.511-.51-1.24 0-.73.51-1.24t1.24-.51q.729 0 1.24.51.51.51.51 1.24 0 .729-.51 1.24-.511.51-1.24.51m9.692 0q-.729 0-1.24-.51-.51-.511-.51-1.24 0-.73.51-1.24.511-.51 1.24-.51.73 0 1.24.51t.51 1.24-.51 1.24-1.24.51M6.016 5.75l2.534 5.308h6.817a.3.3 0 0 0 .154-.044.4.4 0 0 0 .116-.12l2.682-4.875q.058-.105.01-.187t-.164-.082zm-.72-1.5h13.885q.613 0 .928.522.315.523.03 1.066l-3.204 5.804a1.8 1.8 0 0 1-.651.674 1.7 1.7 0 0 1-.888.242H8.1l-1.158 2.115q-.077.115-.005.25.073.135.217.135h10.692q.32 0 .535.215a.73.73 0 0 1 .215.535.73.73 0 0 1-.215.534.73.73 0 0 1-.535.216H7.154q-1 0-1.503-.863-.503-.862-.036-1.722l1.427-2.565L3.404 3.75H2.25a.73.73 0 0 1-.535-.215A.73.73 0 0 1 1.5 3q0-.32.215-.535a.73.73 0 0 1 .535-.215h1.529a.9.9 0 0 1 .813.517z",fill:h}))},CartWithAdd:o=>{var{size:a=24,color:l=r.colors.gray600,useCurrentColor:s,isActive:i,activeColor:c=r.colors.primaryBase}=o,n=e(o,["size","color","useCurrentColor","isActive","activeColor"]);const q=s?"currentColor":i?c:l,h=Object.assign({width:a,height:a},n);return t.createElement("svg",Object.assign({viewBox:"0 0 19 19",fill:"none",xmlns:"http://www.w3.org/2000/svg"},h),t.createElement("path",{d:"M8.938 4.812H7.25a.54.54 0 0 1-.4-.161.55.55 0 0 1-.162-.401q0-.24.161-.401a.55.55 0 0 1 .401-.162h1.688V2q0-.24.161-.4a.55.55 0 0 1 .401-.163q.24 0 .4.162a.55.55 0 0 1 .162.401v1.688h1.688q.24 0 .4.161a.55.55 0 0 1 .162.401q0 .24-.161.4a.55.55 0 0 1-.401.162h-1.687V6.5q0 .24-.162.4a.55.55 0 0 1-.401.162.54.54 0 0 1-.4-.161.55.55 0 0 1-.162-.401zM5.865 16.668q-.546 0-.93-.383a1.27 1.27 0 0 1-.382-.93q0-.546.383-.929t.93-.383.929.383.383.93q0 .546-.383.93a1.27 1.27 0 0 1-.93.382m7.27 0q-.547 0-.93-.383a1.27 1.27 0 0 1-.383-.93q0-.546.383-.929t.93-.383.93.383.382.93q0 .546-.383.93a1.27 1.27 0 0 1-.93.382M3.053 3.312h-.865a.54.54 0 0 1-.401-.161.55.55 0 0 1-.162-.401q0-.24.162-.4a.55.55 0 0 1 .4-.162h1.158q.192 0 .36.1a.63.63 0 0 1 .25.287l2.946 6.218h5.113q.065 0 .115-.032a.3.3 0 0 0 .087-.09l2.618-4.702a.5.5 0 0 1 .198-.21.56.56 0 0 1 .28-.071q.324 0 .485.275.162.276.006.557L13.2 9.232a1.35 1.35 0 0 1-.489.505q-.303.18-.665.181H6.575l-.868 1.587q-.058.086-.004.187t.162.101h8.02q.239 0 .4.162a.55.55 0 0 1 .162.401q0 .24-.162.4a.55.55 0 0 1-.4.162h-8.02q-.75 0-1.133-.64-.383-.642-.02-1.298l1.07-1.924z",fill:q}))}};export{i as I};
+import{_ as e}from"./tslib.es6-1ab8a2bb.js";import t from"react";import{t as r}from"./theme-691eca44.js";import{S as a,E as o,W as l,w as s}from"./utils-581f9d39.js";const i={Share:a,Eye:o,WhatsApp:l,ArrowRightTail:a=>{var{size:o=24,color:l=r.colors.gray600,useCurrentColor:s,isActive:i,activeColor:c=r.colors.primaryBase}=a,n=e(a,["size","color","useCurrentColor","isActive","activeColor"]);const q=s?"currentColor":i?c:l,h=Object.assign({width:o,height:o},n);return t.createElement("svg",Object.assign({viewBox:"0 0 18 18",fill:"none"},h),t.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.74707 4.22754C9.89332 4.08091 10.0854 4.00635 10.2773 4.00635C10.4692 4.00635 10.661 4.08091 10.8076 4.22754L15.0498 8.46973C15.3431 8.76223 15.3431 9.23702 15.0498 9.53027L10.8076 13.7725C10.5151 14.0657 10.0403 14.0657 9.74707 13.7725L9.68262 13.708C9.38937 13.4155 9.38937 12.9407 9.68262 12.6475L12.5801 9.75H2.77734C2.36334 9.75 2.02734 9.414 2.02734 9C2.02734 8.586 2.36334 8.25 2.77734 8.25H12.5801L9.68262 5.35254C9.38937 5.06004 9.38937 4.58524 9.68262 4.29199L9.74707 4.22754Z",fill:q}))},Spinner:s,Cart:a=>{var{size:o=24,color:l=r.colors.gray600,useCurrentColor:s,isActive:i,isSolid:c,activeColor:n=r.colors.primaryBase}=a,q=e(a,["size","color","useCurrentColor","isActive","isSolid","activeColor"]);const h=s?"currentColor":i?n:l,C=Object.assign({width:o,height:o},q);return c?t.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},C),t.createElement("path",{d:"M7.154 21.558q-.73 0-1.24-.51-.51-.511-.51-1.24 0-.73.51-1.24t1.24-.51q.729 0 1.24.51.51.51.51 1.24 0 .729-.51 1.24-.511.51-1.24.51m9.692 0q-.729 0-1.24-.51-.51-.511-.51-1.24 0-.73.51-1.24.511-.51 1.24-.51.73 0 1.24.51t.51 1.24-.51 1.24-1.24.51M5.296 4.25h13.885q.613 0 .928.522t.03 1.066l-3.204 5.804a1.8 1.8 0 0 1-.651.674 1.7 1.7 0 0 1-.888.242H8.1l-1.158 2.115q-.077.115-.005.25.073.135.217.135h10.692q.32 0 .535.215a.73.73 0 0 1 .215.535.73.73 0 0 1-.215.534.73.73 0 0 1-.535.216H7.154q-1 0-1.503-.863-.503-.862-.036-1.722l1.427-2.565L3.404 3.75H2.25a.73.73 0 0 1-.535-.215A.73.73 0 0 1 1.5 3q0-.32.215-.535a.73.73 0 0 1 .535-.215h1.529a.9.9 0 0 1 .813.517z",fill:h})):t.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},C),t.createElement("path",{d:"M7.154 21.558q-.73 0-1.24-.51-.51-.511-.51-1.24 0-.73.51-1.24t1.24-.51q.729 0 1.24.51.51.51.51 1.24 0 .729-.51 1.24-.511.51-1.24.51m9.692 0q-.729 0-1.24-.51-.51-.511-.51-1.24 0-.73.51-1.24.511-.51 1.24-.51.73 0 1.24.51t.51 1.24-.51 1.24-1.24.51M6.016 5.75l2.534 5.308h6.817a.3.3 0 0 0 .154-.044.4.4 0 0 0 .116-.12l2.682-4.875q.058-.105.01-.187t-.164-.082zm-.72-1.5h13.885q.613 0 .928.522.315.523.03 1.066l-3.204 5.804a1.8 1.8 0 0 1-.651.674 1.7 1.7 0 0 1-.888.242H8.1l-1.158 2.115q-.077.115-.005.25.073.135.217.135h10.692q.32 0 .535.215a.73.73 0 0 1 .215.535.73.73 0 0 1-.215.534.73.73 0 0 1-.535.216H7.154q-1 0-1.503-.863-.503-.862-.036-1.722l1.427-2.565L3.404 3.75H2.25a.73.73 0 0 1-.535-.215A.73.73 0 0 1 1.5 3q0-.32.215-.535a.73.73 0 0 1 .535-.215h1.529a.9.9 0 0 1 .813.517z",fill:h}))},CartWithAdd:a=>{var{size:o=24,color:l=r.colors.gray600,useCurrentColor:s,isActive:i,activeColor:c=r.colors.primaryBase}=a,n=e(a,["size","color","useCurrentColor","isActive","activeColor"]);const q=s?"currentColor":i?c:l,h=Object.assign({width:o,height:o},n);return t.createElement("svg",Object.assign({viewBox:"0 0 19 19",fill:"none",xmlns:"http://www.w3.org/2000/svg"},h),t.createElement("path",{d:"M8.938 4.812H7.25a.54.54 0 0 1-.4-.161.55.55 0 0 1-.162-.401q0-.24.161-.401a.55.55 0 0 1 .401-.162h1.688V2q0-.24.161-.4a.55.55 0 0 1 .401-.163q.24 0 .4.162a.55.55 0 0 1 .162.401v1.688h1.688q.24 0 .4.161a.55.55 0 0 1 .162.401q0 .24-.161.4a.55.55 0 0 1-.401.162h-1.687V6.5q0 .24-.162.4a.55.55 0 0 1-.401.162.54.54 0 0 1-.4-.161.55.55 0 0 1-.162-.401zM5.865 16.668q-.546 0-.93-.383a1.27 1.27 0 0 1-.382-.93q0-.546.383-.929t.93-.383.929.383.383.93q0 .546-.383.93a1.27 1.27 0 0 1-.93.382m7.27 0q-.547 0-.93-.383a1.27 1.27 0 0 1-.383-.93q0-.546.383-.929t.93-.383.93.383.382.93q0 .546-.383.93a1.27 1.27 0 0 1-.93.382M3.053 3.312h-.865a.54.54 0 0 1-.401-.161.55.55 0 0 1-.162-.401q0-.24.162-.4a.55.55 0 0 1 .4-.162h1.158q.192 0 .36.1a.63.63 0 0 1 .25.287l2.946 6.218h5.113q.065 0 .115-.032a.3.3 0 0 0 .087-.09l2.618-4.702a.5.5 0 0 1 .198-.21.56.56 0 0 1 .28-.071q.324 0 .485.275.162.276.006.557L13.2 9.232a1.35 1.35 0 0 1-.489.505q-.303.18-.665.181H6.575l-.868 1.587q-.058.086-.004.187t.162.101h8.02q.239 0 .4.162a.55.55 0 0 1 .162.401q0 .24-.162.4a.55.55 0 0 1-.4.162h-8.02q-.75 0-1.133-.64-.383-.642-.02-1.298l1.07-1.924z",fill:q}))}};export{i as I};

package/build/esm/{index-a83aad1c.js → index-81dbde00.js}

@@ -1,4 +1,4 @@
-import e,{useRef as a,useState as r,useEffect as t}from"react";import{I as i}from"./index-13dc1f44.js";import{u as o}from"./useTranslations-df1b3bb8.js";import{format as n}from"date-fns";import c from"react-day-picker/DayPickerInput";import d from"styled-components";import{t as s}from"./theme-3db3c9a8.js";var l="tliWyii";const p=({className:a,theme:r,hideText:t})=>{const{t:n}=o();return e.createElement("div",{className:`${l} ${a}`},e.createElement(i.Spinner,{isMarryBaby:"marryBaby"===r}),!t&&n("loading"))},y={"vi-VN":["Tháng 1","Tháng 2","Tháng 3","Tháng 4","Tháng 5","Tháng 6","Tháng 7","Tháng 8","Tháng 9","Tháng 10","Tháng 11","Tháng 12"],"id-ID":["Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember"],"ms-MY":["Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember"],"km-KH":["មករា","ខែកុម្ភៈ","មីនា","ខែមេសា","ឧសភា","មិថុនា","ខែកក្កដា","សីហា","ខែកញ្ញា","តុលា","វិច្ឆិកា","ធ្នូ"],"en-PH":["January","February","March","April","May","June","July","August","September","October","November","December"],"th-TH":["มกราคม","กุมภาพันธ์","มีนาคม","เมษายน","อาจ","มิถุนายน","กรกฎาคม","สิงหาคม","กันยายน","ตุลาคม","พฤศจิกายน","ธันวาคม"],"my-MM":["ဇန်နဝါရီလ","ဖေဖော်ဝါရီလ","မတ်လ","ပြီလ","မေလ","ဇွန","ဇူလိုင်လ","သြဂုတ်လ","စက်တင်ဘာ","အောက်တိုဘာ","နိုဝင်ဘာ","ဒီဇင်ဘာ"],"zh-TW":["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],"hi-IN":["जनवरी","फ़रवरी","जुलूस","अप्रैल","मई","जून","जुलाई","अगस्त","सितंबर","अक्टूबर","नवंबर","दिसंबर"]},u=d.div`
+import e,{useRef as a,useState as r,useEffect as t}from"react";import{I as i}from"./index-7f4008ff.js";import{u as o}from"./useTranslations-06f29a74.js";import{format as n}from"date-fns";import c from"react-day-picker/DayPickerInput";import s from"styled-components";import{t as d}from"./theme-691eca44.js";var l="tliWyii";const p=({className:a,theme:r,hideText:t})=>{const{t:n}=o();return e.createElement("div",{className:`${l} ${a}`},e.createElement(i.Spinner,{isMarryBaby:"marryBaby"===r}),!t&&n("loading"))},y={"vi-VN":["Tháng 1","Tháng 2","Tháng 3","Tháng 4","Tháng 5","Tháng 6","Tháng 7","Tháng 8","Tháng 9","Tháng 10","Tháng 11","Tháng 12"],"id-ID":["Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember"],"ms-MY":["Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember"],"km-KH":["មករា","ខែកុម្ភៈ","មីនា","ខែមេសា","ឧសភា","មិថុនា","ខែកក្កដា","សីហា","ខែកញ្ញា","តុលា","វិច្ឆិកា","ធ្នូ"],"en-PH":["January","February","March","April","May","June","July","August","September","October","November","December"],"th-TH":["มกราคม","กุมภาพันธ์","มีนาคม","เมษายน","อาจ","มิถุนายน","กรกฎาคม","สิงหาคม","กันยายน","ตุลาคม","พฤศจิกายน","ธันวาคม"],"my-MM":["ဇန်နဝါရီလ","ဖေဖော်ဝါရီလ","မတ်လ","ပြီလ","မေလ","ဇွန","ဇူလိုင်လ","သြဂုတ်လ","စက်တင်ဘာ","အောက်တိုဘာ","နိုဝင်ဘာ","ဒီဇင်ဘာ"],"zh-TW":["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],"hi-IN":["जनवरी","फ़रवरी","जुलूस","अप्रैल","मई","जून","जुलाई","अगस्त","सितंबर","अक्टूबर","नवंबर","दिसंबर"]},u=s.div`
   .pickerContainer {
     position: relative;
     padding-top: 0;
@@ -39,7 +39,7 @@ import e,{useRef as a,useState as r,useEffect as t}from"react";import{I as i}fro
   .pickerOverlay {
     margin-top: 6px;
     background: white;
-    border-radius: ${s.borderRadius};
+    border-radius: ${d.borderRadius};
     box-shadow: 0px 6px 12px rgba(67, 86, 100, 0.2);
   }
 
@@ -61,7 +61,7 @@ import e,{useRef as a,useState as r,useEffect as t}from"react";import{I as i}fro
 
     .svg {
       cursor: pointer;
-      stroke: ${s.colors.gray800};
+      stroke: ${d.colors.gray800};
     }
     .react-datepicker__day {
       width: 40px;
@@ -77,7 +77,7 @@ import e,{useRef as a,useState as r,useEffect as t}from"react";import{I as i}fro
     }
 
     .react-datepicker__day {
-      font-weight: ${s.sizes.fwBold};
+      font-weight: ${d.sizes.fwBold};
     }
 
     .react-datepicker__day--selected,
@@ -88,7 +88,7 @@ import e,{useRef as a,useState as r,useEffect as t}from"react";import{I as i}fro
       height: 30px;
       margin: 4px;
       margin-bottom: -2px;
-      background: ${s.colors.primaryBase};
+      background: ${d.colors.primaryBase};
       border-radius: 50%;
     }
 
@@ -105,12 +105,12 @@ import e,{useRef as a,useState as r,useEffect as t}from"react";import{I as i}fro
         stroke: #262626;
       }
       select {
-        background: ${s.colors.neutral100};
+        background: ${d.colors.neutral100};
         text-align: center;
         &:not(:last-child) {
           padding: 8px 10px;
           margin-right: 15px;
-          border-radius: ${s.borderRadius};
+          border-radius: ${d.borderRadius};
         }
       }
     }
@@ -319,9 +319,9 @@ import e,{useRef as a,useState as r,useEffect as t}from"react";import{I as i}fro
     ) {
     position: relative;
 
-    background-color: ${s.colors.primaryBase};
+    background-color: ${d.colors.primaryBase};
     color: #f0f8ff;
-    font-weight: ${s.sizes.fwBold};
+    font-weight: ${d.sizes.fwBold};
   }
 
   .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(
@@ -355,7 +355,7 @@ import e,{useRef as a,useState as r,useEffect as t}from"react";import{I as i}fro
     background: white;
     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
   }
-`,g=d.form`
+`,g=s.form`
   display: flex;
   width: 100%;
 
@@ -369,7 +369,7 @@ import e,{useRef as a,useState as r,useEffect as t}from"react";import{I as i}fro
   & * {
     height: 46px;
     padding: 10px 10px;
-    background: ${s.colors.neutral100};
-    border-radius: ${s.borderRadius};
+    background: ${d.colors.neutral100};
+    border-radius: ${d.borderRadius};
   }
-`,k=({alignRight:i=!0,placeholder:o,displayDateFormat:d,onChange:s,customInput:l,pickedDate:p,className:k,isStatic:m,disabledDays:h,modifiers:b,UnHideOnClickOutside:D,initialMonth:x,locale:f="en-PH"})=>{const v=a(!1),w=n,[P,_]=r(x||new Date),E=a(null),C=a(null),M=y[f],O=e=>{D||E.current&&E.current.contains(e.target)||C.current&&C.current.hideDayPicker()},N=(new Date).getFullYear(),T=new Date(N-150,0),B=new Date(N+1,0),W=({date:a,onChange:r,monthLabels:t})=>{const i=[];for(let e=B.getFullYear();e>=T.getFullYear();e-=1)i.push(e);const o=function(e){const{year:a,month:t}=e.target.form;r(new Date(a.value,t.value))};return e.createElement("div",{className:"DayPicker-Caption"},e.createElement(g,null,e.createElement("select",{name:"month",onChange:o,value:a.getMonth()},t.map(((a,r)=>e.createElement("option",{key:a,value:r},a)))),e.createElement("select",{name:"year",onChange:o,value:a.getFullYear()},i.map((a=>e.createElement("option",{key:a,value:a},a))))))};return t((()=>(document.addEventListener("mousedown",O,{passive:!0}),()=>{document.removeEventListener("mousedown",O,!1)})),[]),e.createElement(u,{className:k,"data-align-right":i,ref:E,"data-is-static":m||void 0},e.createElement(c,{ref:C,inputProps:{readOnly:!0},keepFocus:!1,classNames:{container:"pickerContainer",overlayWrapper:"pickerOverlayWrapper",overlay:"pickerOverlay"},component:l&&e.forwardRef(((a,r)=>e.createElement(l,Object.assign({},a)))),onDayPickerHide:()=>{v.current=!1},onDayPickerShow:()=>{v.current=!0},dayPickerProps:{month:P,className:"picker",selectedDays:p,canChangeMonth:!0,enableOutsideDaysClick:!m,firstDayOfWeek:1,captionElement:({date:a,localeUtils:r})=>{const t=null==r?void 0:r.getMonths();return e.createElement(W,{date:a,monthLabels:M||t,onChange:_})},disabledDays:h||void 0,modifiers:b},format:d||"yyyy-MM-dd",formatDate:(e,a)=>w(e,a),hideOnDayClick:!m,placeholder:o||"",onDayChange:e=>{var a;a=e,C.current&&!m&&C.current.hideDayPicker(),s&&s(a)},showOverlay:m}))};export{k as D,p as L};
+`,k=({alignRight:i=!0,placeholder:o,displayDateFormat:s,onChange:d,customInput:l,pickedDate:p,className:k,isStatic:m,disabledDays:h,modifiers:b,UnHideOnClickOutside:D,initialMonth:x,locale:f="en-PH"})=>{const v=a(!1),w=n,[P,_]=r(x||new Date),E=a(null),C=a(null),M=y[f],O=e=>{D||E.current&&E.current.contains(e.target)||C.current&&C.current.hideDayPicker()},N=(new Date).getFullYear(),T=new Date(N-150,0),B=new Date(N+1,0),W=({date:a,onChange:r,monthLabels:t})=>{const i=[];for(let e=B.getFullYear();e>=T.getFullYear();e-=1)i.push(e);const o=function(e){const{year:a,month:t}=e.target.form;r(new Date(a.value,t.value))};return e.createElement("div",{className:"DayPicker-Caption"},e.createElement(g,null,e.createElement("select",{name:"month",onChange:o,value:a.getMonth()},t.map(((a,r)=>e.createElement("option",{key:a,value:r},a)))),e.createElement("select",{name:"year",onChange:o,value:a.getFullYear()},i.map((a=>e.createElement("option",{key:a,value:a},a))))))};return t((()=>(document.addEventListener("mousedown",O,{passive:!0}),()=>{document.removeEventListener("mousedown",O,!1)})),[]),e.createElement(u,{className:k,"data-align-right":i,ref:E,"data-is-static":m||void 0},e.createElement(c,{ref:C,inputProps:{readOnly:!0},keepFocus:!1,classNames:{container:"pickerContainer",overlayWrapper:"pickerOverlayWrapper",overlay:"pickerOverlay"},component:l&&e.forwardRef(((a,r)=>e.createElement(l,Object.assign({},a)))),onDayPickerHide:()=>{v.current=!1},onDayPickerShow:()=>{v.current=!0},dayPickerProps:{month:P,className:"picker",selectedDays:p,canChangeMonth:!0,enableOutsideDaysClick:!m,firstDayOfWeek:1,captionElement:({date:a,localeUtils:r})=>{const t=null==r?void 0:r.getMonths();return e.createElement(W,{date:a,monthLabels:M||t,onChange:_})},disabledDays:h||void 0,modifiers:b},format:s||"yyyy-MM-dd",formatDate:(e,a)=>w(e,a),hideOnDayClick:!m,placeholder:o||"",onDayChange:e=>{var a;a=e,C.current&&!m&&C.current.hideDayPicker(),d&&d(a)},showOverlay:m}))};export{k as D,p as L};

package/build/esm/{index-d27a0e25.js → index-99348fe5.js}

@@ -1 +1 @@
-import{_ as e}from"./tslib.es6-266309d1.js";import l from"react";import{rem as o,createStyles as t,Text as i}from"@mantine/core";var s;!function(e){e[e.regular=400]="regular",e[e.semiBold=600]="semiBold",e[e.bold=700]="bold"}(s||(s={}));const a={fontSize:{base:[o(16),o(16)],lg:[o(18),o(16)],md:[o(18),o(16)],sm:[o(16),o(14)],xs:[o(14),o(12)],s1:[o(22),o(18)],s2:[o(18),o(16)],s3:[o(16),o(14)],s4:[o(14),o(12)],s5:[o(12),o(12)],p1:[o(18),o(16)],p2:[o(16),o(16)],p3:[o(16),o(14)],p4:[o(14),o(12)],p5:[o(12),o(12)],c1:[o(16),o(14)],c2:[o(14),o(12)],n1:[o(12),o(12)],label1:[o(14),o(14)],label2:[o(12),o(12)],h1:[o(40),o(26)],h2:[o(32),o(24)],h3:[o(26),o(20)],h4:[o(22),o(18)],h5:[o(18),o(16)],h6:[o(16),o(14)]},lineHeight:{base:[o(24),o(24)],lg:[o(32),o(28)],md:[o(32),o(28)],sm:[o(24),o(22)],xs:[o(24),o(18)],s1:[o(32),o(26)],s2:[o(28),o(24)],s3:[o(24),o(24)],s4:[o(22),o(18)],s5:[o(18),o(18)],p1:[o(28),o(28)],p2:[o(24),o(24)],p3:[o(24),o(22)],p4:[o(22),o(18)],c1:[o(24),o(22)],c2:[o(22),o(18)],n1:[o(18),o(18)],label1:[o(22),o(22)],label2:[o(18),o(18)],h1:[o(52),o(34)],h2:[o(42),o(32)],h3:[o(36),o(26)],h4:[o(32),o(26)],h5:[o(28),o(24)],h6:[o(24),o(22)]},letterSpacing:{lg:[-.2,0],md:[-.2,0],sm:[0,-.2],s1:[-.6,-.6],s2:[-.4,-.2],s3:[0,-.2],s4:[0,-.2],p1:[-.2,-.2],p2:[0,-.2],p3:[0,-.2],p4:[-.2,0],label1:[0,-.2],h1:[-1.2,-.9],h2:[-1,-.8],h3:[-.8,-.7],h4:[-.6,-.6],h5:[-.2,-.2],h6:[0,-.2]},fontWeightBySize:{s1:s.semiBold,s2:s.semiBold,s3:s.semiBold,s4:s.semiBold,h1:s.bold,h2:s.bold,h3:s.bold,h4:s.bold,h5:s.bold,h6:s.bold},fontWeight:s},n=Object.assign({},a);var d=t(((e,l)=>{var o,t,i,a,d,r,v,c,h,g;const p=Object.assign({},n),m=null===(o=p.fontSize[null==l?void 0:l.size])||void 0===o?void 0:o[0],b=null===(t=p.lineHeight[null==l?void 0:l.size])||void 0===t?void 0:t[0],u=null!==(d=null===(a=null===(i=p.letterSpacing)||void 0===i?void 0:i[null==l?void 0:l.size])||void 0===a?void 0:a[0])&&void 0!==d?d:0,z=null===(r=p.fontSize[null==l?void 0:l.size])||void 0===r?void 0:r[1],f=null===(v=p.lineHeight[null==l?void 0:l.size])||void 0===v?void 0:v[1],y=null!==(g=null===(h=null===(c=p.letterSpacing)||void 0===c?void 0:c[null==l?void 0:l.size])||void 0===h?void 0:h[1])&&void 0!==g?g:0;return{root:Object.assign(Object.assign({},(null==l?void 0:l.size)&&{fontWeight:"label"===(null==l?void 0:l.as)?s.semiBold:p.fontWeightBySize[null==l?void 0:l.size]||p.fontWeight[l.weight],fontSize:`${m}`,lineHeight:`${b}`,letterSpacing:u,[e.fn.smallerThan("sm")]:{fontSize:`${z}`,lineHeight:`${f}`,letterSpacing:y}}),{"&[data-event-category] > *":{pointerEvents:"none"}})}}));const r=o=>{var t,{size:s,color:a,weight:n="regular",as:r="p",styles:v,className:c,dataEventCategory:h,dataEventAction:g,dataEventLabel:p}=o,m=e(o,["size","color","weight","as","styles","className","dataEventCategory","dataEventAction","dataEventLabel"]);const{theme:b,classes:u,cx:z}=d({size:s,weight:"caption"===n?"bold":n,as:r},{name:"Text",styles:v});return l.createElement(i,Object.assign({className:z(u.root,c),color:a||("label"===r?b.colors.gray[6]:"mb"===(null===(t=null==b?void 0:b.other)||void 0===t?void 0:t.template)?b.colors.delftGray[7]:b.colors.gray[7]),component:r,"data-event-category":h,"data-event-action":g,"data-event-label":p,classNames:{root:Object.assign(Object.assign({},m.wordWrap?{"word-wrap":m.wordWrap}:void 0),m.isUppercase||"caption"===n?{"text-transform":"uppercase"}:void 0)}},m))};export{n as O,r as T};
+import{_ as e}from"./tslib.es6-1ab8a2bb.js";import l from"react";import{rem as o,createStyles as t,Text as i}from"@mantine/core";var s;!function(e){e[e.regular=400]="regular",e[e.semiBold=600]="semiBold",e[e.bold=700]="bold"}(s||(s={}));const a={fontSize:{base:[o(16),o(16)],lg:[o(18),o(16)],md:[o(18),o(16)],sm:[o(16),o(14)],xs:[o(14),o(12)],s1:[o(22),o(18)],s2:[o(18),o(16)],s3:[o(16),o(14)],s4:[o(14),o(12)],s5:[o(12),o(12)],p1:[o(18),o(16)],p2:[o(16),o(16)],p3:[o(16),o(14)],p4:[o(14),o(12)],p5:[o(12),o(12)],c1:[o(16),o(14)],c2:[o(14),o(12)],n1:[o(12),o(12)],label1:[o(14),o(14)],label2:[o(12),o(12)],h1:[o(40),o(26)],h2:[o(32),o(24)],h3:[o(26),o(20)],h4:[o(22),o(18)],h5:[o(18),o(16)],h6:[o(16),o(14)]},lineHeight:{base:[o(24),o(24)],lg:[o(32),o(28)],md:[o(32),o(28)],sm:[o(24),o(22)],xs:[o(24),o(18)],s1:[o(32),o(26)],s2:[o(28),o(24)],s3:[o(24),o(24)],s4:[o(22),o(18)],s5:[o(18),o(18)],p1:[o(28),o(28)],p2:[o(24),o(24)],p3:[o(24),o(22)],p4:[o(22),o(18)],c1:[o(24),o(22)],c2:[o(22),o(18)],n1:[o(18),o(18)],label1:[o(22),o(22)],label2:[o(18),o(18)],h1:[o(52),o(34)],h2:[o(42),o(32)],h3:[o(36),o(26)],h4:[o(32),o(26)],h5:[o(28),o(24)],h6:[o(24),o(22)]},letterSpacing:{lg:[-.2,0],md:[-.2,0],sm:[0,-.2],s1:[-.6,-.6],s2:[-.4,-.2],s3:[0,-.2],s4:[0,-.2],p1:[-.2,-.2],p2:[0,-.2],p3:[0,-.2],p4:[-.2,0],label1:[0,-.2],h1:[-1.2,-.9],h2:[-1,-.8],h3:[-.8,-.7],h4:[-.6,-.6],h5:[-.2,-.2],h6:[0,-.2]},fontWeightBySize:{s1:s.semiBold,s2:s.semiBold,s3:s.semiBold,s4:s.semiBold,h1:s.bold,h2:s.bold,h3:s.bold,h4:s.bold,h5:s.bold,h6:s.bold},fontWeight:s},n=Object.assign({},a);var d=t(((e,l)=>{var o,t,i,a,d,r,v,c,h,g;const p=Object.assign({},n),b=null===(o=p.fontSize[null==l?void 0:l.size])||void 0===o?void 0:o[0],m=null===(t=p.lineHeight[null==l?void 0:l.size])||void 0===t?void 0:t[0],u=null!==(d=null===(a=null===(i=p.letterSpacing)||void 0===i?void 0:i[null==l?void 0:l.size])||void 0===a?void 0:a[0])&&void 0!==d?d:0,z=null===(r=p.fontSize[null==l?void 0:l.size])||void 0===r?void 0:r[1],f=null===(v=p.lineHeight[null==l?void 0:l.size])||void 0===v?void 0:v[1],y=null!==(g=null===(h=null===(c=p.letterSpacing)||void 0===c?void 0:c[null==l?void 0:l.size])||void 0===h?void 0:h[1])&&void 0!==g?g:0;return{root:Object.assign(Object.assign({},(null==l?void 0:l.size)&&{fontWeight:"label"===(null==l?void 0:l.as)?s.semiBold:p.fontWeightBySize[null==l?void 0:l.size]||p.fontWeight[l.weight],fontSize:`${b}`,lineHeight:`${m}`,letterSpacing:u,[e.fn.smallerThan("sm")]:{fontSize:`${z}`,lineHeight:`${f}`,letterSpacing:y}}),{"&[data-event-category] > *":{pointerEvents:"none"}})}}));const r=o=>{var t,{size:s,color:a,weight:n="regular",as:r="p",styles:v,className:c,dataEventCategory:h,dataEventAction:g,dataEventLabel:p}=o,b=e(o,["size","color","weight","as","styles","className","dataEventCategory","dataEventAction","dataEventLabel"]);const{theme:m,classes:u,cx:z}=d({size:s,weight:"caption"===n?"bold":n,as:r},{name:"Text",styles:v});return l.createElement(i,Object.assign({className:z(u.root,c),color:a||("label"===r?m.colors.gray[6]:"mb"===(null===(t=null==m?void 0:m.other)||void 0===t?void 0:t.template)?m.colors.delftGray[7]:m.colors.gray[7]),component:r,"data-event-category":h,"data-event-action":g,"data-event-label":p,classNames:{root:Object.assign(Object.assign({},b.wordWrap?{"word-wrap":b.wordWrap}:void 0),b.isUppercase||"caption"===n?{"text-transform":"uppercase"}:void 0)}},b))};export{n as O,r as T};

package/build/esm/index-9b8a2194.js

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

package/build/esm/{index-93e5b4f3.js → index-9d529405.js}

@@ -1 +1 @@
-import{_ as e}from"./tslib.es6-266309d1.js";import t from"react";import{Image as o}from"@mantine/core";import{DatePickerInput as r}from"@mantine/dates";import{I as s}from"./index-9e5956c2.js";import{L as i}from"./Subot-4642c5bf.js";import{C as a}from"./index-2e99f941.js";import{M as n}from"./index-5408f5a4.js";const l=l=>{var m,{value:c,fullWidth:d=!0}=l,p=e(l,["value","fullWidth"]);return t.createElement(r,Object.assign({locale:n[process.env.UNIFY_LOCALE||i.Vietnam],valueFormat:null===(m=s[process.env.UNIFY_LOCALE||i.Vietnam])||void 0===m?void 0:m.dateFormat,size:"md",clearable:!1,popoverProps:d?{styles:{dropdown:{minWidth:"100%",display:"flex",justifyContent:"center",alignItems:"center"}}}:{},styles:{root:{position:"relative"},rightSection:{pointerEvents:"none",cursor:"default"}},rightSection:t.createElement(o,{src:a.getAssetPath(p.isMB?"MB-calendar.svg":"OutlineCalendar.svg"),width:16,height:16}),value:c},p,{className:`input-control ${(null==p?void 0:p.className)||""}`}))};export{l as D};
+import{_ as e}from"./tslib.es6-1ab8a2bb.js";import t from"react";import{Image as o}from"@mantine/core";import{DatePickerInput as r}from"@mantine/dates";import{I as a}from"./index-39174b30.js";import{L as s}from"./Subot-fcd7c77c.js";import{C as i}from"./index-eab0e39a.js";import{M as n}from"./index-4004c359.js";const l=l=>{var m,{value:c,fullWidth:d=!0}=l,p=e(l,["value","fullWidth"]);return t.createElement(r,Object.assign({locale:n[process.env.UNIFY_LOCALE||s.Vietnam],valueFormat:null===(m=a[process.env.UNIFY_LOCALE||s.Vietnam])||void 0===m?void 0:m.dateFormat,size:"md",clearable:!1,popoverProps:d?{styles:{dropdown:{minWidth:"100%",display:"flex",justifyContent:"center",alignItems:"center"}}}:{},styles:{root:{position:"relative"},rightSection:{pointerEvents:"none",cursor:"default"}},rightSection:t.createElement(o,{src:i.getAssetPath(p.isMB?"MB-calendar.svg":"OutlineCalendar.svg"),width:16,height:16}),value:c},p,{className:`input-control ${(null==p?void 0:p.className)||""}`}))};export{l as D};

package/build/esm/index-a445a873.js

@@ -0,0 +1 @@
+import{_ as t}from"./tslib.es6-1ab8a2bb.js";import a from"react";import{useMantineTheme as e}from"@mantine/core";import{T as o}from"./index-99348fe5.js";const r=r=>{var{as:n,tag:s,color:i,fontWeight:c,dataEventCategory:d,dataEventAction:l,dataEventLabel:m}=r,b=t(r,["as","tag","color","fontWeight","dataEventCategory","dataEventAction","dataEventLabel"]);const g=n||s,v=e();return a.createElement(o,Object.assign({as:g,color:i||v.colors.gray[8],"data-event-category":d,"data-event-action":l,"data-event-label":m,weight:"semibold"===c?"semiBold":"bold",size:s},b))};export{r as H};

package/build/esm/index-ab99f4fa.js

@@ -0,0 +1 @@
+import{_ as t}from"./tslib.es6-1ab8a2bb.js";import e from"react";import"./index-4004c359.js";import"@mantine/core";import"@mantine/dates";import"./index-39174b30.js";import"./Subot-fcd7c77c.js";import"./index-eab0e39a.js";import{T as i}from"./index-99348fe5.js";import"./theme-691eca44.js";import"./translationsContext-f8842fe7.js";import"string-format";import"@mantine/hooks";import"./utils-21a3e198.js";const r=r=>{var{size:o="base",type:s="regular"}=r,a=t(r,["size","type"]);return e.createElement(i,Object.assign({size:o,weight:"caption"===s?"bold":s},a))};export{r as T};

package/build/esm/{index-45dcd965.js → index-b7782e6c.js}

@@ -1 +1 @@
-import{a as e,_ as t}from"./tslib.es6-266309d1.js";import s,{useReducer as a,useState as r,useEffect as i}from"react";import{Stack as n,Input as c}from"@mantine/core";import{c as o,S as d}from"./index-5408f5a4.js";import"@mantine/dates";import{c as l}from"./index-9e5956c2.js";import{L as p}from"./Subot-4642c5bf.js";import"./index-2e99f941.js";import"./index-d27a0e25.js";import"./theme-3db3c9a8.js";import{u as v}from"./useTranslations-df1b3bb8.js";import"@mantine/hooks";import"./utils-5b4e60da.js";import{M as m}from"./utils-b87ec473.js";const b={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}},h=({provinces:t})=>{const[s,n]=a(u,b),{provinceByName:c,provinces:o,districts:d,wards:v,selectedProvince:h,selectedDistrict:y,selectedWard:E}=s,[g,j]=r();i((()=>{e(void 0,void 0,void 0,(function*(){var e,s,a,r;try{const i=yield fetch((r=process.env.UNIFY_LOCALE||p.Vietnam,`${l}/cities-data-${m[r]}.json`)).then((e=>e.json()));j(i);const{list:c}=i,o=t?((e,t)=>{const s={};for(const[,e]of Object.entries(t)){const{id:t}=e;t&&(s[t]=e)}const a={};return e.map((e=>{a[e.name]=s[e.id]})),a})(t,c):c,d=Object.keys(o),v=Object.keys((null===(e=c[d[0]])||void 0===e?void 0:e.list)||{}),b=Object.keys((null===(a=null===(s=c[d[0]])||void 0===s?void 0:s[v[0]])||void 0===a?void 0:a.list)||{});n({type:"SET_DATA",payload:{provinceByName:o,provinces:d,districts:v,wards:b}})}catch(e){console.error("Error fetching address data:",e)}}))}),[process.env.UNIFY_LOCALE]);return{provinces:o,districts:d,wards:v,selectedProvince:h,selectedDistrict:y,selectedWard:E,handleProvinceChange:e=>{var t;const s=Object.keys((null===(t=c[e])||void 0===t?void 0:t.list)||{});n({type:"SET_DISTRICTS",payload:s}),n({type:"SET_WARDS",payload:[]}),n({type:"SELECT_PROVINCE",payload:e})},handleDistrictChange:e=>{var t,s;const a=Object.keys((null===(s=null===(t=c[h])||void 0===t?void 0:t.list[e])||void 0===s?void 0:s.list)||{});n({type:"SET_WARDS",payload:a}),n({type:"SELECT_DISTRICT",payload:e})},handleWardChange:e=>{n({type:"SELECT_WARD",payload:e})}}},y=e=>{var{error:a,provinces:l,placeholder:p}=e,m=t(e,["error","provinces","placeholder"]);const{t:b}=v(),{provinces:u,districts:y,wards:E,selectedProvince:g,selectedDistrict:j,selectedWard:C,handleProvinceChange:S,handleDistrictChange:T,handleWardChange:O}=h({provinces:l}),[D,f]=r("");return i((()=>{g&&j&&C&&D?m.onChange({selectedProvince:g,selectedDistrict:j,selectedWard:C,extraInfo:D}):m.onChange(null)}),[g,j,C,D]),s.createElement(o.Wrapper,Object.assign({withAsterisk:!0},m),s.createElement(n,null,s.createElement(d,{placeholder:(null==p?void 0:p.province)||b("onboarding.similac.input.city"),data:l?u:u.sort(),searchable:!0,onChange:S,value:g}),s.createElement(d,{placeholder:(null==p?void 0:p.district)||b("onboarding.similac.input.district"),data:y.sort(),searchable:!0,onChange:T,value:j,disabled:!g}),s.createElement(d,{placeholder:(null==p?void 0:p.ward)||b("onboarding.similac.input.ward"),searchable:!0,data:E.sort(),value:C,onChange:O,disabled:!g||!j}),s.createElement(o,{placeholder:(null==p?void 0:p.address)||b("onboarding.similac.input.no"),disabled:!g||!j||!C,value:D,onChange:f,style:{marginBottom:0}})),s.createElement(c.Error,{size:"md"},a))};export{y as A};
+import{a as e,_ as t}from"./tslib.es6-1ab8a2bb.js";import s,{useReducer as a,useState as r,useEffect as i}from"react";import{Stack as n,Input as c}from"@mantine/core";import{c as o,S as d}from"./index-4004c359.js";import"@mantine/dates";import{c as l}from"./index-39174b30.js";import{L as p}from"./Subot-fcd7c77c.js";import"./index-eab0e39a.js";import"./index-99348fe5.js";import"./theme-691eca44.js";import{u as v}from"./useTranslations-06f29a74.js";import"@mantine/hooks";import"./utils-21a3e198.js";import{M as m}from"./utils-9188a853.js";const u={provinceByName:{},provinces:[],districts:[],wards:[],selectedProvince:"",selectedDistrict:"",selectedWard:""},b=(e,t)=>{switch(t.type){case"SET_DATA":return Object.assign(Object.assign({},e),t.payload);case"SET_DISTRICTS":return Object.assign(Object.assign({},e),{districts:t.payload});case"SET_WARDS":return Object.assign(Object.assign({},e),{wards:t.payload});case"SELECT_PROVINCE":return Object.assign(Object.assign({},e),{selectedProvince:t.payload,selectedDistrict:"",selectedWard:""});case"SELECT_DISTRICT":return Object.assign(Object.assign({},e),{selectedDistrict:t.payload,selectedWard:""});case"SELECT_WARD":return Object.assign(Object.assign({},e),{selectedWard:t.payload});default:return e}},h=({provinces:t})=>{const[s,n]=a(b,u),{provinceByName:c,provinces:o,districts:d,wards:v,selectedProvince:h,selectedDistrict:y,selectedWard:E}=s,[g,j]=r();i((()=>{e(void 0,void 0,void 0,(function*(){var e,s,a,r;try{const i=yield fetch((r=process.env.UNIFY_LOCALE||p.Vietnam,`${l}/cities-data-${m[r]}.json`)).then((e=>e.json()));j(i);const{list:c}=i,o=t?((e,t)=>{const s={};for(const[,e]of Object.entries(t)){const{id:t}=e;t&&(s[t]=e)}const a={};return e.map((e=>{a[e.name]=s[e.id]})),a})(t,c):c,d=Object.keys(o),v=Object.keys((null===(e=c[d[0]])||void 0===e?void 0:e.list)||{}),u=Object.keys((null===(a=null===(s=c[d[0]])||void 0===s?void 0:s[v[0]])||void 0===a?void 0:a.list)||{});n({type:"SET_DATA",payload:{provinceByName:o,provinces:d,districts:v,wards:u}})}catch(e){console.error("Error fetching address data:",e)}}))}),[process.env.UNIFY_LOCALE]);return{provinces:o,districts:d,wards:v,selectedProvince:h,selectedDistrict:y,selectedWard:E,handleProvinceChange:e=>{var t;const s=Object.keys((null===(t=c[e])||void 0===t?void 0:t.list)||{});n({type:"SET_DISTRICTS",payload:s}),n({type:"SET_WARDS",payload:[]}),n({type:"SELECT_PROVINCE",payload:e})},handleDistrictChange:e=>{var t,s;const a=Object.keys((null===(s=null===(t=c[h])||void 0===t?void 0:t.list[e])||void 0===s?void 0:s.list)||{});n({type:"SET_WARDS",payload:a}),n({type:"SELECT_DISTRICT",payload:e})},handleWardChange:e=>{n({type:"SELECT_WARD",payload:e})}}},y=e=>{var{error:a,provinces:l,placeholder:p}=e,m=t(e,["error","provinces","placeholder"]);const{t:u}=v(),{provinces:b,districts:y,wards:E,selectedProvince:g,selectedDistrict:j,selectedWard:C,handleProvinceChange:S,handleDistrictChange:T,handleWardChange:O}=h({provinces:l}),[D,f]=r("");return i((()=>{g&&j&&C&&D?m.onChange({selectedProvince:g,selectedDistrict:j,selectedWard:C,extraInfo:D}):m.onChange(null)}),[g,j,C,D]),s.createElement(o.Wrapper,Object.assign({withAsterisk:!0},m),s.createElement(n,null,s.createElement(d,{placeholder:(null==p?void 0:p.province)||u("onboarding.similac.input.city"),data:l?b:b.sort(),searchable:!0,onChange:S,value:g}),s.createElement(d,{placeholder:(null==p?void 0:p.district)||u("onboarding.similac.input.district"),data:y.sort(),searchable:!0,onChange:T,value:j,disabled:!g}),s.createElement(d,{placeholder:(null==p?void 0:p.ward)||u("onboarding.similac.input.ward"),searchable:!0,data:E.sort(),value:C,onChange:O,disabled:!g||!j}),s.createElement(o,{placeholder:(null==p?void 0:p.address)||u("onboarding.similac.input.no"),disabled:!g||!j||!C,value:D,onChange:f,style:{marginBottom:0}})),s.createElement(c.Error,{size:"md"},a))};export{y as A};

package/build/esm/{index-bf11f9e9.js → index-b7a87c5c.js}

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

package/build/esm/{index-5e1af23a.js → index-c737fbcc.js}

@@ -1 +1 @@
-import{_ as e}from"./tslib.es6-266309d1.js";import a,{useMemo as t}from"react";import{useMantineTheme as s}from"@mantine/core";import{S as o,L as n,b as r,d as l,e as i}from"./constants-f7c80032.js";const c=c=>{var{name:m,value:d,errorMessage:p,isNumerousKeyboard:u=!1,showErrorMessage:y=!0,actionIcon:b,displayIcon:C,onActionClick:v,label:g,className:h,onChange:E,isDisabled:N,CustomInput:I,size:f,style:k,autoComplete:A="off",type:K="text",inputClassName:M,trackingAttributes:z,enterKeyHint:L}=c,j=e(c,["name","value","errorMessage","isNumerousKeyboard","showErrorMessage","actionIcon","displayIcon","onActionClick","label","className","onChange","isDisabled","CustomInput","size","style","autoComplete","type","inputClassName","trackingAttributes","enterKeyHint"]);const w=s(),H=t((()=>z?{"data-event-category":z.dataEventCategory,"data-event-action":z.dataEventAction,"data-event-label":z.dataEventLabel}:{}),[z]);return a.createElement(o,{"data-size":f,className:h,"data-has-action-icon":!!b||void 0,"data-has-display-icon":!!C||void 0,"data-has-error":p&&p.length>0||void 0,color:w.fn.primaryColor(),shadowColor:w.colors[w.primaryColor][0],style:k},g&&a.createElement(n,{size:"label2",htmlFor:m,className:"inputLabel"},g),a.createElement("div",{style:{position:"relative"}},I||a.createElement("input",Object.assign({id:m,name:m,onChange:e=>E&&E(e.target.value),type:K,"aria-label":K,value:d,disabled:N,autoComplete:A,inputMode:u||"number"===K?"numeric":K,pattern:u?"[0-9]*":".*",className:M,enterKeyHint:L},H,j)),C&&a.createElement(r,{className:"displayIcon"},C),b&&a.createElement(l,{className:"actionIcon",onClick:v},b)),p&&p.length>0&&y&&a.createElement(i,{className:"errorLabel"},p))};export{c as I};
+import{_ as e}from"./tslib.es6-1ab8a2bb.js";import a,{useMemo as t}from"react";import{useMantineTheme as s}from"@mantine/core";import{S as o,L as n,b as r,d as l,e as i}from"./constants-1e65de37.js";const c=c=>{var{name:m,value:d,errorMessage:p,isNumerousKeyboard:u=!1,showErrorMessage:b=!0,actionIcon:y,displayIcon:C,onActionClick:v,label:g,className:h,onChange:E,isDisabled:N,CustomInput:I,size:f,style:k,autoComplete:A="off",type:K="text",inputClassName:M,trackingAttributes:z,enterKeyHint:L}=c,j=e(c,["name","value","errorMessage","isNumerousKeyboard","showErrorMessage","actionIcon","displayIcon","onActionClick","label","className","onChange","isDisabled","CustomInput","size","style","autoComplete","type","inputClassName","trackingAttributes","enterKeyHint"]);const w=s(),H=t((()=>z?{"data-event-category":z.dataEventCategory,"data-event-action":z.dataEventAction,"data-event-label":z.dataEventLabel}:{}),[z]);return a.createElement(o,{"data-size":f,className:h,"data-has-action-icon":!!y||void 0,"data-has-display-icon":!!C||void 0,"data-has-error":p&&p.length>0||void 0,color:w.fn.primaryColor(),shadowColor:w.colors[w.primaryColor][0],style:k},g&&a.createElement(n,{size:"label2",htmlFor:m,className:"inputLabel"},g),a.createElement("div",{style:{position:"relative"}},I||a.createElement("input",Object.assign({id:m,name:m,onChange:e=>E&&E(e.target.value),type:K,"aria-label":K,value:d,disabled:N,autoComplete:A,inputMode:u||"number"===K?"numeric":K,pattern:u?"[0-9]*":".*",className:M,enterKeyHint:L},H,j)),C&&a.createElement(r,{className:"displayIcon"},C),y&&a.createElement(l,{className:"actionIcon",onClick:v},y)),p&&p.length>0&&b&&a.createElement(i,{className:"errorLabel"},p))};export{c as I};

package/build/esm/index-dfe2918d.js

@@ -0,0 +1 @@
+import{_ as o}from"./tslib.es6-1ab8a2bb.js";import t from"react";import{Indicator as e}from"@mantine/core";import{t as r}from"./theme-691eca44.js";const s=s=>{var{styles:a,color:i=r.colors.red700}=s,n=o(s,["styles","color"]);return t.createElement(e,Object.assign({inline:!0,position:"top-end",offset:4,styles:Object.assign({processing:{animationDirection:"alternate"}},a),color:i},n))};export{s as I};