50:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 51:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 52:T2122,"use client"; import { Avatar, AvatarFallback, AvatarImage } from "@/registry/new-york/ui/avatar"; import { HoverCard, HoverCardContent, HoverCardTrigger } from "@/registry/new-york/ui/hover-card"; import { ReactNode, useEffect, useState } from "react"; import { Account, AccountStats, mainnet, PublicClient, SessionClient, testnet, TxHash } from "@lens-protocol/react"; import { fetchAccount, fetchAccountStats } from "@lens-protocol/client/actions"; import { formatFollowerCount, parseUri } from "@/registry/new-york/lib/lens-utils"; import { CircleUserRoundIcon } from "lucide-react"; import { WalletClient } from "viem"; import { LensMarkdown } from "@/registry/new-york/components/common/lens-markdown"; import { LensFollowButton } from "@/registry/new-york/components/account/lens-follow-button"; import { Skeleton } from "@/registry/new-york/ui/skeleton"; import { isResult, Result } from "@/registry/new-york/lib/result"; interface Props { /** * The component that will trigger the hover card when hovered over. * */ children?: ReactNode; /** * The Lens Account to display information about */ account: Account | Result; /** * The Lens Client used for making public and authenticated calls */ session: Result; /** * The wallet client from viem used to sign messages for authentication. * If not provided, follow/unfollow button will not be rendered. */ wallet?: { data: WalletClient | undefined | null; isLoading?: boolean; error?: unknown }; publicClient?: PublicClient; /** * Callback function that is called when the follow operation is successful */ onFollowSuccess?: (account: Account, txHash: TxHash) => void; /** * Callback function that is called when the unfollow operation is successful */ onUnfollowSuccess?: (account: Account, txHash: TxHash) => void; /** * Callback function that is called when an error occurs during follow/unfollow operations */ onError?: (account: Account, error: Error) => void; useTestnet?: boolean; } export const LensAccountHoverCard = ({ children, account: accountRes, session, wallet, publicClient, onFollowSuccess, onUnfollowSuccess, onError, useTestnet, }: Props) => { const sessionClient = session.data; const [isOpen, setIsOpen] = useState(false); const [accountStats, setAccountStats] = useState(); const [showFollowButton, setShowFollowButton] = useState(false); const [account, setAccount] = useState( isResult(accountRes) ? accountRes.data : accountRes, ); const isLoading = "loading" in accountRes ? accountRes.loading : false; const lensClient = publicClient ?? PublicClient.create({ environment: useTestnet ? testnet : mainnet, }); useEffect(() => { setAccount("data" in accountRes ? accountRes.data : accountRes); }, [accountRes]); useEffect(() => { const fetchStats = async () => { console.log("fetching stats for", account?.address); if (!isOpen || !account) return; const res = await fetchAccountStats(lensClient, { account: account.address, }); console.log("fetched stats", res); if (res.isOk() && res.value) { setAccountStats(res.value); } }; fetchStats(); }, [account, isOpen]); useEffect(() => { if (!isOpen || !sessionClient) return; const user = sessionClient.getAuthenticatedUser(); if (user.isOk()) { setShowFollowButton( account?.operations?.canFollow.__typename === "AccountFollowOperationValidationPassed" || account?.operations?.canUnfollow.__typename === "AccountFollowOperationValidationPassed", ); } }, [sessionClient, account?.operations]); const updateAccount = async () => { if (!account) return; const client = sessionClient ?? lensClient; const res = await fetchAccount(client, { address: account.address, }); if (res.isOk() && res.value) { setAccount(res.value); } }; const handleFollowSuccess = async (txHash: TxHash) => { await updateAccount(); if (account) { onFollowSuccess?.(account, txHash); } }; const handleUnfollowSuccess = async (txHash: TxHash) => { await updateAccount(); if (account) { onUnfollowSuccess?.(account, txHash); } }; return ( {children} {!account || isLoading ? ( ) : (

{showFollowButton && ( handleFollowSuccess(txHash)} onUnfollowSuccess={(_account, txHash) => handleUnfollowSuccess(txHash)} onFollowError={onError} /> )}

{account.metadata?.name ?? (account.username ? "@" + account.username.value.replace("lens/", "") : undefined) ?? account.address}

{account.metadata?.name && account.username && ( {`@${account.username.value.replace("lens/", "")}`} )} {account.operations?.isFollowingMe && ( Follows you )}

{account.metadata?.bio && ( )} {accountStats && (

{formatFollowerCount(accountStats.graphFollowStats.following)} following

{formatFollowerCount(accountStats.graphFollowStats.followers)} followers

)}

)} ); }; const HoverCardSkeleton = () => { return (

); }; 4f:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","@lens-protocol/react@0.0.0-canary-20250820102520",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40lens-protocol%2Freact","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"@lens-protocol/react@0.0.0-canary-20250820102520"}]]}]}],["$","li","@lens-protocol/client@0.0.0-canary-20250820102520",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40lens-protocol%2Fclient","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"@lens-protocol/client@0.0.0-canary-20250820102520"}]]}]}],["$","li","lucide-react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/lucide-react","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"lucide-react"}]]}]}],["$","li","viem@2.33.0",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/viem","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"viem@2.33.0"}]]}]}]]}],["$","$L50",null,{"namespace":"@lens-blocks","registryDependencies":["avatar","hover-card","skeleton","https://lensblocks.com/r/follow-button.json","https://lensblocks.com/r/lens-markdown.json","https://lensblocks.com/r/utils.json"]}]]}],null]}],["$","$L51",null,{"files":[{"path":"registry/new-york/blocks/account/lens-account-hover-card.tsx","content":"$52","type":"registry:component"},{"path":"registry/new-york/lib/result.ts","content":"export type Result = {\n data: T | null | undefined;\n error: E | null | undefined;\n loading: boolean;\n};\n\nexport const isResult = (result: any): result is Result => {\n return \"data\" in result && \"error\" in result && \"loading\" in result;\n};\n\nexport const isLoading = (result: any): boolean => {\n if (isResult(result)) {\n return result.loading;\n }\n return false;\n};\n","type":"registry:lib"}],"className":"h-[70svh] min-h-80"}]]}]