@hydralms/components 0.1.2 → 0.2.0

package/dist/modules/AssignmentModule/AssignmentModule.d.ts

@@ -0,0 +1,8 @@
+import { AssignmentModuleProps } from './types';
+/**
+ * AssignmentModule — a complete assignment experience with instructions,
+ * submission work area, and confirmation/grade review.
+ *
+ * Steps: Instructions → Work (AssignmentSubmission) → Confirmation.
+ */
+export declare function AssignmentModule({ title, instructions, dueDate, maxScore, submissionTypes, fileConstraints, rubric, existingSubmission, status, grade, onSubmit, onSaveDraft, className, style, }: AssignmentModuleProps): import("react/jsx-runtime").JSX.Element;

package/dist/modules/AssignmentModule/types.d.ts

@@ -0,0 +1,65 @@
+import { ReactNode } from 'react';
+import { SubmissionData } from '../../sections/AssignmentSubmission/types';
+import { RubricCriterion } from '../../sections/RubricView/types';
+/**
+ * AssignmentModule — a complete assignment experience with instructions,
+ * submission, and confirmation/grade review.
+ *
+ * Steps: Instructions → Work (AssignmentSubmission) → Confirmation.
+ * Optionally shows a grading rubric in both the instructions and
+ * graded confirmation views.
+ *
+ * @example
+ * <AssignmentModule
+ *   title="Week 3 Essay"
+ *   instructions={<p>Write a 500-word essay on React hooks.</p>}
+ *   submissionTypes={["text", "file"]}
+ *   rubric={rubricCriteria}
+ *   onSubmit={(submission) => submitAssignment(submission)}
+ * />
+ */
+export interface AssignmentModuleProps {
+    /** Assignment title */
+    title: string;
+    /** Assignment instructions (rich content) */
+    instructions: ReactNode;
+    /** Due date as ISO string */
+    dueDate?: string;
+    /** Maximum score points */
+    maxScore?: number;
+    /** Allowed submission types */
+    submissionTypes: ("text" | "file" | "url")[];
+    /** File upload constraints */
+    fileConstraints?: {
+        maxFiles?: number;
+        maxSizeMB?: number;
+        acceptedTypes?: string;
+    };
+    /** Rubric criteria for grading (shown in instructions and graded confirmation) */
+    rubric?: RubricCriterion[];
+    /** Existing submission for editing/viewing */
+    existingSubmission?: SubmissionData;
+    /** Current submission status. @default "not_started" */
+    status?: "not_started" | "draft" | "submitted" | "late" | "graded" | "resubmit";
+    /** Grade data when graded */
+    grade?: {
+        score: number;
+        feedback?: ReactNode;
+        /** Selected rubric level UIDs per criterion UID */
+        rubricLevels?: Record<string, string>;
+    };
+    /** Called on final submission */
+    onSubmit?: (submission: SubmissionData) => void;
+    /** Called on draft save */
+    onSaveDraft?: (submission: SubmissionData) => void;
+    /** CSS class name for the root element */
+    className?: string;
+    /** Inline styles for the root element */
+    style?: React.CSSProperties;
+}
+export interface AssignmentModuleResult {
+    /** The submitted data */
+    submission: SubmissionData;
+    /** Status after submission */
+    status: string;
+}

package/dist/modules/CertificateModule/CertificateModule.d.ts

@@ -0,0 +1,9 @@
+import { CertificateModuleProps } from './types';
+/**
+ * CertificateModule — a certificate-earning flow with requirements tracking
+ * and certificate display.
+ *
+ * Steps: Requirements (checklist + progress) → Certificate (CertificateViewer).
+ * The certificate step is only accessible when all requirements are completed.
+ */
+export declare function CertificateModule({ courseTitle, recipientName, organizationName, organizationLogo, signatory, completionDate, certificateVariant, requirements, overallProgress, onRequirementClick, onCertificateEarned, className, style, }: CertificateModuleProps): import("react/jsx-runtime").JSX.Element;

package/dist/modules/CertificateModule/types.d.ts

@@ -0,0 +1,49 @@
+import { Requirement } from '../../sections/RequirementsChecklist/types';
+import { CertificateVariant } from '../../sections/CertificateViewer/types';
+/**
+ * CertificateModule — a certificate-earning flow with requirements tracking
+ * and certificate display.
+ *
+ * Steps: Requirements (checklist + progress) → Certificate (CertificateViewer).
+ * The certificate step is only accessible when all requirements are met.
+ *
+ * @example
+ * <CertificateModule
+ *   courseTitle="React Fundamentals"
+ *   recipientName="Jane Smith"
+ *   organizationName="HydraLMS Academy"
+ *   requirements={requirements}
+ *   overallProgress={100}
+ * />
+ */
+export interface CertificateModuleProps {
+    /** Course or program title */
+    courseTitle: string;
+    /** Recipient's full name */
+    recipientName: string;
+    /** Issuing organization name */
+    organizationName: string;
+    /** Organization logo URL */
+    organizationLogo?: string;
+    /** Signatory information */
+    signatory?: {
+        name: string;
+        title: string;
+    };
+    /** Completion date (used on the certificate) */
+    completionDate?: string;
+    /** Certificate visual variant. @default "modern" */
+    certificateVariant?: CertificateVariant;
+    /** Completion requirements */
+    requirements: Requirement[];
+    /** Overall course progress (0-100) */
+    overallProgress: number;
+    /** Called when a requirement item is clicked */
+    onRequirementClick?: (uid: string) => void;
+    /** Called when the certificate screen is first displayed */
+    onCertificateEarned?: () => void;
+    /** CSS class name for the root element */
+    className?: string;
+    /** Inline styles for the root element */
+    style?: React.CSSProperties;
+}

package/dist/modules/DiscussionModule/DiscussionModule.d.ts

@@ -0,0 +1,8 @@
+import { DiscussionModuleProps } from './types';
+/**
+ * DiscussionModule — a master-detail discussion forum with topic list and thread view.
+ *
+ * Panel-based layout: ForumBoard (topic listing) ↔ DiscussionThread (thread detail).
+ * Clicking a topic drills into the thread; a back button returns to the board.
+ */
+export declare function DiscussionModule({ forumTitle, topics, currentUser, threads, onCreateTopic, onReply, onToggleLike, onMarkAnswer, onTopicOpen, readOnly, className, style, }: DiscussionModuleProps): import("react/jsx-runtime").JSX.Element;

package/dist/modules/DiscussionModule/types.d.ts

@@ -0,0 +1,47 @@
+import { DiscussionUser, DiscussionPost } from '../../sections/DiscussionThread/types';
+import { ForumTopic } from '../../sections/ForumBoard/types';
+/**
+ * DiscussionModule — a master-detail discussion forum with topic list and thread view.
+ *
+ * Panel-based layout: ForumBoard (topic list) ↔ DiscussionThread (thread detail).
+ * Clicking a topic drills into the thread; a back button returns to the board.
+ *
+ * @example
+ * <DiscussionModule
+ *   forumTitle="Class Discussion"
+ *   topics={topics}
+ *   threads={threadData}
+ *   currentUser={user}
+ *   onCreateTopic={(title, content) => createTopic(title, content)}
+ *   onReply={(topicUid, parentUid, content) => postReply(topicUid, parentUid, content)}
+ * />
+ */
+export interface DiscussionModuleProps {
+    /** Forum title */
+    forumTitle?: string;
+    /** List of discussion topics */
+    topics: ForumTopic[];
+    /** The currently authenticated user */
+    currentUser: DiscussionUser;
+    /** Thread data keyed by topic UID */
+    threads: Record<string, {
+        rootPost: DiscussionPost;
+        replies: DiscussionPost[];
+    }>;
+    /** Called when a new topic is created */
+    onCreateTopic?: (title: string, content: string) => void;
+    /** Called when a reply is posted */
+    onReply?: (topicUid: string, parentUid: string, content: string) => void;
+    /** Called when a like is toggled */
+    onToggleLike?: (topicUid: string, postUid: string) => void;
+    /** Called when a post is marked as the answer */
+    onMarkAnswer?: (topicUid: string, postUid: string) => void;
+    /** Called when a topic is opened (for lazy loading thread data) */
+    onTopicOpen?: (topicUid: string) => void;
+    /** When true, disables all interactions */
+    readOnly?: boolean;
+    /** CSS class name for the root element */
+    className?: string;
+    /** Inline styles for the root element */
+    style?: React.CSSProperties;
+}

