@ethora/chat-component 26.7.6 → 26.7.7

package/dist/main.css

@@ -1 +1 @@
-.ethora-chat-root{font-family:var( --ethora-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif );-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ethora-chat-root code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.ethora-chat-root,.ethora-chat-root *{scrollbar-width:thin;scrollbar-color:var(--ethora-scrollbar-thumb, var(--ethora-icon-color, #0052cd)) var(--ethora-scrollbar-track, #f0f0f0)}.ethora-chat-root::-webkit-scrollbar,.ethora-chat-root ::-webkit-scrollbar{width:4px}.ethora-chat-root::-webkit-scrollbar-thumb,.ethora-chat-root ::-webkit-scrollbar-thumb{background-color:var( --ethora-scrollbar-thumb, var(--ethora-icon-color, #0052cd) );border-radius:6px}.ethora-chat-root::-webkit-scrollbar-track,.ethora-chat-root ::-webkit-scrollbar-track{background-color:var(--ethora-scrollbar-track, #f0f0f0)}.ethora-apple-emoji{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}.ethora-chat-root .emoji-mart{max-width:320px;max-height:360px;overflow-y:auto;border-radius:12px;box-shadow:0 4px 12px #0000001a}.ethora-message-highlight{animation:ethoraMessageHighlight 2s ease-out;transition:background-color .3s ease}@keyframes ethoraMessageHighlight{0%{background-color:#2196f366;transform:scale(1.02);box-shadow:0 0 0 2px #2196f333}30%{background-color:#2196f34d;box-shadow:0 0 0 2px #2196f326}60%{background-color:#2196f333;box-shadow:0 0 0 1px #2196f31a}to{background-color:transparent;transform:scale(1);box-shadow:none}}@media(max-width:768px){.ethora-message-notification-container{left:50%!important;right:auto!important;transform:translate(-50%)!important;align-items:center!important}.ethora-message-notification-container[data-position-horizontal=left],.ethora-message-notification-container[data-position-horizontal=right]{left:50%!important;right:auto!important;transform:translate(-50%)!important}}
+.ethora-chat-root{font-family:var( --ethora-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif );-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ethora-chat-root code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.ethora-chat-root,.ethora-chat-root *{scrollbar-width:thin;scrollbar-color:rgba(20,20,20,.22) transparent;scrollbar-color:var( --ethora-scrollbar-thumb, color-mix(in srgb, var(--ethora-icon-color, #0052cd) 35%, transparent) ) var(--ethora-scrollbar-track, transparent)}.ethora-chat-root::-webkit-scrollbar,.ethora-chat-root ::-webkit-scrollbar{width:8px;height:8px}.ethora-chat-root::-webkit-scrollbar-thumb,.ethora-chat-root ::-webkit-scrollbar-thumb{background-color:#14141438;background-color:var( --ethora-scrollbar-thumb, color-mix(in srgb, var(--ethora-icon-color, #0052cd) 35%, transparent) );border-radius:var(--ethora-radius-full, 999px);border:2px solid transparent;background-clip:content-box}.ethora-chat-root::-webkit-scrollbar-thumb:hover,.ethora-chat-root ::-webkit-scrollbar-thumb:hover{background-color:#14141466;background-color:var( --ethora-scrollbar-thumb-hover, color-mix(in srgb, var(--ethora-icon-color, #0052cd) 60%, transparent) );background-clip:content-box}.ethora-chat-root::-webkit-scrollbar-track,.ethora-chat-root ::-webkit-scrollbar-track{background-color:var(--ethora-scrollbar-track, transparent)}.ethora-apple-emoji{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}.ethora-chat-root .emoji-mart{max-width:320px;max-height:360px;overflow-y:auto;border-radius:12px;box-shadow:0 4px 12px #0000001a}.ethora-message-highlight{animation:ethoraMessageHighlight 2s ease-out;transition:background-color .3s ease}@keyframes ethoraMessageHighlight{0%{background-color:#2196f366;transform:scale(1.02);box-shadow:0 0 0 2px #2196f333}30%{background-color:#2196f34d;box-shadow:0 0 0 2px #2196f326}60%{background-color:#2196f333;box-shadow:0 0 0 1px #2196f31a}to{background-color:transparent;transform:scale(1);box-shadow:none}}@media(max-width:768px){.ethora-message-notification-container{left:50%!important;right:auto!important;transform:translate(-50%)!important;align-items:center!important}.ethora-message-notification-container[data-position-horizontal=left],.ethora-message-notification-container[data-position-horizontal=right]{left:50%!important;right:auto!important;transform:translate(-50%)!important}}

package/dist/main.js

@@ -1,14 +1,14 @@
-import { b3 as a, b4 as r, b5 as b, b6 as o, b7 as t, b8 as u, b9 as h, ba as p, bb as i, bc as n, bd as d, L as l, be as T, bf as f, bg as y, bh as I, bi as R, bj as c, bk as g, bl as m, ao as C, ap as k, bm as A, bn as Q } from "./main-B-8IhwaP.js";
+import { b2 as a, b3 as r, b4 as b, b5 as o, b6 as t, b7 as h, b8 as u, b9 as i, ba as p, bb as n, bc as d, J as l, bd as T, be as f, bf as y, bg as I, bh as R, bi as c, bj as g, bk as m, ah as C, ai as k, bl as A, bm as Q } from "./main-C2FKeV6y.js";
 export {
   a as AuthTestIds,
   r as Chat,
   b as ChatInputTestIds,
   o as MessageBubbleTestIds,
   t as RefreshFatalError,
-  u as RoomListTestIds,
-  h as XmppProvider,
-  p as applyTypography,
-  i as clearTypography,
+  h as RoomListTestIds,
+  u as XmppProvider,
+  i as applyTypography,
+  p as clearTypography,
   n as handleQRChatId,
   d as isRefreshFatalError,
   l as logoutService,

package/dist/styles/motion.d.ts

@@ -6,10 +6,17 @@
  * = 220ms, `--ethora-motion-ease`). The literal values are duplicated here
  * (rather than reading the CSS variables inside `@keyframes`, which most
  * browsers don't support) but must stay numerically identical.
+ *
+ * This module also owns the two hooks that keep an element mounted for the
+ * length of an exit animation (`useExitTransition` in `hooks/`, plus the
+ * `useDelayedAction` helper below for self-closing components) - see the
+ * "Presence / exit transitions" section near the bottom of this file.
  */
 export declare const MOTION_FAST = "150ms";
 export declare const MOTION_BASE = "220ms";
 export declare const MOTION_EASE = "cubic-bezier(.2,.8,.2,1)";
+export declare const MOTION_FAST_MS = 150;
+export declare const MOTION_BASE_MS = 220;
 export declare const fadeIn: import('styled-components/dist/models/Keyframes').default;
 export declare const fadeInUp: import('styled-components/dist/models/Keyframes').default;
 export declare const scaleIn: import('styled-components/dist/models/Keyframes').default;
@@ -42,3 +49,23 @@ export declare const scaleInAnimation: import('styled-components').RuleSet<objec
 export declare const slideInRightAnimation: import('styled-components').RuleSet<object>;
 /** Shimmering skeleton background, respecting reduced motion (stays static). */
 export declare const shimmerBackground: import('styled-components').RuleSet<object>;
+export declare const fadeOut: import('styled-components/dist/models/Keyframes').default;
+export declare const scaleOut: import('styled-components/dist/models/Keyframes').default;
+/** Mirror of `slideInRight`: the drawer leaves back the way it came. */
+export declare const slideOutRight: import('styled-components/dist/models/Keyframes').default;
+/** Convenience: cross-fade-out shorthand, respecting reduced motion. */
+export declare const fadeOutAnimation: import('styled-components').RuleSet<object>;
+/** Convenience: scale-out shorthand, respecting reduced motion. */
+export declare const scaleOutAnimation: import('styled-components').RuleSet<object>;
+/** Convenience: side-drawer slide-out shorthand, respecting reduced motion. */
+export declare const slideOutRightAnimation: import('styled-components').RuleSet<object>;
+/** Gentle scale+opacity breathing loop - typing bubbles, recording dot. */
+export declare const pulse: import('styled-components/dist/models/Keyframes').default;
+/** Three-dot "typing" fade loop. Stagger children with `animation-delay`. */
+export declare const dotFade: import('styled-components/dist/models/Keyframes').default;
+/** Convenience: breathing pulse shorthand, respecting reduced motion. */
+export declare const pulseAnimation: import('styled-components').RuleSet<object>;
+/** Convenience: typing-dot fade shorthand, respecting reduced motion. */
+export declare const dotFadeAnimation: import('styled-components').RuleSet<object>;
+/** True when the platform/browser has "prefers-reduced-motion: reduce" set. */
+export declare const prefersReducedMotion: () => boolean;

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

@@ -38,6 +38,14 @@ export interface IRoom {
     __v?: number | string;
     _id?: string;
     id?: string;
+    /**
+     * Written from two places: reactionsMiddleware keeps it current for a
+     * room that already has loaded messages, and createRoomFromApi seeds it
+     * from the API's `lastMessage` (see ApiRoomLastMessage) for a room that
+     * doesn't yet. ChatRoomItem only reads this while `messages` is empty -
+     * once real history loads, `messages` is what renders the preview, so a
+     * seed left sitting here afterward is inert rather than stale-looking.
+     */
     lastMessage?: LastMessage;
     lastMessageTimestamp?: number;
     lastRoomMessage?: RoomLastMessage;
@@ -66,6 +74,24 @@ export interface IRoom {
      */
     muted?: boolean;
 }
+/**
+ * The flattened `lastMessage` object `GET /v1/chats/my` embeds per room
+ * (QA verified 2026-09-16: all 16 rooms returned it). Prod's `chats/my`
+ * has previously lacked fields other endpoints send (see IRoom.muted) -
+ * treat every field here as optional and never assume it is present.
+ */
+export interface ApiRoomLastMessage {
+    body?: string;
+    truncated?: boolean;
+    from?: string;
+    fromUserId?: string;
+    messageId?: string;
+    stanzaId?: string;
+    createdAt?: string;
+    isOwn?: boolean;
+    senderFirstName?: string;
+    senderLastName?: string;
+}
 export interface ApiRoom {
     name: string;
     type: 'public' | 'group' | 'private';
@@ -82,6 +108,8 @@ export interface ApiRoom {
     __v?: string;
     /** See IRoom.muted - only present when the backend supports per-chat mute. */
     muted?: boolean;
+    /** See ApiRoomLastMessage - only present when the backend supports it. */
+    lastMessage?: ApiRoomLastMessage;
 }
 export interface PostRoom {
     title: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ethora/chat-component",
-  "version": "26.7.6",
+  "version": "26.7.7",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",