@b3dotfun/sdk 0.0.61 → 0.0.62-alpha.1

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

@@ -163,12 +163,23 @@ function AnySpendStakeB3({ loadOrder, mode = "modal", recipientAddress, stakeAmo
                     functionName: "approve",
                     args: [ERC20Staking, BigInt(userStakeAmount)],
                 });
-                await switchChainAndExecute(chains_1.base.id, {
+                const approvalHash = await switchChainAndExecute(chains_1.base.id, {
                     to: anyspend_1.B3_TOKEN.address,
                     data: approvalData,
                     value: BigInt(0),
                 });
-                sonner_1.toast.info("Approval confirmed. Proceeding with stake...");
+                if (!approvalHash) {
+                    sonner_1.toast.error("Approval failed. Please try again.");
+                    return;
+                }
+                const approvalReceipt = await basePublicClient.waitForTransactionReceipt({
+                    hash: approvalHash,
+                    confirmations: 1,
+                });
+                if (approvalReceipt?.status !== "success") {
+                    sonner_1.toast.error("Approval failed. Please try again.");
+                    return;
+                }
             }
             // Execute the stake
             sonner_1.toast.info("Staking B3...");

package/dist/cjs/anyspend/react/components/AnyspendDepositHype.d.ts

@@ -20,5 +20,6 @@ export interface AnySpendDepositHypeProps {
         preventDefault: () => void;
     }) => void;
     customUsdInputValues?: string[];
+    preferEoa?: boolean;
 }
 export declare function AnySpendDepositHype(props: AnySpendDepositHypeProps): import("react/jsx-runtime").JSX.Element;

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

@@ -24,8 +24,10 @@ const FiatPaymentMethod_1 = require("./common/FiatPaymentMethod");
 const OrderDetails_1 = require("./common/OrderDetails");
 const PointsDetailPanel_1 = require("./common/PointsDetailPanel");
 const RecipientSelection_1 = require("./common/RecipientSelection");
+const react_4 = require("thirdweb/react");
 const lucide_react_1 = require("lucide-react");
 const PanelOnramp_1 = require("./common/PanelOnramp");
