@linktr.ee/messaging-react 4.4.1-rc-1787616600 → 4.4.1-rc-1787626707

package/dist/index.d.ts

@@ -1361,10 +1361,10 @@ export declare interface MessageBubbleBaseProps {
      */
     tail?: boolean;
     /**
-     * Extra classes on the outermost Stream message wrapper. Width is
-     * caller-controlled: pass `w-fit` to hug the text (chat/preview) or
-     * `w-full` to fill the container (card-like list rows). With no width
-     * class the bubble fills its container. Also where you'd set `max-w-[…]`.
+     * Extra classes on the outer bubble. Width is caller-controlled: pass
+     * `w-fit` to hug the text (chat/preview) or `w-full` to fill the container
+     * (card-like list rows). With no width class the bubble fills its
+     * container. Also where you'd set `max-w-[…]`.
      */
     className?: string;
 }

package/dist/index.js

@@ -3848,35 +3848,26 @@ var aa = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.02em]", oa
 		backgroundColor: "var(--str-chat__message-bubble-background-color, #f1f0ee)",
 		color: "var(--str-chat__message-bubble-color, #000000)"
 	}
-}, Ta = ({ variant: e, text: t, tail: n = !0, header: r, className: i }) => /* @__PURE__ */ U("div", {
-	className: J("str-chat__message", e === "sent" ? "str-chat__message--me" : "str-chat__message--other", i),
-	children: /* @__PURE__ */ U("div", {
-		className: "str-chat__message-inner",
-		children: /* @__PURE__ */ U("div", {
-			"data-dd-privacy": "mask",
-			className: J("str-chat__message-bubble", "relative", "text-[0.875rem] leading-[1.3125rem] tracking-[0.14px]"),
-			style: {
-				...wa[e],
-				borderRadius: "var(--str-chat__message-bubble-border-radius, 1.5rem)",
-				isolation: "isolate"
-			},
-			children: /* @__PURE__ */ W("div", {
-				className: "str-chat__message-text",
-				children: [
-					r != null && /* @__PURE__ */ U("div", {
-						className: "mb-1 font-medium",
-						"data-testid": "message-bubble-header",
-						children: r
-					}),
-					/* @__PURE__ */ U("p", {
-						className: "m-0 whitespace-pre-wrap break-words hyphens-manual",
-						children: t
-					}),
-					n && /* @__PURE__ */ U(Ca, { variant: e })
-				]
-			})
-		})
-	})
+}, Ta = ({ variant: e, text: t, tail: n = !0, header: r, className: i }) => /* @__PURE__ */ W("div", {
+	"data-dd-privacy": "mask",
+	className: J("relative px-4 py-3", "text-[0.875rem] leading-[1.3125rem] tracking-[0.14px]", i),
+	style: {
+		...wa[e],
+		borderRadius: "var(--str-chat__message-bubble-border-radius, 1.5rem)",
+		isolation: "isolate"
+	},
+	children: [
+		r != null && /* @__PURE__ */ U("div", {
+			className: "mb-1 font-medium",
+			"data-testid": "message-bubble-header",
+			children: r
+		}),
+		/* @__PURE__ */ U("p", {
+			className: "m-0 whitespace-pre-wrap break-words hyphens-manual",
+			children: t
+		}),
+		n && /* @__PURE__ */ U(Ca, { variant: e })
+	]
 }), Ea = {
 	Sent: ({ text: e, tail: t, className: n }) => /* @__PURE__ */ U(Ta, {
 		variant: "sent",