@cuemath/leap 3.5.30-gg4 → 3.5.30-j1

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

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