@cuemath/leap 3.5.46 → 3.5.47-gg10

package/dist/features/worksheet/worksheet/worksheet-questions-controller/use-handler-callbacks.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-handler-callbacks.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-questions-controller/use-handler-callbacks.ts"],"sourcesContent":["import { useCallback, type Dispatch, type SetStateAction } from 'react';\nimport { useErrorBoundary } from 'react-error-boundary';\n\nimport { useAudioPlayer } from '../../../hooks/use-audio-player/use-audio-player';\nimport { useAutoPlayPermission } from '../../../hooks/use-auto-play-permission/use-auto-play-permission';\nimport EVENTS from '../../constants/events';\nimport { SYSTEM_VALIDATION_AUDIO_LIST } from '../constants';\nimport { useWorksheetStore } from '../hooks/use-worksheet-store';\nimport {\n  checkIsClozeFormulaResponseInvalid,\n  getQuestionMetadata,\n  isOkayTypeQuestion,\n} from '../worksheet-helpers';\nimport type { IWorksheetResponse } from '../worksheet-types';\nimport type { IWorksheetQuestionsControllerProps } from './worksheet-questions-controller-types';\n\ninterface IUseHandlerCallbacks {\n  (\n    options: Pick<IWorksheetQuestionsControllerProps, 'question' | 'getTimeSpentOnQuestion'> & {\n      setSkipped: Dispatch<SetStateAction<boolean>>;\n    },\n  ): {\n    handleResponseChange: () => void;\n    handleHelpButtonClick?: () => void;\n    handleHintButtonClick: () => void;\n    handleBackButtonClick?: () => void;\n    handleNextButtonClick: () => void;\n    handleRetryButtonClick: () => void;\n    handleCheckButtonClick: () => void;\n    handleValidateButtonClick: () => void;\n    handleStartButtonClick: () => void;\n    handleReadyButtonClick: () => void;\n    handleSkipSectionButtonClick: () => void;\n    handleSkipButtonClick: () => void;\n  };\n}\n\nconst useHandlerCallbacks: IUseHandlerCallbacks = options => {\n  const {\n    behavior,\n    layout,\n    questions,\n    setResponses,\n    questionIndex,\n    updateResponse,\n    onResponseChange,\n    showSummary,\n    changeQuestion,\n    setBlocker,\n    onTeacherValidation,\n    learnosity,\n    loggerRef,\n    onHelp,\n  } = useWorksheetStore(store => ({\n    behavior: store.behavior,\n    layout: store.layout,\n    questions: store.questions,\n    questionIndex: store.activeQuestionIndex,\n    setResponses: store.setResponses,\n    updateResponse: store.updateResponse,\n    onResponseChange: store.onResponseChange,\n    showSummary: store.showSummary,\n    changeQuestion: store.changeQuestion,\n    setBlocker: store.setBlocker,\n    onTeacherValidation: store.onTeacherValidation,\n    learnosity: store.learnosity,\n    loggerRef: store.loggerRef,\n    onHelp: store.onHelp,\n  }));\n  const { question, getTimeSpentOnQuestion, setSkipped } = options;\n  const { questionsScrollable } = layout;\n  const { response_id, item_type, question_number, item_number, total_questions } = question;\n  const isExitTicket = item_type === 'exit-ticket';\n  const { validation, teacherValidationEnabled } = behavior;\n  const { canAutoPlayAudio } = useAutoPlayPermission();\n\n  // Convert array to object config for new useAudioPlayer\n  const audioConfig = SYSTEM_VALIDATION_AUDIO_LIST.reduce(\n    (acc, { name, url }) => {\n      acc[name] = url;\n\n      return acc;\n    },\n    {} as Record<string, string>,\n  );\n\n  const audioManager = useAudioPlayer(audioConfig, canAutoPlayAudio);\n  const { showBoundary } = useErrorBoundary();\n\n  const playAudio = useCallback(() => {\n    const questionInstance = learnosity.question(response_id);\n\n    if (questionInstance && validation && !isOkayTypeQuestion(questionInstance.getQuestion())) {\n      questionInstance.getScore(sc => {\n        const { max_score: maxScore, score: currentScore } = sc || {};\n\n        if (maxScore) {\n          if (maxScore === currentScore) {\n            audioManager.play('CORRECT');\n          } else {\n            audioManager.play('INCORRECT');\n          }\n        }\n      });\n    }\n  }, [learnosity, audioManager, response_id, validation]);\n\n  const validateQuestion = useCallback(\n    (questionId: string, rating?: number) => {\n      setResponses(prevResponses => {\n        const newResponse = {\n          ...getQuestionMetadata(questions, questionId),\n          ...prevResponses[questionId],\n          validatedByTeacher: true,\n          rating,\n        };\n\n        onResponseChange?.({\n          responseId: questionId,\n          response: newResponse,\n          question: questions.find(q => q.response_id === questionId)!,\n          isNewAttempt: false,\n        });\n\n        return {\n          ...prevResponses,\n          [questionId]: newResponse,\n        };\n      });\n    },\n    [onResponseChange, questions, setResponses],\n  );\n\n  const handleHelpButtonClick = useCallback(() => {\n    if (onHelp && question) {\n      onHelp({\n        questionId: response_id,\n        questionNumber: `${item_number + 1}${\n          total_questions > 1 ? String.fromCharCode('a'.charCodeAt(0) + question_number) : ''\n        }`,\n      });\n    }\n  }, [item_number, onHelp, question, question_number, response_id, total_questions]);\n\n  const handleHintButtonClick = useCallback(() => {\n    loggerRef.current(EVENTS.WORKSHEET_V3_HINT_SEEN);\n    setResponses(prevResponses => {\n      const newResponse = {\n        ...getQuestionMetadata(questions, response_id),\n        ...prevResponses[response_id],\n        hintsUsed: (prevResponses[response_id]?.hintsUsed ?? 0) + 1,\n      };\n\n      onResponseChange?.({\n        responseId: response_id,\n        response: newResponse,\n        question: questions.find(q => q.response_id === response_id)!,\n        isNewAttempt: false,\n      });\n\n      return {\n        ...prevResponses,\n        [response_id]: newResponse,\n      };\n    });\n  }, [loggerRef, onResponseChange, questions, response_id, setResponses]);\n\n  const handleBackButtonClick = useCallback(() => {\n    const questionId = questions[questionIndex - 1]?.response_id;\n\n    if (questionId) {\n      changeQuestion(questionId);\n    }\n  }, [changeQuestion, questionIndex, questions]);\n\n  const handleNextButtonClick = useCallback(() => {\n    const questionId = questions[questionIndex + 1]?.response_id;\n\n    if (questionId) {\n      changeQuestion(questionId);\n    } else {\n      showSummary();\n    }\n  }, [changeQuestion, questionIndex, questions, showSummary]);\n\n  const handleSkipButtonClick = useCallback(() => {\n    setResponses(prevResponses => {\n      const newResponse = {\n        ...getQuestionMetadata(questions, response_id),\n        ...prevResponses[response_id],\n        skipped: true,\n      };\n\n      onResponseChange?.({\n        responseId: response_id,\n        response: newResponse,\n        question: questions.find(q => q.response_id === response_id)!,\n        isNewAttempt: false,\n      });\n\n      return {\n        ...prevResponses,\n        [response_id]: newResponse,\n      };\n    });\n    setSkipped(true);\n  }, [onResponseChange, questions, response_id, setResponses, setSkipped]);\n\n  const handleResponseChange = useCallback(\n    (answerChecked?: boolean) => {\n      const questionInstance = learnosity.question(response_id);\n\n      if (questionInstance) {\n        const lquestion = questionInstance.getQuestion();\n        const questionResponse = questionInstance.getResponse();\n        const shouldCheckAbuse =\n          lquestion.type === 'clozeformula' && questionResponse && questionResponse?.value;\n        const isInputExceedingMaxLength = shouldCheckAbuse\n          ? checkIsClozeFormulaResponseInvalid(questionResponse)\n          : false;\n\n        if (isInputExceedingMaxLength) {\n          showBoundary(new Error('CLOZE_FORMULA_RESPONSE_EXCEEDS_MAX_LENGTH'));\n        }\n\n        questionInstance.getScore(score => {\n          updateResponse({\n            responseId: response_id,\n            response: questionResponse,\n            score:\n              isOkayTypeQuestion(lquestion) || !score\n                ? {\n                    max_score: 0,\n                    score: 0,\n                    unscored: !score, // score will be null for unscored questions\n                  }\n                : { ...score, score: score.score ?? 0 },\n            answerChecked,\n            timeSpent: getTimeSpentOnQuestion(response_id),\n          });\n        });\n      }\n    },\n    [getTimeSpentOnQuestion, learnosity, response_id, showBoundary, updateResponse],\n  );\n\n  const handleRetryButtonClick = useCallback(() => {\n    const questionInstance = learnosity.question(response_id);\n\n    if (questionInstance) {\n      questionInstance.enable();\n      questionInstance.resetValidationUI();\n      handleResponseChange();\n    }\n  }, [handleResponseChange, learnosity, response_id]);\n\n  const handleValidate = useCallback(() => {\n    playAudio();\n    handleResponseChange(true);\n  }, [handleResponseChange, playAudio]);\n\n  const handleCheckButtonClick = useCallback(() => {\n    const questionInstance = learnosity.question(response_id);\n\n    if (questionInstance) {\n      questionInstance.disable();\n      questionInstance.validate(\n        {\n          feedbackAttempts: true,\n        },\n        handleValidate,\n      );\n    }\n  }, [handleValidate, learnosity, response_id]);\n\n  const handleValidateButtonClick = useCallback(() => {\n    if (isExitTicket) {\n      setBlocker('exit-ticket-review');\n    } else {\n      onTeacherValidation?.(response_id);\n    }\n  }, [isExitTicket, onTeacherValidation, response_id, setBlocker]);\n\n  const handleStartButtonClick = useCallback(() => {\n    validateQuestion(response_id);\n  }, [response_id, validateQuestion]);\n\n  const handleReadyButtonClick = useCallback(() => {\n    setResponses(prevResponses => {\n      const newResponse: IWorksheetResponse = {\n        ...getQuestionMetadata(questions, response_id),\n        ...prevResponses[response_id],\n        submittedByStudent: true,\n      };\n\n      onResponseChange?.({\n        responseId: response_id,\n        response: newResponse,\n        question: questions.find(q => q.response_id === response_id)!,\n        isNewAttempt: false,\n      });\n\n      return {\n        ...prevResponses,\n        [response_id]: newResponse,\n      };\n    });\n    setBlocker('exit-ticket-student-submission');\n  }, [onResponseChange, questions, response_id, setBlocker, setResponses]);\n\n  const handleSkipSectionButtonClick = useCallback(() => {\n    setBlocker('optional-items-skip');\n  }, [setBlocker]);\n\n  return {\n    handleResponseChange,\n    handleHelpButtonClick: onHelp ? handleHelpButtonClick : undefined,\n    handleHintButtonClick,\n    handleBackButtonClick:\n      !questionsScrollable && !teacherValidationEnabled ? handleBackButtonClick : undefined,\n    handleNextButtonClick,\n    handleRetryButtonClick,\n    handleCheckButtonClick,\n    handleValidateButtonClick,\n    handleStartButtonClick,\n    handleReadyButtonClick,\n    handleSkipSectionButtonClick,\n    handleSkipButtonClick,\n  };\n};\n\nexport default useHandlerCallbacks;\n"],"names":["useHandlerCallbacks","options","behavior","layout","questions","setResponses","questionIndex","updateResponse","onResponseChange","showSummary","changeQuestion","setBlocker","onTeacherValidation","learnosity","loggerRef","onHelp","useWorksheetStore","store","question","getTimeSpentOnQuestion","setSkipped","questionsScrollable","response_id","item_type","question_number","item_number","total_questions","isExitTicket","validation","teacherValidationEnabled","canAutoPlayAudio","useAutoPlayPermission","audioConfig","SYSTEM_VALIDATION_AUDIO_LIST","acc","name","url","audioManager","useAudioPlayer","showBoundary","useErrorBoundary","playAudio","useCallback","questionInstance","isOkayTypeQuestion","sc","maxScore","currentScore","validateQuestion","questionId","rating","prevResponses","newResponse","getQuestionMetadata","q","handleHelpButtonClick","handleHintButtonClick","EVENTS","_a","handleBackButtonClick","handleNextButtonClick","handleSkipButtonClick","handleResponseChange","answerChecked","lquestion","questionResponse","checkIsClozeFormulaResponseInvalid","score","handleRetryButtonClick","handleValidate","handleCheckButtonClick","handleValidateButtonClick","handleStartButtonClick","handleReadyButtonClick","handleSkipSectionButtonClick"],"mappings":"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"}

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

@@ -1,112 +0,0 @@
-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

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

@@ -1 +0,0 @@
-{"version":3,"file":"question-guide.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-sidebar/question-guide.tsx"],"sourcesContent":["import {\n  type FC,\n  memo,\n  type RefObject,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport ArrowTooltip from '../../../ui/arrow-tooltip/arrow-tooltip';\nimport Clickable from '../../../ui/buttons/clickable/clickable';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport EVENTS from '../../constants/events';\nimport { useWorksheetStore } from '../hooks/use-worksheet-store';\nimport type { ILearnosity, IWorksheetQuestion } from '../worksheet-types';\nimport {\n  CloseIcon,\n  Guide,\n  GuideContainer,\n  HintIcon,\n  Pointer,\n  Section,\n  SectionContainer,\n  SolIcon,\n} from './worksheet-sidebar-styled';\n\ntype TSections = 'HINT' | 'SOL';\n\ninterface IQuestionGuideProps {\n  questionWidth: number;\n  questions: IWorksheetQuestion[];\n  learnosity: ILearnosity;\n  actionbarHeight: number;\n}\n\nconst QuestionGuide: FC<IQuestionGuideProps> = memo(function QuestionGuide({\n  questionWidth,\n  questions,\n  learnosity,\n  actionbarHeight,\n}) {\n  const { activeQuestionIndex, loggerRef, plugins } = useWorksheetStore(store => ({\n    activeQuestionIndex: store.activeQuestionIndex,\n    loggerRef: store.loggerRef,\n    plugins: store.plugins,\n  }));\n  const [activeSection, setActiveSection] = useState<TSections | undefined>();\n  const [pointerPosition, setPointerPosition] = useState({\n    top: 0,\n    left: 0,\n  });\n  const { top, left } = pointerPosition;\n\n  const handleHintClick = useCallback(() => {\n    setActiveSection('HINT');\n    loggerRef.current(EVENTS.WORKSHEET_V3_HINT_SEEN);\n  }, [loggerRef]);\n  const handleSolClick = useCallback(() => {\n    setActiveSection('SOL');\n    loggerRef.current(EVENTS.WORKSHEET_V3_SOLUTION_SEEN);\n  }, [loggerRef]);\n  const handleClose = useCallback(() => {\n    setActiveSection(() => undefined);\n  }, []);\n\n  const { hints, solution } = questions[activeQuestionIndex]?.metadata || {};\n\n  const activeSectionData = useMemo(() => {\n    return activeSection === undefined ? undefined : activeSection === 'HINT' ? hints : solution;\n  }, [activeSection, hints, solution]);\n\n  const sqlRef = useRef<HTMLDivElement>(null) as RefObject<HTMLDivElement>;\n  const hintRef = useRef<HTMLDivElement>(null) as RefObject<HTMLDivElement>;\n\n  const updatePointerPosition = useCallback((ref: RefObject<HTMLDivElement>) => {\n    if (ref.current) {\n      const rect = ref.current.getBoundingClientRect();\n\n      setPointerPosition({\n        top: rect.top + rect.height / 2 - 8,\n        left: rect.right - 78, // 52px (sidebar width) + 16px (gutter) + 10px\n      });\n    }\n  }, []);\n\n  if (activeSection && activeSectionData && learnosity) {\n    learnosity.renderMath('mathjax');\n  }\n\n  useEffect(() => {\n    if (activeSection === 'HINT') {\n      updatePointerPosition(hintRef);\n    } else if (activeSection === 'SOL') {\n      updatePointerPosition(sqlRef);\n    } else if (!activeSectionData) {\n      setActiveSection(undefined);\n    }\n  }, [activeSection, updatePointerPosition, activeSectionData]);\n\n  return (\n    <GuideContainer $background=\"WHITE\">\n      {plugins?.stickers ?? null}\n      <ArrowTooltip\n        renderAs=\"primary\"\n        tooltipItem={\n          <Text $renderAs=\"ab3\" $color=\"WHITE\">\n            Hint\n          </Text>\n        }\n        position=\"left\"\n        tooltipXCoOrdinates={'40%'}\n      >\n        <Clickable label=\"hints\" onClick={handleHintClick} disabled={!hints}>\n          <FlexView $alignItems=\"center\" $justifyContent=\"center\" ref={hintRef}>\n            <HintIcon width={32} height={32} $disabled={!hints} />\n          </FlexView>\n        </Clickable>\n      </ArrowTooltip>\n      <FlexView $gap={8} $alignItems=\"center\">\n        <Separator width={24} height={1} background=\"GREY_2\" />\n      </FlexView>\n      <ArrowTooltip\n        renderAs=\"primary\"\n        tooltipItem={\n          <Text $renderAs=\"ab3\" $color=\"WHITE\">\n            Solution\n          </Text>\n        }\n        position=\"left\"\n        tooltipXCoOrdinates={'25%'}\n        tooltipYCoOrdinates={'5%'}\n      >\n        <Clickable label=\"solution\" onClick={handleSolClick} disabled={!solution}>\n          <FlexView $alignItems=\"center\" $justifyContent=\"center\" ref={sqlRef}>\n            <SolIcon width={32} height={32} $disabled={!solution} />\n          </FlexView>\n        </Clickable>\n      </ArrowTooltip>\n      {activeSection && top && left && <Pointer topValue={top} leftValue={left} />}\n      {activeSection && (\n        <SectionContainer\n          $background=\"WHITE\"\n          $questionWidth={questionWidth}\n          $actionbarHeight={actionbarHeight}\n          $borderRadius={10}\n        >\n          <Section\n            $gutterX={1}\n            $gapX={1}\n            $questionWidth={questionWidth}\n            $actionbarHeight={actionbarHeight}\n          >\n            <Clickable label=\"close\" onClick={handleClose}>\n              <CloseIcon />\n            </Clickable>\n            <FlexView $gutterX={0.5}>\n              <Text $renderAs=\"eyebrow2\" $color=\"ORANGE_5\" $marginBottomX={0.25}>\n                {activeSection === 'HINT' ? 'HINTS:' : 'SOLUTION:'}\n              </Text>\n            </FlexView>\n            {activeSectionData &&\n              activeSectionData.map((item, index) => (\n                <FlexView $gutterX={0.5} $gapX={0.5} key={index.toString()}>\n                  {activeSectionData.length > 1 && (\n                    <Text $renderAs=\"eyebrow2\" $color=\"ORANGE_5\" $marginBottomX={0.25}>\n                      {activeSection} {index + 1}:\n                    </Text>\n                  )}\n                  <Guide\n                    dangerouslySetInnerHTML={{\n                      __html: item,\n                    }}\n                  />\n                </FlexView>\n              ))}\n          </Section>\n        </SectionContainer>\n      )}\n    </GuideContainer>\n  );\n});\n\nexport default QuestionGuide;\n"],"names":["QuestionGuide","memo","questionWidth","questions","learnosity","actionbarHeight","activeQuestionIndex","loggerRef","plugins","useWorksheetStore","store","activeSection","setActiveSection","useState","pointerPosition","setPointerPosition","top","left","handleHintClick","useCallback","EVENTS","handleSolClick","handleClose","hints","solution","_a","activeSectionData","useMemo","sqlRef","useRef","hintRef","updatePointerPosition","ref","rect","useEffect","jsxs","GuideContainer","jsx","ArrowTooltip","Text","Clickable","FlexView","HintIcon","Separator","SolIcon","Pointer","SectionContainer","Section","CloseIcon","item","index","Guide"],"mappings":"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"}

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

