@box/threaded-annotations 4.1.8 → 4.1.10

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

@@ -1,48 +1,2 @@
-import { defineMessages as e } from "react-intl";
-var t = e({
-	deleteConfirmation: {
-		id: "groupSharedFeatures.threadedAnnotations.deleteConfirmation",
-		defaultMessage: "Delete confirmation"
-	},
-	deleteQuestion: {
-		id: "groupSharedFeatures.threadedAnnotations.deleteQuestion",
-		defaultMessage: "Delete this {type, select, annotation {annotation} other {comment}}{hasReplies, select, true { and replies} other {}}?\nThis action can't be undone."
-	},
-	deleteCancel: {
-		id: "groupSharedFeatures.threadedAnnotations.deleteCancel",
-		defaultMessage: "Cancel"
-	},
-	delete: {
-		id: "groupSharedFeatures.threadedAnnotations.delete",
-		defaultMessage: "Delete"
-	},
-	moreOptionsAriaLabel: {
-		id: "groupSharedFeatures.threadedAnnotations.moreOptionsAriaLabel",
-		defaultMessage: "More options button"
-	},
-	cancelDeleteButtonAriaLabel: {
-		id: "groupSharedFeatures.threadedAnnotations.cancelDeleteButtonAriaLabel",
-		defaultMessage: "Cancel delete button"
-	},
-	copyLink: {
-		id: "groupSharedFeatures.threadedAnnotations.copyLink",
-		defaultMessage: "Copy link"
-	},
-	deleteButtonAriaLabel: {
-		id: "groupSharedFeatures.threadedAnnotations.deleteButtonAriaLabel",
-		defaultMessage: "Delete button"
-	},
-	edit: {
-		id: "groupSharedFeatures.threadedAnnotations.edit",
-		defaultMessage: "Edit"
-	},
-	resolveButtonAriaLabel: {
-		id: "groupSharedFeatures.threadedAnnotations.resolveButtonAriaLabel",
-		defaultMessage: "Resolve"
-	},
-	unresolveButtonAriaLabel: {
-		id: "groupSharedFeatures.threadedAnnotations.unresolveButtonAriaLabel",
-		defaultMessage: "Unresolve"
-	}
-});
-export { t as default };
+import{defineMessages}from"react-intl";var messages=defineMessages({deleteConfirmation:{id:`groupSharedFeatures.threadedAnnotations.deleteConfirmation`,defaultMessage:`Delete confirmation`},deleteQuestion:{id:`groupSharedFeatures.threadedAnnotations.deleteQuestion`,defaultMessage:`Delete this {type, select, annotation {annotation} other {comment}}{hasReplies, select, true { and replies} other {}}?
+This action can't be undone.`},deleteCancel:{id:`groupSharedFeatures.threadedAnnotations.deleteCancel`,defaultMessage:`Cancel`},delete:{id:`groupSharedFeatures.threadedAnnotations.delete`,defaultMessage:`Delete`},moreOptionsAriaLabel:{id:`groupSharedFeatures.threadedAnnotations.moreOptionsAriaLabel`,defaultMessage:`More options button`},cancelDeleteButtonAriaLabel:{id:`groupSharedFeatures.threadedAnnotations.cancelDeleteButtonAriaLabel`,defaultMessage:`Cancel delete button`},copyLink:{id:`groupSharedFeatures.threadedAnnotations.copyLink`,defaultMessage:`Copy link`},deleteButtonAriaLabel:{id:`groupSharedFeatures.threadedAnnotations.deleteButtonAriaLabel`,defaultMessage:`Delete button`},edit:{id:`groupSharedFeatures.threadedAnnotations.edit`,defaultMessage:`Edit`},resolveButtonAriaLabel:{id:`groupSharedFeatures.threadedAnnotations.resolveButtonAriaLabel`,defaultMessage:`Resolve`},unresolveButtonAriaLabel:{id:`groupSharedFeatures.threadedAnnotations.unresolveButtonAriaLabel`,defaultMessage:`Unresolve`}});export{messages as default};

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,2 +1 @@
-var e = 450;
-export { e as COMMENT_TRUNCATION_THRESHOLD };
+var COMMENT_TRUNCATION_THRESHOLD=450;export{COMMENT_TRUNCATION_THRESHOLD};

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

