@lumiapassport/ui-kit 1.6.0 → 1.6.2

package/README.md

@@ -299,6 +299,47 @@ function TransactionExample() {
 }
 ```
 
+### sendUserOperation - Direct Transaction Submission
+
+For direct control without using the React hook, you can use `sendUserOperation` function:
+
+```tsx
+import { sendUserOperation, useLumiaPassportSession } from '@lumiapassport/ui-kit';
+
+function DirectTransactionExample() {
+  const { session } = useLumiaPassportSession();
+
+  const handleSend = async () => {
+    if (!session) {
+      console.error('No active session');
+      return;
+    }
+
+    try {
+      // Send transaction directly with full control
+      const userOpHash = await sendUserOperation(
+        session,                                    // Required: session from useLumiaPassportSession
+        '0x742d35Cc6634C0532925a3b844Bc9e7595f0bEb', // to address
+        '1000000000000000000',                      // value in wei (1 ETH)
+        '0x',                                       // data (optional contract call)
+        'standard',                                 // fee type: 'economy' | 'standard' | 'fast'
+        'v0.7'                                      // EntryPoint version
+      );
+
+      console.log('Transaction submitted:', userOpHash);
+    } catch (error) {
+      console.error('Transaction failed:', error);
+    }
+  };
+
+  return <button onClick={handleSend}>Send Transaction</button>;
+}
+```
+
+**When to use:**
+- ✅ Use `useSendTransaction()` hook for React components (automatic session management)
+- ✅ Use `sendUserOperation()` function for custom logic, utility functions, or non-React code
+
 ### prepareUserOperation - Prepare for Backend Submission
 
 ```tsx

package/dist/iframe/index.html

@@ -15,7 +15,7 @@
     <meta http-equiv="X-Content-Type-Options" content="nosniff" />
     <meta http-equiv="Referrer-Policy" content="strict-origin-when-cross-origin" />
 
-    <title>Lumia Passport Secure Wallet - iframe version 1.6.0</title>
+    <title>Lumia Passport Secure Wallet - iframe version 1.6.2</title>
 
     <!-- Styles will be injected by build process -->
     <style>

package/dist/iframe/main.js

@@ -3724,7 +3724,7 @@ var BackupManager = class {
 };
 
 // src/iframe/main.ts
-var IFRAME_VERSION = "1.6.0";
+var IFRAME_VERSION = "1.6.2";
 var IframeWallet = class {
   constructor() {
     console.log("=".repeat(60));

package/dist/index.cjs

@@ -8536,7 +8536,7 @@ function useLumiaPassportLinkedProfiles() {
 // package.json
 var package_default = {
   name: "@lumiapassport/ui-kit",
-  version: "1.6.0",
+  version: "1.6.2",
   description: "React UI components and hooks for Lumia Passport authentication and Account Abstraction",
   type: "module",
   main: "./dist/index.cjs",