admin-ui-starter-kit 0.1.0

package/dist/components/features/activities/index.js

@@ -0,0 +1,961 @@
+import { a as e } from "../../../_shared/ui-provider-4qKSKMPd.js";
+import { cn as t } from "../../../lib/utils.js";
+import { t as n } from "../../../_shared/text-DIxMTECE.js";
+import { t as r } from "../../../_shared/badge-BbUN6W7E.js";
+import { t as i } from "../../../_shared/button-Ck2qS42n.js";
+import { t as a } from "../../../_shared/smart-card-hJ01usWt.js";
+import { a as o, g as s, r as c, t as l } from "../../../_shared/dropdown-menu-xdGEynC8.js";
+import { Fragment as u, useCallback as d, useEffect as f, useMemo as p, useRef as m, useState as h } from "react";
+import { isToday as g, isYesterday as _ } from "date-fns";
+import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
+import { Activity as x, AlertTriangle as S, ArrowLeftRight as C, Ban as w, Check as T, ChevronDown as E, ChevronRight as ee, CircleDot as D, FileEdit as O, Flag as k, Heart as A, LinkIcon as j, Mail as M, MailCheck as N, MailOpen as P, MailX as F, MessageSquare as I, MoreHorizontal as L, Pencil as te, Plus as ne, ShieldCheck as R, ShoppingBag as re, Sparkles as ie, Star as ae, Trash2 as oe, UserMinus as se, UserPlus as ce } from "lucide-react";
+//#region src/components/features/activities/activities.config.ts
+var z = {
+	icon: D,
+	tone: "neutral"
+}, B = {
+	created: {
+		icon: ne,
+		tone: "success",
+		label: "Created"
+	},
+	updated: {
+		icon: te,
+		tone: "info",
+		label: "Updated"
+	},
+	edited: {
+		icon: O,
+		tone: "info",
+		label: "Edited"
+	},
+	deleted: {
+		icon: oe,
+		tone: "destructive",
+		label: "Deleted"
+	},
+	cancelled: {
+		icon: w,
+		tone: "destructive",
+		label: "Cancelled"
+	},
+	restored: {
+		icon: ie,
+		tone: "success",
+		label: "Restored"
+	},
+	status_changed: {
+		icon: C,
+		tone: "primary",
+		label: "Status changed"
+	},
+	status_transition: {
+		icon: C,
+		tone: "primary",
+		label: "Status changed"
+	},
+	status_override: {
+		icon: C,
+		tone: "warning",
+		label: "Status overridden"
+	},
+	assigned: {
+		icon: ce,
+		tone: "info",
+		label: "Assigned"
+	},
+	unassigned: {
+		icon: se,
+		tone: "destructive",
+		label: "Unassigned"
+	},
+	mail_sent: {
+		icon: M,
+		tone: "info",
+		label: "Email sent"
+	},
+	mail_delivered: {
+		icon: N,
+		tone: "success",
+		label: "Email delivered"
+	},
+	mail_opened: {
+		icon: P,
+		tone: "info",
+		label: "Email opened"
+	},
+	mail_clicked: {
+		icon: P,
+		tone: "info",
+		label: "Email clicked"
+	},
+	mail_bounced: {
+		icon: F,
+		tone: "destructive",
+		label: "Email bounced"
+	},
+	mail_failed: {
+		icon: F,
+		tone: "destructive",
+		label: "Email failed"
+	},
+	comment_created: {
+		icon: I,
+		tone: "warning",
+		label: "Comment posted"
+	},
+	comment_deleted: {
+		icon: I,
+		tone: "destructive",
+		label: "Comment deleted"
+	},
+	paid: {
+		icon: T,
+		tone: "success",
+		label: "Paid"
+	},
+	refunded: {
+		icon: C,
+		tone: "warning",
+		label: "Refunded"
+	},
+	confirmed: {
+		icon: R,
+		tone: "success",
+		label: "Confirmed"
+	},
+	favorited: {
+		icon: A,
+		tone: "warning",
+		label: "Favorited"
+	},
+	ordered: {
+		icon: re,
+		tone: "primary",
+		label: "Order placed"
+	},
+	published: {
+		icon: ae,
+		tone: "success",
+		label: "Published"
+	},
+	flagged: {
+		icon: k,
+		tone: "warning",
+		label: "Flagged"
+	},
+	linked: {
+		icon: j,
+		tone: "info",
+		label: "Linked"
+	},
+	failed: {
+		icon: S,
+		tone: "destructive",
+		label: "Failed"
+	},
+	health_check_failed: {
+		icon: S,
+		tone: "destructive",
+		label: "Health check failed"
+	}
+};
+function V(e, t) {
+	return t[e] ?? z;
+}
+//#endregion
+//#region src/components/features/activities/activities.strings.ts
+var H = {
+	title: "Activity",
+	empty: "No activity yet.",
+	loading: "Loading activity…",
+	today: "Today",
+	yesterday: "Yesterday",
+	undated: "Undated",
+	you: "You",
+	showChanges: "Show changes",
+	hideChanges: "Hide changes",
+	actionsLabel: "Activity actions",
+	moreLabel: "More",
+	sources: {
+		comment: "Comment",
+		mail: "Mail",
+		booking_log: "Booking log",
+		activity_log: "",
+		system: "System"
+	},
+	events: {}
+};
+function le(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 ue(e, t, n) {
+	if (!e) return t.undated;
+	let r = new Date(e);
+	if (g(r)) return t.today;
+	if (_(r)) return t.yesterday;
+	try {
+		return new Intl.DateTimeFormat(n, {
+			year: "numeric",
+			month: "long",
+			day: "numeric"
+		}).format(r);
+	} catch {
+		return new Intl.DateTimeFormat(void 0, {
+			year: "numeric",
+			month: "long",
+			day: "numeric"
+		}).format(r);
+	}
+}
+function U({ activities: e, groupByDate: t = !0, expandedByDefault: n = !1, locale: r, strings: i, formatDateGroupLabel: a }) {
+	let [o, s] = h({}), c = p(() => {
+		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]), l = p(() => {
+		if (!t) return c.length > 0 ? [{
+			label: "",
+			items: c
+		}] : [];
+		let e = [], n = "__init__", o = [], s = (e) => a ? a(e, i) : ue(e, i, r);
+		for (let t of c) {
+			let r = s(t.activity.createdAt ?? null);
+			r === n ? o.push(t) : (o.length > 0 && e.push({
+				label: n,
+				items: o
+			}), n = r, o = [t]);
+		}
+		return o.length > 0 && e.push({
+			label: n,
+			items: o
+		}), e;
+	}, [
+		c,
+		t,
+		r,
+		i,
+		a
+	]), u = d((e) => o[e] ?? n, [o, n]), f = d((e) => {
+		s((t) => ({
+			...t,
+			[e]: !(t[e] ?? !1)
+		}));
+	}, []), m = d((e, t) => {
+		s((n) => ({
+			...n,
+			[e]: t
+		}));
+	}, []), g = d(() => {
+		let e = {};
+		for (let t of c) e[t.activity.id] = !0;
+		s(e);
+	}, [c]), _ = d(() => s({}), []);
+	return {
+		groups: l,
+		total: c.length,
+		isExpanded: u,
+		toggleExpanded: f,
+		setExpanded: m,
+		expandAll: g,
+		collapseAll: _
+	};
+}
+//#endregion
+//#region src/components/features/activities/hooks/use-activity-resources.ts
+function W({ resources: e, onResourcesChange: t } = {}) {
+	let [n, r] = h(() => e ?? {}), i = m(e);
+	f(() => {
+		e !== i.current && (i.current = e, r(e ?? {}));
+	}, [e]);
+	let a = m(t);
+	f(() => {
+		a.current = t;
+	}, [t]);
+	let o = d((e) => {
+		a.current?.(e);
+	}, []), s = d((e, t) => {
+		r((n) => {
+			let r = {
+				...n,
+				[e]: t
+			};
+			return o(r), r;
+		});
+	}, [o]), c = d((e, t) => {
+		r((n) => {
+			let r = n[e];
+			if (!r) return n;
+			let i = {
+				...n,
+				[e]: {
+					...r,
+					...t
+				}
+			};
+			return o(i), i;
+		});
+	}, [o]), l = d((e) => {
+		r((t) => {
+			if (!(e in t)) return t;
+			let n = { ...t };
+			return delete n[e], o(n), n;
+		});
+	}, [o]), u = d((e) => {
+		r(e), o(e);
+	}, [o]), p = d(() => {
+		let e = i.current ?? {};
+		r(e), o(e);
+	}, [o]);
+	return {
+		registry: n,
+		get: d((e) => n[typeof e == "string" ? e : e.key], [n]),
+		register: s,
+		update: c,
+		remove: l,
+		setAll: u,
+		reset: p
+	};
+}
+//#endregion
+//#region src/components/features/activities/partials/activity-actions-menu.tsx
+function G({ activity: e, actions: t, onAction: n, label: r }) {
+	return t.length === 0 ? null : /* @__PURE__ */ b(l, { children: [/* @__PURE__ */ y(s, { render: (e) => /* @__PURE__ */ y(i, {
+		...e,
+		type: "button",
+		variant: "secondary",
+		buttonStyle: "ghost",
+		size: "icon-sm",
+		"aria-label": r,
+		className: "h-7 w-7 text-muted-foreground",
+		children: /* @__PURE__ */ y(L, { className: "size-4" })
+	}) }), /* @__PURE__ */ y(c, {
+		align: "end",
+		className: "min-w-[160px]",
+		children: t.map((t) => {
+			let r = t.icon;
+			return /* @__PURE__ */ b(o, {
+				onClick: () => {
+					t.disabled || (t.onClick(e), n?.(t.id, e));
+				},
+				disabled: t.disabled,
+				variant: t.tone === "destructive" ? "destructive" : "default",
+				className: "gap-2 px-2 py-1.5 text-xs",
+				children: [!!r && /* @__PURE__ */ y(r, { className: "size-3.5" }), t.label]
+			}, t.id);
+		})
+	})] });
+}
+//#endregion
+//#region src/components/features/activities/partials/activity-changes.tsx
+function de({ change: e }) {
+	let t = e.old !== null && e.old !== void 0, r = e.new !== null && e.new !== void 0;
+	return !t && !r ? /* @__PURE__ */ y(n, {
+		size: "xs",
+		tag: "span",
+		children: e.description
+	}) : /* @__PURE__ */ b(n, {
+		tag: "span",
+		size: "xs",
+		className: "inline-flex flex-wrap items-baseline gap-1",
+		children: [
+			!!t && /* @__PURE__ */ y(n, {
+				tag: "span",
+				size: "xs",
+				className: "rounded bg-destructive/10 text-destructive line-through px-1 py-px",
+				children: e.old
+			}),
+			t && r && /* @__PURE__ */ y(n, {
+				tag: "span",
+				size: "xs",
+				type: "secondary",
+				children: "→"
+			}),
+			!!r && /* @__PURE__ */ y(n, {
+				tag: "span",
+				size: "xs",
+				className: "rounded bg-success/15 text-success px-1 py-px",
+				children: e.new
+			})
+		]
+	});
+}
+function K({ changes: e, className: r }) {
+	return e.length === 0 ? null : /* @__PURE__ */ y("div", {
+		className: t("space-y-1.5 rounded-lg border border-border/60 bg-muted/30 px-3 py-2", r),
+		children: e.map((e) => /* @__PURE__ */ b("div", {
+			className: "flex items-baseline gap-2",
+			children: [/* @__PURE__ */ y(n, {
+				size: "xs",
+				type: "secondary",
+				weight: "medium",
+				className: "shrink-0",
+				children: e.label
+			}), /* @__PURE__ */ y(de, { change: e })]
+		}, `${e.key}-${e.label}`))
+	});
+}
+//#endregion
+//#region src/components/features/activities/partials/activity-date-label.tsx
+function q({ label: e, isFirst: r, className: i }) {
+	return e === "" ? null : /* @__PURE__ */ y(n, {
+		size: "xxs",
+		type: "secondary",
+		weight: "medium",
+		className: t("uppercase tracking-wider", !r && "mt-5", i),
+		children: e
+	});
+}
+//#endregion
+//#region src/components/features/activities/partials/activity-empty-state.tsx
+function J({ title: e, hint: r, className: i }) {
+	return /* @__PURE__ */ b("div", {
+		className: t("flex flex-col items-center justify-center gap-2 px-6 py-10 text-center", i),
+		children: [
+			/* @__PURE__ */ y("span", {
+				className: "flex size-9 items-center justify-center rounded-full bg-muted text-muted-foreground",
+				children: /* @__PURE__ */ y(x, { className: "size-4" })
+			}),
+			/* @__PURE__ */ y(n, {
+				weight: "medium",
+				children: e
+			}),
+			!!r && /* @__PURE__ */ y(n, {
+				size: "xs",
+				type: "secondary",
+				children: r
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/features/activities/partials/tone-tokens.ts
+var Y = {
+	primary: {
+		bg: "bg-primary/15",
+		fg: "text-primary",
+		dot: "bg-primary",
+		line: "bg-primary/30",
+		chipBg: "bg-primary/10",
+		chipFg: "text-primary"
+	},
+	success: {
+		bg: "bg-success/15",
+		fg: "text-success",
+		dot: "bg-success",
+		line: "bg-success/30",
+		chipBg: "bg-success/15",
+		chipFg: "text-success"
+	},
+	warning: {
+		bg: "bg-warning/30",
+		fg: "text-warning-foreground",
+		dot: "bg-warning",
+		line: "bg-warning/40",
+		chipBg: "bg-warning/30",
+		chipFg: "text-warning-foreground"
+	},
+	destructive: {
+		bg: "bg-destructive/15",
+		fg: "text-destructive",
+		dot: "bg-destructive",
+		line: "bg-destructive/30",
+		chipBg: "bg-destructive/15",
+		chipFg: "text-destructive"
+	},
+	info: {
+		bg: "bg-info/15",
+		fg: "text-info",
+		dot: "bg-info",
+		line: "bg-info/30",
+		chipBg: "bg-info/15",
+		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"
+	}
+}, X = {
+	primary: "primary",
+	success: "success",
+	warning: "warning",
+	destructive: "destructive",
+	info: "info",
+	neutral: "secondary"
+};
+//#endregion
+//#region src/components/features/activities/partials/activity-resource-tag.tsx
+function Z({ resource: e, config: i, fallbackText: a, onClick: o }) {
+	let s = Y[i?.tone ?? "neutral"], c = i?.icon ?? D, l = i?.label ?? a ?? e.label ?? e.key, u = typeof o == "function", d = /* @__PURE__ */ b(v, { children: [
+		/* @__PURE__ */ y(c, { className: t("size-3 shrink-0", s.fg) }),
+		/* @__PURE__ */ y(n, {
+			tag: "span",
+			size: "xs",
+			weight: "medium",
+			className: s.chipFg,
+			children: l
+		}),
+		!!i?.tags && i.tags.length > 0 && /* @__PURE__ */ y(n, {
+			tag: "span",
+			size: "xxs",
+			type: "secondary",
+			className: "border-l border-current/20 pl-1.5 ml-0.5",
+			children: i.tags.join(" · ")
+		}),
+		!!i?.badge && /* @__PURE__ */ y(r, {
+			inline: !0,
+			variant: X[i.badge.tone ?? "neutral"],
+			className: "ml-1",
+			children: i.badge.label
+		})
+	] }), f = t("inline-flex items-center gap-1 rounded-full px-2 py-0.5 align-baseline", "border border-border/60", s.chipBg, u && "cursor-pointer transition-colors hover:bg-foreground/5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring");
+	return u ? /* @__PURE__ */ y("button", {
+		type: "button",
+		onClick: (e) => {
+			e.stopPropagation(), o?.();
+		},
+		className: f,
+		title: i?.note,
+		children: d
+	}) : /* @__PURE__ */ y("span", {
+		className: f,
+		title: i?.note,
+		children: d
+	});
+}
+//#endregion
+//#region src/components/features/activities/partials/activity-headline.tsx
+function fe({ actorId: e, text: t, href: r, activity: i, youLabel: a, currentUserId: o, onActorClick: s }) {
+	let c = o !== void 0 && e !== void 0 && o === e ? a : t, l = i.actor ?? {
+		id: e,
+		name: t
+	};
+	return r ? /* @__PURE__ */ y("a", {
+		href: r,
+		onClick: (e) => {
+			s && (e.preventDefault(), e.stopPropagation(), s(l, i));
+		},
+		className: "font-semibold text-foreground underline-offset-2 hover:underline",
+		children: c
+	}) : s ? /* @__PURE__ */ y("button", {
+		type: "button",
+		onClick: (e) => {
+			e.stopPropagation(), s(l, i);
+		},
+		className: "font-semibold text-foreground underline-offset-2 hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring rounded",
+		children: c
+	}) : /* @__PURE__ */ y(n, {
+		tag: "span",
+		weight: "semibold",
+		children: c
+	});
+}
+function pe(e, t) {
+	return e.map((e, i) => {
+		let a = `seg-${i}-${e.type}`;
+		switch (e.type) {
+			case "actor": return /* @__PURE__ */ b(u, { children: [/* @__PURE__ */ y(fe, {
+				actorId: e.actorId,
+				text: e.text,
+				href: e.href,
+				activity: t.activity,
+				youLabel: t.youLabel,
+				currentUserId: t.currentUserId,
+				onActorClick: t.onActorClick
+			}), " "] }, a);
+			case "field":
+			case "value": return /* @__PURE__ */ b(u, { children: [/* @__PURE__ */ y(n, {
+				tag: "span",
+				weight: "semibold",
+				children: e.text
+			}), " "] }, a);
+			case "status": return /* @__PURE__ */ b(u, { children: [/* @__PURE__ */ y(r, {
+				inline: !0,
+				variant: X[e.tone ?? "neutral"],
+				children: e.text
+			}), " "] }, a);
+			case "resource": {
+				let n = t.getResourceConfig?.(e.resource);
+				return /* @__PURE__ */ b(u, { children: [/* @__PURE__ */ y(Z, {
+					resource: e.resource,
+					config: n,
+					fallbackText: e.text,
+					onClick: t.onResourceClick ? () => t.onResourceClick?.(e.resource, n, t.activity) : void 0
+				}), " "] }, a);
+			}
+			default: return /* @__PURE__ */ b(u, { children: [/* @__PURE__ */ y(n, {
+				tag: "span",
+				children: e.text
+			}), " "] }, a);
+		}
+	});
+}
+function me(e) {
+	let { activity: t } = e, r = t.headline ?? t.event, i = t.actor?.name;
+	if (!i || !r.includes(i)) return /* @__PURE__ */ y(n, {
+		tag: "span",
+		children: r
+	});
+	let [a, ...o] = r.split(i);
+	return /* @__PURE__ */ b(v, { children: [
+		!!a && /* @__PURE__ */ y(n, {
+			tag: "span",
+			children: a
+		}),
+		/* @__PURE__ */ y(fe, {
+			actorId: t.actor?.id,
+			text: i,
+			href: t.actor?.href,
+			activity: t,
+			youLabel: e.youLabel,
+			currentUserId: e.currentUserId,
+			onActorClick: e.onActorClick
+		}),
+		o.length > 0 && /* @__PURE__ */ y(n, {
+			tag: "span",
+			children: o.join(i)
+		})
+	] });
+}
+function Q(e) {
+	let t = e.activity.segments;
+	return t && t.length > 0 ? /* @__PURE__ */ y("span", {
+		className: "leading-snug [&>span]:leading-snug",
+		children: pe(t, e)
+	}) : /* @__PURE__ */ y("span", {
+		className: "leading-snug",
+		children: me(e)
+	});
+}
+//#endregion
+//#region src/components/features/activities/partials/activity-marker.tsx
+function he({ icon: e, tone: n, density: r, isLast: i }) {
+	let a = Y[n];
+	return r === "compact" ? /* @__PURE__ */ b("div", {
+		className: "flex flex-col items-center",
+		children: [/* @__PURE__ */ y("span", {
+			"aria-hidden": !0,
+			className: t("mt-1.5 size-2 shrink-0 rounded-full", a.dot)
+		}), !i && /* @__PURE__ */ y("span", {
+			"aria-hidden": !0,
+			className: t("mt-1 w-px flex-1", a.line)
+		})]
+	}) : r === "rich" ? /* @__PURE__ */ b("div", {
+		className: "flex flex-col items-center",
+		children: [/* @__PURE__ */ y("span", {
+			className: t("flex size-7 shrink-0 items-center justify-center rounded-full ring-1 ring-border/60", a.bg, a.fg),
+			children: /* @__PURE__ */ y(e, { className: "size-3.5" })
+		}), !i && /* @__PURE__ */ y("span", {
+			"aria-hidden": !0,
+			className: t("mt-1 w-px flex-1", a.line)
+		})]
+	}) : /* @__PURE__ */ b("div", {
+		className: "flex flex-col items-center",
+		children: [/* @__PURE__ */ y("span", {
+			className: t("flex size-5 shrink-0 items-center justify-center rounded-full", a.bg, a.fg),
+			children: /* @__PURE__ */ y(e, { className: "size-3" })
+		}), !i && /* @__PURE__ */ y("span", {
+			"aria-hidden": !0,
+			className: t("mt-1 w-px flex-1", a.line)
+		})]
+	});
+}
+//#endregion
+//#region src/components/features/activities/partials/activity-row.tsx
+function ge(e) {
+	let { activity: a, density: o, eventConfig: s, tone: c, isLast: l, expanded: u, onToggleExpanded: d, relativeTime: f, absoluteTime: p, sourceLabel: m, youLabel: h, showChangesLabel: g, hideChangesLabel: _, actionsLabel: v, currentUserId: x, actions: S, onActivityClick: C, onActorClick: w, onResourceClick: T, onAction: D, getResourceConfig: O, headlineOverride: k, markerOverride: A } = e, j = a.iconOverride ?? s.icon, M = (a.changes?.length ?? 0) > 0, N = (a.metadata?.length ?? 0) > 0, P = (a.resources?.length ?? 0) > 0, F = a.description !== void 0 && a.description !== null && a.description !== "", I = o !== "compact", L = o === "rich", te = k ?? /* @__PURE__ */ y(Q, {
+		activity: a,
+		currentUserId: x,
+		youLabel: h,
+		onActorClick: w,
+		onResourceClick: T,
+		getResourceConfig: O
+	}), ne = A ?? /* @__PURE__ */ y(he, {
+		icon: j,
+		tone: c,
+		density: o,
+		isLast: l
+	}), R = typeof C == "function";
+	return /* @__PURE__ */ b("div", {
+		className: t("relative flex gap-3", R && "cursor-pointer rounded-md hover:bg-muted/40"),
+		onClick: R ? () => C?.(a) : void 0,
+		role: R ? "button" : void 0,
+		tabIndex: R ? 0 : void 0,
+		onKeyDown: R ? (e) => {
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), C?.(a));
+		} : void 0,
+		children: [ne, /* @__PURE__ */ b("div", {
+			className: t("min-w-0 flex-1", !l && (o === "rich" ? "pb-4" : o === "compact" ? "pb-2.5" : "pb-3")),
+			children: [
+				/* @__PURE__ */ b("div", {
+					className: "flex items-start justify-between gap-3",
+					children: [/* @__PURE__ */ b("div", {
+						className: "flex min-w-0 flex-wrap items-center gap-x-1.5 gap-y-1",
+						children: [
+							/* @__PURE__ */ y(n, {
+								tag: "span",
+								lineHeight: "snug",
+								children: te
+							}),
+							!!m && /* @__PURE__ */ y(r, {
+								inline: !0,
+								variant: "secondary",
+								children: m
+							}),
+							L && M && /* @__PURE__ */ y(i, {
+								type: "button",
+								size: "icon-xs",
+								variant: "secondary",
+								buttonStyle: "ghost",
+								className: "h-5 w-5 text-muted-foreground",
+								onClick: (e) => {
+									e.stopPropagation(), d();
+								},
+								title: u ? _ : g,
+								"aria-label": u ? _ : g,
+								"aria-expanded": u,
+								children: y(u ? E : ee, { className: "size-3.5" })
+							})
+						]
+					}), /* @__PURE__ */ b("div", {
+						className: "flex shrink-0 items-center gap-1",
+						children: [!!f && /* @__PURE__ */ y(n, {
+							size: "xs",
+							type: "secondary",
+							className: "whitespace-nowrap tabular-nums pt-0.5",
+							title: p ?? void 0,
+							children: f
+						}), L && S.length > 0 && /* @__PURE__ */ y(G, {
+							activity: a,
+							actions: S,
+							onAction: D,
+							label: v
+						})]
+					})]
+				}),
+				!!I && F && /* @__PURE__ */ y(n, {
+					tag: "div",
+					size: "xs",
+					type: "secondary",
+					className: "mt-1",
+					children: a.description
+				}),
+				!!L && N && a.metadata && /* @__PURE__ */ y("div", {
+					className: "mt-2 flex flex-wrap gap-x-3 gap-y-1",
+					children: a.metadata.map((e) => /* @__PURE__ */ b(n, {
+						size: "xs",
+						type: "secondary",
+						children: [/* @__PURE__ */ b(n, {
+							tag: "span",
+							size: "xs",
+							type: "discrete",
+							children: [
+								e.label,
+								":",
+								" "
+							]
+						}), e.value]
+					}, e.label))
+				}),
+				!!L && P && a.resources && /* @__PURE__ */ y("div", {
+					className: "mt-2 flex flex-wrap gap-1.5",
+					children: a.resources.map((e) => {
+						let t = O?.(e);
+						return /* @__PURE__ */ y(Z, {
+							resource: e,
+							config: t,
+							onClick: T ? () => T(e, t, a) : void 0
+						}, e.key);
+					})
+				}),
+				!!L && M && u && a.changes && /* @__PURE__ */ y("div", {
+					className: "mt-2",
+					children: /* @__PURE__ */ y(K, { changes: a.changes })
+				})
+			]
+		})]
+	});
+}
+//#endregion
+//#region src/components/features/activities/activities-feed.tsx
+function _e(e, t) {
+	try {
+		return new Intl.DateTimeFormat(t, {
+			dateStyle: "medium",
+			timeStyle: "short"
+		}).format(new Date(e));
+	} catch {
+		return e;
+	}
+}
+function ve(e, t) {
+	return e.toneOverride ?? t;
+}
+function $(r) {
+	let { activities: i = [], density: a = "default", groupByDate: o = !0, expandedByDefault: s = !1, currentUserId: c, loading: l = !1, eventConfig: u, strings: d, slots: f, className: m, locale: h, formatRelativeTime: g, formatAbsoluteTime: _, formatDateGroupLabel: v, getEventLabel: x, getSourceLabel: S, actionsForActivity: C, onActivityClick: w, onActorClick: T, onResourceClick: E, onAction: ee, resources: D, onResourcesChange: O } = r, k = p(() => ({
+		...H,
+		...d,
+		sources: {
+			...H.sources,
+			...d?.sources ?? {}
+		},
+		events: {
+			...H.events,
+			...d?.events ?? {}
+		}
+	}), [d]), A = p(() => ({
+		...B,
+		...u
+	}), [u]), j = W({
+		resources: D,
+		onResourcesChange: O
+	}), M = U({
+		activities: i,
+		groupByDate: o,
+		expandedByDefault: s,
+		locale: h,
+		strings: k,
+		formatDateGroupLabel: v
+	}), { formatRelativeTime: N } = e(), P = g ?? N ?? ((e) => e), F = _ ?? ((e) => _e(e, h));
+	if (l) return /* @__PURE__ */ y("div", {
+		className: t("activities-feed--component", "px-2 py-4", m),
+		children: f?.loading ?? /* @__PURE__ */ y(n, {
+			type: "secondary",
+			align: "center",
+			children: k.loading
+		})
+	});
+	if (i.length === 0) return /* @__PURE__ */ y("div", {
+		className: t("px-2 py-2", m),
+		children: f?.empty ?? /* @__PURE__ */ y(J, { title: k.empty })
+	});
+	let I = M.groups.reduce((e, t) => e + t.items.length, 0), L = 0;
+	return /* @__PURE__ */ b("div", {
+		className: t("flex flex-col", m),
+		children: [
+			!!f?.header && /* @__PURE__ */ y("div", {
+				className: "mb-3",
+				children: f.header
+			}),
+			/* @__PURE__ */ y("div", {
+				className: "flex flex-col",
+				children: M.groups.map((e, n) => {
+					let r = n === 0;
+					return /* @__PURE__ */ b("div", {
+						className: t(r ? "" : "mt-1"),
+						children: [f?.renderDateLabel ? f.renderDateLabel(e.label, r) : /* @__PURE__ */ y(q, {
+							label: e.label,
+							isFirst: r,
+							className: r ? "" : "mb-2"
+						}), /* @__PURE__ */ y("div", {
+							className: t("flex flex-col", !!e.label && "mt-2"),
+							children: e.items.map((e, t) => {
+								let n = e.activity, r = t === 0, i = ++L === I, o = V(n.event, A), s = ve(n, o.tone), l = n.timestamp ?? (n.createdAt ? P(n.createdAt) : null), u = n.createdAt ? F(n.createdAt) : null, d = n.source ? S?.(n.source) ?? k.sources[n.source] ?? o.sourceLabel ?? null : o.sourceLabel ?? null, p = d && d.trim().length > 0 ? d : null, m = C?.(n) ?? [], h = {
+									density: a,
+									isLast: i,
+									isFirstInGroup: r,
+									activity: n,
+									eventConfig: o,
+									tone: s,
+									relativeTime: l,
+									absoluteTime: u,
+									sourceLabel: p,
+									expanded: M.isExpanded(n.id),
+									toggleExpanded: () => M.toggleExpanded(n.id)
+								}, g = f?.renderRow?.(n, h);
+								if (g !== void 0) return /* @__PURE__ */ y("div", { children: g }, e.key);
+								let _ = f?.renderHeadline?.(n, h), v = f?.renderMarker?.(n, h);
+								return /* @__PURE__ */ y(ge, {
+									activity: n,
+									density: a,
+									eventConfig: o,
+									tone: s,
+									isLast: i,
+									expanded: h.expanded,
+									onToggleExpanded: h.toggleExpanded,
+									relativeTime: l,
+									absoluteTime: u,
+									sourceLabel: p,
+									youLabel: k.you,
+									showChangesLabel: k.showChanges,
+									hideChangesLabel: k.hideChanges,
+									actionsLabel: k.actionsLabel,
+									currentUserId: c,
+									actions: m,
+									onActivityClick: w,
+									onActorClick: T,
+									onResourceClick: E,
+									onAction: ee,
+									getResourceConfig: (e) => j.get(e),
+									headlineOverride: _,
+									markerOverride: v
+								}, e.key);
+							})
+						})]
+					}, `${e.label}-${n}`);
+				})
+			}),
+			!!f?.footer && /* @__PURE__ */ y("div", {
+				className: "mt-3",
+				children: f.footer
+			})
+		]
+	});
+}
+$.displayName = "ActivityFeed";
+//#endregion
+//#region src/components/features/activities/partials/activities-feed-card.tsx
+function ye({ title: e, titleSuffix: t, description: n, padding: r = "base", composerSlot: i, className: o, strings: s, slots: c, ...l }) {
+	let u = {
+		...H,
+		...s,
+		sources: {
+			...H.sources,
+			...s?.sources ?? {}
+		},
+		events: {
+			...H.events,
+			...s?.events ?? {}
+		}
+	}, d = e ?? u.title;
+	return /* @__PURE__ */ y(a, {
+		icon: /* @__PURE__ */ y(x, { className: "size-4" }),
+		title: d,
+		titleSuffix: t,
+		description: n,
+		padding: r,
+		className: o,
+		children: /* @__PURE__ */ y($, {
+			...l,
+			strings: s,
+			slots: {
+				...c,
+				header: i ?? c?.header
+			}
+		})
+	});
+}
+ye.displayName = "ActivityFeedCard";
+//#endregion
+export { Y as ACTIVITY_TONE, G as ActivityActionsMenu, K as ActivityChanges, q as ActivityDateLabel, J as ActivityEmptyState, $ as ActivityFeed, ye as ActivityFeedCard, Q as ActivityHeadline, he as ActivityMarker, Z as ActivityResourceTag, ge as ActivityRow, X as TONE_TO_BADGE_VARIANT, H as defaultActivitiesStrings, B as defaultActivityEventConfig, z as defaultEventConfig, le as interpolateActivityString, V as resolveEventConfig, U as useActivityFeed, W as useActivityResources };
+
+//# sourceMappingURL=index.js.map