@b3dotfun/sdk 0.0.1-alpha.2 → 0.0.1-alpha.21

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

@@ -0,0 +1,19 @@
+// Export all hooks
+export * from "./react/hooks";
+// Providers
+export * from "./react/providers/AnyspendProvider";
+// Types
+export * from "./types";
+// Utils
+export * from "./utils/address";
+export * from "./utils/chain";
+export * from "./utils/format";
+export * from "./utils/json";
+export * from "./utils/number";
+export * from "./utils/string";
+export * from "./utils/token";
+// Constants
+export * from "./constants";
+// Abis
+export * from "./abis/abi-usdc-base";
+export * from "./abis/erc20-staking";

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

@@ -11,7 +11,7 @@ export declare enum PanelView {
     LOADING = 3,
     FIAT_PAYMENT = 4
 }
-export declare function AnySpend({ destinationTokenAddress, destinationTokenChainId, isMainnet, mode, defaultActiveTab, loadOrder, hideTransactionHistoryButton }: {
+export declare function AnySpend({ destinationTokenAddress, destinationTokenChainId, isMainnet, mode, defaultActiveTab, loadOrder, hideTransactionHistoryButton, recipientAddress: recipientAddressFromProps }: {
     destinationTokenAddress?: string;
     destinationTokenChainId?: number;
     isMainnet?: boolean;
@@ -19,4 +19,5 @@ export declare function AnySpend({ destinationTokenAddress, destinationTokenChai
     defaultActiveTab?: "crypto" | "fiat";
     loadOrder?: string;
     hideTransactionHistoryButton?: boolean;
+    recipientAddress?: string;
 }): import("react/jsx-runtime").JSX.Element;

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

@@ -2,8 +2,8 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { getDefaultToken, OrderType, TradeType, USDC_BASE, useAnyspendCreateOrder, useAnyspendOrderAndTransactions, useAnyspendQuote } from "../../../anyspend";
 import { Button, ShinyButton, StyleRoot, TransitionPanel, useAccountWallet, useOnchainName, useRouter, useSearchParamsSSR, useTokenData, useTokenFromUrl } from "../../../global-account/react";
-import { shortenAddress } from "../../../shared/utils/formatAddress";
 import { cn } from "../../../shared/utils/cn";
+import { shortenAddress } from "../../../shared/utils/formatAddress";
 import { formatDisplayNumber, formatTokenAmount } from "../../../shared/utils/number";
 import { motion } from "framer-motion";
 import invariant from "invariant";
@@ -29,7 +29,7 @@ export var PanelView;
     PanelView[PanelView["FIAT_PAYMENT"] = 4] = "FIAT_PAYMENT";
 })(PanelView || (PanelView = {}));
 const ANYSPEND_RECIPIENTS_KEY = "anyspend_recipients";
-export function AnySpend({ destinationTokenAddress, destinationTokenChainId, isMainnet = true, mode = "modal", defaultActiveTab = "crypto", loadOrder, hideTransactionHistoryButton }) {
+export function AnySpend({ destinationTokenAddress, destinationTokenChainId, isMainnet = true, mode = "modal", defaultActiveTab = "crypto", loadOrder, hideTransactionHistoryButton, recipientAddress: recipientAddressFromProps }) {
     const searchParams = useSearchParamsSSR();
     const router = useRouter();
     // Determine if we're in "buy mode" based on whether destination token props are provided
@@ -272,8 +272,8 @@ export function AnySpend({ destinationTokenAddress, destinationTokenChainId, isM
     const { address: globalAddress, wallet: globalWallet } = useAccountWallet();
     // Set default recipient address when wallet changes
     useEffect(() => {
-        setRecipientAddress(globalAddress);
-    }, [globalAddress]);
+        setRecipientAddress(recipientAddressFromProps || globalAddress);
+    }, [recipientAddressFromProps, globalAddress]);
     // Get anyspend price
     const activeInputAmountInWei = isSrcInputDirty
         ? parseUnits(srcAmount.replaceAll(",", ""), selectedSrcToken.decimals).toString()

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

@@ -1,9 +1,10 @@
-export declare function AnySpendBuySpin({ isMainnet, loadOrder, mode, spinwheelContractAddress, chainId, recipientAddress, onSuccess }: {
+export declare function AnySpendBuySpin({ isMainnet, loadOrder, mode, spinwheelContractAddress, chainId, recipientAddress, prefillQuantity, onSuccess }: {
     isMainnet?: boolean;
     loadOrder?: string;
     mode?: "modal" | "page";
     spinwheelContractAddress: string;
     chainId: number;
     recipientAddress: string;
+    prefillQuantity?: string;
     onSuccess?: (txHash?: string) => void;
 }): import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { B3_TOKEN, OrderType } from "../../../anyspend";
+import { baseMainnet } from "../../../shared/constants/chains/supported";
 import { EthIcon } from "./icons/EthIcon";
 import { SolIcon } from "./icons/SolIcon";
 import { UsdcIcon } from "./icons/USDCIcon";
@@ -11,7 +12,6 @@ import { ArrowRight, Loader2 } from "lucide-react";
 import { useCallback, useEffect, useState } from "react";
 import { toast } from "sonner";
 import { createPublicClient, encodeFunctionData, erc20Abi, formatUnits, http } from "viem";
-import { base } from "viem/chains";
 import { useAccount, useWaitForTransactionReceipt, useWriteContract } from "wagmi";
 import { AnySpendCustom } from "./AnySpendCustom";
 const SPIN_WHEEL_ABI = [
@@ -43,8 +43,37 @@ const SPIN_WHEEL_ABI = [
         outputs: [],
         stateMutability: "payable",
         type: "function"
+    },
+    {
+        inputs: [],
+        name: "getWheelInfo",
+        outputs: [
+            { internalType: "address", name: "creator_", type: "address" },
+            { internalType: "uint256", name: "startTime_", type: "uint256" },
+            { internalType: "uint256", name: "endTime_", type: "uint256" },
+            { internalType: "uint256", name: "totalPrizesAvailable_", type: "uint256" },
+            { internalType: "uint256", name: "prizesRequestedCount_", type: "uint256" },
+            { internalType: "enum SpinWheelV2.WheelState", name: "state_", type: "uint8" }
+        ],
+        stateMutability: "view",
+        type: "function"
     }
 ];
+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";
+    }
+    if (now > wheelInfo.endTime_) {
+        return "ended";
+    }
+    if (wheelInfo.totalPrizesAvailable_ <= wheelInfo.prizesRequestedCount_) {
+        return "sold_out";
+    }
+    return "active";
+}
 function generateEncodedDataForBuyEntriesAndSpin(user, quantity) {
     invariant(BigInt(quantity) > 0, "Quantity must be greater than zero");
     console.log("@@anyspend-buy-spin:encoded-data:", { user, quantity });
@@ -56,16 +85,17 @@ function generateEncodedDataForBuyEntriesAndSpin(user, quantity) {
     return encodedData;
 }
 const basePublicClient = createPublicClient({
-    chain: base,
+    chain: baseMainnet,
     transport: http()
 });
-export function AnySpendBuySpin({ isMainnet = true, loadOrder, mode = "modal", spinwheelContractAddress, chainId, recipientAddress, onSuccess }) {
+export function AnySpendBuySpin({ isMainnet = true, loadOrder, mode = "modal", spinwheelContractAddress, chainId, recipientAddress, prefillQuantity, onSuccess }) {
     const hasMounted = useHasMounted();
     const { setB3ModalOpen } = useModalStore();
     // Payment config state
     const [paymentConfig, setPaymentConfig] = useState(null);
     const [isLoadingConfig, setIsLoadingConfig] = useState(true);
     const [configError, setConfigError] = useState("");
+    const [wheelInfo, setWheelInfo] = useState(null);
     // Fetch B3 token balance
     const { formattedBalance: b3Balance, isLoading: isBalanceLoading, rawBalance: b3RawBalance } = useTokenBalance({
         token: B3_TOKEN
@@ -77,22 +107,29 @@ export function AnySpendBuySpin({ isMainnet = true, loadOrder, mode = "modal", s
     // State for direct buying flow (when user has B3 tokens)
     const [isBuying, setIsBuying] = useState(false);
     const [buyingTxHash, setBuyingTxHash] = useState("");
-    const [showSuccessModal, setShowSuccessModal] = useState(false);
-    // Wait for transaction confirmation
-    const { isLoading: isTxPending, isSuccess: isTxSuccess } = useWaitForTransactionReceipt({
+    const { isLoading: isTxPending, isSuccess: isTxSuccess, isError: isTxError, error: txError } = useWaitForTransactionReceipt({
         hash: buyingTxHash,
         query: {
             structuralSharing: false
         }
     });
-    // Show success modal when transaction is confirmed
+    // Handle transaction status
     useEffect(() => {
-        if (isTxSuccess && buyingTxHash) {
-            setShowAmountPrompt(false);
-            setShowSuccessModal(true);
+        if (!buyingTxHash)
+            return;
+        if (isTxSuccess) {
+            setB3ModalOpen(false);
+            onSuccess?.(buyingTxHash);
+            toast.success("Spin purchase transaction confirmed!");
+            setIsBuying(false);
+        }
+        else if (isTxError) {
+            console.error("@@anyspend-buy-spin:tx-error:", txError);
+            toast.error("Transaction failed. Please try again.");
+            setB3ModalOpen(false);
             setIsBuying(false);
         }
-    }, [isTxSuccess, buyingTxHash]);
+    }, [isTxSuccess, isTxError, buyingTxHash, onSuccess, setB3ModalOpen, txError]);
     // Spin quantity state
     const [userSpinQuantity, setUserSpinQuantity] = useState("");
     const [showAmountPrompt, setShowAmountPrompt] = useState(true);
@@ -100,9 +137,17 @@ export function AnySpendBuySpin({ isMainnet = true, loadOrder, mode = "modal", s
     const [validationError, setValidationError] = useState("");
     const [displayQuantity, setDisplayQuantity] = useState("");
     const [debouncedQuantity, setDebouncedQuantity] = useState("");
+    const [debouncedUserSpinQuantity, setDebouncedUserSpinQuantity] = useState("");
+    useEffect(() => {
+        if (prefillQuantity && wheelInfo) {
+            const remainingSpins = wheelInfo.totalPrizesAvailable_ - wheelInfo.prizesRequestedCount_;
+            const adjustedQuantity = BigInt(prefillQuantity) > remainingSpins ? remainingSpins.toString() : prefillQuantity;
+            validateAndSetQuantity(adjustedQuantity);
+        }
+    }, [prefillQuantity, wheelInfo]);
     // Calculate total cost
     const totalCost = paymentConfig && userSpinQuantity ? paymentConfig.pricePerEntry * BigInt(userSpinQuantity) : BigInt(0);
-    // Fetch payment configuration
+    // Fetch payment configuration and wheel info
     const fetchPaymentConfig = useCallback(async () => {
         if (!basePublicClient || !spinwheelContractAddress)
             return;
@@ -110,7 +155,7 @@ export function AnySpendBuySpin({ isMainnet = true, loadOrder, mode = "modal", s
             setIsLoadingConfig(true);
             setConfigError("");
             console.log("@@anyspend-buy-spin:fetch-config:", { spinwheelContractAddress, chainId });
-            const [config, entryModuleAddress] = await Promise.all([
+            const [config, entryModuleAddress, wheelInfo] = await Promise.all([
                 basePublicClient.readContract({
                     address: spinwheelContractAddress,
                     abi: SPIN_WHEEL_ABI,
@@ -120,6 +165,11 @@ export function AnySpendBuySpin({ isMainnet = true, loadOrder, mode = "modal", s
                     address: spinwheelContractAddress,
                     abi: SPIN_WHEEL_ABI,
                     functionName: "entryModule"
+                }),
+                basePublicClient.readContract({
+                    address: spinwheelContractAddress,
+                    abi: SPIN_WHEEL_ABI,
+                    functionName: "getWheelInfo"
                 })
             ]);
             const paymentConfig = {
@@ -128,13 +178,16 @@ export function AnySpendBuySpin({ isMainnet = true, loadOrder, mode = "modal", s
                 paymentRecipient: config[3],
                 entryModule: entryModuleAddress
             };
-            console.log("@@anyspend-buy-spin:config-fetched:", {
-                pricePerEntry: paymentConfig.pricePerEntry.toString(),
-                maxEntriesPerUser: paymentConfig.maxEntriesPerUser.toString(),
-                paymentRecipient: paymentConfig.paymentRecipient,
-                entryModule: paymentConfig.entryModule
-            });
+            const wheelInfoData = {
+                creator_: wheelInfo[0],
+                startTime_: wheelInfo[1],
+                endTime_: wheelInfo[2],
+                totalPrizesAvailable_: wheelInfo[3],
+                prizesRequestedCount_: wheelInfo[4],
+                state_: wheelInfo[5]
+            };
             setPaymentConfig(paymentConfig);
+            setWheelInfo(wheelInfoData);
         }
         catch (error) {
             console.error("@@anyspend-buy-spin:config-error:", error);
@@ -153,6 +206,7 @@ export function AnySpendBuySpin({ isMainnet = true, loadOrder, mode = "modal", s
     useEffect(() => {
         const timer = setTimeout(() => {
             setDebouncedQuantity(displayQuantity);
+            setDebouncedUserSpinQuantity(userSpinQuantity);
         }, 500);
         return () => clearTimeout(timer);
     }, [displayQuantity, userSpinQuantity]);
@@ -184,6 +238,13 @@ export function AnySpendBuySpin({ isMainnet = true, loadOrder, mode = "modal", s
                 setValidationError(`Maximum ${paymentConfig.maxEntriesPerUser.toString()} spins allowed`);
                 return;
             }
+            // Check if quantity exceeds remaining entries
+            if (wheelInfo && BigInt(numValue) > wheelInfo.totalPrizesAvailable_ - wheelInfo.prizesRequestedCount_) {
+                setIsQuantityValid(false);
+                setUserSpinQuantity("");
+                setValidationError(`Only ${(wheelInfo.totalPrizesAvailable_ - wheelInfo.prizesRequestedCount_).toString()} spins remaining`);
+                return;
+            }
             setUserSpinQuantity(value);
             setIsQuantityValid(true);
             setValidationError("");
@@ -233,7 +294,7 @@ export function AnySpendBuySpin({ isMainnet = true, loadOrder, mode = "modal", s
         catch (error) {
             console.error("@@anyspend-buy-spin:error:", error);
             toast.error("Spin purchase failed. Please try again.");
-            setShowSuccessModal(false);
+            setB3ModalOpen(false);
         }
         finally {
             setIsBuying(false);
@@ -271,46 +332,58 @@ export function AnySpendBuySpin({ isMainnet = true, loadOrder, mode = "modal", s
     // Render quantity input prompt
     if (showAmountPrompt) {
         const pricePerEntry = formatUnits(paymentConfig.pricePerEntry, 18);
+        const remainingEntries = wheelInfo ? wheelInfo.totalPrizesAvailable_ - wheelInfo.prizesRequestedCount_ : 0n;
+        const wheelStatus = wheelInfo ? getWheelStatus(wheelInfo) : null;
+        const isSoldOut = wheelStatus === "sold_out";
+        const isActive = wheelStatus === "active";
+        const getStatusMessage = () => {
+            if (!wheelInfo)
+                return null;
+            const formatDate = (timestamp) => {
+                return new Date(Number(timestamp) * 1000).toLocaleString();
+            };
+            switch (wheelStatus) {
+                case "not_started":
+                    return {
+                        title: "Spin Wheel Not Started",
+                        message: `Starts at ${formatDate(wheelInfo.startTime_)}`
+                    };
+                case "ended":
+                    return {
+                        title: "Spin Wheel Ended",
+                        message: `Ended at ${formatDate(wheelInfo.endTime_)}`
+                    };
+                case "sold_out":
+                    return {
+                        title: "All Spins Have Been Claimed",
+                        message: "Stay tuned for the next spin wheel event!"
+                    };
+                default:
+                    return null;
+            }
+        };
+        const statusInfo = getStatusMessage();
         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: _jsx("img", { alt: "B3 Token", loading: "lazy", width: "64", height: "64", decoding: "async", className: "rounded-full", src: "https://cdn.b3.fun/b3-coin-3d.png" }) }), _jsxs(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: [_jsx("h2", { className: "font-sf-rounded text-as-primary mb-2 text-2xl font-bold", children: (() => {
-                                            const hasEnoughBalance = b3RawBalance && totalCost <= b3RawBalance;
-                                            return hasEnoughBalance || !debouncedQuantity ? "Buy Spins" : `Swap & Buy Spins`;
-                                        })() }), _jsx("div", { className: "bg-as-on-surface-2/50 inline-flex items-center gap-2 rounded-full border border-white/10 px-3 py-1 backdrop-blur-sm", children: _jsxs("p", { className: "text-as-primary/80 text-sm", children: [pricePerEntry, " $B3 per spin"] }) })] })] }), _jsxs(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: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("p", { className: "text-as-primary/70 text-sm font-medium", children: "Number of spins" }), _jsxs("span", { className: "text-as-primary/50 flex items-center gap-1 text-sm", children: ["Available: ", isBalanceLoading ? _jsx(Loader2, { className: "h-3 w-3 animate-spin" }) : `${b3Balance} B3`] })] }), _jsxs("div", { className: "relative", children: [_jsx(Input, { onFocus: onFocusQuantityInput, type: "text", placeholder: "1", value: displayQuantity, onChange: e => validateAndSetQuantity(e.target.value), className: `h-14 px-4 pr-20 text-lg ${!isQuantityValid && displayQuantity ? "border-as-red" : "border-b3-react-border"}` }), _jsx("div", { className: "font-pack absolute right-4 top-1/2 -translate-y-1/2 text-lg font-medium text-blue-500/70", children: displayQuantity === "1" ? "Spin" : "Spins" })] }), !isQuantityValid && displayQuantity && _jsx("p", { className: "text-as-red text-sm", children: validationError }), _jsx("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: [displayQuantity && isQuantityValid ? formatUnits(totalCost, 18) : "0", " B3"] }) })] }) })] }), _jsx("div", { className: "mt-4", children: (() => {
-                                    const hasEnoughBalance = b3RawBalance && totalCost <= b3RawBalance;
-                                    if (!hasEnoughBalance && debouncedQuantity) {
-                                        return (_jsxs("div", { className: "bg-as-brand/10 flex flex-col items-center gap-2 rounded-lg p-4 pb-5", children: [_jsxs("div", { className: "flex items-center justify-center gap-2", children: [_jsx("span", { className: "text-as-primary text-sm font-semibold", children: "Swap & buy from any token" }), _jsxs(TextLoop, { children: [_jsx(EthIcon, { className: "h-8 w-8" }), _jsx(SolIcon, { className: "h-8 w-8" }), _jsx(UsdcIcon, { className: "h-8 w-8" })] }), _jsx(ArrowRight, { className: "text-as-primary h-4 w-4" }), _jsx("img", { src: "https://cdn.b3.fun/b3-coin-3d.png", className: "h-7 w-7", alt: "B3 Token" })] }), _jsx("p", { className: "text-as-primary/50 text-sm font-medium", children: "No problem, we'll help you swap to B3 for your spins!" })] }));
-                                    }
-                                })() }), _jsx(Button, { onClick: confirmQuantity, disabled: !isQuantityValid || !displayQuantity || isBuying || isTxPending, 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: isBuying ? "Buying..." : isTxPending ? "Confirming..." : "Continue" })] })] }) }));
-    }
-    // Success Modal for Direct Buying
-    if (showSuccessModal) {
-        return (_jsx(StyleRoot, { children: _jsxs("div", { className: "bg-b3-react-background flex w-full flex-col items-center", children: [_jsxs("div", { className: "w-full p-4", children: [_jsxs(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: "relative mx-auto mb-4 size-[120px]", children: [_jsx("div", { className: "absolute inset-0 scale-95 rounded-[50%] bg-gradient-to-br from-green-500/30 to-blue-500/30 blur-xl" }), _jsxs(GlareCardRounded, { className: "overflow-hidden rounded-full border-none bg-gradient-to-br from-green-500/10 to-blue-500/10 backdrop-blur-sm", children: [_jsx("img", { alt: "B3 Token", loading: "lazy", width: "120", height: "120", decoding: "async", "data-nimg": "1", className: "size-full shrink-0 bg-transparent text-transparent", src: "https://cdn.b3.fun/b3-coin-3d.png" }), _jsx("div", { className: "absolute inset-0 rounded-[50%] border border-white/20" })] })] }), _jsxs(motion.div, { initial: false, animate: {
+                                }, transition: { duration: 0.3, delay: 0, ease: "easeInOut" }, className: `flex justify-center ${isActive ? "mb-4" : ""}`, children: _jsx("img", { alt: "B3 Token", loading: "lazy", width: "64", height: "64", decoding: "async", className: "rounded-full", src: "https://cdn.b3.fun/b3-coin-3d.png" }) }), _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: [_jsx("h2", { className: "font-sf-rounded mb-3 bg-gradient-to-r from-green-400 to-blue-500 bg-clip-text text-3xl font-bold text-transparent", children: "\uD83C\uDF89 Purchase Complete!" }), _jsx("div", { className: "bg-as-on-surface-2/50 inline-flex items-center gap-2 rounded-full border border-white/10 px-4 py-2 backdrop-blur-sm", children: _jsxs("span", { className: "text-as-primary/80 text-sm font-medium", children: [userSpinQuantity, " Spin", userSpinQuantity !== "1" ? "s" : "", " \u2022 ", formatUnits(totalCost, 18), " B3"] }) })] })] }), _jsxs(motion.div, { initial: false, animate: {
+                                }, transition: { duration: 0.3, delay: 0.1, ease: "easeInOut" }, className: "text-center", children: isActive ? (_jsxs(_Fragment, { children: [_jsx("h2", { className: "font-sf-rounded text-as-primary mb-4 text-2xl font-bold", children: (() => {
+                                                const hasEnoughBalance = b3RawBalance && totalCost <= b3RawBalance;
+                                                return hasEnoughBalance || !debouncedQuantity ? "Buy Spins" : `Swap & Buy Spins`;
+                                            })() }), wheelInfo && (_jsxs("div", { className: "inline-flex items-center gap-2", children: [_jsx("div", { className: "bg-as-brand/10 border-as-brand/10 inline-flex items-center rounded-full border px-3 py-1", children: _jsxs("p", { className: "text-as-brand text-sm font-medium", children: [pricePerEntry, " $B3 per spin"] }) }), _jsx("div", { className: "bg-as-brand/10 border-as-brand/10 inline-flex items-center rounded-full border px-3 py-1", children: _jsxs("p", { className: "text-as-brand text-sm font-medium", children: [remainingEntries.toString(), " remaining"] }) })] }))] })) : (statusInfo && (_jsxs("div", { className: "text-center", children: [_jsx("p", { className: "text-as-primary text-lg font-semibold", children: statusInfo.title }), _jsx("p", { className: "text-as-primary/70 mt-2 text-sm", children: statusInfo.message })] }))) })] }), _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: [_jsx("div", { className: "mb-6", children: _jsx("a", { href: `https://basescan.org/tx/${buyingTxHash}`, target: "_blank", rel: "noopener noreferrer", className: "text-as-primary/70 hover:text-as-primary block break-all text-center font-mono text-sm underline transition-colors", children: "View transaction" }) }), _jsx(Button, { onClick: () => {
-                                    setB3ModalOpen(false);
-                                    onSuccess?.(buyingTxHash);
-                                }, className: "bg-as-brand hover:bg-as-brand/90 text-as-primary h-14 w-full rounded-xl text-lg font-medium", children: "Done" })] })] }) }));
+                        }, transition: { duration: 0.3, delay: 0.2, ease: "easeInOut" }, className: "bg-b3-react-background w-full p-6", children: isActive ? (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("p", { className: "text-as-primary/70 text-sm font-medium", children: "Number of spins" }), _jsxs("span", { className: "text-as-primary/50 flex items-center gap-1 text-sm", children: ["Available: ", isBalanceLoading ? _jsx(Loader2, { className: "h-3 w-3 animate-spin" }) : `${b3Balance} B3`] })] }), _jsxs("div", { className: "relative", children: [_jsx(Input, { onFocus: onFocusQuantityInput, type: "text", placeholder: "1", value: displayQuantity, onChange: e => validateAndSetQuantity(e.target.value), className: `h-14 px-4 pr-20 text-lg ${!isQuantityValid && displayQuantity ? "border-as-red" : "border-b3-react-border"}` }), _jsx("div", { className: "font-pack absolute right-4 top-1/2 -translate-y-1/2 text-lg font-medium text-blue-500/70", children: displayQuantity === "1" ? "Spin" : "Spins" })] }), !isQuantityValid && displayQuantity && _jsx("p", { className: "text-as-red text-sm", children: validationError }), _jsx("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: [displayQuantity && isQuantityValid ? formatUnits(totalCost, 18) : "0", " B3"] }) })] }) }), _jsx("div", { className: "mt-4", children: (() => {
+                                        const hasEnoughBalance = b3RawBalance && totalCost <= b3RawBalance;
+                                        if (!hasEnoughBalance && debouncedQuantity) {
+                                            return (_jsxs("div", { className: "bg-as-brand/10 flex flex-col items-center gap-2 rounded-lg p-4 pb-5", children: [_jsxs("div", { className: "flex items-center justify-center gap-2", children: [_jsx("span", { className: "text-as-primary text-sm font-semibold", children: "Swap & buy from any token" }), _jsxs(TextLoop, { children: [_jsx(EthIcon, { className: "h-8 w-8" }), _jsx(SolIcon, { className: "h-8 w-8" }), _jsx(UsdcIcon, { className: "h-8 w-8" })] }), _jsx(ArrowRight, { className: "text-as-primary h-4 w-4" }), _jsx("img", { src: "https://cdn.b3.fun/b3-coin-3d.png", className: "h-7 w-7", alt: "B3 Token" })] }), _jsx("p", { className: "text-as-primary/50 text-sm font-medium", children: "No problem, we'll help you swap to B3 for your spins!" })] }));
+                                        }
+                                    })() }), _jsx(Button, { onClick: confirmQuantity, disabled: !isQuantityValid || !displayQuantity || isBuying || isTxPending, 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: isBuying ? "Buying..." : isTxPending ? "Confirming..." : "Continue" })] })) : null })] }) }));
     }
     // AnySpend flow for when user needs to swap to B3
     const encodedData = generateEncodedDataForBuyEntriesAndSpin(address || "", userSpinQuantity);

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

