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

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

@@ -6,6 +6,7 @@ import { Account } from "thirdweb/wallets";
 // import { RelayKitProviderWrapper } from "./RelayKitProviderWrapper";
 
 import { User } from "@b3dotfun/sdk/global-account/types/b3-api.types";
+import { B3Context, B3ContextType } from "./types";
 
 /**
  * Default permissions configuration for B3 provider
@@ -17,51 +18,6 @@ const DEFAULT_PERMISSIONS = {
   endDate: new Date(Date.now() + 1000 * 60 * 60 * 24 * 365) // 1 year from now
 };
 
-/**
- * Context type for B3Provider
- */
-
-export interface B3ContextType {
-  account?: Account;
-  user?: User;
-  setAccount: (account: Account) => void;
-  setUser: (user?: User) => void;
-  initialized: boolean;
-  ready: boolean;
-  environment?: "development" | "production";
-  defaultPermissions?: PermissionsConfig;
-  theme: "light" | "dark";
-}
-
-/**
- * Context for B3 provider
- */
-export const B3Context = createContext<B3ContextType>({
-  account: undefined,
-  user: undefined,
-  setAccount: () => {},
-  setUser: () => {},
-  initialized: false,
-  ready: false,
-  environment: "development",
-  theme: "light"
-});
-
-/**
- * Hook to access the B3 context
- * @throws Error if used outside a B3Provider
- */
-export function useB3() {
-  const context = useContext(B3Context);
-
-  if (!context.initialized) {
-    throw new Error("useB3 must be used within a B3Provider");
-  }
-
-  // Return a stable reference
-  return useMemo(() => context, [context]);
-}
-
 // Create queryClient instance
 const queryClient = new QueryClient();
 
