@box/threaded-annotations 4.1.8 → 4.1.10

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

@@ -1,21 +1 @@
-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 || r.editor.isDestroyed) return;
-		let { command: t, editor: o } = r, s = n();
-		t({
-			mentionedUserName: e.name,
-			mentionedUserId: e.id.toString(),
-			mentionedUserEmail: e.email,
-			mentionId: s
-		}), o.commands.focus(), (await a?.(e) ?? !1) || i?.(s, e);
-	}, [
-		r,
-		i,
-		a
-	]) };
-};
-export { r as useMentionUserSelection };
+import{useMentionContext}from"../../../mention-component/mention-context.js";import{useCallback}from"react";import{v4}from"uuid";var useMentionUserSelection=target=>{let{openPopoverForMentionId,fetchCollaboratorState}=useMentionContext();return{onUserSelected:useCallback(async user=>{if(!target||target.editor.isDestroyed)return;let{command,editor}=target,mentionId=v4();command({mentionedUserName:user.name,mentionedUserId:user.id.toString(),mentionedUserEmail:user.email,mentionId}),editor.commands.focus(),(await fetchCollaboratorState?.(user)??!1)||openPopoverForMentionId?.(mentionId,user)},[target,openPopoverForMentionId,fetchCollaboratorState])}};export{useMentionUserSelection};

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

@@ -1,24 +1 @@
-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 };
+import{useMentionContext}from"../../../mention-component/mention-context.js";import{getErrorMessage}from"../../../../utils/getErrorMessage.js";import{useMessageEditorContext}from"../message-editor-context.js";var useMessageSubmit=({onSubmit,onSubmitError,onSuccess,cleanEditor,getEditorJsonContent})=>{let{setErrorMessage,setIsLoading}=useMessageEditorContext(),{closeAllPopovers}=useMentionContext();return{handleSubmit:async()=>{let content=getEditorJsonContent();try{setIsLoading(!0),setErrorMessage(null);let result=onSubmit(content);await(result instanceof Promise?result:Promise.resolve()),cleanEditor?.(),onSuccess?.()}catch(error){let callbackErrorMessage=onSubmitError?.(error);if(callbackErrorMessage){setErrorMessage(callbackErrorMessage);return}setErrorMessage(getErrorMessage(error))}finally{setIsLoading(!1),closeAllPopovers?.()}}}};export{useMessageSubmit};

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

@@ -1,19 +1 @@
-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 };
+import{createContext,useContext,useState}from"react";import{jsx}from"react/jsx-runtime";var MessageEditorContext=createContext(void 0),MessageEditorProvider=({children})=>{let[errorMessage,setErrorMessage]=useState(null),[isLoading,setIsLoading]=useState(!1);return jsx(MessageEditorContext.Provider,{value:{errorMessage,setErrorMessage,isLoading,setIsLoading},children})},useMessageEditorContext=()=>{let context=useContext(MessageEditorContext);if(context===void 0)throw Error(`useMessageEditorContext must be used within a MessageEditorProvider`);return context};export{MessageEditorProvider,useMessageEditorContext};

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

