@ethora/chat-component 26.9.8 → 26.10.3

package/dist/{VisibilityModal-zIAV6dAP.js → VisibilityModal-CnBRSRQ9.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 N, u as P, aM as D, aN as z } from "./main-BnLtessp.js";
-import { S as I, D as C, a as $, b as k, e as w, f as p } from "./SideDrawer-CDAoobvX.js";
+import { E as o, a as L, x as P, u as R, aR as D, aS as z } from "./main-CghdNDlB.js";
+import { S as I, D as C, a as $, b as k, e as S, f as p } from "./SideDrawer-BPebE2tZ.js";
 o.div``;
 o.div`
   font-size: 16px;
@@ -13,7 +13,7 @@ o.p`
   color: var(--ethora-color-text-muted, #6b7280);
   margin-bottom: 32px;
 `;
-const O = o.div`
+const w = o.div`
   display: flex;
   flex-direction: column;
   gap: 6px;
@@ -25,7 +25,7 @@ const O = o.div`
 `, u = o.input`
   accent-color: ${({ $radioColor: i }) => i || "var(--ethora-color-primary, #0052CD)"};
   margin: 0px;
-`, M = o.div`
+`, N = o.div`
   padding: 10px 15px;
   margin-top: 16px;
   color: ${({ type: i }) => i === "success" ? "#10b981" : "#ef4444"};
@@ -39,12 +39,12 @@ const O = o.div`
     background: ${({ type: i }) => i === "success" ? "rgba(16, 185, 129, 0.15)" : "rgba(242, 118, 107, 0.15)"};
     border-color: ${({ type: i }) => i === "success" ? "var(--ethora-color-success, #10b981)" : "var(--ethora-color-danger, #ef4444)"};
   }
-`, B = ({
+`, M = ({
   handleCloseModal: i
 }) => {
-  const S = L(), e = N(), { user: n, config: l } = P(
+  const O = L(), e = P(), { user: n, config: l } = R(
     (t) => t.chatSettingStore
-  ), g = (t) => S(z(t)), [a, m] = b(n?.isProfileOpen), [c, v] = b(n?.isAssetsOpen), [f, y] = b(null), d = (t, A) => {
+  ), g = (t) => O(z(t)), [a, m] = b(n?.isProfileOpen), [c, v] = b(n?.isAssetsOpen), [f, y] = b(null), d = (t, A) => {
     y({ message: t, type: A }), setTimeout(() => y(null), 3e3);
   };
   return x(() => {
@@ -64,7 +64,7 @@ const O = o.div`
       children: [
         /* @__PURE__ */ r(C, { children: [
           /* @__PURE__ */ s($, { children: e("settings.visibility.profileLabel") }),
-          /* @__PURE__ */ s(k, { children: /* @__PURE__ */ s(w, { children: /* @__PURE__ */ r(O, { children: [
+          /* @__PURE__ */ s(k, { children: /* @__PURE__ */ s(S, { children: /* @__PURE__ */ r(w, { children: [
             /* @__PURE__ */ r(h, { children: [
               /* @__PURE__ */ s(
                 u,
@@ -97,7 +97,7 @@ const O = o.div`
         ] }),
         /* @__PURE__ */ r(C, { children: [
           /* @__PURE__ */ s($, { children: e("settings.visibility.documentsLabel") }),
-          /* @__PURE__ */ s(k, { children: /* @__PURE__ */ s(w, { children: /* @__PURE__ */ r(O, { children: [
+          /* @__PURE__ */ s(k, { children: /* @__PURE__ */ s(S, { children: /* @__PURE__ */ r(w, { children: [
             /* @__PURE__ */ r(h, { children: [
               /* @__PURE__ */ s(
                 u,
@@ -128,11 +128,11 @@ const O = o.div`
             /* @__PURE__ */ s(p, { children: e("settings.visibility.individualDescription") })
           ] }) }) })
         ] }),
-        f && /* @__PURE__ */ s(M, { type: f.type, children: f.message })
+        f && /* @__PURE__ */ s(N, { type: f.type, children: f.message })
       ]
     }
   );
 };
 export {
-  B as default
+  M as default
 };

package/dist/api.config.d.ts

@@ -1,27 +1,4 @@
 export declare const appToken = "JWT eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJkYXRhIjp7ImlzVXNlckRhdGFFbmNyeXB0ZWQiOmZhbHNlLCJwYXJlbnRBcHBJZCI6bnVsbCwiaXNBbGxvd2VkTmV3QXBwQ3JlYXRlIjp0cnVlLCJpc0Jhc2VBcHAiOnRydWUsIl9pZCI6IjY0NmNjOGRjOTZkNGE0ZGM4ZjdiMmYyZCIsImRpc3BsYXlOYW1lIjoiRXRob3JhIiwiZG9tYWluTmFtZSI6ImV0aG9yYSIsImNyZWF0b3JJZCI6IjY0NmNjOGQzOTZkNGE0ZGM4ZjdiMmYyNSIsInVzZXJzQ2FuRnJlZSI6dHJ1ZSwiZGVmYXVsdEFjY2Vzc0Fzc2V0c09wZW4iOnRydWUsImRlZmF1bHRBY2Nlc3NQcm9maWxlT3BlbiI6dHJ1ZSwiYnVuZGxlSWQiOiJjb20uZXRob3JhIiwicHJpbWFyeUNvbG9yIjoiIzAwM0U5QyIsInNlY29uZGFyeUNvbG9yIjoiIzI3NzVFQSIsImNvaW5TeW1ib2wiOiJFVE8iLCJjb2luTmFtZSI6IkV0aG9yYSBDb2luIiwiUkVBQ1RfQVBQX0ZJUkVCQVNFX0FQSV9LRVkiOiJBSXphU3lEUWRrdnZ4S0t4NC1XcmpMUW9ZZjA4R0ZBUmdpX3FPNGciLCJSRUFDVF9BUFBfRklSRUJBU0VfQVVUSF9ET01BSU4iOiJldGhvcmEtNjY4ZTkuZmlyZWJhc2VhcHAuY29tIiwiUkVBQ1RfQVBQX0ZJUkVCQVNFX1BST0pFQ1RfSUQiOiJldGhvcmEtNjY4ZTkiLCJSRUFDVF9BUFBfRklSRUJBU0VfU1RPUkFHRV9CVUNLRVQiOiJldGhvcmEtNjY4ZTkuYXBwc3BvdC5jb20iLCJSRUFDVF9BUFBfRklSRUJBU0VfTUVTU0FHSU5HX1NFTkRFUl9JRCI6Ijk3MjkzMzQ3MDA1NCIsIlJFQUNUX0FQUF9GSVJFQkFTRV9BUFBfSUQiOiIxOjk3MjkzMzQ3MDA1NDp3ZWI6ZDQ2ODJlNzZlZjAyZmQ5YjljZGFhNyIsIlJFQUNUX0FQUF9GSVJFQkFTRV9NRUFTVVJNRU5UX0lEIjoiRy1XSE03WFJaNEM4IiwiUkVBQ1RfQVBQX1NUUklQRV9QVUJMSVNIQUJMRV9LRVkiOiIiLCJSRUFDVF9BUFBfU1RSSVBFX1NFQ1JFVF9LRVkiOiIiLCJjcmVhdGVkQXQiOiIyMDIzLTA1LTIzVDE0OjA4OjI4LjEzNloiLCJ1cGRhdGVkQXQiOiIyMDIzLTA1LTIzVDE0OjA4OjI4LjEzNloiLCJfX3YiOjB9LCJpYXQiOjE2ODQ4NTA5MjV9.-IqNVMsf8GyS9Z-_yuNW7hpSmejajjAy-W0J8TadRIM";
-export declare const defaultUser: {
-    _id: string;
-    firstName: string;
-    lastName: string;
-    xmppPassword: string;
-    walletAddress: string;
-    token: string;
-    refreshToken: string;
-    profileImage: string;
-    isProfileOpen: boolean;
-    isAssetsOpen: boolean;
-    referrerId: string;
-    isAllowedNewAppCreate: boolean;
-    isAgreeWithTerms: boolean;
-    company: any[];
-    appId: string;
-    homeScreen: string;
-    defaultWallet: {
-        walletAddress: string;
-    };
-    email: string;
-    username: string;
-};
 export declare const defRoom: {
     jid: string;
 };

package/dist/assets/icons.d.ts

@@ -148,10 +148,9 @@ export declare const InSendingIcon: ({ fill, color, ...props }: {
     fill?: string;
     color?: string;
 }) => import("react/jsx-runtime").JSX.Element;
-export declare const DoubleTick: ({ fill, color, ...props }: {
+export declare const DoubleTick: ({ stroke, ...props }: {
     [x: string]: any;
-    fill?: string;
-    color?: string;
+    stroke?: string;
 }) => import("react/jsx-runtime").JSX.Element;
 export declare const RedCross: ({ color, ...props }: {
     [x: string]: any;

package/dist/components/ContextMenu/ContextMenuComponents.d.ts

@@ -1,10 +1,26 @@
-export declare const ContainerInteractions: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ReactionContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ReactionBadge: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export declare const ArrowButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+export declare const ContainerInteractions: 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 ReactionContainer: 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 ReactionBadge: 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;
+export declare const ArrowButton: 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;
+}, {
     $isRotated: boolean;
 }>> & string;
-export declare const ContextMenu: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const MenuItem: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const Overlay: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const Delimeter: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ContextMenu: 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 MenuItem: 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 Overlay: 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 Delimeter: 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;

package/dist/components/ExampleComponents/CustomMessage.d.ts

@@ -1,20 +1,38 @@
 import { default as React } from 'react';
 import { MessageProps } from '../../types/types';
-export declare const MessageContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+export declare const MessageContainer: 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;
+}, {
     $isUser: boolean;
 }>> & string;
-export declare const MessageBubble: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+export declare const MessageBubble: 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;
+}, {
     $isUser: boolean;
 }>> & string;
-export declare const MessageText: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
-export declare const UserName: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+export declare const MessageText: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "style"> & {
+    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}> & string;
+export declare const UserName: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "style"> & {
+    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}, {
     $isUser: boolean;
     color?: string;
 }>> & string;
-export declare const MessageTimestamp: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export declare const MessagePhoto: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>> & string;
-export declare const MessagePhotoContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const SystemMessage: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const SystemMessageText: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
+export declare const MessageTimestamp: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "style"> & {
+    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}> & string;
+export declare const MessagePhoto: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "style"> & {
+    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}> & string;
+export declare const MessagePhotoContainer: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}> & string;
+export declare const SystemMessage: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}> & string;
+export declare const SystemMessageText: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "style"> & {
+    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}> & string;
 declare const CustomMessageExample: React.ForwardRefExoticComponent<MessageProps & React.RefAttributes<HTMLDivElement>>;
 export default CustomMessageExample;

package/dist/components/Files/fileCategory.d.ts

@@ -7,7 +7,9 @@ export type FileCategory = 'media' | 'documents' | 'audio';
  * with thumbnails); audio/* gets its own chip; everything else falls back
  * to "Documents".
  */
-export declare function getFileCategory(mimetype?: string | null): FileCategory;
-export declare function isPreviewable(file: Pick<ApiFile, 'mimetype'>): boolean;
+export declare function getFileCategory(mimetype?: string | null, name?: string | null): FileCategory;
+export declare function isPreviewable(file: Pick<ApiFile, 'mimetype'> & {
+    originalname?: string;
+}): boolean;
 /** Human-readable byte size, e.g. formatBytes(1536) -> "1.5 KB". */
 export declare function formatBytes(bytes?: number | null): string;

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

@@ -0,0 +1,22 @@
+import { default as React } from 'react';
+import { IAttachment, ModalFile } from '../../types/types';
+export interface AlbumGridItem {
+    attachment: IAttachment;
+    /** Position in the message's `attachments`, used for retry. */
+    index: number;
+}
+interface AlbumGridProps {
+    items: AlbumGridItem[];
+    /** Called with the failed tile's index when the user asks to retry it. */
+    onRetry?: (index: number) => void;
+    /** Who posted the album and when, handed to the viewer header. */
+    sender?: ModalFile['sender'];
+    date?: string;
+}
+/**
+ * Photo/video album for a message with several media files. Layout comes
+ * from getAlbumLayout; a tile tap opens that file in the preview modal, and
+ * a tile still in flight or failed shows its state over the thumbnail.
+ */
+declare const AlbumGrid: React.FC<AlbumGridProps>;
+export default AlbumGrid;

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

@@ -1,12 +1,12 @@
 import { default as React } from 'react';
-import { IAttachment } from '../../types/types';
+import { IAttachment, ModalFile } from '../../types/types';
 interface AttachmentListProps {
     attachments: IAttachment[];
-    /** See CustomMessageImage's `onUnavailable` - only wired to the full-width
-     * single-image renderer (AttachmentRow), not the multi-file grid tiles,
-     * since one dead thumbnail there shouldn't tombstone a message that still
-     * has other live attachments. */
-    onUnavailable?: () => void;
+    /** Re-sends the file at this index of `attachments` after a failed upload. */
+    onRetryAttachment?: (index: number) => void;
+    /** Who posted the message and when; the viewer header shows both. */
+    sender?: ModalFile['sender'];
+    date?: string;
 }
 declare const AttachmentList: React.FC<AttachmentListProps>;
 export default AttachmentList;

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

@@ -1,7 +1,15 @@
-export declare const ChooseChatMessageContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ChooseChatMessageContainerBoxText: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ChooseChatTitle: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ChooseChatDescription: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ChooseChatMessageContainer: 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 ChooseChatMessageContainerBoxText: 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 ChooseChatTitle: 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 ChooseChatDescription: 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;
 interface ChooseChatMessageProps {
     /**
      * True when a specific room WAS requested (a QR code, a shared link, a

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

@@ -1,8 +1,16 @@
 import { default as React, FC } from 'react';
-export declare const EditContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const EditInfoBox: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const EditTitle: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const EditText: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const EditContainer: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}> & string;
+export declare const EditInfoBox: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}> & string;
+export declare const EditTitle: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}> & string;
+export declare const EditText: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}> & string;
 interface EditWrapperProps {
     text: string;
     onClose: () => void;

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

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+export interface ImageUnavailableArtProps {
+    /** Rendered width and height in CSS pixels. The viewBox scales crisply. */
+    size?: number;
+}
+export declare const ImageUnavailableArt: React.FC<ImageUnavailableArtProps>;
+export interface ImageUnavailableStateProps {
+    /**
+     * Compact: the glyph only, about 28px, for album grid tiles. Full: the
+     * illustration, the caption and a hint, for a solo bubble or the viewer.
+     */
+    compact?: boolean;
+    /**
+     * Shows a "Try again" action. The picture sits inside the bubble's open
+     * button, so the action is a span with button semantics, not a <button>.
+     */
+    onRetry?: () => void;
+}
+/** Self-contained "could not load" state that fills its positioned parent. */
+export declare const ImageUnavailableState: React.FC<ImageUnavailableStateProps>;
+export default ImageUnavailableState;

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

@@ -0,0 +1,31 @@
+import { default as React } from 'react';
+/** How long the scrim takes to fade once the upload is done. */
+export declare const SCRIM_FADE_MS = 180;
+/** The circular-arrow retry mark, shared by the failed tile and the "+N" badge. */
+export declare const RetryIcon: React.FC<{
+    size?: number;
+}>;
+/**
+ * Thin circular progress ring. The SVG is a fixed 40px square with a
+ * viewBox, so it can never stretch; the arc is drawn by moving the dash
+ * offset from the full circumference (empty) down to zero (complete).
+ */
+export declare const ProgressRing: React.FC<{
+    percent: number;
+    children?: React.ReactNode;
+}>;
+interface MediaUploadOverlayProps {
+    /** `uploading` covers "waiting for the siblings" too; `failed` is a retry prompt. */
+    status: 'uploading' | 'failed';
+    progress?: number;
+    /** Upload is done: fade the scrim out instead of leaving it up. */
+    leaving?: boolean;
+}
+/**
+ * State layer over an outgoing attachment: a frosted scrim with a progress
+ * ring while it goes up, and a tinted scrim with a retry glyph once it has
+ * failed. The parent owns the click, so this stays pointer-transparent and
+ * can sit inside a button without nesting interactive elements.
+ */
+export declare const MediaUploadOverlay: React.FC<MediaUploadOverlayProps>;
+export default MediaUploadOverlay;

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

@@ -6,6 +6,7 @@ interface MessageContainerProps {
         isUser: boolean;
         $isUser?: boolean;
         isReply: boolean;
+        isLastInGroup?: boolean;
     }>;
     message: IMessage;
     activeMessage: IMessage;
@@ -13,6 +14,8 @@ interface MessageContainerProps {
     xmppUsername: string;
     isReply: boolean;
     showDateLabel: boolean;
+    /** False when the next row is the same sender's message (a run continues). */
+    isLastInGroup?: boolean;
     className?: string;
 }
 export declare const MessageContainer: React.NamedExoticComponent<MessageContainerProps>;

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

@@ -15,4 +15,5 @@ interface MessageListProps<TMessage extends IMessage> {
     activeMessage?: IMessage;
 }
 declare const MessageList: <TMessage extends IMessage>({ CustomMessage, loadMoreMessages, roomJID, config, loading, isReply, activeMessage, }: MessageListProps<TMessage>) => import("react/jsx-runtime").JSX.Element;
-export default MessageList;
+declare const _default: typeof MessageList;
+export default _default;

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

@@ -6,7 +6,9 @@ interface SystemMessageProps {
         secondary?: string;
     };
 }
-export declare const CustomSystemMessageText: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+export declare const CustomSystemMessageText: 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;
 }>> & string;
 declare const SystemMessage: React.FC<SystemMessageProps>;

package/dist/components/MessageBubble/CustomDivider.d.ts

@@ -1,4 +1,6 @@
-export declare const CustomDivider: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+export declare const CustomDivider: 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;
+}, {
     $configColor: string;
     $configColorUser: string;
     $isUser: boolean;

package/dist/components/MessageBubble/MediaCaption.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { MentionClickHandler } from '../../helpers/parseMessageBody';
+interface MediaCaptionProps {
+    /** The message: its caption, or the text a legacy sender put in `body`. */
+    message: object;
+    onMentionClick?: MentionClickHandler;
+}
+declare const MediaCaption: React.FC<MediaCaptionProps>;
+export default MediaCaption;

package/dist/components/MessageBubble/MessageAvatarPhoto.d.ts

@@ -0,0 +1,17 @@
+import { default as React, CSSProperties } from 'react';
+interface MessageAvatarPhotoProps {
+    /** Sender photo URL; empty renders the initials circle alone. */
+    src?: string | null;
+    /** Display name, used for the initials. */
+    username?: string;
+    style?: CSSProperties;
+}
+/**
+ * Sender avatar in a message bubble. The initials circle is always rendered
+ * (no layout shift, nothing waits on the network); the photo is layered over
+ * it and faded in once it has loaded. A photo that fails to load leaves the
+ * initials, where the old bare <img> showed a broken-image glyph. A sender
+ * with many bubbles shares one load through useAvatarImage's cache.
+ */
+export declare const MessageAvatarPhoto: React.FC<MessageAvatarPhotoProps>;
+export {};

package/dist/components/MessageBubble/MessageReaction.d.ts

@@ -5,6 +5,12 @@ interface MessageReactionProps {
     reaction: Record<string, ReactionMessage>;
     changeReaction: (reaction: string) => void;
     userName?: string;
+    /**
+     * Reports how far the chip rows hang below the bubble's bottom edge, in px,
+     * whenever their rendered height changes (one row hangs REACTION_HANG_PX).
+     * The message row uses it to reserve room for every wrapped row.
+     */
+    onHangChange?: (hangPx: number) => void;
 }
 export declare const MessageReaction: FC<MessageReactionProps>;
 export {};

package/dist/components/MessageBubble/MessageReply.d.ts

@@ -1,5 +1,7 @@
 import { FC } from 'react';
-export declare const StyledMessageReply: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+export declare const StyledMessageReply: 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;
+}, {
     $isUser: boolean;
     $configColor: string;
 }>> & string;

package/dist/components/MessageBubble/QuickReplies.d.ts

@@ -1,9 +1,11 @@
 import { default as React } from 'react';
 import { QuickReply } from '../../helpers/quickReplies';
+import { ChatColorScheme } from '../../types/types';
 interface QuickRepliesProps {
     replies: QuickReply[];
     messageId: string;
     accentColor?: string;
+    colorScheme?: ChatColorScheme;
     /** Already answered - the chips are gone for good. */
     answered?: boolean;
     onSelect: (reply: QuickReply, questionId: string) => void;

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

@@ -7,17 +7,15 @@ interface FilePreviewModalProps {
  *
  * Images get a real lightbox: previous/next across every image loaded for
  * the room (see helpers/roomImageGallery for exactly what that set is),
- * wheel/pinch zoom with bounded panning, double-click/double-tap to toggle
- * fit, arrow-key and swipe navigation. Video, PDF and unsupported files take
- * the same paths they always did and get no navigation chrome, so opening a
- * PDF is the experience it was before.
+ * a thumbnail strip, wheel/pinch zoom with bounded panning, double-click or
+ * double-tap to toggle fit, arrow and swipe navigation, and a blurred
+ * low-resolution stand-in while the full picture loads. Video, audio, PDF and
+ * other files each get their own view; none of them get gallery chrome.
  *
- * Escape, initial focus and focus restore are NOT handled here: the modal
- * layer (Modals/Modal/Modal.tsx) already runs `useModalDismiss` around every
- * entry in MODAL_COMPONENTS, this one included. Adding a second Escape
- * listener would double-handle the key and fight that hook's focus restore,
- * so the only key listener below is for the arrows, and it explicitly leaves
- * every other key (Escape included) alone.
+ * Escape and initial focus are handled by useModalDismiss at the modal layer
+ * (Modals/Modal/ModalContent.tsx), which also restores focus to the opener on
+ * close. This component adds the Tab trap and the arrow and zoom keys, and it
+ * leaves Escape alone so the key is not handled twice.
  */
 declare const FilePreviewModal: React.FC<FilePreviewModalProps>;
 export default FilePreviewModal;

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

@@ -11,6 +11,10 @@ export interface ImageLightboxHandle {
 interface ImageLightboxProps {
     src: string;
     alt: string;
+    /** Low-res stand-in painted blurred until `src` has loaded. */
+    previewSrc?: string;
+    /** Visually hidden label for the loading spinner (screen readers). */
+    loadingLabel?: string;
     /** Swipe (touch) navigation; also used to report gesture direction. */
     onSwipeLeft?: () => void;
     onSwipeRight?: () => void;

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

@@ -10,6 +10,10 @@ interface PdfViewerProps {
  * 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).
+ *
+ * All pages stack in one scroll container. Every page has a placeholder sized
+ * from its real aspect, but only the few near the viewport render a canvas,
+ * so a 200-page document costs about as much as a 7-page one.
  */
 declare const PdfViewer: React.FC<PdfViewerProps>;
 export default PdfViewer;