@hhgtech/hhg-components 1.27.95 → 1.27.97

package/build/{index.styled-933c15dd.js → index.styled-ac98c34c.js}

@@ -1,4 +1,4 @@
-"use strict";var e=require("./screenSizeContext-52a038df.js"),t=require("styled-components"),i=require("./theme-7ea217c2.js"),o=require("./utils-6b39ab96.js"),a=require("react"),r=require("./useTranslations-86ed18f8.js"),n=require("./gAssets.js"),d=require("./tslib.es6-0dcc26ba.js"),l=require("./index-b269ad76.js"),p=require("./routing-ae376396.js"),s=require("dayjs"),x=require("dayjs/plugin/relativeTime");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var g=m(t),h=m(a),u=m(s),c=m(x);const f=g.default.div`
+"use strict";var e=require("./screenSizeContext-8d8226dc.js"),t=require("styled-components"),i=require("./theme-46d96035.js"),o=require("./index.styles-53f79814.js"),a=require("react"),r=require("./useTranslations-dcb718af.js"),n=require("./gAssets.js"),d=require("./tslib.es6-a8db223b.js"),l=require("./index-8d7e5c00.js"),p=require("./routing-aee6f2fb.js"),s=require("dayjs"),x=require("dayjs/plugin/relativeTime");function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=g(t),h=g(a),u=g(s),c=g(x);const f=m.default.div`
   position: fixed;
   left: 50%;
 
@@ -68,7 +68,7 @@
       border-radius: 50%;
     }
   }
-`,y=g.default.div`
+`,y=m.default.div`
   position: fixed;
   z-index: 110;
   top: 0;
@@ -81,7 +81,7 @@
   &[data-open='false'] {
     display: none;
   }
-`,b=g.default.a`
+`,b=m.default.a`
   display: inline-flex;
   position: relative;
   flex-direction: row;
@@ -100,12 +100,12 @@
   text-decoration: none;
 
   cursor: pointer;
-`,v=g.default.div`
+`,v=m.default.div`
   position: relative;
   display: inline-block;
-`,w=g.default.div`
+`,w=m.default.div`
   position: relative;
-`,$=g.default.div`
+`,$=m.default.div`
   position: absolute;
   z-index: 21;
   top: 100%;
@@ -133,7 +133,7 @@
       filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));
     }
   }
-`,M=g.default.div`
+`,M=m.default.div`
   display: flex;
   height: 40px;
   align-items: center;
@@ -150,7 +150,7 @@
   &[data-selected='false'] {
     background-color: ${e=>e.theme.colors.gray100};
   }
-`,C=g.default.div`
+`,C=m.default.div`
   position: fixed;
   z-index: 20;
   top: 0;
@@ -158,9 +158,9 @@
   width: 100%;
   height: 100%;
   cursor: default;
-`,k=g.default.div`
+`,k=m.default.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  `}
-`,S=g.default.div`
+`,S=m.default.div`
   position: absolute;
   right: 0;
   background-color: ${e=>e.theme.colors.white};
@@ -291,7 +291,7 @@
       border-radius: 50%;
     }
   }
-`,Q="hhgcomp-navprofilebutton-popup",z=o.getDefaultClassWrapper(S,Q),B=g.default.div`
+`,Q="hhgcomp-navprofilebutton-popup",z=o.getDefaultClassWrapper(S,Q),B=m.default.div`
   position: fixed;
   z-index: 150;
   top: var(--header-bottom, 69px);
@@ -321,7 +321,7 @@
   &[data-open='false'] {
     display: none;
   }
-`,D="hhgcomp-navprofilebutton-popupwrapper";o.getDefaultClassWrapper(B,D);const E=g.default.div`
+`,D="hhgcomp-navprofilebutton-popupwrapper";o.getDefaultClassWrapper(B,D);const E=m.default.div`
   width: 40px;
   height: 40px;
   cursor: pointer;
@@ -346,7 +346,7 @@
     font-size: 20px;
     font-weight: bold;
   }
-`,j=g.default.a`
+`,j=m.default.a`
   display: inline-flex;
   position: relative;
   width: 40px;
@@ -384,7 +384,7 @@
       display: initial;
     }
   }
-`,P=g.default.a`
+`,P=m.default.a`
   display: inline-flex;
   .login-btn[data-color='tertiary'][data-size='md'] {
     padding-left: 12px;
@@ -401,7 +401,7 @@
       display: block;
     }
   }
-`;var U="fVk18fq",T="v8TCvUb",A="mx7T4V3";const N={myHealth:i.theme.mbColors.toneYellow,myCommunity:i.theme.mbColors.toneBlue,mySaved:i.theme.mbColors.toneGreen},I={helloSites:{myBooking:()=>n.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-myBooking.svg"),myCommunity:()=>n.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-myCommunity.svg"),myFamily:()=>n.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-myFamily.svg"),myHealth:()=>n.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-myHealth.svg"),mySaved:()=>n.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-mySaved.svg"),eCom:()=>n.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-eCom.svg")},marryBaby:{mySaved:()=>n.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-mySaved.svg"),myCommunity:()=>n.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-myCommunity.svg"),myHealth:()=>n.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-myHealth.svg")}},_=99,G=300,L=400,O=210,R=g.default.div`
+`;var U="fVk18fq",T="v8TCvUb",A="mx7T4V3";const N={myHealth:i.theme.mbColors.toneYellow,myCommunity:i.theme.mbColors.toneBlue,mySaved:i.theme.mbColors.toneGreen},I={helloSites:{myBooking:()=>n.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-myBooking.svg"),myCommunity:()=>n.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-myCommunity.svg"),myFamily:()=>n.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-myFamily.svg"),myHealth:()=>n.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-myHealth.svg"),mySaved:()=>n.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-mySaved.svg"),eCom:()=>n.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-eCom.svg")},marryBaby:{mySaved:()=>n.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-mySaved.svg"),myCommunity:()=>n.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-myCommunity.svg"),myHealth:()=>n.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-myHealth.svg")}},_=99,G=300,L=400,O=210,R=m.default.div`
   background-color: white;
   text-align: center;
   .cancle-img {
@@ -448,7 +448,7 @@
       line-height: 24px;
     }
   }