@@ -1,32 +1 @@
-import { defineMessages as e } from "react-intl";
-var t = e({
-	annotationMessageAriaLabel: {
-		id: "groupSharedFeatures.threadedAnnotations.annotationMessageAriaLabel",
-		defaultMessage: "Annotation message"
-	},
-	edited: {
-		id: "groupSharedFeatures.threadedAnnotations.edited",
-		defaultMessage: "(Edited)"
-	},
-	editedTooltip: {
-		id: "groupSharedFeatures.threadedAnnotations.editedTooltip",
-		defaultMessage: "Edited {time}"
-	},
-	reply: {
-		id: "groupSharedFeatures.threadedAnnotations.reply",
-		defaultMessage: "Reply"
-	},
-	replyButtonAriaLabel: {
-		id: "groupSharedFeatures.threadedAnnotations.replyButtonAriaLabel",
-		defaultMessage: "Reply button"
-	},
-	seeMore: {
-		id: "groupSharedFeatures.threadedAnnotations.seeMore",
-		defaultMessage: "See More"
-	},
-	textMessageAriaLabel: {
-		id: "groupSharedFeatures.threadedAnnotations.textMessageAriaLabel",
-		defaultMessage: "Message text"
-	}
-});
-export { t as default };
+import{defineMessages}from"react-intl";var messages=defineMessages({annotationMessageAriaLabel:{id:`groupSharedFeatures.threadedAnnotations.annotationMessageAriaLabel`,defaultMessage:`Annotation message`},edited:{id:`groupSharedFeatures.threadedAnnotations.edited`,defaultMessage:`(Edited)`},editedTooltip:{id:`groupSharedFeatures.threadedAnnotations.editedTooltip`,defaultMessage:`Edited {time}`},reply:{id:`groupSharedFeatures.threadedAnnotations.reply`,defaultMessage:`Reply`},replyButtonAriaLabel:{id:`groupSharedFeatures.threadedAnnotations.replyButtonAriaLabel`,defaultMessage:`Reply button`},seeMore:{id:`groupSharedFeatures.threadedAnnotations.seeMore`,defaultMessage:`See More`},textMessageAriaLabel:{id:`groupSharedFeatures.threadedAnnotations.textMessageAriaLabel`,defaultMessage:`Message text`}});export{messages as default};

package/dist/esm/lib/components/v2/text-message/subcomponents/message-footer.js

@@ -1,64 +1 @@
-import { THREADED_ANNOTATIONS_RESIN_TARGETS as e } from "../../../../v2/resin-targets.js";
-import t from "../messages.js";
-import { t as n } from "../../../../../../chunks/text-message.module.js";
-import { Button as r, Focusable as i, Text as a, Tooltip as o } from "@box/blueprint-web";
-import { useIntl as s } from "react-intl";
-import { getReadableTime as c } from "@box/readable-time";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-var d = ({ createdAt: d, onReply: f, updatedAt: p }) => {
-	let m = s();
-	return /* @__PURE__ */ u("div", {
-		className: n.messageFooter,
-		children: [
-			/* @__PURE__ */ l(o, {
-				content: c({
-					alwaysShowTime: !0,
-					intl: m,
-					relativeThreshold: 0,
-					timestamp: d
-				}),
-				children: /* @__PURE__ */ l(i, {
-					className: n.readableTimeWrapper,
-					"data-no-expand": !0,
-					children: /* @__PURE__ */ l(a, {
-						as: "span",
-						color: "textOnLightSecondary",
-						variant: "bodySmall",
-						children: c({
-							intl: m,
-							timestamp: d
-						})
-					})
-				})
-			}),
-			p !== void 0 && /* @__PURE__ */ l(o, {
-				content: m.formatMessage(t.editedTooltip, { time: c({
-					alwaysShowTime: !0,
-					intl: m,
-					relativeThreshold: 0,
-					timestamp: p
-				}) }),
-				children: /* @__PURE__ */ l(i, {
-					"data-no-expand": !0,
-					children: /* @__PURE__ */ l(a, {
-						as: "span",
-						color: "textOnLightSecondary",
-						variant: "bodySmall",
-						children: m.formatMessage(t.edited)
-					})
-				})
-			}),
-			f && /* @__PURE__ */ l(r, {
-				"aria-label": m.formatMessage(t.replyButtonAriaLabel),
-				className: n.replyButton,
-				"data-no-expand": !0,
-				"data-resin-target": e.COMMENT_REPLY,
-				size: "x-small",
-				variant: "quaternary",
-				onClick: f,
-				children: m.formatMessage(t.reply)
-			})
-		]
-	});
-};
-export { d as MessageFooter };
+import{THREADED_ANNOTATIONS_RESIN_TARGETS}from"../../../../v2/resin-targets.js";import messages from"../messages.js";import{t as text_message_module_default}from"../../../../../../chunks/text-message.module.js";import{Button,Focusable,Text,Tooltip}from"@box/blueprint-web";import{useIntl}from"react-intl";import{getReadableTime}from"@box/readable-time";import{jsx,jsxs}from"react/jsx-runtime";var MessageFooter=({createdAt,onReply,updatedAt})=>{let intl=useIntl();return jsxs(`div`,{className:text_message_module_default.messageFooter,children:[jsx(Tooltip,{content:getReadableTime({alwaysShowTime:!0,intl,relativeThreshold:0,timestamp:createdAt}),children:jsx(Focusable,{className:text_message_module_default.readableTimeWrapper,"data-no-expand":!0,children:jsx(Text,{as:`span`,color:`textOnLightSecondary`,variant:`bodySmall`,children:getReadableTime({intl,timestamp:createdAt})})})}),updatedAt!==void 0&&jsx(Tooltip,{content:intl.formatMessage(messages.editedTooltip,{time:getReadableTime({alwaysShowTime:!0,intl,relativeThreshold:0,timestamp:updatedAt})}),children:jsx(Focusable,{"data-no-expand":!0,children:jsx(Text,{as:`span`,color:`textOnLightSecondary`,variant:`bodySmall`,children:intl.formatMessage(messages.edited)})})}),onReply&&jsx(Button,{"aria-label":intl.formatMessage(messages.replyButtonAriaLabel),className:text_message_module_default.replyButton,"data-no-expand":!0,"data-resin-target":THREADED_ANNOTATIONS_RESIN_TARGETS.COMMENT_REPLY,size:`x-small`,variant:`quaternary`,onClick:onReply,children:intl.formatMessage(messages.reply)})]})};export{MessageFooter};

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

