@cuemath/leap 3.2.29 → 3.2.30-aa0

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

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