npm - @burdenoff/microfe-comradecircle - Versions diffs - 2026.819.1 → 2026.827.1 - Mend

@burdenoff/microfe-comradecircle 2026.819.1 → 2026.827.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (25) hide show

package/dist/comradecircle/components/DraftsPanel.d.ts ADDED Viewed

@@ -0,0 +1,32 @@
+/**
+ * DraftsPanel — the caller's own unpublished posts in one channel.
+ * @module comradecircle/components
+ *
+ * The composer can store a post as `status: DRAFT` (`ComCreatePostInput.status`);
+ * this is where those drafts come back. It reads
+ * `comListPosts(channelId, status: DRAFT)` and writes
+ * `comUpdatePost(id, { body })` (edit) / `comUpdatePost(id, { status: PUBLISHED })`
+ * (publish) / `comRemovePost(id)` (discard) — every one an existing `com*`
+ * capability, and `comUpdatePost`'s server-side gate already accepts the post's
+ * own author (`requirePostModeration` returns early on `authorId === actorId`).
+ *
+ * Scoping note: `comListPosts` filters by channel + status only — it does NOT
+ * scope drafts to their author — so the returned page can contain other
+ * members' drafts. This panel therefore renders ONLY rows whose `authorId`
+ * matches the calling member, and renders nothing at all when the shell has not
+ * supplied a current user (no identity ⇒ no way to tell whose draft is whose).
+ * The same bound means the panel is a "your recent drafts" view, not a
+ * guaranteed-complete one: it looks at one page of the channel's drafts, so it
+ * never claims a count it hasn't verified beyond that window.
+ */
+interface DraftsPanelProps {
+    channelId: string;
+    /** Whether the drafts list is expanded (controlled by the channel feed). */
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    /** Announcement channels label the publish action "Broadcast". */
+    variant?: 'default' | 'announcement';
+}
+export declare function DraftsPanel({ channelId, open, onOpenChange, variant, }: DraftsPanelProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=DraftsPanel.d.ts.map

package/dist/comradecircle/components/DraftsPanel.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"DraftsPanel.d.ts","sourceRoot":"","sources":["../../../src/comradecircle/components/DraftsPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AAmBH,UAAU,gBAAgB;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,4EAA4E;IAC5E,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,kEAAkE;IAClE,OAAO,CAAC,EAAE,SAAS,GAAG,cAAc,CAAC;CACtC;AAED,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,IAAI,EACJ,YAAY,EACZ,OAAmB,GACpB,EAAE,gBAAgB,kDAuElB"}

package/dist/comradecircle/components/DraftsPanel.js ADDED Viewed

@@ -0,0 +1,176 @@
+import { useComradeCircle as e } from "../context/ComradeCircleContext.js";
+import "../context/index.js";
+import { cn as t } from "../utils/cn.js";
+import { useComPosts as n, useComRemovePost as r, useComUpdatePost as i } from "../hooks/useComradeCircleApi.js";
+import "../hooks/index.js";
+import { describeError as a, notify as o } from "../lib/toast.js";
+import { formatNumber as s, formatRelativeTime as c } from "../utils/formatters.js";
+import { useMemo as l, useState as u } from "react";
+import { ChevronDown as d, FileText as f, Megaphone as p, Paperclip as m, Send as h, Trash2 as g } from "lucide-react";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+import { Button as b, Textarea as x } from "@burdenoff/fe-libs/ui";
+//#region src/comradecircle/components/DraftsPanel.tsx
+var S = 50;
+function C({ channelId: r, open: i, onOpenChange: a, variant: o = "default" }) {
+	let { currentUser: c } = e(), u = c?.id, { data: p, isLoading: m, isError: h, refetch: g } = n({
+		channelId: r,
+		status: "DRAFT",
+		pagination: { limit: S }
+	}), _ = l(() => u ? (p?.items ?? []).filter((e) => e.authorId === u) : [], [p, u]);
+	return u ? h ? /* @__PURE__ */ y("div", {
+		className: "flex flex-wrap items-center justify-between gap-2 rounded-xl border border-dashed border-border-seam px-4 py-2.5 text-sm text-text-secondary",
+		children: [/* @__PURE__ */ y("span", {
+			className: "inline-flex items-center gap-2",
+			children: [/* @__PURE__ */ v(f, { className: "h-4 w-4 text-text-tertiary" }), " We couldn't load your drafts."]
+		}), /* @__PURE__ */ v(b, {
+			size: "sm",
+			variant: "outline",
+			onClick: () => void g(),
+			children: "Retry"
+		})]
+	}) : m || _.length === 0 ? null : /* @__PURE__ */ y("div", {
+		className: "overflow-hidden rounded-xl border border-border-seam bg-bg-surface",
+		children: [/* @__PURE__ */ y("button", {
+			type: "button",
+			onClick: () => a(!i),
+			"aria-expanded": i,
+			className: "flex w-full items-center justify-between gap-3 px-4 py-2.5 text-left transition-colors hover:bg-bg-sunken",
+			children: [/* @__PURE__ */ y("span", {
+				className: "inline-flex items-center gap-2 text-sm font-medium text-text-primary",
+				children: [
+					/* @__PURE__ */ v(f, { className: "h-4 w-4 text-text-tertiary" }),
+					"Your drafts",
+					/* @__PURE__ */ v("span", {
+						className: "rounded-full bg-bg-sunken px-2 py-0.5 text-xs tabular-nums text-text-secondary",
+						children: s(_.length)
+					})
+				]
+			}), /* @__PURE__ */ v(d, {
+				className: t("h-4 w-4 shrink-0 text-text-tertiary transition-transform", i && "rotate-180"),
+				"aria-hidden": "true"
+			})]
+		}), i && /* @__PURE__ */ v("ul", {
+			className: "border-t border-border-seam",
+			children: _.map((e) => /* @__PURE__ */ v("li", {
+				className: "border-b border-border-seam last:border-b-0",
+				children: /* @__PURE__ */ v(w, {
+					draft: e,
+					variant: o
+				})
+			}, e.id))
+		})]
+	}) : null;
+}
+function w({ draft: e, variant: t }) {
+	let n = i(), l = r(), [d, f] = u(!1), [S, C] = u(e.body), w = t === "announcement", T = n.isPending || l.isPending, E = async () => {
+		let t = S.trim();
+		if (!t || t === e.body) {
+			C(e.body), f(!1);
+			return;
+		}
+		try {
+			await n.mutateAsync({
+				id: e.id,
+				input: { body: t }
+			}), f(!1), o.success("Draft updated");
+		} catch (e) {
+			o.error("Could not update draft", a(e));
+		}
+	}, D = async () => {
+		try {
+			await n.mutateAsync({
+				id: e.id,
+				input: { status: "PUBLISHED" }
+			}), o.success(w ? "Announcement published" : "Draft published");
+		} catch (e) {
+			o.error("Could not publish draft", a(e));
+		}
+	}, O = async () => {
+		try {
+			await l.mutateAsync({
+				id: e.id,
+				channelId: e.channelId
+			}), o.success("Draft discarded");
+		} catch (e) {
+			o.error("Could not discard draft", a(e));
+		}
+	};
+	return /* @__PURE__ */ v("div", {
+		className: "px-4 py-3",
+		children: d ? /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(x, {
+			value: S,
+			onChange: (e) => C(e.target.value),
+			rows: 3,
+			className: "resize-none",
+			"aria-label": "Draft body"
+		}), /* @__PURE__ */ y("div", {
+			className: "mt-2 flex justify-end gap-2",
+			children: [/* @__PURE__ */ v(b, {
+				size: "sm",
+				variant: "outline",
+				onClick: () => {
+					C(e.body), f(!1);
+				},
+				children: "Cancel"
+			}), /* @__PURE__ */ v(b, {
+				size: "sm",
+				onClick: () => void E(),
+				disabled: n.isPending,
+				children: "Save"
+			})]
+		})] }) : /* @__PURE__ */ y(_, { children: [
+			/* @__PURE__ */ v("p", {
+				className: "line-clamp-3 whitespace-pre-wrap break-words text-sm text-text-primary",
+				children: e.body || "Empty draft"
+			}),
+			/* @__PURE__ */ y("div", {
+				className: "mt-1.5 flex flex-wrap items-center gap-x-3 gap-y-1 text-xs text-text-tertiary",
+				children: [
+					/* @__PURE__ */ y("span", { children: ["Saved ", c(e.updatedAt)] }),
+					e.attachmentFileIds.length > 0 && /* @__PURE__ */ y("span", {
+						className: "inline-flex items-center gap-1",
+						children: [
+							/* @__PURE__ */ v(m, { className: "h-3 w-3" }),
+							s(e.attachmentFileIds.length),
+							e.attachmentFileIds.length === 1 ? " attachment" : " attachments"
+						]
+					}),
+					e.tags.map((e) => /* @__PURE__ */ y("span", {
+						className: "text-text-secondary",
+						children: ["#", e]
+					}, e))
+				]
+			}),
+			/* @__PURE__ */ y("div", {
+				className: "mt-2.5 flex flex-wrap items-center justify-end gap-2",
+				children: [
+					/* @__PURE__ */ y(b, {
+						size: "sm",
+						variant: "ghost",
+						onClick: () => void O(),
+						disabled: T,
+						className: "text-status-error-text hover:text-status-error-text",
+						children: [/* @__PURE__ */ v(g, { className: "mr-1.5 h-3.5 w-3.5" }), " Discard"]
+					}),
+					/* @__PURE__ */ v(b, {
+						size: "sm",
+						variant: "outline",
+						onClick: () => f(!0),
+						disabled: T,
+						children: "Edit"
+					}),
+					/* @__PURE__ */ v(b, {
+						size: "sm",
+						onClick: () => void D(),
+						disabled: T,
+						children: w ? /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(p, { className: "mr-1.5 h-3.5 w-3.5" }), " Broadcast"] }) : /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(h, { className: "mr-1.5 h-3.5 w-3.5" }), " Publish"] })
+					})
+				]
+			})
+		] })
+	});
+}
+//#endregion
+export { C as DraftsPanel };
+//# sourceMappingURL=DraftsPanel.js.map

