@cuemath/leap 3.2.18 → 3.2.19-beta-0.1

package/dist/features/worksheet/worksheet/worksheet-questions-controller/worksheet-questions-controller.js

@@ -1,102 +1,107 @@
-import { jsxs as Ft, jsx as i } from "react/jsx-runtime";
-import { deepEqual as Gt } from "../../../../node_modules/fast-equals/dist/esm/index.js";
-import { memo as Ot, useState as q, useEffect as T, useMemo as Jt } from "react";
-import Kt from "../../../../assets/line-icons/icons/check2.js";
-import Yt from "../../../../assets/line-icons/icons/hand.js";
-import Zt from "../../../../assets/line-icons/icons/question.js";
-import te from "../../../../assets/line-icons/icons/skip.js";
-import ee from "../../../ui/arrow-tooltip/arrow-tooltip.js";
+import { jsxs as ee, jsx as e } from "react/jsx-runtime";
+import { deepEqual as ne } from "../../../../node_modules/fast-equals/dist/esm/index.js";
+import { memo as ie, useMemo as lt, useState as q, useEffect as T } from "react";
+import oe from "../../../../assets/line-icons/icons/check2.js";
+import se from "../../../../assets/line-icons/icons/hand.js";
+import re from "../../../../assets/line-icons/icons/question.js";
+import ae from "../../../../assets/line-icons/icons/skip.js";
+import dt from "../../../ui/arrow-tooltip/arrow-tooltip.js";
 import o from "../../../ui/buttons/button/button.js";
