@box/activity-feed 1.15.0

package/dist/chunks/TaskItemFooter.js

@@ -0,0 +1,77 @@
+import e from "../esm/lib/components/task-item/messages.js";
+import { t } from "./AssigneeList.js";
+import { t as n } from "./TaskDueDate.js";
+import { Button as r } from "@box/blueprint-web";
+import { useIntl as i } from "react-intl";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Checkmark as s, XMark as c } from "@box/blueprint-web-assets/icons/Medium";
+import '../styles/TaskItemFooter.css';var l = {
+	taskItem: "_taskItem_1bak0_1",
+	header: "_header_1bak0_11",
+	headerTitleRow: "_headerTitleRow_1bak0_19",
+	headerLeadingIcon: "_headerLeadingIcon_1bak0_25",
+	cardBody: "_cardBody_1bak0_32",
+	textMessageFooterSlot: "_textMessageFooterSlot_1bak0_39",
+	marginBottom: "_marginBottom_1bak0_47",
+	approvalActionsRow: "_approvalActionsRow_1bak0_51",
+	approvalApproveIcon: "_approvalApproveIcon_1bak0_58",
+	approvalRejectIcon: "_approvalRejectIcon_1bak0_62"
+};
+function u({ assignees: u, canApprove: d, canReject: f, disabled: p = !1, dueDate: m, hasNextPage: h, onApprove: g, onComplete: _, onLoadAllAssignee: v, onReject: y, onView: b, showActionButtons: x, showApprovalActions: S, showGeneralComplete: C, showViewDetails: w }) {
+	let T = i();
+	return /* @__PURE__ */ o("div", {
+		className: x ? l.textMessageFooterSlot : `${l.textMessageFooterSlot} ${l.marginBottom}`,
+		children: [
+			m && /* @__PURE__ */ a(n, { dueDate: m }),
+			/* @__PURE__ */ a(t, {
+				assignees: u,
+				disabled: p,
+				hasNextPage: h,
+				onLoadAllAssignee: v
+			}),
+			x && /* @__PURE__ */ o("div", { children: [
+				w && /* @__PURE__ */ a(r, {
+					disabled: p,
+					onClick: b,
+					size: "small",
+					variant: "primary",
+					children: T.formatMessage(e.taskViewDetailsAction)
+				}),
+				C && /* @__PURE__ */ a(r, {
+					disabled: p,
+					onClick: _,
+					size: "small",
+					variant: "primary",
+					children: T.formatMessage(e.taskCompleteAction)
+				}),
+				S && /* @__PURE__ */ o("div", {
+					className: l.approvalActionsRow,
+					children: [/* @__PURE__ */ a(r, {
+						disabled: p || !d,
+						onClick: g,
+						size: "small",
+						startIcon: () => /* @__PURE__ */ a(s, {
+							className: l.approvalApproveIcon,
+							color: "currentColor"
+						}),
+						type: "button",
+						variant: "secondary",
+						children: T.formatMessage(e.taskApproveAction)
+					}), /* @__PURE__ */ a(r, {
+						disabled: p || !f,
+						onClick: y,
+						size: "small",
+						startIcon: () => /* @__PURE__ */ a(c, {
+							className: l.approvalRejectIcon,
+							color: "currentColor"
+						}),
+						type: "button",
+						variant: "secondary",
+						children: T.formatMessage(e.taskRejectAction)
+					})]
+				})
+			] })
+		]
+	});
+}
+export { l as n, u as t };

package/dist/chunks/TaskMessage.js

