@embarkai/ui-kit 0.2.4 → 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");
@@ -7710,7 +7710,7 @@ async function linkPasskeyWithWebAuthn(optionsOverride) {
     const challenge = new Uint8Array(32);
     crypto.getRandomValues(challenge);
     publicKeyOptions = {
-      rp: { name: window.location.hostname || "Mbark Wallet" },
+      rp: { name: window.location.hostname || "EmbarkAI Wallet" },
       user: {
         id: new TextEncoder().encode(userId),
         name: userId,
@@ -7725,7 +7725,7 @@ async function linkPasskeyWithWebAuthn(optionsOverride) {
   }
   try {
     const ts = (/* @__PURE__ */ new Date()).toISOString().replace(/[:.]/g, "-");
-    const friendlyDisplay = `Mbark Wallet (${ts})`;
+    const friendlyDisplay = `EmbarkAI Wallet (${ts})`;
     const friendlyName = `lumia-passport.${ts}`;
     const originalUser = publicKeyOptions.user;
     publicKeyOptions = {
@@ -7915,7 +7915,7 @@ var init_cloudStorage = __esm({
         return this.performUpload(metadata, content);
       }
       async uploadToAppFolder(fileName, content) {
-        const folderName = "Mbark Wallet Backups";
+        const folderName = "EmbarkAI Wallet Backups";
         const folderId = await this.findOrCreateFolder(folderName);
         const metadata = {
           name: fileName,
@@ -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.4",
+      version: "0.2.6",
       description: "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
       type: "module",
       main: "./dist/index.cjs",
@@ -15698,7 +15699,7 @@ function Footer() {
               onClick: () => address && window.open(`${getExplorerUrl()}/address/${address}`, "_blank"),
               children: [
                 /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(ChainIcon, { className: "flex-none w-6 h-6" }),
-                /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "text-xs font-bold", children: chainConfig.name || "Mbark Wallet" })
+                /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "text-xs font-bold", children: chainConfig.name || "EmbarkAI Wallet" })
               ]
             }
           ),
@@ -15827,7 +15828,7 @@ function Header() {
                           "text-[14px] leading-4 truncate max-w-[144px] font-medium",
                           "text-ellipsis overflow-hidden whitespace-nowrap"
                         ),
-                        children: displayName || config.current?.ui?.title || "Mbark"
+                        children: displayName || config.current?.ui?.title || "EmbarkAI"
                       }
                     ),
                     /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(KYCStatus, {})
@@ -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");
@@ -18987,7 +18988,7 @@ var init_iframe_manager = __esm({
 });
 
 // src/config/rainbowkit.ts
-var import_read13, import_rainbowkit2, import_wallets, import_chains, getProjectId, WALLET_MAP, createRainbowConfig, rainbowConfig, rainbowTheme;
+var import_read13, import_rainbowkit2, import_wallets, import_chains, getProjectId, WALLET_MAP, createRainbowConfig, rainbowTheme;
 var init_rainbowkit = __esm({
   "src/config/rainbowkit.ts"() {
     import_read13 = require("@embarkai/core/read");
@@ -19010,7 +19011,7 @@ var init_rainbowkit = __esm({
     createRainbowConfig = (options) => {
       const opts = typeof options === "string" ? { projectId: options } : options || {};
       const config = {
-        appName: "Mbark Wallet",
+        appName: "EmbarkAI Wallet",
         projectId: getProjectId(opts.projectId),
         chains: [import_read13.lumiaMainnetChain, import_read13.lumiaTestnetChain, import_chains.mainnet, import_chains.polygon, import_chains.bsc, import_chains.arbitrum, import_chains.optimism, import_chains.avalanche, import_chains.base, import_chains.zora],
         ssr: false
@@ -19024,7 +19025,6 @@ var init_rainbowkit = __esm({
       }
       return (0, import_rainbowkit2.getDefaultConfig)(config);
     };
-    rainbowConfig = createRainbowConfig();
     rainbowTheme = {
       lightMode: {
         colors: {
@@ -19220,7 +19220,7 @@ var init_rainbowkit = __esm({
 function RainbowKitProvider({ children }) {
   const config = useProviderConfig().config;
   const colorMode = useLayoutStore((st) => st.colorMode);
-  const rainbowConfig2 = (0, import_react66.useMemo)(
+  const rainbowConfig = (0, import_react66.useMemo)(
     () => createRainbowConfig({
       projectId: config.current?.wallet?.walletConnectProjectId,
       allowedWallets: config.current?.wallet?.allowedWallets
@@ -19242,7 +19242,7 @@ function RainbowKitProvider({ children }) {
     };
   }, [colorMode]);
   if (!config.current?.wallet?.enabled) return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_jsx_runtime94.Fragment, { children });
-  return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_wagmi4.WagmiProvider, { config: rainbowConfig2, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_rainbowkit3.RainbowKitProvider, { theme: customTheme, modalSize: "compact", showRecentTransactions: true, children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_wagmi4.WagmiProvider, { config: rainbowConfig, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_rainbowkit3.RainbowKitProvider, { theme: customTheme, modalSize: "compact", showRecentTransactions: true, children }) });
 }
 var import_rainbowkit3, import_react66, import_wagmi4, import_styles, import_jsx_runtime94;
 var init_RainbowKitContext = __esm({