package/dist/modules/ExamModule/ExamModule.d.ts

@@ -0,0 +1,8 @@
+import { ExamModuleProps } from './types';
+/**
+ * ExamModule — a complete formal exam experience.
+ *
+ * Steps: Intro (rules/instructions) → Exam (timed ExamSession) → Results (score + review).
+ * Manages an external timer that feeds elapsed time to ExamSession.
+ */
+export declare function ExamModule({ title, description, instructions, questions, timeLimitSeconds, passingScore, allowBackNavigation, autoSubmitOnTimeout, timeWarningThreshold, allowRetake, showReview, onComplete, className, style, }: ExamModuleProps): import("react/jsx-runtime").JSX.Element;

package/dist/modules/ExamModule/types.d.ts

@@ -0,0 +1,64 @@
+import { ReactNode } from 'react';
+import { QuestionData, SessionAnswer } from '../../questions/types';
+/**
+ * ExamModule — a formal timed exam experience with intro, exam, and results steps.
+ *
+ * Wraps ExamSession with an intro screen showing rules/instructions and a
+ * results screen with scoring, stats, and optional answer review.
+ *
+ * @example
+ * <ExamModule
+ *   title="Midterm Exam"
+ *   instructions={<p>You have 60 minutes. No notes allowed.</p>}
+ *   questions={questions}
+ *   timeLimitSeconds={3600}
+ *   passingScore={70}
+ *   onComplete={(result) => saveResult(result)}
+ * />
+ */
+export interface ExamModuleProps {
+    /** Exam title displayed on the intro screen */
+    title: string;
+    /** Exam description displayed on the intro screen */
+    description?: string;
+    /** Exam rules/instructions rendered on the intro screen */
+    instructions?: ReactNode;
+    /** Ordered list of questions */
+    questions: QuestionData[];
+    /** Time limit in seconds (required for exams) */
+    timeLimitSeconds: number;
+    /** Passing threshold as a percentage (e.g. 70 means 70%) */
+    passingScore?: number;
+    /** Whether the user can go back to previous questions. @default true */
+    allowBackNavigation?: boolean;
+    /** Auto-submit when time runs out. @default true */
+    autoSubmitOnTimeout?: boolean;
+    /** Seconds remaining at which to show a time warning */
+    timeWarningThreshold?: number;
+    /** Whether to allow retaking the exam from the results screen. @default false */
+    allowRetake?: boolean;
+    /** Whether to show correct/incorrect answer highlighting in the review. @default true */
+    showReview?: boolean;
+    /** Called when the exam is completed (submitted) */
+    onComplete?: (result: ExamModuleResult) => void;
+    /** CSS class name for the root element */
+    className?: string;
+    /** Inline styles for the root element */
+    style?: React.CSSProperties;
+}
+export interface ExamModuleResult {
+    /** The user's submitted answers */
+    answers: SessionAnswer[];
+    /** Number of correct answers */
+    correct: number;
+    /** Total number of gradable questions */
+    total: number;
+    /** Score as a percentage (0-100) */
+    percentage: number;
+    /** Whether the user passed (only meaningful when passingScore is set) */
+    passed: boolean;
+    /** Total time taken in seconds */
+    timeElapsedSeconds: number;
+    /** Whether the submission was triggered by timeout */
+    wasAutoSubmitted: boolean;
+}

package/dist/modules/GradeCenterModule/GradeCenterModule.d.ts

@@ -0,0 +1,9 @@
+import { GradeCenterModuleProps } from './types';
+/**
+ * GradeCenterModule — a tabbed grade center with gradebook, progress dashboard,
+ * and drill-down into individual assessment reviews.
+ *
+ * Uses a panel-based layout (like CoursePlayer) with tabs for Grades and Progress,
+ * and a slide-in detail panel for reviewing individual assessments.
+ */
+export declare function GradeCenterModule({ courseTitle, gradeItems, categories, overallGrade, showWeights, progressData, reviewData, className, style, }: GradeCenterModuleProps): import("react/jsx-runtime").JSX.Element;

package/dist/modules/GradeCenterModule/types.d.ts

@@ -0,0 +1,54 @@
+import { GradeItem, GradeCategory, OverallGrade } from '../../sections/GradebookTable/types';
+import { ModuleProgress, ActivityItem, Achievement } from '../../sections/ProgressDashboard/types';
+import { AssessmentScore } from '../../sections/AssessmentReview/types';
+import { QuestionData, SessionAnswer } from '../../questions/types';
+/**
+ * GradeCenterModule — a tabbed grade center with gradebook, progress dashboard,
+ * and drill-down into individual assessment reviews.
+ *
+ * Combines GradebookTable, ProgressDashboard, and AssessmentReview sections
+ * in a master-detail layout with tab navigation.
+ *
+ * @example
+ * <GradeCenterModule
+ *   courseTitle="React Fundamentals"
+ *   gradeItems={items}
+ *   overallGrade={overallGrade}
+ *   progressData={{ overallProgress: 75, totalTimeSpent: 45000, modules: [] }}
+ *   reviewData={{ quiz1: { questions, sessionAnswers, score } }}
+ * />
+ */
+export interface GradeCenterModuleProps {
+    /** Course title shown in the header */
+    courseTitle?: string;
+    /** Grade items (assignments, quizzes, etc.) */
+    gradeItems: GradeItem[];
+    /** Optional category grouping */
+    categories?: GradeCategory[];
+    /** Overall course grade summary */
+    overallGrade?: OverallGrade;
+    /** Whether to show the weight column in the gradebook */
+    showWeights?: boolean;
+    /** Data for the progress tab — tab is hidden if not provided */
+    progressData?: {
+        overallProgress: number;
+        totalTimeSpent: number;
+        modules: ModuleProgress[];
+        recentActivity?: ActivityItem[];
+        streak?: {
+            currentDays: number;
+            longestDays: number;
+        };
+        achievements?: Achievement[];
+    };
+    /** Review data keyed by grade item UID — enables drill-down on click */
+    reviewData?: Record<string, {
+        questions: QuestionData[];
+        sessionAnswers: SessionAnswer[];
+        score?: AssessmentScore;
+    }>;
+    /** CSS class name for the root element */
+    className?: string;
+    /** Inline styles for the root element */
+    style?: React.CSSProperties;
+}

package/dist/modules/QuizModule/QuizModule.d.ts

@@ -1,2 +1,2 @@
 import { QuizModuleProps } from './types';
-export declare function QuizModule({ title, description, questions, timeLimitSeconds, passingScore, allowRetake, onComplete, showReview, className, style, }: QuizModuleProps): import("react/jsx-runtime").JSX.Element;
+export declare function QuizModule({ title, description, questions, timeLimitSeconds, passingScore, allowRetake, onComplete, showReview, questionMaterials, className, style, }: QuizModuleProps): import("react/jsx-runtime").JSX.Element;

