themelia-react-ui 0.0.0-stage → 1.0.1

package/dist/features/activities.js

@@ -0,0 +1,1360 @@
+"use client";
+import { o as e } from "../ui-provider-CftIB6TY.js";
+import { useStrings as t } from "../lib/strings.js";
+import { t as n } from "../utils-C2EKeIw3.js";
+import { n as r } from "../buttons-Co6GavvM.js";
+import { a as i, t as a } from "../typography-Cv8MT-82.js";
+import { r as o, t as s } from "../structure-MvKVq-oL.js";
+import { n as c } from "../action-menu-Cx3SdfbN.js";
+import { t as l } from "../badge-BZXZT9wd.js";
+import { l as u } from "../data-display-cWIRdeaf.js";
+import { o as d, r as f, u as p } from "../comments-DviPLnwy.js";
+import { o as m } from "../mentions-B8Ko-fhS.js";
+import { Fragment as h, useCallback as g, useEffect as _, useMemo as v, useRef as y, useState as b } from "react";
+import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
+import { Activity as w, AlertTriangle as T, ArrowLeftRight as E, Ban as D, Check as O, ChevronDown as ee, ChevronRight as te, CircleDot as k, FileEdit as A, Flag as j, Heart as M, LinkIcon as N, Mail as P, MailCheck as F, MailOpen as I, MailX as L, MessageCircle as ne, MessageSquare as R, Pencil as z, Plus as B, ShieldCheck as V, ShoppingBag as H, Sparkles as U, Star as W, Trash2 as G, UserMinus as re, UserPlus as K } from "lucide-react";
+import { format as q, formatDistanceToNow as J, isToday as Y, isValid as X, isYesterday as Z, parseISO as ie } from "date-fns";
+//#region src/components/features/activities/activities.config.ts
+var ae = {
+	icon: k,
+	tone: "neutral"
+}, oe = {
+	created: {
+		icon: B,
+		tone: "success",
+		label: "Created"
+	},
+	updated: {
+		icon: z,
+		tone: "info",
+		label: "Updated"
+	},
+	edited: {
+		icon: A,
+		tone: "info",
+		label: "Edited"
+	},
+	deleted: {
+		icon: G,
+		tone: "destructive",
+		label: "Deleted"
+	},
+	cancelled: {
+		icon: D,
+		tone: "destructive",
+		label: "Cancelled"
+	},
+	restored: {
+		icon: U,
+		tone: "success",
+		label: "Restored"
+	},
+	status_changed: {
+		icon: E,
+		tone: "primary",
+		label: "Status changed"
+	},
+	status_transition: {
+		icon: E,
+		tone: "primary",
+		label: "Status changed"
+	},
+	status_override: {
+		icon: E,
+		tone: "warning",
+		label: "Status overridden"
+	},
+	assigned: {
+		icon: K,
+		tone: "info",
+		label: "Assigned"
+	},
+	unassigned: {
+		icon: re,
+		tone: "destructive",
+		label: "Unassigned"
+	},
+	mail_sent: {
+		icon: P,
+		tone: "info",
+		label: "Email sent"
+	},
+	mail_delivered: {
+		icon: F,
+		tone: "success",
+		label: "Email delivered"
+	},
+	mail_opened: {
+		icon: I,
+		tone: "info",
+		label: "Email opened"
+	},
+	mail_clicked: {
+		icon: I,
+		tone: "info",
+		label: "Email clicked"
+	},
+	mail_bounced: {
+		icon: L,
+		tone: "destructive",
+		label: "Email bounced"
+	},
+	mail_failed: {
+		icon: L,
+		tone: "destructive",
+		label: "Email failed"
+	},
+	comment_created: {
+		icon: R,
+		tone: "warning",
+		label: "Comment posted"
+	},
+	comment_deleted: {
+		icon: R,
+		tone: "destructive",
+		label: "Comment deleted"
+	},
+	paid: {
+		icon: O,
+		tone: "success",
+		label: "Paid"
+	},
+	refunded: {
+		icon: E,
+		tone: "warning",
+		label: "Refunded"
+	},
+	confirmed: {
+		icon: V,
+		tone: "success",
+		label: "Confirmed"
+	},
+	favorited: {
+		icon: M,
+		tone: "warning",
+		label: "Favorited"
+	},
+	ordered: {
+		icon: H,
+		tone: "primary",
+		label: "Order placed"
+	},
+	published: {
+		icon: W,
+		tone: "success",
+		label: "Published"
+	},
+	flagged: {
+		icon: j,
+		tone: "warning",
+		label: "Flagged"
+	},
+	linked: {
+		icon: N,
+		tone: "info",
+		label: "Linked"
+	},
+	failed: {
+		icon: T,
+		tone: "destructive",
+		label: "Failed"
+	},
+	health_check_failed: {
+		icon: T,
+		tone: "destructive",
+		label: "Health check failed"
+	}
+};
+function Q(e, t) {
+	return t[e] ?? ae;
+}
+//#endregion
+//#region src/components/features/activities/activities.strings.ts
+var se = {
+	title: "Activity",
+	empty: "No activity yet.",
+	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",
+		booking_log: "Booking log",
+		activity_log: "",
+		system: "System"
+	},
+	events: {}
+};
+function ce(e, t) {
+	return e.replace(/\{\{\s*(\w+)\s*\}\}/g, (e, n) => {
+		let r = t[n];
+		return r === void 0 ? e : String(r);
+	});
+}
+//#endregion
+//#region src/components/features/activities/hooks/use-activity-feed.ts
+function le(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 ue({ activities: e, groupByDate: t = !0, expandedByDefault: n = !1, defaultExpandedIds: r, expandedIds: i, onExpandedIdsChange: a, locale: o, strings: s, formatDateGroupLabel: c }) {
+	let [l, u] = b({}), d = i !== void 0, f = v(() => {
+		let t = /* @__PURE__ */ new Map();
+		return e.map((e) => {
+			let n = [
+				String(e.id ?? "").trim(),
+				String(e.createdAt ?? "").trim(),
+				String(e.event ?? "").trim(),
+				String(e.source ?? "").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 = "__init__", r = [], i = (e) => c ? c(e, s) : le(e, s, o);
+		for (let t of f) {
+			let a = i(t.activity.createdAt ?? null);
+			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;
+	}, [
+		f,
+		t,
+		o,
+		s,
+		c
+	]), m = v(() => {
+		let e = new Set(r ?? []);
+		for (let t of f) t.activity.defaultExpanded === !0 && e.add(t.activity.id);
+		return e;
+	}, [f, r]), h = v(() => new Set(i ?? []), [i]), _ = g((e, t) => {
+		let r = d ? Array.from(h) : f.filter((e) => l[e.activity.id] ?? (m.has(e.activity.id) || n)).map((e) => e.activity.id), i = new Set(r);
+		t ? i.add(e) : i.delete(e);
+		let o = Array.from(i);
+		d || u((n) => ({
+			...n,
+			[e]: t
+		})), a?.(o);
+	}, [
+		h,
+		m,
+		n,
+		l,
+		d,
+		f,
+		a
+	]), y = g((e) => d ? h.has(e) : l[e] ?? (m.has(e) || n), [
+		h,
+		m,
+		n,
+		l,
+		d
+	]), x = g((e) => {
+		_(e, !y(e));
+	}, [y, _]), S = g(() => {
+		let e = {};
+		for (let t of f) e[t.activity.id] = !0;
+		d || u(e), a?.(f.map((e) => e.activity.id));
+	}, [
+		d,
+		f,
+		a
+	]), C = g(() => {
+		let e = {};
+		for (let t of f) e[t.activity.id] = !1;
+		d || u(e), a?.([]);
+	}, [
+		d,
+		f,
+		a
+	]);
+	return {
+		groups: p,
+		total: f.length,
+		isExpanded: y,
+		toggleExpanded: x,
+		setExpanded: _,
+		expandAll: S,
+		collapseAll: C
+	};
+}
+//#endregion
+//#region src/components/features/activities/hooks/use-activity-resources.ts
+function de({ resources: e, onResourcesChange: t } = {}) {
+	let [n, r] = b(() => e ?? {}), i = y(e);
+	_(() => {
+		e !== i.current && (i.current = e, r(e ?? {}));
+	}, [e]);
+	let a = y(t);
+	_(() => {
+		a.current = t;
+	}, [t]);
+	let o = g((e) => {
+		a.current?.(e);
+	}, []), s = g((e, t) => {
+		r((n) => {
+			let r = {
+				...n,
+				[e]: t
+			};
+			return o(r), r;
+		});
+	}, [o]), c = g((e, t) => {
+		r((n) => {
+			let r = n[e];
+			if (!r) return n;
+			let i = {
+				...n,
+				[e]: {
+					...r,
+					...t
+				}
+			};
+			return o(i), i;
+		});
+	}, [o]), l = g((e) => {
+		r((t) => {
+			if (!(e in t)) return t;
+			let n = { ...t };
+			return delete n[e], o(n), n;
+		});
+	}, [o]), u = g((e) => {
+		r(e), o(e);
+	}, [o]), d = g(() => {
+		let e = i.current ?? {};
+		r(e), o(e);
+	}, [o]);
+	return {
+		registry: n,
+		get: g((e) => {
+			let t = typeof e == "string" ? e : e.key;
+			return n[t];
+		}, [n]),
+		register: s,
+		update: c,
+		remove: l,
+		setAll: u,
+		reset: d
+	};
+}
+//#endregion
+//#region src/components/features/activities/partials/activity-actions-menu.tsx
+function fe(e) {
+	if (e === "destructive") return "destructive";
+	if (e === "primary" || e === "secondary") return e;
+}
+function pe({ 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,
+		variant: fe(t.tone),
+		onClick: () => {
+			t.onClick?.(e), n?.(t.id, e);
+		}
+	}));
+	return /* @__PURE__ */ S(c, {
+		actions: i,
+		srText: r,
+		align: "end",
+		density: "table",
+		closeOnSelect: !0,
+		labelVisibility: "hidden",
+		buttonProps: {
+			size: "sm",
+			iconOnly: !0,
+			className: "activity-actions-menu--component size-action-sm text-muted-foreground"
+		}
+	});
+}
+//#endregion
+//#region src/components/features/activities/partials/activity-changes.tsx
+function me({ change: e }) {
+	let t = e.old !== null && e.old !== void 0, n = e.new !== null && e.new !== void 0;
+	return !t && !n ? /* @__PURE__ */ S(i, {
+		tag: "span",
+		children: e.description
+	}) : /* @__PURE__ */ C(i, {
+		tag: "span",
+		className: "inline-flex flex-wrap items-baseline gap-space-xs",
+		children: [
+			!!t && /* @__PURE__ */ S(i, {
+				tag: "span",
+				size: "inherit",
+				className: "rounded bg-destructive/10 text-destructive line-through px-1 py-px",
+				children: e.old
+			}),
+			t && n && /* @__PURE__ */ S(i, {
+				tag: "span",
+				size: "inherit",
+				type: "secondary",
+				children: "→"
+			}),
+			!!n && /* @__PURE__ */ S(i, {
+				tag: "span",
+				size: "inherit",
+				className: "rounded bg-success/15 text-success px-1 py-px",
+				children: e.new
+			})
+		]
+	});
+}
+function he({ changes: e, className: t }) {
+	return e.length === 0 ? null : /* @__PURE__ */ S("div", {
+		className: n("activity-changes--component", "rounded-radius border border-border/60 bg-muted/30 p-surface-xs", t),
+		children: /* @__PURE__ */ S(s, {
+			gap: "sm",
+			children: e.map((e) => /* @__PURE__ */ C("div", {
+				className: "flex items-baseline gap-space-md",
+				children: [/* @__PURE__ */ S(i, {
+					size: "xs",
+					type: "secondary",
+					weight: "medium",
+					className: "shrink-0",
+					children: e.label
+				}), /* @__PURE__ */ S(me, { change: e })]
+			}, `${e.key}-${e.label}`))
+		})
+	});
+}
+//#endregion
+//#region src/components/features/activities/partials/activity-date-label.tsx
+function ge({ label: e, first: t, className: r }) {
+	return e === "" ? null : /* @__PURE__ */ S(i, {
+		size: "xs",
+		type: "secondary",
+		weight: "medium",
+		className: n("activity-date-label--component", "uppercase tracking-wider", !t && "mt-space-md", r),
+		children: e
+	});
+}
+//#endregion
+//#region src/components/features/activities/partials/activity-empty-state.tsx
+function _e({ title: e, hint: t, className: r }) {
+	return /* @__PURE__ */ S(u, {
+		title: e,
+		description: t ?? !1,
+		media: /* @__PURE__ */ S(w, {
+			className: "size-icon",
+			"aria-hidden": "true"
+		}),
+		mediaVariant: "icon-soft",
+		padding: "md",
+		className: n("activity-empty-state--component", r)
+	});
+}
+//#endregion
+//#region src/components/features/activities/partials/tone-tokens.ts
+var ve = {
+	primary: {
+		bg: "bg-primary/10",
+		fg: "text-primary-accent",
+		dot: "bg-primary",
+		line: "bg-primary/30",
+		chipBg: "bg-primary/5",
+		chipFg: "text-primary-accent"
+	},
+	success: {
+		bg: "bg-success/10",
+		fg: "text-success",
+		dot: "bg-success",
+		line: "bg-success/30",
+		chipBg: "bg-success/10",
+		chipFg: "text-success"
+	},
+	warning: {
+		bg: "bg-warning/10",
+		fg: "text-warning-accent",
+		dot: "bg-warning",
+		line: "bg-warning/30",
+		chipBg: "bg-warning/10",
+		chipFg: "text-warning-accent"
+	},
+	destructive: {
+		bg: "bg-destructive/10",
+		fg: "text-destructive",
+		dot: "bg-destructive",
+		line: "bg-destructive/30",
+		chipBg: "bg-destructive/10",
+		chipFg: "text-destructive"
+	},
+	info: {
+		bg: "bg-info/10",
+		fg: "text-info",
+		dot: "bg-info",
+		line: "bg-info/30",
+		chipBg: "bg-info/10",
+		chipFg: "text-info"
+	},
+	neutral: {
+		bg: "bg-muted",
+		fg: "text-muted-foreground",
+		dot: "bg-muted-foreground/60",
+		line: "bg-border",
+		chipBg: "bg-muted",
+		chipFg: "text-muted-foreground"
+	},
+	secondary: {
+		bg: "bg-muted",
+		fg: "text-muted-foreground",
+		dot: "bg-muted-foreground/60",
+		line: "bg-border",
+		chipBg: "bg-muted",
+		chipFg: "text-muted-foreground"
+	}
+}, ye = {
+	primary: "primary",
+	success: "success",
+	warning: "warning",
+	destructive: "destructive",
+	info: "info",
+	neutral: "secondary",
+	secondary: "secondary"
+};
+//#endregion
+//#region src/components/features/activities/partials/activity-resource-tag.tsx
+function be({ resource: e, config: t, fallbackText: a, onClick: o }) {
+	let s = ve[t?.tone ?? "neutral"], c = t?.icon ?? k, u = t?.label ?? a ?? e.label ?? e.key, d = typeof o == "function", f = /* @__PURE__ */ C(x, { children: [
+		/* @__PURE__ */ S(c, { className: n("size-icon-sm shrink-0", s.fg) }),
+		/* @__PURE__ */ S(i, {
+			tag: "span",
+			weight: "medium",
+			lineHeight: "none",
+			className: s.chipFg,
+			children: u
+		}),
+		!!t?.tags && t.tags.length > 0 && /* @__PURE__ */ S(i, {
+			tag: "span",
+			size: "xs",
+			type: "secondary",
+			className: "ml-space-2xs border-l border-border pl-space-sm",
+			children: t.tags.join(" · ")
+		}),
+		!!t?.badge && /* @__PURE__ */ S(l, {
+			inline: !0,
+			size: "sm",
+			tone: ye[t.badge.tone ?? "neutral"],
+			className: "ml-space-2xs",
+			children: t.badge.label
+		})
+	] }), p = n("inline-flex items-center gap-space-xs rounded-full px-space-sm py-px align-baseline", "border border-border/50 shadow-none", s.chipBg, d && "cursor-pointer transition-colors hover:bg-foreground/5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring");
+	return d ? /* @__PURE__ */ S(r, {
+		type: "button",
+		tone: "secondary",
+		buttonStyle: "ghost",
+		size: "sm",
+		onClick: (e) => {
+			e.stopPropagation(), o?.();
+		},
+		className: n("activity-resource-tag--component", p, "h-auto rounded-full"),
+		title: t?.note,
+		children: f
+	}) : /* @__PURE__ */ S("span", {
+		className: n("activity-resource-tag--component", p),
+		title: t?.note,
+		children: f
+	});
+}
+//#endregion
+//#region src/components/features/activities/partials/activity-headline.tsx
+function xe({ actorId: e, text: t, href: n, activity: o, youLabel: s, currentUserId: c, onActorClick: l }) {
+	let u = c !== void 0 && e !== void 0 && c === e ? s : t, d = o.actor ?? {
+		id: e,
+		name: t
+	};
+	return n ? /* @__PURE__ */ S(a, {
+		href: n,
+		size: "inherit",
+		underline: !1,
+		onClick: (e) => {
+			l && (e.preventDefault(), e.stopPropagation(), l(d, o));
+		},
+		className: "font-semibold text-foreground underline-offset-2 hover:underline",
+		children: u
+	}) : l ? /* @__PURE__ */ S(r, {
+		type: "button",
+		tone: "secondary",
+		buttonStyle: "ghost",
+		size: "sm",
+		onClick: (e) => {
+			e.stopPropagation(), l(d, o);
+		},
+		className: "h-auto rounded px-0 py-0 text-foreground underline-offset-2 hover:underline",
+		children: /* @__PURE__ */ S(i, {
+			tag: "span",
+			weight: "semibold",
+			children: u
+		})
+	}) : /* @__PURE__ */ S(i, {
+		tag: "span",
+		weight: "semibold",
+		children: u
+	});
+}
+function Se(e, t) {
+	return e.map((e, n) => {
+		let r = `seg-${n}-${e.type}`;
+		switch (e.type) {
+			case "actor": return /* @__PURE__ */ C(h, { children: [/* @__PURE__ */ S(xe, {
+				actorId: e.actorId,
+				text: e.text,
+				href: e.href,
+				activity: t.activity,
+				youLabel: t.youLabel,
+				currentUserId: t.currentUserId,
+				onActorClick: t.onActorClick
+			}), " "] }, r);
+			case "field":
+			case "value": return /* @__PURE__ */ C(h, { children: [/* @__PURE__ */ S(i, {
+				tag: "span",
+				weight: "semibold",
+				children: e.text
+			}), " "] }, r);
+			case "status": return /* @__PURE__ */ C(h, { children: [/* @__PURE__ */ S(l, {
+				inline: !0,
+				size: "sm",
+				tone: ye[e.tone ?? "neutral"],
+				children: e.text
+			}), " "] }, r);
+			case "resource": {
+				let n = t.getResourceConfig?.(e.resource);
+				return /* @__PURE__ */ C(h, { children: [/* @__PURE__ */ S(be, {
+					resource: e.resource,
+					config: n,
+					fallbackText: e.text,
+					onClick: t.onResourceClick ? () => t.onResourceClick?.(e.resource, n, t.activity) : void 0
+				}), " "] }, r);
+			}
+			default: return /* @__PURE__ */ C(h, { children: [/* @__PURE__ */ S(i, {
+				tag: "span",
+				children: e.text
+			}), " "] }, r);
+		}
+	});
+}
+function Ce(e) {
+	let { activity: t } = e, n = t.headline ?? t.event, r = t.actor?.name;
+	if (!r || !n.includes(r)) return /* @__PURE__ */ S(i, {
+		tag: "span",
+		children: n
+	});
+	let [a, ...o] = n.split(r);
+	return /* @__PURE__ */ C(x, { children: [
+		!!a && /* @__PURE__ */ S(i, {
+			tag: "span",
+			children: a
+		}),
+		/* @__PURE__ */ S(xe, {
+			actorId: t.actor?.id,
+			text: r,
+			href: t.actor?.href,
+			activity: t,
+			youLabel: e.youLabel,
+			currentUserId: e.currentUserId,
+			onActorClick: e.onActorClick
+		}),
+		o.length > 0 && /* @__PURE__ */ S(i, {
+			tag: "span",
+			children: o.join(r)
+		})
+	] });
+}
+function we(e) {
+	let t = e.activity.segments;
+	return t && t.length > 0 ? /* @__PURE__ */ S("span", {
+		className: "activity-headline--component leading-snug [&>span]:leading-snug",
+		children: Se(t, e)
+	}) : /* @__PURE__ */ S("span", {
+		className: "activity-headline--component leading-snug",
+		children: Ce(e)
+	});
+}
+//#endregion
+//#region src/components/features/activities/partials/activity-marker.tsx
+function Te({ icon: e, tone: t, density: r, last: i, className: a }) {
+	let o = ve[t];
+	return r === "compact" ? /* @__PURE__ */ C("div", {
+		className: n("activity-marker--component flex flex-col items-center", a),
+		children: [/* @__PURE__ */ S("span", {
+			"aria-hidden": !0,
+			className: n("mt-1.5 size-2 shrink-0 rounded-full", o.dot)
+		}), !i && /* @__PURE__ */ S("span", {
+			"aria-hidden": !0,
+			className: n("mt-1 w-px flex-1", o.line)
+		})]
+	}) : r === "rich" ? /* @__PURE__ */ C("div", {
+		className: n("activity-marker--component flex flex-col items-center", a),
+		children: [/* @__PURE__ */ S("span", {
+			className: n("flex size-7 shrink-0 items-center justify-center rounded-full ring-1 ring-border/60", o.bg, o.fg),
+			children: /* @__PURE__ */ S(e, { className: "size-icon-md" })
+		}), !i && /* @__PURE__ */ S("span", {
+			"aria-hidden": !0,
+			className: n("mt-1 w-px flex-1", o.line)
+		})]
+	}) : /* @__PURE__ */ C("div", {
+		className: n("activity-marker--component flex flex-col items-center", a),
+		children: [/* @__PURE__ */ S("span", {
+			className: n("flex size-icon-lg shrink-0 items-center justify-center rounded-full", o.bg, o.fg),
+			children: /* @__PURE__ */ S(e, { className: "size-icon-sm" })
+		}), !i && /* @__PURE__ */ S("span", {
+			"aria-hidden": !0,
+			className: n("mt-1 w-px flex-1", o.line)
+		})]
+	});
+}
+//#endregion
+//#region src/components/features/activities/partials/activity-row.tsx
+function Ee({ metadata: e, moreLabel: t }) {
+	let n = e.slice(0, 3), r = e.length - n.length;
+	return /* @__PURE__ */ C("div", {
+		className: "activity-row--metadata-preview mt-space-xs flex min-w-0 flex-wrap items-center gap-x-space-sm gap-y-space-2xs",
+		children: [n.map((e, t) => /* @__PURE__ */ C(h, { children: [/* @__PURE__ */ C(i, {
+			tag: "span",
+			type: "secondary",
+			className: "inline-flex min-w-0 items-baseline gap-space-xs leading-snug",
+			children: [/* @__PURE__ */ C(i, {
+				tag: "span",
+				size: "xs",
+				type: "discrete",
+				className: "shrink-0",
+				children: [
+					e.label,
+					":",
+					" "
+				]
+			}), /* @__PURE__ */ S(i, {
+				tag: "span",
+				size: "inherit",
+				className: "min-w-0 truncate",
+				children: e.value
+			})]
+		}), t < n.length - 1 && /* @__PURE__ */ S(i, {
+			tag: "span",
+			size: "xs",
+			type: "discrete",
+			className: "leading-snug",
+			"aria-hidden": "true",
+			children: " · "
+		})] }, e.label)), r > 0 && /* @__PURE__ */ C(i, {
+			tag: "span",
+			size: "xs",
+			type: "discrete",
+			className: "leading-snug",
+			children: [
+				"+",
+				r,
+				" ",
+				t
+			]
+		})]
+	});
+}
+function De({ metadata: e }) {
+	return /* @__PURE__ */ S(o, {
+		columns: {
+			base: 1,
+			sm: 2
+		},
+		gap: "xs",
+		className: "activity-row--metadata",
+		children: e.map((e) => /* @__PURE__ */ C("div", {
+			className: "min-w-0 rounded-radius-md border border-border/60 bg-background/70 px-space-sm py-space-xs",
+			children: [/* @__PURE__ */ S(i, {
+				tag: "div",
+				size: "xs",
+				type: "discrete",
+				weight: "medium",
+				className: "leading-snug",
+				children: e.label
+			}), /* @__PURE__ */ S(i, {
+				tag: "div",
+				className: "mt-space-2xs min-w-0 break-words leading-snug",
+				children: e.value
+			})]
+		}, e.label))
+	});
+}
+function Oe(e) {
+	let { activity: t, density: a, itemSpacing: o, eventConfig: c, tone: u, last: d, expanded: f, onExpandedChange: p, detailsCollapsible: m, relativeTime: h, absoluteTime: g, sourceLabel: _, youLabel: v, showChangesLabel: y, hideChangesLabel: b, moreLabel: x, actionsLabel: w, currentUserId: T, actions: E, onActivityClick: D, onActorClick: O, onResourceClick: k, onAction: A, getResourceConfig: j, headlineOverride: M, markerOverride: N, customDetails: P, rowClassName: F, markerClassName: I, contentClassName: L, detailsClassName: ne } = e, R = t.iconOverride ?? c.icon, z = (t.changes?.length ?? 0) > 0, B = t.metadata ?? [], V = B.length > 0, H = (t.resources?.length ?? 0) > 0, U = t.details !== void 0 && t.details !== null && t.details !== !1, W = P != null && P !== !1, G = V || z || U || W, re = t.description !== void 0 && t.description !== null && t.description !== "", K = a !== "compact", q = a === "rich", J = m ?? (V || z), Y = q && G && (!J || f), X = q && V && J && !f, Z = E.filter((e) => e.presentation === "inline"), ie = E.filter((e) => e.presentation !== "inline"), ae = M ?? /* @__PURE__ */ S(we, {
+		activity: t,
+		currentUserId: T,
+		youLabel: v,
+		onActorClick: O,
+		onResourceClick: k,
+		getResourceConfig: j
+	}), oe = N ?? /* @__PURE__ */ S(Te, {
+		icon: R,
+		tone: u,
+		density: a,
+		last: d,
+		className: I
+	}), Q = typeof D == "function", se = z || H || ie.length > 0 || Z.length > 0 || typeof O == "function" || typeof k == "function", ce = Q && !se, le = a === "rich" ? "gap-space-md py-space-xs" : a === "compact" ? "gap-space-sm py-space-2xs" : "gap-space-md py-space-2xs", ue = d ? "" : o === "compact" ? "pb-space-sm" : o === "relaxed" ? "pb-space-xl" : "pb-space-md";
+	return /* @__PURE__ */ C("div", {
+		className: n("activity-row--component relative flex", le, Q && "cursor-pointer rounded-radius-md hover:bg-muted/40", F),
+		onClick: Q ? () => D?.(t) : void 0,
+		role: ce ? "button" : void 0,
+		tabIndex: ce ? 0 : void 0,
+		onKeyDown: ce ? (e) => {
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), D?.(t));
+		} : void 0,
+		children: [oe, /* @__PURE__ */ C("div", {
+			className: n("activity-row--content min-w-0 flex-1", ue, L),
+			children: [
+				/* @__PURE__ */ C("div", {
+					className: "activity-row--summary grid min-w-0 grid-cols-1 items-start gap-x-space-lg gap-y-space-sm sm:grid-cols-[minmax(0,1fr)_max-content]",
+					children: [/* @__PURE__ */ C(s, {
+						gap: "dense",
+						className: "min-w-0",
+						children: [/* @__PURE__ */ C("div", {
+							className: "activity-row--headline flex min-w-0 flex-wrap items-center gap-x-space-sm gap-y-space-xs",
+							children: [/* @__PURE__ */ S(i, {
+								tag: "span",
+								size: "inherit",
+								lineHeight: "snug",
+								className: "min-w-0 break-words [overflow-wrap:anywhere]",
+								children: ae
+							}), !!_ && /* @__PURE__ */ S(l, {
+								inline: !0,
+								size: "sm",
+								tone: "secondary",
+								children: _
+							})]
+						}), X && /* @__PURE__ */ S(Ee, {
+							metadata: B,
+							moreLabel: x
+						})]
+					}), /* @__PURE__ */ C(s, {
+						direction: "horizontal",
+						gap: "xs",
+						justify: {
+							base: "between",
+							sm: "end"
+						},
+						wrap: !1,
+						className: "activity-row--trailing w-full shrink-0 justify-self-start sm:w-auto sm:justify-self-end",
+						children: [
+							!!h && /* @__PURE__ */ S(i, {
+								size: "xs",
+								type: "secondary",
+								className: "whitespace-nowrap tabular-nums leading-snug",
+								title: g ?? void 0,
+								children: h
+							}),
+							q && G && J && /* @__PURE__ */ S(r, {
+								type: "button",
+								size: "sm",
+								iconOnly: !0,
+								tone: "secondary",
+								buttonStyle: "ghost",
+								className: "size-action-sm text-muted-foreground",
+								onClick: (e) => {
+									e.stopPropagation(), p(!f);
+								},
+								title: f ? b : y,
+								"aria-label": f ? b : y,
+								"aria-expanded": f,
+								children: S(f ? ee : te, { className: "size-icon-sm" })
+							}),
+							q && ie.length > 0 && /* @__PURE__ */ S(pe, {
+								activity: t,
+								actions: ie,
+								onAction: A,
+								label: w
+							})
+						]
+					})]
+				}),
+				!!K && re && /* @__PURE__ */ S(i, {
+					tag: "div",
+					type: "secondary",
+					className: "mt-space-xs max-w-3xl leading-relaxed",
+					children: t.description
+				}),
+				!!q && H && t.resources && /* @__PURE__ */ S(s, {
+					direction: "horizontal",
+					gap: "xs",
+					className: "mt-space-sm",
+					children: t.resources.map((e) => {
+						let n = j?.(e);
+						return /* @__PURE__ */ S(be, {
+							resource: e,
+							config: n,
+							onClick: k ? () => k(e, n, t) : void 0
+						}, e.key);
+					})
+				}),
+				q && Z.length > 0 && /* @__PURE__ */ S(s, {
+					direction: "horizontal",
+					gap: "xs",
+					className: "activity-row--inline-actions mt-space-sm",
+					children: Z.map((e) => {
+						let n = e.icon;
+						return /* @__PURE__ */ S(r, {
+							type: "button",
+							size: "sm",
+							tone: e.tone === "destructive" ? "destructive" : "secondary",
+							buttonStyle: "ghost",
+							icon: n,
+							disabled: e.disabled,
+							className: "h-auto min-h-action-sm px-control-sm py-space-xs",
+							onClick: (n) => {
+								n.stopPropagation(), A?.(e.id, t), e.onClick?.(t);
+							},
+							children: e.label
+						}, e.id);
+					})
+				}),
+				Y && /* @__PURE__ */ S("div", {
+					className: "mt-space-sm",
+					children: /* @__PURE__ */ S("div", {
+						className: n("activity-row--details rounded-radius border border-border/60 bg-card/70 p-surface shadow-xs", ne),
+						children: /* @__PURE__ */ C(s, {
+							gap: "sm",
+							children: [
+								V && /* @__PURE__ */ S(De, { metadata: B }),
+								z && t.changes && /* @__PURE__ */ S(he, {
+									changes: t.changes,
+									className: "border-0 bg-transparent p-0"
+								}),
+								U && /* @__PURE__ */ S("div", {
+									className: n(z && "pt-space-xs"),
+									children: t.details
+								}),
+								W && /* @__PURE__ */ S("div", {
+									className: n((z || U) && "pt-space-xs"),
+									children: P
+								})
+							]
+						})
+					})
+				})
+			]
+		})]
+	});
+}
+//#endregion
+//#region src/components/features/activities/activities-feed.tsx
+function ke(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 Ae(e, t) {
+	return typeof e == "function" ? e(t) : e;
+}
+function je(e, t) {
+	return e.toneOverride ?? t;
+}
+function Me(r) {
+	let { activities: a = [], density: o = "default", itemSpacing: c = "relaxed", groupByDate: l = !0, expandedByDefault: u = !1, detailsCollapsible: d, defaultExpandedIds: f, expandedIds: p, onExpandedIdsChange: m, currentUserId: h, loading: g = !1, eventConfig: _, strings: y, slots: b, rowClassNames: x, className: w, locale: T, formatRelativeTime: E, formatAbsoluteTime: D, formatDateGroupLabel: O, getEventLabel: ee, getSourceLabel: te, actionsForActivity: k, onActivityClick: A, onActorClick: j, onResourceClick: M, onAction: N, onActivityExpandedChange: P, resources: F, onResourcesChange: I } = r, L = t(se, y), ne = v(() => ({
+		...oe,
+		..._
+	}), [_]), R = de({
+		resources: F,
+		onResourcesChange: I
+	}), z = e(), B = T ?? z.locale, V = ue({
+		activities: a,
+		groupByDate: l,
+		expandedByDefault: u,
+		defaultExpandedIds: f,
+		expandedIds: p,
+		onExpandedIdsChange: m,
+		locale: B,
+		strings: L,
+		formatDateGroupLabel: O
+	}), H = E ?? z.formatRelativeTime ?? ((e) => e), U = D ?? ((e) => ke(e, B));
+	if (g) return /* @__PURE__ */ S("div", {
+		className: n("activities-feed--component", "px-space-md py-space-xl", w),
+		children: b?.loading ?? /* @__PURE__ */ S(i, {
+			type: "secondary",
+			align: "center",
+			children: L.loading
+		})
+	});
+	if (a.length === 0) return /* @__PURE__ */ S("div", {
+		className: n("activities-feed--component", "px-space-md py-space-md", w),
+		children: b?.empty ?? /* @__PURE__ */ S(_e, { title: L.empty })
+	});
+	let W = V.groups.reduce((e, t) => e + t.items.length, 0), G = 0;
+	return /* @__PURE__ */ C(s, {
+		gap: "xl",
+		className: n("activities-feed--component", w),
+		children: [
+			!!b?.header && /* @__PURE__ */ S("div", { children: b.header }),
+			/* @__PURE__ */ S("div", {
+				className: "flex flex-col",
+				children: V.groups.map((e, t) => {
+					let r = t === 0;
+					return /* @__PURE__ */ C("div", {
+						className: n(r ? "" : "mt-1"),
+						children: [b?.renderDateLabel ? b.renderDateLabel(e.label, r) : /* @__PURE__ */ S(ge, {
+							label: e.label,
+							first: r
+						}), /* @__PURE__ */ S("div", {
+							className: n("flex flex-col", !!e.label && "mt-space-md"),
+							children: e.items.map((e, t) => {
+								let n = e.activity, r = t === 0, i = ++G === W, a = Q(n.event, ne), s = je(n, a.tone), l = n.timestamp ?? (n.createdAt ? H(n.createdAt) : null), u = n.createdAt ? U(n.createdAt) : null, f = n.source ? te?.(n.source) ?? L.sources[n.source] ?? a.sourceLabel ?? null : a.sourceLabel ?? null, p = f && f.trim().length > 0 ? f : null, m = k?.(n) ?? [], g = {
+									density: o,
+									isLast: i,
+									isFirstInGroup: r,
+									activity: n,
+									eventConfig: a,
+									tone: s,
+									relativeTime: l,
+									absoluteTime: u,
+									sourceLabel: p,
+									expanded: V.isExpanded(n.id),
+									itemSpacing: c,
+									setExpanded: (e) => V.setExpanded(n.id, e),
+									toggleExpanded: () => V.toggleExpanded(n.id)
+								}, _ = b?.renderDetails?.(n, g), v = b?.renderRow?.(n, g);
+								if (v !== void 0) return /* @__PURE__ */ S("div", { children: v }, e.key);
+								let y = b?.renderHeadline?.(n, g), C = b?.renderMarker?.(n, g);
+								return /* @__PURE__ */ S(Oe, {
+									activity: n,
+									density: o,
+									itemSpacing: c,
+									eventConfig: a,
+									tone: s,
+									last: i,
+									expanded: g.expanded,
+									onExpandedChange: (e) => {
+										V.setExpanded(n.id, e), P?.(n, e);
+									},
+									detailsCollapsible: n.collapsible ?? d,
+									relativeTime: l,
+									absoluteTime: u,
+									sourceLabel: p,
+									youLabel: L.you,
+									showChangesLabel: L.showChanges,
+									hideChangesLabel: L.hideChanges,
+									moreLabel: L.moreLabel,
+									actionsLabel: L.actionsLabel,
+									currentUserId: h,
+									actions: m,
+									onActivityClick: A,
+									onActorClick: j,
+									onResourceClick: M,
+									onAction: N,
+									getResourceConfig: (e) => R.get(e),
+									headlineOverride: y,
+									markerOverride: C,
+									customDetails: _,
+									rowClassName: Ae(x?.row, n),
+									markerClassName: Ae(x?.marker, n),
+									contentClassName: Ae(x?.content, n),
+									detailsClassName: Ae(x?.details, n)
+								}, e.key);
+							})
+						})]
+					}, `${e.label}-${t}`);
+				})
+			}),
+			!!b?.footer && /* @__PURE__ */ S("div", { children: b.footer })
+		]
+	});
+}
+Me.displayName = "ActivityFeed";
+//#endregion
+//#region src/components/features/activities/activity-log.tsx
+function Ne(e, t) {
+	let n = [...e];
+	return n.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;
+	}), n;
+}
+function Pe(e) {
+	return e ?? "secondary";
+}
+function Fe(e) {
+	if (e) return typeof e == "string" ? { name: e } : e;
+}
+function Ie(e) {
+	return e != null && e !== !1;
+}
+function $(e, t) {
+	if (e && t && t.kind !== "comment") return typeof e == "function" ? e(t) : e;
+}
+function Le(e, t) {
+	let n = Fe(e.actor), r = e.descriptionHtml ? /* @__PURE__ */ S(m, {
+		html: e.descriptionHtml,
+		mentions: e.mentions,
+		resources: t
+	}) : e.description;
+	return {
+		id: e.id,
+		event: e.event ?? e.kind,
+		source: typeof e.label == "string" ? e.label : e.kind,
+		actor: n,
+		createdAt: e.timestamp,
+		timestamp: void 0,
+		iconOverride: e.icon,
+		toneOverride: Pe(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,
+		data: e,
+		segments: e.action || e.target || e.label || !e.headline ? [
+			...n ? [{
+				type: "actor",
+				text: n.name,
+				actorId: n.id
+			}] : [],
+			...e.action ? [{
+				type: "text",
+				text: e.action
+			}] : [],
+			...Ie(e.target) ? [{
+				type: "value",
+				text: String(e.target)
+			}] : [],
+			...!n && !e.action && !e.target && e.headline ? [{
+				type: "text",
+				text: String(e.headline)
+			}] : []
+		] : void 0
+	};
+}
+function Re(r) {
+	let { entries: a, order: o = "desc", itemSpacing: c = "relaxed", resources: l, onResourceSearch: u, canModerate: m, onCommentDelete: h, onCommentReact: _, onCommentReply: y, onCommentPinToggle: b, strings: x, activityStrings: w, renderers: T, renderEventDetails: E, eventDetailsCollapsible: D = !0, defaultExpandedIds: O, expandedIds: ee, onExpandedIdsChange: te, onEventExpandedChange: k, onEventAction: A, classNames: j, composer: M, bare: N = !1, title: P, getMediaUrl: F, getMediaName: I, getStatusLabel: L, formatRelativeTime: R, className: z } = r, B = t(se, w), V = e(), H = g((e) => {
+		let t = R ?? V.formatRelativeTime;
+		if (t) return t(e);
+		let n = ie(e);
+		if (!X(n)) return e;
+		let r = V.locale;
+		return J(n, {
+			addSuffix: !0,
+			...r ? { locale: r } : {}
+		});
+	}, [
+		V.formatRelativeTime,
+		V.locale,
+		R
+	]), U = p({
+		onSubmit: M?.onSubmit,
+		onAfterMutate: M?.onAfterMutate,
+		onError: M?.onError
+	}), W = v(() => Ne(a, o), [a, o]), G = v(() => W.map((e) => e.kind === "comment" ? {
+		id: e.id,
+		event: "comment",
+		source: "comment",
+		createdAt: e.timestamp,
+		data: e
+	} : Le(e, l)), [l, W]), re = v(() => ({
+		row: (e) => $(j?.eventRow, e.data),
+		marker: (e) => $(j?.eventMarker, e.data),
+		content: (e) => $(j?.eventContent, e.data),
+		details: (e) => $(j?.eventDetails, e.data)
+	}), [j]), K = M?.enabled ? /* @__PURE__ */ S("div", {
+		className: "activity-log--composer",
+		children: /* @__PURE__ */ S(d, {
+			context: M.context,
+			canComment: !0,
+			submitting: U.isSubmitting,
+			errors: U.formErrors,
+			resetKey: U.resetKey,
+			onSubmit: U.submit,
+			resources: l,
+			onResourceSearch: u,
+			strings: x,
+			placeholder: M.placeholder,
+			autoFocus: M.autoFocus,
+			inlineSubmit: M.inlineSubmit ?? !1
+		})
+	}) : null, q = M?.position ?? "top", Y = /* @__PURE__ */ S(Me, {
+		activities: G,
+		density: "rich",
+		itemSpacing: c,
+		groupByDate: !0,
+		resources: {},
+		strings: w,
+		detailsCollapsible: D,
+		defaultExpandedIds: O,
+		expandedIds: ee,
+		onExpandedIdsChange: te,
+		formatRelativeTime: H,
+		getSourceLabel: (e) => B.sources[e] ?? e,
+		actionsForActivity: (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)
+			}));
+		},
+		rowClassNames: re,
+		onAction: (e, t) => {
+			let n = t.data;
+			n && n.kind !== "comment" && A?.(e, n);
+		},
+		onActivityExpandedChange: (e, t) => {
+			let n = e.data;
+			n && n.kind !== "comment" && k?.(n, t);
+		},
+		slots: {
+			header: q === "top" ? K : void 0,
+			footer: q === "bottom" ? K : void 0,
+			renderRow: (e, t) => {
+				let r = e.data;
+				if (!r) return;
+				let i = T?.[r.kind];
+				if (i) return i(r, {
+					resources: l,
+					accessors: {
+						getMediaUrl: F,
+						getMediaName: I,
+						getStatusLabel: L,
+						formatRelativeTime: H
+					},
+					strings: x
+				});
+				if (r.kind !== "comment") return;
+				let a = r;
+				return /* @__PURE__ */ C(s, {
+					direction: "horizontal",
+					gap: "md",
+					align: "stretch",
+					wrap: !1,
+					className: n("activity-log--comment-row relative py-space-xs", !t.isLast && (t.itemSpacing === "compact" ? "pb-space-sm" : t.itemSpacing === "relaxed" ? "pb-space-xl" : "pb-space-md")),
+					"data-event-id": a.id,
+					children: [/* @__PURE__ */ S(Te, {
+						icon: ne,
+						tone: "neutral",
+						density: t.density,
+						last: t.isLast
+					}), /* @__PURE__ */ S("div", {
+						className: "activity-log--comment min-w-0 flex-1",
+						children: /* @__PURE__ */ S(f, {
+							comment: a.comment,
+							canModerate: m,
+							onDelete: h,
+							onPinToggle: b,
+							onReact: _,
+							onReply: y,
+							strings: x,
+							resources: l,
+							getMediaUrl: F,
+							getMediaName: I,
+							getStatusLabel: L,
+							formatRelativeTime: H
+						})
+					})]
+				});
+			},
+			renderDetails: (e, t) => {
+				let n = e.data;
+				return !n || n.kind === "comment" ? null : E?.(n, {
+					expanded: t.expanded,
+					setExpanded: t.setExpanded,
+					relativeTime: t.relativeTime,
+					isLast: t.isLast,
+					resources: l
+				});
+			}
+		},
+		className: n("activity-log--component", j?.list, N && z)
+	});
+	if (N) return Y;
+	let Z = P ?? B.title, ae = typeof Z == "string" ? Z : void 0;
+	return /* @__PURE__ */ C(s, {
+		render: /* @__PURE__ */ S("section", {}),
+		gap: "lg",
+		"data-component": "activity-log",
+		"data-slot": "activity-log",
+		className: n("activity-log--component", z),
+		"aria-label": ae,
+		children: [!!Z && /* @__PURE__ */ S(i, {
+			weight: "semibold",
+			children: Z
+		}), Y]
+	});
+}
+Re.displayName = "ActivityLog";
+//#endregion
+//#region src/components/features/activities/activity-event-adapter.ts
+function ze(e) {
+	if (typeof e == "object" && e && "kind" in e) {
+		let t = e.kind;
+		if (typeof t == "string") return t;
+	}
+	return "event";
+}
+function Be(e, t) {
+	let n = t.kind?.(e) ?? ze(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: typeof n == "string" ? n : "event",
+		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 Ve(e) {
+	return (t) => Be(t, e);
+}
+//#endregion
+export { pe as ActivityActionsMenu, he as ActivityChanges, ge as ActivityDateLabel, _e as ActivityEmptyState, Me as ActivityFeed, we as ActivityHeadline, Re as ActivityLog, Te as ActivityMarker, be as ActivityResourceTag, Oe as ActivityRow, Ve as createActivityEventAdapter, se as defaultActivitiesStrings, oe as defaultActivityEventConfig, ae as defaultEventConfig, ce as interpolateActivityString, Q as resolveEventConfig, Be as toActivityLogEntry, ue as useActivityFeed, de as useActivityResources };
+
+//# sourceMappingURL=activities.js.map