package/dist/comradecircle/components/DraftsPanel.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"DraftsPanel.js","names":[],"sources":["../../../src/comradecircle/components/DraftsPanel.tsx"],"sourcesContent":["/**\n * DraftsPanel — the caller's own unpublished posts in one channel.\n * @module comradecircle/components\n *\n * The composer can store a post as `status: DRAFT` (`ComCreatePostInput.status`);\n * this is where those drafts come back. It reads\n * `comListPosts(channelId, status: DRAFT)` and writes\n * `comUpdatePost(id, { body })` (edit) / `comUpdatePost(id, { status: PUBLISHED })`\n * (publish) / `comRemovePost(id)` (discard) — every one an existing `com*`\n * capability, and `comUpdatePost`'s server-side gate already accepts the post's\n * own author (`requirePostModeration` returns early on `authorId === actorId`).\n *\n * Scoping note: `comListPosts` filters by channel + status only — it does NOT\n * scope drafts to their author — so the returned page can contain other\n * members' drafts. This panel therefore renders ONLY rows whose `authorId`\n * matches the calling member, and renders nothing at all when the shell has not\n * supplied a current user (no identity ⇒ no way to tell whose draft is whose).\n * The same bound means the panel is a \"your recent drafts\" view, not a\n * guaranteed-complete one: it looks at one page of the channel's drafts, so it\n * never claims a count it hasn't verified beyond that window.\n */\n\nimport { useMemo, useState } from 'react';\nimport { ChevronDown, FileText, Megaphone, Paperclip, Send, Trash2 } from 'lucide-react';\nimport { Button, Textarea } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/cn';\nimport { useComPosts, useComRemovePost, useComUpdatePost } from '../hooks';\nimport { useComradeCircle } from '../context';\nimport { formatNumber, formatRelativeTime } from '../utils/formatters';\nimport { notify, describeError } from '../lib/toast';\nimport type { ComPost } from '../types';\n\n/**\n * One page of the channel's drafts. Deliberately larger than a visible list\n * needs to be: the page is shared with every other member's drafts and only the\n * caller's survive the filter below.\n */\nconst DRAFT_WINDOW = 50;\n\ninterface DraftsPanelProps {\n channelId: string;\n /** Whether the drafts list is expanded (controlled by the channel feed). */\n open: boolean;\n onOpenChange: (open: boolean) => void;\n /** Announcement channels label the publish action \"Broadcast\". */\n variant?: 'default' | 'announcement';\n}\n\nexport function DraftsPanel({\n channelId,\n open,\n onOpenChange,\n variant = 'default',\n}: DraftsPanelProps) {\n const { currentUser } = useComradeCircle();\n const meId = currentUser?.id;\n\n const { data, isLoading, isError, refetch } = useComPosts({\n channelId,\n status: 'DRAFT',\n pagination: { limit: DRAFT_WINDOW },\n });\n\n const drafts = useMemo(\n () => (meId ? (data?.items ?? []).filter((post) => post.authorId === meId) : []),\n [data, meId]\n );\n\n // No identity → the author filter above cannot run, so show nothing rather\n // than risk surfacing someone else's unpublished post.\n if (!meId) return null;\n\n if (isError) {\n return (\n <div className=\"flex flex-wrap items-center justify-between gap-2 rounded-xl border border-dashed border-border-seam px-4 py-2.5 text-sm text-text-secondary\">\n <span className=\"inline-flex items-center gap-2\">\n <FileText className=\"h-4 w-4 text-text-tertiary\" /> We couldn't load your drafts.\n </span>\n <Button size=\"sm\" variant=\"outline\" onClick={() => void refetch()}>\n Retry\n </Button>\n </div>\n );\n }\n\n // While the first page is in flight there is nothing truthful to announce —\n // the count is unknown — so the panel stays out of the layout entirely.\n if (isLoading || drafts.length === 0) return null;\n\n return (\n <div className=\"overflow-hidden rounded-xl border border-border-seam bg-bg-surface\">\n <button\n type=\"button\"\n onClick={() => onOpenChange(!open)}\n aria-expanded={open}\n className=\"flex w-full items-center justify-between gap-3 px-4 py-2.5 text-left transition-colors hover:bg-bg-sunken\"\n >\n <span className=\"inline-flex items-center gap-2 text-sm font-medium text-text-primary\">\n <FileText className=\"h-4 w-4 text-text-tertiary\" />\n Your drafts\n <span className=\"rounded-full bg-bg-sunken px-2 py-0.5 text-xs tabular-nums text-text-secondary\">\n {formatNumber(drafts.length)}\n </span>\n </span>\n <ChevronDown\n className={cn(\n 'h-4 w-4 shrink-0 text-text-tertiary transition-transform',\n open && 'rotate-180'\n )}\n aria-hidden=\"true\"\n />\n </button>\n\n {open && (\n <ul className=\"border-t border-border-seam\">\n {drafts.map((draft) => (\n <li key={draft.id} className=\"border-b border-border-seam last:border-b-0\">\n <DraftRow draft={draft} variant={variant} />\n </li>\n ))}\n </ul>\n )}\n </div>\n );\n}\n\nfunction DraftRow({ draft, variant }: { draft: ComPost; variant: 'default' | 'announcement' }) {\n const updatePost = useComUpdatePost();\n const removePost = useComRemovePost();\n const [editing, setEditing] = useState(false);\n const [body, setBody] = useState(draft.body);\n\n const isAnnouncement = variant === 'announcement';\n const busy = updatePost.isPending || removePost.isPending;\n\n const saveEdit = async () => {\n const text = body.trim();\n if (!text || text === draft.body) {\n setBody(draft.body);\n setEditing(false);\n return;\n }\n try {\n await updatePost.mutateAsync({ id: draft.id, input: { body: text } });\n setEditing(false);\n notify.success('Draft updated');\n } catch (err) {\n notify.error('Could not update draft', describeError(err));\n }\n };\n\n const publish = async () => {\n try {\n await updatePost.mutateAsync({ id: draft.id, input: { status: 'PUBLISHED' } });\n notify.success(isAnnouncement ? 'Announcement published' : 'Draft published');\n } catch (err) {\n notify.error('Could not publish draft', describeError(err));\n }\n };\n\n const discard = async () => {\n try {\n await removePost.mutateAsync({ id: draft.id, channelId: draft.channelId });\n notify.success('Draft discarded');\n } catch (err) {\n notify.error('Could not discard draft', describeError(err));\n }\n };\n\n return (\n <div className=\"px-4 py-3\">\n {editing ? (\n <>\n <Textarea\n value={body}\n onChange={(e) => setBody(e.target.value)}\n rows={3}\n className=\"resize-none\"\n aria-label=\"Draft body\"\n />\n <div className=\"mt-2 flex justify-end gap-2\">\n <Button\n size=\"sm\"\n variant=\"outline\"\n onClick={() => {\n setBody(draft.body);\n setEditing(false);\n }}\n >\n Cancel\n </Button>\n <Button size=\"sm\" onClick={() => void saveEdit()} disabled={updatePost.isPending}>\n Save\n </Button>\n </div>\n </>\n ) : (\n <>\n <p className=\"line-clamp-3 whitespace-pre-wrap break-words text-sm text-text-primary\">\n {draft.body || 'Empty draft'}\n </p>\n\n <div className=\"mt-1.5 flex flex-wrap items-center gap-x-3 gap-y-1 text-xs text-text-tertiary\">\n <span>Saved {formatRelativeTime(draft.updatedAt)}</span>\n {draft.attachmentFileIds.length > 0 && (\n <span className=\"inline-flex items-center gap-1\">\n <Paperclip className=\"h-3 w-3\" />\n {formatNumber(draft.attachmentFileIds.length)}\n {draft.attachmentFileIds.length === 1 ? ' attachment' : ' attachments'}\n </span>\n )}\n {draft.tags.map((tag) => (\n <span key={tag} className=\"text-text-secondary\">\n #{tag}\n </span>\n ))}\n </div>\n\n <div className=\"mt-2.5 flex flex-wrap items-center justify-end gap-2\">\n <Button\n size=\"sm\"\n variant=\"ghost\"\n onClick={() => void discard()}\n disabled={busy}\n className=\"text-status-error-text hover:text-status-error-text\"\n >\n <Trash2 className=\"mr-1.5 h-3.5 w-3.5\" /> Discard\n </Button>\n <Button size=\"sm\" variant=\"outline\" onClick={() => setEditing(true)} disabled={busy}>\n Edit\n </Button>\n <Button size=\"sm\" onClick={() => void publish()} disabled={busy}>\n {isAnnouncement ? (\n <>\n <Megaphone className=\"mr-1.5 h-3.5 w-3.5\" /> Broadcast\n </>\n ) : (\n <>\n <Send className=\"mr-1.5 h-3.5 w-3.5\" /> Publish\n </>\n )}\n </Button>\n </div>\n </>\n )}\n </div>\n );\n}\n"],"mappings":"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"}

