@cuemath/leap 3.2.30-aa1 → 3.2.30-aa11

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

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