@ethora/chat-component 26.7.5 → 26.7.6

package/dist/components/Modals/FilePreviewModal/ImageLightbox.d.ts

@@ -0,0 +1,35 @@
+import { default as React } from 'react';
+export declare const MIN_SCALE = 1;
+export declare const MAX_SCALE = 6;
+/** What a double-click / double-tap jumps to from the fitted view. */
+export declare const DOUBLE_TAP_SCALE = 2.5;
+export interface ImageLightboxHandle {
+    zoomIn: () => void;
+    zoomOut: () => void;
+    reset: () => void;
+}
+interface ImageLightboxProps {
+    src: string;
+    alt: string;
+    /** Swipe (touch) navigation; also used to report gesture direction. */
+    onSwipeLeft?: () => void;
+    onSwipeRight?: () => void;
+    onError?: React.ReactEventHandler<HTMLImageElement>;
+    /** Reported on every scale change so the chrome can label its controls. */
+    onScaleChange?: (scale: number) => void;
+}
+/**
+ * The zoom/pan surface of the media viewer.
+ *
+ * Zoom model: the `<img>` keeps `object-fit: contain`, so scale 1 is always
+ * "fitted to the viewport" whatever the image's aspect ratio, and everything
+ * above it is a CSS transform on top of that fit - no re-layout, no
+ * re-decode, and the fitted view is exactly what the viewer saw before this
+ * feature existed. Zooming is anchored on the pointer (or on the midpoint
+ * between two fingers), and the pan offset is clamped every time either the
+ * scale or the offset changes, using the image's natural aspect ratio
+ * against the viewport box, so the picture can never be dragged off screen:
+ * at scale 1 the only legal offset is (0, 0).
+ */
+declare const ImageLightbox: React.ForwardRefExoticComponent<ImageLightboxProps & React.RefAttributes<ImageLightboxHandle>>;
+export default ImageLightbox;

package/dist/components/Modals/FilePreviewModal/PdfView.d.ts

@@ -1,4 +1,15 @@
-declare const PdfViewer: ({ pdfUrl }: {
-    pdfUrl: any;
-}) => import("react/jsx-runtime").JSX.Element;
+import { default as React } from 'react';
+interface PdfViewerProps {
+    pdfUrl: string;
+}
+/**
+ * In-app PDF viewer.
+ *
+ * This used to be an iframe pointed at `mozilla.github.io/pdf.js/web/viewer.html`
+ * with the file URL in the query string, which meant every document a user
+ * opened was handed to a third-party host - and broke outright whenever that
+ * page changed or was unreachable. Rendering locally keeps the file URL
+ * inside the app and works offline-ish (the PDF itself still has to load).
+ */
+declare const PdfViewer: React.FC<PdfViewerProps>;
 export default PdfViewer;

package/dist/components/Modals/NewChatModal/styledNewChatComponents.d.ts

@@ -0,0 +1,12 @@
+export declare const ChatTypeGroup: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ChatTypeIndicator: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $index: number;
+    $count: number;
+}>> & string;
+export declare const ChatTypeOption: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    active: boolean;
+}>> & string;
+export declare const InlineUsersWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $expanded: boolean;
+}>> & string;
+export declare const InlineUsersInner: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/components/Modals/SettingsModals/Visibility/StyledComponents.d.ts

@@ -4,5 +4,5 @@ export declare const Description: import('styled-components/dist/types').IStyled
 export declare const RadioGroup: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const RadioLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
 export declare const RadioInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {
-    radioColor?: string;
+    $radioColor?: string;
 }>> & string;

package/dist/components/Modals/SideDrawer/DrawerProfileParts.d.ts

@@ -0,0 +1,13 @@
+/**
+ * The identity block at the top of a profile-style drawer: avatar, then the
+ * name. It carries no section heading on purpose - it IS the heading for the
+ * panel, and a "Profile" label above a face reads as filler.
+ *
+ * Shared by the user profile and the room profile so the two panels open with
+ * the same shape.
+ */
+export declare const ProfileHero: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ProfileHeroName: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ProfileHeroSubtitle: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+/** Stack of full-width action buttons, one per row. */
+export declare const ProfileActions: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

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

