@cuemath/leap 3.1.44-beta-0.2 → 3.1.44-hg2

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

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