@box/threaded-annotations 4.1.9 → 4.1.10

package/dist/chunks/mention-component.js

@@ -1,106 +1 @@
-import e from "../esm/lib/messages.js";
-import { THREADED_ANNOTATIONS_PORTAL as t } from "../esm/lib/v2/constants.js";
-import { THREADED_ANNOTATIONS_RESIN_COMPONENTS as n, THREADED_ANNOTATIONS_RESIN_FEATURE as r, THREADED_ANNOTATIONS_RESIN_TARGETS as i } from "../esm/lib/v2/resin-targets.js";
-import { useMentionContext as a } from "../esm/lib/components/mention-component/mention-context.js";
-import { Text as o } from "@box/blueprint-web";
-import { useCallback as s, useEffect as c, useRef as l, useState as u } from "react";
-import { useIntl as d } from "react-intl";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
-import { CollaborationPopover as m } from "@box/collaboration-popover";
-import '../styles/mention-component.css';var h = { mention: "_mention_hc7gc_27" }, g = {
-	"data-resin-component": n.COMMENT_CARD,
-	"data-resin-feature": r
-}, _ = ({ mentionedUserName: n, mentionedUserId: r, mentionedUserEmail: _, authorId: v, mentionId: y }) => {
-	let b = d(), x = l(!1), { collaborationPopoverProps: S, getAvatarUrl: C, fetchCollaboratorState: w, fetchEmail: T, openPopoverMentionId: E, openPopoverForMentionId: D, closeAllPopovers: O } = a(), [k, A] = u(!1), [j, M] = u(!1), [N, P] = u(_);
-	c(() => {
-		P(_);
-	}, [_, r]);
-	let { onSubmit: F, onClose: I } = S, L = s(async () => {
-		if (x.current) {
-			x.current = !1;
-			return;
-		}
-		if (!j && y && r) {
-			let e = _ ?? N;
-			if (!e && T) try {
-				e = await T(r, n), P(e);
-			} catch {}
-			let t = {
-				id: Number(r),
-				name: n,
-				email: e ?? "",
-				value: r
-			}, i = !1;
-			try {
-				i = await w?.(t) ?? !1;
-			} catch {}
-			A(i), await D?.(y, t);
-		}
-	}, [
-		x,
-		j,
-		y,
-		r,
-		n,
-		_,
-		N,
-		T,
-		w,
-		D
-	]), R = () => {
-		O?.(), I?.();
-	}, z = () => {
-		j && (x.current = !0, O?.());
-	}, B = (e) => {
-		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.repeat || L());
-	}, V = (e, t) => {
-		O?.(), F?.(e, t);
-	};
-	c(() => {
-		M(E === y);
-	}, [y, E]);
-	let H = s((e) => {
-		e.key === "Escape" && O?.();
-	}, [O]);
-	return c(() => (window.addEventListener("keydown", H), () => window.removeEventListener("keydown", H)), [H]), /* @__PURE__ */ f(m, {
-		open: j,
-		...S,
-		anchor: /* @__PURE__ */ p(o, {
-			"data-no-expand": !0,
-			"aria-label": b.formatMessage(e.textMentionAriaLabel),
-			as: "span",
-			className: h.mention,
-			"data-author-id": v,
-			"data-component-type": "mention",
-			"data-mention-id": y,
-			"data-mentioned-user-email": _,
-			"data-mentioned-user-id": r,
-			"data-mentioned-user-name": n,
-			"data-resin-target": i.MENTION,
-			onClick: L,
-			onKeyDown: B,
-			onPointerDown: z,
-			role: "button",
-			tabIndex: 0,
-			variant: "bodyDefault",
-			children: ["@", n]
-		}),
-		onClose: R,
-		onSubmit: V,
-		popoverContentContainerProps: {
-			...S.popoverContentContainerProps,
-			...t,
-			...g
-		},
-		sideOffset: 0,
-		userInfo: {
-			id: r,
-			name: n,
-			email: N,
-			avatarUrl: C?.(r),
-			isCollaborator: k
-		}
-	});
-};
-_.displayName = "MentionComponent";
-export { _ as t };
+import messages from"../esm/lib/messages.js";import{THREADED_ANNOTATIONS_PORTAL}from"../esm/lib/v2/constants.js";import{THREADED_ANNOTATIONS_RESIN_COMPONENTS,THREADED_ANNOTATIONS_RESIN_FEATURE,THREADED_ANNOTATIONS_RESIN_TARGETS}from"../esm/lib/v2/resin-targets.js";import{useMentionContext}from"../esm/lib/components/mention-component/mention-context.js";import{Text}from"@box/blueprint-web";import{useCallback,useEffect,useRef,useState}from"react";import{useIntl}from"react-intl";import{jsx,jsxs}from"react/jsx-runtime";import{CollaborationPopover}from"@box/collaboration-popover";import '../styles/mention-component.css';var mention_component_module_default={mention:`_mention_hc7gc_27`},MENTION_POPOVER_RESIN_ATTRIBUTES={"data-resin-component":THREADED_ANNOTATIONS_RESIN_COMPONENTS.COMMENT_CARD,"data-resin-feature":THREADED_ANNOTATIONS_RESIN_FEATURE},MentionComponent=({mentionedUserName,mentionedUserId,mentionedUserEmail,authorId,mentionId})=>{let intl=useIntl(),suppressNextOpenRef=useRef(!1),{collaborationPopoverProps,getAvatarUrl,fetchCollaboratorState,fetchEmail,openPopoverMentionId,openPopoverForMentionId,closeAllPopovers}=useMentionContext(),[isCollaborator,setIsCollaborator]=useState(!1),[isPopoverOpen,setIsPopoverOpen]=useState(!1),[resolvedEmail,setResolvedEmail]=useState(mentionedUserEmail);useEffect(()=>{setResolvedEmail(mentionedUserEmail)},[mentionedUserEmail,mentionedUserId]);let{onSubmit,onClose}=collaborationPopoverProps,handleClick=useCallback(async()=>{if(suppressNextOpenRef.current){suppressNextOpenRef.current=!1;return}if(!isPopoverOpen&&mentionId&&mentionedUserId){let email=mentionedUserEmail??resolvedEmail;if(!email&&fetchEmail)try{email=await fetchEmail(mentionedUserId,mentionedUserName),setResolvedEmail(email)}catch{}let user={id:Number(mentionedUserId),name:mentionedUserName,email:email??``,value:mentionedUserId},collaboratorState=!1;try{collaboratorState=await fetchCollaboratorState?.(user)??!1}catch{}setIsCollaborator(collaboratorState),await openPopoverForMentionId?.(mentionId,user)}},[suppressNextOpenRef,isPopoverOpen,mentionId,mentionedUserId,mentionedUserName,mentionedUserEmail,resolvedEmail,fetchEmail,fetchCollaboratorState,openPopoverForMentionId]),handleClose=()=>{closeAllPopovers?.(),onClose?.()},handlePointerDown=()=>{isPopoverOpen&&(suppressNextOpenRef.current=!0,closeAllPopovers?.())},handleAnchorKeyDown=event=>{(event.key===`Enter`||event.key===` `)&&(event.preventDefault(),event.repeat||handleClick())},handleSubmit=(userInfo,inviteType)=>{closeAllPopovers?.(),onSubmit?.(userInfo,inviteType)};useEffect(()=>{setIsPopoverOpen(openPopoverMentionId===mentionId)},[mentionId,openPopoverMentionId]);let handleKeyDown=useCallback(event=>{event.key===`Escape`&&closeAllPopovers?.()},[closeAllPopovers]);return useEffect(()=>(window.addEventListener(`keydown`,handleKeyDown),()=>window.removeEventListener(`keydown`,handleKeyDown)),[handleKeyDown]),jsx(CollaborationPopover,{open:isPopoverOpen,...collaborationPopoverProps,anchor:jsxs(Text,{"data-no-expand":!0,"aria-label":intl.formatMessage(messages.textMentionAriaLabel),as:`span`,className:mention_component_module_default.mention,"data-author-id":authorId,"data-component-type":`mention`,"data-mention-id":mentionId,"data-mentioned-user-email":mentionedUserEmail,"data-mentioned-user-id":mentionedUserId,"data-mentioned-user-name":mentionedUserName,"data-resin-target":THREADED_ANNOTATIONS_RESIN_TARGETS.MENTION,onClick:handleClick,onKeyDown:handleAnchorKeyDown,onPointerDown:handlePointerDown,role:`button`,tabIndex:0,variant:`bodyDefault`,children:[`@`,mentionedUserName]}),onClose:handleClose,onSubmit:handleSubmit,popoverContentContainerProps:{...collaborationPopoverProps.popoverContentContainerProps,...THREADED_ANNOTATIONS_PORTAL,...MENTION_POPOVER_RESIN_ATTRIBUTES},sideOffset:0,userInfo:{id:mentionedUserId,name:mentionedUserName,email:resolvedEmail,avatarUrl:getAvatarUrl?.(mentionedUserId),isCollaborator}})};MentionComponent.displayName=`MentionComponent`;export{MentionComponent as t};

