@box/activity-feed 2.2.15 → 2.2.17

package/dist/chunks/AssigneeList.js

@@ -1,124 +1 @@
-import { n as e } from "./types.js";
-import t from "../esm/lib/components/task-item/messages.js";
-import { UserAvatar as n } from "../esm/lib/components/user-avatar/user-avatar.js";
-import { useCallback as r, useEffect as i, useState as a } from "react";
-import { Avatar as o, Text as s, TextButton as c } from "@box/blueprint-web";
-import { useIntl as l } from "react-intl";
-import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
-import { Gray10 as p } from "@box/blueprint-web-assets/tokens/tokens";
-import '../styles/AssigneeList.css';var m = {
-	assigneeList: "_assigneeList_hcidg_4",
-	assigneeItem: "_assigneeItem_hcidg_11",
-	assigneeMeta: "_assigneeMeta_hcidg_17",
-	assigneeName: "_assigneeName_hcidg_25",
-	assigneeSeparator: "_assigneeSeparator_hcidg_33",
-	assigneeStatusSuccess: "_assigneeStatusSuccess_hcidg_37",
-	assigneeStatusRejected: "_assigneeStatusRejected_hcidg_42",
-	assigneeShowMoreRow: "_assigneeShowMoreRow_hcidg_47",
-	assigneeShowLessButton: "_assigneeShowLessButton_hcidg_55"
-}, h = 3;
-function g(n) {
-	switch (n) {
-		case e.COMPLETED: return {
-			message: t.assigneeRowStatusCompleted,
-			statusClass: m.assigneeStatusSuccess
-		};
-		case e.APPROVED: return {
-			message: t.assigneeRowStatusApproved,
-			statusClass: m.assigneeStatusSuccess
-		};
-		case e.REJECTED: return {
-			message: t.assigneeRowStatusRejected,
-			statusClass: m.assigneeStatusRejected
-		};
-		default: return null;
-	}
-}
-function _({ assignees: e, disabled: _ = !1, hasNextPage: v = !1, onLoadAllAssignee: y }) {
-	let [b, x] = a(!1), [S, C] = a(!1), [w, T] = a(!1), [E, D] = a(e), [O, k] = a(!1), { formatMessage: A } = l();
-	i(() => {
-		D(e), k(!1), x(!1), T(!1), C(!1);
-	}, [e]);
-	let j = r(async () => {
-		if (v && y && !O) {
-			C(!0), T(!1);
-			try {
-				D(await y()), k(!0), x(!0);
-			} catch {
-				T(!0);
-			} finally {
-				C(!1);
-			}
-		} else x(!0);
-	}, [
-		v,
-		y,
-		O
-	]);
-	if (E.length === 0) return null;
-	let M = E.length, N = b ? M : Math.min(h, M), P = Math.max(0, M - h), F;
-	return F = S ? A(t.loadingAssignees) : P > 0 ? A(v && !O ? t.showMoreAssigneesApproximate : t.showMoreAssignees, { count: P }) : A(t.showMore), /* @__PURE__ */ f("div", {
-		className: m.assigneeList,
-		children: [
-			E.slice(0, N).map((e) => {
-				let t = g(e.status);
-				return /* @__PURE__ */ f("div", {
-					className: m.assigneeItem,
-					"data-testid": `assignee-row-${e.id}`,
-					children: [/* @__PURE__ */ d(n, {
-						size: "xsmall",
-						user: e
-					}), /* @__PURE__ */ f("div", {
-						className: m.assigneeMeta,
-						children: [/* @__PURE__ */ d(s, {
-							as: "span",
-							variant: "bodySmall",
-							color: "textOnLightSecondary",
-							className: m.assigneeName,
-							children: e.name
-						}), t && /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(s, {
-							as: "span",
-							variant: "bodySmall",
-							color: "textOnLightSecondary",
-							"aria-hidden": !0,
-							className: m.assigneeSeparator,
-							children: "·"
-						}), /* @__PURE__ */ d(s, {
-							as: "span",
-							variant: "bodySmall",
-							className: t.statusClass,
-							children: A(t.message)
-						})] })]
-					})]
-				}, e.id);
-			}),
-			!b && (P > 0 || v) && /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ f("div", {
-				className: m.assigneeShowMoreRow,
-				children: [P > 0 && (!v || O) && /* @__PURE__ */ d(o, {
-					"aria-hidden": !0,
-					color: p,
-					size: "xsmall",
-					text: `+${P}`
-				}), /* @__PURE__ */ d(c, {
-					disabled: S || _,
-					onClick: j,
-					type: "button",
-					children: F
-				})]
-			}), w && /* @__PURE__ */ d(s, {
-				as: "div",
-				variant: "bodySmall",
-				color: "textOnLightError",
-				children: A(t.loadAssigneesError)
-			})] }),
-			b && P > 0 && /* @__PURE__ */ d(c, {
-				className: m.assigneeShowLessButton,
-				disabled: _,
-				onClick: () => x(!1),
-				type: "button",
-				children: A(t.showLessAssignees)
-			})
-		]
-	});
-}
-export { _ as t };
+import{n as TaskStatus}from"./types.js";import messages from"../esm/lib/components/task-item/messages.js";import{UserAvatar}from"../esm/lib/components/user-avatar/user-avatar.js";import{useCallback,useEffect,useState}from"react";import{Avatar,Text,TextButton}from"@box/blueprint-web";import{useIntl}from"react-intl";import{Fragment,jsx,jsxs}from"react/jsx-runtime";import{Gray10}from"@box/blueprint-web-assets/tokens/tokens";import '../styles/AssigneeList.css';var AssigneeList_module_default={assigneeList:`_assigneeList_hcidg_4`,assigneeItem:`_assigneeItem_hcidg_11`,assigneeMeta:`_assigneeMeta_hcidg_17`,assigneeName:`_assigneeName_hcidg_25`,assigneeSeparator:`_assigneeSeparator_hcidg_33`,assigneeStatusSuccess:`_assigneeStatusSuccess_hcidg_37`,assigneeStatusRejected:`_assigneeStatusRejected_hcidg_42`,assigneeShowMoreRow:`_assigneeShowMoreRow_hcidg_47`,assigneeShowLessButton:`_assigneeShowLessButton_hcidg_55`},INITIAL_VISIBLE_ASSIGNEE_COUNT=3;function getAssigneeRowStatus(status){switch(status){case TaskStatus.COMPLETED:return{message:messages.assigneeRowStatusCompleted,statusClass:AssigneeList_module_default.assigneeStatusSuccess};case TaskStatus.APPROVED:return{message:messages.assigneeRowStatusApproved,statusClass:AssigneeList_module_default.assigneeStatusSuccess};case TaskStatus.REJECTED:return{message:messages.assigneeRowStatusRejected,statusClass:AssigneeList_module_default.assigneeStatusRejected};default:return null}}function AssigneeList({assignees,disabled=!1,hasNextPage=!1,onLoadAllAssignee}){let[isExpanded,setIsExpanded]=useState(!1),[isLoading,setIsLoading]=useState(!1),[loadError,setLoadError]=useState(!1),[allAssignees,setAllAssignees]=useState(assignees),[hasLoadedAll,setHasLoadedAll]=useState(!1),{formatMessage}=useIntl();useEffect(()=>{setAllAssignees(assignees),setHasLoadedAll(!1),setIsExpanded(!1),setLoadError(!1),setIsLoading(!1)},[assignees]);let handleShowMore=useCallback(async()=>{if(hasNextPage&&onLoadAllAssignee&&!hasLoadedAll){setIsLoading(!0),setLoadError(!1);try{setAllAssignees(await onLoadAllAssignee()),setHasLoadedAll(!0),setIsExpanded(!0)}catch{setLoadError(!0)}finally{setIsLoading(!1)}}else setIsExpanded(!0)},[hasNextPage,onLoadAllAssignee,hasLoadedAll]);if(allAssignees.length===0)return null;let totalCount=allAssignees.length,visibleCount=isExpanded?totalCount:Math.min(INITIAL_VISIBLE_ASSIGNEE_COUNT,totalCount),hiddenCount=Math.max(0,totalCount-INITIAL_VISIBLE_ASSIGNEE_COUNT),showMoreLabel;return showMoreLabel=isLoading?formatMessage(messages.loadingAssignees):hiddenCount>0?formatMessage(hasNextPage&&!hasLoadedAll?messages.showMoreAssigneesApproximate:messages.showMoreAssignees,{count:hiddenCount}):formatMessage(messages.showMore),jsxs(`div`,{className:AssigneeList_module_default.assigneeList,children:[allAssignees.slice(0,visibleCount).map(assignee=>{let rowStatus=getAssigneeRowStatus(assignee.status);return jsxs(`div`,{className:AssigneeList_module_default.assigneeItem,"data-testid":`assignee-row-${assignee.id}`,children:[jsx(UserAvatar,{size:`xsmall`,user:assignee}),jsxs(`div`,{className:AssigneeList_module_default.assigneeMeta,children:[jsx(Text,{as:`span`,variant:`bodySmall`,color:`textOnLightSecondary`,className:AssigneeList_module_default.assigneeName,children:assignee.name}),rowStatus&&jsxs(Fragment,{children:[jsx(Text,{as:`span`,variant:`bodySmall`,color:`textOnLightSecondary`,"aria-hidden":!0,className:AssigneeList_module_default.assigneeSeparator,children:`·`}),jsx(Text,{as:`span`,variant:`bodySmall`,className:rowStatus.statusClass,children:formatMessage(rowStatus.message)})]})]})]},assignee.id)}),!isExpanded&&(hiddenCount>0||hasNextPage)&&jsxs(Fragment,{children:[jsxs(`div`,{className:AssigneeList_module_default.assigneeShowMoreRow,children:[hiddenCount>0&&(!hasNextPage||hasLoadedAll)&&jsx(Avatar,{"aria-hidden":!0,color:Gray10,size:`xsmall`,text:`+${hiddenCount}`}),jsx(TextButton,{disabled:isLoading||disabled,onClick:handleShowMore,type:`button`,children:showMoreLabel})]}),loadError&&jsx(Text,{as:`div`,variant:`bodySmall`,color:`textOnLightError`,children:formatMessage(messages.loadAssigneesError)})]}),isExpanded&&hiddenCount>0&&jsx(TextButton,{className:AssigneeList_module_default.assigneeShowLessButton,disabled,onClick:()=>setIsExpanded(!1),type:`button`,children:formatMessage(messages.showLessAssignees)})]})}export{AssigneeList as t};

