@volr/react 0.1.102 → 0.1.103

package/dist/index.cjs

@@ -18533,21 +18533,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 +18588,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) => {