@box/threaded-annotations 4.1.8 → 4.1.10

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

@@ -1,37 +1 @@
-import { THREADED_ANNOTATIONS_RESIN_TARGETS as e } from "../../../v2/resin-targets.js";
-import { getInitials as t } from "./getInitials.js";
-import n from "./messages.js";
-import { Avatar as r, ButtonWrapper as i, IconBadge as a } from "@box/blueprint-web";
-import { useIntl as o } from "react-intl";
-import { jsx as s } from "react/jsx-runtime";
-var c = ({ user: e, size: i = "medium" }) => {
-	let { name: c, isExternalUser: l, id: u, avatarUrl: d } = e, { formatMessage: f } = o(), p = t(c), m = /* @__PURE__ */ s(r, {
-		alt: f(n.userAvatar),
-		colorIndex: u,
-		size: i,
-		src: d,
-		text: p
-	});
-	return l ? /* @__PURE__ */ s(a, {
-		offset: {
-			right: -4,
-			bottom: -2
-		},
-		size: i,
-		variant: "collaborator-external",
-		children: m
-	}) : m;
-}, l = ({ user: t, size: r, onClick: a }) => {
-	let { formatMessage: l } = o();
-	return /* @__PURE__ */ s(i, {
-		"aria-label": l(n.userAvatarButtonAriaLabel),
-		"data-no-expand": !0,
-		"data-resin-target": e.PROFILE,
-		onClick: () => a(t.id),
-		children: /* @__PURE__ */ s(c, {
-			size: r,
-			user: t
-		})
-	});
-};
-export { c as UserAvatar, l as UserAvatarButton };
+import{THREADED_ANNOTATIONS_RESIN_TARGETS}from"../../../v2/resin-targets.js";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,size=`medium`})=>{let{name,isExternalUser,id,avatarUrl}=user,{formatMessage}=useIntl(),initials=getInitials(name),avatar=jsx(Avatar,{alt:formatMessage(messages.userAvatar),colorIndex:id,size,src:avatarUrl,text:initials});return isExternalUser?jsx(IconBadge,{offset:{right:-4,bottom:-2},size,variant:`collaborator-external`,children:avatar}):avatar},UserAvatarButton=({user,size,onClick})=>{let{formatMessage}=useIntl();return jsx(ButtonWrapper,{"aria-label":formatMessage(messages.userAvatarButtonAriaLabel),"data-no-expand":!0,"data-resin-target":THREADED_ANNOTATIONS_RESIN_TARGETS.PROFILE,onClick:()=>onClick(user.id),children:jsx(UserAvatar,{size,user})})};export{UserAvatar,UserAvatarButton};

package/dist/esm/lib/messages.js

@@ -1,24 +1 @@
-import { defineMessages as e } from "react-intl";
-var t = e({
-	reply: {
-		id: "groupSharedFeatures.threadedAnnotations.reply",
-		defaultMessage: "Reply"
-	},
-	annotationMessageAriaLabel: {
-		id: "groupSharedFeatures.threadedAnnotations.annotationMessageAriaLabel",
-		defaultMessage: "Annotation message"
-	},
-	replyButtonAriaLabel: {
-		id: "groupSharedFeatures.threadedAnnotations.replyButtonAriaLabel",
-		defaultMessage: "Reply button"
-	},
-	textMentionAriaLabel: {
-		id: "groupSharedFeatures.threadedAnnotations.textMentionAriaLabel",
-		defaultMessage: "User mention"
-	},
-	textMessageAriaLabel: {
-		id: "groupSharedFeatures.threadedAnnotations.textMessageAriaLabel",
-		defaultMessage: "Message text"
-	}
-});
-export { t as default };
+import{defineMessages}from"react-intl";var messages=defineMessages({reply:{id:`groupSharedFeatures.threadedAnnotations.reply`,defaultMessage:`Reply`},annotationMessageAriaLabel:{id:`groupSharedFeatures.threadedAnnotations.annotationMessageAriaLabel`,defaultMessage:`Annotation message`},replyButtonAriaLabel:{id:`groupSharedFeatures.threadedAnnotations.replyButtonAriaLabel`,defaultMessage:`Reply button`},textMentionAriaLabel:{id:`groupSharedFeatures.threadedAnnotations.textMentionAriaLabel`,defaultMessage:`User mention`},textMessageAriaLabel:{id:`groupSharedFeatures.threadedAnnotations.textMessageAriaLabel`,defaultMessage:`Message text`}});export{messages as default};

