@box/threaded-annotations 1.85.2 → 1.89.1

package/dist/chunks/message-footer.js

@@ -1,42 +1,62 @@
 import e from "../esm/lib/components/v2/text-message/messages.js";
-import { Button as t } from "@box/blueprint-web";
-import { useIntl as n } from "react-intl";
-import { ReadableTime as r } from "@box/readable-time";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import '../styles/message-footer.css';var o = {
-	textMessage: "_textMessage_z15h4_1",
-	contentWrapper: "_contentWrapper_z15h4_10",
-	threadedIndicator: "_threadedIndicator_z15h4_15",
-	threadedIndicatorHidden: "_threadedIndicatorHidden_z15h4_31",
-	messageContent: "_messageContent_z15h4_34",
-	annotationBadgeWrapper: "_annotationBadgeWrapper_z15h4_41",
-	messageFooter: "_messageFooter_z15h4_50",
-	readableTimeWrapper: "_readableTimeWrapper_z15h4_57",
-	replyButton: "_replyButton_z15h4_60"
-}, s = ({ createdAt: s, onReply: c }) => {
-	let l = n();
-	return /* @__PURE__ */ a("div", {
-		className: o.messageFooter,
-		children: [/* @__PURE__ */ i("div", {
-			className: o.readableTimeWrapper,
-			"data-no-expand": !0,
-			children: /* @__PURE__ */ i(r, {
-				textProps: {
-					as: "span",
-					variant: "bodySmall",
-					color: "textOnLightSecondary"
-				},
-				timestamp: s
+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 { ReadableTime as o, getReadableTime as s } from "@box/readable-time";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import '../styles/message-footer.css';var u = {
+	textMessage: "_textMessage_4bt0e_4",
+	contentWrapper: "_contentWrapper_4bt0e_13",
+	threadedIndicator: "_threadedIndicator_4bt0e_18",
+	threadedIndicatorHidden: "_threadedIndicatorHidden_4bt0e_34",
+	messageContent: "_messageContent_4bt0e_37",
+	annotationBadgeWrapper: "_annotationBadgeWrapper_4bt0e_44",
+	messageFooter: "_messageFooter_4bt0e_53",
+	readableTimeWrapper: "_readableTimeWrapper_4bt0e_60",
+	replyButton: "_replyButton_4bt0e_64"
+}, d = ({ createdAt: d, onReply: f, updatedAt: p }) => {
+	let m = a();
+	return /* @__PURE__ */ l("div", {
+		className: u.messageFooter,
+		children: [
+			/* @__PURE__ */ c("div", {
+				className: u.readableTimeWrapper,
+				"data-no-expand": !0,
+				children: /* @__PURE__ */ c(o, {
+					textProps: {
+						as: "span",
+						variant: "bodySmall",
+						color: "textOnLightSecondary"
+					},
+					timestamp: d
+				})
+			}),
+			p !== void 0 && /* @__PURE__ */ c(i, {
+				content: s({
+					alwaysShowTime: !0,
+					intl: m,
+					relativeThreshold: 0,
+					timestamp: p
+				}),
+				children: /* @__PURE__ */ c(n, {
+					"data-no-expand": !0,
+					children: /* @__PURE__ */ c(r, {
+						as: "span",
+						color: "textOnLightSecondary",
+						variant: "bodySmall",
+						children: m.formatMessage(e.edited)
+					})
+				})
+			}),
+			f && /* @__PURE__ */ c(t, {
+				"aria-label": m.formatMessage(e.replyButtonAriaLabel),
+				className: u.replyButton,
+				"data-no-expand": !0,
+				size: "small",
+				variant: "quaternary",
+				onClick: f,
+				children: m.formatMessage(e.reply)
 			})
-		}), c && /* @__PURE__ */ i(t, {
-			"aria-label": l.formatMessage(e.replyButtonAriaLabel),
-			className: o.replyButton,
-			"data-no-expand": !0,
-			size: "small",
-			variant: "quaternary",
-			onClick: c,
-			children: l.formatMessage(e.reply)
-		})]
+		]
 	});
 };
-export { o as n, s as t };
+export { u as n, d as t };

package/dist/chunks/messages-view.js

@@ -7,56 +7,58 @@ import o from "clsx";
 import { useRef as s } from "react";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
 import '../styles/messages-view.css';var u = {
-	messagesViewWrapper: "_messagesViewWrapper_1yvpu_4",
-	overflowing: "_overflowing_1yvpu_9",
-	scrollable: "_scrollable_1yvpu_9",
-	withEditorBelow: "_withEditorBelow_1yvpu_12",
-	messagesView: "_messagesView_1yvpu_4",
-	repliesContainer: "_repliesContainer_1yvpu_52",
-	messagesFade: "_messagesFade_1yvpu_58"
-}, d = ({ messages: d, isResolved: f = !1, resolvedBy: p, resolvedAt: m, onDelete: h, onThreadDelete: g, onAvatarClick: _, onCopyLink: v, onEdit: y, onResolve: b, onUnresolve: x, annotationTarget: S, onAnnotationBadgeClick: C, originalContentDeleted: w }) => {
-	let { viewState: T, dispatch: E, isAnnotations: D } = t(), O = s(null), k = T !== e.Collapsed, A = T === e.Composing, j = d.length > 2, M = j && !k, { handleScroll: N, isOverflowing: P } = a({
+	messagesViewWrapper: "_messagesViewWrapper_ms46c_4",
+	overflowing: "_overflowing_ms46c_9",
+	scrollable: "_scrollable_ms46c_9",
+	withEditorBelow: "_withEditorBelow_ms46c_12",
+	messagesView: "_messagesView_ms46c_4",
+	repliesContainer: "_repliesContainer_ms46c_53",
+	messagesFade: "_messagesFade_ms46c_59"
+}, d = ({ messages: d, isResolved: f = !1, resolvedBy: p, resolvedAt: m, onDelete: h, onThreadDelete: g, onAvatarClick: _, onCopyLink: v, onEdit: y, onEditError: b, onResolve: x, onUnresolve: S, userSelectorProps: C, annotationTarget: w, onAnnotationBadgeClick: T, originalContentDeleted: E }) => {
+	let { viewState: D, dispatch: O, isAnnotations: k } = t(), A = s(null), j = D !== e.Collapsed, M = D === e.Composing, N = d.length > 2, P = N && !j, { handleScroll: F, isOverflowing: I } = a({
 		messageCount: d.length,
-		containerRef: O,
-		enabled: D,
-		isExpanded: k,
-		suppressAutoScroll: M
-	}), F = d[0], I = d.slice(1), L = I.length >= 1, R = I[I.length - 1], z = I.slice(0, -1), B = j && !k;
-	if (!F) return null;
-	let V = z[z.length - 1]?.author, H = z.length >= 2 ? z[z.length - 2].author : void 0, U = () => E({ type: "EXPAND" });
+		containerRef: A,
+		enabled: k,
+		isExpanded: j,
+		suppressAutoScroll: P
+	}), L = d[0], R = d.slice(1), z = R.length >= 1, B = R[R.length - 1], V = R.slice(0, -1), H = N && !j;
+	if (!L) return null;
+	let U = V[V.length - 1]?.author, W = V.length >= 2 ? V[V.length - 2].author : void 0, G = () => O({ type: "EXPAND" });
 	return /* @__PURE__ */ l("div", {
-		className: o(u.messagesViewWrapper, P && u.overflowing, P && A && u.withEditorBelow),
+		className: o(u.messagesViewWrapper, I && u.overflowing, I && M && u.withEditorBelow),
 		children: [/* @__PURE__ */ l("div", {
-			ref: O,
-			className: o(u.messagesView, D && u.scrollable),
-			onScroll: N,
+			ref: A,
+			className: o(u.messagesView, k && u.scrollable),
+			onScroll: F,
 			children: [
 				/* @__PURE__ */ c(i, {
-					...F,
-					hasReplies: L,
-					showThreadedIndicator: L || f,
+					...L,
+					hasReplies: z,
+					showThreadedIndicator: z || f,
 					isResolved: f,
 					onDelete: h,
 					onThreadDelete: g,
 					onAvatarClick: _,
 					onCopyLink: v,
 					onEdit: y,
-					onResolve: b,
-					onUnresolve: x,
+					onEditError: b,
+					onResolve: x,
+					onUnresolve: S,
 					isFirstMessage: !0,
-					annotationTarget: S,
-					onAnnotationBadgeClick: C,
-					originalContentDeleted: w
+					userSelectorProps: C,
+					annotationTarget: w,
+					onAnnotationBadgeClick: T,
+					originalContentDeleted: E
 				}),
-				B && V && /* @__PURE__ */ c(r, {
-					lastUser: V,
-					repliesCount: z.length,
-					secondLastUser: H,
-					onShowReplies: U
+				H && U && /* @__PURE__ */ c(r, {
+					lastUser: U,
+					repliesCount: V.length,
+					secondLastUser: W,
+					onShowReplies: G
 				}),
-				k && z.length > 0 && /* @__PURE__ */ c("div", {
+				j && V.length > 0 && /* @__PURE__ */ c("div", {
 					className: u.repliesContainer,
-					children: z.map((e) => /* @__PURE__ */ c(i, {
+					children: V.map((e) => /* @__PURE__ */ c(i, {
 						...e,
 						showThreadedIndicator: !0,
 						isResolved: f,
@@ -64,27 +66,31 @@ import '../styles/messages-view.css';var u = {
 						onAvatarClick: _,
 						onCopyLink: v,
 						onEdit: y,
-						onResolve: b,
-						onUnresolve: x
+						onEditError: b,
+						onResolve: x,
+						onUnresolve: S,
+						userSelectorProps: C
 					}, e.id))
 				}),
-				R && /* @__PURE__ */ c(i, {
-					...R,
+				B && /* @__PURE__ */ c(i, {
+					...B,
 					showThreadedIndicator: f,
 					isResolved: f,
 					onDelete: h,
 					onAvatarClick: _,
 					onCopyLink: v,
 					onEdit: y,
-					onResolve: b,
-					onUnresolve: x
+					onEditError: b,
+					onResolve: x,
+					onUnresolve: S,
+					userSelectorProps: C
 				}),
 				f && p && m && /* @__PURE__ */ c(n, {
 					authorName: p,
 					createdAt: m
 				})
 			]
-		}), P && /* @__PURE__ */ c("div", { className: u.messagesFade })]
+		}), I && /* @__PURE__ */ c("div", { className: u.messagesFade })]
 	});
 };
 export { d as t };

package/dist/chunks/threaded-annotations2.js

@@ -10,33 +10,39 @@ import '../styles/threaded-annotations2.css';var m = {
 	threadedAnnotations: "_threadedAnnotations_1dfb0_1",
 	expandable: "_expandable_1dfb0_10",
 	annotations: "_annotations_1dfb0_13"
-}, h = ({ messages: r, isResolved: h = !1, resolvedBy: g, resolvedAt: _, onDelete: v, onThreadDelete: y, onAvatarClick: b, onCopyLink: x, onEdit: S, onResolve: C, onUnresolve: w, onPost: T, onPostError: E, userSelectorProps: D, onEditorOpenChange: O, annotationTarget: k, onAnnotationBadgeClick: A, originalContentDeleted: j }) => {
-	let { viewState: M, dispatch: N, replyMention: P, isReplyDisabled: F, isAnnotations: I } = i(), L = d(null), R = M !== n.Collapsed, z = r.length > 2, B = M === n.Collapsed && (z || !F && !h);
+}, h = ({ messages: r, isResolved: h = !1, resolvedBy: g, resolvedAt: _, onDelete: v, onThreadDelete: y, onAvatarClick: b, onCopyLink: x, onEdit: S, onEditError: C, onResolve: w, onUnresolve: T, onPost: E, onPostError: D, userSelectorProps: O, onEditorOpenChange: k, annotationTarget: A, onAnnotationBadgeClick: j, originalContentDeleted: M }) => {
+	let { viewState: N, dispatch: P, editingMessageId: F, replyMention: I, isReplyDisabled: L, isAnnotations: R } = i(), z = d(null), B = N !== n.Collapsed, V = r.length > 2, H = N === n.Collapsed && (V || !L && !h);
 	l(() => {
-		O?.(R);
-	}, [R, O]), l(() => {
-		if (!R) return;
+		F && !r.some((e) => e.id === F) && P({ type: "CLEAR_EDIT" });
+	}, [
+		F,
+		r,
+		P
+	]), l(() => {
+		k?.(B);
+	}, [B, k]), l(() => {
+		if (!B) return;
 		let t = `[${Object.keys(e)[0]}]`, n = (e) => {
 			let n = e.target;
-			L.current?.contains(n) || document.querySelector(t)?.contains(n) || N({ type: "COLLAPSE" });
+			z.current?.contains(n) || document.querySelector(t)?.contains(n) || P({ type: "COLLAPSE" });
 		};
 		return document.addEventListener("mousedown", n), () => document.removeEventListener("mousedown", n);
-	}, [R, N]);
-	let V = r.length === 0, H = c(() => N({ type: "CLEAR_MENTION" }), [N]), U = u(() => P ? o(P) : null, [P]), W = c((e) => {
-		if (!B) return;
+	}, [B, P]);
+	let U = r.length === 0, W = c(() => P({ type: "CLEAR_MENTION" }), [P]), G = u(() => I ? o(I) : null, [I]), K = c((e) => {
+		if (!H) return;
 		let t = e.target;
-		!e.currentTarget.contains(t) || t.closest("[data-no-expand]") || N({ type: "EXPAND" });
-	}, [B, N]);
-	return I && V ? /* @__PURE__ */ f(t, {
-		onPost: T,
-		onPostError: E,
-		onPostSuccess: H,
-		userSelectorProps: D,
+		!e.currentTarget.contains(t) || t.closest("[data-no-expand]") || P({ type: "EXPAND" });
+	}, [H, P]);
+	return R && U ? /* @__PURE__ */ f(t, {
+		onPost: E,
+		onPostError: D,
+		onPostSuccess: W,
+		userSelectorProps: O,
 		isFirstAnnotation: !0
 	}) : /* @__PURE__ */ p("div", {
-		ref: L,
-		className: s(m.threadedAnnotations, B && m.expandable, I && m.annotations),
-		onClick: B ? W : void 0,
+		ref: z,
+		className: s(m.threadedAnnotations, H && m.expandable, R && m.annotations),
+		onClick: H ? K : void 0,
 		children: [/* @__PURE__ */ f(a, {
 			messages: r,
 			isResolved: h,
@@ -47,22 +53,25 @@ import '../styles/threaded-annotations2.css';var m = {
 			onAvatarClick: b,
 			onCopyLink: x,
 			onEdit: S,
-			onResolve: C,
-			onUnresolve: w,
-			annotationTarget: k,
-			onAnnotationBadgeClick: A,
-			originalContentDeleted: j
-		}), M === n.Composing && /* @__PURE__ */ f(t, {
-			onPost: T,
-			onPostError: E,
-			onPostSuccess: H,
-			initialContent: U,
-			userSelectorProps: D
+			onEditError: C,
+			onResolve: w,
+			onUnresolve: T,
+			userSelectorProps: O,
+			annotationTarget: A,
+			onAnnotationBadgeClick: j,
+			originalContentDeleted: M
+		}), N === n.Composing && /* @__PURE__ */ f(t, {
+			onPost: E,
+			onPostError: D,
+			onPostSuccess: W,
+			initialContent: G,
+			userSelectorProps: O
 		})]
 	});
 }, g = (e) => /* @__PURE__ */ f(r, {
 	defaultExpanded: e.messages.length === 0,
 	isReplyDisabled: e.isReplyDisabled || e.isResolved,
+	isEditDisabled: e.isEditDisabled || e.isResolved,
 	isAnnotations: e.isAnnotations,
 	collapsed: e.collapsed,
 	children: /* @__PURE__ */ f(h, { ...e })

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

@@ -73,7 +73,7 @@ var D = (c) => {
 		});
 	}, [O]);
 	let fe = /* @__PURE__ */ S("div", { className: d.anchorElement });
-	return G ? /* @__PURE__ */ S("div", {
+	return /* @__PURE__ */ S("div", {
 		"data-no-expand": !0,
 		className: d.messageEditorWrapper,
 		children: /* @__PURE__ */ C("div", {
@@ -157,6 +157,6 @@ var D = (c) => {
 				})
 			})]
 		})
-	}) : null;
+	});
 }, O = (e) => /* @__PURE__ */ S(c, { children: /* @__PURE__ */ S(D, { ...e }) });
 export { O as MessageEditor, g as MessageEditorVariant };

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

@@ -7,7 +7,8 @@ import { IconButton as o, Text as s, Tooltip 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";
-import { ArrowBack as p, CheckmarkCircle as m } from "@box/blueprint-web-assets/icons/Medium";
+import { CheckmarkCircle as p } from "@box/blueprint-web-assets/icons/Medium";
+import { CheckmarkCircle as m } from "@box/blueprint-web-assets/icons/MediumFilled";
 var h = ({ author: h, canResolve: g = !1, isResolved: _ = !1, canEdit: v = !0, canDelete: y = !0, hasReplies: b = !1, isFirstMessage: x = !1, onAvatarClick: S, onCopyLink: C, onDelete: w, onEdit: T, onResolve: E, onThreadDelete: D, onUnresolve: O }) => {
 	let k = u(), { isAnnotations: A } = e(), [j, M] = l(!1), [N, P] = l(!1);
 	return /* @__PURE__ */ f("div", {
@@ -38,7 +39,7 @@ var h = ({ author: h, canResolve: g = !1, isResolved: _ = !1, canEdit: v = !0, c
 						"aria-label": k.formatMessage(i.resolveButtonAriaLabel),
 						"data-no-expand": !0,
 						disabled: N,
-						icon: m,
+						icon: p,
 						onClick: () => E?.(),
 						size: "small"
 					})
@@ -49,7 +50,7 @@ var h = ({ author: h, canResolve: g = !1, isResolved: _ = !1, canEdit: v = !0, c
 						"aria-label": k.formatMessage(i.unresolveButtonAriaLabel),
 						"data-no-expand": !0,
 						disabled: N,
-						icon: p,
+						icon: m,
 						onClick: () => O?.(),
 						size: "small"
 					})

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

@@ -4,6 +4,10 @@ var t = e({
 		id: "groupSharedFeatures.threadedAnnotations.annotationMessageAriaLabel",
 		defaultMessage: "Annotation message"
 	},
+	edited: {
+		id: "groupSharedFeatures.threadedAnnotations.edited",
+		defaultMessage: "(Edited)"
+	},
 	reply: {
 		id: "groupSharedFeatures.threadedAnnotations.reply",
 		defaultMessage: "Reply"

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

@@ -1,60 +1,70 @@
-import { useThreadedAnnotationsContext as e } from "../../../v2/threaded-annotations-context.js";
-import { t } from "../../../../../chunks/annotation-badge.js";
-import { MessageHeader as n } from "../message-header/message-header.js";
-import r from "./messages.js";
-import { n as i, t as a } from "../../../../../chunks/message-footer.js";
-import { MessageRenderer as o } from "./subcomponents/message-renderer.js";
-import s from "clsx";
-import { useIntl as c } from "react-intl";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-var d = ({ id: d, author: f, message: p, createdAt: m, permissions: h, showThreadedIndicator: g = !0, isResolved: _ = !1, isFirstMessage: v = !1, hasReplies: y = !1, onAvatarClick: b, onCopyLink: x, onDelete: S, onThreadDelete: C, onEdit: w, onResolve: T, onUnresolve: E, annotationTarget: D, onAnnotationBadgeClick: O, originalContentDeleted: k }) => {
-	let { canResolve: A, canEdit: j, canDelete: M } = h, N = c(), { dispatch: P, isReplyDisabled: F, isAnnotations: I } = e();
-	return /* @__PURE__ */ u("div", {
-		"aria-label": N.formatMessage(r.annotationMessageAriaLabel),
-		className: i.textMessage,
+import { MessageEditorVariant as e } from "../message-editor/message-editor.types.js";
+import { MessageEditor as t } from "../message-editor/message-editor.js";
+import { useThreadedAnnotationsContext as n } from "../../../v2/threaded-annotations-context.js";
+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 { MessageRenderer as c } from "./subcomponents/message-renderer.js";
+import l from "clsx";
+import { useIntl as u } from "react-intl";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+var m = ({ id: m, author: h, message: g, createdAt: _, updatedAt: v, permissions: y, showThreadedIndicator: b = !0, isResolved: x = !1, isFirstMessage: S = !1, hasReplies: C = !1, onAvatarClick: w, onCopyLink: T, onDelete: E, onThreadDelete: D, onEdit: O, onEditError: k, onResolve: A, onUnresolve: j, userSelectorProps: M, annotationTarget: N, onAnnotationBadgeClick: P, originalContentDeleted: F }) => {
+	let { canResolve: I, canEdit: L, canDelete: R } = y, z = u(), { dispatch: B, isReplyDisabled: V, isEditDisabled: H, isAnnotations: U, editingMessageId: W } = n(), G = W === m, K = !!O && !H && L;
+	return /* @__PURE__ */ p("div", {
+		"aria-label": z.formatMessage(a.annotationMessageAriaLabel),
+		className: o.textMessage,
 		"data-message-wrapper": !0,
-		children: [/* @__PURE__ */ l(n, {
-			author: f,
-			canResolve: A,
-			isResolved: _,
-			canDelete: M,
-			canEdit: j,
-			hasReplies: y,
-			isFirstMessage: v,
-			onAvatarClick: b,
-			onCopyLink: x ? () => x(d) : void 0,
-			onDelete: () => S(d),
-			onThreadDelete: C,
-			onEdit: w ? () => w(d) : void 0,
-			onResolve: T ? () => T(d) : void 0,
-			onUnresolve: E ? () => E(d) : void 0
-		}), /* @__PURE__ */ u("div", {
-			className: i.contentWrapper,
-			children: [/* @__PURE__ */ l("div", { className: s(i.threadedIndicator, !g && i.threadedIndicatorHidden) }), /* @__PURE__ */ u("div", {
-				className: i.messageContent,
-				children: [
-					D && !I && /* @__PURE__ */ l("div", {
-						className: i.annotationBadgeWrapper,
-						children: /* @__PURE__ */ l(t, {
-							annotationTarget: D,
-							onClick: () => O?.(d),
-							originalContentDeleted: k
-						})
-					}),
-					/* @__PURE__ */ l("div", {
-						className: i.rendererWrapper,
-						children: /* @__PURE__ */ l(o, { messageObject: p })
-					}),
-					/* @__PURE__ */ l(a, {
-						createdAt: m,
-						onReply: F ? void 0 : () => P({
-							type: "REPLY",
-							author: f
-						})
+		children: [/* @__PURE__ */ f(i, {
+			author: h,
+			canResolve: I,
+			isResolved: x,
+			canDelete: R,
+			canEdit: K,
+			hasReplies: C,
+			isFirstMessage: S,
+			onAvatarClick: w,
+			onCopyLink: T ? () => T(m) : void 0,
+			onDelete: () => E(m),
+			onThreadDelete: D,
+			onEdit: K ? () => B({
+				type: "EDIT",
+				id: m
+			}) : void 0,
+			onResolve: A ? () => A(m) : void 0,
+			onUnresolve: j ? () => j(m) : void 0
+		}), /* @__PURE__ */ p("div", {
+			className: o.contentWrapper,
+			children: [/* @__PURE__ */ f("div", { className: l(o.threadedIndicator, !b && o.threadedIndicatorHidden) }), /* @__PURE__ */ p("div", {
+				className: o.messageContent,
+				children: [N && !U && /* @__PURE__ */ f("div", {
+					className: o.annotationBadgeWrapper,
+					children: /* @__PURE__ */ f(r, {
+						annotationTarget: N,
+						onClick: () => P?.(m),
+						originalContentDeleted: F
 					})
-				]
+				}), G && O ? /* @__PURE__ */ f(t, {
+					initialContent: g,
+					onEditCancel: () => B({ type: "CLEAR_EDIT" }),
+					onEditSuccess: () => B({ type: "CLEAR_EDIT" }),
+					onSave: (e) => O(m, e),
+					onSaveError: k,
+					userSelectorProps: M,
+					variant: e.EDIT_MESSAGE
+				}) : /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("div", {
+					className: o.rendererWrapper,
+					children: /* @__PURE__ */ f(c, { messageObject: g })
+				}), /* @__PURE__ */ f(s, {
+					createdAt: _,
+					onReply: V ? void 0 : () => B({
+						type: "REPLY",
+						author: h
+					}),
+					updatedAt: v
+				})] })]
 			})]
 		})]
 	});
 };
-export { d as TextMessage };
+export { m as TextMessage };

package/dist/esm/lib/v2/test-utils/mocks/mock-messages.js

@@ -174,12 +174,12 @@ var t = [
 	}]
 }, r = {
 	canResolve: !1,
-	canEdit: !1,
+	canEdit: !0,
 	canDelete: !0,
 	canReply: !0
 }, i = {
 	canResolve: !0,
-	canEdit: !1,
+	canEdit: !0,
 	canDelete: !0,
 	canReply: !0
 }, a = (e, t, n, i = r) => ({

package/dist/esm/lib/v2/threaded-annotations-context.js

@@ -2,43 +2,55 @@ import { createContext as e, useCallback as t, useContext as n, useEffect as r,
 import { jsx as o } from "react/jsx-runtime";
 var s = /* @__PURE__ */ function(e) {
 	return e.Collapsed = "collapsed", e.RepliesOnly = "repliesOnly", e.Composing = "composing", e;
-}({}), c = /* @__PURE__ */ e(void 0), l = ({ children: e, defaultExpanded: n = !1, isReplyDisabled: l = !1, collapsed: u = !1, isAnnotations: d = !1 }) => {
-	let [f, p] = a(() => n ? l ? s.RepliesOnly : s.Composing : s.Collapsed), [m, h] = a(null);
+}({}), c = /* @__PURE__ */ e(void 0), l = ({ children: e, defaultExpanded: n = !1, isReplyDisabled: l = !1, isEditDisabled: u = !1, collapsed: d = !1, isAnnotations: f = !1 }) => {
+	let [p, m] = a(() => n ? l ? s.RepliesOnly : s.Composing : s.Collapsed), [h, g] = a(null), [_, v] = a(null);
 	r(() => {
-		l ? (p((e) => e === s.Composing ? s.Collapsed : e), h(null)) : p((e) => e === s.RepliesOnly ? s.Composing : e);
+		l ? (m((e) => e === s.Composing ? s.Collapsed : e), g(null)) : m((e) => e === s.RepliesOnly ? s.Composing : e);
 	}, [l]), r(() => {
-		u && (p(s.Collapsed), h(null));
-	}, [u]);
-	let g = t((e) => {
+		u && v(null);
+	}, [u]), r(() => {
+		d && (m(s.Collapsed), g(null), v(null));
+	}, [d]);
+	let y = t((e) => {
 		switch (e.type) {
 			case "EXPAND":
-				p((e) => e === s.Collapsed ? l ? s.RepliesOnly : s.Composing : e);
+				m((e) => e === s.Collapsed ? l ? s.RepliesOnly : s.Composing : e);
 				break;
 			case "REPLY":
-				l || (h(e.author), p(s.Composing));
+				l || (g(e.author), m(s.Composing));
+				break;
+			case "EDIT":
+				u || v(e.id);
+				break;
+			case "CLEAR_EDIT":
+				v(null);
 				break;
 			case "COLLAPSE":
-				p(s.Collapsed), h(null);
+				m(s.Collapsed), g(null), v(null);
 				break;
 			case "CLEAR_MENTION":
-				h(null);
+				g(null);
 				break;
 		}
-	}, [l]), _ = i(() => ({
-		viewState: f,
-		replyMention: m,
-		isAnnotations: d,
+	}, [l, u]), b = i(() => ({
+		viewState: p,
+		replyMention: h,
+		editingMessageId: _,
+		isAnnotations: f,
 		isReplyDisabled: l,
-		dispatch: g
+		isEditDisabled: u,
+		dispatch: y
 	}), [
+		p,
+		h,
+		_,
 		f,
-		m,
-		d,
 		l,
-		g
+		u,
+		y
 	]);
 	return /* @__PURE__ */ o(c.Provider, {
-		value: _,
+		value: b,
 		children: e
 	});
 }, u = () => {

package/dist/esm/lib/v2/threaded-annotations.js

@@ -1,3 +1,2 @@
-import "../components/v2/message-editor/message-editor.js";
 import { t as e } from "../../../chunks/threaded-annotations2.js";
 export { e as ThreadedAnnotations };

package/dist/i18n/bn-IN.js

@@ -11,6 +11,7 @@ export default {
   "groupSharedFeatures.threadedAnnotations.deleteConfirmation": "নিশ্চিতকরণ মুছুন",
   "groupSharedFeatures.threadedAnnotations.deleteQuestion": "Delete this {type, select, annotation {annotation} other {comment}}{hasReplies, select, true { and replies} other {}}? This action can't be undone.",
   "groupSharedFeatures.threadedAnnotations.edit": "সম্পাদনা করুন",
+  "groupSharedFeatures.threadedAnnotations.edited": "(Edited)",
   "groupSharedFeatures.threadedAnnotations.hideReplies": "উত্তর লুকান",
   "groupSharedFeatures.threadedAnnotations.markedAsResolved": "সমাধান করা হয়েছে হিসাবে চিহ্নিত করা হয়েছে",
   "groupSharedFeatures.threadedAnnotations.messageEditor.cancel": "বাতিল করুন",

package/dist/i18n/bn-IN.properties

@@ -22,6 +22,8 @@ groupSharedFeatures.threadedAnnotations.deleteConfirmation = নিশ্চি
 groupSharedFeatures.threadedAnnotations.deleteQuestion = Delete this {type, select, annotation {annotation} other {comment}}{hasReplies, select, true { and replies} other {}}? This action can't be undone.
 # Edit option in message context menu
 groupSharedFeatures.threadedAnnotations.edit = সম্পাদনা করুন
+# Indicator shown next to the timestamp when a message has been edited
+groupSharedFeatures.threadedAnnotations.edited = (Edited)
 # Button text to hide replies in threaded annotations
 groupSharedFeatures.threadedAnnotations.hideReplies = উত্তর লুকান
 # Text shown after the author name when a comment thread is marked as resolved

package/dist/i18n/da-DK.js

@@ -11,6 +11,7 @@ export default {
   "groupSharedFeatures.threadedAnnotations.deleteConfirmation": "Bekræft sletning",
   "groupSharedFeatures.threadedAnnotations.deleteQuestion": "Delete this {type, select, annotation {annotation} other {comment}}{hasReplies, select, true { and replies} other {}}? This action can't be undone.",
   "groupSharedFeatures.threadedAnnotations.edit": "Rediger",
+  "groupSharedFeatures.threadedAnnotations.edited": "(Edited)",
   "groupSharedFeatures.threadedAnnotations.hideReplies": "Skjul svar",
   "groupSharedFeatures.threadedAnnotations.markedAsResolved": "markeret som løst",
   "groupSharedFeatures.threadedAnnotations.messageEditor.cancel": "Annuller",