@box/threaded-annotations 1.80.0

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

@@ -0,0 +1,22 @@
+import { useMentionContext as e } from "../../../mention-component/mention-context.js";
+import { useCallback as t } from "react";
+import { v4 as n } from "uuid";
+var r = (r) => {
+	let { openPopoverForMentionId: i, fetchCollaboratorState: a } = e();
+	return { onUserSelected: t(async (e) => {
+		if (r) {
+			let t = n();
+			r({
+				mentionedUserName: e.name,
+				mentionedUserId: e.id.toString(),
+				mentionedUserEmail: e.email,
+				mentionId: t
+			}), (await a?.(e) ?? !1) || i?.(t, e);
+		}
+	}, [
+		r,
+		i,
+		a
+	]) };
+};
+export { r as useMentionUserSelection };

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

@@ -0,0 +1,24 @@
+import { useMentionContext as e } from "../../../mention-component/mention-context.js";
+import { getErrorMessage as t } from "../../../../utils/getErrorMessage.js";
+import { useMessageEditorContext as n } from "../message-editor-context.js";
+var r = ({ onSubmit: r, onSubmitError: i, onSuccess: a, cleanEditor: o, getEditorJsonContent: s }) => {
+	let { setErrorMessage: c, setIsLoading: l } = n(), { closeAllPopovers: u } = e();
+	return { handleSubmit: async () => {
+		let e = s();
+		try {
+			l(!0), c(null);
+			let t = r(e);
+			await (t instanceof Promise ? t : Promise.resolve()), o?.(), a?.();
+		} catch (e) {
+			let n = i?.(e);
+			if (n) {
+				c(n);
+				return;
+			}
+			c(t(e));
+		} finally {
+			l(!1), u?.();
+		}
+	} };
+};
+export { r as useMessageSubmit };

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

@@ -0,0 +1,19 @@
+import { createContext as e, useContext as t, useState as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+var i = /* @__PURE__ */ e(void 0), a = ({ children: e }) => {
+	let [t, a] = n(null), [o, s] = n(!1);
+	return /* @__PURE__ */ r(i.Provider, {
+		value: {
+			errorMessage: t,
+			setErrorMessage: a,
+			isLoading: o,
+			setIsLoading: s
+		},
+		children: e
+	});
+}, o = () => {
+	let e = t(i);
+	if (e === void 0) throw Error("useMessageEditorContext must be used within a MessageEditorProvider");
+	return e;
+};
+export { a as MessageEditorProvider, o as useMessageEditorContext };

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

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

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

@@ -0,0 +1,4 @@
+var e = /* @__PURE__ */ function(e) {
+	return e.CREATE_MESSAGE = "CREATE_MESSAGE", e.EDIT_MESSAGE = "EDIT_MESSAGE", e;
+}({});
+export { e as MessageEditorVariant };

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

@@ -0,0 +1,44 @@
+import { defineMessages as e } from "react-intl";
+var t = e({
+	cancel: {
+		id: "groupSharedFeatures.threadedAnnotations.messageEditor.cancel",
+		defaultMessage: "Cancel"
+	},
+	characterCount: {
+		id: "groupSharedFeatures.threadedAnnotations.messageEditor.characterCount",
+		defaultMessage: "{count}/{maxCount}"
+	},
+	characterLimitExceeded: {
+		id: "groupSharedFeatures.threadedAnnotations.messageEditor.characterLimitExceeded",
+		defaultMessage: "Your comment is {excess, plural, one {# character} other {# characters}} too long"
+	},
+	editorContentAriaLabel: {
+		id: "groupSharedFeatures.threadedAnnotations.messageEditor.editorContentAriaLabel",
+		defaultMessage: "Message editor"
+	},
+	placeholder: {
+		id: "groupSharedFeatures.threadedAnnotations.messageEditor.placeholderUplifted",
+		defaultMessage: "Leave a comment or @ to mention"
+	},
+	post: {
+		id: "groupSharedFeatures.threadedAnnotations.messageEditor.post",
+		defaultMessage: "Post"
+	},
+	postLoading: {
+		id: "groupSharedFeatures.threadedAnnotations.messageEditor.postLoading",
+		defaultMessage: "Loading..."
+	},
+	save: {
+		id: "groupSharedFeatures.threadedAnnotations.messageEditor.save",
+		defaultMessage: "Save"
+	},
+	saveLoading: {
+		id: "groupSharedFeatures.threadedAnnotations.messageEditor.saveLoading",
+		defaultMessage: "Saving..."
+	},
+	scrollContainerAriaLabel: {
+		id: "groupSharedFeatures.threadedAnnotations.messageEditor.scrollContainerAriaLabel",
+		defaultMessage: "Message editor scroll container"
+	}
+});
+export { t as default };

package/dist/esm/lib/components/v2/message-editor/subcomponents/character-limit-counter.js

@@ -0,0 +1,26 @@
+import e from "../messages.js";
+import { t } from "../../../../../../chunks/message-editor2.module.js";
+import { Focusable as n, Text as r, Tooltip as i, VisuallyHidden as a } from "@box/blueprint-web";
+import o from "clsx";
+import { useIntl as s } from "react-intl";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+var d = ({ count: d, excess: f, maxCount: p }) => {
+	let { formatMessage: m } = s(), h = m(e.characterLimitExceeded, { excess: f });
+	return /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(a, {
+		role: "alert",
+		children: h
+	}), /* @__PURE__ */ l(i, {
+		content: h,
+		children: /* @__PURE__ */ l(n, { children: /* @__PURE__ */ l(r, {
+			as: "span",
+			className: o(t.characterLimitCounter, t.characterLimitCounterExceeded),
+			color: "textOnLightError",
+			variant: "bodyDefault",
+			children: m(e.characterCount, {
+				count: d,
+				maxCount: p
+			})
+		}) })
+	})] });
+};
+export { d as CharacterLimitCounter };

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