package/dist/esm/lib/threaded-annotations.js

@@ -1,2 +1 @@
-import { t as e } from "../../chunks/threaded-annotations.js";
-export { e as ThreadedAnnotations };
+import{t as ThreadedAnnotations}from"../../chunks/threaded-annotations.js";export{ThreadedAnnotations};

package/dist/esm/lib/utils/getErrorMessage.js

@@ -1,2 +1 @@
-var e = (e) => e instanceof Error ? e.message : String(e);
-export { e as getErrorMessage };
+var getErrorMessage=error=>error instanceof Error?error.message:String(error);export{getErrorMessage};

package/dist/esm/lib/v2/constants.js

@@ -1,2 +1 @@
-var e = { "data-threaded-annotations-portal": !0 };
-export { e as THREADED_ANNOTATIONS_PORTAL };
+var THREADED_ANNOTATIONS_PORTAL={"data-threaded-annotations-portal":!0};export{THREADED_ANNOTATIONS_PORTAL};

package/dist/esm/lib/v2/messages.js

@@ -1,6 +1 @@
-import { defineMessages as e } from "react-intl";
-var t = e({ threadedAnnotationsAriaLabel: {
-	id: "boxui.threadedAnnotations.threadedAnnotationsAriaLabel",
-	defaultMessage: "Threaded annotation"
-} });
-export { t as default };
+import{defineMessages}from"react-intl";var messages=defineMessages({threadedAnnotationsAriaLabel:{id:`boxui.threadedAnnotations.threadedAnnotationsAriaLabel`,defaultMessage:`Threaded annotation`}});export{messages as default};

package/dist/esm/lib/v2/resin-targets.js

@@ -1,25 +1 @@
-var e = "activityfeedv2", t = {
-	ANNOTATION_MENU: "activityfeedannotation",
-	COMMENT_CARD: "activityfeedcommentcard",
-	COMMENT_MENU: "activityfeedcomment"
-}, n = {
-	ANNOTATION_COPY_LINK: "activityfeed-annotation-copylink",
-	ANNOTATION_DELETE: "activityfeed-annotation-delete",
-	ANNOTATION_EDIT: "activityfeed-annotation-edit",
-	ANNOTATION_MENU: "activityfeed-annotation-options",
-	ANNOTATION_RESOLVE: "activityfeed-annotation-resolve",
-	ANNOTATION_UNRESOLVE: "activityfeed-annotation-unresolve",
-	COMMENT_COPY_LINK: "activityfeed-comment-copylink",
-	COMMENT_DELETE: "activityfeed-comment-delete",
-	COMMENT_EDIT: "activityfeed-comment-edit",
-	COMMENT_MENU: "activityfeed-comment-options",
-	COMMENT_POST: "activityfeed-comment-post",
-	COMMENT_REPLY: "activityfeed-comment-reply",
-	COMMENT_RESOLVE: "activityfeed-comment-resolve",
-	COMMENT_UNRESOLVE: "activityfeed-comment-unresolve",
-	DELETE_CANCEL: "activityfeed-delete-cancel",
-	DELETE_CONFIRM: "activityfeed-delete-confirm",
-	MENTION: "activityfeed-mentionlink",
-	PROFILE: "activityfeed-profilelink"
-};
-export { t as THREADED_ANNOTATIONS_RESIN_COMPONENTS, e as THREADED_ANNOTATIONS_RESIN_FEATURE, n as THREADED_ANNOTATIONS_RESIN_TARGETS };
+var THREADED_ANNOTATIONS_RESIN_FEATURE=`activityfeedv2`,THREADED_ANNOTATIONS_RESIN_COMPONENTS={ANNOTATION_MENU:`activityfeedannotation`,COMMENT_CARD:`activityfeedcommentcard`,COMMENT_MENU:`activityfeedcomment`},THREADED_ANNOTATIONS_RESIN_TARGETS={ANNOTATION_COPY_LINK:`activityfeed-annotation-copylink`,ANNOTATION_DELETE:`activityfeed-annotation-delete`,ANNOTATION_EDIT:`activityfeed-annotation-edit`,ANNOTATION_MENU:`activityfeed-annotation-options`,ANNOTATION_RESOLVE:`activityfeed-annotation-resolve`,ANNOTATION_UNRESOLVE:`activityfeed-annotation-unresolve`,COMMENT_COPY_LINK:`activityfeed-comment-copylink`,COMMENT_DELETE:`activityfeed-comment-delete`,COMMENT_EDIT:`activityfeed-comment-edit`,COMMENT_MENU:`activityfeed-comment-options`,COMMENT_POST:`activityfeed-comment-post`,COMMENT_REPLY:`activityfeed-comment-reply`,COMMENT_RESOLVE:`activityfeed-comment-resolve`,COMMENT_UNRESOLVE:`activityfeed-comment-unresolve`,DELETE_CANCEL:`activityfeed-delete-cancel`,DELETE_CONFIRM:`activityfeed-delete-confirm`,MENTION:`activityfeed-mentionlink`,PROFILE:`activityfeed-profilelink`};export{THREADED_ANNOTATIONS_RESIN_COMPONENTS,THREADED_ANNOTATIONS_RESIN_FEATURE,THREADED_ANNOTATIONS_RESIN_TARGETS};

