@b3dotfun/sdk 0.0.8 → 0.0.9-alpha.0

package/README.md

@@ -412,7 +412,6 @@ The SDK components support custom styling through CSS classes and CSS-in-JS solu
 All modules provide full TypeScript support with comprehensive type definitions:
 
 ```typescript
-import type { Token } from "@b3dotfun/sdk/anyspend/types";
 import type { GlobalAccount } from "@b3dotfun/sdk/global-account/types";
 ```
 

package/dist/cjs/anyspend/abis/bondKit.d.ts

@@ -0,0 +1,35 @@
+export declare const ABI_bondKit: readonly [{
+    readonly inputs: readonly [{
+        readonly internalType: "address";
+        readonly name: "_recipient";
+        readonly type: "address";
+    }, {
+        readonly internalType: "uint256";
+        readonly name: "_minTokensOut";
+        readonly type: "uint256";
+    }];
+    readonly name: "buyFor";
+    readonly outputs: readonly [];
+    readonly stateMutability: "payable";
+    readonly type: "function";
+}, {
+    readonly inputs: readonly [];
+    readonly name: "name";
+    readonly outputs: readonly [{
+        readonly internalType: "string";
+        readonly name: "";
+        readonly type: "string";
+    }];
+    readonly stateMutability: "view";
+    readonly type: "function";
+}, {
+    readonly inputs: readonly [];
+    readonly name: "symbol";
+    readonly outputs: readonly [{
+        readonly internalType: "string";
+        readonly name: "";
+        readonly type: "string";
+    }];
+    readonly stateMutability: "view";
+    readonly type: "function";
+}];

package/dist/cjs/anyspend/abis/bondKit.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ABI_bondKit = void 0;
+exports.ABI_bondKit = [
+    {
+        inputs: [
+            { internalType: "address", name: "_recipient", type: "address" },
+            { internalType: "uint256", name: "_minTokensOut", type: "uint256" },
+        ],
+        name: "buyFor",
+        outputs: [],
+        stateMutability: "payable",
+        type: "function",
+    },
+    {
+        inputs: [],
+        name: "name",
+        outputs: [{ internalType: "string", name: "", type: "string" }],
+        stateMutability: "view",
+        type: "function",
+    },
+    {
+        inputs: [],
+        name: "symbol",
+        outputs: [{ internalType: "string", name: "", type: "string" }],
+        stateMutability: "view",
+        type: "function",
+    },
+];

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

@@ -1,4 +1,4 @@
-import { NftContract, Token } from "../../anyspend/types";
+import { components } from "../types/api";
 export declare const ANYSPEND_MAINNET_BASE_URL: string;
 export declare const ANYSPEND_TESTNET_BASE_URL: string;
 export declare const RELAY_ETH_ADDRESS = "0x0000000000000000000000000000000000000000";
@@ -6,10 +6,21 @@ export declare const RELAY_SOL_ADDRESS = "11111111111111111111111111111111";
 export declare const RELAY_SOLANA_MAINNET_CHAIN_ID = 792703809;
 export declare const SOLANA_ASSOCIATED_TOKEN_ACCOUNT_PROGRAM_ID = "ATokenGPvbdGVxr1b2hvZbsiqW5xWH25efTNsLJA8knL";
 export declare const SOLANA_TOKEN_2022_PROGRAM_ID = "TokenzQdBNbLqP5VEhdkAS6EPFLC1PHnBqCXEpPxuEb";
-export declare const B3_TOKEN: Token;
-export declare const USDC_BASE: Token;
-export declare const NFT_CONTRACTS: NftContract[];
-export declare const DEFAULT_NFT_CONTRACT: NftContract;
+export declare const B3_TOKEN: components["schemas"]["Token"];
+export declare const USDC_BASE: components["schemas"]["Token"];
+export declare const NFT_CONTRACTS: components["schemas"]["NftContract"][];
+export declare const DEFAULT_NFT_CONTRACT: {
+    chainId: number;
+    contractAddress: string;
+    price: string;
+    priceFormatted: string;
+    currency: components["schemas"]["Token"];
+    imageUrl: string;
+    name: string;
+    description: string;
+    tokenId: number | null;
+    type: "erc721" | "erc1155";
+};
 export declare const STRIPE_CONFIG: {
     readonly publishableKey: "pk_live_51QkrBwJnoDg53PsPq7QYOxSLfnXvtCVeD9UuyZ6c136i42XtYC2Z2bl1W5xbDg6AaoGyq63ErCc0yv3C2KBX29CG002AE862CP";
 };

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

@@ -1,7 +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;
-const types_1 = require("../../anyspend/types");
 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";