@@ -26,5 +26,9 @@ export function OrderHistoryItem({ order, onSelectOrder, mode }) {
         : order.payload.expectedDstAmount;
     const { text: orderStatusText, status: orderDisplayStatus } = getStatusDisplay(order);
     const isSmallView = useIsMobile() || mode === "modal";
-    return (_jsxs("div", { className: cn("bg-as-light-brand/20 rounded-lg border p-4", onSelectOrder && "hover:bg-as-light-brand/30 hover:border-as-brand cursor-pointer transition-colors"), onClick: () => onSelectOrder?.(order.id), children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx(Badge, { className: cn("px-3 py-1 text-xs", orderDisplayStatus === "processing" && "bg-yellow-500/10 text-yellow-500", orderDisplayStatus === "success" && "bg-green-500/10 text-green-500", orderDisplayStatus === "failure" && "bg-red-500/10 text-red-500"), children: orderStatusText }), _jsx("div", { className: "flex items-center gap-2", children: _jsx("span", { className: "text-nano label-style text-as-primary/30", children: _jsx(TimeAgo, { date: new Date(order.createdAt) }) }) })] }), order.oneClickBuyUrl ? (_jsx("div", { className: "mb-3 mt-4 flex items-center gap-1", children: _jsxs("div", { className: "bg-b3-react-background flex flex-1 flex-col gap-1 rounded-lg border p-4 px-5", children: [_jsxs("h3", { className: "text-as-primary/50 flex items-center gap-2 text-xl font-semibold", children: [_jsxs("span", { children: ["Buy ", _jsxs("span", { className: "text-as-primary", children: ["$", formatTokenAmount(BigInt(order.srcAmount), order.metadata.srcToken.decimals)] }), ` of`] }), _jsxs("span", { className: "text-as-primary flex items-center gap-2", children: [nft ? (_jsx("img", { src: nft.imageUrl, alt: nft.name, className: "h-6 w-6" })) : tournament ? (_jsx("img", { src: tournament.imageUrl, alt: tournament.name, className: "h-6 w-6" })) : (_jsx("img", { src: dstToken.metadata.logoURI, alt: dstToken.symbol, className: "h-6 w-6" })), nft ? nft.name : tournament ? tournament.name : dstToken.symbol] }), _jsxs("span", { className: "flex items-center gap-2", children: [` on `, _jsxs("span", { className: "text-as-primary flex items-center gap-2", children: [_jsx("img", { src: ALL_CHAINS[order.dstChain]?.logoUrl, alt: getChainName(order.dstChain), className: "h-4" }), order.dstChain !== b3.id && getChainName(order.dstChain)] })] })] }), _jsxs("p", { className: "label-style text-as-primary/30 mt-1 flex items-center gap-2 text-xs", children: ["Paying via", " ", _jsx("img", { src: "https://cdn.b3.fun/coinbase-wordmark-blue.svg", alt: "Coinbase", className: "-mt-1 h-3" })] })] }) })) : (_jsxs("div", { className: cn("mb-3 mt-4 flex items-center gap-1", isSmallView && "flex-col"), children: [_jsxs("div", { className: "bg-b3-react-background flex w-full flex-1 flex-col gap-1 overflow-hidden rounded-lg border p-4 px-5", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("img", { src: order.metadata.srcToken.metadata.logoURI, alt: order.metadata.srcToken.symbol, className: "h-6 w-6 rounded-full" }), _jsxs("div", { className: "text-as-primary flex items-center gap-2 overflow-hidden text-ellipsis whitespace-nowrap text-xl font-semibold", children: [formatTokenAmount(BigInt(order.srcAmount), order.metadata.srcToken.decimals), " ", order.metadata.srcToken.symbol] })] }), _jsxs("div", { className: "label-style text-as-primary/50 flex items-center gap-2 text-sm", children: ["from", _jsx("img", { src: ALL_CHAINS[order.srcChain]?.logoUrl, alt: getChainName(order.srcChain), className: cn("h-4", order.srcChain !== b3.id && "w-4 rounded-full", order.srcChain === b3.id && "h-3") }), getChainName(order.srcChain)] })] }), _jsx("div", { className: cn("h-8 w-8 shrink-0 -rotate-90 opacity-30", isSmallView && "rotate-0"), children: _jsx(ChevronDown, { className: "h-8 w-8" }) }), _jsxs("div", { className: "bg-b3-react-background flex w-full flex-1 flex-col gap-1 overflow-hidden rounded-lg border p-4 px-5", children: [_jsx("div", { className: "flex items-center gap-2", children: nft ? (_jsxs(_Fragment, { children: [_jsx("img", { src: nft.imageUrl, alt: nft.name, className: "h-6 w-6 rounded-full" }), _jsx("div", { className: "text-as-primary overflow-hidden text-ellipsis whitespace-nowrap text-xl font-semibold", children: nft.name })] })) : tournament ? (_jsxs(_Fragment, { children: [_jsx("img", { src: tournament.imageUrl, alt: tournament.name, className: "h-6 w-6 rounded-full" }), _jsx("div", { className: "text-as-primary overflow-hidden text-ellipsis whitespace-nowrap text-xl font-semibold", children: tournament.name })] })) : (_jsxs(_Fragment, { children: [_jsx("img", { src: dstToken.metadata.logoURI, alt: dstToken.symbol, className: "h-6 w-6 rounded-full" }), _jsxs("div", { className: "text-as-primary overflow-hidden text-ellipsis whitespace-nowrap text-xl font-semibold", children: [formatTokenAmount(actualDstAmount ? BigInt(actualDstAmount) : expectedDstAmount ? BigInt(expectedDstAmount) : 0n, dstToken.decimals), " ", dstToken.symbol] })] })) }), _jsxs("div", { className: "label-style text-as-primary/50 flex items-center gap-2 text-sm", children: ["to", _jsx("img", { src: ALL_CHAINS[order.dstChain]?.logoUrl, alt: getChainName(order.dstChain), className: cn("h-4", order.dstChain !== b3.id && "w-4 rounded-full", order.dstChain === b3.id && "h-3") }), getChainName(order.dstChain)] })] })] })), _jsx("div", { className: "flex items-center justify-end", children: _jsxs(Button, { variant: "link", size: "sm", className: "h-auto", onClick: () => onSelectOrder?.(order.id), children: [orderDisplayStatus === "processing" ? "Proceed with payment" : "Details", " ", _jsx(ArrowRight, { className: "ml-2 h-3 w-3" })] }) })] }, `anyspend-${order.id}`));
+    return (_jsxs("div", { className: cn("bg-as-light-brand/20 rounded-lg border p-4", onSelectOrder && "hover:bg-as-light-brand/30 hover:border-as-brand cursor-pointer transition-colors"), onClick: () => onSelectOrder?.(order.id), children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx(Badge, { className: cn("px-3 py-1 text-xs", orderDisplayStatus === "processing" && "bg-yellow-500/10 text-yellow-500", orderDisplayStatus === "success" && "bg-green-500/10 text-green-500", orderDisplayStatus === "failure" && "bg-red-500/10 text-red-500"), children: orderStatusText }), _jsx("div", { className: "flex items-center gap-2", children: _jsx("span", { className: "text-nano label-style text-as-primary/30", children: _jsx(TimeAgo, { date: new Date(order.createdAt) }) }) })] }), order.oneClickBuyUrl ? (_jsx("div", { className: "mb-3 mt-4 flex items-center gap-1", children: _jsxs("div", { className: "bg-b3-react-background flex flex-1 flex-col gap-1 rounded-lg border p-4 px-5", children: [_jsxs("h3", { className: "text-as-primary/50 flex items-center gap-2 text-xl font-semibold", children: [_jsxs("span", { children: ["Buy ", _jsxs("span", { className: "text-as-primary", children: ["$", formatTokenAmount(BigInt(order.srcAmount), order.metadata.srcToken.decimals)] }), ` of`] }), _jsxs("span", { className: "text-as-primary flex items-center gap-2", children: [nft ? (_jsx("img", { src: nft.imageUrl, alt: nft.name, className: "h-6 w-6" })) : tournament ? (_jsx("img", { src: tournament.imageUrl, alt: tournament.name, className: "h-6 w-6" })) : (_jsx("img", { src: dstToken.metadata.logoURI, alt: dstToken.symbol, className: "h-6 w-6" })), nft ? nft.name : tournament ? tournament.name : dstToken.symbol] }), _jsxs("span", { className: "flex items-center gap-2", children: [` on `, _jsxs("span", { className: "text-as-primary flex items-center gap-2", children: [_jsx("img", { src: ALL_CHAINS[order.dstChain]?.logoUrl, alt: getChainName(order.dstChain), className: "h-4" }), order.dstChain !== b3.id && getChainName(order.dstChain)] })] })] }), _jsxs("p", { className: "label-style text-as-primary/30 mt-1 flex items-center gap-2 text-xs", children: ["Paying via", " ", _jsx("img", { src: "https://cdn.b3.fun/coinbase-wordmark-blue.svg", alt: "Coinbase", className: "-mt-1 h-3" })] })] }) })) : (_jsxs("div", { className: cn("mb-3 mt-4 flex items-center gap-1", isSmallView && "flex-col"), children: [_jsxs("div", { className: "bg-b3-react-background flex w-full flex-1 flex-col gap-1 overflow-hidden rounded-lg border p-4 px-5", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("img", { src: order.metadata.srcToken.metadata.logoURI, alt: order.metadata.srcToken.symbol, className: "h-6 w-6 rounded-full" }), _jsxs("div", { className: "text-as-primary flex items-center gap-2 overflow-hidden text-ellipsis whitespace-nowrap text-xl font-semibold", children: [formatTokenAmount(BigInt(order.srcAmount), order.metadata.srcToken.decimals), " ", order.metadata.srcToken.symbol] })] }), _jsxs("div", { className: "label-style text-as-primary/50 flex items-center gap-2 text-sm", children: ["from", _jsx("img", { src: ALL_CHAINS[order.srcChain]?.logoUrl, alt: getChainName(order.srcChain), className: cn("h-4", order.srcChain !== b3.id && "w-4 rounded-full", order.srcChain === b3.id && "h-3") }), getChainName(order.srcChain)] })] }), _jsx("div", { className: cn("h-8 w-8 shrink-0 -rotate-90 opacity-30", isSmallView && "rotate-0"), children: _jsx(ChevronDown, { className: "h-8 w-8" }) }), _jsxs("div", { className: "bg-b3-react-background flex w-full flex-1 flex-col gap-1 overflow-hidden rounded-lg border p-4 px-5", children: [_jsx("div", { className: "flex items-center gap-2", children: nft ? (_jsxs(_Fragment, { children: [_jsx("img", { src: nft.imageUrl, alt: nft.name, className: "h-6 w-6 rounded-full" }), _jsx("div", { className: "text-as-primary overflow-hidden text-ellipsis whitespace-nowrap text-xl font-semibold", children: nft.name })] })) : tournament ? (_jsxs(_Fragment, { children: [_jsx("img", { src: tournament.imageUrl, alt: tournament.name, className: "h-6 w-6 rounded-full" }), _jsx("div", { className: "text-as-primary overflow-hidden text-ellipsis whitespace-nowrap text-xl font-semibold", children: tournament.name })] })) : (_jsxs(_Fragment, { children: [_jsx("img", { src: dstToken.metadata.logoURI, alt: dstToken.symbol, className: "h-6 w-6 rounded-full" }), _jsxs("div", { className: "text-as-primary overflow-hidden text-ellipsis whitespace-nowrap text-xl font-semibold", children: [formatTokenAmount(actualDstAmount
+                                                    ? BigInt(actualDstAmount)
+                                                    : expectedDstAmount
+                                                        ? BigInt(expectedDstAmount)
+                                                        : BigInt(0), dstToken.decimals), " ", dstToken.symbol] })] })) }), _jsxs("div", { className: "label-style text-as-primary/50 flex items-center gap-2 text-sm", children: ["to", _jsx("img", { src: ALL_CHAINS[order.dstChain]?.logoUrl, alt: getChainName(order.dstChain), className: cn("h-4", order.dstChain !== b3.id && "w-4 rounded-full", order.dstChain === b3.id && "h-3") }), getChainName(order.dstChain)] })] })] })), _jsx("div", { className: "flex items-center justify-end", children: _jsxs(Button, { variant: "link", size: "sm", className: "h-auto", onClick: () => onSelectOrder?.(order.id), children: [orderDisplayStatus === "processing" ? "Proceed with payment" : "Details", " ", _jsx(ArrowRight, { className: "ml-2 h-3 w-3" })] }) })] }, `anyspend-${order.id}`));
 }

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