package/dist/comradecircle/components/PostComposer.d.ts CHANGED Viewed

@@ -1,15 +1,21 @@
 /**
- * PostComposer — compose and publish a post to a channel.
+ * PostComposer — compose, save, and publish a post to a channel.
  * @module comradecircle/components
  *
- * Writes `comCreatePost({ channelId, body, tags })`. Text + tags only (file
- * attachments are a future enhancement — the svc accepts attachmentFileIds but
- * file upload/preview is out of scope for v1).
+ * Writes `comCreatePost({ channelId, body, tags, attachmentFileIds, status })`.
+ *
+ * `ComCreatePostInput.status` (`ComPostStatus`, server default `PUBLISHED`) is
+ * what backs the "Save draft" action: a draft is a real `ComPost` row with
+ * `status: DRAFT`, invisible to the channel feed (which reads
+ * `comListPosts(status: PUBLISHED)`) until its author publishes it through
+ * `comUpdatePost(id, { status: PUBLISHED })` from {@link DraftsPanel}.
  */
 interface PostComposerProps {
     channelId: string;
     channelName?: string;
     onPosted?: () => void;
+    /** Fired after a draft is stored, so the host can reveal its drafts list. */
+    onDraftSaved?: () => void;
     /**
      * 'announcement' renders the manager-only broadcast composer with distinct
      * styling (accent border + "New announcement" affordance) per BOFF-3969's
@@ -17,6 +23,6 @@ interface PostComposerProps {
      */
     variant?: 'default' | 'announcement';
 }
