@btst/stack 5.1.0 → 5.2.0

package/dist/packages/stack/src/plugins/school/client/components/pages/lesson-player-page.internal.cjs

@@ -0,0 +1,242 @@
+"use client";
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+const ReactMarkdown = require('react-markdown');
+const button = require('../../../../../../../ui/src/components/button.cjs');
+const context = require('@btst/stack/context');
+const plugins_school_client_hooks_index = require('../../../../../../../../plugins/school/client/hooks/index.cjs');
+const constants = require('../../constants.cjs');
+const schoolShared = require('./school-shared.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
+
+const ReactMarkdown__default = /*#__PURE__*/_interopDefaultCompat(ReactMarkdown);
+
+function LessonPlayerPage({
+  slug,
+  lessonId
+}) {
+  const { data: course } = plugins_school_client_hooks_index.useSuspenseCourse(slug);
+  const { data } = plugins_school_client_hooks_index.useLesson(lessonId);
+  const save = plugins_school_client_hooks_index.useLessonProgress();
+  const { Link, resolve } = context.usePluginSiteNavigation(constants.SCHOOL_PLUGIN_ID);
+  const lastSaved = React.useRef(0);
+  const { lesson, enrollment, progress } = data;
+  React.useEffect(() => {
+    if (enrollment && lesson.type === "text")
+      void save.mutateAsync({
+        id: lesson.id,
+        positionSecs: progress?.positionSecs ?? 0
+      }).catch(() => {
+      });
+  }, [lesson.id, enrollment?.id]);
+  if (lesson.courseId !== course.id)
+    throw new Error("This lesson does not belong to this course.");
+  const next = course.lessons[course.lessons.findIndex((item) => item.id === lessonId) + 1];
+  const savePosition = (position) => {
+    if (!enrollment) return;
+    lastSaved.current = position;
+    void save.mutateAsync({ id: lessonId, positionSecs: position }).catch(() => {
+    });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(schoolShared.SchoolShell, { title: course.title, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "school-player-grid", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("aside", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Link, { href: resolve("learn", slug).href, children: "Course overview" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        schoolShared.Curriculum,
+        {
+          course,
+          activeLessonId: lessonId,
+          enrollment
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("article", { className: "school-lesson", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "school-lesson-heading", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h2", { children: lesson.title }),
+        progress?.completed && /* @__PURE__ */ jsxRuntime.jsx(schoolShared.CompletedLabel, {})
+      ] }),
+      lesson.isFreePreview && !enrollment && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "school-preview-note", children: [
+        "Free preview.",
+        " ",
+        /* @__PURE__ */ jsxRuntime.jsx(Link, { href: resolve("learn", slug).href, children: "Enroll to save your progress." })
+      ] }),
+      lesson.type === "video" && lesson.videoUrl && /* @__PURE__ */ jsxRuntime.jsxs(
+        "video",
+        {
+          controls: true,
+          preload: "metadata",
+          className: "school-video",
+          "aria-label": lesson.title,
+          onLoadedMetadata: (event) => {
+            if (progress?.positionSecs)
+              event.currentTarget.currentTime = progress.positionSecs;
+          },
+          onPause: (event) => savePosition(event.currentTarget.currentTime),
+          onTimeUpdate: (event) => {
+            if (Math.abs(
+              event.currentTarget.currentTime - lastSaved.current
+            ) >= 10)
+              savePosition(event.currentTarget.currentTime);
+          },
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("source", { src: lesson.videoUrl }),
+            /* @__PURE__ */ jsxRuntime.jsx("track", { kind: "captions" }),
+            "Your browser does not support video playback.",
+            " ",
+            /* @__PURE__ */ jsxRuntime.jsx("a", { href: lesson.videoUrl, children: "Open the lesson video" }),
+            "."
+          ]
+        },
+        lesson.id
+      ),
+      lesson.type === "quiz" ? /* @__PURE__ */ jsxRuntime.jsx(LessonQuiz, { lessonId }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "school-lesson-content", children: /* @__PURE__ */ jsxRuntime.jsx(ReactMarkdown__default, { children: lesson.content }) }),
+      lesson.resources.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "school-section", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h3", { children: "Lesson resources" }),
+        /* @__PURE__ */ jsxRuntime.jsx("ul", { children: lesson.resources.map((resource) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
+          "a",
+          {
+            href: resource.url,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            download: true,
+            children: resource.label
+          }
+        ) }, resource.url)) })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(schoolShared.ErrorMessage, { error: save.error }),
+      enrollment && lesson.type !== "quiz" && !progress?.completed && /* @__PURE__ */ jsxRuntime.jsx(
+        button.Button,
+        {
+          disabled: save.isPending,
+          onClick: () => void save.mutateAsync({ id: lessonId, completed: true }).catch(() => {
+          }),
+          children: save.isPending ? "Saving\u2026" : "Mark lesson complete"
+        }
+      ),
+      next && (progress?.completed || lesson.type === "quiz" || save.data) && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "school-next-lesson", children: /* @__PURE__ */ jsxRuntime.jsxs(Link, { href: resolve("learn", slug, "lessons", next.id).href, children: [
+        "Next lesson: ",
+        next.title
+      ] }) }),
+      enrollment?.certificateId && /* @__PURE__ */ jsxRuntime.jsx("p", { children: /* @__PURE__ */ jsxRuntime.jsx(
+        Link,
+        {
+          href: resolve("learn", "certificates", enrollment.certificateId).href,
+          children: "View your certificate"
+        }
+      ) })
+    ] })
+  ] }) });
+}
+function LessonQuiz({ lessonId }) {
+  const { data } = plugins_school_client_hooks_index.useLesson(lessonId);
+  const submit = plugins_school_client_hooks_index.useSubmitQuiz();
+  const [answers, setAnswers] = React.useState({});
+  const [result, setResult] = React.useState(null);
+  const quiz = data.lesson.quiz;
+  if (!quiz) return /* @__PURE__ */ jsxRuntime.jsx("p", { children: "This lesson has no quiz." });
+  const atLimit = !!quiz.maxAttempts && data.attempts.length >= quiz.maxAttempts;
+  const send = async (event) => {
+    event.preventDefault();
+    try {
+      setResult(
+        await submit.mutateAsync({
+          id: lessonId,
+          answers: quiz.questions.map((question) => ({
+            questionId: question.id,
+            answer: answers[question.id]
+          }))
+        })
+      );
+    } catch {
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "school-quiz", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h3", { children: "Check your understanding" }),
+    quiz.passMark !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs("p", { children: [
+      "Pass mark: ",
+      quiz.passMark,
+      "%"
+    ] }),
+    quiz.maxAttempts && /* @__PURE__ */ jsxRuntime.jsxs("p", { children: [
+      data.attempts.length,
+      " of ",
+      quiz.maxAttempts,
+      " attempts used"
+    ] }),
+    result && /* @__PURE__ */ jsxRuntime.jsxs("div", { role: "status", className: "school-quiz-result", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("strong", { children: [
+        result.passed ? "Quiz passed" : "Keep practicing",
+        ": ",
+        result.score,
+        "%"
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { children: result.passed ? "This lesson is complete. Your course progress has been updated." : "Review the lesson before trying again." })
+    ] }),
+    !data.enrollment && /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Enroll in this course to submit your answers and save your score." }),
+    /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: (event) => void send(event), children: [
+      quiz.questions.map((question, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+        "fieldset",
+        {
+          disabled: submit.isPending || atLimit || !data.enrollment,
+          className: "school-question",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("legend", { children: [
+              index + 1,
+              ". ",
+              question.question
+            ] }),
+            question.options.map((option, optionIndex) => /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "school-answer", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "input",
+                {
+                  type: "radio",
+                  name: question.id,
+                  value: optionIndex,
+                  checked: answers[question.id] === optionIndex,
+                  onChange: () => setAnswers((old) => ({
+                    ...old,
+                    [question.id]: optionIndex
+                  })),
+                  required: true
+                }
+              ),
+              option
+            ] }, optionIndex))
+          ]
+        },
+        question.id
+      )),
+      /* @__PURE__ */ jsxRuntime.jsx(schoolShared.ErrorMessage, { error: submit.error }),
+      atLimit ? /* @__PURE__ */ jsxRuntime.jsx("p", { children: "All attempts have been used." }) : /* @__PURE__ */ jsxRuntime.jsx(
+        button.Button,
+        {
+          type: "submit",
+          disabled: submit.isPending || !data.enrollment || quiz.questions.some(
+            (question) => answers[question.id] === void 0
+          ),
+          children: submit.isPending ? "Checking answers\u2026" : "Submit quiz"
+        }
+      )
+    ] }),
+    data.attempts.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "school-section", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h3", { children: "Your attempts" }),
+      /* @__PURE__ */ jsxRuntime.jsx("ol", { className: "school-attempts", children: data.attempts.map((attempt) => /* @__PURE__ */ jsxRuntime.jsxs("li", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: new Date(attempt.attemptedAt).toLocaleString("en-US", {
+          timeZone: "UTC",
+          timeZoneName: "short"
+        }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("strong", { children: [
+          attempt.score,
+          "%"
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: attempt.passed ? "Passed" : "Not passed" })
+      ] }, attempt.id)) })
+    ] })
+  ] });
+}
+
+exports.LessonPlayerPage = LessonPlayerPage;
+exports.LessonQuiz = LessonQuiz;

