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:T2f11,"use client"; import { Erc20Amount, evmAddress, NativeAmount, PaymentSource, SessionClient, SigningError, TransactionIndexingError, TxHash, UnauthenticatedError, UnexpectedError, useAuthenticatedUser, ValidationError, } from "@lens-protocol/react"; import { forwardRef, useEffect, useImperativeHandle, useState } from "react"; import { Dialog, DialogContent, DialogHeader, DialogTitle } from "@/registry/new-york/ui/dialog"; import { fetchBalancesBulk } from "@lens-protocol/client/actions"; import { Select, SelectContent, SelectGroup, SelectItem, SelectTrigger, SelectValue, } from "@/registry/new-york/ui/select"; import { Input } from "@/registry/new-york/ui/input"; import { Button } from "@/registry/new-york/ui/button"; import { Spinner } from "@/registry/new-york/ui/spinner"; import { LensChainNativeToken } from "@/registry/new-york/lib/lens-utils"; import { Skeleton } from "@/registry/new-york/ui/skeleton"; import { Tooltip, TooltipContent, TooltipTrigger } from "@/registry/new-york/ui/tooltip"; import { ResultAsync } from "neverthrow"; export interface TipDialogRef { open: () => void; close: () => void; isOpen: boolean; } export type TipErrors = | SigningError | TransactionIndexingError | UnauthenticatedError | UnexpectedError | ValidationError; export interface TipDialogProps { /** * The Lens Session Client used for making authenticated calls */ sessionClient: SessionClient | null | undefined; /** * Function to create a tip transaction. Any error thrown will be caught and passed to onError callback. */ createTip: (source: PaymentSource, amount: string, tokenAddress: string) => ResultAsync; /** * Optional list of supported token addresses to tip with. If not provided, only the native token will be supported. */ supportedTokens?: string[]; /** * Callback fired when a tip is successfully created and the dialog is closed. */ onTipCreated?: (txHash: TxHash) => void; /** * Callback fired when an error occurs during tip creation. */ onTipError?: (error: Error) => void; } export const LensTipDialog = forwardRef( ({ sessionClient, supportedTokens, createTip, onTipCreated, onTipError }, ref) => { const [dialogOpen, setDialogOpen] = useState(false); const [isSubmitting, setIsSubmitting] = useState(false); const [balances, setBalances] = useState<(Erc20Amount | NativeAmount)[]>([]); const [isLoading, setIsLoading] = useState(true); const [error, setError] = useState(null); const [inputError, setInputError] = useState(null); const [selectedTokenAddress, setSelectedTokenAddress] = useState(LensChainNativeToken); const [inputValue, setInputValue] = useState(""); const [balance, setBalance] = useState("0"); const [paymentSource, setPaymentSource] = useState(PaymentSource.Signer); const { data: user } = useAuthenticatedUser(); const account = user?.address; const address = user?.signer; useImperativeHandle(ref, () => ({ open: () => setDialogOpen(true), close: () => setDialogOpen(false), isOpen: dialogOpen, })); const getAddressFromBalance = (balance: Erc20Amount | NativeAmount) => { return balance.__typename === "NativeAmount" ? LensChainNativeToken : balance.asset.contract.address; }; const fetchBalances = async (session: SessionClient, paymentSource: PaymentSource, address: string) => { try { const res = await fetchBalancesBulk(session, { address: paymentSource === PaymentSource.Account ? account : evmAddress(address), tokens: supportedTokens, includeNative: true, }); if (res.isErr()) { throw res.error; } const accountBalances = res.value.filter( balance => balance.__typename === "NativeAmount" || balance.__typename === "Erc20Amount", ); setBalances(accountBalances); } finally { setIsLoading(false); } }; useEffect(() => { if (!dialogOpen || !sessionClient?.isSessionClient() || !address || !account) return; setIsLoading(true); fetchBalances(sessionClient, paymentSource, address).catch(err => { setError(err); }); }, [sessionClient, dialogOpen, address, account, paymentSource]); useEffect(() => { if (!balances.length) { setSelectedTokenAddress(LensChainNativeToken); return; } if (!selectedTokenAddress) { if (balances[0].__typename === "NativeAmount") { setSelectedTokenAddress(LensChainNativeToken); } else { setSelectedTokenAddress(balances[0]?.asset.contract.address); } } }, [balances]); useEffect(() => { if (!balances.length || !selectedTokenAddress) { setBalance("0"); return; } const balance = selectedTokenAddress === LensChainNativeToken ? balances.find(b => b.__typename === "NativeAmount") : balances.find(b => b.asset.contract.address === selectedTokenAddress); setBalance(balance?.value || "0"); }, [balances, selectedTokenAddress]); useEffect(() => { if (!balance) return; const numericInput = parseFloat(inputValue); const numericBalance = parseFloat(balance); // If input value exceeds balance, set and error, otherwise clear error if (numericInput > numericBalance) { setInputError(new Error("Input amount exceeds balance")); } else { setInputError(null); } }, [inputValue, balance]); const onSubmitClick = async () => { if (!selectedTokenAddress || !inputValue) { onTipError?.(new Error("Token and amount cannot be falsy")); return; } setIsSubmitting(true); const res = await createTip(paymentSource, inputValue, selectedTokenAddress); if (res.isErr()) { onTipError?.(res.error); setIsSubmitting(false); return; } const txHash = res.value; if (txHash) { setDialogOpen(false); setInputValue(""); onTipCreated?.(txHash); } setIsSubmitting(false); }; const onPaymentSourceChange = (value: PaymentSource) => { setPaymentSource(value); setSelectedTokenAddress(LensChainNativeToken); setInputValue(""); }; 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"}]]}]}]]}],["$","$L50",null,{"namespace":"@lens-blocks","registryDependencies":["button","dialog","input","select","spinner","skeleton","tooltip","https://lensblocks.com/r/use-tip-post-action.json","https://lensblocks.com/r/utils.json"]}]]}],null]}],["$","$L51",null,{"files":[{"path":"registry/new-york/blocks/common/lens-tip-dialog.tsx","content":"$52","type":"registry:block"}],"className":"h-[70svh] min-h-80"}]]}]