package/dist/chunks/message-editor.module.js

@@ -1,12 +1 @@
-import '../styles/message-editor.css';var e = {
-	editorDisabled: "_editorDisabled_ng6un_29",
-	editor: "_editor_ng6un_29",
-	messageEditor: "_messageEditor_ng6un_36",
-	errorMessage: "_errorMessage_ng6un_39",
-	errorText: "_errorText_ng6un_45",
-	actionsContainer: "_actionsContainer_ng6un_48",
-	editorContainer: "_editorContainer_ng6un_56",
-	editorError: "_editorError_ng6un_95",
-	anchorElement: "_anchorElement_ng6un_104"
-};
-export { e as t };
+import '../styles/message-editor.css';var message_editor_module_default={editorDisabled:`_editorDisabled_ng6un_29`,editor:`_editor_ng6un_29`,messageEditor:`_messageEditor_ng6un_36`,errorMessage:`_errorMessage_ng6un_39`,errorText:`_errorText_ng6un_45`,actionsContainer:`_actionsContainer_ng6un_48`,editorContainer:`_editorContainer_ng6un_56`,editorError:`_editorError_ng6un_95`,anchorElement:`_anchorElement_ng6un_104`};export{message_editor_module_default as t};

package/dist/chunks/message-editor2.module.js