-`,H=g.default.div`
+`,H=m.default.div`
   display: flex;
 
   ${e.MediaQueries.mbDown} {
@@ -465,7 +465,7 @@
   }
 
   ${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      ":""}
-`,W=h.default.createContext({}),q=g.default.div`
+`,W=h.default.createContext({}),q=m.default.div`
   position: fixed;
   z-index: 201;
   top: calc(100% + 1px); // border 1px
@@ -481,7 +481,7 @@
   .hhgcomp-navigation-popupwrapper-menuwrapper {
     position: unset;
   }
-`;g.default.div`
+`;m.default.div`
   position: fixed;
   bottom: 0;
   left: 0;
@@ -504,7 +504,7 @@
       height: 48px;
     }
   }
-`,g.default.div`
+`,m.default.div`
   display: flex;
 
   &[data-card-array-no-margin-style='true'] {
@@ -525,11 +525,11 @@
       margin: 0 4px;
     }
   }
-`,g.default.div`
+`,m.default.div`
   margin-top: 64px;
-`,g.default.div`
+`,m.default.div`
   padding: 24px 0;
-`,g.default.div`
+`,m.default.div`
   display: flex;
   width: 100%;
   align-items: center;
@@ -538,7 +538,7 @@
   & > div:first-child {
     margin-right: 8px;
   }
-`,g.default.div`
+`,m.default.div`
   z-index: ${O};
   align-items: center;
 
@@ -547,14 +547,14 @@
   box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),
     0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),
     0px 0px 1px rgba(0, 0, 0, 0.04);
-`,g.default.div`
+`,m.default.div`
   position: relative;
   display: flex;
   flex-wrap: wrap;
   align-items: flex-start;
   justify-content: flex-start;
   padding: 48px 0;
-`,g.default.div`
+`,m.default.div`
   position: relative;
   display: flex;
   flex-wrap: wrap;
@@ -563,7 +563,7 @@
   &[data-disabled-divider='false'] {
     border-right: 1px solid #e4e8ec;
   }
-`,g.default.div`
+`,m.default.div`
   width: 20%;
   padding-right: 16px;
   margin-bottom: 12px;
@@ -591,9 +591,9 @@
       margin-right: 16px;
     }
   }
-`,g.default.div`
+`,m.default.div`
   display: none;
-`,g.default.div`
+`,m.default.div`
   width: 33%;
   height: 48px;
   padding-right: 16px;
@@ -615,7 +615,7 @@
   & > a > p:hover {
     color: ${e=>e.theme.colors.primaryBase};
   }
-`,g.default.div`
+`,m.default.div`
   display: flex;
   align-items: center;
 
@@ -629,21 +629,21 @@
   &[data-theme='marryBaby'] {
     color: ${e=>e.theme.mbColors.pink};
   }
-`,g.default.div`
+`,m.default.div`
   display: flex;
   align-items: center;
 
   margin-left: 10px;
-`,g.default.div`
+`,m.default.div`
   position: absolute;
   top: 16px;
   right: 0;
   display: flex;
   align-items: center;
   cursor: pointer;
-`,g.default.div`
+`,m.default.div`
   display: block;
-`,g.default.div`
+`,m.default.div`
   .categories__spotlight {
     display: grid;
     margin: 16px;
@@ -723,13 +723,13 @@
       }
     }
   }
-`,g.default.div`
+`,m.default.div`
   width: 20%;
   height: 2px;
 
   background-color: ${e=>e.theme.mbColors.pink};
   border-radius: 2px;
-`;const V=g.default.div`
+`;const V=m.default.div`
   padding: 16px;
   padding-bottom: 12px;
   .fake-search-input {
@@ -747,7 +747,7 @@
       border: none;
     }
   }
-`,Y=g.default.div`
+`,Y=m.default.div`
   display: block;
   overflow-y: auto;
   flex: 1;
@@ -756,7 +756,7 @@
     width: 0;
     display: none;
   }
-`,F=a.memo((()=>h.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},h.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.97183 10.8732C3.97183 7.0617 7.0617 3.97183 10.8732 3.97183C14.6848 3.97183 17.7746 7.0617 17.7746 10.8732C17.7746 14.6848 14.6848 17.7746 10.8732 17.7746C7.0617 17.7746 3.97183 14.6848 3.97183 10.8732ZM10.8732 2C5.97268 2 2 5.97268 2 10.8732C2 15.7738 5.97268 19.7465 10.8732 19.7465C12.9683 19.7465 14.8938 19.0204 16.4118 17.8061L20.3169 21.7112C20.702 22.0963 21.3262 22.0963 21.7112 21.7112C22.0963 21.3262 22.0963 20.702 21.7112 20.3169L17.8061 16.4118C19.0204 14.8938 19.7465 12.9683 19.7465 10.8732C19.7465 5.97268 15.7738 2 10.8732 2Z",fill:"#8C8C8C"})))),Z=g.default.div`
+`,F=a.memo((()=>h.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},h.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.97183 10.8732C3.97183 7.0617 7.0617 3.97183 10.8732 3.97183C14.6848 3.97183 17.7746 7.0617 17.7746 10.8732C17.7746 14.6848 14.6848 17.7746 10.8732 17.7746C7.0617 17.7746 3.97183 14.6848 3.97183 10.8732ZM10.8732 2C5.97268 2 2 5.97268 2 10.8732C2 15.7738 5.97268 19.7465 10.8732 19.7465C12.9683 19.7465 14.8938 19.0204 16.4118 17.8061L20.3169 21.7112C20.702 22.0963 21.3262 22.0963 21.7112 21.7112C22.0963 21.3262 22.0963 20.702 21.7112 20.3169L17.8061 16.4118C19.0204 14.8938 19.7465 12.9683 19.7465 10.8732C19.7465 5.97268 15.7738 2 10.8732 2Z",fill:"#8C8C8C"})))),Z=m.default.div`
   padding-right: 1rem;
   margin-top: 10px;
   background: #ffffff;
