@tryghost/activitypub 3.1.9 → 3.1.11

package/dist/{feed-CUigsjj5.mjs → feed-BkSec9BE.mjs}

@@ -1,8 +1,8 @@
-import { j as e, aq as k, A as N, c as f, d as y, b as v, ar as P, e as _, H as R, B as g, as as z, C as I, a9 as M, S as b, P as B, aa as W, L as U, F as A, i as E, k as $, E as H, f as D, at as O, au as Q, av as V, aw as q, ax as T } from "./index-DJ5p5ESW.mjs";
-import { S as C } from "./separator-D4W12X08.mjs";
-import { H as X } from "./hash-cJ8IUw77.mjs";
+import { j as e, ar as k, A as N, c as f, d as y, b as v, as as P, e as _, H as R, B as g, at as z, C as I, a9 as M, S as b, P as B, aa as W, L as U, F as A, i as E, k as $, E as H, f as D, au as O, av as Q, aw as V, ax as T, ay as X } from "./index-CSkOAA7W.mjs";
+import { S as C } from "./separator-COhI8ngj.mjs";
+import { H as q } from "./hash-D8uyJrFB.mjs";
 const p = ({ user: n }) => /* @__PURE__ */ e.jsx(k, { children: /* @__PURE__ */ e.jsxs("div", { className: "relative my-5 w-full hover:cursor-pointer", children: [
-  /* @__PURE__ */ e.jsx("div", { className: "pointer-events-none absolute left-4 top-4", children: /* @__PURE__ */ e.jsx(N, { author: n }) }),
+  /* @__PURE__ */ e.jsx("div", { className: "pointer-events-none absolute top-4 left-4", children: /* @__PURE__ */ e.jsx(N, { author: n }) }),
   /* @__PURE__ */ e.jsx("div", { "aria-label": "New post", className: "text inset-0 flex h-[72px] w-full items-center justify-start rounded-lg bg-white pl-[68px] text-left text-[1.5rem] font-normal tracking-normal text-gray-500 shadow-[0_5px_24px_0px_rgba(0,0,0,0.02),0px_2px_5px_0px_rgba(0,0,0,0.07),0px_0px_1px_0px_rgba(0,0,0,0.25)] transition-all hover:bg-white hover:shadow-[0_5px_24px_0px_rgba(0,0,0,0.05),0px_14px_12px_-9px_rgba(0,0,0,0.07),0px_0px_1px_0px_rgba(0,0,0,0.25)] dark:border dark:border-gray-925 dark:bg-black dark:shadow-none dark:hover:border-gray-800 dark:hover:bg-black dark:hover:shadow-none", children: "What's new?" })
 ] }) }), G = () => {
   const n = f(null), l = y(), [c, i] = v(!1), [x, d] = v(!0), { suggestedProfilesQuery: m, updateSuggestedProfile: r } = P("index", 10), { data: o = [], isLoading: a } = m, h = () => {
@@ -35,7 +35,7 @@ const p = ({ user: n }) => /* @__PURE__ */ e.jsx(k, { children: /* @__PURE__ */
     s.scrollBy({ left: 176 * 2, behavior: "smooth" });
   };
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsxs("div", { className: "pb-7 pt-4", children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "pt-4 pb-7", children: [
       /* @__PURE__ */ e.jsxs("div", { className: "mb-3 flex items-center justify-between", children: [
         /* @__PURE__ */ e.jsx(R, { className: "text-lg font-semibold text-black dark:text-white", children: "More people to follow" }),
         /* @__PURE__ */ e.jsx(g, { className: "px-0 font-medium text-gray-700 hover:text-black dark:text-gray-600 dark:hover:text-white", variant: "link", onClick: () => l("/explore"), children: "Find more →" })
@@ -44,7 +44,7 @@ const p = ({ user: n }) => /* @__PURE__ */ e.jsx(k, { children: /* @__PURE__ */
         c && /* @__PURE__ */ e.jsx(
           g,
           {
-            className: "absolute -left-10 top-1/2 z-10 size-10 -translate-y-1/2 text-gray-700 hover:bg-transparent max-lg:hidden dark:text-gray-600 dark:hover:text-white",
+            className: "absolute top-1/2 -left-10 z-10 size-10 -translate-y-1/2 text-gray-700 hover:bg-transparent max-lg:hidden dark:text-gray-600 dark:hover:text-white",
             variant: "ghost",
             onClick: F,
             children: /* @__PURE__ */ e.jsx(z, { className: "size-6!" })
@@ -53,7 +53,7 @@ const p = ({ user: n }) => /* @__PURE__ */ e.jsx(k, { children: /* @__PURE__ */
         x && /* @__PURE__ */ e.jsx(
           g,
           {
-            className: "absolute -right-10 top-1/2 z-10 size-10 -translate-y-1/2 text-gray-700 hover:bg-transparent max-lg:hidden dark:text-gray-600 dark:hover:text-white",
+            className: "absolute top-1/2 -right-10 z-10 size-10 -translate-y-1/2 text-gray-700 hover:bg-transparent max-lg:hidden dark:text-gray-600 dark:hover:text-white",
             variant: "ghost",
             onClick: L,
             children: /* @__PURE__ */ e.jsx(I, { className: "size-6!" })
@@ -78,7 +78,7 @@ const p = ({ user: n }) => /* @__PURE__ */ e.jsx(k, { children: /* @__PURE__ */
                   /* @__PURE__ */ e.jsx(
                     g,
                     {
-                      className: "absolute right-2 top-1 hidden p-1 text-gray-400 hover:text-gray-600 dark:hover:text-gray-300",
+                      className: "absolute top-1 right-2 hidden p-1 text-gray-400 hover:text-gray-600 dark:hover:text-gray-300",
                       variant: "link",
                       onClick: (w) => {
                         w.stopPropagation(), t((s == null ? void 0 : s.id) || "");
@@ -135,7 +135,7 @@ const p = ({ user: n }) => /* @__PURE__ */ e.jsx(k, { children: /* @__PURE__ */
     r.current && r.current.disconnect();
   }), [x, d, i]);
   const h = Math.max(0, Math.floor(l.length * 0.75) - 1);
-  return /* @__PURE__ */ e.jsx(U, { children: /* @__PURE__ */ e.jsx("div", { className: "flex w-full flex-col", children: /* @__PURE__ */ e.jsx("div", { className: "w-full", children: l.length > 0 ? /* @__PURE__ */ e.jsx("div", { className: "my-4", children: /* @__PURE__ */ e.jsx("div", { className: "mx-auto flex items-start gap-11", children: /* @__PURE__ */ e.jsx("div", { className: "flex w-full min-w-0 flex-col items-center", children: /* @__PURE__ */ e.jsxs("div", { className: "flex w-full min-w-0 max-w-[620px] flex-col items-start", children: [
+  return /* @__PURE__ */ e.jsx(U, { children: /* @__PURE__ */ e.jsx("div", { className: "flex w-full flex-col", children: /* @__PURE__ */ e.jsx("div", { className: "w-full", children: l.length > 0 ? /* @__PURE__ */ e.jsx("div", { className: "my-4", children: /* @__PURE__ */ e.jsx("div", { className: "mx-auto flex items-start gap-11", children: /* @__PURE__ */ e.jsx("div", { className: "flex w-full min-w-0 flex-col items-center", children: /* @__PURE__ */ e.jsxs("div", { className: "flex w-full max-w-[620px] min-w-0 flex-col items-start", children: [
     /* @__PURE__ */ e.jsx(p, { user: c }),
     /* @__PURE__ */ e.jsxs("ul", { className: "mx-auto flex w-full flex-col px-4 max-lg:px-0", "data-testid": "feed-list", children: [
       l.map((t, u) => /* @__PURE__ */ e.jsxs(
@@ -175,7 +175,7 @@ const p = ({ user: n }) => /* @__PURE__ */ e.jsx(k, { children: /* @__PURE__ */
   ] }) }) }) }) : /* @__PURE__ */ e.jsx("div", { className: "flex w-full flex-col items-center gap-10", children: /* @__PURE__ */ e.jsxs("div", { className: "mt-4 flex w-full max-w-[620px] flex-col items-center", children: [
     /* @__PURE__ */ e.jsx(p, { user: c }),
     /* @__PURE__ */ e.jsx("div", { className: "mt-[-128px]", children: /* @__PURE__ */ e.jsxs(H, { children: [
-      /* @__PURE__ */ e.jsx(D, { children: /* @__PURE__ */ e.jsx(X, {}) }),
+      /* @__PURE__ */ e.jsx(D, { children: /* @__PURE__ */ e.jsx(q, {}) }),
       /* @__PURE__ */ e.jsxs("div", { children: [
         "The Feed is the stream of thoughts and ",
         /* @__PURE__ */ e.jsx("span", { className: "text-black dark:text-white", children: "bite-sized updates" }),
@@ -189,7 +189,7 @@ const p = ({ user: n }) => /* @__PURE__ */ e.jsx(k, { children: /* @__PURE__ */
   ] }) }) }) }) });
 }, ee = () => {
   const { feedQuery: n } = Q({ enabled: !0 }), { data: l, error: c, fetchNextPage: i, hasNextPage: x, isFetchingNextPage: d, isLoading: m } = n, r = (l == null ? void 0 : l.pages.flatMap((a) => a.posts)) ?? Array.from({ length: 5 }, (a, h) => ({ id: `placeholder-${h}`, object: {} })), { data: o } = V("index");
-  return c && q(c) ? /* @__PURE__ */ e.jsx(T, { errorCode: c.code, statusCode: c.statusCode }) : /* @__PURE__ */ e.jsx(
+  return c && T(c) ? /* @__PURE__ */ e.jsx(X, { errorCode: c.code, statusCode: c.statusCode }) : /* @__PURE__ */ e.jsx(
     J,
     {
       activities: r,
@@ -204,4 +204,4 @@ const p = ({ user: n }) => /* @__PURE__ */ e.jsx(k, { children: /* @__PURE__ */
 export {
   ee as default
 };
-//# sourceMappingURL=feed-CUigsjj5.mjs.map
+//# sourceMappingURL=feed-BkSec9BE.mjs.map

package/dist/feed-BkSec9BE.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"feed-BkSec9BE.mjs","sources":["../src/views/feed/components/feed-input.tsx","../src/views/feed/components/suggested-profiles.tsx","../src/views/feed/components/feed-list.tsx","../src/views/feed/feed.tsx"],"sourcesContent":["import APAvatar from '@src/components/global/ap-avatar';\nimport NewNoteModal from '@src/components/modals/new-note-modal';\nimport {ActorProperties} from '@tryghost/admin-x-framework/api/activitypub';\n\nconst FeedInput: React.FC<{user?: ActorProperties}> = ({user}) => {\n    return (\n        <NewNoteModal>\n            <div className='relative my-5 w-full hover:cursor-pointer'>\n                <div className='pointer-events-none absolute top-4 left-4'>\n                    <APAvatar author={user as ActorProperties} />\n                </div>\n                <div aria-label='New post' className='text inset-0 flex h-[72px] w-full items-center justify-start rounded-lg bg-white pl-[68px] text-left text-[1.5rem] font-normal tracking-normal text-gray-500 shadow-[0_5px_24px_0px_rgba(0,0,0,0.02),0px_2px_5px_0px_rgba(0,0,0,0.07),0px_0px_1px_0px_rgba(0,0,0,0.25)] transition-all hover:bg-white hover:shadow-[0_5px_24px_0px_rgba(0,0,0,0.05),0px_14px_12px_-9px_rgba(0,0,0,0.07),0px_0px_1px_0px_rgba(0,0,0,0.25)] dark:border dark:border-gray-925 dark:bg-black dark:shadow-none dark:hover:border-gray-800 dark:hover:bg-black dark:hover:shadow-none'>What&apos;s new?</div>\n            </div>\n        </NewNoteModal>\n    );\n};\n\nexport default FeedInput;","import APAvatar from '@src/components/global/ap-avatar';\nimport FollowButton from '@src/components/global/follow-button';\nimport ProfilePreviewHoverCard from '@components/global/profile-preview-hover-card';\nimport {Account} from '@src/api/activitypub';\nimport {Button, Separator, Skeleton} from '@tryghost/shade/components';\nimport {H4} from '@tryghost/shade/primitives';\nimport {LucideIcon} from '@tryghost/shade/utils';\nimport {useEffect, useRef, useState} from 'react';\nimport {useNavigateWithBasePath} from '@src/hooks/use-navigate-with-base-path';\nimport {useSuggestedProfilesForUser} from '@src/hooks/use-activity-pub-queries';\n\nconst SuggestedProfiles: React.FC = () => {\n    const scrollContainerRef = useRef<HTMLDivElement>(null);\n    const navigate = useNavigateWithBasePath();\n    const [canScrollLeft, setCanScrollLeft] = useState(false);\n    const [canScrollRight, setCanScrollRight] = useState(true);\n\n    const {suggestedProfilesQuery, updateSuggestedProfile} = useSuggestedProfilesForUser('index', 10);\n    const {data: suggestedProfilesData = [], isLoading: isLoadingSuggestedProfiles} = suggestedProfilesQuery;\n\n    const updateScrollButtons = () => {\n        const container = scrollContainerRef.current;\n        if (!container) {\n            return;\n        }\n\n        const canScrollL = container.scrollLeft > 0;\n        const canScrollR = container.scrollLeft < container.scrollWidth - container.clientWidth;\n\n        setCanScrollLeft(canScrollL);\n        setCanScrollRight(canScrollR);\n    };\n\n    useEffect(() => {\n        updateScrollButtons();\n    }, [suggestedProfilesData]);\n\n    if (!isLoadingSuggestedProfiles && (!suggestedProfilesData || suggestedProfilesData.length < 4)) {\n        return null;\n    }\n\n    const handleDismiss = (profileId: string) => {\n        // TODO: Implement dismiss functionality\n        void profileId;\n    };\n\n    const handleFollow = (profile: Account) => {\n        updateSuggestedProfile(profile.id, {\n            followedByMe: true\n        });\n    };\n\n    const handleUnfollow = (profile: Account) => {\n        updateSuggestedProfile(profile.id, {\n            followedByMe: false\n        });\n    };\n\n    const scrollLeft = () => {\n        const container = scrollContainerRef.current;\n        if (!container) {\n            return;\n        }\n\n        const cardWidth = 160 + 16; // w-40 (160px) + gap-4 (16px)\n        container.scrollBy({left: -cardWidth * 2, behavior: 'smooth'});\n    };\n\n    const scrollRight = () => {\n        const container = scrollContainerRef.current;\n        if (!container) {\n            return;\n        }\n\n        const cardWidth = 160 + 16; // w-40 (160px) + gap-4 (16px)\n        container.scrollBy({left: cardWidth * 2, behavior: 'smooth'});\n    };\n\n    return (\n        <>\n            <div className='pt-4 pb-7'>\n                <div className='mb-3 flex items-center justify-between'>\n                    <H4 className='text-lg font-semibold text-black dark:text-white'>More people to follow</H4>\n                    <Button className='px-0 font-medium text-gray-700 hover:text-black dark:text-gray-600 dark:hover:text-white' variant='link' onClick={() => navigate('/explore')}>\n                    Find more &rarr;\n                    </Button>\n                </div>\n\n                <div className='relative'>\n                    {canScrollLeft && (\n                        <Button\n                            className='absolute top-1/2 -left-10 z-10 size-10 -translate-y-1/2 text-gray-700 hover:bg-transparent max-lg:hidden dark:text-gray-600 dark:hover:text-white'\n                            variant='ghost'\n                            onClick={scrollLeft}\n                        >\n                            <LucideIcon.ChevronLeft className='size-6!' />\n                        </Button>\n                    )}\n\n                    {canScrollRight && (\n                        <Button\n                            className='absolute top-1/2 -right-10 z-10 size-10 -translate-y-1/2 text-gray-700 hover:bg-transparent max-lg:hidden dark:text-gray-600 dark:hover:text-white'\n                            variant='ghost'\n                            onClick={scrollRight}\n                        >\n                            <LucideIcon.ChevronRight className='size-6!' />\n                        </Button>\n                    )}\n\n                    <div\n                        ref={scrollContainerRef}\n                        className='flex snap-x snap-mandatory gap-4 overflow-x-auto'\n                        style={{\n                            scrollbarWidth: 'none',\n                            msOverflowStyle: 'none'\n                        }}\n                        onScroll={updateScrollButtons}\n                    >\n                        {(isLoadingSuggestedProfiles ? Array(10).fill(null) : (suggestedProfilesData || [])).map((profile, index) => (\n                            <div\n                                key={profile?.id || `loading-${index}`}\n                                className='relative w-40 shrink-0 snap-start rounded-lg bg-gray-75 p-4 dark:bg-gray-925/30'\n                                onClick={!isLoadingSuggestedProfiles && profile ? () => navigate(`/profile/${profile.handle}`) : undefined}\n                            >\n                                <Button\n                                    className='absolute top-1 right-2 hidden p-1 text-gray-400 hover:text-gray-600 dark:hover:text-gray-300'\n                                    variant='link'\n                                    onClick={(e) => {\n                                        e.stopPropagation();\n                                        handleDismiss(profile?.id || '');\n                                    }}\n                                >\n                                    <LucideIcon.X className='size-4' />\n                                </Button>\n\n                                <div className='flex flex-col items-center text-center'>\n                                    <div className='mb-3'>\n                                        {isLoadingSuggestedProfiles ? (\n                                            <Skeleton className='size-16 rounded-full' />\n                                        ) : (\n                                            <ProfilePreviewHoverCard actor={profile} align='center'>\n                                                <div>\n                                                    <APAvatar\n                                                        author={{\n                                                            icon: {url: profile?.avatarUrl || ''},\n                                                            name: profile?.name || '',\n                                                            handle: profile?.handle || ''\n                                                        }}\n                                                        size='md'\n                                                    />\n                                                </div>\n                                            </ProfilePreviewHoverCard>\n                                        )}\n                                    </div>\n\n                                    <span className='mb-6 w-full truncate font-semibold text-black dark:text-white'>\n                                        {isLoadingSuggestedProfiles ? (\n                                            <Skeleton className='h-5 w-32' />\n                                        ) : (\n                                            profile?.name || ''\n                                        )}\n                                    </span>\n\n                                    {isLoadingSuggestedProfiles ? (\n                                        <Skeleton className='h-8 w-16' />\n                                    ) : (\n                                        <FollowButton\n                                            following={profile?.followedByMe || false}\n                                            handle={profile?.handle || ''}\n                                            type='primary'\n                                            onFollow={() => profile && handleFollow(profile)}\n                                            onUnfollow={() => profile && handleUnfollow(profile)}\n                                        />\n                                    )}\n                                </div>\n                            </div>\n                        ))}\n                    </div>\n                </div>\n            </div>\n            <Separator />\n        </>\n    );\n};\n\nexport default SuggestedProfiles;\n","import FeedInput from './feed-input';\nimport FeedItem from '@src/components/feed/feed-item';\nimport Layout from '@src/components/layout';\nimport NewNoteModal from '@src/components/modals/new-note-modal';\nimport SuggestedProfiles from './suggested-profiles';\nimport {Activity} from '@src/api/activitypub';\nimport {ActorProperties} from '@tryghost/admin-x-framework/api/activitypub';\nimport {Button, LoadingIndicator, Separator} from '@tryghost/shade/components';\nimport {EmptyViewIcon, EmptyViewIndicator} from '@src/components/global/empty-view-indicator';\nimport {LucideIcon} from '@tryghost/shade/utils';\nimport {isPendingActivity} from '@src/utils/pending-activity';\nimport {useEffect, useRef} from 'react';\nimport {useNavigateWithBasePath} from '@src/hooks/use-navigate-with-base-path';\n\nexport type FeedListProps = {\n    isLoading: boolean,\n    activities: Activity[],\n    user: ActorProperties,\n    fetchNextPage: () => void,\n    hasNextPage: boolean,\n    isFetchingNextPage: boolean\n}\n\nconst FeedList:React.FC<FeedListProps> = ({\n    isLoading,\n    activities,\n    user,\n    fetchNextPage,\n    hasNextPage,\n    isFetchingNextPage\n}) => {\n    const navigate = useNavigateWithBasePath();\n\n    const observerRef = useRef<IntersectionObserver | null>(null);\n    const loadMoreRef = useRef<HTMLDivElement | null>(null);\n    const endLoadMoreRef = useRef<HTMLDivElement | null>(null);\n\n    useEffect(() => {\n        if (observerRef.current) {\n            observerRef.current.disconnect();\n        }\n\n        observerRef.current = new IntersectionObserver((entries) => {\n            if (entries[0].isIntersecting && hasNextPage && !isFetchingNextPage) {\n                fetchNextPage();\n            }\n        });\n\n        if (loadMoreRef.current) {\n            observerRef.current.observe(loadMoreRef.current);\n        }\n\n        if (endLoadMoreRef.current) {\n            observerRef.current.observe(endLoadMoreRef.current);\n        }\n\n        return () => {\n            if (observerRef.current) {\n                observerRef.current.disconnect();\n            }\n        };\n    }, [hasNextPage, isFetchingNextPage, fetchNextPage]);\n\n    const loadMoreIndex = Math.max(0, Math.floor(activities.length * 0.75) - 1);\n\n    return (\n        <Layout>\n            <div className='flex w-full flex-col'>\n                <div className='w-full'>\n                    {activities.length > 0 ? (\n                        <div className='my-4'>\n                            <div className='mx-auto flex items-start gap-11'>\n                                <div className='flex w-full min-w-0 flex-col items-center'>\n                                    <div className='flex w-full max-w-[620px] min-w-0 flex-col items-start'>\n                                        <FeedInput user={user} />\n                                        <ul className='mx-auto flex w-full flex-col px-4 max-lg:px-0' data-testid=\"feed-list\">\n                                            {activities.map((activity, index) => (\n                                                <li\n                                                // eslint-disable-next-line react/no-array-index-key\n                                                    key={`${activity.id}-${activity.type}-${index}`} // We are using index here as activity.id is cannot be guaranteed to be unique at the moment\n                                                    data-testid=\"feed-item\"\n                                                    data-test-view-article\n                                                >\n                                                    <FeedItem\n                                                        actor={activity.actor}\n                                                        allowDelete={activity.object.authored}\n                                                        commentCount={activity.object.replyCount ?? 0}\n                                                        isLoading={isLoading}\n                                                        isPending={isPendingActivity(activity.id)}\n                                                        layout={'feed'}\n                                                        likeCount={activity.object.likeCount ?? 0}\n                                                        object={activity.object}\n                                                        repostCount={activity.object.repostCount ?? 0}\n                                                        type={activity.type}\n                                                        onClick={() => {\n                                                            navigate(`/notes/${encodeURIComponent(activity.id)}`);\n                                                        }}\n                                                    />\n                                                    {index < activities.length - 1 && (\n                                                        <Separator />\n                                                    )}\n                                                    {index === 3 && (\n                                                        <SuggestedProfiles />\n                                                    )}\n                                                    {index === loadMoreIndex && (\n                                                        <div ref={loadMoreRef} className='h-1'></div>\n                                                    )}\n                                                </li>\n                                            ))}\n                                            {isFetchingNextPage && (\n                                                <li className='flex flex-col items-center justify-center gap-4 text-center'>\n                                                    <LoadingIndicator size='md' />\n                                                </li>\n                                            )}\n                                        </ul>\n                                        <div ref={endLoadMoreRef} className='h-1'></div>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    ) : (\n                        <div className='flex w-full flex-col items-center gap-10'>\n                            <div className='mt-4 flex w-full max-w-[620px] flex-col items-center'>\n                                <FeedInput user={user} />\n                                <div className='mt-[-128px]'>\n                                    <EmptyViewIndicator>\n                                        <EmptyViewIcon><LucideIcon.Hash /></EmptyViewIcon>\n                                        <div>The Feed is the stream of thoughts and <span className='text-black dark:text-white'>bite-sized updates</span> from people you follow in the Social Web. It&apos;s looking a little empty right now but once the people you follow start posting, their updates will show up here.</div>\n                                        <NewNoteModal>\n                                            <Button className='text-white dark:text-black'>\n                                                <LucideIcon.FilePen />\n                                            Write your first note\n                                            </Button>\n                                        </NewNoteModal>\n                                    </EmptyViewIndicator>\n                                </div>\n                            </div>\n                        </div>\n                    )}\n                </div>\n            </div>\n        </Layout>\n    );\n};\n\nexport default FeedList;\n","import AppError from '@components/layout/error';\nimport FeedList from './components/feed-list';\nimport React from 'react';\nimport {isApiError} from '@src/api/activitypub';\nimport {\n    useFeedForUser,\n    useUserDataForUser\n} from '@hooks/use-activity-pub-queries';\n\nconst Feed: React.FC = () => {\n    const {feedQuery} = useFeedForUser({enabled: true});\n    const {data, error, fetchNextPage, hasNextPage, isFetchingNextPage, isLoading} = feedQuery;\n\n    const activities = (data?.pages.flatMap(page => page.posts) ?? Array.from({length: 5}, (_, index) => ({id: `placeholder-${index}`, object: {}})));\n\n    const {data: user} = useUserDataForUser('index');\n\n    if (error && isApiError(error)) {\n        return <AppError errorCode={error.code} statusCode={error.statusCode}/>;\n    }\n\n    return <FeedList\n        activities={activities}\n        fetchNextPage={fetchNextPage}\n        hasNextPage={hasNextPage!}\n        isFetchingNextPage={isFetchingNextPage}\n        isLoading={isLoading}\n        user={user!}\n    />;\n};\n\nexport default Feed;\n"],"names":["FeedInput","user","jsx","NewNoteModal","jsxs","APAvatar","SuggestedProfiles","scrollContainerRef","useRef","navigate","useNavigateWithBasePath","canScrollLeft","setCanScrollLeft","useState","canScrollRight","setCanScrollRight","suggestedProfilesQuery","updateSuggestedProfile","useSuggestedProfilesForUser","suggestedProfilesData","isLoadingSuggestedProfiles","updateScrollButtons","container","canScrollL","canScrollR","useEffect","handleDismiss","profileId","handleFollow","profile","handleUnfollow","scrollLeft","scrollRight","Fragment","H4","Button","LucideIcon.ChevronLeft","LucideIcon.ChevronRight","index","e","LucideIcon.X","Skeleton","ProfilePreviewHoverCard","FollowButton","Separator","FeedList","isLoading","activities","fetchNextPage","hasNextPage","isFetchingNextPage","observerRef","loadMoreRef","endLoadMoreRef","entries","loadMoreIndex","Layout","activity","FeedItem","isPendingActivity","LoadingIndicator","EmptyViewIndicator","EmptyViewIcon","LucideIcon.Hash","LucideIcon.FilePen","Feed","feedQuery","useFeedForUser","data","error","page","_","useUserDataForUser","isApiError","AppError"],"mappings":"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"}

package/dist/{hash-cJ8IUw77.mjs → hash-D8uyJrFB.mjs}

@@ -1,4 +1,4 @@
-import { a6 as e } from "./index-DJ5p5ESW.mjs";
+import { a6 as e } from "./index-CSkOAA7W.mjs";
 /**
  * @license lucide-react v0.553.0 - ISC
  *
@@ -14,4 +14,4 @@ const y = [
 export {
   x as H
 };
-//# sourceMappingURL=hash-cJ8IUw77.mjs.map
+//# sourceMappingURL=hash-D8uyJrFB.mjs.map

package/dist/hash-D8uyJrFB.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hash-D8uyJrFB.mjs","sources":["../../../node_modules/.pnpm/lucide-react@0.553.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/hash.js"],"sourcesContent":["/**\n * @license lucide-react v0.553.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"line\", { x1: \"4\", x2: \"20\", y1: \"9\", y2: \"9\", key: \"4lhtct\" }],\n  [\"line\", { x1: \"4\", x2: \"20\", y1: \"15\", y2: \"15\", key: \"vyu0kd\" }],\n  [\"line\", { x1: \"10\", x2: \"8\", y1: \"3\", y2: \"21\", key: \"1ggp8o\" }],\n  [\"line\", { x1: \"16\", x2: \"14\", y1: \"3\", y2: \"21\", key: \"weycgp\" }]\n];\nconst Hash = createLucideIcon(\"hash\", __iconNode);\n\nexport { __iconNode, Hash as default };\n//# sourceMappingURL=hash.js.map\n"],"names":["__iconNode","Hash","createLucideIcon"],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,IAAa;AAAA,EACjB,CAAC,QAAQ,EAAE,IAAI,KAAK,IAAI,MAAM,IAAI,KAAK,IAAI,KAAK,KAAK,SAAQ,CAAE;AAAA,EAC/D,CAAC,QAAQ,EAAE,IAAI,KAAK,IAAI,MAAM,IAAI,MAAM,IAAI,MAAM,KAAK,SAAQ,CAAE;AAAA,EACjE,CAAC,QAAQ,EAAE,IAAI,MAAM,IAAI,KAAK,IAAI,KAAK,IAAI,MAAM,KAAK,SAAQ,CAAE;AAAA,EAChE,CAAC,QAAQ,EAAE,IAAI,MAAM,IAAI,MAAM,IAAI,KAAK,IAAI,MAAM,KAAK,SAAQ,CAAE;AACnE,GACMC,IAAOC,EAAiB,QAAQF,CAAU;","x_google_ignoreList":[0]}

package/dist/{inbox-gnZvtbNZ.mjs → inbox-DZqNPQ3D.mjs}

@@ -1,4 +1,4 @@
-import { a6 as o } from "./index-DJ5p5ESW.mjs";
+import { a6 as o } from "./index-CSkOAA7W.mjs";
 /**
  * @license lucide-react v0.553.0 - ISC
  *
@@ -18,4 +18,4 @@ const t = [
 export {
   e as I
 };
-//# sourceMappingURL=inbox-gnZvtbNZ.mjs.map
+//# sourceMappingURL=inbox-DZqNPQ3D.mjs.map

package/dist/inbox-DZqNPQ3D.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"inbox-DZqNPQ3D.mjs","sources":["../../../node_modules/.pnpm/lucide-react@0.553.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/inbox.js"],"sourcesContent":["/**\n * @license lucide-react v0.553.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"polyline\", { points: \"22 12 16 12 14 15 10 15 8 12 2 12\", key: \"o97t9d\" }],\n  [\n    \"path\",\n    {\n      d: \"M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z\",\n      key: \"oot6mr\"\n    }\n  ]\n];\nconst Inbox = createLucideIcon(\"inbox\", __iconNode);\n\nexport { __iconNode, Inbox as default };\n//# sourceMappingURL=inbox.js.map\n"],"names":["__iconNode","Inbox","createLucideIcon"],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,IAAa;AAAA,EACjB,CAAC,YAAY,EAAE,QAAQ,qCAAqC,KAAK,SAAQ,CAAE;AAAA,EAC3E;AAAA,IACE;AAAA,IACA;AAAA,MACE,GAAG;AAAA,MACH,KAAK;AAAA,IACX;AAAA,EACA;AACA,GACMC,IAAQC,EAAiB,SAASF,CAAU;","x_google_ignoreList":[0]}

package/dist/{index-BC1Q-I5Z.mjs → index-Bq0BHGkI.mjs}

@@ -1,7 +1,7 @@
-import { aj as cA, j as t, al as y4, c as aA, e as hA, ae as g3, W as sA, aW as E3, b as mA, ak as _5, an as g1, aE as $5, bm as A6, af as F3, aX as r6, am as VA, aV as x3, b4 as e6, b0 as t6, b1 as C6, bn as n6, b2 as s6, a6 as H3, b5 as o6, s as E1, R as iA, b6 as l6, ai as a6, ah as i6, bo as B6, bp as b2, I as M3, bq as c6, B as v3, k as u6, A as f6, S as j2, Y as h6, O as l4, Q as Q6, aw as d6, ax as p6, L as U6 } from "./index-DJ5p5ESW.mjs";
-import { c as N3, I as w6, u as g6, R as E6 } from "./index-DBDE7Pwv.mjs";
-import { C as m3 } from "./copy-DpM3ttP6.mjs";
-import { a as F6 } from "./settings-CK06at6A.mjs";
+import { ae as cA, j as t, am as y4, c as aA, e as hA, W as sA, b as mA, al as _5, ao as g1, az as $5, bj as A6, ah as g3, aR as r6, an as VA, aS as E3, aQ as F3, b1 as e6, ag as x3, aY as t6, aZ as C6, bk as n6, a_ as s6, a6 as H3, b2 as o6, s as E1, R as iA, b3 as l6, aj as a6, ak as i6, bl as B6, bm as b2, I as M3, B as v3, k as c6, bn as u6, A as f6, S as j2, Y as h6, O as l4, Q as Q6, ax as d6, ay as p6, L as U6 } from "./index-CSkOAA7W.mjs";
+import { I as w6, c as N3, u as g6, R as E6 } from "./index-nevBSPxu.mjs";
+import { C as m3 } from "./copy-Ba_lzzCd.mjs";
+import { a as F6 } from "./settings-CEx9EwpB.mjs";
 var x6 = Object.freeze({
   // See: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_visually-hidden.scss
   position: "absolute",
@@ -25,7 +25,7 @@ var x6 = Object.freeze({
   )
 );
 K3.displayName = H6;
-var M6 = K3, [F1] = g3("Tooltip", [
+var M6 = K3, [F1] = x3("Tooltip", [
   E3
 ]), x1 = E3(), I3 = "TooltipProvider", v6 = 700, $1 = "tooltip.open", [N6, E2] = F1(I3), R3 = (A) => {
   const {
@@ -115,7 +115,7 @@ var O4 = "Tooltip", [m6, G4] = F1(O4), Z3 = (A) => {
 Z3.displayName = O4;
 var A2 = "TooltipTrigger", b3 = cA(
   (A, r) => {
-    const { __scopeTooltip: e, ...C } = A, n = G4(A2, e), s = E2(A2, e), o = x1(e), l = aA(null), a = F3(r, l, n.onTriggerChange), i = aA(!1), B = aA(!1), c = sA(() => i.current = !1, []);
+    const { __scopeTooltip: e, ...C } = A, n = G4(A2, e), s = E2(A2, e), o = x1(e), l = aA(null), a = g3(r, l, n.onTriggerChange), i = aA(!1), B = aA(!1), c = sA(() => i.current = !1, []);
     return hA(() => () => document.removeEventListener("pointerup", c), [c]), /* @__PURE__ */ t.jsx(r6, { asChild: !0, ...o, children: /* @__PURE__ */ t.jsx(
       y4.button,
       {
@@ -146,16 +146,16 @@ var F2 = "TooltipPortal", [K6, I6] = F1(F2, {
   forceMount: void 0
 }), j3 = (A) => {
   const { __scopeTooltip: r, forceMount: e, children: C, container: n } = A, s = G4(F2, r);
-  return /* @__PURE__ */ t.jsx(K6, { scope: r, forceMount: e, children: /* @__PURE__ */ t.jsx(x3, { present: e || s.open, children: /* @__PURE__ */ t.jsx(e6, { asChild: !0, container: n, children: C }) }) });
+  return /* @__PURE__ */ t.jsx(K6, { scope: r, forceMount: e, children: /* @__PURE__ */ t.jsx(F3, { present: e || s.open, children: /* @__PURE__ */ t.jsx(e6, { asChild: !0, container: n, children: C }) }) });
 };
 j3.displayName = F2;
 var B4 = "TooltipContent", y3 = cA(
   (A, r) => {
     const e = I6(B4, A.__scopeTooltip), { forceMount: C = e.forceMount, side: n = "top", ...s } = A, o = G4(B4, A.__scopeTooltip);
-    return /* @__PURE__ */ t.jsx(x3, { present: C || o.open, children: o.disableHoverableContent ? /* @__PURE__ */ t.jsx(O3, { side: n, ...s, ref: r }) : /* @__PURE__ */ t.jsx(R6, { side: n, ...s, ref: r }) });
+    return /* @__PURE__ */ t.jsx(F3, { present: C || o.open, children: o.disableHoverableContent ? /* @__PURE__ */ t.jsx(O3, { side: n, ...s, ref: r }) : /* @__PURE__ */ t.jsx(R6, { side: n, ...s, ref: r }) });
   }
 ), R6 = cA((A, r) => {
-  const e = G4(B4, A.__scopeTooltip), C = E2(B4, A.__scopeTooltip), n = aA(null), s = F3(r, n), [o, l] = mA(null), { trigger: a, onClose: i } = e, B = n.current, { onPointerInTransitChange: c } = C, h = sA(() => {
+  const e = G4(B4, A.__scopeTooltip), C = E2(B4, A.__scopeTooltip), n = aA(null), s = g3(r, n), [o, l] = mA(null), { trigger: a, onClose: i } = e, B = n.current, { onPointerInTransitChange: c } = C, h = sA(() => {
     l(null), c(!1);
   }, [c]), Q = sA(
     (U, g) => {
@@ -389,7 +389,7 @@ var T3 = "Toggle", x2 = cA((A, r) => {
   );
 });
 x2.displayName = T3;
-var L3 = x2, DA = "ToggleGroup", [G3] = g3(DA, [
+var L3 = x2, DA = "ToggleGroup", [G3] = x3(DA, [
   N3
 ]), V3 = N3(), H2 = iA.forwardRef((A, r) => {
   const { type: e, ...C } = A;
@@ -517,7 +517,7 @@ var y2 = iA.forwardRef(
   }
 ), k3 = H2, J3 = W3;
 const q3 = l6(
-  "focus-visible:outline-hidden inline-flex items-center justify-center gap-2 rounded-xs text-sm font-medium text-gray-700 transition-colors hover:bg-gray-200 hover:text-foreground focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-background data-[state=on]:text-foreground data-[state=on]:shadow-sm dark:hover:bg-background [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 [&_svg]:stroke-[1.5px]",
+  "inline-flex items-center justify-center gap-2 rounded-xs text-sm font-medium text-text-secondary transition-colors hover:bg-surface-elevated hover:text-foreground focus-visible:ring-1 focus-visible:ring-focus-ring focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-background data-[state=on]:text-foreground data-[state=on]:shadow-sm [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 [&_svg]:stroke-[1.5px]",
   {
     variants: {
       variant: {
@@ -542,21 +542,21 @@ const q3 = l6(
   }
 ));
 e7.displayName = L3.displayName;
-const Y3 = a6({
+const Y3 = i6({
   size: "default",
   variant: "default"
 }), r2 = cA(({ className: A, variant: r, size: e, children: C, ...n }, s) => /* @__PURE__ */ t.jsx(
   k3,
   {
     ref: s,
-    className: E1("inline-flex items-center justify-center gap-0.5 bg-gray-100 p-0.5 rounded-md dark:bg-gray-925/70", A),
+    className: E1("inline-flex items-center justify-center gap-0.5 bg-muted p-0.5 rounded-md", A),
     ...n,
     children: /* @__PURE__ */ t.jsx(Y3.Provider, { value: { variant: r, size: e }, children: C })
   }
 ));
 r2.displayName = k3.displayName;
 const C4 = cA(({ className: A, children: r, variant: e, size: C, ...n }, s) => {
-  const o = i6(Y3);
+  const o = a6(Y3);
   return /* @__PURE__ */ t.jsx(
     J3,
     {
@@ -5793,7 +5793,7 @@ const Or = "SiteResponseType", Sr = B6({
 }), q = (A, r) => {
   const e = parseInt(A.slice(1, 3), 16), C = parseInt(A.slice(3, 5), 16), n = parseInt(A.slice(5, 7), 16);
   return `rgba(${e}, ${C}, ${n}, ${r})`;
-}, g2 = c6(({
+}, g2 = u6(({
   isScreenshot: A = !1,
   format: r = "vertical",
   account: e,
@@ -5855,7 +5855,7 @@ const Or = "SiteResponseType", Sr = B6({
           src: I
         }
       ) : /* @__PURE__ */ t.jsx("div", { className: "relative size-full overflow-hidden rounded-[26px] rounded-b-none", style: { background: `linear-gradient(to bottom, ${q(i === "accent" ? "#ffffff" : B || "#15171a", 1)}, ${q(i === "accent" ? "#ffffff" : B || "#15171a", 0.5)})` }, children: /* @__PURE__ */ t.jsx(e2, { className: "absolute", style: { color: i === "accent" ? q(B || "#15171a", 0.2) : "rgba(255, 255, 255, 0.2)", top: A ? "-42px" : "-84px", left: A ? "-69px" : "-138px" } }) }),
-      R && /* @__PURE__ */ t.jsx("div", { className: "[&>div]:size-16! [&_img]:size-16! absolute bottom-0 left-1/2 -mb-8 -translate-x-1/2 rounded-full border-8", style: { borderColor: d }, children: /* @__PURE__ */ t.jsx(
+      R && /* @__PURE__ */ t.jsx("div", { className: "absolute bottom-0 left-1/2 -mb-8 -translate-x-1/2 rounded-full border-8 [&_img]:size-16! [&>div]:size-16!", style: { borderColor: d }, children: /* @__PURE__ */ t.jsx(
         f6,
         {
           author: {
@@ -5875,7 +5875,7 @@ const Or = "SiteResponseType", Sr = B6({
       /* @__PURE__ */ t.jsx(
         "div",
         {
-          className: `mt-auto flex max-h-[60px] min-h-12 w-full items-center justify-center break-all rounded-full border px-4 py-2 font-medium leading-tight ${A && "tracking-normal"}`,
+          className: `mt-auto flex max-h-[60px] min-h-12 w-full items-center justify-center rounded-full border px-4 py-2 leading-tight font-medium break-all ${A && "tracking-normal"}`,
           style: {
             color: i !== "light" ? "#fff" : B,
             borderColor: B ? q(i === "accent" ? "#ffffff" : B, i !== "light" ? 0.7 : 0.2) : void 0,
@@ -6059,18 +6059,18 @@ const Dr = ({ account: A, isLoading: r }) => {
           ] }) })
         ] }),
         /* @__PURE__ */ t.jsxs(v3, { className: `min-w-[160px] dark:bg-black dark:text-white dark:hover:bg-black/90 ${l === "dark" && "bg-white text-black hover:bg-gray-50 dark:bg-white dark:text-black dark:hover:bg-gray-50/90"}`, onClick: O, children: [
-          c ? /* @__PURE__ */ t.jsx(u6, { color: `${l === "dark" ? "dark" : "light"}`, size: "sm" }) : /* @__PURE__ */ t.jsx(m3, {}),
+          c ? /* @__PURE__ */ t.jsx(c6, { color: `${l === "dark" ? "dark" : "light"}`, size: "sm" }) : /* @__PURE__ */ t.jsx(m3, {}),
           !c && "Copy image"
         ] })
       ] }),
-      ((A == null ? void 0 : A.bannerImageUrl) || n) && /* @__PURE__ */ t.jsx(e2, { className: `absolute left-1/2 top-1/2 h-[600px] w-[598px] -translate-x-1/2 -translate-y-1/2 ${l === "dark" && "z-10"}`, style: { color: M() } }),
+      ((A == null ? void 0 : A.bannerImageUrl) || n) && /* @__PURE__ */ t.jsx(e2, { className: `absolute top-1/2 left-1/2 h-[600px] w-[598px] -translate-x-1/2 -translate-y-1/2 ${l === "dark" && "z-10"}`, style: { color: M() } }),
       /* @__PURE__ */ t.jsx("div", { className: "absolute inset-0", style: { background: m() } })
     ] }),
     /* @__PURE__ */ t.jsxs(
       "div",
       {
         ref: o,
-        className: "fixed left-[-9999px] top-0 z-[-1] flex w-fit justify-center overflow-hidden rounded-2xl bg-gray-50",
+        className: "fixed top-0 left-[-9999px] z-[-1] flex w-fit justify-center overflow-hidden rounded-2xl bg-gray-50",
         style: {
           width: i === "square" ? "518px" : "412px",
           fontFamily: "system-ui"
@@ -6092,17 +6092,17 @@ const Dr = ({ account: A, isLoading: r }) => {
               siteTitle: (S = e == null ? void 0 : e.site) == null ? void 0 : S.title
             }
           ),
-          ((A == null ? void 0 : A.bannerImageUrl) || n) && /* @__PURE__ */ t.jsx(e2, { className: `absolute left-[-62.5px] top-[-44px] h-[600px] w-[598px] ${l === "dark" && "z-10"}`, style: { color: M() } }),
+          ((A == null ? void 0 : A.bannerImageUrl) || n) && /* @__PURE__ */ t.jsx(e2, { className: `absolute top-[-44px] left-[-62.5px] h-[600px] w-[598px] ${l === "dark" && "z-10"}`, style: { color: M() } }),
           /* @__PURE__ */ t.jsx(
             "div",
             {
-              className: "absolute left-0 top-0 size-full",
+              className: "absolute top-0 left-0 size-full",
               style: {
                 background: m()
               }
             }
           ),
-          /* @__PURE__ */ t.jsx("img", { className: "absolute left-1/2 top-12 mt-0.5 max-w-none -translate-x-1/2", src: i === "square" ? C7 : t7, style: { width: i === "square" ? "572px" : "466px" } })
+          /* @__PURE__ */ t.jsx("img", { className: "absolute top-12 left-1/2 mt-0.5 max-w-none -translate-x-1/2", src: i === "square" ? C7 : t7, style: { width: i === "square" ? "572px" : "466px" } })
         ]
       }
     )
@@ -6117,4 +6117,4 @@ const Dr = ({ account: A, isLoading: r }) => {
 export {
   zr as default
 };
-//# sourceMappingURL=index-BC1Q-I5Z.mjs.map
+//# sourceMappingURL=index-Bq0BHGkI.mjs.map