@ethora/chat-component 26.5.10 → 26.5.12

package/dist/components/MainComponents/ProfileImagePlaceholder.d.ts

@@ -16,6 +16,8 @@ interface ProfileImagePlaceholderProps {
     active?: boolean;
     placeholderIcon?: React.ReactNode;
     disableOverlay?: boolean;
+    /** Show a green online-status dot on the avatar. */
+    online?: boolean;
 }
 export declare const ProfileImagePlaceholder: React.FC<ProfileImagePlaceholderProps>;
 export {};

package/dist/components/Notification/NotificationPermissionBanner.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+import { IConfig } from '../../types/types';
+interface NotificationPermissionBannerProps {
+    config?: IConfig;
+    /** Triggers the browser permission prompt + push registration. */
+    requestPermission: () => Promise<void>;
+}
+/**
+ * In-app banner nudging the user to enable browser notifications. Fully
+ * config-driven (config.pushNotifications.permissionBanner) and self-contained:
+ * it reads the live Notification permission, renders the "enable" or "blocked"
+ * variant accordingly, and hides itself when notifications are granted /
+ * unsupported / disabled. SSR-safe.
+ */
+declare const NotificationPermissionBanner: React.FC<NotificationPermissionBannerProps>;
+export default NotificationPermissionBanner;

package/dist/helpers/callLogMessage.d.ts

@@ -8,4 +8,12 @@ export interface CallLogMeta {
 }
 export declare const isCallLogMessage: (message: unknown) => boolean;
 export declare const callStateHasLogData: (attrs: Record<string, any>) => boolean;
+export declare const formatCallDuration: (ms: number) => string;
 export declare const transformCallLogMessage: (message: IMessage, selfXmppUsername: string) => IMessage;
+export declare const buildLocalCallLogMessage: (params: {
+    callId: string;
+    direction: "outgoing" | "incoming";
+    durationMs: number;
+    kind: "audio" | "video";
+    selfXmppUsername: string;
+}) => IMessage;

package/dist/helpers/resolveIconColor.d.ts

@@ -12,9 +12,11 @@ export declare const resolveIconColor: (config?: Pick<IConfig, "colors"> | null)
  * Resolve the background colour to use behind the chat's icon "chips" (attach,
  * send, microphone, file preview, etc.).
  *
- * Priority: explicit `config.colors.iconsBg` → `config.colors.secondary` →
- * white. Lets a host theme the icon backgrounds independently from `secondary`
- * via `colors.iconsBg`, while keeping the historical white default.
+ * Priority: explicit `config.colors.iconsBg` → a soft neutral default. We do
+ * NOT fall back to `colors.secondary`: that's a text/heading colour (often
+ * near-black), and using it here rendered the icon chips as harsh black
+ * squares. `secondary` also drives avatar backgrounds, so keeping it out of
+ * this resolver lets hosts theme text without blacking out the icons.
  */
 export declare const resolveIconBgColor: (config?: Pick<IConfig, "colors"> | null) => string;
 /** CSS variable read by the chat's chrome icons as their default colour. */

package/dist/hooks/useRoomPresence.d.ts

@@ -0,0 +1,10 @@
+/**
+ * xmppUsernames currently ONLINE (available MUC presence) in the given room.
+ * Populated from the room's presence stanzas: an available presence marks a
+ * user online; a `type='unavailable'` presence marks them offline. When you
+ * join a room the server sends the presence of everyone already online, so the
+ * list is correct from the first render and updates live as users come/go.
+ */
+export declare const useRoomPresence: (roomJID?: string) => string[];
+/** Whether a specific member (by xmppUsername) is currently online in the room. */
+export declare const useIsUserOnline: (roomJID?: string, xmppUsername?: string) => boolean;

package/dist/main.d.ts

@@ -4,6 +4,7 @@
 export { XmppProvider } from './context/xmppProvider';
 export { ReduxWrapper as Chat } from './components/MainComponents/ReduxWrapper';
 export { useUnread } from './hooks/useUnreadMessagesCounter';
+export { useRoomPresence, useIsUserOnline } from './hooks/useRoomPresence';
 export { logoutService } from './hooks/useLogout';
 export { useQRCodeChat, handleQRChatId } from './hooks/useQRCodeChatHandler';
 export { useInAppNotifications } from './hooks/useInAppNotifications';