package/dist/modules/QuizModule/types.d.ts

@@ -1,4 +1,4 @@
-import { QuestionData, SessionAnswer } from '../../questions/types';
+import { QuestionData, QuestionMaterial, SessionAnswer } from '../../questions/types';
 /**
  * QuizModule — a complete multi-step assessment experience.
  *
@@ -33,6 +33,11 @@ export interface QuizModuleProps {
     onComplete?: (result: QuizModuleResult) => void;
     /** Whether to show correct/incorrect answer highlighting in the review. @default true */
     showReview?: boolean;
+    /**
+     * Related materials keyed by question UID. When provided, a "Materials"
+     * button appears in the question header, opening a drawer with content blocks.
+     */
+    questionMaterials?: QuestionMaterial[];
     /** CSS class name for the root element */
     className?: string;
     /** Inline styles for the root element */

package/dist/modules/SurveyModule/SurveyModule.d.ts

@@ -0,0 +1,7 @@
+import { SurveyModuleProps } from './types';
+/**
+ * SurveyModule — a complete survey experience with intro, form, and thank-you steps.
+ *
+ * Steps: Intro → SurveyForm → Thank You with response stats.
+ */
+export declare function SurveyModule({ title, description, questions, requireAll, showProgress, thankYouTitle, thankYouMessage, onComplete, allowRestart, className, style, }: SurveyModuleProps): import("react/jsx-runtime").JSX.Element;

package/dist/modules/SurveyModule/types.d.ts

@@ -0,0 +1,49 @@
+import { SurveyQuestion, SurveyAnswer } from '../../sections/SurveyForm/types';
+/**
+ * SurveyModule — a complete survey experience with intro, form, and thank-you steps.
+ *
+ * Wraps SurveyForm with a welcoming intro screen and a thank-you completion
+ * screen showing response stats.
+ *
+ * @example
+ * <SurveyModule
+ *   title="Course Evaluation"
+ *   description="Help us improve this course."
+ *   questions={surveyQuestions}
+ *   onComplete={(result) => submitSurvey(result)}
+ * />
+ */
+export interface SurveyModuleProps {
+    /** Survey title displayed on the intro and form screens */
+    title: string;
+    /** Survey description displayed on the intro screen */
+    description?: string;
+    /** Survey questions */
+    questions: SurveyQuestion[];
+    /** Whether all questions must be answered before submit. @default false */
+    requireAll?: boolean;
+    /** Whether to show a progress indicator in the survey form. @default true */
+    showProgress?: boolean;
+    /** Custom title for the thank-you screen. @default "Thank You!" */
+    thankYouTitle?: string;
+    /** Custom message for the thank-you screen */
+    thankYouMessage?: string;
+    /** Called when the survey is completed */
+    onComplete?: (result: SurveyModuleResult) => void;
+    /** Allow restarting the survey from the thank-you screen. @default false */
+    allowRestart?: boolean;
+    /** CSS class name for the root element */
+    className?: string;
+    /** Inline styles for the root element */
+    style?: React.CSSProperties;
+}
+export interface SurveyModuleResult {
+    /** The user's submitted answers */
+    answers: SurveyAnswer[];
+    /** Total number of questions */
+    totalQuestions: number;
+    /** Number of questions answered */
+    answeredCount: number;
+    /** Total time taken in seconds */
+    timeElapsedSeconds: number;
+}

package/dist/modules/index.d.ts

@@ -4,3 +4,15 @@ export { FlashcardLab } from './FlashcardLab/FlashcardLab';
 export type { FlashcardLabProps, FlashcardDeckOption, FlashcardLabResult, } from './FlashcardLab/types';
 export { CoursePlayer } from './CoursePlayer/CoursePlayer';
 export type { CoursePlayerProps, CoursePlayerItem } from './CoursePlayer/types';
+export { ExamModule } from './ExamModule/ExamModule';
+export type { ExamModuleProps, ExamModuleResult } from './ExamModule/types';
+export { SurveyModule } from './SurveyModule/SurveyModule';
+export type { SurveyModuleProps, SurveyModuleResult, } from './SurveyModule/types';
+export { GradeCenterModule } from './GradeCenterModule/GradeCenterModule';
+export type { GradeCenterModuleProps } from './GradeCenterModule/types';
+export { AssignmentModule } from './AssignmentModule/AssignmentModule';
+export type { AssignmentModuleProps, AssignmentModuleResult, } from './AssignmentModule/types';
+export { CertificateModule } from './CertificateModule/CertificateModule';
+export type { CertificateModuleProps } from './CertificateModule/types';
+export { DiscussionModule } from './DiscussionModule/DiscussionModule';
+export type { DiscussionModuleProps } from './DiscussionModule/types';

