@linktr.ee/messaging-react 4.4.6-rc-1788235358 → 4.4.6

package/dist/index.js

@@ -2188,7 +2188,7 @@ var cr = ({ src: e, filename: t, fileSize: n, mimeType: r, title: i, items: a })
 			"aria-hidden": !0
 		})
 	})
-}), qr = (e) => e.includes("#") ? e : `${e}#t=0.001`, Jr = ({ item: e, index: t, showPlayBadge: n = !0, imgRef: r, onLoad: i }) => /* @__PURE__ */ W("div", {
+}), qr = ({ item: e, index: t, showPlayBadge: n = !0, imgRef: r, onLoad: i }) => /* @__PURE__ */ W("div", {
 	className: "absolute inset-0 size-full bg-[#0d0d0d]",
 	children: [e.poster ? /* @__PURE__ */ U("img", {
 		ref: r,
@@ -2199,13 +2199,6 @@ var cr = ({ src: e, filename: t, fileSize: n, mimeType: r, title: i, items: a })
 		decoding: "async",
 		onLoad: i,
 		className: "absolute inset-0 size-full object-cover"
-	}) : e.src ? /* @__PURE__ */ U("video", {
-		src: qr(e.src),
-		muted: !0,
-		playsInline: !0,
-		preload: "metadata",
-		"aria-label": `Video ${t + 1} thumbnail`,
-		className: "absolute inset-0 size-full object-cover"
 	}) : /* @__PURE__ */ U("div", {
 		className: "absolute inset-0 flex items-center justify-center",
 		children: /* @__PURE__ */ U(Ke, {
@@ -2214,17 +2207,17 @@ var cr = ({ src: e, filename: t, fileSize: n, mimeType: r, title: i, items: a })
 			"aria-hidden": !0
 		})
 	}), n ? /* @__PURE__ */ U(Kr, {}) : null]
-}), Yr = ({ item: e, index: t, totalCount: n, isOverflowTile: r, imgRef: i, onLoad: a }) => ({
+}), Jr = ({ item: e, index: t, totalCount: n, isOverflowTile: r, imgRef: i, onLoad: a }) => ({
 	ariaLabel: `Play video ${t + 1} of ${n}`,
 	cursorClassName: "cursor-pointer",
-	content: /* @__PURE__ */ U(Jr, {
+	content: /* @__PURE__ */ U(qr, {
 		item: e,
 		index: t,
 		showPlayBadge: !r,
 		imgRef: i,
 		onLoad: a
 	})
-}), Xr = ({ src: e, poster: t, mimeType: n, preload: r, naturalAspectRatio: i, items: a }) => a && a.length > 0 ? r ? a.map((e) => ({
+}), Yr = ({ src: e, poster: t, mimeType: n, preload: r, naturalAspectRatio: i, items: a }) => a && a.length > 0 ? r ? a.map((e) => ({
 	...e,
 	preload: e.preload ?? r
 })) : a : e ? [{
@@ -2233,13 +2226,13 @@ var cr = ({ src: e, filename: t, fileSize: n, mimeType: r, title: i, items: a })
 	mimeType: n,
 	preload: r,
 	naturalAspectRatio: i
-}] : [], Zr = (e, t) => e.map((n, r) => ({
+}] : [], Xr = (e, t) => e.map((n, r) => ({
 	src: n.src,
 	poster: n.poster,
 	mimeType: n.mimeType,
 	preload: n.preload,
 	filename: t && e.length === 1 ? t : t ? `${t} (${r + 1})` : void 0
-})), Qr = ({ src: e, poster: t, mimeType: n, filename: r, preload: i, onClick: a, onDismiss: o }) => {
+})), Zr = ({ src: e, poster: t, mimeType: n, filename: r, preload: i, onClick: a, onDismiss: o }) => {
 	let { viewerOpen: s, viewerIndex: c, handleActivate: l, closeViewer: u } = Dr(a);
 	return /* @__PURE__ */ W("div", {
 		className: "relative w-fit",
@@ -2249,7 +2242,7 @@ var cr = ({ src: e, filename: t, fileSize: n, mimeType: r, title: i, items: a })
 				onClick: () => l(0),
 				"aria-label": "Play video",
 				className: "relative block size-[280px] cursor-pointer overflow-hidden rounded-md outline-none focus-visible:ring-2 focus-visible:ring-black/40",
-				children: /* @__PURE__ */ U(Jr, {
+				children: /* @__PURE__ */ U(qr, {
 					item: {
 						src: e,
 						poster: t,
@@ -2264,7 +2257,7 @@ var cr = ({ src: e, filename: t, fileSize: n, mimeType: r, title: i, items: a })
 			}) : null,
 			/* @__PURE__ */ U(Hr, {
 				open: s,
-				items: Zr([{
+				items: Xr([{
 					src: e,
 					poster: t,
 					mimeType: n,
@@ -2275,8 +2268,8 @@ var cr = ({ src: e, filename: t, fileSize: n, mimeType: r, title: i, items: a })
 			})
 		]
 	});
-}, $r = ({ state: e, src: t, poster: n, mimeType: r, filename: i, items: a, text: o, groupPosition: s, preload: c, naturalAspectRatio: l, onClick: u }) => {
-	let d = Xr({
+}, Qr = ({ state: e, src: t, poster: n, mimeType: r, filename: i, items: a, text: o, groupPosition: s, preload: c, naturalAspectRatio: l, onClick: u }) => {
+	let d = Yr({
 		src: t,
 		poster: n,
 		mimeType: r,
@@ -2289,7 +2282,7 @@ var cr = ({ src: e, filename: t, fileSize: n, mimeType: r, title: i, items: a })
 		fallbackRatio: Ur
 	});
 	if (d.length === 0) return null;
-	let b = d.length > 4 ? 3 : -1, x = d.map((e, t) => Yr({
+	let b = d.length > 4 ? 3 : -1, x = d.map((e, t) => Jr({
 		item: e,
 		index: t,
 		totalCount: d.length,
@@ -2315,7 +2308,7 @@ var cr = ({ src: e, filename: t, fileSize: n, mimeType: r, title: i, items: a })
 			})
 		}), /* @__PURE__ */ U(Hr, {
 			open: p,
-			items: Zr(d, i),
+			items: Xr(d, i),
 			initialIndex: m,
 			onClose: g
 		})]
@@ -2323,12 +2316,12 @@ var cr = ({ src: e, filename: t, fileSize: n, mimeType: r, title: i, items: a })
 }, Q = {
 	Image: Pr,
 	Video: {
-		Composer: (e) => /* @__PURE__ */ U(Qr, { ...e }),
-		Sent: (e) => /* @__PURE__ */ U($r, {
+		Composer: (e) => /* @__PURE__ */ U(Zr, { ...e }),
+		Sent: (e) => /* @__PURE__ */ U(Qr, {
 			...e,
 			state: "sent"
 		}),
-		Received: (e) => /* @__PURE__ */ U($r, {
+		Received: (e) => /* @__PURE__ */ U(Qr, {
 			...e,
 			state: "received"
 		})
@@ -2342,22 +2335,22 @@ var cr = ({ src: e, filename: t, fileSize: n, mimeType: r, title: i, items: a })
 function $(e) {
 	return e?.trim() || void 0;
 }
-function ei(e) {
+function $r(e) {
 	let { original_width: t, original_height: n } = e;
 	if (typeof t == "number" && typeof n == "number" && !(!Number.isFinite(t) || !Number.isFinite(n)) && !(t <= 0 || n <= 0)) return t / n;
 }
-function ti(e) {
+function ei(e) {
 	return e.trim().replace(/^https?:\/\//i, "").replace(/\/+$/, "").toLowerCase();
 }
-function ni(e, t) {
+function ti(e, t) {
 	if (!e?.trim() || !t?.trim()) return !1;
-	let n = ti(e), r = ti(t);
+	let n = ei(e), r = ei(t);
 	if (n === r) return !0;
 	if (!n.includes(r)) return !1;
 	let i = n.split(r).join("");
 	return !/[^\p{P}\p{Z}\p{C}]/u.test(i);
 }
-function ri(e) {
+function ni(e) {
 	let t = $(e.og_scrape_url) ?? $(e.title_link), n = $(e.image_url) ?? $(e.thumb_url), r = $(e.mime_type), i = $(e.asset_url), o = n && Tn(r, i) ? void 0 : i;
 	return {
 		title: $(e.title),
@@ -2371,10 +2364,10 @@ function ri(e) {
 		status: "ready"
 	};
 }
-function ii(e) {
+function ri(e) {
 	return kt(e) ? null : e.type === "image" ? e.image_url || e.asset_url ? "image" : null : e.type === "video" && e.asset_url ? "video" : e.type === "audio" && e.asset_url ? "audio" : e.type === "file" && e.asset_url ? e.mime_type === "application/pdf" ? "pdf" : e.mime_type?.startsWith("audio/") ? "audio" : "file" : null;
 }
-function ai(e) {
+function ii(e) {
 	if (!e?.length) return [];
 	let t = [], n = (e, n) => {
 		let r = t[t.length - 1];
@@ -2403,21 +2396,21 @@ function ai(e) {
 			r(t);
 			continue;
 		}
-		let e = ii(t);
+		let e = ri(t);
 		e && n(e, t);
 	}
 	return t;
 }
-function oi(e) {
+function ai(e) {
 	return e.filter((e) => e.type === "media").length;
 }
-function si(e, t, n) {
+function oi(e, t, n) {
 	return t <= 1 ? n : e === 0 ? "first" : e === t - 1 ? "end" : "middle";
 }
-function ci(e) {
+function si(e) {
 	return $(e.image_url) ?? $(e.asset_url) ?? "";
 }
-function li(e) {
+function ci(e) {
 	switch (e) {
 		case "image": return Q.Image;
 		case "video": return Q.Video;
@@ -2426,17 +2419,17 @@ function li(e) {
 		default: return Q.File;
 	}
 }
-function ui(e, t) {
+function li(e, t) {
 	switch (e) {
 		case "image": return {
-			src: ci(t),
+			src: si(t),
 			alt: $(t.title)
 		};
 		case "video": return {
 			src: $(t.asset_url) ?? "",
 			poster: a(t.thumb_url),
 			mimeType: $(t.mime_type),
-			naturalAspectRatio: ei(t)
+			naturalAspectRatio: $r(t)
 		};
 		case "audio": return {
 			src: $(t.asset_url) ?? "",
@@ -2456,30 +2449,30 @@ function ui(e, t) {
 		};
 	}
 }
-function di(e, t) {
-	if (t.length > 1) return { items: t.map((t) => ui(e, t)) };
+function ui(e, t) {
+	if (t.length > 1) return { items: t.map((t) => li(e, t)) };
 	let n = t[0];
-	return n ? ui(e, n) : {};
+	return n ? li(e, n) : {};
 }
-function fi({ groupPosition: e, isMyMessage: t, segment: n }) {
-	let r = li(n.kind), i = {
-		...di(n.kind, n.attachments),
+function di({ groupPosition: e, isMyMessage: t, segment: n }) {
+	let r = ci(n.kind), i = {
+		...ui(n.kind, n.attachments),
 		groupPosition: e
 	};
 	return U(t ? r.Sent : r.Received, { ...i });
 }
-var pi = ({ groupPosition: e, isMyMessage: t, message: n, renderText: r }) => {
-	let i = ai(n.attachments);
+var fi = ({ groupPosition: e, isMyMessage: t, message: n, renderText: r }) => {
+	let i = ii(n.attachments);
 	if (i.length === 0) return null;
-	let a = oi(i), o = n.text?.trim(), s = i.find((e) => e.type === "link"), c = s?.type === "link" ? ri(s.attachments[0] ?? {}).url : void 0, l = o && ni(o, c) ? void 0 : o, u = 0, d = [], f = l ? "middle" : e, p = e === "single" || e === "end", m = (e, n, r) => {
+	let a = ai(i), o = n.text?.trim(), s = i.find((e) => e.type === "link"), c = s?.type === "link" ? ni(s.attachments[0] ?? {}).url : void 0, l = o && ti(o, c) ? void 0 : o, u = 0, d = [], f = l ? "middle" : e, p = e === "single" || e === "end", m = (e, n, r) => {
 		let i = t ? zn.Sent : zn.Received;
 		d.push(/* @__PURE__ */ U(i, {
-			...ri(e),
+			...ni(e),
 			groupPosition: r ? f : "middle"
 		}, n));
 	}, h = (n, r) => {
-		let i = si(u, a, e);
-		u += 1, d.push(/* @__PURE__ */ U(fi, {
+		let i = oi(u, a, e);
+		u += 1, d.push(/* @__PURE__ */ U(di, {
 			groupPosition: i,
 			isMyMessage: t,
 			segment: n
@@ -2506,7 +2499,11 @@ var pi = ({ groupPosition: e, isMyMessage: t, message: n, renderText: r }) => {
 				overflow: "visible",
 				padding: 0
 			},
-			children: [d, !l && /* @__PURE__ */ U(M, {})]
+			children: [/* @__PURE__ */ U("div", {
+				"data-testid": "message-attachment-rows",
+				className: J("flex flex-col gap-[4px]", t ? "items-end" : "items-start"),
+				children: d
+			}), !l && /* @__PURE__ */ U(M, {})]
 		}), l ? /* @__PURE__ */ W("div", {
 			"data-testid": "message-caption-bubble",
 			className: J("str-chat__message-bubble", { "relative isolate": p }),
@@ -2520,13 +2517,13 @@ var pi = ({ groupPosition: e, isMyMessage: t, message: n, renderText: r }) => {
 			]
 		}) : null]
 	});
-}, mi = o.memo((e) => {
+}, pi = o.memo((e) => {
 	let { additionalMessageInputProps: t, editing: n, endOfGroup: r, firstOfGroup: i, groupStyles: a, groupedByUser: o, handleAction: s, handleOpenThread: c, handleRetry: l, highlighted: u, isMessageAIGenerated: d, isMyMessage: f, message: m, renderText: g, threadList: _, viewerLanguage: v, onOutboundClick: y, resolvedOutbound: x } = e, { client: S } = he("CustomMessage"), { channel: C } = me("CustomMessage"), { isUnlocking: w, onUnlockClick: T, onFetchSource: D, onDownloadClick: N } = Nt("LockedAttachment"), [F, L] = h(!1), z = be(m.id), { Attachment: te = b, EditMessageModal: ie = E, MessageActions: B, MessageBlocked: ae = O, MessageBouncePrompt: oe = A, MessageDeleted: fe = j, MessageIsThreadReplyInChannelButtonIndicator: pe = P, MessageRepliesCountButton: _e = I, ReminderNotification: ve = ne, StreamedMessageText: V = re, PinIndicator: ye } = ge("CustomMessage"), xe = ue(m), Se = de(m), G = p(() => d?.(m), [d, m]), K = p(() => {
 		let e = m.attachments ?? [], t = m.shared_location ? [m.shared_location, ...e] : e;
 		if (!Bt(m)) return t;
 		let n = t.filter((e) => !("type" in e) || !kt(e));
 		return n.length === t.length ? t : n;
-	}, [m]), Ce = p(() => ai(K), [K]), q = p(() => {
+	}, [m]), Ce = p(() => ii(K), [K]), q = p(() => {
 		let e = Ot({
 			message: m,
 			viewerLanguage: v
@@ -2650,7 +2647,7 @@ var pi = ({ groupPosition: e, isMyMessage: t, message: n, renderText: r }) => {
 								!X && B && /* @__PURE__ */ U(B, {})
 							]
 						}), m.text && Ue]
-					}) : Be ? /* @__PURE__ */ U(pi, {
+					}) : Be ? /* @__PURE__ */ U(fi, {
 						groupPosition: De,
 						isMyMessage: X,
 						message: {
@@ -2704,14 +2701,14 @@ var pi = ({ groupPosition: e, isMyMessage: t, message: n, renderText: r }) => {
 			]
 		}, m.id)
 	] });
-}, (e, t) => e.viewerLanguage !== t.viewerLanguage || e.onOutboundClick !== t.onOutboundClick || e.resolvedOutbound?.id !== t.resolvedOutbound?.id || e.resolvedOutbound?.name !== t.resolvedOutbound?.name ? !1 : oe(e, t)), hi = (e) => {
+}, (e, t) => e.viewerLanguage !== t.viewerLanguage || e.onOutboundClick !== t.onOutboundClick || e.resolvedOutbound?.id !== t.resolvedOutbound?.id || e.resolvedOutbound?.name !== t.resolvedOutbound?.name ? !1 : oe(e, t)), mi = (e) => {
 	let t = V("CustomMessage"), n = u(Yt), r = t.message.metadata?.outbound_id, i = typeof r == "string" ? n?.[r] : void 0;
-	return /* @__PURE__ */ U(mi, {
+	return /* @__PURE__ */ U(pi, {
 		...t,
 		...e,
 		resolvedOutbound: i
 	});
-}, gi = () => {
+}, hi = () => {
 	let { handleDelete: e, message: t } = V("CustomMessageActions");
 	return t.metadata?.payment_status === "paid" ? null : /* @__PURE__ */ U(Ye, {
 		onClick: e,
@@ -2724,7 +2721,7 @@ var pi = ({ groupPosition: e, isMyMessage: t, message: n, renderText: r }) => {
 			"aria-hidden": !0
 		})
 	});
-}, _i = () => {
+}, gi = () => {
 	let { handleFlag: e } = V("CustomMessageActions");
 	return /* @__PURE__ */ U(Ye, {
 		onClick: e,
@@ -2737,19 +2734,19 @@ var pi = ({ groupPosition: e, isMyMessage: t, message: n, renderText: r }) => {
 			"aria-hidden": !0
 		})
 	});
-}, vi = () => {
+}, _i = () => {
 	let { message: e } = V("CustomMessageActions");
 	return e.metadata?.custom_type === G.ATTACHMENT ? /* @__PURE__ */ U(Xe, { messageActionSet: [{
-		Component: gi,
+		Component: hi,
 		placement: "quick",
 		type: "delete"
 	}, {
-		Component: _i,
+		Component: gi,
 		placement: "quick",
 		type: "flag"
 	}] }) : null;
-}, yi = (e) => ({ linkPreviews: Array.from(e.previews.values()).filter((e) => _.previewIsLoaded(e) || _.previewIsLoading(e)) }), bi = () => {
-	let { linkPreviewsManager: e } = _e(), { linkPreviews: t } = xe(e.state, yi), n = (t) => {
+}, vi = (e) => ({ linkPreviews: Array.from(e.previews.values()).filter((e) => _.previewIsLoaded(e) || _.previewIsLoading(e)) }), yi = () => {
+	let { linkPreviewsManager: e } = _e(), { linkPreviews: t } = xe(e.state, vi), n = (t) => {
 		e.dismissPreview(t);
 	};
 	return t.length > 0 ? /* @__PURE__ */ U("div", {
@@ -2767,7 +2764,7 @@ var pi = ({ groupPosition: e, isMyMessage: t, message: n, renderText: r }) => {
 			}, e.og_scrape_url);
 		})
 	}) : null;
-}, xi = o.createContext(!1), Si = 200, Ci = () => u(xi), wi = ({ sendMessage: e, disabled: t, ...n }) => /* @__PURE__ */ U("button", {
+}, bi = o.createContext(!1), xi = 200, Si = () => u(bi), Ci = ({ sendMessage: e, disabled: t, ...n }) => /* @__PURE__ */ U("button", {
 	...n,
 	type: "button",
 	"aria-label": "Send",
@@ -2778,8 +2775,8 @@ var pi = ({ groupPosition: e, isMyMessage: t, message: n, renderText: r }) => {
 		weight: "bold",
 		className: "size-4"
 	})
-}), Ti = () => {
-	let e = u(xi), { handleSubmit: t } = ye(), n = ve(), r = e || !n, { SendButton: i = wi, AttachmentPreviewList: a = x } = ge("CustomMessageInput"), s = o.useRef(null);
+}), wi = () => {
+	let e = u(bi), { handleSubmit: t } = ye(), n = ve(), r = e || !n, { SendButton: i = Ci, AttachmentPreviewList: a = x } = ge("CustomMessageInput"), s = o.useRef(null);
 	return o.useEffect(() => {
 		let e = s.current;
 		if (!e || typeof ResizeObserver > "u") return;
@@ -2804,7 +2801,7 @@ var pi = ({ groupPosition: e, isMyMessage: t, message: n, renderText: r }) => {
 			className: "messaging-composer-previews empty:hidden flex flex-col gap-2 px-2 pt-2",
 			children: [
 				/* @__PURE__ */ U(te, {}),
-				/* @__PURE__ */ U(bi, {}),
+				/* @__PURE__ */ U(yi, {}),
 				/* @__PURE__ */ U(a, {})
 			]
 		}), /* @__PURE__ */ W("div", {
@@ -2833,7 +2830,7 @@ var pi = ({ groupPosition: e, isMyMessage: t, message: n, renderText: r }) => {
 			})]
 		})]
 	});
-}, Ei = () => /* @__PURE__ */ W("div", {
+}, Ti = () => /* @__PURE__ */ W("div", {
 	className: "messaging-composer-backdrop",
 	"aria-hidden": "true",
 	children: [
@@ -2844,7 +2841,7 @@ var pi = ({ groupPosition: e, isMyMessage: t, message: n, renderText: r }) => {
 		/* @__PURE__ */ U("div", { className: "messaging-composer-backdrop-blur" }),
 		/* @__PURE__ */ U("div", { className: "messaging-composer-backdrop-gradient" })
 	]
-}), Di = ({ renderActions: e, renderHeader: t, renderFooter: n, disabled: r = !1, disabledReason: i, composerInput: a }) => {
+}), Ei = ({ renderActions: e, renderHeader: t, renderFooter: n, disabled: r = !1, disabledReason: i, composerInput: a }) => {
 	let { channel: s } = me(), c = s?.data?.frozen === !0, l = !!a, u = o.useRef(null);
 	return o.useEffect(() => {
 		if (!l) return;
@@ -2853,7 +2850,7 @@ var pi = ({ groupPosition: e, isMyMessage: t, message: n, renderText: r }) => {
 		let n = e.offsetHeight, r = () => {
 			let r = e.offsetHeight, i = r > n;
 			n = r;
-			let a = Array.from(t.querySelectorAll(".str-chat__list")).find((e) => e.scrollHeight > e.clientHeight) ?? null, o = a ? a.scrollHeight - a.scrollTop - a.clientHeight < Si : !1;
+			let a = Array.from(t.querySelectorAll(".str-chat__list")).find((e) => e.scrollHeight > e.clientHeight) ?? null, o = a ? a.scrollHeight - a.scrollTop - a.clientHeight < xi : !1;
 			t.style.setProperty("--messaging-composer-height", `${r}px`), i && o && a && (a.scrollTop = a.scrollHeight);
 		};
 		if (r(), typeof ResizeObserver > "u") return;
@@ -2865,7 +2862,7 @@ var pi = ({ groupPosition: e, isMyMessage: t, message: n, renderText: r }) => {
 		ref: u,
 		"data-testid": "composer-chrome",
 		className: "messaging-composer-chrome messaging-composer-chrome--floating",
-		children: [/* @__PURE__ */ U(Ei, {}), /* @__PURE__ */ W("div", {
+		children: [/* @__PURE__ */ U(Ti, {}), /* @__PURE__ */ W("div", {
 			className: "relative z-10 flex flex-col",
 			children: [
 				t?.(),
@@ -2895,7 +2892,7 @@ var pi = ({ groupPosition: e, isMyMessage: t, message: n, renderText: r }) => {
 		ref: u,
 		"data-testid": "composer-chrome",
 		className: "messaging-composer-chrome messaging-composer-chrome--floating",
-		children: [/* @__PURE__ */ U(Ei, {}), /* @__PURE__ */ W("div", {
+		children: [/* @__PURE__ */ U(Ti, {}), /* @__PURE__ */ W("div", {
 			className: "relative z-10 flex min-h-0 flex-col",
 			children: [t?.(), /* @__PURE__ */ W("div", {
 				className: "flex min-h-0 flex-col gap-4 p-3 pb-5 md:p-5",
@@ -2907,9 +2904,9 @@ var pi = ({ groupPosition: e, isMyMessage: t, message: n, renderText: r }) => {
 					children: [e && /* @__PURE__ */ U("div", {
 						className: "flex h-12 shrink-0 items-center justify-center",
 						children: e()
-					}), /* @__PURE__ */ U(xi.Provider, {
+					}), /* @__PURE__ */ U(bi.Provider, {
 						value: c,
-						children: /* @__PURE__ */ U(N, { Input: a ?? Ti })
+						children: /* @__PURE__ */ U(N, { Input: a ?? wi })
 					})]
 				}), n?.()]
 			})]
@@ -2926,18 +2923,18 @@ var pi = ({ groupPosition: e, isMyMessage: t, message: n, renderText: r }) => {
 				children: [e && /* @__PURE__ */ U("div", {
 					className: "flex h-12 shrink-0 items-center justify-center",
 					children: e()
-				}), /* @__PURE__ */ U(xi.Provider, {
+				}), /* @__PURE__ */ U(bi.Provider, {
 					value: c,
-					children: /* @__PURE__ */ U(N, { Input: Ti })
+					children: /* @__PURE__ */ U(N, { Input: wi })
 				})]
 			}),
 			n?.()
 		]
 	});
-}, Oi = {
+}, Di = {
 	SYSTEM_DM_AGENT_PAUSED: "DM Agent has left the conversation",
 	SYSTEM_DM_AGENT_RESUMED: "DM Agent has rejoined the conversation"
-}, ki = ["SYSTEM_AGE_SAFETY_BLOCKED"], Ai = { SYSTEM_AGE_SAFETY_BLOCKED: "This user isn’t able to reply because they don’t meet our age safety guidelines." }, ji = "age safety guidelines.", Mi = "https://linktr.ee/s/about/contact", Ni = (e) => ki.includes(e), Pi = (e) => Ni(e.metadata?.custom_type), Fi = (e) => {
+}, Oi = ["SYSTEM_AGE_SAFETY_BLOCKED"], ki = { SYSTEM_AGE_SAFETY_BLOCKED: "This user isn’t able to reply because they don’t meet our age safety guidelines." }, Ai = "age safety guidelines.", ji = "https://linktr.ee/s/about/contact", Mi = (e) => Oi.includes(e), Ni = (e) => Mi(e.metadata?.custom_type), Pi = (e) => {
 	let t = e.metadata?.custom_type;
 	if (q(t)) return {
 		kind: "dm-agent",
@@ -2952,25 +2949,25 @@ var pi = ({ groupPosition: e, isMyMessage: t, message: n, renderText: r }) => {
 		kind: "dm-agent",
 		type: n
 	};
-}, Ii = (e) => {
-	let t = e.indexOf(ji);
+}, Fi = (e) => {
+	let t = e.indexOf(Ai);
 	if (t === -1) return e;
 	let n = t + 22;
 	return /* @__PURE__ */ W(H, { children: [
 		e.slice(0, t),
 		/* @__PURE__ */ U("a", {
-			href: Mi,
+			href: ji,
 			target: "_blank",
 			rel: "noopener noreferrer",
 			className: "mes-age-safety-system-message__emphasis font-medium text-inherit underline",
-			children: ji
+			children: Ai
 		}),
 		e.slice(n)
 	] });
-}, Li = (e) => {
-	let t = !Pi(e.message), n = Fi(e.message);
+}, Ii = (e) => {
+	let t = !Ni(e.message), n = Pi(e.message);
 	if (n?.kind === "dm-agent") {
-		let r = e.message.text?.trim() || Oi[n.type];
+		let r = e.message.text?.trim() || Di[n.type];
 		return /* @__PURE__ */ W("div", {
 			className: "str-chat__message--system",
 			"data-testid": "message-system",
@@ -2991,7 +2988,7 @@ var pi = ({ groupPosition: e, isMyMessage: t, message: n, renderText: r }) => {
 		});
 	}
 	if (n?.kind === "age-safety") {
-		let r = e.message.text?.trim() || Ai[n.type];
+		let r = e.message.text?.trim() || ki[n.type];
 		return /* @__PURE__ */ W("div", {
 			className: "str-chat__message--system",
 			"data-testid": "message-system",
@@ -3009,7 +3006,7 @@ var pi = ({ groupPosition: e, isMyMessage: t, message: n, renderText: r }) => {
 					className: "mes-age-safety-system-message__content min-w-0 flex-[1_0_0]",
 					children: /* @__PURE__ */ U("p", {
 						className: "m-0 text-balance text-left text-[12px] font-normal leading-4 tracking-[0.21px] text-[color:var(--text-warning-on-warning,#894b00)]",
-						children: Ii(r)
+						children: Fi(r)
 					})
 				})]
 			}), !t && /* @__PURE__ */ U(z, { message: e.message })]
@@ -3027,7 +3024,7 @@ var pi = ({ groupPosition: e, isMyMessage: t, message: n, renderText: r }) => {
 			]
 		}), !t && /* @__PURE__ */ U(z, { message: e.message })]
 	});
-}, Ri = c(!1), zi = ({ cx: e, index: t }) => /* @__PURE__ */ U("circle", {
+}, Li = c(!1), Ri = ({ cx: e, index: t }) => /* @__PURE__ */ U("circle", {
 	cx: e,
 	cy: "6.15",
 	r: "3.9",
@@ -3040,15 +3037,15 @@ var pi = ({ groupPosition: e, isMyMessage: t, message: n, renderText: r }) => {
 		begin: `${120 * t}ms`,
 		repeatCount: "indefinite"
 	})
-}), Bi = /* @__PURE__ */ new Set([
+}), zi = /* @__PURE__ */ new Set([
 	y.Thinking,
 	y.Generating,
 	y.ExternalSources
-]), Vi = ({ threadList: e }) => {
-	let { channel: t, channelConfig: n, thread: r } = me(), { client: i } = he(), { typing: a = {} } = Se(), { aiState: o } = fe(t), s = u(Ri);
-	if (!e && s && Bi.has(o)) {
-		let e = Ui(t, i.user?.id);
-		return /* @__PURE__ */ U(Hi, {
+]), Bi = ({ threadList: e }) => {
+	let { channel: t, channelConfig: n, thread: r } = me(), { client: i } = he(), { typing: a = {} } = Se(), { aiState: o } = fe(t), s = u(Li);
+	if (!e && s && zi.has(o)) {
+		let e = Hi(t, i.user?.id);
+		return /* @__PURE__ */ U(Vi, {
 			avatarId: e?.id ?? "ai-agent",
 			avatarName: e?.name ?? e?.id ?? "Agent",
 			avatarImage: e?.image,
@@ -3059,13 +3056,13 @@ var pi = ({ groupPosition: e, isMyMessage: t, message: n, renderText: r }) => {
 	let c = e ? [] : Object.values(a).filter(({ parent_id: e, user: t }) => t?.id !== i.user?.id && !e), l = e ? Object.values(a).filter(({ parent_id: e, user: t }) => t?.id !== i.user?.id && e === r?.id) : [], d = e ? l : c;
 	if (!d.length) return null;
 	let f = d[0]?.user, p = f?.id && t.state.members[f.id] ? t.state.members[f.id].user : void 0;
-	return /* @__PURE__ */ U(Hi, {
+	return /* @__PURE__ */ U(Vi, {
 		avatarId: f?.id ?? p?.id ?? "typing-user",
 		avatarName: f?.name ?? p?.name ?? f?.id ?? "Typing user",
 		avatarImage: f?.image ?? p?.image,
 		testId: "typing-indicator"
 	});
-}, Hi = ({ avatarId: e, avatarName: t, avatarImage: n, testId: r }) => /* @__PURE__ */ U("div", {
+}, Vi = ({ avatarId: e, avatarName: t, avatarImage: n, testId: r }) => /* @__PURE__ */ U("div", {
 	className: "str-chat__li str-chat__li--single str-chat__typing-indicator !static",
 	"data-testid": r,
 	style: { marginBottom: "var(--messaging-channel-input-spacer-height, 80px)" },
@@ -3096,15 +3093,15 @@ var pi = ({ groupPosition: e, isMyMessage: t, message: n, renderText: r }) => {
 								height: "13",
 								overflow: "visible",
 								children: [
-									/* @__PURE__ */ U(zi, {
+									/* @__PURE__ */ U(Ri, {
 										cx: "4",
 										index: 0
 									}),
-									/* @__PURE__ */ U(zi, {
+									/* @__PURE__ */ U(Ri, {
 										cx: "16",
 										index: 1
 									}),
-									/* @__PURE__ */ U(zi, {
+									/* @__PURE__ */ U(Ri, {
 										cx: "28",
 										index: 2
 									})
@@ -3117,7 +3114,7 @@ var pi = ({ groupPosition: e, isMyMessage: t, message: n, renderText: r }) => {
 		})]
 	})
 });
-function Ui(e, t) {
+function Hi(e, t) {
 	let n = e?.state?.members ?? {};
 	for (let e of Object.values(n)) {
 		let n = e?.user;
@@ -3126,7 +3123,7 @@ function Ui(e, t) {
 }
 //#endregion
 //#region src/components/MessagingShell/ChannelEmptyState.tsx
-var Wi = () => null, Gi = ({ className: e, message: t }) => /* @__PURE__ */ W("div", {
+var Ui = () => null, Wi = ({ className: e, message: t }) => /* @__PURE__ */ W("div", {
 	className: J("flex items-center justify-center h-full", e),
 	children: [/* @__PURE__ */ W("svg", {
 		viewBox: "0 0 100 100",
@@ -3177,20 +3174,20 @@ var Wi = () => null, Gi = ({ className: e, message: t }) => /* @__PURE__ */ W("d
 		className: "text-stone",
 		children: t
 	})]
-}), Ki = o.memo(() => /* @__PURE__ */ U("div", {
+}), Gi = o.memo(() => /* @__PURE__ */ U("div", {
 	className: "messaging-loading-state flex items-center justify-center h-full",
 	children: /* @__PURE__ */ W("div", {
 		className: "flex items-center",
-		children: [/* @__PURE__ */ U(Gi, { className: "w-6 h-6" }), /* @__PURE__ */ U("span", {
+		children: [/* @__PURE__ */ U(Wi, { className: "w-6 h-6" }), /* @__PURE__ */ U("span", {
 			className: "text-sm text-stone",
 			children: "Loading messages"
 		})]
 	})
 }));
-Ki.displayName = "LoadingState";
+Gi.displayName = "LoadingState";
 //#endregion
 //#region src/components/ChannelView.tsx
-var qi = ({ onBack: e, showBackButton: t, renderMessageInputActions: n, renderMessageInputFooter: r, renderConversationFooter: i, onLeaveConversation: a, onBlockParticipant: s, showDeleteConversation: c = !0, onDeleteConversationClick: u, onBlockParticipantClick: f, onReportParticipantClick: p, showBlockParticipant: h = !0, showReportParticipant: g = !0, composerDisabled: _ = !1, composerDisabledReason: v, showStarButton: y = !1, renderChannelBanner: b, customChannelActions: x, renderChannelActions: S, renderMessage: C, viewerLanguage: w, showChannelInfo: T = !0, onParticipantNameClick: E, onOutboundClick: D, resolveOutbound: O, composerInput: k }) => {
+var Ki = ({ onBack: e, showBackButton: t, renderMessageInputActions: n, renderMessageInputFooter: r, renderConversationFooter: i, onLeaveConversation: a, onBlockParticipant: s, showDeleteConversation: c = !0, onDeleteConversationClick: u, onBlockParticipantClick: f, onReportParticipantClick: p, showBlockParticipant: h = !0, showReportParticipant: g = !0, composerDisabled: _ = !1, composerDisabledReason: v, showStarButton: y = !1, renderChannelBanner: b, customChannelActions: x, renderChannelActions: S, renderMessage: C, viewerLanguage: w, showChannelInfo: T = !0, onParticipantNameClick: E, onOutboundClick: D, resolveOutbound: O, composerInput: k }) => {
 	let { channel: A, messages: j } = me(), M = m(D);
 	d(() => {
 		M.current = D;
@@ -3215,7 +3212,7 @@ var qi = ({ onBack: e, showBackButton: t, renderMessageInputActions: n, renderMe
 		renderChannelActions: S,
 		onParticipantNameClick: E
 	}), ee = l((e) => {
-		let { message: t } = V("ChannelView"), n = /* @__PURE__ */ U(hi, {
+		let { message: t } = V("ChannelView"), n = /* @__PURE__ */ U(mi, {
 			...e,
 			viewerLanguage: w,
 			onOutboundClick: P
@@ -3231,7 +3228,7 @@ var qi = ({ onBack: e, showBackButton: t, renderMessageInputActions: n, renderMe
 		children: /* @__PURE__ */ U(ae, {
 			overrides: {
 				Message: ee,
-				MessageActions: vi,
+				MessageActions: _i,
 				UnreadMessagesNotification: () => null,
 				UnreadMessagesSeparator: () => null
 			},
@@ -3253,7 +3250,7 @@ var qi = ({ onBack: e, showBackButton: t, renderMessageInputActions: n, renderMe
 						hideDeletedMessages: !0,
 						hideNewMessageSeparator: !1
 					})]
-				}, "lt-channel-message-list"), /* @__PURE__ */ U(Di, {
+				}, "lt-channel-message-list"), /* @__PURE__ */ U(Ei, {
 					...n && { renderActions: () => n?.(A) },
 					...i && { renderHeader: () => i(A) },
 					renderFooter: () => r?.(A),
@@ -3280,7 +3277,7 @@ var qi = ({ onBack: e, showBackButton: t, renderMessageInputActions: n, renderMe
 					})]
 				}, "lt-channel-message-list"),
 				i ? /* @__PURE__ */ U(o.Fragment, { children: i(A) }, "lt-channel-conversation-footer") : null,
-				/* @__PURE__ */ U(Di, {
+				/* @__PURE__ */ U(Ei, {
 					...n && { renderActions: () => n?.(A) },
 					renderFooter: () => r?.(A),
 					disabled: _,
@@ -3290,7 +3287,7 @@ var qi = ({ onBack: e, showBackButton: t, renderMessageInputActions: n, renderMe
 			] }) })
 		})
 	});
-}, Ji = o.memo(({ channel: e, onBack: t, showBackButton: n = !1, renderMessageInputActions: r, renderMessageInputFooter: i, renderConversationFooter: a, onLeaveConversation: o, onBlockParticipant: s, className: c, CustomChannelEmptyState: u = Wi, showDeleteConversation: f = !0, onDeleteConversationClick: p, onBlockParticipantClick: h, onReportParticipantClick: g, showBlockParticipant: _ = !0, showReportParticipant: v = !0, composerDisabled: y = !1, composerDisabledReason: b, dmAgentEnabled: x, messageMetadata: C, onMessageSent: w, showStarButton: T = !1, renderChannelBanner: E, customChannelActions: D, renderChannelActions: O, renderMessage: k, onMessageLinkClick: A, sendButton: j, attachmentPreviewList: M, viewerLanguage: N, showChannelInfo: P = !0, onParticipantNameClick: F, onOutboundClick: I, resolveOutbound: L, composerInput: R }) => {
+}, qi = o.memo(({ channel: e, onBack: t, showBackButton: n = !1, renderMessageInputActions: r, renderMessageInputFooter: i, renderConversationFooter: a, onLeaveConversation: o, onBlockParticipant: s, className: c, CustomChannelEmptyState: u = Ui, showDeleteConversation: f = !0, onDeleteConversationClick: p, onBlockParticipantClick: h, onReportParticipantClick: g, showBlockParticipant: _ = !0, showReportParticipant: v = !0, composerDisabled: y = !1, composerDisabledReason: b, dmAgentEnabled: x, messageMetadata: C, onMessageSent: w, showStarButton: T = !1, renderChannelBanner: E, customChannelActions: D, renderChannelActions: O, renderMessage: k, onMessageLinkClick: A, sendButton: j, attachmentPreviewList: M, viewerLanguage: N, showChannelInfo: P = !0, onParticipantNameClick: F, onOutboundClick: I, resolveOutbound: L, composerInput: R }) => {
 	let z = l(async (t, n, r) => {
 		let i = e.data?.chatbot_paused === !0, a = x && !i, o = {
 			...n,
@@ -3328,19 +3325,19 @@ var qi = ({ onBack: e, showBackButton: t, renderMessageInputActions: n, renderMe
 		"data-testid": "channel-view",
 		className: J("messaging-channel-view h-full flex flex-col", c),
 		style: te,
-		children: /* @__PURE__ */ U(Ri.Provider, {
+		children: /* @__PURE__ */ U(Li.Provider, {
 			value: x ?? !1,
 			children: /* @__PURE__ */ U(S, {
 				channel: e,
-				MessageSystem: Li,
+				MessageSystem: Ii,
 				EmptyStateIndicator: u,
-				LoadingIndicator: Ki,
+				LoadingIndicator: Gi,
 				DateSeparator: Et,
-				TypingIndicator: Vi,
+				TypingIndicator: Bi,
 				doSendMessageRequest: z,
 				...j ? { SendButton: j } : {},
 				...M ? { AttachmentPreviewList: M } : {},
-				children: /* @__PURE__ */ U(qi, {
+				children: /* @__PURE__ */ U(Ki, {
 					onBack: t,
 					showBackButton: n,
 					renderMessageInputActions: r,
@@ -3373,10 +3370,10 @@ var qi = ({ onBack: e, showBackButton: t, renderMessageInputActions: n, renderMe
 		})
 	});
 });
-Ji.displayName = "ChannelView";
+qi.displayName = "ChannelView";
 //#endregion
 //#region src/components/MessagingShell/ErrorState.tsx
-var Yi = o.memo(({ message: e, onBack: t }) => /* @__PURE__ */ U("div", {
+var Ji = o.memo(({ message: e, onBack: t }) => /* @__PURE__ */ U("div", {
 	className: "messaging-error-state flex items-center justify-center h-full p-8",
 	children: /* @__PURE__ */ W("div", {
 		className: "text-center max-w-sm",
@@ -3405,10 +3402,10 @@ var Yi = o.memo(({ message: e, onBack: t }) => /* @__PURE__ */ U("div", {
 		]
 	})
 }));
-Yi.displayName = "ErrorState";
+Ji.displayName = "ErrorState";
 //#endregion
 //#region src/components/MessagingShell/index.tsx
-var Xi = ({ capabilities: e = {}, renderMessageInputActions: t, renderConversationFooter: n, onChannelSelect: r, onExitConversation: i, initialParticipantFilter: a, initialParticipantData: o, CustomChannelEmptyState: s, onBlockParticipantClick: c, onReportParticipantClick: u, dmAgentEnabled: f, onMessageSent: p, viewerLanguage: g, renderChannelBanner: _, customChannelActions: v, renderChannelActions: y, onParticipantNameClick: b, onOutboundClick: x, resolveOutbound: S, renderMessage: C, onMessageLinkClick: w, showChannelInfo: T, composerInput: E, attachmentPreviewList: D }) => {
+var Yi = ({ capabilities: e = {}, renderMessageInputActions: t, renderConversationFooter: n, onChannelSelect: r, onExitConversation: i, initialParticipantFilter: a, initialParticipantData: o, CustomChannelEmptyState: s, onBlockParticipantClick: c, onReportParticipantClick: u, dmAgentEnabled: f, onMessageSent: p, viewerLanguage: g, renderChannelBanner: _, customChannelActions: v, renderChannelActions: y, onParticipantNameClick: b, onOutboundClick: x, resolveOutbound: S, renderMessage: C, onMessageLinkClick: w, showChannelInfo: T, composerInput: E, attachmentPreviewList: D }) => {
 	let { client: O, isConnected: k, isLoading: A, error: j, refreshConnection: M, service: N, debug: P } = at(), [F, I] = h(null), [L, R] = h(null), [z, ee] = h(!1), { showDeleteConversation: te = !0 } = e, ne = m(o);
 	ne.current = o;
 	let re = m(r);
@@ -3468,17 +3465,17 @@ var Xi = ({ capabilities: e = {}, renderMessageInputActions: t, renderConversati
 	let oe = l(() => {
 		I(null), ee(!0), ae.current?.();
 	}, []);
-	return A ? /* @__PURE__ */ U(Ki, {}) : j ? /* @__PURE__ */ U(Yi, {
+	return A ? /* @__PURE__ */ U(Gi, {}) : j ? /* @__PURE__ */ U(Ji, {
 		message: j,
 		onBack: M
-	}) : !k || !O ? /* @__PURE__ */ U(Yi, {
+	}) : !k || !O ? /* @__PURE__ */ U(Ji, {
 		message: "Not connected to messaging service",
 		onBack: M
-	}) : L ? /* @__PURE__ */ U(Yi, { message: L }) : z && !F ? /* @__PURE__ */ U(Yi, { message: "Conversation ended" }) : F ? /* @__PURE__ */ U("div", {
+	}) : L ? /* @__PURE__ */ U(Ji, { message: L }) : z && !F ? /* @__PURE__ */ U(Ji, { message: "Conversation ended" }) : F ? /* @__PURE__ */ U("div", {
 		className: "messaging-shell h-full bg-background-primary overflow-hidden",
 		children: /* @__PURE__ */ U("div", {
 			className: "flex h-full min-h-0 flex-col",
-			children: /* @__PURE__ */ U(Ji, {
+			children: /* @__PURE__ */ U(qi, {
 				channel: F,
 				renderMessageInputActions: t,
 				renderConversationFooter: n,
@@ -3504,30 +3501,30 @@ var Xi = ({ capabilities: e = {}, renderMessageInputActions: t, renderConversati
 				attachmentPreviewList: D
 			}, F.id)
 		})
-	}) : /* @__PURE__ */ U(Ki, {});
+	}) : /* @__PURE__ */ U(Gi, {});
 };
 //#endregion
 //#region src/hooks/useRestorePendingMessages.ts
-function Zi(e) {
+function Xi(e) {
 	let t = e.state.pending_messages;
 	if (t?.length) for (let n of t) e.state.addMessageSorted(n.message);
 }
 //#endregion
 //#region src/components/ChannelList/ChannelListContext.tsx
-var Qi = o.createContext({
+var Zi = o.createContext({
 	selectedChannel: void 0,
 	onChannelSelect: () => {},
 	debug: !1,
 	renderMessagePreview: void 0,
 	channelPreview: void 0,
 	viewerLanguage: void 0
-}), $i = Qi.Provider, ea = () => o.useContext(Qi), ta = (e, t) => {
+}), Qi = Zi.Provider, $i = () => o.useContext(Zi), ea = (e, t) => {
 	let n = Date.UTC(e.getFullYear(), e.getMonth(), e.getDate()), r = Date.UTC(t.getFullYear(), t.getMonth(), t.getDate());
 	return Math.floor((r - n) / 864e5);
-}, na = (e) => {
+}, ta = (e) => {
 	let t = /* @__PURE__ */ new Date();
 	if (Math.floor((t.getTime() - e.getTime()) / 1e3) < 60) return "Just now";
-	let n = ta(e, t);
+	let n = ea(e, t);
 	return n === 0 ? e.toLocaleTimeString([], {
 		hour: "numeric",
 		minute: "2-digit",
@@ -3540,8 +3537,8 @@ var Qi = o.createContext({
 		day: "numeric",
 		year: "numeric"
 	});
-}, ra = o.memo((e) => {
-	let { channel: t, unread: n } = e, { selectedChannel: r, onChannelSelect: i, debug: a, channelPreview: o, renderMessagePreview: s, viewerLanguage: c } = ea(), { client: l } = he(), u = r?.id === t?.id, d = ot(t);
+}, na = o.memo((e) => {
+	let { channel: t, unread: n } = e, { selectedChannel: r, onChannelSelect: i, debug: a, channelPreview: o, renderMessagePreview: s, viewerLanguage: c } = $i(), { client: l } = he(), u = r?.id === t?.id, d = ot(t);
 	if (o) return /* @__PURE__ */ U(o, {
 		...e,
 		active: u,
@@ -3573,7 +3570,7 @@ var Qi = o.createContext({
 		if (e) return e;
 		let r = _?.attachments?.[0];
 		return r ? r.og_scrape_url ? r.og_scrape_url : r.type === "image" ? "📷 Sent an image" : r.type === "video" ? "🎥 Sent a video" : r.type === "audio" ? "🎵 Sent audio" : r.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
-	})(), y = _?.created_at ? na(new Date(_.created_at)) : "", b = _ ? Bt(_) : !1, x = s ? s(_, v) : `${b ? "✨ " : ""}${v}`, S = n ?? 0;
+	})(), y = _?.created_at ? ta(new Date(_.created_at)) : "", b = _ ? Bt(_) : !1, x = s ? s(_, v) : `${b ? "✨ " : ""}${v}`, S = n ?? 0;
 	return a && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
 		channelId: t?.id,
 		isSelected: u,
@@ -3628,14 +3625,14 @@ var Qi = o.createContext({
 		})
 	});
 });
-ra.displayName = "CustomChannelPreview";
+na.displayName = "CustomChannelPreview";
 //#endregion
 //#region src/components/ChannelList/index.tsx
-var ia = { last_message_at: -1 }, aa = o.memo(({ onChannelSelect: e, selectedChannel: t, filters: n, allowNewMessagesFromUnfilteredChannels: r = !1, channelRenderFilterFn: i, sort: a = ia, className: s, customEmptyStateIndicator: c, channelListPaginator: l = D, channelPreview: u, renderMessagePreview: d, viewerLanguage: f, lockChannelOrder: p, onMessageNewHandler: m, onMessageNew: h, onChannelVisible: g, onAddedToChannel: _, onChannelUpdated: v }) => {
+var ra = { last_message_at: -1 }, ia = o.memo(({ onChannelSelect: e, selectedChannel: t, filters: n, allowNewMessagesFromUnfilteredChannels: r = !1, channelRenderFilterFn: i, sort: a = ra, className: s, customEmptyStateIndicator: c, channelListPaginator: l = D, channelPreview: u, renderMessagePreview: d, viewerLanguage: f, lockChannelOrder: p, onMessageNewHandler: m, onMessageNew: h, onChannelVisible: g, onAddedToChannel: _, onChannelUpdated: v }) => {
 	let y = o.useRef(0);
 	y.current++;
 	let { debug: b = !1 } = rt(), x = o.useCallback((e) => {
-		for (let t of e) Zi(t);
+		for (let t of e) Xi(t);
 		return i ? i(e) : e;
 	}, [i]);
 	b && console.log("📺 [ChannelList] 🔄 RENDER START", {
@@ -3662,7 +3659,7 @@ var ia = { last_message_at: -1 }, aa = o.memo(({ onChannelSelect: e, selectedCha
 		className: J("messaging-channel-list h-full flex flex-col min-w-0 overflow-hidden", s),
 		children: /* @__PURE__ */ U("div", {
 			className: "flex-1 overflow-hidden min-w-0",
-			children: /* @__PURE__ */ U($i, {
+			children: /* @__PURE__ */ U(Qi, {
 				value: S,
 				children: /* @__PURE__ */ U(C, {
 					filters: n,
@@ -3677,20 +3674,20 @@ var ia = { last_message_at: -1 }, aa = o.memo(({ onChannelSelect: e, selectedCha
 					onAddedToChannel: _,
 					onChannelUpdated: v,
 					Paginator: l,
-					Preview: ra,
+					Preview: na,
 					EmptyStateIndicator: c
 				}, `${JSON.stringify(n)}:${JSON.stringify(a)}`)
 			})
 		})
 	});
 });
-aa.displayName = "ChannelList";
+ia.displayName = "ChannelList";
 //#endregion
 //#region src/components/RichCard/RichCardBody.tsx
-var oa = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.02em]", sa = "text-[14px] leading-5 tracking-[0.02em]", ca = () => /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U("br", {}), /* @__PURE__ */ U("span", {
+var aa = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.02em]", oa = "text-[14px] leading-5 tracking-[0.02em]", sa = () => /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U("br", {}), /* @__PURE__ */ U("span", {
 	"aria-hidden": !0,
 	className: "block h-1.5"
-})] }), la = (e) => e.split(/\r?\n/).map((e, t, n) => /* @__PURE__ */ W(o.Fragment, { children: [e, t < n.length - 1 ? /* @__PURE__ */ U(ca, {}) : null] }, t)), ua = ({ surface: e, actions: t, layout: n }) => {
+})] }), ca = (e) => e.split(/\r?\n/).map((e, t, n) => /* @__PURE__ */ W(o.Fragment, { children: [e, t < n.length - 1 ? /* @__PURE__ */ U(sa, {}) : null] }, t)), la = ({ surface: e, actions: t, layout: n }) => {
 	if (t == null || t.length === 0) return null;
 	let r = n === "stacked";
 	return /* @__PURE__ */ U("div", {
@@ -3702,7 +3699,7 @@ var oa = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.02em]", sa
 			standalone: !0
 		}, `${t.label}-${n}`))
 	});
-}, da = ({ ctaSurface: e, chinTextColor: t, title: n, subtitle: r, subtitleLines: i = 3, appIcon: a, actions: o }) => {
+}, ua = ({ ctaSurface: e, chinTextColor: t, title: n, subtitle: r, subtitleLines: i = 3, appIcon: a, actions: o }) => {
 	let s = n != null && n.trim() !== "", c = r != null && r.trim() !== "", l = o != null && o.length > 0;
 	if (!s && !c && !l) return null;
 	let u = { color: t }, d = i > 1 ? {
@@ -3719,14 +3716,14 @@ var oa = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.02em]", sa
 				className: "shrink-0",
 				children: a
 			}) : null, /* @__PURE__ */ U("p", {
-				className: J("min-w-0", oa),
+				className: J("min-w-0", aa),
 				style: u,
 				children: n
 			})]
 		}), c && /* @__PURE__ */ U("p", {
-			className: J(sa, i <= 1 && "truncate"),
+			className: J(oa, i <= 1 && "truncate"),
 			style: d,
-			children: i > 1 ? la(r ?? "") : r
+			children: i > 1 ? ca(r ?? "") : r
 		})]
 	});
 	return /* @__PURE__ */ U("div", {
@@ -3734,21 +3731,21 @@ var oa = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.02em]", sa
 		children: f ? /* @__PURE__ */ W("div", {
 			"data-testid": "rich-card-chin-row",
 			className: "flex items-center justify-between gap-3",
-			children: [p, /* @__PURE__ */ U(ua, {
+			children: [p, /* @__PURE__ */ U(la, {
 				surface: e,
 				actions: o,
 				layout: "row"
 			})]
-		}) : /* @__PURE__ */ W(H, { children: [p, /* @__PURE__ */ U(ua, {
+		}) : /* @__PURE__ */ W(H, { children: [p, /* @__PURE__ */ U(la, {
 			surface: e,
 			actions: o,
 			layout: "stacked"
 		})] })
 	});
-}, fa = {
+}, da = {
 	dark: "bg-white/[0.06]",
 	light: "bg-black/[0.04]"
-}, pa = {
+}, fa = {
 	1: [0],
 	2: [-10, 10],
 	3: [
@@ -3756,7 +3753,7 @@ var oa = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.02em]", sa
 		0,
 		13
 	]
-}, ma = {
+}, pa = {
 	1: [0],
 	2: [-26, 26],
 	3: [
@@ -3764,7 +3761,7 @@ var oa = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.02em]", sa
 		0,
 		40
 	]
-}, ha = {
+}, ma = {
 	1: [0],
 	2: [0, 1],
 	3: [
@@ -3772,7 +3769,7 @@ var oa = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.02em]", sa
 		3,
 		2
 	]
-}, ga = {
+}, ha = {
 	1: [1],
 	2: [1, 1],
 	3: [
@@ -3780,15 +3777,15 @@ var oa = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.02em]", sa
 		1.08,
 		1
 	]
-}, _a = ({ variant: e, images: t }) => {
+}, ga = ({ variant: e, images: t }) => {
 	let [n, r] = o.useState({}), i = t.join("\n"), [s, c] = o.useState(i);
 	i !== s && (c(i), r({}));
 	let l = t.slice(0, 3).map((e, t) => ({
 		src: e,
 		index: t
-	})).filter(({ index: e }) => !n[e]), u = l.length >= 3 ? 3 : l.length === 2 ? 2 : 1, d = pa[u], f = ma[u], p = ha[u], m = ga[u];
+	})).filter(({ index: e }) => !n[e]), u = l.length >= 3 ? 3 : l.length === 2 ? 2 : 1, d = fa[u], f = pa[u], p = ma[u], m = ha[u];
 	return /* @__PURE__ */ U("div", {
-		className: J("relative flex min-h-0 w-full flex-1 items-center justify-center overflow-hidden", fa[e]),
+		className: J("relative flex min-h-0 w-full flex-1 items-center justify-center overflow-hidden", da[e]),
 		children: l.map(({ src: e, index: t }, n) => /* @__PURE__ */ U("img", {
 			src: a(e) ?? e,
 			alt: "",
@@ -3806,9 +3803,9 @@ var oa = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.02em]", sa
 			}
 		}, `${e}-${t}`))
 	});
-}, va = "flex h-[180px] w-full shrink-0 flex-col overflow-hidden", ya = ({ variant: e, presentation: t, images: n, title: r, heroUrl: i, onHeroError: a }) => /* @__PURE__ */ U("div", {
-	className: va,
-	children: t === "fan" ? /* @__PURE__ */ U(_a, {
+}, _a = "flex h-[180px] w-full shrink-0 flex-col overflow-hidden", va = ({ variant: e, presentation: t, images: n, title: r, heroUrl: i, onHeroError: a }) => /* @__PURE__ */ U("div", {
+	className: _a,
+	children: t === "fan" ? /* @__PURE__ */ U(ga, {
 		variant: e,
 		images: n
 	}) : /* @__PURE__ */ U(On, {
@@ -3818,7 +3815,7 @@ var oa = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.02em]", sa
 		mimeType: "image/*",
 		onImageError: a
 	})
-}), ba = ({ variant: e, title: t, subtitle: n, subtitleLines: r, images: i = [], imagePresentation: a, actions: o, appIcon: s, accentColor: c, groupPosition: l = "single" }) => {
+}), ya = ({ variant: e, title: t, subtitle: n, subtitleLines: r, images: i = [], imagePresentation: a, actions: o, appIcon: s, accentColor: c, groupPosition: l = "single" }) => {
 	let u = Te({
 		imagePresentation: a,
 		images: i
@@ -3836,14 +3833,14 @@ var oa = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.02em]", sa
 			variant: e,
 			accentHex: p.accentHex,
 			"data-testid": "rich-card",
-			children: [d && /* @__PURE__ */ U(ya, {
+			children: [d && /* @__PURE__ */ U(va, {
 				variant: e,
 				presentation: u,
 				images: i,
 				title: t,
 				heroUrl: f ? p.thumbnailUrl : void 0,
 				onHeroError: p.onImageError
-			}), /* @__PURE__ */ U(da, {
+			}), /* @__PURE__ */ U(ua, {
 				ctaSurface: p.surface,
 				chinTextColor: p.chinTextColor,
 				title: t,
@@ -3854,19 +3851,19 @@ var oa = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.02em]", sa
 			})]
 		})
 	});
-}, xa = {
-	Sent: (e) => /* @__PURE__ */ U(ba, {
+}, ba = {
+	Sent: (e) => /* @__PURE__ */ U(ya, {
 		...e,
 		variant: "dark"
 	}),
-	Received: (e) => /* @__PURE__ */ U(ba, {
+	Received: (e) => /* @__PURE__ */ U(ya, {
 		...e,
 		variant: "light"
 	})
-}, Sa = "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='23' fill='none'%3E%3Cpath fill='black' d='M0 0H15C15 10.1934 15.859 15.2345 19.168 21.4893C19.527 22.168 19.039 22.9917 18.274 22.9178C5.176 21.6506 0.32 6.0737 0 0Z'/%3E%3C/svg%3E\") no-repeat center / 100% 100%", Ca = {
+}, xa = "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='23' fill='none'%3E%3Cpath fill='black' d='M0 0H15C15 10.1934 15.859 15.2345 19.168 21.4893C19.527 22.168 19.039 22.9917 18.274 22.9178C5.176 21.6506 0.32 6.0737 0 0Z'/%3E%3C/svg%3E\") no-repeat center / 100% 100%", Sa = {
 	sent: "var(--str-chat__own-message-bubble-background-color, #1e2330)",
 	received: "var(--str-chat__message-bubble-background-color, #f1f0ee)"
-}, wa = ({ variant: e }) => /* @__PURE__ */ U("span", {
+}, Ca = ({ variant: e }) => /* @__PURE__ */ U("span", {
 	"aria-hidden": "true",
 	className: "pointer-events-none absolute bottom-0 z-[-1] h-[1.4375rem] w-5",
 	style: {
@@ -3874,11 +3871,11 @@ var oa = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.02em]", sa
 		insetInlineStart: e === "received" ? "calc(-1 * 0.3125rem)" : void 0,
 		transform: e === "received" ? "scaleX(-1)" : void 0,
 		transformOrigin: "center",
-		backgroundColor: Ca[e],
-		WebkitMask: Sa,
-		mask: Sa
+		backgroundColor: Sa[e],
+		WebkitMask: xa,
+		mask: xa
 	}
-}), Ta = {
+}), wa = {
 	sent: {
 		backgroundColor: "var(--str-chat__own-message-bubble-background-color, #1e2330)",
 		color: "var(--str-chat__own-message-bubble-color, #fff)"
@@ -3887,11 +3884,11 @@ var oa = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.02em]", sa
 		backgroundColor: "var(--str-chat__message-bubble-background-color, #f1f0ee)",
 		color: "var(--str-chat__message-bubble-color, #000000)"
 	}
-}, Ea = ({ variant: e, text: t, tail: n = !0, header: r, className: i }) => /* @__PURE__ */ W("div", {
+}, 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: {
-		...Ta[e],
+		...wa[e],
 		borderRadius: "var(--str-chat__message-bubble-border-radius, 1.5rem)",
 		isolation: "isolate"
 	},
@@ -3905,23 +3902,23 @@ var oa = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.02em]", sa
 			className: "m-0 whitespace-pre-wrap break-words hyphens-manual",
 			children: t
 		}),
-		n && /* @__PURE__ */ U(wa, { variant: e })
+		n && /* @__PURE__ */ U(Ca, { variant: e })
 	]
-}), Da = {
-	Sent: ({ text: e, tail: t, className: n }) => /* @__PURE__ */ U(Ea, {
+}), Ea = {
+	Sent: ({ text: e, tail: t, className: n }) => /* @__PURE__ */ U(Ta, {
 		variant: "sent",
 		text: e,
 		tail: t,
 		className: n
 	}),
-	Received: ({ text: e, tail: t, header: n, className: r }) => /* @__PURE__ */ U(Ea, {
+	Received: ({ text: e, tail: t, header: n, className: r }) => /* @__PURE__ */ U(Ta, {
 		variant: "received",
 		text: e,
 		tail: t,
 		header: n,
 		className: r
 	})
-}, Oa = ({ question: e, onClick: t, loading: n = !1, className: r }) => /* @__PURE__ */ U("button", {
+}, Da = ({ question: e, onClick: t, loading: n = !1, className: r }) => /* @__PURE__ */ U("button", {
 	type: "button",
 	onClick: t,
 	disabled: n,
@@ -3931,7 +3928,7 @@ var oa = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.02em]", sa
 		"opacity-50 cursor-not-allowed": n
 	}, r),
 	children: e
-}), ka = ({ faqs: e, onFaqClick: t, loadingFaqId: n, headerText: r, className: i, avatarImage: a, avatarName: o }) => {
+}), Oa = ({ faqs: e, onFaqClick: t, loadingFaqId: n, headerText: r, className: i, avatarImage: a, avatarName: o }) => {
 	let s = Ee(e);
 	return s.length === 0 ? null : /* @__PURE__ */ U("div", {
 		className: i,
@@ -3953,7 +3950,7 @@ var oa = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.02em]", sa
 					"data-testid": "faq-list-header",
 					className: "text-md text-charcoal mb-4",
 					children: r
-				}), s.map((e) => /* @__PURE__ */ U(Oa, {
+				}), s.map((e) => /* @__PURE__ */ U(Da, {
 					question: e.question,
 					onClick: () => t(e.id),
 					loading: n === e.id
@@ -3963,6 +3960,6 @@ var oa = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.02em]", sa
 	});
 };
 //#endregion
-export { bt as ActionButton, _t as Avatar, Wi as ChannelEmptyState, aa as ChannelList, Ji as ChannelView, Mt as CustomMessageProvider, ka as FaqList, Oa as FaqListItem, zn as LinkAttachment, Lt as LockedAttachment, Q as MessageAttachment, Da as MessageBubble, et as MessagingLoggerProvider, it as MessagingProvider, Xi as MessagingShell, xa as RichCard, tn as TipMessage, nr as buildCompactMetaLabel, $n as formatFileSize, na as formatRelativeTime, tr as getFileExtensionLabel, Ot as getMessageDisplayText, kt as isLinkAttachment, en as isTipMessage, lt as isUuidLike, Jn as messageAttachmentGroupPositionFromStream, Dt as normalizeLanguageCode, a as optimizeMessagingAttachmentUrl, st as resolveConversationParticipant, dt as resolveParticipantDisplayName, Ci as useComposerLocked, Nt as useCustomMessage, at as useMessaging, tt as useMessagingLogger };
+export { bt as ActionButton, _t as Avatar, Ui as ChannelEmptyState, ia as ChannelList, qi as ChannelView, Mt as CustomMessageProvider, Oa as FaqList, Da as FaqListItem, zn as LinkAttachment, Lt as LockedAttachment, Q as MessageAttachment, Ea as MessageBubble, et as MessagingLoggerProvider, it as MessagingProvider, Yi as MessagingShell, ba as RichCard, tn as TipMessage, nr as buildCompactMetaLabel, $n as formatFileSize, ta as formatRelativeTime, tr as getFileExtensionLabel, Ot as getMessageDisplayText, kt as isLinkAttachment, en as isTipMessage, lt as isUuidLike, Jn as messageAttachmentGroupPositionFromStream, Dt as normalizeLanguageCode, a as optimizeMessagingAttachmentUrl, st as resolveConversationParticipant, dt as resolveParticipantDisplayName, Si as useComposerLocked, Nt as useCustomMessage, at as useMessaging, tt as useMessagingLogger };
 
 //# sourceMappingURL=index.js.map