@box/threaded-annotations 4.1.8 → 4.1.10

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

@@ -1,44 +1 @@
-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 };
+import{defineMessages}from"react-intl";var messages=defineMessages({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{messages as default};

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

@@ -1,9 +1 @@
-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 };
+var getMessageEditorState=({disablePost=!1,disableCancel=!1,disableComponent=!1,isEditorEmpty,isLoading})=>{let disableEditor=disableComponent||isLoading;return{disableEditor,isPostDisabled:disablePost||isEditorEmpty||disableEditor,isCancelDisabled:disableCancel||disableEditor}};export{getMessageEditorState};

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

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

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

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

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

@@ -1,32 +1 @@
-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 };
+import{defineMessages}from"react-intl";var messages=defineMessages({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{messages as default};

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

@@ -1,2 +1 @@
-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 };
+var DEFAULT_MESSAGE_HEIGHT=80,DEFAULT_AUTO_SCROLL_THRESHOLD=150,DEFAULT_OVERSCAN=2,MAXIMUM_VISIBLE_REPLIES_COUNT=3;export{DEFAULT_AUTO_SCROLL_THRESHOLD,DEFAULT_MESSAGE_HEIGHT,DEFAULT_OVERSCAN,MAXIMUM_VISIBLE_REPLIES_COUNT};

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

@@ -1,43 +1 @@
-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 };
+import"../consts.js";import{useCallback,useEffect,useRef}from"react";var useAutoScroll=({messageCount,containerRef})=>{let isAutoScrollEnabled=useRef(!0),isResizing=useRef(!1),handleScrollToBottom=useCallback(()=>{containerRef.current&&isAutoScrollEnabled.current&&containerRef.current.scrollTo({top:containerRef.current.scrollHeight,behavior:`smooth`})},[containerRef]);return useEffect(()=>{if(isResizing.current=!0,messageCount>0){let animationId=requestAnimationFrame(()=>{requestAnimationFrame(()=>{handleScrollToBottom(),isResizing.current=!1})});return()=>{cancelAnimationFrame(animationId),isResizing.current=!1}}isResizing.current=!1},[messageCount,handleScrollToBottom]),{handleScroll:()=>{if(containerRef.current){let{scrollTop,clientHeight,scrollHeight}=containerRef.current,threshold=scrollHeight-(scrollTop+clientHeight);if(isResizing.current){if(threshold===0){isResizing.current=!1;return}return}if(threshold>150){isAutoScrollEnabled.current=!1;return}isAutoScrollEnabled.current=!0}},handleScrollToBottom}};export{useAutoScroll};

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

@@ -1,26 +1 @@
-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 };
+import"../consts.js";import messages from"../messages.js";import{useCallback,useEffect,useMemo,useState}from"react";import{useIntl}from"react-intl";var useShowMoreReplies=({repliesLength})=>{let[showMoreRepliesButton,setShowMoreRepliesButton]=useState(!1),[showMoreReplies,setShowMoreReplies]=useState(!1),intl=useIntl();return useEffect(()=>{if(repliesLength>=3){setShowMoreRepliesButton(!0),setShowMoreReplies(prev=>prev);return}setShowMoreRepliesButton(!1),setShowMoreReplies(!0)},[repliesLength]),{showMoreRepliesButton,showMoreReplies,toggleReplies:useCallback(()=>{setShowMoreReplies(prev=>!prev)},[]),buttonText:useMemo(()=>showMoreReplies?intl.formatMessage(messages.hideReplies):intl.formatMessage(messages.showMoreReplies,{count:repliesLength-1}),[showMoreReplies,intl,repliesLength])}};export{useShowMoreReplies};

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

@@ -1,17 +1 @@
-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 };
+import{useVirtualizer}from"@tanstack/react-virtual";var useVirtualizedMessages=({overscan,replies,parentRef,estimateMessageHeight})=>{let virtualizer=useVirtualizer({count:replies.length,getScrollElement:()=>parentRef.current,getItemKey:index=>`message-${index}-${replies[index]?.id}`,estimateSize:()=>estimateMessageHeight,measureElement:element=>element.getBoundingClientRect().height,overscan});return{virtualItems:virtualizer.getVirtualItems(),totalSize:virtualizer.getTotalSize(),measureElement:virtualizer.measureElement}};export{useVirtualizedMessages};

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