@@ -40,8 +39,8 @@ exports.NFT_CONTRACTS = [
         imageUrl: "https://storage.googleapis.com/nftimagebucket/base/tokens/0x80f0e6644723abb03aa8867d21e32bd854b2a2d9/preview/TVRjME1EUTRORFl4T0E9PV8zNjcy.jpg",
         name: "Downhill Ski",
         description: "Downhill Ski",
-        tokenId: null,
-        type: types_1.NftType.ERC721,
+        tokenId: 0,
+        type: "erc721",
     },
     {
         chainId: chains_1.base.id,
@@ -53,7 +52,7 @@ exports.NFT_CONTRACTS = [
         name: "Eclipse Venom",
         description: "The Eclipse Venom's crystalline blade channels imprisoned astral toxins through swirling currents of violet and teal light, synchronizing with its wielder's heartbeat for strikes that bypass conventional armor. Wounds from this otherworldly weapon resist healing as victims describe being consumed from within by liquid darkness, their final moments filled with visions of infinite cosmic depths.",
         tokenId: null,
-        type: types_1.NftType.ERC721,
+        type: "erc721",
     },
 ];
 exports.DEFAULT_NFT_CONTRACT = exports.NFT_CONTRACTS[1];

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

@@ -1,8 +1,3 @@
-export * from "./types";
-export * from "./types/metadata";
-export * from "./types/relay";
-export * from "./types/signature-mint";
-export * from "./types/token";
 export * from "./utils/address";
 export * from "./utils/chain";
 export * from "./utils/format";
@@ -11,5 +6,5 @@ export * from "./utils/number";
 export * from "./utils/string";
 export * from "./utils/token";
 export * from "./constants";
-export * from "./abis/abi-usdc-base";
-export * from "./abis/erc20-staking";
+export * from "./abis/abiUsdcBase";
+export * from "./abis/erc20Staking";

package/dist/cjs/anyspend/index.js

@@ -14,12 +14,6 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-// Types
-__exportStar(require("./types"), exports);
-__exportStar(require("./types/metadata"), exports);
-__exportStar(require("./types/relay"), exports);
-__exportStar(require("./types/signature-mint"), exports);
-__exportStar(require("./types/token"), exports);
 // Utils
 __exportStar(require("./utils/address"), exports);
 __exportStar(require("./utils/chain"), exports);
@@ -31,5 +25,5 @@ __exportStar(require("./utils/token"), exports);
 // Constants
 __exportStar(require("./constants"), exports);
 // Abis
-__exportStar(require("./abis/abi-usdc-base"), exports);
-__exportStar(require("./abis/erc20-staking"), exports);
+__exportStar(require("./abis/abiUsdcBase"), exports);
+__exportStar(require("./abis/erc20Staking"), exports);

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

@@ -1,6 +1,5 @@
 export * from "./react/hooks";
 export * from "./react/providers/AnyspendProvider";
-export * from "./types";
 export * from "./utils/address";
 export * from "./utils/chain";
 export * from "./utils/format";
@@ -9,5 +8,5 @@ export * from "./utils/number";
 export * from "./utils/string";
 export * from "./utils/token";
 export * from "./constants";
-export * from "./abis/abi-usdc-base";
-export * from "./abis/erc20-staking";
+export * from "./abis/abiUsdcBase";
+export * from "./abis/erc20Staking";

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

@@ -18,8 +18,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./react/hooks"), exports);
 // Providers
 __exportStar(require("./react/providers/AnyspendProvider"), exports);
-// Types
-__exportStar(require("./types"), exports);
 // Utils
 __exportStar(require("./utils/address"), exports);
 __exportStar(require("./utils/chain"), exports);
@@ -31,5 +29,5 @@ __exportStar(require("./utils/token"), exports);
 // Constants
 __exportStar(require("./constants"), exports);
 // Abis
-__exportStar(require("./abis/abi-usdc-base"), exports);
-__exportStar(require("./abis/erc20-staking"), exports);
+__exportStar(require("./abis/abiUsdcBase"), exports);
+__exportStar(require("./abis/erc20Staking"), exports);

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

@@ -284,17 +284,17 @@ function AnySpend({ destinationTokenAddress, destinationTokenChainId, isMainnet
     }, [recipientAddressFromProps, globalAddress]);
     // Get anyspend price
     const activeInputAmountInWei = isSrcInputDirty
