@embarkai/ui-kit 0.2.6 → 0.2.8

package/dist/index.d.cts

@@ -618,6 +618,7 @@ declare class IframeManager {
     private isReady;
     private readyPromise;
     private readyResolve;
+    private initPromise;
     private onWalletReadyCallback?;
     private pendingRequests;
     private usedNonces;
@@ -639,6 +640,7 @@ declare class IframeManager {
      * Initialize iframe and wait for it to be ready
      */
     initialize(): Promise<void>;
+    private doInitialize;
     /**
      * Set the onWalletReady callback
      */
@@ -663,6 +665,12 @@ declare class IframeManager {
      * Setup visibility change handler to check channel when tab becomes visible
      */
     private setupVisibilityHandler;
+    /**
+     * Normalize legacy message types from cached iframe versions.
+     * Old iframe sends LUMIA_PASSPORT_*, new iframe sends IFRAME_MSG_*.
+     * This ensures both work until all browser caches expire.
+     */
+    private normalizeMessageType;
     /**
      * Handle incoming postMessage events
      */

package/dist/index.d.ts

@@ -618,6 +618,7 @@ declare class IframeManager {
     private isReady;
     private readyPromise;
     private readyResolve;
+    private initPromise;
     private onWalletReadyCallback?;
     private pendingRequests;
     private usedNonces;
@@ -639,6 +640,7 @@ declare class IframeManager {
      * Initialize iframe and wait for it to be ready
      */
     initialize(): Promise<void>;
+    private doInitialize;
     /**
      * Set the onWalletReady callback
      */
@@ -663,6 +665,12 @@ declare class IframeManager {
      * Setup visibility change handler to check channel when tab becomes visible
      */
     private setupVisibilityHandler;
+    /**
+     * Normalize legacy message types from cached iframe versions.
+     * Old iframe sends LUMIA_PASSPORT_*, new iframe sends IFRAME_MSG_*.
+     * This ensures both work until all browser caches expire.
+     */
+    private normalizeMessageType;
     /**
      * Handle incoming postMessage events
      */

package/dist/index.js

@@ -2713,12 +2713,13 @@ function useListenIframeAuthEvents() {
   const setIsIframeReady = useSession((state) => state.setIsIframeReady);
   const handleIframeMessage = useCallback4(
     (event) => {
-      if (event.data?.type === "IFRAME_MSG_IFRAME_READY") {
+      const type = event.data?.type?.startsWith?.("LUMIA_PASSPORT_") ? event.data.type.replace("LUMIA_PASSPORT_", "IFRAME_MSG_") : event.data?.type;
+      if (type === "IFRAME_MSG_IFRAME_READY") {
         console.log("[ IFRAME MESSAGE CACTHED ] Iframe is ready");
         setIsIframeReady(true);
-      } else if (event.data?.type === "IFRAME_MSG_SHOW_IFRAME") {
+      } else if (type === "IFRAME_MSG_SHOW_IFRAME") {
         console.log("[ IFRAME MESSAGE CACTHED ] Consent screen shown - hiding auth modal");
-      } else if (event.data?.type === "IFRAME_MSG_HIDE_IFRAME") {
+      } else if (type === "IFRAME_MSG_HIDE_IFRAME") {
         console.log("[ IFRAME MESSAGE CACTHED ] Consent screen hidden");
       } else if (event.data?.type === "KEYSHARE_RECOVERY_NEEDED") {
         console.log("[ IFRAME MESSAGE  CACTHED] recovery neede");
@@ -10524,6 +10525,12 @@ var init_useLinkTelegram = __esm({
 // src/internal/components/ManageWalletMenu/ProviderCard.tsx
 import { CheckCircle, Clock, Trash2 } from "lucide-react";
 import { jsx as jsx55, jsxs as jsxs48 } from "react/jsx-runtime";
+function formatExternalId(provider, externalId) {
+  if (provider === "wallet" && externalId.startsWith("0x") && externalId.length >= 14) {
+    return `${externalId.slice(0, 10)}...${externalId.slice(-4)}`;
+  }
+  return externalId;
+}
 function ProviderCard(props) {
   const { t } = useT();
   const setPage = useLayoutDataStore((st) => st.setPage);
@@ -10550,7 +10557,8 @@ function ProviderCard(props) {
         {
           style: { maxWidth: 184 },
           className: "block w-full font-bold text-xs whitespace-nowrap text-ellipsis overflow-hidden",
-          children: props.externalId
+          title: props.externalId,
+          children: formatExternalId(props.provider, props.externalId)
         }
       )
     ] }),
@@ -15471,7 +15479,7 @@ var init_package = __esm({
   "package.json"() {
     package_default = {
       name: "@embarkai/ui-kit",
-      version: "0.2.6",
+      version: "0.2.8",
       description: "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
       type: "module",
       main: "./dist/index.cjs",
@@ -17746,6 +17754,7 @@ var init_iframe_manager = __esm({
         this.iframe = null;
         this.channelToken = null;
         this.isReady = false;
+        this.initPromise = null;
         // Message handling
         this.pendingRequests = /* @__PURE__ */ new Map();
         this.usedNonces = /* @__PURE__ */ new Set();
@@ -17783,9 +17792,13 @@ var init_iframe_manager = __esm({
        * Initialize iframe and wait for it to be ready
        */
       async initialize() {
-        if (this.iframe) {
-          return this.readyPromise;
+        if (this.initPromise) {
+          return this.initPromise;
         }
+        this.initPromise = this.doInitialize();
+        return this.initPromise;
+      }
+      async doInitialize() {
         this.iframe = document.createElement("iframe");
         let iframeUrl = this.iframeUrl;
         this.iframe.src = iframeUrl;
@@ -17905,6 +17918,17 @@ var init_iframe_manager = __esm({
         });
         this.log("[IframeManager] Visibility handler setup");
       }
+      /**
+       * Normalize legacy message types from cached iframe versions.
+       * Old iframe sends LUMIA_PASSPORT_*, new iframe sends IFRAME_MSG_*.
+       * This ensures both work until all browser caches expire.
+       */
+      normalizeMessageType(type) {
+        if (type.startsWith("LUMIA_PASSPORT_")) {
+          return type.replace("LUMIA_PASSPORT_", "IFRAME_MSG_");
+        }
+        return type;
+      }
       /**
        * Handle incoming postMessage events
        */
@@ -17913,6 +17937,7 @@ var init_iframe_manager = __esm({
         if (!message || typeof message !== "object" || !message.type) {
           return;
         }
+        message.type = this.normalizeMessageType(message.type);
         const validIframeTypes = [
           "IFRAME_MSG_IFRAME_READY",
           "IFRAME_MSG_WALLET_READY",
@@ -18043,9 +18068,15 @@ var init_iframe_manager = __esm({
        * Send secure message to iframe
        */
       async sendMessage(type, data) {
+        if (this.initPromise && type !== "SDK_AUTH") {
+          await this.initPromise;
+        }
         if (!this.iframe || !this.iframe.contentWindow) {
           throw new Error("Iframe not initialized");
         }
+        if (!this.channelToken && type !== "SDK_AUTH") {
+          throw createAccountAbstractionError({ message: "SDK channel not established. Initialize iframe first." });
+        }
         const messageId = this.generateMessageId();
         const nonce = this.generateNonce();
         const timestamp = Date.now();
@@ -18909,6 +18940,10 @@ var init_iframe_manager = __esm({
         this.iframe = null;
         this.isReady = false;
         this.channelToken = null;
+        this.initPromise = null;
+        this.readyPromise = new Promise((resolve) => {
+          this.readyResolve = resolve;
+        });
         this.log("[IframeManager] \u2705 Destroyed");
       }
       /**