@b3dotfun/sdk 0.1.1-test.0 → 0.1.2-test.0

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

@@ -1,71 +1,84 @@
 import { Users } from "@b3dotfun/b3-api";
-import { debugB3React } from "@b3dotfun/sdk/shared/utils/debug";
 import { useEffect } from "react";
-import { create } from "zustand";
-import { persist } from "zustand/middleware";
-
-const debug = debugB3React("useUserQuery");
+import { useUserStore } from "../stores/userStore";
 
 const USER_QUERY_KEY = ["b3-user"];
 
-interface UserStore {
-  user: Users | null;
-  setUser: (user: Users | undefined) => void;
-  clearUser: () => void;
-}
-
-/**
- * Zustand store for managing user state
- * Persists user data to localStorage
- */
-const useUserStore = create<UserStore>()(
-  persist(
-    set => ({
-      user: null,
-      setUser: (newUser: Users | undefined) => {
-        const userToSave = newUser ?? null;
-        set({ user: userToSave });
-        debug("User updated", userToSave);
-      },
-      clearUser: () => {
-        set({ user: null });
-        debug("User cleared");
-      },
-    }),
-    {
-      name: "b3-user",
-      onRehydrateStorage: () => (_, error) => {
-        if (error) {
-          console.warn("Failed to rehydrate user store:", error);
-        }
-      },
-    },
-  ),
-);
-
 /**
  * NOTE: THIS IS ONLY MEANT FOR INTERNAL USE, from useOnConnect
  *
- * Hook to query and manage user data
- * Provides user state and methods to update it
- * Uses Zustand store with persistence to localStorage
+ * Custom hook to manage user state with Zustand
+ * This allows for invalidation and refetching of user data
  */
 export function useUserQuery() {
   const user = useUserStore(state => state.user);
-  const setUser = useUserStore(state => state.setUser);
-  const clearUser = useUserStore(state => state.clearUser);
+  const setUserStore = useUserStore(state => state.setUser);
+  const clearUserStore = useUserStore(state => state.clearUser);
 
+  // Listen for storage events from other tabs/windows
   useEffect(() => {
-    if (user) {
-      debug("User loaded from store", user);
+    const handleStorageChange = (e: StorageEvent) => {
+      if (e.key === "b3-user") {
+        // Sync with changes from other tabs/windows
+        const stored = e.newValue;
+        if (stored) {
+          try {
+            const parsed = JSON.parse(stored);
+            // Zustand persist format: { state: { user: ... }, version: ... }
+            const userData = parsed?.state?.user ?? parsed?.user ?? null;
+            useUserStore.setState({ user: userData });
+          } catch (error) {
+            console.warn("Failed to parse user from storage event:", error);
+          }
+        } else {
+          useUserStore.setState({ user: null });
+        }
+      }
+    };
+
+    window.addEventListener("storage", handleStorageChange);
+    return () => {
+      window.removeEventListener("storage", handleStorageChange);
+    };
+  }, []);
+
+  // Helper function to set user (maintains backward compatibility)
+  const setUser = (newUser?: Users) => {
+    setUserStore(newUser);
+  };
+
+  // Helper function to invalidate and refetch user
+  const refetchUser = async () => {
+    // Re-read from localStorage and update store
+    // Zustand persist stores data as { state: { user: ... }, version: ... }
+    const stored = localStorage.getItem("b3-user");
+    if (stored) {
+      try {
+        const parsed = JSON.parse(stored);
+        // Zustand persist format: { state: { user: ... }, version: ... }
+        const userData = parsed?.state?.user ?? parsed?.user ?? null;
+        useUserStore.setState({ user: userData });
+        return userData ?? undefined;
+      } catch (error) {
+        console.warn("Failed to refetch user from localStorage:", error);
+        // Fallback to current store state
+        return useUserStore.getState().user ?? undefined;
+      }
     }
-  }, [user]);
+    useUserStore.setState({ user: null });
+    return undefined;
+  };
+
+  // Helper function to clear user
+  const clearUser = () => {
+    clearUserStore();
+  };
 
   return {
-    user,
+    user: user ?? undefined,
     setUser,
+    refetchUser,
     clearUser,
+    queryKey: USER_QUERY_KEY,
   };
 }
-
-export { USER_QUERY_KEY };

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

@@ -6,8 +6,6 @@
 
 export { B3Provider } from "./components/B3Provider/B3Provider.native";
 
-export { B3Context, type B3ContextType } from "./components/B3Provider/types";
-export { useB3 } from "./components/B3Provider/useB3";
 export { useAccountWallet } from "./hooks/useAccountWallet";
 export { useAuthentication } from "./hooks/useAuthentication";
 export { useProfile } from "./hooks/useProfile";

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

