@b3dotfun/sdk 0.1.2 → 0.1.5

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

@@ -0,0 +1,17 @@
+import { CryptoPaymentMethodType } from "../components/common/CryptoPaymentMethod";
+interface DirectTransferParams {
+    chainId: number;
+    tokenAddress: string;
+    recipientAddress: string;
+    amount: bigint;
+    method: CryptoPaymentMethodType;
+}
+/**
+ * Hook for executing direct token transfers (same chain, same token)
+ * bypassing the swap backend.
+ */
+export declare function useDirectTransfer(): {
+    executeDirectTransfer: ({ chainId, tokenAddress, recipientAddress, amount, method, }: DirectTransferParams) => Promise<string | undefined>;
+    isTransferring: boolean;
+};
+export {};

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

@@ -0,0 +1,43 @@
+import { useUnifiedChainSwitchAndExecute } from "../../../global-account/react/index.js";
+import { isNativeToken } from "../../../anyspend/utils/token.js";
+import { encodeFunctionData, erc20Abi } from "viem";
+import { useCallback } from "react";
+import { CryptoPaymentMethodType } from "../components/common/CryptoPaymentMethod.js";
+/**
+ * Hook for executing direct token transfers (same chain, same token)
+ * bypassing the swap backend.
+ */
+export function useDirectTransfer() {
+    const { switchChainAndExecute, switchChainAndExecuteWithEOA, isSwitchingOrExecuting } = useUnifiedChainSwitchAndExecute();
+    const executeDirectTransfer = useCallback(async ({ chainId, tokenAddress, recipientAddress, amount, method, }) => {
+        const isNative = isNativeToken(tokenAddress);
+        // Choose the correct execution function based on payment method
+        const execute = method === CryptoPaymentMethodType.CONNECT_WALLET ? switchChainAndExecuteWithEOA : switchChainAndExecute;
+        let txHash;
+        if (isNative) {
+            // Native token transfer (ETH, etc.)
+            txHash = await execute(chainId, {
+                to: recipientAddress,
+                value: amount,
+            });
+        }
+        else {
+            // ERC20 token transfer
+            const transferData = encodeFunctionData({
+                abi: erc20Abi,
+                functionName: "transfer",
+                args: [recipientAddress, amount],
+            });
+            txHash = await execute(chainId, {
+                to: tokenAddress,
+                data: transferData,
+                value: BigInt(0),
+            });
+        }
+        return txHash;
+    }, [switchChainAndExecute, switchChainAndExecuteWithEOA]);
+    return {
+        executeDirectTransfer,
+        isTransferring: isSwitchingOrExecuting,
+    };
+}

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