@@ -1,29 +1 @@
-import '../styles/message-editor2.css';var e = {
-	messageEditorWrapper: "_messageEditorWrapper_1498d_29",
-	editActionsColumn: "_editActionsColumn_1498d_34",
-	editActionsRow: "_editActionsRow_1498d_41",
-	characterLimitCounter: "_characterLimitCounter_1498d_47",
-	characterLimitCounterExceeded: "_characterLimitCounterExceeded_1498d_50",
-	messageEditor: "_messageEditor_1498d_29",
-	editorEditMode: "_editorEditMode_1498d_68",
-	editorFirstAnnotation: "_editorFirstAnnotation_1498d_75",
-	editorError: "_editorError_1498d_75",
-	editorViewport: "_editorViewport_1498d_83",
-	editorContainer: "_editorContainer_1498d_89",
-	editor: "_editor_1498d_68",
-	editorFade: "_editorFade_1498d_149",
-	editorFadeHidden: "_editorFadeHidden_1498d_160",
-	editorFullWidth: "_editorFullWidth_1498d_163",
-	actionsWrapper: "_actionsWrapper_1498d_167",
-	actionsWrapperInner: "_actionsWrapperInner_1498d_177",
-	timestampToggle: "_timestampToggle_1498d_184",
-	errorMessage: "_errorMessage_1498d_187",
-	errorText: "_errorText_1498d_196",
-	editorHasScroll: "_editorHasScroll_1498d_205",
-	editorCharacterLimitExceeded: "_editorCharacterLimitExceeded_1498d_216",
-	characterLimitExceeded: "_characterLimitExceeded_1498d_238",
-	scrolledToBottom: "_scrolledToBottom_1498d_241",
-	anchorElement: "_anchorElement_1498d_245",
-	withTimestampToggle: "_withTimestampToggle_1498d_254"
-};
-export { e as t };
+import '../styles/message-editor2.css';var message_editor_module_default={messageEditorWrapper:`_messageEditorWrapper_1498d_29`,editActionsColumn:`_editActionsColumn_1498d_34`,editActionsRow:`_editActionsRow_1498d_41`,characterLimitCounter:`_characterLimitCounter_1498d_47`,characterLimitCounterExceeded:`_characterLimitCounterExceeded_1498d_50`,messageEditor:`_messageEditor_1498d_29`,editorEditMode:`_editorEditMode_1498d_68`,editorFirstAnnotation:`_editorFirstAnnotation_1498d_75`,editorError:`_editorError_1498d_75`,editorViewport:`_editorViewport_1498d_83`,editorContainer:`_editorContainer_1498d_89`,editor:`_editor_1498d_68`,editorFade:`_editorFade_1498d_149`,editorFadeHidden:`_editorFadeHidden_1498d_160`,editorFullWidth:`_editorFullWidth_1498d_163`,actionsWrapper:`_actionsWrapper_1498d_167`,actionsWrapperInner:`_actionsWrapperInner_1498d_177`,timestampToggle:`_timestampToggle_1498d_184`,errorMessage:`_errorMessage_1498d_187`,errorText:`_errorText_1498d_196`,editorHasScroll:`_editorHasScroll_1498d_205`,editorCharacterLimitExceeded:`_editorCharacterLimitExceeded_1498d_216`,characterLimitExceeded:`_characterLimitExceeded_1498d_238`,scrolledToBottom:`_scrolledToBottom_1498d_241`,anchorElement:`_anchorElement_1498d_245`,withTimestampToggle:`_withTimestampToggle_1498d_254`};export{message_editor_module_default as t};