@@ -1,3 +1,4 @@
+import { Users } from "@b3dotfun/b3-api";
 import { components } from "@b3dotfun/sdk/anyspend/types/api";
 import { GenerateSigMintResponse } from "@b3dotfun/sdk/anyspend/types/signatureMint";
 import { AllowedStrategy } from "@b3dotfun/sdk/global-account/react";
@@ -43,6 +44,8 @@ export interface SignInWithB3ModalProps extends BaseModalProps {
   source?: "signInWithB3Button" | "requestPermissions";
   /** Whether to show the signers enabled modal */
   signersEnabled?: boolean;
+  /** Callback for turnkey auth */
+  onTurnkeyConnect?: (user: Users) => void;
 }
 
 /**
@@ -511,6 +514,65 @@ export interface AnySpendCollectorClubPurchaseProps extends BaseModalProps {
   forceFiatPayment?: boolean;
 }
 
+/**
+ * Props for the AnySpend Deposit modal
+ * Flexible deposit component with optional chain selection
+ */
+export interface AnySpendDepositModalProps extends BaseModalProps {
+  /** Modal type identifier */
+  type: "anySpendDeposit";
+  /** Order ID to load an existing order */
+  loadOrder?: string;
+  /** The recipient address for the deposit */
+  recipientAddress: string;
+  /** Payment type - crypto or fiat. If not set, shows chain selection first */
+  paymentType?: "crypto" | "fiat";
+  /** Source token address to pre-select */
+  sourceTokenAddress?: string;
+  /** Source chain ID to pre-select. If not provided, shows chain selection */
+  sourceTokenChainId?: number;
+  /** The destination token address */
+  destinationTokenAddress: string;
+  /** The destination chain ID */
+  destinationTokenChainId: number;
+  /** Callback when deposit succeeds */
+  onSuccess?: (amount: string) => void;
+  /** Callback for opening a custom modal (e.g., for special token handling) */
+  onOpenCustomModal?: () => void;
+  /** Custom footer content */
+  mainFooter?: React.ReactNode;
+  /** Called when a token is selected. Call event.preventDefault() to prevent default behavior */
+  onTokenSelect?: (token: components["schemas"]["Token"], event: { preventDefault: () => void }) => void;
+  /** Custom USD input value presets for fiat payment */
+  customUsdInputValues?: string[];
+  /** Whether to prefer using connected EOA wallet */
+  preferEoa?: boolean;
+  /** Minimum destination amount required */
+  minDestinationAmount?: number;
+  /** Order type for the deposit */
+  orderType?: "hype_duel" | "custom_exact_in" | "swap";
+  /** Custom action label displayed on buttons */
+  actionLabel?: string;
+  /** Whether to show chain selection step. Defaults to true if sourceTokenChainId is not provided */
+  showChainSelection?: boolean;
+  /** Minimum pool size for filtering tokens (default: 1,000,000) */
+  minPoolSize?: number;
+  /** Custom title for chain selection step */
+  chainSelectionTitle?: string;
+  /** Custom description for chain selection step */
+  chainSelectionDescription?: string;
+  /** Number of top chains to show (default: 3) */
+  topChainsCount?: number;
+  /** Custom URL to redirect to when clicking "Return to Home" on complete order screen */
+  returnToHomeUrl?: string;
+  /** Custom label for recipient display (e.g., "OBSN Telegram Bot") */
+  customRecipientLabel?: string;
+  /** Custom label for the return home button (overrides "Return to Home" / "Close") */
+  returnHomeLabel?: string;
+  /** Whether the deposit requires a custom function (uses AnySpendCustomExactIn). Defaults to false. */
+  isCustomDeposit?: boolean;
+}
+
 /**
  * Union type of all possible modal content types
  */
@@ -540,7 +602,8 @@ export type ModalContentType =
   | DepositModalProps
   | SendModalProps
   | NotificationsModalProps
-  | AnySpendCollectorClubPurchaseProps;
+  | AnySpendCollectorClubPurchaseProps
+  | AnySpendDepositModalProps;
 // Add other modal types here like: | OtherModalProps | AnotherModalProps
 
 /**
@@ -571,6 +634,8 @@ interface ModalState {
   linkingMethod: string | null;
   /** Function to set the linking state */
   setLinkingState: (isLinking: boolean, method?: string | null) => void;
