@cuemath/leap 3.5.47-gg6 → 3.5.48-link.0

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

@@ -1,321 +1,359 @@
-import { jsxs as ht, jsx as i } from "react/jsx-runtime";
-import { deepEqual as bt } from "../../../../node_modules/fast-equals/dist/esm/index.js";
-import { memo as St, useState as xt, useCallback as yt, useMemo as Ct, useEffect as j } from "react";
-import vt from "../../../../assets/line-icons/icons/check2.js";
-import At from "../../../../assets/line-icons/icons/skip.js";
-import s from "../../../ui/buttons/button/button.js";
-import P from "../../../ui/buttons/icon-button/icon-button.js";
-import It from "../../../ui/layout/flex-view.js";
-import gt from "./use-handler-callbacks.js";
-import { useWorksheetStore as Tt } from "../hooks/use-worksheet-store.js";
-import Et from "../worksheet-sidebar/navigator.js";
-const Xt = St(
-  function(F) {
+import { jsxs as Rt, jsx as i } from "react/jsx-runtime";
+import { deepEqual as Dt } from "../../../../node_modules/fast-equals/dist/esm/index.js";
+import { memo as zt, useState as Q, useEffect as y, useMemo as Qt } from "react";
+import Ut from "../../../../assets/line-icons/icons/check2.js";
+import Nt from "../../../../assets/line-icons/icons/hand.js";
+import Vt from "../../../../assets/line-icons/icons/question.js";
+import Lt from "../../../../assets/line-icons/icons/skip.js";
+import r from "../../../ui/buttons/button/button.js";
+import x from "../../../ui/buttons/icon-button/icon-button.js";
+import Wt from "../../../ui/layout/flex-view.js";
+import Ht from "./use-handler-callbacks.js";
+import { useWorksheetStore as Mt } from "../hooks/use-worksheet-store.js";
+const ne = zt(
+  function(st) {
+    var et, nt, it;
     const {
-      behavior: h,
-      question: u,
-      questions: E,
-      userType: m,
-      response: t,
-      responses: p,
-      questionIndex: _,
-      lastUnlockedQuestionIndex: G,
-      learnosity: q,
-      onSkip: b,
-      canSubmitWorksheet: Q,
-      actionBarRightElement: R,
-      onSubmit: k,
-      isQuestionAppended: B
-    } = Tt((e) => {
-      const c = e.questions[e.activeQuestionIndex];
-      return {
-        behavior: e.behavior,
-        question: c,
-        questions: e.questions,
-        userType: e.userType,
-        response: e.responses[c.response_id],
-        responses: e.responses,
-        questionIndex: e.activeQuestionIndex,
-        lastUnlockedQuestionIndex: e.lastUnlockedQuestionIndex,
-        learnosity: e.learnosity,
-        onSkip: e.onSkip,
-        canSubmitWorksheet: e.canSubmitWorksheet,
-        actionBarRightElement: e.actionBarRightElement,
-        isQuestionAppended: e.appendedQuestionIds.includes(c.response_id),
-        onSubmit: e.onSubmit
-      };
-    }), z = _ <= G, { getTimeSpentOnQuestion: O } = F, {
-      navigationMode: S,
-      canAttempt: a,
-      checkButtonLabel: J,
-      retryButtonLabel: K,
-      validation: l,
-      maximumAttempts: x,
-      canExceedAttempts: D,
-      teacherValidationEnabled: N,
-      canTeacherValidate: r,
-      skippable: U
-    } = h, { response_id: V, item_type: Y, type: y, instructor_stimulus: Z, is_optional: w } = u, C = Z === "SystemIntro", v = Y === "exit-ticket", [W, L] = xt(!1), H = yt(() => {
-      k == null || k(p);
-    }, [k, p]), {
-      checkButton: f,
-      checkButtonDisabled: tt,
-      retryButton: A,
-      nextButton: et,
-      nextButtonDisabled: nt,
-      startButton: it,
-      readyButton: ot,
-      validateButton: st,
-      skipSectionButton: at,
-      submitAttemptButton: X,
-      skipButton: rt
-    } = Ct(() => {
-      const e = r && w && (t == null ? void 0 : t.assignStatus) === "assigned", c = () => {
-        var $;
-        if (x === -2)
-          return {};
-        if (!a)
+      behavior: C,
+      questions: U,
+      userType: d,
+      responses: N,
+      questionIndex: V,
+      lastUnlockedQuestionIndex: at,
+      learnosity: T,
+      onSkip: A,
+      canSubmitWorksheet: L,
+      actionBarRightElement: W
+    } = Mt((e) => ({
+      behavior: e.behavior,
+      questions: e.questions,
+      userType: e.userType,
+      responses: e.responses,
+      questionIndex: e.activeQuestionIndex,
+      lastUnlockedQuestionIndex: e.lastUnlockedQuestionIndex,
+      learnosity: e.learnosity,
+      onSkip: e.onSkip,
+      canSubmitWorksheet: e.canSubmitWorksheet,
+      actionBarRightElement: e.actionBarRightElement
+    })), H = V <= at, { question: l, isQuestionAppended: m, response: t, getTimeSpentOnQuestion: rt, onSubmit: ut } = st, {
+      navigationMode: I,
+      canAttempt: o,
+      hints: lt,
+      checkButtonLabel: ct,
+      retryButtonLabel: dt,
+      validation: c,
+      maximumAttempts: g,
+      canExceedAttempts: M,
+      teacherValidationEnabled: X,
+      canTeacherValidate: u,
+      hintsTimer: v,
+      skippableTime: $,
+      skippable: j
+    } = C, { response_id: E, item_type: mt, type: _, instructor_stimulus: Bt, is_optional: P } = l, p = lt ? ((it = (nt = (et = T.question(E)) == null ? void 0 : et.getMetadata()) == null ? void 0 : nt.hints) == null ? void 0 : it.length) ?? 0 : 0, q = Bt === "SystemIntro", w = mt === "exit-ticket", B = o && p - ((t == null ? void 0 : t.hintsUsed) ?? 0) > 0, [s, F] = Q(!1), [G, O] = Q(!1), [J, f] = Q(!1);
+    y(() => {
+      if (v && B) {
+        const e = setTimeout(() => {
+          F(!0);
+        }, v * 1e3);
+        return () => clearTimeout(e);
+      }
+      F(B);
+    }, [v, B]), y(() => {
+      const e = !(t != null && t.response) && !(t != null && t.skipped);
+      if (j)
+        if (p > 0 && !B)
+          f(e);
+        else if (p === 0 && e) {
+          const S = setTimeout(
+            () => {
+              f(e);
+            },
+            ($ ?? 0) * 1e3
+          );
+          return () => clearTimeout(S);
+        } else
+          f(!1);
+    }, [p, B, t, j, $]);
+    const {
+      checkButton: k,
+      checkButtonDisabled: kt,
+      hintsButton: K,
+      retryButton: b,
+      nextButton: ht,
+      nextButtonDisabled: pt,
+      startButton: ft,
+      readyButton: bt,
+      validateButton: St,
+      skipSectionButton: yt,
+      submitAttemptButton: Y,
+      skipButton: xt
+    } = Qt(() => {
+      const e = u && P && (t == null ? void 0 : t.assignStatus) === "assigned", S = () => {
+        var ot;
+        if (g === -2)
+          return d === "STUDENT" && o ? {
+            hintsButton: s
+          } : {};
+        if (!o)
           return {
             nextButton: !0
           };
-        if (!l && h.navigationMode === "LINEAR")
+        if (!c && C.navigationMode === "LINEAR")
           return {
             nextButton: !0,
-            nextButtonDisabled: t != null && t.skipped ? !1 : !(t != null && t.response),
-            skipButton: U && !(t != null && t.response) && !(t != null && t.skipped)
+            nextButtonDisabled: !(t != null && t.response),
+            hintsButton: s,
+            skipButton: J
           };
-        if (!l)
+        if (!c)
           return {
-            nextButton: !0
+            nextButton: !0,
+            hintsButton: s
           };
         if (!t || !t.response || !t.score)
           return {
             checkButton: !0,
-            checkButtonDisabled: !0
+            checkButtonDisabled: !0,
+            hintsButton: s
           };
-        const { responseEdited: d, score: o, attemptsHistory: n } = t, T = ((n == null ? void 0 : n.length) ?? 0) >= x;
-        if (T && !D)
+        const { responseEdited: h, score: a, attemptsHistory: n } = t, z = ((n == null ? void 0 : n.length) ?? 0) >= g;
+        if (z && !M)
           return {
             nextButton: !0
           };
-        if (d) {
-          const ft = ($ = n == null ? void 0 : n.slice(-1)[0]) == null ? void 0 : $.response;
+        if (h) {
+          const wt = (ot = n == null ? void 0 : n.slice(-1)[0]) == null ? void 0 : ot.response;
           return {
-            nextButton: T,
+            nextButton: z,
             checkButton: !0,
-            checkButtonDisabled: bt(t.response, ft)
+            checkButtonDisabled: Dt(t.response, wt),
+            hintsButton: s
           };
         }
-        return (o.score ?? 0) < o.max_score ? {
-          nextButton: T,
-          retryButton: !0
-        } : (o.score ?? 0) === o.max_score ? {
+        return (a.score ?? 0) < a.max_score ? {
+          nextButton: z,
+          retryButton: !0,
+          hintsButton: s
+        } : (a.score ?? 0) === a.max_score ? {
           nextButton: !0
         } : {};
-      }, Bt = () => E.some(({ response_id: d }) => {
-        const { assignStatus: o, validatedByTeacher: n } = p[d] ?? {};
-        return o === "skipped" ? !1 : n !== !0;
+      }, qt = () => U.some(({ response_id: h }) => {
+        const { assignStatus: a, validatedByTeacher: n } = N[h] ?? {};
+        return a === "skipped" ? !1 : n !== !0;
       });
-      if (N) {
-        const { validatedByTeacher: d } = t ?? {};
-        if (S === "ADAPTIVE" || S === "CURRENT")
-          return m === "STUDENT" ? {
+      if (X) {
+        const { validatedByTeacher: h } = t ?? {};
+        if (I === "ADAPTIVE" || I === "CURRENT")
+          return d === "STUDENT" ? {
+            hintsButton: s,
             validateButton: !1
           } : {
             validateButton: !1
           };
-        if (d)
+        if (h)
           return {
             validateButton: !0,
-            submitAttemptButton: r && a && m === "STUDENT" && Q ? !Bt() : !1
+            submitAttemptButton: u && o && d === "STUDENT" && L ? !qt() : !1
           };
-        if (!z)
+        if (!H)
           return {};
-        if (m === "STUDENT")
-          return C ? {
-            startButton: r && a
-          } : y !== "clozetext" ? {
-            ...c(),
+        if (d === "STUDENT")
+          return q ? {
+            startButton: u && o
+          } : _ !== "clozetext" ? {
+            ...S(),
             nextButton: !1
           } : {
-            readyButton: r && v && !(t != null && t.submittedByStudent)
+            hintsButton: s,
+            readyButton: u && w && !(t != null && t.submittedByStudent)
           };
-        if (C)
+        if (q)
           return {
             skipSectionButton: e
           };
-        if (y !== "clozetext") {
-          const { responseEdited: o, score: n } = t ?? {};
+        if (_ !== "clozetext") {
+          const { responseEdited: a, score: n } = t ?? {};
           return {
             skipSectionButton: e,
-            validateButton: o || !r ? !1 : !!(n != null && n.score && (n != null && n.max_score) && !((n.score ?? 0) < n.max_score))
+            validateButton: a || !u ? !1 : !!(n != null && n.score && (n != null && n.max_score) && !((n.score ?? 0) < n.max_score))
           };
         }
         return {
           skipSectionButton: e,
-          validateButton: r && (v ? t == null ? void 0 : t.submittedByStudent : !0)
+          validateButton: u && (w ? t == null ? void 0 : t.submittedByStudent : !0)
         };
       }
-      return c();
+      return S();
     }, [
-      r,
-      w,
+      u,
+      P,
       t,
-      N,
-      a,
-      l,
-      h.navigationMode,
-      x,
-      D,
+      X,
+      o,
+      c,
+      C.navigationMode,
+      g,
+      M,
+      s,
+      J,
       U,
-      E,
-      p,
-      S,
-      z,
-      m,
-      C,
-      y,
-      v,
-      Q
+      N,
+      I,
+      H,
+      d,
+      q,
+      _,
+      w,
+      L
     ]), {
-      handleResponseChange: I,
-      handleBackButtonClick: M,
-      handleNextButtonClick: g,
-      handleCheckButtonClick: ut,
-      handleRetryButtonClick: lt,
-      handleValidateButtonClick: ct,
-      handleStartButtonClick: dt,
-      handleSkipSectionButtonClick: mt,
-      handleReadyButtonClick: pt,
-      handleSkipButtonClick: kt
-    } = gt({
-      question: u,
-      setSkipped: L,
-      getTimeSpentOnQuestion: O
+      handleResponseChange: R,
+      handleHelpButtonClick: Z,
+      handleBackButtonClick: tt,
+      handleNextButtonClick: D,
+      handleCheckButtonClick: Ct,
+      handleRetryButtonClick: Tt,
+      handleHintButtonClick: At,
+      handleValidateButtonClick: It,
+      handleStartButtonClick: gt,
+      handleSkipSectionButtonClick: vt,
+      handleReadyButtonClick: Et,
+      handleSkipButtonClick: _t
+    } = Ht({
+      question: l,
+      setSkipped: O,
+      getTimeSpentOnQuestion: rt
     });
-    return j(() => {
-      W && (L(!1), g(), b && b(u.item_display_number, u.question_number));
+    return y(() => {
+      G && (O(!1), f(!1), D(), A && A(l.item_display_number, l.question_number));
     }, [
-      g,
-      b,
-      u.item_display_number,
-      u.question_number,
-      W
-    ]), j(() => {
-      const e = B ? q.question(V) : void 0;
-      return e && a && (!l || f) && (e.on("changed", I), e.enable()), () => {
-        e && a && (!l || f) && (e.off("changed", I), e.disable());
+      D,
+      A,
+      l.item_display_number,
+      l.question_number,
+      G
+    ]), y(() => {
+      const e = m ? T.question(E) : void 0;
+      return e && o && (!c || k) && (e.on("changed", R), e.enable()), () => {
+        e && o && (!c || k) && (e.off("changed", R), e.disable());
       };
     }, [
-      a,
-      f,
-      I,
-      B,
-      q,
-      V,
-      l
-    ]), /* @__PURE__ */ ht(
-      It,
+      o,
+      k,
+      R,
+      m,
+      T,
+      E,
+      c
+    ]), /* @__PURE__ */ Rt(
+      Wt,
       {
+        $background: "WHITE",
         $flexDirection: "row",
         $flexGapX: 0.5,
         $alignItems: "center",
         $justifyContent: "flex-end",
-        style: {
-          pointerEvents: "all"
-        },
         children: [
-          M && /* @__PURE__ */ i(
-            s,
+          K && /* @__PURE__ */ i(
+            x,
+            {
+              Icon: Vt,
+              analyticsLabel: "Hint",
+              renderAs: "secondary",
+              disabled: !m,
+              onClick: At
+            }
+          ),
+          !K && Z && (k || b) && /* @__PURE__ */ i(
+            x,
+            {
+              Icon: Nt,
+              analyticsLabel: "Ask for help",
+              renderAs: "secondary",
+              onClick: Z
+            }
+          ),
+          tt && /* @__PURE__ */ i(
+            r,
             {
               widthX: 6,
               renderAs: "secondary",
               size: "small",
               label: "Back",
-              disabled: _ === 0,
-              onClick: M
+              disabled: V === 0,
+              onClick: tt
             }
           ),
-          rt && /* @__PURE__ */ i(
-            s,
+          xt && /* @__PURE__ */ i(
+            r,
             {
               widthX: 6,
-              renderAs: A ? "secondary" : "primary",
+              renderAs: b ? "secondary" : "primary",
               size: "small",
               label: "Skip",
-              onClick: kt
+              onClick: _t
             }
           ),
-          et && /* @__PURE__ */ i(
-            s,
+          ht && /* @__PURE__ */ i(
+            r,
             {
               widthX: 6,
-              renderAs: A ? "secondary" : "primary",
+              renderAs: b ? "secondary" : "primary",
               size: "small",
               label: "Next",
-              onClick: g,
-              disabled: nt === !0
+              onClick: D,
+              disabled: pt === !0
             }
           ),
-          A && /* @__PURE__ */ i(
-            s,
+          b && /* @__PURE__ */ i(
+            r,
             {
               widthX: 6,
               renderAs: "primary",
               size: "small",
-              label: K,
-              disabled: !B,
-              onClick: lt
+              label: dt,
+              disabled: !m,
+              onClick: Tt
             }
           ),
-          f && /* @__PURE__ */ i(
-            s,
+          k && /* @__PURE__ */ i(
+            r,
             {
               renderAs: "primary",
               size: "small",
-              label: J,
-              disabled: tt === !0 || !B,
-              onClick: ut
+              label: ct,
+              disabled: kt === !0 || !m,
+              onClick: Ct
             }
           ),
-          it && /* @__PURE__ */ i(s, { renderAs: "primary", size: "small", label: "Start", onClick: dt }),
-          ot && /* @__PURE__ */ i(s, { renderAs: "primary", size: "small", label: "Submit", onClick: pt }),
-          at && /* @__PURE__ */ i(
-            P,
+          ft && /* @__PURE__ */ i(r, { renderAs: "primary", size: "small", label: "Start", onClick: gt }),
+          bt && /* @__PURE__ */ i(r, { renderAs: "primary", size: "small", label: "Submit", onClick: Et }),
+          yt && /* @__PURE__ */ i(
+            x,
             {
               renderAs: "primary",
-              Icon: At,
+              Icon: Lt,
               analyticsLabel: "Skip Section",
-              onClick: mt
+              onClick: vt
             }
           ),
-          !X && st && /* @__PURE__ */ i(
-            P,
+          !Y && St && /* @__PURE__ */ i(
+            x,
             {
               renderAs: "primary",
-              Icon: vt,
+              Icon: Ut,
               disabled: t == null ? void 0 : t.validatedByTeacher,
               analyticsLabel: "Validate",
-              onClick: ct
-            }
-          ),
-          X && /* @__PURE__ */ i(
-            s,
-            {
-              renderAs: "primary",
-              size: "small",
-              label: "Submit",
-              onClick: H
+              onClick: It
             }
           ),
-          R && R,
-          /* @__PURE__ */ i(Et, {})
+          Y && /* @__PURE__ */ i(r, { renderAs: "primary", size: "small", label: "Submit", onClick: ut }),
+          W && W
         ]
       }
     );
   }
 );
 export {
-  Xt as default
+  ne as default
 };
 //# sourceMappingURL=worksheet-questions-controller.js.map