@@ -0,0 +1,32 @@
+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 { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+var c = ({ onSave: c, onSaveError: l, onEditSuccess: u, onCancel: d, getEditorJsonContent: f, disabled: p = !1 }) => {
+	let m = i(), { isLoading: h } = e(), { handleSubmit: g } = n({
+		onSubmit: c,
+		onSubmitError: l,
+		onSuccess: u,
+		getEditorJsonContent: f
+	});
+	return /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o(r, {
+		"aria-label": m.formatMessage(t.cancel),
+		onClick: () => d?.(),
+		disabled: h,
+		size: "small",
+		variant: "quaternary",
+		children: m.formatMessage(t.cancel)
+	}), /* @__PURE__ */ o(r, {
+		"aria-label": m.formatMessage(t.save),
+		disabled: p,
+		loading: h,
+		loadingAriaLabel: m.formatMessage(t.saveLoading),
+		onClick: g,
+		size: "small",
+		variant: "primary",
+		children: m.formatMessage(t.save)
+	})] });
+};
+export { c as EditButtons };

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

@@ -0,0 +1,22 @@
+import { t as e } from "../../../../../../chunks/message-editor2.module.js";
+import { Focusable as t, Text as n, Tooltip as r } from "@box/blueprint-web";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { AlertCircle as o } from "@box/blueprint-web-assets/icons/Medium";
+import { bpIconIconDestructiveOnLight as s } from "@box/blueprint-web-assets/tokens/tokens";
+var c = ({ errorMessage: c }) => /* @__PURE__ */ i(r, {
+	content: c,
+	children: /* @__PURE__ */ i(t, { children: /* @__PURE__ */ a("div", {
+		className: e.errorMessage,
+		children: [/* @__PURE__ */ i(o, {
+			color: s,
+			height: 20,
+			width: 20
+		}), /* @__PURE__ */ i(n, {
+			as: "span",
+			className: e.errorText,
+			variant: "bodyDefault",
+			children: c
+		})]
+	}) })
+});
+export { c as ErrorMessage };

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

