@hhgtech/hhg-components 1.27.127 → 1.27.129

package/build/index.styled-63b983ae.js

@@ -1,1869 +0,0 @@
-"use strict";var e=require("react"),t=require("./screenSizeContext-5f21af7a.js"),i=require("styled-components"),o=require("./tslib.es6-7b28ed87.js"),a=require("./theme-2d51d4c4.js"),r=require("./index.styles-448128b5.js"),n=require("./useTranslations-2beda92b.js"),l=require("./gAssets.js"),d=require("./index-9e030147.js"),s=require("./normalizeLink-a4f04410.js"),p=require("dayjs"),u=require("dayjs/plugin/relativeTime");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=m(e),g=m(i),x=m(p),f=m(u);const h=g.default.div`
-  position: fixed;
-  left: 50%;
-
-  padding: 0 16px 32px;
-  background-color: ${e=>e.theme.colors.white};
-  border-radius: ${e=>e.theme.borderRadius};
-  box-shadow: 0px 4px 8px ${e=>e.theme.colors.gray200};
-  transform: translate(-50%, -50%);
-  transition: all 0.5s ease-in-out;
-  visibility: hidden;
-
-  &[data-open='true'] {
-    z-index: 400;
-    top: 50%;
-    opacity: 1;
-    visibility: visible;
-  }
-
-  &[data-open='false'] {
-    top: -50%;
-  }
-
-  &[data-type='lead'] {
-    width: 332px;
-    height: 460px;
-
-    div {
-      top: -15px;
-      right: -15px;
-    }
-  }
-
-  &[data-type='form'] {
-    width: 496px;
-    height: 548px;
-    ${t.MediaQueries.mbDown} {
-      width: 340px;
-    }
-  }
-
-  &[data-type='confirm'] {
-    ${t.MediaQueries.mbDown} {
-      width: calc(100% - 32px);
-    }
-    ${t.MediaQueries.mbUp} {
-      width: 100%;
-      max-width: 407px;
-    }
-  }
-
-  .popup-content {
-    position: relative;
-    z-index: 111;
-    height: 100%;
-    padding: 16px;
-  }
-
-  .close-button {
-    position: absolute;
-    top: 16px;
-    right: 0;
-    cursor: pointer;
-
-    img {
-      width: 100%;
-      height: 100%;
-      border-radius: 50%;
-    }
-  }
-`,v=g.default.div`
-  position: fixed;
-  z-index: 110;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  align-items: center;
-  background: rgba(38, 38, 38, 0.3);
-
-  &[data-open='false'] {
-    display: none;
-  }
-`,y=e=>e?{displayName:e.display_name||null,avatar:e.avatar||null,thumbnailAvatar:e.avatar_thumbnail||null,profileUrl:e.profile_url||null,description:e.description||null,metaTag:e.meta_tag||"",specialty:e.specialty||"",organisation:e.organisation||""}:{},b=e=>e?{id:e.ID||null,name:e.name||null,specialty:e.specialty||null,avatar:e.avatar||null,permalink:e.permalink||null,thumbnailAvatar:e.avatar_thumbnail||null}:{},w=e=>void 0!==e&&e?{id:e.ID,name:e.name,permalink:e.permalink,image:(null==e?void 0:e.small_banner)||(null==e?void 0:e.image)||"",imageMedium:(null==e?void 0:e.image_medium)||null,imageThumbnail:(null==e?void 0:e.image_thumbnail)||null,startDate:null==e?void 0:e.start_date,endDate:null==e?void 0:e.end_date}:null,_=e=>{if(!e)return{};const{button_text:t,button_url:i,status:a,banner_desktop:r,banner_mobile:n}=e,l=o.__rest(e,["button_text","button_url","status","banner_desktop","banner_mobile"]);return Object.assign({buttonText:t||"",buttonUrl:i||"",status:Boolean(a),bannerDesktop:r||"",bannerMobile:n||""},l)},$={EN:"English",FIL:"Filipino"},k=e=>void 0===e||Object.keys(e).length<2?[]:Object.keys(e).map((t=>({label:t.toUpperCase()in $?$[t.toUpperCase()]:t.toUpperCase(),value:"/"===e[t].slice(-1)?e[t]:`${e[t]}/`}))),C=e=>{var t,i,o,a;return e?{id:e.ID,postName:e.post_name,sponsor:e.sponsor?M(e.sponsor):null,isSponsored:e.is_sponsored||null,isPremium:e.is_premium||!1,postTitle:e.post_title||"",postModified:e.post_modified||"",postDate:e.post_date||"",modifiedTime:e.modified_time||"",permalink:e.permalink||"",featureImage:e.image||null,featureImageMobile:e.image_medium||null,featureImageMobileXs:e.image_thumbnail||null,author:y(e.author),reviewer:e.reviewed_by&&y(e.reviewed_by)||null,articleReviewed:(null==e?void 0:e.reviewed)?Object.assign(Object.assign({},null==e?void 0:e.reviewed),{author:S(null===(t=null==e?void 0:e.reviewed)||void 0===t?void 0:t.author),editor:S(null===(i=null==e?void 0:e.reviewed)||void 0===i?void 0:i.editor),expert:S(null===(o=null==e?void 0:e.reviewed)||void 0===o?void 0:o.expert),fact_check:S(null===(a=null==e?void 0:e.reviewed)||void 0===a?void 0:a.fact_check)}):null,category:D(e.category),postContent:e.post_content||null,keyTakeaways:e.key_takeaways||null,categories:(e.categories||[]).map(D),sources:e.sources||null,description:e.description||null,excerpt:e.excerpt||null,expert:b(e.expert),metaTag:e.meta_tag||null,spotlight:w(null==e?void 0:e.spotlight),affiliate_message:e.affiliate_message||null,turnOffComment:!!e.turn_off_comment,hasAffiliate:!!e.is_affiliate,translateOptions:k(e.translate),jumpingLink:e.jumping_link||[],pregnancy:(null==e?void 0:e.pregnancy)||!1,pregnancyWeek:(null==e?void 0:e.week_pregnancy)||1,primaryCategory:D(e.primary_category),turnOffIvsPlayer:!!e.turn_off_ivs_player,turnOffArticleVoice:!!e.turn_off_article_voice,enableAudio:!!e.enable_audio,label:(null==e?void 0:e.label)||"",editLast:y(e.edit_last),subscriptionBanner:_(e.subscription_banner)}:{}},S=e=>void 0!==e&&e?Object.assign(Object.assign({},e),{profile_url:(null==e?void 0:e.slug)?["expert","medical"].includes((null==e?void 0:e.role)||"")?`/expert/${null==e?void 0:e.slug}`:`/author/${null==e?void 0:e.slug}`:e.profile_url}):null,M=e=>e?{title:e.title,logo:e.logo,link:e.link}:{},B=e=>({postTitle:e.post_title,permalink:e.permalink}),D=e=>{var t,i;return e?{termId:e.term_id||null,sponsor:e.sponsor?M(e.sponsor):null,isSponsored:e.is_sponsored||null,categoryName:e.cat_name||null,name:e.name||null,iconUrl:e.icon||"",slugName:e.category_nicename||null,description:e.description||null,featureImage:e.image||null,displayName:e.name||null,parent:e.parent||null,permalink:e.permalink||null,slug:e.slug||null,childCates:(null===(t=e.child_cates)||void 0===t?void 0:t.map((e=>D(e))))||[],colorFeatureImage:e.color_feature_image||null,imageColor:e.image_color||null,textColor:e.text_color||null,catParent:(null===(i=e.cat_parent)||void 0===i?void 0:i.name)?{name:e.cat_parent.name,permalink:e.cat_parent.permalink}:{},metaTag:e.meta_tag||"",reviewedBy:e.reviewed_by?B(e.reviewed_by):null,reviewedDate:e.reviewed_date||"",faqs:e.faqs?e.faqs.map((e=>Q(e))):null}:{}},Q=e=>({title:e.title,content:e.content}),z=e=>e?{icon:e.icon,link:e.link.startsWith("http")?e.link:"/health-tools"+e.link,subtitle:e.subtitle,title:e.title}:{},I=e=>e?{topicCount:e.topics_count||0,postCount:e.posts_count||0,memberCount:e.members_count||0,thumbnail:e.thumbnail||"",coverImage:e.cover_image||"",mobileCoverImage:e.mobile_cover_image||"",name:e.name||"",description:e.description||"",slug:e.slug||"",id:e.id||0,joined:Boolean(e.joined),isActive:null===e.is_active||void 0===e.is_active||Boolean(e.is_active),mappedCategoryId:e.mapped_category_id||0,discoverCategory:e.discover_category?{categoryId:e.discover_category.category_id||0,name:e.discover_category.name||""}:null,isHidden:Boolean(e.is_hidden)}:{},T=e=>{var t,i,o,a;return e?{id:e.id||0,name:e.name||"",image:e.thumbnail||"",slug:e.slug||"",url:"/"+(null===(t=e.community)||void 0===t?void 0:t.slug)+"/"+(null==e?void 0:e.slug)||"",description:e.description||"",joined:e.joined||!1,postCount:e.count_posts||0,memberCount:e.count_members||0,communityId:String(null===(i=e.community)||void 0===i?void 0:i.id),communitySlug:null===(o=e.community)||void 0===o?void 0:o.slug,communityName:null===(a=e.community)||void 0===a?void 0:a.name,order:e.order||0,isActive:null===e.is_active||void 0===e.is_active||Boolean(e.is_active),mappedCategoryId:e.mapped_category_id||0,discoverCategory:e.discover_category?{categoryId:e.discover_category.category_id||0,name:e.discover_category.name||""}:null,isHidden:Boolean(e.is_hidden)}:{}},E=e=>e?{answer:null==e?void 0:e.answer.map(P),expert:null==e?void 0:e.expert}:{},A=e=>{var t,i,o,a,r,n,l,d,s,p,u,m,c,g,x,f,h,v,y,b,w;return e?{id:e.id,topics:(null===(t=e.topics)||void 0===t?void 0:t.map((t=>{var i,o,a,r;return{id:t.id||0,name:t.name||"",slug:t.slug||"",url:"/"+(null===(i=e.community)||void 0===i?void 0:i.slug)+"/"+t.slug,communityId:String(null===(o=e.community)||void 0===o?void 0:o.id),communitySlug:(null===(a=e.community)||void 0===a?void 0:a.slug)||"",communityName:(null===(r=e.community)||void 0===r?void 0:r.name)||"",isHidden:Boolean(t.is_hidden),isActive:!0}})))||[],community:{id:(null===(i=e.community)||void 0===i?void 0:i.id)||0,name:(null===(o=e.community)||void 0===o?void 0:o.name)||"",slug:(null===(a=e.community)||void 0===a?void 0:a.slug)||"",isActive:!0,isHidden:Boolean(null===(r=e.community)||void 0===r?void 0:r.is_hidden)},slug:e.slug||"",author:{id:(null===(n=e.user)||void 0===n?void 0:n.id)||0,username:(null===(l=e.user)||void 0===l?void 0:l.user_name)||"",email:(null===(d=e.user)||void 0===d?void 0:d.email)||"",name:(null===(s=e.user)||void 0===s?void 0:s.name)||"",avatar:(null===(p=e.user)||void 0===p?void 0:p.avatar)||"",role:(null===(u=e.user)||void 0===u?void 0:u.role)?null===(c=null===(m=e.user)||void 0===m?void 0:m.role)||void 0===c?void 0:c.toLowerCase():"",type:(null===(g=e.user)||void 0===g?void 0:g.type)||"",partnerId:(null===(x=e.user)||void 0===x?void 0:x.partner_id)?String(null===(f=e.user)||void 0===f?void 0:f.partner_id):"",title:(null===(h=e.user)||void 0===h?void 0:h.title)||"",doctorId:(null===(v=e.user)||void 0===v?void 0:v.doctor_id)?String(null===(y=e.user)||void 0===y?void 0:y.doctor_id):"",hospitalId:(null===(b=e.user)||void 0===b?void 0:b.hospital_id)?String(null===(w=e.user)||void 0===w?void 0:w.hospital_id):""},previewUrl:{title:e.preview_title||"",url:e.preview_link||"",image:e.preview_image||"",description:e.preview_description||""},createdAt:e.created_at||"",scheduleDateTime:e.schedule_datetime||"",photos:e.images||[],description:e.description||"",commentsCount:e.comments_count||0,likesCount:e.likes_count||0,title:e.name||"",isPin:!!e.is_pin,pinDate:e.pin_date||"",liked:e.liked||!1,bookmarked:Boolean(e.bookmarked)||!1,mentions:e.mentions||[],commented:Boolean(e.commented)||!1,introUrl:e.intro_url||"",bannerImage:e.banner_image||"",isAnonymous:e.is_anonymous?1:0,isAskDoctor:e.is_question?1:0,expertAnswer:E(null==e?void 0:e.expert_answer),createdTime:e.created_time||""}:{}},P=e=>{var t,i,o,a,r,n,l,d,s,p,u,m,c,g,x,f,h,v,y,b,w,_,$,k,C,S,M,B,D,Q,z,I;return e?{content:e.content,countLikes:e.likes_count,countReplies:e.replies_count,createdAt:e.created_at,createdTime:e.created_time,id:String(e.id),images:e.image||[],link:e.link||null,replies:e.replies&&e.replies.length>0?e.replies.map(P):[],author:{id:(null===(t=e.user)||void 0===t?void 0:t.id)||0,username:(null===(i=e.user)||void 0===i?void 0:i.user_name)||"",name:(null===(o=e.user)||void 0===o?void 0:o.name)||"",role:(null===(a=e.user)||void 0===a?void 0:a.role)?null===(n=null===(r=e.user)||void 0===r?void 0:r.role)||void 0===n?void 0:n.toLowerCase():"",avatar:(null===(l=e.user)||void 0===l?void 0:l.avatar)||"",type:(null===(d=e.user)||void 0===d?void 0:d.type)||"",email:(null===(s=e.user)||void 0===s?void 0:s.email)||"",partnerId:(null===(p=e.user)||void 0===p?void 0:p.partner_id)?String(null===(u=e.user)||void 0===u?void 0:u.partner_id):"",title:(null===(m=e.user)||void 0===m?void 0:m.title)||"",doctorId:(null===(c=e.user)||void 0===c?void 0:c.doctor_id)?String(null===(g=e.user)||void 0===g?void 0:g.doctor_id):"",hospitalId:(null===(x=e.user)||void 0===x?void 0:x.hospital_id)?String(null===(f=e.user)||void 0===f?void 0:f.hospital_id):""},liked:!!e.liked,mentionedUser:e.mentioned?{id:(null===(h=e.mentioned)||void 0===h?void 0:h.id)||0,username:(null===(v=e.mentioned)||void 0===v?void 0:v.user_name)||"",name:(null===(y=e.mentioned)||void 0===y?void 0:y.name)||"",role:(null===(b=e.mentioned)||void 0===b?void 0:b.role)?null===(_=null===(w=e.mentioned)||void 0===w?void 0:w.role)||void 0===_?void 0:_.toLowerCase():"",avatar:(null===($=e.mentioned)||void 0===$?void 0:$.avatar)||"",type:(null===(k=e.mentioned)||void 0===k?void 0:k.type)||"",email:(null===(C=e.mentioned)||void 0===C?void 0:C.email)||"",partnerId:(null===(S=e.mentioned)||void 0===S?void 0:S.partner_id)?String(null===(M=e.mentioned)||void 0===M?void 0:M.partner_id):"",doctorId:(null===(B=e.mentioned)||void 0===B?void 0:B.doctor_id)?String(null===(D=e.mentioned)||void 0===D?void 0:D.doctor_id):"",hospitalId:(null===(Q=e.mentioned)||void 0===Q?void 0:Q.hospital_id)?String(null===(z=e.mentioned)||void 0===z?void 0:z.hospital_id):"",title:(null===(I=e.mentioned)||void 0===I?void 0:I.title)||""}:null,mentions:e.mentions||[],isSensitive:e.is_sensitive||0,userReadComment:e.user_read_comment,source:e.source||[],isVerify:e.is_verify||0,isOppose:e.is_oppose||0,userVerify:e.user_verify||{},categorySlug:e.categories||"",isAnonymous:Boolean(Number(e.is_anonymous||0))}:{}},j=e=>void 0!==e&&e?(null==e?void 0:e.turn_off_profile)?"":(null==e?void 0:e.slug)?["expert","medical"].includes((null==e?void 0:e.role)||"")?`/expert/${null==e?void 0:e.slug}`:`/author/${null==e?void 0:e.slug}`:(null==e?void 0:e.profile_url)||(null==e?void 0:e.permalink)||"#":"";var U=Object.freeze({__proto__:null,formatAuthor:y,formatArticleExpert:b,formatSpotlightsSummary:w,TRANSLATE_LANGUAGES:$,formatTranslateOptions:k,formatArticle:C,formatUserProfile:S,formatBMIResult:e=>{var t,i,o,a,r,n,l,d,s;return e&&e.status?{status:null==e?void 0:e.status,comparison:null!==(t=null==e?void 0:e.comparison)&&void 0!==t?t:"",assessmentData:[{tab:"tools.condition",content:null!==(i=null==e?void 0:e.condition)&&void 0!==i?i:""},{tab:"tools.risks",content:null!==(o=null==e?void 0:e.risk)&&void 0!==o?o:""},{tab:"tools.suggestion",content:null!==(a=null==e?void 0:e.suggestion)&&void 0!==a?a:""}],chartData:(null===(r=null==e?void 0:e.chart_data)||void 0===r?void 0:r.length)>0?null==e?void 0:e.chart_data:[],disclaimer:null!==(n=null==e?void 0:e.disclaimer)&&void 0!==n?n:"",illustrator:null!==(l=null==e?void 0:e.illustrator)&&void 0!==l?l:"",faqs:null!==(d=null==e?void 0:e.faqs)&&void 0!==d?d:[],suggestedArticlesLink:null!==(s=null==e?void 0:e.suggested_articles_link)&&void 0!==s?s:""}:{}},formatSponsor:M,formatReviewedCategory:B,formatCategory:D,formatCategoryApi:e=>e?{categoryInfo:D(e.data.category)||null,explainersPosts:(e.data.explainers_posts||[]).map(C),subCategories:(e.data.sub_categories||[]).map(D)}:{},formatFaqsCategory:Q,formatHealthTool:z,formatHealthToolTypeCategory:e=>{var t,i;return e?{termId:(null==e?void 0:e.term_id)||0,name:(null==e?void 0:e.name)||"",healthTools:null!==(i=null===(t=null==e?void 0:e.health_tools)||void 0===t?void 0:t.map((e=>z(e))))&&void 0!==i?i:[]}:{}},formatCommunity:I,formatTopic:T,formatExpertAnswer:E,formatPost:A,formatPostPagination:e=>e?{currentPage:e.current||0,lastPage:e.last||0,total:e.total_items||0}:{},formatNotification:e=>{var t,i,o;return e?{time:e.created_at,content:e.content,postId:String(e.post_id),fromUser:{name:null===(t=e.from_user)||void 0===t?void 0:t.name,id:null===(i=e.from_user)||void 0===i?void 0:i.id,avatar:null===(o=e.from_user)||void 0===o?void 0:o.avatar},toUserId:String(e.to_user_id),postSlug:e.post_slug||"",communitySlug:e.community_slug||""}:{}},formatSpotlightsList:e=>e?e.map((e=>({id:e.ID,name:e.name,permalink:e.permalink,image:(null==e?void 0:e.small_banner)||(null==e?void 0:e.image),imageMedium:(null==e?void 0:e.image_medium)||null,imageThumbnail:(null==e?void 0:e.image_thumbnail)||null,startDate:null==e?void 0:e.start_date,endDate:null==e?void 0:e.end_date}))):[],formatOvulationInfo:e=>e?{disclaimer:e.disclaimer,featuredImage:e.featured_image,info:e.informations||[],reviewedBy:e.reviewed_by?{id:e.reviewed_by.ID,permalink:e.reviewed_by.permalink,name:e.reviewed_by.name,postTitle:e.reviewed_by.post_title}:null,reviewedDate:e.reviewed_date}:{},formatSuggestedArticle:e=>e?{postId:e.post_id||null,categoryId:e.category_id||null,postUrl:e.post_url||null,postReviewed:e.post_reviewed||null,postPageviews:e.post_pageviews||null,postRank:e.post_rank||null,isPin:e.is_pin||null,frequency:e.frequency||null,topic:e.topic||null}:{},formatTopicHealthTool:e=>e?{id:e.tool_id||null,topicFrequency:e.frequency||null,topicId:e.topic_id||null,topicName:e.topic_name||null,isPinned:!!e.is_pin||null,toolLink:e.tool_link||""}:{},formatComment:P,formatReportedPostToPostDetail:e=>e?{name:e.title,description:e.description,images:e.images,likes_count:e.count_likes,comments_count:e.count_comments,topics:[],slug:e.post_slug,id:e.post_id,is_pin:e.is_pin,pin_date:"",post_type:e.post_type,schedule_datetime:e.schedule_datetime,is_active:e.is_active,preview_title:e.preview_title||"",preview_image:e.preview_image||"",preview_description:e.preview_description||"",preview_link:e.preview_link||"",user:e.user,created_at:"",created_time:"",community:{id:e.community_id,name:e.community_name,slug:e.community_slug,description:""}}:{},formatTopicSubot:e=>e?{chatBotId:e.subot_id,isPinned:e.is_pin,topicId:e.topic_id,topicFrequency:e.frequency}:{},formatSiteWideBanner:(e,t)=>void 0!==e&&e?{content:(null==e?void 0:e.content)||"",icon:(null==e?void 0:e.icon)||"",type:t||"other"}:null,formatPWGContent:e=>e?{disclaimer:e.disclaimer,info:e.info||[],reviewedBy:e.reviewed_by?S(e.reviewed_by):null,reviewedDate:e.reviewed_date,metaTag:e.meta_tag}:{},formatUserProfileUrl:j,formatTHRContent:e=>e?{disclaimer:e.disclaimer,info:e.info||[],reviewedBy:e.reviewed_by?S(e.reviewed_by):null,reviewedDate:e.reviewed_date,metaTag:e.meta_tag}:{},formatBabyGrowthContent:e=>{var t,i,o;return e&&e.information?{information:null!==(t=e.information.map((e=>({title:e.title,description:e.description}))))&&void 0!==t?t:[],reviewBy:{reviewer:(null===(i=e.reviewed_by)||void 0===i?void 0:i.display_name)||(null===(o=e.reviewed_by)||void 0===o?void 0:o.name)||"",date:e.reviewed_date||"",link:j(null==e?void 0:e.reviewed_by)},metaTag:e.meta_tag||"",title:e.title||"",description:e.description||"",disclaimer:e.disclaimer||"",is_sponsored:e.is_sponsored||!1,sponsor:e.sponsor,featuredImage:e.featured_image||""}:{}}});const N=g.default.a`
-  display: inline-flex;
-  position: relative;
-  flex-direction: row;
-  align-items: center;
-  padding: 7px 11px;
-  gap: 2px;
-
-  background: ${e=>e.theme.colors.white};
-  border: 1px solid ${e=>e.theme.colors.neutral100};
-  border-radius: 20px;
-
-  color: ${e=>e.theme.colors.gray600};
-  font-weight: 600;
-  font-size: 12px;
-  line-height: 18px;
-  text-decoration: none;
-
-  cursor: pointer;
-`,O=g.default.div`
-  position: relative;
-  display: inline-block;
-`,L=g.default.div`
-  position: relative;
-`,R=g.default.div`
-  position: absolute;
-  z-index: 21;
-  top: 100%;
-  right: 0;
-  width: 327px;
-  padding: 8px;
-  background: white;
-  border-radius: 4px;
-  filter: drop-shadow(0px 8px 40px rgba(0, 0, 0, 0.1));
-
-  &[data-is-open='false'] {
-    display: none;
-  }
-  &[data-show-indicator='true'] {
-    &:before {
-      position: absolute;
-      right: 11px;
-      bottom: 100%;
-      width: 0;
-      height: 0;
-      border: 0.5rem solid transparent;
-      border-top: none;
-      border-bottom-color: #fff;
-      content: '';
-      filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));
-    }
-  }
-`,G=g.default.div`
-  display: flex;
-  height: 40px;
-  align-items: center;
-  justify-content: space-between;
-
-  padding: 0 16px;
-  border-radius: ${e=>e.theme.borderRadius};
-  cursor: pointer;
-
-  .check-icon {
-    width: 16px;
-    height: 16px;
-  }
-  &[data-selected='false'] {
-    background-color: ${e=>e.theme.colors.gray100};
-  }
-`,H=g.default.div`
-  position: fixed;
-  z-index: 20;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  cursor: default;
-`,q=g.default.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};
-    }
-  }
-`,W=t=>{var{className:i,isMarryBaby:a,style:n,avatar:l,username:d,size:s}=t,p=o.__rest(t,["className","isMarryBaby","style","avatar","username","size"]);const{data:{env:{isMarryBaby:u}}}=e.useContext(r.TogetherComponentGlobalContext),m="boolean"==typeof a?a:u,[g,x]=e.useState(!1);return e.useEffect((()=>{const e=new Image;e.onerror=()=>{x(!0)},e.src=l}),[]),c.default.createElement(q,Object.assign({"data-is-marrybaby":m,className:i,style:n,size:s},p),l&&!g?c.default.createElement("img",{loading:"lazy",src:l,className:"avatar",alt:"avatar",onError:()=>{x(!0)}}):c.default.createElement("div",{className:"avatar avatar-default"},d&&(null==d?void 0:d.length)>0?d[0].toUpperCase():"A"))},F=g.default.div`
-  ${e=>`\n    ${0!==e.lowerBound?`@media (max-width: ${e.lowerBound-1}px) { display: none; }`:""}\n    ${0!==e.upperBound?`@media (min-width: ${e.upperBound}px) { display: none; }`:""}\n  `}
-`,V=g.default.div`
-  position: absolute;
-  right: 0;
-  background-color: ${e=>e.theme.colors.white};
-
-  &[data-animation='true'] {
-    transition: all 0.5s ease-in-out;
-  }
-
-  &[data-open='true'] {
-    z-index: 200;
-    top: 120%;
-    opacity: 1;
-    visibility: visible;
-  }
-
-  &[data-open='false'] {
-    display: none;
-  }
-
-  &[data-type='lead'] {
-    width: 332px;
-    height: 460px;
-
-    div {
-      top: -15px;
-      right: -15px;
-    }
-  }
-
-  &[data-type='welcome'] {
-    position: fixed;
-    ${t.MediaQueries.mbDown} {
-      width: 100%;
-      height: 424px;
-      bottom: 0;
-      top: unset;
-    }
-    ${t.MediaQueries.mbUp} {
-      top: 50%;
-      left: 50%;
-      transform: translate(-50%, -50%);
-      width: 100%;
-      min-height: 445px;
-      max-width: 407px;
-    }
-  }
-
-  &[data-type='due-date'] {
-    position: fixed;
-    ${t.MediaQueries.mbDown} {
-      width: 100%;
-      height: 100%;
-      overflow-y: scroll;
-      bottom: 0;
-      top: unset;
-    }
-    ${t.MediaQueries.mbUp} {
-      top: 50%;
-      left: 50%;
-      transform: translate(-50%, -50%);
-      width: 100vw;
-      height: 55vw;
-      max-height: 598px;
-      max-width: 1080px;
-    }
-  }
-
-  .popup-content {
-    z-index: 111;
-    height: 100%;
-    ${t.MediaQueries.mbDown} {
-      max-height: calc(100vh - var(--header-bottom, 64px));
-    }
-    overflow: auto;
-  }
-
-  &[data-type='form'] {
-    width: 496px;
-    height: 548px;
-  }
-
-  &[data-type='confirm'] {
-    width: 380px;
-    height: 252px;
-  }
-
-  &[data-type='profile'] {
-    /* min-height: 415px; */
-    ${t.MediaQueries.mbUp} {
-      border-radius: ${e=>e.theme.borderRadius};
-      box-shadow: 0px 4px 8px
-        ${e=>e.theme.colors.gray200};
-      &:before {
-        position: absolute;
-        right: 11px;
-        bottom: 100%;
-        width: 0;
-        height: 0;
-        border: 0.5rem solid transparent;
-        border-top: none;
-        border-bottom-color: #fff;
-        content: '';
-        filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));
-      }
-    }
-    ${t.MediaQueries.mbDown} {
-      position: fixed;
-      left: 0;
-      width: 100%;
-      border-top: 1px solid ${a.theme.colors.neutral100};
-    }
-    ${t.MediaQueries.mbUp} {
-      width: 368px;
-    }
-  }
-
-  .close-button {
-    position: absolute;
-    top: 0;
-    right: 0;
-    width: 32px;
-    height: 32px;
-    cursor: pointer;
-
-    img {
-      width: 100%;
-      height: 100%;
-      border-radius: 50%;
-    }
-  }
-`,Y="hhgcomp-navprofilebutton-popup",Z=r.getDefaultClassWrapper(V,Y),K=g.default.div`
-  position: fixed;
-  z-index: 150;
-  top: var(--header-bottom, 69px);
-  left: 0;
-  width: 100%;
-  height: 100%;
-  align-items: center;
-
-  ${t.MediaQueries.mbUp} {
-    background-color: transparent;
-    &[data-type='welcome'] {
-      background: rgba(38, 38, 38, 0.3);
-    }
-    &[data-type='due-date'] {
-      background: rgba(38, 38, 38, 0.3);
-    }
-  }
-
-  ${t.MediaQueries.mbDown} {
-    background: rgba(38, 38, 38, 0.3);
-  }
-
-  &[data-type='welcome'] {
-    top: 0;
-  }
-
-  &[data-open='false'] {
-    display: none;
-  }
-`,X="hhgcomp-navprofilebutton-popupwrapper";r.getDefaultClassWrapper(K,X);const J=g.default.div`
-  width: 40px;
-  height: 40px;
-  cursor: pointer;
-
-  img {
-    border-radius: 50%;
-  }
-
-  .avatar {
-    width: 40px;
-    height: 40px;
-    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: 20px;
-    font-weight: bold;
-  }
-`,ee=g.default.a`
-  display: inline-flex;
-  position: relative;
-  width: 40px;
-  height: 40px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  text-decoration: none;
-  flex-shrink: 0;
-  cursor: pointer;
-
-  .user-close-icon {
-    display: none;
-  }
-  &:focus-within {
-    .user-close-icon {
-      display: block;
-    }
-    .user-avatar {
-      display: none;
-    }
-    .${Y} {
-      z-index: 200;
-      top: 120%;
-      opacity: 1;
-      visibility: visible;
-      display: initial;
-      &[data-type='profile'] {
-        ${t.MediaQueries.mbDown} {
-          top: 100%;
-        }
-      }
-    }
-    .${X} {
-      display: initial;
-    }
-  }
-`,te=g.default.a`
-  display: inline-flex;
-  .login-btn[data-color='tertiary'][data-size='md'] {
-    padding-left: 12px;
-    padding-right: 12px;
-  }
-  .mobile-only {
-    ${t.MediaQueries.mbUp} {
-      display: none;
-    }
-  }
-  .login-btn {
-    display: none;
-    ${t.MediaQueries.mbUp} {
-      display: block;
-    }
-  }
-`;var ie="fVk18fq",oe="v8TCvUb",ae="mx7T4V3";const re={myHealth:a.theme.mbColors.toneYellow,myCommunity:a.theme.mbColors.toneBlue,mySaved:a.theme.mbColors.toneGreen},ne={helloSites:{myBooking:()=>l.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-myBooking.svg"),myCommunity:()=>l.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-myCommunity.svg"),myFamily:()=>l.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-myFamily.svg"),myHealth:()=>l.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-myHealth.svg"),mySaved:()=>l.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-mySaved.svg"),eCom:()=>l.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-eCom.svg")},marryBaby:{mySaved:()=>l.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-mySaved.svg"),myCommunity:()=>l.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-myCommunity.svg"),myHealth:()=>l.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-myHealth.svg")}},le=99,de=300,se=400,pe=210,ue=g.default.div`
-  background-color: white;
-  text-align: center;
-  .cancle-img {
-    margin-top: 24px;
-    ${t.MediaQueries.mbDown} {
-      width: 80px;
-      height: 80px;
-    }
-
-    ${t.MediaQueries.mbUp} {
-      width: 100px;
-      height: 100px;
-    }
-  }
-
-  h2 {
-    margin-top: 32px;
-    color: ${e=>e.theme.colors.gray800};
-    font-style: normal;
-    font-weight: bold;
-    ${t.MediaQueries.mbDown} {
-      font-size: 24px;
-      line-height: 32px;
-    }
-
-    ${t.MediaQueries.mbUp} {
-      font-size: 32px;
-      line-height: 42px;
-    }
-  }
-
-  p {
-    margin-top: 8px;
-    color: ${e=>e.theme.colors.gray600};
-    font-style: normal;
-    font-weight: normal;
-    ${t.MediaQueries.mbDown} {
-      font-size: 16px;
-      line-height: 24px;
-    }
-
-    ${t.MediaQueries.mbUp} {
-      font-size: 16px;
-      line-height: 24px;
-    }
-  }
-`,me=g.default.div`
-  display: flex;
-
-  ${t.MediaQueries.mbDown} {
-    margin-top: 24px;
-  }
-
-  ${t.MediaQueries.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      ":""}
-`,ce=c.default.createContext({}),ge=g.default.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;
-  }
-`;g.default.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;
-  }
-
-  &[data-site-type='marryBaby'] {
-    padding: 0 16px;
-    .category-button {
-      width: 100%;
-      height: 48px;
-    }
-  }
-`,g.default.div`
-  display: flex;
-
-  &[data-card-array-no-margin-style='true'] {
-    margin: 8px 0;
-
-    & > div {
-      width: 0;
-      flex: 1;
-      margin: 0 -1px;
-    }
-  }
-
-  &[data-card-array-no-margin-style='false'] {
-    margin: 8px -4px;
-
-    & > div {
-      flex: 1;
-      margin: 0 4px;
-    }
-  }
-`,g.default.div`
-  margin-top: 64px;
-`,g.default.div`
-  padding: 24px 0;
-`,g.default.div`
-  display: flex;
-  width: 100%;
-  align-items: center;
-  justify-content: center;
-
-  & > div:first-child {
-    margin-right: 8px;
-  }
-`,g.default.div`
-  z-index: ${pe};
-  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);
-`,g.default.div`
-  position: relative;
-  display: flex;
-  flex-wrap: wrap;
-  align-items: flex-start;
-  justify-content: flex-start;
-  padding: 48px 0;
-`,g.default.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;
-  }
-`,g.default.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;
-  }
-
-  & > a:hover {
-    color: ${e=>e.theme.colors.primaryBase};
-  }
-
-  .iconMenu {
-    display: flex;
-    align-items: center;
-
-    > .imageContainer {
-      display: flex;
-      width: 32px;
-      min-width: 32px;
-      align-items: center;
-      margin-right: 16px;
-    }
-  }
-`,g.default.div`
-  display: none;
-`,g.default.div`
-  width: 33%;
-  height: 48px;
-  padding-right: 16px;
-  margin-bottom: 12px;
-
-  & > 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;
-    }
-  }
-
-  & > a > p:hover {
-    color: ${e=>e.theme.colors.primaryBase};
-  }
-`,g.default.div`
-  display: flex;
-  align-items: center;
-
-  padding-right: 16px;
-  margin-bottom: 12px;
-  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};
-  }
-`,g.default.div`
-  display: flex;
-  align-items: center;
-
-  margin-left: 10px;
-`,g.default.div`
-  position: absolute;
-  top: 16px;
-  right: 0;
-  display: flex;
-  align-items: center;
-  cursor: pointer;
-`,g.default.div`
-  display: block;
-`,g.default.div`
-  .categories__spotlight {
-    display: grid;
-    margin: 16px;
-    margin-bottom: 32px;
-    grid-gap: 8px;
-    grid-template-columns: 1fr 1fr;
-
-    a {
-      text-decoration: none;
-    }
-  }
-
-  .categoryCard {
-    display: flex;
-    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;
-    }
-
-    &.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;
-    }
-
-    &: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);
-    }
-  }
-
-  .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;
-      }
-    }
-  }
-
-  .logo {
-    margin: 22px 0;
-  }
-
-  .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;
-      }
-    }
-  }
-`,g.default.div`
-  width: 20%;
-  height: 2px;
-
-  background-color: ${e=>e.theme.mbColors.pink};
-  border-radius: 2px;
-`;const xe=g.default.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;
-    }
-  }
-`,fe=g.default.div`
-  display: block;
-  overflow-y: auto;
-  flex: 1;
-  padding-bottom: 16px;
-  &::-webkit-scrollbar {
-    width: 0;
-    display: none;
-  }
-`,he=e.memo((()=>c.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},c.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.97183 10.8732C3.97183 7.0617 7.0617 3.97183 10.8732 3.97183C14.6848 3.97183 17.7746 7.0617 17.7746 10.8732C17.7746 14.6848 14.6848 17.7746 10.8732 17.7746C7.0617 17.7746 3.97183 14.6848 3.97183 10.8732ZM10.8732 2C5.97268 2 2 5.97268 2 10.8732C2 15.7738 5.97268 19.7465 10.8732 19.7465C12.9683 19.7465 14.8938 19.0204 16.4118 17.8061L20.3169 21.7112C20.702 22.0963 21.3262 22.0963 21.7112 21.7112C22.0963 21.3262 22.0963 20.702 21.7112 20.3169L17.8061 16.4118C19.0204 14.8938 19.7465 12.9683 19.7465 10.8732C19.7465 5.97268 15.7738 2 10.8732 2Z",fill:"#8C8C8C"})))),ve=g.default.div`
-  padding-right: 1rem;
-  margin-top: 10px;
-  background: #ffffff;
-  padding: 5px 15px;
-  ${t.MediaQueries.mbUp} {
-    border-right: 1px solid #e4e8ec;
-  }
-`,ye=g.default.a`
-  padding: 10px 0;
-  position: relative;
-
-  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;
-  }
-
-  &[data-theme='marryBaby']:hover {
-    p {
-      color: ${e=>e.theme.mbColors.pink};
-    }
-    .icon {
-      background-color: ${e=>e.theme.mbColors.lightPink};
-    }
-  }
-  &[data-theme='helloSite']:hover {
-    p {
-      color: ${e=>e.theme.colors.primaryActive};
-    }
-  }
-  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%;
-      }
-    }
-  }
-`,be=g.default.div`
-  margin: 15px 0;
-  ${t.MediaQueries.mbDown} {
-    display: none;
-  }
-`,we=g.default.div`
-  display: flex;
-  position: absolute;
-  right: 0;
-  ${t.MediaQueries.mbUp} {
-    display: none;
-  }
-`,_e=g.default.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;
-  }
-  &[data-theme='marryBaby'] {
-    color: ${e=>e.theme.mbColors.pink};
-  }
-`,$e=g.default.div`
-  display: flex;
-  align-items: center;
-  margin-left: 10px;
-`,ke=g.default.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};
-    }
-  }
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 6px;
-  border-radius: 5px;
-  margin-top: 20px;
-  ${t.MediaQueries.mbDown} {
-    display: none;
-  }
-`;g.default.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 Ce=g.default.div`
-  display: grid;
-
-  grid-template-columns: repeat(3, 1fr);
-  gap: 24px;
-  margin-bottom: 3.5rem;
-  ${t.MediaQueries.tdDown} {
-    grid-template-columns: repeat(1, 1fr);
-  }
-`,Se=g.default.div`
-  height: 152px; // 120 + 16 * 2
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: 3;
-  overflow: hidden;
-  border-radius: 4px;
-  padding: 16px;
-  width: 100%;
-
-  .img-container {
-    width: 100%;
-    height: 100%;
-  }
-  img {
-    width: 100%;
-    height: 100%;
-    display: block;
-    object-fit: contain;
-  }
-  ${t.MediaQueries.tdDown} {
-    margin-bottom: 0;
-    padding: 0;
-    height: 100%;
-    position: unset;
-    width: 150px;
-  }
-  ${t.MediaQueries.mbDown} {
-    width: 80px;
-  }
-`,Me=g.default.div`
-  background-color: #ffffff;
-  border-radius: 4px;
-  width: 100%;
-  height: 100%;
-`,Be=g.default.div`
-  display: flex;
-  margin-top: 1rem;
-  align-items: center;
-  color: ${e=>e.theme.colors.primaryBase};
-  font-weight: 400;
-  font-size: 14px;
-  text-decoration: none;
-  ${t.MediaQueries.tdDown} {
-    display: none;
-  }
-`,De=g.default.p`
-  font-size: 16px;
-  font-weight: 600;
-  line-height: 1.6;
-  color: ${e=>e.theme.colors.gray800};
-  ${t.MediaQueries.tdDown} {
-    padding: 0;
-  }
-`,Qe=g.default.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;
-  ${t.MediaQueries.tdDown} {
-    height: unset;
-    padding: 0;
-  }
-`,ze=g.default.div`
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  flex: 1;
-  z-index: 1;
-  ${t.MediaQueries.tdDown} {
-    gap: 4px;
-  }
-`,Ie="hhgcomp-navigation-menucareitem-contentwrapper",Te=r.getDefaultClassWrapper(ze,Ie),Ee=g.default.a`
-  text-decoration: none;
-  border-radius: 4px;
-  background: ${a.theme.colors.white};
-  position: relative;
-  overflow: hidden;
-  padding: 16px;
-  display: flex;
-  padding-top: 166px;
-  * {
-    pointer-events: none;
-  }
-  ${t.MediaQueries.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%;
-    }
-  }
-  ${t.MediaQueries.tdDown} {
-    padding-top: 16px;
-    a {
-      display: none;
-    }
-    grid-template-columns: 2fr 1fr;
-    gap: 10px;
-    display: grid;
-    max-height: 110px;
-    display: flex;
-    flex-direction: row-reverse;
-    > .${Ie} {
-      flex: 1;
-    }
-    img {
-      width: 150px;
-    }
-  }
-  ${t.MediaQueries.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;
-    }
-  }
-  ${t.MediaQueries.tdOnly} {
-    border: 1px solid ${a.theme.colors.neutral100};
-  }
-  .bg-svg {
-    width: 100%;
-    max-width: 245px;
-    height: 100%;
-    top: 0;
-    right: -40px;
-    position: absolute;
-    display: inline-block;
-  }
-`,Ae=g.default.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;
-  }
-  ${t.MediaQueries.mbDown} {
-    display: block;
-    .bg-svg {
-      right: -24px;
-      left: unset;
-      top: 0;
-      transform: rotateY(180deg);
-    }
-  }
-
-  ${t.MediaQueries.mbUp} {
-    display: grid;
-    grid-gap: 10px;
-    grid-template-columns: 1fr 3fr;
-  }
-`,Pe=g.default.div`
-  font-weight: 400;
-  font-size: 14px;
-  line-height: 24px;
-  color: ${e=>e.theme.colors.gray600};
-  margin-bottom: 15px;
-`,je=g.default.div`
-  font-weight: 600;
-  font-size: 16px;
-  line-height: 26px;
-  color: #000000;
-  margin-bottom: 4px;
-`,Ue=g.default.div`
-  background: #fff;
-  padding: 5px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 50px;
-`,Ne=g.default.div`
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  position: relative;
-  ${t.MediaQueries.mbDown} {
-    justify-content: end;
-    min-height: 100px;
-  }
-`,Oe=g.default.div`
-  margin-top: 10px;
-  background: #ffffff;
-  padding: 5px 15px;
-  position: relative;
-  ${t.MediaQueries.mbDown} {
-    &:after {
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 100%;
-      height: 4px;
-      background-color: ${e=>e.theme.colors.neutral100};
-      content: '';
-    }
-  }
-`,Le=g.default.div`
-  margin: 15px 0;
-  display: flex;
-`,Re=g.default.a`
-  padding-left: 10px;
-  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;
-  }
-  ${t.MediaQueries.mbDown} {
-    margin-left: auto;
-  }
-`;g.default.div`
-  &[data-category-list-type='sub'] {
-    padding-bottom: 72px;
-  }
-
-  &[data-is-displayed='false'] {
-    display: none;
-  }
-`,g.default.div`
-  & > div {
-    width: 100%;
-    margin-bottom: 8px;
-  }
-`;const Ge=g.default.div`
-  display: grid;
-
-  grid-template-columns: repeat(4, 1fr);
-  gap: 24px;
-  ${t.MediaQueries.tdDown} {
-    gap: 12px;
-    grid-template-columns: 1fr;
-  }
-`,He=g.default.a`
-  width: 100%;
-  display: flex;
-  align-items: center;
-  text-decoration: none;
-  * {
-    pointer-events: none;
-  }
-`,qe=g.default.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;
-  }
-  ${t.MediaQueries.tdDown} {
-    width: 72px;
-    padding-top: 100px;
-  }
-`,We=g.default.p`
-  font-size: 16px;
-  font-weight: 400;
-  padding: 4px 15px;
-  line-height: 1.4;
-  color: ${e=>e.theme.colors.gray800};
-  flex: 1;
-  ${t.MediaQueries.tdUp} {
-    display: none;
-  }
-`;g.default.div`
-  & > :not(:last-child) {
-    border-bottom: 1px solid
-      ${e=>e.theme.colors.neutral100};
-  }
-
-  & > div > :not(:last-child) {
-    border-bottom: 1px solid
-      ${e=>e.theme.colors.neutral100};
-  }
-
-  &[data-category-list-type='sub'] {
-    padding-bottom: 72px;
-  }
-
-  &[data-is-displayed='false'] {
-    display: none;
-  }
-`,g.default.div`
-  & > div {
-    width: 100%;
-    margin-bottom: 8px;
-  }
-`;const Fe=g.default.div`
-  display: grid;
-  grid-template-columns: repeat(2, 1fr);
-  grid-gap: 48px;
-  ${t.MediaQueries.tdDown} {
-    grid-template-columns: 1fr;
-    grid-gap: 32px;
-  }
-  ${t.MediaQueries.mbDown} {
-    grid-gap: 24px;
-  }
-`,Ve=g.default.div`
-  padding: 5px;
-  flex: 1;
-`,Ye=g.default.img`
-  width: 88px;
-  height: 88px;
-  border-radius: 4px;
-  object-fit: cover;
-`,Ze=g.default.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;
-  }
-`,Ke=g.default.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;
-  }
-`,Xe=g.default.div`
-  font-size: 12px;
-  font-weight: 400;
-  color: ${e=>e.theme.colors.gray600};
-`,Je=g.default.div`
-  font-size: 12px;
-  font-weight: 400;
-  color: ${e=>e.theme.colors.gray600};
-`,et=g.default.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;
-    ${t.MediaQueries.tdOnly} {
-      bottom: -16px;
-    }
-    ${t.MediaQueries.mbDown} {
-      bottom: -12px;
-    }
-  }
-  &:last-child {
-    &::after {
-      display: none;
-    }
-  }
-  ${t.MediaQueries.tdUp} {
-    &:nth-last-child(2) {
-      &::after {
-        display: none;
-      }
-    }
-  }
-`,tt=g.default.div`
-  display: flex;
-  gap: 10px;
-  vertical-align: middle;
-  align-items: center;
-`,it=g.default.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;
-  }
-`,ot=g.default.div`
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  column-gap: 5px;
-`,at=g.default.div`
-  display: flex;
-  gap: 4px;
-  flex-direction: column;
-`;x.default.extend(f.default);g.default.div`
-  &[data-is-display='false'] {
-    display: none;
-  }
-`;const rt=g.default.div`
-  display: grid;
-
-  grid-template-columns: repeat(3, 1fr);
-  gap: 24px;
-  ${t.MediaQueries.tdDown} {
-    grid-template-columns: 1fr;
-    gap: 12px;
-  }
-`,nt=g.default.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;
-    ${t.MediaQueries.tdDown} {
-      top: calc(51% - 68px);
-      right: -8px;
-    }
-  }
-  padding: 180px 24px 16px;
-  a {
-    display: flex;
-    width: 100%;
-  }
-  ${t.MediaQueries.tdDown} {
-    padding-top: 16px;
-    display: flex;
-    align-items: center;
-  }
-`,lt=g.default.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%);
-  }
-  ${t.MediaQueries.tdDown} {
-    position: relative;
-    top: unset;
-    right: unset;
-  }
-`,dt=g.default.div`
-  display: flex;
-  align-items: center;
-  color: ${e=>e.theme.colors.primaryBase};
-  font-weight: 400;
-  font-size: 14px;
-  text-decoration: none;
-`,st=g.default.p`
-  font-size: 16px;
-  font-weight: 600;
-  line-height: 1.4;
-  color: ${e=>e.theme.colors.gray800};
-`,pt=g.default.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;
-  ${t.MediaQueries.tdDown} {
-    display: none;
-  }
-`,ut=g.default.div`
-  display: flex;
-  flex-direction: column;
-  flex: 1;
-  z-index: 1;
-  ${t.MediaQueries.tdUp} {
-    gap: 8px;
-  }
-  ${t.MediaQueries.tdDown} {
-    gap: 4px;
-    flex: 1;
-  }
-`,mt=g.default.a`
-  text-decoration: none;
-  border-radius: 12px;
-
-  position: relative;
-  overflow: hidden;
-  display: flex;
-  * {
-    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%;
-  }
-  ${t.MediaQueries.tdDown} {
-    padding-top: 16px;
-    display: flex;
-    align-items: flex-start;
-    justify-content: flex-start;
-  }
-  ${t.MediaQueries.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.MediaQueries.tdUp} {
-    min-height: 296px;
-  }
-  .mobile-only {
-    ${t.MediaQueries.tdUp} {
-      display: none;
-    }
-  }
-  .desktop-only {
-    ${t.MediaQueries.tdDown} {
-      display: none;
-    }
-  }
-`,ct=g.default.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%);
-  }
-  ${t.MediaQueries.tdDown} {
-    position: relative;
-    top: unset;
-    right: unset;
-  }
-  ${t.MediaQueries.mbDown} {
-    position: absolute;
-    left: 32px;
-    top: 28px;
-  }
-`,gt=g.default.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};
-  }
-
-  ${t.MediaQueries.tdDown} {
-    background: none;
-    width: 100%;
-    font-weight: 400;
-    font-size: 12px;
-    line-height: 18px;
-    color: ${e=>e.theme.mbColors.pink};
-    padding-left: 16px;
-  }
-`,xt=g.default.p`
-  font-weight: 600;
-  font-size: 14px;
-  line-height: 24px;
-  letter-spacing: -0.2px;
-  color: ${e=>e.theme.colors.gray800};
-`,ft=g.default.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;
-  ${t.MediaQueries.tdDown} {
-    display: none;
-  }
-`,ht=g.default.div`
-  display: flex;
-  flex: 1;
-  z-index: 1;
-  align-items: flex-end;
-  justify-content: flex-end;
-  ${t.MediaQueries.tdUp} {
-    gap: 8px;
-    flex-direction: row;
-  }
-
-  ${t.MediaQueries.tdDown} {
-    align-items: flex-start;
-    justify-content: flex-start;
-    gap: 4px;
-  }
-`,vt=g.default.div`
-  display: flex;
-  flex-direction: column;
-  flex: 1;
-  z-index: 1;
-  ${t.MediaQueries.tdUp} {
-    gap: 8px;
-  }
-  ${t.MediaQueries.tdDown} {
-    gap: 4px;
-    flex: 1;
-    padding-left: 16px;
-  }
-`,yt=g.default.div`
-  display: flex;
-  flex-direction: row;
-  flex: 1;
-  z-index: 1;
-  ${t.MediaQueries.tdUp} {
-    gap: 8px;
-    justify-content: flex-end;
-    align-items: flex-end;
-  }
-  ${t.MediaQueries.tdDown} {
-    flex-direction: column;
-    justify-content: flex-start;
-    align-items: flex-start;
-  }
-`,bt=g.default.div`
-  z-index: 201;
-  width: 100%;
-  align-items: center;
-
-  background-color: ${e=>e.theme.colors.white};
-
-  transition: height 0.3s, transform 0.3s;
-
-  &[data-site-type='helloSites'] {
-    border-bottom: 1px solid
-      ${e=>e.theme.colors.neutral100};
-  }
-  &[data-sponsored='true'] {
-    border-bottom: none;
-  }
-  &[data-marry-baby-tone='pink'] {
-    background-color: ${e=>e.theme.mbColors.lightPink};
-  }
-
-  ${t.MediaQueries.mbUp} {
-    &[data-sitewide-banner-shown='true'][data-collapsed='true'] {
-      transform: translateY(-64px);
-    }
-  }
-  ${t.MediaQueries.mbDown} {
-    &[data-site-type='marryBaby'] {
-      border-bottom: none;
-    }
-
-    &[data-fixed-bar='true'] {
-      position: fixed;
-      transform: translateY(0);
-    }
-
-    &[data-fixed-bar='false'] {
-      position: absolute;
-    }
-
-    &[data-collapsed='true'] {
-      transform: translateY(-100%);
-      transition: transform 0.5s;
-    }
-    &[data-collapsed='false'] {
-      transform: translateY(0);
-      transition: transform 0.5s;
-    }
-
-    .top-bar-header {
-      line-height: normal;
-    }
-
-    &[data-header-type='home'] {
-      z-index: ${le};
-    }
-
-    &[data-header-type='popup'] {
-      position: absolute;
-      z-index: ${de};
-    }
-
-    &[data-header-type='popup-sub-level'] {
-      position: absolute;
-      z-index: ${se};
-    }
-
-    &[data-is-displayed='false'] {
-      //display: none;
-      visibility: hidden;
-    }
-  }
-
-  .marry-baby {
-    input {
-      background: ${e=>e.theme.mbColors.lightGray};
-      border-radius: 16px;
-      border: none;
-    }
-    max-width: 172px;
-  }
-  &[data-site-type='marryBaby'] {
-    .close-btn {
-      top: 16px;
-      right: 16px;
-    }
-  }
-`,wt=g.default.div`
-  display: flex;
-  height: 100%;
-  align-items: center;
-
-  justify-content: space-between;
-  padding: 0 2rem;
-  height: 69px;
-  ${t.MediaQueries.pcDown} {
-    padding: 0 1rem;
-  }
-
-  ${t.MediaQueries.mbDown} {
-    position: relative;
-    height: 64px;
-    background: white;
-    gap: 2px;
-  }
-
-  &[data-site-type='marryBaby'] {
-    width: 100%;
-    margin: 0 auto;
-    padding: 0 16px;
-    ${t.MediaQueries.tdUp} {
-      max-width: 1064px;
-    }
-  }
-`,_t=g.default.div`
-  display: flex;
-  align-items: center;
-  height: 100%;
-  gap: 24px;
-  ${t.MediaQueries.pcDown} {
-    flex-shrink: 0;
-    gap: 16px;
-  }
-  ${t.MediaQueries.pcDown} {
-    gap: 12px;
-  }
-  &[data-site-type='marryBaby'] {
-    gap: 26px;
-  }
-`,$t=g.default.div``,kt=g.default.div`
-  display: flex;
-  align-items: center;
-  height: 100%;
-  flex-shrink: 0;
-  /* gap: 16px; */
-  ${t.MediaQueries.tdDown} {
-    flex-shrink: 0.6;
-  }
-  .hhgcomp-navigation-itemnav-headeritem {
-    gap: 2px;
-    ${t.MediaQueries.pcUp} {
-      padding: 0 10px;
-    }
-    ${t.MediaQueries.pcDown} {
-      padding: 0 6px;
-    }
-    ${t.MediaQueries.mbDown} {
-      display: none;
-    }
-    a {
-      text-decoration: none;
-    }
-  }
-`;g.default.div`
-  .fake-search-input {
-    pointer-events: none;
-    input {
-      line-height: 20px;
-      padding-top: 10px;
-      padding-bottom: 10px;
-    }
-  }
-`;const Ct=g.default.div`
-  margin-left: 16px;
-  display: flex;
-  gap: 12px;
-  align-items: center;
-  flex-shrink: 0;
-  ${t.MediaQueries.pcDown} {
-    margin-left: 8px;
-    gap: 8px;
-  }
-  ${t.MediaQueries.mbDown} {
-    margin-left: 0;
-    gap: 10px;
-  }
-`,St=g.default.div`
-  display: flex;
-  align-items: center;
-  height: 100%;
-  &[data-site-type='marryBaby'] {
-    gap: 26px;
-  }
-`,Mt=g.default.div`
-  --header-z-index: 305;
-  top: 0;
-  z-index: var(--header-z-index);
-
-  ${t.MediaQueries.mbDown} {
-    width: 100vw;
-    max-width: 100%;
-  }
-  --amp-site-wide-closed: 2px;
-
-  -webkit-transform: translateZ(0);
-  position: sticky;
-
-  &.nav-open {
-    margin-top: 64px;
-  }
-
-  &:not(.nav-open) {
-    --amp-site-wide-closed: 66px;
-  }
-  pointer-events: none;
-  > section * {
-    pointer-events: auto;
-  }
-`;g.default.div`
-  display: flex;
-  align-items: center;
-  gap: 8px;
-`,g.default.a`
-  &[data-is-active='true'] {
-    color: unset;
-  }
-  font-size: 14px;
-  font-weight: 700;
-  line-height: 22px;
-  text-decoration: none;
-`,exports.Item=({post:t,index:i=0})=>{var o,a,r,n,l,d,s;const{siteType:p,configs:{statics:u}}=e.useContext(ce);if(!t)return null;const m=[u.TOGETHER_URL_FE,null===(o=t.community)||void 0===o?void 0:o.slug].join("/"),g=[m,t.slug].join("/"),f=t.createdAt,h=f?isNaN(new Date(f).getTime())?null:new Date(f):null,v=h?x.default(h).toNow(!0):f;return c.default.createElement(et,{href:g,"data-event-category":"Hamburger Navigation","data-event-action":`Together Click ${i+1}`,"data-event-label":g},c.default.createElement(Ve,null,c.default.createElement(tt,null,c.default.createElement(W,{avatar:null===(a=t.author)||void 0===a?void 0:a.avatar,username:(null===(r=t.author)||void 0===r?void 0:r.name)||(null===(n=t.author)||void 0===n?void 0:n.username)}),c.default.createElement(at,null,c.default.createElement(Ze,{"data-theme":p},null===(l=t.author)||void 0===l?void 0:l.name),c.default.createElement(ot,null,c.default.createElement(Ke,{"data-event-category":"Hamburger Navigation","data-event-action":`Topic Click ${i+1}`,"data-event-label":m,onClick:e=>{e.preventDefault(),location.href=m},"data-theme":p},null===(d=t.community)||void 0===d?void 0:d.name),c.default.createElement(Je,null,"•"),c.default.createElement(Xe,{"data-theme":p},v)))),c.default.createElement(it,null,t.title)),!!(null===(s=t.photos)||void 0===s?void 0:s.length)&&c.default.createElement(Ye,{loading:"lazy",src:t.photos[0]}))},exports.NavigationCard=({type:t,themeName:i,className:o,onClick:a=(()=>{})})=>{const{t:r}=n.useTranslations(),l=e.useMemo((()=>{var e,o;return(null===(o=null===(e=ne[i])||void 0===e?void 0:e[t])||void 0===o?void 0:o.call(e))||""}),[t,i]),d=e.useMemo((()=>"marryBaby"!==i?"transparent":re[t]),[t,i]);return c.default.createElement("div",{onClick:function(){a(t)},className:`${ie} ${o}`},c.default.createElement("div",{className:ae,style:{backgroundColor:d,backgroundImage:`url("${l}")`}}),c.default.createElement("h3",{className:oe},r(`userProfile.nav.card.${t}`)))},exports.NavigationContext=ce,exports.NavigationProvider=t=>{var{children:i}=t,a=o.__rest(t,["children"]);const[n,l]=c.default.useState((()=>a.currentUrl||`https://${"marryBaby"===a.siteType?r.domainLocalesMarryBaby[a.locale||"en-PH"]:d.domainLocales[a.locale||"en-PH"]}${"together"===a.projectType?"/community":"ecom"===a.projectType?"/ecom":"care"===a.projectType?"/care":""}/`));e.useEffect((()=>{const e=()=>{l(window.location.href)};return window.addEventListener("popstate",e),e(),()=>{window.removeEventListener("popstate",e)}}),[]);const p=(({locale:t,projectType:i,isMobile:o,siteType:a,enableBookingBtn:r})=>e.useMemo((()=>{const e=!(!o&&"profile"===i),n="discover"===i||"marryBaby"===i||"profile"===i&&"marryBaby"===a,l="marryBaby"!==a&&"marryBaby"!==i&&d.CARE_LOCALES.includes(t),p=r&&"marryBaby"!==i&&"discover"===i&&"marryBaby"!==a&&d.CARE_BOOKING_LOCALES.includes(t),u="marryBaby"===i||d.TOGETHER_LOCALES.includes(t),m="marryBaby"!==a&&d.ECOM_LOCALES.includes(t),c="marryBaby"!==a&&d.ECOM_LOCALES.includes(t);let g=s.getCurrentBaseUrl(t,"marryBaby"===a);"undefined"!=typeof window&&(g.includes("//id.")&&(g=g.replace("id.","")),g.includes("//staging-id.")&&(g=g.replace("staging-id.","discover.")));return{enableProfileNavigatorMenu:e,enableSearchBar:n,enableNavCare:l,enableNavCareBooking:p,enableNavTogether:u,enableNavEcom:m,enableProfileEcom:c,enableProfileMyHealth:!0,enableNavDiscover:!0,enableNavHealthTools:!0,enableProfileMySaved:!0,statics:{HOME_PAGE_URL:g,CARE_URL_FE:`${g}/care`,TOGETHER_URL_FE:`${g}/community`,SSO_URL:s.getCurrentSsoUrl(t,"marryBaby"===a),TOGETHER_API:s.getTogetherApiDomain(),DISCOVER_API:s.getDiscoverApiDomain(t)}}}),[t,i,o]))({locale:a.locale,projectType:a.projectType,isMobile:a.isMobile,siteType:a.siteType,enableBookingBtn:a.enableBookingBtn});return c.default.createElement(ce.Provider,{value:Object.assign(Object.assign({},a),{configs:Object.assign(Object.assign({},p),a.configs),currentUrl:a.currentUrl||n})},i)},exports.Popup=({type:e="lead",closeIcon:t,isOpen:i=!0,onClose:o,children:a,className:r="",enableAnimation:n=!0})=>c.default.createElement(c.default.Fragment,null,c.default.createElement(h,{"data-open":i,"data-type":e,"data-animation":n},c.default.createElement("div",{className:`${r||""} popup-content`},!!t&&c.default.createElement("div",{className:"close-button",onClick:o},t),a)),c.default.createElement(v,{"data-open":i,onClick:o})),exports.SearchIcon=he,exports.StyleSelectionPopup=R,exports.StyledAvatar=J,exports.StyledBtnView=Be,exports.StyledBtnView$1=dt,exports.StyledBtnView$2=gt,exports.StyledButtonGroup=me,exports.StyledContainer=Mt,exports.StyledContainerItems=Ce,exports.StyledContainerItems$1=Ge,exports.StyledContainerItems$2=Fe,exports.StyledContainerItems$3=rt,exports.StyledContainerNoPosts=Ae,exports.StyledContent=vt,exports.StyledContentLeft=Ue,exports.StyledContentWrapper=Te,exports.StyledContentWrapper$1=ut,exports.StyledContentWrapper$2=ht,exports.StyledDes=Qe,exports.StyledDes$1=pt,exports.StyledDes$2=ft,exports.StyledDescription=Pe,exports.StyledDisplayWrapper=F,exports.StyledHeader=wt,exports.StyledHeaderWrapper=bt,exports.StyledHeading=be,exports.StyledHeading$1=Le,exports.StyledIconNav=we,exports.StyledImageCard=Se,exports.StyledImageCard$1=qe,exports.StyledImageCard$2=lt,exports.StyledImageCard$3=ct,exports.StyledImageCardInner=Me,exports.StyledImageWrapper=ee,exports.StyledImageWrapper$1=$e,exports.StyledItem=ye,exports.StyledItem$1=Ee,exports.StyledItem$2=He,exports.StyledItem$3=nt,exports.StyledItem$4=mt,exports.StyledItemAll=_e,exports.StyledItemGridLeft=ve,exports.StyledItemGridRight=Oe,exports.StyledLanguageChangeLink=N,exports.StyledLeft=Ne,exports.StyledLeftGroup=_t,exports.StyledLoggedOutAnchor=te,exports.StyledLogoWrapper=$t,exports.StyledMasterMenuContainer=ge,exports.StyledOption=G,exports.StyledPopup=Z,exports.StyledPopup$1=ue,exports.StyledPopupBackground=H,exports.StyledProfileNavGroup=Ct,exports.StyledRightGroup=kt,exports.StyledSelectionContainer=O,exports.StyledSelectionLabel=L,exports.StyledServiceListMenuSearchInputWrapper=xe,exports.StyledTitle=De,exports.StyledTitle$1=je,exports.StyledTitle$2=We,exports.StyledTitle$3=st,exports.StyledTitle$4=xt,exports.StyledViewMore=ke,exports.StyledViewMore$1=Re,exports.StyledWrapMenuItems=St,exports.StyledWrapName=yt,exports.StyledWrapper=fe,exports.TOGETHER_PATHS={COMMUNITIES:"community?website_url={websiteUrl}",MENU_TOPIC:"topic?community_id={communityId}&website_url={websiteUrl}",GET_USER_POSTS:"profile/posts?website_url={websiteUrl}"},exports.UserAvatar=W,exports.dataTransform=U,exports.formatArticle=C,exports.formatCategory=D,exports.formatComment=P,exports.formatCommunity=I,exports.formatPost=A,exports.formatTopic=T,exports.formatUserProfileUrl=j;