package/dist/chunks/message-header.js

@@ -1,49 +1 @@
-import { UserAvatarButton as e } from "../esm/lib/components/user-avatar/user-avatar.js";
-import { t } from "./delete-annotations-message-popover.js";
-import { Text as n } from "@box/blueprint-web";
-import { useState as r } from "react";
-import { ReadableTime as i } from "@box/readable-time";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import '../styles/message-header.css';var s = {
-	headerContainer: "_headerContainer_18dlz_29",
-	information: "_information_18dlz_37",
-	textContainer: "_textContainer_18dlz_44",
-	author: "_author_18dlz_52",
-	deleteAction: "_deleteAction_18dlz_58"
-}, c = ({ author: c, createdAt: l, isDeleteAllowed: u = !0, onAvatarClick: d, onDelete: f }) => {
-	let [p, m] = r(!1);
-	return /* @__PURE__ */ o("div", {
-		className: s.headerContainer,
-		children: [/* @__PURE__ */ o("div", {
-			className: s.information,
-			children: [/* @__PURE__ */ a(e, {
-				onClick: d,
-				user: c
-			}), /* @__PURE__ */ o("div", {
-				className: s.textContainer,
-				children: [/* @__PURE__ */ a(n, {
-					as: "p",
-					className: s.author,
-					color: "textOnLightDefault",
-					variant: "bodyDefaultBold",
-					children: c.name
-				}), /* @__PURE__ */ a(i, {
-					textProps: {
-						as: "span",
-						variant: "caption",
-						color: "textOnLightSecondary"
-					},
-					timestamp: l
-				})]
-			})]
-		}), u && /* @__PURE__ */ a("div", {
-			className: s.deleteAction,
-			"data-state": p ? "open" : "closed",
-			children: /* @__PURE__ */ a(t, {
-				onDelete: f,
-				onOpenChange: m
-			})
-		})]
-	});
-};
-export { c as t };
+import{UserAvatarButton}from"../esm/lib/components/user-avatar/user-avatar.js";import{t as DeleteAnnotationMessagePopover}from"./delete-annotations-message-popover.js";import{Text}from"@box/blueprint-web";import{useState}from"react";import{ReadableTime}from"@box/readable-time";import{jsx,jsxs}from"react/jsx-runtime";import '../styles/message-header.css';var message_header_module_default={headerContainer:`_headerContainer_18dlz_29`,information:`_information_18dlz_37`,textContainer:`_textContainer_18dlz_44`,author:`_author_18dlz_52`,deleteAction:`_deleteAction_18dlz_58`},MessageHeader=({author,createdAt,isDeleteAllowed=!0,onAvatarClick,onDelete})=>{let[isPopoverOpen,setIsPopoverOpen]=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}),jsxs(`div`,{className:message_header_module_default.textContainer,children:[jsx(Text,{as:`p`,className:message_header_module_default.author,color:`textOnLightDefault`,variant:`bodyDefaultBold`,children:author.name}),jsx(ReadableTime,{textProps:{as:`span`,variant:`caption`,color:`textOnLightSecondary`},timestamp:createdAt})]})]}),isDeleteAllowed&&jsx(`div`,{className:message_header_module_default.deleteAction,"data-state":isPopoverOpen?`open`:`closed`,children:jsx(DeleteAnnotationMessagePopover,{onDelete,onOpenChange:setIsPopoverOpen})})]})};export{MessageHeader as t};