@@ -764,7 +764,7 @@
   ${e.MediaQueries.mbUp} {
     border-right: 1px solid #e4e8ec;
   }
-`,K=g.default.a`
+`,K=m.default.a`
   padding: 10px 0;
   position: relative;
 
@@ -812,19 +812,19 @@
       }
     }
   }
-`,J=g.default.div`
+`,J=m.default.div`
   margin: 15px 0;
   ${e.MediaQueries.mbDown} {
     display: none;
   }
-`,X=g.default.div`
+`,X=m.default.div`
   display: flex;
   position: absolute;
   right: 0;
   ${e.MediaQueries.mbUp} {
     display: none;
   }
-`,ee=g.default.div`
+`,ee=m.default.div`
   display: flex;
   align-items: center;
   color: ${e=>e.theme.colors.primaryBase};
@@ -839,11 +839,11 @@
   &[data-theme='marryBaby'] {
     color: ${e=>e.theme.mbColors.pink};
   }
-`,te=g.default.div`
+`,te=m.default.div`
   display: flex;
   align-items: center;
   margin-left: 10px;
-`,ie=g.default.a`
+`,ie=m.default.a`
   border: 1px solid ${e=>e.theme.colors.primaryBase};
   &[data-theme='marryBaby'] {
     border: 1px solid ${e=>e.theme.mbColors.pink};
@@ -862,7 +862,7 @@
   ${e.MediaQueries.mbDown} {
     display: none;
   }
-`;g.default.div`
+`;m.default.div`
   & > a:not(:last-child) > div {
     border-bottom: 1px solid
       ${e=>e.theme.colors.neutral100};
@@ -875,7 +875,7 @@
   &[data-is-displayed='false'] {
     display: none;
   }
-`;const oe=g.default.div`
+`;const oe=m.default.div`
   display: grid;
 
   grid-template-columns: repeat(3, 1fr);
@@ -884,7 +884,7 @@
   ${e.MediaQueries.tdDown} {
     grid-template-columns: repeat(1, 1fr);
   }
-`,ae=g.default.div`
+`,ae=m.default.div`
   height: 152px; // 120 + 16 * 2
   position: absolute;
   top: 0;
@@ -915,12 +915,12 @@
   ${e.MediaQueries.mbDown} {
     width: 80px;
   }
-`,re=g.default.div`
+`,re=m.default.div`
   background-color: #ffffff;
   border-radius: 4px;
   width: 100%;
   height: 100%;
-`,ne=g.default.div`
+`,ne=m.default.div`
   display: flex;
   margin-top: 1rem;
   align-items: center;
@@ -931,7 +931,7 @@
   ${e.MediaQueries.tdDown} {
     display: none;
   }
-`,de=g.default.p`
+`,de=m.default.p`
   font-size: 16px;
   font-weight: 600;
   line-height: 1.6;
@@ -939,7 +939,7 @@
   ${e.MediaQueries.tdDown} {
     padding: 0;
   }
-`,le=g.default.p`
+`,le=m.default.p`
   font-size: 14px;
   line-height: 1.6;
   font-weight: 400;
@@ -955,7 +955,7 @@
     height: unset;
     padding: 0;
   }
-`,pe=g.default.div`
+`,pe=m.default.div`
   display: flex;
   flex-direction: column;
   gap: 8px;
@@ -964,7 +964,7 @@
   ${e.MediaQueries.tdDown} {
     gap: 4px;
   }
-`,se="hhgcomp-navigation-menucareitem-contentwrapper",xe=o.getDefaultClassWrapper(pe,se),me=g.default.a`
+`,se="hhgcomp-navigation-menucareitem-contentwrapper",xe=o.getDefaultClassWrapper(pe,se),ge=m.default.a`
   text-decoration: none;
   border-radius: 4px;
   background: ${i.theme.colors.white};
@@ -1026,7 +1026,7 @@
     position: absolute;
     display: inline-block;
   }
-`,ge=g.default.div`
+`,me=m.default.div`
   padding: 16px;
   border-radius: 8px;
   position: relative;
@@ -1058,26 +1058,26 @@
     grid-gap: 10px;
     grid-template-columns: 1fr 3fr;
   }
-`,he=g.default.div`
+`,he=m.default.div`
   font-weight: 400;
   font-size: 14px;
   line-height: 24px;
   color: ${e=>e.theme.colors.gray600};
   margin-bottom: 15px;
-`,ue=g.default.div`
+`,ue=m.default.div`
   font-weight: 600;
   font-size: 16px;
   line-height: 26px;
   color: #000000;
   margin-bottom: 4px;
-`,ce=g.default.div`
+`,ce=m.default.div`
   background: #fff;
   padding: 5px;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 50px;
-`,fe=g.default.div`
+`,fe=m.default.div`
   display: flex;
   justify-content: center;
   align-items: center;
@@ -1086,7 +1086,7 @@
     justify-content: end;
     min-height: 100px;
   }
-`,ye=g.default.div`
+`,ye=m.default.div`
   margin-top: 10px;
   background: #ffffff;
   padding: 5px 15px;
@@ -1102,10 +1102,10 @@
       content: '';
     }
   }
