@box/activity-feed 2.1.30 → 2.2.0

package/dist/chunks/TaskItemFooter.js

@@ -1,11 +1,12 @@
-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 = {
+import { ACTIVITY_FEED_RESIN_TARGETS as e } from "../esm/lib/resin-targets.js";
+import t from "../esm/lib/components/task-item/messages.js";
+import { t as n } from "./AssigneeList.js";
+import { t as r } from "./TaskDueDate.js";
+import { Button as i } from "@box/blueprint-web";
+import { useIntl as a } from "react-intl";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Checkmark as c, XMark as l } from "@box/blueprint-web-assets/icons/Medium";
+import '../styles/TaskItemFooter.css';var u = {
 	taskItem: "_taskItem_156h2_1",
 	header: "_header_156h2_10",
 	headerTitleRow: "_headerTitleRow_156h2_18",
@@ -17,57 +18,60 @@ import '../styles/TaskItemFooter.css';var l = {
 	approvalApproveIcon: "_approvalApproveIcon_156h2_57",
 	approvalRejectIcon: "_approvalRejectIcon_156h2_61"
 };
-function u({ assignees: u, canApprove: d, canReject: f, disabled: p = !1, dueDate: m, hasNextPage: h, onApprove: g, onComplete: _, onLoadAllAssignee: v, onReject: y, pendingAction: b, showActionButtons: x, showApprovalActions: S, showGeneralComplete: C }) {
-	let w = i(), T = b !== void 0;
-	return /* @__PURE__ */ o("div", {
-		className: x ? l.textMessageFooterSlot : `${l.textMessageFooterSlot} ${l.marginBottom}`,
+function d({ assignees: d, canApprove: f, canReject: p, disabled: m = !1, dueDate: h, hasNextPage: g, onApprove: _, onComplete: v, onLoadAllAssignee: y, onReject: b, pendingAction: x, showActionButtons: S, showApprovalActions: C, showGeneralComplete: w }) {
+	let T = a(), E = x !== void 0;
+	return /* @__PURE__ */ s("div", {
+		className: S ? u.textMessageFooterSlot : `${u.textMessageFooterSlot} ${u.marginBottom}`,
 		children: [
-			!!m && /* @__PURE__ */ a(n, { dueDate: m }),
-			/* @__PURE__ */ a(t, {
-				assignees: u,
-				disabled: p,
-				hasNextPage: h,
-				onLoadAllAssignee: v
+			!!h && /* @__PURE__ */ o(r, { dueDate: h }),
+			/* @__PURE__ */ o(n, {
+				assignees: d,
+				disabled: m,
+				hasNextPage: g,
+				onLoadAllAssignee: y
 			}),
-			x && /* @__PURE__ */ o("div", { children: [C && /* @__PURE__ */ a(r, {
-				disabled: p || T && b !== "complete",
-				loading: b === "complete",
-				loadingAriaLabel: w.formatMessage(e.taskCompleteActionLoading),
-				onClick: _,
+			S && /* @__PURE__ */ s("div", { children: [w && /* @__PURE__ */ o(i, {
+				"data-resin-target": e.TASK_COMPLETE,
+				disabled: m || E && x !== "complete",
+				loading: x === "complete",
+				loadingAriaLabel: T.formatMessage(t.taskCompleteActionLoading),
+				onClick: v,
 				size: "small",
 				variant: "primary",
-				children: w.formatMessage(e.taskCompleteAction)
-			}), S && /* @__PURE__ */ o("div", {
-				className: l.approvalActionsRow,
-				children: [/* @__PURE__ */ a(r, {
-					disabled: p || !d || T && b !== "approve",
-					loading: b === "approve",
-					loadingAriaLabel: w.formatMessage(e.taskApproveActionLoading),
-					onClick: g,
+				children: T.formatMessage(t.taskCompleteAction)
+			}), C && /* @__PURE__ */ s("div", {
+				className: u.approvalActionsRow,
+				children: [/* @__PURE__ */ o(i, {
+					"data-resin-target": e.TASK_APPROVE,
+					disabled: m || !f || E && x !== "approve",
+					loading: x === "approve",
+					loadingAriaLabel: T.formatMessage(t.taskApproveActionLoading),
+					onClick: _,
 					size: "small",
-					startIcon: () => /* @__PURE__ */ a(s, {
-						className: l.approvalApproveIcon,
+					startIcon: () => /* @__PURE__ */ o(c, {
+						className: u.approvalApproveIcon,
 						color: "currentColor"
 					}),
 					type: "button",
 					variant: "secondary",
-					children: w.formatMessage(e.taskApproveAction)
-				}), /* @__PURE__ */ a(r, {
-					disabled: p || !f || T && b !== "reject",
-					loading: b === "reject",
-					loadingAriaLabel: w.formatMessage(e.taskRejectActionLoading),
-					onClick: y,
+					children: T.formatMessage(t.taskApproveAction)
+				}), /* @__PURE__ */ o(i, {
+					"data-resin-target": e.TASK_REJECT,
+					disabled: m || !p || E && x !== "reject",
+					loading: x === "reject",
+					loadingAriaLabel: T.formatMessage(t.taskRejectActionLoading),
+					onClick: b,
 					size: "small",
-					startIcon: () => /* @__PURE__ */ a(c, {
-						className: l.approvalRejectIcon,
+					startIcon: () => /* @__PURE__ */ o(l, {
+						className: u.approvalRejectIcon,
 						color: "currentColor"
 					}),
 					type: "button",
 					variant: "secondary",
-					children: w.formatMessage(e.taskRejectAction)
+					children: T.formatMessage(t.taskRejectAction)
 				})]
 			})] })
 		]
 	});
 }
-export { l as n, u as t };
+export { u as n, d as t };

package/dist/chunks/header.js

@@ -1,70 +1,72 @@
-import { ACTIVITY_FEED_RESIN_TARGETS as e } from "../esm/lib/resin-targets.js";
-import { messages as t } from "../esm/lib/components/header/messages.js";
-import { HeaderMentionMeOption as n, HeaderShowResolvedOption as r } from "../esm/lib/components/header/header-filter-options.js";
-import { t as i } from "./task-button.js";
-import { useState as a } from "react";
-import { DropdownMenu as o, IconButton as s, IconToggleButton as c, Text as l } from "@box/blueprint-web";
-import { useIntl as u } from "react-intl";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
-import { Funnel as p, XMark as m } from "@box/blueprint-web-assets/icons/Medium";
-import '../styles/header.css';var h = {
+import { ACTIVITY_FEED_RESIN_COMPONENTS as e, ACTIVITY_FEED_RESIN_FEATURE as t, ACTIVITY_FEED_RESIN_TARGETS as n } from "../esm/lib/resin-targets.js";
+import { messages as r } from "../esm/lib/components/header/messages.js";
+import { HeaderMentionMeOption as i, HeaderShowResolvedOption as a } from "../esm/lib/components/header/header-filter-options.js";
+import { t as o } from "./task-button.js";
+import { useState as s } from "react";
+import { DropdownMenu as c, IconButton as l, IconToggleButton as u, Text as d } from "@box/blueprint-web";
+import { useIntl as f } from "react-intl";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { Funnel as h, XMark as g } from "@box/blueprint-web-assets/icons/Medium";
+import '../styles/header.css';var _ = {
 	header: "_header_1hyzr_27",
 	title: "_title_1hyzr_37",
 	actions: "_actions_1hyzr_45",
 	filterMenuContent: "_filterMenuContent_1hyzr_52",
 	filtersTitle: "_filtersTitle_1hyzr_56",
 	filterTrigger: "_filterTrigger_1hyzr_60"
-}, g = Object.assign(({ children: t, title: n }) => /* @__PURE__ */ f("div", {
-	className: h.header,
+}, v = Object.assign(({ children: t, title: n }) => /* @__PURE__ */ m("div", {
+	className: _.header,
 	"data-resin-component": e.HEADER,
-	children: [/* @__PURE__ */ d(l, {
+	children: [/* @__PURE__ */ p(d, {
 		as: "h2",
-		className: h.title,
+		className: _.title,
 		variant: "titleLarge",
 		children: n
 	}), t]
 }), {
-	Actions: ({ children: e }) => /* @__PURE__ */ d("div", {
-		className: h.actions,
+	Actions: ({ children: e }) => /* @__PURE__ */ p("div", {
+		className: _.actions,
 		children: e
 	}),
 	CloseButton: ({ onClick: e }) => {
-		let { formatMessage: n } = u();
-		return /* @__PURE__ */ d(s, {
-			"aria-label": n(t.closeAriaLabel),
-			icon: m,
+		let { formatMessage: t } = f();
+		return /* @__PURE__ */ p(l, {
+			"aria-label": t(r.closeAriaLabel),
+			icon: g,
 			onClick: e,
 			size: "small"
 		});
 	},
-	FilterMenu: ({ children: n, hasActiveFilters: r = !1 }) => {
-		let { formatMessage: i } = u(), [s, m] = a(!1);
-		return /* @__PURE__ */ f(o.Root, {
+	FilterMenu: ({ children: i, hasActiveFilters: a = !1 }) => {
+		let { formatMessage: o } = f(), [l, g] = s(!1);
+		return /* @__PURE__ */ m(c.Root, {
 			modal: !1,
-			onOpenChange: m,
-			open: s,
-			children: [/* @__PURE__ */ d(o.Trigger, { children: /* @__PURE__ */ d(c, {
-				"aria-label": i(t.filterAriaLabel),
-				className: h.filterTrigger,
-				"data-resin-target": e.FILTER_MENU_TRIGGER,
-				icon: p,
-				pressed: s || r,
+			onOpenChange: g,
+			open: l,
+			children: [/* @__PURE__ */ p(c.Trigger, { children: /* @__PURE__ */ p(u, {
+				"aria-label": o(r.filterAriaLabel),
+				className: _.filterTrigger,
+				"data-resin-target": n.FILTER_MENU_TRIGGER,
+				icon: h,
+				pressed: l || a,
 				size: "small"
-			}) }), /* @__PURE__ */ f(o.Content, {
+			}) }), /* @__PURE__ */ m(c.Content, {
 				align: "end",
-				className: h.filterMenuContent,
-				children: [/* @__PURE__ */ d(l, {
+				className: _.filterMenuContent,
+				"data-resin-component": e.HEADER,
+				"data-resin-feature": t,
+				children: [/* @__PURE__ */ p(d, {
 					as: "p",
-					className: h.filtersTitle,
+					className: _.filtersTitle,
 					color: "textOnLightSecondary",
 					variant: "bodyDefaultBold",
-					children: i(t.filtersTitle)
-				}), n]
+					children: o(r.filtersTitle)
+				}), i]
 			})]
 		});
 	},
-	MentionMeOption: n,
-	ShowResolvedOption: r,
-	TaskButton: i
+	MentionMeOption: i,
+	ShowResolvedOption: a,
+	TaskButton: o
 });
-export { g as t };
+export { v as t };

package/dist/chunks/task-button.js

@@ -1,47 +1,49 @@
-import { ACTIVITY_FEED_RESIN_TARGETS as e } from "../esm/lib/resin-targets.js";
-import { r as t } from "./types.js";
-import { messages as n } from "../esm/lib/components/header/task-button/messages.js";
-import { useRef as r, useState as i } from "react";
-import { DropdownMenu as a, TriggerButton as o } from "@box/blueprint-web";
-import { useIntl as s } from "react-intl";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { ApprovalTask as u } from "@box/blueprint-web-assets/icons/Fill";
-import { Tasks as d } from "@box/blueprint-web-assets/icons/MediumFilled";
-import '../styles/task-button.css';var f = { content: "_content_wjran_1" }, p = ({ disabled: p = !1, onMenuItemClick: m }) => {
-	let { formatMessage: h } = s(), [g, _] = i(!1), v = r(!1), y = (e) => {
-		v.current = !0, m(e), _(!1);
+import { ACTIVITY_FEED_RESIN_COMPONENTS as e, ACTIVITY_FEED_RESIN_FEATURE as t, ACTIVITY_FEED_RESIN_TARGETS as n } from "../esm/lib/resin-targets.js";
+import { r } from "./types.js";
+import { messages as i } from "../esm/lib/components/header/task-button/messages.js";
+import { useRef as a, useState as o } from "react";
+import { DropdownMenu as s, TriggerButton 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 { ApprovalTask as f } from "@box/blueprint-web-assets/icons/Fill";
+import { Tasks as p } from "@box/blueprint-web-assets/icons/MediumFilled";
+import '../styles/task-button.css';var m = { content: "_content_wjran_1" }, h = ({ disabled: h = !1, onMenuItemClick: g }) => {
+	let { formatMessage: _ } = l(), [v, y] = o(!1), b = a(!1), x = (e) => {
+		b.current = !0, g(e), y(!1);
 	};
-	return /* @__PURE__ */ l(a.Root, {
-		onOpenChange: _,
-		open: g,
-		children: [/* @__PURE__ */ c(a.Trigger, { children: /* @__PURE__ */ c(o, {
-			caretDirection: g ? "up" : "down",
-			"data-resin-target": e.TASK_ADD_TRIGGER,
-			disabled: p,
-			label: h(n.taskButtonLabel),
+	return /* @__PURE__ */ d(s.Root, {
+		onOpenChange: y,
+		open: v,
+		children: [/* @__PURE__ */ u(s.Trigger, { children: /* @__PURE__ */ u(c, {
+			caretDirection: v ? "up" : "down",
+			"data-resin-target": n.TASK_ADD_TRIGGER,
+			disabled: h,
+			label: _(i.taskButtonLabel),
 			variant: "secondary"
-		}) }), /* @__PURE__ */ l(a.Content, {
+		}) }), /* @__PURE__ */ d(s.Content, {
 			align: "end",
-			className: f.content,
+			className: m.content,
+			"data-resin-component": e.HEADER,
+			"data-resin-feature": t,
 			onCloseAutoFocus: (e) => {
-				v.current &&= (e.preventDefault(), !1);
+				b.current &&= (e.preventDefault(), !1);
 			},
-			children: [/* @__PURE__ */ l(a.Item, {
-				"data-resin-target": e.TASK_ADD_GENERAL,
-				onSelect: () => y(t.GENERAL),
-				children: [/* @__PURE__ */ c(a.Item.StartElement, { icon: d }), /* @__PURE__ */ c(a.Item.MainContent, {
-					caption: h(n.generalTaskDescription),
-					label: h(n.generalTaskTitle)
+			children: [/* @__PURE__ */ d(s.Item, {
+				"data-resin-target": n.TASK_ADD_GENERAL,
+				onSelect: () => x(r.GENERAL),
+				children: [/* @__PURE__ */ u(s.Item.StartElement, { icon: p }), /* @__PURE__ */ u(s.Item.MainContent, {
+					caption: _(i.generalTaskDescription),
+					label: _(i.generalTaskTitle)
 				})]
-			}), /* @__PURE__ */ l(a.Item, {
-				"data-resin-target": e.TASK_ADD_APPROVAL,
-				onSelect: () => y(t.APPROVAL),
-				children: [/* @__PURE__ */ c(a.Item.StartElement, { icon: u }), /* @__PURE__ */ c(a.Item.MainContent, {
-					caption: h(n.approvalTaskDescription),
-					label: h(n.approvalTaskTitle)
+			}), /* @__PURE__ */ d(s.Item, {
+				"data-resin-target": n.TASK_ADD_APPROVAL,
+				onSelect: () => x(r.APPROVAL),
+				children: [/* @__PURE__ */ u(s.Item.StartElement, { icon: f }), /* @__PURE__ */ u(s.Item.MainContent, {
+					caption: _(i.approvalTaskDescription),
+					label: _(i.approvalTaskTitle)
 				})]
 			})]
 		})]
 	});
 };
-export { p as t };
+export { h as t };

package/dist/chunks/task-delete-confirmation-popover.js

@@ -1,53 +1,57 @@
-import e from "../esm/lib/components/task-item/components/task-message/messages.js";
-import { Button as t, Popover as n, Text 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 '../styles/task-delete-confirmation-popover.css';var s = {
+import { ACTIVITY_FEED_RESIN_COMPONENTS as e, ACTIVITY_FEED_RESIN_FEATURE as t, ACTIVITY_FEED_RESIN_TARGETS as n } from "../esm/lib/resin-targets.js";
+import r from "../esm/lib/components/task-item/components/task-message/messages.js";
+import { Button as i, Popover as a, Text as o } from "@box/blueprint-web";
+import { useIntl as s } from "react-intl";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import '../styles/task-delete-confirmation-popover.css';var u = {
 	deletePopoverAnchorWrapper: "_deletePopoverAnchorWrapper_2wpp6_3",
 	deletePopoverAnchor: "_deletePopoverAnchor_2wpp6_3",
 	deletePopover: "_deletePopover_2wpp6_3",
 	footer: "_footer_2wpp6_25"
 };
-function c({ confirming: c = !1, onCancel: l, onConfirm: u, onOpenChange: d, open: f }) {
-	let p = i();
-	return /* @__PURE__ */ a("div", {
-		className: s.deletePopoverAnchorWrapper,
-		children: /* @__PURE__ */ o(n.Root, {
+function d({ confirming: d = !1, onCancel: f, onConfirm: p, onOpenChange: m, open: h }) {
+	let g = s();
+	return /* @__PURE__ */ c("div", {
+		className: u.deletePopoverAnchorWrapper,
+		children: /* @__PURE__ */ l(a.Root, {
 			modal: !1,
-			onOpenChange: d,
-			open: f,
-			children: [/* @__PURE__ */ a(n.Anchor, { children: /* @__PURE__ */ a(r, {
+			onOpenChange: m,
+			open: h,
+			children: [/* @__PURE__ */ c(a.Anchor, { children: /* @__PURE__ */ c(o, {
 				as: "span",
-				className: s.deletePopoverAnchor
-			}) }), /* @__PURE__ */ o(n.ContentContainer, {
+				className: u.deletePopoverAnchor
+			}) }), /* @__PURE__ */ l(a.ContentContainer, {
 				align: "end",
-				"aria-label": p.formatMessage(e.deleteTaskConfirmationDialogAriaLabel),
-				className: s.deletePopover,
+				"aria-label": g.formatMessage(r.deleteTaskConfirmationDialogAriaLabel),
+				className: u.deletePopover,
+				"data-resin-component": e.TASK,
+				"data-resin-feature": t,
 				side: "bottom",
-				children: [/* @__PURE__ */ a(n.MainContent, { children: /* @__PURE__ */ a(r, {
+				children: [/* @__PURE__ */ c(a.MainContent, { children: /* @__PURE__ */ c(o, {
 					as: "p",
 					color: "textOnLightDefault",
 					variant: "bodyDefault",
-					children: p.formatMessage(e.deleteTaskConfirmationBody)
-				}) }), /* @__PURE__ */ o(n.Footer, {
-					className: s.footer,
-					children: [/* @__PURE__ */ a(t, {
-						disabled: c,
-						onClick: l,
+					children: g.formatMessage(r.deleteTaskConfirmationBody)
+				}) }), /* @__PURE__ */ l(a.Footer, {
+					className: u.footer,
+					children: [/* @__PURE__ */ c(i, {
+						disabled: d,
+						onClick: f,
 						size: "small",
 						variant: "secondary",
-						children: p.formatMessage(e.deleteTaskConfirmationCancel)
-					}), /* @__PURE__ */ a(t, {
-						loading: c,
-						loadingAriaLabel: p.formatMessage(e.deleteTaskConfirmationConfirmLoading),
-						onClick: u,
+						children: g.formatMessage(r.deleteTaskConfirmationCancel)
+					}), /* @__PURE__ */ c(i, {
+						"data-resin-target": n.TASK_DELETE_CONFIRM,
+						loading: d,
+						loadingAriaLabel: g.formatMessage(r.deleteTaskConfirmationConfirmLoading),
+						onClick: p,
 						size: "small",
 						variant: "destructive",
-						children: p.formatMessage(e.deleteTaskConfirmationConfirm)
+						children: g.formatMessage(r.deleteTaskConfirmationConfirm)
 					})]
 				})]
 			})]
 		})
 	});
 }
-export { c as t };
+export { d as t };

package/dist/chunks/task-options-menu.js

@@ -1,75 +1,81 @@
-import e from "../esm/lib/components/task-item/messages.js";
-import t from "../esm/lib/components/task-item/components/task-message/messages.js";
-import { t as n } from "./task-delete-confirmation-popover.js";
-import { useEffect as r, useState as i } from "react";
-import { DropdownMenu as a, IconButton as o, Text as s } from "@box/blueprint-web";
-import { useIntl as c } from "react-intl";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import { Ellipsis as d, InformationCircle as f, Pencil as p, Trash as m } from "@box/blueprint-web-assets/icons/Medium";
-import { bpTextTextDestructiveOnLight as h } from "@box/blueprint-web-assets/tokens/tokens";
-import '../styles/task-options-menu.css';var g = { shell: "_shell_zywke_2" };
-function _({ canDelete: _ = !0, canEdit: v = !0, disabled: y, onEdit: b, onDelete: x, onView: S, onOpenChange: C }) {
-	let { formatMessage: w } = c(), [T, E] = i(!1), [D, O] = i(!1), [k, A] = i(!1);
-	return r(() => {
-		C?.(T || D);
+import { ACTIVITY_FEED_RESIN_COMPONENTS as e, ACTIVITY_FEED_RESIN_FEATURE as t, ACTIVITY_FEED_RESIN_TARGETS as n } from "../esm/lib/resin-targets.js";
+import r from "../esm/lib/components/task-item/messages.js";
+import i from "../esm/lib/components/task-item/components/task-message/messages.js";
+import { t as a } from "./task-delete-confirmation-popover.js";
+import { useEffect as o, useState as s } from "react";
+import { DropdownMenu as c, IconButton as l, Text as u } from "@box/blueprint-web";
+import { useIntl as d } from "react-intl";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { Ellipsis as m, InformationCircle as h, Pencil as g, Trash as _ } from "@box/blueprint-web-assets/icons/Medium";
+import { bpTextTextDestructiveOnLight as v } from "@box/blueprint-web-assets/tokens/tokens";
+import '../styles/task-options-menu.css';var y = { shell: "_shell_zywke_2" };
+function b({ canDelete: b = !0, canEdit: x = !0, disabled: S, onEdit: C, onDelete: w, onView: T, onOpenChange: E }) {
+	let { formatMessage: D } = d(), [O, k] = s(!1), [A, j] = s(!1), [M, N] = s(!1);
+	return o(() => {
+		E?.(O || A);
 	}, [
-		T,
-		D,
-		C
-	]), /* @__PURE__ */ u("div", {
-		className: g.shell,
-		children: [/* @__PURE__ */ u(a.Root, {
-			onOpenChange: E,
-			children: [/* @__PURE__ */ l(a.Trigger, { children: /* @__PURE__ */ l(o, {
-				"aria-label": w(t.moreOptionsAriaLabel),
+		O,
+		A,
+		E
+	]), /* @__PURE__ */ p("div", {
+		className: y.shell,
+		children: [/* @__PURE__ */ p(c.Root, {
+			onOpenChange: k,
+			children: [/* @__PURE__ */ f(c.Trigger, { children: /* @__PURE__ */ f(l, {
+				"aria-label": D(i.moreOptionsAriaLabel),
 				"data-no-expand": !0,
-				disabled: y || D,
-				icon: d,
+				disabled: S || A,
+				icon: m,
 				size: "small"
-			}) }), /* @__PURE__ */ u(a.Content, {
+			}) }), /* @__PURE__ */ p(c.Content, {
 				align: "end",
+				"data-resin-component": e.TASK,
+				"data-resin-feature": t,
 				children: [
-					S && /* @__PURE__ */ u(a.Item, {
-						onSelect: () => S(),
-						children: [/* @__PURE__ */ l(a.Item.StartElement, { icon: f }), /* @__PURE__ */ l(a.Item.MainContent, { label: w(e.taskViewDetailsAction) })]
+					T && /* @__PURE__ */ p(c.Item, {
+						"data-resin-target": n.TASK_VIEW_DETAILS,
+						onSelect: () => T(),
+						children: [/* @__PURE__ */ f(c.Item.StartElement, { icon: h }), /* @__PURE__ */ f(c.Item.MainContent, { label: D(r.taskViewDetailsAction) })]
 					}),
-					v && b && /* @__PURE__ */ u(a.Item, {
-						onSelect: () => b(),
-						children: [/* @__PURE__ */ l(a.Item.StartElement, { icon: p }), /* @__PURE__ */ l(a.Item.MainContent, { label: w(e.taskEditMenuItem) })]
+					x && C && /* @__PURE__ */ p(c.Item, {
+						"data-resin-target": n.TASK_EDIT,
+						onSelect: () => C(),
+						children: [/* @__PURE__ */ f(c.Item.StartElement, { icon: g }), /* @__PURE__ */ f(c.Item.MainContent, { label: D(r.taskEditMenuItem) })]
 					}),
-					_ && x && /* @__PURE__ */ u(a.Item, {
+					b && w && /* @__PURE__ */ p(c.Item, {
+						"data-resin-target": n.TASK_DELETE,
 						onSelect: () => {
-							O(!0);
+							j(!0);
 						},
-						children: [/* @__PURE__ */ l(a.Item.StartElement, { children: /* @__PURE__ */ l(m, { color: h }) }), /* @__PURE__ */ l(a.Item.MainContent, { children: /* @__PURE__ */ l(s, {
+						children: [/* @__PURE__ */ f(c.Item.StartElement, { children: /* @__PURE__ */ f(_, { color: v }) }), /* @__PURE__ */ f(c.Item.MainContent, { children: /* @__PURE__ */ f(u, {
 							as: "span",
 							color: "textOnLightError",
 							variant: "bodyDefault",
-							children: w(e.taskDeleteMenuItem)
+							children: D(r.taskDeleteMenuItem)
 						}) })]
 					})
 				]
 			})]
-		}), _ && x && /* @__PURE__ */ l(n, {
-			confirming: k,
+		}), b && w && /* @__PURE__ */ f(a, {
+			confirming: M,
 			onCancel: () => {
-				k || O(!1);
+				M || j(!1);
 			},
 			onConfirm: async () => {
-				if (!(!x || k)) {
-					A(!0);
+				if (!(!w || M)) {
+					N(!0);
 					try {
-						await x();
+						await w();
 					} catch {} finally {
-						A(!1), O(!1);
+						N(!1), j(!1);
 					}
 				}
 			},
 			onOpenChange: (e) => {
-				!e && k || O(e);
+				!e && M || j(e);
 			},
-			open: D
+			open: A
 		})]
 	});
 }
-export { _ as t };
+export { b as t };

package/dist/esm/lib/components/task-item/TaskItem.js

@@ -1,90 +1,92 @@
-import { n as e, r as t, t as n } from "../../../../chunks/types.js";
-import { t as r } from "../../../../chunks/TaskMessage.js";
-import i from "./messages.js";
-import { t as a } from "../../../../chunks/TaskState.js";
-import { n as o, t as s } from "../../../../chunks/TaskItemFooter.js";
-import { taskAuthorToTaskMessageAuthor as ee, taskDescriptionToDocument as c } from "./utils/task-item-helpers.js";
-import { useState as l } from "react";
-import { Card as u, Text as d } from "@box/blueprint-web";
-import { useIntl as f } from "react-intl";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
-import { Stamp as h, Tasks as g } from "@box/blueprint-web-assets/icons/Medium";
-function _({ assignees: _, author: v, completedAt: y, completionRule: te, createdAt: b, currentUserId: x, description: S, disabled: C = !1, dueDate: w, fileCount: T, getAvatarUrl: E, hasNextPage: D, id: O, managedBy: ne, onApprove: k, onComplete: A, onDelete: j, onEdit: M, onLoadAllAssignee: N, onReject: P, onView: F, permissions: I, status: L, taskType: R }) {
-	let z = f(), B = L === e.COMPLETED || L === e.APPROVED || L === e.REJECTED, V = x ? _.find((e) => e.id === x) : void 0, H = !!(!B && V && V.permissions?.canUpdate && V.status === e.NOT_STARTED), [U, W] = l(void 0), G = async (e, t) => {
-		if (!(!t || U)) {
-			W(e);
+import { ACTIVITY_FEED_RESIN_COMPONENTS as e } from "../../resin-targets.js";
+import { n as t, r as n, t as r } from "../../../../chunks/types.js";
+import { t as i } from "../../../../chunks/TaskMessage.js";
+import a from "./messages.js";
+import { t as o } from "../../../../chunks/TaskState.js";
+import { n as s, t as ee } from "../../../../chunks/TaskItemFooter.js";
+import { taskAuthorToTaskMessageAuthor as c, taskDescriptionToDocument as l } from "./utils/task-item-helpers.js";
+import { useState as u } from "react";
+import { Card as d, Text as f } from "@box/blueprint-web";
+import { useIntl as p } from "react-intl";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { Stamp as g, Tasks as _ } from "@box/blueprint-web-assets/icons/Medium";
+function v({ assignees: v, author: y, completedAt: b, completionRule: te, createdAt: x, currentUserId: S, description: C, disabled: w = !1, dueDate: T, fileCount: E, getAvatarUrl: D, hasNextPage: O, id: k, managedBy: ne, onApprove: A, onComplete: j, onDelete: M, onEdit: N, onLoadAllAssignee: P, onReject: F, onView: I, permissions: L, status: R, taskType: z }) {
+	let B = p(), V = R === t.COMPLETED || R === t.APPROVED || R === t.REJECTED, H = S ? v.find((e) => e.id === S) : void 0, U = !!(!V && H && H.permissions?.canUpdate && H.status === t.NOT_STARTED), [W, G] = u(void 0), K = async (e, t) => {
+		if (!(!t || W)) {
+			G(e);
 			try {
-				await t(O);
+				await t(k);
 			} catch {} finally {
-				W(void 0);
+				G(void 0);
 			}
 		}
-	}, K = () => {
-		G("complete", A);
 	}, q = () => {
-		G("approve", k);
+		K("complete", j);
 	}, J = () => {
-		G("reject", P);
-	}, Y = j ? () => G("delete", j) : void 0, X = (T ?? 1) > 1, Z = (X || (ne?.entries?.length ?? 0) > 0) && !!F, Q = !X && R === t.GENERAL && H && !!A, $ = !X && R === t.APPROVAL && H && !!(k || P), re = c(S), ie = ee(v, E), ae = I ? I.canDelete : !!j, oe = I ? I.canUpdate : !!M, se = Q || $, ce = U !== void 0, le = /* @__PURE__ */ p(a, {
-		completedAt: y ?? b,
-		showCount: te === n.ALL_ASSIGNEES && !D,
-		totalCount: _.length,
-		variant: L
+		K("approve", A);
+	}, Y = () => {
+		K("reject", F);
+	}, X = M ? () => K("delete", M) : void 0, Z = (E ?? 1) > 1, re = (Z || (ne?.entries?.length ?? 0) > 0) && !!I, Q = !Z && z === n.GENERAL && U && !!j, $ = !Z && z === n.APPROVAL && U && !!(A || F), ie = l(C), ae = c(y, D), oe = L ? L.canDelete : !!M, se = L ? L.canUpdate : !!N, ce = Q || $, le = W !== void 0, ue = /* @__PURE__ */ m(o, {
+		completedAt: b ?? x,
+		showCount: te === r.ALL_ASSIGNEES && !O,
+		totalCount: v.length,
+		variant: R
 	});
-	return /* @__PURE__ */ m(u, {
-		className: o.taskItem,
-		"data-task-id": O,
+	return /* @__PURE__ */ h(d, {
+		className: s.taskItem,
+		"data-resin-component": e.TASK,
+		"data-task-id": k,
 		"data-testid": "task-item",
-		children: [/* @__PURE__ */ p("div", {
-			className: o.header,
-			children: /* @__PURE__ */ m("div", {
-				className: o.headerTitleRow,
-				children: [R === t.APPROVAL ? /* @__PURE__ */ p(h, {
+		children: [/* @__PURE__ */ m("div", {
+			className: s.header,
+			children: /* @__PURE__ */ h("div", {
+				className: s.headerTitleRow,
+				children: [z === n.APPROVAL ? /* @__PURE__ */ m(g, {
 					"aria-hidden": !0,
-					className: o.headerLeadingIcon,
+					className: s.headerLeadingIcon,
 					color: "currentColor"
-				}) : /* @__PURE__ */ p(g, {
+				}) : /* @__PURE__ */ m(_, {
 					"aria-hidden": !0,
-					className: o.headerLeadingIcon,
+					className: s.headerLeadingIcon,
 					color: "currentColor"
-				}), /* @__PURE__ */ p(d, {
+				}), /* @__PURE__ */ m(f, {
 					as: "h4",
 					variant: "bodyDefaultSemibold",
-					children: z.formatMessage(R === t.APPROVAL ? i.approvalTaskLabel : i.taskLabel)
+					children: B.formatMessage(z === n.APPROVAL ? a.approvalTaskLabel : a.taskLabel)
 				})]
 			})
-		}), /* @__PURE__ */ m("div", {
-			className: o.cardBody,
-			children: [/* @__PURE__ */ p(r, {
-				author: ie,
-				canDelete: !C && ae,
-				canEdit: !C && oe,
-				createdAt: b,
-				disabled: C || ce,
-				id: O,
-				message: re,
-				onDelete: Y,
-				onEdit: M,
-				onView: Z ? F : void 0,
-				showThreadedIndicator: B,
-				children: /* @__PURE__ */ p(s, {
-					assignees: _,
-					canApprove: !!k,
-					canReject: !!P,
-					disabled: C,
-					dueDate: w,
-					hasNextPage: D,
-					onApprove: q,
-					onComplete: K,
-					onLoadAllAssignee: N,
-					onReject: J,
-					pendingAction: U,
-					showActionButtons: se,
+		}), /* @__PURE__ */ h("div", {
+			className: s.cardBody,
+			children: [/* @__PURE__ */ m(i, {
+				author: ae,
+				canDelete: !w && oe,
+				canEdit: !w && se,
+				createdAt: x,
+				disabled: w || le,
+				id: k,
+				message: ie,
+				onDelete: X,
+				onEdit: N,
+				onView: re ? I : void 0,
+				showThreadedIndicator: V,
+				children: /* @__PURE__ */ m(ee, {
+					assignees: v,
+					canApprove: !!A,
+					canReject: !!F,
+					disabled: w,
+					dueDate: T,
+					hasNextPage: O,
+					onApprove: J,
+					onComplete: q,
+					onLoadAllAssignee: P,
+					onReject: Y,
+					pendingAction: W,
+					showActionButtons: ce,
 					showApprovalActions: $,
 					showGeneralComplete: Q
 				})
-			}), le]
+			}), ue]
 		})]
 	});
 }
-export { _ as TaskItem, _ as default };
+export { v as TaskItem, v as default };

package/dist/esm/lib/components/version-item/version-item.js

@@ -1,52 +1,54 @@
-import { t as e } from "../../../../chunks/version-item.module.js";
-import { messages as t } from "./messages.js";
-import { DeleteVersionItem as n } from "./delete-version-item/delete-version-item.js";
-import { DividerVersionItem as r } from "./divider-version-item/divider-version-item.js";
-import { Text as i } from "@box/blueprint-web";
-import { FormattedMessage as a } from "react-intl";
-import { jsx as o } from "react/jsx-runtime";
-var s = {
-	promote: t.versionPromoted,
-	restore: t.versionRestored,
-	upload: t.versionUploaded
-}, c = {
-	promote: t.appPromoted,
-	restore: t.appRestored,
-	upload: t.appUploaded
-}, l = ({ actionType: t = "upload", appName: l, authorName: u, avatarUrl: d, createdAt: f, id: p, onVersionClick: m, versionNumber: h }) => {
-	if (t === "delete") return /* @__PURE__ */ o(n, {
-		authorName: u,
-		avatarUrl: d,
-		createdAt: f,
-		id: p,
-		versionNumber: h
+import { ACTIVITY_FEED_RESIN_TARGETS as e } from "../../resin-targets.js";
+import { t } from "../../../../chunks/version-item.module.js";
+import { messages as n } from "./messages.js";
+import { DeleteVersionItem as r } from "./delete-version-item/delete-version-item.js";
+import { DividerVersionItem as i } from "./divider-version-item/divider-version-item.js";
+import { Text as a } from "@box/blueprint-web";
+import { FormattedMessage as o } from "react-intl";
+import { jsx as s } from "react/jsx-runtime";
+var c = {
+	promote: n.versionPromoted,
+	restore: n.versionRestored,
+	upload: n.versionUploaded
+}, l = {
+	promote: n.appPromoted,
+	restore: n.appRestored,
+	upload: n.appUploaded
+}, u = ({ actionType: n = "upload", appName: u, authorName: d, avatarUrl: f, createdAt: p, id: m, onVersionClick: h, versionNumber: g }) => {
+	if (n === "delete") return /* @__PURE__ */ s(r, {
+		authorName: d,
+		avatarUrl: f,
+		createdAt: p,
+		id: m,
+		versionNumber: g
 	});
-	let g = () => {
-		m?.({
-			id: p,
-			versionNumber: h
+	let _ = () => {
+		h?.({
+			id: m,
+			versionNumber: g
 		});
-	}, _ = l ? c[t] : s[t];
-	if (!_) return null;
-	let v = (t) => m ? /* @__PURE__ */ o("button", {
-		className: e.badgeButton,
-		onClick: g,
+	}, v = u ? l[n] : c[n];
+	if (!v) return null;
+	let y = (n) => h ? /* @__PURE__ */ s("button", {
+		className: t.badgeButton,
+		"data-resin-target": e.VERSION_CARD,
+		onClick: _,
 		type: "button",
-		children: t
-	}) : /* @__PURE__ */ o(i, {
+		children: n
+	}) : /* @__PURE__ */ s(a, {
 		as: "span",
-		className: e.badge,
+		className: t.badge,
 		color: "textOnLightSecondary",
 		variant: "labelBold",
-		children: t
+		children: n
 	});
-	return /* @__PURE__ */ o(r, { children: /* @__PURE__ */ o(a, {
-		..._,
+	return /* @__PURE__ */ s(i, { children: /* @__PURE__ */ s(o, {
+		...v,
 		values: {
-			appName: l,
-			badge: v,
-			versionNumber: h
+			appName: u,
+			badge: y,
+			versionNumber: g
 		}
 	}) });
 };
-export { l as VersionItem };
+export { u as VersionItem };

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

@@ -1,10 +1,20 @@
-var e = {
+var e = "activityfeedv2", t = {
+	HEADER: "activityfeedheader",
+	TASK: "activityfeedtask"
+}, n = {
 	FILTER_MENTION_ME: "activityfeed-filter-mentionme",
 	FILTER_MENU_TRIGGER: "activityfeed-filter",
 	FILTER_SHOW_RESOLVED: "activityfeed-filter-showresolved",
-	HEADER: "activityfeedheader",
 	TASK_ADD_APPROVAL: "activityfeed-addtask-approval",
 	TASK_ADD_GENERAL: "activityfeed-addtask-general",
-	TASK_ADD_TRIGGER: "activityfeed-addtask"
+	TASK_ADD_TRIGGER: "activityfeed-addtask",
+	TASK_APPROVE: "activityfeed-taskapprove",
+	TASK_COMPLETE: "activityfeed-taskcomplete",
+	TASK_DELETE: "activityfeed-task-delete",
+	TASK_DELETE_CONFIRM: "activityfeed-taskdeleteconfirm",
+	TASK_EDIT: "activityfeed-task-edit",
+	TASK_REJECT: "activityfeed-taskreject",
+	TASK_VIEW_DETAILS: "activityfeed-viewtaskdetails",
+	VERSION_CARD: "activityfeed-versioninfo"
 };
-export { e as ACTIVITY_FEED_RESIN_TARGETS };
+export { t as ACTIVITY_FEED_RESIN_COMPONENTS, e as ACTIVITY_FEED_RESIN_FEATURE, n as ACTIVITY_FEED_RESIN_TARGETS };

package/dist/types/lib/resin-targets.d.ts

@@ -1,9 +1,21 @@
+export declare const ACTIVITY_FEED_RESIN_FEATURE = "activityfeedv2";
+export declare const ACTIVITY_FEED_RESIN_COMPONENTS: {
+    readonly HEADER: "activityfeedheader";
+    readonly TASK: "activityfeedtask";
+};
 export declare const ACTIVITY_FEED_RESIN_TARGETS: {
     readonly FILTER_MENTION_ME: "activityfeed-filter-mentionme";
     readonly FILTER_MENU_TRIGGER: "activityfeed-filter";
     readonly FILTER_SHOW_RESOLVED: "activityfeed-filter-showresolved";
-    readonly HEADER: "activityfeedheader";
     readonly TASK_ADD_APPROVAL: "activityfeed-addtask-approval";
     readonly TASK_ADD_GENERAL: "activityfeed-addtask-general";
     readonly TASK_ADD_TRIGGER: "activityfeed-addtask";
+    readonly TASK_APPROVE: "activityfeed-taskapprove";
+    readonly TASK_COMPLETE: "activityfeed-taskcomplete";
+    readonly TASK_DELETE: "activityfeed-task-delete";
+    readonly TASK_DELETE_CONFIRM: "activityfeed-taskdeleteconfirm";
+    readonly TASK_EDIT: "activityfeed-task-edit";
+    readonly TASK_REJECT: "activityfeed-taskreject";
+    readonly TASK_VIEW_DETAILS: "activityfeed-viewtaskdetails";
+    readonly VERSION_CARD: "activityfeed-versioninfo";
 };

package/package.json

@@ -1,13 +1,13 @@
 {
     "name": "@box/activity-feed",
-    "version": "2.1.30",
+    "version": "2.2.0",
     "license": "SEE LICENSE IN LICENSE",
     "peerDependencies": {
         "@box/blueprint-web": "^16.7.1",
         "@box/blueprint-web-assets": "^5.4.2",
         "@box/collaboration-popover": "^2.1.22",
         "@box/readable-time": "^2.1.22",
-        "@box/threaded-annotations": "^4.0.1",
+        "@box/threaded-annotations": "^4.0.2",
         "@box/user-selector": "^2.1.23",
         "clsx": "^1.2.1",
         "react": "^18.0.0",
@@ -24,7 +24,7 @@
         "@box/eslint-plugin-blueprint": "2.1.9",
         "@box/readable-time": "^2.1.22",
         "@box/storybook-utils": "1.1.21",
-        "@box/threaded-annotations": "^4.0.1",
+        "@box/threaded-annotations": "^4.0.2",
         "@box/user-selector": "^2.1.23",
         "react-intl": "^6.4.2"
     },