@anakin824/prdg-chat-ui 0.1.0 → 0.2.0

package/dist/index.d.mts

@@ -134,10 +134,16 @@ type ChatProviderProps = {
     apiUrl: string;
     /** Current bearer token (HDS JWT in integrated mode, prdg-chat JWT in standalone). */
     token: string;
-    /** prdg-chat user UUID — identifies the current user for own-message display, mentions, etc. */
-    userId: string;
-    /** Internal prdg-chat tenant UUID (JWT / API). */
-    tenantId: string;
+    /**
+     * prdg-chat user UUID — identifies the current user for own-message display, mentions, etc.
+     * When omitted, ChatProvider calls GET /me with the supplied token to resolve it automatically.
+     */
+    userId?: string;
+    /**
+     * Internal prdg-chat tenant UUID (JWT / API).
+     * When omitted, resolved automatically via GET /me.
+     */
+    tenantId?: string;
     /**
      * Conduitly `tenant_id` for NATS (`chat.{conduitly_tenant_id}.user.*`). Set via `conduitly_tenant_id` in dev.json or `NEXT_PUBLIC_CONDUITLY_TENANT_ID`; do not rely on internal prdg-chat tenant UUID.
      */
@@ -165,7 +171,7 @@ type ChatProviderProps = {
     natsToken?: string;
     children: ReactNode;
 };
-declare function ChatProvider({ apiUrl, token, userId, tenantId, conduitlyTenantId, theme, pollIntervalMs, onUnreadChange: _onUnreadChange, onTokenRefresh, callEnabled, natsWsUrl, natsToken, children, }: ChatProviderProps): react.JSX.Element;
+declare function ChatProvider({ apiUrl, token, userId: userIdProp, tenantId: tenantIdProp, conduitlyTenantId: conduitlyTenantIdProp, theme, pollIntervalMs, onUnreadChange: _onUnreadChange, onTokenRefresh, callEnabled, natsWsUrl, natsToken, children, }: ChatProviderProps): react.JSX.Element | null;
 
 type ListConversationsRes = {
     items: Conversation[];
@@ -210,6 +216,9 @@ declare class ChatAPI {
     onAuthError?: (() => Promise<string | null>) | undefined);
     private headers;
     private json;
+    getMe(): Promise<AppUser & {
+        conduitly_tenant_id?: string;
+    }>;
     listConversations(cursor?: string, limit?: number): Promise<ListConversationsRes>;
     listMessages(conversationId: string, cursor?: string, limit?: number): Promise<ListMessagesRes>;
     findOrCreateDirect(peerUserId: string): Promise<Conversation>;

package/dist/index.d.ts

@@ -134,10 +134,16 @@ type ChatProviderProps = {
     apiUrl: string;
     /** Current bearer token (HDS JWT in integrated mode, prdg-chat JWT in standalone). */
     token: string;
-    /** prdg-chat user UUID — identifies the current user for own-message display, mentions, etc. */
-    userId: string;
-    /** Internal prdg-chat tenant UUID (JWT / API). */
-    tenantId: string;
+    /**
+     * prdg-chat user UUID — identifies the current user for own-message display, mentions, etc.
+     * When omitted, ChatProvider calls GET /me with the supplied token to resolve it automatically.
+     */
+    userId?: string;
+    /**
+     * Internal prdg-chat tenant UUID (JWT / API).
+     * When omitted, resolved automatically via GET /me.
+     */
+    tenantId?: string;
     /**
      * Conduitly `tenant_id` for NATS (`chat.{conduitly_tenant_id}.user.*`). Set via `conduitly_tenant_id` in dev.json or `NEXT_PUBLIC_CONDUITLY_TENANT_ID`; do not rely on internal prdg-chat tenant UUID.
      */
@@ -165,7 +171,7 @@ type ChatProviderProps = {
     natsToken?: string;
     children: ReactNode;
 };
-declare function ChatProvider({ apiUrl, token, userId, tenantId, conduitlyTenantId, theme, pollIntervalMs, onUnreadChange: _onUnreadChange, onTokenRefresh, callEnabled, natsWsUrl, natsToken, children, }: ChatProviderProps): react.JSX.Element;
+declare function ChatProvider({ apiUrl, token, userId: userIdProp, tenantId: tenantIdProp, conduitlyTenantId: conduitlyTenantIdProp, theme, pollIntervalMs, onUnreadChange: _onUnreadChange, onTokenRefresh, callEnabled, natsWsUrl, natsToken, children, }: ChatProviderProps): react.JSX.Element | null;
 
 type ListConversationsRes = {
     items: Conversation[];
@@ -210,6 +216,9 @@ declare class ChatAPI {
     onAuthError?: (() => Promise<string | null>) | undefined);
     private headers;
     private json;
+    getMe(): Promise<AppUser & {
+        conduitly_tenant_id?: string;
+    }>;
     listConversations(cursor?: string, limit?: number): Promise<ListConversationsRes>;
     listMessages(conversationId: string, cursor?: string, limit?: number): Promise<ListMessagesRes>;
     findOrCreateDirect(peerUserId: string): Promise<Conversation>;

package/dist/index.js

@@ -51,6 +51,9 @@ var ChatAPI = class {
     }
     return res.json();
   }
+  getMe() {
+    return this.json("/me");
+  }
   listConversations(cursor, limit = 50) {
     const q = new URLSearchParams();
     if (cursor) q.set("cursor", cursor);
@@ -324,9 +327,9 @@ var defaultTheme = {
 function ChatProvider({
   apiUrl,
   token,
-  userId,
-  tenantId,
-  conduitlyTenantId,
+  userId: userIdProp,
+  tenantId: tenantIdProp,
+  conduitlyTenantId: conduitlyTenantIdProp,
   theme,
   pollIntervalMs = 3e4,
   onUnreadChange: _onUnreadChange,
@@ -358,6 +361,35 @@ function ChatProvider({
     () => new ChatAPI(apiUrl.replace(/\/$/, ""), () => tokenRef.current, handleAuthError),
     [apiUrl, handleAuthError]
   );
+  const [resolvedUserId, setResolvedUserId] = react.useState(userIdProp ?? null);
+  const [resolvedTenantId, setResolvedTenantId] = react.useState(tenantIdProp ?? null);
+  const [resolvedConduitlyTenantId, setResolvedConduitlyTenantId] = react.useState(
+    conduitlyTenantIdProp
+  );
+  const [meError, setMeError] = react.useState(null);
+  react.useEffect(() => {
+    setMeError(null);
+    if (userIdProp) setResolvedUserId(userIdProp);
+    if (tenantIdProp) setResolvedTenantId(tenantIdProp);
+    if (conduitlyTenantIdProp) setResolvedConduitlyTenantId(conduitlyTenantIdProp);
+    if (userIdProp && tenantIdProp) return;
+    let cancelled = false;
+    api.getMe().then((me) => {
+      if (cancelled) return;
+      if (!userIdProp) setResolvedUserId(me.id);
+      if (!tenantIdProp) setResolvedTenantId(me.tenant_id);
+      if (!conduitlyTenantIdProp && me.conduitly_tenant_id) {
+        setResolvedConduitlyTenantId(me.conduitly_tenant_id);
+      }
+    }).catch((err) => {
+      if (!cancelled) setMeError(err instanceof Error ? err.message : String(err));
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [api, token, userIdProp, tenantIdProp, conduitlyTenantIdProp]);
+  const userId = resolvedUserId ?? "";
+  const tenantId = resolvedTenantId ?? "";
   const mergedTheme = react.useMemo(() => ({ ...defaultTheme, ...theme }), [theme]);
   const styleTag = react.useMemo(() => {
     const t = mergedTheme;
@@ -379,7 +411,7 @@ function ChatProvider({
   const natsUrl = natsWsUrl?.trim() ?? "";
   const wsConnected = Boolean(natsUrl) && natsConnected;
   const natsTenantId = react.useMemo(() => {
-    const c = conduitlyTenantId?.trim();
+    const c = resolvedConduitlyTenantId?.trim();
     if (c) return c;
     if (process.env.NODE_ENV === "development" && natsUrl) {
       console.warn(
@@ -387,7 +419,7 @@ function ChatProvider({
       );
     }
     return tenantId.trim();
-  }, [conduitlyTenantId, tenantId, natsUrl]);
+  }, [resolvedConduitlyTenantId, tenantId, natsUrl]);
   const typingByConversation = react.useMemo(() => ({}), []);
   const sendTyping = react.useCallback((_conversationId) => {
   }, []);
@@ -443,6 +475,12 @@ function ChatProvider({
     flexDirection: "column",
     boxSizing: "border-box"
   };
+  if (!resolvedUserId || !resolvedTenantId) {
+    if (meError) {
+      return /* @__PURE__ */ React.createElement("div", { style: { padding: 16, fontFamily: "system-ui, sans-serif", color: "#b91c1c", fontSize: 13 } }, "Chat failed to load: ", meError);
+    }
+    return null;
+  }
   return /* @__PURE__ */ React.createElement(reactQuery.QueryClientProvider, { client: queryClient }, /* @__PURE__ */ React.createElement(ChatContext.Provider, { value }, /* @__PURE__ */ React.createElement("div", { style: layoutStyle }, natsUrl ? /* @__PURE__ */ React.createElement(ChatNatsBridge, { natsWsUrl: natsUrl, natsToken, onConnectedChange: setNatsConnected }) : null, /* @__PURE__ */ React.createElement("style", { dangerouslySetInnerHTML: { __html: styleTag } }), /* @__PURE__ */ React.createElement("div", { "data-chat-root": true, style: { ...layoutStyle, flex: 1 } }, children))));
 }
 function useChatActions() {