@lumiapassport/ui-kit 1.14.0 → 1.14.1

package/README.md

@@ -138,46 +138,13 @@ That's it! The `ConnectWalletButton` provides a complete authentication UI with
       title: 'Welcome to MyApp',
       subtitle: 'Sign in to continue',
 
-      // beta
-      dialogClassName: 'string',
+      dialogClassName: 'string', // beta
 
       authOrder: ['email', 'passkey', 'social'],
 
       branding: {
         tagline: 'Powered by MPC',
-        link: { text: 'Learn More', url: 'https://example.com/docs' },
-      },
-
-      // TO BE DEPRECATED, cssv is used
-      colors: {
-        dark: {
-          background: '#060117',
-          text: '#fefdff',
-          textSecondary: '#c4c2c7',
-          textMuted: '#8a8890',
-          border: '#2a1a3a',
-          buttonBackground: '#ff6b35',
-          buttonBackgroundEnd: '#f7931e',
-          buttonText: '#ffffff',
-          buttonBackgroundHover: '#e55a2b',
-          buttonBackgroundHoverEnd: '#d67d1a',
-          connectedButtonBackground: 'rgba(27, 90, 226, 0.6)',
-          connectedButtonBorder: '#4a5568'
-        },
-        light: {
-          background: '#fefdff',
-          text: '#060117',
-          textSecondary: '#4a4754',
-          textMuted: '#6b6a70',
-          border: '#e0dde6',
-          buttonBackground: '#9333ea',
-          buttonBackgroundEnd: '#2563eb',
-          buttonText: '#fefdff',
-          buttonBackgroundHover: '#7e22ce',
-          buttonBackgroundHoverEnd: '#1d4ed8',
-          connectedButtonBackground: '#f3f4f6',
-          connectedButtonBorder: '#d1d5db'
-        }
+        link: { text: 'Learn More', url: \'https\:\/\/example.com/docs\' },
       },
     },
 
@@ -234,8 +201,8 @@ That's it! The `ConnectWalletButton` provides a complete authentication UI with
       name: 'Lumia Beam',
       symbol: 'LUMIA',
       chainId: 2030232745,
-      rpcUrl: 'https://beam-rpc.lumia.org',
-      explorerUrl: 'https://beam-explorer.lumia.org',
+      rpcUrl: 'https\:\/\/beam-rpc.lumia.org',
+      explorerUrl: 'https\:\/\/beam-explorer.lumia.org',
       testnet: true,
     },
   }}

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.0</title>
+    <title>Lumia Passport Secure Wallet - iframe version 1.14.1</title>
 
     <!-- Styles will be injected by build process -->
     <style>
@@ -120,7 +120,6 @@
         display: flex;
         align-items: center;
         justify-content: center;
-
         font-size: 20px;
         font-weight: 600;
         width: 64px;
@@ -248,11 +247,11 @@
         left: 0;
         right: 0;
         bottom: 0;
-        /* background: rgba(0, 0, 0, 0.8); */
         display: flex;
         align-items: center;
         justify-content: center;
         z-index: 10000;
+        backdrop-filter: blur(10px);
       }
 
       .modal-content {

package/dist/iframe/main.js

@@ -2786,6 +2786,15 @@ var DKGManager = class extends TokenRefreshApiClient {
   }
 };
 
+// src/iframe/lib/onramp/utils.ts
+function omit(object, ...keys) {
+  const result = { ...object };
+  for (const key of keys) {
+    delete result[key];
+  }
+  return result;
+}
+
 // src/iframe/lib/onramp/binance.ts
 var API_DOMAIN = "https://api.lumiapassport.com/on-ramp";
 var BinanceOnrampAPI = class {
@@ -2898,7 +2907,7 @@ var BinanceOnrampAPI = class {
     if (!data || typeof data !== "object") {
       throw new Error(`Invalid payload: expected object, got ${typeof data}`);
     }
-    const payload = data;
+    const payload = omit(data, "accessToken");
     switch (type) {
       case "methods":
         if (typeof payload.totalAmount !== "string") {
@@ -2956,7 +2965,7 @@ var RampnowOnrampAPI = class {
   async getRampnowConfigQuery(accessToken) {
     const response = await fetch(`${API_DOMAIN2}/api/rampnow/cfg`, {
       method: "GET",
-      headers: { ...accessToken && { Authorization: accessToken } }
+      headers: { ...accessToken && { Authorization: `Bearer ${accessToken}` } }
     });
     const data = await response.json();
     return data;
@@ -2964,10 +2973,7 @@ var RampnowOnrampAPI = class {
   async getRampOrderQuoteQuery(payload, accessToken) {
     const response = await fetch(`${API_DOMAIN2}/api/rampnow/quote`, {
       method: "POST",
-      headers: {
-        "Content-Type": "application/json",
-        ...accessToken && { Authorization: accessToken }
-      },
+      headers: { "Content-Type": "application/json", ...accessToken && { Authorization: `Bearer ${accessToken}` } },
       body: JSON.stringify(payload)
     });
     const data = await response.json();
@@ -2980,7 +2986,7 @@ var RampnowOnrampAPI = class {
     if (typeof payload !== "object" || payload === null || typeof payload?.paymentMode !== "string" || typeof payload?.srcAmount !== "number" || typeof payload?.walletAddress !== "string") {
       throw new Error("Invalid Ramp order quote payload");
     }
-    return payload;
+    return omit(payload, "accessToken");
   }
   // UNUSED due to Rampnow APP redirect order flow
   //   async ctreateChekoutOrderMutation(payload: CreateCheckoutOrderMutationPayload) {
@@ -4230,7 +4236,7 @@ var SigningManager = class extends TokenRefreshApiClient {
 };
 
 // src/iframe/main.ts
-var IFRAME_VERSION = "1.14.0";
+var IFRAME_VERSION = "1.14.1";
 var IframeWallet = class {
   constructor() {
     console.log("=".repeat(60));
@@ -4247,34 +4253,6 @@ var IframeWallet = class {
     this.binance = new BinanceOnrampAPI(this.messenger.sendResponse.bind(this.messenger));
     this.rampnow = new RampnowOnrampAPI(this.messenger.sendResponse.bind(this.messenger));
   }
-  // private applyThemeColors(): void {
-  //   try {
-  //     const params = new URLSearchParams(window.location.search)
-  //     const bg = params.get('bg')
-  //     const text = params.get('text')
-  //     const textSec = params.get('textSec')
-  //     const border = params.get('border')
-  //     if (bg || text || textSec || border) {
-  //       const root = document.documentElement
-  //       if (bg) {
-  //         root.style.setProperty('--iframe-bg', bg)
-  //         root.style.setProperty('--iframe-modal-bg', bg)
-  //       }
-  //       if (text) {
-  //         root.style.setProperty('--iframe-text', text)
-  //       }
-  //       if (textSec) {
-  //         root.style.setProperty('--iframe-text-secondary', textSec)
-  //       }
-  //       if (border) {
-  //         root.style.setProperty('--iframe-border', border)
-  //       }
-  //       console.log('[IframeWallet] Applied theme colors:', { bg, text, textSec, border })
-  //     }
-  //   } catch (error) {
-  //     console.warn('[IframeWallet] Failed to apply theme colors:', error)
-  //   }
-  // }
   async initialize() {
     if (window.location.hostname !== "localhost" && window.location.hostname !== "127.0.0.1" && !window.location.hostname.includes("lumiapassport.com")) {
       console.warn("[iframe] \u26A0\uFE0F Running on unexpected origin!");