@@ -1,87 +1 @@
-import { t as e } from "../../../../../../chunks/mention-component.js";
-import t from "../messages.js";
-import { t as n } from "../../../../../../chunks/text-message.module.js";
-import "../constants.js";
-import { splitTextIntoSegments as r } from "./url-segments.js";
-import { getDocumentLength as i, truncateDocument as a } from "./truncate-document.js";
-import { Link as o, Text as s, TextButton as c } from "@box/blueprint-web";
-import { useState as l } from "react";
-import { useIntl as u } from "react-intl";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
-var p = ({ node: t, index: n, paragraphIndex: r }) => {
-	let i = `mention-${t.attrs.mentionedUserId}-${r}-${n}`;
-	return /* @__PURE__ */ d(e, {
-		authorId: t.attrs.authorId,
-		mentionedUserEmail: t.attrs.mentionedUserEmail,
-		mentionedUserId: t.attrs.mentionedUserId,
-		mentionedUserName: t.attrs.mentionedUserName,
-		mentionId: t.attrs.mentionId
-	}, i);
-}, m = (e) => {
-	e.currentTarget.closest("[data-thread-expandable]") && e.preventDefault();
-}, h = ({ node: e, index: n, paragraphIndex: i, intl: a }) => {
-	let c = `text-${e.text.substring(0, 20)}-${i}-${n}`, l = r(e.text);
-	return /* @__PURE__ */ d(s, {
-		"aria-label": a.formatMessage(t.textMessageAriaLabel),
-		as: "span",
-		color: "textOnLightDefault",
-		variant: "bodyDefault",
-		children: l.map((e, t) => e.type === "url" ? /* @__PURE__ */ d(o, {
-			href: e.value,
-			inheritFont: !0,
-			rel: "noopener noreferrer",
-			target: "_blank",
-			onClick: m,
-			children: e.value
-		}, `${c}-segment-${t}`) : e.value)
-	}, c);
-}, g = ({ content: e, paragraphIndex: t, intl: n }) => e.map((e, r) => {
-	switch (e.type) {
-		case "mention": return p({
-			node: e,
-			index: r,
-			paragraphIndex: t
-		});
-		case "text": return h({
-			node: e,
-			index: r,
-			paragraphIndex: t,
-			intl: n
-		});
-		default: return [];
-	}
-}), _ = ({ paragraph: e, index: t, intl: n, inlineSuffix: r }) => {
-	let i = e.content || [], a = `paragraph-${t}`;
-	return /* @__PURE__ */ f(s, {
-		as: "p",
-		variant: "bodyDefault",
-		children: [i.length > 0 ? g({
-			content: i,
-			paragraphIndex: t,
-			intl: n
-		}) : /* @__PURE__ */ d("br", {}), r]
-	}, a);
-}, v = ({ messageObject: e }) => {
-	let r = u(), [o, s] = l(!1);
-	if (!e.content || e.content.length === 0) return null;
-	let f = i(e), p = !o && f > 450, m = p ? a(e, 450) : e, h = m.content.length - 1;
-	for (let e = m.content.length - 1; e >= 0; --e) if ((m.content[e].content?.length ?? 0) > 0) {
-		h = e;
-		break;
-	}
-	let g = p ? /* @__PURE__ */ d(c, {
-		className: n.seeMoreButton,
-		color: "textOnLightLink",
-		"data-no-expand": !0,
-		onClick: () => s(!0),
-		variant: "bodyDefaultBold",
-		children: r.formatMessage(t.seeMore)
-	}) : null;
-	return m.content.map((e, t) => _({
-		paragraph: e,
-		index: t,
-		intl: r,
-		inlineSuffix: t === h ? g : null
-	}));
-};
-export { v as MessageRenderer };
+import{t as MentionComponent}from"../../../../../../chunks/mention-component.js";import messages from"../messages.js";import{t as text_message_module_default}from"../../../../../../chunks/text-message.module.js";import"../constants.js";import{splitTextIntoSegments}from"./url-segments.js";import{getDocumentLength,truncateDocument}from"./truncate-document.js";import{Link,Text,TextButton}from"@box/blueprint-web";import{useState}from"react";import{useIntl}from"react-intl";import{jsx,jsxs}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)},handleMessageLinkClick=event=>{event.currentTarget.closest(`[data-thread-expandable]`)&&event.preventDefault()},renderTextNode=({node,index,paragraphIndex,intl})=>{let key=`text-${node.text.substring(0,20)}-${paragraphIndex}-${index}`,segments=splitTextIntoSegments(node.text);return jsx(Text,{"aria-label":intl.formatMessage(messages.textMessageAriaLabel),as:`span`,color:`textOnLightDefault`,variant:`bodyDefault`,children:segments.map((segment,segmentIndex)=>segment.type===`url`?jsx(Link,{href:segment.value,inheritFont:!0,rel:`noopener noreferrer`,target:`_blank`,onClick:handleMessageLinkClick,children:segment.value},`${key}-segment-${segmentIndex}`):segment.value)},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,inlineSuffix})=>{let content=paragraph.content||[],key=`paragraph-${index}`;return jsxs(Text,{as:`p`,variant:`bodyDefault`,children:[content.length>0?renderParagraphContent({content,paragraphIndex:index,intl}):jsx(`br`,{}),inlineSuffix]},key)},MessageRenderer=({messageObject})=>{let intl=useIntl(),[isExpanded,setIsExpanded]=useState(!1);if(!messageObject.content||messageObject.content.length===0)return null;let totalLength=getDocumentLength(messageObject),isTruncated=!isExpanded&&totalLength>450,documentToRender=isTruncated?truncateDocument(messageObject,450):messageObject,suffixAnchorIndex=documentToRender.content.length-1;for(let i=documentToRender.content.length-1;i>=0;--i)if((documentToRender.content[i].content?.length??0)>0){suffixAnchorIndex=i;break}let seeMoreButton=isTruncated?jsx(TextButton,{className:text_message_module_default.seeMoreButton,color:`textOnLightLink`,"data-no-expand":!0,onClick:()=>setIsExpanded(!0),variant:`bodyDefaultBold`,children:intl.formatMessage(messages.seeMore)}):null;return documentToRender.content.map((paragraph,index)=>renderParagraphNode({paragraph,index,intl,inlineSuffix:index===suffixAnchorIndex?seeMoreButton:null}))};export{MessageRenderer};