package/dist/modules.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react"),t=require("lucide-react"),A=require("./ForumBoard-d1w5-r6n.cjs"),s=require("./tabs-DRM2Iq_J.cjs");function Q({title:m,description:v,questions:h,timeLimitSeconds:u,passingScore:w,allowRetake:f=!0,onComplete:i,showReview:o=!0,questionMaterials:j,className:x,style:C}){const[g,l]=a.useState({tag:"intro"}),[N,c]=a.useState(0),p=a.useRef(null),b=a.useRef(null),R=a.useRef(null);a.useEffect(()=>{var n;(n=R.current)==null||n.focus({preventScroll:!0})},[g.tag]),a.useEffect(()=>(g.tag==="quiz"?(p.current=Date.now(),b.current=setInterval(()=>{p.current&&c(Math.floor((Date.now()-p.current)/1e3))},1e3)):b.current&&(clearInterval(b.current),b.current=null),()=>{b.current&&clearInterval(b.current)}),[g.tag]);function k(n){const{correct:B,total:T,percentage:E}=s.scoreAssessment(h,n),M=p.current?Math.floor((Date.now()-p.current)/1e3):N;return{answers:n,correct:B,total:T,percentage:E,passed:w!==void 0?E>=w:!0,timeElapsedSeconds:M}}function S(n){const B=k(n);l({tag:"results",result:B}),i==null||i(B)}function y(){c(0),p.current=null,l({tag:"intro"})}if(g.tag==="intro")return e.jsx("div",{ref:R,tabIndex:-1,className:s.cn("max-w-2xl mx-auto outline-none",x),style:C,children:e.jsx(s.Card,{children:e.jsxs(s.CardContent,{className:"pt-8 pb-8 text-center",children:[e.jsx("div",{className:"mx-auto mb-4 w-14 h-14 rounded-full bg-primary/10 flex items-center justify-center",children:e.jsx(t.Trophy,{className:"size-7 text-primary"})}),e.jsx("h2",{className:"text-2xl font-bold text-foreground mb-2",children:m}),v&&e.jsx("p",{className:"text-muted-foreground mb-6 max-w-md mx-auto",children:v}),e.jsxs("div",{className:"flex flex-wrap justify-center gap-2 mb-8",children:[e.jsxs(s.Badge,{variant:"outline",className:"gap-1.5",children:[e.jsx(t.HelpCircle,{className:"size-3.5"}),h.length," questions"]}),u&&e.jsxs(s.Badge,{variant:"outline",className:"gap-1.5",children:[e.jsx(t.Clock,{className:"size-3.5"}),s.formatDuration(u)," time limit"]}),w!==void 0&&e.jsxs(s.Badge,{variant:"outline",className:"gap-1.5",children:[e.jsx(t.CheckCircle2,{className:"size-3.5"}),w,"% to pass"]})]}),e.jsxs(s.Button,{size:"lg",onClick:()=>l({tag:"quiz"}),children:[e.jsx(t.Play,{className:"size-4 mr-2"}),"Start Quiz"]})]})})});if(g.tag==="quiz")return e.jsx("div",{ref:R,tabIndex:-1,className:s.cn("outline-none",x),style:C,children:e.jsx(A.QuizSession,{questions:h,onSubmit:S,timeElapsedSeconds:N,timeLimitSeconds:u,questionMaterials:j})});const{result:r}=g,d=r.passed;return e.jsxs("div",{ref:R,tabIndex:-1,className:s.cn("max-w-2xl mx-auto outline-none",x),style:C,children:[e.jsx(s.Card,{children:e.jsxs(s.CardContent,{className:"pt-8 pb-8",children:[e.jsxs("div",{className:"text-center mb-8",children:[e.jsx(s.ProgressRing,{value:r.percentage,size:140,strokeWidth:10,color:d?"var(--success)":"var(--destructive)",className:"mx-auto mb-4 text-foreground"}),e.jsx(s.Badge,{variant:d?"success":"destructive",className:"text-sm px-3 py-1 mb-2",children:d?"Passed":"Failed"}),e.jsx("h2",{className:"text-xl font-bold text-foreground",children:m})]}),e.jsxs("div",{className:"grid grid-cols-2 sm:grid-cols-4 gap-3 mb-8",children:[e.jsx(s.StatCard,{icon:e.jsx(t.CheckCircle2,{}),label:"Correct",description:"Questions answered right",value:`${r.correct}/${r.total}`}),e.jsx(s.StatCard,{icon:e.jsx(t.XCircle,{}),label:"Incorrect",description:"Questions to review",value:`${r.total-r.correct}/${r.total}`}),e.jsx(s.StatCard,{icon:e.jsx(t.Trophy,{}),label:"Score",description:"Overall percentage",value:`${r.percentage}%`}),e.jsx(s.StatCard,{icon:e.jsx(t.Clock,{}),label:"Time",description:"Total elapsed",value:s.formatDuration(r.timeElapsedSeconds)})]}),f&&e.jsx("div",{className:"flex justify-center mb-8",children:e.jsxs(s.Button,{variant:"outline",onClick:y,children:[e.jsx(t.RotateCcw,{className:"size-4 mr-2"}),"Retake Quiz"]})})]})}),o&&e.jsxs(e.Fragment,{children:[e.jsx(s.Separator,{className:"my-6"}),e.jsx("h3",{className:"text-lg font-semibold text-foreground mb-4",children:"Question Review"}),e.jsx(A.AssessmentReview,{questions:h,sessionAnswers:r.answers,showCorrectAnswers:!0})]})]})}function $({decks:m,showShuffleToggle:v=!0,defaultShuffled:h=!1,allowMultiSelect:u=!0,onComplete:w,className:f,style:i}){const[o,j]=a.useState({tag:"setup"}),[x,C]=a.useState(new Set),[g,l]=a.useState(h),N=a.useRef(null),c=a.useRef(null);a.useEffect(()=>{var r;(r=c.current)==null||r.focus({preventScroll:!0})},[o.tag]);function p(r){C(d=>{const n=new Set(d);return n.has(r)?n.delete(r):(u||n.clear(),n.add(r)),n})}function b(){const r=m.filter(n=>x.has(n.uid)),d=r.flatMap(n=>n.cards);N.current=Date.now(),j({tag:"study",cards:d,deckUids:r.map(n=>n.uid),shuffled:g})}function R(){if(o.tag!=="study")return;const r=N.current?Math.floor((Date.now()-N.current)/1e3):0,d={totalCards:o.cards.length,decksStudied:o.deckUids.length,deckUids:o.deckUids,wasShuffled:o.shuffled,timeElapsedSeconds:r};j({tag:"completion",result:d}),w==null||w(d)}function k(){if(o.tag!=="completion")return;const d=m.filter(n=>o.result.deckUids.includes(n.uid)).flatMap(n=>n.cards);N.current=Date.now(),j({tag:"study",cards:d,deckUids:o.result.deckUids,shuffled:o.result.wasShuffled})}function S(){C(new Set),l(h),j({tag:"setup"})}if(o.tag==="setup")return e.jsx("div",{ref:c,tabIndex:-1,className:s.cn("max-w-2xl mx-auto outline-none",f),style:i,children:e.jsx(s.Card,{children:e.jsxs(s.CardContent,{className:"pt-8 pb-8",children:[e.jsxs("div",{className:"text-center mb-6",children:[e.jsx("div",{className:"mx-auto mb-4 w-14 h-14 rounded-full bg-primary/10 flex items-center justify-center",children:e.jsx(t.BookOpen,{className:"size-7 text-primary"})}),e.jsx("h2",{className:"text-2xl font-bold text-foreground mb-2",children:"Choose Your Decks"}),e.jsx("p",{className:"text-muted-foreground text-sm",children:u?"Select one or more decks to study":"Select a deck to study"})]}),e.jsx("div",{className:"grid sm:grid-cols-2 lg:grid-cols-3 gap-3 mb-6",children:m.map(r=>{const d=x.has(r.uid);return e.jsx(s.Card,{className:s.cn("cursor-pointer transition-all py-0",d?"border-primary ring-1 ring-primary":"hover:border-muted-foreground/30"),onClick:()=>p(r.uid),children:e.jsxs(s.CardContent,{className:"py-4",children:[e.jsxs("div",{className:"flex items-start justify-between mb-2",children:[e.jsx("h3",{className:"font-semibold text-foreground text-sm",children:r.title}),e.jsxs(s.Badge,{variant:"secondary",className:"text-xs shrink-0",children:[r.cards.length," cards"]})]}),r.description&&e.jsx("p",{className:"text-xs text-muted-foreground line-clamp-2",children:r.description})]})},r.uid)})}),e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[v&&e.jsxs(s.Button,{variant:g?"secondary":"outline",size:"sm",className:"gap-1.5",onClick:()=>l(r=>!r),children:[e.jsx(t.Shuffle,{className:"size-3.5"}),"Shuffle"]}),x.size>0&&e.jsxs("span",{className:"text-xs text-muted-foreground",children:[m.filter(r=>x.has(r.uid)).reduce((r,d)=>r+d.cards.length,0)," ","cards selected"]})]}),e.jsx(s.Button,{onClick:b,disabled:x.size===0,children:"Start Studying"})]})]})})});if(o.tag==="study"){const r=m.filter(d=>o.deckUids.includes(d.uid)).map(d=>d.title).join(", ");return e.jsx("div",{ref:c,tabIndex:-1,className:s.cn("outline-none",f),style:i,children:e.jsx(A.FlashcardStudySession,{cards:o.cards,title:r,shuffled:o.shuffled,onComplete:R})})}const{result:y}=o;return e.jsx("div",{ref:c,tabIndex:-1,className:s.cn("max-w-2xl mx-auto outline-none",f),style:i,children:e.jsx(s.Card,{children:e.jsxs(s.CardContent,{className:"pt-8 pb-8",children:[e.jsxs("div",{className:"text-center mb-8",children:[e.jsxs("div",{className:"relative mx-auto mb-4",children:[e.jsx(s.ProgressRing,{value:100,size:120,strokeWidth:10,color:"var(--success)",className:"text-foreground",label:""}),e.jsx(t.CheckCircle2,{className:"size-8 text-success absolute inset-0 m-auto"})]}),e.jsx("h2",{className:"text-xl font-bold text-foreground mb-2",children:"Study Session Complete"}),e.jsx("p",{className:"text-muted-foreground text-sm",children:"Great work! Here's your session summary."})]}),e.jsxs("div",{className:"grid grid-cols-2 sm:grid-cols-4 gap-3 mb-8",children:[e.jsx(s.StatCard,{icon:e.jsx(t.Layers,{}),label:"Cards Studied",description:"Total cards reviewed",value:String(y.totalCards)}),e.jsx(s.StatCard,{icon:e.jsx(t.BookOpen,{}),label:"Decks",description:"Decks completed",value:String(y.decksStudied)}),e.jsx(s.StatCard,{icon:e.jsx(t.Clock,{}),label:"Time Spent",description:"Session duration",value:s.formatDuration(y.timeElapsedSeconds)}),e.jsx(s.StatCard,{icon:e.jsx(t.Shuffle,{}),label:"Shuffled",description:"Card order randomized",value:y.wasShuffled?"Yes":"No"})]}),e.jsxs("div",{className:"flex justify-center gap-3",children:[e.jsxs(s.Button,{variant:"outline",onClick:S,children:[e.jsx(t.ArrowLeft,{className:"size-4 mr-2"}),"Pick New Deck"]}),e.jsxs(s.Button,{onClick:k,children:[e.jsx(t.RotateCcw,{className:"size-4 mr-2"}),"Study Again"]})]})]})})})}function q({courseTitle:m,curriculum:v,progress:h,items:u,initialItemUid:w,onItemComplete:f,onItemChange:i,sidebarCollapsed:o=!1,readOnly:j=!1,className:x,style:C}){const g=a.useRef(null),l=a.useMemo(()=>A.flattenLeaves(v),[v]),N=a.useMemo(()=>new Map(u.map(z=>[z.uid,z])),[u]),[c,p]=a.useState(w??l[0]??""),[b,R]=a.useState(!o),[k,S]=a.useState(()=>h?new Set(h.filter(z=>z.isCompleted).map(z=>z.resourceUid)):new Set),y=l.indexOf(c),r=y>0,d=y<l.length-1,n=k.has(c),B=l.length>0?Math.round(l.filter(z=>k.has(z)).length/l.length*100):0,T=N.get(c);a.useEffect(()=>{var z;(z=g.current)==null||z.focus({preventScroll:!0})},[c]);function E(z){p(z),i==null||i(z)}function M(z){(!z.children||z.children.length===0)&&E(z.uid)}function D(){S(z=>new Set(z).add(c)),f==null||f(c)}function I(){d&&E(l[y+1])}function U(){r&&E(l[y-1])}const L=a.useMemo(()=>{const z=new Map((h??[]).map(P=>[P.resourceUid,P]));for(const P of k)z.has(P)?z.set(P,{...z.get(P),isCompleted:!0}):z.set(P,{resourceUid:P,isCompleted:!0});return Array.from(z.values())},[h,k]),F=d?N.get(l[y+1]):null;return e.jsxs("div",{className:s.cn("flex h-full overflow-hidden",x),style:C,children:[e.jsx(s.Drawer,{open:b,onOpenChange:R,side:"left",children:e.jsxs(s.DrawerContent,{size:"sm",scrollLock:!1,children:[e.jsxs(s.DrawerHeader,{className:"flex-row items-center justify-between",children:[e.jsx(s.DrawerTitle,{className:"text-xs font-semibold text-muted-foreground uppercase tracking-wide",children:"Course"}),e.jsx(s.DrawerClose,{})]}),e.jsx(s.DrawerBody,{className:"px-2 pb-2",children:e.jsx(A.CourseOutline,{items:v,progress:L,courseTitle:m,activeItemUid:c,onItemClick:M,readOnly:j})})]})}),e.jsxs("div",{className:"flex-1 flex flex-col min-w-0 overflow-hidden",children:[e.jsxs("div",{className:"flex items-center gap-2 px-4 py-2 border-b border-border bg-background shrink-0",children:[e.jsx(s.Button,{variant:"ghost",size:"sm",className:"size-7 p-0 mr-1",onClick:()=>R(!0),children:e.jsx(t.PanelLeft,{className:"size-4"})}),e.jsx("div",{className:"flex-1 min-w-0",children:e.jsx("span",{className:"text-sm font-semibold text-foreground truncate block",children:(T==null?void 0:T.title)??"Select an item"})}),e.jsxs("span",{className:"text-xs text-muted-foreground shrink-0",children:[y+1," / ",l.length]})]}),e.jsx("div",{ref:g,tabIndex:-1,className:"flex-1 overflow-y-auto p-6 outline-none",children:T?Y(T,j,D,n,I,d,F):e.jsx(s.EmptyState,{title:"No content selected",description:"Select an item from the course outline to get started."})}),e.jsx("div",{className:"shrink-0 border-t border-border bg-background px-4 py-3",children:e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("div",{className:"flex items-center gap-2 mb-1",children:e.jsxs("span",{className:"text-xs text-muted-foreground",children:[B,"% complete"]})}),e.jsx(s.Progress,{value:B,size:"sm"})]}),e.jsxs("div",{className:"flex items-center gap-2 shrink-0",children:[!n&&T&&e.jsxs(s.Button,{size:"sm",variant:"outline",onClick:D,disabled:j,children:[e.jsx(t.Check,{className:"size-3.5 mr-1"}),"Complete"]}),e.jsx(s.Button,{size:"sm",variant:"ghost",onClick:U,disabled:!r,children:e.jsx(t.ChevronLeft,{className:"size-4"})}),e.jsx(s.Button,{size:"sm",variant:"ghost",onClick:I,disabled:!d,children:e.jsx(t.ChevronRight,{className:"size-4"})})]})]})})]})]})}function Y(m,v,h,u,w,f,i){switch(m.type){case"lesson":return e.jsx(A.LessonPage,{title:m.title,blocks:m.blocks,isCompleted:u,onMarkComplete:h,onNextLesson:f?w:void 0,nextLessonTitle:i==null?void 0:i.title,readOnly:v});case"video":return e.jsx(A.LecturePlayer,{video:{src:m.src,poster:m.poster,title:m.title}});case"quiz":return e.jsx(A.PracticeQuiz,{questions:m.questions,instantFeedback:!0,allowRetry:!0,readOnly:v});default:return e.jsx(s.EmptyState,{title:"Unknown content type",description:"This content type is not supported."})}}function G({title:m,description:v,instructions:h,questions:u,timeLimitSeconds:w,passingScore:f,allowBackNavigation:i=!0,autoSubmitOnTimeout:o=!0,timeWarningThreshold:j,allowRetake:x=!1,showReview:C=!0,onComplete:g,className:l,style:N}){const[c,p]=a.useState({tag:"intro"}),[b,R]=a.useState(0),k=a.useRef(null),S=a.useRef(null),y=a.useRef(null);a.useEffect(()=>{var E;(E=y.current)==null||E.focus({preventScroll:!0})},[c.tag]),a.useEffect(()=>(c.tag==="exam"?(k.current=Date.now(),S.current=setInterval(()=>{k.current&&R(Math.floor((Date.now()-k.current)/1e3))},1e3)):S.current&&(clearInterval(S.current),S.current=null),()=>{S.current&&clearInterval(S.current)}),[c.tag]);function r(E,M){const{correct:D,total:I,percentage:U}=s.scoreAssessment(u,E);return{answers:E,correct:D,total:I,percentage:U,passed:f!==void 0?U>=f:!0,timeElapsedSeconds:M.timeElapsedSeconds,wasAutoSubmitted:M.wasAutoSubmitted}}function d(E,M){const D=r(E,M);p({tag:"results",result:D}),g==null||g(D)}function n(){R(0),k.current=null,p({tag:"intro"})}if(c.tag==="intro")return e.jsx("div",{ref:y,tabIndex:-1,className:s.cn("max-w-2xl mx-auto outline-none",l),style:N,children:e.jsx(s.Card,{children:e.jsxs(s.CardContent,{className:"pt-8 pb-8 text-center",children:[e.jsx("div",{className:"mx-auto mb-4 w-14 h-14 rounded-full bg-primary/10 flex items-center justify-center",children:e.jsx(t.ShieldCheck,{className:"size-7 text-primary"})}),e.jsx("h2",{className:"text-2xl font-bold text-foreground mb-2",children:m}),v&&e.jsx("p",{className:"text-muted-foreground mb-6 max-w-md mx-auto",children:v}),h&&e.jsx(s.Alert,{className:"text-left mb-6",children:e.jsx(s.AlertDescription,{children:h})}),e.jsxs("div",{className:"flex flex-wrap justify-center gap-2 mb-8",children:[e.jsxs(s.Badge,{variant:"outline",className:"gap-1.5",children:[e.jsx(t.HelpCircle,{className:"size-3.5"}),u.length," questions"]}),e.jsxs(s.Badge,{variant:"outline",className:"gap-1.5",children:[e.jsx(t.Clock,{className:"size-3.5"}),s.formatDuration(w)," time limit"]}),f!==void 0&&e.jsxs(s.Badge,{variant:"outline",className:"gap-1.5",children:[e.jsx(t.CheckCircle2,{className:"size-3.5"}),f,"% to pass"]})]}),e.jsxs(s.Button,{size:"lg",onClick:()=>p({tag:"exam"}),children:[e.jsx(t.Play,{className:"size-4 mr-2"}),"Begin Exam"]})]})})});if(c.tag==="exam")return e.jsx("div",{ref:y,tabIndex:-1,className:s.cn("outline-none",l),style:N,children:e.jsx(A.ExamSession,{questions:u,timeLimitSeconds:w,timeElapsedSeconds:b,autoSubmitOnTimeout:o,timeWarningThreshold:j,allowBackNavigation:i,confirmBeforeSubmit:!0,examTitle:m,onSubmit:d})});const{result:B}=c,T=B.passed;return e.jsxs("div",{ref:y,tabIndex:-1,className:s.cn("max-w-2xl mx-auto outline-none",l),style:N,children:[e.jsx(s.Card,{children:e.jsxs(s.CardContent,{className:"pt-8 pb-8",children:[e.jsxs("div",{className:"text-center mb-8",children:[e.jsx(s.ProgressRing,{value:B.percentage,size:140,strokeWidth:10,color:T?"var(--success)":"var(--destructive)",className:"mx-auto mb-4 text-foreground"}),e.jsx(s.Badge,{variant:T?"success":"destructive",className:"text-sm px-3 py-1 mb-2",children:T?"Passed":"Failed"}),B.wasAutoSubmitted&&e.jsx(s.Badge,{variant:"outline",className:"text-sm px-3 py-1 mb-2 ml-2",children:"Auto-submitted"}),e.jsx("h2",{className:"text-xl font-bold text-foreground",children:m})]}),e.jsxs("div",{className:"grid grid-cols-2 sm:grid-cols-4 gap-3 mb-8",children:[e.jsx(s.StatCard,{icon:e.jsx(t.CheckCircle2,{}),label:"Correct",description:"Questions answered right",value:`${B.correct}/${B.total}`}),e.jsx(s.StatCard,{icon:e.jsx(t.XCircle,{}),label:"Incorrect",description:"Questions to review",value:`${B.total-B.correct}/${B.total}`}),e.jsx(s.StatCard,{icon:e.jsx(t.Trophy,{}),label:"Score",description:"Overall percentage",value:`${B.percentage}%`}),e.jsx(s.StatCard,{icon:e.jsx(t.Clock,{}),label:"Time",description:"Total elapsed",value:s.formatDuration(B.timeElapsedSeconds)})]}),x&&e.jsx("div",{className:"flex justify-center mb-8",children:e.jsxs(s.Button,{variant:"outline",onClick:n,children:[e.jsx(t.RotateCcw,{className:"size-4 mr-2"}),"Retake Exam"]})})]})}),C&&e.jsxs(e.Fragment,{children:[e.jsx(s.Separator,{className:"my-6"}),e.jsx("h3",{className:"text-lg font-semibold text-foreground mb-4",children:"Question Review"}),e.jsx(A.AssessmentReview,{questions:u,sessionAnswers:B.answers,showCorrectAnswers:!0})]})]})}function H({title:m,description:v,questions:h,requireAll:u=!1,showProgress:w=!0,thankYouTitle:f="Thank You!",thankYouMessage:i,onComplete:o,allowRestart:j=!1,className:x,style:C}){const[g,l]=a.useState({tag:"intro"}),N=a.useRef(null),c=a.useRef(null);a.useEffect(()=>{var S;(S=c.current)==null||S.focus({preventScroll:!0})},[g.tag]);function p(S){const y=N.current?Math.floor((Date.now()-N.current)/1e3):0,r={answers:S,totalQuestions:h.length,answeredCount:S.length,timeElapsedSeconds:y};l({tag:"thankYou",result:r}),o==null||o(r)}function b(){N.current=null,l({tag:"intro"})}function R(){N.current=Date.now(),l({tag:"survey"})}if(g.tag==="intro")return e.jsx("div",{ref:c,tabIndex:-1,className:s.cn("max-w-2xl mx-auto outline-none",x),style:C,children:e.jsx(s.Card,{children:e.jsxs(s.CardContent,{className:"pt-8 pb-8 text-center",children:[e.jsx("div",{className:"mx-auto mb-4 w-14 h-14 rounded-full bg-primary/10 flex items-center justify-center",children:e.jsx(t.ClipboardList,{className:"size-7 text-primary"})}),e.jsx("h2",{className:"text-2xl font-bold text-foreground mb-2",children:m}),v&&e.jsx("p",{className:"text-muted-foreground mb-6 max-w-md mx-auto",children:v}),e.jsx("div",{className:"flex flex-wrap justify-center gap-2 mb-8",children:e.jsxs(s.Badge,{variant:"outline",className:"gap-1.5",children:[e.jsx(t.HelpCircle,{className:"size-3.5"}),h.length," questions"]})}),e.jsxs(s.Button,{size:"lg",onClick:R,children:[e.jsx(t.Play,{className:"size-4 mr-2"}),"Begin Survey"]})]})})});if(g.tag==="survey")return e.jsx("div",{ref:c,tabIndex:-1,className:s.cn("outline-none",x),style:C,children:e.jsx(A.SurveyForm,{title:m,questions:h,requireAll:u,showProgress:w,onSubmit:p})});const{result:k}=g;return e.jsx("div",{ref:c,tabIndex:-1,className:s.cn("max-w-2xl mx-auto outline-none",x),style:C,children:e.jsx(s.Card,{children:e.jsxs(s.CardContent,{className:"pt-8 pb-8 text-center",children:[e.jsx("div",{className:"mx-auto mb-4 w-14 h-14 rounded-full bg-success/10 flex items-center justify-center",children:e.jsx(t.CheckCircle2,{className:"size-7 text-success"})}),e.jsx("h2",{className:"text-2xl font-bold text-foreground mb-2",children:f}),e.jsx("p",{className:"text-muted-foreground mb-6 max-w-md mx-auto",children:i??"Your responses have been recorded. Thank you for your feedback!"}),e.jsxs("div",{className:"grid grid-cols-2 gap-3 max-w-sm mx-auto mb-6",children:[e.jsx(s.StatCard,{icon:e.jsx(t.HelpCircle,{}),label:"Answered",description:"Questions completed",value:`${k.answeredCount}/${k.totalQuestions}`}),e.jsx(s.StatCard,{icon:e.jsx(t.Clock,{}),label:"Time",description:"Total elapsed",value:s.formatDuration(k.timeElapsedSeconds)})]}),j&&e.jsxs(s.Button,{variant:"outline",onClick:b,children:[e.jsx(t.RotateCcw,{className:"size-4 mr-2"}),"Take Again"]})]})})})}function O({courseTitle:m,gradeItems:v,categories:h,overallGrade:u,showWeights:w,progressData:f,reviewData:i,className:o,style:j}){const[x,C]=a.useState(null),g=a.useRef(null);a.useEffect(()=>{var b;(b=g.current)==null||b.focus({preventScroll:!0})},[x]);function l(b){i!=null&&i[b.uid]&&C(b.uid)}function N(){C(null)}const c=x?v.find(b=>b.uid===x):null,p=x?i==null?void 0:i[x]:null;return e.jsxs("div",{ref:g,tabIndex:-1,className:s.cn("outline-none",o),style:j,children:[e.jsxs("div",{className:"flex items-center justify-between mb-6",children:[e.jsxs("div",{children:[m&&e.jsx("h2",{className:"text-xl font-bold text-foreground",children:m}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"Grade Center"})]}),u&&e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx(s.GradeIndicator,{percentage:u.percentage,letterGrade:u.letterGrade,size:"medium"}),e.jsxs("div",{className:"text-right",children:[e.jsxs("div",{className:"text-sm font-medium text-foreground",children:[u.pointsEarned,"/",u.pointsPossible," pts"]}),u.letterGrade&&e.jsx("div",{className:"text-xs text-muted-foreground",children:u.letterGrade})]})]})]}),e.jsx(s.Separator,{className:"mb-6"}),c&&p?e.jsxs("div",{children:[e.jsxs(s.Button,{variant:"ghost",size:"sm",onClick:N,className:"mb-4",children:[e.jsx(t.ArrowLeft,{className:"size-4 mr-1.5"}),"Back to Grades"]}),e.jsx(s.Card,{className:"mb-4",children:e.jsxs(s.CardContent,{className:"py-3 px-4",children:[e.jsx("h3",{className:"font-semibold text-foreground",children:c.name}),c.score!==null&&e.jsxs("p",{className:"text-sm text-muted-foreground",children:["Score: ",c.score,"/",c.maxScore," (",Math.round(c.score/c.maxScore*100),"%)"]})]})}),e.jsx(A.AssessmentReview,{questions:p.questions,sessionAnswers:p.sessionAnswers,score:p.score,showCorrectAnswers:!0})]}):e.jsxs(s.Tabs,{defaultValue:"grades",children:[f&&e.jsxs(s.TabsList,{className:"mb-6",children:[e.jsxs(s.TabsTrigger,{value:"grades",children:[e.jsx(t.BookOpen,{className:"size-4 mr-1.5"}),"Grades"]}),e.jsxs(s.TabsTrigger,{value:"progress",children:[e.jsx(t.BarChart3,{className:"size-4 mr-1.5"}),"Progress"]})]}),e.jsx(s.TabsContent,{value:"grades",children:e.jsx(A.GradebookTable,{items:v,categories:h,overallGrade:u,showWeights:w,onItemClick:l})}),f&&e.jsx(s.TabsContent,{value:"progress",children:e.jsx(A.ProgressDashboard,{overallProgress:f.overallProgress,totalTimeSpent:f.totalTimeSpent,modules:f.modules,recentActivity:f.recentActivity,streak:f.streak,achievements:f.achievements})})]})]})}const V={text:"Text Entry",file:"File Upload",url:"URL Submission"};function W({title:m,instructions:v,dueDate:h,maxScore:u,submissionTypes:w,fileConstraints:f,rubric:i,existingSubmission:o,status:j="not_started",grade:x,onSubmit:C,onSaveDraft:g,className:l,style:N}){const c=j==="submitted"||j==="graded"?{tag:"confirmation",submission:o??{}}:{tag:"instructions"},[p,b]=a.useState(c),R=a.useRef(null);a.useEffect(()=>{var n;(n=R.current)==null||n.focus({preventScroll:!0})},[p.tag]);const k=a.useMemo(()=>i?i.reduce((n,B)=>n+Math.max(...B.levels.map(T=>T.points)),0):0,[i]);function S(n){C==null||C(n),b({tag:"confirmation",submission:n})}function y(n){g==null||g(n)}const r=j==="not_started"||j==="draft"||j==="resubmit";if(p.tag==="instructions")return e.jsx("div",{ref:R,tabIndex:-1,className:s.cn("max-w-2xl mx-auto outline-none",l),style:N,children:e.jsx(s.Card,{children:e.jsxs(s.CardContent,{className:"pt-8 pb-8",children:[e.jsxs("div",{className:"text-center mb-6",children:[e.jsx("div",{className:"mx-auto mb-4 w-14 h-14 rounded-full bg-primary/10 flex items-center justify-center",children:e.jsx(t.FileEdit,{className:"size-7 text-primary"})}),e.jsx("h2",{className:"text-2xl font-bold text-foreground mb-2",children:m})]}),e.jsxs("div",{className:"flex flex-wrap justify-center gap-2 mb-6",children:[h&&e.jsx(s.DueDateDisplay,{dueDate:h,size:"small"}),u!==void 0&&e.jsxs(s.Badge,{variant:"outline",className:"gap-1.5",children:[e.jsx(t.CheckCircle2,{className:"size-3.5"}),u," points"]}),e.jsxs(s.Badge,{variant:"outline",className:"gap-1.5",children:[e.jsx(t.Paperclip,{className:"size-3.5"}),w.map(n=>V[n]).join(", ")]}),e.jsx(s.StatusBadge,{status:j})]}),e.jsx(s.Separator,{className:"my-6"}),e.jsx("div",{className:"prose prose-sm text-foreground mb-6",children:v}),i&&i.length>0&&e.jsxs(e.Fragment,{children:[e.jsx(s.Separator,{className:"my-6"}),e.jsx(A.RubricView,{criteria:i,maxScore:k})]}),r&&e.jsx("div",{className:"text-center mt-8",children:e.jsxs(s.Button,{size:"lg",onClick:()=>b({tag:"work"}),children:[e.jsx(t.Play,{className:"size-4 mr-2"}),"Start Assignment"]})})]})})});if(p.tag==="work")return e.jsxs("div",{ref:R,tabIndex:-1,className:s.cn("outline-none",l),style:N,children:[e.jsxs(s.Button,{variant:"ghost",size:"sm",onClick:()=>b({tag:"instructions"}),className:"mb-4",children:[e.jsx(t.ArrowLeft,{className:"size-4 mr-1.5"}),"Back to Instructions"]}),e.jsx(A.AssignmentSubmission,{title:m,instructions:v,dueDate:h,maxScore:u,status:j,submissionTypes:w,existingSubmission:o,fileConstraints:f,grade:x,onSubmit:S,onSaveDraft:y})]});const{submission:d}=p;return e.jsx("div",{ref:R,tabIndex:-1,className:s.cn("max-w-2xl mx-auto outline-none",l),style:N,children:e.jsx(s.Card,{children:e.jsxs(s.CardContent,{className:"pt-8 pb-8",children:[e.jsxs("div",{className:"text-center mb-6",children:[e.jsx("div",{className:"mx-auto mb-4 w-14 h-14 rounded-full bg-success/10 flex items-center justify-center",children:e.jsx(t.CheckCircle2,{className:"size-7 text-success"})}),e.jsx("h2",{className:"text-xl font-bold text-foreground mb-2",children:j==="graded"?"Assignment Graded":"Submission Received"}),e.jsxs("div",{className:"flex justify-center gap-2 mb-4",children:[e.jsx(s.StatusBadge,{status:j}),h&&e.jsx(s.DueDateDisplay,{dueDate:h,size:"small"})]})]}),j==="graded"&&x&&e.jsxs("div",{className:"text-center mb-6",children:[e.jsx(s.GradeIndicator,{percentage:u?Math.round(x.score/u*100):0,size:"large"}),e.jsxs("p",{className:"text-sm text-muted-foreground mt-2",children:[x.score,"/",u," points"]}),x.feedback&&e.jsx(s.Alert,{className:"text-left mt-4",children:e.jsx(s.AlertDescription,{children:x.feedback})}),i&&x.rubricLevels&&e.jsxs(e.Fragment,{children:[e.jsx(s.Separator,{className:"my-6"}),e.jsx(A.RubricView,{criteria:i,selectedLevels:x.rubricLevels,totalScore:x.score,maxScore:k})]})]}),e.jsx(s.Separator,{className:"my-6"}),e.jsx("h3",{className:"text-sm font-semibold text-foreground mb-3",children:"What You Submitted"}),e.jsxs("div",{className:"space-y-2 text-sm text-muted-foreground",children:[d.textContent&&e.jsxs("div",{className:"flex items-start gap-2",children:[e.jsx(t.FileText,{className:"size-4 mt-0.5 shrink-0"}),e.jsx("span",{className:"line-clamp-2",children:d.textContent})]}),d.files&&d.files.length>0&&e.jsxs("div",{className:"flex items-start gap-2",children:[e.jsx(t.Paperclip,{className:"size-4 mt-0.5 shrink-0"}),e.jsxs("span",{children:[d.files.length," file",d.files.length!==1?"s":""," uploaded"]})]}),d.url&&e.jsxs("div",{className:"flex items-start gap-2",children:[e.jsx(t.Link,{className:"size-4 mt-0.5 shrink-0"}),e.jsx("span",{className:"truncate",children:d.url})]})]}),r&&e.jsx("div",{className:"text-center mt-8",children:e.jsxs(s.Button,{variant:"outline",onClick:()=>b({tag:"work"}),children:[e.jsx(t.FileEdit,{className:"size-4 mr-2"}),"Edit Submission"]})})]})})})}function _({courseTitle:m,recipientName:v,organizationName:h,organizationLogo:u,signatory:w,completionDate:f,certificateVariant:i="modern",requirements:o,overallProgress:j,onRequirementClick:x,onCertificateEarned:C,className:g,style:l}){const{allComplete:N,completedCount:c}=a.useMemo(()=>{const S=o.filter(y=>y.completed).length;return{allComplete:S===o.length,completedCount:S}},[o]),[p,b]=a.useState({tag:"requirements"}),R=a.useRef(null),k=a.useRef(!1);return a.useEffect(()=>{var S;(S=R.current)==null||S.focus({preventScroll:!0})},[p.tag]),a.useEffect(()=>{p.tag==="certificate"&&!k.current&&(k.current=!0,C==null||C())},[p.tag,C]),p.tag==="requirements"?e.jsx("div",{ref:R,tabIndex:-1,className:s.cn("max-w-2xl mx-auto outline-none",g),style:l,children:e.jsx(s.Card,{children:e.jsxs(s.CardContent,{className:"pt-8 pb-8",children:[e.jsxs("div",{className:"text-center mb-6",children:[e.jsx(s.ProgressRing,{value:j,size:100,strokeWidth:8,color:N?"var(--success)":"var(--primary)",className:"mx-auto mb-4 text-foreground"}),e.jsx("h2",{className:"text-xl font-bold text-foreground mb-2",children:m}),e.jsx("p",{className:"text-sm text-muted-foreground",children:N?"All requirements met — your certificate is ready!":`${c} of ${o.length} requirements complete`})]}),e.jsx(A.RequirementsChecklist,{requirements:o,onRequirementClick:x,className:"mb-6"}),N&&e.jsx("div",{className:"text-center mt-6",children:e.jsxs(s.Button,{size:"lg",onClick:()=>b({tag:"certificate"}),children:[e.jsx(t.Award,{className:"size-4 mr-2"}),"View Certificate"]})})]})})}):e.jsxs("div",{ref:R,tabIndex:-1,className:s.cn("outline-none",g),style:l,children:[e.jsxs(s.Button,{variant:"ghost",size:"sm",onClick:()=>b({tag:"requirements"}),className:"mb-4",children:[e.jsx(t.ArrowLeft,{className:"size-4 mr-1.5"}),"Back to Requirements"]}),e.jsxs("div",{className:"text-center mb-8",children:[e.jsx("div",{className:"mx-auto mb-4 w-14 h-14 rounded-full bg-success/10 flex items-center justify-center",children:e.jsx(t.PartyPopper,{className:"size-7 text-success"})}),e.jsx("h2",{className:"text-2xl font-bold text-foreground mb-2",children:"Congratulations!"}),e.jsxs("p",{className:"text-muted-foreground",children:["You've completed all requirements for"," ",e.jsx("span",{className:"font-medium text-foreground",children:m})]})]}),e.jsx(A.CertificateViewer,{recipientName:v,courseTitle:m,completionDate:f??new Date().toISOString().split("T")[0],organizationName:h,organizationLogo:u,signatory:w,variant:i,showActions:!0})]})}function X({forumTitle:m,topics:v,currentUser:h,threads:u,onCreateTopic:w,onReply:f,onToggleLike:i,onMarkAnswer:o,onTopicOpen:j,readOnly:x,className:C,style:g}){const[l,N]=a.useState(null),[c,p]=a.useState(""),[b,R]=a.useState("newest"),k=a.useRef(null);a.useEffect(()=>{var n;(n=k.current)==null||n.focus({preventScroll:!0})},[l]);function S(n){N(n),j==null||j(n)}function y(){N(null)}const r=l?u[l]:null,d=l?v.find(n=>n.uid===l):null;return e.jsx("div",{ref:k,tabIndex:-1,className:s.cn("outline-none",C),style:g,children:l&&r?e.jsxs("div",{children:[e.jsxs(s.Button,{variant:"ghost",size:"sm",onClick:y,className:"mb-4",children:[e.jsx(t.ArrowLeft,{className:"size-4 mr-1.5"}),"Back to Topics"]}),e.jsx(A.DiscussionThread,{title:(d==null?void 0:d.title)??"",rootPost:r.rootPost,replies:r.replies,currentUser:h,onReply:(n,B)=>f==null?void 0:f(l,n,B),onToggleLike:i?n=>i(l,n):void 0,onMarkAnswer:o?n=>o(l,n):void 0,readOnly:x})]}):e.jsx(A.ForumBoard,{title:m,topics:v,currentUser:h,onTopicClick:S,onCreateTopic:w,sortOrder:b,onSortChange:R,searchQuery:c,onSearchChange:p,readOnly:x})})}exports.AssignmentModule=W;exports.CertificateModule=_;exports.CoursePlayer=q;exports.DiscussionModule=X;exports.ExamModule=G;exports.FlashcardLab=$;exports.GradeCenterModule=O;exports.QuizModule=Q;exports.SurveyModule=H;