@ethora/chat-component 26.9.4 → 26.9.6

package/dist/main.css

@@ -1 +1 @@
-.ethora-chat-root{font-family:var( --ethora-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif );-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ethora-chat-root code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.ethora-chat-root,.ethora-chat-root *{scrollbar-width:thin;scrollbar-color:rgba(20,20,20,.22) transparent;scrollbar-color:var( --ethora-scrollbar-thumb, color-mix(in srgb, var(--ethora-icon-color, #0052cd) 35%, transparent) ) var(--ethora-scrollbar-track, transparent)}.ethora-chat-root::-webkit-scrollbar,.ethora-chat-root ::-webkit-scrollbar{width:8px;height:8px}.ethora-chat-root::-webkit-scrollbar-thumb,.ethora-chat-root ::-webkit-scrollbar-thumb{background-color:#14141438;background-color:var( --ethora-scrollbar-thumb, color-mix(in srgb, var(--ethora-icon-color, #0052cd) 35%, transparent) );border-radius:var(--ethora-radius-full, 999px);border:2px solid transparent;background-clip:content-box}.ethora-chat-root::-webkit-scrollbar-thumb:hover,.ethora-chat-root ::-webkit-scrollbar-thumb:hover{background-color:#14141466;background-color:var( --ethora-scrollbar-thumb-hover, color-mix(in srgb, var(--ethora-icon-color, #0052cd) 60%, transparent) );background-clip:content-box}.ethora-chat-root::-webkit-scrollbar-track,.ethora-chat-root ::-webkit-scrollbar-track{background-color:var(--ethora-scrollbar-track, transparent)}.ethora-apple-emoji{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}.ethora-chat-root .emoji-mart{max-width:320px;max-height:360px;overflow-y:auto;border-radius:12px;box-shadow:0 4px 12px #0000001a}.ethora-message-highlight{animation:ethoraMessageHighlight 2s ease-out;transition:background-color .3s ease}@keyframes ethoraMessageHighlight{0%{background-color:#2196f366;transform:scale(1.02);box-shadow:0 0 0 2px #2196f333}30%{background-color:#2196f34d;box-shadow:0 0 0 2px #2196f326}60%{background-color:#2196f333;box-shadow:0 0 0 1px #2196f31a}to{background-color:transparent;transform:scale(1);box-shadow:none}}@media(max-width:768px){.ethora-message-notification-container{left:50%!important;right:auto!important;transform:translate(-50%)!important;align-items:center!important}.ethora-message-notification-container[data-position-horizontal=left],.ethora-message-notification-container[data-position-horizontal=right]{left:50%!important;right:auto!important;transform:translate(-50%)!important}}
+.ethora-chat-root{font-family:var( --ethora-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif );-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ethora-chat-root code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.ethora-chat-root,.ethora-chat-root *{scrollbar-width:thin;scrollbar-color:rgba(20,20,20,.22) transparent;scrollbar-color:var( --ethora-scrollbar-thumb, color-mix(in srgb, var(--ethora-icon-color, #0052cd) 35%, transparent) ) var(--ethora-scrollbar-track, transparent)}.ethora-chat-root::-webkit-scrollbar,.ethora-chat-root ::-webkit-scrollbar{width:8px;height:8px}.ethora-chat-root::-webkit-scrollbar-thumb,.ethora-chat-root ::-webkit-scrollbar-thumb{background-color:#14141438;background-color:var( --ethora-scrollbar-thumb, color-mix(in srgb, var(--ethora-icon-color, #0052cd) 35%, transparent) );border-radius:var(--ethora-radius-full, 999px);border:2px solid transparent;background-clip:content-box}.ethora-chat-root::-webkit-scrollbar-thumb:hover,.ethora-chat-root ::-webkit-scrollbar-thumb:hover{background-color:#14141466;background-color:var( --ethora-scrollbar-thumb-hover, color-mix(in srgb, var(--ethora-icon-color, #0052cd) 60%, transparent) );background-clip:content-box}.ethora-chat-root::-webkit-scrollbar-track,.ethora-chat-root ::-webkit-scrollbar-track{background-color:var(--ethora-scrollbar-track, transparent)}.ethora-apple-emoji{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}.ethora-chat-root .emoji-mart{max-width:320px;max-height:360px;overflow-y:auto;border-radius:12px;box-shadow:0 4px 12px #0000001a}[data-message-id].ethora-message-highlight{animation:ethoraMessageFlash 1s ease-out;border-radius:var(--ethora-radius-md, 12px)}@keyframes ethoraMessageFlash{0%{background-color:color-mix(in srgb,var(--ethora-color-primary, #0052cd) 35%,transparent)}to{background-color:transparent}}.ethora-message-highlight{animation:ethoraMessageHighlight 1s ease-out;transition:background-color .3s ease}@keyframes ethoraMessageHighlight{0%{background-color:#2196f366;transform:scale(1.02);box-shadow:0 0 0 2px #2196f333}30%{background-color:#2196f34d;box-shadow:0 0 0 2px #2196f326}60%{background-color:#2196f333;box-shadow:0 0 0 1px #2196f31a}to{background-color:transparent;transform:scale(1);box-shadow:none}}@media(max-width:768px){.ethora-message-notification-container{left:50%!important;right:auto!important;transform:translate(-50%)!important;align-items:center!important}.ethora-message-notification-container[data-position-horizontal=left],.ethora-message-notification-container[data-position-horizontal=right]{left:50%!important;right:auto!important;transform:translate(-50%)!important}}

package/dist/main.js

@@ -1,13 +1,13 @@
-import { b5 as a, b6 as r, b7 as b, b8 as o, b9 as t, ba as i, bb as p, bc as u, bd as h, be as n, bf as l, bg as d, bh as f, L as m, bi as T, bj as g, bk as y, bl as I, bm as R, bn as c, bo as k, bp as C, bq as A, ak as E, al as Q, br as F, bs as M } from "./main-BRIZ98KV.js";
+import { ba as a, bb as r, bc as b, bd as o, be as t, bf as u, bg as i, bh as p, bi as h, bj as n, bk as l, bl as d, bm as f, L as m, bn as T, bo as g, bp as y, bq as I, br as R, bs as c, bt as k, bu as C, bv as A, ak as E, al as Q, bw as v, bx as F } from "./main-rJpE4hh-.js";
 export {
   a as AuthTestIds,
   r as Chat,
   b as ChatInputTestIds,
   o as MessageBubbleTestIds,
   t as RefreshFatalError,
-  i as RoomListTestIds,
-  p as XmppProvider,
-  u as applyTypography,
+  u as RoomListTestIds,
+  i as XmppProvider,
+  p as applyTypography,
   h as clearTypography,
   n as formatFingerprint,
   l as handleQRChatId,
@@ -25,6 +25,6 @@ export {
   A as useQRCodeChat,
   E as useRoomMute,
   Q as useRoomPresence,
-  F as useTypography,
-  M as useUnread
+  v as useTypography,
+  F as useUnread
 };

package/dist/networking/api-requests/messageSearch.api.d.ts

@@ -0,0 +1,56 @@
+/**
+ * GET /v2/apps/{appId}/messages/search: full-text / substring search over
+ * the chat archive. For a user token the server restricts it to chats the
+ * caller can see, so no client-side filtering is needed for privacy.
+ */
+export interface MessageSearchHit {
+    /** The archive row's own id: the only identifier every hit is guaranteed to have. */
+    id: string;
+    /** Room name, the local part of the room JID. */
+    chatId: string;
+    chatType: string;
+    /** Full room JID. */
+    room: string;
+    /** Sender's full JID, WITH the xmpp host: `appId_userId@xmpp.host`. */
+    from: string;
+    fromUserId: string;
+    body: string;
+    messageId: string;
+    stanzaId: string;
+    createdAt: string;
+}
+export interface MessageSearchPage {
+    items: MessageSearchHit[];
+    /** Total matches on the server, not the size of this page. */
+    total: number;
+    offset: number;
+    limit: number;
+    /**
+     * Where the next page starts. Counted in SERVER rows, not in `items`:
+     * deleted messages are dropped from `items`, and paging by the filtered
+     * count would re-request rows already seen.
+     */
+    nextOffset: number;
+}
+export interface SearchMessagesParams {
+    q: string;
+    /** Room name (local part of the JID). Omit to search every visible chat. */
+    chatId?: string;
+    /** Only messages from this user (a room member's `_id`). */
+    fromUserId?: string;
+    /** ISO 8601 bounds; the server rejects anything else. */
+    since?: string;
+    until?: string;
+    limit?: number;
+    offset?: number;
+    signal?: AbortSignal;
+}
+export declare const MESSAGE_SEARCH_PAGE_SIZE = 20;
+export declare function searchMessages({ q, chatId, fromUserId, since, until, limit, offset, signal, }: SearchMessagesParams): Promise<MessageSearchPage>;
+/**
+ * A key that is unique per hit. stanzaId and messageId are NOT: on QA whole
+ * pages of older hits come back with both empty, which made every React key
+ * `chatId:` (rows were left behind when the list changed) and made a
+ * duplicate check by those ids throw real hits away.
+ */
+export declare const hitKey: (hit: MessageSearchHit) => string;

package/dist/networking/api-requests/publicChats.api.d.ts

@@ -0,0 +1,23 @@
+/** One entry of GET /v1/chats/public: a chat anyone in the app may join. */
+export interface PublicChat {
+    /** Room name: the local part of its JID. */
+    name: string;
+    title: string;
+    description: string;
+    picture: string;
+    e2ee: boolean;
+}
+export interface PublicChatsPage {
+    items: PublicChat[];
+    total: number;
+    offset: number;
+    limit: number;
+    /** Server rows consumed so far, not counting hidden ones. */
+    nextOffset: number;
+}
+export declare const PUBLIC_CHATS_PAGE_SIZE = 50;
+export declare function getPublicChats({ offset, limit, signal, }?: {
+    offset?: number;
+    limit?: number;
+    signal?: AbortSignal;
+}): Promise<PublicChatsPage>;

package/dist/networking/api-requests/xmppToken.api.d.ts

@@ -0,0 +1 @@
+export declare function fetchFreshXmppPassword(): Promise<string | null>;

package/dist/networking/xmppClient.d.ts

@@ -10,6 +10,8 @@ export declare class XmppClient implements XmppClientInterface {
     client: Client;
     devServer: string | undefined;
     host: string;
+    private configuredHost;
+    private configuredConference;
     service: string;
     conference: string;
     username: string;

package/dist/roomStore/chatSettingsSlice.d.ts

@@ -38,7 +38,7 @@ export declare const setUser: import('@reduxjs/toolkit').ActionCreatorWithOption
     refreshToken: string;
     fileToken?: string;
     xmppPassword?: string;
-}, "chatSettingStore/refreshTokens">, logout: import('@reduxjs/toolkit').ActionCreatorWithoutPayload<"chatSettingStore/logout">, setActiveModal: import('@reduxjs/toolkit').ActionCreatorWithOptionalPayload<string, "chatSettingStore/setActiveModal">, setDeleteModal: import('@reduxjs/toolkit').ActionCreatorWithOptionalPayload<DeleteModal, "chatSettingStore/setDeleteModal">, setSelectedUser: import('@reduxjs/toolkit').ActionCreatorWithOptionalPayload<IUser, "chatSettingStore/setSelectedUser">, updateUser: import('@reduxjs/toolkit').ActionCreatorWithOptionalPayload<{
+}, "chatSettingStore/refreshTokens">, setXmppPassword: import('@reduxjs/toolkit').ActionCreatorWithOptionalPayload<string, "chatSettingStore/setXmppPassword">, logout: import('@reduxjs/toolkit').ActionCreatorWithoutPayload<"chatSettingStore/logout">, setActiveModal: import('@reduxjs/toolkit').ActionCreatorWithOptionalPayload<string, "chatSettingStore/setActiveModal">, setDeleteModal: import('@reduxjs/toolkit').ActionCreatorWithOptionalPayload<DeleteModal, "chatSettingStore/setDeleteModal">, setSelectedUser: import('@reduxjs/toolkit').ActionCreatorWithOptionalPayload<IUser, "chatSettingStore/setSelectedUser">, updateUser: import('@reduxjs/toolkit').ActionCreatorWithOptionalPayload<{
     updates: Partial<User>;
 }, "chatSettingStore/updateUser">, setActiveFile: import('@reduxjs/toolkit').ActionCreatorWithOptionalPayload<ModalFile, "chatSettingStore/setActiveFile">, setLangSource: import('@reduxjs/toolkit').ActionCreatorWithOptionalPayload<Iso639_1Codes, "chatSettingStore/setLangSource">, setTranslateSendEnabled: import('@reduxjs/toolkit').ActionCreatorWithOptionalPayload<boolean, "chatSettingStore/setTranslateSendEnabled">, setTranslateMode: import('@reduxjs/toolkit').ActionCreatorWithOptionalPayload<"auto" | "manual", "chatSettingStore/setTranslateMode">;
 declare const _default: import('redux').Reducer<ChatState>;

package/dist/roomStore/roomsSlice.d.ts

@@ -16,6 +16,34 @@ import { default as XmppClient } from '../networking/xmppClient';
  */
 export declare const MAX_DRAFT_LENGTH = 2000;
 export declare const MAX_PERSISTED_DRAFTS = 30;
+/** A message found in the archive that the chat cannot show in place. */
+export interface ArchivedMessage {
+    roomJID: string;
+    sender: string;
+    body: string;
+    /** ISO timestamp from the archive. */
+    createdAt: string;
+}
+/** A request to scroll a room's transcript to one message. */
+export interface PendingJump {
+    roomJID: string;
+    /** Any id the message may be known by: message id, stanza id, xmpp id. */
+    ids: string[];
+    /**
+     * For a message that has no usable id (search archive rows often carry
+     * none): its timestamp and text, matched against the loaded transcript.
+     */
+    createdAt?: string;
+    body?: string;
+    /**
+     * What to show if the message cannot be reached in the transcript: the hit
+     * itself, so a tap on a search result always ends with the message on
+     * screen rather than an error.
+     */
+    preview?: ArchivedMessage;
+    /** Epoch ms the request was made, to drop one nobody ever fulfilled. */
+    at: number;
+}
 interface RoomMessagesState {
     rooms: {
         [jid: string]: IRoom;
@@ -34,6 +62,9 @@ interface RoomMessagesState {
     loadingText?: string;
     roomsLoadedOnce: boolean;
     roomsLoadError: boolean;
+    pendingJump: PendingJump | null;
+    archivedMessage: ArchivedMessage | null;
+    joiningRoomJID: string | null;
     drafts: Record<string, string>;
 }
 interface PreloadRoomUpdate {
@@ -102,7 +133,13 @@ export declare const addRoom: import('@reduxjs/toolkit').ActionCreatorWithOption
     chatJID?: string;
 }, "roomMessages/setRoomNoMessages">, setRoomsLoadResolved: import('@reduxjs/toolkit').ActionCreatorWithOptionalPayload<{
     success: boolean;
-}, "roomMessages/setRoomsLoadResolved">, setCurrentRoom: import('@reduxjs/toolkit').ActionCreatorWithOptionalPayload<{
+}, "roomMessages/setRoomsLoadResolved">, requestJumpToMessage: import('@reduxjs/toolkit').ActionCreatorWithOptionalPayload<{
+    roomJID: string;
+    ids: string[];
+    createdAt?: string;
+    body?: string;
+    preview?: ArchivedMessage;
+}, "roomMessages/requestJumpToMessage">, clearPendingJump: import('@reduxjs/toolkit').ActionCreatorWithoutPayload<"roomMessages/clearPendingJump">, showArchivedMessage: import('@reduxjs/toolkit').ActionCreatorWithOptionalPayload<ArchivedMessage, "roomMessages/showArchivedMessage">, clearArchivedMessage: import('@reduxjs/toolkit').ActionCreatorWithoutPayload<"roomMessages/clearArchivedMessage">, setJoiningRoom: import('@reduxjs/toolkit').ActionCreatorWithOptionalPayload<string, "roomMessages/setJoiningRoom">, clearJoiningRoom: import('@reduxjs/toolkit').ActionCreatorWithOptionalPayload<string, "roomMessages/clearJoiningRoom">, setCurrentRoom: import('@reduxjs/toolkit').ActionCreatorWithOptionalPayload<{
     roomJID: string | null;
 }, "roomMessages/setCurrentRoom">, setMemberOnline: import('@reduxjs/toolkit').ActionCreatorWithOptionalPayload<{
     roomJID: string;

package/dist/styles/classNames.d.ts

@@ -29,6 +29,8 @@
 export declare const CHAT_ROOT_CLASS = "ethora-chat-root";
 /** Transient highlight flashed on a message when a notification is opened. */
 export declare const MESSAGE_HIGHLIGHT_CLASS = "ethora-message-highlight";
+/** How long the highlight stays on a message; keep equal to the CSS animation. */
+export declare const HIGHLIGHT_MS = 1000;
 /** Fixed-position container holding the in-app notification toasts. */
 export declare const NOTIFICATION_CONTAINER_CLASS = "ethora-message-notification-container";
 /** Forces the colour-emoji font on nodes that render a bare emoji glyph. */

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

@@ -494,6 +494,17 @@ export interface IConfig {
      * a presence state, not a count, so it is unaffected.
      */
     disableUserCount?: boolean;
+    /**
+     * Hide the "Search messages" button in the chat header (and so the search
+     * panel). Search is also hidden when `appId` is not set, since the archive
+     * it queries is scoped by app.
+     */
+    disableMessageSearch?: boolean;
+    /**
+     * Hide the "Discover chats" entry of the room list menu, the directory of
+     * the app's public chats (GET /v1/chats/public).
+     */
+    disablePublicChatsDirectory?: boolean;
     disableSentLogic?: boolean;
     initBeforeLoad?: boolean;
     initBeforeLoadAuth?: {

package/dist/utils/notificationUtils.d.ts

@@ -9,6 +9,18 @@ import { PushPayloadLike } from './notificationPolicy';
 export declare function showBrowserNotification(title: string, options: NotificationOptions & {
     data?: any;
 }, serviceWorkerScope?: string, onClick?: (event: Event) => void): Promise<void>;
+/**
+ * Only http(s) URLs and same-origin paths are usable as a notification icon;
+ * anything else is dropped rather than handed to the browser.
+ */
+export declare function sanitizeIconUrl(value: unknown): string;
+/**
+ * The icon a push asks for: its own icon first (data.icon, notification.icon),
+ * then the picture it carries (notification.image, what this used to return
+ * unconditionally), then the favicon. The service worker applies the same
+ * preference for a backgrounded tab.
+ */
+export declare function pickPushIcon(payload: PushPayloadLike): string;
 /**
  * Helper to extract common data from a message/payload for browser notifications.
  */

package/dist/version.d.ts

@@ -1 +1 @@
-export declare const ETHORA_CHAT_COMPONENT_VERSION = "26.9.1";
+export declare const ETHORA_CHAT_COMPONENT_VERSION = "26.9.6";

package/package.json

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

package/public/firebase-messaging-sw.js

@@ -172,8 +172,26 @@ function pickUrl(raw = {}, data = {}, notification = {}) {
   );
 }
 
-function pickIcon() {
-  return CUSTOM_ICON || DEFAULT_ICON;
+// An icon the push itself carries (data.icon, notification.icon or icon on
+// the payload) wins over the one configured for the whole app: a push about a
+// specific chat or sender knows better than the app-wide default. Only http(s)
+// and same-origin paths are accepted; anything else (data:, javascript:, a
+// bare word) is ignored and the configured/default icon is used instead.
+function sanitizeIconUrl(value) {
+  const url = typeof value === 'string' ? value.trim() : '';
+  if (!url) return '';
+  if (url.charAt(0) === '/' && url.charAt(1) !== '/') return url;
+  return /^https?:\/\/[^\s]+$/i.test(url) ? url : '';
+}
+
+function pickIcon(raw = {}, data = {}, notification = {}) {
+  return (
+    sanitizeIconUrl(data.icon) ||
+    sanitizeIconUrl(notification.icon) ||
+    sanitizeIconUrl(raw.icon) ||
+    CUSTOM_ICON ||
+    DEFAULT_ICON
+  );
 }
 
 function pickBadge() {
@@ -332,7 +350,7 @@ async function handlePush(raw = {}, source = 'push') {
   const title = pickTitle(raw, data, notification);
   const body = pickBody(raw, data, notification);
   const url = pickUrl(raw, data, notification);
-  const icon = pickIcon();
+  const icon = pickIcon(raw, data, notification);
   const badge = pickBadge();
   const image = pickImage(raw, data, notification);