@b3dotfun/sdk 0.0.7-alpha.13 → 0.0.7-alpha.14

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

@@ -1,6 +1,6 @@
 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 { Button, GlareCardRounded, Input, StyleRoot, TextLoop, useChainSwitchWithAction, useHasMounted, useModalStore, useTokenBalance, } from "../../../global-account/react/index.js";
 import { baseMainnet } from "../../../shared/constants/chains/supported.js";
 import { motion } from "framer-motion";
 import invariant from "invariant";
@@ -21,27 +21,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 +52,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 +79,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 +96,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 +106,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 +158,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 +183,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);
@@ -265,7 +265,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) {
@@ -274,7 +274,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...");
                 }
@@ -284,7 +284,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!");
@@ -345,17 +345,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;
@@ -365,18 +365,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) {
@@ -388,6 +388,6 @@ export function AnySpendBuySpin({ isMainnet = true, loadOrder, mode = "modal", s
     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 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";
@@ -13,7 +13,7 @@ export declare function AnySpendCustom({ isMainnet, loadOrder, mode, recipientAd
     contractAddress: string;
     encodedData: string;
     metadata: AnySpendMetadata;
-    header: ({ anyspendPrice, isLoadingAnyspendPrice }: {
+    header: ({ anyspendPrice, isLoadingAnyspendPrice, }: {
         anyspendPrice: GetQuoteResponse | undefined;
         isLoadingAnyspendPrice: boolean;
     }) => React.JSX.Element;

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { eqci, getDefaultToken, isCustomTxMetadata, isNftMetadata, isTournamentMetadata, NftType, OrderStatus, OrderType, RELAY_ETH_ADDRESS, USDC_BASE, useAnyspendCreateOnrampOrder, useAnyspendCreateOrder, useAnyspendOrderAndTransactions, useAnyspendQuote, useAnyspendTokenList, useGeoOnrampOptions } from "../../../anyspend/index.js";
-import { Badge, Button, ShinyButton, Skeleton, StyleRoot, Tabs, TabsContent, TabsList, TabTrigger, TextShimmer, TransitionPanel, useAccountWallet, useB3, useBsmntProfile, useHasMounted, useModalStore, useRouter, useSearchParamsSSR, useTokenBalancesByChain } from "../../../global-account/react/index.js";
+import { eqci, getDefaultToken, isCustomTxMetadata, isNftMetadata, isTournamentMetadata, NftType, OrderStatus, OrderType, RELAY_ETH_ADDRESS, USDC_BASE, useAnyspendCreateOnrampOrder, useAnyspendCreateOrder, useAnyspendOrderAndTransactions, useAnyspendQuote, useAnyspendTokenList, useGeoOnrampOptions, } from "../../../anyspend/index.js";
+import { Badge, Button, ShinyButton, Skeleton, StyleRoot, Tabs, TabsContent, TabsList, TabTrigger, TextShimmer, TransitionPanel, useAccountWallet, useB3, useBsmntProfile, useHasMounted, useModalStore, useRouter, useSearchParamsSSR, useTokenBalancesByChain, } from "../../../global-account/react/index.js";
 import { cn } from "../../../shared/utils/index.js";
 import centerTruncate from "../../../shared/utils/centerTruncate.js";
 import { formatTokenAmount } from "../../../shared/utils/number.js";
@@ -23,7 +23,7 @@ var PanelView;
     PanelView[PanelView["ORDER_DETAILS"] = 2] = "ORDER_DETAILS";
     PanelView[PanelView["LOADING"] = 3] = "LOADING";
 })(PanelView || (PanelView = {}));
-function generateGetRelayQuoteRequest({ orderType, srcChainId, srcToken, dstChainId, dstToken, dstAmount, contractAddress, tokenId, contractType, encodedData, spenderAddress }) {
+function generateGetRelayQuoteRequest({ orderType, srcChainId, srcToken, dstChainId, dstToken, dstAmount, contractAddress, tokenId, contractType, encodedData, spenderAddress, }) {
     switch (orderType) {
         case OrderType.MintNFT: {
             return {
@@ -35,7 +35,7 @@ function generateGetRelayQuoteRequest({ orderType, srcChainId, srcToken, dstChai
                 price: dstAmount,
                 contractAddress: contractAddress,
                 tokenId: tokenId,
-                contractType: contractType
+                contractType: contractType,
             };
         }
         case OrderType.JoinTournament: {
@@ -46,7 +46,7 @@ function generateGetRelayQuoteRequest({ orderType, srcChainId, srcToken, dstChai
                 dstChain: dstChainId,
                 dstTokenAddress: dstToken.address,
                 price: dstAmount,
-                contractAddress: contractAddress
+                contractAddress: contractAddress,
             };
         }
         case OrderType.FundTournament: {
@@ -57,7 +57,7 @@ function generateGetRelayQuoteRequest({ orderType, srcChainId, srcToken, dstChai
                 dstChain: dstChainId,
                 dstTokenAddress: dstToken.address,
                 fundAmount: dstAmount,
-                contractAddress: contractAddress
+                contractAddress: contractAddress,
             };
         }
         case OrderType.Custom: {
@@ -71,8 +71,8 @@ function generateGetRelayQuoteRequest({ orderType, srcChainId, srcToken, dstChai
                     amount: dstAmount,
                     data: encodedData,
                     to: contractAddress,
-                    spenderAddress: spenderAddress
-                }
+                    spenderAddress: spenderAddress,
+                },
             };
         }
         default: {
@@ -80,7 +80,7 @@ function generateGetRelayQuoteRequest({ orderType, srcChainId, srcToken, dstChai
         }
     }
 }
-export function AnySpendCustom({ isMainnet = true, loadOrder, mode = "modal", recipientAddress: recipientAddressProps, spenderAddress, orderType, dstChainId, dstToken, dstAmount, contractAddress, encodedData, metadata, header, onSuccess, showRecipient = true }) {
+export function AnySpendCustom({ isMainnet = true, loadOrder, mode = "modal", recipientAddress: recipientAddressProps, spenderAddress, orderType, dstChainId, dstToken, dstAmount, contractAddress, encodedData, metadata, header, onSuccess, showRecipient = true, }) {
     const { setB3ModalOpen, setB3ModalContentType } = useModalStore();
     const hasMounted = useHasMounted();
     const searchParams = useSearchParamsSSR();
@@ -106,7 +106,7 @@ export function AnySpendCustom({ isMainnet = true, loadOrder, mode = "modal", re
     const { nativeTokens, fungibleTokens } = useTokenBalancesByChain({
         address: currentWallet?.wallet?.address || "",
         chainsIds: [srcChainId],
-        enabled: !!currentWallet?.wallet?.address && !!chainName
+        enabled: !!currentWallet?.wallet?.address && !!chainName,
     });
     // Find a token with a balance, prioritizing tokens the user already owns
     const getTokenWithBalance = useCallback(() => {
@@ -162,7 +162,7 @@ export function AnySpendCustom({ isMainnet = true, loadOrder, mode = "modal", re
         tokenId: isNftMetadata(metadata) ? metadata.nftContract.tokenId : undefined,
         contractType: isNftMetadata(metadata) ? metadata.nftContract.type : undefined,
         encodedData: encodedData,
-        spenderAddress: spenderAddress
+        spenderAddress: spenderAddress,
     });
     const { anyspendQuote, isLoadingAnyspendQuote } = useAnyspendQuote(isMainnet, getRelayQuoteRequest);
     // Get geo data and onramp options (after quote is available)
@@ -214,7 +214,7 @@ export function AnySpendCustom({ isMainnet = true, loadOrder, mode = "modal", re
         onError: error => {
             console.error(error);
             toast.error("Failed to create order: " + error.message);
-        }
+        },
     });
     const { createOrder: createOnrampOrder, isCreatingOrder: isCreatingOnrampOrder } = useAnyspendCreateOnrampOrder({
         onSuccess: data => {
@@ -223,7 +223,7 @@ export function AnySpendCustom({ isMainnet = true, loadOrder, mode = "modal", re
         onError: error => {
             console.error(error);
             toast.error("Failed to create order: " + error.message);
-        }
+        },
     });
     const isCreatingOrder = isCreatingRegularOrder || isCreatingOnrampOrder;
     const handleCreateOrder = async (recipientAddress, onramp) => {
@@ -249,7 +249,7 @@ export function AnySpendCustom({ isMainnet = true, loadOrder, mode = "modal", re
                             name: metadata.nftContract.name,
                             description: metadata.nftContract.description,
                             imageUrl: metadata.nftContract.imageUrl,
-                            price: dstAmount
+                            price: dstAmount,
                         }
                         : {
                             type: NftType.ERC721,
@@ -258,14 +258,14 @@ export function AnySpendCustom({ isMainnet = true, loadOrder, mode = "modal", re
                             price: dstAmount,
                             name: metadata.nftContract.name,
                             description: metadata.nftContract.description,
-                            imageUrl: metadata.nftContract.imageUrl
+                            imageUrl: metadata.nftContract.imageUrl,
                         }
                     : undefined,
                 tournament: isTournamentMetadata(metadata)
                     ? {
                         ...metadata.tournament,
                         contractAddress: contractAddress,
-                        entryPriceOrFundAmount: dstAmount
+                        entryPriceOrFundAmount: dstAmount,
                     }
                     : undefined,
                 // only populate payload for custom tx
@@ -275,9 +275,9 @@ export function AnySpendCustom({ isMainnet = true, loadOrder, mode = "modal", re
                         data: encodedData,
                         spenderAddress: spenderAddress,
                         to: contractAddress,
-                        action: metadata.action
+                        action: metadata.action,
                     }
-                    : undefined
+                    : undefined,
             };
             if (onramp) {
                 invariant(srcToken.address === USDC_BASE.address, "Selected src token is not USDC");
@@ -292,9 +292,9 @@ export function AnySpendCustom({ isMainnet = true, loadOrder, mode = "modal", re
                         ipAddress: geoData?.ip,
                         redirectUrl: window.location.origin === "https://basement.fun"
                             ? "https://basement.fun/deposit"
-                            : window.location.origin
+                            : window.location.origin,
                     },
-                    expectedDstAmount: anyspendQuote?.data?.currencyOut?.amount?.toString() || "0"
+                    expectedDstAmount: anyspendQuote?.data?.currencyOut?.amount?.toString() || "0",
                 });
             }
             else {
@@ -315,11 +315,11 @@ export function AnySpendCustom({ isMainnet = true, loadOrder, mode = "modal", re
                     ...b3,
                     rpc: "https://mainnet-rpc.b3.fun",
                     blockExplorers: [{ name: "B3 Explorer", url: "https://explorer.b3.fun/" }],
-                    testnet: undefined
+                    testnet: undefined,
                 },
                 partnerId: String(process.env.NEXT_PUBLIC_GLOBAL_ACCOUNTS_PARTNER_ID),
                 type: "signInWithB3",
-                showBackButton: false
+                showBackButton: false,
             });
             setB3ModalOpen(true);
             return;
@@ -337,7 +337,7 @@ export function AnySpendCustom({ isMainnet = true, loadOrder, mode = "modal", re
     const recipientSection = showRecipient && isAuthenticated && recipientAddress ? (_jsxs(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: "flex w-full items-center justify-between gap-4", children: [_jsx("div", { className: "text-b3-react-foreground", children: orderType === OrderType.Swap
                     ? "Recipient"
                     : orderType === OrderType.MintNFT
@@ -361,18 +361,18 @@ export function AnySpendCustom({ isMainnet = true, loadOrder, mode = "modal", re
     const confirmOrderView = (_jsxs("div", { className: "relative mx-auto flex w-full flex-col items-center", children: [header({ anyspendPrice: anyspendQuote, isLoadingAnyspendPrice: isLoadingAnyspendQuote }), _jsx("div", { className: "divider w-full" }), _jsxs(Tabs, { value: activeTab, onValueChange: value => setActiveTab(value), className: "bg-b3-react-background max-h-[60dvh] w-full overflow-y-auto p-5", children: [isOnrampSupported || activeTab === "fiat" ? (_jsxs(TabsList, { hideGradient: true, className: "justify-center", children: [_jsx(TabTrigger, { value: "crypto", children: _jsx("span", { className: "text-as-primary w-[140px]", children: "Pay with crypto" }) }), _jsx(TabTrigger, { value: "fiat", children: _jsx("span", { className: "text-as-primary w-[140px]", children: "Pay with fiat" }) })] })) : null, _jsx(TabsContent, { value: "crypto", children: _jsxs("div", { className: "mt-2 flex flex-col gap-4", children: [_jsxs("div", { className: "flex flex-col gap-4", children: [_jsxs(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: "relative flex w-full items-center justify-between", children: [_jsx("div", { className: "font-medium", children: "Pay with" }), _jsx(OrderToken, { address: currentWallet?.wallet?.address, context: "from", chainId: srcChainId, setChainId: setSrcChainId, token: srcToken, setToken: token => {
                                                         setDirtySelectSrcToken(true);
                                                         setSrcToken(token);
                                                     }, requiredAmount: srcAmount || undefined })] }), _jsxs(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: "relative flex w-full items-center justify-between", children: [_jsx("span", { className: "font-medium", children: "Price" }), _jsxs("h2", { className: cn("text-as-primary text-2xl font-semibold"), children: [formattedSrcAmount || "--", " ", srcToken.symbol] })] })] }), recipientSection, _jsx("div", { className: cn("flex w-full flex-col items-center justify-between gap-2"), children: _jsx(motion.div, { initial: false, animate: {
                                             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.3, ease: "easeInOut" }, className: "flex w-full flex-col gap-2", children: _jsx(ShinyButton, { accentColor: "hsl(var(--as-brand))", textColor: "text-white", disabled: isCreatingOrder || isLoadingAnyspendQuote || !anyspendQuote, onClick: () => handleConfirmOrder(), className: "relative w-full", children: !isAuthenticated ? ("Sign in with B3") : isCreatingOrder ? (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Loader2, { className: "size-4 animate-spin" }), _jsx("span", { children: "Creating order..." })] })) : isLoadingAnyspendQuote ? (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Loader2, { className: "size-4 animate-spin" }), _jsx("span", { children: "Loading quote..." })] })) : anyspendQuote ? (_jsxs(_Fragment, { children: [_jsx("span", { children: "Checkout" }), _jsx(ChevronRightCircle, { className: "absolute right-0 top-1/2 size-6 -translate-y-1/2 opacity-70" })] })) : ("No quote found") }) }) })] }) }), _jsx(TabsContent, { value: "fiat", children: _jsx("div", { className: "mt-6 flex w-full flex-col gap-6", children: _jsx(PanelOnrampPayment, { srcAmountOnRamp: anyspendQuote?.data?.currencyIn?.amountUsd || "0", recipientName: recipientEnsName, recipientAddress: recipientAddress, isMainnet: isMainnet, isBuyMode: false, selectedDstChainId: dstChainId, selectedDstToken: dstToken, anyspendQuote: anyspendQuote, globalAddress: currentWallet?.wallet?.address, onOrderCreated: (orderId) => setOrderId(orderId), onBack: () => setActiveTab("crypto"), orderType: orderType, nft: isNftMetadata(metadata)
                                     ? metadata.nftContract.type === NftType.ERC1155
                                         ? {
@@ -382,7 +382,7 @@ export function AnySpendCustom({ isMainnet = true, loadOrder, mode = "modal", re
                                             imageUrl: metadata.nftContract.imageUrl,
                                             name: metadata.nftContract.name,
                                             description: metadata.nftContract.description,
-                                            price: dstAmount
+                                            price: dstAmount,
                                         }
                                         : {
                                             type: NftType.ERC721,
@@ -390,7 +390,7 @@ export function AnySpendCustom({ isMainnet = true, loadOrder, mode = "modal", re
                                             name: metadata.nftContract.name,
                                             description: metadata.nftContract.description,
                                             imageUrl: metadata.nftContract.imageUrl,
-                                            price: dstAmount
+                                            price: dstAmount,
                                         }
                                     : undefined, payload: isCustomTxMetadata(metadata)
                                     ? {
@@ -398,7 +398,7 @@ export function AnySpendCustom({ isMainnet = true, loadOrder, mode = "modal", re
                                         amount: dstAmount,
                                         data: encodedData,
                                         to: contractAddress,
-                                        spenderAddress: spenderAddress
+                                        spenderAddress: spenderAddress,
                                     }
                                     : undefined, recipientEnsName: recipientEnsName, recipientImageUrl: recipientImageUrl }) }) })] })] }));
     // Return the TransitionPanel with all views
@@ -411,11 +411,11 @@ export function AnySpendCustom({ isMainnet = true, loadOrder, mode = "modal", re
                     : activePanel, className: cn("w-full"), variants: {
                 enter: { x: 300, opacity: 0 },
                 center: { x: 0, opacity: 1 },
-                exit: { x: -300, opacity: 0 }
+                exit: { x: -300, opacity: 0 },
             }, transition: { type: "spring", stiffness: 300, damping: 30 }, children: [
                 _jsx("div", { className: "w-full", children: confirmOrderView }, "edit-recipient-view"),
                 _jsx("div", { className: "w-full", children: historyView }, "history-view"),
                 _jsx("div", { className: "w-full", children: orderDetailsView }, "order-details-view"),
-                _jsx("div", { className: "w-full", children: loadingView }, "loading-view")
+                _jsx("div", { className: "w-full", children: loadingView }, "loading-view"),
             ] }) }));
 }

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

@@ -1,5 +1,5 @@
 import { NftContract } from "../../../anyspend/types";
-export declare function AnySpendNFT({ isMainnet, loadOrder, mode, recipientAddress, nftContract, onSuccess }: {
+export declare function AnySpendNFT({ isMainnet, loadOrder, mode, recipientAddress, nftContract, onSuccess, }: {
     isMainnet?: boolean;
     loadOrder?: string;
     mode?: "modal" | "page";

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

@@ -9,13 +9,13 @@ import { MoreVertical } from "lucide-react";
 import { useState } from "react";
 import { b3 } from "viem/chains";
 import { AnySpendCustom } from "./AnySpendCustom.js";
-export function AnySpendNFT({ isMainnet = true, loadOrder, mode = "modal", recipientAddress, nftContract, onSuccess }) {
-    const header = ({ anyspendPrice, isLoadingAnyspendPrice }) => (_jsxs(_Fragment, { children: [_jsxs("div", { className: "relative size-[200px]", children: [_jsx("div", { className: "absolute inset-0 scale-95 bg-black/30 blur-md" }), _jsxs(GlareCard, { className: "overflow-hidden", children: [_jsx("img", { src: getIpfsUrl(nftContract.imageUrl), alt: nftContract.name, className: "size-full object-cover" }), _jsx("div", { className: "absolute inset-0 rounded-xl border border-white/10" })] }), _jsx(DropdownMenu, { nftContract: nftContract })] }), _jsxs("div", { className: "from-b3-react-background to-as-on-surface-1 mt-[-100px] w-full rounded-t-lg bg-gradient-to-t", children: [_jsx("div", { className: "h-[100px] w-full" }), _jsxs("div", { className: "mb-1 flex w-full flex-col items-center gap-2 p-5", children: [_jsx("span", { className: "font-sf-rounded text-2xl font-semibold", children: nftContract.name }), _jsx("div", { className: "flex w-fit items-center gap-1", children: anyspendPrice ? (_jsx(AnimatePresence, { mode: "wait", children: _jsx("div", { className: cn("text-as-primary group flex items-center text-3xl font-semibold transition-all", {
-                                            "opacity-0": isLoadingAnyspendPrice
+export function AnySpendNFT({ isMainnet = true, loadOrder, mode = "modal", recipientAddress, nftContract, onSuccess, }) {
+    const header = ({ anyspendPrice, isLoadingAnyspendPrice, }) => (_jsxs(_Fragment, { children: [_jsxs("div", { className: "relative size-[200px]", children: [_jsx("div", { className: "absolute inset-0 scale-95 bg-black/30 blur-md" }), _jsxs(GlareCard, { className: "overflow-hidden", children: [_jsx("img", { src: getIpfsUrl(nftContract.imageUrl), alt: nftContract.name, className: "size-full object-cover" }), _jsx("div", { className: "absolute inset-0 rounded-xl border border-white/10" })] }), _jsx(DropdownMenu, { nftContract: nftContract })] }), _jsxs("div", { className: "from-b3-react-background to-as-on-surface-1 mt-[-100px] w-full rounded-t-lg bg-gradient-to-t", children: [_jsx("div", { className: "h-[100px] w-full" }), _jsxs("div", { className: "mb-1 flex w-full flex-col items-center gap-2 p-5", children: [_jsx("span", { className: "font-sf-rounded text-2xl font-semibold", children: nftContract.name }), _jsx("div", { className: "flex w-fit items-center gap-1", children: anyspendPrice ? (_jsx(AnimatePresence, { mode: "wait", children: _jsx("div", { className: cn("text-as-primary group flex items-center text-3xl font-semibold transition-all", {
+                                            "opacity-0": isLoadingAnyspendPrice,
                                         }), children: formatDisplayNumber(anyspendPrice?.data?.currencyIn?.amountUsd, { style: "currency" }) }) })) : (_jsx("div", { className: "h-[36px] w-full" })) })] })] })] }));
     return (_jsx(AnySpendCustom, { isMainnet: isMainnet, loadOrder: loadOrder, mode: mode, recipientAddress: recipientAddress, orderType: OrderType.MintNFT, dstChainId: nftContract.chainId, dstToken: nftContract.currency, dstAmount: nftContract.price, contractAddress: nftContract.contractAddress, encodedData: "0x", metadata: {
             type: OrderType.MintNFT,
-            nftContract: nftContract
+            nftContract: nftContract,
         }, header: header, onSuccess: onSuccess }));
 }
 function DropdownMenu({ nftContract }) {

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

@@ -7,7 +7,7 @@ export function AnySpendNFTButton({ nftContract = DEFAULT_NFT_CONTRACT, recipien
         setB3ModalContentType({
             type: "anySpendNft",
             nftContract,
-            recipientAddress
+            recipientAddress,
         });
         setB3ModalOpen(true);
     };

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

@@ -1,4 +1,4 @@
-export declare function AnySpendStakeB3({ isMainnet, loadOrder, mode, recipientAddress, stakeAmount, onSuccess }: {
+export declare function AnySpendStakeB3({ isMainnet, loadOrder, mode, recipientAddress, stakeAmount, onSuccess, }: {
     isMainnet?: boolean;
     loadOrder?: string;
     mode?: "modal" | "page";