-`,be=g.default.div`
+`,be=m.default.div`
   margin: 15px 0;
   display: flex;
-`,ve=g.default.a`
+`,ve=m.default.a`
   padding-left: 10px;
   display: flex;
   align-items: center;
@@ -1122,7 +1122,7 @@
   ${e.MediaQueries.mbDown} {
     margin-left: auto;
   }
-`;g.default.div`
+`;m.default.div`
   &[data-category-list-type='sub'] {
     padding-bottom: 72px;
   }
@@ -1130,12 +1130,12 @@
   &[data-is-displayed='false'] {
     display: none;
   }
-`,g.default.div`
+`,m.default.div`
   & > div {
     width: 100%;
     margin-bottom: 8px;
   }
-`;const we=g.default.div`
+`;const we=m.default.div`
   display: grid;
 
   grid-template-columns: repeat(4, 1fr);
@@ -1144,7 +1144,7 @@
     gap: 12px;
     grid-template-columns: 1fr;
   }
-`,$e=g.default.a`
+`,$e=m.default.a`
   width: 100%;
   display: flex;
   align-items: center;
@@ -1152,7 +1152,7 @@
   * {
     pointer-events: none;
   }
-`,Me=g.default.div`
+`,Me=m.default.div`
   border-radius: 5px;
   display: block;
   overflow: hidden;
@@ -1173,7 +1173,7 @@
     width: 72px;
     padding-top: 100px;
   }
-`,Ce=g.default.p`
+`,Ce=m.default.p`
   font-size: 16px;
   font-weight: 400;
   padding: 4px 15px;
@@ -1183,7 +1183,7 @@
   ${e.MediaQueries.tdUp} {
     display: none;
   }
-`;g.default.div`
+`;m.default.div`
   & > :not(:last-child) {
     border-bottom: 1px solid
       ${e=>e.theme.colors.neutral100};
@@ -1201,12 +1201,12 @@
   &[data-is-displayed='false'] {
     display: none;
   }
-`,g.default.div`
+`,m.default.div`
   & > div {
     width: 100%;
     margin-bottom: 8px;
   }
-`;const ke=g.default.div`
+`;const ke=m.default.div`
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   grid-gap: 48px;
@@ -1217,7 +1217,7 @@
   ${e.MediaQueries.mbDown} {
     grid-gap: 24px;
   }
-`,Se=g.default.div`
+`,Se=m.default.div`
   width: ${e=>e.size||40}px;
   height: ${e=>e.size||40}px;
   flex-shrink: 0;
@@ -1250,15 +1250,15 @@
       background-color: ${e=>e.theme.mbColors.pink};
     }
   }
-`,Qe=e=>{var{className:t,isMarryBaby:i,style:r,avatar:n,username:l,size:p}=e,s=d.__rest(e,["className","isMarryBaby","style","avatar","username","size"]);const{data:{env:{isMarryBaby:x}}}=a.useContext(o.TogetherComponentGlobalContext),m="boolean"==typeof i?i:x,[g,u]=a.useState(!1);return a.useEffect((()=>{const e=new Image;e.onerror=()=>{u(!0)},e.src=n}),[]),h.default.createElement(Se,Object.assign({"data-is-marrybaby":m,className:t,style:r,size:p},s),n&&!g?h.default.createElement("img",{loading:"lazy",src:n,className:"avatar",alt:"avatar",onError:()=>{u(!0)}}):h.default.createElement("div",{className:"avatar avatar-default"},l&&(null==l?void 0:l.length)>0?l[0].toUpperCase():"A"))},ze=g.default.div`
+`,Qe=e=>{var{className:t,isMarryBaby:i,style:r,avatar:n,username:l,size:p}=e,s=d.__rest(e,["className","isMarryBaby","style","avatar","username","size"]);const{data:{env:{isMarryBaby:x}}}=a.useContext(o.TogetherComponentGlobalContext),g="boolean"==typeof i?i:x,[m,u]=a.useState(!1);return a.useEffect((()=>{const e=new Image;e.onerror=()=>{u(!0)},e.src=n}),[]),h.default.createElement(Se,Object.assign({"data-is-marrybaby":g,className:t,style:r,size:p},s),n&&!m?h.default.createElement("img",{loading:"lazy",src:n,className:"avatar",alt:"avatar",onError:()=>{u(!0)}}):h.default.createElement("div",{className:"avatar avatar-default"},l&&(null==l?void 0:l.length)>0?l[0].toUpperCase():"A"))},ze=m.default.div`
   padding: 5px;
   flex: 1;
-`,Be=g.default.img`
+`,Be=m.default.img`
   width: 88px;
   height: 88px;
   border-radius: 4px;
   object-fit: cover;
-`,De=g.default.div`
+`,De=m.default.div`
   font-size: 12px;
   font-weight: 600;
   color: ${e=>e.theme.colors.gray800};
@@ -1267,7 +1267,7 @@
     font-weight: 400;
     letter-spacing: -0.2px;
   }
-`,Ee=g.default.div`
+`,Ee=m.default.div`
   text-decoration: none;
   font-size: 12px;
   font-weight: 400;
@@ -1276,15 +1276,15 @@
     font-weight: 400;
     letter-spacing: -0.2px;
   }
-`,je=g.default.div`
+`,je=m.default.div`
   font-size: 12px;
   font-weight: 400;
   color: ${e=>e.theme.colors.gray600};
-`,Pe=g.default.div`
+`,Pe=m.default.div`
   font-size: 12px;
   font-weight: 400;
   color: ${e=>e.theme.colors.gray600};
-`,Ue=g.default.a`
+`,Ue=m.default.a`
   display: flex;
   gap: 10px;
   text-decoration: none;
@@ -1317,12 +1317,12 @@
       }
     }
   }