@@ -11,7 +11,7 @@ export function TokenBalance({ token, walletAddress, onChangeInput }) {
             return;
         // Calculate the amount based on percentage of balance
         // Multiply first, then divide to avoid BigInt truncation
-        const amount = percentage === 100 ? rawBalance : (rawBalance * BigInt(percentage)) / 100n;
+        const amount = percentage === 100 ? rawBalance : (rawBalance * BigInt(percentage)) / BigInt(100);
         onChangeInput(formatUnits(amount, token.decimals));
     };
     return (_jsx("div", { className: "flex h-7 items-center justify-end gap-1", children: !isLoading && (_jsxs(_Fragment, { children: [_jsx("div", { className: "text-as-primary/50 inline-flex rounded-lg text-sm", children: rawBalance ? `Balance: ${formattedBalance}` : `Balance: 0` }), !!rawBalance && (_jsxs(_Fragment, { children: [_jsx("button", { onClick: () => handlePercentageClick(20), className: "text-as-primary/50 bg-as-on-surface-2 hover:bg-as-on-surface-3 inline-flex rounded-lg px-2 py-1 text-xs transition-colors sm:hidden", children: "20%" }), _jsx("button", { onClick: () => handlePercentageClick(50), className: "text-as-primary/50 bg-as-on-surface-2 hover:bg-as-on-surface-3 inline-flex rounded-lg px-2 py-1 text-xs transition-colors", children: "50%" }), _jsx("button", { onClick: () => handlePercentageClick(100), className: "text-as-primary/50 bg-as-on-surface-2 hover:bg-as-on-surface-3 inline-flex rounded-lg px-2 py-1 text-xs transition-colors", children: "MAX" })] }))] })) }, `balance-${token.address}-${token.chainId}`));

