ghost 6.60.0 → 6.61.0

package/core/built/admin/assets/comments-Bxy_3WyE.js

@@ -1 +0,0 @@
-import{o as e}from"./rolldown-runtime-DAXXjFlN.js";import{t}from"./react-Bb3IsNbi.js";import{t as n}from"./jsx-runtime-DX3WBWVO.js";import{_ as r}from"./framework-provider-DqI25epG.js";import{i,n as a,t as o}from"./hooks-CuEZV2-q.js";import{t as s}from"./build-CsiH26uS.js";import{_ as c,n as l}from"./chunk-KS7C4IRE-DCsL4i4D.js";import{c as u,f as d,m as f}from"./dist-Cb5RSHSg.js";import{t as p}from"./box-By_EgGtm.js";import{t as m}from"./container-LiZf3XdY.js";import{i as h}from"./app-utils-D2Wp7ZSS.js";import{a as g,i as _,o as v,r as y}from"./shade-app-F7WxOyfk-nufqw1hd.js";import{A as b,An as x,Dn as S,Ft as C,Jn as w,Lt as T,Mn as E,On as ee,Pt as D,Rt as O,Sn as k,Vn as te,Zn as ne,a as re,ar as ie,at as ae,fn as A,gn as oe,gt as j,ht as se,k as ce,kn as le,t as M,u as ue,vn as de,wn as fe}from"./button-BshWPHvn.js";import{i as pe,n as me,r as he,t as ge}from"./tabs-CGisSbWq.js";import{a as _e,i as ve}from"./filters-Dmr0PoqU.js";import{a as N,i as ye,o as P,r as F,s as I,t as L}from"./dialog-Db7c164G.js";import{n as R}from"./loading-indicator-SFTqyYVE.js";import{t as be}from"./checkbox-Dwwr_3Py.js";import{t as z}from"./empty-indicator-WB1WgT9h.js";import{t as xe}from"./label-VIG969IC.js";import{Hn as Se,Kn as B,Ln as Ce,Pn as we,Qn as Te,Rn as Ee,Sn as De,Tn as Oe,Tr as ke,Wn as Ae,g as je,p as Me,wn as Ne,xn as Pe,zn as V}from"./index-CDP9tIOk.js";import{t as H}from"./page-header-Cfds8pCg.js";import{S as Fe,T as Ie,_ as Le,a as Re,b as ze,c as Be,f as U,g as Ve,h as He,i as Ue,l as We,m as Ge,n as Ke,o as qe,r as Je,s as Ye,t as Xe,u as Ze,v as Qe,w as $e,x as et,y as tt}from"./filters-CV5jCb9n.js";import{t as nt}from"./get-site-timezone-HgL0jI_F.js";import{t as W}from"./list-page-CdsnQR9N.js";import{n as rt,r as it}from"./filter-sources-4C0kF1NU.js";import{i as at,n as ot,r as st,t as ct}from"./virtual-list-D3MfPNOh.js";var G=e(t(),1),K=Xe({status:{operators:[`is`],ui:{label:`Status`,type:`select`,searchable:!1,hideOperatorSelect:!0},options:[{value:`published`,label:`Published`},{value:`hidden`,label:`Hidden`}],codec:U()},created_at:$e({operators:Ve,ui:{label:`Date`,defaultOperator:Qe,type:`date`},codec:Ze()}),body:{operators:[`contains`,`does-not-contain`],parseKeys:[`html`],ui:{label:`Text`,type:`text`,placeholder:`Search comment text...`,defaultOperator:`contains`,className:`w-full max-w-48`,popoverContentClassName:`w-full max-w-48`},codec:Ge({field:`html`})},post:{operators:[`is`,`is-not`],parseKeys:[`post_id`],ui:{label:`Post`,type:`select`,searchable:!0,className:`w-full max-w-80`,popoverContentClassName:`w-full max-w-[calc(100vw-32px)] max-w-80`},codec:U({field:`post_id`})},author:{operators:[`is`,`is-not`],parseKeys:[`member_id`],ui:{label:`Author`,type:`select`,searchable:!0,className:`w-80`,popoverContentClassName:`w-80`},codec:U({field:`member_id`})},reported:{operators:[`is`],parseKeys:[`count.reports`],ui:{label:`Reported`,type:`select`,searchable:!1,hideOperatorSelect:!0},options:[{value:`true`,label:`Yes`},{value:`false`,label:`No`}],codec:{parse(e,t){let n=tt(e);return!n||n.field!==`count.reports`?null:n.operator===`$eq`&&n.value===0?{field:t.key,operator:`is`,values:[`false`]}:n.operator===`$gt`&&n.value===0?{field:t.key,operator:`is`,values:[`true`]}:null},serialize(e){let t=e.values[0];return e.operator===`is`?t===`true`?[`count.reports:>0`]:t===`false`?[`count.reports:0`]:null:null}}}}),lt=[`author`,`post`,`body`,`status`,`reported`,`created_at`],ut={...Le,...et};function dt(e){switch(e){case`author`:return G.createElement(ue,{className:`size-4`});case`post`:return G.createElement(fe,{className:`size-4`});case`body`:return G.createElement(C,{className:`size-4`});case`status`:return G.createElement(te,{className:`size-4`});case`reported`:return G.createElement(k,{className:`size-4`});case`created_at`:return G.createElement(ie,{className:`size-4`});default:return}}function ft({postValueSource:e,memberValueSource:t,siteTimezone:n=`UTC`}){return(0,G.useMemo)(()=>{let r=He(n);return lt.map(n=>{let i=K[n],a=n===`created_at`?{defaultValue:r,...Fe(i)?{customRenderer:ze(r)}:{}}:{};return{key:n,...i.ui,icon:dt(n),operators:We(i.operators,{labels:ut}),...`options`in i&&i.options?{options:i.options}:{},...a,...n===`author`?{valueSource:t}:{},...n===`post`?{valueSource:e}:{}}})},[t,e,n])}var q=n(),pt=({filters:e,siteTimezone:t,onFiltersChange:n})=>{let r=rt(),i=ft({memberValueSource:it(),postValueSource:r,siteTimezone:t}),a=e.length>0;return(0,q.jsx)(ve,{addButtonIcon:a?(0,q.jsx)(de,{}):(0,q.jsx)(oe,{}),addButtonText:a?`Add filter`:`Filter`,allowMultiple:!1,className:`[&>button]:order-last ${a?`[&>button]:border-none`:`w-auto`}`,clearButtonClassName:`font-normal text-muted-foreground`,clearButtonIcon:(0,q.jsx)(re,{}),clearButtonText:`Clear`,fields:i,filters:e,keyboardShortcut:`f`,popoverAlign:a?`start`:`end`,showClearButton:a,showSearchInput:!1,onChange:n})},J=`CommentsResponseType`,mt=`count.dislikes`,Y=e=>[`member`,`post`,`count.replies`,`count.direct_replies`,`count.likes`,...e?[mt]:[],`count.reports`,`parent`,`in_reply_to`].join(`,`),ht=e=>[`member`,`post`,`count.direct_replies`,`count.likes`,...e?[mt]:[],`count.reports`,`parent`,`in_reply_to`].join(`,`),gt=o({dataType:J,path:`/comments/`,defaultNextPageParams:(e,t)=>e.meta?.pagination.next?{...t,page:(e.meta?.pagination.next||1).toString()}:void 0,returnData:e=>{let{pages:t}=e,n=t.flatMap(e=>e.comments),r=t[t.length-1].meta;return{comments:n,meta:r,isEnd:r?r.pagination.pages===r.pagination.page:!0}}}),_t=e=>gt({...e,searchParams:{limit:`100`,order:`created_at desc`,include:`member,post,parent`,...e?.searchParams}}),vt=a({method:`PUT`,path:({id:e})=>`/comments/${e}/`,body:({id:e})=>({comments:[{id:e,status:`hidden`}]}),invalidateQueries:{dataType:J}}),yt=a({method:`PUT`,path:({id:e})=>`/comments/${e}/`,body:({id:e})=>({comments:[{id:e,status:`published`}]}),invalidateQueries:{dataType:J}}),bt=a({method:`PUT`,path:({id:e})=>`/comments/${e}/`,body:({id:e})=>({comments:[{id:e,pinned:!0}]}),invalidateQueries:{dataType:J}}),X=a({method:`PUT`,path:({id:e})=>`/comments/${e}/`,body:({id:e})=>({comments:[{id:e,pinned:!1}]}),invalidateQueries:{dataType:J}}),xt=i({dataType:J,path:e=>`/comments/${e}/`,defaultSearchParams:{include:Y(!1)}}),St=(e,t)=>{let{dislikesEnabled:n=!1,searchParams:r,...i}=t||{};return xt(e,{...i,searchParams:{include:Y(n),...r}})},Ct=i({dataType:`CommentReportsResponseType`,path:e=>`/comments/${e}/reports/`}),wt=(e,t)=>Ct(e,{...t}),Tt=i({dataType:`CommentLikesResponseType`,path:e=>`/comments/${e}/likes/`,defaultSearchParams:{include:`member`,limit:`100`,order:`created_at desc`}}),Et=(e,t)=>Tt(e,{...t}),Dt=i({dataType:`CommentDislikesResponseType`,path:e=>`/comments/${e}/dislikes/`,defaultSearchParams:{include:`member`,limit:`100`,order:`created_at desc`}}),Ot=(e,t)=>Dt(e,{...t}),kt=(e,t)=>{let{dislikesEnabled:n=!1,...r}=t||{};return _t({...r,searchParams:{filter:`(parent_id:${e}+in_reply_to_id:null),in_reply_to_id:${e}`,order:`created_at asc`,include:ht(n),limit:`100`}})};function At({onClick:e,expanded:t}){return(0,q.jsxs)(M,{className:`shrink-0 gap-0.5 self-start p-0 text-base hover:bg-transparent`,variant:`ghost`,onClick:e,children:[t?`Show less`:`Show more`,t?(0,q.jsx)(w,{}):(0,q.jsx)(ne,{})]})}function jt({item:e}){let t=(0,G.useRef)(null),[n,r]=(0,G.useState)(!1),[i,a]=(0,G.useState)(!1);return(0,G.useEffect)(()=>{if(i)return;let e=()=>{t.current&&r(t.current.scrollHeight>t.current.clientHeight)};return e(),window.addEventListener(`resize`,e),()=>window.removeEventListener(`resize`,e)},[e.html,i]),(0,q.jsx)(`div`,{className:`mt-2 flex flex-col gap-2`,children:(0,q.jsxs)(`div`,{className:`flex max-w-full flex-col items-start ${e.status===`hidden`&&`opacity-50`}`,children:[(0,q.jsx)(`div`,{dangerouslySetInnerHTML:{__html:e.html||``},ref:t,className:u(`prose balance max-w-[80ch] flex-1 text-base leading-[1.5em] [&_*]:text-base [&_*]:leading-[1.5em] [&_*]:font-normal [&_a]:underline [&_blockquote]:border-l-[3px] [&_blockquote]:border-foreground [&_blockquote]:p-0 [&_blockquote]:pl-3 [&_blockquote_p]:mt-0`,i?`-mb-1 [&_p]:mb-[0.85em]`:`mb-1 line-clamp-2 [&_blockquote+p]:mt-1 [&_p]:m-0`)}),n&&(0,q.jsx)(At,{expanded:i,onClick:()=>a(!i)})]})})}function Mt(e){let t=new Date(e);return new Intl.DateTimeFormat(`en-US`,{month:`short`,day:`numeric`,year:`numeric`,hour:`numeric`,minute:`numeric`}).format(t).replace(/(\d+),(\s+\d{4})/,`$1$2`)}var Nt=u(Ee({variant:`warning`}),`gap-1 hover:bg-state-warning/30`);function Pt({memberName:e,memberId:t,createdAt:n,isHidden:r,canComment:i,isPinned:a,onAuthorClick:o,postTitle:s,onPostClick:c,onUnpinClick:l,className:d}){return(0,q.jsxs)(`div`,{className:u(`flex items-center gap-2`,d),children:[(0,q.jsxs)(`div`,{className:u(`flex min-w-0 items-center gap-x-1`,r&&`opacity-50`),children:[(0,q.jsx)(`div`,{className:`whitespace-nowrap`,children:t&&o?(0,q.jsx)(M,{className:`flex h-auto items-center gap-1.5 truncate p-0 text-md font-semibold text-primary hover:opacity-70`,variant:`link`,onClick:o,children:e||`Unknown`}):(0,q.jsx)(`span`,{className:`block truncate font-semibold`,children:e||`Unknown`})}),i===!1&&(0,q.jsxs)(y,{children:[(0,q.jsx)(v,{asChild:!0,children:(0,q.jsx)(`span`,{"data-testid":`commenting-disabled-indicator`,children:(0,q.jsx)(O,{className:`size-3.5 text-muted-foreground`})})}),(0,q.jsx)(_,{children:`Comments disabled`})]}),(0,q.jsx)(E,{className:`shrink-0 text-muted-foreground/50`,size:16}),(0,q.jsx)(`div`,{className:`shrink-0 whitespace-nowrap`,children:n&&(0,q.jsxs)(y,{children:[(0,q.jsx)(v,{asChild:!0,children:(0,q.jsx)(`span`,{className:`cursor-default text-sm text-muted-foreground`,children:f(n)})}),(0,q.jsx)(_,{children:Mt(n)})]})}),s&&(0,q.jsxs)(q.Fragment,{children:[(0,q.jsx)(`div`,{className:`shrink-0 text-muted-foreground`,children:`on`}),(0,q.jsx)(`div`,{className:`min-w-0 truncate`,children:c?(0,q.jsx)(M,{className:`block h-auto w-full cursor-pointer truncate p-0 text-left font-medium text-gray-800 hover:opacity-70 dark:text-gray-400`,variant:`link`,onClick:c,children:s}):(0,q.jsx)(`span`,{className:`font-medium text-gray-800 dark:text-gray-400`,children:s})})]})]}),r&&(0,q.jsx)(Ce,{variant:`secondary`,children:`Hidden`}),a&&(l?(0,q.jsxs)(`button`,{"aria-label":`Unpin comment`,className:u(`group`,Nt),type:`button`,onClick:e=>{e.stopPropagation(),l?.()},children:[(0,q.jsxs)(`span`,{className:`grid size-3 shrink-0`,children:[(0,q.jsx)(j,{className:`col-start-1 row-start-1 size-3 group-hover:opacity-0 group-focus-visible:opacity-0`}),(0,q.jsx)(se,{className:`col-start-1 row-start-1 size-3 opacity-0 group-hover:opacity-100 group-focus-visible:opacity-100`})]}),(0,q.jsxs)(`span`,{className:`grid justify-items-start text-left`,children:[(0,q.jsx)(`span`,{className:`col-start-1 row-start-1 group-hover:opacity-0 group-focus-visible:opacity-0`,children:`Pinned`}),(0,q.jsx)(`span`,{className:`col-start-1 row-start-1 opacity-0 group-hover:opacity-100 group-focus-visible:opacity-100`,children:`Unpin`})]})]}):(0,q.jsxs)(Ce,{className:`gap-1`,variant:`warning`,children:[(0,q.jsx)(j,{className:`size-3`}),`Pinned`]}))]})}function Ft({open:e,memberName:t,onOpenChange:n,onConfirm:r}){let[i,a]=(0,G.useState)(!1),o=e=>{e||a(!1),n(e)};return(0,q.jsx)(L,{open:e,onOpenChange:o,children:(0,q.jsxs)(F,{className:`gap-5`,children:[(0,q.jsxs)(P,{children:[(0,q.jsx)(I,{children:`Disable comments`}),(0,q.jsxs)(ye,{children:[t||`This member`,` won't be able to comment in the future. You can re-enable commenting anytime.`]})]}),(0,q.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,q.jsx)(be,{checked:i,id:`hide-comments`,onCheckedChange:e=>a(e===!0)}),(0,q.jsx)(xe,{htmlFor:`hide-comments`,children:`Hide all previous comments`})]}),(0,q.jsxs)(N,{children:[(0,q.jsx)(M,{variant:`outline`,onClick:()=>o(!1),children:`Cancel`}),(0,q.jsx)(M,{onClick:()=>{r(i),a(!1)},children:`Disable comments`})]})]})})}function It({comment:e}){let{mutate:t}=Me(),{mutate:n}=je(),{mutate:r}=bt(),{mutate:i}=X(),[a,o]=(0,G.useState)(!1),{id:s,post:c,member:u}=e,d=c?.url,f=u?.id,p=u?.can_comment,m=!e.parent_id&&e.status!==`deleted`;return(0,q.jsxs)(q.Fragment,{children:[(0,q.jsxs)(Se,{children:[(0,q.jsx)(Te,{asChild:!0,children:(0,q.jsx)(M,{className:`relative z-10 text-gray-800 hover:bg-secondary [&_svg]:size-4`,size:`sm`,variant:`ghost`,children:(0,q.jsx)(x,{})})}),(0,q.jsxs)(Ae,{align:`start`,children:[d&&(0,q.jsx)(B,{asChild:!0,children:(0,q.jsxs)(`a`,{href:`${d}#ghost-comments-${s}`,rel:`noopener noreferrer`,target:`_blank`,children:[(0,q.jsx)(le,{className:`size-4`}),`View on post`]})}),f&&(0,q.jsx)(B,{asChild:!0,children:(0,q.jsxs)(l,{to:`/members/${f}`,children:[(0,q.jsx)(ue,{className:`size-4`}),`View member`]})}),m&&(e.pinned?(0,q.jsxs)(B,{onClick:()=>i({id:s}),children:[(0,q.jsx)(se,{className:`size-4`}),`Unpin comment`]}):(0,q.jsxs)(B,{onClick:()=>r({id:s}),children:[(0,q.jsx)(j,{className:`size-4`}),`Pin comment`]})),f&&(p===!1?(0,q.jsxs)(B,{onClick:()=>{f&&n({id:f})},children:[(0,q.jsx)(T,{className:`size-4`}),`Enable commenting`]}):(0,q.jsxs)(B,{onClick:()=>o(!0),children:[(0,q.jsx)(O,{className:`size-4`}),`Disable commenting`]}))]})]}),(0,q.jsx)(Ft,{memberName:u?.name,open:a,onConfirm:e=>{f&&(t({id:f,reason:`Disabled from comment ${s}`,hideComments:e}),o(!1))},onOpenChange:o})]})}function Lt({comment:e,dislikesEnabled:t,open:n,defaultTab:r=`likes`,onOpenChange:i}){let{data:a,isLoading:o}=Et(e.id,{enabled:n}),{data:s,isLoading:c}=Ot(e.id,{enabled:n&&t}),l=a?.comment_likes??[],u=t?s?.comment_dislikes??[]:[],p=e.count?.likes??0,m=t?e.count?.dislikes??0:0,g=Math.max(0,p-l.length),_=Math.max(0,m-u.length);return(0,q.jsx)(L,{open:n,onOpenChange:i,children:(0,q.jsxs)(F,{"aria-describedby":void 0,children:[(0,q.jsx)(P,{children:(0,q.jsx)(I,{children:t?(0,q.jsxs)(q.Fragment,{children:[d(p),` `,p===1?`like`:`likes`,` and`,` `,d(m),` `,m===1?`dislike`:`dislikes`]}):(0,q.jsxs)(q.Fragment,{children:[d(p),` `,p===1?`like`:`likes`]})})}),(0,q.jsx)(`div`,{className:`overflow-hidden rounded-md border p-3`,children:(0,q.jsxs)(`div`,{className:`flex min-w-0 items-start gap-3`,children:[(0,q.jsx)(V,{className:`shrink-0`,email:e.member?.email,name:e.member?.name,src:e.member?.avatar_image}),(0,q.jsxs)(`div`,{className:`flex min-w-0 flex-col overflow-hidden`,children:[(0,q.jsxs)(`div`,{className:`flex min-w-0 items-center gap-1 text-sm`,children:[(0,q.jsx)(`span`,{className:`shrink-0 font-semibold`,children:e.member?h(e.member):`Deleted member`}),(0,q.jsx)(E,{className:`shrink-0 text-muted-foreground/50`,size:16}),(0,q.jsx)(`span`,{className:`shrink-0 text-muted-foreground`,children:e.created_at&&f(e.created_at)}),(0,q.jsx)(`span`,{className:`shrink-0 text-muted-foreground`,children:`on`}),(0,q.jsx)(`span`,{className:`min-w-0 truncate font-medium text-gray-800 dark:text-gray-400`,children:e.post?.title||`Unknown post`})]}),(0,q.jsx)(`div`,{dangerouslySetInnerHTML:{__html:e.html||``},className:`prose mt-2 line-clamp-2 text-sm [&_*]:text-sm [&_*]:leading-[1.5em] [&_p]:m-0`})]})]})}),t?(0,q.jsxs)(ge,{defaultValue:r,variant:`segmented`,children:[(0,q.jsxs)(he,{className:`grid w-full grid-cols-2`,children:[(0,q.jsx)(pe,{value:`likes`,children:`Likes`}),(0,q.jsx)(pe,{value:`dislikes`,children:`Dislikes`})]}),(0,q.jsx)(me,{className:`mt-4`,value:`likes`,children:(0,q.jsx)(`div`,{className:`-mx-1 max-h-64 overflow-y-auto px-1`,children:o?(0,q.jsx)(`div`,{className:`flex justify-center py-4`,children:(0,q.jsx)(R,{size:`md`})}):l.length===0?(0,q.jsx)(`div`,{className:`py-4 text-center text-sm text-muted-foreground`,children:`No likes yet`}):(0,q.jsxs)(`div`,{className:`flex flex-col gap-3 pb-1`,children:[l.map(e=>(0,q.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,q.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,q.jsxs)(`div`,{className:`relative shrink-0`,children:[(0,q.jsx)(V,{email:e.member?.email,name:e.member?.name,src:e.member?.avatar_image}),(0,q.jsx)(`div`,{className:`absolute -right-0.5 -bottom-0.5 flex size-4 items-center justify-center rounded-full bg-gray-500 text-white`,children:(0,q.jsx)(ce,{className:`size-2.5`,fill:`currentColor`})})]}),(0,q.jsx)(`span`,{className:`font-medium`,children:e.member?h(e.member):`Deleted member`})]}),(0,q.jsx)(`span`,{className:`shrink-0 text-sm text-muted-foreground`,children:f(e.created_at)})]},e.id)),g>0&&(0,q.jsxs)(`div`,{className:`pt-1 text-center text-sm text-muted-foreground`,children:[`and `,d(g),` more`]})]})})}),(0,q.jsx)(me,{className:`mt-4`,value:`dislikes`,children:(0,q.jsx)(`div`,{className:`-mx-1 max-h-64 overflow-y-auto px-1`,children:c?(0,q.jsx)(`div`,{className:`flex justify-center py-4`,children:(0,q.jsx)(R,{size:`md`})}):u.length===0?(0,q.jsx)(`div`,{className:`py-4 text-center text-sm text-muted-foreground`,children:`No dislikes yet`}):(0,q.jsxs)(`div`,{className:`flex flex-col gap-3 pb-1`,children:[u.map(e=>(0,q.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,q.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,q.jsxs)(`div`,{className:`relative shrink-0`,children:[(0,q.jsx)(V,{email:e.member?.email,name:e.member?.name,src:e.member?.avatar_image}),(0,q.jsx)(`div`,{className:`absolute -right-0.5 -bottom-0.5 flex size-4 items-center justify-center rounded-full bg-gray-500 text-white`,children:(0,q.jsx)(b,{className:`size-2.5`,fill:`currentColor`})})]}),(0,q.jsx)(`span`,{className:`font-medium`,children:e.member?h(e.member):`Deleted member`})]}),(0,q.jsx)(`span`,{className:`shrink-0 text-sm text-muted-foreground`,children:f(e.created_at)})]},e.id)),_>0&&(0,q.jsxs)(`div`,{className:`pt-1 text-center text-sm text-muted-foreground`,children:[`and `,d(_),` more`]})]})})})]}):(0,q.jsx)(`div`,{className:`-mx-1 max-h-64 overflow-y-auto px-1`,children:o?(0,q.jsx)(`div`,{className:`flex justify-center py-4`,children:(0,q.jsx)(R,{size:`md`})}):(0,q.jsxs)(`div`,{className:`flex flex-col gap-3 pb-1`,children:[l.map(e=>(0,q.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,q.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,q.jsxs)(`div`,{className:`relative shrink-0`,children:[(0,q.jsx)(V,{email:e.member?.email,name:e.member?.name,src:e.member?.avatar_image}),(0,q.jsx)(`div`,{className:`absolute -right-0.5 -bottom-0.5 flex size-4 items-center justify-center rounded-full bg-pink-500 text-white`,children:(0,q.jsx)(A,{className:`size-2.5`,fill:`currentColor`})})]}),(0,q.jsx)(`span`,{className:`font-medium`,children:e.member?h(e.member):`Deleted member`})]}),(0,q.jsx)(`span`,{className:`shrink-0 text-sm text-muted-foreground`,children:f(e.created_at)})]},e.id)),g>0&&(0,q.jsxs)(`div`,{className:`pt-1 text-center text-sm text-muted-foreground`,children:[`and `,d(g),` more`]})]})}),(0,q.jsx)(N,{children:(0,q.jsx)(M,{onClick:()=>i(!1),children:`OK`})})]})})}function Rt({comment:e,open:t,onOpenChange:n}){let{data:r,isLoading:i}=wt(e.id,{enabled:t}),a=r?.comment_reports??[],o=e.count?.reports??a.length;return(0,q.jsx)(L,{open:t,onOpenChange:n,children:(0,q.jsxs)(F,{"aria-describedby":void 0,children:[(0,q.jsx)(P,{children:(0,q.jsxs)(I,{children:[o,` `,o===1?`report`:`reports`]})}),(0,q.jsx)(`div`,{className:`overflow-hidden rounded-md border p-3`,children:(0,q.jsxs)(`div`,{className:`flex min-w-0 items-start gap-3`,children:[(0,q.jsx)(V,{className:`shrink-0`,email:e.member?.email,name:e.member?.name,src:e.member?.avatar_image}),(0,q.jsxs)(`div`,{className:`flex min-w-0 flex-col overflow-hidden`,children:[(0,q.jsxs)(`div`,{className:`flex min-w-0 items-center gap-1 text-sm`,children:[(0,q.jsx)(`span`,{className:`shrink-0 font-semibold`,children:e.member?h(e.member):`Deleted member`}),(0,q.jsx)(E,{className:`shrink-0 text-muted-foreground/50`,size:16}),(0,q.jsx)(`span`,{className:`shrink-0 text-muted-foreground`,children:e.created_at&&f(e.created_at)}),(0,q.jsx)(`span`,{className:`shrink-0 text-muted-foreground`,children:`on`}),(0,q.jsx)(`span`,{className:`min-w-0 truncate font-medium text-gray-800 dark:text-gray-400`,children:e.post?.title||`Unknown post`})]}),(0,q.jsx)(`div`,{dangerouslySetInnerHTML:{__html:e.html||``},className:`prose mt-2 line-clamp-2 text-sm [&_*]:text-sm [&_*]:leading-[1.5em] [&_p]:m-0`})]})]})}),(0,q.jsx)(`div`,{className:`-mx-1 max-h-64 overflow-y-auto px-1`,children:i?(0,q.jsx)(`div`,{className:`flex justify-center py-4`,children:(0,q.jsx)(R,{size:`md`})}):(0,q.jsx)(`div`,{className:`flex flex-col gap-3 pb-1`,children:a.map(e=>(0,q.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,q.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,q.jsxs)(`div`,{className:`relative shrink-0`,children:[(0,q.jsx)(V,{email:e.member?.email,name:e.member?.name,src:e.member?.avatar_image}),(0,q.jsx)(`div`,{className:`absolute -right-0.5 -bottom-0.5 flex size-4 items-center justify-center rounded-full bg-red text-white`,children:(0,q.jsx)(k,{className:`size-2.5`,fill:`currentColor`})})]}),(0,q.jsx)(`span`,{className:`font-medium`,children:e.member?h(e.member):`Deleted member`})]}),(0,q.jsx)(`span`,{className:`shrink-0 text-sm text-muted-foreground`,children:f(e.created_at)})]},e.id))})}),(0,q.jsx)(N,{children:(0,q.jsx)(M,{onClick:()=>n(!1),children:`OK`})})]})})}function Z(e,t){if(!t)return;let n=new URLSearchParams(e);return n.set(`thread`,`is:${t}`),`?${n.toString()}`}function Q({icon:e,count:t,label:n,to:r,onClick:i,className:a,testId:o}){let s=u(`flex items-center gap-1 text-xs text-gray-800`,a),c=(0,q.jsxs)(q.Fragment,{children:[e,(0,q.jsx)(`span`,{children:d(t)})]}),f=r||i;return(0,q.jsxs)(y,{children:[(0,q.jsx)(v,{asChild:!0,children:r?(0,q.jsx)(l,{className:u(s,`cursor-pointer hover:opacity-70`),"data-testid":o,to:r,onClick:e=>{e.stopPropagation()},children:c}):i?(0,q.jsx)(`button`,{className:u(s,`cursor-pointer hover:opacity-70`),"data-testid":o,type:`button`,onClick:e=>{e.stopPropagation(),i()},children:c}):(0,q.jsx)(`div`,{className:s,"data-testid":o,children:c})}),(0,q.jsx)(_,{children:f?`View ${n.toLowerCase()}`:n})]})}function zt({comment:e,dislikesEnabled:t,className:n}){let[r]=c(),[i,a]=(0,G.useState)(!1),[o,s]=(0,G.useState)(`likes`),[l,d]=(0,G.useState)(!1),f=Z(r,e.id),p=e.count?.direct_replies??e.replies?.length??0,m=e.count?.likes??0,h=t?e.count?.dislikes??0:0,g=e.count?.reports??0,_=p>0,v=m>0,y=h>0,x=g>0;return(0,q.jsxs)(q.Fragment,{children:[(0,q.jsxs)(`div`,{className:u(`flex items-center gap-6`,n),children:[(0,q.jsx)(Q,{count:p,icon:(0,q.jsx)(ae,{size:16,strokeWidth:1.5}),label:`Replies`,testId:`replies-metric`,to:_?f:void 0}),t?(0,q.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,q.jsx)(Q,{count:m,icon:(0,q.jsx)(ce,{size:16,strokeWidth:1.5}),label:`Likes`,testId:`likes-metric`,onClick:v?()=>{s(`likes`),a(!0)}:void 0}),(0,q.jsx)(Q,{count:h,icon:(0,q.jsx)(b,{size:16,strokeWidth:1.5}),label:`Dislikes`,testId:`dislikes-metric`,onClick:y?()=>{s(`dislikes`),a(!0)}:void 0})]}):(0,q.jsx)(Q,{count:m,icon:(0,q.jsx)(A,{size:16,strokeWidth:1.5}),label:`Likes`,onClick:v?()=>a(!0):void 0}),(0,q.jsx)(Q,{className:x?`font-semibold text-red`:void 0,count:g,icon:(0,q.jsx)(k,{size:16,strokeWidth:1.5}),label:`Reports`,onClick:x?()=>d(!0):void 0})]}),(0,q.jsx)(Lt,{comment:e,defaultTab:o,dislikesEnabled:t,open:i,onOpenChange:a}),(0,q.jsx)(Rt,{comment:e,open:l,onOpenChange:d})]})}function Bt({hasReplies:e}){return e?(0,q.jsx)(`div`,{className:`mb-2 h-full w-px grow rounded bg-gradient-to-b from-muted-foreground/20 from-70% to-transparent`,"data-testid":`replies-line`}):null}function Vt({comment:e,dislikesEnabled:t,isReply:n=!1,isSelectedComment:r=!1,selectedCommentId:i}){let[a]=c(),{mutate:o}=vt(),{mutate:s}=yt(),{mutate:d}=X(),f=(e.replies?.length??0)>0||(e.count?.direct_replies??e.count?.replies??0)>0;return(0,q.jsxs)(`div`,{className:`flex w-full flex-row ${!f||n?`mb-7`:`mb-0`}`,children:[(0,q.jsxs)(`div`,{className:`mr-2 flex shrink-0 flex-col items-center justify-start md:mr-3`,children:[(0,q.jsx)(V,{className:u(`mb-3 size-6 md:mb-4 md:size-8`,e.status===`hidden`&&`opacity-50`),email:e.member?.email,name:e.member?.name,src:e.member?.avatar_image}),(0,q.jsx)(Bt,{hasReplies:f&&!n})]}),(0,q.jsx)(`div`,{className:`grow`,children:(0,q.jsxs)(`div`,{className:`w-full`,"data-testid":`comment-thread-row-${e.id}`,children:[(0,q.jsxs)(`div`,{className:`flex min-w-0 flex-col`,children:[(0,q.jsx)(Pt,{canComment:e.member?.can_comment,createdAt:e.created_at,isHidden:e.status===`hidden`,isPinned:e.pinned,memberId:e.member?.id,memberName:e.member?.name,onUnpinClick:()=>d({id:e.id})}),e.in_reply_to_snippet&&r&&(0,q.jsxs)(`div`,{className:`mb-1 line-clamp-1 text-sm ${e.status===`hidden`&&`opacity-50`}`,children:[(0,q.jsx)(`span`,{className:`text-muted-foreground`,children:`Replied to:`}),`\xA0`,(0,q.jsx)(l,{className:`text-sm font-normal text-muted-foreground hover:text-foreground`,"data-testid":`replied-to-link`,to:Z(a,e.in_reply_to_id||e.parent_id)||``,onClick:e=>{e.stopPropagation()},children:e.in_reply_to_snippet})]}),(0,q.jsx)(jt,{item:e}),(0,q.jsxs)(`div`,{className:`mt-4 flex flex-row flex-wrap items-center gap-3`,children:[e.status===`published`&&(0,q.jsxs)(M,{className:`text-gray-800`,size:`sm`,variant:`outline`,onClick:()=>o({id:e.id}),children:[(0,q.jsx)(ee,{}),(0,q.jsx)(`span`,{className:`max-md:hidden`,children:`Hide`})]}),e.status===`hidden`&&(0,q.jsxs)(M,{className:`text-gray-800`,size:`sm`,variant:`outline`,onClick:()=>s({id:e.id}),children:[(0,q.jsx)(S,{}),(0,q.jsx)(`span`,{className:`max-md:hidden`,children:`Show`})]}),(0,q.jsx)(zt,{comment:e,dislikesEnabled:t}),(0,q.jsx)(It,{comment:e})]})]}),f&&e.replies&&(0,q.jsx)(`div`,{className:`mt-7 mb-4 -ml-2 pl-2 md:mt-8 md:mb-0 md:-ml-3 md:pl-3`,children:e.replies.map(e=>(0,q.jsx)(Vt,{comment:e,dislikesEnabled:t,isReply:!0,selectedCommentId:i},e.id))})]})})]})}var Ht=({selectedComment:e,dislikesEnabled:t,replies:n,selectedCommentId:r,fetchNextPage:i,hasNextPage:a,isFetchingNextPage:o})=>(0,q.jsxs)(`div`,{className:`flex flex-col`,"data-testid":`comment-thread-list`,children:[(0,q.jsx)(Vt,{comment:{...e,replies:n},dislikesEnabled:t,isSelectedComment:!0,selectedCommentId:r}),a&&(0,q.jsx)(`div`,{className:`flex justify-center pb-4`,children:(0,q.jsx)(M,{disabled:o,variant:`outline`,onClick:()=>i(),children:o?(0,q.jsxs)(q.Fragment,{children:[(0,q.jsx)(R,{size:`sm`}),`Loading...`]}):`Load more replies`})})]}),Ut=({commentId:e,dislikesEnabled:t,open:n,onOpenChange:r})=>{let{data:i,isLoading:a,isError:o,fetchNextPage:s,hasNextPage:c,isFetchingNextPage:l}=kt(e??``,{dislikesEnabled:t,enabled:n&&!!e}),{data:u,isLoading:d,isError:f}=St(e??``,{dislikesEnabled:t,enabled:n&&!!e}),p=a||d,m=f||o&&!u,h=u?.comments?.[0],g=i?.comments||[];return(0,q.jsx)(Pe,{open:n,onOpenChange:r,children:(0,q.jsxs)(De,{className:`overflow-y-auto px-6 pt-0 sm:max-w-[420px]`,children:[(0,q.jsx)(Ne,{className:`sticky top-0 z-40 -mx-6 bg-surface-elevated/60 p-6 backdrop-blur`,children:(0,q.jsx)(Oe,{className:`text-md`,children:`Thread`})}),h?.post&&(0,q.jsxs)(q.Fragment,{children:[(0,q.jsxs)(`div`,{className:`flex items-center gap-4`,children:[(0,q.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,q.jsx)(`h3`,{className:`line-clamp-1 text-xl font-semibold text-foreground`,children:h.post.title}),h.post.excerpt&&(0,q.jsx)(`p`,{className:`mt-1 line-clamp-2 text-sm text-muted-foreground`,children:h.post.excerpt})]}),h.post.feature_image&&(0,q.jsx)(`img`,{alt:h.post.title||`Post feature image`,className:`hidden aspect-video h-18 shrink-0 rounded object-cover lg:block`,src:h.post.feature_image})]}),(0,q.jsx)(we,{className:`-mx-6 my-6 w-auto`})]}),(0,q.jsx)(`div`,{children:p?(0,q.jsx)(`div`,{className:`flex h-full items-center justify-center py-8`,children:(0,q.jsx)(R,{size:`lg`})}):m||!h?(0,q.jsx)(`div`,{className:`flex h-full items-center justify-center py-8`,children:(0,q.jsx)(z,{actions:(0,q.jsx)(M,{variant:`outline`,onClick:()=>r(!1),children:`Back to comments`}),description:`This thread may have been deleted or doesn't exist.`,title:`Thread not found`,children:(0,q.jsx)(D,{})})}):(0,q.jsx)(Ht,{dislikesEnabled:t,fetchNextPage:()=>void s(),hasNextPage:c,isFetchingNextPage:l,replies:g,selectedComment:h,selectedCommentId:e??``})})]})})},Wt=({height:e})=>(0,q.jsx)(`div`,{"aria-hidden":`true`,className:`flex`,children:(0,q.jsx)(`div`,{className:`flex`,style:{height:e}})}),Gt=(0,G.forwardRef)(function(e,t){return(0,q.jsx)(`div`,{ref:t,...e,"aria-hidden":`true`,className:`relative flex flex-col`,children:(0,q.jsx)(`div`,{className:`relative z-10 h-24 animate-pulse`,children:(0,q.jsx)(`div`,{className:`h-full rounded-md bg-muted`,"data-testid":`loading-placeholder`})})})});function Kt({items:e,totalItems:t,hasNextPage:n,isFetchingNextPage:r,fetchNextPage:i,resetKey:a,onAddFilter:o,isLoading:s,dislikesEnabled:d}){let f=(0,G.useRef)(null),{visibleItemCount:p,canLoadMore:m,loadMore:h}=st(t,{resetKey:a}),[_,v]=c(),[y,b]=(0,G.useState)(!1),[x,C]=(0,G.useState)(null),{mutate:w}=vt(),{mutate:T}=yt(),{mutate:E}=X(),D=e=>{if(b(e),!e){let e=new URLSearchParams(_);e.delete(`thread`),v(e,{replace:!0})}};(0,G.useEffect)(()=>{let e=_.get(`thread`);if(e){let t=e.match(/^is:(.+)$/);if(t&&t[1]){let e=t[1];C(e),b(!0)}else b(!1),C(null)}else b(!1),C(null)},[_]),ot({parentRef:f,isLoading:s});let{visibleItems:O,spaceBefore:k,spaceAfter:te}=at({items:e,totalItems:p,hasNextPage:n,isFetchingNextPage:r,fetchNextPage:i,parentRef:f});return(0,q.jsx)(g,{children:(0,q.jsxs)(`div`,{ref:f,className:`overflow-hidden border-t`,children:[(0,q.jsx)(`div`,{className:`flex flex-col`,"data-testid":`comments-list`,children:(0,q.jsxs)(`div`,{className:`flex flex-col`,children:[(0,q.jsx)(Wt,{height:k}),O.map(({key:t,virtualItem:n,item:r,props:i})=>n.index>e.length-1?(0,q.jsx)(Gt,{...i},t):(0,q.jsxs)(`div`,{...i,className:`grid w-full grid-cols-1 items-start justify-between gap-4 border-b p-3 hover:bg-table-row-hover md:p-5 lg:grid-cols-[minmax(0,1fr)_144px]`,"data-testid":`comment-list-row`,onClick:()=>{y&&D(!1)},children:[(0,q.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,q.jsx)(V,{className:u(`mt-0.5 size-6 md:size-8`,r.status===`hidden`&&`opacity-50`),email:r.member?.email,name:r.member?.name,src:r.member?.avatar_image}),(0,q.jsxs)(`div`,{className:`flex min-w-0 flex-col gap-3`,children:[(0,q.jsxs)(`div`,{children:[(0,q.jsx)(Pt,{canComment:r.member?.can_comment,createdAt:r.created_at,isHidden:r.status===`hidden`,isPinned:r.pinned,memberId:r.member?.id,memberName:r.member?.name,postTitle:r.post?.title,onAuthorClick:r.member?.id?()=>o(`author`,r.member.id):void 0,onPostClick:r.post?.id?()=>o(`post`,r.post.id):void 0,onUnpinClick:()=>E({id:r.id})}),r.in_reply_to_snippet&&(0,q.jsxs)(`div`,{className:`mb-1 line-clamp-1 max-w-3xl ${r.status===`hidden`&&`opacity-50`}`,children:[(0,q.jsx)(`span`,{className:`text-muted-foreground`,children:`Replied to:`}),`\xA0`,(0,q.jsx)(l,{className:`text-sm font-normal text-muted-foreground hover:text-foreground`,"data-testid":`replied-to-link`,to:Z(_,r.in_reply_to_id||r.parent_id)||``,onClick:e=>{e.stopPropagation()},children:r.in_reply_to_snippet})]})]}),(0,q.jsx)(jt,{item:r}),(0,q.jsxs)(`div`,{className:`flex flex-row flex-nowrap items-center gap-3`,children:[r.status===`published`&&(0,q.jsxs)(M,{className:`text-foreground`,size:`sm`,variant:`outline`,onClick:()=>w({id:r.id}),children:[(0,q.jsx)(ee,{}),`Hide`]}),r.status===`hidden`&&(0,q.jsxs)(M,{className:`text-foreground`,size:`sm`,variant:`outline`,onClick:()=>T({id:r.id}),children:[(0,q.jsx)(S,{}),`Show`]}),(0,q.jsx)(zt,{className:`ml-2`,comment:r,dislikesEnabled:d}),(0,q.jsx)(It,{comment:r})]})]})]}),(0,q.jsx)(`div`,{children:r.post?.feature_image?(0,q.jsx)(`img`,{alt:r.post.title||`Post feature image`,className:`hidden aspect-video w-36 rounded object-cover lg:block ${r.status===`hidden`&&`opacity-50`}`,src:r.post.feature_image}):null})]},t)),(0,q.jsx)(Wt,{height:te})]})}),m&&(0,q.jsx)(ct,{isLoading:r,onClick:h}),(0,q.jsx)(Ut,{commentId:x,dislikesEnabled:d,open:y,onOpenChange:D})]})})}var qt=Je(K,`date`);function Jt(e){return Be(K,e.field,`UTC`)?.definition.operators.includes(e.operator)??!1}function Yt(e,t){return Array.isArray(e.$and)?e.$and.flatMap(e=>Yt(e,t)):Ke([e],K,t)}function Xt(e,t){let n=Re(e??``);return n?Ye(Yt(n,t).filter(Jt)):[]}function Zt(e){let t=Re(e??``);return t?Ue(t,qt):!1}function $(e,t){return qe(e.filter(Jt),K,t)}var Qt=[`status`,`created_at`,`body`,`post`,`author`,`reported`],$t={is_not:`is-not`,not_contains:`does-not-contain`,before:`is-less`,after:`is-greater`,on_or_before:`is-or-less`,on_or_after:`is-or-greater`};function en(e){let t=e.indexOf(`:`);if(t<=0)return null;let n=e.substring(0,t),r=e.substring(t+1);return r?{operator:$t[n]??n,value:r}:null}function tn(e){let t=[];for(let[n,r]of e.entries()){if(!Qt.includes(n))continue;let e=en(r);e&&t.push({id:`${n}:${t.length+1}`,field:n,operator:e.operator,values:[e.value]})}return t}function nn(e){Qt.forEach(t=>e.delete(t))}function rn(e,t,n){let r=new URLSearchParams(e),i=$(t,n);return r.delete(`filter`),nn(r),i&&r.set(`filter`,i),r}function an(e,t,n=!t){return!!e&&n&&!t&&Zt(e)}function on(e){let[t,n]=c(),r=(0,G.useRef)(null),i=(0,G.useMemo)(()=>t.get(`filter`)??void 0,[t]),a=(0,G.useMemo)(()=>t.toString(),[t]),o=(0,G.useMemo)(()=>i===void 0?tn(t):Xt(i,e),[i,t,e]),[s,l]=(0,G.useState)(o),u=(0,G.useMemo)(()=>$(s,e),[s,e]);return(0,G.useEffect)(()=>{a!==r.current&&(l(o),r.current=a)},[a,o]),(0,G.useEffect)(()=>{if(r.current!==null&&a!==r.current)return;let i=rn(t,s,e),o=i.toString();o!==a&&(r.current=o,n(i,{replace:!0}))},[a,s,t,n,e]),{filters:s,nql:u,setFilters:(0,G.useCallback)((i,a={})=>{let o=typeof i==`function`?i(s):i,c=rn(t,o,e),u=a.replace??!0;l(o),r.current=c.toString(),n(c,{replace:u})},[s,t,n,e]),clearFilters:(0,G.useCallback)(({replace:e=!0}={})=>{let i=new URLSearchParams(t);i.delete(`filter`),nn(i),l([]),r.current=i.toString(),n(i,{replace:e})},[t,n])}}function sn(e){return e.get(`id`)?.match(/^is:(.+)$/)?.[1]}var cn=({timezone:e,singleCommentId:t})=>{let[n,i]=c(),{filters:a,nql:o,setFilters:l}=on(e),u=(0,G.useCallback)((r,o,s=`is`)=>{let c=[...a.filter(e=>e.field!==r),_e(r,s,[o])];if(!t){l(c,{replace:!1});return}let u=new URLSearchParams(n),d=$(c,e);u.delete(`id`),u.delete(`filter`),d&&u.set(`filter`,d),i(u,{replace:!1})},[a,n,l,i,t,e]),d=(0,G.useMemo)(()=>t?`id:${s(t)}`:o,[o,t]),f=(0,G.useCallback)(()=>{i(new URLSearchParams,{replace:!1})},[i]),{data:h,isError:g,isFetching:_,isFetchingNextPage:v,isRefetching:y,fetchNextPage:b,hasNextPage:x}=_t({searchParams:{include:Y(!0),...d?{filter:d}:{}},placeholderData:r}),S=_&&!v&&!y,C=d??``,w=a.length>0;return(0,q.jsx)(p,{className:`size-full`,children:(0,q.jsx)(m,{className:`relative flex h-full flex-col`,size:`page`,children:(0,q.jsxs)(W,{"data-testid":`comments-page`,children:[(0,q.jsxs)(W.Header,{children:[(0,q.jsxs)(H,{blurredBackground:!1,sticky:!1,children:[(0,q.jsx)(H.Left,{children:(0,q.jsx)(H.Title,{children:`Comments`})}),!t&&!w&&(0,q.jsx)(H.Actions,{children:(0,q.jsx)(H.ActionGroup,{children:(0,q.jsx)(pt,{filters:a,siteTimezone:e,onFiltersChange:l})})})]}),!t&&w&&(0,q.jsx)(Ie,{children:(0,q.jsx)(pt,{filters:a,siteTimezone:e,onFiltersChange:l})})]}),(0,q.jsx)(W.Body,{children:S?(0,q.jsx)(`div`,{className:`flex flex-1 items-center justify-center`,children:(0,q.jsx)(R,{size:`lg`})}):g?(0,q.jsxs)(`div`,{className:`flex flex-1 flex-col items-center justify-center`,children:[(0,q.jsx)(`h2`,{className:`mb-2 text-xl font-medium`,children:`Error loading comments`}),(0,q.jsx)(`p`,{className:`mb-4 text-muted-foreground`,children:`Please reload the page to try again`}),(0,q.jsx)(M,{onClick:()=>window.location.reload(),children:`Reload page`})]}):h?.comments.length?(0,q.jsxs)(q.Fragment,{children:[(0,q.jsx)(Kt,{dislikesEnabled:!0,fetchNextPage:()=>void b(),hasNextPage:x,isFetchingNextPage:v,isLoading:_&&!v,items:h?.comments??[],resetKey:C,totalItems:h?.meta?.pagination?.total??0,onAddFilter:u}),t&&(0,q.jsx)(`div`,{className:`flex justify-center py-8`,children:(0,q.jsx)(M,{variant:`outline`,onClick:f,children:`Show all comments`})})]}):(0,q.jsx)(`div`,{className:`flex flex-1 items-center justify-center`,children:t?(0,q.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,q.jsx)(z,{title:`Comment not found`,children:(0,q.jsx)(D,{})}),(0,q.jsx)(M,{className:`mt-4`,variant:`outline`,onClick:f,children:`Show all comments`})]}):(0,q.jsx)(z,{title:`No comments yet`,children:(0,q.jsx)(D,{})})})})]})})})},ln=()=>{let[e]=c(),{data:t,isLoading:n}=ke({}),r=(0,G.useMemo)(()=>sn(e),[e]),i=e.get(`filter`)??void 0;if(!r&&an(i,!!t,n))return(0,q.jsx)(p,{className:`size-full`,children:(0,q.jsx)(m,{className:`relative flex h-full flex-col`,size:`page`,children:(0,q.jsxs)(W,{children:[(0,q.jsx)(W.Header,{children:(0,q.jsx)(H,{blurredBackground:!1,sticky:!1,children:(0,q.jsx)(H.Left,{children:(0,q.jsx)(H.Title,{children:`Comments`})})})}),(0,q.jsx)(W.Body,{children:(0,q.jsx)(`div`,{className:`flex flex-1 items-center justify-center`,children:(0,q.jsx)(R,{size:`lg`})})})]})})});let a=nt(t?.settings??[]);return(0,q.jsx)(cn,{singleCommentId:r,timezone:a})};export{ln as default};