@@ -1,187 +1 @@
-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 ee, normalizeMentionTextInput as a } from "./editor-extensions/custom-mention/mention-trigger-normalization.js";
-import { useMentionState as te } from "./editor-extensions/custom-mention/useMentionState.js";
-import { CustomParagraph as ne } from "./editor-extensions/custom-paragraph.js";
-import { useCharacterLimit as re } from "./hooks/useCharacterLimit.js";
-import { useEditorContainerState as o } from "./hooks/useEditorContainerState.js";
-import { useMentionUserSelection as ie } from "./hooks/useMentionUserSelection.js";
-import { MessageEditorProvider as s, useMessageEditorContext as ae } from "./message-editor-context.js";
-import c from "./messages.js";
-import { t as l } from "../../../../../chunks/message-editor2.module.js";
-import { CharacterLimitCounter as u } from "./subcomponents/character-limit-counter.js";
-import { EditButtons as d } from "./subcomponents/edit-buttons.js";
-import { ErrorMessage as f } from "./subcomponents/error-message.js";
-import { PostButton as p } from "./subcomponents/post-button.js";
-import { t as m } from "../../../../../chunks/timestamp-toggle.js";
-import { MessageEditorVariant as h } from "./message-editor.types.js";
-import { VisuallyHidden as oe } from "@box/blueprint-web";
-import g from "clsx";
-import { useEffect as _, useMemo as se, useRef as v } from "react";
-import { useIntl as ce } from "react-intl";
-import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
-import { UserSelectorHeadless as le } from "@box/user-selector";
-import { EditorContent as S, useEditor as C } from "@tiptap/react";
-import w from "@tiptap/extension-document";
-import T from "@tiptap/extension-text";
-import { Placeholder as ue } from "@tiptap/extensions";
-var E = (s) => {
-	let { autoFocus: E = !0, disableComponent: D = !1, initialContent: O, isFirstAnnotation: k = !1, isReply: de = !1, maxCharacterCount: A, userSelectorProps: j, videoTimestamp: M } = s, N = v(null), P = v(null), F = v(null), I = ce(), { errorMessage: L, isLoading: R } = ae(), { close: z, isActive: B, query: V, command: H, suggestionCallbacks: fe } = te(N), { closeAllPopovers: pe } = t(), U = I.formatMessage(de ? c.placeholderReply : c.placeholderAddComment), W = s.variant === h.EDIT_MESSAGE, G = C({
-		shouldRerenderOnTransaction: !0,
-		extensions: [
-			w,
-			ne,
-			ue.configure({
-				placeholder: U,
-				showOnlyWhenEditable: !1
-			}),
-			T,
-			n.configure({ suggestion: r(i, "@", fe) })
-		],
-		autofocus: E,
-		content: O,
-		editorProps: {
-			attributes: { class: l.editor },
-			handleTextInput: a,
-			transformPastedText: ee
-		},
-		onCreate: ({ editor: e }) => {
-			F.current = e.view.dom, E && e.commands.focus("end");
-		},
-		onUpdate: () => {
-			pe?.();
-		}
-	}, [U]), { onUserSelected: me } = ie(se(() => H && G && !G.isDestroyed ? {
-		command: H,
-		editor: G
-	} : null, [H, G])), { exceedsSingleLine: he, hasScroll: K, isAtBottom: q } = o(P, G), J = re(G, O, A), Y = W || !k || k && he, ge = !G || G?.isEmpty, X = D || R, Z = (J?.excess ?? 0) > 0, Q = ge || X || Z, $ = J && J.excess > 0 && Y;
-	_(() => {
-		G && G.setEditable(!X);
-	}, [G, X]), _(() => {
-		if (!Z || !P.current || !O) return;
-		let e = 0, t = requestAnimationFrame(() => {
-			e = requestAnimationFrame(() => {
-				P.current?.scrollTo({ top: P.current.scrollHeight });
-			});
-		});
-		return () => {
-			cancelAnimationFrame(t), cancelAnimationFrame(e);
-		};
-	}, [Z]), _(() => {
-		!G || O === void 0 || queueMicrotask(() => {
-			G.isDestroyed || (G.commands.setContent(O ?? "", { emitUpdate: !1 }), E && G.commands.focus("end"));
-		});
-	}, [O]), _(() => {
-		if (!B) return;
-		let t = `[${Object.keys(e)[0]}]`, n = (e) => {
-			if (P.current?.contains(e)) return !0;
-			let n = document.querySelectorAll(t);
-			for (let t of n) if (t.contains(e)) return !0;
-			return !1;
-		}, r = (e) => {
-			let t = e.target;
-			!t || n(t) || z();
-		}, i = requestAnimationFrame(() => {
-			document.addEventListener("mousedown", r), document.addEventListener("focusin", r);
-		});
-		return () => {
-			cancelAnimationFrame(i), document.removeEventListener("mousedown", r), document.removeEventListener("focusin", r);
-		};
-	}, [z, B]);
-	let _e = /* @__PURE__ */ b("div", { className: l.anchorElement });
-	return /* @__PURE__ */ b("div", {
-		"data-no-expand": !0,
-		className: l.messageEditorWrapper,
-		children: /* @__PURE__ */ x("div", {
-			className: g(l.messageEditor, {
-				[l.editorHasScroll]: K,
-				[l.editorEditMode]: W,
-				[l.editorError]: L || Z,
-				[l.editorFirstAnnotation]: !W && k,
-				[l.editorCharacterLimitExceeded]: Z
-			}),
-			children: [/* @__PURE__ */ x("div", {
-				className: g(l.editorViewport, { [l.editorFullWidth]: Y }),
-				children: [/* @__PURE__ */ x("div", {
-					ref: P,
-					className: l.editorContainer,
-					"aria-label": I.formatMessage(c.scrollContainerAriaLabel),
-					children: [/* @__PURE__ */ b(S, {
-						"aria-label": I.formatMessage(c.editorContentAriaLabel),
-						editor: G
-					}), /* @__PURE__ */ b(le, {
-						ref: N,
-						inputElementRef: F,
-						onSelectedUserChange: me,
-						open: B,
-						rootElement: _e,
-						value: V,
-						...j,
-						popoverContentContainerProps: {
-							...j.popoverContentContainerProps,
-							...e,
-							avoidCollisions: !0
-						}
-					})]
-				}), K && /* @__PURE__ */ b("div", {
-					className: g(l.editorFade, { [l.editorFadeHidden]: q }),
-					"aria-hidden": "true"
-				})]
-			}), /* @__PURE__ */ b("div", {
-				className: g(l.actionsWrapper, { [l.withTimestampToggle]: !!M }),
-				children: /* @__PURE__ */ x("div", {
-					className: g(l.actionsWrapperInner, {
-						[l.scrolledToBottom]: q,
-						[l.characterLimitExceeded]: Z
-					}),
-					children: [
-						L && /* @__PURE__ */ b(f, { errorMessage: L }),
-						J && J.excess > 0 && !Y && /* @__PURE__ */ b(oe, {
-							role: "alert",
-							children: I.formatMessage(c.characterLimitExceeded, { excess: J.excess })
-						}),
-						M && /* @__PURE__ */ b(m, {
-							className: l.timestampToggle,
-							disabled: X,
-							formattedTimestamp: M.formattedTimestamp,
-							isPressed: M.isPressed,
-							onChange: M.onPressedChange
-						}),
-						W ? /* @__PURE__ */ x("div", {
-							className: l.editActionsColumn,
-							children: [$ && /* @__PURE__ */ b(u, {
-								count: J.count,
-								excess: J.excess,
-								maxCount: J.maxCount
-							}), /* @__PURE__ */ b("div", {
-								className: l.editActionsRow,
-								children: /* @__PURE__ */ b(d, {
-									disabled: Q,
-									getEditorJsonContent: () => G?.getJSON(),
-									onCancel: s.onEditCancel,
-									onEditSuccess: s.onEditSuccess,
-									onSave: s.onSave,
-									onSaveError: s.onSaveError
-								})
-							})]
-						}) : /* @__PURE__ */ x(y, { children: [$ && /* @__PURE__ */ b(u, {
-							count: J.count,
-							excess: J.excess,
-							maxCount: J.maxCount
-						}), /* @__PURE__ */ b(p, {
-							cleanEditor: () => G?.commands.setContent("", { emitUpdate: !1 }),
-							disabled: Q,
-							getEditorJsonContent: () => G?.getJSON(),
-							onPost: s.onPost,
-							onPostError: s.onPostError,
-							onPostSuccess: s.onPostSuccess
-						})] })
-					]
-				})
-			})]
-		})
-	});
-}, D = (e) => /* @__PURE__ */ b(s, { children: /* @__PURE__ */ b(E, { ...e }) });
-export { D as MessageEditor, h as MessageEditorVariant };
+import{THREADED_ANNOTATIONS_PORTAL}from"../../../v2/constants.js";import{useMentionContext}from"../../mention-component/mention-context.js";import{CustomMention}from"./editor-extensions/custom-mention/custom-mention.js";import{createSuggestionOptions}from"./editor-extensions/custom-mention/custom-mention-suggestions.js";import{MENTION_PLUGIN_KEY,normalizeMentionPastedText,normalizeMentionTextInput}from"./editor-extensions/custom-mention/mention-trigger-normalization.js";import{useMentionState}from"./editor-extensions/custom-mention/useMentionState.js";import{CustomParagraph}from"./editor-extensions/custom-paragraph.js";import{useCharacterLimit}from"./hooks/useCharacterLimit.js";import{useEditorContainerState}from"./hooks/useEditorContainerState.js";import{useMentionUserSelection}from"./hooks/useMentionUserSelection.js";import{MessageEditorProvider,useMessageEditorContext}from"./message-editor-context.js";import messages from"./messages.js";import{t as message_editor_module_default}from"../../../../../chunks/message-editor2.module.js";import{CharacterLimitCounter}from"./subcomponents/character-limit-counter.js";import{EditButtons}from"./subcomponents/edit-buttons.js";import{ErrorMessage}from"./subcomponents/error-message.js";import{PostButton}from"./subcomponents/post-button.js";import{t as TimestampToggle}from"../../../../../chunks/timestamp-toggle.js";import{MessageEditorVariant}from"./message-editor.types.js";import{VisuallyHidden}from"@box/blueprint-web";import clsx from"clsx";import{useEffect,useMemo,useRef}from"react";import{useIntl}from"react-intl";import{Fragment,jsx,jsxs}from"react/jsx-runtime";import{UserSelectorHeadless}from"@box/user-selector";import{EditorContent,useEditor}from"@tiptap/react";import Document from"@tiptap/extension-document";import Text$1 from"@tiptap/extension-text";import{Placeholder}from"@tiptap/extensions";var MessageEditorContent=props=>{let{autoFocus=!0,disableComponent=!1,initialContent,isFirstAnnotation=!1,isReply=!1,maxCharacterCount,userSelectorProps,videoTimestamp}=props,userSelectorRef=useRef(null),editorContainerRef=useRef(null),editorRef=useRef(null),intl=useIntl(),{errorMessage,isLoading}=useMessageEditorContext(),{close:closeMentionDropdown,isActive,query,command,suggestionCallbacks}=useMentionState(userSelectorRef),{closeAllPopovers}=useMentionContext(),placeholderText=intl.formatMessage(isReply?messages.placeholderReply:messages.placeholderAddComment),isEditVariant=props.variant===MessageEditorVariant.EDIT_MESSAGE,editor=useEditor({shouldRerenderOnTransaction:!0,extensions:[Document,CustomParagraph,Placeholder.configure({placeholder:placeholderText,showOnlyWhenEditable:!1}),Text$1,CustomMention.configure({suggestion:createSuggestionOptions(MENTION_PLUGIN_KEY,`@`,suggestionCallbacks)})],autofocus:autoFocus,content:initialContent,editorProps:{attributes:{class:message_editor_module_default.editor},handleTextInput:normalizeMentionTextInput,transformPastedText:normalizeMentionPastedText},onCreate:({editor:editorInstance})=>{editorRef.current=editorInstance.view.dom,autoFocus&&editorInstance.commands.focus(`end`)},onUpdate:()=>{closeAllPopovers?.()}},[placeholderText]),{onUserSelected}=useMentionUserSelection(useMemo(()=>command&&editor&&!editor.isDestroyed?{command,editor}:null,[command,editor])),{exceedsSingleLine,hasScroll,isAtBottom}=useEditorContainerState(editorContainerRef,editor),characterLimitState=useCharacterLimit(editor,initialContent,maxCharacterCount),shouldApplyEditorFullWidth=isEditVariant||!isFirstAnnotation||isFirstAnnotation&&exceedsSingleLine,isEditorEmpty=!editor||editor?.isEmpty,disableEditor=disableComponent||isLoading,isCharacterLimitExceeded=(characterLimitState?.excess??0)>0,isPostDisabled=isEditorEmpty||disableEditor||isCharacterLimitExceeded,showCharacterLimitCounter=characterLimitState&&characterLimitState.excess>0&&shouldApplyEditorFullWidth;useEffect(()=>{editor&&editor.setEditable(!disableEditor)},[editor,disableEditor]),useEffect(()=>{if(!isCharacterLimitExceeded||!editorContainerRef.current||!initialContent)return;let innerFrameId=0,outerFrameId=requestAnimationFrame(()=>{innerFrameId=requestAnimationFrame(()=>{editorContainerRef.current?.scrollTo({top:editorContainerRef.current.scrollHeight})})});return()=>{cancelAnimationFrame(outerFrameId),cancelAnimationFrame(innerFrameId)}},[isCharacterLimitExceeded]),useEffect(()=>{!editor||initialContent===void 0||queueMicrotask(()=>{editor.isDestroyed||(editor.commands.setContent(initialContent??``,{emitUpdate:!1}),autoFocus&&editor.commands.focus(`end`))})},[initialContent]),useEffect(()=>{if(!isActive)return;let portalSelector=`[${Object.keys(THREADED_ANNOTATIONS_PORTAL)[0]}]`,isInsideEditorOrPortal=target=>{if(editorContainerRef.current?.contains(target))return!0;let portals=document.querySelectorAll(portalSelector);for(let portal of portals)if(portal.contains(target))return!0;return!1},handleClose=e=>{let target=e.target;!target||isInsideEditorOrPortal(target)||closeMentionDropdown()},frameId=requestAnimationFrame(()=>{document.addEventListener(`mousedown`,handleClose),document.addEventListener(`focusin`,handleClose)});return()=>{cancelAnimationFrame(frameId),document.removeEventListener(`mousedown`,handleClose),document.removeEventListener(`focusin`,handleClose)}},[closeMentionDropdown,isActive]);let anchorElement=jsx(`div`,{className:message_editor_module_default.anchorElement});return jsx(`div`,{"data-no-expand":!0,className:message_editor_module_default.messageEditorWrapper,children:jsxs(`div`,{className:clsx(message_editor_module_default.messageEditor,{[message_editor_module_default.editorHasScroll]:hasScroll,[message_editor_module_default.editorEditMode]:isEditVariant,[message_editor_module_default.editorError]:errorMessage||isCharacterLimitExceeded,[message_editor_module_default.editorFirstAnnotation]:!isEditVariant&&isFirstAnnotation,[message_editor_module_default.editorCharacterLimitExceeded]:isCharacterLimitExceeded}),children:[jsxs(`div`,{className:clsx(message_editor_module_default.editorViewport,{[message_editor_module_default.editorFullWidth]:shouldApplyEditorFullWidth}),children:[jsxs(`div`,{ref:editorContainerRef,className:message_editor_module_default.editorContainer,"aria-label":intl.formatMessage(messages.scrollContainerAriaLabel),children:[jsx(EditorContent,{"aria-label":intl.formatMessage(messages.editorContentAriaLabel),editor}),jsx(UserSelectorHeadless,{ref:userSelectorRef,inputElementRef:editorRef,onSelectedUserChange:onUserSelected,open:isActive,rootElement:anchorElement,value:query,...userSelectorProps,popoverContentContainerProps:{...userSelectorProps.popoverContentContainerProps,...THREADED_ANNOTATIONS_PORTAL,avoidCollisions:!0}})]}),hasScroll&&jsx(`div`,{className:clsx(message_editor_module_default.editorFade,{[message_editor_module_default.editorFadeHidden]:isAtBottom}),"aria-hidden":`true`})]}),jsx(`div`,{className:clsx(message_editor_module_default.actionsWrapper,{[message_editor_module_default.withTimestampToggle]:!!videoTimestamp}),children:jsxs(`div`,{className:clsx(message_editor_module_default.actionsWrapperInner,{[message_editor_module_default.scrolledToBottom]:isAtBottom,[message_editor_module_default.characterLimitExceeded]:isCharacterLimitExceeded}),children:[errorMessage&&jsx(ErrorMessage,{errorMessage}),characterLimitState&&characterLimitState.excess>0&&!shouldApplyEditorFullWidth&&jsx(VisuallyHidden,{role:`alert`,children:intl.formatMessage(messages.characterLimitExceeded,{excess:characterLimitState.excess})}),videoTimestamp&&jsx(TimestampToggle,{className:message_editor_module_default.timestampToggle,disabled:disableEditor,formattedTimestamp:videoTimestamp.formattedTimestamp,isPressed:videoTimestamp.isPressed,onChange:videoTimestamp.onPressedChange}),isEditVariant?jsxs(`div`,{className:message_editor_module_default.editActionsColumn,children:[showCharacterLimitCounter&&jsx(CharacterLimitCounter,{count:characterLimitState.count,excess:characterLimitState.excess,maxCount:characterLimitState.maxCount}),jsx(`div`,{className:message_editor_module_default.editActionsRow,children:jsx(EditButtons,{disabled:isPostDisabled,getEditorJsonContent:()=>editor?.getJSON(),onCancel:props.onEditCancel,onEditSuccess:props.onEditSuccess,onSave:props.onSave,onSaveError:props.onSaveError})})]}):jsxs(Fragment,{children:[showCharacterLimitCounter&&jsx(CharacterLimitCounter,{count:characterLimitState.count,excess:characterLimitState.excess,maxCount:characterLimitState.maxCount}),jsx(PostButton,{cleanEditor:()=>editor?.commands.setContent(``,{emitUpdate:!1}),disabled:isPostDisabled,getEditorJsonContent:()=>editor?.getJSON(),onPost:props.onPost,onPostError:props.onPostError,onPostSuccess:props.onPostSuccess})]})]})})]})})},MessageEditor=props=>jsx(MessageEditorProvider,{children:jsx(MessageEditorContent,{...props})});export{MessageEditor,MessageEditorVariant};

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

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

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

