@lumiapassport/ui-kit 1.5.3 → 1.6.0

package/README.md

@@ -241,56 +241,28 @@ That's it! The `ConnectWalletButton` provides a complete authentication UI with
 
 ## Using Hooks
 
-### useAuth - Authentication State
+> **Note:** The old `useLumiaSession` and `LumiaSessionProvider` names are deprecated but still supported for backward compatibility. They will show a console warning and will be removed in v2.0.0. Please migrate to the new names: `useLumiaPassportSession` and `LumiaPassportSessionProvider`.
+
+### useLumiaPassportSession - Authentication and Session State
 
 ```tsx
-import { useAuth } from '@lumiapassport/ui-kit';
+import { useLumiaPassportSession } from '@lumiapassport/ui-kit';
 
 function MyComponent() {
-  const {
-    user,           // Current user info
-    isAuthenticated, // Auth status
-    login,          // Login function
-    logout,         // Logout function
-    loading,        // Loading state
-  } = useAuth();
-
-  if (loading) return <div>Loading...</div>;
-
-  if (!isAuthenticated) {
-    return <button onClick={() => login()}>Sign In</button>;
-  }
-
-  return (
-    <div>
-      <p>Welcome, {user.userId}</p>
-      <button onClick={() => logout()}>Sign Out</button>
-    </div>
-  );
-}
-```
+  const { session, isLoading } = useLumiaPassportSession();
 
-### useWallet - Wallet Operations
-
-```tsx
-import { useWallet } from '@lumiapassport/ui-kit';
+  if (isLoading) return <div>Loading...</div>;
 
-function SendTransaction() {
-  const { address, sendTransaction, balance } = useWallet();
-
-  const handleSend = async () => {
-    const hash = await sendTransaction({
-      to: '0x...',
-      value: '0.1', // ETH amount
-    });
-    console.log('Transaction hash:', hash);
-  };
+  if (!session) {
+    return <div>Not authenticated. Please connect your wallet.</div>;
+  }
 
   return (
     <div>
-      <p>Address: {address}</p>
-      <p>Balance: {balance} ETH</p>
-      <button onClick={handleSend}>Send Transaction</button>
+      <p>Welcome!</p>
+      <p>User ID: {session.userId}</p>
+      <p>Wallet Address: {session.ownerAddress}</p>
+      <p>Smart Account: {session.accountAddress}</p>
     </div>
   );
 }
@@ -330,10 +302,10 @@ function TransactionExample() {
 ### prepareUserOperation - Prepare for Backend Submission
 
 ```tsx