@@ -1,61 +1 @@
-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 };
+import{t as TextMessage}from"../../../../chunks/text-message.js";import"./consts.js";import{useAutoScroll}from"./hooks/useAutoScroll.js";import{useShowMoreReplies}from"./hooks/useShowMoreReplies.js";import{useVirtualizedMessages}from"./hooks/useVirtualizedMessages.js";import{n as messages_view_module_default,t as VirtualizedMessages}from"../../../../chunks/virtualized-messages.js";import{TextButton,useIsEllipsized}from"@box/blueprint-web";import{useEffect,useMemo,useRef}from"react";import{jsx,jsxs}from"react/jsx-runtime";var MessagesView=({messages,onDelete,onAvatarClick,onOverflowChange,isDeleteAllowed=!0})=>{let containerRef=useRef(null),isOverflowing=useIsEllipsized(containerRef),rootMessage=useMemo(()=>messages[0],[messages]),replies=useMemo(()=>messages.slice(1),[messages]),{handleScroll}=useAutoScroll({messageCount:messages.length,containerRef}),{showMoreRepliesButton,showMoreReplies,toggleReplies,buttonText}=useShowMoreReplies({repliesLength:replies.length}),{virtualItems,totalSize,measureElement}=useVirtualizedMessages({overscan:2,replies,parentRef:containerRef,estimateMessageHeight:80});return useEffect(()=>{onOverflowChange(isOverflowing)},[isOverflowing,onOverflowChange]),jsxs(`div`,{ref:containerRef,className:messages_view_module_default.messagesView,onScroll:handleScroll,children:[rootMessage&&jsx(TextMessage,{textMessageData:rootMessage,isDeleteAllowed,onAvatarClick,onDelete}),showMoreRepliesButton&&jsx(TextButton,{className:messages_view_module_default.moreRepliesButton,onClick:toggleReplies,children:buttonText}),replies.length>0&&jsxs(`div`,{className:messages_view_module_default.repliesContainer,children:[jsx(`div`,{className:messages_view_module_default.threadIndicator}),showMoreReplies?jsx(VirtualizedMessages,{isDeleteAllowed,measureElement,messages:replies,onAvatarClick,onDelete,totalSize,virtualItems}):jsx(`div`,{className:messages_view_module_default.singleMessageWrapper,children:jsx(TextMessage,{textMessageData:replies[replies.length-1],isDeleteAllowed,onAvatarClick,onDelete})})]})]})};export{MessagesView};

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

@@ -1,12 +1 @@
-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 };
+import{defineMessages}from"react-intl";var messages=defineMessages({hideReplies:{id:`groupSharedFeatures.threadedAnnotations.hideReplies`,defaultMessage:`Hide replies`},showMoreReplies:{id:`groupSharedFeatures.threadedAnnotations.showMoreReplies`,defaultMessage:`{count, plural, one {# more reply} other {# more replies}}`}});export{messages as default};

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

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

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

@@ -1,58 +1 @@
-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 };
+import messages from"../../messages.js";import{t as MentionComponent}from"../../../../chunks/mention-component.js";import{Text}from"@box/blueprint-web";import{useIntl}from"react-intl";import{jsx}from"react/jsx-runtime";var renderMentionNode=({node,index,paragraphIndex})=>{let key=`mention-${node.attrs.mentionedUserId}-${paragraphIndex}-${index}`;return jsx(MentionComponent,{authorId:node.attrs.authorId,mentionedUserEmail:node.attrs.mentionedUserEmail,mentionedUserId:node.attrs.mentionedUserId,mentionedUserName:node.attrs.mentionedUserName,mentionId:node.attrs.mentionId},key)},renderTextNode=({node,index,paragraphIndex,intl})=>{let key=`text-${node.text.substring(0,20)}-${paragraphIndex}-${index}`;return jsx(Text,{"aria-label":intl.formatMessage(messages.textMessageAriaLabel),as:`span`,color:`textOnLightDefault`,variant:`bodyDefault`,children:node.text},key)},renderParagraphContent=({content,paragraphIndex,intl})=>content.map((node,index)=>{switch(node.type){case`mention`:return renderMentionNode({node,index,paragraphIndex});case`text`:return renderTextNode({node,index,paragraphIndex,intl});default:return[]}}),renderParagraphNode=({paragraph,index,intl})=>{let content=paragraph.content||[],key=`paragraph-${index}`;return jsx(Text,{as:`p`,variant:`bodyDefault`,children:content.length>0?renderParagraphContent({content,paragraphIndex:index,intl}):jsx(`br`,{})},key)},MessageRenderer=({messageObject})=>{let intl=useIntl(),{content}=messageObject;return!content&&content.length===0?null:content.map((paragraph,index)=>renderParagraphNode({paragraph,index,intl}))};export{MessageRenderer};

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

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

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

@@ -1,5 +1 @@
-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 };
+var getInitials=name=>{let cleanedName=name.replace(/[[({<]+.*[\])}>]+/g,``).trim();return(cleanedName.slice(0,1)+cleanedName.slice(cleanedName.lastIndexOf(` `)+1,cleanedName.lastIndexOf(` `)+2)).toUpperCase()};export{getInitials};

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

