@box/threaded-annotations 1.80.0

package/dist/chunks/resolved-state.js

@@ -0,0 +1,55 @@
+import e from "../esm/lib/components/v2/resolved-state/messages.js";
+import { Text as t } from "@box/blueprint-web";
+import { useIntl as n } from "react-intl";
+import { ReadableTime as r } from "@box/readable-time";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { bpGreenLight125 as o } from "@box/blueprint-web-assets/tokens/tokens";
+import { CheckmarkCircle as s } from "@box/blueprint-web-assets/icons/MediumFilled";
+import '../styles/resolved-state.css';var c = {
+	resolvedState: "_resolvedState_1bt3l_4",
+	leftContainer: "_leftContainer_1bt3l_12",
+	rightContainer: "_rightContainer_1bt3l_16",
+	statusLine: "_statusLine_1bt3l_22",
+	authorName: "_authorName_1bt3l_30",
+	statusText: "_statusText_1bt3l_37"
+}, l = ({ authorName: l, createdAt: u }) => {
+	let d = n();
+	return /* @__PURE__ */ a("div", {
+		"aria-label": d.formatMessage(e.resolvedStateAriaLabel),
+		className: c.resolvedState,
+		children: [/* @__PURE__ */ i("div", {
+			className: c.leftContainer,
+			children: /* @__PURE__ */ i(s, {
+				color: o,
+				height: 24,
+				width: 24
+			})
+		}), /* @__PURE__ */ a("div", {
+			className: c.rightContainer,
+			children: [/* @__PURE__ */ a("div", {
+				className: c.statusLine,
+				children: [/* @__PURE__ */ i(t, {
+					as: "span",
+					className: c.authorName,
+					color: "textOnLightDefault",
+					variant: "bodyDefaultBold",
+					children: l
+				}), /* @__PURE__ */ i(t, {
+					as: "span",
+					className: c.statusText,
+					color: "textOnLightDefault",
+					variant: "bodyDefault",
+					children: d.formatMessage(e.markedAsResolved)
+				})]
+			}), /* @__PURE__ */ i(r, {
+				textProps: {
+					as: "span",
+					variant: "bodySmall",
+					color: "textOnLightSecondary"
+				},
+				timestamp: u
+			})]
+		})]
+	});
+};
+export { l as t };

package/dist/chunks/show-replies-button.js

@@ -0,0 +1,60 @@
+import { UserAvatar as e } from "../esm/lib/components/v2/user-avatar/user-avatar.js";
+import t from "../esm/lib/components/v2/show-replies-button/messages.js";
+import { ButtonWrapper as n, Text as r } from "@box/blueprint-web";
+import i from "clsx";
+import { useIntl as a } from "react-intl";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import '../styles/show-replies-button.css';var c = {
+	showRepliesButtonWrapper: "_showRepliesButtonWrapper_1vzki_1",
+	contentWrapper: "_contentWrapper_1vzki_5",
+	threadedIndicator: "_threadedIndicator_1vzki_9",
+	buttonWrapper: "_buttonWrapper_1vzki_25",
+	repliesText: "_repliesText_1vzki_36",
+	avatarWrapper: "_avatarWrapper_1vzki_42",
+	lastUserAvatar: "_lastUserAvatar_1vzki_46",
+	secondLastUserAvatar: "_secondLastUserAvatar_1vzki_47",
+	lastUserAvatarStacked: "_lastUserAvatarStacked_1vzki_52"
+}, l = ({ onShowReplies: l, repliesCount: u, lastUser: d, secondLastUser: f }) => {
+	let p = a(), m = p.formatMessage(t.showReplies, { number: u });
+	return /* @__PURE__ */ o("div", {
+		className: c.showRepliesButtonWrapper,
+		children: /* @__PURE__ */ s("div", {
+			className: c.contentWrapper,
+			children: [/* @__PURE__ */ o("div", { className: c.threadedIndicator }), /* @__PURE__ */ s(n, {
+				"aria-label": p.formatMessage(t.showRepliesButtonAriaLabel),
+				className: c.buttonWrapper,
+				"data-no-expand": !0,
+				onClick: l,
+				children: [/* @__PURE__ */ s("div", {
+					className: c.avatarWrapper,
+					children: [f && /* @__PURE__ */ o("div", {
+						className: c.secondLastUserAvatar,
+						children: /* @__PURE__ */ o(e, {
+							size: "small",
+							user: {
+								...f,
+								isExternalUser: !1
+							}
+						})
+					}), /* @__PURE__ */ o("div", {
+						className: i(c.lastUserAvatar, f && c.lastUserAvatarStacked),
+						children: /* @__PURE__ */ o(e, {
+							size: "small",
+							user: {
+								...d,
+								isExternalUser: !1
+							}
+						})
+					})]
+				}), /* @__PURE__ */ o(r, {
+					as: "span",
+					className: c.repliesText,
+					color: "textOnLightSecondary",
+					variant: "bodyDefaultBold",
+					children: m
+				})]
+			})]
+		})
+	});
+};
+export { l as t };