package/dist/esm/lib/components/v2/text-message/subcomponents/truncate-document.js

@@ -1,113 +1 @@
-import { splitTextIntoSegments as e } from "./url-segments.js";
-var t = "…", n = (e) => `@${e.attrs.mentionedUserName}`.length, r = (e) => {
-	let t = 0;
-	for (let r of e.content) for (let e of r.content || []) e.type === "text" ? t += e.text.length : e.type === "mention" && (t += n(e));
-	return t;
-}, i = (t) => {
-	let n = [];
-	return t.content.forEach((t, r) => {
-		r > 0 && n.push({
-			kind: "paragraph-break",
-			sourceParagraph: t
-		});
-		for (let r of t.content || []) if (r.type === "mention") n.push({
-			kind: "mention",
-			node: r
-		});
-		else if (r.type === "text") for (let t of e(r.text)) n.push({
-			kind: t.type,
-			value: t.value,
-			sourceNode: r
-		});
-	}), n;
-}, a = (e, t) => {
-	let r = [], i = [], a = t, o = (e) => {
-		r.push(...i, e), i.length = 0;
-	};
-	for (let t of e) if (t.kind === "paragraph-break") i.push(t);
-	else if (a <= 0) return {
-		collected: r,
-		truncated: !0
-	};
-	else if (t.kind === "mention") {
-		let e = n(t.node);
-		if (e > a) return {
-			collected: r,
-			truncated: !0
-		};
-		o(t), a -= e;
-	} else if (t.kind === "url") {
-		if (t.value.length > a) return {
-			collected: r,
-			truncated: !0
-		};
-		o(t), a -= t.value.length;
-	} else if (t.value.length <= a) o(t), a -= t.value.length;
-	else return o({
-		...t,
-		value: t.value.slice(0, a)
-	}), {
-		collected: r,
-		truncated: !0
-	};
-	return {
-		collected: r,
-		truncated: !1
-	};
-}, o = (e, t) => {
-	let n = [], r = [], i = t, a = null, o = () => {
-		n.push({
-			...i,
-			content: r
-		}), r = [], a = null;
-	};
-	for (let t of e) if (t.kind === "paragraph-break") o(), i = t.sourceParagraph;
-	else if (t.kind === "mention") r.push(t.node), a = null;
-	else if (a === t.sourceNode) {
-		let e = r[r.length - 1];
-		r[r.length - 1] = {
-			...e,
-			text: e.text + t.value
-		};
-	} else r.push({
-		...t.sourceNode,
-		text: t.value
-	}), a = t.sourceNode;
-	return o(), n;
-}, s = (e) => {
-	let n = -1;
-	for (let t = e.length - 1; t >= 0; --t) if ((e[t].content?.length ?? 0) > 0) {
-		n = t;
-		break;
-	}
-	if (n === -1) return [...e, {
-		type: "paragraph",
-		content: [{
-			type: "text",
-			text: t
-		}]
-	}];
-	let r = e[n].content || [], i = r[r.length - 1], a;
-	if (i?.type === "text") {
-		if (i.text.endsWith(t)) return e;
-		a = [...r.slice(0, -1), {
-			...i,
-			text: `${i.text}${t}`
-		}];
-	} else a = [...r, {
-		type: "text",
-		text: t
-	}];
-	return e.map((e, t) => t === n ? {
-		...e,
-		content: a
-	} : e);
-}, c = (e, t) => {
-	if (e.content.length === 0) return e;
-	let { collected: n, truncated: r } = a(i(e), t), c = o(n, e.content[0]), l = r ? s(c) : c;
-	return {
-		...e,
-		content: l
-	};
-};
-export { r as getDocumentLength, c as truncateDocument };
+import{splitTextIntoSegments}from"./url-segments.js";var TRUNCATION_ELLIPSIS=`…`,getMentionDisplayLength=node=>`@${node.attrs.mentionedUserName}`.length,getDocumentLength=document=>{let total=0;for(let paragraph of document.content)for(let node of paragraph.content||[])node.type===`text`?total+=node.text.length:node.type===`mention`&&(total+=getMentionDisplayLength(node));return total},flattenDocument=document=>{let atoms=[];return document.content.forEach((paragraph,paragraphIndex)=>{paragraphIndex>0&&atoms.push({kind:`paragraph-break`,sourceParagraph:paragraph});for(let node of paragraph.content||[])if(node.type===`mention`)atoms.push({kind:`mention`,node});else if(node.type===`text`)for(let segment of splitTextIntoSegments(node.text))atoms.push({kind:segment.type,value:segment.value,sourceNode:node})}),atoms},collectAtomsWithinThreshold=(atoms,threshold)=>{let collected=[],pendingBreaks=[],remaining=threshold,accept=atom=>{collected.push(...pendingBreaks,atom),pendingBreaks.length=0};for(let atom of atoms)if(atom.kind===`paragraph-break`)pendingBreaks.push(atom);else if(remaining<=0)return{collected,truncated:!0};else if(atom.kind===`mention`){let length=getMentionDisplayLength(atom.node);if(length>remaining)return{collected,truncated:!0};accept(atom),remaining-=length}else if(atom.kind===`url`){if(atom.value.length>remaining)return{collected,truncated:!0};accept(atom),remaining-=atom.value.length}else if(atom.value.length<=remaining)accept(atom),remaining-=atom.value.length;else return accept({...atom,value:atom.value.slice(0,remaining)}),{collected,truncated:!0};return{collected,truncated:!1}},reassembleParagraphs=(atoms,firstParagraph)=>{let paragraphs=[],currentNodes=[],currentSource=firstParagraph,lastTextSourceNode=null,flushParagraph=()=>{paragraphs.push({...currentSource,content:currentNodes}),currentNodes=[],lastTextSourceNode=null};for(let atom of atoms)if(atom.kind===`paragraph-break`)flushParagraph(),currentSource=atom.sourceParagraph;else if(atom.kind===`mention`)currentNodes.push(atom.node),lastTextSourceNode=null;else if(lastTextSourceNode===atom.sourceNode){let previousTextNode=currentNodes[currentNodes.length-1];currentNodes[currentNodes.length-1]={...previousTextNode,text:previousTextNode.text+atom.value}}else currentNodes.push({...atom.sourceNode,text:atom.value}),lastTextSourceNode=atom.sourceNode;return flushParagraph(),paragraphs},withTruncationEllipsis=paragraphs=>{let lastNonEmptyIndex=-1;for(let i=paragraphs.length-1;i>=0;--i)if((paragraphs[i].content?.length??0)>0){lastNonEmptyIndex=i;break}if(lastNonEmptyIndex===-1)return[...paragraphs,{type:`paragraph`,content:[{type:`text`,text:TRUNCATION_ELLIPSIS}]}];let targetContent=paragraphs[lastNonEmptyIndex].content||[],lastChild=targetContent[targetContent.length-1],updatedContent;if(lastChild?.type===`text`){if(lastChild.text.endsWith(TRUNCATION_ELLIPSIS))return paragraphs;updatedContent=[...targetContent.slice(0,-1),{...lastChild,text:`${lastChild.text}${TRUNCATION_ELLIPSIS}`}]}else updatedContent=[...targetContent,{type:`text`,text:TRUNCATION_ELLIPSIS}];return paragraphs.map((paragraph,index)=>index===lastNonEmptyIndex?{...paragraph,content:updatedContent}:paragraph)},truncateDocument=(document,threshold)=>{if(document.content.length===0)return document;let{collected,truncated}=collectAtomsWithinThreshold(flattenDocument(document),threshold),paragraphs=reassembleParagraphs(collected,document.content[0]),finalParagraphs=truncated?withTruncationEllipsis(paragraphs):paragraphs;return{...document,content:finalParagraphs}};export{getDocumentLength,truncateDocument};

