@cuemath/leap 3.2.21-m → 3.2.21-tp-beta-0.2

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

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