@@ -1,52 +1 @@
-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"
-	},
-	placeholderAddComment: {
-		id: "groupSharedFeatures.threadedAnnotations.messageEditor.placeholderAddComment",
-		defaultMessage: "Add a comment, @ to mention"
-	},
-	placeholderReply: {
-		id: "groupSharedFeatures.threadedAnnotations.messageEditor.placeholderReply",
-		defaultMessage: "Reply, @ 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"
-	},
-	timestampToggleLabel: {
-		id: "groupSharedFeatures.threadedAnnotations.messageEditor.timestampToggleLabel",
-		defaultMessage: "Comment with timestamp"
-	}
-});
-export { t as default };
+import{defineMessages}from"react-intl";var messages=defineMessages({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`},placeholderAddComment:{id:`groupSharedFeatures.threadedAnnotations.messageEditor.placeholderAddComment`,defaultMessage:`Add a comment, @ to mention`},placeholderReply:{id:`groupSharedFeatures.threadedAnnotations.messageEditor.placeholderReply`,defaultMessage:`Reply, @ 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`},timestampToggleLabel:{id:`groupSharedFeatures.threadedAnnotations.messageEditor.timestampToggleLabel`,defaultMessage:`Comment with timestamp`}});export{messages as default};

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

@@ -1,26 +1 @@
-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 };
+import messages from"../messages.js";import{t as message_editor_module_default}from"../../../../../../chunks/message-editor2.module.js";import{Focusable,Text,Tooltip,VisuallyHidden}from"@box/blueprint-web";import clsx from"clsx";import{useIntl}from"react-intl";import{Fragment,jsx,jsxs}from"react/jsx-runtime";var CharacterLimitCounter=({count,excess,maxCount})=>{let{formatMessage}=useIntl(),tooltipText=formatMessage(messages.characterLimitExceeded,{excess});return jsxs(Fragment,{children:[jsx(VisuallyHidden,{role:`alert`,children:tooltipText}),jsx(Tooltip,{content:tooltipText,children:jsx(Focusable,{children:jsx(Text,{as:`span`,className:clsx(message_editor_module_default.characterLimitCounter,message_editor_module_default.characterLimitCounterExceeded),color:`textOnLightError`,variant:`bodyDefault`,children:formatMessage(messages.characterCount,{count,maxCount})})})})]})};export{CharacterLimitCounter};

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

@@ -1,32 +1 @@
-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 };
+import{useMessageEditorContext}from"../message-editor-context.js";import messages from"../messages.js";import{useMessageSubmit}from"../hooks/useMessageSubmit.js";import{Button}from"@box/blueprint-web";import{useIntl}from"react-intl";import{Fragment,jsx,jsxs}from"react/jsx-runtime";var EditButtons=({onSave,onSaveError,onEditSuccess,onCancel,getEditorJsonContent,disabled=!1})=>{let intl=useIntl(),{isLoading}=useMessageEditorContext(),{handleSubmit}=useMessageSubmit({onSubmit:onSave,onSubmitError:onSaveError,onSuccess:onEditSuccess,getEditorJsonContent});return jsxs(Fragment,{children:[jsx(Button,{"aria-label":intl.formatMessage(messages.cancel),onClick:()=>onCancel?.(),disabled:isLoading,size:`small`,variant:`quaternary`,children:intl.formatMessage(messages.cancel)}),jsx(Button,{"aria-label":intl.formatMessage(messages.save),disabled,loading:isLoading,loadingAriaLabel:intl.formatMessage(messages.saveLoading),onClick:handleSubmit,size:`small`,variant:`primary`,children:intl.formatMessage(messages.save)})]})};export{EditButtons};

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

@@ -1,22 +1 @@
-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 };
+import{t as message_editor_module_default}from"../../../../../../chunks/message-editor2.module.js";import{Focusable,Text,Tooltip}from"@box/blueprint-web";import{jsx,jsxs}from"react/jsx-runtime";import{AlertCircle}from"@box/blueprint-web-assets/icons/Medium";import{bpIconIconDestructiveOnLight}from"@box/blueprint-web-assets/tokens/tokens";var ErrorMessage=({errorMessage})=>jsx(Tooltip,{content:errorMessage,children:jsx(Focusable,{children:jsxs(`div`,{className:message_editor_module_default.errorMessage,children:[jsx(AlertCircle,{color:bpIconIconDestructiveOnLight,height:20,width:20}),jsx(Text,{as:`span`,className:message_editor_module_default.errorText,variant:`bodyDefault`,children:errorMessage})]})})});export{ErrorMessage};

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

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

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

@@ -1,2 +1 @@
-import { t as e } from "../../../../../../chunks/timestamp-toggle.js";
-export { e as TimestampToggle };
+import{t as TimestampToggle}from"../../../../../../chunks/timestamp-toggle.js";export{TimestampToggle};

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

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

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

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

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

@@ -1,49 +1 @@
-import { THREADED_ANNOTATIONS_PORTAL as e } from "../../../v2/constants.js";
-import { THREADED_ANNOTATIONS_RESIN_COMPONENTS as t, THREADED_ANNOTATIONS_RESIN_FEATURE as n, THREADED_ANNOTATIONS_RESIN_TARGETS as r } from "../../../v2/resin-targets.js";
-import i from "./messages.js";
-import { DropdownMenu as a, IconButton as o } from "@box/blueprint-web";
-import { useIntl as s } from "react-intl";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { Ellipsis as u, Link as d, Pencil as f, Trash as p } from "@box/blueprint-web-assets/icons/Medium";
-var m = ({ canDelete: m = !0, canEdit: h = !0, disabled: g, isAnnotations: _ = !1, onCopyLink: v, onDelete: y, onEdit: b, onOpenChange: x }) => {
-	let { formatMessage: S } = s(), C = h || !!v;
-	if (!(C || m)) return null;
-	let w = _ ? t.ANNOTATION_MENU : t.COMMENT_MENU, T = _ ? r.ANNOTATION_MENU : r.COMMENT_MENU, E = _ ? r.ANNOTATION_EDIT : r.COMMENT_EDIT, D = _ ? r.ANNOTATION_COPY_LINK : r.COMMENT_COPY_LINK, O = _ ? r.ANNOTATION_DELETE : r.COMMENT_DELETE;
-	return /* @__PURE__ */ l(a.Root, {
-		modal: !1,
-		onOpenChange: x,
-		children: [/* @__PURE__ */ c(a.Trigger, { children: /* @__PURE__ */ c(o, {
-			"aria-label": S(i.moreOptionsAriaLabel),
-			"data-no-expand": !0,
-			"data-resin-target": T,
-			disabled: g,
-			icon: u,
-			size: "small"
-		}) }), /* @__PURE__ */ l(a.Content, {
-			...e,
-			align: "end",
-			"data-resin-component": w,
-			"data-resin-feature": n,
-			children: [
-				h && /* @__PURE__ */ l(a.Item, {
-					"data-resin-target": E,
-					onSelect: () => b?.(),
-					children: [/* @__PURE__ */ c(a.Item.StartElement, { icon: f }), /* @__PURE__ */ c(a.Item.MainContent, { label: S(i.edit) })]
-				}),
-				v && /* @__PURE__ */ l(a.Item, {
-					"data-resin-target": D,
-					onSelect: () => v(),
-					children: [/* @__PURE__ */ c(a.Item.StartElement, { icon: d }), /* @__PURE__ */ c(a.Item.MainContent, { label: S(i.copyLink) })]
-				}),
-				m && C && /* @__PURE__ */ c(a.Separator, {}),
-				m && /* @__PURE__ */ l(a.Item, {
-					"data-resin-target": O,
-					onSelect: () => y?.(),
-					variant: "destructive",
-					children: [/* @__PURE__ */ c(a.Item.StartElement, { icon: p }), /* @__PURE__ */ c(a.Item.MainContent, { label: S(i.delete) })]
-				})
-			]
-		})]
-	});
-};
-export { m as MessageOptionsMenu };
+import{THREADED_ANNOTATIONS_PORTAL}from"../../../v2/constants.js";import{THREADED_ANNOTATIONS_RESIN_COMPONENTS,THREADED_ANNOTATIONS_RESIN_FEATURE,THREADED_ANNOTATIONS_RESIN_TARGETS}from"../../../v2/resin-targets.js";import messages from"./messages.js";import{DropdownMenu,IconButton}from"@box/blueprint-web";import{useIntl}from"react-intl";import{jsx,jsxs}from"react/jsx-runtime";import{Ellipsis,Link as Link$1,Pencil,Trash}from"@box/blueprint-web-assets/icons/Medium";var MessageOptionsMenu=({canDelete=!0,canEdit=!0,disabled,isAnnotations=!1,onCopyLink,onDelete,onEdit,onOpenChange})=>{let{formatMessage}=useIntl(),hasNonDestructiveItem=canEdit||!!onCopyLink;if(!(hasNonDestructiveItem||canDelete))return null;let menuComponent=isAnnotations?THREADED_ANNOTATIONS_RESIN_COMPONENTS.ANNOTATION_MENU:THREADED_ANNOTATIONS_RESIN_COMPONENTS.COMMENT_MENU,menuTarget=isAnnotations?THREADED_ANNOTATIONS_RESIN_TARGETS.ANNOTATION_MENU:THREADED_ANNOTATIONS_RESIN_TARGETS.COMMENT_MENU,editTarget=isAnnotations?THREADED_ANNOTATIONS_RESIN_TARGETS.ANNOTATION_EDIT:THREADED_ANNOTATIONS_RESIN_TARGETS.COMMENT_EDIT,copyLinkTarget=isAnnotations?THREADED_ANNOTATIONS_RESIN_TARGETS.ANNOTATION_COPY_LINK:THREADED_ANNOTATIONS_RESIN_TARGETS.COMMENT_COPY_LINK,deleteTarget=isAnnotations?THREADED_ANNOTATIONS_RESIN_TARGETS.ANNOTATION_DELETE:THREADED_ANNOTATIONS_RESIN_TARGETS.COMMENT_DELETE;return jsxs(DropdownMenu.Root,{modal:!1,onOpenChange,children:[jsx(DropdownMenu.Trigger,{children:jsx(IconButton,{"aria-label":formatMessage(messages.moreOptionsAriaLabel),"data-no-expand":!0,"data-resin-target":menuTarget,disabled,icon:Ellipsis,size:`small`})}),jsxs(DropdownMenu.Content,{...THREADED_ANNOTATIONS_PORTAL,align:`end`,"data-resin-component":menuComponent,"data-resin-feature":THREADED_ANNOTATIONS_RESIN_FEATURE,children:[canEdit&&jsxs(DropdownMenu.Item,{"data-resin-target":editTarget,onSelect:()=>onEdit?.(),children:[jsx(DropdownMenu.Item.StartElement,{icon:Pencil}),jsx(DropdownMenu.Item.MainContent,{label:formatMessage(messages.edit)})]}),onCopyLink&&jsxs(DropdownMenu.Item,{"data-resin-target":copyLinkTarget,onSelect:()=>onCopyLink(),children:[jsx(DropdownMenu.Item.StartElement,{icon:Link$1}),jsx(DropdownMenu.Item.MainContent,{label:formatMessage(messages.copyLink)})]}),canDelete&&hasNonDestructiveItem&&jsx(DropdownMenu.Separator,{}),canDelete&&jsxs(DropdownMenu.Item,{"data-resin-target":deleteTarget,onSelect:()=>onDelete?.(),variant:`destructive`,children:[jsx(DropdownMenu.Item.StartElement,{icon:Trash}),jsx(DropdownMenu.Item.MainContent,{label:formatMessage(messages.delete)})]})]})]})};export{MessageOptionsMenu};