@box/threaded-annotations 1.94.10 → 1.95.0

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/message-editor/editor-extensions/custom-mention/useMentionState.js

@@ -1,24 +1,27 @@
-import { useMemo as e, useState as t } from "react";
-var n = /* @__PURE__ */ function(e) {
+import { useCallback as e, useMemo as t, useState as n } from "react";
+var r = /* @__PURE__ */ function(e) {
 	return e.ARROW_DOWN = "ArrowDown", e.ARROW_UP = "ArrowUp", e.ENTER = "Enter", e;
-}({}), r = (r) => {
-	let [i, a] = t(!1), [o, s] = t(""), [c, l] = t(null);
+}({}), i = (i) => {
+	let [a, o] = n(!1), [s, c] = n(""), [l, u] = n(null);
 	return {
-		isActive: i,
-		query: o,
-		command: c,
-		suggestionCallbacks: e(() => ({
+		isActive: a,
+		query: s,
+		command: l,
+		suggestionCallbacks: t(() => ({
 			onSuggestionStart: (e) => {
-				a(!0), s(e.query), l(() => e.command);
+				o(!0), c(e.query), u(() => e.command);
 			},
 			onSuggestionUpdate: (e) => {
-				s(e.query), l(() => e.command);
+				o(!0), c(e.query), u(() => e.command);
 			},
-			onSuggestionKeyDown: (e) => r.current ? e.event.key === n.ARROW_DOWN ? (r.current.selectNext(), !0) : e.event.key === n.ARROW_UP ? (r.current.selectPrevious(), !0) : e.event.key === n.ENTER ? (r.current.selectItem(), !0) : !1 : !1,
+			onSuggestionKeyDown: (e) => i.current ? e.event.key === r.ARROW_DOWN ? (i.current.selectNext(), !0) : e.event.key === r.ARROW_UP ? (i.current.selectPrevious(), !0) : e.event.key === r.ENTER ? (i.current.selectItem(), !0) : !1 : !1,
 			onSuggestionExit: () => {
-				a(!1);
+				o(!1);
 			}
-		}), [r])
+		}), [i]),
+		close: e(() => {
+			o(!1), c(""), u(null);
+		}, [])
 	};
 };
-export { n as KeyEvents, r as useMentionState };
+export { r as KeyEvents, i as useMentionState };

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

@@ -2,161 +2,177 @@ import { THREADED_ANNOTATIONS_PORTAL as e } from "../../../v2/constants.js";
 import { useMentionContext as t } from "../../mention-component/mention-context.js";
 import { CustomMention as n } from "./editor-extensions/custom-mention/custom-mention.js";
 import { createSuggestionOptions as r } from "./editor-extensions/custom-mention/custom-mention-suggestions.js";
-import { MENTION_PLUGIN_KEY as i, normalizeMentionPastedText as a, normalizeMentionTextInput as o } from "./editor-extensions/custom-mention/mention-trigger-normalization.js";
-import { useMentionState as ee } from "./editor-extensions/custom-mention/useMentionState.js";
-import { CustomParagraph as s } from "./editor-extensions/custom-paragraph.js";
-import { useCharacterLimit as te } from "./hooks/useCharacterLimit.js";
-import { useEditorContainerState as ne } from "./hooks/useEditorContainerState.js";
-import { useMentionUserSelection as re } from "./hooks/useMentionUserSelection.js";
-import { MessageEditorProvider as c, useMessageEditorContext as l } from "./message-editor-context.js";
-import u from "./messages.js";
-import { t as d } from "../../../../../chunks/message-editor2.module.js";
-import { CharacterLimitCounter as f } from "./subcomponents/character-limit-counter.js";
-import { EditButtons as p } from "./subcomponents/edit-buttons.js";
-import { ErrorMessage as m } from "./subcomponents/error-message.js";
-import { PostButton as h } from "./subcomponents/post-button.js";
-import { MessageEditorVariant as g } from "./message-editor.types.js";
-import { VisuallyHidden as _ } from "@box/blueprint-web";
-import v from "clsx";
-import { useEffect as y, useMemo as b, useRef as x } from "react";
-import { useIntl as ie } from "react-intl";
-import { Fragment as ae, jsx as S, jsxs as C } from "react/jsx-runtime";
-import { UserSelectorHeadless as oe } from "@box/user-selector";
-import { EditorContent as se, useEditor as ce } from "@tiptap/react";
-import le from "@tiptap/extension-document";
-import w from "@tiptap/extension-text";
-import T from "@tiptap/extension-placeholder";
-var E = (c) => {
-	let { disableComponent: E = !1, initialContent: D, isFirstAnnotation: O = !1, isReply: k = !1, maxCharacterCount: A, userSelectorProps: j } = c, M = x(null), N = x(null), P = x(null), F = ie(), { errorMessage: I, isLoading: L } = l(), { isActive: R, query: z, command: B, suggestionCallbacks: V } = ee(M), { closeAllPopovers: H } = t(), U = F.formatMessage(k ? u.placeholderReply : u.placeholderAddComment), W = c.variant === g.EDIT_MESSAGE, G = ce({
+import { MENTION_PLUGIN_KEY as i, normalizeMentionPastedText as a, normalizeMentionTextInput as ee } from "./editor-extensions/custom-mention/mention-trigger-normalization.js";
+import { useMentionState as o } from "./editor-extensions/custom-mention/useMentionState.js";
+import { CustomParagraph as te } from "./editor-extensions/custom-paragraph.js";
+import { useCharacterLimit as ne } from "./hooks/useCharacterLimit.js";
+import { useEditorContainerState as re } from "./hooks/useEditorContainerState.js";
+import { useMentionUserSelection as ie } from "./hooks/useMentionUserSelection.js";
+import { MessageEditorProvider as s, useMessageEditorContext as ae } from "./message-editor-context.js";
+import c from "./messages.js";
+import { t as l } from "../../../../../chunks/message-editor2.module.js";
+import { CharacterLimitCounter as u } from "./subcomponents/character-limit-counter.js";
+import { EditButtons as d } from "./subcomponents/edit-buttons.js";
+import { ErrorMessage as f } from "./subcomponents/error-message.js";
+import { PostButton as p } from "./subcomponents/post-button.js";
+import { MessageEditorVariant as m } from "./message-editor.types.js";
+import { VisuallyHidden as oe } from "@box/blueprint-web";
+import h from "clsx";
+import { useEffect as g, useMemo as se, useRef as _ } from "react";
+import { useIntl as v } from "react-intl";
+import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
+import { UserSelectorHeadless as S } from "@box/user-selector";
+import { EditorContent as C, useEditor as w } from "@tiptap/react";
+import T from "@tiptap/extension-document";
+import ce from "@tiptap/extension-text";
+import le from "@tiptap/extension-placeholder";
+var E = (s) => {
+	let { disableComponent: E = !1, initialContent: D, isFirstAnnotation: O = !1, isReply: ue = !1, maxCharacterCount: k, userSelectorProps: A } = s, j = _(null), M = _(null), N = _(null), P = v(), { errorMessage: F, isLoading: I } = ae(), { close: L, isActive: R, query: z, command: B, suggestionCallbacks: V } = o(j), { closeAllPopovers: H } = t(), U = P.formatMessage(ue ? c.placeholderReply : c.placeholderAddComment), W = s.variant === m.EDIT_MESSAGE, G = w({
 		extensions: [
-			le,
-			s,
-			T.configure({
+			T,
+			te,
+			le.configure({
 				placeholder: U,
 				showOnlyWhenEditable: !1
 			}),
-			w,
+			ce,
 			n.configure({ suggestion: r(i, "@", V) })
 		],
 		autofocus: !0,
 		content: D,
 		editorProps: {
-			attributes: { class: d.editor },
-			handleTextInput: o,
+			attributes: { class: l.editor },
+			handleTextInput: ee,
 			transformPastedText: a
 		},
 		onCreate: ({ editor: e }) => {
-			P.current = e.view.dom, e.commands.focus("end");
+			N.current = e.view.dom, e.commands.focus("end");
 		},
 		onUpdate: () => {
 			H?.();
 		}
-	}, [U]), { onUserSelected: ue } = re(b(() => B && G && !G.isDestroyed ? {
+	}, [U]), { onUserSelected: de } = ie(se(() => B && G && !G.isDestroyed ? {
 		command: B,
 		editor: G
-	} : null, [B, G])), { exceedsSingleLine: de, hasScroll: K, isAtBottom: q } = ne(N, G), J = te(G, D, A), Y = W || !O || O && de, fe = !G || G?.isEmpty, X = E || L, Z = (J?.excess ?? 0) > 0, Q = fe || X || Z, $ = J && J.excess > 0 && Y;
-	y(() => {
+	} : null, [B, G])), { exceedsSingleLine: fe, hasScroll: K, isAtBottom: q } = re(M, G), J = ne(G, D, k), Y = W || !O || O && fe, pe = !G || G?.isEmpty, X = E || I, Z = (J?.excess ?? 0) > 0, Q = pe || X || Z, $ = J && J.excess > 0 && Y;
+	g(() => {
 		G && G.setEditable(!X);
-	}, [G, X]), y(() => {
-		if (!Z || !N.current || !D) return;
+	}, [G, X]), g(() => {
+		if (!Z || !M.current || !D) return;
 		let e = 0, t = requestAnimationFrame(() => {
 			e = requestAnimationFrame(() => {
-				N.current?.scrollTo({ top: N.current.scrollHeight });
+				M.current?.scrollTo({ top: M.current.scrollHeight });
 			});
 		});
 		return () => {
 			cancelAnimationFrame(t), cancelAnimationFrame(e);
 		};
-	}, [Z]), y(() => {
+	}, [Z]), g(() => {
 		!G || D === void 0 || queueMicrotask(() => {
 			G.commands.setContent(D ?? "", !1), G.commands.focus("end");
 		});
-	}, [D]);
-	let pe = /* @__PURE__ */ S("div", { className: d.anchorElement });
-	return /* @__PURE__ */ S("div", {
+	}, [D]), g(() => {
+		if (!R) return;
+		let t = `[${Object.keys(e)[0]}]`, n = (e) => {
+			if (M.current?.contains(e)) return !0;
+			let n = document.querySelectorAll(t);
+			for (let t of n) if (t.contains(e)) return !0;
+			return !1;
+		}, r = (e) => {
+			let t = e.target;
+			!t || n(t) || L();
+		}, i = requestAnimationFrame(() => {
+			document.addEventListener("mousedown", r), document.addEventListener("focusin", r);
+		});
+		return () => {
+			cancelAnimationFrame(i), document.removeEventListener("mousedown", r), document.removeEventListener("focusin", r);
+		};
+	}, [L, R]);
+	let me = /* @__PURE__ */ b("div", { className: l.anchorElement });
+	return /* @__PURE__ */ b("div", {
 		"data-no-expand": !0,
-		className: d.messageEditorWrapper,
-		children: /* @__PURE__ */ C("div", {
-			className: v(d.messageEditor, {
-				[d.editorHasScroll]: K,
-				[d.editorEditMode]: W,
-				[d.editorError]: I || Z,
-				[d.editorFirstAnnotation]: !W && O,
-				[d.editorCharacterLimitExceeded]: Z
+		className: l.messageEditorWrapper,
+		children: /* @__PURE__ */ x("div", {
+			className: h(l.messageEditor, {
+				[l.editorHasScroll]: K,
+				[l.editorEditMode]: W,
+				[l.editorError]: F || Z,
+				[l.editorFirstAnnotation]: !W && O,
+				[l.editorCharacterLimitExceeded]: Z
 			}),
-			children: [/* @__PURE__ */ C("div", {
-				className: v(d.editorViewport, { [d.editorFullWidth]: Y }),
-				children: [/* @__PURE__ */ C("div", {
-					ref: N,
-					className: d.editorContainer,
-					"aria-label": F.formatMessage(u.scrollContainerAriaLabel),
-					children: [/* @__PURE__ */ S(se, {
-						"aria-label": F.formatMessage(u.editorContentAriaLabel),
+			children: [/* @__PURE__ */ x("div", {
+				className: h(l.editorViewport, { [l.editorFullWidth]: Y }),
+				children: [/* @__PURE__ */ x("div", {
+					ref: M,
+					className: l.editorContainer,
+					"aria-label": P.formatMessage(c.scrollContainerAriaLabel),
+					children: [/* @__PURE__ */ b(C, {
+						"aria-label": P.formatMessage(c.editorContentAriaLabel),
 						editor: G
-					}), /* @__PURE__ */ S(oe, {
-						ref: M,
-						inputElementRef: P,
-						onSelectedUserChange: ue,
+					}), /* @__PURE__ */ b(S, {
+						ref: j,
+						inputElementRef: N,
+						onSelectedUserChange: de,
 						open: R,
-						rootElement: pe,
+						rootElement: me,
 						value: z,
-						...j,
+						...A,
 						popoverContentContainerProps: {
-							...j.popoverContentContainerProps,
+							...A.popoverContentContainerProps,
 							...e,
 							avoidCollisions: !0
 						}
 					})]
-				}), K && /* @__PURE__ */ S("div", {
-					className: v(d.editorFade, { [d.editorFadeHidden]: q }),
+				}), K && /* @__PURE__ */ b("div", {
+					className: h(l.editorFade, { [l.editorFadeHidden]: q }),
 					"aria-hidden": "true"
 				})]
-			}), /* @__PURE__ */ S("div", {
-				className: v(d.actionsWrapper),
-				children: /* @__PURE__ */ C("div", {
-					className: v(d.actionsWrapperInner, {
-						[d.scrolledToBottom]: q,
-						[d.characterLimitExceeded]: Z
+			}), /* @__PURE__ */ b("div", {
+				className: h(l.actionsWrapper),
+				children: /* @__PURE__ */ x("div", {
+					className: h(l.actionsWrapperInner, {
+						[l.scrolledToBottom]: q,
+						[l.characterLimitExceeded]: Z
 					}),
 					children: [
-						I && /* @__PURE__ */ S(m, { errorMessage: I }),
-						J && J.excess > 0 && !Y && /* @__PURE__ */ S(_, {
+						F && /* @__PURE__ */ b(f, { errorMessage: F }),
+						J && J.excess > 0 && !Y && /* @__PURE__ */ b(oe, {
 							role: "alert",
-							children: F.formatMessage(u.characterLimitExceeded, { excess: J.excess })
+							children: P.formatMessage(c.characterLimitExceeded, { excess: J.excess })
 						}),
-						W ? /* @__PURE__ */ C("div", {
-							className: d.editActionsColumn,
-							children: [$ && /* @__PURE__ */ S(f, {
+						W ? /* @__PURE__ */ x("div", {
+							className: l.editActionsColumn,
+							children: [$ && /* @__PURE__ */ b(u, {
 								count: J.count,
 								excess: J.excess,
 								maxCount: J.maxCount
-							}), /* @__PURE__ */ S("div", {
-								className: d.editActionsRow,
-								children: /* @__PURE__ */ S(p, {
+							}), /* @__PURE__ */ b("div", {
+								className: l.editActionsRow,
+								children: /* @__PURE__ */ b(d, {
 									disabled: Q,
 									getEditorJsonContent: () => G?.getJSON(),
-									onCancel: c.onEditCancel,
-									onEditSuccess: c.onEditSuccess,
-									onSave: c.onSave,
-									onSaveError: c.onSaveError
+									onCancel: s.onEditCancel,
+									onEditSuccess: s.onEditSuccess,
+									onSave: s.onSave,
+									onSaveError: s.onSaveError
 								})
 							})]
-						}) : /* @__PURE__ */ C(ae, { children: [$ && /* @__PURE__ */ S(f, {
+						}) : /* @__PURE__ */ x(y, { children: [$ && /* @__PURE__ */ b(u, {
 							count: J.count,
 							excess: J.excess,
 							maxCount: J.maxCount
-						}), /* @__PURE__ */ S(h, {
+						}), /* @__PURE__ */ b(p, {
 							cleanEditor: () => G?.commands.setContent(""),
 							disabled: Q,
 							getEditorJsonContent: () => G?.getJSON(),
-							onPost: c.onPost,
-							onPostError: c.onPostError,
-							onPostSuccess: c.onPostSuccess
+							onPost: s.onPost,
+							onPostError: s.onPostError,
+							onPostSuccess: s.onPostSuccess
 						})] })
 					]
 				})
 			})]
 		})
 	});
-}, D = (e) => /* @__PURE__ */ S(c, { children: /* @__PURE__ */ S(E, { ...e }) });
-export { D as MessageEditor, g as MessageEditorVariant };
+}, D = (e) => /* @__PURE__ */ b(s, { children: /* @__PURE__ */ b(E, { ...e }) });
+export { D as MessageEditor, m as MessageEditorVariant };

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/message-editor/editor-extensions/custom-mention/useMentionState.d.ts

@@ -12,4 +12,5 @@ export declare const useMentionState: (userSelectorRef: MutableRefObject<Headles
     query: string;
     command: (props: EditorMentionAttributes) => void;
     suggestionCallbacks: SuggestionCallbacks;
+    close: () => void;
 };

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.10",
+    "version": "1.95.0",
     "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.1",
+        "@box/blueprint-web-assets": "^4.122.0",
+        "@box/collaboration-popover": "^1.63.10",
+        "@box/readable-time": "^1.42.10",
+        "@box/user-selector": "^1.77.10",
         "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.1",
+        "@box/blueprint-web-assets": "^4.122.0",
+        "@box/eslint-plugin-blueprint": "1.2.5",
+        "@box/readable-time": "^1.42.10",
+        "@box/storybook-utils": "^0.20.9",
+        "@box/user-selector": "^1.77.10",
         "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}}