51: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"] 52: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"] 53:T5d7,import { AddReactionMutation, AddReactionRequest, AnyPost, invariant, PostReactionType, PublicClient, SessionClient, UndoReactionMutation, UndoReactionRequest, } from "@lens-protocol/react"; import { UseAsyncTask, useAsyncTask } from "@/registry/new-york/lib/tasks"; import { ResultAsync } from "@lens-protocol/types"; export type ReactionToggleArgs = { session: SessionClient | PublicClient; post: AnyPost; }; type ReactionToggleResult = ResultAsync; export const hasUpvoted = (post: AnyPost): boolean => "operations" in post && post.operations?.hasUpvoted === true; export const useReactionToggle = (): UseAsyncTask => { return useAsyncTask((args: ReactionToggleArgs): ReactionToggleResult => { invariant(args.session?.isSessionClient(), "You must be authenticated to use this operation"); return ResultAsync.fromPromise( (async () => { const post = args.post; if (hasUpvoted(post)) { const request: UndoReactionRequest = { post: post.id, reaction: PostReactionType.Upvote }; args.session?.mutation(UndoReactionMutation, { request }); } else { const request: AddReactionRequest = { post: post.id, reaction: PostReactionType.Upvote }; args.session?.mutation(AddReactionMutation, { request }); } })(), error => { console.error("Error toggling reaction:", error); return error; }, ); }); }; 54:Tee8,import { type ResultAsync, invariant } from "@lens-protocol/types"; import { useCallback, useState } from "react"; /** * An deferrable task is a function that can be executed multiple times and that can be in a pending state. * * @internal */ export type AsyncTask> = (input: TInput) => TResult; /** * The initial state of a async task. */ export type AsyncTaskIdle = { called: boolean; loading: false; data: undefined; error: undefined; }; /** * The state of a async task during the loading. */ export type AsyncTaskLoading = { called: true; loading: true; data: TData | undefined; error: undefined; }; /** * The state of a async task after a successful call. */ export type AsyncTaskSuccess = { called: true; loading: false; data: TData; error: undefined; }; /** * The state of a async task after a failed call. */ export type AsyncTaskError = { called: true; loading: false; data: undefined; error: TError; }; /** * The possible statuses of a async task. */ export type AsyncTaskState = | AsyncTaskIdle | AsyncTaskLoading | AsyncTaskSuccess | AsyncTaskError; const AsyncTaskState = { Idle: (): AsyncTaskState => ({ called: false, loading: false, data: undefined, error: undefined, }), Loading: (data?: TData): AsyncTaskState => ({ called: true, loading: true, data, error: undefined, }), Success: (data: TData): AsyncTaskState => ({ called: true, loading: false, data, error: undefined, }), Failed: (error: TError): AsyncTaskState => ({ called: true, loading: false, data: undefined, error, }), }; /** * A async task React Hook is a lightweight wrapper for an asynchronous function. * It allows tracking of the task's execution status and provides access to the * last error that occurred during the task's execution, if any. * * ```ts * const { called, loading, data, error, execute }: UseAsyncTask = useAnyAsyncTask(); * * if (!called) { * // data === undefined * // error === undefined * return

Click the button to execute the task

; * } * * if (loading) { * // data === undefined on first call * // data === TData from previous successful call * // error === undefined * return ; * } * * if (error) { * // data === undefined * // error === TError * return

Something went wrong: {error.message}

; * } * * // called === true * // data === TData * // error === undefined * return

Task completed: {data}

; * ``` */ export type UseAsyncTask = AsyncTaskState & { execute: AsyncTask>; }; /** * @internal */ export function useAsyncTask>( handler: AsyncTask, ): UseAsyncTask { const [state, setState] = useState(AsyncTaskState.Idle()); const execute = useCallback( (input: TInput) => { invariant(!state.loading, "Cannot execute a task while another is in progress."); setState(({ data }) => { return { called: true, loading: true, data, error: undefined, }; }); const result = handler(input); result.match( value => setState(AsyncTaskState.Success(value)), error => setState(AsyncTaskState.Failed(error)), ); return result; }, [handler, state], ); return { ...state, execute, }; } 50:["$","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/types@0.0.0-canary-20250820102520",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40lens-protocol%2Ftypes","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/types@0.0.0-canary-20250820102520"}]]}]}]]}],["$","$L51",null,{"namespace":"@lens-blocks","registryDependencies":[]}]]}],null]}],["$","$L52",null,{"files":[{"path":"registry/new-york/hooks/use-reaction-toggle.ts","content":"$53","type":"registry:hook"},{"path":"registry/new-york/lib/tasks.ts","content":"$54","type":"registry:lib"}],"className":"h-[70svh] min-h-80"}]]}]