@@ -125,6 +81,9 @@ export function InnerProvider({
     <B3Context.Provider
       value={{
         account: effectiveAccount,
+        automaticallySetFirstEoa: false,
+        setWallet: () => {},
+        wallet: undefined,
         setAccount,
         user,
         setUser,

package/src/global-account/react/components/{B3Provider.tsx → B3Provider/B3Provider.tsx}

@@ -2,15 +2,16 @@ 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 { createContext, useContext, useEffect, useMemo, useState } from "react";
+import { useEffect, useState } from "react";
 import { Toaster } from "sonner";
 import { ThirdwebProvider, useActiveAccount, useConnectedWallets, useSetActiveWallet } from "thirdweb/react";
 import { Account, Wallet } from "thirdweb/wallets";
 import { createConfig, http, WagmiProvider } from "wagmi";
-import { RelayKitProviderWrapper } from "./RelayKitProviderWrapper";
-import { StyleRoot } from "./StyleRoot";
+import { RelayKitProviderWrapper } from "../RelayKitProviderWrapper";
+import { StyleRoot } from "../StyleRoot";
 
 import "@reservoir0x/relay-kit-ui/styles.css";
+import { B3Context, B3ContextType } from "./types";
 
 /**
  * Default permissions configuration for B3 provider
@@ -27,56 +28,6 @@ export const wagmiConfig = createConfig({
   transports: Object.fromEntries(supportedChains.map(chain => [chain.id, http()])) as any
 });
 
-/**
- * Context type for B3Provider
- */
-export interface B3ContextType {
-  account?: Account;
-  automaticallySetFirstEoa: boolean;
-  user?: User;
-  setAccount: (account: Account) => void;
-  setWallet: (wallet: Wallet) => void;
-  wallet?: Wallet;
-  setUser: (user?: User) => void;
-  initialized: boolean;
-  ready: boolean;
-  environment?: "development" | "production";
-  defaultPermissions?: PermissionsConfig;
-  theme: "light" | "dark";
-}
-
-/**
- * Context for B3 provider
- */
-export const B3Context = createContext<B3ContextType>({
-  account: undefined,
-  automaticallySetFirstEoa: false,
-  user: undefined,
-  setAccount: () => {},
-  setWallet: () => {},
-  wallet: undefined,
-  setUser: () => {},
-  initialized: false,
-  ready: false,
-  environment: "development",
-  theme: "light"
-});
-
-/**
- * Hook to access the B3 context
- * @throws Error if used outside a B3Provider
- */
-export function useB3() {
-  const context = useContext(B3Context);
-
-  if (!context.initialized) {
-    throw new Error("useB3 must be used within a B3Provider");
-  }
-
-  // Return a stable reference
-  return useMemo(() => context, [context]);
-}
-
 // Create queryClient instance
 const queryClient = new QueryClient();
 

package/src/global-account/react/components/B3Provider/types.ts

@@ -0,0 +1,40 @@
+import { Account } from "thirdweb/wallets";
+import { User } from "@b3dotfun/sdk/global-account/types/b3-api.types";
+import { Wallet } from "thirdweb/wallets";
+import { PermissionsConfig } from "@b3dotfun/sdk/global-account/types/permissions";
+import { createContext } from "react";
+
+/**
+ * Context type for B3Provider
+ */
+export interface B3ContextType {
+    account?: Account;
+    automaticallySetFirstEoa: boolean;
+    user?: User;
+    setAccount: (account: Account) => void;
+    setWallet: (wallet: Wallet) => void;
+    wallet?: Wallet;
+    setUser: (user?: User) => void;
+    initialized: boolean;
+    ready: boolean;
+    environment?: "development" | "production";
+    defaultPermissions?: PermissionsConfig;
+    theme: "light" | "dark";
+  }
+
+/**
+ * Context for B3 provider
+ */
+export const B3Context = createContext<B3ContextType>({
+    account: undefined,
+    automaticallySetFirstEoa: false,
+    user: undefined,
+    setAccount: () => {},
+    setWallet: () => {},
+    wallet: undefined,
+    setUser: () => {},
+    initialized: false,
+    ready: false,
+    environment: "development",
+    theme: "light"
+  });

package/src/global-account/react/components/B3Provider/useB3.ts

@@ -0,0 +1,17 @@
+import { useContext, useMemo } from "react";
+import { B3Context } from "./types";
+
+/**
+ * Hook to access the B3 context
+ * @throws Error if used outside a B3Provider
+ */
+export function useB3() {
+    const context = useContext(B3Context);
+
+    if (!context.initialized) {
+      throw new Error("useB3 must be used within a B3Provider");
+    }
+
+    // Return a stable reference
+    return useMemo(() => context, [context]);
+  }

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

@@ -1,5 +1,5 @@
 import { PropsWithChildren } from "react";
-import { useB3 } from "./B3Provider";
+import { useB3 } from "./B3Provider/useB3";
 
 export function StyleRoot({ children, id }: PropsWithChildren<{ id?: string }>) {
   const { theme: b3Theme } = useB3();

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

@@ -1,18 +1,20 @@
 // Core Components
 export { B3DynamicModal } from "./B3DynamicModal";
-export { B3Context, B3Provider, InnerProvider, useB3, type B3ContextType } from "./B3Provider";
+export { B3Provider, InnerProvider } from "./B3Provider/B3Provider";
+export { useB3 } from "./B3Provider/useB3";
+export { B3Context, type B3ContextType } from "./B3Provider/types";
 export { RelayKitProviderWrapper } from "./RelayKitProviderWrapper";
 export { StyleRoot } from "./StyleRoot";
 
 // SignInWithB3 Components
+export { AuthButton } from "./SignInWithB3/components/AuthButton";
+export { PermissionItem } from "./SignInWithB3/components/PermissionItem";
+export { WalletRow } from "./SignInWithB3/components/WalletRow";
 export { SignInWithB3 } from "./SignInWithB3/SignInWithB3";
 export { SignInWithB3Flow } from "./SignInWithB3/SignInWithB3Flow";
 export { SignInWithB3Privy } from "./SignInWithB3/SignInWithB3Privy";
-export { PermissionItem } from "./SignInWithB3/components/PermissionItem";
-export { WalletRow } from "./SignInWithB3/components/WalletRow";
-export { AuthButton } from "./SignInWithB3/components/AuthButton";
 export { LoginStepContainer } from "./SignInWithB3/steps/LoginStep";
-export { type AllowedStrategy, getConnectOptionsFromStrategy, isWalletType } from "./SignInWithB3/utils/signInUtils";
+export { getConnectOptionsFromStrategy, isWalletType, type AllowedStrategy } from "./SignInWithB3/utils/signInUtils";
 
 // ManageAccount Components
 export { ManageAccount } from "./ManageAccount/ManageAccount";
@@ -83,13 +85,13 @@ export { Popover, PopoverContent, PopoverTrigger } from "./ui/popover";
 export { ScrollArea, ScrollBar } from "./ui/scroll-area";
 export { ShinyButton } from "./ui/ShinyButton";
 export { Skeleton } from "./ui/skeleton";
-export { Tabs, TabsContent, TabsList, TabsTransitionWrapper, TabTrigger } from "./ui/TabSystem";
 export {
   TabsContent as TabsContentPrimitive,
   TabsList as TabsListPrimitive,
   Tabs as TabsPrimitive,
   TabTrigger as TabTriggerPrimitive
 } from "./ui/Tabs";
+export { Tabs, TabsContent, TabsList, TabsTransitionWrapper, TabTrigger } from "./ui/TabSystem";
 export { TextLoop } from "./ui/text-loop";
 export { TextShimmer } from "./ui/text-shimmer";
 export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./ui/tooltip";

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

@@ -16,7 +16,7 @@ export { useHasMounted } from "./useHasMounted";
 export { useIsMobile } from "./useIsMobile";
 export { useIsomorphicLayoutEffect } from "./useIsomorphicLayoutEffect";
 export { useMediaQuery } from "./useMediaQuery";
-export { useNativeBalance } from "./useNativeBalance";
+export { useNativeBalance, useNativeBalanceFromRPC } from "./useNativeBalance";
 export { useOnchainName } from "./useOnchainName";
 export { useOneBalance } from "./useOneBalance";
 export { useQueryB3 } from "./useQueryB3";

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

@@ -81,7 +81,7 @@ export function useBestTransactionPath({
 
   // Calculate non-native token balance using the same logic as hasNativeBalance
   const nonNativeTokenBalance = useMemo(() => {
-    if (isNativeToken(token.address)) return 0n;
+    if (isNativeToken(token.address)) return BigInt(0);
 
     // For sprinter supported tokens, use aggregated balances
     if (isSupportedSprinterToken && !oneBalanceLoading && aggregatedBalances) {
@@ -92,7 +92,7 @@ export function useBestTransactionPath({
           return BigInt(chainBalance.balance);
         }
       }
-      return 0n;
+      return BigInt(0);
     }
 
     // For non-sprinter tokens, use token balance from our new hook
@@ -145,7 +145,7 @@ export function useBestTransactionPath({
 
   // Determine the best path
   const path = useMemo(() => {
-    const availableBalance = (isNativeToken(token.address) ? rawBalance : nonNativeTokenBalance) || 0n;
+    const availableBalance = (isNativeToken(token.address) ? rawBalance : nonNativeTokenBalance) || BigInt(0);
 
     // Case 1: Native path if available
     if (hasNativeBalance) {

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

@@ -77,7 +77,7 @@ export function useTokenBalance({ token, address }: UseTokenBalanceProps): Token
   const isActuallyLoading = !ready || !effectiveAddress || isLoading || (isFetching && !tokenBalance);
 
   return {
-    rawBalance: tokenBalance?.raw || 0n,
+    rawBalance: tokenBalance?.raw || BigInt(0),
     formattedBalance: tokenBalance?.formatted || "0",
     isLoading: isActuallyLoading
   };

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

@@ -0,0 +1,14 @@
+// export * from "./components";
+// export * from "./hooks";
+// export * from "./stores";
+
+// We only export the components and hooks that are needed for the native app
+
+export { B3Provider } from "./components/B3Provider/B3Provider.native";
+
+export { useB3 } from "./components/B3Provider/useB3";
+export { B3Context, type B3ContextType } from "./components/B3Provider/types";
+export { useAccountWallet } from "./hooks/useAccountWallet";
+export { useAuthentication } from "./hooks/useAuthentication";
+export { useSiwe } from "./hooks/useSiwe";
+export { useAuthStore } from "./stores/useAuthStore";

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

@@ -245,6 +245,8 @@ export interface AnySpendBuySpinProps extends BaseModalProps {
   recipientAddress: string;
   /** Callback function called when the spin purchase is successful */
   onSuccess?: (txHash?: string) => void;
+  /** Prefill quantity of spins to purchase */
+  prefillQuantity?: string;
 }
 
 /**

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

@@ -4,6 +4,7 @@ import type { Chain as ThirdwebChain } from "thirdweb";
 // Import the JSON directly
 // @ts-ignore
 import chainNetworksJSON from "../../../generated/chain-networks.json" with { type: "json" };
+import invariant from "invariant";
 const chainNetworks = chainNetworksJSON as ChainNetworks[];
 
 // Convert custom chains to Viem format
@@ -26,8 +27,15 @@ export const supportedChainsTW: ThirdwebChain[] = [
 // Original format from chain-networks.json
 export const supportedChainNetworks = chainNetworks;
 
-export const b3Mainnet = supportedChains.find(chain => chain.id === 8333);
-export const b3Testnet = supportedChains.find(chain => chain.id === 1993);
+export const b3Mainnet = supportedChains.find(chain => chain.id === 8333)!;
+invariant(b3Mainnet, "B3 mainnet chain not found in supported chains");
+export const b3Testnet = supportedChains.find(chain => chain.id === 1993)!;
+invariant(b3Testnet, "B3 testnet chain not found in supported chains");
+export const baseMainnet = supportedChains.find(chain => chain.id === 8453);
+invariant(baseMainnet, "Base mainnet chain not found in supported chains");
 
-export const b3MainnetThirdWeb = supportedChainsTW.find(chain => chain.id === 8333);
-export const b3TestnetThirdWeb = supportedChainsTW.find(chain => chain.id === 1993);
+export const b3MainnetThirdWeb = supportedChainsTW.find(chain => chain.id === 8333)!;
+invariant(b3MainnetThirdWeb, "B3 mainnet chain not found in supported chains TW");
+
+export const b3TestnetThirdWeb = supportedChainsTW.find(chain => chain.id === 1993)!;
+invariant(b3TestnetThirdWeb, "B3 testnet chain not found in supported chains TW");

package/src/shared/utils/chains.ts

@@ -1,5 +1,5 @@
 import { supportedChains } from "@b3dotfun/sdk/shared/constants/chains/supported";
-import { Chain } from "viem/chains";
+import { b3, Chain } from "viem/chains";
 
 const baseChainBaseUrl = "https://basescan.org";
 
@@ -13,6 +13,9 @@ export function chainIdToName(id: number) {
 }
 
 export function getExplorerUrl(chain: Chain, txHash: string): string {
+  if (chain.id === b3.id) {
+    return "https://explorer.b3.fun/b3/tx/" + txHash;
+  }
   let baseUrl = chain.blockExplorers?.default.url;
   if (chain.id === 8453) {
     baseUrl = baseChainBaseUrl;

package/src/shared/utils/number.ts

@@ -25,7 +25,7 @@ export function divideBigIntToString(numerator: bigint, denominator: bigint, dec
   let decimalStr = "";
 
   for (let i = 0; i < decimalPlaces; i++) {
-    remainder *= 10n;
+    remainder *= BigInt(10);
     const digit = remainder / denominator;
     decimalStr += digit.toString();
     remainder %= denominator;

package/dist/cjs/styles/index.d.ts

@@ -1,20 +0,0 @@
-/**
- * @fileoverview CSS Styles Entry Point for @b3dotfun/sdk
- *
- * This file serves as the TypeScript entry point for importing the SDK's CSS styles.
- * It enables consumers to import styles using: `import "../styles"`
- *
- * @example
- * ```typescript
- * // In your app's main file:
- * import "../styles";
- * ```
- *
- * Technical Notes:
- * - This is a side-effect import that loads CSS into the page
- * - The TypeScript file is required for proper module resolution in monorepos
- * - The actual CSS is processed by the build system (PostCSS) and output to dist/styles/
- * - Contains B3 design system variables, fonts, and component styles
- */
-import "../../dist/styles/index.css";
-export {};

package/dist/cjs/styles/index.js

@@ -1,22 +0,0 @@
-"use strict";
-/**
- * @fileoverview CSS Styles Entry Point for @b3dotfun/sdk
- *
- * This file serves as the TypeScript entry point for importing the SDK's CSS styles.
- * It enables consumers to import styles using: `import "../styles"`
- *
- * @example
- * ```typescript
- * // In your app's main file:
- * import "../styles";
- * ```
- *
- * Technical Notes:
- * - This is a side-effect import that loads CSS into the page
- * - The TypeScript file is required for proper module resolution in monorepos
- * - The actual CSS is processed by the build system (PostCSS) and output to dist/styles/
- * - Contains B3 design system variables, fonts, and component styles
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-// Side-effect import of the main CSS file
-require("../../dist/styles/index.css");

package/dist/esm/styles/index.d.ts

@@ -1,20 +0,0 @@
-/**
- * @fileoverview CSS Styles Entry Point for @b3dotfun/sdk
- *
- * This file serves as the TypeScript entry point for importing the SDK's CSS styles.
- * It enables consumers to import styles using: `import "../styles"`
- *
- * @example
- * ```typescript
- * // In your app's main file:
- * import "../styles";
- * ```
- *
- * Technical Notes:
- * - This is a side-effect import that loads CSS into the page
- * - The TypeScript file is required for proper module resolution in monorepos
- * - The actual CSS is processed by the build system (PostCSS) and output to dist/styles/
- * - Contains B3 design system variables, fonts, and component styles
- */
-import "../../dist/styles/index.css";
-export {};

package/dist/esm/styles/index.js

@@ -1,20 +0,0 @@
-/**
- * @fileoverview CSS Styles Entry Point for @b3dotfun/sdk
- *
- * This file serves as the TypeScript entry point for importing the SDK's CSS styles.
- * It enables consumers to import styles using: `import "../styles"`
- *
- * @example
- * ```typescript
- * // In your app's main file:
- * import "../styles";
- * ```
- *
- * Technical Notes:
- * - This is a side-effect import that loads CSS into the page
- * - The TypeScript file is required for proper module resolution in monorepos
- * - The actual CSS is processed by the build system (PostCSS) and output to dist/styles/
- * - Contains B3 design system variables, fonts, and component styles
- */
-// Side-effect import of the main CSS file
-import "../../dist/styles/index.css";

package/dist/types/styles/index.d.ts

@@ -1,20 +0,0 @@
-/**
- * @fileoverview CSS Styles Entry Point for @b3dotfun/sdk
- *
- * This file serves as the TypeScript entry point for importing the SDK's CSS styles.
- * It enables consumers to import styles using: `import "@b3dotfun/sdk/styles"`
- *
- * @example
- * ```typescript
- * // In your app's main file:
- * import "@b3dotfun/sdk/styles";
- * ```
- *
- * Technical Notes:
- * - This is a side-effect import that loads CSS into the page
- * - The TypeScript file is required for proper module resolution in monorepos
- * - The actual CSS is processed by the build system (PostCSS) and output to dist/styles/
- * - Contains B3 design system variables, fonts, and component styles
- */
-import "../../dist/styles/index.css";
-export {};

package/src/styles/index.ts

@@ -1,24 +0,0 @@
-/**
- * @fileoverview CSS Styles Entry Point for @b3dotfun/sdk
- *
- * This file serves as the TypeScript entry point for importing the SDK's CSS styles.
- * It enables consumers to import styles using: `import "@b3dotfun/sdk/styles"`
- *
- * @example
- * ```typescript
- * // In your app's main file:
- * import "@b3dotfun/sdk/styles";
- * ```
- *
- * Technical Notes:
- * - This is a side-effect import that loads CSS into the page
- * - The TypeScript file is required for proper module resolution in monorepos
- * - The actual CSS is processed by the build system (PostCSS) and output to dist/styles/
- * - Contains B3 design system variables, fonts, and component styles
- */
-
-// Side-effect import of the main CSS file
-import "../../dist/styles/index.css";
-
-// Export empty object to make this a valid ES module
-export {};