@linktr.ee/messaging-react 1.35.0-rc-1777517685 → 1.35.0

package/dist/index.js

@@ -1,4 +1,4 @@
-import { A as e, a as t, C as i, b as n, c as o, d as g, F as r, e as m, L as u, f as M, h as c, i as l, j as h, P as C, k as P, u as d, l as L, m as p, n as v } from "./index-BJxgpf27.js";
+import { A as e, a as t, C as i, b as n, c as o, d as g, F as r, e as m, L as u, f as M, h as c, i as l, j as h, P as C, k as P, u as d, l as L, m as p, n as v } from "./index-BsSqs61X.js";
 export {
   e as ActionButton,
   t as Avatar,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@linktr.ee/messaging-react",
-  "version": "1.35.0-rc-1777517685",
+  "version": "1.35.0",
   "description": "React messaging components built on messaging-core for web applications",
   "type": "module",
   "main": "dist/index.js",

package/src/components/ChannelList/CustomChannelPreview.stories.tsx

@@ -60,6 +60,8 @@ const createMockChannel = (options: {
     lastMessageMetadata,
   } = options
 
+  const eventListeners = new Map<string, Set<(...args: unknown[]) => void>>()
+
   return {
     id,
     cid: `messaging:${id}`,
@@ -99,6 +101,20 @@ const createMockChannel = (options: {
           : ([] as LocalMessage[]),
       unreadCount,
     },
+    on: (eventName: string, listener: (...args: unknown[]) => void) => {
+      if (!eventListeners.has(eventName)) {
+        eventListeners.set(eventName, new Set())
+      }
+      eventListeners.get(eventName)?.add(listener)
+      return {
+        unsubscribe: () => {
+          eventListeners.get(eventName)?.delete(listener)
+        },
+      }
+    },
+    off: (eventName: string, listener: (...args: unknown[]) => void) => {
+      eventListeners.get(eventName)?.delete(listener)
+    },
   } as unknown as Channel
 }
 

package/src/components/CustomTypingIndicator/index.tsx

@@ -13,7 +13,7 @@ interface CustomTypingIndicatorProps {
 }
 
 const Circle = ({ cx, index }: { cx: string; index: number }) => (
-  <circle className="fill-pebble" cx={cx} cy="4" r="3.9">
+  <circle cx={cx} cy="4" r="3.9" fill="#A0A0A0">
     <animateTransform
       attributeName="transform"
       type="translate"
@@ -66,7 +66,7 @@ const CustomTypingIndicator = ({ threadList }: CustomTypingIndicatorProps) => {
 
   return (
     <div
-      className="str-chat__typing-indicator !items-end"
+      className="str-chat__typing-indicator !items-end !bg-transparent"
       data-testid="typing-indicator"
       style={{ insetInlineStart: 0, insetInlineEnd: 'auto' }}
     >
@@ -80,7 +80,7 @@ const CustomTypingIndicator = ({ threadList }: CustomTypingIndicatorProps) => {
         />
       </div>
 
-      <div className="px-4 py-3 rounded-lg bg-[#F1F0EE] h-12 flex flex-col justify-end">
+      <div className="px-4 py-3 rounded-lg bg-[#E9EAED] h-12 flex flex-col justify-end">
         <svg
           aria-hidden="true"
           className="block overflow-visible mb-[0.2rem]"