package/dist/chunks/messages-view.js

@@ -1,99 +1 @@
-import { ThreadViewState as e, useThreadedAnnotationsContext as t } from "../esm/lib/v2/threaded-annotations-context.js";
-import { t as n } from "./resolved-state.js";
-import { t as r } from "./show-replies-button.js";
-import { TextMessage as i } from "../esm/lib/components/v2/text-message/text-message.js";
-import { useAutoScroll as a } from "../esm/lib/components/v2/messages-view/hooks/useAutoScroll.js";
-import o from "clsx";
-import { useRef as s } from "react";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import '../styles/messages-view.css';var u = {
-	messagesViewWrapper: "_messagesViewWrapper_1awp7_29",
-	overflowing: "_overflowing_1awp7_34",
-	scrollable: "_scrollable_1awp7_34",
-	withEditorBelow: "_withEditorBelow_1awp7_37",
-	messagesView: "_messagesView_1awp7_29",
-	repliesContainer: "_repliesContainer_1awp7_78",
-	messagesFade: "_messagesFade_1awp7_84"
-}, d = ({ messages: d, isResolved: f = !1, resolvedBy: p, resolvedAt: m, maxCharacterCount: h, onDelete: g, onThreadDelete: _, onAvatarClick: v, onCopyLink: y, onEdit: b, onEditError: x, onResolve: S, onUnresolve: C, userSelectorProps: w, annotationTarget: T, onAnnotationBadgeClick: E, originalContentDeleted: D }) => {
-	let { viewState: O, dispatch: k, isAnnotations: A } = t(), j = s(null), M = O !== e.Collapsed, N = O === e.Composing, P = d.length > 2, F = P && !M, { handleScroll: I, isOverflowing: L } = a({
-		messageCount: d.length,
-		containerRef: j,
-		enabled: A,
-		isExpanded: M,
-		suppressAutoScroll: F
-	}), R = d[0], z = d.slice(1), B = z.length >= 1, V = z[z.length - 1], H = z.slice(0, -1), U = P && !M;
-	if (!R) return null;
-	let W = H[H.length - 1]?.author, G = H.length >= 2 ? H[H.length - 2].author : void 0, K = () => k({ type: "EXPAND" });
-	return /* @__PURE__ */ l("div", {
-		className: o(u.messagesViewWrapper, L && u.overflowing, L && N && u.withEditorBelow),
-		children: [/* @__PURE__ */ l("div", {
-			ref: j,
-			className: o(u.messagesView, A && u.scrollable),
-			onScroll: I,
-			children: [
-				/* @__PURE__ */ c(i, {
-					...R,
-					hasReplies: B,
-					showThreadedIndicator: B || f,
-					isResolved: f,
-					maxCharacterCount: h,
-					onDelete: g,
-					onThreadDelete: _,
-					onAvatarClick: v,
-					onCopyLink: y,
-					onEdit: b,
-					onEditError: x,
-					onResolve: S,
-					onUnresolve: C,
-					isFirstMessage: !0,
-					userSelectorProps: w,
-					annotationTarget: T,
-					onAnnotationBadgeClick: E,
-					originalContentDeleted: D
-				}),
-				U && W && /* @__PURE__ */ c(r, {
-					lastUser: W,
-					repliesCount: H.length,
-					secondLastUser: G,
-					onShowReplies: K
-				}),
-				M && H.length > 0 && /* @__PURE__ */ c("div", {
-					className: u.repliesContainer,
-					children: H.map((e) => /* @__PURE__ */ c(i, {
-						...e,
-						showThreadedIndicator: !0,
-						isResolved: f,
-						maxCharacterCount: h,
-						onDelete: g,
-						onAvatarClick: v,
-						onCopyLink: y,
-						onEdit: b,
-						onEditError: x,
-						onResolve: S,
-						onUnresolve: C,
-						userSelectorProps: w
-					}, e.id))
-				}),
-				V && /* @__PURE__ */ c(i, {
-					...V,
-					showThreadedIndicator: f,
-					isResolved: f,
-					maxCharacterCount: h,
-					onDelete: g,
-					onAvatarClick: v,
-					onCopyLink: y,
-					onEdit: b,
-					onEditError: x,
-					onResolve: S,
-					onUnresolve: C,
-					userSelectorProps: w
-				}),
-				f && p && m && /* @__PURE__ */ c(n, {
-					authorName: p,
-					createdAt: m
-				})
-			]
-		}), L && /* @__PURE__ */ c("div", { className: u.messagesFade })]
-	});
-};
-export { d as t };
+import{ThreadViewState,useThreadedAnnotationsContext}from"../esm/lib/v2/threaded-annotations-context.js";import{t as ResolvedState}from"./resolved-state.js";import{t as ShowRepliesButton}from"./show-replies-button.js";import{TextMessage}from"../esm/lib/components/v2/text-message/text-message.js";import{useAutoScroll}from"../esm/lib/components/v2/messages-view/hooks/useAutoScroll.js";import clsx from"clsx";import{useRef}from"react";import{jsx,jsxs}from"react/jsx-runtime";import '../styles/messages-view.css';var messages_view_module_default={messagesViewWrapper:`_messagesViewWrapper_1awp7_29`,overflowing:`_overflowing_1awp7_34`,scrollable:`_scrollable_1awp7_34`,withEditorBelow:`_withEditorBelow_1awp7_37`,messagesView:`_messagesView_1awp7_29`,repliesContainer:`_repliesContainer_1awp7_78`,messagesFade:`_messagesFade_1awp7_84`},MessagesView=({messages,isResolved=!1,resolvedBy,resolvedAt,maxCharacterCount,onDelete,onThreadDelete,onAvatarClick,onCopyLink,onEdit,onEditError,onResolve,onUnresolve,userSelectorProps,annotationTarget,onAnnotationBadgeClick,originalContentDeleted})=>{let{viewState,dispatch,isAnnotations}=useThreadedAnnotationsContext(),containerRef=useRef(null),isExpanded=viewState!==ThreadViewState.Collapsed,isEditorVisible=viewState===ThreadViewState.Composing,hasHiddenReplies=messages.length>2,repliesHiddenWhileCollapsed=hasHiddenReplies&&!isExpanded,{handleScroll,isOverflowing}=useAutoScroll({messageCount:messages.length,containerRef,enabled:isAnnotations,isExpanded,suppressAutoScroll:repliesHiddenWhileCollapsed}),rootMessage=messages[0],replies=messages.slice(1),hasReplies=replies.length>=1,lastReply=replies[replies.length-1],middleReplies=replies.slice(0,-1),showRepliesButton=hasHiddenReplies&&!isExpanded;if(!rootMessage)return null;let buttonLastUser=middleReplies[middleReplies.length-1]?.author,buttonSecondLastUser=middleReplies.length>=2?middleReplies[middleReplies.length-2].author:void 0,handleShowReplies=()=>dispatch({type:`EXPAND`});return jsxs(`div`,{className:clsx(messages_view_module_default.messagesViewWrapper,isOverflowing&&messages_view_module_default.overflowing,isOverflowing&&isEditorVisible&&messages_view_module_default.withEditorBelow),children:[jsxs(`div`,{ref:containerRef,className:clsx(messages_view_module_default.messagesView,isAnnotations&&messages_view_module_default.scrollable),onScroll:handleScroll,children:[jsx(TextMessage,{...rootMessage,hasReplies,showThreadedIndicator:hasReplies||isResolved,isResolved,maxCharacterCount,onDelete,onThreadDelete,onAvatarClick,onCopyLink,onEdit,onEditError,onResolve,onUnresolve,isFirstMessage:!0,userSelectorProps,annotationTarget,onAnnotationBadgeClick,originalContentDeleted}),showRepliesButton&&buttonLastUser&&jsx(ShowRepliesButton,{lastUser:buttonLastUser,repliesCount:middleReplies.length,secondLastUser:buttonSecondLastUser,onShowReplies:handleShowReplies}),isExpanded&&middleReplies.length>0&&jsx(`div`,{className:messages_view_module_default.repliesContainer,children:middleReplies.map(reply=>jsx(TextMessage,{...reply,showThreadedIndicator:!0,isResolved,maxCharacterCount,onDelete,onAvatarClick,onCopyLink,onEdit,onEditError,onResolve,onUnresolve,userSelectorProps},reply.id))}),lastReply&&jsx(TextMessage,{...lastReply,showThreadedIndicator:isResolved,isResolved,maxCharacterCount,onDelete,onAvatarClick,onCopyLink,onEdit,onEditError,onResolve,onUnresolve,userSelectorProps}),isResolved&&resolvedBy&&resolvedAt&&jsx(ResolvedState,{authorName:resolvedBy,createdAt:resolvedAt})]}),isOverflowing&&jsx(`div`,{className:messages_view_module_default.messagesFade})]})};export{MessagesView as t};

