@b3dotfun/sdk 0.0.7 → 0.0.8

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

@@ -12,14 +12,14 @@ export function useRemoveSessionKey({
   onSuccess,
   onError,
   refetchSigners,
-  chain
+  chain,
 }: {
   chain?: Chain;
   onSuccess: (
     transactionResult: { transactionHash: Hex } & {
       client: ThirdwebClient;
       chain: Chain;
-    }
+    },
   ) => void;
   onError: (error: Error) => void;
   refetchSigners: () => Promise<any>;
@@ -42,10 +42,10 @@ export function useRemoveSessionKey({
           contract: {
             client,
             chain,
-            address: account.address as `0x${string}`
+            address: account.address as `0x${string}`,
           },
           account,
-          sessionKeyAddress: signer.signer as `0x${string}`
+          sessionKeyAddress: signer.signer as `0x${string}`,
         });
 
         debug("@@ecosystem:removeSessionKey:transaction:", transaction);
@@ -62,7 +62,7 @@ export function useRemoveSessionKey({
         setIsRemovingSessionKey(false);
       }
     },
-    [account, chain, onSuccess, onError, refetchSigners]
+    [account, chain, onSuccess, onError, refetchSigners],
   );
 
   return { removeSessionKey: removeSessionKeyHandler, isRemovingSessionKey };

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

@@ -33,7 +33,7 @@ export function useRouter(): UseRouterReturn {
       push: () => {},
       replace: () => {},
       back: () => {},
-      forward: () => {}
+      forward: () => {},
     };
   }
 
@@ -41,7 +41,7 @@ export function useRouter(): UseRouterReturn {
   const [routerState, setRouterState] = useState<RouterState>(() => ({
     pathname: window.location.pathname,
     search: window.location.search,
-    hash: window.location.hash
+    hash: window.location.hash,
   }));
 
   // Update state when location changes
@@ -50,7 +50,7 @@ export function useRouter(): UseRouterReturn {
       setRouterState({
         pathname: window.location.pathname,
         search: window.location.search,
-        hash: window.location.hash
+        hash: window.location.hash,
       });
     };
 
@@ -69,7 +69,7 @@ export function useRouter(): UseRouterReturn {
     setRouterState({
       pathname: window.location.pathname,
       search: window.location.search,
-      hash: window.location.hash
+      hash: window.location.hash,
     });
   }, []);
 
@@ -79,7 +79,7 @@ export function useRouter(): UseRouterReturn {
     setRouterState({
       pathname: window.location.pathname,
       search: window.location.search,
-      hash: window.location.hash
+      hash: window.location.hash,
     });
   }, []);
 
@@ -96,7 +96,7 @@ export function useRouter(): UseRouterReturn {
     push,
     replace,
     back,
-    forward
+    forward,
   };
 }
 

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

@@ -9,13 +9,13 @@ export function useSiwe() {
 
     // generate challenge
     const challenge = await app.service("global-accounts-challenge").create({
-      address: account.address
+      address: account.address,
     });
     debug("@@useAuthenticate:challenge", challenge);
 
     // sign challenge
     const signature = await account.signMessage({
-      message: challenge.message
+      message: challenge.message,
     });
 
     debug("@@useAuthenticate:signature", signature);
@@ -26,7 +26,7 @@ export function useSiwe() {
       message: challenge.message,
       signature,
       serverSignature: challenge.serverSignature,
-      nonce: challenge.nonce
+      nonce: challenge.nonce,
     });
     debug("@@useAuthenticate:response", response);
 
@@ -34,6 +34,6 @@ export function useSiwe() {
   }, []);
 
   return {
-    authenticate
+    authenticate,
   };
 }

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

@@ -28,7 +28,7 @@ export function useTokenBalance({ token, address }: UseTokenBalanceProps): Token
     data: tokenBalance,
     isLoading,
     isFetching,