package/dist/esm/lib/v2/threaded-annotations-context.js

@@ -1,61 +1 @@
-import { createContext as e, useCallback as t, useContext as n, useEffect as r, useMemo as i, useState as a } from "react";
-import { jsx as o } from "react/jsx-runtime";
-var s = /* @__PURE__ */ function(e) {
-	return e.Collapsed = "collapsed", e.RepliesOnly = "repliesOnly", e.Composing = "composing", e;
-}({}), c = /*#__PURE__*/ e(void 0), l = ({ children: e, defaultExpanded: n = !1, isReplyDisabled: s = !1, isEditDisabled: l = !1, collapsed: u = !1, isAnnotations: d = !1 }) => {
-	let [f, p] = a(() => n ? s ? "repliesOnly" : "composing" : "collapsed"), [m, h] = a(null), [g, _] = a(null);
-	r(() => {
-		s ? (p((e) => e === "composing" ? "collapsed" : e), h(null)) : p((e) => e === "repliesOnly" ? "composing" : e);
-	}, [s]), r(() => {
-		l && _(null);
-	}, [l]), r(() => {
-		u && (p("collapsed"), h(null), _(null));
-	}, [u]);
-	let v = t((e) => {
-		switch (e.type) {
-			case "EXPAND":
-				p((e) => e === "collapsed" ? s ? "repliesOnly" : "composing" : e);
-				break;
-			case "REPLY":
-				s || (h(e.author), p("composing"));
-				break;
-			case "EDIT":
-				l || _(e.id);
-				break;
-			case "CLEAR_EDIT":
-				_(null);
-				break;
-			case "COLLAPSE":
-				p("collapsed"), h(null), _(null);
-				break;
-			case "CLEAR_MENTION":
-				h(null);
-				break;
-		}
-	}, [s, l]), y = i(() => ({
-		viewState: f,
-		replyMention: m,
-		editingMessageId: g,
-		isAnnotations: d,
-		isReplyDisabled: s,
-		isEditDisabled: l,
-		dispatch: v
-	}), [
-		f,
-		m,
-		g,
-		d,
-		s,
-		l,
-		v
-	]);
-	return /* @__PURE__ */ o(c.Provider, {
-		value: y,
-		children: e
-	});
-}, u = () => {
-	let e = n(c);
-	if (e === void 0) throw Error("useThreadedAnnotationsContext must be used within ThreadedAnnotationsProvider");
-	return e;
-};
-export { s as ThreadViewState, l as ThreadedAnnotationsProvider, u as useThreadedAnnotationsContext };
+import{createContext,useCallback,useContext,useEffect,useMemo,useState}from"react";import{jsx}from"react/jsx-runtime";var ThreadViewState=function(ThreadViewState){return ThreadViewState.Collapsed=`collapsed`,ThreadViewState.RepliesOnly=`repliesOnly`,ThreadViewState.Composing=`composing`,ThreadViewState}({}),ThreadedAnnotationsContext=createContext(void 0),ThreadedAnnotationsProvider=({children,defaultExpanded=!1,isReplyDisabled=!1,isEditDisabled=!1,collapsed=!1,isAnnotations=!1})=>{let[viewState,setViewState]=useState(()=>defaultExpanded?isReplyDisabled?`repliesOnly`:`composing`:`collapsed`),[replyMention,setReplyMention]=useState(null),[editingMessageId,setEditingMessageId]=useState(null);useEffect(()=>{isReplyDisabled?(setViewState(current=>current===`composing`?`collapsed`:current),setReplyMention(null)):setViewState(current=>current===`repliesOnly`?`composing`:current)},[isReplyDisabled]),useEffect(()=>{isEditDisabled&&setEditingMessageId(null)},[isEditDisabled]),useEffect(()=>{collapsed&&(setViewState(`collapsed`),setReplyMention(null),setEditingMessageId(null))},[collapsed]);let dispatch=useCallback(event=>{switch(event.type){case`EXPAND`:setViewState(current=>current===`collapsed`?isReplyDisabled?`repliesOnly`:`composing`:current);break;case`REPLY`:isReplyDisabled||(setReplyMention(event.author),setViewState(`composing`));break;case`EDIT`:isEditDisabled||setEditingMessageId(event.id);break;case`CLEAR_EDIT`:setEditingMessageId(null);break;case`COLLAPSE`:setViewState(`collapsed`),setReplyMention(null),setEditingMessageId(null);break;case`CLEAR_MENTION`:setReplyMention(null);break}},[isReplyDisabled,isEditDisabled]),value=useMemo(()=>({viewState,replyMention,editingMessageId,isAnnotations,isReplyDisabled,isEditDisabled,dispatch}),[viewState,replyMention,editingMessageId,isAnnotations,isReplyDisabled,isEditDisabled,dispatch]);return jsx(ThreadedAnnotationsContext.Provider,{value,children})},useThreadedAnnotationsContext=()=>{let context=useContext(ThreadedAnnotationsContext);if(context===void 0)throw Error(`useThreadedAnnotationsContext must be used within ThreadedAnnotationsProvider`);return context};export{ThreadViewState,ThreadedAnnotationsProvider,useThreadedAnnotationsContext};