package/dist/packages/stack/src/plugins/school/client/components/pages/lesson-player-page.internal.mjs

@@ -0,0 +1,235 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useRef, useEffect, useState } from 'react';
+import ReactMarkdown from 'react-markdown';
+import { Button } from '../../../../../../../ui/src/components/button.mjs';
+import { usePluginSiteNavigation } from '@btst/stack/context';
+import { useSuspenseCourse, useLesson, useLessonProgress, useSubmitQuiz } from '../../../../../../../../plugins/school/client/hooks/index.mjs';
+import { SCHOOL_PLUGIN_ID } from '../../constants.mjs';
+import { SchoolShell, Curriculum, CompletedLabel, ErrorMessage } from './school-shared.mjs';
+
+function LessonPlayerPage({
+  slug,
+  lessonId
+}) {
+  const { data: course } = useSuspenseCourse(slug);
+  const { data } = useLesson(lessonId);
+  const save = useLessonProgress();
+  const { Link, resolve } = usePluginSiteNavigation(SCHOOL_PLUGIN_ID);
+  const lastSaved = useRef(0);
+  const { lesson, enrollment, progress } = data;
+  useEffect(() => {
+    if (enrollment && lesson.type === "text")
+      void save.mutateAsync({
+        id: lesson.id,
+        positionSecs: progress?.positionSecs ?? 0
+      }).catch(() => {
+      });
+  }, [lesson.id, enrollment?.id]);
+  if (lesson.courseId !== course.id)
+    throw new Error("This lesson does not belong to this course.");
+  const next = course.lessons[course.lessons.findIndex((item) => item.id === lessonId) + 1];
+  const savePosition = (position) => {
+    if (!enrollment) return;
+    lastSaved.current = position;
+    void save.mutateAsync({ id: lessonId, positionSecs: position }).catch(() => {
+    });
+  };
+  return /* @__PURE__ */ jsx(SchoolShell, { title: course.title, children: /* @__PURE__ */ jsxs("div", { className: "school-player-grid", children: [
+    /* @__PURE__ */ jsxs("aside", { children: [
+      /* @__PURE__ */ jsx(Link, { href: resolve("learn", slug).href, children: "Course overview" }),
+      /* @__PURE__ */ jsx(
+        Curriculum,
+        {
+          course,
+          activeLessonId: lessonId,
+          enrollment
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("article", { className: "school-lesson", children: [
+      /* @__PURE__ */ jsxs("div", { className: "school-lesson-heading", children: [
+        /* @__PURE__ */ jsx("h2", { children: lesson.title }),
+        progress?.completed && /* @__PURE__ */ jsx(CompletedLabel, {})
+      ] }),
+      lesson.isFreePreview && !enrollment && /* @__PURE__ */ jsxs("p", { className: "school-preview-note", children: [
+        "Free preview.",
+        " ",
+        /* @__PURE__ */ jsx(Link, { href: resolve("learn", slug).href, children: "Enroll to save your progress." })
+      ] }),
+      lesson.type === "video" && lesson.videoUrl && /* @__PURE__ */ jsxs(
+        "video",
+        {
+          controls: true,
+          preload: "metadata",
+          className: "school-video",
+          "aria-label": lesson.title,
+          onLoadedMetadata: (event) => {
+            if (progress?.positionSecs)
+              event.currentTarget.currentTime = progress.positionSecs;
+          },
+          onPause: (event) => savePosition(event.currentTarget.currentTime),
+          onTimeUpdate: (event) => {
+            if (Math.abs(
+              event.currentTarget.currentTime - lastSaved.current
+            ) >= 10)
+              savePosition(event.currentTarget.currentTime);
+          },
+          children: [
+            /* @__PURE__ */ jsx("source", { src: lesson.videoUrl }),
+            /* @__PURE__ */ jsx("track", { kind: "captions" }),
+            "Your browser does not support video playback.",
+            " ",
+            /* @__PURE__ */ jsx("a", { href: lesson.videoUrl, children: "Open the lesson video" }),
+            "."
+          ]
+        },
+        lesson.id
+      ),
+      lesson.type === "quiz" ? /* @__PURE__ */ jsx(LessonQuiz, { lessonId }) : /* @__PURE__ */ jsx("div", { className: "school-lesson-content", children: /* @__PURE__ */ jsx(ReactMarkdown, { children: lesson.content }) }),
+      lesson.resources.length > 0 && /* @__PURE__ */ jsxs("section", { className: "school-section", children: [
+        /* @__PURE__ */ jsx("h3", { children: "Lesson resources" }),
+        /* @__PURE__ */ jsx("ul", { children: lesson.resources.map((resource) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+          "a",
+          {
+            href: resource.url,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            download: true,
+            children: resource.label
+          }
+        ) }, resource.url)) })
+      ] }),
+      /* @__PURE__ */ jsx(ErrorMessage, { error: save.error }),
+      enrollment && lesson.type !== "quiz" && !progress?.completed && /* @__PURE__ */ jsx(
+        Button,
+        {
+          disabled: save.isPending,
+          onClick: () => void save.mutateAsync({ id: lessonId, completed: true }).catch(() => {
+          }),
+          children: save.isPending ? "Saving\u2026" : "Mark lesson complete"
+        }
+      ),
+      next && (progress?.completed || lesson.type === "quiz" || save.data) && /* @__PURE__ */ jsx("p", { className: "school-next-lesson", children: /* @__PURE__ */ jsxs(Link, { href: resolve("learn", slug, "lessons", next.id).href, children: [
+        "Next lesson: ",
+        next.title
+      ] }) }),
+      enrollment?.certificateId && /* @__PURE__ */ jsx("p", { children: /* @__PURE__ */ jsx(
+        Link,
+        {
+          href: resolve("learn", "certificates", enrollment.certificateId).href,
+          children: "View your certificate"
+        }
+      ) })
+    ] })
+  ] }) });
+}
+function LessonQuiz({ lessonId }) {
+  const { data } = useLesson(lessonId);
+  const submit = useSubmitQuiz();
+  const [answers, setAnswers] = useState({});
+  const [result, setResult] = useState(null);
+  const quiz = data.lesson.quiz;
+  if (!quiz) return /* @__PURE__ */ jsx("p", { children: "This lesson has no quiz." });
+  const atLimit = !!quiz.maxAttempts && data.attempts.length >= quiz.maxAttempts;
+  const send = async (event) => {
+    event.preventDefault();
+    try {
+      setResult(
+        await submit.mutateAsync({
+          id: lessonId,
+          answers: quiz.questions.map((question) => ({
+            questionId: question.id,
+            answer: answers[question.id]
+          }))
+        })
+      );
+    } catch {
+    }
+  };
+  return /* @__PURE__ */ jsxs("section", { className: "school-quiz", children: [
+    /* @__PURE__ */ jsx("h3", { children: "Check your understanding" }),
+    quiz.passMark !== void 0 && /* @__PURE__ */ jsxs("p", { children: [
+      "Pass mark: ",
+      quiz.passMark,
+      "%"
+    ] }),
+    quiz.maxAttempts && /* @__PURE__ */ jsxs("p", { children: [
+      data.attempts.length,
+      " of ",
+      quiz.maxAttempts,
+      " attempts used"
+    ] }),
+    result && /* @__PURE__ */ jsxs("div", { role: "status", className: "school-quiz-result", children: [
+      /* @__PURE__ */ jsxs("strong", { children: [
+        result.passed ? "Quiz passed" : "Keep practicing",
+        ": ",
+        result.score,
+        "%"
+      ] }),
+      /* @__PURE__ */ jsx("p", { children: result.passed ? "This lesson is complete. Your course progress has been updated." : "Review the lesson before trying again." })
+    ] }),
+    !data.enrollment && /* @__PURE__ */ jsx("p", { children: "Enroll in this course to submit your answers and save your score." }),
+    /* @__PURE__ */ jsxs("form", { onSubmit: (event) => void send(event), children: [
+      quiz.questions.map((question, index) => /* @__PURE__ */ jsxs(
+        "fieldset",
+        {
+          disabled: submit.isPending || atLimit || !data.enrollment,
+          className: "school-question",
+          children: [
+            /* @__PURE__ */ jsxs("legend", { children: [
+              index + 1,
+              ". ",
+              question.question
+            ] }),
+            question.options.map((option, optionIndex) => /* @__PURE__ */ jsxs("label", { className: "school-answer", children: [
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  type: "radio",
+                  name: question.id,
+                  value: optionIndex,
+                  checked: answers[question.id] === optionIndex,
+                  onChange: () => setAnswers((old) => ({
+                    ...old,
+                    [question.id]: optionIndex
+                  })),
+                  required: true
+                }
+              ),
+              option
+            ] }, optionIndex))
+          ]
+        },
+        question.id
+      )),
+      /* @__PURE__ */ jsx(ErrorMessage, { error: submit.error }),
+      atLimit ? /* @__PURE__ */ jsx("p", { children: "All attempts have been used." }) : /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "submit",
+          disabled: submit.isPending || !data.enrollment || quiz.questions.some(
+            (question) => answers[question.id] === void 0
+          ),
+          children: submit.isPending ? "Checking answers\u2026" : "Submit quiz"
+        }
+      )
+    ] }),
+    data.attempts.length > 0 && /* @__PURE__ */ jsxs("section", { className: "school-section", children: [
+      /* @__PURE__ */ jsx("h3", { children: "Your attempts" }),
+      /* @__PURE__ */ jsx("ol", { className: "school-attempts", children: data.attempts.map((attempt) => /* @__PURE__ */ jsxs("li", { children: [
+        /* @__PURE__ */ jsx("span", { children: new Date(attempt.attemptedAt).toLocaleString("en-US", {
+          timeZone: "UTC",
+          timeZoneName: "short"
+        }) }),
+        /* @__PURE__ */ jsxs("strong", { children: [
+          attempt.score,
+          "%"
+        ] }),
+        /* @__PURE__ */ jsx("span", { children: attempt.passed ? "Passed" : "Not passed" })
+      ] }, attempt.id)) })
+    ] })
+  ] });
+}
+
+export { LessonPlayerPage, LessonQuiz };

