@burdenoff/microfe-mybodyshield 2026.706.2 → 2026.713.1

package/dist/mybodyshield/pages/goals/GoalsPage.js

@@ -1,22 +1,22 @@
-import { motion as e } from "../../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";
-import { useReducedMotion as t } from "../../../node_modules/framer-motion/dist/es/utils/reduced-motion/use-reduced-motion.js";
-import { PageLayout as n } from "../../components/PageLayout.js";
-import { MetricsCard as r } from "../../components/MetricsCard.js";
-import { formatDate as i, formatEnumLabel as a, formatNumber as o, formatPercent as s, formatRelativeTime as c } from "../../utils/formatters.js";
-import { StatusBadge as l } from "../../components/StatusBadge.js";
-import { MiniBar as u } from "../../components/MiniBar.js";
-import { ErrorView as d, LoadingView as f } from "../../components/StateViews.js";
-import { EmptyState as p } from "../../components/EmptyState.js";
-import { GOAL_TYPE_META as m, IconChip as h, Meter as g, computeGoalProgress as _ } from "../_shared/visuals.js";
-import { useMybAchieveGoal as v, useMybCreateGoal as y, useMybGoals as b, useMybUpdateGoal as x } from "../../hooks/useMyBodyShieldApi.js";
-import { useOffsetPager as ee } from "../../hooks/usePager.js";
+import { PageLayout as e } from "../../components/PageLayout.js";
+import { MetricsCard as t } from "../../components/MetricsCard.js";
+import { formatDate as n, formatEnumLabel as r, formatNumber as i, formatPercent as a, formatRelativeTime as o } from "../../utils/formatters.js";
+import { StatusBadge as s } from "../../components/StatusBadge.js";
+import { EmptyState as c } from "../../components/EmptyState.js";
+import { ErrorView as l, LoadingView as u } from "../../components/StateViews.js";
+import { FilterTabs as d } from "../../components/FilterTabs.js";
+import { Pagination as f } from "../../components/Pagination.js";
+import { MiniBar as p } from "../../components/MiniBar.js";
+import { useMybAchieveGoal as m, useMybCreateGoal as h, useMybGoals as g, useMybUpdateGoal as _ } from "../../hooks/useMyBodyShieldApi.js";
+import { useOffsetPager as v } from "../../hooks/usePager.js";
 import "../../hooks/index.js";
-import { FilterTabs as S } from "../../components/FilterTabs.js";
-import { Pagination as C } from "../../components/Pagination.js";
 import "../../components/index.js";