@@ -1,12 +1 @@
-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 };
+import{defineMessages}from"react-intl";var messages=defineMessages({userAvatar:{id:`groupSharedFeatures.threadedAnnotations.userAvatar`,defaultMessage:`User avatar`},userAvatarButtonAriaLabel:{id:`groupSharedFeatures.threadedAnnotations.userAvatarButtonAriaLabel`,defaultMessage:`View user profile button`}});export{messages as default};

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

@@ -1,31 +1 @@
-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 };
+import{getInitials}from"./getInitials.js";import messages from"./messages.js";import{Avatar,ButtonWrapper,IconBadge}from"@box/blueprint-web";import{useIntl}from"react-intl";import{jsx}from"react/jsx-runtime";var UserAvatar=({user})=>{let{name,isExternalUser,id,avatarUrl}=user,{formatMessage}=useIntl(),initials=getInitials(name),avatar=jsx(Avatar,{alt:formatMessage(messages.userAvatar),colorIndex:id,size:`large`,src:avatarUrl,text:initials});return isExternalUser?jsx(IconBadge,{offset:{right:-4,bottom:-2},size:`medium`,variant:`collaborator-external`,children:avatar}):avatar},UserAvatarButton=({user,onClick})=>{let{formatMessage}=useIntl();return jsx(ButtonWrapper,{"aria-label":formatMessage(messages.userAvatarButtonAriaLabel),onClick:()=>onClick(user.id),children:jsx(UserAvatar,{user})})};export{UserAvatar,UserAvatarButton};

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

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

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

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

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

@@ -1,12 +1 @@
-import { defineMessages as e } from "react-intl";
-var t = e({
-	annotationPage: {
-		id: "groupSharedFeatures.threadedAnnotations.annotationPage",
-		defaultMessage: "Page {number}"
-	},
-	originalContentDeleted: {
-		id: "groupSharedFeatures.threadedAnnotations.originalContentDeleted",
-		defaultMessage: "Original content was deleted"
-	}
-});
-export { t as default };
+import{defineMessages}from"react-intl";var messages=defineMessages({annotationPage:{id:`groupSharedFeatures.threadedAnnotations.annotationPage`,defaultMessage:`Page {number}`},originalContentDeleted:{id:`groupSharedFeatures.threadedAnnotations.originalContentDeleted`,defaultMessage:`Original content was deleted`}});export{messages as default};

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

@@ -1,23 +1 @@
-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 };
+import{t as PluginKey}from"../../../../../../../chunks/dist.js";var createSuggestionOptions=(pluginKeyName,char,callbacks)=>({char,pluginKey:new PluginKey(pluginKeyName),allowSpaces:!0,allow:props=>{let{from,to}=props.range,text=props.state.doc.textBetween(from+1,to,null,``),isSpaceFirstCharacter=text.startsWith(` `),hasDoubleSpace=text.includes(`  `);return!isSpaceFirstCharacter&&!hasDoubleSpace},render:()=>({onStart:props=>{callbacks?.onSuggestionStart(props)},onUpdate:props=>{callbacks?.onSuggestionUpdate(props)},onKeyDown:props=>props.event.key===`Escape`?(callbacks?.onSuggestionExit(),!0):callbacks?.onSuggestionKeyDown(props)??!1,onExit:()=>{callbacks?.onSuggestionExit()}})});export{createSuggestionOptions};

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

@@ -1,59 +1 @@
-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 };
+import{t as MentionComponent}from"../../../../../../../chunks/mention-component.js";import{jsx}from"react/jsx-runtime";import{NodeViewWrapper,ReactNodeViewRenderer}from"@tiptap/react";import{mergeAttributes}from"@tiptap/core";import Mention from"@tiptap/extension-mention";var MentionNodeView=({node})=>{let{mentionedUserName,mentionedUserId,mentionedUserEmail,mentionId}=node.attrs;return jsx(NodeViewWrapper,{as:`span`,children:jsx(MentionComponent,{mentionedUserEmail,mentionedUserId,mentionedUserName,mentionId})})},CustomMention=Mention.extend({addAttributes(){return{mentionedUserId:{default:null,parseHTML:element=>element.getAttribute(`data-mentioned-user-id`),renderHTML:attributes=>attributes.mentionedUserId?{"data-mentioned-user-id":attributes.mentionedUserId}:{}},mentionedUserName:{default:null,parseHTML:element=>element.getAttribute(`data-mentioned-user-name`),renderHTML:attributes=>attributes.mentionedUserName?{"data-mentioned-user-name":attributes.mentionedUserName}:{}},mentionedUserEmail:{default:null,parseHTML:element=>element.getAttribute(`data-mentioned-user-email`),renderHTML:attributes=>attributes.mentionedUserEmail?{"data-mentioned-user-email":attributes.mentionedUserEmail}:{}},mentionId:{default:null,parseHTML:element=>element.getAttribute(`data-mention-id`),renderHTML:attributes=>({"data-mention-id":attributes.mentionId})}}},addNodeView(){return ReactNodeViewRenderer(MentionNodeView)},renderHTML({HTMLAttributes,node}){return[`span`,mergeAttributes(this.options.HTMLAttributes,HTMLAttributes,{"data-component-type":`mention`,"data-mentioned-user-id":node.attrs.mentionedUserId,"data-mentioned-user-name":node.attrs.mentionedUserName,"data-mentioned-user-email":node.attrs.mentionedUserEmail,"data-mention-id":node.attrs.mentionId}),`@${node.attrs.mentionedUserName}`]}});export{CustomMention};

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

