@b3dotfun/sdk 0.0.83-test.0 → 0.0.84-alpha.0

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

@@ -14,7 +14,7 @@ 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.useTurnkeyAuth = exports.useTokensFromAddress = exports.useTokenPriceWithFallback = exports.useTokenPrice = exports.useTokenFromUrl = exports.useTokenData = exports.useTokenBalancesByChain = exports.useTokenBalanceDirect = exports.useTokenBalance = exports.useSiwe = exports.useSimSvmBalance = exports.useSimBalance = exports.useSearchParamsSSR = exports.useRouter = exports.useRemoveSessionKey = exports.useQueryBSMNT = exports.useQueryB3 = exports.useProfileSettings = exports.useProfilePreference = exports.useProfile = exports.useDisplayName = exports.useOneBalance = exports.useNotifications = 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.useAuth = exports.useAnalytics = exports.useAddTWSessionKey = exports.useAccountWallet = exports.useAccountAssets = exports.createWagmiConfig = void 0;
+exports.useURLParams = exports.useUnifiedChainSwitchAndExecute = exports.useTurnkeyAuth = exports.useTokensFromAddress = exports.useTokenPriceWithFallback = exports.useTokenPrice = exports.useTokenFromUrl = exports.useTokenData = exports.useTokenBalancesByChain = exports.useTokenBalanceDirect = exports.useTokenBalance = exports.useSiwe = exports.useSimSvmBalance = exports.useSimBalance = exports.useSearchParamsSSR = exports.useRouter = exports.useRemoveSessionKey = exports.useQueryBSMNT = exports.useQueryB3 = exports.useProfileSettings = exports.useProfilePreference = exports.useProfile = exports.useDisplayName = exports.useOneBalance = exports.useNotifications = 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.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");
@@ -25,16 +25,12 @@ var useAddTWSessionKey_1 = require("./useAddTWSessionKey");
 Object.defineProperty(exports, "useAddTWSessionKey", { enumerable: true, get: function () { return useAddTWSessionKey_1.useAddTWSessionKey; } });
 var useAnalytics_1 = require("./useAnalytics");
 Object.defineProperty(exports, "useAnalytics", { enumerable: true, get: function () { return useAnalytics_1.useAnalytics; } });
-var useAuth_1 = require("./useAuth");
-Object.defineProperty(exports, "useAuth", { enumerable: true, get: function () { return useAuth_1.useAuth; } });
 var useAuthentication_1 = require("./useAuthentication");
 Object.defineProperty(exports, "useAuthentication", { enumerable: true, get: function () { return useAuthentication_1.useAuthentication; } });
 var useB3BalanceFromAddresses_1 = require("./useB3BalanceFromAddresses");
 Object.defineProperty(exports, "useB3BalanceFromAddresses", { enumerable: true, get: function () { return useB3BalanceFromAddresses_1.useB3BalanceFromAddresses; } });
 var useB3EnsName_1 = require("./useB3EnsName");
 Object.defineProperty(exports, "useB3EnsName", { enumerable: true, get: function () { return useB3EnsName_1.useB3EnsName; } });
-var useBestTransactionPath_1 = require("./useBestTransactionPath");
-Object.defineProperty(exports, "useBestTransactionPath", { enumerable: true, get: function () { return useBestTransactionPath_1.useBestTransactionPath; } });
 var useChainSwitchWithAction_1 = require("./useChainSwitchWithAction");
 Object.defineProperty(exports, "useChainSwitchWithAction", { enumerable: true, get: function () { return useChainSwitchWithAction_1.useChainSwitchWithAction; } });
 __exportStar(require("./useClaim"), exports);

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

@@ -5,7 +5,6 @@ exports.useAccountWalletImage = useAccountWalletImage;
 const react_1 = require("../../../global-account/react");
 const constants_1 = require("../../../shared/constants");
 const debug_1 = require("../../../shared/utils/debug");
-const ipfs_1 = require("../../../shared/utils/ipfs");
 const react_2 = require("react");
 const react_3 = require("thirdweb/react");
 const in_app_1 = require("thirdweb/wallets/in-app");
