@lumiapassport/ui-kit 1.2.0 → 1.3.0

package/README.md

@@ -261,7 +261,7 @@ function BackendSubmissionExample() {
 **Backend example (using @lumiapassport/core):**
 
 ```typescript
-import { sendUserOperationRaw } from '@lumiapassport/core';
+import { sendUserOperationRaw, getUserOperationReceipt } from '@lumiapassport/core';
 import { recoverAddress } from 'viem';
 
 // Receive from frontend
@@ -277,9 +277,31 @@ if (recoveredAddress.toLowerCase() !== ownerAddress.toLowerCase()) {
   throw new Error('Invalid signature');
 }
 
-// Submit to bundler
-const txHash = await sendUserOperationRaw(userOp);
-return { success: true, txHash };
+// Submit to bundler - returns userOpHash
+const submittedUserOpHash = await sendUserOperationRaw(userOp);
+
+// Poll for receipt to get transaction hash and status
+const waitForReceipt = async (userOpHash: string, maxAttempts = 60, delayMs = 1000) => {
+  for (let i = 0; i < maxAttempts; i++) {
+    const receipt = await getUserOperationReceipt(userOpHash as `0x${string}`);
+    if (receipt) {
+      return {
+        success: receipt.success,
+        transactionHash: receipt.receipt?.transactionHash,
+        blockNumber: receipt.receipt?.blockNumber,
+      };
+    }
+    await new Promise(resolve => setTimeout(resolve, delayMs));
+  }
+  throw new Error('Transaction timeout');
+};
+
+const result = await waitForReceipt(submittedUserOpHash);
+return {
+  success: result.success,
+  transactionHash: result.transactionHash,
+  blockNumber: result.blockNumber
+};
 ```
 
 ## Components