@cuemath/leap 3.2.15-beta-0.1 → 3.2.15

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

@@ -1,107 +1,102 @@
-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 { 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 o from "../../../ui/buttons/button/button.js";
-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;
+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;
   const {
-    layout: ct,
-    learnosity: b,
+    layout: rt,
+    learnosity: k,
     question: l,
-    questions: v,
+    questions: g,
     responses: L,
     questionIndex: X,
     canSubmitWorksheet: H,
     isQuestionUnlocked: Q,
-    isQuestionAppended: c,
+    isQuestionAppended: d,
     response: t,
-    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,
+    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,
     canAttempt: s,
-    hints: xt,
-    checkButtonLabel: vt,
-    retryButtonLabel: gt,
-    validation: d,
-    maximumAttempts: B,
+    hints: yt,
+    checkButtonLabel: St,
+    retryButtonLabel: At,
+    validation: c,
+    maximumAttempts: b,
     canExceedAttempts: M,
     teacherValidationEnabled: $,
     canTeacherValidate: r,
-    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
-  });
+    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);
   T(() => {
-    if (I && h) {
-      const i = setTimeout(() => {
-        O(!0);
-      }, I * 1e3);
-      return () => clearTimeout(i);
+    if (w && B) {
+      const n = setTimeout(() => {
+        G(!0);
+      }, w * 1e3);
+      return () => clearTimeout(n);
     }
-    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(
+    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(
           () => {
-            A(i);
+            S(n);
           },
-          (W ?? 0) * 1e3
+          (j ?? 0) * 1e3
         );
-        return () => clearTimeout(C);
+        return () => clearTimeout(x);
       } else
-        A(!1);
-  }, [y, h, t, j, W]);
+        S(!1);
+  }, [y, B, t, W, j]);
   const {
-    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 ? {
+    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 ? {
           submitAttemptButton: !0
         } : {
           submitAttemptButton: !0,
@@ -111,21 +106,20 @@ const xe = ie((N) => {
         } : P ? {
           unassignButton: !0
         } : {
-          reviewButton: r,
-          reviewButtonDisabled: F
+          reviewButton: r
         };
       if (!s)
         return {
           nextButton: !0
         };
-      if (!d && m.navigationMode === "LINEAR")
+      if (!c && f.navigationMode === "LINEAR")
         return {
           nextButton: !0,
           nextButtonDisabled: !(t != null && t.response),
           hintsButton: a,
-          skipButton: Z
+          skipButton: K
         };
-      if (!d)
+      if (!c)
         return {
           nextButton: !0,
           hintsButton: a
@@ -136,17 +130,17 @@ const xe = ie((N) => {
           checkButtonDisabled: !0,
           hintsButton: a
         };
-      const { responseEdited: k, score: u, attemptsHistory: n } = t, V = ((n == null ? void 0 : n.length) ?? 0) >= B;
+      const { responseEdited: h, score: u, attemptsHistory: e } = t, V = ((e == null ? void 0 : e.length) ?? 0) >= b;
       if (V && !M)
         return {
           nextButton: !0
         };
-      if (k) {
-        const te = (ut = n == null ? void 0 : n.slice(-1)[0]) == null ? void 0 : ut.response;
+      if (h) {
+        const Pt = (st = e == null ? void 0 : e.slice(-1)[0]) == null ? void 0 : st.response;
         return {
           nextButton: V,
           checkButton: !0,
-          checkButtonDisabled: ne(t.response, te),
+          checkButtonDisabled: Gt(t.response, Pt),
           hintsButton: a
         };
       }
@@ -157,130 +151,129 @@ const xe = ie((N) => {
       } : (u.score ?? 0) === u.max_score ? {
         nextButton: !0
       } : {};
-    }, Zt = () => v.some(({ response_id: k }) => {
-      const { assignStatus: u, validatedByTeacher: n } = L[k] ?? {};
-      return u === "skipped" ? !1 : n !== !0;
+    }, Wt = () => g.some(({ response_id: h }) => {
+      const { assignStatus: u, validatedByTeacher: e } = L[h] ?? {};
+      return u === "skipped" ? !1 : e !== !0;
     });
     if ($) {
-      const { validatedByTeacher: k } = t ?? {};
-      if (w === "ADAPTIVE" || w === "CURRENT")
-        return p === "STUDENT" ? {
+      const { validatedByTeacher: h } = t ?? {};
+      if (I === "ADAPTIVE" || I === "CURRENT")
+        return m === "STUDENT" ? {
           hintsButton: a,
           validateButton: !1
         } : {
           validateButton: !1
         };
-      if (k)
+      if (h)
         return {
           validateButton: !0,
-          submitAttemptButton: r && s && p === "STUDENT" && H ? !Zt() : !1
+          submitAttemptButton: r && s && m === "STUDENT" && H ? !Wt() : !1
         };
       if (!Q)
         return {};
-      if (p === "STUDENT")
-        return D ? {
+      if (m === "STUDENT")
+        return R ? {
           startButton: r && s
-        } : R !== "clozetext" ? {
-          ...C(),
+        } : _ !== "clozetext" ? {
+          ...x(),
           nextButton: !1
         } : {
           hintsButton: a,
-          readyButton: r && E && !(t != null && t.submittedByStudent)
+          readyButton: r && D && !(t != null && t.submittedByStudent)
         };
-      if (D)
+      if (R)
         return {
-          skipSectionButton: i
+          skipSectionButton: n
         };
-      if (R !== "clozetext") {
-        const { responseEdited: u, score: n } = t ?? {};
+      if (_ !== "clozetext") {
+        const { responseEdited: u, score: e } = t ?? {};
         return {
-          skipSectionButton: i,
-          validateButton: u || !r ? !1 : !!(n != null && n.score && (n != null && n.max_score) && !((n.score ?? 0) < n.max_score))
+          skipSectionButton: n,
+          validateButton: u || !r ? !1 : !!(e != null && e.score && (e != null && e.max_score) && !((e.score ?? 0) < e.max_score))
         };
       }
       return {
-        skipSectionButton: i,
-        validateButton: r && (E ? t == null ? void 0 : t.submittedByStudent : !0)
+        skipSectionButton: n,
+        validateButton: r && (D ? t == null ? void 0 : t.submittedByStudent : !0)
       };
     }
-    return C();
+    return x();
   }, [
     r,
-    G,
+    F,
     t,
     $,
     s,
-    d,
-    m.navigationMode,
-    B,
+    c,
+    f.navigationMode,
+    b,
     M,
     a,
-    Z,
-    v,
+    K,
+    g,
     L,
     P,
-    w,
+    I,
     Q,
-    p,
-    D,
+    m,
     R,
-    E,
-    H,
-    F
+    _,
+    D,
+    H
   ]), {
-    handleResponseChange: _,
-    handleHelpButtonClick: it,
-    handleBackButtonClick: ot,
+    handleResponseChange: z,
+    handleHelpButtonClick: tt,
+    handleBackButtonClick: et,
     handleNextButtonClick: U,
-    handleCheckButtonClick: jt,
-    handleRetryButtonClick: Pt,
-    handleHintButtonClick: Ft,
-    handleValidateButtonClick: Gt,
-    handleStartButtonClick: Jt,
-    handleSkipSectionButtonClick: Ot,
-    handleReadyButtonClick: Kt,
-    handleSkipButtonClick: Yt
-  } = de({
-    layout: ct,
+    handleCheckButtonClick: Nt,
+    handleRetryButtonClick: Lt,
+    handleHintButtonClick: Xt,
+    handleValidateButtonClick: Ht,
+    handleStartButtonClick: Qt,
+    handleSkipSectionButtonClick: Mt,
+    handleReadyButtonClick: $t,
+    handleSkipButtonClick: jt
+  } = ie({
+    layout: rt,
     question: l,
-    questions: v,
-    learnosity: b,
+    questions: g,
+    learnosity: k,
     questionIndex: X,
-    setActiveQuestionId: mt,
-    setSummaryVisible: pt,
-    setBlocker: Bt,
-    setResponses: ht,
-    onResponseChange: St,
-    onTeacherValidation: Ct,
-    onHelp: At,
-    behavior: m,
-    loggerRef: Tt,
-    setSkipped: Y,
-    getTimeSpentOnQuestion: ft
+    setActiveQuestionId: at,
+    setSummaryVisible: ut,
+    setBlocker: lt,
+    setResponses: ct,
+    onResponseChange: kt,
+    onTeacherValidation: ft,
+    onHelp: ht,
+    behavior: f,
+    loggerRef: bt,
+    setSkipped: J,
+    getTimeSpentOnQuestion: dt
   });
   return T(() => {
-    K && (Y(!1), A(!1), U(), g && g(l.item_display_number, l.question_number));
+    O && (J(!1), S(!1), U(), v && v(l.item_display_number, l.question_number));
   }, [
     U,
-    g,
+    v,
     l.item_display_number,
     l.question_number,
-    K
+    O
   ]), T(() => {
-    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());
+    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());
     };
   }, [
     s,
-    f,
-    _,
-    c,
-    b,
+    p,
     z,
-    d
-  ]), /* @__PURE__ */ ee(
-    ue,
+    d,
+    k,
+    E,
+    c
+  ]), /* @__PURE__ */ Ft(
+    ne,
     {
       $background: "WHITE",
       $flexDirection: "row",
@@ -288,26 +281,26 @@ const xe = ie((N) => {
       $alignItems: "center",
       $justifyContent: "flex-end",
       children: [
-        tt && /* @__PURE__ */ e(
-          x,
+        Y && /* @__PURE__ */ i(
+          C,
           {
-            Icon: re,
+            Icon: Zt,
             analyticsLabel: "Hint",
             renderAs: "secondary",
-            disabled: !c,
-            onClick: Ft
+            disabled: !d,
+            onClick: Xt
           }
         ),
-        !tt && it && (f || S) && /* @__PURE__ */ e(
-          x,
+        !Y && tt && (p || A) && /* @__PURE__ */ i(
+          C,
           {
-            Icon: se,
+            Icon: Yt,
             analyticsLabel: "Ask for help",
             renderAs: "secondary",
-            onClick: it
+            onClick: tt
           }
         ),
-        ot && /* @__PURE__ */ e(
+        et && /* @__PURE__ */ i(
           o,
           {
             widthX: 6,
@@ -315,126 +308,98 @@ const xe = ie((N) => {
             size: "small",
             label: "Back",
             disabled: X === 0,
-            onClick: ot
+            onClick: et
           }
         ),
-        Xt && /* @__PURE__ */ e(
+        Rt && /* @__PURE__ */ i(
           o,
           {
             widthX: 6,
-            renderAs: S ? "secondary" : "primary",
+            renderAs: A ? "secondary" : "primary",
             size: "small",
             label: "Skip",
-            onClick: Yt
+            onClick: jt
           }
         ),
-        _t && /* @__PURE__ */ e(
+        gt && /* @__PURE__ */ i(
           o,
           {
             widthX: 6,
-            renderAs: S ? "secondary" : "primary",
+            renderAs: A ? "secondary" : "primary",
             size: "small",
             label: "Next",
             onClick: U,
-            disabled: Ut === !0
+            disabled: vt === !0
           }
         ),
-        S && /* @__PURE__ */ e(
+        A && /* @__PURE__ */ i(
           o,
           {
             widthX: 6,
             renderAs: "primary",
             size: "small",
-            label: gt,
-            disabled: !c,
-            onClick: Pt
+            label: At,
+            disabled: !d,
+            onClick: Lt
           }
         ),
-        f && /* @__PURE__ */ e(
+        p && /* @__PURE__ */ i(
           o,
           {
             renderAs: "primary",
             size: "small",
-            label: vt,
-            disabled: Et === !0 || !c,
-            onClick: jt
+            label: St,
+            disabled: Ct === !0 || !d,
+            onClick: Nt
           }
         ),
-        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,
+        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,
           {
             renderAs: "primary",
-            Icon: ae,
+            Icon: te,
             analyticsLabel: "Skip Section",
-            onClick: Ot
+            onClick: Mt
           }
         ),
-        !et && Nt && /* @__PURE__ */ e(
-          x,
+        !Z && Et && /* @__PURE__ */ i(
+          C,
           {
             renderAs: "primary",
-            Icon: oe,
+            Icon: Kt,
             disabled: t == null ? void 0 : t.validatedByTeacher,
             analyticsLabel: "Validate",
-            onClick: Gt
+            onClick: Ht
           }
         ),
-        et && /* @__PURE__ */ e(
-          dt,
+        Z && /* @__PURE__ */ i(
+          ee,
           {
             position: "top",
             renderAs: "primary",
-            tooltipItem: Wt ?? "",
-            hidden: !$t,
-            children: /* @__PURE__ */ e("div", { ref: J ? zt : void 0, children: /* @__PURE__ */ e(
+            tooltipItem: qt ?? "",
+            hidden: !Vt,
+            children: /* @__PURE__ */ i(
               o,
               {
                 renderAs: "primary",
                 size: "small",
-                label: J ? "I have solved" : "Submit",
-                onClick: kt,
-                disabled: Mt
+                label: b === -2 ? "I have solved" : "Submit",
+                onClick: mt,
+                disabled: Ut
               }
-            ) })
+            )
           }
         ),
-        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
-              }
-            ) })
-          }
-        )
+        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 })
       ]
     }
   );
 });
 export {
-  xe as default
+  ke as default
 };
 //# sourceMappingURL=worksheet-questions-controller.js.map