@cuemath/leap 3.3.0 → 3.3.2-2.beta-guru-01

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

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