@ethora/chat-component 26.10.1 → 26.10.3

package/dist/components/styled/StyledInputComponents/StyledInputComponents.d.ts

@@ -1,12 +1,18 @@
-export declare const InputContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const MessageInputContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const InputContainer: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}> & string;
+export declare const MessageInputContainer: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}> & string;
 /**
  * Anchors the composer's emoji picker above the input row, inside
  * InputContainer's positioning context (the same one MentionDropdown uses).
  * Sits one layer above that dropdown so the two can never fight for the
  * same pixels if both were ever open at once.
  */
-export declare const EmojiPickerPopover: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const EmojiPickerPopover: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}> & string;
 /**
  * Drop-target state for drag-and-drop attachments. Covers the whole drop
  * zone (the message area when the host marks one, else the composer) and is
@@ -14,36 +20,68 @@ export declare const EmojiPickerPopover: import('styled-components/dist/types').
  * Motion comes from the shared primitives, which already opt out under
  * prefers-reduced-motion.
  */
-export declare const DropOverlay: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const DropTarget: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const MessageInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {
+export declare const DropOverlay: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}> & string;
+export declare const DropTarget: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}> & string;
+export declare const MessageInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}, {
     $color?: string;
     $colorBg?: string;
 }>> & string;
-export declare const HiddenFileInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
-export declare const Timer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const WaveformContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').CanvasHTMLAttributes<HTMLCanvasElement>, HTMLCanvasElement>, never>> & string;
-export declare const RecordContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const FilePreviewContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const FilePreview: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ImagePreview: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>> & string;
-export declare const VideoPreview: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>, never>> & string;
+export declare const HiddenFileInput: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}> & string;
+export declare const Timer: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}> & string;
+export declare const WaveformContainer: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').CanvasHTMLAttributes<HTMLCanvasElement>, HTMLCanvasElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}> & string;
+export declare const RecordContainer: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}> & string;
+export declare const FilePreviewContainer: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}> & string;
+export declare const FilePreview: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}> & string;
+export declare const ImagePreview: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}> & string;
+export declare const VideoPreview: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}> & string;
 /** First page of a picked PDF, before it is sent. Fills the whole tile. */
-export declare const DocumentPreview: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>> & string;
-export declare const FilePreviewName: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const DocumentPreview: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}> & string;
+export declare const FilePreviewName: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}> & string;
 /** Why a pick was rejected (too many files, file too large). */
-export declare const AttachmentNotice: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const StyledInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {
+export declare const AttachmentNotice: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}> & string;
+export declare const StyledInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}, {
     $colorBg?: string;
 }>> & string;
-export declare const TextareaWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $dynamicHeight?: number;
+export declare const TextareaWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}, {
     $color?: string;
     $isFocused?: boolean;
     $colorBg?: string;
 }>> & string;
-export declare const TextareaInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, {
-    $dynamicHeight?: number;
+export declare const TextareaInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}, {
     $color?: string;
     $colorBg?: string;
 }>> & string;

package/dist/components/styled/StyledInputComponents/VideoComponents.d.ts

@@ -1,6 +1,18 @@
-export declare const Container: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const FullScreenVideo: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>, never>> & string;
-export declare const FixedSizeVideo: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>, never>> & string;
-export declare const ModalContent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ButtonContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const IconButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export declare const Container: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}> & string;
+export declare const FullScreenVideo: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}> & string;
+export declare const FixedSizeVideo: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}> & string;
+export declare const ModalContent: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}> & string;
+export declare const ButtonContainer: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}> & string;
+export declare const IconButton: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}> & string;

package/dist/components/styled/TreadLabel.d.ts

@@ -6,7 +6,9 @@ interface DateLabelProps {
         secondary?: string;
     };
 }
-export declare const StyledDateLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+export declare const StyledDateLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}, {
     $primary?: string;
     $secondary?: string;
 }>> & string;

package/dist/components/styled/VideoMessage.d.ts

@@ -1,6 +1,8 @@
 import { default as React } from 'react';
 /** Full-size player used by the preview modal. Kept here with the bubble video. */
