@cuemath/leap 3.5.46 → 3.5.47-gg10

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

@@ -1,359 +1,34 @@
-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: 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 (!c && C.navigationMode === "LINEAR")
-          return {
-            nextButton: !0,
-            nextButtonDisabled: !(t != null && t.response),
-            hintsButton: s,
-            skipButton: J
-          };
-        if (!c)
-          return {
-            nextButton: !0,
-            hintsButton: s
-          };
-        if (!t || !t.response || !t.score)
-          return {
-            checkButton: !0,
-            checkButtonDisabled: !0,
-            hintsButton: s
-          };
-        const { responseEdited: h, score: a, attemptsHistory: n } = t, z = ((n == null ? void 0 : n.length) ?? 0) >= g;
-        if (z && !M)
-          return {
-            nextButton: !0
-          };
-        if (h) {
-          const wt = (ot = n == null ? void 0 : n.slice(-1)[0]) == null ? void 0 : ot.response;
-          return {
-            nextButton: z,
-            checkButton: !0,
-            checkButtonDisabled: Dt(t.response, wt),
-            hintsButton: s
-          };
-        }
-        return (a.score ?? 0) < a.max_score ? {
-          nextButton: z,
-          retryButton: !0,
-          hintsButton: s
-        } : (a.score ?? 0) === a.max_score ? {
-          nextButton: !0
-        } : {};
-      }, qt = () => U.some(({ response_id: h }) => {
-        const { assignStatus: a, validatedByTeacher: n } = N[h] ?? {};
-        return a === "skipped" ? !1 : n !== !0;
-      });
-      if (X) {
-        const { validatedByTeacher: h } = t ?? {};
-        if (I === "ADAPTIVE" || I === "CURRENT")
-          return d === "STUDENT" ? {
-            hintsButton: s,
-            validateButton: !1
-          } : {
-            validateButton: !1
-          };
-        if (h)
-          return {
-            validateButton: !0,
-            submitAttemptButton: u && o && d === "STUDENT" && L ? !qt() : !1
-          };
-        if (!H)
-          return {};
-        if (d === "STUDENT")
-          return q ? {
-            startButton: u && o
-          } : _ !== "clozetext" ? {
-            ...S(),
-            nextButton: !1
-          } : {
-            hintsButton: s,
-            readyButton: u && w && !(t != null && t.submittedByStudent)
-          };
-        if (q)
-          return {
-            skipSectionButton: e
-          };
-        if (_ !== "clozetext") {
-          const { responseEdited: a, score: n } = t ?? {};
-          return {
-            skipSectionButton: e,
-            validateButton: a || !u ? !1 : !!(n != null && n.score && (n != null && n.max_score) && !((n.score ?? 0) < n.max_score))
-          };
-        }
-        return {
-          skipSectionButton: e,
-          validateButton: u && (w ? t == null ? void 0 : t.submittedByStudent : !0)
-        };
-      }
-      return S();
-    }, [
-      u,
-      P,
-      t,
-      X,
-      o,
-      c,
-      C.navigationMode,
-      g,
-      M,
-      s,
-      J,
-      U,
-      N,
-      I,
-      H,
-      d,
-      q,
-      _,
-      w,
-      L
-    ]), {
-      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 y(() => {
-      G && (O(!1), f(!1), D(), A && A(l.item_display_number, l.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());
-      };
-    }, [
-      o,
-      k,
-      R,
-      m,
-      T,
-      E,
-      c
-    ]), /* @__PURE__ */ Rt(
-      Wt,
+import { jsxs as n, jsx as t } from "react/jsx-runtime";
+import { memo as i } from "react";
+import { useWorksheetStore as s } from "../hooks/use-worksheet-store.js";
+import l from "../../../ui/layout/flex-view.js";
+import m from "../worksheet-sidebar/navigator.js";
+import a from "./worksheet-questions-controller-view.js";
+const k = i(
+  function(o) {
+    const { actionBarRightElement: e } = s((r) => ({
+      actionBarRightElement: r.actionBarRightElement
+    }));
+    return /* @__PURE__ */ n(
+      l,
       {
-        $background: "WHITE",
         $flexDirection: "row",
         $flexGapX: 0.5,
         $alignItems: "center",
         $justifyContent: "flex-end",
+        style: {
+          pointerEvents: "all"
+        },
         children: [
-          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: V === 0,
-              onClick: tt
-            }
-          ),
-          xt && /* @__PURE__ */ i(
-            r,
-            {
-              widthX: 6,
-              renderAs: b ? "secondary" : "primary",
-              size: "small",
-              label: "Skip",
-              onClick: _t
-            }
-          ),
-          ht && /* @__PURE__ */ i(
-            r,
-            {
-              widthX: 6,
-              renderAs: b ? "secondary" : "primary",
-              size: "small",
-              label: "Next",
-              onClick: D,
-              disabled: pt === !0
-            }
-          ),
-          b && /* @__PURE__ */ i(
-            r,
-            {
-              widthX: 6,
-              renderAs: "primary",
-              size: "small",
-              label: dt,
-              disabled: !m,
-              onClick: Tt
-            }
-          ),
-          k && /* @__PURE__ */ i(
-            r,
-            {
-              renderAs: "primary",
-              size: "small",
-              label: ct,
-              disabled: kt === !0 || !m,
-              onClick: Ct
-            }
-          ),
-          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: Lt,
-              analyticsLabel: "Skip Section",
-              onClick: vt
-            }
-          ),
-          !Y && St && /* @__PURE__ */ i(
-            x,
-            {
-              renderAs: "primary",
-              Icon: Ut,
-              disabled: t == null ? void 0 : t.validatedByTeacher,
-              analyticsLabel: "Validate",
-              onClick: It
-            }
-          ),
-          Y && /* @__PURE__ */ i(r, { renderAs: "primary", size: "small", label: "Submit", onClick: ut }),
-          W && W
+          /* @__PURE__ */ t(a, { ...o }),
+          e && e,
+          /* @__PURE__ */ t(m, {})
         ]
       }
     );
   }
 );
 export {
-  ne as default
+  k as default
 };
 //# sourceMappingURL=worksheet-questions-controller.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"worksheet-questions-controller.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-questions-controller/worksheet-questions-controller.tsx"],"sourcesContent":["import { deepEqual } from 'fast-equals';\nimport { memo, useEffect, useMemo, useState, type FC } from 'react';\n\nimport Check2Icon from '../../../../assets/line-icons/icons/check2';\nimport HandIcon from '../../../../assets/line-icons/icons/hand';\nimport QuestionIcon from '../../../../assets/line-icons/icons/question';\nimport SkipIcon from '../../../../assets/line-icons/icons/skip';\nimport Button from '../../../ui/buttons/button/button';\nimport IconButton from '../../../ui/buttons/icon-button/icon-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport useHandlerCallbacks from './use-handler-callbacks';\nimport type {\n  IButtonTypes,\n  IWorksheetQuestionsControllerProps,\n} from './worksheet-questions-controller-types';\nimport { useWorksheetStore } from '../hooks/use-worksheet-store';\n\nconst WorksheetQuestionsController: FC<IWorksheetQuestionsControllerProps> = memo(\n  function WorksheetQuestionsController(props) {\n    const {\n      behavior,\n      questions,\n      userType,\n      responses,\n      questionIndex,\n      lastUnlockedQuestionIndex,\n      learnosity,\n      onSkip,\n      canSubmitWorksheet,\n      actionBarRightElement,\n    } = useWorksheetStore(store => ({\n      behavior: store.behavior,\n      questions: store.questions,\n      userType: store.userType,\n      responses: store.responses,\n      questionIndex: store.activeQuestionIndex,\n      lastUnlockedQuestionIndex: store.lastUnlockedQuestionIndex,\n      learnosity: store.learnosity,\n      onSkip: store.onSkip,\n      canSubmitWorksheet: store.canSubmitWorksheet,\n      actionBarRightElement: store.actionBarRightElement,\n    }));\n    const isQuestionUnlocked = questionIndex <= lastUnlockedQuestionIndex;\n    const { question, isQuestionAppended, response, getTimeSpentOnQuestion, onSubmit } = props;\n    const {\n      navigationMode,\n      canAttempt,\n      hints,\n      checkButtonLabel,\n      retryButtonLabel,\n      validation,\n      maximumAttempts,\n      canExceedAttempts,\n      teacherValidationEnabled,\n      canTeacherValidate,\n      hintsTimer,\n      skippableTime,\n      skippable,\n    } = behavior;\n\n    const { response_id, item_type, type, instructor_stimulus, is_optional } = question;\n    const hintsAvailable = !hints\n      ? 0\n      : learnosity.question(response_id)?.getMetadata()?.hints?.length ?? 0;\n\n    const isSystemIntro = instructor_stimulus === 'SystemIntro';\n    const isExitTicket = item_type === 'exit-ticket';\n    const hintsRemaining = canAttempt && hintsAvailable - (response?.hintsUsed ?? 0) > 0;\n\n    const [showHintsButton, setShowHintsButton] = useState(false);\n    const [skipped, setSkipped] = useState(false);\n    const [showSkipButton, setShowSkipButton] = useState(false);\n\n    useEffect(() => {\n      if (hintsTimer && hintsRemaining) {\n        const timeoutId = setTimeout(() => {\n          setShowHintsButton(true);\n        }, hintsTimer * 1000);\n\n        return () => clearTimeout(timeoutId);\n      }\n      setShowHintsButton(hintsRemaining);\n    }, [hintsTimer, hintsRemaining]);\n\n    useEffect(() => {\n      const canShowSkip = !response?.response && !response?.skipped;\n\n      //* If hints are available and user has exhausted all hints then we show skip button.\n      //* If hints are not available and user has not given any response or have not skipped a question then we show skip button after skippableTime/ 90 seconds.\n      //* Else skip button is hidden.\n      if (skippable) {\n        if (hintsAvailable > 0 && !hintsRemaining) {\n          setShowSkipButton(canShowSkip);\n        } else if (hintsAvailable === 0 && canShowSkip) {\n          const timeoutId = setTimeout(\n            () => {\n              setShowSkipButton(canShowSkip);\n            },\n            (skippableTime ?? 0) * 1000,\n          );\n\n          return () => clearTimeout(timeoutId);\n        } else {\n          setShowSkipButton(false);\n        }\n      }\n    }, [hintsAvailable, hintsRemaining, response, skippable, skippableTime]);\n\n    const {\n      checkButton,\n      checkButtonDisabled,\n      hintsButton,\n      retryButton,\n      nextButton,\n      nextButtonDisabled,\n      startButton,\n      readyButton,\n      validateButton,\n      skipSectionButton,\n      submitAttemptButton,\n      skipButton,\n    } = useMemo<IButtonTypes>(() => {\n      const showSkipSectionButton =\n        canTeacherValidate && is_optional && response?.assignStatus === 'assigned';\n\n      const getSystemValidationButtons = (): IButtonTypes => {\n        //* maximumAttempts = -2 means this is a puzzle card.\n        if (maximumAttempts === -2) {\n          if (userType === 'STUDENT') {\n            if (canAttempt) {\n              return {\n                hintsButton: showHintsButton,\n              };\n            }\n          }\n\n          return {};\n        }\n\n        if (!canAttempt) {\n          return {\n            nextButton: true,\n          };\n        }\n\n        if (!validation && behavior.navigationMode === 'LINEAR') {\n          return {\n            nextButton: true,\n            nextButtonDisabled: !response?.response,\n            hintsButton: showHintsButton,\n            skipButton: showSkipButton,\n          };\n        }\n\n        if (!validation) {\n          return {\n            nextButton: true,\n            hintsButton: showHintsButton,\n          };\n        }\n\n        if (!response || !response.response || !response.score) {\n          return {\n            checkButton: true,\n            checkButtonDisabled: true,\n            hintsButton: showHintsButton,\n          };\n        }\n\n        const { responseEdited, score, attemptsHistory } = response;\n        const maximumAttemptsReached = (attemptsHistory?.length ?? 0) >= maximumAttempts;\n\n        if (maximumAttemptsReached && !canExceedAttempts) {\n          return {\n            nextButton: true,\n          };\n        }\n\n        if (responseEdited) {\n          const lastAttemptResponse = attemptsHistory?.slice(-1)[0]?.response;\n\n          return {\n            nextButton: maximumAttemptsReached,\n            checkButton: true,\n            checkButtonDisabled: deepEqual(response.response, lastAttemptResponse),\n            hintsButton: showHintsButton,\n          };\n        }\n\n        if ((score.score ?? 0) < score.max_score) {\n          return {\n            nextButton: maximumAttemptsReached,\n            retryButton: true,\n            hintsButton: showHintsButton,\n          };\n        }\n\n        if ((score.score ?? 0) === score.max_score) {\n          return {\n            nextButton: true,\n          };\n        }\n\n        return {};\n      };\n\n      const isPendingTeacherValidation = () =>\n        questions.some(({ response_id: questionId }) => {\n          const { assignStatus, validatedByTeacher } = responses[questionId] ?? {};\n\n          return assignStatus === 'skipped' ? false : validatedByTeacher !== true;\n        });\n\n      if (teacherValidationEnabled) {\n        const { validatedByTeacher } = response ?? {};\n\n        if (navigationMode === 'ADAPTIVE' || navigationMode === 'CURRENT') {\n          if (userType === 'STUDENT') {\n            return {\n              hintsButton: showHintsButton,\n              validateButton: false,\n            };\n          }\n\n          return {\n            validateButton: false,\n          };\n        }\n\n        if (validatedByTeacher) {\n          return {\n            validateButton: true,\n            submitAttemptButton:\n              canTeacherValidate && canAttempt && userType === 'STUDENT' && canSubmitWorksheet\n                ? !isPendingTeacherValidation()\n                : false,\n          };\n        }\n\n        if (!isQuestionUnlocked) {\n          return {};\n        }\n\n        if (userType === 'STUDENT') {\n          if (isSystemIntro) {\n            return {\n              startButton: canTeacherValidate && canAttempt,\n            };\n          }\n\n          if (type !== 'clozetext') {\n            return {\n              ...getSystemValidationButtons(),\n              nextButton: false,\n            };\n          }\n\n          return {\n            hintsButton: showHintsButton,\n            readyButton: canTeacherValidate && isExitTicket && !response?.submittedByStudent,\n          };\n        }\n\n        if (isSystemIntro) {\n          return {\n            skipSectionButton: showSkipSectionButton,\n          };\n        }\n\n        if (type !== 'clozetext') {\n          const { responseEdited, score } = response ?? {};\n\n          return {\n            skipSectionButton: showSkipSectionButton,\n            validateButton:\n              responseEdited || !canTeacherValidate\n                ? false\n                : !!(score?.score && score?.max_score && !((score.score ?? 0) < score.max_score)),\n          };\n        }\n\n        return {\n          skipSectionButton: showSkipSectionButton,\n          validateButton:\n            canTeacherValidate && (isExitTicket ? response?.submittedByStudent : true),\n        };\n      }\n\n      return getSystemValidationButtons();\n    }, [\n      canTeacherValidate,\n      is_optional,\n      response,\n      teacherValidationEnabled,\n      canAttempt,\n      validation,\n      behavior.navigationMode,\n      maximumAttempts,\n      canExceedAttempts,\n      showHintsButton,\n      showSkipButton,\n      questions,\n      responses,\n      navigationMode,\n      isQuestionUnlocked,\n      userType,\n      isSystemIntro,\n      type,\n      isExitTicket,\n      canSubmitWorksheet,\n    ]);\n\n    const {\n      handleResponseChange,\n      handleHelpButtonClick,\n      handleBackButtonClick,\n      handleNextButtonClick,\n      handleCheckButtonClick,\n      handleRetryButtonClick,\n      handleHintButtonClick,\n      handleValidateButtonClick,\n      handleStartButtonClick,\n      handleSkipSectionButtonClick,\n      handleReadyButtonClick,\n      handleSkipButtonClick,\n    } = useHandlerCallbacks({\n      question,\n      setSkipped,\n      getTimeSpentOnQuestion,\n    });\n\n    useEffect(() => {\n      if (skipped) {\n        setSkipped(false);\n        setShowSkipButton(false);\n        handleNextButtonClick();\n        if (onSkip) {\n          onSkip(question.item_display_number, question.question_number);\n        }\n      }\n    }, [\n      handleNextButtonClick,\n      onSkip,\n      question.item_display_number,\n      question.question_number,\n      skipped,\n    ]);\n\n    useEffect(() => {\n      const questionInstance = isQuestionAppended ? learnosity.question(response_id) : undefined;\n\n      if (questionInstance && canAttempt && (!validation || checkButton)) {\n        questionInstance.on('changed', handleResponseChange);\n        questionInstance.enable();\n      }\n\n      return () => {\n        if (questionInstance && canAttempt && (!validation || checkButton)) {\n          questionInstance.off('changed', handleResponseChange);\n          questionInstance.disable();\n        }\n      };\n    }, [\n      canAttempt,\n      checkButton,\n      handleResponseChange,\n      isQuestionAppended,\n      learnosity,\n      response_id,\n      validation,\n    ]);\n\n    return (\n      <FlexView\n        $background=\"WHITE\"\n        $flexDirection=\"row\"\n        $flexGapX={0.5}\n        $alignItems=\"center\"\n        $justifyContent=\"flex-end\"\n      >\n        {hintsButton && (\n          <IconButton\n            Icon={QuestionIcon}\n            analyticsLabel=\"Hint\"\n            renderAs=\"secondary\"\n            disabled={!isQuestionAppended}\n            onClick={handleHintButtonClick}\n          />\n        )}\n        {!hintsButton && handleHelpButtonClick && (checkButton || retryButton) && (\n          <IconButton\n            Icon={HandIcon}\n            analyticsLabel=\"Ask for help\"\n            renderAs=\"secondary\"\n            onClick={handleHelpButtonClick}\n          />\n        )}\n        {handleBackButtonClick && (\n          <Button\n            widthX={6}\n            renderAs=\"secondary\"\n            size=\"small\"\n            label=\"Back\"\n            disabled={questionIndex === 0}\n            onClick={handleBackButtonClick}\n          />\n        )}\n        {skipButton && (\n          <Button\n            widthX={6}\n            renderAs={retryButton ? 'secondary' : 'primary'}\n            size=\"small\"\n            label=\"Skip\"\n            onClick={handleSkipButtonClick}\n          />\n        )}\n        {nextButton && (\n          <Button\n            widthX={6}\n            renderAs={retryButton ? 'secondary' : 'primary'}\n            size=\"small\"\n            label=\"Next\"\n            onClick={handleNextButtonClick}\n            disabled={nextButtonDisabled === true}\n          />\n        )}\n        {retryButton && (\n          <Button\n            widthX={6}\n            renderAs=\"primary\"\n            size=\"small\"\n            label={retryButtonLabel}\n            disabled={!isQuestionAppended}\n            onClick={handleRetryButtonClick}\n          />\n        )}\n        {checkButton && (\n          <Button\n            renderAs=\"primary\"\n            size=\"small\"\n            label={checkButtonLabel}\n            disabled={checkButtonDisabled === true || !isQuestionAppended}\n            onClick={handleCheckButtonClick}\n          />\n        )}\n        {startButton && (\n          <Button renderAs=\"primary\" size=\"small\" label=\"Start\" onClick={handleStartButtonClick} />\n        )}\n        {readyButton && (\n          <Button renderAs=\"primary\" size=\"small\" label=\"Submit\" onClick={handleReadyButtonClick} />\n        )}\n        {skipSectionButton && (\n          <IconButton\n            renderAs=\"primary\"\n            Icon={SkipIcon}\n            analyticsLabel=\"Skip Section\"\n            onClick={handleSkipSectionButtonClick}\n          />\n        )}\n        {!submitAttemptButton && validateButton && (\n          <IconButton\n            renderAs=\"primary\"\n            Icon={Check2Icon}\n            disabled={response?.validatedByTeacher}\n            analyticsLabel=\"Validate\"\n            onClick={handleValidateButtonClick}\n          />\n        )}\n        {submitAttemptButton && (\n          <Button renderAs=\"primary\" size=\"small\" label=\"Submit\" onClick={onSubmit} />\n        )}\n        {actionBarRightElement && actionBarRightElement}\n      </FlexView>\n    );\n  },\n);\n\nexport default WorksheetQuestionsController;\n"],"names":["WorksheetQuestionsController","memo","props","behavior","questions","userType","responses","questionIndex","lastUnlockedQuestionIndex","learnosity","onSkip","canSubmitWorksheet","actionBarRightElement","useWorksheetStore","store","isQuestionUnlocked","question","isQuestionAppended","response","getTimeSpentOnQuestion","onSubmit","navigationMode","canAttempt","hints","checkButtonLabel","retryButtonLabel","validation","maximumAttempts","canExceedAttempts","teacherValidationEnabled","canTeacherValidate","hintsTimer","skippableTime","skippable","response_id","item_type","type","instructor_stimulus","is_optional","hintsAvailable","_c","_b","_a","isSystemIntro","isExitTicket","hintsRemaining","showHintsButton","setShowHintsButton","useState","skipped","setSkipped","showSkipButton","setShowSkipButton","useEffect","timeoutId","canShowSkip","checkButton","checkButtonDisabled","hintsButton","retryButton","nextButton","nextButtonDisabled","startButton","readyButton","validateButton","skipSectionButton","submitAttemptButton","skipButton","useMemo","showSkipSectionButton","getSystemValidationButtons","responseEdited","score","attemptsHistory","maximumAttemptsReached","lastAttemptResponse","deepEqual","isPendingTeacherValidation","questionId","assignStatus","validatedByTeacher","handleResponseChange","handleHelpButtonClick","handleBackButtonClick","handleNextButtonClick","handleCheckButtonClick","handleRetryButtonClick","handleHintButtonClick","handleValidateButtonClick","handleStartButtonClick","handleSkipSectionButtonClick","handleReadyButtonClick","handleSkipButtonClick","useHandlerCallbacks","questionInstance","jsxs","FlexView","jsx","IconButton","QuestionIcon","HandIcon","Button","SkipIcon","Check2Icon"],"mappings":"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"}