@@ -0,0 +1,44 @@
+import { FC, ReactNode } from 'react';
+export declare const DrawerPanel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+/** A labelled group: small caps heading, then a bordered card of rows. */
+export declare const DrawerSection: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
+export declare const DrawerSectionTitle: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
+/** The surface a section's rows sit on. */
+export declare const DrawerCard: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+/** Padded block inside a card, for free-form content rather than a row list. */
+export declare const DrawerCardBody: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+/** Section heading with a trailing control (e.g. "Files" ... "Show all"). */
+export declare const SectionHeaderRow: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+/**
+ * Text-only affordance for "Show more" / "Show all". A real <button>, so it
+ * is reachable by keyboard and announced as a button - the panels used to
+ * fake this with a div carrying role="button" and hand-rolled key handling.
+ */
+export declare const ShowMoreButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+/** Hairline between two rows of the same card. */
+export declare const DrawerRowDivider: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DrawerLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DrawerHint: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+interface DrawerNavRowProps {
+    label: string;
+    hint?: string;
+    onClick: () => void;
+}
+/** One "opens another panel" row inside a `DrawerCard`. */
+export declare const DrawerNavRow: FC<DrawerNavRowProps>;
+export interface SideDrawerProps {
+    /** Heading text; also the dialog's accessible name. */
+    title: string;
+    /** Invoked by the back button and by Escape. */
+    onClose: () => void;
+    /** Controls in the header's trailing slot (edit, overflow menu, QR, ...). */
+    headerActions?: ReactNode;
+    /**
+     * Label for the leading button. Sub-panels step back to their parent, so
+     * they read as "Back"; a top-level panel reads as "Close".
+     */
+    backLabel?: string;
+    children: ReactNode;
+}
+declare const SideDrawer: FC<SideDrawerProps>;
+export default SideDrawer;

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

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+type ModalComponent = React.FC<{
+    handleCloseModal: () => void;
+}>;
+export declare const MODAL_COMPONENTS: Record<string, React.LazyExoticComponent<ModalComponent>>;
+export {};

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

@@ -1,11 +1,22 @@
 import { ButtonProps } from '../styled/Button';
-export declare const ModalBackground: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ModalBackground: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $anchorTop?: boolean;
+    $drawer?: boolean;
+}>> & string;
 export declare const CloseButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
-export declare const ModalContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ModalContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: import('react').Ref<HTMLDivElement>;
+}>, never>, never>> & string;
 export declare const ModalTitle: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
+/** Small uppercase-weight label above a field/list inside a modal - e.g. "Select Users (max 20)". */
+export declare const ModalSectionLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+/** 48px-min-height row used for members/blocked-users/etc. lists inside modals. */
+export declare const ModalListRow: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const ModalDescription: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
 export declare const GroupContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ModalContainerFullScreen: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ModalContainerFullScreen: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: import('react').Ref<HTMLDivElement>;
+}>, never>, never>> & string;
 export declare const HeaderContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
     ref?: import('react').Ref<HTMLDivElement>;
 }, never>> & string;

package/dist/components/RoomComponents/ChatRoomItem.d.ts

@@ -2,7 +2,6 @@ import { default as React } from 'react';
 import { IConfig, IRoom } from '../../types/types';
 interface ChatRoomItemProps {
     chat: IRoom;
-    index: number;
     isChatActive: boolean;
     performClick: (chat: IRoom) => void;
     config: IConfig;

package/dist/components/RoomComponents/OnlineUsersPopover.d.ts

@@ -5,7 +5,6 @@ interface OnlineUsersPopoverProps {
     onlineUsernames: string[];
     members?: RoomMember[];
     myXmppUsername: string;
-    isChatActive?: boolean;
 }
 declare const OnlineUsersPopover: React.FC<OnlineUsersPopoverProps>;
 export default OnlineUsersPopover;

package/dist/components/UsersList/StyledComponents.d.ts

@@ -1,4 +1,8 @@
 export declare const ScrollableContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const UserItem: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const UserItem: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $selected?: boolean;
+}>> & string;
+export declare const UserItemInfo: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const Checkbox: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
 export declare const Label: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const EmptyState: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/components/UsersList/UsersList.d.ts

