@lumiapassport/ui-kit 1.6.2 → 1.6.3

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

package/dist/iframe/main.js

@@ -2788,6 +2788,23 @@ var SigningManager = class extends TokenRefreshApiClient {
     const displayLogo = metadata?.logo || project.logoUrl;
     const fromAddress = transaction.userOpDetails?.sender;
     const toAddress = transaction.userOpDetails?.callTarget || transaction.to;
+    const formatValue = (valueWei) => {
+      try {
+        const value = BigInt(valueWei);
+        if (value === 0n) return "0";
+        const tokens = Number(value) / 1e18;
+        if (tokens >= 1) {
+          return tokens.toFixed(4).replace(/\.?0+$/, "");
+        } else {
+          return tokens.toFixed(8).replace(/\.?0+$/, "");
+        }
+      } catch {
+        return "0";
+      }
+    };
+    const transactionValue = transaction.value || "0";
+    const formattedValue = formatValue(transactionValue);
+    const hasValue = BigInt(transactionValue) > 0n;
     modal.innerHTML = `
       <div class="modal-overlay">
         <div class="modal-content">
@@ -2833,6 +2850,13 @@ var SigningManager = class extends TokenRefreshApiClient {
               </div>
             ` : ""}
 
+            ${hasValue ? `
+              <div class="detail-row" style="margin-bottom: 0.5rem;">
+                <span style="color: var(--iframe-text-secondary);"><strong>Amount:</strong></span>
+                <strong style="color: var(--iframe-text); font-size: 1rem;">${formattedValue} LUMIA</strong>
+              </div>
+            ` : ""}
+
             ${isUserOp && transaction.userOpDetails?.callData && transaction.userOpDetails.callData !== "0x" ? `
               <div class="detail-row" style="margin-bottom: 0.5rem;">
                 <span style="color: var(--iframe-text-secondary);"><strong>Action:</strong></span>
@@ -3724,7 +3748,7 @@ var BackupManager = class {
 };
 
 // src/iframe/main.ts
-var IFRAME_VERSION = "1.6.2";
+var IFRAME_VERSION = "1.6.3";
 var IframeWallet = class {
   constructor() {
     console.log("=".repeat(60));