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

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/components/common/CryptoPaymentMethod.js

@@ -10,7 +10,6 @@ const formatAddress_1 = require("../../../../shared/utils/formatAddress");
 const thirdweb_1 = require("../../../../shared/utils/thirdweb");
 const lucide_react_1 = require("lucide-react");
 const react_2 = require("thirdweb/react");
-const wagmi_1 = require("wagmi");
 const useConnectedWalletDisplay_1 = require("../../hooks/useConnectedWalletDisplay");
 var CryptoPaymentMethodType;
 (function (CryptoPaymentMethodType) {
@@ -20,18 +19,20 @@ var CryptoPaymentMethodType;
     CryptoPaymentMethodType["TRANSFER_CRYPTO"] = "transfer_crypto";
 })(CryptoPaymentMethodType || (exports.CryptoPaymentMethodType = CryptoPaymentMethodType = {}));
 function CryptoPaymentMethod({ selectedPaymentMethod, setSelectedPaymentMethod, isCreatingOrder, onBack, onSelectPaymentMethod, }) {
-    const { connectedEOAWallet: connectedEOAWallet, connectedSmartWallet: connectedSmartWallet } = (0, react_1.useAccountWallet)();
-    const { connector, address } = (0, wagmi_1.useAccount)();
-    const { disconnect } = (0, wagmi_1.useDisconnect)();
+    const { connectedEOAWallet, connectedSmartWallet } = (0, react_1.useAccountWallet)();
+    const { disconnect } = (0, react_2.useDisconnect)();
     const { connect: openConnectModal } = (0, react_2.useConnectModal)();
-    const setActiveWallet = (0, react_2.useSetActiveWallet)();
     const { data: eoaWalletInfo } = (0, react_2.useWalletInfo)(connectedEOAWallet?.id);
     const globalAddress = connectedSmartWallet?.getAccount()?.address;
     // Use custom hook to determine wallet display logic
-    const { shouldShowConnectedEOA, shouldShowWagmiWallet } = (0, useConnectedWalletDisplay_1.useConnectedWalletDisplay)(selectedPaymentMethod);
+    const { shouldShowConnectedEOA } = (0, useConnectedWalletDisplay_1.useConnectedWalletDisplay)(selectedPaymentMethod);
     // Handle wallet connection using thirdweb modal
     const handleConnectWallet = async () => {
         try {
+            // Disconnect current wallet before connecting a new one
+            if (connectedEOAWallet) {
+                await disconnect(connectedEOAWallet);
+            }
             const wallet = await openConnectModal({ client: thirdweb_1.client, setActive: false });
             if (wallet) {
                 // setActiveWallet(wallet);
@@ -59,31 +60,17 @@ function CryptoPaymentMethod({ selectedPaymentMethod, setSelectedPaymentMethod,
                                         react_1.toast.success("Multiple test 1");
                                         setTimeout(() => react_1.toast.info("Multiple test 2"), 200);
                                         setTimeout(() => react_1.toast.warning("Multiple test 3"), 400);
-                                    }, className: "rounded bg-purple-600 px-2 py-1 text-xs font-medium text-white hover:bg-purple-700", children: "Multiple" })] })] })), (0, jsx_runtime_1.jsxs)("div", { className: "crypto-payment-methods flex flex-col gap-4", children: [(shouldShowConnectedEOA || shouldShowWagmiWallet || globalAddress) && ((0, jsx_runtime_1.jsxs)("div", { className: "installed-wallets", children: [(0, jsx_runtime_1.jsx)("h3", { className: "text-as-primary/80 mb-3 text-sm font-medium", children: "Connected wallets" }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-2", children: [shouldShowConnectedEOA && ((0, jsx_runtime_1.jsx)("button", { onClick: () => {
+                                    }, className: "rounded bg-purple-600 px-2 py-1 text-xs font-medium text-white hover:bg-purple-700", children: "Multiple" })] })] })), (0, jsx_runtime_1.jsxs)("div", { className: "crypto-payment-methods flex flex-col gap-4", children: [(shouldShowConnectedEOA || globalAddress) && ((0, jsx_runtime_1.jsxs)("div", { className: "installed-wallets", children: [(0, jsx_runtime_1.jsx)("h3", { className: "text-as-primary/80 mb-3 text-sm font-medium", children: "Connected wallets" }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-2", children: [shouldShowConnectedEOA && ((0, jsx_runtime_1.jsx)("button", { onClick: () => {
                                                 setSelectedPaymentMethod(CryptoPaymentMethodType.CONNECT_WALLET);
                                                 onSelectPaymentMethod(CryptoPaymentMethodType.CONNECT_WALLET);
-                                                if (connectedEOAWallet) {
-                                                    setActiveWallet(connectedEOAWallet);
-                                                }
-                                                react_1.toast.success(`Selected ${eoaWalletInfo?.name || connector?.name || "wallet"}`);
+                                                react_1.toast.success(`Selected ${eoaWalletInfo?.name || "wallet"}`);
                                             }, className: (0, cn_1.cn)("crypto-payment-method-connect-wallet eoa-wallet w-full rounded-xl border p-4 text-left transition-all hover:shadow-md", selectedPaymentMethod === CryptoPaymentMethodType.CONNECT_WALLET
                                                 ? "connected-wallet border-as-brand bg-as-brand/5"
-                                                : "border-as-border-secondary bg-as-surface-primary hover:border-as-secondary/80"), children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3", children: [(0, jsx_runtime_1.jsx)("div", { className: "wallet-icon flex h-10 w-10 items-center justify-center rounded-full bg-blue-100", children: (0, jsx_runtime_1.jsx)(lucide_react_1.Wallet, { className: "h-5 w-5 text-blue-600" }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-as-primary font-semibold", children: eoaWalletInfo?.name || connector?.name || "Connected Wallet" }), (0, jsx_runtime_1.jsx)("span", { className: "text-as-primary/60 text-sm", children: (0, formatAddress_1.shortenAddress)(connectedEOAWallet?.getAccount()?.address || "") })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [selectedPaymentMethod === CryptoPaymentMethodType.CONNECT_WALLET && ((0, jsx_runtime_1.jsx)("div", { className: "h-2 w-2 rounded-full bg-green-500" })), (0, jsx_runtime_1.jsx)("button", { onClick: e => {
+                                                : "border-as-border-secondary bg-as-surface-primary hover:border-as-secondary/80"), children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3", children: [(0, jsx_runtime_1.jsx)("div", { className: "wallet-icon flex h-10 w-10 items-center justify-center rounded-full bg-blue-100", children: (0, jsx_runtime_1.jsx)(lucide_react_1.Wallet, { className: "h-5 w-5 text-blue-600" }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-as-primary font-semibold", children: eoaWalletInfo?.name || "Connected Wallet" }), (0, jsx_runtime_1.jsx)("span", { className: "text-as-primary/60 text-sm", children: (0, formatAddress_1.shortenAddress)(connectedEOAWallet?.getAccount()?.address || "") })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [selectedPaymentMethod === CryptoPaymentMethodType.CONNECT_WALLET && ((0, jsx_runtime_1.jsx)("div", { className: "h-2 w-2 rounded-full bg-green-500" })), (0, jsx_runtime_1.jsx)("button", { onClick: e => {
                                                                     e.stopPropagation();
-                                                                    disconnect();
-                                                                    react_1.toast.success("Wallet disconnected");
-                                                                    if (selectedPaymentMethod === CryptoPaymentMethodType.CONNECT_WALLET) {
-                                                                        setSelectedPaymentMethod(CryptoPaymentMethodType.NONE);
+                                                                    if (connectedEOAWallet) {
+                                                                        disconnect(connectedEOAWallet);
                                                                     }
-                                                                }, className: "text-as-primary/60 hover:text-as-primary/80 rounded-lg p-1.5 transition-colors", children: (0, jsx_runtime_1.jsx)(lucide_react_1.X, { className: "h-4 w-4" }) })] })] }) })), shouldShowWagmiWallet && ((0, jsx_runtime_1.jsx)("button", { onClick: () => {
-                                                setSelectedPaymentMethod(CryptoPaymentMethodType.CONNECT_WALLET);
-                                                onSelectPaymentMethod(CryptoPaymentMethodType.CONNECT_WALLET);
-                                                react_1.toast.success(`Selected ${connector?.name || "wallet"}`);
-                                            }, className: (0, cn_1.cn)("crypto-payment-method-connect-wallet wagmi-wallet w-full rounded-xl border p-4 text-left transition-all hover:shadow-md", selectedPaymentMethod === CryptoPaymentMethodType.CONNECT_WALLET
-                                                ? "connected-wallet border-as-brand bg-as-brand/5"
-                                                : "border-as-border-secondary bg-as-surface-primary hover:border-as-secondary/80"), children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3", children: [(0, jsx_runtime_1.jsx)("div", { className: "wallet-icon flex h-10 w-10 items-center justify-center rounded-full bg-blue-100", children: (0, jsx_runtime_1.jsx)(lucide_react_1.Wallet, { className: "h-5 w-5 text-blue-600" }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-as-primary font-semibold", children: connector?.name || "Connected Wallet" }), (0, jsx_runtime_1.jsx)("span", { className: "text-as-primary/60 text-sm", children: (0, formatAddress_1.shortenAddress)(address || "") })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [selectedPaymentMethod === CryptoPaymentMethodType.CONNECT_WALLET && ((0, jsx_runtime_1.jsx)("div", { className: "h-2 w-2 rounded-full bg-green-500" })), (0, jsx_runtime_1.jsx)("button", { onClick: e => {
-                                                                    e.stopPropagation();
-                                                                    disconnect();
                                                                     react_1.toast.success("Wallet disconnected");
                                                                     if (selectedPaymentMethod === CryptoPaymentMethodType.CONNECT_WALLET) {
                                                                         setSelectedPaymentMethod(CryptoPaymentMethodType.NONE);

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/components/common/CryptoPaymentMethod.js

@@ -5,8 +5,7 @@ import { cn } from "../../../../shared/utils/cn.js";
 import { shortenAddress } from "../../../../shared/utils/formatAddress.js";
 import { client } from "../../../../shared/utils/thirdweb.js";
 import { ChevronLeft, ChevronRightCircle, Wallet, X, ZapIcon } from "lucide-react";
-import { useConnectModal, useSetActiveWallet, useWalletInfo } from "thirdweb/react";
-import { useAccount, useDisconnect } from "wagmi";
+import { useConnectModal, useDisconnect, useWalletInfo } from "thirdweb/react";
 import { useConnectedWalletDisplay } from "../../hooks/useConnectedWalletDisplay.js";
 export var CryptoPaymentMethodType;
 (function (CryptoPaymentMethodType) {
@@ -16,18 +15,20 @@ export var CryptoPaymentMethodType;
     CryptoPaymentMethodType["TRANSFER_CRYPTO"] = "transfer_crypto";
 })(CryptoPaymentMethodType || (CryptoPaymentMethodType = {}));
 export function CryptoPaymentMethod({ selectedPaymentMethod, setSelectedPaymentMethod, isCreatingOrder, onBack, onSelectPaymentMethod, }) {
-    const { connectedEOAWallet: connectedEOAWallet, connectedSmartWallet: connectedSmartWallet } = useAccountWallet();
-    const { connector, address } = useAccount();
+    const { connectedEOAWallet, connectedSmartWallet } = useAccountWallet();
     const { disconnect } = useDisconnect();
     const { connect: openConnectModal } = useConnectModal();
-    const setActiveWallet = useSetActiveWallet();
     const { data: eoaWalletInfo } = useWalletInfo(connectedEOAWallet?.id);
     const globalAddress = connectedSmartWallet?.getAccount()?.address;
     // Use custom hook to determine wallet display logic
-    const { shouldShowConnectedEOA, shouldShowWagmiWallet } = useConnectedWalletDisplay(selectedPaymentMethod);
+    const { shouldShowConnectedEOA } = useConnectedWalletDisplay(selectedPaymentMethod);
     // Handle wallet connection using thirdweb modal
     const handleConnectWallet = async () => {
         try {
+            // Disconnect current wallet before connecting a new one
+            if (connectedEOAWallet) {
+                await disconnect(connectedEOAWallet);
+            }
             const wallet = await openConnectModal({ client, setActive: false });
             if (wallet) {
                 // setActiveWallet(wallet);
@@ -55,31 +56,17 @@ export function CryptoPaymentMethod({ selectedPaymentMethod, setSelectedPaymentM
                                         toast.success("Multiple test 1");
                                         setTimeout(() => toast.info("Multiple test 2"), 200);
                                         setTimeout(() => toast.warning("Multiple test 3"), 400);
-                                    }, className: "rounded bg-purple-600 px-2 py-1 text-xs font-medium text-white hover:bg-purple-700", children: "Multiple" })] })] })), _jsxs("div", { className: "crypto-payment-methods flex flex-col gap-4", children: [(shouldShowConnectedEOA || shouldShowWagmiWallet || globalAddress) && (_jsxs("div", { className: "installed-wallets", children: [_jsx("h3", { className: "text-as-primary/80 mb-3 text-sm font-medium", children: "Connected wallets" }), _jsxs("div", { className: "space-y-2", children: [shouldShowConnectedEOA && (_jsx("button", { onClick: () => {
+                                    }, className: "rounded bg-purple-600 px-2 py-1 text-xs font-medium text-white hover:bg-purple-700", children: "Multiple" })] })] })), _jsxs("div", { className: "crypto-payment-methods flex flex-col gap-4", children: [(shouldShowConnectedEOA || globalAddress) && (_jsxs("div", { className: "installed-wallets", children: [_jsx("h3", { className: "text-as-primary/80 mb-3 text-sm font-medium", children: "Connected wallets" }), _jsxs("div", { className: "space-y-2", children: [shouldShowConnectedEOA && (_jsx("button", { onClick: () => {
                                                 setSelectedPaymentMethod(CryptoPaymentMethodType.CONNECT_WALLET);
                                                 onSelectPaymentMethod(CryptoPaymentMethodType.CONNECT_WALLET);
-                                                if (connectedEOAWallet) {
-                                                    setActiveWallet(connectedEOAWallet);
-                                                }
-                                                toast.success(`Selected ${eoaWalletInfo?.name || connector?.name || "wallet"}`);
+                                                toast.success(`Selected ${eoaWalletInfo?.name || "wallet"}`);
                                             }, className: cn("crypto-payment-method-connect-wallet eoa-wallet w-full rounded-xl border p-4 text-left transition-all hover:shadow-md", selectedPaymentMethod === CryptoPaymentMethodType.CONNECT_WALLET
                                                 ? "connected-wallet border-as-brand bg-as-brand/5"
-                                                : "border-as-border-secondary bg-as-surface-primary hover:border-as-secondary/80"), children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "wallet-icon flex h-10 w-10 items-center justify-center rounded-full bg-blue-100", children: _jsx(Wallet, { className: "h-5 w-5 text-blue-600" }) }), _jsxs("div", { className: "flex flex-col", children: [_jsx("span", { className: "text-as-primary font-semibold", children: eoaWalletInfo?.name || connector?.name || "Connected Wallet" }), _jsx("span", { className: "text-as-primary/60 text-sm", children: shortenAddress(connectedEOAWallet?.getAccount()?.address || "") })] })] }), _jsxs("div", { className: "flex items-center gap-2", children: [selectedPaymentMethod === CryptoPaymentMethodType.CONNECT_WALLET && (_jsx("div", { className: "h-2 w-2 rounded-full bg-green-500" })), _jsx("button", { onClick: e => {
+                                                : "border-as-border-secondary bg-as-surface-primary hover:border-as-secondary/80"), children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "wallet-icon flex h-10 w-10 items-center justify-center rounded-full bg-blue-100", children: _jsx(Wallet, { className: "h-5 w-5 text-blue-600" }) }), _jsxs("div", { className: "flex flex-col", children: [_jsx("span", { className: "text-as-primary font-semibold", children: eoaWalletInfo?.name || "Connected Wallet" }), _jsx("span", { className: "text-as-primary/60 text-sm", children: shortenAddress(connectedEOAWallet?.getAccount()?.address || "") })] })] }), _jsxs("div", { className: "flex items-center gap-2", children: [selectedPaymentMethod === CryptoPaymentMethodType.CONNECT_WALLET && (_jsx("div", { className: "h-2 w-2 rounded-full bg-green-500" })), _jsx("button", { onClick: e => {
                                                                     e.stopPropagation();
-                                                                    disconnect();
-                                                                    toast.success("Wallet disconnected");
-                                                                    if (selectedPaymentMethod === CryptoPaymentMethodType.CONNECT_WALLET) {
-                                                                        setSelectedPaymentMethod(CryptoPaymentMethodType.NONE);
+                                                                    if (connectedEOAWallet) {
+                                                                        disconnect(connectedEOAWallet);
                                                                     }
-                                                                }, className: "text-as-primary/60 hover:text-as-primary/80 rounded-lg p-1.5 transition-colors", children: _jsx(X, { className: "h-4 w-4" }) })] })] }) })), shouldShowWagmiWallet && (_jsx("button", { onClick: () => {
-                                                setSelectedPaymentMethod(CryptoPaymentMethodType.CONNECT_WALLET);
-                                                onSelectPaymentMethod(CryptoPaymentMethodType.CONNECT_WALLET);
-                                                toast.success(`Selected ${connector?.name || "wallet"}`);
-                                            }, className: cn("crypto-payment-method-connect-wallet wagmi-wallet w-full rounded-xl border p-4 text-left transition-all hover:shadow-md", selectedPaymentMethod === CryptoPaymentMethodType.CONNECT_WALLET
-                                                ? "connected-wallet border-as-brand bg-as-brand/5"
-                                                : "border-as-border-secondary bg-as-surface-primary hover:border-as-secondary/80"), children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "wallet-icon flex h-10 w-10 items-center justify-center rounded-full bg-blue-100", children: _jsx(Wallet, { className: "h-5 w-5 text-blue-600" }) }), _jsxs("div", { className: "flex flex-col", children: [_jsx("span", { className: "text-as-primary font-semibold", children: connector?.name || "Connected Wallet" }), _jsx("span", { className: "text-as-primary/60 text-sm", children: shortenAddress(address || "") })] })] }), _jsxs("div", { className: "flex items-center gap-2", children: [selectedPaymentMethod === CryptoPaymentMethodType.CONNECT_WALLET && (_jsx("div", { className: "h-2 w-2 rounded-full bg-green-500" })), _jsx("button", { onClick: e => {
-                                                                    e.stopPropagation();
-                                                                    disconnect();
                                                                     toast.success("Wallet disconnected");
                                                                     if (selectedPaymentMethod === CryptoPaymentMethodType.CONNECT_WALLET) {
                                                                         setSelectedPaymentMethod(CryptoPaymentMethodType.NONE);

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.3",
   "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/components/common/CryptoPaymentMethod.tsx

@@ -5,8 +5,7 @@ import { cn } from "@b3dotfun/sdk/shared/utils/cn";
 import { shortenAddress } from "@b3dotfun/sdk/shared/utils/formatAddress";
 import { client } from "@b3dotfun/sdk/shared/utils/thirdweb";
 import { ChevronLeft, ChevronRightCircle, Wallet, X, ZapIcon } from "lucide-react";
-import { useConnectModal, useSetActiveWallet, useWalletInfo } from "thirdweb/react";
-import { useAccount, useDisconnect } from "wagmi";
+import { useConnectModal, useDisconnect, useWalletInfo } from "thirdweb/react";
 import { useConnectedWalletDisplay } from "../../hooks/useConnectedWalletDisplay";
 
 export enum CryptoPaymentMethodType {
@@ -31,21 +30,23 @@ export function CryptoPaymentMethod({
   onBack,
   onSelectPaymentMethod,
 }: CryptoPaymentMethodProps) {
-  const { connectedEOAWallet: connectedEOAWallet, connectedSmartWallet: connectedSmartWallet } = useAccountWallet();
-  const { connector, address } = useAccount();
+  const { connectedEOAWallet, connectedSmartWallet } = useAccountWallet();
   const { disconnect } = useDisconnect();
   const { connect: openConnectModal } = useConnectModal();
-  const setActiveWallet = useSetActiveWallet();
   const { data: eoaWalletInfo } = useWalletInfo(connectedEOAWallet?.id);
 
   const globalAddress = connectedSmartWallet?.getAccount()?.address;
 
   // Use custom hook to determine wallet display logic
-  const { shouldShowConnectedEOA, shouldShowWagmiWallet } = useConnectedWalletDisplay(selectedPaymentMethod);
+  const { shouldShowConnectedEOA } = useConnectedWalletDisplay(selectedPaymentMethod);
 
   // Handle wallet connection using thirdweb modal
   const handleConnectWallet = async () => {
     try {
+      // Disconnect current wallet before connecting a new one
+      if (connectedEOAWallet) {
+        await disconnect(connectedEOAWallet);
+      }
       const wallet = await openConnectModal({ client, setActive: false });
       if (wallet) {
         // setActiveWallet(wallet);
@@ -132,7 +133,7 @@ export function CryptoPaymentMethod({
         {/* Payment Methods */}
         <div className="crypto-payment-methods flex flex-col gap-4">
           {/* Installed Wallets Section */}
-          {(shouldShowConnectedEOA || shouldShowWagmiWallet || globalAddress) && (
+          {(shouldShowConnectedEOA || globalAddress) && (
             <div className="installed-wallets">
               <h3 className="text-as-primary/80 mb-3 text-sm font-medium">Connected wallets</h3>
               <div className="space-y-2">
@@ -143,10 +144,7 @@ export function CryptoPaymentMethod({
                     onClick={() => {
                       setSelectedPaymentMethod(CryptoPaymentMethodType.CONNECT_WALLET);
                       onSelectPaymentMethod(CryptoPaymentMethodType.CONNECT_WALLET);
-                      if (connectedEOAWallet) {
-                        setActiveWallet(connectedEOAWallet);
-                      }
-                      toast.success(`Selected ${eoaWalletInfo?.name || connector?.name || "wallet"}`);
+                      toast.success(`Selected ${eoaWalletInfo?.name || "wallet"}`);
                     }}
                     className={cn(
                       "crypto-payment-method-connect-wallet eoa-wallet w-full rounded-xl border p-4 text-left transition-all hover:shadow-md",
@@ -162,7 +160,7 @@ export function CryptoPaymentMethod({
                         </div>
                         <div className="flex flex-col">
                           <span className="text-as-primary font-semibold">
-                            {eoaWalletInfo?.name || connector?.name || "Connected Wallet"}
+                            {eoaWalletInfo?.name || "Connected Wallet"}
                           </span>
                           <span className="text-as-primary/60 text-sm">
                             {shortenAddress(connectedEOAWallet?.getAccount()?.address || "")}
@@ -176,53 +174,9 @@ export function CryptoPaymentMethod({
                         <button
                           onClick={e => {
                             e.stopPropagation();
-                            disconnect();
-                            toast.success("Wallet disconnected");
-                            if (selectedPaymentMethod === CryptoPaymentMethodType.CONNECT_WALLET) {
-                              setSelectedPaymentMethod(CryptoPaymentMethodType.NONE);
+                            if (connectedEOAWallet) {
+                              disconnect(connectedEOAWallet);
                             }
-                          }}
-                          className="text-as-primary/60 hover:text-as-primary/80 rounded-lg p-1.5 transition-colors"
-                        >
-                          <X className="h-4 w-4" />
-                        </button>
-                      </div>
-                    </div>
-                  </button>
-                )}
-
-                {shouldShowWagmiWallet && (
-                  <button
-                    onClick={() => {
-                      setSelectedPaymentMethod(CryptoPaymentMethodType.CONNECT_WALLET);
-                      onSelectPaymentMethod(CryptoPaymentMethodType.CONNECT_WALLET);
-                      toast.success(`Selected ${connector?.name || "wallet"}`);
-                    }}
-                    className={cn(
-                      "crypto-payment-method-connect-wallet wagmi-wallet w-full rounded-xl border p-4 text-left transition-all hover:shadow-md",
-                      selectedPaymentMethod === CryptoPaymentMethodType.CONNECT_WALLET
-                        ? "connected-wallet border-as-brand bg-as-brand/5"
-                        : "border-as-border-secondary bg-as-surface-primary hover:border-as-secondary/80",
-                    )}
-                  >
-                    <div className="flex items-center justify-between">
-                      <div className="flex items-center gap-3">
-                        <div className="wallet-icon flex h-10 w-10 items-center justify-center rounded-full bg-blue-100">
-                          <Wallet className="h-5 w-5 text-blue-600" />
-                        </div>
-                        <div className="flex flex-col">
-                          <span className="text-as-primary font-semibold">{connector?.name || "Connected Wallet"}</span>
-                          <span className="text-as-primary/60 text-sm">{shortenAddress(address || "")}</span>
-                        </div>
-                      </div>
-                      <div className="flex items-center gap-2">
-                        {selectedPaymentMethod === CryptoPaymentMethodType.CONNECT_WALLET && (
-                          <div className="h-2 w-2 rounded-full bg-green-500"></div>
-                        )}
-                        <button
-                          onClick={e => {
-                            e.stopPropagation();
-                            disconnect();
                             toast.success("Wallet disconnected");
                             if (selectedPaymentMethod === CryptoPaymentMethodType.CONNECT_WALLET) {
                               setSelectedPaymentMethod(CryptoPaymentMethodType.NONE);

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]);
-}