@b3dotfun/sdk 0.0.14-alpha.2 → 0.0.14-alpha.4

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

@@ -9,7 +9,7 @@ import {
 } from "@b3dotfun/sdk/global-account/react";
 import { AnySpendBondKitProps } from "@b3dotfun/sdk/global-account/react/stores/useModalStore";
 import { baseMainnet } from "@b3dotfun/sdk/shared/constants/chains/supported";
-import { motion } from "framer-motion";
+import { motion } from "motion/react";
 import { useEffect, useMemo, useState } from "react";
 import { createPublicClient, encodeFunctionData, formatEther, http, parseEther } from "viem";
 import { ABI_bondKit } from "../../abis/bondKit";

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

@@ -11,9 +11,9 @@ import {
   useTokenBalance,
 } from "@b3dotfun/sdk/global-account/react";
 import { baseMainnet } from "@b3dotfun/sdk/shared/constants/chains/supported";
-import { motion } from "framer-motion";
 import invariant from "invariant";
 import { ArrowRight, Loader2 } from "lucide-react";
+import { motion } from "motion/react";
 import { useCallback, useEffect, useState } from "react";
 import { toast } from "sonner";
 import { createPublicClient, encodeFunctionData, erc20Abi, formatUnits, http } from "viem";
@@ -202,13 +202,74 @@ export function AnySpendBuySpin({
   const [displayQuantity, setDisplayQuantity] = useState<string>("");
   const [debouncedQuantity, setDebouncedQuantity] = useState<string>("");
 
+  const validateAndSetQuantity = useCallback(
+    (value: string) => {
+      // Only allow positive integers
+      const isValidFormat = /^\d+$/.test(value) || value === "";
+
+      if (!isValidFormat && value !== "") {
+        return;
+      }
+
+      setDisplayQuantity(value);
+
+      try {
+        if (value === "") {
+          setUserSpinQuantity("");
+          setIsQuantityValid(false);
+          setValidationError("");
+          return;
+        }
+
+        const numValue = parseInt(value);
+        if (isNaN(numValue) || numValue <= 0) {
+          setIsQuantityValid(false);
+          setUserSpinQuantity("");
+          setValidationError("Please enter a valid positive number");
+          return;
+        }
+
+        // Check maximum entries per user (0 means no limit)
+        if (
+          paymentConfig &&
+          paymentConfig.maxEntriesPerUser > BigInt(0) &&
+          BigInt(numValue) > paymentConfig.maxEntriesPerUser
+        ) {
+          setIsQuantityValid(false);
+          setUserSpinQuantity("");
+          setValidationError(`Maximum ${paymentConfig.maxEntriesPerUser.toString()} spins allowed`);
+          return;
+        }
+
+        // Check if quantity exceeds remaining entries
+        if (wheelInfo && BigInt(numValue) > wheelInfo.totalPrizesAvailable_ - wheelInfo.prizesRequestedCount_) {
+          setIsQuantityValid(false);
+          setUserSpinQuantity("");
+          setValidationError(
+            `Only ${(wheelInfo.totalPrizesAvailable_ - wheelInfo.prizesRequestedCount_).toString()} spins remaining`,
+          );
+          return;
+        }
+
+        setUserSpinQuantity(value);
+        setIsQuantityValid(true);
+        setValidationError("");
+      } catch (error) {
+        setIsQuantityValid(false);
+        setUserSpinQuantity("");
+        setValidationError("Please enter a valid quantity");
+      }
+    },
+    [paymentConfig, wheelInfo],
+  );
+
   useEffect(() => {
     if (prefillQuantity && wheelInfo) {
       const remainingSpins = wheelInfo.totalPrizesAvailable_ - wheelInfo.prizesRequestedCount_;
       const adjustedQuantity = BigInt(prefillQuantity) > remainingSpins ? remainingSpins.toString() : prefillQuantity;
       validateAndSetQuantity(adjustedQuantity);
     }
-  }, [prefillQuantity, wheelInfo]);
+  }, [prefillQuantity, validateAndSetQuantity, wheelInfo]);
 
   // Calculate total cost
   const totalCost =
