@b3dotfun/sdk 0.0.8-alpha.0 → 0.0.8-alpha.2

package/dist/cjs/global-account/react/components/ui/TabSystem.js

@@ -34,14 +34,14 @@ var __importStar = (this && this.__importStar) || (function () {
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.TabTrigger = void 0;
 exports.Tabs = Tabs;
 exports.TabsList = TabsList;
-exports.TabTrigger = TabTrigger;
 exports.TabsContent = TabsContent;
 exports.TabsTransitionWrapper = TabsTransitionWrapper;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const cn_1 = require("../../../../shared/utils/cn");
 const react_1 = require("../../../../global-account/react");
+const cn_1 = require("../../../../shared/utils/cn");
 const framer_motion_1 = require("framer-motion");
 const react_2 = __importStar(require("react"));
 const TabsContext = (0, react_2.createContext)(undefined);
@@ -51,14 +51,14 @@ function Tabs({ value, onValueChange, children, className = "" }) {
 function TabsList({ children, className = "", hideGradient = false }) {
     return ((0, jsx_runtime_1.jsxs)("div", { className: "relative w-full", children: [(0, jsx_runtime_1.jsx)("div", { role: "tablist", className: (0, cn_1.cn)("no-scrollbar relative mb-4 flex items-center gap-2 whitespace-nowrap", className), children: children }), (0, jsx_runtime_1.jsx)(framer_motion_1.AnimatePresence, { mode: "wait", children: !hideGradient && ((0, jsx_runtime_1.jsxs)(framer_motion_1.motion.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, transition: { duration: 0.2, delay: 0.2 }, children: [(0, jsx_runtime_1.jsx)("div", { className: "pointer-events-none absolute bottom-0 left-0 top-0 z-10 w-8 bg-gradient-to-r from-[#15121c] to-transparent md:hidden" }), (0, jsx_runtime_1.jsx)("div", { className: "pointer-events-none absolute bottom-0 right-0 top-0 z-10 w-8 bg-gradient-to-l from-[#15121c] to-transparent md:hidden" })] }, "gradients-container")) })] }));
 }
-function TabTrigger({ value, children, icon, disabled = false }) {
+exports.TabTrigger = react_2.default.forwardRef(({ value, children, icon, disabled = false }, ref) => {
     const context = (0, react_2.useContext)(TabsContext);
     if (!context)
         throw new Error("TabTrigger must be used within Tabs");
     const { selectedTab, onTabChange } = context;
     const isSelected = selectedTab === value;
-    return ((0, jsx_runtime_1.jsxs)("button", { role: "tab", "aria-selected": isSelected, "aria-controls": `panel-${value}`, id: `tab-${value}`, onClick: () => onTabChange(value), className: `relative rounded-full px-4 py-2 text-sm text-white transition-all duration-200 hover:text-white focus:outline-none`, disabled: disabled, children: [(0, jsx_runtime_1.jsxs)("span", { className: `${isSelected ? "opacity-100" : "opacity-50"} relative z-10 flex items-center gap-2 font-semibold uppercase`, children: [children, icon] }), isSelected && ((0, jsx_runtime_1.jsx)(framer_motion_1.motion.span, { layoutId: "activeTab", transition: { type: "spring", duration: 0.4 }, className: "from-as-light-brand to-as-brand/10 border-as-brand/30 absolute inset-0 z-0 rounded-full border border-t-white/15 bg-gradient-to-b shadow-lg" }))] }));
-}
+    return ((0, jsx_runtime_1.jsxs)("button", { ref: ref, role: "tab", "aria-selected": isSelected, "aria-controls": `panel-${value}`, id: `tab-${value}`, onClick: () => onTabChange(value), className: `relative rounded-full px-4 py-2 text-sm text-white transition-all duration-200 hover:text-white focus:outline-none`, disabled: disabled, children: [(0, jsx_runtime_1.jsxs)("span", { className: `${isSelected ? "opacity-100" : "opacity-50"} relative z-10 flex items-center gap-2 font-semibold uppercase`, children: [children, icon] }), isSelected && ((0, jsx_runtime_1.jsx)(framer_motion_1.motion.span, { layoutId: "activeTab", transition: { type: "spring", duration: 0.4 }, className: "from-as-light-brand to-as-brand/10 border-as-brand/30 absolute inset-0 z-0 rounded-full border border-t-white/15 bg-gradient-to-b shadow-lg" }))] }));
+});
 function TabsContent({ value, children }) {
     const context = (0, react_2.useContext)(TabsContext);
     if (!context)

package/dist/cjs/global-account/react/stores/useModalStore.d.ts

@@ -1,6 +1,6 @@
 import { Token, Tournament } from "../../../anyspend";
 import { NftContract } from "../../../anyspend/types";
-import { GenerateSigMintResponse } from "../../../anyspend/types/signature-mint";
+import { GenerateSigMintResponse } from "../../../anyspend/types/signatureMint";
 import { AllowedStrategy } from "../../../global-account/react";
 import { PermissionsConfig } from "../../../global-account/types/permissions";
 import { Address, Chain } from "thirdweb";
@@ -251,10 +251,32 @@ export interface AnySpendSignatureMintProps extends BaseModalProps {
     /** Callback function called when minting is successful */
     onSuccess?: (txHash?: string) => void;
 }
+/**
+ * Props for the AnySpend bondKit modal
+ * Handles bondKit token purchases
+ */
+export interface AnySpendBondKitProps extends BaseModalProps {
+    /** Mode of the modal */
+    mode?: "modal" | "page";
+    /** Modal type identifier */
+    type: "anySpendBondKit";
+    /** Recipient address to receive the tokens */
+    recipientAddress: string;
+    /** bondKit contract address */
+    contractAddress: string;
+    /** Minimum tokens to receive */
+    minTokensOut?: string;
+    /** Optional image URL for token preview */
+    imageUrl?: string;
+    /** Token name to display */
+    tokenName?: string;
+    /** Callback function called when purchase is successful */
+    onSuccess?: (txHash?: string) => void;
+}
 /**
  * Union type of all possible modal content types
  */
-export type ModalContentType = SignInWithB3ModalProps | RequestPermissionsModalProps | ManageAccountModalProps | AnySpendModalProps | AnyspendOrderDetailsProps | AnySpendNftProps | AnySpendJoinTournamentProps | AnySpendFundTournamentProps | TransakProps | AnySpendOrderHistoryProps | AnySpendStakeB3Props | AnySpendBuySpinProps | AnySpendSignatureMintProps;
+export type ModalContentType = SignInWithB3ModalProps | RequestPermissionsModalProps | ManageAccountModalProps | AnySpendModalProps | AnyspendOrderDetailsProps | AnySpendNftProps | AnySpendJoinTournamentProps | AnySpendFundTournamentProps | TransakProps | AnySpendOrderHistoryProps | AnySpendStakeB3Props | AnySpendBuySpinProps | AnySpendSignatureMintProps | AnySpendBondKitProps;
 /**
  * State interface for the modal store
  */

package/dist/esm/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/esm/anyspend/abis/bondKit.js

@@ -0,0 +1,26 @@
+export const 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/esm/anyspend/index.d.ts

@@ -1,7 +1,7 @@
 export * from "./types";
 export * from "./types/metadata";
 export * from "./types/relay";
-export * from "./types/signature-mint";
+export * from "./types/signatureMint";
 export * from "./types/token";
 export * from "./utils/address";
 export * from "./utils/chain";
@@ -11,5 +11,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/esm/anyspend/index.js

@@ -2,7 +2,7 @@
 export * from "./types/index.js";
 export * from "./types/metadata.js";
 export * from "./types/relay.js";
-export * from "./types/signature-mint.js";
+export * from "./types/signatureMint.js";
 export * from "./types/token.js";
 // Utils
 export * from "./utils/address.js";
@@ -15,5 +15,5 @@ export * from "./utils/token.js";
 // Constants
 export * from "./constants/index.js";
 // Abis
-export * from "./abis/abi-usdc-base.js";
-export * from "./abis/erc20-staking.js";
+export * from "./abis/abiUsdcBase.js";
+export * from "./abis/erc20Staking.js";

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

@@ -9,5 +9,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/esm/anyspend/index.native.js

@@ -15,5 +15,5 @@ export * from "./utils/token.js";
 // Constants
 export * from "./constants/index.js";
 // Abis
-export * from "./abis/abi-usdc-base.js";
-export * from "./abis/erc20-staking.js";
+export * from "./abis/abiUsdcBase.js";
+export * from "./abis/erc20Staking.js";

package/dist/esm/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, onSuccess, }: AnySpendBondKitProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,201 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { BondkitToken } from "@b3dotfun/bondkit";
+import { OrderType } from "../../../anyspend/index.js";
+import { Button, GlareCardRounded, Input, StyleRoot, useHasMounted, useTokenData, } from "../../../global-account/react/index.js";
+import { baseMainnet } from "../../../shared/constants/chains/supported.js";
+import { motion } from "framer-motion";
+import { useEffect, useMemo, useState } from "react";
+import { createPublicClient, encodeFunctionData, formatEther, http, parseEther } from "viem";
+import { ABI_bondKit } from "../../abis/bondKit.js";
+import { AnySpendCustom } from "./AnySpendCustom.js";
+// 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(".");
+}
+export function AnySpendBondKit({ mode = "modal", recipientAddress, contractAddress, minTokensOut = "0", imageUrl, onSuccess, }) {
+    const hasMounted = useHasMounted();
+    const [showAmountPrompt, setShowAmountPrompt] = useState(true);
+    const [ethAmount, setEthAmount] = useState("");
+    const [isAmountValid, setIsAmountValid] = useState(false);
+    const [validationError, setValidationError] = useState("");
+    const [tokenName, setTokenName] = useState("");
+    const [tokenSymbol, setTokenSymbol] = useState("");
+    const [quote, setQuote] = useState(null);
+    const [isLoadingQuote, setIsLoadingQuote] = useState(false);
+    // Create BondKit client
+    const bondkitTokenClient = useMemo(() => {
+        if (!contractAddress)
+            return null;
+        try {
+            const client = new 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 = createPublicClient({
+        chain: baseMainnet,
+        transport: http(),
+    });
+    // Fetch token name from contract
+    useEffect(() => {
+        async function fetchTokenName() {
+            try {
+                const [name, symbol] = await Promise.all([
+                    basePublicClient.readContract({
+                        address: contractAddress,
+                        abi: ABI_bondKit,
+                        functionName: "name",
+                    }),
+                    basePublicClient.readContract({
+                        address: contractAddress,
+                        abi: 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, } = useTokenData(baseMainnet.id, "0x0000000000000000000000000000000000000000");
+    // Convert token data to AnySpend Token type
+    const dstToken = useMemo(() => {
+        if (!tokenData)
+            return null;
+        return {
+            address: tokenData.address,
+            chainId: baseMainnet.id,
+            name: tokenData.name,
+            symbol: tokenData.symbol,
+            decimals: tokenData.decimals,
+            metadata: {
+                logoURI: tokenData.logoURI,
+            },
+        };
+    }, [tokenData]);
+    // Debounced quote fetching
+    const debouncedGetQuote = useMemo(() => debounce(async (val) => {
+        if (!val || Number(val) <= 0 || !bondkitTokenClient) {
+            setQuote(null);
+            return;
+        }
+        try {
+            setIsLoadingQuote(true);
+            const parsedAmount = parseEther(val);
+            const buyQuote = await bondkitTokenClient.getAmountOfTokensToBuy(parsedAmount);
+            setQuote(buyQuote ? formatEther(buyQuote) : null);
+        }
+        catch (error) {
+            console.error("Error getting buy quote:", error);
+            setQuote(null);
+        }
+        finally {
+            setIsLoadingQuote(false);
+        }
+    }, 500), [bondkitTokenClient]);
+    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 = 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 = () => (_jsx("div", { className: "w-full px-6 py-4", children: _jsxs("div", { className: "flex w-full flex-col items-center space-y-6", children: [_jsxs("h2", { className: "text-[28px] font-bold", children: ["Buy ", tokenName, " (", tokenSymbol, ")"] }), _jsxs("div", { className: "flex w-full flex-col items-center space-y-2", children: [_jsxs("span", { className: "text-[28px] font-bold", children: [ethAmount, " ETH"] }), quote && (_jsxs("span", { className: "text-lg", children: ["\u2248 ", formatNumberWithCommas(parseFloat(quote).toFixed(4)), " ", tokenSymbol] }))] })] }) }));
+    // Show loading state while fetching token data
+    if (isLoading) {
+        return (_jsx(StyleRoot, { children: _jsx("div", { className: "b3-root b3-modal bg-b3-react-background flex w-full flex-col items-center p-8", children: _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 (_jsx(StyleRoot, { children: _jsx("div", { className: "b3-root b3-modal bg-b3-react-background flex w-full flex-col items-center p-8", children: _jsxs("p", { className: "text-as-red text-center text-sm", children: ["Failed to fetch native token information for chain ", baseMainnet.id, ". Please try again."] }) }) }));
+    }
+    if (showAmountPrompt) {
+        return (_jsx(StyleRoot, { children: _jsxs("div", { className: "bg-b3-react-background flex w-full flex-col items-center", children: [_jsxs("div", { className: "w-full px-4 pb-2 pt-4", children: [_jsx(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 && (_jsxs("div", { className: "relative size-16", children: [_jsx("div", { className: "absolute inset-0 scale-95 rounded-[50%] bg-gradient-to-br from-blue-500/20 to-purple-600/20 blur-xl" }), _jsxs(GlareCardRounded, { className: "overflow-hidden rounded-full border-none bg-gradient-to-br from-blue-500/10 to-purple-600/10 backdrop-blur-sm", children: [_jsx("img", { alt: "token preview", className: "size-full rounded-lg object-cover", src: imageUrl }), _jsx("div", { className: "absolute inset-0 rounded-[50%] border border-white/20" })] })] })) }), _jsx(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: _jsxs("h2", { className: "font-sf-rounded text-as-primary mb-4 text-2xl font-bold", children: ["Buy ", tokenName] }) })] }), _jsx(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: _jsxs("div", { className: "space-y-4", children: [_jsx("div", { className: "flex items-center justify-between", children: _jsx("p", { className: "text-as-primary/70 text-sm font-medium", children: "ETH Amount" }) }), _jsx("div", { className: "relative", children: _jsx(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 && _jsx("p", { className: "text-as-red text-sm", children: validationError }), _jsxs("div", { className: "bg-as-on-surface-2/30 rounded-lg border border-white/10 p-4 backdrop-blur-sm", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "text-as-primary/70 text-sm font-medium", children: "Total Cost:" }), _jsx("div", { className: "flex items-center gap-2", children: _jsxs("span", { className: "text-as-primary text-lg font-bold", children: [ethAmount || "0", " ETH"] }) })] }), isLoadingQuote ? (_jsx("div", { className: "mt-2 text-center", children: _jsx("span", { className: "text-as-primary/70 text-sm", children: "Calculating tokens..." }) })) : quote ? (_jsxs("div", { className: "mt-2 flex items-center justify-between", children: [_jsx("span", { className: "text-as-primary/70 text-sm font-medium", children: "You'll receive:" }), _jsxs("span", { className: "text-as-primary text-sm font-medium", children: ["\u2248 ", formatNumberWithCommas(parseFloat(quote).toFixed(4)), " ", tokenSymbol] })] })) : null] }), _jsx(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 = encodeFunctionData({
+        abi: ABI_bondKit,
+        functionName: "buyFor",
+        args: [recipientAddress, BigInt(minTokensOut)],
+    });
+    return (_jsx(AnySpendCustom, { isMainnet: true, mode: mode, recipientAddress: recipientAddress, orderType: OrderType.Custom, dstChainId: baseMainnet.id, dstToken: dstToken, dstAmount: parseEther(ethAmount).toString(), contractAddress: contractAddress, encodedData: encodedData, metadata: {
+            type: OrderType.Custom,
+            action: "BondKit Buy",
+        }, header: header, onSuccess: onSuccess, showRecipient: true }));
+}

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

@@ -60,8 +60,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";
     }
@@ -75,7 +73,6 @@ function getWheelStatus(wheelInfo) {
 }
 function generateEncodedDataForBuyEntriesAndSpin(user, quantity) {
     invariant(BigInt(quantity) > 0, "Quantity must be greater than zero");
-    console.log("@@anyspend-buy-spin:encoded-data:", { user, quantity });
     const encodedData = encodeFunctionData({
         abi: SPIN_WHEEL_ABI,
         functionName: "buyEntriesAndSpin",
@@ -153,7 +150,6 @@ export function AnySpendBuySpin({ isMainnet = true, loadOrder, mode = "modal", s
         try {
             setIsLoadingConfig(true);
             setConfigError("");
-            console.log("@@anyspend-buy-spin:fetch-config:", { spinwheelContractAddress, chainId });
             const [config, entryModuleAddress, wheelInfo] = await Promise.all([
                 basePublicClient.readContract({
                     address: spinwheelContractAddress,

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

@@ -332,7 +332,7 @@ export function AnySpendCustom({ isMainnet = true, loadOrder, mode = "modal", re
                     blockExplorers: [{ name: "B3 Explorer", url: "https://explorer.b3.fun/" }],
                     testnet: undefined,
                 },
-                partnerId: String(process.env.NEXT_PUBLIC_GLOBAL_ACCOUNTS_PARTNER_ID),
+                partnerId: String(process.env.NEXT_PUBLIC_THIRDWEB_PARTNER_ID),
                 type: "signInWithB3",
                 showBackButton: false,
             });
@@ -384,7 +384,7 @@ 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.1, ease: "easeInOut" }, className: "relative flex w-full items-center justify-between", children: [_jsx("span", { className: "font-medium", children: "Price" }), _jsxs("h2", { className: cn("text-as-primary text-2xl font-semibold"), children: [formattedSrcAmount || "--", " ", srcToken.symbol] })] })] }), recipientSection, _jsx("div", { className: cn("flex w-full flex-col items-center justify-between gap-2"), children: _jsx(motion.div, { initial: false, animate: {
+                                            }, transition: { duration: 0.3, delay: 0.1, ease: "easeInOut" }, className: "relative flex w-full items-center justify-between", children: [_jsxs("span", { className: "font-medium", children: ["Total ", _jsx("span", { className: "text-sm text-gray-500", children: "(with fee)" })] }), _jsxs("h2", { className: cn("text-as-primary text-2xl font-semibold"), children: [formattedSrcAmount || "--", " ", srcToken.symbol] })] })] }), recipientSection, _jsx("div", { className: cn("flex w-full flex-col items-center justify-between gap-2"), children: _jsx(motion.div, { initial: false, animate: {
                                             opacity: hasMounted ? 1 : 0,
                                             y: hasMounted ? 0 : 20,
                                             filter: hasMounted ? "blur(0px)" : "blur(10px)",

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

@@ -1,4 +1,4 @@
-import { GenerateSigMintResponse } from "../../types/signature-mint";
+import { GenerateSigMintResponse } from "../../types/signatureMint";
 export declare function AnyspendSignatureMint({ loadOrder, mode, signatureData, imageUrl, onSuccess, }: {
     loadOrder?: string;
     mode?: "modal" | "page";

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

@@ -4,7 +4,7 @@ import { StyleRoot, useHasMounted, useTokenData } from "../../../global-account/
 import invariant from "../../../shared/utils/debug.js";
 import { useMemo } from "react";
 import { encodeFunctionData, parseEther } from "viem";
-import { ABI_SIGNATURE_MINTING } from "../../abis/signature-minting.js";
+import { ABI_SIGNATURE_MINTING } from "../../abis/signatureMinting.js";
 import { AnySpendCustom } from "./AnySpendCustom.js";
 // Helper function to determine if URL is a video
 function isVideoURL(url) {
@@ -39,7 +39,7 @@ function generateEncodedDataForSignatureMint(signatureData) {
 export function AnyspendSignatureMint({ loadOrder, mode = "modal", signatureData, imageUrl, onSuccess, }) {
     const hasMounted = useHasMounted();
     // Get token data
-    const { data: tokenData, isError: isTokenError } = useTokenData(signatureData.collection.chainId, signatureData.collection.signatureRequestBody?.currency);
+    const { data: tokenData, isError: isTokenError, isLoading, } = useTokenData(signatureData.collection.chainId, signatureData.collection.signatureRequestBody?.currency);
     // Convert token data to AnySpend Token type
     const dstToken = useMemo(() => {
         if (!tokenData)
@@ -58,7 +58,11 @@ export function AnyspendSignatureMint({ loadOrder, mode = "modal", signatureData
     const mediaUrl = imageUrl || signatureData.payload.metadata.image || "https://cdn.b3.fun/nft-placeholder.png";
     const isVideo = isVideoURL(mediaUrl);
     const header = () => (_jsxs(_Fragment, { children: [_jsx("div", { className: "relative mx-auto size-32", children: isVideo ? (_jsxs("video", { autoPlay: true, loop: true, muted: true, playsInline: true, className: "size-full rounded-lg object-cover", children: [_jsx("source", { src: mediaUrl, type: `video/${mediaUrl.split(".").pop()}` }), "Your browser does not support the video tag."] })) : (_jsx("img", { alt: "nft preview", className: "size-full rounded-lg object-cover", src: mediaUrl })) }), _jsxs("div", { className: "mt-[-60px] w-full rounded-t-lg bg-white", children: [_jsx("div", { className: "h-[60px] w-full" }), _jsx("div", { className: "mb-1 flex w-full flex-col items-center gap-2 p-5", children: _jsxs("span", { className: "font-sf-rounded text-2xl font-semibold", children: [signatureData.payload.metadata.name || "Mint NFT", " ", Number(signatureData.payload.quantity) > 1 ? `(${signatureData.payload.quantity}x)` : ""] }) })] })] }));
-    // If we don't have token data, show error state
+    // Show loading state while fetching token data
+    if (isLoading) {
+        return (_jsx(StyleRoot, { children: _jsx("div", { className: "b3-root b3-modal bg-b3-react-background flex w-full flex-col items-center p-8", children: _jsx("p", { className: "text-as-primary/70 text-center text-sm", children: "Loading payment token information..." }) }) }));
+    }
+    // If we don't have token data after loading, show error state
     if (!dstToken || isTokenError) {
         return (_jsx(StyleRoot, { children: _jsx("div", { className: "b3-root b3-modal bg-b3-react-background flex w-full flex-col items-center p-8", children: _jsxs("p", { className: "text-as-red text-center text-sm", children: ["Failed to fetch payment token information for ", signatureData.collection.signatureRequestBody?.currency, " on chain ", signatureData.collection.chainId, ". Please try again."] }) }) }));
     }

package/dist/esm/anyspend/react/components/{AnySpendNFTButton.d.ts → common/AnySpendNFTButton.d.ts}

@@ -1,4 +1,4 @@
-import { NftContract } from "../../../anyspend/types";
+import { NftContract } from "../../../../anyspend/types";
 type AnySpendNFTButtonProps = {
     nftContract?: NftContract;
     recipientAddress?: string;

package/dist/esm/anyspend/react/components/{AnySpendNFTButton.js → common/AnySpendNFTButton.js}

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { DEFAULT_NFT_CONTRACT } from "../../../anyspend/constants/index.js";
-import { Button, useModalStore } from "../../../global-account/react/index.js";
+import { DEFAULT_NFT_CONTRACT } from "../../../../anyspend/constants/index.js";
+import { Button, useModalStore } from "../../../../global-account/react/index.js";
 export function AnySpendNFTButton({ nftContract = DEFAULT_NFT_CONTRACT, recipientAddress }) {
     const { setB3ModalOpen, setB3ModalContentType } = useModalStore();
     const handleClick = () => {

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

@@ -1,11 +1,12 @@
 export { AnySpend } from "./AnySpend";
+export { AnySpendBondKit } from "./AnySpendBondKit";
 export { AnySpendBuySpin } from "./AnySpendBuySpin";
 export { AnySpendCustom } from "./AnySpendCustom";
 export { AnySpendNFT } from "./AnySpendNFT";
-export { AnySpendNFTButton } from "./AnySpendNFTButton";
 export { AnyspendSignatureMint } from "./AnyspendSignatureMint";
 export { AnySpendStakeB3 } from "./AnySpendStakeB3";
 export { AnySpendTournament } from "./AnySpendTournament";
+export { AnySpendNFTButton } from "./common/AnySpendNFTButton";
 export { ChainTokenIcon } from "./common/ChainTokenIcon";
 export { OrderDetails } from "./common/OrderDetails";
 export { OrderHistory } from "./common/OrderHistory";

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

@@ -1,12 +1,13 @@
 // Components
 export { AnySpend } from "./AnySpend.js";
+export { AnySpendBondKit } from "./AnySpendBondKit.js";
 export { AnySpendBuySpin } from "./AnySpendBuySpin.js";
 export { AnySpendCustom } from "./AnySpendCustom.js";
 export { AnySpendNFT } from "./AnySpendNFT.js";
-export { AnySpendNFTButton } from "./AnySpendNFTButton.js";
 export { AnyspendSignatureMint } from "./AnyspendSignatureMint.js";
 export { AnySpendStakeB3 } from "./AnySpendStakeB3.js";
 export { AnySpendTournament } from "./AnySpendTournament.js";
+export { AnySpendNFTButton } from "./common/AnySpendNFTButton.js";
 // Common Components
 export { ChainTokenIcon } from "./common/ChainTokenIcon.js";
 export { OrderDetails } from "./common/OrderDetails.js";

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

@@ -1,7 +1,25 @@
 import { anyspendService } from "../../../anyspend/services/anyspend.js";
 import { useQuery } from "@tanstack/react-query";
-import isEqual from "lodash/isEqual.js";
 import { useCallback, useMemo } from "react";
+// Custom deep equality function that handles BigInt
+function customDeepEqual(oldData, newData) {
+    // Handle BigInt comparison
+    if (typeof oldData === "bigint" && typeof newData === "bigint") {
+        return oldData === newData;
+    }
+    // Handle arrays
+    if (Array.isArray(oldData) && Array.isArray(newData)) {
+        return oldData.length === newData.length && oldData.every((item, index) => customDeepEqual(item, newData[index]));
+    }
+    // Handle objects
+    if (oldData && newData && typeof oldData === "object" && typeof newData === "object") {
+        const keys1 = Object.keys(oldData);
+        const keys2 = Object.keys(newData);
+        return keys1.length === keys2.length && keys1.every(key => customDeepEqual(oldData[key], newData[key]));
+    }
+    // Handle primitive values
+    return oldData === newData;
+}
 // Hook to fetch and auto-refresh order status and transaction details
 export function useAnyspendOrderAndTransactions(isMainnet, orderId) {
     const selectFn = useCallback((data) => {
@@ -12,12 +30,12 @@ export function useAnyspendOrderAndTransactions(isMainnet, orderId) {
     const { data, isLoading, refetch, error } = useQuery({
         queryKey: ["getAnyspendOrderAndTransactions", orderId],
         queryFn: () => anyspendService.getOrderAndTransactions(isMainnet, orderId),
-        enabled: Boolean(orderId),
+        enabled: !!orderId,
         refetchInterval: 3000,
         staleTime: 1000,
         select: selectFn,
         structuralSharing: (oldData, newData) => {
-            if (isEqual(oldData, newData))
+            if (customDeepEqual(oldData, newData))
                 return oldData;
             return newData;
         },

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

@@ -1,4 +1,4 @@
-import { FindByAddressParams, GenerateSigMintParams, IsMintEligibleParams } from "../../types/signature-mint";
+import { FindByAddressParams, GenerateSigMintParams, IsMintEligibleParams } from "../../types/signatureMint";
 /**
  * Hook to generate signature for minting
  */

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

@@ -0,0 +1,12 @@
+export interface bondKitBuyForParams {
+    recipientAddress: string;
+    contractAddress: string;
+    chainId: number;
+    minTokensOut: string;
+    ethAmount: string;
+    imageUrl?: string;
+    tokenName?: string;
+    loadOrder?: string;
+    mode?: "modal" | "page";
+    onSuccess?: (txHash?: string) => void;
+}

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

@@ -0,0 +1 @@
+export {};