@abstraxn/signer-react 3.3.3 → 3.3.5

package/CHANGELOG.md

@@ -5,6 +5,20 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [3.3.4] - 2026-08-31
+
+### Fixed
+- **Passkey export/sign 401** — via `@abstraxn/signer-core@2.1.4`, passkey login
+  registers the IndexedDB session key on Turnkey after login (fixes
+  `PUBLIC_KEY_NOT_FOUND` on export, sign, and proxy).
+
+### Changed
+- Bumped `@abstraxn/signer-core` to `2.1.4`.
+
+### Notes
+- Deploy **wallet-service** with `POST /auth/passkey/register-session` before upgrading.
+- Users on passkey must **log out and log in again** after upgrade.
+
 ## [3.3.3] - 2026-07-09
 
 ### Changed

package/dist/src/components/AbstraxnProvider/AbstraxnProviderInner.js

@@ -12,6 +12,7 @@ import { ExternalWalletButtons, resetExternalWalletViewState, } from "../../Exte
 import { EVM_CHAINS, SOLANA_CHAINS, getChainById, toCoreChain, } from "../../chains";
 import { AbstraxnContext } from "./context";
 import { isLinkAuthCallback } from "./utils";
+import { hasActiveWalletConnectSession, hasPendingWalletConnectApproval, isWalletConnectConnector, patchWalletConnectProviderForMobile, resumeWalletConnectRelayer, subscribeWalletConnectForegroundResume, } from "../../walletConnectMobile";
 /** Syncs wagmi disconnect to external wallet state; only rendered when wagmi is available (under WagmiProvider). */
 function WagmiConnectionEffectSync({ onDisconnect, }) {
     useConnectionEffect({ onDisconnect });
@@ -45,6 +46,7 @@ export function AbstraxnProviderInner({ config, children, base, wagmi, solana, }
     const [emailForOtp, setEmailForOtpState] = useState("");
     const explicitConnectionRef = useRef(false);
     const autoDisconnectHandledRef = useRef(false);
+    const wcProviderRef = useRef(null);
     useEffect(() => {
         isExternalWalletConnectedRef.current = isExternalWalletConnected;
     }, [isExternalWalletConnected]);
@@ -2555,6 +2557,14 @@ export function AbstraxnProviderInner({ config, children, base, wagmi, solana, }
         if (chainTypePref === "solana" && solana?.wallet?.connected) {
             return;
         }
+        // Mobile WalletConnect: leaving the browser for MetaMask drops the relay
+        // socket, which can make wagmi look disconnected even though the session
+        // is still valid. Keep UI state and resume the relay instead of resetting.
+        if (!wagmiAccount.isConnected &&
+            hasActiveWalletConnectSession(wcProviderRef.current)) {
+            void resumeWalletConnectRelayer(wcProviderRef.current);
+            return;
+        }
         // Prevent auto-connect (but allow restoration from persistence)
         // Only auto-disconnect if:
         // 1. wagmiAccount is connected
@@ -2664,6 +2674,8 @@ export function AbstraxnProviderInner({ config, children, base, wagmi, solana, }
                     // Close WalletConnect QR modal when connection detected via wagmi (e.g. Next.js hydration)
                     if (typeof document !== "undefined") {
                         const closeWcModalDom = () => {
+                            if (hasPendingWalletConnectApproval(wcProviderRef.current))
+                                return;
                             ["w3m-modal", "w3m-modal-backdrop", "[data-w3m-modal]", ".w3m-modal", ".w3m-modal-backdrop", "[class*='w3m-modal']", "[class*='walletconnect-qrcode']"].forEach((sel) => {
                                 try {
                                     const el = document.querySelector(sel);
@@ -2931,9 +2943,15 @@ export function AbstraxnProviderInner({ config, children, base, wagmi, solana, }
                         connectorName.includes("walletconnect");
                     if (isWalletConnectConnector) {
                         const closeWalletConnectModal = async () => {
+                            if (hasPendingWalletConnectApproval(wcProviderRef.current))
+                                return;
                             try {
                                 if (typeof connector.getProvider === "function") {
                                     const provider = await connector.getProvider();
+                                    if (provider) {
+                                        wcProviderRef.current = provider;
+                                        patchWalletConnectProviderForMobile(provider);
+                                    }
                                     if (provider?.modal?.close) {
                                         provider.modal.close();
                                     }
@@ -3113,6 +3131,11 @@ export function AbstraxnProviderInner({ config, children, base, wagmi, solana, }
     const handleWagmiDisconnect = useCallback(() => {
         if (!externalWalletsEnabledRef.current)
             return;
+        // Transport drop (mobile deeplink) is not a session disconnect.
+        if (hasActiveWalletConnectSession(wcProviderRef.current)) {
+            void resumeWalletConnectRelayer(wcProviderRef.current);
+            return;
+        }
         setIsExternalWalletConnected(false);
         setExternalWalletAddress(null);
         setExternalWalletChainId(null);
@@ -3152,6 +3175,7 @@ export function AbstraxnProviderInner({ config, children, base, wagmi, solana, }
         }
         const connector = wagmiAccount.connector;
         let mounted = true;
+        let unsubscribeForeground;
         const setup = async () => {
             try {
                 const getProvider = connector.getProvider ?? connector.getEthereumProvider;
@@ -3160,15 +3184,38 @@ export function AbstraxnProviderInner({ config, children, base, wagmi, solana, }
                 const p = await getProvider();
                 if (!mounted || !p)
                     return;
+                const isWc = isWalletConnectConnector(connector);
+                if (isWc) {
+                    wcProviderRef.current = p;
+                    patchWalletConnectProviderForMobile(p);
+                    unsubscribeForeground = subscribeWalletConnectForegroundResume(p);
+                    if (!mounted) {
+                        unsubscribeForeground();
+                        unsubscribeForeground = undefined;
+                        wcProviderRef.current = null;
+                        return;
+                    }
+                }
+                else {
+                    wcProviderRef.current = null;
+                }
                 const onDisconnectFromProvider = () => {
                     if (!isExternalWalletConnectedRef.current)
                         return;
+                    if (hasActiveWalletConnectSession(p)) {
+                        void resumeWalletConnectRelayer(p);
+                        return;
+                    }
                     handleWagmiDisconnect();
                 };
                 const onAccountsChanged = (accounts) => {
                     const list = Array.isArray(accounts) ? accounts : [];
-                    if (list.length === 0)
+                    if (list.length === 0) {
+                        // Empty accounts during mobile resume is often a transport blip.
+                        if (hasActiveWalletConnectSession(p))
+                            return;
                         onDisconnectFromProvider();
+                    }
                 };
                 p.on?.("accountsChanged", onAccountsChanged);
                 p.on?.("disconnect", onDisconnectFromProvider);
@@ -3188,6 +3235,8 @@ export function AbstraxnProviderInner({ config, children, base, wagmi, solana, }
         });
         return () => {
             mounted = false;
+            unsubscribeForeground?.();
+            wcProviderRef.current = null;
             const cleanup = providerListenerCleanupRef.current;
             providerListenerCleanupRef.current = null;
             if (typeof cleanup === "function")

package/dist/src/wagmiConfig.js

@@ -77,15 +77,20 @@ export function createWagmiConfig(chains, walletConnectProjectId, enabledConnect
             console.warn("WalletConnect project ID is required for WalletConnect connector. Skipping...");
         }
         else {
+            const dappUrl = typeof window !== "undefined"
+                ? window.location.origin
+                : "https://abstraxn.com";
             connectors.push(walletConnect({
                 projectId: walletConnectProjectId,
                 metadata: {
                     name: "Abstraxn",
                     description: "Abstraxn Wallet",
-                    url: typeof window !== "undefined"
-                        ? window.location.origin
-                        : "https://abstraxn.com",
+                    url: dappUrl,
                     icons: ["https://avatars.githubusercontent.com/u/37784886"],
+                    // Helps mobile wallets (MetaMask) return to this dapp after approve/reject.
+                    redirect: {
+                        universal: dappUrl,
+                    },
                 },
                 showQrModal: true,
                 qrModalOptions: {

package/dist/src/walletConnectMobile.d.ts

@@ -0,0 +1,37 @@
+/**
+ * Mobile WalletConnect helpers.
+ *
+ * On iOS/Android the browser suspends JS and drops the WalletConnect relay
+ * WebSocket when the user is sent to MetaMask (or another wallet) via deeplink.
+ * The wallet still approves/rejects, but the in-flight JSON-RPC promise never
+ * settles unless the relay is resumed when the dapp becomes visible again.
+ */
+/** Selectors used to close/restore Reown AppKit + WalletConnect modal DOM. */
+export declare const WALLETCONNECT_MODAL_SELECTORS: string[];
+export declare function isWalletConnectConnector(connector: {
+    id?: string;
+    name?: string;
+} | null | undefined): boolean;
+export declare function isUserApprovalRpcMethod(method: unknown): boolean;
+export declare function hasPendingWalletConnectApproval(provider?: any): boolean;
+export declare function hasActiveWalletConnectSession(provider: any): boolean;
+/**
+ * Re-open the WalletConnect relay after the mobile browser comes back
+ * from the wallet app so pending approve/reject responses can be delivered.
+ */
+export declare function resumeWalletConnectRelayer(provider: any): Promise<void>;
+/**
+ * Undo the inline `display: none !important` we apply after connect so the
+ * WalletConnect modal can show "Continue in wallet" and process the response.
+ */
+export declare function restoreWalletConnectModal(): void;
+/**
+ * Patch the EIP-1193 provider so signing/tx requests resume the relay first.
+ * Covers wagmi hooks, viem walletClient, and direct provider.request calls.
+ */
+export declare function patchWalletConnectProviderForMobile(provider: any): void;
+/**
+ * When the dapp tab is shown again (user left MetaMask), restart the relay so
+ * the pending WalletConnect response can be received.
+ */
+export declare function subscribeWalletConnectForegroundResume(provider: any): () => void;

package/dist/src/walletConnectMobile.js

@@ -0,0 +1,229 @@
+/**
+ * Mobile WalletConnect helpers.
+ *
+ * On iOS/Android the browser suspends JS and drops the WalletConnect relay
+ * WebSocket when the user is sent to MetaMask (or another wallet) via deeplink.
+ * The wallet still approves/rejects, but the in-flight JSON-RPC promise never
+ * settles unless the relay is resumed when the dapp becomes visible again.
+ */
+const PATCHED_FLAG = "__abstraxnWcMobilePatched";
+const PENDING_FLAG = "__abstraxnWcPendingApprovals";
+const USER_APPROVAL_METHODS = new Set([
+    "personal_sign",
+    "eth_sign",
+    "eth_signTypedData",
+    "eth_signTypedData_v3",
+    "eth_signTypedData_v4",
+    "eth_signTransaction",
+    "eth_sendTransaction",
+    "eth_sendRawTransaction",
+    "wallet_sendCalls",
+    "wallet_sendCallsSync",
+    "wallet_grantPermissions",
+    "wallet_requestPermissions",
+    "wallet_watchAsset",
+    "wallet_addEthereumChain",
+    "wallet_switchEthereumChain",
+]);
+/** Selectors used to close/restore Reown AppKit + WalletConnect modal DOM. */
+export const WALLETCONNECT_MODAL_SELECTORS = [
+    "w3m-modal",
+    "w3m-modal-backdrop",
+    "wcm-modal",
+    "[data-w3m-modal]",
+    ".w3m-modal",
+    ".w3m-modal-backdrop",
+    "#w3m-modal",
+    "[class*='w3m-modal']",
+    "[id*='w3m-modal']",
+    "[class*='walletconnect-qrcode']",
+    "[id*='walletconnect']",
+];
+export function isWalletConnectConnector(connector) {
+    if (!connector)
+        return false;
+    const id = String(connector.id || "").toLowerCase();
+    const name = String(connector.name || "").toLowerCase();
+    return (id.includes("walletconnect") ||
+        id.includes("wallet_connect") ||
+        name.includes("walletconnect") ||
+        name.includes("wallet connect"));
+}
+export function isUserApprovalRpcMethod(method) {
+    return typeof method === "string" && USER_APPROVAL_METHODS.has(method);
+}
+export function hasPendingWalletConnectApproval(provider) {
+    if (provider && typeof provider[PENDING_FLAG] === "number") {
+        return provider[PENDING_FLAG] > 0;
+    }
+    return false;
+}
+export function hasActiveWalletConnectSession(provider) {
+    const session = provider?.session ?? provider?.signer?.session;
+    if (!session?.topic)
+        return false;
+    if (typeof session.expiry === "number" &&
+        session.expiry > 0 &&
+        session.expiry * 1000 < Date.now()) {
+        return false;
+    }
+    return true;
+}
+function getWalletConnectRelayer(provider) {
+    return (provider?.signer?.client?.core?.relayer ||
+        provider?.client?.core?.relayer ||
+        provider?.rpc?.provider?.signer?.client?.core?.relayer ||
+        provider?.universalProvider?.client?.core?.relayer ||
+        null);
+}
+function isRelayerConnected(relayer) {
+    return (relayer?.connected === true ||
+        relayer?.provider?.connected === true ||
+        relayer?.provider?.connection?.connected === true);
+}
+/**
+ * Re-open the WalletConnect relay after the mobile browser comes back
+ * from the wallet app so pending approve/reject responses can be delivered.
+ */
+export async function resumeWalletConnectRelayer(provider) {
+    if (!provider)
+        return;
+    const relayer = getWalletConnectRelayer(provider);
+    if (!relayer)
+        return;
+    try {
+        if (isRelayerConnected(relayer)) {
+            try {
+                const ping = relayer.provider?.connection?.ping;
+                if (typeof ping === "function") {
+                    await Promise.race([
+                        ping.call(relayer.provider.connection),
+                        new Promise((_, reject) => setTimeout(() => reject(new Error("ping timeout")), 1500)),
+                    ]);
+                }
+                return;
+            }
+            catch {
+                // Ping failed — transport looks stale, restart below.
+            }
+        }
+        if (typeof relayer.restartTransport === "function") {
+            await relayer.restartTransport();
+        }
+        else if (typeof relayer.transportOpen === "function") {
+            try {
+                await relayer.transportClose?.();
+            }
+            catch {
+                // Ignore close errors and still try to open.
+            }
+            await relayer.transportOpen();
+        }
+        const session = provider?.session ?? provider?.signer?.session;
+        const topic = session?.topic;
+        const client = provider?.signer?.client || provider?.client;
+        if (topic && typeof client?.ping === "function") {
+            try {
+                await client.ping({ topic });
+            }
+            catch {
+                // Session ping is best-effort; the request may still complete.
+            }
+        }
+    }
+    catch {
+        // Best-effort: a failed resume should not break the original request.
+    }
+}
+/**
+ * Undo the inline `display: none !important` we apply after connect so the
+ * WalletConnect modal can show "Continue in wallet" and process the response.
+ */
+export function restoreWalletConnectModal() {
+    if (typeof document === "undefined")
+        return;
+    WALLETCONNECT_MODAL_SELECTORS.forEach((sel) => {
+        try {
+            document.querySelectorAll(sel).forEach((el) => {
+                const htmlEl = el;
+                if (htmlEl?.style) {
+                    htmlEl.style.removeProperty("display");
+                }
+            });
+        }
+        catch {
+            // Ignore invalid selectors in older browsers.
+        }
+    });
+}
+function getRequestMethod(args) {
+    const payload = args[0];
+    if (typeof payload === "string")
+        return payload;
+    if (payload && typeof payload === "object" && "method" in payload) {
+        return payload.method;
+    }
+    return undefined;
+}
+/**
+ * Patch the EIP-1193 provider so signing/tx requests resume the relay first.
+ * Covers wagmi hooks, viem walletClient, and direct provider.request calls.
+ */
+export function patchWalletConnectProviderForMobile(provider) {
+    if (!provider || typeof provider.request !== "function")
+        return;
+    if (provider[PATCHED_FLAG])
+        return;
+    const originalRequest = provider.request.bind(provider);
+    provider[PATCHED_FLAG] = true;
+    provider[PENDING_FLAG] = 0;
+    provider.request = async (...args) => {
+        const method = getRequestMethod(args);
+        if (!isUserApprovalRpcMethod(method)) {
+            return originalRequest(...args);
+        }
+        provider[PENDING_FLAG] = (provider[PENDING_FLAG] || 0) + 1;
+        restoreWalletConnectModal();
+        try {
+            await resumeWalletConnectRelayer(provider);
+            return await originalRequest(...args);
+        }
+        finally {
+            provider[PENDING_FLAG] = Math.max(0, (provider[PENDING_FLAG] || 1) - 1);
+        }
+    };
+}
+/**
+ * When the dapp tab is shown again (user left MetaMask), restart the relay so
+ * the pending WalletConnect response can be received.
+ */
+export function subscribeWalletConnectForegroundResume(provider) {
+    if (typeof window === "undefined" || !provider)
+        return () => { };
+    let timer = null;
+    const resume = () => {
+        if (timer)
+            clearTimeout(timer);
+        timer = setTimeout(() => {
+            void resumeWalletConnectRelayer(provider);
+            if (hasPendingWalletConnectApproval(provider)) {
+                restoreWalletConnectModal();
+            }
+        }, 250);
+    };
+    const onVisibility = () => {
+        if (document.visibilityState === "visible")
+            resume();
+    };
+    document.addEventListener("visibilitychange", onVisibility);
+    window.addEventListener("pageshow", resume);
+    window.addEventListener("focus", resume);
+    return () => {
+        if (timer)
+            clearTimeout(timer);
+        document.removeEventListener("visibilitychange", onVisibility);
+        window.removeEventListener("pageshow", resume);
+        window.removeEventListener("focus", resume);
+    };
+}
+//# sourceMappingURL=walletConnectMobile.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abstraxn/signer-react",
-  "version": "3.3.3",
+  "version": "3.3.5",
   "description": "React SDK for Abstraxn Wallet - React components, hooks, and providers for seamless Web3 wallet integration",
   "main": "./dist/src/index.js",
   "module": "./dist/src/index.js",
@@ -40,7 +40,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@abstraxn/signer-core": "2.1.3",
+    "@abstraxn/signer-core": "2.1.4",
     "@abstraxn/solana-relayer": "^1.1.0",
     "@solana/wallet-adapter-base": "^0.9.27",
     "@solana/wallet-adapter-react": "^0.15.39",