@b3dotfun/sdk 0.0.9-alpha.8 → 0.0.10

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

@@ -8,6 +8,7 @@ export declare const SOLANA_ASSOCIATED_TOKEN_ACCOUNT_PROGRAM_ID = "ATokenGPvbdGV
 export declare const SOLANA_TOKEN_2022_PROGRAM_ID = "TokenzQdBNbLqP5VEhdkAS6EPFLC1PHnBqCXEpPxuEb";
 export declare const B3_TOKEN: components["schemas"]["Token"];
 export declare const USDC_BASE: components["schemas"]["Token"];
+export declare const ETH_BASE: components["schemas"]["Token"];
 export declare const NFT_CONTRACTS: components["schemas"]["NftContract"][];
 export declare const DEFAULT_NFT_CONTRACT: {
     chainId: number;
@@ -15,7 +16,7 @@ export declare const DEFAULT_NFT_CONTRACT: {
     price: string;
     priceFormatted: string;
     currency: components["schemas"]["Token"];
-    imageUrl: string;
+    imageUrl: string | null;
     name: string;
     description: string;
     tokenId: number | null;

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.VENDOR_DISPLAY_NAMES = exports.PAYMENT_METHOD_ICONS = exports.STRIPE_CONFIG = exports.DEFAULT_NFT_CONTRACT = exports.NFT_CONTRACTS = exports.USDC_BASE = exports.B3_TOKEN = exports.SOLANA_TOKEN_2022_PROGRAM_ID = exports.SOLANA_ASSOCIATED_TOKEN_ACCOUNT_PROGRAM_ID = exports.RELAY_SOLANA_MAINNET_CHAIN_ID = exports.RELAY_SOL_ADDRESS = exports.RELAY_ETH_ADDRESS = exports.ANYSPEND_TESTNET_BASE_URL = exports.ANYSPEND_MAINNET_BASE_URL = void 0;
+exports.VENDOR_DISPLAY_NAMES = exports.PAYMENT_METHOD_ICONS = exports.STRIPE_CONFIG = exports.DEFAULT_NFT_CONTRACT = exports.NFT_CONTRACTS = exports.ETH_BASE = exports.USDC_BASE = exports.B3_TOKEN = exports.SOLANA_TOKEN_2022_PROGRAM_ID = exports.SOLANA_ASSOCIATED_TOKEN_ACCOUNT_PROGRAM_ID = exports.RELAY_SOLANA_MAINNET_CHAIN_ID = exports.RELAY_SOL_ADDRESS = exports.RELAY_ETH_ADDRESS = exports.ANYSPEND_TESTNET_BASE_URL = exports.ANYSPEND_MAINNET_BASE_URL = void 0;
 const chains_1 = require("viem/chains");
 exports.ANYSPEND_MAINNET_BASE_URL = process.env.NEXT_PUBLIC_ANYSPEND_BASE_URL || "https://mainnet.anyspend.com";
 exports.ANYSPEND_TESTNET_BASE_URL = process.env.NEXT_PUBLIC_ANYSPEND_BASE_URL || "https://testnet.anyspend.com";
@@ -29,6 +29,16 @@ exports.USDC_BASE = {
         logoURI: "https://polygonscan.com/token/images/usdc_32.png",
     },
 };
+exports.ETH_BASE = {
+    symbol: "ETH",
+    chainId: chains_1.base.id,
+    address: "0x0000000000000000000000000000000000000000",
+    name: "Ethereum",
+    decimals: 18,
+    metadata: {
+        logoURI: "https://polygonscan.com/token/images/eth_32.png",
+    },
+};
 exports.NFT_CONTRACTS = [
     {
         chainId: chains_1.base.id,

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

@@ -12,8 +12,78 @@ const lucide_react_1 = require("lucide-react");
 const react_2 = require("react");
 const chains_1 = require("viem/chains");
 const AnySpendCustom_1 = require("./AnySpendCustom");
+// ABI for contractURI and uri functions
+const CONTRACT_URI_ABI = [
+    {
+        inputs: [],
+        name: "contractURI",
+        outputs: [{ internalType: "string", name: "", type: "string" }],
+        stateMutability: "view",
+        type: "function",
+    },
+    {
+        inputs: [{ internalType: "uint256", name: "_tokenId", type: "uint256" }],
+        name: "uri",
+        outputs: [{ internalType: "string", name: "", type: "string" }],
+        stateMutability: "view",
+        type: "function",
+    },
+];
 function AnySpendNFT({ isMainnet = true, loadOrder, mode = "modal", recipientAddress, nftContract, onSuccess, }) {
-    const header = ({ anyspendPrice, isLoadingAnyspendPrice, }) => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "relative size-[200px]", children: [(0, jsx_runtime_1.jsx)("div", { className: "absolute inset-0 scale-95 bg-black/30 blur-md" }), (0, jsx_runtime_1.jsxs)(react_1.GlareCard, { className: "overflow-hidden", children: [(0, jsx_runtime_1.jsx)("img", { src: (0, ipfs_1.getIpfsUrl)(nftContract.imageUrl), alt: nftContract.name, className: "size-full object-cover" }), (0, jsx_runtime_1.jsx)("div", { className: "absolute inset-0 rounded-xl border border-white/10" })] }), (0, jsx_runtime_1.jsx)(DropdownMenu, { nftContract: nftContract })] }), (0, jsx_runtime_1.jsxs)("div", { className: "from-b3-react-background to-as-on-surface-1 mt-[-100px] w-full rounded-t-lg bg-gradient-to-t", children: [(0, jsx_runtime_1.jsx)("div", { className: "h-[100px] w-full" }), (0, jsx_runtime_1.jsxs)("div", { className: "mb-1 flex w-full flex-col items-center gap-2 p-5", children: [(0, jsx_runtime_1.jsx)("span", { className: "font-sf-rounded text-2xl font-semibold", children: nftContract.name }), (0, jsx_runtime_1.jsx)("div", { className: "flex w-fit items-center gap-1", children: anyspendPrice ? ((0, jsx_runtime_1.jsx)(framer_motion_1.AnimatePresence, { mode: "wait", children: (0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)("text-as-primary group flex items-center text-3xl font-semibold transition-all", {
+    const [imageUrlWithFallback, setFallbackImageUrl] = (0, react_2.useState)(nftContract.imageUrl);
+    const [isLoadingFallback, setIsLoadingFallback] = (0, react_2.useState)(false);
+    // Fetch contract metadata when imageUrl is empty
+    (0, react_2.useEffect)(() => {
+        async function fetchContractMetadata() {
+            // fetch image Uri if not provided
+            if (nftContract.imageUrl || isLoadingFallback) {
+                return;
+            }
+            try {
+                setIsLoadingFallback(true);
+                // Use the chainIdToPublicClient utility function
+                const publicClient = (0, anyspend_1.chainIdToPublicClient)(nftContract.chainId);
+                let metadataURI;
+                // Use uri function if tokenId is available, otherwise use contractURI
+                if (nftContract.tokenId !== null && nftContract.tokenId !== undefined) {
+                    console.log("Using uri function with tokenId:", nftContract.tokenId);
+                    metadataURI = await publicClient.readContract({
+                        address: nftContract.contractAddress,
+                        abi: CONTRACT_URI_ABI,
+                        functionName: "uri",
+                        args: [BigInt(nftContract.tokenId)],
+                    });
+                }
+                else {
+                    console.log("Using contractURI function");
+                    metadataURI = await publicClient.readContract({
+                        address: nftContract.contractAddress,
+                        abi: CONTRACT_URI_ABI,
+                        functionName: "contractURI",
+                    });
+                }
+                if (metadataURI) {
+                    // Fetch the metadata from IPFS
+                    const metadataUrl = (0, ipfs_1.getIpfsUrl)(metadataURI);
+                    const response = await fetch(metadataUrl);
+                    const metadata = await response.json();
+                    if (metadata.image) {
+                        const fallbackUrl = (0, ipfs_1.getIpfsUrl)(metadata.image);
+                        setFallbackImageUrl(fallbackUrl);
+                        console.log("fallbackImageUrl", fallbackUrl);
+                    }
+                }
+            }
+            catch (error) {
+                console.error("Error fetching contract metadata:", error);
+            }
+            finally {
+                setIsLoadingFallback(false);
+            }
+        }
+        fetchContractMetadata();
+    }, [nftContract.contractAddress, nftContract.chainId, nftContract.imageUrl, nftContract.tokenId]);
+    const header = ({ anyspendPrice, isLoadingAnyspendPrice, }) => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "relative size-[200px]", children: [(0, jsx_runtime_1.jsx)("div", { className: "absolute inset-0 scale-95 bg-black/30 blur-md" }), (0, jsx_runtime_1.jsxs)(react_1.GlareCard, { className: "overflow-hidden", children: [imageUrlWithFallback && ((0, jsx_runtime_1.jsx)("img", { src: imageUrlWithFallback, alt: nftContract.name, className: "size-full object-cover" })), (0, jsx_runtime_1.jsx)("div", { className: "absolute inset-0 rounded-xl border border-white/10" })] }), (0, jsx_runtime_1.jsx)(DropdownMenu, { nftContract: nftContract })] }), (0, jsx_runtime_1.jsxs)("div", { className: "from-b3-react-background to-as-on-surface-1 mt-[-100px] w-full rounded-t-lg bg-gradient-to-t", children: [(0, jsx_runtime_1.jsx)("div", { className: "h-[100px] w-full" }), (0, jsx_runtime_1.jsxs)("div", { className: "mb-1 flex w-full flex-col items-center gap-2 p-5", children: [(0, jsx_runtime_1.jsx)("span", { className: "font-sf-rounded text-2xl font-semibold", children: nftContract.name }), (0, jsx_runtime_1.jsx)("div", { className: "flex w-fit items-center gap-1", children: anyspendPrice ? ((0, jsx_runtime_1.jsx)(framer_motion_1.AnimatePresence, { mode: "wait", children: (0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)("text-as-primary group flex items-center text-3xl font-semibold transition-all", {
                                             "opacity-0": isLoadingAnyspendPrice,
                                         }), children: (0, number_1.formatDisplayNumber)(anyspendPrice?.data?.currencyIn?.amountUsd, { style: "currency" }) }) })) : ((0, jsx_runtime_1.jsx)("div", { className: "h-[36px] w-full" })) })] })] })] }));
     return ((0, jsx_runtime_1.jsx)(AnySpendCustom_1.AnySpendCustom, { isMainnet: isMainnet, loadOrder: loadOrder, mode: mode, recipientAddress: recipientAddress, orderType: "mint_nft", dstChainId: nftContract.chainId, dstToken: nftContract.currency, dstAmount: nftContract.price, contractAddress: nftContract.contractAddress, encodedData: "0x", metadata: {

package/dist/cjs/anyspend/react/components/common/OrderDetails.js

@@ -475,7 +475,9 @@ exports.OrderDetails = (0, react_4.memo)(function OrderDetails({ isMainnet, mode
                                                     sonner_1.toast.success("Copied to clipboard");
                                                 }, children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.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] }), (0, jsx_runtime_1.jsx)(lucide_react_1.Copy, { className: "text-as-primary/50 hover:text-as-primary h-5 w-5 cursor-pointer transition-all duration-200" })] }) }), (0, jsx_runtime_1.jsxs)(react_1.Badge, { variant: "outline", className: "flex h-10 items-center gap-2 px-3 py-1 pr-2 text-sm", children: ["on ", (0, anyspend_1.getChainName)(order.srcChain), (0, jsx_runtime_1.jsx)("img", { src: anyspend_1.ALL_CHAINS[order.srcChain].logoUrl, alt: (0, anyspend_1.getChainName)(order.srcChain), className: (0, utils_1.cn)("h-6 rounded-full", order.srcChain === chains_1.b3.id && "h-5 rounded-none") })] })] }), (0, jsx_runtime_1.jsx)("span", { className: "text-as-primary/50 mb-1 mt-2", children: " to the address:" })] }), (0, jsx_runtime_1.jsx)(react_1.CopyToClipboard, { text: order.globalAddress, onCopy: () => {
                                     sonner_1.toast.success("Copied to clipboard");
-                                }, children: (0, jsx_runtime_1.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: [(0, jsx_runtime_1.jsx)("div", { className: "text-as-primary overflow-hidden text-ellipsis whitespace-nowrap text-sm", children: order.globalAddress }), (0, jsx_runtime_1.jsx)(lucide_react_1.Copy, { className: "group-hover:text-as-brand text-as-primary/50 h-5 w-5 cursor-pointer transition-all duration-200" })] }) }), (account?.address || phantomWalletAddress) && !showQRCode ? ((0, jsx_runtime_1.jsxs)("div", { className: "mb-4 mt-8 flex w-full flex-col items-center gap-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "relative flex w-full flex-col items-center gap-2", children: [(0, jsx_runtime_1.jsx)(react_1.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 ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["Transaction Pending", (0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "ml-2 h-5 w-5 animate-spin" })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { className: "pl-4 text-lg md:text-sm", children: "Pay from Connected Wallet" }), (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronRight, { className: "h-4 w-4" })] })) }), (0, jsx_runtime_1.jsxs)("span", { className: "label-style text-as-primary/50 text-xs", children: ["Connected to:", " ", order.srcChain === anyspend_1.RELAY_SOLANA_MAINNET_CHAIN_ID && phantomWalletAddress
+                                }, children: (0, jsx_runtime_1.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: [(0, jsx_runtime_1.jsx)("div", { className: "text-as-primary overflow-hidden text-ellipsis whitespace-nowrap text-sm", children: order.globalAddress }), (0, jsx_runtime_1.jsx)(lucide_react_1.Copy, { className: "group-hover:text-as-brand text-as-primary/50 h-5 w-5 cursor-pointer transition-all duration-200" })] }) }), (account?.address || phantomWalletAddress) && !showQRCode ? ((0, jsx_runtime_1.jsxs)("div", { className: "mb-4 mt-8 flex w-full flex-col items-center gap-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "relative flex w-full flex-col items-center gap-2", children: [(0, jsx_runtime_1.jsx)(react_1.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 ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["Transaction Pending", (0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "ml-2 h-5 w-5 animate-spin" })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { className: "pl-4 text-lg md:text-sm", children: order.srcChain === anyspend_1.RELAY_SOLANA_MAINNET_CHAIN_ID && phantomWalletAddress
+                                                                ? "Pay from Phantom Wallet"
+                                                                : "Pay from Connected Wallet" }), (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronRight, { className: "h-4 w-4" })] })) }), (0, jsx_runtime_1.jsxs)("span", { className: "label-style text-as-primary/50 text-xs", children: ["Connected to:", " ", order.srcChain === anyspend_1.RELAY_SOLANA_MAINNET_CHAIN_ID && phantomWalletAddress
                                                         ? (0, centerTruncate_1.default)(phantomWalletAddress, 6)
                                                         : (0, centerTruncate_1.default)(account?.address || "", 6)] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex w-full flex-col items-center gap-2", children: [(0, jsx_runtime_1.jsxs)(react_1.ShinyButton, { accentColor: colorMode === "dark" ? "#ffffff" : "#000000", className: "flex w-5/6 items-center gap-2 sm:px-0", onClick: () => setShowQRCode(true), children: [(0, jsx_runtime_1.jsx)("span", { className: "pl-4 text-lg md:text-sm", children: "Pay from a different wallet" }), (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronRight, { className: "h-4 w-4" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)(react_3.WalletMetamask, { className: "h-5 w-5", variant: "branded" }), (0, jsx_runtime_1.jsx)(react_3.WalletCoinbase, { className: "h-5 w-5", variant: "branded" }), (0, jsx_runtime_1.jsx)(react_3.WalletPhantom, { className: "h-5 w-5", variant: "branded" }), (0, jsx_runtime_1.jsx)(react_3.WalletTrust, { className: "h-5 w-5", variant: "branded" }), (0, jsx_runtime_1.jsx)(react_3.WalletWalletConnect, { className: "h-5 w-5", variant: "branded" }), (0, jsx_runtime_1.jsx)("span", { className: "label-style text-as-primary/30 text-xs", children: "& more" })] })] })] })) : ((0, jsx_runtime_1.jsxs)(framer_motion_1.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: [(0, jsx_runtime_1.jsxs)("div", { className: "mt-8 flex flex-col items-center rounded-lg bg-white p-6 pb-3", children: [(0, jsx_runtime_1.jsx)(qrcode_react_1.QRCodeSVG, { value: (0, anyspend_1.getPaymentUrl)(order.globalAddress, BigInt(order.srcAmount), order.srcTokenAddress === anyspend_1.RELAY_ETH_ADDRESS ? "ETH" : order.srcTokenAddress), className: "max-w-[200px]" }), (0, jsx_runtime_1.jsxs)("div", { className: "mt-3 flex items-center justify-center gap-2 text-sm", children: [(0, jsx_runtime_1.jsx)("span", { className: "label-style text-as-brand/70 text-sm", children: "Scan with" }), (0, jsx_runtime_1.jsxs)(react_1.TextLoop, { interval: 3, children: [(0, jsx_runtime_1.jsx)(react_3.WalletMetamask, { className: "h-5 w-5", variant: "branded" }), (0, jsx_runtime_1.jsx)(react_3.WalletCoinbase, { className: "h-5 w-5", variant: "branded" }), (0, jsx_runtime_1.jsx)(react_3.WalletPhantom, { className: "h-5 w-5", variant: "branded" }), (0, jsx_runtime_1.jsx)(react_3.WalletTrust, { className: "h-5 w-5", variant: "branded" }), (0, jsx_runtime_1.jsx)(react_3.WalletWalletConnect, { className: "h-5 w-5", variant: "branded" })] })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-2", children: [account && ((0, jsx_runtime_1.jsxs)(react_1.Button, { variant: "ghost", className: "text-as-primary w-full", onClick: handlePayment, children: ["Send Transaction ", (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronRight, { className: "ml-2 h-4 w-4" })] })), anyspend_1.EVM_CHAINS[order.srcChain] ? ((0, jsx_runtime_1.jsxs)(react_1.Button, { variant: "outline", className: "w-full", onClick: handlePayment, children: ["Open Metamask", (0, jsx_runtime_1.jsx)(react_3.WalletMetamask, { className: "ml-2 h-5 w-5", variant: "branded" })] })) : null, (0, jsx_runtime_1.jsx)("a", { href: handleCoinbaseRedirect(), children: (0, jsx_runtime_1.jsxs)(react_1.Button, { variant: "outline", className: "w-full", children: ["Open Coinbase", (0, jsx_runtime_1.jsx)(react_3.WalletCoinbase, { className: "ml-2 h-5 w-5", variant: "branded" })] }) }), (0, jsx_runtime_1.jsxs)(react_1.Button, { variant: "outline", className: "w-full", onClick: () => initiatePhantomTransfer(order.srcAmount, order.srcTokenAddress, order.globalAddress), children: ["Open Phantom", (0, jsx_runtime_1.jsx)(react_3.WalletPhantom, { className: "ml-2 h-5 w-5", variant: "branded" })] })] })] }))] })), (0, jsx_runtime_1.jsxs)("div", { className: "bg-as-light-brand/30 w-full rounded-lg p-4 sm:p-2 sm:px-4", children: [(0, jsx_runtime_1.jsx)("p", { className: "text-as-secondary mb-3 text-sm", children: "Continue on another device?" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-4", children: [(0, jsx_runtime_1.jsx)(react_1.CopyToClipboard, { text: permalink, onCopy: () => {
                                             sonner_1.toast.success("Copied to clipboard");

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

@@ -1673,7 +1673,7 @@ export interface components {
              * @description NFT image URL
              * @example https://example.com/nft.png
              */
-            imageUrl: string;
+            imageUrl: string | null;
             /**
              * @description NFT name
              * @example Cool NFT Collection

package/dist/cjs/shared/thirdweb/generated/sdk.gen.js

@@ -900,7 +900,7 @@ const getV1NftsByContractAddress = (options) => {
                 type: 'apiKey'
             }
         ],
-        url: 'https://insight.thirdweb.com/v1/nfts/{contract_address}',
+        url: '/v1/nfts/{contract_address}',
         ...options
     });
 };

package/dist/cjs/shared/thirdweb/initiateClient.js

@@ -5,7 +5,7 @@ const client_gen_1 = require("./generated/client.gen");
 (function () {
     // Set BASE URL
     client_gen_1.client.setConfig({
-        baseUrl: "https://insight.thirdweb.com",
+        baseUrl: "https://8333.insight.thirdweb.com",
     });
     // Interceptors for issues described here https://npc-labs.slack.com/archives/C070E6HNG85/p1742446793549779?thread_ts=1741637902.666019&cid=C070E6HNG85
     client_gen_1.client.interceptors.request.use((request, options) => {

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

@@ -8,6 +8,7 @@ export declare const SOLANA_ASSOCIATED_TOKEN_ACCOUNT_PROGRAM_ID = "ATokenGPvbdGV
 export declare const SOLANA_TOKEN_2022_PROGRAM_ID = "TokenzQdBNbLqP5VEhdkAS6EPFLC1PHnBqCXEpPxuEb";
 export declare const B3_TOKEN: components["schemas"]["Token"];
 export declare const USDC_BASE: components["schemas"]["Token"];
+export declare const ETH_BASE: components["schemas"]["Token"];
 export declare const NFT_CONTRACTS: components["schemas"]["NftContract"][];
 export declare const DEFAULT_NFT_CONTRACT: {
     chainId: number;
@@ -15,7 +16,7 @@ export declare const DEFAULT_NFT_CONTRACT: {
     price: string;
     priceFormatted: string;
     currency: components["schemas"]["Token"];
-    imageUrl: string;
+    imageUrl: string | null;
     name: string;
     description: string;
     tokenId: number | null;

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

@@ -26,6 +26,16 @@ export const USDC_BASE = {
         logoURI: "https://polygonscan.com/token/images/usdc_32.png",
     },
 };
+export const ETH_BASE = {
+    symbol: "ETH",
+    chainId: base.id,
+    address: "0x0000000000000000000000000000000000000000",
+    name: "Ethereum",
+    decimals: 18,
+    metadata: {
+        logoURI: "https://polygonscan.com/token/images/eth_32.png",
+    },
+};
 export const NFT_CONTRACTS = [
     {
         chainId: base.id,

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

@@ -1,16 +1,86 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { ALL_CHAINS, getChainName, getExplorerAddressUrl } from "../../../anyspend/index.js";
+import { ALL_CHAINS, chainIdToPublicClient, getChainName, getExplorerAddressUrl } from "../../../anyspend/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";
 import { formatDisplayNumber, formatTokenAmount } from "../../../shared/utils/number.js";
 import { AnimatePresence } from "framer-motion";
 import { MoreVertical } from "lucide-react";
-import { useState } from "react";
+import { useEffect, useState } from "react";
 import { b3 } from "viem/chains";
 import { AnySpendCustom } from "./AnySpendCustom.js";
+// ABI for contractURI and uri functions
+const CONTRACT_URI_ABI = [
+    {
+        inputs: [],
+        name: "contractURI",
+        outputs: [{ internalType: "string", name: "", type: "string" }],
+        stateMutability: "view",
+        type: "function",
+    },
+    {
+        inputs: [{ internalType: "uint256", name: "_tokenId", type: "uint256" }],
+        name: "uri",
+        outputs: [{ internalType: "string", name: "", type: "string" }],
+        stateMutability: "view",
+        type: "function",
+    },
+];
 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", {
+    const [imageUrlWithFallback, setFallbackImageUrl] = useState(nftContract.imageUrl);
+    const [isLoadingFallback, setIsLoadingFallback] = useState(false);
+    // Fetch contract metadata when imageUrl is empty
+    useEffect(() => {
+        async function fetchContractMetadata() {
+            // fetch image Uri if not provided
+            if (nftContract.imageUrl || isLoadingFallback) {
+                return;
+            }
+            try {
+                setIsLoadingFallback(true);
+                // Use the chainIdToPublicClient utility function
+                const publicClient = chainIdToPublicClient(nftContract.chainId);
+                let metadataURI;
+                // Use uri function if tokenId is available, otherwise use contractURI
+                if (nftContract.tokenId !== null && nftContract.tokenId !== undefined) {
+                    console.log("Using uri function with tokenId:", nftContract.tokenId);
+                    metadataURI = await publicClient.readContract({
+                        address: nftContract.contractAddress,
+                        abi: CONTRACT_URI_ABI,
+                        functionName: "uri",
+                        args: [BigInt(nftContract.tokenId)],
+                    });
+                }
+                else {
+                    console.log("Using contractURI function");
+                    metadataURI = await publicClient.readContract({
+                        address: nftContract.contractAddress,
+                        abi: CONTRACT_URI_ABI,
+                        functionName: "contractURI",
+                    });
+                }
+                if (metadataURI) {
+                    // Fetch the metadata from IPFS
+                    const metadataUrl = getIpfsUrl(metadataURI);
+                    const response = await fetch(metadataUrl);
+                    const metadata = await response.json();
+                    if (metadata.image) {
+                        const fallbackUrl = getIpfsUrl(metadata.image);
+                        setFallbackImageUrl(fallbackUrl);
+                        console.log("fallbackImageUrl", fallbackUrl);
+                    }
+                }
+            }
+            catch (error) {
+                console.error("Error fetching contract metadata:", error);
+            }
+            finally {
+                setIsLoadingFallback(false);
+            }
+        }
+        fetchContractMetadata();
+    }, [nftContract.contractAddress, nftContract.chainId, nftContract.imageUrl, nftContract.tokenId]);
+    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: [imageUrlWithFallback && (_jsx("img", { src: imageUrlWithFallback, 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: "mint_nft", dstChainId: nftContract.chainId, dstToken: nftContract.currency, dstAmount: nftContract.price, contractAddress: nftContract.contractAddress, encodedData: "0x", metadata: {

package/dist/esm/anyspend/react/components/common/OrderDetails.js

@@ -469,7 +469,9 @@ 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 || phantomWalletAddress) && !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:", " ", order.srcChain === RELAY_SOLANA_MAINNET_CHAIN_ID && phantomWalletAddress
+                                }, 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 || phantomWalletAddress) && !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: order.srcChain === RELAY_SOLANA_MAINNET_CHAIN_ID && phantomWalletAddress
+                                                                ? "Pay from Phantom Wallet"
+                                                                : "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:", " ", order.srcChain === RELAY_SOLANA_MAINNET_CHAIN_ID && phantomWalletAddress
                                                         ? centerTruncate(phantomWalletAddress, 6)
                                                         : 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" })] }) }), _jsxs(Button, { variant: "outline", className: "w-full", onClick: () => initiatePhantomTransfer(order.srcAmount, order.srcTokenAddress, order.globalAddress), 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");

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

@@ -1673,7 +1673,7 @@ export interface components {
              * @description NFT image URL
              * @example https://example.com/nft.png
              */
-            imageUrl: string;
+            imageUrl: string | null;
             /**
              * @description NFT name
              * @example Cool NFT Collection

package/dist/esm/shared/thirdweb/generated/sdk.gen.js

@@ -864,7 +864,7 @@ export const getV1NftsByContractAddress = (options) => {
                 type: 'apiKey'
             }
         ],
-        url: 'https://insight.thirdweb.com/v1/nfts/{contract_address}',
+        url: '/v1/nfts/{contract_address}',
         ...options
     });
 };

package/dist/esm/shared/thirdweb/initiateClient.js

@@ -3,7 +3,7 @@ import { client } from "./generated/client.gen.js";
 (function () {
     // Set BASE URL
     client.setConfig({
-        baseUrl: "https://insight.thirdweb.com",
+        baseUrl: "https://8333.insight.thirdweb.com",
     });
     // Interceptors for issues described here https://npc-labs.slack.com/archives/C070E6HNG85/p1742446793549779?thread_ts=1741637902.666019&cid=C070E6HNG85
     client.interceptors.request.use((request, options) => {

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

@@ -8,6 +8,7 @@ export declare const SOLANA_ASSOCIATED_TOKEN_ACCOUNT_PROGRAM_ID = "ATokenGPvbdGV
 export declare const SOLANA_TOKEN_2022_PROGRAM_ID = "TokenzQdBNbLqP5VEhdkAS6EPFLC1PHnBqCXEpPxuEb";
 export declare const B3_TOKEN: components["schemas"]["Token"];
 export declare const USDC_BASE: components["schemas"]["Token"];
+export declare const ETH_BASE: components["schemas"]["Token"];
 export declare const NFT_CONTRACTS: components["schemas"]["NftContract"][];
 export declare const DEFAULT_NFT_CONTRACT: {
     chainId: number;
@@ -15,7 +16,7 @@ export declare const DEFAULT_NFT_CONTRACT: {
     price: string;
     priceFormatted: string;
     currency: components["schemas"]["Token"];
-    imageUrl: string;
+    imageUrl: string | null;
     name: string;
     description: string;
     tokenId: number | null;

package/dist/types/anyspend/types/api.d.ts

@@ -1673,7 +1673,7 @@ export interface components {
              * @description NFT image URL
              * @example https://example.com/nft.png
              */
-            imageUrl: string;
+            imageUrl: string | null;
             /**
              * @description NFT name
              * @example Cool NFT Collection

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@b3dotfun/sdk",
-  "version": "0.0.9-alpha.8",
+  "version": "0.0.10",
   "source": "src/index.ts",
   "main": "./dist/cjs/index.js",
   "react-native": "./dist/cjs/index.native.js",
@@ -191,7 +191,7 @@
   ],
   "dependencies": {
     "@amplitude/analytics-browser": "2.14.0",
-    "@b3dotfun/b3-api": "0.0.26",
+    "@b3dotfun/b3-api": "0.0.27",
     "@b3dotfun/basement-api": "0.0.11",
     "@b3dotfun/bondkit": "^0.1.17",
     "@chakra-ui/react": "2.10.7",

package/src/anyspend/constants/index.ts

@@ -34,6 +34,17 @@ export const USDC_BASE: components["schemas"]["Token"] = {
   },
 };
 
+export const ETH_BASE: components["schemas"]["Token"] = {
+  symbol: "ETH",
+  chainId: base.id,
+  address: "0x0000000000000000000000000000000000000000",
+  name: "Ethereum",
+  decimals: 18,
+  metadata: {
+    logoURI: "https://polygonscan.com/token/images/eth_32.png",
+  },
+};
+
 export const NFT_CONTRACTS: components["schemas"]["NftContract"][] = [
   {
     chainId: base.id,

package/src/anyspend/react/components/AnySpendNFT.tsx

@@ -1,15 +1,34 @@
-import { ALL_CHAINS, getChainName, getExplorerAddressUrl } from "@b3dotfun/sdk/anyspend";
+import { ALL_CHAINS, chainIdToPublicClient, getChainName, getExplorerAddressUrl } from "@b3dotfun/sdk/anyspend";
+import { components } from "@b3dotfun/sdk/anyspend/types/api";
 import { GlareCard, Popover, PopoverContent, PopoverTrigger } from "@b3dotfun/sdk/global-account/react";
 import { cn } from "@b3dotfun/sdk/shared/utils";
 import { getIpfsUrl } from "@b3dotfun/sdk/shared/utils/ipfs";
+
 import { formatDisplayNumber, formatTokenAmount } from "@b3dotfun/sdk/shared/utils/number";
 import { AnimatePresence } from "framer-motion";
 import { MoreVertical } from "lucide-react";
-import { useState } from "react";
+import { useEffect, useState } from "react";
 import { b3 } from "viem/chains";
-import { AnySpendCustom } from "./AnySpendCustom";
 import { GetQuoteResponse } from "../../types/api_req_res";
-import { components } from "@b3dotfun/sdk/anyspend/types/api";
+import { AnySpendCustom } from "./AnySpendCustom";
+
+// ABI for contractURI and uri functions
+const CONTRACT_URI_ABI = [
+  {
+    inputs: [],
+    name: "contractURI",
+    outputs: [{ internalType: "string", name: "", type: "string" }],
+    stateMutability: "view",
+    type: "function",
+  },
+  {
+    inputs: [{ internalType: "uint256", name: "_tokenId", type: "uint256" }],
+    name: "uri",
+    outputs: [{ internalType: "string", name: "", type: "string" }],
+    stateMutability: "view",
+    type: "function",
+  },
+] as const;
 
 export function AnySpendNFT({
   isMainnet = true,
@@ -26,6 +45,65 @@ export function AnySpendNFT({
   nftContract: components["schemas"]["NftContract"];
   onSuccess?: (txHash?: string) => void;
 }) {
+  const [imageUrlWithFallback, setFallbackImageUrl] = useState<string | null>(nftContract.imageUrl);
+  const [isLoadingFallback, setIsLoadingFallback] = useState(false);
+
+  // Fetch contract metadata when imageUrl is empty
+  useEffect(() => {
+    async function fetchContractMetadata() {
+      // fetch image Uri if not provided
+      if (nftContract.imageUrl || isLoadingFallback) {
+        return;
+      }
+
+      try {
+        setIsLoadingFallback(true);
+
+        // Use the chainIdToPublicClient utility function
+        const publicClient = chainIdToPublicClient(nftContract.chainId);
+
+        let metadataURI: string;
+
+        // Use uri function if tokenId is available, otherwise use contractURI
+        if (nftContract.tokenId !== null && nftContract.tokenId !== undefined) {
+          console.log("Using uri function with tokenId:", nftContract.tokenId);
+          metadataURI = await publicClient.readContract({
+            address: nftContract.contractAddress as `0x${string}`,
+            abi: CONTRACT_URI_ABI,
+            functionName: "uri",
+            args: [BigInt(nftContract.tokenId)],
+          });
+        } else {
+          console.log("Using contractURI function");
+          metadataURI = await publicClient.readContract({
+            address: nftContract.contractAddress as `0x${string}`,
+            abi: CONTRACT_URI_ABI,
+            functionName: "contractURI",
+          });
+        }
+
+        if (metadataURI) {
+          // Fetch the metadata from IPFS
+          const metadataUrl = getIpfsUrl(metadataURI);
+          const response = await fetch(metadataUrl);
+          const metadata = await response.json();
+
+          if (metadata.image) {
+            const fallbackUrl = getIpfsUrl(metadata.image);
+            setFallbackImageUrl(fallbackUrl);
+            console.log("fallbackImageUrl", fallbackUrl);
+          }
+        }
+      } catch (error) {
+        console.error("Error fetching contract metadata:", error);
+      } finally {
+        setIsLoadingFallback(false);
+      }
+    }
+
+    fetchContractMetadata();
+  }, [nftContract.contractAddress, nftContract.chainId, nftContract.imageUrl, nftContract.tokenId]);
+
   const header = ({
     anyspendPrice,
     isLoadingAnyspendPrice,
@@ -37,7 +115,9 @@ export function AnySpendNFT({
       <div className="relative size-[200px]">
         <div className="absolute inset-0 scale-95 bg-black/30 blur-md"></div>
         <GlareCard className="overflow-hidden">
-          <img src={getIpfsUrl(nftContract.imageUrl)} alt={nftContract.name} className="size-full object-cover" />
+          {imageUrlWithFallback && (
+            <img src={imageUrlWithFallback} alt={nftContract.name} className="size-full object-cover" />
+          )}
           <div className="absolute inset-0 rounded-xl border border-white/10"></div>
         </GlareCard>
 

package/src/anyspend/react/components/common/OrderDetails.tsx

@@ -992,7 +992,11 @@ export const OrderDetails = memo(function OrderDetails({
                         </>
                       ) : (
                         <>
-                          <span className="pl-4 text-lg md:text-sm">Pay from Connected Wallet</span>
+                          <span className="pl-4 text-lg md:text-sm">
+                            {order.srcChain === RELAY_SOLANA_MAINNET_CHAIN_ID && phantomWalletAddress
+                              ? "Pay from Phantom Wallet"
+                              : "Pay from Connected Wallet"}
+                          </span>
                           <ChevronRight className="h-4 w-4" />
                         </>
                       )}

package/src/anyspend/types/api.ts

@@ -1698,7 +1698,7 @@ export interface components {
        * @description NFT image URL
        * @example https://example.com/nft.png
        */
-      imageUrl: string;
+      imageUrl: string | null;
       /**
        * @description NFT name
        * @example Cool NFT Collection

package/src/shared/thirdweb/generated/sdk.gen.ts

@@ -915,7 +915,7 @@ export const getV1NftsByContractAddress = <ThrowOnError extends boolean = false>
                 type: 'apiKey'
             }
         ],
-        url: 'https://insight.thirdweb.com/v1/nfts/{contract_address}',
+        url: '/v1/nfts/{contract_address}',
         ...options
     });
 };

package/src/shared/thirdweb/initiateClient.ts

@@ -4,7 +4,7 @@ import { client } from "./generated/client.gen";
 (function () {
   // Set BASE URL
   client.setConfig({
-    baseUrl: "https://insight.thirdweb.com",
+    baseUrl: "https://8333.insight.thirdweb.com",
   });
 
   // Interceptors for issues described here https://npc-labs.slack.com/archives/C070E6HNG85/p1742446793549779?thread_ts=1741637902.666019&cid=C070E6HNG85