@burdenoff/microfe-technospam 2026.704.2 → 2026.705.2

package/dist/technospam/pages/CoursesMyLearningPagePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"CoursesMyLearningPagePage.js","names":[],"sources":["../../../src/technospam/pages/CoursesMyLearningPagePage.tsx"],"sourcesContent":["import { Award, BookOpen, Clock, GraduationCap, PlayCircle } from 'lucide-react';\nimport { Button, GlassCard } from '@burdenoff/fe-libs/ui';\nimport {\n  EmptyView,\n  ErrorView,\n  LoadingRows,\n  PageLayout,\n  StatCard,\n  StatusBadge,\n} from '../components';\nimport { useTechnoSpam, useTechnoSpamNavigate } from '../providers/TechnoSpamProvider';\nimport {\n  useEnrollmentsQuery,\n  useCertificatesQuery,\n  type TecEnrollment,\n} from '../api/technospamApi';\nimport { formatDate, relativeTime } from '../utils/format';\n\nfunction EnrollmentRow({ e, onOpen }: { e: TecEnrollment; onOpen: () => void }) {\n  return (\n    <GlassCard\n      className=\"flex cursor-pointer items-center gap-4 p-4 transition-shadow hover:shadow-md\"\n      onClick={onOpen}\n    >\n      <span className=\"flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-accent-wash text-accent-primary\">\n        <BookOpen size={20} />\n      </span>\n      <div className=\"min-w-0 flex-1\">\n        <div className=\"flex items-center gap-2\">\n          <span className=\"truncate text-sm font-semibold text-text-primary\">\n            {e.course?.title ?? 'Course'}\n          </span>\n          <StatusBadge status={e.status} />\n        </div>\n        <div className=\"mt-1 flex items-center gap-2 text-xs text-text-muted\">\n          <span>{e.lessonsCompleted} lessons done</span>\n          <span>·</span>\n          <span>Active {relativeTime(e.lastActiveAt ?? e.startedAt)}</span>\n        </div>\n        <div className=\"mt-2 h-1.5 w-full overflow-hidden rounded-full bg-bg-sunken\">\n          <div\n            className=\"h-full rounded-full bg-accent-primary\"\n            style={{ width: `${e.progressPct}%` }}\n          />\n        </div>\n      </div>\n      <div className=\"shrink-0 text-right\">\n        <div className=\"text-lg font-semibold text-text-primary\">{e.progressPct}%</div>\n        <Button variant=\"ghost\" size=\"sm\">\n          <PlayCircle size={15} /> Resume\n        </Button>\n      </div>\n    </GlassCard>\n  );\n}\n\nexport function CoursesMyLearningPagePage() {\n  const navigate = useTechnoSpamNavigate();\n  const { currentUser } = useTechnoSpam();\n  const learnerId = currentUser?.id;\n\n  const { data, loading, error } = useEnrollmentsQuery(learnerId ? { learnerId } : {});\n  const { data: certData } = useCertificatesQuery(learnerId ? { learnerId } : {});\n\n  const enrollments = data?.tecListEnrollments.items ?? [];\n  const certificates = certData?.tecListCertificates ?? [];\n  const completed = enrollments.filter((e) => e.status === 'COMPLETED').length;\n  const inProgress = enrollments.filter(\n    (e) => e.status === 'IN_PROGRESS' || e.status === 'ENROLLED'\n  ).length;\n\n  return (\n    <PageLayout\n      hero\n      title=\"My Learning\"\n      description=\"Track your enrolled courses, progress, and earned certificates.\"\n      actions={\n        <Button variant=\"outline\" onClick={() => navigate('/courses/courses-page')}>\n          <BookOpen size={16} /> Browse catalog\n        </Button>\n      }\n    >\n      <div className=\"mb-6 grid grid-cols-2 gap-3 sm:grid-cols-4\">\n        <StatCard label=\"Enrolled\" value={enrollments.length} icon={BookOpen} />\n        <StatCard label=\"In progress\" value={inProgress} icon={PlayCircle} />\n        <StatCard label=\"Completed\" value={completed} icon={GraduationCap} />\n        <StatCard label=\"Certificates\" value={certificates.length} icon={Award} />\n      </div>\n\n      {loading && !enrollments.length ? (\n        <LoadingRows count={3} height=\"h-24\" />\n      ) : error ? (\n        <ErrorView title=\"Couldn't load your learning\" error={error} />\n      ) : enrollments.length === 0 ? (\n        <EmptyView\n          icon={<BookOpen size={26} />}\n          title=\"You haven't enrolled yet\"\n          description=\"Browse the catalog and enroll in a course to start building skill by doing.\"\n          action={<Button onClick={() => navigate('/courses/courses-page')}>Browse courses</Button>}\n        />\n      ) : (\n        <div className=\"space-y-3\">\n          {enrollments.map((e) => (\n            <EnrollmentRow\n              key={e.id}\n              e={e}\n              onOpen={() => navigate(`/courses/course-details-page?id=${e.courseId}`)}\n            />\n          ))}\n        </div>\n      )}\n\n      {certificates.length > 0 ? (\n        <div className=\"mt-8\">\n          <h2 className=\"mb-3 text-base font-semibold text-text-primary\">Certificates</h2>\n          <div className=\"grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3\">\n            {certificates.map((c) => (\n              <GlassCard key={c.id} className=\"flex items-center gap-3 p-4\">\n                <Award className=\"text-accent-teal\" size={22} />\n                <div className=\"min-w-0\">\n                  <div className=\"truncate text-sm font-medium text-text-primary\">\n                    {c.course?.title ?? 'Certificate'}\n                  </div>\n                  <div className=\"text-xs text-text-muted\">\n                    Score {c.score} · Issued {formatDate(c.issuedAt)}\n                  </div>\n                </div>\n              </GlassCard>\n            ))}\n          </div>\n        </div>\n      ) : null}\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"CoursesMyLearningPagePage.js","names":[],"sources":["../../../src/technospam/pages/CoursesMyLearningPagePage.tsx"],"sourcesContent":["import { createElement } from 'react';\nimport { Award, BookOpen, GraduationCap, PlayCircle, ShieldCheck } from 'lucide-react';\nimport { Button, GlassCard } from '@burdenoff/fe-libs/ui';\nimport {\n  EmptyView,\n  ErrorView,\n  LoadingRows,\n  PageLayout,\n  StatCard,\n  StatusBadge,\n  coverGradient,\n  topicIcon,\n} from '../components';\nimport { useTechnoSpam, useTechnoSpamNavigate } from '../providers/TechnoSpamProvider';\nimport {\n  useEnrollmentsQuery,\n  useCertificatesQuery,\n  type TecEnrollment,\n} from '../api/technospamApi';\nimport { formatDate, relativeTime } from '../utils/format';\nimport { cn } from '../utils/cn';\n\nfunction EnrollmentRow({ e, onOpen }: { e: TecEnrollment; onOpen: () => void }) {\n  const seed = `${e.course?.topic ?? ''} ${e.course?.title ?? 'Course'}`;\n  return (\n    <GlassCard\n      className=\"group flex cursor-pointer flex-col gap-3 p-4 transition-all duration-200 hover:-translate-y-0.5 hover:shadow-md sm:flex-row sm:items-center sm:gap-4\"\n      onClick={onOpen}\n    >\n      <span\n        className={cn(\n          'flex h-12 w-12 shrink-0 items-center justify-center rounded-xl bg-gradient-to-br text-white shadow-sm transition-transform duration-200 group-hover:scale-105',\n          coverGradient(seed)\n        )}\n      >\n        {createElement(topicIcon(seed), { size: 20 })}\n      </span>\n      <div className=\"min-w-0 flex-1\">\n        <div className=\"flex flex-wrap items-center gap-2\">\n          <span className=\"truncate text-sm font-semibold text-text-primary group-hover:text-accent-primary\">\n            {e.course?.title ?? 'Course'}\n          </span>\n          <StatusBadge status={e.status} />\n        </div>\n        <div className=\"mt-1 flex flex-wrap items-center gap-2 text-xs text-text-muted\">\n          <span>{e.lessonsCompleted} lessons done</span>\n          <span aria-hidden>·</span>\n          <span>Active {relativeTime(e.lastActiveAt ?? e.startedAt)}</span>\n        </div>\n        <div className=\"mt-2 h-1.5 w-full overflow-hidden rounded-full bg-bg-sunken\">\n          <div\n            className=\"h-full rounded-full bg-gradient-to-r from-accent-primary via-accent-indigo to-accent-purple transition-all duration-500\"\n            style={{ width: `${e.progressPct}%` }}\n          />\n        </div>\n      </div>\n      <div className=\"flex items-center justify-between gap-3 sm:flex-col sm:items-end sm:justify-center\">\n        <div className=\"text-lg font-semibold tabular-nums text-text-primary\">{e.progressPct}%</div>\n        <Button\n          variant=\"ghost\"\n          size=\"sm\"\n          onClick={(ev) => {\n            ev.stopPropagation();\n            onOpen();\n          }}\n        >\n          <PlayCircle size={15} /> Resume\n        </Button>\n      </div>\n    </GlassCard>\n  );\n}\n\nexport function CoursesMyLearningPagePage() {\n  const navigate = useTechnoSpamNavigate();\n  const { currentUser } = useTechnoSpam();\n  const learnerId = currentUser?.id;\n\n  const { data, loading, error } = useEnrollmentsQuery(learnerId ? { learnerId } : {});\n  const { data: certData } = useCertificatesQuery(learnerId ? { learnerId } : {});\n\n  const enrollments = data?.tecListEnrollments.items ?? [];\n  const certificates = certData?.tecListCertificates ?? [];\n  const completed = enrollments.filter((e) => e.status === 'COMPLETED').length;\n  const inProgress = enrollments.filter(\n    (e) => e.status === 'IN_PROGRESS' || e.status === 'ENROLLED'\n  ).length;\n\n  return (\n    <PageLayout\n      hero\n      title=\"My Learning\"\n      description=\"Track your enrolled courses, progress, and earned certificates.\"\n      actions={\n        <Button variant=\"outline\" onClick={() => navigate('/courses/courses-page')}>\n          <BookOpen size={16} /> Browse catalog\n        </Button>\n      }\n    >\n      <div className=\"mb-6 grid grid-cols-2 gap-3 sm:grid-cols-4\">\n        <StatCard\n          label=\"Enrolled\"\n          value={enrollments.length}\n          hint=\"Courses you've enrolled in\"\n          icon={BookOpen}\n          tone=\"blue\"\n        />\n        <StatCard\n          label=\"In progress\"\n          value={inProgress}\n          hint=\"Courses in progress\"\n          icon={PlayCircle}\n          tone=\"indigo\"\n        />\n        <StatCard\n          label=\"Completed\"\n          value={completed}\n          hint=\"Courses completed\"\n          icon={GraduationCap}\n          tone=\"green\"\n        />\n        <StatCard\n          label=\"Certificates\"\n          value={certificates.length}\n          hint=\"Certificates earned\"\n          icon={Award}\n          tone=\"purple\"\n        />\n      </div>\n\n      {loading && !enrollments.length ? (\n        <LoadingRows count={3} height=\"h-24\" />\n      ) : error ? (\n        <ErrorView title=\"Couldn't load your learning\" error={error} />\n      ) : enrollments.length === 0 ? (\n        <EmptyView\n          icon={<BookOpen size={26} />}\n          title=\"You haven't enrolled yet\"\n          description=\"Browse the catalog and enroll in a course to start building skill by doing.\"\n          action={<Button onClick={() => navigate('/courses/courses-page')}>Browse courses</Button>}\n        />\n      ) : (\n        <div className=\"space-y-3\">\n          {enrollments.map((e) => (\n            <EnrollmentRow\n              key={e.id}\n              e={e}\n              onOpen={() => navigate(`/courses/course-details-page?id=${e.courseId}`)}\n            />\n          ))}\n        </div>\n      )}\n\n      {certificates.length > 0 ? (\n        <div className=\"mt-8\">\n          <h2 className=\"mb-3 flex items-center gap-2 text-base font-semibold text-text-primary\">\n            <Award size={18} className=\"text-accent-teal\" /> Certificates\n          </h2>\n          <div className=\"grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3\">\n            {certificates.map((c) => (\n              <GlassCard\n                key={c.id}\n                className=\"group flex flex-col gap-3 p-4 transition-all duration-200 hover:-translate-y-1 hover:shadow-lg\"\n              >\n                <div className=\"flex items-center gap-3\">\n                  <span className=\"flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-status-warning-bg-subtle text-status-warning-text ring-1 ring-status-warning-border/30 transition-transform duration-200 group-hover:scale-105\">\n                    <Award size={22} />\n                  </span>\n                  <div className=\"min-w-0\">\n                    <div className=\"truncate text-sm font-medium text-text-primary\">\n                      {c.course?.title ?? 'Certificate'}\n                    </div>\n                    <div className=\"truncate text-xs text-text-muted\">Serial {c.serial}</div>\n                  </div>\n                </div>\n                <div className=\"mt-auto flex items-center justify-between border-t border-border-seam pt-3 text-xs text-text-muted\">\n                  <span>\n                    Score <span className=\"font-semibold text-text-primary\">{c.score}</span> ·{' '}\n                    {formatDate(c.issuedAt)}\n                  </span>\n                  {c.status === 'ISSUED' ? (\n                    <span className=\"inline-flex items-center gap-1 rounded-full border border-status-success-border bg-status-success-bg-subtle px-2 py-0.5 font-medium text-status-success-text\">\n                      <ShieldCheck size={12} /> Verified\n                    </span>\n                  ) : (\n                    <StatusBadge status={c.status} />\n                  )}\n                </div>\n              </GlassCard>\n            ))}\n          </div>\n        </div>\n      ) : null}\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}