@box/threaded-annotations 1.80.0

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

@@ -0,0 +1,74 @@
+import { t as e } from "../../../../chunks/message-editor.module.js";
+import { ErrorMessage as t } from "./error-message.js";
+import { MessageEditorContextProvider as n } from "./message-editor-context.js";
+import r from "./messages.js";
+import { useMessageEditor as i } from "./hooks/useMessageEditor.js";
+import { useMessagePost as a } from "./hooks/useMessagePost.js";
+import { MessageEditorActions as o } from "./message-editor-actions.js";
+import { getMessageEditorState as s } from "./utils/getMessageEditorState.js";
+import c from "clsx";
+import { useEffect as l } from "react";
+import { useIntl as u } from "react-intl";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { UserSelectorHeadless as p } from "@box/user-selector";
+import { EditorContent as m } from "@tiptap/react";
+var h = ({ messageCount: h, onPost: g, onCancel: _, onPostError: v, onPostSuccess: y, disableCancel: b = !1, disablePost: x = !1, disableComponent: S = !1, defaultErrorMessage: C = "", userSelectorProps: w }) => {
+	let T = u(), { editor: E, editorRef: D, isEditorEmpty: O, isActive: k, query: A, userSelectorRef: j, handleUserSelected: M, cleanEditor: N, getEditorJsonContent: P } = i(), { isLoading: F, errorMessage: I, handlePost: L } = a({
+		onPost: g,
+		onPostError: v,
+		onPostSuccess: y,
+		defaultErrorMessage: C,
+		cleanEditor: N,
+		getEditorJsonContent: P,
+		onCancel: _
+	}), { disableEditor: R, isPostDisabled: z, isCancelDisabled: B } = s({
+		disablePost: x,
+		disableCancel: b,
+		disableComponent: S,
+		isEditorEmpty: O,
+		isLoading: F
+	});
+	l(() => {
+		E && E.setOptions({ editable: !R });
+	}, [E, R]);
+	let V = /* @__PURE__ */ d("div", { className: e.anchorElement });
+	return E ? /* @__PURE__ */ d(n, {
+		value: { messageCount: h },
+		children: /* @__PURE__ */ f("div", {
+			className: e.messageEditor,
+			children: [
+				/* @__PURE__ */ f("div", {
+					className: c(e.editorContainer, {
+						[e.editorError]: I,
+						[e.editorDisabled]: R
+					}),
+					children: [/* @__PURE__ */ d(m, {
+						"aria-label": T.formatMessage(r.editorContentAriaLabel),
+						editor: E
+					}), /* @__PURE__ */ d(p, {
+						ref: j,
+						inputElementRef: D,
+						onSelectedUserChange: M,
+						open: k,
+						rootElement: V,
+						value: A,
+						...w,
+						popoverContentContainerProps: {
+							...w.popoverContentContainerProps,
+							avoidCollisions: !1
+						}
+					})]
+				}),
+				I && /* @__PURE__ */ d(t, { errorMessage: I }),
+				/* @__PURE__ */ d(o, {
+					disableCancel: B,
+					disablePost: z,
+					isLoading: F,
+					onCancel: _,
+					onPost: L
+				})
+			]
+		})
+	}) : null;
+};
+export { h as MessageEditor };

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

@@ -0,0 +1,44 @@
+import { defineMessages as e } from "react-intl";
+var t = e({
+	postCancel: {
+		id: "groupSharedFeatures.threadedAnnotations.messageEditor.cancel",
+		defaultMessage: "Cancel"
+	},
+	post: {
+		id: "groupSharedFeatures.threadedAnnotations.messageEditor.post",
+		defaultMessage: "Post"
+	},
+	postLoading: {
+		id: "groupSharedFeatures.threadedAnnotations.messageEditor.postLoading",
+		defaultMessage: "Loading..."
+	},
+	placeholderPrefix: {
+		id: "groupSharedFeatures.threadedAnnotations.messageEditor.placeholderPrefix",
+		defaultMessage: "Write a comment or"
+	},
+	placeholderPrefixReply: {
+		id: "groupSharedFeatures.threadedAnnotations.messageEditor.placeholderPrefixReply",
+		defaultMessage: "Write a reply or"
+	},
+	placeholderSuffix: {
+		id: "groupSharedFeatures.threadedAnnotations.messageEditor.placeholderSuffix",
+		defaultMessage: "to mention"
+	},
+	cancelButtonAriaLabel: {
+		id: "groupSharedFeatures.threadedAnnotations.messageEditor.cancelButtonAriaLabel",
+		defaultMessage: "Cancel button"
+	},
+	postButtonAriaLabel: {
+		id: "groupSharedFeatures.threadedAnnotations.messageEditor.postButtonAriaLabel",
+		defaultMessage: "Post button"
+	},
+	editorContentAriaLabel: {
+		id: "groupSharedFeatures.threadedAnnotations.messageEditor.editorContentAriaLabel",
+		defaultMessage: "Message editor"
+	},
+	placeholderAriaLabel: {
+		id: "groupSharedFeatures.threadedAnnotations.messageEditor.placeholderAriaLabel",
+		defaultMessage: "Message input placeholder"
+	}
+});
+export { t as default };

