@b3dotfun/sdk 0.0.7-alpha.2 → 0.0.7-alpha.21

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?: () => 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/shared/constants/chains/b3Chain.ts

@@ -17,11 +17,11 @@ export const viemToThirdwebChain = (chain: Chain): ThirdwebChain => {
       ? [
           {
             name: chain.blockExplorers.default.name,
-            url: chain.blockExplorers.default.url
-          }
+            url: chain.blockExplorers.default.url,
+          },
         ]
       : undefined,
-    testnet: chain.testnet ? true : undefined
+    testnet: chain.testnet ? true : undefined,
   });
 };
 
@@ -32,27 +32,27 @@ export const b3Testnet: Chain = defineChain({
   rpcUrls: {
     default: {
       http: ["https://sepolia.b3.fun"],
-      ws: ["wss://sepolia.b3.fun/ws"]
-    }
+      ws: ["wss://sepolia.b3.fun/ws"],
+    },
   },
   icon: {
     url: "https://cdn.b3.fun/b3_logo.svg",
     width: 32,
     height: 32,
-    format: "svg"
+    format: "svg",
   },
   blockExplorers: {
     default: {
       name: "B3 Explorer",
-      url: "https://sepolia-explorer.b3.fun"
-    }
+      url: "https://sepolia-explorer.b3.fun",
+    },
   },
   nativeCurrency: {
     name: "Ether",
     symbol: "ETH",
-    decimals: 18
+    decimals: 18,
   },
-  testnet: true
+  testnet: true,
 });
 
 export const b3Mainnet = defineChain({
@@ -62,26 +62,26 @@ export const b3Mainnet = defineChain({
   rpcUrls: {
     default: {
       http: ["https://mainnet-rpc.b3.fun"],
-      ws: ["wss://mainnet-rpc.b3.fun/ws"]
-    }
+      ws: ["wss://mainnet-rpc.b3.fun/ws"],
+    },
   },
   icon: {
     url: "https://cdn.b3.fun/b3_logo.svg",
     width: 32,
     height: 32,
-    format: "svg"
+    format: "svg",
   },
   blockExplorers: {
     default: {
       name: "B3 Explorer",
-      url: "https://explorer.b3.fun"
-    }
+      url: "https://explorer.b3.fun",
+    },
   },
   nativeCurrency: {
     name: "Ether",
     symbol: "ETH",
-    decimals: 18
-  }
+    decimals: 18,
+  },
 });
 
 export const getViemChainConfig = (config: ChainNetworks) =>
@@ -92,18 +92,18 @@ export const getViemChainConfig = (config: ChainNetworks) =>
     rpcUrls: {
       default: {
         http: [config.rpcUrls.default.http],
-        ws: [config.rpcUrls.default.ws]
-      }
+        ws: [config.rpcUrls.default.ws],
+      },
     },
     icon: config.icon,
     blockExplorers: {
       default: {
         name: config.blockExplorers.explorerTitle,
-        url: config.blockExplorers.default
-      }
+        url: config.blockExplorers.default,
+      },
     },
     nativeCurrency: config.nativeCurrency,
-    testnet: config.testnet ? true : undefined
+    testnet: config.testnet ? true : undefined,
   });
 
 export const thirdwebB3Testnet: ThirdwebChain = defineThirdwebChain({
@@ -114,20 +114,20 @@ export const thirdwebB3Testnet: ThirdwebChain = defineThirdwebChain({
     url: "https://cdn.b3.fun/b3_logo.svg",
     width: 32,
     height: 32,
-    format: "svg"
+    format: "svg",
   },
   blockExplorers: [
     {
       name: "B3 Explorer",
-      url: "https://sepolia-explorer.b3.fun"
-    }
+      url: "https://sepolia-explorer.b3.fun",
+    },
   ],
   nativeCurrency: {
     name: "Ether",
     symbol: "ETH",
-    decimals: 18
+    decimals: 18,
   },
-  testnet: true
+  testnet: true,
 });
 
 export const thirdwebB3Mainnet: ThirdwebChain = defineThirdwebChain({
@@ -138,19 +138,19 @@ export const thirdwebB3Mainnet: ThirdwebChain = defineThirdwebChain({
     url: "https://cdn.b3.fun/b3_logo.svg",
     width: 32,
     height: 32,
-    format: "svg"
+    format: "svg",
   },
   blockExplorers: [
     {
       name: "B3 Explorer",
-      url: "https://explorer.b3.fun"
-    }
+      url: "https://explorer.b3.fun",
+    },
   ],
   nativeCurrency: {
     name: "Ether",
     symbol: "ETH",
-    decimals: 18
-  }
+    decimals: 18,
+  },
 });
 
 export const getThirdwebChainConfig = (config: ChainNetworks): ThirdwebChain =>
