https://app.parler.com/assets/LoungesLandingRoute-BSr_fbIE.js

1import{c5 as A,dv as Z,j as e,a3 as w,c2 as G,ab as K,gm as W,ca as X,du as ee,gn as te,go as se,gp as re,gq as ae,gr as ne}from"./vendor-data-eBPZki-Z.js";import{r as g,f as N,k as S,u as oe}from"./vendor-react-BgtJhS2O.js";import{bn as P,ar as ie,as as L,d0 as T,eu as le,u as I,cJ as v,ct as E,m as M,ev as de,ew as ce,ex as j,aY as xe,aw as ue}from"./index-DTQGL8n8.js";import{u as ge}from"./useTrackScreen-BLOOZkQ_.js";import me from"./CreateLoungeModal-dqEEpsFP.js";import{eS as U,eU as _,cB as B,dO as he,fX as be,fY as pe}from"./vendor-zod-Bei2Z9MS.js";import{L as F,O as fe}from"./LoungeCard-CMW1e50t.js";import{S as H}from"./lock-square-DNvVRpgy.js";import{L as ke,a as je}from"./LoungeFeedOverlays-DK6u33yH.js";import{L as q,a as $,b as Q,c as J}from"./loungeMemberMetaIcons-bk96OcQw.js";import{P as ye}from"./PostCard-BpLSQMtH.js";import{P as ve}from"./PostSkeleton-BY0I-Fub.js";import{F as Ne}from"./FeedSkeleton-BVp-FCQb.js";import{u as Ce}from"./usePostActions-B9V6JroX.js";import{u as Le,a as we}from"./useParentPostHydration-Dkq7qC0q.js";import"./useImageCropTarget-D4vTG1Mx.js";import"./LoungePrivacyRadios-DMwsS6RQ.js";import"./usePremiumGateAccess-_F9WRRYB.js";import"./loungeSlug-ziCyOWDO.js";import"./CommentComposeModal-BRop2xNS.js";import"./useNestedOverlayDismissGate-Bdez5EoF.js";import"./CameraIcon-MwhCrT8M.js";import"./PostActionsPortals-Cu4g2GT7.js";import"./usePostComments-Dl6oiND2.js";import"./ExpandableBody-DWLBBjw0.js";import"./user-multiple-F5jephUU.js";import"./useFeedVideoAutoplayPref-B5Ho7cdm.js";import"./useUserSettingValue-BuB0sMd0.js";function Se({category:t,search:r,enabled:s=!0,includeMemberLoungesOnSearch:a=!1}={}){const[o,d]=g.useState(()=>new Set),x=g.useCallback(f=>{d(l=>new Set(l).add(f))},[]),n=g.useCallback(()=>{d(new Set)},[]),m=t?.trim()||void 0,h=r?.trim()||void 0,u=g.useMemo(()=>{const f={};return m&&(f.category=m),h&&(f.search=h),Object.keys(f).length>0?f:void 0},[m,h]),c=A(),i=Z(u,{enabled:s}),p=a&&!!h,k=g.useMemo(()=>{const f=new Set((c.data?.data??[]).filter(l=>l.isJoined||l.membershipStatus==="requested"||l.membershipStatus==="invited"||l.membershipStatus==="active").map(l=>l.ulid));return(i.data?.pages.flatMap(l=>l.data)??[]).filter(l=>o.has(l.ulid)?!0:l.visibility==="hidden"?!1:p&&(l.isJoined||l.isOwner)?!0:!(l.isJoined||l.membershipStatus==="requested"||l.membershipStatus==="invited"||l.membershipStatus==="active"||f.has(l.ulid)))},[i.data,c.data,o,p]),y=P({fetchNextPage:i.fetchNextPage,hasNextPage:i.hasNextPage,isFetchingNextPage:i.isFetchingNextPage,rootMargin:"1200px"});return{spaces:k,isLoading:i.isLoading,isError:i.isError,isFetchingNextPage:i.isFetchingNextPage,hasNextPage:!!i.hasNextPage,sentinelRef:y,markRequested:x,resetSession:n,mySpaces:c.data?.data??[],mySpacesLoading:c.isLoading,mySpacesError:c.isError}}function Y({count:t=6}){return e.jsx("ul",{"aria-label":"Loading lounges",children:Array.from({length:t}).map((r,s)=>e.jsx(ie,{children:e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"w-12 h-12 rounded-xl bg-bg-elevated dark:bg-bg-elevated-dark animate-pulse flex-shrink-0"}),e.jsxs("div",{className:"flex-1 space-y-2",children:[e.jsx(L,{width:"1/3",height:"sm"}),e.jsx(L,{width:"2/3",height:"xs"}),e.jsx(L,{width:"1/4",height:"xs"})]})]})},s))})}const z=t=>g.createElement("svg",{width:15,height:13,viewBox:"0 0 15 13",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t},g.createElement("path",{d:"M6.5 7.33301C8.61709 7.33301 10.334 9.0499 10.334 11.167V12.5C10.334 12.776 10.11 12.9998 9.83398 13H0.5C0.224007 12.9998 8.0449e-08 12.776 0 12.5V11.167C0 9.0499 1.71689 7.33301 3.83398 7.33301H6.5ZM10.5 7.33301C12.6171 7.33301 14.334 9.0499 14.334 11.167V12.5C14.334 12.776 14.11 12.9998 13.834 13H11.834C11.5578 13 11.334 12.7761 11.334 12.5C11.334 12.2239 11.5578 12 11.834 12H13.334V11.167C13.334 9.60219 12.0648 8.33301 10.5 8.33301C10.224 8.33283 10 8.10904 10 7.83301C10.0002 7.55712 10.2241 7.33318 10.5 7.33301ZM3.83398 8.33301C2.26918 8.33301 1 9.60219 1 11.167V12H9.33398V11.167C9.33398 9.60219 8.06481 8.33301 6.5 8.33301H3.83398ZM5.16699 0C6.91589 0 8.33398 1.41809 8.33398 3.16699C8.33381 4.91574 6.91579 6.33301 5.16699 6.33301C3.4182 6.33301 2.00018 4.91574 2 3.16699C2 1.41809 3.41809 7.24787e-08 5.16699 0ZM9.16699 0C10.9

1159 0 12.334 1.41809 12.334 3.16699C12.3338 4.91574 10.9158 6.33301 9.16699 6.33301C8.89085 6.33301 8.66699 6.10915 8.66699 5.83301C8.66717 5.55702 8.89096 5.33301 9.16699 5.33301C10.3635 5.33301 11.3338 4.36346 11.334 3.16699C11.334 1.97038 10.3636 1 9.16699 1C8.89085 1 8.66699 0.776142 8.66699 0.5C8.66699 0.223858 8.89085 8.05319e-09 9.16699 0ZM5.16699 1C3.97038 1 3 1.97038 3 3.16699C3.00018 4.36346 3.97048 5.33301 5.16699 5.33301C6.3635 5.33301 7.33381 4.36346 7.33398 3.16699C7.33398 1.97038 6.36361 1 5.16699 1Z",fill:"currentColor",fillOpacity:.9}));function D({space:t,onClick:r}){const s=t.displayName??t.name,a=T(t.iconUrl,t.ulid),o=le(t.bannerUrl,t.ulid)??a,d=U(t),x=I(h=>h.user?.badges),m=w("voice_rooms",x)&&t.hasLiveRoom;return e.jsxs("button",{type:"button",onClick:r,"aria-label":`Open ${s}`,className:"group relative m-0 block h-[226px] w-[calc(100vw-32px)] max-w-[325px] flex-none snap-start appearance-none overflow-hidden rounded-xl border-0 bg-bg p-0 text-left transition-colors hover:bg-bg-elevated focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand dark:bg-bg-dark dark:hover:bg-bg-elevated-dark",children:[e.jsxs("span",{className:"absolute inset-x-0 top-0 block h-[102px] overflow-hidden rounded-t-xl bg-bg-elevated dark:bg-bg-elevated-dark",children:[o&&e.jsx("img",{src:o,alt:"",className:"h-full w-full object-cover transition-transform duration-200 group-hover:scale-[1.02]"}),(m||t.isFeatured)&&e.jsxs("span",{className:"absolute right-2 top-2 flex items-center gap-1",children:[t.isFeatured&&e.jsx("span",{className:"rounded bg-bg/90 px-2 py-0.5 text-[10px] font-bold uppercase tracking-wide text-text backdrop-blur-sm dark:bg-bg-dark/90 dark:text-text-dark",children:"Featured"}),m&&e.jsx(ke,{})]})]}),e.jsxs("span",{className:"block px-4 pb-3 pt-[102px]",children:[a?e.jsx("img",{src:a,alt:"",className:"relative z-[1] -mt-7 h-14 w-14 rounded-xl border border-bg object-cover dark:border-bg-dark"}):e.jsx("span",{"aria-hidden":"true",className:"relative z-[1] -mt-7 flex h-14 w-14 items-center justify-center rounded-xl border border-bg bg-bg-elevated text-lg font-bold text-text-secondary dark:border-bg-dark dark:bg-bg-elevated-dark dark:text-text-secondary-dark",children:t.name.charAt(0).toUpperCase()}),e.jsxs("span",{className:"mt-4 flex min-w-0 items-center gap-1.5",children:[e.jsx("span",{className:"min-w-0 truncate text-sm font-bold text-text dark:text-text-dark",children:s}),e.jsxs("span",{className:"inline-flex flex-none items-center gap-1 text-xs font-semibold text-text-secondary dark:text-text-secondary-dark",children:[d?e.jsx(v,{as:H,width:$,height:q,"aria-hidden":!1,"aria-label":_(t)}):e.jsx(v,{as:z,width:J,height:Q,"aria-hidden":"true"}),B(t.memberCount).toLowerCase()]})]}),t.description&&e.jsx("span",{className:"mt-1 line-clamp-2 text-sm leading-5 text-text-secondary dark:text-text-secondary-dark",children:t.description})]}),e.jsx("span",{"aria-hidden":"true",className:"pointer-events-none absolute inset-0 z-[2] rounded-xl border border-t-0 border-border-light dark:border-border-dark"})]})}function O({label:t,selected:r,onClick:s}){return e.jsx("button",{type:"button",role:"radio","aria-checked":r,onClick:s,className:`inline-flex h-8 flex-shrink-0 items-center justify-center whitespace-nowrap rounded-full border px-4 text-sm font-medium transition-colors ${r?"border-brand bg-brand text-white":"border-border-light bg-transparent text-text-secondary hover:border-text-secondary hover:text-text dark:border-border-dark dark:text-text-secondary-dark dark:hover:border-text-secondary-dark dark:hover:text-text-dark"}`,children:t})}function Pe({selected:t,onSelect:r}){const{data:s}=G();return!s||s.length===0?null:e.jsxs(E,{role:"radiogroup",ariaLabel:"Filter lounges by category",containerClassName:"",rowClassName:"flex gap-2 px-4 py-2",testIdPrefix:"lounge-categories",showControls:!1,dragToScroll:!0,children:[e.jsx(O,{label:"All",selected:t===null,onClick:()=>r(null)}),s.map(a=>{const o=he[a.slug];return e.jsx(O,{label:o?.label??a.name,selected:t===a.slug,onClick:()=>r(a.slug)},a.slug)})]})}function Ee({isLoading:t,isError:r,spaces:s,hasCategory:a,showJoinedBadge:o,onNavigate:d,onRequested:x}){return t&&s.length===0?e.jsx(Y,{}):r?e.jsx("div",{className:"p-8 text-center text-text-secondary dark:text-text-secondary-dark",children:e.jsx("p",{children:"Couldn't load lounges. Try refreshing."})}):s.length===0?e.jsx("div",{className:"p-8 text-center text-text-secondary dark:text-text-secondary-dark",children:e.jsx("p",{children:a?"No lounges in this category yet.":"No lounges found."})}):e.jsxs(e.Fragment,{children:[e.jsx(E,{role:"list",ariaLabel:"Explore lounges",containerClassName:"",rowClassName:"flex snap-x snap-mandatory scroll-px-4 gap-4 px-4 pb-3 pt-2",testIdPrefix:"explore-lounges",controlsInset:1,children:s.slice(0,3).map(n=>e.jsx("div",{role:"listitem",children:e.jsx(D,{space:n,onClick:()=>d(n.ulid)})},n.ulid))}),e.jsx("ul",{"aria-label":"All lounges",className:"pb-3",children:s.map(n=>e.jsx("li",{children:e.jsx(F,{space:n,onClick:()=>d(n.ulid),showJoinedBadge:o,onRequested:x})},n.ulid))})]})}function Me(){const t=N(),[r]=S(),[s,a]=g.useState(null),o=r.get("q")??"",d=K(o,300),{spaces:x,isLoading:n,isError:m,isFetchingNextPage:h,sentinelRef:u,markRequested:c}=Se({category:s??void 0,search:d,includeMemberLoungesOnSearch:!0});return e.jsxs(e.Fragment,{children:[e.jsx(Pe,{selected:s,onSelect:a}),e.jsx(Ee,{isLoading:n,isError:m,spaces:x,hasCategory:s!==null,showJoinedBadge:d.trim().length>0,onNavigate:i=>t(`/lounges/${i}`),onRequested:c}),e.jsx("div",{ref:u,className:"h-px","aria-hidden":"true"}),h&&e.jsx("div",{className:"flex justify-center py-6",children:e.jsx(M,{size:"md",label:"Loading more lounges"})})]})}function Fe(){const t=W(),r=g.useMemo(()=>(t.data?.pages??[]).flatMap(n=>n.data),[t.data]),s=g.useMemo(()=>new Map(r.map(n=>[n.id,n.isPinned])),[r]),a=Le(r),o=g.useMemo(()=>a.map(X),[a]),d=ee(o),x=g.useMemo(()=>d.map(n=>({...n,isPinned:s.get(n.id)??!1})),[d,s]);return{query:t,posts:x}}function Oe(){const t=N(),r=l=>t(`/lounges/${l}`),s=A({sort:"activity"}),a=g.useMemo(()=>te(s.data?.data??[]),[s.data]),o=se(),d=o.isLoading||o.isError||o.data.length>0,x=I(l=>l.user?.badges),n=w("voice_rooms",x),m=re(void 0,{enabled:n}),h=n?m:{data:[],isLoading:!1,isError:!1},u=n&&(m.isLoading||m.isError||m.data.length>0),{query:c,posts:i}=Fe(),p=Ce(),k=we(),y=P({fetchNextPage:c.fetchNextPage,hasNextPage:c.hasNextPage,isFetchingNextPage:c.isFetchingNextPage,rootMargin:"1200px"});return!o.isLoading&&!h.isLoading&&!c.isLoading&&!s.isLoading&&!o.isError&&!h.isError&&!c.isError&&o.data.length===0&&h.data.length===0&&a.length===0&&i.length===0?e.jsx(Ae,{onExplore:()=>t("/lounges?tab=explore")}):e.jsxs("div",{className:"py-1",children:[s.isLoading&&a.length===0?e.jsx(Ie,{}):a.length>0&&e.jsx(Ue,{spaces:a,onNavigate:r}),d&&e.jsx(R,{title:"Featured",query:o,onNavigate:r}),u&&e.jsx(R,{title:"Happening Now",query:m,onNavigate:r}),e.jsxs("section",{children:[e.jsx(C,{children:"Latest Posts"}

1),e.jsx(Re,{feedQuery:c,posts:i,postActions:p,commentModal:k,sentinelRef:y})]}),e.jsx(je,{postActions:p,commentModal:k})]})}function Re({feedQuery:t,posts:r,postActions:s,commentModal:a,sentinelRef:o}){return t.isLoading&&r.length===0?e.jsx(Ne,{count:3}):t.isError?e.jsx("p",{className:"px-4 pb-3 text-sm text-text-secondary dark:text-text-secondary-dark",children:"Couldn't load posts. Try refreshing."}):r.length===0?e.jsx("p",{className:"px-4 pb-3 text-sm text-text-secondary dark:text-text-secondary-dark",children:"Nothing here yet. Posts from lounges you join will show up here."}):e.jsxs(e.Fragment,{children:[e.jsx("ul",{"aria-label":"Latest posts",children:r.map(d=>e.jsx("li",{children:e.jsx(ye,{post:d,showLoungeAttribution:!0,onOpenActions:s.openPostActions,onOpenCommentCompose:()=>a.openForPost(d.id),onOpenCommentReply:a.openForReply,inlineReply:!0})},`${d.repostId??""}-${d.id}`))}),e.jsx("div",{ref:o,className:"h-px","aria-hidden":"true"}),t.isFetchingNextPage&&e.jsx(ve,{inline:!0}),!t.hasNextPage&&e.jsx("div",{className:"py-8 text-center text-xs text-text-secondary dark:text-text-secondary-dark",children:"You're all caught up."})]})}function Ae({onExplore:t}){return e.jsxs("section",{className:"flex min-h-[calc(100dvh-62px)] flex-col items-center justify-center px-6 pb-8 text-center",children:[e.jsx("span",{"aria-hidden":"true",className:"flex h-11 w-11 items-center justify-center rounded-lg bg-brand text-white",children:e.jsx(de,{size:24})}),e.jsx("h2",{className:"mt-4 text-xl font-bold text-text dark:text-text-dark",children:"Find Your Lounge"}),e.jsxs("p",{className:"mt-1 max-w-[330px] text-sm leading-5 text-text-secondary dark:text-text-secondary-dark",children:["Browse communities built around topics,",e.jsx("br",{}),"creators, and conversations you care about."]}),e.jsx("button",{type:"button",onClick:t,className:"mt-6 h-[52px] min-w-[174px] rounded-lg bg-text px-5 text-base font-semibold text-bg transition-opacity hover:opacity-90 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand focus-visible:ring-offset-2 focus-visible:ring-offset-bg dark:bg-text-dark dark:text-bg-dark dark:focus-visible:ring-offset-bg-dark",children:"Explore Lounges"})]})}function C({children:t}){return e.jsx("h2",{className:"px-4 pt-5 pb-2 text-base font-bold text-text dark:text-text-dark",children:t})}const Te=10;function Ie(){return e.jsxs("section",{"aria-hidden":"true","data-testid":"your-lounges-placeholder",children:[e.jsx(C,{children:"Your Lounges"}),e.jsx("div",{className:"h-[188px] px-4 pb-3 pt-2"})]})}function Ue({spaces:t,onNavigate:r}){return e.jsxs("section",{children:[e.jsx(C,{children:"Your Lounges"}),e.jsx(E,{role:"list",ariaLabel:"Your lounges",containerClassName:"",rowClassName:"flex snap-x snap-mandatory scroll-px-4 gap-4 px-4 pb-3 pt-2",testIdPrefix:"your-lounges",controlsInset:1,children:t.slice(0,Te).map(s=>e.jsx("div",{role:"listitem",children:e.jsx(D,{space:s,onClick:()=>r(s.ulid)})},s.ulid))})]})}function R({title:t,query:r,onNavigate:s}){return e.jsxs("section",{children:[e.jsx(C,{children:t}),e.jsx(_e,{query:r,onNavigate:s,title:t})]})}function _e({query:t,onNavigate:r,title:s}){return t.isLoading&&t.data.length===0?e.jsx("div",{className:"py-6 flex justify-center",children:e.jsx(M,{size:"md",label:`Loading ${s}`})}):t.isError?e.jsxs("p",{className:"px-4 pb-3 text-sm text-text-secondary dark:text-text-secondary-dark",children:["Couldn't load ",s.toLowerCase(),". Try refreshing."]}):e.jsx("ul",{"aria-label":s,children:t.data.map(a=>e.jsx("li",{children:e.jsx(F,{space:a,onClick:()=>r(a.ulid),showDiscoveryBadges:!0})},a.ulid))})}function Be({space:t,onClick:r}){const s=t.displayName??t.name,a=T(t.iconUrl,t.ulid),o=U(t),d=be(t.category);return e.jsxs("button",{type:"button",onClick:r,className:"flex w-full items-start gap-3 px-4 py-3 text-left transition-colors hover:bg-bg-elevated dark:hover:bg-bg-elevated-dark",children:[a?e.jsx("img",{src:a,alt:"",className:"h-14 w-14 flex-none rounded-xl border border-border-light object-cover dark:border-border-dark"}):e.jsx("span",{"aria-hidden":"true",className:"flex h-14 w-14 flex-none items-center justify-center rounded-xl border border-border-light bg-bg-elevated text-lg font-bold text-text-secondary dark:border-border-dark dark:bg-bg-elevated-dark dark:text-text-secondary-dark",children:t.name.charAt(0).toUpperCase()}),e.jsxs("span",{className:"min-w-0 flex-1",children:[e.jsxs("span",{className:"flex min-w-0 items-center gap-1.5",children:[e.jsx("span",{className:"min-w-0 truncate text-sm font-bold text-text dark:text-text-dark",children:s}),t.isOwner&&e.jsx(fe,{}),e.jsxs("span",{className:"inline-flex flex-none items-center gap-1 text-xs font-semibold text-text-secondary dark:text-text-secondary-dark",children:[o?e.jsx(v,{as:H,width:$,height:q,"aria-hidden":!1,"aria-label":_(t)}):e.jsx(v,{as:z,width:J,height:Q,"aria-hidden":"true"}),B(t.memberCount).toLowerCase()]})]}),t.description&&e.jsx("span",{className:"mt-0.5 line-clamp-2 text-sm leading-5 text-text-secondary dark:text-text-secondary-dark",children:t.description}),d.length>0&&e.jsx("span",{className:"mt-2 flex flex-wrap gap-1",children:d.map(x=>e.jsx("span",{className:"rounded-full border border-border-light px-2 py-0.5 text-xs font-medium leading-4 text-text-secondary dark:border-border-dark dark:text-text-secondary-dark",children:pe(x)},x))})]})]})}function He(){const t=N(),[r,s]=S(),a=w("hidden_lounges"),{data:o,isLoading:d,isError:x,fetchNextPage:n,hasNextPage:m,isFetchingNextPage:h}=ae(),u=P({fetchNextPage:n,hasNextPage:m,isFetchingNextPage:h}),c=(r.get("q")??"").trim(),i=g.useMemo(()=>(o?.pages.flatMap(b=>b.data)??[]).filter(b=>b.isJoined||a&&(b.membershipStatus==="requested"||b.membershipStatus==="invited")),[o,a]),p=g.useMemo(()=>c?i.filter(b=>ne(b,c)):i,[i,c]),k=!x&&i.length===0&&m;g.useEffect(()=>{k&&!h&&n()},[k,h,n]);const y=g.useCallback(()=>{const b=new URLSearchParams(r);b.delete("q"),s(b,{replace:!0})},[r,s]),f=c?e.jsxs("div",{className:"flex items-center justify-between gap-3 px-4 py-2 text-sm text-text-secondary dark:text-text-secondary-dark",children:[e.jsxs("span",{className:"truncate",children:["Showing joined lounges matching “",c,"”"]}

1),e.jsx("button",{type:"button",onClick:y,className:"shrink-0 font-semibold text-text hover:underline dark:text-text-dark",children:"Clear"})]}):null;let l;(d||k)&&p.length===0?l=e.jsx(Y,{}):x?l=e.jsx("div",{className:"p-8 text-center text-text-secondary dark:text-text-secondary-dark",children:e.jsx("p",{children:"Couldn't load your lounges. Try refreshing."})}):p.length===0?l=e.jsx("div",{className:"p-8 text-center text-text-secondary dark:text-text-secondary-dark",children:e.jsx("p",{children:c?"No joined lounges match your search.":"You haven't joined any lounges yet. Check out Explore to find one!"})}):l=e.jsx("ul",{"aria-label":"Joined lounges",className:"py-3",children:p.map(b=>e.jsx("li",{children:b.isJoined?e.jsx(Be,{space:b,onClick:()=>t(`/lounges/${b.ulid}`)}):e.jsx(F,{space:b,onClick:()=>t(`/lounges/${b.ulid}`)})},b.ulid))});const V=!d&&!x&&!k;return e.jsxs(e.Fragment,{children:[f,l,V&&e.jsx("div",{ref:u,className:"h-px","aria-hidden":"true"}),h&&e.jsx("div",{className:"flex justify-center py-6",children:e.jsx(M,{size:"md",label:"Loading more lounges"})})]})}function qe(){ge("Lounges");const t=N(),r=oe(),[s,a]=S(),[o,d]=g.useState(!1),x=ce(s.get("tab")),n=g.useCallback(u=>{const c=new URLSearchParams(s);c.set("tab",u),a(c,{replace:!0})},[s,a]),m=g.useCallback((u,c)=>{let i=null;if(u.key==="ArrowRight"?i=(c+1)%j.length:u.key==="ArrowLeft"?i=(c-1+j.length)%j.length:u.key==="Home"?i=0:u.key==="End"&&(i=j.length-1),i===null)return;u.preventDefault();const p=j[i];n(p.id),document.getElementById(`lounges-tab-${p.id}`)?.focus()},[n]),h=g.useCallback(()=>{r.key==="default"?t("/feed",{replace:!0}):t(-1)},[r.key,t]);return e.jsxs("div",{className:"w-full font-inter",children:[e.jsxs("header",{className:"sticky top-0 z-10 bg-bg/90 backdrop-blur dark:bg-bg-dark/90",children:[e.jsxs("div",{className:"flex items-center gap-2 border-b border-border-light/60 px-4 pb-2 pt-3 dark:border-border-dark/60 md:hidden",children:[e.jsx("button",{type:"button",onClick:h,"aria-label":"Back",className:"-ml-1.5 p-1.5 rounded-full text-text dark:text-text-dark hover:bg-bg-elevated dark:hover:bg-bg-elevated-dark transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand",children:e.jsx(xe,{})}),e.jsx("h1",{className:"flex-1 text-lg font-semibold text-text dark:text-text-dark",children:"Lounges"}),e.jsx(ue,{variant:"primary",size:"sm",inline:!0,onClick:()=>d(!0),children:"Create"})]}),e.jsx("nav",{className:"flex h-[62px] items-end gap-6 border-b border-border-light px-6 dark:border-border-dark",role:"tablist","aria-label":"Lounges",children:j.map((u,c)=>{const i=u.id===x;return e.jsx("button",{id:`lounges-tab-${u.id}`,type:"button",role:"tab","aria-selected":i,"aria-current":i?"page":void 0,"aria-controls":"lounges-tabpanel",tabIndex:i?0:-1,onClick:()=>n(u.id),onKeyDown:p=>m(p,c),className:"inline-flex h-full items-start border-b-2 border-transparent pt-[30px] text-left text-sm font-semibold leading-[22px] text-text-secondary transition-colors hover:text-text aria-selected:border-brand aria-selected:text-text dark:text-text-secondary-dark dark:hover:text-text-dark dark:aria-selected:text-text-dark",children:u.label},u.id)})})]}),e.jsx("div",{id:"lounges-tabpanel",role:"tabpanel","aria-labelledby":`lounges-tab-${x}`,children:x==="home"?e.jsx(Oe,{}):x==="joined"?e.jsx(He,{}):e.jsx(Me,{})}),o&&e.jsx(me,{open:!0,onOpenChange:d})]})}function bt(){return e.jsx(qe,{})}export{bt as LoungesLandingRoute};