package/dist/esm/lib/components/message-editor/utils/getMessageEditorState.js

@@ -0,0 +1,9 @@
+var e = ({ disablePost: e = !1, disableCancel: t = !1, disableComponent: n = !1, isEditorEmpty: r, isLoading: i }) => {
+	let a = n || i;
+	return {
+		disableEditor: a,
+		isPostDisabled: e || r || a,
+		isCancelDisabled: t || a
+	};
+};
+export { e as getMessageEditorState };

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

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

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

@@ -0,0 +1,2 @@
+import { t as e } from "../../../../chunks/message-header.js";
+export { e as MessageHeader };

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

@@ -0,0 +1,32 @@
+import { defineMessages as e } from "react-intl";
+var t = e({
+	deleteConfirmation: {
+		id: "groupSharedFeatures.threadedAnnotations.deleteConfirmation",
+		defaultMessage: "Delete confirmation"
+	},
+	deleteCommentQuestion: {
+		id: "groupSharedFeatures.threadedAnnotations.deleteCommentQuestion",
+		defaultMessage: "Do you want to delete this comment?"
+	},
+	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"
+	}
+});
+export { t as default };

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

@@ -0,0 +1,2 @@
+var e = 80, t = 150, n = 2, r = 3;
+export { t as DEFAULT_AUTO_SCROLL_THRESHOLD, e as DEFAULT_MESSAGE_HEIGHT, n as DEFAULT_OVERSCAN, r as MAXIMUM_VISIBLE_REPLIES_COUNT };

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

@@ -0,0 +1,43 @@
+import "../consts.js";
+import { useCallback as e, useEffect as t, useRef as n } from "react";
+var r = ({ messageCount: r, containerRef: i }) => {
+	let a = n(!0), o = n(!1), s = e(() => {
+		i.current && a.current && i.current.scrollTo({
+			top: i.current.scrollHeight,
+			behavior: "smooth"
+		});
+	}, [i]);
+	return t(() => {
+		if (o.current = !0, r > 0) {
+			let e = requestAnimationFrame(() => {
+				requestAnimationFrame(() => {
+					s(), o.current = !1;
+				});
+			});
+			return () => {
+				cancelAnimationFrame(e), o.current = !1;
+			};
+		}
+		o.current = !1;
+	}, [r, s]), {
+		handleScroll: () => {
+			if (i.current) {
+				let { scrollTop: e, clientHeight: t, scrollHeight: n } = i.current, r = n - (e + t);
+				if (o.current) {
+					if (r === 0) {
+						o.current = !1;
+						return;
+					}
+					return;
+				}
+				if (r > 150) {
+					a.current = !1;
+					return;
+				}
+				a.current = !0;
+			}
+		},
+		handleScrollToBottom: s
+	};
+};
+export { r as useAutoScroll };

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

