@b3dotfun/sdk 0.0.64 → 0.0.65-alpha.1

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

@@ -0,0 +1,71 @@
+import { useState } from "react";
+import { CryptoPaymentMethodType } from "../components/common/CryptoPaymentMethod";
+
+interface UseCryptoPaymentMethodStateResult {
+  /** Auto-selected payment method based on balance */
+  cryptoPaymentMethod: CryptoPaymentMethodType;
+  /** Function to update the auto-selected payment method */
+  setCryptoPaymentMethod: (method: CryptoPaymentMethodType) => void;
+  /** User explicitly selected payment method (NONE means no explicit selection) */
+  selectedCryptoPaymentMethod: CryptoPaymentMethodType;
+  /** Function to update the user-selected payment method */
+  setSelectedCryptoPaymentMethod: (method: CryptoPaymentMethodType) => void;
+  /** Effective payment method (user selection takes priority over auto-selection) */
+  effectiveCryptoPaymentMethod: CryptoPaymentMethodType;
+  /** Reset both payment method states to NONE */
+  resetPaymentMethods: () => void;
+}
+
+/**
+ * Custom hook to manage crypto payment method state with dual-state system:
+ *
+ * - `cryptoPaymentMethod`: Auto-selected based on wallet availability and balance
+ * - `selectedCryptoPaymentMethod`: Explicitly selected by user
+ * - `effectiveCryptoPaymentMethod`: User selection takes priority over auto-selection
+ *
+ * This allows automatic payment method suggestions while respecting explicit user choices.
+ *
+ * @example
+ * ```tsx
+ * const {
+ *   cryptoPaymentMethod,
+ *   setCryptoPaymentMethod,
+ *   selectedCryptoPaymentMethod,
+ *   setSelectedCryptoPaymentMethod,
+ *   effectiveCryptoPaymentMethod,
+ *   resetPaymentMethods
+ * } = useCryptoPaymentMethodState();
+ *
+ * // Use effectiveCryptoPaymentMethod for display
+ * // Use setSelectedCryptoPaymentMethod when user explicitly selects
+ * // Call resetPaymentMethods when switching tabs or going back
+ * ```
+ */
+export function useCryptoPaymentMethodState(): UseCryptoPaymentMethodStateResult {
+  // cryptoPaymentMethod: auto-selected based on balance
+  const [cryptoPaymentMethod, setCryptoPaymentMethod] = useState<CryptoPaymentMethodType>(CryptoPaymentMethodType.NONE);
+
+  // selectedCryptoPaymentMethod: explicitly selected by user (NONE means no explicit selection)
+  const [selectedCryptoPaymentMethod, setSelectedCryptoPaymentMethod] = useState<CryptoPaymentMethodType>(
+    CryptoPaymentMethodType.NONE,
+  );
+
+  // The effective payment method (user selection takes priority over auto-selection)
+  const effectiveCryptoPaymentMethod =
+    selectedCryptoPaymentMethod !== CryptoPaymentMethodType.NONE ? selectedCryptoPaymentMethod : cryptoPaymentMethod;
+
+  // Helper function to reset both states
+  const resetPaymentMethods = () => {
+    setCryptoPaymentMethod(CryptoPaymentMethodType.NONE);
+    setSelectedCryptoPaymentMethod(CryptoPaymentMethodType.NONE);
+  };
+
+  return {
+    cryptoPaymentMethod,
+    setCryptoPaymentMethod,
+    selectedCryptoPaymentMethod,
+    setSelectedCryptoPaymentMethod,
+    effectiveCryptoPaymentMethod,
+    resetPaymentMethods,
+  };
+}

package/src/anyspend/utils/index.ts

@@ -1,4 +1,3 @@
-export * from "./accountStore";
 export * from "./address";
 export * from "./chain";
 export * from "./format";

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

