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

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

@@ -1,29 +1,29 @@
-import { jsxs as D, Fragment as mt, jsx as r } from "react/jsx-runtime";
+import { jsxs as D, Fragment as ft, jsx as r } from "react/jsx-runtime";
 import { captureMessage as ee } from "@sentry/browser";
-import { memo as ft, forwardRef as ht, useMemo as te, useState as $, useCallback as y, useEffect as b, useLayoutEffect as pt } 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 { memo as ht, forwardRef as pt, useMemo as te, useState as $, useCallback as y, useEffect as b, useLayoutEffect as gt } from "react";
+import bt from "../../../assets/line-icons/icons/check2.js";
+import It from "../../../assets/line-icons/icons/info2.js";
+import St from "../../../helpers/get-device-details.js";
+import Ct from "../../sheet-tools/desmos-calculator/desmos-calculator.js";
 import ie from "../../ui/layout/flex-view.js";
 import fe from "../../ui/text/text.js";
-import Ct from "../constants/events.js";
-import $t from "../user-pointer-pin/user-pin.js";
-import { WORKSHEET_NUDGE_BANNER_HEIGHT as he, TOP_NAVIGATION_HEIGHT as yt, DESMOS_CALC_POSITION as Tt } from "./constants.js";
-import _t from "./hooks/use-create-imperative-handle.js";
-import vt from "./hooks/use-get-active-question-id.js";
+import $t from "../constants/events.js";
+import yt from "../user-pointer-pin/user-pin.js";
+import { WORKSHEET_NUDGE_BANNER_HEIGHT as he, TOP_NAVIGATION_HEIGHT as Tt, DESMOS_CALC_POSITION as _t } from "./constants.js";
+import vt from "./hooks/use-create-imperative-handle.js";
+import kt from "./hooks/use-get-active-question-id.js";
 import Et from "./hooks/use-time-on-questions.js";
