@ethora/chat-component 26.5.8 → 26.5.10

package/dist/assets/icons.d.ts

@@ -23,6 +23,18 @@ export declare const SearchIcon: ({ color, ...props }: {
     [x: string]: any;
     color?: string;
 }) => import("react/jsx-runtime").JSX.Element;
+export declare const VideoCallIcon: ({ color, ...props }: {
+    [x: string]: any;
+    color?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const AudioCallIcon: ({ color, ...props }: {
+    [x: string]: any;
+    color?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const HangUpIcon: ({ color, ...props }: {
+    [x: string]: any;
+    color?: string;
+}) => import("react/jsx-runtime").JSX.Element;
 export declare const ReferalsIcon: ({ color, ...props }: {
     [x: string]: any;
     color?: string;

package/dist/components/VideoCalls/VideoCallOverlay.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare const VideoCallOverlay: React.FC;

package/dist/components/VideoCalls/VideoCallSession.d.ts

@@ -0,0 +1,25 @@
+import { default as React } from 'react';
+import { VideoCallIcons } from '../../types/models/config.model';
+interface VideoCallSessionProps {
+    token: string;
+    livekitUrl: string;
+    kind?: 'audio' | 'video';
+    primaryColor?: string;
+    /** Host icon overrides for the control bar. */
+    icons?: VideoCallIcons;
+    /** Start with the camera on (video calls). Default true. */
+    startWithCameraOn?: boolean;
+    /** Start with the microphone on. Default true. */
+    startWithMicOn?: boolean;
+    /** Show the screen-share control. Default true. */
+    showScreenShare?: boolean;
+    /** Render the compact floating-panel layout instead of the full screen. */
+    minimized?: boolean;
+    /** Toggle between full and minimized layouts (keeps the session mounted). */
+    onToggleMinimize?: () => void;
+    onConnected?: () => void;
+    onError?: (message: string) => void;
+    onHangup: () => void;
+}
+export declare const VideoCallSession: React.FC<VideoCallSessionProps>;
+export {};

package/dist/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', {

package/dist/helpers/callLogMessage.d.ts

@@ -0,0 +1,11 @@
+import { IMessage } from '../types/types';
+export interface CallLogMeta {
+    callId: string;
+    direction: 'outgoing' | 'incoming';
+    durationMs: number;
+    missed: boolean;
+    kind: 'audio' | 'video';
+}
+export declare const isCallLogMessage: (message: unknown) => boolean;
+export declare const callStateHasLogData: (attrs: Record<string, any>) => boolean;
+export declare const transformCallLogMessage: (message: IMessage, selfXmppUsername: string) => IMessage;

package/dist/helpers/callPush.d.ts

@@ -0,0 +1,22 @@
+export interface ParsedCallPush {
+    callId: string | null;
+    /** LiveKit token, if the push carried one (lets us ring + accept offline). */
+    token: string | null;
+    kind: 'audio' | 'video';
+    /** Bare room name (JID localpart) the call belongs to. */
+    roomBareName: string | null;
+    /** Raw room reference from the payload (full JID or bare name). */
+    roomRef: string | null;
+    /** Display name for the ring screen (caller). */
+    callerName: string | null;
+    /** Caller's xmpp localpart, when provided. */
+    callerXmppUsername: string | null;
+}
+/**
+ * True when a push `data` payload represents an incoming call. Matches on an
+ * explicit call marker (`type`/`pushType`/`category`/`event` === "call"-ish)
+ * or on a callId paired with a call-specific field, so a normal message push
+ * is never misread as a call.
+ */
+export declare const isCallPush: (data: Record<string, any> | null | undefined) => boolean;
+export declare const parseCallPush: (data: Record<string, any> | null | undefined) => ParsedCallPush;

package/dist/helpers/storeConsole.d.ts

@@ -2,4 +2,5 @@ export declare const useStoreConsole: () => {
     chatSettingStore: any;
     rooms: any;
     roomHeapSlice: import('../roomStore/roomHeapSlice').roomHeapSliceState;
+    call: import('immer').WritableDraft<import('../roomStore/callSlice').CallState>;
 };

package/dist/helpers/useDraggable.d.ts

@@ -0,0 +1,18 @@
+export interface DraggablePosition {
+    x: number;
+    y: number;
+}
+/**
+ * Minimal pointer-based drag hook (no deps). Returns the current offset and a
+ * pointer-down handler to attach to a drag handle. The consumer decides how to
+ * apply `pos` (e.g. as `left/top`, or as a delta from a default corner).
+ *
+ * `onChange` fires while dragging so callers can clamp to bounds. Works with
+ * mouse and touch via Pointer Events. `null` position means "not yet dragged"
+ * (use your default layout until the user moves it).
+ */
+export declare const useDraggable: (clamp?: (pos: DraggablePosition) => DraggablePosition) => {
+    pos: DraggablePosition;
+    onPointerDown: (e: React.PointerEvent) => void;
+    setPos: import('react').Dispatch<import('react').SetStateAction<DraggablePosition>>;
+};