@@ -35,7 +35,7 @@ export function useRecipientAddressState({ recipientAddressFromProps, walletAddr
     // selectedRecipientAddress: explicitly selected by user (undefined means no explicit selection)
     const [selectedRecipientAddress, setSelectedRecipientAddress] = useState(undefined);
     // The effective recipient address, derived on each render, respecting priority.
-    const effectiveRecipientAddress = recipientAddressFromProps || selectedRecipientAddress || walletAddress || globalAddress;
+    const effectiveRecipientAddress = selectedRecipientAddress || recipientAddressFromProps || walletAddress || globalAddress;
     // Helper function to reset user's manual selection.
     const resetRecipientAddress = () => {
         setSelectedRecipientAddress(undefined);

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

@@ -3,7 +3,11 @@ export const getStatusDisplay = (order) => {
     const srcToken = order.metadata?.srcToken;
     const dstToken = order.metadata?.dstToken;
     const formattedSrcAmount = srcToken ? formatTokenAmount(BigInt(order.srcAmount), srcToken.decimals) : undefined;
-    const actualDstAmount = order.settlement?.actualDstAmount;
+    // For custom orders, use payload.amount as fallback if actualDstAmount is not available
+    const actualDstAmount = order.settlement?.actualDstAmount ||
+        (order.type === "custom" || order.type === "custom_exact_in" || order.type === "deposit_first"
+            ? order.payload.amount?.toString()
+            : undefined);
     const formattedActualDstAmount = actualDstAmount && dstToken ? formatTokenAmount(BigInt(actualDstAmount), dstToken.decimals) : undefined;
     switch (order.status) {
         case "scanning_deposit_transaction": {
@@ -40,6 +44,7 @@ export const getStatusDisplay = (order) => {
             };
         case "executed": {
             const receivedText = formattedActualDstAmount && dstToken ? `Received ${formattedActualDstAmount} ${dstToken.symbol}` : undefined;
+            const actionText = order.metadata?.action || "Order";
             const { text, description } = order.type === "swap"
                 ? { text: receivedText || "Swap Complete", description: "Your swap has been completed successfully." }
                 : order.type === "mint_nft"
@@ -48,7 +53,12 @@ export const getStatusDisplay = (order) => {
                         ? { text: "Tournament Joined", description: "You have joined the tournament" }
                         : order.type === "fund_tournament"
                             ? { text: "Tournament Funded", description: "You have funded the tournament" }
-                            : { text: receivedText || "Order Complete", description: "Your order has been completed" };
+                            : order.type === "custom" || order.type === "custom_exact_in"
+                                ? {
+                                    text: receivedText || `${actionText} Complete`,
+                                    description: "Your order has been completed successfully.",
+                                }
+                                : { text: receivedText || "Order Complete", description: "Your order has been completed" };
             return { text, status: "success", description };
         }
         case "refunding":

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

@@ -19,7 +19,6 @@ import { RequestPermissions } from "./RequestPermissions/RequestPermissions.js";
 import { Send } from "./Send/Send.js";
 import { SignInWithB3Flow } from "./SignInWithB3/SignInWithB3Flow.js";
 import { ToastContainer, useToastContext } from "./Toast/index.js";
-import { TurnkeyAuthModal } from "./TurnkeyAuthModal.js";
 import { Dialog, DialogContent, DialogDescription, DialogTitle } from "./ui/dialog.js";
 import { Drawer, DrawerContent, DrawerDescription, DrawerTitle } from "./ui/drawer.js";
 const debug = debugB3React("B3DynamicModal");
@@ -44,7 +43,6 @@ export function B3DynamicModal() {
         "anySpendBuySpin",
         "anySpendOrderHistory",
         "signInWithB3",
-        "turnkeyAuth",
         "anySpendSignatureMint",
         "anySpendBondKit",
         "linkAccount",
@@ -74,7 +72,7 @@ export function B3DynamicModal() {
     const hideCloseButton = true;
     // Build content class using cn utility
     // eslint-disable-next-line tailwindcss/no-custom-classname
-    const contentClass = cn("b3-modal", theme === "dark" && "dark", fullWidthTypes.includes(contentType?.type) && "w-full", isFreestyleType && "b3-modal-freestyle", contentType?.type === "signInWithB3" && "p-0", contentType?.type === "turnkeyAuth" && "p-0", contentType?.type === "anySpend" && "md:p-0", contentType?.type === "send" && "p-0", contentType?.type === "manageAccount" && " md:p-0 md:pt-2", contentType?.type === "linkAccount" && "md:p-0");
+    const contentClass = cn("b3-modal", theme === "dark" && "dark", fullWidthTypes.includes(contentType?.type) && "w-full", isFreestyleType && "b3-modal-freestyle", contentType?.type === "signInWithB3" && "p-0", contentType?.type === "anySpend" && "md:p-0", contentType?.type === "send" && "p-0", contentType?.type === "manageAccount" && " md:p-0 md:pt-2", contentType?.type === "linkAccount" && "md:p-0");
     debug("contentType", contentType);
     const renderContent = () => {
         if (!contentType)
@@ -82,8 +80,6 @@ export function B3DynamicModal() {
         switch (contentType.type) {
             case "signInWithB3":
                 return _jsx(SignInWithB3Flow, { ...contentType });
-            case "turnkeyAuth":
-                return _jsx(TurnkeyAuthModal, { ...contentType });
             case "requestPermissions":
                 return _jsx(RequestPermissions, { ...contentType });
             case "manageAccount":

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

@@ -13,9 +13,8 @@ export interface B3ConfigContextType {
     partnerId: string;
     stripePublishableKey?: string;
     createClientReferenceId?: (params: CreateOrderParams | CreateOnrampOrderParams) => Promise<string>;
-    enableTurnkey: boolean;
 }
-export declare function B3ConfigProvider({ children, accountOverride, environment, defaultPermissions, automaticallySetFirstEoa, theme, clientType, partnerId, stripePublishableKey, createClientReferenceId, enableTurnkey, }: {
+export declare function B3ConfigProvider({ children, accountOverride, environment, defaultPermissions, automaticallySetFirstEoa, theme, clientType, partnerId, stripePublishableKey, createClientReferenceId, }: {
     children: React.ReactNode;
     accountOverride?: Account;
     environment?: "development" | "production";
@@ -26,6 +25,5 @@ export declare function B3ConfigProvider({ children, accountOverride, environmen
     partnerId: string;
     stripePublishableKey?: string;
     createClientReferenceId?: (params: CreateOrderParams | CreateOnrampOrderParams) => Promise<string>;
-    enableTurnkey?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
 export declare function useB3Config(): B3ConfigContextType;

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

@@ -10,7 +10,7 @@ const DEFAULT_PERMISSIONS = {
     endDate: new Date(Date.now() + 1000 * 60 * 60 * 24 * 365), // 1 year from now
 };
 const B3ConfigContext = createContext(null);
-export function B3ConfigProvider({ children, accountOverride, environment = "development", defaultPermissions = DEFAULT_PERMISSIONS, automaticallySetFirstEoa = false, theme = "light", clientType = "rest", partnerId, stripePublishableKey, createClientReferenceId, enableTurnkey = false, }) {
+export function B3ConfigProvider({ children, accountOverride, environment = "development", defaultPermissions = DEFAULT_PERMISSIONS, automaticallySetFirstEoa = false, theme = "light", clientType = "rest", partnerId, stripePublishableKey, createClientReferenceId, }) {
     return (_jsx(B3ConfigContext.Provider, { value: {
             accountOverride,
             environment,
@@ -21,7 +21,6 @@ export function B3ConfigProvider({ children, accountOverride, environment = "dev
             partnerId,
             stripePublishableKey,
             createClientReferenceId,
-            enableTurnkey,
         }, children: children }));
 }
 export function useB3Config() {

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

@@ -1,4 +1,3 @@
-import { Users } from "@b3dotfun/b3-api";
 import { CreateOnrampOrderParams } from "../../../../anyspend/react/hooks/useAnyspendCreateOnrampOrder";
 import { CreateOrderParams } from "../../../../anyspend/react/hooks/useAnyspendCreateOrder";
 import { PermissionsConfig } from "../../../../global-account/types/permissions";
@@ -9,7 +8,7 @@ import { ClientType } from "../../../client-manager";
 /**
  * Main B3Provider component
  */
-export declare function B3Provider({ theme, children, accountOverride, environment, automaticallySetFirstEoa, simDuneApiKey, toaster: _toaster, clientType, rpcUrls, partnerId, stripePublishableKey, onConnect, onLogout, connectors, overrideDefaultConnectors, createClientReferenceId, enableTurnkey, defaultPermissions, onTurnkeyConnect, }: {
+export declare function B3Provider({ theme, children, accountOverride, environment, automaticallySetFirstEoa, simDuneApiKey, toaster: _toaster, clientType, rpcUrls, partnerId, stripePublishableKey, onConnect, onLogout, connectors, overrideDefaultConnectors, createClientReferenceId, defaultPermissions, }: {
     theme: "light" | "dark";
     children: React.ReactNode;
     accountOverride?: Account;
@@ -30,7 +29,5 @@ export declare function B3Provider({ theme, children, accountOverride, environme
     connectors?: CreateConnectorFn[];
     overrideDefaultConnectors?: boolean;
     createClientReferenceId?: (params: CreateOrderParams | CreateOnrampOrderParams) => Promise<string>;
-    enableTurnkey?: boolean;
     defaultPermissions?: PermissionsConfig;
-    onTurnkeyConnect?: (user: Users) => void | Promise<void>;
 }): import("react/jsx-runtime").JSX.Element;

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

@@ -20,7 +20,7 @@ const queryClient = new QueryClient();
  */
 export function B3Provider({ theme = "light", children, accountOverride, environment, automaticallySetFirstEoa, simDuneApiKey, 
 // deprecated since v0.0.87
-toaster: _toaster, clientType = "rest", rpcUrls, partnerId, stripePublishableKey, onConnect, onLogout, connectors, overrideDefaultConnectors = false, createClientReferenceId, enableTurnkey = false, defaultPermissions, onTurnkeyConnect, }) {
+toaster: _toaster, clientType = "rest", rpcUrls, partnerId, stripePublishableKey, onConnect, onLogout, connectors, overrideDefaultConnectors = false, createClientReferenceId, defaultPermissions, }) {
     // Initialize Google Analytics on mount
     useEffect(() => {
         loadGA4Script();
@@ -30,7 +30,7 @@ toaster: _toaster, clientType = "rest", rpcUrls, partnerId, stripePublishableKey
         setClientType(clientType);
     }, [clientType]);
     const wagmiConfig = useMemo(() => createWagmiConfig({ partnerId, rpcUrls, connectors, overrideDefaultConnectors }), [partnerId, rpcUrls, connectors, overrideDefaultConnectors]);
-    return (_jsx(ThirdwebProvider, { children: _jsx(WagmiProvider, { config: wagmiConfig, reconnectOnMount: false, children: _jsx(QueryClientProvider, { client: queryClient, children: _jsx(TooltipProvider, { children: _jsx(ToastProvider, { children: _jsx(LocalSDKProvider, { onConnectCallback: onConnect, onLogoutCallback: onLogout, onTurnkeyConnect: onTurnkeyConnect, children: _jsxs(B3ConfigProvider, { accountOverride: accountOverride, environment: environment, automaticallySetFirstEoa: !!automaticallySetFirstEoa, theme: theme, clientType: clientType, partnerId: partnerId, stripePublishableKey: stripePublishableKey, createClientReferenceId: createClientReferenceId, enableTurnkey: enableTurnkey, defaultPermissions: defaultPermissions, children: [_jsx(ToastContextConnector, {}), _jsxs(RelayKitProviderWrapper, { simDuneApiKey: simDuneApiKey, children: [children, _jsx(StyleRoot, { id: "b3-root" })] }), _jsx(AuthenticationProvider, { partnerId: partnerId, automaticallySetFirstEoa: !!automaticallySetFirstEoa })] }) }) }) }) }) }) }));
+    return (_jsx(ThirdwebProvider, { children: _jsx(WagmiProvider, { config: wagmiConfig, reconnectOnMount: false, children: _jsx(QueryClientProvider, { client: queryClient, children: _jsx(TooltipProvider, { children: _jsx(ToastProvider, { children: _jsx(LocalSDKProvider, { onConnectCallback: onConnect, onLogoutCallback: onLogout, children: _jsxs(B3ConfigProvider, { accountOverride: accountOverride, environment: environment, automaticallySetFirstEoa: !!automaticallySetFirstEoa, theme: theme, clientType: clientType, partnerId: partnerId, stripePublishableKey: stripePublishableKey, createClientReferenceId: createClientReferenceId, defaultPermissions: defaultPermissions, children: [_jsx(ToastContextConnector, {}), _jsxs(RelayKitProviderWrapper, { simDuneApiKey: simDuneApiKey, children: [children, _jsx(StyleRoot, { id: "b3-root" })] }), _jsx(AuthenticationProvider, { partnerId: partnerId, automaticallySetFirstEoa: !!automaticallySetFirstEoa })] }) }) }) }) }) }) }));
 }
 /**
  * Component to connect the toast context to the global toast API

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

@@ -4,7 +4,7 @@ import { ClientType } from "../../../client-manager";
 /**
  * Main B3Provider component
  */
-export declare function B3Provider({ theme, children, accountOverride, environment, clientType, partnerId, rpcUrls, onConnect, defaultPermissions, }: {
+export declare function B3Provider({ theme, children, accountOverride, environment, clientType, partnerId, rpcUrls: _rpcUrls, onConnect, defaultPermissions, }: {
     theme: "light" | "dark";
     children: React.ReactNode;
     accountOverride?: Account;

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

@@ -11,7 +11,7 @@ const queryClient = new QueryClient();
 /**
  * Main B3Provider component
  */
-export function B3Provider({ theme = "light", children, accountOverride, environment, clientType = "socket", partnerId, rpcUrls, onConnect, defaultPermissions, }) {
+export function B3Provider({ theme = "light", children, accountOverride, environment, clientType = "socket", partnerId, rpcUrls: _rpcUrls, onConnect, defaultPermissions, }) {
     return (_jsx(ThirdwebProvider, { children: _jsx(LocalSDKProvider, { onConnectCallback: onConnect, children: _jsxs(B3ConfigProvider, { accountOverride: accountOverride, environment: environment, automaticallySetFirstEoa: false, theme: theme, clientType: clientType, partnerId: partnerId, defaultPermissions: defaultPermissions, children: [children, _jsx(AuthenticationProvider, { partnerId: partnerId, automaticallySetFirstEoa: false })] }) }) }));
 }
 /**

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

@@ -1,4 +1,3 @@
-import { Users } from "@b3dotfun/b3-api";
 import { Wallet } from "thirdweb/wallets";
 /**
  * Local SDK Context for internal SDK state (like authentication callbacks)
@@ -7,15 +6,13 @@ import { Wallet } from "thirdweb/wallets";
 export interface LocalSDKContextType {
     onConnectCallback?: (wallet: Wallet, b3Jwt: string) => void | Promise<void>;
     onLogoutCallback?: () => void | Promise<void>;
-    onTurnkeyConnect?: (user: Users) => void | Promise<void>;
 }
 export declare const LocalSDKContext: import("react").Context<LocalSDKContextType>;
 /**
  * Local SDK Provider that wraps the app and provides internal SDK state
  */
-export declare function LocalSDKProvider({ children, onConnectCallback, onLogoutCallback, onTurnkeyConnect, }: {
+export declare function LocalSDKProvider({ children, onConnectCallback, onLogoutCallback, }: {
     children: React.ReactNode;
     onConnectCallback?: (wallet: Wallet, b3Jwt: string) => void | Promise<void>;
     onLogoutCallback?: () => void | Promise<void>;
-    onTurnkeyConnect?: (user: Users) => void | Promise<void>;
 }): import("react/jsx-runtime").JSX.Element;

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

@@ -3,15 +3,13 @@ import { createContext } from "react";
 export const LocalSDKContext = createContext({
     onConnectCallback: undefined,
     onLogoutCallback: undefined,
-    onTurnkeyConnect: undefined,
 });
 /**
  * Local SDK Provider that wraps the app and provides internal SDK state
  */
-export function LocalSDKProvider({ children, onConnectCallback, onLogoutCallback, onTurnkeyConnect, }) {
+export function LocalSDKProvider({ children, onConnectCallback, onLogoutCallback, }) {
     return (_jsx(LocalSDKContext.Provider, { value: {
             onConnectCallback,
             onLogoutCallback,
-            onTurnkeyConnect,
         }, children: children }));
 }

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

@@ -11,8 +11,6 @@ export function RelayKitProviderWrapper({ children, simDuneApiKey, }) {
         };
         fetchChains();
     }, []);
-    const isTurnkeyPrimary = process.env.NEXT_PUBLIC_TURNKEY_PRIMARY === "true";
-    const appName = isTurnkeyPrimary ? "Smart Wallet" : "AnySpend";
     return (_jsx(RelayKitProvider, { options: {
             baseApiUrl: MAINNET_RELAY_API,
             source: "anyspend",
@@ -22,7 +20,7 @@ export function RelayKitProviderWrapper({ children, simDuneApiKey, }) {
             },
             chains: relayChains,
             privateChainIds: undefined,
-            appName,
+            appName: "AnySpend",
             useGasFeeEstimations: true,
         }, children: _jsx(_Fragment, { children: children }) }));
 }

package/dist/esm/global-account/react/components/ManageAccount/SettingsContent.js

@@ -1,13 +1,18 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useModalStore } from "../../../../global-account/react/index.js";
+import { useAuthentication, useModalStore } from "../../../../global-account/react/index.js";
 import { client } from "../../../../shared/utils/thirdweb.js";
+import { Loader2 } from "lucide-react";
+import { useState } from "react";
 import { useProfiles } from "thirdweb/react";
+import SignOutIcon from "../icons/SignOutIcon.js";
 import ModalHeader from "../ModalHeader/ModalHeader.js";
 import SettingsMenuItem from "./SettingsMenuItem.js";
 import SettingsProfileCard from "./SettingsProfileCard.js";
 const SettingsContent = ({ partnerId, onLogout, chain, }) => {
     const setB3ModalContentType = useModalStore(state => state.setB3ModalContentType);
     const setB3ModalOpen = useModalStore(state => state.setB3ModalOpen);
+    const { logout } = useAuthentication(partnerId);
+    const [logoutLoading, setLogoutLoading] = useState(false);
     const { data: profilesRaw = [] } = useProfiles({ client });
     const profiles = profilesRaw.filter((profile) => !["custom_auth_endpoint"].includes(profile.type));
     const handleNavigate = (type) => {
@@ -50,6 +55,15 @@ const SettingsContent = ({ partnerId, onLogout, chain, }) => {
         }
         setB3ModalOpen(true);
     };
-    return (_jsxs("div", { className: "flex h-[470px] flex-col", children: [_jsx(ModalHeader, { showBackButton: false, showCloseButton: false, title: "Settings" }), _jsx("div", { className: "p-5", children: _jsx("div", { className: "b3-modal-settings-profile-card dark:border-b3-line dark:bg-b3-background flex items-center rounded-xl border border-[#e4e4e7] bg-[#f4f4f5] p-4", children: _jsx(SettingsProfileCard, {}) }) }), _jsxs("div", { className: "space-y-3 px-5", children: [_jsx(SettingsMenuItem, { icon: _jsx("svg", { width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M0 12C0 5.37258 5.37258 0 12 0H28C34.6274 0 40 5.37258 40 12V28C40 34.6274 34.6274 40 28 40H12C5.37258 40 0 34.6274 0 28V12Z", fill: "#F4F4F5" }) }), title: "Linked Accounts", subtitle: `${profiles.length} connected account${profiles.length > 1 ? "s" : ""}`, onClick: () => handleNavigate("linkAccount") }), _jsx(SettingsMenuItem, { icon: _jsx("svg", { width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M0 12C0 5.37258 5.37258 0 12 0H28C34.6274 0 40 5.37258 40 12V28C40 34.6274 34.6274 40 28 40H12C5.37258 40 0 34.6274 0 28V12Z", fill: "#F4F4F5" }) }), title: "Notifications", subtitle: "Manage your notifications", onClick: () => handleNavigate("notifications") })] })] }));
+    const onLogoutEnhanced = async () => {
+        setLogoutLoading(true);
+        await logout();
+        onLogout?.();
+        setB3ModalOpen(false);
+        setLogoutLoading(false);
+    };
+    return (_jsxs("div", { className: "flex h-[470px] flex-col", children: [_jsx(ModalHeader, { showBackButton: false, showCloseButton: false, title: "Settings" }), _jsx("div", { className: "p-5", children: _jsx("div", { className: "b3-modal-settings-profile-card dark:border-b3-line dark:bg-b3-background flex items-center rounded-xl border border-[#e4e4e7] bg-[#f4f4f5] p-4", children: _jsx(SettingsProfileCard, {}) }) }), _jsxs("div", { className: "space-y-3 px-5", children: [_jsx(SettingsMenuItem, { icon: _jsx("svg", { width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M0 12C0 5.37258 5.37258 0 12 0H28C34.6274 0 40 5.37258 40 12V28C40 34.6274 34.6274 40 28 40H12C5.37258 40 0 34.6274 0 28V12Z", fill: "#F4F4F5" }) }), title: "Linked Accounts", subtitle: `${profiles.length} connected account${profiles.length > 1 ? "s" : ""}`, onClick: () => handleNavigate("linkAccount") }), _jsx(SettingsMenuItem, { icon: _jsx("svg", { width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M0 12C0 5.37258 5.37258 0 12 0H28C34.6274 0 40 5.37258 40 12V28C40 34.6274 34.6274 40 28 40H12C5.37258 40 0 34.6274 0 28V12Z", fill: "#F4F4F5" }) }), title: "Notifications", subtitle: "Manage your notifications", onClick: () => handleNavigate("notifications") })] }), _jsx("div", { className: "mt-auto px-5 pb-5", children: _jsxs("button", { className: "b3-modal-sign-out-button border-b3-line hover:bg-b3-line bg-b3-background dark:bg-b3-background dark:border-b3-line dark:hover:bg-b3-line/80 flex w-full items-center justify-center gap-1.5 rounded-xl border border-solid p-3 transition-colors", onClick: onLogoutEnhanced, disabled: logoutLoading, style: {
+                        boxShadow: "inset 0px 0px 0px 1px rgba(10,13,18,0.18), inset 0px -2px 0px 0px rgba(10,13,18,0.05)",
+                    }, children: [logoutLoading ? (_jsx(Loader2, { className: "text-b3-grey animate-spin", size: 20 })) : (_jsx(SignOutIcon, { size: 20, className: "text-b3-grey", color: "currentColor" })), _jsx("p", { className: "text-b3-grey dark:text-b3-foreground-muted font-neue-montreal-semibold text-base", children: "Sign out" })] }) })] }));
 };
 export default SettingsContent;

package/dist/esm/global-account/react/components/SignInWithB3/SignInWithB3Flow.js

@@ -1,10 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Loading, useAuthentication, useAuthStore, useB3Config, useGetAllTWSigners, useModalStore, } from "../../../../global-account/react/index.js";
 import { debugB3React } from "../../../../shared/utils/debug.js";
-import { useCallback, useContext, useEffect, useRef, useState } from "react";
+import { useCallback, useEffect, useRef, useState } from "react";
 import { useActiveAccount } from "thirdweb/react";
-import { LocalSDKContext } from "../B3Provider/LocalSDKProvider.js";
-import { TurnkeyAuthModal } from "../TurnkeyAuthModal.js";
 import { SignInWithB3Privy } from "./SignInWithB3Privy.js";
 import { LoginStep, LoginStepContainer } from "./steps/LoginStep.js";
 import { LoginStepCustom } from "./steps/LoginStepCustom.js";
@@ -15,9 +13,8 @@ const MAX_REFETCH_ATTEMPTS = 20;
  * Handles different login providers, authentication steps, and session key management
  */
 export function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySuccess, onError, chain, sessionKeyAddress, partnerId, closeAfterLogin = false, source = "signInWithB3Button", signersEnabled = false, }) {
-    const { automaticallySetFirstEoa, enableTurnkey } = useB3Config();
-    const { user, refetchUser, logout } = useAuthentication(partnerId);
-    const { onTurnkeyConnect } = useContext(LocalSDKContext);
+    const { automaticallySetFirstEoa } = useB3Config();
+    const { user, logout } = useAuthentication(partnerId);
     // FIXME Logout before login to ensure a clean state
     const hasLoggedOutRef = useRef(false);
     useEffect(() => {
@@ -35,13 +32,10 @@ export function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySucce
     const account = useActiveAccount();
     const isAuthenticating = useAuthStore(state => state.isAuthenticating);
     const isAuthenticated = useAuthStore(state => state.isAuthenticated);
-    const setIsAuthenticated = useAuthStore(state => state.setIsAuthenticated);
     const isConnected = useAuthStore(state => state.isConnected);
-    const setIsConnected = useAuthStore(state => state.setIsConnected);
     const setJustCompletedLogin = useAuthStore(state => state.setJustCompletedLogin);
     const [refetchCount, setRefetchCount] = useState(0);
     const [refetchError, setRefetchError] = useState(null);
-    const [turnkeyAuthCompleted, setTurnkeyAuthCompleted] = useState(false);
     const { data: signers, refetch: refetchSigners, isFetching: isFetchingSigners, } = useGetAllTWSigners({
         chain,
         accountAddress: account?.address,
@@ -74,8 +68,8 @@ export function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySucce
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [refetchCount, refetchSigners, onError, refetchQueued]);
     // Extract the completion flow logic to be reused
-    const handlePostTurnkeyFlow = useCallback(() => {
-        debug("Running post-Turnkey flow logic");
+    const handlePostAuthFlow = useCallback(() => {
+        debug("Running post-authentication flow logic");
         // Check if we already have a signer for this partner
         const hasExistingSigner = signers?.some(signer => signer.partner.id === partnerId);
         if (hasExistingSigner) {
@@ -132,56 +126,6 @@ export function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySucce
         handleRefetchSigners,
         setSessionKeyAdded,
     ]);
-    // Define handleTurnkeySuccess before the useEffect that uses it
-    const handleTurnkeySuccess = useCallback(async (user) => {
-        debug("Turnkey authentication successful - setting completed flag", { user, onTurnkeyConnect });
-        // Call the onTurnkeyConnect callback
-        onTurnkeyConnect?.(user);
-        // Set completed flag FIRST before any async operations
-        setTurnkeyAuthCompleted(true);
-        // Refetch user to update the user state with Turnkey ID
-        debug("Refetching user after Turnkey success...");
-        // TODO: See why sometimes this fails with "No wallet found during auto-connect"
-        await refetchUser();
-        debug("User refetched successfully");
-        // Set authentication and connection state so UI updates properly
-        setIsAuthenticated(true);
-        setIsConnected(true);
-        setJustCompletedLogin(true);
-        // After user data is refreshed, close Turnkey modal and go back to sign-in flow
-        debug("Switching back to signInWithB3 modal");
-        setB3ModalContentType({
-            type: "signInWithB3",
-            strategies,
-            onLoginSuccess,
-            onSessionKeySuccess,
-            onError,
-            chain,
-            sessionKeyAddress,
-            partnerId,
-            closeAfterLogin,
-            source,
-            signersEnabled,
-        });
-        // The useEffect will re-run with updated user data to complete the sign-in process
-    }, [
-        onTurnkeyConnect,
-        refetchUser,
-        strategies,
-        onLoginSuccess,
-        onSessionKeySuccess,
-        onError,
-        chain,
-        sessionKeyAddress,
-        partnerId,
-        closeAfterLogin,
-        source,
-        signersEnabled,
-        setB3ModalContentType,
-        setIsAuthenticated,
-        setIsConnected,
-        setJustCompletedLogin,
-    ]);
     // Handle post-login flow after signers are loaded
     useEffect(() => {
         debug("@@SignInWithB3Flow:useEffect", {
@@ -194,49 +138,11 @@ export function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySucce
         });
         if (isConnected && isAuthenticated && user) {
             // Mark that login just completed BEFORE opening manage account or closing modal
-            // This allows Turnkey modal to show (if enableTurnkey is true)
             if (closeAfterLogin) {
                 setJustCompletedLogin(true);
             }
-            // Check if we should show Turnkey login form as SECONDARY option (after wallet connection)
-            // This only applies when:
-            // - enableTurnkey={true} is set on B3Provider
-            // - NEXT_PUBLIC_TURNKEY_PRIMARY is NOT set to true (otherwise Turnkey shows as primary)
-            // - User just logged in AND hasn't completed Turnkey auth in this session
-            // For new users (!turnkeyId): Show email form
-            // For returning users (turnkeyId && turnkeyEmail): Auto-skip to OTP
-            // Also check that we're not already showing the Turnkey modal
-            const hasTurnkeyId = user?.partnerIds?.turnkeyId;
-            const hasTurnkeyEmail = !!user?.email;
-            const isTurnkeyModalCurrentlyOpen = contentType?.type === "turnkeyAuth";
-            const isTurnkeyPrimary = process.env.NEXT_PUBLIC_TURNKEY_PRIMARY === "true";
-            const shouldShowTurnkeyModal = enableTurnkey &&
-                !isTurnkeyPrimary &&
-                user &&
-                !turnkeyAuthCompleted &&
-                !isTurnkeyModalCurrentlyOpen &&
-                (!hasTurnkeyId || (hasTurnkeyId && hasTurnkeyEmail));
-            if (shouldShowTurnkeyModal) {
-                // Extract email from user object - check partnerIds.turnkeyEmail first, then twProfiles, then user.email
-                const email = user?.email || user?.twProfiles?.find((profile) => profile.details?.email)?.details?.email;
-                // Open Turnkey modal through the modal store
-                setB3ModalContentType({
-                    type: "turnkeyAuth",
-                    onSuccess: handleTurnkeySuccess,
-                    onClose: () => {
-                        // After closing Turnkey modal, continue with the rest of the flow
-                        setTurnkeyAuthCompleted(true);
-                        debug("Turnkey modal closed, running post-Turnkey flow");
-                        handlePostTurnkeyFlow();
-                    },
-                    initialEmail: email,
-                    skipToOtp: !!(hasTurnkeyId && hasTurnkeyEmail),
-                    closable: false, // Turnkey modal cannot be closed until auth is complete
-                });
-                return;
-            }
-            // Normal flow continues after Turnkey auth is complete (or if not needed)
-            handlePostTurnkeyFlow();
+            // Normal flow continues
+            handlePostAuthFlow();
         }
     }, 
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -257,11 +163,8 @@ export function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySucce
         isAuthenticated,
         isOpen,
         user,
-        enableTurnkey,
-        turnkeyAuthCompleted,
-        // handleTurnkeySuccess, // This is causing infinite loops
         contentType,
-        handlePostTurnkeyFlow,
+        handlePostAuthFlow,
     ]);
     debug("render", {
         step,
@@ -325,58 +228,22 @@ export function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySucce
         content = (_jsx(LoginStepContainer, { partnerId: partnerId, children: _jsx("div", { className: "p-4 text-center text-red-500", children: refetchError }) }));
     }
     else if (step === "login") {
-        // PRIORITY: If NEXT_PUBLIC_TURNKEY_PRIMARY is true, show Turnkey modal FIRST as the primary authentication option
-        // Setting NEXT_PUBLIC_TURNKEY_PRIMARY="true" implicitly enables Turnkey
-        const isTurnkeyPrimary = process.env.NEXT_PUBLIC_TURNKEY_PRIMARY === "true";
-        const shouldShowTurnkeyFirst = isTurnkeyPrimary && !turnkeyAuthCompleted;
-        if (shouldShowTurnkeyFirst) {
-            // Don't show loading spinner for Turnkey - let the modal handle its own loading state
-            // This prevents the infinite loop where isAuthenticating causes the modal to be replaced
-            debug("Showing Turnkey as primary authentication option", {
-                isTurnkeyPrimary,
-                turnkeyAuthCompleted,
-                isAuthenticated,
-            });
-            // Show Turnkey authentication as primary option
-            content = (_jsx(LoginStepContainer, { partnerId: partnerId, children: _jsx(TurnkeyAuthModal, { onSuccess: async (authenticatedUser) => {
-                        debug("Turnkey authentication successful in primary flow", { authenticatedUser });
-                        setTurnkeyAuthCompleted(true);
-                        // User is now authenticated via Turnkey
-                        // Set both isAuthenticated and isConnected to true so UI updates properly
-                        // Wallet connection is optional and can happen later for signing transactions
-                        setIsAuthenticated(true);
-                        setIsConnected(true);
-                        setJustCompletedLogin(true);
-                        // Call the login success callback
-                        onLoginSuccess?.({});
-                        // Call the onTurnkeyConnect callback
-                        onTurnkeyConnect?.(authenticatedUser);
-                        // After Turnkey auth, refetch user to get the full user object
-                        // TODO: See why sometimes this fails with "No wallet found during auto-connect"
-                        await refetchUser();
-                    }, onClose: () => {
-                        // If user closes Turnkey modal, they can still use wallet connection as fallback
-                        setTurnkeyAuthCompleted(true);
-                    }, initialEmail: "", skipToOtp: false }) }));
+        // Show loading spinner
+        if (isAuthenticating || (isFetchingSigners && step === "login") || source === "requestPermissions") {
+            content = (_jsx(LoginStepContainer, { partnerId: partnerId, children: _jsx("div", { className: "my-8 flex min-h-[350px] items-center justify-center", children: _jsx(Loading, { variant: "white", size: "lg" }) }) }));
         }
         else {
-            // Show loading spinner only if not in Turnkey flow
-            if (isAuthenticating || (isFetchingSigners && step === "login") || source === "requestPermissions") {
-                content = (_jsx(LoginStepContainer, { partnerId: partnerId, children: _jsx("div", { className: "my-8 flex min-h-[350px] items-center justify-center", children: _jsx(Loading, { variant: "white", size: "lg" }) }) }));
+            // Custom strategy
+            if (strategies?.[0] === "privy") {
+                content = _jsx(SignInWithB3Privy, { onSuccess: handleLoginSuccess, chain: chain });
+            }
+            else if (strategies) {
+                // Strategies are explicitly provided
+                content = (_jsx(LoginStepCustom, { strategies: strategies, chain: chain, onSuccess: handleLoginSuccess, onError: onError, automaticallySetFirstEoa: !!automaticallySetFirstEoa }));
             }
             else {
-                // Custom strategy
-                if (strategies?.[0] === "privy") {
-                    content = _jsx(SignInWithB3Privy, { onSuccess: handleLoginSuccess, chain: chain });
-                }
-                else if (strategies) {
-                    // Strategies are explicitly provided
-                    content = (_jsx(LoginStepCustom, { strategies: strategies, chain: chain, onSuccess: handleLoginSuccess, onError: onError, automaticallySetFirstEoa: !!automaticallySetFirstEoa }));
-                }
-                else {
-                    // Default to handle all strategies we support
-                    content = _jsx(LoginStep, { chain: chain, onSuccess: handleLoginSuccess, onError: onError });
-                }
+                // Default to handle all strategies we support
+                content = _jsx(LoginStep, { chain: chain, onSuccess: handleLoginSuccess, onError: onError });
             }
         }
     }

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

@@ -13,7 +13,6 @@ export { SignInWithB3Flow } from "./SignInWithB3/SignInWithB3Flow";
 export { SignInWithB3Privy } from "./SignInWithB3/SignInWithB3Privy";
 export { LoginStepContainer } from "./SignInWithB3/steps/LoginStep";
 export { getConnectOptionsFromStrategy, isWalletType, type AllowedStrategy } from "./SignInWithB3/utils/signInUtils";
-export { TurnkeyAuthModal } from "./TurnkeyAuthModal";
 export { ManageAccount } from "./ManageAccount/ManageAccount";
 export { Deposit } from "./Deposit/Deposit";
 export { Send } from "./Send/Send";

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

@@ -16,8 +16,6 @@ export { SignInWithB3Flow } from "./SignInWithB3/SignInWithB3Flow.js";
 export { SignInWithB3Privy } from "./SignInWithB3/SignInWithB3Privy.js";
 export { LoginStepContainer } from "./SignInWithB3/steps/LoginStep.js";
 export { getConnectOptionsFromStrategy, isWalletType } from "./SignInWithB3/utils/signInUtils.js";
-// Turnkey Components
-export { TurnkeyAuthModal } from "./TurnkeyAuthModal.js";
 // ManageAccount Components
 export { ManageAccount } from "./ManageAccount/ManageAccount.js";
 // Deposit Components

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

@@ -41,7 +41,6 @@ export { useTokenFromUrl } from "./useTokenFromUrl";
 export { useTokenPrice } from "./useTokenPrice";
 export { useTokenPriceWithFallback } from "./useTokenPriceWithFallback";
 export { useTokensFromAddress } from "./useTokensFromAddress";
-export { useTurnkeyAuth } from "./useTurnkeyAuth";
 export { useUnifiedChainSwitchAndExecute } from "./useUnifiedChainSwitchAndExecute";
 export { useURLParams } from "./useURLParams";
 export { useUser } from "./useUser";

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

@@ -41,7 +41,6 @@ export { useTokenFromUrl } from "./useTokenFromUrl.js";
 export { useTokenPrice } from "./useTokenPrice.js";
 export { useTokenPriceWithFallback } from "./useTokenPriceWithFallback.js";
 export { useTokensFromAddress } from "./useTokensFromAddress.js";
-export { useTurnkeyAuth } from "./useTurnkeyAuth.js";
 export { useUnifiedChainSwitchAndExecute } from "./useUnifiedChainSwitchAndExecute.js";
 export { useURLParams } from "./useURLParams.js";
 export { useUser } from "./useUser.js";