@lumiapassport/ui-kit 1.14.25 → 1.15.0

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.14.25</title>
+    <title>Lumia Passport Secure Wallet - iframe version 1.15.0</title>
 
     <!-- Styles will be injected by build process -->
     <style>

package/dist/iframe/main.js

@@ -4402,7 +4402,7 @@ var SigningManager = class extends TokenRefreshApiClient {
 };
 
 // src/iframe/main.ts
-var IFRAME_VERSION = "1.14.25";
+var IFRAME_VERSION = "1.15.0";
 var IframeWallet = class {
   constructor() {
     console.log("=".repeat(60));

package/dist/index.cjs

@@ -3738,6 +3738,11 @@ async function createAccountSession(params = {}) {
   }
   const saltZero = "0x0000000000000000000000000000000000000000000000000000000000000000";
   const smartAccountAddress = await predictCompatAddress(ownerAddress, factoryAddress, saltZero);
+  if (mpcUserId) {
+    registerSmartAccountAddress(smartAccountAddress).catch((error) => {
+      console.warn("[Account] Background Smart Account registration failed:", error);
+    });
+  }
   return { ownerAddress, smartAccountAddress, factoryAddress, ownerPrivateKey, mpcUserId: privateKey ? void 0 : mpcUserId, usePaymaster, kind: "lumia", address: smartAccountAddress };
 }
 async function predictCompatAddress(owner, factory, salt) {
@@ -3749,6 +3754,47 @@ async function predictCompatAddress(owner, factory, salt) {
     throw new Error(`Failed to predict account address: ${error}`);
   }
 }
+async function registerSmartAccountAddress(smartAccountAddress) {
+  const { jwtTokenManager: jwtTokenManager4 } = await Promise.resolve().then(() => (init_auth(), auth_exports));
+  const accessToken = jwtTokenManager4.getAccessToken();
+  if (!accessToken) {
+    console.warn("[Account] No access token available for Smart Account registration");
+    return { success: true, smartAccountAddress, alreadySet: false };
+  }
+  const tssUrl = getTssUrl2();
+  try {
+    const response = await fetch(`${tssUrl}/api/tss/wallet/smart-account`, {
+      method: "POST",
+      headers: {
+        "Authorization": `Bearer ${accessToken}`,
+        "Content-Type": "application/json"
+      },
+      body: JSON.stringify({ smartAccountAddress })
+    });
+    if (!response.ok) {
+      const errorData = await response.json().catch(() => ({}));
+      if (response.status === 409) {
+        console.warn("[Account] Smart Account address conflict:", errorData.error);
+        return { success: true, smartAccountAddress, alreadySet: true };
+      }
+      if (response.status === 404) {
+        console.warn("[Account] DKG not completed on server:", errorData.error);
+        return { success: false, smartAccountAddress, alreadySet: false };
+      }
+      console.warn("[Account] Failed to register Smart Account:", errorData.error || response.statusText);
+      return { success: false, smartAccountAddress, alreadySet: false };
+    }
+    const result = await response.json();
+    console.log("[Account] Smart Account registered:", {
+      address: result.smartAccountAddress,
+      alreadySet: result.alreadySet
+    });
+    return result;
+  } catch (error) {
+    console.warn("[Account] Error registering Smart Account address:", error);
+    return { success: false, smartAccountAddress, alreadySet: false };
+  }
+}
 async function sendUserOperation(session, callTarget, amountWei, innerData = "0x", feeType = "standard", entryPointVersion = "v0.7") {
   const entryPointAddress = entryPointVersion === "v0.6" ? ENTRYPOINT_V06 : ENTRYPOINT_V07;
   const amountWeiBigInt = BigInt(amountWei);
@@ -4335,8 +4381,9 @@ async function changeNickname(handle) {
 }
 async function checkNicknameAvailability(handle) {
   const normalizedHandle = handle.toLowerCase().replace(/^@/, "");
-  const response = await tssClient.get(
-    `/api/auth/nicknames/${encodeURIComponent(normalizedHandle)}/check`,
+  const response = await tssClient.post(
+    "/api/auth/nicknames/check",
+    { handle: normalizedHandle },
     false
     // Public endpoint, no auth required
   );
@@ -4348,14 +4395,15 @@ async function checkNicknameAvailability(handle) {
 }
 async function resolveNickname(handle) {
   const normalizedHandle = handle.toLowerCase().replace(/^@/, "");
-  const response = await tssClient.get(
-    `/api/auth/nicknames/${encodeURIComponent(normalizedHandle)}/resolve`,
+  const response = await tssClient.post(
+    "/api/auth/nicknames/resolve",
+    { handle: normalizedHandle },
     false
     // Public endpoint, no auth required
   );
   if (!response.success || !response.data) {
-    const errorData = response.data;
-    if (errorData?.code === "NICKNAME_NOT_FOUND") {
+    const errorData = response.data || {};
+    if (errorData.code === "NICKNAME_NOT_FOUND") {
       const error = new Error("Nickname not found");
       error.code = "NICKNAME_NOT_FOUND";
       throw error;
@@ -5505,7 +5553,7 @@ function Header() {
 // package.json
 var package_default = {
   name: "@lumiapassport/ui-kit",
-  version: "1.14.25",
+  version: "1.15.0",
   description: "React UI components and hooks for Lumia Passport authentication and Account Abstraction",
   type: "module",
   main: "./dist/index.cjs",
@@ -5948,12 +5996,21 @@ function useBackupStatusChanges() {
   const { mutate: handleBackupStatusChanged } = (0, import_react_query6.useMutation)({
     mutationFn: async (event) => {
       const customEvent = event;
-      return await getShareRecoveryStats();
+      console.log("[BACKUP STATUS] changed:", customEvent?.detail);
+      return { stats: await getShareRecoveryStats(), detail: customEvent?.detail };
     },
-    onSuccess: (stats) => {
+    onSuccess: ({ stats, detail }) => {
       const hasRecoveryData = stats && (!!stats.created || !!stats?.devices?.length);
       if (!!hasRecoveryData) {
+        console.log(
+          "[BACKUP STATUS] Recovery data found after backup status change.\n Redirect to main menu:",
+          detail?.navigateToMainMenu
+        );
         setHasServerVault(true);
+        if (!!detail?.navigateToMainMenu) {
+          setTimeout(() => setPage("main-menu" /* MAIN_MENU */), 1e3);
+        }
+        console.info("[BACKUP STATUS] Recovery data found in vault, marking as has-server-vault");
       } else {
         setHasServerVault(false);
         setPage("keysare-backup" /* KEYSARE_BACKUP */);
@@ -8368,6 +8425,9 @@ Switch.displayName = "Switch";
 var import_lucide_react18 = require("lucide-react");
 var import_react28 = require("react");
 
+// src/internal/components/KeyshareRestoreMenu/hooks/useOnRestoreSuccess.ts
+var import_react25 = require("react");
+
 // src/internal/components/KeyshareRestoreMenu/hooks/useRestoreStore.ts
 var import_zustand4 = require("zustand");
 var useRestoreStore = (0, import_zustand4.create)((set) => ({
@@ -8396,7 +8456,6 @@ var useRestoreStore = (0, import_zustand4.create)((set) => ({
 }));
 
 // src/internal/components/KeyshareRestoreMenu/hooks/useOnRestoreSuccess.ts
-var import_react25 = require("react");
 function useOnRestoreSuccess() {
   const { config, callbacks } = useLumiaPassportConfig();
   const setIsDialogForced = useLayoutStore((st) => st.setIsDialogForced);
@@ -8534,20 +8593,25 @@ function useCreateBackup() {
       if (!usePasskey && !restorePassword) {
         throw new Error("Please provide a password for the backup");
       }
-      return await iframeManager.createBackup(
-        passportUserId,
-        { method: "server", password: restorePassword },
-        jwt.accessToken
-      );
+      const navigateToMainMenu = jwt.isNewUser || !hasServerVault;
+      console.log("[BACKUP STATUS] is new user:", jwt.isNewUser, !hasServerVault);
+      return {
+        response: await iframeManager.createBackup(
+          passportUserId,
+          { method: "server", password: restorePassword },
+          jwt.accessToken
+        ),
+        navigateToMainMenu
+      };
     },
-    onSuccess: async (response) => {
+    onSuccess: async ({ response, navigateToMainMenu }) => {
       qc.invalidateQueries({ queryKey: [CHECK_BACKUP_QUERY_KEY, address] });
       if (response.success) {
         setSuccess("Successfully created server backup");
         if (typeof window !== "undefined") {
           window.dispatchEvent(
             new CustomEvent("lumia-passport-backup-status-changed", {
-              detail: { method: "server", success: true }
+              detail: { method: "server", success: true, navigateToMainMenu }
             })
           );
         }
@@ -9598,6 +9662,12 @@ function KeyshareBackupMenu() {
   (0, import_react33.useEffect)(() => {
     setMainPageHeight(DEFAULT_SETTINGS_MENU_HEIGHT);
     return () => {
+      setSuccess(null);
+      setError(null);
+      setRestoreFile(null);
+      setRestorePassword("");
+      setShowPassword(false);
+      setUsePasskey(false);
       setMethod(null);
     };
   }, []);