-import C from "../../../ui/buttons/icon-button/icon-button.js";
-import ne from "../../../ui/layout/flex-view.js";
-import ie from "./use-handler-callbacks.js";
-const ke = Ot((N) => {
-  var nt, it, ot;
+import x from "../../../ui/buttons/icon-button/icon-button.js";
+import ue from "../../../ui/layout/flex-view.js";
+import { useWorksheetJourney as le } from "../hooks/use-worksheet-journey.js";
+import de from "./use-handler-callbacks.js";
+const xe = ie((N) => {
+  var st, rt, at;
   const {
-    layout: rt,
-    learnosity: k,
+    layout: ct,
+    learnosity: b,
     question: l,
-    questions: g,
+    questions: v,
     responses: L,
     questionIndex: X,
     canSubmitWorksheet: H,
     isQuestionUnlocked: Q,
-    isQuestionAppended: d,
+    isQuestionAppended: c,
     response: t,
-    behavior: f,
-    userType: m,
-    setActiveQuestionId: at,
-    setSummaryVisible: ut,
-    setBlocker: lt,
-    setResponses: ct,
-    getTimeSpentOnQuestion: dt,
-    onSubmit: mt,
-    onSkip: v,
-    onUnassign: Bt,
-    onReview: pt
-  } = N, { onHelp: ht, onResponseChange: kt, onTeacherValidation: ft, loggerRef: bt } = N, {
-    navigationMode: I,
+    behavior: m,
+    userType: p,
+    setActiveQuestionId: mt,
+    setSummaryVisible: pt,
+    setBlocker: Bt,
+    setResponses: ht,
+    getTimeSpentOnQuestion: ft,
+    onSubmit: kt,
+    onSkip: g,
+    onUnassign: bt,
+    onReview: yt
+  } = N, { onHelp: At, onResponseChange: St, onTeacherValidation: Ct, loggerRef: Tt } = N, {
+    navigationMode: w,
     canAttempt: s,
-    hints: yt,
-    checkButtonLabel: St,
-    retryButtonLabel: At,
-    validation: c,
-    maximumAttempts: b,
+    hints: xt,
+    checkButtonLabel: vt,
+    retryButtonLabel: gt,
+    validation: d,
+    maximumAttempts: B,
     canExceedAttempts: M,
     teacherValidationEnabled: $,
     canTeacherValidate: r,
-    hintsTimer: w,
-    skippableTime: j,
-    skippable: W,
-    canUnAssign: P
-  } = f, { response_id: E, item_type: xt, type: _, instructor_stimulus: Tt, is_optional: F } = l, y = yt ? ((ot = (it = (nt = k.question(E)) == null ? void 0 : nt.getMetadata()) == null ? void 0 : it.hints) == null ? void 0 : ot.length) ?? 0 : 0, R = Tt === "SystemIntro", D = xt === "exit-ticket", B = s && y - ((t == null ? void 0 : t.hintsUsed) ?? 0) > 0, [a, G] = q(!1), [O, J] = q(!1), [K, S] = q(!1);
+    hintsTimer: I,
+    skippableTime: W,
+    skippable: j,
+    canUnAssign: P,
+    canTeacherValidateDisabled: F
+  } = m, { response_id: z, item_type: wt, type: R, instructor_stimulus: It, is_optional: G } = l, y = xt ? ((at = (rt = (st = b.question(z)) == null ? void 0 : st.getMetadata()) == null ? void 0 : rt.hints) == null ? void 0 : at.length) ?? 0 : 0, D = It === "SystemIntro", E = wt === "exit-ticket", h = s && y - ((t == null ? void 0 : t.hintsUsed) ?? 0) > 0, J = lt(() => B === -2, [B]), [a, O] = q(!1), [K, Y] = q(!1), [Z, A] = q(!1), { puzzleAttemptCtaRef: zt, puzzleReviewCtaRef: Rt, puzzleUnassignRef: Dt } = le({
+    behavior: m
+  });
   T(() => {
-    if (w && B) {
-      const n = setTimeout(() => {
-        G(!0);
-      }, w * 1e3);
-      return () => clearTimeout(n);
+    if (I && h) {
+      const i = setTimeout(() => {
+        O(!0);
+      }, I * 1e3);
+      return () => clearTimeout(i);
     }
-    G(B);
-  }, [w, B]), T(() => {
-    const n = !(t != null && t.response) && !(t != null && t.skipped);
-    if (W)
-      if (y > 0 && !B)
-        S(n);
-      else if (y === 0 && n) {
-        const x = setTimeout(
+    O(h);
+  }, [I, h]), T(() => {
+    const i = !(t != null && t.response) && !(t != null && t.skipped);
+    if (j)
+      if (y > 0 && !h)
+        A(i);
+      else if (y === 0 && i) {
+        const C = setTimeout(
           () => {
-            S(n);
+            A(i);
           },
-          (j ?? 0) * 1e3
+          (W ?? 0) * 1e3
         );
-        return () => clearTimeout(x);
+        return () => clearTimeout(C);
       } else
-        S(!1);
-  }, [y, B, t, W, j]);
+        A(!1);
+  }, [y, h, t, j, W]);
   const {
-    checkButton: p,
-    checkButtonDisabled: Ct,
-    hintsButton: Y,
-    retryButton: A,
-    nextButton: gt,
-    nextButtonDisabled: vt,
-    startButton: It,
-    readyButton: wt,
-    validateButton: Et,
-    skipSectionButton: _t,
-    submitAttemptButton: Z,
-    skipButton: Rt,
-    unassignButton: Dt,
-    reviewButton: zt,
-    submitAttemptButtonDisabled: Ut,
-    submitAttemptButtonTooltip: Vt,
-    submitAttemptButtonTooltipText: qt
-  } = Jt(() => {
-    const n = r && F && (t == null ? void 0 : t.assignStatus) === "assigned", x = () => {
-      var st;
-      if (b === -2)
-        return m === "STUDENT" ? s ? {
+    checkButton: f,
+    checkButtonDisabled: Et,
+    hintsButton: tt,
+    retryButton: S,
+    nextButton: _t,
+    nextButtonDisabled: Ut,
+    startButton: Vt,
+    readyButton: qt,
+    validateButton: Nt,
+    skipSectionButton: Lt,
+    submitAttemptButton: et,
+    skipButton: Xt,
+    unassignButton: Ht,
+    reviewButton: Qt,
+    submitAttemptButtonDisabled: Mt,
+    submitAttemptButtonTooltip: $t,
+    submitAttemptButtonTooltipText: Wt,
+    reviewButtonDisabled: nt
+  } = lt(() => {
+    const i = r && G && (t == null ? void 0 : t.assignStatus) === "assigned", C = () => {
+      var ut;
+      if (B === -2)
+        return p === "STUDENT" ? s ? {
           submitAttemptButton: !0
         } : {
           submitAttemptButton: !0,
@@ -106,20 +111,21 @@ const ke = Ot((N) => {
         } : P ? {
           unassignButton: !0
         } : {
-          reviewButton: r
+          reviewButton: r,
+          reviewButtonDisabled: F
         };
       if (!s)
         return {
           nextButton: !0
         };
-      if (!c && f.navigationMode === "LINEAR")
+      if (!d && m.navigationMode === "LINEAR")
         return {
           nextButton: !0,
           nextButtonDisabled: !(t != null && t.response),
           hintsButton: a,
-          skipButton: K
+          skipButton: Z
         };
-      if (!c)
+      if (!d)
         return {
           nextButton: !0,
           hintsButton: a
@@ -130,17 +136,17 @@ const ke = Ot((N) => {
           checkButtonDisabled: !0,
           hintsButton: a
         };
-      const { responseEdited: h, score: u, attemptsHistory: e } = t, V = ((e == null ? void 0 : e.length) ?? 0) >= b;
+      const { responseEdited: k, score: u, attemptsHistory: n } = t, V = ((n == null ? void 0 : n.length) ?? 0) >= B;
       if (V && !M)
         return {
           nextButton: !0
         };
-      if (h) {
-        const Pt = (st = e == null ? void 0 : e.slice(-1)[0]) == null ? void 0 : st.response;
+      if (k) {
+        const te = (ut = n == null ? void 0 : n.slice(-1)[0]) == null ? void 0 : ut.response;
         return {
           nextButton: V,
           checkButton: !0,
-          checkButtonDisabled: Gt(t.response, Pt),
+          checkButtonDisabled: ne(t.response, te),
           hintsButton: a
         };
       }
@@ -151,129 +157,130 @@ const ke = Ot((N) => {
       } : (u.score ?? 0) === u.max_score ? {
         nextButton: !0
       } : {};
-    }, Wt = () => g.some(({ response_id: h }) => {
-      const { assignStatus: u, validatedByTeacher: e } = L[h] ?? {};
-      return u === "skipped" ? !1 : e !== !0;
+    }, Zt = () => v.some(({ response_id: k }) => {
+      const { assignStatus: u, validatedByTeacher: n } = L[k] ?? {};
+      return u === "skipped" ? !1 : n !== !0;
     });
     if ($) {
-      const { validatedByTeacher: h } = t ?? {};
-      if (I === "ADAPTIVE" || I === "CURRENT")
-        return m === "STUDENT" ? {
+      const { validatedByTeacher: k } = t ?? {};
+      if (w === "ADAPTIVE" || w === "CURRENT")
+        return p === "STUDENT" ? {
           hintsButton: a,
           validateButton: !1
         } : {
           validateButton: !1
         };
-      if (h)
+      if (k)
         return {
           validateButton: !0,
-          submitAttemptButton: r && s && m === "STUDENT" && H ? !Wt() : !1
+          submitAttemptButton: r && s && p === "STUDENT" && H ? !Zt() : !1
         };
       if (!Q)
         return {};
-      if (m === "STUDENT")
-        return R ? {
+      if (p === "STUDENT")
+        return D ? {
           startButton: r && s
-        } : _ !== "clozetext" ? {
-          ...x(),
+        } : R !== "clozetext" ? {
+          ...C(),
           nextButton: !1
         } : {
           hintsButton: a,
-          readyButton: r && D && !(t != null && t.submittedByStudent)
+          readyButton: r && E && !(t != null && t.submittedByStudent)
         };
-      if (R)
+      if (D)
         return {
-          skipSectionButton: n
+          skipSectionButton: i
         };
-      if (_ !== "clozetext") {
-        const { responseEdited: u, score: e } = t ?? {};
+      if (R !== "clozetext") {
+        const { responseEdited: u, score: n } = t ?? {};
         return {
-          skipSectionButton: n,
-          validateButton: u || !r ? !1 : !!(e != null && e.score && (e != null && e.max_score) && !((e.score ?? 0) < e.max_score))
+          skipSectionButton: i,
+          validateButton: u || !r ? !1 : !!(n != null && n.score && (n != null && n.max_score) && !((n.score ?? 0) < n.max_score))
         };
       }
       return {
-        skipSectionButton: n,
-        validateButton: r && (D ? t == null ? void 0 : t.submittedByStudent : !0)
+        skipSectionButton: i,
+        validateButton: r && (E ? t == null ? void 0 : t.submittedByStudent : !0)
       };
     }
-    return x();
+    return C();
   }, [
     r,
-    F,
+    G,
     t,
     $,
     s,
-    c,
-    f.navigationMode,
-    b,
+    d,
+    m.navigationMode,
+    B,
     M,
     a,
-    K,
-    g,
+    Z,
+    v,
     L,
     P,
-    I,
+    w,
     Q,
-    m,
-    R,
-    _,
+    p,
     D,
-    H
+    R,
+    E,
+    H,
+    F
   ]), {
-    handleResponseChange: z,
-    handleHelpButtonClick: tt,
-    handleBackButtonClick: et,
+    handleResponseChange: _,
+    handleHelpButtonClick: it,
+    handleBackButtonClick: ot,
     handleNextButtonClick: U,
-    handleCheckButtonClick: Nt,
-    handleRetryButtonClick: Lt,
-    handleHintButtonClick: Xt,
-    handleValidateButtonClick: Ht,
-    handleStartButtonClick: Qt,
-    handleSkipSectionButtonClick: Mt,
-    handleReadyButtonClick: $t,
-    handleSkipButtonClick: jt
-  } = ie({
-    layout: rt,
+    handleCheckButtonClick: jt,
+    handleRetryButtonClick: Pt,
+    handleHintButtonClick: Ft,
+    handleValidateButtonClick: Gt,
+    handleStartButtonClick: Jt,
+    handleSkipSectionButtonClick: Ot,
+    handleReadyButtonClick: Kt,
+    handleSkipButtonClick: Yt
+  } = de({
+    layout: ct,
     question: l,
-    questions: g,
-    learnosity: k,
+    questions: v,
+    learnosity: b,
     questionIndex: X,
-    setActiveQuestionId: at,
-    setSummaryVisible: ut,
-    setBlocker: lt,
-    setResponses: ct,
-    onResponseChange: kt,
-    onTeacherValidation: ft,
-    onHelp: ht,
-    behavior: f,
-    loggerRef: bt,
-    setSkipped: J,
-    getTimeSpentOnQuestion: dt
+    setActiveQuestionId: mt,
+    setSummaryVisible: pt,
+    setBlocker: Bt,
+    setResponses: ht,
+    onResponseChange: St,
+    onTeacherValidation: Ct,
+    onHelp: At,
+    behavior: m,
+    loggerRef: Tt,
+    setSkipped: Y,
+    getTimeSpentOnQuestion: ft
   });
   return T(() => {
-    O && (J(!1), S(!1), U(), v && v(l.item_display_number, l.question_number));
+    K && (Y(!1), A(!1), U(), g && g(l.item_display_number, l.question_number));
   }, [
     U,
-    v,
+    g,
     l.item_display_number,
     l.question_number,
-    O
+    K
   ]), T(() => {
-    const n = d ? k.question(E) : void 0;
-    return n && s && (!c || p) && (n.on("changed", z), n.enable()), () => {
-      n && s && (!c || p) && (n.off("changed", z), n.disable());
+    const i = c ? b.question(z) : void 0;
+    return i && s && (!d || f) && (i.on("changed", _), i.enable()), () => {
+      i && s && (!d || f) && (i.off("changed", _), i.disable());
     };
   }, [
     s,
-    p,
+    f,
+    _,
+    c,
+    b,
     z,
-    d,
-    k,
-    E,
-    c
-  ]), /* @__PURE__ */ Ft(
-    ne,
+    d
+  ]), /* @__PURE__ */ ee(
+    ue,
     {
       $background: "WHITE",
       $flexDirection: "row",
@@ -281,26 +288,26 @@ const ke = Ot((N) => {
       $alignItems: "center",
       $justifyContent: "flex-end",
       children: [
-        Y && /* @__PURE__ */ i(
-          C,
+        tt && /* @__PURE__ */ e(
+          x,
           {
-            Icon: Zt,
+            Icon: re,
             analyticsLabel: "Hint",
             renderAs: "secondary",
-            disabled: !d,
-            onClick: Xt
+            disabled: !c,
+            onClick: Ft
           }
         ),
-        !Y && tt && (p || A) && /* @__PURE__ */ i(
-          C,
+        !tt && it && (f || S) && /* @__PURE__ */ e(
+          x,
           {
-            Icon: Yt,
+            Icon: se,
             analyticsLabel: "Ask for help",
             renderAs: "secondary",
-            onClick: tt
+            onClick: it
           }
         ),
-        et && /* @__PURE__ */ i(
+        ot && /* @__PURE__ */ e(
           o,
           {
             widthX: 6,
@@ -308,98 +315,126 @@ const ke = Ot((N) => {
             size: "small",
             label: "Back",
             disabled: X === 0,
-            onClick: et
+            onClick: ot
           }
         ),
-        Rt && /* @__PURE__ */ i(
+        Xt && /* @__PURE__ */ e(
           o,
           {
             widthX: 6,
-            renderAs: A ? "secondary" : "primary",
+            renderAs: S ? "secondary" : "primary",
             size: "small",
             label: "Skip",
-            onClick: jt
+            onClick: Yt
           }
         ),
-        gt && /* @__PURE__ */ i(
+        _t && /* @__PURE__ */ e(
           o,
           {
             widthX: 6,
-            renderAs: A ? "secondary" : "primary",
+            renderAs: S ? "secondary" : "primary",
             size: "small",
             label: "Next",
             onClick: U,
-            disabled: vt === !0
+            disabled: Ut === !0
           }
         ),
-        A && /* @__PURE__ */ i(
+        S && /* @__PURE__ */ e(
           o,
           {
             widthX: 6,
             renderAs: "primary",
             size: "small",
-            label: At,
-            disabled: !d,
-            onClick: Lt
+            label: gt,
+            disabled: !c,
+            onClick: Pt
           }
         ),
-        p && /* @__PURE__ */ i(
+        f && /* @__PURE__ */ e(
           o,
           {
             renderAs: "primary",
             size: "small",
-            label: St,
-            disabled: Ct === !0 || !d,
-            onClick: Nt
+            label: vt,
+            disabled: Et === !0 || !c,
+            onClick: jt
           }
         ),
-        It && /* @__PURE__ */ i(o, { renderAs: "primary", size: "small", label: "Start", onClick: Qt }),
-        wt && /* @__PURE__ */ i(o, { renderAs: "primary", size: "small", label: "Submit", onClick: $t }),
-        _t && /* @__PURE__ */ i(
-          C,
+        Vt && /* @__PURE__ */ e(o, { renderAs: "primary", size: "small", label: "Start", onClick: Jt }),
+        qt && /* @__PURE__ */ e(o, { renderAs: "primary", size: "small", label: "Submit", onClick: Kt }),
+        Lt && /* @__PURE__ */ e(
+          x,
           {
             renderAs: "primary",
-            Icon: te,
+            Icon: ae,
             analyticsLabel: "Skip Section",
-            onClick: Mt
+            onClick: Ot
           }
         ),
-        !Z && Et && /* @__PURE__ */ i(
-          C,
+        !et && Nt && /* @__PURE__ */ e(
+          x,
           {
             renderAs: "primary",
-            Icon: Kt,
+            Icon: oe,
             disabled: t == null ? void 0 : t.validatedByTeacher,
             analyticsLabel: "Validate",
-            onClick: Ht
+            onClick: Gt
           }
         ),
-        Z && /* @__PURE__ */ i(
-          ee,
+        et && /* @__PURE__ */ e(
+          dt,
           {
             position: "top",
             renderAs: "primary",
-            tooltipItem: qt ?? "",
-            hidden: !Vt,
-            children: /* @__PURE__ */ i(
+            tooltipItem: Wt ?? "",
+            hidden: !$t,
+            children: /* @__PURE__ */ e("div", { ref: J ? zt : void 0, children: /* @__PURE__ */ e(
               o,
               {
                 renderAs: "primary",
                 size: "small",
-                label: b === -2 ? "I have solved" : "Submit",
-                onClick: mt,
-                disabled: Ut
+                label: J ? "I have solved" : "Submit",
+                onClick: kt,
+                disabled: Mt
               }
-            )
+            ) })
           }
         ),
-        Dt && /* @__PURE__ */ i(o, { widthX: 6, renderAs: "primary", size: "small", label: "Unassign", onClick: Bt }),
-        zt && /* @__PURE__ */ i(o, { widthX: 6, renderAs: "primary", size: "small", label: "Review", onClick: pt })
+        Ht && /* @__PURE__ */ e("div", { ref: Dt, children: /* @__PURE__ */ e(
+          o,
+          {
+            widthX: 6,
+            renderAs: "primary",
+            size: "small",
+            label: "Unassign",
+            onClick: bt
+          }
+        ) }),
+        Qt && /* @__PURE__ */ e(
+          dt,
+          {
+            tooltipItem: "Review this in class with student.",
+            position: "top",
+            renderAs: "primary",
+            hidden: !nt,
+            children: /* @__PURE__ */ e("div", { ref: Rt, children: /* @__PURE__ */ e(
+              o,
+              {
+                widthX: 6,
+                renderAs: "primary",
+                size: "small",
+                label: "Review",
+                onClick: yt,
+                disabled: nt
+              }
+            ) })
+          }
+        )
       ]
     }
   );
 });
 export {
-  ke as default
+  xe as default
 };
 //# sourceMappingURL=worksheet-questions-controller.js.map