@hhgtech/hhg-components 1.25.41 → 1.25.43

package/build/esm/{index.styled-41ecd97f.js → index.styled-053a4e80.js}

@@ -1,4 +1,4 @@
-import{M as e}from"./utils-4e2b04da.js";import t from"styled-components";import{t as i}from"./theme-2d0f282d.js";import{C as o}from"./index.styled-22ffc1eb.js";import a,{useMemo as r,createContext as n,useState as l,useEffect as s,memo as p,useContext as d}from"react";import{u as c}from"./useTranslations-4466909b.js";import{CommonGAssets as m}from"./gAssets.js";import{a as g,_ as h}from"./tslib.es6-9e47bb08.js";import{C as u,a as b,T as x,d as f}from"./index-79c2b58d.js";import{g as y}from"./cookieHelper-b50a3cff.js";import v from"slugify";import _ from"string-format";import{i as w}from"./isProduction-ce77d126.js";import{g as E,a as T,b as O,c as A}from"./routing-9fbce805.js";import I from"dayjs";import L from"dayjs/plugin/relativeTime";const $=t.div`
+import{M as e}from"./utils-c933aef8.js";import t from"styled-components";import{t as i}from"./theme-3244030b.js";import{C as o}from"./index.styled-e68f7e6b.js";import a,{useMemo as r,createContext as n,useState as l,useEffect as s,memo as p,useContext as d}from"react";import{u as c}from"./useTranslations-ba9c9e7c.js";import{CommonGAssets as m}from"./gAssets.js";import{a as g,_ as h}from"./tslib.es6-47c8da1d.js";import{C as u,a as b,T as x,d as f}from"./index-4a21c940.js";import{g as y}from"./cookieHelper-3816280f.js";import v from"slugify";import _ from"string-format";import{i as w}from"./isProduction-62cf37f2.js";import{g as E,a as T,b as O,c as A}from"./routing-ded505d7.js";import I from"dayjs";import L from"dayjs/plugin/relativeTime";const $=t.div`
   position: fixed;
   left: 50%;
 
@@ -160,71 +160,7 @@ import{M as e}from"./utils-4e2b04da.js";import t from"styled-components";import{
   cursor: default;
 `,X=t.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  `}
-`,q=t.div`
-  background-color: white;
-  text-align: center;
-  .cancle-img {
-    margin-top: 24px;
-    ${e.mbDown} {
-      width: 80px;
-      height: 80px;
-    }
-
-    ${e.mbUp} {
-      width: 100px;
-      height: 100px;
-    }
-  }
-
-  h2 {
-    margin-top: 32px;
-    color: ${e=>e.theme.colors.gray800};
-    font-style: normal;
-    font-weight: bold;
-    ${e.mbDown} {
-      font-size: 24px;
-      line-height: 32px;
-    }
-
-    ${e.mbUp} {
-      font-size: 32px;
-      line-height: 42px;
-    }
-  }
-
-  p {
-    margin-top: 8px;
-    color: ${e=>e.theme.colors.gray600};
-    font-style: normal;
-    font-weight: normal;
-    ${e.mbDown} {
-      font-size: 16px;
-      line-height: 24px;
-    }
-
-    ${e.mbUp} {
-      font-size: 16px;
-      line-height: 24px;
-    }
-  }
-`,Z=t.div`
-  display: flex;
-
-  ${e.mbDown} {
-    margin-top: 24px;
-  }
-
-  ${e.mbUp} {
-    margin-top: 32px;
-  }
-  justify-content: space-around;
-  button {
-    flex: 1;
-    margin: 4px;
-  }
-
-  ${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      ":""}
-`,J="hhgcomp-navprofilebutton-popup",Q=o(t.div`
+`,q="hhgcomp-navprofilebutton-popup",Z=o(t.div`
   position: absolute;
   right: 0;
   background-color: ${e=>e.theme.colors.white};
@@ -355,7 +291,7 @@ import{M as e}from"./utils-4e2b04da.js";import t from"styled-components";import{
       border-radius: 50%;
     }
   }
-`,J),ee="hhgcomp-navprofilebutton-popupwrapper";o(t.div`
+`,q),J="hhgcomp-navprofilebutton-popupwrapper";o(t.div`
   position: fixed;
   z-index: 150;
   top: var(--header-bottom, 69px);
