@hhgtech/hhg-components 1.28.37 → 1.28.39

package/build/esm/{index.styled-a25d7261.js → index.styled-a1854a4a.js}

@@ -1,4 +1,4 @@
-import e from"dayjs";import{M as t}from"./screenSizeContext-18a2ae59.js";import i,{useMemo as o,useEffect as a,memo as n,useContext as r}from"react";import p,{css as l}from"styled-components";import{t as d}from"./theme-2bdea2f5.js";import{C as s,c as g,T as c,E as x,d as m}from"./index-2be76d22.js";import"./isProduction-2e0a8f23.js";import"./Subot-2c9e4c09.js";import"./gAssets.js";import{createStyles as h,rem as b}from"@mantine/core";import{L as f,a8 as u}from"./index.styles-671382bc.js";import{_ as y}from"./tslib.es6-70854b37.js";import{g as w,a as v,b as $,c as k}from"./routing-ec23ed74.js";import D from"dayjs/plugin/relativeTime";import{U as z}from"./index-064bc751.js";const B=p.a`
+import e from"dayjs";import{M as t}from"./screenSizeContext-f9a53919.js";import i,{useMemo as o,useEffect as a,memo as n,useContext as r}from"react";import p,{css as d}from"styled-components";import{t as l}from"./theme-9d69f1a2.js";import{C as s,c as g,T as c,E as x,d as m}from"./index-14839883.js";import"./isProduction-d8d94564.js";import"./Subot-f581f4df.js";import"./gAssets.js";import{createStyles as h,rem as f}from"@mantine/core";import{L as b,a8 as u}from"./index.styles-95837b62.js";import{_ as y}from"./tslib.es6-7b491686.js";import{g as w,a as v,b as $,c as k}from"./routing-7c32cdb3.js";import D from"dayjs/plugin/relativeTime";import{U as z}from"./index-1ac72931.js";const B=p.a`
   display: inline-flex;
   position: relative;
   flex-direction: row;
@@ -6,11 +6,11 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-18a2ae59.js";import
   padding: 7px 11px;
   gap: 2px;
 
-  background: ${d.colors.white};
-  border: 1px solid ${d.colors.neutral100};
+  background: ${l.colors.white};
+  border: 1px solid ${l.colors.neutral100};
   border-radius: 20px;
 
-  color: ${d.colors.gray600};
+  color: ${l.colors.gray600};
   font-weight: 600;
   font-size: 12px;
   line-height: 18px;
@@ -57,7 +57,7 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-18a2ae59.js";import
   justify-content: space-between;
 
   padding: 0 16px;
-  border-radius: ${d.borderRadius};
+  border-radius: ${l.borderRadius};
   cursor: pointer;
 
   .check-icon {
@@ -65,7 +65,7 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-18a2ae59.js";import
     height: 16px;
   }
   &[data-selected='false'] {
-    background-color: ${d.colors.gray100};
+    background-color: ${l.colors.gray100};
   }
 `,T=p.div`
   position: fixed;
@@ -75,9 +75,9 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-18a2ae59.js";import
   width: 100%;
   height: 100%;
   cursor: default;
-`;var _=h((()=>({root:{textDecoration:"none"},indicatorRoot:{marginRight:b(10)},iconText:{color:"#fff"}})));const P=p.div`
+`;var _=h((()=>({root:{textDecoration:"none"},indicatorRoot:{marginRight:f(10)},iconText:{color:"#fff"}})));const P=p.div`
   ${e=>`\n    ${0!==e.lowerBound?`@media (max-width: ${e.lowerBound-1}px) { display: none; }`:""}\n    ${0!==e.upperBound?`@media (min-width: ${e.upperBound}px) { display: none; }`:""}\n  `}
-`,R="hhgcomp-navprofilebutton-popup",S=f(p.div`
+`,R="hhgcomp-navprofilebutton-popup",S=b(p.div`
   position: absolute;
   right: 0;
   transition: all 0.5s ease-in-out;
@@ -116,7 +116,7 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-18a2ae59.js";import
     left: 0;
     width: 100%;
   }
-`,R),O="hhgcomp-navprofilebutton-popupwrapper";f(p.div`
+`,R),O="hhgcomp-navprofilebutton-popupwrapper";b(p.div`
   position: fixed;
   z-index: 150;
   top: var(--header-bottom, 56px);
@@ -165,7 +165,7 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-18a2ae59.js";import
     display: flex;
     align-items: center;
     justify-content: center;
-    background-color: ${d.colors.secondaryBase};
+    background-color: ${l.colors.secondaryBase};
     border-radius: 50%;
     color: white;
     font-size: 20px;
@@ -229,19 +229,22 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-18a2ae59.js";import
   border-radius: 16px;
   background-color: white;
   hr {
-    border-color: ${d.colors.neutral100};
+    border-color: ${l.colors.neutral100};
     border-bottom-width: 0px;
     border-style: solid;
   }
+  .profile-nav-item-group {
+    background-color: white;
+    border-radius: 8px;
+  }
 `,L=p.div`
   display: block;
-  background-color: white;
   border: 1px solid transparent;
   transition: all 300ms linear;
   cursor: pointer;
   position: relative;
 
