@b3dotfun/sdk 0.0.7-alpha.28 → 0.0.7-alpha.3

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

@@ -1,7 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { B3_TOKEN, OrderType } from "../../../anyspend/index.js";
-import { Button, GlareCardRounded, Input, StyleRoot, TextLoop, useChainSwitchWithAction, useHasMounted, useModalStore, useTokenBalance, } from "../../../global-account/react/index.js";
 import { baseMainnet } from "../../../shared/constants/chains/supported.js";
+import { EthIcon } from "./icons/EthIcon.js";
+import { SolIcon } from "./icons/SolIcon.js";
+import { UsdcIcon } from "./icons/USDCIcon.js";
+import { StyleRoot } from "../../../global-account/react/index.js";
+import { Button, GlareCardRounded, Input, TextLoop, useChainSwitchWithAction, useHasMounted, useTokenBalance, useModalStore } from "../../../global-account/react/index.js";
 import { motion } from "framer-motion";
 import invariant from "invariant";
 import { ArrowRight, Loader2 } from "lucide-react";
@@ -10,9 +14,6 @@ import { toast } from "sonner";
 import { createPublicClient, encodeFunctionData, erc20Abi, formatUnits, http } from "viem";
 import { useAccount, useWaitForTransactionReceipt, useWriteContract } from "wagmi";
 import { AnySpendCustom } from "./AnySpendCustom.js";