package/dist/chunks/text-message.js

@@ -0,0 +1,21 @@
+import e from "../esm/lib/messages.js";
+import { t } from "./message-header.js";
+import { MessageRenderer as n } from "../esm/lib/components/text-message/message-renderer.js";
+import { useIntl as r } from "react-intl";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import '../styles/text-message.css';var o = { textMessage: "_textMessage_mqpx0_1" }, s = ({ textMessageData: s, isDeleteAllowed: c = !0, onAvatarClick: l, onDelete: u }) => {
+	let { author: d, message: f, createdAt: p, id: m } = s;
+	return /* @__PURE__ */ a("div", {
+		"aria-label": r().formatMessage(e.annotationMessageAriaLabel),
+		className: o.textMessage,
+		"data-message-wrapper": !0,
+		children: [/* @__PURE__ */ i(t, {
+			author: d,
+			createdAt: p,
+			isDeleteAllowed: c,
+			onAvatarClick: l,
+			onDelete: () => u(m)
+		}), /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i(n, { messageObject: f }) })]
+	});
+};
+export { s as t };

package/dist/chunks/threaded-annotations.js

@@ -0,0 +1,71 @@
+import e from "../esm/lib/messages.js";
+import { MentionContextProvider as t } from "../esm/lib/components/mention-component/mention-context.js";
+import { MessagesView as n } from "../esm/lib/components/messages-view/messages-view.js";
+import { MessageEditor as r } from "../esm/lib/components/message-editor/message-editor.js";
+import { TextButton as i } from "@box/blueprint-web";
+import { ArrowArchedRight as a } from "@box/blueprint-web-assets/icons/Fill";
+import o from "clsx";
+import { useCallback as s, useEffect as c, useState as l } from "react";
+import { useIntl as u } from "react-intl";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import '../styles/threaded-annotations.css';var p = {
+	threadedAnnotations: "_threadedAnnotations_14dbm_1",
+	messagesContainer: "_messagesContainer_14dbm_11",
+	editorContainer: "_editorContainer_14dbm_20",
+	editorContainerWithBorder: "_editorContainerWithBorder_14dbm_25",
+	removePaddingTop: "_removePaddingTop_14dbm_28"
+}, m = ({ messageEditorOptions: m, messagesViewOptions: h, onEditorOpen: g, onEditorClose: _, onAnnotationsClose: v, isReplyAllowed: y = !0, collaborationPopoverProps: b, getAvatarUrl: x, fetchCollaboratorState: S, fetchEmail: C }) => {
+	let w = h.messages.length, T = w === 0, E = u(), [D, O] = l(!1), [k, A] = l(() => w === 0);
+	c(() => {
+		w === 0 && A(!0);
+	}, [w]);
+	let j = s(() => {
+		y && (A(!0), g?.());
+	}, [g, y]), M = s((e) => {
+		if (T && e) {
+			v?.();
+			return;
+		}
+		A(!1), _?.();
+	}, [
+		_,
+		T,
+		v
+	]), N = s((e) => {
+		O(e);
+	}, []);
+	return /* @__PURE__ */ d(t, {
+		value: {
+			collaborationPopoverProps: b,
+			getAvatarUrl: x,
+			fetchCollaboratorState: S,
+			fetchEmail: C
+		},
+		children: /* @__PURE__ */ f("div", {
+			className: p.threadedAnnotations,
+			children: [/* @__PURE__ */ d("div", {
+				className: o(p.messagesContainer, { [p.removePaddingTop]: T }),
+				children: /* @__PURE__ */ d(n, {
+					...h,
+					onOverflowChange: N
+				})
+			}), /* @__PURE__ */ d("div", {
+				className: o(p.editorContainer, {
+					[p.removePaddingBottom]: !y,
+					[p.editorContainerWithBorder]: D && y
+				}),
+				children: y && (k ? /* @__PURE__ */ d(r, {
+					...m,
+					messageCount: w,
+					onCancel: M
+				}) : /* @__PURE__ */ d(i, {
+					"aria-label": E.formatMessage(e.replyButtonAriaLabel),
+					icon: a,
+					onClick: j,
+					children: E.formatMessage(e.reply)
+				}))
+			})]
+		})
+	});
+};
+export { m as t };