-import { prepareUserOperation, useLumiaSession } from '@lumiapassport/ui-kit';
+import { prepareUserOperation, useLumiaPassportSession } from '@lumiapassport/ui-kit';
 
 function BackendSubmissionExample() {
-  const { session } = useLumiaSession();
+  const { session } = useLumiaPassportSession();
 
   const handlePrepare = async () => {
     if (!session) return;
@@ -428,25 +400,6 @@ Pre-built button with authentication modal.
 />
 ```
 
-### Custom Authentication Flow
-
-```tsx
-import { AuthModal, useAuthModal } from '@lumiapassport/ui-kit';
-
-function CustomAuth() {
-  const { openAuth } = useAuthModal();
-
-  return (
-    <div>
-      <button onClick={() => openAuth()}>
-        Custom Sign In
-      </button>
-      <AuthModal />
-    </div>
-  );
-}
-```
-
 ## Authentication Methods
 
 ### Email OTP

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.5.3</title>
+    <title>Lumia Passport Secure Wallet - iframe version 1.6.0</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.5.3";
+var IFRAME_VERSION = "1.6.0";
 var IframeWallet = class {
   constructor() {
     console.log("=".repeat(60));

package/dist/index.cjs

@@ -5608,6 +5608,7 @@ __export(index_exports, {
   LUMIA_EXPLORER_URL: () => LUMIA_EXPLORER_URL,
   LumiaLogo: () => LumiaLogo2,
   LumiaPassportProvider: () => LumiaPassportProvider,
+  LumiaPassportSessionProvider: () => LumiaPassportSessionProvider,
   LumiaRainbowKitProvider: () => LumiaRainbowKitProvider,
   LumiaSessionProvider: () => LumiaSessionProvider,
   LumiaWagmiProvider: () => LumiaWagmiProvider,
@@ -5623,6 +5624,7 @@ __export(index_exports, {
   useAssets: () => useAssets,
   useLumiaPassportConfig: () => useLumiaPassportConfig,
   useLumiaPassportLinkedProfiles: () => useLumiaPassportLinkedProfiles,
+  useLumiaPassportSession: () => useLumiaPassportSession,
   useLumiaSession: () => useLumiaSession,
   useSendTransaction: () => useSendTransaction,
   useSmartAccountTransactions: () => useSmartAccountTransactions,
@@ -5644,8 +5646,8 @@ init_LumiaPassportContext();
 // src/context/LumiaPassportSessionContext.tsx
 var import_react2 = __toESM(require("react"), 1);
 var import_jsx_runtime4 = require("react/jsx-runtime");
-var LumiaSessionContext = import_react2.default.createContext(void 0);
-var LumiaSessionProvider = ({ children }) => {
+var LumiaPassportSessionContext = import_react2.default.createContext(void 0);
+var LumiaPassportSessionProvider = ({ children }) => {
   const [session, setSession] = import_react2.default.useState(null);
   const [address, setAddress] = import_react2.default.useState(null);
   const [status, setStatus] = import_react2.default.useState("idle");
@@ -5666,13 +5668,29 @@ var LumiaSessionProvider = ({ children }) => {
     setRecoveryUserId,
     setIsRecoveryModalOpen
   }), [session, address, status, error, recoveryUserId, isRecoveryModalOpen]);
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(LumiaSessionContext.Provider, { value, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(LumiaPassportSessionContext.Provider, { value, children });
 };
-function useLumiaSession() {
-  const ctx = import_react2.default.useContext(LumiaSessionContext);
-  if (!ctx) throw new Error("useLumiaSession must be used within LumiaSessionProvider");
+function useLumiaPassportSession() {
+  const ctx = import_react2.default.useContext(LumiaPassportSessionContext);
+  if (!ctx) throw new Error("useLumiaPassportSession must be used within LumiaPassportSessionProvider");
   return ctx;
 }
+function useLumiaSession() {
+  if (typeof window !== "undefined") {
+    console.warn(
+      "[Lumia Passport] DEPRECATED: useLumiaSession is deprecated and will be removed in v2.0.0. Please use useLumiaPassportSession instead."
+    );
+  }
+  return useLumiaPassportSession();
+}
+var LumiaSessionProvider = ({ children }) => {
+  if (typeof window !== "undefined") {
+    console.warn(
+      "[Lumia Passport] DEPRECATED: LumiaSessionProvider is deprecated and will be removed in v2.0.0. Please use LumiaPassportSessionProvider instead."
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(LumiaPassportSessionProvider, { children });
+};
 
 // src/index.ts
 init_WagmiContext();
@@ -7092,7 +7110,7 @@ init_LumiaPassportContext();
 init_useTheme();
 var import_jsx_runtime23 = require("react/jsx-runtime");
 var TransactionsModal = ({ open, onOpenChange, onBack }) => {
-  const { address } = useLumiaSession();
+  const { address } = useLumiaPassportSession();
   const [transactions, setTransactions] = import_react13.default.useState([]);
   const [loading, setLoading] = import_react13.default.useState(false);
   const [error, setError] = import_react13.default.useState(null);
@@ -7426,7 +7444,7 @@ init_LumiaPassportContext();
 init_useTheme();
 var import_jsx_runtime24 = require("react/jsx-runtime");
 var ViewAssetsModal = ({ open, onOpenChange, onBack }) => {
-  const { address } = useLumiaSession();
+  const { address } = useLumiaPassportSession();
   const { assets, refreshBalances, isLoading } = useAssets(address);
   const [copied, setCopied] = import_react15.default.useState(null);
   const { config } = useLumiaPassportConfig();
@@ -7563,7 +7581,7 @@ var import_react16 = require("react");
 var import_viem5 = require("viem");
 init_account();
 function useSendTransaction() {
-  const { session, address } = useLumiaSession();
+  const { session, address } = useLumiaPassportSession();
   const [isLoading, setIsLoading] = (0, import_react16.useState)(false);
   const [error, setError] = (0, import_react16.useState)(null);
   const [userOpHash, setUserOpHash] = (0, import_react16.useState)(null);
@@ -8006,7 +8024,7 @@ var SendModal = ({
   recipientAddress: initialRecipient = "",
   amount: initialAmount = ""
 }) => {
-  const { address } = useLumiaSession();
+  const { address } = useLumiaPassportSession();
   const { assets } = useAssets(address);
   const { config } = useLumiaPassportConfig();
   const { isDark, classes: theme } = useTheme(config.ui.theme, config.ui.colors);
@@ -8262,7 +8280,7 @@ var ReceiveModal = ({
   onOpenChange,
   onBack
 }) => {
-  const { address } = useLumiaSession();
+  const { address } = useLumiaPassportSession();
   const [qrCodeUrl, setQrCodeUrl] = (0, import_react18.useState)("");
   const { config } = useLumiaPassportConfig();
   const { isDark, classes: theme } = useTheme(config.ui.theme, config.ui.colors);
@@ -8518,7 +8536,7 @@ function useLumiaPassportLinkedProfiles() {
 // package.json
 var package_default = {
   name: "@lumiapassport/ui-kit",
-  version: "1.5.3",
+  version: "1.6.0",
   description: "React UI components and hooks for Lumia Passport authentication and Account Abstraction",
   type: "module",
   main: "./dist/index.cjs",
@@ -8643,7 +8661,7 @@ var ConnectWalletButton = ({
     setError,
     setRecoveryUserId,
     setIsRecoveryModalOpen
-  } = useLumiaSession();
+  } = useLumiaPassportSession();
   const { profiles, isLoading: profilesLoading } = useLumiaPassportLinkedProfiles();
   const [isAuthModalOpen, setIsAuthModalOpen] = import_react19.default.useState(false);
   const tssManagerRef = import_react19.default.useRef(null);
@@ -10075,6 +10093,7 @@ function useSmartAccountTransactions() {
   LUMIA_EXPLORER_URL,
   LumiaLogo,
   LumiaPassportProvider,
+  LumiaPassportSessionProvider,
   LumiaRainbowKitProvider,
   LumiaSessionProvider,
   LumiaWagmiProvider,
@@ -10090,6 +10109,7 @@ function useSmartAccountTransactions() {
   useAssets,
   useLumiaPassportConfig,
   useLumiaPassportLinkedProfiles,
+  useLumiaPassportSession,
   useLumiaSession,
   useSendTransaction,
   useSmartAccountTransactions,