@embarkai/ui-kit 0.4.12 → 0.4.13

package/dist/iframe/index.html

@@ -15,7 +15,7 @@
     <meta http-equiv="X-Content-Type-Options" content="nosniff" />
     <meta http-equiv="Referrer-Policy" content="strict-origin-when-cross-origin" />
 
-    <title>EmbarkAI Secure Wallet - iframe version 0.4.12</title>
+    <title>EmbarkAI Secure Wallet - iframe version 0.4.13</title>
 
     <!-- Styles will be injected by build process -->
     <style>

package/dist/iframe/main.js

@@ -6262,7 +6262,7 @@ var SigningManager = class extends TokenRefreshApiClient {
 };
 
 // src/iframe/main.ts
-var IFRAME_VERSION = "0.4.12";
+var IFRAME_VERSION = "0.4.13";
 var IframeWallet = class {
   constructor() {
     console.log("=".repeat(60));

package/dist/index.cjs

@@ -15862,11 +15862,20 @@ function useConnectedApps() {
     enabled: !!userId,
     queryKey: [CONNECTED_TRUSTED_APPS_QUERY, userId],
     queryFn: async () => {
+      const response = await tssClient.get("/api/auth/connected-apps", true);
+      if (!response.success || !response.data) {
+        const error = response.error || "Failed to fetch connected apps";
+        throw new Error(error);
+      }
       const iframeManager = getIframeManager();
-      return await iframeManager.getTrustedApps(userId).catch(() => {
-        console.error("[ConnectedApps] Failed to load connected apps from iframe");
+      const trustedApps = await iframeManager.getTrustedApps(userId).catch(() => {
+        console.error("[ConnectedApps] Failed to load trusted apps from iframe");
         return [];
       });
+      return response.data.apps.map((app) => ({
+        ...app,
+        trustedMeta: trustedApps.find((ta) => ta.projectId === app.projectId) || null
+      }));
     }
   });
 }
@@ -15896,6 +15905,7 @@ var init_hooks2 = __esm({
     init_SessionContext();
     import_react_query42 = require("@tanstack/react-query");
     init_keyshare();
+    init_httpClient();
     init_iframe_manager();
     init_vaultClient();
     init_constants6();
@@ -15904,9 +15914,16 @@ var init_hooks2 = __esm({
 
 // src/internal/components/SecurityMenu/ConnectedApps.tsx
 function Application(props) {
-  const { appLogo, appName, origin, trustedAt, untrustApp } = props;
+  const {
+    logo,
+    name,
+    // domains,
+    firstConnectedAt,
+    trustedMeta,
+    untrustApp
+  } = props;
   const { t } = useT();
-  const isAppTrusted = trustedAt && (0, import_dayjs5.default)(trustedAt).isValid() && (0, import_dayjs5.default)(trustedAt).isBefore((0, import_dayjs5.default)());
+  const resolvedLogo = logo || trustedMeta?.appLogo || null;
   return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
     "div",
     {
@@ -15925,8 +15942,8 @@ function Application(props) {
               "rounded-[var(--ui-kit-el-bdrs)] bg-[var(--ui-kit-bg)]"
             ),
             children: [
-              appLogo ? /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "w-full h-full p-1", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("img", { src: appLogo, alt: appName, className: "w-full h-full object-contain" }) }) : /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react52.AppWindowMac, { className: "w-6 h-6 text-[var(--ui-kit-fg)]" }),
-              isAppTrusted && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+              resolvedLogo ? /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "w-full h-full p-1", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("img", { src: resolvedLogo, alt: name, className: "w-full h-full object-contain" }) }) : /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react52.AppWindowMac, { className: "w-6 h-6 text-[var(--ui-kit-fg)]" }),
+              !!trustedMeta && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
                 "div",
                 {
                   className: cn(
@@ -15940,21 +15957,26 @@ function Application(props) {
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "flex-1 min-w-0", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "font-semibold truncate", children: appName || new URL(origin).hostname }),
-          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "text-[var(--ui-kit-fg-muted)] truncate", children: new URL(origin).hostname }),
-          isAppTrusted ? /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "text-[var(--ui-kit-fg)] truncate", children: t("passport:securityMenu.connectedApps.trustedAt", {
-            time: (0, import_dayjs5.default)(trustedAt).format("MMM D, YYYY HH:mm")
+          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "font-semibold truncate", children: name }),
+          trustedMeta?.origin && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "text-[var(--ui-kit-fg-muted)] truncate", children: new URL(trustedMeta.origin).hostname }),
+          !!trustedMeta ? /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "text-[var(--ui-kit-fg)] truncate", children: t("passport:securityMenu.connectedApps.trustedAt", {
+            time: (0, import_dayjs5.default)(trustedMeta.trustedAt).format("MMM D, YYYY HH:mm")
           }) }) : /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "text-[var(--ui-kit-fg-muted)] truncate", children: t("passport:securityMenu.connectedApps.connectedAt", {
-            time: (0, import_dayjs5.default)(trustedAt).format("MMM D, YYYY HH:mm")
+            time: (0, import_dayjs5.default)(firstConnectedAt).format("MMM D, YYYY HH:mm")
           }) })
         ] }),