@@ -0,0 +1,86 @@
+import { MessageRenderer as e } from "../esm/lib/components/task-item/components/task-message/MessageRenderer.js";
+import { t } from "./task-options-menu.js";
+import { useState as n } from "react";
+import { Avatar as r, Text as i } from "@box/blueprint-web";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { ReadableTime as s } from "@box/readable-time";
+import c from "clsx";
+import '../styles/TaskMessage.css';var l = {
+	taskMessage: "_taskMessage_9yucp_1",
+	headerContainer: "_headerContainer_9yucp_11",
+	information: "_information_9yucp_19",
+	avatar: "_avatar_9yucp_26",
+	textContainer: "_textContainer_9yucp_29",
+	author: "_author_9yucp_37",
+	optionsMenu: "_optionsMenu_9yucp_45",
+	contentWrapper: "_contentWrapper_9yucp_65",
+	threadedIndicator: "_threadedIndicator_9yucp_69",
+	threadedIndicatorHidden: "_threadedIndicatorHidden_9yucp_85",
+	messageContent: "_messageContent_9yucp_88",
+	messageFooter: "_messageFooter_9yucp_95"
+}, u = {
+	as: "span",
+	variant: "bodySmall",
+	color: "textOnLightSecondary"
+};
+function d(e) {
+	let t = e.trim().split(/\s+/);
+	return t.length === 1 ? t[0].charAt(0).toUpperCase() : (t[0].charAt(0) + t[t.length - 1].charAt(0)).toUpperCase();
+}
+function f({ id: f, author: p, message: m, createdAt: h, canEdit: g = !1, canDelete: _ = !1, onEdit: v, onDelete: y, showThreadedIndicator: b = !1, children: x }) {
+	let [S, C] = n(!1), w = g && !!v || _ && !!y, T = d(p.name);
+	return /* @__PURE__ */ o("div", {
+		className: l.taskMessage,
+		"data-message-wrapper": !0,
+		children: [/* @__PURE__ */ o("div", {
+			className: l.headerContainer,
+			children: [/* @__PURE__ */ o("div", {
+				className: l.information,
+				children: [/* @__PURE__ */ a(r, {
+					alt: p.name,
+					className: l.avatar,
+					colorIndex: parseInt(p.id, 10) || 0,
+					size: "medium",
+					src: p.avatarUrl || "",
+					text: T
+				}), /* @__PURE__ */ a("div", {
+					className: l.textContainer,
+					children: /* @__PURE__ */ a(i, {
+						as: "p",
+						className: l.author,
+						color: "textOnLightDefault",
+						variant: "bodyDefaultBold",
+						children: p.name
+					})
+				})]
+			}), w && /* @__PURE__ */ a("div", {
+				className: l.optionsMenu,
+				"data-state": S ? "open" : "closed",
+				children: /* @__PURE__ */ a(t, {
+					canDelete: _,
+					canEdit: g,
+					onDelete: y ? () => y(f) : void 0,
+					onEdit: v ? () => v(f) : void 0,
+					onOpenChange: C
+				})
+			})]
+		}), /* @__PURE__ */ o("div", {
+			className: l.contentWrapper,
+			children: [/* @__PURE__ */ a("div", { className: c(l.threadedIndicator, !b && l.threadedIndicatorHidden) }), /* @__PURE__ */ o("div", {
+				className: l.messageContent,
+				children: [
+					/* @__PURE__ */ a(e, { messageObject: m }),
+					/* @__PURE__ */ a("div", {
+						className: l.messageFooter,
+						children: /* @__PURE__ */ a(s, {
+							textProps: u,
+							timestamp: h
+						})
+					}),
+					x
+				]
+			})]
+		})]
+	});
+}
+export { f as t };

package/dist/chunks/TaskState.js

