@bcc-code/vue-bcc-chat-ui 7.0.40 → 7.0.42

package/dist/vue-bcc-chat-ui.js

@@ -8322,10 +8322,19 @@ var fd = { class: "w-full" }, pd = {
 			key: 0,
 			preview: "",
 			src: n.url,
+			imgs: t.message.attachments.filter((e) => n.url && e.kind === "image" || e.kind === "video").map((e) => ({
+				src: e.url,
+				alt: e.name,
+				type: e.kind
+			})),
 			alt: n.name,
-			"image-class": "bg-elevation-surface-raised-default object-contain rounded-sm max-h-96 max-w-96",
+			"image-class": "bg-elevation-surface-raised-default object-contain rounded-lg max-h-96 max-w-96",
 			class: "mx-auto rounded-lg"
-		}, null, 8, ["src", "alt"])) : n.kind === "video" && n.url ? (x(), a("div", {
+		}, null, 8, [
+			"src",
+			"imgs",
+			"alt"
+		])) : n.kind === "video" && n.url ? (x(), a("div", {
 			key: 1,
 			class: "attachment-media-bleed media-surface attachment-media-frame group relative rounded-xl",
 			style: _(h(n))
@@ -8365,7 +8374,7 @@ var fd = { class: "w-full" }, pd = {
 			"text-class": "whitespace-normal wrap-break-word body-md text-default"
 		}, null, 8, ["text", "is-own"])) : i("", !0)]));
 	}
-}), [["__scopeId", "data-v-c82e820d"]]), pf = { class: "message-status" }, mf = { key: 0 }, hf = /* @__PURE__ */ bu(/* @__PURE__ */ u({
+}), [["__scopeId", "data-v-874b5126"]]), pf = { class: "message-status" }, mf = { key: 0 }, hf = /* @__PURE__ */ bu(/* @__PURE__ */ u({
 	__name: "MessageDeliveryStatus",
 	props: { message: {} },
 	setup(e) {
@@ -8912,7 +8921,7 @@ var fd = { class: "w-full" }, pd = {
 			return e === 0 ? !0 : de(t[e].sentAt, t[e - 1].sentAt);
 		}
 		return (t, n) => (x(), a(e, null, [
-			o("section", { class: h(["message-list-root flex h-full flex-col", [t.$attrs.class, te.value ? "message-list--embedded-thread" : P.value ? "message-list--thread" : "message-list--main"]]) }, [y.value ? T(t.$slots, "header", {
+			o("section", { class: h(["message-list-root", [t.$attrs.class, te.value ? "message-list--embedded-thread" : P.value ? "message-list--thread" : "message-list--main"]]) }, [y.value ? T(t.$slots, "header", {
 				key: 0,
 				conversation: A(u).conversation.value,
 				parentMessage: _.value,
@@ -8929,7 +8938,7 @@ var fd = { class: "w-full" }, pd = {
 			}, [o("div", {
 				ref_key: "threadRef",
 				ref: ne,
-				class: h(["message-list__scroll min-h-0 flex-1 overflow-y-auto", te.value ? "p-0" : P.value ? "message-list__scroll--thread" : "message-list__scroll--main"]),
+				class: h(["message-list__scroll min-h-0 flex-1", te.value ? "p-0" : P.value ? "px-5 py-4" : "px-2 pt-2 pb-3"]),
 				onScroll: n[2] ||= (...e) => A(I) && A(I)(...e)
 			}, [o("div", cp, [
 				_.value ? (x(), a("div", lp, [o("p", up, O(_.value.senderName), 1), o("p", dp, O(A(No)(_.value)), 1)])) : i("", !0),
@@ -8990,7 +8999,7 @@ var fd = { class: "w-full" }, pd = {
 			])
 		], 64));
 	}
-}), [["__scopeId", "data-v-ccf12adb"]]), mp = { class: "receipt-section" }, hp = { class: "receipt-section__header" }, gp = { class: "text-heading-sm text-default" }, _p = { class: "body-sm text-subtlest" }, vp = {
+}), [["__scopeId", "data-v-891ae575"]]), mp = { class: "receipt-section" }, hp = { class: "receipt-section__header" }, gp = { class: "text-heading-sm text-default" }, _p = { class: "body-sm text-subtlest" }, vp = {
 	key: 0,
 	class: "space-y-2"
 }, yp = { class: "flex min-w-0 items-center gap-3" }, bp = { class: "min-w-0" }, xp = { class: "heading-sm text-default truncate" }, Sp = { class: "body-sm text-subtle truncate" }, Cp = { class: "body-sm text-subtle shrink-0" }, wp = {