@linktr.ee/messaging-react 4.3.0 → 4.3.1-rc-1787498437

package/dist/index.js

@@ -1,38 +1,3877 @@
-import { A as e, a as t, C as i, b as n, c as o, d as g, F as r, e as m, L as l, f as M, M as c, h as L, i as p, j as u, k as h, R as C, T as d, l as v, m as A, n as b, p as k, q as F, s as P, t as T, u as f, v as x, w as y, o as z, x as S, y as q, z as B, B as D, D as E, E as R } from "./index-Cc8BzIhS.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 MessageAttachment,
-  L as MessageBubble,
-  p as MessagingLoggerProvider,
-  u as MessagingProvider,
-  h as MessagingShell,
-  C as RichCard,
-  d as TipMessage,
-  v as buildCompactMetaLabel,
-  A as formatFileSize,
-  b as formatRelativeTime,
-  k as getFileExtensionLabel,
-  F as getMessageDisplayText,
-  P as isLinkAttachment,
-  T as isTipMessage,
-  f as isUuidLike,
-  x as messageAttachmentGroupPositionFromStream,
-  y as normalizeLanguageCode,
-  z as optimizeMessagingAttachmentUrl,
-  S as resolveConversationParticipant,
-  q as resolveParticipantDisplayName,
-  B as useComposerLocked,
-  D as useCustomMessage,
-  E as useMessaging,
-  R as useMessagingLogger
-};
-//# sourceMappingURL=index.js.map
+import { a as e, i as t, n, r } from "./AttachmentCard-Pc93Wcd0.js";
+import i, { Suspense as a, createContext as o, useCallback as s, useContext as c, useEffect as l, useId as u, useMemo as d, useRef as f, useState as p } from "react";
+import { StreamChatService as m } from "@linktr.ee/messaging-core";
+import { LinkPreviewsManager as h, StreamChat as g } from "stream-chat";
+import { AIStates as _, Attachment as v, AttachmentPreviewList as y, Channel as b, ChannelList as x, Chat as S, DateSeparator as C, EditMessageModal as w, InfiniteScroll as T, MessageBlocked as E, MessageBounceModal as D, MessageBouncePrompt as O, MessageDeleted as k, MessageErrorIcon as A, MessageInput as j, MessageIsThreadReplyInChannelButtonIndicator as M, MessageList as N, MessageRepliesCountButton as P, MessageStatus as F, MessageText as I, MessageTimestamp as L, Poll as R, QuotedMessagePreview as z, ReminderNotification as ee, StreamedMessageText as te, TextareaComposer as ne, Window as re, WithComponents as B, areMessageUIPropsEqual as V, isDateSeparatorMessage as ie, isMessageBlocked as ae, isMessageBounced as oe, messageHasAttachments as se, messageHasReactions as ce, useAIState as le, useChannelStateContext as ue, useChatContext as de, useComponentContext as fe, useMessageComposer as pe, useMessageComposerHasSendableData as me, useMessageContext as H, useMessageInputContext as he, useMessageReminder as ge, useStateStore as _e, useTypingContext as ve } from "stream-chat-react";
+import { Fragment as U, jsx as W, jsxs as G } from "react/jsx-runtime";
+import { MESSAGE_CUSTOM_TYPE as K, OFFICIAL_SENDER_USER_ID as ye, isAgeSafetySystemType as be, isDmAgentSystemType as xe, isOfficialChannel as q, resolveRichCardImagePresentation as Se, selectEnabledFaqs as Ce } from "@linktr.ee/messaging-taxonomy";
+import J from "classnames";
+import { ArrowLeftIcon as we, ArrowUpIcon as Te, CaretLeftIcon as Y, CaretRightIcon as Ee, ChecksIcon as De, CircleNotchIcon as Oe, CurrencyDollarIcon as ke, DotsThreeIcon as Ae, DownloadSimpleIcon as je, FlagIcon as X, GiftIcon as Z, MegaphoneIcon as Me, PencilSimpleIcon as Ne, PlayIcon as Pe, ProhibitIcon as Fe, ProhibitInsetIcon as Ie, SignOutIcon as Le, SparkleIcon as Re, SpinnerGapIcon as ze, StarIcon as Be, TrashSimpleIcon as Ve, VideoCameraIcon as He, WarningCircleIcon as Ue, XIcon as We } from "@phosphor-icons/react";
+import { DefaultDropdownActionButton as Ge, MessageActions as Ke } from "stream-chat-react/experimental";
+//#region src/logging/index.tsx
+var qe = {
+	debug: (e, ...t) => console.log(e, ...t),
+	info: (e, ...t) => console.log(e, ...t),
+	warn: (e, ...t) => console.warn(e, ...t),
+	error: (e, ...t) => console.error(e, ...t)
+}, Je = (e) => ({
+	debug: e?.debug ?? qe.debug,
+	info: e?.info ?? qe.info,
+	warn: e?.warn ?? qe.warn,
+	error: e?.error ?? qe.error
+}), Ye = o(qe), Xe = ({ logger: e, children: t }) => {
+	let n = d(() => Je(e), [e]);
+	return /* @__PURE__ */ W(Ye.Provider, {
+		value: n,
+		children: t
+	});
+}, Ze = () => c(Ye), Qe = o({
+	service: null,
+	client: null,
+	isConnected: !1,
+	isLoading: !1,
+	error: null,
+	capabilities: {},
+	refreshConnection: async () => {},
+	debug: !1
+}), $e = () => c(Qe), et = ({ children: e, user: t, serviceConfig: n, apiKey: r, capabilities: a = {}, debug: o = !1, client: c, logger: u }) => {
+	let d = s((e, ...t) => {
+		o && console.log(`🔥 [MessagingProvider] ${e}`, ...t);
+	}, [o]);
+	d("🔄 RENDER START", {
+		userId: t?.id,
+		apiKey: r?.substring(0, 8) + "...",
+		serviceConfig: !!n,
+		capabilities: Object.keys(a)
+	});
+	let [h, _] = p(null), [v, y] = p(null), [b, x] = p(!1), [C, w] = p(!1), [T, E] = p(null), D = f(!1), O = f(null), k = f(n);
+	k.current = n;
+	let A = f(o);
+	A.current = o;
+	let j = f(u);
+	j.current = u;
+	let M = f({
+		userId: t?.id,
+		apiKey: r,
+		serviceConfig: n,
+		capabilities: a
+	}), N = f(0);
+	N.current++, d("📊 RENDER INFO", {
+		renderCount: N.current,
+		currentProps: {
+			userId: t?.id,
+			apiKey: r?.substring(0, 8) + "..."
+		},
+		propChanges: {
+			userChanged: M.current.userId !== t?.id,
+			apiKeyChanged: M.current.apiKey !== r,
+			serviceConfigChanged: M.current.serviceConfig !== n,
+			capabilitiesChanged: M.current.capabilities !== a
+		}
+	}), M.current = {
+		userId: t?.id,
+		apiKey: r,
+		serviceConfig: n,
+		capabilities: a
+	};
+	let P = f(null);
+	!c && r && P.current?.apiKey !== r && (P.current = {
+		apiKey: r,
+		client: new g(r)
+	});
+	let F = c || (r ? P.current?.client ?? null : null);
+	l(() => {
+		let e = N.current, t = k.current;
+		if (c) {
+			O.current = null, _(null), y(null), x(!1), E(null), w(!1);
+			return;
+		}
+		if (!r || !F || !t) {
+			d("⚠️ SERVICE INIT SKIPPED", {
+				renderCount: e,
+				reason: "Missing apiKey, client, or serviceConfig"
+			});
+			return;
+		}
+		d("🚀 CREATING SERVICE", {
+			renderCount: e,
+			apiKey: r?.substring(0, 8) + "..."
+		});
+		let n = new m({
+			...t,
+			apiKey: r,
+			debug: A.current,
+			client: F,
+			...t.logger || !j.current ? {} : { logger: Je(j.current) }
+		});
+		O.current = n, _(n), d("✅ SERVICE SET", {
+			renderCount: e,
+			serviceInstance: !!n
+		});
+	}, [
+		r,
+		F,
+		c
+	]);
+	let I = f(null);
+	l(() => {
+		if (d("🔗 USER CONNECTION EFFECT TRIGGERED", {
+			hasService: !!h,
+			hasUser: !!t,
+			userId: t?.id,
+			isConnecting: D.current,
+			isConnected: b,
+			dependencies: {
+				service: !!h,
+				userId: t?.id
+			}
+		}), !c) {
+			if (!h || !t) {
+				d("⚠️ USER CONNECTION SKIPPED", "Missing service or user");
+				return;
+			}
+			if (D.current) {
+				d("⚠️ USER CONNECTION SKIPPED", "Already connecting");
+				return;
+			}
+			if (I.current?.serviceId === h && I.current?.userId === t.id) {
+				d("⚠️ USER CONNECTION SKIPPED", "Already connected this user with this service");
+				return;
+			}
+			(async () => {
+				d("🚀 STARTING USER CONNECTION", { userId: t.id }), D.current = !0, w(!0), E(null);
+				try {
+					d("📞 CALLING SERVICE.CONNECTUSER", { userId: t.id });
+					let e = await h.connectUser(t);
+					y(e), x(!0), I.current = {
+						serviceId: h,
+						userId: t.id
+					}, d("✅ USER CONNECTION SUCCESS", {
+						userId: t.id,
+						clientId: e.userID
+					});
+				} catch (e) {
+					let n = e instanceof Error ? e.message : "Connection failed";
+					E(n), d("❌ USER CONNECTION ERROR", {
+						userId: t.id,
+						error: n
+					});
+				} finally {
+					w(!1), D.current = !1, d("🔄 USER CONNECTION FINISHED", {
+						userId: t.id,
+						isConnected: b
+					});
+				}
+			})();
+		}
+	}, [
+		h,
+		t,
+		d,
+		b,
+		c
+	]), l(() => {
+		let e = F;
+		return () => {
+			e && (I.current = null, O.current?.disconnectUser().catch(console.error));
+		};
+	}, [F]);
+	let L = s(async () => {
+		if (d("🔄 REFRESH CONNECTION CALLED", {
+			hasService: !!h,
+			hasUser: !!t
+		}), !c) {
+			if (!h || !t) {
+				d("⚠️ REFRESH CONNECTION SKIPPED", "Missing service or user");
+				return;
+			}
+			d("🚀 STARTING CONNECTION REFRESH", { userId: t.id }), w(!0);
+			try {
+				d("🔌 DISCONNECTING FOR REFRESH"), await h.disconnectUser(), d("📞 RECONNECTING FOR REFRESH");
+				let e = await h.connectUser(t);
+				y(e), x(!0), E(null), d("✅ CONNECTION REFRESH SUCCESS", { userId: t.id });
+			} catch (e) {
+				let n = e instanceof Error ? e.message : "Refresh failed";
+				E(n), d("❌ CONNECTION REFRESH ERROR", {
+					userId: t.id,
+					error: n
+				});
+			} finally {
+				w(!1), d("🔄 CONNECTION REFRESH FINISHED", { userId: t.id });
+			}
+		}
+	}, [
+		h,
+		t,
+		d,
+		c
+	]), R = i.useMemo(() => (d("💫 CONTEXT VALUE MEMOIZATION", {
+		hasService: !!h,
+		hasClient: !!v,
+		isConnected: b,
+		isLoading: C,
+		hasError: !!T,
+		capabilitiesKeys: Object.keys(a)
+	}), {
+		service: c ? null : h,
+		client: c ?? v,
+		isConnected: c ? !0 : b,
+		isLoading: !c && C,
+		error: c ? null : T,
+		capabilities: a,
+		refreshConnection: L,
+		debug: o
+	}), [
+		h,
+		v,
+		c,
+		b,
+		C,
+		T,
+		a,
+		L,
+		o,
+		d
+	]);
+	return d("🔄 RENDER END", {
+		renderCount: N.current,
+		willRenderChat: !!F,
+		contextValueReady: !!R
+	}), /* @__PURE__ */ W(Xe, {
+		logger: u,
+		children: /* @__PURE__ */ W(Qe.Provider, {
+			value: R,
+			children: F ? /* @__PURE__ */ W(S, {
+				client: F,
+				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
+		})
+	});
+}, tt = () => $e(), nt = (e) => {
+	let [t, n] = p(!!e?.state?.membership?.pinned_at);
+	return l(() => {
+		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 rt(e, t, n) {
+	let r = Object.values(e || {});
+	if (q(n)) {
+		let e = r.find((e) => e.user?.id === ye);
+		if (e) return e;
+	}
+	return r.find((e) => e.user?.id && e.user.id !== t);
+}
+//#endregion
+//#region src/utils/resolveParticipantDisplayName.ts
+var it = /^[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 at(e) {
+	return it.test(e.trim());
+}
+function ot(e, t) {
+	let n = e?.trim();
+	return !n || t && n === t || t && n === `Follower ${t}` ? !1 : !at(n);
+}
+function st(e) {
+	return ot(e?.name, e?.id) ? e.name.trim() : ot(e?.username, e?.id) ? e.username.trim() : "Unknown member";
+}
+//#endregion
+//#region src/components/Avatar/getAvatarEmoji.ts
+var ct = [
+	{
+		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 lt(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 ut(e) {
+	return ct[lt(e) % ct.length];
+}
+function dt(e) {
+	return ut(e).emoji;
+}
+function ft(e) {
+	return ut(e).bgColor;
+}
+//#endregion
+//#region src/components/Avatar/index.tsx
+var pt = ({ id: e, image: t, size: n = 40, className: r, starred: i = !1, shape: a = "squircle", dmAgentEnabled: o = !1 }) => {
+	let s = dt(e), c = ft(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__ */ W("div", {
+		className: "h-full w-full overflow-hidden",
+		style: d,
+		children: t ? /* @__PURE__ */ W("img", {
+			src: t,
+			alt: "",
+			className: "h-full w-full object-cover"
+		}) : /* @__PURE__ */ W("div", {
+			"aria-hidden": "true",
+			className: J("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__ */ G("div", {
+		className: J("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__ */ W("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__ */ W(Be, {
+				className: "size-3 text-yellow-600",
+				weight: "duotone"
+			})
+		}), /* @__PURE__ */ W("div", {
+			"data-testid": "avatar-ring",
+			className: J("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
+		})]
+	});
+}, mt = "https://linktr.ee/s/about/trust-center/report", ht = ({ channel: e, participant: t, showBlockParticipant: n = !0, enabled: r = !0, onLeaveConversation: i, onBlockParticipant: a, onDeleteConversationClick: o, onBlockParticipantClick: s, onReportParticipantClick: c, onActionComplete: u, logLabel: d = "useChannelModerationActions" }) => {
+	let { service: f, debug: m } = $e(), h = t?.user?.id, g = !!(r && n && f && h), [_, v] = p(!1), [y, b] = p(null), [x, S] = p(!1), [C, w] = p(!1), T = g && (y?.participantId !== h || y?.service !== f);
+	return l(() => {
+		if (!g || !f || !h) {
+			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 === h));
+			} catch (t) {
+				e || console.error(`[${d}] Failed to check blocked status:`, t);
+			} finally {
+				e || b({
+					participantId: h,
+					service: f
+				});
+			}
+		})(), () => {
+			e = !0;
+		};
+	}, [
+		g,
+		f,
+		h,
+		d
+	]), {
+		isParticipantBlocked: _,
+		isCheckingBlockedStatus: T,
+		isLeaving: x,
+		isUpdatingBlockStatus: C,
+		handleLeaveConversation: async () => {
+			if (!x) {
+				o?.(), m && console.log(`[${d}] Leave conversation`, e.cid), S(!0);
+				try {
+					let t = e._client?.userID ?? null;
+					await e.hide(t, !1), i && await i(e), u?.();
+				} catch (e) {
+					console.error(`[${d}] Failed to leave conversation`, e);
+				} finally {
+					S(!1);
+				}
+			}
+		},
+		handleBlockUser: async () => {
+			if (!(C || !f)) {
+				s?.(), m && console.log(`[${d}] Block member`, t?.user?.id), w(!0);
+				try {
+					await f.blockUser(t?.user?.id), a && await a(t?.user?.id), u?.();
+				} catch (e) {
+					console.error(`[${d}] Failed to block member`, e);
+				} finally {
+					w(!1);
+				}
+			}
+		},
+		handleUnblockUser: async () => {
+			if (!(C || !f)) {
+				s?.(), m && console.log(`[${d}] Unblock member`, t?.user?.id), w(!0);
+				try {
+					await f.unBlockUser(t?.user?.id), a && await a(t?.user?.id), u?.();
+				} catch (e) {
+					console.error(`[${d}] Failed to unblock member`, e);
+				} finally {
+					w(!1);
+				}
+			}
+		},
+		handleReportUser: () => {
+			c?.(), u?.(), window.open(mt, "_blank", "noopener,noreferrer");
+		}
+	};
+}, gt = ({ variant: e = "default", className: t, children: n, ...r }) => /* @__PURE__ */ W("button", {
+	type: "button",
+	className: J("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
+}), _t = ({ channel: e, participant: t, showDeleteConversation: n = !0, showBlockParticipant: r = !0, showReportParticipant: i = !0, onLeaveConversation: a, onBlockParticipant: o, onDeleteConversationClick: c, onBlockParticipantClick: d, onReportParticipantClick: m, customChannelActions: h, triggerClassName: g }) => {
+	let [_, v] = p(!1), y = f(null), b = u(), { isParticipantBlocked: x, isCheckingBlockedStatus: S, isLeaving: C, isUpdatingBlockStatus: w, handleLeaveConversation: T, handleBlockUser: E, handleUnblockUser: D, handleReportUser: O } = ht({
+		channel: e,
+		participant: t,
+		showBlockParticipant: r,
+		enabled: _,
+		onLeaveConversation: a,
+		onBlockParticipant: o,
+		onDeleteConversationClick: c,
+		onBlockParticipantClick: d,
+		onReportParticipantClick: m,
+		onActionComplete: s(() => v(!1), []),
+		logLabel: "ChannelActionsMenu"
+	});
+	return l(() => {
+		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 || h) ? null : /* @__PURE__ */ G("div", {
+		ref: y,
+		className: "relative",
+		children: [/* @__PURE__ */ G("button", {
+			className: g,
+			type: "button",
+			"aria-haspopup": "true",
+			"aria-expanded": _,
+			"aria-controls": _ ? b : void 0,
+			onClick: () => v((e) => !e),
+			children: [/* @__PURE__ */ W(Ae, { className: "size-5 text-black/90" }), /* @__PURE__ */ W("span", {
+				className: "sr-only",
+				children: "More options"
+			})]
+		}), _ && /* @__PURE__ */ W("div", {
+			id: b,
+			"aria-label": "Conversation options",
+			className: J("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__ */ G("ul", {
+				className: "flex flex-col gap-1",
+				children: [
+					n && /* @__PURE__ */ W("li", { children: /* @__PURE__ */ G(gt, {
+						onClick: T,
+						disabled: C,
+						"aria-busy": C,
+						children: [C ? /* @__PURE__ */ W(ze, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ W(Le, { className: "h-5 w-5" }), /* @__PURE__ */ W("span", { children: "Delete Conversation" })]
+					}) }),
+					r && /* @__PURE__ */ W("li", { children: S ? /* @__PURE__ */ G(gt, {
+						disabled: !0,
+						"aria-busy": !0,
+						children: [/* @__PURE__ */ W(ze, { className: "h-5 w-5 animate-spin" }), /* @__PURE__ */ W("span", { children: "Block" })]
+					}) : x ? /* @__PURE__ */ G(gt, {
+						onClick: D,
+						disabled: w,
+						"aria-busy": w,
+						children: [w ? /* @__PURE__ */ W(ze, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ W(Ie, { className: "h-5 w-5" }), /* @__PURE__ */ W("span", { children: "Unblock" })]
+					}) : /* @__PURE__ */ G(gt, {
+						onClick: E,
+						disabled: w,
+						"aria-busy": w,
+						children: [w ? /* @__PURE__ */ W(ze, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ W(Ie, { className: "h-5 w-5" }), /* @__PURE__ */ W("span", { children: "Block" })]
+					}) }),
+					i && /* @__PURE__ */ W("li", { children: /* @__PURE__ */ G(gt, {
+						variant: "danger",
+						onClick: O,
+						children: [/* @__PURE__ */ W(X, { className: "h-5 w-5" }), /* @__PURE__ */ W("span", { children: "Report" })]
+					}) }),
+					h
+				]
+			})
+		})]
+	});
+}, vt = "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", yt = "CUSTOMER_PAID", bt = (e) => typeof e == "string" && e.trim().replace(/[\s-]+/g, "_").toUpperCase() === yt, xt = ({ className: e, onBack: t, showBackButton: n, showStarButton: r = !1, onLeaveConversation: a, onBlockParticipant: o, 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: _ } = ue(), { client: v } = de(), y = i.useMemo(() => rt(_.state?.members, v?.userID, _.type), [
+		_.state?.members,
+		v?.userID,
+		_.type
+	]), b = st(y?.user), x = y?.user?.image, S = nt(_), C = bt(_.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__ */ G(U, { children: [/* @__PURE__ */ W(pt, {
+		id: y?.user?.id || _.id || "unknown",
+		name: b,
+		image: x,
+		shape: "circle",
+		size: 48,
+		className: "-mb-2"
+	}), /* @__PURE__ */ W("span", {
+		className: J("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__ */ G("span", {
+			className: "flex max-w-full items-center justify-center",
+			children: [/* @__PURE__ */ W("span", {
+				className: "min-w-0 truncate text-sm font-bold leading-[1.43] tracking-[0.28px] text-black/90",
+				children: b
+			}), T && /* @__PURE__ */ G("span", {
+				className: "ml-2 flex gap-1",
+				children: [
+					C && /* @__PURE__ */ W("span", {
+						"aria-label": "Paid customer",
+						className: "flex size-4 shrink-0 items-center justify-center rounded-full bg-[#34C759] text-white",
+						children: /* @__PURE__ */ W(ke, {
+							className: "size-2.5",
+							weight: "bold"
+						})
+					}),
+					w && /* @__PURE__ */ W("span", {
+						className: "messaging-header-star-badge flex overflow-hidden",
+						children: /* @__PURE__ */ W("span", {
+							"aria-label": "Starred conversation",
+							className: "flex size-4 shrink-0 items-center justify-center rounded-full bg-[#FFD60A] text-white",
+							children: /* @__PURE__ */ W(Be, {
+								className: "size-2.5",
+								weight: "fill"
+							})
+						})
+					}),
+					g && /* @__PURE__ */ W(Ee, {
+						"aria-hidden": "true",
+						className: "size-4 shrink-0 text-black/65",
+						weight: "bold"
+					})
+				]
+			})]
+		})
+	})] });
+	return /* @__PURE__ */ W("div", {
+		className: J("@container bg-[linear-gradient(180deg,#FBFAF9_0%,rgba(251,250,249,0.92)_58%,rgba(251,250,249,0)_100%)]", e),
+		children: /* @__PURE__ */ G("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__ */ W("div", {
+					className: "flex items-start",
+					children: n && /* @__PURE__ */ W("button", {
+						className: J(vt, "messaging-channel-view-back-button-mobile messaging-channel-view-back-button-desktop"),
+						onClick: t || (() => {}),
+						type: "button",
+						"aria-label": "Back to conversations",
+						children: /* @__PURE__ */ W(we, { className: "size-5 text-black/90" })
+					})
+				}),
+				/* @__PURE__ */ W("div", {
+					className: "flex min-w-0 justify-center",
+					"data-dd-privacy": "mask",
+					children: g ? /* @__PURE__ */ W("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__ */ W("div", {
+						className: "flex min-w-0 max-w-full flex-col items-center px-2",
+						children: D
+					})
+				}),
+				/* @__PURE__ */ G("div", {
+					className: "flex items-start justify-end gap-2",
+					children: [r && /* @__PURE__ */ W("button", {
+						className: vt,
+						onClick: E,
+						type: "button",
+						"aria-pressed": S,
+						"aria-label": S ? "Unstar conversation" : "Star conversation",
+						children: /* @__PURE__ */ W(Be, {
+							className: J("size-5", {
+								"text-[#FFD60A]": S,
+								"text-black/90": !S
+							}),
+							weight: S ? "fill" : "regular"
+						})
+					}), h && (m === void 0 ? /* @__PURE__ */ W(_t, {
+						channel: _,
+						participant: y,
+						showDeleteConversation: s,
+						showBlockParticipant: c,
+						showReportParticipant: l,
+						onLeaveConversation: a,
+						onBlockParticipant: o,
+						onDeleteConversationClick: u,
+						onBlockParticipantClick: d,
+						onReportParticipantClick: f,
+						customChannelActions: p,
+						triggerClassName: vt
+					}) : m)]
+				})
+			]
+		})
+	});
+}, St = (e) => /* @__PURE__ */ W(C, {
+	...e,
+	position: "center"
+});
+//#endregion
+//#region src/utils/getMessageDisplayText.ts
+function Ct(e) {
+	return e?.trim().toLowerCase().split(/[-_]/)[0] || void 0;
+}
+function wt({ message: e, viewerLanguage: t }) {
+	let n = e?.text, r = Ct(t);
+	return r ? e?.i18n?.[`${r}_text`] ?? n : n;
+}
+//#endregion
+//#region src/components/MediaMessage/index.tsx
+function Tt(e) {
+	return e.type === "link" || !!e.og_scrape_url?.trim() && !e.asset_url;
+}
+//#endregion
+//#region src/components/CustomMessage/context.tsx
+var Et = { LockedAttachment: { isUnlocking: () => !1 } }, Dt = o({}), Ot = Dt.Provider;
+function kt(e) {
+	return c(Dt)[e] ?? Et[e];
+}
+//#endregion
+//#region src/components/CustomMessage/LockedAttachment/index.tsx
+var At = i.lazy(() => import("./Card-C7uLQbYz.js")), jt = i.lazy(() => import("./Card-D__kW2E_.js")), Mt = () => /* @__PURE__ */ W("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
+}), Nt = (e) => /* @__PURE__ */ W(a, {
+	fallback: /* @__PURE__ */ W(Mt, {}),
+	children: e.contentType === "text" ? /* @__PURE__ */ W(At, { ...e }) : /* @__PURE__ */ W(jt, { ...e })
+}), Pt = ({ size: e = 15 }) => /* @__PURE__ */ W("svg", {
+	width: e,
+	height: e,
+	viewBox: "0 0 15 15",
+	fill: "none",
+	"aria-hidden": "true",
+	children: /* @__PURE__ */ W("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
+	})
+}), Ft = (e) => e.metadata?.custom_type === K.PAID, It = (e) => e.metadata?.custom_type === K.CHATBOT, Lt = (e) => e.metadata?.custom_type === K.ATTACHMENT, Rt = (e) => Lt(e) && e.metadata?.attachment_content_type === "text", zt = (e) => Lt(e) && e.metadata?.attachment_content_type !== "text", Bt = (e) => Ft(e) && !!e.metadata?.amount_text, Vt = ({ message: e, isMyMessage: t = !1, hasAttachment: n = !1 }) => {
+	let r = Ft(e), i = It(e);
+	if (!r && !i) return null;
+	if (r) {
+		let t = e.metadata?.amount_text;
+		return t ? /* @__PURE__ */ G("div", {
+			className: "message-tag--paid inline-flex items-center gap-1 text-[12px] font-medium leading-[2] text-[#016630]",
+			children: [/* @__PURE__ */ W(Z, { size: 12 }), /* @__PURE__ */ G("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__ */ W("span", {
+		className: "text-left",
+		children: o
+	}), l = /* @__PURE__ */ W("span", {
+		className: "inline-flex items-center leading-none",
+		children: /* @__PURE__ */ W(Pt, { size: a ? 12 : 15 })
+	});
+	return /* @__PURE__ */ W("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__ */ G(U, { children: [c, l] }) : /* @__PURE__ */ G(U, { children: [l, c] })
+	});
+}, Ht = "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%", Ut = {
+	me: "var(--str-chat__own-message-bubble-background-color, #1e2330)",
+	other: "var(--str-chat__message-bubble-background-color, #f1f0ee)"
+}, Wt = ({ side: e }) => /* @__PURE__ */ W("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: Ut[e],
+		WebkitMask: Ht,
+		mask: Ht
+	}
+}), Gt = o(void 0), Kt = (e) => {
+	let t = e.metadata?.outbound_id;
+	return typeof t == "string" ? t : void 0;
+}, qt = (e, t) => {
+	if (!t || !e?.length) return;
+	let n = /* @__PURE__ */ new Set(), r;
+	for (let i of e) {
+		let e = Kt(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;
+}, Jt = (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);
+}, Yt = (e, t) => {
+	let n = qt(e, t), [r, i] = p(n);
+	return Jt(r, n) ? r : (i(n), n);
+}, Xt = (e) => e.metadata?.custom_type === K.TIP, Zt = ({ message: e }) => {
+	let t = e.metadata?.amount_text;
+	return t ? /* @__PURE__ */ G("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__ */ W("span", {
+			className: "flex h-5 items-center text-[20px] leading-none",
+			"aria-hidden": "true",
+			children: "🎁"
+		}), /* @__PURE__ */ G("span", {
+			className: "text-[14px] font-bold leading-[1.43] tracking-[0.28px] text-[rgba(4,4,3,0.9)]",
+			children: [t, " tip!"]
+		})]
+	}) : null;
+}, Qt = () => {
+	let { message: e } = H("SentMessageDeliveryStatus"), { messages: t } = ue("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;
+}, $t = () => Qt() ? /* @__PURE__ */ G(U, { children: [/* @__PURE__ */ W(De, {
+	weight: "bold",
+	"aria-hidden": "true"
+}), /* @__PURE__ */ W("span", {
+	"data-testid": "sent-message-delivery-status",
+	children: "Delivered"
+})] }) : null, en = () => Qt() ? /* @__PURE__ */ G(U, { children: [/* @__PURE__ */ W(Oe, {
+	className: "sent-message-status__spinner animate-spin",
+	weight: "bold",
+	"aria-hidden": "true"
+}), /* @__PURE__ */ W("span", {
+	"data-testid": "sent-message-sending-status",
+	children: "Sending"
+})] }) : null, tn = ({ outbound: e, onOutboundClick: t }) => {
+	let n = e.name || "Broadcast", r = /* @__PURE__ */ G(U, { children: [/* @__PURE__ */ W("span", {
+		className: "sent-message-outbound-badge",
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ W(Me, { weight: "fill" })
+	}), /* @__PURE__ */ W("span", {
+		className: J("sent-message-outbound-name", { "underline [text-decoration-skip-ink:auto]": !!t }),
+		"data-testid": "sent-message-outbound-status",
+		children: n
+	})] });
+	return t ? /* @__PURE__ */ W("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;
+}, nn = () => /* @__PURE__ */ G("span", {
+	className: "str-chat__message-status sent-message-status--failed",
+	children: [/* @__PURE__ */ W(Ue, {
+		weight: "bold",
+		"aria-hidden": "true"
+	}), /* @__PURE__ */ W("span", {
+		"data-testid": "sent-message-failed-status",
+		children: "Failed to send"
+	})]
+}), rn = ({ onOutboundClick: e, resolvedOutbound: t }) => {
+	let { isMyMessage: n, message: r, threadList: i } = H("SentMessageDeliveryStatus"), a = n(), o = Qt();
+	if (i) return null;
+	if (r.status === "failed" && a && r.type !== "error") return /* @__PURE__ */ W(nn, {});
+	if (!a) return null;
+	let s = r.metadata?.outbound_id, c = r.status !== "sending" && r.status !== "failed" && s && t ? /* @__PURE__ */ W(tn, {
+		outbound: t,
+		onOutboundClick: e
+	}) : null, l = Bt(r) ? null : /* @__PURE__ */ W(F, {
+		MessageSentStatus: $t,
+		MessageDeliveredStatus: $t,
+		MessageReadStatus: $t,
+		MessageSendingStatus: Xt(r) ? $t : en
+	});
+	return c ? /* @__PURE__ */ G("span", {
+		className: "sent-message-status-row",
+		children: [
+			l,
+			l && o && /* @__PURE__ */ W("span", {
+				className: "sent-message-outbound-separator",
+				"aria-hidden": "true",
+				children: "•"
+			}),
+			c
+		]
+	}) : l;
+}, an = /^([a-z][a-z0-9+.-]*):/i, on = /* @__PURE__ */ new Set([
+	"http",
+	"https",
+	"mailto",
+	"tel",
+	"sms"
+]);
+function sn(e) {
+	if (typeof e != "string") return;
+	let t = e.trim();
+	if (t === "") return;
+	let n = an.exec(t);
+	if (n) {
+		let e = n[1].toLowerCase();
+		return on.has(e) ? t : void 0;
+	}
+	return t.startsWith("//") || t.startsWith("/") ? t : `https://${t}`;
+}
+//#endregion
+//#region src/components/LinkAttachment/components/_shared/CardCta.tsx
+var cn = {
+	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"
+	}
+}, ln = ({ variant: e, cta: t, fullWidth: n = !0, standalone: r = !1 }) => {
+	let i = t.variant ?? "primary", a = J("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", cn[e][i]), o = n ? t.label : /* @__PURE__ */ W("span", {
+		className: "min-w-0 truncate",
+		children: t.label
+	}), s = sn(t.href);
+	return s ? /* @__PURE__ */ W("a", {
+		href: s,
+		target: "_blank",
+		rel: "noopener noreferrer",
+		onClick: (e) => {
+			e.stopPropagation(), t.onClick?.();
+		},
+		className: `${a} no-underline`,
+		children: o
+	}) : /* @__PURE__ */ W("button", {
+		type: "button",
+		onClick: (e) => {
+			e.stopPropagation(), t.onClick?.();
+		},
+		className: a,
+		children: o
+	});
+}, un = {
+	dark: "text-white",
+	light: "text-black/90"
+}, dn = "text-white/30", fn = {
+	dark: "text-white/55",
+	light: "text-black/55"
+}, pn = {
+	dark: "bg-white/25",
+	light: "bg-black/15"
+}, mn = ({ 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 = J("line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px]", n == null && (f && !r ? dn : un[e])), b = J("truncate text-[12px] leading-4 tracking-[0.24px]", n == null && fn[e]), x = J("text-[12px] leading-4 tracking-[0.24px]", o <= 1 && "truncate", n == null && fn[e]);
+	if (d) {
+		let t = J("animate-pulse rounded", pn[e]);
+		return /* @__PURE__ */ W("div", {
+			className: "shrink-0 px-4 py-3",
+			children: /* @__PURE__ */ G("div", {
+				className: "flex min-w-0 flex-col gap-[2px]",
+				children: [/* @__PURE__ */ W("div", {
+					className: J("h-5 w-3/4", t),
+					"aria-hidden": !0
+				}), /* @__PURE__ */ W("div", {
+					className: J("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__ */ G("div", {
+		className: "shrink-0 px-4 py-3",
+		children: [/* @__PURE__ */ G("div", {
+			className: "flex items-end gap-3",
+			children: [/* @__PURE__ */ G("div", {
+				className: "flex min-w-0 flex-1 flex-col gap-[2px]",
+				children: [
+					m && /* @__PURE__ */ G("div", {
+						className: "flex min-w-0 items-center gap-2",
+						children: [c ? /* @__PURE__ */ W("span", {
+							className: "shrink-0",
+							children: c
+						}) : null, /* @__PURE__ */ W("p", {
+							className: J("min-w-0", y),
+							style: S,
+							children: p
+						})]
+					}),
+					h && /* @__PURE__ */ W("p", {
+						className: x,
+						style: C,
+						children: a
+					}),
+					!v && _ && /* @__PURE__ */ W("p", {
+						className: b,
+						style: S,
+						"data-testid": "link-attachment-url",
+						children: g
+					})
+				]
+			}), u && /* @__PURE__ */ W("div", {
+				className: "shrink-0",
+				children: u
+			})]
+		}), l && /* @__PURE__ */ W(ln, {
+			variant: t ?? e,
+			cta: l
+		})]
+	});
+}, hn = "Loading link preview", gn = J("relative w-[var(--lt-msg-card-width,290px)] max-w-full select-none overflow-hidden", "rounded-[20px]"), _n = "flex h-[250px] flex-col", vn = ({ 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 = J("messaging-link-card", gn, l ? _n : "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": hn
+	} : void 0, m = c ? { "--accent": c } : void 0, h = o ? /* @__PURE__ */ W("div", {
+		className: "pointer-events-auto absolute right-3 top-3 z-10",
+		children: o
+	}) : null;
+	return n ? /* @__PURE__ */ G("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__ */ G("button", {
+		ref: a,
+		type: "button",
+		onClick: r,
+		"aria-label": i,
+		"data-testid": d,
+		"data-variant": e,
+		className: J(f, "text-left"),
+		style: m,
+		...p,
+		children: [t, h]
+	}) : /* @__PURE__ */ G("div", {
+		ref: a,
+		"data-testid": d,
+		"data-variant": e,
+		className: f,
+		style: m,
+		...p,
+		children: [t, h]
+	});
+}, yn = {
+	dark: "bg-white/10",
+	light: "bg-black/5"
+}, bn = {
+	dark: "size-16 text-white/25",
+	light: "size-16 text-black/25"
+}, xn = (e, n) => !!n && !!e && t(e) === "audio", Sn = (e, n) => {
+	if (!n || !e) return !1;
+	let r = t(e);
+	return r === "video" || r === "audio";
+}, Cn = "bg-[#F2F3F4]", wn = ({ variant: r, thumbnailUrl: i, sourceUrl: a, title: o, mimeType: s = "image/*", topLeft: c, topRight: l, isLoading: u = !1, onImageError: d }) => {
+	let f = t(s), p = !!a && f === "video", m = e(i);
+	return !u && xn(s, a) ? /* @__PURE__ */ W("div", {
+		className: "p-3",
+		children: /* @__PURE__ */ W("audio", {
+			src: a,
+			controls: !0,
+			preload: "metadata",
+			className: "block w-full",
+			children: /* @__PURE__ */ W("track", { kind: "captions" })
+		})
+	}) : /* @__PURE__ */ G("div", {
+		className: J("relative min-h-0 w-full flex-1 overflow-hidden", p && "bg-black"),
+		children: [
+			u ? /* @__PURE__ */ W("div", {
+				className: J("h-full w-full animate-pulse", yn[r]),
+				"aria-hidden": !0
+			}) : p ? /* @__PURE__ */ G(U, { children: [/* @__PURE__ */ W("video", {
+				src: a,
+				poster: m,
+				controls: !0,
+				playsInline: !0,
+				preload: "metadata",
+				className: "absolute inset-0 h-full w-full object-contain",
+				children: /* @__PURE__ */ W("track", { kind: "captions" })
+			}), m && d ? /* @__PURE__ */ W("img", {
+				src: m,
+				alt: "",
+				"aria-hidden": !0,
+				onError: d,
+				className: "hidden"
+			}) : null] }) : i ? /* @__PURE__ */ W("img", {
+				src: m ?? i,
+				alt: o ?? "",
+				draggable: !1,
+				loading: "lazy",
+				decoding: "async",
+				onError: d,
+				className: "absolute inset-0 h-full w-full object-cover"
+			}) : /* @__PURE__ */ W("div", {
+				className: J("flex h-full w-full items-center justify-center", yn[r]),
+				children: n(s, {
+					className: bn[r],
+					weight: "regular"
+				})
+			}),
+			c ? /* @__PURE__ */ W("div", {
+				className: "pointer-events-auto absolute left-3 top-3 z-10",
+				children: c
+			}) : null,
+			l ? /* @__PURE__ */ W("div", {
+				className: "pointer-events-auto absolute right-3 top-3 z-10",
+				children: l
+			}) : null
+		]
+	});
+}, Tn = /^#?(?:[0-9a-f]{3}|[0-9a-f]{6})$/i;
+function En(e) {
+	let t = e.trim();
+	return t.startsWith("#") ? t : `#${t}`;
+}
+//#endregion
+//#region src/components/LinkAttachment/components/_shared/useChinPalette.ts
+var Dn = "#FFFFFF", On = "#040403", kn = {
+	dark: Dn,
+	light: On
+};
+function An({ variant: e, accentColor: t, status: n = "ready", layout: r = "featured", thumbnailUrl: a, mimeType: o, sourceUrl: s }) {
+	let [c, l] = i.useState(!1);
+	i.useEffect(() => {
+		l(!1);
+	}, [a]);
+	let u = i.useCallback(() => {
+		l(!0);
+	}, []), d = xn(o, s), f = r === "featured" && a && !d && !c && n === "ready" && t != null && Tn.test(t.trim()) ? En(t) : void 0, p = d ? On : kn[e];
+	return {
+		thumbnailUrl: c ? void 0 : a,
+		accentHex: f,
+		chinTextColor: p,
+		surface: d ? "light" : e,
+		isLoading: n === "loading",
+		onImageError: u
+	};
+}
+//#endregion
+//#region src/components/LinkAttachment/components/Composer/Card.tsx
+var jn = "flex size-6 items-center justify-center rounded-full bg-[#121110] text-white focus-ring", Mn = "relative before:absolute before:-inset-[10px] before:content-['']", Nn = ({ 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", _ = xn(a, s), v = An({
+		variant: "dark",
+		accentColor: d,
+		status: f,
+		layout: c,
+		thumbnailUrl: o,
+		mimeType: a,
+		sourceUrl: s
+	}), y = p ? /* @__PURE__ */ W("button", {
+		type: "button",
+		onClick: p,
+		"aria-label": h,
+		className: J(jn, !_ && Mn),
+		children: /* @__PURE__ */ W(We, {
+			className: "size-3",
+			weight: "bold"
+		})
+	}) : void 0, b = m ? /* @__PURE__ */ W("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__ */ W(Ne, {
+			className: "size-5",
+			weight: "regular"
+		})
+	}) : void 0;
+	return _ && !v.isLoading ? /* @__PURE__ */ W(vn, {
+		variant: "dark",
+		bgClassName: Cn,
+		children: /* @__PURE__ */ G("div", {
+			className: "flex items-center gap-2 pr-3",
+			children: [/* @__PURE__ */ W("div", {
+				className: "min-w-0 flex-1",
+				children: /* @__PURE__ */ W(wn, {
+					variant: "dark",
+					sourceUrl: s,
+					title: e,
+					mimeType: a
+				})
+			}), y && /* @__PURE__ */ W("div", {
+				className: "shrink-0",
+				children: y
+			})]
+		})
+	}) : /* @__PURE__ */ G(vn, {
+		variant: "dark",
+		fixedHeight: !g,
+		accentHex: v.accentHex,
+		busy: v.isLoading,
+		topRight: g ? y : void 0,
+		children: [!g && /* @__PURE__ */ W(wn, {
+			variant: "dark",
+			thumbnailUrl: v.thumbnailUrl,
+			sourceUrl: s,
+			title: e,
+			mimeType: a,
+			topRight: y,
+			isLoading: v.isLoading,
+			onImageError: v.onImageError
+		}), /* @__PURE__ */ W(mn, {
+			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
+		})]
+	});
+}, Pn = ({ accentHex: e, side: t, visible: n, children: r }) => n ? /* @__PURE__ */ G("div", {
+	className: "relative isolate w-fit",
+	children: [r, /* @__PURE__ */ W("span", {
+		"aria-hidden": !0,
+		"data-testid": "link-card-tail",
+		"data-variant": t === "sender" ? "dark" : "light",
+		style: e ? { "--accent": e } : void 0,
+		className: J("messaging-link-card-tail", t === "receiver" && "messaging-link-card-tail--received")
+	})]
+}) : /* @__PURE__ */ W(U, { children: r }), Fn = {
+	Composer: Nn,
+	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 = Sn(a, s), g = sn(i), _ = u == null && g != null && !h ? g : void 0, v = u == null && !h && _ != null ? p : void 0, y = f !== "loading" && xn(a, s), b = An({
+			variant: "dark",
+			accentColor: d,
+			status: f,
+			layout: c,
+			thumbnailUrl: o,
+			mimeType: a,
+			sourceUrl: s
+		});
+		return /* @__PURE__ */ W(Pn, {
+			accentHex: b.accentHex,
+			side: "sender",
+			visible: !y && (m === "single" || m === "end"),
+			children: /* @__PURE__ */ G(vn, {
+				variant: "dark",
+				href: _,
+				onClick: v,
+				fixedHeight: c === "featured" && !y,
+				accentHex: b.accentHex,
+				busy: b.isLoading,
+				bgClassName: y ? Cn : void 0,
+				children: [c === "featured" && /* @__PURE__ */ W(wn, {
+					variant: "dark",
+					thumbnailUrl: b.thumbnailUrl,
+					sourceUrl: s,
+					title: e,
+					mimeType: a,
+					isLoading: b.isLoading,
+					onImageError: b.onImageError
+				}), /* @__PURE__ */ W(mn, {
+					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 = Sn(i, o), h = sn(r), g = l == null && h != null && !m ? h : void 0, _ = l == null && !m ? f : void 0, v = d !== "loading" && xn(i, o) ? Cn : void 0, y = l && f ? {
+			...l,
+			onClick: () => {
+				f(), l.onClick?.();
+			}
+		} : l, b = An({
+			variant: "light",
+			accentColor: u,
+			status: d,
+			layout: s,
+			thumbnailUrl: a,
+			mimeType: i,
+			sourceUrl: o
+		});
+		return /* @__PURE__ */ W(Pn, {
+			accentHex: b.accentHex,
+			side: "receiver",
+			visible: v == null && (p === "single" || p === "end"),
+			children: /* @__PURE__ */ G(vn, {
+				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__ */ W(wn, {
+					variant: "light",
+					thumbnailUrl: b.thumbnailUrl,
+					sourceUrl: o,
+					title: e,
+					mimeType: i,
+					isLoading: b.isLoading,
+					onImageError: b.onImageError
+				}), /* @__PURE__ */ W(mn, {
+					chinTextColor: b.chinTextColor,
+					variant: "light",
+					ctaSurface: b.surface,
+					title: e,
+					description: t,
+					descriptionLines: n,
+					url: r,
+					appIcon: c,
+					cta: y,
+					isLoading: b.isLoading
+				})]
+			})
+		});
+	}
+}, In = {
+	dark: "bg-[#1e2330]",
+	light: "bg-[#f2f1ef]"
+}, Ln = {
+	dark: "text-white",
+	light: "text-[#000000]"
+}, Rn = {
+	dark: "border-white/[0.08]",
+	light: "border-black/[0.08]"
+}, zn = (e) => e === "dark" ? "sender" : "receiver", Bn = {
+	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]"
+	}
+}, Vn = ({ 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 ?? Bn[zn(e)][r];
+	return /* @__PURE__ */ G("div", {
+		"data-testid": l,
+		"data-group-position": r,
+		className: J("relative", i, "overflow-hidden", a, u && "pb-0", d, In[e], Ln[e], n && "border", n && Rn[e], s),
+		children: [c, u ? /* @__PURE__ */ W("p", {
+			className: J("whitespace-pre-wrap break-words leading-snug hyphens-manual", "pb-2 pt-2", "px-2"),
+			children: t
+		}) : null]
+	});
+}, Hn = ({ onClick: e, variant: t = "overlay", ariaLabel: n = "Dismiss attachment" }) => /* @__PURE__ */ W("button", {
+	type: "button",
+	onClick: (t) => {
+		t.stopPropagation(), e();
+	},
+	"aria-label": n,
+	className: J("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__ */ W(We, {
+		className: "size-3",
+		weight: "bold"
+	})
+}), Un = (e) => e === "received" ? "light" : "dark", Wn = ({ firstOfGroup: e, endOfGroup: t, groupedByUser: n }) => !n || e && t ? "single" : e ? "first" : t ? "end" : "middle", Gn = ({ src: e, mimeType: t, filename: n, items: r }) => r && r.length > 0 ? r : e ? [{
+	src: e,
+	mimeType: t,
+	filename: n
+}] : [], Kn = ({ item: e, preload: t, trailingAction: n }) => /* @__PURE__ */ G("div", {
+	className: "flex items-center gap-2",
+	children: [/* @__PURE__ */ W("audio", {
+		src: e.src,
+		controls: !0,
+		preload: e.preload ?? t,
+		className: "block min-w-0 flex-1",
+		children: e.mimeType ? /* @__PURE__ */ W("source", {
+			src: e.src,
+			type: e.mimeType
+		}) : null
+	}), n ?? null]
+}), qn = ({ state: e, src: t, mimeType: n, filename: r, items: i, text: a, groupPosition: o, preload: s, onDismiss: c }) => {
+	let l = Un(e), u = e === "composer" && !!c, d = Gn({
+		src: t,
+		mimeType: n,
+		filename: r,
+		items: i
+	});
+	if (d.length === 0) return null;
+	let f = s ?? (d.length > 1 ? "none" : "metadata");
+	return /* @__PURE__ */ W(Vn, {
+		variant: l,
+		text: a,
+		groupPosition: o,
+		"data-testid": "audio-attachment",
+		children: /* @__PURE__ */ W("div", {
+			className: "flex flex-col gap-2",
+			children: d.map((e, t) => /* @__PURE__ */ W(Kn, {
+				item: e,
+				preload: f,
+				trailingAction: u && t === 0 ? /* @__PURE__ */ W(Hn, {
+					onClick: c,
+					variant: "inline"
+				}) : void 0
+			}, `${e.src}-${t}`))
+		})
+	});
+}, Jn = {
+	Composer: (e) => /* @__PURE__ */ W(qn, {
+		...e,
+		state: "composer"
+	}),
+	Sent: (e) => /* @__PURE__ */ W(qn, {
+		...e,
+		state: "sent"
+	}),
+	Received: (e) => /* @__PURE__ */ W(qn, {
+		...e,
+		state: "received"
+	})
+};
+//#endregion
+//#region src/components/MessageAttachment/_shared/fileMeta.ts
+function Yn(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 Xn = {
+	pdf: "PDF",
+	doc: "DOC",
+	xls: "XLS",
+	csv: "CSV",
+	ppt: "PPT",
+	zip: "ZIP",
+	text: "TXT",
+	markdown: "MD"
+};
+function Zn(e, n) {
+	if (n) {
+		let e = n.lastIndexOf(".");
+		if (e > 0 && e < n.length - 1) {
+			let t = n.slice(e + 1);
+			if (t && t.length <= 5) return t.toUpperCase();
+		}
+	}
+	if (!e) return;
+	if (t(e) === "document") {
+		let t = Xn[r(e)];
+		if (t) return t;
+		if (e === "application/octet-stream") return;
+	}
+	let i = e.split("/")[1];
+	if (!(!i || i === "*")) return i.toUpperCase();
+}
+function Qn(e, t, n) {
+	return [Zn(e, t), typeof n == "number" && n > 0 ? Yn(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 $n = {
+	dark: "text-white/55",
+	light: "text-black/65"
+}, er = {
+	dark: "bg-white/10",
+	light: "bg-black/5"
+}, tr = {
+	dark: "text-white/85",
+	light: "text-black/85"
+}, nr = ({ variant: e, filename: t, title: r, mimeType: i = "application/octet-stream", fileSize: a, onActivate: o, activateLabel: s, trailingAction: c }) => {
+	let l = r ?? t ?? "File", u = Qn(i, t, a), d = /* @__PURE__ */ W("div", {
+		className: J("flex size-10 shrink-0 items-center justify-center rounded-sm", er[e]),
+		"aria-hidden": !0,
+		children: n(i, {
+			className: J("size-6", tr[e]),
+			weight: "regular"
+		})
+	}), f = /* @__PURE__ */ G("div", {
+		className: "flex min-w-0 flex-1 flex-col text-left",
+		children: [/* @__PURE__ */ W("p", {
+			className: "truncate font-medium leading-snug",
+			children: l
+		}), u ? /* @__PURE__ */ W("p", {
+			className: J("truncate text-xs leading-4", $n[e]),
+			children: u
+		}) : null]
+	}), p = o ? /* @__PURE__ */ G("button", {
+		type: "button",
+		onClick: o,
+		"aria-label": s,
+		className: J("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__ */ G(U, { children: [d, f] });
+	return /* @__PURE__ */ G("div", {
+		className: "flex items-center gap-3 px-3 py-2",
+		children: [p, c ? /* @__PURE__ */ W("div", {
+			className: "shrink-0",
+			children: c
+		}) : null]
+	});
+};
+//#endregion
+//#region src/components/MessageAttachment/_shared/triggerDownload.ts
+async function rr(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 ir = ({ 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
+}] : [], ar = ({ variant: e, item: t, index: n, onActivate: r, trailingAction: i }) => {
+	let a = t.filename ?? Q(t.src);
+	return /* @__PURE__ */ W(nr, {
+		variant: e,
+		filename: a,
+		title: t.title,
+		mimeType: t.mimeType ?? "application/octet-stream",
+		fileSize: t.fileSize,
+		onActivate: () => r(n),
+		activateLabel: `Download ${a}`,
+		trailingAction: i
+	});
+}, or = ({ state: e, src: t, filename: n, fileSize: r, mimeType: i, title: a, items: o, text: s, groupPosition: c, onClick: l, onDismiss: u }) => {
+	let d = Un(e), f = e === "composer" && !!u, p = ir({
+		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);
+		rr(t.src, n);
+	};
+	if (p.length === 0) return null;
+	let h = /* @__PURE__ */ W("span", {
+		className: J("flex size-8 items-center justify-center rounded-full", d === "dark" ? "text-white/70" : "text-black/70"),
+		"aria-hidden": !0,
+		children: /* @__PURE__ */ W(je, {
+			className: "size-5",
+			weight: "bold"
+		})
+	});
+	return /* @__PURE__ */ W(Vn, {
+		variant: d,
+		text: s,
+		groupPosition: c,
+		"data-testid": "file-attachment",
+		children: /* @__PURE__ */ W("div", {
+			className: "flex flex-col gap-2",
+			children: p.map((e, t) => /* @__PURE__ */ W(ar, {
+				variant: d,
+				item: e,
+				index: t,
+				onActivate: m,
+				trailingAction: f && t === 0 ? /* @__PURE__ */ W(Hn, {
+					onClick: u,
+					variant: "inline"
+				}) : h
+			}, `${e.src}-${t}`))
+		})
+	});
+}, sr = {
+	Composer: (e) => /* @__PURE__ */ W(or, {
+		...e,
+		state: "composer"
+	}),
+	Sent: (e) => /* @__PURE__ */ W(or, {
+		...e,
+		state: "sent"
+	}),
+	Received: (e) => /* @__PURE__ */ W(or, {
+		...e,
+		state: "received"
+	})
+}, cr = "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", lr = "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", ur = ({ onPrev: e, onNext: t, prevLabel: n = "Previous", nextLabel: r = "Next" }) => /* @__PURE__ */ G(U, { children: [/* @__PURE__ */ W("button", {
+	type: "button",
+	onClick: e,
+	"aria-label": n,
+	className: `${lr} left-4`,
+	children: /* @__PURE__ */ W(Y, {
+		size: 20,
+		weight: "bold",
+		"aria-hidden": !0
+	})
+}), /* @__PURE__ */ W("button", {
+	type: "button",
+	onClick: t,
+	"aria-label": r,
+	className: `${lr} right-4`,
+	children: /* @__PURE__ */ W(Ee, {
+		size: 20,
+		weight: "bold",
+		"aria-hidden": !0
+	})
+})] }), dr = ({ url: e, filename: t, variant: n = "pill", label: r = "Download", iconOnly: i, tone: a = "dark", onTriggered: o }) => {
+	let [c, l] = p(!1), u = s((n) => {
+		n.stopPropagation(), !c && (l(!0), rr(e, t).catch(() => {}).finally(() => {
+			l(!1), o?.();
+		}));
+	}, [
+		c,
+		e,
+		t,
+		o
+	]), d = i ?? n !== "pill", f = {
+		className: J(n === "pill" ? "size-4" : "size-5", "shrink-0"),
+		weight: "bold"
+	};
+	return n === "inline" ? /* @__PURE__ */ W("button", {
+		type: "button",
+		onClick: u,
+		disabled: c,
+		"aria-label": r,
+		className: J("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: c ? /* @__PURE__ */ W(Oe, {
+			className: "size-4 animate-spin",
+			weight: "bold",
+			"aria-hidden": !0
+		}) : /* @__PURE__ */ W(je, {
+			className: "size-5 shrink-0",
+			weight: "bold",
+			"aria-hidden": !0
+		})
+	}) : n === "viewer" ? /* @__PURE__ */ W("button", {
+		type: "button",
+		onClick: u,
+		disabled: c,
+		"aria-label": r,
+		className: cr,
+		children: W(c ? Oe : je, {
+			size: 20,
+			weight: "bold",
+			"aria-hidden": !0
+		})
+	}) : /* @__PURE__ */ G("button", {
+		type: "button",
+		onClick: u,
+		disabled: c,
+		"aria-label": d ? r : void 0,
+		className: J("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: [c ? /* @__PURE__ */ W(Oe, {
+			className: "size-4 animate-spin",
+			weight: "bold",
+			"aria-hidden": !0
+		}) : /* @__PURE__ */ W(je, {
+			...f,
+			"aria-hidden": !0
+		}), d ? null : r]
+	});
+}, fr = (e, t, n) => Math.min(Math.max(e, t), n), pr = ({ length: e, initialIndex: t, open: n }) => {
+	let r = fr(t, 0, Math.max(e - 1, 0)), [i, a] = p(r);
+	l(() => {
+		n && a(fr(t, 0, Math.max(e - 1, 0)));
+	}, [
+		n,
+		t,
+		e
+	]), l(() => {
+		a((t) => fr(t, 0, Math.max(e - 1, 0)));
+	}, [e]);
+	let o = s(() => {
+		e <= 1 || a((t) => t <= 0 ? e - 1 : t - 1);
+	}, [e]), c = s(() => {
+		e <= 1 || a((t) => t >= e - 1 ? 0 : t + 1);
+	}, [e]);
+	return l(() => {
+		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() : c());
+		};
+		return window.addEventListener("keydown", t), () => window.removeEventListener("keydown", t);
+	}, [
+		n,
+		e,
+		o,
+		c
+	]), {
+		index: i,
+		prev: o,
+		next: c
+	};
+}, mr = ({ open: e, onClose: t, ariaLabel: n, counter: r, actions: i, children: a, "data-testid": o }) => {
+	let s = f(null), c = f(null);
+	return l(() => {
+		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__ */ G("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__ */ G("div", {
+			className: "pointer-events-none absolute inset-x-3 top-3 z-[1] flex items-center justify-between gap-3",
+			children: [r ? /* @__PURE__ */ W("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__ */ G("div", {
+				className: "pointer-events-auto ml-auto inline-flex items-center gap-2",
+				children: [i, /* @__PURE__ */ W("button", {
+					ref: c,
+					type: "button",
+					onClick: t,
+					"aria-label": "Close viewer",
+					className: cr,
+					children: /* @__PURE__ */ W(We, {
+						size: 20,
+						weight: "bold",
+						"aria-hidden": !0
+					})
+				})]
+			})]
+		}), /* @__PURE__ */ W("div", {
+			className: "box-border flex h-full w-full items-center justify-center px-6 py-16",
+			children: a
+		})]
+	});
+}, hr = ({ open: e, items: t, initialIndex: n = 0, onClose: r }) => {
+	let { index: i, prev: a, next: o } = pr({
+		length: t.length,
+		initialIndex: n,
+		open: e
+	}), s = t[i], c = d(() => s?.filename ?? (s ? Q(s.src) : "image"), [s]);
+	return s ? /* @__PURE__ */ G(mr, {
+		open: e,
+		onClose: r,
+		ariaLabel: c,
+		counter: t.length > 1 ? `${i + 1} / ${t.length}` : void 0,
+		actions: /* @__PURE__ */ W(dr, {
+			url: s.src,
+			filename: c,
+			variant: "viewer",
+			label: `Download ${c}`
+		}),
+		"data-testid": "image-viewer",
+		children: [e ? /* @__PURE__ */ W("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__ */ W(ur, {
+			onPrev: a,
+			onNext: o,
+			prevLabel: "Previous image",
+			nextLabel: "Next image"
+		}) : null]
+	}) : null;
+}, gr = "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", _r = {
+	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]"
+	]
+}, vr = "--mes-single-width-cap", yr = "[--mes-single-width-cap:309px] sm:[--mes-single-width-cap:326px]", br = 436, xr = ({ 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 = J(gr, "h-full w-full", _r[o.length]?.[n]);
+		return t ? /* @__PURE__ */ G("button", {
+			type: "button",
+			onClick: () => t(n),
+			"aria-label": e.ariaLabel ?? `Open media ${n + 1}`,
+			className: J(i, "cursor-zoom-in"),
+			children: [e.content, r]
+		}, n) : /* @__PURE__ */ G("div", {
+			className: i,
+			children: [e.content, r]
+		}, n);
+	}, l;
+	return r && (l = {
+		aspectRatio: r,
+		width: `min(var(${vr}), ${Math.round(br * r * 100) / 100}px)`,
+		maxWidth: "100%"
+	}), o.length === 1 ? /* @__PURE__ */ W("div", {
+		className: J(r ? yr : "aspect-square w-full", i),
+		style: l,
+		children: c(o[0], 0)
+	}) : o.length === 2 ? /* @__PURE__ */ W("div", {
+		className: J("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__ */ G("div", {
+		className: J("grid aspect-[4/3] w-full grid-cols-2 grid-rows-2 gap-0.5", i),
+		children: [
+			/* @__PURE__ */ W("div", {
+				className: "row-span-2",
+				children: c(o[0], 0)
+			}),
+			c(o[1], 1),
+			c(o[2], 2)
+		]
+	}) : /* @__PURE__ */ W("div", {
+		className: J("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__ */ G("div", {
+				className: "absolute inset-0 flex items-center justify-center bg-black/55 text-2xl font-semibold text-white",
+				children: ["+", s]
+			}) : null);
+		})
+	});
+}, Sr = (e) => {
+	let [t, n] = p(!1), [r, i] = p(0);
+	return {
+		viewerOpen: t,
+		viewerIndex: r,
+		handleActivate: s((t) => {
+			e?.(t) !== !1 && (i(t), n(!0));
+		}, [e]),
+		closeViewer: s(() => n(!1), [])
+	};
+}, Cr = ({ item: t, index: n, totalCount: r, fallbackLoading: i, imgRef: a, onLoad: o }) => ({
+	ariaLabel: `Open image ${n + 1} of ${r}`,
+	content: /* @__PURE__ */ W("img", {
+		ref: a,
+		src: e(t.src) ?? t.src,
+		alt: t.alt ?? "",
+		width: t.width,
+		height: t.height,
+		draggable: !1,
+		loading: t.loading ?? i,
+		decoding: "async",
+		onLoad: o,
+		className: "absolute inset-0 size-full object-cover"
+	})
+}), wr = ({ src: e, alt: t, items: n }) => n && n.length > 0 ? n : e ? [{
+	src: e,
+	alt: t
+}] : [], Tr = (e, t) => e.map((n, r) => ({
+	src: n.src,
+	alt: n.alt,
+	filename: t && e.length === 1 ? t : t ? `${t} (${r + 1})` : void 0
+})), Er = ({ src: t, alt: n, filename: r, loading: i = "lazy", onClick: a, onDismiss: o }) => {
+	let { viewerOpen: s, viewerIndex: c, handleActivate: l, closeViewer: u } = Sr(a);
+	return /* @__PURE__ */ G("div", {
+		className: "relative w-fit",
+		children: [
+			/* @__PURE__ */ W("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__ */ W("img", {
+					src: e(t) ?? t,
+					alt: n ?? "",
+					draggable: !1,
+					loading: i,
+					decoding: "async",
+					className: "size-full object-cover"
+				})
+			}),
+			o ? /* @__PURE__ */ W("div", {
+				className: "absolute right-2 top-2 z-10",
+				children: /* @__PURE__ */ W(Hn, { onClick: o })
+			}) : null,
+			/* @__PURE__ */ W(hr, {
+				open: s,
+				items: Tr([{
+					src: t,
+					alt: n
+				}], r),
+				initialIndex: c,
+				onClose: u
+			})
+		]
+	});
+}, Dr = 326 / 246, Or = (e) => {
+	let t = e?.src, [n, r] = i.useState(), a = i.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]), o = i.useCallback((e) => a(e.currentTarget), [a]), s = e?.width && e?.height ? e.width / e.height : void 0, c = n && n.src === t ? n.ratio : void 0;
+	return {
+		ratio: s ?? c ?? Dr,
+		imgRef: a,
+		onLoad: o
+	};
+}, kr = ({ state: e, src: t, alt: n, filename: r, items: i, text: a, groupPosition: o, loading: s = "lazy", onClick: c }) => {
+	let l = wr({
+		src: t,
+		alt: n,
+		items: i
+	}), u = Un(e), { viewerOpen: d, viewerIndex: f, handleActivate: p, closeViewer: m } = Sr(c), h = l.length === 1, g = Or(h ? l[0] : void 0);
+	if (l.length === 0) return null;
+	let _ = l.map((e, t) => Cr({
+		item: e,
+		index: t,
+		totalCount: l.length,
+		fallbackLoading: s,
+		imgRef: h ? g.imgRef : void 0,
+		onLoad: h ? g.onLoad : void 0
+	}));
+	return /* @__PURE__ */ G(Vn, {
+		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__ */ W("div", {
+			className: "relative",
+			children: /* @__PURE__ */ W(xr, {
+				tiles: _,
+				onTileActivate: p,
+				singleAspectRatio: h ? g.ratio : void 0
+			})
+		}), /* @__PURE__ */ W(hr, {
+			open: d,
+			items: Tr(l, r),
+			initialIndex: f,
+			onClose: m
+		})]
+	});
+}, Ar = {
+	Composer: (e) => /* @__PURE__ */ W(Er, { ...e }),
+	Sent: (e) => /* @__PURE__ */ W(kr, {
+		...e,
+		state: "sent"
+	}),
+	Received: (e) => /* @__PURE__ */ W(kr, {
+		...e,
+		state: "received"
+	})
+}, jr = ({ open: e, items: t, initialIndex: n = 0, onClose: r }) => {
+	let { index: i, prev: a, next: o } = pr({
+		length: t.length,
+		initialIndex: n,
+		open: e
+	}), s = t[i], c = d(() => s?.filename ?? (s ? Q(s.src) : "document"), [s]), l = d(() => s ? Mr(s.src) : void 0, [s]);
+	return !s || !l ? null : /* @__PURE__ */ G(mr, {
+		open: e,
+		onClose: r,
+		ariaLabel: c,
+		counter: t.length > 1 ? `${i + 1} / ${t.length}` : void 0,
+		"data-testid": "pdf-viewer",
+		children: [/* @__PURE__ */ W("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__ */ W(ur, {
+			onPrev: a,
+			onNext: o,
+			prevLabel: "Previous document",
+			nextLabel: "Next document"
+		}) : null]
+	});
+}, Mr = (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()}`;
+}, Nr = ({ src: e, filename: t, fileSize: n, title: r, items: i }) => i && i.length > 0 ? i : e ? [{
+	src: e,
+	filename: t,
+	fileSize: n,
+	title: r
+}] : [], Pr = ({ variant: e, item: t, index: n, onActivate: r, trailingAction: i }) => {
+	let a = t.filename ?? Q(t.src);
+	return /* @__PURE__ */ W(nr, {
+		variant: e,
+		filename: a,
+		title: t.title,
+		mimeType: "application/pdf",
+		fileSize: t.fileSize,
+		onActivate: () => r(n),
+		activateLabel: `Open ${a}`,
+		trailingAction: i
+	});
+}, Fr = ({ state: e, src: t, filename: n, fileSize: r, title: i, items: a, text: o, groupPosition: s, onClick: c, onDismiss: l }) => {
+	let u = Un(e), d = Nr({
+		src: t,
+		filename: n,
+		fileSize: r,
+		title: i,
+		items: a
+	}), { viewerOpen: f, viewerIndex: p, handleActivate: m, closeViewer: h } = Sr(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__ */ G(Vn, {
+		variant: u,
+		text: o,
+		groupPosition: s,
+		"data-testid": "pdf-attachment",
+		children: [/* @__PURE__ */ W("div", {
+			className: "flex flex-col gap-2",
+			children: d.map((t, n) => {
+				let r = t.filename ?? Q(t.src), i = g && n === 0 ? /* @__PURE__ */ W(Hn, {
+					onClick: l,
+					variant: "inline"
+				}) : e === "composer" ? void 0 : /* @__PURE__ */ W(dr, {
+					url: t.src,
+					filename: r,
+					variant: "inline",
+					label: `Download ${r}`,
+					tone: u
+				});
+				return /* @__PURE__ */ W(Pr, {
+					variant: u,
+					item: t,
+					index: n,
+					onActivate: m,
+					trailingAction: i
+				}, `${t.src}-${n}`);
+			})
+		}), /* @__PURE__ */ W(jr, {
+			open: f,
+			items: _,
+			initialIndex: p,
+			onClose: h
+		})]
+	});
+}, Ir = {
+	Composer: (e) => /* @__PURE__ */ W(Fr, {
+		...e,
+		state: "composer"
+	}),
+	Sent: (e) => /* @__PURE__ */ W(Fr, {
+		...e,
+		state: "sent"
+	}),
+	Received: (e) => /* @__PURE__ */ W(Fr, {
+		...e,
+		state: "received"
+	})
+}, Lr = ({ open: e, items: t, initialIndex: n = 0, onClose: r }) => {
+	let { index: i, prev: a, next: o } = pr({
+		length: t.length,
+		initialIndex: n,
+		open: e
+	}), s = t[i], c = d(() => s?.filename ?? (s ? Q(s.src) : "video"), [s]);
+	return s ? /* @__PURE__ */ G(mr, {
+		open: e,
+		onClose: r,
+		ariaLabel: c,
+		counter: t.length > 1 ? `${i + 1} / ${t.length}` : void 0,
+		"data-testid": "video-viewer",
+		children: [/* @__PURE__ */ W("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__ */ W("source", {
+				src: s.src,
+				type: s.mimeType
+			}) : null
+		}, `${i}:${s.src}`), t.length > 1 ? /* @__PURE__ */ W(ur, {
+			onPrev: a,
+			onNext: o,
+			prevLabel: "Previous video",
+			nextLabel: "Next video"
+		}) : null]
+	}) : null;
+}, Rr = () => /* @__PURE__ */ W("div", {
+	className: "pointer-events-none absolute inset-0 flex items-center justify-center",
+	children: /* @__PURE__ */ W("span", {
+		className: "flex size-12 items-center justify-center rounded-full bg-black/55 text-white backdrop-blur",
+		children: /* @__PURE__ */ W(Pe, {
+			className: "size-6",
+			weight: "fill",
+			"aria-hidden": !0
+		})
+	})
+}), zr = ({ item: e, index: t }) => /* @__PURE__ */ G("div", {
+	className: "absolute inset-0 size-full bg-[#0d0d0d]",
+	children: [e.poster ? /* @__PURE__ */ W("img", {
+		src: e.poster,
+		alt: `Video ${t + 1} thumbnail`,
+		draggable: !1,
+		loading: "lazy",
+		decoding: "async",
+		className: "absolute inset-0 size-full object-cover"
+	}) : /* @__PURE__ */ W("div", {
+		className: "absolute inset-0 flex items-center justify-center",
+		children: /* @__PURE__ */ W(He, {
+			className: "size-16 text-white/30",
+			weight: "regular",
+			"aria-hidden": !0
+		})
+	}), /* @__PURE__ */ W(Rr, {})]
+}), Br = (e, t, n) => ({
+	ariaLabel: `Play video ${t + 1} of ${n}`,
+	content: /* @__PURE__ */ W(zr, {
+		item: e,
+		index: t
+	})
+}), Vr = ({ 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
+}] : [], Hr = (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
+})), Ur = ({ src: e, poster: t, mimeType: n, filename: r, preload: i, onClick: a, onDismiss: o }) => {
+	let { viewerOpen: s, viewerIndex: c, handleActivate: l, closeViewer: u } = Sr(a);
+	return /* @__PURE__ */ G("div", {
+		className: "relative w-fit",
+		children: [
+			/* @__PURE__ */ W("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__ */ W(zr, {
+					item: {
+						src: e,
+						poster: t,
+						mimeType: n
+					},
+					index: 0
+				})
+			}),
+			o ? /* @__PURE__ */ W("div", {
+				className: "absolute right-2 top-2 z-10",
+				children: /* @__PURE__ */ W(Hn, { onClick: o })
+			}) : null,
+			/* @__PURE__ */ W(Lr, {
+				open: s,
+				items: Hr([{
+					src: e,
+					poster: t,
+					mimeType: n,
+					preload: i
+				}], r),
+				initialIndex: c,
+				onClose: u
+			})
+		]
+	});
+}, Wr = ({ state: e, src: t, poster: n, mimeType: r, filename: i, items: a, text: o, groupPosition: s, preload: c, onClick: l }) => {
+	let u = Vr({
+		src: t,
+		poster: n,
+		mimeType: r,
+		preload: c,
+		items: a
+	}), d = Un(e), { viewerOpen: f, viewerIndex: p, handleActivate: m, closeViewer: h } = Sr(l);
+	if (u.length === 0) return null;
+	let g = u.map((e, t) => Br(e, t, u.length));
+	return /* @__PURE__ */ G(Vn, {
+		variant: d,
+		text: o,
+		groupPosition: s,
+		"data-testid": "video-attachment",
+		children: [/* @__PURE__ */ W("div", {
+			className: "relative",
+			children: /* @__PURE__ */ W(xr, {
+				tiles: g,
+				onTileActivate: m
+			})
+		}), /* @__PURE__ */ W(Lr, {
+			open: f,
+			items: Hr(u, i),
+			initialIndex: p,
+			onClose: h
+		})]
+	});
+}, Gr = {
+	Image: Ar,
+	Video: {
+		Composer: (e) => /* @__PURE__ */ W(Ur, { ...e }),
+		Sent: (e) => /* @__PURE__ */ W(Wr, {
+			...e,
+			state: "sent"
+		}),
+		Received: (e) => /* @__PURE__ */ W(Wr, {
+			...e,
+			state: "received"
+		})
+	},
+	Audio: Jn,
+	Pdf: Ir,
+	File: sr
+};
+//#endregion
+//#region src/components/CustomMessage/StreamAttachmentMessage.tsx
+function $(e) {
+	return e?.trim() || void 0;
+}
+function Kr(e) {
+	return e.trim().replace(/^https?:\/\//i, "").replace(/\/+$/, "").toLowerCase();
+}
+function qr(e, t) {
+	if (!e?.trim() || !t?.trim()) return !1;
+	let n = Kr(e), r = Kr(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 Jr(t) {
+	let n = $(t.og_scrape_url) ?? $(t.title_link), r = $(t.image_url) ?? $(t.thumb_url), i = $(t.asset_url), a = $(t.mime_type);
+	return {
+		title: $(t.title),
+		description: $(t.text),
+		url: n,
+		thumbnailUrl: e(r),
+		sourceUrl: i,
+		layout: r || Sn(a, i) ? "featured" : "classic",
+		mimeType: a,
+		accentColor: $(t.accent_color),
+		status: "ready"
+	};
+}
+function Yr(e) {
+	return Tt(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 Xr(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 (Tt(t)) {
+			r(t);
+			continue;
+		}
+		let e = Yr(t);
+		e && n(e, t);
+	}
+	return t;
+}
+function Zr(e) {
+	return e.filter((e) => e.type === "media").length;
+}
+function Qr(e, t, n) {
+	return t <= 1 ? n : e === 0 ? "first" : e === t - 1 ? "end" : "middle";
+}
+function $r(e) {
+	return $(e.image_url) ?? $(e.asset_url) ?? "";
+}
+function ei(e) {
+	switch (e) {
+		case "image": return Gr.Image;
+		case "video": return Gr.Video;
+		case "audio": return Gr.Audio;
+		case "pdf": return Gr.Pdf;
+		default: return Gr.File;
+	}
+}
+function ti(e, t) {
+	switch (e) {
+		case "image": return {
+			src: $r(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 ni(e, t) {
+	if (t.length > 1) return { items: t.map((t) => ti(e, t)) };
+	let n = t[0];
+	return n ? ti(e, n) : {};
+}
+function ri({ groupPosition: e, isMyMessage: t, segment: n }) {
+	let r = ei(n.kind), i = {
+		...ni(n.kind, n.attachments),
+		groupPosition: e
+	};
+	return W(t ? r.Sent : r.Received, { ...i });
+}
+var ii = ({ groupPosition: e, isMyMessage: t, message: n, renderText: r }) => {
+	let i = Xr(n.attachments);
+	if (i.length === 0) return null;
+	let a = Zr(i), o = n.text?.trim(), s = i.find((e) => e.type === "link"), c = s?.type === "link" ? Jr(s.attachments[0] ?? {}).url : void 0, l = o && qr(o, c) ? void 0 : o, u = 0, d = [], f = l ? "middle" : e, p = e === "single" || e === "end", m = (e, n, r) => {
+		let i = t ? Fn.Sent : Fn.Received;
+		d.push(/* @__PURE__ */ W(i, {
+			...Jr(e),
+			groupPosition: r ? f : "middle"
+		}, n));
+	}, h = (n, r) => {
+		let i = Qr(u, a, e);
+		u += 1, d.push(/* @__PURE__ */ W(ri, {
+			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__ */ G("div", {
+		className: "str-chat__message-bubble-wrapper",
+		children: [/* @__PURE__ */ G("div", {
+			className: "str-chat__message-bubble",
+			"data-attachment-bubble": "true",
+			style: {
+				background: "transparent",
+				borderRadius: 0,
+				overflow: "visible",
+				padding: 0
+			},
+			children: [d, !l && /* @__PURE__ */ W(A, {})]
+		}), l ? /* @__PURE__ */ G("div", {
+			className: J("str-chat__message-bubble", { "relative isolate": p }),
+			children: [
+				/* @__PURE__ */ W(I, {
+					message: n,
+					renderText: r
+				}),
+				/* @__PURE__ */ W(A, {}),
+				p && /* @__PURE__ */ W(Wt, { side: t ? "me" : "other" })
+			]
+		}) : null]
+	});
+}, ai = i.memo((e) => {
+	let { additionalMessageInputProps: t, editing: n, endOfGroup: r, firstOfGroup: i, groupStyles: a, groupedByUser: o, handleAction: s, handleOpenThread: c, handleRetry: l, highlighted: u, isMessageAIGenerated: f, isMyMessage: m, message: h, renderText: g, threadList: _, viewerLanguage: y, onOutboundClick: b, resolvedOutbound: x } = e, { client: S } = de("CustomMessage"), { channel: C } = ue("CustomMessage"), { isUnlocking: T, onUnlockClick: j, onFetchSource: N, onDownloadClick: F } = kt("LockedAttachment"), [L, z] = p(!1), ne = ge(h.id), { Attachment: re = v, EditMessageModal: B = w, MessageActions: V, MessageBlocked: le = E, MessageBouncePrompt: pe = O, MessageDeleted: me = k, MessageIsThreadReplyInChannelButtonIndicator: H = M, MessageRepliesCountButton: he = P, ReminderNotification: _e = ee, StreamedMessageText: ve = te, PinIndicator: K } = fe("CustomMessage"), ye = se(h), be = ce(h), xe = d(() => f?.(h), [f, h]), q = d(() => {
+		let e = h.attachments ?? [], t = h.shared_location ? [h.shared_location, ...e] : e;
+		if (!It(h)) return t;
+		let n = t.filter((e) => !("type" in e) || !Tt(e));
+		return n.length === t.length ? t : n;
+	}, [h]), Se = d(() => Xr(q), [q]), Ce = d(() => {
+		let e = wt({
+			message: h,
+			viewerLanguage: y
+		});
+		return e === h.text ? h : {
+			...h,
+			text: e
+		};
+	}, [h, y]), we = Se.length > 0, Te = Se.reduce((e, t) => e + t.attachments.length, 0) === (q?.length ?? 0), Y = a?.[0] ?? "", Ee = Y === "top" ? "first" : Y === "middle" ? "middle" : Y === "bottom" ? "end" : "single", De = Y === "single" || Y === "bottom";
+	if (ie(h)) return null;
+	if (h.deleted_at || h.type === "deleted") return /* @__PURE__ */ W(me, { message: h });
+	if (ae(h)) return /* @__PURE__ */ W(le, {});
+	let Oe = !_ && !!h.reply_count, ke = !_ && h.show_in_channel && h.parent_id, Ae = h.status === "failed" && h.error?.status !== 403, je = oe(h), X;
+	Ae ? X = () => l(h) : je && (X = () => z(!0));
+	let Z = m(), Me = J("str-chat__message str-chat__message-simple", `str-chat__message--${h.type}`, `str-chat__message--${h.status}`, Z ? "str-chat__message--me str-chat__message-simple--me" : "str-chat__message--other", h.text ? "str-chat__message--has-text" : "has-no-text", {
+		"str-chat__message--has-attachment": ye,
+		"str-chat__message--highlighted": u,
+		"str-chat__message--pinned pinned-message": h.pinned,
+		"str-chat__message--with-reactions": be,
+		"str-chat__message-send-can-be-retried": h?.status === "failed" && h?.error?.status !== 403,
+		"str-chat__message-with-thread-link": Oe || ke,
+		"str-chat__virtual-message__wrapper--end": r,
+		"str-chat__virtual-message__wrapper--first": i,
+		"str-chat__virtual-message__wrapper--group": o
+	}), Ne = h.poll_id && S.polls.fromState(h.poll_id), Pe = Xt(h), Fe = It(h), Ie = Lt(h), Le = !!(q?.length && !h.quoted_message), Re = Fe && Z && Le, ze = we && Te && !h.quoted_message && !Ne && !xe && !Fe, Be = {
+		contentType: "text",
+		amountText: h.metadata?.amount_text,
+		paymentStatus: h.metadata?.payment_status,
+		renderedText: h.text && /* @__PURE__ */ W(I, {
+			message: Ce,
+			renderText: g
+		})
+	}, Ve = {
+		contentType: "media",
+		title: h.metadata?.attachment_title,
+		mimeType: h.metadata?.attachment_mime_type,
+		thumbnailUrl: h.metadata?.attachment_thumbnail,
+		amountText: h.metadata?.amount_text,
+		detail: h.metadata?.attachment_detail,
+		paymentStatus: h.metadata?.payment_status,
+		onFetchSource: N ? () => N(h, C) : void 0
+	}, He = /* @__PURE__ */ G("div", {
+		className: J("str-chat__message-bubble", { "relative isolate": De }),
+		children: [/* @__PURE__ */ W(I, {
+			message: Ce,
+			renderText: g
+		}), De && /* @__PURE__ */ W(Wt, { side: Z ? "me" : "other" })]
+	});
+	return /* @__PURE__ */ G(U, { children: [
+		n && /* @__PURE__ */ W(B, { additionalMessageInputProps: t }),
+		L && /* @__PURE__ */ W(D, {
+			MessageBouncePrompt: pe,
+			onClose: () => z(!1),
+			open: L
+		}),
+		/* @__PURE__ */ G("div", {
+			className: Me,
+			"data-message-id": h.id,
+			"data-dd-privacy": "mask",
+			children: [
+				K && /* @__PURE__ */ W(K, {}),
+				!!ne && /* @__PURE__ */ W(_e, { reminder: ne }),
+				h.user && /* @__PURE__ */ W(pt, {
+					className: "str-chat__avatar str-chat__message-sender-avatar",
+					id: h.user.id,
+					image: h.user.image,
+					name: h.user.name || h.user.id,
+					size: 24,
+					shape: "circle",
+					dmAgentEnabled: Fe
+				}),
+				/* @__PURE__ */ W("div", {
+					className: J("str-chat__message-inner", { "str-chat__simple-message--error-failed": Ae || je }),
+					"data-testid": "message-inner",
+					onClick: X,
+					onKeyDown: X,
+					role: X ? "button" : void 0,
+					tabIndex: X ? 0 : void 0,
+					style: {
+						marginInlineEnd: 0,
+						marginInlineStart: 0
+					},
+					children: Pe ? /* @__PURE__ */ G("div", {
+						className: "str-chat__message-bubble-wrapper message-tip-wrapper",
+						children: [/* @__PURE__ */ W(Zt, { message: h }), h.text?.trim() && He]
+					}) : Rt(h) ? /* @__PURE__ */ W("div", {
+						className: "str-chat__message-bubble-wrapper",
+						children: /* @__PURE__ */ G("div", {
+							className: "flex items-center gap-2",
+							children: [
+								Z && V && /* @__PURE__ */ W(V, {}),
+								Z ? /* @__PURE__ */ W(Nt, {
+									...Be,
+									isMine: !0
+								}) : /* @__PURE__ */ W(Nt, {
+									...Be,
+									isMine: !1,
+									isUnlocking: T(h.id),
+									onUnlockClick: () => j?.(h, C)
+								}),
+								!Z && V && /* @__PURE__ */ W(V, {})
+							]
+						})
+					}) : zt(h) ? /* @__PURE__ */ G("div", {
+						className: "str-chat__message-bubble-wrapper message-locked-attachment-wrapper",
+						children: [/* @__PURE__ */ G("div", {
+							className: "flex items-center gap-2",
+							children: [
+								Z && V && /* @__PURE__ */ W(V, {}),
+								Z ? /* @__PURE__ */ W(Nt, {
+									...Ve,
+									isMine: !0,
+									onPreviewClick: () => j ? j(h, C) : void 0
+								}) : /* @__PURE__ */ W(Nt, {
+									...Ve,
+									isMine: !1,
+									isUnlocking: T(h.id),
+									onUnlockClick: () => j ? j(h, C) : void 0,
+									onDownloadClick: () => F ? F(h, C) : void 0
+								}),
+								!Z && V && /* @__PURE__ */ W(V, {})
+							]
+						}), h.text && He]
+					}) : ze ? /* @__PURE__ */ W(ii, {
+						groupPosition: Ee,
+						isMyMessage: Z,
+						message: {
+							...Ce,
+							attachments: q,
+							i18n: void 0
+						},
+						renderText: g
+					}) : /* @__PURE__ */ W("div", {
+						className: "str-chat__message-bubble-wrapper",
+						children: /* @__PURE__ */ G("div", {
+							className: J("str-chat__message-bubble", { "relative isolate": De }),
+							children: [
+								Fe && !Re && /* @__PURE__ */ W(Vt, {
+									message: h,
+									hasAttachment: Le,
+									isMyMessage: Z
+								}),
+								Ne && /* @__PURE__ */ W(R, { poll: Ne }),
+								q?.length && !h.quoted_message ? /* @__PURE__ */ W(re, {
+									actionHandler: s,
+									attachments: q
+								}) : null,
+								W(xe ? ve : I, {
+									message: Ce,
+									renderText: g
+								}),
+								/* @__PURE__ */ W(A, {}),
+								De && /* @__PURE__ */ W(Wt, { side: Z ? "me" : "other" })
+							]
+						})
+					})
+				}),
+				!Ie && !Pe && /* @__PURE__ */ W("div", {
+					className: "str-chat__message-footer",
+					children: (!Fe || Re) && /* @__PURE__ */ W(Vt, {
+						message: h,
+						hasAttachment: Le,
+						isMyMessage: Z
+					})
+				}),
+				/* @__PURE__ */ W(rn, {
+					onOutboundClick: b,
+					resolvedOutbound: x
+				}),
+				Oe && /* @__PURE__ */ W(he, {
+					onClick: c,
+					reply_count: h.reply_count
+				}),
+				ke && /* @__PURE__ */ W(H, {})
+			]
+		}, h.id)
+	] });
+}, (e, t) => e.viewerLanguage !== t.viewerLanguage || e.onOutboundClick !== t.onOutboundClick || e.resolvedOutbound?.id !== t.resolvedOutbound?.id || e.resolvedOutbound?.name !== t.resolvedOutbound?.name ? !1 : V(e, t)), oi = (e) => {
+	let t = H("CustomMessage"), n = c(Gt), r = t.message.metadata?.outbound_id, i = typeof r == "string" ? n?.[r] : void 0;
+	return /* @__PURE__ */ W(ai, {
+		...t,
+		...e,
+		resolvedOutbound: i
+	});
+}, si = () => {
+	let { handleDelete: e, message: t } = H("CustomMessageActions");
+	return t.metadata?.payment_status === "paid" ? null : /* @__PURE__ */ W(Ge, {
+		onClick: e,
+		"aria-label": "Delete",
+		title: "Delete",
+		className: "bg-marble rounded-full p-2 hover:bg-sand transition-all",
+		children: /* @__PURE__ */ W(Ve, {
+			size: 16,
+			weight: "light",
+			"aria-hidden": !0
+		})
+	});
+}, ci = () => {
+	let { handleFlag: e } = H("CustomMessageActions");
+	return /* @__PURE__ */ W(Ge, {
+		onClick: e,
+		"aria-label": "Report",
+		title: "Report",
+		className: "bg-marble rounded-full p-2 hover:bg-sand transition-all",
+		children: /* @__PURE__ */ W(X, {
+			size: 16,
+			weight: "light",
+			"aria-hidden": !0
+		})
+	});
+}, li = () => {
+	let { message: e } = H("CustomMessageActions");
+	return e.metadata?.custom_type === K.ATTACHMENT ? /* @__PURE__ */ W(Ke, { messageActionSet: [{
+		Component: si,
+		placement: "quick",
+		type: "delete"
+	}, {
+		Component: ci,
+		placement: "quick",
+		type: "flag"
+	}] }) : null;
+}, ui = (e) => ({ linkPreviews: Array.from(e.previews.values()).filter((e) => h.previewIsLoaded(e) || h.previewIsLoading(e)) }), di = () => {
+	let { linkPreviewsManager: e } = pe(), { linkPreviews: t } = _e(e.state, ui), n = (t) => {
+		e.dismissPreview(t);
+	};
+	return t.length > 0 ? /* @__PURE__ */ W("div", {
+		className: "messaging-link-preview-list flex flex-col items-stretch w-full gap-2",
+		children: t.map((e) => {
+			let t = h.previewIsLoading(e);
+			return /* @__PURE__ */ W(Fn.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;
+}, fi = i.createContext(!1), pi = 200, mi = () => c(fi), hi = ({ sendMessage: e, disabled: t, ...n }) => /* @__PURE__ */ W("button", {
+	...n,
+	type: "button",
+	"aria-label": "Send",
+	disabled: t,
+	onPointerDown: (e) => e.preventDefault(),
+	onClick: e,
+	children: /* @__PURE__ */ W(Te, {
+		weight: "bold",
+		className: "size-4"
+	})
+}), gi = () => {
+	let e = c(fi), { handleSubmit: t } = he(), n = me(), r = e || !n, { SendButton: a = hi, AttachmentPreviewList: o = y } = fe("CustomMessageInput"), s = i.useRef(null);
+	return i.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();
+	}, []), i.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__ */ G("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__ */ G("div", {
+			className: "messaging-composer-previews empty:hidden flex flex-col gap-2 px-2 pt-2",
+			children: [
+				/* @__PURE__ */ W(z, {}),
+				/* @__PURE__ */ W(di, {}),
+				/* @__PURE__ */ W(o, {})
+			]
+		}), /* @__PURE__ */ G("div", {
+			className: "messaging-composer-row flex items-start",
+			children: [/* @__PURE__ */ W(ne, {
+				"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__ */ W("div", {
+				className: "sticky bottom-2 mt-auto mb-2 mr-2 shrink-0 pt-2",
+				children: /* @__PURE__ */ W(a, {
+					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"
+				})
+			})]
+		})]
+	});
+}, _i = () => /* @__PURE__ */ G("div", {
+	className: "messaging-composer-backdrop",
+	"aria-hidden": "true",
+	children: [
+		/* @__PURE__ */ W("div", { className: "messaging-composer-backdrop-blur" }),
+		/* @__PURE__ */ W("div", { className: "messaging-composer-backdrop-blur" }),
+		/* @__PURE__ */ W("div", { className: "messaging-composer-backdrop-blur" }),
+		/* @__PURE__ */ W("div", { className: "messaging-composer-backdrop-blur" }),
+		/* @__PURE__ */ W("div", { className: "messaging-composer-backdrop-blur" }),
+		/* @__PURE__ */ W("div", { className: "messaging-composer-backdrop-gradient" })
+	]
+}), vi = ({ renderActions: e, renderHeader: t, renderFooter: n, disabled: r = !1, disabledReason: a, composerInput: o }) => {
+	let { channel: s } = ue(), c = s?.data?.frozen === !0, l = !!o, u = i.useRef(null);
+	return i.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 < pi : !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__ */ G("div", {
+		ref: u,
+		className: "messaging-composer-chrome messaging-composer-chrome--floating",
+		children: [/* @__PURE__ */ W(_i, {}), /* @__PURE__ */ G("div", {
+			className: "relative z-10 flex flex-col",
+			children: [
+				t?.(),
+				/* @__PURE__ */ W("div", {
+					className: "messaging-composer-locked-panel flex w-full flex-col items-center justify-center gap-3 px-6 py-4",
+					children: a ? /* @__PURE__ */ W("p", {
+						className: "max-w-[345px] text-center text-xs font-normal leading-[1.3] tracking-[0.12px] text-black/40",
+						children: a
+					}) : null
+				}),
+				n?.()
+			]
+		})]
+	}) : /* @__PURE__ */ G(U, { children: [
+		t?.(),
+		/* @__PURE__ */ W("div", {
+			className: "messaging-composer-locked-panel flex w-full flex-col items-center justify-center gap-3 px-6 py-4",
+			children: a ? /* @__PURE__ */ W("p", {
+				className: "max-w-[345px] text-center text-xs font-normal leading-[1.3] tracking-[0.12px] text-black/40",
+				children: a
+			}) : null
+		}),
+		n?.()
+	] }) : l ? /* @__PURE__ */ G("div", {
+		ref: u,
+		className: "messaging-composer-chrome messaging-composer-chrome--floating",
+		children: [/* @__PURE__ */ W(_i, {}), /* @__PURE__ */ G("div", {
+			className: "relative z-10 flex min-h-0 flex-col",
+			children: [t?.(), /* @__PURE__ */ G("div", {
+				className: "flex min-h-0 flex-col gap-4 p-3 pb-5 md:p-5",
+				children: [/* @__PURE__ */ G("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__ */ W("div", {
+						className: "flex h-12 shrink-0 items-center justify-center",
+						children: e()
+					}), /* @__PURE__ */ W(fi.Provider, {
+						value: c,
+						children: /* @__PURE__ */ W(j, { Input: o ?? gi })
+					})]
+				}), n?.()]
+			})]
+		})]
+	}) : /* @__PURE__ */ G("div", {
+		className: "flex min-h-0 flex-col gap-4 p-4",
+		children: [
+			t?.(),
+			/* @__PURE__ */ G("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__ */ W("div", {
+					className: "flex h-12 shrink-0 items-center justify-center",
+					children: e()
+				}), /* @__PURE__ */ W(fi.Provider, {
+					value: c,
+					children: /* @__PURE__ */ W(j, { Input: gi })
+				})]
+			}),
+			n?.()
+		]
+	});
+}, yi = {
+	SYSTEM_DM_AGENT_PAUSED: "DM Agent has left the conversation",
+	SYSTEM_DM_AGENT_RESUMED: "DM Agent has rejoined the conversation"
+}, bi = ["SYSTEM_AGE_SAFETY_BLOCKED"], xi = { SYSTEM_AGE_SAFETY_BLOCKED: "This user isn’t able to reply because they don’t meet our age safety guidelines." }, Si = "age safety guidelines.", Ci = "https://linktr.ee/s/about/contact", wi = (e) => bi.includes(e), Ti = (e) => wi(e.metadata?.custom_type), Ei = (e) => {
+	let t = e.metadata?.custom_type;
+	if (xe(t)) return {
+		kind: "dm-agent",
+		type: t
+	};
+	if (be(t)) return {
+		kind: "age-safety",
+		type: t
+	};
+	let n = e.dm_agent_system_type;
+	if (xe(n)) return {
+		kind: "dm-agent",
+		type: n
+	};
+}, Di = (e) => {
+	let t = e.indexOf(Si);
+	if (t === -1) return e;
+	let n = t + 22;
+	return /* @__PURE__ */ G(U, { children: [
+		e.slice(0, t),
+		/* @__PURE__ */ W("a", {
+			href: Ci,
+			target: "_blank",
+			rel: "noopener noreferrer",
+			className: "mes-age-safety-system-message__emphasis font-medium text-inherit underline",
+			children: Si
+		}),
+		e.slice(n)
+	] });
+}, Oi = (e) => {
+	let t = !Ti(e.message), n = Ei(e.message);
+	if (n?.kind === "dm-agent") {
+		let r = e.message.text?.trim() || yi[n.type];
+		return /* @__PURE__ */ G("div", {
+			className: "str-chat__message--system",
+			"data-testid": "message-system",
+			children: [/* @__PURE__ */ G("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__ */ W(Re, {
+					size: 16,
+					weight: "regular",
+					"aria-hidden": !0,
+					className: "mes-dm-agent-system-message__sparkle shrink-0"
+				}), /* @__PURE__ */ W("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__ */ W(L, { message: e.message })]
+		});
+	}
+	if (n?.kind === "age-safety") {
+		let r = e.message.text?.trim() || xi[n.type];
+		return /* @__PURE__ */ G("div", {
+			className: "str-chat__message--system",
+			"data-testid": "message-system",
+			children: [/* @__PURE__ */ G("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__ */ W(Fe, {
+					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__ */ W("div", {
+					className: "mes-age-safety-system-message__content min-w-0 flex-[1_0_0]",
+					children: /* @__PURE__ */ W("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: Di(r)
+					})
+				})]
+			}), !t && /* @__PURE__ */ W(L, { message: e.message })]
+		});
+	}
+	return /* @__PURE__ */ G("div", {
+		className: "str-chat__message--system",
+		"data-testid": "message-system",
+		children: [/* @__PURE__ */ G("div", {
+			className: "str-chat__message--system__text",
+			children: [
+				/* @__PURE__ */ W("div", { className: "str-chat__message--system__line" }),
+				/* @__PURE__ */ W("p", { children: e.message.text }),
+				/* @__PURE__ */ W("div", { className: "str-chat__message--system__line" })
+			]
+		}), !t && /* @__PURE__ */ W(L, { message: e.message })]
+	});
+}, ki = o(!1), Ai = ({ cx: e, index: t }) => /* @__PURE__ */ W("circle", {
+	cx: e,
+	cy: "6.15",
+	r: "3.9",
+	fill: "#A0A0A0",
+	children: /* @__PURE__ */ W("animateTransform", {
+		attributeName: "transform",
+		type: "translate",
+		values: "0 0; 0 -2.25; 0 0;",
+		dur: "900ms",
+		begin: `${120 * t}ms`,
+		repeatCount: "indefinite"
+	})
+}), ji = /* @__PURE__ */ new Set([
+	_.Thinking,
+	_.Generating,
+	_.ExternalSources
+]), Mi = ({ threadList: e }) => {
+	let { channel: t, channelConfig: n, thread: r } = ue(), { client: i } = de(), { typing: a = {} } = ve(), { aiState: o } = le(t), s = c(ki);
+	if (!e && s && ji.has(o)) {
+		let e = Pi(t, i.user?.id);
+		return /* @__PURE__ */ W(Ni, {
+			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 l = e ? [] : Object.values(a).filter(({ parent_id: e, user: t }) => t?.id !== i.user?.id && !e), u = e ? Object.values(a).filter(({ parent_id: e, user: t }) => t?.id !== i.user?.id && e === r?.id) : [], d = e ? u : l;
+	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__ */ W(Ni, {
+		avatarId: f?.id ?? p?.id ?? "typing-user",
+		avatarName: f?.name ?? p?.name ?? f?.id ?? "Typing user",
+		avatarImage: f?.image ?? p?.image,
+		testId: "typing-indicator"
+	});
+}, Ni = ({ avatarId: e, avatarName: t, avatarImage: n, testId: r }) => /* @__PURE__ */ W("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__ */ G("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__ */ W(pt, {
+			className: "str-chat__avatar str-chat__message-sender-avatar",
+			id: e,
+			name: t,
+			image: n ?? void 0,
+			size: 24,
+			shape: "circle"
+		}), /* @__PURE__ */ W("div", {
+			className: "str-chat__message-inner mx-0",
+			children: /* @__PURE__ */ W("div", {
+				className: "str-chat__message-bubble-wrapper",
+				children: /* @__PURE__ */ G("div", {
+					className: "str-chat__message-bubble relative isolate",
+					children: [/* @__PURE__ */ W("div", {
+						className: "str-chat__message-text min-h-11 flex items-center",
+						children: /* @__PURE__ */ W("div", {
+							className: "str-chat__message-text-inner str-chat__message-simple-text-inner",
+							children: /* @__PURE__ */ G("svg", {
+								"aria-hidden": "true",
+								className: "block overflow-visible",
+								viewBox: "0 0 32 12.3",
+								width: "32",
+								height: "13",
+								overflow: "visible",
+								children: [
+									/* @__PURE__ */ W(Ai, {
+										cx: "4",
+										index: 0
+									}),
+									/* @__PURE__ */ W(Ai, {
+										cx: "16",
+										index: 1
+									}),
+									/* @__PURE__ */ W(Ai, {
+										cx: "28",
+										index: 2
+									})
+								]
+							})
+						})
+					}), /* @__PURE__ */ W(Wt, { side: "other" })]
+				})
+			})
+		})]
+	})
+});
+function Pi(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 Fi = () => null, Ii = ({ className: e, message: t }) => /* @__PURE__ */ G("div", {
+	className: J("flex items-center justify-center h-full", e),
+	children: [/* @__PURE__ */ G("svg", {
+		viewBox: "0 0 100 100",
+		className: "size-8 fill-pebble",
+		stroke: "none",
+		children: [
+			/* @__PURE__ */ W("circle", {
+				cx: "6",
+				cy: "50",
+				r: "6",
+				children: /* @__PURE__ */ W("animateTransform", {
+					attributeName: "transform",
+					dur: "1s",
+					type: "translate",
+					values: "0 15 ; 0 -15; 0 15",
+					repeatCount: "indefinite",
+					begin: "0.1"
+				})
+			}),
+			/* @__PURE__ */ W("circle", {
+				cx: "30",
+				cy: "50",
+				r: "6",
+				children: /* @__PURE__ */ W("animateTransform", {
+					attributeName: "transform",
+					dur: "1s",
+					type: "translate",
+					values: "0 10 ; 0 -10; 0 10",
+					repeatCount: "indefinite",
+					begin: "0.2"
+				})
+			}),
+			/* @__PURE__ */ W("circle", {
+				cx: "54",
+				cy: "50",
+				r: "6",
+				children: /* @__PURE__ */ W("animateTransform", {
+					attributeName: "transform",
+					dur: "1s",
+					type: "translate",
+					values: "0 5 ; 0 -5; 0 5",
+					repeatCount: "indefinite",
+					begin: "0.3"
+				})
+			})
+		]
+	}), t && /* @__PURE__ */ W("span", {
+		className: "text-stone",
+		children: t
+	})]
+}), Li = i.memo(() => /* @__PURE__ */ W("div", {
+	className: "messaging-loading-state flex items-center justify-center h-full",
+	children: /* @__PURE__ */ G("div", {
+		className: "flex items-center",
+		children: [/* @__PURE__ */ W(Ii, { className: "w-6 h-6" }), /* @__PURE__ */ W("span", {
+			className: "text-sm text-stone",
+			children: "Loading messages"
+		})]
+	})
+}));
+Li.displayName = "LoadingState";
+//#endregion
+//#region src/components/ChannelView.tsx
+var Ri = ({ onBack: e, showBackButton: t, renderMessageInputActions: n, renderMessageInputFooter: r, renderConversationFooter: a, onLeaveConversation: o, onBlockParticipant: c, showDeleteConversation: u = !0, onDeleteConversationClick: d, onBlockParticipantClick: p, onReportParticipantClick: m, 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 } = ue(), M = f(D);
+	l(() => {
+		M.current = D;
+	}, [D]);
+	let P = s((e) => {
+		M.current?.(e);
+	}, []), F = D ? P : void 0, I = Yt(j, O), L = A.state.messages.some((e) => e.type !== "deleted"), R = b ? /* @__PURE__ */ W(i.Fragment, { children: b() }, "lt-channel-banner") : null, z = /* @__PURE__ */ W(xt, {
+		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: o,
+		onBlockParticipant: c,
+		showDeleteConversation: u,
+		showBlockParticipant: h,
+		showReportParticipant: g,
+		onDeleteConversationClick: d,
+		onBlockParticipantClick: p,
+		onReportParticipantClick: m,
+		customChannelActions: x,
+		renderChannelActions: S,
+		onParticipantNameClick: E
+	}), ee = s((e) => {
+		let { message: t } = H("ChannelView"), n = /* @__PURE__ */ W(oi, {
+			...e,
+			viewerLanguage: w,
+			onOutboundClick: F
+		});
+		return !C || !t ? n : C(n, t);
+	}, [
+		F,
+		C,
+		w
+	]);
+	return /* @__PURE__ */ W(Gt.Provider, {
+		value: I,
+		children: /* @__PURE__ */ W(B, {
+			overrides: {
+				Message: ee,
+				MessageActions: li,
+				UnreadMessagesNotification: () => null,
+				UnreadMessagesSeparator: () => null
+			},
+			children: /* @__PURE__ */ W(re, { children: k ? /* @__PURE__ */ G("div", {
+				className: "messaging-channel-layout relative flex min-h-0 flex-1 flex-col",
+				children: [/* @__PURE__ */ G("div", {
+					className: "messaging-channel-message-list messaging-channel-message-list--floating relative min-h-0 flex-1 overflow-hidden",
+					children: [!L && /* @__PURE__ */ W("div", {
+						className: "str-chat__list",
+						children: /* @__PURE__ */ G("div", {
+							className: "str-chat__message-list-scroll",
+							children: [z, R]
+						})
+					}), /* @__PURE__ */ W(N, {
+						head: L ? /* @__PURE__ */ G("div", {
+							className: "sticky top-0 z-10",
+							children: [z, R]
+						}) : void 0,
+						hideDeletedMessages: !0,
+						hideNewMessageSeparator: !1
+					})]
+				}, "lt-channel-message-list"), /* @__PURE__ */ W(vi, {
+					...n && { renderActions: () => n?.(A) },
+					...a && { renderHeader: () => a(A) },
+					renderFooter: () => r?.(A),
+					disabled: _,
+					disabledReason: v,
+					composerInput: k
+				}, "lt-channel-message-input")]
+			}) : /* @__PURE__ */ G(U, { children: [
+				/* @__PURE__ */ G("div", {
+					className: "flex-1 overflow-hidden relative",
+					children: [!L && /* @__PURE__ */ W("div", {
+						className: "str-chat__list",
+						children: /* @__PURE__ */ G("div", {
+							className: "str-chat__message-list-scroll",
+							children: [z, R]
+						})
+					}), /* @__PURE__ */ W(N, {
+						head: L ? /* @__PURE__ */ G("div", {
+							className: "sticky top-0 z-10",
+							children: [z, R]
+						}) : void 0,
+						hideDeletedMessages: !0,
+						hideNewMessageSeparator: !1
+					})]
+				}, "lt-channel-message-list"),
+				a ? /* @__PURE__ */ W(i.Fragment, { children: a(A) }, "lt-channel-conversation-footer") : null,
+				/* @__PURE__ */ W(vi, {
+					...n && { renderActions: () => n?.(A) },
+					renderFooter: () => r?.(A),
+					disabled: _,
+					disabledReason: v,
+					composerInput: k
+				}, "lt-channel-message-input")
+			] }) })
+		})
+	});
+}, zi = i.memo(({ channel: e, onBack: t, showBackButton: n = !1, renderMessageInputActions: r, renderMessageInputFooter: i, renderConversationFooter: a, onLeaveConversation: o, onBlockParticipant: c, className: u, CustomChannelEmptyState: d = Fi, showDeleteConversation: p = !0, onDeleteConversationClick: m, onBlockParticipantClick: h, onReportParticipantClick: g, showBlockParticipant: _ = !0, showReportParticipant: v = !0, composerDisabled: y = !1, composerDisabledReason: x, dmAgentEnabled: S, 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 = s(async (t, n, r) => {
+		let i = e.data?.chatbot_paused === !0, a = S && !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,
+		S,
+		C,
+		w
+	]), ee = f(null);
+	l(() => {
+		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 = q(e.type) ? { "--lt-msg-card-width": "368px" } : void 0;
+	return /* @__PURE__ */ W("div", {
+		ref: ee,
+		className: J("messaging-channel-view h-full flex flex-col", u),
+		style: te,
+		children: /* @__PURE__ */ W(ki.Provider, {
+			value: S ?? !1,
+			children: /* @__PURE__ */ W(b, {
+				channel: e,
+				MessageSystem: Oi,
+				EmptyStateIndicator: d,
+				LoadingIndicator: Li,
+				DateSeparator: St,
+				TypingIndicator: Mi,
+				doSendMessageRequest: z,
+				...j ? { SendButton: j } : {},
+				...M ? { AttachmentPreviewList: M } : {},
+				children: /* @__PURE__ */ W(Ri, {
+					onBack: t,
+					showBackButton: n,
+					renderMessageInputActions: r,
+					renderMessageInputFooter: i,
+					renderConversationFooter: a,
+					onLeaveConversation: o,
+					onBlockParticipant: c,
+					CustomChannelEmptyState: d,
+					showDeleteConversation: p,
+					onDeleteConversationClick: m,
+					onBlockParticipantClick: h,
+					onReportParticipantClick: g,
+					showBlockParticipant: _,
+					showReportParticipant: v,
+					composerDisabled: y,
+					composerDisabledReason: x,
+					showStarButton: T,
+					renderChannelBanner: E,
+					customChannelActions: D,
+					renderChannelActions: O,
+					renderMessage: k,
+					viewerLanguage: N,
+					showChannelInfo: P,
+					onParticipantNameClick: F,
+					onOutboundClick: I,
+					resolveOutbound: L,
+					composerInput: R
+				})
+			})
+		})
+	});
+});
+zi.displayName = "ChannelView";
+//#endregion
+//#region src/components/MessagingShell/ErrorState.tsx
+var Bi = i.memo(({ message: e, onBack: t }) => /* @__PURE__ */ W("div", {
+	className: "messaging-error-state flex items-center justify-center h-full p-8",
+	children: /* @__PURE__ */ G("div", {
+		className: "text-center max-w-sm",
+		children: [
+			/* @__PURE__ */ W("div", {
+				className: "w-24 h-24 bg-danger-alt/20 rounded-full flex items-center justify-center mx-auto mb-6",
+				children: /* @__PURE__ */ W("span", {
+					className: "text-4xl",
+					children: "⚠️"
+				})
+			}),
+			/* @__PURE__ */ W("h2", {
+				className: "font-semibold text-charcoal mb-2",
+				children: "Oops!"
+			}),
+			/* @__PURE__ */ W("p", {
+				className: "text-stone text-sm mb-6",
+				children: e
+			}),
+			t && /* @__PURE__ */ W("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"
+			})
+		]
+	})
+}));
+Bi.displayName = "ErrorState";
+//#endregion
+//#region src/components/MessagingShell/index.tsx
+var Vi = ({ capabilities: e = {}, renderMessageInputActions: t, renderConversationFooter: n, onChannelSelect: r, onExitConversation: i, initialParticipantFilter: a, initialParticipantData: o, CustomChannelEmptyState: c, onBlockParticipantClick: u, onReportParticipantClick: d, dmAgentEnabled: m, onMessageSent: h, 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 } = tt(), [F, I] = p(null), [L, R] = p(null), [z, ee] = p(!1), { showDeleteConversation: te = !0 } = e, ne = f(o);
+	ne.current = o;
+	let re = f(r);
+	re.current = r;
+	let B = f(null), V = f(null);
+	l(() => {
+		V.current = F;
+	}, [F]), l(() => {
+		if (!O || !k) return;
+		let e = O.userID;
+		if (!e) return;
+		let t = `${e}::${a}`;
+		if (B.current === t) return;
+		B.current = t;
+		let n = () => {
+			B.current === t && (B.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(), V.current || R("Failed to load conversation");
+			}
+		})();
+	}, [
+		a,
+		O,
+		k,
+		N,
+		P
+	]);
+	let ie = f(i);
+	ie.current = i;
+	let ae = s(() => {
+		I(null), ee(!0), ie.current?.();
+	}, []);
+	return A ? /* @__PURE__ */ W(Li, {}) : j ? /* @__PURE__ */ W(Bi, {
+		message: j,
+		onBack: M
+	}) : !k || !O ? /* @__PURE__ */ W(Bi, {
+		message: "Not connected to messaging service",
+		onBack: M
+	}) : L ? /* @__PURE__ */ W(Bi, { message: L }) : z && !F ? /* @__PURE__ */ W(Bi, { message: "Conversation ended" }) : F ? /* @__PURE__ */ W("div", {
+		className: "messaging-shell h-full bg-background-primary overflow-hidden",
+		children: /* @__PURE__ */ W("div", {
+			className: "flex h-full min-h-0 flex-col",
+			children: /* @__PURE__ */ W(zi, {
+				channel: F,
+				renderMessageInputActions: t,
+				renderConversationFooter: n,
+				renderChannelBanner: _,
+				onLeaveConversation: ae,
+				onBlockParticipant: ae,
+				CustomChannelEmptyState: c,
+				showDeleteConversation: te,
+				onBlockParticipantClick: u,
+				onReportParticipantClick: d,
+				dmAgentEnabled: m,
+				onMessageSent: h,
+				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__ */ W(Li, {});
+};
+//#endregion
+//#region src/hooks/useRestorePendingMessages.ts
+function Hi(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 Ui = i.createContext({
+	selectedChannel: void 0,
+	onChannelSelect: () => {},
+	debug: !1,
+	renderMessagePreview: void 0,
+	channelPreview: void 0,
+	viewerLanguage: void 0
+}), Wi = Ui.Provider, Gi = () => i.useContext(Ui), Ki = (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);
+}, qi = (e) => {
+	let t = /* @__PURE__ */ new Date();
+	if (Math.floor((t.getTime() - e.getTime()) / 1e3) < 60) return "Just now";
+	let n = Ki(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"
+	});
+}, Ji = i.memo((e) => {
+	let { channel: t, unread: n } = e, { selectedChannel: r, onChannelSelect: i, debug: a, channelPreview: o, renderMessagePreview: s, viewerLanguage: c } = Gi(), { client: l } = de(), u = r?.id === t?.id, d = nt(t);
+	if (o) return /* @__PURE__ */ W(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 = rt(t?.state?.members, l?.userID, t?.type), h = st(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 = wt({
+			message: _,
+			viewerLanguage: c
+		}), { custom_type: t, attachment_content_type: n } = _?.metadata || {};
+		if (t === K.TIP) return e || "Sent a tip";
+		if (t === K.PAID) return e || "Sent a message";
+		if (t === K.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 ? qi(new Date(_.created_at)) : "", b = _ ? It(_) : !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__ */ W("div", {
+		role: "button",
+		tabIndex: 0,
+		onClick: f,
+		onKeyDown: p,
+		className: J("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__ */ G("div", {
+			className: "flex items-start gap-4",
+			children: [/* @__PURE__ */ W(pt, {
+				id: m?.user?.id || t.id || "unknown",
+				name: h,
+				image: g,
+				size: 48,
+				starred: d
+			}), /* @__PURE__ */ G("div", {
+				className: "flex-1 min-w-0 flex flex-col gap-1",
+				children: [/* @__PURE__ */ G("div", {
+					className: "flex items-center justify-between gap-2",
+					children: [/* @__PURE__ */ G("h3", {
+						className: J("text-sm font-medium truncate text-[#191918]"),
+						children: [d && /* @__PURE__ */ W("span", {
+							className: "sr-only",
+							children: "Starred conversation. "
+						}), h]
+					}), y && /* @__PURE__ */ W("span", {
+						className: "text-xs text-[#717070] flex-shrink-0",
+						children: y
+					})]
+				}), /* @__PURE__ */ G("div", {
+					className: "flex items-center justify-between gap-2 min-w-0",
+					children: [/* @__PURE__ */ W("p", {
+						className: "text-sm text-[#717070] flex-1 line-clamp-1",
+						children: x
+					}), S > 0 && /* @__PURE__ */ W("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
+					})]
+				})]
+			})]
+		})
+	});
+});
+Ji.displayName = "CustomChannelPreview";
+//#endregion
+//#region src/components/ChannelList/index.tsx
+var Yi = { last_message_at: -1 }, Xi = i.memo(({ onChannelSelect: e, selectedChannel: t, filters: n, allowNewMessagesFromUnfilteredChannels: r = !1, channelRenderFilterFn: a, sort: o = Yi, className: s, customEmptyStateIndicator: c, channelListPaginator: l = T, channelPreview: u, renderMessagePreview: d, viewerLanguage: f, lockChannelOrder: p, onMessageNewHandler: m, onMessageNew: h, onChannelVisible: g, onAddedToChannel: _, onChannelUpdated: v }) => {
+	let y = i.useRef(0);
+	y.current++;
+	let { debug: b = !1 } = $e(), S = i.useCallback((e) => {
+		for (let t of e) Hi(t);
+		return a ? a(e) : e;
+	}, [a]);
+	b && console.log("📺 [ChannelList] 🔄 RENDER START", {
+		renderCount: y.current,
+		selectedChannelId: t?.id,
+		filters: n
+	});
+	let C = i.useMemo(() => ({
+		selectedChannel: t,
+		onChannelSelect: e,
+		debug: b,
+		channelPreview: u,
+		renderMessagePreview: d,
+		viewerLanguage: f
+	}), [
+		t,
+		e,
+		b,
+		u,
+		d,
+		f
+	]);
+	return /* @__PURE__ */ W("div", {
+		className: J("messaging-channel-list h-full flex flex-col min-w-0 overflow-hidden", s),
+		children: /* @__PURE__ */ W("div", {
+			className: "flex-1 overflow-hidden min-w-0",
+			children: /* @__PURE__ */ W(Wi, {
+				value: C,
+				children: /* @__PURE__ */ W(x, {
+					filters: n,
+					sort: o,
+					options: { limit: 30 },
+					allowNewMessagesFromUnfilteredChannels: r,
+					channelRenderFilterFn: S,
+					lockChannelOrder: p,
+					onMessageNewHandler: m,
+					onMessageNew: h,
+					onChannelVisible: g,
+					onAddedToChannel: _,
+					onChannelUpdated: v,
+					Paginator: l,
+					Preview: Ji,
+					EmptyStateIndicator: c
+				}, `${JSON.stringify(n)}:${JSON.stringify(o)}`)
+			})
+		})
+	});
+});
+Xi.displayName = "ChannelList";
+//#endregion
+//#region src/components/RichCard/RichCardBody.tsx
+var Zi = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [text-wrap:balance]", Qi = "text-[12px] leading-4 tracking-[0.24px] [text-wrap:pretty]", $i = ({ surface: e, actions: t, layout: n }) => {
+	if (t == null || t.length === 0) return null;
+	let r = n === "stacked";
+	return /* @__PURE__ */ W("div", {
+		className: J("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__ */ W(ln, {
+			variant: e,
+			cta: t,
+			fullWidth: r,
+			standalone: !0
+		}, `${t.label}-${n}`))
+	});
+}, ea = ({ 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__ */ G("div", {
+		className: "flex min-w-0 flex-1 flex-col gap-[2px]",
+		children: [s && /* @__PURE__ */ G("div", {
+			className: "flex min-w-0 items-center gap-2",
+			children: [a ? /* @__PURE__ */ W("span", {
+				className: "shrink-0",
+				children: a
+			}) : null, /* @__PURE__ */ W("p", {
+				className: J("min-w-0", Zi),
+				style: u,
+				children: n
+			})]
+		}), c && /* @__PURE__ */ W("p", {
+			className: J(Qi, i > 1 && "whitespace-pre-line", i <= 1 && "truncate"),
+			style: d,
+			children: r
+		})]
+	});
+	return /* @__PURE__ */ W("div", {
+		className: "shrink-0 px-4 py-3",
+		children: f ? /* @__PURE__ */ G("div", {
+			className: "flex items-center justify-between gap-3",
+			children: [p, /* @__PURE__ */ W($i, {
+				surface: e,
+				actions: o,
+				layout: "row"
+			})]
+		}) : /* @__PURE__ */ G(U, { children: [p, /* @__PURE__ */ W($i, {
+			surface: e,
+			actions: o,
+			layout: "stacked"
+		})] })
+	});
+}, ta = {
+	dark: "bg-white/[0.06]",
+	light: "bg-black/[0.04]"
+}, na = {
+	1: [0],
+	2: [-10, 10],
+	3: [
+		-13,
+		0,
+		13
+	]
+}, ra = {
+	1: [0],
+	2: [-26, 26],
+	3: [
+		-40,
+		0,
+		40
+	]
+}, ia = {
+	1: [0],
+	2: [0, 1],
+	3: [
+		1,
+		3,
+		2
+	]
+}, aa = {
+	1: [1],
+	2: [1, 1],
+	3: [
+		1,
+		1.08,
+		1
+	]
+}, oa = ({ variant: t, images: n }) => {
+	let [r, a] = i.useState({}), o = n.join("\n"), [s, c] = i.useState(o);
+	o !== s && (c(o), a({}));
+	let l = n.slice(0, 3).map((e, t) => ({
+		src: e,
+		index: t
+	})).filter(({ index: e }) => !r[e]), u = l.length >= 3 ? 3 : l.length === 2 ? 2 : 1, d = na[u], f = ra[u], p = ia[u], m = aa[u];
+	return /* @__PURE__ */ W("div", {
+		className: J("relative flex min-h-0 w-full flex-1 items-center justify-center overflow-hidden", ta[t]),
+		children: l.map(({ src: t, index: n }, r) => /* @__PURE__ */ W("img", {
+			src: e(t) ?? t,
+			alt: "",
+			draggable: !1,
+			loading: "lazy",
+			decoding: "async",
+			onError: () => a((e) => ({
+				...e,
+				[n]: !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[r]}px) rotate(${d[r]}deg) scale(${m[r]})`,
+				zIndex: p[r]
+			}
+		}, `${t}-${n}`))
+	});
+}, sa = "flex h-[180px] w-full shrink-0 flex-col overflow-hidden", ca = ({ variant: e, presentation: t, images: n, title: r, heroUrl: i, onHeroError: a }) => /* @__PURE__ */ W("div", {
+	className: sa,
+	children: t === "fan" ? /* @__PURE__ */ W(oa, {
+		variant: e,
+		images: n
+	}) : /* @__PURE__ */ W(wn, {
+		variant: e,
+		thumbnailUrl: i,
+		title: r,
+		mimeType: "image/*",
+		onImageError: a
+	})
+}), la = ({ variant: e, title: t, subtitle: n, subtitleLines: r, images: i = [], imagePresentation: a, actions: o, appIcon: s, accentColor: c, groupPosition: l = "single" }) => {
+	let u = Se({
+		imagePresentation: a,
+		images: i
+	}), d = i.length > 0, f = d && u === "hero", p = An({
+		variant: e,
+		accentColor: c,
+		layout: "featured",
+		thumbnailUrl: f ? i[0] : void 0
+	}), m = l === "single" || l === "end";
+	return /* @__PURE__ */ W(Pn, {
+		accentHex: p.accentHex,
+		side: e === "dark" ? "sender" : "receiver",
+		visible: m,
+		children: /* @__PURE__ */ G(vn, {
+			variant: e,
+			accentHex: p.accentHex,
+			"data-testid": "rich-card",
+			children: [d && /* @__PURE__ */ W(ca, {
+				variant: e,
+				presentation: u,
+				images: i,
+				title: t,
+				heroUrl: f ? p.thumbnailUrl : void 0,
+				onHeroError: p.onImageError
+			}), /* @__PURE__ */ W(ea, {
+				ctaSurface: p.surface,
+				chinTextColor: p.chinTextColor,
+				title: t,
+				subtitle: n,
+				subtitleLines: r,
+				appIcon: s,
+				actions: o
+			})]
+		})
+	});
+}, ua = {
+	Sent: (e) => /* @__PURE__ */ W(la, {
+		...e,
+		variant: "dark"
+	}),
+	Received: (e) => /* @__PURE__ */ W(la, {
+		...e,
+		variant: "light"
+	})
+}, da = "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%", fa = {
+	sent: "var(--str-chat__own-message-bubble-background-color, #1e2330)",
+	received: "var(--str-chat__message-bubble-background-color, #f1f0ee)"
+}, pa = ({ variant: e }) => /* @__PURE__ */ W("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: fa[e],
+		WebkitMask: da,
+		mask: da
+	}
+}), ma = {
+	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)"
+	}
+}, ha = ({ variant: e, text: t, tail: n = !0, header: r, className: i }) => /* @__PURE__ */ G("div", {
+	"data-dd-privacy": "mask",
+	className: J("relative px-4 py-3", "text-[0.875rem] leading-[1.3125rem] tracking-[0.14px]", i),
+	style: {
+		...ma[e],
+		borderRadius: "var(--str-chat__message-bubble-border-radius, 1.5rem)",
+		isolation: "isolate"
+	},
+	children: [
+		r != null && /* @__PURE__ */ W("div", {
+			className: "mb-1 font-medium",
+			"data-testid": "message-bubble-header",
+			children: r
+		}),
+		/* @__PURE__ */ W("p", {
+			className: "m-0 whitespace-pre-wrap break-words hyphens-manual",
+			children: t
+		}),
+		n && /* @__PURE__ */ W(pa, { variant: e })
+	]
+}), ga = {
+	Sent: ({ text: e, tail: t, className: n }) => /* @__PURE__ */ W(ha, {
+		variant: "sent",
+		text: e,
+		tail: t,
+		className: n
+	}),
+	Received: ({ text: e, tail: t, header: n, className: r }) => /* @__PURE__ */ W(ha, {
+		variant: "received",
+		text: e,
+		tail: t,
+		header: n,
+		className: r
+	})
+}, _a = ({ question: e, onClick: t, loading: n = !1, className: r }) => /* @__PURE__ */ W("button", {
+	type: "button",
+	onClick: t,
+	disabled: n,
+	style: { backgroundColor: "#E6E5E3" },
+	className: J("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
+}), va = ({ faqs: e, onFaqClick: t, loadingFaqId: n, headerText: r, className: i, avatarImage: a, avatarName: o }) => {
+	let s = Ce(e);
+	return s.length === 0 ? null : /* @__PURE__ */ W("div", {
+		className: i,
+		children: /* @__PURE__ */ G("div", {
+			className: "flex gap-3 items-end",
+			children: [(a || o) && /* @__PURE__ */ W("div", {
+				className: "flex-none",
+				children: /* @__PURE__ */ W(pt, {
+					id: o || "account",
+					name: o || "Account",
+					image: a,
+					size: 24,
+					shape: "circle"
+				})
+			}), /* @__PURE__ */ G("div", {
+				className: "flex-1 flex flex-col gap-3 rounded-lg p-4",
+				style: { backgroundColor: "#F1F0EE" },
+				children: [r && /* @__PURE__ */ W("p", {
+					className: "text-md text-charcoal mb-4",
+					children: r
+				}), s.map((e) => /* @__PURE__ */ W(_a, {
+					question: e.question,
+					onClick: () => t(e.id),
+					loading: n === e.id
+				}, e.id))]
+			})]
+		})
+	});
+};
+//#endregion
+export { gt as ActionButton, pt as Avatar, Fi as ChannelEmptyState, Xi as ChannelList, zi as ChannelView, Ot as CustomMessageProvider, va as FaqList, _a as FaqListItem, Fn as LinkAttachment, Nt as LockedAttachment, Gr as MessageAttachment, ga as MessageBubble, Xe as MessagingLoggerProvider, et as MessagingProvider, Vi as MessagingShell, ua as RichCard, Zt as TipMessage, Qn as buildCompactMetaLabel, Yn as formatFileSize, qi as formatRelativeTime, Zn as getFileExtensionLabel, wt as getMessageDisplayText, Tt as isLinkAttachment, Xt as isTipMessage, at as isUuidLike, Wn as messageAttachmentGroupPositionFromStream, Ct as normalizeLanguageCode, e as optimizeMessagingAttachmentUrl, rt as resolveConversationParticipant, st as resolveParticipantDisplayName, mi as useComposerLocked, kt as useCustomMessage, tt as useMessaging, Ze as useMessagingLogger };
+
+//# sourceMappingURL=index.js.map