@thanh01.pmt/interactive-quiz-kit 1.0.66 → 1.0.68

package/dist/player.cjs

@@ -6311,7 +6311,7 @@ var cva = (base3, config2) => (props) => {
 
 // src/react-ui/components/elements/label.tsx
 var labelVariants = cva(
-  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+  "text-sm font-Medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
 );
 var Label2 = React73__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React73__namespace.createElement(
   Root3,
@@ -31549,7 +31549,7 @@ var MarkdownRenderer = ({
         },
         h1: ({ node: node2, ...props }) => /* @__PURE__ */ React73__namespace.default.createElement("h1", { ...props, className: "text-3xl font-bold mb-6 mt-8 first:mt-0" }),
         h2: ({ node: node2, ...props }) => /* @__PURE__ */ React73__namespace.default.createElement("h2", { ...props, className: "text-2xl font-semibold mb-4 mt-6" }),
-        h3: ({ node: node2, ...props }) => /* @__PURE__ */ React73__namespace.default.createElement("h3", { ...props, className: "text-xl font-medium mb-3 mt-5" }),
+        h3: ({ node: node2, ...props }) => /* @__PURE__ */ React73__namespace.default.createElement("h3", { ...props, className: "text-xl font-Medium mb-3 mt-5" }),
         ul: ({ node: node2, ...props }) => /* @__PURE__ */ React73__namespace.default.createElement("ul", { ...props, className: "my-4 space-y-2 list-disc list-inside" }),
         ol: ({ node: node2, ...props }) => /* @__PURE__ */ React73__namespace.default.createElement("ol", { ...props, className: "my-4 space-y-2 list-decimal list-inside" }),
         p: ({ node: node2, ...props }) => /* @__PURE__ */ React73__namespace.default.createElement("p", { ...props, className: "mb-4 leading-7" }),
@@ -32023,7 +32023,7 @@ var Input = React73__namespace.forwardRef(
       {
         type,
         className: cn(
-          "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+          "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-Medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
           className
         ),
         ref,
@@ -32198,7 +32198,7 @@ init_react_shim();
 // src/react-ui/components/elements/button.tsx
 init_react_shim();
 var buttonVariants = cva(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-Medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
   {
     variants: {
       variant: {
@@ -37146,7 +37146,7 @@ var MatchingQuestionUI = ({
     if (showCorrectAnswer && selectedOptionId) {
       borderColor = isSelectionCorrect ? "border-green-500" : "border-destructive";
     }
-    return /* @__PURE__ */ React73__namespace.default.createElement("div", { key: promptItem.id, className: `p-3 border rounded-md ${borderColor} transition-colors bg-background` }, /* @__PURE__ */ React73__namespace.default.createElement(Label2, { htmlFor: `select-prompt-${promptItem.id}`, className: "font-medium text-base block mb-2 whitespace-normal" }, /* @__PURE__ */ React73__namespace.default.createElement(MarkdownRenderer, { content: promptItem.content })), /* @__PURE__ */ React73__namespace.default.createElement(
+    return /* @__PURE__ */ React73__namespace.default.createElement("div", { key: promptItem.id, className: `p-3 border rounded-md ${borderColor} transition-colors bg-background` }, /* @__PURE__ */ React73__namespace.default.createElement(Label2, { htmlFor: `select-prompt-${promptItem.id}`, className: "font-Medium text-base block mb-2 whitespace-normal" }, /* @__PURE__ */ React73__namespace.default.createElement(MarkdownRenderer, { content: promptItem.content })), /* @__PURE__ */ React73__namespace.default.createElement(
       Select2,
       {
         value: selectedOptionId,
@@ -37201,7 +37201,7 @@ var DragAndDropQuestionUI = ({
     } else {
       itemStyle += " border-muted";
     }
-    return /* @__PURE__ */ React73__namespace.default.createElement("div", { key: item.id, className: itemStyle }, /* @__PURE__ */ React73__namespace.default.createElement(Label2, { htmlFor: `select-draggable-${item.id}`, className: "font-medium text-base mb-2 sm:mb-0 sm:mr-4 flex-1" }, /* @__PURE__ */ React73__namespace.default.createElement(MarkdownRenderer, { content: item.content })), /* @__PURE__ */ React73__namespace.default.createElement("div", { className: "flex items-center space-x-2 w-full sm:w-auto" }, /* @__PURE__ */ React73__namespace.default.createElement(
+    return /* @__PURE__ */ React73__namespace.default.createElement("div", { key: item.id, className: itemStyle }, /* @__PURE__ */ React73__namespace.default.createElement(Label2, { htmlFor: `select-draggable-${item.id}`, className: "font-Medium text-base mb-2 sm:mb-0 sm:mr-4 flex-1" }, /* @__PURE__ */ React73__namespace.default.createElement(MarkdownRenderer, { content: item.content })), /* @__PURE__ */ React73__namespace.default.createElement("div", { className: "flex items-center space-x-2 w-full sm:w-auto" }, /* @__PURE__ */ React73__namespace.default.createElement(
       Select2,
       {
         value: selectedDropZoneId,
@@ -64217,7 +64217,7 @@ var TabsTrigger2 = React73__namespace.forwardRef(({ className, ...props }, ref)
   {
     ref,
     className: cn(
-      "inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm",
+      "inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-Medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm",
       className
     ),
     ...props
@@ -64917,7 +64917,7 @@ var AccordionTrigger2 = React73__namespace.forwardRef(({ className, children, ..
   {
     ref,
     className: cn(
-      "flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",
+      "flex flex-1 items-center justify-between py-4 font-Medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",
       className
     ),
     ...props
@@ -65704,7 +65704,7 @@ var QuizResult = ({
     }
     return String(answer);
   };
-  return /* @__PURE__ */ React73__namespace.default.createElement(Card, { className: "w-full max-w-3xl mx-auto shadow-xl" }, /* @__PURE__ */ React73__namespace.default.createElement(CardHeader, null, /* @__PURE__ */ React73__namespace.default.createElement(CardTitle, { className: "text-3xl font-headline text-center" }, t2("practiceFlow.results.title", { quizTitle })), /* @__PURE__ */ React73__namespace.default.createElement(CardDescription, { className: "text-center text-lg" }, t2("practiceFlow.results.description"))), /* @__PURE__ */ React73__namespace.default.createElement(CardContent, { className: "space-y-6" }, /* @__PURE__ */ React73__namespace.default.createElement(Card, { className: "bg-secondary/50" }, /* @__PURE__ */ React73__namespace.default.createElement(CardHeader, null, /* @__PURE__ */ React73__namespace.default.createElement(CardTitle, { className: "text-xl flex items-center" }, /* @__PURE__ */ React73__namespace.default.createElement(BarChart2, { className: "mr-2 h-5 w-5 text-primary" }), t2("practiceFlow.results.overallScore"))), /* @__PURE__ */ React73__namespace.default.createElement(CardContent, { className: "grid grid-cols-1 md:grid-cols-3 gap-4 text-center" }, /* @__PURE__ */ React73__namespace.default.createElement("div", null, /* @__PURE__ */ React73__namespace.default.createElement("p", { className: "text-3xl font-bold text-primary" }, result.score, " / ", result.maxScore), /* @__PURE__ */ React73__namespace.default.createElement("p", { className: "text-sm text-muted-foreground" }, t2("practiceFlow.results.points"))), /* @__PURE__ */ React73__namespace.default.createElement("div", null, /* @__PURE__ */ React73__namespace.default.createElement("p", { className: "text-3xl font-bold text-primary" }, result.percentage.toFixed(2), "%"), /* @__PURE__ */ React73__namespace.default.createElement("p", { className: "text-sm text-muted-foreground" }, t2("practiceFlow.results.percentage"))), /* @__PURE__ */ React73__namespace.default.createElement("div", null, result.passed !== void 0 && (result.passed ? /* @__PURE__ */ React73__namespace.default.createElement("div", { className: "flex flex-col items-center text-green-600" }, /* @__PURE__ */ React73__namespace.default.createElement(CircleCheckBig, { className: "h-10 w-10" }), /* @__PURE__ */ React73__namespace.default.createElement("p", { className: "text-xl font-semibold mt-1" }, t2("practiceFlow.results.passed"))) : /* @__PURE__ */ React73__namespace.default.createElement("div", { className: "flex flex-col items-center text-destructive" }, /* @__PURE__ */ React73__namespace.default.createElement(CircleX, { className: "h-10 w-10" }), /* @__PURE__ */ React73__namespace.default.createElement("p", { className: "text-xl font-semibold mt-1" }, t2("practiceFlow.results.failed"))))))), /* @__PURE__ */ React73__namespace.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4 text-sm" }, /* @__PURE__ */ React73__namespace.default.createElement("div", { className: "flex items-center space-x-2 p-3 bg-muted rounded-md" }, /* @__PURE__ */ React73__namespace.default.createElement(Clock, { className: "h-5 w-5 text-primary" }), /* @__PURE__ */ React73__namespace.default.createElement("span", null, t2("practiceFlow.results.timeSpent")), /* @__PURE__ */ React73__namespace.default.createElement("span", { className: "font-semibold" }, result.totalTimeSpentSeconds?.toFixed(0) ?? "N/A", " ", t2("practiceFlow.results.timeUnit"))), /* @__PURE__ */ React73__namespace.default.createElement("div", { className: "flex items-center space-x-2 p-3 bg-muted rounded-md" }, /* @__PURE__ */ React73__namespace.default.createElement(Percent, { className: "h-5 w-5 text-primary" }), /* @__PURE__ */ React73__namespace.default.createElement("span", null, t2("practiceFlow.results.avgTimePerQuestion")), /* @__PURE__ */ React73__namespace.default.createElement("span", { className: "font-semibold" }, result.averageTimePerQuestionSeconds?.toFixed(1) ?? "N/A", " ", t2("practiceFlow.results.timeUnit")))), result.scormStatus && result.scormStatus !== "idle" && result.scormStatus !== "no_api" && /* @__PURE__ */ React73__namespace.default.createElement(Card, null, /* @__PURE__ */ React73__namespace.default.createElement(CardHeader, null, /* @__PURE__ */ React73__namespace.default.createElement(CardTitle, { className: "text-lg" }, "SCORM Sync Status")), /* @__PURE__ */ React73__namespace.default.createElement(CardContent, null, /* @__PURE__ */ React73__namespace.default.createElement("p", { className: `flex items-center ${result.scormStatus === "error" ? "text-destructive" : "text-muted-foreground"}` }, result.scormStatus === "error" && /* @__PURE__ */ React73__namespace.default.createElement(TriangleAlert, { className: "mr-2 h-4 w-4" }), "Status: ", /* @__PURE__ */ React73__namespace.default.createElement("span", { className: "font-semibold ml-1" }, result.scormStatus)), result.scormError && /* @__PURE__ */ React73__namespace.default.createElement("p", { className: "text-xs text-destructive mt-1" }, "Details: ", result.scormError))), result.webhookStatus && result.webhookStatus !== "idle" && /* @__PURE__ */ React73__namespace.default.createElement(Card, null, /* @__PURE__ */ React73__namespace.default.createElement(CardHeader, null, /* @__PURE__ */ React73__namespace.default.createElement(CardTitle, { className: "text-lg" }, "Webhook Sync Status")), /* @__PURE__ */ React73__namespace.default.createElement(CardContent, null, /* @__PURE__ */ React73__namespace.default.createElement("p", { className: `flex items-center ${result.webhookStatus === "error" ? "text-destructive" : "text-muted-foreground"}` }, result.webhookStatus === "error" && /* @__PURE__ */ React73__namespace.default.createElement(TriangleAlert, { className: "mr-2 h-4 w-4" }), "Status: ", /* @__PURE__ */ React73__namespace.default.createElement("span", { className: "font-semibold ml-1" }, result.webhookStatus)), result.webhookError && /* @__PURE__ */ React73__namespace.default.createElement("p", { className: "text-xs text-destructive mt-1" }, "Details: ", result.webhookError))), /* @__PURE__ */ React73__namespace.default.createElement(Accordion2, { type: "single", collapsible: true, className: "w-full" }, /* @__PURE__ */ React73__namespace.default.createElement(AccordionItem2, { value: "question-breakdown" }, /* @__PURE__ */ React73__namespace.default.createElement(AccordionTrigger2, { className: "text-lg font-semibold" }, t2("practiceFlow.results.questionBreakdown")), /* @__PURE__ */ React73__namespace.default.createElement(AccordionContent2, null, /* @__PURE__ */ React73__namespace.default.createElement(ScrollArea2, { className: "h-[300px] pr-4" }, /* @__PURE__ */ React73__namespace.default.createElement("ul", { className: "space-y-4" }, result.questionResults.map((qResult, index3) => /* @__PURE__ */ React73__namespace.default.createElement("li", { key: qResult.questionId, className: "p-4 border rounded-md bg-background" }, /* @__PURE__ */ React73__namespace.default.createElement("div", { className: "flex justify-between items-center mb-2" }, /* @__PURE__ */ React73__namespace.default.createElement("h4", { className: "font-semibold" }, t2("common.questions", { count: index3 + 1 })), qResult.isCorrect ? /* @__PURE__ */ React73__namespace.default.createElement("span", { className: "text-green-600 font-medium flex items-center" }, /* @__PURE__ */ React73__namespace.default.createElement(CircleCheckBig, { className: "mr-1 h-4 w-4" }), " ", t2("practiceFlow.results.passed")) : /* @__PURE__ */ React73__namespace.default.createElement("span", { className: "text-destructive font-medium flex items-center" }, /* @__PURE__ */ React73__namespace.default.createElement(CircleX, { className: "mr-1 h-4 w-4" }), " ", t2("practiceFlow.results.failed"))), /* @__PURE__ */ React73__namespace.default.createElement("p", { className: "text-sm" }, /* @__PURE__ */ React73__namespace.default.createElement("span", { className: "font-medium" }, t2("practiceFlow.results.yourAnswer")), " ", getAnswerDisplay(qResult.userAnswer)), !qResult.isCorrect && /* @__PURE__ */ React73__namespace.default.createElement("p", { className: "text-sm" }, /* @__PURE__ */ React73__namespace.default.createElement("span", { className: "font-medium" }, t2("practiceFlow.results.correctAnswer")), " ", getAnswerDisplay(qResult.correctAnswer)), /* @__PURE__ */ React73__namespace.default.createElement("p", { className: "text-xs text-muted-foreground" }, /* @__PURE__ */ React73__namespace.default.createElement("span", { className: "font-medium" }, t2("practiceFlow.results.pointsEarned")), " ", qResult.pointsEarned), /* @__PURE__ */ React73__namespace.default.createElement("p", { className: "text-xs text-muted-foreground" }, /* @__PURE__ */ React73__namespace.default.createElement("span", { className: "font-medium" }, t2("practiceFlow.results.timeSpent")), " ", qResult.timeSpentSeconds?.toFixed(0) ?? "N/A", t2("practiceFlow.results.timeUnit")))))))))), /* @__PURE__ */ React73__namespace.default.createElement(CardFooter, { className: "flex flex-col sm:flex-row justify-between gap-2" }, onExitQuiz && /* @__PURE__ */ React73__namespace.default.createElement(Button, { variant: "outline", onClick: onExitQuiz, className: "w-full sm:w-auto" }, /* @__PURE__ */ React73__namespace.default.createElement(LogOut, { className: "mr-2 h-4 w-4" }), t2("common.exit")), showReviewButton && onGenerateReview && /* @__PURE__ */ React73__namespace.default.createElement(
+  return /* @__PURE__ */ React73__namespace.default.createElement(Card, { className: "w-full max-w-3xl mx-auto shadow-xl" }, /* @__PURE__ */ React73__namespace.default.createElement(CardHeader, null, /* @__PURE__ */ React73__namespace.default.createElement(CardTitle, { className: "text-3xl font-headline text-center" }, t2("practiceFlow.results.title", { quizTitle })), /* @__PURE__ */ React73__namespace.default.createElement(CardDescription, { className: "text-center text-lg" }, t2("practiceFlow.results.description"))), /* @__PURE__ */ React73__namespace.default.createElement(CardContent, { className: "space-y-6" }, /* @__PURE__ */ React73__namespace.default.createElement(Card, { className: "bg-secondary/50" }, /* @__PURE__ */ React73__namespace.default.createElement(CardHeader, null, /* @__PURE__ */ React73__namespace.default.createElement(CardTitle, { className: "text-xl flex items-center" }, /* @__PURE__ */ React73__namespace.default.createElement(BarChart2, { className: "mr-2 h-5 w-5 text-primary" }), t2("practiceFlow.results.overallScore"))), /* @__PURE__ */ React73__namespace.default.createElement(CardContent, { className: "grid grid-cols-1 md:grid-cols-3 gap-4 text-center" }, /* @__PURE__ */ React73__namespace.default.createElement("div", null, /* @__PURE__ */ React73__namespace.default.createElement("p", { className: "text-3xl font-bold text-primary" }, result.score, " / ", result.maxScore), /* @__PURE__ */ React73__namespace.default.createElement("p", { className: "text-sm text-muted-foreground" }, t2("practiceFlow.results.points"))), /* @__PURE__ */ React73__namespace.default.createElement("div", null, /* @__PURE__ */ React73__namespace.default.createElement("p", { className: "text-3xl font-bold text-primary" }, result.percentage.toFixed(2), "%"), /* @__PURE__ */ React73__namespace.default.createElement("p", { className: "text-sm text-muted-foreground" }, t2("practiceFlow.results.percentage"))), /* @__PURE__ */ React73__namespace.default.createElement("div", null, result.passed !== void 0 && (result.passed ? /* @__PURE__ */ React73__namespace.default.createElement("div", { className: "flex flex-col items-center text-green-600" }, /* @__PURE__ */ React73__namespace.default.createElement(CircleCheckBig, { className: "h-10 w-10" }), /* @__PURE__ */ React73__namespace.default.createElement("p", { className: "text-xl font-semibold mt-1" }, t2("practiceFlow.results.passed"))) : /* @__PURE__ */ React73__namespace.default.createElement("div", { className: "flex flex-col items-center text-destructive" }, /* @__PURE__ */ React73__namespace.default.createElement(CircleX, { className: "h-10 w-10" }), /* @__PURE__ */ React73__namespace.default.createElement("p", { className: "text-xl font-semibold mt-1" }, t2("practiceFlow.results.failed"))))))), /* @__PURE__ */ React73__namespace.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4 text-sm" }, /* @__PURE__ */ React73__namespace.default.createElement("div", { className: "flex items-center space-x-2 p-3 bg-muted rounded-md" }, /* @__PURE__ */ React73__namespace.default.createElement(Clock, { className: "h-5 w-5 text-primary" }), /* @__PURE__ */ React73__namespace.default.createElement("span", null, t2("practiceFlow.results.timeSpent")), /* @__PURE__ */ React73__namespace.default.createElement("span", { className: "font-semibold" }, result.totalTimeSpentSeconds?.toFixed(0) ?? "N/A", " ", t2("practiceFlow.results.timeUnit"))), /* @__PURE__ */ React73__namespace.default.createElement("div", { className: "flex items-center space-x-2 p-3 bg-muted rounded-md" }, /* @__PURE__ */ React73__namespace.default.createElement(Percent, { className: "h-5 w-5 text-primary" }), /* @__PURE__ */ React73__namespace.default.createElement("span", null, t2("practiceFlow.results.avgTimePerQuestion")), /* @__PURE__ */ React73__namespace.default.createElement("span", { className: "font-semibold" }, result.averageTimePerQuestionSeconds?.toFixed(1) ?? "N/A", " ", t2("practiceFlow.results.timeUnit")))), result.scormStatus && result.scormStatus !== "idle" && result.scormStatus !== "no_api" && /* @__PURE__ */ React73__namespace.default.createElement(Card, null, /* @__PURE__ */ React73__namespace.default.createElement(CardHeader, null, /* @__PURE__ */ React73__namespace.default.createElement(CardTitle, { className: "text-lg" }, "SCORM Sync Status")), /* @__PURE__ */ React73__namespace.default.createElement(CardContent, null, /* @__PURE__ */ React73__namespace.default.createElement("p", { className: `flex items-center ${result.scormStatus === "error" ? "text-destructive" : "text-muted-foreground"}` }, result.scormStatus === "error" && /* @__PURE__ */ React73__namespace.default.createElement(TriangleAlert, { className: "mr-2 h-4 w-4" }), "Status: ", /* @__PURE__ */ React73__namespace.default.createElement("span", { className: "font-semibold ml-1" }, result.scormStatus)), result.scormError && /* @__PURE__ */ React73__namespace.default.createElement("p", { className: "text-xs text-destructive mt-1" }, "Details: ", result.scormError))), result.webhookStatus && result.webhookStatus !== "idle" && /* @__PURE__ */ React73__namespace.default.createElement(Card, null, /* @__PURE__ */ React73__namespace.default.createElement(CardHeader, null, /* @__PURE__ */ React73__namespace.default.createElement(CardTitle, { className: "text-lg" }, "Webhook Sync Status")), /* @__PURE__ */ React73__namespace.default.createElement(CardContent, null, /* @__PURE__ */ React73__namespace.default.createElement("p", { className: `flex items-center ${result.webhookStatus === "error" ? "text-destructive" : "text-muted-foreground"}` }, result.webhookStatus === "error" && /* @__PURE__ */ React73__namespace.default.createElement(TriangleAlert, { className: "mr-2 h-4 w-4" }), "Status: ", /* @__PURE__ */ React73__namespace.default.createElement("span", { className: "font-semibold ml-1" }, result.webhookStatus)), result.webhookError && /* @__PURE__ */ React73__namespace.default.createElement("p", { className: "text-xs text-destructive mt-1" }, "Details: ", result.webhookError))), /* @__PURE__ */ React73__namespace.default.createElement(Accordion2, { type: "single", collapsible: true, className: "w-full" }, /* @__PURE__ */ React73__namespace.default.createElement(AccordionItem2, { value: "question-breakdown" }, /* @__PURE__ */ React73__namespace.default.createElement(AccordionTrigger2, { className: "text-lg font-semibold" }, t2("practiceFlow.results.questionBreakdown")), /* @__PURE__ */ React73__namespace.default.createElement(AccordionContent2, null, /* @__PURE__ */ React73__namespace.default.createElement(ScrollArea2, { className: "h-[300px] pr-4" }, /* @__PURE__ */ React73__namespace.default.createElement("ul", { className: "space-y-4" }, result.questionResults.map((qResult, index3) => /* @__PURE__ */ React73__namespace.default.createElement("li", { key: qResult.questionId, className: "p-4 border rounded-md bg-background" }, /* @__PURE__ */ React73__namespace.default.createElement("div", { className: "flex justify-between items-center mb-2" }, /* @__PURE__ */ React73__namespace.default.createElement("h4", { className: "font-semibold" }, t2("common.questions", { count: index3 + 1 })), qResult.isCorrect ? /* @__PURE__ */ React73__namespace.default.createElement("span", { className: "text-green-600 font-Medium flex items-center" }, /* @__PURE__ */ React73__namespace.default.createElement(CircleCheckBig, { className: "mr-1 h-4 w-4" }), " ", t2("practiceFlow.results.passed")) : /* @__PURE__ */ React73__namespace.default.createElement("span", { className: "text-destructive font-Medium flex items-center" }, /* @__PURE__ */ React73__namespace.default.createElement(CircleX, { className: "mr-1 h-4 w-4" }), " ", t2("practiceFlow.results.failed"))), /* @__PURE__ */ React73__namespace.default.createElement("p", { className: "text-sm" }, /* @__PURE__ */ React73__namespace.default.createElement("span", { className: "font-Medium" }, t2("practiceFlow.results.yourAnswer")), " ", getAnswerDisplay(qResult.userAnswer)), !qResult.isCorrect && /* @__PURE__ */ React73__namespace.default.createElement("p", { className: "text-sm" }, /* @__PURE__ */ React73__namespace.default.createElement("span", { className: "font-Medium" }, t2("practiceFlow.results.correctAnswer")), " ", getAnswerDisplay(qResult.correctAnswer)), /* @__PURE__ */ React73__namespace.default.createElement("p", { className: "text-xs text-muted-foreground" }, /* @__PURE__ */ React73__namespace.default.createElement("span", { className: "font-Medium" }, t2("practiceFlow.results.pointsEarned")), " ", qResult.pointsEarned), /* @__PURE__ */ React73__namespace.default.createElement("p", { className: "text-xs text-muted-foreground" }, /* @__PURE__ */ React73__namespace.default.createElement("span", { className: "font-Medium" }, t2("practiceFlow.results.timeSpent")), " ", qResult.timeSpentSeconds?.toFixed(0) ?? "N/A", t2("practiceFlow.results.timeUnit")))))))))), /* @__PURE__ */ React73__namespace.default.createElement(CardFooter, { className: "flex flex-col sm:flex-row justify-between gap-2" }, onExitQuiz && /* @__PURE__ */ React73__namespace.default.createElement(Button, { variant: "outline", onClick: onExitQuiz, className: "w-full sm:w-auto" }, /* @__PURE__ */ React73__namespace.default.createElement(LogOut, { className: "mr-2 h-4 w-4" }), t2("common.exit")), showReviewButton && onGenerateReview && /* @__PURE__ */ React73__namespace.default.createElement(
     Button,
     {
       onClick: onGenerateReview,

package/dist/player.d.cts

@@ -1,4 +1,4 @@
-import { s as QuizConfig } from './quiz-config-o4j2dfsu.cjs';
+import { s as QuizConfig } from './quiz-config-CwaP-pBs.cjs';
 
 /**
  * Hàm này là entry point duy nhất cho gói SCORM hoặc môi trường độc lập.

package/dist/player.d.ts

@@ -1,4 +1,4 @@
-import { s as QuizConfig } from './quiz-config-o4j2dfsu.js';
+import { s as QuizConfig } from './quiz-config-CwaP-pBs.js';
 
 /**
  * Hàm này là entry point duy nhất cho gói SCORM hoặc môi trường độc lập.

package/dist/player.mjs

@@ -6246,7 +6246,7 @@ var cva = (base3, config2) => (props) => {
 
 // src/react-ui/components/elements/label.tsx
 var labelVariants = cva(
-  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+  "text-sm font-Medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
 );
 var Label2 = React73.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React73.createElement(
   Root3,
@@ -31484,7 +31484,7 @@ var MarkdownRenderer = ({
         },
         h1: ({ node: node2, ...props }) => /* @__PURE__ */ React73__default.createElement("h1", { ...props, className: "text-3xl font-bold mb-6 mt-8 first:mt-0" }),
         h2: ({ node: node2, ...props }) => /* @__PURE__ */ React73__default.createElement("h2", { ...props, className: "text-2xl font-semibold mb-4 mt-6" }),
-        h3: ({ node: node2, ...props }) => /* @__PURE__ */ React73__default.createElement("h3", { ...props, className: "text-xl font-medium mb-3 mt-5" }),
+        h3: ({ node: node2, ...props }) => /* @__PURE__ */ React73__default.createElement("h3", { ...props, className: "text-xl font-Medium mb-3 mt-5" }),
         ul: ({ node: node2, ...props }) => /* @__PURE__ */ React73__default.createElement("ul", { ...props, className: "my-4 space-y-2 list-disc list-inside" }),
         ol: ({ node: node2, ...props }) => /* @__PURE__ */ React73__default.createElement("ol", { ...props, className: "my-4 space-y-2 list-decimal list-inside" }),
         p: ({ node: node2, ...props }) => /* @__PURE__ */ React73__default.createElement("p", { ...props, className: "mb-4 leading-7" }),
@@ -31958,7 +31958,7 @@ var Input = React73.forwardRef(
       {
         type,
         className: cn(
-          "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+          "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-Medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
           className
         ),
         ref,
@@ -32133,7 +32133,7 @@ init_react_shim();
 // src/react-ui/components/elements/button.tsx
 init_react_shim();
 var buttonVariants = cva(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-Medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
   {
     variants: {
       variant: {
@@ -37081,7 +37081,7 @@ var MatchingQuestionUI = ({
     if (showCorrectAnswer && selectedOptionId) {
       borderColor = isSelectionCorrect ? "border-green-500" : "border-destructive";
     }
-    return /* @__PURE__ */ React73__default.createElement("div", { key: promptItem.id, className: `p-3 border rounded-md ${borderColor} transition-colors bg-background` }, /* @__PURE__ */ React73__default.createElement(Label2, { htmlFor: `select-prompt-${promptItem.id}`, className: "font-medium text-base block mb-2 whitespace-normal" }, /* @__PURE__ */ React73__default.createElement(MarkdownRenderer, { content: promptItem.content })), /* @__PURE__ */ React73__default.createElement(
+    return /* @__PURE__ */ React73__default.createElement("div", { key: promptItem.id, className: `p-3 border rounded-md ${borderColor} transition-colors bg-background` }, /* @__PURE__ */ React73__default.createElement(Label2, { htmlFor: `select-prompt-${promptItem.id}`, className: "font-Medium text-base block mb-2 whitespace-normal" }, /* @__PURE__ */ React73__default.createElement(MarkdownRenderer, { content: promptItem.content })), /* @__PURE__ */ React73__default.createElement(
       Select2,
       {
         value: selectedOptionId,
@@ -37136,7 +37136,7 @@ var DragAndDropQuestionUI = ({
     } else {
       itemStyle += " border-muted";
     }
-    return /* @__PURE__ */ React73__default.createElement("div", { key: item.id, className: itemStyle }, /* @__PURE__ */ React73__default.createElement(Label2, { htmlFor: `select-draggable-${item.id}`, className: "font-medium text-base mb-2 sm:mb-0 sm:mr-4 flex-1" }, /* @__PURE__ */ React73__default.createElement(MarkdownRenderer, { content: item.content })), /* @__PURE__ */ React73__default.createElement("div", { className: "flex items-center space-x-2 w-full sm:w-auto" }, /* @__PURE__ */ React73__default.createElement(
+    return /* @__PURE__ */ React73__default.createElement("div", { key: item.id, className: itemStyle }, /* @__PURE__ */ React73__default.createElement(Label2, { htmlFor: `select-draggable-${item.id}`, className: "font-Medium text-base mb-2 sm:mb-0 sm:mr-4 flex-1" }, /* @__PURE__ */ React73__default.createElement(MarkdownRenderer, { content: item.content })), /* @__PURE__ */ React73__default.createElement("div", { className: "flex items-center space-x-2 w-full sm:w-auto" }, /* @__PURE__ */ React73__default.createElement(
       Select2,
       {
         value: selectedDropZoneId,
@@ -64152,7 +64152,7 @@ var TabsTrigger2 = React73.forwardRef(({ className, ...props }, ref) => /* @__PU
   {
     ref,
     className: cn(
-      "inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm",
+      "inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-Medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm",
       className
     ),
     ...props
@@ -64852,7 +64852,7 @@ var AccordionTrigger2 = React73.forwardRef(({ className, children, ...props }, r
   {
     ref,
     className: cn(
-      "flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",
+      "flex flex-1 items-center justify-between py-4 font-Medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",
       className
     ),
     ...props
@@ -65639,7 +65639,7 @@ var QuizResult = ({
     }
     return String(answer);
   };
-  return /* @__PURE__ */ React73__default.createElement(Card, { className: "w-full max-w-3xl mx-auto shadow-xl" }, /* @__PURE__ */ React73__default.createElement(CardHeader, null, /* @__PURE__ */ React73__default.createElement(CardTitle, { className: "text-3xl font-headline text-center" }, t2("practiceFlow.results.title", { quizTitle })), /* @__PURE__ */ React73__default.createElement(CardDescription, { className: "text-center text-lg" }, t2("practiceFlow.results.description"))), /* @__PURE__ */ React73__default.createElement(CardContent, { className: "space-y-6" }, /* @__PURE__ */ React73__default.createElement(Card, { className: "bg-secondary/50" }, /* @__PURE__ */ React73__default.createElement(CardHeader, null, /* @__PURE__ */ React73__default.createElement(CardTitle, { className: "text-xl flex items-center" }, /* @__PURE__ */ React73__default.createElement(BarChart2, { className: "mr-2 h-5 w-5 text-primary" }), t2("practiceFlow.results.overallScore"))), /* @__PURE__ */ React73__default.createElement(CardContent, { className: "grid grid-cols-1 md:grid-cols-3 gap-4 text-center" }, /* @__PURE__ */ React73__default.createElement("div", null, /* @__PURE__ */ React73__default.createElement("p", { className: "text-3xl font-bold text-primary" }, result.score, " / ", result.maxScore), /* @__PURE__ */ React73__default.createElement("p", { className: "text-sm text-muted-foreground" }, t2("practiceFlow.results.points"))), /* @__PURE__ */ React73__default.createElement("div", null, /* @__PURE__ */ React73__default.createElement("p", { className: "text-3xl font-bold text-primary" }, result.percentage.toFixed(2), "%"), /* @__PURE__ */ React73__default.createElement("p", { className: "text-sm text-muted-foreground" }, t2("practiceFlow.results.percentage"))), /* @__PURE__ */ React73__default.createElement("div", null, result.passed !== void 0 && (result.passed ? /* @__PURE__ */ React73__default.createElement("div", { className: "flex flex-col items-center text-green-600" }, /* @__PURE__ */ React73__default.createElement(CircleCheckBig, { className: "h-10 w-10" }), /* @__PURE__ */ React73__default.createElement("p", { className: "text-xl font-semibold mt-1" }, t2("practiceFlow.results.passed"))) : /* @__PURE__ */ React73__default.createElement("div", { className: "flex flex-col items-center text-destructive" }, /* @__PURE__ */ React73__default.createElement(CircleX, { className: "h-10 w-10" }), /* @__PURE__ */ React73__default.createElement("p", { className: "text-xl font-semibold mt-1" }, t2("practiceFlow.results.failed"))))))), /* @__PURE__ */ React73__default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4 text-sm" }, /* @__PURE__ */ React73__default.createElement("div", { className: "flex items-center space-x-2 p-3 bg-muted rounded-md" }, /* @__PURE__ */ React73__default.createElement(Clock, { className: "h-5 w-5 text-primary" }), /* @__PURE__ */ React73__default.createElement("span", null, t2("practiceFlow.results.timeSpent")), /* @__PURE__ */ React73__default.createElement("span", { className: "font-semibold" }, result.totalTimeSpentSeconds?.toFixed(0) ?? "N/A", " ", t2("practiceFlow.results.timeUnit"))), /* @__PURE__ */ React73__default.createElement("div", { className: "flex items-center space-x-2 p-3 bg-muted rounded-md" }, /* @__PURE__ */ React73__default.createElement(Percent, { className: "h-5 w-5 text-primary" }), /* @__PURE__ */ React73__default.createElement("span", null, t2("practiceFlow.results.avgTimePerQuestion")), /* @__PURE__ */ React73__default.createElement("span", { className: "font-semibold" }, result.averageTimePerQuestionSeconds?.toFixed(1) ?? "N/A", " ", t2("practiceFlow.results.timeUnit")))), result.scormStatus && result.scormStatus !== "idle" && result.scormStatus !== "no_api" && /* @__PURE__ */ React73__default.createElement(Card, null, /* @__PURE__ */ React73__default.createElement(CardHeader, null, /* @__PURE__ */ React73__default.createElement(CardTitle, { className: "text-lg" }, "SCORM Sync Status")), /* @__PURE__ */ React73__default.createElement(CardContent, null, /* @__PURE__ */ React73__default.createElement("p", { className: `flex items-center ${result.scormStatus === "error" ? "text-destructive" : "text-muted-foreground"}` }, result.scormStatus === "error" && /* @__PURE__ */ React73__default.createElement(TriangleAlert, { className: "mr-2 h-4 w-4" }), "Status: ", /* @__PURE__ */ React73__default.createElement("span", { className: "font-semibold ml-1" }, result.scormStatus)), result.scormError && /* @__PURE__ */ React73__default.createElement("p", { className: "text-xs text-destructive mt-1" }, "Details: ", result.scormError))), result.webhookStatus && result.webhookStatus !== "idle" && /* @__PURE__ */ React73__default.createElement(Card, null, /* @__PURE__ */ React73__default.createElement(CardHeader, null, /* @__PURE__ */ React73__default.createElement(CardTitle, { className: "text-lg" }, "Webhook Sync Status")), /* @__PURE__ */ React73__default.createElement(CardContent, null, /* @__PURE__ */ React73__default.createElement("p", { className: `flex items-center ${result.webhookStatus === "error" ? "text-destructive" : "text-muted-foreground"}` }, result.webhookStatus === "error" && /* @__PURE__ */ React73__default.createElement(TriangleAlert, { className: "mr-2 h-4 w-4" }), "Status: ", /* @__PURE__ */ React73__default.createElement("span", { className: "font-semibold ml-1" }, result.webhookStatus)), result.webhookError && /* @__PURE__ */ React73__default.createElement("p", { className: "text-xs text-destructive mt-1" }, "Details: ", result.webhookError))), /* @__PURE__ */ React73__default.createElement(Accordion2, { type: "single", collapsible: true, className: "w-full" }, /* @__PURE__ */ React73__default.createElement(AccordionItem2, { value: "question-breakdown" }, /* @__PURE__ */ React73__default.createElement(AccordionTrigger2, { className: "text-lg font-semibold" }, t2("practiceFlow.results.questionBreakdown")), /* @__PURE__ */ React73__default.createElement(AccordionContent2, null, /* @__PURE__ */ React73__default.createElement(ScrollArea2, { className: "h-[300px] pr-4" }, /* @__PURE__ */ React73__default.createElement("ul", { className: "space-y-4" }, result.questionResults.map((qResult, index3) => /* @__PURE__ */ React73__default.createElement("li", { key: qResult.questionId, className: "p-4 border rounded-md bg-background" }, /* @__PURE__ */ React73__default.createElement("div", { className: "flex justify-between items-center mb-2" }, /* @__PURE__ */ React73__default.createElement("h4", { className: "font-semibold" }, t2("common.questions", { count: index3 + 1 })), qResult.isCorrect ? /* @__PURE__ */ React73__default.createElement("span", { className: "text-green-600 font-medium flex items-center" }, /* @__PURE__ */ React73__default.createElement(CircleCheckBig, { className: "mr-1 h-4 w-4" }), " ", t2("practiceFlow.results.passed")) : /* @__PURE__ */ React73__default.createElement("span", { className: "text-destructive font-medium flex items-center" }, /* @__PURE__ */ React73__default.createElement(CircleX, { className: "mr-1 h-4 w-4" }), " ", t2("practiceFlow.results.failed"))), /* @__PURE__ */ React73__default.createElement("p", { className: "text-sm" }, /* @__PURE__ */ React73__default.createElement("span", { className: "font-medium" }, t2("practiceFlow.results.yourAnswer")), " ", getAnswerDisplay(qResult.userAnswer)), !qResult.isCorrect && /* @__PURE__ */ React73__default.createElement("p", { className: "text-sm" }, /* @__PURE__ */ React73__default.createElement("span", { className: "font-medium" }, t2("practiceFlow.results.correctAnswer")), " ", getAnswerDisplay(qResult.correctAnswer)), /* @__PURE__ */ React73__default.createElement("p", { className: "text-xs text-muted-foreground" }, /* @__PURE__ */ React73__default.createElement("span", { className: "font-medium" }, t2("practiceFlow.results.pointsEarned")), " ", qResult.pointsEarned), /* @__PURE__ */ React73__default.createElement("p", { className: "text-xs text-muted-foreground" }, /* @__PURE__ */ React73__default.createElement("span", { className: "font-medium" }, t2("practiceFlow.results.timeSpent")), " ", qResult.timeSpentSeconds?.toFixed(0) ?? "N/A", t2("practiceFlow.results.timeUnit")))))))))), /* @__PURE__ */ React73__default.createElement(CardFooter, { className: "flex flex-col sm:flex-row justify-between gap-2" }, onExitQuiz && /* @__PURE__ */ React73__default.createElement(Button, { variant: "outline", onClick: onExitQuiz, className: "w-full sm:w-auto" }, /* @__PURE__ */ React73__default.createElement(LogOut, { className: "mr-2 h-4 w-4" }), t2("common.exit")), showReviewButton && onGenerateReview && /* @__PURE__ */ React73__default.createElement(
+  return /* @__PURE__ */ React73__default.createElement(Card, { className: "w-full max-w-3xl mx-auto shadow-xl" }, /* @__PURE__ */ React73__default.createElement(CardHeader, null, /* @__PURE__ */ React73__default.createElement(CardTitle, { className: "text-3xl font-headline text-center" }, t2("practiceFlow.results.title", { quizTitle })), /* @__PURE__ */ React73__default.createElement(CardDescription, { className: "text-center text-lg" }, t2("practiceFlow.results.description"))), /* @__PURE__ */ React73__default.createElement(CardContent, { className: "space-y-6" }, /* @__PURE__ */ React73__default.createElement(Card, { className: "bg-secondary/50" }, /* @__PURE__ */ React73__default.createElement(CardHeader, null, /* @__PURE__ */ React73__default.createElement(CardTitle, { className: "text-xl flex items-center" }, /* @__PURE__ */ React73__default.createElement(BarChart2, { className: "mr-2 h-5 w-5 text-primary" }), t2("practiceFlow.results.overallScore"))), /* @__PURE__ */ React73__default.createElement(CardContent, { className: "grid grid-cols-1 md:grid-cols-3 gap-4 text-center" }, /* @__PURE__ */ React73__default.createElement("div", null, /* @__PURE__ */ React73__default.createElement("p", { className: "text-3xl font-bold text-primary" }, result.score, " / ", result.maxScore), /* @__PURE__ */ React73__default.createElement("p", { className: "text-sm text-muted-foreground" }, t2("practiceFlow.results.points"))), /* @__PURE__ */ React73__default.createElement("div", null, /* @__PURE__ */ React73__default.createElement("p", { className: "text-3xl font-bold text-primary" }, result.percentage.toFixed(2), "%"), /* @__PURE__ */ React73__default.createElement("p", { className: "text-sm text-muted-foreground" }, t2("practiceFlow.results.percentage"))), /* @__PURE__ */ React73__default.createElement("div", null, result.passed !== void 0 && (result.passed ? /* @__PURE__ */ React73__default.createElement("div", { className: "flex flex-col items-center text-green-600" }, /* @__PURE__ */ React73__default.createElement(CircleCheckBig, { className: "h-10 w-10" }), /* @__PURE__ */ React73__default.createElement("p", { className: "text-xl font-semibold mt-1" }, t2("practiceFlow.results.passed"))) : /* @__PURE__ */ React73__default.createElement("div", { className: "flex flex-col items-center text-destructive" }, /* @__PURE__ */ React73__default.createElement(CircleX, { className: "h-10 w-10" }), /* @__PURE__ */ React73__default.createElement("p", { className: "text-xl font-semibold mt-1" }, t2("practiceFlow.results.failed"))))))), /* @__PURE__ */ React73__default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4 text-sm" }, /* @__PURE__ */ React73__default.createElement("div", { className: "flex items-center space-x-2 p-3 bg-muted rounded-md" }, /* @__PURE__ */ React73__default.createElement(Clock, { className: "h-5 w-5 text-primary" }), /* @__PURE__ */ React73__default.createElement("span", null, t2("practiceFlow.results.timeSpent")), /* @__PURE__ */ React73__default.createElement("span", { className: "font-semibold" }, result.totalTimeSpentSeconds?.toFixed(0) ?? "N/A", " ", t2("practiceFlow.results.timeUnit"))), /* @__PURE__ */ React73__default.createElement("div", { className: "flex items-center space-x-2 p-3 bg-muted rounded-md" }, /* @__PURE__ */ React73__default.createElement(Percent, { className: "h-5 w-5 text-primary" }), /* @__PURE__ */ React73__default.createElement("span", null, t2("practiceFlow.results.avgTimePerQuestion")), /* @__PURE__ */ React73__default.createElement("span", { className: "font-semibold" }, result.averageTimePerQuestionSeconds?.toFixed(1) ?? "N/A", " ", t2("practiceFlow.results.timeUnit")))), result.scormStatus && result.scormStatus !== "idle" && result.scormStatus !== "no_api" && /* @__PURE__ */ React73__default.createElement(Card, null, /* @__PURE__ */ React73__default.createElement(CardHeader, null, /* @__PURE__ */ React73__default.createElement(CardTitle, { className: "text-lg" }, "SCORM Sync Status")), /* @__PURE__ */ React73__default.createElement(CardContent, null, /* @__PURE__ */ React73__default.createElement("p", { className: `flex items-center ${result.scormStatus === "error" ? "text-destructive" : "text-muted-foreground"}` }, result.scormStatus === "error" && /* @__PURE__ */ React73__default.createElement(TriangleAlert, { className: "mr-2 h-4 w-4" }), "Status: ", /* @__PURE__ */ React73__default.createElement("span", { className: "font-semibold ml-1" }, result.scormStatus)), result.scormError && /* @__PURE__ */ React73__default.createElement("p", { className: "text-xs text-destructive mt-1" }, "Details: ", result.scormError))), result.webhookStatus && result.webhookStatus !== "idle" && /* @__PURE__ */ React73__default.createElement(Card, null, /* @__PURE__ */ React73__default.createElement(CardHeader, null, /* @__PURE__ */ React73__default.createElement(CardTitle, { className: "text-lg" }, "Webhook Sync Status")), /* @__PURE__ */ React73__default.createElement(CardContent, null, /* @__PURE__ */ React73__default.createElement("p", { className: `flex items-center ${result.webhookStatus === "error" ? "text-destructive" : "text-muted-foreground"}` }, result.webhookStatus === "error" && /* @__PURE__ */ React73__default.createElement(TriangleAlert, { className: "mr-2 h-4 w-4" }), "Status: ", /* @__PURE__ */ React73__default.createElement("span", { className: "font-semibold ml-1" }, result.webhookStatus)), result.webhookError && /* @__PURE__ */ React73__default.createElement("p", { className: "text-xs text-destructive mt-1" }, "Details: ", result.webhookError))), /* @__PURE__ */ React73__default.createElement(Accordion2, { type: "single", collapsible: true, className: "w-full" }, /* @__PURE__ */ React73__default.createElement(AccordionItem2, { value: "question-breakdown" }, /* @__PURE__ */ React73__default.createElement(AccordionTrigger2, { className: "text-lg font-semibold" }, t2("practiceFlow.results.questionBreakdown")), /* @__PURE__ */ React73__default.createElement(AccordionContent2, null, /* @__PURE__ */ React73__default.createElement(ScrollArea2, { className: "h-[300px] pr-4" }, /* @__PURE__ */ React73__default.createElement("ul", { className: "space-y-4" }, result.questionResults.map((qResult, index3) => /* @__PURE__ */ React73__default.createElement("li", { key: qResult.questionId, className: "p-4 border rounded-md bg-background" }, /* @__PURE__ */ React73__default.createElement("div", { className: "flex justify-between items-center mb-2" }, /* @__PURE__ */ React73__default.createElement("h4", { className: "font-semibold" }, t2("common.questions", { count: index3 + 1 })), qResult.isCorrect ? /* @__PURE__ */ React73__default.createElement("span", { className: "text-green-600 font-Medium flex items-center" }, /* @__PURE__ */ React73__default.createElement(CircleCheckBig, { className: "mr-1 h-4 w-4" }), " ", t2("practiceFlow.results.passed")) : /* @__PURE__ */ React73__default.createElement("span", { className: "text-destructive font-Medium flex items-center" }, /* @__PURE__ */ React73__default.createElement(CircleX, { className: "mr-1 h-4 w-4" }), " ", t2("practiceFlow.results.failed"))), /* @__PURE__ */ React73__default.createElement("p", { className: "text-sm" }, /* @__PURE__ */ React73__default.createElement("span", { className: "font-Medium" }, t2("practiceFlow.results.yourAnswer")), " ", getAnswerDisplay(qResult.userAnswer)), !qResult.isCorrect && /* @__PURE__ */ React73__default.createElement("p", { className: "text-sm" }, /* @__PURE__ */ React73__default.createElement("span", { className: "font-Medium" }, t2("practiceFlow.results.correctAnswer")), " ", getAnswerDisplay(qResult.correctAnswer)), /* @__PURE__ */ React73__default.createElement("p", { className: "text-xs text-muted-foreground" }, /* @__PURE__ */ React73__default.createElement("span", { className: "font-Medium" }, t2("practiceFlow.results.pointsEarned")), " ", qResult.pointsEarned), /* @__PURE__ */ React73__default.createElement("p", { className: "text-xs text-muted-foreground" }, /* @__PURE__ */ React73__default.createElement("span", { className: "font-Medium" }, t2("practiceFlow.results.timeSpent")), " ", qResult.timeSpentSeconds?.toFixed(0) ?? "N/A", t2("practiceFlow.results.timeUnit")))))))))), /* @__PURE__ */ React73__default.createElement(CardFooter, { className: "flex flex-col sm:flex-row justify-between gap-2" }, onExitQuiz && /* @__PURE__ */ React73__default.createElement(Button, { variant: "outline", onClick: onExitQuiz, className: "w-full sm:w-auto" }, /* @__PURE__ */ React73__default.createElement(LogOut, { className: "mr-2 h-4 w-4" }), t2("common.exit")), showReviewButton && onGenerateReview && /* @__PURE__ */ React73__default.createElement(
     Button,
     {
       onClick: onGenerateReview,

package/dist/{quiz-config-o4j2dfsu.d.cts → quiz-config-CwaP-pBs.d.cts}

@@ -12,7 +12,7 @@ interface BaseQuestion {
     learningObjective?: string;
     glossary?: string[];
     bloomLevel?: string;
-    difficulty?: 'easy' | 'medium' | 'hard';
+    difficulty?: 'Easy' | 'Medium' | 'Hard';
     contextCode?: string;
     gradeBand?: string;
     course?: string;

package/dist/{quiz-config-o4j2dfsu.d.ts → quiz-config-CwaP-pBs.d.ts}

@@ -12,7 +12,7 @@ interface BaseQuestion {
     learningObjective?: string;
     glossary?: string[];
     bloomLevel?: string;
-    difficulty?: 'easy' | 'medium' | 'hard';
+    difficulty?: 'Easy' | 'Medium' | 'Hard';
     contextCode?: string;
     gradeBand?: string;
     course?: string;