@cuemath/leap 3.2.18-mb → 3.2.19-beta-0.1

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

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