@embarkai/ui-kit 0.2.6 → 0.2.8

package/dist/index.cjs

@@ -2719,12 +2719,13 @@ function useListenIframeAuthEvents() {
   const setIsIframeReady = useSession((state) => state.setIsIframeReady);
   const handleIframeMessage = (0, import_react6.useCallback)(
     (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");
@@ -10575,6 +10576,12 @@ var init_useLinkTelegram = __esm({
 });
 
 // src/internal/components/ManageWalletMenu/ProviderCard.tsx
+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);
@@ -10601,7 +10608,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)
         }
       )
     ] }),
@@ -15545,7 +15553,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",
@@ -17805,6 +17813,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();
@@ -17842,9 +17851,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;
@@ -17964,6 +17977,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
        */
@@ -17972,6 +17996,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",
@@ -18102,9 +18127,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();
@@ -18968,6 +18999,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");
       }
       /**