@@ -1,61 +0,0 @@
-import { jsxs as a, jsx as i } from "react/jsx-runtime";
-import { memo as f, useCallback as g } from "react";
-import k from "../../../ui/layout/flex-view.js";
-import x from "../../../ui/separator/separator.js";
-import { SIDEBAR_WIDTH as s } from "../constants.js";
-import { useWorksheetStore as Q } from "../hooks/use-worksheet-store.js";
-import b from "./navigator.js";
-import W from "./question-guide.js";
-import { SideBarContainer as y, UnderlinedTextWrapper as $, UnderlinedText as T } from "./worksheet-sidebar-styled.js";
-const A = f(function() {
-  const {
-    activeQuestionIndex: d,
-    learnosity: u,
-    questionWidth: o,
-    questions: n,
-    userType: c,
-    height: h,
-    actionbarHeight: m,
-    openQuestionFeedbackModal: t
-  } = Q((e) => ({
-    activeQuestionIndex: e.activeQuestionIndex,
-    learnosity: e.learnosity,
-    questionWidth: e.maxQuestionWidth,
-    questions: e.questions,
-    userType: e.userType,
-    height: e.layout.minQuestionHeight,
-    actionbarHeight: e.actionbarHeight,
-    openQuestionFeedbackModal: e.openQuestionFeedbackModal
-  })), l = n[d], { item_reference: r } = l ?? {}, p = g(() => {
-    t && t(r || "");
-  }, [r, t]);
-  return c !== "TEACHER" || !t ? null : /* @__PURE__ */ a(
-    y,
-    {
-      $width: s,
-      $questionWidth: o,
-      $height: h,
-      $justifyContent: "space-between",
-      children: [
-        /* @__PURE__ */ i($, { $width: s, $alignItems: "flex-start", $gapX: 0.5, children: /* @__PURE__ */ i(T, { $renderAs: "cta1", onClick: p, children: "Question Feedback" }) }),
-        /* @__PURE__ */ a(k, { children: [
-          /* @__PURE__ */ i(
-            W,
-            {
-              questionWidth: o,
-              questions: n,
-              learnosity: u,
-              actionbarHeight: m
-            }
-          ),
-          /* @__PURE__ */ i(x, { heightX: 0.5 }),
-          /* @__PURE__ */ i(b, {})
-        ] })
-      ]
-    }
-  );
-});
-export {
-  A as default
-};
-//# sourceMappingURL=sidebar.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"sidebar.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-sidebar/sidebar.tsx"],"sourcesContent":["import { memo, useCallback, type FC } from 'react';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport { SIDEBAR_WIDTH } from '../constants';\nimport { useWorksheetStore } from '../hooks/use-worksheet-store';\nimport Navigator from './navigator';\nimport QuestionGuide from './question-guide';\nimport {\n  SideBarContainer,\n  UnderlinedText,\n  UnderlinedTextWrapper,\n} from './worksheet-sidebar-styled';\n\nconst WorksheetSideBar: FC = memo(function WorksheetSideBar() {\n  const {\n    activeQuestionIndex,\n    learnosity,\n    questionWidth,\n    questions,\n    userType,\n    height,\n    actionbarHeight,\n    openQuestionFeedbackModal,\n  } = useWorksheetStore(store => ({\n    activeQuestionIndex: store.activeQuestionIndex,\n    learnosity: store.learnosity,\n    questionWidth: store.maxQuestionWidth,\n    questions: store.questions,\n    userType: store.userType,\n    height: store.layout.minQuestionHeight,\n    actionbarHeight: store.actionbarHeight,\n    openQuestionFeedbackModal: store.openQuestionFeedbackModal,\n  }));\n  const activeQuestion = questions[activeQuestionIndex];\n  const { item_reference: itemRef } = activeQuestion ?? {};\n\n  const onFeedbackClick = useCallback(() => {\n    if (openQuestionFeedbackModal) {\n      openQuestionFeedbackModal(itemRef || '');\n    }\n  }, [itemRef, openQuestionFeedbackModal]);\n\n  if (userType !== 'TEACHER' || !openQuestionFeedbackModal) return null;\n\n  return (\n    <SideBarContainer\n      $width={SIDEBAR_WIDTH}\n      $questionWidth={questionWidth}\n      $height={height}\n      $justifyContent=\"space-between\"\n    >\n      <UnderlinedTextWrapper $width={SIDEBAR_WIDTH} $alignItems=\"flex-start\" $gapX={0.5}>\n        <UnderlinedText $renderAs=\"cta1\" onClick={onFeedbackClick}>\n          Question Feedback\n        </UnderlinedText>\n      </UnderlinedTextWrapper>\n\n      <FlexView>\n        <QuestionGuide\n          questionWidth={questionWidth}\n          questions={questions}\n          learnosity={learnosity}\n          actionbarHeight={actionbarHeight}\n        />\n        <Separator heightX={0.5} />\n        <Navigator />\n      </FlexView>\n    </SideBarContainer>\n  );\n});\n\nexport default WorksheetSideBar;\n"],"names":["WorksheetSideBar","memo","activeQuestionIndex","learnosity","questionWidth","questions","userType","height","actionbarHeight","openQuestionFeedbackModal","useWorksheetStore","store","activeQuestion","itemRef","onFeedbackClick","useCallback","jsxs","SideBarContainer","SIDEBAR_WIDTH","jsx","UnderlinedTextWrapper","UnderlinedText","FlexView","QuestionGuide","Separator","Navigator"],"mappings":";;;;;;;;;AAcM,MAAAA,IAAuBC,EAAK,WAA4B;AACtD,QAAA;AAAA,IACJ,qBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,2BAAAC;AAAA,EAAA,IACEC,EAAkB,CAAUC,OAAA;AAAA,IAC9B,qBAAqBA,EAAM;AAAA,IAC3B,YAAYA,EAAM;AAAA,IAClB,eAAeA,EAAM;AAAA,IACrB,WAAWA,EAAM;AAAA,IACjB,UAAUA,EAAM;AAAA,IAChB,QAAQA,EAAM,OAAO;AAAA,IACrB,iBAAiBA,EAAM;AAAA,IACvB,2BAA2BA,EAAM;AAAA,EACjC,EAAA,GACIC,IAAiBP,EAAUH,CAAmB,GAC9C,EAAE,gBAAgBW,MAAYD,KAAkB,CAAA,GAEhDE,IAAkBC,EAAY,MAAM;AACxC,IAAIN,KACFA,EAA0BI,KAAW,EAAE;AAAA,EACzC,GACC,CAACA,GAASJ,CAAyB,CAAC;AAEvC,SAAIH,MAAa,aAAa,CAACG,IAAkC,OAG/D,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,QAAQC;AAAA,MACR,gBAAgBd;AAAA,MAChB,SAASG;AAAA,MACT,iBAAgB;AAAA,MAEhB,UAAA;AAAA,QAAA,gBAAAY,EAACC,GAAsB,EAAA,QAAQF,GAAe,aAAY,cAAa,OAAO,KAC5E,UAAC,gBAAAC,EAAAE,GAAA,EAAe,WAAU,QAAO,SAASP,GAAiB,8BAE3D,CAAA,GACF;AAAA,0BAECQ,GACC,EAAA,UAAA;AAAA,UAAA,gBAAAH;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,eAAAnB;AAAA,cACA,WAAAC;AAAA,cACA,YAAAF;AAAA,cACA,iBAAAK;AAAA,YAAA;AAAA,UACF;AAAA,UACA,gBAAAW,EAACK,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,4BACxBC,GAAU,EAAA;AAAA,QAAA,GACb;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}

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

