@ethora/chat-component-rn 26.10.4 → 26.10.6

package/src/types/types.ts

@@ -43,6 +43,11 @@ export interface IRoom {
   composing?: boolean;
   composingList?: string[];
   lastViewedTimestamp?: number;
+  /**
+   * XEP-0333 read watermark per user: the id of the newest message each other
+   * occupant has displayed. Session-only (never persisted). See readReceipts.ts.
+   */
+  lastDisplayedByUser?: Record<string, string>;
   unreadMessages?: number;
   /**
    * Unread count the server reported for this room in `GET /v1/chats/my`
@@ -473,6 +478,15 @@ export interface IConfig {
   };
   disableHeader?: boolean;
   disableMedia?: boolean;
+  /**
+   * Limits for files picked in the composer. One message carries up to
+   * `maxFiles` files (hard ceiling 10, the default); `maxSizeMB` lowers the
+   * per-file cap below the built-in 50 MB upload limit.
+   */
+  attachments?: {
+    maxFiles?: number;
+    maxSizeMB?: number;
+  };
   /**
    * Enable in-chat voice-message recording. **Opt-in — off by default.**
    * When `true`, an idle input (no text, no attachments) shows a
@@ -580,6 +594,12 @@ export interface IConfig {
   // ----- xmpp / QoS -----
   xmppSettings?: xmppSettingsInterface;
   disableLastRead?: boolean;
+  /**
+   * Stops this client from sending receipts: both the XEP-0184 delivery
+   * receipt and the XEP-0333 read marker, so other members see neither
+   * "delivered" nor "seen" for what this reader gets. Default false.
+   */
+  disableReadReceipts?: boolean;
   historyQoS?: HistoryQoSConfig;
   /**
    * Background history preload for the room list.
@@ -1023,6 +1043,54 @@ export interface VideoCallsConfig {
   showScreenShare?: boolean;
   /** Custom icons for the call control bar / ring screen. */
   icons?: VideoCallIcons;
+  /**
+   * The system "call in progress" surface outside the app, typically an
+   * Android ongoing-call notification (a foreground service, which Android
+   * also needs to keep the microphone and camera alive in the background).
+   * Native code, so the host supplies it; the SDK drives it from the call
+   * state and handles its buttons. On iOS the same role is played by
+   * CallKit (`react-native-callkeep`), which the SDK uses on its own.
+   */
+  ongoingCallNotification?: OngoingCallNotification;
+}
+
+/** What the ongoing-call notification should show. Sent on every change. */
+export interface OngoingCallNotificationState {
+  callId: string;
+  /** The peer's display name. */
+  title: string;
+  /** Localized second line, e.g. "Ongoing video call" or "Connecting...". */
+  text: string;
+  kind: 'audio' | 'video';
+  /** Epoch ms the call connected, for a running timer; null before. */
+  connectedAt: number | null;
+  micOn: boolean;
+  cameraOn: boolean;
+  /** Localized button labels. */
+  labels: {
+    hangUp: string;
+    mute: string;
+    unmute: string;
+    cameraOn: string;
+    cameraOff: string;
+  };
+}
+
+export type OngoingCallNotificationAction =
+  | 'hangUp'
+  | 'toggleMic'
+  | 'toggleCamera'
+  /** The notification itself was tapped and brought the app forward. */
+  | 'open';
+
+export interface OngoingCallNotification {
+  /** Create the notification, or update it if it is already shown. */
+  show: (state: OngoingCallNotificationState) => void;
+  hide: () => void;
+  /** Returns the unsubscribe function. */
+  addActionListener: (
+    listener: (action: OngoingCallNotificationAction) => void
+  ) => () => void;
 }
 
 interface ConfigRoom {
@@ -1081,13 +1149,27 @@ export interface ModalFile {
   originalName?: string;
   duration?: number | string;
   waveForm?: string;
+  /**
+   * The other files of the album this one was opened from, this one
+   * included, in order. With `index` it lets the viewer page through them.
+   */
+  siblings?: ModalFile[];
+  /** Position of this file in `siblings`. */
+  index?: number;
 }
 
 // Re-export so middleware/hooks that historically import from `types`
 // keep working without reaching into `types/models/...`.
 export type { ReactionAction } from './models/action.model';
 export type { Iso639_1Codes } from './models/language.model';
-export type { IMessage, IReply, LastMessage, ReactionMessage } from './models/message.model';
+export type {
+  IMessage,
+  IReply,
+  LastMessage,
+  ReactionMessage,
+  IMentionSpan,
+} from './models/message.model';
+export type { IAttachment } from './models/attachment.model';
 export type { RoomMember, ApiRoom, ChatAccessOption } from './models/room.model';
 export type { MediaFile } from './models/media.model';
 export type { TranslationObject } from '../helpers/transformTranslatations';

package/src/version.ts

@@ -1,3 +1,3 @@
 // Generated by scripts/sync-version.mjs on `npm version`.
 // Edit package.json's version instead of this file.
-export const ETHORA_CHAT_COMPONENT_VERSION = '26.10.4';
+export const ETHORA_CHAT_COMPONENT_VERSION = '26.10.6';

package/lib/commonjs/components/VideoCalls/useDraggable.js

@@ -1,59 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useDraggable = void 0;
-var _react = require("react");
-var _reactNative = require("react-native");
-/**
- * Drag a floating element around (web's useDraggable, for the self-view
- * tile and the minimized call panel). The offset is kept between drags.
- *
- * The responder only claims the gesture once the finger actually moves a
- * few points, so taps still reach the buttons inside the dragged element.
- */
-const useDraggable = () => {
-  const position = (0, _react.useRef)(new _reactNative.Animated.ValueXY({
-    x: 0,
-    y: 0
-  })).current;
-  const offset = (0, _react.useRef)({
-    x: 0,
-    y: 0
-  });
-  const panHandlers = (0, _react.useMemo)(() => _reactNative.PanResponder.create({
-    onMoveShouldSetPanResponder: (_event, gesture) => Math.abs(gesture.dx) > 4 || Math.abs(gesture.dy) > 4,
-    onPanResponderGrant: () => {
-      position.setOffset(offset.current);
-      position.setValue({
-        x: 0,
-        y: 0
-      });
-    },
-    onPanResponderMove: _reactNative.Animated.event([null, {
-      dx: position.x,
-      dy: position.y
-    }], {
-      useNativeDriver: false
-    }),
-    onPanResponderRelease: (_event, gesture) => {
-      offset.current = {
-        x: offset.current.x + gesture.dx,
-        y: offset.current.y + gesture.dy
-      };
-      position.flattenOffset();
-    },
-    onPanResponderTerminate: () => {
-      position.flattenOffset();
-    }
-  }).panHandlers, [position]);
-  return {
-    panHandlers,
-    style: {
-      transform: position.getTranslateTransform()
-    }
-  };
-};
-exports.useDraggable = useDraggable;
-//# sourceMappingURL=useDraggable.js.map

package/lib/commonjs/components/VideoCalls/useDraggable.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","require","_reactNative","useDraggable","position","useRef","Animated","ValueXY","x","y","current","offset","panHandlers","useMemo","PanResponder","create","onMoveShouldSetPanResponder","_event","gesture","Math","abs","dx","dy","onPanResponderGrant","setOffset","setValue","onPanResponderMove","event","useNativeDriver","onPanResponderRelease","flattenOffset","onPanResponderTerminate","style","transform","getTranslateTransform","exports"],"sourceRoot":"../../../../src","sources":["components/VideoCalls/useDraggable.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAME,YAAY,GAAGA,CAAA,KAAM;EAChC,MAAMC,QAAQ,GAAG,IAAAC,aAAM,EAAC,IAAIC,qBAAQ,CAACC,OAAO,CAAC;IAAEC,CAAC,EAAE,CAAC;IAAEC,CAAC,EAAE;EAAE,CAAC,CAAC,CAAC,CAACC,OAAO;EACrE,MAAMC,MAAM,GAAG,IAAAN,aAAM,EAAC;IAAEG,CAAC,EAAE,CAAC;IAAEC,CAAC,EAAE;EAAE,CAAC,CAAC;EAErC,MAAMG,WAAW,GAAG,IAAAC,cAAO,EACzB,MACEC,yBAAY,CAACC,MAAM,CAAC;IAClBC,2BAA2B,EAAEA,CAACC,MAAM,EAAEC,OAAO,KAC3CC,IAAI,CAACC,GAAG,CAACF,OAAO,CAACG,EAAE,CAAC,GAAG,CAAC,IAAIF,IAAI,CAACC,GAAG,CAACF,OAAO,CAACI,EAAE,CAAC,GAAG,CAAC;IACtDC,mBAAmB,EAAEA,CAAA,KAAM;MACzBnB,QAAQ,CAACoB,SAAS,CAACb,MAAM,CAACD,OAAO,CAAC;MAClCN,QAAQ,CAACqB,QAAQ,CAAC;QAAEjB,CAAC,EAAE,CAAC;QAAEC,CAAC,EAAE;MAAE,CAAC,CAAC;IACnC,CAAC;IACDiB,kBAAkB,EAAEpB,qBAAQ,CAACqB,KAAK,CAChC,CAAC,IAAI,EAAE;MAAEN,EAAE,EAAEjB,QAAQ,CAACI,CAAC;MAAEc,EAAE,EAAElB,QAAQ,CAACK;IAAE,CAAC,CAAC,EAC1C;MAAEmB,eAAe,EAAE;IAAM,CAC3B,CAAC;IACDC,qBAAqB,EAAEA,CAACZ,MAAM,EAAEC,OAAO,KAAK;MAC1CP,MAAM,CAACD,OAAO,GAAG;QACfF,CAAC,EAAEG,MAAM,CAACD,OAAO,CAACF,CAAC,GAAGU,OAAO,CAACG,EAAE;QAChCZ,CAAC,EAAEE,MAAM,CAACD,OAAO,CAACD,CAAC,GAAGS,OAAO,CAACI;MAChC,CAAC;MACDlB,QAAQ,CAAC0B,aAAa,CAAC,CAAC;IAC1B,CAAC;IACDC,uBAAuB,EAAEA,CAAA,KAAM;MAC7B3B,QAAQ,CAAC0B,aAAa,CAAC,CAAC;IAC1B;EACF,CAAC,CAAC,CAAClB,WAAW,EAChB,CAACR,QAAQ,CACX,CAAC;EAED,OAAO;IACLQ,WAAW;IACXoB,KAAK,EAAE;MAAEC,SAAS,EAAE7B,QAAQ,CAAC8B,qBAAqB,CAAC;IAAE;EACvD,CAAC;AACH,CAAC;AAACC,OAAA,CAAAhC,YAAA,GAAAA,YAAA","ignoreList":[]}

package/lib/module/components/VideoCalls/useDraggable.js

@@ -1,55 +0,0 @@
-"use strict";
-
-import { useMemo, useRef } from 'react';
-import { Animated, PanResponder } from 'react-native';
-
-/**
- * Drag a floating element around (web's useDraggable, for the self-view
- * tile and the minimized call panel). The offset is kept between drags.
- *
- * The responder only claims the gesture once the finger actually moves a
- * few points, so taps still reach the buttons inside the dragged element.
- */
-export const useDraggable = () => {
-  const position = useRef(new Animated.ValueXY({
-    x: 0,
-    y: 0
-  })).current;
-  const offset = useRef({
-    x: 0,
-    y: 0
-  });
-  const panHandlers = useMemo(() => PanResponder.create({
-    onMoveShouldSetPanResponder: (_event, gesture) => Math.abs(gesture.dx) > 4 || Math.abs(gesture.dy) > 4,
-    onPanResponderGrant: () => {
-      position.setOffset(offset.current);
-      position.setValue({
-        x: 0,
-        y: 0
-      });
-    },
-    onPanResponderMove: Animated.event([null, {
-      dx: position.x,
-      dy: position.y
-    }], {
-      useNativeDriver: false
-    }),
-    onPanResponderRelease: (_event, gesture) => {
-      offset.current = {
-        x: offset.current.x + gesture.dx,
-        y: offset.current.y + gesture.dy
-      };
-      position.flattenOffset();
-    },
-    onPanResponderTerminate: () => {
-      position.flattenOffset();
-    }
-  }).panHandlers, [position]);
-  return {
-    panHandlers,
-    style: {
-      transform: position.getTranslateTransform()
-    }
-  };
-};
-//# sourceMappingURL=useDraggable.js.map

package/lib/module/components/VideoCalls/useDraggable.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["useMemo","useRef","Animated","PanResponder","useDraggable","position","ValueXY","x","y","current","offset","panHandlers","create","onMoveShouldSetPanResponder","_event","gesture","Math","abs","dx","dy","onPanResponderGrant","setOffset","setValue","onPanResponderMove","event","useNativeDriver","onPanResponderRelease","flattenOffset","onPanResponderTerminate","style","transform","getTranslateTransform"],"sourceRoot":"../../../../src","sources":["components/VideoCalls/useDraggable.ts"],"mappings":";;AAAA,SAASA,OAAO,EAAEC,MAAM,QAAQ,OAAO;AACvC,SAASC,QAAQ,EAAEC,YAAY,QAAQ,cAAc;;AAErD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,YAAY,GAAGA,CAAA,KAAM;EAChC,MAAMC,QAAQ,GAAGJ,MAAM,CAAC,IAAIC,QAAQ,CAACI,OAAO,CAAC;IAAEC,CAAC,EAAE,CAAC;IAAEC,CAAC,EAAE;EAAE,CAAC,CAAC,CAAC,CAACC,OAAO;EACrE,MAAMC,MAAM,GAAGT,MAAM,CAAC;IAAEM,CAAC,EAAE,CAAC;IAAEC,CAAC,EAAE;EAAE,CAAC,CAAC;EAErC,MAAMG,WAAW,GAAGX,OAAO,CACzB,MACEG,YAAY,CAACS,MAAM,CAAC;IAClBC,2BAA2B,EAAEA,CAACC,MAAM,EAAEC,OAAO,KAC3CC,IAAI,CAACC,GAAG,CAACF,OAAO,CAACG,EAAE,CAAC,GAAG,CAAC,IAAIF,IAAI,CAACC,GAAG,CAACF,OAAO,CAACI,EAAE,CAAC,GAAG,CAAC;IACtDC,mBAAmB,EAAEA,CAAA,KAAM;MACzBf,QAAQ,CAACgB,SAAS,CAACX,MAAM,CAACD,OAAO,CAAC;MAClCJ,QAAQ,CAACiB,QAAQ,CAAC;QAAEf,CAAC,EAAE,CAAC;QAAEC,CAAC,EAAE;MAAE,CAAC,CAAC;IACnC,CAAC;IACDe,kBAAkB,EAAErB,QAAQ,CAACsB,KAAK,CAChC,CAAC,IAAI,EAAE;MAAEN,EAAE,EAAEb,QAAQ,CAACE,CAAC;MAAEY,EAAE,EAAEd,QAAQ,CAACG;IAAE,CAAC,CAAC,EAC1C;MAAEiB,eAAe,EAAE;IAAM,CAC3B,CAAC;IACDC,qBAAqB,EAAEA,CAACZ,MAAM,EAAEC,OAAO,KAAK;MAC1CL,MAAM,CAACD,OAAO,GAAG;QACfF,CAAC,EAAEG,MAAM,CAACD,OAAO,CAACF,CAAC,GAAGQ,OAAO,CAACG,EAAE;QAChCV,CAAC,EAAEE,MAAM,CAACD,OAAO,CAACD,CAAC,GAAGO,OAAO,CAACI;MAChC,CAAC;MACDd,QAAQ,CAACsB,aAAa,CAAC,CAAC;IAC1B,CAAC;IACDC,uBAAuB,EAAEA,CAAA,KAAM;MAC7BvB,QAAQ,CAACsB,aAAa,CAAC,CAAC;IAC1B;EACF,CAAC,CAAC,CAAChB,WAAW,EAChB,CAACN,QAAQ,CACX,CAAC;EAED,OAAO;IACLM,WAAW;IACXkB,KAAK,EAAE;MAAEC,SAAS,EAAEzB,QAAQ,CAAC0B,qBAAqB,CAAC;IAAE;EACvD,CAAC;AACH,CAAC","ignoreList":[]}