+{"version":3,"file":"worksheet-questions-controller.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-questions-controller/worksheet-questions-controller.tsx"],"sourcesContent":["import { memo, type FC } from 'react';\n\nimport { useWorksheetStore } from '../hooks/use-worksheet-store';\nimport type { IWorksheetQuestionsControllerProps } from './worksheet-questions-controller-types';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Navigator from '../worksheet-sidebar/navigator';\nimport WorksheetQuestionsControllerView from './worksheet-questions-controller-view';\n\nconst WorksheetQuestionsController: FC<IWorksheetQuestionsControllerProps> = memo(\n  function WorksheetQuestionsController(props) {\n    const { actionBarRightElement } = useWorksheetStore(store => ({\n      actionBarRightElement: store.actionBarRightElement,\n    }));\n\n    return (\n      <FlexView\n        $flexDirection=\"row\"\n        $flexGapX={0.5}\n        $alignItems=\"center\"\n        $justifyContent=\"flex-end\"\n        style={{\n          pointerEvents: 'all',\n        }}\n      >\n        <WorksheetQuestionsControllerView {...props} />\n        {actionBarRightElement && actionBarRightElement}\n        <Navigator />\n      </FlexView>\n    );\n  },\n);\n\nexport default WorksheetQuestionsController;\n"],"names":["WorksheetQuestionsController","memo","props","actionBarRightElement","useWorksheetStore","store","jsxs","FlexView","jsx","WorksheetQuestionsControllerView","Navigator"],"mappings":";;;;;;AAQA,MAAMA,IAAuEC;AAAA,EAC3E,SAAsCC,GAAO;AAC3C,UAAM,EAAE,uBAAAC,EAAA,IAA0BC,EAAkB,CAAUC,OAAA;AAAA,MAC5D,uBAAuBA,EAAM;AAAA,IAC7B,EAAA;AAGA,WAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,gBAAe;AAAA,QACf,WAAW;AAAA,QACX,aAAY;AAAA,QACZ,iBAAgB;AAAA,QAChB,OAAO;AAAA,UACL,eAAe;AAAA,QACjB;AAAA,QAEA,UAAA;AAAA,UAAC,gBAAAC,EAAAC,GAAA,EAAkC,GAAGP,GAAO;AAAA,UAC5CC,KAAyBA;AAAA,4BACzBO,GAAU,EAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGjB;AACF;"}

