@cuemath/leap 3.5.30-gg4 → 3.5.30-j1

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

@@ -1,109 +1,107 @@
-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;
+import { jsxs as Ht, 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 Wt from "../../../../assets/line-icons/icons/check2.js";
+import jt 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 a 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 le = Xt(
+  function(L) {
+    var nt, it, ot;
     const {
-      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, {
+      layout: rt,
+      learnosity: f,
+      question: u,
+      questions: T,
+      responses: Q,
+      questionIndex: U,
+      canSubmitWorksheet: H,
+      isQuestionUnlocked: M,
+      isQuestionAppended: d,
+      response: t,
+      behavior: p,
+      userType: m,
+      setActiveQuestionId: at,
+      setSummaryVisible: lt,
+      setBlocker: ut,
+      setResponses: ct,
+      getTimeSpentOnQuestion: dt,
+      onSkip: g,
+      actionBarRightElement: X,
+      onSubmit: mt
+    } = L, { onHelp: Bt, onResponseChange: ht, onTeacherValidation: kt, loggerRef: ft } = L, {
       navigationMode: I,
       canAttempt: o,
-      hints: lt,
-      checkButtonLabel: ct,
-      retryButtonLabel: dt,
+      hints: pt,
+      checkButtonLabel: bt,
+      retryButtonLabel: St,
       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);
+      maximumAttempts: v,
+      canExceedAttempts: $,
+      teacherValidationEnabled: W,
+      canTeacherValidate: l,
+      hintsTimer: E,
+      skippableTime: j,
+      skippable: P
+    } = p, { response_id: _, item_type: yt, type: R, instructor_stimulus: xt, is_optional: F } = u, b = pt ? ((ot = (it = (nt = f.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);
       }
-      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(
+      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(
             () => {
-              f(e);
+              S(n);
             },
-            ($ ?? 0) * 1e3
+            (j ?? 0) * 1e3
           );
-          return () => clearTimeout(S);
+          return () => clearTimeout(x);
         } else
-          f(!1);
-    }, [p, B, t, j, $]);
+          S(!1);
+    }, [b, B, t, P, 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 ? {
+      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 (!c && C.navigationMode === "LINEAR")
+        if (!c && p.navigationMode === "LINEAR")
           return {
             nextButton: !0,
             nextButtonDisabled: !(t != null && t.response),
             hintsButton: s,
-            skipButton: J
+            skipButton: K
           };
         if (!c)
           return {
@@ -116,136 +114,149 @@ const ne = zt(
             checkButtonDisabled: !0,
             hintsButton: s
           };
-        const { responseEdited: h, score: a, attemptsHistory: n } = t, z = ((n == null ? void 0 : n.length) ?? 0) >= g;
-        if (z && !M)
+        const { responseEdited: k, score: r, attemptsHistory: e } = t, q = ((e == null ? void 0 : e.length) ?? 0) >= v;
+        if (q && !$)
           return {
             nextButton: !0
           };
-        if (h) {
-          const wt = (ot = n == null ? void 0 : n.slice(-1)[0]) == null ? void 0 : ot.response;
+        if (k) {
+          const Ut = (st = e == null ? void 0 : e.slice(-1)[0]) == null ? void 0 : st.response;
           return {
-            nextButton: z,
+            nextButton: q,
             checkButton: !0,
-            checkButtonDisabled: Dt(t.response, wt),
+            checkButtonDisabled: Mt(t.response, Ut),
             hintsButton: s
           };
         }
-        return (a.score ?? 0) < a.max_score ? {
-          nextButton: z,
+        return (r.score ?? 0) < r.max_score ? {
+          nextButton: q,
           retryButton: !0,
           hintsButton: s
-        } : (a.score ?? 0) === a.max_score ? {
+        } : (r.score ?? 0) === r.max_score ? {
           nextButton: !0
         } : {};
-      }, qt = () => U.some(({ response_id: h }) => {
-        const { assignStatus: a, validatedByTeacher: n } = N[h] ?? {};
-        return a === "skipped" ? !1 : n !== !0;
+      }, Qt = () => T.some(({ response_id: k }) => {
+        const { assignStatus: r, validatedByTeacher: e } = Q[k] ?? {};
+        return r === "skipped" ? !1 : e !== !0;
       });
-      if (X) {
-        const { validatedByTeacher: h } = t ?? {};
+      if (W) {
+        const { validatedByTeacher: k } = t ?? {};
         if (I === "ADAPTIVE" || I === "CURRENT")
-          return d === "STUDENT" ? {
+          return m === "STUDENT" ? {
             hintsButton: s,
             validateButton: !1
           } : {
             validateButton: !1
           };
-        if (h)
+        if (k)
           return {
             validateButton: !0,
-            submitAttemptButton: u && o && d === "STUDENT" && L ? !qt() : !1
+            submitAttemptButton: l && o && m === "STUDENT" && H ? !Qt() : !1
           };
-        if (!H)
+        if (!M)
           return {};
-        if (d === "STUDENT")
-          return q ? {
-            startButton: u && o
-          } : _ !== "clozetext" ? {
-            ...S(),
+        if (m === "STUDENT")
+          return w ? {
+            startButton: l && o
+          } : R !== "clozetext" ? {
+            ...x(),
             nextButton: !1
           } : {
             hintsButton: s,
-            readyButton: u && w && !(t != null && t.submittedByStudent)
+            readyButton: l && D && !(t != null && t.submittedByStudent)
           };
-        if (q)
+        if (w)
           return {
-            skipSectionButton: e
+            skipSectionButton: n
           };
-        if (_ !== "clozetext") {
-          const { responseEdited: a, score: n } = t ?? {};
+        if (R !== "clozetext") {
+          const { responseEdited: r, score: e } = t ?? {};
           return {
-            skipSectionButton: e,
-            validateButton: a || !u ? !1 : !!(n != null && n.score && (n != null && n.max_score) && !((n.score ?? 0) < n.max_score))
+            skipSectionButton: n,
+            validateButton: r || !l ? !1 : !!(e != null && e.score && (e != null && e.max_score) && !((e.score ?? 0) < e.max_score))
           };
         }
         return {
-          skipSectionButton: e,
-          validateButton: u && (w ? t == null ? void 0 : t.submittedByStudent : !0)
+          skipSectionButton: n,
+          validateButton: l && (D ? t == null ? void 0 : t.submittedByStudent : !0)
         };
       }
-      return S();
+      return x();
     }, [
-      u,
-      P,
+      l,
+      F,
       t,
-      X,
+      W,
       o,
       c,
-      C.navigationMode,
-      g,
-      M,
+      p.navigationMode,
+      v,
+      $,
       s,
-      J,
-      U,
-      N,
+      K,
+      T,
+      Q,
       I,
-      H,
-      d,
-      q,
-      _,
+      M,
+      m,
       w,
-      L
+      R,
+      D,
+      H
     ]), {
-      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
+      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: rt,
+      question: u,
+      questions: T,
+      learnosity: f,
+      questionIndex: U,
+      setActiveQuestionId: at,
+      setSummaryVisible: lt,
+      setBlocker: ut,
+      setResponses: ct,
+      onResponseChange: ht,
+      onTeacherValidation: kt,
+      onHelp: Bt,
+      behavior: p,
+      loggerRef: ft,
+      setSkipped: J,
+      getTimeSpentOnQuestion: dt
     });
-    return y(() => {
-      G && (O(!1), f(!1), D(), A && A(l.item_display_number, l.question_number));
+    return C(() => {
+      O && (J(!1), S(!1), V(), g && g(u.item_display_number, u.question_number));
     }, [
-      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());
+      V,
+      g,
+      u.item_display_number,
+      u.question_number,
+      O
+    ]), C(() => {
+      const n = d ? f.question(_) : void 0;
+      return n && o && (!c || h) && (n.on("changed", z), n.enable()), () => {
+        n && o && (!c || h) && (n.off("changed", z), n.disable());
       };
     }, [
       o,
-      k,
-      R,
-      m,
-      T,
-      E,
+      h,
+      z,
+      d,
+      f,
+      _,
       c
-    ]), /* @__PURE__ */ Rt(
-      Wt,
+    ]), /* @__PURE__ */ Ht(
+      Gt,
       {
         $background: "WHITE",
         $flexDirection: "row",
@@ -253,107 +264,107 @@ const ne = zt(
         $alignItems: "center",
         $justifyContent: "flex-end",
         children: [
-          K && /* @__PURE__ */ i(
-            x,
+          Y && /* @__PURE__ */ i(
+            A,
             {
-              Icon: Vt,
+              Icon: Pt,
               analyticsLabel: "Hint",
               renderAs: "secondary",
-              disabled: !m,
-              onClick: At
+              disabled: !d,
+              onClick: Dt
             }
           ),
-          !K && Z && (k || b) && /* @__PURE__ */ i(
-            x,
+          !Y && tt && (h || y) && /* @__PURE__ */ i(
+            A,
             {
-              Icon: Nt,
+              Icon: jt,
               analyticsLabel: "Ask for help",
               renderAs: "secondary",
-              onClick: Z
+              onClick: tt
             }
           ),
-          tt && /* @__PURE__ */ i(
-            r,
+          et && /* @__PURE__ */ i(
+            a,
             {
               widthX: 6,
               renderAs: "secondary",
               size: "small",
               label: "Back",
-              disabled: V === 0,
-              onClick: tt
+              disabled: U === 0,
+              onClick: et
             }
           ),
-          xt && /* @__PURE__ */ i(
-            r,
+          _t && /* @__PURE__ */ i(
+            a,
             {
               widthX: 6,
-              renderAs: b ? "secondary" : "primary",
+              renderAs: y ? "secondary" : "primary",
               size: "small",
               label: "Skip",
-              onClick: _t
+              onClick: Lt
             }
           ),
-          ht && /* @__PURE__ */ i(
-            r,
+          At && /* @__PURE__ */ i(
+            a,
             {
               widthX: 6,
-              renderAs: b ? "secondary" : "primary",
+              renderAs: y ? "secondary" : "primary",
               size: "small",
               label: "Next",
-              onClick: D,
-              disabled: pt === !0
+              onClick: V,
+              disabled: Tt === !0
             }
           ),
-          b && /* @__PURE__ */ i(
-            r,
+          y && /* @__PURE__ */ i(
+            a,
             {
               widthX: 6,
               renderAs: "primary",
               size: "small",
-              label: dt,
-              disabled: !m,
-              onClick: Tt
+              label: St,
+              disabled: !d,
+              onClick: wt
             }
           ),
-          k && /* @__PURE__ */ i(
-            r,
+          h && /* @__PURE__ */ i(
+            a,
             {
               renderAs: "primary",
               size: "small",
-              label: ct,
-              disabled: kt === !0 || !m,
-              onClick: Ct
+              label: bt,
+              disabled: Ct === !0 || !d,
+              onClick: Rt
             }
           ),
-          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,
+          gt && /* @__PURE__ */ i(a, { renderAs: "primary", size: "small", label: "Start", onClick: Vt }),
+          It && /* @__PURE__ */ i(a, { renderAs: "primary", size: "small", label: "Submit", onClick: Nt }),
+          Et && /* @__PURE__ */ i(
+            A,
             {
               renderAs: "primary",
-              Icon: Lt,
+              Icon: Ft,
               analyticsLabel: "Skip Section",
-              onClick: vt
+              onClick: qt
             }
           ),
-          !Y && St && /* @__PURE__ */ i(
-            x,
+          !Z && vt && /* @__PURE__ */ i(
+            A,
             {
               renderAs: "primary",
-              Icon: Ut,
+              Icon: Wt,
               disabled: t == null ? void 0 : t.validatedByTeacher,
               analyticsLabel: "Validate",
-              onClick: It
+              onClick: zt
             }
           ),
-          Y && /* @__PURE__ */ i(r, { renderAs: "primary", size: "small", label: "Submit", onClick: ut }),
-          W && W
+          Z && /* @__PURE__ */ i(a, { renderAs: "primary", size: "small", label: "Submit", onClick: mt }),
+          X && X
         ]
       }
     );
   }
 );
 export {
-  ne as default
+  le as default
 };
 //# sourceMappingURL=worksheet-questions-controller.js.map