@@ -6,6 +6,29 @@ interface UsersListProps {
     headerElement?: boolean;
     style?: any;
     filter?: RoomMember[];
+    /**
+     * When set, sources rows from this list instead of the global `usersSet`
+     * (e.g. the current room's members for the @-mention picker) rather than
+     * every user the client has ever seen.
+     */
+    members?: RoomMember[];
+    /**
+     * Excludes one user (by bare-jid local part, or the raw id) from the list -
+     * used by the mention picker to hide the current reader from their own
+     * mention candidates.
+     */
+    excludeUserId?: string;
+    /**
+     * Single-select mode: a row click calls `onSingleSelect` immediately
+     * instead of toggling the multi-select checkbox array, and no checkbox is
+     * rendered. Used by MentionPickerModal, which reuses this windowed list
+     * for a "pick one person" flow instead of building a separate one.
+     */
+    singleSelect?: boolean;
+    onSingleSelect?: (user: RoomMember) => void;
+    /** Overrides the default "Select Users (max 20)" heading - used by
+     * MentionPickerModal so the reused list reads as a mention picker. */
+    titleOverride?: string;
 }
 declare const UsersList: React.FC<UsersListProps>;
 export default UsersList;

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

@@ -4,8 +4,18 @@ export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElemen
     EndIcon?: ReactElement;
     StartIcon?: ReactElement;
     loading?: boolean;
+    /**
+     * @deprecated No-op. `CustomButton`'s styles never actually read this
+     * prop, so it has had no visual effect for as long as it's existed - many
+     * call sites pass it expecting the default (unstyled-looking) button they
+     * already get from `variant="default"`. Kept accepted here only so those
+     * call sites keep compiling/rendering exactly as before; implementing it
+     * for real would change their visuals. Use `variant` instead.
+     */
     unstyled?: boolean;
-    variant?: 'default' | 'filled' | 'outlined';
+    variant?: 'default' | 'filled' | 'outlined' | 'ghost';
+    /** Recolors the button around the danger token for destructive actions. Optional, defaults to the existing brand-blue styling. */
+    tone?: 'default' | 'danger';
     children?: React.ReactNode;
 }
 declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;

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

@@ -1 +1,3 @@
-export declare const ChatWrapperBox: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+import { default as React } from 'react';
+export declare const ChatWrapperBox: React.ForwardRefExoticComponent<Omit<import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const ChatWrapperInnerBox: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

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

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+interface PdfMessageProps {
+    fileURL: string;
+    fileName: string;
+    mimetype?: string;
+    size?: string;
+    /** Server-side preview, when the storage produced one. Wins over pdf.js. */
+    locationPreview?: string;
+    /** Denser layout used when the message carries more than one file. */
+    compact?: boolean;
+}
+declare const PdfMessage: React.FC<PdfMessageProps>;
+export default PdfMessage;

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

@@ -15,4 +15,25 @@ export declare const LastMessage: import('styled-components/dist/types').IStyled
 export declare const UserCount: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     active: boolean;
 }>> & string;
-export declare const Divider: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Divider: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $hidden?: boolean;
+}>> & string;
+export declare const AnimatedRow: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $delay?: number;
+    $skipAnimation?: boolean;
+}>> & string;
+export declare const TabsContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TabIndicator: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $index: number;
+    $count: number;
+}>> & string;
+export declare const TabButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    active: boolean;
+}>> & string;
+export declare const TabContent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SkeletonRow: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SkeletonAvatar: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SkeletonLines: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+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;

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

@@ -1,8 +1,12 @@
 import { default as React } from 'react';