@@ -1,2 +1 @@
-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 };
+var MENTION_PLUGIN_KEY=`mentionAt`,MENTION_CHAR=`@`,MENTION_JAPANESE_CHAR=`＠`,normalizeMentionTextInput=(view,from,to,text)=>text===MENTION_JAPANESE_CHAR?(view.dispatch(view.state.tr.insertText(`@`,from,to)),!0):!1,normalizeMentionPastedText=text=>text.replaceAll(MENTION_JAPANESE_CHAR,`@`);export{MENTION_CHAR,MENTION_PLUGIN_KEY,normalizeMentionPastedText,normalizeMentionTextInput};

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

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

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

@@ -1,13 +1 @@
-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 };
+import{Text}from"@box/blueprint-web";import{jsx}from"react/jsx-runtime";import{NodeViewContent,NodeViewWrapper,ReactNodeViewRenderer}from"@tiptap/react";import Paragraph from"@tiptap/extension-paragraph";var ParagraphComponent=()=>jsx(NodeViewWrapper,{children:jsx(Text,{as:`div`,color:`textOnLightDefault`,variant:`bodyDefault`,children:jsx(NodeViewContent,{})})}),CustomParagraph=Paragraph.extend({addNodeView(){return ReactNodeViewRenderer(ParagraphComponent)}});export{CustomParagraph};

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

@@ -1,24 +1 @@
-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 };
+import{useCallback,useEffect,useState}from"react";var CHARACTER_LIMIT=5e3,useCharacterLimit=(editor,initialContent,maxCount=CHARACTER_LIMIT)=>{let[state,setState]=useState(null),updateCount=useCallback(()=>{if(!editor||editor.isDestroyed)return;let count=editor.getText().length;setState({count,excess:Math.max(0,count-maxCount),maxCount})},[editor,maxCount]);return useEffect(()=>{if(!editor){setState(null);return}return updateCount(),editor.on(`update`,updateCount),()=>{editor.off(`update`,updateCount)}},[editor,updateCount]),useEffect(()=>{!editor||initialContent===void 0||queueMicrotask(updateCount)},[initialContent]),state};export{useCharacterLimit};

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

@@ -1,21 +1 @@
-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 || n > (s ? r - i : 42);
-			l !== h.current && (h.current = l, u(l)), 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 };
+import{useEffect,useRef,useState}from"react";var SINGLE_LINE_HEIGHT=32,HYSTERESIS=10,SCROLL_THRESHOLD=2,SCROLL_BOTTOM_THRESHOLD=2,useEditorContainerState=(containerRef,editor)=>{let[exceedsSingleLine,setExceedsSingleLine]=useState(!1),[hasScroll,setHasScroll]=useState(!1),[isAtBottom,setIsAtBottom]=useState(!0),exceedsRef=useRef(!1);return useEffect(()=>{if(!containerRef.current)return;let container=containerRef.current,contentEl=container.firstElementChild??container,check=()=>{let contentHeight=contentEl.scrollHeight,currentlyExceeds=exceedsRef.current,nextExceeds=(editor?.state.doc.childCount??0)>1||contentHeight>(currentlyExceeds?SINGLE_LINE_HEIGHT-HYSTERESIS:42);nextExceeds!==exceedsRef.current&&(exceedsRef.current=nextExceeds,setExceedsSingleLine(nextExceeds)),setHasScroll(container.scrollHeight-container.clientHeight>SCROLL_THRESHOLD),setIsAtBottom(container.scrollTop+container.clientHeight>=container.scrollHeight-SCROLL_BOTTOM_THRESHOLD)},onEditorUpdate=()=>requestAnimationFrame(check);check();let observer=new ResizeObserver(check);return observer.observe(contentEl),container.addEventListener(`scroll`,check),editor?.on(`update`,onEditorUpdate),()=>{editor?.off(`update`,onEditorUpdate),observer.disconnect(),container.removeEventListener(`scroll`,check)}},[containerRef,editor]),{exceedsSingleLine,hasScroll,isAtBottom}};export{useEditorContainerState};