@lumiapassport/ui-kit 1.13.11 → 1.14.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.13.11</title>
+    <title>Lumia Passport Secure Wallet - iframe version 1.14.0</title>
 
     <!-- Styles will be injected by build process -->
     <style>

package/dist/iframe/main.js

@@ -2786,34 +2786,16 @@ var DKGManager = class extends TokenRefreshApiClient {
   }
 };
 
-// src/iframe/lib/onramp/utils.ts
-var LP_JWT_TOKENS_LS_KEY = "lumia-passport-jwt-tokens";
-function getBearer() {
-  try {
-    const sessionString = localStorage.getItem(LP_JWT_TOKENS_LS_KEY);
-    if (!sessionString) return null;
-    const session = JSON.parse(sessionString);
-    if (session && typeof session.accessToken === "string" && typeof session.userId === "string") {
-      return `Bearer ${session.accessToken}`;
-    }
-    return null;
-  } catch (error) {
-    console.error("Failed to parse Lumia Passport session:", error);
-    return null;
-  }
-}
-
 // src/iframe/lib/onramp/binance.ts
 var API_DOMAIN = "https://api.lumiapassport.com/on-ramp";
 var BinanceOnrampAPI = class {
-  async checkIsLumaiAvailableQuery() {
-    const auth = getBearer();
+  constructor(sendResponseFn) {
+    this.sendResponseFn = sendResponseFn;
+  }
+  async checkIsLumaiAvailableQuery(accessToken) {
     const response = await fetch(`${API_DOMAIN}/api/binance/pairs`, {
       method: "POST",
-      headers: {
-        "Content-Type": "application/json",
-        ...auth && { Authorization: auth }
-      }
+      headers: { "Content-Type": "application/json", ...accessToken && { Authorization: `Bearer ${accessToken}` } }
     });
     const data = await response.json();
     if (!data.success) {
@@ -2825,14 +2807,10 @@ var BinanceOnrampAPI = class {
     }
     return !!data.data.cryptoCurrencies.includes("LUMIA");
   }
-  async getLumiaNetworkQuery() {
-    const auth = getBearer();
+  async getLumiaNetworkQuery(accessToken) {
     const response = await fetch(`${API_DOMAIN}/api/binance/networks`, {
       method: "POST",
-      headers: {
-        "Content-Type": "application/json",
-        ...auth && { Authorization: auth }
-      }
+      headers: { "Content-Type": "application/json", ...accessToken && { Authorization: `Bearer ${accessToken}` } }
     });
     const data = await response.json();
     if (!data?.success) {
@@ -2845,14 +2823,10 @@ var BinanceOnrampAPI = class {
     }
     return lumiaNetwork;
   }
-  async getPaymentMethodsQuery(payload) {
-    const auth = getBearer();
+  async getPaymentMethodsQuery(payload, accessToken) {
     const response = await fetch(`${API_DOMAIN}/api/binance/modes`, {
       method: "POST",
-      headers: {
-        "Content-Type": "application/json",
-        ...auth && { Authorization: auth }
-      },
+      headers: { "Content-Type": "application/json", ...accessToken && { Authorization: `Bearer ${accessToken}` } },
       body: JSON.stringify(payload)
     });
     const data = await response.json();
@@ -2864,14 +2838,10 @@ var BinanceOnrampAPI = class {
     }
     return data.data.paymentMethods;
   }
-  async getQuoteQuery(payload) {
-    const auth = getBearer();
+  async getQuoteQuery(payload, accessToken) {
     const response = await fetch(`${API_DOMAIN}/api/binance/quote`, {
       method: "POST",
-      headers: {
-        "Content-Type": "application/json",
-        ...auth && { Authorization: auth }
-      },
+      headers: { "Content-Type": "application/json", ...accessToken && { Authorization: `Bearer ${accessToken}` } },
       body: JSON.stringify(payload)
     });
     const data = await response.json();
@@ -2880,14 +2850,10 @@ var BinanceOnrampAPI = class {
     }
     return data.data;
   }
-  async createPreorderMutation(payload) {
-    const auth = getBearer();
+  async createPreorderMutation(payload, accessToken) {
     const response = await fetch(`${API_DOMAIN}/api/binance/pre-order`, {
       method: "POST",
-      headers: {
-        "Content-Type": "application/json",
-        ...auth && { Authorization: auth }
-      },
+      headers: { "Content-Type": "application/json", ...accessToken && { Authorization: `Bearer ${accessToken}` } },
       body: JSON.stringify(payload)
     });
     const data = await response.json();
@@ -2896,29 +2862,33 @@ var BinanceOnrampAPI = class {
     }
     return data.data;
   }
-  async handleMessage(message, origin, sendResponseFn) {
+  async handleMessage(message, origin) {
     const { type, messageId, data } = message;
+    const { accessToken } = message.data;
     console.log("[ BINANCE Received message ]", type, message);
     switch (type) {
       case "BINANCE_CHECK_IS_LUMIA_AVAILABLE_QUERY":
-        const isLumiaAvalableRes = await this.checkIsLumaiAvailableQuery();
-        sendResponseFn(messageId, isLumiaAvalableRes, origin);
+        const isLumiaAvalableRes = await this.checkIsLumaiAvailableQuery(accessToken);
+        this.sendResponseFn(messageId, isLumiaAvalableRes, origin);
         break;
       case "BINANCE_GET_LUMIA_NETWORK_QUERY":
-        const lumiaNetworkResponse = await this.getLumiaNetworkQuery();
-        sendResponseFn(messageId, lumiaNetworkResponse, origin);
+        const lumiaNetworkResponse = await this.getLumiaNetworkQuery(accessToken);
+        this.sendResponseFn(messageId, lumiaNetworkResponse, origin);
         break;
       case "BINANCE_GET_PAYMENT_METHODS_QUERY":
-        const paymentMethodsResponse = await this.getPaymentMethodsQuery(this.ensurePayload(data, "methods"));
-        sendResponseFn(messageId, paymentMethodsResponse, origin);
+        const paymentMethodsResponse = await this.getPaymentMethodsQuery(
+          this.ensurePayload(data, "methods"),
+          accessToken
+        );
+        this.sendResponseFn(messageId, paymentMethodsResponse, origin);
         break;
       case "BINANCE_GET_QUOTE_QUERY":
-        const quoteResponse = await this.getQuoteQuery(this.ensurePayload(data, "quote"));
-        sendResponseFn(messageId, quoteResponse, origin);
+        const quoteResponse = await this.getQuoteQuery(this.ensurePayload(data, "quote"), accessToken);
+        this.sendResponseFn(messageId, quoteResponse, origin);
         break;
       case "BINANCE_CREATE_PREORDER_MUTATION":
-        const preorderResponse = await this.createPreorderMutation(this.ensurePayload(data, "preorder"));
-        sendResponseFn(messageId, preorderResponse, origin);
+        const preorderResponse = await this.createPreorderMutation(this.ensurePayload(data, "preorder"), accessToken);
+        this.sendResponseFn(messageId, preorderResponse, origin);
         break;
       default:
         throw new Error(`[ BINANCE ]: Unknown message type: ${type}`);
@@ -2980,22 +2950,23 @@ var BinanceOnrampAPI = class {
 // src/iframe/lib/onramp/rampnow.ts
 var API_DOMAIN2 = "https://api.lumiapassport.com/on-ramp";
 var RampnowOnrampAPI = class {
-  async getRampnowConfigQuery() {
-    const auth = getBearer();
+  constructor(sendResponseFn) {
+    this.sendResponseFn = sendResponseFn;
+  }
+  async getRampnowConfigQuery(accessToken) {
     const response = await fetch(`${API_DOMAIN2}/api/rampnow/cfg`, {
       method: "GET",
-      headers: { ...auth && { Authorization: auth } }
+      headers: { ...accessToken && { Authorization: accessToken } }
     });
     const data = await response.json();
     return data;
   }
-  async getRampOrderQuoteQuery(payload) {
-    const auth = getBearer();
+  async getRampOrderQuoteQuery(payload, accessToken) {
     const response = await fetch(`${API_DOMAIN2}/api/rampnow/quote`, {
       method: "POST",
       headers: {
         "Content-Type": "application/json",
-        ...auth && { Authorization: auth }
+        ...accessToken && { Authorization: accessToken }
       },
       body: JSON.stringify(payload)
     });
@@ -3021,17 +2992,18 @@ var RampnowOnrampAPI = class {
   //       })
   //     return checkoutedOrderData
   //   }
-  async handleMessage(message, origin, sendResponseFn) {
+  async handleMessage(message, origin) {
     const { type, data, messageId } = message;
-    console.log("[ BINANCE Received message ]", type, message);
+    const { accessToken } = message.data;
+    console.log("[ RAMPNOW Received message ]", type, message);
     switch (type) {
       case "RAMPNOW_GET_CONFIG":
-        const ramnowCfg = await this.getRampnowConfigQuery();
-        sendResponseFn(messageId, ramnowCfg, origin);
+        const ramnowCfg = await this.getRampnowConfigQuery(accessToken);
+        this.sendResponseFn(messageId, ramnowCfg, origin);
         break;
       case "RAMPNOW_GET_ORDER_QUOTE":
-        const orderQuote = await this.getRampOrderQuoteQuery(this.ensureOrderQuotePayload(data));
-        sendResponseFn(messageId, orderQuote, origin);
+        const orderQuote = await this.getRampOrderQuoteQuery(this.ensureOrderQuotePayload(data), accessToken);
+        this.sendResponseFn(messageId, orderQuote, origin);
         break;
       default:
         throw new Error(`[ RAMPNOW ]: Unknown message type: ${type}`);
@@ -4258,13 +4230,12 @@ var SigningManager = class extends TokenRefreshApiClient {
 };
 
 // src/iframe/main.ts
-var IFRAME_VERSION = "1.13.11";
+var IFRAME_VERSION = "1.14.0";
 var IframeWallet = class {
   constructor() {
     console.log("=".repeat(60));
     console.log(`  Lumia Passport Secure Wallet - iframe version ${IFRAME_VERSION}`);
     console.log("=".repeat(60));
-    this.applyThemeColors();
     this.messenger = new SecureMessenger();
     this.sessionManager = new SessionManager();
     this.dkgManager = new DKGManager();
@@ -4273,37 +4244,37 @@ var IframeWallet = class {
     this.storage = new StorageManager();
     this.trustedApps = new TrustedAppsManager();
     this.backupManager = new BackupManager();
-    this.binance = new BinanceOnrampAPI();
-    this.rampnow = new RampnowOnrampAPI();
-  }
-  applyThemeColors() {
-    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);
-    }
-  }
+    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!");
@@ -4326,14 +4297,13 @@ var IframeWallet = class {
   }
   async handleMessage(message, origin) {
     const { type, messageId, projectId } = message;
-    console.log("[IFRAME INTERNAL] message", type, message);
     try {
       switch (true) {
         case type.startsWith("BINANCE_"):
-          await this.binance.handleMessage(message, origin, this.messenger.sendResponse.bind(this.messenger));
+          await this.binance.handleMessage(message, origin);
           break;
         case type.startsWith("RAMPNOW_"):
-          await this.rampnow.handleMessage(message, origin, this.messenger.sendResponse.bind(this.messenger));
+          await this.rampnow.handleMessage(message, origin);
           break;
         case type === "SDK_AUTH":
           await this.handleSDKAuth(message, origin);