4f:I[707087,["/_next/static/immutable/chunks/2985g-hklwiee.js","/_next/static/immutable/chunks/0qkc3dps_9x_i.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3thksmxn95rly.js","/_next/static/immutable/chunks/15bpbjna9-vr3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/0agonoz1szsjm.js","/_next/static/immutable/chunks/1ynd3dcge2kn1.js","/_next/static/immutable/chunks/0krdn-21gkgjt.js","/_next/static/immutable/chunks/0n9w9riw96l80.js","/_next/static/immutable/chunks/0w75qangey2ys.js","/_next/static/immutable/chunks/1tge7vcvsb70s.js","/_next/static/immutable/chunks/35ju_ac0ysz07.js"],"RegistryDependencies"] 50:I[512940,["/_next/static/immutable/chunks/2985g-hklwiee.js","/_next/static/immutable/chunks/0qkc3dps_9x_i.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3thksmxn95rly.js","/_next/static/immutable/chunks/15bpbjna9-vr3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/0agonoz1szsjm.js","/_next/static/immutable/chunks/1ynd3dcge2kn1.js","/_next/static/immutable/chunks/0krdn-21gkgjt.js","/_next/static/immutable/chunks/0n9w9riw96l80.js","/_next/static/immutable/chunks/0w75qangey2ys.js","/_next/static/immutable/chunks/1tge7vcvsb70s.js","/_next/static/immutable/chunks/35ju_ac0ysz07.js"],"Installation"] 51:I[314491,["/_next/static/immutable/chunks/2985g-hklwiee.js","/_next/static/immutable/chunks/0qkc3dps_9x_i.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3thksmxn95rly.js","/_next/static/immutable/chunks/15bpbjna9-vr3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/0agonoz1szsjm.js","/_next/static/immutable/chunks/1ynd3dcge2kn1.js","/_next/static/immutable/chunks/0krdn-21gkgjt.js","/_next/static/immutable/chunks/0n9w9riw96l80.js","/_next/static/immutable/chunks/0w75qangey2ys.js","/_next/static/immutable/chunks/1tge7vcvsb70s.js","/_next/static/immutable/chunks/35ju_ac0ysz07.js"],"FilesView"] 52:T8ae,import { EvmAddress, evmAddress, PaymentSource, SessionClient, SigningError, TransactionIndexingError, TxHash, UnauthenticatedError, UnexpectedError, UseAsyncTask, ValidationError, } from "@lens-protocol/react"; import { executeAccountAction } from "@lens-protocol/client/actions"; import { WalletClient } from "viem"; import { LensChainId, LensChainNativeToken, LensChainTestnetId } 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 TipAccountActionArgs = { account: EvmAddress; source: PaymentSource; amount: string; tokenAddress: string; }; type TipAccountActionResult = ResultAsync< TxHash, SigningError | TransactionIndexingError | UnauthenticatedError | UnexpectedError | ValidationError >; export const useTipAccountAction = ({ sessionClient, walletClient, useTestnet, }: { sessionClient: SessionClient | null | undefined; walletClient: WalletClient | null | undefined; useTestnet?: boolean; }): UseAsyncTask< TipAccountActionArgs, TxHash, SigningError | TransactionIndexingError | UnauthenticatedError | UnexpectedError | ValidationError > => { return useAsyncTask((args: TipAccountActionArgs): TipAccountActionResult => { invariant(sessionClient?.isSessionClient(), "You must be authenticated to use this operation"); invariant(walletClient, "A wallet must be connected to use this operation"); return ResultAsync.fromSafePromise(walletClient.switchChain({ id: useTestnet ? LensChainTestnetId : LensChainId })) .andThen(() => { return executeAccountAction(sessionClient, { account: args.account, action: { tipping: { paymentSource: args.source, ...(args.tokenAddress === LensChainNativeToken ? { native: args.amount } : { value: args.amount, token: evmAddress(args.tokenAddress) }), }, }, }); }) .andThen(handleOperationWith(walletClient)) .andThen(sessionClient.waitForTransaction); }); }; 53: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, }; } 4b:["$","div",null,{"className":"flex flex-col gap-12","children":[["$","div",null,{"className":"pt-10 flex flex-col gap-4","children":[["$","ul",null,{"className":"flex gap-2 flex-wrap","children":[["$","li","@lens-protocol/react@0.0.0-canary-20250820102520",{"children":["$","a",null,{"href":"https://www.npmjs.com/package/%40lens-protocol%2Freact","target":"_blank","rel":"noopener noreferrer","className":"rounded-md border p-2 text-sm flex items-center gap-1 ","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3","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":"text-xs font-medium","children":"@lens-protocol/react@0.0.0-canary-20250820102520"}]]}]}],["$","li","@lens-protocol/client@0.0.0-canary-20250820102520",{"children":["$","a",null,{"href":"https://www.npmjs.com/package/%40lens-protocol%2Fclient","target":"_blank","rel":"noopener noreferrer","className":"rounded-md border p-2 text-sm flex items-center gap-1 ","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3","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":"text-xs font-medium","children":"@lens-protocol/client@0.0.0-canary-20250820102520"}]]}]}],["$","li","@lens-protocol/types@0.0.0-canary-20250820102520",{"children":["$","a",null,{"href":"https://www.npmjs.com/package/%40lens-protocol%2Ftypes","target":"_blank","rel":"noopener noreferrer","className":"rounded-md border p-2 text-sm flex items-center gap-1 ","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3","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":"text-xs font-medium","children":"@lens-protocol/types@0.0.0-canary-20250820102520"}]]}]}],["$","li","viem@2.33.0",{"children":["$","a",null,{"href":"https://www.npmjs.com/package/viem","target":"_blank","rel":"noopener noreferrer","className":"rounded-md border p-2 text-sm flex items-center gap-1 ","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3","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":"text-xs font-medium","children":"viem@2.33.0"}]]}]}]]}],["$","$L4f",null,{"registryDependencies":["https://lensblocks.com/r/utils.json"]}]]}],["$","$L50",null,{"sourceUrl":"https://lensblocks.com/r/use-tip-account-action.json","proxyUrl":"https://shadcnregistry.com/r/lens-blocks/use-tip-account-action","itemId":"@lens-blocks/use-tip-account-action"}],["$","section",null,{"className":"flex flex-col gap-4","id":"files","children":[["$","h2",null,{"className":"text-lg md:text-2xl font-bold font-mono","children":"Files"}],["$","$L51",null,{"files":[{"path":"registry/new-york/hooks/use-tip-account-action.ts","content":"$52","type":"registry:hook"},{"path":"registry/new-york/lib/tasks.ts","content":"$53","type":"registry:lib"}]}]]}],"$L54"]}]

Use Tip Account Action

Installation

Files

hooks

lib

Styles