@@ -1,91 +0,0 @@
-import r from "styled-components";
-import c from "../../../../assets/line-icons/icons/cross.js";
-import l from "../../../../assets/line-icons/icons/info3.js";
-import e from "../../../ui/layout/flex-view.js";
-import d from "../../../ui/text/text.js";
-import { CustomElement as a } from "../worksheet-question/worksheet-question-styled.js";
-import x from "../../../../assets/line-icons/icons/solution.js";
-r(e)`
-  border: 2px solid #000;
-`;
-const y = r(e)(
-  ({ $questionWidth: t, $actionbarHeight: o, theme: n }) => `
-  position: absolute;
-  bottom: ${o}px;
-  right: 80px; //52px(sidebar(width) +12px(gutter) + (16px)
-  width: calc(${t}px - 32px); // 32px is the left + right padding
-  height: 30%;
-  display: flex;
-  border: 1px solid ${n.colors.GREY_2};
-  overflow: hidden;
-`
-), C = r(e)`
-  cursor: pointer;
-`, I = r(d)`
-  text-decoration: underline;
-  white-space: nowrap;
-  writing-mode: vertical-rl;
-  text-align: right;
-`, s = (t) => t.startsWith("calc(") ? t.replace(")", " - 0px)") : t, p = (t) => t.trim().split(/\s+(?=[+-])/).map((i) => i.startsWith("-") ? `+${i.slice(1)}` : i.startsWith("+") ? `-${i.slice(1)}` : `-${i}`).join(" "), f = (t) => t.startsWith("calc(") && t.endsWith(")") ? (t = t.slice(5, -1), `calc(${p(t)})`) : p(t), S = r(e)(
-  ({ $questionWidth: t }) => `
-  width: calc(${t}px - 32px); // 32px is the left + right padding
-  overflow-y: auto;
-  height: 100%;
-  display: flex;
-`
-), T = r(e)(({ $questionWidth: t, $height: o }) => `
-  margin-top: ${typeof o == "number" ? `${-o}px` : f(s(o))};
-  position: sticky;
-  left: calc((100% - ${t}px ) *.5 + ${t}px + 12px);
-  bottom: 16px;
-  align-items: center;
-  height: ${typeof o == "number" ? `${o}px` : s(o)};
-  z-index: 1;
-`), E = r(e)(
-  ({ theme: t }) => `
-  width: 100%;
-  border-radius: 8px;
-  border: 1px solid ${t.colors.GREY_2};
-  justify-content: center;
-  align-items: center;
-  padding: 10px;
-`
-), G = r.div`
-  position: fixed;
-  top: ${({ topValue: t }) => `${t}px`};
-  left: ${({ leftValue: t }) => `${t}px`};
-  width: 15px;
-  height: 15px;
-  transform: rotate(45deg);
-  background: white;
-  border-top: 1px solid #e0e0e0;
-  border-right: 1px solid #e0e0e0;
-`, W = r(c)`
-  position: absolute;
-  top: 8px;
-  right: 16px;
-`, v = r(l)(({ theme: t, $disabled: o }) => `
-    & path {
-      fill: ${o ? t.colors.GREY_4 : t.colors.BLACK};
-    }
-  `), R = r(x)(({ theme: t, $disabled: o }) => `
-    & path {
-      fill: ${o ? t.colors.GREY_4 : t.colors.BLACK};
-    }
-  `), Y = r(a)``;
-export {
-  W as CloseIcon,
-  Y as Guide,
-  E as GuideContainer,
-  v as HintIcon,
-  G as Pointer,
-  S as Section,
-  y as SectionContainer,
-  T as SideBarContainer,
-  R as SolIcon,
-  I as UnderlinedText,
-  C as UnderlinedTextWrapper,
-  s as getMinHeightFromString,
-  f as negateExpression
-};
-//# sourceMappingURL=worksheet-sidebar-styled.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"worksheet-sidebar-styled.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-sidebar/worksheet-sidebar-styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport CrossIcon from '../../../../assets/line-icons/icons/cross';\nimport Info3Icon from '../../../../assets/line-icons/icons/info3';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport { CustomElement } from '../worksheet-question/worksheet-question-styled';\nimport SolutionIcon from '../../../../assets/line-icons/icons/solution';\n\nexport const Circle = styled(FlexView)`\n  border: 2px solid #000;\n`;\nexport const SectionContainer = styled(FlexView)<{\n  $questionWidth: number;\n  $actionbarHeight: number;\n}>(\n  ({ $questionWidth, $actionbarHeight, theme }) => `\n  position: absolute;\n  bottom: ${$actionbarHeight}px;\n  right: 80px; //52px(sidebar(width) +12px(gutter) + (16px)\n  width: calc(${$questionWidth}px - 32px); // 32px is the left + right padding\n  height: 30%;\n  display: flex;\n  border: 1px solid ${theme.colors.GREY_2};\n  overflow: hidden;\n`,\n);\n\nexport const UnderlinedTextWrapper = styled(FlexView)`\n  cursor: pointer;\n`;\n\nexport const UnderlinedText = styled(Text)`\n  text-decoration: underline;\n  white-space: nowrap;\n  writing-mode: vertical-rl;\n  text-align: right;\n`;\n\nexport const getMinHeightFromString = (minHeight: string) => {\n  if (minHeight.startsWith('calc(')) {\n    return minHeight.replace(')', ' - 0px)');\n  }\n\n  return minHeight;\n};\n\nconst negateString = (expression: string) => {\n  const terms = expression.trim().split(/\\s+(?=[+-])/);\n  const negatedTerms = terms.map(term => {\n    if (term.startsWith('-')) {\n      return `+${term.slice(1)}`; // change - to +\n    }\n\n    if (term.startsWith('+')) {\n      return `-${term.slice(1)}`; // change + to -\n    }\n\n    return `-${term}`; // add leading '-'\n  });\n\n  return negatedTerms.join(' ');\n};\n\nexport const negateExpression = (expression: string) => {\n  if (expression.startsWith('calc(') && expression.endsWith(')')) {\n    expression = expression.slice(5, -1); // Remove 'calc(' and ')'\n    const negatedTerms = negateString(expression);\n\n    return `calc(${negatedTerms})`;\n  }\n\n  return negateString(expression);\n};\n\nexport const Section = styled(FlexView)<{\n  $questionWidth: number;\n  $actionbarHeight: number;\n}>(\n  ({ $questionWidth }) => `\n  width: calc(${$questionWidth}px - 32px); // 32px is the left + right padding\n  overflow-y: auto;\n  height: 100%;\n  display: flex;\n`,\n);\nexport const SideBarContainer = styled(FlexView)<{\n  $questionWidth: number;\n  $height: number | string;\n}>(({ $questionWidth, $height }) => {\n  return `\n  margin-top: ${\n    typeof $height === 'number'\n      ? `${-$height}px`\n      : negateExpression(getMinHeightFromString($height))\n  };\n  position: sticky;\n  left: calc((100% - ${$questionWidth}px ) *.5 + ${$questionWidth}px + 12px);\n  bottom: 16px;\n  align-items: center;\n  height: ${typeof $height === 'number' ? `${$height}px` : getMinHeightFromString($height)};\n  z-index: 1;\n`;\n});\n\nexport const GuideContainer = styled(FlexView)(\n  ({ theme }) => `\n  width: 100%;\n  border-radius: 8px;\n  border: 1px solid ${theme.colors.GREY_2};\n  justify-content: center;\n  align-items: center;\n  padding: 10px;\n`,\n);\n\nexport const Pointer = styled.div<{ topValue: number; leftValue: number }>`\n  position: fixed;\n  top: ${({ topValue }) => `${topValue}px`};\n  left: ${({ leftValue }) => `${leftValue}px`};\n  width: 15px;\n  height: 15px;\n  transform: rotate(45deg);\n  background: white;\n  border-top: 1px solid #e0e0e0;\n  border-right: 1px solid #e0e0e0;\n`;\n\nexport const CloseIcon = styled(CrossIcon)`\n  position: absolute;\n  top: 8px;\n  right: 16px;\n`;\n\nexport const HintIcon = styled(Info3Icon)<{ $disabled: boolean }>(({ theme, $disabled }) => {\n  return `\n    & path {\n      fill: ${$disabled ? theme.colors.GREY_4 : theme.colors.BLACK};\n    }\n  `;\n});\n\nexport const SolIcon = styled(SolutionIcon)<{ $disabled: boolean }>(({ theme, $disabled }) => {\n  return `\n    & path {\n      fill: ${$disabled ? theme.colors.GREY_4 : theme.colors.BLACK};\n    }\n  `;\n});\n\nexport const Guide = styled(CustomElement)``;\n"],"names":["styled","FlexView","SectionContainer","$questionWidth","$actionbarHeight","theme","UnderlinedTextWrapper","UnderlinedText","Text","getMinHeightFromString","minHeight","negateString","expression","term","negateExpression","Section","SideBarContainer","$height","GuideContainer","Pointer","topValue","leftValue","CloseIcon","CrossIcon","HintIcon","Info3Icon","$disabled","SolIcon","SolutionIcon","Guide","CustomElement"],"mappings":";;;;;;;AASsBA,EAAOC,CAAQ;AAAA;AAAA;AAGxB,MAAAC,IAAmBF,EAAOC,CAAQ;AAAA,EAI7C,CAAC,EAAE,gBAAAE,GAAgB,kBAAAC,GAAkB,OAAAC,EAAY,MAAA;AAAA;AAAA,YAEvCD,CAAgB;AAAA;AAAA,gBAEZD,CAAc;AAAA;AAAA;AAAA,sBAGRE,EAAM,OAAO,MAAM;AAAA;AAAA;AAGzC,GAEaC,IAAwBN,EAAOC,CAAQ;AAAA;AAAA,GAIvCM,IAAiBP,EAAOQ,CAAI;AAAA;AAAA;AAAA;AAAA;AAAA,GAO5BC,IAAyB,CAACC,MACjCA,EAAU,WAAW,OAAO,IACvBA,EAAU,QAAQ,KAAK,SAAS,IAGlCA,GAGHC,IAAe,CAACC,MACNA,EAAW,KAAK,EAAE,MAAM,aAAa,EACxB,IAAI,CAAQC,MACjCA,EAAK,WAAW,GAAG,IACd,IAAIA,EAAK,MAAM,CAAC,CAAC,KAGtBA,EAAK,WAAW,GAAG,IACd,IAAIA,EAAK,MAAM,CAAC,CAAC,KAGnB,IAAIA,CAAI,EAChB,EAEmB,KAAK,GAAG,GAGjBC,IAAmB,CAACF,MAC3BA,EAAW,WAAW,OAAO,KAAKA,EAAW,SAAS,GAAG,KAC9CA,IAAAA,EAAW,MAAM,GAAG,EAAE,GAG5B,QAFcD,EAAaC,CAAU,CAEjB,OAGtBD,EAAaC,CAAU,GAGnBG,IAAUf,EAAOC,CAAQ;AAAA,EAIpC,CAAC,EAAE,gBAAAE,EAAA,MAAqB;AAAA,gBACVA,CAAc;AAAA;AAAA;AAAA;AAAA;AAK9B,GACaa,IAAmBhB,EAAOC,CAAQ,EAG5C,CAAC,EAAE,gBAAAE,GAAgB,SAAAc,QACb;AAAA,gBAEL,OAAOA,KAAY,WACf,GAAG,CAACA,CAAO,OACXH,EAAiBL,EAAuBQ,CAAO,CAAC,CACtD;AAAA;AAAA,uBAEqBd,CAAc,cAAcA,CAAc;AAAA;AAAA;AAAA,YAGrD,OAAOc,KAAY,WAAW,GAAGA,CAAO,OAAOR,EAAuBQ,CAAO,CAAC;AAAA;AAAA,CAGzF,GAEYC,IAAiBlB,EAAOC,CAAQ;AAAA,EAC3C,CAAC,EAAE,OAAAI,EAAA,MAAY;AAAA;AAAA;AAAA,sBAGKA,EAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAKzC,GAEac,IAAUnB,EAAO;AAAA;AAAA,SAErB,CAAC,EAAE,UAAAoB,EAAe,MAAA,GAAGA,CAAQ,IAAI;AAAA,UAChC,CAAC,EAAE,WAAAC,EAAgB,MAAA,GAAGA,CAAS,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAShCC,IAAYtB,EAAOuB,CAAS;AAAA;AAAA;AAAA;AAAA,GAM5BC,IAAWxB,EAAOyB,CAAS,EAA0B,CAAC,EAAE,OAAApB,GAAO,WAAAqB,QACnE;AAAA;AAAA,cAEKA,IAAYrB,EAAM,OAAO,SAASA,EAAM,OAAO,KAAK;AAAA;AAAA,GAGjE,GAEYsB,IAAU3B,EAAO4B,CAAY,EAA0B,CAAC,EAAE,OAAAvB,GAAO,WAAAqB,QACrE;AAAA;AAAA,cAEKA,IAAYrB,EAAM,OAAO,SAASA,EAAM,OAAO,KAAK;AAAA;AAAA,GAGjE,GAEYwB,IAAQ7B,EAAO8B,CAAa;"}