@@ -162,11 +162,11 @@ export const getThirdwebChainConfig = (config: ChainNetworks): ThirdwebChain =>
     blockExplorers: [
       {
         name: config.blockExplorers.explorerTitle,
-        url: config.blockExplorers.default
-      }
+        url: config.blockExplorers.default,
+      },
     ],
     nativeCurrency: config.nativeCurrency,
-    testnet: config.testnet ? true : undefined
+    testnet: config.testnet ? true : undefined,
   });
 
 export const b3Chain = process.env.NEXT_PUBLIC_B3_CHAINID === "8333" ? b3Mainnet : b3Testnet;

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

@@ -36,7 +36,7 @@ export const CHAIN_PLATFORM_MAP = {
   // Gnosis Chain
   100: "xdai",
   // Moonbeam
-  1284: "moonbeam"
+  1284: "moonbeam",
 } as const;
 
 export type ChainId = keyof typeof CHAIN_PLATFORM_MAP;

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

@@ -25,7 +25,7 @@ export const supportedChainsTW: ThirdwebChain[] = [
       const networkData = chainNetworks.find(n => n.id === chain.id);
       return networkData ? toThirdwebChain(networkData) : undefined;
     })
-    .filter((chain): chain is NonNullable<typeof chain> => chain !== undefined)
+    .filter((chain): chain is NonNullable<typeof chain> => chain !== undefined),
 ];
 
 // Original format from chain-networks.json

package/src/shared/constants/index.ts

@@ -12,7 +12,7 @@ export const tokenIcons = {
   USDC: "https://cdn.b3.fun/usd-coin.svg",
   USDT: "https://cdn.b3.fun/usdt.svg",
   DAI: "https://cdn.b3.fun/dai.svg",
-  B3: b3CoinIcon
+  B3: b3CoinIcon,
   // Add more asset icons as needed
 };
 
@@ -24,3 +24,5 @@ export const THIRDWEB_CLIENT_ID =
 export const CLIENT_APP_BUNDLE_ID = process.env.EXPO_PUBLIC_B3_BUNDLE_ID || "";
 
 export const B3_AUTH_COOKIE_NAME = "b3-auth";
+
+export const ENS_GATEWAY_URL = "https://ens-gateway.b3.fun/";

package/src/shared/react/hooks/index.ts

@@ -0,0 +1 @@
+export * from "./useNavigation";

package/src/shared/react/hooks/useNavigation.ts

@@ -0,0 +1,61 @@
+import { useEffect, useState } from "react";
+
+/**
+ * Framework-agnostic hook for reading URL search parameters
+ * Works with Next.js, Vite, and other React applications
+ */
+export function useSearchParams() {
+  const [searchParams, setSearchParams] = useState<URLSearchParams>(() => {
+    if (typeof window !== "undefined") {
+      return new URLSearchParams(window.location.search);
+    }
+    return new URLSearchParams();
+  });
+
+  useEffect(() => {
+    if (typeof window !== "undefined") {
+      const params = new URLSearchParams(window.location.search);
+      setSearchParams(params);
+
+      // Listen for URL changes (for client-side routing)
+      const handlePopState = () => {
+        setSearchParams(new URLSearchParams(window.location.search));
+      };
+
+      window.addEventListener("popstate", handlePopState);
+      return () => window.removeEventListener("popstate", handlePopState);
+    }
+  }, []);
+
+  return searchParams;
+}
+
+/**
+ * Framework-agnostic navigation utility
+ * Works with Next.js, Vite, and other React applications
+ */
+export function useRouter() {
+  const push = (url: string) => {
+    if (typeof window !== "undefined") {
+      // For client-side routing frameworks, we should use history.pushState
+      // This will work for most SPA frameworks
+      window.history.pushState({}, "", url);
+
+      // Dispatch a custom event that components can listen to
+      window.dispatchEvent(new PopStateEvent("popstate"));
+    }
+  };
+
+  return { push };
+}
+
+/**
+ * Direct utility function for getting search params without a hook
+ * Useful for server-side or one-time usage
+ */
+export function getSearchParams(): URLSearchParams | null {
+  if (typeof window !== "undefined") {
+    return new URLSearchParams(window.location.search);
+  }
+  return null;
+}

