@cuemath/leap 3.5.48-gg1 → 3.5.48-j2

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

@@ -1,34 +1,359 @@
-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,
+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,
       {
+        $background: "WHITE",
         $flexDirection: "row",
         $flexGapX: 0.5,
         $alignItems: "center",
         $justifyContent: "flex-end",
-        style: {
-          pointerEvents: "all"
-        },
         children: [
-          /* @__PURE__ */ t(a, { ...o }),
-          e && e,
-          /* @__PURE__ */ t(m, {})
+          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
         ]
       }
     );
   }
 );
 export {
-  k as default
+  ne 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 { 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;"}
+{"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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"}

package/dist/features/worksheet/worksheet/worksheet-sidebar/navigator.js

@@ -1,38 +1,25 @@
-import { jsxs as m, jsx as o } from "react/jsx-runtime";
-import { memo as h, useCallback as n } from "react";
-import p from "../../../../assets/line-icons/icons/chevron-down.js";
-import f from "../../../../assets/line-icons/icons/chevron-up.js";
-import c from "../../../ui/buttons/clickable/clickable.js";
-import r from "../../../ui/layout/flex-view.js";
-const v = h(function() {
-  const e = n((d) => {
-    const l = document.getElementById("live-sheet-scroll-wrapper"), i = document.getElementById("tab-content-container"), t = {
-      top: d === "up" ? -250 : 250,
+import { jsxs as c, jsx as o } from "react/jsx-runtime";
+import { useCallback as a } from "react";
+import m from "../../../../assets/line-icons/icons/down.js";
+import s from "../../../../assets/line-icons/icons/up.js";
+import n from "../../../ui/buttons/clickable/clickable.js";
+import p from "../../../ui/separator/separator.js";
+import { GuideContainer as d } from "./worksheet-sidebar-styled.js";
+const g = () => {
+  const r = a((i) => {
+    const l = document.getElementById("live-sheet-scroll-wrapper"), t = document.getElementById("tab-content-container"), e = {
+      top: i === "up" ? -100 : 100,
       behavior: "smooth"
     };
-    l ? l.scrollBy(t) : i ? i.scrollBy(t) : window.scrollBy(t);
-  }, []), s = n(() => {
-    e("up");
-  }, [e]), a = n(() => {
-    e("down");
-  }, [e]);
-  return /* @__PURE__ */ m(
-    r,
-    {
-      $background: "WHITE",
-      $borderRadius: 48,
-      $gutter: 8,
-      $flexGap: 8,
-      $flexDirection: "row",
-      $borderColor: "BLACK_T_15",
-      children: [
-        /* @__PURE__ */ o(c, { label: "up", onClick: s, children: /* @__PURE__ */ o(r, { $height: 38, $justifyContent: "center", children: /* @__PURE__ */ o(f, {}) }) }),
-        /* @__PURE__ */ o(c, { label: "down", onClick: a, children: /* @__PURE__ */ o(r, { $height: 38, $justifyContent: "center", children: /* @__PURE__ */ o(p, {}) }) })
-      ]
-    }
-  );
-});
+    l ? l.scrollBy(e) : t ? t.scrollBy(e) : window.scrollBy(e);
+  }, []);
+  return /* @__PURE__ */ c(d, { $background: "WHITE", children: [
+    /* @__PURE__ */ o(n, { label: "up", onClick: () => r("up"), children: /* @__PURE__ */ o(s, {}) }),
+    /* @__PURE__ */ o(p, { height: 16 }),
+    /* @__PURE__ */ o(n, { label: "down", onClick: () => r("down"), children: /* @__PURE__ */ o(m, {}) })
+  ] });
+};
 export {
-  v as default
+  g as default
 };
 //# sourceMappingURL=navigator.js.map

package/dist/features/worksheet/worksheet/worksheet-sidebar/navigator.js.map

@@ -1 +1 @@
-{"version":3,"file":"navigator.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-sidebar/navigator.tsx"],"sourcesContent":["import { memo, useCallback, type FC } from 'react';\n\nimport ChevronDownIcon from '../../../../assets/line-icons/icons/chevron-down';\nimport ChevronUpIcon from '../../../../assets/line-icons/icons/chevron-up';\nimport Clickable from '../../../ui/buttons/clickable/clickable';\nimport FlexView from '../../../ui/layout/flex-view';\n\nconst Navigator: FC = memo(function Navigator() {\n  const handleClick = useCallback((val: 'up' | 'down') => {\n    const liveScrollView = document.getElementById('live-sheet-scroll-wrapper');\n    const tabScrollView = document.getElementById('tab-content-container');\n    const position = {\n      top: val === 'up' ? -250 : 250,\n      behavior: 'smooth',\n    } as const;\n\n    if (liveScrollView) {\n      liveScrollView.scrollBy(position);\n    } else if (tabScrollView) {\n      tabScrollView.scrollBy(position);\n    } else {\n      window.scrollBy(position);\n    }\n  }, []);\n\n  const handleUpClick = useCallback(() => {\n    handleClick('up');\n  }, [handleClick]);\n\n  const handleDownClick = useCallback(() => {\n    handleClick('down');\n  }, [handleClick]);\n\n  return (\n    <FlexView\n      $background=\"WHITE\"\n      $borderRadius={48}\n      $gutter={8}\n      $flexGap={8}\n      $flexDirection=\"row\"\n      $borderColor=\"BLACK_T_15\"\n    >\n      <Clickable label=\"up\" onClick={handleUpClick}>\n        <FlexView $height={38} $justifyContent=\"center\">\n          <ChevronUpIcon />\n        </FlexView>\n      </Clickable>\n      <Clickable label=\"down\" onClick={handleDownClick}>\n        <FlexView $height={38} $justifyContent=\"center\">\n          <ChevronDownIcon />\n        </FlexView>\n      </Clickable>\n    </FlexView>\n  );\n});\n\nexport default Navigator;\n"],"names":["Navigator","memo","handleClick","useCallback","val","liveScrollView","tabScrollView","position","handleUpClick","handleDownClick","jsxs","FlexView","jsx","Clickable","ChevronUpIcon","ChevronDownIcon"],"mappings":";;;;;;AAOM,MAAAA,IAAgBC,EAAK,WAAqB;AACxC,QAAAC,IAAcC,EAAY,CAACC,MAAuB;AAChD,UAAAC,IAAiB,SAAS,eAAe,2BAA2B,GACpEC,IAAgB,SAAS,eAAe,uBAAuB,GAC/DC,IAAW;AAAA,MACf,KAAKH,MAAQ,OAAO,OAAO;AAAA,MAC3B,UAAU;AAAA,IAAA;AAGZ,IAAIC,IACFA,EAAe,SAASE,CAAQ,IACvBD,IACTA,EAAc,SAASC,CAAQ,IAE/B,OAAO,SAASA,CAAQ;AAAA,EAE5B,GAAG,CAAE,CAAA,GAECC,IAAgBL,EAAY,MAAM;AACtC,IAAAD,EAAY,IAAI;AAAA,EAAA,GACf,CAACA,CAAW,CAAC,GAEVO,IAAkBN,EAAY,MAAM;AACxC,IAAAD,EAAY,MAAM;AAAA,EAAA,GACjB,CAACA,CAAW,CAAC;AAGd,SAAA,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,aAAY;AAAA,MACZ,eAAe;AAAA,MACf,SAAS;AAAA,MACT,UAAU;AAAA,MACV,gBAAe;AAAA,MACf,cAAa;AAAA,MAEb,UAAA;AAAA,QAAA,gBAAAC,EAACC,GAAU,EAAA,OAAM,MAAK,SAASL,GAC7B,UAAC,gBAAAI,EAAAD,GAAA,EAAS,SAAS,IAAI,iBAAgB,UACrC,UAAC,gBAAAC,EAAAE,GAAA,CAAA,CAAc,EACjB,CAAA,GACF;AAAA,QACC,gBAAAF,EAAAC,GAAA,EAAU,OAAM,QAAO,SAASJ,GAC/B,UAAA,gBAAAG,EAACD,GAAS,EAAA,SAAS,IAAI,iBAAgB,UACrC,UAAC,gBAAAC,EAAAG,GAAA,CAAA,CAAgB,EACnB,CAAA,GACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}
+{"version":3,"file":"navigator.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-sidebar/navigator.tsx"],"sourcesContent":["import { useCallback, type FC } from 'react';\n\nimport DownIcon from '../../../../assets/line-icons/icons/down';\nimport UpIcon from '../../../../assets/line-icons/icons/up';\nimport Clickable from '../../../ui/buttons/clickable/clickable';\nimport Separator from '../../../ui/separator/separator';\nimport { GuideContainer } from './worksheet-sidebar-styled';\n\nconst Navigator: FC = () => {\n  const handleClick = useCallback((val: 'up' | 'down') => {\n    const liveScrollView = document.getElementById('live-sheet-scroll-wrapper');\n    const tabScrollView = document.getElementById('tab-content-container');\n    const position = {\n      top: val === 'up' ? -100 : 100,\n      behavior: 'smooth',\n    } as const;\n\n    if (liveScrollView) {\n      liveScrollView.scrollBy(position);\n    } else if (tabScrollView) {\n      tabScrollView.scrollBy(position);\n    } else {\n      window.scrollBy(position);\n    }\n  }, []);\n\n  return (\n    <GuideContainer $background=\"WHITE\">\n      <Clickable label=\"up\" onClick={() => handleClick('up')}>\n        <UpIcon />\n      </Clickable>\n      <Separator height={16} />\n      <Clickable label=\"down\" onClick={() => handleClick('down')}>\n        <DownIcon />\n      </Clickable>\n    </GuideContainer>\n  );\n};\n\nexport default Navigator;\n"],"names":["Navigator","handleClick","useCallback","val","liveScrollView","tabScrollView","position","jsxs","GuideContainer","jsx","Clickable","UpIcon","Separator","DownIcon"],"mappings":";;;;;;;AAQA,MAAMA,IAAgB,MAAM;AACpB,QAAAC,IAAcC,EAAY,CAACC,MAAuB;AAChD,UAAAC,IAAiB,SAAS,eAAe,2BAA2B,GACpEC,IAAgB,SAAS,eAAe,uBAAuB,GAC/DC,IAAW;AAAA,MACf,KAAKH,MAAQ,OAAO,OAAO;AAAA,MAC3B,UAAU;AAAA,IAAA;AAGZ,IAAIC,IACFA,EAAe,SAASE,CAAQ,IACvBD,IACTA,EAAc,SAASC,CAAQ,IAE/B,OAAO,SAASA,CAAQ;AAAA,EAE5B,GAAG,CAAE,CAAA;AAGH,SAAA,gBAAAC,EAACC,GAAe,EAAA,aAAY,SAC1B,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAU,OAAM,MAAK,SAAS,MAAMT,EAAY,IAAI,GACnD,UAAC,gBAAAQ,EAAAE,GAAA,CAAA,CAAO,EACV,CAAA;AAAA,IACA,gBAAAF,EAACG,GAAU,EAAA,QAAQ,GAAI,CAAA;AAAA,IACvB,gBAAAH,EAACC,GAAU,EAAA,OAAM,QAAO,SAAS,MAAMT,EAAY,MAAM,GACvD,UAAC,gBAAAQ,EAAAI,GAAA,CAAA,CAAS,EACZ,CAAA;AAAA,EACF,EAAA,CAAA;AAEJ;"}

package/dist/features/worksheet/worksheet/worksheet-sidebar/question-guide.js

@@ -0,0 +1,112 @@
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { memo as w, useState as H, useCallback as u, useMemo as G, useRef as N, useEffect as y } from "react";
+import O from "../../../ui/arrow-tooltip/arrow-tooltip.js";
+import p from "../../../ui/buttons/clickable/clickable.js";
+import r from "../../../ui/layout/flex-view.js";
+import P from "../../../ui/separator/separator.js";
+import h from "../../../ui/text/text.js";
+import R from "../../constants/events.js";
+import { useWorksheetStore as V } from "../hooks/use-worksheet-store.js";
+import { GuideContainer as j, HintIcon as L, SolIcon as Q, Pointer as B, SectionContainer as M, Section as q, CloseIcon as K, Guide as U } from "./worksheet-sidebar-styled.js";
+const re = w(function({
+  questionWidth: g,
+  questions: k,
+  learnosity: $,
+  actionbarHeight: I
+}) {
+  var C;
+  const { activeQuestionIndex: _, loggerRef: l, plugins: m } = V((o) => ({
+    activeQuestionIndex: o.activeQuestionIndex,
+    loggerRef: o.loggerRef,
+    plugins: o.plugins
+  })), [t, c] = H(), [v, A] = H({
+    top: 0,
+    left: 0
+  }), { top: S, left: b } = v, X = u(() => {
+    c("HINT"), l.current(R.WORKSHEET_V3_HINT_SEEN);
+  }, [l]), x = u(() => {
+    c("SOL"), l.current(R.WORKSHEET_V3_SOLUTION_SEEN);
+  }, [l]), W = u(() => {
+    c(() => {
+    });
+  }, []), { hints: s, solution: d } = ((C = k[_]) == null ? void 0 : C.metadata) || {}, i = G(() => t === void 0 ? void 0 : t === "HINT" ? s : d, [t, s, d]), E = N(null), T = N(null), f = u((o) => {
+    if (o.current) {
+      const n = o.current.getBoundingClientRect();
+      A({
+        top: n.top + n.height / 2 - 8,
+        left: n.right - 78
+        // 52px (sidebar width) + 16px (gutter) + 10px
+      });
+    }
+  }, []);
+  return t && i && $ && $.renderMath("mathjax"), y(() => {
+    t === "HINT" ? f(T) : t === "SOL" ? f(E) : i || c(void 0);
+  }, [t, f, i]), /* @__PURE__ */ a(j, { $background: "WHITE", children: [
+    (m == null ? void 0 : m.stickers) ?? null,
+    /* @__PURE__ */ e(
+      O,
+      {
+        renderAs: "primary",
+        tooltipItem: /* @__PURE__ */ e(h, { $renderAs: "ab3", $color: "WHITE", children: "Hint" }),
+        position: "left",
+        tooltipXCoOrdinates: "40%",
+        children: /* @__PURE__ */ e(p, { label: "hints", onClick: X, disabled: !s, children: /* @__PURE__ */ e(r, { $alignItems: "center", $justifyContent: "center", ref: T, children: /* @__PURE__ */ e(L, { width: 32, height: 32, $disabled: !s }) }) })
+      }
+    ),
+    /* @__PURE__ */ e(r, { $gap: 8, $alignItems: "center", children: /* @__PURE__ */ e(P, { width: 24, height: 1, background: "GREY_2" }) }),
+    /* @__PURE__ */ e(
+      O,
+      {
+        renderAs: "primary",
+        tooltipItem: /* @__PURE__ */ e(h, { $renderAs: "ab3", $color: "WHITE", children: "Solution" }),
+        position: "left",
+        tooltipXCoOrdinates: "25%",
+        tooltipYCoOrdinates: "5%",
+        children: /* @__PURE__ */ e(p, { label: "solution", onClick: x, disabled: !d, children: /* @__PURE__ */ e(r, { $alignItems: "center", $justifyContent: "center", ref: E, children: /* @__PURE__ */ e(Q, { width: 32, height: 32, $disabled: !d }) }) })
+      }
+    ),
+    t && S && b && /* @__PURE__ */ e(B, { topValue: S, leftValue: b }),
+    t && /* @__PURE__ */ e(
+      M,
+      {
+        $background: "WHITE",
+        $questionWidth: g,
+        $actionbarHeight: I,
+        $borderRadius: 10,
+        children: /* @__PURE__ */ a(
+          q,
+          {
+            $gutterX: 1,
+            $gapX: 1,
+            $questionWidth: g,
+            $actionbarHeight: I,
+            children: [
+              /* @__PURE__ */ e(p, { label: "close", onClick: W, children: /* @__PURE__ */ e(K, {}) }),
+              /* @__PURE__ */ e(r, { $gutterX: 0.5, children: /* @__PURE__ */ e(h, { $renderAs: "eyebrow2", $color: "ORANGE_5", $marginBottomX: 0.25, children: t === "HINT" ? "HINTS:" : "SOLUTION:" }) }),
+              i && i.map((o, n) => /* @__PURE__ */ a(r, { $gutterX: 0.5, $gapX: 0.5, children: [
+                i.length > 1 && /* @__PURE__ */ a(h, { $renderAs: "eyebrow2", $color: "ORANGE_5", $marginBottomX: 0.25, children: [
+                  t,
+                  " ",
+                  n + 1,
+                  ":"
+                ] }),
+                /* @__PURE__ */ e(
+                  U,
+                  {
+                    dangerouslySetInnerHTML: {
+                      __html: o
+                    }
+                  }
+                )
+              ] }, n.toString()))
+            ]
+          }
+        )
+      }
+    )
+  ] });
+});
+export {
+  re as default
+};
+//# sourceMappingURL=question-guide.js.map