-        ? (0, viem_1.parseUnits)(srcAmount.replaceAll(",", ""), selectedSrcToken.decimals).toString()
-        : (0, viem_1.parseUnits)(dstAmount.replaceAll(",", ""), selectedDstToken.decimals).toString();
-    const srcAmountOnrampInWei = (0, viem_1.parseUnits)(srcAmountOnRamp.replaceAll(",", ""), anyspend_1.USDC_BASE.decimals).toString();
+        ? (0, viem_1.parseUnits)(srcAmount.replace(/,/g, ""), selectedSrcToken.decimals).toString()
+        : (0, viem_1.parseUnits)(dstAmount.replace(/,/g, ""), selectedDstToken.decimals).toString();
+    const srcAmountOnrampInWei = (0, viem_1.parseUnits)(srcAmountOnRamp.replace(/,/g, ""), anyspend_1.USDC_BASE.decimals).toString();
     const { anyspendQuote, isLoadingAnyspendQuote, getAnyspendQuoteError } = (0, react_1.useAnyspendQuote)(isMainnet, activeTab === "crypto"
         ? {
             srcChain: selectedSrcChainId,
             dstChain: isBuyMode ? destinationTokenChainId : selectedDstChainId,
             srcTokenAddress: selectedSrcToken.address,
             dstTokenAddress: isBuyMode ? destinationTokenAddress : selectedDstToken.address,
-            type: anyspend_1.OrderType.Swap,
-            tradeType: isSrcInputDirty ? anyspend_1.TradeType.EXACT_INPUT : anyspend_1.TradeType.EXPECTED_OUTPUT,
+            type: "swap",
+            tradeType: isSrcInputDirty ? "EXACT_INPUT" : "EXPECTED_OUTPUT",
             amount: activeInputAmountInWei,
         }
         : {
@@ -302,8 +302,8 @@ function AnySpend({ destinationTokenAddress, destinationTokenChainId, isMainnet
             dstChain: isBuyMode ? destinationTokenChainId : selectedDstChainId,
             srcTokenAddress: anyspend_1.USDC_BASE.address,
             dstTokenAddress: isBuyMode ? destinationTokenAddress : selectedDstToken.address,
-            type: anyspend_1.OrderType.Swap,
-            tradeType: anyspend_1.TradeType.EXACT_INPUT,
+            type: "swap",
+            tradeType: "EXACT_INPUT",
             amount: srcAmountOnrampInWei,
         });
     // Replace the old ENS lookup with our new hooks
@@ -369,11 +369,11 @@ function AnySpend({ destinationTokenAddress, destinationTokenChainId, isMainnet
     // const handleCreateOrder = async (recipientAddress: string) => {
     //   try {
     //     invariant(anyspendPrice, "Relay price is not found");
-    //     const srcAmountBigInt = parseUnits(srcAmount.replaceAll(",", ""), selectedSrcToken.decimals);
+    //     const srcAmountBigInt = parseUnits(srcAmount.replace(/,/g, ""), selectedSrcToken.decimals);
     //     createOrder({
     //       isMainnet,
     //       recipientAddress,
-    //       orderType: OrderType.Swap,
+    //       orderType: "swap",
     //       srcChain: selectedSrcChainId,
     //       dstChain: selectedDstChainId,
     //       srcToken: selectedSrcToken,
@@ -525,11 +525,11 @@ function AnySpend({ destinationTokenAddress, destinationTokenChainId, isMainnet
                 setActivePanel(PanelView.FIAT_PAYMENT);
                 return;
             }
-            const srcAmountBigInt = (0, viem_1.parseUnits)(srcAmount.replaceAll(",", ""), selectedSrcToken.decimals);
+            const srcAmountBigInt = (0, viem_1.parseUnits)(srcAmount.replace(/,/g, ""), selectedSrcToken.decimals);
             createOrder({
                 isMainnet,
                 recipientAddress,
-                orderType: anyspend_1.OrderType.Swap,
+                orderType: "swap",
                 srcChain: selectedSrcChainId,
                 dstChain: isBuyMode ? destinationTokenChainId : selectedDstChainId,
                 srcToken: selectedSrcToken,
@@ -661,7 +661,7 @@ function AnySpend({ destinationTokenAddress, destinationTokenChainId, isMainnet
                                             // Using inline style to ensure color displays
                                             return ((0, jsx_runtime_1.jsxs)("span", { className: "ml-2", style: { color: percentageNum >= 10 ? "red" : "#FFD700" }, children: ["(", isNegative ? "-" : "", percentage, "%)"] }));
                                         })()] })] })] }), getAnyspendQuoteError && ((0, jsx_runtime_1.jsxs)("div", { className: "bg-as-on-surface-1 flex w-full max-w-[460px] items-center gap-2 rounded-2xl p-4", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.CircleAlert, { className: "bg-as-red h-4 min-h-4 w-4 min-w-4 rounded-full p-0 text-sm font-medium text-white" }), (0, jsx_runtime_1.jsx)("div", { className: "text-as-red text-sm", children: getAnyspendQuoteError.message })] })), (0, jsx_runtime_1.jsxs)(framer_motion_1.motion.div, { initial: { opacity: 0, y: 20, filter: "blur(10px)" }, animate: { opacity: 1, y: 0, filter: "blur(0px)" }, transition: { duration: 0.3, delay: 0.2, ease: "easeInOut" }, className: "flex w-full max-w-[460px] flex-col gap-2", children: [(0, jsx_runtime_1.jsxs)(react_2.ShinyButton, { accentColor: "hsl(var(--as-brand))", disabled: btnInfo.disable, onClick: onMainButtonClick, className: (0, cn_1.cn)("relative w-full", btnInfo.error ? "!bg-as-red" : btnInfo.disable ? "!bg-as-on-surface-2" : "!bg-as-brand"), textClassName: (0, cn_1.cn)(btnInfo.error ? "text-white" : btnInfo.disable ? "text-as-secondary" : "text-white"), children: [btnInfo.text, !btnInfo.disable && !btnInfo.error && ((0, jsx_runtime_1.jsx)(lucide_react_1.ChevronRightCircle, { className: "absolute right-0 top-1/2 h-6 w-6 -translate-y-1/2 opacity-70" }))] }), !hideTransactionHistoryButton && (globalAddress || recipientAddress) ? ((0, jsx_runtime_1.jsxs)(react_2.Button, { variant: "link", onClick: onClickHistory, className: "text-as-primary/50 hover:text-as-primary flex items-center gap-1 transition-colors", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.HistoryIcon, { className: "h-4 w-4" }), " ", (0, jsx_runtime_1.jsx)("span", { className: "pr-4", children: "Transaction History" })] })) : ((0, jsx_runtime_1.jsx)("div", { className: "h-2 w-full" }))] })] }));