-import 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 ge, scrollToQuestion as G, 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 be, WorksheetContainer as Pt, NavigationContainer as Qt, NavigationWrapper as Gt, BlockerWrapper as Lt, DesmosCalcWrapper as jt, ActionbarContainer as Ft, ActionbarWrapper as Ut, StudentWorksheetSideBar as Xt, QuestionsWrapper as Kt } from "./worksheet-styled.js";
-import zt from "./worksheet-summary/worksheet-summary.js";
-const Jt = (Ie, Se) => {
+import wt from "./question-tips.js";
+import Nt from "./worksheet-action-bar/worksheet-action-bar.js";
+import At from "./worksheet-blocker/worksheet-blocker.js";
+import { getWorksheetDimensions as Bt, getQuestionsFromItems as Wt, getInitialResponses as Ot, getLastUnlockedQuestionIndex as pe, getInitialQuestionId as Rt, getQuestionMetadata as ge, scrollToQuestion as G, getRenderableQuestions as Dt, getWorksheetNudgeBannerInfo as Vt } from "./worksheet-helpers.js";
+import Ht from "./worksheet-navigation/worksheet-navigation.js";
+import Mt from "./worksheet-question/worksheet-question.js";
+import xt from "./worksheet-sidebar/navigator.js";
+import qt from "./worksheet-sidebar/sidebar.js";
+import { NudgeBannerWrapper as Qt, NudgeBannerIcon as be, WorksheetContainer as Pt, NavigationContainer as Gt, NavigationWrapper as Lt, BlockerWrapper as Ft, DesmosCalcWrapper as jt, ActionbarContainer as Ut, ActionbarWrapper as Xt, StudentWorksheetSideBar as Kt, QuestionsWrapper as zt } from "./worksheet-styled.js";
+import Jt from "./worksheet-summary/worksheet-summary.js";
+const Yt = (Ie, Se) => {
   const {
     userType: s,
     studentName: Ce = "Student",
@@ -31,18 +31,18 @@ const Jt = (Ie, Se) => {
     worksheetName: L,
     initialResponseId: ye,
     initialItemIndex: Te,
-    learnosityActivityRef: k,
+    learnosityActivityRef: E,
     learnosityItems: w,
     learnosityResponses: _e,
     layout: T,
     background: ve,
     behavior: a,
-    updatedResponses: j,
-    showNudgeBanner: Ee,
+    updatedResponses: F,
+    showNudgeBanner: ke,
     markedAsCompleted: ne,
     onResponseChange: I,
-    onBulkResponsesChange: ke,
-    onResponsesChange: F,
+    onBulkResponsesChange: Ee,
+    onResponsesChange: j,
     onMediaStateChange: U,
     onTeacherValidation: re,
     onOptionalItemAssignment: we,
@@ -64,13 +64,13 @@ const Jt = (Ie, Se) => {
     onActiveQuestionChange: X,
     openQuestionFeedbackModal: xe,
     summaryDescription: qe,
-    canSubmitWorksheet: Pe,
+    canSubmitWorksheet: Qe,
     loggerRef: N,
-    canResolveDoubt: Qe,
+    canResolveDoubt: Pe,
     onResolveDoubt: Ge,
     onSkip: Le,
-    onUnassign: je,
-    canToggleScribbling: Fe = !0,
+    onUnassign: Fe,
+    canToggleScribbling: je = !0,
     studentId: Ue,
     subjectiveProps: Xe,
     canShowActionBar: Ke = !0
@@ -85,18 +85,19 @@ const Jt = (Ie, Se) => {
     renderSideBar: et,
     showUserPointer: tt = !0,
     imageHue: _,
-    renderSheetHeader: it
+    renderSheetHeader: it,
+    renderQuestionFeedback: nt
   } = T, { actionbarHeight: C, maxQuestionWidth: z, questionsContainerWidth: J } = te(
-    () => At(w, T),
+    () => Bt(w, T),
     [T, w]
   ), [t] = $(
-    () => Bt(w, {
+    () => Wt(w, {
       sectioned: K && h !== "ADAPTIVE" && h !== "CURRENT",
       adaptive: h === "ADAPTIVE"
     })
   ), [c, A] = $(
-    () => _e ?? Wt(t)
-  ), [ce, nt] = $(!1), p = te(
+    () => _e ?? Ot(t)
+  ), [ce, rt] = $(!1), p = te(
     () => h !== "OPEN" ? pe({
       questions: t,
       responses: c,
@@ -104,8 +105,8 @@ const Jt = (Ie, Se) => {
       userType: s
     }) : t.length - 1,
     [a, h, t, c, s]
-  ), l = t[p], o = c[(l == null ? void 0 : l.response_id) ?? ""], { bannerBackgroundColor: rt, label: ot } = Dt(s, !!ne), [B] = $(
-    () => Ot({
+  ), l = t[p], o = c[(l == null ? void 0 : l.response_id) ?? ""], { bannerBackgroundColor: ot, label: st } = Vt(s, !!ne), [B] = $(
+    () => Rt({
       questions: t,
       initialQuestion: ze,
       lastUnlockedQuestionIndex: pe({
@@ -117,33 +118,33 @@ const Jt = (Ie, Se) => {
       initialResponseId: ye,
       initialItemIndex: Te
     })
-  ), { activeQuestionId: W, setActiveQuestionId: P, intersectionObserver: Y } = vt(B), f = te(
+  ), { activeQuestionId: W, setActiveQuestionId: Q, intersectionObserver: Y } = kt(B), f = te(
     () => t.findIndex((e) => e.response_id === W),
     [W, t]
-  ), [g, Z] = $(!1), [le, O] = $(), [de, ue] = $(!1), me = Et(a, c, W), st = y(
+  ), [g, Z] = $(!1), [le, O] = $(), [de, ue] = $(!1), me = Et(a, c, W), at = y(
     (e, i, n) => {
       const d = i === "SIMULATION" ? "simState" : void 0;
       d && (I ? A((u) => {
         const m = e.response_id, v = ge(t, m);
         if (!v) return u;
-        const E = {
+        const k = {
           ...v,
           ...u[m],
           [d]: n
         };
         return I == null || I({
           responseId: m,
-          response: E,
+          response: k,
           isNewAttempt: !1,
           question: e
         }), {
           ...u,
-          [m]: E
+          [m]: k
         };
       }) : U && U(e, i, n));
     },
     [U, I, t]
-  ), at = y(
+  ), ct = y(
     (e, i) => {
       A((n) => {
         const d = ge(t, e);
@@ -168,37 +169,37 @@ const Jt = (Ie, Se) => {
         }, 50);
       }
     });
-  }, [p, t]), Q = y(
+  }, [p, t]), P = y(
     (e) => {
-      Z(!1), x ? requestAnimationFrame(() => G(e)) : P(e);
+      Z(!1), x ? requestAnimationFrame(() => G(e)) : Q(e);
     },
-    [x, P]
-  ), ct = y(() => {
+    [x, Q]
+  ), lt = y(() => {
     ue(!1);
-  }, []), lt = y(() => {
-    ue(!0);
   }, []), dt = y(() => {
+    ue(!0);
+  }, []), ut = y(() => {
     Z(!0);
   }, []);
   return b(() => {
     const e = t[f];
     e && X && X(e);
-  }, [X, t, f]), _t(Se, {
+  }, [X, t, f]), vt(Se, {
     behavior: a,
     questions: t,
     setResponses: A,
     onResponseChange: I,
-    onBulkResponsesChange: ke,
+    onBulkResponsesChange: Ee,
     getTimeSpentOnQuestion: me
   }), b(() => () => {
     Y.disconnect();
   }, [Y]), b(() => {
-    F && c && F(c);
-  }, [F, c]), b(() => {
-    j && A(j);
-  }, [j]), pt(() => {
+    j && c && j(c);
+  }, [j, c]), b(() => {
+    F && A(F);
+  }, [F]), gt(() => {
     let e;
-    return S && B && (It().browser_name === "Safari" ? e = setTimeout(() => {
+    return S && B && (St().browser_name === "Safari" ? e = setTimeout(() => {
       G(B);
     }, 400) : G(B)), () => {
       clearTimeout(e);
@@ -232,7 +233,7 @@ const Jt = (Ie, Se) => {
       i.length < 3 ? ee(`Diagnostics item has Less than 3 questions: ${e}`, {
         tags: {
           "content-type": "learnosity",
-          "activity-reference": k,
+          "activity-reference": E,
           "item-reference": e
         },
         fingerprint: [`diagnostics-item-questions-count-${e}`]
@@ -242,7 +243,7 @@ const Jt = (Ie, Se) => {
         {
           tags: {
             "content-type": "learnosity",
-            "activity-reference": k,
+            "activity-reference": E,
             "item-reference": e
           },
           fingerprint: [`diagnostics-item-questions-sequence-${e}`]
@@ -250,22 +251,22 @@ const Jt = (Ie, Se) => {
         }
       );
     });
-  }, [k, w, h]), b(() => {
+  }, [E, w, h]), b(() => {
     t.forEach((e) => {
       const { validation: i, item_reference: n, type: d, question_number: u, metadata: m } = e;
       if ((K ? d !== "clozetext" : !0) && (i != null && i.valid_response)) {
-        const E = i.valid_response.value ?? [];
-        (E == null ? void 0 : E.length) === 0 && ((i.alt_responses ?? []).some((ut) => ut.value.length > 0) || (ee(`Question has no valid response: ${m.widget_reference}`, {
+        const k = i.valid_response.value ?? [];
+        (k == null ? void 0 : k.length) === 0 && ((i.alt_responses ?? []).some((mt) => mt.value.length > 0) || (ee(`Question has no valid response: ${m.widget_reference}`, {
           tags: {
             "content-type": "learnosity",
-            "activity-reference": k,
+            "activity-reference": E,
             "item-reference": n,
             "question-number": u,
             "widget-reference": m.widget_reference
           },
           fingerprint: [`no-valid-response-${m.widget_reference}`]
           // Add unique fingerprint
-        }), N.current(Ct.WORKSHEET_V3_QUESTION_MISSING_VALIDATION, {
+        }), N.current($t.WORKSHEET_V3_QUESTION_MISSING_VALIDATION, {
           item_reference: n,
           widget_reference: m.widget_reference,
           question_type: d,
@@ -273,9 +274,9 @@ const Jt = (Ie, Se) => {
         })));
       }
     });
-  }, [k, N, t, K]), S ? /* @__PURE__ */ D(mt, { children: [
-    Ee && /* @__PURE__ */ D(
-      qt,
+  }, [E, N, t, K]), S ? /* @__PURE__ */ D(ft, { children: [
+    ke && /* @__PURE__ */ D(
+      Qt,
       {
         $flexDirection: "row",
         $justifyContent: "center",
@@ -286,11 +287,11 @@ const Jt = (Ie, Se) => {
         $gap: 8,
         $gutter: 8,
         $flexGap: 8,
-        $background: rt,
+        $background: ot,
         $topOffset: T.topOffset - he,
         children: [
-          ne ? /* @__PURE__ */ r(be, { children: /* @__PURE__ */ r(gt, { width: 16, height: 16 }) }) : /* @__PURE__ */ r(be, { children: /* @__PURE__ */ r(bt, { width: 16, height: 16 }) }),
-          /* @__PURE__ */ r(fe, { $renderAs: "ub3", children: ot })
+          ne ? /* @__PURE__ */ r(be, { children: /* @__PURE__ */ r(bt, { width: 16, height: 16 }) }) : /* @__PURE__ */ r(be, { children: /* @__PURE__ */ r(It, { width: 16, height: 16 }) }),
+          /* @__PURE__ */ r(fe, { $renderAs: "ub3", children: st })
         ]
       }
     ),
@@ -311,8 +312,8 @@ const Jt = (Ie, Se) => {
               children: /* @__PURE__ */ r(fe, { $renderAs: "ab2", children: L })
             }
           ),
-          Ze === "top" && /* @__PURE__ */ r(Qt, { $topOffset: q, $height: yt, children: /* @__PURE__ */ r(Gt, { children: /* @__PURE__ */ r(
-            Vt,
+          Ze === "top" && /* @__PURE__ */ r(Gt, { $topOffset: q, $height: Tt, children: /* @__PURE__ */ r(Lt, { children: /* @__PURE__ */ r(
+            Ht,
             {
               placement: "top",
               questions: t,
@@ -320,13 +321,13 @@ const Jt = (Ie, Se) => {
               activeQuestionIndex: f,
               lastUnlockedQuestionIndex: p,
               behavior: a,
-              onItemNumberClick: Q,
+              onItemNumberClick: P,
               userType: s,
               summaryVisible: g
             }
           ) }) }),
-          le && l && /* @__PURE__ */ r(Lt, { $minHeight: ae, $topOffset: q, children: /* @__PURE__ */ r(ie, { $width: z, $justifyContent: "center", $alignItems: "center", children: /* @__PURE__ */ r(
-            Nt,
+          le && l && /* @__PURE__ */ r(Ft, { $minHeight: ae, $topOffset: q, children: /* @__PURE__ */ r(ie, { $width: z, $justifyContent: "center", $alignItems: "center", children: /* @__PURE__ */ r(
+            At,
             {
               blocker: le,
               lastUnlockedQuestion: l,
@@ -338,26 +339,26 @@ const Jt = (Ie, Se) => {
             }
           ) }) }),
           tt && /* @__PURE__ */ r(
-            $t,
+            yt,
             {
               activeQuestionIndex: f,
-              onClick: Q,
+              onClick: P,
               questions: t,
               bottomOffset: C,
               topOffset: q,
               userType: s
             }
           ),
-          de && /* @__PURE__ */ r(jt, { children: /* @__PURE__ */ r(St, { initialPosition: Tt, onClose: ct }) }),
+          de && /* @__PURE__ */ r(jt, { children: /* @__PURE__ */ r(Ct, { initialPosition: _t, onClose: lt }) }),
           /* @__PURE__ */ D(
-            Ft,
+            Ut,
             {
               $marginTop: s === "TEACHER" && g ? "0" : C,
               $height: C,
               $isCardView: M === "card",
               children: [
                 /* @__PURE__ */ r(
-                  kt,
+                  wt,
                   {
                     width: J - 32,
                     question: t[f],
@@ -366,7 +367,7 @@ const Jt = (Ie, Se) => {
                   }
                 ),
                 Ke && /* @__PURE__ */ r(
-                  Ut,
+                  Xt,
                   {
                     $height: C,
                     $width: M === "card" ? J - 32 : "100%",
@@ -380,7 +381,7 @@ const Jt = (Ie, Se) => {
                         $alignItems: "center",
                         $width: J - 32,
                         children: /* @__PURE__ */ r(
-                          wt,
+                          Nt,
                           {
                             userType: s,
                             layout: T,
@@ -388,23 +389,23 @@ const Jt = (Ie, Se) => {
                             worksheetName: L,
                             questions: t,
                             responses: c,
-                            onCalculatorOpen: lt,
+                            onCalculatorOpen: dt,
                             activeQuestionIndex: f,
                             lastUnlockedQuestionIndex: p,
                             appendedQuestionIds: oe,
                             learnosity: S,
                             isCanvasEnabled: se,
-                            canSubmitWorksheet: Pe,
+                            canSubmitWorksheet: Qe,
                             isScribblingEnabled: ce,
                             isSummaryVisible: g,
                             setResponses: A,
                             getTimeSpentOnQuestion: me,
                             setSummaryVisible: Z,
                             setBlocker: O,
-                            setIsScribblingEnabled: nt,
-                            setActiveQuestionId: P,
-                            onItemNumberClick: Q,
-                            onGoToReview: dt,
+                            setIsScribblingEnabled: rt,
+                            setActiveQuestionId: Q,
+                            onItemNumberClick: P,
+                            onGoToReview: ut,
                             onResponseChange: I,
                             onHelp: Ve,
                             onTeacherValidation: re,
@@ -412,30 +413,30 @@ const Jt = (Ie, Se) => {
                             showCalculator: de,
                             loggerRef: N,
                             onSkip: Le,
-                            onUnassign: je,
-                            canToggleScribbling: Fe
+                            onUnassign: Fe,
+                            canToggleScribbling: je
                           }
                         )
                       }
                     )
                   }
                 ),
-                !g && x && s === "STUDENT" && /* @__PURE__ */ r(Xt, { children: /* @__PURE__ */ r(Mt, {}) })
+                !g && x && s === "STUDENT" && /* @__PURE__ */ r(Kt, { children: /* @__PURE__ */ r(xt, {}) })
               ]
             }
           ),
           /* @__PURE__ */ D(
-            Kt,
+            zt,
             {
               $actionbarHeight: C,
               $isCardView: M === "card",
               children: [
-                Rt({ questions: t, lastUnlockedQuestionIndex: p, userType: s }).map(
+                Dt({ questions: t, lastUnlockedQuestionIndex: p, userType: s }).map(
                   (e, i) => {
                     var m, v;
                     const { response_id: n, is_optional: d } = e, u = (m = c[n]) == null ? void 0 : m.assignStatus;
                     return a.teacherValidationEnabled && (u === "skipped" || d && u !== "assigned" && s === "STUDENT") ? null : /* @__PURE__ */ r(
-                      Ht,
+                      Mt,
                       {
                         signedRequest: $e,
                         userType: s,
@@ -454,8 +455,8 @@ const Jt = (Ie, Se) => {
                         layout: T,
                         actionbarHeight: C,
                         intersectionObserver: Y,
-                        onMarkForReview: at,
-                        onMediaStateChange: st,
+                        onMarkForReview: ct,
+                        onMediaStateChange: at,
                         userId: We,
                         isScribblingEnabled: ce,
                         onPublishStrokes: Oe,
@@ -464,8 +465,8 @@ const Jt = (Ie, Se) => {
                         isCanvasEnabled: se,
                         onPublishMouseMove: He,
                         onSubscribeMouseMove: Me,
-                        setActiveQuestionId: P,
-                        canResolveDoubt: Qe,
+                        setActiveQuestionId: Q,
+                        canResolveDoubt: Pe,
                         onResolveDoubt: Ge,
                         studentId: Ue,
                         subjectiveProps: Xe,
@@ -477,14 +478,14 @@ const Jt = (Ie, Se) => {
                   }
                 ),
                 g && /* @__PURE__ */ r(
-                  zt,
+                  Jt,
                   {
                     worksheetName: L,
                     questions: t,
                     responses: c,
                     activeQuestionIndex: f,
                     lastUnlockedQuestionIndex: p,
-                    onItemNumberClick: Q,
+                    onItemNumberClick: P,
                     behavior: a,
                     minHeight: Ye,
                     summaryDescription: qe,
@@ -495,7 +496,7 @@ const Jt = (Ie, Se) => {
             }
           ),
           !g && et && /* @__PURE__ */ r(
-            xt,
+            qt,
             {
               questionWidth: z,
               questions: t,
@@ -505,15 +506,16 @@ const Jt = (Ie, Se) => {
               height: ae,
               actionbarHeight: C,
               openQuestionFeedbackModal: xe,
-              loggerRef: N
+              loggerRef: N,
+              renderQuestionFeedback: nt
             }
           )
         ]
       }
     )
   ] }) : null;
-}, vi = ft(ht(Jt));
+}, ki = ht(pt(Yt));
 export {
-  vi as default
+  ki as default
 };
 //# sourceMappingURL=worksheet.js.map