@linktr.ee/messaging-react 4.2.0-rc-1787325710 → 4.2.0

package/dist/index.js

@@ -1,4071 +1,41 @@
-import { a as e, i as t, n, o as r, r as i, t as a } from "./AttachmentCard-D2IoHdcv.js";
-import o, { Suspense as s, createContext as c, useCallback as l, useContext as u, useEffect as d, useId as f, useMemo as p, useRef as m, useState as h } from "react";
-import { StreamChatService as g } from "@linktr.ee/messaging-core";
-import { LinkPreviewsManager as _, StreamChat as v } from "stream-chat";
-import { AIStates as y, Attachment as b, AttachmentPreviewList as x, Channel as S, ChannelList as C, Chat as w, DateSeparator as T, EditMessageModal as E, InfiniteScroll as D, MessageBlocked as O, MessageBounceModal as k, MessageBouncePrompt as A, MessageDeleted as j, MessageErrorIcon as M, MessageInput as N, MessageIsThreadReplyInChannelButtonIndicator as P, MessageList as F, MessageRepliesCountButton as I, MessageStatus as L, MessageText as R, MessageTimestamp as z, Poll as ee, QuotedMessagePreview as te, ReminderNotification as ne, StreamedMessageText as re, TextareaComposer as ie, Window as B, WithComponents as ae, areMessageUIPropsEqual as oe, isDateSeparatorMessage as se, isMessageBlocked as ce, isMessageBounced as le, messageHasAttachments as ue, messageHasReactions as de, useAIState as fe, useChannelStateContext as pe, useChatContext as me, useComponentContext as he, useMessageComposer as ge, useMessageComposerHasSendableData as _e, useMessageContext as V, useMessageInputContext as ve, useMessageReminder as ye, useStateStore as be, useTypingContext as xe } from "stream-chat-react";
-import { Fragment as H, jsx as U, jsxs as W } from "react/jsx-runtime";
-import { MESSAGE_CUSTOM_TYPE as G, OFFICIAL_SENDER_USER_ID as Se, isAgeSafetySystemType as K, isDmAgentSystemType as Ce, isOfficialChannel as we, resolveRichCardImagePresentation as Te, selectEnabledFaqs as Ee } from "@linktr.ee/messaging-taxonomy";
-import q from "classnames";
-import { ArrowLeftIcon as De, ArrowUpIcon as Oe, CaretLeftIcon as ke, CaretRightIcon as Ae, ChecksIcon as je, CircleNotchIcon as J, CurrencyDollarIcon as Me, DotsThreeIcon as Y, DownloadSimpleIcon as X, FlagIcon as Ne, GiftIcon as Pe, LinkIcon as Fe, MegaphoneIcon as Ie, PencilSimpleIcon as Le, PlayIcon as Re, ProhibitIcon as ze, ProhibitInsetIcon as Be, SignOutIcon as Ve, SparkleIcon as He, SpinnerGapIcon as Ue, StarIcon as We, TrashSimpleIcon as Ge, VideoCameraIcon as Ke, WarningCircleIcon as qe, XIcon as Je } from "@phosphor-icons/react";
-import { DefaultDropdownActionButton as Ye, MessageActions as Xe } from "stream-chat-react/experimental";
-//#region src/providers/MessagingProvider.tsx
-var Ze = c({
-	service: null,
-	client: null,
-	isConnected: !1,
-	isLoading: !1,
-	error: null,
-	capabilities: {},
-	refreshConnection: async () => {},
-	debug: !1
-}), Qe = () => u(Ze), $e = ({ children: e, user: t, serviceConfig: n, apiKey: r, capabilities: i = {}, debug: a = !1, client: s }) => {
-	let c = l((e, ...t) => {
-		a && console.log(`🔥 [MessagingProvider] ${e}`, ...t);
-	}, [a]);
-	c("🔄 RENDER START", {
-		userId: t?.id,
-		apiKey: r?.substring(0, 8) + "...",
-		serviceConfig: !!n,
-		capabilities: Object.keys(i)
-	});
-	let [u, f] = h(null), [p, _] = h(null), [y, b] = h(!1), [x, S] = h(!1), [C, T] = h(null), E = m(!1), D = m(null), O = m(n);
-	O.current = n;
-	let k = m(a);
-	k.current = a;
-	let A = m({
-		userId: t?.id,
-		apiKey: r,
-		serviceConfig: n,
-		capabilities: i
-	}), j = m(0);
-	j.current++, c("📊 RENDER INFO", {
-		renderCount: j.current,
-		currentProps: {
-			userId: t?.id,
-			apiKey: r?.substring(0, 8) + "..."
-		},
-		propChanges: {
-			userChanged: A.current.userId !== t?.id,
-			apiKeyChanged: A.current.apiKey !== r,
-			serviceConfigChanged: A.current.serviceConfig !== n,
-			capabilitiesChanged: A.current.capabilities !== i
-		}
-	}), A.current = {
-		userId: t?.id,
-		apiKey: r,
-		serviceConfig: n,
-		capabilities: i
-	};
-	let M = m(null);
-	!s && r && M.current?.apiKey !== r && (M.current = {
-		apiKey: r,
-		client: new v(r)
-	});
-	let N = s || (r ? M.current?.client ?? null : null);
-	d(() => {
-		let e = j.current, t = O.current;
-		if (s) {
-			D.current = null, f(null), _(null), b(!1), T(null), S(!1);
-			return;
-		}
-		if (!r || !N || !t) {
-			c("⚠️ SERVICE INIT SKIPPED", {
-				renderCount: e,
-				reason: "Missing apiKey, client, or serviceConfig"
-			});
-			return;
-		}
-		c("🚀 CREATING SERVICE", {
-			renderCount: e,
-			apiKey: r?.substring(0, 8) + "..."
-		});
-		let n = new g({
-			...t,
-			apiKey: r,
-			debug: k.current,
-			client: N
-		});
-		D.current = n, f(n), c("✅ SERVICE SET", {
-			renderCount: e,
-			serviceInstance: !!n
-		});
-	}, [
-		r,
-		N,
-		s
-	]);
-	let P = m(null);
-	d(() => {
-		if (c("🔗 USER CONNECTION EFFECT TRIGGERED", {
-			hasService: !!u,
-			hasUser: !!t,
-			userId: t?.id,
-			isConnecting: E.current,
-			isConnected: y,
-			dependencies: {
-				service: !!u,
-				userId: t?.id
-			}
-		}), !s) {
-			if (!u || !t) {
-				c("⚠️ USER CONNECTION SKIPPED", "Missing service or user");
-				return;
-			}
-			if (E.current) {
-				c("⚠️ USER CONNECTION SKIPPED", "Already connecting");
-				return;
-			}
-			if (P.current?.serviceId === u && P.current?.userId === t.id) {
-				c("⚠️ USER CONNECTION SKIPPED", "Already connected this user with this service");
-				return;
-			}
-			(async () => {
-				c("🚀 STARTING USER CONNECTION", { userId: t.id }), E.current = !0, S(!0), T(null);
-				try {
-					c("📞 CALLING SERVICE.CONNECTUSER", { userId: t.id });
-					let e = await u.connectUser(t);
-					_(e), b(!0), P.current = {
-						serviceId: u,
-						userId: t.id
-					}, c("✅ USER CONNECTION SUCCESS", {
-						userId: t.id,
-						clientId: e.userID
-					});
-				} catch (e) {
-					let n = e instanceof Error ? e.message : "Connection failed";
-					T(n), c("❌ USER CONNECTION ERROR", {
-						userId: t.id,
-						error: n
-					});
-				} finally {
-					S(!1), E.current = !1, c("🔄 USER CONNECTION FINISHED", {
-						userId: t.id,
-						isConnected: y
-					});
-				}
-			})();
-		}
-	}, [
-		u,
-		t,
-		c,
-		y,
-		s
-	]), d(() => {
-		let e = N;
-		return () => {
-			e && (P.current = null, D.current?.disconnectUser().catch(console.error));
-		};
-	}, [N]);
-	let F = l(async () => {
-		if (c("🔄 REFRESH CONNECTION CALLED", {
-			hasService: !!u,
-			hasUser: !!t
-		}), !s) {
-			if (!u || !t) {
-				c("⚠️ REFRESH CONNECTION SKIPPED", "Missing service or user");
-				return;
-			}
-			c("🚀 STARTING CONNECTION REFRESH", { userId: t.id }), S(!0);
-			try {
-				c("🔌 DISCONNECTING FOR REFRESH"), await u.disconnectUser(), c("📞 RECONNECTING FOR REFRESH");
-				let e = await u.connectUser(t);
-				_(e), b(!0), T(null), c("✅ CONNECTION REFRESH SUCCESS", { userId: t.id });
-			} catch (e) {
-				let n = e instanceof Error ? e.message : "Refresh failed";
-				T(n), c("❌ CONNECTION REFRESH ERROR", {
-					userId: t.id,
-					error: n
-				});
-			} finally {
-				S(!1), c("🔄 CONNECTION REFRESH FINISHED", { userId: t.id });
-			}
-		}
-	}, [
-		u,
-		t,
-		c,
-		s
-	]), I = o.useMemo(() => (c("💫 CONTEXT VALUE MEMOIZATION", {
-		hasService: !!u,
-		hasClient: !!p,
-		isConnected: y,
-		isLoading: x,
-		hasError: !!C,
-		capabilitiesKeys: Object.keys(i)
-	}), {
-		service: s ? null : u,
-		client: s ?? p,
-		isConnected: s ? !0 : y,
-		isLoading: !s && x,
-		error: s ? null : C,
-		capabilities: i,
-		refreshConnection: F,
-		debug: a
-	}), [
-		u,
-		p,
-		s,
-		y,
-		x,
-		C,
-		i,
-		F,
-		a,
-		c
-	]);
-	return c("🔄 RENDER END", {
-		renderCount: j.current,
-		willRenderChat: !!N,
-		contextValueReady: !!I
-	}), /* @__PURE__ */ U(Ze.Provider, {
-		value: I,
-		children: N ? /* @__PURE__ */ U(w, {
-			client: N,
-			customClasses: { channelList: "str-chat__channel-list str-chat__channel-list-react bg-transparent lg:border-r-2 border-r-0 border-[#0000000A]" },
-			children: e
-		}) : e
-	});
-}, et = () => Qe(), tt = (e) => {
-	let [t, n] = h(!!e?.state?.membership?.pinned_at);
-	return d(() => {
-		if (!e) {
-			n(!1);
-			return;
-		}
-		n(!!e.state.membership?.pinned_at);
-		let t = (t) => {
-			n(t?.member ? !!t.member.pinned_at : !!e.state.membership?.pinned_at);
-		};
-		return e.on("member.updated", t), () => {
-			e.off("member.updated", t);
-		};
-	}, [e]), t;
-};
-//#endregion
-//#region src/utils/resolveConversationParticipant.ts
-function nt(e, t, n) {
-	let r = Object.values(e || {});
-	if (we(n)) {
-		let e = r.find((e) => e.user?.id === Se);
-		if (e) return e;
-	}
-	return r.find((e) => e.user?.id && e.user.id !== t);
-}
-//#endregion
-//#region src/utils/resolveParticipantDisplayName.ts
-var rt = /^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;
-function it(e) {
-	return rt.test(e.trim());
-}
-function at(e, t) {
-	let n = e?.trim();
-	return !n || t && n === t || t && n === `Follower ${t}` ? !1 : !it(n);
-}
-function ot(e) {
-	return at(e?.name, e?.id) ? e.name.trim() : at(e?.username, e?.id) ? e.username.trim() : "Unknown member";
-}
-//#endregion
-//#region src/components/Avatar/getAvatarEmoji.ts
-var st = [
-	{
-		emoji: "🍎",
-		bgColor: "#FFD1DD"
-	},
-	{
-		emoji: "🍌",
-		bgColor: "#FFF1C9"
-	},
-	{
-		emoji: "🍇",
-		bgColor: "#E6D9FF"
-	},
-	{
-		emoji: "🍊",
-		bgColor: "#D6F4FF"
-	},
-	{
-		emoji: "🍓",
-		bgColor: "#FFE0AE"
-	},
-	{
-		emoji: "🥥",
-		bgColor: "#F7E7D8"
-	},
-	{
-		emoji: "🍒",
-		bgColor: "#DFF4D8"
-	},
-	{
-		emoji: "🥭",
-		bgColor: "#FFD8C2"
-	},
-	{
-		emoji: "🍉",
-		bgColor: "#D6EBFF"
-	},
-	{
-		emoji: "🍋",
-		bgColor: "#CAEEB5"
-	},
-	{
-		emoji: "🥝",
-		bgColor: "#FFE7C7"
-	},
-	{
-		emoji: "🫒",
-		bgColor: "#F6E3B4"
-	},
-	{
-		emoji: "🍈",
-		bgColor: "#D9F7E1"
-	}
-];
-function ct(e) {
-	let t = 0;
-	for (let n = 0; n < e.length; n++) {
-		let r = e.charCodeAt(n);
-		t = (t << 5) - t + r, t &= t;
-	}
-	return Math.abs(t);
-}
-function lt(e) {
-	return st[ct(e) % st.length];
-}
-function ut(e) {
-	return lt(e).emoji;
-}
-function dt(e) {
-	return lt(e).bgColor;
-}
-//#endregion
-//#region src/components/Avatar/index.tsx
-var Z = ({ id: e, image: t, size: n = 40, className: r, starred: i = !1, shape: a = "squircle", dmAgentEnabled: o = !1 }) => {
-	let s = ut(e), c = dt(e), l = n < 32 ? Math.round(n * .45) : n < 56 ? 14 : n < 120 ? 18 : 36, u = n >= 40 ? 2 : 1, d = a === "circle" ? { borderRadius: "50%" } : { borderRadius: "1rem" }, f = /* @__PURE__ */ U("div", {
-		className: "h-full w-full overflow-hidden",
-		style: d,
-		children: t ? /* @__PURE__ */ U("img", {
-			src: t,
-			alt: "",
-			className: "h-full w-full object-cover"
-		}) : /* @__PURE__ */ U("div", {
-			"aria-hidden": "true",
-			className: q("avatar-fallback flex h-full w-full items-center justify-center font-semibold select-none transition-colors"),
-			style: {
-				fontSize: l,
-				lineHeight: 1
-			},
-			children: s
-		})
-	});
-	return /* @__PURE__ */ W("div", {
-		className: q("relative flex-shrink-0", r),
-		style: {
-			"--str-chat__avatar-size": `${n}px`,
-			width: `${n}px`,
-			height: `${n}px`,
-			backgroundColor: t ? void 0 : c,
-			...d
-		},
-		children: [i && /* @__PURE__ */ U("div", {
-			"aria-hidden": "true",
-			className: "absolute -left-1.5 -top-1.5 z-10 flex size-5 items-center justify-center rounded-full bg-white shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]",
-			children: /* @__PURE__ */ U(We, {
-				className: "size-3 text-yellow-600",
-				weight: "duotone"
-			})
-		}), /* @__PURE__ */ U("div", {
-			"data-testid": "avatar-ring",
-			className: q("h-full w-full", "bg-transparent"),
-			style: {
-				...d,
-				...o && {
-					borderWidth: `${u}px`,
-					borderStyle: "solid",
-					borderColor: "var(--AI-Gradient, #7F22FE)",
-					boxShadow: "inset 0 1px 2px 0 rgba(255, 255, 255, 0.5)"
-				}
-			},
-			children: f
-		})]
-	});
-}, ft = "https://linktr.ee/s/about/trust-center/report", pt = ({ channel: e, participant: t, showBlockParticipant: n = !0, enabled: r = !0, onLeaveConversation: i, onBlockParticipant: a, onDeleteConversationClick: o, onBlockParticipantClick: s, onReportParticipantClick: c, onActionComplete: l, logLabel: u = "useChannelModerationActions" }) => {
-	let { service: f, debug: p } = Qe(), m = t?.user?.id, g = !!(r && n && f && m), [_, v] = h(!1), [y, b] = h(null), [x, S] = h(!1), [C, w] = h(!1), T = g && (y?.participantId !== m || y?.service !== f);
-	return d(() => {
-		if (!g || !f || !m) {
-			v(!1), b(null);
-			return;
-		}
-		let e = !1;
-		return (async () => {
-			try {
-				let t = await f.getBlockedUsers();
-				if (e) return;
-				v(t.some((e) => e.blocked_user_id === m));
-			} catch (t) {
-				e || console.error(`[${u}] Failed to check blocked status:`, t);
-			} finally {
-				e || b({
-					participantId: m,
-					service: f
-				});
-			}
-		})(), () => {
-			e = !0;
-		};
-	}, [
-		g,
-		f,
-		m,
-		u
-	]), {
-		isParticipantBlocked: _,
-		isCheckingBlockedStatus: T,
-		isLeaving: x,
-		isUpdatingBlockStatus: C,
-		handleLeaveConversation: async () => {
-			if (!x) {
-				o?.(), p && console.log(`[${u}] Leave conversation`, e.cid), S(!0);
-				try {
-					let t = e._client?.userID ?? null;
-					await e.hide(t, !1), i && await i(e), l?.();
-				} catch (e) {
-					console.error(`[${u}] Failed to leave conversation`, e);
-				} finally {
-					S(!1);
-				}
-			}
-		},
-		handleBlockUser: async () => {
-			if (!(C || !f)) {
-				s?.(), p && console.log(`[${u}] Block member`, t?.user?.id), w(!0);
-				try {
-					await f.blockUser(t?.user?.id), a && await a(t?.user?.id), l?.();
-				} catch (e) {
-					console.error(`[${u}] Failed to block member`, e);
-				} finally {
-					w(!1);
-				}
-			}
-		},
-		handleUnblockUser: async () => {
-			if (!(C || !f)) {
-				s?.(), p && console.log(`[${u}] Unblock member`, t?.user?.id), w(!0);
-				try {
-					await f.unBlockUser(t?.user?.id), a && await a(t?.user?.id), l?.();
-				} catch (e) {
-					console.error(`[${u}] Failed to unblock member`, e);
-				} finally {
-					w(!1);
-				}
-			}
-		},
-		handleReportUser: () => {
-			c?.(), l?.(), window.open(ft, "_blank", "noopener,noreferrer");
-		}
-	};
-}, mt = ({ variant: e = "default", className: t, children: n, ...r }) => /* @__PURE__ */ U("button", {
-	type: "button",
-	className: q("flex w-full items-center gap-3 rounded-lg px-4 py-3 text-left text-sm transition-colors focus-ring disabled:cursor-not-allowed disabled:opacity-60", e === "danger" ? "text-danger hover:bg-danger/50" : "text-charcoal hover:bg-sand", t),
-	...r,
-	children: n
-}), ht = ({ channel: e, participant: t, showDeleteConversation: n = !0, showBlockParticipant: r = !0, showReportParticipant: i = !0, onLeaveConversation: a, onBlockParticipant: o, onDeleteConversationClick: s, onBlockParticipantClick: c, onReportParticipantClick: u, customChannelActions: p, triggerClassName: g }) => {
-	let [_, v] = h(!1), y = m(null), b = f(), { isParticipantBlocked: x, isCheckingBlockedStatus: S, isLeaving: C, isUpdatingBlockStatus: w, handleLeaveConversation: T, handleBlockUser: E, handleUnblockUser: D, handleReportUser: O } = pt({
-		channel: e,
-		participant: t,
-		showBlockParticipant: r,
-		enabled: _,
-		onLeaveConversation: a,
-		onBlockParticipant: o,
-		onDeleteConversationClick: s,
-		onBlockParticipantClick: c,
-		onReportParticipantClick: u,
-		onActionComplete: l(() => v(!1), []),
-		logLabel: "ChannelActionsMenu"
-	});
-	return d(() => {
-		if (!_) return;
-		let e = (e) => {
-			y.current && !y.current.contains(e.target) && v(!1);
-		}, t = (e) => {
-			e.key === "Escape" && v(!1);
-		};
-		return document.addEventListener("mousedown", e), document.addEventListener("keydown", t), () => {
-			document.removeEventListener("mousedown", e), document.removeEventListener("keydown", t);
-		};
-	}, [_]), !t || !(n || r || i || p) ? null : /* @__PURE__ */ W("div", {
-		ref: y,
-		className: "relative",
-		children: [/* @__PURE__ */ W("button", {
-			className: g,
-			type: "button",
-			"aria-haspopup": "true",
-			"aria-expanded": _,
-			"aria-controls": _ ? b : void 0,
-			onClick: () => v((e) => !e),
-			children: [/* @__PURE__ */ U(Y, { className: "size-5 text-black/90" }), /* @__PURE__ */ U("span", {
-				className: "sr-only",
-				children: "More options"
-			})]
-		}), _ && /* @__PURE__ */ U("div", {
-			id: b,
-			"aria-label": "Conversation options",
-			className: q("absolute right-0 top-full z-50 mt-2 w-56 overflow-hidden", "rounded-lg border border-sand bg-white p-1 shadow-max-elevation-light"),
-			children: /* @__PURE__ */ W("ul", {
-				className: "flex flex-col gap-1",
-				children: [
-					n && /* @__PURE__ */ U("li", { children: /* @__PURE__ */ W(mt, {
-						onClick: T,
-						disabled: C,
-						"aria-busy": C,
-						children: [C ? /* @__PURE__ */ U(Ue, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ U(Ve, { className: "h-5 w-5" }), /* @__PURE__ */ U("span", { children: "Delete Conversation" })]
-					}) }),
-					r && /* @__PURE__ */ U("li", { children: S ? /* @__PURE__ */ W(mt, {
-						disabled: !0,
-						"aria-busy": !0,
-						children: [/* @__PURE__ */ U(Ue, { className: "h-5 w-5 animate-spin" }), /* @__PURE__ */ U("span", { children: "Block" })]
-					}) : x ? /* @__PURE__ */ W(mt, {
-						onClick: D,
-						disabled: w,
-						"aria-busy": w,
-						children: [w ? /* @__PURE__ */ U(Ue, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ U(Be, { className: "h-5 w-5" }), /* @__PURE__ */ U("span", { children: "Unblock" })]
-					}) : /* @__PURE__ */ W(mt, {
-						onClick: E,
-						disabled: w,
-						"aria-busy": w,
-						children: [w ? /* @__PURE__ */ U(Ue, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ U(Be, { className: "h-5 w-5" }), /* @__PURE__ */ U("span", { children: "Block" })]
-					}) }),
-					i && /* @__PURE__ */ U("li", { children: /* @__PURE__ */ W(mt, {
-						variant: "danger",
-						onClick: O,
-						children: [/* @__PURE__ */ U(Ne, { className: "h-5 w-5" }), /* @__PURE__ */ U("span", { children: "Report" })]
-					}) }),
-					p
-				]
-			})
-		})]
-	});
-}, gt = "flex size-10 flex-shrink-0 items-center justify-center rounded-full bg-white/65 shadow-[0px_4px_8px_0px_rgba(0,0,0,0.06),0px_0px_0px_1px_rgba(0,0,0,0.04)] backdrop-blur-[40px] transition-filter duration-150 hover:brightness-95 aria-expanded:brightness-95 focus-ring", _t = "CUSTOMER_PAID", vt = (e) => typeof e == "string" && e.trim().replace(/[\s-]+/g, "_").toUpperCase() === _t, yt = ({ className: e, onBack: t, showBackButton: n, showStarButton: r = !1, onLeaveConversation: i, onBlockParticipant: a, showDeleteConversation: s = !0, showBlockParticipant: c = !0, showReportParticipant: l = !0, onDeleteConversationClick: u, onBlockParticipantClick: d, onReportParticipantClick: f, customChannelActions: p, renderChannelActions: m, showChannelInfo: h = !0, onParticipantNameClick: g }) => {
-	let { channel: _ } = pe(), { client: v } = me(), y = o.useMemo(() => nt(_.state?.members, v?.userID, _.type), [
-		_.state?.members,
-		v?.userID,
-		_.type
-	]), b = ot(y?.user), x = y?.user?.image, S = tt(_), C = vt(_.data?.customer_tag) && y?.is_follower === !0, w = r && S, T = C || w || !!g, E = async () => {
-		try {
-			S ? await _.unpin() : await _.pin();
-		} catch (e) {
-			console.error("[ChannelHeaderRedesign] Failed to update pinned status:", e);
-		}
-	}, D = /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U(Z, {
-		id: y?.user?.id || _.id || "unknown",
-		name: b,
-		image: x,
-		shape: "circle",
-		size: 48,
-		className: "-mb-2"
-	}), /* @__PURE__ */ U("span", {
-		className: q("relative z-10 flex max-w-full flex-col items-center justify-center rounded-full border border-white/10 bg-white/65 py-1.5 shadow-[0px_0px_0px_0px_rgba(0,0,0,0.04),0px_1px_2px_0px_rgba(0,0,0,0.04),0px_8px_32px_0px_rgba(0,0,0,0.1)] backdrop-blur-[2px] transition-filter duration-150 group-hover:brightness-95", T ? "pl-3 pr-2" : "px-3"),
-		children: /* @__PURE__ */ W("span", {
-			className: "flex max-w-full items-center justify-center",
-			children: [/* @__PURE__ */ U("span", {
-				className: "min-w-0 truncate text-sm font-bold leading-[1.43] tracking-[0.28px] text-black/90",
-				children: b
-			}), T && /* @__PURE__ */ W("span", {
-				className: "ml-2 flex gap-1",
-				children: [
-					C && /* @__PURE__ */ U("span", {
-						"aria-label": "Paid customer",
-						className: "flex size-4 shrink-0 items-center justify-center rounded-full bg-[#34C759] text-white",
-						children: /* @__PURE__ */ U(Me, {
-							className: "size-2.5",
-							weight: "bold"
-						})
-					}),
-					w && /* @__PURE__ */ U("span", {
-						className: "messaging-header-star-badge flex overflow-hidden",
-						children: /* @__PURE__ */ U("span", {
-							"aria-label": "Starred conversation",
-							className: "flex size-4 shrink-0 items-center justify-center rounded-full bg-[#FFD60A] text-white",
-							children: /* @__PURE__ */ U(We, {
-								className: "size-2.5",
-								weight: "fill"
-							})
-						})
-					}),
-					g && /* @__PURE__ */ U(Ae, {
-						"aria-hidden": "true",
-						className: "size-4 shrink-0 text-black/65",
-						weight: "bold"
-					})
-				]
-			})]
-		})
-	})] });
-	return /* @__PURE__ */ U("div", {
-		className: q("@container bg-[linear-gradient(180deg,#FBFAF9_0%,rgba(251,250,249,0.92)_58%,rgba(251,250,249,0)_100%)]", e),
-		children: /* @__PURE__ */ W("div", {
-			className: "grid min-h-[100px] grid-cols-[minmax(40px,1fr)_auto_minmax(40px,1fr)] items-start pb-2 pt-5 @lg:min-h-[104px] @lg:pt-6",
-			children: [
-				/* @__PURE__ */ U("div", {
-					className: "flex items-start",
-					children: n && /* @__PURE__ */ U("button", {
-						className: q(gt, "messaging-channel-view-back-button-mobile messaging-channel-view-back-button-desktop"),
-						onClick: t || (() => {}),
-						type: "button",
-						"aria-label": "Back to conversations",
-						children: /* @__PURE__ */ U(De, { className: "size-5 text-black/90" })
-					})
-				}),
-				/* @__PURE__ */ U("div", {
-					className: "flex min-w-0 justify-center",
-					"data-dd-privacy": "mask",
-					children: g ? /* @__PURE__ */ U("button", {
-						type: "button",
-						onClick: g,
-						"aria-label": `View details for ${b}`,
-						className: "group flex min-w-0 max-w-full appearance-none flex-col items-center border-0 bg-transparent px-2 focus-ring focus-visible:outline-none",
-						children: D
-					}) : /* @__PURE__ */ U("div", {
-						className: "flex min-w-0 max-w-full flex-col items-center px-2",
-						children: D
-					})
-				}),
-				/* @__PURE__ */ W("div", {
-					className: "flex items-start justify-end gap-2",
-					children: [r && /* @__PURE__ */ U("button", {
-						className: gt,
-						onClick: E,
-						type: "button",
-						"aria-pressed": S,
-						"aria-label": S ? "Unstar conversation" : "Star conversation",
-						children: /* @__PURE__ */ U(We, {
-							className: q("size-5", {
-								"text-[#FFD60A]": S,
-								"text-black/90": !S
-							}),
-							weight: S ? "fill" : "regular"
-						})
-					}), h && (m === void 0 ? /* @__PURE__ */ U(ht, {
-						channel: _,
-						participant: y,
-						showDeleteConversation: s,
-						showBlockParticipant: c,
-						showReportParticipant: l,
-						onLeaveConversation: i,
-						onBlockParticipant: a,
-						onDeleteConversationClick: u,
-						onBlockParticipantClick: d,
-						onReportParticipantClick: f,
-						customChannelActions: p,
-						triggerClassName: gt
-					}) : m)]
-				})
-			]
-		})
-	});
-}, bt = (e) => /* @__PURE__ */ U(T, {
-	...e,
-	position: "center"
-});
-//#endregion
-//#region src/utils/getMessageDisplayText.ts
-function xt(e) {
-	return e?.trim().toLowerCase().split(/[-_]/)[0] || void 0;
-}
-function St({ message: e, viewerLanguage: t }) {
-	let n = e?.text, r = xt(t);
-	return r ? e?.i18n?.[`${r}_text`] ?? n : n;
-}
-//#endregion
-//#region src/components/MediaMessage/index.tsx
-function Ct(e) {
-	return e < 1024 ? `${e} B` : e < 1048576 ? `${(e / 1024).toFixed(1)} KB` : `${(e / 1048576).toFixed(1)} MB`;
-}
-function wt(e) {
-	return `w-[280px] select-none overflow-hidden rounded-[24px] ${e ? "bg-[#1e2330]" : "bg-[#F3F3F1]"} shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]`;
-}
-function Tt(e) {
-	return e ? "bg-white/10" : "bg-black/5";
-}
-function Et(e) {
-	return e ? "text-white" : "text-black";
-}
-function Dt(e) {
-	return e ? "text-white/55" : "text-black/55";
-}
-function Ot(e) {
-	return e ? "text-white/40" : "text-black/40";
-}
-function kt(e) {
-	return e ? "text-white/20" : "text-black/20";
-}
-var At = ({ attachment: e, isMyMessage: t }) => {
-	let { title: n, text: i, image_url: a, og_scrape_url: s, title_link: c } = e, l = s ?? c, u = typeof l == "string" && l.trim() !== "" ? l : void 0, d = /* @__PURE__ */ W(o.Fragment, { children: [/* @__PURE__ */ U("div", {
-		className: "p-2",
-		children: a ? /* @__PURE__ */ U("img", {
-			src: r(a) ?? a,
-			alt: n ?? "",
-			className: "aspect-video w-full rounded-[20px] object-cover"
-		}) : /* @__PURE__ */ U("div", {
-			className: `aspect-video w-full rounded-[20px] ${Tt(t)} flex items-center justify-center`,
-			children: /* @__PURE__ */ U(Fe, { className: `size-12 ${kt(t)}` })
-		})
-	}), /* @__PURE__ */ W("div", {
-		className: "px-3 pb-3",
-		children: [
-			n && /* @__PURE__ */ U("p", {
-				className: `truncate text-[14px] font-medium leading-5 ${Et(t)}`,
-				children: n
-			}),
-			i && /* @__PURE__ */ U("p", {
-				className: `truncate text-[12px] leading-4 ${Dt(t)}`,
-				children: i
-			}),
-			u && /* @__PURE__ */ U("p", {
-				className: `mt-1 truncate text-[12px] leading-4 ${Ot(t)}`,
-				children: u
-			})
-		]
-	})] });
-	return u ? /* @__PURE__ */ U("a", {
-		href: u,
-		target: "_blank",
-		rel: "noopener noreferrer",
-		className: "block no-underline",
-		children: d
-	}) : /* @__PURE__ */ U("div", {
-		className: "block",
-		children: d
-	});
-};
-function jt(e) {
-	return e.type === "link" || !!e.og_scrape_url?.trim() && !e.asset_url;
-}
-function Mt(e) {
-	return e.attachments?.find(jt);
-}
-async function Nt(e, t) {
-	let n;
-	try {
-		n = t ?? new URL(e).pathname.split("/").pop() ?? "download";
-	} catch {
-		n = t ?? "download";
-	}
-	let r = await fetch(e, { mode: "cors" });
-	if (!r.ok) throw Error(`HTTP ${r.status}`);
-	let i = await r.blob(), a = URL.createObjectURL(i), o = document.createElement("a");
-	o.href = a, o.download = n, o.style.display = "none", document.body.appendChild(o), o.click(), document.body.removeChild(o), URL.revokeObjectURL(a);
-}
-var Pt = ({ url: e, filename: t }) => {
-	let [n, r] = h(!1);
-	return /* @__PURE__ */ U("button", {
-		type: "button",
-		onClick: (n) => {
-			n.stopPropagation();
-			let i = window.open("", "_blank", "noopener,noreferrer");
-			r(!0), Nt(e, t).then(() => {
-				i?.close();
-			}).catch(() => {
-				i && (i.location.href = e);
-			}).finally(() => r(!1));
-		},
-		disabled: n,
-		className: "mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounded-full bg-[#121110] px-4 text-sm font-medium leading-none text-white hover:bg-[#2a2928] disabled:opacity-70",
-		children: n ? /* @__PURE__ */ U(J, {
-			className: "size-4 animate-spin text-white",
-			weight: "bold"
-		}) : /* @__PURE__ */ W(o.Fragment, { children: [/* @__PURE__ */ U(X, {
-			className: "size-4 text-white",
-			weight: "bold"
-		}), "Download"] })
-	});
-};
-function Ft(e) {
-	let t = e.attachments?.find((e) => e.type === "video" && e.asset_url), n = e.attachments?.find((e) => e.type === "image" && e.image_url), r = e.attachments?.find((e) => e.type === "audio" && e.asset_url), i = e.attachments?.find((e) => e.type === "file" && e.asset_url), a = t ?? n ?? r ?? i, o = t?.asset_url ?? n?.image_url ?? r?.asset_url ?? i?.asset_url;
-	return o ? {
-		resolvedUrl: o,
-		resolvedType: a?.mime_type ?? (a?.type === "image" ? "image/jpeg" : a?.type === "video" ? "video/mp4" : a?.type === "audio" ? "audio/mpeg" : "application/octet-stream"),
-		title: a?.title,
-		fileSize: a?.file_size,
-		thumbnailUrl: t?.thumb_url
-	} : null;
-}
-var It = ({ resolvedUrl: e, resolvedType: t, title: r, fileSize: i, thumbnailUrl: o }) => {
-	let s = i === void 0 ? void 0 : Ct(i);
-	return /* @__PURE__ */ U(a, {
-		variant: "dark",
-		title: r,
-		placeholderTitle: "",
-		mimeType: t,
-		detail: s,
-		thumbnail: /* @__PURE__ */ U(n, {
-			mimeType: t,
-			sourceUrl: e,
-			thumbnailUrl: o,
-			title: r,
-			variant: "dark"
-		})
-	});
-}, Lt = ({ resolvedUrl: t, resolvedType: r, title: i, fileSize: o, thumbnailUrl: s }) => {
-	let c = e(r), l = o === void 0 ? void 0 : Ct(o);
-	return /* @__PURE__ */ U(a, {
-		variant: "light",
-		title: i,
-		mimeType: r,
-		detail: l,
-		thumbnail: /* @__PURE__ */ U(n, {
-			mimeType: r,
-			sourceUrl: t,
-			thumbnailUrl: s,
-			title: i,
-			variant: "light",
-			containedImage: c === "image" || c === "document"
-		}),
-		action: /* @__PURE__ */ U(Pt, {
-			url: t,
-			filename: i
-		})
-	});
-}, Rt = Object.assign(({ message: e, isMyMessage: t = !1 }) => {
-	let n = Mt(e), r = Ft(e);
-	return !n && !r ? null : /* @__PURE__ */ W("div", {
-		className: t ? "str-chat__message str-chat__message-simple str-chat__message--me str-chat__message-simple--me" : "str-chat__message str-chat__message-simple str-chat__message--other",
-		"data-dd-privacy": "mask",
-		children: [!t && e.user && /* @__PURE__ */ U(Z, {
-			className: "str-chat__avatar str-chat__message-sender-avatar",
-			id: e.user.id,
-			image: e.user.image,
-			name: e.user.name ?? e.user.id
-		}), /* @__PURE__ */ U("div", {
-			className: "str-chat__message-inner",
-			style: {
-				marginInlineEnd: 0,
-				marginInlineStart: 0
-			},
-			children: /* @__PURE__ */ U("div", {
-				className: "str-chat__message-bubble-wrapper",
-				children: /* @__PURE__ */ U("div", {
-					className: "str-chat__message-bubble",
-					"data-attachment-bubble": "true",
-					style: {
-						padding: 0,
-						borderRadius: 0,
-						overflow: "visible",
-						background: "transparent"
-					},
-					children: n ? /* @__PURE__ */ U("div", {
-						className: wt(t),
-						children: /* @__PURE__ */ U(At, {
-							attachment: n,
-							isMyMessage: t
-						})
-					}) : U(t ? It : Lt, { ...r })
-				})
-			})
-		})]
-	});
-}, {
-	Creator: ({ message: e }) => {
-		let t = Mt(e);
-		if (t) return /* @__PURE__ */ U("div", {
-			className: wt(!0),
-			"data-dd-privacy": "mask",
-			children: /* @__PURE__ */ U(At, {
-				attachment: t,
-				isMyMessage: !0
-			})
-		});
-		let n = Ft(e);
-		return n ? /* @__PURE__ */ U("div", {
-			style: { display: "contents" },
-			"data-dd-privacy": "mask",
-			children: /* @__PURE__ */ U(It, { ...n })
-		}) : null;
-	},
-	Visitor: ({ message: e }) => {
-		let t = Mt(e);
-		if (t) return /* @__PURE__ */ U("div", {
-			className: wt(!1),
-			"data-dd-privacy": "mask",
-			children: /* @__PURE__ */ U(At, {
-				attachment: t,
-				isMyMessage: !1
-			})
-		});
-		let n = Ft(e);
-		return n ? /* @__PURE__ */ U("div", {
-			style: { display: "contents" },
-			"data-dd-privacy": "mask",
-			children: /* @__PURE__ */ U(Lt, { ...n })
-		}) : null;
-	}
-}), zt = { LockedAttachment: { isUnlocking: () => !1 } }, Bt = c({}), Vt = Bt.Provider;
-function Ht(e) {
-	return u(Bt)[e] ?? zt[e];
-}
-//#endregion
-//#region src/components/CustomMessage/LockedAttachment/index.tsx
-var Ut = o.lazy(() => import("./Card-C7uLQbYz.js")), Wt = o.lazy(() => import("./Card-EKD9NkTa.js")), Gt = () => /* @__PURE__ */ U("div", {
-	className: "w-[280px] min-h-[200px] animate-pulse rounded-md bg-black/[0.06] shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_1px_2px_rgba(0,0,0,0.04),0_8px_32px_rgba(0,0,0,0.1)]",
-	"aria-hidden": !0
-}), Kt = (e) => /* @__PURE__ */ U(s, {
-	fallback: /* @__PURE__ */ U(Gt, {}),
-	children: e.contentType === "text" ? /* @__PURE__ */ U(Ut, { ...e }) : /* @__PURE__ */ U(Wt, { ...e })
-}), qt = ({ size: e = 15 }) => /* @__PURE__ */ U("svg", {
-	width: e,
-	height: e,
-	viewBox: "0 0 15 15",
-	fill: "none",
-	"aria-hidden": "true",
-	children: /* @__PURE__ */ U("path", {
-		d: "M12.003 9a.985.985 0 0 1-.652.934l-3.223 1.191-1.188 3.226a.995.995 0 0 1-1.867 0l-1.195-3.226L.65 9.937a.995.995 0 0 1 0-1.867l3.227-1.195 1.187-3.226a.995.995 0 0 1 1.868 0l1.195 3.226 3.226 1.187a.99.99 0 0 1 .649.938m3-5.83a.52.52 0 0 1-.344.492l-1.702.63-.627 1.703a.525.525 0 0 1-.986 0l-.63-1.704-1.704-.627a.525.525 0 0 1 0-.986l1.703-.63.627-1.704a.526.526 0 0 1 .986 0l.631 1.703 1.704.627a.52.52 0 0 1 .342.495",
-		fill: "currentColor",
-		fillOpacity: .55
-	})
-}), Jt = (e) => e.metadata?.custom_type === G.PAID, Yt = (e) => e.metadata?.custom_type === G.CHATBOT, Xt = (e) => e.metadata?.custom_type === G.ATTACHMENT, Zt = (e) => Xt(e) && e.metadata?.attachment_content_type === "text", Qt = (e) => Xt(e) && e.metadata?.attachment_content_type !== "text", $t = (e) => Jt(e) && !!e.metadata?.amount_text, en = ({ message: e, isMyMessage: t = !1, hasAttachment: n = !1 }) => {
-	let r = Jt(e), i = Yt(e);
-	if (!r && !i) return null;
-	if (r) {
-		let t = e.metadata?.amount_text;
-		return t ? /* @__PURE__ */ W("div", {
-			className: "message-tag--paid inline-flex items-center gap-1 text-[12px] font-medium leading-[2] text-[#016630]",
-			children: [/* @__PURE__ */ U(Pe, { size: 12 }), /* @__PURE__ */ W("span", { children: [
-				"Delivered with ",
-				t,
-				" message"
-			] })]
-		}) : null;
-	}
-	let a = t && n, o = a ? "Sent with AI" : "Sent by AI Assistant", s = a ? "justify-end gap-2 text-black/30" : t ? "w-full justify-start gap-1.5 mt-3 px-4 text-white/55" : "w-full justify-start gap-1.5 mt-3 px-4 text-black/30", c = /* @__PURE__ */ U("span", {
-		className: "text-left",
-		children: o
-	}), l = /* @__PURE__ */ U("span", {
-		className: "inline-flex items-center leading-none",
-		children: /* @__PURE__ */ U(qt, { size: a ? 12 : 15 })
-	});
-	return /* @__PURE__ */ U("div", {
-		className: `inline-flex items-center text-[10px] font-normal leading-4 tracking-[0.2px] ${s}`,
-		"data-testid": "message-chatbot-indicator",
-		children: t && !a ? /* @__PURE__ */ W(H, { children: [c, l] }) : /* @__PURE__ */ W(H, { children: [l, c] })
-	});
-}, tn = "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%", nn = {
-	me: "var(--str-chat__own-message-bubble-background-color, #1e2330)",
-	other: "var(--str-chat__message-bubble-background-color, #f1f0ee)"
-}, rn = ({ side: e }) => /* @__PURE__ */ U("span", {
-	"aria-hidden": "true",
-	className: "pointer-events-none absolute bottom-0 z-[-1] h-[1.4375rem] w-5",
-	style: {
-		insetInlineEnd: e === "me" ? "calc(-1 * 0.3125rem)" : void 0,
-		insetInlineStart: e === "other" ? "calc(-1 * 0.3125rem)" : void 0,
-		transform: e === "other" ? "scaleX(-1)" : void 0,
-		transformOrigin: "center",
-		backgroundColor: nn[e],
-		WebkitMask: tn,
-		mask: tn
-	}
-}), an = c(void 0), on = (e) => {
-	let t = e.metadata?.outbound_id;
-	return typeof t == "string" ? t : void 0;
-}, sn = (e, t) => {
-	if (!t || !e?.length) return;
-	let n = /* @__PURE__ */ new Set(), r;
-	for (let i of e) {
-		let e = on(i);
-		if (!e || n.has(e)) continue;
-		n.add(e);
-		let a = t(e);
-		a && (r ??= {}, r[e] = {
-			id: a.id,
-			...a.name === void 0 ? {} : { name: a.name }
-		});
-	}
-	return r;
-}, cn = (e, t) => {
-	if (e === t) return !0;
-	if (!e || !t) return !1;
-	let n = Object.keys(e), r = Object.keys(t);
-	return n.length === r.length && n.every((n) => e[n].id === t[n]?.id && e[n].name === t[n]?.name);
-}, ln = (e, t) => {
-	let n = sn(e, t), [r, i] = h(n);
-	return cn(r, n) ? r : (i(n), n);
-}, un = (e) => e.metadata?.custom_type === G.TIP, dn = ({ message: e }) => {
-	let t = e.metadata?.amount_text;
-	return t ? /* @__PURE__ */ W("div", {
-		className: "message-tip-pill inline-flex items-end gap-0.5 max-w-[520px] rounded-[1.5rem] bg-[#43e660] px-4 py-3 text-white",
-		children: [/* @__PURE__ */ U("span", {
-			className: "flex h-5 items-center text-[20px] leading-none",
-			"aria-hidden": "true",
-			children: "🎁"
-		}), /* @__PURE__ */ W("span", {
-			className: "text-[14px] font-bold leading-[1.43] tracking-[0.28px] text-[rgba(4,4,3,0.9)]",
-			children: [t, " tip!"]
-		})]
-	}) : null;
-}, fn = () => {
-	let { message: e } = V("SentMessageDeliveryStatus"), { messages: t } = pe("SentMessageDeliveryStatus"), n = (() => {
-		if (t) for (let e = t.length - 1; e >= 0; --e) {
-			let n = t[e];
-			if (n.type !== "system" && n.type !== "ephemeral" && n.type !== "deleted") return n.id;
-		}
-	})();
-	return e.id === n;
-}, pn = () => fn() ? /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U(je, {
-	weight: "bold",
-	"aria-hidden": "true"
-}), /* @__PURE__ */ U("span", {
-	"data-testid": "sent-message-delivery-status",
-	children: "Delivered"
-})] }) : null, mn = () => fn() ? /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U(J, {
-	className: "sent-message-status__spinner animate-spin",
-	weight: "bold",
-	"aria-hidden": "true"
-}), /* @__PURE__ */ U("span", {
-	"data-testid": "sent-message-sending-status",
-	children: "Sending"
-})] }) : null, hn = ({ outbound: e, onOutboundClick: t }) => {
-	let n = e.name || "Broadcast", r = /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U("span", {
-		className: "sent-message-outbound-badge",
-		"aria-hidden": "true",
-		children: /* @__PURE__ */ U(Ie, { weight: "fill" })
-	}), /* @__PURE__ */ U("span", {
-		className: q("sent-message-outbound-name", { "underline [text-decoration-skip-ink:auto]": !!t }),
-		"data-testid": "sent-message-outbound-status",
-		children: n
-	})] });
-	return t ? /* @__PURE__ */ U("button", {
-		type: "button",
-		className: "inline-flex cursor-pointer items-center gap-1 border-0 bg-transparent p-0 text-inherit [font:inherit]",
-		"aria-label": `View broadcast ${n}`,
-		onClick: () => t(e),
-		children: r
-	}) : r;
-}, gn = () => /* @__PURE__ */ W("span", {
-	className: "str-chat__message-status sent-message-status--failed",
-	children: [/* @__PURE__ */ U(qe, {
-		weight: "bold",
-		"aria-hidden": "true"
-	}), /* @__PURE__ */ U("span", {
-		"data-testid": "sent-message-failed-status",
-		children: "Failed to send"
-	})]
-}), _n = ({ onOutboundClick: e, resolvedOutbound: t }) => {
-	let { isMyMessage: n, message: r, threadList: i } = V("SentMessageDeliveryStatus"), a = n(), o = fn();
-	if (i) return null;
-	if (r.status === "failed" && a && r.type !== "error") return /* @__PURE__ */ U(gn, {});
-	if (!a) return null;
-	let s = r.metadata?.outbound_id, c = r.status !== "sending" && r.status !== "failed" && s && t ? /* @__PURE__ */ U(hn, {
-		outbound: t,
-		onOutboundClick: e
-	}) : null, l = $t(r) ? null : /* @__PURE__ */ U(L, {
-		MessageSentStatus: pn,
-		MessageDeliveredStatus: pn,
-		MessageReadStatus: pn,
-		MessageSendingStatus: un(r) ? pn : mn
-	});
-	return c ? /* @__PURE__ */ W("span", {
-		className: "sent-message-status-row",
-		children: [
-			l,
-			l && o && /* @__PURE__ */ U("span", {
-				className: "sent-message-outbound-separator",
-				"aria-hidden": "true",
-				children: "•"
-			}),
-			c
-		]
-	}) : l;
-}, vn = /^([a-z][a-z0-9+.-]*):/i, yn = /* @__PURE__ */ new Set([
-	"http",
-	"https",
-	"mailto",
-	"tel",
-	"sms"
-]);
-function bn(e) {
-	if (typeof e != "string") return;
-	let t = e.trim();
-	if (t === "") return;
-	let n = vn.exec(t);
-	if (n) {
-		let e = n[1].toLowerCase();
-		return yn.has(e) ? t : void 0;
-	}
-	return t.startsWith("//") || t.startsWith("/") ? t : `https://${t}`;
-}
-//#endregion
-//#region src/components/LinkAttachment/components/_shared/CardCta.tsx
-var xn = {
-	dark: {
-		primary: "bg-white text-[#121110] hover:bg-white/90",
-		secondary: "bg-white/15 text-white hover:bg-white/25"
-	},
-	light: {
-		primary: "bg-[#121110] text-white hover:bg-[#2a2928]",
-		secondary: "bg-black/[0.06] text-[#121110] hover:bg-black/10"
-	}
-}, Sn = ({ variant: e, cta: t, fullWidth: n = !0, standalone: r = !1 }) => {
-	let i = t.variant ?? "primary", a = q("inline-flex h-10 items-center justify-center rounded-full px-4 text-sm font-medium leading-none transition-colors", n ? "w-full" : "min-w-0", !r && "mt-2", xn[e][i]), o = n ? t.label : /* @__PURE__ */ U("span", {
-		className: "min-w-0 truncate",
-		children: t.label
-	}), s = bn(t.href);
-	return s ? /* @__PURE__ */ U("a", {
-		href: s,
-		target: "_blank",
-		rel: "noopener noreferrer",
-		onClick: (e) => {
-			e.stopPropagation(), t.onClick?.();
-		},
-		className: `${a} no-underline`,
-		children: o
-	}) : /* @__PURE__ */ U("button", {
-		type: "button",
-		onClick: (e) => {
-			e.stopPropagation(), t.onClick?.();
-		},
-		className: a,
-		children: o
-	});
-}, Cn = {
-	dark: "text-white",
-	light: "text-black/90"
-}, wn = "text-white/30", Tn = {
-	dark: "text-white/55",
-	light: "text-black/55"
-}, En = {
-	dark: "bg-white/25",
-	light: "bg-black/15"
-}, Dn = ({ variant: e, ctaSurface: t, chinTextColor: n, title: r, placeholderTitle: i, description: a, descriptionLines: o = 1, url: s, appIcon: c, cta: l, trailingAction: u, isLoading: d = !1 }) => {
-	let f = e === "dark", p = r ?? (f ? i : void 0) ?? "", m = p.trim() !== "", h = a != null && a.trim() !== "", g = typeof s == "string" ? s.trim() : "", _ = g !== "", v = l != null;
-	if (!d && !m && !h && !_ && !v) return null;
-	let y = q("line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px]", n == null && (f && !r ? wn : Cn[e])), b = q("truncate text-[12px] leading-4 tracking-[0.24px]", n == null && Tn[e]), x = q("text-[12px] leading-4 tracking-[0.24px]", o <= 1 && "truncate", n == null && Tn[e]);
-	if (d) {
-		let t = q("animate-pulse rounded", En[e]);
-		return /* @__PURE__ */ U("div", {
-			className: "shrink-0 px-4 py-3",
-			children: /* @__PURE__ */ W("div", {
-				className: "flex min-w-0 flex-col gap-[2px]",
-				children: [/* @__PURE__ */ U("div", {
-					className: q("h-5 w-3/4", t),
-					"aria-hidden": !0
-				}), /* @__PURE__ */ U("div", {
-					className: q("h-4 w-1/2", t),
-					"aria-hidden": !0
-				})]
-			})
-		});
-	}
-	let S = n ? { color: n } : void 0, C = o > 1 ? {
-		...S,
-		display: "-webkit-box",
-		WebkitBoxOrient: "vertical",
-		WebkitLineClamp: o,
-		overflow: "hidden"
-	} : S;
-	return /* @__PURE__ */ W("div", {
-		className: "shrink-0 px-4 py-3",
-		children: [/* @__PURE__ */ W("div", {
-			className: "flex items-end gap-3",
-			children: [/* @__PURE__ */ W("div", {
-				className: "flex min-w-0 flex-1 flex-col gap-[2px]",
-				children: [
-					m && /* @__PURE__ */ W("div", {
-						className: "flex min-w-0 items-center gap-2",
-						children: [c ? /* @__PURE__ */ U("span", {
-							className: "shrink-0",
-							children: c
-						}) : null, /* @__PURE__ */ U("p", {
-							className: q("min-w-0", y),
-							style: S,
-							children: p
-						})]
-					}),
-					h && /* @__PURE__ */ U("p", {
-						className: x,
-						style: C,
-						children: a
-					}),
-					!v && _ && /* @__PURE__ */ U("p", {
-						className: b,
-						style: S,
-						"data-testid": "link-attachment-url",
-						children: g
-					})
-				]
-			}), u && /* @__PURE__ */ U("div", {
-				className: "shrink-0",
-				children: u
-			})]
-		}), l && /* @__PURE__ */ U(Sn, {
-			variant: t ?? e,
-			cta: l
-		})]
-	});
-}, On = "Loading link preview", kn = q("relative w-[var(--lt-msg-card-width,290px)] max-w-full select-none overflow-hidden", "rounded-[20px]"), An = "flex h-[250px] flex-col", jn = ({ variant: e, children: t, href: n, onClick: r, ariaLabel: i, rootRef: a, topRight: o, bgClassName: s, accentHex: c, fixedHeight: l = !1, busy: u = !1, "data-testid": d }) => {
-	let f = q("messaging-link-card", kn, l ? An : "block", s ?? (e === "dark" ? "bg-[#1e2330]" : "bg-[#f1f0ee]"), n != null || r != null ? "cursor-pointer no-underline focus-ring" : null), p = u ? {
-		role: "status",
-		"aria-busy": !0,
-		"aria-label": On
-	} : void 0, m = c ? { "--accent": c } : void 0, h = o ? /* @__PURE__ */ U("div", {
-		className: "pointer-events-auto absolute right-3 top-3 z-10",
-		children: o
-	}) : null;
-	return n ? /* @__PURE__ */ W("a", {
-		ref: a,
-		href: n,
-		target: "_blank",
-		rel: "noopener noreferrer",
-		onClick: r,
-		"data-testid": d,
-		"data-variant": e,
-		className: f,
-		style: m,
-		...p,
-		children: [t, h]
-	}) : r ? /* @__PURE__ */ W("button", {
-		ref: a,
-		type: "button",
-		onClick: r,
-		"aria-label": i,
-		"data-testid": d,
-		"data-variant": e,
-		className: q(f, "text-left"),
-		style: m,
-		...p,
-		children: [t, h]
-	}) : /* @__PURE__ */ W("div", {
-		ref: a,
-		"data-testid": d,
-		"data-variant": e,
-		className: f,
-		style: m,
-		...p,
-		children: [t, h]
-	});
-}, Mn = {
-	dark: "bg-white/10",
-	light: "bg-black/5"
-}, Nn = {
-	dark: "size-16 text-white/25",
-	light: "size-16 text-black/25"
-}, Pn = (t, n) => !!n && !!t && e(t) === "audio", Fn = (t, n) => {
-	if (!n || !t) return !1;
-	let r = e(t);
-	return r === "video" || r === "audio";
-}, In = "bg-[#F2F3F4]", Ln = ({ variant: t, thumbnailUrl: n, sourceUrl: a, title: o, mimeType: s = "image/*", topLeft: c, topRight: l, isLoading: u = !1, onImageError: d }) => {
-	let f = e(s), p = !!a && f === "video", m = r(n);
-	return !u && Pn(s, a) ? /* @__PURE__ */ U("div", {
-		className: "p-3",
-		children: /* @__PURE__ */ U("audio", {
-			src: a,
-			controls: !0,
-			preload: "metadata",
-			className: "block w-full",
-			children: /* @__PURE__ */ U("track", { kind: "captions" })
-		})
-	}) : /* @__PURE__ */ W("div", {
-		className: q("relative min-h-0 w-full flex-1 overflow-hidden", p && "bg-black"),
-		children: [
-			u ? /* @__PURE__ */ U("div", {
-				className: q("h-full w-full animate-pulse", Mn[t]),
-				"aria-hidden": !0
-			}) : p ? /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U("video", {
-				src: a,
-				poster: m,
-				controls: !0,
-				playsInline: !0,
-				preload: "metadata",
-				className: "absolute inset-0 h-full w-full object-contain",
-				children: /* @__PURE__ */ U("track", { kind: "captions" })
-			}), m && d ? /* @__PURE__ */ U("img", {
-				src: m,
-				alt: "",
-				"aria-hidden": !0,
-				onError: d,
-				className: "hidden"
-			}) : null] }) : n ? /* @__PURE__ */ U("img", {
-				src: m ?? n,
-				alt: o ?? "",
-				draggable: !1,
-				loading: "lazy",
-				decoding: "async",
-				onError: d,
-				className: "absolute inset-0 h-full w-full object-cover"
-			}) : /* @__PURE__ */ U("div", {
-				className: q("flex h-full w-full items-center justify-center", Mn[t]),
-				children: i(s, {
-					className: Nn[t],
-					weight: "regular"
-				})
-			}),
-			c ? /* @__PURE__ */ U("div", {
-				className: "pointer-events-auto absolute left-3 top-3 z-10",
-				children: c
-			}) : null,
-			l ? /* @__PURE__ */ U("div", {
-				className: "pointer-events-auto absolute right-3 top-3 z-10",
-				children: l
-			}) : null
-		]
-	});
-}, Rn = /^#?(?:[0-9a-f]{3}|[0-9a-f]{6})$/i;
-function zn(e) {
-	let t = e.trim();
-	return t.startsWith("#") ? t : `#${t}`;
-}
-//#endregion
-//#region src/components/LinkAttachment/components/_shared/useChinPalette.ts
-var Bn = "#FFFFFF", Vn = "#040403", Hn = {
-	dark: Bn,
-	light: Vn
-};
-function Un({ variant: e, accentColor: t, status: n = "ready", layout: r = "featured", thumbnailUrl: i, mimeType: a, sourceUrl: s }) {
-	let [c, l] = o.useState(!1);
-	o.useEffect(() => {
-		l(!1);
-	}, [i]);
-	let u = o.useCallback(() => {
-		l(!0);
-	}, []), d = Pn(a, s), f = r === "featured" && i && !d && !c && n === "ready" && t != null && Rn.test(t.trim()) ? zn(t) : void 0, p = d ? Vn : Hn[e];
-	return {
-		thumbnailUrl: c ? void 0 : i,
-		accentHex: f,
-		chinTextColor: p,
-		surface: d ? "light" : e,
-		isLoading: n === "loading",
-		onImageError: u
-	};
-}
-//#endregion
-//#region src/components/LinkAttachment/components/Composer/Card.tsx
-var Wn = "flex size-6 items-center justify-center rounded-full bg-[#121110] text-white focus-ring", Gn = "relative before:absolute before:-inset-[10px] before:content-['']", Kn = ({ title: e, placeholderTitle: t, description: n, descriptionLines: r, url: i, mimeType: a, thumbnailUrl: o, sourceUrl: s, layout: c = "featured", appIcon: l, cta: u, accentColor: d, status: f = "ready", onDismiss: p, onEditClick: m, dismissLabel: h = "Dismiss attachment" }) => {
-	let g = c === "classic", _ = Pn(a, s), v = Un({
-		variant: "dark",
-		accentColor: d,
-		status: f,
-		layout: c,
-		thumbnailUrl: o,
-		mimeType: a,
-		sourceUrl: s
-	}), y = p ? /* @__PURE__ */ U("button", {
-		type: "button",
-		onClick: p,
-		"aria-label": h,
-		className: q(Wn, !_ && Gn),
-		children: /* @__PURE__ */ U(Je, {
-			className: "size-3",
-			weight: "bold"
-		})
-	}) : void 0, b = m ? /* @__PURE__ */ U("button", {
-		type: "button",
-		onClick: m,
-		"aria-label": "Edit attachment",
-		className: "flex size-10 items-center justify-center rounded-full bg-white/10 text-white hover:bg-white/15",
-		children: /* @__PURE__ */ U(Le, {
-			className: "size-5",
-			weight: "regular"
-		})
-	}) : void 0;
-	return _ && !v.isLoading ? /* @__PURE__ */ U(jn, {
-		variant: "dark",
-		bgClassName: In,
-		children: /* @__PURE__ */ W("div", {
-			className: "flex items-center gap-2 pr-3",
-			children: [/* @__PURE__ */ U("div", {
-				className: "min-w-0 flex-1",
-				children: /* @__PURE__ */ U(Ln, {
-					variant: "dark",
-					sourceUrl: s,
-					title: e,
-					mimeType: a
-				})
-			}), y && /* @__PURE__ */ U("div", {
-				className: "shrink-0",
-				children: y
-			})]
-		})
-	}) : /* @__PURE__ */ W(jn, {
-		variant: "dark",
-		fixedHeight: !g,
-		accentHex: v.accentHex,
-		busy: v.isLoading,
-		topRight: g ? y : void 0,
-		children: [!g && /* @__PURE__ */ U(Ln, {
-			variant: "dark",
-			thumbnailUrl: v.thumbnailUrl,
-			sourceUrl: s,
-			title: e,
-			mimeType: a,
-			topRight: y,
-			isLoading: v.isLoading,
-			onImageError: v.onImageError
-		}), /* @__PURE__ */ U(Dn, {
-			chinTextColor: v.chinTextColor,
-			variant: "dark",
-			ctaSurface: v.surface,
-			title: e,
-			placeholderTitle: t,
-			description: n,
-			descriptionLines: r,
-			url: i,
-			appIcon: l,
-			cta: u,
-			trailingAction: b,
-			isLoading: v.isLoading
-		})]
-	});
-}, qn = ({ accentHex: e, side: t, visible: n, children: r }) => n ? /* @__PURE__ */ W("div", {
-	className: "relative isolate w-fit",
-	children: [r, /* @__PURE__ */ U("span", {
-		"aria-hidden": !0,
-		"data-testid": "link-card-tail",
-		"data-variant": t === "sender" ? "dark" : "light",
-		style: e ? { "--accent": e } : void 0,
-		className: q("messaging-link-card-tail", t === "receiver" && "messaging-link-card-tail--received")
-	})]
-}) : /* @__PURE__ */ U(H, { children: r }), Jn = {
-	Composer: Kn,
-	Sent: ({ title: e, placeholderTitle: t, description: n, descriptionLines: r, url: i, mimeType: a, thumbnailUrl: o, sourceUrl: s, layout: c = "featured", appIcon: l, cta: u, accentColor: d, status: f = "ready", onClick: p, groupPosition: m = "single" }) => {
-		let h = Fn(a, s), g = bn(i), _ = u == null && g != null && !h ? g : void 0, v = u == null && !h && _ != null ? p : void 0, y = f !== "loading" && Pn(a, s), b = Un({
-			variant: "dark",
-			accentColor: d,
-			status: f,
-			layout: c,
-			thumbnailUrl: o,
-			mimeType: a,
-			sourceUrl: s
-		});
-		return /* @__PURE__ */ U(qn, {
-			accentHex: b.accentHex,
-			side: "sender",
-			visible: !y && (m === "single" || m === "end"),
-			children: /* @__PURE__ */ W(jn, {
-				variant: "dark",
-				href: _,
-				onClick: v,
-				fixedHeight: c === "featured" && !y,
-				accentHex: b.accentHex,
-				busy: b.isLoading,
-				bgClassName: y ? In : void 0,
-				children: [c === "featured" && /* @__PURE__ */ U(Ln, {
-					variant: "dark",
-					thumbnailUrl: b.thumbnailUrl,
-					sourceUrl: s,
-					title: e,
-					mimeType: a,
-					isLoading: b.isLoading,
-					onImageError: b.onImageError
-				}), /* @__PURE__ */ U(Dn, {
-					chinTextColor: b.chinTextColor,
-					variant: "dark",
-					ctaSurface: b.surface,
-					title: e,
-					placeholderTitle: t,
-					description: n,
-					descriptionLines: r,
-					url: i,
-					appIcon: l,
-					cta: u,
-					isLoading: b.isLoading
-				})]
-			})
-		});
-	},
-	Received: ({ title: e, description: t, descriptionLines: n, url: r, mimeType: i, thumbnailUrl: a, sourceUrl: o, layout: s = "featured", appIcon: c, cta: l, accentColor: u, status: d = "ready", onClick: f, groupPosition: p = "single" }) => {
-		let m = Fn(i, o), h = bn(r), g = l == null && h != null && !m ? h : void 0, _ = l == null && !m ? f : void 0, v = d !== "loading" && Pn(i, o) ? In : void 0, y = l && f ? {
-			...l,
-			onClick: () => {
-				f(), l.onClick?.();
-			}
-		} : l, b = Un({
-			variant: "light",
-			accentColor: u,
-			status: d,
-			layout: s,
-			thumbnailUrl: a,
-			mimeType: i,
-			sourceUrl: o
-		});
-		return /* @__PURE__ */ U(qn, {
-			accentHex: b.accentHex,
-			side: "receiver",
-			visible: v == null && (p === "single" || p === "end"),
-			children: /* @__PURE__ */ W(jn, {
-				variant: "light",
-				href: g,
-				onClick: _,
-				ariaLabel: e ?? "Open attachment preview",
-				fixedHeight: s === "featured" && v == null,
-				accentHex: b.accentHex,
-				busy: b.isLoading,
-				bgClassName: v,
-				"data-testid": "link-attachment",
-				children: [s === "featured" && /* @__PURE__ */ U(Ln, {
-					variant: "light",
-					thumbnailUrl: b.thumbnailUrl,
-					sourceUrl: o,
-					title: e,
-					mimeType: i,
-					isLoading: b.isLoading,
-					onImageError: b.onImageError
-				}), /* @__PURE__ */ U(Dn, {
-					chinTextColor: b.chinTextColor,
-					variant: "light",
-					ctaSurface: b.surface,
-					title: e,
-					description: t,
-					descriptionLines: n,
-					url: r,
-					appIcon: c,
-					cta: y,
-					isLoading: b.isLoading
-				})]
-			})
-		});
-	}
-}, Yn = {
-	dark: "bg-[#1e2330]",
-	light: "bg-[#f2f1ef]"
-}, Xn = {
-	dark: "text-white",
-	light: "text-[#000000]"
-}, Zn = {
-	dark: "border-white/[0.08]",
-	light: "border-black/[0.08]"
-}, Qn = (e) => e === "dark" ? "sender" : "receiver", $n = {
-	sender: {
-		single: "rounded-tl-[18px] rounded-tr-[18px] rounded-bl-[18px] rounded-br-[18px]",
-		first: "rounded-tl-[18px] rounded-tr-[18px] rounded-bl-[18px] rounded-br-[4px]",
-		middle: "rounded-tl-[18px] rounded-tr-[4px] rounded-bl-[18px] rounded-br-[4px]",
-		end: "rounded-tl-[18px] rounded-tr-[4px] rounded-bl-[18px] rounded-br-[18px]"
-	},
-	receiver: {
-		single: "rounded-tl-[18px] rounded-tr-[18px] rounded-bl-[18px] rounded-br-[18px]",
-		first: "rounded-tl-[18px] rounded-tr-[18px] rounded-bl-[4px] rounded-br-[18px]",
-		middle: "rounded-tl-[4px] rounded-tr-[18px] rounded-bl-[4px] rounded-br-[18px]",
-		end: "rounded-tl-[4px] rounded-tr-[18px] rounded-bl-[18px] rounded-br-[18px]"
-	}
-}, er = ({ variant: e, text: t, bordered: n = !0, groupPosition: r = "single", widthClassName: i = "w-[280px]", paddingClassName: a = "px-2 py-2", radiusClassName: o, className: s, children: c, "data-testid": l }) => {
-	let u = t != null && t !== "", d = o ?? $n[Qn(e)][r];
-	return /* @__PURE__ */ W("div", {
-		"data-testid": l,
-		"data-group-position": r,
-		className: q("relative", i, "overflow-hidden", a, u && "pb-0", d, Yn[e], Xn[e], n && "border", n && Zn[e], s),
-		children: [c, u ? /* @__PURE__ */ U("p", {
-			className: q("whitespace-pre-wrap break-words leading-snug hyphens-manual", "pb-2 pt-2", "px-2"),
-			children: t
-		}) : null]
-	});
-}, tr = ({ onClick: e, variant: t = "overlay", ariaLabel: n = "Dismiss attachment" }) => /* @__PURE__ */ U("button", {
-	type: "button",
-	onClick: (t) => {
-		t.stopPropagation(), e();
-	},
-	"aria-label": n,
-	className: q("flex size-6 items-center justify-center rounded-full text-white", t === "overlay" ? "bg-[#121110]/85 backdrop-blur" : "bg-white/15 hover:bg-white/25"),
-	children: /* @__PURE__ */ U(Je, {
-		className: "size-3",
-		weight: "bold"
-	})
-}), nr = (e) => e === "received" ? "light" : "dark", rr = ({ firstOfGroup: e, endOfGroup: t, groupedByUser: n }) => !n || e && t ? "single" : e ? "first" : t ? "end" : "middle", ir = ({ src: e, mimeType: t, filename: n, items: r }) => r && r.length > 0 ? r : e ? [{
-	src: e,
-	mimeType: t,
-	filename: n
-}] : [], ar = ({ item: e, preload: t, trailingAction: n }) => /* @__PURE__ */ W("div", {
-	className: "flex items-center gap-2",
-	children: [/* @__PURE__ */ U("audio", {
-		src: e.src,
-		controls: !0,
-		preload: e.preload ?? t,
-		className: "block min-w-0 flex-1",
-		children: e.mimeType ? /* @__PURE__ */ U("source", {
-			src: e.src,
-			type: e.mimeType
-		}) : null
-	}), n ?? null]
-}), or = ({ state: e, src: t, mimeType: n, filename: r, items: i, text: a, groupPosition: o, preload: s, onDismiss: c }) => {
-	let l = nr(e), u = e === "composer" && !!c, d = ir({
-		src: t,
-		mimeType: n,
-		filename: r,
-		items: i
-	});
-	if (d.length === 0) return null;
-	let f = s ?? (d.length > 1 ? "none" : "metadata");
-	return /* @__PURE__ */ U(er, {
-		variant: l,
-		text: a,
-		groupPosition: o,
-		"data-testid": "audio-attachment",
-		children: /* @__PURE__ */ U("div", {
-			className: "flex flex-col gap-2",
-			children: d.map((e, t) => /* @__PURE__ */ U(ar, {
-				item: e,
-				preload: f,
-				trailingAction: u && t === 0 ? /* @__PURE__ */ U(tr, {
-					onClick: c,
-					variant: "inline"
-				}) : void 0
-			}, `${e.src}-${t}`))
-		})
-	});
-}, sr = {
-	Composer: (e) => /* @__PURE__ */ U(or, {
-		...e,
-		state: "composer"
-	}),
-	Sent: (e) => /* @__PURE__ */ U(or, {
-		...e,
-		state: "sent"
-	}),
-	Received: (e) => /* @__PURE__ */ U(or, {
-		...e,
-		state: "received"
-	})
-};
-//#endregion
-//#region src/components/MessageAttachment/_shared/fileMeta.ts
-function cr(e) {
-	return !Number.isFinite(e) || e < 0 ? "" : e < 1024 ? `${e} B` : e < 1048576 ? `${(e / 1024).toFixed(1)} KB` : e < 1073741824 ? `${(e / 1048576).toFixed(2)} MB` : `${(e / 1073741824).toFixed(2)} GB`;
-}
-var lr = {
-	pdf: "PDF",
-	doc: "DOC",
-	xls: "XLS",
-	csv: "CSV",
-	ppt: "PPT",
-	zip: "ZIP",
-	text: "TXT",
-	markdown: "MD"
-};
-function ur(n, r) {
-	if (r) {
-		let e = r.lastIndexOf(".");
-		if (e > 0 && e < r.length - 1) {
-			let t = r.slice(e + 1);
-			if (t && t.length <= 5) return t.toUpperCase();
-		}
-	}
-	if (!n) return;
-	if (e(n) === "document") {
-		let e = lr[t(n)];
-		if (e) return e;
-		if (n === "application/octet-stream") return;
-	}
-	let i = n.split("/")[1];
-	if (!(!i || i === "*")) return i.toUpperCase();
-}
-function dr(e, t, n) {
-	return [ur(e, t), typeof n == "number" && n > 0 ? cr(n) : void 0].filter(Boolean).join(" · ") || void 0;
-}
-function Q(e) {
-	try {
-		let t = new URL(e).pathname.split("/").pop();
-		return t && t.length > 0 ? decodeURIComponent(t) : "download";
-	} catch {
-		return "download";
-	}
-}
-//#endregion
-//#region src/components/MessageAttachment/_shared/CompactDocumentRow.tsx
-var fr = {
-	dark: "text-white/55",
-	light: "text-black/65"
-}, pr = {
-	dark: "bg-white/10",
-	light: "bg-black/5"
-}, mr = {
-	dark: "text-white/85",
-	light: "text-black/85"
-}, hr = ({ variant: e, filename: t, title: n, mimeType: r = "application/octet-stream", fileSize: a, onActivate: o, activateLabel: s, trailingAction: c }) => {
-	let l = n ?? t ?? "File", u = dr(r, t, a), d = /* @__PURE__ */ U("div", {
-		className: q("flex size-10 shrink-0 items-center justify-center rounded-sm", pr[e]),
-		"aria-hidden": !0,
-		children: i(r, {
-			className: q("size-6", mr[e]),
-			weight: "regular"
-		})
-	}), f = /* @__PURE__ */ W("div", {
-		className: "flex min-w-0 flex-1 flex-col text-left",
-		children: [/* @__PURE__ */ U("p", {
-			className: "truncate font-medium leading-snug",
-			children: l
-		}), u ? /* @__PURE__ */ U("p", {
-			className: q("truncate text-xs leading-4", fr[e]),
-			children: u
-		}) : null]
-	}), p = o ? /* @__PURE__ */ W("button", {
-		type: "button",
-		onClick: o,
-		"aria-label": s,
-		className: q("flex min-w-0 flex-1 items-center gap-3 rounded-sm text-left transition-colors", e === "dark" ? "hover:bg-white/[0.04]" : "hover:bg-black/[0.04]"),
-		children: [d, f]
-	}) : /* @__PURE__ */ W(H, { children: [d, f] });
-	return /* @__PURE__ */ W("div", {
-		className: "flex items-center gap-3 px-3 py-2",
-		children: [p, c ? /* @__PURE__ */ U("div", {
-			className: "shrink-0",
-			children: c
-		}) : null]
-	});
-};
-//#endregion
-//#region src/components/MessageAttachment/_shared/triggerDownload.ts
-async function gr(e, t) {
-	let n = t ?? Q(e);
-	try {
-		let t = await fetch(e, { mode: "cors" });
-		if (!t.ok) throw Error(`HTTP ${t.status}`);
-		let r = await t.blob(), i = URL.createObjectURL(r), a = document.createElement("a");
-		a.href = i, a.download = n, a.style.display = "none", document.body.appendChild(a), a.click(), document.body.removeChild(a), URL.revokeObjectURL(i);
-	} catch {
-		if (!window.open(e, "_blank", "noopener,noreferrer")) {
-			let t = document.createElement("a");
-			t.href = e, t.download = n, t.target = "_blank", t.rel = "noopener noreferrer", t.style.display = "none", document.body.appendChild(t), t.click(), document.body.removeChild(t);
-		}
-	}
-}
-//#endregion
-//#region src/components/MessageAttachment/File/index.tsx
-var _r = ({ src: e, filename: t, fileSize: n, mimeType: r, title: i, items: a }) => a && a.length > 0 ? a : e ? [{
-	src: e,
-	filename: t,
-	fileSize: n,
-	mimeType: r,
-	title: i
-}] : [], vr = ({ variant: e, item: t, index: n, onActivate: r, trailingAction: i }) => {
-	let a = t.filename ?? Q(t.src);
-	return /* @__PURE__ */ U(hr, {
-		variant: e,
-		filename: a,
-		title: t.title,
-		mimeType: t.mimeType ?? "application/octet-stream",
-		fileSize: t.fileSize,
-		onActivate: () => r(n),
-		activateLabel: `Download ${a}`,
-		trailingAction: i
-	});
-}, yr = ({ state: e, src: t, filename: n, fileSize: r, mimeType: i, title: a, items: o, text: s, groupPosition: c, onClick: l, onDismiss: u }) => {
-	let d = nr(e), f = e === "composer" && !!u, p = _r({
-		src: t,
-		filename: n,
-		fileSize: r,
-		mimeType: i,
-		title: a,
-		items: o
-	}), m = (e) => {
-		if (l?.(e) === !1) return;
-		let t = p[e];
-		if (!t) return;
-		let n = t.filename ?? Q(t.src);
-		gr(t.src, n);
-	};
-	if (p.length === 0) return null;
-	let h = /* @__PURE__ */ U("span", {
-		className: q("flex size-8 items-center justify-center rounded-full", d === "dark" ? "text-white/70" : "text-black/70"),
-		"aria-hidden": !0,
-		children: /* @__PURE__ */ U(X, {
-			className: "size-5",
-			weight: "bold"
-		})
-	});
-	return /* @__PURE__ */ U(er, {
-		variant: d,
-		text: s,
-		groupPosition: c,
-		"data-testid": "file-attachment",
-		children: /* @__PURE__ */ U("div", {
-			className: "flex flex-col gap-2",
-			children: p.map((e, t) => /* @__PURE__ */ U(vr, {
-				variant: d,
-				item: e,
-				index: t,
-				onActivate: m,
-				trailingAction: f && t === 0 ? /* @__PURE__ */ U(tr, {
-					onClick: u,
-					variant: "inline"
-				}) : h
-			}, `${e.src}-${t}`))
-		})
-	});
-}, br = {
-	Composer: (e) => /* @__PURE__ */ U(yr, {
-		...e,
-		state: "composer"
-	}),
-	Sent: (e) => /* @__PURE__ */ U(yr, {
-		...e,
-		state: "sent"
-	}),
-	Received: (e) => /* @__PURE__ */ U(yr, {
-		...e,
-		state: "received"
-	})
-}, xr = "inline-flex size-10 items-center justify-center rounded-full border-0 bg-white/[0.12] p-0 text-white transition-colors duration-150 ease-[ease] hover:bg-white/[0.22] focus-visible:bg-white/[0.22] focus-visible:outline-none disabled:cursor-default disabled:opacity-40", Sr = "absolute top-1/2 z-[1] inline-flex size-12 -translate-y-1/2 items-center justify-center rounded-full border-0 bg-white/[0.12] p-0 text-white transition-colors duration-150 ease-[ease] hover:bg-white/[0.22] focus-visible:bg-white/[0.22] focus-visible:outline-none", Cr = ({ onPrev: e, onNext: t, prevLabel: n = "Previous", nextLabel: r = "Next" }) => /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U("button", {
-	type: "button",
-	onClick: e,
-	"aria-label": n,
-	className: `${Sr} left-4`,
-	children: /* @__PURE__ */ U(ke, {
-		size: 20,
-		weight: "bold",
-		"aria-hidden": !0
-	})
-}), /* @__PURE__ */ U("button", {
-	type: "button",
-	onClick: t,
-	"aria-label": r,
-	className: `${Sr} right-4`,
-	children: /* @__PURE__ */ U(Ae, {
-		size: 20,
-		weight: "bold",
-		"aria-hidden": !0
-	})
-})] }), wr = ({ url: e, filename: t, variant: n = "pill", label: r = "Download", iconOnly: i, tone: a = "dark", onTriggered: o }) => {
-	let [s, c] = h(!1), u = l((n) => {
-		n.stopPropagation(), !s && (c(!0), gr(e, t).catch(() => {}).finally(() => {
-			c(!1), o?.();
-		}));
-	}, [
-		s,
-		e,
-		t,
-		o
-	]), d = i ?? n !== "pill", f = {
-		className: q(n === "pill" ? "size-4" : "size-5", "shrink-0"),
-		weight: "bold"
-	};
-	return n === "inline" ? /* @__PURE__ */ U("button", {
-		type: "button",
-		onClick: u,
-		disabled: s,
-		"aria-label": r,
-		className: q("flex size-8 shrink-0 items-center justify-center rounded-full transition-colors disabled:opacity-70", {
-			dark: "text-white/70 hover:bg-white/[0.08] hover:text-white",
-			light: "text-black/70 hover:bg-black/[0.08] hover:text-black"
-		}[a]),
-		children: s ? /* @__PURE__ */ U(J, {
-			className: "size-4 animate-spin",
-			weight: "bold",
-			"aria-hidden": !0
-		}) : /* @__PURE__ */ U(X, {
-			className: "size-5 shrink-0",
-			weight: "bold",
-			"aria-hidden": !0
-		})
-	}) : n === "viewer" ? /* @__PURE__ */ U("button", {
-		type: "button",
-		onClick: u,
-		disabled: s,
-		"aria-label": r,
-		className: xr,
-		children: U(s ? J : X, {
-			size: 20,
-			weight: "bold",
-			"aria-hidden": !0
-		})
-	}) : /* @__PURE__ */ W("button", {
-		type: "button",
-		onClick: u,
-		disabled: s,
-		"aria-label": d ? r : void 0,
-		className: q("mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounded-full px-4 text-sm font-medium leading-none transition-colors disabled:opacity-70", a === "dark" ? "bg-[#121110] text-white hover:bg-[#2a2928]" : "bg-white text-[#121110] hover:bg-white/90"),
-		children: [s ? /* @__PURE__ */ U(J, {
-			className: "size-4 animate-spin",
-			weight: "bold",
-			"aria-hidden": !0
-		}) : /* @__PURE__ */ U(X, {
-			...f,
-			"aria-hidden": !0
-		}), d ? null : r]
-	});
-}, Tr = (e, t, n) => Math.min(Math.max(e, t), n), Er = ({ length: e, initialIndex: t, open: n }) => {
-	let r = Tr(t, 0, Math.max(e - 1, 0)), [i, a] = h(r);
-	d(() => {
-		n && a(Tr(t, 0, Math.max(e - 1, 0)));
-	}, [
-		n,
-		t,
-		e
-	]), d(() => {
-		a((t) => Tr(t, 0, Math.max(e - 1, 0)));
-	}, [e]);
-	let o = l(() => {
-		e <= 1 || a((t) => t <= 0 ? e - 1 : t - 1);
-	}, [e]), s = l(() => {
-		e <= 1 || a((t) => t >= e - 1 ? 0 : t + 1);
-	}, [e]);
-	return d(() => {
-		if (!n || e <= 1) return;
-		let t = (e) => {
-			if (e.key !== "ArrowLeft" && e.key !== "ArrowRight") return;
-			let t = document.activeElement;
-			t && (t.tagName === "VIDEO" || t.tagName === "AUDIO") || (e.preventDefault(), e.key === "ArrowLeft" ? o() : s());
-		};
-		return window.addEventListener("keydown", t), () => window.removeEventListener("keydown", t);
-	}, [
-		n,
-		e,
-		o,
-		s
-	]), {
-		index: i,
-		prev: o,
-		next: s
-	};
-}, Dr = ({ open: e, onClose: t, ariaLabel: n, counter: r, actions: i, children: a, "data-testid": o }) => {
-	let s = m(null), c = m(null);
-	return d(() => {
-		let t = s.current;
-		if (t) {
-			if (e) {
-				if (!t.open) {
-					if (typeof t.showModal == "function") try {
-						t.showModal();
-					} catch {
-						t.setAttribute("open", "");
-					}
-					else t.setAttribute("open", "");
-				}
-				let e = typeof document < "u" ? document.activeElement : null;
-				return c.current?.focus(), () => {
-					if (t.open) {
-						if (typeof t.close == "function") try {
-							t.close();
-						} catch {
-							t.removeAttribute("open");
-						}
-						else t.removeAttribute("open");
-					}
-					e && document.body.contains(e) && e.focus();
-				};
-			}
-			if (t.open) {
-				if (typeof t.close == "function") try {
-					t.close();
-				} catch {
-					t.removeAttribute("open");
-				}
-				else t.removeAttribute("open");
-			}
-		}
-	}, [e]), /* @__PURE__ */ W("dialog", {
-		ref: s,
-		className: "mes-media-viewer",
-		"aria-label": n ?? "Attachment viewer",
-		"data-testid": o,
-		onClose: () => {
-			t();
-		},
-		onClick: (e) => {
-			e.target === s.current && t();
-		},
-		children: [/* @__PURE__ */ W("div", {
-			className: "pointer-events-none absolute inset-x-3 top-3 z-[1] flex items-center justify-between gap-3",
-			children: [r ? /* @__PURE__ */ U("span", {
-				className: "pointer-events-auto inline-flex items-center rounded-full bg-white/[0.12] px-3 py-1.5 text-[13px] font-medium leading-none tabular-nums text-white",
-				children: r
-			}) : null, /* @__PURE__ */ W("div", {
-				className: "pointer-events-auto ml-auto inline-flex items-center gap-2",
-				children: [i, /* @__PURE__ */ U("button", {
-					ref: c,
-					type: "button",
-					onClick: t,
-					"aria-label": "Close viewer",
-					className: xr,
-					children: /* @__PURE__ */ U(Je, {
-						size: 20,
-						weight: "bold",
-						"aria-hidden": !0
-					})
-				})]
-			})]
-		}), /* @__PURE__ */ U("div", {
-			className: "box-border flex h-full w-full items-center justify-center px-6 py-16",
-			children: a
-		})]
-	});
-}, Or = ({ open: e, items: t, initialIndex: n = 0, onClose: r }) => {
-	let { index: i, prev: a, next: o } = Er({
-		length: t.length,
-		initialIndex: n,
-		open: e
-	}), s = t[i], c = p(() => s?.filename ?? (s ? Q(s.src) : "image"), [s]);
-	return s ? /* @__PURE__ */ W(Dr, {
-		open: e,
-		onClose: r,
-		ariaLabel: c,
-		counter: t.length > 1 ? `${i + 1} / ${t.length}` : void 0,
-		actions: /* @__PURE__ */ U(wr, {
-			url: s.src,
-			filename: c,
-			variant: "viewer",
-			label: `Download ${c}`
-		}),
-		"data-testid": "image-viewer",
-		children: [e ? /* @__PURE__ */ U("img", {
-			src: s.src,
-			alt: s.alt ?? c,
-			draggable: !1,
-			decoding: "async",
-			className: "block h-auto max-h-[calc(100dvh-128px)] w-auto max-w-[min(96vw,1400px)] select-none object-contain"
-		}, `${i}:${s.src}`) : null, t.length > 1 ? /* @__PURE__ */ U(Cr, {
-			onPrev: a,
-			onNext: o,
-			prevLabel: "Previous image",
-			nextLabel: "Next image"
-		}) : null]
-	}) : null;
-}, kr = "relative block size-full overflow-hidden bg-black/5 outline-none after:pointer-events-none after:absolute after:inset-0 after:rounded-[inherit] focus-visible:after:ring-2 focus-visible:after:ring-inset focus-visible:after:ring-white/80 focus-visible:after:ring-offset-2 focus-visible:after:ring-offset-black", Ar = {
-	1: ["rounded-[18px]"],
-	2: ["rounded-l-[18px]", "rounded-r-[18px]"],
-	3: [
-		"rounded-l-[18px]",
-		"rounded-tr-[18px]",
-		"rounded-br-[18px]"
-	],
-	4: [
-		"rounded-tl-[18px]",
-		"rounded-tr-[18px]",
-		"rounded-bl-[18px]",
-		"rounded-br-[18px]"
-	]
-}, jr = "--mes-single-width-cap", Mr = "[--mes-single-width-cap:309px] sm:[--mes-single-width-cap:326px]", Nr = 436, Pr = ({ tiles: e, onTileActivate: t, maxVisible: n = 4, singleAspectRatio: r, className: i }) => {
-	let a = e.length;
-	if (a === 0) return null;
-	let o = e.slice(0, Math.min(a, n)), s = a - o.length, c = (e, n, r) => {
-		let i = q(kr, "h-full w-full", Ar[o.length]?.[n]);
-		return t ? /* @__PURE__ */ W("button", {
-			type: "button",
-			onClick: () => t(n),
-			"aria-label": e.ariaLabel ?? `Open media ${n + 1}`,
-			className: q(i, "cursor-zoom-in"),
-			children: [e.content, r]
-		}, n) : /* @__PURE__ */ W("div", {
-			className: i,
-			children: [e.content, r]
-		}, n);
-	}, l;
-	return r && (l = {
-		aspectRatio: r,
-		width: `min(var(${jr}), ${Math.round(Nr * r * 100) / 100}px)`,
-		maxWidth: "100%"
-	}), o.length === 1 ? /* @__PURE__ */ U("div", {
-		className: q(r ? Mr : "aspect-square w-full", i),
-		style: l,
-		children: c(o[0], 0)
-	}) : o.length === 2 ? /* @__PURE__ */ U("div", {
-		className: q("grid aspect-[16/9] w-full grid-cols-2 gap-0.5", i),
-		children: o.map((e, t) => c(e, t))
-	}) : o.length === 3 ? /* @__PURE__ */ W("div", {
-		className: q("grid aspect-[4/3] w-full grid-cols-2 grid-rows-2 gap-0.5", i),
-		children: [
-			/* @__PURE__ */ U("div", {
-				className: "row-span-2",
-				children: c(o[0], 0)
-			}),
-			c(o[1], 1),
-			c(o[2], 2)
-		]
-	}) : /* @__PURE__ */ U("div", {
-		className: q("grid aspect-[379/286] w-full grid-cols-2 grid-rows-2 gap-0.5", i),
-		children: o.map((e, t) => {
-			let n = s > 0 && t === o.length - 1;
-			return c(e, t, n ? /* @__PURE__ */ W("div", {
-				className: "absolute inset-0 flex items-center justify-center bg-black/55 text-2xl font-semibold text-white",
-				children: ["+", s]
-			}) : null);
-		})
-	});
-}, Fr = (e) => {
-	let [t, n] = h(!1), [r, i] = h(0);
-	return {
-		viewerOpen: t,
-		viewerIndex: r,
-		handleActivate: l((t) => {
-			e?.(t) !== !1 && (i(t), n(!0));
-		}, [e]),
-		closeViewer: l(() => n(!1), [])
-	};
-}, Ir = ({ item: e, index: t, totalCount: n, fallbackLoading: i, imgRef: a, onLoad: o }) => ({
-	ariaLabel: `Open image ${t + 1} of ${n}`,
-	content: /* @__PURE__ */ U("img", {
-		ref: a,
-		src: r(e.src) ?? e.src,
-		alt: e.alt ?? "",
-		width: e.width,
-		height: e.height,
-		draggable: !1,
-		loading: e.loading ?? i,
-		decoding: "async",
-		onLoad: o,
-		className: "absolute inset-0 size-full object-cover"
-	})
-}), Lr = ({ src: e, alt: t, items: n }) => n && n.length > 0 ? n : e ? [{
-	src: e,
-	alt: t
-}] : [], Rr = (e, t) => e.map((n, r) => ({
-	src: n.src,
-	alt: n.alt,
-	filename: t && e.length === 1 ? t : t ? `${t} (${r + 1})` : void 0
-})), zr = ({ src: e, alt: t, filename: n, loading: i = "lazy", onClick: a, onDismiss: o }) => {
-	let { viewerOpen: s, viewerIndex: c, handleActivate: l, closeViewer: u } = Fr(a);
-	return /* @__PURE__ */ W("div", {
-		className: "relative w-fit",
-		children: [
-			/* @__PURE__ */ U("button", {
-				type: "button",
-				onClick: () => l(0),
-				"aria-label": "Open image",
-				className: "block size-[280px] cursor-zoom-in overflow-hidden rounded-md outline-none focus-visible:ring-2 focus-visible:ring-black/40",
-				children: /* @__PURE__ */ U("img", {
-					src: r(e) ?? e,
-					alt: t ?? "",
-					draggable: !1,
-					loading: i,
-					decoding: "async",
-					className: "size-full object-cover"
-				})
-			}),
-			o ? /* @__PURE__ */ U("div", {
-				className: "absolute right-2 top-2 z-10",
-				children: /* @__PURE__ */ U(tr, { onClick: o })
-			}) : null,
-			/* @__PURE__ */ U(Or, {
-				open: s,
-				items: Rr([{
-					src: e,
-					alt: t
-				}], n),
-				initialIndex: c,
-				onClose: u
-			})
-		]
-	});
-}, Br = 326 / 246, Vr = (e) => {
-	let t = e?.src, [n, r] = o.useState(), i = o.useCallback((e) => {
-		if (!e || e.naturalWidth <= 0 || e.naturalHeight <= 0 || t === void 0) return;
-		let n = e.naturalWidth / e.naturalHeight;
-		r((e) => e && e.src === t && e.ratio === n ? e : {
-			src: t,
-			ratio: n
-		});
-	}, [t]), a = o.useCallback((e) => i(e.currentTarget), [i]), s = e?.width && e?.height ? e.width / e.height : void 0, c = n && n.src === t ? n.ratio : void 0;
-	return {
-		ratio: s ?? c ?? Br,
-		imgRef: i,
-		onLoad: a
-	};
-}, Hr = ({ state: e, src: t, alt: n, filename: r, items: i, text: a, groupPosition: o, loading: s = "lazy", onClick: c }) => {
-	let l = Lr({
-		src: t,
-		alt: n,
-		items: i
-	}), u = nr(e), { viewerOpen: d, viewerIndex: f, handleActivate: p, closeViewer: m } = Fr(c), h = l.length === 1, g = Vr(h ? l[0] : void 0);
-	if (l.length === 0) return null;
-	let _ = l.map((e, t) => Ir({
-		item: e,
-		index: t,
-		totalCount: l.length,
-		fallbackLoading: s,
-		imgRef: h ? g.imgRef : void 0,
-		onLoad: h ? g.onLoad : void 0
-	}));
-	return /* @__PURE__ */ W(er, {
-		variant: u,
-		text: a,
-		groupPosition: o,
-		bordered: !1,
-		widthClassName: h ? "w-fit max-w-[min(100%,313px)] sm:max-w-[min(100%,330px)]" : "w-[383px] max-w-full",
-		paddingClassName: "p-0.5",
-		radiusClassName: "rounded-[20px]",
-		"data-testid": "image-attachment",
-		children: [/* @__PURE__ */ U("div", {
-			className: "relative",
-			children: /* @__PURE__ */ U(Pr, {
-				tiles: _,
-				onTileActivate: p,
-				singleAspectRatio: h ? g.ratio : void 0
-			})
-		}), /* @__PURE__ */ U(Or, {
-			open: d,
-			items: Rr(l, r),
-			initialIndex: f,
-			onClose: m
-		})]
-	});
-}, Ur = {
-	Composer: (e) => /* @__PURE__ */ U(zr, { ...e }),
-	Sent: (e) => /* @__PURE__ */ U(Hr, {
-		...e,
-		state: "sent"
-	}),
-	Received: (e) => /* @__PURE__ */ U(Hr, {
-		...e,
-		state: "received"
-	})
-}, Wr = ({ open: e, items: t, initialIndex: n = 0, onClose: r }) => {
-	let { index: i, prev: a, next: o } = Er({
-		length: t.length,
-		initialIndex: n,
-		open: e
-	}), s = t[i], c = p(() => s?.filename ?? (s ? Q(s.src) : "document"), [s]), l = p(() => s ? Gr(s.src) : void 0, [s]);
-	return !s || !l ? null : /* @__PURE__ */ W(Dr, {
-		open: e,
-		onClose: r,
-		ariaLabel: c,
-		counter: t.length > 1 ? `${i + 1} / ${t.length}` : void 0,
-		"data-testid": "pdf-viewer",
-		children: [/* @__PURE__ */ U("iframe", {
-			src: l,
-			title: c,
-			className: "block h-[calc(100dvh-128px)] w-[min(96vw,1400px)] border-0 bg-white",
-			sandbox: "allow-scripts allow-forms allow-popups allow-downloads"
-		}, `${i}:${s.src}`), t.length > 1 ? /* @__PURE__ */ U(Cr, {
-			onPrev: a,
-			onNext: o,
-			prevLabel: "Previous document",
-			nextLabel: "Next document"
-		}) : null]
-	});
-}, Gr = (e) => {
-	let t = e.indexOf("#"), n = t === -1 ? e : e.slice(0, t), r = t === -1 ? "" : e.slice(t + 1), i = new URLSearchParams(r);
-	return i.has("toolbar") || i.set("toolbar", "0"), i.has("navpanes") || i.set("navpanes", "0"), `${n}#${i.toString()}`;
-}, Kr = ({ src: e, filename: t, fileSize: n, title: r, items: i }) => i && i.length > 0 ? i : e ? [{
-	src: e,
-	filename: t,
-	fileSize: n,
-	title: r
-}] : [], qr = ({ variant: e, item: t, index: n, onActivate: r, trailingAction: i }) => {
-	let a = t.filename ?? Q(t.src);
-	return /* @__PURE__ */ U(hr, {
-		variant: e,
-		filename: a,
-		title: t.title,
-		mimeType: "application/pdf",
-		fileSize: t.fileSize,
-		onActivate: () => r(n),
-		activateLabel: `Open ${a}`,
-		trailingAction: i
-	});
-}, Jr = ({ state: e, src: t, filename: n, fileSize: r, title: i, items: a, text: o, groupPosition: s, onClick: c, onDismiss: l }) => {
-	let u = nr(e), d = Kr({
-		src: t,
-		filename: n,
-		fileSize: r,
-		title: i,
-		items: a
-	}), { viewerOpen: f, viewerIndex: p, handleActivate: m, closeViewer: h } = Fr(c), g = e === "composer" && !!l;
-	if (d.length === 0) return null;
-	let _ = d.map((e) => ({
-		src: e.src,
-		filename: e.filename ?? Q(e.src)
-	}));
-	return /* @__PURE__ */ W(er, {
-		variant: u,
-		text: o,
-		groupPosition: s,
-		"data-testid": "pdf-attachment",
-		children: [/* @__PURE__ */ U("div", {
-			className: "flex flex-col gap-2",
-			children: d.map((t, n) => {
-				let r = t.filename ?? Q(t.src), i = g && n === 0 ? /* @__PURE__ */ U(tr, {
-					onClick: l,
-					variant: "inline"
-				}) : e === "composer" ? void 0 : /* @__PURE__ */ U(wr, {
-					url: t.src,
-					filename: r,
-					variant: "inline",
-					label: `Download ${r}`,
-					tone: u
-				});
-				return /* @__PURE__ */ U(qr, {
-					variant: u,
-					item: t,
-					index: n,
-					onActivate: m,
-					trailingAction: i
-				}, `${t.src}-${n}`);
-			})
-		}), /* @__PURE__ */ U(Wr, {
-			open: f,
-			items: _,
-			initialIndex: p,
-			onClose: h
-		})]
-	});
-}, Yr = {
-	Composer: (e) => /* @__PURE__ */ U(Jr, {
-		...e,
-		state: "composer"
-	}),
-	Sent: (e) => /* @__PURE__ */ U(Jr, {
-		...e,
-		state: "sent"
-	}),
-	Received: (e) => /* @__PURE__ */ U(Jr, {
-		...e,
-		state: "received"
-	})
-}, Xr = ({ open: e, items: t, initialIndex: n = 0, onClose: r }) => {
-	let { index: i, prev: a, next: o } = Er({
-		length: t.length,
-		initialIndex: n,
-		open: e
-	}), s = t[i], c = p(() => s?.filename ?? (s ? Q(s.src) : "video"), [s]);
-	return s ? /* @__PURE__ */ W(Dr, {
-		open: e,
-		onClose: r,
-		ariaLabel: c,
-		counter: t.length > 1 ? `${i + 1} / ${t.length}` : void 0,
-		"data-testid": "video-viewer",
-		children: [/* @__PURE__ */ U("video", {
-			src: s.src,
-			poster: s.poster,
-			controls: !0,
-			autoPlay: !0,
-			muted: !0,
-			playsInline: !0,
-			preload: s.preload ?? "metadata",
-			className: "block h-auto max-h-[calc(100dvh-128px)] w-auto max-w-[min(96vw,1400px)] bg-black",
-			children: s.mimeType ? /* @__PURE__ */ U("source", {
-				src: s.src,
-				type: s.mimeType
-			}) : null
-		}, `${i}:${s.src}`), t.length > 1 ? /* @__PURE__ */ U(Cr, {
-			onPrev: a,
-			onNext: o,
-			prevLabel: "Previous video",
-			nextLabel: "Next video"
-		}) : null]
-	}) : null;
-}, Zr = () => /* @__PURE__ */ U("div", {
-	className: "pointer-events-none absolute inset-0 flex items-center justify-center",
-	children: /* @__PURE__ */ U("span", {
-		className: "flex size-12 items-center justify-center rounded-full bg-black/55 text-white backdrop-blur",
-		children: /* @__PURE__ */ U(Re, {
-			className: "size-6",
-			weight: "fill",
-			"aria-hidden": !0
-		})
-	})
-}), Qr = ({ item: e, index: t }) => /* @__PURE__ */ W("div", {
-	className: "absolute inset-0 size-full bg-[#0d0d0d]",
-	children: [e.poster ? /* @__PURE__ */ U("img", {
-		src: e.poster,
-		alt: `Video ${t + 1} thumbnail`,
-		draggable: !1,
-		loading: "lazy",
-		decoding: "async",
-		className: "absolute inset-0 size-full object-cover"
-	}) : /* @__PURE__ */ U("div", {
-		className: "absolute inset-0 flex items-center justify-center",
-		children: /* @__PURE__ */ U(Ke, {
-			className: "size-16 text-white/30",
-			weight: "regular",
-			"aria-hidden": !0
-		})
-	}), /* @__PURE__ */ U(Zr, {})]
-}), $r = (e, t, n) => ({
-	ariaLabel: `Play video ${t + 1} of ${n}`,
-	content: /* @__PURE__ */ U(Qr, {
-		item: e,
-		index: t
-	})
-}), ei = ({ src: e, poster: t, mimeType: n, preload: r, items: i }) => i && i.length > 0 ? r ? i.map((e) => ({
-	...e,
-	preload: e.preload ?? r
-})) : i : e ? [{
-	src: e,
-	poster: t,
-	mimeType: n,
-	preload: r
-}] : [], ti = (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
-})), ni = ({ src: e, poster: t, mimeType: n, filename: r, preload: i, onClick: a, onDismiss: o }) => {
-	let { viewerOpen: s, viewerIndex: c, handleActivate: l, closeViewer: u } = Fr(a);
-	return /* @__PURE__ */ W("div", {
-		className: "relative w-fit",
-		children: [
-			/* @__PURE__ */ U("button", {
-				type: "button",
-				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(Qr, {
-					item: {
-						src: e,
-						poster: t,
-						mimeType: n
-					},
-					index: 0
-				})
-			}),
-			o ? /* @__PURE__ */ U("div", {
-				className: "absolute right-2 top-2 z-10",
-				children: /* @__PURE__ */ U(tr, { onClick: o })
-			}) : null,
-			/* @__PURE__ */ U(Xr, {
-				open: s,
-				items: ti([{
-					src: e,
-					poster: t,
-					mimeType: n,
-					preload: i
-				}], r),
-				initialIndex: c,
-				onClose: u
-			})
-		]
-	});
-}, ri = ({ state: e, src: t, poster: n, mimeType: r, filename: i, items: a, text: o, groupPosition: s, preload: c, onClick: l }) => {
-	let u = ei({
-		src: t,
-		poster: n,
-		mimeType: r,
-		preload: c,
-		items: a
-	}), d = nr(e), { viewerOpen: f, viewerIndex: p, handleActivate: m, closeViewer: h } = Fr(l);
-	if (u.length === 0) return null;
-	let g = u.map((e, t) => $r(e, t, u.length));
-	return /* @__PURE__ */ W(er, {
-		variant: d,
-		text: o,
-		groupPosition: s,
-		"data-testid": "video-attachment",
-		children: [/* @__PURE__ */ U("div", {
-			className: "relative",
-			children: /* @__PURE__ */ U(Pr, {
-				tiles: g,
-				onTileActivate: m
-			})
-		}), /* @__PURE__ */ U(Xr, {
-			open: f,
-			items: ti(u, i),
-			initialIndex: p,
-			onClose: h
-		})]
-	});
-}, ii = {
-	Image: Ur,
-	Video: {
-		Composer: (e) => /* @__PURE__ */ U(ni, { ...e }),
-		Sent: (e) => /* @__PURE__ */ U(ri, {
-			...e,
-			state: "sent"
-		}),
-		Received: (e) => /* @__PURE__ */ U(ri, {
-			...e,
-			state: "received"
-		})
-	},
-	Audio: sr,
-	Pdf: Yr,
-	File: br
-};
-//#endregion
-//#region src/components/CustomMessage/StreamAttachmentMessage.tsx
-function $(e) {
-	return e?.trim() || void 0;
-}
-function ai(e) {
-	return e.trim().replace(/^https?:\/\//i, "").replace(/\/+$/, "").toLowerCase();
-}
-function oi(e, t) {
-	if (!e?.trim() || !t?.trim()) return !1;
-	let n = ai(e), r = ai(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 si(e) {
-	let t = $(e.og_scrape_url) ?? $(e.title_link), n = $(e.image_url) ?? $(e.thumb_url), i = $(e.asset_url), a = $(e.mime_type);
-	return {
-		title: $(e.title),
-		description: $(e.text),
-		url: t,
-		thumbnailUrl: r(n),
-		sourceUrl: i,
-		layout: n || Fn(a, i) ? "featured" : "classic",
-		mimeType: a,
-		accentColor: $(e.accent_color),
-		status: "ready"
-	};
-}
-function ci(e) {
-	return jt(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 li(e) {
-	if (!e?.length) return [];
-	let t = [], n = (e, n) => {
-		let r = t[t.length - 1];
-		if (r?.type === "media" && r.kind === e) {
-			r.attachments.push(n);
-			return;
-		}
-		t.push({
-			type: "media",
-			kind: e,
-			attachments: [n]
-		});
-	}, r = (e) => {
-		let n = t[t.length - 1];
-		if (n?.type === "link") {
-			n.attachments.push(e);
-			return;
-		}
-		t.push({
-			type: "link",
-			attachments: [e]
-		});
-	};
-	for (let t of e) {
-		if (jt(t)) {
-			r(t);
-			continue;
-		}
-		let e = ci(t);
-		e && n(e, t);
-	}
-	return t;
-}
-function ui(e) {
-	return e.filter((e) => e.type === "media").length;
-}
-function di(e, t, n) {
-	return t <= 1 ? n : e === 0 ? "first" : e === t - 1 ? "end" : "middle";
-}
-function fi(e) {
-	return $(e.image_url) ?? $(e.asset_url) ?? "";
-}
-function pi(e) {
-	switch (e) {
-		case "image": return ii.Image;
-		case "video": return ii.Video;
-		case "audio": return ii.Audio;
-		case "pdf": return ii.Pdf;
-		default: return ii.File;
-	}
-}
-function mi(e, t) {
-	switch (e) {
-		case "image": return {
-			src: fi(t),
-			alt: $(t.title)
-		};
-		case "video": return {
-			src: $(t.asset_url) ?? "",
-			poster: $(t.thumb_url),
-			mimeType: $(t.mime_type)
-		};
-		case "audio": return {
-			src: $(t.asset_url) ?? "",
-			mimeType: $(t.mime_type) ?? "audio/mpeg",
-			filename: $(t.title)
-		};
-		case "pdf": return {
-			src: $(t.asset_url) ?? "",
-			filename: $(t.title),
-			fileSize: t.file_size
-		};
-		case "file": return {
-			src: $(t.asset_url) ?? "",
-			filename: $(t.title),
-			fileSize: t.file_size,
-			mimeType: $(t.mime_type) ?? "application/octet-stream"
-		};
-	}
-}
-function hi(e, t) {
-	if (t.length > 1) return { items: t.map((t) => mi(e, t)) };
-	let n = t[0];
-	return n ? mi(e, n) : {};
-}
-function gi({ groupPosition: e, isMyMessage: t, segment: n }) {
-	let r = pi(n.kind), i = {
-		...hi(n.kind, n.attachments),
-		groupPosition: e
-	};
-	return U(t ? r.Sent : r.Received, { ...i });
-}
-var _i = ({ groupPosition: e, isMyMessage: t, message: n, renderText: r }) => {
-	let i = li(n.attachments);
-	if (i.length === 0) return null;
-	let a = ui(i), o = n.text?.trim(), s = i.find((e) => e.type === "link"), c = s?.type === "link" ? si(s.attachments[0] ?? {}).url : void 0, l = o && oi(o, c) ? void 0 : o, u = 0, d = [], f = l ? "middle" : e, p = e === "single" || e === "end", m = (e, n, r) => {
-		let i = t ? Jn.Sent : Jn.Received;
-		d.push(/* @__PURE__ */ U(i, {
-			...si(e),
-			groupPosition: r ? f : "middle"
-		}, n));
-	}, h = (n, r) => {
-		let i = di(u, a, e);
-		u += 1, d.push(/* @__PURE__ */ U(gi, {
-			groupPosition: i,
-			isMyMessage: t,
-			segment: n
-		}, r));
-	};
-	return i.forEach((e, t) => {
-		let n = t === i.length - 1;
-		if (e.type === "link") {
-			e.attachments.forEach((r, i) => {
-				m(r, `link-${t}-${i}`, n && i === e.attachments.length - 1);
-			});
-			return;
-		}
-		h(e, `media-${t}`);
-	}), /* @__PURE__ */ W("div", {
-		className: "str-chat__message-bubble-wrapper",
-		children: [/* @__PURE__ */ W("div", {
-			className: "str-chat__message-bubble",
-			"data-attachment-bubble": "true",
-			style: {
-				background: "transparent",
-				borderRadius: 0,
-				overflow: "visible",
-				padding: 0
-			},
-			children: [d, !l && /* @__PURE__ */ U(M, {})]
-		}), l ? /* @__PURE__ */ W("div", {
-			className: q("str-chat__message-bubble", { "relative isolate": p }),
-			children: [
-				/* @__PURE__ */ U(R, {
-					message: n,
-					renderText: r
-				}),
-				/* @__PURE__ */ U(M, {}),
-				p && /* @__PURE__ */ U(rn, { side: t ? "me" : "other" })
-			]
-		}) : null]
-	});
-}, vi = 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 } = me("CustomMessage"), { channel: C } = pe("CustomMessage"), { isUnlocking: w, onUnlockClick: T, onFetchSource: D, onDownloadClick: N } = Ht("LockedAttachment"), [F, L] = h(!1), z = ye(m.id), { Attachment: te = b, EditMessageModal: ie = E, MessageActions: B, MessageBlocked: ae = O, MessageBouncePrompt: oe = A, MessageDeleted: fe = j, MessageIsThreadReplyInChannelButtonIndicator: ge = P, MessageRepliesCountButton: _e = I, ReminderNotification: V = ne, StreamedMessageText: ve = re, PinIndicator: be } = he("CustomMessage"), xe = ue(m), G = de(m), Se = p(() => d?.(m), [d, m]), K = p(() => {
-		let e = m.attachments ?? [], t = m.shared_location ? [m.shared_location, ...e] : e;
-		if (!Yt(m)) return t;
-		let n = t.filter((e) => !("type" in e) || !jt(e));
-		return n.length === t.length ? t : n;
-	}, [m]), Ce = p(() => li(K), [K]), we = p(() => {
-		let e = St({
-			message: m,
-			viewerLanguage: v
-		});
-		return e === m.text ? m : {
-			...m,
-			text: e
-		};
-	}, [m, v]), Te = Ce.length > 0, Ee = Ce.reduce((e, t) => e + t.attachments.length, 0) === (K?.length ?? 0), De = a?.[0] ?? "", Oe = De === "top" ? "first" : De === "middle" ? "middle" : De === "bottom" ? "end" : "single", ke = De === "single" || De === "bottom";
-	if (se(m)) return null;
-	if (m.deleted_at || m.type === "deleted") return /* @__PURE__ */ U(fe, { message: m });
-	if (ce(m)) return /* @__PURE__ */ U(ae, {});
-	let Ae = !_ && !!m.reply_count, je = !_ && m.show_in_channel && m.parent_id, J = m.status === "failed" && m.error?.status !== 403, Me = le(m), Y;
-	J ? Y = () => l(m) : Me && (Y = () => L(!0));
-	let X = f(), Ne = q("str-chat__message str-chat__message-simple", `str-chat__message--${m.type}`, `str-chat__message--${m.status}`, X ? "str-chat__message--me str-chat__message-simple--me" : "str-chat__message--other", m.text ? "str-chat__message--has-text" : "has-no-text", {
-		"str-chat__message--has-attachment": xe,
-		"str-chat__message--highlighted": u,
-		"str-chat__message--pinned pinned-message": m.pinned,
-		"str-chat__message--with-reactions": G,
-		"str-chat__message-send-can-be-retried": m?.status === "failed" && m?.error?.status !== 403,
-		"str-chat__message-with-thread-link": Ae || je,
-		"str-chat__virtual-message__wrapper--end": r,
-		"str-chat__virtual-message__wrapper--first": i,
-		"str-chat__virtual-message__wrapper--group": o
-	}), Pe = m.poll_id && S.polls.fromState(m.poll_id), Fe = un(m), Ie = Yt(m), Le = Xt(m), Re = !!(K?.length && !m.quoted_message), ze = Ie && X && Re, Be = Te && Ee && !m.quoted_message && !Pe && !Se && !Ie, Ve = {
-		contentType: "text",
-		amountText: m.metadata?.amount_text,
-		paymentStatus: m.metadata?.payment_status,
-		renderedText: m.text && /* @__PURE__ */ U(R, {
-			message: we,
-			renderText: g
-		})
-	}, He = {
-		contentType: "media",
-		title: m.metadata?.attachment_title,
-		mimeType: m.metadata?.attachment_mime_type,
-		thumbnailUrl: m.metadata?.attachment_thumbnail,
-		amountText: m.metadata?.amount_text,
-		detail: m.metadata?.attachment_detail,
-		paymentStatus: m.metadata?.payment_status,
-		onFetchSource: D ? () => D(m, C) : void 0
-	}, Ue = /* @__PURE__ */ W("div", {
-		className: q("str-chat__message-bubble", { "relative isolate": ke }),
-		children: [/* @__PURE__ */ U(R, {
-			message: we,
-			renderText: g
-		}), ke && /* @__PURE__ */ U(rn, { side: X ? "me" : "other" })]
-	});
-	return /* @__PURE__ */ W(H, { children: [
-		n && /* @__PURE__ */ U(ie, { additionalMessageInputProps: t }),
-		F && /* @__PURE__ */ U(k, {
-			MessageBouncePrompt: oe,
-			onClose: () => L(!1),
-			open: F
-		}),
-		/* @__PURE__ */ W("div", {
-			className: Ne,
-			"data-message-id": m.id,
-			"data-dd-privacy": "mask",
-			children: [
-				be && /* @__PURE__ */ U(be, {}),
-				!!z && /* @__PURE__ */ U(V, { reminder: z }),
-				m.user && /* @__PURE__ */ U(Z, {
-					className: "str-chat__avatar str-chat__message-sender-avatar",
-					id: m.user.id,
-					image: m.user.image,
-					name: m.user.name || m.user.id,
-					size: 24,
-					shape: "circle",
-					dmAgentEnabled: Ie
-				}),
-				/* @__PURE__ */ U("div", {
-					className: q("str-chat__message-inner", { "str-chat__simple-message--error-failed": J || Me }),
-					"data-testid": "message-inner",
-					onClick: Y,
-					onKeyDown: Y,
-					role: Y ? "button" : void 0,
-					tabIndex: Y ? 0 : void 0,
-					style: {
-						marginInlineEnd: 0,
-						marginInlineStart: 0
-					},
-					children: Fe ? /* @__PURE__ */ W("div", {
-						className: "str-chat__message-bubble-wrapper message-tip-wrapper",
-						children: [/* @__PURE__ */ U(dn, { message: m }), m.text?.trim() && Ue]
-					}) : Zt(m) ? /* @__PURE__ */ U("div", {
-						className: "str-chat__message-bubble-wrapper",
-						children: /* @__PURE__ */ W("div", {
-							className: "flex items-center gap-2",
-							children: [
-								X && B && /* @__PURE__ */ U(B, {}),
-								X ? /* @__PURE__ */ U(Kt, {
-									...Ve,
-									isMine: !0
-								}) : /* @__PURE__ */ U(Kt, {
-									...Ve,
-									isMine: !1,
-									isUnlocking: w(m.id),
-									onUnlockClick: () => T?.(m, C)
-								}),
-								!X && B && /* @__PURE__ */ U(B, {})
-							]
-						})
-					}) : Qt(m) ? /* @__PURE__ */ W("div", {
-						className: "str-chat__message-bubble-wrapper message-locked-attachment-wrapper",
-						children: [/* @__PURE__ */ W("div", {
-							className: "flex items-center gap-2",
-							children: [
-								X && B && /* @__PURE__ */ U(B, {}),
-								X ? /* @__PURE__ */ U(Kt, {
-									...He,
-									isMine: !0,
-									onPreviewClick: () => T ? T(m, C) : void 0
-								}) : /* @__PURE__ */ U(Kt, {
-									...He,
-									isMine: !1,
-									isUnlocking: w(m.id),
-									onUnlockClick: () => T ? T(m, C) : void 0,
-									onDownloadClick: () => N ? N(m, C) : void 0
-								}),
-								!X && B && /* @__PURE__ */ U(B, {})
-							]
-						}), m.text && Ue]
-					}) : Be ? /* @__PURE__ */ U(_i, {
-						groupPosition: Oe,
-						isMyMessage: X,
-						message: {
-							...we,
-							attachments: K,
-							i18n: void 0
-						},
-						renderText: g
-					}) : /* @__PURE__ */ U("div", {
-						className: "str-chat__message-bubble-wrapper",
-						children: /* @__PURE__ */ W("div", {
-							className: q("str-chat__message-bubble", { "relative isolate": ke }),
-							children: [
-								Ie && !ze && /* @__PURE__ */ U(en, {
-									message: m,
-									hasAttachment: Re,
-									isMyMessage: X
-								}),
-								Pe && /* @__PURE__ */ U(ee, { poll: Pe }),
-								K?.length && !m.quoted_message ? /* @__PURE__ */ U(te, {
-									actionHandler: s,
-									attachments: K
-								}) : null,
-								U(Se ? ve : R, {
-									message: we,
-									renderText: g
-								}),
-								/* @__PURE__ */ U(M, {}),
-								ke && /* @__PURE__ */ U(rn, { side: X ? "me" : "other" })
-							]
-						})
-					})
-				}),
-				!Le && !Fe && /* @__PURE__ */ U("div", {
-					className: "str-chat__message-footer",
-					children: (!Ie || ze) && /* @__PURE__ */ U(en, {
-						message: m,
-						hasAttachment: Re,
-						isMyMessage: X
-					})
-				}),
-				/* @__PURE__ */ U(_n, {
-					onOutboundClick: y,
-					resolvedOutbound: x
-				}),
-				Ae && /* @__PURE__ */ U(_e, {
-					onClick: c,
-					reply_count: m.reply_count
-				}),
-				je && /* @__PURE__ */ U(ge, {})
-			]
-		}, 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)), yi = (e) => {
-	let t = V("CustomMessage"), n = u(an), r = t.message.metadata?.outbound_id, i = typeof r == "string" ? n?.[r] : void 0;
-	return /* @__PURE__ */ U(vi, {
-		...t,
-		...e,
-		resolvedOutbound: i
-	});
-}, bi = () => {
-	let { handleDelete: e, message: t } = V("CustomMessageActions");
-	return t.metadata?.payment_status === "paid" ? null : /* @__PURE__ */ U(Ye, {
-		onClick: e,
-		"aria-label": "Delete",
-		title: "Delete",
-		className: "bg-marble rounded-full p-2 hover:bg-sand transition-all",
-		children: /* @__PURE__ */ U(Ge, {
-			size: 16,
-			weight: "light",
-			"aria-hidden": !0
-		})
-	});
-}, xi = () => {
-	let { handleFlag: e } = V("CustomMessageActions");
-	return /* @__PURE__ */ U(Ye, {
-		onClick: e,
-		"aria-label": "Report",
-		title: "Report",
-		className: "bg-marble rounded-full p-2 hover:bg-sand transition-all",
-		children: /* @__PURE__ */ U(Ne, {
-			size: 16,
-			weight: "light",
-			"aria-hidden": !0
-		})
-	});
-}, Si = () => {
-	let { message: e } = V("CustomMessageActions");
-	return e.metadata?.custom_type === G.ATTACHMENT ? /* @__PURE__ */ U(Xe, { messageActionSet: [{
-		Component: bi,
-		placement: "quick",
-		type: "delete"
-	}, {
-		Component: xi,
-		placement: "quick",
-		type: "flag"
-	}] }) : null;
-}, Ci = (e) => ({ linkPreviews: Array.from(e.previews.values()).filter((e) => _.previewIsLoaded(e) || _.previewIsLoading(e)) }), wi = () => {
-	let { linkPreviewsManager: e } = ge(), { linkPreviews: t } = be(e.state, Ci), n = (t) => {
-		e.dismissPreview(t);
-	};
-	return t.length > 0 ? /* @__PURE__ */ U("div", {
-		className: "messaging-link-preview-list flex flex-col items-stretch w-full gap-2",
-		children: t.map((e) => {
-			let t = _.previewIsLoading(e);
-			return /* @__PURE__ */ U(Jn.Composer, {
-				title: e.title,
-				url: e.og_scrape_url,
-				thumbnailUrl: e.image_url,
-				layout: t || e.image_url ? "featured" : "classic",
-				status: t ? "loading" : "ready",
-				onDismiss: () => n(e.og_scrape_url)
-			}, e.og_scrape_url);
-		})
-	}) : null;
-}, Ti = o.createContext(!1), Ei = 200, Di = () => u(Ti), Oi = ({ sendMessage: e, disabled: t, ...n }) => /* @__PURE__ */ U("button", {
-	...n,
-	type: "button",
-	"aria-label": "Send",
-	disabled: t,
-	onPointerDown: (e) => e.preventDefault(),
-	onClick: e,
-	children: /* @__PURE__ */ U(Oe, {
-		weight: "bold",
-		className: "size-4"
-	})
-}), ki = () => {
-	let e = u(Ti), { handleSubmit: t } = ve(), n = _e(), r = e || !n, { SendButton: i = Oi, AttachmentPreviewList: a = x } = he("CustomMessageInput"), s = o.useRef(null);
-	return o.useEffect(() => {
-		let e = s.current;
-		if (!e || typeof ResizeObserver > "u") return;
-		let t = new ResizeObserver(() => {
-			e.contains(document.activeElement) && (e.scrollTop = e.scrollHeight);
-		});
-		return t.observe(e), () => t.disconnect();
-	}, []), o.useEffect(() => {
-		let e = s.current;
-		if (!e) return;
-		let t = (e) => {
-			Array.from(e.clipboardData?.items ?? []).some((e) => e.kind === "file") || e.stopPropagation();
-		};
-		return e.addEventListener("paste", t), () => e.removeEventListener("paste", t);
-	}, []), /* @__PURE__ */ W("div", {
-		ref: s,
-		className: "central-container flex flex-col min-w-0 w-full max-h-[calc(var(--messaging-surface-height,100dvh)*0.5)] overflow-y-auto overscroll-contain bg-white rounded-[1.5rem] shadow-[0_4px_16px_0_rgba(0,0,0,0.08),0_1px_2px_0_rgba(0,0,0,0.04),0_0_0_1px_rgba(0,0,0,0.04)] [&>:not(.messaging-composer-previews):not(.messaging-composer-row)]:p-2",
-		"data-dd-privacy": "mask",
-		children: [/* @__PURE__ */ W("div", {
-			className: "messaging-composer-previews empty:hidden flex flex-col gap-2 px-2 pt-2",
-			children: [
-				/* @__PURE__ */ U(te, {}),
-				/* @__PURE__ */ U(wi, {}),
-				/* @__PURE__ */ U(a, {})
-			]
-		}), /* @__PURE__ */ W("div", {
-			className: "messaging-composer-row flex items-start",
-			children: [/* @__PURE__ */ U(ie, {
-				"aria-disabled": e || void 0,
-				containerClassName: "min-w-0 flex-1 leading-[0]",
-				className: "w-full resize-none overflow-hidden bg-transparent py-3.5 pl-4 pr-4 outline-none leading-5 placeholder:text-black/30 text-sm",
-				autoFocus: !e,
-				enterKeyHint: "send",
-				maxRows: Infinity,
-				readOnly: e,
-				tabIndex: e ? -1 : void 0
-			}), /* @__PURE__ */ U("div", {
-				className: "sticky bottom-2 mt-auto mb-2 mr-2 shrink-0 pt-2",
-				children: /* @__PURE__ */ U(i, {
-					sendMessage: t,
-					"aria-label": "Send",
-					className: "str-chat__send-button relative flex justify-center items-center rounded-full size-8 bg-[#121110] disabled:bg-[#F1F0EE] disabled:text-black/20 text-white focus-ring before:absolute before:-inset-2 before:content-['']",
-					"data-testid": "send-button",
-					disabled: r,
-					type: "button"
-				})
-			})]
-		})]
-	});
-}, Ai = () => /* @__PURE__ */ W("div", {
-	className: "messaging-composer-backdrop",
-	"aria-hidden": "true",
-	children: [
-		/* @__PURE__ */ U("div", { className: "messaging-composer-backdrop-blur" }),
-		/* @__PURE__ */ U("div", { className: "messaging-composer-backdrop-blur" }),
-		/* @__PURE__ */ U("div", { className: "messaging-composer-backdrop-blur" }),
-		/* @__PURE__ */ U("div", { className: "messaging-composer-backdrop-blur" }),
-		/* @__PURE__ */ U("div", { className: "messaging-composer-backdrop-blur" }),
-		/* @__PURE__ */ U("div", { className: "messaging-composer-backdrop-gradient" })
-	]
-}), ji = ({ renderActions: e, renderHeader: t, renderFooter: n, disabled: r = !1, disabledReason: i, composerInput: a }) => {
-	let { channel: s } = pe(), c = s?.data?.frozen === !0, l = !!a, u = o.useRef(null);
-	return o.useEffect(() => {
-		if (!l) return;
-		let e = u.current, t = e?.parentElement;
-		if (!e || !t) return;
-		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 < Ei : !1;
-			t.style.setProperty("--messaging-composer-height", `${r}px`), i && o && a && (a.scrollTop = a.scrollHeight);
-		};
-		if (r(), typeof ResizeObserver > "u") return;
-		let i = new ResizeObserver(r);
-		return i.observe(e), () => {
-			i.disconnect(), t.style.removeProperty("--messaging-composer-height");
-		};
-	}, [l]), r ? l ? /* @__PURE__ */ W("div", {
-		ref: u,
-		className: "messaging-composer-chrome messaging-composer-chrome--floating",
-		children: [/* @__PURE__ */ U(Ai, {}), /* @__PURE__ */ W("div", {
-			className: "relative z-10 flex flex-col",
-			children: [
-				t?.(),
-				/* @__PURE__ */ U("div", {
-					className: "messaging-composer-locked-panel flex w-full flex-col items-center justify-center gap-3 px-6 py-4",
-					children: i ? /* @__PURE__ */ U("p", {
-						className: "max-w-[345px] text-center text-xs font-normal leading-[1.3] tracking-[0.12px] text-black/40",
-						children: i
-					}) : null
-				}),
-				n?.()
-			]
-		})]
-	}) : /* @__PURE__ */ W(H, { children: [
-		t?.(),
-		/* @__PURE__ */ U("div", {
-			className: "messaging-composer-locked-panel flex w-full flex-col items-center justify-center gap-3 px-6 py-4",
-			children: i ? /* @__PURE__ */ U("p", {
-				className: "max-w-[345px] text-center text-xs font-normal leading-[1.3] tracking-[0.12px] text-black/40",
-				children: i
-			}) : null
-		}),
-		n?.()
-	] }) : l ? /* @__PURE__ */ W("div", {
-		ref: u,
-		className: "messaging-composer-chrome messaging-composer-chrome--floating",
-		children: [/* @__PURE__ */ U(Ai, {}), /* @__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",
-				children: [/* @__PURE__ */ W("div", {
-					inert: c ? "" : void 0,
-					"aria-disabled": c || void 0,
-					className: "message-input flex min-h-0 items-end gap-4 aria-disabled:opacity-40",
-					children: [e && /* @__PURE__ */ U("div", {
-						className: "flex h-12 shrink-0 items-center justify-center",
-						children: e()
-					}), /* @__PURE__ */ U(Ti.Provider, {
-						value: c,
-						children: /* @__PURE__ */ U(N, { Input: a ?? ki })
-					})]
-				}), n?.()]
-			})]
-		})]
-	}) : /* @__PURE__ */ W("div", {
-		className: "flex min-h-0 flex-col gap-4 p-4",
-		children: [
-			t?.(),
-			/* @__PURE__ */ W("div", {
-				inert: c ? "" : void 0,
-				"aria-disabled": c || void 0,
-				className: "message-input flex min-h-0 items-end gap-4 aria-disabled:opacity-40",
-				children: [e && /* @__PURE__ */ U("div", {
-					className: "flex h-12 shrink-0 items-center justify-center",
-					children: e()
-				}), /* @__PURE__ */ U(Ti.Provider, {
-					value: c,
-					children: /* @__PURE__ */ U(N, { Input: ki })
-				})]
-			}),
-			n?.()
-		]
-	});
-}, Mi = {
-	SYSTEM_DM_AGENT_PAUSED: "DM Agent has left the conversation",
-	SYSTEM_DM_AGENT_RESUMED: "DM Agent has rejoined the conversation"
-}, Ni = ["SYSTEM_AGE_SAFETY_BLOCKED"], Pi = { SYSTEM_AGE_SAFETY_BLOCKED: "This user isn’t able to reply because they don’t meet our age safety guidelines." }, Fi = "age safety guidelines.", Ii = "https://linktr.ee/s/about/contact", Li = (e) => Ni.includes(e), Ri = (e) => Li(e.metadata?.custom_type), zi = (e) => {
-	let t = e.metadata?.custom_type;
-	if (Ce(t)) return {
-		kind: "dm-agent",
-		type: t
-	};
-	if (K(t)) return {
-		kind: "age-safety",
-		type: t
-	};
-	let n = e.dm_agent_system_type;
-	if (Ce(n)) return {
-		kind: "dm-agent",
-		type: n
-	};
-}, Bi = (e) => {
-	let t = e.indexOf(Fi);
-	if (t === -1) return e;
-	let n = t + 22;
-	return /* @__PURE__ */ W(H, { children: [
-		e.slice(0, t),
-		/* @__PURE__ */ U("a", {
-			href: Ii,
-			target: "_blank",
-			rel: "noopener noreferrer",
-			className: "mes-age-safety-system-message__emphasis font-medium text-inherit underline",
-			children: Fi
-		}),
-		e.slice(n)
-	] });
-}, Vi = (e) => {
-	let t = !Ri(e.message), n = zi(e.message);
-	if (n?.kind === "dm-agent") {
-		let r = e.message.text?.trim() || Mi[n.type];
-		return /* @__PURE__ */ W("div", {
-			className: "str-chat__message--system",
-			"data-testid": "message-system",
-			children: [/* @__PURE__ */ W("div", {
-				className: "mes-dm-agent-system-message mx-auto mb-2 inline-flex w-fit max-w-[min(100%,480px)] items-center justify-center gap-[10px] rounded-[12px] border border-[rgba(0,0,0,0.08)] p-3 text-[rgba(0,0,0,0.55)]",
-				"data-testid": "dm-agent-system-message",
-				"data-dm-agent-system-type": n.type,
-				children: [/* @__PURE__ */ U(He, {
-					size: 16,
-					weight: "regular",
-					"aria-hidden": !0,
-					className: "mes-dm-agent-system-message__sparkle shrink-0"
-				}), /* @__PURE__ */ U("p", {
-					className: "mes-dm-agent-system-message__text m-0 text-center text-[14px] font-normal leading-5 tracking-[0.21px]",
-					children: r
-				})]
-			}), !t && /* @__PURE__ */ U(z, { message: e.message })]
-		});
-	}
-	if (n?.kind === "age-safety") {
-		let r = e.message.text?.trim() || Pi[n.type];
-		return /* @__PURE__ */ W("div", {
-			className: "str-chat__message--system",
-			"data-testid": "message-system",
-			children: [/* @__PURE__ */ W("div", {
-				className: "mes-age-safety-system-message box-border mx-auto mb-2 flex w-full max-w-[329px] items-start justify-center gap-3 rounded-[12px] border border-[var(--border-secondary,rgba(0,0,0,0.08))] bg-[var(--bg-warning-subtle,#fef3c6)] px-2 py-4 pl-5 text-[color:var(--text-warning-on-warning,#894b00)]",
-				"data-testid": "age-safety-system-message",
-				"data-age-safety-system-type": n.type,
-				children: [/* @__PURE__ */ U(ze, {
-					size: 24,
-					weight: "duotone",
-					"aria-hidden": !0,
-					className: "mes-age-safety-system-message__icon shrink-0 text-[color:var(--text-warning-on-warning,#894b00)]",
-					"data-testid": "age-safety-system-message-icon"
-				}), /* @__PURE__ */ U("div", {
-					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: Bi(r)
-					})
-				})]
-			}), !t && /* @__PURE__ */ U(z, { message: e.message })]
-		});
-	}
-	return /* @__PURE__ */ W("div", {
-		className: "str-chat__message--system",
-		"data-testid": "message-system",
-		children: [/* @__PURE__ */ W("div", {
-			className: "str-chat__message--system__text",
-			children: [
-				/* @__PURE__ */ U("div", { className: "str-chat__message--system__line" }),
-				/* @__PURE__ */ U("p", { children: e.message.text }),
-				/* @__PURE__ */ U("div", { className: "str-chat__message--system__line" })
-			]
-		}), !t && /* @__PURE__ */ U(z, { message: e.message })]
-	});
-}, Hi = c(!1), Ui = ({ cx: e, index: t }) => /* @__PURE__ */ U("circle", {
-	cx: e,
-	cy: "6.15",
-	r: "3.9",
-	fill: "#A0A0A0",
-	children: /* @__PURE__ */ U("animateTransform", {
-		attributeName: "transform",
-		type: "translate",
-		values: "0 0; 0 -2.25; 0 0;",
-		dur: "900ms",
-		begin: `${120 * t}ms`,
-		repeatCount: "indefinite"
-	})
-}), Wi = /* @__PURE__ */ new Set([
-	y.Thinking,
-	y.Generating,
-	y.ExternalSources
-]), Gi = ({ threadList: e }) => {
-	let { channel: t, channelConfig: n, thread: r } = pe(), { client: i } = me(), { typing: a = {} } = xe(), { aiState: o } = fe(t), s = u(Hi);
-	if (!e && s && Wi.has(o)) {
-		let e = qi(t, i.user?.id);
-		return /* @__PURE__ */ U(Ki, {
-			avatarId: e?.id ?? "ai-agent",
-			avatarName: e?.name ?? e?.id ?? "Agent",
-			avatarImage: e?.image,
-			testId: "typing-indicator-ai"
-		});
-	}
-	if (n?.typing_events === !1) return null;
-	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(Ki, {
-		avatarId: f?.id ?? p?.id ?? "typing-user",
-		avatarName: f?.name ?? p?.name ?? f?.id ?? "Typing user",
-		avatarImage: f?.image ?? p?.image,
-		testId: "typing-indicator"
-	});
-}, Ki = ({ 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)" },
-	children: /* @__PURE__ */ W("div", {
-		className: "str-chat__message str-chat__message-simple str-chat__message--regular str-chat__message--received str-chat__message--other str-chat__message--has-text",
-		children: [/* @__PURE__ */ U(Z, {
-			className: "str-chat__avatar str-chat__message-sender-avatar",
-			id: e,
-			name: t,
-			image: n ?? void 0,
-			size: 24,
-			shape: "circle"
-		}), /* @__PURE__ */ U("div", {
-			className: "str-chat__message-inner mx-0",
-			children: /* @__PURE__ */ U("div", {
-				className: "str-chat__message-bubble-wrapper",
-				children: /* @__PURE__ */ W("div", {
-					className: "str-chat__message-bubble relative isolate",
-					children: [/* @__PURE__ */ U("div", {
-						className: "str-chat__message-text min-h-11 flex items-center",
-						children: /* @__PURE__ */ U("div", {
-							className: "str-chat__message-text-inner str-chat__message-simple-text-inner",
-							children: /* @__PURE__ */ W("svg", {
-								"aria-hidden": "true",
-								className: "block overflow-visible",
-								viewBox: "0 0 32 12.3",
-								width: "32",
-								height: "13",
-								overflow: "visible",
-								children: [
-									/* @__PURE__ */ U(Ui, {
-										cx: "4",
-										index: 0
-									}),
-									/* @__PURE__ */ U(Ui, {
-										cx: "16",
-										index: 1
-									}),
-									/* @__PURE__ */ U(Ui, {
-										cx: "28",
-										index: 2
-									})
-								]
-							})
-						})
-					}), /* @__PURE__ */ U(rn, { side: "other" })]
-				})
-			})
-		})]
-	})
-});
-function qi(e, t) {
-	let n = e?.state?.members ?? {};
-	for (let e of Object.values(n)) {
-		let n = e?.user;
-		if (n && n.id !== t) return n;
-	}
-}
-//#endregion
-//#region src/components/MessagingShell/ChannelEmptyState.tsx
-var Ji = () => null, Yi = ({ className: e, message: t }) => /* @__PURE__ */ W("div", {
-	className: q("flex items-center justify-center h-full", e),
-	children: [/* @__PURE__ */ W("svg", {
-		viewBox: "0 0 100 100",
-		className: "size-8 fill-pebble",
-		stroke: "none",
-		children: [
-			/* @__PURE__ */ U("circle", {
-				cx: "6",
-				cy: "50",
-				r: "6",
-				children: /* @__PURE__ */ U("animateTransform", {
-					attributeName: "transform",
-					dur: "1s",
-					type: "translate",
-					values: "0 15 ; 0 -15; 0 15",
-					repeatCount: "indefinite",
-					begin: "0.1"
-				})
-			}),
-			/* @__PURE__ */ U("circle", {
-				cx: "30",
-				cy: "50",
-				r: "6",
-				children: /* @__PURE__ */ U("animateTransform", {
-					attributeName: "transform",
-					dur: "1s",
-					type: "translate",
-					values: "0 10 ; 0 -10; 0 10",
-					repeatCount: "indefinite",
-					begin: "0.2"
-				})
-			}),
-			/* @__PURE__ */ U("circle", {
-				cx: "54",
-				cy: "50",
-				r: "6",
-				children: /* @__PURE__ */ U("animateTransform", {
-					attributeName: "transform",
-					dur: "1s",
-					type: "translate",
-					values: "0 5 ; 0 -5; 0 5",
-					repeatCount: "indefinite",
-					begin: "0.3"
-				})
-			})
-		]
-	}), t && /* @__PURE__ */ U("span", {
-		className: "text-stone",
-		children: t
-	})]
-}), Xi = 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(Yi, { className: "w-6 h-6" }), /* @__PURE__ */ U("span", {
-			className: "text-sm text-stone",
-			children: "Loading messages"
-		})]
-	})
-}));
-Xi.displayName = "LoadingState";
-//#endregion
-//#region src/components/ChannelView.tsx
-var Zi = ({ 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 } = pe(), M = m(D);
-	d(() => {
-		M.current = D;
-	}, [D]);
-	let N = l((e) => {
-		M.current?.(e);
-	}, []), P = D ? N : void 0, I = ln(j, O), L = A.state.messages.some((e) => e.type !== "deleted"), R = b ? /* @__PURE__ */ U(o.Fragment, { children: b() }, "lt-channel-banner") : null, z = /* @__PURE__ */ U(yt, {
-		className: "-mx-[var(--str-chat\\_\\_spacing-2)] px-[var(--str-chat\\_\\_spacing-2)] md:-mx-[min(var(--str-chat\\_\\_spacing-10),4%)] md:px-[min(var(--str-chat\\_\\_spacing-10),4%)]",
-		onBack: e,
-		showBackButton: t,
-		showChannelInfo: T,
-		showStarButton: y,
-		onLeaveConversation: a,
-		onBlockParticipant: s,
-		showDeleteConversation: c,
-		showBlockParticipant: h,
-		showReportParticipant: g,
-		onDeleteConversationClick: u,
-		onBlockParticipantClick: f,
-		onReportParticipantClick: p,
-		customChannelActions: x,
-		renderChannelActions: S,
-		onParticipantNameClick: E
-	}), ee = l((e) => {
-		let { message: t } = V("ChannelView"), n = /* @__PURE__ */ U(yi, {
-			...e,
-			viewerLanguage: w,
-			onOutboundClick: P
-		});
-		return !C || !t ? n : C(n, t);
-	}, [
-		P,
-		C,
-		w
-	]);
-	return /* @__PURE__ */ U(an.Provider, {
-		value: I,
-		children: /* @__PURE__ */ U(ae, {
-			overrides: {
-				Message: ee,
-				MessageActions: Si,
-				UnreadMessagesNotification: () => null,
-				UnreadMessagesSeparator: () => null
-			},
-			children: /* @__PURE__ */ U(B, { children: k ? /* @__PURE__ */ W("div", {
-				className: "messaging-channel-layout relative flex min-h-0 flex-1 flex-col",
-				children: [/* @__PURE__ */ W("div", {
-					className: "messaging-channel-message-list messaging-channel-message-list--floating relative min-h-0 flex-1 overflow-hidden",
-					children: [!L && /* @__PURE__ */ U("div", {
-						className: "str-chat__list",
-						children: /* @__PURE__ */ W("div", {
-							className: "str-chat__message-list-scroll",
-							children: [z, R]
-						})
-					}), /* @__PURE__ */ U(F, {
-						head: L ? /* @__PURE__ */ W("div", {
-							className: "sticky top-0 z-10",
-							children: [z, R]
-						}) : void 0,
-						hideDeletedMessages: !0,
-						hideNewMessageSeparator: !1
-					})]
-				}, "lt-channel-message-list"), /* @__PURE__ */ U(ji, {
-					...n && { renderActions: () => n?.(A) },
-					...i && { renderHeader: () => i(A) },
-					renderFooter: () => r?.(A),
-					disabled: _,
-					disabledReason: v,
-					composerInput: k
-				}, "lt-channel-message-input")]
-			}) : /* @__PURE__ */ W(H, { children: [
-				/* @__PURE__ */ W("div", {
-					className: "flex-1 overflow-hidden relative",
-					children: [!L && /* @__PURE__ */ U("div", {
-						className: "str-chat__list",
-						children: /* @__PURE__ */ W("div", {
-							className: "str-chat__message-list-scroll",
-							children: [z, R]
-						})
-					}), /* @__PURE__ */ U(F, {
-						head: L ? /* @__PURE__ */ W("div", {
-							className: "sticky top-0 z-10",
-							children: [z, R]
-						}) : void 0,
-						hideDeletedMessages: !0,
-						hideNewMessageSeparator: !1
-					})]
-				}, "lt-channel-message-list"),
-				i ? /* @__PURE__ */ U(o.Fragment, { children: i(A) }, "lt-channel-conversation-footer") : null,
-				/* @__PURE__ */ U(ji, {
-					...n && { renderActions: () => n?.(A) },
-					renderFooter: () => r?.(A),
-					disabled: _,
-					disabledReason: v,
-					composerInput: k
-				}, "lt-channel-message-input")
-			] }) })
-		})
-	});
-}, Qi = o.memo(({ channel: e, onBack: t, showBackButton: n = !1, renderMessageInputActions: r, renderMessageInputFooter: i, renderConversationFooter: a, onLeaveConversation: o, onBlockParticipant: s, className: c, CustomChannelEmptyState: u = Ji, 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,
-			...a && { silent: !0 },
-			...C && { metadata: {
-				...n.metadata ?? {},
-				...C
-			} }
-		}, s = {
-			...r,
-			...a && { skip_push: !0 }
-		}, c = await e.sendMessage(o, s);
-		return w?.(c), c;
-	}, [
-		e,
-		x,
-		C,
-		w
-	]), ee = m(null);
-	d(() => {
-		if (!A) return;
-		let t = ee.current;
-		if (!t) return;
-		let n = (t) => {
-			let n = t.target?.closest("a[href]"), r = n?.getAttribute("href");
-			if (!r) return;
-			let i = (n?.closest("[data-message-id]"))?.getAttribute("data-message-id");
-			A(r, i ? e.state.messages.find((e) => e.id === i) : void 0);
-		};
-		return t.addEventListener("click", n), () => t.removeEventListener("click", n);
-	}, [A, e]);
-	let te = we(e.type) ? { "--lt-msg-card-width": "368px" } : void 0;
-	return /* @__PURE__ */ U("div", {
-		ref: ee,
-		className: q("messaging-channel-view h-full flex flex-col", c),
-		style: te,
-		children: /* @__PURE__ */ U(Hi.Provider, {
-			value: x ?? !1,
-			children: /* @__PURE__ */ U(S, {
-				channel: e,
-				MessageSystem: Vi,
-				EmptyStateIndicator: u,
-				LoadingIndicator: Xi,
-				DateSeparator: bt,
-				TypingIndicator: Gi,
-				doSendMessageRequest: z,
-				...j ? { SendButton: j } : {},
-				...M ? { AttachmentPreviewList: M } : {},
-				children: /* @__PURE__ */ U(Zi, {
-					onBack: t,
-					showBackButton: n,
-					renderMessageInputActions: r,
-					renderMessageInputFooter: i,
-					renderConversationFooter: a,
-					onLeaveConversation: o,
-					onBlockParticipant: s,
-					CustomChannelEmptyState: u,
-					showDeleteConversation: f,
-					onDeleteConversationClick: p,
-					onBlockParticipantClick: h,
-					onReportParticipantClick: g,
-					showBlockParticipant: _,
-					showReportParticipant: v,
-					composerDisabled: y,
-					composerDisabledReason: b,
-					showStarButton: T,
-					renderChannelBanner: E,
-					customChannelActions: D,
-					renderChannelActions: O,
-					renderMessage: k,
-					viewerLanguage: N,
-					showChannelInfo: P,
-					onParticipantNameClick: F,
-					onOutboundClick: I,
-					resolveOutbound: L,
-					composerInput: R
-				})
-			})
-		})
-	});
-});
-Qi.displayName = "ChannelView";
-//#endregion
-//#region src/components/MessagingShell/ErrorState.tsx
-var $i = 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",
-		children: [
-			/* @__PURE__ */ U("div", {
-				className: "w-24 h-24 bg-danger-alt/20 rounded-full flex items-center justify-center mx-auto mb-6",
-				children: /* @__PURE__ */ U("span", {
-					className: "text-4xl",
-					children: "⚠️"
-				})
-			}),
-			/* @__PURE__ */ U("h2", {
-				className: "font-semibold text-charcoal mb-2",
-				children: "Oops!"
-			}),
-			/* @__PURE__ */ U("p", {
-				className: "text-stone text-sm mb-6",
-				children: e
-			}),
-			t && /* @__PURE__ */ U("button", {
-				type: "button",
-				onClick: t,
-				className: "inline-flex items-center gap-2 px-4 py-2 text-sm font-medium text-white bg-[#7f22fe] hover:bg-primary-alt rounded-lg transition-colors focus-ring",
-				children: "Go Back"
-			})
-		]
-	})
-}));
-$i.displayName = "ErrorState";
-//#endregion
-//#region src/components/MessagingShell/index.tsx
-var ea = ({ 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 } = et(), [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);
-	re.current = r;
-	let ie = m(null), B = m(null);
-	d(() => {
-		B.current = F;
-	}, [F]), d(() => {
-		if (!O || !k) return;
-		let e = O.userID;
-		if (!e) return;
-		let t = `${e}::${a}`;
-		if (ie.current === t) return;
-		ie.current = t;
-		let n = () => {
-			ie.current === t && (ie.current = null);
-		};
-		(async () => {
-			try {
-				P && console.log("[MessagingShell] Loading initial conversation with:", a);
-				let t = await O.queryChannels({
-					type: "messaging",
-					members: { $eq: [e, a] }
-				}, {}, { limit: 1 });
-				if (t.length > 0) {
-					I(t[0]), R(null), re.current?.(t[0]), P && console.log("[MessagingShell] Initial conversation loaded:", t[0].id);
-					return;
-				}
-				let r = ne.current;
-				if (!r || !N) {
-					n(), R("No conversation found with this account"), P && console.log("[MessagingShell] No conversation found for:", a);
-					return;
-				}
-				try {
-					let e = await N.startChannelWithParticipant({
-						id: r.id,
-						name: r.name,
-						phone: r.phone
-					});
-					I(e), R(null), re.current?.(e), P && console.log("[MessagingShell] Channel created and loaded:", e.id);
-				} catch (e) {
-					console.error("[MessagingShell] Failed to create conversation:", e), n(), R("Failed to create conversation");
-				}
-			} catch (e) {
-				console.error("[MessagingShell] Failed to load initial conversation:", e), n(), B.current || R("Failed to load conversation");
-			}
-		})();
-	}, [
-		a,
-		O,
-		k,
-		N,
-		P
-	]);
-	let ae = m(i);
-	ae.current = i;
-	let oe = l(() => {
-		I(null), ee(!0), ae.current?.();
-	}, []);
-	return A ? /* @__PURE__ */ U(Xi, {}) : j ? /* @__PURE__ */ U($i, {
-		message: j,
-		onBack: M
-	}) : !k || !O ? /* @__PURE__ */ U($i, {
-		message: "Not connected to messaging service",
-		onBack: M
-	}) : L ? /* @__PURE__ */ U($i, { message: L }) : z && !F ? /* @__PURE__ */ U($i, { 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(Qi, {
-				channel: F,
-				renderMessageInputActions: t,
-				renderConversationFooter: n,
-				renderChannelBanner: _,
-				onLeaveConversation: oe,
-				onBlockParticipant: oe,
-				CustomChannelEmptyState: s,
-				showDeleteConversation: te,
-				onBlockParticipantClick: c,
-				onReportParticipantClick: u,
-				dmAgentEnabled: f,
-				onMessageSent: p,
-				viewerLanguage: g,
-				customChannelActions: v,
-				renderChannelActions: y,
-				onParticipantNameClick: b,
-				onOutboundClick: x,
-				resolveOutbound: S,
-				renderMessage: C,
-				onMessageLinkClick: w,
-				showChannelInfo: T,
-				composerInput: E,
-				attachmentPreviewList: D
-			}, F.id)
-		})
-	}) : /* @__PURE__ */ U(Xi, {});
-};
-//#endregion
-//#region src/hooks/useRestorePendingMessages.ts
-function ta(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 na = o.createContext({
-	selectedChannel: void 0,
-	onChannelSelect: () => {},
-	debug: !1,
-	renderMessagePreview: void 0,
-	channelPreview: void 0,
-	viewerLanguage: void 0
-}), ra = na.Provider, ia = () => o.useContext(na), aa = (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);
-}, oa = (e) => {
-	let t = /* @__PURE__ */ new Date();
-	if (Math.floor((t.getTime() - e.getTime()) / 1e3) < 60) return "Just now";
-	let n = aa(e, t);
-	return n === 0 ? e.toLocaleTimeString([], {
-		hour: "numeric",
-		minute: "2-digit",
-		hour12: !0
-	}) : n === 1 ? "Yesterday" : n < 7 ? e.toLocaleDateString(void 0, { weekday: "short" }) : e.getFullYear() === t.getFullYear() ? e.toLocaleDateString(void 0, {
-		month: "short",
-		day: "numeric"
-	}) : e.toLocaleDateString(void 0, {
-		month: "short",
-		day: "numeric",
-		year: "numeric"
-	});
-}, sa = o.memo((e) => {
-	let { channel: t, unread: n } = e, { selectedChannel: r, onChannelSelect: i, debug: a, channelPreview: o, renderMessagePreview: s, viewerLanguage: c } = ia(), { client: l } = me(), u = r?.id === t?.id, d = tt(t);
-	if (o) return /* @__PURE__ */ U(o, {
-		...e,
-		active: u,
-		selectedChannel: r,
-		onChannelSelect: i,
-		viewerLanguage: c
-	});
-	let f = () => {
-		t && i(t);
-	}, p = (e) => {
-		let t = e.key === "Enter" || e.key === " ", n = e.repeat;
-		!t || n || (e.preventDefault(), f());
-	}, m = nt(t?.state?.members, l?.userID, t?.type), h = ot(m?.user), g = m?.user?.image, _ = (() => {
-		let e = t?.state?.messages;
-		if (e?.length) {
-			for (let t = e.length - 1; t >= 0; t--) if (e[t].type !== "system") return e[t];
-		}
-	})(), v = (() => {
-		let e = St({
-			message: _,
-			viewerLanguage: c
-		}), { custom_type: t, attachment_content_type: n } = _?.metadata || {};
-		if (t === G.TIP) return e || "Sent a tip";
-		if (t === G.PAID) return e || "Sent a message";
-		if (t === G.ATTACHMENT) {
-			if (n === "text") return "🔒 Sent a locked message";
-			if (n === "media") return "🔒 Sent a locked attachment";
-		}
-		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 ? oa(new Date(_.created_at)) : "", b = _ ? Yt(_) : !1, x = s ? s(_, v) : `${b ? "✨ " : ""}${v}`, S = n ?? 0;
-	return a && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
-		channelId: t?.id,
-		isSelected: u,
-		participantName: h,
-		unreadCount: S,
-		hasTimestamp: !!y
-	}), /* @__PURE__ */ U("div", {
-		role: "button",
-		tabIndex: 0,
-		onClick: f,
-		onKeyDown: p,
-		className: q("group w-full px-4 py-3 transition-colors text-left max-w-full overflow-hidden focus-ring rounded-[12px] [&+&]:mt-2", {
-			"bg-black/[0.04]": u,
-			"hover:bg-black/[0.02]": !u
-		}),
-		"data-dd-privacy": "mask",
-		children: /* @__PURE__ */ W("div", {
-			className: "flex items-start gap-4",
-			children: [/* @__PURE__ */ U(Z, {
-				id: m?.user?.id || t.id || "unknown",
-				name: h,
-				image: g,
-				size: 48,
-				starred: d
-			}), /* @__PURE__ */ W("div", {
-				className: "flex-1 min-w-0 flex flex-col gap-1",
-				children: [/* @__PURE__ */ W("div", {
-					className: "flex items-center justify-between gap-2",
-					children: [/* @__PURE__ */ W("h3", {
-						className: q("text-sm font-medium truncate text-[#191918]"),
-						children: [d && /* @__PURE__ */ U("span", {
-							className: "sr-only",
-							children: "Starred conversation. "
-						}), h]
-					}), y && /* @__PURE__ */ U("span", {
-						className: "text-xs text-[#717070] flex-shrink-0",
-						children: y
-					})]
-				}), /* @__PURE__ */ W("div", {
-					className: "flex items-center justify-between gap-2 min-w-0",
-					children: [/* @__PURE__ */ U("p", {
-						className: "text-sm text-[#717070] flex-1 line-clamp-1",
-						children: x
-					}), S > 0 && /* @__PURE__ */ U("span", {
-						className: "bg-[#7f22fe] text-white text-[10px] rounded-full h-4 flex items-center justify-center p-1 min-w-4 text-center flex-shrink-0",
-						children: S > 99 ? "99+" : S
-					})]
-				})]
-			})]
-		})
-	});
-});
-sa.displayName = "CustomChannelPreview";
-//#endregion
-//#region src/components/ChannelList/index.tsx
-var ca = { last_message_at: -1 }, la = o.memo(({ onChannelSelect: e, selectedChannel: t, filters: n, allowNewMessagesFromUnfilteredChannels: r = !1, channelRenderFilterFn: i, sort: a = ca, 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 } = Qe(), x = o.useCallback((e) => {
-		for (let t of e) ta(t);
-		return i ? i(e) : e;
-	}, [i]);
-	b && console.log("📺 [ChannelList] 🔄 RENDER START", {
-		renderCount: y.current,
-		selectedChannelId: t?.id,
-		filters: n
-	});
-	let S = o.useMemo(() => ({
-		selectedChannel: t,
-		onChannelSelect: e,
-		debug: b,
-		channelPreview: u,
-		renderMessagePreview: d,
-		viewerLanguage: f
-	}), [
-		t,
-		e,
-		b,
-		u,
-		d,
-		f
-	]);
-	return /* @__PURE__ */ U("div", {
-		className: q("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(ra, {
-				value: S,
-				children: /* @__PURE__ */ U(C, {
-					filters: n,
-					sort: a,
-					options: { limit: 30 },
-					allowNewMessagesFromUnfilteredChannels: r,
-					channelRenderFilterFn: x,
-					lockChannelOrder: p,
-					onMessageNewHandler: m,
-					onMessageNew: h,
-					onChannelVisible: g,
-					onAddedToChannel: _,
-					onChannelUpdated: v,
-					Paginator: l,
-					Preview: sa,
-					EmptyStateIndicator: c
-				}, `${JSON.stringify(n)}:${JSON.stringify(a)}`)
-			})
-		})
-	});
-});
-la.displayName = "ChannelList";
-//#endregion
-//#region src/components/RichCard/RichCardBody.tsx
-var ua = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [text-wrap:balance]", da = "text-[12px] leading-4 tracking-[0.24px] [text-wrap:pretty]", fa = ({ surface: e, actions: t, layout: n }) => {
-	if (t == null || t.length === 0) return null;
-	let r = n === "stacked";
-	return /* @__PURE__ */ U("div", {
-		className: q("flex gap-2", r ? "mt-3 flex-col" : "min-w-0 max-w-[60%] flex-row flex-wrap justify-end"),
-		children: t.map((t, n) => /* @__PURE__ */ U(Sn, {
-			variant: e,
-			cta: t,
-			fullWidth: r,
-			standalone: !0
-		}, `${t.label}-${n}`))
-	});
-}, pa = ({ 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 ? {
-		...u,
-		display: "-webkit-box",
-		WebkitBoxOrient: "vertical",
-		WebkitLineClamp: i,
-		overflow: "hidden"
-	} : u, f = l && (o?.[0]?.variant ?? "primary") === "secondary", p = /* @__PURE__ */ W("div", {
-		className: "flex min-w-0 flex-1 flex-col gap-[2px]",
-		children: [s && /* @__PURE__ */ W("div", {
-			className: "flex min-w-0 items-center gap-2",
-			children: [a ? /* @__PURE__ */ U("span", {
-				className: "shrink-0",
-				children: a
-			}) : null, /* @__PURE__ */ U("p", {
-				className: q("min-w-0", ua),
-				style: u,
-				children: n
-			})]
-		}), c && /* @__PURE__ */ U("p", {
-			className: q(da, i > 1 && "whitespace-pre-line", i <= 1 && "truncate"),
-			style: d,
-			children: r
-		})]
-	});
-	return /* @__PURE__ */ U("div", {
-		className: "shrink-0 px-4 py-3",
-		children: f ? /* @__PURE__ */ W("div", {
-			className: "flex items-center justify-between gap-3",
-			children: [p, /* @__PURE__ */ U(fa, {
-				surface: e,
-				actions: o,
-				layout: "row"
-			})]
-		}) : /* @__PURE__ */ W(H, { children: [p, /* @__PURE__ */ U(fa, {
-			surface: e,
-			actions: o,
-			layout: "stacked"
-		})] })
-	});
-}, ma = {
-	dark: "bg-white/[0.06]",
-	light: "bg-black/[0.04]"
-}, ha = {
-	1: [0],
-	2: [-10, 10],
-	3: [
-		-13,
-		0,
-		13
-	]
-}, ga = {
-	1: [0],
-	2: [-26, 26],
-	3: [
-		-40,
-		0,
-		40
-	]
-}, _a = {
-	1: [0],
-	2: [0, 1],
-	3: [
-		1,
-		3,
-		2
-	]
-}, va = {
-	1: [1],
-	2: [1, 1],
-	3: [
-		1,
-		1.08,
-		1
-	]
-}, ya = ({ variant: e, images: t }) => {
-	let [n, i] = o.useState({}), a = t.join("\n"), [s, c] = o.useState(a);
-	a !== s && (c(a), i({}));
-	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 = ha[u], f = ga[u], p = _a[u], m = va[u];
-	return /* @__PURE__ */ U("div", {
-		className: q("relative flex min-h-0 w-full flex-1 items-center justify-center overflow-hidden", ma[e]),
-		children: l.map(({ src: e, index: t }, n) => /* @__PURE__ */ U("img", {
-			src: r(e) ?? e,
-			alt: "",
-			draggable: !1,
-			loading: "lazy",
-			decoding: "async",
-			onError: () => i((e) => ({
-				...e,
-				[t]: !0
-			})),
-			className: "absolute left-1/2 top-1/2 w-[62%] aspect-[3/2] rounded-[12px] bg-[#ffffff] object-cover shadow-md",
-			style: {
-				transform: `translate(-50%, -50%) translateX(${f[n]}px) rotate(${d[n]}deg) scale(${m[n]})`,
-				zIndex: p[n]
-			}
-		}, `${e}-${t}`))
-	});
-}, ba = "flex h-[180px] w-full shrink-0 flex-col overflow-hidden", xa = ({ variant: e, presentation: t, images: n, title: r, heroUrl: i, onHeroError: a }) => /* @__PURE__ */ U("div", {
-	className: ba,
-	children: t === "fan" ? /* @__PURE__ */ U(ya, {
-		variant: e,
-		images: n
-	}) : /* @__PURE__ */ U(Ln, {
-		variant: e,
-		thumbnailUrl: i,
-		title: r,
-		mimeType: "image/*",
-		onImageError: a
-	})
-}), Sa = ({ 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
-	}), d = i.length > 0, f = d && u === "hero", p = Un({
-		variant: e,
-		accentColor: c,
-		layout: "featured",
-		thumbnailUrl: f ? i[0] : void 0
-	}), m = l === "single" || l === "end";
-	return /* @__PURE__ */ U(qn, {
-		accentHex: p.accentHex,
-		side: e === "dark" ? "sender" : "receiver",
-		visible: m,
-		children: /* @__PURE__ */ W(jn, {
-			variant: e,
-			accentHex: p.accentHex,
-			"data-testid": "rich-card",
-			children: [d && /* @__PURE__ */ U(xa, {
-				variant: e,
-				presentation: u,
-				images: i,
-				title: t,
-				heroUrl: f ? p.thumbnailUrl : void 0,
-				onHeroError: p.onImageError
-			}), /* @__PURE__ */ U(pa, {
-				ctaSurface: p.surface,
-				chinTextColor: p.chinTextColor,
-				title: t,
-				subtitle: n,
-				subtitleLines: r,
-				appIcon: s,
-				actions: o
-			})]
-		})
-	});
-}, Ca = {
-	Sent: (e) => /* @__PURE__ */ U(Sa, {
-		...e,
-		variant: "dark"
-	}),
-	Received: (e) => /* @__PURE__ */ U(Sa, {
-		...e,
-		variant: "light"
-	})
-}, wa = "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%", Ta = {
-	sent: "var(--str-chat__own-message-bubble-background-color, #1e2330)",
-	received: "var(--str-chat__message-bubble-background-color, #f1f0ee)"
-}, Ea = ({ variant: e }) => /* @__PURE__ */ U("span", {
-	"aria-hidden": "true",
-	className: "pointer-events-none absolute bottom-0 z-[-1] h-[1.4375rem] w-5",
-	style: {
-		insetInlineEnd: e === "sent" ? "calc(-1 * 0.25rem)" : void 0,
-		insetInlineStart: e === "received" ? "calc(-1 * 0.25rem)" : void 0,
-		transform: e === "received" ? "scaleX(-1)" : void 0,
-		transformOrigin: "center",
-		backgroundColor: Ta[e],
-		WebkitMask: wa,
-		mask: wa
-	}
-}), Da = {
-	sent: {
-		backgroundColor: "var(--str-chat__own-message-bubble-background-color, #1e2330)",
-		color: "var(--str-chat__own-message-bubble-color, #fff)"
-	},
-	received: {
-		backgroundColor: "var(--str-chat__message-bubble-background-color, #f1f0ee)",
-		color: "var(--str-chat__message-bubble-color, #000000)"
-	}
-}, Oa = ({ variant: e, text: t, tail: n = !0, header: r, className: i }) => /* @__PURE__ */ W("div", {
-	"data-dd-privacy": "mask",
-	className: q("relative px-4 py-3", "text-[0.875rem] leading-[1.3125rem] tracking-[0.14px]", i),
-	style: {
-		...Da[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(Ea, { variant: e })
-	]
-}), ka = {
-	Sent: ({ text: e, tail: t, className: n }) => /* @__PURE__ */ U(Oa, {
-		variant: "sent",
-		text: e,
-		tail: t,
-		className: n
-	}),
-	Received: ({ text: e, tail: t, header: n, className: r }) => /* @__PURE__ */ U(Oa, {
-		variant: "received",
-		text: e,
-		tail: t,
-		header: n,
-		className: r
-	})
-}, Aa = ({ question: e, onClick: t, loading: n = !1, className: r }) => /* @__PURE__ */ U("button", {
-	type: "button",
-	onClick: t,
-	disabled: n,
-	style: { backgroundColor: "#E6E5E3" },
-	className: q("w-full text-center p-4 rounded-xl text-charcoal font-medium transition-colors focus-ring", {
-		"hover:brightness-95 active:brightness-90": !n,
-		"opacity-50 cursor-not-allowed": n
-	}, r),
-	children: e
-}), ja = ({ 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,
-		children: /* @__PURE__ */ W("div", {
-			className: "flex gap-3 items-end",
-			children: [(a || o) && /* @__PURE__ */ U("div", {
-				className: "flex-none",
-				children: /* @__PURE__ */ U(Z, {
-					id: o || "account",
-					name: o || "Account",
-					image: a,
-					size: 24,
-					shape: "circle"
-				})
-			}), /* @__PURE__ */ W("div", {
-				className: "flex-1 flex flex-col gap-3 rounded-lg p-4",
-				style: { backgroundColor: "#F1F0EE" },
-				children: [r && /* @__PURE__ */ U("p", {
-					className: "text-md text-charcoal mb-4",
-					children: r
-				}), s.map((e) => /* @__PURE__ */ U(Aa, {
-					question: e.question,
-					onClick: () => t(e.id),
-					loading: n === e.id
-				}, e.id))]
-			})]
-		})
-	});
-};
-//#endregion
-export { mt as ActionButton, Z as Avatar, Ji as ChannelEmptyState, la as ChannelList, Qi as ChannelView, Vt as CustomMessageProvider, ja as FaqList, Aa as FaqListItem, Jn as LinkAttachment, Kt as LockedAttachment, Rt as MediaMessage, ii as MessageAttachment, ka as MessageBubble, $e as MessagingProvider, ea as MessagingShell, Ca as RichCard, dn as TipMessage, dr as buildCompactMetaLabel, cr as formatFileSize, oa as formatRelativeTime, ur as getFileExtensionLabel, St as getMessageDisplayText, jt as isLinkAttachment, un as isTipMessage, it as isUuidLike, rr as messageAttachmentGroupPositionFromStream, xt as normalizeLanguageCode, r as optimizeMessagingAttachmentUrl, nt as resolveConversationParticipant, Mt as resolveLinkAttachment, Ft as resolveMediaFromMessage, ot as resolveParticipantDisplayName, Di as useComposerLocked, Ht as useCustomMessage, et as useMessaging };
-
-//# sourceMappingURL=index.js.map
+import { a as e, b as t, C as i, c as n, d as o, e as g, F as r, f as m, L as l, h as M, M as c, i as L, j as h, k as p, l as u, m as d, R as v, T as C, n as A, p as k, q as F, s as b, t as P, u as T, v as f, w as x, x as y, y as z, o as S, z as q, B, D, E, G as R, H as w, I as G, J as I } from "./index-BUC9vqhJ.js";
+export {
+  e as ActionButton,
+  t as Avatar,
+  i as ChannelEmptyState,
+  n as ChannelList,
+  o as ChannelView,
+  g as CustomMessageProvider,
+  r as FaqList,
+  m as FaqListItem,
+  l as LinkAttachment,
+  M as LockedAttachment,
+  c as MediaMessage,
+  L as MessageAttachment,
+  h as MessageBubble,
+  p as MessagingLoggerProvider,
+  u as MessagingProvider,
+  d as MessagingShell,
+  v as RichCard,
+  C as TipMessage,
+  A as buildCompactMetaLabel,
+  k as formatFileSize,
+  F as formatRelativeTime,
+  b as getFileExtensionLabel,
+  P as getMessageDisplayText,
+  T as isLinkAttachment,
+  f as isTipMessage,
+  x as isUuidLike,
+  y as messageAttachmentGroupPositionFromStream,
+  z as normalizeLanguageCode,
+  S as optimizeMessagingAttachmentUrl,
+  q as resolveConversationParticipant,
+  B as resolveLinkAttachment,
+  D as resolveMediaFromMessage,
+  E as resolveParticipantDisplayName,
+  R as useComposerLocked,
+  w as useCustomMessage,
+  G as useMessaging,
+  I as useMessagingLogger
+};
+//# sourceMappingURL=index.js.map