package/dist/features/worksheet/worksheet/worksheet-questions-tools/questions-toolbar/questions-toolbar-styled.js

@@ -0,0 +1,49 @@
+import t from "styled-components";
+import i from "../../../../ui/layout/flex-view.js";
+import r from "../../../../ui/text/text.js";
+const x = t(
+  i
+)(
+  ({ theme: o, $showBorder: e }) => `
+  ${e ? `margin-left: 12px; border-left: 1px solid ${o.colors.WHITE_5};` : ""}
+  align-self: stretch;
+`
+), c = t(i)`
+  height: 40px;
+  width: 40px;
+  align-items: center;
+  justify-content: center;
+`, l = t.div`
+  position: relative;
+  width: 24px;
+  height: 24px;
+`, h = t.div(
+  ({ theme: o }) => `
+  position: absolute;
+  top: 2px;
+  right: 2px;
+  width: 12px;
+  height: 12px;
+  background-color: ${o.colors.YELLOW_4};
+  border: 1px solid ${o.colors.WHITE};
+  border-radius: 50%;
+`
+), a = t.img`
+  position: absolute;
+  top: 2px;
+  right: 2px;
+  width: 12px;
+  height: 12px;
+`, d = t(r)`
+  line-height: 11px;
+  text-align: center;
+`;
+export {
+  l as HintsIconContainer,
+  d as HintsNumber,
+  h as HintsNumberContainer,
+  c as IconContainer,
+  a as TickMark,
+  x as WorksheetQuestionsToolbarContainer
+};
+//# sourceMappingURL=questions-toolbar-styled.js.map