package/dist/chunks/resolved-state.js

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

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

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

package/dist/chunks/text-message.js

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

package/dist/chunks/text-message.module.js

@@ -1,14 +1 @@
-import '../styles/text-message2.css';var e = {
-	textMessage: "_textMessage_1mths_29",
-	contentWrapper: "_contentWrapper_1mths_38",
-	threadedIndicator: "_threadedIndicator_1mths_43",
-	threadedIndicatorHidden: "_threadedIndicatorHidden_1mths_59",
-	messageContent: "_messageContent_1mths_62",
-	inlineEditSlot: "_inlineEditSlot_1mths_69",
-	annotationBadgeWrapper: "_annotationBadgeWrapper_1mths_72",
-	messageFooter: "_messageFooter_1mths_81",
-	readableTimeWrapper: "_readableTimeWrapper_1mths_89",
-	replyButton: "_replyButton_1mths_93",
-	seeMoreButton: "_seeMoreButton_1mths_108"
-};
-export { e as t };
+import '../styles/text-message2.css';var text_message_module_default={textMessage:`_textMessage_1mths_29`,contentWrapper:`_contentWrapper_1mths_38`,threadedIndicator:`_threadedIndicator_1mths_43`,threadedIndicatorHidden:`_threadedIndicatorHidden_1mths_59`,messageContent:`_messageContent_1mths_62`,inlineEditSlot:`_inlineEditSlot_1mths_69`,annotationBadgeWrapper:`_annotationBadgeWrapper_1mths_72`,messageFooter:`_messageFooter_1mths_81`,readableTimeWrapper:`_readableTimeWrapper_1mths_89`,replyButton:`_replyButton_1mths_93`,seeMoreButton:`_seeMoreButton_1mths_108`};export{text_message_module_default as t};

package/dist/chunks/threaded-annotations.js

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