@box/threaded-annotations 1.94.11 → 1.95.1

package/dist/chunks/text-message.module.js

@@ -0,0 +1,14 @@
+import '../styles/text-message2.css';var e = {
+	textMessage: "_textMessage_hmjtk_4",
+	contentWrapper: "_contentWrapper_hmjtk_13",
+	threadedIndicator: "_threadedIndicator_hmjtk_18",
+	threadedIndicatorHidden: "_threadedIndicatorHidden_hmjtk_34",
+	messageContent: "_messageContent_hmjtk_37",
+	inlineEditSlot: "_inlineEditSlot_hmjtk_44",
+	annotationBadgeWrapper: "_annotationBadgeWrapper_hmjtk_47",
+	messageFooter: "_messageFooter_hmjtk_56",
+	readableTimeWrapper: "_readableTimeWrapper_hmjtk_64",
+	replyButton: "_replyButton_hmjtk_68",
+	seeMoreButton: "_seeMoreButton_hmjtk_83"
+};
+export { e as t };

package/dist/esm/lib/components/v2/text-message/constants.js

@@ -0,0 +1,2 @@
+var e = 450;
+export { e as COMMENT_TRUNCATION_THRESHOLD };

package/dist/esm/lib/components/v2/text-message/messages.js

@@ -16,6 +16,10 @@ var t = e({
 		id: "groupSharedFeatures.threadedAnnotations.replyButtonAriaLabel",
 		defaultMessage: "Reply button"
 	},
+	seeMore: {
+		id: "groupSharedFeatures.threadedAnnotations.seeMore",
+		defaultMessage: "See More"
+	},
 	textMessageAriaLabel: {
 		id: "groupSharedFeatures.threadedAnnotations.textMessageAriaLabel",
 		defaultMessage: "Message text"

package/dist/esm/lib/components/v2/text-message/subcomponents/message-footer.js

@@ -1,2 +1,62 @@
-import { t as e } from "../../../../../../chunks/message-footer.js";
-export { e as MessageFooter };
+import e from "../messages.js";
+import { t } from "../../../../../../chunks/text-message.module.js";
+import { Button as n, Focusable as r, Text as i, Tooltip as a } from "@box/blueprint-web";
+import { useIntl as o } from "react-intl";
+import { getReadableTime as s } from "@box/readable-time";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+var u = ({ createdAt: u, onReply: d, updatedAt: f }) => {
+	let p = o();
+	return /* @__PURE__ */ l("div", {
+		className: t.messageFooter,
+		children: [
+			/* @__PURE__ */ c(a, {
+				content: s({
+					alwaysShowTime: !0,
+					intl: p,
+					relativeThreshold: 0,
+					timestamp: u
+				}),
+				children: /* @__PURE__ */ c(r, {
+					className: t.readableTimeWrapper,
+					"data-no-expand": !0,
+					children: /* @__PURE__ */ c(i, {
+						as: "span",
+						color: "textOnLightSecondary",
+						variant: "bodySmall",
+						children: s({
+							intl: p,
+							timestamp: u
+						})
+					})
+				})
+			}),
+			f !== void 0 && /* @__PURE__ */ c(a, {
+				content: s({
+					alwaysShowTime: !0,
+					intl: p,
+					relativeThreshold: 0,
+					timestamp: f
+				}),
+				children: /* @__PURE__ */ c(r, {
+					"data-no-expand": !0,
+					children: /* @__PURE__ */ c(i, {
+						as: "span",
+						color: "textOnLightSecondary",
+						variant: "bodySmall",
+						children: p.formatMessage(e.edited)
+					})
+				})
+			}),
+			d && /* @__PURE__ */ c(n, {
+				"aria-label": p.formatMessage(e.replyButtonAriaLabel),
+				className: t.replyButton,
+				"data-no-expand": !0,
+				size: "x-small",
+				variant: "quaternary",
+				onClick: d,
+				children: p.formatMessage(e.reply)
+			})
+		]
+	});
+};
+export { u as MessageFooter };

package/dist/esm/lib/components/v2/text-message/subcomponents/message-renderer.js

@@ -1,75 +1,48 @@
 import { t as e } from "../../../../../../chunks/mention-component.js";
 import t from "../messages.js";
-import { Link as n, Text as r } from "@box/blueprint-web";
-import { useIntl as i } from "react-intl";
-import { jsx as a } from "react/jsx-runtime";
-var o = /((?:(?:ht|f)tps?:\/\/)[\w.-]+(?::\d+)?(?:\/[\w\-.~+/#?&%=:[\]@!$'()*;,]*)?)/gi, s = /[.,;:!?]/, c = {
-	")": "(",
-	"]": "["
-}, l = (e) => {
-	let t = e[e.length - 1];
-	if (s.test(t)) return !0;
-	let n = c[t];
-	if (n) {
-		let r = e.split(n).length - 1;
-		return e.split(t).length - 1 > r;
-	}
-	return !1;
-}, u = (e) => {
-	let t = e;
-	for (; t.length > 0 && l(t);) t = t.slice(0, -1);
-	return t;
-}, d = (e) => {
-	let t = Array.from(e.matchAll(o)).filter((e) => e.index !== void 0), n = [], r = 0;
-	for (let i of t) {
-		let t = i.index, a = i[0], o = u(a), s = t + o.length;
-		t > r && n.push({
-			type: "text",
-			value: e.slice(r, t)
-		}), n.push({
-			type: "url",
-			value: o
-		}), r = s;
-	}
-	return r < e.length && n.push({
-		type: "text",
-		value: e.slice(r)
-	}), n;
-}, f = ({ node: t, index: n, paragraphIndex: r }) => {
+import { t as n } from "../../../../../../chunks/text-message.module.js";
+import "../constants.js";
+import { splitTextIntoSegments as r } from "./url-segments.js";
+import { getDocumentLength as i, truncateDocument as a } from "./truncate-document.js";
+import { Link as o, Text as s, TextButton as c } from "@box/blueprint-web";
+import { useState as l } from "react";
+import { useIntl as u } from "react-intl";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+var p = ({ node: t, index: n, paragraphIndex: r }) => {
 	let i = `mention-${t.attrs.mentionedUserId}-${r}-${n}`;
-	return /* @__PURE__ */ a(e, {
+	return /* @__PURE__ */ d(e, {
 		authorId: t.attrs.authorId,
 		mentionedUserEmail: t.attrs.mentionedUserEmail,
 		mentionedUserId: t.attrs.mentionedUserId,
 		mentionedUserName: t.attrs.mentionedUserName,
 		mentionId: t.attrs.mentionId
 	}, i);
-}, p = (e) => {
+}, m = (e) => {
 	e.currentTarget.closest("[data-thread-expandable]") && e.preventDefault();
-}, m = ({ node: e, index: i, paragraphIndex: o, intl: s }) => {
-	let c = `text-${e.text.substring(0, 20)}-${o}-${i}`, l = d(e.text);
-	return /* @__PURE__ */ a(r, {
-		"aria-label": s.formatMessage(t.textMessageAriaLabel),
+}, h = ({ node: e, index: n, paragraphIndex: i, intl: a }) => {
+	let c = `text-${e.text.substring(0, 20)}-${i}-${n}`, l = r(e.text);
+	return /* @__PURE__ */ d(s, {
+		"aria-label": a.formatMessage(t.textMessageAriaLabel),
 		as: "span",
 		color: "textOnLightDefault",
 		variant: "bodyDefault",
-		children: l.map((e, t) => e.type === "url" ? /* @__PURE__ */ a(n, {
+		children: l.map((e, t) => e.type === "url" ? /* @__PURE__ */ d(o, {
 			href: e.value,
 			inheritFont: !0,
 			rel: "noopener noreferrer",
 			target: "_blank",
-			onClick: p,
+			onClick: m,
 			children: e.value
 		}, `${c}-segment-${t}`) : e.value)
 	}, c);
-}, h = ({ content: e, paragraphIndex: t, intl: n }) => e.map((e, r) => {
+}, g = ({ content: e, paragraphIndex: t, intl: n }) => e.map((e, r) => {
 	switch (e.type) {
-		case "mention": return f({
+		case "mention": return p({
 			node: e,
 			index: r,
 			paragraphIndex: t
 		});
-		case "text": return m({
+		case "text": return h({
 			node: e,
 			index: r,
 			paragraphIndex: t,
@@ -77,23 +50,38 @@ var o = /((?:(?:ht|f)tps?:\/\/)[\w.-]+(?::\d+)?(?:\/[\w\-.~+/#?&%=:[\]@!$'()*;,]
 		});
 		default: return [];
 	}
-}), g = ({ paragraph: e, index: t, intl: n }) => {
-	let i = e.content || [], o = `paragraph-${t}`;
-	return /* @__PURE__ */ a(r, {
+}), _ = ({ paragraph: e, index: t, intl: n, inlineSuffix: r }) => {
+	let i = e.content || [], a = `paragraph-${t}`;
+	return /* @__PURE__ */ f(s, {
 		as: "p",
 		variant: "bodyDefault",
-		children: i.length > 0 ? h({
+		children: [i.length > 0 ? g({
 			content: i,
 			paragraphIndex: t,
 			intl: n
-		}) : /* @__PURE__ */ a("br", {})
-	}, o);
-}, _ = ({ messageObject: e }) => {
-	let t = i(), { content: n } = e;
-	return !n && n.length === 0 ? null : n.map((e, n) => g({
+		}) : /* @__PURE__ */ d("br", {}), r]
+	}, a);
+}, v = ({ messageObject: e }) => {
+	let r = u(), [o, s] = l(!1);
+	if (!e.content || e.content.length === 0) return null;
+	let f = i(e), p = !o && f > 450, m = p ? a(e, 450) : e, h = m.content.length - 1;
+	for (let e = m.content.length - 1; e >= 0; --e) if ((m.content[e].content?.length ?? 0) > 0) {
+		h = e;
+		break;
+	}
+	let g = p ? /* @__PURE__ */ d(c, {
+		className: n.seeMoreButton,
+		color: "textOnLightLink",
+		"data-no-expand": !0,
+		onClick: () => s(!0),
+		variant: "bodyDefaultBold",
+		children: r.formatMessage(t.seeMore)
+	}) : null;
+	return m.content.map((e, t) => _({
 		paragraph: e,
-		index: n,
-		intl: t
+		index: t,
+		intl: r,
+		inlineSuffix: t === h ? g : null
 	}));
 };
-export { _ as MessageRenderer };
+export { v as MessageRenderer };

package/dist/esm/lib/components/v2/text-message/subcomponents/truncate-document.js

@@ -0,0 +1,113 @@
+import { splitTextIntoSegments as e } from "./url-segments.js";
+var t = "…", n = (e) => `@${e.attrs.mentionedUserName}`.length, r = (e) => {
+	let t = 0;
+	for (let r of e.content) for (let e of r.content || []) e.type === "text" ? t += e.text.length : e.type === "mention" && (t += n(e));
+	return t;
+}, i = (t) => {
+	let n = [];
+	return t.content.forEach((t, r) => {
+		r > 0 && n.push({
+			kind: "paragraph-break",
+			sourceParagraph: t
+		});
+		for (let r of t.content || []) if (r.type === "mention") n.push({
+			kind: "mention",
+			node: r
+		});
+		else if (r.type === "text") for (let t of e(r.text)) n.push({
+			kind: t.type,
+			value: t.value,
+			sourceNode: r
+		});
+	}), n;
+}, a = (e, t) => {
+	let r = [], i = [], a = t, o = (e) => {
+		r.push(...i, e), i.length = 0;
+	};
+	for (let t of e) if (t.kind === "paragraph-break") i.push(t);
+	else if (a <= 0) return {
+		collected: r,
+		truncated: !0
+	};
+	else if (t.kind === "mention") {
+		let e = n(t.node);
+		if (e > a) return {
+			collected: r,
+			truncated: !0
+		};
+		o(t), a -= e;
+	} else if (t.kind === "url") {
+		if (t.value.length > a) return {
+			collected: r,
+			truncated: !0
+		};
+		o(t), a -= t.value.length;
+	} else if (t.value.length <= a) o(t), a -= t.value.length;
+	else return o({
+		...t,
+		value: t.value.slice(0, a)
+	}), {
+		collected: r,
+		truncated: !0
+	};
+	return {
+		collected: r,
+		truncated: !1
+	};
+}, o = (e, t) => {
+	let n = [], r = [], i = t, a = null, o = () => {
+		n.push({
+			...i,
+			content: r
+		}), r = [], a = null;
+	};
+	for (let t of e) if (t.kind === "paragraph-break") o(), i = t.sourceParagraph;
+	else if (t.kind === "mention") r.push(t.node), a = null;
+	else if (a === t.sourceNode) {
+		let e = r[r.length - 1];
+		r[r.length - 1] = {
+			...e,
+			text: e.text + t.value
+		};
+	} else r.push({
+		...t.sourceNode,
+		text: t.value
+	}), a = t.sourceNode;
+	return o(), n;
+}, s = (e) => {
+	let n = -1;
+	for (let t = e.length - 1; t >= 0; --t) if ((e[t].content?.length ?? 0) > 0) {
+		n = t;
+		break;
+	}
+	if (n === -1) return [...e, {
+		type: "paragraph",
+		content: [{
+			type: "text",
+			text: t
+		}]
+	}];
+	let r = e[n].content || [], i = r[r.length - 1], a;
+	if (i?.type === "text") {
+		if (i.text.endsWith(t)) return e;
+		a = [...r.slice(0, -1), {
+			...i,
+			text: `${i.text}${t}`
+		}];
+	} else a = [...r, {
+		type: "text",
+		text: t
+	}];
+	return e.map((e, t) => t === n ? {
+		...e,
+		content: a
+	} : e);
+}, c = (e, t) => {
+	if (e.content.length === 0) return e;
+	let { collected: n, truncated: r } = a(i(e), t), c = o(n, e.content[0]), l = r ? s(c) : c;
+	return {
+		...e,
+		content: l
+	};
+};
+export { r as getDocumentLength, c as truncateDocument };

package/dist/esm/lib/components/v2/text-message/subcomponents/url-segments.js

@@ -0,0 +1,38 @@
+var e = /((?:(?:ht|f)tps?:\/\/)[\w.-]+(?::\d+)?(?:\/[\w\-.~+/#?&%=:[\]@!$'()*;,]*)?)/gi, t = /[.,;:!?。、！？；：，،؛؟]/, n = {
+	")": "(",
+	"]": "[",
+	"）": "（",
+	"】": "【",
+	"」": "「",
+	"』": "『"
+}, r = (e) => {
+	let r = e[e.length - 1];
+	if (t.test(r)) return !0;
+	let i = n[r];
+	if (i) {
+		let t = e.split(i).length - 1;
+		return e.split(r).length - 1 > t;
+	}
+	return !1;
+}, i = (e) => {
+	let t = e;
+	for (; t.length > 0 && r(t);) t = t.slice(0, -1);
+	return t;
+}, a = (t) => {
+	let n = Array.from(t.matchAll(e)).filter((e) => e.index !== void 0), r = [], a = 0;
+	for (let e of n) {
+		let n = e.index, o = i(e[0]), s = n + o.length;
+		n > a && r.push({
+			type: "text",
+			value: t.slice(a, n)
+		}), r.push({
+			type: "url",
+			value: o
+		}), a = s;
+	}
+	return a < t.length && r.push({
+		type: "text",
+		value: t.slice(a)
+	}), r;
+};
+export { e as URL_REGEX, a as splitTextIntoSegments, i as trimTrailingChars };

package/dist/esm/lib/components/v2/text-message/text-message.js

@@ -4,7 +4,8 @@ import { useThreadedAnnotationsContext as n } from "../../../v2/threaded-annotat
 import { t as r } from "../../../../../chunks/annotation-badge.js";
 import { MessageHeader as i } from "../message-header/message-header.js";
 import a from "./messages.js";
-import { n as o, t as s } from "../../../../../chunks/message-footer.js";
+import { t as o } from "../../../../../chunks/text-message.module.js";
+import { MessageFooter as s } from "./subcomponents/message-footer.js";
 import { MessageRenderer as c } from "./subcomponents/message-renderer.js";
 import l from "clsx";
 import { useIntl as u } from "react-intl";

package/dist/i18n/bn-IN.js

@@ -37,6 +37,7 @@ export default {
   "groupSharedFeatures.threadedAnnotations.replyButtonAriaLabel": "উত্তর বোতাম",
   "groupSharedFeatures.threadedAnnotations.resolveButtonAriaLabel": "সমাধান করুন",
   "groupSharedFeatures.threadedAnnotations.resolvedStateAriaLabel": "রেজোলিউশন স্ট্যাটাস মেসেজ",
+  "groupSharedFeatures.threadedAnnotations.seeMore": "See More",
   "groupSharedFeatures.threadedAnnotations.showMoreReplies": "{count,plural,one{# more reply} other{# more replies}}",
   "groupSharedFeatures.threadedAnnotations.showReplies": "{number,plural,one{#টি জবাব দেখান} other{আরও #টি জবাব দেখান}}",
   "groupSharedFeatures.threadedAnnotations.showRepliesButtonAriaLabel": "উত্তর বোতাম",

package/dist/i18n/da-DK.js

@@ -37,6 +37,7 @@ export default {
   "groupSharedFeatures.threadedAnnotations.replyButtonAriaLabel": "Svar-knap",
   "groupSharedFeatures.threadedAnnotations.resolveButtonAriaLabel": "Løs",
   "groupSharedFeatures.threadedAnnotations.resolvedStateAriaLabel": "Meddelelse om løsningsstatus",
+  "groupSharedFeatures.threadedAnnotations.seeMore": "See More",
   "groupSharedFeatures.threadedAnnotations.showMoreReplies": "{count,plural,one{# mere svar} other{# flere svar}}",
   "groupSharedFeatures.threadedAnnotations.showReplies": "{number,plural,one{Vis # svar} other{Vis # flere svar}}",
   "groupSharedFeatures.threadedAnnotations.showRepliesButtonAriaLabel": "Svar-knap",

package/dist/i18n/de-DE.js

@@ -37,6 +37,7 @@ export default {
   "groupSharedFeatures.threadedAnnotations.replyButtonAriaLabel": "Schaltfläche „Antworten“",
   "groupSharedFeatures.threadedAnnotations.resolveButtonAriaLabel": "Auflösen",
   "groupSharedFeatures.threadedAnnotations.resolvedStateAriaLabel": "Statusmeldung zur Problemlösung",
+  "groupSharedFeatures.threadedAnnotations.seeMore": "See More",
   "groupSharedFeatures.threadedAnnotations.showMoreReplies": "{count,plural,one{# weitere Antwort} other{# weitere Antworten}}",
   "groupSharedFeatures.threadedAnnotations.showReplies": "{number,plural,one{# Antwort anzeigen} other{# weitere Antworten anzeigen}}",
   "groupSharedFeatures.threadedAnnotations.showRepliesButtonAriaLabel": "Schaltfläche „Antworten“",

package/dist/i18n/en-AU.js

@@ -37,6 +37,7 @@ export default {
   "groupSharedFeatures.threadedAnnotations.replyButtonAriaLabel": "Reply button",
   "groupSharedFeatures.threadedAnnotations.resolveButtonAriaLabel": "Resolve",
   "groupSharedFeatures.threadedAnnotations.resolvedStateAriaLabel": "Resolution status message",
+  "groupSharedFeatures.threadedAnnotations.seeMore": "See More",
   "groupSharedFeatures.threadedAnnotations.showMoreReplies": "{count,plural,one{# more reply} other{# more replies}}",
   "groupSharedFeatures.threadedAnnotations.showReplies": "{number,plural,one{Show # reply} other{Show # more replies}}",
   "groupSharedFeatures.threadedAnnotations.showRepliesButtonAriaLabel": "Reply button",

package/dist/i18n/en-CA.js

@@ -37,6 +37,7 @@ export default {
   "groupSharedFeatures.threadedAnnotations.replyButtonAriaLabel": "Reply button",
   "groupSharedFeatures.threadedAnnotations.resolveButtonAriaLabel": "Resolve",
   "groupSharedFeatures.threadedAnnotations.resolvedStateAriaLabel": "Resolution status message",
+  "groupSharedFeatures.threadedAnnotations.seeMore": "See More",
   "groupSharedFeatures.threadedAnnotations.showMoreReplies": "{count, plural, one {# more reply} other {# more replies}}",
   "groupSharedFeatures.threadedAnnotations.showReplies": "{number, plural, one {Show # reply} other {Show # more replies}}",
   "groupSharedFeatures.threadedAnnotations.showRepliesButtonAriaLabel": "Reply button",

package/dist/i18n/en-GB.js

@@ -37,6 +37,7 @@ export default {
   "groupSharedFeatures.threadedAnnotations.replyButtonAriaLabel": "Reply button",
   "groupSharedFeatures.threadedAnnotations.resolveButtonAriaLabel": "Resolve",
   "groupSharedFeatures.threadedAnnotations.resolvedStateAriaLabel": "Resolution status message",
+  "groupSharedFeatures.threadedAnnotations.seeMore": "See More",
   "groupSharedFeatures.threadedAnnotations.showMoreReplies": "{count,plural,one{# more reply} other{# more replies}}",
   "groupSharedFeatures.threadedAnnotations.showReplies": "{number,plural,one{Show # reply} other{Show # more replies}}",
   "groupSharedFeatures.threadedAnnotations.showRepliesButtonAriaLabel": "Reply button",

package/dist/i18n/en-US.js

@@ -37,6 +37,7 @@ export default {
   "groupSharedFeatures.threadedAnnotations.replyButtonAriaLabel": "Reply button",
   "groupSharedFeatures.threadedAnnotations.resolveButtonAriaLabel": "Resolve",
   "groupSharedFeatures.threadedAnnotations.resolvedStateAriaLabel": "Resolution status message",
+  "groupSharedFeatures.threadedAnnotations.seeMore": "See More",
   "groupSharedFeatures.threadedAnnotations.showMoreReplies": "{count, plural, one {# more reply} other {# more replies}}",
   "groupSharedFeatures.threadedAnnotations.showReplies": "{number, plural, one {Show # reply} other {Show # more replies}}",
   "groupSharedFeatures.threadedAnnotations.showRepliesButtonAriaLabel": "Reply button",

package/dist/i18n/en-US.properties

@@ -74,6 +74,8 @@ groupSharedFeatures.threadedAnnotations.replyButtonAriaLabel = Reply button
 groupSharedFeatures.threadedAnnotations.resolveButtonAriaLabel = Resolve
 # Aria label for the resolution status message container
 groupSharedFeatures.threadedAnnotations.resolvedStateAriaLabel = Resolution status message
+# Button to expand a long comment that has been truncated
+groupSharedFeatures.threadedAnnotations.seeMore = See More
 # Button text to show more replies with count
 groupSharedFeatures.threadedAnnotations.showMoreReplies = {count, plural, one {# more reply} other {# more replies}}
 # Button text to show replies with count

package/dist/i18n/en-x-pseudo.js

@@ -37,6 +37,7 @@ export default {
   "groupSharedFeatures.threadedAnnotations.replyButtonAriaLabel": "⟦萬萬萬 ŔèΡĺý вµţťòи 國國國⟧",
   "groupSharedFeatures.threadedAnnotations.resolveButtonAriaLabel": "⟦萬萬 Ŕèśòĺνé 國國⟧",
   "groupSharedFeatures.threadedAnnotations.resolvedStateAriaLabel": "⟦萬萬萬萬萬萬萬 Ŕèśòĺµţìóи ŝťàŧùş méѕšáĝê 國國國國國國國⟧",
+  "groupSharedFeatures.threadedAnnotations.seeMore": "See More",
   "groupSharedFeatures.threadedAnnotations.showMoreReplies": "⟦萬萬萬萬萬萬萬萬萬萬萬 {count, plural, one {# mòŕè ŗéΡĺý} other {# мóřê яëРļìēś}} 國國國國國國國國國國國⟧",
   "groupSharedFeatures.threadedAnnotations.showReplies": "⟦萬萬萬萬萬萬萬萬萬萬萬萬萬 {number, plural, one {Śĥòŵ # ŕèΡĺý} other {Ŝħóω # môŗé řêРļìëś}} 國國國國國國國國國國國國國⟧",
   "groupSharedFeatures.threadedAnnotations.showRepliesButtonAriaLabel": "⟦萬萬萬 ŔèΡĺý вµţťòи 國國國⟧",

package/dist/i18n/es-419.js

@@ -37,6 +37,7 @@ export default {
   "groupSharedFeatures.threadedAnnotations.replyButtonAriaLabel": "Botón Responder",
   "groupSharedFeatures.threadedAnnotations.resolveButtonAriaLabel": "Resolver",
   "groupSharedFeatures.threadedAnnotations.resolvedStateAriaLabel": "Mensaje de estado de resolución",
+  "groupSharedFeatures.threadedAnnotations.seeMore": "See More",
   "groupSharedFeatures.threadedAnnotations.showMoreReplies": "{count,plural,one{# respuesta más} other{# respuestas más}}",
   "groupSharedFeatures.threadedAnnotations.showReplies": "{number,plural,one{Mostrar # respuesta} many{Mostrar # respuestas más} other{Mostrar # respuestas más}}",
   "groupSharedFeatures.threadedAnnotations.showRepliesButtonAriaLabel": "Botón Responder",

package/dist/i18n/es-ES.js

@@ -37,6 +37,7 @@ export default {
   "groupSharedFeatures.threadedAnnotations.replyButtonAriaLabel": "Botón Responder",
   "groupSharedFeatures.threadedAnnotations.resolveButtonAriaLabel": "Resolver",
   "groupSharedFeatures.threadedAnnotations.resolvedStateAriaLabel": "Mensaje de estado de resolución",
+  "groupSharedFeatures.threadedAnnotations.seeMore": "See More",
   "groupSharedFeatures.threadedAnnotations.showMoreReplies": "{count,plural,one{# respuesta más} other{# respuestas más}}",
   "groupSharedFeatures.threadedAnnotations.showReplies": "{number,plural,one{Mostrar # respuesta} many{Mostrar # respuestas más} other{Mostrar # respuestas más}}",
   "groupSharedFeatures.threadedAnnotations.showRepliesButtonAriaLabel": "Botón Responder",

package/dist/i18n/fi-FI.js

@@ -37,6 +37,7 @@ export default {
   "groupSharedFeatures.threadedAnnotations.replyButtonAriaLabel": "Vastaa-painike",
   "groupSharedFeatures.threadedAnnotations.resolveButtonAriaLabel": "Ratkaise",
   "groupSharedFeatures.threadedAnnotations.resolvedStateAriaLabel": "Ratkaisun tilaviesti",
+  "groupSharedFeatures.threadedAnnotations.seeMore": "See More",
   "groupSharedFeatures.threadedAnnotations.showMoreReplies": "{count,plural,one{# more reply} other{# more replies}}",
   "groupSharedFeatures.threadedAnnotations.showReplies": "{number,plural,one{Näytä # vastaus} other{Näytä # vastausta}}",
   "groupSharedFeatures.threadedAnnotations.showRepliesButtonAriaLabel": "Vastaa-painike",

package/dist/i18n/fr-CA.js

@@ -37,6 +37,7 @@ export default {
   "groupSharedFeatures.threadedAnnotations.replyButtonAriaLabel": "Bouton Répondre",
   "groupSharedFeatures.threadedAnnotations.resolveButtonAriaLabel": "Résoudre",
   "groupSharedFeatures.threadedAnnotations.resolvedStateAriaLabel": "Message de statut de résolution",
+  "groupSharedFeatures.threadedAnnotations.seeMore": "See More",
   "groupSharedFeatures.threadedAnnotations.showMoreReplies": "{count,plural,one{# réponse de plus} other{# réponses de plus}}",
   "groupSharedFeatures.threadedAnnotations.showReplies": "{number,plural,one{Montrer # réponse} many{Montrer #  de réponse en plus} other{Montrer # de réponse en plus}}",
   "groupSharedFeatures.threadedAnnotations.showRepliesButtonAriaLabel": "Bouton Répondre",

package/dist/i18n/fr-FR.js

@@ -37,6 +37,7 @@ export default {
   "groupSharedFeatures.threadedAnnotations.replyButtonAriaLabel": "Bouton Répondre",
   "groupSharedFeatures.threadedAnnotations.resolveButtonAriaLabel": "Résoudre",
   "groupSharedFeatures.threadedAnnotations.resolvedStateAriaLabel": "Message de statut de résolution",
+  "groupSharedFeatures.threadedAnnotations.seeMore": "See More",
   "groupSharedFeatures.threadedAnnotations.showMoreReplies": "{count,plural,one{# réponse de plus} other{# réponses de plus}}",
   "groupSharedFeatures.threadedAnnotations.showReplies": "{number,plural,one{Montrer # réponse} many{Montrer #  de réponse en plus} other{Montrer # de réponse en plus}}",
   "groupSharedFeatures.threadedAnnotations.showRepliesButtonAriaLabel": "Bouton Répondre",

package/dist/i18n/hi-IN.js

@@ -37,6 +37,7 @@ export default {
   "groupSharedFeatures.threadedAnnotations.replyButtonAriaLabel": "उत्तर दें बटन",
   "groupSharedFeatures.threadedAnnotations.resolveButtonAriaLabel": "हल करें",
   "groupSharedFeatures.threadedAnnotations.resolvedStateAriaLabel": "रिज़ॉल्यूशन स्टेटस मैसेज",
+  "groupSharedFeatures.threadedAnnotations.seeMore": "See More",
   "groupSharedFeatures.threadedAnnotations.showMoreReplies": "{count,plural,one{# और जवाब} other{# और जवाब}}",
   "groupSharedFeatures.threadedAnnotations.showReplies": "{number,plural,one{# उत्तर दिखाएं} other{और # उत्तर दिखाएं}}",
   "groupSharedFeatures.threadedAnnotations.showRepliesButtonAriaLabel": "उत्तर दें बटन",

package/dist/i18n/it-IT.js

@@ -37,6 +37,7 @@ export default {
   "groupSharedFeatures.threadedAnnotations.replyButtonAriaLabel": "Pulsante Rispondi",
   "groupSharedFeatures.threadedAnnotations.resolveButtonAriaLabel": "Risolvi",
   "groupSharedFeatures.threadedAnnotations.resolvedStateAriaLabel": "Messaggio sullo stato della risoluzione",
+  "groupSharedFeatures.threadedAnnotations.seeMore": "See More",
   "groupSharedFeatures.threadedAnnotations.showMoreReplies": "{count,plural,one{# more reply} other{# more replies}}",
   "groupSharedFeatures.threadedAnnotations.showReplies": "{number,plural,one{Mostra # risposta} many{Mostra altre # risposte} other{Mostra altre # risposte}}",
   "groupSharedFeatures.threadedAnnotations.showRepliesButtonAriaLabel": "Pulsante Rispondi",

package/dist/i18n/ja-JP.js

@@ -37,6 +37,7 @@ export default {
   "groupSharedFeatures.threadedAnnotations.replyButtonAriaLabel": "[返信] ボタン",
   "groupSharedFeatures.threadedAnnotations.resolveButtonAriaLabel": "対応済み",
   "groupSharedFeatures.threadedAnnotations.resolvedStateAriaLabel": "対応済みステータスのメッセージ",
+  "groupSharedFeatures.threadedAnnotations.seeMore": "See More",
   "groupSharedFeatures.threadedAnnotations.showMoreReplies": "{count,plural,one{さらに#件の返信を表示} other{さらに#件の返信を表示}}",
   "groupSharedFeatures.threadedAnnotations.showReplies": "{number,plural,one{#件の返信を表示} other{さらに#件の返信を表示}}",
   "groupSharedFeatures.threadedAnnotations.showRepliesButtonAriaLabel": "返信ボタン",

package/dist/i18n/json/src/lib/components/v2/text-message/messages.json

@@ -1 +1 @@
-[{"id":"groupSharedFeatures.threadedAnnotations.annotationMessageAriaLabel","description":"Aria label for annotation message container","defaultMessage":"Annotation message"},{"id":"groupSharedFeatures.threadedAnnotations.edited","description":"Indicator shown next to the timestamp when a message has been edited","defaultMessage":"(Edited)"},{"id":"groupSharedFeatures.threadedAnnotations.reply","description":"Reply button text to start composing a reply","defaultMessage":"Reply"},{"id":"groupSharedFeatures.threadedAnnotations.replyButtonAriaLabel","description":"Aria label for the reply button that opens the message editor","defaultMessage":"Reply button"},{"id":"groupSharedFeatures.threadedAnnotations.textMessageAriaLabel","description":"Aria label for message text content","defaultMessage":"Message text"}]
+[{"id":"groupSharedFeatures.threadedAnnotations.annotationMessageAriaLabel","description":"Aria label for annotation message container","defaultMessage":"Annotation message"},{"id":"groupSharedFeatures.threadedAnnotations.edited","description":"Indicator shown next to the timestamp when a message has been edited","defaultMessage":"(Edited)"},{"id":"groupSharedFeatures.threadedAnnotations.reply","description":"Reply button text to start composing a reply","defaultMessage":"Reply"},{"id":"groupSharedFeatures.threadedAnnotations.replyButtonAriaLabel","description":"Aria label for the reply button that opens the message editor","defaultMessage":"Reply button"},{"id":"groupSharedFeatures.threadedAnnotations.seeMore","description":"Button to expand a long comment that has been truncated","defaultMessage":"See More"},{"id":"groupSharedFeatures.threadedAnnotations.textMessageAriaLabel","description":"Aria label for message text content","defaultMessage":"Message text"}]

package/dist/i18n/ko-KR.js

@@ -37,6 +37,7 @@ export default {
   "groupSharedFeatures.threadedAnnotations.replyButtonAriaLabel": "답글 버튼",
   "groupSharedFeatures.threadedAnnotations.resolveButtonAriaLabel": "해결",
   "groupSharedFeatures.threadedAnnotations.resolvedStateAriaLabel": "해결 상태 메시지",
+  "groupSharedFeatures.threadedAnnotations.seeMore": "See More",
   "groupSharedFeatures.threadedAnnotations.showMoreReplies": "{count,plural,one{답글 #개 더 보기} other{답글 #개 더 보기}}",
   "groupSharedFeatures.threadedAnnotations.showReplies": "{number,plural,one{답글 #개 보기} other{답글 #개 보기}}",
   "groupSharedFeatures.threadedAnnotations.showRepliesButtonAriaLabel": "답글 버튼",

package/dist/i18n/nb-NO.js

@@ -37,6 +37,7 @@ export default {
   "groupSharedFeatures.threadedAnnotations.replyButtonAriaLabel": "Svar-knapp",
   "groupSharedFeatures.threadedAnnotations.resolveButtonAriaLabel": "Løs",
   "groupSharedFeatures.threadedAnnotations.resolvedStateAriaLabel": "Melding om løsningsstatus",
+  "groupSharedFeatures.threadedAnnotations.seeMore": "See More",
   "groupSharedFeatures.threadedAnnotations.showMoreReplies": "{count,plural,one{# more reply} other{# more replies}}",
   "groupSharedFeatures.threadedAnnotations.showReplies": "{number,plural,one{Vis # svar} other{Vis # flere svar}}",
   "groupSharedFeatures.threadedAnnotations.showRepliesButtonAriaLabel": "Svar-knapp",

package/dist/i18n/nl-NL.js

@@ -37,6 +37,7 @@ export default {
   "groupSharedFeatures.threadedAnnotations.replyButtonAriaLabel": "Knop Beantwoorden",
   "groupSharedFeatures.threadedAnnotations.resolveButtonAriaLabel": "Oplossen",
   "groupSharedFeatures.threadedAnnotations.resolvedStateAriaLabel": "Statusbericht oplossing",
+  "groupSharedFeatures.threadedAnnotations.seeMore": "See More",
   "groupSharedFeatures.threadedAnnotations.showMoreReplies": "{count,plural,one{nog # reactie} other{nog # reacties}}",
   "groupSharedFeatures.threadedAnnotations.showReplies": "{number,plural,one{# antwoord tonen} other{Nog # antwoorden tonen}}",
   "groupSharedFeatures.threadedAnnotations.showRepliesButtonAriaLabel": "Knop Beantwoorden",

package/dist/i18n/pl-PL.js

@@ -37,6 +37,7 @@ export default {
   "groupSharedFeatures.threadedAnnotations.replyButtonAriaLabel": "Przycisk odpowiedzi",
   "groupSharedFeatures.threadedAnnotations.resolveButtonAriaLabel": "Rozwiąż",
   "groupSharedFeatures.threadedAnnotations.resolvedStateAriaLabel": "Wiadomość o statusie rozwiązania",
+  "groupSharedFeatures.threadedAnnotations.seeMore": "See More",
   "groupSharedFeatures.threadedAnnotations.showMoreReplies": "{count,plural,one{# dodatkowa odpowiedź} other{# dodatkowej odpowiedzi} few{# dodatkowe odpowiedzi} many{# dodatkowych odpowiedzi}}",
   "groupSharedFeatures.threadedAnnotations.showReplies": "{number,plural,one{Pokaż # odpowiedź} few{Pokaż # odpowiedzi} many{Pokaż # odpowiedzi} other{Pokaż # odpowiedzi}}",
   "groupSharedFeatures.threadedAnnotations.showRepliesButtonAriaLabel": "Przycisk odpowiedzi",

package/dist/i18n/pt-BR.js

@@ -37,6 +37,7 @@ export default {
   "groupSharedFeatures.threadedAnnotations.replyButtonAriaLabel": "Botão Responder",
   "groupSharedFeatures.threadedAnnotations.resolveButtonAriaLabel": "Resolver",
   "groupSharedFeatures.threadedAnnotations.resolvedStateAriaLabel": "Mensagem de status de resolução",
+  "groupSharedFeatures.threadedAnnotations.seeMore": "See More",
   "groupSharedFeatures.threadedAnnotations.showMoreReplies": "{count,plural,one{# mais resposta} other{# mais respostas}}",
   "groupSharedFeatures.threadedAnnotations.showReplies": "{number,plural,one{Mostrar # resposta} other{Mostras mais # respostas} many{Mostras mais # respostas}}",
   "groupSharedFeatures.threadedAnnotations.showRepliesButtonAriaLabel": "Botão Responder",

package/dist/i18n/ru-RU.js

@@ -37,6 +37,7 @@ export default {
   "groupSharedFeatures.threadedAnnotations.replyButtonAriaLabel": "Кнопка ответа",
   "groupSharedFeatures.threadedAnnotations.resolveButtonAriaLabel": "Решено",
   "groupSharedFeatures.threadedAnnotations.resolvedStateAriaLabel": "Сообщение о статусе решения",
+  "groupSharedFeatures.threadedAnnotations.seeMore": "See More",
   "groupSharedFeatures.threadedAnnotations.showMoreReplies": "{count,plural,one{еще # ответ } other{еще # ответа(-ов)}}",
   "groupSharedFeatures.threadedAnnotations.showReplies": "{number,plural,one{Показать # ответ} few{Показать еще # ответа} many{Показать еще # ответов} other{Показать еще # ответа}}",
   "groupSharedFeatures.threadedAnnotations.showRepliesButtonAriaLabel": "Кнопка ответа",

package/dist/i18n/sv-SE.js

@@ -37,6 +37,7 @@ export default {
   "groupSharedFeatures.threadedAnnotations.replyButtonAriaLabel": "Knappen Svara",
   "groupSharedFeatures.threadedAnnotations.resolveButtonAriaLabel": "Löst",
   "groupSharedFeatures.threadedAnnotations.resolvedStateAriaLabel": "Meddelande om lösningsstatus",
+  "groupSharedFeatures.threadedAnnotations.seeMore": "See More",
   "groupSharedFeatures.threadedAnnotations.showMoreReplies": "{count,plural,one{# svar till} other{# svar till}}",
   "groupSharedFeatures.threadedAnnotations.showReplies": "{number,plural,one{Visa # svar} other{Visa ytterligare # svar}}",
   "groupSharedFeatures.threadedAnnotations.showRepliesButtonAriaLabel": "Knappen Svara",

package/dist/i18n/tr-TR.js

@@ -37,6 +37,7 @@ export default {
   "groupSharedFeatures.threadedAnnotations.replyButtonAriaLabel": "Yanıtla düğmesi",
   "groupSharedFeatures.threadedAnnotations.resolveButtonAriaLabel": "Çözün",
   "groupSharedFeatures.threadedAnnotations.resolvedStateAriaLabel": "Çözüm durumu mesajı",
+  "groupSharedFeatures.threadedAnnotations.seeMore": "See More",
   "groupSharedFeatures.threadedAnnotations.showMoreReplies": "{count,plural,one{# yanıt daha} other{# yanıt daha}}",
   "groupSharedFeatures.threadedAnnotations.showReplies": "{number,plural,one{# yanıt göster} other{# yanıt daha göster}}",
   "groupSharedFeatures.threadedAnnotations.showRepliesButtonAriaLabel": "Yanıtla düğmesi",

package/dist/i18n/zh-CN.js

@@ -37,6 +37,7 @@ export default {
   "groupSharedFeatures.threadedAnnotations.replyButtonAriaLabel": "回复按钮",
   "groupSharedFeatures.threadedAnnotations.resolveButtonAriaLabel": "解决",
   "groupSharedFeatures.threadedAnnotations.resolvedStateAriaLabel": "解决状态消息",
+  "groupSharedFeatures.threadedAnnotations.seeMore": "See More",
   "groupSharedFeatures.threadedAnnotations.showMoreReplies": "{count,plural,other{另外 # 个回复}}",
   "groupSharedFeatures.threadedAnnotations.showReplies": "{number,plural,one{显示 # 条回复} other{显示更多 # 条回复}}",
   "groupSharedFeatures.threadedAnnotations.showRepliesButtonAriaLabel": "回复按钮",

package/dist/i18n/zh-TW.js

@@ -37,6 +37,7 @@ export default {
   "groupSharedFeatures.threadedAnnotations.replyButtonAriaLabel": "回覆按鈕",
   "groupSharedFeatures.threadedAnnotations.resolveButtonAriaLabel": "解決",
   "groupSharedFeatures.threadedAnnotations.resolvedStateAriaLabel": "解決狀態訊息",
+  "groupSharedFeatures.threadedAnnotations.seeMore": "See More",
   "groupSharedFeatures.threadedAnnotations.showMoreReplies": "{count,plural,one{# more reply} other{# 更多回覆}}",
   "groupSharedFeatures.threadedAnnotations.showReplies": "{number,plural,one{顯示 # 則回覆} other{再顯示 # 則回覆}}",
   "groupSharedFeatures.threadedAnnotations.showRepliesButtonAriaLabel": "回覆按鈕",

package/dist/styles/text-message2.css

@@ -0,0 +1 @@
+._textMessage_hmjtk_4{flex-direction:column;flex:1;width:100%;height:100%;display:flex;position:relative;overflow:visible}._textMessage_hmjtk_4 ._contentWrapper_hmjtk_13{gap:var(--space-2);margin-top:.125rem;display:flex}._textMessage_hmjtk_4 ._contentWrapper_hmjtk_13 ._threadedIndicator_hmjtk_18{width:var(--space-7);flex-shrink:0;position:relative}._textMessage_hmjtk_4 ._contentWrapper_hmjtk_13 ._threadedIndicator_hmjtk_18:after{content:"";left:50%;top:var(--space-05);bottom:var(--space-05);width:var(--border-2);background-color:var(--border-divider-border);border-radius:var(--radius-1);position:absolute;transform:translate(-50%)}._textMessage_hmjtk_4 ._contentWrapper_hmjtk_13 ._threadedIndicatorHidden_hmjtk_34:after{visibility:hidden}._textMessage_hmjtk_4 ._contentWrapper_hmjtk_13 ._messageContent_hmjtk_37{overflow-wrap:break-word;flex-direction:column;flex:1;min-width:0;display:flex}._textMessage_hmjtk_4 ._contentWrapper_hmjtk_13 ._messageContent_hmjtk_37 ._inlineEditSlot_hmjtk_44{margin-top:var(--space-2)}._textMessage_hmjtk_4 ._contentWrapper_hmjtk_13 ._messageContent_hmjtk_37 ._annotationBadgeWrapper_hmjtk_47{min-width:0;max-width:100%;padding-bottom:var(--space-1);flex-direction:column;align-items:flex-start;display:flex;overflow:hidden}._textMessage_hmjtk_4 ._contentWrapper_hmjtk_13 ._messageFooter_hmjtk_56{align-items:center;gap:var(--space-1);padding-bottom:var(--space-2);margin-top:var(--space-1);flex-direction:row;display:flex}._textMessage_hmjtk_4 ._contentWrapper_hmjtk_13 ._messageFooter_hmjtk_56 ._readableTimeWrapper_hmjtk_64{cursor:auto}._replyButton_hmjtk_68{padding-top:var(--space-05);padding-bottom:var(--space-05);opacity:0;transition:opacity .1s}[data-message-wrapper]:hover ._replyButton_hmjtk_68,[data-message-wrapper]:focus-within ._replyButton_hmjtk_68{opacity:1}@media (pointer:coarse),(hover:none){._replyButton_hmjtk_68{opacity:1}}._seeMoreButton_hmjtk_83{margin-inline-start:var(--bp-space-010)}

package/dist/types/lib/components/v2/text-message/constants.d.ts

@@ -0,0 +1 @@
+export declare const COMMENT_TRUNCATION_THRESHOLD = 450;

package/dist/types/lib/components/v2/text-message/messages.d.ts

@@ -19,6 +19,11 @@ declare const messages: {
         description: string;
         id: string;
     };
+    seeMore: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
     textMessageAriaLabel: {
         defaultMessage: string;
         description: string;

package/dist/types/lib/components/v2/text-message/subcomponents/truncate-document.d.ts

@@ -0,0 +1,3 @@
+import { DocumentNode } from '../../../../v2/types';
+export declare const getDocumentLength: (document: DocumentNode) => number;
+export declare const truncateDocument: (document: DocumentNode, threshold: number) => DocumentNode;

package/dist/types/lib/components/v2/text-message/subcomponents/url-segments.d.ts

@@ -0,0 +1,7 @@
+export declare const URL_REGEX: RegExp;
+export declare const trimTrailingChars: (url: string) => string;
+export type TextSegment = {
+    type: 'text' | 'url';
+    value: string;
+};
+export declare const splitTextIntoSegments: (text: string) => TextSegment[];

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/threaded-annotations",
-    "version": "1.94.11",
+    "version": "1.95.1",
     "license": "SEE LICENSE IN LICENSE",
     "dependencies": {
         "@tanstack/react-virtual": "^3.10.8",
@@ -16,23 +16,23 @@
         "uuid": "^9.0.1"
     },
     "peerDependencies": {
-        "@box/blueprint-web": "^15.5.0",
-        "@box/blueprint-web-assets": "^4.121.8",
-        "@box/collaboration-popover": "^1.63.9",
-        "@box/readable-time": "^1.42.9",
-        "@box/user-selector": "^1.77.9",
+        "@box/blueprint-web": "^15.5.2",
+        "@box/blueprint-web-assets": "^4.123.0",
+        "@box/collaboration-popover": "^1.63.11",
+        "@box/readable-time": "^1.42.11",
+        "@box/user-selector": "^1.77.11",
         "clsx": "^1.2.1",
         "react": "^18.0.0",
         "react-dom": "^18.0.0",
         "react-intl": "^6.4.2"
     },
     "devDependencies": {
-        "@box/blueprint-web": "^15.5.0",
-        "@box/blueprint-web-assets": "^4.121.8",
-        "@box/eslint-plugin-blueprint": "1.2.4",
-        "@box/readable-time": "^1.42.9",
-        "@box/storybook-utils": "^0.20.8",
-        "@box/user-selector": "^1.77.9",
+        "@box/blueprint-web": "^15.5.2",
+        "@box/blueprint-web-assets": "^4.123.0",
+        "@box/eslint-plugin-blueprint": "1.2.5",
+        "@box/readable-time": "^1.42.11",
+        "@box/storybook-utils": "^0.20.10",
+        "@box/user-selector": "^1.77.11",
         "react": "^18.0.0",
         "react-dom": "^18.0.0"
     },

package/dist/chunks/message-footer.js

@@ -1,72 +0,0 @@
-import e from "../esm/lib/components/v2/text-message/messages.js";
-import { Button as t, Focusable as n, Text as r, Tooltip as i } from "@box/blueprint-web";
-import { useIntl as a } from "react-intl";
-import { getReadableTime as o } from "@box/readable-time";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import '../styles/message-footer.css';var l = {
-	textMessage: "_textMessage_25h97_4",
-	contentWrapper: "_contentWrapper_25h97_13",
-	threadedIndicator: "_threadedIndicator_25h97_18",
-	threadedIndicatorHidden: "_threadedIndicatorHidden_25h97_34",
-	messageContent: "_messageContent_25h97_37",
-	inlineEditSlot: "_inlineEditSlot_25h97_44",
-	annotationBadgeWrapper: "_annotationBadgeWrapper_25h97_47",
-	messageFooter: "_messageFooter_25h97_56",
-	readableTimeWrapper: "_readableTimeWrapper_25h97_64",
-	replyButton: "_replyButton_25h97_68"
-}, u = ({ createdAt: u, onReply: d, updatedAt: f }) => {
-	let p = a();
-	return /* @__PURE__ */ c("div", {
-		className: l.messageFooter,
-		children: [
-			/* @__PURE__ */ s(i, {
-				content: o({
-					alwaysShowTime: !0,
-					intl: p,
-					relativeThreshold: 0,
-					timestamp: u
-				}),
-				children: /* @__PURE__ */ s(n, {
-					className: l.readableTimeWrapper,
-					"data-no-expand": !0,
-					children: /* @__PURE__ */ s(r, {
-						as: "span",
-						color: "textOnLightSecondary",
-						variant: "bodySmall",
-						children: o({
-							intl: p,
-							timestamp: u
-						})
-					})
-				})
-			}),
-			f !== void 0 && /* @__PURE__ */ s(i, {
-				content: o({
-					alwaysShowTime: !0,
-					intl: p,
-					relativeThreshold: 0,
-					timestamp: f
-				}),
-				children: /* @__PURE__ */ s(n, {
-					"data-no-expand": !0,
-					children: /* @__PURE__ */ s(r, {
-						as: "span",
-						color: "textOnLightSecondary",
-						variant: "bodySmall",
-						children: p.formatMessage(e.edited)
-					})
-				})
-			}),
-			d && /* @__PURE__ */ s(t, {
-				"aria-label": p.formatMessage(e.replyButtonAriaLabel),
-				className: l.replyButton,
-				"data-no-expand": !0,
-				size: "x-small",
-				variant: "quaternary",
-				onClick: d,
-				children: p.formatMessage(e.reply)
-			})
-		]
-	});
-};
-export { l as n, u as t };

package/dist/styles/message-footer.css

@@ -1 +0,0 @@
-._textMessage_25h97_4{flex-direction:column;flex:1;width:100%;height:100%;display:flex;position:relative;overflow:visible}._textMessage_25h97_4 ._contentWrapper_25h97_13{gap:var(--space-2);margin-top:.125rem;display:flex}._textMessage_25h97_4 ._contentWrapper_25h97_13 ._threadedIndicator_25h97_18{width:var(--space-7);flex-shrink:0;position:relative}._textMessage_25h97_4 ._contentWrapper_25h97_13 ._threadedIndicator_25h97_18:after{content:"";left:50%;top:var(--space-05);bottom:var(--space-05);width:var(--border-2);background-color:var(--border-divider-border);border-radius:var(--radius-1);position:absolute;transform:translate(-50%)}._textMessage_25h97_4 ._contentWrapper_25h97_13 ._threadedIndicatorHidden_25h97_34:after{visibility:hidden}._textMessage_25h97_4 ._contentWrapper_25h97_13 ._messageContent_25h97_37{overflow-wrap:break-word;flex-direction:column;flex:1;min-width:0;display:flex}._textMessage_25h97_4 ._contentWrapper_25h97_13 ._messageContent_25h97_37 ._inlineEditSlot_25h97_44{margin-top:var(--space-2)}._textMessage_25h97_4 ._contentWrapper_25h97_13 ._messageContent_25h97_37 ._annotationBadgeWrapper_25h97_47{min-width:0;max-width:100%;padding-bottom:var(--space-1);flex-direction:column;align-items:flex-start;display:flex;overflow:hidden}._textMessage_25h97_4 ._contentWrapper_25h97_13 ._messageFooter_25h97_56{align-items:center;gap:var(--space-1);padding-bottom:var(--space-2);margin-top:var(--space-1);flex-direction:row;display:flex}._textMessage_25h97_4 ._contentWrapper_25h97_13 ._messageFooter_25h97_56 ._readableTimeWrapper_25h97_64{cursor:auto}._replyButton_25h97_68{padding-top:var(--space-05);padding-bottom:var(--space-05);opacity:0;transition:opacity .1s}[data-message-wrapper]:hover ._replyButton_25h97_68,[data-message-wrapper]:focus-within ._replyButton_25h97_68{opacity:1}@media (pointer:coarse),(hover:none){._replyButton_25h97_68{opacity:1}}