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

package/src/anyspend/react/components/AnySpendBuySpin.tsx

@@ -8,7 +8,7 @@ import {
   useChainSwitchWithAction,
   useHasMounted,
   useModalStore,
-  useTokenBalance
+  useTokenBalance,
 } from "@b3dotfun/sdk/global-account/react";
 import { baseMainnet } from "@b3dotfun/sdk/shared/constants/chains/supported";
 import { motion } from "framer-motion";
@@ -31,27 +31,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: [],
@@ -62,11 +62,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",
+  },
 ] as const;
 
 interface PaymentConfig {
@@ -113,14 +113,14 @@ function generateEncodedDataForBuyEntriesAndSpin(user: string, quantity: string)
   const encodedData = encodeFunctionData({
     abi: SPIN_WHEEL_ABI,
     functionName: "buyEntriesAndSpin",
-    args: [user as `0x${string}`, BigInt(quantity)]
+    args: [user as `0x${string}`, BigInt(quantity)],
   });
   return encodedData;
 }
 
 const basePublicClient = createPublicClient({
   chain: baseMainnet,
-  transport: http()
+  transport: http(),
 });
 
 export function AnySpendBuySpin({
@@ -131,7 +131,7 @@ export function AnySpendBuySpin({
   chainId,
   recipientAddress,
   prefillQuantity,
-  onSuccess
+  onSuccess,
 }: {
   isMainnet?: boolean;
   loadOrder?: string;
@@ -155,9 +155,9 @@ export function AnySpendBuySpin({
   const {
     formattedBalance: b3Balance,
     isLoading: isBalanceLoading,
-    rawBalance: b3RawBalance
+    rawBalance: b3RawBalance,
   } = useTokenBalance({
-    token: B3_TOKEN
+    token: B3_TOKEN,
   });
 
   // Wagmi hooks
@@ -172,12 +172,12 @@ export function AnySpendBuySpin({
     isLoading: isTxPending,
     isSuccess: isTxSuccess,
     isError: isTxError,
-    error: txError
+    error: txError,
   } = useWaitForTransactionReceipt({
     hash: buyingTxHash as `0x${string}`,
     query: {
-      structuralSharing: false
-    }
+      structuralSharing: false,
+    },
   });
 
   // Handle transaction status
@@ -232,25 +232,25 @@ export function AnySpendBuySpin({
         basePublicClient.readContract({
           address: spinwheelContractAddress as `0x${string}`,
           abi: SPIN_WHEEL_ABI,
-          functionName: "getPaymentConfig"
+          functionName: "getPaymentConfig",
         }),
         basePublicClient.readContract({
           address: spinwheelContractAddress as `0x${string}`,
           abi: SPIN_WHEEL_ABI,
-          functionName: "entryModule"
+          functionName: "entryModule",
         }),
         basePublicClient.readContract({
           address: spinwheelContractAddress as `0x${string}`,
           abi: SPIN_WHEEL_ABI,
-          functionName: "getWheelInfo"
-        })
+          functionName: "getWheelInfo",
+        }),
       ]);
 
       const paymentConfig: PaymentConfig = {
         pricePerEntry: config[1],
         maxEntriesPerUser: config[2],
         paymentRecipient: config[3],
-        entryModule: entryModuleAddress
+        entryModule: entryModuleAddress,
       };
 
       const wheelInfoData: WheelInfo = {
@@ -259,7 +259,7 @@ export function AnySpendBuySpin({
         endTime_: wheelInfo[2],
         totalPrizesAvailable_: wheelInfo[3],
         prizesRequestedCount_: wheelInfo[4],
-        state_: wheelInfo[5]
+        state_: wheelInfo[5],
       };
 
       setPaymentConfig(paymentConfig);
@@ -327,7 +327,7 @@ export function AnySpendBuySpin({
         setIsQuantityValid(false);
         setUserSpinQuantity("");
         setValidationError(
-          `Only ${(wheelInfo.totalPrizesAvailable_ - wheelInfo.prizesRequestedCount_).toString()} spins remaining`
+          `Only ${(wheelInfo.totalPrizesAvailable_ - wheelInfo.prizesRequestedCount_).toString()} spins remaining`,
         );
         return;
       }
@@ -354,7 +354,7 @@ export function AnySpendBuySpin({
           address: B3_TOKEN.address as `0x${string}`,
           abi: erc20Abi,
           functionName: "allowance",
-          args: [address, paymentConfig.entryModule as `0x${string}`]
+          args: [address, paymentConfig.entryModule as `0x${string}`],
         });
 
         // If allowance is insufficient, request approval
@@ -365,7 +365,7 @@ export function AnySpendBuySpin({
             address: B3_TOKEN.address as `0x${string}`,
             abi: erc20Abi,
             functionName: "approve",
-            args: [paymentConfig.entryModule as `0x${string}`, totalCost]
+            args: [paymentConfig.entryModule as `0x${string}`, totalCost],
           });
 
           toast.info("Approval confirmed. Proceeding with spin purchase...");
@@ -377,7 +377,7 @@ export function AnySpendBuySpin({
           address: spinwheelContractAddress as `0x${string}`,
           abi: SPIN_WHEEL_ABI,
           functionName: "buyEntriesAndSpin",
-          args: [address, BigInt(userSpinQuantity)]
+          args: [address, BigInt(userSpinQuantity)],
         });
 
         setBuyingTxHash(buyHash);
@@ -481,17 +481,17 @@ export function AnySpendBuySpin({
         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;
@@ -509,7 +509,7 @@ export function AnySpendBuySpin({
               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" : ""}`}
@@ -529,7 +529,7 @@ export function AnySpendBuySpin({
               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"
@@ -569,7 +569,7 @@ export function AnySpendBuySpin({
             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"
@@ -669,7 +669,7 @@ export function AnySpendBuySpin({
       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)}

package/src/anyspend/react/components/AnySpendCustom.tsx

@@ -21,7 +21,7 @@ import {
   useAnyspendOrderAndTransactions,
   useAnyspendQuote,
   useAnyspendTokenList,
-  useGeoOnrampOptions
+  useGeoOnrampOptions,
 } from "@b3dotfun/sdk/anyspend";
 import {
   Badge,
@@ -42,7 +42,7 @@ import {
   useModalStore,
   useRouter,
   useSearchParamsSSR,
-  useTokenBalancesByChain
+  useTokenBalancesByChain,
 } from "@b3dotfun/sdk/global-account/react";
 import { cn } from "@b3dotfun/sdk/shared/utils";
 import centerTruncate from "@b3dotfun/sdk/shared/utils/centerTruncate";
@@ -64,7 +64,7 @@ enum PanelView {
   CONFIRM_ORDER,
   HISTORY,
   ORDER_DETAILS,
-  LOADING
+  LOADING,
 }
 
 function generateGetRelayQuoteRequest({
@@ -78,7 +78,7 @@ function generateGetRelayQuoteRequest({
   tokenId,
   contractType,
   encodedData,
-  spenderAddress
+  spenderAddress,
 }: {
   orderType: OrderType;
   srcChainId: number;
@@ -103,7 +103,7 @@ function generateGetRelayQuoteRequest({
         price: dstAmount,
         contractAddress: contractAddress,
         tokenId: tokenId!,
-        contractType: contractType!
+        contractType: contractType!,
       };
     }
     case OrderType.JoinTournament: {
@@ -114,7 +114,7 @@ function generateGetRelayQuoteRequest({
         dstChain: dstChainId,
         dstTokenAddress: dstToken.address,
         price: dstAmount,
-        contractAddress: contractAddress
+        contractAddress: contractAddress,
       };
     }
     case OrderType.FundTournament: {
@@ -125,7 +125,7 @@ function generateGetRelayQuoteRequest({
         dstChain: dstChainId,
         dstTokenAddress: dstToken.address,
         fundAmount: dstAmount,
-        contractAddress: contractAddress
+        contractAddress: contractAddress,
       };
     }
     case OrderType.Custom: {
@@ -139,8 +139,8 @@ function generateGetRelayQuoteRequest({
           amount: dstAmount,
           data: encodedData,
           to: contractAddress,
-          spenderAddress: spenderAddress
-        }
+          spenderAddress: spenderAddress,
+        },
       };
     }
     default: {
@@ -164,7 +164,7 @@ export function AnySpendCustom({
   metadata,
   header,
   onSuccess,
-  showRecipient = true
+  showRecipient = true,
 }: {
   isMainnet?: boolean;
   loadOrder?: string;
@@ -180,7 +180,7 @@ export function AnySpendCustom({
   metadata: AnySpendMetadata;
   header: ({
     anyspendPrice,
-    isLoadingAnyspendPrice
+    isLoadingAnyspendPrice,
   }: {
     anyspendPrice: GetQuoteResponse | undefined;
     isLoadingAnyspendPrice: boolean;
@@ -196,7 +196,7 @@ export function AnySpendCustom({
   const router = useRouter();
 
   const [activePanel, setActivePanel] = useState<PanelView>(
-    loadOrder ? PanelView.ORDER_DETAILS : PanelView.CONFIRM_ORDER
+    loadOrder ? PanelView.ORDER_DETAILS : PanelView.CONFIRM_ORDER,
   );
   const [activeTab, setActiveTab] = useState<"crypto" | "fiat">("crypto");
 
@@ -225,7 +225,7 @@ export function AnySpendCustom({
   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
@@ -290,14 +290,14 @@ export function AnySpendCustom({
     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)
   const { geoData, isOnrampSupported } = useGeoOnrampOptions(
     isMainnet,
-    anyspendQuote?.data?.currencyIn?.amountUsd || "0"
+    anyspendQuote?.data?.currencyIn?.amountUsd || "0",
   );
 
   const { orderAndTransactions: oat } = useAnyspendOrderAndTransactions(isMainnet, orderId);
@@ -354,7 +354,7 @@ export function AnySpendCustom({
     onError: error => {
       console.error(error);
       toast.error("Failed to create order: " + error.message);
-    }
+    },
   });
 
   const { createOrder: createOnrampOrder, isCreatingOrder: isCreatingOnrampOrder } = useAnyspendCreateOnrampOrder({
@@ -364,14 +364,14 @@ export function AnySpendCustom({
     onError: error => {
       console.error(error);
       toast.error("Failed to create order: " + error.message);
-    }
+    },
   });
 
   const isCreatingOrder = isCreatingRegularOrder || isCreatingOnrampOrder;
 
   const handleCreateOrder = async (
     recipientAddress: string,
-    onramp?: { paymentMethod: string; vendor: OnrampVendor }
+    onramp?: { paymentMethod: string; vendor: OnrampVendor },
   ) => {
     try {
       invariant(anyspendQuote, "Relay price is not found");
@@ -396,7 +396,7 @@ export function AnySpendCustom({
                 name: metadata.nftContract.name,
                 description: metadata.nftContract.description,
                 imageUrl: metadata.nftContract.imageUrl,
-                price: dstAmount
+                price: dstAmount,
               } as Nft)
             : ({
                 type: NftType.ERC721,
@@ -405,14 +405,14 @@ export function AnySpendCustom({
                 price: dstAmount,
                 name: metadata.nftContract.name,
                 description: metadata.nftContract.description,
-                imageUrl: metadata.nftContract.imageUrl
+                imageUrl: metadata.nftContract.imageUrl,
               } as Nft)
           : undefined,
         tournament: isTournamentMetadata(metadata)
           ? {
               ...metadata.tournament,
               contractAddress: contractAddress,
-              entryPriceOrFundAmount: dstAmount
+              entryPriceOrFundAmount: dstAmount,
             }
           : undefined,
         // only populate payload for custom tx
@@ -422,9 +422,9 @@ export function AnySpendCustom({
               data: encodedData,
               spenderAddress: spenderAddress,
               to: contractAddress,
-              action: metadata.action
+              action: metadata.action,
             }
-          : undefined
+          : undefined,
       } as CreateOrderParams;
 
       if (onramp) {
@@ -441,9 +441,9 @@ export function AnySpendCustom({
             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 {
         void createRegularOrder(createOrderParams);
@@ -463,11 +463,11 @@ export function AnySpendCustom({
           ...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;
@@ -490,7 +490,7 @@ export function AnySpendCustom({
         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"
@@ -529,7 +529,7 @@ export function AnySpendCustom({
     <div
       className={cn(
         "mx-auto flex w-full max-w-2xl flex-col items-center p-5",
-        mode === "modal" && "bg-b3-react-background"
+        mode === "modal" && "bg-b3-react-background",
       )}
     >
       <OrderHistory
@@ -546,7 +546,7 @@ export function AnySpendCustom({
     <div
       className={cn(
         "mx-auto flex max-h-[90dvh] w-full flex-col items-center gap-4 overflow-y-auto p-5",
-        mode === "modal" && "bg-b3-react-background"
+        mode === "modal" && "bg-b3-react-background",
       )}
     >
       {oat && (
@@ -579,7 +579,7 @@ export function AnySpendCustom({
     <div
       className={cn(
         "mx-auto flex w-full flex-col items-center gap-4 p-5",
-        mode === "modal" && "bg-b3-react-background"
+        mode === "modal" && "bg-b3-react-background",
       )}
     >
       {/* Status Badge */}
@@ -686,7 +686,7 @@ export function AnySpendCustom({
                 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"
@@ -711,7 +711,7 @@ export function AnySpendCustom({
                 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"
@@ -732,7 +732,7 @@ export function AnySpendCustom({
                 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"
@@ -796,7 +796,7 @@ export function AnySpendCustom({
                         imageUrl: metadata.nftContract.imageUrl,
                         name: metadata.nftContract.name,
                         description: metadata.nftContract.description,
-                        price: dstAmount
+                        price: dstAmount,
                       }
                     : {
                         type: NftType.ERC721,
@@ -804,7 +804,7 @@ export function AnySpendCustom({
                         name: metadata.nftContract.name,
                         description: metadata.nftContract.description,
                         imageUrl: metadata.nftContract.imageUrl,
-                        price: dstAmount
+                        price: dstAmount,
                       }
                   : undefined
               }
@@ -815,7 +815,7 @@ export function AnySpendCustom({
                       amount: dstAmount,
                       data: encodedData,
                       to: contractAddress,
-                      spenderAddress: spenderAddress
+                      spenderAddress: spenderAddress,
                     }
                   : undefined
               }
@@ -845,7 +845,7 @@ export function AnySpendCustom({
         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 }}
       >
@@ -861,7 +861,7 @@ export function AnySpendCustom({
           </div>,
           <div key="loading-view" className="w-full">
             {loadingView}
-          </div>
+          </div>,
         ]}
       </TransitionPanel>
     </StyleRoot>

package/src/anyspend/react/components/AnySpendNFT.tsx

@@ -16,7 +16,7 @@ export function AnySpendNFT({
   mode = "modal",
   recipientAddress,
   nftContract,
-  onSuccess
+  onSuccess,
 }: {
   isMainnet?: boolean;
   loadOrder?: string;
@@ -27,7 +27,7 @@ export function AnySpendNFT({
 }) {
   const header = ({
     anyspendPrice,
-    isLoadingAnyspendPrice
+    isLoadingAnyspendPrice,
   }: {
     anyspendPrice: GetQuoteResponse | undefined;
     isLoadingAnyspendPrice: boolean;
@@ -52,7 +52,7 @@ export function AnySpendNFT({
               <AnimatePresence mode="wait">
                 <div
                   className={cn("text-as-primary group flex items-center text-3xl font-semibold transition-all", {
-                    "opacity-0": isLoadingAnyspendPrice
+                    "opacity-0": isLoadingAnyspendPrice,
                   })}
                 >
                   {formatDisplayNumber(anyspendPrice?.data?.currencyIn?.amountUsd, { style: "currency" })}
@@ -81,7 +81,7 @@ export function AnySpendNFT({
       encodedData="0x"
       metadata={{
         type: OrderType.MintNFT,
-        nftContract: nftContract
+        nftContract: nftContract,
       }}
       header={header}
       onSuccess={onSuccess}

package/src/anyspend/react/components/AnySpendNFTButton.tsx

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