package/dist/chunks/threaded-annotations2.js

@@ -0,0 +1,68 @@
+import { THREADED_ANNOTATIONS_PORTAL as e } from "../esm/lib/v2/constants.js";
+import { MessageEditor as t } from "../esm/lib/components/v2/message-editor/message-editor.js";
+import { ThreadViewState as n, ThreadedAnnotationsProvider as r, useThreadedAnnotationsContext as i } from "../esm/lib/v2/threaded-annotations-context.js";
+import { t as a } from "./messages-view.js";
+import { buildMentionContent as o } from "../esm/lib/v2/utils/build-mention-content.js";
+import s from "clsx";
+import { useCallback as c, useEffect as l, useRef as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import '../styles/threaded-annotations2.css';var p = {
+	threadedAnnotations: "_threadedAnnotations_1dfb0_1",
+	expandable: "_expandable_1dfb0_10",
+	annotations: "_annotations_1dfb0_13"
+}, m = ({ messages: r, isResolved: m = !1, resolvedBy: h, resolvedAt: g, onDelete: _, onThreadDelete: v, onAvatarClick: y, onEdit: b, onResolve: x, onUnresolve: S, onPost: C, onPostError: w, userSelectorProps: T, onEditorOpenChange: E, annotationTarget: D, onAnnotationBadgeClick: O }) => {
+	let { viewState: k, dispatch: A, replyMention: j, isReplyDisabled: M, isAnnotations: N } = i(), P = u(null), F = k !== n.Collapsed, I = r.length > 2, L = k === n.Collapsed && (I || !M && !m);
+	l(() => {
+		E?.(F);
+	}, [F, E]), l(() => {
+		if (!F) return;
+		let t = `[${Object.keys(e)[0]}]`, n = (e) => {
+			let n = e.target;
+			P.current?.contains(n) || document.querySelector(t)?.contains(n) || A({ type: "COLLAPSE" });
+		};
+		return document.addEventListener("mousedown", n), () => document.removeEventListener("mousedown", n);
+	}, [F, A]);
+	let R = r.length === 0, z = c(() => A({ type: "CLEAR_MENTION" }), [A]), B = c((e) => {
+		if (!L) return;
+		let t = e.target;
+		!e.currentTarget.contains(t) || t.closest("[data-no-expand]") || A({ type: "EXPAND" });
+	}, [L, A]);
+	return N && R ? /* @__PURE__ */ d(t, {
+		onPost: C,
+		onPostError: w,
+		onPostSuccess: z,
+		userSelectorProps: T,
+		isFirstAnnotation: !0
+	}) : /* @__PURE__ */ f("div", {
+		ref: P,
+		className: s(p.threadedAnnotations, L && p.expandable, N && p.annotations),
+		onClick: L ? B : void 0,
+		children: [/* @__PURE__ */ d(a, {
+			messages: r,
+			isResolved: m,
+			resolvedBy: h,
+			resolvedAt: g,
+			onDelete: _,
+			onThreadDelete: v,
+			onAvatarClick: y,
+			onEdit: b,
+			onResolve: x,
+			onUnresolve: S,
+			annotationTarget: D,
+			onAnnotationBadgeClick: O
+		}), k === n.Composing && /* @__PURE__ */ d(t, {
+			onPost: C,
+			onPostError: w,
+			onPostSuccess: z,
+			initialContent: j ? o(j) : null,
+			userSelectorProps: T
+		})]
+	});
+}, h = (e) => /* @__PURE__ */ d(r, {
+	defaultExpanded: e.messages.length === 0,
+	isReplyDisabled: e.isReplyDisabled || e.isResolved,
+	isAnnotations: e.isAnnotations,
+	collapsed: e.collapsed,
+	children: /* @__PURE__ */ d(m, { ...e })
+});
+export { h as t };

package/dist/chunks/virtualized-messages.js

@@ -0,0 +1,30 @@
+import { t as e } from "./text-message.js";
+import { jsx as t } from "react/jsx-runtime";
+import '../styles/virtualized-messages.css';var n = {
+	messagesView: "_messagesView_1rb6y_4",
+	moreRepliesButton: "_moreRepliesButton_1rb6y_14",
+	repliesContainer: "_repliesContainer_1rb6y_17",
+	threadIndicator: "_threadIndicator_1rb6y_24",
+	virtualizedMessages: "_virtualizedMessages_1rb6y_29",
+	messageWrapper: "_messageWrapper_1rb6y_34",
+	singleMessageWrapper: "_singleMessageWrapper_1rb6y_68"
+}, r = ({ messages: r, totalSize: i, virtualItems: a, measureElement: o, onDelete: s, onAvatarClick: c, isDeleteAllowed: l }) => /* @__PURE__ */ t("div", {
+	className: n.virtualizedMessages,
+	style: { height: `${i}px` },
+	children: a.map((i) => {
+		let a = r[i.index], u = `message-${i.index}-${a.id}`;
+		return /* @__PURE__ */ t("div", {
+			ref: o,
+			className: n.messageWrapper,
+			"data-index": i.index,
+			style: { transform: `translateY(${i.start}px)` },
+			children: /* @__PURE__ */ t(e, {
+				textMessageData: a,
+				isDeleteAllowed: l,
+				onAvatarClick: c,
+				onDelete: s
+			})
+		}, u);
+	})
+});
+export { n, r as t };

package/dist/esm/index.js

@@ -0,0 +1,7 @@
+import "./lib/document-node-types.js";
+import { MentionContextProvider as e, useMentionContext as t } from "./lib/components/mention-component/mention-context.js";
+import { t as n } from "../chunks/threaded-annotations.js";
+import { MessageEditor as r } from "./lib/components/v2/message-editor/message-editor.js";
+import { t as i } from "../chunks/threaded-annotations2.js";
+import { serializeMentionMarkup as a } from "./lib/v2/utils/serialize-mention-markup.js";
+export { e as MentionContextProvider, r as MessageEditorV2, n as ThreadedAnnotations, i as ThreadedAnnotationsV2, a as serializeMentionMarkup, t as useMentionContext };

package/dist/esm/lib/components/mention-component/mention-component.js

@@ -0,0 +1,2 @@
+import { t as e } from "../../../../chunks/mention-component.js";
+export { e as MentionComponent };

package/dist/esm/lib/components/mention-component/mention-context.js

@@ -0,0 +1,26 @@
+import { createContext as e, useCallback as t, useContext as n, useMemo as r, useState as i } from "react";
+import { jsx as a } from "react/jsx-runtime";
+var o = /* @__PURE__ */ e(void 0), s = ({ value: e, children: n }) => {
+	let [s, c] = i(null), l = t(async (e, t) => {
+		requestAnimationFrame(() => {
+			c(e);
+		});
+	}, []), u = t(() => {
+		c(null);
+	}, []), d = r(() => ({
+		...e,
+		openPopoverMentionId: s,
+		openPopoverForMentionId: l,
+		closeAllPopovers: u
+	}), [
+		e,
+		s,
+		l,
+		u
+	]);
+	return /* @__PURE__ */ a(o.Provider, {
+		value: d,
+		children: n
+	});
+}, c = () => n(o) ?? {};
+export { s as MentionContextProvider, c as useMentionContext };

package/dist/esm/lib/components/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/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/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/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/message-editor/editor-extensions/custom-placeholder/custom-placeholder-utils.js

@@ -0,0 +1,26 @@
+var e = /* @__PURE__ */ function(e) {
+	return e.Placeholder = "placeholder", e;
+}({}), t = 1, n = (t) => {
+	let { content: n, paragraphNumber: r } = s(t);
+	r === 1 && n.length === 0 && t.commands.setContent([{ type: e.Placeholder }]);
+}, r = (e, t) => {
+	let n = e.getJSON(), r = i(n, t);
+	o(n) !== o(r) && e.commands.setContent(r, !0);
+}, i = (e, t) => {
+	let n = Array.isArray(t) ? t : [t];
+	return a(e, (e) => !n.includes(e.type));
+}, a = (e, t) => {
+	if (!e.content) return e;
+	let n = e.content?.filter(t).map((e) => a(e, t)) || [];
+	return {
+		...e,
+		content: n
+	};
+}, o = (e) => e.content ? e.content.reduce((e, n) => e + t + o(n), 0) : 0, s = (e) => {
+	let t = e.getJSON().content || [];
+	return {
+		content: t.flatMap((e) => e.content || []),
+		paragraphNumber: t.length
+	};
+};
+export { e as EditorContentType, n as addPlaceholderToContent, r as deleteNode, a as filterContent, s as getEditorContent, i as removeContentOfType };

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

@@ -0,0 +1,2 @@
+import { t as e } from "../../../../../../chunks/custom-placeholder.js";
+export { e as CustomPlaceholder };

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

@@ -0,0 +1,17 @@
+import { t as e } from "../../../../chunks/message-editor.module.js";
+import { Text as t } from "@box/blueprint-web";
+import { AlertBadge as n } from "@box/blueprint-web-assets/icons/Fill";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+var a = ({ errorMessage: a }) => /* @__PURE__ */ i("div", {
+	className: e.errorMessage,
+	children: [/* @__PURE__ */ r(n, {
+		color: "var(--icon-icon-destructive-on-light)",
+		height: 16,
+		width: 16
+	}), /* @__PURE__ */ r(t, {
+		as: "span",
+		className: e.errorText,
+		children: a
+	})]
+});
+export { a as ErrorMessage };

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

@@ -0,0 +1,68 @@
+import { useMentionContext as e } from "../../mention-component/mention-context.js";
+import { t } from "../../../../../chunks/message-editor.module.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 { useMentionState as i } from "../editor-extensions/custom-mention/useMentionState.js";
+import { CustomParagraph as a } from "../editor-extensions/custom-paragraph.js";
+import { addPlaceholderToContent as o } from "../editor-extensions/custom-placeholder/custom-placeholder-utils.js";
+import { t as s } from "../../../../../chunks/custom-placeholder.js";
+import { useCallback as c, useRef as l, useState as u } from "react";
+import { useEditor as d } from "@tiptap/react";
+import f from "@tiptap/extension-document";
+import p from "@tiptap/extension-text";
+import { v4 as m } from "uuid";
+var h = () => {
+	let h = l(null), g = l(null), [_, v] = u(!0), { isActive: y, query: b, command: x, suggestionCallbacks: S } = i(h), { closeAllPopovers: C, openPopoverForMentionId: w, fetchCollaboratorState: T } = e(), E = d({
+		extensions: [
+			f,
+			a,
+			p,
+			s,
+			...[{
+				char: "@",
+				pluginKey: "mentionAt"
+			}, {
+				char: "＠",
+				pluginKey: "mentionAtJapanese"
+			}].map(({ char: e, pluginKey: t }) => n.extend({ name: "mention" }).configure({ suggestion: r(t, e, S) }))
+		],
+		autofocus: !0,
+		editorProps: { attributes: { class: t.editor } },
+		onCreate: ({ editor: e }) => {
+			g.current = e.view.dom;
+		},
+		onUpdate: ({ editor: e }) => {
+			v(e.isEmpty || e.getText().trim() === ""), C?.();
+		}
+	});
+	return {
+		editor: E,
+		editorRef: g,
+		isEditorEmpty: _,
+		isActive: y,
+		query: b,
+		userSelectorRef: h,
+		cleanEditor: c(() => {
+			E && requestAnimationFrame(() => {
+				E.commands.setContent(""), o(E), v(!0);
+			});
+		}, [E]),
+		getEditorJsonContent: c(() => E ? E.getJSON() : null, [E]),
+		handleUserSelected: c(async (e) => {
+			if (x) {
+				let t = m();
+				x({
+					mentionedUserName: e.name,
+					mentionedUserId: e.id.toString(),
+					mentionedUserEmail: e.email,
+					mentionId: t
+				}), (await T?.(e) ?? !1) || w?.(t, e);
+			}
+		}, [
+			x,
+			w,
+			T
+		])
+	};
+};
+export { h as useMessageEditor };

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

@@ -0,0 +1,35 @@
+import { useMentionContext as e } from "../../mention-component/mention-context.js";
+import { getErrorMessage as t } from "../../../utils/getErrorMessage.js";
+import { useState as n } from "react";
+var r = ({ onPost: r, onPostError: i, onPostSuccess: a, defaultErrorMessage: o = null, cleanEditor: s, getEditorJsonContent: c, onCancel: l }) => {
+	let [u, d] = n(!1), [f, p] = n(null), { closeAllPopovers: m } = e();
+	return {
+		isLoading: u,
+		errorMessage: f,
+		handlePost: async () => {
+			let e = c();
+			try {
+				d(!0), p(null);
+				let t = r(e), n = t instanceof Promise ? await t : t;
+				a?.(n), s(), l(!1);
+			} catch (e) {
+				let n = i?.(e);
+				if (o) {
+					p(o);
+					return;
+				}
+				if (n) {
+					p(n);
+					return;
+				}
+				p(t(e));
+			} finally {
+				d(!1), m?.();
+			}
+		},
+		clearError: () => {
+			p(null);
+		}
+	};
+};
+export { r as useMessagePost };

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

@@ -0,0 +1,29 @@
+import { t as e } from "../../../../chunks/message-editor.module.js";
+import t from "./messages.js";
+import { Button as n } from "@box/blueprint-web";
+import { useIntl as r } from "react-intl";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+var o = ({ onCancel: o, onPost: s, isLoading: c = !1, disableCancel: l = !1, disablePost: u = !1 }) => {
+	let d = r();
+	return /* @__PURE__ */ a("div", {
+		className: e.actionsContainer,
+		children: [/* @__PURE__ */ i(n, {
+			"aria-label": d.formatMessage(t.cancelButtonAriaLabel),
+			disabled: l,
+			onClick: () => o(!0),
+			size: "small",
+			variant: "secondary",
+			children: d.formatMessage(t.postCancel)
+		}), /* @__PURE__ */ i(n, {
+			"aria-label": d.formatMessage(t.postButtonAriaLabel),
+			disabled: u,
+			loading: c,
+			loadingAriaLabel: d.formatMessage(t.postLoading),
+			onClick: s,
+			size: "small",
+			variant: "primary",
+			children: d.formatMessage(t.post)
+		})]
+	});
+};
+export { o as MessageEditorActions };

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

@@ -0,0 +1,7 @@
+import { createContext as e, useContext as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+var r = /* @__PURE__ */ e(void 0), i = ({ value: e, children: t }) => /* @__PURE__ */ n(r.Provider, {
+	value: e,
+	children: t
+}), a = () => t(r) ?? {};
+export { i as MessageEditorContextProvider, a as useMessageEditorContext };