@cuemath/leap 3.2.33-beta-0.2 → 3.2.33-beta-0.3

package/dist/features/worksheet/worksheet/worksheet.js

@@ -1,71 +1,69 @@
-import { jsxs as I, Fragment as dt, jsx as i } from "react/jsx-runtime";
-import { memo as lt, forwardRef as mt, useMemo as U, useState as S, useCallback as k, useEffect as T, useLayoutEffect as ut } from "react";
+import { jsxs as y, Fragment as lt, jsx as i } from "react/jsx-runtime";
+import { memo as dt, forwardRef as mt, useMemo as U, useState as I, useCallback as S, useEffect as T, useLayoutEffect as ut } from "react";
 import ht from "../../../assets/line-icons/icons/check2.js";
 import ft from "../../../assets/line-icons/icons/info2.js";
 import pt from "../../../helpers/get-device-details.js";
 import gt from "../../sheet-tools/desmos-calculator/desmos-calculator.js";
-import J from "../../ui/layout/flex-view.js";
-import bt from "../../ui/separator/separator.js";
-import Ct from "../../ui/text/text.js";
-import It from "../user-pointer-pin/user-pin.js";
-import { WORKSHEET_NUDGE_BANNER_HEIGHT as me, TOP_NAVIGATION_HEIGHT as St, DESMOS_CALC_POSITION as kt } from "./constants.js";
-import $t from "./hooks/use-create-imperative-handle.js";
-import vt from "./hooks/use-get-active-question-id.js";
+import de from "../../ui/layout/flex-view.js";
+import bt from "../../ui/text/text.js";
+import Ct from "../user-pointer-pin/user-pin.js";
+import { WORKSHEET_NUDGE_BANNER_HEIGHT as me, TOP_NAVIGATION_HEIGHT as It, DESMOS_CALC_POSITION as St } from "./constants.js";
+import kt from "./hooks/use-create-imperative-handle.js";
+import $t from "./hooks/use-get-active-question-id.js";
 import Tt from "./hooks/use-time-on-questions.js";