-`,Te=g.default.div`
+`,Te=m.default.div`
   display: flex;
   gap: 10px;
   vertical-align: middle;
   align-items: center;
-`,Ae=g.default.div`
+`,Ae=m.default.div`
   margin-top: 8px;
   font-size: 16px;
   font-weight: 600;
@@ -1334,20 +1334,20 @@
     line-height: 24px;
     letter-spacing: -0.2px;
   }
-`,Ne=g.default.div`
+`,Ne=m.default.div`
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   column-gap: 5px;
-`,Ie=g.default.div`
+`,Ie=m.default.div`
   display: flex;
   gap: 4px;
   flex-direction: column;
-`;u.default.extend(c.default);g.default.div`
+`;u.default.extend(c.default);m.default.div`
   &[data-is-display='false'] {
     display: none;
   }
-`;const _e=g.default.div`
+`;const _e=m.default.div`
   display: grid;
 
   grid-template-columns: repeat(3, 1fr);
@@ -1356,7 +1356,7 @@
     grid-template-columns: 1fr;
     gap: 12px;
   }
-`,Ge=g.default.a`
+`,Ge=m.default.a`
   text-decoration: none;
   border-radius: 4px;
   background: ${e=>e.theme.colors.primary50};
@@ -1387,7 +1387,7 @@
     display: flex;
     align-items: center;
   }
-`,Le=g.default.div`
+`,Le=m.default.div`
   width: 64px;
   height: 64px;
   background: white;
@@ -1410,19 +1410,19 @@
     top: unset;
     right: unset;
   }
-`,Oe=g.default.div`
+`,Oe=m.default.div`
   display: flex;
   align-items: center;
   color: ${e=>e.theme.colors.primaryBase};
   font-weight: 400;
   font-size: 14px;
   text-decoration: none;
-`,Re=g.default.p`
+`,Re=m.default.p`
   font-size: 16px;
   font-weight: 600;
   line-height: 1.4;
   color: ${e=>e.theme.colors.gray800};
-`,He=g.default.p`
+`,He=m.default.p`
   font-size: 14px;
   line-height: 1.4;
   font-weight: 400;
@@ -1437,7 +1437,7 @@
   ${e.MediaQueries.tdDown} {
     display: none;
   }
-`,We=g.default.div`
+`,We=m.default.div`
   display: flex;
   flex-direction: column;
   flex: 1;
@@ -1449,7 +1449,7 @@
     gap: 4px;
     flex: 1;
   }
-`,qe=g.default.a`
+`,qe=m.default.a`
   text-decoration: none;
   border-radius: 12px;
 
@@ -1529,7 +1529,7 @@
       display: none;
     }
   }
-`,Ve=g.default.div`
+`,Ve=m.default.div`
   width: 48px;
   height: 48px;
   background: white;
@@ -1557,7 +1557,7 @@
     left: 32px;
     top: 28px;
   }
-`,Ye=g.default.div`
+`,Ye=m.default.div`
   display: flex;
   align-items: center;
   background: white;
@@ -1581,13 +1581,13 @@
     color: ${e=>e.theme.mbColors.pink};
     padding-left: 16px;
   }
-`,Fe=g.default.p`
+`,Fe=m.default.p`
   font-weight: 600;
   font-size: 14px;
   line-height: 24px;
   letter-spacing: -0.2px;
   color: ${e=>e.theme.colors.gray800};
-`,Ze=g.default.p`
+`,Ze=m.default.p`
   font-weight: 400;
   font-size: 12px;
   line-height: 18px;
@@ -1603,7 +1603,7 @@
   ${e.MediaQueries.tdDown} {
     display: none;
   }
-`,Ke=g.default.div`
+`,Ke=m.default.div`
   display: flex;
   flex: 1;
   z-index: 1;
@@ -1619,7 +1619,7 @@
     justify-content: flex-start;
     gap: 4px;
   }
-`,Je=g.default.div`
+`,Je=m.default.div`
   display: flex;
   flex-direction: column;
   flex: 1;
@@ -1632,7 +1632,7 @@
     flex: 1;
     padding-left: 16px;
   }
-`,Xe=g.default.div`
+`,Xe=m.default.div`
   display: flex;
   flex-direction: row;
   flex: 1;
@@ -1647,7 +1647,7 @@
     justify-content: flex-start;
     align-items: flex-start;
   }
-`,et=g.default.div`
+`,et=m.default.div`
   z-index: 201;
   width: 100%;
   align-items: center;
@@ -1733,7 +1733,7 @@
       right: 16px;
     }
   }
-`,tt=g.default.div`
+`,tt=m.default.div`
   display: flex;
   height: 100%;
   align-items: center;
@@ -1749,7 +1749,7 @@
     position: relative;
     height: 64px;
     background: white;
-    gap: 1rem;
+    gap: 2px;
   }
 
   &[data-site-type='marryBaby'] {
@@ -1760,7 +1760,7 @@
       max-width: 1064px;
     }
   }
-`,it=g.default.div`
+`,it=m.default.div`
   display: flex;
   align-items: center;
   height: 100%;
@@ -1769,10 +1769,13 @@
     flex-shrink: 0;
     gap: 16px;
   }
+  ${e.MediaQueries.pcDown} {
+    gap: 12px;
+  }
   &[data-site-type='marryBaby'] {
     gap: 26px;
   }
-`,ot=g.default.div``,at=g.default.div`
+`,ot=m.default.div``,at=m.default.div`
   display: flex;
   align-items: center;
   height: 100%;
@@ -1796,7 +1799,7 @@
       text-decoration: none;
     }
   }
-`;g.default.div`
+`;m.default.div`
   .fake-search-input {
     pointer-events: none;
     input {
@@ -1805,7 +1808,7 @@
       padding-bottom: 10px;
     }
   }
