themelia-ui 1.0.0

package/dist/features/activities.js

@@ -0,0 +1,1224 @@
+"use client";
+import "../core.css";
+import "../css/activities.css";
+import { t as e } from "../cx--CBrhWH0.js";
+import { o as t } from "../typography-vC_wwEBm.js";
+import { p as n } from "../feedback-DHdvxang.js";
+import { t as r } from "../ui-provider-DvO3G7xp.js";
+import { c as i } from "../buttons-CabBjPap.js";
+import { n as a } from "../action-menu-jAPdRvbi.js";
+import { n as o } from "../display-DTWjv_bB.js";
+import { t as s } from "../badge-DwsR_WXN.js";
+import { l as c } from "../mentions-Dw2DfREO.js";
+import { i as l, n as u, o as d } from "../comments-DK-mCVsz.js";
+import { ActivityIcon as f, ArrowLeftRightIcon as p, BanIcon as m, CheckIcon as h, ChevronDownIcon as g, ChevronRightIcon as _, CircleDotIcon as v, FileEditIcon as y, FlagIcon as b, HeartIcon as x, LinkIcon as S, MailCheckIcon as C, MailIcon as w, MailOpenIcon as T, MailXIcon as E, MessageCircleIcon as ee, MessageSquareIcon as D, PencilIcon as O, PlusIcon as k, ShieldCheckIcon as A, ShoppingBagIcon as j, SparklesIcon as M, StarIcon as N, Trash2Icon as P, TriangleAlertIcon as F, UserMinusIcon as I, UserPlusIcon as L } from "lucide-react";
+import { Fragment as R, useCallback as z, useEffect as B, useMemo as V, useRef as H, useState as U } from "react";
+import { Fragment as W, jsx as G, jsxs as K } from "react/jsx-runtime";
+import { format as q, formatDistanceToNow as J, isToday as Y, isValid as X, isYesterday as Z, parseISO as Q } from "date-fns";
+var $ = {
+	light: "activities-module__light___4BJm5",
+	dark: "activities-module__dark___wzdIG",
+	feed: "activities-module__feed___bzPt4",
+	state: "activities-module__state___aNvi2",
+	groups: "activities-module__groups___N4kD5",
+	group: "activities-module__group___ZL7Sr",
+	rows: "activities-module__rows___rrTef",
+	feedHeader: "activities-module__feedHeader___Ql9vw",
+	feedFooter: "activities-module__feedFooter___EHCiN",
+	dateLabel: "activities-module__dateLabel___2cwxS",
+	row: "activities-module__row___x0UUe",
+	content: "activities-module__content___PzSSW",
+	marker: "activities-module__marker___xUUwj",
+	markerDot: "activities-module__markerDot___an9x-",
+	markerDisc: "activities-module__markerDisc___m-7E-",
+	markerRail: "activities-module__markerRail___jkTxP",
+	summary: "activities-module__summary___oWa9J",
+	summaryMain: "activities-module__summaryMain___EqN0B",
+	source: "activities-module__source___-o79c",
+	summaryTrailing: "activities-module__summaryTrailing___6K4JF",
+	headlineRow: "activities-module__headlineRow___O-B84",
+	headline: "activities-module__headline___o23gR",
+	actor: "activities-module__actor___rTV-r",
+	time: "activities-module__time___ViZWp",
+	expandToggle: "activities-module__expandToggle___rsPRV",
+	description: "activities-module__description___D6I-6",
+	metaPreview: "activities-module__metaPreview___ivUeQ",
+	metaPair: "activities-module__metaPair___duokY",
+	metaLabel: "activities-module__metaLabel___F5v1B",
+	metaGrid: "activities-module__metaGrid___5VYph",
+	metaGridLabel: "activities-module__metaGridLabel___jVw8l",
+	metaGridValue: "activities-module__metaGridValue___Pzk1Q",
+	changes: "activities-module__changes___UdtWJ",
+	changeRow: "activities-module__changeRow___Ldn3J",
+	changeLabel: "activities-module__changeLabel___OULy3",
+	changeValues: "activities-module__changeValues___Hx6xu",
+	changeOld: "activities-module__changeOld___Kn373",
+	changeNew: "activities-module__changeNew___BT4Qc",
+	tag: "activities-module__tag___a7Dsv",
+	tagIcon: "activities-module__tagIcon___oajv6",
+	tagTags: "activities-module__tagTags___EambK",
+	tagBadge: "activities-module__tagBadge___Qf92s",
+	resources: "activities-module__resources___wxbHl",
+	inlineActions: "activities-module__inlineActions___5AUmd",
+	panel: "activities-module__panel___utB4c",
+	log: "activities-module__log___-A83X",
+	commentRow: "activities-module__commentRow___tvrrk",
+	commentBody: "activities-module__commentBody___VAMBe"
+};
+//#endregion
+//#region src/components/features/activities/activity-parts.tsx
+function te({ icon: t, tone: n, density: r, last: i, className: a }) {
+	return /* @__PURE__ */ K("div", {
+		"data-slot": "activity-marker",
+		"data-tone": n,
+		"data-density": r,
+		className: e("activity-marker--component", $.marker, a),
+		children: [r === "compact" ? /* @__PURE__ */ G("span", {
+			"aria-hidden": !0,
+			className: $.markerDot
+		}) : /* @__PURE__ */ G("span", {
+			"aria-hidden": !0,
+			className: $.markerDisc,
+			children: t
+		}), !i && /* @__PURE__ */ G("span", {
+			"aria-hidden": !0,
+			className: $.markerRail
+		})]
+	});
+}
+function ne({ label: n, first: r, className: i }) {
+	return n === "" ? null : /* @__PURE__ */ G(t, {
+		size: "xs",
+		type: "secondary",
+		weight: "medium",
+		"data-first": r || void 0,
+		className: e("activity-date-label--component", $.dateLabel, i),
+		children: n
+	});
+}
+function re({ change: e }) {
+	let n = e.old !== null && e.old !== void 0, r = e.new !== null && e.new !== void 0;
+	return !n && !r ? /* @__PURE__ */ G(t, {
+		tag: "span",
+		children: e.description
+	}) : /* @__PURE__ */ K("span", {
+		className: $.changeValues,
+		children: [
+			n && /* @__PURE__ */ G(t, {
+				tag: "span",
+				size: "inherit",
+				type: "inherit",
+				className: $.changeOld,
+				children: e.old
+			}),
+			n && r && /* @__PURE__ */ G(t, {
+				tag: "span",
+				size: "inherit",
+				type: "secondary",
+				"aria-hidden": !0,
+				children: "→"
+			}),
+			r && /* @__PURE__ */ G(t, {
+				tag: "span",
+				size: "inherit",
+				type: "inherit",
+				className: $.changeNew,
+				children: e.new
+			})
+		]
+	});
+}
+function ie({ changes: n, bare: r = !1, className: i }) {
+	return n.length === 0 ? null : /* @__PURE__ */ G("div", {
+		className: e("activity-changes--component", !r && $.changes, i),
+		children: n.map((e) => /* @__PURE__ */ K("div", {
+			className: $.changeRow,
+			children: [/* @__PURE__ */ G(t, {
+				tag: "span",
+				size: "xs",
+				type: "secondary",
+				className: $.changeLabel,
+				children: e.label
+			}), /* @__PURE__ */ G(re, { change: e })]
+		}, e.key))
+	});
+}
+function ae({ resource: n, config: r, fallbackText: i, onClick: a }) {
+	let o = r?.tone ?? "neutral", s = r?.icon ?? v, c = r?.label ?? i ?? n.label ?? n.key, l = /* @__PURE__ */ K(W, { children: [
+		/* @__PURE__ */ G(s, { className: $.tagIcon }),
+		/* @__PURE__ */ G(t, {
+			tag: "span",
+			size: "inherit",
+			type: "inherit",
+			weight: "medium",
+			lineHeight: "none",
+			children: c
+		}),
+		!!r?.tags?.length && /* @__PURE__ */ G(t, {
+			tag: "span",
+			size: "xs",
+			type: "inherit",
+			className: $.tagTags,
+			children: r.tags.join(" · ")
+		}),
+		!!r?.badge && /* @__PURE__ */ G(t, {
+			tag: "span",
+			size: "xs",
+			type: "inherit",
+			weight: "medium",
+			"data-tone": r.badge.tone ?? "neutral",
+			className: $.tagBadge,
+			children: r.badge.label
+		})
+	] }), u = {
+		"data-slot": "activity-resource",
+		"data-tone": o,
+		title: r?.note,
+		className: e("activity-resource-tag--component", $.tag)
+	};
+	return a ? /* @__PURE__ */ G("button", {
+		type: "button",
+		...u,
+		onClick: (e) => {
+			e.stopPropagation(), a();
+		},
+		children: l
+	}) : /* @__PURE__ */ G("span", {
+		...u,
+		children: l
+	});
+}
+function oe({ activity: e, actions: t, onAction: n, label: r }) {
+	if (t.length === 0) return null;
+	let i = t.map((t) => ({
+		id: t.id,
+		icon: t.icon,
+		label: t.label,
+		href: t.href,
+		disabled: t.disabled,
+		tone: t.tone === "destructive" ? "destructive" : void 0,
+		onClick: () => {
+			t.onClick?.(e), n?.(t.id, e);
+		}
+	}));
+	return /* @__PURE__ */ G(a, {
+		actions: i,
+		strings: { trigger: r },
+		align: "end",
+		buttonProps: {
+			iconOnly: !0,
+			buttonStyle: "ghost",
+			tone: "neutral"
+		}
+	});
+}
+function se({ expanded: t, showLabel: n, hideLabel: r, onToggle: a }) {
+	let o = t ? r : n;
+	return /* @__PURE__ */ G(i, {
+		type: "button",
+		tone: "neutral",
+		buttonStyle: "ghost",
+		iconOnly: !0,
+		onClick: (e) => {
+			e.stopPropagation(), a();
+		},
+		"aria-label": o,
+		"aria-expanded": t,
+		title: o,
+		className: e("activity-expand-toggle--component", $.expandToggle),
+		children: G(t ? g : _, {})
+	});
+}
+function ce({ title: t, hint: r, action: i, className: a }) {
+	return /* @__PURE__ */ G(n, {
+		padding: "md",
+		title: t,
+		description: r ?? !1,
+		media: /* @__PURE__ */ G(f, {}),
+		mediaVariant: "icon-soft",
+		action: i,
+		className: e("activity-empty-state--component", a)
+	});
+}
+//#endregion
+//#region src/components/features/activities/activity-headline.tsx
+function le({ actorId: e, text: n, href: r, activity: i, youLabel: a, currentUserId: o, onActorClick: s }) {
+	let c = o !== void 0 && e !== void 0 && o === e ? a : n, l = i.actor ?? {
+		id: e,
+		name: n
+	};
+	return r ? /* @__PURE__ */ G("a", {
+		href: r,
+		className: $.actor,
+		onClick: (e) => {
+			s && (e.preventDefault(), e.stopPropagation(), s(l, i));
+		},
+		children: c
+	}) : s ? /* @__PURE__ */ G("button", {
+		type: "button",
+		className: $.actor,
+		onClick: (e) => {
+			e.stopPropagation(), s(l, i);
+		},
+		children: c
+	}) : /* @__PURE__ */ G(t, {
+		tag: "span",
+		size: "inherit",
+		weight: "semibold",
+		children: c
+	});
+}
+function ue({ segments: e, props: n }) {
+	return /* @__PURE__ */ G(W, { children: e.map((e, r) => {
+		let i = `${r}-${e.type}`;
+		switch (e.type) {
+			case "actor": return /* @__PURE__ */ K(R, { children: [/* @__PURE__ */ G(le, {
+				actorId: e.actorId,
+				text: e.text,
+				href: e.href,
+				activity: n.activity,
+				youLabel: n.youLabel,
+				currentUserId: n.currentUserId,
+				onActorClick: n.onActorClick
+			}), " "] }, i);
+			case "field":
+			case "value": return /* @__PURE__ */ K(R, { children: [/* @__PURE__ */ G(t, {
+				tag: "span",
+				size: "inherit",
+				weight: "semibold",
+				children: e.text
+			}), " "] }, i);
+			case "status": return /* @__PURE__ */ K(R, { children: [/* @__PURE__ */ G(s, {
+				tone: e.tone ?? "neutral",
+				children: e.text
+			}), " "] }, i);
+			case "resource": {
+				let t = n.getResourceConfig?.(e.resource);
+				return /* @__PURE__ */ K(R, { children: [/* @__PURE__ */ G(ae, {
+					resource: e.resource,
+					config: t,
+					fallbackText: e.text,
+					onClick: n.onResourceClick ? () => n.onResourceClick?.(e.resource, t, n.activity) : void 0
+				}), " "] }, i);
+			}
+			default: return /* @__PURE__ */ K(R, { children: [/* @__PURE__ */ G(t, {
+				tag: "span",
+				size: "inherit",
+				children: e.text
+			}), " "] }, i);
+		}
+	}) });
+}
+function de(e) {
+	let { activity: n } = e, r = n.headline ?? n.event, i = n.actor?.name;
+	if (!i || !r.includes(i)) return /* @__PURE__ */ G(t, {
+		tag: "span",
+		size: "inherit",
+		children: r
+	});
+	let [a, ...o] = r.split(i);
+	return /* @__PURE__ */ K(W, { children: [
+		!!a && /* @__PURE__ */ G(t, {
+			tag: "span",
+			size: "inherit",
+			children: a
+		}),
+		/* @__PURE__ */ G(le, {
+			actorId: n.actor?.id,
+			text: i,
+			href: n.actor?.href,
+			activity: n,
+			youLabel: e.youLabel,
+			currentUserId: e.currentUserId,
+			onActorClick: e.onActorClick
+		}),
+		o.length > 0 && /* @__PURE__ */ G(t, {
+			tag: "span",
+			size: "inherit",
+			children: o.join(i)
+		})
+	] });
+}
+function fe(t) {
+	let n = t.activity.segments;
+	return /* @__PURE__ */ G("span", {
+		className: e("activity-headline--component", $.headline),
+		children: n && n.length > 0 ? /* @__PURE__ */ G(ue, {
+			segments: n,
+			props: t
+		}) : /* @__PURE__ */ G(de, { ...t })
+	});
+}
+//#endregion
+//#region src/components/features/activities/activity-row.tsx
+var pe = 3;
+function me({ metadata: e, moreLabel: n }) {
+	let r = e.slice(0, pe), i = e.length - r.length;
+	return /* @__PURE__ */ K("div", {
+		className: $.metaPreview,
+		children: [/* @__PURE__ */ G(o, {
+			layout: "inline",
+			density: "compact",
+			itemSeparator: !0,
+			items: r.map((e) => ({
+				id: e.label,
+				label: e.label,
+				value: e.value
+			}))
+		}), i > 0 && /* @__PURE__ */ G(t, {
+			tag: "span",
+			size: "xs",
+			type: "discrete",
+			children: `+${i} ${n}`
+		})]
+	});
+}
+function he({ metadata: e }) {
+	return /* @__PURE__ */ G(o, {
+		columns: 2,
+		density: "compact",
+		className: $.metaGrid,
+		items: e.map((e) => ({
+			id: e.label,
+			label: e.label,
+			value: e.value
+		}))
+	});
+}
+function ge({ activity: n, density: r, itemSpacing: a, eventConfig: o, tone: s, last: c, expanded: l, onExpandedChange: u, detailsCollapsible: d, relativeTime: f, absoluteTime: p, sourceLabel: m, youLabel: h, showChangesLabel: g, hideChangesLabel: _, moreLabel: v, actionsLabel: y, currentUserId: b, actions: x, onActivityClick: S, onActorClick: C, onResourceClick: w, onAction: T, getResourceConfig: E, headlineOverride: ee, markerOverride: D, customDetails: O, rowClassName: k, markerClassName: A, contentClassName: j, detailsClassName: M }) {
+	let N = n.iconOverride ?? o.icon, P = n.metadata ?? [], F = P.length > 0, I = (n.changes?.length ?? 0) > 0, L = (n.resources?.length ?? 0) > 0, R = n.details !== void 0 && n.details !== null && n.details !== !1, z = O != null && O !== !1, B = F || I || R || z, V = n.description !== void 0 && n.description !== null && n.description !== "", H = r === "rich", U = d ?? (F || I), W = H && B && (!U || l), q = H && F && U && !l, J = x.filter((e) => e.presentation === "inline"), Y = x.filter((e) => e.presentation !== "inline"), X = typeof S == "function", Z = I || L || Y.length > 0 || J.length > 0 || typeof C == "function" || typeof w == "function", Q = X && !Z;
+	return /* @__PURE__ */ K("div", {
+		"data-slot": "activity-row",
+		"data-density": r,
+		"data-spacing": a,
+		"data-last": c || void 0,
+		"data-interactive": X || void 0,
+		className: e("activity-row--component", $.row, k),
+		onClick: X ? () => S?.(n) : void 0,
+		role: Q ? "button" : void 0,
+		tabIndex: Q ? 0 : void 0,
+		onKeyDown: Q ? (e) => {
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), S?.(n));
+		} : void 0,
+		children: [D ?? /* @__PURE__ */ G(te, {
+			icon: /* @__PURE__ */ G(N, {}),
+			tone: s,
+			density: r,
+			last: c,
+			className: A
+		}), /* @__PURE__ */ K("div", {
+			className: e($.content, j),
+			children: [
+				/* @__PURE__ */ K("div", {
+					className: $.summary,
+					children: [/* @__PURE__ */ K("div", {
+						className: $.summaryMain,
+						children: [/* @__PURE__ */ G("div", {
+							className: $.headlineRow,
+							children: ee ?? /* @__PURE__ */ G(fe, {
+								activity: n,
+								currentUserId: b,
+								youLabel: h,
+								onActorClick: C,
+								onResourceClick: w,
+								getResourceConfig: E
+							})
+						}), q && /* @__PURE__ */ G(me, {
+							metadata: P,
+							moreLabel: v
+						})]
+					}), /* @__PURE__ */ K("div", {
+						className: $.summaryTrailing,
+						children: [
+							!!m && /* @__PURE__ */ G(t, {
+								size: "xs",
+								type: "discrete",
+								className: $.source,
+								children: m
+							}),
+							!!f && /* @__PURE__ */ G(t, {
+								size: "xs",
+								type: "secondary",
+								title: p ?? void 0,
+								className: $.time,
+								children: f
+							}),
+							H && B && U && /* @__PURE__ */ G(se, {
+								expanded: l,
+								showLabel: g,
+								hideLabel: _,
+								onToggle: () => u(!l)
+							}),
+							H && Y.length > 0 && /* @__PURE__ */ G(oe, {
+								activity: n,
+								actions: Y,
+								onAction: T,
+								label: y
+							})
+						]
+					})]
+				}),
+				r !== "compact" && V && /* @__PURE__ */ G(t, {
+					tag: "div",
+					type: "secondary",
+					className: $.description,
+					children: n.description
+				}),
+				H && L && /* @__PURE__ */ G("div", {
+					className: $.resources,
+					children: n.resources?.map((e) => {
+						let t = E?.(e);
+						return /* @__PURE__ */ G(ae, {
+							resource: e,
+							config: t,
+							onClick: w ? () => w(e, t, n) : void 0
+						}, e.key);
+					})
+				}),
+				H && J.length > 0 && /* @__PURE__ */ G("div", {
+					className: $.inlineActions,
+					children: J.map((e) => {
+						let t = e.icon;
+						return /* @__PURE__ */ K(i, {
+							type: "button",
+							tone: e.tone === "destructive" ? "destructive" : "neutral",
+							buttonStyle: "ghost",
+							disabled: e.disabled,
+							onClick: (t) => {
+								t.stopPropagation(), T?.(e.id, n), e.onClick?.(n);
+							},
+							children: [!!t && /* @__PURE__ */ G(t, {}), e.label]
+						}, e.id);
+					})
+				}),
+				W && /* @__PURE__ */ K("div", {
+					className: e($.panel, M),
+					children: [
+						F && /* @__PURE__ */ G(he, { metadata: P }),
+						I && !!n.changes && /* @__PURE__ */ G(ie, {
+							changes: n.changes,
+							bare: !0
+						}),
+						R && /* @__PURE__ */ G("div", { children: n.details }),
+						z && /* @__PURE__ */ G("div", { children: O })
+					]
+				})
+			]
+		})]
+	});
+}
+//#endregion
+//#region src/components/features/activities/activities.config.ts
+var _e = {
+	icon: v,
+	tone: "neutral"
+}, ve = {
+	created: {
+		icon: k,
+		tone: "success",
+		label: "Created"
+	},
+	updated: {
+		icon: O,
+		tone: "info",
+		label: "Updated"
+	},
+	edited: {
+		icon: y,
+		tone: "info",
+		label: "Edited"
+	},
+	deleted: {
+		icon: P,
+		tone: "destructive",
+		label: "Deleted"
+	},
+	cancelled: {
+		icon: m,
+		tone: "destructive",
+		label: "Cancelled"
+	},
+	restored: {
+		icon: M,
+		tone: "success",
+		label: "Restored"
+	},
+	status_changed: {
+		icon: p,
+		tone: "primary",
+		label: "Status changed"
+	},
+	status_transition: {
+		icon: p,
+		tone: "primary",
+		label: "Status changed"
+	},
+	status_override: {
+		icon: p,
+		tone: "warning",
+		label: "Status overridden"
+	},
+	assigned: {
+		icon: L,
+		tone: "info",
+		label: "Assigned"
+	},
+	unassigned: {
+		icon: I,
+		tone: "destructive",
+		label: "Unassigned"
+	},
+	mail_sent: {
+		icon: w,
+		tone: "info",
+		label: "Email sent"
+	},
+	mail_delivered: {
+		icon: C,
+		tone: "success",
+		label: "Email delivered"
+	},
+	mail_opened: {
+		icon: T,
+		tone: "info",
+		label: "Email opened"
+	},
+	mail_clicked: {
+		icon: T,
+		tone: "info",
+		label: "Email clicked"
+	},
+	mail_bounced: {
+		icon: E,
+		tone: "destructive",
+		label: "Email bounced"
+	},
+	mail_failed: {
+		icon: E,
+		tone: "destructive",
+		label: "Email failed"
+	},
+	comment: {
+		icon: D,
+		tone: "neutral",
+		label: "Comment"
+	},
+	comment_created: {
+		icon: D,
+		tone: "warning",
+		label: "Comment posted"
+	},
+	comment_deleted: {
+		icon: D,
+		tone: "destructive",
+		label: "Comment deleted"
+	},
+	paid: {
+		icon: h,
+		tone: "success",
+		label: "Paid"
+	},
+	refunded: {
+		icon: p,
+		tone: "warning",
+		label: "Refunded"
+	},
+	confirmed: {
+		icon: A,
+		tone: "success",
+		label: "Confirmed"
+	},
+	favorited: {
+		icon: x,
+		tone: "warning",
+		label: "Favorited"
+	},
+	ordered: {
+		icon: j,
+		tone: "primary",
+		label: "Order placed"
+	},
+	published: {
+		icon: N,
+		tone: "success",
+		label: "Published"
+	},
+	flagged: {
+		icon: b,
+		tone: "warning",
+		label: "Flagged"
+	},
+	linked: {
+		icon: S,
+		tone: "info",
+		label: "Linked"
+	},
+	failed: {
+		icon: F,
+		tone: "destructive",
+		label: "Failed"
+	},
+	health_check_failed: {
+		icon: F,
+		tone: "destructive",
+		label: "Health check failed"
+	}
+};
+function ye(e, t) {
+	return t[e] ?? _e;
+}
+//#endregion
+//#region src/components/features/activities/activities.strings.ts
+var be = {
+	title: "Activity",
+	empty: "No activity yet.",
+	emptyHint: "Changes to this record will show up here.",
+	loading: "Loading activity…",
+	today: "Today",
+	yesterday: "Yesterday",
+	undated: "Undated",
+	you: "You",
+	showChanges: "Show details",
+	hideChanges: "Hide details",
+	actionsLabel: "Activity actions",
+	moreLabel: "more",
+	sources: {
+		comment: "Comment",
+		mail: "Mail",
+		system: "System",
+		activity_log: ""
+	},
+	events: {}
+};
+function xe(e) {
+	return {
+		...be,
+		...e,
+		sources: {
+			...be.sources,
+			...e?.sources
+		},
+		events: {
+			...be.events,
+			...e?.events
+		}
+	};
+}
+//#endregion
+//#region src/components/features/activities/use-activity-feed.ts
+function Se(e, t, n) {
+	if (!e) return t.undated;
+	let r = new Date(e);
+	if (!X(r)) return t.undated;
+	if (Y(r)) return t.today;
+	if (Z(r)) return t.yesterday;
+	try {
+		return q(r, "PPP", n ? { locale: n } : void 0);
+	} catch {
+		return e;
+	}
+}
+function Ce({ activities: e, groupByDate: t = !0, expandedByDefault: n = !1, defaultExpandedIds: r, expandedIds: i, onExpandedIdsChange: a, locale: o, strings: s, formatDateGroupLabel: c }) {
+	let [l, u] = U({}), d = i !== void 0, f = V(() => {
+		let t = /* @__PURE__ */ new Map();
+		return e.map((e) => {
+			let n = [
+				e.id,
+				e.createdAt,
+				e.event,
+				e.source
+			].map((e) => String(e ?? "").trim()).join(":"), r = (t.get(n) ?? 0) + 1;
+			return t.set(n, r), {
+				activity: e,
+				key: `${n}:${r}`
+			};
+		});
+	}, [e]), p = V(() => {
+		if (!t) return f.length > 0 ? [{
+			label: "",
+			items: f
+		}] : [];
+		let e = [], n = "\0", r = [];
+		for (let t of f) {
+			let i = t.activity.createdAt ?? null, a = c ? c(i, s) : Se(i, s, o);
+			a === n ? r.push(t) : (r.length > 0 && e.push({
+				label: n,
+				items: r
+			}), n = a, r = [t]);
+		}
+		return r.length > 0 && e.push({
+			label: n,
+			items: r
+		}), e;
+	}, [
+		c,
+		t,
+		f,
+		o,
+		s
+	]), m = V(() => {
+		let e = new Set(r ?? []);
+		for (let { activity: t } of f) t.defaultExpanded === !0 && e.add(t.id);
+		return e;
+	}, [r, f]), h = V(() => new Set(i ?? []), [i]), g = z((e) => d ? h.has(e) : l[e] ?? (m.has(e) || n), [
+		h,
+		m,
+		n,
+		l,
+		d
+	]), _ = z((e, t) => {
+		let n = d ? Array.from(h) : f.filter(({ activity: e }) => g(e.id)).map(({ activity: e }) => e.id), r = new Set(n);
+		t ? r.add(e) : r.delete(e), d || u((n) => ({
+			...n,
+			[e]: t
+		})), a?.(Array.from(r));
+	}, [
+		h,
+		d,
+		g,
+		f,
+		a
+	]), v = z((e) => _(e, !g(e)), [g, _]), y = z(() => {
+		let e = f.map(({ activity: e }) => e.id);
+		d || u(Object.fromEntries(e.map((e) => [e, !0]))), a?.(e);
+	}, [
+		d,
+		f,
+		a
+	]), b = z(() => {
+		d || u(Object.fromEntries(f.map(({ activity: e }) => [e.id, !1]))), a?.([]);
+	}, [
+		d,
+		f,
+		a
+	]);
+	return {
+		groups: p,
+		total: f.length,
+		isExpanded: g,
+		toggleExpanded: v,
+		setExpanded: _,
+		expandAll: y,
+		collapseAll: b
+	};
+}
+//#endregion
+//#region src/components/features/activities/use-activity-resources.ts
+function we({ resources: e, onResourcesChange: t } = {}) {
+	let [n, r] = U(() => e ?? {}), i = H(e);
+	B(() => {
+		e !== i.current && (i.current = e, r(e ?? {}));
+	}, [e]);
+	let a = H(t);
+	B(() => {
+		a.current = t;
+	});
+	let o = z((e) => a.current?.(e), []), s = z((e, t) => r((n) => {
+		let r = {
+			...n,
+			[e]: t
+		};
+		return o(r), r;
+	}), [o]), c = z((e, t) => r((n) => {
+		let r = n[e];
+		if (!r) return n;
+		let i = {
+			...n,
+			[e]: {
+				...r,
+				...t
+			}
+		};
+		return o(i), i;
+	}), [o]), l = z((e) => r((t) => {
+		if (!(e in t)) return t;
+		let n = { ...t };
+		return delete n[e], o(n), n;
+	}), [o]), u = z((e) => {
+		r(e), o(e);
+	}, [o]), d = z(() => {
+		let e = i.current ?? {};
+		r(e), o(e);
+	}, [o]);
+	return {
+		registry: n,
+		get: z((e) => n[typeof e == "string" ? e : e.key], [n]),
+		register: s,
+		update: c,
+		remove: l,
+		setAll: u,
+		reset: d
+	};
+}
+//#endregion
+//#region src/components/features/activities/activities-feed.tsx
+function Te(e, t) {
+	try {
+		let n = new Date(e);
+		return X(n) ? q(n, "PP p", t ? { locale: t } : void 0) : e;
+	} catch {
+		return e;
+	}
+}
+function Ee(e, t) {
+	return typeof e == "function" ? e(t) : e;
+}
+function De({ activities: n = [], density: i = "default", itemSpacing: a = "relaxed", groupByDate: o = !0, expandedByDefault: s = !1, detailsCollapsible: c, defaultExpandedIds: l, expandedIds: u, onExpandedIdsChange: d, currentUserId: f, loading: p = !1, eventConfig: m, strings: h, slots: g, rowClassNames: _, className: v, locale: y, formatRelativeTime: b, formatAbsoluteTime: x, formatDateGroupLabel: S, getSourceLabel: C, actionsForActivity: w, onActivityClick: T, onActorClick: E, onResourceClick: ee, onAction: D, onActivityExpandedChange: O, resources: k, onResourcesChange: A }) {
+	let j = xe(h), M = V(() => ({
+		...ve,
+		...m
+	}), [m]), N = we({
+		resources: k,
+		onResourcesChange: A
+	}), P = r(), F = y ?? P.locale, I = Ce({
+		activities: n,
+		groupByDate: o,
+		expandedByDefault: s,
+		defaultExpandedIds: l,
+		expandedIds: u,
+		onExpandedIdsChange: d,
+		locale: F,
+		strings: j,
+		formatDateGroupLabel: S
+	}), L = b ?? ((e) => {
+		let t = Q(e);
+		return X(t) ? P.formatRelativeTime ? P.formatRelativeTime(t, /* @__PURE__ */ new Date()) : J(t, {
+			addSuffix: !0,
+			...F ? { locale: F } : {}
+		}) : e;
+	}), R = x ?? ((e) => Te(e, F));
+	if (p) return /* @__PURE__ */ G("div", {
+		className: e("activities-feed--component", $.state, v),
+		children: g?.loading ?? /* @__PURE__ */ G(t, {
+			type: "secondary",
+			align: "center",
+			children: j.loading
+		})
+	});
+	if (n.length === 0) return /* @__PURE__ */ G("div", {
+		className: e("activities-feed--component", v),
+		children: g?.empty ?? /* @__PURE__ */ G(ce, {
+			title: j.empty,
+			hint: j.emptyHint
+		})
+	});
+	let z = I.groups.reduce((e, t) => e + t.items.length, 0), B = 0;
+	return /* @__PURE__ */ K("div", {
+		"data-slot": "activity-feed",
+		className: e("activities-feed--component", $.feed, v),
+		children: [
+			!!g?.header && /* @__PURE__ */ G("div", {
+				className: $.feedHeader,
+				children: g.header
+			}),
+			/* @__PURE__ */ G("div", {
+				className: $.groups,
+				children: I.groups.map((e, t) => /* @__PURE__ */ K("div", {
+					className: $.group,
+					children: [g?.renderDateLabel ? g.renderDateLabel(e.label, t === 0) : /* @__PURE__ */ G(ne, {
+						label: e.label,
+						first: t === 0
+					}), /* @__PURE__ */ G("div", {
+						className: $.rows,
+						children: e.items.map(({ activity: e, key: t }, n) => {
+							let r = ++B === z, o = ye(e.event, M), s = e.toneOverride ?? o.tone, l = e.timestamp ?? (e.createdAt ? L(e.createdAt) : null), u = e.createdAt ? R(e.createdAt) : null, d = e.source ? C?.(e.source) ?? j.sources[e.source] ?? o.sourceLabel ?? null : o.sourceLabel ?? null, p = d && d.trim().length > 0 ? d : null, m = w?.(e) ?? [], h = {
+								density: i,
+								isLast: r,
+								isFirstInGroup: n === 0,
+								activity: e,
+								eventConfig: o,
+								tone: s,
+								relativeTime: l,
+								absoluteTime: u,
+								sourceLabel: p,
+								expanded: I.isExpanded(e.id),
+								itemSpacing: a,
+								setExpanded: (t) => I.setExpanded(e.id, t),
+								toggleExpanded: () => I.toggleExpanded(e.id)
+							}, v = g?.renderRow?.(e, h);
+							return v === void 0 ? /* @__PURE__ */ G(ge, {
+								activity: e,
+								density: i,
+								itemSpacing: a,
+								eventConfig: o,
+								tone: s,
+								last: r,
+								expanded: h.expanded,
+								onExpandedChange: (t) => {
+									I.setExpanded(e.id, t), O?.(e, t);
+								},
+								detailsCollapsible: e.collapsible ?? c,
+								relativeTime: l,
+								absoluteTime: u,
+								sourceLabel: p,
+								youLabel: j.you,
+								showChangesLabel: j.showChanges,
+								hideChangesLabel: j.hideChanges,
+								moreLabel: j.moreLabel,
+								actionsLabel: j.actionsLabel,
+								currentUserId: f,
+								actions: m,
+								onActivityClick: T,
+								onActorClick: E,
+								onResourceClick: ee,
+								onAction: D,
+								getResourceConfig: (e) => N.get(e),
+								headlineOverride: g?.renderHeadline?.(e, h),
+								markerOverride: g?.renderMarker?.(e, h),
+								customDetails: g?.renderDetails?.(e, h),
+								rowClassName: Ee(_?.row, e),
+								markerClassName: Ee(_?.marker, e),
+								contentClassName: Ee(_?.content, e),
+								detailsClassName: Ee(_?.details, e)
+							}, t) : /* @__PURE__ */ G("div", { children: v }, t);
+						})
+					})]
+				}, `${e.label}-${t}`))
+			}),
+			!!g?.footer && /* @__PURE__ */ G("div", {
+				className: $.feedFooter,
+				children: g.footer
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/features/activities/activity-log.tsx
+function Oe(e, t) {
+	return [...e].sort((e, n) => {
+		let r = e.timestamp ? new Date(e.timestamp).getTime() : 0, i = n.timestamp ? new Date(n.timestamp).getTime() : 0;
+		return t === "asc" ? r - i : i - r;
+	});
+}
+function ke(e) {
+	if (e) return typeof e == "string" ? { name: e } : e;
+}
+function Ae(e) {
+	return e != null && e !== !1;
+}
+function je(e, t) {
+	if (!(!e || !t || t.kind === "comment")) return typeof e == "function" ? e(t) : e;
+}
+function Me(e, t) {
+	let n = ke(e.actor), r = e.descriptionHtml ? /* @__PURE__ */ G(c, {
+		html: e.descriptionHtml,
+		mentions: e.mentions,
+		resources: t
+	}) : e.description, i = n || e.action || Ae(e.target) ? [
+		...n ? [{
+			type: "actor",
+			text: n.name,
+			actorId: n.id
+		}] : [],
+		...e.action ? [{
+			type: "text",
+			text: e.action
+		}] : [],
+		...Ae(e.target) ? [{
+			type: "value",
+			text: String(e.target)
+		}] : []
+	] : void 0;
+	return {
+		id: e.id,
+		event: e.event ?? e.kind,
+		source: typeof e.label == "string" ? e.label : e.kind,
+		actor: n,
+		createdAt: e.timestamp,
+		iconOverride: e.icon,
+		toneOverride: e.tone,
+		headline: typeof e.headline == "string" ? e.headline : void 0,
+		description: r,
+		metadata: e.metadata,
+		changes: e.changes,
+		details: e.details,
+		collapsible: e.collapsible,
+		defaultExpanded: e.defaultExpanded,
+		segments: i,
+		data: e
+	};
+}
+function Ne({ entries: n, order: i = "desc", itemSpacing: a = "relaxed", resources: o, onResourceSearch: s, canModerate: c, onCommentDelete: f, onCommentReact: p, onCommentReply: m, onCommentPinToggle: h, strings: g, activityStrings: _, renderers: v, renderEventDetails: y, eventDetailsCollapsible: b = !0, defaultExpandedIds: x, expandedIds: S, onExpandedIdsChange: C, onEventExpandedChange: w, onEventAction: T, classNames: E, composer: D, bare: O = !1, title: k, getMediaUrl: A, getMediaName: j, getStatusLabel: M, className: N }) {
+	let P = xe(_), F = r(), I = z((e) => {
+		let t = Q(e);
+		return X(t) ? F.formatRelativeTime ? F.formatRelativeTime(t, /* @__PURE__ */ new Date()) : J(t, {
+			addSuffix: !0,
+			...F.locale ? { locale: F.locale } : {}
+		}) : e;
+	}, [F]), L = u({
+		onSubmit: D?.onSubmit,
+		onAfterMutate: D?.onAfterMutate,
+		onError: D?.onError
+	}), R = V(() => Oe(n, i), [n, i]), B = V(() => R.map((e) => e.kind === "comment" ? {
+		id: e.id,
+		event: "comment",
+		source: "comment",
+		createdAt: e.timestamp,
+		data: e
+	} : Me(e, o)), [o, R]), H = V(() => ({
+		row: (e) => je(E?.eventRow, e.data),
+		marker: (e) => je(E?.eventMarker, e.data),
+		content: (e) => je(E?.eventContent, e.data),
+		details: (e) => je(E?.eventDetails, e.data)
+	}), [E]), U = D?.enabled ? /* @__PURE__ */ G(d, {
+		context: D.context,
+		canComment: !0,
+		submitting: L.isSubmitting,
+		errors: L.formErrors,
+		resetKey: L.resetKey,
+		onSubmit: L.submit,
+		resources: o,
+		onResourceSearch: s,
+		strings: g,
+		placeholder: D.placeholder,
+		autoFocus: D.autoFocus,
+		inlineSubmit: D.inlineSubmit ?? !1
+	}) : null, W = D?.position ?? "top", q = z((e) => {
+		let t = e.data;
+		if (!t || t.kind === "comment") return [];
+		let n = t;
+		return (n.actions ?? []).map((e) => ({
+			id: e.id,
+			label: e.label,
+			icon: e.icon,
+			href: e.href,
+			disabled: e.disabled,
+			tone: e.tone,
+			presentation: e.presentation,
+			onClick: () => e.onSelect?.(n)
+		}));
+	}, []), Y = /* @__PURE__ */ G(De, {
+		activities: B,
+		density: "rich",
+		itemSpacing: a,
+		groupByDate: !0,
+		strings: _,
+		detailsCollapsible: b,
+		defaultExpandedIds: x,
+		expandedIds: S,
+		onExpandedIdsChange: C,
+		formatRelativeTime: I,
+		getSourceLabel: (e) => P.sources[e] ?? e,
+		actionsForActivity: q,
+		rowClassNames: H,
+		onAction: (e, t) => {
+			let n = t.data;
+			n && n.kind !== "comment" && T?.(e, n);
+		},
+		onActivityExpandedChange: (e, t) => {
+			let n = e.data;
+			n && n.kind !== "comment" && w?.(n, t);
+		},
+		slots: {
+			header: W === "top" ? U : void 0,
+			footer: W === "bottom" ? U : void 0,
+			renderRow: (e, t) => {
+				let n = e.data;
+				if (!n) return;
+				let r = v?.[n.kind];
+				if (r) return r(n, {
+					resources: o,
+					accessors: {
+						getMediaUrl: A,
+						getMediaName: j,
+						getStatusLabel: M
+					},
+					strings: g
+				});
+				if (n.kind !== "comment") return;
+				let i = n;
+				return /* @__PURE__ */ K("div", {
+					"data-slot": "activity-comment-row",
+					"data-spacing": t.itemSpacing,
+					"data-last": t.isLast || void 0,
+					className: $.commentRow,
+					children: [/* @__PURE__ */ G(te, {
+						icon: /* @__PURE__ */ G(ee, {}),
+						tone: "neutral",
+						density: t.density,
+						last: t.isLast
+					}), /* @__PURE__ */ G("div", {
+						className: $.commentBody,
+						children: /* @__PURE__ */ G(l, {
+							comment: i.comment,
+							canModerate: c,
+							onDelete: f,
+							onPinToggle: h,
+							onReact: p,
+							onReply: m,
+							strings: g,
+							resources: o,
+							getMediaUrl: A,
+							getMediaName: j,
+							getStatusLabel: M
+						})
+					})]
+				});
+			},
+			renderDetails: (e, t) => {
+				let n = e.data;
+				return !n || n.kind === "comment" ? null : y?.(n, {
+					expanded: t.expanded,
+					setExpanded: t.setExpanded,
+					relativeTime: t.relativeTime,
+					isLast: t.isLast,
+					resources: o
+				});
+			}
+		},
+		className: e(E?.list, O && N)
+	});
+	if (O) return Y;
+	let Z = k ?? P.title;
+	return /* @__PURE__ */ K("section", {
+		"data-slot": "activity-log",
+		"aria-label": typeof Z == "string" ? Z : void 0,
+		className: e("activity-log--component", $.log, N),
+		children: [!!Z && /* @__PURE__ */ G(t, {
+			weight: "semibold",
+			children: Z
+		}), Y]
+	});
+}
+//#endregion
+//#region src/components/features/activities/activity-event-adapter.ts
+function Pe(e) {
+	if (typeof e == "object" && e && "kind" in e) {
+		let t = e.kind;
+		if (typeof t == "string") return t;
+	}
+	return "event";
+}
+function Fe(e, t) {
+	let n = t.kind?.(e) ?? Pe(e), r = t.id(e), i = t.timestamp(e), a = t.comment?.(e);
+	return n === "comment" && a ? {
+		id: r,
+		kind: "comment",
+		timestamp: i,
+		comment: a
+	} : {
+		id: r,
+		kind: n,
+		timestamp: i,
+		event: t.event?.(e),
+		actor: t.actor?.(e),
+		action: t.action?.(e),
+		target: t.target?.(e) ?? t.status?.(e),
+		label: t.source?.(e),
+		headline: t.title?.(e),
+		description: t.description?.(e),
+		descriptionHtml: t.descriptionHtml?.(e),
+		mentions: t.mentions?.(e),
+		tone: t.tone?.(e),
+		metadata: t.metadata?.(e),
+		changes: t.changes?.(e),
+		details: t.details?.(e),
+		actions: t.rowActions?.(e),
+		data: t.data?.(e) ?? e
+	};
+}
+function Ie(e) {
+	return (t) => Fe(t, e);
+}
+//#endregion
+export { oe as ActivityActionsMenu, ie as ActivityChanges, ne as ActivityDateLabel, ce as ActivityEmptyState, se as ActivityExpandToggle, De as ActivityFeed, fe as ActivityHeadline, Ne as ActivityLog, te as ActivityMarker, ae as ActivityResourceTag, ge as ActivityRow, Ie as createActivityEventAdapter, be as defaultActivitiesStrings, ve as defaultActivityEventConfig, _e as defaultEventConfig, xe as resolveActivitiesStrings, ye as resolveEventConfig, Fe as toActivityLogEntry, Ce as useActivityFeed, we as useActivityResources };