@burdenoff/microfe-mybodyshield 2026.1101.2 → 2026.1107.1

package/dist/mybodyshield/pages/community/CommunityPage.js

@@ -0,0 +1,724 @@
+import { useMyBodyShield as e } from "../../context/MyBodyShieldContext.js";
+import { PageLayout as t } from "../../components/PageLayout.js";
+import "../../components/index.js";
+import { StatusBadge as n } from "../../components/StatusBadge.js";
+import { EmptyState as r } from "../../components/EmptyState.js";
+import "../../context/index.js";
+import { useMybCancelChallenge as i, useMybChallengeLeaderboard as a, useMybChallenges as o, useMybCreateChallenge as s, useMybDeleteMySocialPost as c, useMybGiveKudos as l, useMybJoinChallenge as u, useMybLeaveChallenge as d, useMybModerateSocialPost as f, useMybMySocialProfile as p, useMybRemoveKudos as m, useMybShareToFeed as h, useMybShareableItems as g, useMybSocialFeed as _, useMybUpdateMySocialProfile as v } from "../../hooks/useMyBodyShieldApi.js";
+import { useTr as y } from "../../hooks/useTr.js";
+import "../../hooks/index.js";
+import { ErrorView as b, LoadingView as x, Section as S } from "../../components/StateViews.js";
+import { Tabs as ee } from "../../components/Tabs.js";
+import { MybDiscussion as C } from "../../components/MybDiscussion.js";
+import { formatDate as w, formatRelativeTime as te } from "../../utils/formatters.js";
+import { useMemo as T, useState as E } from "react";
+import { Heart as D, Lock as O, Medal as k, MessageSquare as A, Plus as j, Share2 as ne, ShieldCheck as re, Trash2 as ie, Trophy as M, Users as ae } from "lucide-react";
+import { Fragment as N, jsx as P, jsxs as F } from "react/jsx-runtime";
+import { Button as I, GlassCard as L, Input as R, Label as z, ResponsiveDialog as B, ResponsiveDialogContent as V, ResponsiveDialogDescription as H, ResponsiveDialogFooter as U, ResponsiveDialogHeader as W, ResponsiveDialogTitle as G, Select as oe, SelectContent as se, SelectItem as K, SelectTrigger as ce, SelectValue as le, Switch as ue, Textarea as q } from "@burdenoff/fe-libs/ui";
+import { usePermission as J } from "@burdenoff/fe-libs/shared/providers/shell";
+// src/mybodyshield/pages/community/CommunityPage.tsx
+var Y = 50, X = (e, t) => e instanceof Error && e.message ? e.message : t, Z = (e) => {
+	let t = (e) => String(e).padStart(2, "0");
+	return `${e.getFullYear()}-${t(e.getMonth() + 1)}-${t(e.getDate())}`;
+};
+function Q({ label: e, title: t, description: n, confirmLabel: r, onConfirm: i, disabled: a, children: o }) {
+	let s = y(), [c, l] = E(!1);
+	return /* @__PURE__ */ F(N, { children: [/* @__PURE__ */ P(I, {
+		variant: "ghost",
+		size: "sm",
+		"aria-label": e,
+		disabled: a,
+		onClick: () => l(!0),
+		children: o
+	}), /* @__PURE__ */ P(B, {
+		open: c,
+		onOpenChange: l,
+		children: /* @__PURE__ */ F(V, { children: [/* @__PURE__ */ F(W, { children: [/* @__PURE__ */ P(G, { children: t }), /* @__PURE__ */ P(H, { children: n })] }), /* @__PURE__ */ F(U, { children: [/* @__PURE__ */ P(I, {
+			variant: "outline",
+			onClick: () => l(!1),
+			children: s("mybodyshield.common.cancel", "Cancel")
+		}), /* @__PURE__ */ P(I, {
+			variant: "destructive",
+			onClick: () => {
+				l(!1), i();
+			},
+			children: r
+		})] })] })
+	})] });
+}
+function de({ profile: e }) {
+	let t = y(), n = v(), [r, i] = E(e?.displayName ?? ""), [a, o] = E(null), [s, c] = E(!1), l = e?.shareActivity ?? !1, u = async (e) => {
+		o(null), c(!1);
+		try {
+			await n.mutateAsync(e), c(!0);
+		} catch (e) {
+			o(X(e, t("mybodyshield.community.profileSaveFailed", "Could not save.")));
+		}
+	};
+	return /* @__PURE__ */ P(S, {
+		title: t("mybodyshield.community.privacyTitle", "Community privacy"),
+		description: t("mybodyshield.community.privacyDescription", "Only what you explicitly share appears in the community. Your health records, notes and metrics are never shown."),
+		children: /* @__PURE__ */ F("div", {
+			className: "space-y-6",
+			"data-testid": "myb-community-privacy",
+			children: [
+				a && /* @__PURE__ */ P("p", {
+					className: "rounded-lg bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text",
+					children: a
+				}),
+				s && !a && /* @__PURE__ */ P("p", {
+					className: "rounded-lg bg-status-success-bg px-3 py-2 text-sm text-status-success-text",
+					children: t("mybodyshield.community.profileSaved", "Saved.")
+				}),
+				/* @__PURE__ */ F("div", {
+					className: "flex items-start justify-between gap-4 rounded-lg border border-edge-default p-4",
+					children: [/* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P(z, {
+						htmlFor: "myb-community-share",
+						className: "text-text-primary",
+						children: t("mybodyshield.community.shareToggle", "Share activity with my workspace")
+					}), /* @__PURE__ */ P("p", {
+						className: "mt-1 text-sm text-text-secondary",
+						children: t("mybodyshield.community.shareToggleHelp", "Required before you can post to the feed. Turning this off hides every post you have shared.")
+					})] }), /* @__PURE__ */ P(ue, {
+						id: "myb-community-share",
+						checked: l,
+						disabled: n.isPending,
+						onCheckedChange: (e) => void u({ shareActivity: e })
+					})]
+				}),
+				/* @__PURE__ */ F("form", {
+					className: "space-y-2",
+					onSubmit: (e) => {
+						e.preventDefault(), u({ displayName: r.trim() });
+					},
+					children: [
+						/* @__PURE__ */ P(z, {
+							htmlFor: "myb-community-name",
+							children: t("mybodyshield.community.displayName", "Community display name")
+						}),
+						/* @__PURE__ */ F("div", {
+							className: "flex flex-col gap-2 sm:flex-row",
+							children: [/* @__PURE__ */ P(R, {
+								id: "myb-community-name",
+								value: r,
+								maxLength: 60,
+								onChange: (e) => i(e.target.value),
+								placeholder: t("mybodyshield.community.displayNamePlaceholder", "e.g., Asha R.")
+							}), /* @__PURE__ */ P(I, {
+								type: "submit",
+								disabled: n.isPending,
+								children: t("mybodyshield.common.save", "Save")
+							})]
+						}),
+						/* @__PURE__ */ P("p", {
+							className: "text-sm text-text-secondary",
+							children: t("mybodyshield.community.displayNameHelp", "Shown on your posts and on challenge leaderboards. Leave empty to appear as \"Member\".")
+						})
+					]
+				})
+			]
+		})
+	});
+}
+function fe({ open: e, onOpenChange: t }) {
+	let n = y(), i = g(e), a = h(), [o, s] = E(null), [c, l] = E(""), [u, d] = E("WORKSPACE"), [f, p] = E(null), m = () => {
+		s(null), l(""), d("WORKSPACE"), p(null);
+	}, _ = async () => {
+		if (!o) p(n("mybodyshield.community.pickItem", "Pick something to share."));
+		else try {
+			await a.mutateAsync({
+				kind: o.kind,
+				sourceId: o.sourceId,
+				caption: c.trim() || void 0,
+				visibility: u
+			}), m(), t(!1);
+		} catch (e) {
+			p(X(e, n("mybodyshield.community.shareFailed", "Could not share.")));
+		}
+	}, v = (i.data ?? []).filter((e) => !e.alreadyShared);
+	return /* @__PURE__ */ P(B, {
+		open: e,
+		onOpenChange: (e) => {
+			e || m(), t(e);
+		},
+		children: /* @__PURE__ */ F(V, { children: [
+			/* @__PURE__ */ F(W, { children: [/* @__PURE__ */ P(G, { children: n("mybodyshield.community.shareTitle", "Share to the feed") }), /* @__PURE__ */ P(H, { children: n("mybodyshield.community.shareDescription", "Share a completed session or an achievement. Only the title and highlights shown here are posted.") })] }),
+			/* @__PURE__ */ F("div", {
+				className: "space-y-4",
+				children: [
+					f && /* @__PURE__ */ P("p", {
+						className: "rounded-lg bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text",
+						children: f
+					}),
+					i.isLoading ? /* @__PURE__ */ P(x, { label: n("mybodyshield.community.loadingShareable", "Loading your activity…") }) : v.length === 0 ? /* @__PURE__ */ P(r, {
+						title: n("mybodyshield.community.nothingToShare", "Nothing new to share"),
+						description: n("mybodyshield.community.nothingToShareHelp", "Complete a workout session, achieve a goal or reach a challenge target, then share it here.")
+					}) : /* @__PURE__ */ P("div", {
+						className: "max-h-64 space-y-2 overflow-y-auto",
+						role: "group",
+						"aria-label": n("mybodyshield.community.pickItemLabel", "Activity to share"),
+						children: v.map((e) => {
+							let t = o?.kind === e.kind && o.sourceId === e.sourceId;
+							return /* @__PURE__ */ F("button", {
+								type: "button",
+								"aria-pressed": t,
+								onClick: () => s(e),
+								className: `w-full rounded-lg border border-edge-default p-3 text-left ${t ? "bg-status-success-bg" : "bg-bg-surface"}`,
+								children: [/* @__PURE__ */ P("div", {
+									className: "font-medium text-text-primary",
+									children: e.title
+								}), /* @__PURE__ */ P("div", {
+									className: "text-sm text-text-secondary",
+									children: w(e.occurredAt)
+								})]
+							}, `${e.kind}:${e.sourceId}`);
+						})
+					}),
+					/* @__PURE__ */ F("div", {
+						className: "space-y-2",
+						children: [/* @__PURE__ */ P(z, {
+							htmlFor: "myb-share-caption",
+							children: n("mybodyshield.community.caption", "Caption (optional)")
+						}), /* @__PURE__ */ P(q, {
+							id: "myb-share-caption",
+							rows: 2,
+							maxLength: 280,
+							value: c,
+							onChange: (e) => l(e.target.value)
+						})]
+					}),
+					/* @__PURE__ */ F("div", {
+						className: "space-y-2",
+						children: [/* @__PURE__ */ P(z, {
+							htmlFor: "myb-share-visibility",
+							children: n("mybodyshield.community.visibility", "Who can see this")
+						}), /* @__PURE__ */ F(oe, {
+							value: u,
+							onValueChange: (e) => {
+								(e === "WORKSPACE" || e === "COACHES") && d(e);
+							},
+							children: [/* @__PURE__ */ P(ce, {
+								id: "myb-share-visibility",
+								children: /* @__PURE__ */ P(le, {})
+							}), /* @__PURE__ */ F(se, { children: [/* @__PURE__ */ P(K, {
+								value: "WORKSPACE",
+								children: n("mybodyshield.community.visibilityWorkspace", "Everyone in this workspace")
+							}), /* @__PURE__ */ P(K, {
+								value: "COACHES",
+								children: n("mybodyshield.community.visibilityCoaches", "Only my coaches")
+							})] })]
+						})]
+					})
+				]
+			}),
+			/* @__PURE__ */ F(U, { children: [/* @__PURE__ */ P(I, {
+				variant: "outline",
+				onClick: () => t(!1),
+				children: n("mybodyshield.common.cancel", "Cancel")
+			}), /* @__PURE__ */ P(I, {
+				onClick: () => void _(),
+				disabled: a.isPending || !o,
+				children: n("mybodyshield.community.shareAction", "Share")
+			})] })
+		] })
+	});
+}
+function pe({ post: e, canModerate: t }) {
+	let n = y(), r = l(), i = m(), a = c(), o = f(), [s, u] = E(!1), [d, p] = E(null), h = async (e) => {
+		p(null);
+		try {
+			await e();
+		} catch (e) {
+			p(X(e, n("mybodyshield.community.actionFailed", "Action failed.")));
+		}
+	}, g = e.isMine ? n("mybodyshield.community.you", "You") : e.authorDisplayName || n("mybodyshield.community.member", "Member");
+	return /* @__PURE__ */ F(L, {
+		className: "p-4",
+		"data-testid": "myb-feed-post",
+		children: [
+			/* @__PURE__ */ F("div", {
+				className: "flex items-start justify-between gap-3",
+				children: [/* @__PURE__ */ F("div", {
+					className: "min-w-0",
+					children: [
+						/* @__PURE__ */ F("p", {
+							className: "text-sm text-text-secondary",
+							children: [
+								/* @__PURE__ */ P("span", {
+									className: "font-medium text-text-primary",
+									children: g
+								}),
+								" ·",
+								" ",
+								te(e.createdAt),
+								e.visibility === "COACHES" && /* @__PURE__ */ F("span", {
+									className: "ml-2 inline-flex items-center gap-1",
+									children: [/* @__PURE__ */ P(O, {
+										className: "h-3 w-3",
+										"aria-hidden": "true"
+									}), n("mybodyshield.community.coachesOnly", "Coaches only")]
+								})
+							]
+						}),
+						/* @__PURE__ */ P("h3", {
+							className: "mt-1 font-semibold text-text-primary",
+							children: e.title
+						}),
+						e.caption && /* @__PURE__ */ P("p", {
+							className: "mt-1 text-sm text-text-primary",
+							children: e.caption
+						})
+					]
+				}), e.isMine ? /* @__PURE__ */ P(Q, {
+					label: n("mybodyshield.community.deletePost", "Delete post"),
+					title: n("mybodyshield.community.deletePostTitle", "Delete this post?"),
+					description: n("mybodyshield.community.deletePostDescription", "It is removed from the feed for everyone. Your session or achievement itself is not affected."),
+					confirmLabel: n("mybodyshield.common.delete", "Delete"),
+					disabled: a.isPending,
+					onConfirm: () => void h(() => a.mutateAsync(e.id)),
+					children: /* @__PURE__ */ P(ie, { className: "h-4 w-4" })
+				}) : t && /* @__PURE__ */ P(Q, {
+					label: n("mybodyshield.community.moderatePost", "Remove post (moderator)"),
+					title: n("mybodyshield.community.moderatePostTitle", "Remove this post from the feed?"),
+					description: n("mybodyshield.community.moderatePostDescription", "As a moderator you are removing another member's post for everyone in this workspace."),
+					confirmLabel: n("mybodyshield.community.remove", "Remove"),
+					disabled: o.isPending,
+					onConfirm: () => void h(() => o.mutateAsync(e.id)),
+					children: /* @__PURE__ */ P(re, { className: "h-4 w-4" })
+				})]
+			}),
+			e.highlights.length > 0 && /* @__PURE__ */ P("dl", {
+				className: "mt-3 flex flex-wrap gap-2",
+				children: e.highlights.map((e, t) => /* @__PURE__ */ F("div", {
+					className: "rounded-md bg-bg-subtle px-2 py-1 text-sm",
+					children: [/* @__PURE__ */ F("dt", {
+						className: "inline text-text-secondary",
+						children: [e.label, ": "]
+					}), /* @__PURE__ */ P("dd", {
+						className: "inline font-medium text-text-primary",
+						children: e.value
+					})]
+				}, `${e.label}-${t}`))
+			}),
+			d && /* @__PURE__ */ P("p", {
+				className: "mt-2 text-sm text-status-error-text",
+				children: d
+			}),
+			/* @__PURE__ */ F("div", {
+				className: "mt-3 flex items-center gap-2",
+				children: [/* @__PURE__ */ F(I, {
+					variant: e.hasGivenKudos ? "default" : "outline",
+					size: "sm",
+					"aria-pressed": e.hasGivenKudos,
+					disabled: r.isPending || i.isPending,
+					onClick: () => void h(() => e.hasGivenKudos ? i.mutateAsync(e.id) : r.mutateAsync(e.id)),
+					children: [
+						/* @__PURE__ */ P(D, {
+							className: "mr-1 h-4 w-4",
+							"aria-hidden": "true"
+						}),
+						n("mybodyshield.community.kudos", "Kudos"),
+						" · ",
+						e.kudosCount
+					]
+				}), e.visibility === "WORKSPACE" && /* @__PURE__ */ F(I, {
+					variant: "ghost",
+					size: "sm",
+					onClick: () => u((e) => !e),
+					children: [/* @__PURE__ */ P(A, {
+						className: "mr-1 h-4 w-4",
+						"aria-hidden": "true"
+					}), n("mybodyshield.community.comments", "Comments")]
+				})]
+			}),
+			s && e.visibility === "WORKSPACE" && /* @__PURE__ */ P("div", {
+				className: "mt-3",
+				children: /* @__PURE__ */ P(C, {
+					entityType: "mybodyshield-social-post",
+					entityId: e.id,
+					title: n("mybodyshield.community.comments", "Comments"),
+					description: n("mybodyshield.community.commentsHelp", "Comments are visible to everyone who can see this post.")
+				})
+			})
+		]
+	});
+}
+function me({ profile: e }) {
+	let t = y(), [n, i] = E(20), a = _({ limit: n }), o = J("mybodyshield-social-post:delete"), [s, c] = E(!1), l = e?.shareActivity ?? !1;
+	return /* @__PURE__ */ F(S, {
+		title: t("mybodyshield.community.feedTitle", "Workspace feed"),
+		description: t("mybodyshield.community.feedDescription", "Sessions and achievements your workspace chose to share."),
+		action: /* @__PURE__ */ F(I, {
+			onClick: () => c(!0),
+			disabled: !l,
+			children: [/* @__PURE__ */ P(ne, {
+				className: "mr-1 h-4 w-4",
+				"aria-hidden": "true"
+			}), t("mybodyshield.community.shareButton", "Share activity")]
+		}),
+		children: [
+			!l && /* @__PURE__ */ P("p", {
+				className: "mb-4 rounded-lg bg-bg-subtle px-3 py-2 text-sm text-text-secondary",
+				children: t("mybodyshield.community.optInHint", "Sharing is off. Turn it on in the Privacy tab to post your own activity.")
+			}),
+			a.isLoading ? /* @__PURE__ */ P(x, { label: t("mybodyshield.community.loadingFeed", "Loading feed…") }) : a.isError ? /* @__PURE__ */ P(b, {
+				message: t("mybodyshield.community.feedError", "Could not load the feed."),
+				onRetry: () => void a.refetch()
+			}) : (a.data?.items.length ?? 0) === 0 ? /* @__PURE__ */ P(r, {
+				illustration: "empty-people",
+				title: t("mybodyshield.community.feedEmpty", "No posts yet"),
+				description: t("mybodyshield.community.feedEmptyHelp", "When members share sessions or achievements, they appear here.")
+			}) : /* @__PURE__ */ F("div", {
+				className: "space-y-3",
+				children: [a.data?.items.map((e) => /* @__PURE__ */ P(pe, {
+					post: e,
+					canModerate: o
+				}, e.id)), a.data?.pageInfo.hasMore && n < Y && /* @__PURE__ */ P(I, {
+					variant: "outline",
+					onClick: () => i((e) => Math.min(e + 20, Y)),
+					children: t("mybodyshield.community.loadMore", "Show more")
+				})]
+			}),
+			/* @__PURE__ */ P(fe, {
+				open: s,
+				onOpenChange: c
+			})
+		]
+	});
+}
+function he({ open: e, onOpenChange: t }) {
+	let n = y(), r = s(), i = T(() => /* @__PURE__ */ new Date(), []), [a, o] = E(""), [c, l] = E(""), [u, d] = E(""), [f, p] = E(Z(i)), [m, h] = E(Z(new Date(i.getTime() + 2592e6))), [g, _] = E(null), v = () => {
+		o(""), l(""), d(""), p(Z(/* @__PURE__ */ new Date())), h(Z(new Date(Date.now() + 2592e6))), _(null);
+	}, b = async () => {
+		let e = a.trim();
+		if (!e) {
+			_(n("mybodyshield.community.challengeTitleRequired", "Title is required."));
+			return;
+		}
+		let i = /* @__PURE__ */ new Date(`${f}T00:00:00`), o = /* @__PURE__ */ new Date(`${m}T23:59:59`);
+		if (!(o > i)) {
+			_(n("mybodyshield.community.challengeDatesInvalid", "End date must be after the start date."));
+			return;
+		}
+		let s = u.trim() ? Number(u) : void 0;
+		if (s !== void 0 && (!Number.isInteger(s) || s <= 0)) _(n("mybodyshield.community.challengeTargetInvalid", "Target must be a positive whole number."));
+		else {
+			_(null);
+			try {
+				await r.mutateAsync({
+					title: e,
+					description: c.trim() || void 0,
+					metric: "SESSION_COUNT",
+					targetValue: s,
+					startDate: i.toISOString(),
+					endDate: o.toISOString()
+				}), v(), t(!1);
+			} catch (e) {
+				_(X(e, n("mybodyshield.community.challengeCreateFailed", "Could not create challenge.")));
+			}
+		}
+	};
+	return /* @__PURE__ */ P(B, {
+		open: e,
+		onOpenChange: (e) => {
+			e || v(), t(e);
+		},
+		children: /* @__PURE__ */ F(V, { children: [/* @__PURE__ */ F(W, { children: [/* @__PURE__ */ P(G, { children: n("mybodyshield.community.newChallenge", "New challenge") }), /* @__PURE__ */ P(H, { children: n("mybodyshield.community.newChallengeDescription", "Members who join are ranked by completed workout sessions between the start and end dates.") })] }), /* @__PURE__ */ F("form", {
+			className: "space-y-4",
+			onSubmit: (e) => {
+				e.preventDefault(), b();
+			},
+			children: [
+				g && /* @__PURE__ */ P("p", {
+					className: "rounded-lg bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text",
+					children: g
+				}),
+				/* @__PURE__ */ F("div", {
+					className: "space-y-2",
+					children: [/* @__PURE__ */ P(z, {
+						htmlFor: "myb-challenge-title",
+						children: n("mybodyshield.community.challengeName", "Title")
+					}), /* @__PURE__ */ P(R, {
+						id: "myb-challenge-title",
+						value: a,
+						maxLength: 255,
+						onChange: (e) => o(e.target.value),
+						placeholder: n("mybodyshield.community.challengeNamePlaceholder", "e.g., Most sessions this month")
+					})]
+				}),
+				/* @__PURE__ */ F("div", {
+					className: "grid grid-cols-1 gap-4 sm:grid-cols-3",
+					children: [
+						/* @__PURE__ */ F("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ P(z, {
+								htmlFor: "myb-challenge-start",
+								children: n("mybodyshield.community.start", "Start")
+							}), /* @__PURE__ */ P(R, {
+								id: "myb-challenge-start",
+								type: "date",
+								value: f,
+								onChange: (e) => p(e.target.value)
+							})]
+						}),
+						/* @__PURE__ */ F("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ P(z, {
+								htmlFor: "myb-challenge-end",
+								children: n("mybodyshield.community.end", "End")
+							}), /* @__PURE__ */ P(R, {
+								id: "myb-challenge-end",
+								type: "date",
+								value: m,
+								onChange: (e) => h(e.target.value)
+							})]
+						}),
+						/* @__PURE__ */ F("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ P(z, {
+								htmlFor: "myb-challenge-target",
+								children: n("mybodyshield.community.targetSessions", "Target sessions")
+							}), /* @__PURE__ */ P(R, {
+								id: "myb-challenge-target",
+								type: "number",
+								inputMode: "numeric",
+								min: 1,
+								value: u,
+								onChange: (e) => d(e.target.value),
+								placeholder: n("mybodyshield.community.optional", "Optional")
+							})]
+						})
+					]
+				}),
+				/* @__PURE__ */ F("div", {
+					className: "space-y-2",
+					children: [/* @__PURE__ */ P(z, {
+						htmlFor: "myb-challenge-desc",
+						children: n("mybodyshield.common.description", "Description")
+					}), /* @__PURE__ */ P(q, {
+						id: "myb-challenge-desc",
+						rows: 2,
+						value: c,
+						onChange: (e) => l(e.target.value)
+					})]
+				}),
+				/* @__PURE__ */ F(U, { children: [/* @__PURE__ */ P(I, {
+					type: "button",
+					variant: "outline",
+					onClick: () => t(!1),
+					children: n("mybodyshield.common.cancel", "Cancel")
+				}), /* @__PURE__ */ P(I, {
+					type: "submit",
+					disabled: r.isPending,
+					children: n("mybodyshield.common.create", "Create")
+				})] })
+			]
+		})] })
+	});
+}
+function ge({ challenge: t }) {
+	let n = y(), { currentUser: r } = e(), i = a(t.id);
+	if (i.isLoading) return /* @__PURE__ */ P(x, { label: n("mybodyshield.community.loadingBoard", "Loading leaderboard…") });
+	if (i.isError) return /* @__PURE__ */ P(b, { message: n("mybodyshield.community.boardError", "Could not load the leaderboard.") });
+	let o = i.data ?? [];
+	return o.length === 0 ? /* @__PURE__ */ P("p", {
+		className: "text-sm text-text-secondary",
+		children: n("mybodyshield.community.boardEmpty", "No one has joined yet. Be the first.")
+	}) : /* @__PURE__ */ P("ol", {
+		className: "space-y-1",
+		"data-testid": "myb-leaderboard",
+		children: o.map((e) => {
+			let i = r?.id === e.memberId, a = i ? n("mybodyshield.community.you", "You") : e.displayName || n("mybodyshield.community.member", "Member"), o = t.targetValue != null && e.value >= t.targetValue;
+			return /* @__PURE__ */ F("li", {
+				className: `flex items-center justify-between rounded-md px-3 py-2 text-sm ${i ? "bg-status-success-bg" : "bg-bg-subtle"}`,
+				children: [/* @__PURE__ */ F("span", {
+					className: "flex items-center gap-2 text-text-primary",
+					children: [
+						/* @__PURE__ */ F("span", {
+							className: "w-6 tabular-nums text-text-secondary",
+							children: ["#", e.rank]
+						}),
+						e.rank === 1 && /* @__PURE__ */ P(k, {
+							className: "h-4 w-4 text-status-warning-text",
+							"aria-hidden": "true"
+						}),
+						a
+					]
+				}), /* @__PURE__ */ F("span", {
+					className: "tabular-nums text-text-primary",
+					children: [
+						e.value,
+						t.targetValue != null && ` / ${t.targetValue}`,
+						" ",
+						n("mybodyshield.community.sessions", "sessions"),
+						o && /* @__PURE__ */ P(M, {
+							className: "ml-1 inline h-4 w-4 text-status-success-text",
+							"aria-hidden": "true"
+						})
+					]
+				})]
+			}, e.memberId);
+		})
+	});
+}
+function $({ challenge: e }) {
+	let t = y(), r = u(), a = d(), o = i(), [s, c] = E(!1), [l, f] = E(null), p = e.status === "ACTIVE", m = async (e) => {
+		f(null);
+		try {
+			await e();
+		} catch (e) {
+			f(X(e, t("mybodyshield.community.actionFailed", "Action failed.")));
+		}
+	};
+	return /* @__PURE__ */ F(L, {
+		className: "p-4",
+		"data-testid": "myb-challenge-card",
+		children: [
+			/* @__PURE__ */ F("div", {
+				className: "flex flex-wrap items-start justify-between gap-3",
+				children: [/* @__PURE__ */ F("div", {
+					className: "min-w-0",
+					children: [
+						/* @__PURE__ */ F("div", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ P("h3", {
+								className: "font-semibold text-text-primary",
+								children: e.title
+							}), /* @__PURE__ */ P(n, { status: e.status })]
+						}),
+						/* @__PURE__ */ F("p", {
+							className: "mt-1 text-sm text-text-secondary",
+							children: [
+								w(e.startDate),
+								" – ",
+								w(e.endDate),
+								" ·",
+								" ",
+								/* @__PURE__ */ P(ae, {
+									className: "inline h-3 w-3",
+									"aria-hidden": "true"
+								}),
+								" ",
+								e.participantCount,
+								e.targetValue != null && ` · ${t("mybodyshield.community.target", "Target")}: ${e.targetValue} ${t("mybodyshield.community.sessions", "sessions")}`
+							]
+						}),
+						e.description && /* @__PURE__ */ P("p", {
+							className: "mt-1 text-sm text-text-primary",
+							children: e.description
+						})
+					]
+				}), /* @__PURE__ */ F("div", {
+					className: "flex flex-wrap gap-2",
+					children: [
+						p && (e.isJoined ? /* @__PURE__ */ P(I, {
+							variant: "outline",
+							size: "sm",
+							disabled: a.isPending,
+							onClick: () => void m(() => a.mutateAsync(e.id)),
+							children: t("mybodyshield.community.leave", "Leave")
+						}) : /* @__PURE__ */ P(I, {
+							size: "sm",
+							disabled: r.isPending,
+							onClick: () => void m(() => r.mutateAsync(e.id)),
+							children: t("mybodyshield.community.join", "Join")
+						})),
+						/* @__PURE__ */ F(I, {
+							variant: "ghost",
+							size: "sm",
+							onClick: () => c((e) => !e),
+							"aria-expanded": s,
+							children: [/* @__PURE__ */ P(M, {
+								className: "mr-1 h-4 w-4",
+								"aria-hidden": "true"
+							}), t("mybodyshield.community.leaderboard", "Leaderboard")]
+						}),
+						e.isMine && p && /* @__PURE__ */ P(Q, {
+							label: t("mybodyshield.community.cancelChallenge", "Cancel challenge"),
+							title: t("mybodyshield.community.cancelChallengeTitle", "Cancel this challenge?"),
+							description: t("mybodyshield.community.cancelChallengeDescription", "Participants can no longer join, and the leaderboard stops being a running challenge."),
+							confirmLabel: t("mybodyshield.community.cancelChallenge", "Cancel challenge"),
+							disabled: o.isPending,
+							onConfirm: () => void m(() => o.mutateAsync(e.id)),
+							children: t("mybodyshield.community.cancelChallenge", "Cancel challenge")
+						})
+					]
+				})]
+			}),
+			l && /* @__PURE__ */ P("p", {
+				className: "mt-2 text-sm text-status-error-text",
+				children: l
+			}),
+			s && /* @__PURE__ */ P("div", {
+				className: "mt-3",
+				children: /* @__PURE__ */ P(ge, { challenge: e })
+			})
+		]
+	});
+}
+function _e() {
+	let e = y(), t = o(), n = J("mybodyshield-challenge:create"), [i, a] = E(!1), s = t.data?.items ?? [], c = s.filter((e) => e.status === "ACTIVE"), l = s.filter((e) => e.status !== "ACTIVE");
+	return /* @__PURE__ */ F(S, {
+		title: e("mybodyshield.community.challengesTitle", "Challenges"),
+		description: e("mybodyshield.community.challengesDescription", "Joining a challenge puts you on its leaderboard. Rankings update from your completed workout sessions."),
+		action: n ? /* @__PURE__ */ F(I, {
+			onClick: () => a(!0),
+			children: [/* @__PURE__ */ P(j, {
+				className: "mr-1 h-4 w-4",
+				"aria-hidden": "true"
+			}), e("mybodyshield.community.newChallenge", "New challenge")]
+		}) : void 0,
+		children: [t.isLoading ? /* @__PURE__ */ P(x, { label: e("mybodyshield.community.loadingChallenges", "Loading challenges…") }) : t.isError ? /* @__PURE__ */ P(b, {
+			message: e("mybodyshield.community.challengesError", "Could not load challenges."),
+			onRetry: () => void t.refetch()
+		}) : s.length === 0 ? /* @__PURE__ */ P(r, {
+			illustration: "empty-data",
+			title: e("mybodyshield.community.noChallenges", "No challenges yet"),
+			description: e("mybodyshield.community.noChallengesHelp", "Start one — for example, \"most sessions this month\".")
+		}) : /* @__PURE__ */ F("div", {
+			className: "space-y-3",
+			children: [c.map((e) => /* @__PURE__ */ P($, { challenge: e }, e.id)), l.length > 0 && /* @__PURE__ */ F(N, { children: [/* @__PURE__ */ P("h3", {
+				className: "pt-2 text-sm font-medium text-text-secondary",
+				children: e("mybodyshield.community.pastChallenges", "Past challenges")
+			}), l.map((e) => /* @__PURE__ */ P($, { challenge: e }, e.id))] })]
+		}), /* @__PURE__ */ P(he, {
+			open: i,
+			onOpenChange: a
+		})]
+	});
+}
+function ve() {
+	let e = y(), n = p(), [r, i] = E("feed"), a = [
+		{
+			value: "feed",
+			label: e("mybodyshield.community.tabFeed", "Feed"),
+			icon: /* @__PURE__ */ P(D, { className: "h-4 w-4" })
+		},
+		{
+			value: "challenges",
+			label: e("mybodyshield.community.tabChallenges", "Challenges"),
+			icon: /* @__PURE__ */ P(M, { className: "h-4 w-4" })
+		},
+		{
+			value: "privacy",
+			label: e("mybodyshield.community.tabPrivacy", "Privacy"),
+			icon: /* @__PURE__ */ P(O, { className: "h-4 w-4" })
+		}
+	];
+	return /* @__PURE__ */ F(t, {
+		title: e("mybodyshield.community.title", "Community"),
+		description: e("mybodyshield.community.description", "Challenges, leaderboards and opt-in sharing inside your workspace."),
+		children: [/* @__PURE__ */ P(ee, {
+			items: a,
+			value: r,
+			onChange: i,
+			className: "mb-6"
+		}), n.isLoading ? /* @__PURE__ */ P(x, { label: e("mybodyshield.community.loading", "Loading community…") }) : n.isError ? /* @__PURE__ */ P(b, {
+			message: e("mybodyshield.community.profileError", "Could not load your community profile."),
+			onRetry: () => void n.refetch()
+		}) : r === "feed" ? /* @__PURE__ */ P(me, { profile: n.data }) : r === "challenges" ? /* @__PURE__ */ P(_e, {}) : /* @__PURE__ */ P(de, { profile: n.data }, `${n.data?.id ?? "new"}:${n.data?.displayName ?? ""}`)]
+	});
+}
+export { ve as CommunityPage };
+
+//# sourceMappingURL=CommunityPage.js.map