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:T946,import { AnyPost, evmAddress, PaymentSource, PostId, SessionClient, SigningError, TransactionIndexingError, TxHash, UnauthenticatedError, UnexpectedError, UseAsyncTask, ValidationError, } from "@lens-protocol/react"; import { executePostAction } from "@lens-protocol/client/actions"; import { WalletClient } from "viem"; import { LensChainId, LensChainNativeToken, LensChainTestnetId, toApiError } from "@/registry/new-york/lib/lens-utils"; import { handleOperationWith } from "@lens-protocol/client/viem"; import { invariant, ResultAsync } from "@lens-protocol/types"; import { useAsyncTask } from "@/registry/new-york/lib/tasks"; export type TipPostActionArgs = { post: PostId; source: PaymentSource; amount: string; tokenAddress: string; }; type TipPostActionResult = ResultAsync< TxHash, SigningError | TransactionIndexingError | UnauthenticatedError | UnexpectedError | ValidationError >; export const hasTipped = (post: AnyPost): boolean => "operations" in post && post.operations?.hasTipped === true; export const useTipPostAction = ({ sessionClient, walletClient, useTestnet, }: { sessionClient: SessionClient | null | undefined; walletClient: WalletClient | null | undefined; useTestnet?: boolean; }): UseAsyncTask< TipPostActionArgs, TxHash, SigningError | TransactionIndexingError | UnauthenticatedError | UnexpectedError | ValidationError > => { return useAsyncTask((args: TipPostActionArgs): TipPostActionResult => { invariant(sessionClient?.isSessionClient(), "You must be authenticated to use this operation"); invariant(walletClient, "A wallet must be connected to use this operation"); const switchChain = () => walletClient?.switchChain({ id: useTestnet ? LensChainTestnetId : LensChainId }); return ResultAsync.fromPromise(switchChain(), toApiError) .andThen(() => { return executePostAction(sessionClient, { post: args.post, action: { tipping: { paymentSource: args.source, ...(args.tokenAddress === LensChainNativeToken ? { native: args.amount } : { value: args.amount, token: evmAddress(args.tokenAddress) }), }, }, }); }) .andThen(handleOperationWith(walletClient)) .andThen(sessionClient.waitForTransaction); }); }; 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/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","@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"}]]}]}],["$","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"}]]}]}]]}],["$","$L51",null,{"namespace":"@lens-blocks","registryDependencies":["https://lensblocks.com/r/utils.json"]}]]}],null]}],["$","$L52",null,{"files":[{"path":"registry/new-york/hooks/use-tip-post-action.ts","content":"$53","type":"registry:hook"},{"path":"registry/new-york/lib/tasks.ts","content":"$54","type":"registry:lib"}],"className":"h-[70svh] min-h-80"}]]}]