ghost 6.57.1 → 6.58.0

package/core/built/admin/assets/comments-BhNM5CYl.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{g as r}from"./framework-provider-CmtnPXIT.js";import{i,n as a,t as o}from"./hooks-D6EE7BIt.js";import{t as s}from"./build-CsiH26uS.js";import{g as c,t as l}from"./chunk-KS7C4IRE-DG9HTHQ3.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,n as g,r as _,t as v}from"./tabs-BaWRfg8j.js";import{n as y,r as b}from"./filters-Bz0HsRie.js";import{t as x}from"./checkbox-BSUcnNq_.js";import{t as S}from"./empty-indicator-WB1WgT9h.js";import{t as C}from"./label-BMC3dzLI.js";import{$n as w,$o as T,$r as E,Aa as D,Ao as O,Bn as ee,Dr as k,Eo as te,Er as A,Fo as ne,Ga as re,Io as ie,Ir as j,Ja as ae,Ln as oe,Lo as se,Lr as M,Ni as ce,O as le,Oi as ue,Or as N,Po as de,Pr as P,Qi as fe,Rn as pe,Rr as me,Sr as F,Tr as he,Ur as I,Vn as ge,Wa as L,Xn as _e,Yr as ve,Zi as ye,Zr as be,ai as xe,ar as R,bo as Se,er as Ce,j as we,ja as z,jn as Te,jo as Ee,m as De,ns as Oe,qa as ke,qo as Ae,tr as B,us as je,wo as Me,wr as V,xa as Ne,zo as H,zr as U}from"./index-DUXM0NlS.js";import{t as W}from"./page-header-DAvDYKO9.js";import{S as Pe,T as Fe,_ as Ie,a as Le,b as Re,c as ze,f as G,g as Be,h as Ve,i as He,l as Ue,m as We,n as Ge,o as Ke,r as qe,s as Je,t as Ye,u as Xe,v as Ze,w as Qe,x as $e,y as et}from"./filters-yFvybRMe.js";import{t as K}from"./list-page-CdsnQR9N.js";import{n as tt,r as nt}from"./filter-sources-CiPLnG9A.js";import{i as rt,n as it,r as at,t as ot}from"./virtual-list-Dnoafqbk.js";import{t as st}from"./get-site-timezone-HgL0jI_F.js";var q=e(t(),1),J=Ye({status:{operators:[`is`],ui:{label:`Status`,type:`select`,searchable:!1,hideOperatorSelect:!0},options:[{value:`published`,label:`Published`},{value:`hidden`,label:`Hidden`}],codec:G()},created_at:Qe({operators:Be,ui:{label:`Date`,defaultOperator:Ze,type:`date`},codec:Xe()}),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:We({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:G({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:G({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=et(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}}}}),ct=[`author`,`post`,`body`,`status`,`reported`,`created_at`],lt={...Ie,...$e};function ut(e){switch(e){case`author`:return q.createElement(ce,{className:`size-4`});case`post`:return q.createElement(Ee,{className:`size-4`});case`body`:return q.createElement(re,{className:`size-4`});case`status`:return q.createElement(Ae,{className:`size-4`});case`reported`:return q.createElement(O,{className:`size-4`});case`created_at`:return q.createElement(je,{className:`size-4`});default:return}}function dt({postValueSource:e,memberValueSource:t,siteTimezone:n=`UTC`}){return(0,q.useMemo)(()=>{let r=Ve(n);return ct.map(n=>{let i=J[n],a=n===`created_at`?{defaultValue:r,...Pe(i)?{customRenderer:Re(r)}:{}}:{};return{key:n,...i.ui,icon:ut(n),operators:Ue(i.operators,{labels:lt}),...`options`in i&&i.options?{options:i.options}:{},...a,...n===`author`?{valueSource:t}:{},...n===`post`?{valueSource:e}:{}}})},[t,e,n])}var Y=n(),ft=({filters:e,siteTimezone:t,onFiltersChange:n})=>{let r=tt(),i=dt({memberValueSource:nt(),postValueSource:r,siteTimezone:t}),a=e.length>0;return(0,Y.jsx)(y,{addButtonIcon:a?(0,Y.jsx)(te,{}):(0,Y.jsx)(Me,{}),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,Y.jsx)(ue,{}),clearButtonText:`Clear`,fields:i,filters:e,keyboardShortcut:`f`,popoverAlign:a?`start`:`end`,showClearButton:a,showSearchInput:!1,onChange:n})},X=`CommentsResponseType`,pt=`count.dislikes`,Z=e=>[`member`,`post`,`count.replies`,`count.direct_replies`,`count.likes`,...e?[pt]:[],`count.reports`,`parent`,`in_reply_to`].join(`,`),mt=e=>[`member`,`post`,`count.direct_replies`,`count.likes`,...e?[pt]:[],`count.reports`,`parent`,`in_reply_to`].join(`,`),ht=o({dataType:X,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}}}),gt=e=>ht({...e,searchParams:{limit:`100`,order:`created_at desc`,include:`member,post,parent`,...e?.searchParams}}),_t=a({method:`PUT`,path:({id:e})=>`/comments/${e}/`,body:({id:e})=>({comments:[{id:e,status:`hidden`}]}),invalidateQueries:{dataType:X}}),vt=a({method:`PUT`,path:({id:e})=>`/comments/${e}/`,body:({id:e})=>({comments:[{id:e,status:`published`}]}),invalidateQueries:{dataType:X}});a({method:`PUT`,path:({id:e})=>`/comments/${e}/`,body:({id:e})=>({comments:[{id:e,status:`deleted`}]}),invalidateQueries:{dataType:X}});var yt=a({method:`PUT`,path:({id:e})=>`/comments/${e}/`,body:({id:e})=>({comments:[{id:e,pinned:!0}]}),invalidateQueries:{dataType:X}}),bt=a({method:`PUT`,path:({id:e})=>`/comments/${e}/`,body:({id:e})=>({comments:[{id:e,pinned:!1}]}),invalidateQueries:{dataType:X}});i({dataType:X,path:e=>`/comments/${e}/replies/`,defaultSearchParams:{include:`member,post,count.replies,count.likes,count.reports,parent`,limit:`100`}});var xt=i({dataType:X,path:e=>`/comments/${e}/`,defaultSearchParams:{include:Z(!1)}}),St=(e,t)=>{let{dislikesEnabled:n=!1,searchParams:r,...i}=t||{};return xt(e,{...i,searchParams:{include:Z(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 gt({...r,searchParams:{filter:`(parent_id:${e}+in_reply_to_id:null),in_reply_to_id:${e}`,order:`created_at asc`,include:mt(n),limit:`100`}})};function At({onClick:e,expanded:t}){return(0,Y.jsxs)(P,{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,Y.jsx)(T,{}):(0,Y.jsx)(Oe,{})]})}function jt({item:e}){let t=(0,q.useRef)(null),[n,r]=(0,q.useState)(!1),[i,a]=(0,q.useState)(!1);return(0,q.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,Y.jsx)(`div`,{className:`mt-2 flex flex-col gap-2`,children:(0,Y.jsxs)(`div`,{className:`flex max-w-full flex-col items-start ${e.status===`hidden`&&`opacity-50`}`,children:[(0,Y.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,Y.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(Ce({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,Y.jsxs)(`div`,{className:u(`flex items-center gap-2`,d),children:[(0,Y.jsxs)(`div`,{className:u(`flex min-w-0 items-center gap-x-1`,r&&`opacity-50`),children:[(0,Y.jsx)(`div`,{className:`whitespace-nowrap`,children:t&&o?(0,Y.jsx)(P,{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,Y.jsx)(`span`,{className:`block truncate font-semibold`,children:e||`Unknown`})}),i===!1&&(0,Y.jsxs)(j,{children:[(0,Y.jsx)(U,{asChild:!0,children:(0,Y.jsx)(`span`,{"data-testid":`commenting-disabled-indicator`,children:(0,Y.jsx)(ae,{className:`size-3.5 text-muted-foreground`})})}),(0,Y.jsx)(M,{children:`Comments disabled`})]}),(0,Y.jsx)(H,{className:`shrink-0 text-muted-foreground/50`,size:16}),(0,Y.jsx)(`div`,{className:`shrink-0 whitespace-nowrap`,children:n&&(0,Y.jsxs)(j,{children:[(0,Y.jsx)(U,{asChild:!0,children:(0,Y.jsx)(`span`,{className:`cursor-default text-sm text-muted-foreground`,children:f(n)})}),(0,Y.jsx)(M,{children:Mt(n)})]})}),s&&(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(`div`,{className:`shrink-0 text-muted-foreground`,children:`on`}),(0,Y.jsx)(`div`,{className:`min-w-0 truncate`,children:c?(0,Y.jsx)(P,{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,Y.jsx)(`span`,{className:`font-medium text-gray-800 dark:text-gray-400`,children:s})})]})]}),r&&(0,Y.jsx)(w,{variant:`secondary`,children:`Hidden`}),a&&(l?(0,Y.jsxs)(`button`,{"aria-label":`Unpin comment`,className:u(`group`,Nt),type:`button`,onClick:e=>{e.stopPropagation(),l?.()},children:[(0,Y.jsxs)(`span`,{className:`grid size-3 shrink-0`,children:[(0,Y.jsx)(z,{className:`col-start-1 row-start-1 size-3 group-hover:opacity-0 group-focus-visible:opacity-0`}),(0,Y.jsx)(D,{className:`col-start-1 row-start-1 size-3 opacity-0 group-hover:opacity-100 group-focus-visible:opacity-100`})]}),(0,Y.jsxs)(`span`,{className:`grid justify-items-start text-left`,children:[(0,Y.jsx)(`span`,{className:`col-start-1 row-start-1 group-hover:opacity-0 group-focus-visible:opacity-0`,children:`Pinned`}),(0,Y.jsx)(`span`,{className:`col-start-1 row-start-1 opacity-0 group-hover:opacity-100 group-focus-visible:opacity-100`,children:`Unpin`})]})]}):(0,Y.jsxs)(w,{className:`gap-1`,variant:`warning`,children:[(0,Y.jsx)(z,{className:`size-3`}),`Pinned`]}))]})}function Ft({open:e,memberName:t,onOpenChange:n,onConfirm:r}){let[i,a]=(0,q.useState)(!1),o=e=>{e||a(!1),n(e)};return(0,Y.jsx)(F,{open:e,onOpenChange:o,children:(0,Y.jsxs)(V,{className:`gap-5`,children:[(0,Y.jsxs)(k,{children:[(0,Y.jsx)(N,{children:`Disable comments`}),(0,Y.jsxs)(he,{children:[t||`This member`,` won't be able to comment in the future. You can re-enable commenting anytime.`]})]}),(0,Y.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,Y.jsx)(x,{checked:i,id:`hide-comments`,onCheckedChange:e=>a(e===!0)}),(0,Y.jsx)(C,{htmlFor:`hide-comments`,children:`Hide all previous comments`})]}),(0,Y.jsxs)(A,{children:[(0,Y.jsx)(P,{variant:`outline`,onClick:()=>o(!1),children:`Cancel`}),(0,Y.jsx)(P,{onClick:()=>{r(i),a(!1)},children:`Disable comments`})]})]})})}var It=()=>De(`commentsPinning`);function Lt({comment:e}){let{mutate:t}=le(),{mutate:n}=we(),{mutate:r}=yt(),{mutate:i}=bt(),[a,o]=(0,q.useState)(!1),s=It(),{id:c,post:l,member:u}=e,d=l?.url,f=u?.id,p=u?.can_comment,m=s&&!e.parent_id&&e.status!==`deleted`;return(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsxs)(ve,{children:[(0,Y.jsx)(xe,{asChild:!0,children:(0,Y.jsx)(P,{className:`relative z-10 text-gray-800 hover:bg-secondary [&_svg]:size-4`,size:`sm`,variant:`ghost`,children:(0,Y.jsx)(se,{})})}),(0,Y.jsxs)(be,{align:`start`,children:[d&&(0,Y.jsx)(E,{asChild:!0,children:(0,Y.jsxs)(`a`,{href:`${d}#ghost-comments-${c}`,rel:`noopener noreferrer`,target:`_blank`,children:[(0,Y.jsx)(ie,{className:`size-4`}),`View on post`]})}),f&&(0,Y.jsx)(E,{asChild:!0,children:(0,Y.jsxs)(`a`,{href:`#/members/${f}`,children:[(0,Y.jsx)(ce,{className:`size-4`}),`View member`]})}),m&&(e.pinned?(0,Y.jsxs)(E,{onClick:()=>i({id:c}),children:[(0,Y.jsx)(D,{className:`size-4`}),`Unpin comment`]}):(0,Y.jsxs)(E,{onClick:()=>r({id:c}),children:[(0,Y.jsx)(z,{className:`size-4`}),`Pin comment`]})),f&&(p===!1?(0,Y.jsxs)(E,{onClick:()=>{f&&n({id:f})},children:[(0,Y.jsx)(ke,{className:`size-4`}),`Enable commenting`]}):(0,Y.jsxs)(E,{onClick:()=>o(!0),children:[(0,Y.jsx)(ae,{className:`size-4`}),`Disable commenting`]}))]})]}),(0,Y.jsx)(Ft,{memberName:u?.name,open:a,onConfirm:e=>{f&&(t({id:f,reason:`Disabled from comment ${c}`,hideComments:e}),o(!1))},onOpenChange:o})]})}function Rt({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,y=Math.max(0,p-l.length),b=Math.max(0,m-u.length);return(0,Y.jsx)(F,{open:n,onOpenChange:i,children:(0,Y.jsxs)(V,{"aria-describedby":void 0,children:[(0,Y.jsx)(k,{children:(0,Y.jsx)(N,{children:t?(0,Y.jsxs)(Y.Fragment,{children:[d(p),` `,p===1?`like`:`likes`,` and `,d(m),` `,m===1?`dislike`:`dislikes`]}):(0,Y.jsxs)(Y.Fragment,{children:[d(p),` `,p===1?`like`:`likes`]})})}),(0,Y.jsx)(`div`,{className:`overflow-hidden rounded-md border p-3`,children:(0,Y.jsxs)(`div`,{className:`flex min-w-0 items-start gap-3`,children:[(0,Y.jsx)(B,{className:`shrink-0`,email:e.member?.email,name:e.member?.name,src:e.member?.avatar_image}),(0,Y.jsxs)(`div`,{className:`flex min-w-0 flex-col overflow-hidden`,children:[(0,Y.jsxs)(`div`,{className:`flex min-w-0 items-center gap-1 text-sm`,children:[(0,Y.jsx)(`span`,{className:`shrink-0 font-semibold`,children:e.member?I(e.member):`Deleted member`}),(0,Y.jsx)(H,{className:`shrink-0 text-muted-foreground/50`,size:16}),(0,Y.jsx)(`span`,{className:`shrink-0 text-muted-foreground`,children:e.created_at&&f(e.created_at)}),(0,Y.jsx)(`span`,{className:`shrink-0 text-muted-foreground`,children:`on`}),(0,Y.jsx)(`span`,{className:`min-w-0 truncate font-medium text-gray-800 dark:text-gray-400`,children:e.post?.title||`Unknown post`})]}),(0,Y.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,Y.jsxs)(v,{defaultValue:r,variant:`segmented`,children:[(0,Y.jsxs)(_,{className:`grid w-full grid-cols-2`,children:[(0,Y.jsx)(h,{value:`likes`,children:`Likes`}),(0,Y.jsx)(h,{value:`dislikes`,children:`Dislikes`})]}),(0,Y.jsx)(g,{className:`mt-4`,value:`likes`,children:(0,Y.jsx)(`div`,{className:`-mx-1 max-h-64 overflow-y-auto px-1`,children:o?(0,Y.jsx)(`div`,{className:`flex justify-center py-4`,children:(0,Y.jsx)(R,{size:`md`})}):l.length===0?(0,Y.jsx)(`div`,{className:`py-4 text-center text-sm text-muted-foreground`,children:`No likes yet`}):(0,Y.jsxs)(`div`,{className:`flex flex-col gap-3 pb-1`,children:[l.map(e=>(0,Y.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,Y.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,Y.jsxs)(`div`,{className:`relative shrink-0`,children:[(0,Y.jsx)(B,{email:e.member?.email,name:e.member?.name,src:e.member?.avatar_image}),(0,Y.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,Y.jsx)(ye,{className:`size-2.5`,fill:`currentColor`})})]}),(0,Y.jsx)(`span`,{className:`font-medium`,children:e.member?I(e.member):`Deleted member`})]}),(0,Y.jsx)(`span`,{className:`shrink-0 text-sm text-muted-foreground`,children:f(e.created_at)})]},e.id)),y>0&&(0,Y.jsxs)(`div`,{className:`pt-1 text-center text-sm text-muted-foreground`,children:[`and `,d(y),` more`]})]})})}),(0,Y.jsx)(g,{className:`mt-4`,value:`dislikes`,children:(0,Y.jsx)(`div`,{className:`-mx-1 max-h-64 overflow-y-auto px-1`,children:c?(0,Y.jsx)(`div`,{className:`flex justify-center py-4`,children:(0,Y.jsx)(R,{size:`md`})}):u.length===0?(0,Y.jsx)(`div`,{className:`py-4 text-center text-sm text-muted-foreground`,children:`No dislikes yet`}):(0,Y.jsxs)(`div`,{className:`flex flex-col gap-3 pb-1`,children:[u.map(e=>(0,Y.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,Y.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,Y.jsxs)(`div`,{className:`relative shrink-0`,children:[(0,Y.jsx)(B,{email:e.member?.email,name:e.member?.name,src:e.member?.avatar_image}),(0,Y.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,Y.jsx)(fe,{className:`size-2.5`,fill:`currentColor`})})]}),(0,Y.jsx)(`span`,{className:`font-medium`,children:e.member?I(e.member):`Deleted member`})]}),(0,Y.jsx)(`span`,{className:`shrink-0 text-sm text-muted-foreground`,children:f(e.created_at)})]},e.id)),b>0&&(0,Y.jsxs)(`div`,{className:`pt-1 text-center text-sm text-muted-foreground`,children:[`and `,d(b),` more`]})]})})})]}):(0,Y.jsx)(`div`,{className:`-mx-1 max-h-64 overflow-y-auto px-1`,children:o?(0,Y.jsx)(`div`,{className:`flex justify-center py-4`,children:(0,Y.jsx)(R,{size:`md`})}):(0,Y.jsxs)(`div`,{className:`flex flex-col gap-3 pb-1`,children:[l.map(e=>(0,Y.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,Y.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,Y.jsxs)(`div`,{className:`relative shrink-0`,children:[(0,Y.jsx)(B,{email:e.member?.email,name:e.member?.name,src:e.member?.avatar_image}),(0,Y.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,Y.jsx)(Se,{className:`size-2.5`,fill:`currentColor`})})]}),(0,Y.jsx)(`span`,{className:`font-medium`,children:e.member?I(e.member):`Deleted member`})]}),(0,Y.jsx)(`span`,{className:`shrink-0 text-sm text-muted-foreground`,children:f(e.created_at)})]},e.id)),y>0&&(0,Y.jsxs)(`div`,{className:`pt-1 text-center text-sm text-muted-foreground`,children:[`and `,d(y),` more`]})]})}),(0,Y.jsx)(A,{children:(0,Y.jsx)(P,{onClick:()=>i(!1),children:`OK`})})]})})}function zt({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,Y.jsx)(F,{open:t,onOpenChange:n,children:(0,Y.jsxs)(V,{"aria-describedby":void 0,children:[(0,Y.jsx)(k,{children:(0,Y.jsxs)(N,{children:[o,` `,o===1?`report`:`reports`]})}),(0,Y.jsx)(`div`,{className:`overflow-hidden rounded-md border p-3`,children:(0,Y.jsxs)(`div`,{className:`flex min-w-0 items-start gap-3`,children:[(0,Y.jsx)(B,{className:`shrink-0`,email:e.member?.email,name:e.member?.name,src:e.member?.avatar_image}),(0,Y.jsxs)(`div`,{className:`flex min-w-0 flex-col overflow-hidden`,children:[(0,Y.jsxs)(`div`,{className:`flex min-w-0 items-center gap-1 text-sm`,children:[(0,Y.jsx)(`span`,{className:`shrink-0 font-semibold`,children:e.member?I(e.member):`Deleted member`}),(0,Y.jsx)(H,{className:`shrink-0 text-muted-foreground/50`,size:16}),(0,Y.jsx)(`span`,{className:`shrink-0 text-muted-foreground`,children:e.created_at&&f(e.created_at)}),(0,Y.jsx)(`span`,{className:`shrink-0 text-muted-foreground`,children:`on`}),(0,Y.jsx)(`span`,{className:`min-w-0 truncate font-medium text-gray-800 dark:text-gray-400`,children:e.post?.title||`Unknown post`})]}),(0,Y.jsx)(`div`,{dangerouslySetInnerHTML:{__html:e.html||``},className:`prose mt-2 line-clamp-2 text-sm [&_*]:text-sm [&_*]:leading-[1.5em] [&_p]:m-0`})]})]})}),(0,Y.jsx)(`div`,{className:`-mx-1 max-h-64 overflow-y-auto px-1`,children:i?(0,Y.jsx)(`div`,{className:`flex justify-center py-4`,children:(0,Y.jsx)(R,{size:`md`})}):(0,Y.jsx)(`div`,{className:`flex flex-col gap-3 pb-1`,children:a.map(e=>(0,Y.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,Y.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,Y.jsxs)(`div`,{className:`relative shrink-0`,children:[(0,Y.jsx)(B,{email:e.member?.email,name:e.member?.name,src:e.member?.avatar_image}),(0,Y.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,Y.jsx)(O,{className:`size-2.5`,fill:`currentColor`})})]}),(0,Y.jsx)(`span`,{className:`font-medium`,children:e.member?I(e.member):`Deleted member`})]}),(0,Y.jsx)(`span`,{className:`shrink-0 text-sm text-muted-foreground`,children:f(e.created_at)})]},e.id))})}),(0,Y.jsx)(A,{children:(0,Y.jsx)(P,{onClick:()=>n(!1),children:`OK`})})]})})}function Bt(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,Y.jsxs)(Y.Fragment,{children:[e,(0,Y.jsx)(`span`,{children:d(t)})]}),f=r||i;return(0,Y.jsxs)(j,{children:[(0,Y.jsx)(U,{asChild:!0,children:r?(0,Y.jsx)(l,{className:u(s,`cursor-pointer hover:opacity-70`),"data-testid":o,to:r,onClick:e=>{e.stopPropagation()},children:c}):i?(0,Y.jsx)(`button`,{className:u(s,`cursor-pointer hover:opacity-70`),"data-testid":o,type:`button`,onClick:e=>{e.stopPropagation(),i()},children:c}):(0,Y.jsx)(`div`,{className:s,"data-testid":o,children:c})}),(0,Y.jsx)(M,{children:f?`View ${n.toLowerCase()}`:n})]})}function Vt({comment:e,dislikesEnabled:t,className:n}){let[r]=c(),[i,a]=(0,q.useState)(!1),[o,s]=(0,q.useState)(`likes`),[l,d]=(0,q.useState)(!1),f=Bt(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,b=g>0;return(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsxs)(`div`,{className:u(`flex items-center gap-6`,n),children:[(0,Y.jsx)(Q,{count:p,icon:(0,Y.jsx)(Ne,{size:16,strokeWidth:1.5}),label:`Replies`,testId:`replies-metric`,to:_?f:void 0}),t?(0,Y.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,Y.jsx)(Q,{count:m,icon:(0,Y.jsx)(ye,{size:16,strokeWidth:1.5}),label:`Likes`,testId:`likes-metric`,onClick:v?()=>{s(`likes`),a(!0)}:void 0}),(0,Y.jsx)(Q,{count:h,icon:(0,Y.jsx)(fe,{size:16,strokeWidth:1.5}),label:`Dislikes`,testId:`dislikes-metric`,onClick:y?()=>{s(`dislikes`),a(!0)}:void 0})]}):(0,Y.jsx)(Q,{count:m,icon:(0,Y.jsx)(Se,{size:16,strokeWidth:1.5}),label:`Likes`,onClick:v?()=>a(!0):void 0}),(0,Y.jsx)(Q,{className:b?`font-semibold text-red`:void 0,count:g,icon:(0,Y.jsx)(O,{size:16,strokeWidth:1.5}),label:`Reports`,onClick:b?()=>d(!0):void 0})]}),(0,Y.jsx)(Rt,{comment:e,defaultTab:o,dislikesEnabled:t,open:i,onOpenChange:a}),(0,Y.jsx)(zt,{comment:e,open:l,onOpenChange:d})]})}function Ht({hasReplies:e}){return e?(0,Y.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 Ut({comment:e,dislikesEnabled:t,isReply:n=!1,isSelectedComment:r=!1,selectedCommentId:i}){let[a]=c(),{mutate:o}=_t(),{mutate:s}=vt(),{mutate:d}=bt(),f=It(),p=(e.replies?.length??0)>0||(e.count?.direct_replies??e.count?.replies??0)>0;return(0,Y.jsxs)(`div`,{className:`flex w-full flex-row ${!p||n?`mb-7`:`mb-0`}`,children:[(0,Y.jsxs)(`div`,{className:`mr-2 flex shrink-0 flex-col items-center justify-start md:mr-3`,children:[(0,Y.jsx)(B,{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,Y.jsx)(Ht,{hasReplies:p&&!n})]}),(0,Y.jsx)(`div`,{className:`grow`,children:(0,Y.jsxs)(`div`,{className:`w-full`,"data-testid":`comment-thread-row-${e.id}`,children:[(0,Y.jsxs)(`div`,{className:`flex min-w-0 flex-col`,children:[(0,Y.jsx)(Pt,{canComment:e.member?.can_comment,createdAt:e.created_at,isHidden:e.status===`hidden`,isPinned:f&&e.pinned,memberId:e.member?.id,memberName:e.member?.name,onUnpinClick:f?()=>d({id:e.id}):void 0}),e.in_reply_to_snippet&&r&&(0,Y.jsxs)(`div`,{className:`mb-1 line-clamp-1 text-sm ${e.status===`hidden`&&`opacity-50`}`,children:[(0,Y.jsx)(`span`,{className:`text-muted-foreground`,children:`Replied to:`}),`\xA0`,(0,Y.jsx)(l,{className:`text-sm font-normal text-muted-foreground hover:text-foreground`,"data-testid":`replied-to-link`,to:Bt(a,e.in_reply_to_id||e.parent_id)||``,onClick:e=>{e.stopPropagation()},children:e.in_reply_to_snippet})]}),(0,Y.jsx)(jt,{item:e}),(0,Y.jsxs)(`div`,{className:`mt-4 flex flex-row flex-wrap items-center gap-3`,children:[e.status===`published`&&(0,Y.jsxs)(P,{className:`text-gray-800`,size:`sm`,variant:`outline`,onClick:()=>o({id:e.id}),children:[(0,Y.jsx)(ne,{}),(0,Y.jsx)(`span`,{className:`max-md:hidden`,children:`Hide`})]}),e.status===`hidden`&&(0,Y.jsxs)(P,{className:`text-gray-800`,size:`sm`,variant:`outline`,onClick:()=>s({id:e.id}),children:[(0,Y.jsx)(de,{}),(0,Y.jsx)(`span`,{className:`max-md:hidden`,children:`Show`})]}),(0,Y.jsx)(Vt,{comment:e,dislikesEnabled:t}),(0,Y.jsx)(Lt,{comment:e})]})]}),p&&e.replies&&(0,Y.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,Y.jsx)(Ut,{comment:e,dislikesEnabled:t,isReply:!0,selectedCommentId:i},e.id))})]})})]})}var Wt=({selectedComment:e,dislikesEnabled:t,replies:n,selectedCommentId:r,fetchNextPage:i,hasNextPage:a,isFetchingNextPage:o})=>(0,Y.jsxs)(`div`,{className:`flex flex-col`,"data-testid":`comment-thread-list`,children:[(0,Y.jsx)(Ut,{comment:{...e,replies:n},dislikesEnabled:t,isSelectedComment:!0,selectedCommentId:r}),a&&(0,Y.jsx)(`div`,{className:`flex justify-center pb-4`,children:(0,Y.jsx)(P,{disabled:o,variant:`outline`,onClick:()=>i(),children:o?(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(R,{size:`sm`}),`Loading...`]}):`Load more replies`})})]}),Gt=({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,Y.jsx)(oe,{open:n,onOpenChange:r,children:(0,Y.jsxs)(pe,{className:`overflow-y-auto px-6 pt-0 sm:max-w-[420px]`,children:[(0,Y.jsx)(ee,{className:`sticky top-0 z-40 -mx-6 bg-surface-elevated/60 p-6 backdrop-blur`,children:(0,Y.jsx)(ge,{className:`text-md`,children:`Thread`})}),h?.post&&(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsxs)(`div`,{className:`flex items-center gap-4`,children:[(0,Y.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,Y.jsx)(`h3`,{className:`line-clamp-1 text-xl font-semibold text-foreground`,children:h.post.title}),h.post.excerpt&&(0,Y.jsx)(`p`,{className:`mt-1 line-clamp-2 text-sm text-muted-foreground`,children:h.post.excerpt})]}),h.post.feature_image&&(0,Y.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,Y.jsx)(_e,{className:`-mx-6 my-6 w-auto`})]}),(0,Y.jsx)(`div`,{children:p?(0,Y.jsx)(`div`,{className:`flex h-full items-center justify-center py-8`,children:(0,Y.jsx)(R,{size:`lg`})}):m||!h?(0,Y.jsx)(`div`,{className:`flex h-full items-center justify-center py-8`,children:(0,Y.jsx)(S,{actions:(0,Y.jsx)(P,{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,Y.jsx)(L,{})})}):(0,Y.jsx)(Wt,{dislikesEnabled:t,fetchNextPage:()=>void s(),hasNextPage:c,isFetchingNextPage:l,replies:g,selectedComment:h,selectedCommentId:e??``})})]})})},Kt=({height:e})=>(0,Y.jsx)(`div`,{"aria-hidden":`true`,className:`flex`,children:(0,Y.jsx)(`div`,{className:`flex`,style:{height:e}})}),qt=(0,q.forwardRef)(function(e,t){return(0,Y.jsx)(`div`,{ref:t,...e,"aria-hidden":`true`,className:`relative flex flex-col`,children:(0,Y.jsx)(`div`,{className:`relative z-10 h-24 animate-pulse`,children:(0,Y.jsx)(`div`,{className:`h-full rounded-md bg-muted`,"data-testid":`loading-placeholder`})})})});function Jt({items:e,totalItems:t,hasNextPage:n,isFetchingNextPage:r,fetchNextPage:i,resetKey:a,onAddFilter:o,isLoading:s,dislikesEnabled:d}){let f=(0,q.useRef)(null),{visibleItemCount:p,canLoadMore:m,loadMore:h}=at(t,{resetKey:a}),[g,_]=c(),[v,y]=(0,q.useState)(!1),[b,x]=(0,q.useState)(null),{mutate:S}=_t(),{mutate:C}=vt(),{mutate:w}=bt(),T=It(),E=e=>{if(y(e),!e){let e=new URLSearchParams(g);e.delete(`thread`),_(e,{replace:!0})}};(0,q.useEffect)(()=>{let e=g.get(`thread`);if(e){let t=e.match(/^is:(.+)$/);if(t&&t[1]){let e=t[1];x(e),y(!0)}else y(!1),x(null)}else y(!1),x(null)},[g]),it({parentRef:f,isLoading:s});let{visibleItems:D,spaceBefore:O,spaceAfter:ee}=rt({items:e,totalItems:p,hasNextPage:n,isFetchingNextPage:r,fetchNextPage:i,parentRef:f});return(0,Y.jsx)(me,{children:(0,Y.jsxs)(`div`,{ref:f,className:`overflow-hidden border-t`,children:[(0,Y.jsx)(`div`,{className:`flex flex-col`,"data-testid":`comments-list`,children:(0,Y.jsxs)(`div`,{className:`flex flex-col`,children:[(0,Y.jsx)(Kt,{height:O}),D.map(({key:t,virtualItem:n,item:r,props:i})=>n.index>e.length-1?(0,Y.jsx)(qt,{...i},t):(0,Y.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:()=>{v&&E(!1)},children:[(0,Y.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,Y.jsx)(B,{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,Y.jsxs)(`div`,{className:`flex min-w-0 flex-col gap-3`,children:[(0,Y.jsxs)(`div`,{children:[(0,Y.jsx)(Pt,{canComment:r.member?.can_comment,createdAt:r.created_at,isHidden:r.status===`hidden`,isPinned:T&&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:T?()=>w({id:r.id}):void 0}),r.in_reply_to_snippet&&(0,Y.jsxs)(`div`,{className:`mb-1 line-clamp-1 max-w-3xl ${r.status===`hidden`&&`opacity-50`}`,children:[(0,Y.jsx)(`span`,{className:`text-muted-foreground`,children:`Replied to:`}),`\xA0`,(0,Y.jsx)(l,{className:`text-sm font-normal text-muted-foreground hover:text-foreground`,"data-testid":`replied-to-link`,to:Bt(g,r.in_reply_to_id||r.parent_id)||``,onClick:e=>{e.stopPropagation()},children:r.in_reply_to_snippet})]})]}),(0,Y.jsx)(jt,{item:r}),(0,Y.jsxs)(`div`,{className:`flex flex-row flex-nowrap items-center gap-3`,children:[r.status===`published`&&(0,Y.jsxs)(P,{className:`text-foreground`,size:`sm`,variant:`outline`,onClick:()=>S({id:r.id}),children:[(0,Y.jsx)(ne,{}),`Hide`]}),r.status===`hidden`&&(0,Y.jsxs)(P,{className:`text-foreground`,size:`sm`,variant:`outline`,onClick:()=>C({id:r.id}),children:[(0,Y.jsx)(de,{}),`Show`]}),(0,Y.jsx)(Vt,{className:`ml-2`,comment:r,dislikesEnabled:d}),(0,Y.jsx)(Lt,{comment:r})]})]})]}),(0,Y.jsx)(`div`,{children:r.post?.feature_image?(0,Y.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,Y.jsx)(Kt,{height:ee})]})}),m&&(0,Y.jsx)(ot,{isLoading:r,onClick:h}),(0,Y.jsx)(Gt,{commentId:b,dislikesEnabled:d,open:v,onOpenChange:E})]})})}var Yt=qe(J,`date`);function Xt(e){return ze(J,e.field,`UTC`)?.definition.operators.includes(e.operator)??!1}function Zt(e,t){return Array.isArray(e.$and)?e.$and.flatMap(e=>Zt(e,t)):Ge([e],J,t)}function Qt(e,t){let n=Le(e??``);return n?Je(Zt(n,t).filter(Xt)):[]}function $t(e){let t=Le(e??``);return t?He(t,Yt):!1}function $(e,t){return Ke(e.filter(Xt),J,t)}var en=[`status`,`created_at`,`body`,`post`,`author`,`reported`],tn={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 nn(e){let t=e.indexOf(`:`);if(t<=0)return null;let n=e.substring(0,t),r=e.substring(t+1);return r?{operator:tn[n]??n,value:r}:null}function rn(e){let t=[];for(let[n,r]of e.entries()){if(!en.includes(n))continue;let e=nn(r);e&&t.push({id:`${n}:${t.length+1}`,field:n,operator:e.operator,values:[e.value]})}return t}function an(e){en.forEach(t=>e.delete(t))}function on(e,t,n){let r=new URLSearchParams(e),i=$(t,n);return r.delete(`filter`),an(r),i&&r.set(`filter`,i),r}function sn(e,t,n=!t){return!!e&&n&&!t&&$t(e)}function cn(e){let[t,n]=c(),r=(0,q.useRef)(null),i=(0,q.useMemo)(()=>t.get(`filter`)??void 0,[t]),a=(0,q.useMemo)(()=>t.toString(),[t]),o=(0,q.useMemo)(()=>i===void 0?rn(t):Qt(i,e),[i,t,e]),[s,l]=(0,q.useState)(o),u=(0,q.useMemo)(()=>$(s,e),[s,e]);return(0,q.useEffect)(()=>{a!==r.current&&(l(o),r.current=a)},[a,o]),(0,q.useEffect)(()=>{if(r.current!==null&&a!==r.current)return;let i=on(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,q.useCallback)((i,a={})=>{let o=typeof i==`function`?i(s):i,c=on(t,o,e),u=a.replace??!0;l(o),r.current=c.toString(),n(c,{replace:u})},[s,t,n,e]),clearFilters:(0,q.useCallback)(({replace:e=!0}={})=>{let i=new URLSearchParams(t);i.delete(`filter`),an(i),l([]),r.current=i.toString(),n(i,{replace:e})},[t,n])}}function ln(e){return e.get(`id`)?.match(/^is:(.+)$/)?.[1]}var un=({timezone:e,singleCommentId:t})=>{let[n,i]=c(),{filters:a,nql:o,setFilters:l}=cn(e),u=(0,q.useCallback)((r,o,s=`is`)=>{let c=[...a.filter(e=>e.field!==r),b(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,q.useMemo)(()=>t?`id:${s(t)}`:o,[o,t]),f=(0,q.useCallback)(()=>{i(new URLSearchParams,{replace:!1})},[i]),{data:h,isError:g,isFetching:_,isFetchingNextPage:v,isRefetching:y,fetchNextPage:x,hasNextPage:C}=gt({searchParams:{include:Z(!0),...d?{filter:d}:{}},placeholderData:r}),w=_&&!v&&!y,T=d??``,E=a.length>0;return(0,Y.jsx)(p,{className:`size-full`,children:(0,Y.jsx)(m,{className:`relative flex h-full flex-col`,size:`page`,children:(0,Y.jsxs)(K,{"data-testid":`comments-page`,children:[(0,Y.jsxs)(K.Header,{children:[(0,Y.jsxs)(W,{blurredBackground:!1,sticky:!1,children:[(0,Y.jsx)(W.Left,{children:(0,Y.jsx)(W.Title,{children:`Comments`})}),!t&&!E&&(0,Y.jsx)(W.Actions,{children:(0,Y.jsx)(W.ActionGroup,{children:(0,Y.jsx)(ft,{filters:a,siteTimezone:e,onFiltersChange:l})})})]}),!t&&E&&(0,Y.jsx)(Fe,{children:(0,Y.jsx)(ft,{filters:a,siteTimezone:e,onFiltersChange:l})})]}),(0,Y.jsx)(K.Body,{children:w?(0,Y.jsx)(`div`,{className:`flex flex-1 items-center justify-center`,children:(0,Y.jsx)(R,{size:`lg`})}):g?(0,Y.jsxs)(`div`,{className:`flex flex-1 flex-col items-center justify-center`,children:[(0,Y.jsx)(`h2`,{className:`mb-2 text-xl font-medium`,children:`Error loading comments`}),(0,Y.jsx)(`p`,{className:`mb-4 text-muted-foreground`,children:`Please reload the page to try again`}),(0,Y.jsx)(P,{onClick:()=>window.location.reload(),children:`Reload page`})]}):h?.comments.length?(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(Jt,{dislikesEnabled:!0,fetchNextPage:()=>void x(),hasNextPage:C,isFetchingNextPage:v,isLoading:_&&!v,items:h?.comments??[],resetKey:T,totalItems:h?.meta?.pagination?.total??0,onAddFilter:u}),t&&(0,Y.jsx)(`div`,{className:`flex justify-center py-8`,children:(0,Y.jsx)(P,{variant:`outline`,onClick:f,children:`Show all comments`})})]}):(0,Y.jsx)(`div`,{className:`flex flex-1 items-center justify-center`,children:t?(0,Y.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,Y.jsx)(S,{title:`Comment not found`,children:(0,Y.jsx)(L,{})}),(0,Y.jsx)(P,{className:`mt-4`,variant:`outline`,onClick:f,children:`Show all comments`})]}):(0,Y.jsx)(S,{title:`No comments yet`,children:(0,Y.jsx)(L,{})})})})]})})})},dn=()=>{let[e]=c(),{data:t,isLoading:n}=Te({}),r=(0,q.useMemo)(()=>ln(e),[e]),i=e.get(`filter`)??void 0;if(!r&&sn(i,!!t,n))return(0,Y.jsx)(p,{className:`size-full`,children:(0,Y.jsx)(m,{className:`relative flex h-full flex-col`,size:`page`,children:(0,Y.jsxs)(K,{children:[(0,Y.jsx)(K.Header,{children:(0,Y.jsx)(W,{blurredBackground:!1,sticky:!1,children:(0,Y.jsx)(W.Left,{children:(0,Y.jsx)(W.Title,{children:`Comments`})})})}),(0,Y.jsx)(K.Body,{children:(0,Y.jsx)(`div`,{className:`flex flex-1 items-center justify-center`,children:(0,Y.jsx)(R,{size:`lg`})})})]})})});let a=st(t?.settings??[]);return(0,Y.jsx)(un,{singleCommentId:r,timezone:a})};export{dn as default};