+  /** Function to update closable property of current content without adding to history */
+  setClosable: (closable: boolean) => void;
 }
 
 /**
@@ -610,4 +675,8 @@ export const useModalStore = create<ModalState>(set => ({
   linkingMethod: null,
   setLinkingState: (isLinking: boolean, method: string | null = null) =>
     set({ isLinking, linkingMethod: isLinking ? method : null }),
+  setClosable: (closable: boolean) =>
+    set(state => ({
+      contentType: state.contentType ? { ...state.contentType, closable } : null,
+    })),
 }));

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

@@ -0,0 +1,41 @@
+import { Users } from "@b3dotfun/b3-api";
+import { debugB3React } from "@b3dotfun/sdk/shared/utils/debug";
+import { create } from "zustand";
+import { persist } from "zustand/middleware";
+
+const debug = debugB3React("useUserQuery");
+
+interface UserStore {
+  user: Users | null;
+  setUser: (user: Users | undefined) => void;
+  clearUser: () => void;
+}
+
+/**
+ * Zustand store for managing user state
+ * Persists user data to localStorage
+ */
+export const useUserStore = create<UserStore>()(
+  persist(
+    set => ({
+      user: null,
+      setUser: (newUser: Users | undefined) => {
+        const userToSave = newUser ?? null;
+        set({ user: userToSave });
+        debug("User updated", userToSave);
+      },
+      clearUser: () => {
+        set({ user: null });
+        debug("User cleared");
+      },
+    }),
+    {
+      name: "b3-user",
+      onRehydrateStorage: () => (_, error) => {
+        if (error) {
+          console.warn("Failed to rehydrate user store:", error);
+        }
+      },
+    },
+  ),
+);

package/src/global-account/react/utils/profileApi.ts

@@ -0,0 +1,38 @@
+import type { CombinedProfile } from "../hooks/useProfile";
+
+export const PROFILES_API_URL = "https://profiles.b3.fun";
+
+/**
+ * Fetch a user profile from the B3 Profiles API
+ * @param params - Search parameters (address, name, or b3GlobalId)
+ * @returns Promise resolving to CombinedProfile or null if not found
+ */
+export async function fetchProfile({
+  address,
+  name,
+  b3GlobalId,
+  fresh = false,
+}: {
+  address?: string;
+  name?: string;
+  b3GlobalId?: string;
+  fresh?: boolean;
+}): Promise<CombinedProfile> {
+  if (!address && !name && !b3GlobalId) {
+    throw new Error("Either address or name or b3GlobalId must be provided");
+  }
+
+  const params = new URLSearchParams();
+  if (address) params.append("address", address);
+  if (name) params.append("name", name);
+  if (b3GlobalId) params.append("b3GlobalId", b3GlobalId);
+  if (fresh) params.append("fresh", "true");
+
+  const response = await fetch(`${PROFILES_API_URL}?${params.toString()}`);
+
+  if (!response.ok) {
+    throw new Error(`Failed to fetch profile: ${response.statusText}`);
+  }
+
+  return response.json();
+}

package/dist/cjs/global-account/react/components/B3Provider/types.d.ts

@@ -1,27 +0,0 @@
-import { CreateOnrampOrderParams } from "../../../../anyspend/react/hooks/useAnyspendCreateOnrampOrder";
-import { CreateOrderParams } from "../../../../anyspend/react/hooks/useAnyspendCreateOrder";
-import { PermissionsConfig } from "../../../../global-account/types/permissions";
-import { Account, Wallet } from "thirdweb/wallets";
-import { ClientType } from "../../../client-manager";
-/**
- * Context type for B3Provider
- */
-export interface B3ContextType {
-    account?: Account;
-    automaticallySetFirstEoa: boolean;
-    wallet?: Wallet;
-    initialized: boolean;
-    ready: boolean;
-    environment?: "development" | "production";
-    defaultPermissions?: PermissionsConfig;
-    theme: "light" | "dark";
-    clientType: ClientType;
-    partnerId: string;
-    stripePublishableKey?: string;
-    createClientReferenceId?: (params: CreateOrderParams | CreateOnrampOrderParams) => Promise<string>;
-    enableTurnkey?: boolean;
-}
-/**
- * Context for B3 provider
- */
-export declare const B3Context: import("react").Context<B3ContextType>;

package/dist/cjs/global-account/react/components/B3Provider/types.js

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.B3Context = void 0;
-const react_1 = require("react");
-/**
- * Context for B3 provider
- */
-exports.B3Context = (0, react_1.createContext)({
-    account: undefined,
-    automaticallySetFirstEoa: false,
-    //user: undefined,
-    //setWallet: () => {},
-    wallet: undefined,
-    //setUser: () => {},
-    //refetchUser: async () => {},
-    initialized: false,
-    ready: false,
-    environment: "development",
-    theme: "light",
-    clientType: "rest",
-    partnerId: "",
-    createClientReferenceId: undefined,
-    enableTurnkey: false,
-});

package/dist/esm/global-account/react/components/B3Provider/types.d.ts

