npm - @box/threaded-annotations - Versions diffs - 2.1.6 → 2.1.7 - Mend

@box/threaded-annotations 2.1.6 → 2.1.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

package/dist/esm/lib/components/v2/message-editor/subcomponents/post-button.js CHANGED Viewed

@@ -1,27 +1,29 @@
 import { useMessageEditorContext as e } from "../message-editor-context.js";
 import t from "../messages.js";
 import { useMessageSubmit as n } from "../hooks/useMessageSubmit.js";
-import { Button as r } from "@box/blueprint-web";
-import { useIntl as i } from "react-intl";
-import { jsx as a } from "react/jsx-runtime";
-import { ArrowUp as o } from "@box/blueprint-web-assets/icons/Medium";
-var s = ({ disabled: s, onPost: c, onPostError: l, onPostSuccess: u, cleanEditor: d, getEditorJsonContent: f }) => {
-	let { isLoading: p } = e(), { handleSubmit: m } = n({
-		onSubmit: c,
-		onSubmitError: l,
-		onSuccess: u,
-		cleanEditor: d,
-		getEditorJsonContent: f
-	}), h = i();
-	return /* @__PURE__ */ a(r, {
-		"aria-label": h.formatMessage(t.post),
-		disabled: s,
-		endIcon: o,
-		loading: p,
-		loadingAriaLabel: h.formatMessage(t.postLoading),
-		onClick: m,
+import { THREADED_ANNOTATIONS_RESIN_TARGETS as r } from "../../../../v2/resin-targets.js";
+import { Button as i } from "@box/blueprint-web";
+import { useIntl as a } from "react-intl";
+import { jsx as o } from "react/jsx-runtime";
+import { ArrowUp as s } from "@box/blueprint-web-assets/icons/Medium";
+var c = ({ disabled: c, onPost: l, onPostError: u, onPostSuccess: d, cleanEditor: f, getEditorJsonContent: p }) => {
+	let { isLoading: m } = e(), { handleSubmit: h } = n({
+		onSubmit: l,
+		onSubmitError: u,
+		onSuccess: d,
+		cleanEditor: f,
+		getEditorJsonContent: p
+	}), g = a();
+	return /* @__PURE__ */ o(i, {
+		"aria-label": g.formatMessage(t.post),
+		"data-resin-target": r.COMMENT_POST,
+		disabled: c,
+		endIcon: s,
+		loading: m,
+		loadingAriaLabel: g.formatMessage(t.postLoading),
+		onClick: h,
 		size: "small",
 		variant: "primary"
 	});
 };
-export { s as PostButton };
+export { c as PostButton };

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

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

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

@@ -1,40 +1,47 @@
 import { THREADED_ANNOTATIONS_PORTAL as e } from "../../../v2/constants.js";
-import t from "./messages.js";
-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, {
+import { THREADED_ANNOTATIONS_RESIN_TARGETS as t } from "../../../v2/resin-targets.js";
+import n from "./messages.js";
+import { DropdownMenu as r, IconButton 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, Link as l, Pencil as u, Trash as d } from "@box/blueprint-web-assets/icons/Medium";
+var f = ({ canDelete: f = !0, canEdit: p = !0, disabled: m, isAnnotations: h = !1, onCopyLink: g, onDelete: _, onEdit: v, onOpenChange: y }) => {
+	let { formatMessage: b } = a(), x = p || !!g;
+	if (!(x || f)) return null;
+	let S = h ? t.ANNOTATION_MENU : t.COMMENT_MENU, C = h ? t.ANNOTATION_EDIT : t.COMMENT_EDIT, w = h ? t.ANNOTATION_COPY_LINK : t.COMMENT_COPY_LINK, T = h ? t.ANNOTATION_DELETE : t.COMMENT_DELETE;
+	return /* @__PURE__ */ s(r.Root, {
 		modal: !1,
-		onOpenChange: _,
-		children: [/* @__PURE__ */ a(n.Trigger, { children: /* @__PURE__ */ a(r, {
-			"aria-label": v(t.moreOptionsAriaLabel),
+		onOpenChange: y,
+		children: [/* @__PURE__ */ o(r.Trigger, { children: /* @__PURE__ */ o(i, {
+			"aria-label": b(n.moreOptionsAriaLabel),
 			"data-no-expand": !0,
-			disabled: p,
-			icon: s,
+			"data-resin-target": S,
+			disabled: m,
+			icon: c,
 			size: "small"
-		}) }), /* @__PURE__ */ o(n.Content, {
+		}) }), /* @__PURE__ */ s(r.Content, {
 			...e,
 			align: "end",
 			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) })]
+				p && /* @__PURE__ */ s(r.Item, {
+					"data-resin-target": C,
+					onSelect: () => v?.(),
+					children: [/* @__PURE__ */ o(r.Item.StartElement, { icon: u }), /* @__PURE__ */ o(r.Item.MainContent, { label: b(n.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) })]
+				g && /* @__PURE__ */ s(r.Item, {
+					"data-resin-target": w,
+					onSelect: () => g(),
+					children: [/* @__PURE__ */ o(r.Item.StartElement, { icon: l }), /* @__PURE__ */ o(r.Item.MainContent, { label: b(n.copyLink) })]
 				}),
-				d && y && /* @__PURE__ */ a(n.Separator, {}),
-				d && /* @__PURE__ */ o(n.Item, {
-					onSelect: () => h?.(),
+				f && x && /* @__PURE__ */ o(r.Separator, {}),
+				f && /* @__PURE__ */ s(r.Item, {
+					"data-resin-target": T,
+					onSelect: () => _?.(),
 					variant: "destructive",
-					children: [/* @__PURE__ */ a(n.Item.StartElement, { icon: u }), /* @__PURE__ */ a(n.Item.MainContent, { label: v(t.delete) })]
+					children: [/* @__PURE__ */ o(r.Item.StartElement, { icon: d }), /* @__PURE__ */ o(r.Item.MainContent, { label: b(n.delete) })]
 				})
 			]
 		})]
-	}) : null;
+	});
 };
-export { d as MessageOptionsMenu };
+export { f as MessageOptionsMenu };

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

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

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

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

package/dist/esm/lib/v2/resin-targets.js ADDED Viewed

@@ -0,0 +1,18 @@
+var e = {
+	ANNOTATION_COPY_LINK: "activityfeed-annotation-copylink",
+	ANNOTATION_DELETE: "activityfeed-annotation-delete",
+	ANNOTATION_EDIT: "activityfeed-annotation-edit",
+	ANNOTATION_MENU: "activityfeed-annotation-options",
+	ANNOTATION_RESOLVE: "activityfeed-annotation-resolve",
+	ANNOTATION_UNRESOLVE: "activityfeed-annotation-unresolve",
+	COMMENT_CARD: "activityfeed-comment-card",
+	COMMENT_COPY_LINK: "activityfeed-comment-copylink",
+	COMMENT_DELETE: "activityfeed-comment-delete",
+	COMMENT_EDIT: "activityfeed-comment-edit",
+	COMMENT_MENU: "activityfeed-comment-options",
+	COMMENT_POST: "activityfeed-comment-post",
+	COMMENT_REPLY: "activityfeed-comment-reply",
+	COMMENT_RESOLVE: "activityfeed-comment-resolve",
+	COMMENT_UNRESOLVE: "activityfeed-comment-unresolve"
+};
+export { e as THREADED_ANNOTATIONS_RESIN_TARGETS };

package/dist/types/lib/components/v2/message-header/message-options-menu.d.ts CHANGED Viewed

@@ -2,6 +2,7 @@ export interface MessageOptionsMenuProps {
     canDelete?: boolean;
     canEdit?: boolean;
     disabled?: boolean;
+    isAnnotations?: boolean;
     onCopyLink?: () => void;
     onDelete?: () => void;
     onEdit?: () => void;
@@ -11,4 +12,4 @@ export interface MessageOptionsMenuProps {
  * Renders a context menu for an annotation message with Edit, Copy link, and Delete options.
  * Returns null when no items would be shown.
  */
-export declare const MessageOptionsMenu: ({ canDelete, canEdit, disabled, onCopyLink, onDelete, onEdit, onOpenChange, }: MessageOptionsMenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MessageOptionsMenu: ({ canDelete, canEdit, disabled, isAnnotations, onCopyLink, onDelete, onEdit, onOpenChange, }: MessageOptionsMenuProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/v2/resin-targets.d.ts ADDED Viewed

@@ -0,0 +1,17 @@
+export declare const THREADED_ANNOTATIONS_RESIN_TARGETS: {
+    readonly ANNOTATION_COPY_LINK: "activityfeed-annotation-copylink";
+    readonly ANNOTATION_DELETE: "activityfeed-annotation-delete";
+    readonly ANNOTATION_EDIT: "activityfeed-annotation-edit";
+    readonly ANNOTATION_MENU: "activityfeed-annotation-options";
+    readonly ANNOTATION_RESOLVE: "activityfeed-annotation-resolve";
+    readonly ANNOTATION_UNRESOLVE: "activityfeed-annotation-unresolve";
+    readonly COMMENT_CARD: "activityfeed-comment-card";
+    readonly COMMENT_COPY_LINK: "activityfeed-comment-copylink";
+    readonly COMMENT_DELETE: "activityfeed-comment-delete";
+    readonly COMMENT_EDIT: "activityfeed-comment-edit";
+    readonly COMMENT_MENU: "activityfeed-comment-options";
+    readonly COMMENT_POST: "activityfeed-comment-post";
+    readonly COMMENT_REPLY: "activityfeed-comment-reply";
+    readonly COMMENT_RESOLVE: "activityfeed-comment-resolve";
+    readonly COMMENT_UNRESOLVE: "activityfeed-comment-unresolve";
+};

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
     "name": "@box/threaded-annotations",
-    "version": "2.1.6",
+    "version": "2.1.7",
     "license": "SEE LICENSE IN LICENSE",
     "dependencies": {
         "@tanstack/react-virtual": "^3.10.8",