@ethora/chat-component 26.5.9 → 26.5.11

package/dist/roomStore/callSlice.d.ts

@@ -13,6 +13,7 @@ export interface CallState {
     token: string | null;
     error: string | null;
     startedAt: number | null;
+    connectedAt: number | null;
 }
 export declare const startOutgoingCall: import('@reduxjs/toolkit').ActionCreatorWithOptionalPayload<{
     roomJid: string;

package/dist/roomStore/roomsSlice.d.ts

@@ -9,6 +9,7 @@ interface RoomMessagesState {
     editAction?: EditAction;
     isLoading: boolean;
     usersSet: Record<string, RoomMember>;
+    presenceByRoom: Record<string, string[]>;
     reportRoom: {
         isOpen: boolean;
     };
@@ -67,7 +68,13 @@ export declare const addRoom: import('@reduxjs/toolkit').ActionCreatorWithOption
     chatJID?: string;
 }, "roomMessages/setRoomNoMessages">, setCurrentRoom: import('@reduxjs/toolkit').ActionCreatorWithOptionalPayload<{
     roomJID: string | null;
-}, "roomMessages/setCurrentRoom">, setChatUiVisible: import('@reduxjs/toolkit').ActionCreatorWithOptionalPayload<boolean, "roomMessages/setChatUiVisible">, setRoomRole: import('@reduxjs/toolkit').ActionCreatorWithOptionalPayload<{
+}, "roomMessages/setCurrentRoom">, setMemberOnline: import('@reduxjs/toolkit').ActionCreatorWithOptionalPayload<{
+    roomJID: string;
+    xmppUsername: string;
+}, "roomMessages/setMemberOnline">, setMemberOffline: import('@reduxjs/toolkit').ActionCreatorWithOptionalPayload<{
+    roomJID: string;
+    xmppUsername: string;
+}, "roomMessages/setMemberOffline">, setChatUiVisible: import('@reduxjs/toolkit').ActionCreatorWithOptionalPayload<boolean, "roomMessages/setChatUiVisible">, setRoomRole: import('@reduxjs/toolkit').ActionCreatorWithOptionalPayload<{
     chatJID: string;
     role: string;
 }, "roomMessages/setRoomRole">, setReactions: import('@reduxjs/toolkit').ActionCreatorWithOptionalPayload<ReactionAction, "roomMessages/setReactions">, setLogoutState: import('@reduxjs/toolkit').ActionCreatorWithoutPayload<"roomMessages/setLogoutState">, setActiveMessage: import('@reduxjs/toolkit').ActionCreatorWithOptionalPayload<{

package/dist/types/models/config.model.d.ts

@@ -27,6 +27,15 @@ export interface VideoCallsConfig {
     enabled: boolean;
     livekitUrl: string;
     allowedRoomTypes?: Array<'private'>;
+    /**
+     * Show the audio-only call button next to the video-call button. Off by
+     * default: it's a separate opt-in feature. An audio call uses the same call
+     * backend as video (no server changes needed); the client just starts the
+     * session with `kind: 'audio'` so no camera track is published, and the
+     * callee learns the kind from the direct `call-invite` signal. Requires
+     * `enabled` and a `livekitUrl` like video calls.
+     */
+    enableAudioCalls?: boolean;
     /** Start a video call with the camera already on. Default true. */
     startWithCameraOn?: boolean;
     /** Start a call with the microphone already on. Default true. */
@@ -352,6 +361,46 @@ export interface IConfig {
         iconPath?: string;
         badgePath?: string;
         softAsk?: boolean;
+        /**
+         * In-app banner that nudges the user to turn on browser notifications.
+         * Off by default. The banner renders one of two states automatically from
+         * the current `Notification.permission`:
+         *  - "default" (never asked) → an "Enable notifications" card with a button
+         *    that triggers the browser permission prompt;
+         *  - "denied" (blocked) → a "Notifications are blocked" card explaining how
+         *    to re-allow it from the browser's site settings.
+         * It hides itself entirely once permission is "granted", when the browser
+         * has no Notification API, or when `pushNotifications.enabled` is not true.
+         * Every label is overridable so it can be localised.
+         */
+        permissionBanner?: {
+            /** Master switch for the banner. Default false (opt-in). */
+            enabled?: boolean;
+            /** Show the prompt while permission is "default". Default true. */
+            showWhenDefault?: boolean;
+            /**
+             * Show the notice while permission is "denied". Default false: a blocked
+             * state can only be fixed by hand in the browser's site settings, so by
+             * default we don't nag. Set true to opt back into the reminder.
+             */
+            showWhenBlocked?: boolean;
+            /** Render a dismiss (×) control. Default true. Dismissal lasts the tab session. */
+            dismissible?: boolean;
+            /** Where the fixed banner is anchored. Default "bottom-right". */
+            position?: 'top-left' | 'top-right' | 'top-center' | 'bottom-left' | 'bottom-right' | 'bottom-center';
+            /** Title for the "enable" state. Default "Enable notifications". */
+            enableTitle?: string;
+            /** Description for the "enable" state. */
+            enableDescription?: string;
+            /** Button label for the "enable" state. Default "Enable notifications". */
+            enableButtonLabel?: string;
+            /** Title for the "blocked" state. Default "Notifications are blocked". */
+            blockedTitle?: string;
+            /** Description for the "blocked" state. */
+            blockedDescription?: string;
+            /** Inline style overrides merged onto the banner container. */
+            style?: React.CSSProperties;
+        };
         onClick?: (params: {
             roomJID?: string;
             messageId?: string;

package/dist/version.d.ts

@@ -1 +1 @@
-export declare const ETHORA_CHAT_COMPONENT_VERSION = "26.03.28";
+export declare const ETHORA_CHAT_COMPONENT_VERSION = "26.5.11";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ethora/chat-component",
-  "version": "26.5.9",
+  "version": "26.5.11",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",

package/public/firebase-messaging-sw.js

@@ -184,6 +184,54 @@ function pickImage(raw = {}, data = {}, notification = {}) {
   return data.image || notification.image || raw.image || undefined;
 }
 
+// ── CALL DETECTION ────────────────────────────────────────────
+// Mirror of helpers/callPush.ts isCallPush(). A backgrounded call push must
+// (a) read as a call (persistent, call-styled title) and (b) carry its FULL
+// data payload through to the click handler — otherwise the app's isCallPush()
+// sees only {url,messageId,...} and can't raise the ring screen.
+function pickField(data, keys) {
+  for (let i = 0; i < keys.length; i += 1) {
+    const v = data && data[keys[i]];
+    if (v !== undefined && v !== null && String(v).trim() !== '') {
+      return String(v).trim();
+    }
+  }
+  return '';
+}
+
+function isCallPushData(data) {
+  if (!data) return false;
+  const marker = pickField(data, [
+    'type',
+    'pushType',
+    'category',
+    'messageType',
+    'event',
+  ]).toLowerCase();
+  if (
+    marker === 'call' ||
+    marker === 'incoming-call' ||
+    marker === 'call-token' ||
+    marker === 'call-invite'
+  ) {
+    return true;
+  }
+  const callId = pickField(data, ['callId', 'callid', 'callID']);
+  const kind = pickField(data, ['kind']).toLowerCase();
+  const hasCallField =
+    !!pickField(data, ['callToken', 'livekitToken']) ||
+    !!pickField(data, ['callKind']) ||
+    kind === 'audio' ||
+    kind === 'video';
+  return !!callId && hasCallField;
+}
+
+function callPushKind(data) {
+  return pickField(data, ['callKind', 'kind']).toLowerCase() === 'audio'
+    ? 'audio'
+    : 'video';
+}
+
 function extractMessageId(raw = {}, data = {}) {
   return (
     raw.messageId ||
@@ -356,14 +404,40 @@ async function handlePush(raw = {}, source = 'push') {
     dedupKey,
   });
 
+  const isCall = isCallPushData(data);
+  const callerName = isCall
+    ? pickField(data, [
+        'callerName',
+        'callerDisplayName',
+        'senderName',
+        'title',
+      ])
+    : '';
+  const callId = isCall
+    ? pickField(data, ['callId', 'callid', 'callID'])
+    : '';
+
+  // Call pushes: a call-styled title, a tag keyed on the callId so repeat
+  // call-token pushes replace (not stack), and requireInteraction so the
+  // ring notification persists until the user answers/dismisses.
+  const notifTitle = isCall
+    ? `Incoming ${callPushKind(data)} call${callerName ? ` · ${callerName}` : ''}`
+    : title;
+  const notifBody = isCall ? 'Tap to answer' : body;
+
   const options = {
-    body,
+    body: notifBody,
     icon,
     badge,
     image,
-    tag: dedupKey,
-    renotify: false,
+    tag: isCall ? `call:${callId || dedupKey}` : dedupKey,
+    renotify: isCall,
+    requireInteraction: isCall,
+    // Spread the ORIGINAL payload first so the click handler's isCallPush()
+    // sees the full call fields (callId/callToken/kind/room); our routing
+    // fields win on top.
     data: {
+      ...data,
       url,
       messageId,
       dedupKey,
@@ -375,9 +449,10 @@ async function handlePush(raw = {}, source = 'push') {
     log('SHOW NOTIFICATION', {
       reason: 'NO_VISIBLE_CLIENT',
       tag: options.tag,
+      isCall,
     });
 
-    return self.registration.showNotification(title, options);
+    return self.registration.showNotification(notifTitle, options);
   }
 
   log('SKIP NOTIFICATION', {