@b3dotfun/sdk 0.0.7-alpha.1 → 0.0.7-alpha.11

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,22 +240,44 @@ 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
-                },
-                payload: {
-                    amount: dstAmount,
-                    data: encodedData,
-                    spenderAddress: spenderAddress,
-                    to: contractAddress,
-                    action: metadata.action
-                }
+                nft: isNftMetadata(metadata)
+                    ? metadata.nftContract.type === NftType.ERC1155
+                        ? {
+                            type: NftType.ERC1155,
+                            contractAddress: metadata.nftContract.contractAddress,
+                            tokenId: metadata.nftContract.tokenId,
+                            name: metadata.nftContract.name,
+                            description: metadata.nftContract.description,
+                            imageUrl: metadata.nftContract.imageUrl,
+                            price: dstAmount
+                        }
+                        : {
+                            type: NftType.ERC721,
+                            contractAddress: metadata.nftContract.contractAddress,
+                            contractType: metadata.nftContract.type,
+                            price: dstAmount,
+                            name: metadata.nftContract.name,
+                            description: metadata.nftContract.description,
+                            imageUrl: metadata.nftContract.imageUrl
+                        }
+                    : undefined,
+                tournament: isTournamentMetadata(metadata)
+                    ? {
+                        ...metadata.tournament,
+                        contractAddress: contractAddress,
+                        entryPriceOrFundAmount: dstAmount
+                    }
+                    : undefined,
+                // only populate payload for custom tx
+                payload: isCustomTxMetadata(metadata)
+                    ? {
+                        amount: dstAmount,
+                        data: encodedData,
+                        spenderAddress: spenderAddress,
+                        to: contractAddress,
+                        action: metadata.action
+                    }
+                    : undefined
             };
             if (onramp) {
                 invariant(srcToken.address === USDC_BASE.address, "Selected src token is not USDC");
@@ -350,9 +373,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/react/components/common/OrderDetails.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { ALL_CHAINS, capitalizeFirstLetter, EVM_CHAINS, getChainName, getErrorDisplay, getExplorerTxUrl, getPaymentUrl, getStatusDisplay, isNativeToken, OrderStatus, OrderType, RELAY_ETH_ADDRESS, zNft, zToken, zTournament } from "../../../../anyspend/index.js";
-import { CopyToClipboard, Badge, ShinyButton, Skeleton, TextLoop, TextShimmer, Button, useAccountWallet, useChainSwitchWithAction, useOnchainName, useModalStore } from "../../../../global-account/react/index.js";
+import { Badge, Button, CopyToClipboard, ShinyButton, Skeleton, TextLoop, TextShimmer, useAccountWallet, useChainSwitchWithAction, useModalStore, useOnchainName } 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";
@@ -217,7 +217,7 @@ export const OrderDetails = memo(function OrderDetails({ isMainnet, mode = "moda
     };
     // When waitingForDeposit is true, we show a message to the user to wait for the deposit to be processed.
     const setWaitingForDeposit = useCallback(() => {
-        const params = new URLSearchParams(searchParams);
+        const params = new URLSearchParams(searchParams.toString());
         params.set("waitingForDeposit", "true");
         router.push(`?${params}`);
     }, [router, searchParams]);
@@ -338,7 +338,7 @@ export const OrderDetails = memo(function OrderDetails({ isMainnet, mode = "moda
                                                     toast.success("Copied to clipboard");
                                                 }, children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs("strong", { className: "border-as-brand text-as-primary border-b-2 pb-1 text-2xl font-semibold sm:text-xl", children: [roundedUpSrcAmount, " ", srcToken.symbol] }), _jsx(Copy, { className: "text-as-primary/50 hover:text-as-primary h-5 w-5 cursor-pointer transition-all duration-200" })] }) }), _jsxs(Badge, { variant: "outline", className: "flex h-10 items-center gap-2 px-3 py-1 pr-2 text-sm", children: ["on ", getChainName(order.srcChain), _jsx("img", { src: ALL_CHAINS[order.srcChain].logoUrl, alt: getChainName(order.srcChain), className: cn("h-6 rounded-full", order.srcChain === b3.id && "h-5 rounded-none") })] })] }), _jsx("span", { className: "text-as-primary/50 mb-1 mt-2", children: " to the address:" })] }), _jsx(CopyToClipboard, { text: order.globalAddress, onCopy: () => {
                                     toast.success("Copied to clipboard");
-                                }, children: _jsxs("div", { className: "bg-b3-react-background border-b3-react-border hover:border-as-brand group flex cursor-pointer items-center justify-between gap-4 rounded-lg border p-3 px-4 shadow-md transition-all duration-200", children: [_jsx("div", { className: "text-as-primary overflow-hidden text-ellipsis whitespace-nowrap text-sm", children: order.globalAddress }), _jsx(Copy, { className: "group-hover:text-as-brand text-as-primary/50 h-5 w-5 cursor-pointer transition-all duration-200" })] }) }), account?.address && !showQRCode ? (_jsxs("div", { className: "mb-4 mt-8 flex w-full flex-col items-center gap-4", children: [_jsxs("div", { className: "relative flex w-full flex-col items-center gap-2", children: [_jsx(ShinyButton, { accentColor: "hsl(var(--as-brand))", textColor: "text-white", className: "flex w-5/6 items-center gap-2 sm:px-0", disabled: txLoading || isSwitchingOrExecuting, onClick: handlePayment, children: txLoading ? (_jsxs(_Fragment, { children: ["Transaction Pending", _jsx(Loader2, { className: "ml-2 h-5 w-5 animate-spin" })] })) : (_jsxs(_Fragment, { children: [_jsx("span", { className: "pl-4 text-lg md:text-sm", children: "Pay from Connected Wallet" }), _jsx(ChevronRight, { className: "h-4 w-4" })] })) }), _jsxs("span", { className: "label-style text-as-primary/50 text-xs", children: ["Connected to: ", centerTruncate(account?.address || "", 6)] })] }), _jsxs("div", { className: "flex w-full flex-col items-center gap-2", children: [_jsxs(ShinyButton, { accentColor: colorMode === "dark" ? "#ffffff" : "#000000", className: "flex w-5/6 items-center gap-2 sm:px-0", onClick: () => setShowQRCode(true), children: [_jsx("span", { className: "pl-4 text-lg md:text-sm", children: "Pay from a different wallet" }), _jsx(ChevronRight, { className: "h-4 w-4" })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(WalletMetamask, { className: "h-5 w-5", variant: "branded" }), _jsx(WalletCoinbase, { className: "h-5 w-5", variant: "branded" }), _jsx(WalletPhantom, { className: "h-5 w-5", variant: "branded" }), _jsx(WalletTrust, { className: "h-5 w-5", variant: "branded" }), _jsx(WalletWalletConnect, { className: "h-5 w-5", variant: "branded" }), _jsx("span", { className: "label-style text-as-primary/30 text-xs", children: "& more" })] })] })] })) : (_jsxs(motion.div, { initial: { opacity: 0, filter: "blur(10px)" }, animate: { opacity: 1, filter: "blur(0px)" }, transition: { duration: 0.5, ease: "easeInOut" }, className: "flex w-full items-center justify-evenly gap-4", children: [_jsxs("div", { className: "mt-8 flex flex-col items-center rounded-lg bg-white p-6 pb-3", children: [_jsx(QRCodeSVG, { value: getPaymentUrl(order.globalAddress, BigInt(order.srcAmount), order.srcTokenAddress === RELAY_ETH_ADDRESS ? "ETH" : order.srcTokenAddress), size: 200 }), _jsxs("div", { className: "mt-3 flex items-center justify-center gap-2 text-sm", children: [_jsx("span", { className: "label-style text-as-brand/70 text-sm", children: "Scan with" }), _jsxs(TextLoop, { interval: 3, children: [_jsx(WalletMetamask, { className: "h-5 w-5", variant: "branded" }), _jsx(WalletCoinbase, { className: "h-5 w-5", variant: "branded" }), _jsx(WalletPhantom, { className: "h-5 w-5", variant: "branded" }), _jsx(WalletTrust, { className: "h-5 w-5", variant: "branded" }), _jsx(WalletWalletConnect, { className: "h-5 w-5", variant: "branded" })] })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [account && (_jsxs(Button, { variant: "ghost", className: "text-as-primary w-full", onClick: handlePayment, children: ["Send Transaction ", _jsx(ChevronRight, { className: "ml-2 h-4 w-4" })] })), EVM_CHAINS[order.srcChain] ? (_jsxs(Button, { variant: "outline", className: "w-full", onClick: handlePayment, children: ["Open Metamask", _jsx(WalletMetamask, { className: "ml-2 h-5 w-5", variant: "branded" })] })) : null, _jsx("a", { href: handleCoinbaseRedirect(), children: _jsxs(Button, { variant: "outline", className: "w-full", children: ["Open Coinbase", _jsx(WalletCoinbase, { className: "ml-2 h-5 w-5", variant: "branded" })] }) }), _jsx("a", { href: handlePhantomRedirect(), children: _jsxs(Button, { variant: "outline", className: "w-full", children: ["Open Phantom", _jsx(WalletPhantom, { className: "ml-2 h-5 w-5", variant: "branded" })] }) })] })] }))] })), _jsxs("div", { className: "bg-as-light-brand/30 w-full rounded-lg p-4 sm:p-2 sm:px-4", children: [_jsx("p", { className: "text-as-secondary mb-3 text-sm", children: "Continue on another device?" }), _jsxs("div", { className: "flex items-center gap-4", children: [_jsx(CopyToClipboard, { text: permalink, onCopy: () => {
+                                }, children: _jsxs("div", { className: "bg-b3-react-background border-b3-react-border hover:border-as-brand group flex cursor-pointer items-center justify-between gap-4 rounded-lg border p-3 px-4 shadow-md transition-all duration-200", children: [_jsx("div", { className: "text-as-primary overflow-hidden text-ellipsis whitespace-nowrap text-sm", children: order.globalAddress }), _jsx(Copy, { className: "group-hover:text-as-brand text-as-primary/50 h-5 w-5 cursor-pointer transition-all duration-200" })] }) }), account?.address && !showQRCode ? (_jsxs("div", { className: "mb-4 mt-8 flex w-full flex-col items-center gap-4", children: [_jsxs("div", { className: "relative flex w-full flex-col items-center gap-2", children: [_jsx(ShinyButton, { accentColor: "hsl(var(--as-brand))", textColor: "text-white", className: "flex w-5/6 items-center gap-2 sm:px-0", disabled: txLoading || isSwitchingOrExecuting, onClick: handlePayment, children: txLoading ? (_jsxs(_Fragment, { children: ["Transaction Pending", _jsx(Loader2, { className: "ml-2 h-5 w-5 animate-spin" })] })) : (_jsxs(_Fragment, { children: [_jsx("span", { className: "pl-4 text-lg md:text-sm", children: "Pay from Connected Wallet" }), _jsx(ChevronRight, { className: "h-4 w-4" })] })) }), _jsxs("span", { className: "label-style text-as-primary/50 text-xs", children: ["Connected to: ", centerTruncate(account?.address || "", 6)] })] }), _jsxs("div", { className: "flex w-full flex-col items-center gap-2", children: [_jsxs(ShinyButton, { accentColor: colorMode === "dark" ? "#ffffff" : "#000000", className: "flex w-5/6 items-center gap-2 sm:px-0", onClick: () => setShowQRCode(true), children: [_jsx("span", { className: "pl-4 text-lg md:text-sm", children: "Pay from a different wallet" }), _jsx(ChevronRight, { className: "h-4 w-4" })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(WalletMetamask, { className: "h-5 w-5", variant: "branded" }), _jsx(WalletCoinbase, { className: "h-5 w-5", variant: "branded" }), _jsx(WalletPhantom, { className: "h-5 w-5", variant: "branded" }), _jsx(WalletTrust, { className: "h-5 w-5", variant: "branded" }), _jsx(WalletWalletConnect, { className: "h-5 w-5", variant: "branded" }), _jsx("span", { className: "label-style text-as-primary/30 text-xs", children: "& more" })] })] })] })) : (_jsxs(motion.div, { initial: { opacity: 0, filter: "blur(10px)" }, animate: { opacity: 1, filter: "blur(0px)" }, transition: { duration: 0.5, ease: "easeInOut" }, className: "flex w-full items-center justify-evenly gap-4", children: [_jsxs("div", { className: "mt-8 flex flex-col items-center rounded-lg bg-white p-6 pb-3", children: [_jsx(QRCodeSVG, { value: getPaymentUrl(order.globalAddress, BigInt(order.srcAmount), order.srcTokenAddress === RELAY_ETH_ADDRESS ? "ETH" : order.srcTokenAddress), className: "max-w-[200px]" }), _jsxs("div", { className: "mt-3 flex items-center justify-center gap-2 text-sm", children: [_jsx("span", { className: "label-style text-as-brand/70 text-sm", children: "Scan with" }), _jsxs(TextLoop, { interval: 3, children: [_jsx(WalletMetamask, { className: "h-5 w-5", variant: "branded" }), _jsx(WalletCoinbase, { className: "h-5 w-5", variant: "branded" }), _jsx(WalletPhantom, { className: "h-5 w-5", variant: "branded" }), _jsx(WalletTrust, { className: "h-5 w-5", variant: "branded" }), _jsx(WalletWalletConnect, { className: "h-5 w-5", variant: "branded" })] })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [account && (_jsxs(Button, { variant: "ghost", className: "text-as-primary w-full", onClick: handlePayment, children: ["Send Transaction ", _jsx(ChevronRight, { className: "ml-2 h-4 w-4" })] })), EVM_CHAINS[order.srcChain] ? (_jsxs(Button, { variant: "outline", className: "w-full", onClick: handlePayment, children: ["Open Metamask", _jsx(WalletMetamask, { className: "ml-2 h-5 w-5", variant: "branded" })] })) : null, _jsx("a", { href: handleCoinbaseRedirect(), children: _jsxs(Button, { variant: "outline", className: "w-full", children: ["Open Coinbase", _jsx(WalletCoinbase, { className: "ml-2 h-5 w-5", variant: "branded" })] }) }), _jsx("a", { href: handlePhantomRedirect(), children: _jsxs(Button, { variant: "outline", className: "w-full", children: ["Open Phantom", _jsx(WalletPhantom, { className: "ml-2 h-5 w-5", variant: "branded" })] }) })] })] }))] })), _jsxs("div", { className: "bg-as-light-brand/30 w-full rounded-lg p-4 sm:p-2 sm:px-4", children: [_jsx("p", { className: "text-as-secondary mb-3 text-sm", children: "Continue on another device?" }), _jsxs("div", { className: "flex items-center gap-4", children: [_jsx(CopyToClipboard, { text: permalink, onCopy: () => {
                                             toast.success("Copied to clipboard");
                                         }, children: _jsxs(Button, { variant: "outline", className: "w-full", children: ["Copy Link", _jsx(Copy, { className: "ml-2 h-3 w-3" })] }) }), _jsxs(Button, { variant: "outline", className: "w-full", onClick: () => {
                                             if (navigator.share) {

package/dist/esm/anyspend/react/hooks/useAnyspendCreateOnrampOrder.d.ts

@@ -1,4 +1,5 @@
-import { Nft, OnrampVendor, OrderType, Token, Tournament } from "../../../anyspend/types";
+import { OnrampVendor } from "../../../anyspend/types";
+import { CreateOrderParams } from "./useAnyspendCreateOrder";
 export type OnrampOptions = {
     vendor: OnrampVendor;
     paymentMethod: string;
@@ -6,25 +7,9 @@ export type OnrampOptions = {
     redirectUrl: string;
     ipAddress?: string;
 };
-export type CreateOnrampOrderParams = {
-    isMainnet: boolean;
-    recipientAddress: string;
-    orderType: OrderType;
-    dstChain: number;
-    dstToken: Token;
+export type CreateOnrampOrderParams = Omit<CreateOrderParams, "srcChain" | "srcToken" | "srcAmount"> & {
     srcFiatAmount: string;
     onramp: OnrampOptions;
-    partnerId?: string;
-    expectedDstAmount: string;
-    creatorAddress?: string;
-    nft?: Nft & {
-        price: string;
-    };
-    tournament?: Tournament & {
-        contractAddress: string;
-        entryPriceOrFundAmount: string;
-    };
-    payload?: any;
 };
 export type UseAnyspendCreateOnrampOrderProps = {
     onSuccess?: (data: any) => void;

package/dist/esm/anyspend/react/hooks/useAnyspendCreateOrder.d.ts

@@ -18,6 +18,7 @@ export type CreateOrderParams = {
     };
     creatorAddress?: string;
     payload?: any;
+    partnerId?: string;
 };
 export type UseAnyspendCreateOrderProps = {
     onSuccess?: (data: any) => void;

package/dist/esm/anyspend/react/hooks/useAnyspendCreateOrder.js

@@ -1,5 +1,5 @@
 import { anyspendService } from "../../../anyspend/services/anyspend.js";
-import { normalizeAddress, buildMetadata, buildPayload } from "../../../anyspend/utils/index.js";
+import { buildMetadata, buildPayload, normalizeAddress } from "../../../anyspend/utils/index.js";
 import { useMutation } from "@tanstack/react-query";
 import { useMemo } from "react";
 /**

package/dist/esm/anyspend/react/hooks/useAnyspendOrderAndTransactions.d.ts

@@ -130,6 +130,8 @@ export declare function useAnyspendOrderAndTransactions(isMainnet: boolean, orde
                 } | null;
                 payload: {
                     contractAddress: string;
+                    tokenId: number | null;
+                    contractType: import("../../../anyspend/types").NftType;
                     nftPrice: string;
                 };
             } | {
@@ -488,6 +490,8 @@ export declare function useAnyspendOrderAndTransactions(isMainnet: boolean, orde
                 } | null;
                 payload: {
                     contractAddress: string;
+                    tokenId: number | null;
+                    contractType: import("../../../anyspend/types").NftType;
                     nftPrice: string;
                 };
             } | {

package/dist/esm/anyspend/react/hooks/useAnyspendOrderHistory.d.ts

@@ -127,6 +127,8 @@ export declare function useAnyspendOrderHistory(isMainnet: boolean, creatorAddre
         } | null;
         payload: {
             contractAddress: string;
+            tokenId: number | null;
+            contractType: import("../..").NftType;
             nftPrice: string;
         };
     } | {
@@ -449,6 +451,8 @@ export declare function useAnyspendOrderHistory(isMainnet: boolean, creatorAddre
         } | null;
         payload: {
             contractAddress: string;
+            tokenId: number | null;
+            contractType: import("../..").NftType;
             nftPrice: string;
         };
     } | {

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>;
@@ -150,6 +150,8 @@ export declare const anyspendService: {
             } | null;
             payload: {
                 contractAddress: string;
+                tokenId: number | null;
+                contractType: import("../../anyspend/types").NftType;
                 nftPrice: string;
             };
         } | {

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

@@ -68,12 +68,18 @@ export declare const zNft: z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
 export type Nft = z.infer<typeof zNft>;
 export declare const zMintNftPayload: z.ZodObject<{
     contractAddress: z.ZodString;
+    tokenId: z.ZodNullable<z.ZodNumber>;
+    contractType: z.ZodNativeEnum<typeof NftType>;
     nftPrice: z.ZodString;
 }, "strip", z.ZodTypeAny, {
     contractAddress: string;
+    tokenId: number | null;
+    contractType: NftType;
     nftPrice: string;
 }, {
     contractAddress: string;
+    tokenId: number | null;
+    contractType: NftType;
     nftPrice: string;
 }>;
 export declare const zMintNftMetadata: z.ZodObject<{
@@ -264,4 +270,5 @@ export interface NftContract {
     name: string;
     description: string;
     tokenId: number | null;
+    type: NftType;
 }

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

@@ -24,6 +24,8 @@ export const zNft = z.discriminatedUnion("type", [
 ]);
 export const zMintNftPayload = z.object({
     contractAddress: z.string(),
+    tokenId: z.number().nullable(),
+    contractType: z.nativeEnum(NftType),
     nftPrice: z.string()
 });
 export const zMintNftMetadata = z.object({

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

@@ -487,12 +487,18 @@ export declare const zOrder: z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
     type: z.ZodLiteral<OrderType.MintNFT>;
     payload: z.ZodObject<{
         contractAddress: z.ZodString;
+        tokenId: z.ZodNullable<z.ZodNumber>;
+        contractType: z.ZodNativeEnum<typeof import("./nft").NftType>;
         nftPrice: z.ZodString;
     }, "strip", z.ZodTypeAny, {
         contractAddress: string;
+        tokenId: number | null;
+        contractType: import("./nft").NftType;
         nftPrice: string;
     }, {
         contractAddress: string;
+        tokenId: number | null;
+        contractType: import("./nft").NftType;
         nftPrice: string;
     }>;
     metadata: z.ZodObject<{
@@ -743,6 +749,8 @@ export declare const zOrder: z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
     } | null;
     payload: {
         contractAddress: string;
+        tokenId: number | null;
+        contractType: import("./nft").NftType;
         nftPrice: string;
     };
 }, {
@@ -815,6 +823,8 @@ export declare const zOrder: z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
     } | null;
     payload: {
         contractAddress: string;
+        tokenId: number | null;
+        contractType: import("./nft").NftType;
         nftPrice: string;
     };
 }>, z.ZodObject<{

package/dist/esm/anyspend/types/req-res/createOrder.d.ts

@@ -267,12 +267,18 @@ export declare const zCreateOrderRequest: z.ZodObject<{
         type: z.ZodLiteral<OrderType.MintNFT>;
         payload: z.ZodObject<{
             contractAddress: z.ZodString;
+            tokenId: z.ZodNullable<z.ZodNumber>;
+            contractType: z.ZodNativeEnum<typeof import("../nft").NftType>;
             nftPrice: z.ZodString;
         }, "strip", z.ZodTypeAny, {
             contractAddress: string;
+            tokenId: number | null;
+            contractType: import("../nft").NftType;
             nftPrice: string;
         }, {
             contractAddress: string;
+            tokenId: number | null;
+            contractType: import("../nft").NftType;
             nftPrice: string;
         }>;
         metadata: z.ZodObject<{
@@ -499,6 +505,8 @@ export declare const zCreateOrderRequest: z.ZodObject<{
         srcAmount: string;
         payload: {
             contractAddress: string;
+            tokenId: number | null;
+            contractType: import("../nft").NftType;
             nftPrice: string;
         };
         creatorAddress?: string | undefined;
@@ -556,6 +564,8 @@ export declare const zCreateOrderRequest: z.ZodObject<{
         srcAmount: string;
         payload: {
             contractAddress: string;
+            tokenId: number | null;
+            contractType: import("../nft").NftType;
             nftPrice: string;
         };
         creatorAddress?: string | undefined;
@@ -1455,6 +1465,8 @@ export declare const zCreateOrderRequest: z.ZodObject<{
         srcAmount: string;
         payload: {
             contractAddress: string;
+            tokenId: number | null;
+            contractType: import("../nft").NftType;
             nftPrice: string;
         };
         creatorAddress?: string | undefined;
@@ -1701,6 +1713,8 @@ export declare const zCreateOrderRequest: z.ZodObject<{
         srcAmount: string;
         payload: {
             contractAddress: string;
+            tokenId: number | null;
+            contractType: import("../nft").NftType;
             nftPrice: string;
         };
         creatorAddress?: string | undefined;
@@ -2212,12 +2226,18 @@ export declare const zCreateOrderResponse: z.ZodObject<{
         type: z.ZodLiteral<OrderType.MintNFT>;
         payload: z.ZodObject<{
             contractAddress: z.ZodString;
+            tokenId: z.ZodNullable<z.ZodNumber>;
+            contractType: z.ZodNativeEnum<typeof import("../nft").NftType>;
             nftPrice: z.ZodString;
         }, "strip", z.ZodTypeAny, {
             contractAddress: string;
+            tokenId: number | null;
+            contractType: import("../nft").NftType;
             nftPrice: string;
         }, {
             contractAddress: string;
+            tokenId: number | null;
+            contractType: import("../nft").NftType;
             nftPrice: string;
         }>;
         metadata: z.ZodObject<{
@@ -2468,6 +2488,8 @@ export declare const zCreateOrderResponse: z.ZodObject<{
         } | null;
         payload: {
             contractAddress: string;
+            tokenId: number | null;
+            contractType: import("../nft").NftType;
             nftPrice: string;
         };
     }, {
@@ -2540,6 +2562,8 @@ export declare const zCreateOrderResponse: z.ZodObject<{
         } | null;
         payload: {
             contractAddress: string;
+            tokenId: number | null;
+            contractType: import("../nft").NftType;
             nftPrice: string;
         };
     }>, z.ZodObject<{
@@ -3642,6 +3666,8 @@ export declare const zCreateOrderResponse: z.ZodObject<{
         } | null;
         payload: {
             contractAddress: string;
+            tokenId: number | null;
+            contractType: import("../nft").NftType;
             nftPrice: string;
         };
     } | {
@@ -3966,6 +3992,8 @@ export declare const zCreateOrderResponse: z.ZodObject<{
         } | null;
         payload: {
             contractAddress: string;
+            tokenId: number | null;
+            contractType: import("../nft").NftType;
             nftPrice: string;
         };
     } | {