package/dist/chunks/TaskDueDate.js

@@ -1,44 +1 @@
-import e from "../esm/lib/components/task-item/messages.js";
-import { Text as t } from "@box/blueprint-web";
-import { FormattedMessage as n, useIntl as r } from "react-intl";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { Calendar as o } from "@box/blueprint-web-assets/icons/Medium";
-import '../styles/TaskDueDate.css';var s = {
-	dueDateRow: "_dueDateRow_1jnvx_1",
-	dueDateCalendarIcon: "_dueDateCalendarIcon_1jnvx_7",
-	dueDateRowOverdue: "_dueDateRowOverdue_1jnvx_14"
-}, c = ({ dueDate: c }) => {
-	let l = r();
-	if (!Number.isFinite(c) || c === 0) return null;
-	let u = new Date(c), d = c < Date.now(), f = /* @__PURE__ */ new Date(), p = u.getFullYear() === f.getFullYear(), m = l.formatDate(u, p ? {
-		month: "short",
-		day: "numeric"
-	} : {
-		month: "short",
-		day: "numeric",
-		year: "numeric"
-	}), h = l.formatDate(u, {
-		hour: "numeric",
-		minute: "2-digit"
-	});
-	return /* @__PURE__ */ a("div", {
-		className: d ? `${s.dueDateRow} ${s.dueDateRowOverdue}` : s.dueDateRow,
-		children: [/* @__PURE__ */ i(o, {
-			"aria-hidden": !0,
-			className: s.dueDateCalendarIcon,
-			color: "currentColor"
-		}), /* @__PURE__ */ i(t, {
-			as: "span",
-			variant: "bodySmall",
-			color: d ? "textOnLightError" : "textOnLightSecondary",
-			children: /* @__PURE__ */ i(n, {
-				...e.taskDueDateLabel,
-				values: {
-					monthDay: m,
-					time: h
-				}
-			})
-		})]
-	});
-};
-export { c as t };
+import messages from"../esm/lib/components/task-item/messages.js";import{Text}from"@box/blueprint-web";import{FormattedMessage,useIntl}from"react-intl";import{jsx,jsxs}from"react/jsx-runtime";import{Calendar}from"@box/blueprint-web-assets/icons/Medium";import '../styles/TaskDueDate.css';var TaskDueDate_module_default={dueDateRow:`_dueDateRow_1jnvx_1`,dueDateCalendarIcon:`_dueDateCalendarIcon_1jnvx_7`,dueDateRowOverdue:`_dueDateRowOverdue_1jnvx_14`},TaskDueDate=({dueDate})=>{let intl=useIntl();if(!Number.isFinite(dueDate)||dueDate===0)return null;let dueDateObj=new Date(dueDate),isOverdue=dueDate<Date.now(),now=new Date,dateInCurrentYear=dueDateObj.getFullYear()===now.getFullYear(),monthDay=intl.formatDate(dueDateObj,dateInCurrentYear?{month:`short`,day:`numeric`}:{month:`short`,day:`numeric`,year:`numeric`}),time=intl.formatDate(dueDateObj,{hour:`numeric`,minute:`2-digit`});return jsxs(`div`,{className:isOverdue?`${TaskDueDate_module_default.dueDateRow} ${TaskDueDate_module_default.dueDateRowOverdue}`:TaskDueDate_module_default.dueDateRow,children:[jsx(Calendar,{"aria-hidden":!0,className:TaskDueDate_module_default.dueDateCalendarIcon,color:`currentColor`}),jsx(Text,{as:`span`,variant:`bodySmall`,color:isOverdue?`textOnLightError`:`textOnLightSecondary`,children:jsx(FormattedMessage,{...messages.taskDueDateLabel,values:{monthDay,time}})})]})};export{TaskDueDate as t};

