@b3dotfun/sdk 0.0.61-alpha.0 → 0.0.61-alpha.2

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/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, }: {
     theme: "light" | "dark";
     children: React.ReactNode;
     accountOverride?: Account;
@@ -21,6 +22,7 @@ export declare function B3Provider({ theme, children, accountOverride, environme
     rpcUrls?: Record<number, string>;
     partnerId: string;
     onConnect?: (wallet: Wallet, b3Jwt: string) => void | Promise<void>;
+    connectors?: CreateConnectorFn[];
 }): 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, }) {
     // 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 });
     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/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/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, }: {
     theme: "light" | "dark";
     children: React.ReactNode;
     accountOverride?: Account;
@@ -21,6 +22,7 @@ export declare function B3Provider({ theme, children, accountOverride, environme
     rpcUrls?: Record<number, string>;
     partnerId: string;
     onConnect?: (wallet: Wallet, b3Jwt: string) => void | Promise<void>;
+    connectors?: CreateConnectorFn[];
 }): 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, }) {
     // 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 });
     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/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/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, }: {
     theme: "light" | "dark";
     children: React.ReactNode;
     accountOverride?: Account;
@@ -21,6 +22,7 @@ export declare function B3Provider({ theme, children, accountOverride, environme
     rpcUrls?: Record<number, string>;
     partnerId: string;
     onConnect?: (wallet: Wallet, b3Jwt: string) => void | Promise<void>;
+    connectors?: CreateConnectorFn[];
 }): 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/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@b3dotfun/sdk",
-  "version": "0.0.61-alpha.0",
+  "version": "0.0.61-alpha.2",
   "source": "src/index.ts",
   "main": "./dist/cjs/index.js",
   "react-native": "./dist/cjs/index.native.js",
@@ -284,7 +284,6 @@
   "dependencies": {
     "@b3dotfun/b3-api": "0.0.77",
     "@b3dotfun/basement-api": "0.0.11",
-    "@farcaster/miniapp-wagmi-connector": "^1.1.0",
     "@feathersjs/authentication-client": "5.0.33",
     "@feathersjs/feathers": "5.0.33",
     "@feathersjs/rest-client": "5.0.33",

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

@@ -207,13 +207,26 @@ export function AnySpendStakeB3({
           args: [ERC20Staking as `0x${string}`, BigInt(userStakeAmount)],
         });
 
-        await switchChainAndExecute(base.id, {
+        const approvalHash = await switchChainAndExecute(base.id, {
           to: B3_TOKEN.address as `0x${string}`,
           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 as `0x${string}`,
+          confirmations: 1,
+        });
+
+        if (approvalReceipt?.status !== "success") {
+          toast.error("Approval failed. Please try again.");
+          return;
+        }
       }
 
       // Execute the stake

package/src/global-account/react/components/B3Provider/B3Provider.native.tsx

@@ -7,7 +7,7 @@ import { ClientType } from "../../../client-manager";
 
 import { WagmiProvider } from "wagmi";
 import { useAuthentication } from "../../hooks/useAuthentication";
-import { useWagmiConfig } from "../../hooks/useWagmiConfig";
+import { createWagmiConfig } from "../../utils/createWagmiConfig";
 import { LocalSDKProvider } from "./LocalSDKProvider";
 import { B3Context, B3ContextType } from "./types";
 
@@ -90,7 +90,7 @@ export function InnerProvider({
 }) {
   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;

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

@@ -4,7 +4,7 @@ import {
   useAuthentication,
   useAuthStore,
 } from "@b3dotfun/sdk/global-account/react";
-import { useWagmiConfig } from "@b3dotfun/sdk/global-account/react/hooks/useWagmiConfig";
+import { createWagmiConfig } from "@b3dotfun/sdk/global-account/react/utils/createWagmiConfig";
 import { PermissionsConfig } from "@b3dotfun/sdk/global-account/types/permissions";
 import { loadGA4Script } from "@b3dotfun/sdk/global-account/utils/analytics";
 import { debugB3React } from "@b3dotfun/sdk/shared/utils/debug";
@@ -20,7 +20,7 @@ import {
   useSetActiveWallet,
 } from "thirdweb/react";
 import { Account, Wallet } from "thirdweb/wallets";
-import { WagmiProvider } from "wagmi";
+import { CreateConnectorFn, WagmiProvider } from "wagmi";
 import { ClientType, setClientType } from "../../../client-manager";
 import { StyleRoot } from "../StyleRoot";
 import { LocalSDKProvider } from "./LocalSDKProvider";
@@ -56,6 +56,7 @@ export function B3Provider({
   rpcUrls,
   partnerId,
   onConnect,
+  connectors,
 }: {
   theme: "light" | "dark";
   children: React.ReactNode;
@@ -71,6 +72,7 @@ export function B3Provider({
   rpcUrls?: Record<number, string>;
   partnerId: string;
   onConnect?: (wallet: Wallet, b3Jwt: string) => void | Promise<void>;
+  connectors?: CreateConnectorFn[];
 }) {
   // Initialize Google Analytics on mount
   useEffect(() => {
@@ -81,7 +83,7 @@ export function B3Provider({
   useEffect(() => {
     setClientType(clientType);
   }, [clientType]);
-  const wagmiConfig = useWagmiConfig(partnerId, rpcUrls);
+  const wagmiConfig = createWagmiConfig({ partnerId, rpcUrls, connectors });
 
   return (
     <ThirdwebProvider>

package/src/global-account/react/hooks/index.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/src/global-account/react/hooks/useAuthentication.ts

@@ -18,9 +18,9 @@ import { Wallet, ecosystemWallet } from "thirdweb/wallets";
 import { preAuthenticate } from "thirdweb/wallets/in-app";
 import { useAccount, useConnect, useSwitchAccount } from "wagmi";
 import { LocalSDKContext } from "../components/B3Provider/LocalSDKProvider";
+import { createWagmiConfig } from "../utils/createWagmiConfig";
 import { useTWAuth } from "./useTWAuth";
 import { useUserQuery } from "./useUserQuery";
-import { useWagmiConfig } from "./useWagmiConfig";
 
 const debug = debugB3React("useAuthentication");
 
@@ -42,7 +42,7 @@ export function useAuthentication(partnerId: string) {
   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/src/global-account/react/utils/createWagmiConfig.tsx

@@ -0,0 +1,40 @@
+import { ecosystemWalletId } from "@b3dotfun/sdk/shared/constants";
+import { supportedChains } from "@b3dotfun/sdk/shared/constants/chains/supported";
+import { client } from "@b3dotfun/sdk/shared/utils/thirdweb";
+import { inAppWalletConnector } from "@thirdweb-dev/wagmi-adapter";
+import { http } from "viem";
+import { createConfig, 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 function createWagmiConfig(options: CreateWagmiConfigOptions) {
+  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,
+  });
+}