@burdenoff/microfe-crewfoundry 2026.1013.2 → 2026.1029.2

package/dist/crewfoundry/pages/LearningMyLearningPagePage.js

@@ -1,293 +0,0 @@
-import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
-import { chartPalette as t } from "../components/viz/lib/palette.js";
-import { StatCard as n } from "../components/viz/StatCard.js";
-import { RatingStars as r } from "../components/viz/RatingStars.js";
-import { CertificateCard as i } from "../components/viz/CertificateCard.js";
-import { SegmentedTabs as a } from "../components/viz/SegmentedTabs.js";
-import "../components/viz/index.js";
-import { readAllCourseProgress as o } from "../utils/courseProgress.js";
-import { useMemo as s, useState as c } from "react";
-import { Award as l, BookOpen as u, GraduationCap as d, Layers as f, Play as p } from "lucide-react";
-import { useNavigate as m } from "react-router";
-import { jsx as h, jsxs as g } from "react/jsx-runtime";
-import { Badge as _, Button as v, GlassCard as y, GradientText as b, IllustratedEmptyState as x, PagePurpose as S } from "@burdenoff/fe-libs/ui";
-import { useAuth as C } from "@burdenoff/fe-libs/shared/providers/shell";
-//#region src/crewfoundry/pages/LearningMyLearningPagePage.tsx
-var w = "crewfoundry:course-enrolled:v1";
-function T() {
-	if (typeof window > "u") return /* @__PURE__ */ new Set();
-	try {
-		let e = window.localStorage.getItem(w), t = e ? JSON.parse(e) : [];
-		return new Set(Array.isArray(t) ? t.filter((e) => typeof e == "string") : []);
-	} catch {
-		return /* @__PURE__ */ new Set();
-	}
-}
-function E(e) {
-	let n = t(8), r = 0;
-	for (let t = 0; t < e.length; t += 1) r = r * 31 + e.charCodeAt(t) >>> 0;
-	return n[r % n.length];
-}
-function D(e) {
-	if (!e) return "—";
-	let t = new Date(e);
-	return Number.isNaN(t.getTime()) ? "—" : t.toLocaleDateString(void 0, {
-		year: "numeric",
-		month: "short",
-		day: "numeric"
-	});
-}
-function O(e, t, n, r) {
-	if (typeof document > "u") return;
-	let i = (e) => e.replace(/[&<>"]/g, (e) => ({
-		"&": "&amp;",
-		"<": "&lt;",
-		">": "&gt;",
-		"\"": "&quot;"
-	})[e] ?? e), a = `<!doctype html><html><head><meta charset="utf-8"><title>Certificate — ${i(e)}</title>
-<style>
-  body{font-family:Georgia,'Times New Roman',serif;margin:0;padding:48px;text-align:center}
-  .frame{border:6px double currentColor;padding:56px 40px;max-width:760px;margin:0 auto}
-  .kicker{letter-spacing:.3em;text-transform:uppercase;font-size:12px;opacity:.7}
-  h1{font-size:34px;margin:24px 0 8px}
-  .recipient{font-size:26px;margin:20px 0}
-  .rule{width:200px;border:0;border-top:1px solid currentColor;margin:24px auto;opacity:.4}
-  .meta{font-size:13px;opacity:.7;margin-top:32px}
-</style></head><body>
-  <div class="frame">
-    <div class="kicker">CrewFoundry · Certificate of Completion</div>
-    <h1>${i(e)}</h1>
-    <div class="kicker">Awarded to</div>
-    <div class="recipient">${i(t)}</div>
-    <hr class="rule" />
-    <div class="meta">Issued ${i(n)} &nbsp;·&nbsp; Credential ID: ${i(r)}</div>
-  </div>
-</body></html>`, o = new Blob([a], { type: "text/html" }), s = URL.createObjectURL(o), c = document.createElement("a");
-	c.href = s, c.download = `crewfoundry-certificate-${r}.html`, document.body.appendChild(c), c.click(), c.remove(), URL.revokeObjectURL(s);
-}
-var k = u;
-function A() {
-	let { courses: t } = e(), w = C(), A = m(), [j, M] = c("in-progress"), N = w.user?.name?.trim() || "CrewFoundry Learner", { inProgress: P, completed: F, modulesDone: I } = s(() => {
-		let e = o(), n = T(), r = [], i = [], a = 0;
-		for (let o of t) {
-			let t = e[o.id], s = t?.completed.length ?? 0;
-			a += s;
-			let c = Math.max(o.modules, 1), l = {
-				course: o,
-				completedModules: s,
-				totalModules: c,
-				pct: Math.min(100, Math.round(s / c * 100)),
-				completedAt: t?.completedAt
-			};
-			s >= c && s > 0 ? i.push(l) : (s > 0 || n.has(o.id)) && r.push(l);
-		}
-		return r.sort((e, t) => t.pct - e.pct), i.sort((e, t) => (t.completedAt ?? "").localeCompare(e.completedAt ?? "")), {
-			inProgress: r,
-			completed: i,
-			modulesDone: a
-		};
-	}, [t]), L = (e) => A(`../learning/course-learning-page?id=${encodeURIComponent(e)}`);
-	return /* @__PURE__ */ g("div", {
-		className: "space-y-6 p-6",
-		children: [
-			/* @__PURE__ */ g("div", { children: [
-				/* @__PURE__ */ h("h1", {
-					className: "text-2xl font-semibold",
-					children: /* @__PURE__ */ h(b, { children: "My Learning" })
-				}),
-				/* @__PURE__ */ h("p", {
-					className: "text-sm text-text-secondary",
-					children: "Track your learning progress and achievements"
-				}),
-				/* @__PURE__ */ h(S, {
-					className: "mt-1",
-					children: "Everything you're currently learning — track your enrolled courses, completed training and the certificates you've earned, all in one place."
-				})
-			] }),
-			/* @__PURE__ */ g("div", {
-				className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-4",
-				children: [
-					/* @__PURE__ */ h(n, {
-						label: "Courses in progress",
-						value: P.length,
-						icon: /* @__PURE__ */ h(u, { className: "h-4 w-4" })
-					}),
-					/* @__PURE__ */ h(n, {
-						label: "Completed",
-						value: F.length,
-						icon: /* @__PURE__ */ h(l, { className: "h-4 w-4" })
-					}),
-					/* @__PURE__ */ h(n, {
-						label: "Certificates",
-						value: F.length,
-						icon: /* @__PURE__ */ h(d, { className: "h-4 w-4" })
-					}),
-					/* @__PURE__ */ h(n, {
-						label: "Modules done",
-						value: I,
-						icon: /* @__PURE__ */ h(f, { className: "h-4 w-4" })
-					})
-				]
-			}),
-			/* @__PURE__ */ h("div", {
-				className: "overflow-x-auto pb-1",
-				children: /* @__PURE__ */ h(a, {
-					"aria-label": "My learning",
-					value: j,
-					onChange: (e) => M(e),
-					className: "w-max",
-					tabs: [
-						{
-							id: "in-progress",
-							label: "In Progress",
-							count: P.length
-						},
-						{
-							id: "completed",
-							label: "Completed",
-							count: F.length
-						},
-						{
-							id: "certificates",
-							label: "Certificates",
-							count: F.length
-						}
-					]
-				})
-			}),
-			j === "in-progress" && (P.length === 0 ? /* @__PURE__ */ h(x, {
-				illustration: "empty-generic",
-				title: "Nothing in progress yet",
-				description: "Enroll in a course and it will show up here so you can pick up where you left off.",
-				action: /* @__PURE__ */ h(v, {
-					variant: "outline",
-					onClick: () => A("../learning/courses-page"),
-					children: "Browse courses"
-				})
-			}) : /* @__PURE__ */ h("div", {
-				className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3",
-				children: P.map(({ course: e, pct: t, completedModules: n, totalModules: r }) => {
-					let i = E(e.category);
-					return /* @__PURE__ */ g(y, {
-						treatment: "plain",
-						className: "flex flex-col overflow-hidden",
-						children: [/* @__PURE__ */ h("div", {
-							className: "flex h-20 items-center justify-center",
-							style: { background: `linear-gradient(135deg, color-mix(in srgb, ${i} 26%, var(--color-bg-surface)), color-mix(in srgb, ${i} 8%, var(--color-bg-surface)))` },
-							children: /* @__PURE__ */ h("span", {
-								className: "flex h-10 w-10 items-center justify-center rounded-xl bg-bg-surface/70 shadow-elevation-1",
-								style: { color: i },
-								children: /* @__PURE__ */ h(k, { className: "h-5 w-5" })
-							})
-						}), /* @__PURE__ */ g("div", {
-							className: "flex flex-1 flex-col gap-3 p-4",
-							children: [
-								/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("p", {
-									className: "text-sm font-semibold",
-									children: e.title
-								}), /* @__PURE__ */ h("p", {
-									className: "text-xs text-text-secondary",
-									children: e.instructor
-								})] }),
-								/* @__PURE__ */ g("div", {
-									className: "mt-auto space-y-1",
-									children: [/* @__PURE__ */ g("div", {
-										className: "flex justify-between text-xs text-text-secondary",
-										children: [/* @__PURE__ */ g("span", {
-											className: "tabular-nums",
-											children: [t, "% complete"]
-										}), /* @__PURE__ */ g("span", {
-											className: "tabular-nums",
-											children: [
-												n,
-												"/",
-												r,
-												" modules"
-											]
-										})]
-									}), /* @__PURE__ */ h("div", {
-										className: "h-2 overflow-hidden rounded-full bg-bg-sunken",
-										children: /* @__PURE__ */ h("div", {
-											className: "h-full rounded-full bg-action-primary-bg",
-											style: { width: `${t}%` }
-										})
-									})]
-								}),
-								/* @__PURE__ */ g(v, {
-									className: "w-full",
-									onClick: () => L(e.id),
-									children: [/* @__PURE__ */ h(p, { className: "mr-1 h-4 w-4" }), "Continue"]
-								})
-							]
-						})]
-					}, e.id);
-				})
-			})),
-			j === "completed" && (F.length === 0 ? /* @__PURE__ */ h(x, {
-				illustration: "empty-generic",
-				title: "No completed courses yet",
-				description: "Finish a course from the player and it will be marked complete here."
-			}) : /* @__PURE__ */ h("div", {
-				className: "space-y-3",
-				children: F.map(({ course: e, completedAt: t }) => /* @__PURE__ */ g("button", {
-					type: "button",
-					onClick: () => L(e.id),
-					className: "flex w-full items-center justify-between gap-3 rounded-lg border border-border-subtle p-4 text-left transition-colors hover:border-border-strong hover:bg-bg-sunken",
-					children: [/* @__PURE__ */ g("div", {
-						className: "min-w-0",
-						children: [/* @__PURE__ */ h("p", {
-							className: "truncate text-sm font-medium",
-							children: e.title
-						}), /* @__PURE__ */ g("p", {
-							className: "text-xs text-text-secondary",
-							children: [
-								"Completed ",
-								D(t),
-								" · ",
-								e.instructor
-							]
-						})]
-					}), /* @__PURE__ */ g("div", {
-						className: "flex shrink-0 items-center gap-3",
-						children: [/* @__PURE__ */ h(r, {
-							value: e.rating,
-							size: 13,
-							showValue: !0
-						}), /* @__PURE__ */ h(_, {
-							variant: "secondary",
-							className: "text-[10px]",
-							children: "Completed"
-						})]
-					})]
-				}, e.id))
-			})),
-			j === "certificates" && (F.length === 0 ? /* @__PURE__ */ h(x, {
-				illustration: "empty-generic",
-				title: "No certificates yet",
-				description: "Certificates are issued when you complete a course. Finish one and it will appear here to download.",
-				action: /* @__PURE__ */ h(v, {
-					variant: "outline",
-					onClick: () => A("../learning/courses-page"),
-					children: "Browse courses"
-				})
-			}) : /* @__PURE__ */ h("div", {
-				className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3",
-				children: F.map(({ course: e, completedAt: t }) => {
-					let n = `CF-${e.id.slice(-6).toUpperCase()}`, r = D(t);
-					return /* @__PURE__ */ h(i, {
-						title: e.title,
-						recipient: N,
-						date: r,
-						issuer: "CrewFoundry",
-						credentialId: n,
-						onDownload: () => O(e.title, N, r, n)
-					}, e.id);
-				})
-			}))
-		]
-	});
-}
-//#endregion
-export { A as LearningMyLearningPagePage };
-
-//# sourceMappingURL=LearningMyLearningPagePage.js.map