package/dist/chunks/TaskItemFooter.js

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

package/dist/chunks/TaskMessage.js

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

package/dist/chunks/TaskState.js

@@ -1,83 +1 @@
-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 };
+import{n as TaskStatus}from"./types.js";import messages from"../esm/lib/components/task-item/components/task-state/messages.js";import{Text}from"@box/blueprint-web";import{useIntl}from"react-intl";import{Fragment,jsx,jsxs}from"react/jsx-runtime";import{ReadableTime}from"@box/readable-time";import{CheckmarkCircle,XMarkCircle}from"@box/blueprint-web-assets/icons/MediumFilled";import{bpGreenLight125,bpWatermelonRed125}from"@box/blueprint-web-assets/tokens/tokens";import '../styles/TaskState.css';var TaskState_module_default={taskState:`_taskState_1qxrh_1`,leftContainer:`_leftContainer_1qxrh_8`,rightContainer:`_rightContainer_1qxrh_16`,statusLine:`_statusLine_1qxrh_22`,countText:`_countText_1qxrh_30`},readableTimeTextProps={as:`span`,variant:`bodySmall`,color:`textOnLightSecondary`},TASK_STATE_ICONS={[TaskStatus.REJECTED]:jsx(XMarkCircle,{color:bpWatermelonRed125,height:24,width:24}),[TaskStatus.COMPLETED]:jsx(CheckmarkCircle,{color:bpGreenLight125,height:24,width:24}),[TaskStatus.APPROVED]:jsx(CheckmarkCircle,{color:bpGreenLight125,height:24,width:24})};function TaskState({completedAt,showCount=!0,totalCount,variant}){let intl=useIntl();if(variant!==TaskStatus.COMPLETED&&variant!==TaskStatus.APPROVED&&variant!==TaskStatus.REJECTED)return null;let icon=TASK_STATE_ICONS[variant],shouldShowCount=showCount&&totalCount>0&&variant!==TaskStatus.REJECTED,headlineMessage;switch(variant){case TaskStatus.APPROVED:headlineMessage=messages.approvedHeadline;break;case TaskStatus.COMPLETED:headlineMessage=messages.completedHeadline;break;case TaskStatus.REJECTED:headlineMessage=messages.rejectedHeadline;break}let statusLine=jsxs(Fragment,{children:[jsx(Text,{as:`span`,color:`textOnLightDefault`,variant:`bodyDefaultBold`,children:intl.formatMessage(headlineMessage)}),shouldShowCount&&jsx(Text,{as:`span`,className:TaskState_module_default.countText,color:`textOnLightSecondary`,variant:`bodyDefault`,children:intl.formatMessage(messages.completedCountParenthetical,{completedCount:totalCount,totalCount})})]});return jsxs(`div`,{className:TaskState_module_default.taskState,children:[jsx(`div`,{className:TaskState_module_default.leftContainer,children:icon}),jsxs(`div`,{className:TaskState_module_default.rightContainer,children:[jsx(`div`,{className:TaskState_module_default.statusLine,children:statusLine}),jsx(ReadableTime,{textProps:readableTimeTextProps,timestamp:completedAt})]})]})}export{TaskState as t};

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