package/dist/esm/lib/v2/threaded-annotations.js

@@ -1,2 +1 @@
-import { t as e } from "../../../chunks/threaded-annotations2.js";
-export { e as ThreadedAnnotations };
+import{t as ThreadedAnnotations}from"../../../chunks/threaded-annotations2.js";export{ThreadedAnnotations};

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

@@ -1,4 +1 @@
-var e = /* @__PURE__ */ function(e) {
-	return e.Drawing = "drawing", e.Frame = "frame", e.Highlight = "highlight", e.Point = "point", e.Region = "region", e;
-}({});
-export { e as AnnotationBadgeType };
+var AnnotationBadgeType=function(AnnotationBadgeType){return AnnotationBadgeType.Drawing=`drawing`,AnnotationBadgeType.Frame=`frame`,AnnotationBadgeType.Highlight=`highlight`,AnnotationBadgeType.Point=`point`,AnnotationBadgeType.Region=`region`,AnnotationBadgeType}({});export{AnnotationBadgeType};

package/dist/esm/lib/v2/types/index.js

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

package/dist/esm/lib/v2/utils/build-mention-content.js

@@ -1,20 +1 @@
-import { v4 as e } from "uuid";
-var t = (t) => ({
-	type: "doc",
-	content: [{
-		type: "paragraph",
-		content: [{
-			type: "mention",
-			attrs: {
-				mentionedUserId: String(t.id),
-				mentionedUserName: t.name,
-				mentionedUserEmail: t.email,
-				mentionId: e()
-			}
-		}, {
-			type: "text",
-			text: " "
-		}]
-	}]
-});
-export { t as buildMentionContent };
+import{v4}from"uuid";var buildMentionContent=author=>({type:`doc`,content:[{type:`paragraph`,content:[{type:`mention`,attrs:{mentionedUserId:String(author.id),mentionedUserName:author.name,mentionedUserEmail:author.email,mentionId:v4()}},{type:`text`,text:` `}]}]});export{buildMentionContent};