@@ -0,0 +1,27 @@
+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,
+		size: "small",
+		variant: "primary"
+	});
+};
+export { s as PostButton };

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

@@ -0,0 +1,2 @@
+import { t as e } from "../../../../../chunks/delete-confirmation-popover.js";
+export { e as DeleteConfirmationPopover };

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

@@ -0,0 +1,74 @@
+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", {
+				"data-no-expand": !0,
+				className: t.textContainer,
+				children: /* @__PURE__ */ l(o, {
+					as: "p",
+					className: t.author,
+					color: "textOnLightDefault",
+					variant: "bodyDefaultBold",
+					children: p.name
+				})
+			})]
+		}), /* @__PURE__ */ u("div", {
+			className: t.optionsMenu,
+			"data-state": E || O ? "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"
+				}),
+				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__ */ l(i, {
+					canDelete: _,
+					canEdit: g,
+					disabled: O,
+					onDelete: () => {
+						v ? (D(!1), k(!0)) : (D(!1), C?.());
+					},
+					onEdit: b,
+					onOpenChange: D
+				}),
+				/* @__PURE__ */ l(n, {
+					onCancel: () => {
+						k(!1), D(!1);
+					},
+					onConfirm: () => {
+						w?.(), k(!1), D(!1);
+					},
+					onOpenChange: k,
+					open: O
+				})
+			]
+		})]
+	});
+};
+export { p as MessageHeader };

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

@@ -0,0 +1,36 @@
+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, {
+		onOpenChange: _,
+		children: [/* @__PURE__ */ o(n.Trigger, { children: /* @__PURE__ */ o(r, {
+			"aria-label": v(t.moreOptionsAriaLabel),
+			"data-no-expand": !0,
+			disabled: m,
+			icon: c,
+			size: "small"
+		}) }), /* @__PURE__ */ s(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)
+				}) })]
+			})]
+		})]
+	});
+};
+export { f as MessageOptionsMenu };

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

@@ -0,0 +1,44 @@
+import { defineMessages as e } from "react-intl";
+var t = e({
+	deleteConfirmation: {
+		id: "groupSharedFeatures.threadedAnnotations.deleteConfirmation",
+		defaultMessage: "Delete confirmation"
+	},
+	deleteCommentQuestion: {
+		id: "groupSharedFeatures.threadedAnnotations.deleteCommentWithRepliesQuestion",
+		defaultMessage: "Delete this comment and replies?\nThis action can't be undone."
+	},
+	deleteCancel: {
+		id: "groupSharedFeatures.threadedAnnotations.deleteCancel",
+		defaultMessage: "Cancel"
+	},
+	delete: {
+		id: "groupSharedFeatures.threadedAnnotations.delete",
+		defaultMessage: "Delete"
+	},
+	moreOptionsAriaLabel: {
+		id: "groupSharedFeatures.threadedAnnotations.moreOptionsAriaLabel",
+		defaultMessage: "More options button"
+	},
+	cancelDeleteButtonAriaLabel: {
+		id: "groupSharedFeatures.threadedAnnotations.cancelDeleteButtonAriaLabel",
+		defaultMessage: "Cancel delete button"
+	},
+	deleteButtonAriaLabel: {
+		id: "groupSharedFeatures.threadedAnnotations.deleteButtonAriaLabel",
+		defaultMessage: "Delete button"
+	},
+	edit: {
+		id: "groupSharedFeatures.threadedAnnotations.edit",
+		defaultMessage: "Edit"
+	},
+	resolveButtonAriaLabel: {
+		id: "groupSharedFeatures.threadedAnnotations.resolveButtonAriaLabel",
+		defaultMessage: "Resolve"
+	},
+	unresolveButtonAriaLabel: {
+		id: "groupSharedFeatures.threadedAnnotations.unresolveButtonAriaLabel",
+		defaultMessage: "Unresolve"
+	}
+});
+export { t as default };