-import { EthIcon } from "./icons/EthIcon.js";
-import { SolIcon } from "./icons/SolIcon.js";
-import { UsdcIcon } from "./icons/USDCIcon.js";
 const SPIN_WHEEL_ABI = [
     {
         inputs: [],
@@ -21,27 +22,27 @@ const SPIN_WHEEL_ABI = [
             { internalType: "address", name: "paymentToken", type: "address" },
             { internalType: "uint256", name: "pricePerEntry", type: "uint256" },
             { internalType: "uint256", name: "maxEntriesPerUser", type: "uint256" },
-            { internalType: "address", name: "paymentRecipient", type: "address" },
+            { internalType: "address", name: "paymentRecipient", type: "address" }
         ],
         stateMutability: "view",
-        type: "function",
+        type: "function"
     },
     {
         inputs: [],
         name: "entryModule",
         outputs: [{ internalType: "contract IEntryModuleV2", name: "", type: "address" }],
         stateMutability: "view",
-        type: "function",
+        type: "function"
     },
     {
         inputs: [
             { internalType: "address", name: "user", type: "address" },
-            { internalType: "uint256", name: "quantity", type: "uint256" },
+            { internalType: "uint256", name: "quantity", type: "uint256" }
         ],
         name: "buyEntriesAndSpin",
         outputs: [],
         stateMutability: "payable",
-        type: "function",
+        type: "function"
     },
     {
         inputs: [],
@@ -52,11 +53,11 @@ const SPIN_WHEEL_ABI = [
             { 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" },
+            { internalType: "enum SpinWheelV2.WheelState", name: "state_", type: "uint8" }
         ],
         stateMutability: "view",
-        type: "function",
-    },
+        type: "function"
+    }
 ];
 function getWheelStatus(wheelInfo) {
     const now = BigInt(Math.floor(Date.now() / 1000));
@@ -79,15 +80,15 @@ function generateEncodedDataForBuyEntriesAndSpin(user, quantity) {
     const encodedData = encodeFunctionData({
         abi: SPIN_WHEEL_ABI,
         functionName: "buyEntriesAndSpin",
-        args: [user, BigInt(quantity)],
+        args: [user, BigInt(quantity)]
     });
     return encodedData;
 }
 const basePublicClient = createPublicClient({
     chain: baseMainnet,
-    transport: http(),
+    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, prefillQuantity, onSuccess }) {
     const hasMounted = useHasMounted();
     const { setB3ModalOpen } = useModalStore();
     // Payment config state
@@ -96,8 +97,8 @@ export function AnySpendBuySpin({ isMainnet = true, loadOrder, mode = "modal", s
     const [configError, setConfigError] = useState("");
     const [wheelInfo, setWheelInfo] = useState(null);
     // Fetch B3 token balance
-    const { formattedBalance: b3Balance, isLoading: isBalanceLoading, rawBalance: b3RawBalance, } = useTokenBalance({
-        token: B3_TOKEN,
+    const { formattedBalance: b3Balance, isLoading: isBalanceLoading, rawBalance: b3RawBalance } = useTokenBalance({
+        token: B3_TOKEN
     });
     // Wagmi hooks
     const { address } = useAccount();
@@ -106,11 +107,11 @@ 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 { isLoading: isTxPending, isSuccess: isTxSuccess, isError: isTxError, error: txError } = useWaitForTransactionReceipt({
         hash: buyingTxHash,
         query: {
-            structuralSharing: false,
-        },
+            structuralSharing: false
+        }
     });
     // Handle transaction status
     useEffect(() => {
@@ -158,24 +159,24 @@ export function AnySpendBuySpin({ isMainnet = true, loadOrder, mode = "modal", s
                 basePublicClient.readContract({
                     address: spinwheelContractAddress,
                     abi: SPIN_WHEEL_ABI,
-                    functionName: "getPaymentConfig",
+                    functionName: "getPaymentConfig"
                 }),
                 basePublicClient.readContract({
                     address: spinwheelContractAddress,
                     abi: SPIN_WHEEL_ABI,
-                    functionName: "entryModule",
+                    functionName: "entryModule"
                 }),
                 basePublicClient.readContract({
                     address: spinwheelContractAddress,
                     abi: SPIN_WHEEL_ABI,
-                    functionName: "getWheelInfo",
-                }),
+                    functionName: "getWheelInfo"
+                })
             ]);
             const paymentConfig = {
                 pricePerEntry: config[1],
                 maxEntriesPerUser: config[2],
                 paymentRecipient: config[3],
-                entryModule: entryModuleAddress,
+                entryModule: entryModuleAddress
             };
             const wheelInfoData = {
                 creator_: wheelInfo[0],
@@ -183,7 +184,7 @@ export function AnySpendBuySpin({ isMainnet = true, loadOrder, mode = "modal", s
                 endTime_: wheelInfo[2],
                 totalPrizesAvailable_: wheelInfo[3],
                 prizesRequestedCount_: wheelInfo[4],
-                state_: wheelInfo[5],
+                state_: wheelInfo[5]
             };
             setPaymentConfig(paymentConfig);
             setWheelInfo(wheelInfoData);
@@ -231,9 +232,7 @@ export function AnySpendBuySpin({ isMainnet = true, loadOrder, mode = "modal", s
                 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`);
@@ -267,7 +266,7 @@ export function AnySpendBuySpin({ isMainnet = true, loadOrder, mode = "modal", s
                     address: B3_TOKEN.address,
                     abi: erc20Abi,
                     functionName: "allowance",
-                    args: [address, paymentConfig.entryModule],
+                    args: [address, paymentConfig.entryModule]
                 });
                 // If allowance is insufficient, request approval
                 if (allowance < totalCost) {
@@ -276,7 +275,7 @@ export function AnySpendBuySpin({ isMainnet = true, loadOrder, mode = "modal", s
                         address: B3_TOKEN.address,
                         abi: erc20Abi,
                         functionName: "approve",
-                        args: [paymentConfig.entryModule, totalCost],
+                        args: [paymentConfig.entryModule, totalCost]
                     });
                     toast.info("Approval confirmed. Proceeding with spin purchase...");
                 }
@@ -286,7 +285,7 @@ export function AnySpendBuySpin({ isMainnet = true, loadOrder, mode = "modal", s
                     address: spinwheelContractAddress,
                     abi: SPIN_WHEEL_ABI,
                     functionName: "buyEntriesAndSpin",
-                    args: [address, BigInt(userSpinQuantity)],
+                    args: [address, BigInt(userSpinQuantity)]
                 });
                 setBuyingTxHash(buyHash);
                 toast.success("Spin purchase transaction submitted!");
@@ -333,7 +332,7 @@ 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_ : BigInt(0);
+        const remainingEntries = wheelInfo ? wheelInfo.totalPrizesAvailable_ - wheelInfo.prizesRequestedCount_ : 0n;
         const wheelStatus = wheelInfo ? getWheelStatus(wheelInfo) : null;
         const isSoldOut = wheelStatus === "sold_out";
         const isActive = wheelStatus === "active";
@@ -347,17 +346,17 @@ export function AnySpendBuySpin({ isMainnet = true, loadOrder, mode = "modal", s
                 case "not_started":
                     return {
                         title: "Spin Wheel Not Started",
-                        message: `Starts at ${formatDate(wheelInfo.startTime_)}`,
+                        message: `Starts at ${formatDate(wheelInfo.startTime_)}`
                     };
                 case "ended":
                     return {
                         title: "Spin Wheel Ended",
-                        message: `Ended at ${formatDate(wheelInfo.endTime_)}`,
+                        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!",
+                        message: "Stay tuned for the next spin wheel event!"
                     };
                 default:
                     return null;
@@ -367,18 +366,18 @@ export function AnySpendBuySpin({ isMainnet = true, loadOrder, mode = "modal", s
         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)",
+                                    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: {
                                     opacity: hasMounted ? 1 : 0,
                                     y: hasMounted ? 0 : 20,
-                                    filter: hasMounted ? "blur(0px)" : "blur(10px)",
+                                    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: {
                             opacity: hasMounted ? 1 : 0,
                             y: hasMounted ? 0 : 20,
-                            filter: hasMounted ? "blur(0px)" : "blur(10px)",
+                            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) {
@@ -389,7 +388,6 @@ export function AnySpendBuySpin({ isMainnet = true, loadOrder, mode = "modal", s
     // AnySpend flow for when user needs to swap to B3
     const encodedData = generateEncodedDataForBuyEntriesAndSpin(address || "", userSpinQuantity);
     return (_jsx(AnySpendCustom, { isMainnet: isMainnet, loadOrder: loadOrder, mode: mode, recipientAddress: recipientAddress, orderType: OrderType.Custom, dstChainId: chainId, dstToken: B3_TOKEN, dstAmount: totalCost.toString(), contractAddress: spinwheelContractAddress, spenderAddress: paymentConfig.entryModule, encodedData: encodedData, metadata: {
-            type: OrderType.Custom,
-            action: `buy ${userSpinQuantity} spin${userSpinQuantity !== "1" ? "s" : ""}`,
+            action: `buy ${userSpinQuantity} spin${userSpinQuantity !== "1" ? "s" : ""}`
         }, header: header, onSuccess: txHash => onSuccess?.(txHash), showRecipient: false }));
 }

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

@@ -1,6 +1,6 @@
-import { AnySpendMetadata, GetQuoteResponse, OrderType, Token } from "../../../anyspend";
+import { GetQuoteResponse, OrderType, Token } from "../../../anyspend";
 import React from "react";
-export declare function AnySpendCustom({ isMainnet, loadOrder, mode, recipientAddress: recipientAddressProps, spenderAddress, orderType, dstChainId, dstToken, dstAmount, contractAddress, encodedData, metadata, header, onSuccess, showRecipient, }: {
+export declare function AnySpendCustom({ isMainnet, loadOrder, mode, recipientAddress: recipientAddressProps, spenderAddress, orderType, dstChainId, dstToken, dstAmount, contractAddress, encodedData, metadata, header, onSuccess, showRecipient }: {
     isMainnet?: boolean;
     loadOrder?: string;
     mode?: "modal" | "page";
@@ -12,8 +12,8 @@ export declare function AnySpendCustom({ isMainnet, loadOrder, mode, recipientAd
     dstAmount: string;
     contractAddress: string;
     encodedData: string;
-    metadata: AnySpendMetadata;
-    header: ({ anyspendPrice, isLoadingAnyspendPrice, }: {
+    metadata: any;
+    header: ({ anyspendPrice, isLoadingAnyspendPrice }: {
         anyspendPrice: GetQuoteResponse | undefined;
         isLoadingAnyspendPrice: boolean;
     }) => React.JSX.Element;