@box/threaded-annotations 1.84.14 → 1.85.1

package/dist/chunks/delete-confirmation-popover.js

@@ -14,42 +14,45 @@ import '../styles/delete-confirmation-popover.css';var c = {
 	optionsMenu: "_optionsMenu_1u78f_35",
 	deletePopoverAnchorWrapper: "_deletePopoverAnchorWrapper_1u78f_54",
 	deletePopoverAnchor: "_deletePopoverAnchor_1u78f_54"
-}, u = ({ open: u, onOpenChange: d, onConfirm: f, onCancel: p }) => {
-	let m = a();
+}, u = ({ hasReplies: u = !1, isAnnotation: d = !1, open: f, onOpenChange: p, onConfirm: m, onCancel: h }) => {
+	let g = a();
 	return /* @__PURE__ */ o("div", {
 		className: l.deletePopoverAnchorWrapper,
 		children: /* @__PURE__ */ s(r.Root, {
 			modal: !1,
-			onOpenChange: d,
-			open: u,
+			onOpenChange: p,
+			open: f,
 			children: [/* @__PURE__ */ o(r.Anchor, { children: /* @__PURE__ */ o(i, {
 				as: "span",
 				className: l.deletePopoverAnchor
 			}) }), /* @__PURE__ */ s(r.ContentContainer, {
 				...e,
 				align: "end",
-				"aria-label": m.formatMessage(t.deleteConfirmation),
+				"aria-label": g.formatMessage(t.deleteConfirmation),
 				className: c.deletePopover,
 				side: "bottom",
 				children: [/* @__PURE__ */ o(r.MainContent, { children: /* @__PURE__ */ o(i, {
 					as: "p",
 					color: "textOnLightDefault",
 					variant: "bodyDefault",
-					children: m.formatMessage(t.deleteCommentQuestion)
+					children: g.formatMessage(t.deleteQuestion, {
+						hasReplies: u ? "true" : "false",
+						type: d ? "annotation" : "comment"
+					})
 				}) }), /* @__PURE__ */ s(r.Footer, {
 					className: c.footer,
 					children: [/* @__PURE__ */ o(n, {
-						"aria-label": m.formatMessage(t.cancelDeleteButtonAriaLabel),
-						onClick: p,
+						"aria-label": g.formatMessage(t.cancelDeleteButtonAriaLabel),
+						onClick: h,
 						size: "small",
 						variant: "secondary",
-						children: m.formatMessage(t.deleteCancel)
+						children: g.formatMessage(t.deleteCancel)
 					}), /* @__PURE__ */ o(n, {
-						"aria-label": m.formatMessage(t.deleteButtonAriaLabel),
-						onClick: f,
+						"aria-label": g.formatMessage(t.deleteButtonAriaLabel),
+						onClick: m,
 						size: "small",
-						variant: "primary",
-						children: m.formatMessage(t.delete)
+						variant: "destructive",
+						children: g.formatMessage(t.delete)
 					})]
 				})]
 			})]

package/dist/chunks/messages-view.js

@@ -14,73 +14,77 @@ import '../styles/messages-view.css';var u = {
 	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: _, onEdit: v, onResolve: y, onUnresolve: b, annotationTarget: x, onAnnotationBadgeClick: S, originalContentDeleted: C }) => {
-	let { viewState: w, dispatch: T, isAnnotations: E } = t(), D = s(null), O = w !== e.Collapsed, k = w === e.Composing, A = d.length > 2, j = A && !O, { handleScroll: M, isOverflowing: N } = a({
+}, 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({
 		messageCount: d.length,
-		containerRef: D,
-		enabled: E,
-		isExpanded: O,
-		suppressAutoScroll: j
-	}), P = d[0], F = d.slice(1), I = F.length >= 1, L = F[F.length - 1], R = F.slice(0, -1), z = A && !O;
-	if (!P) return null;
-	let B = R[R.length - 1]?.author, V = R.length >= 2 ? R[R.length - 2].author : void 0, H = () => T({ type: "EXPAND" });
+		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" });
 	return /* @__PURE__ */ l("div", {
-		className: o(u.messagesViewWrapper, N && u.overflowing, N && k && u.withEditorBelow),
+		className: o(u.messagesViewWrapper, P && u.overflowing, P && A && u.withEditorBelow),
 		children: [/* @__PURE__ */ l("div", {
-			ref: D,
-			className: o(u.messagesView, E && u.scrollable),
-			onScroll: M,
+			ref: O,
+			className: o(u.messagesView, D && u.scrollable),
+			onScroll: N,
 			children: [
 				/* @__PURE__ */ c(i, {
-					...P,
-					showThreadedIndicator: I || f,
+					...F,
+					hasReplies: L,
+					showThreadedIndicator: L || f,
 					isResolved: f,
 					onDelete: h,
 					onThreadDelete: g,
 					onAvatarClick: _,
-					onEdit: v,
-					onResolve: y,
-					onUnresolve: b,
+					onCopyLink: v,
+					onEdit: y,
+					onResolve: b,
+					onUnresolve: x,
 					isFirstMessage: !0,
-					annotationTarget: x,
-					onAnnotationBadgeClick: S,
-					originalContentDeleted: C
+					annotationTarget: S,
+					onAnnotationBadgeClick: C,
+					originalContentDeleted: w
 				}),
-				z && B && /* @__PURE__ */ c(r, {
-					lastUser: B,
-					repliesCount: R.length,
-					secondLastUser: V,
-					onShowReplies: H
+				B && V && /* @__PURE__ */ c(r, {
+					lastUser: V,
+					repliesCount: z.length,
+					secondLastUser: H,
+					onShowReplies: U
 				}),
-				O && R.length > 0 && /* @__PURE__ */ c("div", {
+				k && z.length > 0 && /* @__PURE__ */ c("div", {
 					className: u.repliesContainer,
-					children: R.map((e) => /* @__PURE__ */ c(i, {
+					children: z.map((e) => /* @__PURE__ */ c(i, {
 						...e,
 						showThreadedIndicator: !0,
 						isResolved: f,
 						onDelete: h,
 						onAvatarClick: _,
-						onEdit: v,
-						onResolve: y,
-						onUnresolve: b
+						onCopyLink: v,
+						onEdit: y,
+						onResolve: b,
+						onUnresolve: x
 					}, e.id))
 				}),
-				L && /* @__PURE__ */ c(i, {
-					...L,
+				R && /* @__PURE__ */ c(i, {
+					...R,
 					showThreadedIndicator: f,
 					isResolved: f,
 					onDelete: h,
 					onAvatarClick: _,
-					onEdit: v,
-					onResolve: y,
-					onUnresolve: b
+					onCopyLink: v,
+					onEdit: y,
+					onResolve: b,
+					onUnresolve: x
 				}),
 				f && p && m && /* @__PURE__ */ c(n, {
 					authorName: p,
 					createdAt: m
 				})
 			]
-		}), N && /* @__PURE__ */ c("div", { className: u.messagesFade })]
+		}), P && /* @__PURE__ */ c("div", { className: u.messagesFade })]
 	});
 };
 export { d as t };

package/dist/chunks/threaded-annotations2.js

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

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

@@ -1,74 +1,84 @@
-import { UserAvatarButton as e } from "../user-avatar/user-avatar.js";
-import { n as t, t as n } from "../../../../../chunks/delete-confirmation-popover.js";
-import r from "./messages.js";
-import { MessageOptionsMenu as i } from "./message-options-menu.js";
-import { IconButton as a, Text as o } from "@box/blueprint-web";
-import { useState as s } from "react";
-import { useIntl as c } from "react-intl";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import { ArrowBack as d, CheckmarkCircle as f } from "@box/blueprint-web-assets/icons/Medium";
-var p = ({ author: p, canResolve: m = !1, isResolved: h = !1, canEdit: g = !0, canDelete: _ = !0, isFirstMessage: v = !1, onAvatarClick: y, onEdit: b, onResolve: x, onUnresolve: S, onDelete: C, onThreadDelete: w }) => {
-	let T = c(), [E, D] = s(!1), [O, k] = s(!1);
-	return /* @__PURE__ */ u("div", {
-		className: t.headerContainer,
-		children: [/* @__PURE__ */ u("div", {
-			className: t.information,
-			children: [/* @__PURE__ */ l(e, {
-				onClick: y,
-				user: p
-			}), /* @__PURE__ */ l("div", {
+import { useThreadedAnnotationsContext as e } from "../../../v2/threaded-annotations-context.js";
+import { UserAvatarButton as t } from "../user-avatar/user-avatar.js";
+import { n, t as r } from "../../../../../chunks/delete-confirmation-popover.js";
+import i from "./messages.js";
+import { MessageOptionsMenu as a } from "./message-options-menu.js";
+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";
+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", {
+		className: n.headerContainer,
+		children: [/* @__PURE__ */ f("div", {
+			className: n.information,
+			children: [/* @__PURE__ */ d(t, {
+				onClick: S,
+				user: h
+			}), /* @__PURE__ */ d("div", {
 				"data-no-expand": !0,
-				className: t.textContainer,
-				children: /* @__PURE__ */ l(o, {
+				className: n.textContainer,
+				children: /* @__PURE__ */ d(s, {
 					as: "p",
-					className: t.author,
+					className: n.author,
 					color: "textOnLightDefault",
 					variant: "bodyDefaultBold",
-					children: p.name
+					children: h.name
 				})
 			})]
-		}), /* @__PURE__ */ u("div", {
-			className: t.optionsMenu,
-			"data-state": E || O ? "open" : "closed",
+		}), /* @__PURE__ */ f("div", {
+			className: n.optionsMenu,
+			"data-state": j || N ? "open" : "closed",
 			children: [
-				m && !h && /* @__PURE__ */ l(a, {
-					"aria-label": T.formatMessage(r.resolveButtonAriaLabel),
-					"data-no-expand": !0,
-					disabled: O,
-					icon: f,
-					onClick: () => x?.(),
-					size: "small"
+				g && !_ && /* @__PURE__ */ d(c, {
+					content: k.formatMessage(i.resolveButtonAriaLabel),
+					children: /* @__PURE__ */ d(o, {
+						"aria-label": k.formatMessage(i.resolveButtonAriaLabel),
+						"data-no-expand": !0,
+						disabled: N,
+						icon: m,
+						onClick: () => E?.(),
+						size: "small"
+					})
 				}),
-				m && h && /* @__PURE__ */ l(a, {
-					"aria-label": T.formatMessage(r.unresolveButtonAriaLabel),
-					"data-no-expand": !0,
-					disabled: O,
-					icon: d,
-					onClick: () => S?.(),
-					size: "small"
+				g && _ && /* @__PURE__ */ d(c, {
+					content: k.formatMessage(i.unresolveButtonAriaLabel),
+					children: /* @__PURE__ */ d(o, {
+						"aria-label": k.formatMessage(i.unresolveButtonAriaLabel),
+						"data-no-expand": !0,
+						disabled: N,
+						icon: p,
+						onClick: () => O?.(),
+						size: "small"
+					})
 				}),
-				(g || _) && /* @__PURE__ */ l(i, {
-					canDelete: _,
-					canEdit: g,
-					disabled: O,
+				/* @__PURE__ */ d(a, {
+					canDelete: y,
+					canEdit: v,
+					disabled: N,
+					onCopyLink: C,
 					onDelete: () => {
-						v ? (D(!1), k(!0)) : (D(!1), C?.());
+						x ? (M(!1), P(!0)) : (M(!1), w?.());
 					},
-					onEdit: b,
-					onOpenChange: D
+					onEdit: T,
+					onOpenChange: M
 				}),
-				/* @__PURE__ */ l(n, {
+				/* @__PURE__ */ d(r, {
+					hasReplies: b,
+					isAnnotation: A,
 					onCancel: () => {
-						k(!1), D(!1);
+						P(!1), M(!1);
 					},
 					onConfirm: () => {
-						w?.(), k(!1), D(!1);
+						D?.(), P(!1), M(!1);
 					},
-					onOpenChange: k,
-					open: O
+					onOpenChange: P,
+					open: N
 				})
 			]
 		})]
 	});
 };
-export { p as MessageHeader };
+export { h as MessageHeader };

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

@@ -1,36 +1,39 @@
 import { THREADED_ANNOTATIONS_PORTAL as e } from "../../../v2/constants.js";
 import t from "./messages.js";
-import { DropdownMenu as n, IconButton as r, Text as i } from "@box/blueprint-web";
-import { useIntl as a } from "react-intl";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { Ellipsis as c, Pencil as l, Trash as u } from "@box/blueprint-web-assets/icons/Medium";
-import { bpTextTextDestructiveOnLight as d } from "@box/blueprint-web-assets/tokens/tokens";
-var f = ({ canDelete: f = !0, canEdit: p = !0, disabled: m, onEdit: h, onDelete: g, onOpenChange: _ }) => {
-	let { formatMessage: v } = a();
-	return /* @__PURE__ */ s(n.Root, {
+import { DropdownMenu as n, IconButton as r } from "@box/blueprint-web";
+import { useIntl as i } from "react-intl";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Ellipsis as s, Link as c, Pencil as l, Trash as u } from "@box/blueprint-web-assets/icons/Medium";
+var d = ({ canDelete: d = !0, canEdit: f = !0, disabled: p, onCopyLink: m, onDelete: h, onEdit: g, onOpenChange: _ }) => {
+	let { formatMessage: v } = i(), y = f || !!m;
+	return y || d ? /* @__PURE__ */ o(n.Root, {
 		onOpenChange: _,
-		children: [/* @__PURE__ */ o(n.Trigger, { children: /* @__PURE__ */ o(r, {
+		children: [/* @__PURE__ */ a(n.Trigger, { children: /* @__PURE__ */ a(r, {
 			"aria-label": v(t.moreOptionsAriaLabel),
 			"data-no-expand": !0,
-			disabled: m,
-			icon: c,
+			disabled: p,
+			icon: s,
 			size: "small"
-		}) }), /* @__PURE__ */ s(n.Content, {
+		}) }), /* @__PURE__ */ o(n.Content, {
 			...e,
 			align: "end",
-			children: [p && /* @__PURE__ */ s(n.Item, {
-				onSelect: () => h?.(),
-				children: [/* @__PURE__ */ o(n.Item.StartElement, { icon: l }), /* @__PURE__ */ o(n.Item.MainContent, { label: v(t.edit) })]
-			}), f && /* @__PURE__ */ s(n.Item, {
-				onSelect: () => g?.(),
-				children: [/* @__PURE__ */ o(n.Item.StartElement, { children: /* @__PURE__ */ o(u, { color: d }) }), /* @__PURE__ */ o(n.Item.MainContent, { children: /* @__PURE__ */ o(i, {
-					as: "span",
-					color: "textOnLightError",
-					variant: "bodyDefault",
-					children: v(t.delete)
-				}) })]
-			})]
+			children: [
+				f && /* @__PURE__ */ o(n.Item, {
+					onSelect: () => g?.(),
+					children: [/* @__PURE__ */ a(n.Item.StartElement, { icon: l }), /* @__PURE__ */ a(n.Item.MainContent, { label: v(t.edit) })]
+				}),
+				m && /* @__PURE__ */ o(n.Item, {
+					onSelect: () => m(),
+					children: [/* @__PURE__ */ a(n.Item.StartElement, { icon: c }), /* @__PURE__ */ a(n.Item.MainContent, { label: v(t.copyLink) })]
+				}),
+				d && y && /* @__PURE__ */ a(n.Separator, {}),
+				d && /* @__PURE__ */ o(n.Item, {
+					onSelect: () => h?.(),
+					variant: "destructive",
+					children: [/* @__PURE__ */ a(n.Item.StartElement, { icon: u }), /* @__PURE__ */ a(n.Item.MainContent, { label: v(t.delete) })]
+				})
+			]
 		})]
-	});
+	}) : null;
 };
-export { f as MessageOptionsMenu };
+export { d as MessageOptionsMenu };

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

@@ -4,9 +4,9 @@ var t = e({
 		id: "groupSharedFeatures.threadedAnnotations.deleteConfirmation",
 		defaultMessage: "Delete confirmation"
 	},
-	deleteCommentQuestion: {
-		id: "groupSharedFeatures.threadedAnnotations.deleteCommentWithRepliesQuestion",
-		defaultMessage: "Delete this comment and replies?\nThis action can't be undone."
+	deleteQuestion: {
+		id: "groupSharedFeatures.threadedAnnotations.deleteQuestion",
+		defaultMessage: "Delete this {type, select, annotation {annotation} other {comment}}{hasReplies, select, true { and replies} other {}}?\nThis action can't be undone."
 	},
 	deleteCancel: {
 		id: "groupSharedFeatures.threadedAnnotations.deleteCancel",
@@ -24,6 +24,10 @@ var t = e({
 		id: "groupSharedFeatures.threadedAnnotations.cancelDeleteButtonAriaLabel",
 		defaultMessage: "Cancel delete button"
 	},
+	copyLink: {
+		id: "groupSharedFeatures.threadedAnnotations.copyLink",
+		defaultMessage: "Copy link"
+	},
 	deleteButtonAriaLabel: {
 		id: "groupSharedFeatures.threadedAnnotations.deleteButtonAriaLabel",
 		defaultMessage: "Delete button"

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

@@ -7,36 +7,38 @@ 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, onAvatarClick: y, onDelete: b, onThreadDelete: x, onEdit: S, onResolve: C, onUnresolve: w, annotationTarget: T, onAnnotationBadgeClick: E, originalContentDeleted: D }) => {
-	let { canResolve: O, canEdit: k, canDelete: A } = h, j = c(), { dispatch: M, isReplyDisabled: N, isAnnotations: P } = e();
+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": j.formatMessage(r.annotationMessageAriaLabel),
+		"aria-label": N.formatMessage(r.annotationMessageAriaLabel),
 		className: i.textMessage,
 		"data-message-wrapper": !0,
 		children: [/* @__PURE__ */ l(n, {
 			author: f,
-			canResolve: O,
+			canResolve: A,
 			isResolved: _,
-			canDelete: A,
-			canEdit: k,
+			canDelete: M,
+			canEdit: j,
+			hasReplies: y,
 			isFirstMessage: v,
-			onAvatarClick: y,
-			onDelete: () => b(d),
-			onThreadDelete: x,
-			onEdit: S ? () => S(d) : void 0,
-			onResolve: C ? () => C(d) : void 0,
-			onUnresolve: w ? () => w(d) : void 0
+			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: [
-					T && !P && /* @__PURE__ */ l("div", {
+					D && !I && /* @__PURE__ */ l("div", {
 						className: i.annotationBadgeWrapper,
 						children: /* @__PURE__ */ l(t, {
-							annotationTarget: T,
-							onClick: () => E?.(d),
-							originalContentDeleted: D
+							annotationTarget: D,
+							onClick: () => O?.(d),
+							originalContentDeleted: k
 						})
 					}),
 					/* @__PURE__ */ l("div", {
@@ -45,7 +47,7 @@ var d = ({ id: d, author: f, message: p, createdAt: m, permissions: h, showThrea
 					}),
 					/* @__PURE__ */ l(a, {
 						createdAt: m,
-						onReply: N ? void 0 : () => M({
+						onReply: F ? void 0 : () => P({
 							type: "REPLY",
 							author: f
 						})

package/dist/i18n/bn-IN.js

@@ -3,12 +3,13 @@ export default {
   "groupSharedFeatures.threadedAnnotations.annotationMessageAriaLabel": "অ্যানোটেশন বার্তা",
   "groupSharedFeatures.threadedAnnotations.annotationPage": "পৃষ্ঠা {number}",
   "groupSharedFeatures.threadedAnnotations.cancelDeleteButtonAriaLabel": "বাতিল করুন বোতাম",
+  "groupSharedFeatures.threadedAnnotations.copyLink": "Copy link",
   "groupSharedFeatures.threadedAnnotations.delete": "মুছুন",
   "groupSharedFeatures.threadedAnnotations.deleteButtonAriaLabel": "মুছুন বোতাম",
   "groupSharedFeatures.threadedAnnotations.deleteCancel": "বাতিল করুন",
   "groupSharedFeatures.threadedAnnotations.deleteCommentQuestion": "আপনি কি এই মন্তব্যটি মুছতে চান?",
-  "groupSharedFeatures.threadedAnnotations.deleteCommentWithRepliesQuestion": "এই মন্তব্য ও জবাবগুলো মুছবেন? এই পদক্ষেপটি আগের অবস্থায় ফেরানো যাবে না।",
   "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.hideReplies": "উত্তর লুকান",
   "groupSharedFeatures.threadedAnnotations.markedAsResolved": "সমাধান করা হয়েছে হিসাবে চিহ্নিত করা হয়েছে",

package/dist/i18n/bn-IN.properties

@@ -6,6 +6,8 @@ groupSharedFeatures.threadedAnnotations.annotationMessageAriaLabel = অ্য
 groupSharedFeatures.threadedAnnotations.annotationPage = পৃষ্ঠা {number}
 # Aria label for cancel delete button
 groupSharedFeatures.threadedAnnotations.cancelDeleteButtonAriaLabel = বাতিল করুন বোতাম
+# Copy link option in message context menu
+groupSharedFeatures.threadedAnnotations.copyLink = Copy link
 # Delete button text
 groupSharedFeatures.threadedAnnotations.delete = মুছুন
 # Aria label for delete button
@@ -14,10 +16,10 @@ groupSharedFeatures.threadedAnnotations.deleteButtonAriaLabel = মুছুন
 groupSharedFeatures.threadedAnnotations.deleteCancel = বাতিল করুন
 # Confirmation text asking user if they want to delete a comment
 groupSharedFeatures.threadedAnnotations.deleteCommentQuestion = আপনি কি এই মন্তব্যটি মুছতে চান?
-# Confirmation text asking user if they want to delete a comment and its replies
-groupSharedFeatures.threadedAnnotations.deleteCommentWithRepliesQuestion = এই মন্তব্য ও জবাবগুলো মুছবেন? এই পদক্ষেপটি আগের অবস্থায় ফেরানো যাবে না।
 # Aria label for delete confirmation popover
 groupSharedFeatures.threadedAnnotations.deleteConfirmation = নিশ্চিতকরণ মুছুন
+# Confirmation text asking the user if they want to delete a thread. `type` is `annotation` or `comment`; `hasReplies` is `true` or `false`.
+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 = সম্পাদনা করুন
 # Button text to hide replies in threaded annotations
@@ -64,7 +66,7 @@ groupSharedFeatures.threadedAnnotations.originalContentDeleted = মূল ক
 groupSharedFeatures.threadedAnnotations.reply = উত্তর দিন
 # Aria label for the reply button that opens the message editor
 groupSharedFeatures.threadedAnnotations.replyButtonAriaLabel = উত্তর বোতাম
-# Aria label for resolve button
+# Aria label and tooltip content for the resolve button
 groupSharedFeatures.threadedAnnotations.resolveButtonAriaLabel = সমাধান করুন
 # Aria label for the resolution status message container
 groupSharedFeatures.threadedAnnotations.resolvedStateAriaLabel = রেজোলিউশন স্ট্যাটাস মেসেজ
@@ -78,7 +80,7 @@ groupSharedFeatures.threadedAnnotations.showRepliesButtonAriaLabel = উত্
 groupSharedFeatures.threadedAnnotations.textMentionAriaLabel = ব্যবহারকারীর উল্লেখ করুন
 # Aria label for message text content
 groupSharedFeatures.threadedAnnotations.textMessageAriaLabel = বার্তার টেক্সট
-# Aria label for unresolve button
+# Aria label and tooltip content for the unresolve button
 groupSharedFeatures.threadedAnnotations.unresolveButtonAriaLabel = অমীমাংসিত
 # Alt text for user avatar image
 groupSharedFeatures.threadedAnnotations.userAvatar = ব্যবহারকারীর অবতার

package/dist/i18n/da-DK.js

@@ -3,12 +3,13 @@ export default {
   "groupSharedFeatures.threadedAnnotations.annotationMessageAriaLabel": "Anmærkningsmeddelelse",
   "groupSharedFeatures.threadedAnnotations.annotationPage": "Side {number}",
   "groupSharedFeatures.threadedAnnotations.cancelDeleteButtonAriaLabel": "'Annuller sletning'-knap",
+  "groupSharedFeatures.threadedAnnotations.copyLink": "Copy link",
   "groupSharedFeatures.threadedAnnotations.delete": "Slet",
   "groupSharedFeatures.threadedAnnotations.deleteButtonAriaLabel": "Slet-knap",
   "groupSharedFeatures.threadedAnnotations.deleteCancel": "Annuller",
   "groupSharedFeatures.threadedAnnotations.deleteCommentQuestion": "Vil du slette denne kommentar?",
-  "groupSharedFeatures.threadedAnnotations.deleteCommentWithRepliesQuestion": "Slet denne kommentar og svarene? Denne handling kan ikke fortrydes.",
   "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.hideReplies": "Skjul svar",
   "groupSharedFeatures.threadedAnnotations.markedAsResolved": "markeret som løst",