@@ -1,33 +1 @@
-import { t as e } from "./empty-state.js";
-import { useListScrollState as t } from "../esm/lib/components/activity-feed-list/use-list-scroll-state.js";
-import { Children as n, isValidElement as r } from "react";
-import i from "clsx";
-import { jsx as a } from "react/jsx-runtime";
-import '../styles/activity-feed-list.css';var o = {
-	emptyStateWrapper: "_emptyStateWrapper_1yzxf_1",
-	list: "_list_1yzxf_8",
-	fadeTop: "_fadeTop_1yzxf_19",
-	fadeBottom: "_fadeBottom_1yzxf_19"
-}, s = ({ children: s }) => {
-	let { isAtBottom: c, isAtTop: l, setContainer: u } = t();
-	return n.toArray(s).length === 0 ? /* @__PURE__ */ a("div", {
-		className: o.emptyStateWrapper,
-		children: /* @__PURE__ */ a(e, {})
-	}) : /* @__PURE__ */ a("ul", {
-		ref: u,
-		className: i(o.list, {
-			[o.fadeBottom]: !c,
-			[o.fadeTop]: !l
-		}),
-		"data-testid": "activity-feed-list",
-		children: n.map(s, (e, t) => {
-			if (!/*#__PURE__*/ r(e)) return /* @__PURE__ */ a("li", { children: e }, `activity-feed-row-${t}`);
-			let n = e.key == null ? void 0 : String(e.key), i = n ?? `activity-feed-row-${t}`;
-			return /* @__PURE__ */ a("li", {
-				"data-activity-id": n,
-				children: e
-			}, i);
-		})
-	});
-};
-export { s as t };
+import{t as EmptyState}from"./empty-state.js";import{useListScrollState}from"../esm/lib/components/activity-feed-list/use-list-scroll-state.js";import{Children,isValidElement}from"react";import clsx from"clsx";import{jsx}from"react/jsx-runtime";import '../styles/activity-feed-list.css';var activity_feed_list_module_default={emptyStateWrapper:`_emptyStateWrapper_1yzxf_1`,list:`_list_1yzxf_8`,fadeTop:`_fadeTop_1yzxf_19`,fadeBottom:`_fadeBottom_1yzxf_19`},ActivityFeedList=({children})=>{let{isAtBottom,isAtTop,setContainer}=useListScrollState();return Children.toArray(children).length===0?jsx(`div`,{className:activity_feed_list_module_default.emptyStateWrapper,children:jsx(EmptyState,{})}):jsx(`ul`,{ref:setContainer,className:clsx(activity_feed_list_module_default.list,{[activity_feed_list_module_default.fadeBottom]:!isAtBottom,[activity_feed_list_module_default.fadeTop]:!isAtTop}),"data-testid":`activity-feed-list`,children:Children.map(children,(child,index)=>{if(!isValidElement(child))return jsx(`li`,{children:child},`activity-feed-row-${index}`);let activityId=child.key==null?void 0:String(child.key),liKey=activityId??`activity-feed-row-${index}`;return jsx(`li`,{"data-activity-id":activityId,children:child},liKey)})})};export{ActivityFeedList as t};

