@ethora/chat-component 26.9.5 → 26.9.6

package/dist/{SideDrawer-BG2m7Bcm.js → SideDrawer-WneDrrWG.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, aI as m, aO as w, B as b, aP as y, x as e, aQ as D, aR as k } from "./main-rJpE4hh-.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`
+`, $ = 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`
+`, W = e.div`
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
@@ -79,12 +79,12 @@ 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;
@@ -109,7 +109,7 @@ const c = 767, R = `${c}px`, z = e.div`
     outline-offset: 2px;
     border-radius: var(--ethora-radius-sm, 8px);
   }
-`, J = e.div`
+`, Q = e.div`
   height: 1px;
   margin: 0 var(--ethora-space-4, 16px);
   background-color: var(--ethora-color-border, #e6e8ec);
@@ -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,13 +186,13 @@ 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`
+`, P = e.span`
   flex: 0 0 auto;
   display: inline-flex;
   color: var(--ethora-color-text-muted, #8c8c8c);
@@ -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(P, { "aria-hidden": "true", children: /* @__PURE__ */ o(j, {}) })
+] }), J = ({
   title: r,
   onClose: a,
   headerActions: t,
@@ -253,16 +253,16 @@ 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,
+  $ as a,
+  W as b,
+  Q as c,
   G as d,
-  W as e,
-  T as f,
-  L as g,
-  _ as h,
+  _ as e,
+  C as f,
+  T as g,
+  K as h,
   V as i,
   X as j,
   q as k,

package/dist/{UserProfileModal-B2Hp5bAF.js → UserProfileModal-CMHFq1I9.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-rJpE4hh-.js";
+import { D as E, a as W, b as Ge, e as qe, f as _e, S as Qe } from "./SideDrawer-WneDrrWG.js";
+import { P as ne, a as Ye, D as Ze, b as eo, h as oo } from "./handleCopyClick-B70vLjJD.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-BoZXZ0oR.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-rJpE4hh-.js";
+import { S as b, D as u, a as k, b as y, c as S, d as f } from "./SideDrawer-WneDrrWG.js";
 const T = ({
   handleCloseModal: n
 }) => {

package/dist/{VideoCallOverlay-Br0ji0nZ.js → VideoCallOverlay-CQNi7wp5.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-rJpE4hh-.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-BPsNiMzJ.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 P, u as z, aG as D, aH as I } from "./main-rJpE4hh-.js";
+import { S as N, D as C, a as $, b as k, e as w, f as p } from "./SideDrawer-WneDrrWG.js";
 o.div``;
 o.div`
   font-size: 16px;

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/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/computeAnchoredScrollTop.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Where to put scrollTop after content was added ABOVE the reader.
+ *
+ * `liveTop` must be the scrollTop at the moment the content arrived, not the
+ * one captured when the request started: the reader keeps scrolling while a
+ * page is in flight, and restoring the old value throws them back down by
+ * however far they travelled meanwhile.
+ */
+export declare function computeAnchoredScrollTop(liveTop: number, heightBefore: number, heightAfter: number): number;

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

@@ -0,0 +1,63 @@
+import { MutableRefObject, RefObject } from 'react';
+import { IMessage } from '../../types/types';
+/**
+ * Index of the message a jump names.
+ *
+ * By id first (message.id is the MAM stanza id for history, xmppId the client
+ * message id). When the request has no id at all, which is common for archive
+ * rows, by content: same text, sent within a few seconds of the same time.
+ */
+export declare const findMessageIndex: (messages: IMessage[], ids: string[], content?: {
+    createdAt?: string;
+    body?: string;
+}) => number;
+/** 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>;
+}
+/**
+ * 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, }: 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,22 @@
+import { default as React } from 'react';
+import { MessageSearchHit } from '../../../networking/api-requests/messageSearch.api';
+/**
+ * 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;

package/dist/components/styled/RoomListComponents/index.d.ts

@@ -37,3 +37,6 @@ export declare const SkeletonLines: import('styled-components/dist/types').IStyl
 export declare const SkeletonLine: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $width?: string;
 }>> & string;
+export declare const MessageMatches: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const MessageMatchesTitle: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const MessageMatchesNote: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/context/ToastContext.d.ts

@@ -7,4 +7,11 @@ export declare const ToastProvider: React.FC<{
     children: ReactNode;
 }>;
 export declare const useToast: () => ToastContextType;
+/**
+ * `useToast` for code that can run outside a ToastProvider (a MessageList
+ * rendered on its own, a host that mounts pieces of the chat directly): it
+ * gets `undefined` instead of a thrown error, and simply has nowhere to show
+ * a toast.
+ */
+export declare const useOptionalToast: () => ToastContextType | undefined;
 export {};

package/dist/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);
 

package/dist/{handleCopyClick-DPjxMoJn.js → handleCopyClick-B70vLjJD.js}

@@ -1,4 +1,4 @@
-import { x as e, z as t } from "./main-BRIZ98KV.js";
+import { x as e, z as t } from "./main-rJpE4hh-.js";
 const i = e.div`
   display: flex;
   flex-direction: column;

package/dist/helpers/constants/MODAL_TYPES.d.ts

@@ -4,6 +4,8 @@ export declare const MODAL_TYPES: {
     CHAT_PROFILE: string;
     MANAGE_DATA: string;
     VISIBILITY: string;
+    MESSAGE_SEARCH: string;
+    PUBLIC_CHATS: string;
     FILE_PREVIEW: string;
 };
 /**

package/dist/helpers/nanoToMs.d.ts

@@ -1 +1 @@
-export declare const nanoToMs: (number: string) => number;
+export declare const nanoToMs: (number?: string | number | null) => number;

package/dist/helpers/openRoomAtMessage.d.ts

@@ -0,0 +1,17 @@
+import { AppDispatch } from '../roomStore';
+type MaybeId = string | number | null | undefined;
+/**
+ * Every id a caller may know the target message by, without blanks and
+ * duplicates. A notification, a push payload or a link can carry the client
+ * (xmpp) message id, the archive stanza id or the stored message id, and the
+ * jump matcher checks message.id and message.xmppId, so all of them go in.
+ */
+export declare const collectMessageIds: (...candidates: MaybeId[]) => string[];
+/**
+ * Open a room and, when the caller knows which message it is about, ask the
+ * mounted room to land on it (scroll if mounted, widen the window, or page
+ * older history; see useJumpToMessage). With no message id this is just
+ * "open the room".
+ */
+export declare const openRoomAtMessage: (dispatch: AppDispatch, roomJID: string, ...messageIds: MaybeId[]) => void;
+export {};

package/dist/hooks/useMessageSearchShortcut.d.ts

@@ -0,0 +1,14 @@
+interface Options {
+    enabled: boolean;
+    /** Whether the search panel is already open (then the shortcut re-focuses it). */
+    isOpen: boolean;
+    open: () => void;
+}
+/**
+ * Ctrl/Cmd+F opens message search, but only while the reader is working in the
+ * chat (focus or pointer inside it). A host page that embeds the chat keeps its
+ * browser find everywhere else: hijacking it page-wide would be a hostile thing
+ * for an SDK to do.
+ */
+export declare function useMessageSearchShortcut({ enabled, isOpen, open }: Options): void;
+export {};

package/dist/hooks/useRoomState.d.ts

@@ -9,5 +9,6 @@ export declare const useRoomState: (roomJID?: string) => {
     roomMessages: any;
     roomsLoadedOnce: any;
     roomsLoadError: any;
+    joiningRoomJID: string;
 };
 export declare const useUsersSet: () => any;