-    refetch
+    refetch,
   } = useQuery({
     queryKey: ["tokenBalance", effectiveAddress, token.chainId, token.address],
     queryFn: async (): Promise<{ formatted: string; raw: bigint | null }> => {
@@ -40,7 +40,7 @@ export function useTokenBalance({ token, address }: UseTokenBalanceProps): Token
           const rawBalance = nativeToken.balance;
           return {
             formatted: formatTokenAmount(BigInt(rawBalance), Number(nativeToken.decimals || 18)),
-            raw: BigInt(rawBalance)
+            raw: BigInt(rawBalance),
           };
         }
         return { formatted: "0", raw: null };
@@ -48,13 +48,13 @@ export function useTokenBalance({ token, address }: UseTokenBalanceProps): Token
 
       const response = await getERC20Balances(effectiveAddress, {
         chainIds: [token.chainId],
-        includeSpam: false
+        includeSpam: false,
       });
       const tokenBalance = response.data?.find(t => t.token_address === token.address);
       if (tokenBalance?.balance) {
         return {
           formatted: formatTokenAmount(BigInt(tokenBalance.balance), Number(tokenBalance.decimals || 18)),
-          raw: BigInt(tokenBalance.balance)
+          raw: BigInt(tokenBalance.balance),
         };
       }
       return { formatted: "0", raw: null };
@@ -63,7 +63,7 @@ export function useTokenBalance({ token, address }: UseTokenBalanceProps): Token
     staleTime: 30000,
     gcTime: 5 * 60 * 1000,
     retry: 2,
-    structuralSharing: false
+    structuralSharing: false,
   });
 
   // Force a refetch when the wallet or token changes
@@ -79,6 +79,6 @@ export function useTokenBalance({ token, address }: UseTokenBalanceProps): Token
   return {
     rawBalance: tokenBalance?.raw || BigInt(0),
     formattedBalance: tokenBalance?.formatted || "0",
-    isLoading: isActuallyLoading
+    isLoading: isActuallyLoading,
   };
 }

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

@@ -33,7 +33,7 @@ interface UseTokenBalancesByChainProps {
 export function useTokenBalancesByChain({
   address,
   chainsIds,
-  enabled = true
+  enabled = true,
 }: UseTokenBalancesByChainProps): TokenBalancesByChain {
   // Normalize chains to array
   const chainIds = Array.isArray(chainsIds) ? chainsIds : [chainsIds];
@@ -41,7 +41,7 @@ export function useTokenBalancesByChain({
   const {
     data: combinedData,
     isLoading,
-    error
+    error,
   } = useQuery({
     queryKey: ["tokenBalancesByChain", address, chainIds.join(",")],
     queryFn: async () => {
@@ -54,23 +54,23 @@ export function useTokenBalancesByChain({
               const walletBalance = await getWalletBalance({
                 address,
                 client,
-                chain: viemToThirdwebChain(getChainById(chainId)!)
+                chain: viemToThirdwebChain(getChainById(chainId)!),
               });
 
               return {
                 chainId,
-                ...walletBalance
+                ...walletBalance,
               };
-            })
+            }),
           ),
           getERC20Balances(address, {
-            chainIds
-          })
+            chainIds,
+          }),
         ]);
 
         return {
           nativeTokens,
-          fungibleTokens: fungibleResponse.data
+          fungibleTokens: fungibleResponse.data,
         };
       } catch (err) {
         console.error("Error fetching token balances:", err);
@@ -81,13 +81,13 @@ export function useTokenBalancesByChain({
     staleTime: 30000, // Consider data fresh for 30 seconds
     gcTime: 5 * 60 * 1000, // Keep in cache for 5 minutes
     retry: 2, // Limit retries on failure
-    structuralSharing: false
+    structuralSharing: false,
   });
 
   return {
     nativeTokens: combinedData?.nativeTokens ?? [],
     fungibleTokens: combinedData?.fungibleTokens ?? [],
     isLoading,
-    error: error as Error | null
+    error: error as Error | null,
   };
 }

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

@@ -27,9 +27,9 @@ export function useTokenData(chainId?: number, address?: string) {
             method: "POST",
             headers: {
               "X-Service-Method": "findByAddress",
-              "Content-Type": "application/json"
+              "Content-Type": "application/json",
             },
-            body: JSON.stringify({ chainId, address: normalizedAddress })
+            body: JSON.stringify({ chainId, address: normalizedAddress }),
           });
 
           if (response.ok) {
@@ -51,6 +51,6 @@ export function useTokenData(chainId?: number, address?: string) {
     enabled: Boolean(chainId) && Boolean(address) && address?.trim() !== "",
     refetchOnWindowFocus: false,
     refetchOnMount: false,
-    refetchOnReconnect: false
+    refetchOnReconnect: false,
   });
 }

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

@@ -2,8 +2,8 @@
 
 import { Token } from "@b3dotfun/sdk/anyspend";
 import { getCoingeckoChainInfo } from "@b3dotfun/sdk/shared/constants/chains/supported";
+import { useSearchParams } from "@b3dotfun/sdk/shared/react/hooks";
 import { useQuery } from "@tanstack/react-query";