@@ -0,0 +1,26 @@
+import "../consts.js";
+import e from "../messages.js";
+import { useCallback as t, useEffect as n, useMemo as r, useState as i } from "react";
+import { useIntl as a } from "react-intl";
+var o = ({ repliesLength: o }) => {
+	let [s, c] = i(!1), [l, u] = i(!1), d = a();
+	return n(() => {
+		if (o >= 3) {
+			c(!0), u((e) => e);
+			return;
+		}
+		c(!1), u(!0);
+	}, [o]), {
+		showMoreRepliesButton: s,
+		showMoreReplies: l,
+		toggleReplies: t(() => {
+			u((e) => !e);
+		}, []),
+		buttonText: r(() => l ? d.formatMessage(e.hideReplies) : d.formatMessage(e.showMoreReplies, { count: o - 1 }), [
+			l,
+			d,
+			o
+		])
+	};
+};
+export { o as useShowMoreReplies };

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

@@ -0,0 +1,17 @@
+import { useVirtualizer as e } from "@tanstack/react-virtual";
+var t = ({ overscan: t, replies: n, parentRef: r, estimateMessageHeight: i }) => {
+	let a = e({
+		count: n.length,
+		getScrollElement: () => r.current,
+		getItemKey: (e) => `message-${e}-${n[e]?.id}`,
+		estimateSize: () => i,
+		measureElement: (e) => e.getBoundingClientRect().height,
+		overscan: t
+	});
+	return {
+		virtualItems: a.getVirtualItems(),
+		totalSize: a.getTotalSize(),
+		measureElement: a.measureElement
+	};
+};
+export { t as useVirtualizedMessages };

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