-import { useMemo as te, useState as w } from "react";
-import { CalendarClock as T, CheckCircle2 as E, Plus as D, Target as O, TrendingUp as k, Trophy as ne } from "lucide-react";
-import { Fragment as A, jsx as j, jsxs as M } from "react/jsx-runtime";
+import { motion as y } from "../../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";
+import { useReducedMotion as b } from "../../../node_modules/framer-motion/dist/es/utils/reduced-motion/use-reduced-motion.js";
+import { GOAL_TYPE_META as x, IconChip as S, Meter as C, computeGoalProgress as w } from "../_shared/visuals.js";
+import { useMemo as ee, useState as T } from "react";
+import { CalendarClock as E, CheckCircle2 as D, Plus as O, Target as k, TrendingUp as A, Trophy as te } from "lucide-react";
+import { Fragment as ne, jsx as j, jsxs as M } from "react/jsx-runtime";
 import { Button as N, GlassCard as P, Input as F, Label as I, ResponsiveDialog as L, ResponsiveDialogContent as R, ResponsiveDialogDescription as z, ResponsiveDialogFooter as B, ResponsiveDialogHeader as V, ResponsiveDialogTitle as H, Select as U, SelectContent as W, SelectItem as G, SelectTrigger as K, SelectValue as q, Textarea as J } from "@burdenoff/fe-libs/ui";
 //#region src/mybodyshield/pages/goals/GoalsPage.tsx
 var Y = 12, X = 100, re = [
@@ -56,26 +56,26 @@ var Q = {
 	description: ""
 };
 function ae({ open: e, onOpenChange: t }) {
-	let n = y(), [r, i] = w(Q), [o, s] = w(null), c = (e) => {
-		e || (i(Q), s(null)), t(e);
+	let n = h(), [i, a] = T(Q), [o, s] = T(null), c = (e) => {
+		e || (a(Q), s(null)), t(e);
 	}, l = async () => {
-		let e = r.title.trim();
+		let e = i.title.trim();
 		if (!e) {
 			s("Goal title is required.");
 			return;
 		}
 		s(null);
-		let a = {
+		let r = {
 			title: e,
-			type: r.type,
-			description: r.description.trim() || void 0,
-			baselineValue: Z(r.baselineValue),
-			targetValue: Z(r.targetValue),
-			unit: r.unit.trim() || void 0,
-			targetDate: r.targetDate ? new Date(r.targetDate).toISOString() : void 0
+			type: i.type,
+			description: i.description.trim() || void 0,
+			baselineValue: Z(i.baselineValue),
+			targetValue: Z(i.targetValue),
+			unit: i.unit.trim() || void 0,
+			targetDate: i.targetDate ? new Date(i.targetDate).toISOString() : void 0
 		};
 		try {
-			await n.mutateAsync(a), i(Q), t(!1);
+			await n.mutateAsync(r), a(Q), t(!1);
 		} catch (e) {
 			s(e instanceof Error ? e.message : "Failed to create goal.");
 		}
@@ -100,8 +100,8 @@ function ae({ open: e, onOpenChange: t }) {
 						children: "Title"
 					}), /* @__PURE__ */ j(F, {
 						id: "myb-goal-title",
-						value: r.title,
-						onChange: (e) => i((t) => ({
+						value: i.title,
+						onChange: (e) => a((t) => ({
 							...t,
 							title: e.target.value
 						})),
@@ -114,8 +114,8 @@ function ae({ open: e, onOpenChange: t }) {
 						htmlFor: "myb-goal-type",
 						children: "Type"
 					}), /* @__PURE__ */ M(U, {
-						value: r.type,
-						onValueChange: (e) => i((t) => ({
+						value: i.type,
+						onValueChange: (e) => a((t) => ({
 							...t,
 							type: e
 						})),
@@ -124,7 +124,7 @@ function ae({ open: e, onOpenChange: t }) {
 							children: /* @__PURE__ */ j(q, { placeholder: "Select a goal type" })
 						}), /* @__PURE__ */ j(W, { children: ie.map((e) => /* @__PURE__ */ j(G, {
 							value: e,
-							children: a(e)
+							children: r(e)
 						}, e)) })]
 					})]
 				}),
@@ -140,8 +140,8 @@ function ae({ open: e, onOpenChange: t }) {
 								id: "myb-goal-baseline",
 								type: "number",
 								inputMode: "decimal",
-								value: r.baselineValue,
-								onChange: (e) => i((t) => ({
+								value: i.baselineValue,
+								onChange: (e) => a((t) => ({
 									...t,
 									baselineValue: e.target.value
 								})),
@@ -157,8 +157,8 @@ function ae({ open: e, onOpenChange: t }) {
 								id: "myb-goal-target",
 								type: "number",
 								inputMode: "decimal",
-								value: r.targetValue,
-								onChange: (e) => i((t) => ({
+								value: i.targetValue,
+								onChange: (e) => a((t) => ({
 									...t,
 									targetValue: e.target.value
 								})),
@@ -172,8 +172,8 @@ function ae({ open: e, onOpenChange: t }) {
 								children: "Unit"
 							}), /* @__PURE__ */ j(F, {
 								id: "myb-goal-unit",
-								value: r.unit,
-								onChange: (e) => i((t) => ({
+								value: i.unit,
+								onChange: (e) => a((t) => ({
 									...t,
 									unit: e.target.value
 								})),
@@ -190,8 +190,8 @@ function ae({ open: e, onOpenChange: t }) {
 					}), /* @__PURE__ */ j(F, {
 						id: "myb-goal-date",
 						type: "date",
-						value: r.targetDate,
-						onChange: (e) => i((t) => ({
+						value: i.targetDate,
+						onChange: (e) => a((t) => ({
 							...t,
 							targetDate: e.target.value
 						}))
@@ -205,8 +205,8 @@ function ae({ open: e, onOpenChange: t }) {
 					}), /* @__PURE__ */ j(J, {
 						id: "myb-goal-desc",
 						rows: 3,
-						value: r.description,
-						onChange: (e) => i((t) => ({
+						value: i.description,
+						onChange: (e) => a((t) => ({
 							...t,
 							description: e.target.value
 						})),
@@ -229,8 +229,8 @@ function ae({ open: e, onOpenChange: t }) {
 	});
 }
 function oe({ goal: e, onOpenChange: t }) {
-	let n = x(), [r, i] = w(""), [a, s] = w(null), [c, l] = w(null);
-	e && e.id !== c && (l(e.id), i(String(e.currentValue)), s(null));
+	let n = _(), [r, a] = T(""), [o, s] = T(null), [c, l] = T(null);
+	e && e.id !== c && (l(e.id), a(String(e.currentValue)), s(null));
 	let u = async () => {
 		if (!e) return;
 		let i = Z(r);
@@ -257,9 +257,9 @@ function oe({ goal: e, onOpenChange: t }) {
 				e.preventDefault(), u();
 			},
 			children: [
-				a && /* @__PURE__ */ j("p", {
+				o && /* @__PURE__ */ j("p", {
 					className: "rounded-lg bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text",
-					children: a
+					children: o
 				}),
 				/* @__PURE__ */ M("div", {
 					className: "space-y-2",
@@ -274,14 +274,14 @@ function oe({ goal: e, onOpenChange: t }) {
 							inputMode: "decimal",
 							autoFocus: !0,
 							value: r,
-							onChange: (e) => i(e.target.value),
+							onChange: (e) => a(e.target.value),
 							placeholder: "0"
 						}),
 						e && /* @__PURE__ */ M("p", {
 							className: "text-xs text-text-tertiary",
 							children: [
 								"Target: ",
-								o(e.targetValue),
+								i(e.targetValue),
 								e.unit ? ` ${e.unit}` : ""
 							]
 						})
@@ -307,11 +307,11 @@ var se = [
 	1,
 	.36,
 	1
-], $ = ({ index: n = 0, hover: r = !1, className: i, children: a }) => {
-	let o = t();
-	return /* @__PURE__ */ j(e.div, {
-		className: i,
-		initial: o ? !1 : {
+], $ = ({ index: e = 0, hover: t = !1, className: n, children: r }) => {
+	let i = b();
+	return /* @__PURE__ */ j(y.div, {
+		className: n,
+		initial: i ? !1 : {
 			opacity: 0,
 			y: 12
 		},
@@ -319,31 +319,31 @@ var se = [
 			opacity: 1,
 			y: 0
 		},
-		transition: o ? { duration: 0 } : {
+		transition: i ? { duration: 0 } : {
 			duration: .35,
-			delay: Math.min(n * .05, .45),
+			delay: Math.min(e * .05, .45),
 			ease: se
 		},
-		whileHover: o || !r ? void 0 : { y: -4 },
-		children: a
+		whileHover: i || !t ? void 0 : { y: -4 },
+		children: r
 	});
 };
-function ce({ goal: e, index: t, onUpdateProgress: n, onAchieve: r, isAchieving: u }) {
-	let d = m[e.type], f = d.icon, p = _(e), v = e.unit ? ` ${e.unit}` : "", y = e.status === "ACHIEVED";
+function ce({ goal: e, index: t, onUpdateProgress: c, onAchieve: l, isAchieving: u }) {
+	let d = x[e.type], f = d.icon, p = w(e), m = e.unit ? ` ${e.unit}` : "", h = e.status === "ACHIEVED";
 	return /* @__PURE__ */ j($, {
 		index: t,
 		hover: !0,
 		className: "h-full",
 		children: /* @__PURE__ */ M(P, {
 			treatment: "glass",
-			glow: y,
+			glow: h,
 			className: "flex h-full flex-col gap-3.5 p-5 transition-shadow hover:shadow-[var(--shadow-pop-hover)]",
 			children: [
 				/* @__PURE__ */ M("div", {
 					className: "flex items-start justify-between gap-3",
 					children: [/* @__PURE__ */ M("div", {
 						className: "flex min-w-0 items-start gap-3",
-						children: [/* @__PURE__ */ j(h, {
+						children: [/* @__PURE__ */ j(S, {
 							icon: /* @__PURE__ */ j(f, { className: "h-4 w-4" }),
 							tint: d.tint
 						}), /* @__PURE__ */ M("div", {
@@ -353,10 +353,10 @@ function ce({ goal: e, index: t, onUpdateProgress: n, onAchieve: r, isAchieving:
 								children: e.title
 							}), /* @__PURE__ */ j("span", {
 								className: "mt-1 inline-flex items-center rounded-full bg-bg-sunken px-2 py-0.5 text-xs text-text-secondary",
-								children: a(e.type)
+								children: r(e.type)
 							})]
 						})]
-					}), /* @__PURE__ */ j(l, { status: e.status })]
+					}), /* @__PURE__ */ j(s, { status: e.status })]
 				}),
 				e.description && /* @__PURE__ */ j("p", {
 					className: "line-clamp-2 text-xs text-text-secondary",
@@ -370,44 +370,44 @@ function ce({ goal: e, index: t, onUpdateProgress: n, onAchieve: r, isAchieving:
 							className: "tabular-nums text-sm text-text-secondary",
 							children: [/* @__PURE__ */ M("span", {
 								className: "font-semibold text-text-primary",
-								children: [o(e.currentValue), v]
+								children: [i(e.currentValue), m]
 							}), /* @__PURE__ */ M("span", {
 								className: "text-text-tertiary",
 								children: [
 									" ",
 									"/ ",
-									o(e.targetValue),
-									v
+									i(e.targetValue),
+									m
 								]
 							})]
 						}), /* @__PURE__ */ j("span", {
 							className: "text-lg font-bold leading-none tabular-nums text-action-primary-bg",
-							children: s(p)
+							children: a(p)
 						})]
-					}), /* @__PURE__ */ j(g, {
+					}), /* @__PURE__ */ j(C, {
 						value: p,
 						height: 10
 					})]
 				}),
-				(e.targetDate || y && e.achievedAt) && /* @__PURE__ */ M("div", {
+				(e.targetDate || h && e.achievedAt) && /* @__PURE__ */ M("div", {
 					className: "flex flex-wrap items-center gap-x-4 gap-y-1 text-xs text-text-tertiary",
 					children: [e.targetDate && /* @__PURE__ */ M("span", {
 						className: "inline-flex items-center gap-1",
 						children: [
-							/* @__PURE__ */ j(T, { className: "h-3.5 w-3.5" }),
+							/* @__PURE__ */ j(E, { className: "h-3.5 w-3.5" }),
 							"Target ",
-							i(e.targetDate),
+							n(e.targetDate),
 							/* @__PURE__ */ M("span", {
 								className: "text-text-secondary",
-								children: ["· ", c(e.targetDate)]
+								children: ["· ", o(e.targetDate)]
 							})
 						]
-					}), y && e.achievedAt && /* @__PURE__ */ M("span", {
+					}), h && e.achievedAt && /* @__PURE__ */ M("span", {
 						className: "inline-flex items-center gap-1 text-status-success-text",
 						children: [
-							/* @__PURE__ */ j(E, { className: "h-3.5 w-3.5" }),
+							/* @__PURE__ */ j(D, { className: "h-3.5 w-3.5" }),
 							"Achieved ",
-							i(e.achievedAt)
+							n(e.achievedAt)
 						]
 					})]
 				}),
@@ -416,11 +416,11 @@ function ce({ goal: e, index: t, onUpdateProgress: n, onAchieve: r, isAchieving:
 					children: [/* @__PURE__ */ j(N, {
 						variant: "outline",
 						size: "sm",
-						onClick: () => n(e),
+						onClick: () => c(e),
 						children: "Update progress"
 					}), e.status === "ACTIVE" && /* @__PURE__ */ j(N, {
 						size: "sm",
-						onClick: () => r(e),
+						onClick: () => l(e),
 						disabled: u,
 						children: u ? "Marking…" : "Mark achieved"
 					})]
@@ -430,36 +430,36 @@ function ce({ goal: e, index: t, onUpdateProgress: n, onAchieve: r, isAchieving:
 	});
 }
 function le() {
-	let [e, t] = w("ALL"), [i, a] = w(!1), [c, l] = w(null), [m, h] = w(null), [g, y] = w(null), x = ee(Y), T = b({
-		status: e === "ALL" ? void 0 : e,
+	let [n, r] = T("ALL"), [o, s] = T(!1), [h, _] = T(null), [y, b] = T(null), [x, S] = T(null), C = v(Y), E = g({
+		status: n === "ALL" ? void 0 : n,
 		pagination: {
 			limit: Y,
-			offset: x.offset
+			offset: C.offset
 		}
-	}), E = b({
+	}), D = g({
 		status: "ACTIVE",
 		pagination: { limit: X }
-	}), P = b({
+	}), P = g({
 		status: "ACHIEVED",
 		pagination: { limit: X }
-	}), F = v(), I = T.data?.items ?? [], L = E.data?.items ?? [], R = P.data?.items ?? [], z = te(() => L.length === 0 ? 0 : L.reduce((e, t) => e + _(t), 0) / L.length, [L]), B = (e) => {
-		t(e), x.reset();
+	}), F = m(), I = E.data?.items ?? [], L = D.data?.items ?? [], R = P.data?.items ?? [], z = ee(() => L.length === 0 ? 0 : L.reduce((e, t) => e + w(t), 0) / L.length, [L]), B = (e) => {
+		r(e), C.reset();
 	}, V = async (e) => {
-		h(e.id), y(null);
+		b(e.id), S(null);
 		try {
 			await F.mutateAsync(e.id);
 		} catch (e) {
-			y(e instanceof Error ? e.message : "Failed to mark goal as achieved.");
+			S(e instanceof Error ? e.message : "Failed to mark goal as achieved.");
 		} finally {
-			h(null);
+			b(null);
 		}
-	}, H = T.isLoading && !T.data;
-	return /* @__PURE__ */ M(n, {
+	}, H = E.isLoading && !E.data;
+	return /* @__PURE__ */ M(e, {
 		title: "Goals",
 		description: "Targets across training, nutrition and body composition.",
 		actions: /* @__PURE__ */ M(N, {
-			onClick: () => a(!0),
-			children: [/* @__PURE__ */ j(D, { className: "mr-2 h-4 w-4" }), "New goal"]
+			onClick: () => s(!0),
+			children: [/* @__PURE__ */ j(O, { className: "mr-2 h-4 w-4" }), "New goal"]
 		}),
 		children: [
 			/* @__PURE__ */ M("div", {
@@ -468,20 +468,20 @@ function le() {
 					/* @__PURE__ */ j($, {
 						index: 0,
 						className: "h-full",
-						children: /* @__PURE__ */ j(r, {
+						children: /* @__PURE__ */ j(t, {
 							className: "h-full",
-							icon: /* @__PURE__ */ j(O, { className: "h-5 w-5" }),
-							value: o(E.data ? L.length : void 0),
+							icon: /* @__PURE__ */ j(k, { className: "h-5 w-5" }),
+							value: i(D.data ? L.length : void 0),
 							label: "Active goals"
 						})
 					}),
 					/* @__PURE__ */ j($, {
 						index: 1,
 						className: "h-full",
-						children: /* @__PURE__ */ j(r, {
+						children: /* @__PURE__ */ j(t, {
 							className: "h-full",
-							icon: /* @__PURE__ */ j(ne, { className: "h-5 w-5" }),
-							value: o(P.data ? R.length : void 0),
+							icon: /* @__PURE__ */ j(te, { className: "h-5 w-5" }),
+							value: i(P.data ? R.length : void 0),
 							label: "Achieved",
 							accent: "success"
 						})
@@ -489,12 +489,12 @@ function le() {
 					/* @__PURE__ */ j($, {
 						index: 2,
 						className: "h-full",
-						children: /* @__PURE__ */ j(r, {
+						children: /* @__PURE__ */ j(t, {
 							className: "h-full",
-							icon: /* @__PURE__ */ j(k, { className: "h-5 w-5" }),
-							value: E.data ? s(z) : "—",
+							icon: /* @__PURE__ */ j(A, { className: "h-5 w-5" }),
+							value: D.data ? a(z) : "—",
 							label: "Avg progress (active)",
-							footer: /* @__PURE__ */ j(u, {
+							footer: /* @__PURE__ */ j(p, {
 								value: z,
 								height: 4,
 								barClassName: "bg-action-primary-bg"
@@ -505,55 +505,55 @@ function le() {
 			}),
 			/* @__PURE__ */ j("div", {
 				className: "mt-6",
-				children: /* @__PURE__ */ j(S, {
+				children: /* @__PURE__ */ j(d, {
 					options: re,
-					value: e,
+					value: n,
 					onChange: B
 				})
 			}),
-			g && /* @__PURE__ */ j("p", {
+			x && /* @__PURE__ */ j("p", {
 				className: "mt-4 rounded-lg bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text",
-				children: g
+				children: x
 			}),
 			/* @__PURE__ */ j("div", {
 				className: "mt-4",
-				children: H ? /* @__PURE__ */ j(f, { label: "Loading your goals…" }) : T.isError ? /* @__PURE__ */ j(d, {
+				children: H ? /* @__PURE__ */ j(u, { label: "Loading your goals…" }) : E.isError ? /* @__PURE__ */ j(l, {
 					message: "We couldn't load your goals.",
-					onRetry: () => void T.refetch()
-				}) : I.length === 0 ? /* @__PURE__ */ j(p, {
+					onRetry: () => void E.refetch()
+				}) : I.length === 0 ? /* @__PURE__ */ j(c, {
 					illustration: "empty-data",
-					icon: /* @__PURE__ */ j(O, { className: "h-10 w-10" }),
-					title: e === "ALL" ? "No goals yet" : "No goals match this filter",
-					description: e === "ALL" ? "Set a goal to give your training and nutrition a clear target to work toward." : "Try a different status filter, or create a new goal.",
+					icon: /* @__PURE__ */ j(k, { className: "h-10 w-10" }),
+					title: n === "ALL" ? "No goals yet" : "No goals match this filter",
+					description: n === "ALL" ? "Set a goal to give your training and nutrition a clear target to work toward." : "Try a different status filter, or create a new goal.",
 					action: /* @__PURE__ */ M(N, {
-						onClick: () => a(!0),
-						children: [/* @__PURE__ */ j(D, { className: "mr-2 h-4 w-4" }), "New goal"]
+						onClick: () => s(!0),
+						children: [/* @__PURE__ */ j(O, { className: "mr-2 h-4 w-4" }), "New goal"]
 					})
-				}) : /* @__PURE__ */ M(A, { children: [/* @__PURE__ */ j("div", {
+				}) : /* @__PURE__ */ M(ne, { children: [/* @__PURE__ */ j("div", {
 					className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
 					children: I.map((e, t) => /* @__PURE__ */ j(ce, {
 						goal: e,
 						index: t,
-						onUpdateProgress: l,
+						onUpdateProgress: _,
 						onAchieve: (e) => void V(e),
-						isAchieving: m === e.id
+						isAchieving: y === e.id
 					}, e.id))
-				}), /* @__PURE__ */ j(C, {
-					page: x.page,
+				}), /* @__PURE__ */ j(f, {
+					page: C.page,
 					pageSize: Y,
 					itemCount: I.length,
-					hasMore: T.data?.pageInfo?.hasMore ?? !1,
-					onPageChange: (e) => x.onPageChange(e)
+					hasMore: E.data?.pageInfo?.hasMore ?? !1,
+					onPageChange: (e) => C.onPageChange(e)
 				})] })
 			}),
 			/* @__PURE__ */ j(ae, {
-				open: i,
-				onOpenChange: a
+				open: o,
+				onOpenChange: s
 			}),
 			/* @__PURE__ */ j(oe, {
-				goal: c,
+				goal: h,
 				onOpenChange: (e) => {
-					e || l(null);
+					e || _(null);
 				}
 			})
 		]