+const utils_1 = require("../../utils");
 const SLIPPAGE_PERCENT = 3;
 exports.HYPE_TOKEN_DETAILS = {
     SYMBOL: "HYPE",
@@ -35,7 +37,7 @@ function AnySpendDepositHype(props) {
     const fingerprintConfig = (0, AnySpendFingerprintWrapper_1.getFingerprintConfig)();
     return ((0, jsx_runtime_1.jsx)(AnySpendFingerprintWrapper_1.AnySpendFingerprintWrapper, { fingerprint: fingerprintConfig, children: (0, jsx_runtime_1.jsx)(AnySpendDepositHypeInner, { ...props }) }));
 }
-function AnySpendDepositHypeInner({ loadOrder, mode = "modal", recipientAddress, paymentType = "crypto", sourceTokenAddress, sourceTokenChainId, onSuccess, mainFooter, onTokenSelect, customUsdInputValues, }) {
+function AnySpendDepositHypeInner({ loadOrder, mode = "modal", recipientAddress, paymentType = "crypto", sourceTokenAddress, sourceTokenChainId, onSuccess, mainFooter, onTokenSelect, customUsdInputValues, preferEoa, }) {
     // Use shared flow hook
     const { activePanel, setActivePanel, orderId, setOrderId, oat, selectedSrcChainId, setSelectedSrcChainId, selectedSrcToken, setSelectedSrcToken, srcAmount, setSrcAmount, dstAmount, isSrcInputDirty, setIsSrcInputDirty, selectedCryptoPaymentMethod, setSelectedCryptoPaymentMethod, selectedFiatPaymentMethod, setSelectedFiatPaymentMethod, selectedRecipientAddress, setSelectedRecipientAddress, recipientName, globalAddress, anyspendQuote, isLoadingAnyspendQuote, activeInputAmountInWei, geoData, coinbaseAvailablePaymentMethods, stripeWeb2Support, createOrder, isCreatingOrder, createOnrampOrder, isCreatingOnrampOrder, } = (0, useAnyspendFlow_1.useAnyspendFlow)({
         paymentType,
@@ -48,6 +50,20 @@ function AnySpendDepositHypeInner({ loadOrder, mode = "modal", recipientAddress,
         slippage: SLIPPAGE_PERCENT,
         disableUrlParamManagement: true,
     });
+    const { connectedEOAWallet: connectedEOAWallet } = (0, react_1.useAccountWallet)();
+    const setActiveWallet = (0, react_4.useSetActiveWallet)();
+    const activeWallet = (0, react_4.useActiveWallet)();
+    const setGlobalAccountWallet = (0, utils_1.useGlobalWalletState)(state => state.setGlobalAccountWallet);
+    const appliedPreferEoa = (0, react_3.useRef)(false);
+    (0, react_3.useEffect)(() => {
+        if (preferEoa && !appliedPreferEoa.current) {
+            if (connectedEOAWallet) {
+                appliedPreferEoa.current = true;
+                setGlobalAccountWallet(activeWallet);
+                setActiveWallet(connectedEOAWallet);
+            }
+        }
+    }, [preferEoa, connectedEOAWallet, setActiveWallet, activeWallet, setGlobalAccountWallet]);
     // Button state logic
     const btnInfo = (0, react_3.useMemo)(() => {
         if (activeInputAmountInWei === "0")

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

@@ -1,12 +1,13 @@
 import { PermissionsConfig } from "../../../../global-account/types/permissions";
 import "@relayprotocol/relay-kit-ui/styles.css";
 import { Account, Wallet } from "thirdweb/wallets";
+import { CreateConnectorFn } from "wagmi";
 import { ClientType } from "../../../client-manager";
 import { B3ContextType } from "./types";
 /**
  * Main B3Provider component
  */
-export declare function B3Provider({ theme, children, accountOverride, environment, automaticallySetFirstEoa, simDuneApiKey, toaster, clientType, rpcUrls, partnerId, onConnect, }: {
+export declare function B3Provider({ theme, children, accountOverride, environment, automaticallySetFirstEoa, simDuneApiKey, toaster, clientType, rpcUrls, partnerId, onConnect, connectors, overrideDefaultConnectors, }: {
     theme: "light" | "dark";
     children: React.ReactNode;
     accountOverride?: Account;
@@ -21,6 +22,8 @@ export declare function B3Provider({ theme, children, accountOverride, environme
     rpcUrls?: Record<number, string>;
     partnerId: string;
     onConnect?: (wallet: Wallet, b3Jwt: string) => void | Promise<void>;
+    connectors?: CreateConnectorFn[];
+    overrideDefaultConnectors?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
 /**
  * Inner provider component that provides the actual B3Context

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

@@ -4,7 +4,7 @@ exports.B3Provider = B3Provider;
 exports.InnerProvider = InnerProvider;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("../../../../global-account/react");
-const useWagmiConfig_1 = require("../../../../global-account/react/hooks/useWagmiConfig");
+const createWagmiConfig_1 = require("../../../../global-account/react/utils/createWagmiConfig");
 const analytics_1 = require("../../../../global-account/utils/analytics");
 const debug_1 = require("../../../../shared/utils/debug");
 require("@relayprotocol/relay-kit-ui/styles.css");
@@ -32,7 +32,7 @@ const queryClient = new react_query_1.QueryClient();
 /**
  * Main B3Provider component
  */
-function B3Provider({ theme = "light", children, accountOverride, environment, automaticallySetFirstEoa, simDuneApiKey, toaster, clientType = "rest", rpcUrls, partnerId, onConnect, }) {
+function B3Provider({ theme = "light", children, accountOverride, environment, automaticallySetFirstEoa, simDuneApiKey, toaster, clientType = "rest", rpcUrls, partnerId, onConnect, connectors, overrideDefaultConnectors = false, }) {
     // Initialize Google Analytics on mount
     (0, react_2.useEffect)(() => {
         (0, analytics_1.loadGA4Script)();
@@ -41,7 +41,7 @@ function B3Provider({ theme = "light", children, accountOverride, environment, a
     (0, react_2.useEffect)(() => {
         (0, client_manager_1.setClientType)(clientType);
     }, [clientType]);
-    const wagmiConfig = (0, useWagmiConfig_1.useWagmiConfig)(partnerId, rpcUrls);
+    const wagmiConfig = (0, createWagmiConfig_1.createWagmiConfig)({ partnerId, rpcUrls, connectors, overrideDefaultConnectors });
     return ((0, jsx_runtime_1.jsx)(react_3.ThirdwebProvider, { children: (0, jsx_runtime_1.jsx)(wagmi_1.WagmiProvider, { config: wagmiConfig, reconnectOnMount: false, children: (0, jsx_runtime_1.jsx)(react_query_1.QueryClientProvider, { client: queryClient, children: (0, jsx_runtime_1.jsx)(react_1.TooltipProvider, { children: (0, jsx_runtime_1.jsx)(LocalSDKProvider_1.LocalSDKProvider, { onConnectCallback: onConnect, children: (0, jsx_runtime_1.jsx)(InnerProvider, { accountOverride: accountOverride, environment: environment, theme: theme, automaticallySetFirstEoa: !!automaticallySetFirstEoa, clientType: clientType, partnerId: partnerId, children: (0, jsx_runtime_1.jsxs)(react_1.RelayKitProviderWrapper, { simDuneApiKey: simDuneApiKey, children: [children, (0, jsx_runtime_1.jsx)(StyleRoot_1.StyleRoot, { id: "b3-root" }), (0, jsx_runtime_1.jsx)(sonner_1.Toaster, { theme: theme, position: toaster?.position, style: toaster?.style })] }) }) }) }) }) }) }));
 }
 /**

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

@@ -7,7 +7,7 @@ const react_query_1 = require("@tanstack/react-query");
 const react_1 = require("thirdweb/react");
 const wagmi_1 = require("wagmi");
 const useAuthentication_1 = require("../../hooks/useAuthentication");
-const useWagmiConfig_1 = require("../../hooks/useWagmiConfig");
+const createWagmiConfig_1 = require("../../utils/createWagmiConfig");
 const LocalSDKProvider_1 = require("./LocalSDKProvider");
 const types_1 = require("./types");
 /**
@@ -33,7 +33,7 @@ function B3Provider({ theme = "light", children, accountOverride, environment, c
 function InnerProvider({ children, accountOverride, environment, defaultPermissions = DEFAULT_PERMISSIONS, theme = "light", clientType = "socket", partnerId, rpcUrls, }) {
     const activeAccount = (0, react_1.useActiveAccount)();
     const { user, setUser, refetchUser } = (0, useAuthentication_1.useAuthentication)(partnerId);
-    const wagmiConfig = (0, useWagmiConfig_1.useWagmiConfig)(partnerId, rpcUrls);
+    const wagmiConfig = (0, createWagmiConfig_1.createWagmiConfig)({ partnerId, rpcUrls });
     // Use given accountOverride or activeAccount from thirdweb
     const effectiveAccount = accountOverride || activeAccount;
     return ((0, jsx_runtime_1.jsx)(wagmi_1.WagmiProvider, { config: wagmiConfig, children: (0, jsx_runtime_1.jsx)(react_query_1.QueryClientProvider, { client: queryClient, children: (0, jsx_runtime_1.jsx)(types_1.B3Context.Provider, { value: {

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

@@ -1,3 +1,4 @@
+export { createWagmiConfig, type CreateWagmiConfigOptions } from "../utils/createWagmiConfig";
 export { useAccountAssets } from "./useAccountAssets";
 export { useAccountWallet } from "./useAccountWallet";
 export { useAddTWSessionKey } from "./useAddTWSessionKey";

package/dist/cjs/global-account/react/hooks/index.js

@@ -14,7 +14,9 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useURLParams = exports.useUnifiedChainSwitchAndExecute = exports.useTokensFromAddress = exports.useTokenPriceWithFallback = exports.useTokenPrice = exports.useTokenFromUrl = exports.useTokenData = exports.useTokenBalancesByChain = exports.useTokenBalance = exports.useSiwe = exports.useSimBalance = exports.useSearchParamsSSR = exports.useRouter = exports.useRemoveSessionKey = exports.useQueryBSMNT = exports.useQueryB3 = exports.useProfilePreference = exports.useProfile = exports.useOneBalance = exports.useNativeBalanceFromRPC = exports.useNativeBalance = exports.useMediaQuery = exports.useIsomorphicLayoutEffect = exports.useIsMobile = exports.useHasMounted = exports.useHandleConnectWithPrivy = exports.useGlobalAccount = exports.useGetGeo = exports.useGetAllTWSigners = exports.useFirstEOA = exports.useExchangeRate = exports.useConnect = exports.useClient = exports.useChainSwitchWithAction = exports.useBestTransactionPath = exports.useB3EnsName = exports.useB3BalanceFromAddresses = exports.useAuthentication = exports.useAnalytics = exports.useAddTWSessionKey = exports.useAccountWallet = exports.useAccountAssets = void 0;
+exports.useURLParams = exports.useUnifiedChainSwitchAndExecute = exports.useTokensFromAddress = exports.useTokenPriceWithFallback = exports.useTokenPrice = exports.useTokenFromUrl = exports.useTokenData = exports.useTokenBalancesByChain = exports.useTokenBalance = exports.useSiwe = exports.useSimBalance = exports.useSearchParamsSSR = exports.useRouter = exports.useRemoveSessionKey = exports.useQueryBSMNT = exports.useQueryB3 = exports.useProfilePreference = exports.useProfile = exports.useOneBalance = exports.useNativeBalanceFromRPC = exports.useNativeBalance = exports.useMediaQuery = exports.useIsomorphicLayoutEffect = exports.useIsMobile = exports.useHasMounted = exports.useHandleConnectWithPrivy = exports.useGlobalAccount = exports.useGetGeo = exports.useGetAllTWSigners = exports.useFirstEOA = exports.useExchangeRate = exports.useConnect = exports.useClient = exports.useChainSwitchWithAction = exports.useBestTransactionPath = exports.useB3EnsName = exports.useB3BalanceFromAddresses = exports.useAuthentication = exports.useAnalytics = exports.useAddTWSessionKey = exports.useAccountWallet = exports.useAccountAssets = exports.createWagmiConfig = void 0;
+var createWagmiConfig_1 = require("../utils/createWagmiConfig");
+Object.defineProperty(exports, "createWagmiConfig", { enumerable: true, get: function () { return createWagmiConfig_1.createWagmiConfig; } });
 var useAccountAssets_1 = require("./useAccountAssets");
 Object.defineProperty(exports, "useAccountAssets", { enumerable: true, get: function () { return useAccountAssets_1.useAccountAssets; } });
 var useAccountWallet_1 = require("./useAccountWallet");

package/dist/cjs/global-account/react/hooks/useAuthentication.js

@@ -17,9 +17,9 @@ const wallets_1 = require("thirdweb/wallets");
 const in_app_1 = require("thirdweb/wallets/in-app");
 const wagmi_1 = require("wagmi");
 const LocalSDKProvider_1 = require("../components/B3Provider/LocalSDKProvider");
+const createWagmiConfig_1 = require("../utils/createWagmiConfig");
 const useTWAuth_1 = require("./useTWAuth");
 const useUserQuery_1 = require("./useUserQuery");
-const useWagmiConfig_1 = require("./useWagmiConfig");
 const debug = (0, debug_1.debugB3React)("useAuthentication");
 function useAuthentication(partnerId) {
     const { onConnectCallback } = (0, react_2.useContext)(LocalSDKProvider_1.LocalSDKContext);
@@ -39,7 +39,7 @@ function useAuthentication(partnerId) {
     const { authenticate } = (0, useTWAuth_1.useTWAuth)();
     const { user, setUser } = (0, useUserQuery_1.useUserQuery)();
     const useAutoConnectLoadingPrevious = (0, react_2.useRef)(false);
-    const wagmiConfig = (0, useWagmiConfig_1.useWagmiConfig)(partnerId);
+    const wagmiConfig = (0, createWagmiConfig_1.createWagmiConfig)({ partnerId });
     const { connect } = (0, wagmi_1.useConnect)();
     const activeWagmiAccount = (0, wagmi_1.useAccount)();
     const { switchAccount } = (0, wagmi_1.useSwitchAccount)();

package/dist/cjs/global-account/react/stores/useModalStore.d.ts

@@ -312,6 +312,8 @@ export interface AnySpendDepositHypeProps extends BaseModalProps {
     onSuccess?: (amount?: string) => void;
     /** Custom USD input values for quick amount buttons in fiat onramp */
     customUsdInputValues?: string[];
+    /** prefer eoa wallet */
+    preferEoa?: boolean;
 }
 export interface AvatarEditorModalProps extends BaseModalProps {
     /** Modal type identifier */

package/dist/cjs/global-account/react/utils/createWagmiConfig.d.ts

@@ -0,0 +1,27 @@
+import { type CreateConnectorFn } from "wagmi";
+export interface CreateWagmiConfigOptions {
+    partnerId: string;
+    rpcUrls?: Record<number, string>;
+    connectors?: CreateConnectorFn[];
+    overrideDefaultConnectors?: boolean;
+}
+/**
+ * Creates a wagmi config with optional custom RPC URLs and connectors
+ * @param options.partnerId - Partner ID for the ecosystem wallet
+ * @param options.rpcUrls - Optional mapping of chain IDs to RPC URLs
+ * @param options.connectors - Additional connectors to include
+ * @param options.overrideDefaultConnectors - If true, only use provided connectors (ignores defaults)
+ */
+export declare function createWagmiConfig(options: CreateWagmiConfigOptions): import("wagmi").Config<readonly [import("viem").Chain, ...import("viem").Chain[]], {
+    [k: string]: import("viem").HttpTransport<undefined, false>;
+}, (CreateConnectorFn | CreateConnectorFn<import("thirdweb/dist/types/adapters/eip1193").EIP1193Provider | undefined, {
+    connect<withCapabilities extends boolean = false>(parameters?: import("@thirdweb-dev/wagmi-adapter").ConnectionOptions<withCapabilities> | undefined): Promise<{
+        accounts: withCapabilities extends true ? readonly {
+            address: `0x${string}`;
+            capabilities: Record<string, unknown>;
+        }[] : readonly `0x${string}`[];
+        chainId: number;
+    }>;
+}, {
+    "thirdweb:lastChainId": number;
+}>)[]>;

package/dist/cjs/global-account/react/utils/createWagmiConfig.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createWagmiConfig = createWagmiConfig;
+const constants_1 = require("../../../shared/constants");
+const supported_1 = require("../../../shared/constants/chains/supported");
+const thirdweb_1 = require("../../../shared/utils/thirdweb");
+const wagmi_adapter_1 = require("@thirdweb-dev/wagmi-adapter");
+const viem_1 = require("viem");
+const wagmi_1 = require("wagmi");
+/**
+ * Creates a wagmi config with optional custom RPC URLs and connectors
+ * @param options.partnerId - Partner ID for the ecosystem wallet
+ * @param options.rpcUrls - Optional mapping of chain IDs to RPC URLs
+ * @param options.connectors - Additional connectors to include
+ * @param options.overrideDefaultConnectors - If true, only use provided connectors (ignores defaults)
+ */
+function createWagmiConfig(options) {
+    const { partnerId, rpcUrls, connectors = [], overrideDefaultConnectors = false } = options;
+    const defaultConnectors = [
+        (0, wagmi_adapter_1.inAppWalletConnector)({
+            ecosystemId: constants_1.ecosystemWalletId,
+            partnerId,
+            client: thirdweb_1.client,
+        }),
+    ];
+    const finalConnectors = overrideDefaultConnectors ? connectors : [...defaultConnectors, ...connectors];
+    return (0, wagmi_1.createConfig)({
+        chains: [supported_1.supportedChains[0], ...supported_1.supportedChains.slice(1)],
+        transports: Object.fromEntries(supported_1.supportedChains.map(chain => [chain.id, (0, viem_1.http)(rpcUrls?.[chain.id])])),
+        connectors: finalConnectors,
+    });
+}

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

@@ -157,12 +157,23 @@ export function AnySpendStakeB3({ loadOrder, mode = "modal", recipientAddress, s
                     functionName: "approve",
                     args: [ERC20Staking, BigInt(userStakeAmount)],
                 });
-                await switchChainAndExecute(base.id, {
+                const approvalHash = await switchChainAndExecute(base.id, {
                     to: B3_TOKEN.address,
                     data: approvalData,
                     value: BigInt(0),
                 });
-                toast.info("Approval confirmed. Proceeding with stake...");
+                if (!approvalHash) {
+                    toast.error("Approval failed. Please try again.");
+                    return;
+                }
+                const approvalReceipt = await basePublicClient.waitForTransactionReceipt({
+                    hash: approvalHash,
+                    confirmations: 1,
+                });
+                if (approvalReceipt?.status !== "success") {
+                    toast.error("Approval failed. Please try again.");
+                    return;
+                }
             }
             // Execute the stake
             toast.info("Staking B3...");

package/dist/esm/anyspend/react/components/AnyspendDepositHype.d.ts

@@ -20,5 +20,6 @@ export interface AnySpendDepositHypeProps {
         preventDefault: () => void;
     }) => void;
     customUsdInputValues?: string[];
+    preferEoa?: boolean;
 }
 export declare function AnySpendDepositHype(props: AnySpendDepositHypeProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { B3_TOKEN } from "../../../anyspend/index.js";
-import { Button, ShinyButton, StyleRoot, TransitionPanel } from "../../../global-account/react/index.js";
+import { Button, ShinyButton, StyleRoot, TransitionPanel, useAccountWallet } from "../../../global-account/react/index.js";
 import { cn } from "../../../shared/utils/cn.js";
 import invariant from "invariant";
 import { motion } from "motion/react";
-import { useMemo } from "react";
+import { useEffect, useMemo, useRef } from "react";
 import { toast } from "sonner";
 import { base } from "viem/chains";
 import { PanelView, useAnyspendFlow } from "../hooks/useAnyspendFlow.js";
@@ -17,8 +17,10 @@ import { FiatPaymentMethod, FiatPaymentMethodComponent } from "./common/FiatPaym
 import { OrderDetails } from "./common/OrderDetails.js";
 import { PointsDetailPanel } from "./common/PointsDetailPanel.js";
 import { RecipientSelection } from "./common/RecipientSelection.js";
+import { useActiveWallet, useSetActiveWallet } from "thirdweb/react";
 import { ArrowDown, Loader2 } from "lucide-react";
 import { PanelOnramp } from "./common/PanelOnramp.js";
+import { useGlobalWalletState } from "../../utils/index.js";
 const SLIPPAGE_PERCENT = 3;
 export const HYPE_TOKEN_DETAILS = {
     SYMBOL: "HYPE",
@@ -28,7 +30,7 @@ export function AnySpendDepositHype(props) {
     const fingerprintConfig = getFingerprintConfig();
     return (_jsx(AnySpendFingerprintWrapper, { fingerprint: fingerprintConfig, children: _jsx(AnySpendDepositHypeInner, { ...props }) }));
 }
-function AnySpendDepositHypeInner({ loadOrder, mode = "modal", recipientAddress, paymentType = "crypto", sourceTokenAddress, sourceTokenChainId, onSuccess, mainFooter, onTokenSelect, customUsdInputValues, }) {
+function AnySpendDepositHypeInner({ loadOrder, mode = "modal", recipientAddress, paymentType = "crypto", sourceTokenAddress, sourceTokenChainId, onSuccess, mainFooter, onTokenSelect, customUsdInputValues, preferEoa, }) {
     // Use shared flow hook
     const { activePanel, setActivePanel, orderId, setOrderId, oat, selectedSrcChainId, setSelectedSrcChainId, selectedSrcToken, setSelectedSrcToken, srcAmount, setSrcAmount, dstAmount, isSrcInputDirty, setIsSrcInputDirty, selectedCryptoPaymentMethod, setSelectedCryptoPaymentMethod, selectedFiatPaymentMethod, setSelectedFiatPaymentMethod, selectedRecipientAddress, setSelectedRecipientAddress, recipientName, globalAddress, anyspendQuote, isLoadingAnyspendQuote, activeInputAmountInWei, geoData, coinbaseAvailablePaymentMethods, stripeWeb2Support, createOrder, isCreatingOrder, createOnrampOrder, isCreatingOnrampOrder, } = useAnyspendFlow({
         paymentType,
@@ -41,6 +43,20 @@ function AnySpendDepositHypeInner({ loadOrder, mode = "modal", recipientAddress,
         slippage: SLIPPAGE_PERCENT,
         disableUrlParamManagement: true,
     });
+    const { connectedEOAWallet: connectedEOAWallet } = useAccountWallet();
+    const setActiveWallet = useSetActiveWallet();
+    const activeWallet = useActiveWallet();
+    const setGlobalAccountWallet = useGlobalWalletState(state => state.setGlobalAccountWallet);
+    const appliedPreferEoa = useRef(false);
+    useEffect(() => {
+        if (preferEoa && !appliedPreferEoa.current) {
+            if (connectedEOAWallet) {
+                appliedPreferEoa.current = true;
+                setGlobalAccountWallet(activeWallet);
+                setActiveWallet(connectedEOAWallet);
+            }
+        }
+    }, [preferEoa, connectedEOAWallet, setActiveWallet, activeWallet, setGlobalAccountWallet]);
     // Button state logic
     const btnInfo = useMemo(() => {
         if (activeInputAmountInWei === "0")

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

@@ -1,12 +1,13 @@
 import { PermissionsConfig } from "../../../../global-account/types/permissions";
 import "@relayprotocol/relay-kit-ui/styles.css";
 import { Account, Wallet } from "thirdweb/wallets";
+import { CreateConnectorFn } from "wagmi";
 import { ClientType } from "../../../client-manager";
 import { B3ContextType } from "./types";
 /**
  * Main B3Provider component
  */
-export declare function B3Provider({ theme, children, accountOverride, environment, automaticallySetFirstEoa, simDuneApiKey, toaster, clientType, rpcUrls, partnerId, onConnect, }: {
+export declare function B3Provider({ theme, children, accountOverride, environment, automaticallySetFirstEoa, simDuneApiKey, toaster, clientType, rpcUrls, partnerId, onConnect, connectors, overrideDefaultConnectors, }: {
     theme: "light" | "dark";
     children: React.ReactNode;
     accountOverride?: Account;
@@ -21,6 +22,8 @@ export declare function B3Provider({ theme, children, accountOverride, environme
     rpcUrls?: Record<number, string>;
     partnerId: string;
     onConnect?: (wallet: Wallet, b3Jwt: string) => void | Promise<void>;
+    connectors?: CreateConnectorFn[];
+    overrideDefaultConnectors?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
 /**
  * Inner provider component that provides the actual B3Context

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { RelayKitProviderWrapper, TooltipProvider, useAuthentication, useAuthStore, } from "../../../../global-account/react/index.js";
-import { useWagmiConfig } from "../../../../global-account/react/hooks/useWagmiConfig.js";
+import { createWagmiConfig } from "../../../../global-account/react/utils/createWagmiConfig.js";
 import { loadGA4Script } from "../../../../global-account/utils/analytics.js";
 import { debugB3React } from "../../../../shared/utils/debug.js";
 import "@relayprotocol/relay-kit-ui/styles.css";
@@ -28,7 +28,7 @@ const queryClient = new QueryClient();
 /**
  * Main B3Provider component
  */
-export function B3Provider({ theme = "light", children, accountOverride, environment, automaticallySetFirstEoa, simDuneApiKey, toaster, clientType = "rest", rpcUrls, partnerId, onConnect, }) {
+export function B3Provider({ theme = "light", children, accountOverride, environment, automaticallySetFirstEoa, simDuneApiKey, toaster, clientType = "rest", rpcUrls, partnerId, onConnect, connectors, overrideDefaultConnectors = false, }) {
     // Initialize Google Analytics on mount
     useEffect(() => {
         loadGA4Script();
@@ -37,7 +37,7 @@ export function B3Provider({ theme = "light", children, accountOverride, environ
     useEffect(() => {
         setClientType(clientType);
     }, [clientType]);
-    const wagmiConfig = useWagmiConfig(partnerId, rpcUrls);
+    const wagmiConfig = createWagmiConfig({ partnerId, rpcUrls, connectors, overrideDefaultConnectors });
     return (_jsx(ThirdwebProvider, { children: _jsx(WagmiProvider, { config: wagmiConfig, reconnectOnMount: false, children: _jsx(QueryClientProvider, { client: queryClient, children: _jsx(TooltipProvider, { children: _jsx(LocalSDKProvider, { onConnectCallback: onConnect, children: _jsx(InnerProvider, { accountOverride: accountOverride, environment: environment, theme: theme, automaticallySetFirstEoa: !!automaticallySetFirstEoa, clientType: clientType, partnerId: partnerId, children: _jsxs(RelayKitProviderWrapper, { simDuneApiKey: simDuneApiKey, children: [children, _jsx(StyleRoot, { id: "b3-root" }), _jsx(Toaster, { theme: theme, position: toaster?.position, style: toaster?.style })] }) }) }) }) }) }) }));
 }
 /**

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

@@ -3,7 +3,7 @@ import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { ThirdwebProvider, useActiveAccount } from "thirdweb/react";
 import { WagmiProvider } from "wagmi";
 import { useAuthentication } from "../../hooks/useAuthentication.js";
-import { useWagmiConfig } from "../../hooks/useWagmiConfig.js";
+import { createWagmiConfig } from "../../utils/createWagmiConfig.js";
 import { LocalSDKProvider } from "./LocalSDKProvider.js";
 import { B3Context } from "./types.js";
 /**
@@ -29,7 +29,7 @@ export function B3Provider({ theme = "light", children, accountOverride, environ
 export function InnerProvider({ children, accountOverride, environment, defaultPermissions = DEFAULT_PERMISSIONS, theme = "light", clientType = "socket", partnerId, rpcUrls, }) {
     const activeAccount = useActiveAccount();
     const { user, setUser, refetchUser } = useAuthentication(partnerId);
-    const wagmiConfig = useWagmiConfig(partnerId, rpcUrls);
+    const wagmiConfig = createWagmiConfig({ partnerId, rpcUrls });
     // Use given accountOverride or activeAccount from thirdweb
     const effectiveAccount = accountOverride || activeAccount;
     return (_jsx(WagmiProvider, { config: wagmiConfig, children: _jsx(QueryClientProvider, { client: queryClient, children: _jsx(B3Context.Provider, { value: {

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

@@ -1,3 +1,4 @@
+export { createWagmiConfig, type CreateWagmiConfigOptions } from "../utils/createWagmiConfig";
 export { useAccountAssets } from "./useAccountAssets";
 export { useAccountWallet } from "./useAccountWallet";
 export { useAddTWSessionKey } from "./useAddTWSessionKey";

package/dist/esm/global-account/react/hooks/index.js

@@ -1,3 +1,4 @@
+export { createWagmiConfig } from "../utils/createWagmiConfig.js";
 export { useAccountAssets } from "./useAccountAssets.js";
 export { useAccountWallet } from "./useAccountWallet.js";
 export { useAddTWSessionKey } from "./useAddTWSessionKey.js";

package/dist/esm/global-account/react/hooks/useAuthentication.js

@@ -11,9 +11,9 @@ import { ecosystemWallet } from "thirdweb/wallets";
 import { preAuthenticate } from "thirdweb/wallets/in-app";
 import { useAccount, useConnect, useSwitchAccount } from "wagmi";
 import { LocalSDKContext } from "../components/B3Provider/LocalSDKProvider.js";
+import { createWagmiConfig } from "../utils/createWagmiConfig.js";
 import { useTWAuth } from "./useTWAuth.js";
 import { useUserQuery } from "./useUserQuery.js";
-import { useWagmiConfig } from "./useWagmiConfig.js";
 const debug = debugB3React("useAuthentication");
 export function useAuthentication(partnerId) {
     const { onConnectCallback } = useContext(LocalSDKContext);
@@ -33,7 +33,7 @@ export function useAuthentication(partnerId) {
     const { authenticate } = useTWAuth();
     const { user, setUser } = useUserQuery();
     const useAutoConnectLoadingPrevious = useRef(false);
-    const wagmiConfig = useWagmiConfig(partnerId);
+    const wagmiConfig = createWagmiConfig({ partnerId });
     const { connect } = useConnect();
     const activeWagmiAccount = useAccount();
     const { switchAccount } = useSwitchAccount();

package/dist/esm/global-account/react/stores/useModalStore.d.ts

@@ -312,6 +312,8 @@ export interface AnySpendDepositHypeProps extends BaseModalProps {
     onSuccess?: (amount?: string) => void;
     /** Custom USD input values for quick amount buttons in fiat onramp */
     customUsdInputValues?: string[];
+    /** prefer eoa wallet */
+    preferEoa?: boolean;
 }
 export interface AvatarEditorModalProps extends BaseModalProps {
     /** Modal type identifier */

package/dist/esm/global-account/react/utils/createWagmiConfig.d.ts

@@ -0,0 +1,27 @@
+import { type CreateConnectorFn } from "wagmi";
+export interface CreateWagmiConfigOptions {
+    partnerId: string;
+    rpcUrls?: Record<number, string>;
+    connectors?: CreateConnectorFn[];
+    overrideDefaultConnectors?: boolean;
+}
+/**
+ * Creates a wagmi config with optional custom RPC URLs and connectors
+ * @param options.partnerId - Partner ID for the ecosystem wallet
+ * @param options.rpcUrls - Optional mapping of chain IDs to RPC URLs
+ * @param options.connectors - Additional connectors to include
+ * @param options.overrideDefaultConnectors - If true, only use provided connectors (ignores defaults)
+ */
+export declare function createWagmiConfig(options: CreateWagmiConfigOptions): import("wagmi").Config<readonly [import("viem").Chain, ...import("viem").Chain[]], {
+    [k: string]: import("viem").HttpTransport<undefined, false>;
+}, (CreateConnectorFn | CreateConnectorFn<import("thirdweb/dist/types/adapters/eip1193").EIP1193Provider | undefined, {
+    connect<withCapabilities extends boolean = false>(parameters?: import("@thirdweb-dev/wagmi-adapter").ConnectionOptions<withCapabilities> | undefined): Promise<{
+        accounts: withCapabilities extends true ? readonly {
+            address: `0x${string}`;
+            capabilities: Record<string, unknown>;
+        }[] : readonly `0x${string}`[];
+        chainId: number;
+    }>;
+}, {
+    "thirdweb:lastChainId": number;
+}>)[]>;

package/dist/esm/global-account/react/utils/createWagmiConfig.js

@@ -0,0 +1,29 @@
+import { ecosystemWalletId } from "../../../shared/constants/index.js";
+import { supportedChains } from "../../../shared/constants/chains/supported.js";
+import { client } from "../../../shared/utils/thirdweb.js";
+import { inAppWalletConnector } from "@thirdweb-dev/wagmi-adapter";
+import { http } from "viem";
+import { createConfig } from "wagmi";
+/**
+ * Creates a wagmi config with optional custom RPC URLs and connectors
+ * @param options.partnerId - Partner ID for the ecosystem wallet
+ * @param options.rpcUrls - Optional mapping of chain IDs to RPC URLs
+ * @param options.connectors - Additional connectors to include
+ * @param options.overrideDefaultConnectors - If true, only use provided connectors (ignores defaults)
+ */
+export function createWagmiConfig(options) {
+    const { partnerId, rpcUrls, connectors = [], overrideDefaultConnectors = false } = options;
+    const defaultConnectors = [
+        inAppWalletConnector({
+            ecosystemId: ecosystemWalletId,
+            partnerId,
+            client,
+        }),
+    ];
+    const finalConnectors = overrideDefaultConnectors ? connectors : [...defaultConnectors, ...connectors];
+    return createConfig({
+        chains: [supportedChains[0], ...supportedChains.slice(1)],
+        transports: Object.fromEntries(supportedChains.map(chain => [chain.id, http(rpcUrls?.[chain.id])])),
+        connectors: finalConnectors,
+    });
+}

package/dist/types/anyspend/react/components/AnyspendDepositHype.d.ts

@@ -20,5 +20,6 @@ export interface AnySpendDepositHypeProps {
         preventDefault: () => void;
     }) => void;
     customUsdInputValues?: string[];
+    preferEoa?: boolean;
 }
 export declare function AnySpendDepositHype(props: AnySpendDepositHypeProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,12 +1,13 @@
 import { PermissionsConfig } from "@b3dotfun/sdk/global-account/types/permissions";
 import "@relayprotocol/relay-kit-ui/styles.css";
 import { Account, Wallet } from "thirdweb/wallets";
+import { CreateConnectorFn } from "wagmi";
 import { ClientType } from "../../../client-manager";
 import { B3ContextType } from "./types";
 /**
  * Main B3Provider component
  */
-export declare function B3Provider({ theme, children, accountOverride, environment, automaticallySetFirstEoa, simDuneApiKey, toaster, clientType, rpcUrls, partnerId, onConnect, }: {
+export declare function B3Provider({ theme, children, accountOverride, environment, automaticallySetFirstEoa, simDuneApiKey, toaster, clientType, rpcUrls, partnerId, onConnect, connectors, overrideDefaultConnectors, }: {
     theme: "light" | "dark";
     children: React.ReactNode;
     accountOverride?: Account;
@@ -21,6 +22,8 @@ export declare function B3Provider({ theme, children, accountOverride, environme
     rpcUrls?: Record<number, string>;
     partnerId: string;
     onConnect?: (wallet: Wallet, b3Jwt: string) => void | Promise<void>;
+    connectors?: CreateConnectorFn[];
+    overrideDefaultConnectors?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
 /**
  * Inner provider component that provides the actual B3Context

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

@@ -1,3 +1,4 @@
+export { createWagmiConfig, type CreateWagmiConfigOptions } from "../utils/createWagmiConfig";
 export { useAccountAssets } from "./useAccountAssets";
 export { useAccountWallet } from "./useAccountWallet";
 export { useAddTWSessionKey } from "./useAddTWSessionKey";

package/dist/types/global-account/react/stores/useModalStore.d.ts

@@ -312,6 +312,8 @@ export interface AnySpendDepositHypeProps extends BaseModalProps {
     onSuccess?: (amount?: string) => void;
     /** Custom USD input values for quick amount buttons in fiat onramp */
     customUsdInputValues?: string[];
+    /** prefer eoa wallet */
+    preferEoa?: boolean;
 }
 export interface AvatarEditorModalProps extends BaseModalProps {
     /** Modal type identifier */

package/dist/types/global-account/react/utils/createWagmiConfig.d.ts

@@ -0,0 +1,27 @@
+import { type CreateConnectorFn } from "wagmi";
+export interface CreateWagmiConfigOptions {
+    partnerId: string;
+    rpcUrls?: Record<number, string>;
+    connectors?: CreateConnectorFn[];
+    overrideDefaultConnectors?: boolean;
+}
+/**
+ * Creates a wagmi config with optional custom RPC URLs and connectors
+ * @param options.partnerId - Partner ID for the ecosystem wallet
+ * @param options.rpcUrls - Optional mapping of chain IDs to RPC URLs
+ * @param options.connectors - Additional connectors to include
+ * @param options.overrideDefaultConnectors - If true, only use provided connectors (ignores defaults)
+ */
+export declare function createWagmiConfig(options: CreateWagmiConfigOptions): import("wagmi").Config<readonly [import("viem").Chain, ...import("viem").Chain[]], {
+    [k: string]: import("viem").HttpTransport<undefined, false>;
+}, (CreateConnectorFn | CreateConnectorFn<import("thirdweb/dist/types/adapters/eip1193").EIP1193Provider | undefined, {
+    connect<withCapabilities extends boolean = false>(parameters?: import("@thirdweb-dev/wagmi-adapter").ConnectionOptions<withCapabilities> | undefined): Promise<{
+        accounts: withCapabilities extends true ? readonly {
+            address: `0x${string}`;
+            capabilities: Record<string, unknown>;
+        }[] : readonly `0x${string}`[];
+        chainId: number;
+    }>;
+}, {
+    "thirdweb:lastChainId": number;
+}>)[]>;