@cuemath/leap 3.1.47 → 3.1.48-aa0

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

@@ -1,49 +1,49 @@
-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 { jsxs as R, Fragment as lt, jsx as o } from "react/jsx-runtime";
+import { captureMessage as Z } from "@sentry/browser";
+import { memo as dt, forwardRef as ut, useMemo as Q, useState as T, useCallback as y, useEffect as b, useLayoutEffect as mt } from "react";
+import ft from "../../../assets/line-icons/icons/check2.js";
+import pt from "../../../assets/line-icons/icons/info2.js";
+import ht from "../../../helpers/get-device-details.js";
+import gt 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 bt from "../../ui/text/text.js";
+import It from "../constants/events.js";
+import St from "../user-pointer-pin/user-pin.js";
+import { WORKSHEET_NUDGE_BANNER_HEIGHT as me, TOP_NAVIGATION_HEIGHT as Ct, DESMOS_CALC_POSITION as Tt } 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) => {
+import vt from "./hooks/use-get-active-question-id.js";
+import $t from "./hooks/use-time-on-questions.js";
+import Et from "./question-tips.js";
+import _t from "./worksheet-action-bar/worksheet-action-bar.js";
+import kt from "./worksheet-blocker/worksheet-blocker.js";
+import { getWorksheetDimensions as wt, getQuestionsFromItems as Nt, getInitialResponses as At, getLastUnlockedQuestionIndex as fe, getRenderableQuestions as Bt, getInitialQuestionId as Wt, getQuestionMetadata as pe, scrollToQuestion as G, getWorksheetNudgeBannerInfo as Ot } from "./worksheet-helpers.js";
+import Rt from "./worksheet-navigation/worksheet-navigation.js";
+import Dt from "./worksheet-question/worksheet-question.js";
+import Vt from "./worksheet-sidebar/navigator.js";
+import Mt from "./worksheet-sidebar/sidebar.js";
+import { NudgeBannerWrapper as Ht, NudgeBannerIcon as he, WorksheetContainer as xt, NavigationContainer as qt, NavigationWrapper as Pt, BlockerWrapper as Qt, DesmosCalcWrapper as Gt, ActionbarContainer as Lt, ActionbarWrapper as Ft, StudentWorksheetSideBar as jt, QuestionsWrapper as Kt } from "./worksheet-styled.js";
+import Ut from "./worksheet-summary/worksheet-summary.js";
+const Xt = (ge, be) => {
   const {
-    userType: s,
+    userType: r,
     studentName: Ie = "Student",
     questionsSignedRequest: Se,
     worksheetName: ee,
     initialResponseId: Ce,
-    initialItemIndex: ye,
+    initialItemIndex: Te,
     learnosityActivityRef: _,
     learnosityItems: k,
-    learnosityResponses: Te,
+    learnosityResponses: ye,
     layout: v,
     background: ve,
     behavior: a,
-    updatedResponses: G,
+    updatedResponses: L,
     showNudgeBanner: $e,
     markedAsCompleted: te,
     onResponseChange: I,
     onBulkResponsesChange: Ee,
-    onResponsesChange: L,
-    onMediaStateChange: F,
+    onResponsesChange: F,
+    onMediaStateChange: j,
     onTeacherValidation: ie,
     onOptionalItemAssignment: _e,
     onOptionalItemSkip: ke,
@@ -61,7 +61,7 @@ const Ut = (ge, be) => {
     onHelp: Re,
     onPublishMouseMove: De,
     onSubscribeMouseMove: Ve,
-    onActiveQuestionChange: j,
+    onActiveQuestionChange: K,
     openQuestionFeedbackModal: Me,
     summaryDescription: He,
     canSubmitWorksheet: xe,
@@ -73,7 +73,7 @@ const Ut = (ge, be) => {
     studentId: Le,
     subjectiveProps: Fe,
     canShowActionBar: je = !0
-  } = ge, { initialQuestion: Ke, navigationMode: p, teacherValidationEnabled: K } = a, {
+  } = ge, { initialQuestion: Ke, navigationMode: p, teacherValidationEnabled: U } = a, {
     containerStyle: M,
     containerWidth: Ue,
     minQuestionHeight: re,
@@ -83,41 +83,44 @@ const Ut = (ge, be) => {
     topOffset: x,
     renderSideBar: Je,
     showUserPointer: Ye = !0
-  } = v, { actionbarHeight: C, maxQuestionWidth: U, questionsContainerWidth: X } = Z(
-    () => kt(k, v),
+  } = v, { actionbarHeight: C, maxQuestionWidth: X, questionsContainerWidth: z } = Q(
+    () => wt(k, v),
     [v, k]
-  ), [t] = y(
-    () => wt(k, {
-      sectioned: K && p !== "ADAPTIVE" && p !== "CURRENT",
+  ), [t] = T(
+    () => Nt(k, {
+      sectioned: U && p !== "ADAPTIVE" && p !== "CURRENT",
       adaptive: p === "ADAPTIVE"
     })
-  ), [c, N] = y(
-    () => Te ?? Nt(t)
-  ), [se, Ze] = y(!1), h = Z(
+  ), [c, N] = T(
+    () => ye ?? At(t)
+  ), [se, Ze] = T(!1), h = Q(
     () => p !== "OPEN" ? fe({
       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: et, label: tt } = Wt(s, !!te), [A] = y(
-    () => At({
+    [a, p, t, c, r]
+  ), et = Q(
+    () => Bt({ questions: t, lastUnlockedQuestionIndex: h, userType: r }),
+    [t, h, r]
+  ), l = t[h], s = c[(l == null ? void 0 : l.response_id) ?? ""], { bannerBackgroundColor: tt, label: it } = Ot(r, !!te), [A] = T(
+    () => Wt({
       questions: t,
       initialQuestion: Ke,
       lastUnlockedQuestionIndex: fe({
         questions: t,
         responses: c,
         behavior: a,
-        userType: s
+        userType: r
       }),
       initialResponseId: Ce,
-      initialItemIndex: ye
+      initialItemIndex: Te
     })
-  ), { activeQuestionId: B, setActiveQuestionId: q, intersectionObserver: z } = Tt(A), f = Z(
+  ), { activeQuestionId: B, setActiveQuestionId: q, intersectionObserver: J } = vt(A), f = Q(
     () => 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(
+  ), [g, Y] = T(!1), [ae, W] = T(), [ce, le] = T(!1), de = $t(a, c, B), nt = y(
     (e, i, n) => {
       const d = i === "SIMULATION" ? "simState" : void 0;
       d && (I ? N((u) => {
@@ -137,10 +140,10 @@ const Ut = (ge, be) => {
           ...u,
           [m]: E
         };
-      }) : F && F(e, i, n));
+      }) : j && j(e, i, n));
     },
-    [F, I, t]
-  ), nt = T(
+    [j, I, t]
+  ), ot = y(
     (e, i) => {
       N((n) => {
         const d = pe(t, e);
@@ -155,32 +158,32 @@ const Ut = (ge, be) => {
       });
     },
     [t]
-  ), O = T(() => {
+  ), O = y(() => {
     W((e) => {
       var i;
       if (e) {
         const n = (i = t[h]) == null ? void 0 : i.response_id;
         n && setTimeout(() => {
-          Q(n);
+          G(n);
         }, 50);
       }
     });
-  }, [h, t]), P = T(
+  }, [h, t]), P = y(
     (e) => {
-      J(!1), H ? requestAnimationFrame(() => Q(e)) : q(e);
+      Y(!1), H ? requestAnimationFrame(() => G(e)) : q(e);
     },
     [H, q]
-  ), ot = T(() => {
+  ), rt = y(() => {
     le(!1);
-  }, []), rt = T(() => {
+  }, []), st = y(() => {
     le(!0);
-  }, []), st = T(() => {
-    J(!0);
+  }, []), at = y(() => {
+    Y(!0);
   }, []);
   return b(() => {
     const e = t[f];
-    e && j && j(e);
-  }, [j, t, f]), yt(be, {
+    e && K && K(e);
+  }, [K, t, f]), yt(be, {
     behavior: a,
     questions: t,
     setResponses: N,
@@ -188,45 +191,45 @@ const Ut = (ge, be) => {
     onBulkResponsesChange: Ee,
     getTimeSpentOnQuestion: de
   }), b(() => () => {
-    z.disconnect();
-  }, [z]), b(() => {
-    L && c && L(c);
-  }, [L, c]), b(() => {
-    G && N(G);
-  }, [G]), ut(() => {
+    J.disconnect();
+  }, [J]), b(() => {
+    F && c && F(c);
+  }, [F, c]), b(() => {
+    L && N(L);
+  }, [L]), mt(() => {
     let e;
-    return S && A && (pt().browser_name === "Safari" ? e = setTimeout(() => {
-      Q(A);
-    }, 400) : Q(A)), () => {
+    return S && A && (ht().browser_name === "Safari" ? e = setTimeout(() => {
+      G(A);
+    }, 400) : G(A)), () => {
       clearTimeout(e);
     };
   }, [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" ? 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());
+      r === "TEACHER" && (e === "exit-ticket" && i !== "SystemIntro" ? s != null && s.submittedByStudent && !(s != null && s.validatedByTeacher) ? W("exit-ticket-review-available") : s != null && s.validatedByTeacher ? O() : W("exit-ticket-teacher-intervention") : n ? s != null && s.assignStatus ? O() : W("optional-items-assignment") : n || O());
     }
   }, [
     a.teacherValidationEnabled,
     O,
     l,
-    r,
-    s
+    s,
+    r
   ]), b(() => {
     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());
+      r === "STUDENT" && e === "exit-ticket" && i !== "SystemIntro" && (s != null && s.submittedByStudent ? V == null || V() : D == null || D());
     }
   }, [
     a.teacherValidationEnabled,
     l,
-    r == null ? void 0 : r.submittedByStudent,
+    s == null ? void 0 : s.submittedByStudent,
     D,
     V,
-    s
+    r
   ]), 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}`, {
+      i.length < 3 ? Z(`Diagnostics item has Less than 3 questions: ${e}`, {
         tags: {
           "content-type": "learnosity",
           "activity-reference": _,
@@ -234,7 +237,7 @@ const Ut = (ge, be) => {
         },
         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(
+      }) : (((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") && Z(
         `Diagnostics questions sequence is incorrect expected [Try, Learn, Apply]: ${e}`,
         {
           tags: {
@@ -250,9 +253,9 @@ const Ut = (ge, be) => {
   }, [_, 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)) {
+      if ((U ? d !== "clozetext" : !0) && (i != null && i.valid_response)) {
         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}`, {
+        (E == null ? void 0 : E.length) === 0 && ((i.alt_responses ?? []).some((ct) => ct.value.length > 0) || (Z(`Question has no valid response: ${m.widget_reference}`, {
           tags: {
             "content-type": "learnosity",
             "activity-reference": _,
@@ -262,7 +265,7 @@ const Ut = (ge, be) => {
           },
           fingerprint: [`no-valid-response-${m.widget_reference}`]
           // Add unique fingerprint
-        }), w.current(bt.WORKSHEET_V3_QUESTION_MISSING_VALIDATION, {
+        }), w.current(It.WORKSHEET_V3_QUESTION_MISSING_VALIDATION, {
           item_reference: n,
           widget_reference: m.widget_reference,
           question_type: d,
@@ -270,9 +273,9 @@ const Ut = (ge, be) => {
         })));
       }
     });
-  }, [_, w, t, K]), S ? /* @__PURE__ */ R(ct, { children: [
+  }, [_, w, t, U]), S ? /* @__PURE__ */ R(lt, { children: [
     $e && /* @__PURE__ */ R(
-      Mt,
+      Ht,
       {
         $flexDirection: "row",
         $justifyContent: "center",
@@ -283,17 +286,17 @@ const Ut = (ge, be) => {
         $gap: 8,
         $gutter: 8,
         $flexGap: 8,
-        $background: et,
+        $background: tt,
         $topOffset: v.topOffset - me,
         children: [
-          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 })
+          te ? /* @__PURE__ */ o(he, { children: /* @__PURE__ */ o(ft, { width: 16, height: 16 }) }) : /* @__PURE__ */ o(he, { children: /* @__PURE__ */ o(pt, { width: 16, height: 16 }) }),
+          /* @__PURE__ */ o(bt, { $renderAs: "ub3", children: it })
         ]
       }
     ),
-    /* @__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,
+    /* @__PURE__ */ R(xt, { $background: "WHITE", $width: Ue, children: [
+      ze === "top" && /* @__PURE__ */ o(qt, { $topOffset: x, $height: Ct, children: /* @__PURE__ */ o(Pt, { children: /* @__PURE__ */ o(
+        Rt,
         {
           placement: "top",
           questions: t,
@@ -302,12 +305,12 @@ const Ut = (ge, be) => {
           lastUnlockedQuestionIndex: h,
           behavior: a,
           onItemNumberClick: P,
-          userType: s,
+          userType: r,
           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,
+      ae && l && /* @__PURE__ */ o(Qt, { $minHeight: re, $topOffset: x, children: /* @__PURE__ */ o(ue, { $width: X, $justifyContent: "center", $alignItems: "center", children: /* @__PURE__ */ o(
+        kt,
         {
           blocker: ae,
           lastUnlockedQuestion: l,
@@ -319,38 +322,38 @@ const Ut = (ge, be) => {
         }
       ) }) }),
       Ye && /* @__PURE__ */ o(
-        It,
+        St,
         {
           activeQuestionIndex: f,
           onClick: P,
           questions: t,
           bottomOffset: C,
           topOffset: x,
-          userType: s
+          userType: r
         }
       ),
-      ce && /* @__PURE__ */ o(Qt, { children: /* @__PURE__ */ o(ht, { initialPosition: Ct, onClose: ot }) }),
+      ce && /* @__PURE__ */ o(Gt, { children: /* @__PURE__ */ o(gt, { initialPosition: Tt, onClose: rt }) }),
       /* @__PURE__ */ R(
-        Gt,
+        Lt,
         {
-          $marginTop: s === "TEACHER" && g ? "0" : C,
+          $marginTop: r === "TEACHER" && g ? "0" : C,
           $height: C,
           $isCardView: M === "card",
           children: [
             /* @__PURE__ */ o(
-              $t,
+              Et,
               {
-                width: X - 32,
+                width: z - 32,
                 question: t[f],
                 learnosity: S,
-                userType: s
+                userType: r
               }
             ),
             je && /* @__PURE__ */ o(
-              Lt,
+              Ft,
               {
                 $height: C,
-                $width: M === "card" ? X - 32 : "100%",
+                $width: M === "card" ? z - 32 : "100%",
                 $isCardView: M === "card",
                 children: /* @__PURE__ */ o(
                   ue,
@@ -359,17 +362,17 @@ const Ut = (ge, be) => {
                     $flexDirection: "row",
                     $justifyContent: "space-between",
                     $alignItems: "center",
-                    $width: X - 32,
+                    $width: z - 32,
                     children: /* @__PURE__ */ o(
-                      Et,
+                      _t,
                       {
-                        userType: s,
+                        userType: r,
                         layout: v,
                         behavior: a,
                         worksheetName: ee,
                         questions: t,
                         responses: c,
-                        onCalculatorOpen: rt,
+                        onCalculatorOpen: st,
                         activeQuestionIndex: f,
                         lastUnlockedQuestionIndex: h,
                         appendedQuestionIds: ne,
@@ -380,12 +383,12 @@ const Ut = (ge, be) => {
                         isSummaryVisible: g,
                         setResponses: N,
                         getTimeSpentOnQuestion: de,
-                        setSummaryVisible: J,
+                        setSummaryVisible: Y,
                         setBlocker: W,
                         setIsScribblingEnabled: Ze,
                         setActiveQuestionId: q,
                         onItemNumberClick: P,
-                        onGoToReview: st,
+                        onGoToReview: at,
                         onResponseChange: I,
                         onHelp: Re,
                         onTeacherValidation: ie,
@@ -400,64 +403,62 @@ const Ut = (ge, be) => {
                 )
               }
             ),
-            !g && H && s === "STUDENT" && /* @__PURE__ */ o(Ft, { children: /* @__PURE__ */ o(Dt, {}) })
+            !g && H && r === "STUDENT" && /* @__PURE__ */ o(jt, { children: /* @__PURE__ */ o(Vt, {}) })
           ]
         }
       ),
       /* @__PURE__ */ R(
-        jt,
+        Kt,
         {
           $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,
-                  {
-                    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,
-                    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
-                );
-              }
-            ),
+            et.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" && r === "STUDENT") ? null : /* @__PURE__ */ o(
+                Dt,
+                {
+                  signedRequest: Se,
+                  userType: r,
+                  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: X,
+                  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,
+                  layout: v,
+                  actionbarHeight: C,
+                  intersectionObserver: J,
+                  onMarkForReview: ot,
+                  onMediaStateChange: nt,
+                  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,
+              Ut,
               {
                 worksheetName: ee,
                 questions: t,
@@ -475,13 +476,13 @@ const Ut = (ge, be) => {
         }
       ),
       !g && Je && /* @__PURE__ */ o(
-        Vt,
+        Mt,
         {
-          questionWidth: U,
+          questionWidth: X,
           questions: t,
           activeQuestionIndex: f,
           learnosity: S,
-          userType: s,
+          userType: r,
           height: re,
           actionbarHeight: C,
           openQuestionFeedbackModal: Me,
@@ -490,8 +491,8 @@ const Ut = (ge, be) => {
       )
     ] })
   ] }) : null;
-}, Ti = lt(dt(Ut));
+}, vi = dt(ut(Xt));
 export {
-  Ti as default
+  vi as default
 };
 //# sourceMappingURL=worksheet.js.map