@ethora/chat-component 26.9.5 → 26.9.8

package/dist/{SideDrawer-BG2m7Bcm.js → SideDrawer-CDAoobvX.js}

@@ -1,6 +1,6 @@
 import { jsxs as i, jsx as o } from "react/jsx-runtime";
 import { useId as f, useRef as v } from "react";
-import { p as u, y as g, aI as m, aJ as w, B as b, aK as y, x as e, aL as D, aM as k } from "./main-BRIZ98KV.js";
+import { p as u, y as g, aO as m, aV as w, B as b, aW as y, x as e, aX as D, aY as k } from "./main-BnLtessp.js";
 const c = 767, R = `${c}px`, z = e.div`
   position: relative;
   pointer-events: auto;
@@ -58,11 +58,11 @@ const c = 767, R = `${c}px`, z = e.div`
     padding-left: var(--ethora-space-4, 16px);
     padding-right: var(--ethora-space-4, 16px);
   }
-`, $ = e.section`
+`, O = e.section`
   display: flex;
   flex-direction: column;
   gap: var(--ethora-space-2, 8px);
-`, K = e.h3`
+`, W = e.h3`
   margin: 0;
   padding: 0 var(--ethora-space-1, 4px);
   font-size: var(--ethora-font-size-xs, 12px);