package/src/shared/react/index.ts

@@ -0,0 +1 @@
+export * from "./hooks";

package/src/shared/thirdweb/initiateClient.ts

@@ -4,7 +4,7 @@ import { client } from "./generated/client.gen";
 (function () {
   // Set BASE URL
   client.setConfig({
-    baseUrl: "https://insight.thirdweb.com"
+    baseUrl: "https://insight.thirdweb.com",
   });
 
   // Interceptors for issues described here https://npc-labs.slack.com/archives/C070E6HNG85/p1742446793549779?thread_ts=1741637902.666019&cid=C070E6HNG85
@@ -24,7 +24,7 @@ import { client } from "./generated/client.gen";
 
     return new Request(newUrl, {
       ...request,
-      headers
+      headers,
     });
   });
 })();

package/src/shared/thirdweb/openapi-ts.config.ts

@@ -3,5 +3,5 @@ import { defineConfig } from "@hey-api/openapi-ts";
 export default defineConfig({
   input: "./insight-service.json",
   output: "./src/thirdweb/generated",
-  plugins: ["@hey-api/client-fetch", "@tanstack/react-query"] // Using fetch client as an example
+  plugins: ["@hey-api/client-fetch", "@tanstack/react-query"], // Using fetch client as an example
 });

package/src/shared/utils/b3Ens.ts

@@ -4,8 +4,8 @@ export function getEnsName(name: string): Promise<Response> {
   return fetch(url + `get/${name}`, {
     method: "GET",
     headers: {
-      "Content-Type": "application/json"
-    }
+      "Content-Type": "application/json",
+    },
   });
 }
 
@@ -18,8 +18,8 @@ export async function getB3NameByAddress(address: string): Promise<B3NameRespons
     const response = await fetch(url + `address/${address}`, {
       method: "GET",
       headers: {
-        "Content-Type": "application/json"
-      }
+        "Content-Type": "application/json",
+      },
     });
     return response.json();
   } catch (error) {

package/src/shared/utils/chain-transformers.ts

@@ -11,20 +11,20 @@ export function toViemChain(network: ChainNetworks): Chain {
     rpcUrls: {
       default: {
         http: [network.rpcUrls.default.http],
-        webSocket: network.rpcUrls.default.ws ? [network.rpcUrls.default.ws] : undefined
-      }
+        webSocket: network.rpcUrls.default.ws ? [network.rpcUrls.default.ws] : undefined,
+      },
     },
     blockExplorers: {
       default: {
         name: network.blockExplorers.explorerTitle,
-        url: network.blockExplorers.default
-      }
+        url: network.blockExplorers.default,
+      },
     },
     contracts: network.contracts,
     testnet: network.testnet,
     sourceId: network.sourceId,
     formatters: network.formatters,
-    fees: network.fees
+    fees: network.fees,
   };
 }
 
@@ -38,14 +38,14 @@ export function toThirdwebChain(network: ChainNetworks): ThirdwebChain {
       url: network.icon.url,
       width: network.icon.width,
       height: network.icon.height,
-      format: network.icon.format
+      format: network.icon.format,
     },
     blockExplorers: [
       {
         name: network.blockExplorers.explorerTitle,
-        url: network.blockExplorers.default
-      }
+        url: network.blockExplorers.default,
+      },
     ],
-    testnet: network.testnet ? true : undefined
+    testnet: network.testnet ? true : undefined,
   });
 }