@@ -1,27 +0,0 @@
-import { CreateOnrampOrderParams } from "../../../../anyspend/react/hooks/useAnyspendCreateOnrampOrder";
-import { CreateOrderParams } from "../../../../anyspend/react/hooks/useAnyspendCreateOrder";
-import { PermissionsConfig } from "../../../../global-account/types/permissions";
-import { Account, Wallet } from "thirdweb/wallets";
-import { ClientType } from "../../../client-manager";
-/**
- * Context type for B3Provider
- */
-export interface B3ContextType {
-    account?: Account;
-    automaticallySetFirstEoa: boolean;
-    wallet?: Wallet;
-    initialized: boolean;
-    ready: boolean;
-    environment?: "development" | "production";
-    defaultPermissions?: PermissionsConfig;
-    theme: "light" | "dark";
-    clientType: ClientType;
-    partnerId: string;
-    stripePublishableKey?: string;
-    createClientReferenceId?: (params: CreateOrderParams | CreateOnrampOrderParams) => Promise<string>;
-    enableTurnkey?: boolean;
-}
-/**
- * Context for B3 provider
- */
-export declare const B3Context: import("react").Context<B3ContextType>;

package/dist/esm/global-account/react/components/B3Provider/types.js

@@ -1,21 +0,0 @@
-import { createContext } from "react";
-/**
- * Context for B3 provider
- */
-export const B3Context = createContext({
-    account: undefined,
-    automaticallySetFirstEoa: false,
-    //user: undefined,
-    //setWallet: () => {},
-    wallet: undefined,
-    //setUser: () => {},
-    //refetchUser: async () => {},
-    initialized: false,
-    ready: false,
-    environment: "development",
-    theme: "light",
-    clientType: "rest",
-    partnerId: "",
-    createClientReferenceId: undefined,
-    enableTurnkey: false,
-});

package/dist/types/global-account/react/components/B3Provider/types.d.ts

@@ -1,27 +0,0 @@
-import { CreateOnrampOrderParams } from "@b3dotfun/sdk/anyspend/react/hooks/useAnyspendCreateOnrampOrder";
-import { CreateOrderParams } from "@b3dotfun/sdk/anyspend/react/hooks/useAnyspendCreateOrder";
-import { PermissionsConfig } from "@b3dotfun/sdk/global-account/types/permissions";
-import { Account, Wallet } from "thirdweb/wallets";
-import { ClientType } from "../../../client-manager";
-/**
- * Context type for B3Provider
- */
-export interface B3ContextType {
-    account?: Account;
-    automaticallySetFirstEoa: boolean;
-    wallet?: Wallet;
-    initialized: boolean;
-    ready: boolean;
-    environment?: "development" | "production";
-    defaultPermissions?: PermissionsConfig;
-    theme: "light" | "dark";
-    clientType: ClientType;
-    partnerId: string;
-    stripePublishableKey?: string;
-    createClientReferenceId?: (params: CreateOrderParams | CreateOnrampOrderParams) => Promise<string>;
-    enableTurnkey?: boolean;
-}
-/**
- * Context for B3 provider
- */
-export declare const B3Context: import("react").Context<B3ContextType>;

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

@@ -1,50 +0,0 @@
-import { CreateOnrampOrderParams } from "@b3dotfun/sdk/anyspend/react/hooks/useAnyspendCreateOnrampOrder";
-import { CreateOrderParams } from "@b3dotfun/sdk/anyspend/react/hooks/useAnyspendCreateOrder";
-import { PermissionsConfig } from "@b3dotfun/sdk/global-account/types/permissions";
-import { createContext } from "react";
-import { Account, Wallet } from "thirdweb/wallets";
-import { ClientType } from "../../../client-manager";
-
-/**
- * Context type for B3Provider
- */
-export interface B3ContextType {
-  account?: Account;
-  automaticallySetFirstEoa: boolean;
-  //user?: Users;
-  //setWallet: (wallet: Wallet) => void;
-  wallet?: Wallet;
-  //setUser: (user?: Users) => void;
-  //refetchUser: () => Promise<any>;
-  initialized: boolean;
-  ready: boolean;
-  environment?: "development" | "production";
-  defaultPermissions?: PermissionsConfig;
-  theme: "light" | "dark";
-  clientType: ClientType;
-  partnerId: string;
-  stripePublishableKey?: string;
-  createClientReferenceId?: (params: CreateOrderParams | CreateOnrampOrderParams) => Promise<string>;
-  enableTurnkey?: boolean;
-}
-
-/**
- * Context for B3 provider
- */
-export const B3Context = createContext<B3ContextType>({
-  account: undefined,
-  automaticallySetFirstEoa: false,
-  //user: undefined,
-  //setWallet: () => {},
-  wallet: undefined,
-  //setUser: () => {},
-  //refetchUser: async () => {},
-  initialized: false,
-  ready: false,
-  environment: "development",
-  theme: "light",
-  clientType: "rest",
-  partnerId: "",
-  createClientReferenceId: undefined,
-  enableTurnkey: false,
-});