@cuemath/leap 3.1.44-as3 → 3.1.44-beta-0.1

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

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