-    const onrampPaymentView = ((0, jsx_runtime_1.jsx)(PanelOnrampPayment_1.PanelOnrampPayment, { srcAmountOnRamp: srcAmountOnRamp, recipientName: recipientName, recipientAddress: recipientAddress, isMainnet: isMainnet, isBuyMode: isBuyMode, destinationTokenChainId: destinationTokenChainId, destinationTokenAddress: destinationTokenAddress, selectedDstChainId: selectedDstChainId, selectedDstToken: selectedDstToken, orderType: anyspend_1.OrderType.Swap, anyspendQuote: anyspendQuote, globalAddress: globalAddress, onOrderCreated: orderId => {
+    const onrampPaymentView = ((0, jsx_runtime_1.jsx)(PanelOnrampPayment_1.PanelOnrampPayment, { srcAmountOnRamp: srcAmountOnRamp, recipientName: recipientName, recipientAddress: recipientAddress, isMainnet: isMainnet, isBuyMode: isBuyMode, destinationTokenChainId: destinationTokenChainId, destinationTokenAddress: destinationTokenAddress, selectedDstChainId: selectedDstChainId, selectedDstToken: selectedDstToken, orderType: "swap", anyspendQuote: anyspendQuote, globalAddress: globalAddress, onOrderCreated: orderId => {
             setOrderId(orderId);
             setActivePanel(PanelView.ORDER_DETAILS);
             // Add orderId to URL for persistence

package/dist/cjs/anyspend/react/components/AnySpendBondKit.d.ts

@@ -0,0 +1,2 @@
+import { AnySpendBondKitProps } from "../../../global-account/react/stores/useModalStore";
+export declare function AnySpendBondKit({ mode, recipientAddress, contractAddress, minTokensOut, imageUrl, ethAmount: initialEthAmount, onSuccess, }: AnySpendBondKitProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,209 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AnySpendBondKit = AnySpendBondKit;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const bondkit_1 = require("@b3dotfun/bondkit");
+const react_1 = require("../../../global-account/react");
+const supported_1 = require("../../../shared/constants/chains/supported");
+const framer_motion_1 = require("framer-motion");
+const react_2 = require("react");
+const viem_1 = require("viem");
+const bondKit_1 = require("../../abis/bondKit");
+const AnySpendCustom_1 = require("./AnySpendCustom");
+// Debounce utility function
+function debounce(func, wait) {
+    let timeout;
+    return (...args) => {
+        clearTimeout(timeout);
+        timeout = setTimeout(() => func(...args), wait);
+    };
+}
+// Format number with commas
+function formatNumberWithCommas(x) {
+    const parts = x.split(".");
+    parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+    return parts.join(".");
+}
+function AnySpendBondKit({ mode = "modal", recipientAddress, contractAddress, minTokensOut = "0", imageUrl, ethAmount: initialEthAmount, onSuccess, }) {
+    const hasMounted = (0, react_1.useHasMounted)();
+    const [showAmountPrompt, setShowAmountPrompt] = (0, react_2.useState)(!initialEthAmount);
+    const [ethAmount, setEthAmount] = (0, react_2.useState)(initialEthAmount || "");
+    const [isAmountValid, setIsAmountValid] = (0, react_2.useState)(!!initialEthAmount);
+    const [validationError, setValidationError] = (0, react_2.useState)("");
+    const [tokenName, setTokenName] = (0, react_2.useState)("");
+    const [tokenSymbol, setTokenSymbol] = (0, react_2.useState)("");
+    const [quote, setQuote] = (0, react_2.useState)(null);
+    const [isLoadingQuote, setIsLoadingQuote] = (0, react_2.useState)(false);
+    // Create BondKit client
+    const bondkitTokenClient = (0, react_2.useMemo)(() => {
+        if (!contractAddress)
+            return null;
+        try {
+            const client = new bondkit_1.BondkitToken(contractAddress);
+            client.connect();
+            return client;
+        }
+        catch (error) {
+            console.error("Error creating bondkit client", error);
+            return null;
+        }
+    }, [contractAddress]);
+    // Create a public client for reading contract data
+    const basePublicClient = (0, viem_1.createPublicClient)({
+        chain: supported_1.baseMainnet,
+        transport: (0, viem_1.http)(),
+    });
+    // Fetch token name from contract
+    (0, react_2.useEffect)(() => {
+        async function fetchTokenName() {
+            try {
+                const [name, symbol] = await Promise.all([
+                    basePublicClient.readContract({
+                        address: contractAddress,
+                        abi: bondKit_1.ABI_bondKit,
+                        functionName: "name",
+                    }),
+                    basePublicClient.readContract({
+                        address: contractAddress,
+                        abi: bondKit_1.ABI_bondKit,
+                        functionName: "symbol",
+                    }),
+                ]);
+                setTokenName(name);
+                setTokenSymbol(symbol);
+            }
+            catch (error) {
+                console.error("Error fetching token name:", error);
+                setTokenName("BondKit Token");
+                setTokenSymbol("BOND");
+            }
+        }
+        if (contractAddress) {
+            fetchTokenName();
+        }
+    }, [contractAddress, basePublicClient]);
+    // Get native token data for the chain
+    const { data: tokenData, isError: isTokenError, isLoading, } = (0, react_1.useTokenData)(supported_1.baseMainnet.id, "0x0000000000000000000000000000000000000000");
+    // Convert token data to AnySpend Token type
+    const dstToken = (0, react_2.useMemo)(() => {
+        if (!tokenData)
+            return null;
+        return {
+            address: tokenData.address,
+            chainId: supported_1.baseMainnet.id,
+            name: tokenData.name,
+            symbol: tokenData.symbol,
+            decimals: tokenData.decimals,
+            metadata: {
+                logoURI: tokenData.logoURI,
+            },
+        };
+    }, [tokenData]);
+    // Debounced quote fetching
+    const debouncedGetQuote = (0, react_2.useMemo)(() => debounce(async (val) => {
+        if (!val || Number(val) <= 0 || !bondkitTokenClient) {
+            setQuote(null);
+            return;
+        }
+        try {
+            setIsLoadingQuote(true);
+            const parsedAmount = (0, viem_1.parseEther)(val);
+            const buyQuote = await bondkitTokenClient.getAmountOfTokensToBuy(parsedAmount);
+            setQuote(buyQuote ? (0, viem_1.formatEther)(buyQuote) : null);
+        }
+        catch (error) {
+            console.error("Error getting buy quote:", error);
+            setQuote(null);
+        }
+        finally {
+            setIsLoadingQuote(false);
+        }
+    }, 500), [bondkitTokenClient]);
+    // Fetch initial quote if ethAmount is provided
+    (0, react_2.useEffect)(() => {
+        if (initialEthAmount && bondkitTokenClient) {
+            debouncedGetQuote(initialEthAmount);
+        }
+    }, [initialEthAmount, bondkitTokenClient, debouncedGetQuote]);
+    const validateAndSetAmount = (value) => {
+        // Allow empty input
+        if (value === "") {
+            setEthAmount("");
+            setIsAmountValid(false);
+            setValidationError("");
+            setQuote(null);
+            return;
+        }
+        // Only allow valid number format (no leading zeros unless decimal)
+        if (!/^(0|[1-9]\d*)?\.?\d*$/.test(value)) {
+            setIsAmountValid(false);
+            setValidationError("Please enter a valid number");
+            return;
+        }
+        // Prevent multiple decimal points
+        if ((value.match(/\./g) || []).length > 1) {
+            return;
+        }
+        // Prevent more than 18 decimal places (ETH precision)
+        const parts = value.split(".");
+        if (parts[1] && parts[1].length > 18) {
+            return;
+        }
+        // Clean the input - remove leading zeros if not decimal
+        const cleanedValue = value.startsWith("0") && !value.startsWith("0.") ? value.replace(/^0+/, "0") : value;
+        setEthAmount(cleanedValue);
+        try {
+            const parsedAmount = (0, viem_1.parseEther)(cleanedValue);
+            if (parsedAmount <= BigInt(0)) {
+                setIsAmountValid(false);
+                setValidationError("Amount must be greater than 0");
+                return;
+            }
+            setIsAmountValid(true);
+            setValidationError("");
+            debouncedGetQuote(cleanedValue);
+        }
+        catch (error) {
+            console.error("Error validating amount:", error);
+            setIsAmountValid(false);
+            setValidationError("Please enter a valid amount");
+        }
+    };
+    const header = () => ((0, jsx_runtime_1.jsx)("div", { className: "w-full px-6 py-4", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex w-full flex-col items-center space-y-6", children: [(0, jsx_runtime_1.jsxs)("h2", { className: "text-[28px] font-bold", children: ["Buy ", tokenName, " (", tokenSymbol, ")"] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex w-full flex-col items-center space-y-2", children: [(0, jsx_runtime_1.jsxs)("span", { className: "text-[28px] font-bold", children: [ethAmount, " ETH"] }), quote && ((0, jsx_runtime_1.jsxs)("span", { className: "text-lg", children: ["\u2248 ", formatNumberWithCommas(parseFloat(quote).toFixed(4)), " ", tokenSymbol] }))] })] }) }));
+    // Show loading state while fetching token data
+    if (isLoading) {
+        return ((0, jsx_runtime_1.jsx)(react_1.StyleRoot, { children: (0, jsx_runtime_1.jsx)("div", { className: "b3-root b3-modal bg-b3-react-background flex w-full flex-col items-center p-8", children: (0, jsx_runtime_1.jsx)("p", { className: "text-as-primary/70 text-center text-sm", children: "Loading payment information..." }) }) }));
+    }
+    // If we don't have token data after loading, show error state
+    if (!dstToken || isTokenError) {
+        return ((0, jsx_runtime_1.jsx)(react_1.StyleRoot, { children: (0, jsx_runtime_1.jsx)("div", { className: "b3-root b3-modal bg-b3-react-background flex w-full flex-col items-center p-8", children: (0, jsx_runtime_1.jsxs)("p", { className: "text-as-red text-center text-sm", children: ["Failed to fetch native token information for chain ", supported_1.baseMainnet.id, ". Please try again."] }) }) }));
+    }
+    if (showAmountPrompt) {
+        return ((0, jsx_runtime_1.jsx)(react_1.StyleRoot, { children: (0, jsx_runtime_1.jsxs)("div", { className: "bg-b3-react-background flex w-full flex-col items-center", children: [(0, jsx_runtime_1.jsxs)("div", { className: "w-full px-4 pb-2 pt-4", children: [(0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, { initial: false, animate: {
+                                    opacity: hasMounted ? 1 : 0,
+                                    y: hasMounted ? 0 : 20,
+                                    filter: hasMounted ? "blur(0px)" : "blur(10px)",
+                                }, transition: { duration: 0.3, delay: 0, ease: "easeInOut" }, className: "mb-4 flex justify-center", children: imageUrl && ((0, jsx_runtime_1.jsxs)("div", { className: "relative size-16", children: [(0, jsx_runtime_1.jsx)("div", { className: "absolute inset-0 scale-95 rounded-[50%] bg-gradient-to-br from-blue-500/20 to-purple-600/20 blur-xl" }), (0, jsx_runtime_1.jsxs)(react_1.GlareCardRounded, { className: "overflow-hidden rounded-full border-none bg-gradient-to-br from-blue-500/10 to-purple-600/10 backdrop-blur-sm", children: [(0, jsx_runtime_1.jsx)("img", { alt: "token preview", className: "size-full rounded-lg object-cover", src: imageUrl }), (0, jsx_runtime_1.jsx)("div", { className: "absolute inset-0 rounded-[50%] border border-white/20" })] })] })) }), (0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, { initial: false, animate: {
+                                    opacity: hasMounted ? 1 : 0,
+                                    y: hasMounted ? 0 : 20,
+                                    filter: hasMounted ? "blur(0px)" : "blur(10px)",
+                                }, transition: { duration: 0.3, delay: 0.1, ease: "easeInOut" }, className: "text-center", children: (0, jsx_runtime_1.jsxs)("h2", { className: "font-sf-rounded text-as-primary mb-4 text-2xl font-bold", children: ["Buy ", tokenName] }) })] }), (0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, { initial: false, animate: {
+                            opacity: hasMounted ? 1 : 0,
+                            y: hasMounted ? 0 : 20,
+                            filter: hasMounted ? "blur(0px)" : "blur(10px)",
+                        }, transition: { duration: 0.3, delay: 0.2, ease: "easeInOut" }, className: "bg-b3-react-background w-full p-6", children: (0, jsx_runtime_1.jsxs)("div", { className: "space-y-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex items-center justify-between", children: (0, jsx_runtime_1.jsx)("p", { className: "text-as-primary/70 text-sm font-medium", children: "ETH Amount" }) }), (0, jsx_runtime_1.jsx)("div", { className: "relative", children: (0, jsx_runtime_1.jsx)(react_1.Input, { type: "text", inputMode: "decimal", placeholder: "0.1", value: ethAmount, onChange: e => validateAndSetAmount(e.target.value), className: `h-14 px-4 text-lg ${!isAmountValid && ethAmount ? "border-as-red" : "border-b3-react-border"}` }) }), !isAmountValid && ethAmount && (0, jsx_runtime_1.jsx)("p", { className: "text-as-red text-sm", children: validationError }), (0, jsx_runtime_1.jsxs)("div", { className: "bg-as-on-surface-2/30 rounded-lg border border-white/10 p-4 backdrop-blur-sm", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-as-primary/70 text-sm font-medium", children: "Total Cost:" }), (0, jsx_runtime_1.jsx)("div", { className: "flex items-center gap-2", children: (0, jsx_runtime_1.jsxs)("span", { className: "text-as-primary text-lg font-bold", children: [ethAmount || "0", " ETH"] }) })] }), isLoadingQuote ? ((0, jsx_runtime_1.jsx)("div", { className: "mt-2 text-center", children: (0, jsx_runtime_1.jsx)("span", { className: "text-as-primary/70 text-sm", children: "Calculating tokens..." }) })) : quote ? ((0, jsx_runtime_1.jsxs)("div", { className: "mt-2 flex items-center justify-between", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-as-primary/70 text-sm font-medium", children: "You'll receive:" }), (0, jsx_runtime_1.jsxs)("span", { className: "text-as-primary text-sm font-medium", children: ["\u2248 ", formatNumberWithCommas(parseFloat(quote).toFixed(4)), " ", tokenSymbol] })] })) : null] }), (0, jsx_runtime_1.jsx)(react_1.Button, { onClick: () => {
+                                        if (isAmountValid && ethAmount) {
+                                            setShowAmountPrompt(false);
+                                        }
+                                    }, disabled: !isAmountValid || !ethAmount || isLoadingQuote, className: "bg-as-brand hover:bg-as-brand/90 text-as-primary mt-4 h-14 w-full rounded-xl text-lg font-medium", children: "Continue" })] }) })] }) }));
+    }
+    const encodedData = (0, viem_1.encodeFunctionData)({
+        abi: bondKit_1.ABI_bondKit,
+        functionName: "buyFor",
+        args: [recipientAddress, BigInt(minTokensOut)],
+    });
+    return ((0, jsx_runtime_1.jsx)(AnySpendCustom_1.AnySpendCustom, { isMainnet: true, mode: mode, recipientAddress: recipientAddress, orderType: "custom", dstChainId: supported_1.baseMainnet.id, dstToken: dstToken, dstAmount: (0, viem_1.parseEther)(ethAmount).toString(), contractAddress: contractAddress, encodedData: encodedData, metadata: {
+            type: "custom",
+            action: "BondKit Buy",
+        }, header: header, onSuccess: onSuccess, showRecipient: true }));
+}

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

