@cuemath/leap 3.5.48-gg1 → 3.5.48-j2

package/dist/features/milestone/milestone-tests/tests-creation/tests-creation.js

@@ -1,133 +1,190 @@
-import { jsx as l, jsxs as W } from "react/jsx-runtime";
-import { memo as G, useState as P, useCallback as i, useEffect as E } from "react";
-import U from "../../../ui/buttons/button/button.js";
-import X from "../../../ui/layout/flex-view.js";
-import q from "../../../ui/loader/app-loader/app-loader.js";
-import z from "../../../ui/text/text.js";
-import { useMilestoneGet as B } from "../../edit/comps/edit-milestone-modal/api/get-milestone.js";
-import { usePostTestHelpPreview as Y } from "./api/preview-test-sheet.js";
-import { usePostTestSheetAssign as J } from "./api/test-sheet-assign.js";
-import K from "./test-stages/chapter-selection/chapter-selection.js";
-import Q from "./test-stages/difficulty-and-duration-selection/difficulty-and-duration-selection.js";
-import Z from "./test-stages/test-preview/test-preview.js";
-const ee = {
+import { jsx as f, jsxs as B } from "react/jsx-runtime";
+import { memo as Y, useState as E, useCallback as o, useEffect as T } from "react";
+import J from "../../../ui/buttons/button/button.js";
+import K from "../../../ui/layout/flex-view.js";
+import Q from "../../../ui/loader/app-loader/app-loader.js";
+import Z from "../../../ui/text/text.js";
+import { useMilestoneGet as ee } from "../../edit/comps/edit-milestone-modal/api/get-milestone.js";
+import { usePostTestHelpPreview as te } from "./api/preview-test-sheet.js";
+import { usePostTestSheetAssign as se } from "./api/test-sheet-assign.js";
+import ie from "./test-stages/chapter-selection/chapter-selection.js";
+import ne from "./test-stages/difficulty-and-duration-selection/difficulty-and-duration-selection.js";
+import re from "./test-stages/test-preview/test-preview.js";
+import { ETestsStage as p } from "./tests-creation-types.js";
+const oe = {
   selectedChapters: null,
   difficultyLevel: null,
   title: null,
   duration: null,
   chapters: null
-}, te = G(function(y) {
-  const { milestoneId: s, studentId: O, testNumber: D, onTestAssign: C, onExit: L, onError: c } = y, [_, x] = P("CHAPTER_SELECTION"), [o, f] = P(ee), [h, v] = P([]), m = i((e) => {
-    x(e);
-  }, []), F = i(
-    (e, t) => {
-      (e || !(t != null && t.length)) && (m("CHAPTER_SELECTION"), f((n) => {
-        const { chapters: r, selectedChapters: u } = n, V = r == null ? void 0 : r.map((T) => u != null && u.includes(T.id) ? {
-          ...T,
+}, le = Y(function(R) {
+  const {
+    milestoneId: l,
+    studentId: $,
+    testNumber: b,
+    userType: v = "TEACHER",
+    state: e,
+    onStateChange: s,
+    onTestAssign: _,
+    onExit: M,
+    onError: h
+  } = R, [u, g] = E(
+    (e == null ? void 0 : e.testStage) ?? p.CHAPTER_SELECTION
+  ), [n, d] = E(
+    (e == null ? void 0 : e.testFormData) ?? oe
+  ), [r, A] = E(
+    (e == null ? void 0 : e.testPreviewItems) ?? []
+  ), F = o(
+    (t) => {
+      g(t), s == null || s({ testStage: t, testFormData: n, testPreviewItems: r });
+    },
+    [n, r, s]
+  ), x = o(
+    (t, i) => {
+      (t || !(i != null && i.length)) && (d((m) => {
+        const { chapters: a, selectedChapters: c } = m, z = a == null ? void 0 : a.map((D) => c != null && c.includes(D.id) ? {
+          ...D,
           item_bank_enabled: !1
-        } : T);
-        return {
-          ...n,
-          chapters: V ?? null,
+        } : D), N = {
+          ...m,
+          chapters: z ?? null,
           selectedChapters: null,
           difficultyLevel: null,
           duration: null
         };
-      }), c(
+        return s == null || s({
+          testStage: p.CHAPTER_SELECTION,
+          testFormData: N,
+          testPreviewItems: []
+        }), N;
+      }), g(p.CHAPTER_SELECTION), h(
         "We're experiencing a temporary limitation with the chapters you've selected. Please select alternative chapters and proceed."
-      )), e ? c(e) : t && v(t);
+      )), t ? h(t) : i && (A(i), s == null || s({ testStage: u, testFormData: n, testPreviewItems: i }));
     },
-    [c, v, m]
-  ), H = i(
-    (e) => {
-      e ? c(e) : C();
+    [h, u, n, s]
+  ), j = o(
+    (t) => {
+      t ? h(t) : _();
     },
-    [c, C]
+    [h, _]
   ), {
-    get: I,
-    data: N,
-    isProcessing: $,
-    isProcessingFailed: b,
-    error: p
-  } = B(s, {
+    get: O,
+    data: k,
+    isProcessing: V,
+    isProcessingFailed: W,
+    error: I
+  } = ee(l, {
     with_sheets: !0
-  }), { post: A, isProcessing: M } = Y({
-    onComplete: F
-  }), { post: S, isProcessing: R } = J({
-    onComplete: H
-  }), { user_milestone_plan: j } = N || {}, { user_chapters: a } = j || {}, w = i(
-    (e) => {
-      A(e);
+  }), { post: y, isProcessing: G } = te({
+    onComplete: x
+  }), { post: S, isProcessing: U } = se({
+    onComplete: j
+  }), { user_milestone_plan: X } = k || {}, { user_chapters: P } = X || {}, L = o(
+    (t) => {
+      y(t);
     },
-    [A]
-  ), d = i(() => {
-    I(s, {
+    [y]
+  ), w = o(() => {
+    O(l, {
       with_sheets: !0
     });
-  }, [I, s]), k = i(() => {
-    const { duration: e, difficultyLevel: t, selectedChapters: n } = o;
-    e && t && n && S(
+  }, [O, l]), q = o(() => {
+    const { duration: t, difficultyLevel: i, selectedChapters: m } = n;
+    t && i && m && S(
       {
-        items: h,
+        items: r,
         node_params: {
           is_timed: !0,
-          sheet_time: e * 60,
-          difficulty_level: t
+          sheet_time: t * 60,
+          difficulty_level: i
         }
       },
       {
-        userMilestoneId: s
+        userMilestoneId: l
       }
     );
-  }, [S, o, s, h]), g = i(
-    (e, t) => {
-      if (m(e), t) {
-        const { difficultyLevel: n, duration: r } = t;
-        f((u) => ({ ...u, ...t })), e === "PREVIEW" && n && r && w({
-          difficulty_level: n,
-          duration: r,
-          user_chapter_ids: o.selectedChapters || []
+  }, [S, n, l, r]), H = o(
+    (t) => {
+      d(t), s == null || s({ testStage: u, testFormData: t, testPreviewItems: r });
+    },
+    [u, r, s]
+  ), C = o(
+    (t, i) => {
+      if (i) {
+        const { difficultyLevel: m, duration: a } = i, c = { ...n, ...i };
+        d(c), g(t), s == null || s({ testStage: t, testFormData: c, testPreviewItems: r }), t === p.PREVIEW && m && a && L({
+          difficulty_level: m,
+          duration: a,
+          user_chapter_ids: c.selectedChapters || []
         });
-      }
+      } else
+        F(t);
     },
-    [m, w, o]
+    [
+      F,
+      L,
+      n,
+      r,
+      s
+    ]
   );
-  return E(() => {
-    s && d();
-  }, [s, d]), E(() => {
-    a && a.length > 0 && f((e) => ({ ...e, chapters: a }));
-  }, [a]), $ || M ? /* @__PURE__ */ l(q, { height: "100vh" }) : b ? /* @__PURE__ */ W(X, { $height: "100vh", $flexGapX: 1.5, $alignItems: "center", $justifyContent: "center", children: [
-    /* @__PURE__ */ l(z, { $renderAs: "h6", children: (p == null ? void 0 : p.message) || "Oops! Something went wrong." }),
-    /* @__PURE__ */ l(
-      U,
+  return T(() => {
+    l && w();
+  }, [l, w]), T(() => {
+    P && P.length > 0 && d((t) => ({ ...t, chapters: P }));
+  }, [P]), T(() => {
+    (e == null ? void 0 : e.testStage) !== void 0 && g(e.testStage);
+  }, [e == null ? void 0 : e.testStage]), T(() => {
+    (e == null ? void 0 : e.testFormData) !== void 0 && d((t) => ({
+      ...t,
+      ...e.testFormData
+    }));
+  }, [e == null ? void 0 : e.testFormData]), T(() => {
+    (e == null ? void 0 : e.testPreviewItems) !== void 0 && A(e.testPreviewItems);
+  }, [e == null ? void 0 : e.testPreviewItems]), V || G ? /* @__PURE__ */ f(Q, { height: "100vh" }) : W ? /* @__PURE__ */ B(K, { $height: "100vh", $flexGapX: 1.5, $alignItems: "center", $justifyContent: "center", children: [
+    /* @__PURE__ */ f(Z, { $renderAs: "h6", children: (I == null ? void 0 : I.message) || "Oops! Something went wrong." }),
+    /* @__PURE__ */ f(
+      J,
       {
         widthX: 14,
         size: "small",
         shape: "square",
         renderAs: "primary",
         label: "Try again",
-        onClick: d
+        onClick: w
       }
     )
-  ] }) : a ? _ === "PREVIEW" ? /* @__PURE__ */ l(
-    Z,
+  ] }) : P ? u === p.PREVIEW ? /* @__PURE__ */ f(
+    re,
+    {
+      studentId: $,
+      items: r,
+      testNumber: b,
+      isAssignInProgress: U,
+      onTestStageChange: C,
+      onTestSheetAssign: q,
+      userType: v
+    }
+  ) : u === p.DIFFICULTY_AND_DURATION_SELECTION ? /* @__PURE__ */ f(
+    ne,
     {
-      studentId: O,
-      items: h,
-      testNumber: D,
-      isAssignInProgress: R,
-      onTestStageChange: g,
-      onTestSheetAssign: k
+      testFormData: n,
+      userType: v,
+      onTestStageChange: C,
+      onFormDataChange: H
     }
-  ) : _ === "DIFFICULTY_AND_DURATION_SELECTION" ? /* @__PURE__ */ l(
-    Q,
+  ) : /* @__PURE__ */ f(
+    ie,
     {
-      testFormData: o,
-      onTestStageChange: g
+      testFormData: n,
+      userType: v,
+      onProceed: C,
+      onExit: M,
+      onFormDataChange: H
     }
-  ) : /* @__PURE__ */ l(K, { testFormData: o, onProceed: g, onExit: L }) : null;
-}), de = te;
+  ) : null;
+}), Ce = le;
 export {
-  de as default
+  Ce as default
 };
 //# sourceMappingURL=tests-creation.js.map

package/dist/features/milestone/milestone-tests/tests-creation/tests-creation.js.map

@@ -1 +1 @@
-{"version":3,"file":"tests-creation.js","sources":["../../../../../src/features/milestone/milestone-tests/tests-creation/tests-creation.tsx"],"sourcesContent":["import { type FC, memo, useCallback, useEffect, useState } from 'react';\n\nimport Button from '../../../ui/buttons/button/button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport Text from '../../../ui/text/text';\nimport { useMilestoneGet } from '../../edit/comps/edit-milestone-modal/api/get-milestone';\nimport {\n  usePostTestHelpPreview,\n  type ITestHelpPreviewPayload,\n  type ITestHelpPreviewResponse,\n} from './api/preview-test-sheet';\nimport { usePostTestSheetAssign } from './api/test-sheet-assign';\nimport ChapterSelection from './test-stages/chapter-selection/chapter-selection';\nimport DifficultyAndDurationSelection from './test-stages/difficulty-and-duration-selection/difficulty-and-duration-selection';\nimport TestPreview from './test-stages/test-preview/test-preview';\nimport type { ITestFromData, ITestsCreationProps, TTestsStage } from './tests-creation-types';\n\nconst initFormData: ITestFromData = {\n  selectedChapters: null,\n  difficultyLevel: null,\n  title: null,\n  duration: null,\n  chapters: null,\n};\n\nconst TestsCreation: FC<ITestsCreationProps> = memo(function TestsCreation(props) {\n  const { milestoneId, studentId, testNumber, onTestAssign, onExit, onError } = props;\n\n  const [testStage, setTestStage] = useState<TTestsStage>('CHAPTER_SELECTION');\n  const [testFormData, setTestFromData] = useState<ITestFromData>(initFormData);\n  const [testPreviewItems, setTestPreviewItems] = useState<ITestHelpPreviewResponse[]>([]);\n\n  const handleOnTestStageChange = useCallback((nextStage: TTestsStage) => {\n    setTestStage(nextStage);\n  }, []);\n\n  const handleOnTestHelpPreviewComplete = useCallback(\n    (errorMessage: string | null, data?: ITestHelpPreviewResponse[]) => {\n      if (errorMessage || !data?.length) {\n        handleOnTestStageChange('CHAPTER_SELECTION');\n\n        setTestFromData(prev => {\n          const { chapters, selectedChapters } = prev;\n\n          const updatedChapters = chapters?.map(chapter => {\n            if (selectedChapters?.includes(chapter.id)) {\n              return {\n                ...chapter,\n                item_bank_enabled: false,\n              };\n            }\n\n            return chapter;\n          });\n\n          return {\n            ...prev,\n            chapters: updatedChapters ?? null,\n            selectedChapters: null,\n            difficultyLevel: null,\n            duration: null,\n          };\n        });\n\n        onError(\n          `We're experiencing a temporary limitation with the chapters you've selected. Please select alternative chapters and proceed.`,\n        );\n      }\n\n      if (errorMessage) {\n        onError(errorMessage);\n      } else if (data) {\n        setTestPreviewItems(data);\n      }\n    },\n    [onError, setTestPreviewItems, handleOnTestStageChange],\n  );\n\n  const handleOnTestSheetAssignComplete = useCallback(\n    (errorMessage: string | null) => {\n      if (errorMessage) {\n        onError(errorMessage);\n      } else {\n        onTestAssign();\n      }\n    },\n    [onError, onTestAssign],\n  );\n\n  const {\n    get: getMilestone,\n    data: currentMilestoneData,\n    isProcessing: isMilestoneProcessing,\n    isProcessingFailed: isMilestoneProcessingFailed,\n    error: milestoneGetError,\n  } = useMilestoneGet(milestoneId, {\n    with_sheets: true,\n  });\n\n  const { post: postTestHelpPreview, isProcessing: testPreviewIsProcessing } =\n    usePostTestHelpPreview({\n      onComplete: handleOnTestHelpPreviewComplete,\n    });\n\n  const { post: postTestSheetAssign, isProcessing: testAssignIsProcessing } =\n    usePostTestSheetAssign({\n      onComplete: handleOnTestSheetAssignComplete,\n    });\n\n  const { user_milestone_plan: userMilestonePlan } = currentMilestoneData || {};\n  const { user_chapters: userChapters } = userMilestonePlan || {};\n\n  const handleOnPostTestHelpPreview = useCallback(\n    (data: ITestHelpPreviewPayload) => {\n      postTestHelpPreview(data);\n    },\n    [postTestHelpPreview],\n  );\n\n  const handleOnGetMilestone = useCallback(() => {\n    getMilestone(milestoneId, {\n      with_sheets: true,\n    });\n  }, [getMilestone, milestoneId]);\n\n  const handleOnTestSheetAssign = useCallback(() => {\n    const { duration, difficultyLevel, selectedChapters } = testFormData;\n\n    if (duration && difficultyLevel && selectedChapters) {\n      postTestSheetAssign(\n        {\n          items: testPreviewItems,\n          node_params: {\n            is_timed: true,\n            sheet_time: duration * 60,\n            difficulty_level: difficultyLevel,\n          },\n        },\n        {\n          userMilestoneId: milestoneId,\n        },\n      );\n    }\n  }, [postTestSheetAssign, testFormData, milestoneId, testPreviewItems]);\n\n  const handleOnProceed = useCallback(\n    (nextStage: TTestsStage, updatedForm?: ITestFromData) => {\n      handleOnTestStageChange(nextStage);\n\n      if (updatedForm) {\n        const { difficultyLevel, duration } = updatedForm;\n\n        setTestFromData(prev => ({ ...prev, ...updatedForm }));\n\n        if (nextStage === 'PREVIEW' && difficultyLevel && duration) {\n          handleOnPostTestHelpPreview({\n            difficulty_level: difficultyLevel,\n            duration: duration,\n            user_chapter_ids: testFormData.selectedChapters || [],\n          });\n        }\n      }\n    },\n    [handleOnTestStageChange, handleOnPostTestHelpPreview, testFormData],\n  );\n\n  useEffect(() => {\n    if (milestoneId) {\n      handleOnGetMilestone();\n    }\n  }, [milestoneId, handleOnGetMilestone]);\n\n  useEffect(() => {\n    if (userChapters && userChapters.length > 0) {\n      setTestFromData(prev => ({ ...prev, chapters: userChapters }));\n    }\n  }, [userChapters]);\n\n  if (isMilestoneProcessing || testPreviewIsProcessing) {\n    return <AppLoader height=\"100vh\" />;\n  }\n\n  if (isMilestoneProcessingFailed) {\n    return (\n      <FlexView $height=\"100vh\" $flexGapX={1.5} $alignItems=\"center\" $justifyContent=\"center\">\n        <Text $renderAs=\"h6\">{milestoneGetError?.message || 'Oops! Something went wrong.'}</Text>\n        <Button\n          widthX={14}\n          size=\"small\"\n          shape=\"square\"\n          renderAs=\"primary\"\n          label=\"Try again\"\n          onClick={handleOnGetMilestone}\n        />\n      </FlexView>\n    );\n  }\n\n  if (!userChapters) return null;\n\n  if (testStage === 'PREVIEW') {\n    return (\n      <TestPreview\n        studentId={studentId}\n        items={testPreviewItems}\n        testNumber={testNumber}\n        isAssignInProgress={testAssignIsProcessing}\n        onTestStageChange={handleOnProceed}\n        onTestSheetAssign={handleOnTestSheetAssign}\n      />\n    );\n  }\n\n  if (testStage === 'DIFFICULTY_AND_DURATION_SELECTION') {\n    return (\n      <DifficultyAndDurationSelection\n        testFormData={testFormData}\n        onTestStageChange={handleOnProceed}\n      />\n    );\n  }\n\n  return (\n    <ChapterSelection testFormData={testFormData} onProceed={handleOnProceed} onExit={onExit} />\n  );\n});\n\nexport default TestsCreation;\n"],"names":["initFormData","TestsCreation","memo","props","milestoneId","studentId","testNumber","onTestAssign","onExit","onError","testStage","setTestStage","useState","testFormData","setTestFromData","testPreviewItems","setTestPreviewItems","handleOnTestStageChange","useCallback","nextStage","handleOnTestHelpPreviewComplete","errorMessage","data","prev","chapters","selectedChapters","updatedChapters","chapter","handleOnTestSheetAssignComplete","getMilestone","currentMilestoneData","isMilestoneProcessing","isMilestoneProcessingFailed","milestoneGetError","useMilestoneGet","postTestHelpPreview","testPreviewIsProcessing","usePostTestHelpPreview","postTestSheetAssign","testAssignIsProcessing","usePostTestSheetAssign","userMilestonePlan","userChapters","handleOnPostTestHelpPreview","handleOnGetMilestone","handleOnTestSheetAssign","duration","difficultyLevel","handleOnProceed","updatedForm","useEffect","jsx","AppLoader","jsxs","FlexView","Text","Button","TestPreview","DifficultyAndDurationSelection","ChapterSelection","TestsCreation$1"],"mappings":";;;;;;;;;;;;AAkBA,MAAMA,KAA8B;AAAA,EAClC,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,OAAO;AAAA,EACP,UAAU;AAAA,EACV,UAAU;AACZ,GAEMC,KAAyCC,EAAK,SAAuBC,GAAO;AAChF,QAAM,EAAE,aAAAC,GAAa,WAAAC,GAAW,YAAAC,GAAY,cAAAC,GAAc,QAAAC,GAAQ,SAAAC,EAAY,IAAAN,GAExE,CAACO,GAAWC,CAAY,IAAIC,EAAsB,mBAAmB,GACrE,CAACC,GAAcC,CAAe,IAAIF,EAAwBZ,EAAY,GACtE,CAACe,GAAkBC,CAAmB,IAAIJ,EAAqC,CAAE,CAAA,GAEjFK,IAA0BC,EAAY,CAACC,MAA2B;AACtE,IAAAR,EAAaQ,CAAS;AAAA,EACxB,GAAG,CAAE,CAAA,GAECC,IAAkCF;AAAA,IACtC,CAACG,GAA6BC,MAAsC;AAC9D,OAAAD,KAAgB,EAACC,KAAA,QAAAA,EAAM,aACzBL,EAAwB,mBAAmB,GAE3CH,EAAgB,CAAQS,MAAA;AAChB,cAAA,EAAE,UAAAC,GAAU,kBAAAC,EAAqB,IAAAF,GAEjCG,IAAkBF,KAAA,gBAAAA,EAAU,IAAI,CAAWG,MAC3CF,KAAA,QAAAA,EAAkB,SAASE,EAAQ,MAC9B;AAAA,UACL,GAAGA;AAAA,UACH,mBAAmB;AAAA,QAAA,IAIhBA;AAGF,eAAA;AAAA,UACL,GAAGJ;AAAA,UACH,UAAUG,KAAmB;AAAA,UAC7B,kBAAkB;AAAA,UAClB,iBAAiB;AAAA,UACjB,UAAU;AAAA,QAAA;AAAA,MACZ,CACD,GAEDjB;AAAA,QACE;AAAA,MAAA,IAIAY,IACFZ,EAAQY,CAAY,IACXC,KACTN,EAAoBM,CAAI;AAAA,IAE5B;AAAA,IACA,CAACb,GAASO,GAAqBC,CAAuB;AAAA,EAAA,GAGlDW,IAAkCV;AAAA,IACtC,CAACG,MAAgC;AAC/B,MAAIA,IACFZ,EAAQY,CAAY,IAEPd;IAEjB;AAAA,IACA,CAACE,GAASF,CAAY;AAAA,EAAA,GAGlB;AAAA,IACJ,KAAKsB;AAAA,IACL,MAAMC;AAAA,IACN,cAAcC;AAAA,IACd,oBAAoBC;AAAA,IACpB,OAAOC;AAAA,EAAA,IACLC,EAAgB9B,GAAa;AAAA,IAC/B,aAAa;AAAA,EAAA,CACd,GAEK,EAAE,MAAM+B,GAAqB,cAAcC,EAAA,IAC/CC,EAAuB;AAAA,IACrB,YAAYjB;AAAA,EAAA,CACb,GAEG,EAAE,MAAMkB,GAAqB,cAAcC,EAAA,IAC/CC,EAAuB;AAAA,IACrB,YAAYZ;AAAA,EAAA,CACb,GAEG,EAAE,qBAAqBa,MAAsBX,KAAwB,CAAA,GACrE,EAAE,eAAeY,MAAiBD,KAAqB,CAAA,GAEvDE,IAA8BzB;AAAA,IAClC,CAACI,MAAkC;AACjC,MAAAa,EAAoBb,CAAI;AAAA,IAC1B;AAAA,IACA,CAACa,CAAmB;AAAA,EAAA,GAGhBS,IAAuB1B,EAAY,MAAM;AAC7C,IAAAW,EAAazB,GAAa;AAAA,MACxB,aAAa;AAAA,IAAA,CACd;AAAA,EAAA,GACA,CAACyB,GAAczB,CAAW,CAAC,GAExByC,IAA0B3B,EAAY,MAAM;AAChD,UAAM,EAAE,UAAA4B,GAAU,iBAAAC,GAAiB,kBAAAtB,EAAA,IAAqBZ;AAEpD,IAAAiC,KAAYC,KAAmBtB,KACjCa;AAAA,MACE;AAAA,QACE,OAAOvB;AAAA,QACP,aAAa;AAAA,UACX,UAAU;AAAA,UACV,YAAY+B,IAAW;AAAA,UACvB,kBAAkBC;AAAA,QACpB;AAAA,MACF;AAAA,MACA;AAAA,QACE,iBAAiB3C;AAAA,MACnB;AAAA,IAAA;AAAA,KAGH,CAACkC,GAAqBzB,GAAcT,GAAaW,CAAgB,CAAC,GAE/DiC,IAAkB9B;AAAA,IACtB,CAACC,GAAwB8B,MAAgC;AAGvD,UAFAhC,EAAwBE,CAAS,GAE7B8B,GAAa;AACT,cAAA,EAAE,iBAAAF,GAAiB,UAAAD,EAAa,IAAAG;AAEtC,QAAAnC,EAAgB,QAAS,EAAE,GAAGS,GAAM,GAAG0B,EAAc,EAAA,GAEjD9B,MAAc,aAAa4B,KAAmBD,KACpBH,EAAA;AAAA,UAC1B,kBAAkBI;AAAA,UAClB,UAAAD;AAAA,UACA,kBAAkBjC,EAAa,oBAAoB,CAAC;AAAA,QAAA,CACrD;AAAA,MAEL;AAAA,IACF;AAAA,IACA,CAACI,GAAyB0B,GAA6B9B,CAAY;AAAA,EAAA;AAerE,SAZAqC,EAAU,MAAM;AACd,IAAI9C,KACmBwC;EACvB,GACC,CAACxC,GAAawC,CAAoB,CAAC,GAEtCM,EAAU,MAAM;AACV,IAAAR,KAAgBA,EAAa,SAAS,KACxC5B,EAAgB,QAAS,EAAE,GAAGS,GAAM,UAAUmB,EAAe,EAAA;AAAA,EAC/D,GACC,CAACA,CAAY,CAAC,GAEbX,KAAyBK,IACpB,gBAAAe,EAACC,GAAU,EAAA,QAAO,QAAQ,CAAA,IAG/BpB,IAEA,gBAAAqB,EAACC,KAAS,SAAQ,SAAQ,WAAW,KAAK,aAAY,UAAS,iBAAgB,UAC7E,UAAA;AAAA,IAAA,gBAAAH,EAACI,GAAK,EAAA,WAAU,MAAM,WAAAtB,KAAA,gBAAAA,EAAmB,YAAW,+BAA8B;AAAA,IAClF,gBAAAkB;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,QAAQ;AAAA,QACR,MAAK;AAAA,QACL,OAAM;AAAA,QACN,UAAS;AAAA,QACT,OAAM;AAAA,QACN,SAASZ;AAAA,MAAA;AAAA,IACX;AAAA,EACF,EAAA,CAAA,IAICF,IAEDhC,MAAc,YAEd,gBAAAyC;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,WAAApD;AAAA,MACA,OAAOU;AAAA,MACP,YAAAT;AAAA,MACA,oBAAoBiC;AAAA,MACpB,mBAAmBS;AAAA,MACnB,mBAAmBH;AAAA,IAAA;AAAA,EAAA,IAKrBnC,MAAc,sCAEd,gBAAAyC;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,cAAA7C;AAAA,MACA,mBAAmBmC;AAAA,IAAA;AAAA,EAAA,IAMtB,gBAAAG,EAAAQ,GAAA,EAAiB,cAAA9C,GAA4B,WAAWmC,GAAiB,QAAAxC,EAAgB,CAAA,IAzBlE;AA2B5B,CAAC,GAEDoD,KAAe3D;"}
+{"version":3,"file":"tests-creation.js","sources":["../../../../../src/features/milestone/milestone-tests/tests-creation/tests-creation.tsx"],"sourcesContent":["import { type FC, memo, useCallback, useEffect, useState } from 'react';\n\nimport Button from '../../../ui/buttons/button/button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport Text from '../../../ui/text/text';\nimport { useMilestoneGet } from '../../edit/comps/edit-milestone-modal/api/get-milestone';\nimport {\n  usePostTestHelpPreview,\n  type ITestHelpPreviewPayload,\n  type ITestHelpPreviewResponse,\n} from './api/preview-test-sheet';\nimport { usePostTestSheetAssign } from './api/test-sheet-assign';\nimport ChapterSelection from './test-stages/chapter-selection/chapter-selection';\nimport DifficultyAndDurationSelection from './test-stages/difficulty-and-duration-selection/difficulty-and-duration-selection';\nimport TestPreview from './test-stages/test-preview/test-preview';\nimport { ETestsStage, type ITestFormData, type ITestsCreationProps } from './tests-creation-types';\n\nconst initFormData: ITestFormData = {\n  selectedChapters: null,\n  difficultyLevel: null,\n  title: null,\n  duration: null,\n  chapters: null,\n};\n\nconst TestsCreation: FC<ITestsCreationProps> = memo(function TestsCreation(props) {\n  const {\n    milestoneId,\n    studentId,\n    testNumber,\n    userType = 'TEACHER',\n    state,\n    onStateChange,\n    onTestAssign,\n    onExit,\n    onError,\n  } = props;\n\n  const [testStage, setTestStage] = useState<ETestsStage>(\n    state?.testStage ?? ETestsStage.CHAPTER_SELECTION,\n  );\n  const [testFormData, setTestFormData] = useState<ITestFormData>(\n    state?.testFormData ?? initFormData,\n  );\n  const [testPreviewItems, setTestPreviewItems] = useState<ITestHelpPreviewResponse[]>(\n    state?.testPreviewItems ?? [],\n  );\n\n  const handleOnTestStageChange = useCallback(\n    (nextStage: ETestsStage) => {\n      setTestStage(nextStage);\n      onStateChange?.({ testStage: nextStage, testFormData, testPreviewItems });\n    },\n    [testFormData, testPreviewItems, onStateChange],\n  );\n\n  const handleOnTestHelpPreviewComplete = useCallback(\n    (errorMessage: string | null, data?: ITestHelpPreviewResponse[]) => {\n      if (errorMessage || !data?.length) {\n        setTestFormData(prev => {\n          const { chapters, selectedChapters } = prev;\n\n          const updatedChapters = chapters?.map(chapter => {\n            if (selectedChapters?.includes(chapter.id)) {\n              return {\n                ...chapter,\n                item_bank_enabled: false,\n              };\n            }\n\n            return chapter;\n          });\n\n          const newFormData = {\n            ...prev,\n            chapters: updatedChapters ?? null,\n            selectedChapters: null,\n            difficultyLevel: null,\n            duration: null,\n          };\n\n          onStateChange?.({\n            testStage: ETestsStage.CHAPTER_SELECTION,\n            testFormData: newFormData,\n            testPreviewItems: [],\n          });\n\n          return newFormData;\n        });\n\n        setTestStage(ETestsStage.CHAPTER_SELECTION);\n\n        onError(\n          `We're experiencing a temporary limitation with the chapters you've selected. Please select alternative chapters and proceed.`,\n        );\n      }\n\n      if (errorMessage) {\n        onError(errorMessage);\n      } else if (data) {\n        setTestPreviewItems(data);\n        onStateChange?.({ testStage, testFormData, testPreviewItems: data });\n      }\n    },\n    [onError, testStage, testFormData, onStateChange],\n  );\n\n  const handleOnTestSheetAssignComplete = useCallback(\n    (errorMessage: string | null) => {\n      if (errorMessage) {\n        onError(errorMessage);\n      } else {\n        onTestAssign();\n      }\n    },\n    [onError, onTestAssign],\n  );\n\n  const {\n    get: getMilestone,\n    data: currentMilestoneData,\n    isProcessing: isMilestoneProcessing,\n    isProcessingFailed: isMilestoneProcessingFailed,\n    error: milestoneGetError,\n  } = useMilestoneGet(milestoneId, {\n    with_sheets: true,\n  });\n\n  const { post: postTestHelpPreview, isProcessing: testPreviewIsProcessing } =\n    usePostTestHelpPreview({\n      onComplete: handleOnTestHelpPreviewComplete,\n    });\n\n  const { post: postTestSheetAssign, isProcessing: testAssignIsProcessing } =\n    usePostTestSheetAssign({\n      onComplete: handleOnTestSheetAssignComplete,\n    });\n\n  const { user_milestone_plan: userMilestonePlan } = currentMilestoneData || {};\n  const { user_chapters: userChapters } = userMilestonePlan || {};\n\n  const handleOnPostTestHelpPreview = useCallback(\n    (data: ITestHelpPreviewPayload) => {\n      postTestHelpPreview(data);\n    },\n    [postTestHelpPreview],\n  );\n\n  const handleOnGetMilestone = useCallback(() => {\n    getMilestone(milestoneId, {\n      with_sheets: true,\n    });\n  }, [getMilestone, milestoneId]);\n\n  const handleOnTestSheetAssign = useCallback(() => {\n    const { duration, difficultyLevel, selectedChapters } = testFormData;\n\n    if (duration && difficultyLevel && selectedChapters) {\n      postTestSheetAssign(\n        {\n          items: testPreviewItems,\n          node_params: {\n            is_timed: true,\n            sheet_time: duration * 60,\n            difficulty_level: difficultyLevel,\n          },\n        },\n        {\n          userMilestoneId: milestoneId,\n        },\n      );\n    }\n  }, [postTestSheetAssign, testFormData, milestoneId, testPreviewItems]);\n\n  const handleOnFormDataChange = useCallback(\n    (updatedFormData: ITestFormData) => {\n      setTestFormData(updatedFormData);\n      onStateChange?.({ testStage, testFormData: updatedFormData, testPreviewItems });\n    },\n    [testStage, testPreviewItems, onStateChange],\n  );\n\n  const handleOnProceed = useCallback(\n    (nextStage: ETestsStage, updatedForm?: ITestFormData) => {\n      if (updatedForm) {\n        const { difficultyLevel, duration } = updatedForm;\n        const newFormData = { ...testFormData, ...updatedForm };\n\n        setTestFormData(newFormData);\n        setTestStage(nextStage);\n\n        onStateChange?.({ testStage: nextStage, testFormData: newFormData, testPreviewItems });\n\n        if (nextStage === ETestsStage.PREVIEW && difficultyLevel && duration) {\n          handleOnPostTestHelpPreview({\n            difficulty_level: difficultyLevel,\n            duration: duration,\n            user_chapter_ids: newFormData.selectedChapters || [],\n          });\n        }\n      } else {\n        handleOnTestStageChange(nextStage);\n      }\n    },\n    [\n      handleOnTestStageChange,\n      handleOnPostTestHelpPreview,\n      testFormData,\n      testPreviewItems,\n      onStateChange,\n    ],\n  );\n\n  useEffect(() => {\n    if (milestoneId) {\n      handleOnGetMilestone();\n    }\n  }, [milestoneId, handleOnGetMilestone]);\n\n  useEffect(() => {\n    if (userChapters && userChapters.length > 0) {\n      setTestFormData(prev => ({ ...prev, chapters: userChapters }));\n    }\n  }, [userChapters]);\n\n  useEffect(() => {\n    if (state?.testStage !== undefined) {\n      setTestStage(state.testStage);\n    }\n  }, [state?.testStage]);\n\n  useEffect(() => {\n    if (state?.testFormData !== undefined) {\n      setTestFormData(prev => ({\n        ...prev,\n        ...state.testFormData,\n      }));\n    }\n  }, [state?.testFormData]);\n\n  useEffect(() => {\n    if (state?.testPreviewItems !== undefined) {\n      setTestPreviewItems(state.testPreviewItems);\n    }\n  }, [state?.testPreviewItems]);\n\n  if (isMilestoneProcessing || testPreviewIsProcessing) {\n    return <AppLoader height=\"100vh\" />;\n  }\n\n  if (isMilestoneProcessingFailed) {\n    return (\n      <FlexView $height=\"100vh\" $flexGapX={1.5} $alignItems=\"center\" $justifyContent=\"center\">\n        <Text $renderAs=\"h6\">{milestoneGetError?.message || 'Oops! Something went wrong.'}</Text>\n        <Button\n          widthX={14}\n          size=\"small\"\n          shape=\"square\"\n          renderAs=\"primary\"\n          label=\"Try again\"\n          onClick={handleOnGetMilestone}\n        />\n      </FlexView>\n    );\n  }\n\n  if (!userChapters) return null;\n\n  if (testStage === ETestsStage.PREVIEW) {\n    return (\n      <TestPreview\n        studentId={studentId}\n        items={testPreviewItems}\n        testNumber={testNumber}\n        isAssignInProgress={testAssignIsProcessing}\n        onTestStageChange={handleOnProceed}\n        onTestSheetAssign={handleOnTestSheetAssign}\n        userType={userType}\n      />\n    );\n  }\n\n  if (testStage === ETestsStage.DIFFICULTY_AND_DURATION_SELECTION) {\n    return (\n      <DifficultyAndDurationSelection\n        testFormData={testFormData}\n        userType={userType}\n        onTestStageChange={handleOnProceed}\n        onFormDataChange={handleOnFormDataChange}\n      />\n    );\n  }\n\n  return (\n    <ChapterSelection\n      testFormData={testFormData}\n      userType={userType}\n      onProceed={handleOnProceed}\n      onExit={onExit}\n      onFormDataChange={handleOnFormDataChange}\n    />\n  );\n});\n\nexport default TestsCreation;\n"],"names":["initFormData","TestsCreation","memo","props","milestoneId","studentId","testNumber","userType","state","onStateChange","onTestAssign","onExit","onError","testStage","setTestStage","useState","ETestsStage","testFormData","setTestFormData","testPreviewItems","setTestPreviewItems","handleOnTestStageChange","useCallback","nextStage","handleOnTestHelpPreviewComplete","errorMessage","data","prev","chapters","selectedChapters","updatedChapters","chapter","newFormData","handleOnTestSheetAssignComplete","getMilestone","currentMilestoneData","isMilestoneProcessing","isMilestoneProcessingFailed","milestoneGetError","useMilestoneGet","postTestHelpPreview","testPreviewIsProcessing","usePostTestHelpPreview","postTestSheetAssign","testAssignIsProcessing","usePostTestSheetAssign","userMilestonePlan","userChapters","handleOnPostTestHelpPreview","handleOnGetMilestone","handleOnTestSheetAssign","duration","difficultyLevel","handleOnFormDataChange","updatedFormData","handleOnProceed","updatedForm","useEffect","jsx","AppLoader","jsxs","FlexView","Text","Button","TestPreview","DifficultyAndDurationSelection","ChapterSelection","TestsCreation$1"],"mappings":"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"}

package/dist/features/puzzles/app/puzzle-app-view.js

@@ -1,53 +1,53 @@
-import { jsxs as A, jsx as a } from "react/jsx-runtime";
-import { memo as v, useRef as S, useCallback as f, useEffect as l, useMemo as $ } from "react";
+import { jsxs as y, jsx as a } from "react/jsx-runtime";
+import { memo as A, useRef as S, useCallback as _, useEffect as l, useMemo as $ } from "react";
 import H from "../../ui/image/image.js";
 import M from "../../ui/layout/flex-view.js";
 import x from "../../ui/separator/separator.js";
 import d from "../../worksheet/constants/events.js";
 import N from "../../worksheet/worksheet/hooks/use-learnosity.js";
-import P from "../../worksheet/worksheet/hooks/use-worksheet-data-helper.js";
-import { PuzzleQuestionWrapper as Q, PuzzleContainer as R } from "./puzzle-app-styled.js";
-import { getQuestionsFromItems as V } from "../../worksheet/worksheet/worksheet-store/helpers/get-questions-from-items.js";
-const L = (u) => {
+import Q from "../../worksheet/worksheet/hooks/use-worksheet-data-helper.js";
+import { getQuestionsFromItems as V } from "../../worksheet/worksheet/worksheet-helpers.js";
+import { PuzzleQuestionWrapper as P, PuzzleContainer as R } from "./puzzle-app-styled.js";
+const F = (u) => {
   if (!u) return null;
   const t = u.match(/<img[^>]+src="([^">]+)"/);
   return t ? t[1] : null;
-}, F = ({
+}, L = ({
   worksheetData: u,
   loggerRef: t,
-  onWorksheetErrored: r,
+  onWorksheetErrored: n,
   imageHue: I,
   onLoaded: p
 }) => {
-  const { signed_request: E, questions_signed_request: g } = u, w = S(null), {
+  const { signed_request: g, questions_signed_request: w } = u, z = S(null), {
     loadingState: i,
     data: o,
-    error: h
-  } = P({
+    error: f
+  } = Q({
     attemptId: void 0,
-    signedRequest: E,
+    signedRequest: g,
     loggerRef: t
-  }), z = f(
+  }), E = _(
     (s) => {
-      r({
+      n({
         code: s.code,
         message: s.detail
       });
     },
-    [r]
-  ), { learnosity: n } = N(g, z, t);
+    [n]
+  ), { learnosity: r } = N(w, E, t);
   l(() => {
-    i === "error" && r({
-      message: h ?? "Error loading worksheet"
+    i === "error" && n({
+      message: f ?? "Error loading worksheet"
     });
-  }, [i, r, h]), l(() => {
-    n && t.current(d.WORKSHEET_V3_LEARNOSITY_INITIALIZED);
-  }, [n, t]), l(() => {
-    n && i === "success" && p && (t.current(d.WORKSHEET_V3_READY), p());
-  }, [n, i, t, p]);
+  }, [i, n, f]), l(() => {
+    r && t.current(d.WORKSHEET_V3_LEARNOSITY_INITIALIZED);
+  }, [r, t]), l(() => {
+    r && i === "success" && p && (t.current(d.WORKSHEET_V3_READY), p());
+  }, [r, i, t, p]);
   const m = $(() => i === "success" && (o != null && o.learnosityItems) ? (t.current(d.WORKSHEET_V3_READY), V(o.learnosityItems, {
-    nodeType: "PUZZLE_CARD",
-    activityType: null
+    sectioned: !1,
+    adaptive: !1
   }).map((e) => ({
     response_id: e.response_id,
     type: e.type,
@@ -60,12 +60,12 @@ const L = (u) => {
     // Add other properties as needed
   }))) : [], [i, o, t]);
   l(() => {
-    if (n && m.length > 0) {
+    if (r && m.length > 0) {
       const c = requestAnimationFrame(() => {
         try {
-          n.renderMath("mathjax");
+          r.renderMath("mathjax");
         } catch (e) {
-          r({
+          n({
             message: `MathJax rendering failed: ${e instanceof Error ? e.message : "Unknown error"}`
           });
         }
@@ -74,20 +74,20 @@ const L = (u) => {
         cancelAnimationFrame(c);
       };
     }
-  }, [n, r, m]);
-  const y = f((s) => {
-    const { stimulus: c = "", template: e = "", response_id: T } = s, _ = L(c);
-    return /* @__PURE__ */ A(
+  }, [r, n, m]);
+  const T = _((s) => {
+    const { stimulus: c = "", template: e = "", response_id: v } = s, h = F(c);
+    return /* @__PURE__ */ y(
       M,
       {
         $background: "TRANSPARENT",
         $alignItems: "center",
         className: "puzzle-app-view-question-card",
         children: [
-          _ && /* @__PURE__ */ a(
+          h && /* @__PURE__ */ a(
             H,
             {
-              src: _,
+              src: h,
               alt: "Puzzle illustration",
               width: 183,
               height: 183,
@@ -95,26 +95,26 @@ const L = (u) => {
             }
           ),
           /* @__PURE__ */ a(x, { heightX: 1 }),
-          e && /* @__PURE__ */ a(Q, { children: /* @__PURE__ */ a("div", { dangerouslySetInnerHTML: { __html: e } }) })
+          e && /* @__PURE__ */ a(P, { children: /* @__PURE__ */ a("div", { dangerouslySetInnerHTML: { __html: e } }) })
         ]
       },
-      T
+      v
     );
   }, []);
   return m.length ? /* @__PURE__ */ a(
     R,
     {
-      ref: w,
+      ref: z,
       $gapX: 1,
       $gutterX: 1,
       $imageHue: I,
       $background: "WHITE_1",
       className: "puzzle-app-view-container",
-      children: m.map((s) => /* @__PURE__ */ a("div", { children: y(s) }, `question-${s.response_id}`))
+      children: m.map((s) => /* @__PURE__ */ a("div", { children: T(s) }, `question-${s.response_id}`))
     }
   ) : null;
-}, Y = v(F);
+}, U = A(L);
 export {
-  Y as default
+  U as default
 };
 //# sourceMappingURL=puzzle-app-view.js.map

package/dist/features/puzzles/app/puzzle-app-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"puzzle-app-view.js","sources":["../../../../src/features/puzzles/app/puzzle-app-view.tsx"],"sourcesContent":["import { memo, useCallback, useEffect, useMemo, useRef, type FC } from 'react';\n\nimport Image from '../../ui/image/image';\nimport FlexView from '../../ui/layout/flex-view';\nimport Separator from '../../ui/separator/separator';\nimport EVENTS from '../../worksheet/constants/events';\nimport useLearnosity from '../../worksheet/worksheet/hooks/use-learnosity';\nimport useWorksheetDataHelper from '../../worksheet/worksheet/hooks/use-worksheet-data-helper';\nimport type {\n  ILearnosityError,\n  ILearnosityQuestion,\n} from '../../worksheet/worksheet/worksheet-types';\nimport * as Styled from './puzzle-app-styled';\nimport type { IPuzzleAppViewProps } from './puzzle-app-types';\nimport { getQuestionsFromItems } from '../../worksheet/worksheet/worksheet-store/helpers/get-questions-from-items';\n\nconst extractImageFromHTML = (htmlString: string) => {\n  if (!htmlString) return null;\n\n  const imgMatch = htmlString.match(/<img[^>]+src=\"([^\">]+)\"/);\n\n  return imgMatch ? imgMatch[1] : null;\n};\n\nconst PuzzleAppView: FC<IPuzzleAppViewProps> = ({\n  worksheetData,\n  loggerRef,\n  onWorksheetErrored,\n  imageHue,\n  onLoaded,\n}) => {\n  const { signed_request: itemsSignedRequest, questions_signed_request: questionSignedRequest } =\n    worksheetData;\n\n  // Ref for the container to trigger MathJax rendering\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  // Get Learnosity items using the signed_request (not questions_signed_request)\n  const {\n    loadingState,\n    data: learnosityData,\n    error: worksheetError,\n  } = useWorksheetDataHelper({\n    attemptId: undefined,\n    signedRequest: itemsSignedRequest,\n    loggerRef,\n  });\n\n  const onLearnosityErrored = useCallback(\n    (err: ILearnosityError) => {\n      onWorksheetErrored({\n        code: err.code,\n        message: err.detail,\n      });\n    },\n    [onWorksheetErrored],\n  );\n\n  // Initialize Learnosity using questions_signed_request (needed for interactive questions)\n  const { learnosity } = useLearnosity(questionSignedRequest, onLearnosityErrored, loggerRef);\n\n  useEffect(() => {\n    if (loadingState === 'error') {\n      onWorksheetErrored({\n        message: worksheetError ?? 'Error loading worksheet',\n      });\n    }\n  }, [loadingState, onWorksheetErrored, worksheetError]);\n\n  // Log when learnosity is ready for future interactive features\n  useEffect(() => {\n    if (learnosity) {\n      loggerRef.current(EVENTS.WORKSHEET_V3_LEARNOSITY_INITIALIZED);\n    }\n  }, [learnosity, loggerRef]);\n\n  useEffect(() => {\n    if (learnosity && loadingState === 'success' && onLoaded) {\n      loggerRef.current(EVENTS.WORKSHEET_V3_READY);\n      onLoaded();\n    }\n  }, [learnosity, loadingState, loggerRef, onLoaded]);\n\n  // Memoize questions processing to prevent re-render loops\n  const questions = useMemo(() => {\n    // Extract questions from Learnosity items when data is loaded successfully\n    if (loadingState === 'success' && learnosityData?.learnosityItems) {\n      loggerRef.current(EVENTS.WORKSHEET_V3_READY);\n\n      // Convert learnosityItems to questions using the worksheet helper\n      const worksheetQuestions = getQuestionsFromItems(learnosityData.learnosityItems, {\n        nodeType: 'PUZZLE_CARD',\n        activityType: null,\n      });\n\n      // Extract just the Learnosity questions from worksheet questions\n      const learnosityQuestions: ILearnosityQuestion[] = worksheetQuestions.map(q => ({\n        response_id: q.response_id,\n        type: q.type,\n        stimulus: q.stimulus,\n        template: q.template,\n        stimulus_review: q.stimulus_review,\n        options: q.options,\n        metadata: q.metadata,\n        validation: q.validation,\n        // Add other properties as needed\n      }));\n\n      return learnosityQuestions;\n    }\n\n    return [];\n  }, [loadingState, learnosityData, loggerRef]);\n\n  // Force MathJax rendering after questions are loaded and rendered\n  // Similar to how useLearnosityAppend does it\n  useEffect(() => {\n    if (learnosity && questions.length > 0) {\n      // Use requestAnimationFrame to ensure DOM is updated before rendering math\n      const renderMath = () => {\n        try {\n          learnosity.renderMath('mathjax');\n        } catch (error) {\n          onWorksheetErrored({\n            message: `MathJax rendering failed: ${\n              error instanceof Error ? error.message : 'Unknown error'\n            }`,\n          });\n        }\n      };\n\n      const animationId = requestAnimationFrame(renderMath);\n\n      return () => {\n        cancelAnimationFrame(animationId);\n      };\n    }\n  }, [learnosity, onWorksheetErrored, questions]);\n\n  const renderQuestionContent = useCallback((question: ILearnosityQuestion) => {\n    const { stimulus = '', template = '', response_id: responseId } = question;\n    const imageUrl = extractImageFromHTML(stimulus);\n\n    return (\n      <FlexView\n        $background=\"TRANSPARENT\"\n        key={responseId}\n        $alignItems=\"center\"\n        className=\"puzzle-app-view-question-card\"\n      >\n        {/* Main Image or Interactive Content */}\n        {imageUrl && (\n          <Image\n            src={imageUrl}\n            alt=\"Puzzle illustration\"\n            width={183}\n            height={183}\n            withLoader={true}\n          />\n        )}\n\n        <Separator heightX={1} />\n\n        {/* Question HTML Content */}\n        {template && (\n          <Styled.PuzzleQuestionWrapper>\n            <div dangerouslySetInnerHTML={{ __html: template }} />\n          </Styled.PuzzleQuestionWrapper>\n        )}\n      </FlexView>\n    );\n  }, []);\n\n  if (!questions.length) return null;\n\n  return (\n    <Styled.PuzzleContainer\n      ref={containerRef}\n      $gapX={1}\n      $gutterX={1}\n      $imageHue={imageHue}\n      $background=\"WHITE_1\"\n      className=\"puzzle-app-view-container\"\n    >\n      {questions.map(question => (\n        <div key={`question-${question.response_id}`}>{renderQuestionContent(question)}</div>\n      ))}\n    </Styled.PuzzleContainer>\n  );\n};\n\nexport default memo(PuzzleAppView);\n"],"names":["extractImageFromHTML","htmlString","imgMatch","PuzzleAppView","worksheetData","loggerRef","onWorksheetErrored","imageHue","onLoaded","itemsSignedRequest","questionSignedRequest","containerRef","useRef","loadingState","learnosityData","worksheetError","useWorksheetDataHelper","onLearnosityErrored","useCallback","err","learnosity","useLearnosity","useEffect","EVENTS","questions","useMemo","getQuestionsFromItems","q","animationId","error","renderQuestionContent","question","stimulus","template","responseId","imageUrl","jsxs","FlexView","jsx","Image","Separator","Styled.PuzzleQuestionWrapper","Styled.PuzzleContainer","PuzzleAppView$1","memo"],"mappings":"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"}
+{"version":3,"file":"puzzle-app-view.js","sources":["../../../../src/features/puzzles/app/puzzle-app-view.tsx"],"sourcesContent":["import { memo, useCallback, useEffect, useMemo, useRef, type FC } from 'react';\n\nimport Image from '../../ui/image/image';\nimport FlexView from '../../ui/layout/flex-view';\nimport Separator from '../../ui/separator/separator';\nimport EVENTS from '../../worksheet/constants/events';\nimport useLearnosity from '../../worksheet/worksheet/hooks/use-learnosity';\nimport useWorksheetDataHelper from '../../worksheet/worksheet/hooks/use-worksheet-data-helper';\nimport { getQuestionsFromItems } from '../../worksheet/worksheet/worksheet-helpers';\nimport type {\n  ILearnosityError,\n  ILearnosityQuestion,\n} from '../../worksheet/worksheet/worksheet-types';\nimport * as Styled from './puzzle-app-styled';\nimport type { IPuzzleAppViewProps } from './puzzle-app-types';\n\nconst extractImageFromHTML = (htmlString: string) => {\n  if (!htmlString) return null;\n\n  const imgMatch = htmlString.match(/<img[^>]+src=\"([^\">]+)\"/);\n\n  return imgMatch ? imgMatch[1] : null;\n};\n\nconst PuzzleAppView: FC<IPuzzleAppViewProps> = ({\n  worksheetData,\n  loggerRef,\n  onWorksheetErrored,\n  imageHue,\n  onLoaded,\n}) => {\n  const { signed_request: itemsSignedRequest, questions_signed_request: questionSignedRequest } =\n    worksheetData;\n\n  // Ref for the container to trigger MathJax rendering\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  // Get Learnosity items using the signed_request (not questions_signed_request)\n  const {\n    loadingState,\n    data: learnosityData,\n    error: worksheetError,\n  } = useWorksheetDataHelper({\n    attemptId: undefined,\n    signedRequest: itemsSignedRequest,\n    loggerRef,\n  });\n\n  const onLearnosityErrored = useCallback(\n    (err: ILearnosityError) => {\n      onWorksheetErrored({\n        code: err.code,\n        message: err.detail,\n      });\n    },\n    [onWorksheetErrored],\n  );\n\n  // Initialize Learnosity using questions_signed_request (needed for interactive questions)\n  const { learnosity } = useLearnosity(questionSignedRequest, onLearnosityErrored, loggerRef);\n\n  useEffect(() => {\n    if (loadingState === 'error') {\n      onWorksheetErrored({\n        message: worksheetError ?? 'Error loading worksheet',\n      });\n    }\n  }, [loadingState, onWorksheetErrored, worksheetError]);\n\n  // Log when learnosity is ready for future interactive features\n  useEffect(() => {\n    if (learnosity) {\n      loggerRef.current(EVENTS.WORKSHEET_V3_LEARNOSITY_INITIALIZED);\n    }\n  }, [learnosity, loggerRef]);\n\n  useEffect(() => {\n    if (learnosity && loadingState === 'success' && onLoaded) {\n      loggerRef.current(EVENTS.WORKSHEET_V3_READY);\n      onLoaded();\n    }\n  }, [learnosity, loadingState, loggerRef, onLoaded]);\n\n  // Memoize questions processing to prevent re-render loops\n  const questions = useMemo(() => {\n    // Extract questions from Learnosity items when data is loaded successfully\n    if (loadingState === 'success' && learnosityData?.learnosityItems) {\n      loggerRef.current(EVENTS.WORKSHEET_V3_READY);\n\n      // Convert learnosityItems to questions using the worksheet helper\n      const worksheetQuestions = getQuestionsFromItems(learnosityData.learnosityItems, {\n        sectioned: false,\n        adaptive: false,\n      });\n\n      // Extract just the Learnosity questions from worksheet questions\n      const learnosityQuestions: ILearnosityQuestion[] = worksheetQuestions.map(q => ({\n        response_id: q.response_id,\n        type: q.type,\n        stimulus: q.stimulus,\n        template: q.template,\n        stimulus_review: q.stimulus_review,\n        options: q.options,\n        metadata: q.metadata,\n        validation: q.validation,\n        // Add other properties as needed\n      }));\n\n      return learnosityQuestions;\n    }\n\n    return [];\n  }, [loadingState, learnosityData, loggerRef]);\n\n  // Force MathJax rendering after questions are loaded and rendered\n  // Similar to how useLearnosityAppend does it\n  useEffect(() => {\n    if (learnosity && questions.length > 0) {\n      // Use requestAnimationFrame to ensure DOM is updated before rendering math\n      const renderMath = () => {\n        try {\n          learnosity.renderMath('mathjax');\n        } catch (error) {\n          onWorksheetErrored({\n            message: `MathJax rendering failed: ${\n              error instanceof Error ? error.message : 'Unknown error'\n            }`,\n          });\n        }\n      };\n\n      const animationId = requestAnimationFrame(renderMath);\n\n      return () => {\n        cancelAnimationFrame(animationId);\n      };\n    }\n  }, [learnosity, onWorksheetErrored, questions]);\n\n  const renderQuestionContent = useCallback((question: ILearnosityQuestion) => {\n    const { stimulus = '', template = '', response_id: responseId } = question;\n    const imageUrl = extractImageFromHTML(stimulus);\n\n    return (\n      <FlexView\n        $background=\"TRANSPARENT\"\n        key={responseId}\n        $alignItems=\"center\"\n        className=\"puzzle-app-view-question-card\"\n      >\n        {/* Main Image or Interactive Content */}\n        {imageUrl && (\n          <Image\n            src={imageUrl}\n            alt=\"Puzzle illustration\"\n            width={183}\n            height={183}\n            withLoader={true}\n          />\n        )}\n\n        <Separator heightX={1} />\n\n        {/* Question HTML Content */}\n        {template && (\n          <Styled.PuzzleQuestionWrapper>\n            <div dangerouslySetInnerHTML={{ __html: template }} />\n          </Styled.PuzzleQuestionWrapper>\n        )}\n      </FlexView>\n    );\n  }, []);\n\n  if (!questions.length) return null;\n\n  return (\n    <Styled.PuzzleContainer\n      ref={containerRef}\n      $gapX={1}\n      $gutterX={1}\n      $imageHue={imageHue}\n      $background=\"WHITE_1\"\n      className=\"puzzle-app-view-container\"\n    >\n      {questions.map(question => (\n        <div key={`question-${question.response_id}`}>{renderQuestionContent(question)}</div>\n      ))}\n    </Styled.PuzzleContainer>\n  );\n};\n\nexport default memo(PuzzleAppView);\n"],"names":["extractImageFromHTML","htmlString","imgMatch","PuzzleAppView","worksheetData","loggerRef","onWorksheetErrored","imageHue","onLoaded","itemsSignedRequest","questionSignedRequest","containerRef","useRef","loadingState","learnosityData","worksheetError","useWorksheetDataHelper","onLearnosityErrored","useCallback","err","learnosity","useLearnosity","useEffect","EVENTS","questions","useMemo","getQuestionsFromItems","q","animationId","error","renderQuestionContent","question","stimulus","template","responseId","imageUrl","jsxs","FlexView","jsx","Image","Separator","Styled.PuzzleQuestionWrapper","Styled.PuzzleContainer","PuzzleAppView$1","memo"],"mappings":"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"}