@@ -0,0 +1,83 @@
+import { n as e } from "./types.js";
+import t from "../esm/lib/components/task-item/components/task-state/messages.js";
+import { Text as n } from "@box/blueprint-web";
+import { useIntl as r } from "react-intl";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+import { ReadableTime as s } from "@box/readable-time";
+import { CheckmarkCircle as c, XMarkCircle as l } from "@box/blueprint-web-assets/icons/MediumFilled";
+import { bpGreenLight125 as u, bpWatermelonRed125 as d } from "@box/blueprint-web-assets/tokens/tokens";
+import '../styles/TaskState.css';var f = {
+	taskState: "_taskState_1qxrh_1",
+	leftContainer: "_leftContainer_1qxrh_8",
+	rightContainer: "_rightContainer_1qxrh_16",
+	statusLine: "_statusLine_1qxrh_22",
+	countText: "_countText_1qxrh_30"
+}, p = {
+	as: "span",
+	variant: "bodySmall",
+	color: "textOnLightSecondary"
+}, m = {
+	[e.REJECTED]: /* @__PURE__ */ a(l, {
+		color: d,
+		height: 24,
+		width: 24
+	}),
+	[e.COMPLETED]: /* @__PURE__ */ a(c, {
+		color: u,
+		height: 24,
+		width: 24
+	}),
+	[e.APPROVED]: /* @__PURE__ */ a(c, {
+		color: u,
+		height: 24,
+		width: 24
+	})
+};
+function h({ completedAt: c, showCount: l = !0, totalCount: u, variant: d }) {
+	let h = r();
+	if (d !== e.COMPLETED && d !== e.APPROVED && d !== e.REJECTED) return null;
+	let g = m[d], _ = l && u > 0 && d !== e.REJECTED, v;
+	switch (d) {
+		case e.APPROVED:
+			v = t.approvedHeadline;
+			break;
+		case e.COMPLETED:
+			v = t.completedHeadline;
+			break;
+		case e.REJECTED:
+			v = t.rejectedHeadline;
+			break;
+	}
+	let y = /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a(n, {
+		as: "span",
+		color: "textOnLightDefault",
+		variant: "bodyDefaultBold",
+		children: h.formatMessage(v)
+	}), _ && /* @__PURE__ */ a(n, {
+		as: "span",
+		className: f.countText,
+		color: "textOnLightSecondary",
+		variant: "bodyDefault",
+		children: h.formatMessage(t.completedCountParenthetical, {
+			completedCount: u,
+			totalCount: u
+		})
+	})] });
+	return /* @__PURE__ */ o("div", {
+		className: f.taskState,
+		children: [/* @__PURE__ */ a("div", {
+			className: f.leftContainer,
+			children: g
+		}), /* @__PURE__ */ o("div", {
+			className: f.rightContainer,
+			children: [/* @__PURE__ */ a("div", {
+				className: f.statusLine,
+				children: y
+			}), /* @__PURE__ */ a(s, {
+				textProps: p,
+				timestamp: c
+			})]
+		})]
+	});
+}
+export { h as t };

package/dist/chunks/activity-feed-list.js