package/dist/esm/anyspend/utils/chain.js

@@ -244,6 +244,9 @@ export function getPaymentUrl(address, amount, currency) {
     return `ethereum:${address}`;
 }
 export function getExplorerTxUrl(chainId, txHash) {
+    if (chainId === b3.id) {
+        return "https://explorer.b3.fun/b3/tx/" + txHash;
+    }
     if (EVM_CHAINS[chainId]) {
         return EVM_CHAINS[chainId].viem.blockExplorers?.default.url + "/tx/" + txHash;
     }

package/dist/esm/global-account/react/components/B3DynamicModal.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { AnySpend, AnySpendBuySpin, AnySpendNFT, AnySpendStakeB3, AnySpendTournament, OrderHistory } from "../../../anyspend/react";
 import { useIsMobile, useModalStore } from "../../../global-account/react";
 import { debugB3React } from "../../../shared/utils/debug";
-import { useB3 } from "./B3Provider";
+import { useB3 } from "./B3Provider/useB3";
 import { ManageAccount } from "./ManageAccount/ManageAccount";
 import { RequestPermissions } from "./RequestPermissions/RequestPermissions";
 import { SignInWithB3Flow } from "./SignInWithB3/SignInWithB3Flow";

package/dist/esm/global-account/react/components/{B3Provider.d.ts → B3Provider/B3Provider.d.ts}

@@ -1,34 +1,8 @@
-import { User } from "../../../global-account/types/b3-api.types";
-import { PermissionsConfig } from "../../../global-account/types/permissions";
-import { Account, Wallet } from "thirdweb/wallets";
+import { PermissionsConfig } from "../../../../global-account/types/permissions";
+import { Account } from "thirdweb/wallets";
 import "@reservoir0x/relay-kit-ui/styles.css";
+import { B3ContextType } from "./types";
 export declare const wagmiConfig: import("wagmi").Config<readonly [import("viem").Chain, ...import("viem").Chain[]], any, readonly import("wagmi").CreateConnectorFn[]>;
-/**
- * Context type for B3Provider
- */
-export interface B3ContextType {
-    account?: Account;
-    automaticallySetFirstEoa: boolean;
-    user?: User;
-    setAccount: (account: Account) => void;
-    setWallet: (wallet: Wallet) => void;
-    wallet?: Wallet;
-    setUser: (user?: User) => void;
-    initialized: boolean;
-    ready: boolean;
-    environment?: "development" | "production";
-    defaultPermissions?: PermissionsConfig;
-    theme: "light" | "dark";
-}
-/**
- * Context for B3 provider
- */
-export declare const B3Context: import("react").Context<B3ContextType>;
-/**
- * Hook to access the B3 context
- * @throws Error if used outside a B3Provider
- */
-export declare function useB3(): B3ContextType;
 /**
  * Main B3Provider component
  */

package/dist/esm/global-account/react/components/{B3Provider.js → B3Provider/B3Provider.js}

@@ -1,13 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { supportedChains } from "../../../shared/constants/chains/supported";
+import { supportedChains } from "../../../../shared/constants/chains/supported";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
-import { createContext, useContext, useEffect, useMemo, useState } from "react";
+import { useEffect, useState } from "react";
 import { Toaster } from "sonner";
 import { ThirdwebProvider, useActiveAccount, useConnectedWallets, useSetActiveWallet } from "thirdweb/react";
 import { createConfig, http, WagmiProvider } from "wagmi";
-import { RelayKitProviderWrapper } from "./RelayKitProviderWrapper";
-import { StyleRoot } from "./StyleRoot";
+import { RelayKitProviderWrapper } from "../RelayKitProviderWrapper";
+import { StyleRoot } from "../StyleRoot";
 import "@reservoir0x/relay-kit-ui/styles.css";
+import { B3Context } from "./types";
 /**
  * Default permissions configuration for B3 provider
  */
@@ -21,34 +22,6 @@ export const wagmiConfig = createConfig({
     chains: [supportedChains[0], ...supportedChains.slice(1)],
     transports: Object.fromEntries(supportedChains.map(chain => [chain.id, http()]))
 });
-/**
- * Context for B3 provider
- */
-export const B3Context = createContext({
-    account: undefined,
-    automaticallySetFirstEoa: false,
-    user: undefined,
-    setAccount: () => { },
-    setWallet: () => { },
-    wallet: undefined,
-    setUser: () => { },
-    initialized: false,
-    ready: false,
-    environment: "development",
-    theme: "light"
-});
-/**
- * Hook to access the B3 context
- * @throws Error if used outside a B3Provider
- */
-export function useB3() {
-    const context = useContext(B3Context);
-    if (!context.initialized) {
-        throw new Error("useB3 must be used within a B3Provider");
-    }
-    // Return a stable reference
-    return useMemo(() => context, [context]);
-}
 // Create queryClient instance
 const queryClient = new QueryClient();
 /**

package/dist/esm/global-account/react/components/{B3Provider.native.d.ts → B3Provider/B3Provider.native.d.ts}

@@ -1,29 +1,6 @@
-import { PermissionsConfig } from "../../../global-account/types/permissions";
+import { PermissionsConfig } from "../../../../global-account/types/permissions";
 import { Account } from "thirdweb/wallets";
-import { User } from "../../../global-account/types/b3-api.types";
-/**
- * Context type for B3Provider
- */
-export interface B3ContextType {
-    account?: Account;
-    user?: User;
-    setAccount: (account: Account) => void;
-    setUser: (user?: User) => void;
-    initialized: boolean;
-    ready: boolean;
-    environment?: "development" | "production";
-    defaultPermissions?: PermissionsConfig;
-    theme: "light" | "dark";
-}
-/**
- * Context for B3 provider
- */
-export declare const B3Context: import("react").Context<B3ContextType>;
-/**
- * Hook to access the B3 context
- * @throws Error if used outside a B3Provider
- */
-export declare function useB3(): B3ContextType;
+import { B3ContextType } from "./types";
 /**
  * Main B3Provider component
  */