package/dist/esm/lib/components/v2/messages-view/hooks/useAutoScroll.js

@@ -0,0 +1,64 @@
+import { useCallback as e, useEffect as t, useRef as n, useState as r } from "react";
+var i = 150, a = ({ messageCount: a, containerRef: o, enabled: s, isExpanded: c = !1 }) => {
+	let l = n(!0), u = n(!1), [d, f] = r(!1), p = e(() => {
+		o.current && l.current && o.current.scrollTo({
+			top: o.current.scrollHeight,
+			behavior: "smooth"
+		});
+	}, [o]);
+	return t(() => {
+		if (s) {
+			if (u.current = !0, a > 0) {
+				let e = requestAnimationFrame(() => {
+					requestAnimationFrame(() => {
+						p(), u.current = !1;
+					});
+				});
+				return () => {
+					cancelAnimationFrame(e), u.current = !1;
+				};
+			}
+			u.current = !1;
+		}
+	}, [
+		a,
+		p,
+		s
+	]), t(() => {
+		if (!s) {
+			f(!1);
+			return;
+		}
+		let e = requestAnimationFrame(() => {
+			requestAnimationFrame(() => {
+				o.current && f(o.current.scrollHeight > o.current.clientHeight);
+			});
+		});
+		return () => cancelAnimationFrame(e);
+	}, [
+		s,
+		a,
+		c,
+		o
+	]), {
+		handleScroll: () => {
+			if (!s || !o.current) return;
+			let { scrollTop: e, clientHeight: t, scrollHeight: n } = o.current, r = n - (e + t);
+			if (u.current) {
+				if (r === 0) {
+					u.current = !1;
+					return;
+				}
+				return;
+			}
+			if (r > i) {
+				l.current = !1;
+				return;
+			}
+			l.current = !0;
+		},
+		handleScrollToBottom: p,
+		isOverflowing: d
+	};
+};
+export { a as useAutoScroll };

package/dist/esm/lib/components/v2/messages-view/messages-view.js

@@ -0,0 +1,2 @@
+import { t as e } from "../../../../../chunks/messages-view.js";
+export { e as MessagesView };

package/dist/esm/lib/components/v2/resolved-state/messages.js

@@ -0,0 +1,12 @@
+import { defineMessages as e } from "react-intl";
+var t = e({
+	markedAsResolved: {
+		id: "groupSharedFeatures.threadedAnnotations.markedAsResolved",
+		defaultMessage: "marked as resolved"
+	},
+	resolvedStateAriaLabel: {
+		id: "groupSharedFeatures.threadedAnnotations.resolvedStateAriaLabel",
+		defaultMessage: "Resolution status message"
+	}
+});
+export { t as default };

package/dist/esm/lib/components/v2/resolved-state/resolved-state.js

@@ -0,0 +1,2 @@
+import { t as e } from "../../../../../chunks/resolved-state.js";
+export { e as ResolvedState };

package/dist/esm/lib/components/v2/show-replies-button/messages.js

@@ -0,0 +1,12 @@
+import { defineMessages as e } from "react-intl";
+var t = e({
+	showReplies: {
+		id: "groupSharedFeatures.threadedAnnotations.showReplies",
+		defaultMessage: "{number, plural, one {Show # reply} other {Show # more replies}}"
+	},
+	showRepliesButtonAriaLabel: {
+		id: "groupSharedFeatures.threadedAnnotations.showRepliesButtonAriaLabel",
+		defaultMessage: "Reply button"
+	}
+});
+export { t as default };

package/dist/esm/lib/components/v2/show-replies-button/show-replies-button.js

@@ -0,0 +1,2 @@
+import { t as e } from "../../../../../chunks/show-replies-button.js";
+export { e as ShowRepliesButton };