-export declare const FullScreenVideo: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>, never>> & string;
+export declare const FullScreenVideo: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<React.DetailedHTMLProps<React.VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>, "style"> & {
+    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}> & string;
 interface CustomMessageVideoProps {
     fileName: string;
     fileURL: string;

package/dist/{handleCopyClick-DGaZhy_u.js → handleCopyClick-vPvh9hOU.js}

@@ -1,4 +1,4 @@
-import { E as e, G as t } from "./main-CUB_w8AZ.js";
+import { E as e, G as t } from "./main-CghdNDlB.js";
 const i = e.div`
   display: flex;
   flex-direction: column;

package/dist/helpers/mediaBubble.d.ts

@@ -37,3 +37,31 @@ export declare const getMediaBlockMode: (attachments: IAttachment[]) => MediaBlo
 export declare const usesMediaOverlayTime: (attachments: IAttachment[], options?: {
     hasCaption?: boolean;
 }) => boolean;
+export type TimeMode = 'overlay' | 'row';
+export interface MediaTimeFacts {
+    attachments: IAttachment[];
+    /** The caption the bubble really shows (see getMessageCaption), if any. */
+    hasCaption: boolean;
+    /** The sender's own bubble is in the failed state. */
+    failed?: boolean;
+    /** Quick reply buttons are shown under the bubble content. */
+    hasQuickReplies?: boolean;
+    /** A URL preview card is shown (only ever from a caption, never the body). */
+    hasUrlPreview?: boolean;
+    /** The manual translate row is shown. */
+    hasTranslateRow?: boolean;
+}
+/**
+ * The one rule for where a media bubble's time goes, read by both the time
+ * element and the bubble itself (data-time-mode), so they cannot disagree.
+ *
+ * `mediaOnly`: pictures and videos and nothing else (no caption, no card, no
+ * voice note). Such a bubble always shows the time as the glass pill over the
+ * media, unless something else needs the bottom of the bubble (a failed
+ * notice, quick replies, a preview card or the translate row), in which case
+ * the time takes the normal bottom right row.
+ */
+export declare const getMediaTimeLayout: (facts: MediaTimeFacts) => {
+    mediaOnly: boolean;
+    mode: TimeMode;
+};

package/dist/helpers/receiptState.d.ts

@@ -0,0 +1,48 @@
+import { IMessage } from '../types/types';
+/**
+ * Per-room lookup tables for the delivery/read ticks, built once per
+ * `room.messages` array (WeakMap keyed by the array reference) and shared by
+ * every own bubble in that room. A bubble then costs O(viewers), not O(n).
+ */
+export interface ReceiptIndex {
+    /** message id -> position in the loaded list. */
+    indexById: Map<string, number>;
+    /** message position -> timestamp in ms (0 when unknown). */
+    tsByIndex: number[];
+    /** author local part -> position of their newest loaded message. */
+    lastAuthoredIndexByUser: Map<string, number>;
+}
+/** The lookup tables for `messages`, built on first use per array. */
+export declare const getReceiptIndex: (messages: readonly IMessage[]) => ReceiptIndex;
+/** Number of index builds so far (tests check one build per messages change). */
+export declare const getReceiptIndexBuildCount: () => number;
+export interface ReceiptState {
+    /** Other members who have read this message. */
+    seenBy: string[];
+    /** Other members who have received it (readers included). */
+    deliveredBy: string[];
+}
+export declare const NO_RECEIPTS: ReceiptState;
+export declare const receiptStateEqual: (a: ReceiptState, b: ReceiptState) => boolean;
+export interface ComputeReceiptsInput {
+    index: ReceiptIndex;
+    messageId: string;
+    /** The bubble's own timestamp in ms (0 when unknown). */
+    messageTs: number;
+    /** Per-message receipts: xmppUsername -> ms (from message.receivedBy). */
+    receivedBy?: Record<string, number>;
+    /** Room delivery watermarks: xmppUsername -> stanza-id. */
+    lastReceivedByUser?: Record<string, string>;
+    /** Room read watermarks: xmppUsername -> stanza-id. */
+    lastDisplayedByUser?: Record<string, string>;
+    /** The current user's xmppUsername (never listed as a viewer). */
+    selfId?: string;
+}
+/**
+ * Who has read and who has received one of our messages. A viewer has read
+ * it when their read watermark covers it, or when they have authored a
+ * message at or after it (posting in the room implies they saw what came
+ * before). A viewer has received it when a per-message receipt exists or
+ * their delivery watermark covers it; reading implies receiving.
+ */
+export declare const computeReceiptState: ({ index, messageId, messageTs, receivedBy, lastReceivedByUser, lastDisplayedByUser, selfId, }: ComputeReceiptsInput) => ReceiptState;

package/dist/helpers/textareaFit.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Auto-sizing for the composer textarea.
+ *
+ * The field is sized from its real content (soft wraps included), not from
+ * the newline count. One line keeps the original 40px field (34px textarea
+ * plus the 6px wrapper border and padding). Two lines or more use a tighter
+ * vertical padding so the text hugs the field, and the textarea scrolls
+ * internally once it reaches the cap.
+ */
+export declare const COMPOSER_LINE_HEIGHT = 20;
+/** Vertical padding per side for a single line (keeps the 40px field). */
+export declare const COMPOSER_PAD_SINGLE = 7;
+/** Vertical padding per side once the text wraps to two lines or more. */
+export declare const COMPOSER_PAD_MULTI = 5;
+/** Textarea box cap (about five lines), after which it scrolls. */
+export declare const COMPOSER_MAX_HEIGHT = 140;
+export interface TextareaFit {
+    /** Textarea border-box height in px. */
+    height: number;
+    /** True when the text occupies two lines or more. */
+    multiline: boolean;
+    /** True when the content is taller than the cap and must scroll. */
+    scrollable: boolean;
+}
+/**
+ * @param scrollHeight the textarea's scrollHeight, measured with height:auto
+ *   and the single-line padding applied (so it is content + 14px).
+ */
+export declare function computeTextareaFit(scrollHeight: number): TextareaFit;
+/** Re-measures a textarea from its content and applies the result to the DOM. */
+export declare function fitTextareaToContent(el: HTMLTextAreaElement): TextareaFit;

package/dist/helpers/timestamp.d.ts

@@ -1,2 +1,9 @@
 export declare const normalizeTimestampValue: (value: number) => number;
 export declare const getTimestampFromUnknown: (value: unknown) => number;
+/**
+ * Time encoded in a message or stanza id, 0 when the id carries none. Only an
+ * all-digit id (server stanza-id, microseconds) encodes a time: ids such as
+ * `send-text-message:<uuid>` must not be read as one, because a uuid can hold
+ * a run of ten or more digits that would parse as a far-future time.
+ */
+export declare const getTimestampFromId: (id: unknown) => number;

package/dist/helpers/userEntry.d.ts

@@ -0,0 +1,14 @@
+import { RoomMember } from '../types/types';
+/**
+ * Narrow lookup into `rooms.usersSet` for one user key.
+ *
+ * Returns the entry only for an own property of the map. Prototype keys
+ * (`__proto__`, `constructor`, `prototype`) are refused outright: a plain
+ * dictionary lookup would hand back `Object.prototype` members for them,
+ * which look like a user entry to every caller that checks truthiness.
+ *
+ * Components use this with a `useSelector` on `state.rooms.usersSet` so they
+ * subscribe to one entry (reference-stable under Immer) instead of the whole
+ * map.
+ */
+export declare const lookupUserEntry: (usersSet: Record<string, RoomMember> | null | undefined, key: string | null | undefined) => RoomMember | undefined;

package/dist/hooks/useMediaProbe.d.ts

@@ -37,4 +37,5 @@ export declare const resetMediaProbeCaches: () => void;
  */
 export declare const useMediaProbe: (url: string | undefined) => MediaProbe & {
     retry: () => void;
+    fail: () => void;
 };

package/dist/hooks/useRoomInitialization.d.ts

@@ -1,2 +1,2 @@
-import { IConfig, IRoom } from '../types/types';
-export declare const useRoomInitialization: (activeRoomJID: string, roomsList: Record<string, IRoom>, config: IConfig, messageLength: number) => void;
+import { IConfig } from '../types/types';
+export declare const useRoomInitialization: (activeRoomJID: string, config: IConfig, messageLength: number) => void;

package/dist/hooks/useRoomUrl.d.ts

@@ -1,2 +1,2 @@
-import { IConfig, IRoom } from '../types/types';
-export declare const useRoomUrl: (activeRoomJID: string, roomsList: Record<string, IRoom>, config: IConfig) => void;
+import { IConfig } from '../types/types';
+export declare const useRoomUrl: (activeRoomJID: string, config: IConfig) => void;