@lumiapassport/ui-kit 1.6.3 → 1.7.0

package/dist/index.cjs

@@ -805,7 +805,7 @@ async function signDigestWithMpc(userId, digest32, userOpDetails) {
     }
     const transaction = {
       to: userOpDetails?.callTarget || "0x0000000000000000000000000000000000000000",
-      value: "0",
+      value: userOpDetails?.value || "0",
       data: userOpDetails?.callData || "0x",
       digest32,
       // Pre-computed digest - DO NOT recompute!
@@ -831,6 +831,47 @@ async function signDigestWithMpc(userId, digest32, userOpDetails) {
     return null;
   }
 }
+async function signTypedDataWithMpc(userId, digest32, typedData) {
+  const startTime = performance.now();
+  currentSigningStats = {
+    startTime,
+    rounds: []
+  };
+  try {
+    console.log("[signTypedDataWithMpc] Starting EIP712 signature request:", {
+      userId,
+      primaryType: typedData?.primaryType,
+      digest32
+    });
+    const iframeManager = getIframeManager();
+    const { jwtTokenManager: jwtTokenManager3 } = await Promise.resolve().then(() => (init_auth(), auth_exports));
+    const accessToken = jwtTokenManager3.getAccessToken();
+    if (!accessToken) {
+      console.error("[signTypedDataWithMpc] No access token available");
+      throw new Error("No access token available for signing");
+    }
+    console.log("[signTypedDataWithMpc] Calling iframeManager.signTypedData...");
+    const signature = await iframeManager.signTypedData(userId, typedData, digest32, accessToken);
+    console.log("[signTypedDataWithMpc] Signature received:", signature);
+    const endTime = performance.now();
+    currentSigningStats.endTime = endTime;
+    currentSigningStats.totalDurationMs = endTime - startTime;
+    return signature;
+  } catch (error) {
+    console.error("[signTypedDataWithMpc] Error occurred:", error);
+    (0, import_error_tracking.logSdkError)(
+      error instanceof Error ? error : new Error("EIP712 MPC signing failed"),
+      { userId, primaryType: typedData?.primaryType },
+      "iframe-mpc"
+    );
+    const endTime = performance.now();
+    if (currentSigningStats) {
+      currentSigningStats.endTime = endTime;
+      currentSigningStats.totalDurationMs = endTime - startTime;
+    }
+    return null;
+  }
+}
 async function checkKeyshare(userId) {
   try {
     const iframeManager = getIframeManager();
@@ -2726,6 +2767,32 @@ var init_iframe_manager = __esm({
         }
         throw new Error("Transaction signing failed");
       }
+      /**
+       * Sign EIP712 typed data
+       */
+      async signTypedData(userId, typedData, digest32, accessToken) {
+        console.log("[IframeManager] signTypedData: Sending SIGN_TYPED_DATA message", {
+          userId,
+          primaryType: typedData.primaryType,
+          digest32
+        });
+        const response = await this.sendMessage("SIGN_TYPED_DATA", {
+          userId,
+          projectId: this.projectId,
+          typedData,
+          digest32,
+          accessToken
+          // Pass access token for TSS API authentication
+        });
+        console.log("[IframeManager] signTypedData: Response received", {
+          type: response.type,
+          hasSignature: !!response.signature
+        });
+        if (response.type === "LUMIA_PASSPORT_EIP712_SIGNATURE") {
+          return response.signature;
+        }
+        throw new Error("EIP712 signing failed");
+      }
       /**
        * Get user's wallet address
        */
@@ -5241,8 +5308,10 @@ async function sendUserOperation(session, callTarget, amountWei, innerData = "0x
         paymaster: userOp.paymaster,
         factory: userOp.factory,
         factoryData: userOp.factoryData,
-        callTarget
+        callTarget,
         // Add callTarget so iframe can display "To" address
+        value: amountWei
+        // Add value so iframe can display transaction amount
       });
       if (!mpcSig) throw new Error("MPC signing failed");
       signature = mpcSig;
@@ -5491,6 +5560,61 @@ async function getEntryPointDeposit(address, entryPointVersion = "v0.7") {
   const depositAbi = [{ type: "function", name: "balanceOf", stateMutability: "view", inputs: [{ name: "account", type: "address" }], outputs: [{ name: "", type: "uint256" }] }];
   return await publicClient.readContract({ address: entryPointAddress, abi: depositAbi, functionName: "balanceOf", args: [address] });
 }
+async function signTypedData(session, params) {
+  const { domain, types, primaryType, message } = params;
+  const digest = (0, import_viem3.hashTypedData)({
+    domain,
+    types,
+    primaryType,
+    message
+  });
+  const serializeForIframe = (obj) => {
+    if (typeof obj === "bigint") {
+      return obj.toString();
+    }
+    if (Array.isArray(obj)) {
+      return obj.map(serializeForIframe);
+    }
+    if (obj !== null && typeof obj === "object") {
+      const result = {};
+      for (const key in obj) {
+        result[key] = serializeForIframe(obj[key]);
+      }
+      return result;
+    }
+    return obj;
+  };
+  let signature;
+  if (session.mpcUserId) {
+    const mpcSig = await signTypedDataWithMpc(
+      session.mpcUserId,
+      digest,
+      {
+        domain: {
+          name: domain.name,
+          version: domain.version,
+          chainId: domain.chainId,
+          verifyingContract: domain.verifyingContract,
+          salt: domain.salt
+        },
+        types,
+        primaryType,
+        message: serializeForIframe(message)
+      }
+    );
+    if (!mpcSig) {
+      throw new Error("MPC signing failed");
+    }
+    signature = mpcSig;
+  } else if (session.ownerPrivateKey) {
+    const account = (0, import_accounts.privateKeyToAccount)(session.ownerPrivateKey);
+    const rawSig = await account.sign({ hash: digest });
+    signature = normalizeSignature(rawSig);
+  } else {
+    throw new Error("No signing method available");
+  }
+  return signature;
+}
 var import_viem3, import_account_abstraction2, import_accounts, import_bundler, import_meta, PAYMASTER_VERIFICATION_GAS_LIMIT, PAYMASTER_POSTOP_GAS_LIMIT, MAX_BUNDLER_VERIFICATION_GAS, PAYMASTER_VERIFICATION_GAS, executeAbi;
 var init_account = __esm({
   "src/internal/clients/account.ts"() {
@@ -5588,6 +5712,7 @@ __export(clients_exports, {
   sendDemoUserOp: () => sendDemoUserOp,
   sendLumiaUserOp: () => sendLumiaUserOp,
   sendUserOperation: () => sendUserOperation,
+  signTypedData: () => signTypedData,
   viemBundlerClient: () => viemBundlerClient
 });
 var init_clients = __esm({
@@ -5620,6 +5745,7 @@ __export(index_exports, {
   prepareUserOperation: () => prepareUserOperation,
   queryClient: () => queryClient,
   sendUserOperation: () => sendUserOperation,
+  signTypedData: () => signTypedData,
   updateUserProfile: () => updateUserProfile,
   useAssets: () => useAssets,
   useLumiaPassportConfig: () => useLumiaPassportConfig,
@@ -8536,7 +8662,7 @@ function useLumiaPassportLinkedProfiles() {
 // package.json
 var package_default = {
   name: "@lumiapassport/ui-kit",
-  version: "1.6.3",
+  version: "1.7.0",
   description: "React UI components and hooks for Lumia Passport authentication and Account Abstraction",
   type: "module",
   main: "./dist/index.cjs",
@@ -10105,6 +10231,7 @@ function useSmartAccountTransactions() {
   prepareUserOperation,
   queryClient,
   sendUserOperation,
+  signTypedData,
   updateUserProfile,
   useAssets,
   useLumiaPassportConfig,