-import { IConfig } from '../../types/types';
+import { IConfig, IMentionSpan } from '../../types/types';
 export interface SendInputProps {
-    sendMessage: (message: string) => void | Promise<void>;
-    sendMedia: (data: any, type: string) => void | Promise<void>;
+    sendMessage: (message: string, mentions?: IMentionSpan[]) => void | Promise<void>;
+    /**
+     * Receives a `File[]` for picked attachments (one message, N files) and a
+     * `Blob` for voice notes. Single files still arrive as a one-element array.
+     */
+    sendMedia: (data: File[] | File | Blob, type: string) => void | Promise<void>;
     isLoading: boolean;
     editMessage?: string;
     config?: IConfig;
@@ -14,9 +18,19 @@ export interface SendInputProps {
     inputHeight?: number;
     showPreview?: boolean;
     previewParser?: (text: string) => (string | JSX.Element)[];
-    onSendMessage?: (message: string) => void | Promise<void>;
-    onSendMedia?: (data: any, type: string) => void | Promise<void>;
+    onSendMessage?: (message: string, mentions?: IMentionSpan[]) => void | Promise<void>;
+    onSendMedia?: (data: File[] | File | Blob, type: string) => void | Promise<void>;
     placeholderText?: string;
+    /** Disables the @-mention autocomplete (e.g. for a composer variant that
+     * doesn't want it). Defaults to enabled. */
+    disableMentions?: boolean;
+    /**
+     * Disables per-room draft persistence. Set it on any SECOND composer
+     * that is mounted for the same room as the main one - the thread
+     * composer, for instance - since drafts are keyed by room JID and two
+     * live composers would otherwise overwrite each other's text.
+     */
+    disableDrafts?: boolean;
 }
 declare const SendInput: React.FC<SendInputProps>;
 export default SendInput;

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

@@ -45,7 +45,7 @@ export declare const StyledLoaderWrapper: import('styled-components/dist/types')
 export declare const OrDelimiter: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const AlsoContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const AlsoCheckbox: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {
-    accentColor: string;
+    $accentColor: string;
 }>> & string;
 export declare const Wrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     bgColor: string;

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

@@ -13,3 +13,21 @@ export declare const FileInformation: import('styled-components/dist/types').ISt
 export declare const FileName: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
 export declare const FileSizeContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const FileSize: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+/** Wraps every attachment of one message. Single-file messages keep the
+ *  old, un-gapped look because there is nothing to separate them from. */
+export declare const AttachmentStack: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const AttachmentGrid: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $columns: number;
+}>> & string;
+export declare const AttachmentTile: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export declare const PdfContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    $compact: boolean;
+}>> & string;
+export declare const PdfThumbnailFrame: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $compact: boolean;
+}>> & string;
+/** Sits on the thumbnail while pdf.js parses so the row does not pop in. */
+export declare const PdfThumbnailSkeleton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const PdfInformation: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const PdfMetaRow: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const PdfBadge: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;

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

@@ -1,5 +1,21 @@
 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;
+/**
+ * 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;
+/**
+ * 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
+ * pointer-events: none so it can never swallow the drop it is announcing.
+ * 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>, {
     $color?: string;
     $colorBg?: string;
@@ -12,6 +28,11 @@ export declare const FilePreviewContainer: import('styled-components/dist/types'
 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;
+/** 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;
+/** 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>, {
     $colorBg?: string;
 }>> & string;

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

@@ -7,8 +7,8 @@ interface DateLabelProps {
     };
 }
 export declare const StyledDateLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    primary?: string;
-    secondary?: string;
+    $primary?: string;
+    $secondary?: string;
 }>> & string;
 declare const TreadLabel: React.FC<DateLabelProps>;
 export default TreadLabel;

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

@@ -2,7 +2,7 @@ import { default as React } from 'react';
 interface FileDownloadProps {
     fileName: string;
     fileURL: string;
-    mimetype: string;
+    mimetype?: string;
     size?: string;
     locationPreview?: string;
 }

package/dist/examples/quiz/QuizDemo.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const QuizDemo: React.FC;
+export default QuizDemo;

package/dist/examples/quiz/quizScript.d.ts

@@ -0,0 +1,38 @@
+/**
+ * The shape of a scripted question flow, and a sample script.
+ *
+ * This is EXAMPLE code, not part of the SDK surface: the engine only knows
+ * about a message carrying `quickReplies` and about sending the tapped value
+ * back into the room. Everything below - the notion of a "step", the order
+ * they run in, where the answers pile up - belongs to whoever drives the
+ * flow, whether that is a bot on the server or a host page like this one.
+ *
+ * The step types mirror the node palette of the flow builders these widgets
+ * are usually compared against (Say / Single Input / Options / Yes-No /
+ * Rating), minus the branching nodes.
+ */
+export type QuizStepType = 'say' | 'input' | 'choice' | 'yesno' | 'rating';
+export interface QuizOption {
+    name: string;
+    value: string;
+}
+export interface QuizStep {
+    /** Echoed back as `questionId` when one of this step's buttons is tapped. */
+    id: string;
+    type: QuizStepType;
+    /** What the bot says. */
+    text: string;
+    /** Short name for the closing summary. Falls back to `text`. */
+    label?: string;
+    /** Only for `choice`; `yesno` and `rating` synthesise their own. */
+    options?: QuizOption[];
+}
+/** Buttons a step offers. `say` and `input` steps offer none. */
+export declare function optionsForStep(step: QuizStep): QuizOption[];
+/**
+ * A six-question intake, written as an eye clinic's because that is the
+ * kind of site these flows land on. Deliberately mixes button steps with
+ * typed ones: a name and a contact detail cannot be picked from a list, and
+ * the two answer paths are the thing worth demonstrating.
+ */
+export declare const DEFAULT_QUIZ_SCRIPT: QuizStep[];

