@cuemath/leap 3.3.0 → 3.3.2-2.beta-guru-01

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

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