@@ -22,7 +21,13 @@ function useLastAuthProvider() {
     return lastAuthProvider;
 }
 function useAccountWallet() {
-    const { account, user } = (0, react_1.useB3)();
+    // WOJ: --------------------
+    //  values from in useB3:
+    //  const activeAccount = useActiveAccount();
+    // const effectiveAccount = isAuthenticated ? accountOverride || activeAccount : undefined;
+    // can we possibly just use useActiveAccount here?
+    // --------------------
+    const { account } = (0, react_1.useB3)();
     const activeWallet = (0, react_3.useActiveWallet)();
     const connectedWallets = (0, react_3.useConnectedWallets)();
     const connectedSmartWallet = connectedWallets.find(wallet => wallet.id === constants_1.ecosystemWalletId);
@@ -35,7 +40,6 @@ function useAccountWallet() {
     debug("connectedEOAWallet", connectedEOAWallet);
     debug("isActiveSmartWallet", isActiveSmartWallet);
     debug("isActiveEOAWallet", isActiveEOAWallet);
-    const { data: walletImage } = (0, react_3.useWalletImage)(connectedEOAWallet?.id);
     // If not EOA sign in, then we need to show the smart wallet icon
     const lastAuthProvider = useLastAuthProvider();
     const smartWalletIcon = lastAuthProvider && !connectedEOAWallet
@@ -43,13 +47,12 @@ function useAccountWallet() {
         : "https://gradvatar.com/0x0000000000000000000000000000000000000000"; // show smart wallet of eoa wallet is gradvatar
     const { data: profileData } = (0, react_1.useProfile)({ address: account?.address });
     const ensName = profileData?.displayName?.replace(/\.b3\.fun/g, "");
-    const avatarUrl = user?.avatar ? (0, ipfs_1.getIpfsUrl)(user?.avatar) : profileData?.avatar;
     const res = (0, react_2.useMemo)(() => ({
         wallet: {
             ...account,
             ensName,
             meta: {
-                icon: avatarUrl || (isActiveSmartWallet ? smartWalletIcon : walletImage) || "",
+                icon: "", // deprecated
             },
         },
         address: account?.address,
@@ -59,22 +62,20 @@ function useAccountWallet() {
         isActiveSmartWallet: isActiveSmartWallet,
         isActiveEOAWallet: isActiveEOAWallet,
         smartWalletIcon: smartWalletIcon,
-        eoaWalletIcon: walletImage,
+        eoaWalletIcon: "", // deprecated
     }), [
         account,
-        avatarUrl,
         connectedEOAWallet,
         connectedSmartWallet,
         ensName,
         isActiveEOAWallet,
         isActiveSmartWallet,
         smartWalletIcon,
-        walletImage,
     ]);
     return res;
 }
 function useAccountWalletImage() {
-    const { account, user } = (0, react_1.useB3)();
+    const { account } = (0, react_1.useB3)();
     const activeWallet = (0, react_3.useActiveWallet)();
     const connectedWallets = (0, react_3.useConnectedWallets)();
     const connectedSmartWallet = connectedWallets.find(wallet => wallet.id === constants_1.ecosystemWalletId);
@@ -87,6 +88,6 @@ function useAccountWalletImage() {
         ? in_app_1.socialIcons[lastAuthProvider]
         : "https://gradvatar.com/0x0000000000000000000000000000000000000000"; // show smart wallet of eoa wallet is gradvatar
     const { data: profileData } = (0, react_1.useProfile)({ address: account?.address });
-    const avatarUrl = user?.avatar || profileData?.avatar;
+    const avatarUrl = profileData?.avatar;
     return avatarUrl || (isActiveSmartWallet ? smartWalletIcon : walletImage) || "";
 }

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

@@ -41,8 +41,8 @@ export declare function useAuthentication(partnerId: string): {
                 name?: string | undefined;
                 address?: string | undefined;
                 email?: string | undefined;
-                phone?: string | undefined;
                 username?: string | undefined;
+                phone?: string | undefined;
                 fid?: string | undefined;
             };
         }[] | undefined;
@@ -63,6 +63,6 @@ export declare function useAuthentication(partnerId: string): {
             turnkeyOtpId?: string | undefined;
         };
     } | undefined;
-    refetchUser: () => Promise<import("@feathersjs/authentication").AuthenticationResult>;
+    refetchUser: (wallet?: Wallet) => Promise<import("@feathersjs/authentication").AuthenticationResult>;
     setUser: (newUser?: import("@b3dotfun/b3-api").Users) => void;
 };

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

@@ -18,7 +18,7 @@ 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 useAuth_1 = require("./useAuth");
+const useTWAuth_1 = require("./useTWAuth");
 const useUserQuery_1 = require("./useUserQuery");
 const debug = (0, debug_1.debugB3React)("useAuthentication");
 function useAuthentication(partnerId) {
@@ -36,7 +36,7 @@ function useAuthentication(partnerId) {
     const setHasStartedConnecting = (0, react_1.useAuthStore)(state => state.setHasStartedConnecting);
     const setActiveWallet = (0, react_3.useSetActiveWallet)();
     const hasStartedConnecting = (0, react_1.useAuthStore)(state => state.hasStartedConnecting);
-    const { reAuthenticate } = (0, useAuth_1.useAuth)();
+    const { authenticate } = (0, useTWAuth_1.useTWAuth)();
     const { user, setUser } = (0, useUserQuery_1.useUserQuery)();
     const useAutoConnectLoadingPrevious = (0, react_2.useRef)(false);
     const wagmiConfig = (0, createWagmiConfig_1.createWagmiConfig)({ partnerId });
@@ -96,19 +96,18 @@ function useAuthentication(partnerId) {
     (0, react_2.useEffect)(() => {
         syncWagmi();
     }, [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.
-     */
-    const authenticateUser = (0, react_2.useCallback)(async () => {
+    const authenticateUser = (0, react_2.useCallback)(async (wallet) => {
         setHasStartedConnecting(true);
+        if (!wallet) {
+            throw new Error("No wallet found during auto-connect");
+        }
+        const account = wallet ? wallet.getAccount() : activeWallet?.getAccount();
+        if (!account) {
+            throw new Error("No account found during auto-connect");
+        }
         // Try to re-authenticate first
         try {
-            const userAuth = await reAuthenticate();
+            const userAuth = await app_1.default.reAuthenticate();
             setUser(userAuth.user);
             setIsAuthenticated(true);
             setIsAuthenticating(false);
@@ -119,50 +118,67 @@ function useAuthentication(partnerId) {
             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);
-            setIsAuthenticated(false);
+            // If re-authentication fails, try fresh authentication
+            debug("Re-authentication failed, attempting fresh authentication");
+            const userAuth = await authenticate(wallet, partnerId);
+            setUser(userAuth.user);
+            setIsAuthenticated(true);
             setIsAuthenticating(false);
-            throw new Error("Authentication required. Please authenticate via Turnkey.");
+            debug("Fresh authentication successful", { userAuth });
+            // Authenticate on BSMNT with B3 JWT
+            const b3Jwt = await (0, bsmnt_1.authenticateWithB3JWT)(userAuth.accessToken);
+            debug("@@b3Jwt", b3Jwt);
+            return userAuth;
         }
-    }, [reAuthenticate, setIsAuthenticated, setIsAuthenticating, setUser, setHasStartedConnecting]);
-    /**
-     * 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.
-     */
+    }, [activeWallet, partnerId, authenticate, setIsAuthenticated, setIsAuthenticating, setUser, setHasStartedConnecting]);
+    const logout = (0, react_2.useCallback)(async (callback) => {
+        if (activeWallet) {
+            debug("@@logout:activeWallet", activeWallet);
+            disconnect(activeWallet);
+            debug("@@logout:activeWallet", activeWallet);
+        }
+        // Log out of each wallet
+        wallets.forEach(wallet => {
+            console.log("@@logging out", wallet);
+            disconnect(wallet);
+        });
+        // Delete localStorage thirdweb:connected-wallet-ids
+        // https://npc-labs.slack.com/archives/C070E6HNG85/p1750185115273099
+        if (typeof localStorage !== "undefined") {
+            localStorage.removeItem("thirdweb:connected-wallet-ids");
+            localStorage.removeItem("wagmi.store");
+            localStorage.removeItem("lastAuthProvider");
+            localStorage.removeItem("b3-user");
+        }
+        app_1.default.logout();
+        debug("@@logout:loggedOut");
+        setIsAuthenticated(false);
+        setIsConnected(false);
+        setUser();
+        callback?.();
+    }, [activeWallet, disconnect, wallets, setIsAuthenticated, setUser, setIsConnected]);
     const onConnect = (0, react_2.useCallback)(async (_walleAutoConnectedWith, allConnectedWallets) => {
         debug("@@useAuthentication:onConnect", { _walleAutoConnectedWith, allConnectedWallets });
-        const wallet = allConnectedWallets.find(wallet => wallet.id.startsWith("ecosystem."));
-        if (!wallet) {
-            throw new Error("No smart wallet found during auto-connect");
-        }
-        debug("@@useAuthentication:onConnect", { wallet });
         try {
+            const wallet = allConnectedWallets.find(wallet => wallet.id.startsWith("ecosystem."));
+            if (!wallet) {
+                throw new Error("No smart wallet found during auto-connect");
+            }
+            debug("@@useAuthentication:onConnect", { wallet });
             setHasStartedConnecting(true);
             setIsConnected(true);
             setIsAuthenticating(true);
             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();
-                if (userAuth && onConnectCallback) {
-                    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
-                debug("@@useAuthentication:onConnect:authFailed", { authError });
-                // Don't set isAuthenticated to false here - let the Turnkey flow handle it
+            const userAuth = await authenticateUser(wallet);
+            if (userAuth && onConnectCallback) {
+                await onConnectCallback(wallet, userAuth.accessToken);
             }
         }
         catch (error) {
             debug("@@useAuthentication:onConnect:failed", { error });
             setIsAuthenticated(false);
             setUser(undefined);
+            await logout();
         }
         finally {
             setIsAuthenticating(false);
@@ -173,44 +189,19 @@ function useAuthentication(partnerId) {
             isConnected,
         });
     }, [
-        onConnectCallback,
-        authenticateUser,
         isAuthenticated,
         isAuthenticating,
         isConnected,
-        setActiveWallet,
         setHasStartedConnecting,
-        setIsAuthenticated,
-        setIsAuthenticating,
         setIsConnected,
+        setIsAuthenticating,
+        setActiveWallet,
+        authenticateUser,
+        onConnectCallback,
+        setIsAuthenticated,
         setUser,
+        logout,
     ]);
-    const logout = (0, react_2.useCallback)(async (callback) => {
-        if (activeWallet) {
-            debug("@@logout:activeWallet", activeWallet);
-            disconnect(activeWallet);
-            debug("@@logout:activeWallet", activeWallet);
-        }
-        // Log out of each wallet
-        wallets.forEach(wallet => {
-            console.log("@@logging out", wallet);
-            disconnect(wallet);
-        });
-        // Delete localStorage thirdweb:connected-wallet-ids
-        // https://npc-labs.slack.com/archives/C070E6HNG85/p1750185115273099
-        if (typeof localStorage !== "undefined") {
-            localStorage.removeItem("thirdweb:connected-wallet-ids");
-            localStorage.removeItem("wagmi.store");
-            localStorage.removeItem("lastAuthProvider");
-            localStorage.removeItem("b3-user");
-        }
-        app_1.default.logout();
-        debug("@@logout:loggedOut");
-        setIsAuthenticated(false);
-        setIsConnected(false);
-        setUser();
-        callback?.();
-    }, [activeWallet, disconnect, wallets, setIsAuthenticated, setUser, setIsConnected]);
     const { isLoading: useAutoConnectLoading } = (0, react_3.useAutoConnect)({
         client: thirdweb_1.client,
         wallets: [wallet],

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

@@ -1,7 +1,4 @@
 import { Wallet } from "thirdweb/wallets";
-/**
- * @deprecated Use useAuth() with Turnkey authentication instead
- */
 export declare function useTWAuth(): {
     authenticate: (wallet: Wallet, partnerId: string) => Promise<import("@feathersjs/authentication").AuthenticationResult>;
 };

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

@@ -4,19 +4,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useTWAuth = useTWAuth;
-/**
- * @deprecated This hook is deprecated. Use useAuth() with Turnkey authentication instead.
- * This file is kept for backward compatibility but should not be used in new code.
- */
 const app_1 = __importDefault(require("../../../global-account/app"));
 const debug_1 = __importDefault(require("../../../shared/utils/debug"));
 const react_1 = require("react");
 const useSearchParamsSSR_1 = require("./useSearchParamsSSR");
-/**
- * @deprecated Use useAuth() with Turnkey authentication instead
- */
 function useTWAuth() {
-    console.warn("useTWAuth is deprecated. Please migrate to useAuth() with Turnkey authentication. See useTurnkeyAuth.ts for the new implementation.");
     const referralCode = (0, useSearchParamsSSR_1.useSearchParam)("referralCode");
     const authenticate = (0, react_1.useCallback)(async (wallet, partnerId) => {
         if (!wallet || !wallet?.getAuthToken?.())

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

@@ -4,12 +4,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useTurnkeyAuth = useTurnkeyAuth;
-const debug_1 = require("../../../shared/utils/debug");
-const react_1 = require("react");
 const app_1 = __importDefault(require("../../app"));
-const useB3_1 = require("../components/B3Provider/useB3");
 const stores_1 = require("../stores");
-const useAuth_1 = require("./useAuth");
+const react_1 = require("react");
+const useB3_1 = require("../components/B3Provider/useB3");
+const debug_1 = require("../../../shared/utils/debug");
 const debug = (0, debug_1.debugB3React)("useTurnkeyAuth");
 /**
  * Hook for Turnkey email-based OTP authentication
@@ -24,55 +23,29 @@ function useTurnkeyAuth() {
     const [error, setError] = (0, react_1.useState)(null);
     const setIsAuthenticating = (0, stores_1.useAuthStore)(state => state.setIsAuthenticating);
     const setIsAuthenticated = (0, stores_1.useAuthStore)(state => state.setIsAuthenticated);
-    const { partnerId } = (0, useB3_1.useB3)();
-    const { authenticate } = (0, useAuth_1.useAuth)();
+    const { user } = (0, useB3_1.useB3)();
     /**
      * Step 1: Initiate login with email
-     * - Calls backend turnkey-jwt strategy (init action) to create sub-org (if needed) and send OTP
+     * - Calls backend to create sub-org (if needed) and send OTP
      * - Returns otpId to use in verification step
-     *
-     * Note: Uses the turnkey-jwt authentication strategy, not the service directly.
-     * The turnkey-jwt strategy handles both OTP flow (init/verify) and final authentication.
      */
     const initiateLogin = (0, react_1.useCallback)(async (email) => {
         setIsLoading(true);
         setError(null);
         setIsAuthenticating(true);
         try {
+            if (!user?.userId) {
+                throw new Error("User ID is required to initiate Turnkey login.");
+            }
             debug(`Initiating login for: ${email}`);
-            // Use authentication service with turnkey-jwt strategy (init action)
-            // userId is resolved from authentication context on the backend (params.user.userId)
-            // Backend will get userId from _params.user?.userId if authenticated, or handle unauthenticated case
-            // So we only need to send email
-            debug(`Calling app.authenticate with turnkey-jwt strategy (init action)`, { email });
-            const response = await app_1.default.authenticate({
-                strategy: "turnkey-jwt",
-                action: "init",
-                email,
-            });
-            // The strategy returns the TurnkeyAuthInitResponse directly
-            const data = response;
+            // Call FeathersJS service to initialize OTP
+            const data = await app_1.default.service("turnkey-auth").init({ email, userId: user.userId });
             debug(`OTP initialized successfully. OtpId: ${data.otpId}`);
             return data;
         }
         catch (err) {
             debug("Error initiating login:", err);
-            // Provide more detailed error information
-            let errorMessage = "Failed to send OTP email. Please try again.";
-            if (err.message) {
-                errorMessage = err.message;
-            }
-            else if (err.name === "TypeError" && err.message?.includes("fetch")) {
-                errorMessage = "Network error: Unable to reach the server. Please check your connection and try again.";
-            }
-            else if (err.code === "ECONNREFUSED" || err.code === "ENOTFOUND") {
-                errorMessage = "Connection error: Unable to reach the server. Please check your internet connection.";
-            }
-            else if (err.response) {
-                // FeathersJS error response
-                errorMessage = err.response.message || err.message || errorMessage;
-                debug("FeathersJS error response:", err.response);
-            }
+            const errorMessage = err.message || "Failed to send OTP email. Please try again.";
             setError(errorMessage);
             throw err;
         }
@@ -80,11 +53,11 @@ function useTurnkeyAuth() {
             setIsLoading(false);
             setIsAuthenticating(false);
         }
-    }, [setIsAuthenticating]);
+    }, [user, setIsAuthenticating]);
     /**
      * Step 2: Verify OTP and authenticate
-     * - Verifies OTP with backend via turnkey-jwt strategy (verify action)
-     * - Gets Turnkey session JWT from the verify response
+     * - Verifies OTP with backend
+     * - Gets Turnkey session JWT
      * - Authenticates with b3-api using "turnkey-jwt" strategy
      * - JWT automatically stored in cookies by SDK
      */
@@ -93,22 +66,19 @@ function useTurnkeyAuth() {
         setError(null);
         setIsAuthenticating(true);
         try {
-            debug(`Verifying OTP...`, { otpId });
-            // Step 1: Verify OTP with backend using turnkey-jwt strategy (verify action)
-            // This returns the Turnkey session JWT
-            const response = await app_1.default.authenticate({
-                strategy: "turnkey-jwt",
-                action: "verify",
+            debug(`Verifying OTP...`, { userId: user?.userId });
+            // Step 1: Verify OTP and get Turnkey session JWT
+            const { turnkeySessionJwt } = await app_1.default.service("turnkey-auth").verify({
                 otpId,
                 otpCode,
             });
-            // The strategy returns the TurnkeyAuthVerifyResponse directly
-            const verifyResult = response;
-            const { turnkeySessionJwt } = verifyResult;
-            debug(`OTP verified! Got Turnkey session JWT. Authenticating with b3-api...`);
+            debug(`OTP verified! Authenticating with b3-api...`);
             // Step 2: Authenticate with b3-api using Turnkey JWT
-            // Use the unified useAuth hook for authentication with "turnkey-jwt" strategy
-            const authResult = await authenticate(turnkeySessionJwt, partnerId || "");
+            // The SDK will automatically store the b3-api JWT in cookies
+            const authResult = await app_1.default.authenticate({
+                strategy: "turnkey-jwt",
+                accessToken: turnkeySessionJwt,
+            });
             debug(`Successfully authenticated with b3-api!`, authResult);
             // Update auth store to reflect authenticated state
             setIsAuthenticated(true);
@@ -128,7 +98,7 @@ function useTurnkeyAuth() {
             setIsLoading(false);
             setIsAuthenticating(false);
         }
-    }, [partnerId, setIsAuthenticating, setIsAuthenticated, authenticate]);
+    }, [user, setIsAuthenticating, setIsAuthenticated]);
     const clearError = (0, react_1.useCallback)(() => {
         setError(null);
     }, []);

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

@@ -36,8 +36,8 @@ export declare function useUserQuery(): {
                 name?: string | undefined;
                 address?: string | undefined;
                 email?: string | undefined;
-                phone?: string | undefined;
                 username?: string | undefined;
+                phone?: string | undefined;
                 fid?: string | undefined;
             };
         }[] | undefined;

package/dist/cjs/shared/utils/payment.utils.d.ts

@@ -1,4 +1,5 @@
 import { components } from "../../anyspend/types/api";
+export declare function getStripePromise(): Promise<import("@stripe/stripe-js").Stripe | null>;
 export declare function getVendorDisplayName(vendor?: components["schemas"]["OnrampMetadata"]["vendor"]): string;
 export declare function getPaymentMethodDescription(vendor?: components["schemas"]["OnrampMetadata"]["vendor"]): string;
 export declare function formatStripeAmount(amount: number): string;

package/dist/cjs/shared/utils/payment.utils.js

@@ -1,10 +1,19 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.getStripePromise = getStripePromise;
 exports.getVendorDisplayName = getVendorDisplayName;
 exports.getPaymentMethodDescription = getPaymentMethodDescription;
 exports.formatStripeAmount = formatStripeAmount;
 exports.generateReturnUrl = generateReturnUrl;
 const constants_1 = require("../../anyspend/constants");
+const stripe_js_1 = require("@stripe/stripe-js");
+let stripePromise = null;
+function getStripePromise() {
+    if (!stripePromise) {
+        stripePromise = (0, stripe_js_1.loadStripe)(constants_1.STRIPE_CONFIG.publishableKey);
+    }
+    return stripePromise;
+}
 function getVendorDisplayName(vendor) {
     switch (vendor) {
         case "coinbase":

package/dist/esm/anyspend/constants/index.d.ts

@@ -1,6 +1,6 @@
 import { components } from "../types/api";
 export declare const ANYSPEND_MAINNET_BASE_URL: string;
-export declare const RELAY_ETH_ADDRESS = "0x0000000000000000000000000000000000000000";
+export declare const ZERO_ADDRESS = "0x0000000000000000000000000000000000000000";
 export declare const RELAY_SOL_ADDRESS = "11111111111111111111111111111111";
 export declare const RELAY_SOLANA_MAINNET_CHAIN_ID = 792703809;
 export declare const SOLANA_ASSOCIATED_TOKEN_ACCOUNT_PROGRAM_ID = "ATokenGPvbdGVxr1b2hvZbsiqW5xWH25efTNsLJA8knL";

package/dist/esm/anyspend/constants/index.js

@@ -1,6 +1,6 @@
 import { base } from "viem/chains";
 export const ANYSPEND_MAINNET_BASE_URL = process.env.NEXT_PUBLIC_ANYSPEND_BASE_URL || "https://mainnet.anyspend.com";
-export const RELAY_ETH_ADDRESS = "0x0000000000000000000000000000000000000000";
+export const ZERO_ADDRESS = "0x0000000000000000000000000000000000000000";
 export const RELAY_SOL_ADDRESS = "11111111111111111111111111111111";
 export const RELAY_SOLANA_MAINNET_CHAIN_ID = 792703809;
 export const SOLANA_ASSOCIATED_TOKEN_ACCOUNT_PROGRAM_ID = "ATokenGPvbdGVxr1b2hvZbsiqW5xWH25efTNsLJA8knL";

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

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { getDefaultToken, USDC_BASE } from "../../../anyspend/index.js";
+import { eqci, getDefaultToken, getHyperliquidUSDCToken, HYPERLIQUID_CHAIN_ID, USDC_BASE, ZERO_ADDRESS, } from "../../../anyspend/index.js";
 import { useAnyspendCreateOnrampOrder, useAnyspendCreateOrder, useAnyspendOrderAndTransactions, useAnyspendQuote, useGeoOnrampOptions, } from "../../../anyspend/react/index.js";
 import { Button, ShinyButton, StyleRoot, TabsPrimitive, toast, TransitionPanel, useAccountWallet, useB3, useModalStore, useProfile, useRouter, useSearchParamsSSR, useTokenBalanceDirect, useTokenData, useTokenFromUrl, } from "../../../global-account/react/index.js";
 import BottomNavigation from "../../../global-account/react/components/ManageAccount/BottomNavigation.js";
@@ -15,7 +15,6 @@ import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { parseUnits } from "viem";
 import { base, mainnet } from "viem/chains";
 import { useAutoSelectCryptoPaymentMethod } from "../hooks/useAutoSelectCryptoPaymentMethod.js";
-import { useAutoSetActiveWalletFromWagmi } from "../hooks/useAutoSetActiveWalletFromWagmi.js";
 import { useConnectedWalletDisplay } from "../hooks/useConnectedWalletDisplay.js";
 import { useCryptoPaymentMethodState } from "../hooks/useCryptoPaymentMethodState.js";
 import { useRecipientAddressState } from "../hooks/useRecipientAddressState.js";
@@ -108,14 +107,17 @@ function AnySpendInner({ destinationTokenAddress, destinationTokenChainId, mode
     // State for destination chain/token selection
     const [selectedDstChainId, setSelectedDstChainId] = useState(initialDstChainId);
     const defaultDstToken = isBuyMode
-        ? {
-            symbol: "",
-            chainId: destinationTokenChainId,
-            address: destinationTokenAddress,
-            name: "",
-            decimals: 18,
-            metadata: {},
-        }
+        ? // Special case: Hyperliquid uses zero address for USDC
+            destinationTokenChainId === HYPERLIQUID_CHAIN_ID && eqci(destinationTokenAddress, ZERO_ADDRESS)
+                ? getHyperliquidUSDCToken()
+                : {
+                    symbol: "",
+                    chainId: destinationTokenChainId,
+                    address: destinationTokenAddress,
+                    name: "",
+                    decimals: 18,
+                    metadata: {},
+                }
         : getDefaultToken(selectedDstChainId);
     const dstTokenFromUrl = useTokenFromUrl({
         defaultToken: defaultDstToken,
@@ -153,6 +155,11 @@ function AnySpendInner({ destinationTokenAddress, destinationTokenChainId, mode
     // Update destination token with metadata
     useEffect(() => {
         if (selectedDstToken && dstTokenMetadata && !appliedDstMetadataRef.current) {
+            // Skip metadata enhancement for Hyperliquid USDC - we already have correct metadata from getHyperliquidUSDCToken()
+            if (selectedDstToken.chainId === HYPERLIQUID_CHAIN_ID && eqci(selectedDstToken.address, ZERO_ADDRESS)) {
+                appliedDstMetadataRef.current = true;
+                return;
+            }
             // Mark as applied
             appliedDstMetadataRef.current = true;
             const enhancedToken = {
@@ -313,8 +320,6 @@ function AnySpendInner({ destinationTokenAddress, destinationTokenChainId, mode
     // );
     const { address: globalAddress, wallet: globalWallet, connectedEOAWallet } = useAccountWallet();
     const globalWalletImage = useAccountWalletImage();
-    // Auto-set active wallet from wagmi
-    useAutoSetActiveWalletFromWagmi();
     // Get wallet address based on selected payment method
     const { walletAddress } = useConnectedWalletDisplay(effectiveCryptoPaymentMethod);
     // Recipient address state with dual-state system (auto + explicit user selection)
@@ -818,10 +823,14 @@ function AnySpendInner({ destinationTokenAddress, destinationTokenChainId, mode
                                         else {
                                             setActivePanel(panelIndex);
                                         }
-                                    }, _recipientAddress: effectiveRecipientAddress, destinationToken: selectedDstToken, destinationChainId: selectedDstChainId, destinationAmount: dstAmount, onDestinationTokenChange: setSelectedDstToken, onDestinationChainChange: setSelectedDstChainId, fiatPaymentMethodIndex: PanelView.FIAT_PAYMENT_METHOD, recipientSelectionPanelIndex: PanelView.RECIPIENT_SELECTION, hideDstToken: isBuyMode, anyspendQuote: anyspendQuote, onShowPointsDetail: () => navigateToPanel(PanelView.POINTS_DETAIL, "forward"), onShowFeeDetail: () => navigateToPanel(PanelView.FEE_DETAIL, "forward"), customUsdInputValues: customUsdInputValues }) })), _jsx(Button, { variant: "ghost", className: cn("border-as-stroke bg-as-surface-primary absolute left-1/2 top-1/2 z-10 h-10 w-10 -translate-x-1/2 -translate-y-1/2 rounded-xl border-2 sm:h-8 sm:w-8 sm:rounded-xl", isBuyMode && "top-[calc(50%+56px)] cursor-default", activeTab === "fiat" && "hidden"), onClick: () => {
+                                    }, _recipientAddress: effectiveRecipientAddress, destinationToken: selectedDstToken, destinationChainId: selectedDstChainId, destinationAmount: dstAmount, onDestinationTokenChange: setSelectedDstToken, onDestinationChainChange: setSelectedDstChainId, fiatPaymentMethodIndex: PanelView.FIAT_PAYMENT_METHOD, recipientSelectionPanelIndex: PanelView.RECIPIENT_SELECTION, hideDstToken: isBuyMode, anyspendQuote: anyspendQuote, onShowPointsDetail: () => navigateToPanel(PanelView.POINTS_DETAIL, "forward"), onShowFeeDetail: () => navigateToPanel(PanelView.FEE_DETAIL, "forward"), customUsdInputValues: customUsdInputValues }) })), _jsx(Button, { variant: "ghost", className: cn("border-as-stroke bg-as-surface-primary absolute left-1/2 top-1/2 z-10 h-10 w-10 -translate-x-1/2 -translate-y-1/2 rounded-xl border-2 sm:h-8 sm:w-8 sm:rounded-xl", isBuyMode && "top-[calc(50%+56px)] cursor-default", activeTab === "fiat" && "hidden", selectedDstChainId === HYPERLIQUID_CHAIN_ID && "cursor-not-allowed opacity-50"), onClick: () => {
                                     if (activeTab === "fiat" || isBuyMode) {
                                         return;
                                     }
+                                    // Prevent swapping if destination is Hyperliquid (only supported as destination, not source)
+                                    if (selectedDstChainId === HYPERLIQUID_CHAIN_ID) {
+                                        return;
+                                    }
                                     // Swap chain selections
                                     const tempSrcChainId = selectedSrcChainId;
                                     const tempDstChainId = selectedDstChainId;

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

@@ -31,7 +31,7 @@ import { useMemo } from "react";
 import { encodeFunctionData } from "viem";
 import { AnySpendCustom } from "./AnySpendCustom.js";
 // Collector Club Shop contract on Base
-const CC_SHOP_ADDRESS = "0x23887D10c81118A9a2E3Af59C423e2f4ee4Cc7Cf";
+const CC_SHOP_ADDRESS = "0x47366E64E4917dd4DdC04Fb9DC507c1dD2b87294";
 const BASE_CHAIN_ID = 8453;
 // ABI for buyPacksFor function only
 const BUY_PACKS_FOR_ABI = {