package/dist/examples/quiz/useDemoSession.d.ts

@@ -0,0 +1,42 @@
+/**
+ * A throwaway visitor + room, so the demo runs with no credentials.
+ *
+ * `POST /v2/widget/sessions` is the same endpoint the embeddable assistant
+ * uses to put an anonymous website visitor into a real MUC room: the server
+ * mints a visitor JID with a password and a room to talk in. Borrowing it
+ * here keeps this page open-and-run instead of "first go find a login" -
+ * and it is the only part of the demo that is demo-specific. A host
+ * embedding the chat normally already has a signed-in user.
+ */
+export interface DemoSession {
+    appId: string;
+    baseUrl: string;
+    roomJID: string;
+    user: {
+        _id: string;
+        appId: string;
+        username: string;
+        name: string;
+        walletAddress: string;
+        firstName: string;
+        lastName: string;
+        xmppUsername: string;
+        xmppPassword: string;
+        token: string;
+        refreshToken: string;
+        defaultWallet: {
+            walletAddress: string;
+        };
+    };
+    xmppSettings: {
+        devServer: string;
+        host: string;
+        conference: string;
+    };
+}
+export declare function useDemoSession(): {
+    session: DemoSession;
+    connect: () => Promise<void>;
+    loading: boolean;
+    error: string;
+};

package/dist/examples/quiz/useQuizFlow.d.ts

@@ -0,0 +1,47 @@
+import { QuizStep } from './quizScript';
+/**
+ * Drives a scripted question flow on top of the engine's two primitives:
+ *
+ *   1. a bot message carrying `quickReplies` renders buttons under the
+ *      bubble;
+ *   2. tapping one sends that button's value into the room as an ordinary
+ *      message, and calls `config.eventHandlers.onQuickReply`.
+ *
+ * The flow itself lives here, in host code. In production the same script
+ * would run on the bot: it would send the questions over XMPP instead of
+ * this hook injecting them into the store, and nothing in the engine or in
+ * the bubble would change.
+ *
+ * Steps that ask for free text have no buttons, so their answer arrives as
+ * an ordinary typed message. We watch the room for the user's own new
+ * messages to catch those - see the subscription below.
+ */
+export interface QuizAnswer {
+    stepId: string;
+    question: string;
+    answer: string;
+    /** How the answer was given, which is the interesting half of the demo. */
+    via: 'button' | 'typed';
+}
+export interface QuizBotIdentity {
+    id: string;
+    name: string;
+    avatar?: string;
+}
+export declare function useQuizFlow(script: QuizStep[], bot: QuizBotIdentity): {
+    onQuickReply: (event: {
+        messageId: string;
+        questionId: string;
+        reply: {
+            value: string;
+        };
+    }) => void;
+    start: () => void;
+    answers: QuizAnswer[];
+    isRunning: boolean;
+    currentStep: QuizStep;
+    stepIndex: number;
+    roomJID: any;
+    /** True while the composer is standing in for this step's buttons. */
+    awaitingTypedAnswer: boolean;
+};

package/dist/firebase-config.d.ts

@@ -8,7 +8,5 @@ export declare const defaultConfig: {
     messagingSenderId: any;
     appId: any;
 };
-export declare const getFirebaseApp: (customConfig?: any) => FirebaseApp | null;
-export declare const getFirebaseMessaging: (customConfig?: any) => Messaging | null;
-export declare const app: FirebaseApp;
-export declare const messaging: Messaging;
+export declare const getFirebaseApp: (customConfig?: any) => Promise<FirebaseApp | null>;
+export declare const getFirebaseMessaging: (customConfig?: any) => Promise<Messaging | null>;