ghost 6.54.1 → 6.55.0

package/core/built/admin/assets/profile-Dl69QPp0.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{n as r}from"./dist-Ndy-PuGN.js";import{l as i,m as a}from"./chunk-KS7C4IRE-DG9HTHQ3.js";import{s as o}from"./router-provider-C1R4AZ2o.js";import{s}from"./dist-DGzPJ_bO.js";import{a as c,i as l,n as u,r as d,t as f}from"./tabs-BQcJQ1ke.js";import{t as p}from"./edit-profile-SGrJve5M.js";import{Ai as m,As as h,At as g,Cr as _,Dr as v,Er as ee,F as y,Ft as te,Gn as b,I as x,It as ne,Jn as re,Kt as S,L as ie,Mi as ae,Ni as C,Nr as w,Or as oe,Os as se,Po as ce,Pr as le,Q as T,R as ue,Rn as E,Ro as de,Ut as fe,V as D,Wt as O,Y as k,_o as A,_t as pe,ar as me,at as he,cr as j,ct as ge,dr as M,er as N,es as _e,fr as ve,gr as ye,gs as be,hr as xe,ht as P,ir as F,ja as I,kt as L,lr as R,lt as Se,mr as z,mt as B,or as V,pr as H,sr as U,st as Ce,tr as W,tt as G,ur as K,ut as we,vt as Te,xr as Ee,yo as q,zn as J}from"./index-ukW_0Uie.js";import"./layout-WUcz6tu1.js";import{t as De}from"./settings-H6HxFgfI.js";var Y=e(t(),1);function Oe(e){return typeof e.name==`string`?e.name:typeof e.preferredUsername==`string`?e.preferredUsername:typeof e.preferredUsername==`object`&&e.preferredUsername!==null&&`@value`in e.preferredUsername&&typeof e.preferredUsername[`@value`]==`string`?e.preferredUsername[`@value`]:`Unknown`}var X=n(),ke=({noResultsMessage:e,actors:t,isLoading:n,fetchNextPage:r,hasNextPage:i,isFetchingNextPage:a})=>{let{data:o}=P(`index`,`me`),s=(0,Y.useRef)(null),c=(0,Y.useRef)(null);(0,Y.useEffect)(()=>(s.current&&s.current.disconnect(),s.current=new IntersectionObserver(e=>{e[0].isIntersecting&&i&&!a&&r()}),c.current&&s.current.observe(c.current),()=>{s.current&&s.current.disconnect()}),[i,a,r]);let l=S();return(0,X.jsxs)(`div`,{className:`pt-3`,"data-testid":`actor-list`,children:[i===!1&&t.length===0?(0,X.jsxs)(E,{children:[(0,X.jsx)(J,{children:(0,X.jsx)(C,{})}),e]}):(0,X.jsx)(`div`,{className:`flex flex-col`,children:t.map(({actor:e,isFollowing:t,blockedByMe:n,domainBlockedByMe:r})=>{let i=O(e),a=i===o?.handle;return(0,X.jsx)(Y.Fragment,{children:(0,X.jsx)(G,{actor:e,align:`center`,isCurrentUser:a,side:`left`,children:(0,X.jsx)(`div`,{children:(0,X.jsxs)(D,{"data-testid":`actor-item`,onClick:()=>{T(e,l)},children:[(0,X.jsx)(we,{author:e}),(0,X.jsx)(`div`,{children:(0,X.jsxs)(`div`,{className:`break-anywhere text-gray-600`,children:[(0,X.jsx)(`span`,{className:`mr-1 line-clamp-1 font-bold text-black dark:text-white`,children:Oe(e)}),(0,X.jsx)(`div`,{className:`line-clamp-1 text-sm`,children:i})]})}),n||r?(0,X.jsx)(w,{className:`pointer-events-none ml-auto min-w-[90px]`,variant:`destructive`,children:`Blocked`}):a?null:(0,X.jsx)(Se,{className:`ml-auto`,"data-testid":`follow-button`,following:t,handle:i,type:`secondary`})]},e.id)})})},e.id)})}),(0,X.jsx)(`div`,{ref:c,className:`h-1`}),(a||n)&&(0,X.jsx)(`div`,{className:`mt-6 flex flex-col items-center justify-center gap-4 text-center`,children:(0,X.jsx)(N,{size:`md`})})]})},Z=({posts:e,fetchNextPage:t,hasNextPage:n,isFetchingNextPage:r,isLoading:i})=>{let a=(0,Y.useRef)(null),o=(0,Y.useRef)(null),s=(0,Y.useRef)(null),c=Math.max(0,Math.floor(e.length*.75)-1);(0,Y.useEffect)(()=>(a.current&&a.current.disconnect(),a.current=new IntersectionObserver(e=>{e[0].isIntersecting&&n&&!r&&t()}),o.current&&a.current.observe(o.current),s.current&&a.current.observe(s.current),()=>{a.current&&a.current.disconnect()}),[n,r,t]);let l=S();return(0,X.jsxs)(X.Fragment,{children:[n===!1&&e.length===0&&(0,X.jsxs)(E,{children:[(0,X.jsx)(J,{children:(0,X.jsx)(A,{})}),`You haven't liked anything yet.`]}),(0,X.jsxs)(`ul`,{className:`mx-auto flex max-w-[640px] flex-col`,"data-testid":`profile-likes-list`,children:[e.map((t,n)=>(0,X.jsxs)(`li`,{"data-testid":`profile-like-item`,"data-test-view-article":!0,children:[(0,X.jsx)(k,{actor:t.actor,allowDelete:t.object.authored,commentCount:t.object.replyCount,isLoading:i,layout:`feed`,likeCount:t.object.likeCount,object:t.object,repostCount:t.object.repostCount,type:t.type,onClick:()=>{t.object.type===`Note`?l(`/notes/${encodeURIComponent(t.object.id)}`):t.object.type===`Article`&&l(`/reader/${encodeURIComponent(t.object.id)}`)}}),n<e.length-1&&(0,X.jsx)(b,{}),n===c&&(0,X.jsx)(`div`,{ref:o,className:`h-1`})]},`likes-${t.id}`)),r&&(0,X.jsx)(`li`,{className:`flex flex-col items-center justify-center gap-4 text-center`,children:(0,X.jsx)(N,{size:`md`})})]}),(0,X.jsx)(`div`,{ref:s,className:`h-1`})]})},Ae=({posts:e,fetchNextPage:t,hasNextPage:n,isFetchingNextPage:r,isLoading:i,noResultsMessage:a})=>{let o=(0,Y.useRef)(null),s=(0,Y.useRef)(null),c=(0,Y.useRef)(null),l=Math.max(0,Math.floor(e.length*.75)-1);(0,Y.useEffect)(()=>(o.current&&o.current.disconnect(),o.current=new IntersectionObserver(e=>{e[0].isIntersecting&&n&&!r&&t()}),s.current&&o.current.observe(s.current),c.current&&o.current.observe(c.current),()=>{o.current&&o.current.disconnect()}),[n,r,t]);let u=S();return(0,X.jsxs)(X.Fragment,{children:[n===!1&&e.length===0&&(0,X.jsxs)(E,{children:[(0,X.jsx)(J,{children:(0,X.jsx)(I,{})}),a]}),(0,X.jsxs)(`ul`,{className:`mx-auto flex max-w-[640px] flex-col`,"data-testid":`profile-posts-list`,children:[e.map((t,n)=>(0,X.jsxs)(`li`,{"data-testid":`profile-post-item`,"data-test-view-article":!0,children:[(0,X.jsx)(k,{actor:t.actor,allowDelete:t.object.authored,commentCount:t.object.replyCount,isLoading:i,layout:`feed`,likeCount:t.object.likeCount,object:t.object,repostCount:t.object.repostCount,type:t.type,onClick:()=>{t.object.type===`Note`?u(`/notes/${encodeURIComponent(t.object.id)}`):t.object.type===`Article`&&u(`/reader/${encodeURIComponent(t.object.id)}`)}}),n<e.length-1&&(0,X.jsx)(b,{}),n===l&&(0,X.jsx)(`div`,{ref:s,className:`h-1`})]},`posts-${t.id}`)),r&&(0,X.jsx)(`li`,{className:`flex flex-col items-center justify-center gap-4 text-center`,children:(0,X.jsx)(N,{size:`md`})})]}),(0,X.jsx)(`div`,{ref:c,className:`h-1`})]})},Q=({handle:e,isUserBlocked:t,isDomainBlocked:n,onUnblockUser:i,onUnblockDomain:a,trigger:o,onUnblockComplete:s,isOpen:c,onOpenChange:l})=>{let[u,d]=(0,Y.useState)(!1),[f,p]=(0,Y.useState)(()=>{let e=t&&n,r=t&&!n,i=!t&&n,a=`idle`;return e?a=`dual`:r?a=`userOnly`:i&&(a=`domainOnly`),{mode:a,userUnblocked:!1,domainUnblocked:!1}}),g=c!==void 0,_=g?c:u,[v,ee]=(0,Y.useState)(!1),y=(0,Y.useCallback)(()=>{let e=t&&n,r=t&&!n,i=!t&&n,a=`idle`;e?a=`dual`:r?a=`userOnly`:i&&(a=`domainOnly`),p(e=>({...e,mode:a,userUnblocked:!1,domainUnblocked:!1}))},[t,n]);(0,Y.useEffect)(()=>{_&&!v?(y(),ee(!0)):_||ee(!1)},[_,v,y]);let te=()=>{g?l?.(!0):d(!0)},b=e=>{e||(g?l?.(!1):d(!1))},x=async()=>{await i(),p(e=>({...e,userUnblocked:!0})),(f.mode!==`dual`||f.domainUnblocked)&&(b(!1),s?.()),r.success(`User unblocked`)},ne=async()=>{await a(),p(e=>({...e,domainUnblocked:!0})),(f.mode!==`dual`||f.userUnblocked)&&(b(!1),s?.()),r.success(`Domain unblocked`)},re=e.split(`@`).filter(Boolean)[1];return(0,X.jsxs)(F,{open:_,onOpenChange:b,children:[o&&(0,X.jsx)(ve,{asChild:!0,onClick:te,children:o}),(0,X.jsx)(U,{className:`${f.mode===`dual`&&`max-w-[600px]`}`,children:f.mode===`dual`?(0,X.jsxs)(X.Fragment,{children:[(0,X.jsxs)(K,{children:[(0,X.jsx)(M,{className:`mb-1 flex flex-col gap-1`,children:`Unblock`}),(0,X.jsx)(j,{className:`mt-4!`,asChild:!0,children:(0,X.jsxs)(`div`,{className:`flex flex-col rounded-md border`,children:[(0,X.jsxs)(`div`,{className:`flex justify-between gap-6 p-5`,children:[(0,X.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,X.jsx)(h,{children:`Unblock user`}),(0,X.jsxs)(`p`,{children:[(0,X.jsx)(`span`,{className:`font-semibold text-black`,children:e}),` will be able to follow you and engage with your public posts.`]})]}),(0,X.jsxs)(w,{className:`gap-1 ${f.userUnblocked?`pointer-events-none border-green bg-green text-white hover:bg-green hover:text-white`:`text-red hover:text-red-400`}`,variant:`outline`,onClick:x,children:[(0,X.jsx)(m,{}),f.userUnblocked?`User unblocked`:`Unblock user`]})]}),(0,X.jsx)(`div`,{className:`border-t`}),(0,X.jsxs)(`div`,{className:`flex justify-between gap-6 p-5`,children:[(0,X.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,X.jsx)(h,{children:`Unblock domain`}),(0,X.jsxs)(`p`,{children:[`Users from `,(0,X.jsx)(`span`,{className:`font-semibold text-black`,children:re}),` will be able to follow you and engage with your public posts.`]})]}),(0,X.jsxs)(w,{className:`gap-1 ${f.domainUnblocked?`pointer-events-none border-green bg-green text-white hover:bg-green hover:text-white`:`text-red hover:text-red-400`}`,variant:`outline`,onClick:ne,children:[(0,X.jsx)(q,{}),f.domainUnblocked?`Domain unblocked`:`Unblock domain`]})]})]})})]}),(0,X.jsx)(R,{children:(0,X.jsx)(w,{onClick:()=>b(!1),children:`OK`})})]}):(()=>{let t=f.mode===`userOnly`;return(0,X.jsxs)(X.Fragment,{children:[(0,X.jsxs)(K,{children:[(0,X.jsx)(M,{className:`mb-1 flex flex-col gap-1`,children:t?`Unblock this user?`:`Unblock this domain?`}),(0,X.jsx)(j,{children:t?(0,X.jsxs)(X.Fragment,{children:[(0,X.jsx)(`span`,{className:`font-semibold text-black`,children:e}),` will be able to follow you and engage with your public posts.`]}):(0,X.jsxs)(X.Fragment,{children:[`Users from `,(0,X.jsx)(`span`,{className:`font-semibold text-black`,children:re}),` will be able to follow you and engage with your public posts.`]})})]}),(0,X.jsxs)(R,{children:[(0,X.jsx)(V,{children:`Cancel`}),(0,X.jsx)(w,{onClick:t?x:ne,children:`Unblock`})]})]})})()})]})},je=({account:e,children:t,onCopyHandle:n,onBlockAccount:r,onBlockDomain:i,disabled:a=!1,isBlocked:o=!1,isDomainBlocked:s=!1})=>{let[c,l]=(0,Y.useState)(null),[u,d]=(0,Y.useState)(!1),f=e=>{e.stopPropagation(),n()},p=e=>{e.stopPropagation(),r()},m=e=>{e.stopPropagation(),i()},h=e?.handle,g=h?.split(`@`).filter(Boolean)[1];return(0,X.jsxs)(X.Fragment,{children:[(0,X.jsxs)(H,{children:[(0,X.jsx)(ye,{disabled:a,asChild:!0,onClick:e=>e.stopPropagation(),children:t}),(0,X.jsx)(xe,{align:`end`,className:`p-2`,children:(0,X.jsxs)(`div`,{className:`flex w-48 flex-col`,children:[(0,X.jsx)(z,{asChild:!0,children:(0,X.jsx)(w,{className:`justify-start`,variant:`ghost`,onClick:f,children:`Copy handle`})}),(0,X.jsx)(z,{asChild:!0,children:(0,X.jsx)(w,{className:`justify-start text-red hover:bg-red/5 hover:text-red`,variant:`ghost`,onClick:e=>{e.stopPropagation(),!o&&!s&&l(`user`),d(!0)},children:o?`Unblock user`:s?`Unblock domain`:`Block user`})})]})})]}),o||s?e&&(0,X.jsx)(Q,{handle:e.handle,isDomainBlocked:e.domainBlockedByMe,isOpen:u,isUserBlocked:e.blockedByMe,onOpenChange:d,onUnblockDomain:i,onUnblockUser:r}):(0,X.jsx)(F,{open:u,onOpenChange:d,children:(0,X.jsxs)(U,{onClick:e=>e.stopPropagation(),children:[(0,X.jsxs)(K,{children:[(0,X.jsx)(M,{className:`mb-1 flex flex-col gap-1`,children:c===`user`?`Block this user?`:`Block this domain?`}),(0,X.jsx)(j,{children:c===`user`?(0,X.jsxs)(X.Fragment,{children:[(0,X.jsx)(`span`,{className:`font-semibold text-black`,children:h}),` will be able to see your public posts, but will no longer be able follow you or interact with your content on the social web.`]}):(0,X.jsxs)(X.Fragment,{children:[`All users from `,(0,X.jsx)(`span`,{className:`font-semibold text-black`,children:g}),` will be able to see your public posts, but won't be able to follow you or interact with your content.`]})})]}),(0,X.jsxs)(R,{children:[c!==`domain`&&(0,X.jsx)(w,{className:`mr-auto -ml-3 hover:bg-transparent hover:opacity-80`,variant:`ghost`,onClick:e=>{e.stopPropagation(),l(`domain`)},children:`Block domain instead`}),(0,X.jsx)(V,{onClick:e=>e.stopPropagation(),children:`Cancel`}),(0,X.jsx)(me,{className:le({variant:`destructive`}),onClick:c===`user`?p:m,children:`Block`})]})]})})]})},Me=({account:e,onUnblock:t,onDomainUnblock:n,className:r=``})=>{let[i,a]=(0,Y.useState)(!1),o=(0,X.jsx)(w,{className:`min-w-[90px] ${r}`,variant:`destructive`,onMouseEnter:()=>a(!0),onMouseLeave:()=>a(!1),children:i?`Unblock`:`Blocked`});return(0,X.jsx)(Q,{handle:e.handle,isDomainBlocked:e.domainBlockedByMe,isUserBlocked:e.blockedByMe,trigger:o,onUnblockDomain:n,onUnblockUser:t})},Ne=()=>{},$=({account:e,customFields:t,isLoadingAccount:n,postsTab:m,likesTab:g,followingTab:y,followersTab:b})=>{let C=a(),le=i(),T=S(),{canGoBack:fe}=o(),D=C.handle?`/profile/${C.handle}`:`/profile`,O=!C.handle,k=C.handle?C.tab||``:le.pathname.split(`/`).pop()||``,A=(0,Y.useMemo)(()=>O?[`likes`,`following`,`followers`]:[`following`,`followers`],[O]),me=A.includes(k)?k:`posts`,j=Te(`index`),M=ne(`index`),N=pe(`index`),ve=te(`index`),ye=P(`index`,`me`),{data:xe}=C.handle?ye:{data:void 0},F=C.handle===xe?.handle||!C.handle,I=e?.blockedByMe,L=e?.domainBlockedByMe,[R,z]=(0,Y.useState)(!1),[B,V]=(0,Y.useState)(!1),H=(0,Y.useRef)(null);(0,Y.useEffect)(()=>()=>{H.current&&window.clearTimeout(H.current)},[]);let U=()=>{I?M.mutate(e):(j.mutate(e),r.success(`User blocked`)),z(!1)},G=()=>{L?ve.mutate({url:e.apId,handle:e.handle}):(N.mutate({url:e.apId,handle:e.handle}),r.success(`Domain blocked`)),z(!1)},K=async()=>{if(!e?.handle||!navigator?.clipboard?.writeText){r.error(`Unable to copy handle`);return}try{await navigator.clipboard.writeText(e.handle),V(!0),r.success(`Handle copied`),H.current&&window.clearTimeout(H.current),H.current=window.setTimeout(()=>V(!1),2e3)}catch{r.error(`Failed to copy handle`),V(!1)}},[q,Oe]=(0,Y.useState)(!1),[ke,Z]=(0,Y.useState)(!1),Ae=()=>{Oe(!q)},Q=(0,Y.useRef)(null),[$,Pe]=(0,Y.useState)(!1);(0,Y.useEffect)(()=>{Q.current&&Pe(Q.current.scrollHeight>160)},[q,e?.bio,t,n]),(0,Y.useEffect)(()=>{k&&(A.includes(k)||T(D,{replace:!0}))},[A,D,T,k]);let Fe=e=>e===`posts`?D:`${D}/${e}`,Ie=e=>{e!==me&&T(Fe(e),{replace:!0})};return!n&&!e?(0,X.jsx)(ue,{children:(0,X.jsx)(`div`,{className:`mx-auto mt-4 flex w-full max-w-[620px] flex-col items-center [&_svg]:translate-x-px`,children:(0,X.jsxs)(ie,{children:[(0,X.jsx)(x,{children:(0,X.jsx)(ae,{})}),(0,X.jsx)(`div`,{children:`Profile not found`})]})})}):(0,X.jsx)(ue,{children:(0,X.jsx)(`div`,{className:`z-0 mx-[max(-4vw,-24px)] -mt-9 flex flex-col items-center pb-16`,children:(0,X.jsx)(`div`,{className:`mx-auto w-full`,children:(0,X.jsxs)(X.Fragment,{children:[e?.bannerImageUrl?(0,X.jsx)(`div`,{className:`h-[15vw] min-h-[200px] w-full overflow-hidden bg-gradient-to-tr from-gray-200 to-gray-100`,children:(0,X.jsx)(`img`,{alt:e?.name,className:`size-full object-cover`,referrerPolicy:`no-referrer`,src:e?.bannerImageUrl})}):(0,X.jsx)(`div`,{className:`h-[max(8vw,132px)] w-full overflow-hidden bg-gradient-to-tr from-white to-white dark:from-black dark:to-black`}),(0,X.jsxs)(`div`,{className:`mx-auto max-w-[620px] px-6 ${!e?.bannerImageUrl&&!fe?`-mt-8`:`-mt-12`}`,children:[(0,X.jsxs)(`div`,{className:`flex items-end justify-between`,children:[(0,X.jsx)(`div`,{className:`-ml-2 rounded-full bg-white p-1 dark:bg-background`,children:n?(0,X.jsx)(W,{className:`size-[92px] rounded-full`}):(0,X.jsx)(we,{author:{icon:{url:e?.avatarUrl},name:e?.name,handle:e?.handle},size:`lg`})}),!F&&!n&&(0,X.jsxs)(`div`,{className:`flex gap-2`,children:[I||L?(0,X.jsx)(Me,{account:e,onDomainUnblock:G,onUnblock:U}):(0,X.jsx)(Se,{following:e?.followedByMe,handle:e?.handle,type:`primary`,onFollow:Ne,onUnfollow:Ne}),(0,X.jsx)(je,{account:e,isBlocked:I,isDomainBlocked:L,onBlockAccount:U,onBlockDomain:G,onCopyHandle:K,children:(0,X.jsx)(w,{"aria-label":`Open profile menu`,variant:`outline`,children:(0,X.jsx)(ce,{})})})]}),F&&!n&&(0,X.jsxs)(Ee,{open:ke,onOpenChange:Z,children:[(0,X.jsx)(oe,{children:(0,X.jsx)(De,{children:(0,X.jsx)(w,{variant:`secondary`,children:`Edit profile`})})}),(0,X.jsxs)(_,{className:`w-full max-w-[520px]`,onOpenAutoFocus:e=>e.preventDefault(),children:[(0,X.jsx)(ee,{children:(0,X.jsx)(v,{children:`Profile settings`})}),e&&(0,X.jsx)(p,{account:e,setIsEditingProfile:Z})]})]})]}),(0,X.jsx)(se,{className:`break-anywhere mt-4 truncate`,children:n?(0,X.jsx)(W,{className:`w-32`}):e?.name}),(0,X.jsxs)(`div`,{className:`mb-4 flex items-center gap-2`,children:[(0,X.jsx)(`a`,{className:`inline-flex max-w-full truncate text-[1.5rem] text-gray-800 hover:text-gray-900 dark:text-gray-600 dark:hover:text-gray-500`,href:e?.url,rel:`noopener noreferrer`,target:`_blank`,children:(0,X.jsx)(`span`,{className:`truncate`,children:n?(0,X.jsx)(W,{className:`w-full max-w-56`}):e?.handle})}),!n&&(0,X.jsx)(w,{className:`-ml-1.5 size-6 p-0 text-gray-800 hover:text-gray-900 dark:text-gray-700 dark:hover:text-gray-600`,title:`Copy handle`,variant:`link`,onClick:K,children:B?(0,X.jsx)(_e,{size:16}):(0,X.jsx)(de,{size:16})}),e?.followsMe&&!n&&(0,X.jsx)(re,{className:`mt-px whitespace-nowrap`,variant:`secondary`,children:`Follows you`})]}),(e?.bio||t?.length>0)&&(0,X.jsxs)(`div`,{ref:Q,className:`ap-profile-content break-anywhere relative text-[1.5rem] [&>p]:mb-3 ${q?`max-h-none pb-7`:`max-h-[160px] overflow-hidden`} relative`,children:[n?(0,X.jsxs)(X.Fragment,{children:[(0,X.jsx)(W,{}),(0,X.jsx)(W,{className:`w-full max-w-48`})]}):(0,X.jsx)(`div`,{dangerouslySetInnerHTML:{__html:Ce(he(ge(e?.bio??``,[`a`,`br`])))}}),t?.map(e=>(0,X.jsxs)(`span`,{className:`mt-3 line-clamp-1 flex flex-col text-[1.5rem]`,children:[(0,X.jsx)(`span`,{className:`text-xs font-semibold`,children:e.name}),(0,X.jsx)(`span`,{dangerouslySetInnerHTML:{__html:Ce(e.value)},className:`ap-profile-content truncate`})]},e.name)),!q&&$&&(0,X.jsx)(`div`,{className:`absolute inset-x-0 bottom-0 h-16 bg-gradient-to-t from-white via-white/100 via-60% to-transparent dark:from-black dark:via-black/100`}),$&&(0,X.jsx)(w,{className:`absolute bottom-0 h-auto p-0 text-md`,variant:`link`,onClick:Ae,children:q?`Show less`:`Show all`})]}),(0,X.jsxs)(f,{className:`mt-5`,value:me,variant:`underline`,onValueChange:e=>Ie(e),children:[(0,X.jsxs)(d,{children:[(0,X.jsx)(l,{value:`posts`,children:`Posts`}),O&&(0,X.jsxs)(l,{value:`likes`,children:[`Likes`,(0,X.jsx)(c,{children:s(e?.likedCount||0)})]}),(0,X.jsxs)(l,{value:`following`,children:[`Following`,(0,X.jsx)(c,{children:s(e?.followingCount||0)})]}),(0,X.jsxs)(l,{value:`followers`,children:[`Followers`,(0,X.jsx)(c,{children:s(e?.followerCount||0)})]})]}),(0,X.jsx)(u,{value:`posts`,children:(I||L)&&!R?(0,X.jsxs)(E,{children:[(0,X.jsx)(J,{children:(0,X.jsx)(be,{})}),(0,X.jsxs)(`div`,{className:`mt-2 flex flex-col items-center gap-0.5`,children:[(0,X.jsxs)(h,{children:[e.name,` is blocked`]}),(0,X.jsx)(`p`,{children:`You can view the posts, but it won't unblock the user.`}),(0,X.jsx)(w,{className:`mt-4`,variant:`secondary`,onClick:()=>z(!0),children:`View posts`})]})]}):m}),O&&(0,X.jsx)(u,{value:`likes`,children:g}),(0,X.jsx)(u,{value:`following`,children:y}),(0,X.jsx)(u,{value:`followers`,children:b})]},C.handle||e?.handle||`current-user`)]})]})})})})},Pe=({handle:e})=>{let{postsByAccountQuery:t}=L(e||`me`,{enabled:!0}),{data:n,fetchNextPage:r,hasNextPage:i,isFetchingNextPage:a,isLoading:o}=t,s=n?.pages.flatMap(e=>e.posts)??Array.from({length:5},(e,t)=>({id:`placeholder-${t}`,object:{}}));return(0,X.jsx)(Ae,{fetchNextPage:r,hasNextPage:i,isFetchingNextPage:a,isLoading:o,noResultsMessage:e?`${e} hasn't posted anything yet`:`You haven't posted anything yet.`,posts:s})},Fe=()=>{let{postsLikedByAccountQuery:e}=g({enabled:!0}),{data:t,fetchNextPage:n,hasNextPage:r,isFetchingNextPage:i,isLoading:a}=e;return(0,X.jsx)(Z,{fetchNextPage:n,hasNextPage:r,isFetchingNextPage:i,isLoading:a,posts:t?.pages.flatMap(e=>e.posts)??Array.from({length:5},(e,t)=>({id:`placeholder-${t}`,object:{}}))})},Ie=({handle:e})=>{let{data:t,fetchNextPage:n,hasNextPage:r,isFetchingNextPage:i,isLoading:a}=B(e===``?`me`:e,`following`);return(0,X.jsx)(ke,{actors:t?.pages.flatMap(e=>`following`in e?e.following:`accounts`in e?e.accounts.map(e=>({actor:{id:e.id,name:e.name,handle:e.handle,icon:{url:e.avatarUrl}},isFollowing:e.isFollowing,blockedByMe:e.blockedByMe,domainBlockedByMe:e.domainBlockedByMe})):[])??[],fetchNextPage:n,hasNextPage:r,isFetchingNextPage:i,isLoading:a,noResultsMessage:`${e||`You`} have no following`})},Le=({handle:e})=>{let{data:t,fetchNextPage:n,hasNextPage:r,isFetchingNextPage:i,isLoading:a}=B(e===``?`me`:e,`followers`);return(0,X.jsx)(ke,{actors:t?.pages.flatMap(e=>`followers`in e?e.followers:`accounts`in e?e.accounts.map(e=>({actor:{id:e.id,name:e.name,handle:e.handle,icon:{url:e.avatarUrl}},isFollowing:e.isFollowing})):[])??[],fetchNextPage:n,hasNextPage:r,isFetchingNextPage:i,isLoading:a,noResultsMessage:`${e||`You`} have no followers yet`})},Re=()=>{let e=a(),{data:t,isLoading:n,error:r,refetch:i}=P(`index`,e.handle||`me`);if((0,Y.useEffect)(()=>{i()},[e.handle,i]),r&&fe(r)&&r.statusCode!==404)return(0,X.jsx)(y,{errorCode:r.code,statusCode:r.statusCode});let o=Object.keys(t?.customFields||{}).map(e=>({name:e,value:t.customFields[e]}))||[],s=(0,X.jsx)(Pe,{handle:e.handle||``}),c=(0,X.jsx)(Fe,{}),l=(0,X.jsx)(Ie,{handle:e.handle||``});return(0,X.jsx)($,{account:t,customFields:o,followersTab:(0,X.jsx)(Le,{handle:e.handle||``}),followingTab:l,isLoadingAccount:n,likesTab:c,postsTab:s})};export{Re as default};