@@ -281,64 +342,6 @@ export function AnySpendBuySpin({
     return () => clearTimeout(timer);
   }, [displayQuantity, userSpinQuantity]);
 
-  const validateAndSetQuantity = (value: string) => {
-    // Only allow positive integers
-    const isValidFormat = /^\d+$/.test(value) || value === "";
-
-    if (!isValidFormat && value !== "") {
-      return;
-    }
-
-    setDisplayQuantity(value);
-
-    try {
-      if (value === "") {
-        setUserSpinQuantity("");
-        setIsQuantityValid(false);
-        setValidationError("");
-        return;
-      }
-
-      const numValue = parseInt(value);
-      if (isNaN(numValue) || numValue <= 0) {
-        setIsQuantityValid(false);
-        setUserSpinQuantity("");
-        setValidationError("Please enter a valid positive number");
-        return;
-      }
-
-      // Check maximum entries per user (0 means no limit)
-      if (
-        paymentConfig &&
-        paymentConfig.maxEntriesPerUser > BigInt(0) &&
-        BigInt(numValue) > paymentConfig.maxEntriesPerUser
-      ) {
-        setIsQuantityValid(false);
-        setUserSpinQuantity("");
-        setValidationError(`Maximum ${paymentConfig.maxEntriesPerUser.toString()} spins allowed`);
-        return;
-      }
-
-      // Check if quantity exceeds remaining entries
-      if (wheelInfo && BigInt(numValue) > wheelInfo.totalPrizesAvailable_ - wheelInfo.prizesRequestedCount_) {
-        setIsQuantityValid(false);
-        setUserSpinQuantity("");
-        setValidationError(
-          `Only ${(wheelInfo.totalPrizesAvailable_ - wheelInfo.prizesRequestedCount_).toString()} spins remaining`,
-        );
-        return;
-      }
-
-      setUserSpinQuantity(value);
-      setIsQuantityValid(true);
-      setValidationError("");
-    } catch (error) {
-      setIsQuantityValid(false);
-      setUserSpinQuantity("");
-      setValidationError("Please enter a valid quantity");
-    }
-  };
-
   const handleDirectBuying = async () => {
     if (!address || !basePublicClient || !userSpinQuantity || !paymentConfig) return;
 

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

@@ -40,9 +40,9 @@ import { cn } from "@b3dotfun/sdk/shared/utils";
 import centerTruncate from "@b3dotfun/sdk/shared/utils/centerTruncate";
 import { formatTokenAmount } from "@b3dotfun/sdk/shared/utils/number";
 import { simpleHashChainToChainName } from "@b3dotfun/sdk/shared/utils/simplehash";
-import { motion } from "framer-motion";
 import invariant from "invariant";
 import { ChevronRightCircle, Loader2 } from "lucide-react";
+import { motion } from "motion/react";
 import React, { useCallback, useEffect, useMemo, useState } from "react";
 import { toast } from "sonner";
 import { base, baseSepolia } from "viem/chains";

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

@@ -5,8 +5,8 @@ import { cn } from "@b3dotfun/sdk/shared/utils";
 import { getIpfsUrl } from "@b3dotfun/sdk/shared/utils/ipfs";
 
 import { formatDisplayNumber, formatTokenAmount } from "@b3dotfun/sdk/shared/utils/number";
-import { AnimatePresence } from "framer-motion";
 import { MoreVertical } from "lucide-react";
+import { AnimatePresence } from "motion/react";
 import { useEffect, useState } from "react";
 import { b3 } from "viem/chains";
 import { GetQuoteResponse } from "../../types/api_req_res";

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

@@ -11,9 +11,9 @@ import {
   useTokenBalance,
 } from "@b3dotfun/sdk/global-account/react";
 import { formatTokenAmount } from "@b3dotfun/sdk/shared/utils/number";
-import { motion } from "framer-motion";
 import invariant from "invariant";
 import { ArrowRight, Loader2 } from "lucide-react";
+import { motion } from "motion/react";
 import { useEffect, useState } from "react";
 import { toast } from "sonner";
 import { createPublicClient, encodeFunctionData, erc20Abi, http } from "viem";

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

@@ -1,9 +1,9 @@
+import { components } from "@b3dotfun/sdk/anyspend/types/api";
+import { GetQuoteResponse } from "@b3dotfun/sdk/anyspend/types/api_req_res";
 import { cn } from "@b3dotfun/sdk/shared/utils";
 import { formatDisplayNumber, formatTokenAmount } from "@b3dotfun/sdk/shared/utils/number";
-import { AnimatePresence } from "framer-motion";
+import { AnimatePresence } from "motion/react";
 import { AnySpendCustom } from "./AnySpendCustom";
-import { components } from "@b3dotfun/sdk/anyspend/types/api";
-import { GetQuoteResponse } from "@b3dotfun/sdk/anyspend/types/api_req_res";
 
 type AnySpendTournamentProps =
   | {

package/src/anyspend/react/components/common/OrderDetails.tsx

@@ -39,7 +39,6 @@ import {
 } from "@solana/spl-token";
 import { ComputeBudgetProgram, Connection, PublicKey, SystemProgram, Transaction } from "@solana/web3.js";
 import { WalletCoinbase, WalletMetamask, WalletPhantom, WalletTrust, WalletWalletConnect } from "@web3icons/react";
-import { motion } from "framer-motion";
 import {
   CheckIcon,
   ChevronDown,
@@ -51,6 +50,7 @@ import {
   RefreshCcw,
   SquareArrowOutUpRight,
 } from "lucide-react";
+import { motion } from "motion/react";
 import { QRCodeSVG } from "qrcode.react";
 import { memo, useCallback, useEffect, useMemo, useState } from "react";
 import TimeAgo from "react-timeago";

package/src/anyspend/react/components/common/PanelOnramp.tsx

@@ -1,6 +1,6 @@
 import { useCoinbaseOnrampOptions } from "@b3dotfun/sdk/anyspend/react";
 import { Input, useGetGeo } from "@b3dotfun/sdk/global-account/react";
-import { AnimatePresence, motion } from "framer-motion";
+import { AnimatePresence, motion } from "motion/react";
 import { useRef } from "react";
 import { toast } from "sonner";
 import { PaymentOptions } from "./PaymentOptions";

package/src/anyspend/react/components/common/PanelOnrampPayment.tsx

@@ -3,9 +3,9 @@ import { components } from "@b3dotfun/sdk/anyspend/types/api";
 import { GetQuoteResponse } from "@b3dotfun/sdk/anyspend/types/api_req_res";
 import { Button } from "@b3dotfun/sdk/global-account/react";
 import centerTruncate from "@b3dotfun/sdk/shared/utils/centerTruncate";
-import { motion } from "framer-motion";
 import invariant from "invariant";
 import { ChevronLeft, ChevronRight, Landmark, Loader2 } from "lucide-react";
+import { motion } from "motion/react";
 import { useEffect, useRef, useState } from "react";
 import { toast } from "sonner";
 import { AnySpendFingerprintWrapper, getFingerprintConfig } from "../AnySpendFingerprintWrapper";

package/src/anyspend/react/components/webview/WebviewOnrampPayment.tsx

@@ -5,8 +5,8 @@ import { GetQuoteResponse } from "@b3dotfun/sdk/anyspend/types/api_req_res";
 import centerTruncate from "@b3dotfun/sdk/shared/utils/centerTruncate";
 import { AddressElement, Elements, PaymentElement, useElements, useStripe } from "@stripe/react-stripe-js";
 import { loadStripe } from "@stripe/stripe-js";
-import { motion } from "framer-motion";
 import { Loader2 } from "lucide-react";
+import { motion } from "motion/react";
 import { useEffect, useRef, useState } from "react";
 import { toast } from "sonner";
 import { formatUnits } from "viem";

package/src/anyspend/react/hooks/useAnyspendOrderHistory.ts

@@ -5,8 +5,8 @@ import { useMemo } from "react";
 export function useAnyspendOrderHistory(
   isMainnet: boolean,
   creatorAddress: string | undefined,
-  limit: number = 100,
-  offset: number = 0,
+  limit = 100,
+  offset = 0,
 ) {
   const {
     data: rawData = [],

package/src/anyspend/services/anyspend.ts

@@ -133,8 +133,8 @@ export const anyspendService = {
   getOrderHistory: async (
     isMainnet: boolean,
     creatorAddress: string | undefined,
-    limit: number = 100,
-    offset: number = 0,
+    limit = 100,
+    offset = 0,
   ): Promise<GetOrderHistoryResponse> => {
     const params = new URLSearchParams({
       limit: limit.toString(),

package/src/anyspend/utils/orderPayload.ts

@@ -24,7 +24,7 @@ export const buildPayload = (orderType: components["schemas"]["Order"]["type"],
         return {
           contractAddress: normalizeAddress(nft.contractAddress),
           nftPrice: nft?.price || "",
-          tokenId: nft?.tokenId!,
+          tokenId: nft.tokenId,
           contractType: nft?.type,
         };
       } else if (nft?.type === "erc721") {

package/src/global-account/react/components/B3Provider/B3Provider.native.tsx

@@ -1,6 +1,6 @@
 import { PermissionsConfig } from "@b3dotfun/sdk/global-account/types/permissions";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
-import { createContext, useContext, useMemo, useState } from "react";
+import { useState } from "react";
 import { ThirdwebProvider, useActiveAccount } from "thirdweb/react";
 import { Account } from "thirdweb/wallets";
 // import { RelayKitProviderWrapper } from "./RelayKitProviderWrapper";

package/src/global-account/react/components/B3Provider/B3Provider.tsx

@@ -3,7 +3,7 @@ import { User } from "@b3dotfun/sdk/global-account/types/b3-api.types";
 import { PermissionsConfig } from "@b3dotfun/sdk/global-account/types/permissions";
 import { supportedChains } from "@b3dotfun/sdk/shared/constants/chains/supported";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
-import { useEffect, useState } from "react";
+import { useCallback, useEffect, useState } from "react";
 import { Toaster } from "sonner";
 import { ThirdwebProvider, useActiveAccount, useConnectedWallets, useSetActiveWallet } from "thirdweb/react";
 import { Account, Wallet } from "thirdweb/wallets";
@@ -108,28 +108,30 @@ export function InnerProvider({
     setManuallySetAccount(account);
   };
 
-  const setWallet = (wallet: Wallet) => {
-    setManuallySelectedWallet(wallet);
-    const account = wallet.getAccount();
-    setManuallySetAccount(account);
-    console.log("@@gio:setWallet", wallet.id, account?.address);
-    setActiveWallet(wallet);
-  };
+  const setWallet = useCallback(
+    (wallet: Wallet) => {
+      setManuallySelectedWallet(wallet);
+      const account = wallet.getAccount();
+      setManuallySetAccount(account);
+      console.log("@@gio:setWallet", wallet.id, account?.address);
+      setActiveWallet(wallet);
+    },
+    [setManuallySelectedWallet, setManuallySetAccount, setActiveWallet],
+  );
 
-  const setFirstEoa = () => {
+  const setFirstEoa = useCallback(() => {
     const firstEoa = wallets.find(wallet => ["com.coinbase.wallet", "io.metamask"].includes(wallet.id));
     if (firstEoa) {
       setWallet(firstEoa);
     }
-  };
+  }, [setWallet, wallets]);
 
   useEffect(() => {
     if (automaticallySetFirstEoa) {
       console.log("@@gio:wallets", wallets);
       setFirstEoa();
     }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [automaticallySetFirstEoa, wallets]);
+  }, [automaticallySetFirstEoa, setFirstEoa, wallets]);
 
   return (
     <B3Context.Provider

package/src/global-account/react/components/ManageAccount/ManageAccount.tsx

@@ -152,7 +152,7 @@ export function ManageAccount({
 
   const AssetsContent = () => (
     <div className="bg-b3-react-card border-b3-react-border rounded-lg border p-4">
-      <AccountAssets nfts={assets?.nftResponse!} isLoading={isLoading} />
+      {assets?.nftResponse && <AccountAssets nfts={assets.nftResponse} isLoading={isLoading} />}
     </div>
   );
 

package/src/global-account/react/components/ProfileAvatar.tsx

@@ -1,6 +1,6 @@
 // "use client";
 
-// import { AnimatePresence, motion } from "framer-motion";
+// import { AnimatePresence, motion } from "motion/react";
 // import { useEffect, useState } from "react";
 // import ClientOnly from "./custom/ClientOnly";
 

package/src/global-account/react/components/SignInWithB3/steps/LoginStepCustom.tsx

@@ -1,20 +1,20 @@
 import {
-  Button,
-  AuthButton,
-  WalletRow,
-  useAuthentication,
-  useConnect,
-  LoginStepContainer,
-  useAuthStore,
   AllowedStrategy,
+  AuthButton,
+  Button,
   getConnectOptionsFromStrategy,
   isWalletType,
+  LoginStepContainer,
+  useAuthentication,
+  useAuthStore,
+  useConnect,
+  WalletRow,
 } from "@b3dotfun/sdk/global-account/react";
-import { client } from "@b3dotfun/sdk/shared/utils/thirdweb";
 import { useState } from "react";
 import { Chain } from "thirdweb";
 import { useConnect as useConnectTW } from "thirdweb/react";
 import { Account, createWallet, Wallet, WalletId } from "thirdweb/wallets";
+import { client } from "@b3dotfun/sdk/shared/utils/thirdweb";
 
 interface LoginStepCustomProps {
   automaticallySetFirstEoa: boolean;

package/src/global-account/react/components/custom/StaggeredFadeLoader.tsx

@@ -1,4 +1,4 @@
-import { motion } from "framer-motion";
+import { motion } from "motion/react";
 
 export function StaggeredFadeLoader({ className = "bg-white/50", size = 4 }: { className?: string; size?: number }) {
   const circleVariants = {

package/src/global-account/react/components/magicui/AnimatedLottie.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { DotLottieReact } from "@lottiefiles/dotlottie-react";
-import { motion } from "framer-motion";
+import { motion } from "motion/react";
 import React, { useCallback, useEffect, useMemo, useState } from "react";
 
 interface AnimatedLottieProps {

package/src/global-account/react/components/ui/TabSystem.tsx

@@ -2,7 +2,7 @@
 
 import { TransitionPanel } from "@b3dotfun/sdk/global-account/react";
 import { cn } from "@b3dotfun/sdk/shared/utils/cn";
-import { AnimatePresence, motion } from "framer-motion";
+import { AnimatePresence, motion } from "motion/react";
 import React, { ReactNode, createContext, useContext } from "react";
 
 interface TabsContextType {

package/src/global-account/react/components/ui/command.tsx

@@ -24,7 +24,7 @@ const Command = React.forwardRef<
 ));
 Command.displayName = CommandPrimitive.displayName;
 
-interface CommandDialogProps extends DialogProps {}
+type CommandDialogProps = DialogProps;
 
 const CommandDialog = ({ children, ...props }: CommandDialogProps) => {
   return (

package/src/global-account/react/components/ui/input.tsx

@@ -2,7 +2,7 @@ import * as React from "react";
 
 import { cn } from "@b3dotfun/sdk/shared/utils";
 
-export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {}
+export type InputProps = React.InputHTMLAttributes<HTMLInputElement>;
 
 const Input = React.forwardRef<HTMLInputElement, InputProps>(({ className, type, ...props }, ref) => {
   return (

package/src/global-account/react/components/ui/text-loop.tsx

@@ -1,6 +1,6 @@
 "use client";
 import { cn } from "@b3dotfun/sdk/shared/utils/cn";
-import { AnimatePresence, motion, Transition, Variants } from "framer-motion";
+import { AnimatePresence, motion, Transition, Variants } from "motion/react";
 import { Children, useEffect, useState } from "react";
 
 type TextLoopProps = {

package/src/global-account/react/components/ui/text-shimmer.tsx

@@ -1,6 +1,6 @@
 "use client";
 import { cn } from "@b3dotfun/sdk/shared/utils/cn";
-import { motion } from "framer-motion";
+import { motion } from "motion/react";
 import React, { type JSX, useMemo } from "react";
 
 interface TextShimmerProps {

package/src/global-account/react/components/ui/transition-panel.tsx

@@ -1,6 +1,6 @@
 "use client";
 import { cn } from "@b3dotfun/sdk/shared/utils/cn";
-import { AnimatePresence, MotionProps, Transition, Variant, motion } from "framer-motion";
+import { AnimatePresence, MotionProps, Transition, Variant, motion } from "motion/react";
 
 type TransitionPanelProps = {
   children: React.ReactNode[];

package/src/global-account/react/hooks/useAuthentication.ts

@@ -1,5 +1,5 @@
 import app from "@b3dotfun/sdk/global-account/app";
-import { useB3, useAuthStore } from "@b3dotfun/sdk/global-account/react";
+import { useAuthStore, useB3 } from "@b3dotfun/sdk/global-account/react";
 import { ecosystemWalletId } from "@b3dotfun/sdk/shared/constants";
 import { b3MainnetThirdWeb } from "@b3dotfun/sdk/shared/constants/chains/supported";
 import { debugB3React } from "@b3dotfun/sdk/shared/utils/debug";

package/src/global-account/react/hooks/useChainSwitchWithAction.ts

@@ -1,6 +1,6 @@
 import { getChainName, getNativeToken } from "@b3dotfun/sdk/anyspend";
 import { supportedChains } from "@b3dotfun/sdk/shared/constants/chains/supported";
-import { invariant } from "framer-motion";
+import invariant from "invariant";
 import { useCallback, useState } from "react";
 import { toast } from "sonner";
 import { WalletClient } from "viem";
@@ -46,14 +46,15 @@ export function useChainSwitchWithAction() {
       }
 
       try {
-        invariant(!!targetChain.blockExplorers?.default.url, "Block explorer URL is required");
+        const blockExplorerUrl = targetChain.blockExplorers?.default.url;
+        invariant(blockExplorerUrl, "Block explorer URL is required");
         const nativeCurrency = getNativeToken(targetChainId);
         await switchChainAsync({
           chainId: targetChainId,
           addEthereumChainParameter: {
             chainName: targetChain.name,
             rpcUrls: [targetChain.rpcUrls.default.http[0]],
-            blockExplorerUrls: [targetChain.blockExplorers?.default.url!],
+            blockExplorerUrls: [blockExplorerUrl],
             nativeCurrency: {
               name: nativeCurrency.name,
               symbol: nativeCurrency.symbol,

package/src/global-account/react/hooks/useTokenPrice.tsx

@@ -20,7 +20,7 @@ interface TokenPriceResponse {
   };
 }
 
-async function fetchTokenPrice(contractAddress: string, chainId: number, vsCurrency: string = "usd") {
+async function fetchTokenPrice(contractAddress: string, chainId: number, vsCurrency = "usd") {
   const platformId = getPlatformId(chainId as ChainId);
   const response = await fetch(
     `https://pro-api.coingecko.com/api/v3/simple/token_price/${platformId}?contract_addresses=${contractAddress}&vs_currencies=${vsCurrency}`,

package/src/shared/constants/chains/supported.ts

@@ -4,8 +4,10 @@ import invariant from "invariant";
 
 import type { Chain as ThirdwebChain } from "thirdweb";
 // Import the JSON directly
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-ignore
 import chainNetworksJSON from "../../generated/chain-networks.json" with { type: "json" };
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-ignore
 import coingeckoChainsJSON from "../../generated/coingecko-chains.json" with { type: "json" };
 
@@ -45,17 +47,22 @@ export function getCoingeckoChainInfo(chainId: number) {
   return coingeckoChains[chainId];
 }
 
-export const b3MainnetThirdWeb: ThirdwebChain = supportedChainsTW.find(chain => chain.id === 8333)!;
-invariant(b3MainnetThirdWeb, "B3 mainnet chain not found in supported chains TW");
+const _b3MainnetThirdWeb: ThirdwebChain | undefined = supportedChainsTW.find(chain => chain.id === 8333);
+invariant(_b3MainnetThirdWeb, "B3 mainnet chain not found in supported chains TW");
+export const b3MainnetThirdWeb = _b3MainnetThirdWeb;
 
-export const b3TestnetThirdWeb: ThirdwebChain = supportedChainsTW.find(chain => chain.id === 1993)!;
-invariant(b3TestnetThirdWeb, "B3 testnet chain not found in supported chains TW");
+const _b3TestnetThirdWeb: ThirdwebChain | undefined = supportedChainsTW.find(chain => chain.id === 1993);
+invariant(_b3TestnetThirdWeb, "B3 testnet chain not found in supported chains TW");
+export const b3TestnetThirdWeb = _b3TestnetThirdWeb;
 
-export const b3Mainnet = supportedChains.find(chain => chain.id === 8333)!;
-invariant(b3Mainnet, "B3 mainnet chain not found in supported chains");
+const _b3Mainnet = supportedChains.find(chain => chain.id === 8333);
+invariant(_b3Mainnet, "B3 mainnet chain not found in supported chains");
+export const b3Mainnet = _b3Mainnet;
 
-export const b3Testnet = supportedChains.find(chain => chain.id === 1993)!;
-invariant(b3Testnet, "B3 testnet chain not found in supported chains");
+const _b3Testnet = supportedChains.find(chain => chain.id === 1993);
+invariant(_b3Testnet, "B3 testnet chain not found in supported chains");
+export const b3Testnet = _b3Testnet;
 
-export const baseMainnet = supportedChains.find(chain => chain.id === 8453)!;
-invariant(baseMainnet, "Base mainnet chain not found in supported chains");
+const _baseMainnet = supportedChains.find(chain => chain.id === 8453);
+invariant(_baseMainnet, "Base mainnet chain not found in supported chains");
+export const baseMainnet = _baseMainnet;

package/src/shared/utils/centerTruncate.ts

@@ -1,4 +1,4 @@
-export default function centerTruncate(str: string, x: number = 6, y: number = 4): string {
+export default function centerTruncate(str: string, x = 6, y = 4): string {
   if (!str) return "";
 
   if (x + y >= str?.length) {

package/src/shared/utils/debug.ts

@@ -5,7 +5,7 @@ createDebug.formatters.h = v => {
 };
 
 export const debug = createDebug("@@b3dotfun/sdk");
-let debugMakers: Record<string, any> = {};
+const debugMakers: Record<string, any> = {};
 
 export const debugB3React = (name: string) => {
   if (!debugMakers[name]) {

package/src/shared/utils/formatNumber.ts

@@ -7,7 +7,7 @@ export function isString(value: unknown): value is string {
   return typeof value === "string" || value instanceof String;
 }
 
-export function formatNumber(amount: number | string, decimals: number = 3, useAbbreviations: boolean = false): string {
+export function formatNumber(amount: number | string, decimals = 3, useAbbreviations = false): string {
   if (isString(amount)) {
     amount = parseFloat(amount);
     if (isNaN(amount)) {

package/src/shared/utils/simplehash.ts

@@ -310,7 +310,7 @@ export async function fetchSimpleHashData<T extends SimpleHashRoute>(
 
 export async function fetchFungibleAssets(
   fungibleIds: string[],
-  includePrices: boolean = true,
+  includePrices = true,
 ): Promise<SimpleHashTypes.FungibleAsset | SimpleHashTypes.FungibleAsset[]> {
   const route = "/v0/fungibles/assets";
   const params = {

package/src/shared/utils/sprinter.ts

@@ -6,7 +6,7 @@
 //   currentSprinterTestnet = state.sprinterTestnet;
 // });
 
-let currentSprinterTestnet = false;
+const currentSprinterTestnet = false;
 
 export const getSprinterBaseUrl = (test?: boolean) => {
   const isTestnet = test || currentSprinterTestnet;