@cuemath/leap 3.2.34-mby → 3.2.34-mbz1

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

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