-        isAppTrusted && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+        !!trustedMeta && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
           Button,
           {
             variant: "outline",
             size: "icon",
             className: "text-[var(--ui-kit-bg-error)] flex-none rounded-[var(--ui-kit-el-bdrs)]",
-            onClick: () => untrustApp({ ...(0, import_lodash_es7.omit)(props, "untrustApp"), hostname: new URL(origin).hostname }),
+            onClick: () => {
+              untrustApp({
+                ...(0, import_lodash_es7.omit)(props, "untrustApp"),
+                hostname: new URL(trustedMeta.origin).hostname
+              });
+            },
             children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react52.ShieldBanIcon, { className: "h-4 w-4" })
           }
         )
@@ -15974,13 +15996,7 @@ function ConnectedApps(props) {
       /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { children: t("passport:securityMenu.connectedApps.noConnectedApps") })
     ] });
   return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(import_jsx_runtime82.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("span", { className: "font-medium text-xs text-[var(--ui-kit-fg)]", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { children: t("passport:securityMenu.connectedApps.connectedApps") }),
-      connectedApps.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("span", { children: [
-        " ",
-        connectedApps.length
-      ] })
-    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "font-medium text-xs text-[var(--ui-kit-fg)]", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { children: t("passport:securityMenu.connectedApps.connectedApps") }) }),
     /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: connectedApps.map((app, index) => /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Application, { ...app, untrustApp }, index)) })
   ] });
 }