@@ -0,0 +1,21 @@
+import { t as e } from "./empty-state.js";
+import { Children as t, isValidElement as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+import '../styles/activity-feed-list.css';var i = {
+	emptyStateWrapper: "_emptyStateWrapper_net25_1",
+	list: "_list_net25_8"
+}, a = ({ children: a }) => t.toArray(a).length === 0 ? /* @__PURE__ */ r("div", {
+	className: i.emptyStateWrapper,
+	children: /* @__PURE__ */ r(e, {})
+}) : /* @__PURE__ */ r("ul", {
+	className: i.list,
+	children: t.map(a, (e, t) => {
+		if (!/* @__PURE__ */ n(e)) return /* @__PURE__ */ r("li", { children: e }, `activity-feed-row-${t}`);
+		let i = e.key == null ? void 0 : String(e.key), a = i ?? `activity-feed-row-${t}`;
+		return /* @__PURE__ */ r("li", {
+			"data-activity-id": i,
+			children: e
+		}, a);
+	})
+});
+export { a as t };

package/dist/chunks/activity-feed.js

@@ -0,0 +1,46 @@
+import { t as e } from "./activity-feed-list.js";
+import { t } from "./app-activity-item.js";
+import { t as n } from "./editor.js";
+import { t as r } from "./header.js";
+import { TaskItem as i } from "../esm/lib/components/task-item/TaskItem.js";
+import { VersionItem as a } from "../esm/lib/components/version-item/version-item.js";
+import { createActivityFeedScroll as o } from "../esm/lib/scroll/create-activity-feed-scroll.js";
+import { t as s } from "./scroll.js";
+import { useActivityFeedScroll as c } from "../esm/lib/scroll/use-activity-feed-scroll.js";
+import { useCallback as l, useLayoutEffect as u, useRef as d } from "react";
+import { MentionContextProvider as f, ThreadedAnnotationsV2 as p } from "@box/threaded-annotations";
+import { jsx as m } from "react/jsx-runtime";
+import '../styles/activity-feed.css';var h = { container: "_container_9nbtr_1" }, g = ({ children: e, scrollTo: t, mentionContext: n }) => {
+	let r = d(null);
+	r.current ||= o();
+	let i = r.current, a = t != null && s(t) ? t : i;
+	typeof process < "u" && process.env.NODE_ENV !== "production" && t != null && !s(t) && console.warn("ActivityFeed.Root: `scrollTo` must be the return value of `useActivityFeedScroll()`. Using an internal handle for container attachment instead.");
+	let c = d(a);
+	c.current = a;
+	let p = d(null), g = l((e) => {
+		p.current = e, c.current.attachContainer(e);
+	}, []);
+	return u(() => {
+		c.current.attachContainer(p.current);
+	}, [a]), /* @__PURE__ */ m(f, {
+		value: n,
+		children: /* @__PURE__ */ m("div", {
+			className: h.container,
+			ref: g,
+			children: e
+		})
+	});
+};
+function _(t) {
+	return /* @__PURE__ */ m(e, { ...t });
+}
+var v = _;
+v.AppActivity = t, v.Task = i, v.ThreadedAnnotation = p, v.Version = a;
+var y = {
+	Editor: n,
+	Header: r,
+	List: v,
+	Root: g,
+	useActivityFeedScroll: c
+};
+export { y as t };

package/dist/chunks/app-activity-item.js

@@ -0,0 +1,75 @@
+import { messages as e } from "../esm/lib/components/app-activity-item/messages.js";
+import { createElement as t, useMemo as n } from "react";
+import { Avatar as r, Link as i, Text as a } from "@box/blueprint-web";
+import { useIntl as o } from "react-intl";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { ReadableTime as l } from "@box/readable-time";
+import '../styles/app-activity-item.css';var u = {
+	appActivityItem: "_appActivityItem_1g9je_1",
+	message: "_message_1g9je_8",
+	activityLink: "_activityLink_1g9je_12"
+}, d = (e) => {
+	try {
+		let n = new DOMParser().parseFromString(e, "text/html");
+		return Array.from(n.body.childNodes).map((e, n) => {
+			if (e.nodeType === Node.ELEMENT_NODE) {
+				let r = e;
+				if (r.nodeName === "A") {
+					let e = r;
+					return /* @__PURE__ */ t(i, {
+						...Object.fromEntries([...e.attributes].filter((e) => e.name.startsWith("data-")).map((e) => [e.name, e.value])),
+						className: u.activityLink,
+						href: e.href,
+						key: n,
+						rel: "noreferrer noopener",
+						target: "_blank"
+					}, e.textContent);
+				}
+				return /* @__PURE__ */ t(r.tagName.toLowerCase(), { key: n }, r.textContent);
+			}
+			return e.textContent;
+		});
+	} catch {
+		return [e];
+	}
+}, f = ({ appIconUrl: t, appName: i, createdAt: f, id: p, renderedText: m }) => {
+	let { formatMessage: h } = o(), g = parseInt(p, 10), _ = Number.isNaN(g) ? 0 : g % 10, v = n(() => d(m), [m]);
+	return /* @__PURE__ */ c("div", {
+		className: u.appActivityItem,
+		children: [/* @__PURE__ */ s(r, {
+			alt: i,
+			colorIndex: _,
+			size: "small",
+			src: t,
+			text: i.charAt(0)
+		}), /* @__PURE__ */ s(a, {
+			as: "span",
+			className: u.message,
+			color: "textOnLightSecondary",
+			variant: "bodyDefault",
+			children: h(e.activityItemText, {
+				appName: /* @__PURE__ */ s(a, {
+					as: "span",
+					color: "textOnLightSecondary",
+					variant: "bodyDefaultSemibold",
+					children: i
+				}),
+				parsedContent: /* @__PURE__ */ s(a, {
+					as: "span",
+					color: "textOnLightSecondary",
+					variant: "bodyDefault",
+					children: v
+				}),
+				timestamp: /* @__PURE__ */ s(l, {
+					textProps: {
+						as: "span",
+						color: "textOnLightSecondary",
+						variant: "bodyDefault"
+					},
+					timestamp: f
+				})
+			})
+		})]
+	});
+};
+export { f as t };

package/dist/chunks/editor.js

@@ -0,0 +1,14 @@
+import { MessageEditorV2 as e } from "@box/threaded-annotations";
+import { jsx as t } from "react/jsx-runtime";
+import '../styles/editor.css';var n = { editorWrapper: "_editorWrapper_1ycxr_1" }, r = ({ disableComponent: r, onPost: i, onPostError: a, onPostSuccess: o, userSelectorProps: s }) => /* @__PURE__ */ t("div", {
+	className: n.editorWrapper,
+	children: /* @__PURE__ */ t(e, {
+		disableComponent: r,
+		isFirstAnnotation: !1,
+		onPost: i,
+		onPostError: a,
+		onPostSuccess: o,
+		userSelectorProps: s
+	})
+});
+export { r as t };

package/dist/chunks/empty-state.js

@@ -0,0 +1,22 @@
+import { messages as e } from "../esm/lib/components/empty-state/messages.js";
+import { Text as t } from "@box/blueprint-web";
+import { useIntl as n } from "react-intl";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import '../styles/empty-state.css';var a = { container: "_container_ffym1_1" }, o = () => {
+	let { formatMessage: o } = n();
+	return /* @__PURE__ */ i("div", {
+		className: a.container,
+		children: [/* @__PURE__ */ r(t, {
+			as: "p",
+			color: "textOnLightSecondary",
+			variant: "titleSmall",
+			children: o(e.title)
+		}), /* @__PURE__ */ r(t, {
+			as: "p",
+			color: "textOnLightSecondary",
+			variant: "bodyDefault",
+			children: o(e.body)
+		})]
+	});
+};
+export { o as t };

package/dist/chunks/header.js

@@ -0,0 +1,63 @@
+import { messages as e } from "../esm/lib/components/header/messages.js";
+import { HeaderMentionMeOption as t, HeaderShowResolvedOption as n } from "../esm/lib/components/header/header-filter-options.js";
+import { t as r } from "./task-button.js";
+import { useState as i } from "react";
+import { DropdownMenu as a, IconButton as o, IconToggleButton as s, Text as c } from "@box/blueprint-web";
+import { useIntl as l } from "react-intl";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { Funnel as f, XMark as p } from "@box/blueprint-web-assets/icons/Medium";
+import '../styles/header.css';var m = {
+	header: "_header_wn6yt_2",
+	title: "_title_wn6yt_12",
+	actions: "_actions_wn6yt_20",
+	filtersTitle: "_filtersTitle_wn6yt_27"
+}, h = Object.assign(({ children: e, title: t }) => /* @__PURE__ */ d("div", {
+	className: m.header,
+	children: [/* @__PURE__ */ u(c, {
+		as: "h2",
+		className: m.title,
+		variant: "titleLarge",
+		children: t
+	}), e]
+}), {
+	Actions: ({ children: e }) => /* @__PURE__ */ u("div", {
+		className: m.actions,
+		children: e
+	}),
+	CloseButton: ({ onClick: t }) => {
+		let { formatMessage: n } = l();
+		return /* @__PURE__ */ u(o, {
+			"aria-label": n(e.closeAriaLabel),
+			icon: p,
+			onClick: t,
+			size: "small"
+		});
+	},
+	FilterMenu: ({ children: t }) => {
+		let { formatMessage: n } = l(), [r, o] = i(!1);
+		return /* @__PURE__ */ d(a.Root, {
+			modal: !1,
+			onOpenChange: o,
+			open: r,
+			children: [/* @__PURE__ */ u(a.Trigger, { children: /* @__PURE__ */ u(s, {
+				"aria-label": n(e.filterAriaLabel),
+				icon: f,
+				pressed: r,
+				size: "small"
+			}) }), /* @__PURE__ */ d(a.Content, {
+				align: "end",
+				children: [/* @__PURE__ */ u(c, {
+					as: "p",
+					className: m.filtersTitle,
+					color: "textOnLightSecondary",
+					variant: "bodyDefaultBold",
+					children: n(e.filtersTitle)
+				}), t]
+			})]
+		});
+	},
+	MentionMeOption: t,
+	ShowResolvedOption: n,
+	TaskButton: r
+});
+export { h as t };