-export declare function PostComposer({ channelId, channelName, onPosted, variant, }: PostComposerProps): import("react/jsx-runtime").JSX.Element;
+export declare function PostComposer({ channelId, channelName, onPosted, onDraftSaved, variant, }: PostComposerProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=PostComposer.d.ts.map

package/dist/comradecircle/components/PostComposer.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PostComposer.d.ts","sourceRoot":"","sources":["../../../src/comradecircle/components/PostComposer.tsx"],"names":[],"mappings":"AAAA~~;;;;;;;GAOG~~;~~AAaH~~,UAAU,iBAAiB;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,cAAc,CAAC;CACtC;AAED,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,WAAW,EACX,QAAQ,EACR,OAAmB,GACpB,EAAE,iBAAiB,~~2CAyGnB~~"}
1	+ {"version":3,"file":"PostComposer.d.ts","sourceRoot":"","sources":["../../../src/comradecircle/components/PostComposer.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAcH,UAAU,iBAAiB;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,6EAA6E;IAC7E,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,cAAc,CAAC;CACtC;AAED,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,WAAW,EACX,QAAQ,EACR,YAAY,EACZ,OAAmB,GACpB,EAAE,iBAAiB,2CA+HnB"}

package/dist/comradecircle/components/PostComposer.js CHANGED Viewed

@@ -8,76 +8,88 @@ import { describeError as i, notify as a } from "../lib/toast.js";
 import { AttachmentPicker as o } from "./ImageAttachments.js";
 import { TagInput as s } from "./TagInput.js";
 import { useState as c } from "react";
-import { Megaphone as l, Send as u } from "lucide-react";
-import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
-import { Button as m, GlassCard as h, Textarea as g } from "@burdenoff/fe-libs/ui";
+import { FileText as l, Megaphone as u, Send as d } from "lucide-react";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { Button as h, GlassCard as g, Textarea as _ } from "@burdenoff/fe-libs/ui";
 //#region src/comradecircle/components/PostComposer.tsx
-function _({ channelId: _, channelName: v, onPosted: y, variant: b = "default" }) {
-	let x = b === "announcement", { currentUser: S } = e(), C = n(), [w, T] = c(""), [E, D] = c([]), [O, k] = c(!1), [A, j] = c([]), M = async () => {
-		let e = w.trim();
-		if (!(!e && A.length === 0)) try {
-			await C.mutateAsync({
-				channelId: _,
-				body: e,
-				tags: E.length ? E : null,
-				attachmentFileIds: A.length ? A : null
-			}), T(""), D([]), j([]), k(!1), a.success(x ? "Announcement published" : "Posted", v ? `Shared to #${v}` : void 0), y?.();
+function v({ channelId: v, channelName: y, onPosted: b, onDraftSaved: x, variant: S = "default" }) {
+	let C = S === "announcement", { currentUser: w } = e(), T = n(), [E, D] = c(""), [O, k] = c([]), [A, j] = c(!1), [M, N] = c([]), P = !E.trim() && M.length === 0, F = async (e) => {
+		let t = E.trim();
+		if (!t && M.length === 0) return;
+		let n = e === "DRAFT";
+		try {
+			await T.mutateAsync({
+				channelId: v,
+				body: t,
+				tags: O.length ? O : null,
+				attachmentFileIds: M.length ? M : null,
+				status: e
+			}), D(""), k([]), N([]), j(!1), n ? (a.success("Draft saved", y ? `Only you can see it until you publish it to #${y}.` : void 0), x?.()) : (a.success(C ? "Announcement published" : "Posted", y ? `Shared to #${y}` : void 0), b?.());
 		} catch (e) {
-			a.error("Could not publish post", i(e));
+			a.error(n ? "Could not save draft" : "Could not publish post", i(e));
 		}
 	};
-	return /* @__PURE__ */ p(h, {
+	return /* @__PURE__ */ m(g, {
 		treatment: "plain",
-		className: t("p-4", x && "border-2 border-[color:var(--color-accent)]"),
-		children: [x && /* @__PURE__ */ p("div", {
+		className: t("p-4", C && "border-2 border-[color:var(--color-accent)]"),
+		children: [C && /* @__PURE__ */ m("div", {
 			className: "mb-3 flex items-center gap-1.5 text-xs font-semibold uppercase tracking-wide text-accent",
-			children: [/* @__PURE__ */ f(l, { className: "h-3.5 w-3.5" }), " New announcement"]
-		}), /* @__PURE__ */ p("div", {
+			children: [/* @__PURE__ */ p(u, { className: "h-3.5 w-3.5" }), " New announcement"]
+		}), /* @__PURE__ */ m("div", {
 			className: "flex gap-3",
-			children: [/* @__PURE__ */ f(r, {
-				name: S?.name ?? S?.email ?? "You",
+			children: [/* @__PURE__ */ p(r, {
+				name: w?.name ?? w?.email ?? "You",
 				size: "md"
-			}), /* @__PURE__ */ p("div", {
+			}), /* @__PURE__ */ m("div", {
 				className: "flex-1",
 				children: [
-					/* @__PURE__ */ f(g, {
-						value: w,
-						onChange: (e) => T(e.target.value),
-						placeholder: x ? `Broadcast an announcement to #${v ?? "this channel"}…` : v ? `Share something in #${v}…` : "Share something…",
+					/* @__PURE__ */ p(_, {
+						value: E,
+						onChange: (e) => D(e.target.value),
+						placeholder: C ? `Broadcast an announcement to #${y ?? "this channel"}…` : y ? `Share something in #${y}…` : "Share something…",
 						rows: 2,
 						className: "resize-none border-0 bg-transparent px-0 shadow-none focus-visible:ring-0",
 						onKeyDown: (e) => {
-							e.key === "Enter" && (e.metaKey || e.ctrlKey) && (e.preventDefault(), M());
+							e.key === "Enter" && (e.metaKey || e.ctrlKey) && (e.preventDefault(), F("PUBLISHED"));
 						}
 					}),
-					O && /* @__PURE__ */ f("div", {
+					A && /* @__PURE__ */ p("div", {
 						className: "mt-2",
-						children: /* @__PURE__ */ f(s, {
-							value: E,
-							onChange: D,
+						children: /* @__PURE__ */ p(s, {
+							value: O,
+							onChange: k,
 							placeholder: "Add topics…"
 						})
 					}),
-					/* @__PURE__ */ f("div", {
+					/* @__PURE__ */ p("div", {
 						className: "mt-2",
-						children: /* @__PURE__ */ f(o, {
-							fileIds: A,
-							onChange: j,
-							disabled: C.isPending
+						children: /* @__PURE__ */ p(o, {
+							fileIds: M,
+							onChange: N,
+							disabled: T.isPending
 						})
 					}),
-					/* @__PURE__ */ p("div", {
+					/* @__PURE__ */ m("div", {
 						className: "mt-3 flex items-center justify-between",
-						children: [/* @__PURE__ */ f("button", {
+						children: [/* @__PURE__ */ p("button", {
 							type: "button",
-							onClick: () => k((e) => !e),
+							onClick: () => j((e) => !e),
 							className: "text-xs font-medium text-text-secondary transition-colors hover:text-text-primary",
-							children: O ? "Hide topics" : "# Add topics"
-						}), /* @__PURE__ */ f(m, {
-							size: "sm",
-							onClick: M,
-							disabled: !w.trim() && A.length === 0 || C.isPending,
-							children: x ? /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(l, { className: "mr-1.5 h-4 w-4" }), " Broadcast"] }) : /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(u, { className: "mr-1.5 h-4 w-4" }), " Post"] })
+							children: A ? "Hide topics" : "# Add topics"
+						}), /* @__PURE__ */ m("div", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ m(h, {
+								size: "sm",
+								variant: "outline",
+								onClick: () => void F("DRAFT"),
+								disabled: P || T.isPending,
+								children: [/* @__PURE__ */ p(l, { className: "mr-1.5 h-4 w-4" }), " Save draft"]
+							}), /* @__PURE__ */ p(h, {
+								size: "sm",
+								onClick: () => void F("PUBLISHED"),
+								disabled: P || T.isPending,
+								children: C ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(u, { className: "mr-1.5 h-4 w-4" }), " Broadcast"] }) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(d, { className: "mr-1.5 h-4 w-4" }), " Post"] })
+							})]
 						})]
 					})
 				]
@@ -86,6 +98,6 @@ function _({ channelId: _, channelName: v, onPosted: y, variant: b = "default" }
 	});
 }
 //#endregion
-export { _ as PostComposer };
+export { v as PostComposer };
 //# sourceMappingURL=PostComposer.js.map

package/dist/comradecircle/components/PostComposer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PostComposer.js","names":[],"sources":["../../../src/comradecircle/components/PostComposer.tsx"],"sourcesContent":["/*\n PostComposer — compose and publish a post to a channel.\n * @module comradecircle/components\n \n Writes `comCreatePost({ channelId, body, tags })`. ~~Text~~ + ~~tags~~ ~~only~~ ~~(file~~\n * ~~attachments~~ ~~are~~ a ~~future~~ ~~enhancement~~ — the ~~svc~~ ~~accepts~~ ~~attachmentFileIds~~ ~~but~~\n * ~~file~~ ~~upload/preview~~ is ~~out~~ of ~~scope~~ ~~for~~ v1).\n /\n\nimport { useState } from 'react';\nimport { Send, Megaphone } from 'lucide-react';\nimport { Button, Textarea, GlassCard } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/cn';\nimport { TagInput } from './TagInput';\nimport { Avatar } from './Avatar';\nimport { AttachmentPicker } from './ImageAttachments';\nimport { useComCreatePost } from '../hooks';\nimport { useComradeCircle } from '../context';\nimport { notify, describeError } from '../lib/toast';\n\ninterface PostComposerProps {\n channelId: string;\n channelName?: string;\n onPosted?: () => void;\n /\n 'announcement' renders the manager-only broadcast composer with distinct\n * styling (accent border + \"New announcement\" affordance) per BOFF-3969's\n * mock; 'default' is the regular post composer used on TEXT/FORUM channels.\n */\n variant?: 'default' \| 'announcement';\n}\n\nexport function PostComposer({\n channelId,\n channelName,\n onPosted,\n variant = 'default',\n}: PostComposerProps) {\n const isAnnouncement = variant === 'announcement';\n const { currentUser } = useComradeCircle();\n const createPost = useComCreatePost();\n const [body, setBody] = useState('');\n const [tags, setTags] = useState<string[]>([]);\n const [showTags, setShowTags] = useState(false);\n const [attachmentFileIds, setAttachmentFileIds] = useState<string[]>([]);\n\n const submit = async () => {\n const text = body.trim();\n if (!text && attachmentFileIds.length === 0) return;\n try {\n await createPost.mutateAsync({\n channelId,\n body: text,\n tags: tags.length ? tags : null,\n attachmentFileIds: attachmentFileIds.length ? attachmentFileIds : null,\n });\n setBody('');\n setTags([]);\n setAttachmentFileIds([]);\n setShowTags(false);\n notify.success(\n isAnnouncement ? 'Announcement published' : 'Posted',\n channelName ? `Shared to #${channelName}` : undefined\n );\n onPosted?.();\n } catch (err) {\n notify.error('Could not publish post', describeError(err));\n }\n };\n\n return (\n <GlassCard\n treatment=\"plain\"\n className={cn('p-4', isAnnouncement && 'border-2 border-[color:var(--color-accent)]')}\n >\n {isAnnouncement && (\n <div className=\"mb-3 flex items-center gap-1.5 text-xs font-semibold uppercase tracking-wide text-accent\">\n <Megaphone className=\"h-3.5 w-3.5\" /> New announcement\n </div>\n )}\n <div className=\"flex gap-3\">\n <Avatar name={currentUser?.name ?? currentUser?.email ?? 'You'} size=\"md\" />\n <div className=\"flex-1\">\n <Textarea\n value={body}\n onChange={(e) => setBody(e.target.value)}\n placeholder={\n isAnnouncement\n ? `Broadcast an announcement to #${channelName ?? 'this channel'}…`\n : channelName\n ? `Share something in #${channelName}…`\n : 'Share something…'\n }\n rows={2}\n className=\"resize-none border-0 bg-transparent px-0 shadow-none focus-visible:ring-0\"\n onKeyDown={(e) => {\n if (e.key === 'Enter' && (e.metaKey \|\| e.ctrlKey)) {\n e.preventDefault();\n void submit();\n }\n }}\n />\n {showTags && (\n <div className=\"mt-2\">\n <TagInput value={tags} onChange={setTags} placeholder=\"Add topics…\" />\n </div>\n )}\n <div className=\"mt-2\">\n <AttachmentPicker\n fileIds={attachmentFileIds}\n onChange={setAttachmentFileIds}\n disabled={createPost.isPending}\n />\n </div>\n <div className=\"mt-3 flex items-center justify-between\">\n <button\n type=\"button\"\n onClick={() => setShowTags((s) => !s)}\n className=\"text-xs font-medium text-text-secondary transition-colors hover:text-text-primary\"\n >\n {showTags ? 'Hide topics' : '# Add topics'}\n </button>\n <Button\n size=\"sm\"\n onClick={submit}\n disabled={~~(!body~~.~~trim~~() && ~~attachmentFileIds.length~~ ~~=== 0~~) \|\| createPost.isPending}\n >\n {isAnnouncement ? (\n <>\n <Megaphone className=\"mr-1.5 h-4 w-4\" /> Broadcast\n </>\n ) : (\n <>\n <Send className=\"mr-1.5 h-4 w-4\" /> Post\n </>\n )}\n </Button>\n </div>\n </div>\n </div>\n </GlassCard>\n );\n}\n"],"mappings":";;;;;;;;;;;;;;~~AAgCA~~,SAAgB,EAAa,EAC3B,cACA,gBACA,aACA,aAAU,aACU;CACpB,IAAM,IAAiB,MAAY,gBAC7B,EAAE,mBAAgB,EAAiB,GACnC,IAAa,EAAiB,GAC9B,CAAC,GAAM,KAAW,EAAS,EAAE,GAC7B,CAAC,GAAM,KAAW,EAAmB,CAAC,CAAC,GACvC,CAAC,GAAU,KAAe,EAAS,EAAK,GACxC,CAAC,GAAmB,KAAwB,EAAmB,CAAC,CAAC,GAEjE,IAAS,~~YAAY~~;~~EACzB~~,IAAM,IAAO,EAAK,KAAK;~~EACnB~~,~~OAAC~~,KAAQ,EAAkB,WAAW,~~IAC1C~~,IAAI;~~GAeF~~,~~AAdA~~,MAAM,EAAW,YAAY;IAC3B;IACA,MAAM;IACN,MAAM,EAAK,SAAS,IAAO;IAC3B,mBAAmB,EAAkB,SAAS,IAAoB;~~GACpE~~,CAAC,GACD,EAAQ,EAAE,GACV,EAAQ,CAAC,CAAC,GACV,EAAqB,CAAC,CAAC,GACvB,EAAY,EAAK,~~GACjB~~,EAAO,QACL,IAAiB,2BAA2B,UAC5C,IAAc,cAAc,MAAgB,KAAA,CAC9C,GACA,IAAW;~~EACb~~,SAAS,GAAK;GACZ,EAAO,MAAM,0BAA0B,EAAc,CAAG,CAAC;~~EAC3D~~;CACF;CAEA,OACE,kBAAC,GAAD;EACE,WAAU;EACV,WAAW,EAAG,OAAO,KAAkB,6CAA6C;YAFtF,CAIG,KACC,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD,EAAW,WAAU,cAAe,CAAA,GAAC,mBAClC;MAEP,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD;IAAQ,MAAM,GAAa,QAAQ,GAAa,SAAS;IAAO,MAAK;GAAM,CAAA,GAC3E,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD;MACE,OAAO;MACP,WAAW,MAAM,EAAQ,EAAE,OAAO,KAAK;MACvC,aACE,IACI,iCAAiC,KAAe,eAAe,KAC/D,IACE,uBAAuB,EAAY,KACnC;MAER,MAAM;MACN,WAAU;MACV,YAAY,MAAM;OAChB,AAAI,EAAE,QAAQ,YAAY,EAAE,WAAW,EAAE,aACvC,EAAE,eAAe,GACjB,EAAY;~~MAEhB~~;KACD,CAAA;KACA,KACC,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,GAAD;OAAU,OAAO;OAAM,UAAU;OAAS,aAAY;MAAe,CAAA;KAClE,CAAA;KAEP,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,GAAD;OACE,SAAS;OACT,UAAU;OACV,UAAU,EAAW;MACtB,CAAA;KACE,CAAA;KACL,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,UAAD;OACE,MAAK;OACL,eAAe,GAAa,MAAM,CAAC,CAAC;OACpC,WAAU;iBAET,IAAW,gBAAgB;MACtB,CAAA,GACR,kBAAC,GAAD;~~OACE~~,MAAK;~~OACL~~,~~SAAS~~;~~OACT~~,~~UAAW~~,~~CAAC~~,~~EAAK~~,~~KAAK~~,KAAK,~~EAAkB~~,WAAW,~~KAAM~~,EAAW;~~iBAExE~~,IACC,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD,EAAW,WAAU,iBAAkB,CAAA,GAAC,YACxC,EAAA,CAAA,IAEF,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD,EAAM,WAAU,iBAAkB,CAAA,GAAC,OACnC,EAAA,CAAA;~~MAEE~~,CAAA,CACL;;IACF;KACF;IACI;;AAEf"}
1	+ {"version":3,"file":"PostComposer.js","names":[],"sources":["../../../src/comradecircle/components/PostComposer.tsx"],"sourcesContent":["/*\n PostComposer — compose, save, and publish a post to a channel.\n * @module comradecircle/components\n \n Writes `comCreatePost({ channelId, body, tags, attachmentFileIds, status })`.\n \n `ComCreatePostInput.status` (`ComPostStatus`, server default `PUBLISHED`) is\n * what backs the \"Save draft\" action: a draft is a real `ComPost` row with\n * `status: DRAFT`, invisible to the channel feed (which reads\n * `comListPosts(status: PUBLISHED)`) until its author publishes it through\n * `comUpdatePost(id, { status: PUBLISHED })` from {@link DraftsPanel}.\n /\n\nimport { useState } from 'react';\nimport { Send, Megaphone, FileText } from 'lucide-react';\nimport { Button, Textarea, GlassCard } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/cn';\nimport { TagInput } from './TagInput';\nimport { Avatar } from './Avatar';\nimport { AttachmentPicker } from './ImageAttachments';\nimport { useComCreatePost } from '../hooks';\nimport { useComradeCircle } from '../context';\nimport { notify, describeError } from '../lib/toast';\nimport type { ComPostStatus } from '../types';\n\ninterface PostComposerProps {\n channelId: string;\n channelName?: string;\n onPosted?: () => void;\n /* Fired after a draft is stored, so the host can reveal its drafts list. /\n onDraftSaved?: () => void;\n /\n 'announcement' renders the manager-only broadcast composer with distinct\n * styling (accent border + \"New announcement\" affordance) per BOFF-3969's\n * mock; 'default' is the regular post composer used on TEXT/FORUM channels.\n */\n variant?: 'default' \| 'announcement';\n}\n\nexport function PostComposer({\n channelId,\n channelName,\n onPosted,\n onDraftSaved,\n variant = 'default',\n}: PostComposerProps) {\n const isAnnouncement = variant === 'announcement';\n const { currentUser } = useComradeCircle();\n const createPost = useComCreatePost();\n const [body, setBody] = useState('');\n const [tags, setTags] = useState<string[]>([]);\n const [showTags, setShowTags] = useState(false);\n const [attachmentFileIds, setAttachmentFileIds] = useState<string[]>([]);\n\n const isEmpty = !body.trim() && attachmentFileIds.length === 0;\n\n const submit = async (status: ComPostStatus) => {\n const text = body.trim();\n if (!text && attachmentFileIds.length === 0) return;\n const draft = status === 'DRAFT';\n try {\n await createPost.mutateAsync({\n channelId,\n body: text,\n tags: tags.length ? tags : null,\n attachmentFileIds: attachmentFileIds.length ? attachmentFileIds : null,\n status,\n });\n setBody('');\n setTags([]);\n setAttachmentFileIds([]);\n setShowTags(false);\n if (draft) {\n notify.success(\n 'Draft saved',\n channelName ? `Only you can see it until you publish it to #${channelName}.` : undefined\n );\n onDraftSaved?.();\n } else {\n notify.success(\n isAnnouncement ? 'Announcement published' : 'Posted',\n channelName ? `Shared to #${channelName}` : undefined\n );\n onPosted?.();\n }\n } catch (err) {\n notify.error(draft ? 'Could not save draft' : 'Could not publish post', describeError(err));\n }\n };\n\n return (\n <GlassCard\n treatment=\"plain\"\n className={cn('p-4', isAnnouncement && 'border-2 border-[color:var(--color-accent)]')}\n >\n {isAnnouncement && (\n <div className=\"mb-3 flex items-center gap-1.5 text-xs font-semibold uppercase tracking-wide text-accent\">\n <Megaphone className=\"h-3.5 w-3.5\" /> New announcement\n </div>\n )}\n <div className=\"flex gap-3\">\n <Avatar name={currentUser?.name ?? currentUser?.email ?? 'You'} size=\"md\" />\n <div className=\"flex-1\">\n <Textarea\n value={body}\n onChange={(e) => setBody(e.target.value)}\n placeholder={\n isAnnouncement\n ? `Broadcast an announcement to #${channelName ?? 'this channel'}…`\n : channelName\n ? `Share something in #${channelName}…`\n : 'Share something…'\n }\n rows={2}\n className=\"resize-none border-0 bg-transparent px-0 shadow-none focus-visible:ring-0\"\n onKeyDown={(e) => {\n if (e.key === 'Enter' && (e.metaKey \|\| e.ctrlKey)) {\n e.preventDefault();\n void submit('PUBLISHED');\n }\n }}\n />\n {showTags && (\n <div className=\"mt-2\">\n <TagInput value={tags} onChange={setTags} placeholder=\"Add topics…\" />\n </div>\n )}\n <div className=\"mt-2\">\n <AttachmentPicker\n fileIds={attachmentFileIds}\n onChange={setAttachmentFileIds}\n disabled={createPost.isPending}\n />\n </div>\n <div className=\"mt-3 flex items-center justify-between\">\n <button\n type=\"button\"\n onClick={() => setShowTags((s) => !s)}\n className=\"text-xs font-medium text-text-secondary transition-colors hover:text-text-primary\"\n >\n {showTags ? 'Hide topics' : '# Add topics'}\n </button>\n <div className=\"flex items-center gap-2\">\n <Button\n size=\"sm\"\n variant=\"outline\"\n onClick={() => void submit('DRAFT')}\n disabled={isEmpty \|\| createPost.isPending}\n >\n <FileText className=\"mr-1.5 h-4 w-4\" /> Save draft\n </Button>\n <Button\n size=\"sm\"\n onClick={() => void submit('PUBLISHED')}\n disabled={isEmpty \|\| createPost.isPending}\n >\n {isAnnouncement ? (\n <>\n <Megaphone className=\"mr-1.5 h-4 w-4\" /> Broadcast\n </>\n ) : (\n <>\n <Send className=\"mr-1.5 h-4 w-4\" /> Post\n </>\n )}\n </Button>\n </div>\n </div>\n </div>\n </div>\n </GlassCard>\n );\n}\n"],"mappings":"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"}

package/dist/comradecircle/components/UpcomingEvents.d.ts ADDED Viewed

@@ -0,0 +1,26 @@
+/**
+ * UpcomingEvents — a compact "what's next" strip for the home feed.
+ * @module comradecircle/components
+ *
+ * Reads `comListEvents(status: SCHEDULED)` — the same root field the Events page
+ * already uses — and writes `comRsvpEvent(eventId, status)` straight from the
+ * row, so the member can commit to the next gathering without leaving home.
+ * Every value shown (`title`, `startsAt`, `mode`, `location`, `rsvpCount`,
+ * `capacity`) comes from that query's own selection set.
+ *
+ * Why the client-side date filter: the svc orders `comListEvents` by
+ * `startsAt: 'asc'` and does NOT drop events whose start time has passed, so an
+ * event left in `SCHEDULED` after its slot sorts *ahead* of genuinely upcoming
+ * ones. The rail therefore reads a window of the ordered list and keeps only
+ * rows still in the future. If that window is entirely historical the strip
+ * renders nothing at all — it never claims "no upcoming events", because one
+ * page of a list is not evidence that none exist.
+ */
+interface UpcomingEventsProps {
+    /** Rows to render once past events are filtered out. */
+    limit?: number;
+    className?: string;
+}
+export declare function UpcomingEvents({ limit, className }: UpcomingEventsProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=UpcomingEvents.d.ts.map

package/dist/comradecircle/components/UpcomingEvents.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"UpcomingEvents.d.ts","sourceRoot":"","sources":["../../../src/comradecircle/components/UpcomingEvents.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAgCH,UAAU,mBAAmB;IAC3B,wDAAwD;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,cAAc,CAAC,EAAE,KAAS,EAAE,SAAS,EAAE,EAAE,mBAAmB,kDAgD3E"}

package/dist/comradecircle/components/UpcomingEvents.js ADDED Viewed

@@ -0,0 +1,126 @@
+import { useComradeCircle as e } from "../context/ComradeCircleContext.js";
+import "../context/index.js";
+import { cn as t } from "../utils/cn.js";
+import { useComEvents as n, useComRsvpEvent as r } from "../hooks/useComradeCircleApi.js";
+import "../hooks/index.js";
+import { describeError as i, notify as a } from "../lib/toast.js";
+import { formatDateTime as o, formatNumber as s } from "../utils/formatters.js";
+import { useEffect as c, useMemo as l, useState as u } from "react";
+import { ArrowRight as d, CalendarDays as f, Check as p, MapPin as m, Users as h, Video as g } from "lucide-react";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+import { Button as b } from "@burdenoff/fe-libs/ui";
+//#region src/comradecircle/components/UpcomingEvents.tsx
+var x = 50, S = 6e4;
+function C(e = S) {
+	let [t, n] = u(() => Date.now());
+	return c(() => {
+		let t = setInterval(() => n(Date.now()), e);
+		return () => clearInterval(t);
+	}, [e]), t;
+}
+function w({ limit: r = 3, className: i }) {
+	let { navigateTo: a } = e(), o = C(), { data: s, isLoading: c, isError: u } = n({
+		status: "SCHEDULED",
+		pagination: { limit: x }
+	}), p = l(() => (s?.items ?? []).filter((e) => new Date(e.startsAt).getTime() >= o).slice(0, r), [
+		s,
+		o,
+		r
+	]);
+	return c || u || p.length === 0 ? null : /* @__PURE__ */ y("section", {
+		className: t("mx-auto w-full max-w-2xl", i),
+		"aria-labelledby": "cc-upcoming",
+		children: [/* @__PURE__ */ y("div", {
+			className: "mb-2 flex items-center justify-between gap-3",
+			children: [/* @__PURE__ */ y("h2", {
+				id: "cc-upcoming",
+				className: "inline-flex items-center gap-1.5 text-xs font-semibold uppercase tracking-wide text-text-tertiary",
+				children: [/* @__PURE__ */ v(f, { className: "h-3.5 w-3.5" }), " Upcoming events"]
+			}), /* @__PURE__ */ y("button", {
+				type: "button",
+				onClick: () => a("events"),
+				className: "inline-flex items-center gap-1 text-xs font-medium text-text-secondary transition-colors hover:text-text-primary",
+				children: ["View all ", /* @__PURE__ */ v(d, { className: "h-3 w-3" })]
+			})]
+		}), /* @__PURE__ */ v("ul", {
+			className: "overflow-hidden rounded-2xl border border-border-seam bg-bg-surface",
+			children: p.map((e) => /* @__PURE__ */ v("li", {
+				className: "border-b border-border-seam last:border-b-0",
+				children: /* @__PURE__ */ v(T, { event: e })
+			}, e.id))
+		})]
+	});
+}
+function T({ event: n }) {
+	let { navigateTo: c } = e(), l = r(), [d, x] = u(null), S = d === "GOING", C = n.mode === "IN_PERSON" ? m : g, w = n.mode === "IN_PERSON" ? n.location || "In person" : n.mode === "HYBRID" ? `Hybrid${n.location ? ` · ${n.location}` : ""}` : "Online", T = async () => {
+		try {
+			await l.mutateAsync({
+				eventId: n.id,
+				status: "GOING"
+			}), x("GOING"), a.success("RSVP: Going", n.title);
+		} catch (e) {
+			a.error("Could not RSVP", i(e));
+		}
+	};
+	return /* @__PURE__ */ y("div", {
+		className: "flex items-center gap-3 px-4 py-3",
+		children: [
+			/* @__PURE__ */ v("span", {
+				"aria-hidden": "true",
+				className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-[var(--color-accent-soft)] text-accent",
+				children: /* @__PURE__ */ v(f, { className: "h-5 w-5" })
+			}),
+			/* @__PURE__ */ y("div", {
+				className: "min-w-0 flex-1",
+				children: [/* @__PURE__ */ v("button", {
+					type: "button",
+					onClick: () => c(`events/${n.id}`),
+					className: "block max-w-full truncate text-left text-sm font-semibold text-text-primary transition-colors hover:text-accent",
+					children: n.title
+				}), /* @__PURE__ */ y("div", {
+					className: "mt-0.5 flex flex-wrap items-center gap-x-2 gap-y-0.5 text-xs text-text-tertiary",
+					children: [
+						/* @__PURE__ */ v("span", { children: o(n.startsAt) }),
+						/* @__PURE__ */ v("span", {
+							"aria-hidden": "true",
+							children: "·"
+						}),
+						/* @__PURE__ */ y("span", {
+							className: "inline-flex items-center gap-1",
+							children: [
+								/* @__PURE__ */ v(C, { className: "h-3 w-3" }),
+								" ",
+								w
+							]
+						}),
+						/* @__PURE__ */ v("span", {
+							"aria-hidden": "true",
+							children: "·"
+						}),
+						/* @__PURE__ */ y("span", {
+							className: "inline-flex items-center gap-1",
+							children: [
+								/* @__PURE__ */ v(h, { className: "h-3 w-3" }),
+								s(n.rsvpCount),
+								n.capacity ? ` / ${s(n.capacity)}` : ""
+							]
+						})
+					]
+				})]
+			}),
+			/* @__PURE__ */ v(b, {
+				size: "sm",
+				variant: S ? "outline" : "default",
+				onClick: () => void T(),
+				disabled: l.isPending,
+				"aria-pressed": S,
+				className: t("shrink-0", S && "text-accent"),
+				children: S ? /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(p, { className: "mr-1 h-3.5 w-3.5" }), " Going"] }) : "RSVP"
+			})
+		]
+	});
+}
+//#endregion
+export { w as UpcomingEvents };
+//# sourceMappingURL=UpcomingEvents.js.map