-import { useSearchParams } from "next/navigation";
 
 interface UseTokenFromUrlOptions {
   /**
@@ -33,12 +33,12 @@ async function fetchTokenInfo(network: string, address: string): Promise<TokenIn
     method: "POST",
     headers: {
       "Content-Type": "application/json",
-      "X-Service-Method": "getCoinGeckoTokenInfo"
+      "X-Service-Method": "getCoinGeckoTokenInfo",
     },
     body: JSON.stringify({
       network,
-      address
-    })
+      address,
+    }),
   });
 
   if (!response.ok) {
@@ -56,12 +56,12 @@ export function useTokenFromUrl({ defaultToken, prefix }: UseTokenFromUrlOptions
   const searchParams = useSearchParams();
 
   // Get parameters from URL
-  const currencyParam = searchParams?.get(`${prefix}Currency`);
-  const chainIdParam = searchParams?.get(`${prefix}ChainId`);
+  const currencyParam = searchParams.get(`${prefix}Currency`);
+  const chainIdParam = searchParams.get(`${prefix}ChainId`);
 
   // Determine if we should fetch token info
   const shouldFetchToken = Boolean(
-    currencyParam && chainIdParam && currencyParam.toLowerCase() !== defaultToken.address.toLowerCase()
+    currencyParam && chainIdParam && currencyParam.toLowerCase() !== defaultToken.address.toLowerCase(),
   );
 
   // Determine network based on chainId
@@ -72,7 +72,7 @@ export function useTokenFromUrl({ defaultToken, prefix }: UseTokenFromUrlOptions
     queryFn: () => fetchTokenInfo(network, currencyParam!),
     enabled: shouldFetchToken,
     staleTime: Infinity,
-    gcTime: Infinity
+    gcTime: Infinity,
   });
 
   // Return default token if no params or same as default
@@ -85,7 +85,7 @@ export function useTokenFromUrl({ defaultToken, prefix }: UseTokenFromUrlOptions
     return {
       ...defaultToken,
       address: currencyParam!,
-      chainId: Number(chainIdParam)
+      chainId: Number(chainIdParam),
     };
   }
 
@@ -97,8 +97,8 @@ export function useTokenFromUrl({ defaultToken, prefix }: UseTokenFromUrlOptions
     symbol: tokenInfo.data.attributes.symbol,
     decimals: tokenInfo.data.attributes.decimals,
     metadata: {
-      logoURI: tokenInfo.data.attributes.image_url
-    }
+      logoURI: tokenInfo.data.attributes.image_url,
+    },
   };
 }
 
@@ -108,7 +108,7 @@ export function useTokenFromAddress({ address, chainId }: { address: string; cha
     queryFn: () => fetchTokenInfo(getCoingeckoChainInfo(chainId).coingecko_id, address),
     enabled: Boolean(address),
     staleTime: Infinity,
-    gcTime: Infinity
+    gcTime: Infinity,
   });
 
   if (isError || !tokenInfo) {
@@ -122,7 +122,7 @@ export function useTokenFromAddress({ address, chainId }: { address: string; cha
     symbol: tokenInfo?.data.attributes.symbol || "",
     decimals: tokenInfo?.data.attributes.decimals || 18,
     metadata: {
-      logoURI: tokenInfo?.data.attributes.image_url
-    }
+      logoURI: tokenInfo?.data.attributes.image_url,
+    },
   };
 }

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

@@ -27,9 +27,9 @@ async function fetchTokenPrice(contractAddress: string, chainId: number, vsCurre
     {
       headers: {
         accept: "application/json",
-        "x-cg-pro-api-key": process.env.COINGECKO_API_KEY as string
-      }
-    }
+        "x-cg-pro-api-key": process.env.COINGECKO_API_KEY as string,
+      },
+    },
   );
 
   if (!response.ok) {
@@ -57,13 +57,13 @@ export function useTokenPrice({
   chainId = 8453, // Default to Base
   vsCurrency = "usd",
   refreshInterval = 30000,
-  queryOptions = {}
+  queryOptions = {},
 }: UseTokenPriceProps) {
   const {
     data: price = 0,
     isLoading,
     error,
-    refetch
+    refetch,
   } = useQuery({
     queryKey: ["tokenPrice", contractAddress, chainId, vsCurrency],
     queryFn: () => fetchTokenPrice(contractAddress, chainId, vsCurrency),
@@ -71,14 +71,14 @@ export function useTokenPrice({
     staleTime: refreshInterval / 2, // Consider data stale after half the refresh interval
     retry: 3,
     retryDelay: attemptIndex => Math.min(1000 * 2 ** attemptIndex, 30000),
-    ...queryOptions
+    ...queryOptions,
   });
 
   return {
     price,
     isLoading,
     error,
-    refetch
+    refetch,
   };
 }
 

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

@@ -17,32 +17,32 @@ export function useTokenPriceWithFallback({
   symbol,
   chainId = 8453, // Default to Base
   vsCurrency = "usd",
-  refreshInterval = 30000
+  refreshInterval = 30000,
 }: UseTokenPriceWithFallbackProps) {
   // Try to get the exchange rate using the symbol if provided
   const {
     rate: exchangeRate,
     isLoading: isExchangeRateLoading,
-    error: exchangeRateError
+    error: exchangeRateError,
   } = useExchangeRate({
     baseCurrency: symbol || "",
     quoteCurrency: vsCurrency,
-    refreshInterval
+    refreshInterval,
   });
 
   // Only call useTokenPrice if exchange rate is not available
   const {
     price: tokenPrice,
     isLoading: isTokenPriceLoading,
-    error: tokenPriceError
+    error: tokenPriceError,
   } = useTokenPrice({
     contractAddress,
     chainId,
     vsCurrency,
     refreshInterval,
     queryOptions: {
-      enabled: !isExchangeRateLoading && !exchangeRate && !exchangeRateError
-    }
+      enabled: !isExchangeRateLoading && !exchangeRate && !exchangeRateError,
+    },
   });
 
   // Determine which price to use
@@ -53,6 +53,6 @@ export function useTokenPriceWithFallback({
   return {
     price,
     isLoading,
-    error
+    error,
   };
 }

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

@@ -68,7 +68,7 @@ export function useTokensFromAddress({
   chain,
   limit = 50,
   page = 0,
-  metadata = true
+  metadata = true,
 }: UseTokensFromAddressProps) {
   return useQuery({
     queryKey: ["useTokensFromAddress", ownerAddress, chain, limit, page, metadata],
@@ -113,6 +113,6 @@ export function useTokensFromAddress({
       const data = await response.json();
       return data as TokensResponse;
     },
-    enabled: Boolean(ownerAddress)
+    enabled: Boolean(ownerAddress),
   });
 }

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

@@ -33,11 +33,11 @@ export function useURLParams() {
       url.search = params.toString();
       window.history.pushState({}, "", url.toString());
     },
-    [searchParams]
+    [searchParams],
   );
 
   return {
     searchParams,
-    updateURLParams
+    updateURLParams,
   };
 }

package/src/global-account/react/stores/index.ts

@@ -14,5 +14,5 @@ export type {
   ModalContentType,
   RequestPermissionsModalProps,
   SignInWithB3ModalProps,
-  TransakProps
+  TransakProps,
 } from "./useModalStore";

package/src/global-account/react/stores/useAuthStore.ts

@@ -47,7 +47,7 @@ export const useAuthStore = create<AuthState>(set => ({
       accessToken: params.accessToken,
       chain: params.chain,
       onSuccess: params.onSuccess,
-      onError: params.onError
+      onError: params.onError,
     }),
   reset: () =>
     set({
@@ -59,6 +59,6 @@ export const useAuthStore = create<AuthState>(set => ({
       isAuthenticating: false,
       isAuthenticated: false,
       onSuccess: undefined,
-      onError: undefined
-    })
+      onError: undefined,
+    }),
 }));

package/src/global-account/react/stores/useModalStore.ts

@@ -1,5 +1,6 @@
 import { Token, Tournament } from "@b3dotfun/sdk/anyspend";
 import { NftContract } from "@b3dotfun/sdk/anyspend/types";
+import { GenerateSigMintResponse } from "@b3dotfun/sdk/anyspend/types/signature-mint";
 import { AllowedStrategy } from "@b3dotfun/sdk/global-account/react";
 import { PermissionsConfig } from "@b3dotfun/sdk/global-account/types/permissions";
 import { Address, Chain } from "thirdweb";
@@ -131,6 +132,8 @@ export interface AnySpendNftProps extends BaseModalProps {
   nftContract: NftContract;
   /** Recipient address to receive the NFT */
   recipientAddress?: string;
+  /** Callback function called when the NFT is successfully transferred */
+  onSuccess?: (txHash?: string) => void;
 }
 
 /**
@@ -249,6 +252,21 @@ export interface AnySpendBuySpinProps extends BaseModalProps {
   prefillQuantity?: string;
 }
 
+/**
+ * Props for the AnySpend Signature Mint modal
+ * Handles signature-based NFT minting
+ */
+export interface AnySpendSignatureMintProps extends BaseModalProps {
+  /** Modal type identifier */
+  type: "anySpendSignatureMint";
+  /** Signature data required for minting */
+  signatureData: GenerateSigMintResponse;
+  /** Optional image URL for NFT preview */
+  imageUrl?: string;
+  /** Callback function called when minting is successful */
+  onSuccess?: (txHash?: string) => void;
+}
+
 /**
  * Union type of all possible modal content types
  */