package/core/built/admin/assets/confirmation-modal-CYD7x3UQ.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{c as r}from"./dist-Cb5RSHSg.js";import{c as i,l as a,s as o}from"./use-settings-navigation-BmROPrls.js";import{Pr as s,ar as c,fr as l,gr as u,hr as d,lr as f,mr as p,pr as m}from"./index-DUXM0NlS.js";var h=e(t(),1),g=n(),_=({title:e=`Are you sure?`,prompt:t,cancelLabel:n=`Cancel`,okLabel:o=`OK`,okRunningLabel:_,okVariant:v=`default`,onCancel:y,onOk:b,customFooter:x,formSheet:S=!0,stickyFooter:C=!1,testId:w=`confirmation-modal`})=>{let T=i(),[E,D]=(0,h.useState)(``),O=E===`running`,k=_||o,A=()=>{O||(y?y():T.remove())},j=x===void 0?(0,g.jsxs)(p,{children:[n&&(0,g.jsx)(s,{"data-testid":`cancel-modal`,disabled:O,type:`button`,variant:`outline`,onClick:A,children:n}),o&&(0,g.jsxs)(s,{"aria-busy":O,"data-testid":`ok-modal`,disabled:O,type:`button`,variant:v,onClick:async()=>{D(`running`);try{await b?.(T)}catch(e){console.error(`Unhandled Promise Rejection. Make sure you catch errors in your onOk handler.`,e)}D(``)},children:[O&&(0,g.jsx)(c,{color:`current`,size:`sm`}),O?k:o]})]}):x;return(0,g.jsx)(f,{open:T.visible,onOpenChange:e=>!e&&A(),children:(0,g.jsxs)(l,{className:r(`z-[1100] max-h-[calc(100dvh-4rem)] w-[calc(100%-2rem)] overflow-y-auto bg-background`),"data-testid":w,overlayClassName:r(`z-[1100] bg-foreground/20! backdrop-blur-[3px]`,S&&`bg-foreground/10!`),onEscapeKeyDown:e=>e.stopPropagation(),children:[(0,g.jsxs)(d,{children:[(0,g.jsx)(u,{children:e}),(0,g.jsx)(m,{asChild:!0,children:(0,g.jsx)(`div`,{className:`text-left text-foreground`,children:t})})]}),j&&(C?(0,g.jsx)(a,{className:`-mx-6 -mb-6 w-[calc(100%+3rem)]`,contentClassName:`px-6`,height:84,children:j}):j)]})})},v=o.create(_);export{v as n,_ as t};

