@linktr.ee/messaging-react 1.40.0 → 1.40.1

package/dist/index.js

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

package/package.json

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

package/src/components/Avatar/index.tsx

@@ -54,7 +54,7 @@ export const Avatar = ({
         <img
           src={image}
           alt=""
-          className="aspect-square h-full w-full object-cover"
+          className="h-full w-full object-cover"
         />
       ) : (
         <div
@@ -77,9 +77,10 @@ export const Avatar = ({
         className
       )}
       style={{
+        '--str-chat__avatar-size': `${size}px`,
         width: `${size}px`,
         height: `${size}px`,
-      }}
+      } as React.CSSProperties}
     >
       {starred && (
         <div

package/src/components/CustomMessage/index.tsx

@@ -188,6 +188,9 @@ const CustomMessageWithContext = (props: CustomMessageWithContextProps) => {
             id={message.user.id}
             image={message.user.image}
             name={message.user.name || message.user.id}
+            size={isChatbot ? 24 : 28}
+            shape="circle"
+            dmAgentEnabled={isChatbot}
           />
         )}
         {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}

package/src/styles.css

@@ -169,7 +169,7 @@
 
 .str-chat__li .str-chat__message--other {
   position: relative;
-  grid-template-columns: 40px 1fr;
+  grid-template-columns: 28px 1fr;
 }
 
 .str-chat__li .str-chat__message--other .str-chat__message-bubble-wrapper {