package/lib/typescript/components/VideoCalls/useDraggable.d.ts

@@ -1,19 +0,0 @@
-import { Animated } from 'react-native';
-/**
- * Drag a floating element around (web's useDraggable, for the self-view
- * tile and the minimized call panel). The offset is kept between drags.
- *
- * The responder only claims the gesture once the finger actually moves a
- * few points, so taps still reach the buttons inside the dragged element.
- */
-export declare const useDraggable: () => {
-    panHandlers: import("react-native").GestureResponderHandlers;
-    style: {
-        transform: [{
-            translateX: Animated.AnimatedValue;
-        }, {
-            translateY: Animated.AnimatedValue;
-        }];
-    };
-};
-//# sourceMappingURL=useDraggable.d.ts.map

package/lib/typescript/components/VideoCalls/useDraggable.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDraggable.d.ts","sourceRoot":"","sources":["../../../../src/components/VideoCalls/useDraggable.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAgB,MAAM,cAAc,CAAC;AAEtD;;;;;;GAMG;AACH,eAAO,MAAM,YAAY;;;;;;;;;CAmCxB,CAAC"}

package/src/components/VideoCalls/useDraggable.ts

@@ -1,46 +0,0 @@
-import { useMemo, useRef } from 'react';
-import { Animated, PanResponder } from 'react-native';
-
-/**
- * Drag a floating element around (web's useDraggable, for the self-view
- * tile and the minimized call panel). The offset is kept between drags.
- *
- * The responder only claims the gesture once the finger actually moves a
- * few points, so taps still reach the buttons inside the dragged element.
- */
-export const useDraggable = () => {
-  const position = useRef(new Animated.ValueXY({ x: 0, y: 0 })).current;
-  const offset = useRef({ x: 0, y: 0 });
-
-  const panHandlers = useMemo(
-    () =>
-      PanResponder.create({
-        onMoveShouldSetPanResponder: (_event, gesture) =>
-          Math.abs(gesture.dx) > 4 || Math.abs(gesture.dy) > 4,
-        onPanResponderGrant: () => {
-          position.setOffset(offset.current);
-          position.setValue({ x: 0, y: 0 });
-        },
-        onPanResponderMove: Animated.event(
-          [null, { dx: position.x, dy: position.y }],
-          { useNativeDriver: false }
-        ),
-        onPanResponderRelease: (_event, gesture) => {
-          offset.current = {
-            x: offset.current.x + gesture.dx,
-            y: offset.current.y + gesture.dy,
-          };
-          position.flattenOffset();
-        },
-        onPanResponderTerminate: () => {
-          position.flattenOffset();
-        },
-      }).panHandlers,
-    [position]
-  );
-
-  return {
-    panHandlers,
-    style: { transform: position.getTranslateTransform() },
-  };
-};