package/dist/crewfoundry/pages/LearningMyLearningPagePage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LearningMyLearningPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/LearningMyLearningPagePage.tsx"],"sourcesContent":["import { useMemo, useState, type ComponentType } from 'react';\nimport { Award, BookOpen, GraduationCap, Layers, Play } from 'lucide-react';\nimport {\n  Badge,\n  Button,\n  GlassCard,\n  GradientText,\n  IllustratedEmptyState,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\nimport { useNavigate } from 'react-router';\nimport { useAuth } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { useCrewFoundryStore, type LearningCourse } from '../store/crewfoundryStore';\nimport {\n  CertificateCard,\n  chartPalette,\n  RatingStars,\n  SegmentedTabs,\n  StatCard,\n} from '../components/viz';\nimport { readAllCourseProgress } from '../utils/courseProgress';\n\nconst ENROLLED_KEY = 'crewfoundry:course-enrolled:v1';\n\nfunction readEnrolledIds(): Set<string> {\n  if (typeof window === 'undefined') return new Set();\n  try {\n    const raw = window.localStorage.getItem(ENROLLED_KEY);\n    const ids: unknown = raw ? JSON.parse(raw) : [];\n    return new Set(Array.isArray(ids) ? ids.filter((x): x is string => typeof x === 'string') : []);\n  } catch {\n    return new Set();\n  }\n}\n\nfunction categoryAccent(category: string): string {\n  const palette = chartPalette(8);\n  let hash = 0;\n  for (let i = 0; i < category.length; i += 1) {\n    hash = (hash * 31 + category.charCodeAt(i)) >>> 0;\n  }\n  return palette[hash % palette.length];\n}\n\nfunction formatDate(iso?: string): string {\n  if (!iso) return '—';\n  const date = new Date(iso);\n  if (Number.isNaN(date.getTime())) return '—';\n  return date.toLocaleDateString(undefined, { year: 'numeric', month: 'short', day: 'numeric' });\n}\n\n/** Generate a self-contained, printable certificate document (no app tokens, no raw colors). */\nfunction downloadCertificate(\n  course: string,\n  recipient: string,\n  dateLabel: string,\n  id: string\n): void {\n  if (typeof document === 'undefined') return;\n  const esc = (s: string) =>\n    s.replace(\n      /[&<>\"]/g,\n      (c) => ({ '&': '&amp;', '<': '&lt;', '>': '&gt;', '\"': '&quot;' })[c] ?? c\n    );\n  const html = `<!doctype html><html><head><meta charset=\"utf-8\"><title>Certificate — ${esc(course)}</title>\n<style>\n  body{font-family:Georgia,'Times New Roman',serif;margin:0;padding:48px;text-align:center}\n  .frame{border:6px double currentColor;padding:56px 40px;max-width:760px;margin:0 auto}\n  .kicker{letter-spacing:.3em;text-transform:uppercase;font-size:12px;opacity:.7}\n  h1{font-size:34px;margin:24px 0 8px}\n  .recipient{font-size:26px;margin:20px 0}\n  .rule{width:200px;border:0;border-top:1px solid currentColor;margin:24px auto;opacity:.4}\n  .meta{font-size:13px;opacity:.7;margin-top:32px}\n</style></head><body>\n  <div class=\"frame\">\n    <div class=\"kicker\">CrewFoundry · Certificate of Completion</div>\n    <h1>${esc(course)}</h1>\n    <div class=\"kicker\">Awarded to</div>\n    <div class=\"recipient\">${esc(recipient)}</div>\n    <hr class=\"rule\" />\n    <div class=\"meta\">Issued ${esc(dateLabel)} &nbsp;·&nbsp; Credential ID: ${esc(id)}</div>\n  </div>\n</body></html>`;\n  const blob = new Blob([html], { type: 'text/html' });\n  const url = URL.createObjectURL(blob);\n  const anchor = document.createElement('a');\n  anchor.href = url;\n  anchor.download = `crewfoundry-certificate-${id}.html`;\n  document.body.appendChild(anchor);\n  anchor.click();\n  anchor.remove();\n  URL.revokeObjectURL(url);\n}\n\ntype Tab = 'in-progress' | 'completed' | 'certificates';\n\ninterface LearnerCourse {\n  course: LearningCourse;\n  completedModules: number;\n  totalModules: number;\n  pct: number;\n  completedAt?: string;\n}\n\nconst CATEGORY_ICON: ComponentType<{ className?: string }> = BookOpen;\n\nexport function LearningMyLearningPagePage() {\n  const { courses } = useCrewFoundryStore();\n  const auth = useAuth();\n  const navigate = useNavigate();\n  const [tab, setTab] = useState<Tab>('in-progress');\n\n  const recipient = auth.user?.name?.trim() || 'CrewFoundry Learner';\n\n  const { inProgress, completed, modulesDone } = useMemo(() => {\n    const progressMap = readAllCourseProgress();\n    const enrolled = readEnrolledIds();\n    const inProg: LearnerCourse[] = [];\n    const done: LearnerCourse[] = [];\n    let totalModulesDone = 0;\n\n    for (const course of courses) {\n      const entry = progressMap[course.id];\n      const completedModules = entry?.completed.length ?? 0;\n      totalModulesDone += completedModules;\n      const totalModules = Math.max(course.modules, 1);\n      const pct = Math.min(100, Math.round((completedModules / totalModules) * 100));\n      const record: LearnerCourse = {\n        course,\n        completedModules,\n        totalModules,\n        pct,\n        completedAt: entry?.completedAt,\n      };\n      if (completedModules >= totalModules && completedModules > 0) {\n        done.push(record);\n      } else if (completedModules > 0 || enrolled.has(course.id)) {\n        inProg.push(record);\n      }\n    }\n    inProg.sort((a, b) => b.pct - a.pct);\n    done.sort((a, b) => (b.completedAt ?? '').localeCompare(a.completedAt ?? ''));\n    return { inProgress: inProg, completed: done, modulesDone: totalModulesDone };\n  }, [courses]);\n\n  const openPlayer = (id: string) =>\n    navigate(`../learning/course-learning-page?id=${encodeURIComponent(id)}`);\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">\n          <GradientText>My Learning</GradientText>\n        </h1>\n        <p className=\"text-sm text-text-secondary\">Track your learning progress and achievements</p>\n        <PagePurpose className=\"mt-1\">\n          Everything you&apos;re currently learning — track your enrolled courses, completed\n          training and the certificates you&apos;ve earned, all in one place.\n        </PagePurpose>\n      </div>\n\n      <div className=\"grid gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n        <StatCard\n          label=\"Courses in progress\"\n          value={inProgress.length}\n          icon={<BookOpen className=\"h-4 w-4\" />}\n        />\n        <StatCard label=\"Completed\" value={completed.length} icon={<Award className=\"h-4 w-4\" />} />\n        <StatCard\n          label=\"Certificates\"\n          value={completed.length}\n          icon={<GraduationCap className=\"h-4 w-4\" />}\n        />\n        <StatCard label=\"Modules done\" value={modulesDone} icon={<Layers className=\"h-4 w-4\" />} />\n      </div>\n\n      <div className=\"overflow-x-auto pb-1\">\n        <SegmentedTabs\n          aria-label=\"My learning\"\n          value={tab}\n          onChange={(id) => setTab(id as Tab)}\n          className=\"w-max\"\n          tabs={[\n            { id: 'in-progress', label: 'In Progress', count: inProgress.length },\n            { id: 'completed', label: 'Completed', count: completed.length },\n            { id: 'certificates', label: 'Certificates', count: completed.length },\n          ]}\n        />\n      </div>\n\n      {tab === 'in-progress' &&\n        (inProgress.length === 0 ? (\n          <IllustratedEmptyState\n            illustration=\"empty-generic\"\n            title=\"Nothing in progress yet\"\n            description=\"Enroll in a course and it will show up here so you can pick up where you left off.\"\n            action={\n              <Button variant=\"outline\" onClick={() => navigate('../learning/courses-page')}>\n                Browse courses\n              </Button>\n            }\n          />\n        ) : (\n          <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-3\">\n            {inProgress.map(({ course, pct, completedModules, totalModules }) => {\n              const accent = categoryAccent(course.category);\n              return (\n                <GlassCard\n                  key={course.id}\n                  treatment=\"plain\"\n                  className=\"flex flex-col overflow-hidden\"\n                >\n                  <div\n                    className=\"flex h-20 items-center justify-center\"\n                    style={{\n                      background: `linear-gradient(135deg, color-mix(in srgb, ${accent} 26%, var(--color-bg-surface)), color-mix(in srgb, ${accent} 8%, var(--color-bg-surface)))`,\n                    }}\n                  >\n                    <span\n                      className=\"flex h-10 w-10 items-center justify-center rounded-xl bg-bg-surface/70 shadow-elevation-1\"\n                      style={{ color: accent }}\n                    >\n                      <CATEGORY_ICON className=\"h-5 w-5\" />\n                    </span>\n                  </div>\n                  <div className=\"flex flex-1 flex-col gap-3 p-4\">\n                    <div>\n                      <p className=\"text-sm font-semibold\">{course.title}</p>\n                      <p className=\"text-xs text-text-secondary\">{course.instructor}</p>\n                    </div>\n                    <div className=\"mt-auto space-y-1\">\n                      <div className=\"flex justify-between text-xs text-text-secondary\">\n                        <span className=\"tabular-nums\">{pct}% complete</span>\n                        <span className=\"tabular-nums\">\n                          {completedModules}/{totalModules} modules\n                        </span>\n                      </div>\n                      <div className=\"h-2 overflow-hidden rounded-full bg-bg-sunken\">\n                        <div\n                          className=\"h-full rounded-full bg-action-primary-bg\"\n                          style={{ width: `${pct}%` }}\n                        />\n                      </div>\n                    </div>\n                    <Button className=\"w-full\" onClick={() => openPlayer(course.id)}>\n                      <Play className=\"mr-1 h-4 w-4\" />\n                      Continue\n                    </Button>\n                  </div>\n                </GlassCard>\n              );\n            })}\n          </div>\n        ))}\n\n      {tab === 'completed' &&\n        (completed.length === 0 ? (\n          <IllustratedEmptyState\n            illustration=\"empty-generic\"\n            title=\"No completed courses yet\"\n            description=\"Finish a course from the player and it will be marked complete here.\"\n          />\n        ) : (\n          <div className=\"space-y-3\">\n            {completed.map(({ course, completedAt }) => (\n              <button\n                key={course.id}\n                type=\"button\"\n                onClick={() => openPlayer(course.id)}\n                className=\"flex w-full items-center justify-between gap-3 rounded-lg border border-border-subtle p-4 text-left transition-colors hover:border-border-strong hover:bg-bg-sunken\"\n              >\n                <div className=\"min-w-0\">\n                  <p className=\"truncate text-sm font-medium\">{course.title}</p>\n                  <p className=\"text-xs text-text-secondary\">\n                    Completed {formatDate(completedAt)} · {course.instructor}\n                  </p>\n                </div>\n                <div className=\"flex shrink-0 items-center gap-3\">\n                  <RatingStars value={course.rating} size={13} showValue />\n                  <Badge variant=\"secondary\" className=\"text-[10px]\">\n                    Completed\n                  </Badge>\n                </div>\n              </button>\n            ))}\n          </div>\n        ))}\n\n      {tab === 'certificates' &&\n        (completed.length === 0 ? (\n          <IllustratedEmptyState\n            illustration=\"empty-generic\"\n            title=\"No certificates yet\"\n            description=\"Certificates are issued when you complete a course. Finish one and it will appear here to download.\"\n            action={\n              <Button variant=\"outline\" onClick={() => navigate('../learning/courses-page')}>\n                Browse courses\n              </Button>\n            }\n          />\n        ) : (\n          <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-3\">\n            {completed.map(({ course, completedAt }) => {\n              const credentialId = `CF-${course.id.slice(-6).toUpperCase()}`;\n              const dateLabel = formatDate(completedAt);\n              return (\n                <CertificateCard\n                  key={course.id}\n                  title={course.title}\n                  recipient={recipient}\n                  date={dateLabel}\n                  issuer=\"CrewFoundry\"\n                  credentialId={credentialId}\n                  onDownload={() =>\n                    downloadCertificate(course.title, recipient, dateLabel, credentialId)\n                  }\n                />\n              );\n            })}\n          </div>\n        ))}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/crewfoundry/pages/MarketplaceEarningsPagePage.d.ts

@@ -1,2 +0,0 @@
-export declare function MarketplaceEarningsPagePage(): import("react").JSX.Element;
-//# sourceMappingURL=MarketplaceEarningsPagePage.d.ts.map

package/dist/crewfoundry/pages/MarketplaceEarningsPagePage.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MarketplaceEarningsPagePage.d.ts","sourceRoot":"","sources":["../../../src/crewfoundry/pages/MarketplaceEarningsPagePage.tsx"],"names":[],"mappings":"AA6CA,wBAAgB,2BAA2B,gCAmI1C"}

package/dist/crewfoundry/pages/MarketplaceEarningsPagePage.js

@@ -1,163 +0,0 @@
-import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
-import { formatEnumLabel as t } from "../utils/formatEnumLabel.js";
-import { useMemo as n } from "react";
-import { DollarSign as r, TrendingUp as i, Wallet as a } from "lucide-react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { Badge as c, Card as l, CardContent as u, CardHeader as d, CardTitle as f, GlassCard as p, GradientText as m, PagePurpose as h } from "@burdenoff/fe-libs/ui";
-//#region src/crewfoundry/pages/MarketplaceEarningsPagePage.tsx
-var g = (e) => {
-	let t = new Date(e);
-	return Number.isNaN(t.getTime()) ? "N/A" : t.toLocaleString("en-US", { month: "short" });
-}, _ = (e) => {
-	let t = new Date(e);
-	return Number.isNaN(t.getTime()) ? "Unknown" : t.toISOString().split("T")[0];
-};
-function v() {
-	let { invoices: v } = e(), y = n(() => v.slice(0, 12).map((e) => ({
-		id: e.id,
-		client: e.clientName,
-		amount: e.amount,
-		date: _(e.issueDate),
-		status: e.status === "paid" ? "completed" : "pending"
-	})), [v]), b = n(() => y.slice(0, 6).map((e, t) => {
-		let n = y.filter((t) => g(t.date) === g(e.date)), r = n.reduce((e, t) => e + t.amount, 0);
-		return {
-			month: g(e.date) || `M${t + 1}`,
-			amount: r,
-			orders: n.length
-		};
-	}), [y]), x = b.reduce((e, t) => e + t.amount, 0), S = Math.max(1, ...b.map((e) => e.amount)), C = b.reduce((e, t) => e + t.orders, 0), w = y.filter((e) => e.status === "pending").reduce((e, t) => e + t.amount, 0);
-	return /* @__PURE__ */ s("div", {
-		className: "space-y-6 p-6",
-		children: [
-			/* @__PURE__ */ s("div", { children: [
-				/* @__PURE__ */ o("h1", {
-					className: "text-2xl font-semibold",
-					children: /* @__PURE__ */ o(m, { children: "Earnings" })
-				}),
-				/* @__PURE__ */ o("p", {
-					className: "text-sm text-text-secondary",
-					children: "Revenue from marketplace services"
-				}),
-				/* @__PURE__ */ o(h, {
-					className: "mt-1",
-					children: "Track what you've earned on the marketplace — payouts, pending balances, and earning trends so you always know where you stand."
-				})
-			] }),
-			/* @__PURE__ */ s("div", {
-				className: "grid gap-4 md:grid-cols-3",
-				children: [
-					/* @__PURE__ */ s(p, {
-						treatment: "glass",
-						glow: !0,
-						className: "border-border-seam",
-						children: [/* @__PURE__ */ s(d, {
-							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ o(f, {
-								className: "text-sm font-medium",
-								children: "Total Earnings"
-							}), /* @__PURE__ */ o(r, { className: "h-4 w-4 text-text-secondary" })]
-						}), /* @__PURE__ */ s(u, { children: [/* @__PURE__ */ s("div", {
-							className: "text-2xl font-bold tabular-nums",
-							children: ["$", x.toLocaleString()]
-						}), /* @__PURE__ */ s("p", {
-							className: "text-xs text-text-secondary",
-							children: [
-								"Across ",
-								C,
-								" paid orders"
-							]
-						})] })]
-					}),
-					/* @__PURE__ */ s(p, {
-						treatment: "metric",
-						className: "border-border-seam",
-						children: [/* @__PURE__ */ s(d, {
-							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ o(f, {
-								className: "text-sm font-medium",
-								children: "Avg Order Value"
-							}), /* @__PURE__ */ o(i, { className: "h-4 w-4 text-text-secondary" })]
-						}), /* @__PURE__ */ o(u, { children: /* @__PURE__ */ s("div", {
-							className: "text-2xl font-bold tabular-nums",
-							children: ["$", Math.round(x / Math.max(C, 1)).toLocaleString()]
-						}) })]
-					}),
-					/* @__PURE__ */ s(p, {
-						treatment: "metric",
-						className: "border-border-seam",
-						children: [/* @__PURE__ */ s(d, {
-							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ o(f, {
-								className: "text-sm font-medium",
-								children: "Pending"
-							}), /* @__PURE__ */ o(a, { className: "h-4 w-4 text-status-warning-text" })]
-						}), /* @__PURE__ */ o(u, { children: /* @__PURE__ */ s("div", {
-							className: "text-2xl font-bold tabular-nums",
-							children: ["$", w.toLocaleString()]
-						}) })]
-					})
-				]
-			}),
-			/* @__PURE__ */ s(l, { children: [/* @__PURE__ */ o(d, { children: /* @__PURE__ */ o(f, { children: "Earnings Trend" }) }), /* @__PURE__ */ o(u, {
-				className: "space-y-3",
-				children: b.map((e, t) => /* @__PURE__ */ s("div", {
-					className: "flex items-center gap-3",
-					children: [
-						/* @__PURE__ */ o("span", {
-							className: "w-10 text-sm text-text-secondary",
-							children: e.month
-						}),
-						/* @__PURE__ */ o("div", {
-							className: "h-4 flex-1 overflow-hidden rounded bg-bg-sunken",
-							children: /* @__PURE__ */ o("div", {
-								className: "h-4 rounded bg-action-primary-bg",
-								style: { width: `${Math.round(e.amount / S * 100)}%` }
-							})
-						}),
-						/* @__PURE__ */ s("span", {
-							className: "w-16 text-right text-sm font-medium",
-							children: [
-								"$",
-								(e.amount / 1e3).toFixed(1),
-								"K"
-							]
-						}),
-						/* @__PURE__ */ s(c, {
-							variant: "outline",
-							className: "text-[10px]",
-							children: [e.orders, " orders"]
-						})
-					]
-				}, `${e.month}-${t}`))
-			})] }),
-			/* @__PURE__ */ s(l, { children: [/* @__PURE__ */ o(d, { children: /* @__PURE__ */ o(f, { children: "Recent Payments" }) }), /* @__PURE__ */ o(u, {
-				className: "space-y-3",
-				children: y.map((e) => /* @__PURE__ */ s("div", {
-					className: "flex items-center justify-between rounded border p-3",
-					children: [/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("p", {
-						className: "text-sm font-medium",
-						children: e.client
-					}), /* @__PURE__ */ o("p", {
-						className: "text-xs text-text-secondary",
-						children: e.date
-					})] }), /* @__PURE__ */ s("div", {
-						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ s("span", {
-							className: "text-sm font-bold",
-							children: ["$", e.amount.toLocaleString()]
-						}), /* @__PURE__ */ o(c, {
-							variant: e.status === "completed" ? "default" : "secondary",
-							className: "text-[10px]",
-							children: t(e.status)
-						})]
-					})]
-				}, e.id))
-			})] })
-		]
-	});
-}
-//#endregion
-export { v as MarketplaceEarningsPagePage };
-
-//# sourceMappingURL=MarketplaceEarningsPagePage.js.map