package/dist/features/worksheet/worksheet/worksheet-questions-tools/questions-toolbar/questions-toolbar-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"questions-toolbar-styled.js","sources":["../../../../../../src/features/worksheet/worksheet/worksheet-questions-tools/questions-toolbar/questions-toolbar-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\n\ninterface IWorksheetQuestionsToolbarContainerProps {\n  $showBorder: boolean;\n}\nconst WorksheetQuestionsToolbarContainer = styled(\n  FlexView,\n)<IWorksheetQuestionsToolbarContainerProps>(\n  ({ theme, $showBorder }) => `\n  ${$showBorder ? `margin-left: 12px; border-left: 1px solid ${theme.colors.WHITE_5};` : ''}\n  align-self: stretch;\n`,\n);\n\nconst IconContainer = styled(FlexView)`\n  height: 40px;\n  width: 40px;\n  align-items: center;\n  justify-content: center;\n`;\n\nconst HintsIconContainer = styled.div`\n  position: relative;\n  width: 24px;\n  height: 24px;\n`;\n\nconst HintsNumberContainer = styled.div(\n  ({ theme }) => `\n  position: absolute;\n  top: 2px;\n  right: 2px;\n  width: 12px;\n  height: 12px;\n  background-color: ${theme.colors.YELLOW_4};\n  border: 1px solid ${theme.colors.WHITE};\n  border-radius: 50%;\n`,\n);\n\nconst TickMark = styled.img`\n  position: absolute;\n  top: 2px;\n  right: 2px;\n  width: 12px;\n  height: 12px;\n`;\n\nconst HintsNumber = styled(Text)`\n  line-height: 11px;\n  text-align: center;\n`;\n\nexport {\n  WorksheetQuestionsToolbarContainer,\n  IconContainer,\n  HintsIconContainer,\n  HintsNumberContainer,\n  HintsNumber,\n  TickMark,\n};\n"],"names":["WorksheetQuestionsToolbarContainer","styled","FlexView","theme","$showBorder","IconContainer","HintsIconContainer","HintsNumberContainer","TickMark","HintsNumber","Text"],"mappings":";;;AAQA,MAAMA,IAAqCC;AAAA,EACzCC;AACF;AAAA,EACE,CAAC,EAAE,OAAAC,GAAO,aAAAC,EAAA,MAAkB;AAAA,IAC1BA,IAAc,6CAA6CD,EAAM,OAAO,OAAO,MAAM,EAAE;AAAA;AAAA;AAG3F,GAEME,IAAgBJ,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,GAO/BI,IAAqBL,EAAO;AAAA;AAAA;AAAA;AAAA,GAM5BM,IAAuBN,EAAO;AAAA,EAClC,CAAC,EAAE,OAAAE,EAAA,MAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAMKA,EAAM,OAAO,QAAQ;AAAA,sBACrBA,EAAM,OAAO,KAAK;AAAA;AAAA;AAGxC,GAEMK,IAAWP,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQlBQ,IAAcR,EAAOS,CAAI;AAAA;AAAA;AAAA;"}