@@ -385,7 +321,7 @@ import{M as e}from"./utils-4e2b04da.js";import t from"styled-components";import{
   &[data-open='false'] {
     display: none;
   }
-`,ee);const te=t.div`
+`,J);const Q=t.div`
   width: 40px;
   height: 40px;
   cursor: pointer;
@@ -410,7 +346,7 @@ import{M as e}from"./utils-4e2b04da.js";import t from"styled-components";import{
     font-size: 20px;
     font-weight: bold;
   }
-`,ie=t.a`
+`,ee=t.a`
   display: inline-flex;
   position: relative;
   width: 40px;
@@ -431,7 +367,7 @@ import{M as e}from"./utils-4e2b04da.js";import t from"styled-components";import{
     .user-avatar {
       display: none;
     }
-    .${J} {
+    .${q} {
       z-index: 200;
       top: 120%;
       opacity: 1;
@@ -443,11 +379,11 @@ import{M as e}from"./utils-4e2b04da.js";import t from"styled-components";import{
         }
       }
     }
-    .${ee} {
+    .${J} {
       display: initial;
     }
   }
-`,oe=t.a`
+`,te=t.a`
   display: inline-flex;
   .login-btn[data-color='tertiary'][data-size='md'] {
     padding-left: 12px;
@@ -466,676 +402,552 @@ import{M as e}from"./utils-4e2b04da.js";import t from"styled-components";import{
       display: block;
     }
   }
-`,ae={COMMUNITIES:"community?website_url={websiteUrl}",MENU_TOPIC:"topic?community_id={communityId}&website_url={websiteUrl}",GET_USER_POSTS:"profile/posts?website_url={websiteUrl}"},re=99,ne=300,le=400,se=210;var pe="fVk18fq",de="v8TCvUb",ce="mx7T4V3";const me={myHealth:i.mbColors.toneYellow,myCommunity:i.mbColors.toneBlue,mySaved:i.mbColors.toneGreen},ge={helloSites:{myBooking:()=>m.getAssetPath("userProfileNav/helloSites/icon-myBooking.svg"),myCommunity:()=>m.getAssetPath("userProfileNav/helloSites/icon-myCommunity.svg"),myFamily:()=>m.getAssetPath("userProfileNav/helloSites/icon-myFamily.svg"),myHealth:()=>m.getAssetPath("userProfileNav/helloSites/icon-myHealth.svg"),mySaved:()=>m.getAssetPath("userProfileNav/helloSites/icon-mySaved.svg"),eCom:()=>m.getAssetPath("userProfileNav/helloSites/icon-eCom.svg")},marryBaby:{mySaved:()=>m.getAssetPath("userProfileNav/marryBaby/icon-mySaved.svg"),myCommunity:()=>m.getAssetPath("userProfileNav/marryBaby/icon-myCommunity.svg"),myHealth:()=>m.getAssetPath("userProfileNav/marryBaby/icon-myHealth.svg")}},he=({type:e,themeName:t,className:i,onClick:o=(()=>{})})=>{const{t:n}=c(),l=r((()=>{var i,o;return(null===(o=null===(i=ge[t])||void 0===i?void 0:i[e])||void 0===o?void 0:o.call(i))||""}),[e,t]),s=r((()=>"marryBaby"!==t?"transparent":me[e]),[e,t]);return a.createElement("div",{onClick:function(){o(e)},className:`${pe} ${i}`},a.createElement("div",{className:ce,style:{backgroundColor:s,backgroundImage:`url("${l}")`}}),a.createElement("h3",{className:de},n(`userProfile.nav.card.${e}`)))};
-/*!
- * cookie
- * Copyright(c) 2012-2014 Roman Shtylman
- * Copyright(c) 2015 Douglas Christopher Wilson
- * MIT Licensed
- */
-var ue=function(e,t){if("string"!=typeof e)throw new TypeError("argument str must be a string");var i={},o=(t||{}).decode||ye,a=0;for(;a<e.length;){var r=e.indexOf("=",a);if(-1===r)break;var n=e.indexOf(";",a);if(-1===n)n=e.length;else if(n<r){a=e.lastIndexOf(";",r-1)+1;continue}var l=e.slice(a,r).trim();if(void 0===i[l]){var s=e.slice(r+1,n).trim();34===s.charCodeAt(0)&&(s=s.slice(1,-1)),i[l]=_e(s,o)}a=n+1}return i},be=function(e,t,i){var o=i||{},a=o.encode||ve;if("function"!=typeof a)throw new TypeError("option encode is invalid");if(!fe.test(e))throw new TypeError("argument name is invalid");var r=a(t);if(r&&!fe.test(r))throw new TypeError("argument val is invalid");var n=e+"="+r;if(null!=o.maxAge){var l=o.maxAge-0;if(isNaN(l)||!isFinite(l))throw new TypeError("option maxAge is invalid");n+="; Max-Age="+Math.floor(l)}if(o.domain){if(!fe.test(o.domain))throw new TypeError("option domain is invalid");n+="; Domain="+o.domain}if(o.path){if(!fe.test(o.path))throw new TypeError("option path is invalid");n+="; Path="+o.path}if(o.expires){var s=o.expires;if(!function(e){return"[object Date]"===xe.call(e)||e instanceof Date}(s)||isNaN(s.valueOf()))throw new TypeError("option expires is invalid");n+="; Expires="+s.toUTCString()}o.httpOnly&&(n+="; HttpOnly");o.secure&&(n+="; Secure");if(o.priority){switch("string"==typeof o.priority?o.priority.toLowerCase():o.priority){case"low":n+="; Priority=Low";break;case"medium":n+="; Priority=Medium";break;case"high":n+="; Priority=High";break;default:throw new TypeError("option priority is invalid")}}if(o.sameSite){switch("string"==typeof o.sameSite?o.sameSite.toLowerCase():o.sameSite){case!0:n+="; SameSite=Strict";break;case"lax":n+="; SameSite=Lax";break;case"strict":n+="; SameSite=Strict";break;case"none":n+="; SameSite=None";break;default:throw new TypeError("option sameSite is invalid")}}return n},xe=Object.prototype.toString,fe=/^[\u0009\u0020-\u007e\u0080-\u00ff]+$/;function ye(e){return-1!==e.indexOf("%")?decodeURIComponent(e):e}function ve(e){return encodeURIComponent(e)}function _e(e,t){try{return t(e)}catch(t){return e}}var we={parse:ue,serialize:be};const Ee={BASE_API_PATH:"/",PROFILE:"profile?website_url={website_url}",SEARCH_USER:"profile/search?website_url={website_url}&name={name}",FETCH_PREVIEW:"fetch/preview?website_url={website_url}",FETCH_POST_OR_TOPIC:"fetch/{slug}?website_url={website_url}&community_slug={communitySlug}",POST:{LIST:"post?website_url={website_url}&slug={slug}&pin={pin}&page={page}&community_id={communityId}&topic_id={topicId}&sort_by={sort}&id={id}",DETAIL_BY_ID_OR_SLUG:"post/{idSlug}?website_url={website_url}",CREATE:"post/create?website_url={website_url}",LIKE:"post/{id}/like?website_url={website_url}",DELETE:"post/{id}/delete?website_url={website_url}",REPORT:"post/{id}/report?website_url={website_url}",UPDATE:"post/{id}/update?website_url={website_url}",FOLLOW:"post/{id}/follow?website_url={website_url}",CREATE_ARTICLE_COMMENT:"article-comment/create?website_url={website_url}"},COMMENT:{LIST:"comment?website_url={website_url}&post_id={postId}&page={page}&sort_by={sort}&items_per_page={perPage}&_without_reply={withoutReply}",CREATE:"comment/create?website_url={website_url}",REPLY:"comment/reply?website_url={website_url}",DELETE:"comment/{id}/delete?website_url={website_url}",LIKE:"comment/{id}/like?website_url={website_url}",UNLIKE:"comment/{id}/unlike?website_url={website_url}",IMAGE_UPLOAD:"comment/image/upload?website_url={website_url}"},COMMUNITY:{LIST:"community?website_url={website_url}&page={page}",DETAIL_BY_ID_OR_SLUG:"community/{idSlug}?website_url={website_url}",JOIN:"community/join?website_url={website_url}",LEAVE:"community/leave?website_url={website_url}"},TOPIC:{LIST:"topic?website_url={website_url}&community_slug={communitySlug}&community_id={communityId}&page={page}",DETAIL_BY_ID_OR_SLUG:"topic/{idSlug}?website_url={website_url}&community_slug={communitySlug}&community_id={communityId}",HEALTH_TOOLS:"tools?topic_id={topicId}&website_url={website_url}",SUBOTS:"subots?topic_id={topicId}&website_url={website_url}",SUGGESTED_POSTS:"suggested-posts?topic_id={topicId}&website_url={website_url}&page={page}",JOIN:"topic/join?website_url={website_url}",LEAVE:"topic/leave?website_url={website_url}"},BOOKMARK:{LIST:"bookmark?user_id={userId}&website_url={website_url}",CREATE:"bookmark/create?website_url={website_url}",DELETE:"bookmark/delete?website_url={website_url}"},UPLOAD_IMAGE:"auth/comment/image/upload?website_url={website_url}",GET_DUE_DATE_INFO:"health-tools/due-date-calculator/info",USER:{DETAIL:"profile/user/detail?website_url={website_url}&user_id={id}",COUNT_TABS:"profile/user/counting?website_url={website_url}&user_id={id}&total_post={post}&total_comment={comment}&total_community={community}&total_reply={reply}&total_question={question}",LIST_POST:"profile/user/posts?website_url={website_url}&user_id={id}&is_anonymous={isAnonymous}&paging=none",LIST_QUESTION_NEED_REPLY:"questions/no-reply?website_url={website_url}",LIST_QUESTION:"question/{id}?website_url={website_url}&is_reply={isReply}&is_question={isQuestion}&is_ignore={isIgnore}&group_by={groupBy}",SKIP_QUESTION:"questions/ignore?website_url={website_url}&question_id={id}",LIST_ANSWERS:"replied/{id}?website_url={website_url}&paging=1&items_per_page={pageSize}"}},Te={GET_DOCTOR_INFO:"api/doctors/{doctorId}?site={website_url}",GET_HOSPITAL_INFO:"api/hospital/branch/{hospital_branch_id}?site={website_url}"},Oe={BASE_API_PATH:"/",GET_SEARCH_ARTICLES:"search?s={keyword}&page={page}",GET_ALL_CATEGORIES:"categories?type=all",GET_HOMEPAGE_POSTS:"home/trending-post?type={type}",GET_HOMEPAGE_LATEST_POSTS:"articles?page=1&_islatest=1",GET_ARTICLE_DETAIL:"article/{slug}?skip_ids={skipIds}&_isrelated={isRelated}",GET_CATEGORY_DETAIL:"category/{slug}",GET_CATEGORY_OR_ARTICLE_DETAIL:"fetch/{fullSlug}",GET_PREVIEW_ARTICLE:"fetch/{fullSlug}?preview_nonce={nonce}&preview=true",GET_ARTICLE_OF_CATEGORY:"articles?category_id={categoryId}&page={currentPage}",GET_PAGE_STATIC:"page/{slug}",GET_ALL_HEALTH_TOOLS:"healthtools",GET_ALL_MARRYBABY_HEALTH_TOOLS:"health-tools",GET_HEALTH_TOOLS_BY_CATEGORY:"healthtools?_hasgroup=1",GET_AUTHOR:"author/{slug}",GET_ALL_EXPERTS:"experts",GET_ALL_EXPERTS_PAGING:"experts?page={page}",GET_EXPERT:"expert/{slug}",GET_EXPERT_POST:"expert/article?page={page}",POST_ARTICLE_FEEDBACK:"article/feedback/{id}",GET_AZ_DRUGS:"category/a-z/{category}",GET_HOMEPAGE_MEDICAL_REVIEWED:"home/medical-reviewed",GET_ARTICLES_BY_IDS:"articles?ids={ids}",GET_ARTICLE_OF_CATEGORY_NO_EXPLAINERS:"articles?category_id={categoryId}&page={currentPage}&skip_ids={ids}",GET_EXPERT_OF_CATEGORY:"category/expert/?id={id}",GET_DUE_DATE_INFO:"health-tools/due-date-calculator/info",GET_DUE_DATE_ALL_WEEKS:"health-tools/due-date-calculator/all",GET_DUE_DATE_SUGGESTED_ARTICLES:"health-tools/due-date-calculator/result?from_week={from}&to_week={to}",GET_PROFILE:"user/profile",GET_ADMIN_PROFILE:"GET_ADMIN_PROFILE",GET_FEATURE:"feature",POST_NEW_FEATURE:"feature/update",CREATE_BOOKMARK:"bookmark/create",DELETE_BOOKMARK:"bookmark/delete",DELETE_ALL_BOOKMARK:"bookmark/delete-all",GET_ALL_BOOKMARK:"bookmark",SSO_USER_PROFILE:"user",SSO_USER_BOOKMARKS:"user/bookmarks",SSO_USER_PASSWORD:"user/settings/password",SSO_USER_EMAIL:"user/settings/update-email",SSO_CLOSE_ACCOUNT:"user/settings/close-account",SSO_HELP:"user/settings/help",GET_HEALTH_TOOL_OVULATION_INFO:"health-tools/ovulation-calculator/info",GET_HEALTH_TOOL_OVULATION_SUGGESTED_ARTICLES:"health-tools/ovulation-calculator/result?method={method}",GET_HEALTH_TOOL_BMI_INFO:"health-tools/bmi-calculator/info",GET_HEALTH_TOOL_BMI_RESULT:"health-tools/bmi-calculator/result?gender={gender}&bmi={bmi}&age={age}",GET_HEALTH_TOOL_BMR_INFO:"health-tools/bmr-calculator/info",GET_HEALTH_TOOL_BMR_RESULT:"health-tools/bmr-calculator/result?kcals={kcals}&gender={gender}&age={age}",GET_HEALTH_TOOL_PWG_INFO:"health-tools/preweight-gain-calculator/info",GET_HEALTH_TOOL_THR_INFO:"health-tools/target-heart-rate/info",GET_HEALTH_TOOL_BABY_GROWTH_INFO:"health-tools/baby-growth-tracking/info",POST_UPDATE_LOCATION:"tracking/geo/",GET_SIDIS_DUE_DATE:"frontend/tools/due_date",GET_SIDIS_OVULATION:"frontend/tools/ovulation",GET_SIDIS_BMI:"frontend/tools/bmi",GET_SIDIS_BMR:"frontend/tools/bmr",POST_LOGOUT:"user/logout",OVULATION_CREATE_EVENT:"ovulation/event?method={method}&day={day}&cycle={cycle}&period={period}&token={token}&user_id={user_id}",GET_ALL_SPOTLIGHT:"spotlights?per_page={perPage}&order_by={orderBy}",SSO_UPDATE_FIRST_TIME_BOOKMARK:"bookmark/update-first-time",POST_COMMENT_NOTIFICATION:"comment/notification",GET_ABOUT_US_DATA:"about",POST_LEAD_IMPRESSION:"campaign/{campaignCode}/impression",POST_LEAD_POPUP_EXIT:"campaign/{campaignCode}/popup_exit",POST_LEAD_LEAD:"campaign/{campaignCode}/lead",POST_SSO_VERIFY_TOKEN:"verify-id-token",GET_LANDING_PAGE_FIRST_NODE:"landing_page/bot",GET_LANDING_PAGE_NEXT_NODE:"landing_page/messages",POST_LANDING_PAGE_IMPRESSION:"landing_page/impressions",POST_LANDING_PAGE_CLICK:"landing_page/clicks",FETCH_URL_DATA:"preview",GET_SPOTLIGHT_LANDING:"spotlight/{slug}",GET_FOOTER_INFO:"footer",CHECK_SSO_EMAIL:"member/check-email",GET_HOMEPAGE_SITEWIDE_BANNER:"home/sitewide-banner",GET_DYNAMIC_FOOTER:"menu/footer",GET_EXPERTS:"experts?page={page}&number={perPage}&s={search}",GET_EXPERT_BY_ID:"expert/{id}"},Ae={SEARCH_USER:"admin/profile/search?website_url={website_url}&name={name}",COMMENT:{IMAGE_UPLOAD:"admin/comment/image/upload?website_url={website_url}"}},Ie={locale:"vi-VN",env:{isMarryBaby:!1,togetherBasePath:"/community"},router:{basePath:"",asPath:"/"}},Le=n({data:Ie,action:{pushNotifications:e=>e,sanitizeFunction:e=>e}});let $e=Ie;const Se=({locale:e="vi-VN",children:t,userInfo:i,router:o,env:r={isMarryBaby:!1,togetherBasePath:"/community"},sanitizeFunction:n=(e=>e),pushNotifications:p=(()=>!1)})=>{const[d,c]=l();return $e={userInfo:i,locale:e,togetherUserId:d,router:o,env:r},s((()=>{(null==i?void 0:i.id)&&Fe(Be(Ee.PROFILE,{_locale:e}),"GET").then((e=>{var t;c(null===(t=null==e?void 0:e.data)||void 0===t?void 0:t.id)}))}),[null==i?void 0:i.id]),a.createElement(Le.Provider,{value:{data:{userInfo:i,locale:e,togetherUserId:d,router:o,env:r},action:{pushNotifications:p,sanitizeFunction:n}}},t)},ke={"vi-VN":"hellobacsi.com","id-ID":"hellosehat.com","ms-MY":"hellodoktor.com","km-KH":"hellokrupet.com","en-PH":"hellodoctor.com.ph","th-TH":"hellokhunmor.com","my-MM":"hellosayarwon.com","zh-TW":"helloyishi.com.tw","hi-IN":"helloswasthya.com"},Re={"vi-VN":"marrybaby.vn"},De=process.env.NEXT_PUBLIC_DEPLOY_LOCALE||"vi-VN",Pe=e=>{const{env:{isMarryBaby:t}}=$e;return`https://${t?Re[e]:ke[e]}`},Ce=e=>{const t=e.indexOf("?");return t>=0?e.slice(0,t+1)+e.slice(t+1).replace(/[^=&]+=(&|$)/g,"").replace(/&$/,""):e},Ne=e=>{const{env:{isMarryBaby:t}}=$e;if("undefined"!=typeof window)return window.location.origin;const i="staging"===process.env.NEXT_PUBLIC_DEPLOY_ENV;return"development"===process.env.NEXT_PUBLIC_DEPLOY_ENV?"http://localhost:3000":`https://${i?t?"fe.":"discover.":t?"www.":""}${ke[e]}`},Be=(e,t,i)=>{let o="";i&&(o=Object.keys(i).map((e=>e+"="+i[e])).join("&"));const{togetherBaseApiUrl:a=""}=(null==$e?void 0:$e.env)||{};let r=_(e,Object.assign(Object.assign({},(null==t?void 0:t._locale)?{website_url:Pe(String(t._locale))}:{}),t));return r+=`${r.includes("?")?"&":"?"}${o}`,a+"api/v1/"+Ce(r)},Ue=(e,t,i)=>{const{discoverBaseApiUrl:o="",discoverBaseProdApiUrl:a=""}=(null==$e?void 0:$e.env)||{};return(!w&&i?a:o)+"wp-json/api/"+Ce(_(e,Object.assign({},t)))},Ge=(e,t,i)=>{const{marryBabyApiUrl:o="",marryBabyProdApiUrl:a=""}=(null==$e?void 0:$e.env)||{};return(i&&!w?a:o)+"wp-json/api/"+Ce(_(e,Object.assign({},t)))},Me=(e,t)=>{const{careBaseApiUrl:i=""}=(null==$e?void 0:$e.env)||{};return(i||"https://service-health-care.hellohealthgroup.com/")+Ce(_(e,Object.assign({},t)))},He=e=>((null==e?void 0:e.data)&&(e.data instanceof FormData?e.body=e.data:"object"==typeof e.data&&(e.body=JSON.stringify(e.data)),delete e.data),e),ze=(e,t,i,o=!1)=>g(void 0,void 0,void 0,(function*(){var a,r,n,l;try{const a=yield fetch(o?e:(l=e,encodeURI(l).replace(/%5B/g,"[").replace(/%5D/g,"]")),Object.assign(Object.assign({method:t},He(i)),{headers:Object.assign({},null==i?void 0:i.headers)})).then((e=>e.json()));if(a)return a}catch(t){return console.log(t),console.log({url:e,status:null===(a=null==t?void 0:t.response)||void 0===a?void 0:a.status,statusText:null===(r=null==t?void 0:t.response)||void 0===r?void 0:r.statusText}),(null===(n=null==t?void 0:t.response)||void 0===n?void 0:n.data)||null}return null})),je=(e,t="GET",i,o)=>g(void 0,void 0,void 0,(function*(){var a,r,n,l,s,p;try{const l="string"==typeof e?e:e.url,s="string"==typeof e?e:e.backupUrl,p=we.parse(o||""),d=p[N]||y(N);if(!d||!d.length)return ze(s||l,t,i);try{const e=yield fetch(l,Object.assign(Object.assign({method:t},He(i)),{headers:Object.assign({Authorization:"Bearer "+d},null==i?void 0:i.headers)})).then((e=>e.json()));if(null===(a=null==e?void 0:e.messages)||void 0===a?void 0:a.find((e=>"Unauthenticated"===(null==e?void 0:e.toLowerCase()))))return ze(s||l,t,i);if(e)return e}catch(e){return console.log({status:null===(r=null==e?void 0:e.response)||void 0===r?void 0:r.status,statusText:null===(n=null==e?void 0:e.response)||void 0===n?void 0:n.statusText}),ze(s||l,t,i)}}catch(e){return console.log({status:null===(l=null==e?void 0:e.response)||void 0===l?void 0:l.status,statusText:null===(s=null==e?void 0:e.response)||void 0===s?void 0:s.statusText}),(null===(p=null==e?void 0:e.response)||void 0===p?void 0:p.data)||null}return null})),Fe=(e,t,i,o)=>g(void 0,void 0,void 0,(function*(){try{const a=we.parse(o||""),r=a[N]||y(N);if(r&&r.length){const o=yield fetch(e,Object.assign(Object.assign({method:t},He(i)),{headers:Object.assign({Authorization:"Bearer "+r},null==i?void 0:i.headers)})).then((e=>e.json()));if(o)return o}}catch(e){return null}return null})),Ve=(e,t,i,o)=>g(void 0,void 0,void 0,(function*(){try{const a=we.parse(o||""),r=a[B]||y(B);if(r&&r.length){const o=yield fetch(e,Object.assign(Object.assign({method:t},He(i)),{headers:Object.assign({Authorization:"Bearer "+r},null==i?void 0:i.headers)})).then((e=>e.json()));if(o)return o}}catch(e){return null}return null}));function Ye(e,t,i){const o=new RegExp("([?&])"+t+"=.*?(&|$)","i"),a=-1!==e.indexOf("?")?"&":"?";return e.match(o)?e.replace(o,"$1"+t+"="+i+"$2"):e+a+t+"="+i}const Ke=(e,t,i="/community")=>{const o=e||("undefined"!=typeof window?window.location.href:"/");let a="undefined"!=typeof window?window.location.origin:"";a||e&&(e.startsWith("http://")||e.startsWith("https://"))&&(a=e.split("/").slice(0,3).join("/"));return((e,t)=>{const{publicSSO:i}=$e.env,o=e||window.location.href;return t&&Object.keys(t).map((e=>{Ye(o,e,t[e])})),Ye(o,"source","communities"),i?`${i}?returnUrl=${encodeURIComponent(o.toString())}`:o})(`${a}${i}/on-boarding?return=${encodeURIComponent(o)}`,t)},We=(e,t,i,o)=>i&&t?`${i}-${t}`:`${v(e||"",{lower:!0,locale:o||De})}-${t}`,Xe=({name:e,id:t,locale:i})=>{var o;return`/care/${null===(o=H[i||"vi-VN"])||void 0===o?void 0:o.DOCTOR}/${We(e,t)}`},qe=({name:e,id:t,slug:i,locale:o})=>{var a;return`/care/${null===(a=H[o||"vi-VN"])||void 0===a?void 0:a.HOSPITAL}/${We(e,t,i)}`},Ze=a.createContext({}),Je=e=>{var{children:t}=e,i=h(e,["children"]);const[o,n]=a.useState((()=>i.currentUrl||`https://${"marryBaby"===i.siteType?Re[i.locale||"en-PH"]:f[i.locale||"en-PH"]}${"together"===i.projectType?"/community":"ecom"===i.projectType?"/ecom":"care"===i.projectType?"/care":""}/`));s((()=>{const e=()=>{n(window.location.href)};return window.addEventListener("popstate",e),e(),()=>{window.removeEventListener("popstate",e)}}),[]);const l=(({locale:e,projectType:t,isMobile:i,siteType:o})=>r((()=>{const a=!(!i&&"profile"===t),r="discover"===t||"marryBaby"===t||"profile"===t&&"marryBaby"===o,n="marryBaby"!==o&&"marryBaby"!==t&&u.includes(e),l="marryBaby"!==t&&"discover"===t&&"marryBaby"!==o&&b.includes(e),s="marryBaby"===t||x.includes(e),p="ecom"===t,d="ecom"===t,c=E(e,"marryBaby"===o);return{enableProfileNavigatorMenu:a,enableSearchBar:r,enableNavCare:n,enableNavCareBooking:l,enableNavTogether:s,enableNavEcom:p,enableProfileEcom:d,enableProfileMyHealth:!0,statics:{HOME_PAGE_URL:c,CARE_URL_FE:`${c}/care`,TOGETHER_URL_FE:`${c}/community`,SSO_URL:T(e,"marryBaby"===o),TOGETHER_API:O(),DISCOVER_API:A(e)}}}),[e,t,i]))({locale:i.locale,projectType:i.projectType,isMobile:i.isMobile,siteType:i.siteType});return a.createElement(Ze.Provider,{value:Object.assign(Object.assign({},i),{configs:l,currentUrl:i.currentUrl||o})},t)},Qe=p((()=>a.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.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"})))),et=t.div`
-  padding-right: 1rem;
-  margin-top: 10px;
-  background: #ffffff;
-  padding: 5px 15px;
-  ${e.mbUp} {
-    border-right: 1px solid #e4e8ec;
-  }
-`,tt=t.a`
-  padding: 10px 0;
-  position: relative;
+`;var ie="fVk18fq",oe="v8TCvUb",ae="mx7T4V3";const re={myHealth:i.mbColors.toneYellow,myCommunity:i.mbColors.toneBlue,mySaved:i.mbColors.toneGreen},ne={helloSites:{myBooking:()=>m.getAssetPath("userProfileNav/helloSites/icon-myBooking.svg"),myCommunity:()=>m.getAssetPath("userProfileNav/helloSites/icon-myCommunity.svg"),myFamily:()=>m.getAssetPath("userProfileNav/helloSites/icon-myFamily.svg"),myHealth:()=>m.getAssetPath("userProfileNav/helloSites/icon-myHealth.svg"),mySaved:()=>m.getAssetPath("userProfileNav/helloSites/icon-mySaved.svg"),eCom:()=>m.getAssetPath("userProfileNav/helloSites/icon-eCom.svg")},marryBaby:{mySaved:()=>m.getAssetPath("userProfileNav/marryBaby/icon-mySaved.svg"),myCommunity:()=>m.getAssetPath("userProfileNav/marryBaby/icon-myCommunity.svg"),myHealth:()=>m.getAssetPath("userProfileNav/marryBaby/icon-myHealth.svg")}},le=({type:e,themeName:t,className:i,onClick:o=(()=>{})})=>{const{t:n}=c(),l=r((()=>{var i,o;return(null===(o=null===(i=ne[t])||void 0===i?void 0:i[e])||void 0===o?void 0:o.call(i))||""}),[e,t]),s=r((()=>"marryBaby"!==t?"transparent":re[e]),[e,t]);return a.createElement("div",{onClick:function(){o(e)},className:`${ie} ${i}`},a.createElement("div",{className:ae,style:{backgroundColor:s,backgroundImage:`url("${l}")`}}),a.createElement("h3",{className:oe},n(`userProfile.nav.card.${e}`)))},se={COMMUNITIES:"community?website_url={websiteUrl}",MENU_TOPIC:"topic?community_id={communityId}&website_url={websiteUrl}",GET_USER_POSTS:"profile/posts?website_url={websiteUrl}"},pe=99,de=300,ce=400,me=210,ge=t.div`
+  background-color: white;
+  text-align: center;
+  .cancle-img {
+    margin-top: 24px;
+    ${e.mbDown} {
+      width: 80px;
+      height: 80px;
+    }
 
-  display: flex;
-  align-items: center;
-  text-decoration: none;
-  color: ${e=>e.theme.colors.gray800};
-  * {
-    pointer-events: none;
-  }
-  p {
-    font-size: 16px;
-    font-weight: 400;
-    padding: 0 0.4rem;
+    ${e.mbUp} {
+      width: 100px;
+      height: 100px;
+    }
   }
 
-  &[data-theme='marryBaby']:hover {
-    p {
-      color: ${e=>e.theme.mbColors.pink};
+  h2 {
+    margin-top: 32px;
+    color: ${e=>e.theme.colors.gray800};
+    font-style: normal;
+    font-weight: bold;
+    ${e.mbDown} {
+      font-size: 24px;
+      line-height: 32px;
     }
-    .icon {
-      background-color: ${e=>e.theme.mbColors.lightPink};
+
+    ${e.mbUp} {
+      font-size: 32px;
+      line-height: 42px;
     }
   }
-  &[data-theme='helloSite']:hover {
-    p {
-      color: ${e=>e.theme.colors.primaryActive};
+
+  p {
+    margin-top: 8px;
+    color: ${e=>e.theme.colors.gray600};
+    font-style: normal;
+    font-weight: normal;
+    ${e.mbDown} {
+      font-size: 16px;
+      line-height: 24px;
     }
-  }
-  a {
-  }
 
-  &[data-theme='marryBaby'] {
-    .icon {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      max-width: 40px;
-      width: 100%;
-      height: 40px;
-      border-radius: 50%;
-      background-color: ${e=>e.theme.mbColors.lightGray};
-      img {
-        border-radius: 50%;
-      }
+    ${e.mbUp} {
+      font-size: 16px;
+      line-height: 24px;
     }
   }
-`,it=t.div`
-  margin: 15px 0;
+`,he=t.div`
+  display: flex;
+
   ${e.mbDown} {
-    display: none;
+    margin-top: 24px;
   }
-`,ot=t.div`
-  display: flex;
-  position: absolute;
-  right: 0;
+
   ${e.mbUp} {
-    display: none;
-  }
-`,at=t.div`
-  display: flex;
-  align-items: center;
-  color: ${e=>e.theme.colors.primaryBase};
-  font-size: ${e=>e.theme.sizes.fsParagraph4};
-  font-weight: ${e=>e.theme.sizes.fwBold};
-  line-height: 24px;
-  font-size: 14px;
-  font-weight: 600;
-  &[data-event-category] * {
-    pointer-events: none;
+    margin-top: 32px;
   }
-  &[data-theme='marryBaby'] {
-    color: ${e=>e.theme.mbColors.pink};
+  justify-content: space-around;
+  button {
+    flex: 1;
+    margin: 4px;
   }
-`,rt=t.div`
-  display: flex;
-  align-items: center;
-  margin-left: 10px;
-`,nt=t.a`
-  border: 1px solid ${e=>e.theme.colors.primaryBase};
-  &[data-theme='marryBaby'] {
-    border: 1px solid ${e=>e.theme.mbColors.pink};
 
-    svg path {
-      stroke: ${e=>e.theme.mbColors.pink};
-    }
+  ${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      ":""}
+`
+/*!
+ * cookie
+ * Copyright(c) 2012-2014 Roman Shtylman
+ * Copyright(c) 2015 Douglas Christopher Wilson
+ * MIT Licensed
+ */;var ue=function(e,t){if("string"!=typeof e)throw new TypeError("argument str must be a string");var i={},o=(t||{}).decode||ye,a=0;for(;a<e.length;){var r=e.indexOf("=",a);if(-1===r)break;var n=e.indexOf(";",a);if(-1===n)n=e.length;else if(n<r){a=e.lastIndexOf(";",r-1)+1;continue}var l=e.slice(a,r).trim();if(void 0===i[l]){var s=e.slice(r+1,n).trim();34===s.charCodeAt(0)&&(s=s.slice(1,-1)),i[l]=_e(s,o)}a=n+1}return i},be=function(e,t,i){var o=i||{},a=o.encode||ve;if("function"!=typeof a)throw new TypeError("option encode is invalid");if(!fe.test(e))throw new TypeError("argument name is invalid");var r=a(t);if(r&&!fe.test(r))throw new TypeError("argument val is invalid");var n=e+"="+r;if(null!=o.maxAge){var l=o.maxAge-0;if(isNaN(l)||!isFinite(l))throw new TypeError("option maxAge is invalid");n+="; Max-Age="+Math.floor(l)}if(o.domain){if(!fe.test(o.domain))throw new TypeError("option domain is invalid");n+="; Domain="+o.domain}if(o.path){if(!fe.test(o.path))throw new TypeError("option path is invalid");n+="; Path="+o.path}if(o.expires){var s=o.expires;if(!function(e){return"[object Date]"===xe.call(e)||e instanceof Date}(s)||isNaN(s.valueOf()))throw new TypeError("option expires is invalid");n+="; Expires="+s.toUTCString()}o.httpOnly&&(n+="; HttpOnly");o.secure&&(n+="; Secure");if(o.priority){switch("string"==typeof o.priority?o.priority.toLowerCase():o.priority){case"low":n+="; Priority=Low";break;case"medium":n+="; Priority=Medium";break;case"high":n+="; Priority=High";break;default:throw new TypeError("option priority is invalid")}}if(o.sameSite){switch("string"==typeof o.sameSite?o.sameSite.toLowerCase():o.sameSite){case!0:n+="; SameSite=Strict";break;case"lax":n+="; SameSite=Lax";break;case"strict":n+="; SameSite=Strict";break;case"none":n+="; SameSite=None";break;default:throw new TypeError("option sameSite is invalid")}}return n},xe=Object.prototype.toString,fe=/^[\u0009\u0020-\u007e\u0080-\u00ff]+$/;function ye(e){return-1!==e.indexOf("%")?decodeURIComponent(e):e}function ve(e){return encodeURIComponent(e)}function _e(e,t){try{return t(e)}catch(t){return e}}var we={parse:ue,serialize:be};const Ee={BASE_API_PATH:"/",PROFILE:"profile?website_url={website_url}",SEARCH_USER:"profile/search?website_url={website_url}&name={name}",FETCH_PREVIEW:"fetch/preview?website_url={website_url}",FETCH_POST_OR_TOPIC:"fetch/{slug}?website_url={website_url}&community_slug={communitySlug}",POST:{LIST:"post?website_url={website_url}&slug={slug}&pin={pin}&page={page}&community_id={communityId}&topic_id={topicId}&sort_by={sort}&id={id}",DETAIL_BY_ID_OR_SLUG:"post/{idSlug}?website_url={website_url}",CREATE:"post/create?website_url={website_url}",LIKE:"post/{id}/like?website_url={website_url}",DELETE:"post/{id}/delete?website_url={website_url}",REPORT:"post/{id}/report?website_url={website_url}",UPDATE:"post/{id}/update?website_url={website_url}",FOLLOW:"post/{id}/follow?website_url={website_url}",CREATE_ARTICLE_COMMENT:"article-comment/create?website_url={website_url}"},COMMENT:{LIST:"comment?website_url={website_url}&post_id={postId}&page={page}&sort_by={sort}&items_per_page={perPage}&_without_reply={withoutReply}",CREATE:"comment/create?website_url={website_url}",REPLY:"comment/reply?website_url={website_url}",DELETE:"comment/{id}/delete?website_url={website_url}",LIKE:"comment/{id}/like?website_url={website_url}",UNLIKE:"comment/{id}/unlike?website_url={website_url}",IMAGE_UPLOAD:"comment/image/upload?website_url={website_url}"},COMMUNITY:{LIST:"community?website_url={website_url}&page={page}",DETAIL_BY_ID_OR_SLUG:"community/{idSlug}?website_url={website_url}",JOIN:"community/join?website_url={website_url}",LEAVE:"community/leave?website_url={website_url}"},TOPIC:{LIST:"topic?website_url={website_url}&community_slug={communitySlug}&community_id={communityId}&page={page}",DETAIL_BY_ID_OR_SLUG:"topic/{idSlug}?website_url={website_url}&community_slug={communitySlug}&community_id={communityId}",HEALTH_TOOLS:"tools?topic_id={topicId}&website_url={website_url}",SUBOTS:"subots?topic_id={topicId}&website_url={website_url}",SUGGESTED_POSTS:"suggested-posts?topic_id={topicId}&website_url={website_url}&page={page}",JOIN:"topic/join?website_url={website_url}",LEAVE:"topic/leave?website_url={website_url}"},BOOKMARK:{LIST:"bookmark?user_id={userId}&website_url={website_url}",CREATE:"bookmark/create?website_url={website_url}",DELETE:"bookmark/delete?website_url={website_url}"},UPLOAD_IMAGE:"auth/comment/image/upload?website_url={website_url}",GET_DUE_DATE_INFO:"health-tools/due-date-calculator/info",USER:{DETAIL:"profile/user/detail?website_url={website_url}&user_id={id}",COUNT_TABS:"profile/user/counting?website_url={website_url}&user_id={id}&total_post={post}&total_comment={comment}&total_community={community}&total_reply={reply}&total_question={question}",LIST_POST:"profile/user/posts?website_url={website_url}&user_id={id}&is_anonymous={isAnonymous}&paging=none",LIST_QUESTION_NEED_REPLY:"questions/no-reply?website_url={website_url}",LIST_QUESTION:"question/{id}?website_url={website_url}&is_reply={isReply}&is_question={isQuestion}&is_ignore={isIgnore}&group_by={groupBy}",SKIP_QUESTION:"questions/ignore?website_url={website_url}&question_id={id}",LIST_ANSWERS:"replied/{id}?website_url={website_url}&paging=1&items_per_page={pageSize}"}},Te={GET_DOCTOR_INFO:"api/doctors/{doctorId}?site={website_url}",GET_HOSPITAL_INFO:"api/hospital/branch/{hospital_branch_id}?site={website_url}"},Oe={BASE_API_PATH:"/",GET_SEARCH_ARTICLES:"search?s={keyword}&page={page}",GET_ALL_CATEGORIES:"categories?type=all",GET_HOMEPAGE_POSTS:"home/trending-post?type={type}",GET_HOMEPAGE_LATEST_POSTS:"articles?page=1&_islatest=1",GET_ARTICLE_DETAIL:"article/{slug}?skip_ids={skipIds}&_isrelated={isRelated}",GET_CATEGORY_DETAIL:"category/{slug}",GET_CATEGORY_OR_ARTICLE_DETAIL:"fetch/{fullSlug}",GET_PREVIEW_ARTICLE:"fetch/{fullSlug}?preview_nonce={nonce}&preview=true",GET_ARTICLE_OF_CATEGORY:"articles?category_id={categoryId}&page={currentPage}",GET_PAGE_STATIC:"page/{slug}",GET_ALL_HEALTH_TOOLS:"healthtools",GET_ALL_MARRYBABY_HEALTH_TOOLS:"health-tools",GET_HEALTH_TOOLS_BY_CATEGORY:"healthtools?_hasgroup=1",GET_AUTHOR:"author/{slug}",GET_ALL_EXPERTS:"experts",GET_ALL_EXPERTS_PAGING:"experts?page={page}",GET_EXPERT:"expert/{slug}",GET_EXPERT_POST:"expert/article?page={page}",POST_ARTICLE_FEEDBACK:"article/feedback/{id}",GET_AZ_DRUGS:"category/a-z/{category}",GET_HOMEPAGE_MEDICAL_REVIEWED:"home/medical-reviewed",GET_ARTICLES_BY_IDS:"articles?ids={ids}",GET_ARTICLE_OF_CATEGORY_NO_EXPLAINERS:"articles?category_id={categoryId}&page={currentPage}&skip_ids={ids}",GET_EXPERT_OF_CATEGORY:"category/expert/?id={id}",GET_DUE_DATE_INFO:"health-tools/due-date-calculator/info",GET_DUE_DATE_ALL_WEEKS:"health-tools/due-date-calculator/all",GET_DUE_DATE_SUGGESTED_ARTICLES:"health-tools/due-date-calculator/result?from_week={from}&to_week={to}",GET_PROFILE:"user/profile",GET_ADMIN_PROFILE:"GET_ADMIN_PROFILE",GET_FEATURE:"feature",POST_NEW_FEATURE:"feature/update",CREATE_BOOKMARK:"bookmark/create",DELETE_BOOKMARK:"bookmark/delete",DELETE_ALL_BOOKMARK:"bookmark/delete-all",GET_ALL_BOOKMARK:"bookmark",SSO_USER_PROFILE:"user",SSO_USER_BOOKMARKS:"user/bookmarks",SSO_USER_PASSWORD:"user/settings/password",SSO_USER_EMAIL:"user/settings/update-email",SSO_CLOSE_ACCOUNT:"user/settings/close-account",SSO_HELP:"user/settings/help",GET_HEALTH_TOOL_OVULATION_INFO:"health-tools/ovulation-calculator/info",GET_HEALTH_TOOL_OVULATION_SUGGESTED_ARTICLES:"health-tools/ovulation-calculator/result?method={method}",GET_HEALTH_TOOL_BMI_INFO:"health-tools/bmi-calculator/info",GET_HEALTH_TOOL_BMI_RESULT:"health-tools/bmi-calculator/result?gender={gender}&bmi={bmi}&age={age}",GET_HEALTH_TOOL_BMR_INFO:"health-tools/bmr-calculator/info",GET_HEALTH_TOOL_BMR_RESULT:"health-tools/bmr-calculator/result?kcals={kcals}&gender={gender}&age={age}",GET_HEALTH_TOOL_PWG_INFO:"health-tools/preweight-gain-calculator/info",GET_HEALTH_TOOL_THR_INFO:"health-tools/target-heart-rate/info",GET_HEALTH_TOOL_BABY_GROWTH_INFO:"health-tools/baby-growth-tracking/info",POST_UPDATE_LOCATION:"tracking/geo/",GET_SIDIS_DUE_DATE:"frontend/tools/due_date",GET_SIDIS_OVULATION:"frontend/tools/ovulation",GET_SIDIS_BMI:"frontend/tools/bmi",GET_SIDIS_BMR:"frontend/tools/bmr",POST_LOGOUT:"user/logout",OVULATION_CREATE_EVENT:"ovulation/event?method={method}&day={day}&cycle={cycle}&period={period}&token={token}&user_id={user_id}",GET_ALL_SPOTLIGHT:"spotlights?per_page={perPage}&order_by={orderBy}",SSO_UPDATE_FIRST_TIME_BOOKMARK:"bookmark/update-first-time",POST_COMMENT_NOTIFICATION:"comment/notification",GET_ABOUT_US_DATA:"about",POST_LEAD_IMPRESSION:"campaign/{campaignCode}/impression",POST_LEAD_POPUP_EXIT:"campaign/{campaignCode}/popup_exit",POST_LEAD_LEAD:"campaign/{campaignCode}/lead",POST_SSO_VERIFY_TOKEN:"verify-id-token",GET_LANDING_PAGE_FIRST_NODE:"landing_page/bot",GET_LANDING_PAGE_NEXT_NODE:"landing_page/messages",POST_LANDING_PAGE_IMPRESSION:"landing_page/impressions",POST_LANDING_PAGE_CLICK:"landing_page/clicks",FETCH_URL_DATA:"preview",GET_SPOTLIGHT_LANDING:"spotlight/{slug}",GET_FOOTER_INFO:"footer",CHECK_SSO_EMAIL:"member/check-email",GET_HOMEPAGE_SITEWIDE_BANNER:"home/sitewide-banner",GET_DYNAMIC_FOOTER:"menu/footer",GET_EXPERTS:"experts?page={page}&number={perPage}&s={search}",GET_EXPERT_BY_ID:"expert/{id}"},Ae={SEARCH_USER:"admin/profile/search?website_url={website_url}&name={name}",COMMENT:{IMAGE_UPLOAD:"admin/comment/image/upload?website_url={website_url}"}},Ie={locale:"vi-VN",env:{isMarryBaby:!1,togetherBasePath:"/community"},router:{basePath:"",asPath:"/"}},Le=n({data:Ie,action:{pushNotifications:e=>e,sanitizeFunction:e=>e}});let $e=Ie;const Se=({locale:e="vi-VN",children:t,userInfo:i,router:o,env:r={isMarryBaby:!1,togetherBasePath:"/community"},sanitizeFunction:n=(e=>e),pushNotifications:p=(()=>!1)})=>{const[d,c]=l();return $e={userInfo:i,locale:e,togetherUserId:d,router:o,env:r},s((()=>{(null==i?void 0:i.id)&&Fe(Be(Ee.PROFILE,{_locale:e}),"GET").then((e=>{var t;c(null===(t=null==e?void 0:e.data)||void 0===t?void 0:t.id)}))}),[null==i?void 0:i.id]),a.createElement(Le.Provider,{value:{data:{userInfo:i,locale:e,togetherUserId:d,router:o,env:r},action:{pushNotifications:p,sanitizeFunction:n}}},t)},ke={"vi-VN":"hellobacsi.com","id-ID":"hellosehat.com","ms-MY":"hellodoktor.com","km-KH":"hellokrupet.com","en-PH":"hellodoctor.com.ph","th-TH":"hellokhunmor.com","my-MM":"hellosayarwon.com","zh-TW":"helloyishi.com.tw","hi-IN":"helloswasthya.com"},Re={"vi-VN":"marrybaby.vn"},De=process.env.NEXT_PUBLIC_DEPLOY_LOCALE||"vi-VN",Pe=e=>{const{env:{isMarryBaby:t}}=$e;return`https://${t?Re[e]:ke[e]}`},Ce=e=>{const t=e.indexOf("?");return t>=0?e.slice(0,t+1)+e.slice(t+1).replace(/[^=&]+=(&|$)/g,"").replace(/&$/,""):e},Ne=e=>{const{env:{isMarryBaby:t}}=$e;if("undefined"!=typeof window)return window.location.origin;const i="staging"===process.env.NEXT_PUBLIC_DEPLOY_ENV;return"development"===process.env.NEXT_PUBLIC_DEPLOY_ENV?"http://localhost:3000":`https://${i?t?"fe.":"discover.":t?"www.":""}${ke[e]}`},Be=(e,t,i)=>{let o="";i&&(o=Object.keys(i).map((e=>e+"="+i[e])).join("&"));const{togetherBaseApiUrl:a=""}=(null==$e?void 0:$e.env)||{};let r=_(e,Object.assign(Object.assign({},(null==t?void 0:t._locale)?{website_url:Pe(String(t._locale))}:{}),t));return r+=`${r.includes("?")?"&":"?"}${o}`,a+"api/v1/"+Ce(r)},Ue=(e,t,i)=>{const{discoverBaseApiUrl:o="",discoverBaseProdApiUrl:a=""}=(null==$e?void 0:$e.env)||{};return(!w&&i?a:o)+"wp-json/api/"+Ce(_(e,Object.assign({},t)))},Ge=(e,t,i)=>{const{marryBabyApiUrl:o="",marryBabyProdApiUrl:a=""}=(null==$e?void 0:$e.env)||{};return(i&&!w?a:o)+"wp-json/api/"+Ce(_(e,Object.assign({},t)))},Me=(e,t)=>{const{careBaseApiUrl:i=""}=(null==$e?void 0:$e.env)||{};return(i||"https://service-health-care.hellohealthgroup.com/")+Ce(_(e,Object.assign({},t)))},He=e=>((null==e?void 0:e.data)&&(e.data instanceof FormData?e.body=e.data:"object"==typeof e.data&&(e.body=JSON.stringify(e.data)),delete e.data),e),ze=(e,t,i,o=!1)=>g(void 0,void 0,void 0,(function*(){var a,r,n,l;try{const a=yield fetch(o?e:(l=e,encodeURI(l).replace(/%5B/g,"[").replace(/%5D/g,"]")),Object.assign(Object.assign({method:t},He(i)),{headers:Object.assign({},null==i?void 0:i.headers)})).then((e=>e.json()));if(a)return a}catch(t){return console.log(t),console.log({url:e,status:null===(a=null==t?void 0:t.response)||void 0===a?void 0:a.status,statusText:null===(r=null==t?void 0:t.response)||void 0===r?void 0:r.statusText}),(null===(n=null==t?void 0:t.response)||void 0===n?void 0:n.data)||null}return null})),je=(e,t="GET",i,o)=>g(void 0,void 0,void 0,(function*(){var a,r,n,l,s,p;try{const l="string"==typeof e?e:e.url,s="string"==typeof e?e:e.backupUrl,p=we.parse(o||""),d=p[N]||y(N);if(!d||!d.length)return ze(s||l,t,i);try{const e=yield fetch(l,Object.assign(Object.assign({method:t},He(i)),{headers:Object.assign({Authorization:"Bearer "+d},null==i?void 0:i.headers)})).then((e=>e.json()));if(null===(a=null==e?void 0:e.messages)||void 0===a?void 0:a.find((e=>"Unauthenticated"===(null==e?void 0:e.toLowerCase()))))return ze(s||l,t,i);if(e)return e}catch(e){return console.log({status:null===(r=null==e?void 0:e.response)||void 0===r?void 0:r.status,statusText:null===(n=null==e?void 0:e.response)||void 0===n?void 0:n.statusText}),ze(s||l,t,i)}}catch(e){return console.log({status:null===(l=null==e?void 0:e.response)||void 0===l?void 0:l.status,statusText:null===(s=null==e?void 0:e.response)||void 0===s?void 0:s.statusText}),(null===(p=null==e?void 0:e.response)||void 0===p?void 0:p.data)||null}return null})),Fe=(e,t,i,o)=>g(void 0,void 0,void 0,(function*(){try{const a=we.parse(o||""),r=a[N]||y(N);if(r&&r.length){const o=yield fetch(e,Object.assign(Object.assign({method:t},He(i)),{headers:Object.assign({Authorization:"Bearer "+r},null==i?void 0:i.headers)})).then((e=>e.json()));if(o)return o}}catch(e){return null}return null})),Ve=(e,t,i,o)=>g(void 0,void 0,void 0,(function*(){try{const a=we.parse(o||""),r=a[B]||y(B);if(r&&r.length){const o=yield fetch(e,Object.assign(Object.assign({method:t},He(i)),{headers:Object.assign({Authorization:"Bearer "+r},null==i?void 0:i.headers)})).then((e=>e.json()));if(o)return o}}catch(e){return null}return null}));function Ye(e,t,i){const o=new RegExp("([?&])"+t+"=.*?(&|$)","i"),a=-1!==e.indexOf("?")?"&":"?";return e.match(o)?e.replace(o,"$1"+t+"="+i+"$2"):e+a+t+"="+i}const Ke=(e,t,i="/community")=>{const o=e||("undefined"!=typeof window?window.location.href:"/");let a="undefined"!=typeof window?window.location.origin:"";a||e&&(e.startsWith("http://")||e.startsWith("https://"))&&(a=e.split("/").slice(0,3).join("/"));return((e,t)=>{const{publicSSO:i}=$e.env,o=e||window.location.href;return t&&Object.keys(t).map((e=>{Ye(o,e,t[e])})),Ye(o,"source","communities"),i?`${i}?returnUrl=${encodeURIComponent(o.toString())}`:o})(`${a}${i}/on-boarding?return=${encodeURIComponent(o)}`,t)},We=(e,t,i,o)=>i&&t?`${i}-${t}`:`${v(e||"",{lower:!0,locale:o||De})}-${t}`,Xe=({name:e,id:t,locale:i})=>{var o;return`/care/${null===(o=H[i||"vi-VN"])||void 0===o?void 0:o.DOCTOR}/${We(e,t)}`},qe=({name:e,id:t,slug:i,locale:o})=>{var a;return`/care/${null===(a=H[o||"vi-VN"])||void 0===a?void 0:a.HOSPITAL}/${We(e,t,i)}`},Ze=a.createContext({}),Je=e=>{var{children:t}=e,i=h(e,["children"]);const[o,n]=a.useState((()=>i.currentUrl||`https://${"marryBaby"===i.siteType?Re[i.locale||"en-PH"]:f[i.locale||"en-PH"]}${"together"===i.projectType?"/community":"ecom"===i.projectType?"/ecom":"care"===i.projectType?"/care":""}/`));s((()=>{const e=()=>{n(window.location.href)};return window.addEventListener("popstate",e),e(),()=>{window.removeEventListener("popstate",e)}}),[]);const l=(({locale:e,projectType:t,isMobile:i,siteType:o})=>r((()=>{const a=!(!i&&"profile"===t),r="discover"===t||"marryBaby"===t||"profile"===t&&"marryBaby"===o,n="marryBaby"!==o&&"marryBaby"!==t&&u.includes(e),l="marryBaby"!==t&&"discover"===t&&"marryBaby"!==o&&b.includes(e),s="marryBaby"===t||x.includes(e),p="ecom"===t,d="ecom"===t,c=E(e,"marryBaby"===o);return{enableProfileNavigatorMenu:a,enableSearchBar:r,enableNavCare:n,enableNavCareBooking:l,enableNavTogether:s,enableNavEcom:p,enableProfileEcom:d,enableProfileMyHealth:!0,statics:{HOME_PAGE_URL:c,CARE_URL_FE:`${c}/care`,TOGETHER_URL_FE:`${c}/community`,SSO_URL:T(e,"marryBaby"===o),TOGETHER_API:O(),DISCOVER_API:A(e)}}}),[e,t,i]))({locale:i.locale,projectType:i.projectType,isMobile:i.isMobile,siteType:i.siteType});return a.createElement(Ze.Provider,{value:Object.assign(Object.assign({},i),{configs:l,currentUrl:i.currentUrl||o})},t)},Qe=t.div`
+  position: fixed;
+  z-index: 201;
+  top: calc(100% + 1px); // border 1px
+  width: 100%;
+  height: calc(100vh - var(--header-bottom));
+  overflow-x: hidden;
+  overflow-y: auto;
+  background: white;
+  display: flex;
+  flex-direction: column;
+  padding-bottom: 0;
+  left: 0;
+  .hhgcomp-navigation-popupwrapper-menuwrapper {
+    position: unset;
   }
-  position: relative;
+`;t.div`
+  position: fixed;
+  bottom: 0;
+  left: 0;
   display: flex;
-  align-items: center;
+  width: 100%;
+  height: 72px;
+  align-items: flex-start;
   justify-content: center;
-  padding: 6px;
-  border-radius: 5px;
-  margin-top: 20px;
-  ${e.mbDown} {
-    display: none;
-  }
-`,lt=t.div`
-  padding: 16px;
-  border-radius: 8px;
-  position: relative;
-  z-index: 1;
-  overflow: hidden;
-  a {
-    text-decoration: none;
-  }
 
-  .bg-svg {
-    height: 100%;
-    position: absolute;
-    top: 0;
-    left: 0;
-    z-index: -1;
+  background: linear-gradient(0deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
+
+  .button-image {
+    stroke-color: blue;
   }
-  ${e.mbDown} {
-    display: block;
-    .bg-svg {
-      right: -24px;
-      left: unset;
-      top: 0;
-      transform: rotateY(180deg);
+
+  &[data-site-type='marryBaby'] {
+    padding: 0 16px;
+    .category-button {
+      width: 100%;
+      height: 48px;
     }
   }
+`,t.div`
+  display: flex;
 
-  ${e.mbUp} {
-    display: grid;
-    grid-gap: 10px;
-    grid-template-columns: 1fr 3fr;
+  &[data-card-array-no-margin-style='true'] {
+    margin: 8px 0;
+
+    & > div {
+      width: 0;
+      flex: 1;
+      margin: 0 -1px;
+    }
   }
-`,st=t.div`
-  font-weight: 400;
-  font-size: 14px;
-  line-height: 24px;
-  color: ${e=>e.theme.colors.gray600};
-  margin-bottom: 15px;
-`,pt=t.div`
-  font-weight: 600;
-  font-size: 16px;
-  line-height: 26px;
-  color: #000000;
-  margin-bottom: 4px;
-`,dt=t.div`
-  background: #fff;
-  padding: 5px;
+
+  &[data-card-array-no-margin-style='false'] {
+    margin: 8px -4px;
+
+    & > div {
+      flex: 1;
+      margin: 0 4px;
+    }
+  }
+`,t.div`
+  margin-top: 64px;
+`,t.div`
+  padding: 24px 0;
+`,t.div`
   display: flex;
+  width: 100%;
   align-items: center;
   justify-content: center;
-  border-radius: 50px;
-`,ct=t.div`
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  position: relative;
-  ${e.mbDown} {
-    justify-content: end;
-    min-height: 100px;
+
+  & > div:first-child {
+    margin-right: 8px;
   }
-`,mt=t.div`
-  margin-top: 10px;
-  background: #ffffff;
-  padding: 5px 15px;
+`,t.div`
+  z-index: ${me};
+  align-items: center;
+
+  border: 1px solid ${e=>e.theme.colors.neutral50};
+  background-color: ${e=>e.theme.colors.white};
+  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);
+`,t.div`
   position: relative;
-  ${e.mbDown} {
-    &:after {
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 100%;
-      height: 4px;
-      background-color: ${e=>e.theme.colors.neutral100};
-      content: '';
-    }
-  }
-`,gt=t.div`
-  margin: 15px 0;
   display: flex;
-`,ht=t.a`
-  padding-left: 10px;
+  flex-wrap: wrap;
+  align-items: flex-start;
+  justify-content: flex-start;
+  padding: 48px 0;
+`,t.div`
+  position: relative;
   display: flex;
-  align-items: center;
-  text-decoration: none;
-  font-weight: 400;
-  font-size: 14px;
-  color: ${e=>e.theme.colors.primaryBase};
-  &[data-theme='marryBaby'] {
-    color: ${e=>e.theme.mbColors.pink};
-  }
-  img {
-    padding-left: 5px;
-  }
-  ${e.mbDown} {
-    margin-left: auto;
-  }
-`;t.div`
-  & > a:not(:last-child) > div {
-    border-bottom: 1px solid ${e=>e.theme.colors.neutral100};
+  flex-wrap: wrap;
+  align-items: flex-start;
+  justify-content: flex-start;
+  &[data-disabled-divider='false'] {
+    border-right: 1px solid #e4e8ec;
   }
+`,t.div`
+  width: 20%;
+  padding-right: 16px;
+  margin-bottom: 12px;
 
-  &[data-category-list-type='sub'] {
-    padding-bottom: 72px;
+  & > a {
+    color: ${e=>e.theme.colors.gray800};
+    font-size: ${e=>e.theme.sizes.fsParagraph4};
+    font-weight: ${e=>e.theme.sizes.fwRegular};
+    line-height: 22px;
   }
 
-  &[data-is-displayed='false'] {
-    display: none;
+  & > a:hover {
+    color: ${e=>e.theme.colors.primaryBase};
   }
-`;const ut=t.div`
-  display: grid;
 
-  grid-template-columns: repeat(3, 1fr);
-  gap: 24px;
+  .iconMenu {
+    display: flex;
+    align-items: center;
 
-  ${e.tdDown} {
-    grid-template-columns: repeat(1, 1fr);
+    > .imageContainer {
+      display: flex;
+      width: 32px;
+      min-width: 32px;
+      align-items: center;
+      margin-right: 16px;
+    }
   }
-`,bt=t.div`
-  height: 152px; // 120 + 16 * 2
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: 3;
-  overflow: hidden;
-  border-radius: 4px;
-  padding: 16px;
-  width: 100%;
+`,t.div`
+  display: none;
+`,t.div`
+  width: 33%;
+  height: 48px;
+  padding-right: 16px;
+  margin-bottom: 12px;
 
-  .img-container {
-    width: 100%;
-    height: 100%;
-  }
-  img {
-    width: 100%;
-    height: 100%;
-    display: block;
-    object-fit: contain;
-  }
-  ${e.tdDown} {
-    margin-bottom: 0;
-    padding: 0;
-    height: 100%;
-    position: unset;
-    width: 150px;
+  & > a {
+    display: flex;
+    align-items: center;
+    color: ${e=>e.theme.colors.gray800};
+    font-size: ${e=>e.theme.sizes.fsParagraph4};
+    font-weight: ${e=>e.theme.sizes.fwRegular};
+    line-height: 22px;
+
+    & > :first-child {
+      margin-right: 16px;
+    }
   }
-  ${e.mbDown} {
-    width: 80px;
+
+  & > a > p:hover {
+    color: ${e=>e.theme.colors.primaryBase};
   }
-`,xt=t.div`
-  background-color: #ffffff;
-  border-radius: 4px;
-  width: 100%;
-  height: 100%;
-`,ft=t.div`
+`,t.div`
   display: flex;
-  margin-top: 1rem;
   align-items: center;
+
+  padding-right: 16px;
+  margin-bottom: 12px;
   color: ${e=>e.theme.colors.primaryBase};
-  font-weight: 400;
-  font-size: 14px;
-  text-decoration: none;
-  ${e.tdDown} {
-    display: none;
-  }
-`,yt=t.p`
-  font-size: 16px;
-  font-weight: 600;
-  line-height: 1.6;
-  color: ${e=>e.theme.colors.gray800};
-  ${e.tdDown} {
-    padding: 0;
-  }
-`,vt=t.p`
-  font-size: 14px;
-  line-height: 1.6;
-  font-weight: 400;
-  color: ${e=>e.theme.colors.gray600};
-  height: 40px;
-  text-overflow: ellipsis;
-  overflow: hidden;
-  display: -webkit-box;
-  -webkit-line-clamp: 2;
-  -webkit-box-orient: vertical;
-  margin-bottom: auto;
-  ${e.tdDown} {
-    height: unset;
-    padding: 0;
+  font-size: ${e=>e.theme.sizes.fsParagraph4};
+  font-weight: ${e=>e.theme.sizes.fwBold};
+  line-height: 24px;
+
+  &[data-theme='marryBaby'] {
+    color: ${e=>e.theme.mbColors.pink};
   }
-`,_t="hhgcomp-navigation-menucareitem-contentwrapper",wt=o(t.div`
+`,t.div`
   display: flex;
-  flex-direction: column;
-  gap: 8px;
-  flex: 1;
-  z-index: 1;
-  ${e.tdDown} {
-    gap: 4px;
-  }
-`,_t),Et=t.a`
-  text-decoration: none;
-  border-radius: 4px;
-  background: ${i.colors.white};
-  position: relative;
-  overflow: hidden;
-  padding: 16px;
+  align-items: center;
+
+  margin-left: 10px;
+`,t.div`
+  position: absolute;
+  top: 16px;
+  right: 0;
   display: flex;
-  padding-top: 166px;
-  * {
-    pointer-events: none;
-  }
-  ${e.tdUp} {
-    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);
-    gap: 30px;
-    flex-direction: column;
+  align-items: center;
+  cursor: pointer;
+`,t.div`
+  display: block;
+`,t.div`
+  .categories__spotlight {
+    display: grid;
+    margin: 16px;
+    margin-bottom: 32px;
+    grid-gap: 8px;
+    grid-template-columns: 1fr 1fr;
+
     a {
-      display: flex;
-      width: 100%;
+      text-decoration: none;
     }
   }
-  ${e.tdDown} {
-    padding-top: 16px;
-    a {
-      display: none;
-    }
-    grid-template-columns: 2fr 1fr;
-    gap: 10px;
-    display: grid;
-    max-height: 110px;
+
+  .categoryCard {
     display: flex;
-    flex-direction: row-reverse;
-    > .${_t} {
-      flex: 1;
+    width: 100%;
+    flex-direction: column;
+    align-items: center;
+    padding: 16px;
+    border-radius: ${e=>e.theme.borderRadius};
+    color: ${e=>e.theme.colors.primaryBase};
+
+    svg {
+      margin-bottom: 4px;
     }
-    img {
-      width: 150px;
+
+    &.active {
+      background: ${e=>e.theme.colors.primaryBase};
+      box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06),
+        0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
+      color: white;
     }
-  }
-  ${e.mbDown} {
-    box-shadow: 0px 10px 16px rgba(0, 0, 0, 0.04), 0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
-    display: flex;
-    flex-direction: row-reverse;
-    img {
-      width: 80px;
-      height: 80px;
+
+    &:not(.active) {
+      box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04),
+        0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);
     }
   }
-  ${e.tdOnly} {
-    border: 1px solid ${i.colors.neutral100};
+
+  .amp__menu-header {
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+
+    svg {
+      margin-left: 16px;
+    }
+
+    > div {
+      align-self: center;
+
+      &:nth-child(2) {
+        justify-self: center;
+      }
+    }
   }
-  .bg-svg {
-    width: 100%;
-    max-width: 245px;
-    height: 100%;
-    top: 0;
-    right: -40px;
-    position: absolute;
-    display: inline-block;
+
+  .logo {
+    margin: 22px 0;
   }
-`;t.div`
-  &[data-category-list-type='sub'] {
-    padding-bottom: 72px;
+
+  .categories {
+    margin: 0 16px;
+
+    li {
+      display: block;
+      width: 100%;
+
+      + li {
+        border-top: 1px solid
+          ${e=>e.theme.colors.neutral100};
+      }
+
+      a {
+        display: block;
+        margin: 12px 0;
+        color: ${e=>e.theme.colors.gray800};
+        text-decoration: none;
+      }
+    }
   }
+`,t.div`
+  width: 20%;
+  height: 2px;
 
-  &[data-is-displayed='false'] {
+  background-color: ${e=>e.theme.mbColors.pink};
+  border-radius: 2px;
+`;const et=t.div`
+  padding: 16px;
+  padding-bottom: 12px;
+  .fake-search-input {
+    pointer-events: none;
+    input {
+      line-height: 20px;
+      padding-top: 10px;
+      padding-bottom: 10px;
+    }
+  }
+  &[data-theme='marryBaby'] {
+    input {
+      background: ${e=>e.theme.mbColors.lightGray};
+      border-radius: 16px;
+      border: none;
+    }
+  }
+`,tt=t.div`
+  display: block;
+  overflow-y: auto;
+  flex: 1;
+  padding-bottom: 16px;
+  &::-webkit-scrollbar {
+    width: 0;
     display: none;
   }
-`,t.div`
-  & > div {
-    width: 100%;
-    margin-bottom: 8px;
+`,it=p((()=>a.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.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"})))),ot=t.div`
+  padding-right: 1rem;
+  margin-top: 10px;
+  background: #ffffff;
+  padding: 5px 15px;
+  ${e.mbUp} {
+    border-right: 1px solid #e4e8ec;
   }
-`;const Tt=t.div`
-  display: grid;
+`,at=t.a`
+  padding: 10px 0;
+  position: relative;
 
-  grid-template-columns: repeat(4, 1fr);
-  gap: 24px;
-  ${e.tdDown} {
-    gap: 12px;
-    grid-template-columns: 1fr;
-  }
-`,Ot=t.a`
-  width: 100%;
   display: flex;
   align-items: center;
   text-decoration: none;
+  color: ${e=>e.theme.colors.gray800};
   * {
     pointer-events: none;
   }
-`,At=t.div`
-  border-radius: 5px;
-  display: block;
-  overflow: hidden;
-  padding-top: 140%;
-  width: 100%;
-  position: relative;
-  height: 0;
-  img {
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    display: block;
-    object-fit: cover;
-    top: 0;
-    left: 0;
-  }
-  ${e.tdDown} {
-    width: 72px;
-    padding-top: 100px;
+  p {
+    font-size: 16px;
+    font-weight: 400;
+    padding: 0 0.4rem;
   }
-`,It=t.p`
-  font-size: 16px;
-  font-weight: 400;
-  padding: 4px 15px;
-  line-height: 1.4;
-  color: ${e=>e.theme.colors.gray800};
-  flex: 1;
-  ${e.tdUp} {
-    display: none;
+
+  &[data-theme='marryBaby']:hover {
+    p {
+      color: ${e=>e.theme.mbColors.pink};
+    }
+    .icon {
+      background-color: ${e=>e.theme.mbColors.lightPink};
+    }
   }
-`;t.div`
-  & > :not(:last-child) {
-    border-bottom: 1px solid ${e=>e.theme.colors.neutral100};
+  &[data-theme='helloSite']:hover {
+    p {
+      color: ${e=>e.theme.colors.primaryActive};
+    }
   }
-
-  & > div > :not(:last-child) {
-    border-bottom: 1px solid ${e=>e.theme.colors.neutral100};
+  a {
   }
 
-  &[data-category-list-type='sub'] {
-    padding-bottom: 72px;
+  &[data-theme='marryBaby'] {
+    .icon {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      max-width: 40px;
+      width: 100%;
+      height: 40px;
+      border-radius: 50%;
+      background-color: ${e=>e.theme.mbColors.lightGray};
+      img {
+        border-radius: 50%;
+      }
+    }
   }
-
-  &[data-is-displayed='false'] {
+`,rt=t.div`
+  margin: 15px 0;
+  ${e.mbDown} {
     display: none;
   }
-`,t.div`
-  & > div {
-    width: 100%;
-    margin-bottom: 8px;
+`,nt=t.div`
+  display: flex;
+  position: absolute;
+  right: 0;
+  ${e.mbUp} {
+    display: none;
   }
-`;const Lt=t.div`
-  display: grid;
-  grid-template-columns: repeat(2, 1fr);
-  grid-gap: 48px;
-  ${e.tdDown} {
-    grid-template-columns: 1fr;
-    grid-gap: 32px;
+`,lt=t.div`
+  display: flex;
+  align-items: center;
+  color: ${e=>e.theme.colors.primaryBase};
+  font-size: ${e=>e.theme.sizes.fsParagraph4};
+  font-weight: ${e=>e.theme.sizes.fwBold};
+  line-height: 24px;
+  font-size: 14px;
+  font-weight: 600;
+  &[data-event-category] * {
+    pointer-events: none;
   }
-  ${e.mbDown} {
-    grid-gap: 24px;
-  }
-`,$t=t.div`
-  width: ${e=>e.size||40}px;
-  height: ${e=>e.size||40}px;
-  flex-shrink: 0;
-  cursor: pointer;
-
-  img {
-    border-radius: 50%;
-  }
-
-  .avatar {
-    width: 100%;
-    height: 100%;
-    object-fit: cover;
-  }
-
-  .avatar-default {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    background-color: ${e=>e.theme.colors.secondaryBase};
-    border-radius: 50%;
-    color: white;
-    font-size: 1em;
-    font-weight: bold;
-    line-height: 1;
-  }
-
-  &[data-is-marrybaby='true'] {
-    .avatar-default {
-      background-color: ${e=>e.theme.mbColors.pink};
-    }
-  }
-`,St=e=>{var{className:t,isMarryBaby:i,style:o,avatar:r,username:n,size:p}=e,c=h(e,["className","isMarryBaby","style","avatar","username","size"]);const{data:{env:{isMarryBaby:m}}}=d(Le),g="boolean"==typeof i?i:m,[u,b]=l(!1);return s((()=>{const e=new Image;e.onerror=()=>{b(!0)},e.src=r}),[]),a.createElement($t,Object.assign({"data-is-marrybaby":g,className:t,style:o,size:p},c),r&&!u?a.createElement("img",{loading:"lazy",src:r,className:"avatar",alt:"avatar",onError:()=>{b(!0)}}):a.createElement("div",{className:"avatar avatar-default"},n&&(null==n?void 0:n.length)>0?n[0].toUpperCase():"A"))},kt=t.div`
-  padding: 5px;
-  flex: 1;
-`,Rt=t.img`
-  width: 88px;
-  height: 88px;
-  border-radius: 4px;
-  object-fit: cover;
-`,Dt=t.div`
-  font-size: 12px;
-  font-weight: 600;
-  color: ${e=>e.theme.colors.gray800};
-  text-decoration: none;
-  &[data-theme='marryBaby'] {
-    font-weight: 400;
-    letter-spacing: -0.2px;
-  }
-`,Pt=t.div`
-  text-decoration: none;
-  font-size: 12px;
-  font-weight: 400;
-  color: ${e=>e.theme.colors.primaryBase};
   &[data-theme='marryBaby'] {
-    font-weight: 400;
-    letter-spacing: -0.2px;
-  }
-`,Ct=t.div`
-  font-size: 12px;
-  font-weight: 400;
-  color: ${e=>e.theme.colors.gray600};
-`,Nt=t.div`
-  font-size: 12px;
-  font-weight: 400;
-  color: ${e=>e.theme.colors.gray600};
-`,Bt=t.a`
-  display: flex;
-  gap: 10px;
-  text-decoration: none;
-  position: relative;
-  &::after {
-    content: '';
-    display: block;
-    width: 100%;
-    height: 1px;
-    border-top: 1px dashed ${e=>e.theme.colors.neutral100};
-    position: absolute;
-    bottom: -24px;
-    ${e.tdOnly} {
-      bottom: -16px;
-    }
-    ${e.mbDown} {
-      bottom: -12px;
-    }
-  }
-  &:last-child {
-    &::after {
-      display: none;
-    }
-  }
-  ${e.tdUp} {
-    &:nth-last-child(2) {
-      &::after {
-        display: none;
-      }
-    }
+    color: ${e=>e.theme.mbColors.pink};
   }
-`,Ut=t.div`
+`,st=t.div`
   display: flex;
-  gap: 10px;
-  vertical-align: middle;
   align-items: center;
-`,Gt=t.div`
-  margin-top: 8px;
-  font-size: 16px;
-  font-weight: 600;
-  color: ${e=>e.theme.colors.gray800};
+  margin-left: 10px;
+`,pt=t.a`
+  border: 1px solid ${e=>e.theme.colors.primaryBase};
   &[data-theme='marryBaby'] {
-    margin-top: 12px;
-    font-weight: 400;
-    font-size: 14px;
-    line-height: 24px;
-    letter-spacing: -0.2px;
+    border: 1px solid ${e=>e.theme.mbColors.pink};
+
+    svg path {
+      stroke: ${e=>e.theme.mbColors.pink};
+    }
   }
-`,Mt=t.div`
+  position: relative;
   display: flex;
-  flex-wrap: wrap;
   align-items: center;
-  column-gap: 5px;
-`,Ht=t.div`
-  display: flex;
-  gap: 4px;
-  flex-direction: column;
-`;I.extend(L);const zt=({post:e,index:t=0})=>{var i,o,r,n,l,s,p;const{siteType:c,configs:{statics:m}}=d(Ze);if(!e)return null;const g=[m.TOGETHER_URL_FE,null===(i=e.community)||void 0===i?void 0:i.slug].join("/"),h=[g,e.slug].join("/"),u=e.createdAt,b=u?isNaN(new Date(u).getTime())?null:new Date(u):null,x=b?I(b).toNow(!0):u;return a.createElement(Bt,{href:h,"data-event-category":"Hamburger Navigation","data-event-action":`Together Click ${t+1}`,"data-event-label":h},a.createElement(kt,null,a.createElement(Ut,null,a.createElement(St,{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)}),a.createElement(Ht,null,a.createElement(Dt,{"data-theme":c},null===(l=e.author)||void 0===l?void 0:l.name),a.createElement(Mt,null,a.createElement(Pt,{"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":c},null===(s=e.community)||void 0===s?void 0:s.name),a.createElement(Nt,null,"•"),a.createElement(Ct,{"data-theme":c},x)))),a.createElement(Gt,null,e.title)),!!(null===(p=e.photos)||void 0===p?void 0:p.length)&&a.createElement(Rt,{loading:"lazy",src:e.photos[0]}))};t.div`
-  &[data-is-display='false'] {
+  justify-content: center;
+  padding: 6px;
+  border-radius: 5px;
+  margin-top: 20px;
+  ${e.mbDown} {
+    display: none;
+  }
+`;t.div`
+  & > a:not(:last-child) > div {
+    border-bottom: 1px solid ${e=>e.theme.colors.neutral100};
+  }
+
+  &[data-category-list-type='sub'] {
+    padding-bottom: 72px;
+  }
+
+  &[data-is-displayed='false'] {
     display: none;
   }
-`;const jt=t.div`
+`;const dt=t.div`
   display: grid;
 
   grid-template-columns: repeat(3, 1fr);
   gap: 24px;
+
   ${e.tdDown} {
-    grid-template-columns: 1fr;
-    gap: 12px;
+    grid-template-columns: repeat(1, 1fr);
   }
-`,Ft=t.a`
-  text-decoration: none;
-  border-radius: 4px;
-  background: ${e=>e.theme.colors.primary50};
-  position: relative;
+`,ct=t.div`
+  height: 152px; // 120 + 16 * 2
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 3;
   overflow: hidden;
-  display: flex;
-  * {
-    pointer-events: none;
-  }
-  .bg-svg {
-    width: 245px;
-    top: 0;
-    right: 0;
-    height: 100%;
-    position: absolute;
-    ${e.tdDown} {
-      top: calc(51% - 68px);
-      right: -8px;
-    }
-  }
-  padding: 180px 24px 16px;
-  a {
-    display: flex;
+  border-radius: 4px;
+  padding: 16px;
+  width: 100%;
+
+  .img-container {
     width: 100%;
+    height: 100%;
   }
-  ${e.tdDown} {
-    padding-top: 16px;
-    display: flex;
-    align-items: center;
-  }
-`,Vt=t.div`
-  width: 64px;
-  height: 64px;
-  background: white;
-  position: absolute;
-  right: 25px;
-  top: 35px;
-  z-index: 3;
-  border-radius: 50%;
   img {
-    position: absolute;
-    width: 64px;
-    height: 64px;
-    top: 50%;
-    left: 50%;
+    width: 100%;
+    height: 100%;
     display: block;
-    transform: translate(-50%, -50%);
+    object-fit: contain;
   }
   ${e.tdDown} {
-    position: relative;
-    top: unset;
-    right: unset;
+    margin-bottom: 0;
+    padding: 0;
+    height: 100%;
+    position: unset;
+    width: 150px;
+  }
+  ${e.mbDown} {
+    width: 80px;
   }
-`,Yt=t.div`
+`,mt=t.div`
+  background-color: #ffffff;
+  border-radius: 4px;
+  width: 100%;
+  height: 100%;
+`,gt=t.div`
   display: flex;
+  margin-top: 1rem;
   align-items: center;
   color: ${e=>e.theme.colors.primaryBase};
   font-weight: 400;
   font-size: 14px;
   text-decoration: none;
-`,Kt=t.p`
+  ${e.tdDown} {
+    display: none;
+  }
+`,ht=t.p`
   font-size: 16px;
   font-weight: 600;
-  line-height: 1.4;
+  line-height: 1.6;
   color: ${e=>e.theme.colors.gray800};
-`,Wt=t.p`
+  ${e.tdDown} {
+    padding: 0;
+  }
+`,ut=t.p`
   font-size: 14px;
-  line-height: 1.4;
+  line-height: 1.6;
   font-weight: 400;
   color: ${e=>e.theme.colors.gray600};
   height: 40px;
@@ -1146,508 +958,695 @@ var ue=function(e,t){if("string"!=typeof e)throw new TypeError("argument str mus
   -webkit-box-orient: vertical;
   margin-bottom: auto;
   ${e.tdDown} {
-    display: none;
+    height: unset;
+    padding: 0;
   }
-`,Xt=t.div`
+`,bt="hhgcomp-navigation-menucareitem-contentwrapper",xt=o(t.div`
   display: flex;
   flex-direction: column;
+  gap: 8px;
   flex: 1;
   z-index: 1;
-  ${e.tdUp} {
-    gap: 8px;
-  }
   ${e.tdDown} {
     gap: 4px;
-    flex: 1;
   }
-`,qt=t.a`
+`,bt),ft=t.a`
   text-decoration: none;
-  border-radius: 12px;
-
+  border-radius: 4px;
+  background: ${i.colors.white};
   position: relative;
   overflow: hidden;
+  padding: 16px;
   display: flex;
+  padding-top: 166px;
   * {
     pointer-events: none;
   }
-  .bg-svg {
-    top: 0;
-    left: 0;
-    position: absolute;
-  }
-
-  .dot-svg {
-    width: 40px;
-    height: 30px;
-    top: 36px;
-    left: 16px;
-    position: absolute;
-    stroke-width: 0;
-  }
-
-  &[data-color='pink'] {
-    background: ${e=>e.theme.mbColors.tonePink};
-    .bg-svg {
-      fill: ${e=>e.theme.mbColors.peach};
-    }
-  }
-  &[data-color='orange'] {
-    background: ${e=>e.theme.mbColors.toneYellow};
-    .bg-svg {
-      fill: ${e=>e.theme.mbColors.orange};
-    }
-  }
-  &[data-color='green'] {
-    background: ${e=>e.theme.mbColors.toneGreen};
-    .bg-svg {
-      fill: ${e=>e.theme.mbColors.mint};
-    }
-  }
-
-  padding: 180px 24px 16px;
-  a {
-    display: flex;
-    width: 100%;
+  ${e.tdUp} {
+    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);
+    gap: 30px;
+    flex-direction: column;
+    a {
+      display: flex;
+      width: 100%;
+    }
   }
   ${e.tdDown} {
     padding-top: 16px;
+    a {
+      display: none;
+    }
+    grid-template-columns: 2fr 1fr;
+    gap: 10px;
+    display: grid;
+    max-height: 110px;
     display: flex;
-    align-items: flex-start;
-    justify-content: flex-start;
+    flex-direction: row-reverse;
+    > .${bt} {
+      flex: 1;
+    }
+    img {
+      width: 150px;
+    }
   }
   ${e.mbDown} {
-    padding-top: 0;
-    padding-left: 80px;
-    height: 96px;
-    align-items: flex-start;
-    justify-content: center;
-    flex-direction: column;
-    .dot-svg {
-      top: 22px;
-      left: 16px;
+    box-shadow: 0px 10px 16px rgba(0, 0, 0, 0.04), 0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
+    display: flex;
+    flex-direction: row-reverse;
+    img {
+      width: 80px;
+      height: 80px;
     }
   }
-  ${e.tdUp} {
-    min-height: 296px;
+  ${e.tdOnly} {
+    border: 1px solid ${i.colors.neutral100};
   }
-  .mobile-only {
-    ${e.tdUp} {
-      display: none;
-    }
+  .bg-svg {
+    width: 100%;
+    max-width: 245px;
+    height: 100%;
+    top: 0;
+    right: -40px;
+    position: absolute;
+    display: inline-block;
   }
-  .desktop-only {
-    ${e.tdDown} {
-      display: none;
-    }
+`,yt=t.div`
+  padding: 16px;
+  border-radius: 8px;
+  position: relative;
+  z-index: 1;
+  overflow: hidden;
+  a {
+    text-decoration: none;
   }
-`,Zt=t.div`
-  width: 48px;
-  height: 48px;
-  background: white;
-  position: absolute;
-  right: 25px;
-  top: 35px;
-  z-index: 3;
-  border-radius: 50%;
-  img {
+
+  .bg-svg {
+    height: 100%;
     position: absolute;
-    width: 36px;
-    height: 36px;
-    top: 50%;
-    left: 50%;
+    top: 0;
+    left: 0;
+    z-index: -1;
+  }
+  ${e.mbDown} {
     display: block;
-    transform: translate(-50%, -50%);
+    .bg-svg {
+      right: -24px;
+      left: unset;
+      top: 0;
+      transform: rotateY(180deg);
+    }
   }
-  ${e.tdDown} {
-    position: relative;
-    top: unset;
-    right: unset;
+
+  ${e.mbUp} {
+    display: grid;
+    grid-gap: 10px;
+    grid-template-columns: 1fr 3fr;
   }
+`,vt=t.div`
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 24px;
+  color: ${e=>e.theme.colors.gray600};
+  margin-bottom: 15px;
+`,_t=t.div`
+  font-weight: 600;
+  font-size: 16px;
+  line-height: 26px;
+  color: #000000;
+  margin-bottom: 4px;
+`,wt=t.div`
+  background: #fff;
+  padding: 5px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50px;
+`,Et=t.div`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  position: relative;
   ${e.mbDown} {
-    position: absolute;
-    left: 32px;
-    top: 28px;
+    justify-content: end;
+    min-height: 100px;
   }
-`,Jt=t.div`
+`,Tt=t.div`
+  margin-top: 10px;
+  background: #ffffff;
+  padding: 5px 15px;
+  position: relative;
+  ${e.mbDown} {
+    &:after {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 4px;
+      background-color: ${e=>e.theme.colors.neutral100};
+      content: '';
+    }
+  }
+`,Ot=t.div`
+  margin: 15px 0;
+  display: flex;
+`,At=t.a`
+  padding-left: 10px;
   display: flex;
   align-items: center;
-  background: white;
+  text-decoration: none;
   font-weight: 400;
   font-size: 14px;
-  text-decoration: none;
-  border-radius: 50%;
-  width: 20px;
-  height: 20px;
-
-  svg path {
-    fill: ${e=>e.theme.mbColors.gray};
-  }
-
-  ${e.tdDown} {
-    background: none;
-    width: 100%;
-    font-weight: 400;
-    font-size: 12px;
-    line-height: 18px;
+  color: ${e=>e.theme.colors.primaryBase};
+  &[data-theme='marryBaby'] {
     color: ${e=>e.theme.mbColors.pink};
-    padding-left: 16px;
   }
-`,Qt=t.p`
-  font-weight: 600;
-  font-size: 14px;
-  line-height: 24px;
-  letter-spacing: -0.2px;
-  color: ${e=>e.theme.colors.gray800};
-`,ei=t.p`
-  font-weight: 400;
-  font-size: 12px;
-  line-height: 18px;
-  letter-spacing: -0.2px;
-  color: ${e=>e.theme.colors.gray600};
-  height: 54px;
-  text-overflow: ellipsis;
-  overflow: hidden;
-  display: -webkit-box;
-  -webkit-line-clamp: 3;
-  -webkit-box-orient: vertical;
-  margin-bottom: auto;
-  ${e.tdDown} {
-    display: none;
+  img {
+    padding-left: 5px;
   }
-`,ti=t.div`
-  display: flex;
-  flex: 1;
-  z-index: 1;
-  align-items: flex-end;
-  justify-content: flex-end;
-  ${e.tdUp} {
-    gap: 8px;
-    flex-direction: row;
+  ${e.mbDown} {
+    margin-left: auto;
+  }
+`;t.div`
+  &[data-category-list-type='sub'] {
+    padding-bottom: 72px;
   }
 
-  ${e.tdDown} {
-    align-items: flex-start;
-    justify-content: flex-start;
-    gap: 4px;
+  &[data-is-displayed='false'] {
+    display: none;
   }
-`,ii=t.div`
-  display: flex;
-  flex-direction: column;
-  flex: 1;
-  z-index: 1;
-  ${e.tdUp} {
-    gap: 8px;
+`,t.div`
+  & > div {
+    width: 100%;
+    margin-bottom: 8px;
   }
+`;const It=t.div`
+  display: grid;
+
+  grid-template-columns: repeat(4, 1fr);
+  gap: 24px;
   ${e.tdDown} {
-    gap: 4px;
-    flex: 1;
-    padding-left: 16px;
+    gap: 12px;
+    grid-template-columns: 1fr;
   }
-`,oi=t.div`
+`,Lt=t.a`
+  width: 100%;
   display: flex;
-  flex-direction: row;
-  flex: 1;
-  z-index: 1;
-  ${e.tdUp} {
-    gap: 8px;
-    justify-content: flex-end;
-    align-items: flex-end;
+  align-items: center;
+  text-decoration: none;
+  * {
+    pointer-events: none;
+  }
+`,$t=t.div`
+  border-radius: 5px;
+  display: block;
+  overflow: hidden;
+  padding-top: 140%;
+  width: 100%;
+  position: relative;
+  height: 0;
+  img {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    display: block;
+    object-fit: cover;
+    top: 0;
+    left: 0;
   }
   ${e.tdDown} {
-    flex-direction: column;
-    justify-content: flex-start;
-    align-items: flex-start;
+    width: 72px;
+    padding-top: 100px;
   }
-`,ai=t.div`
-  position: fixed;
-  z-index: 201;
-  top: calc(100% + 1px); // border 1px
-  width: 100%;
-  height: calc(100vh - var(--header-bottom));
-  overflow-x: hidden;
-  overflow-y: auto;
-  background: white;
-  display: flex;
-  flex-direction: column;
-  padding-bottom: 0;
-  left: 0;
-  .hhgcomp-navigation-popupwrapper-menuwrapper {
-    position: unset;
+`,St=t.p`
+  font-size: 16px;
+  font-weight: 400;
+  padding: 4px 15px;
+  line-height: 1.4;
+  color: ${e=>e.theme.colors.gray800};
+  flex: 1;
+  ${e.tdUp} {
+    display: none;
   }
 `;t.div`
-  position: fixed;
-  bottom: 0;
-  left: 0;
-  display: flex;
-  width: 100%;
-  height: 72px;
-  align-items: flex-start;
-  justify-content: center;
-
-  background: linear-gradient(0deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
-
-  .button-image {
-    stroke-color: blue;
+  & > :not(:last-child) {
+    border-bottom: 1px solid ${e=>e.theme.colors.neutral100};
   }
 
-  &[data-site-type='marryBaby'] {
-    padding: 0 16px;
-    .category-button {
-      width: 100%;
-      height: 48px;
-    }
+  & > div > :not(:last-child) {
+    border-bottom: 1px solid ${e=>e.theme.colors.neutral100};
   }
-`,t.div`
-  display: flex;
-
-  &[data-card-array-no-margin-style='true'] {
-    margin: 8px 0;
 
-    & > div {
-      width: 0;
-      flex: 1;
-      margin: 0 -1px;
-    }
+  &[data-category-list-type='sub'] {
+    padding-bottom: 72px;
   }
 
-  &[data-card-array-no-margin-style='false'] {
-    margin: 8px -4px;
-
-    & > div {
-      flex: 1;
-      margin: 0 4px;
-    }
+  &[data-is-displayed='false'] {
+    display: none;
   }
 `,t.div`
-  margin-top: 64px;
-`,t.div`
-  padding: 24px 0;
-`,t.div`
-  display: flex;
-  width: 100%;
-  align-items: center;
-  justify-content: center;
-
-  & > div:first-child {
-    margin-right: 8px;
+  & > div {
+    width: 100%;
+    margin-bottom: 8px;
   }
-`,t.div`
-  z-index: ${se};
-  align-items: center;
-
-  border: 1px solid ${e=>e.theme.colors.neutral50};
-  background-color: ${e=>e.theme.colors.white};
-  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);
-`,t.div`
-  position: relative;
-  display: flex;
-  flex-wrap: wrap;
-  align-items: flex-start;
-  justify-content: flex-start;
-  padding: 48px 0;
-`,t.div`
-  position: relative;
-  display: flex;
-  flex-wrap: wrap;
-  align-items: flex-start;
-  justify-content: flex-start;
-  &[data-disabled-divider='false'] {
-    border-right: 1px solid #e4e8ec;
+`;const kt=t.div`
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  grid-gap: 48px;
+  ${e.tdDown} {
+    grid-template-columns: 1fr;
+    grid-gap: 32px;
   }
-`,t.div`
-  width: 20%;
-  padding-right: 16px;
-  margin-bottom: 12px;
-
-  & > a {
-    color: ${e=>e.theme.colors.gray800};
-    font-size: ${e=>e.theme.sizes.fsParagraph4};
-    font-weight: ${e=>e.theme.sizes.fwRegular};
-    line-height: 22px;
+  ${e.mbDown} {
+    grid-gap: 24px;
   }
+`,Rt=t.div`
+  width: ${e=>e.size||40}px;
+  height: ${e=>e.size||40}px;
+  flex-shrink: 0;
+  cursor: pointer;
 
-  & > a:hover {
-    color: ${e=>e.theme.colors.primaryBase};
+  img {
+    border-radius: 50%;
   }
 
-  .iconMenu {
-    display: flex;
-    align-items: center;
-
-    > .imageContainer {
-      display: flex;
-      width: 32px;
-      min-width: 32px;
-      align-items: center;
-      margin-right: 16px;
-    }
+  .avatar {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
   }
-`,t.div`
-  display: none;
-`,t.div`
-  width: 33%;
-  height: 48px;
-  padding-right: 16px;
-  margin-bottom: 12px;
 
-  & > a {
+  .avatar-default {
     display: flex;
     align-items: center;
-    color: ${e=>e.theme.colors.gray800};
-    font-size: ${e=>e.theme.sizes.fsParagraph4};
-    font-weight: ${e=>e.theme.sizes.fwRegular};
-    line-height: 22px;
+    justify-content: center;
+    background-color: ${e=>e.theme.colors.secondaryBase};
+    border-radius: 50%;
+    color: white;
+    font-size: 1em;
+    font-weight: bold;
+    line-height: 1;
+  }
 
-    & > :first-child {
-      margin-right: 16px;
+  &[data-is-marrybaby='true'] {
+    .avatar-default {
+      background-color: ${e=>e.theme.mbColors.pink};
     }
   }
-
-  & > a > p:hover {
-    color: ${e=>e.theme.colors.primaryBase};
+`,Dt=e=>{var{className:t,isMarryBaby:i,style:o,avatar:r,username:n,size:p}=e,c=h(e,["className","isMarryBaby","style","avatar","username","size"]);const{data:{env:{isMarryBaby:m}}}=d(Le),g="boolean"==typeof i?i:m,[u,b]=l(!1);return s((()=>{const e=new Image;e.onerror=()=>{b(!0)},e.src=r}),[]),a.createElement(Rt,Object.assign({"data-is-marrybaby":g,className:t,style:o,size:p},c),r&&!u?a.createElement("img",{loading:"lazy",src:r,className:"avatar",alt:"avatar",onError:()=>{b(!0)}}):a.createElement("div",{className:"avatar avatar-default"},n&&(null==n?void 0:n.length)>0?n[0].toUpperCase():"A"))},Pt=t.div`
+  padding: 5px;
+  flex: 1;
+`,Ct=t.img`
+  width: 88px;
+  height: 88px;
+  border-radius: 4px;
+  object-fit: cover;
+`,Nt=t.div`
+  font-size: 12px;
+  font-weight: 600;
+  color: ${e=>e.theme.colors.gray800};
+  text-decoration: none;
+  &[data-theme='marryBaby'] {
+    font-weight: 400;
+    letter-spacing: -0.2px;
   }
-`,t.div`
-  display: flex;
-  align-items: center;
-
-  padding-right: 16px;
-  margin-bottom: 12px;
+`,Bt=t.div`
+  text-decoration: none;
+  font-size: 12px;
+  font-weight: 400;
   color: ${e=>e.theme.colors.primaryBase};
-  font-size: ${e=>e.theme.sizes.fsParagraph4};
-  font-weight: ${e=>e.theme.sizes.fwBold};
-  line-height: 24px;
-
   &[data-theme='marryBaby'] {
-    color: ${e=>e.theme.mbColors.pink};
+    font-weight: 400;
+    letter-spacing: -0.2px;
   }
-`,t.div`
-  display: flex;
-  align-items: center;
-
-  margin-left: 10px;
-`,t.div`
-  position: absolute;
-  top: 16px;
-  right: 0;
+`,Ut=t.div`
+  font-size: 12px;
+  font-weight: 400;
+  color: ${e=>e.theme.colors.gray600};
+`,Gt=t.div`
+  font-size: 12px;
+  font-weight: 400;
+  color: ${e=>e.theme.colors.gray600};
+`,Mt=t.a`
   display: flex;
-  align-items: center;
-  cursor: pointer;
-`,t.div`
-  display: block;
-`,t.div`
-  .categories__spotlight {
-    display: grid;
-    margin: 16px;
-    margin-bottom: 32px;
-    grid-gap: 8px;
-    grid-template-columns: 1fr 1fr;
-
-    a {
-      text-decoration: none;
+  gap: 10px;
+  text-decoration: none;
+  position: relative;
+  &::after {
+    content: '';
+    display: block;
+    width: 100%;
+    height: 1px;
+    border-top: 1px dashed ${e=>e.theme.colors.neutral100};
+    position: absolute;
+    bottom: -24px;
+    ${e.tdOnly} {
+      bottom: -16px;
+    }
+    ${e.mbDown} {
+      bottom: -12px;
     }
   }
+  &:last-child {
+    &::after {
+      display: none;
+    }
+  }
+  ${e.tdUp} {
+    &:nth-last-child(2) {
+      &::after {
+        display: none;
+      }
+    }
+  }
+`,Ht=t.div`
+  display: flex;
+  gap: 10px;
+  vertical-align: middle;
+  align-items: center;
+`,zt=t.div`
+  margin-top: 8px;
+  font-size: 16px;
+  font-weight: 600;
+  color: ${e=>e.theme.colors.gray800};
+  &[data-theme='marryBaby'] {
+    margin-top: 12px;
+    font-weight: 400;
+    font-size: 14px;
+    line-height: 24px;
+    letter-spacing: -0.2px;
+  }
+`,jt=t.div`
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  column-gap: 5px;
+`,Ft=t.div`
+  display: flex;
+  gap: 4px;
+  flex-direction: column;
+`;I.extend(L);const Vt=({post:e,index:t=0})=>{var i,o,r,n,l,s,p;const{siteType:c,configs:{statics:m}}=d(Ze);if(!e)return null;const g=[m.TOGETHER_URL_FE,null===(i=e.community)||void 0===i?void 0:i.slug].join("/"),h=[g,e.slug].join("/"),u=e.createdAt,b=u?isNaN(new Date(u).getTime())?null:new Date(u):null,x=b?I(b).toNow(!0):u;return a.createElement(Mt,{href:h,"data-event-category":"Hamburger Navigation","data-event-action":`Together Click ${t+1}`,"data-event-label":h},a.createElement(Pt,null,a.createElement(Ht,null,a.createElement(Dt,{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)}),a.createElement(Ft,null,a.createElement(Nt,{"data-theme":c},null===(l=e.author)||void 0===l?void 0:l.name),a.createElement(jt,null,a.createElement(Bt,{"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":c},null===(s=e.community)||void 0===s?void 0:s.name),a.createElement(Gt,null,"•"),a.createElement(Ut,{"data-theme":c},x)))),a.createElement(zt,null,e.title)),!!(null===(p=e.photos)||void 0===p?void 0:p.length)&&a.createElement(Ct,{loading:"lazy",src:e.photos[0]}))};t.div`
+  &[data-is-display='false'] {
+    display: none;
+  }
+`;const Yt=t.div`
+  display: grid;
 
-  .categoryCard {
+  grid-template-columns: repeat(3, 1fr);
+  gap: 24px;
+  ${e.tdDown} {
+    grid-template-columns: 1fr;
+    gap: 12px;
+  }
+`,Kt=t.a`
+  text-decoration: none;
+  border-radius: 4px;
+  background: ${e=>e.theme.colors.primary50};
+  position: relative;
+  overflow: hidden;
+  display: flex;
+  * {
+    pointer-events: none;
+  }
+  .bg-svg {
+    width: 245px;
+    top: 0;
+    right: 0;
+    height: 100%;
+    position: absolute;
+    ${e.tdDown} {
+      top: calc(51% - 68px);
+      right: -8px;
+    }
+  }
+  padding: 180px 24px 16px;
+  a {
     display: flex;
     width: 100%;
-    flex-direction: column;
+  }
+  ${e.tdDown} {
+    padding-top: 16px;
+    display: flex;
     align-items: center;
-    padding: 16px;
-    border-radius: ${e=>e.theme.borderRadius};
-    color: ${e=>e.theme.colors.primaryBase};
+  }
+`,Wt=t.div`
+  width: 64px;
+  height: 64px;
+  background: white;
+  position: absolute;
+  right: 25px;
+  top: 35px;
+  z-index: 3;
+  border-radius: 50%;
+  img {
+    position: absolute;
+    width: 64px;
+    height: 64px;
+    top: 50%;
+    left: 50%;
+    display: block;
+    transform: translate(-50%, -50%);
+  }
+  ${e.tdDown} {
+    position: relative;
+    top: unset;
+    right: unset;
+  }
+`,Xt=t.div`
+  display: flex;
+  align-items: center;
+  color: ${e=>e.theme.colors.primaryBase};
+  font-weight: 400;
+  font-size: 14px;
+  text-decoration: none;
+`,qt=t.p`
+  font-size: 16px;
+  font-weight: 600;
+  line-height: 1.4;
+  color: ${e=>e.theme.colors.gray800};
+`,Zt=t.p`
+  font-size: 14px;
+  line-height: 1.4;
+  font-weight: 400;
+  color: ${e=>e.theme.colors.gray600};
+  height: 40px;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  margin-bottom: auto;
+  ${e.tdDown} {
+    display: none;
+  }
+`,Jt=t.div`
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  z-index: 1;
+  ${e.tdUp} {
+    gap: 8px;
+  }
+  ${e.tdDown} {
+    gap: 4px;
+    flex: 1;
+  }
+`,Qt=t.a`
+  text-decoration: none;
+  border-radius: 12px;
 
-    svg {
-      margin-bottom: 4px;
-    }
+  position: relative;
+  overflow: hidden;
+  display: flex;
+  * {
+    pointer-events: none;
+  }
+  .bg-svg {
+    top: 0;
+    left: 0;
+    position: absolute;
+  }
 
-    &.active {
-      background: ${e=>e.theme.colors.primaryBase};
-      box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06),
-        0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
-      color: white;
-    }
+  .dot-svg {
+    width: 40px;
+    height: 30px;
+    top: 36px;
+    left: 16px;
+    position: absolute;
+    stroke-width: 0;
+  }
 
-    &:not(.active) {
-      box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04),
-        0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);
+  &[data-color='pink'] {
+    background: ${e=>e.theme.mbColors.tonePink};
+    .bg-svg {
+      fill: ${e=>e.theme.mbColors.peach};
     }
   }
-
-  .amp__menu-header {
-    display: grid;
-    grid-template-columns: 1fr 1fr 1fr;
-
-    svg {
-      margin-left: 16px;
+  &[data-color='orange'] {
+    background: ${e=>e.theme.mbColors.toneYellow};
+    .bg-svg {
+      fill: ${e=>e.theme.mbColors.orange};
     }
-
-    > div {
-      align-self: center;
-
-      &:nth-child(2) {
-        justify-self: center;
-      }
+  }
+  &[data-color='green'] {
+    background: ${e=>e.theme.mbColors.toneGreen};
+    .bg-svg {
+      fill: ${e=>e.theme.mbColors.mint};
     }
   }
 
-  .logo {
-    margin: 22px 0;
+  padding: 180px 24px 16px;
+  a {
+    display: flex;
+    width: 100%;
   }
-
-  .categories {
-    margin: 0 16px;
-
-    li {
-      display: block;
-      width: 100%;
-
-      + li {
-        border-top: 1px solid
-          ${e=>e.theme.colors.neutral100};
-      }
-
-      a {
-        display: block;
-        margin: 12px 0;
-        color: ${e=>e.theme.colors.gray800};
-        text-decoration: none;
-      }
+  ${e.tdDown} {
+    padding-top: 16px;
+    display: flex;
+    align-items: flex-start;
+    justify-content: flex-start;
+  }
+  ${e.mbDown} {
+    padding-top: 0;
+    padding-left: 80px;
+    height: 96px;
+    align-items: flex-start;
+    justify-content: center;
+    flex-direction: column;
+    .dot-svg {
+      top: 22px;
+      left: 16px;
     }
   }
-`,t.div`
-  width: 20%;
-  height: 2px;
-
-  background-color: ${e=>e.theme.mbColors.pink};
-  border-radius: 2px;
-`;const ri=t.div`
-  padding: 16px;
-  padding-bottom: 12px;
-  .fake-search-input {
-    pointer-events: none;
-    input {
-      line-height: 20px;
-      padding-top: 10px;
-      padding-bottom: 10px;
+  ${e.tdUp} {
+    min-height: 296px;
+  }
+  .mobile-only {
+    ${e.tdUp} {
+      display: none;
     }
   }
-  &[data-theme='marryBaby'] {
-    input {
-      background: ${e=>e.theme.mbColors.lightGray};
-      border-radius: 16px;
-      border: none;
+  .desktop-only {
+    ${e.tdDown} {
+      display: none;
     }
   }
+`,ei=t.div`
+  width: 48px;
+  height: 48px;
+  background: white;
+  position: absolute;
+  right: 25px;
+  top: 35px;
+  z-index: 3;
+  border-radius: 50%;
+  img {
+    position: absolute;
+    width: 36px;
+    height: 36px;
+    top: 50%;
+    left: 50%;
+    display: block;
+    transform: translate(-50%, -50%);
+  }
+  ${e.tdDown} {
+    position: relative;
+    top: unset;
+    right: unset;
+  }
+  ${e.mbDown} {
+    position: absolute;
+    left: 32px;
+    top: 28px;
+  }
+`,ti=t.div`
+  display: flex;
+  align-items: center;
+  background: white;
+  font-weight: 400;
+  font-size: 14px;
+  text-decoration: none;
+  border-radius: 50%;
+  width: 20px;
+  height: 20px;
+
+  svg path {
+    fill: ${e=>e.theme.mbColors.gray};
+  }
+
+  ${e.tdDown} {
+    background: none;
+    width: 100%;
+    font-weight: 400;
+    font-size: 12px;
+    line-height: 18px;
+    color: ${e=>e.theme.mbColors.pink};
+    padding-left: 16px;
+  }
+`,ii=t.p`
+  font-weight: 600;
+  font-size: 14px;
+  line-height: 24px;
+  letter-spacing: -0.2px;
+  color: ${e=>e.theme.colors.gray800};
+`,oi=t.p`
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 18px;
+  letter-spacing: -0.2px;
+  color: ${e=>e.theme.colors.gray600};
+  height: 54px;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+  margin-bottom: auto;
+  ${e.tdDown} {
+    display: none;
+  }
+`,ai=t.div`
+  display: flex;
+  flex: 1;
+  z-index: 1;
+  align-items: flex-end;
+  justify-content: flex-end;
+  ${e.tdUp} {
+    gap: 8px;
+    flex-direction: row;
+  }
+
+  ${e.tdDown} {
+    align-items: flex-start;
+    justify-content: flex-start;
+    gap: 4px;
+  }
+`,ri=t.div`
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  z-index: 1;
+  ${e.tdUp} {
+    gap: 8px;
+  }
+  ${e.tdDown} {
+    gap: 4px;
+    flex: 1;
+    padding-left: 16px;
+  }
 `,ni=t.div`
-  display: block;
-  overflow-y: auto;
+  display: flex;
+  flex-direction: row;
   flex: 1;
-  padding-bottom: 16px;
-  &::-webkit-scrollbar {
-    width: 0;
-    display: none;
+  z-index: 1;
+  ${e.tdUp} {
+    gap: 8px;
+    justify-content: flex-end;
+    align-items: flex-end;
+  }
+  ${e.tdDown} {
+    flex-direction: column;
+    justify-content: flex-start;
+    align-items: flex-start;
   }
 `,li=t.div`
   z-index: 201;
@@ -1700,17 +1699,17 @@ var ue=function(e,t){if("string"!=typeof e)throw new TypeError("argument str mus
     }
 
     &[data-header-type='home'] {
-      z-index: ${re};
+      z-index: ${pe};
     }
 
     &[data-header-type='popup'] {
       position: absolute;
-      z-index: ${ne};
+      z-index: ${de};
     }
 
     &[data-header-type='popup-sub-level'] {
       position: absolute;
-      z-index: ${le};
+      z-index: ${ce};
     }
 
     &[data-is-displayed='false'] {
@@ -1861,4 +1860,4 @@ var ue=function(e,t){if("string"!=typeof e)throw new TypeError("argument str mus
   font-weight: 700;
   line-height: 22px;
   text-decoration: none;
-`;export{zt as $,ct as A,dt as B,pt as C,Ie as D,st as E,mt as F,$e as G,P as H,gt as I,ht as J,Et as K,bt as L,xt as M,he as N,wt as O,yt as P,vt as Q,ft as R,F as S,Le as T,St as U,ut as V,Ot as W,At as X,It as Y,Tt as Z,Lt as _,Se as a,Ft as a0,Xt as a1,Kt as a2,Wt as a3,Yt as a4,Vt as a5,qt as a6,ti as a7,Zt as a8,oi as a9,Ne as aA,Me as aB,Te as aC,ke as aD,qe as aE,Xe as aF,Ue as aG,Oe as aH,Ae as aI,Ve as aJ,Fe as aK,M as aL,R as aM,Ge as aN,G as aO,je as aP,ii as aa,Qt as ab,ei as ac,Jt as ad,jt as ae,ai as af,ri as ag,ni as ah,li as ai,si as aj,pi as ak,di as al,ci as am,mi as an,gi as ao,Je as ap,hi as aq,U as ar,$ as as,S as at,N as au,Ke as av,ze as aw,Be as ax,Ee as ay,D as az,k as b,z as c,V as d,Y as e,K as f,W as g,j as h,X as i,q as j,Z as k,ae as l,Q as m,ie as n,oe as o,te as p,Ze as q,Qe as r,et as s,it as t,tt as u,ot as v,nt as w,at as x,rt as y,lt as z};
+`;export{Vt as $,ct as A,mt as B,xt as C,Ie as D,ht as E,ut as F,$e as G,P as H,gt as I,yt as J,Et as K,wt as L,_t as M,le as N,vt as O,Tt as P,Ot as Q,At as R,F as S,Le as T,Dt as U,dt as V,Lt as W,$t as X,St as Y,It as Z,kt as _,Se as a,Kt as a0,Jt as a1,qt as a2,Zt as a3,Xt as a4,Wt as a5,Qt as a6,ai as a7,ei as a8,ni as a9,Ne as aA,Me as aB,Te as aC,ke as aD,qe as aE,Xe as aF,Ue as aG,Oe as aH,Ae as aI,Ve as aJ,Fe as aK,M as aL,R as aM,G as aN,Ge as aO,je as aP,ri as aa,ii as ab,oi as ac,ti as ad,Yt as ae,Qe as af,et as ag,tt as ah,li as ai,si as aj,pi as ak,di as al,ci as am,mi as an,gi as ao,Je as ap,hi as aq,U as ar,$ as as,S as at,N as au,Ke as av,ze as aw,Be as ax,Ee as ay,D as az,k as b,z as c,V as d,Y as e,K as f,W as g,j as h,X as i,Z as j,se as k,ge as l,he as m,ee as n,te as o,Q as p,Ze as q,it as r,ot as s,rt as t,at as u,nt as v,pt as w,lt as x,st as y,ft as z};