package/dist/chunks/activity-feed.js

@@ -1,46 +1 @@
-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_40rcc_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 };
+import{t as ActivityFeedList}from"./activity-feed-list.js";import{t as AppActivityItem}from"./app-activity-item.js";import{t as Editor}from"./editor.js";import{t as Header}from"./header.js";import{TaskItem}from"../esm/lib/components/task-item/TaskItem.js";import{VersionItem}from"../esm/lib/components/version-item/version-item.js";import{createActivityFeedScroll}from"../esm/lib/scroll/create-activity-feed-scroll.js";import{t as isAttachableActivityFeedScrollHandle}from"./scroll.js";import{useActivityFeedScroll}from"../esm/lib/scroll/use-activity-feed-scroll.js";import{useCallback,useLayoutEffect,useRef}from"react";import{MentionContextProvider,ThreadedAnnotationsV2}from"@box/threaded-annotations";import{jsx}from"react/jsx-runtime";import '../styles/activity-feed.css';var activity_feed_module_default={container:`_container_40rcc_1`},ActivityFeedRoot=({children,scrollTo:scrollToProp,mentionContext})=>{let fallbackScrollRef=useRef(null);fallbackScrollRef.current||=createActivityFeedScroll();let fallbackScroll=fallbackScrollRef.current,resolvedScroll=scrollToProp!=null&&isAttachableActivityFeedScrollHandle(scrollToProp)?scrollToProp:fallbackScroll;typeof process<`u`&&process.env.NODE_ENV!==`production`&&scrollToProp!=null&&!isAttachableActivityFeedScrollHandle(scrollToProp)&&console.warn("ActivityFeed.Root: `scrollTo` must be the return value of `useActivityFeedScroll()`. Using an internal handle for container attachment instead.");let resolvedScrollRef=useRef(resolvedScroll);resolvedScrollRef.current=resolvedScroll;let containerRef=useRef(null),setContainerRef=useCallback(node=>{containerRef.current=node,resolvedScrollRef.current.attachContainer(node)},[]);return useLayoutEffect(()=>{resolvedScrollRef.current.attachContainer(containerRef.current)},[resolvedScroll]),jsx(MentionContextProvider,{value:mentionContext,children:jsx(`div`,{className:activity_feed_module_default.container,ref:setContainerRef,children})})};function ActivityFeedListRoot(props){return jsx(ActivityFeedList,{...props})}var List=ActivityFeedListRoot;List.AppActivity=AppActivityItem,List.Task=TaskItem,List.ThreadedAnnotation=ThreadedAnnotationsV2,List.Version=VersionItem;var ActivityFeed={Editor,Header,List,Root:ActivityFeedRoot,useActivityFeedScroll};export{ActivityFeed as t};

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