@@ -12,8 +12,7 @@ import {
 import { AnySpendDepositHype } from "@b3dotfun/sdk/anyspend/react/components/AnyspendDepositHype";
 import { AnySpendStakeUpside } from "@b3dotfun/sdk/anyspend/react/components/AnySpendStakeUpside";
 import { AnySpendStakeUpsideExactIn } from "@b3dotfun/sdk/anyspend/react/components/AnySpendStakeUpsideExactIn";
-import { useGlobalWalletState } from "@b3dotfun/sdk/anyspend/utils";
-import { useIsMobile, useModalStore } from "@b3dotfun/sdk/global-account/react";
+import { useGlobalAccount, useIsMobile, useModalStore } from "@b3dotfun/sdk/global-account/react";
 import { cn } from "@b3dotfun/sdk/shared/utils/cn";
 import { debugB3React } from "@b3dotfun/sdk/shared/utils/debug";
 import { useEffect, useRef } from "react";
@@ -35,22 +34,19 @@ export function B3DynamicModal() {
   const { theme } = useB3();
   const isMobile = useIsMobile();
   const prevIsOpenRef = useRef(isOpen);
-
-  const globalAccountWallet = useGlobalWalletState(state => state.globalAccountWallet);
-  const setGlobalAccountWallet = useGlobalWalletState(state => state.setGlobalAccountWallet);
+  const { wallet } = useGlobalAccount();
   const setActiveWallet = useSetActiveWallet();
 
   // anyspend cleanup global account chnages by setting account back
   useEffect(() => {
     if (prevIsOpenRef.current && !isOpen) {
-      if (globalAccountWallet) {
-        setActiveWallet(globalAccountWallet);
-        setGlobalAccountWallet(undefined);
+      if (wallet) {
+        setActiveWallet(wallet);
       }
     }
 
     prevIsOpenRef.current = isOpen;
-  }, [isOpen, globalAccountWallet, setActiveWallet, setGlobalAccountWallet]);
+  }, [isOpen, wallet, setActiveWallet]);
 
   // Define arrays for different modal type groups
   const fullWidthTypes = [

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

@@ -48,18 +48,6 @@ export function useAuthentication(partnerId: string) {
   const { switchAccount } = useSwitchAccount();
   debug("@@activeWagmiAccount", activeWagmiAccount);
 
-  // Check localStorage version and clear if not found or mismatched
-  useEffect(() => {
-    if (typeof localStorage !== "undefined") {
-      const version = localStorage.getItem("version");
-      if (version !== "1") {
-        debug("@@localStorage:clearing due to version mismatch", { version });
-        localStorage.clear();
-        localStorage.setItem("version", "1");
-      }
-    }
-  }, []);
-
   const wallet = ecosystemWallet(ecosystemWalletId, {
     partnerId: partnerId,
   });

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

@@ -10,6 +10,7 @@ export function useGlobalAccount() {
   const wallets = useConnectedWallets();
   const isConnected = useAuthStore(state => state.isConnected);
   const [globalAccount, setGlobalAccount] = useState<Wallet | undefined>(undefined);
+  const [globalAccountWallet, setGlobalAccountWallet] = useState<Wallet | undefined>(undefined);
   const [address, setAddress] = useState<string | undefined>(undefined);
   const walletInfo = useWalletInfo(globalAccount?.id);
 
@@ -22,7 +23,7 @@ export function useGlobalAccount() {
     }
 
     const globalAccountWallet = wallets.find(wallet => wallet.id.startsWith("ecosystem."));
-
+    setGlobalAccountWallet(globalAccountWallet);
     const account = globalAccountWallet?.getAccount();
     setGlobalAccount(globalAccountWallet);
     setAddress(account?.address);
@@ -32,5 +33,6 @@ export function useGlobalAccount() {
     account: globalAccount,
     address,
     info: walletInfo,
+    wallet: globalAccountWallet,
   };
 }

package/dist/cjs/anyspend/utils/accountStore.d.ts

@@ -1,7 +0,0 @@
-import type { Wallet } from "thirdweb/wallets";
-interface GlobalWalletState {
-    globalAccountWallet?: Wallet;
-    setGlobalAccountWallet: (account?: Wallet) => void;
-}
-export declare const useGlobalWalletState: import("zustand").UseBoundStore<import("zustand").StoreApi<GlobalWalletState>>;
-export {};

package/dist/cjs/anyspend/utils/accountStore.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useGlobalWalletState = void 0;
-const zustand_1 = require("zustand");
-exports.useGlobalWalletState = (0, zustand_1.create)(set => ({
-    globalAccountWallet: undefined,
-    setGlobalAccountWallet: account => set({ globalAccountWallet: account }),
-}));

package/dist/esm/anyspend/utils/accountStore.d.ts

@@ -1,7 +0,0 @@
-import type { Wallet } from "thirdweb/wallets";
-interface GlobalWalletState {
-    globalAccountWallet?: Wallet;
-    setGlobalAccountWallet: (account?: Wallet) => void;
-}
-export declare const useGlobalWalletState: import("zustand").UseBoundStore<import("zustand").StoreApi<GlobalWalletState>>;
-export {};

package/dist/esm/anyspend/utils/accountStore.js

@@ -1,5 +0,0 @@
-import { create } from "zustand";
-export const useGlobalWalletState = create(set => ({
-    globalAccountWallet: undefined,
-    setGlobalAccountWallet: account => set({ globalAccountWallet: account }),
-}));

package/dist/types/anyspend/utils/accountStore.d.ts

@@ -1,7 +0,0 @@
-import type { Wallet } from "thirdweb/wallets";
-interface GlobalWalletState {
-    globalAccountWallet?: Wallet;
-    setGlobalAccountWallet: (account?: Wallet) => void;
-}
-export declare const useGlobalWalletState: import("zustand").UseBoundStore<import("zustand").StoreApi<GlobalWalletState>>;
-export {};

package/src/anyspend/utils/accountStore.ts

@@ -1,12 +0,0 @@
-import type { Wallet } from "thirdweb/wallets";
-import { create } from "zustand";
-
-interface GlobalWalletState {
-  globalAccountWallet?: Wallet;
-  setGlobalAccountWallet: (account?: Wallet) => void;
-}
-
-export const useGlobalWalletState = create<GlobalWalletState>(set => ({
-  globalAccountWallet: undefined,
-  setGlobalAccountWallet: account => set({ globalAccountWallet: account }),
-}));