package/dist/packages/stack/src/plugins/school/client/components/pages/lesson-player-page.mjs

@@ -0,0 +1,30 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { lazy } from 'react';
+import { ComposedRoute } from '@btst/stack/client/components';
+import { SchoolNotFound, SchoolError, SchoolLoading } from './route-state.mjs';
+
+const Page = lazy(
+  () => import('./lesson-player-page.internal.mjs').then((m) => ({
+    default: m.LessonPlayerPage
+  }))
+);
+function LessonPlayerPageComponent({
+  slug,
+  lessonId
+}) {
+  return /* @__PURE__ */ jsx(
+    ComposedRoute,
+    {
+      path: `/learn/${slug}/lessons/${lessonId}`,
+      PageComponent: Page,
+      LoadingComponent: SchoolLoading,
+      ErrorComponent: SchoolError,
+      NotFoundComponent: SchoolNotFound,
+      props: { slug, lessonId },
+      onError: (error) => console.error("[btst/school]", error)
+    }
+  );
+}
+
+export { LessonPlayerPageComponent };

package/dist/packages/stack/src/plugins/school/client/components/pages/my-courses-page.cjs

@@ -0,0 +1,30 @@
+"use client";
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+const components = require('@btst/stack/client/components');
+const routeState = require('./route-state.cjs');
+const plugins_school_permissions = require('../../../../../../../../plugins/school/permissions.cjs');
+
+const Page = React.lazy(
+  () => import('./my-courses-page.internal.cjs').then((m) => ({
+    default: m.MyCoursesPage
+  }))
+);
+function MyCoursesPageComponent() {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    components.ComposedRoute,
+    {
+      path: `/learn/me`,
+      PageComponent: Page,
+      LoadingComponent: routeState.SchoolLoading,
+      ErrorComponent: routeState.SchoolError,
+      NotFoundComponent: routeState.SchoolNotFound,
+      permission: plugins_school_permissions.schoolPermissions.enrollment.read({ scope: "own" }),
+      onError: (error) => console.error("[btst/school]", error)
+    }
+  );
+}
+
+exports.MyCoursesPageComponent = MyCoursesPageComponent;

