@ethora/chat-component 26.4.5 → 26.5.1

package/dist/types/models/config.model.d.ts

@@ -48,6 +48,15 @@ export interface FontFaceSource {
 export interface TypographyConfig {
     /** Family applied to the chat UI, optionally with fallbacks. */
     fontFamily?: string;
+    /**
+     * Base font size for chat text. A number is treated as pixels (e.g. `18`),
+     * a string is used verbatim if it carries a unit (`"1.1rem"`, `"18px"`) or
+     * parsed as pixels otherwise. Published as the `--ethora-font-size` CSS
+     * variable (plus derived `-xs` / `-sm` / `-lg` variants) which the chat's
+     * text styles read, so message text, sender names, timestamps, inputs,
+     * room names and badges all scale proportionally. Default 16px.
+     */
+    fontSize?: number | string;
     /** A full Google Fonts stylesheet URL, e.g.
      * "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap". */
     googleFontsUrl?: string;
@@ -71,9 +80,41 @@ export interface IConfig {
     colors?: {
         primary: string;
         secondary: string;
+        /**
+         * Default colour applied to the chat's icons (attach, microphone, send,
+         * file, empty-state illustrations, etc.). When omitted, icons fall back
+         * to `primary`. Set to a specific colour to decouple icons from the
+         * primary theme colour.
+         */
+        icons?: string;
     };
-    /** Configurable font family / weights for the chat UI. See TypographyConfig. */
+    /** Configurable font family / size / weights for the chat UI. See TypographyConfig. */
     typography?: TypographyConfig;
+    /**
+     * Custom screens shown instead of the built-in Ethora UI when the chat
+     * cannot be displayed. Each value may be a plain string (rendered as
+     * centered text) or any React node. When a value is omitted, the default
+     * built-in UI for that state (e.g. the Ethora login form) is kept.
+     */
+    fallbackScreens?: {
+        /** Replaces the default Ethora login form when there is no user session. */
+        noUser?: React.ReactNode;
+        /** Shown when the XMPP connection is lost / cannot be established. */
+        noConnection?: React.ReactNode;
+        /** Shown when the user has no chat room to display. */
+        noRoom?: React.ReactNode;
+    };
+    /**
+     * Hide specific rooms from the room list and unread counters without
+     * leaving them. Useful to suppress auto-created rooms such as the default
+     * "Main chat" created with a new Ethora app.
+     */
+    hiddenRooms?: {
+        /** Case-insensitive exact room titles to hide, e.g. ["Main chat"]. */
+        titles?: string[];
+        /** Full room JIDs to hide. */
+        jids?: string[];
+    };
     googleLogin?: {
         enabled: boolean;
         firebaseConfig: FBConfig;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ethora/chat-component",
-  "version": "26.4.5",
+  "version": "26.5.1",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",
@@ -35,7 +35,6 @@
     "axios": "^1.10.0",
     "emoji-mart": "^5.6.0",
     "firebase": "^11.9.1",
-    "i": "^0.3.7",
     "js-sha256": "^0.11.1",
     "ltx": "^3.1.2",
     "react": "^18.3.1",
@@ -48,7 +47,6 @@
     "redux": "^5.0.1",
     "redux-persist": "^6.0.0",
     "redux-persist-transform-encrypt": "^5.1.1",
-    "redux-saga": "^1.3.0",
     "rehype-raw": "^7.0.0",
     "remark-gfm": "^4.0.1",
     "styled-components": "^6.1.19",