package/dist/esm/lib/components/v2/text-message/subcomponents/url-segments.js

@@ -1,38 +1 @@
-var e = /((?:(?:ht|f)tps?:\/\/)[\w.-]+(?::\d+)?(?:\/[\w\-.~+/#?&%=:[\]@!$'()*;,]*)?)/gi, t = /[.,;:!?。、！？；：，،؛؟]/, n = {
-	")": "(",
-	"]": "[",
-	"）": "（",
-	"】": "【",
-	"」": "「",
-	"』": "『"
-}, r = (e) => {
-	let r = e[e.length - 1];
-	if (t.test(r)) return !0;
-	let i = n[r];
-	if (i) {
-		let t = e.split(i).length - 1;
-		return e.split(r).length - 1 > t;
-	}
-	return !1;
-}, i = (e) => {
-	let t = e;
-	for (; t.length > 0 && r(t);) t = t.slice(0, -1);
-	return t;
-}, a = (t) => {
-	let n = Array.from(t.matchAll(e)).filter((e) => e.index !== void 0), r = [], a = 0;
-	for (let e of n) {
-		let n = e.index, o = i(e[0]), s = n + o.length;
-		n > a && r.push({
-			type: "text",
-			value: t.slice(a, n)
-		}), r.push({
-			type: "url",
-			value: o
-		}), a = s;
-	}
-	return a < t.length && r.push({
-		type: "text",
-		value: t.slice(a)
-	}), r;
-};
-export { e as URL_REGEX, a as splitTextIntoSegments, i as trimTrailingChars };
+var URL_REGEX=/((?:(?:ht|f)tps?:\/\/)[\w.-]+(?::\d+)?(?:\/[\w\-.~+/#?&%=:[\]@!$'()*;,]*)?)/gi,SENTENCE_PUNCTUATION=/[.,;:!?。、！？；：，،؛؟]/,BRACKET_PAIRS={")":`(`,"]":`[`,"）":`（`,"】":`【`,"」":`「`,"』":`『`},shouldTrimLastChar=url=>{let lastChar=url[url.length-1];if(SENTENCE_PUNCTUATION.test(lastChar))return!0;let opener=BRACKET_PAIRS[lastChar];if(opener){let openCount=url.split(opener).length-1;return url.split(lastChar).length-1>openCount}return!1},trimTrailingChars=url=>{let trimmed=url;for(;trimmed.length>0&&shouldTrimLastChar(trimmed);)trimmed=trimmed.slice(0,-1);return trimmed},splitTextIntoSegments=text=>{let matches=Array.from(text.matchAll(URL_REGEX)).filter(match=>match.index!==void 0),segments=[],cursor=0;for(let match of matches){let matchStart=match.index,url=trimTrailingChars(match[0]),matchEnd=matchStart+url.length;matchStart>cursor&&segments.push({type:`text`,value:text.slice(cursor,matchStart)}),segments.push({type:`url`,value:url}),cursor=matchEnd}return cursor<text.length&&segments.push({type:`text`,value:text.slice(cursor)}),segments};export{URL_REGEX,splitTextIntoSegments,trimTrailingChars};

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

@@ -1,79 +1 @@
-import { THREADED_ANNOTATIONS_RESIN_COMPONENTS as e } from "../../../v2/resin-targets.js";
-import { MessageEditorVariant as t } from "../message-editor/message-editor.types.js";
-import { MessageEditor as n } from "../message-editor/message-editor.js";
-import { useThreadedAnnotationsContext as r } from "../../../v2/threaded-annotations-context.js";
-import { t as i } from "../../../../../chunks/annotation-badge.js";
-import { MessageHeader as a } from "../message-header/message-header.js";
-import o from "./messages.js";
-import { t as s } from "../../../../../chunks/text-message.module.js";
-import { MessageFooter as c } from "./subcomponents/message-footer.js";
-import { MessageRenderer as l } from "./subcomponents/message-renderer.js";
-import u from "clsx";
-import { useIntl as d } from "react-intl";
-import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
-var h = ({ id: h, author: g, message: _, createdAt: v, updatedAt: y, permissions: b, showThreadedIndicator: x = !0, isResolved: S = !1, isFirstMessage: C = !1, hasReplies: w = !1, maxCharacterCount: T, onAvatarClick: E, onCopyLink: D, onDelete: O, onThreadDelete: k, onEdit: A, onEditError: j, onResolve: M, onUnresolve: N, userSelectorProps: P, annotationTarget: F, onAnnotationBadgeClick: I, originalContentDeleted: L }) => {
-	let { canResolve: R, canEdit: z, canDelete: B } = b, V = d(), { dispatch: H, isReplyDisabled: U, isEditDisabled: W, isAnnotations: G, editingMessageId: K } = r(), q = K === h, J = !!A && !W && z;
-	return /* @__PURE__ */ m("div", {
-		"aria-label": V.formatMessage(o.annotationMessageAriaLabel),
-		className: s.textMessage,
-		"data-message-wrapper": !0,
-		"data-message-id": h,
-		"data-resin-component": e.COMMENT_CARD,
-		children: [/* @__PURE__ */ p(a, {
-			author: g,
-			canResolve: R,
-			isResolved: S,
-			canDelete: B,
-			canEdit: J,
-			hasReplies: w,
-			isFirstMessage: C,
-			onAvatarClick: E,
-			onCopyLink: D ? () => D(h) : void 0,
-			onDelete: () => O(h),
-			onThreadDelete: k,
-			onEdit: J ? () => H({
-				type: "EDIT",
-				id: h
-			}) : void 0,
-			onResolve: M ? () => M(h) : void 0,
-			onUnresolve: N ? () => N(h) : void 0
-		}), /* @__PURE__ */ m("div", {
-			className: s.contentWrapper,
-			children: [/* @__PURE__ */ p("div", { className: u(s.threadedIndicator, !x && s.threadedIndicatorHidden) }), /* @__PURE__ */ m("div", {
-				className: s.messageContent,
-				children: [F && !G && /* @__PURE__ */ p("div", {
-					className: s.annotationBadgeWrapper,
-					children: /* @__PURE__ */ p(i, {
-						annotationTarget: F,
-						onClick: () => I?.(h),
-						originalContentDeleted: L
-					})
-				}), q && A ? /* @__PURE__ */ p("div", {
-					className: s.inlineEditSlot,
-					children: /* @__PURE__ */ p(n, {
-						initialContent: _,
-						maxCharacterCount: T,
-						onEditCancel: () => H({ type: "CLEAR_EDIT" }),
-						onEditSuccess: () => H({ type: "CLEAR_EDIT" }),
-						onSave: (e) => A(h, e),
-						onSaveError: j,
-						userSelectorProps: P,
-						variant: t.EDIT_MESSAGE
-					})
-				}) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("div", {
-					className: s.rendererWrapper,
-					"data-message-body": !0,
-					children: /* @__PURE__ */ p(l, { messageObject: _ })
-				}), /* @__PURE__ */ p(c, {
-					createdAt: v,
-					onReply: U ? void 0 : () => H({
-						type: "REPLY",
-						author: g
-					}),
-					updatedAt: y
-				})] })]
-			})]
-		})]
-	});
-};
-export { h as TextMessage };
+import{THREADED_ANNOTATIONS_RESIN_COMPONENTS}from"../../../v2/resin-targets.js";import{MessageEditorVariant}from"../message-editor/message-editor.types.js";import{MessageEditor}from"../message-editor/message-editor.js";import{useThreadedAnnotationsContext}from"../../../v2/threaded-annotations-context.js";import{t as AnnotationBadge}from"../../../../../chunks/annotation-badge.js";import{MessageHeader}from"../message-header/message-header.js";import messages from"./messages.js";import{t as text_message_module_default}from"../../../../../chunks/text-message.module.js";import{MessageFooter}from"./subcomponents/message-footer.js";import{MessageRenderer}from"./subcomponents/message-renderer.js";import clsx from"clsx";import{useIntl}from"react-intl";import{Fragment,jsx,jsxs}from"react/jsx-runtime";var TextMessage=({id,author,message,createdAt,updatedAt,permissions,showThreadedIndicator=!0,isResolved=!1,isFirstMessage=!1,hasReplies=!1,maxCharacterCount,onAvatarClick,onCopyLink,onDelete,onThreadDelete,onEdit,onEditError,onResolve,onUnresolve,userSelectorProps,annotationTarget,onAnnotationBadgeClick,originalContentDeleted})=>{let{canResolve,canEdit,canDelete}=permissions,intl=useIntl(),{dispatch,isReplyDisabled,isEditDisabled,isAnnotations,editingMessageId}=useThreadedAnnotationsContext(),isEditing=editingMessageId===id,canOpenEdit=!!onEdit&&!isEditDisabled&&canEdit;return jsxs(`div`,{"aria-label":intl.formatMessage(messages.annotationMessageAriaLabel),className:text_message_module_default.textMessage,"data-message-wrapper":!0,"data-message-id":id,"data-resin-component":THREADED_ANNOTATIONS_RESIN_COMPONENTS.COMMENT_CARD,children:[jsx(MessageHeader,{author,canResolve,isResolved,canDelete,canEdit:canOpenEdit,hasReplies,isFirstMessage,onAvatarClick,onCopyLink:onCopyLink?()=>onCopyLink(id):void 0,onDelete:()=>onDelete(id),onThreadDelete,onEdit:canOpenEdit?()=>dispatch({type:`EDIT`,id}):void 0,onResolve:onResolve?()=>onResolve(id):void 0,onUnresolve:onUnresolve?()=>onUnresolve(id):void 0}),jsxs(`div`,{className:text_message_module_default.contentWrapper,children:[jsx(`div`,{className:clsx(text_message_module_default.threadedIndicator,!showThreadedIndicator&&text_message_module_default.threadedIndicatorHidden)}),jsxs(`div`,{className:text_message_module_default.messageContent,children:[annotationTarget&&!isAnnotations&&jsx(`div`,{className:text_message_module_default.annotationBadgeWrapper,children:jsx(AnnotationBadge,{annotationTarget,onClick:()=>onAnnotationBadgeClick?.(id),originalContentDeleted})}),isEditing&&onEdit?jsx(`div`,{className:text_message_module_default.inlineEditSlot,children:jsx(MessageEditor,{initialContent:message,maxCharacterCount,onEditCancel:()=>dispatch({type:`CLEAR_EDIT`}),onEditSuccess:()=>dispatch({type:`CLEAR_EDIT`}),onSave:content=>onEdit(id,content),onSaveError:onEditError,userSelectorProps,variant:MessageEditorVariant.EDIT_MESSAGE})}):jsxs(Fragment,{children:[jsx(`div`,{className:text_message_module_default.rendererWrapper,"data-message-body":!0,children:jsx(MessageRenderer,{messageObject:message})}),jsx(MessageFooter,{createdAt,onReply:isReplyDisabled?void 0:()=>dispatch({type:`REPLY`,author}),updatedAt})]})]})]})]})};export{TextMessage};

package/dist/esm/lib/components/v2/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/v2/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};