package/dist/crewfoundry/pages/MarketplaceEarningsPagePage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MarketplaceEarningsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/MarketplaceEarningsPagePage.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport {\n  Badge,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\nimport { DollarSign, TrendingUp, Wallet } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\nimport { formatEnumLabel } from '../utils/formatEnumLabel';\n\ntype EarningPoint = {\n  month: string;\n  amount: number;\n  orders: number;\n};\n\ntype PaymentItem = {\n  id: string;\n  client: string;\n  amount: number;\n  date: string;\n  status: 'completed' | 'pending';\n};\n\nconst monthLabel = (value: string): string => {\n  const parsed = new Date(value);\n  if (Number.isNaN(parsed.getTime())) {\n    return 'N/A';\n  }\n  return parsed.toLocaleString('en-US', { month: 'short' });\n};\n\nconst isoDate = (value: string): string => {\n  const parsed = new Date(value);\n  if (Number.isNaN(parsed.getTime())) {\n    return 'Unknown';\n  }\n  return parsed.toISOString().split('T')[0];\n};\n\nexport function MarketplaceEarningsPagePage() {\n  const { invoices } = useCrewFoundryStore();\n\n  const recentPayments = useMemo<PaymentItem[]>(() => {\n    return invoices.slice(0, 12).map((invoice) => ({\n      id: invoice.id,\n      client: invoice.clientName,\n      amount: invoice.amount,\n      date: isoDate(invoice.issueDate),\n      status: invoice.status === 'paid' ? 'completed' : 'pending',\n    }));\n  }, [invoices]);\n\n  const earningsData = useMemo<EarningPoint[]>(() => {\n    return recentPayments.slice(0, 6).map((payment, index) => {\n      const sibling = recentPayments.filter(\n        (item) => monthLabel(item.date) === monthLabel(payment.date)\n      );\n      const amount = sibling.reduce((sum, item) => sum + item.amount, 0);\n      return {\n        month: monthLabel(payment.date) || `M${index + 1}`,\n        amount,\n        orders: sibling.length,\n      };\n    });\n  }, [recentPayments]);\n\n  const totalEarnings = earningsData.reduce((sum, point) => sum + point.amount, 0);\n  const maxEarning = Math.max(1, ...earningsData.map((point) => point.amount));\n  const totalOrders = earningsData.reduce((sum, point) => sum + point.orders, 0);\n  const pendingAmount = recentPayments\n    .filter((payment) => payment.status === 'pending')\n    .reduce((sum, payment) => sum + payment.amount, 0);\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">\n          <GradientText>Earnings</GradientText>\n        </h1>\n        <p className=\"text-sm text-text-secondary\">Revenue from marketplace services</p>\n        <PagePurpose className=\"mt-1\">\n          Track what you&apos;ve earned on the marketplace — payouts, pending balances, and earning\n          trends so you always know where you stand.\n        </PagePurpose>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-3\">\n        <GlassCard treatment=\"glass\" glow className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Total Earnings</CardTitle>\n            <DollarSign className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">${totalEarnings.toLocaleString()}</div>\n            <p className=\"text-xs text-text-secondary\">Across {totalOrders} paid orders</p>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Avg Order Value</CardTitle>\n            <TrendingUp className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">\n              ${Math.round(totalEarnings / Math.max(totalOrders, 1)).toLocaleString()}\n            </div>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Pending</CardTitle>\n            <Wallet className=\"h-4 w-4 text-status-warning-text\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">${pendingAmount.toLocaleString()}</div>\n          </CardContent>\n        </GlassCard>\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Earnings Trend</CardTitle>\n        </CardHeader>\n        <CardContent className=\"space-y-3\">\n          {earningsData.map((earning, index) => (\n            <div key={`${earning.month}-${index}`} className=\"flex items-center gap-3\">\n              <span className=\"w-10 text-sm text-text-secondary\">{earning.month}</span>\n              <div className=\"h-4 flex-1 overflow-hidden rounded bg-bg-sunken\">\n                <div\n                  className=\"h-4 rounded bg-action-primary-bg\"\n                  style={{ width: `${Math.round((earning.amount / maxEarning) * 100)}%` }}\n                />\n              </div>\n              <span className=\"w-16 text-right text-sm font-medium\">\n                ${(earning.amount / 1000).toFixed(1)}K\n              </span>\n              <Badge variant=\"outline\" className=\"text-[10px]\">\n                {earning.orders} orders\n              </Badge>\n            </div>\n          ))}\n        </CardContent>\n      </Card>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Recent Payments</CardTitle>\n        </CardHeader>\n        <CardContent className=\"space-y-3\">\n          {recentPayments.map((payment) => (\n            <div key={payment.id} className=\"flex items-center justify-between rounded border p-3\">\n              <div>\n                <p className=\"text-sm font-medium\">{payment.client}</p>\n                <p className=\"text-xs text-text-secondary\">{payment.date}</p>\n              </div>\n              <div className=\"flex items-center gap-2\">\n                <span className=\"text-sm font-bold\">${payment.amount.toLocaleString()}</span>\n                <Badge\n                  variant={payment.status === 'completed' ? 'default' : 'secondary'}\n                  className=\"text-[10px]\"\n                >\n                  {formatEnumLabel(payment.status)}\n                </Badge>\n              </div>\n            </div>\n          ))}\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/crewfoundry/pages/MarketplaceFreelancerProfilePageEnhancedPage.d.ts

@@ -1,2 +0,0 @@
-export declare function MarketplaceFreelancerProfilePageEnhancedPage(): import("react").JSX.Element;
-//# sourceMappingURL=MarketplaceFreelancerProfilePageEnhancedPage.d.ts.map

package/dist/crewfoundry/pages/MarketplaceFreelancerProfilePageEnhancedPage.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MarketplaceFreelancerProfilePageEnhancedPage.d.ts","sourceRoot":"","sources":["../../../src/crewfoundry/pages/MarketplaceFreelancerProfilePageEnhancedPage.tsx"],"names":[],"mappings":"AAyCA,wBAAgB,4CAA4C,gCA0T3D"}