package/dist/esm/lib/v2/utils/serialize-mention-markup.js

@@ -1,12 +1,2 @@
-var e = (e) => {
-	if (!e || !e.content) return {
-		hasMention: !1,
-		text: ""
-	};
-	let r = !1, i = e.content.map((e) => e.content ? e.content.map((e) => e.type === "mention" ? (r = !0, t(e)) : n(e)).join("") : "").join("\n");
-	return {
-		hasMention: r,
-		text: i
-	};
-}, t = (e) => `@[${e.attrs.mentionedUserId}:${e.attrs.mentionedUserName}]`, n = (e) => e.text;
-export { e as serializeMentionMarkup };
+var serializeMentionMarkup=doc=>{if(!doc||!doc.content)return{hasMention:!1,text:``};let hasMention=!1,text=doc.content.map(paragraph=>paragraph.content?paragraph.content.map(node=>node.type===`mention`?(hasMention=!0,serializeMention(node)):serializeText(node)).join(``):``).join(`
+`);return{hasMention,text}},serializeMention=node=>`@[${node.attrs.mentionedUserId}:${node.attrs.mentionedUserName}]`,serializeText=node=>node.text;export{serializeMentionMarkup};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/threaded-annotations",
-    "version": "4.1.8",
+    "version": "4.1.10",
     "license": "SEE LICENSE IN LICENSE",
     "dependencies": {
         "@floating-ui/dom": "^1.6.0",
@@ -17,23 +17,23 @@
         "uuid": "^9.0.1"
     },
     "peerDependencies": {
-        "@box/blueprint-web": "^16.12.1",
-        "@box/blueprint-web-assets": "^5.5.8",
-        "@box/collaboration-popover": "^2.1.33",
-        "@box/readable-time": "^2.1.33",
-        "@box/user-selector": "^2.1.36",
+        "@box/blueprint-web": "^16.13.1",
+        "@box/blueprint-web-assets": "^5.5.10",
+        "@box/collaboration-popover": "^2.1.35",
+        "@box/readable-time": "^2.1.35",
+        "@box/user-selector": "^2.1.38",
         "clsx": "^1.2.1",
         "react": "^18.0.0",
         "react-dom": "^18.0.0",
         "react-intl": "^6.4.2"
     },
     "devDependencies": {
-        "@box/blueprint-web": "^16.12.1",
-        "@box/blueprint-web-assets": "^5.5.8",
-        "@box/eslint-plugin-blueprint": "2.1.10",
-        "@box/readable-time": "^2.1.33",
-        "@box/storybook-utils": "^1.1.32",
-        "@box/user-selector": "^2.1.36",
+        "@box/blueprint-web": "^16.13.1",
+        "@box/blueprint-web-assets": "^5.5.10",
+        "@box/eslint-plugin-blueprint": "2.1.11",
+        "@box/readable-time": "^2.1.35",
+        "@box/storybook-utils": "^1.1.34",
+        "@box/user-selector": "^2.1.38",
         "react": "^18.0.0",
         "react-dom": "^18.0.0"
     },