package/dist/features/worksheet/worksheet/worksheet-store.js

@@ -1,289 +0,0 @@
-import { createContext as A } from "react";
-import { createStore as T } from "zustand";
-import { subscribeWithSelector as _ } from "../../../node_modules/zustand/esm/middleware.js";
-import { getLastUnlockedQuestionIndex as x, scrollToQuestion as V, getQuestionsFromItems as q, getInitialResponses as w, getInitialQuestionId as B, getLastAttemptableQuestionIndex as M, getWorksheetDimensions as H, getQuestionMetadata as W } from "./worksheet-helpers.js";
-const I = ({
-  teacherValidationEnabled: u,
-  userType: i,
-  lastUnlockedQuestion: b,
-  lastUnlockedQuestionResponse: c
-}) => {
-  if (u) {
-    const { item_type: r, instructor_stimulus: e, is_optional: n } = b;
-    if (i === "TEACHER") {
-      if (r === "exit-ticket" && e !== "SystemIntro")
-        return c != null && c.submittedByStudent && !(c != null && c.validatedByTeacher) ? "exit-ticket-review-available" : c != null && c.validatedByTeacher ? void 0 : "exit-ticket-teacher-intervention";
-      if (n)
-        return c != null && c.assignStatus ? void 0 : "optional-items-assignment";
-    }
-  }
-}, C = ({
-  userType: u,
-  questions: i,
-  lastUnlockedQuestionIndex: b
-}) => i.filter((c, r) => u === "TEACHER" ? !0 : r <= b), Q = (u, i) => {
-  var p;
-  const {
-    learnosityItems: b,
-    learnosityResponses: c,
-    updatedResponses: r,
-    layout: e,
-    behavior: n,
-    userType: a,
-    initialResponseId: l,
-    initialItemIndex: t
-  } = u, { navigationMode: o, teacherValidationEnabled: m, initialQuestion: d } = n, s = (i == null ? void 0 : i.questions) ?? q(b, {
-    sectioned: m && o !== "ADAPTIVE" && o !== "CURRENT",
-    adaptive: o === "ADAPTIVE"
-  }), f = r ?? (i == null ? void 0 : i.responses) ?? c ?? w(s), g = x({
-    questions: s,
-    responses: f,
-    behavior: n,
-    userType: a
-  }), y = (i == null ? void 0 : i.initialQuestionId) ?? B({
-    questions: s,
-    initialQuestion: d,
-    lastUnlockedQuestionIndex: g,
-    lastAttemptableQuestionIndex: M({
-      questions: s,
-      responses: f,
-      behavior: n,
-      userType: a
-    }),
-    initialResponseId: l,
-    initialItemIndex: t
-  }), v = (i == null ? void 0 : i.activeQuestionId) ?? y, h = s.findIndex(
-    (E) => E.response_id === v
-  );
-  return !i && s[h] && u.onActiveQuestionChange && u.onActiveQuestionChange(s[h]), {
-    questions: s,
-    renderableQuestions: C({
-      questions: s,
-      userType: a,
-      lastUnlockedQuestionIndex: g
-    }),
-    responses: f,
-    lastUnlockedQuestionIndex: g,
-    initialQuestionId: y,
-    activeQuestionId: v,
-    activeQuestionIndex: h,
-    summaryVisible: i ? i.summaryVisible : !1,
-    calculatorVisible: i ? i.calculatorVisible : !1,
-    scribblingEnabled: i ? i.scribblingEnabled : !1,
-    blocker: I({
-      currentBlocker: i == null ? void 0 : i.blocker,
-      teacherValidationEnabled: n.teacherValidationEnabled,
-      userType: a,
-      lastUnlockedQuestion: s[g],
-      lastUnlockedQuestionResponse: f[((p = s[g]) == null ? void 0 : p.response_id) ?? ""]
-    }),
-    ...H(b, e)
-  };
-}, k = (u, i, b) => {
-  const c = W(u.questions, i);
-  return c ? {
-    ...u,
-    responses: {
-      ...u.responses,
-      [i]: {
-        ...c,
-        ...u.responses[i],
-        ...b
-      }
-    }
-  } : u;
-}, P = (u) => {
-  const i = /* @__PURE__ */ new Set(), b = (r, e) => {
-    const n = setTimeout(() => {
-      i.delete(n), r();
-    }, e);
-    return i.add(n), n;
-  }, c = () => {
-    i.forEach((r) => clearTimeout(r)), i.clear();
-  };
-  return T()(
-    _((r) => ({
-      // Initialize with exact props passed in
-      ...u,
-      ...Q(u),
-      // Actions
-      mergeWorksheetProps: (e) => {
-        r((n) => ({
-          ...n,
-          ...e,
-          ...Q(e, n)
-        }));
-      },
-      setResponses: (e) => {
-        r((n) => {
-          var s;
-          const a = {
-            ...n,
-            responses: typeof e == "function" ? e(n.responses) : e
-          }, { questions: l, responses: t, behavior: o, userType: m } = a, d = x({
-            questions: l,
-            responses: t,
-            behavior: o,
-            userType: m
-          });
-          return {
-            ...a,
-            lastUnlockedQuestionIndex: d,
-            renderableQuestions: C({
-              questions: l,
-              lastUnlockedQuestionIndex: d,
-              userType: m
-            }),
-            blocker: I({
-              currentBlocker: n == null ? void 0 : n.blocker,
-              teacherValidationEnabled: o.teacherValidationEnabled,
-              userType: m,
-              lastUnlockedQuestion: l[d],
-              lastUnlockedQuestionResponse: t[((s = l[d]) == null ? void 0 : s.response_id) ?? ""]
-            })
-          };
-        });
-      },
-      updateResponse: ({ responseId: e, response: n, score: a, answerChecked: l, timeSpent: t }) => {
-        r((o) => {
-          var E;
-          const m = !!l, d = o.responses[e], s = k(o, e, {
-            response: n,
-            score: a,
-            responseEdited: !m,
-            attemptsHistory: m ? [...(d == null ? void 0 : d.attemptsHistory) ?? [], { response: n, score: a }] : d == null ? void 0 : d.attemptsHistory,
-            skipped: !n,
-            timeSpent: t
-          }), { questions: f, responses: g, behavior: y, userType: v } = s, h = x({
-            questions: f,
-            responses: g,
-            behavior: y,
-            userType: v
-          }), p = g[e];
-          return p && o.onResponseChange && o.onResponseChange({
-            responseId: e,
-            response: p,
-            question: f.find((S) => S.response_id === e),
-            isNewAttempt: m
-          }), {
-            ...s,
-            lastUnlockedQuestionIndex: h,
-            renderableQuestions: C({
-              questions: f,
-              userType: v,
-              lastUnlockedQuestionIndex: h
-            }),
-            blocker: I({
-              currentBlocker: o == null ? void 0 : o.blocker,
-              teacherValidationEnabled: y.teacherValidationEnabled,
-              userType: v,
-              lastUnlockedQuestion: f[h],
-              lastUnlockedQuestionResponse: g[((E = f[h]) == null ? void 0 : E.response_id) ?? ""]
-            })
-          };
-        });
-      },
-      updateMediaState: (e, n, a) => {
-        const l = n === "SIMULATION" ? "simState" : void 0;
-        l && r((t) => {
-          if (t.onResponseChange) {
-            const o = k(t, e, { [l]: a }), m = o == null ? void 0 : o.responses[e];
-            return m && t.onResponseChange({
-              responseId: e,
-              response: m,
-              isNewAttempt: !1,
-              question: t.questions.find((d) => d.response_id === e)
-            }), o;
-          }
-          return t.onMediaStateChange && t.onMediaStateChange(
-            t.questions.find((o) => o.response_id === e),
-            n,
-            a
-          ), t;
-        });
-      },
-      showSummary: () => {
-        r((e) => ({
-          ...e,
-          summaryVisible: !0
-        }));
-      },
-      hideSummary: () => {
-        r((e) => ({
-          ...e,
-          summaryVisible: !1
-        }));
-      },
-      toggleSummary: () => {
-        r((e) => ({
-          ...e,
-          summaryVisible: !e.summaryVisible
-        }));
-      },
-      showCalculator: () => {
-        r((e) => ({
-          ...e,
-          calculatorVisible: !0
-        }));
-      },
-      hideCalculator: () => {
-        r((e) => ({
-          ...e,
-          calculatorVisible: !1
-        }));
-      },
-      toggleScribble: () => {
-        r((e) => ({
-          ...e,
-          scribblingEnabled: !e.scribblingEnabled
-        }));
-      },
-      setBlocker: (e) => {
-        r((n) => ({
-          ...n,
-          blocker: e
-        }));
-      },
-      removeBlocker: () => {
-        r((e) => {
-          var n;
-          if (e.blocker) {
-            const a = (n = e.questions[e.lastUnlockedQuestionIndex]) == null ? void 0 : n.response_id;
-            a && b(() => {
-              V(a);
-            }, 50);
-          }
-          return {
-            ...e,
-            blocker: void 0
-          };
-        });
-      },
-      markForReview: (e, n) => {
-        r((a) => k(a, e, { markedForReview: n }));
-      },
-      changeQuestion: (e, n = !0, a = 0) => {
-        r((l) => {
-          var o;
-          const t = {
-            ...l,
-            summaryVisible: !1
-          };
-          return n && l.layout.questionsScrollable ? a > 0 ? b(() => {
-            V(e);
-          }, a) : requestAnimationFrame(() => V(e)) : l.activeQuestionId !== e && (t.activeQuestionId = e, t.activeQuestionIndex = t.questions.findIndex(
-            (m) => m.response_id === e
-          ), (o = t.onActiveQuestionChange) == null || o.call(t, t.questions[t.activeQuestionIndex])), t;
-        });
-      },
-      destroy: () => {
-        c();
-      }
-    }))
-  );
-}, O = A(null);
-export {
-  O as WorksheetContext,
-  P as createWorksheetStore
-};
-//# sourceMappingURL=worksheet-store.js.map