@@ -70,7 +70,7 @@ const c = 767, R = `${c}px`, z = e.div`
   letter-spacing: 0.06em;
   text-transform: uppercase;
   color: var(--ethora-color-text-muted, #8c8c8c);
-`, O = e.div`
+`, $ = e.div`
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
@@ -79,17 +79,17 @@ const c = 767, R = `${c}px`, z = e.div`
   border-radius: var(--ethora-radius-md, 12px);
   background-color: var(--ethora-color-bg, #fff);
   overflow: hidden;
-`, W = e.div`
+`, _ = e.div`
   display: flex;
   flex-direction: column;
   gap: var(--ethora-space-1, 4px);
   padding: var(--ethora-space-3, 12px) var(--ethora-space-4, 16px);
-`, _ = e.div`
+`, K = e.div`
   display: flex;
   align-items: baseline;
   justify-content: space-between;
   gap: var(--ethora-space-2, 8px);
-`, F = e.button`
+`, V = e.button`
   border: none;
   background: transparent;
   padding: var(--ethora-space-2, 8px) 0;
@@ -109,11 +109,11 @@ const c = 767, R = `${c}px`, z = e.div`
     outline-offset: 2px;
     border-radius: var(--ethora-radius-sm, 8px);
   }
-`, J = e.div`
+`, X = e.div`
   height: 1px;
   margin: 0 var(--ethora-space-4, 16px);
   background-color: var(--ethora-color-border, #e6e8ec);
-`, V = e.div`
+`, F = e.div`
   display: flex;
   align-items: center;
   gap: var(--ethora-space-2, 8px);
@@ -135,7 +135,7 @@ const c = 767, R = `${c}px`, z = e.div`
   & > svg {
     flex: 0 0 auto;
   }
-`, X = e.input`
+`, Y = e.input`
   flex: 1 1 auto;
   min-width: 0;
   border: none;
@@ -152,18 +152,18 @@ const c = 767, R = `${c}px`, z = e.div`
   display: flex;
   flex-direction: column;
   width: 100%;
-`, L = e.div`
+`, T = e.div`
   font-size: var(--ethora-font-size-sm, 14px);
   font-weight: var(--ethora-font-weight-medium, 500);
   color: var(--ethora-color-text, #141414);
   text-align: start;
-`, T = e.div`
+`, C = e.div`
   font-size: var(--ethora-font-size-xs, 12px);
   font-weight: var(--ethora-font-weight-regular, 400);
   color: var(--ethora-color-text-muted, #8c8c8c);
   text-align: start;
   line-height: 1.4;
-`, C = e.button`
+`, E = e.button`
   display: flex;
   align-items: center;
   gap: var(--ethora-space-3, 12px);
@@ -186,17 +186,17 @@ const c = 767, R = `${c}px`, z = e.div`
     outline: 2px solid var(--ethora-color-primary, #0052cd);
     outline-offset: -2px;
   }
-`, E = e.span`
+`, L = e.span`
   display: flex;
   flex-direction: column;
   gap: var(--ethora-space-1, 4px);
   flex: 1 1 auto;
   min-width: 0;
-`, M = e.span`
+`, j = e.span`
   flex: 0 0 auto;
   display: inline-flex;
   color: var(--ethora-color-text-muted, #8c8c8c);
-`, j = () => /* @__PURE__ */ o("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ o(
+`, M = () => /* @__PURE__ */ o("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ o(
   "path",
   {
     d: "M6 3.5L10.5 8L6 12.5",
@@ -209,13 +209,13 @@ const c = 767, R = `${c}px`, z = e.div`
   label: r,
   hint: a,
   onClick: t
-}) => /* @__PURE__ */ i(C, { type: "button", onClick: t, children: [
-  /* @__PURE__ */ i(E, { children: [
-    /* @__PURE__ */ o(L, { children: r }),
-    a && /* @__PURE__ */ o(T, { children: a })
+}) => /* @__PURE__ */ i(E, { type: "button", onClick: t, children: [
+  /* @__PURE__ */ i(L, { children: [
+    /* @__PURE__ */ o(T, { children: r }),
+    a && /* @__PURE__ */ o(C, { children: a })
   ] }),
-  /* @__PURE__ */ o(M, { "aria-hidden": "true", children: /* @__PURE__ */ o(j, {}) })
-] }), Q = ({
+  /* @__PURE__ */ o(j, { "aria-hidden": "true", children: /* @__PURE__ */ o(M, {}) })
+] }), J = ({
   title: r,
   onClose: a,
   headerActions: t,
@@ -253,18 +253,18 @@ const c = 767, R = `${c}px`, z = e.div`
   );
 };
 export {
-  $ as D,
-  Q as S,
-  K as a,
-  O as b,
-  J as c,
+  O as D,
+  J as S,
+  W as a,
+  $ as b,
+  X as c,
   G as d,
-  W as e,
-  T as f,
-  L as g,
-  _ as h,
-  V as i,
-  X as j,
+  _ as e,
+  C as f,
+  T as g,
+  K as h,
+  F as i,
+  Y as j,
   q as k,
-  F as l
+  V as l
 };

package/dist/{UserProfileModal-B2Hp5bAF.js → UserProfileModal-4Frgvam-.js}

@@ -1,8 +1,8 @@
 import { jsxs as u, Fragment as $, jsx as o } from "react/jsx-runtime";
 import { forwardRef as ge, useState as I, useCallback as y, useImperativeHandle as ve, useRef as ae, useMemo as M } from "react";
-import { a as be, p as J, t as ye, v as xe, w as we, P as re, I as H, x as D, y as Ce, z as Se, C as Ie, D as te, E as De, F as Ne, G as ke, J as Ue, u as Q, K as Fe, L as Pe, N as Ae, O as Re, Q as Y, q as Z, R as ze, S as je, T as Be, s as $e, B as X, U as Ee, W as Oe, X as Te, Y as ee, Z as R, _ as Le, $ as Me, V as He, A as Xe, a0 as We, a1 as Je, a2 as Ke, a3 as Ve } from "./main-BRIZ98KV.js";
-import { D as E, a as W, b as Ge, e as qe, f as _e, S as Qe } from "./SideDrawer-BG2m7Bcm.js";
-import { P as ne, a as Ye, D as Ze, b as eo, h as oo } from "./handleCopyClick-DPjxMoJn.js";
+import { a as be, p as J, t as ye, v as xe, w as we, P as re, I as H, x as D, y as Ce, z as Se, C as Ie, D as te, E as De, F as Ne, G as ke, J as Ue, u as Q, K as Fe, L as Pe, N as Ae, O as Re, Q as Y, q as Z, R as ze, S as je, T as Be, s as $e, B as X, U as Ee, W as Oe, X as Te, Y as ee, Z as R, _ as Le, $ as Me, V as He, A as Xe, a0 as We, a1 as Je, a2 as Ke, a3 as Ve } from "./main-BnLtessp.js";
+import { D as E, a as W, b as Ge, e as qe, f as _e, S as Qe } from "./SideDrawer-CDAoobvX.js";
+import { P as ne, a as Ye, D as Ze, b as eo, h as oo } from "./handleCopyClick-BtXos0AJ.js";
 const ao = (c, i) => {
   const l = atob(c.split(",")[1]), g = new ArrayBuffer(l.length), e = new Uint8Array(g);
   for (let r = 0; r < l.length; r++)

package/dist/{UserSettingsModal-D871FDAT.js → UserSettingsModal-C-mb-9cb.js}

@@ -1,7 +1,7 @@
 import { jsx as i, jsxs as r } from "react/jsx-runtime";
 import m, { useCallback as D, useMemo as h } from "react";
-import { p, a as g, q as w, M as l } from "./main-BRIZ98KV.js";
-import { S as b, D as u, a as k, b as y, c as S, d as f } from "./SideDrawer-BG2m7Bcm.js";
+import { p, a as g, q as w, M as l } from "./main-BnLtessp.js";
+import { S as b, D as u, a as k, b as y, c as S, d as f } from "./SideDrawer-CDAoobvX.js";
 const T = ({
   handleCloseModal: n
 }) => {

package/dist/{VideoCallOverlay-Br0ji0nZ.js → VideoCallOverlay-92dFLb9U.js}

@@ -1,7 +1,7 @@
 import { jsxs as K, jsx as x, Fragment as Hr } from "react/jsx-runtime";
 import * as F from "react";
 import { useState as Yt, useRef as ke, useEffect as be, useMemo as Wt, useCallback as mi } from "react";
-import { u as Xi, P as Kn, H as xi, a as Hd, b as zd, c as Kd, d as Gd, s as po, e as Jd, f as Yd, g as fo, h as $d, i as Xd, j as mo, k as Qd, l as Zd, r as go, m as eu, n as tu, A as vo, V as bo, B as nu } from "./main-BRIZ98KV.js";
+import { u as Xi, P as Kn, H as xi, a as Hd, b as zd, c as Kd, d as Gd, s as po, e as Jd, f as Yd, g as fo, h as $d, i as Xd, j as mo, k as Qd, l as Zd, r as go, m as eu, n as tu, A as vo, V as bo, B as nu } from "./main-BnLtessp.js";
 function iu(n, e) {
   return e.forEach(function(t) {
     t && typeof t != "string" && !Array.isArray(t) && Object.keys(t).forEach(function(i) {

package/dist/{VisibilityModal-DdFBV1_g.js → VisibilityModal-zIAV6dAP.js}

@@ -1,7 +1,7 @@
 import { jsxs as r, jsx as s } from "react/jsx-runtime";
 import { useState as b, useEffect as x } from "react";
-import { x as o, a as L, p as P, u as z, aG as D, aH as I } from "./main-BRIZ98KV.js";
-import { S as N, D as C, a as $, b as k, e as w, f as p } from "./SideDrawer-BG2m7Bcm.js";
+import { x as o, a as L, p as N, u as P, aM as D, aN as z } from "./main-BnLtessp.js";
+import { S as I, D as C, a as $, b as k, e as w, f as p } from "./SideDrawer-CDAoobvX.js";
 o.div``;
 o.div`
   font-size: 16px;
@@ -25,7 +25,7 @@ const O = o.div`
 `, u = o.input`
   accent-color: ${({ $radioColor: i }) => i || "var(--ethora-color-primary, #0052CD)"};
   margin: 0px;
-`, R = o.div`
+`, M = o.div`
   padding: 10px 15px;
   margin-top: 16px;
   color: ${({ type: i }) => i === "success" ? "#10b981" : "#ef4444"};
@@ -39,12 +39,12 @@ const O = o.div`
     background: ${({ type: i }) => i === "success" ? "rgba(16, 185, 129, 0.15)" : "rgba(242, 118, 107, 0.15)"};
     border-color: ${({ type: i }) => i === "success" ? "var(--ethora-color-success, #10b981)" : "var(--ethora-color-danger, #ef4444)"};
   }
-`, H = ({
+`, B = ({
   handleCloseModal: i
 }) => {
-  const S = L(), e = P(), { user: n, config: l } = z(
+  const S = L(), e = N(), { user: n, config: l } = P(
     (t) => t.chatSettingStore
-  ), g = (t) => S(I(t)), [a, m] = b(n?.isProfileOpen), [c, v] = b(n?.isAssetsOpen), [f, y] = b(null), d = (t, A) => {
+  ), g = (t) => S(z(t)), [a, m] = b(n?.isProfileOpen), [c, v] = b(n?.isAssetsOpen), [f, y] = b(null), d = (t, A) => {
     y({ message: t, type: A }), setTimeout(() => y(null), 3e3);
   };
   return x(() => {
@@ -56,7 +56,7 @@ const O = o.div`
       g(t.user), d(e("notification.saved"), "success");
     }).catch(() => d(e("toast.error"), "error"));
   }, [c]), /* @__PURE__ */ r(
-    N,
+    I,
     {
       title: e("settings.visibility.title"),
       onClose: i,
@@ -128,11 +128,11 @@ const O = o.div`
             /* @__PURE__ */ s(p, { children: e("settings.visibility.individualDescription") })
           ] }) }) })
         ] }),
-        f && /* @__PURE__ */ s(R, { type: f.type, children: f.message })
+        f && /* @__PURE__ */ s(M, { type: f.type, children: f.message })
       ]
     }
   );
 };
 export {
-  H as default
+  B as default
 };

package/dist/assets/icons.d.ts

@@ -1,3 +1,12 @@
+/**
+ * A compass: "discover". Deliberately not the globe, which is the language
+ * selector's icon in the chat header, so the two buttons read as different
+ * things when they sit next to each other.
+ */
+export declare const DiscoverIcon: ({ color, ...props }: {
+    [x: string]: any;
+    color?: string;
+}) => import("react/jsx-runtime").JSX.Element;
 export declare const GlobeIcon: ({ color, ...props }: {
     [x: string]: any;
     color?: string;

package/dist/components/InputComponents/MentionDropdown.d.ts

@@ -8,6 +8,8 @@ interface MentionDropdownProps {
     onSelect: (candidate: MentionCandidate) => void;
     onShowAll: () => void;
     onHoverIndex: (index: number) => void;
+    /** More people are still being loaded in the background. */
+    loading?: boolean;
 }
 export declare const MentionDropdown: React.FC<MentionDropdownProps>;
 export default MentionDropdown;

package/dist/components/InputComponents/Search.d.ts

@@ -4,6 +4,10 @@ interface SearchInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
     animated?: boolean;
     direction?: 'left' | 'right';
     colorBg?: string;
+    /** When set, a clear button shows while the input has text. */
+    onClear?: () => void;
+    /** Accessible label for the clear button (pass a translated string). */
+    clearLabel?: string;
 }
 declare const SearchInput: React.FC<SearchInputProps>;
 export { SearchInput };

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

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+/**
+ * The message a search hit points at, shown when the transcript cannot reach
+ * it (the search archive is deeper than the chat's own history). It sits over
+ * the conversation of the room it came from, so it needs no navigation and
+ * says what the message is instead of reporting that it was not found.
+ */
+declare const ArchivedMessageCard: React.FC<{
+    roomJID: string;
+}>;
+export default ArchivedMessageCard;

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

@@ -0,0 +1,19 @@
+export interface AnchorRowRect {
+    id: string;
+    top: number;
+    bottom: number;
+}
+export interface ScrollAnchor {
+    id: string;
+    /** Row top relative to the scroller's top edge. */
+    offset: number;
+}
+/**
+ * The row to hold still while content changes around it: the first row that
+ * is fully inside the viewport, or, when none is (a row taller than the
+ * viewport, or the viewport cuts every row), the first one that intersects it.
+ * `rows` must be in document order.
+ */
+export declare function pickAnchorRow(viewTop: number, viewBottom: number, rows: AnchorRowRect[]): ScrollAnchor | null;
+/** How far scrollTop must move for the anchor row to sit at its old offset. */
+export declare function anchorScrollDelta(anchor: ScrollAnchor, rowTop: number, viewTop: number): number;

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

@@ -0,0 +1,94 @@
+import { MutableRefObject, RefObject } from 'react';
+import { PendingJump } from '../../roomStore/roomsSlice';
+import { IMessage } from '../../types/types';
+import { findMessageIndex } from '../../helpers/jumpThread';
+export { findMessageIndex };
+export declare const NEAR_LIVE_MESSAGES = 300;
+/**
+ * How the attempt to open a window around the target went:
+ *  - found: the window is in the store; the list now renders it;
+ *  - missing: the server answered and the target is not in its archive;
+ *  - unavailable: could not ask (no archive id, request failed): page instead.
+ */
+export type WindowFetchResult = 'found' | 'missing' | 'unavailable';
+/** What the server said about one page of older history. */
+export interface OlderPage {
+    /** False when the request failed or timed out. */
+    ok: boolean;
+    /**
+     * The RSM `<first>` of the page: the id (microseconds) of the oldest ROW the
+     * server returned. The next page continues from here. It is NOT the oldest
+     * message that got displayed: a page can be made entirely of reactions,
+     * system rows or deleted messages, display nothing, and still be followed
+     * by plenty of history.
+     */
+    cursor?: number | null;
+    /** The server's `<fin complete>`: there is nothing older. */
+    complete?: boolean;
+}
+interface Options {
+    roomJID: string;
+    /** The room's messages, in display order. */
+    messages: IMessage[];
+    /** How many of them are currently mounted (the newest N). */
+    visibleCount: number;
+    setRenderWindow: (size: number) => void;
+    /**
+     * Fetches the next page of older history by MAM and resolves once that page
+     * is in the store, with the server's own cursor for what it returned.
+     */
+    fetchOlderPage: (roomJID: string, before: number, max: number) => Promise<OlderPage>;
+    containerRef: RefObject<HTMLElement>;
+    historyComplete?: boolean;
+    /**
+     * MessageList's "reader is away from the bottom" flag. Set for the length of
+     * a jump: paging older history grows the message count, and with the flag
+     * false the list reads that as new messages arriving and scrolls to the
+     * bottom, undoing the jump the moment the target loads.
+     */
+    isUserScrolledUpRef: MutableRefObject<boolean>;
+    /** `messages` is a jump window around an earlier target, not the live list. */
+    jumpWindowActive?: boolean;
+    /**
+     * Opens a window around a far target (and puts it in the store). Omitted
+     * where windows do not apply (threads); the paging path is used then.
+     */
+    fetchWindow?: (jump: PendingJump) => Promise<WindowFetchResult>;
+    /**
+     * Which list this instance is. A jump is fulfilled by exactly one list: the
+     * main list, or the thread its target is a reply in. The other instances
+     * stay inert for it, so one of them cannot give up (and show the archived
+     * card) while the owner is still working.
+     */
+    scope?: 'main' | {
+        threadId: string;
+    };
+    /**
+     * The room's messages BEFORE the main list's filter (which hides thread
+     * replies). Lets the main list recognise a target that is a thread reply.
+     */
+    allMessages?: IMessage[];
+    /**
+     * Opens the thread a reply target belongs to (main list only). Resolves true
+     * when the thread is open and owns the jump from now on.
+     */
+    resolveReply?: (jump: PendingJump, reply: IMessage) => Promise<boolean>;
+    /**
+     * The room is still opening (joining, loading its first history). While it
+     * is, a request that cannot be answered yet is waited out, not counted as a
+     * failure: the card is for "the server answered and the message is absent".
+     */
+    roomOpening?: boolean;
+}
+/**
+ * Fulfils a pending "scroll to this message" request for this room.
+ *
+ * The target can be in one of three places, tried in this order:
+ *  1. mounted: scroll to it and flash it;
+ *  2. in the store but older than the render window: widen the window to
+ *     include it, then scroll;
+ *  3. not loaded at all: page older history from the server until it shows
+ *     up, bounded by MAX_HISTORY_PAGES and by the end of the archive.
+ * If it cannot be reached, say so rather than leaving the tap looking dead.
+ */
+export declare function useJumpToMessage({ roomJID, messages, visibleCount, setRenderWindow, fetchOlderPage, containerRef, historyComplete, isUserScrolledUpRef, jumpWindowActive, fetchWindow, scope, allMessages, resolveReply, roomOpening, }: Options): void;

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

@@ -0,0 +1,29 @@
+import { RefObject } from 'react';
+/** The reader counts as still after this long without scrolling. */
+export declare const ANCHOR_IDLE_MS = 100;
+interface Options {
+    containerRef: RefObject<HTMLElement>;
+    /** The element whose height changes as rows grow. */
+    flowRef: RefObject<HTMLElement>;
+    /** Identity changes whenever the mounted rows can change. */
+    rows: unknown;
+    /** True when the reader follows the bottom: nothing is anchored then. */
+    isStuckToBottom: () => boolean;
+}
+/**
+ * Keeps the rows the reader is looking at perfectly still while content is
+ * added or resized above or below them (older history prepended, a jump
+ * window paged either way, the render window widened, rows trimmed).
+ *
+ * - Just before a commit that can change the rows, the anchor is captured from
+ *   the live DOM (the render phase still sees the previous layout).
+ * - The layout effect puts it back before paint, by the anchor ROW's own
+ *   movement, so a row that gained a date divider or header is absorbed too.
+ * - Rows keep changing height after a commit (images, embeds, waveforms).
+ *   Whenever the content resizes and the reader has been still for
+ *   ANCHOR_IDLE_MS, the anchor is re-applied by a ResizeObserver. The anchor
+ *   is re-taken ANCHOR_IDLE_MS after any scroll this hook did not make (the
+ *   reader, a jump) and dropped while that scroll is going on.
+ */
+export declare function useScrollAnchor({ containerRef, flowRef, rows, isStuckToBottom, }: Options): void;
+export {};

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

@@ -0,0 +1,27 @@
+import { MutableRefObject, RefObject } from 'react';
+interface Options {
+    /** The scrolling element. */
+    containerRef: RefObject<HTMLElement>;
+    /** The element that grows as messages, images and history arrive. */
+    contentRef: RefObject<HTMLElement>;
+    /** MessageList's "the reader is away from the bottom" flag. */
+    isUserScrolledUpRef: MutableRefObject<boolean>;
+    /** An unread delimiter means the list opens ON it, not at the bottom. */
+    hasUnreadDelimiter: boolean;
+}
+/**
+ * Keeps a transcript pinned to the bottom while it is still filling in.
+ *
+ * Opening a room scrolls to the bottom once, and then the room keeps
+ * growing: history pages arrive (prepended above), images and embeds finish
+ * sizing. The scrollTop stays where it was, so the reader is left hundreds of
+ * pixels above the newest message (measured 1477px, and it stayed there),
+ * looking at the middle of the conversation for no visible reason.
+ *
+ * So: whenever the content's height changes and the reader has not scrolled
+ * away, go back to the bottom. A reader who has scrolled up (which also
+ * covers a jump to a message, and paging older history by scrolling up) is
+ * left exactly where they are.
+ */
+export declare function useStickToBottom({ containerRef, contentRef, isUserScrolledUpRef, hasUnreadDelimiter, }: Options): void;
+export {};

package/dist/components/Modals/MessageSearchModal/MessageHitResults.d.ts

@@ -0,0 +1,27 @@
+import { default as React } from 'react';
+import { MessageSearchHit } from '../../../networking/api-requests/messageSearch.api';
+/**
+ * Secondary pill button used for "Show more" and "Retry" under search
+ * results, in the search panel and in the room list.
+ */
+export declare const SecondaryPillButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+/**
+ * What a tap on a search hit does, shared by the search panel and the room
+ * list's search box: switch to the hit's room and ask it to scroll to, load
+ * and flash the message.
+ */
+export declare function useMessageHitActions(): {
+    rooms: any;
+    senderName: (hit: MessageSearchHit) => string;
+    open: (hit: MessageSearchHit) => boolean;
+    isReachable: (hit: MessageSearchHit) => boolean;
+};
+interface MessageHitListProps {
+    hits: MessageSearchHit[];
+    query: string;
+    /** Prefix each row with its chat's title (search across chats). */
+    showRoom: boolean;
+    onOpen: (hit: MessageSearchHit) => void;
+}
+export declare const MessageHitList: React.FC<MessageHitListProps>;
+export {};

package/dist/components/Modals/MessageSearchModal/MessageSearchModal.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+interface MessageSearchModalProps {
+    handleCloseModal: () => void;
+}
+declare const MessageSearchModal: React.FC<MessageSearchModalProps>;
+export default MessageSearchModal;

package/dist/components/Modals/MessageSearchModal/resolveSender.d.ts

@@ -0,0 +1,33 @@
+interface PersonLike {
+    _id?: string;
+    id?: string;
+    firstName?: string;
+    lastName?: string;
+    name?: string;
+    xmppUsername?: string;
+}
+/** `appId_userId@xmpp.host` (or without the host) -> `appId_userId`. */
+export declare const localPart: (jid?: string) => string;
+interface Sources {
+    /** rooms.usersSet: keyed by `appId_userId`. */
+    usersSet?: Record<string, PersonLike>;
+    /** The hit's room members, which carry the user id search reports. */
+    members?: PersonLike[];
+    myXmppUsername?: string;
+}
+/**
+ * Who sent a search hit.
+ *
+ * `from` arrives as a full JID with the XMPP host on it, while usersSet is
+ * keyed by the local part, so looking it up as-is found nobody and every hit
+ * was attributed to "Someone". The user id (`fromUserId`) is the other way
+ * in: room members carry it as `_id`.
+ */
+export declare function resolveSender(hit: {
+    from: string;
+    fromUserId: string;
+}, { usersSet, members, myXmppUsername }: Sources): {
+    name: string;
+    isSelf: boolean;
+};
+export {};

package/dist/components/Modals/MessageSearchModal/searchFilters.d.ts

@@ -0,0 +1,34 @@
+export interface SearchFilters {
+    /** Sender's user id (a room member's `_id`). */
+    fromUserId?: string;
+    /** ISO 8601 instant: start of the chosen day, in the reader's time zone. */
+    since?: string;
+    /** ISO 8601 instant: end of the chosen day, in the reader's time zone. */
+    until?: string;
+}
+/** `2026-07-14` -> that day's first instant in the reader's time zone. */
+export declare function dayStartISO(day: string): string | undefined;
+/**
+ * The day's LAST instant, not just the date. The server reads a bare date in
+ * `until` as midnight at the START of that day, so passing "2026-07-14"
+ * silently excluded the whole day the reader picked (measured on QA: 329
+ * hits with the bare date against 340 with the end of the day).
+ */
+export declare function dayEndISO(day: string): string | undefined;
+/** True when both days are set and the range runs backwards. */
+export declare const isBackwardsRange: (from: string, to: string) => boolean;
+export interface Person {
+    _id?: string;
+    firstName?: string;
+    lastName?: string;
+    name?: string;
+}
+/**
+ * Up to `limit` people whose name contains `needle`, best matches first
+ * (a name that STARTS with it ranks above one that merely contains it).
+ * Rooms here have thousands of members, so this never renders them all.
+ */
+export declare function matchPeople(people: Iterable<Person>, needle: string, limit?: number): {
+    id: string;
+    name: string;
+}[];

package/dist/components/Modals/MessageSearchModal/snippet.d.ts

@@ -0,0 +1,14 @@
+export interface SnippetPart {
+    text: string;
+    match: boolean;
+}
+/**
+ * The part of a message worth showing for a hit: a window around the first
+ * match, cut on word boundaries with ellipses, split into matching and
+ * non-matching runs so the caller can emphasise the match.
+ *
+ * Plain substring, case-insensitive, like the server's default mode. The
+ * query is never used as a regular expression, so `.` or `(` in it are just
+ * characters.
+ */
+export declare function buildSnippet(body: string, query: string): SnippetPart[];

package/dist/components/Modals/MessageSearchModal/useMessageSearch.d.ts

@@ -0,0 +1,22 @@
+import { SearchFilters } from './searchFilters';
+import { MessageSearchHit } from '../../../networking/api-requests/messageSearch.api';
+export declare const MIN_QUERY_LENGTH = 2;
+export type SearchScope = 'chat' | 'all';
+/**
+ * Debounced, cancellable message search with paging.
+ *
+ * A newer query (or scope) aborts the request in flight, and a response that
+ * arrives after it was superseded is dropped, so a slow answer to "he" can
+ * never overwrite the results for "hello".
+ */
+export declare function useMessageSearch(query: string, scope: SearchScope, roomName?: string, filters?: SearchFilters): {
+    searchable: boolean;
+    hasMore: boolean;
+    loadMore: () => void;
+    retry: () => any;
+    status: "idle" | "loading" | "loadingMore" | "done" | "error";
+    items: MessageSearchHit[];
+    total: number;
+    /** Server rows consumed so far: the offset of the next page. */
+    nextOffset: number;
+};

package/dist/components/Modals/PublicChatsModal/PublicChatsModal.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+interface PublicChatsModalProps {
+    handleCloseModal: () => void;
+}
+/**
+ * A directory of the app's public chats (GET /v1/chats/public), so finding a
+ * chat to join no longer needs someone to hand over a link or a QR code.
+ *
+ * Joining reuses what a shared link already does: selecting a room you are
+ * not in makes the room initialiser join it and refresh the room list.
+ */
+declare const PublicChatsModal: React.FC<PublicChatsModalProps>;
+export default PublicChatsModal;