@embarkai/ui-kit 0.2.6 → 0.2.7

package/dist/index.d.cts

@@ -663,6 +663,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

@@ -663,6 +663,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.7",
       description: "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
       type: "module",
       main: "./dist/index.cjs",
@@ -17905,6 +17913,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 +17932,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",