@b3dotfun/sdk 0.1.2 → 0.1.5

package/src/global-account/react/components/SignInWithB3/SignInWithB3Flow.tsx

@@ -1,4 +1,3 @@
-import { Users } from "@b3dotfun/b3-api";
 import {
   Loading,
   SignInWithB3ModalProps,
@@ -9,11 +8,9 @@ import {
   useModalStore,
 } from "@b3dotfun/sdk/global-account/react";
 import { debugB3React } from "@b3dotfun/sdk/shared/utils/debug";
-import { useCallback, useContext, useEffect, useRef, useState } from "react";
+import { useCallback, useEffect, useRef, useState } from "react";
 import { useActiveAccount } from "thirdweb/react";
 import { Account } from "thirdweb/wallets";
-import { LocalSDKContext } from "../B3Provider/LocalSDKProvider";
-import { TurnkeyAuthModal } from "../TurnkeyAuthModal";
 import { SignInWithB3Privy } from "./SignInWithB3Privy";
 import { LoginStep, LoginStepContainer } from "./steps/LoginStep";
 import { LoginStepCustom } from "./steps/LoginStepCustom";
@@ -37,9 +34,8 @@ export function SignInWithB3Flow({
   source = "signInWithB3Button",
   signersEnabled = false,
 }: SignInWithB3ModalProps) {
-  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);
@@ -58,13 +54,10 @@ export function SignInWithB3Flow({
   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<string | null>(null);
-  const [turnkeyAuthCompleted, setTurnkeyAuthCompleted] = useState(false);
   const {
     data: signers,
     refetch: refetchSigners,
@@ -107,8 +100,8 @@ export function SignInWithB3Flow({
   }, [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);
@@ -163,65 +156,6 @@ export function SignInWithB3Flow({
     setSessionKeyAdded,
   ]);
 
-  // Define handleTurnkeySuccess before the useEffect that uses it
-  const handleTurnkeySuccess = useCallback(
-    async (user: any) => {
-      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(
     () => {
@@ -236,54 +170,12 @@ export function SignInWithB3Flow({
 
       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: any) => 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
@@ -304,11 +196,8 @@ export function SignInWithB3Flow({
       isAuthenticated,
       isOpen,
       user,
-      enableTurnkey,
-      turnkeyAuthCompleted,
-      // handleTurnkeySuccess, // This is causing infinite loops
       contentType,
-      handlePostTurnkeyFlow,
+      handlePostAuthFlow,
     ],
   );
 
@@ -386,79 +275,33 @@ export function SignInWithB3Flow({
       </LoginStepContainer>
     );
   } 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
+    // Show loading spinner
+    if (isAuthenticating || (isFetchingSigners && step === "login") || source === "requestPermissions") {
       content = (
         <LoginStepContainer partnerId={partnerId}>
-          <TurnkeyAuthModal
-            onSuccess={async (authenticatedUser: Users) => {
-              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?.({} as Account);
-              // 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}
-          />
+          <div className="my-8 flex min-h-[350px] items-center justify-center">
+            <Loading variant="white" size="lg" />
+          </div>
         </LoginStepContainer>
       );
     } else {
-      // Show loading spinner only if not in Turnkey flow
-      if (isAuthenticating || (isFetchingSigners && step === "login") || source === "requestPermissions") {
+      // Custom strategy
+      if (strategies?.[0] === "privy") {
+        content = <SignInWithB3Privy onSuccess={handleLoginSuccess} chain={chain} />;
+      } else if (strategies) {
+        // Strategies are explicitly provided
         content = (
-          <LoginStepContainer partnerId={partnerId}>
-            <div className="my-8 flex min-h-[350px] items-center justify-center">
-              <Loading variant="white" size="lg" />
-            </div>
-          </LoginStepContainer>
+          <LoginStepCustom
+            strategies={strategies}
+            chain={chain}
+            onSuccess={handleLoginSuccess}
+            onError={onError}
+            automaticallySetFirstEoa={!!automaticallySetFirstEoa}
+          />
         );
       } else {
-        // Custom strategy
-        if (strategies?.[0] === "privy") {
-          content = <SignInWithB3Privy onSuccess={handleLoginSuccess} chain={chain} />;
-        } else if (strategies) {
-          // Strategies are explicitly provided
-          content = (
-            <LoginStepCustom
-              strategies={strategies}
-              chain={chain}
-              onSuccess={handleLoginSuccess}
-              onError={onError}
-              automaticallySetFirstEoa={!!automaticallySetFirstEoa}
-            />
-          );
-        } else {
-          // Default to handle all strategies we support
-          content = <LoginStep chain={chain} onSuccess={handleLoginSuccess} onError={onError} />;
-        }
+        // Default to handle all strategies we support
+        content = <LoginStep chain={chain} onSuccess={handleLoginSuccess} onError={onError} />;
       }
     }
   }

package/src/global-account/react/components/index.ts

@@ -18,9 +18,6 @@ export { SignInWithB3Privy } from "./SignInWithB3/SignInWithB3Privy";
 export { LoginStepContainer } from "./SignInWithB3/steps/LoginStep";
 export { getConnectOptionsFromStrategy, isWalletType, type AllowedStrategy } from "./SignInWithB3/utils/signInUtils";
 
-// Turnkey Components
-export { TurnkeyAuthModal } from "./TurnkeyAuthModal";
-
 // ManageAccount Components
 export { ManageAccount } from "./ManageAccount/ManageAccount";
 

package/src/global-account/react/hooks/index.ts

@@ -50,7 +50,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/src/global-account/react/hooks/useAuth.ts

@@ -25,8 +25,7 @@ import { useUserQuery } from "./useUserQuery";
 const debug = debugB3React("useAuth");
 
 /**
- * Unified authentication hook that uses Turnkey for authentication
- * This replaces the previous Thirdweb-based authentication
+ * Unified authentication hook for B3
  *
  * This hook provides 1:1 feature parity with useAuthentication.ts
  */
@@ -146,12 +145,8 @@ export function useAuth() {
   }, [wallets, syncWagmi]);
 
   /**
-   * Authenticate user using Turnkey
-   * Note: This no longer requires a wallet for authentication.
-   * Wallets are still used for signing transactions, but authentication is done via Turnkey email OTP.
-   *
-   * For backward compatibility, this function still accepts a wallet parameter,
-   * but it's not used for authentication anymore.
+   * Authenticate user
+   * Attempts to re-authenticate using existing session
    */
   const authenticateUser = useCallback(async () => {
     setHasStartedConnecting(true);
@@ -170,18 +165,16 @@ export function useAuth() {
 
       return userAuth;
     } catch (error) {
-      // If re-authentication fails, user needs to authenticate via Turnkey
-      // This should be handled by the Turnkey auth modal/flow
-      debug("Re-authentication failed. User needs to authenticate via Turnkey.", error);
+      // If re-authentication fails, user needs to authenticate
+      debug("Re-authentication failed. User needs to authenticate.", error);
       setIsAuthenticated(false);
       setIsAuthenticating(false);
-      throw new Error("Authentication required. Please authenticate via Turnkey.");
+      throw new Error("Authentication required. Please authenticate.");
     }
   }, [reAuthenticate, setIsAuthenticated, setIsAuthenticating, setUser, setHasStartedConnecting]);
 
   /**
-   * Authenticate with Turnkey using email OTP
-   * This is the primary authentication method, replacing Thirdweb wallet-based auth
+   * Authenticate with B3
    *
    * This function:
    * 1. Authenticates with FeathersJS (persists session via cookies)
@@ -189,18 +182,18 @@ export function useAuth() {
    * 3. Authenticates with BSMNT for basement integration
    */
   const authenticate = useCallback(
-    async (turnkeySessionJwt: string, partnerId: string) => {
-      if (!turnkeySessionJwt) {
-        throw new Error("Turnkey session JWT is required");
+    async (accessToken: string, partnerId: string, strategy = "thirdweb-jwt") => {
+      if (!accessToken) {
+        throw new Error("Access token is required");
       }
 
-      debug("Authenticating with Turnkey JWT", { referralCode, partnerId });
+      debug("Authenticating with B3", { referralCode, partnerId, strategy });
 
       try {
         // Step 1: Authenticate with FeathersJS (session persisted via cookies)
         const response = await app.authenticate({
-          strategy: "turnkey-jwt",
-          accessToken: turnkeySessionJwt,
+          strategy,
+          accessToken,
           referralCode,
           partnerId: partnerId,
         } as any);
@@ -233,13 +226,6 @@ export function useAuth() {
 
   /**
    * Handle wallet connection
-   * Note: With Turnkey migration, wallet connection is primarily for signing transactions,
-   * not for authentication. Authentication should be done separately via Turnkey email OTP.
-   */
-  /**
-   * Handle wallet connection
-   * Note: With Turnkey migration, wallet connection is primarily for signing transactions,
-   * not for authentication. Authentication should be done separately via Turnkey email OTP.
    */
   const onConnect = useCallback(
     async (_walleAutoConnectedWith: Wallet, allConnectedWallets: Wallet[]) => {
@@ -260,7 +246,6 @@ export function useAuth() {
         await setActiveWallet(wallet);
 
         // Try to authenticate user (will use re-authenticate if session exists)
-        // If no session exists, authentication will need to happen via Turnkey flow
         try {
           const userAuth = await authenticateUser();
 
@@ -268,10 +253,8 @@ export function useAuth() {
             await onConnectCallback(wallet, userAuth.accessToken);
           }
         } catch (authError) {
-          // Authentication failed - this is expected if user hasn't authenticated via Turnkey yet
-          // The Turnkey auth modal should handle this
+          // Authentication failed - user needs to authenticate
           debug("@@useAuth:onConnect:authFailed", { authError });
-          // Don't set isAuthenticated to false here - let the Turnkey flow handle it
         }
       } catch (error) {
         debug("@@useAuth:onConnect:failed", { error });

package/src/global-account/react/hooks/useTWAuth.tsx

@@ -1,5 +1,5 @@
 /**
- * @deprecated This hook is deprecated. Use useAuth() with Turnkey authentication instead.
+ * @deprecated This hook is deprecated. Use useAuth() instead.
  * This file is kept for backward compatibility but should not be used in new code.
  */
 import app from "@b3dotfun/sdk/global-account/app";
@@ -9,12 +9,10 @@ import { Wallet } from "thirdweb/wallets";
 import { useSearchParam } from "./useSearchParamsSSR";
 
 /**
- * @deprecated Use useAuth() with Turnkey authentication instead
+ * @deprecated Use useAuth() instead
  */
 export function useTWAuth() {
-  console.warn(
-    "useTWAuth is deprecated. Please migrate to useAuth() with Turnkey authentication. See useTurnkeyAuth.ts for the new implementation.",
-  );
+  console.warn("useTWAuth is deprecated. Please migrate to useAuth() for authentication.");
   const referralCode = useSearchParam("referralCode");
 
   const authenticate = useCallback(

package/src/global-account/react/stores/useModalStore.ts

@@ -1,3 +1,4 @@
+import { AnySpendAllClasses } from "@b3dotfun/sdk/anyspend/react";
 import { components } from "@b3dotfun/sdk/anyspend/types/api";
 import { GenerateSigMintResponse } from "@b3dotfun/sdk/anyspend/types/signatureMint";
 import { AllowedStrategy } from "@b3dotfun/sdk/global-account/react";
@@ -45,25 +46,6 @@ export interface SignInWithB3ModalProps extends BaseModalProps {
   signersEnabled?: boolean;
 }
 
-/**
- * Props for the Turnkey Authentication modal
- * Handles Turnkey email/OTP authentication flow
- */
-export interface TurnkeyAuthModalProps extends BaseModalProps {
-  /** Modal type identifier */
-  type: "turnkeyAuth";
-  /** Callback function called when authentication is successful */
-  onSuccess: (_user: any) => void;
-  /** Callback function called when modal is closed */
-  onClose: () => void;
-  /** Initial email to pre-fill */
-  initialEmail?: string;
-  /** Whether to skip directly to OTP step */
-  skipToOtp?: boolean;
-  /** Whether the modal can be closed - defaults to false for Turnkey */
-  closable?: boolean;
-}
-
 /**
  * Props for the Request Permissions modal
  * Used to request permission for session keys to interact with contracts
@@ -322,6 +304,8 @@ export interface AnySpendDepositUpsideProps extends BaseModalProps {
   depositContractAddress: string;
   /** Token to deposit */
   token: components["schemas"]["Token"];
+  /** The exact amount of destination tokens to receive, in wei. This will pre-fill the output amount and switch to an exact output swap. */
+  destinationTokenAmount?: string;
   /** Callback function called when the deposit is successful */
   onSuccess?: () => void;
 }
@@ -568,6 +552,10 @@ export interface AnySpendDepositModalProps extends BaseModalProps {
   returnHomeLabel?: string;
   /** Whether the deposit requires a custom function (uses AnySpendCustomExactIn). Defaults to false. */
   isCustomDeposit?: boolean;
+  /** Custom class names for styling specific elements */
+  classes?: AnySpendAllClasses;
+  /** Whether to allow direct transfer without swap */
+  allowDirectTransfer?: boolean;
 }
 
 /**
@@ -575,7 +563,6 @@ export interface AnySpendDepositModalProps extends BaseModalProps {
  */
 export type ModalContentType =
   | SignInWithB3ModalProps
-  | TurnkeyAuthModalProps
   | RequestPermissionsModalProps
   | ManageAccountModalProps
   | AnySpendModalProps

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

@@ -1,8 +0,0 @@
-interface TurnkeyAuthModalProps {
-    onClose: () => void;
-    onSuccess: (_user: any) => void;
-    initialEmail?: string;
-    skipToOtp?: boolean;
-}
-export declare function TurnkeyAuthModal({ onClose, onSuccess, initialEmail, skipToOtp }: TurnkeyAuthModalProps): import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,86 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TurnkeyAuthModal = TurnkeyAuthModal;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const useTurnkeyAuth_1 = require("../hooks/useTurnkeyAuth");
-function TurnkeyAuthModal({ onClose, onSuccess, initialEmail = "", skipToOtp = false }) {
-    const [step, setStep] = (0, react_1.useState)(skipToOtp ? "otp" : "email");
-    const [email, setEmail] = (0, react_1.useState)(initialEmail);
-    const [otpCode, setOtpCode] = (0, react_1.useState)("");
-    const [otpId, setOtpId] = (0, react_1.useState)("");
-    const autoSubmitTriggeredRef = (0, react_1.useRef)(false);
-    const { initiateLogin, verifyOtp, isLoading, error, clearError } = (0, useTurnkeyAuth_1.useTurnkeyAuth)();
-    // Update email when initialEmail changes
-    (0, react_1.useEffect)(() => {
-        if (initialEmail && initialEmail !== email) {
-            setEmail(initialEmail);
-        }
-    }, [initialEmail, email]);
-    // Auto-submit email form if skipToOtp is true - triggers on mount when skipToOtp=true
-    (0, react_1.useEffect)(() => {
-        if (skipToOtp && email && step === "otp" && !otpId && !isLoading && !autoSubmitTriggeredRef.current) {
-            autoSubmitTriggeredRef.current = true;
-            // Call initiateLogin directly to get OTP
-            initiateLogin(email)
-                .then(result => {
-                setOtpId(result.otpId);
-            })
-                .catch(err => {
-                console.error("Failed to initiate login:", err);
-            });
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [skipToOtp, email, step, otpId, isLoading]);
-    const handleEmailSubmit = async (e) => {
-        e.preventDefault();
-        try {
-            const result = await initiateLogin(email);
-            setOtpId(result.otpId);
-            setStep("otp");
-        }
-        catch (err) {
-            // Error is handled by the hook
-            console.error("Failed to initiate login:", err);
-        }
-    };
-    const handleOtpSubmit = async (e) => {
-        e.preventDefault();
-        try {
-            const result = await verifyOtp(otpId, otpCode);
-            setStep("success");
-            // Auto-close after success and notify parent
-            setTimeout(() => {
-                onSuccess(result.user);
-                handleClose();
-            }, 1500);
-        }
-        catch (err) {
-            // Error is handled by the hook
-            console.error("Failed to verify OTP:", err);
-        }
-    };
-    const handleClose = () => {
-        // Reset state
-        setStep("email");
-        setEmail("");
-        setOtpCode("");
-        setOtpId("");
-        autoSubmitTriggeredRef.current = false;
-        clearError();
-        onClose();
-    };
-    const handleResendOtp = async () => {
-        try {
-            const result = await initiateLogin(email);
-            setOtpId(result.otpId);
-            clearError();
-        }
-        catch (err) {
-            console.error("Failed to resend OTP:", err);
-        }
-    };
-    const isTurnkeyPrimary = process.env.NEXT_PUBLIC_TURNKEY_PRIMARY === "true";
-    const walletBrand = isTurnkeyPrimary ? "Smart Wallet" : "AnySpend Wallet";
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "font-neue-montreal p-8", children: [step === "email" && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("h2", { className: "mb-6 text-center text-2xl font-bold text-gray-900 dark:text-white", children: ["Setup your ", walletBrand] }), (0, jsx_runtime_1.jsxs)("div", { className: "mb-6 space-y-3 text-center text-sm text-gray-600 dark:text-gray-400", children: [(0, jsx_runtime_1.jsxs)("p", { children: [isTurnkeyPrimary ? "We use a secure," : "AnySpend uses a secure,", (0, jsx_runtime_1.jsx)("br", {}), "embedded wallet to fund your workflows."] }), (0, jsx_runtime_1.jsxs)("p", { children: ["Please provide an email address to secure", (0, jsx_runtime_1.jsx)("br", {}), "your wallet."] })] }), (0, jsx_runtime_1.jsxs)("form", { onSubmit: handleEmailSubmit, className: "space-y-4", children: [(0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("input", { type: "email", placeholder: "email", value: email, onChange: e => setEmail(e.target.value), required: true, disabled: isLoading, className: "w-full rounded-lg border border-gray-300 px-4 py-3 text-center text-gray-900 placeholder-gray-400 focus:border-blue-500 focus:outline-none focus:ring-2 focus:ring-blue-500/20 disabled:cursor-not-allowed disabled:bg-gray-50 dark:border-gray-700 dark:bg-gray-800 dark:text-white dark:placeholder-gray-500" }) }), error && ((0, jsx_runtime_1.jsx)("div", { className: "rounded-md bg-red-50 p-3 text-sm text-red-800 dark:bg-red-900/20 dark:text-red-400", children: error })), (0, jsx_runtime_1.jsx)("button", { type: "submit", disabled: isLoading || !email, className: "w-full rounded-lg bg-blue-600 px-6 py-3 font-semibold text-white transition-all duration-200 hover:bg-blue-700 disabled:cursor-not-allowed disabled:bg-gray-300 dark:disabled:bg-gray-700", children: isLoading ? ((0, jsx_runtime_1.jsxs)("span", { className: "flex items-center justify-center gap-2", children: [(0, jsx_runtime_1.jsx)("div", { className: "h-4 w-4 animate-spin rounded-full border-2 border-white border-t-transparent" }), "Sending..."] })) : ("Continue") })] })] })), step === "otp" && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("h2", { className: "mb-4 text-center text-2xl font-bold text-gray-900 dark:text-white", children: "2FA Security" }), (0, jsx_runtime_1.jsx)("div", { className: "mb-6 space-y-3 text-center text-sm text-gray-600 dark:text-gray-400", children: (0, jsx_runtime_1.jsxs)("p", { children: [isTurnkeyPrimary ? "We use a secure," : "AnySpend uses a secure,", (0, jsx_runtime_1.jsx)("br", {}), "embedded wallet to fund your workflows.", (0, jsx_runtime_1.jsx)("br", {}), "Please provide 2FA code sent to your email."] }) }), (0, jsx_runtime_1.jsxs)("form", { onSubmit: handleOtpSubmit, className: "space-y-4", children: [(0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("input", { type: "text", placeholder: "Enter code", value: otpCode, onChange: e => setOtpCode(e.target.value.toUpperCase()), required: true, disabled: isLoading, autoFocus: true, className: "w-full rounded-lg border border-gray-300 px-4 py-3 text-center font-mono text-lg uppercase tracking-wider text-gray-900 placeholder-gray-400 focus:border-blue-500 focus:outline-none focus:ring-2 focus:ring-blue-500/20 disabled:cursor-not-allowed disabled:bg-gray-50 dark:border-gray-700 dark:bg-gray-800 dark:text-white dark:placeholder-gray-500", maxLength: 20 }) }), error && ((0, jsx_runtime_1.jsx)("div", { className: "rounded-md bg-red-50 p-3 text-sm text-red-800 dark:bg-red-900/20 dark:text-red-400", children: error })), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-2", children: [(0, jsx_runtime_1.jsx)("button", { type: "submit", disabled: isLoading || !otpCode, className: "w-full rounded-lg bg-blue-600 px-6 py-3 font-semibold text-white transition-all duration-200 hover:bg-blue-700 disabled:cursor-not-allowed disabled:bg-gray-300 dark:disabled:bg-gray-700", children: isLoading ? ((0, jsx_runtime_1.jsxs)("span", { className: "flex items-center justify-center gap-2", children: [(0, jsx_runtime_1.jsx)("div", { className: "h-4 w-4 animate-spin rounded-full border-2 border-white border-t-transparent" }), "Verifying..."] })) : ("Confirm") }), (0, jsx_runtime_1.jsx)("button", { type: "button", onClick: handleResendOtp, disabled: isLoading, className: "text-sm text-blue-600 hover:text-blue-700 hover:underline disabled:cursor-not-allowed disabled:text-gray-400 dark:text-blue-400 dark:hover:text-blue-300", children: "Resend code" })] })] })] })), step === "success" && ((0, jsx_runtime_1.jsxs)("div", { className: "text-center", children: [(0, jsx_runtime_1.jsx)("div", { className: "mb-6 flex items-center justify-center", children: (0, jsx_runtime_1.jsx)("div", { className: "flex h-16 w-16 items-center justify-center rounded-full bg-green-100 dark:bg-green-900/20", children: (0, jsx_runtime_1.jsx)("svg", { className: "h-8 w-8 text-green-600 dark:text-green-400", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) }) }) }), (0, jsx_runtime_1.jsx)("h2", { className: "mb-2 text-2xl font-bold text-gray-900 dark:text-white", children: "Successfully Authenticated!" }), (0, jsx_runtime_1.jsx)("p", { className: "text-sm text-gray-600 dark:text-gray-400", children: "Redirecting..." })] }))] }));
-}

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

@@ -1,20 +0,0 @@
-import { TurnkeyAuthInitResponse } from "@b3dotfun/b3-api";
-interface UseTurnkeyAuthReturn {
-    initiateLogin: (_email: string) => Promise<TurnkeyAuthInitResponse>;
-    verifyOtp: (_otpId: string, _otpCode: string) => Promise<{
-        user: any;
-    }>;
-    isLoading: boolean;
-    error: string | null;
-    clearError: () => void;
-}
-/**
- * Hook for Turnkey email-based OTP authentication
- *
- * Usage:
- * 1. Call initiateLogin(email) → User receives OTP email
- * 2. Call verifyOtp(...) → Verifies OTP and authenticates with b3-api
- * 3. User is authenticated, JWT stored in cookies automatically
- */
-export declare function useTurnkeyAuth(): UseTurnkeyAuthReturn;
-export {};