package/dist/packages/stack/src/plugins/school/client/components/pages/my-courses-page.internal.cjs

@@ -0,0 +1,92 @@
+"use client";
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const button = require('../../../../../../../ui/src/components/button.cjs');
+const context = require('@btst/stack/context');
+const plugins_school_client_hooks_index = require('../../../../../../../../plugins/school/client/hooks/index.cjs');
+const constants = require('../../constants.cjs');
+const schoolShared = require('./school-shared.cjs');
+
+function MyCoursesPage() {
+  const { data: enrollments } = plugins_school_client_hooks_index.useSuspenseMyCourses();
+  const cancel = plugins_school_client_hooks_index.school.schoolCourses.cancel.use();
+  const retryCertificate = plugins_school_client_hooks_index.school.schoolCourses.retryCertificate.use();
+  const { Link, resolve } = context.usePluginSiteNavigation(constants.SCHOOL_PLUGIN_ID);
+  const active = enrollments.filter(
+    (enrollment) => enrollment.status !== "cancelled"
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(schoolShared.SchoolShell, { title: "My courses", description: "Pick up where you left off.", children: [
+    active.length ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "school-course-grid", children: active.map((enrollment) => {
+      const next = enrollment.lastLessonId ?? enrollment.lessons[0]?.id;
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "school-enrolled-course", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          schoolShared.CourseCard,
+          {
+            course: enrollment.course,
+            enrollment
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "school-enrolled-actions", children: [
+          enrollment.status === "completed" ? /* @__PURE__ */ jsxRuntime.jsx(schoolShared.CompletedLabel, {}) : next && /* @__PURE__ */ jsxRuntime.jsx(button.Button, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+            Link,
+            {
+              href: resolve(
+                "learn",
+                enrollment.course.slug,
+                "lessons",
+                next
+              ).href,
+              children: "Continue learning"
+            }
+          ) }),
+          enrollment.status === "enrolled" && /* @__PURE__ */ jsxRuntime.jsx(
+            button.Button,
+            {
+              type: "button",
+              variant: "ghost",
+              disabled: cancel.isPending,
+              onClick: () => {
+                if (window.confirm(
+                  `Cancel your enrollment in \u201C${enrollment.course.title}\u201D? Your progress will be kept, but you will lose lesson access. This enrollment cannot be restarted.`
+                ))
+                  void cancel.mutateAsync(enrollment.courseId).catch(() => {
+                  });
+              },
+              children: "Cancel enrollment"
+            }
+          ),
+          enrollment.certificatePending && /* @__PURE__ */ jsxRuntime.jsx(
+            button.Button,
+            {
+              type: "button",
+              variant: "outline",
+              disabled: retryCertificate.isPending,
+              onClick: () => void retryCertificate.mutateAsync(enrollment.courseId).catch(() => {
+              }),
+              children: retryCertificate.isPending ? "Retrying certificate\u2026" : "Retry certificate"
+            }
+          ),
+          enrollment.certificateId && /* @__PURE__ */ jsxRuntime.jsx(
+            Link,
+            {
+              href: resolve(
+                "learn",
+                "certificates",
+                enrollment.certificateId
+              ).href,
+              children: "View certificate"
+            }
+          )
+        ] })
+      ] }, enrollment.id);
+    }) }) : /* @__PURE__ */ jsxRuntime.jsxs(schoolShared.EmptyMessage, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { children: "Your first lesson starts here" }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Enroll in a course to keep your lessons and progress in one place." }),
+      /* @__PURE__ */ jsxRuntime.jsx(Link, { href: resolve("learn").href, children: "Browse courses" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(schoolShared.ErrorMessage, { error: cancel.error ?? retryCertificate.error })
+  ] });
+}
+
+exports.MyCoursesPage = MyCoursesPage;