@@ -0,0 +1,61 @@
+import { t as e } from "../../../../chunks/text-message.js";
+import "./consts.js";
+import { useAutoScroll as t } from "./hooks/useAutoScroll.js";
+import { useShowMoreReplies as n } from "./hooks/useShowMoreReplies.js";
+import { useVirtualizedMessages as r } from "./hooks/useVirtualizedMessages.js";
+import { n as i, t as a } from "../../../../chunks/virtualized-messages.js";
+import { TextButton as o, useIsEllipsized as s } from "@box/blueprint-web";
+import { useEffect as c, useMemo as l, useRef as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+var p = ({ messages: p, onDelete: m, onAvatarClick: h, onOverflowChange: g, isDeleteAllowed: _ = !0 }) => {
+	let v = u(null), y = s(v), b = l(() => p[0], [p]), x = l(() => p.slice(1), [p]), { handleScroll: S } = t({
+		messageCount: p.length,
+		containerRef: v
+	}), { showMoreRepliesButton: C, showMoreReplies: w, toggleReplies: T, buttonText: E } = n({ repliesLength: x.length }), { virtualItems: D, totalSize: O, measureElement: k } = r({
+		overscan: 2,
+		replies: x,
+		parentRef: v,
+		estimateMessageHeight: 80
+	});
+	return c(() => {
+		g(y);
+	}, [y, g]), /* @__PURE__ */ f("div", {
+		ref: v,
+		className: i.messagesView,
+		onScroll: S,
+		children: [
+			b && /* @__PURE__ */ d(e, {
+				textMessageData: b,
+				isDeleteAllowed: _,
+				onAvatarClick: h,
+				onDelete: m
+			}),
+			C && /* @__PURE__ */ d(o, {
+				className: i.moreRepliesButton,
+				onClick: T,
+				children: E
+			}),
+			x.length > 0 && /* @__PURE__ */ f("div", {
+				className: i.repliesContainer,
+				children: [/* @__PURE__ */ d("div", { className: i.threadIndicator }), w ? /* @__PURE__ */ d(a, {
+					isDeleteAllowed: _,
+					measureElement: k,
+					messages: x,
+					onAvatarClick: h,
+					onDelete: m,
+					totalSize: O,
+					virtualItems: D
+				}) : /* @__PURE__ */ d("div", {
+					className: i.singleMessageWrapper,
+					children: /* @__PURE__ */ d(e, {
+						textMessageData: x[x.length - 1],
+						isDeleteAllowed: _,
+						onAvatarClick: h,
+						onDelete: m
+					})
+				})]
+			})
+		]
+	});
+};
+export { p as MessagesView };

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

@@ -0,0 +1,12 @@
+import { defineMessages as e } from "react-intl";
+var t = e({
+	hideReplies: {
+		id: "groupSharedFeatures.threadedAnnotations.hideReplies",
+		defaultMessage: "Hide replies"
+	},
+	showMoreReplies: {
+		id: "groupSharedFeatures.threadedAnnotations.showMoreReplies",
+		defaultMessage: "{count, plural, one {# more reply} other {# more replies}}"
+	}
+});
+export { t as default };

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

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

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

@@ -0,0 +1,58 @@
+import e from "../../messages.js";
+import { t } from "../../../../chunks/mention-component.js";
+import { Text as n } from "@box/blueprint-web";
+import { useIntl as r } from "react-intl";
+import { jsx as i } from "react/jsx-runtime";
+var a = ({ node: e, index: n, paragraphIndex: r }) => {
+	let a = `mention-${e.attrs.mentionedUserId}-${r}-${n}`;
+	return /* @__PURE__ */ i(t, {
+		authorId: e.attrs.authorId,
+		mentionedUserEmail: e.attrs.mentionedUserEmail,
+		mentionedUserId: e.attrs.mentionedUserId,
+		mentionedUserName: e.attrs.mentionedUserName,
+		mentionId: e.attrs.mentionId
+	}, a);
+}, o = ({ node: t, index: r, paragraphIndex: a, intl: o }) => {
+	let s = `text-${t.text.substring(0, 20)}-${a}-${r}`;
+	return /* @__PURE__ */ i(n, {
+		"aria-label": o.formatMessage(e.textMessageAriaLabel),
+		as: "span",
+		color: "textOnLightDefault",
+		variant: "bodyDefault",
+		children: t.text
+	}, s);
+}, s = ({ content: e, paragraphIndex: t, intl: n }) => e.map((e, r) => {
+	switch (e.type) {
+		case "mention": return a({
+			node: e,
+			index: r,
+			paragraphIndex: t
+		});
+		case "text": return o({
+			node: e,
+			index: r,
+			paragraphIndex: t,
+			intl: n
+		});
+		default: return [];
+	}
+}), c = ({ paragraph: e, index: t, intl: r }) => {
+	let a = e.content || [], o = `paragraph-${t}`;
+	return /* @__PURE__ */ i(n, {
+		as: "p",
+		variant: "bodyDefault",
+		children: a.length > 0 ? s({
+			content: a,
+			paragraphIndex: t,
+			intl: r
+		}) : /* @__PURE__ */ i("br", {})
+	}, o);
+}, l = ({ messageObject: e }) => {
+	let t = r(), { content: n } = e;
+	return !n && n.length === 0 ? null : n.map((e, n) => c({
+		paragraph: e,
+		index: n,
+		intl: t
+	}));
+};
+export { l as MessageRenderer };

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

@@ -0,0 +1,2 @@
+import { t as e } from "../../../../chunks/text-message.js";
+export { e as TextMessage };

package/dist/esm/lib/components/user-avatar/getInitials.js

@@ -0,0 +1,5 @@
+var e = (e) => {
+	let t = e.replace(/[[({<]+.*[\])}>]+/g, "").trim();
+	return (t.slice(0, 1) + t.slice(t.lastIndexOf(" ") + 1, t.lastIndexOf(" ") + 2)).toUpperCase();
+};
+export { e as getInitials };

package/dist/esm/lib/components/user-avatar/messages.js

@@ -0,0 +1,12 @@
+import { defineMessages as e } from "react-intl";
+var t = e({
+	userAvatar: {
+		id: "groupSharedFeatures.threadedAnnotations.userAvatar",
+		defaultMessage: "User avatar"
+	},
+	userAvatarButtonAriaLabel: {
+		id: "groupSharedFeatures.threadedAnnotations.userAvatarButtonAriaLabel",
+		defaultMessage: "View user profile button"
+	}
+});
+export { t as default };

package/dist/esm/lib/components/user-avatar/user-avatar.js

@@ -0,0 +1,31 @@
+import { getInitials as e } from "./getInitials.js";
+import t from "./messages.js";
+import { Avatar as n, ButtonWrapper as r, IconBadge as i } from "@box/blueprint-web";
+import { useIntl as a } from "react-intl";
+import { jsx as o } from "react/jsx-runtime";
+var s = ({ user: r }) => {
+	let { name: s, isExternalUser: c, id: l, avatarUrl: u } = r, { formatMessage: d } = a(), f = e(s), p = /* @__PURE__ */ o(n, {
+		alt: d(t.userAvatar),
+		colorIndex: l,
+		size: "large",
+		src: u,
+		text: f
+	});
+	return c ? /* @__PURE__ */ o(i, {
+		offset: {
+			right: -4,
+			bottom: -2
+		},
+		size: "medium",
+		variant: "collaborator-external",
+		children: p
+	}) : p;
+}, c = ({ user: e, onClick: n }) => {
+	let { formatMessage: i } = a();
+	return /* @__PURE__ */ o(r, {
+		"aria-label": i(t.userAvatarButtonAriaLabel),
+		onClick: () => n(e.id),
+		children: /* @__PURE__ */ o(s, { user: e })
+	});
+};
+export { s as UserAvatar, c as UserAvatarButton };

package/dist/esm/lib/components/v2/annotation-badge/annotation-badge.js

@@ -0,0 +1,2 @@
+import { t as e } from "../../../../../chunks/annotation-badge.js";
+export { e as AnnotationBadge };

package/dist/esm/lib/components/v2/annotation-badge/index.js

@@ -0,0 +1,2 @@
+import { t as e } from "../../../../../chunks/annotation-badge.js";
+export { e as AnnotationBadge };

package/dist/esm/lib/components/v2/annotation-badge/messages.js

@@ -0,0 +1,6 @@
+import { defineMessages as e } from "react-intl";
+var t = e({ annotationPage: {
+	id: "groupSharedFeatures.threadedAnnotations.annotationPage",
+	defaultMessage: "Page {number}"
+} });
+export { t as default };

package/dist/esm/lib/components/v2/message-editor/editor-extensions/custom-mention/custom-mention-suggestions.js

@@ -0,0 +1,23 @@
+import { t as e } from "../../../../../../../chunks/dist.js";
+var t = (t, n, r) => ({
+	char: n,
+	pluginKey: new e(t),
+	allowSpaces: !0,
+	allow: (e) => {
+		let { from: t, to: n } = e.range, r = e.state.doc.textBetween(t + 1, n, null, ""), i = r.startsWith(" "), a = r.includes("  ");
+		return !i && !a;
+	},
+	render: () => ({
+		onStart: (e) => {
+			r?.onSuggestionStart(e);
+		},
+		onUpdate: (e) => {
+			r?.onSuggestionUpdate(e);
+		},
+		onKeyDown: (e) => e.event.key === "Escape" ? (r?.onSuggestionExit(), !0) : r?.onSuggestionKeyDown(e) ?? !1,
+		onExit: () => {
+			r?.onSuggestionExit();
+		}
+	})
+});
+export { t as createSuggestionOptions };

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

@@ -0,0 +1,59 @@
+import { t as e } from "../../../../../../../chunks/mention-component.js";
+import { jsx as t } from "react/jsx-runtime";
+import { NodeViewWrapper as n, ReactNodeViewRenderer as r } from "@tiptap/react";
+import { mergeAttributes as i } from "@tiptap/core";
+import a from "@tiptap/extension-mention";
+var o = ({ node: r }) => {
+	let { mentionedUserName: i, mentionedUserId: a, mentionedUserEmail: o, mentionId: s } = r.attrs;
+	return /* @__PURE__ */ t(n, {
+		as: "span",
+		children: /* @__PURE__ */ t(e, {
+			mentionedUserEmail: o,
+			mentionedUserId: a,
+			mentionedUserName: i,
+			mentionId: s
+		})
+	});
+}, s = a.extend({
+	addAttributes() {
+		return {
+			mentionedUserId: {
+				default: null,
+				parseHTML: (e) => e.getAttribute("data-mentioned-user-id"),
+				renderHTML: (e) => e.mentionedUserId ? { "data-mentioned-user-id": e.mentionedUserId } : {}
+			},
+			mentionedUserName: {
+				default: null,
+				parseHTML: (e) => e.getAttribute("data-mentioned-user-name"),
+				renderHTML: (e) => e.mentionedUserName ? { "data-mentioned-user-name": e.mentionedUserName } : {}
+			},
+			mentionedUserEmail: {
+				default: null,
+				parseHTML: (e) => e.getAttribute("data-mentioned-user-email"),
+				renderHTML: (e) => e.mentionedUserEmail ? { "data-mentioned-user-email": e.mentionedUserEmail } : {}
+			},
+			mentionId: {
+				default: null,
+				parseHTML: (e) => e.getAttribute("data-mention-id"),
+				renderHTML: (e) => ({ "data-mention-id": e.mentionId })
+			}
+		};
+	},
+	addNodeView() {
+		return r(o);
+	},
+	renderHTML({ HTMLAttributes: e, node: t }) {
+		return [
+			"span",
+			i(this.options.HTMLAttributes, e, {
+				"data-component-type": "mention",
+				"data-mentioned-user-id": t.attrs.mentionedUserId,
+				"data-mentioned-user-name": t.attrs.mentionedUserName,
+				"data-mentioned-user-email": t.attrs.mentionedUserEmail,
+				"data-mention-id": t.attrs.mentionId
+			}),
+			`@${t.attrs.mentionedUserName}`
+		];
+	}
+});
+export { s as CustomMention };

package/dist/esm/lib/components/v2/message-editor/editor-extensions/custom-mention/mention-trigger-normalization.js

@@ -0,0 +1,2 @@
+var e = "mentionAt", t = "@", n = "＠", r = (e, t, r, i) => i === n ? (e.dispatch(e.state.tr.insertText("@", t, r)), !0) : !1, i = (e) => e.replaceAll(n, "@");
+export { t as MENTION_CHAR, e as MENTION_PLUGIN_KEY, i as normalizeMentionPastedText, r as normalizeMentionTextInput };

package/dist/esm/lib/components/v2/message-editor/editor-extensions/custom-mention/useMentionState.js

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

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

@@ -0,0 +1,13 @@
+import { Text as e } from "@box/blueprint-web";
+import { jsx as t } from "react/jsx-runtime";
+import { NodeViewContent as n, NodeViewWrapper as r, ReactNodeViewRenderer as i } from "@tiptap/react";
+import a from "@tiptap/extension-paragraph";
+var o = () => /* @__PURE__ */ t(r, { children: /* @__PURE__ */ t(e, {
+	as: "div",
+	color: "textOnLightDefault",
+	variant: "bodyDefault",
+	children: /* @__PURE__ */ t(n, {})
+}) }), s = a.extend({ addNodeView() {
+	return i(o);
+} });
+export { s as CustomParagraph };

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

@@ -0,0 +1,24 @@
+import { useCallback as e, useEffect as t, useState as n } from "react";
+var r = 5e3, i = (i, a, o = r) => {
+	let [s, c] = n(null), l = e(() => {
+		if (!i || i.isDestroyed) return;
+		let e = i.getText().length;
+		c({
+			count: e,
+			excess: Math.max(0, e - o),
+			maxCount: o
+		});
+	}, [i, o]);
+	return t(() => {
+		if (!i) {
+			c(null);
+			return;
+		}
+		return l(), i.on("update", l), () => {
+			i.off("update", l);
+		};
+	}, [i, l]), t(() => {
+		!i || a === void 0 || queueMicrotask(l);
+	}, [a]), s;
+};
+export { i as useCharacterLimit };

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

@@ -0,0 +1,21 @@
+import { useEffect as e, useRef as t, useState as n } from "react";
+var r = 32, i = 10, a = 2, o = 2, s = (s, c) => {
+	let [l, u] = n(!1), [d, f] = n(!1), [p, m] = n(!0), h = t(!1);
+	return e(() => {
+		if (!s.current) return;
+		let e = s.current, t = e.firstElementChild ?? e, n = () => {
+			let n = t.scrollHeight, s = h.current, l = (c?.state.doc.childCount ?? 0) > 1, d = s ? r - i : r + i, p = l || n > d;
+			p !== h.current && (h.current = p, u(p)), f(e.scrollHeight - e.clientHeight > a), m(e.scrollTop + e.clientHeight >= e.scrollHeight - o);
+		}, l = () => requestAnimationFrame(n);
+		n();
+		let d = new ResizeObserver(n);
+		return d.observe(t), e.addEventListener("scroll", n), c?.on("update", l), () => {
+			c?.off("update", l), d.disconnect(), e.removeEventListener("scroll", n);
+		};
+	}, [s, c]), {
+		exceedsSingleLine: l,
+		hasScroll: d,
+		isAtBottom: p
+	};
+};
+export { s as useEditorContainerState };