@b3dotfun/sdk 0.0.1-alpha.22 → 0.0.1-alpha.3

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

@@ -1,6 +1,5 @@
 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";
@@ -12,6 +11,7 @@ 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,37 +43,8 @@ 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 });
@@ -85,17 +56,16 @@ function generateEncodedDataForBuyEntriesAndSpin(user, quantity) {
     return encodedData;
 }
 const basePublicClient = createPublicClient({
-    chain: baseMainnet,
+    chain: base,
     transport: http()
 });
-export function AnySpendBuySpin({ isMainnet = true, loadOrder, mode = "modal", spinwheelContractAddress, chainId, recipientAddress, prefillQuantity, onSuccess }) {
+export function AnySpendBuySpin({ isMainnet = true, loadOrder, mode = "modal", spinwheelContractAddress, chainId, recipientAddress, 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
@@ -107,29 +77,22 @@ 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 { isLoading: isTxPending, isSuccess: isTxSuccess, isError: isTxError, error: txError } = useWaitForTransactionReceipt({
+    const [showSuccessModal, setShowSuccessModal] = useState(false);
+    // Wait for transaction confirmation
+    const { isLoading: isTxPending, isSuccess: isTxSuccess } = useWaitForTransactionReceipt({
         hash: buyingTxHash,
         query: {
             structuralSharing: false
         }
     });
-    // Handle transaction status
+    // Show success modal when transaction is confirmed
     useEffect(() => {
-        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);
+        if (isTxSuccess && buyingTxHash) {
+            setShowAmountPrompt(false);
+            setShowSuccessModal(true);
             setIsBuying(false);
         }
-    }, [isTxSuccess, isTxError, buyingTxHash, onSuccess, setB3ModalOpen, txError]);
+    }, [isTxSuccess, buyingTxHash]);
     // Spin quantity state
     const [userSpinQuantity, setUserSpinQuantity] = useState("");
     const [showAmountPrompt, setShowAmountPrompt] = useState(true);
@@ -137,17 +100,9 @@ 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 and wheel info
+    // Fetch payment configuration
     const fetchPaymentConfig = useCallback(async () => {
         if (!basePublicClient || !spinwheelContractAddress)
             return;
@@ -155,7 +110,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, wheelInfo] = await Promise.all([
+            const [config, entryModuleAddress] = await Promise.all([
                 basePublicClient.readContract({
                     address: spinwheelContractAddress,
                     abi: SPIN_WHEEL_ABI,
@@ -165,11 +120,6 @@ 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 = {
@@ -178,16 +128,13 @@ export function AnySpendBuySpin({ isMainnet = true, loadOrder, mode = "modal", s
                 paymentRecipient: config[3],
                 entryModule: entryModuleAddress
             };
-            const wheelInfoData = {
-                creator_: wheelInfo[0],
-                startTime_: wheelInfo[1],
-                endTime_: wheelInfo[2],
-                totalPrizesAvailable_: wheelInfo[3],
-                prizesRequestedCount_: wheelInfo[4],
-                state_: wheelInfo[5]
-            };
+            console.log("@@anyspend-buy-spin:config-fetched:", {
+                pricePerEntry: paymentConfig.pricePerEntry.toString(),
+                maxEntriesPerUser: paymentConfig.maxEntriesPerUser.toString(),
+                paymentRecipient: paymentConfig.paymentRecipient,
+                entryModule: paymentConfig.entryModule
+            });
             setPaymentConfig(paymentConfig);
-            setWheelInfo(wheelInfoData);
         }
         catch (error) {
             console.error("@@anyspend-buy-spin:config-error:", error);
@@ -206,7 +153,6 @@ export function AnySpendBuySpin({ isMainnet = true, loadOrder, mode = "modal", s
     useEffect(() => {
         const timer = setTimeout(() => {
             setDebouncedQuantity(displayQuantity);
-            setDebouncedUserSpinQuantity(userSpinQuantity);
         }, 500);
         return () => clearTimeout(timer);
     }, [displayQuantity, userSpinQuantity]);
@@ -232,19 +178,12 @@ export function AnySpendBuySpin({ isMainnet = true, loadOrder, mode = "modal", s
                 return;
             }
             // Check maximum entries per user (0 means no limit)
-            if (paymentConfig && paymentConfig.maxEntriesPerUser > 0n && BigInt(numValue) > paymentConfig.maxEntriesPerUser) {
+            if (paymentConfig && paymentConfig.maxEntriesPerUser > BigInt(0) && BigInt(numValue) > paymentConfig.maxEntriesPerUser) {
                 setIsQuantityValid(false);
                 setUserSpinQuantity("");
                 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("");
@@ -294,7 +233,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.");
-            setB3ModalOpen(false);
+            setShowSuccessModal(false);
         }
         finally {
             setIsBuying(false);
@@ -332,58 +271,46 @@ 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: `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: {
+                                }, 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: {
                                     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: 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: {
+                                }, 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: {
                             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: 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 })] }) }));
+                        }, 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" })] })] }) }));
     }
     // AnySpend flow for when user needs to swap to B3
     const encodedData = generateEncodedDataForBuyEntriesAndSpin(address || "", userSpinQuantity);

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

@@ -244,9 +244,6 @@ 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/useB3";
+import { useB3 } from "./B3Provider";
 import { ManageAccount } from "./ManageAccount/ManageAccount";
 import { RequestPermissions } from "./RequestPermissions/RequestPermissions";
 import { SignInWithB3Flow } from "./SignInWithB3/SignInWithB3Flow";

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

@@ -1,8 +1,34 @@
-import { PermissionsConfig } from "../../../../global-account/types/permissions";
-import { Account } from "thirdweb/wallets";
+import { User } from "../../../global-account/types/b3-api.types";
+import { PermissionsConfig } from "../../../global-account/types/permissions";
+import { Account, Wallet } 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/B3Provider.js → B3Provider.js}

@@ -1,14 +1,13 @@
 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 { useEffect, useState } from "react";
+import { createContext, useContext, useEffect, useMemo, 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
  */
@@ -22,6 +21,34 @@ 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/B3Provider.native.d.ts → B3Provider.native.d.ts}

@@ -1,6 +1,29 @@
-import { PermissionsConfig } from "../../../../global-account/types/permissions";
+import { PermissionsConfig } from "../../../global-account/types/permissions";
 import { Account } from "thirdweb/wallets";
-import { B3ContextType } from "./types";
+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;
 /**
  * Main B3Provider component
  */

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

@@ -1,8 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
-import { useState } from "react";
+import { createContext, useContext, useMemo, useState } from "react";
 import { ThirdwebProvider, useActiveAccount } from "thirdweb/react";
-import { B3Context } from "./types";
 /**
  * Default permissions configuration for B3 provider
  */
@@ -12,6 +11,31 @@ const DEFAULT_PERMISSIONS = {
     startDate: new Date(),
     endDate: new Date(Date.now() + 1000 * 60 * 60 * 24 * 365) // 1 year from now
 };
+/**
+ * Context for B3 provider
+ */
+export const B3Context = createContext({
+    account: undefined,
+    user: undefined,
+    setAccount: () => { },
+    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();
 /**
@@ -34,9 +58,6 @@ export function InnerProvider({ children, accountOverride, environment, defaultP
     };
     return (_jsx(B3Context.Provider, { value: {
             account: effectiveAccount,
-            automaticallySetFirstEoa: false,
-            setWallet: () => { },
-            wallet: undefined,
             setAccount,
             user,
             setUser,

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useB3 } from "./B3Provider/useB3";
+import { useB3 } from "./B3Provider";
 export function StyleRoot({ children, id }) {
     const { theme: b3Theme } = useB3();
     // eslint-disable-next-line tailwindcss/no-custom-classname

package/dist/esm/global-account/react/components/index.d.ts

@@ -1,17 +1,15 @@
 export { B3DynamicModal } from "./B3DynamicModal";
-export { B3Provider, InnerProvider } from "./B3Provider/B3Provider";
-export { useB3 } from "./B3Provider/useB3";
-export { B3Context, type B3ContextType } from "./B3Provider/types";
+export { B3Context, B3Provider, InnerProvider, useB3, type B3ContextType } from "./B3Provider";
 export { RelayKitProviderWrapper } from "./RelayKitProviderWrapper";
 export { StyleRoot } from "./StyleRoot";
-export { AuthButton } from "./SignInWithB3/components/AuthButton";
-export { PermissionItem } from "./SignInWithB3/components/PermissionItem";
-export { WalletRow } from "./SignInWithB3/components/WalletRow";
 export { SignInWithB3 } from "./SignInWithB3/SignInWithB3";
 export { SignInWithB3Flow } from "./SignInWithB3/SignInWithB3Flow";
 export { SignInWithB3Privy } from "./SignInWithB3/SignInWithB3Privy";
+export { PermissionItem } from "./SignInWithB3/components/PermissionItem";
+export { WalletRow } from "./SignInWithB3/components/WalletRow";
+export { AuthButton } from "./SignInWithB3/components/AuthButton";
 export { LoginStepContainer } from "./SignInWithB3/steps/LoginStep";
-export { getConnectOptionsFromStrategy, isWalletType, type AllowedStrategy } from "./SignInWithB3/utils/signInUtils";
+export { type AllowedStrategy, getConnectOptionsFromStrategy, isWalletType } from "./SignInWithB3/utils/signInUtils";
 export { ManageAccount } from "./ManageAccount/ManageAccount";
 export { RequestPermissions } from "./RequestPermissions/RequestPermissions";
 export { RequestPermissionsButton } from "./RequestPermissions/RequestPermissionsButton";
@@ -36,8 +34,8 @@ export { Popover, PopoverContent, PopoverTrigger } from "./ui/popover";
 export { ScrollArea, ScrollBar } from "./ui/scroll-area";
 export { ShinyButton } from "./ui/ShinyButton";
 export { Skeleton } from "./ui/skeleton";
-export { TabsContent as TabsContentPrimitive, TabsList as TabsListPrimitive, Tabs as TabsPrimitive, TabTrigger as TabTriggerPrimitive } from "./ui/Tabs";
 export { Tabs, TabsContent, TabsList, TabsTransitionWrapper, TabTrigger } from "./ui/TabSystem";
+export { TabsContent as TabsContentPrimitive, TabsList as TabsListPrimitive, Tabs as TabsPrimitive, TabTrigger as TabTriggerPrimitive } from "./ui/Tabs";
 export { TextLoop } from "./ui/text-loop";
 export { TextShimmer } from "./ui/text-shimmer";
 export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./ui/tooltip";

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

@@ -1,17 +1,15 @@
 // Core Components
 export { B3DynamicModal } from "./B3DynamicModal";
-export { B3Provider, InnerProvider } from "./B3Provider/B3Provider";
-export { useB3 } from "./B3Provider/useB3";
-export { B3Context } from "./B3Provider/types";
+export { B3Context, B3Provider, InnerProvider, useB3 } from "./B3Provider";
 export { RelayKitProviderWrapper } from "./RelayKitProviderWrapper";
 export { StyleRoot } from "./StyleRoot";
 // SignInWithB3 Components
-export { AuthButton } from "./SignInWithB3/components/AuthButton";
-export { PermissionItem } from "./SignInWithB3/components/PermissionItem";
-export { WalletRow } from "./SignInWithB3/components/WalletRow";
 export { SignInWithB3 } from "./SignInWithB3/SignInWithB3";
 export { SignInWithB3Flow } from "./SignInWithB3/SignInWithB3Flow";
 export { SignInWithB3Privy } from "./SignInWithB3/SignInWithB3Privy";
+export { PermissionItem } from "./SignInWithB3/components/PermissionItem";
+export { WalletRow } from "./SignInWithB3/components/WalletRow";
+export { AuthButton } from "./SignInWithB3/components/AuthButton";
 export { LoginStepContainer } from "./SignInWithB3/steps/LoginStep";
 export { getConnectOptionsFromStrategy, isWalletType } from "./SignInWithB3/utils/signInUtils";
 // ManageAccount Components
@@ -45,8 +43,8 @@ export { Popover, PopoverContent, PopoverTrigger } from "./ui/popover";
 export { ScrollArea, ScrollBar } from "./ui/scroll-area";
 export { ShinyButton } from "./ui/ShinyButton";
 export { Skeleton } from "./ui/skeleton";
-export { TabsContent as TabsContentPrimitive, TabsList as TabsListPrimitive, Tabs as TabsPrimitive, TabTrigger as TabTriggerPrimitive } from "./ui/Tabs";
 export { Tabs, TabsContent, TabsList, TabsTransitionWrapper, TabTrigger } from "./ui/TabSystem";
+export { TabsContent as TabsContentPrimitive, TabsList as TabsListPrimitive, Tabs as TabsPrimitive, TabTrigger as TabTriggerPrimitive } from "./ui/Tabs";
 export { TextLoop } from "./ui/text-loop";
 export { TextShimmer } from "./ui/text-shimmer";
 export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./ui/tooltip";

package/dist/esm/global-account/react/hooks/index.d.ts

@@ -16,7 +16,7 @@ export { useHasMounted } from "./useHasMounted";
 export { useIsMobile } from "./useIsMobile";
 export { useIsomorphicLayoutEffect } from "./useIsomorphicLayoutEffect";
 export { useMediaQuery } from "./useMediaQuery";
-export { useNativeBalance, useNativeBalanceFromRPC } from "./useNativeBalance";
+export { useNativeBalance } from "./useNativeBalance";
 export { useOnchainName } from "./useOnchainName";
 export { useOneBalance } from "./useOneBalance";
 export { useQueryB3 } from "./useQueryB3";

package/dist/esm/global-account/react/hooks/index.js

@@ -16,7 +16,7 @@ export { useHasMounted } from "./useHasMounted";
 export { useIsMobile } from "./useIsMobile";
 export { useIsomorphicLayoutEffect } from "./useIsomorphicLayoutEffect";
 export { useMediaQuery } from "./useMediaQuery";
-export { useNativeBalance, useNativeBalanceFromRPC } from "./useNativeBalance";
+export { useNativeBalance } from "./useNativeBalance";
 export { useOnchainName } from "./useOnchainName";
 export { useOneBalance } from "./useOneBalance";
 export { useQueryB3 } from "./useQueryB3";

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

@@ -231,8 +231,6 @@ export interface AnySpendBuySpinProps extends BaseModalProps {
     recipientAddress: string;
     /** Callback function called when the spin purchase is successful */
     onSuccess?: (txHash?: string) => void;
-    /** Prefill quantity of spins to purchase */
-    prefillQuantity?: string;
 }
 /**
  * Union type of all possible modal content types