@@ -264,7 +282,8 @@ export type ModalContentType =
   | TransakProps
   | AnySpendOrderHistoryProps
   | AnySpendStakeB3Props
-  | AnySpendBuySpinProps;
+  | AnySpendBuySpinProps
+  | AnySpendSignatureMintProps;
 // Add other modal types here like: | OtherModalProps | AnotherModalProps
 
 /**
@@ -306,7 +325,7 @@ export const useModalStore = create<ModalState>(set => ({
       const newHistory = state.contentType ? [...state.history, state.contentType] : state.history;
       return {
         contentType: content,
-        history: newHistory
+        history: newHistory,
       };
     }),
   navigateBack: () =>
@@ -318,10 +337,10 @@ export const useModalStore = create<ModalState>(set => ({
       const previousModal = newHistory.pop();
       return {
         contentType: previousModal || null,
-        history: newHistory
+        history: newHistory,
       };
     }),
   clearHistory: () => set({ history: [] }),
   ecoSystemAccountAddress: undefined,
-  setEcoSystemAccountAddress: (address: Address) => set({ ecoSystemAccountAddress: address })
+  setEcoSystemAccountAddress: (address: Address) => set({ ecoSystemAccountAddress: address }),
 }));

package/src/global-account/server.ts

@@ -12,12 +12,12 @@ export const authenticateWithRest = async (token: string) => {
     method: "POST",
     headers: {
       "Content-Type": "application/json",
-      Authorization: `Bearer ${token}`
+      Authorization: `Bearer ${token}`,
     },
     body: JSON.stringify({
       strategy: "jwt",
-      accessToken: token
-    })
+      accessToken: token,
+    }),
   });
   return response;
 };

package/src/global-account/types/chain-networks.ts

@@ -2,7 +2,7 @@ import { ObjectIdSchema, Static, Type } from "@feathersjs/typebox";
 
 const ChainContractSchema = Type.Object({
   address: Type.String(),
-  blockCreated: Type.Optional(Type.Integer())
+  blockCreated: Type.Optional(Type.Integer()),
 });
 
 export const chainNetworksSchema = Type.Object(
@@ -13,29 +13,29 @@ export const chainNetworksSchema = Type.Object(
     rpcUrls: Type.Object({
       default: Type.Object({
         http: Type.String({ format: "uri" }),
-        ws: Type.String({ format: "uri" })
+        ws: Type.String({ format: "uri" }),
       }),
       backups: Type.Array(
         Type.Object({
           type: Type.Union([Type.Literal("http"), Type.Literal("ws")]),
-          uri: Type.String()
-        })
-      )
+          uri: Type.String(),
+        }),
+      ),
     }),
     icon: Type.Object({
       url: Type.String({ format: "uri" }),
       width: Type.Integer(),
       height: Type.Integer(),
-      format: Type.String()
+      format: Type.String(),
     }),
     blockExplorers: Type.Object({
       explorerTitle: Type.String(),
-      default: Type.String({ format: "uri" })
+      default: Type.String({ format: "uri" }),
     }),
     nativeCurrency: Type.Object({
       name: Type.String(),
       symbol: Type.String(),
-      decimals: Type.Integer()
+      decimals: Type.Integer(),
     }),
     testnet: Type.Optional(Type.Boolean()),
     testnetConfigID: Type.Optional(Type.Integer()),
@@ -46,9 +46,9 @@ export const chainNetworksSchema = Type.Object(
     fees: Type.Optional(Type.Record(Type.String(), Type.Any())),
     badge: Type.Optional(Type.String({ format: "uri" })),
     color: Type.Optional(Type.String()),
-    enabledFeatures: Type.Optional(Type.Array(Type.String()))
+    enabledFeatures: Type.Optional(Type.Array(Type.String())),
   },
-  { $id: "ChainNetworks", additionalProperties: false }
+  { $id: "ChainNetworks", additionalProperties: false },
 );
 
 export type ChainNetworks = Static<typeof chainNetworksSchema>;

package/src/global-account/types/feature-flags.ts

@@ -5,9 +5,9 @@ export const featureFlagsSchema = Type.Object(
     _id: ObjectIdSchema(),
     id: Type.String(),
     enabled: Type.Boolean(),
-    description: Type.String()
+    description: Type.String(),
   },
-  { $id: "FeatureFlags", additionalProperties: false }
+  { $id: "FeatureFlags", additionalProperties: false },
 );
 
 export type FeatureFlags = Static<typeof featureFlagsSchema>;

package/src/index.ts

@@ -0,0 +1 @@
+//