@embarkai/ui-kit 0.2.5 → 0.2.6

package/dist/index.cjs

@@ -2719,12 +2719,12 @@ function useListenIframeAuthEvents() {
   const setIsIframeReady = useSession((state) => state.setIsIframeReady);
   const handleIframeMessage = (0, import_react6.useCallback)(
     (event) => {
-      if (event.data?.type === "LUMIA_PASSPORT_IFRAME_READY") {
+      if (event.data?.type === "IFRAME_MSG_IFRAME_READY") {
         console.log("[ IFRAME MESSAGE CACTHED ] Iframe is ready");
         setIsIframeReady(true);
-      } else if (event.data?.type === "LUMIA_PASSPORT_SHOW_IFRAME") {
+      } else if (event.data?.type === "IFRAME_MSG_SHOW_IFRAME") {
         console.log("[ IFRAME MESSAGE CACTHED ] Consent screen shown - hiding auth modal");
-      } else if (event.data?.type === "LUMIA_PASSPORT_HIDE_IFRAME") {
+      } else if (event.data?.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");
@@ -10595,7 +10595,7 @@ function ProviderCard(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "w-full flex items-center justify-between gap-[var(--ui-kit-gap)]", children: [
     /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "w-12 h-12 flex items-center justify-center flex-none border border-[var(--ui-kit-bd)] rounded-full", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(IconComponent, { className: "w-5 h-5" }) }),
     /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "flex flex-col gap-1 flex-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "block w-full text-[10px] font-medium", children: info.name }),
+      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "block w-full text-[10px] font-medium", children: props.meta?.walletName || info.name }),
       props.externalId && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
         "span",
         {
@@ -10681,19 +10681,19 @@ function ManageWalletMenu() {
       if (name === "x") return "twitter";
       return name;
     };
-    const usedProviders = (0, import_lodash_es4.fromPairs)(providers.map((p) => [normalizeProviderName(p.provider), true]));
     const used = [];
     const unused = [];
-    POSSIBLE_PROVIDERS.forEach((provider, providerIdx) => {
+    POSSIBLE_PROVIDERS.forEach((provider) => {
       if (!configuredProviders[provider]) return;
       const Icon2 = PROVIDERS_META[provider].icon;
-      if (usedProviders[provider]) {
-        const apiProviderName = provider === "twitter" ? "x" : provider;
-        const providerData = providers.find((p) => p.provider === apiProviderName || p.provider === provider);
-        if (providerData) {
-          used.push(/* @__PURE__ */ (0, import_jsx_runtime56.jsx)(ProviderCard, { ...providerData }, `${provider}-${providerIdx}`));
-        }
-      } else {
+      const matches = providers.filter((p) => normalizeProviderName(p.provider) === provider);
+      matches.forEach((providerData, idx) => {
+        used.push(
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(ProviderCard, { ...providerData }, `${provider}-${providerData.externalId || idx}`)
+        );
+      });
+      const isMulti = MULTI_PROVIDERS.includes(provider);
+      if (isMulti || matches.length === 0) {
         unused.push(
           /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
             Button,
@@ -10738,7 +10738,7 @@ function ManageWalletMenu() {
                 ] })
               ]
             },
-            `${provider}-${providerIdx}`
+            `add-${provider}`
           )
         );
       }
@@ -10800,7 +10800,7 @@ function ManageWalletMenu() {
     }
   );
 }
-var import_lodash_es4, import_lucide_react33, import_react40, import_jsx_runtime56, POSSIBLE_PROVIDERS;
+var import_lodash_es4, import_lucide_react33, import_react40, import_jsx_runtime56, POSSIBLE_PROVIDERS, MULTI_PROVIDERS;
 var init_ManageWallet = __esm({
   "src/internal/components/ManageWalletMenu/ManageWallet.tsx"() {
     init_useLayoutDataStore();
@@ -10832,6 +10832,7 @@ var init_ManageWallet = __esm({
       "passkey",
       "wallet"
     ];
+    MULTI_PROVIDERS = ["email", "wallet"];
   }
 });
 
@@ -15544,7 +15545,7 @@ var init_package = __esm({
   "package.json"() {
     package_default = {
       name: "@embarkai/ui-kit",
-      version: "0.2.5",
+      version: "0.2.6",
       description: "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
       type: "module",
       main: "./dist/index.cjs",
@@ -17882,7 +17883,7 @@ var init_iframe_manager = __esm({
         const response = await this.sendMessage("SDK_AUTH", {
           projectId: this.projectId
         });
-        if (response.type === "LUMIA_PASSPORT_SDK_AUTH_SUCCESS") {
+        if (response.type === "IFRAME_MSG_SDK_AUTH_SUCCESS") {
           this.channelToken = response.sessionToken;
         } else {
           throw new Error("SDK channel authentication failed");
@@ -17972,23 +17973,23 @@ var init_iframe_manager = __esm({
           return;
         }
         const validIframeTypes = [
-          "LUMIA_PASSPORT_IFRAME_READY",
-          "LUMIA_PASSPORT_WALLET_READY",
-          "LUMIA_PASSPORT_SHOW_IFRAME",
-          "LUMIA_PASSPORT_HIDE_IFRAME",
-          "LUMIA_PASSPORT_SDK_AUTH_SUCCESS",
-          "LUMIA_PASSPORT_AUTH_SUCCESS",
-          "LUMIA_PASSPORT_DKG_SUCCESS",
-          "LUMIA_PASSPORT_SIGNATURE",
-          "LUMIA_PASSPORT_ADDRESS",
-          "LUMIA_PASSPORT_KEYSHARE_STATUS",
-          "LUMIA_PASSPORT_TRUSTED_APPS_LIST",
-          "LUMIA_PASSPORT_TRUSTED_APP_REMOVED",
-          "LUMIA_PASSPORT_REQUEST_NEW_TOKEN",
-          "LUMIA_PASSPORT_TOKEN_REFRESHED",
-          "LUMIA_PASSPORT_HEARTBEAT_RESPONSE",
-          "LUMIA_PASSPORT_RESPONSE",
-          "LUMIA_PASSPORT_ERROR"
+          "IFRAME_MSG_IFRAME_READY",
+          "IFRAME_MSG_WALLET_READY",
+          "IFRAME_MSG_SHOW_IFRAME",
+          "IFRAME_MSG_HIDE_IFRAME",
+          "IFRAME_MSG_SDK_AUTH_SUCCESS",
+          "IFRAME_MSG_AUTH_SUCCESS",
+          "IFRAME_MSG_DKG_SUCCESS",
+          "IFRAME_MSG_SIGNATURE",
+          "IFRAME_MSG_ADDRESS",
+          "IFRAME_MSG_KEYSHARE_STATUS",
+          "IFRAME_MSG_TRUSTED_APPS_LIST",
+          "IFRAME_MSG_TRUSTED_APP_REMOVED",
+          "IFRAME_MSG_REQUEST_NEW_TOKEN",
+          "IFRAME_MSG_TOKEN_REFRESHED",
+          "IFRAME_MSG_HEARTBEAT_RESPONSE",
+          "IFRAME_MSG_RESPONSE",
+          "IFRAME_MSG_ERROR"
         ];
         if (!validIframeTypes.includes(message.type) && !message.messageId) {
           return;
@@ -18001,31 +18002,31 @@ var init_iframe_manager = __esm({
           });
           return;
         }
-        if (message.type === "LUMIA_PASSPORT_IFRAME_READY") {
-          this.log("[IframeManager] \u{1F4E8} Received LUMIA_PASSPORT_IFRAME_READY");
+        if (message.type === "IFRAME_MSG_IFRAME_READY") {
+          this.log("[IframeManager] \u{1F4E8} Received IFRAME_MSG_IFRAME_READY");
           this.isReady = true;
           this.readyResolve();
           return;
         }
-        if (message.type === "LUMIA_PASSPORT_WALLET_READY") {
-          this.log("[IframeManager] \u{1F4E8} Received LUMIA_PASSPORT_WALLET_READY", message.data);
+        if (message.type === "IFRAME_MSG_WALLET_READY") {
+          this.log("[IframeManager] \u{1F4E8} Received IFRAME_MSG_WALLET_READY", message.data);
           if (this.onWalletReadyCallback) {
             this.onWalletReadyCallback(message.data);
           }
           return;
         }
-        if (message.type === "LUMIA_PASSPORT_SHOW_IFRAME") {
-          this.log("[IframeManager] \u{1F4E8} Received LUMIA_PASSPORT_SHOW_IFRAME");
+        if (message.type === "IFRAME_MSG_SHOW_IFRAME") {
+          this.log("[IframeManager] \u{1F4E8} Received IFRAME_MSG_SHOW_IFRAME");
           this.showIframe();
           return;
         }
-        if (message.type === "LUMIA_PASSPORT_HIDE_IFRAME") {
-          this.log("[IframeManager] \u{1F4E8} Received LUMIA_PASSPORT_HIDE_IFRAME");
+        if (message.type === "IFRAME_MSG_HIDE_IFRAME") {
+          this.log("[IframeManager] \u{1F4E8} Received IFRAME_MSG_HIDE_IFRAME");
           this.hideIframe();
           return;
         }
-        if (message.type === "LUMIA_PASSPORT_REQUEST_NEW_TOKEN") {
-          this.log("[IframeManager] \u{1F4E8} Received LUMIA_PASSPORT_REQUEST_NEW_TOKEN");
+        if (message.type === "IFRAME_MSG_REQUEST_NEW_TOKEN") {
+          this.log("[IframeManager] \u{1F4E8} Received IFRAME_MSG_REQUEST_NEW_TOKEN");
           this.handleTokenRefreshRequest(message).catch((error) => {
             this.log("[IframeManager] \u274C Token refresh error:", error);
           });
@@ -18035,7 +18036,7 @@ var init_iframe_manager = __esm({
           const pending = this.pendingRequests.get(message.messageId);
           if (pending) {
             this.pendingRequests.delete(message.messageId);
-            if (message.type === "LUMIA_PASSPORT_ERROR") {
+            if (message.type === "IFRAME_MSG_ERROR") {
               const passportError = createAccountAbstractionError({
                 message: message.error || "Unknown error",
                 code: message.code
@@ -18060,7 +18061,7 @@ var init_iframe_manager = __esm({
               const iframeOrigin = new URL(this.iframeUrl).origin;
               this.iframe.contentWindow.postMessage(
                 {
-                  type: "LUMIA_PASSPORT_TOKEN_REFRESHED",
+                  type: "IFRAME_MSG_TOKEN_REFRESHED",
                   messageId: message.messageId,
                   accessToken: newAccessToken,
                   timestamp: Date.now()
@@ -18073,7 +18074,7 @@ var init_iframe_manager = __esm({
               const iframeOrigin = new URL(this.iframeUrl).origin;
               this.iframe.contentWindow.postMessage(
                 {
-                  type: "LUMIA_PASSPORT_TOKEN_REFRESHED",
+                  type: "IFRAME_MSG_TOKEN_REFRESHED",
                   messageId: message.messageId,
                   error: "Token refresh failed",
                   timestamp: Date.now()
@@ -18087,7 +18088,7 @@ var init_iframe_manager = __esm({
             const iframeOrigin = new URL(this.iframeUrl).origin;
             this.iframe.contentWindow.postMessage(
               {
-                type: "LUMIA_PASSPORT_TOKEN_REFRESHED",
+                type: "IFRAME_MSG_TOKEN_REFRESHED",
                 messageId: message.messageId,
                 error: error instanceof Error ? error.message : "Unknown error",
                 timestamp: Date.now()
@@ -18338,7 +18339,7 @@ var init_iframe_manager = __esm({
           avatar,
           displayName
         });
-        if (response.type === "LUMIA_PASSPORT_AUTH_SUCCESS") {
+        if (response.type === "IFRAME_MSG_AUTH_SUCCESS") {
           return {
             userId: response.userId,
             address: response.address
@@ -18356,7 +18357,7 @@ var init_iframe_manager = __esm({
           accessToken
           // Pass access token for TSS API authentication
         });
-        if (response.type === "LUMIA_PASSPORT_DKG_SUCCESS") {
+        if (response.type === "IFRAME_MSG_DKG_SUCCESS") {
           return response.ownerAddress;
         }
         throw new Error("DKG failed");
@@ -18379,7 +18380,7 @@ var init_iframe_manager = __esm({
           avatar,
           displayName
         });
-        if (response.type === "LUMIA_PASSPORT_SIGNATURE") {
+        if (response.type === "IFRAME_MSG_SIGNATURE") {
           return response.signature;
         }
         throw new Error("Transaction signing failed");
@@ -18412,7 +18413,7 @@ var init_iframe_manager = __esm({
           type: response.type,
           hasSignature: !!response.signature
         });
-        if (response.type === "LUMIA_PASSPORT_EIP712_SIGNATURE") {
+        if (response.type === "IFRAME_MSG_EIP712_SIGNATURE") {
           return response.signature;
         }
         throw new Error("EIP712 signing failed");
@@ -18424,7 +18425,7 @@ var init_iframe_manager = __esm({
         const response = await this.sendMessage("GET_ADDRESS", {
           userId
         });
-        if (response.type === "LUMIA_PASSPORT_ADDRESS") {
+        if (response.type === "IFRAME_MSG_ADDRESS") {
           return response.address;
         }
         return void 0;
@@ -18436,7 +18437,7 @@ var init_iframe_manager = __esm({
         const response = await this.sendMessage("CHECK_KEYSHARE", {
           userId
         });
-        if (response.type === "LUMIA_PASSPORT_KEYSHARE_STATUS") {
+        if (response.type === "IFRAME_MSG_KEYSHARE_STATUS") {
           return {
             hasKeyshare: response.hasKeyshare,
             address: response.address
@@ -18832,7 +18833,7 @@ var init_iframe_manager = __esm({
         const response = await this.sendMessage("GET_TRUSTED_APPS", {
           userId
         });
-        if (response.type === "LUMIA_PASSPORT_TRUSTED_APPS_LIST") {
+        if (response.type === "IFRAME_MSG_TRUSTED_APPS_LIST") {
           return response.apps || [];
         }
         return [];
@@ -18846,7 +18847,7 @@ var init_iframe_manager = __esm({
           projectId,
           appOrigin: origin
         });
-        if (response.type === "LUMIA_PASSPORT_TRUSTED_APP_REMOVED") {
+        if (response.type === "IFRAME_MSG_TRUSTED_APP_REMOVED") {
           return response.success;
         }
         return false;
@@ -18877,7 +18878,7 @@ var init_iframe_manager = __esm({
           accessToken
           // Pass access token for TSS API authentication
         });
-        if (response.type === "LUMIA_PASSPORT_BACKUP_CREATED") {
+        if (response.type === "IFRAME_MSG_BACKUP_CREATED") {
           return response.result;
         }
         throw new Error("Unexpected response type");
@@ -18892,7 +18893,7 @@ var init_iframe_manager = __esm({
           accessToken
           // Pass access token for TSS API authentication
         });
-        if (response.type === "LUMIA_PASSPORT_BACKUP_RESTORED") {
+        if (response.type === "IFRAME_MSG_BACKUP_RESTORED") {
           return response.result;
         }
         throw new Error("Unexpected response type");
@@ -18906,7 +18907,7 @@ var init_iframe_manager = __esm({
           userId,
           password
         });
-        if (response.type === "LUMIA_PASSPORT_BACKUP_ENCRYPTED") {
+        if (response.type === "IFRAME_MSG_BACKUP_ENCRYPTED") {
           return response.encryptedData;
         }
         throw new Error("Unexpected response type");
@@ -18920,7 +18921,7 @@ var init_iframe_manager = __esm({
           fileContent,
           password
         });
-        if (response.type === "LUMIA_PASSPORT_FILE_RESTORED") {
+        if (response.type === "IFRAME_MSG_FILE_RESTORED") {
           return response.result;
         }
         throw new Error("Unexpected response type");
@@ -18932,7 +18933,7 @@ var init_iframe_manager = __esm({
         const response = await this.sendMessage("GET_BACKUP_STATUS", {
           userId
         });
-        if (response.type === "LUMIA_PASSPORT_BACKUP_STATUS") {
+        if (response.type === "IFRAME_MSG_BACKUP_STATUS") {
           return response.status;
         }
         throw new Error("Unexpected response type");
@@ -18942,7 +18943,7 @@ var init_iframe_manager = __esm({
        */
       async getCloudProviders() {
         const response = await this.sendMessage("GET_CLOUD_PROVIDERS", {});
-        if (response.type === "LUMIA_PASSPORT_CLOUD_PROVIDERS") {
+        if (response.type === "IFRAME_MSG_CLOUD_PROVIDERS") {
           return response.providers;
         }
         throw new Error("Unexpected response type");