@@ -19280,7 +19296,7 @@ var init_package = __esm({
   "package.json"() {
     package_default = {
       name: "@embarkai/ui-kit",
-      version: "0.4.12",
+      version: "0.4.13",
       description: "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
       type: "module",
       main: "./dist/index.cjs",

package/dist/index.d.cts

@@ -1802,13 +1802,16 @@ declare function getUserProfile(): Promise<UserProfile>;
  */
 declare function updateUserProfile(updates: UpdateProfileRequest): Promise<UserProfile>;
 
-declare function useConnectedApps(): _tanstack_react_query.UseQueryResult<any[] | {
-    userId: string;
+declare function useConnectedApps(): _tanstack_react_query.UseQueryResult<{
+    trustedMeta: any;
     projectId: string;
-    origin: string;
-    trustedAt: number;
-    appName?: string;
-    appLogo?: string;
+    name: string;
+    logo: string;
+    domains: unknown;
+    providers: unknown;
+    smartWalletAddress: string;
+    firstConnectedAt: string;
+    lastActiveAt: string;
 }[], Error>;
 declare function useKeyshareRecoveryStats(): _tanstack_react_query.UseQueryResult<{
     keyshareInfo: {

package/dist/index.d.ts

@@ -1802,13 +1802,16 @@ declare function getUserProfile(): Promise<UserProfile>;
  */
 declare function updateUserProfile(updates: UpdateProfileRequest): Promise<UserProfile>;
 
-declare function useConnectedApps(): _tanstack_react_query.UseQueryResult<any[] | {
-    userId: string;
+declare function useConnectedApps(): _tanstack_react_query.UseQueryResult<{
+    trustedMeta: any;
     projectId: string;
-    origin: string;
-    trustedAt: number;
-    appName?: string;
-    appLogo?: string;
+    name: string;
+    logo: string;
+    domains: unknown;
+    providers: unknown;
+    smartWalletAddress: string;
+    firstConnectedAt: string;
+    lastActiveAt: string;
 }[], Error>;
 declare function useKeyshareRecoveryStats(): _tanstack_react_query.UseQueryResult<{
     keyshareInfo: {

package/dist/index.js

@@ -15795,11 +15795,20 @@ function useConnectedApps() {
     enabled: !!userId,
     queryKey: [CONNECTED_TRUSTED_APPS_QUERY, userId],
     queryFn: async () => {
+      const response = await tssClient.get("/api/auth/connected-apps", true);
+      if (!response.success || !response.data) {
+        const error = response.error || "Failed to fetch connected apps";
+        throw new Error(error);
+      }
       const iframeManager = getIframeManager();
-      return await iframeManager.getTrustedApps(userId).catch(() => {
-        console.error("[ConnectedApps] Failed to load connected apps from iframe");
+      const trustedApps = await iframeManager.getTrustedApps(userId).catch(() => {
+        console.error("[ConnectedApps] Failed to load trusted apps from iframe");
         return [];
       });
+      return response.data.apps.map((app) => ({
+        ...app,
+        trustedMeta: trustedApps.find((ta) => ta.projectId === app.projectId) || null
+      }));
     }
   });
 }
@@ -15827,6 +15836,7 @@ var init_hooks2 = __esm({
   "src/internal/components/SecurityMenu/hooks.ts"() {
     init_SessionContext();
     init_keyshare();
+    init_httpClient();
     init_iframe_manager();
     init_vaultClient();
     init_constants6();
@@ -15839,9 +15849,16 @@ import { omit } from "lodash-es";
 import { AppWindowMac, Info as Info5, ShieldBanIcon, ShieldCheckIcon } from "lucide-react";
 import { Fragment as Fragment32, jsx as jsx82, jsxs as jsxs75 } from "react/jsx-runtime";
 function Application(props) {
-  const { appLogo, appName, origin, trustedAt, untrustApp } = props;
+  const {
+    logo,
+    name,
+    // domains,
+    firstConnectedAt,
+    trustedMeta,
+    untrustApp
+  } = props;
   const { t } = useT();
-  const isAppTrusted = trustedAt && dayjs5(trustedAt).isValid() && dayjs5(trustedAt).isBefore(dayjs5());
+  const resolvedLogo = logo || trustedMeta?.appLogo || null;
   return /* @__PURE__ */ jsxs75(
     "div",
     {
@@ -15860,8 +15877,8 @@ function Application(props) {
               "rounded-[var(--ui-kit-el-bdrs)] bg-[var(--ui-kit-bg)]"
             ),
             children: [
-              appLogo ? /* @__PURE__ */ jsx82("div", { className: "w-full h-full p-1", children: /* @__PURE__ */ jsx82("img", { src: appLogo, alt: appName, className: "w-full h-full object-contain" }) }) : /* @__PURE__ */ jsx82(AppWindowMac, { className: "w-6 h-6 text-[var(--ui-kit-fg)]" }),
-              isAppTrusted && /* @__PURE__ */ jsx82(
+              resolvedLogo ? /* @__PURE__ */ jsx82("div", { className: "w-full h-full p-1", children: /* @__PURE__ */ jsx82("img", { src: resolvedLogo, alt: name, className: "w-full h-full object-contain" }) }) : /* @__PURE__ */ jsx82(AppWindowMac, { className: "w-6 h-6 text-[var(--ui-kit-fg)]" }),
+              !!trustedMeta && /* @__PURE__ */ jsx82(
                 "div",
                 {
                   className: cn(
@@ -15875,21 +15892,26 @@ function Application(props) {
           }
         ),
         /* @__PURE__ */ jsxs75("div", { className: "flex-1 min-w-0", children: [
-          /* @__PURE__ */ jsx82("div", { className: "font-semibold truncate", children: appName || new URL(origin).hostname }),
-          /* @__PURE__ */ jsx82("div", { className: "text-[var(--ui-kit-fg-muted)] truncate", children: new URL(origin).hostname }),
-          isAppTrusted ? /* @__PURE__ */ jsx82("div", { className: "text-[var(--ui-kit-fg)] truncate", children: t("passport:securityMenu.connectedApps.trustedAt", {
-            time: dayjs5(trustedAt).format("MMM D, YYYY HH:mm")
+          /* @__PURE__ */ jsx82("div", { className: "font-semibold truncate", children: name }),
+          trustedMeta?.origin && /* @__PURE__ */ jsx82("div", { className: "text-[var(--ui-kit-fg-muted)] truncate", children: new URL(trustedMeta.origin).hostname }),
+          !!trustedMeta ? /* @__PURE__ */ jsx82("div", { className: "text-[var(--ui-kit-fg)] truncate", children: t("passport:securityMenu.connectedApps.trustedAt", {
+            time: dayjs5(trustedMeta.trustedAt).format("MMM D, YYYY HH:mm")
           }) }) : /* @__PURE__ */ jsx82("div", { className: "text-[var(--ui-kit-fg-muted)] truncate", children: t("passport:securityMenu.connectedApps.connectedAt", {
-            time: dayjs5(trustedAt).format("MMM D, YYYY HH:mm")
+            time: dayjs5(firstConnectedAt).format("MMM D, YYYY HH:mm")
           }) })
         ] }),
-        isAppTrusted && /* @__PURE__ */ jsx82(
+        !!trustedMeta && /* @__PURE__ */ jsx82(
           Button,
           {
             variant: "outline",
             size: "icon",
             className: "text-[var(--ui-kit-bg-error)] flex-none rounded-[var(--ui-kit-el-bdrs)]",
-            onClick: () => untrustApp({ ...omit(props, "untrustApp"), hostname: new URL(origin).hostname }),
+            onClick: () => {
+              untrustApp({
+                ...omit(props, "untrustApp"),
+                hostname: new URL(trustedMeta.origin).hostname
+              });
+            },
             children: /* @__PURE__ */ jsx82(ShieldBanIcon, { className: "h-4 w-4" })
           }
         )
@@ -15909,13 +15931,7 @@ function ConnectedApps(props) {
       /* @__PURE__ */ jsx82("span", { children: t("passport:securityMenu.connectedApps.noConnectedApps") })
     ] });
   return /* @__PURE__ */ jsxs75(Fragment32, { children: [
-    /* @__PURE__ */ jsxs75("span", { className: "font-medium text-xs text-[var(--ui-kit-fg)]", children: [
-      /* @__PURE__ */ jsx82("span", { children: t("passport:securityMenu.connectedApps.connectedApps") }),
-      connectedApps.length > 0 && /* @__PURE__ */ jsxs75("span", { children: [
-        " ",
-        connectedApps.length
-      ] })
-    ] }),
+    /* @__PURE__ */ jsx82("span", { className: "font-medium text-xs text-[var(--ui-kit-fg)]", children: /* @__PURE__ */ jsx82("span", { children: t("passport:securityMenu.connectedApps.connectedApps") }) }),
     /* @__PURE__ */ jsx82("div", { className: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: connectedApps.map((app, index) => /* @__PURE__ */ jsx82(Application, { ...app, untrustApp }, index)) })
   ] });
 }
@@ -19198,7 +19214,7 @@ var init_package = __esm({
   "package.json"() {
     package_default = {
       name: "@embarkai/ui-kit",
-      version: "0.4.12",
+      version: "0.4.13",
       description: "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
       type: "module",
       main: "./dist/index.cjs",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@embarkai/ui-kit",
-  "version": "0.4.12",
+  "version": "0.4.13",
   "description": "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
   "type": "module",
   "main": "./dist/index.cjs",