package/core/built/admin/assets/custom-integration-modal-bk3lNEuQ.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{m as r,n as i,p as a}from"./hooks-D6EE7BIt.js";import{n as o}from"./dist-Ndy-PuGN.js";import{t as s}from"./use-form-vRjI0Kwk.js";import{m as c}from"./chunk-KS7C4IRE-DG9HTHQ3.js";import{f as l}from"./dist-Cb5RSHSg.js";import{t as u}from"./box-By_EgGtm.js";import{t as d}from"./inline-Cw-gigDW.js";import{t as f}from"./stack-CIfOAAVf.js";import{a as p,i as m,n as h,o as g,r as _,s as v,t as y}from"./select-CkXqNJDJ.js";import{c as b,o as x,s as S,t as C}from"./use-settings-navigation-BmROPrls.js";import{t as w}from"./empty-indicator-WB1WgT9h.js";import{a as T,i as E,o as D,t as O}from"./field-B3OPenbP.js";import{a as k,c as A,n as j,r as M,s as ee,t as te}from"./table-BtLcEi1M.js";import{Da as N,Pr as P,Xn as F,Yi as ne,cr as I,ki as re}from"./index-DUXM0NlS.js";import{a as ie,c as L,i as R,n as z,o as B,r as V,s as H,t as U}from"./images-Ok8FFJ3A.js";import{t as W}from"./validator-Cr0sMKuW.js";import{n as G}from"./confirmation-modal-CYD7x3UQ.js";import{a as K,n as q,t as J}from"./integrations-BT6_iJvu.js";import{t as ae}from"./api-keys-Dx4NeNpK.js";import{t as oe}from"./api-keys-_iCT4dxr.js";var Y=e(t(),1),se=e(W(),1),X=[{label:`Global`,options:[{value:`site.changed`,label:`Site changed (rebuild)`}]},{label:`Posts`,options:[{value:`post.added`,label:`Post created`},{value:`post.deleted`,label:`Post deleted`},{value:`post.edited`,label:`Post updated`},{value:`post.published`,label:`Post published`},{value:`post.published.edited`,label:`Published post updated`},{value:`post.unpublished`,label:`Post unpublished`},{value:`post.scheduled`,label:`Post scheduled`},{value:`post.unscheduled`,label:`Post unscheduled`},{value:`post.tag.attached`,label:`Tag added to post`},{value:`post.tag.detached`,label:`Tag removed from post`}]},{label:`Pages`,options:[{value:`page.added`,label:`Page created`},{value:`page.deleted`,label:`Page deleted`},{value:`page.edited`,label:`Page updated`},{value:`page.published`,label:`Page published`},{value:`page.published.edited`,label:`Published page updated`},{value:`page.unpublished`,label:`Page unpublished`},{value:`page.tag.attached`,label:`Tag added to page`},{value:`page.tag.detached`,label:`Tag removed from page`}]},{label:`Tags`,options:[{value:`tag.added`,label:`Tag created`},{value:`tag.edited`,label:`Tag updated`},{value:`tag.deleted`,label:`Tag deleted`}]},{label:`Members`,options:[{value:`member.added`,label:`Member added`},{value:`member.edited`,label:`Member updated`},{value:`member.deleted`,label:`Member deleted`}]}],Z=e=>X.flatMap(({options:e})=>e).find(t=>t.value===e)?.label,ce=i({method:`POST`,path:()=>`/webhooks/`,body:e=>({webhooks:[e]}),updateQueries:{dataType:J,emberUpdateType:`createOrUpdate`,update:(e,t)=>t&&{...t,integrations:t.integrations.map(t=>{let n=e.webhooks[0];return n.integration_id===t.id?{...t,webhooks:[...t.webhooks||[],n]}:t})}}}),le=i({method:`PUT`,path:e=>`/webhooks/${e.id}/`,body:e=>({webhooks:[e]}),updateQueries:{dataType:J,emberUpdateType:`createOrUpdate`,update:(e,t)=>t&&{...t,integrations:t.integrations.map(t=>({...t,webhooks:t.webhooks?.map(t=>t.id===e.webhooks[0].id?e.webhooks[0]:t)}))}}}),ue=i({method:`DELETE`,path:e=>`/webhooks/${e}/`,updateQueries:{dataType:J,emberUpdateType:`createOrUpdate`,update:(e,t,n)=>({...t,integrations:t.integrations.map(e=>({...e,webhooks:e.webhooks?.filter(e=>e.id!==n)}))})}}),Q=n(),$=S.create(({webhook:e,integrationId:t})=>{let n=Y.useId(),i=b(),{mutateAsync:a}=ce(),{mutateAsync:o}=le(),c=r(),{formState:l,updateForm:u,handleSave:d,errors:f,clearError:S}=s({initialState:e||{},onSave:async()=>{l.id?await o(l):await a({...l,integration_id:t})},onSaveError:c,onValidate:()=>{let e={};return l.name||(e.name=`Enter a name`),l.event||(e.event=`Select an event`),l.target_url||(e.target_url=`Enter a target URL`),l.target_url&&!se.default.isURL(l.target_url,{require_tld:!1})&&(e.target_url=`Enter a valid URL`),e}});return(0,Q.jsx)(x,{okLabel:e?`Update`:`Add`,okVariant:`default`,size:`sm`,testId:`webhook-modal`,title:`Add webhook`,formSheet:!0,onOk:async()=>{await d()&&i.remove()},children:(0,Q.jsx)(`div`,{className:`mt-5`,children:(0,Q.jsxs)(T,{className:`gap-8`,children:[(0,Q.jsxs)(O,{"data-invalid":!!f.name||void 0,children:[(0,Q.jsx)(D,{htmlFor:`webhook-name`,children:`Name`}),(0,Q.jsx)(I,{"aria-invalid":!!f.name||void 0,id:`webhook-name`,maxLength:191,placeholder:`Custom webhook`,value:l.name??``,onChange:e=>u(t=>({...t,name:e.target.value})),onKeyDown:()=>S(`name`)}),f.name&&(0,Q.jsx)(E,{children:f.name})]}),(0,Q.jsxs)(O,{"data-invalid":!!f.event||void 0,children:[(0,Q.jsx)(D,{className:`sr-only`,children:`Event`}),(0,Q.jsxs)(y,{value:l.event??``,onValueChange:e=>{u(t=>({...t,event:e})),S(`event`)},children:[(0,Q.jsx)(g,{"aria-describedby":f.event?n:void 0,"aria-invalid":!!f.event||void 0,"aria-label":`Event`,"data-testid":`event-select`,children:(0,Q.jsx)(v,{placeholder:`Select an event`})}),(0,Q.jsx)(h,{children:X.map(e=>(0,Q.jsxs)(_,{children:[(0,Q.jsx)(p,{children:e.label}),e.options.map(e=>(0,Q.jsx)(m,{value:e.value,children:e.label},e.value))]},e.label))})]}),f.event&&(0,Q.jsx)(E,{id:n,children:f.event})]}),(0,Q.jsxs)(O,{"data-invalid":!!f.target_url||void 0,children:[(0,Q.jsx)(D,{htmlFor:`webhook-target-url`,children:`Target URL`}),(0,Q.jsx)(I,{"aria-invalid":!!f.target_url||void 0,id:`webhook-target-url`,maxLength:2e3,placeholder:`https://example.com`,type:`url`,value:l.target_url??``,onChange:e=>u(t=>({...t,target_url:e.target.value})),onKeyDown:()=>S(`target_url`)}),f.target_url&&(0,Q.jsx)(E,{children:f.target_url})]}),(0,Q.jsxs)(O,{children:[(0,Q.jsx)(D,{htmlFor:`webhook-secret`,children:`Secret`}),(0,Q.jsx)(I,{id:`webhook-secret`,maxLength:191,placeholder:`https://example.com`,value:l.secret||``,onChange:e=>u(t=>({...t,secret:e.target.value}))})]})]})})})}),de=({integration:e})=>{let{mutateAsync:t}=ue(),n=r(),i=e.webhooks||[],a=()=>{S.show($,{integrationId:e.id})},s=e=>{S.show(G,{title:`Are you sure?`,prompt:`Deleting this webhook may prevent the integration from functioning.`,okVariant:`destructive`,okLabel:`Delete Webhook`,onOk:async r=>{try{await t(e),r?.remove(),o.info(`Webhook deleted`)}catch(e){n(e)}}})};return i.length===0?(0,Q.jsxs)(f,{gap:`none`,children:[(0,Q.jsx)(F,{}),(0,Q.jsx)(w,{actions:(0,Q.jsxs)(P,{type:`button`,variant:`outline`,onClick:a,children:[(0,Q.jsx)(N,{}),` Add webhook`]}),className:`py-8`,description:`Add a webhook to send Ghost events to another service.`,title:`No webhooks`,children:(0,Q.jsx)(re,{})}),(0,Q.jsx)(F,{})]}):(0,Q.jsxs)(f,{gap:`none`,children:[(0,Q.jsxs)(te,{children:[(0,Q.jsx)(ee,{children:(0,Q.jsxs)(A,{children:[(0,Q.jsxs)(k,{children:[l(e.webhooks?.length||0),` `,e.webhooks?.length===1?`webhook`:`webhooks`]}),(0,Q.jsx)(k,{children:`Last triggered`}),(0,Q.jsx)(k,{children:(0,Q.jsx)(`span`,{className:`sr-only`,children:`Actions`})})]})}),(0,Q.jsx)(j,{children:i.map(t=>(0,Q.jsxs)(A,{className:`cursor-pointer`,onClick:()=>{S.show($,{webhook:t,integrationId:e.id})},children:[(0,Q.jsxs)(M,{className:`w-3/4 py-3 pr-6`,children:[(0,Q.jsx)(`div`,{className:`font-semibold`,children:t.name}),(0,Q.jsxs)(`div`,{className:`mt-1 grid grid-cols-[max-content_1fr] gap-1 text-sm leading-snug`,children:[(0,Q.jsx)(`span`,{className:`text-muted-foreground`,children:`Event:`}),(0,Q.jsx)(`span`,{children:Z(t.event)}),(0,Q.jsx)(`span`,{className:`text-muted-foreground`,children:`URL:`}),(0,Q.jsx)(`span`,{className:`line-clamp-3 break-all`,title:t.target_url,children:t.target_url})]})]}),(0,Q.jsx)(M,{className:`w-1/4 py-3 pr-6 text-sm`,children:t.last_triggered_at&&new Date(t.last_triggered_at).toLocaleString(`default`,{weekday:`short`,month:`short`,day:`numeric`,year:`numeric`,hour:`2-digit`,minute:`2-digit`,second:`2-digit`})}),(0,Q.jsx)(M,{className:`w-0 text-right`,children:(0,Q.jsx)(P,{className:`text-destructive hover:text-destructive`,size:`sm`,type:`button`,variant:`ghost`,onClick:e=>{e.stopPropagation(),s(t.id)},children:`Delete`})})]},t.id))})]}),(0,Q.jsx)(d,{className:`py-4`,justify:`center`,children:(0,Q.jsxs)(P,{size:`sm`,type:`button`,variant:`outline`,onClick:a,children:[(0,Q.jsx)(N,{}),` Add webhook`]})}),(0,Q.jsx)(F,{})]})},fe=({integration:e})=>{let{updateRoute:t}=C(),{mutateAsync:n}=K(),{mutateAsync:i}=oe(),{mutateAsync:o}=z(),c=r(),{formState:l,updateForm:d,handleSave:p,saveState:m,errors:h,clearError:g,okProps:_}=s({initialState:e,savingDelay:500,savedDelay:500,onSave:async()=>{await n(l)},onSavedStateReset:()=>{t(`integrations`)},onSaveError:c,onValidate:()=>{let e={};return l.name||(e.name=`Enter integration title`),e}}),v=e.api_keys?.find(e=>e.type===`admin`),y=e.api_keys?.find(e=>e.type===`content`),[b,w]=(0,Y.useState)(!1),[T,k]=(0,Y.useState)(!1);(0,Y.useEffect)(()=>{e.type!==`custom`&&t(`integrations`)},[e.type,t]);let A=(t,n)=>{n(!1);let r=t.type===`content`?`Content`:`Admin`;S.show(G,{title:`Regenerate ${r} API Key`,prompt:`You can regenerate ${r} API Key any time, but any scripts or applications using it will need to be updated.`,okLabel:`Regenerate ${r} API Key`,onOk:async r=>{try{await i({integrationId:e.id,apiKeyId:t.id}),n(!0),r?.remove()}catch(e){c(e)}}})};return(0,Q.jsxs)(x,{buttonsDisabled:_.disabled,cancelLabel:`Close`,dirty:m===`unsaved`,okLabel:_.label||`Save`,okVariant:_.variant,size:`md`,testId:`custom-integration-modal`,title:l.name||`Custom integration`,stickyFooter:!0,onClose:()=>{t(`integrations`)},onOk:async()=>{await p({fakeWhenUnchanged:!0})},children:[(0,Q.jsxs)(f,{className:`w-full pt-6 md:flex-row`,gap:`xl`,children:[(0,Q.jsx)(`div`,{className:`shrink-0`,children:(0,Q.jsx)(V,{className:`size-25`,children:l.icon_image?(0,Q.jsxs)(L,{children:[(0,Q.jsx)(H,{id:`custom-integration-icon`,src:l.icon_image}),(0,Q.jsx)(ie,{children:(0,Q.jsx)(R,{"aria-label":`Remove icon`,onClick:()=>d(e=>({...e,icon_image:null})),children:(0,Q.jsx)(ne,{})})})]}):(0,Q.jsx)(B,{className:`text-center`,inputId:`custom-integration-icon`,onDropAccepted:async([e])=>{try{let t=U(await o({file:e}));d(e=>({...e,icon_image:t}))}catch(e){let t=e;t.response.status===415&&(t.message=`Unsupported file type`),c(t)}},children:`Upload icon`})})}),(0,Q.jsxs)(f,{className:`min-w-0 grow`,gap:`2xl`,children:[(0,Q.jsxs)(f,{gap:`md`,children:[(0,Q.jsxs)(O,{"data-invalid":!!h.name||void 0,children:[(0,Q.jsx)(D,{htmlFor:`integration-title`,children:`Title`}),(0,Q.jsx)(I,{"aria-invalid":!!h.name||void 0,id:`integration-title`,maxLength:191,value:l.name,onChange:e=>d(t=>({...t,name:e.target.value})),onKeyDown:()=>g(`name`)}),h.name&&(0,Q.jsx)(E,{children:h.name})]}),(0,Q.jsxs)(O,{children:[(0,Q.jsx)(D,{htmlFor:`integration-description`,children:`Description`}),(0,Q.jsx)(I,{id:`integration-description`,maxLength:2e3,value:l.description||``,onChange:e=>d(t=>({...t,description:e.target.value}))})]})]}),(0,Q.jsx)(ae,{keys:[{id:`content-api-key`,label:`Content API key`,text:y?.secret,hint:T?(0,Q.jsx)(`div`,{className:`text-green`,children:`Content API Key was successfully regenerated`}):void 0,onRegenerate:()=>y&&A(y,k)},{id:`admin-api-key`,label:`Admin API key`,text:v?.secret,hint:b?(0,Q.jsx)(`div`,{className:`text-green`,children:`Admin API Key was successfully regenerated`}):void 0,onRegenerate:()=>v&&A(v,w)},{id:`api-url`,label:`API URL`,text:window.location.origin+a().subdir}]})]})]}),(0,Q.jsx)(u,{className:`mt-8`,children:(0,Q.jsx)(de,{integration:e})})]})};function pe(){let{integrationId:e}=c(),{data:{integrations:t}={}}=q(),n=t?.find(({id:t})=>t===e);return n?(0,Q.jsx)(fe,{integration:n}):null}export{pe as default};