@b3dotfun/sdk 0.0.1-alpha.13 → 0.0.1-alpha.15

package/dist/cjs/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/cjs/anyspend/react/components/AnySpend.js

@@ -9,8 +9,8 @@ exports.AnySpend = AnySpend;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const anyspend_1 = require("../../../anyspend");
 const react_1 = require("../../../global-account/react");
-const formatAddress_1 = require("../../../shared/utils/formatAddress");
 const cn_1 = require("../../../shared/utils/cn");
+const formatAddress_1 = require("../../../shared/utils/formatAddress");
 const number_1 = require("../../../shared/utils/number");
 const framer_motion_1 = require("framer-motion");
 const invariant_1 = __importDefault(require("invariant"));
@@ -36,7 +36,7 @@ var PanelView;
     PanelView[PanelView["FIAT_PAYMENT"] = 4] = "FIAT_PAYMENT";
 })(PanelView || (exports.PanelView = PanelView = {}));
 const ANYSPEND_RECIPIENTS_KEY = "anyspend_recipients";
-function AnySpend({ destinationTokenAddress, destinationTokenChainId, isMainnet = true, mode = "modal", defaultActiveTab = "crypto", loadOrder, hideTransactionHistoryButton }) {
+function AnySpend({ destinationTokenAddress, destinationTokenChainId, isMainnet = true, mode = "modal", defaultActiveTab = "crypto", loadOrder, hideTransactionHistoryButton, recipientAddress: recipientAddressFromProps }) {
     const searchParams = (0, react_1.useSearchParamsSSR)();
     const router = (0, react_1.useRouter)();
     // Determine if we're in "buy mode" based on whether destination token props are provided
@@ -279,8 +279,8 @@ function AnySpend({ destinationTokenAddress, destinationTokenChainId, isMainnet
     const { address: globalAddress, wallet: globalWallet } = (0, react_1.useAccountWallet)();
     // Set default recipient address when wallet changes
     (0, react_2.useEffect)(() => {
-        setRecipientAddress(globalAddress);
-    }, [globalAddress]);
+        setRecipientAddress(recipientAddressFromProps || globalAddress);
+    }, [recipientAddressFromProps, globalAddress]);
     // Get anyspend price
     const activeInputAmountInWei = isSrcInputDirty
         ? (0, viem_1.parseUnits)(srcAmount.replaceAll(",", ""), selectedSrcToken.decimals).toString()

package/dist/cjs/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/cjs/anyspend/react/components/AnySpendBuySpin.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.AnySpendBuySpin = AnySpendBuySpin;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const anyspend_1 = require("../../../anyspend");
+const supported_1 = require("../../../shared/constants/chains/supported");
 const EthIcon_1 = require("./icons/EthIcon");
 const SolIcon_1 = require("./icons/SolIcon");
 const USDCIcon_1 = require("./icons/USDCIcon");
@@ -17,7 +18,6 @@ const lucide_react_1 = require("lucide-react");
 const react_3 = require("react");
 const sonner_1 = require("sonner");
 const viem_1 = require("viem");
-const chains_1 = require("viem/chains");
 const wagmi_1 = require("wagmi");
 const AnySpendCustom_1 = require("./AnySpendCustom");
 const SPIN_WHEEL_ABI = [
@@ -49,8 +49,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) {
     (0, invariant_1.default)(BigInt(quantity) > 0, "Quantity must be greater than zero");
     console.log("@@anyspend-buy-spin:encoded-data:", { user, quantity });
@@ -62,16 +91,17 @@ function generateEncodedDataForBuyEntriesAndSpin(user, quantity) {
     return encodedData;
 }
 const basePublicClient = (0, viem_1.createPublicClient)({
-    chain: chains_1.base,
+    chain: supported_1.baseMainnet,
     transport: (0, viem_1.http)()
 });
-function AnySpendBuySpin({ isMainnet = true, loadOrder, mode = "modal", spinwheelContractAddress, chainId, recipientAddress, onSuccess }) {
+function AnySpendBuySpin({ isMainnet = true, loadOrder, mode = "modal", spinwheelContractAddress, chainId, recipientAddress, prefillQuantity, onSuccess }) {
     const hasMounted = (0, react_2.useHasMounted)();
     const { setB3ModalOpen } = (0, react_2.useModalStore)();
     // Payment config state
     const [paymentConfig, setPaymentConfig] = (0, react_3.useState)(null);
     const [isLoadingConfig, setIsLoadingConfig] = (0, react_3.useState)(true);
     const [configError, setConfigError] = (0, react_3.useState)("");
+    const [wheelInfo, setWheelInfo] = (0, react_3.useState)(null);
     // Fetch B3 token balance
     const { formattedBalance: b3Balance, isLoading: isBalanceLoading, rawBalance: b3RawBalance } = (0, react_2.useTokenBalance)({
         token: anyspend_1.B3_TOKEN
@@ -83,22 +113,29 @@ function AnySpendBuySpin({ isMainnet = true, loadOrder, mode = "modal", spinwhee
     // State for direct buying flow (when user has B3 tokens)
     const [isBuying, setIsBuying] = (0, react_3.useState)(false);
     const [buyingTxHash, setBuyingTxHash] = (0, react_3.useState)("");
-    const [showSuccessModal, setShowSuccessModal] = (0, react_3.useState)(false);
-    // Wait for transaction confirmation
-    const { isLoading: isTxPending, isSuccess: isTxSuccess } = (0, wagmi_1.useWaitForTransactionReceipt)({
+    const { isLoading: isTxPending, isSuccess: isTxSuccess, isError: isTxError, error: txError } = (0, wagmi_1.useWaitForTransactionReceipt)({
         hash: buyingTxHash,
         query: {
             structuralSharing: false
         }
     });
-    // Show success modal when transaction is confirmed
+    // Handle transaction status
     (0, react_3.useEffect)(() => {
-        if (isTxSuccess && buyingTxHash) {
-            setShowAmountPrompt(false);
-            setShowSuccessModal(true);
+        if (!buyingTxHash)
+            return;
+        if (isTxSuccess) {
+            setB3ModalOpen(false);
+            onSuccess?.(buyingTxHash);
+            sonner_1.toast.success("Spin purchase transaction confirmed!");
+            setIsBuying(false);
+        }
+        else if (isTxError) {
+            console.error("@@anyspend-buy-spin:tx-error:", txError);
+            sonner_1.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] = (0, react_3.useState)("");
     const [showAmountPrompt, setShowAmountPrompt] = (0, react_3.useState)(true);
@@ -106,9 +143,17 @@ function AnySpendBuySpin({ isMainnet = true, loadOrder, mode = "modal", spinwhee
     const [validationError, setValidationError] = (0, react_3.useState)("");
     const [displayQuantity, setDisplayQuantity] = (0, react_3.useState)("");
     const [debouncedQuantity, setDebouncedQuantity] = (0, react_3.useState)("");
+    const [debouncedUserSpinQuantity, setDebouncedUserSpinQuantity] = (0, react_3.useState)("");
+    (0, react_3.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 = (0, react_3.useCallback)(async () => {
         if (!basePublicClient || !spinwheelContractAddress)
             return;
@@ -116,7 +161,7 @@ function AnySpendBuySpin({ isMainnet = true, loadOrder, mode = "modal", spinwhee
             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,
@@ -126,6 +171,11 @@ function AnySpendBuySpin({ isMainnet = true, loadOrder, mode = "modal", spinwhee
                     address: spinwheelContractAddress,
                     abi: SPIN_WHEEL_ABI,
                     functionName: "entryModule"
+                }),
+                basePublicClient.readContract({
+                    address: spinwheelContractAddress,
+                    abi: SPIN_WHEEL_ABI,
+                    functionName: "getWheelInfo"
                 })
             ]);
             const paymentConfig = {
@@ -134,13 +184,16 @@ function AnySpendBuySpin({ isMainnet = true, loadOrder, mode = "modal", spinwhee
                 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);
@@ -159,6 +212,7 @@ function AnySpendBuySpin({ isMainnet = true, loadOrder, mode = "modal", spinwhee
     (0, react_3.useEffect)(() => {
         const timer = setTimeout(() => {
             setDebouncedQuantity(displayQuantity);
+            setDebouncedUserSpinQuantity(userSpinQuantity);
         }, 500);
         return () => clearTimeout(timer);
     }, [displayQuantity, userSpinQuantity]);
@@ -184,14 +238,19 @@ function AnySpendBuySpin({ isMainnet = true, loadOrder, mode = "modal", spinwhee
                 return;
             }
             // Check maximum entries per user (0 means no limit)
-            if (paymentConfig &&
-                paymentConfig.maxEntriesPerUser > BigInt(0) &&
-                BigInt(numValue) > paymentConfig.maxEntriesPerUser) {
+            if (paymentConfig && paymentConfig.maxEntriesPerUser > 0n && 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("");
@@ -241,7 +300,7 @@ function AnySpendBuySpin({ isMainnet = true, loadOrder, mode = "modal", spinwhee
         catch (error) {
             console.error("@@anyspend-buy-spin:error:", error);
             sonner_1.toast.error("Spin purchase failed. Please try again.");
-            setShowSuccessModal(false);
+            setB3ModalOpen(false);
         }
         finally {
             setIsBuying(false);
@@ -279,46 +338,58 @@ function AnySpendBuySpin({ isMainnet = true, loadOrder, mode = "modal", spinwhee
     // Render quantity input prompt
     if (showAmountPrompt) {
         const pricePerEntry = (0, viem_1.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 ((0, jsx_runtime_1.jsx)(react_1.StyleRoot, { children: (0, jsx_runtime_1.jsxs)("div", { className: "bg-b3-react-background flex w-full flex-col items-center", children: [(0, jsx_runtime_1.jsxs)("div", { className: "w-full px-4 pb-2 pt-4", children: [(0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, { initial: false, animate: {
                                     opacity: hasMounted ? 1 : 0,
                                     y: hasMounted ? 0 : 20,
                                     filter: hasMounted ? "blur(0px)" : "blur(10px)"
-                                }, transition: { duration: 0.3, delay: 0, ease: "easeInOut" }, className: "mb-4 flex justify-center", children: (0, jsx_runtime_1.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" }) }), (0, jsx_runtime_1.jsxs)(framer_motion_1.motion.div, { initial: false, animate: {
-                                    opacity: hasMounted ? 1 : 0,
-                                    y: hasMounted ? 0 : 20,
-                                    filter: hasMounted ? "blur(0px)" : "blur(10px)"
-                                }, transition: { duration: 0.3, delay: 0.1, ease: "easeInOut" }, className: "text-center", children: [(0, jsx_runtime_1.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`;
-                                        })() }), (0, jsx_runtime_1.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: (0, jsx_runtime_1.jsxs)("p", { className: "text-as-primary/80 text-sm", children: [pricePerEntry, " $B3 per spin"] }) })] })] }), (0, jsx_runtime_1.jsxs)(framer_motion_1.motion.div, { initial: false, animate: {
-                            opacity: hasMounted ? 1 : 0,
-                            y: hasMounted ? 0 : 20,
-                            filter: hasMounted ? "blur(0px)" : "blur(10px)"
-                        }, transition: { duration: 0.3, delay: 0.2, ease: "easeInOut" }, className: "bg-b3-react-background w-full p-6", children: [(0, jsx_runtime_1.jsxs)("div", { className: "space-y-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between", children: [(0, jsx_runtime_1.jsx)("p", { className: "text-as-primary/70 text-sm font-medium", children: "Number of spins" }), (0, jsx_runtime_1.jsxs)("span", { className: "text-as-primary/50 flex items-center gap-1 text-sm", children: ["Available: ", isBalanceLoading ? (0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "h-3 w-3 animate-spin" }) : `${b3Balance} B3`] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "relative", children: [(0, jsx_runtime_1.jsx)(react_2.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"}` }), (0, jsx_runtime_1.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 && (0, jsx_runtime_1.jsx)("p", { className: "text-as-red text-sm", children: validationError }), (0, jsx_runtime_1.jsx)("div", { className: "bg-as-on-surface-2/30 rounded-lg border border-white/10 p-4 backdrop-blur-sm", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-as-primary/70 text-sm font-medium", children: "Total Cost:" }), (0, jsx_runtime_1.jsx)("div", { className: "flex items-center gap-2", children: (0, jsx_runtime_1.jsxs)("span", { className: "text-as-primary text-lg font-bold", children: [displayQuantity && isQuantityValid ? (0, viem_1.formatUnits)(totalCost, 18) : "0", " B3"] }) })] }) })] }), (0, jsx_runtime_1.jsx)("div", { className: "mt-4", children: (() => {
-                                    const hasEnoughBalance = b3RawBalance && totalCost <= b3RawBalance;
-                                    if (!hasEnoughBalance && debouncedQuantity) {
-                                        return ((0, jsx_runtime_1.jsxs)("div", { className: "bg-as-brand/10 flex flex-col items-center gap-2 rounded-lg p-4 pb-5", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-center gap-2", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-as-primary text-sm font-semibold", children: "Swap & buy from any token" }), (0, jsx_runtime_1.jsxs)(react_2.TextLoop, { children: [(0, jsx_runtime_1.jsx)(EthIcon_1.EthIcon, { className: "h-8 w-8" }), (0, jsx_runtime_1.jsx)(SolIcon_1.SolIcon, { className: "h-8 w-8" }), (0, jsx_runtime_1.jsx)(USDCIcon_1.UsdcIcon, { className: "h-8 w-8" })] }), (0, jsx_runtime_1.jsx)(lucide_react_1.ArrowRight, { className: "text-as-primary h-4 w-4" }), (0, jsx_runtime_1.jsx)("img", { src: "https://cdn.b3.fun/b3-coin-3d.png", className: "h-7 w-7", alt: "B3 Token" })] }), (0, jsx_runtime_1.jsx)("p", { className: "text-as-primary/50 text-sm font-medium", children: "No problem, we'll help you swap to B3 for your spins!" })] }));
-                                    }
-                                })() }), (0, jsx_runtime_1.jsx)(react_2.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 ((0, jsx_runtime_1.jsx)(react_1.StyleRoot, { children: (0, jsx_runtime_1.jsxs)("div", { className: "bg-b3-react-background flex w-full flex-col items-center", children: [(0, jsx_runtime_1.jsxs)("div", { className: "w-full p-4", children: [(0, jsx_runtime_1.jsxs)(framer_motion_1.motion.div, { initial: false, animate: {
-                                    opacity: hasMounted ? 1 : 0,
-                                    y: hasMounted ? 0 : 20,
-                                    filter: hasMounted ? "blur(0px)" : "blur(10px)"
-                                }, transition: { duration: 0.3, delay: 0, ease: "easeInOut" }, className: "relative mx-auto mb-4 size-[120px]", children: [(0, jsx_runtime_1.jsx)("div", { className: "absolute inset-0 scale-95 rounded-[50%] bg-gradient-to-br from-green-500/30 to-blue-500/30 blur-xl" }), (0, jsx_runtime_1.jsxs)(react_2.GlareCardRounded, { className: "overflow-hidden rounded-full border-none bg-gradient-to-br from-green-500/10 to-blue-500/10 backdrop-blur-sm", children: [(0, jsx_runtime_1.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" }), (0, jsx_runtime_1.jsx)("div", { className: "absolute inset-0 rounded-[50%] border border-white/20" })] })] }), (0, jsx_runtime_1.jsxs)(framer_motion_1.motion.div, { initial: false, animate: {
+                                }, transition: { duration: 0.3, delay: 0, ease: "easeInOut" }, className: `flex justify-center ${isActive ? "mb-4" : ""}`, children: (0, jsx_runtime_1.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" }) }), (0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, { initial: false, animate: {
                                     opacity: hasMounted ? 1 : 0,
                                     y: hasMounted ? 0 : 20,
                                     filter: hasMounted ? "blur(0px)" : "blur(10px)"
-                                }, transition: { duration: 0.3, delay: 0.1, ease: "easeInOut" }, className: "text-center", children: [(0, jsx_runtime_1.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!" }), (0, jsx_runtime_1.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: (0, jsx_runtime_1.jsxs)("span", { className: "text-as-primary/80 text-sm font-medium", children: [userSpinQuantity, " Spin", userSpinQuantity !== "1" ? "s" : "", " \u2022 ", (0, viem_1.formatUnits)(totalCost, 18), " B3"] }) })] })] }), (0, jsx_runtime_1.jsxs)(framer_motion_1.motion.div, { initial: false, animate: {
+                                }, transition: { duration: 0.3, delay: 0.1, ease: "easeInOut" }, className: "text-center", children: isActive ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.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 && ((0, jsx_runtime_1.jsxs)("div", { className: "inline-flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)("div", { className: "bg-as-brand/10 border-as-brand/10 inline-flex items-center rounded-full border px-3 py-1", children: (0, jsx_runtime_1.jsxs)("p", { className: "text-as-brand text-sm font-medium", children: [pricePerEntry, " $B3 per spin"] }) }), (0, jsx_runtime_1.jsx)("div", { className: "bg-as-brand/10 border-as-brand/10 inline-flex items-center rounded-full border px-3 py-1", children: (0, jsx_runtime_1.jsxs)("p", { className: "text-as-brand text-sm font-medium", children: [remainingEntries.toString(), " remaining"] }) })] }))] })) : (statusInfo && ((0, jsx_runtime_1.jsxs)("div", { className: "text-center", children: [(0, jsx_runtime_1.jsx)("p", { className: "text-as-primary text-lg font-semibold", children: statusInfo.title }), (0, jsx_runtime_1.jsx)("p", { className: "text-as-primary/70 mt-2 text-sm", children: statusInfo.message })] }))) })] }), (0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, { initial: false, animate: {
                             opacity: hasMounted ? 1 : 0,
                             y: hasMounted ? 0 : 20,
                             filter: hasMounted ? "blur(0px)" : "blur(10px)"
-                        }, transition: { duration: 0.3, delay: 0.2, ease: "easeInOut" }, className: "bg-b3-react-background w-full p-6", children: [(0, jsx_runtime_1.jsx)("div", { className: "mb-6", children: (0, jsx_runtime_1.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" }) }), (0, jsx_runtime_1.jsx)(react_2.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 ? ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between", children: [(0, jsx_runtime_1.jsx)("p", { className: "text-as-primary/70 text-sm font-medium", children: "Number of spins" }), (0, jsx_runtime_1.jsxs)("span", { className: "text-as-primary/50 flex items-center gap-1 text-sm", children: ["Available: ", isBalanceLoading ? (0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "h-3 w-3 animate-spin" }) : `${b3Balance} B3`] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "relative", children: [(0, jsx_runtime_1.jsx)(react_2.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"}` }), (0, jsx_runtime_1.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 && (0, jsx_runtime_1.jsx)("p", { className: "text-as-red text-sm", children: validationError }), (0, jsx_runtime_1.jsx)("div", { className: "bg-as-on-surface-2/30 rounded-lg border border-white/10 p-4 backdrop-blur-sm", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-as-primary/70 text-sm font-medium", children: "Total Cost:" }), (0, jsx_runtime_1.jsx)("div", { className: "flex items-center gap-2", children: (0, jsx_runtime_1.jsxs)("span", { className: "text-as-primary text-lg font-bold", children: [displayQuantity && isQuantityValid ? (0, viem_1.formatUnits)(totalCost, 18) : "0", " B3"] }) })] }) }), (0, jsx_runtime_1.jsx)("div", { className: "mt-4", children: (() => {
+                                        const hasEnoughBalance = b3RawBalance && totalCost <= b3RawBalance;
+                                        if (!hasEnoughBalance && debouncedQuantity) {
+                                            return ((0, jsx_runtime_1.jsxs)("div", { className: "bg-as-brand/10 flex flex-col items-center gap-2 rounded-lg p-4 pb-5", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-center gap-2", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-as-primary text-sm font-semibold", children: "Swap & buy from any token" }), (0, jsx_runtime_1.jsxs)(react_2.TextLoop, { children: [(0, jsx_runtime_1.jsx)(EthIcon_1.EthIcon, { className: "h-8 w-8" }), (0, jsx_runtime_1.jsx)(SolIcon_1.SolIcon, { className: "h-8 w-8" }), (0, jsx_runtime_1.jsx)(USDCIcon_1.UsdcIcon, { className: "h-8 w-8" })] }), (0, jsx_runtime_1.jsx)(lucide_react_1.ArrowRight, { className: "text-as-primary h-4 w-4" }), (0, jsx_runtime_1.jsx)("img", { src: "https://cdn.b3.fun/b3-coin-3d.png", className: "h-7 w-7", alt: "B3 Token" })] }), (0, jsx_runtime_1.jsx)("p", { className: "text-as-primary/50 text-sm font-medium", children: "No problem, we'll help you swap to B3 for your spins!" })] }));
+                                        }
+                                    })() }), (0, jsx_runtime_1.jsx)(react_2.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/cjs/global-account/react/stores/useModalStore.d.ts

@@ -231,6 +231,8 @@ 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

package/dist/cjs/global-account/types/chain-networks.d.ts

@@ -1,44 +1,44 @@
 import { Static } from "@feathersjs/typebox";
-export declare const chainNetworksSchema: import("@sinclair/typebox").TObject<{
-    _id: import("@sinclair/typebox").TUnion<[import("@sinclair/typebox").TString<string>, import("@sinclair/typebox").TObject<{}>]>;
-    id: import("@sinclair/typebox").TInteger;
-    name: import("@sinclair/typebox").TString<string>;
-    rpcUrls: import("@sinclair/typebox").TObject<{
-        default: import("@sinclair/typebox").TObject<{
-            http: import("@sinclair/typebox").TString<"uri">;
-            ws: import("@sinclair/typebox").TString<"uri">;
+export declare const chainNetworksSchema: import("@feathersjs/typebox").TObject<{
+    _id: import("@feathersjs/typebox").TUnion<[import("@feathersjs/typebox").TString<string>, import("@feathersjs/typebox").TObject<{}>]>;
+    id: import("@feathersjs/typebox").TInteger;
+    name: import("@feathersjs/typebox").TString<string>;
+    rpcUrls: import("@feathersjs/typebox").TObject<{
+        default: import("@feathersjs/typebox").TObject<{
+            http: import("@feathersjs/typebox").TString<"uri">;
+            ws: import("@feathersjs/typebox").TString<"uri">;
         }>;
-        backups: import("@sinclair/typebox").TArray<import("@sinclair/typebox").TObject<{
-            type: import("@sinclair/typebox").TUnion<[import("@sinclair/typebox").TLiteral<"http">, import("@sinclair/typebox").TLiteral<"ws">]>;
-            uri: import("@sinclair/typebox").TString<string>;
+        backups: import("@feathersjs/typebox").TArray<import("@feathersjs/typebox").TObject<{
+            type: import("@feathersjs/typebox").TUnion<[import("@feathersjs/typebox").TLiteral<"http">, import("@feathersjs/typebox").TLiteral<"ws">]>;
+            uri: import("@feathersjs/typebox").TString<string>;
         }>>;
     }>;
-    icon: import("@sinclair/typebox").TObject<{
-        url: import("@sinclair/typebox").TString<"uri">;
-        width: import("@sinclair/typebox").TInteger;
-        height: import("@sinclair/typebox").TInteger;
-        format: import("@sinclair/typebox").TString<string>;
+    icon: import("@feathersjs/typebox").TObject<{
+        url: import("@feathersjs/typebox").TString<"uri">;
+        width: import("@feathersjs/typebox").TInteger;
+        height: import("@feathersjs/typebox").TInteger;
+        format: import("@feathersjs/typebox").TString<string>;
     }>;
-    blockExplorers: import("@sinclair/typebox").TObject<{
-        explorerTitle: import("@sinclair/typebox").TString<string>;
-        default: import("@sinclair/typebox").TString<"uri">;
+    blockExplorers: import("@feathersjs/typebox").TObject<{
+        explorerTitle: import("@feathersjs/typebox").TString<string>;
+        default: import("@feathersjs/typebox").TString<"uri">;
     }>;
-    nativeCurrency: import("@sinclair/typebox").TObject<{
-        name: import("@sinclair/typebox").TString<string>;
-        symbol: import("@sinclair/typebox").TString<string>;
-        decimals: import("@sinclair/typebox").TInteger;
+    nativeCurrency: import("@feathersjs/typebox").TObject<{
+        name: import("@feathersjs/typebox").TString<string>;
+        symbol: import("@feathersjs/typebox").TString<string>;
+        decimals: import("@feathersjs/typebox").TInteger;
     }>;
-    testnet: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
-    testnetConfigID: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TInteger>;
-    sourceId: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TInteger>;
-    contracts: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TRecord<import("@sinclair/typebox").TString<string>, import("@sinclair/typebox").TObject<{
-        address: import("@sinclair/typebox").TString<string>;
-        blockCreated: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TInteger>;
+    testnet: import("@feathersjs/typebox").TOptional<import("@feathersjs/typebox").TBoolean>;
+    testnetConfigID: import("@feathersjs/typebox").TOptional<import("@feathersjs/typebox").TInteger>;
+    sourceId: import("@feathersjs/typebox").TOptional<import("@feathersjs/typebox").TInteger>;
+    contracts: import("@feathersjs/typebox").TOptional<import("@feathersjs/typebox").TRecord<import("@feathersjs/typebox").TString<string>, import("@feathersjs/typebox").TObject<{
+        address: import("@feathersjs/typebox").TString<string>;
+        blockCreated: import("@feathersjs/typebox").TOptional<import("@feathersjs/typebox").TInteger>;
     }>>>;
-    formatters: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TRecord<import("@sinclair/typebox").TString<string>, import("@sinclair/typebox").TAny>>;
-    fees: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TRecord<import("@sinclair/typebox").TString<string>, import("@sinclair/typebox").TAny>>;
-    badge: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString<"uri">>;
-    color: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString<string>>;
-    enabledFeatures: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TString<string>>>;
+    formatters: import("@feathersjs/typebox").TOptional<import("@feathersjs/typebox").TRecord<import("@feathersjs/typebox").TString<string>, import("@feathersjs/typebox").TAny>>;
+    fees: import("@feathersjs/typebox").TOptional<import("@feathersjs/typebox").TRecord<import("@feathersjs/typebox").TString<string>, import("@feathersjs/typebox").TAny>>;
+    badge: import("@feathersjs/typebox").TOptional<import("@feathersjs/typebox").TString<"uri">>;
+    color: import("@feathersjs/typebox").TOptional<import("@feathersjs/typebox").TString<string>>;
+    enabledFeatures: import("@feathersjs/typebox").TOptional<import("@feathersjs/typebox").TArray<import("@feathersjs/typebox").TString<string>>>;
 }>;
 export type ChainNetworks = Static<typeof chainNetworksSchema>;

package/dist/cjs/global-account/types/feature-flags.d.ts

@@ -1,8 +1,8 @@
 import { Static } from "@feathersjs/typebox";
-export declare const featureFlagsSchema: import("@sinclair/typebox").TObject<{
-    _id: import("@sinclair/typebox").TUnion<[import("@sinclair/typebox").TString<string>, import("@sinclair/typebox").TObject<{}>]>;
-    id: import("@sinclair/typebox").TString<string>;
-    enabled: import("@sinclair/typebox").TBoolean;
-    description: import("@sinclair/typebox").TString<string>;
+export declare const featureFlagsSchema: import("@feathersjs/typebox").TObject<{
+    _id: import("@feathersjs/typebox").TUnion<[import("@feathersjs/typebox").TString<string>, import("@feathersjs/typebox").TObject<{}>]>;
+    id: import("@feathersjs/typebox").TString<string>;
+    enabled: import("@feathersjs/typebox").TBoolean;
+    description: import("@feathersjs/typebox").TString<string>;
 }>;
 export type FeatureFlags = Static<typeof featureFlagsSchema>;

package/dist/cjs/shared/constants/chains/supported.d.ts

@@ -45,6 +45,7 @@ export declare const supportedChainNetworks: {
 }[];
 export declare const b3Mainnet: import("viem").Chain;
 export declare const b3Testnet: import("viem").Chain;
+export declare const baseMainnet: import("viem").Chain | undefined;
 export declare const b3MainnetThirdWeb: Readonly<import("thirdweb/dist/types/chains/types").ChainOptions & {
     rpc: string;
 }>;

package/dist/cjs/shared/constants/chains/supported.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.b3TestnetThirdWeb = exports.b3MainnetThirdWeb = exports.b3Testnet = exports.b3Mainnet = exports.supportedChainNetworks = exports.supportedChainsTW = exports.supportedChains = void 0;
+exports.b3TestnetThirdWeb = exports.b3MainnetThirdWeb = exports.baseMainnet = exports.b3Testnet = exports.b3Mainnet = exports.supportedChainNetworks = exports.supportedChainsTW = exports.supportedChains = void 0;
 const chain_transformers_1 = require("../../../shared/utils/chain-transformers");
 // Import the JSON directly
 // @ts-ignore
@@ -30,6 +30,8 @@ exports.b3Mainnet = exports.supportedChains.find(chain => chain.id === 8333);
 (0, invariant_1.default)(exports.b3Mainnet, "B3 mainnet chain not found in supported chains");
 exports.b3Testnet = exports.supportedChains.find(chain => chain.id === 1993);
 (0, invariant_1.default)(exports.b3Testnet, "B3 testnet chain not found in supported chains");
+exports.baseMainnet = exports.supportedChains.find(chain => chain.id === 8453);
+(0, invariant_1.default)(exports.baseMainnet, "Base mainnet chain not found in supported chains");
 exports.b3MainnetThirdWeb = exports.supportedChainsTW.find(chain => chain.id === 8333);
 (0, invariant_1.default)(exports.b3MainnetThirdWeb, "B3 mainnet chain not found in supported chains TW");
 exports.b3TestnetThirdWeb = exports.supportedChainsTW.find(chain => chain.id === 1993);

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;