-`;const rt=g.default.div`
+`;const rt=m.default.div`
   margin-left: 16px;
   display: flex;
   gap: 12px;
@@ -1816,17 +1819,17 @@
     gap: 8px;
   }
   ${e.MediaQueries.mbDown} {
-    margin-left: 12px;
+    margin-left: 0;
     gap: 10px;
   }
-`,nt=g.default.div`
+`,nt=m.default.div`
   display: flex;
   align-items: center;
   height: 100%;
   &[data-site-type='marryBaby'] {
     gap: 26px;
   }
-`,dt=g.default.div`
+`,dt=m.default.div`
   --header-z-index: 305;
   top: 0;
   z-index: var(--header-z-index);
@@ -1851,11 +1854,11 @@
   > section * {
     pointer-events: auto;
   }
-`;g.default.div`
+`;m.default.div`
   display: flex;
   align-items: center;
   gap: 8px;
-`,g.default.a`
+`,m.default.a`
   &[data-is-active='true'] {
     color: unset;
   }
@@ -1863,4 +1866,4 @@
   font-weight: 700;
   line-height: 22px;
   text-decoration: none;
-`,exports.Item=({post:e,index:t=0})=>{var i,o,r,n,d,l,p;const{siteType:s,configs:{statics:x}}=a.useContext(W);if(!e)return null;const m=[x.TOGETHER_URL_FE,null===(i=e.community)||void 0===i?void 0:i.slug].join("/"),g=[m,e.slug].join("/"),c=e.createdAt,f=c?isNaN(new Date(c).getTime())?null:new Date(c):null,y=f?u.default(f).toNow(!0):c;return h.default.createElement(Ue,{href:g,"data-event-category":"Hamburger Navigation","data-event-action":`Together Click ${t+1}`,"data-event-label":g},h.default.createElement(ze,null,h.default.createElement(Te,null,h.default.createElement(Qe,{avatar:null===(o=e.author)||void 0===o?void 0:o.avatar,username:(null===(r=e.author)||void 0===r?void 0:r.name)||(null===(n=e.author)||void 0===n?void 0:n.username)}),h.default.createElement(Ie,null,h.default.createElement(De,{"data-theme":s},null===(d=e.author)||void 0===d?void 0:d.name),h.default.createElement(Ne,null,h.default.createElement(Ee,{"data-event-category":"Hamburger Navigation","data-event-action":`Topic Click ${t+1}`,"data-event-label":m,onClick:e=>{e.preventDefault(),location.href=m},"data-theme":s},null===(l=e.community)||void 0===l?void 0:l.name),h.default.createElement(Pe,null,"•"),h.default.createElement(je,{"data-theme":s},y)))),h.default.createElement(Ae,null,e.title)),!!(null===(p=e.photos)||void 0===p?void 0:p.length)&&h.default.createElement(Be,{loading:"lazy",src:e.photos[0]}))},exports.NavigationCard=({type:e,themeName:t,className:i,onClick:o=(()=>{})})=>{const{t:n}=r.useTranslations(),d=a.useMemo((()=>{var i,o;return(null===(o=null===(i=I[t])||void 0===i?void 0:i[e])||void 0===o?void 0:o.call(i))||""}),[e,t]),l=a.useMemo((()=>"marryBaby"!==t?"transparent":N[e]),[e,t]);return h.default.createElement("div",{onClick:function(){o(e)},className:`${U} ${i}`},h.default.createElement("div",{className:A,style:{backgroundColor:l,backgroundImage:`url("${d}")`}}),h.default.createElement("h3",{className:T},n(`userProfile.nav.card.${e}`)))},exports.NavigationContext=W,exports.NavigationProvider=e=>{var{children:t}=e,i=d.__rest(e,["children"]);const[r,n]=h.default.useState((()=>i.currentUrl||`https://${"marryBaby"===i.siteType?o.domainLocalesMarryBaby[i.locale||"en-PH"]:l.domainLocales[i.locale||"en-PH"]}${"together"===i.projectType?"/community":"ecom"===i.projectType?"/ecom":"care"===i.projectType?"/care":""}/`));a.useEffect((()=>{const e=()=>{n(window.location.href)};return window.addEventListener("popstate",e),e(),()=>{window.removeEventListener("popstate",e)}}),[]);const s=(({locale:e,projectType:t,isMobile:i,siteType:o,enableBookingBtn:r})=>a.useMemo((()=>{const a=!(!i&&"profile"===t),n="discover"===t||"marryBaby"===t||"profile"===t&&"marryBaby"===o,d="marryBaby"!==o&&"marryBaby"!==t&&l.CARE_LOCALES.includes(e),s=r&&"marryBaby"!==t&&"discover"===t&&"marryBaby"!==o&&l.CARE_BOOKING_LOCALES.includes(e),x="marryBaby"===t||l.TOGETHER_LOCALES.includes(e),m="marryBaby"!==o&&l.ECOM_LOCALES.includes(e),g="ecom"===t;let h=p.getCurrentBaseUrl(e,"marryBaby"===o);"undefined"!=typeof window&&(h.includes("//id.")&&(h=h.replace("id.","")),h.includes("//staging-id.")&&(h=h.replace("staging-id.","discover.")));return{enableProfileNavigatorMenu:a,enableSearchBar:n,enableNavCare:d,enableNavCareBooking:s,enableNavTogether:x,enableNavEcom:m,enableProfileEcom:g,enableProfileMyHealth:!0,enableNavDiscover:!0,enableNavHealthTools:!0,enableProfileMySaved:!0,statics:{HOME_PAGE_URL:h,CARE_URL_FE:`${h}/care`,TOGETHER_URL_FE:`${h}/community`,SSO_URL:p.getCurrentSsoUrl(e,"marryBaby"===o),TOGETHER_API:p.getTogetherApiDomain(),DISCOVER_API:p.getDiscoverApiDomain(e)}}}),[e,t,i]))({locale:i.locale,projectType:i.projectType,isMobile:i.isMobile,siteType:i.siteType,enableBookingBtn:i.enableBookingBtn});return h.default.createElement(W.Provider,{value:Object.assign(Object.assign({},i),{configs:Object.assign(Object.assign({},s),i.configs),currentUrl:i.currentUrl||r})},t)},exports.SearchIcon=F,exports.StyleSelectionPopup=$,exports.StyledAvatar=E,exports.StyledBtnView=ne,exports.StyledBtnView$1=Oe,exports.StyledBtnView$2=Ye,exports.StyledButtonGroup=H,exports.StyledContainer=dt,exports.StyledContainerItems=oe,exports.StyledContainerItems$1=we,exports.StyledContainerItems$2=ke,exports.StyledContainerItems$3=_e,exports.StyledContainerNoPosts=ge,exports.StyledContent=Je,exports.StyledContentLeft=ce,exports.StyledContentWrapper=xe,exports.StyledContentWrapper$1=We,exports.StyledContentWrapper$2=Ke,exports.StyledDes=le,exports.StyledDes$1=He,exports.StyledDes$2=Ze,exports.StyledDescription=he,exports.StyledDisplayWrapper=k,exports.StyledHeader=tt,exports.StyledHeaderWrapper=et,exports.StyledHeading=J,exports.StyledHeading$1=be,exports.StyledIconNav=X,exports.StyledImageCard=ae,exports.StyledImageCard$1=Me,exports.StyledImageCard$2=Le,exports.StyledImageCard$3=Ve,exports.StyledImageCardInner=re,exports.StyledImageWrapper=j,exports.StyledImageWrapper$1=te,exports.StyledItem=K,exports.StyledItem$1=me,exports.StyledItem$2=$e,exports.StyledItem$3=Ge,exports.StyledItem$4=qe,exports.StyledItemAll=ee,exports.StyledItemGridLeft=Z,exports.StyledItemGridRight=ye,exports.StyledLanguageChangeLink=b,exports.StyledLeft=fe,exports.StyledLeftGroup=it,exports.StyledLoggedOutAnchor=P,exports.StyledLogoWrapper=ot,exports.StyledMasterMenuContainer=q,exports.StyledOption=M,exports.StyledPopup=z,exports.StyledPopup$1=R,exports.StyledPopup$2=f,exports.StyledPopupBackground=C,exports.StyledPopupWrapper=y,exports.StyledProfileNavGroup=rt,exports.StyledRightGroup=at,exports.StyledSelectionContainer=v,exports.StyledSelectionLabel=w,exports.StyledServiceListMenuSearchInputWrapper=V,exports.StyledTitle=de,exports.StyledTitle$1=ue,exports.StyledTitle$2=Ce,exports.StyledTitle$3=Re,exports.StyledTitle$4=Fe,exports.StyledViewMore=ie,exports.StyledViewMore$1=ve,exports.StyledWrapMenuItems=nt,exports.StyledWrapName=Xe,exports.StyledWrapper=Y,exports.TOGETHER_PATHS={COMMUNITIES:"community?website_url={websiteUrl}",MENU_TOPIC:"topic?community_id={communityId}&website_url={websiteUrl}",GET_USER_POSTS:"profile/posts?website_url={websiteUrl}"},exports.UserAvatar=Qe;
+`,exports.Item=({post:e,index:t=0})=>{var i,o,r,n,d,l,p;const{siteType:s,configs:{statics:x}}=a.useContext(W);if(!e)return null;const g=[x.TOGETHER_URL_FE,null===(i=e.community)||void 0===i?void 0:i.slug].join("/"),m=[g,e.slug].join("/"),c=e.createdAt,f=c?isNaN(new Date(c).getTime())?null:new Date(c):null,y=f?u.default(f).toNow(!0):c;return h.default.createElement(Ue,{href:m,"data-event-category":"Hamburger Navigation","data-event-action":`Together Click ${t+1}`,"data-event-label":m},h.default.createElement(ze,null,h.default.createElement(Te,null,h.default.createElement(Qe,{avatar:null===(o=e.author)||void 0===o?void 0:o.avatar,username:(null===(r=e.author)||void 0===r?void 0:r.name)||(null===(n=e.author)||void 0===n?void 0:n.username)}),h.default.createElement(Ie,null,h.default.createElement(De,{"data-theme":s},null===(d=e.author)||void 0===d?void 0:d.name),h.default.createElement(Ne,null,h.default.createElement(Ee,{"data-event-category":"Hamburger Navigation","data-event-action":`Topic Click ${t+1}`,"data-event-label":g,onClick:e=>{e.preventDefault(),location.href=g},"data-theme":s},null===(l=e.community)||void 0===l?void 0:l.name),h.default.createElement(Pe,null,"•"),h.default.createElement(je,{"data-theme":s},y)))),h.default.createElement(Ae,null,e.title)),!!(null===(p=e.photos)||void 0===p?void 0:p.length)&&h.default.createElement(Be,{loading:"lazy",src:e.photos[0]}))},exports.NavigationCard=({type:e,themeName:t,className:i,onClick:o=(()=>{})})=>{const{t:n}=r.useTranslations(),d=a.useMemo((()=>{var i,o;return(null===(o=null===(i=I[t])||void 0===i?void 0:i[e])||void 0===o?void 0:o.call(i))||""}),[e,t]),l=a.useMemo((()=>"marryBaby"!==t?"transparent":N[e]),[e,t]);return h.default.createElement("div",{onClick:function(){o(e)},className:`${U} ${i}`},h.default.createElement("div",{className:A,style:{backgroundColor:l,backgroundImage:`url("${d}")`}}),h.default.createElement("h3",{className:T},n(`userProfile.nav.card.${e}`)))},exports.NavigationContext=W,exports.NavigationProvider=e=>{var{children:t}=e,i=d.__rest(e,["children"]);const[r,n]=h.default.useState((()=>i.currentUrl||`https://${"marryBaby"===i.siteType?o.domainLocalesMarryBaby[i.locale||"en-PH"]:l.domainLocales[i.locale||"en-PH"]}${"together"===i.projectType?"/community":"ecom"===i.projectType?"/ecom":"care"===i.projectType?"/care":""}/`));a.useEffect((()=>{const e=()=>{n(window.location.href)};return window.addEventListener("popstate",e),e(),()=>{window.removeEventListener("popstate",e)}}),[]);const s=(({locale:e,projectType:t,isMobile:i,siteType:o,enableBookingBtn:r})=>a.useMemo((()=>{const a=!(!i&&"profile"===t),n="discover"===t||"marryBaby"===t||"profile"===t&&"marryBaby"===o,d="marryBaby"!==o&&"marryBaby"!==t&&l.CARE_LOCALES.includes(e),s=r&&"marryBaby"!==t&&"discover"===t&&"marryBaby"!==o&&l.CARE_BOOKING_LOCALES.includes(e),x="marryBaby"===t||l.TOGETHER_LOCALES.includes(e),g="marryBaby"!==o&&l.ECOM_LOCALES.includes(e),m="ecom"===t;let h=p.getCurrentBaseUrl(e,"marryBaby"===o);"undefined"!=typeof window&&(h.includes("//id.")&&(h=h.replace("id.","")),h.includes("//staging-id.")&&(h=h.replace("staging-id.","discover.")));return{enableProfileNavigatorMenu:a,enableSearchBar:n,enableNavCare:d,enableNavCareBooking:s,enableNavTogether:x,enableNavEcom:g,enableProfileEcom:m,enableProfileMyHealth:!0,enableNavDiscover:!0,enableNavHealthTools:!0,enableProfileMySaved:!0,statics:{HOME_PAGE_URL:h,CARE_URL_FE:`${h}/care`,TOGETHER_URL_FE:`${h}/community`,SSO_URL:p.getCurrentSsoUrl(e,"marryBaby"===o),TOGETHER_API:p.getTogetherApiDomain(),DISCOVER_API:p.getDiscoverApiDomain(e)}}}),[e,t,i]))({locale:i.locale,projectType:i.projectType,isMobile:i.isMobile,siteType:i.siteType,enableBookingBtn:i.enableBookingBtn});return h.default.createElement(W.Provider,{value:Object.assign(Object.assign({},i),{configs:Object.assign(Object.assign({},s),i.configs),currentUrl:i.currentUrl||r})},t)},exports.SearchIcon=F,exports.StyleSelectionPopup=$,exports.StyledAvatar=E,exports.StyledBtnView=ne,exports.StyledBtnView$1=Oe,exports.StyledBtnView$2=Ye,exports.StyledButtonGroup=H,exports.StyledContainer=dt,exports.StyledContainerItems=oe,exports.StyledContainerItems$1=we,exports.StyledContainerItems$2=ke,exports.StyledContainerItems$3=_e,exports.StyledContainerNoPosts=me,exports.StyledContent=Je,exports.StyledContentLeft=ce,exports.StyledContentWrapper=xe,exports.StyledContentWrapper$1=We,exports.StyledContentWrapper$2=Ke,exports.StyledDes=le,exports.StyledDes$1=He,exports.StyledDes$2=Ze,exports.StyledDescription=he,exports.StyledDisplayWrapper=k,exports.StyledHeader=tt,exports.StyledHeaderWrapper=et,exports.StyledHeading=J,exports.StyledHeading$1=be,exports.StyledIconNav=X,exports.StyledImageCard=ae,exports.StyledImageCard$1=Me,exports.StyledImageCard$2=Le,exports.StyledImageCard$3=Ve,exports.StyledImageCardInner=re,exports.StyledImageWrapper=j,exports.StyledImageWrapper$1=te,exports.StyledItem=K,exports.StyledItem$1=ge,exports.StyledItem$2=$e,exports.StyledItem$3=Ge,exports.StyledItem$4=qe,exports.StyledItemAll=ee,exports.StyledItemGridLeft=Z,exports.StyledItemGridRight=ye,exports.StyledLanguageChangeLink=b,exports.StyledLeft=fe,exports.StyledLeftGroup=it,exports.StyledLoggedOutAnchor=P,exports.StyledLogoWrapper=ot,exports.StyledMasterMenuContainer=q,exports.StyledOption=M,exports.StyledPopup=z,exports.StyledPopup$1=R,exports.StyledPopup$2=f,exports.StyledPopupBackground=C,exports.StyledPopupWrapper=y,exports.StyledProfileNavGroup=rt,exports.StyledRightGroup=at,exports.StyledSelectionContainer=v,exports.StyledSelectionLabel=w,exports.StyledServiceListMenuSearchInputWrapper=V,exports.StyledTitle=de,exports.StyledTitle$1=ue,exports.StyledTitle$2=Ce,exports.StyledTitle$3=Re,exports.StyledTitle$4=Fe,exports.StyledViewMore=ie,exports.StyledViewMore$1=ve,exports.StyledWrapMenuItems=nt,exports.StyledWrapName=Xe,exports.StyledWrapper=Y,exports.TOGETHER_PATHS={COMMUNITIES:"community?website_url={websiteUrl}",MENU_TOPIC:"topic?community_id={communityId}&website_url={websiteUrl}",GET_USER_POSTS:"profile/posts?website_url={websiteUrl}"},exports.UserAvatar=Qe;