@b3dotfun/sdk 0.0.7-alpha.7 → 0.0.7-alpha.8

package/dist/cjs/anyspend/services/anyspend.js

@@ -4,10 +4,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.anyspendService = void 0;
+const constants_1 = require("../../anyspend/constants");
 const types_1 = require("../../anyspend/types");
 const utils_1 = require("../../anyspend/utils");
 const invariant_1 = __importDefault(require("invariant"));
-const constants_1 = require("../../anyspend/constants");
 // Service functions
 exports.anyspendService = {
     getTokenList: async (isMainnet, chainId, query) => {

package/dist/cjs/anyspend/types/index.d.ts

@@ -2,6 +2,7 @@ export * from "./req-res";
 export * from "./chain";
 export * from "./custom";
 export * from "./globalWallet";
+export * from "./metadata";
 export * from "./nft";
 export * from "./onramp";
 export * from "./order";

package/dist/cjs/anyspend/types/index.js

@@ -18,6 +18,7 @@ __exportStar(require("./req-res"), exports);
 __exportStar(require("./chain"), exports);
 __exportStar(require("./custom"), exports);
 __exportStar(require("./globalWallet"), exports);
+__exportStar(require("./metadata"), exports);
 __exportStar(require("./nft"), exports);
 __exportStar(require("./onramp"), exports);
 __exportStar(require("./order"), exports);

package/dist/cjs/anyspend/types/metadata.d.ts

@@ -0,0 +1,26 @@
+import { NftContract } from "./nft";
+import { OrderType } from "./order";
+export type BaseMetadata = {
+    type: OrderType;
+};
+export type NftMetadata = BaseMetadata & {
+    type: OrderType.MintNFT;
+    nftContract: NftContract;
+};
+export type TournamentMetadata = BaseMetadata & {
+    type: OrderType.JoinTournament | OrderType.FundTournament;
+    tournament: {
+        slug: string;
+        name: string;
+        description: string;
+        imageUrl: string;
+    };
+};
+export type CustomTxMetadata = BaseMetadata & {
+    type: OrderType.Custom;
+    action: string;
+};
+export type AnySpendMetadata = NftMetadata | TournamentMetadata | CustomTxMetadata;
+export declare function isNftMetadata(metadata: AnySpendMetadata): metadata is NftMetadata;
+export declare function isTournamentMetadata(metadata: AnySpendMetadata): metadata is TournamentMetadata;
+export declare function isCustomTxMetadata(metadata: AnySpendMetadata): metadata is CustomTxMetadata;

package/dist/cjs/anyspend/types/metadata.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isNftMetadata = isNftMetadata;
+exports.isTournamentMetadata = isTournamentMetadata;
+exports.isCustomTxMetadata = isCustomTxMetadata;
+const order_1 = require("./order");
+// Type guard functions
+function isNftMetadata(metadata) {
+    return metadata.type === order_1.OrderType.MintNFT;
+}
+function isTournamentMetadata(metadata) {
+    return metadata.type === order_1.OrderType.JoinTournament || metadata.type === order_1.OrderType.FundTournament;
+}
+function isCustomTxMetadata(metadata) {
+    return metadata.type === order_1.OrderType.Custom;
+}

package/dist/cjs/anyspend/types/nft.d.ts

@@ -270,4 +270,5 @@ export interface NftContract {
     name: string;
     description: string;
     tokenId: number | null;
+    type: NftType;
 }

package/dist/cjs/anyspend/types/req-res/getQuote.d.ts

@@ -1,5 +1,6 @@
 import { QuoteDetails } from "@reservoir0x/relay-sdk";
 import { z } from "zod";
+import { NftType } from "../nft";
 import { OrderType } from "../order";
 import { TradeType } from "../relay";
 export declare const zGetQuoteRequest: z.ZodObject<{
@@ -36,10 +37,14 @@ export declare const zGetQuoteRequest: z.ZodObject<{
     } & {
         type: z.ZodLiteral<OrderType.MintNFT>;
         contractAddress: z.ZodString;
+        tokenId: z.ZodNullable<z.ZodNumber>;
+        contractType: z.ZodNativeEnum<typeof NftType>;
         price: z.ZodString;
     }, "strip", z.ZodTypeAny, {
         type: OrderType.MintNFT;
         contractAddress: string;
+        tokenId: number | null;
+        contractType: NftType;
         srcChain: number;
         dstChain: number;
         srcTokenAddress: string;
@@ -48,6 +53,8 @@ export declare const zGetQuoteRequest: z.ZodObject<{
     }, {
         type: OrderType.MintNFT;
         contractAddress: string;
+        tokenId: number | null;
+        contractType: NftType;
         srcChain: number;
         dstChain: number;
         srcTokenAddress: string;
@@ -163,6 +170,8 @@ export declare const zGetQuoteRequest: z.ZodObject<{
     } | {
         type: OrderType.MintNFT;
         contractAddress: string;
+        tokenId: number | null;
+        contractType: NftType;
         srcChain: number;
         dstChain: number;
         srcTokenAddress: string;
@@ -209,6 +218,8 @@ export declare const zGetQuoteRequest: z.ZodObject<{
     } | {
         type: OrderType.MintNFT;
         contractAddress: string;
+        tokenId: number | null;
+        contractType: NftType;
         srcChain: number;
         dstChain: number;
         srcTokenAddress: string;

package/dist/cjs/anyspend/types/req-res/getQuote.js

@@ -2,9 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.zGetQuoteRequest = void 0;
 const zod_1 = require("zod");
+const custom_1 = require("../custom");
+const nft_1 = require("../nft");
 const order_1 = require("../order");
 const relay_1 = require("../relay");
-const custom_1 = require("../custom");
 const zGetQuoteBody = zod_1.z.object({
     srcChain: zod_1.z.number(),
     dstChain: zod_1.z.number(),
@@ -19,6 +20,8 @@ const zGetQuoteForSwapOrderBody = zGetQuoteBody.extend({
 const zGetQuoteForMintNftOrderBody = zGetQuoteBody.extend({
     type: zod_1.z.literal(order_1.OrderType.MintNFT),
     contractAddress: zod_1.z.string(),
+    tokenId: zod_1.z.number().nullable(),
+    contractType: zod_1.z.nativeEnum(nft_1.NftType),
     price: zod_1.z.string()
 });
 const zGetQuoteForJoinTournamentOrderBody = zGetQuoteBody.extend({

package/dist/cjs/anyspend/utils/orderPayload.d.ts

@@ -1,4 +1,4 @@
-import { Nft, OrderType, Token, Tournament } from "../../anyspend/types";
+import { Nft, NftType, OrderType, Token, Tournament } from "../../anyspend/types";
 export type OrderParams = {
     orderType: OrderType;
     srcToken: Token;
@@ -38,13 +38,13 @@ export declare const buildMetadata: (orderType: OrderType, params: OrderParams)
 } | {
     nft: (({
         name: string;
-        type: import("../../anyspend/types").NftType.ERC721;
+        type: NftType.ERC721;
         contractAddress: string;
         description: string;
         imageUrl: string;
     } | {
         name: string;
-        type: import("../../anyspend/types").NftType.ERC1155;
+        type: NftType.ERC1155;
         contractAddress: string;
         description: string;
         imageUrl: string;

package/dist/cjs/anyspend/utils/orderPayload.js

@@ -12,10 +12,24 @@ const buildPayload = (orderType, params) => {
                 actualDstAmount: null
             };
         case types_1.OrderType.MintNFT:
-            return {
-                contractAddress: nft ? (0, utils_1.normalizeAddress)(nft.contractAddress) : "",
-                nftPrice: nft?.price || ""
-            };
+            if (nft?.type === types_1.NftType.ERC1155) {
+                return {
+                    contractAddress: (0, utils_1.normalizeAddress)(nft.contractAddress),
+                    nftPrice: nft?.price || "",
+                    tokenId: nft?.tokenId,
+                    contractType: nft?.type
+                };
+            }
+            else if (nft?.type === types_1.NftType.ERC721) {
+                return {
+                    contractAddress: (0, utils_1.normalizeAddress)(nft.contractAddress),
+                    nftPrice: nft?.price || "",
+                    contractType: nft?.type
+                };
+            }
+            else {
+                throw new Error(`Invalid nft payload: ${JSON.stringify(nft)}`);
+            }
         case types_1.OrderType.JoinTournament:
             return {
                 contractAddress: tournament?.contractAddress,

package/dist/esm/anyspend/constants/index.js

@@ -1,3 +1,4 @@
+import { NftType } from "../../anyspend/types/index.js";
 import { base } from "viem/chains";
 export const ANYSPEND_MAINNET_BASE_URL = process.env.NEXT_PUBLIC_ANYSPEND_BASE_URL || "https://mainnet.anyspend.com";
 export const ANYSPEND_TESTNET_BASE_URL = process.env.NEXT_PUBLIC_ANYSPEND_BASE_URL || "https://testnet.anyspend.com";
@@ -36,7 +37,8 @@ export const NFT_CONTRACTS = [
         imageUrl: "https://storage.googleapis.com/nftimagebucket/base/tokens/0x80f0e6644723abb03aa8867d21e32bd854b2a2d9/preview/TVRjME1EUTRORFl4T0E9PV8zNjcy.jpg",
         name: "Downhill Ski",
         description: "Downhill Ski",
-        tokenId: null
+        tokenId: null,
+        type: NftType.ERC721
     },
     {
         chainId: base.id,
@@ -47,7 +49,8 @@ export const NFT_CONTRACTS = [
         imageUrl: "https://cdn.b3.fun/game-weapon-demo.png",
         name: "Eclipse Venom",
         description: "The Eclipse Venom's crystalline blade channels imprisoned astral toxins through swirling currents of violet and teal light, synchronizing with its wielder's heartbeat for strikes that bypass conventional armor. Wounds from this otherworldly weapon resist healing as victims describe being consumed from within by liquid darkness, their final moments filled with visions of infinite cosmic depths.",
-        tokenId: null
+        tokenId: null,
+        type: NftType.ERC721
     }
 ];
 export const DEFAULT_NFT_CONTRACT = NFT_CONTRACTS[1];

package/dist/esm/anyspend/index.d.ts

@@ -1,6 +1,7 @@
 export * from "./react/hooks";
 export * from "./react/providers/AnyspendProvider";
 export * from "./types";
+export * from "./types/metadata";
 export * from "./utils/address";
 export * from "./utils/chain";
 export * from "./utils/format";

package/dist/esm/anyspend/index.js

@@ -4,6 +4,7 @@ export * from "./react/hooks/index.js";
 export * from "./react/providers/AnyspendProvider.js";
 // Types
 export * from "./types/index.js";
+export * from "./types/metadata.js";
 // Utils
 export * from "./utils/address.js";
 export * from "./utils/chain.js";

package/dist/esm/anyspend/react/components/AnySpendBuySpin.js

@@ -1,11 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { B3_TOKEN, OrderType } from "../../../anyspend/index.js";
+import { Button, GlareCardRounded, Input, StyleRoot, TextLoop, useChainSwitchWithAction, useHasMounted, useModalStore, useTokenBalance } from "../../../global-account/react/index.js";
 import { baseMainnet } from "../../../shared/constants/chains/supported.js";
-import { EthIcon } from "./icons/EthIcon.js";
-import { SolIcon } from "./icons/SolIcon.js";
-import { UsdcIcon } from "./icons/USDCIcon.js";
-import { StyleRoot } from "../../../global-account/react/index.js";
-import { Button, GlareCardRounded, Input, TextLoop, useChainSwitchWithAction, useHasMounted, useTokenBalance, useModalStore } from "../../../global-account/react/index.js";
 import { motion } from "framer-motion";
 import invariant from "invariant";
 import { ArrowRight, Loader2 } from "lucide-react";
@@ -14,6 +10,9 @@ import { toast } from "sonner";
 import { createPublicClient, encodeFunctionData, erc20Abi, formatUnits, http } from "viem";
 import { useAccount, useWaitForTransactionReceipt, useWriteContract } from "wagmi";
 import { AnySpendCustom } from "./AnySpendCustom.js";
+import { EthIcon } from "./icons/EthIcon.js";
+import { SolIcon } from "./icons/SolIcon.js";
+import { UsdcIcon } from "./icons/USDCIcon.js";
 const SPIN_WHEEL_ABI = [
     {
         inputs: [],
@@ -388,6 +387,7 @@ export function AnySpendBuySpin({ isMainnet = true, loadOrder, mode = "modal", s
     // AnySpend flow for when user needs to swap to B3
     const encodedData = generateEncodedDataForBuyEntriesAndSpin(address || "", userSpinQuantity);
     return (_jsx(AnySpendCustom, { isMainnet: isMainnet, loadOrder: loadOrder, mode: mode, recipientAddress: recipientAddress, orderType: OrderType.Custom, dstChainId: chainId, dstToken: B3_TOKEN, dstAmount: totalCost.toString(), contractAddress: spinwheelContractAddress, spenderAddress: paymentConfig.entryModule, encodedData: encodedData, metadata: {
+            type: OrderType.Custom,
             action: `buy ${userSpinQuantity} spin${userSpinQuantity !== "1" ? "s" : ""}`
         }, header: header, onSuccess: txHash => onSuccess?.(txHash), showRecipient: false }));
 }

package/dist/esm/anyspend/react/components/AnySpendCustom.d.ts

@@ -1,4 +1,4 @@
-import { GetQuoteResponse, OrderType, Token } from "../../../anyspend";
+import { AnySpendMetadata, GetQuoteResponse, OrderType, Token } from "../../../anyspend";
 import React from "react";
 export declare function AnySpendCustom({ isMainnet, loadOrder, mode, recipientAddress: recipientAddressProps, spenderAddress, orderType, dstChainId, dstToken, dstAmount, contractAddress, encodedData, metadata, header, onSuccess, showRecipient }: {
     isMainnet?: boolean;
@@ -12,7 +12,7 @@ export declare function AnySpendCustom({ isMainnet, loadOrder, mode, recipientAd
     dstAmount: string;
     contractAddress: string;
     encodedData: string;
-    metadata: any;
+    metadata: AnySpendMetadata;
     header: ({ anyspendPrice, isLoadingAnyspendPrice }: {
         anyspendPrice: GetQuoteResponse | undefined;
         isLoadingAnyspendPrice: boolean;

package/dist/esm/anyspend/react/components/AnySpendCustom.js

@@ -1,9 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { eqci, getDefaultToken, NftType, OrderStatus, OrderType, RELAY_ETH_ADDRESS, USDC_BASE, useAnyspendCreateOnrampOrder, useAnyspendCreateOrder, useAnyspendOrderAndTransactions, useAnyspendQuote, useAnyspendTokenList, useGeoOnrampOptions } from "../../../anyspend/index.js";
-import { useB3, StyleRoot } from "../../../global-account/react/index.js";
-import { Badge, Button, ShinyButton, Skeleton, Tabs, TabsContent, TabsList, TabTrigger, useAccountWallet, useBsmntProfile, useHasMounted, useRouter, useTokenBalancesByChain, useModalStore, useSearchParamsSSR } from "../../../global-account/react/index.js";
-import { TextShimmer } from "../../../global-account/react/index.js";
-import { TransitionPanel } from "../../../global-account/react/index.js";
+import { eqci, getDefaultToken, isCustomTxMetadata, isNftMetadata, isTournamentMetadata, NftType, OrderStatus, OrderType, RELAY_ETH_ADDRESS, USDC_BASE, useAnyspendCreateOnrampOrder, useAnyspendCreateOrder, useAnyspendOrderAndTransactions, useAnyspendQuote, useAnyspendTokenList, useGeoOnrampOptions } from "../../../anyspend/index.js";
+import { Badge, Button, ShinyButton, Skeleton, StyleRoot, Tabs, TabsContent, TabsList, TabTrigger, TextShimmer, TransitionPanel, useAccountWallet, useB3, useBsmntProfile, useHasMounted, useModalStore, useRouter, useSearchParamsSSR, useTokenBalancesByChain } from "../../../global-account/react/index.js";
 import { cn } from "../../../shared/utils/index.js";
 import centerTruncate from "../../../shared/utils/centerTruncate.js";
 import { formatTokenAmount } from "../../../shared/utils/number.js";
@@ -26,7 +23,7 @@ var PanelView;
     PanelView[PanelView["ORDER_DETAILS"] = 2] = "ORDER_DETAILS";
     PanelView[PanelView["LOADING"] = 3] = "LOADING";
 })(PanelView || (PanelView = {}));
-function generateGetRelayQuoteRequest({ orderType, srcChainId, srcToken, dstChainId, dstToken, dstAmount, contractAddress, encodedData, spenderAddress }) {
+function generateGetRelayQuoteRequest({ orderType, srcChainId, srcToken, dstChainId, dstToken, dstAmount, contractAddress, tokenId, contractType, encodedData, spenderAddress }) {
     switch (orderType) {
         case OrderType.MintNFT: {
             return {
@@ -36,7 +33,9 @@ function generateGetRelayQuoteRequest({ orderType, srcChainId, srcToken, dstChai
                 dstChain: dstChainId,
                 dstTokenAddress: dstToken.address,
                 price: dstAmount,
-                contractAddress: contractAddress
+                contractAddress: contractAddress,
+                tokenId: tokenId,
+                contractType: contractType
             };
         }
         case OrderType.JoinTournament: {
@@ -160,6 +159,8 @@ export function AnySpendCustom({ isMainnet = true, loadOrder, mode = "modal", re
         dstToken: dstToken,
         dstAmount: dstAmount,
         contractAddress: contractAddress,
+        tokenId: isNftMetadata(metadata) ? metadata.nftContract.tokenId : undefined,
+        contractType: isNftMetadata(metadata) ? metadata.nftContract.type : undefined,
         encodedData: encodedData,
         spenderAddress: spenderAddress
     });
@@ -239,21 +240,35 @@ export function AnySpendCustom({ isMainnet = true, loadOrder, mode = "modal", re
                 srcAmount: srcAmount.toString(),
                 recipientAddress,
                 creatorAddress: currentWallet?.wallet?.address,
-                nft: {
-                    ...metadata.nftContract,
-                    type: NftType.ERC721
-                },
-                tournament: {
-                    ...metadata.tournament,
-                    contractAddress: contractAddress,
-                    entryPriceOrFundAmount: dstAmount
-                },
+                nft: isNftMetadata(metadata)
+                    ? metadata.nftContract.type === NftType.ERC1155
+                        ? {
+                            type: NftType.ERC1155,
+                            contractAddress: metadata.nftContract.contractAddress,
+                            tokenId: metadata.nftContract.tokenId,
+                            imageUrl: metadata.nftContract.imageUrl,
+                            nftPrice: dstAmount
+                        }
+                        : {
+                            type: NftType.ERC721,
+                            contractAddress: metadata.nftContract.contractAddress,
+                            contractType: metadata.nftContract.type,
+                            nftPrice: dstAmount
+                        }
+                    : undefined,
+                tournament: isTournamentMetadata(metadata)
+                    ? {
+                        ...metadata.tournament,
+                        contractAddress: contractAddress,
+                        entryPriceOrFundAmount: dstAmount
+                    }
+                    : undefined,
                 payload: {
                     amount: dstAmount,
                     data: encodedData,
                     spenderAddress: spenderAddress,
                     to: contractAddress,
-                    action: metadata.action
+                    action: isCustomTxMetadata(metadata) ? metadata.action : undefined
                 }
             };
             if (onramp) {
@@ -350,9 +365,26 @@ export function AnySpendCustom({ isMainnet = true, loadOrder, mode = "modal", re
                                             opacity: hasMounted ? 1 : 0,
                                             y: hasMounted ? 0 : 20,
                                             filter: hasMounted ? "blur(0px)" : "blur(10px)"
-                                        }, transition: { duration: 0.3, delay: 0.3, ease: "easeInOut" }, className: "flex w-full flex-col gap-2", children: _jsx(ShinyButton, { accentColor: "hsl(var(--as-brand))", textColor: "text-white", disabled: isCreatingOrder || isLoadingAnyspendQuote || !anyspendQuote, onClick: () => handleConfirmOrder(), className: "relative w-full", children: !isAuthenticated ? ("Sign in with B3") : isCreatingOrder ? (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Loader2, { className: "size-4 animate-spin" }), _jsx("span", { children: "Creating order..." })] })) : isLoadingAnyspendQuote ? (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Loader2, { className: "size-4 animate-spin" }), _jsx("span", { children: "Loading quote..." })] })) : anyspendQuote ? (_jsxs(_Fragment, { children: [_jsx("span", { children: "Checkout" }), _jsx(ChevronRightCircle, { className: "absolute right-0 top-1/2 size-6 -translate-y-1/2 opacity-70" })] })) : ("No quote found") }) }) })] }) }), _jsx(TabsContent, { value: "fiat", children: _jsx("div", { className: "mt-6 flex w-full flex-col gap-6", children: _jsx(PanelOnrampPayment, { srcAmountOnRamp: anyspendQuote?.data?.currencyIn?.amountUsd || "0", recipientName: recipientEnsName, recipientAddress: recipientAddress, isMainnet: isMainnet, isBuyMode: false, selectedDstChainId: dstChainId, selectedDstToken: dstToken, anyspendQuote: anyspendQuote, globalAddress: currentWallet?.wallet?.address, onOrderCreated: (orderId) => setOrderId(orderId), onBack: () => setActiveTab("crypto"), orderType: orderType, nft: metadata.nftContract ? { ...metadata.nftContract, price: dstAmount } : undefined, tournament: metadata.tournament
-                                    ? { ...metadata.tournament, contractAddress: contractAddress, entryPriceOrFundAmount: dstAmount }
-                                    : undefined, payload: metadata.action
+                                        }, transition: { duration: 0.3, delay: 0.3, ease: "easeInOut" }, className: "flex w-full flex-col gap-2", children: _jsx(ShinyButton, { accentColor: "hsl(var(--as-brand))", textColor: "text-white", disabled: isCreatingOrder || isLoadingAnyspendQuote || !anyspendQuote, onClick: () => handleConfirmOrder(), className: "relative w-full", children: !isAuthenticated ? ("Sign in with B3") : isCreatingOrder ? (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Loader2, { className: "size-4 animate-spin" }), _jsx("span", { children: "Creating order..." })] })) : isLoadingAnyspendQuote ? (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Loader2, { className: "size-4 animate-spin" }), _jsx("span", { children: "Loading quote..." })] })) : anyspendQuote ? (_jsxs(_Fragment, { children: [_jsx("span", { children: "Checkout" }), _jsx(ChevronRightCircle, { className: "absolute right-0 top-1/2 size-6 -translate-y-1/2 opacity-70" })] })) : ("No quote found") }) }) })] }) }), _jsx(TabsContent, { value: "fiat", children: _jsx("div", { className: "mt-6 flex w-full flex-col gap-6", children: _jsx(PanelOnrampPayment, { srcAmountOnRamp: anyspendQuote?.data?.currencyIn?.amountUsd || "0", recipientName: recipientEnsName, recipientAddress: recipientAddress, isMainnet: isMainnet, isBuyMode: false, selectedDstChainId: dstChainId, selectedDstToken: dstToken, anyspendQuote: anyspendQuote, globalAddress: currentWallet?.wallet?.address, onOrderCreated: (orderId) => setOrderId(orderId), onBack: () => setActiveTab("crypto"), orderType: orderType, nft: isNftMetadata(metadata)
+                                    ? metadata.nftContract.type === NftType.ERC1155
+                                        ? {
+                                            type: NftType.ERC1155,
+                                            contractAddress: metadata.nftContract.contractAddress,
+                                            tokenId: metadata.nftContract.tokenId,
+                                            imageUrl: metadata.nftContract.imageUrl,
+                                            name: metadata.nftContract.name,
+                                            description: metadata.nftContract.description,
+                                            price: dstAmount
+                                        }
+                                        : {
+                                            type: NftType.ERC721,
+                                            contractAddress: metadata.nftContract.contractAddress,
+                                            name: metadata.nftContract.name,
+                                            description: metadata.nftContract.description,
+                                            imageUrl: metadata.nftContract.imageUrl,
+                                            price: dstAmount
+                                        }
+                                    : undefined, payload: isCustomTxMetadata(metadata)
                                     ? {
                                         ...metadata,
                                         amount: dstAmount,

package/dist/esm/anyspend/react/components/AnySpendNFT.d.ts

@@ -1,8 +1,9 @@
 import { NftContract } from "../../../anyspend/types";
-export declare function AnySpendNFT({ isMainnet, loadOrder, mode, recipientAddress, nftContract }: {
+export declare function AnySpendNFT({ isMainnet, loadOrder, mode, recipientAddress, nftContract, onSuccess }: {
     isMainnet?: boolean;
     loadOrder?: string;
     mode?: "modal" | "page";
     recipientAddress?: string;
-    nftContract?: NftContract;
+    nftContract: NftContract;
+    onSuccess?: (txHash?: string) => void;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/esm/anyspend/react/components/AnySpendNFT.js

@@ -1,6 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { ALL_CHAINS, getChainName, getExplorerAddressUrl, OrderType } from "../../../anyspend/index.js";
-import { DEFAULT_NFT_CONTRACT } from "../../../anyspend/constants/index.js";
 import { GlareCard, Popover, PopoverContent, PopoverTrigger } from "../../../global-account/react/index.js";
 import { cn } from "../../../shared/utils/index.js";
 import { getIpfsUrl } from "../../../shared/utils/ipfs.js";
@@ -10,11 +9,14 @@ import { MoreVertical } from "lucide-react";
 import { useState } from "react";
 import { b3 } from "viem/chains";
 import { AnySpendCustom } from "./AnySpendCustom.js";
-export function AnySpendNFT({ isMainnet = true, loadOrder, mode = "modal", recipientAddress, nftContract = DEFAULT_NFT_CONTRACT }) {
+export function AnySpendNFT({ isMainnet = true, loadOrder, mode = "modal", recipientAddress, nftContract, onSuccess }) {
     const header = ({ anyspendPrice, isLoadingAnyspendPrice }) => (_jsxs(_Fragment, { children: [_jsxs("div", { className: "relative size-[200px]", children: [_jsx("div", { className: "absolute inset-0 scale-95 bg-black/30 blur-md" }), _jsxs(GlareCard, { className: "overflow-hidden", children: [_jsx("img", { src: getIpfsUrl(nftContract.imageUrl), alt: nftContract.name, className: "size-full object-cover" }), _jsx("div", { className: "absolute inset-0 rounded-xl border border-white/10" })] }), _jsx(DropdownMenu, { nftContract: nftContract })] }), _jsxs("div", { className: "from-b3-react-background to-as-on-surface-1 mt-[-100px] w-full rounded-t-lg bg-gradient-to-t", children: [_jsx("div", { className: "h-[100px] w-full" }), _jsxs("div", { className: "mb-1 flex w-full flex-col items-center gap-2 p-5", children: [_jsx("span", { className: "font-sf-rounded text-2xl font-semibold", children: nftContract.name }), _jsx("div", { className: "flex w-fit items-center gap-1", children: anyspendPrice ? (_jsx(AnimatePresence, { mode: "wait", children: _jsx("div", { className: cn("text-as-primary group flex items-center text-3xl font-semibold transition-all", {
                                             "opacity-0": isLoadingAnyspendPrice
                                         }), children: formatDisplayNumber(anyspendPrice?.data?.currencyIn?.amountUsd, { style: "currency" }) }) })) : (_jsx("div", { className: "h-[36px] w-full" })) })] })] })] }));
-    return (_jsx(AnySpendCustom, { isMainnet: isMainnet, loadOrder: loadOrder, mode: mode, recipientAddress: recipientAddress, orderType: OrderType.MintNFT, dstChainId: nftContract.chainId, dstToken: nftContract.currency, dstAmount: nftContract.price, contractAddress: nftContract.contractAddress, encodedData: "0x", metadata: { nftContract }, header: header }));
+    return (_jsx(AnySpendCustom, { isMainnet: isMainnet, loadOrder: loadOrder, mode: mode, recipientAddress: recipientAddress, orderType: OrderType.MintNFT, dstChainId: nftContract.chainId, dstToken: nftContract.currency, dstAmount: nftContract.price, contractAddress: nftContract.contractAddress, encodedData: "0x", metadata: {
+            type: OrderType.MintNFT,
+            nftContract: nftContract
+        }, header: header, onSuccess: onSuccess }));
 }
 function DropdownMenu({ nftContract }) {
     const [open, setOpen] = useState(false);

package/dist/esm/anyspend/react/components/AnySpendStakeB3.js

@@ -1,9 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { ABI_ERC20_STAKING, B3_TOKEN, OrderType } from "../../../anyspend/index.js";
-import { EthIcon } from "./icons/EthIcon.js";
-import { SolIcon } from "./icons/SolIcon.js";
-import { UsdcIcon } from "./icons/USDCIcon.js";
-import { Button, GlareCardRounded, Input, TextLoop, useHasMounted, useModalStore, useChainSwitchWithAction, useTokenBalance, StyleRoot } from "../../../global-account/react/index.js";
+import { Button, GlareCardRounded, Input, StyleRoot, TextLoop, useChainSwitchWithAction, useHasMounted, useModalStore, useTokenBalance } from "../../../global-account/react/index.js";
 import { formatTokenAmount } from "../../../shared/utils/number.js";
 import { motion } from "framer-motion";
 import invariant from "invariant";
@@ -14,6 +11,9 @@ import { createPublicClient, encodeFunctionData, erc20Abi, http } from "viem";
 import { base } from "viem/chains";
 import { useAccount, useWaitForTransactionReceipt, useWriteContract } from "wagmi";
 import { AnySpendCustom } from "./AnySpendCustom.js";
+import { EthIcon } from "./icons/EthIcon.js";
+import { SolIcon } from "./icons/SolIcon.js";
+import { UsdcIcon } from "./icons/USDCIcon.js";
 const basePublicClient = createPublicClient({
     chain: base,
     transport: http()
@@ -250,6 +250,7 @@ export function AnySpendStakeB3({ isMainnet = true, loadOrder, mode = "modal", r
     }
     const encodedData = generateEncodedDataForStakingB3(userStakeAmount, recipientAddress);
     return (_jsx(AnySpendCustom, { isMainnet: isMainnet, loadOrder: loadOrder, mode: mode, recipientAddress: recipientAddress, orderType: OrderType.Custom, dstChainId: base.id, dstToken: B3_TOKEN, dstAmount: userStakeAmount, contractAddress: ERC20Staking, encodedData: encodedData, metadata: {
+            type: OrderType.Custom,
             action: "stake B3"
         }, header: header, onSuccess: onSuccess, showRecipient: true }));
 }

package/dist/esm/anyspend/react/components/AnySpendTournament.js

@@ -11,5 +11,8 @@ export function AnySpendTournament(props) {
     const header = ({ anyspendPrice, isLoadingAnyspendPrice }) => (_jsxs(_Fragment, { children: [_jsx("div", { className: "z-10 mt-[-100px] flex h-[270px] w-full items-end justify-center", children: _jsx("img", { src: "https://cdn.b3.fun/tournament-play.svg", alt: "Tournament Play", className: "h-[200px] w-[360px] object-cover object-center" }) }), _jsxs("div", { className: "from-b3-react-background to-as-on-surface-1 mt-[-100px] w-full rounded-t-lg bg-gradient-to-t", children: [_jsx("div", { className: "h-[100px] w-full" }), _jsxs("div", { className: "flex w-full flex-col items-center gap-1 p-6 pt-0", children: [_jsxs("span", { className: "font-sf-rounded text-center text-lg font-semibold", children: [action === "join" ? "Pay entry fee to join " : "Pay to fund ", " ", tournamentMetadata.name] }), _jsx("div", { className: "mt-2 flex w-fit items-center gap-1", children: anyspendPrice ? (_jsx(AnimatePresence, { mode: "wait", children: _jsxs("div", { className: cn("text-as-primary group flex items-center text-2xl font-semibold transition-all", {
                                             "opacity-0": isLoadingAnyspendPrice
                                         }), children: [formatDisplayNumber(anyspendPrice?.data?.currencyIn?.amountUsd, { style: "currency" }), " (", formatTokenAmount(BigInt(dstAmount), dstToken.decimals, 6, true), " ", dstToken.symbol, ")"] }) })) : (_jsx("div", { className: "h-[32px] w-full" })) })] })] })] }));
-    return (_jsx(AnySpendCustom, { isMainnet: isMainnet, loadOrder: loadOrder, mode: mode, recipientAddress: action === "join" ? props.joinFor : undefined, orderType: action === "join" ? OrderType.JoinTournament : OrderType.FundTournament, dstChainId: tournamentChainId, dstToken: dstToken, dstAmount: dstAmount, contractAddress: tournamentContractAddress, encodedData: "0x", metadata: { tournament: tournamentMetadata }, header: header, onSuccess: onSuccess, showRecipient: action === "join" }));
+    return (_jsx(AnySpendCustom, { isMainnet: isMainnet, loadOrder: loadOrder, mode: mode, recipientAddress: action === "join" ? props.joinFor : undefined, orderType: action === "join" ? OrderType.JoinTournament : OrderType.FundTournament, dstChainId: tournamentChainId, dstToken: dstToken, dstAmount: dstAmount, contractAddress: tournamentContractAddress, encodedData: "0x", metadata: {
+            type: action === "join" ? OrderType.JoinTournament : OrderType.FundTournament,
+            tournament: tournamentMetadata
+        }, header: header, onSuccess: onSuccess, showRecipient: action === "join" }));
 }

package/dist/esm/anyspend/services/anyspend.d.ts

@@ -1,5 +1,5 @@
-import { GetOrderAndTxsResponse, GetQuoteRequest, GetQuoteResponse, SendPermitDataRequestBody, Token } from "../../anyspend/types";
 import { OnrampOptions } from "../../anyspend/react";
+import { GetOrderAndTxsResponse, GetQuoteRequest, GetQuoteResponse, SendPermitDataRequestBody, Token } from "../../anyspend/types";
 export declare const anyspendService: {
     getTokenList: (isMainnet: boolean, chainId: number, query: string) => Promise<Token[]>;
     getToken: (isMainnet: boolean, chainId: number, tokenAddress: string) => Promise<Token>;

package/dist/esm/anyspend/services/anyspend.js

@@ -1,7 +1,7 @@
+import { ANYSPEND_MAINNET_BASE_URL, ANYSPEND_TESTNET_BASE_URL } from "../../anyspend/constants/index.js";
 import { zGetCoinbaseOnrampOptionsResponse, zGetOrderAndTxsResponse, zGetOrderHistoryResponse, zGetTokenListResponse } from "../../anyspend/types/index.js";
 import { getNativeToken, isNativeToken } from "../../anyspend/utils/index.js";
 import invariant from "invariant";
-import { ANYSPEND_MAINNET_BASE_URL, ANYSPEND_TESTNET_BASE_URL } from "../../anyspend/constants/index.js";
 // Service functions
 export const anyspendService = {
     getTokenList: async (isMainnet, chainId, query) => {

package/dist/esm/anyspend/types/index.d.ts

@@ -2,6 +2,7 @@ export * from "./req-res";
 export * from "./chain";
 export * from "./custom";
 export * from "./globalWallet";
+export * from "./metadata";
 export * from "./nft";
 export * from "./onramp";
 export * from "./order";

package/dist/esm/anyspend/types/index.js

@@ -2,6 +2,7 @@ export * from "./req-res/index.js";
 export * from "./chain.js";
 export * from "./custom.js";
 export * from "./globalWallet.js";
+export * from "./metadata.js";
 export * from "./nft.js";
 export * from "./onramp.js";
 export * from "./order.js";

package/dist/esm/anyspend/types/metadata.d.ts

@@ -0,0 +1,26 @@
+import { NftContract } from "./nft";
+import { OrderType } from "./order";
+export type BaseMetadata = {
+    type: OrderType;
+};
+export type NftMetadata = BaseMetadata & {
+    type: OrderType.MintNFT;
+    nftContract: NftContract;
+};
+export type TournamentMetadata = BaseMetadata & {
+    type: OrderType.JoinTournament | OrderType.FundTournament;
+    tournament: {
+        slug: string;
+        name: string;
+        description: string;
+        imageUrl: string;
+    };
+};
+export type CustomTxMetadata = BaseMetadata & {
+    type: OrderType.Custom;
+    action: string;
+};
+export type AnySpendMetadata = NftMetadata | TournamentMetadata | CustomTxMetadata;
+export declare function isNftMetadata(metadata: AnySpendMetadata): metadata is NftMetadata;
+export declare function isTournamentMetadata(metadata: AnySpendMetadata): metadata is TournamentMetadata;
+export declare function isCustomTxMetadata(metadata: AnySpendMetadata): metadata is CustomTxMetadata;

package/dist/esm/anyspend/types/metadata.js

@@ -0,0 +1,11 @@
+import { OrderType } from "./order.js";
+// Type guard functions
+export function isNftMetadata(metadata) {
+    return metadata.type === OrderType.MintNFT;
+}
+export function isTournamentMetadata(metadata) {
+    return metadata.type === OrderType.JoinTournament || metadata.type === OrderType.FundTournament;
+}
+export function isCustomTxMetadata(metadata) {
+    return metadata.type === OrderType.Custom;
+}

package/dist/esm/anyspend/types/nft.d.ts

@@ -270,4 +270,5 @@ export interface NftContract {
     name: string;
     description: string;
     tokenId: number | null;
+    type: NftType;
 }