-import wt from "./question-tips.js";
-import Et from "./worksheet-action-bar/worksheet-action-bar.js";
-import Nt from "./worksheet-blocker/worksheet-blocker.js";
-import { getWorksheetDimensions as At, getQuestionsFromItems as Bt, getInitialResponses as Wt, getLastUnlockedQuestionIndex as ue, getInitialQuestionId as yt, getQuestionMetadata as he, scrollToQuestion as P, getRenderableQuestions as _t, getWorksheetNudgeBannerInfo as Ot } from "./worksheet-helpers.js";
-import Dt from "./worksheet-navigation/worksheet-navigation.js";
-import Vt from "./worksheet-question/worksheet-question.js";
-import Ht from "./worksheet-sidebar/navigator.js";
-import Mt from "./worksheet-sidebar/question-guide.js";
-import xt from "./worksheet-sidebar/sidebar.js";
-import { NudgeBannerWrapper as Rt, NudgeBannerIcon as fe, WorksheetContainer as Pt, NavigationContainer as Qt, NavigationWrapper as Gt, BlockerWrapper as Ft, DesmosCalcWrapper as jt, ActionbarContainer as zt, ActionbarWrapper as Lt, StudentWorksheetSideBar as qt, QuestionsWrapper as Xt } from "./worksheet-styled.js";
-import Kt from "./worksheet-summary/worksheet-summary.js";
-const Ut = (pe, ge) => {
+import vt from "./question-tips.js";
+import wt from "./worksheet-action-bar/worksheet-action-bar.js";
+import Et from "./worksheet-blocker/worksheet-blocker.js";
+import { getWorksheetDimensions as Nt, getQuestionsFromItems as At, getInitialResponses as Bt, getLastUnlockedQuestionIndex as ue, getInitialQuestionId as yt, getQuestionMetadata as he, scrollToQuestion as x, getRenderableQuestions as Wt, getWorksheetNudgeBannerInfo as _t } from "./worksheet-helpers.js";
+import Ot from "./worksheet-navigation/worksheet-navigation.js";
+import Dt from "./worksheet-question/worksheet-question.js";
+import Vt from "./worksheet-sidebar/navigator.js";
+import Ht from "./worksheet-sidebar/sidebar.js";
+import { NudgeBannerWrapper as Mt, NudgeBannerIcon as fe, WorksheetContainer as xt, NavigationContainer as Rt, NavigationWrapper as Pt, BlockerWrapper as Qt, DesmosCalcWrapper as Gt, ActionbarContainer as Ft, ActionbarWrapper as jt, StudentWorksheetSideBar as zt, QuestionsWrapper as Lt } from "./worksheet-styled.js";
+import qt from "./worksheet-summary/worksheet-summary.js";
+const Xt = (pe, ge) => {
   const {
     userType: r,
     studentName: be = "Student",
     questionsSignedRequest: Ce,
-    worksheetName: Y,
+    worksheetName: J,
     initialResponseId: Ie,
     initialItemIndex: Se,
     // learnosityActivityRef,
-    learnosityItems: Q,
+    learnosityItems: R,
     learnosityResponses: ke,
-    layout: $,
+    layout: k,
     background: $e,
     behavior: a,
-    updatedResponses: G,
-    showNudgeBanner: ve,
-    markedAsCompleted: Z,
-    onResponseChange: g,
-    onBulkResponsesChange: Te,
-    onResponsesChange: F,
-    onMediaStateChange: j,
-    onTeacherValidation: ee,
+    updatedResponses: P,
+    showNudgeBanner: Te,
+    markedAsCompleted: Y,
+    onResponseChange: f,
+    onBulkResponsesChange: ve,
+    onResponsesChange: Q,
+    onMediaStateChange: G,
+    onTeacherValidation: Z,
     onOptionalItemAssignment: we,
     onOptionalItemSkip: Ee,
-    onExitTicketStart: y,
+    onExitTicketStart: W,
     onExitTicketSubmit: _,
     onSubmit: Ne,
-    learnosity: m,
-    appendedQuestionIds: te,
+    learnosity: p,
+    appendedQuestionIds: ee,
     worksheetCompleted: Ae,
     userId: Be,
-    onPublishStrokes: We,
-    onReceiveStrokes: ye,
+    onPublishStrokes: ye,
+    onReceiveStrokes: We,
     initialStrokesData: _e,
-    isCanvasEnabled: ie,
+    isCanvasEnabled: te,
     onHelp: Oe,
     onPublishMouseMove: De,
     onSubscribeMouseMove: Ve,
-    onActiveQuestionChange: z,
+    onActiveQuestionChange: F,
     openQuestionFeedbackModal: He,
     summaryDescription: Me,
     canSubmitWorksheet: xe,
-    loggerRef: O,
+    loggerRef: j,
     canResolveDoubt: Re,
     onResolveDoubt: Pe,
     onSkip: Qe,
@@ -75,40 +73,40 @@ const Ut = (pe, ge) => {
     studentId: ze,
     subjectiveProps: Le,
     canShowActionBar: qe = !0
-  } = pe, { initialQuestion: Xe, navigationMode: u, teacherValidationEnabled: Ke, maximumAttempts: ne } = a, {
-    containerStyle: D,
+  } = pe, { initialQuestion: Xe, navigationMode: m, teacherValidationEnabled: Ke, maximumAttempts: ie } = a, {
+    containerStyle: O,
     containerWidth: Ue,
-    minQuestionHeight: oe,
+    minQuestionHeight: ne,
     minSummaryHeight: Je,
-    questionsScrollable: V,
+    questionsScrollable: D,
     navigationBar: Ye,
-    topOffset: H,
+    topOffset: V,
     renderSideBar: Ze,
     showUserPointer: et = !0
-  } = $, L = ne === -2, { actionbarHeight: h, maxQuestionWidth: M, questionsContainerWidth: q } = U(
-    () => At(Q, $),
-    [$, Q]
-  ), [e] = S(
-    () => Bt(Q, {
-      sectioned: Ke && u !== "ADAPTIVE" && u !== "CURRENT",
-      adaptive: u === "ADAPTIVE"
+  } = k, z = ie === -2, { actionbarHeight: g, maxQuestionWidth: L, questionsContainerWidth: q } = U(
+    () => Nt(R, k),
+    [k, R]
+  ), [t] = I(
+    () => At(R, {
+      sectioned: Ke && m !== "ADAPTIVE" && m !== "CURRENT",
+      adaptive: m === "ADAPTIVE"
     })
-  ), [c, w] = S(
-    () => ke ?? Wt(e)
-  ), [re, tt] = S(!1), f = U(
-    () => u !== "OPEN" ? ue({
-      questions: e,
+  ), [c, v] = I(
+    () => ke ?? Bt(t)
+  ), [oe, tt] = I(!1), u = U(
+    () => m !== "OPEN" ? ue({
+      questions: t,
       responses: c,
       behavior: a,
       userType: r
-    }) : e.length - 1,
-    [a, u, e, c, r]
-  ), d = e[f], n = c[(d == null ? void 0 : d.response_id) ?? ""], { bannerBackgroundColor: it, label: nt } = Ot(r, !!Z), [E] = S(
+    }) : t.length - 1,
+    [a, m, t, c, r]
+  ), l = t[u], n = c[(l == null ? void 0 : l.response_id) ?? ""], { bannerBackgroundColor: it, label: nt } = _t(r, !!Y), [w] = I(
     () => yt({
-      questions: e,
+      questions: t,
       initialQuestion: Xe,
       lastUnlockedQuestionIndex: ue({
-        questions: e,
+        questions: t,
         responses: c,
         behavior: a,
         userType: r
@@ -116,118 +114,118 @@ const Ut = (pe, ge) => {
       initialResponseId: Ie,
       initialItemIndex: Se
     })
-  ), { activeQuestionId: N, setActiveQuestionId: x, intersectionObserver: X } = vt(E), l = U(
-    () => e.findIndex((t) => t.response_id === N),
-    [N, e]
-  ), [p, K] = S(!1), [se, A] = S(), [ae, ce] = S(!1), de = Tt(a, c, N), ot = k(
-    (t, s, o) => {
+  ), { activeQuestionId: E, setActiveQuestionId: H, intersectionObserver: X } = $t(w), d = U(
+    () => t.findIndex((e) => e.response_id === E),
+    [E, t]
+  ), [h, K] = I(!1), [re, N] = I(), [se, ae] = I(!1), ce = Tt(a, c, E), ot = S(
+    (e, s, o) => {
       const b = s === "SIMULATION" ? "simState" : void 0;
-      b && (g ? w((v) => {
-        const C = t.response_id, W = he(e, C);
-        if (!W) return v;
+      b && (f ? v(($) => {
+        const C = e.response_id, B = he(t, C);
+        if (!B) return $;
         const le = {
-          ...W,
-          ...v[C],
+          ...B,
+          ...$[C],
           [b]: o
         };
-        return g == null || g({
+        return f == null || f({
           responseId: C,
           response: le,
           isNewAttempt: !1,
-          question: t
+          question: e
         }), {
-          ...v,
+          ...$,
           [C]: le
         };
-      }) : j && j(t, s, o));
+      }) : G && G(e, s, o));
     },
-    [j, g, e]
-  ), rt = k(
-    (t, s) => {
-      w((o) => {
-        const b = he(e, t);
+    [G, f, t]
+  ), rt = S(
+    (e, s) => {
+      v((o) => {
+        const b = he(t, e);
         return b ? {
           ...o,
-          [t]: {
+          [e]: {
             ...b,
-            ...o[t],
+            ...o[e],
             markedForReview: s
           }
         } : o;
       });
     },
-    [e]
-  ), B = k(() => {
-    A((t) => {
+    [t]
+  ), A = S(() => {
+    N((e) => {
       var s;
-      if (t) {
-        const o = (s = e[f]) == null ? void 0 : s.response_id;
+      if (e) {
+        const o = (s = t[u]) == null ? void 0 : s.response_id;
         o && setTimeout(() => {
-          P(o);
+          x(o);
         }, 50);
       }
     });
-  }, [f, e]), R = k(
-    (t) => {
-      K(!1), V ? requestAnimationFrame(() => P(t)) : x(t);
+  }, [u, t]), M = S(
+    (e) => {
+      K(!1), D ? requestAnimationFrame(() => x(e)) : H(e);
     },
-    [V, x]
-  ), st = k(() => {
-    ce(!1);
-  }, []), at = k(() => {
-    ce(!0);
-  }, []), ct = k(() => {
+    [D, H]
+  ), st = S(() => {
+    ae(!1);
+  }, []), at = S(() => {
+    ae(!0);
+  }, []), ct = S(() => {
     K(!0);
   }, []);
   return T(() => {
-    const t = e[l];
-    t && z && z(t);
-  }, [z, e, l]), $t(ge, {
+    const e = t[d];
+    e && F && F(e);
+  }, [F, t, d]), kt(ge, {
     behavior: a,
-    questions: e,
-    setResponses: w,
-    onResponseChange: g,
-    onBulkResponsesChange: Te,
-    getTimeSpentOnQuestion: de
+    questions: t,
+    setResponses: v,
+    onResponseChange: f,
+    onBulkResponsesChange: ve,
+    getTimeSpentOnQuestion: ce
   }), T(() => () => {
     X.disconnect();
   }, [X]), T(() => {
-    F && c && F(c);
-  }, [F, c]), T(() => {
-    G && w(G);
-  }, [G]), ut(() => {
-    let t;
-    return m && E && (pt().browser_name === "Safari" ? t = setTimeout(() => {
-      P(E);
-    }, 400) : P(E)), () => {
-      clearTimeout(t);
+    Q && c && Q(c);
+  }, [Q, c]), T(() => {
+    P && v(P);
+  }, [P]), ut(() => {
+    let e;
+    return p && w && (pt().browser_name === "Safari" ? e = setTimeout(() => {
+      x(w);
+    }, 400) : x(w)), () => {
+      clearTimeout(e);
     };
-  }, [m, E, H]), T(() => {
-    if (a.teacherValidationEnabled && d) {
-      const { item_type: t, instructor_stimulus: s, is_optional: o } = d;
-      r === "TEACHER" && (t === "exit-ticket" && s !== "SystemIntro" ? n != null && n.submittedByStudent && !(n != null && n.validatedByTeacher) ? A("exit-ticket-review-available") : n != null && n.validatedByTeacher ? B() : A("exit-ticket-teacher-intervention") : o ? n != null && n.assignStatus ? B() : A("optional-items-assignment") : o || B());
+  }, [p, w, V]), T(() => {
+    if (a.teacherValidationEnabled && l) {
+      const { item_type: e, instructor_stimulus: s, is_optional: o } = l;
+      r === "TEACHER" && (e === "exit-ticket" && s !== "SystemIntro" ? n != null && n.submittedByStudent && !(n != null && n.validatedByTeacher) ? N("exit-ticket-review-available") : n != null && n.validatedByTeacher ? A() : N("exit-ticket-teacher-intervention") : o ? n != null && n.assignStatus ? A() : N("optional-items-assignment") : o || A());
     }
   }, [
     a.teacherValidationEnabled,
-    B,
-    d,
+    A,
+    l,
     n,
     r
   ]), T(() => {
-    if (a.teacherValidationEnabled && d) {
-      const { item_type: t, instructor_stimulus: s } = d;
-      r === "STUDENT" && t === "exit-ticket" && s !== "SystemIntro" && (n != null && n.submittedByStudent ? _ == null || _() : y == null || y());
+    if (a.teacherValidationEnabled && l) {
+      const { item_type: e, instructor_stimulus: s } = l;
+      r === "STUDENT" && e === "exit-ticket" && s !== "SystemIntro" && (n != null && n.submittedByStudent ? _ == null || _() : W == null || W());
     }
   }, [
     a.teacherValidationEnabled,
-    d,
+    l,
     n == null ? void 0 : n.submittedByStudent,
-    y,
+    W,
     _,
     r
-  ]), m ? /* @__PURE__ */ I(dt, { children: [
-    ve && /* @__PURE__ */ I(
-      Rt,
+  ]), p ? /* @__PURE__ */ y(lt, { children: [
+    Te && /* @__PURE__ */ y(
+      Mt,
       {
         $flexDirection: "row",
         $justifyContent: "center",
@@ -239,77 +237,77 @@ const Ut = (pe, ge) => {
         $gutter: 8,
         $flexGap: 8,
         $background: it,
-        $topOffset: $.topOffset - me,
+        $topOffset: k.topOffset - me,
         children: [
-          Z ? /* @__PURE__ */ i(fe, { children: /* @__PURE__ */ i(ht, { width: 16, height: 16 }) }) : /* @__PURE__ */ i(fe, { children: /* @__PURE__ */ i(ft, { width: 16, height: 16 }) }),
-          /* @__PURE__ */ i(Ct, { $renderAs: "ub3", children: nt })
+          Y ? /* @__PURE__ */ i(fe, { children: /* @__PURE__ */ i(ht, { width: 16, height: 16 }) }) : /* @__PURE__ */ i(fe, { children: /* @__PURE__ */ i(ft, { width: 16, height: 16 }) }),
+          /* @__PURE__ */ i(bt, { $renderAs: "ub3", children: nt })
         ]
       }
     ),
-    /* @__PURE__ */ I(Pt, { $background: "WHITE_1", $width: Ue, children: [
-      Ye === "top" && /* @__PURE__ */ i(Qt, { $topOffset: H, $height: St, children: /* @__PURE__ */ i(Gt, { children: /* @__PURE__ */ i(
-        Dt,
+    /* @__PURE__ */ y(xt, { $background: "WHITE_1", $width: Ue, children: [
+      Ye === "top" && /* @__PURE__ */ i(Rt, { $topOffset: V, $height: It, children: /* @__PURE__ */ i(Pt, { children: /* @__PURE__ */ i(
+        Ot,
         {
           placement: "top",
-          questions: e,
+          questions: t,
           responses: c,
-          activeQuestionIndex: l,
-          lastUnlockedQuestionIndex: f,
+          activeQuestionIndex: d,
+          lastUnlockedQuestionIndex: u,
           behavior: a,
-          onItemNumberClick: R,
+          onItemNumberClick: M,
           userType: r,
-          summaryVisible: p
+          summaryVisible: h
         }
       ) }) }),
-      se && d && /* @__PURE__ */ i(Ft, { $minHeight: oe, $topOffset: H, children: /* @__PURE__ */ i(J, { $width: M, $justifyContent: "center", $alignItems: "center", children: /* @__PURE__ */ i(
-        Nt,
+      re && l && /* @__PURE__ */ i(Qt, { $minHeight: ne, $topOffset: V, children: /* @__PURE__ */ i(de, { $width: L, $justifyContent: "center", $alignItems: "center", children: /* @__PURE__ */ i(
+        Et,
         {
-          blocker: se,
-          lastUnlockedQuestion: d,
+          blocker: re,
+          lastUnlockedQuestion: l,
           studentName: be,
-          onBlockerClose: B,
+          onBlockerClose: A,
           onOptionalItemAssignment: we,
           onOptionalItemSkip: Ee,
-          onTeacherValidation: ee
+          onTeacherValidation: Z
         }
       ) }) }),
       et && /* @__PURE__ */ i(
-        It,
+        Ct,
         {
-          activeQuestionIndex: l,
-          onClick: R,
-          questions: e,
-          bottomOffset: h,
-          topOffset: H,
+          activeQuestionIndex: d,
+          onClick: M,
+          questions: t,
+          bottomOffset: g,
+          topOffset: V,
           userType: r
         }
       ),
-      ae && /* @__PURE__ */ i(jt, { children: /* @__PURE__ */ i(gt, { initialPosition: kt, onClose: st }) }),
-      /* @__PURE__ */ I(
-        zt,
+      se && /* @__PURE__ */ i(Gt, { children: /* @__PURE__ */ i(gt, { initialPosition: St, onClose: st }) }),
+      /* @__PURE__ */ y(
+        Ft,
         {
-          $marginTop: r === "TEACHER" && p ? "0" : h,
-          $height: h,
-          $isCardView: D === "card",
-          $isPuzzleCard: L,
+          $marginTop: r === "TEACHER" && h ? "0" : g,
+          $height: g,
+          $isCardView: O === "card",
+          $isPuzzleCard: z,
           children: [
-            ne !== -2 && /* @__PURE__ */ i(
-              wt,
+            ie !== -2 && /* @__PURE__ */ i(
+              vt,
               {
                 width: q - 32,
-                question: e[l],
-                learnosity: m,
+                question: t[d],
+                learnosity: p,
                 userType: r
               }
             ),
             qe && /* @__PURE__ */ i(
-              Lt,
+              jt,
               {
-                $height: h,
-                $width: D === "card" ? q - 32 : "100%",
-                $isCardView: D === "card",
+                $height: g,
+                $width: O === "card" ? q - 32 : "100%",
+                $isCardView: O === "card",
                 children: /* @__PURE__ */ i(
-                  J,
+                  de,
                   {
                     $gutterX: 1,
                     $flexDirection: "row",
@@ -317,37 +315,37 @@ const Ut = (pe, ge) => {
                     $alignItems: "center",
                     $width: q - 32,
                     children: /* @__PURE__ */ i(
-                      Et,
+                      wt,
                       {
                         userType: r,
-                        layout: $,
+                        layout: k,
                         behavior: a,
-                        worksheetName: Y,
-                        questions: e,
+                        worksheetName: J,
+                        questions: t,
                         responses: c,
                         onCalculatorOpen: at,
-                        activeQuestionIndex: l,
-                        lastUnlockedQuestionIndex: f,
-                        appendedQuestionIds: te,
-                        learnosity: m,
-                        isCanvasEnabled: ie,
+                        activeQuestionIndex: d,
+                        lastUnlockedQuestionIndex: u,
+                        appendedQuestionIds: ee,
+                        learnosity: p,
+                        isCanvasEnabled: te,
                         canSubmitWorksheet: xe,
-                        isScribblingEnabled: re,
-                        isSummaryVisible: p,
-                        setResponses: w,
-                        getTimeSpentOnQuestion: de,
+                        isScribblingEnabled: oe,
+                        isSummaryVisible: h,
+                        setResponses: v,
+                        getTimeSpentOnQuestion: ce,
                         setSummaryVisible: K,
-                        setBlocker: A,
+                        setBlocker: N,
                         setIsScribblingEnabled: tt,
-                        setActiveQuestionId: x,
-                        onItemNumberClick: R,
+                        setActiveQuestionId: H,
+                        onItemNumberClick: M,
                         onGoToReview: ct,
-                        onResponseChange: g,
+                        onResponseChange: f,
                         onHelp: Oe,
-                        onTeacherValidation: ee,
+                        onTeacherValidation: Z,
                         onSubmit: Ne,
-                        showCalculator: ae,
-                        loggerRef: O,
+                        showCalculator: se,
+                        loggerRef: j,
                         onSkip: Qe,
                         onUnassign: Ge,
                         onReview: Fe,
@@ -358,116 +356,100 @@ const Ut = (pe, ge) => {
                 )
               }
             ),
-            !p && V && r === "STUDENT" && /* @__PURE__ */ I(qt, { children: [
-              L && /* @__PURE__ */ I(J, { $position: "relative", children: [
-                /* @__PURE__ */ i(
-                  Mt,
-                  {
-                    questionWidth: M,
-                    questions: e,
-                    activeQuestionIndex: l,
-                    learnosity: m,
-                    actionbarHeight: h,
-                    loggerRef: O,
-                    hideSolution: !0
-                  }
-                ),
-                /* @__PURE__ */ i(bt, { heightX: 0.5 })
-              ] }),
-              /* @__PURE__ */ i(Ht, {})
-            ] })
+            !h && D && r === "STUDENT" && /* @__PURE__ */ i(zt, { children: /* @__PURE__ */ i(Vt, {}) })
           ]
         }
       ),
-      /* @__PURE__ */ I(
-        Xt,
+      /* @__PURE__ */ y(
+        Lt,
         {
-          $actionbarHeight: h,
-          $isCardView: D === "card",
-          $isPuzzleCard: L,
+          $actionbarHeight: g,
+          $isCardView: O === "card",
+          $isPuzzleCard: z,
           children: [
-            _t({ questions: e, lastUnlockedQuestionIndex: f, userType: r }).map(
-              (t, s) => {
-                var C, W;
-                const { response_id: o, is_optional: b } = t, v = (C = c[o]) == null ? void 0 : C.assignStatus;
-                return a.teacherValidationEnabled && (v === "skipped" || b && v !== "assigned" && r === "STUDENT") ? null : /* @__PURE__ */ i(
-                  Vt,
+            Wt({ questions: t, lastUnlockedQuestionIndex: u, userType: r }).map(
+              (e, s) => {
+                var C, B;
+                const { response_id: o, is_optional: b } = e, $ = (C = c[o]) == null ? void 0 : C.assignStatus;
+                return a.teacherValidationEnabled && ($ === "skipped" || b && $ !== "assigned" && r === "STUDENT") ? null : /* @__PURE__ */ i(
+                  Dt,
                   {
                     signedRequest: Ce,
                     userType: r,
                     worksheetCompleted: Ae,
-                    question: t,
+                    question: e,
                     response: c[o],
-                    nextQuestionId: u === "ADAPTIVE" || u === "CURRENT" ? d == null ? void 0 : d.response_id : s < f ? (W = e[s + 1]) == null ? void 0 : W.response_id : void 0,
-                    maxQuestionWidth: M,
-                    learnosity: m,
-                    isActive: o === N,
-                    isHidden: !V && o !== N || p,
-                    canRender: l > -1 && (s === l || u !== "CURRENT" && s === l + 1),
+                    nextQuestionId: m === "ADAPTIVE" || m === "CURRENT" ? l == null ? void 0 : l.response_id : s < u ? (B = t[s + 1]) == null ? void 0 : B.response_id : void 0,
+                    maxQuestionWidth: L,
+                    learnosity: p,
+                    isActive: o === E,
+                    isHidden: !D && o !== E || h,
+                    canRender: d > -1 && (s === d || m !== "CURRENT" && s === d + 1),
                     background: $e,
-                    appended: te.includes(o),
+                    appended: ee.includes(o),
                     behavior: a,
-                    layout: $,
-                    actionbarHeight: h,
+                    layout: k,
+                    actionbarHeight: g,
                     intersectionObserver: X,
                     onMarkForReview: rt,
                     onMediaStateChange: ot,
                     userId: Be,
-                    isScribblingEnabled: re,
-                    onPublishStrokes: We,
-                    onReceiveStrokes: ye,
+                    isScribblingEnabled: oe,
+                    onPublishStrokes: ye,
+                    onReceiveStrokes: We,
                     initialStrokesData: _e,
-                    isCanvasEnabled: ie,
+                    isCanvasEnabled: te,
                     onPublishMouseMove: De,
                     onSubscribeMouseMove: Ve,
-                    setActiveQuestionId: x,
+                    setActiveQuestionId: H,
                     canResolveDoubt: Re,
                     onResolveDoubt: Pe,
                     studentId: ze,
                     subjectiveProps: Le,
                     responses: c,
-                    loggerRef: O
+                    loggerRef: j
                   },
                   o
                 );
               }
             ),
-            p && /* @__PURE__ */ i(
-              Kt,
+            h && /* @__PURE__ */ i(
+              qt,
               {
-                worksheetName: Y,
-                questions: e,
+                worksheetName: J,
+                questions: t,
                 responses: c,
-                activeQuestionIndex: l,
-                lastUnlockedQuestionIndex: f,
-                onItemNumberClick: R,
+                activeQuestionIndex: d,
+                lastUnlockedQuestionIndex: u,
+                onItemNumberClick: M,
                 behavior: a,
                 minHeight: Je,
                 summaryDescription: Me,
-                summaryVisible: p
+                summaryVisible: h
               }
             )
           ]
         }
       ),
-      !p && Ze && /* @__PURE__ */ i(
-        xt,
+      !h && Ze && /* @__PURE__ */ i(
+        Ht,
         {
-          questionWidth: M,
-          questions: e,
-          activeQuestionIndex: l,
-          learnosity: m,
+          questionWidth: L,
+          questions: t,
+          activeQuestionIndex: d,
+          learnosity: p,
           userType: r,
-          height: oe,
-          actionbarHeight: h,
+          height: ne,
+          actionbarHeight: g,
           openQuestionFeedbackModal: He,
-          loggerRef: O
+          loggerRef: j,
+          isPuzzleCard: z
         }
       )
     ] })
   ] }) : null;
-}, $i = lt(mt(Ut));
+}, Ci = dt(mt(Xt));
 export {
-  $i as default
+  Ci as default
 };
 //# sourceMappingURL=worksheet.js.map