@@ -66,8 +66,6 @@ const SPIN_WHEEL_ABI = [
 ];
 function getWheelStatus(wheelInfo) {
     const now = BigInt(Math.floor(Date.now() / 1000));
-    console.log("@@anyspend-buy-spin:now:", now);
-    console.log("@@anyspend-buy-spin:wheelInfo:", wheelInfo);
     if (now < wheelInfo.startTime_) {
         return "not_started";
     }
@@ -81,7 +79,6 @@ function getWheelStatus(wheelInfo) {
 }
 function generateEncodedDataForBuyEntriesAndSpin(user, quantity) {
     (0, invariant_1.default)(BigInt(quantity) > 0, "Quantity must be greater than zero");
-    console.log("@@anyspend-buy-spin:encoded-data:", { user, quantity });
     const encodedData = (0, viem_1.encodeFunctionData)({
         abi: SPIN_WHEEL_ABI,
         functionName: "buyEntriesAndSpin",
@@ -142,7 +139,6 @@ function AnySpendBuySpin({ isMainnet = true, loadOrder, mode = "modal", spinwhee
     const [validationError, setValidationError] = (0, react_2.useState)("");
     const [displayQuantity, setDisplayQuantity] = (0, react_2.useState)("");
     const [debouncedQuantity, setDebouncedQuantity] = (0, react_2.useState)("");
-    const [debouncedUserSpinQuantity, setDebouncedUserSpinQuantity] = (0, react_2.useState)("");
     (0, react_2.useEffect)(() => {
         if (prefillQuantity && wheelInfo) {
             const remainingSpins = wheelInfo.totalPrizesAvailable_ - wheelInfo.prizesRequestedCount_;
@@ -159,7 +155,6 @@ function AnySpendBuySpin({ isMainnet = true, loadOrder, mode = "modal", spinwhee
         try {
             setIsLoadingConfig(true);
             setConfigError("");
-            console.log("@@anyspend-buy-spin:fetch-config:", { spinwheelContractAddress, chainId });
             const [config, entryModuleAddress, wheelInfo] = await Promise.all([
                 basePublicClient.readContract({
                     address: spinwheelContractAddress,
@@ -202,7 +197,7 @@ function AnySpendBuySpin({ isMainnet = true, loadOrder, mode = "modal", spinwhee
         finally {
             setIsLoadingConfig(false);
         }
-    }, [spinwheelContractAddress, chainId]);
+    }, [spinwheelContractAddress]);
     // Fetch config on mount and when dependencies change
     (0, react_2.useEffect)(() => {
         fetchPaymentConfig();
@@ -211,7 +206,6 @@ function AnySpendBuySpin({ isMainnet = true, loadOrder, mode = "modal", spinwhee
     (0, react_2.useEffect)(() => {
         const timer = setTimeout(() => {
             setDebouncedQuantity(displayQuantity);
-            setDebouncedUserSpinQuantity(userSpinQuantity);
         }, 500);
         return () => clearTimeout(timer);
     }, [displayQuantity, userSpinQuantity]);
@@ -341,7 +335,6 @@ function AnySpendBuySpin({ isMainnet = true, loadOrder, mode = "modal", spinwhee
         const pricePerEntry = (0, viem_1.formatUnits)(paymentConfig.pricePerEntry, 18);
         const remainingEntries = wheelInfo ? wheelInfo.totalPrizesAvailable_ - wheelInfo.prizesRequestedCount_ : BigInt(0);
         const wheelStatus = wheelInfo ? getWheelStatus(wheelInfo) : null;
-        const isSoldOut = wheelStatus === "sold_out";
         const isActive = wheelStatus === "active";
         const getStatusMessage = () => {
             if (!wheelInfo)
@@ -394,8 +387,8 @@ function AnySpendBuySpin({ isMainnet = true, loadOrder, mode = "modal", spinwhee
     }
     // AnySpend flow for when user needs to swap to B3
     const encodedData = generateEncodedDataForBuyEntriesAndSpin(address || "", userSpinQuantity);
-    return ((0, jsx_runtime_1.jsx)(AnySpendCustom_1.AnySpendCustom, { isMainnet: isMainnet, loadOrder: loadOrder, mode: mode, recipientAddress: recipientAddress, orderType: anyspend_1.OrderType.Custom, dstChainId: chainId, dstToken: anyspend_1.B3_TOKEN, dstAmount: totalCost.toString(), contractAddress: spinwheelContractAddress, spenderAddress: paymentConfig.entryModule, encodedData: encodedData, metadata: {
-            type: anyspend_1.OrderType.Custom,
+    return ((0, jsx_runtime_1.jsx)(AnySpendCustom_1.AnySpendCustom, { isMainnet: isMainnet, loadOrder: loadOrder, mode: mode, recipientAddress: recipientAddress, orderType: "custom", dstChainId: chainId, dstToken: anyspend_1.B3_TOKEN, dstAmount: totalCost.toString(), contractAddress: spinwheelContractAddress, spenderAddress: paymentConfig.entryModule, encodedData: encodedData, metadata: {
+            type: "custom",
             action: `buy ${userSpinQuantity} spin${userSpinQuantity !== "1" ? "s" : ""}`,
         }, header: header, onSuccess: txHash => onSuccess?.(txHash), showRecipient: false }));
 }

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

@@ -1,4 +1,5 @@
-import { AnySpendMetadata, GetQuoteResponse, OrderType, Token } from "../../../anyspend";
+import { components } from "../../../anyspend/types/api";
+import { GetQuoteResponse } from "../../../anyspend/types/api_req_res";
 import React from "react";
 export declare function AnySpendCustom({ isMainnet, loadOrder, mode, recipientAddress: recipientAddressProps, spenderAddress, orderType, dstChainId, dstToken, dstAmount, contractAddress, encodedData, metadata, header, onSuccess, showRecipient, }: {
     isMainnet?: boolean;
@@ -6,13 +7,13 @@ export declare function AnySpendCustom({ isMainnet, loadOrder, mode, recipientAd
     mode?: "modal" | "page";
     recipientAddress?: string;
     spenderAddress?: string;
-    orderType: OrderType;
+    orderType: components["schemas"]["Order"]["type"];
     dstChainId: number;
-    dstToken: Token;
+    dstToken: components["schemas"]["Token"];
     dstAmount: string;
     contractAddress: string;
     encodedData: string;
-    metadata: AnySpendMetadata;
+    metadata: any;
     header: ({ anyspendPrice, isLoadingAnyspendPrice, }: {
         anyspendPrice: GetQuoteResponse | undefined;
         isLoadingAnyspendPrice: boolean;