@@ -1,75 +1 @@
-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_zi9kh_1",
-	message: "_message_zi9kh_10",
-	activityLink: "_activityLink_zi9kh_14"
-}, 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: "medium",
-			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 };
+import{messages}from"../esm/lib/components/app-activity-item/messages.js";import{createElement,useMemo}from"react";import{Avatar,Link,Text}from"@box/blueprint-web";import{useIntl}from"react-intl";import{jsx,jsxs}from"react/jsx-runtime";import{ReadableTime}from"@box/readable-time";import '../styles/app-activity-item.css';var app_activity_item_module_default={appActivityItem:`_appActivityItem_zi9kh_1`,message:`_message_zi9kh_10`,activityLink:`_activityLink_zi9kh_14`},parseRenderedText=html=>{try{let doc=new DOMParser().parseFromString(html,`text/html`);return Array.from(doc.body.childNodes).map((node,index)=>{if(node.nodeType===Node.ELEMENT_NODE){let element=node;if(element.nodeName===`A`){let anchor=element;return createElement(Link,{...Object.fromEntries([...anchor.attributes].filter(a=>a.name.startsWith(`data-`)).map(a=>[a.name,a.value])),className:app_activity_item_module_default.activityLink,href:anchor.href,key:index,rel:`noreferrer noopener`,target:`_blank`},anchor.textContent)}return createElement(element.tagName.toLowerCase(),{key:index},element.textContent)}return node.textContent})}catch{return[html]}},AppActivityItem=({appIconUrl,appName,createdAt,id,renderedText})=>{let{formatMessage}=useIntl(),numericId=parseInt(id,10),colorIndex=Number.isNaN(numericId)?0:numericId%10,parsedContent=useMemo(()=>parseRenderedText(renderedText),[renderedText]);return jsxs(`div`,{className:app_activity_item_module_default.appActivityItem,children:[jsx(Avatar,{alt:appName,colorIndex,size:`medium`,src:appIconUrl,text:appName.charAt(0)}),jsx(Text,{as:`span`,className:app_activity_item_module_default.message,color:`textOnLightSecondary`,variant:`bodyDefault`,children:formatMessage(messages.activityItemText,{appName:jsx(Text,{as:`span`,color:`textOnLightSecondary`,variant:`bodyDefaultSemibold`,children:appName}),parsedContent:jsx(Text,{as:`span`,color:`textOnLightSecondary`,variant:`bodyDefault`,children:parsedContent}),timestamp:jsx(ReadableTime,{textProps:{as:`span`,color:`textOnLightSecondary`,variant:`bodyDefault`},timestamp:createdAt})})})]})};export{AppActivityItem as t};

package/dist/chunks/editor.js

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