@volr/react 0.1.102 → 0.1.104

package/dist/index.cjs

@@ -9909,11 +9909,18 @@ function useWalletEvents({
 }) {
   react.useEffect(() => {
     if (!user) return;
+    if (user.keyStorageType === "passkey") {
+      console.log("[Provider] Passkey user - skipping external wallet event listeners");
+      return;
+    }
     if (typeof window === "undefined" || !window.ethereum) {
       return;
     }
     const ethereum = window.ethereum;
     const handleAccountsChanged = (accounts) => {
+      if (user.signerType !== "external_wallet") {
+        return;
+      }
       if (accounts.length === 0) {
         console.warn("[Provider] Wallet disconnected, logging out...");
         setTimeout(() => logout(), 3e3);
@@ -9928,9 +9935,15 @@ function useWalletEvents({
       setUser(
         (prev) => prev ? { ...prev, lastWalletChainId: newChainId } : null
       );
-      window.location.reload();
+      if (user.signerType === "external_wallet") {
+        window.location.reload();
+      }
     };
     const handleDisconnect = () => {
+      if (user.signerType !== "external_wallet") {
+        console.log("[Provider] disconnect event ignored (not external_wallet signer)");
+        return;
+      }
       console.log("[Provider] disconnect event");
       setProviderState(null);
       safeStorage.removeItem(STORAGE_KEYS.provider);
@@ -18533,21 +18546,53 @@ function useVolr() {
   const { precheck } = usePrecheck();
   const { relay } = useRelay();
   const { client: apiClient } = useInternalAuth();
+  const restoringRef = react.useRef(null);
   const getRpcUrl = react.useCallback(
     createGetRpcUrl({ client: apiClient, rpcOverrides: config.rpcOverrides }),
     [apiClient, config.rpcOverrides]
   );
+  const ensureProvider = react.useCallback(async () => {
+    if (provider) {
+      return provider;
+    }
+    if (!user?.keyStorageType || user.keyStorageType !== "passkey") {
+      throw new Error(
+        "No wallet provider available. Please complete passkey enrollment first."
+      );
+    }
+    if (!user.blobUrl || !user.prfInput || !user.id) {
+      throw new Error(
+        "Missing passkey data. Please re-enroll your passkey."
+      );
+    }
+    if (restoringRef.current) {
+      return restoringRef.current;
+    }
+    console.log("[useVolr] Auto-restoring passkey provider...");
+    restoringRef.current = restorePasskey({
+      client: apiClient,
+      userId: user.id,
+      blobUrl: user.blobUrl,
+      prfInput: user.prfInput,
+      credentialId: user.credentialId
+    }).then(async ({ provider: restoredProvider }) => {
+      await setProvider(restoredProvider);
+      console.log("[useVolr] Passkey provider restored successfully");
+      restoringRef.current = null;
+      return restoredProvider;
+    }).catch((err) => {
+      restoringRef.current = null;
+      throw err;
+    });
+    return restoringRef.current;
+  }, [provider, user, apiClient, setProvider]);
   const signMessage = react.useCallback(
     async (message) => {
-      if (!provider) {
-        throw new Error(
-          "No wallet provider available. Please log in with a Passkey or MPC wallet to sign messages."
-        );
-      }
+      const activeProvider = await ensureProvider();
       if (config.onSignRequest) {
         await config.onSignRequest({ type: "message", message });
       }
-      await provider.ensureSession({ interactive: true });
+      await activeProvider.ensureSession({ interactive: true });
       const messageHash = hashMessage(
         typeof message === "string" ? message : { raw: message }
       );
@@ -18556,28 +18601,25 @@ function useVolr() {
       for (let i = 0; i < 32; i++) {
         hashBytes[i] = parseInt(hex.slice(i * 2, i * 2 + 2), 16);
       }
-      const sig = await provider.signMessage(hashBytes);
+      const sig = await activeProvider.signMessage(hashBytes);
       const v = sig.yParity + 27;
       const rHex = Array.from(sig.r).map((b) => b.toString(16).padStart(2, "0")).join("");
       const sHex = Array.from(sig.s).map((b) => b.toString(16).padStart(2, "0")).join("");
       const vHex = v.toString(16).padStart(2, "0");
       return `0x${rHex}${sHex}${vHex}`;
     },
-    [provider, config.onSignRequest]
+    [ensureProvider, config.onSignRequest]
   );
   const signTypedData = react.useCallback(
     async (typedData) => {
-      if (!provider) {
-        throw new Error(
-          "No wallet provider available. Please log in with a Passkey or MPC wallet to sign typed data."
-        );
-      }
+      const activeProvider = await ensureProvider();
       if (config.onSignRequest) {
         await config.onSignRequest({ type: "typedData", typedData });
       }
-      return provider.signTypedData(typedData);
+      await activeProvider.ensureSession({ interactive: true });
+      return activeProvider.signTypedData(typedData);
     },
-    [provider, config.onSignRequest]
+    [ensureProvider, config.onSignRequest]
   );
   const createChainClient = react.useCallback(
     (chainId) => {