-  ${e=>e.hasSubmenu&&l`
+  ${e=>e.hasSubmenu&&d`
       cursor: pointer;
     `}
 
@@ -258,11 +261,11 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-18a2ae59.js";import
       margin-top: 0;
     }
     .nav-menu-item:last-child {
-      border-bottom-color: ${d.colors.neutral100};
+      border-bottom-color: ${l.colors.neutral100};
     }
   }
   .nav-menu-item {
-    background-color: ${d.colors.neutral50};
+    background-color: ${l.colors.neutral50};
   }
 
   .nav-menu-item {
@@ -277,16 +280,16 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-18a2ae59.js";import
   border-radius: 8px;
 
   &:hover {
-    background-color: ${d.colors.neutral150};
+    background-color: ${l.colors.neutral150};
   }
   &[data-active='true'] {
-    background-color: ${d.colors.blue50};
+    background-color: ${l.colors.blue50};
   }
 `,I=p.div`
   margin-left: auto;
 
   svg {
-    fill: ${d.colors.gray600};
+    fill: ${l.colors.gray600};
     transition: transform 300ms;
   }
 
@@ -320,7 +323,7 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-18a2ae59.js";import
 
   h2 {
     margin-top: 32px;
-    color: ${d.colors.gray800};
+    color: ${l.colors.gray800};
     font-style: normal;
     font-weight: bold;
     ${t.mbDown} {
@@ -336,7 +339,7 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-18a2ae59.js";import
 
   p {
     margin-top: 8px;
-    color: ${d.colors.gray600};
+    color: ${l.colors.gray600};
     font-style: normal;
     font-weight: normal;
     ${t.mbDown} {
@@ -366,7 +369,7 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-18a2ae59.js";import
   }
 
   ${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      ":""}
-`,V=i.createContext({}),q=e=>{var{children:t}=e,n=y(e,["children"]);const[r,p]=i.useState((()=>n.currentUrl||`https://${"marryBaby"===n.siteType?u[n.locale||"en-PH"]:m[n.locale||"en-PH"]}${"together"===n.projectType?"/community":"ecom"===n.projectType?"/ecom":"care"===n.projectType?"/care":""}/`));a((()=>{const e=()=>{p(window.location.href)};return window.addEventListener("popstate",e),e(),()=>{window.removeEventListener("popstate",e)}}),[]);const l=(({locale:e,projectType:t,isMobile:i,siteType:a,enableBookingBtn:n})=>o((()=>{const o=!(!i&&"profile"===t),r="discover"===t||"marryBaby"===t||"profile"===t&&"marryBaby"===a,p="marryBaby"!==a&&"marryBaby"!==t&&s.includes(e),l=n&&"marryBaby"!==t&&"discover"===t&&"marryBaby"!==a&&g.includes(e),d="marryBaby"===t||c.includes(e),m="marryBaby"!==a&&x.includes(e),h="marryBaby"!==a&&x.includes(e);let b=w(e,"marryBaby"===a);"undefined"!=typeof window&&(b.includes("//id.")&&(b=b.replace("id.","")),b.includes("//staging-id.")&&(b=b.replace("staging-id.","discover.")));return{enableProfileNavigatorMenu:o,enableSearchBar:r,enableNavCare:p,enableNavCareBooking:l,enableNavTogether:d,enableNavEcom:m,enableProfileEcom:h,enableProfileMyHealth:!0,enableNavDiscover:!0,enableNavHealthTools:!0,enableProfileMySaved:!0,statics:{HOME_PAGE_URL:b,CARE_URL_FE:`${b}/care`,TOGETHER_URL_FE:`${b}/community`,SSO_URL:v(e,"marryBaby"===a),TOGETHER_API:$(),DISCOVER_API:k(e)}}}),[e,t,i]))({locale:n.locale,projectType:n.projectType,isMobile:n.isMobile,siteType:n.siteType,enableBookingBtn:n.enableBookingBtn});return i.createElement(V.Provider,{value:Object.assign(Object.assign({},n),{configs:Object.assign(Object.assign({},l),n.configs),currentUrl:n.currentUrl||r})},t)},J=p.div`
+`,V=i.createContext({}),q=e=>{var{children:t}=e,n=y(e,["children"]);const[r,p]=i.useState((()=>n.currentUrl||`https://${"marryBaby"===n.siteType?u[n.locale||"en-PH"]:m[n.locale||"en-PH"]}${"together"===n.projectType?"/community":"ecom"===n.projectType?"/ecom":"care"===n.projectType?"/care":""}/`));a((()=>{const e=()=>{p(window.location.href)};return window.addEventListener("popstate",e),e(),()=>{window.removeEventListener("popstate",e)}}),[]);const d=(({locale:e,projectType:t,isMobile:i,siteType:a,enableBookingBtn:n})=>o((()=>{const o=!(!i&&"profile"===t),r="discover"===t||"marryBaby"===t||"profile"===t&&"marryBaby"===a,p="marryBaby"!==a&&"marryBaby"!==t&&s.includes(e),d=n&&"marryBaby"!==t&&"discover"===t&&"marryBaby"!==a&&g.includes(e),l="marryBaby"===t||c.includes(e),m="marryBaby"!==a&&x.includes(e),h="marryBaby"!==a&&x.includes(e);let f=w(e,"marryBaby"===a);"undefined"!=typeof window&&(f.includes("//id.")&&(f=f.replace("id.","")),f.includes("//staging-id.")&&(f=f.replace("staging-id.","discover.")));return{enableProfileNavigatorMenu:o,enableSearchBar:r,enableNavCare:p,enableNavCareBooking:d,enableNavTogether:l,enableNavEcom:m,enableProfileEcom:h,enableProfileMyHealth:!0,enableNavDiscover:!0,enableNavHealthTools:!0,enableProfileMySaved:!0,statics:{HOME_PAGE_URL:f,CARE_URL_FE:`${f}/care`,TOGETHER_URL_FE:`${f}/community`,SSO_URL:v(e,"marryBaby"===a),TOGETHER_API:$(),DISCOVER_API:k(e)}}}),[e,t,i]))({locale:n.locale,projectType:n.projectType,isMobile:n.isMobile,siteType:n.siteType,enableBookingBtn:n.enableBookingBtn});return i.createElement(V.Provider,{value:Object.assign(Object.assign({},n),{configs:Object.assign(Object.assign({},d),n.configs),currentUrl:n.currentUrl||r})},t)},J=p.div`
   position: fixed;
   z-index: 201;
   top: calc(100% + 1px);
@@ -395,7 +398,7 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-18a2ae59.js";import
   }
   &[data-theme='marryBaby'] {
     input {
-      background: ${d.mbColors.lightGray};
+      background: ${l.mbColors.lightGray};
       border-radius: 16px;
       border: none;
     }
@@ -424,7 +427,7 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-18a2ae59.js";import
   display: flex;
   align-items: center;
   text-decoration: none;
-  color: ${d.colors.gray800};
+  color: ${l.colors.gray800};
   * {
     pointer-events: none;
   }
@@ -437,16 +440,16 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-18a2ae59.js";import
   &[data-theme='marryBaby']:hover,
   &[data-theme='marryBaby'][data-active='true'] {
     p {
-      color: ${d.mbColors.pink};
+      color: ${l.mbColors.pink};
     }
     .icon {
-      background-color: ${d.mbColors.lightPink};
+      background-color: ${l.mbColors.lightPink};
     }
   }
   &[data-theme='helloSites']:hover,
   &[data-theme='helloSites'][data-active='true'] {
     p {
-      color: ${d.colors.primaryActive};
+      color: ${l.colors.primaryActive};
     }
   }
   a {
@@ -461,7 +464,7 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-18a2ae59.js";import
       width: 100%;
       height: 40px;
       border-radius: 50%;
-      background-color: ${d.mbColors.lightGray};
+      background-color: ${l.mbColors.lightGray};
       img {
         border-radius: 50%;
       }
@@ -482,9 +485,9 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-18a2ae59.js";import
 `,oe=p.div`
   display: flex;
   align-items: center;
-  color: ${d.colors.primaryBase};
-  font-size: ${d.sizes.fsParagraph4};
-  font-weight: ${d.sizes.fwBold};
+  color: ${l.colors.primaryBase};
+  font-size: ${l.sizes.fsParagraph4};
+  font-weight: ${l.sizes.fwBold};
   line-height: 24px;
   font-size: 14px;
   font-weight: 600;
@@ -492,19 +495,19 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-18a2ae59.js";import
     pointer-events: none;
   }
   &[data-theme='marryBaby'] {
-    color: ${d.mbColors.pink};
+    color: ${l.mbColors.pink};
   }
 `,ae=p.div`
   display: flex;
   align-items: center;
   margin-left: 10px;
 `,ne=p.a`
-  border: 1px solid ${d.colors.primaryBase};
+  border: 1px solid ${l.colors.primaryBase};
   &[data-theme='marryBaby'] {
-    border: 1px solid ${d.mbColors.pink};
+    border: 1px solid ${l.mbColors.pink};
 
     svg path {
-      stroke: ${d.mbColors.pink};
+      stroke: ${l.mbColors.pink};
     }
   }
   position: relative;
@@ -557,16 +560,16 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-18a2ae59.js";import
   ${t.mbDown} {
     width: 80px;
   }
-`,le=p.div`
+`,de=p.div`
   background-color: #ffffff;
   border-radius: 4px;
   width: 100%;
   height: 100%;
-`,de=p.div`
+`,le=p.div`
   display: flex;
   margin-top: 1rem;
   align-items: center;
-  color: ${d.colors.primaryBase};
+  color: ${l.colors.primaryBase};
   font-weight: 400;
   font-size: 14px;
   text-decoration: none;
@@ -577,7 +580,7 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-18a2ae59.js";import
   font-size: 16px;
   font-weight: 600;
   line-height: 1.6;
-  color: ${d.colors.gray800};
+  color: ${l.colors.gray800};
   ${t.tdDown} {
     padding: 0;
   }
@@ -585,7 +588,7 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-18a2ae59.js";import
   font-size: 14px;
   line-height: 1.6;
   font-weight: 400;
-  color: ${d.colors.gray600};
+  color: ${l.colors.gray600};
   height: 40px;
   text-overflow: ellipsis;
   overflow: hidden;
@@ -597,7 +600,7 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-18a2ae59.js";import
     height: unset;
     padding: 0;
   }
-`,ce="hhgcomp-navigation-menucareitem-contentwrapper",xe=f(p.div`
+`,ce="hhgcomp-navigation-menucareitem-contentwrapper",xe=b(p.div`
   display: flex;
   flex-direction: column;
   gap: 8px;
@@ -609,7 +612,7 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-18a2ae59.js";import
 `,ce),me=p.a`
   text-decoration: none;
   border-radius: 4px;
-  background: ${d.colors.white};
+  background: ${l.colors.white};
   position: relative;
   overflow: hidden;
   padding: 16px;
@@ -657,7 +660,7 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-18a2ae59.js";import
     }
   }
   ${t.tdOnly} {
-    border: 1px solid ${d.colors.neutral100};
+    border: 1px solid ${l.colors.neutral100};
   }
   .bg-svg {
     width: 100%;
@@ -700,13 +703,13 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-18a2ae59.js";import
     grid-gap: 10px;
     grid-template-columns: 1fr 3fr;
   }
-`,be=p.div`
+`,fe=p.div`
   font-weight: 400;
   font-size: 14px;
   line-height: 24px;
-  color: ${d.colors.gray600};
+  color: ${l.colors.gray600};
   margin-bottom: 15px;
-`,fe=p.div`
+`,be=p.div`
   font-weight: 600;
   font-size: 16px;
   line-height: 26px;
@@ -740,7 +743,7 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-18a2ae59.js";import
       left: 0;
       width: 100%;
       height: 4px;
-      background-color: ${d.colors.neutral100};
+      background-color: ${l.colors.neutral100};
       content: '';
     }
   }
@@ -754,9 +757,9 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-18a2ae59.js";import
   text-decoration: none;
   font-weight: 400;
   font-size: 14px;
-  color: ${d.colors.primaryBase};
+  color: ${l.colors.primaryBase};
   &[data-theme='marryBaby'] {
-    color: ${d.mbColors.pink};
+    color: ${l.mbColors.pink};
   }
   img {
     padding-left: 5px;
@@ -807,7 +810,7 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-18a2ae59.js";import
   font-weight: 400;
   padding: 4px 15px;
   line-height: 1.4;
-  color: ${d.colors.gray800};
+  color: ${l.colors.gray800};
   flex: 1;
   ${t.tdUp} {
     display: none;
@@ -834,7 +837,7 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-18a2ae59.js";import
 `,Ue=p.div`
   font-size: 12px;
   font-weight: 600;
-  color: ${d.colors.gray800};
+  color: ${l.colors.gray800};
   text-decoration: none;
   &[data-theme='marryBaby'] {
     font-weight: 400;
@@ -844,7 +847,7 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-18a2ae59.js";import
   text-decoration: none;
   font-size: 12px;
   font-weight: 400;
-  color: ${d.colors.primaryBase};
+  color: ${l.colors.primaryBase};
   &[data-theme='marryBaby'] {
     font-weight: 400;
     letter-spacing: -0.2px;
@@ -852,11 +855,11 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-18a2ae59.js";import
 `,_e=p.div`
   font-size: 12px;
   font-weight: 400;
-  color: ${d.colors.gray600};
+  color: ${l.colors.gray600};
 `,Pe=p.div`
   font-size: 12px;
   font-weight: 400;
-  color: ${d.colors.gray600};
+  color: ${l.colors.gray600};
 `,Re=p.a`
   display: flex;
   gap: 10px;
@@ -867,7 +870,7 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-18a2ae59.js";import
     display: block;
     width: 100%;
     height: 1px;
-    border-top: 1px dashed ${d.colors.neutral100};
+    border-top: 1px dashed ${l.colors.neutral100};
     position: absolute;
     bottom: -24px;
     ${t.tdOnly} {
@@ -898,7 +901,7 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-18a2ae59.js";import
   margin-top: 8px;
   font-size: 16px;
   font-weight: 600;
-  color: ${d.colors.gray800};
+  color: ${l.colors.gray800};
   &[data-theme='marryBaby'] {
     margin-top: 12px;
     font-weight: 400;
@@ -915,7 +918,7 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-18a2ae59.js";import
   display: flex;
   gap: 4px;
   flex-direction: column;
-`;e.extend(D);const Ae=({post:t,index:o=0})=>{var a,n,p,l,d,s,g;const{siteType:c,configs:{statics:x}}=r(V);if(!t)return null;const m=[x.TOGETHER_URL_FE,null===(a=t.community)||void 0===a?void 0:a.slug].join("/"),h=[m,t.slug].join("/"),b=t.createdAt,f=b?isNaN(new Date(b).getTime())?null:new Date(b):null,u=f?e(f).toNow(!0):b;return i.createElement(Re,{href:h,"data-event-category":"Hamburger Navigation","data-event-action":`Together Click ${o+1}`,"data-event-label":h},i.createElement(je,null,i.createElement(Se,null,i.createElement(z,{avatar:null===(n=t.author)||void 0===n?void 0:n.avatar,username:(null===(p=t.author)||void 0===p?void 0:p.name)||(null===(l=t.author)||void 0===l?void 0:l.username)}),i.createElement(Me,null,i.createElement(Ue,{"data-theme":c},null===(d=t.author)||void 0===d?void 0:d.name),i.createElement(Ne,null,i.createElement(Te,{"data-event-category":"Hamburger Navigation","data-event-action":`Topic Click ${o+1}`,"data-event-label":m,onClick:e=>{e.preventDefault(),location.href=m},"data-theme":c},null===(s=t.community)||void 0===s?void 0:s.name),i.createElement(Pe,null,"•"),i.createElement(_e,{"data-theme":c},u)))),i.createElement(Oe,null,t.title)),!!(null===(g=t.photos)||void 0===g?void 0:g.length)&&i.createElement(Ee,{loading:"lazy",src:t.photos[0]}))},He=p.div`
+`;e.extend(D);const Ae=({post:t,index:o=0})=>{var a,n,p,d,l,s,g;const{siteType:c,configs:{statics:x}}=r(V);if(!t)return null;const m=[x.TOGETHER_URL_FE,null===(a=t.community)||void 0===a?void 0:a.slug].join("/"),h=[m,t.slug].join("/"),f=t.createdAt,b=f?isNaN(new Date(f).getTime())?null:new Date(f):null,u=b?e(b).toNow(!0):f;return i.createElement(Re,{href:h,"data-event-category":"Hamburger Navigation","data-event-action":`Together Click ${o+1}`,"data-event-label":h},i.createElement(je,null,i.createElement(Se,null,i.createElement(z,{avatar:null===(n=t.author)||void 0===n?void 0:n.avatar,username:(null===(p=t.author)||void 0===p?void 0:p.name)||(null===(d=t.author)||void 0===d?void 0:d.username)}),i.createElement(Me,null,i.createElement(Ue,{"data-theme":c},null===(l=t.author)||void 0===l?void 0:l.name),i.createElement(Ne,null,i.createElement(Te,{"data-event-category":"Hamburger Navigation","data-event-action":`Topic Click ${o+1}`,"data-event-label":m,onClick:e=>{e.preventDefault(),location.href=m},"data-theme":c},null===(s=t.community)||void 0===s?void 0:s.name),i.createElement(Pe,null,"•"),i.createElement(_e,{"data-theme":c},u)))),i.createElement(Oe,null,t.title)),!!(null===(g=t.photos)||void 0===g?void 0:g.length)&&i.createElement(Ee,{loading:"lazy",src:t.photos[0]}))},He=p.div`
   display: grid;
 
   grid-template-columns: repeat(3, 1fr);
@@ -940,7 +943,7 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-18a2ae59.js";import
 `,Ie=p.a`
   text-decoration: none;
   border-radius: 4px;
-  background: ${d.colors.primary50};
+  background: ${l.colors.primary50};
   position: relative;
   overflow: hidden;
   display: flex;
@@ -994,7 +997,7 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-18a2ae59.js";import
 `,Fe=p.div`
   display: flex;
   align-items: center;
-  color: ${d.colors.primaryBase};
+  color: ${l.colors.primaryBase};
   font-weight: 400;
   font-size: 14px;
   text-decoration: none;
@@ -1002,12 +1005,12 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-18a2ae59.js";import
   font-size: 16px;
   font-weight: 600;
   line-height: 1.4;
-  color: ${d.colors.gray800};
+  color: ${l.colors.gray800};
 `,Ve=p.p`
   font-size: 14px;
   line-height: 1.4;
   font-weight: 400;
-  color: ${d.colors.gray600};
+  color: ${l.colors.gray600};
   height: 40px;
   text-overflow: ellipsis;
   overflow: hidden;
@@ -1056,21 +1059,21 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-18a2ae59.js";import
   }
 
   &[data-color='pink'] {
-    background: ${d.mbColors.tonePink};
+    background: ${l.mbColors.tonePink};
     .bg-svg {
-      fill: ${d.mbColors.peach};
+      fill: ${l.mbColors.peach};
     }
   }
   &[data-color='orange'] {
-    background: ${d.mbColors.toneYellow};
+    background: ${l.mbColors.toneYellow};
     .bg-svg {
-      fill: ${d.mbColors.orange};
+      fill: ${l.mbColors.orange};
     }
   }
   &[data-color='green'] {
-    background: ${d.mbColors.toneGreen};
+    background: ${l.mbColors.toneGreen};
     .bg-svg {
-      fill: ${d.mbColors.mint};
+      fill: ${l.mbColors.mint};
     }
   }
 
@@ -1150,7 +1153,7 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-18a2ae59.js";import
   height: 20px;
 
   svg path {
-    fill: ${d.mbColors.gray};
+    fill: ${l.mbColors.gray};
   }
 
   ${t.tdDown} {
@@ -1159,7 +1162,7 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-18a2ae59.js";import
     font-weight: 400;
     font-size: 12px;
     line-height: 18px;
-    color: ${d.mbColors.pink};
+    color: ${l.mbColors.pink};
     padding-left: 16px;
   }
 `,We=p.p`
@@ -1167,13 +1170,13 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-18a2ae59.js";import
   font-size: 14px;
   line-height: 24px;
   letter-spacing: -0.2px;
-  color: ${d.colors.gray800};
+  color: ${l.colors.gray800};
 `,Xe=p.p`
   font-weight: 400;
   font-size: 12px;
   line-height: 18px;
   letter-spacing: -0.2px;
-  color: ${d.colors.gray600};
+  color: ${l.colors.gray600};
   height: 54px;
   text-overflow: ellipsis;
   overflow: hidden;
@@ -1233,18 +1236,18 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-18a2ae59.js";import
   width: 100%;
   align-items: center;
 
-  background-color: ${d.colors.white};
+  background-color: ${l.colors.white};
 
   transition: height 0.3s, transform 0.3s;
 
   &[data-site-type='helloSites'] {
-    border-bottom: 1px solid ${d.colors.neutral100};
+    border-bottom: 1px solid ${l.colors.neutral100};
   }
   &[data-sponsored='true'] {
     border-bottom: none;
   }
   &[data-marry-baby-tone='pink'] {
-    background-color: ${d.mbColors.lightPink};
+    background-color: ${l.mbColors.lightPink};
   }
 
   ${t.mbUp} {
@@ -1291,7 +1294,7 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-18a2ae59.js";import
 
   .marry-baby {
     input {
-      background: ${d.mbColors.lightGray};
+      background: ${l.mbColors.lightGray};
       border-radius: 16px;
       border: none;
     }
@@ -1378,7 +1381,7 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-18a2ae59.js";import
       padding-bottom: 10px;
     }
   }
-`;const lt=p.div`
+`;const dt=p.div`
   margin-left: 16px;
   display: flex;
   gap: 12px;
@@ -1392,7 +1395,7 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-18a2ae59.js";import
     margin-left: 0;
     gap: 10px;
   }
-`,dt=p.div`
+`,lt=p.div`
   display: flex;
   align-items: center;
   height: 100%;
@@ -1424,4 +1427,4 @@ import e from"dayjs";import{M as t}from"./screenSizeContext-18a2ae59.js";import
   > section * {
     pointer-events: auto;
   }
-`;export{qe as $,me as A,pe as B,le as C,xe as D,se as E,ge as F,de as G,he as H,ye as I,ue as J,fe as K,be as L,we as M,V as N,ve as O,$e as P,re as Q,De as R,C as S,ze as T,Be as U,ke as V,Ce as W,Ae as X,Le as Y,He as Z,Ie as _,j as a,Ze as a0,Ve as a1,Fe as a2,Ye as a3,Je as a4,et as a5,Ke as a6,it as a7,tt as a8,We as a9,Xe as aa,Qe as ab,Ge as ac,J as ad,K as ae,Q as af,ot as ag,at as ah,nt as ai,rt as aj,pt as ak,lt as al,dt as am,q as an,st as ao,E as b,U as c,T as d,B as e,P as f,H as g,L as h,G as i,I as j,Y as k,S as l,F as m,Z as n,M as o,A as p,N as q,W as r,X as s,te as t,_ as u,ee as v,ie as w,ne as x,oe as y,ae as z};
+`;export{qe as $,me as A,pe as B,de as C,xe as D,se as E,ge as F,le as G,he as H,ye as I,ue as J,be as K,fe as L,we as M,V as N,ve as O,$e as P,re as Q,De as R,C as S,ze as T,Be as U,ke as V,Ce as W,Ae as X,Le as Y,He as Z,Ie as _,j as a,Ze as a0,Ve as a1,Fe as a2,Ye as a3,Je as a4,et as a5,Ke as a6,it as a7,tt as a8,We as a9,Xe as aa,Qe as ab,Ge as ac,J as ad,K as ae,Q as af,ot as ag,at as ah,nt as ai,rt as aj,pt as ak,dt as al,lt as am,q as an,st as ao,E as b,U as c,T as d,B as e,P as f,H as g,L as h,G as i,I as j,Y as k,S as l,F as m,Z as n,M as o,A as p,N as q,W as r,X as s,te as t,_ as u,ee as v,ie as w,ne as x,oe as y,ae as z};

package/build/esm/{index.styled-36cb24ce.js → index.styled-e26007df.js}

@@ -1,4 +1,4 @@
-import{_ as e}from"./tslib.es6-70854b37.js";import t,{useMemo as o}from"react";import{L as n}from"./Subot-2c9e4c09.js";import{CommonGAssets as i}from"./gAssets.js";import{t as a}from"./theme-2bdea2f5.js";import r from"styled-components";import{I as s,i as l}from"./index-a2e81576.js";import{T as c}from"./index-956cdde0.js";const d=r.div`
+import{_ as e}from"./tslib.es6-7b491686.js";import t,{useMemo as o}from"react";import{L as n}from"./Subot-f581f4df.js";import{CommonGAssets as i}from"./gAssets.js";import{t as r}from"./theme-9d69f1a2.js";import a from"styled-components";import{I as s,i as l}from"./index-8dfb1724.js";import{T as c}from"./index-65d31851.js";const d=a.div`
   display: inline-flex;
   overflow: hidden;
   width: ${e=>e.size}px;
@@ -8,13 +8,13 @@ import{_ as e}from"./tslib.es6-70854b37.js";import t,{useMemo as o}from"react";i
   justify-content: center;
 
   border: 1px solid #e4e8ec;
-  background-color: ${e=>e.backgroundColor||a.colors.white};
+  background-color: ${e=>e.backgroundColor||r.colors.white};
   border-radius: ${e=>e.borderRadius||"50%"};
   & > * {
     width: ${e=>e.iconSize}px;
     height: ${e=>e.iconSize}px;
   }
-`,p=r.div`
+`,p=a.div`
   display: inline-block;
   height: 108px;
   background-color: ${e=>e.theme.colors.white};
@@ -36,14 +36,14 @@ import{_ as e}from"./tslib.es6-70854b37.js";import t,{useMemo as o}from"react";i
   & > * {
     pointer-events: none;
   }
-`,m=[n.Myanmar,n.Taiwan],b=r((n=>{var{icon:r,name:l,className:b,locale:g="en-PH",dataEventCategory:x,dataEventAction:h,dataEventLabel:v,onSelect:u}=n,f=e(n,["icon","name","className","locale","dataEventCategory","dataEventAction","dataEventLabel","onSelect"]);const w=o((()=>null==b?void 0:b.includes("selected-week-pill")),[b]);return t.createElement(p,Object.assign({onClick:u,className:b?"week-pill".concat(" non-pointer-event-child ",b):"week-pill non-pointer-event-child","data-event-category":x,"data-event-action":h,"data-event-label":v},f),t.createElement(d,{size:64,iconSize:40,backgroundColor:a.colors.white},t.createElement(s,{src:r||i.getAssetPath("week_default.png"),alt:`week ${l}`})),w?t.createElement(c,Object.assign({type:"semiBold",size:"n1",color:a.colors.gray800},m.includes(g)&&{style:{fontSize:"10px"}}),l):t.createElement(c,Object.assign({size:"n1",color:a.colors.gray600},m.includes(g)&&{style:{fontSize:"10px"}}),l))}))`
+`,m=[n.Myanmar,n.Taiwan],b=a((n=>{var{icon:a,name:l,className:b,locale:g="en-PH",dataEventCategory:x,dataEventAction:f,dataEventLabel:h,onSelect:v}=n,u=e(n,["icon","name","className","locale","dataEventCategory","dataEventAction","dataEventLabel","onSelect"]);const w=o((()=>null==b?void 0:b.includes("selected-week-pill")),[b]);return t.createElement(p,Object.assign({onClick:v,className:b?"week-pill".concat(" non-pointer-event-child ",b):"week-pill non-pointer-event-child","data-event-category":x,"data-event-action":f,"data-event-label":h},u),t.createElement(d,{size:64,iconSize:40,backgroundColor:r.colors.white},t.createElement(s,{src:a||i.getAssetPath("week_default.png"),alt:`week ${l}`})),w?t.createElement(c,Object.assign({type:"semiBold",size:"n1",color:r.colors.gray800},m.includes(g)&&{style:{fontSize:"10px"}}),l):t.createElement(c,Object.assign({size:"n1",color:r.colors.gray600},m.includes(g)&&{style:{fontSize:"10px"}}),l))}))`
   box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.08);
-`,g=r(l.Slide)`
+`,g=a(l.Slide)`
   cursor: pointer;
   > div * {
     pointer-events: none;
   }
-`,x=r(l)`
+`,x=a(l)`
   .centerred-pill-wrapper {
     padding: 16px 0;
   }

package/build/esm/{index.styled-17af4657.js → index.styled-ede7c10d.js}

@@ -1,4 +1,4 @@
-import*as e from"react";import t,{useState as a,useMemo as o,useCallback as i,createContext as r,useContext as n,useRef as l,useEffect as s}from"react";import{useMantineTheme as d,createStyles as c,Flex as p,Box as m,rem as u,Portal as g,Anchor as h,Accordion as v}from"@mantine/core";import{_ as b,a as f}from"./tslib.es6-70854b37.js";import{u as x,b as w}from"./useTranslations-d963b37f.js";import{T as y,H as E,I as C,P as k}from"./index-60f16dee.js";import{B as A,I as N,u as z,A as T,f as S,T as L}from"./index-a2e81576.js";import"@mantine/dates";import{d as V,D as P}from"./index-2be76d22.js";import{L as F}from"./Subot-2c9e4c09.js";import{CommonGAssets as j}from"./gAssets.js";import B from"dayjs";import{M as O,t as R}from"./screenSizeContext-18a2ae59.js";import M,{keyframes as I}from"styled-components";import{t as U}from"./theme-2bdea2f5.js";import{a as D}from"./number-33fd0b74.js";import{i as W}from"./isProduction-2e0a8f23.js";import"@mantine/hooks";import{M as H,N as Z,O as q,b as G,Q as X,R as Q,U as K,H as Y,V as $,W as J,X as _,Y as ee,Z as te,_ as ae,x as oe,$ as ie,y as re,a0 as ne,w as le,L as se,a1 as de}from"./index.styles-671382bc.js";import{format as ce}from"date-fns";import"./translationsContext-63b5cfff.js";import"string-format";import{B as pe}from"./index-9991cfb3.js";import{I as me}from"./index-162b9bde.js";import{U as ue,P as ge,a as he,b as ve,c as be,e as fe}from"./index-064bc751.js";import{g as xe}from"./routing-ec23ed74.js";import we from"dayjs/plugin/relativeTime";import{P as ye}from"./paths-64d19041.js";import{e as Ee}from"./constants-6cfaa1ef.js";import Ce from"lodash/debounce";import"./useCategory-00053487.js";import{M as ke}from"./index-2b4575ac.js";import"innertext";import{d as Ae,g as Ne}from"./cookieHelper-02a646ef.js";import"react-contenteditable";import"react-dom";import"@linaria/react";import"./utils-892d8a65.js";import"./index.styled-46a99590.js";import"./index-2d5104c5.js";const ze=t=>e.createElement("svg",Object.assign({width:"1em",height:"1em",viewBox:"0 0 16 16",fill:"currentColor"},t),e.createElement("path",{d:"M3.99403 3.32695C3.86141 3.32698 3.73181 3.36657 3.62181 3.44065C3.5118 3.51472 3.42638 3.61992 3.37648 3.7428C3.32658 3.86567 3.31445 4.00064 3.34165 4.13044C3.36885 4.26024 3.43415 4.37898 3.52919 4.47148L7.05784 8.00013L3.52919 11.5288C3.46521 11.5902 3.41413 11.6638 3.37894 11.7452C3.34375 11.8266 3.32516 11.9142 3.32425 12.0029C3.32335 12.0916 3.34015 12.1796 3.37368 12.2617C3.40721 12.3438 3.45678 12.4185 3.5195 12.4812C3.58222 12.5439 3.65682 12.5935 3.73894 12.627C3.82106 12.6605 3.90904 12.6773 3.99774 12.6764C4.08643 12.6755 4.17405 12.6569 4.25547 12.6217C4.33689 12.5865 4.41047 12.5355 4.4719 12.4715L8.00054 8.94283L11.5292 12.4715C11.5906 12.5355 11.6642 12.5865 11.7456 12.6217C11.827 12.6569 11.9147 12.6755 12.0034 12.6764C12.092 12.6773 12.18 12.6605 12.2621 12.627C12.3443 12.5935 12.4189 12.5439 12.4816 12.4812C12.5443 12.4185 12.5939 12.3439 12.6274 12.2617C12.6609 12.1796 12.6777 12.0916 12.6768 12.0029C12.6759 11.9142 12.6573 11.8266 12.6222 11.7452C12.587 11.6638 12.5359 11.5902 12.4719 11.5288L8.94325 8.00013L12.4719 4.47148C12.5682 4.37784 12.634 4.25728 12.6607 4.1256C12.6873 3.99392 12.6735 3.85726 12.6212 3.73354C12.5688 3.60982 12.4803 3.5048 12.3672 3.43224C12.2542 3.35969 12.1218 3.32299 11.9875 3.32695C11.8143 3.33211 11.6499 3.4045 11.5292 3.52877L8.00054 7.05742L4.4719 3.52877C4.40977 3.46491 4.33548 3.41415 4.2534 3.37948C4.17132 3.34482 4.08313 3.32696 3.99403 3.32695Z"})),Te={admin:"cardAuthor.admin",moderator:"cardAuthor.moderator",ambassador:"cardAuthor.ambassador",expert:"cardAuthor.expert",sponsor:"cardAuthor.sponsor",guide:"cardAuthor.guide",influencer:"cardAuthor.influencer"},Se=e=>{var{siteType:a,role:o,title:i,styles:r,className:n}=e,l=b(e,["siteType","role","title","styles","className"]);const{t:s}=x(),d=o?(e=>["admin","moderator","ambassador","expert","sponsor","guide","influencer"].find((t=>t===e)))(o):"",{classes:c,cx:p}=H(void 0,{name:"AuthorBadge",styles:r});return d&&Te[d]?t.createElement("div",Object.assign({className:p(c.root,n),"data-label-type":d,"data-is-marrybaby":"marryBaby"===a},l),i||s(Te[d])):null},Le=e=>{var{label:r,bookingId:n,bookingType:l="doctor",locale:s="vi-VN"}=e,d=b(e,["label","bookingId","bookingType","locale"]);const{t:c}=x(),[p,m]=a(!1),u=o((()=>"undefined"!=typeof window?window.location.href:""),[]),g=i((()=>f(void 0,void 0,void 0,(function*(){var e,t,a,o,i,r,d,c,p,u,g,h,v,b,f;const x="doctor"===l?ye.GET_DOCTOR_DETAIL:"hospital"===l?ye.GET_HOSPITAL_DETAIL:"service"===l?ye.GET_SERVICE_DETAIL:"";try{m(!0);const w=yield Z(q(x,{id:n,site:V[s]}),"get");if(1===(null==w?void 0:w._status)){const n="doctor"===l?{id:null===(t=null===(e=null==w?void 0:w._data)||void 0===e?void 0:e.doctor)||void 0===t?void 0:t.id,slug:null===(o=null===(a=null==w?void 0:w._data)||void 0===a?void 0:a.doctor)||void 0===o?void 0:o.slug,localSlug:null===(i=Ee[s])||void 0===i?void 0:i.DOCTOR}:"hospital"===l?{id:null===(d=null===(r=null==w?void 0:w._data)||void 0===r?void 0:r.branch)||void 0===d?void 0:d.id,slug:null===(p=null===(c=null==w?void 0:w._data)||void 0===c?void 0:c.branch)||void 0===p?void 0:p.slug,localSlug:null===(u=Ee[s])||void 0===u?void 0:u.HOSPITAL}:{id:null===(h=null===(g=null==w?void 0:w._data)||void 0===g?void 0:g.service)||void 0===h?void 0:h.id,slug:null===(b=null===(v=null==w?void 0:w._data)||void 0===v?void 0:v.service)||void 0===b?void 0:b.slug,localSlug:null===(f=Ee[s])||void 0===f?void 0:f.SERVICE};window.location.href=`https://${W?"":"discover."}${V[s]}/care/${n.localSlug}/${n.slug}-${n.id}/`}else m(!1)}catch(e){console.log(e),m(!1)}}))),[]);return n&&l?t.createElement(A,Object.assign({dataEventCategory:"Care",dataEventAction:"Comment - Quick Booking",dataEventLabel:u,onClick:g,loading:p},d),r||c("careBooking.bookAnAppointment")):null},Ve=M.select`
+import*as e from"react";import t,{useState as a,useMemo as o,useCallback as i,createContext as r,useContext as n,useRef as l,useEffect as s}from"react";import{useMantineTheme as d,createStyles as c,Flex as p,Box as m,rem as u,Portal as g,Anchor as h,Accordion as v}from"@mantine/core";import{_ as b,a as f}from"./tslib.es6-7b491686.js";import{u as x,b as w}from"./useTranslations-51dc4ab8.js";import{T as y,H as E,I as C,P as k}from"./index-fa32b4d8.js";import{B as A,I as N,u as z,A as T,f as S,T as L}from"./index-8dfb1724.js";import"@mantine/dates";import{d as V,D as P}from"./index-14839883.js";import{L as F}from"./Subot-f581f4df.js";import{CommonGAssets as j}from"./gAssets.js";import B from"dayjs";import{M as O,t as R}from"./screenSizeContext-f9a53919.js";import M,{keyframes as I}from"styled-components";import{t as U}from"./theme-9d69f1a2.js";import{a as D}from"./number-a14a26d2.js";import{i as W}from"./isProduction-d8d94564.js";import"@mantine/hooks";import{M as H,N as Z,O as q,b as G,Q as X,R as Q,U as K,H as Y,V as $,W as J,X as _,Y as ee,Z as te,_ as ae,x as oe,$ as ie,y as re,a0 as ne,w as le,L as se,a1 as de}from"./index.styles-95837b62.js";import{format as ce}from"date-fns";import"./translationsContext-a929820e.js";import"string-format";import{B as pe}from"./index-5ecfac85.js";import{I as me}from"./index-f1ff7dac.js";import{U as ue,P as ge,a as he,b as ve,c as be,e as fe}from"./index-1ac72931.js";import{g as xe}from"./routing-7c32cdb3.js";import we from"dayjs/plugin/relativeTime";import{P as ye}from"./paths-80d2b4f2.js";import{e as Ee}from"./constants-039f36fe.js";import Ce from"lodash/debounce";import"./useCategory-702b6604.js";import{M as ke}from"./index-622dbaca.js";import"innertext";import{d as Ae,g as Ne}from"./cookieHelper-1491c7ea.js";import"react-contenteditable";import"react-dom";import"@linaria/react";import"./utils-8849cc57.js";import"./index.styled-90fe28c0.js";import"./index-2f243424.js";const ze=t=>e.createElement("svg",Object.assign({width:"1em",height:"1em",viewBox:"0 0 16 16",fill:"currentColor"},t),e.createElement("path",{d:"M3.99403 3.32695C3.86141 3.32698 3.73181 3.36657 3.62181 3.44065C3.5118 3.51472 3.42638 3.61992 3.37648 3.7428C3.32658 3.86567 3.31445 4.00064 3.34165 4.13044C3.36885 4.26024 3.43415 4.37898 3.52919 4.47148L7.05784 8.00013L3.52919 11.5288C3.46521 11.5902 3.41413 11.6638 3.37894 11.7452C3.34375 11.8266 3.32516 11.9142 3.32425 12.0029C3.32335 12.0916 3.34015 12.1796 3.37368 12.2617C3.40721 12.3438 3.45678 12.4185 3.5195 12.4812C3.58222 12.5439 3.65682 12.5935 3.73894 12.627C3.82106 12.6605 3.90904 12.6773 3.99774 12.6764C4.08643 12.6755 4.17405 12.6569 4.25547 12.6217C4.33689 12.5865 4.41047 12.5355 4.4719 12.4715L8.00054 8.94283L11.5292 12.4715C11.5906 12.5355 11.6642 12.5865 11.7456 12.6217C11.827 12.6569 11.9147 12.6755 12.0034 12.6764C12.092 12.6773 12.18 12.6605 12.2621 12.627C12.3443 12.5935 12.4189 12.5439 12.4816 12.4812C12.5443 12.4185 12.5939 12.3439 12.6274 12.2617C12.6609 12.1796 12.6777 12.0916 12.6768 12.0029C12.6759 11.9142 12.6573 11.8266 12.6222 11.7452C12.587 11.6638 12.5359 11.5902 12.4719 11.5288L8.94325 8.00013L12.4719 4.47148C12.5682 4.37784 12.634 4.25728 12.6607 4.1256C12.6873 3.99392 12.6735 3.85726 12.6212 3.73354C12.5688 3.60982 12.4803 3.5048 12.3672 3.43224C12.2542 3.35969 12.1218 3.32299 11.9875 3.32695C11.8143 3.33211 11.6499 3.4045 11.5292 3.52877L8.00054 7.05742L4.4719 3.52877C4.40977 3.46491 4.33548 3.41415 4.2534 3.37948C4.17132 3.34482 4.08313 3.32696 3.99403 3.32695Z"})),Te={admin:"cardAuthor.admin",moderator:"cardAuthor.moderator",ambassador:"cardAuthor.ambassador",expert:"cardAuthor.expert",sponsor:"cardAuthor.sponsor",guide:"cardAuthor.guide",influencer:"cardAuthor.influencer"},Se=e=>{var{siteType:a,role:o,title:i,styles:r,className:n}=e,l=b(e,["siteType","role","title","styles","className"]);const{t:s}=x(),d=o?(e=>["admin","moderator","ambassador","expert","sponsor","guide","influencer"].find((t=>t===e)))(o):"",{classes:c,cx:p}=H(void 0,{name:"AuthorBadge",styles:r});return d&&Te[d]?t.createElement("div",Object.assign({className:p(c.root,n),"data-label-type":d,"data-is-marrybaby":"marryBaby"===a},l),i||s(Te[d])):null},Le=e=>{var{label:r,bookingId:n,bookingType:l="doctor",locale:s="vi-VN"}=e,d=b(e,["label","bookingId","bookingType","locale"]);const{t:c}=x(),[p,m]=a(!1),u=o((()=>"undefined"!=typeof window?window.location.href:""),[]),g=i((()=>f(void 0,void 0,void 0,(function*(){var e,t,a,o,i,r,d,c,p,u,g,h,v,b,f;const x="doctor"===l?ye.GET_DOCTOR_DETAIL:"hospital"===l?ye.GET_HOSPITAL_DETAIL:"service"===l?ye.GET_SERVICE_DETAIL:"";try{m(!0);const w=yield Z(q(x,{id:n,site:V[s]}),"get");if(1===(null==w?void 0:w._status)){const n="doctor"===l?{id:null===(t=null===(e=null==w?void 0:w._data)||void 0===e?void 0:e.doctor)||void 0===t?void 0:t.id,slug:null===(o=null===(a=null==w?void 0:w._data)||void 0===a?void 0:a.doctor)||void 0===o?void 0:o.slug,localSlug:null===(i=Ee[s])||void 0===i?void 0:i.DOCTOR}:"hospital"===l?{id:null===(d=null===(r=null==w?void 0:w._data)||void 0===r?void 0:r.branch)||void 0===d?void 0:d.id,slug:null===(p=null===(c=null==w?void 0:w._data)||void 0===c?void 0:c.branch)||void 0===p?void 0:p.slug,localSlug:null===(u=Ee[s])||void 0===u?void 0:u.HOSPITAL}:{id:null===(h=null===(g=null==w?void 0:w._data)||void 0===g?void 0:g.service)||void 0===h?void 0:h.id,slug:null===(b=null===(v=null==w?void 0:w._data)||void 0===v?void 0:v.service)||void 0===b?void 0:b.slug,localSlug:null===(f=Ee[s])||void 0===f?void 0:f.SERVICE};window.location.href=`https://${W?"":"discover."}${V[s]}/care/${n.localSlug}/${n.slug}-${n.id}/`}else m(!1)}catch(e){console.log(e),m(!1)}}))),[]);return n&&l?t.createElement(A,Object.assign({dataEventCategory:"Care",dataEventAction:"Comment - Quick Booking",dataEventLabel:u,onClick:g,loading:p},d),r||c("careBooking.bookAnAppointment")):null},Ve=M.select`
   --dropdown-padding: 12px 18px 12px 16px;
   position: relative;
   box-sizing: border-box;