@b3dotfun/sdk 0.0.82-alpha.1 → 0.0.82-alpha.2

package/dist/cjs/anyspend/react/components/AnySpend.js

@@ -22,7 +22,6 @@ const react_4 = require("react");
 const viem_1 = require("viem");
 const chains_1 = require("viem/chains");
 const useAutoSelectCryptoPaymentMethod_1 = require("../hooks/useAutoSelectCryptoPaymentMethod");
-const useAutoSetActiveWalletFromWagmi_1 = require("../hooks/useAutoSetActiveWalletFromWagmi");
 const useConnectedWalletDisplay_1 = require("../hooks/useConnectedWalletDisplay");
 const useCryptoPaymentMethodState_1 = require("../hooks/useCryptoPaymentMethodState");
 const useRecipientAddressState_1 = require("../hooks/useRecipientAddressState");
@@ -320,8 +319,6 @@ function AnySpendInner({ destinationTokenAddress, destinationTokenChainId, mode
     // );
     const { address: globalAddress, wallet: globalWallet, connectedEOAWallet } = (0, react_2.useAccountWallet)();
     const globalWalletImage = (0, useAccountWallet_1.useAccountWalletImage)();
-    // Auto-set active wallet from wagmi
-    (0, useAutoSetActiveWalletFromWagmi_1.useAutoSetActiveWalletFromWagmi)();
     // Get wallet address based on selected payment method
     const { walletAddress } = (0, useConnectedWalletDisplay_1.useConnectedWalletDisplay)(effectiveCryptoPaymentMethod);
     // Recipient address state with dual-state system (auto + explicit user selection)

package/dist/cjs/anyspend/react/components/AnySpendCustom.js

@@ -52,7 +52,6 @@ const lucide_react_1 = require("lucide-react");
 const react_4 = require("motion/react");
 const react_5 = __importStar(require("react"));
 const chains_1 = require("viem/chains");
-const useAutoSetActiveWalletFromWagmi_1 = require("../hooks/useAutoSetActiveWalletFromWagmi");
 const useCryptoPaymentMethodState_1 = require("../hooks/useCryptoPaymentMethodState");
 const useRecipientAddressState_1 = require("../hooks/useRecipientAddressState");
 const AnySpendFingerprintWrapper_1 = require("./AnySpendFingerprintWrapper");
@@ -150,8 +149,6 @@ function AnySpendCustomInner({ loadOrder, mode = "modal", activeTab: activeTabPr
     const hasMounted = (0, react_2.useHasMounted)();
     const searchParams = (0, react_2.useSearchParamsSSR)();
     const router = (0, react_2.useRouter)();
-    // Auto-set active wallet from wagmi
-    (0, useAutoSetActiveWalletFromWagmi_1.useAutoSetActiveWalletFromWagmi)();
     const [activePanel, setActivePanel] = (0, react_5.useState)(loadOrder ? PanelView.ORDER_DETAILS : PanelView.CONFIRM_ORDER);
     const [activeTab, setActiveTab] = (0, react_5.useState)(activeTabProps);
     // Payment method state with dual-state system (auto + explicit user selection)

package/dist/cjs/anyspend/react/hooks/useAnyspendFlow.js

@@ -13,7 +13,6 @@ const chains_1 = require("viem/chains");
 const CryptoPaymentMethod_1 = require("../components/common/CryptoPaymentMethod");
 const FiatPaymentMethod_1 = require("../components/common/FiatPaymentMethod");
 const useAutoSelectCryptoPaymentMethod_1 = require("./useAutoSelectCryptoPaymentMethod");
-const useAutoSetActiveWalletFromWagmi_1 = require("./useAutoSetActiveWalletFromWagmi");
 const useConnectedWalletDisplay_1 = require("./useConnectedWalletDisplay");
 const useCryptoPaymentMethodState_1 = require("./useCryptoPaymentMethodState");
 const useRecipientAddressState_1 = require("./useRecipientAddressState");
@@ -53,8 +52,6 @@ function useAnyspendFlow({ paymentType = "crypto", recipientAddress, loadOrder,
     // Recipient state with dual-state system (auto + explicit user selection)
     const { address: globalAddress } = (0, react_2.useAccountWallet)();
     const { walletAddress } = (0, useConnectedWalletDisplay_1.useConnectedWalletDisplay)(effectiveCryptoPaymentMethod);
-    // Auto-set active wallet from wagmi
-    (0, useAutoSetActiveWalletFromWagmi_1.useAutoSetActiveWalletFromWagmi)();
     // Recipient address state - hook automatically manages priority: props > user selection > wallet/global
     const { setSelectedRecipientAddress, effectiveRecipientAddress } = (0, useRecipientAddressState_1.useRecipientAddressState)({
         recipientAddressFromProps: recipientAddress,

package/dist/cjs/global-account/react/hooks/useAuthentication.d.ts

@@ -41,8 +41,8 @@ export declare function useAuthentication(partnerId: string): {
                 name?: string | undefined;
                 address?: string | undefined;
                 email?: string | undefined;
-                phone?: string | undefined;
                 username?: string | undefined;
+                phone?: string | undefined;
                 fid?: string | undefined;
             };
         }[] | undefined;

package/dist/cjs/global-account/react/hooks/useUserQuery.d.ts

@@ -36,8 +36,8 @@ export declare function useUserQuery(): {
                 name?: string | undefined;
                 address?: string | undefined;
                 email?: string | undefined;
-                phone?: string | undefined;
                 username?: string | undefined;
+                phone?: string | undefined;
                 fid?: string | undefined;
             };
         }[] | undefined;

package/dist/esm/anyspend/react/components/AnySpend.js

@@ -15,7 +15,6 @@ import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { parseUnits } from "viem";
 import { base, mainnet } from "viem/chains";
 import { useAutoSelectCryptoPaymentMethod } from "../hooks/useAutoSelectCryptoPaymentMethod.js";
-import { useAutoSetActiveWalletFromWagmi } from "../hooks/useAutoSetActiveWalletFromWagmi.js";
 import { useConnectedWalletDisplay } from "../hooks/useConnectedWalletDisplay.js";
 import { useCryptoPaymentMethodState } from "../hooks/useCryptoPaymentMethodState.js";
 import { useRecipientAddressState } from "../hooks/useRecipientAddressState.js";
@@ -313,8 +312,6 @@ function AnySpendInner({ destinationTokenAddress, destinationTokenChainId, mode
     // );
     const { address: globalAddress, wallet: globalWallet, connectedEOAWallet } = useAccountWallet();
     const globalWalletImage = useAccountWalletImage();
-    // Auto-set active wallet from wagmi
-    useAutoSetActiveWalletFromWagmi();
     // Get wallet address based on selected payment method
     const { walletAddress } = useConnectedWalletDisplay(effectiveCryptoPaymentMethod);
     // Recipient address state with dual-state system (auto + explicit user selection)

package/dist/esm/anyspend/react/components/AnySpendCustom.js

@@ -13,7 +13,6 @@ import { ChevronRight, ChevronRightCircle, Info, Loader2 } from "lucide-react";
 import { motion } from "motion/react";
 import React, { useCallback, useEffect, useMemo, useState } from "react";
 import { base } from "viem/chains";
-import { useAutoSetActiveWalletFromWagmi } from "../hooks/useAutoSetActiveWalletFromWagmi.js";
 import { useCryptoPaymentMethodState } from "../hooks/useCryptoPaymentMethodState.js";
 import { useRecipientAddressState } from "../hooks/useRecipientAddressState.js";
 import { AnySpendFingerprintWrapper, getFingerprintConfig } from "./AnySpendFingerprintWrapper.js";
@@ -111,8 +110,6 @@ function AnySpendCustomInner({ loadOrder, mode = "modal", activeTab: activeTabPr
     const hasMounted = useHasMounted();
     const searchParams = useSearchParamsSSR();
     const router = useRouter();
-    // Auto-set active wallet from wagmi
-    useAutoSetActiveWalletFromWagmi();
     const [activePanel, setActivePanel] = useState(loadOrder ? PanelView.ORDER_DETAILS : PanelView.CONFIRM_ORDER);
     const [activeTab, setActiveTab] = useState(activeTabProps);
     // Payment method state with dual-state system (auto + explicit user selection)

package/dist/esm/anyspend/react/hooks/useAnyspendFlow.js

@@ -9,7 +9,6 @@ import { base, mainnet } from "viem/chains";
 import { CryptoPaymentMethodType } from "../components/common/CryptoPaymentMethod.js";
 import { FiatPaymentMethod } from "../components/common/FiatPaymentMethod.js";
 import { useAutoSelectCryptoPaymentMethod } from "./useAutoSelectCryptoPaymentMethod.js";
-import { useAutoSetActiveWalletFromWagmi } from "./useAutoSetActiveWalletFromWagmi.js";
 import { useConnectedWalletDisplay } from "./useConnectedWalletDisplay.js";
 import { useCryptoPaymentMethodState } from "./useCryptoPaymentMethodState.js";
 import { useRecipientAddressState } from "./useRecipientAddressState.js";
@@ -49,8 +48,6 @@ export function useAnyspendFlow({ paymentType = "crypto", recipientAddress, load
     // Recipient state with dual-state system (auto + explicit user selection)
     const { address: globalAddress } = useAccountWallet();
     const { walletAddress } = useConnectedWalletDisplay(effectiveCryptoPaymentMethod);
-    // Auto-set active wallet from wagmi
-    useAutoSetActiveWalletFromWagmi();
     // Recipient address state - hook automatically manages priority: props > user selection > wallet/global
     const { setSelectedRecipientAddress, effectiveRecipientAddress } = useRecipientAddressState({
         recipientAddressFromProps: recipientAddress,

package/dist/esm/global-account/react/hooks/useAuthentication.d.ts

@@ -41,8 +41,8 @@ export declare function useAuthentication(partnerId: string): {
                 name?: string | undefined;
                 address?: string | undefined;
                 email?: string | undefined;
-                phone?: string | undefined;
                 username?: string | undefined;
+                phone?: string | undefined;
                 fid?: string | undefined;
             };
         }[] | undefined;

package/dist/esm/global-account/react/hooks/useUserQuery.d.ts

@@ -36,8 +36,8 @@ export declare function useUserQuery(): {
                 name?: string | undefined;
                 address?: string | undefined;
                 email?: string | undefined;
-                phone?: string | undefined;
                 username?: string | undefined;
+                phone?: string | undefined;
                 fid?: string | undefined;
             };
         }[] | undefined;

package/dist/types/global-account/react/hooks/useAuthentication.d.ts

@@ -41,8 +41,8 @@ export declare function useAuthentication(partnerId: string): {
                 name?: string | undefined;
                 address?: string | undefined;
                 email?: string | undefined;
-                phone?: string | undefined;
                 username?: string | undefined;
+                phone?: string | undefined;
                 fid?: string | undefined;
             };
         }[] | undefined;

package/dist/types/global-account/react/hooks/useUserQuery.d.ts

@@ -36,8 +36,8 @@ export declare function useUserQuery(): {
                 name?: string | undefined;
                 address?: string | undefined;
                 email?: string | undefined;
-                phone?: string | undefined;
                 username?: string | undefined;
+                phone?: string | undefined;
                 fid?: string | undefined;
             };
         }[] | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@b3dotfun/sdk",
-  "version": "0.0.82-alpha.1",
+  "version": "0.0.82-alpha.2",
   "source": "src/index.ts",
   "main": "./dist/cjs/index.js",
   "react-native": "./dist/cjs/index.native.js",

package/src/anyspend/react/components/AnySpend.tsx

@@ -38,7 +38,6 @@ import { parseUnits } from "viem";
 import { base, mainnet } from "viem/chains";
 import { components } from "../../types/api";
 import { useAutoSelectCryptoPaymentMethod } from "../hooks/useAutoSelectCryptoPaymentMethod";
-import { useAutoSetActiveWalletFromWagmi } from "../hooks/useAutoSetActiveWalletFromWagmi";
 import { useConnectedWalletDisplay } from "../hooks/useConnectedWalletDisplay";
 import { useCryptoPaymentMethodState } from "../hooks/useCryptoPaymentMethodState";
 import { useRecipientAddressState } from "../hooks/useRecipientAddressState";
@@ -461,9 +460,6 @@ function AnySpendInner({
 
   const globalWalletImage = useAccountWalletImage();
 
-  // Auto-set active wallet from wagmi
-  useAutoSetActiveWalletFromWagmi();
-
   // Get wallet address based on selected payment method
   const { walletAddress } = useConnectedWalletDisplay(effectiveCryptoPaymentMethod);
 

package/src/anyspend/react/components/AnySpendCustom.tsx

@@ -44,7 +44,6 @@ import { motion } from "motion/react";
 import React, { useCallback, useEffect, useMemo, useState } from "react";
 
 import { base } from "viem/chains";
-import { useAutoSetActiveWalletFromWagmi } from "../hooks/useAutoSetActiveWalletFromWagmi";
 import { useCryptoPaymentMethodState } from "../hooks/useCryptoPaymentMethodState";
 import { useRecipientAddressState } from "../hooks/useRecipientAddressState";
 import { AnySpendFingerprintWrapper, getFingerprintConfig } from "./AnySpendFingerprintWrapper";
@@ -247,9 +246,6 @@ function AnySpendCustomInner({
   const searchParams = useSearchParamsSSR();
   const router = useRouter();
 
-  // Auto-set active wallet from wagmi
-  useAutoSetActiveWalletFromWagmi();
-
   const [activePanel, setActivePanel] = useState<PanelView>(
     loadOrder ? PanelView.ORDER_DETAILS : PanelView.CONFIRM_ORDER,
   );

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

@@ -24,7 +24,6 @@ import { components } from "../../types/api";
 import { CryptoPaymentMethodType } from "../components/common/CryptoPaymentMethod";
 import { FiatPaymentMethod } from "../components/common/FiatPaymentMethod";
 import { useAutoSelectCryptoPaymentMethod } from "./useAutoSelectCryptoPaymentMethod";
-import { useAutoSetActiveWalletFromWagmi } from "./useAutoSetActiveWalletFromWagmi";
 import { useConnectedWalletDisplay } from "./useConnectedWalletDisplay";
 import { useCryptoPaymentMethodState } from "./useCryptoPaymentMethodState";
 import { useRecipientAddressState } from "./useRecipientAddressState";
@@ -111,9 +110,6 @@ export function useAnyspendFlow({
   const { address: globalAddress } = useAccountWallet();
   const { walletAddress } = useConnectedWalletDisplay(effectiveCryptoPaymentMethod);
 
-  // Auto-set active wallet from wagmi
-  useAutoSetActiveWalletFromWagmi();
-
   // Recipient address state - hook automatically manages priority: props > user selection > wallet/global
   const { setSelectedRecipientAddress, effectiveRecipientAddress } = useRecipientAddressState({
     recipientAddressFromProps: recipientAddress,

package/dist/cjs/anyspend/react/hooks/useAutoSetActiveWalletFromWagmi.d.ts

@@ -1,10 +0,0 @@
-/**
- * Hook that automatically sets the active thirdweb wallet when a wagmi wallet connects.
- *
- * This is useful for syncing wagmi wallet connections with thirdweb's wallet system,
- * ensuring that when users connect via wagmi, the active wallet is properly set.
- *
- * Place this hook in components that stay mounted throughout the user flow
- * (not in components that unmount during navigation).
- */
-export declare function useAutoSetActiveWalletFromWagmi(): void;

package/dist/cjs/anyspend/react/hooks/useAutoSetActiveWalletFromWagmi.js

@@ -1,73 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useAutoSetActiveWalletFromWagmi = useAutoSetActiveWalletFromWagmi;
-const thirdweb_1 = require("../../../shared/utils/thirdweb");
-const react_1 = require("react");
-const react_2 = require("thirdweb/react");
-const wallets_1 = require("thirdweb/wallets");
-const wagmi_1 = require("wagmi");
-/**
- * Hook that automatically sets the active thirdweb wallet when a wagmi wallet connects.
- *
- * This is useful for syncing wagmi wallet connections with thirdweb's wallet system,
- * ensuring that when users connect via wagmi, the active wallet is properly set.
- *
- * Place this hook in components that stay mounted throughout the user flow
- * (not in components that unmount during navigation).
- */
-function useAutoSetActiveWalletFromWagmi() {
-    const { address: wagmiAddress, connector: wagmiConnector } = (0, wagmi_1.useAccount)();
-    const setActiveWallet = (0, react_2.useSetActiveWallet)();
-    const prevWagmiAddress = (0, react_1.useRef)(undefined);
-    // Map wagmi connector names to thirdweb wallet IDs
-    const getThirdwebWalletId = (0, react_1.useCallback)((connectorName) => {
-        const walletMap = {
-            MetaMask: "io.metamask",
-            "Coinbase Wallet": "com.coinbase.wallet",
-            Rainbow: "me.rainbow",
-            WalletConnect: "walletConnect",
-            Phantom: "app.phantom",
-        };
-        return walletMap[connectorName] || null;
-    }, []);
-    // Create thirdweb wallet from wagmi connector
-    const createThirdwebWalletFromConnector = (0, react_1.useCallback)(async (connectorName) => {
-        const walletId = getThirdwebWalletId(connectorName);
-        if (!walletId) {
-            console.warn(`No thirdweb wallet ID found for connector: ${connectorName}`);
-            return null;
-        }
-        try {
-            const thirdwebWallet = (0, wallets_1.createWallet)(walletId);
-            await thirdwebWallet.connect({ client: thirdweb_1.client });
-            return thirdwebWallet;
-        }
-        catch (error) {
-            console.error(`Failed to create thirdweb wallet for ${connectorName}:`, error);
-            return null;
-        }
-    }, [getThirdwebWalletId]);
-    // Listen for wagmi wallet connections and automatically set active wallet
-    (0, react_1.useEffect)(() => {
-        const isNewConnection = wagmiAddress && wagmiAddress !== prevWagmiAddress.current;
-        if (isNewConnection && wagmiConnector?.name) {
-            prevWagmiAddress.current = wagmiAddress;
-            const setupThirdwebWallet = async () => {
-                try {
-                    const thirdwebWallet = await createThirdwebWalletFromConnector(wagmiConnector.name);
-                    if (thirdwebWallet) {
-                        setActiveWallet(thirdwebWallet);
-                        console.log(`Auto-set active wallet for ${wagmiConnector.name}`);
-                    }
-                }
-                catch (error) {
-                    console.error("Failed to auto-set active wallet:", error);
-                }
-            };
-            setupThirdwebWallet();
-        }
-        if (!wagmiAddress) {
-            prevWagmiAddress.current = undefined;
-        }
-    }, [wagmiAddress, wagmiConnector?.name, setActiveWallet, createThirdwebWalletFromConnector]);
-}

package/dist/esm/anyspend/react/hooks/useAutoSetActiveWalletFromWagmi.d.ts

@@ -1,10 +0,0 @@
-/**
- * Hook that automatically sets the active thirdweb wallet when a wagmi wallet connects.
- *
- * This is useful for syncing wagmi wallet connections with thirdweb's wallet system,
- * ensuring that when users connect via wagmi, the active wallet is properly set.
- *
- * Place this hook in components that stay mounted throughout the user flow
- * (not in components that unmount during navigation).
- */
-export declare function useAutoSetActiveWalletFromWagmi(): void;

package/dist/esm/anyspend/react/hooks/useAutoSetActiveWalletFromWagmi.js

@@ -1,70 +0,0 @@
-import { client } from "../../../shared/utils/thirdweb.js";
-import { useCallback, useEffect, useRef } from "react";
-import { useSetActiveWallet } from "thirdweb/react";
-import { createWallet } from "thirdweb/wallets";
-import { useAccount } from "wagmi";
-/**
- * Hook that automatically sets the active thirdweb wallet when a wagmi wallet connects.
- *
- * This is useful for syncing wagmi wallet connections with thirdweb's wallet system,
- * ensuring that when users connect via wagmi, the active wallet is properly set.
- *
- * Place this hook in components that stay mounted throughout the user flow
- * (not in components that unmount during navigation).
- */
-export function useAutoSetActiveWalletFromWagmi() {
-    const { address: wagmiAddress, connector: wagmiConnector } = useAccount();
-    const setActiveWallet = useSetActiveWallet();
-    const prevWagmiAddress = useRef(undefined);
-    // Map wagmi connector names to thirdweb wallet IDs
-    const getThirdwebWalletId = useCallback((connectorName) => {
-        const walletMap = {
-            MetaMask: "io.metamask",
-            "Coinbase Wallet": "com.coinbase.wallet",
-            Rainbow: "me.rainbow",
-            WalletConnect: "walletConnect",
-            Phantom: "app.phantom",
-        };
-        return walletMap[connectorName] || null;
-    }, []);
-    // Create thirdweb wallet from wagmi connector
-    const createThirdwebWalletFromConnector = useCallback(async (connectorName) => {
-        const walletId = getThirdwebWalletId(connectorName);
-        if (!walletId) {
-            console.warn(`No thirdweb wallet ID found for connector: ${connectorName}`);
-            return null;
-        }
-        try {
-            const thirdwebWallet = createWallet(walletId);
-            await thirdwebWallet.connect({ client });
-            return thirdwebWallet;
-        }
-        catch (error) {
-            console.error(`Failed to create thirdweb wallet for ${connectorName}:`, error);
-            return null;
-        }
-    }, [getThirdwebWalletId]);
-    // Listen for wagmi wallet connections and automatically set active wallet
-    useEffect(() => {
-        const isNewConnection = wagmiAddress && wagmiAddress !== prevWagmiAddress.current;
-        if (isNewConnection && wagmiConnector?.name) {
-            prevWagmiAddress.current = wagmiAddress;
-            const setupThirdwebWallet = async () => {
-                try {
-                    const thirdwebWallet = await createThirdwebWalletFromConnector(wagmiConnector.name);
-                    if (thirdwebWallet) {
-                        setActiveWallet(thirdwebWallet);
-                        console.log(`Auto-set active wallet for ${wagmiConnector.name}`);
-                    }
-                }
-                catch (error) {
-                    console.error("Failed to auto-set active wallet:", error);
-                }
-            };
-            setupThirdwebWallet();
-        }
-        if (!wagmiAddress) {
-            prevWagmiAddress.current = undefined;
-        }
-    }, [wagmiAddress, wagmiConnector?.name, setActiveWallet, createThirdwebWalletFromConnector]);
-}

package/dist/types/anyspend/react/hooks/useAutoSetActiveWalletFromWagmi.d.ts

@@ -1,10 +0,0 @@
-/**
- * Hook that automatically sets the active thirdweb wallet when a wagmi wallet connects.
- *
- * This is useful for syncing wagmi wallet connections with thirdweb's wallet system,
- * ensuring that when users connect via wagmi, the active wallet is properly set.
- *
- * Place this hook in components that stay mounted throughout the user flow
- * (not in components that unmount during navigation).
- */
-export declare function useAutoSetActiveWalletFromWagmi(): void;

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

@@ -1,80 +0,0 @@
-import { client } from "@b3dotfun/sdk/shared/utils/thirdweb";
-import { useCallback, useEffect, useRef } from "react";
-import { useSetActiveWallet } from "thirdweb/react";
-import { WalletId, createWallet } from "thirdweb/wallets";
-import { useAccount } from "wagmi";
-
-/**
- * Hook that automatically sets the active thirdweb wallet when a wagmi wallet connects.
- *
- * This is useful for syncing wagmi wallet connections with thirdweb's wallet system,
- * ensuring that when users connect via wagmi, the active wallet is properly set.
- *
- * Place this hook in components that stay mounted throughout the user flow
- * (not in components that unmount during navigation).
- */
-export function useAutoSetActiveWalletFromWagmi() {
-  const { address: wagmiAddress, connector: wagmiConnector } = useAccount();
-  const setActiveWallet = useSetActiveWallet();
-  const prevWagmiAddress = useRef<string | undefined>(undefined);
-
-  // Map wagmi connector names to thirdweb wallet IDs
-  const getThirdwebWalletId = useCallback((connectorName: string): WalletId | null => {
-    const walletMap: Record<string, WalletId> = {
-      MetaMask: "io.metamask",
-      "Coinbase Wallet": "com.coinbase.wallet",
-      Rainbow: "me.rainbow",
-      WalletConnect: "walletConnect",
-      Phantom: "app.phantom",
-    };
-    return walletMap[connectorName] || null;
-  }, []);
-
-  // Create thirdweb wallet from wagmi connector
-  const createThirdwebWalletFromConnector = useCallback(
-    async (connectorName: string) => {
-      const walletId = getThirdwebWalletId(connectorName);
-      if (!walletId) {
-        console.warn(`No thirdweb wallet ID found for connector: ${connectorName}`);
-        return null;
-      }
-
-      try {
-        const thirdwebWallet = createWallet(walletId);
-        await thirdwebWallet.connect({ client });
-        return thirdwebWallet;
-      } catch (error) {
-        console.error(`Failed to create thirdweb wallet for ${connectorName}:`, error);
-        return null;
-      }
-    },
-    [getThirdwebWalletId],
-  );
-
-  // Listen for wagmi wallet connections and automatically set active wallet
-  useEffect(() => {
-    const isNewConnection = wagmiAddress && wagmiAddress !== prevWagmiAddress.current;
-
-    if (isNewConnection && wagmiConnector?.name) {
-      prevWagmiAddress.current = wagmiAddress;
-
-      const setupThirdwebWallet = async () => {
-        try {
-          const thirdwebWallet = await createThirdwebWalletFromConnector(wagmiConnector.name);
-          if (thirdwebWallet) {
-            setActiveWallet(thirdwebWallet);
-            console.log(`Auto-set active wallet for ${wagmiConnector.name}`);
-          }
-        } catch (error) {
-          console.error("Failed to auto-set active wallet:", error);
-        }
-      };
-
-      setupThirdwebWallet();
-    }
-
-    if (!wagmiAddress) {
-      prevWagmiAddress.current = undefined;
-    }
-  }, [wagmiAddress, wagmiConnector?.name, setActiveWallet, createThirdwebWalletFromConnector]);
-}