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

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

@@ -1 +1 @@
-{"version":3,"file":"worksheet-questions-controller.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-questions-controller/worksheet-questions-controller.tsx"],"sourcesContent":["import { deepEqual } from 'fast-equals';\nimport { memo, useCallback, useEffect, useMemo, useState, type FC } from 'react';\n\nimport Check2Icon from '../../../../assets/line-icons/icons/check2';\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';\nimport Navigator from '../worksheet-sidebar/navigator';\n\nconst WorksheetQuestionsController: FC<IWorksheetQuestionsControllerProps> = memo(\n  function WorksheetQuestionsController(props) {\n    const {\n      behavior,\n      question,\n      questions,\n      userType,\n      response,\n      responses,\n      questionIndex,\n      lastUnlockedQuestionIndex,\n      learnosity,\n      onSkip,\n      canSubmitWorksheet,\n      actionBarRightElement,\n      onSubmit,\n      isQuestionAppended,\n    } = useWorksheetStore(store => {\n      const activeQuestion = store.questions[store.activeQuestionIndex]!;\n\n      return {\n        behavior: store.behavior,\n        question: activeQuestion,\n        questions: store.questions,\n        userType: store.userType,\n        response: store.responses[activeQuestion.response_id],\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        isQuestionAppended: store.appendedQuestionIds.includes(activeQuestion.response_id),\n        onSubmit: store.onSubmit,\n      };\n    });\n    const isQuestionUnlocked = questionIndex <= lastUnlockedQuestionIndex;\n    const { getTimeSpentOnQuestion } = props;\n    const {\n      navigationMode,\n      canAttempt,\n      checkButtonLabel,\n      retryButtonLabel,\n      validation,\n      maximumAttempts,\n      canExceedAttempts,\n      teacherValidationEnabled,\n      canTeacherValidate,\n      skippable,\n    } = behavior;\n\n    const { response_id, item_type, type, instructor_stimulus, is_optional } = question;\n\n    const isSystemIntro = instructor_stimulus === 'SystemIntro';\n    const isExitTicket = item_type === 'exit-ticket';\n\n    const [skipped, setSkipped] = useState(false);\n\n    const handleSheetSubmitButtonClick = useCallback(() => {\n      onSubmit?.(responses);\n    }, [onSubmit, responses]);\n\n    const {\n      checkButton,\n      checkButtonDisabled,\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        // This is a puzzle card\n        if (maximumAttempts === -2) {\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?.skipped ? false : !response?.response,\n            skipButton: skippable && !response?.response && !response?.skipped,\n          };\n        }\n\n        if (!validation) {\n          return {\n            nextButton: true,\n          };\n        }\n\n        if (!response || !response.response || !response.score) {\n          return {\n            checkButton: true,\n            checkButtonDisabled: true,\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          };\n        }\n\n        if ((score.score ?? 0) < score.max_score) {\n          return {\n            nextButton: maximumAttemptsReached,\n            retryButton: true,\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              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            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      skippable,\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      handleBackButtonClick,\n      handleNextButtonClick,\n      handleCheckButtonClick,\n      handleRetryButtonClick,\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        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        $flexDirection=\"row\"\n        $flexGapX={0.5}\n        $alignItems=\"center\"\n        $justifyContent=\"flex-end\"\n        style={{\n          pointerEvents: 'all',\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\n            renderAs=\"primary\"\n            size=\"small\"\n            label=\"Submit\"\n            onClick={handleSheetSubmitButtonClick}\n          />\n        )}\n        {actionBarRightElement && actionBarRightElement}\n        <Navigator />\n      </FlexView>\n    );\n  },\n);\n\nexport default WorksheetQuestionsController;\n"],"names":["WorksheetQuestionsController","memo","props","behavior","question","questions","userType","response","responses","questionIndex","lastUnlockedQuestionIndex","learnosity","onSkip","canSubmitWorksheet","actionBarRightElement","onSubmit","isQuestionAppended","useWorksheetStore","store","activeQuestion","isQuestionUnlocked","getTimeSpentOnQuestion","navigationMode","canAttempt","checkButtonLabel","retryButtonLabel","validation","maximumAttempts","canExceedAttempts","teacherValidationEnabled","canTeacherValidate","skippable","response_id","item_type","type","instructor_stimulus","is_optional","isSystemIntro","isExitTicket","skipped","setSkipped","useState","handleSheetSubmitButtonClick","useCallback","checkButton","checkButtonDisabled","retryButton","nextButton","nextButtonDisabled","startButton","readyButton","validateButton","skipSectionButton","submitAttemptButton","skipButton","useMemo","showSkipSectionButton","getSystemValidationButtons","responseEdited","score","attemptsHistory","maximumAttemptsReached","lastAttemptResponse","_a","deepEqual","isPendingTeacherValidation","questionId","assignStatus","validatedByTeacher","handleResponseChange","handleBackButtonClick","handleNextButtonClick","handleCheckButtonClick","handleRetryButtonClick","handleValidateButtonClick","handleStartButtonClick","handleSkipSectionButtonClick","handleReadyButtonClick","handleSkipButtonClick","useHandlerCallbacks","useEffect","questionInstance","jsxs","FlexView","jsx","Button","IconButton","SkipIcon","Check2Icon","Navigator"],"mappings":"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"}
+{"version":3,"file":"worksheet-questions-controller.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-questions-controller/worksheet-questions-controller.tsx"],"sourcesContent":["import { 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

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

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

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

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

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

@@ -0,0 +1 @@
+{"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;"}