npm - @cuemath/leap - Versions diffs - 3.5.30-gg4 → 3.5.30-j1 - Mend

@cuemath/leap 3.5.30-gg4 → 3.5.30-j1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (271) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"worksheet-questions-controller.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-questions-controller/worksheet-questions-controller.tsx"],"sourcesContent":["import { deepEqual } from 'fast-equals';\nimport { memo, useEffect, useMemo, useState, type FC } from 'react';\n\nimport Check2Icon from '../../../../assets/line-icons/icons/check2';\nimport HandIcon from '../../../../assets/line-icons/icons/hand';\nimport QuestionIcon from '../../../../assets/line-icons/icons/question';\nimport SkipIcon from '../../../../assets/line-icons/icons/skip';\nimport Button from '../../../ui/buttons/button/button';\nimport IconButton from '../../../ui/buttons/icon-button/icon-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport useHandlerCallbacks from './use-handler-callbacks';\nimport type {\n IButtonTypes,\n IWorksheetQuestionsControllerProps,\n} from './worksheet-questions-controller-types';\nimport { useWorksheetStore } from '../hooks/use-worksheet-store';\n\nconst WorksheetQuestionsController: FC<IWorksheetQuestionsControllerProps> = memo(\n function WorksheetQuestionsController(props) {\n const {\n behavior,\n questions,\n userType,\n responses,\n questionIndex,\n lastUnlockedQuestionIndex,\n learnosity,\n onSkip,\n canSubmitWorksheet,\n actionBarRightElement,\n } = useWorksheetStore(store => ({\n behavior: store.behavior,\n questions: store.questions,\n userType: store.userType,\n responses: store.responses,\n questionIndex: store.activeQuestionIndex,\n lastUnlockedQuestionIndex: store.lastUnlockedQuestionIndex,\n learnosity: store.learnosity,\n onSkip: store.onSkip,\n canSubmitWorksheet: store.canSubmitWorksheet,\n actionBarRightElement: store.actionBarRightElement,\n }));\n const isQuestionUnlocked = questionIndex <= lastUnlockedQuestionIndex;\n const { question, isQuestionAppended, response, getTimeSpentOnQuestion, onSubmit } = props;\n const {\n navigationMode,\n canAttempt,\n hints,\n checkButtonLabel,\n retryButtonLabel,\n validation,\n maximumAttempts,\n canExceedAttempts,\n teacherValidationEnabled,\n canTeacherValidate,\n hintsTimer,\n skippableTime,\n skippable,\n } = behavior;\n\n const { response_id, item_type, type, instructor_stimulus, is_optional } = question;\n const hintsAvailable = !hints\n ? 0\n : learnosity.question(response_id)?.getMetadata()?.hints?.length ?? 0;\n\n const isSystemIntro = instructor_stimulus === 'SystemIntro';\n const isExitTicket = item_type === 'exit-ticket';\n const hintsRemaining = canAttempt && hintsAvailable - (response?.hintsUsed ?? 0) > 0;\n\n const [showHintsButton, setShowHintsButton] = useState(false);\n const [skipped, setSkipped] = useState(false);\n const [showSkipButton, setShowSkipButton] = useState(false);\n\n useEffect(() => {\n if (hintsTimer && hintsRemaining) {\n const timeoutId = setTimeout(() => {\n setShowHintsButton(true);\n }, hintsTimer * 1000);\n\n return () => clearTimeout(timeoutId);\n }\n setShowHintsButton(hintsRemaining);\n }, [hintsTimer, hintsRemaining]);\n\n useEffect(() => {\n const canShowSkip = !response?.response && !response?.skipped;\n\n //* If hints are available and user has exhausted all hints then we show skip button.\n //* If hints are not available and user has not given any response or have not skipped a question then we show skip button after skippableTime/ 90 seconds.\n //* Else skip button is hidden.\n if (skippable) {\n if (hintsAvailable > 0 && !hintsRemaining) {\n setShowSkipButton(canShowSkip);\n } else if (hintsAvailable === 0 && canShowSkip) {\n const timeoutId = setTimeout(\n () => {\n setShowSkipButton(canShowSkip);\n },\n (skippableTime ?? 0) * 1000,\n );\n\n return () => clearTimeout(timeoutId);\n } else {\n setShowSkipButton(false);\n }\n }\n }, [hintsAvailable, hintsRemaining, response, skippable, skippableTime]);\n\n const {\n checkButton,\n checkButtonDisabled,\n hintsButton,\n retryButton,\n nextButton,\n nextButtonDisabled,\n startButton,\n readyButton,\n validateButton,\n skipSectionButton,\n submitAttemptButton,\n skipButton,\n } = useMemo<IButtonTypes>(() => {\n const showSkipSectionButton =\n canTeacherValidate && is_optional && response?.assignStatus === 'assigned';\n\n const getSystemValidationButtons = (): IButtonTypes => {\n //* maximumAttempts = -2 means this is a puzzle card.\n if (maximumAttempts === -2) {\n if (userType === 'STUDENT') {\n if (canAttempt) {\n return {\n hintsButton: showHintsButton,\n };\n }\n }\n\n return {};\n }\n\n if (!canAttempt) {\n return {\n nextButton: true,\n };\n }\n\n if (!validation && behavior.navigationMode === 'LINEAR') {\n return {\n nextButton: true,\n nextButtonDisabled: !response?.response,\n hintsButton: showHintsButton,\n skipButton: showSkipButton,\n };\n }\n\n if (!validation) {\n return {\n nextButton: true,\n hintsButton: showHintsButton,\n };\n }\n\n if (!response \|\| !response.response \|\| !response.score) {\n return {\n checkButton: true,\n checkButtonDisabled: true,\n hintsButton: showHintsButton,\n };\n }\n\n const { responseEdited, score, attemptsHistory } = response;\n const maximumAttemptsReached = (attemptsHistory?.length ?? 0) >= maximumAttempts;\n\n if (maximumAttemptsReached && !canExceedAttempts) {\n return {\n nextButton: true,\n };\n }\n\n if (responseEdited) {\n const lastAttemptResponse = attemptsHistory?.slice(-1)[0]?.response;\n\n return {\n nextButton: maximumAttemptsReached,\n checkButton: true,\n checkButtonDisabled: deepEqual(response.response, lastAttemptResponse),\n hintsButton: showHintsButton,\n };\n }\n\n if ((score.score ?? 0) < score.max_score) {\n return {\n nextButton: maximumAttemptsReached,\n retryButton: true,\n hintsButton: showHintsButton,\n };\n }\n\n if ((score.score ?? 0) === score.max_score) {\n return {\n nextButton: true,\n };\n }\n\n return {};\n };\n\n const isPendingTeacherValidation = () =>\n questions.some(({ response_id: questionId }) => {\n const { assignStatus, validatedByTeacher } = responses[questionId] ?? {};\n\n return assignStatus === 'skipped' ? false : validatedByTeacher !== true;\n });\n\n if (teacherValidationEnabled) {\n const { validatedByTeacher } = response ?? {};\n\n if (navigationMode === 'ADAPTIVE' \|\| navigationMode === 'CURRENT') {\n if (userType === 'STUDENT') {\n return {\n hintsButton: showHintsButton,\n validateButton: false,\n };\n }\n\n return {\n validateButton: false,\n };\n }\n\n if (validatedByTeacher) {\n return {\n validateButton: true,\n submitAttemptButton:\n canTeacherValidate && canAttempt && userType === 'STUDENT' && canSubmitWorksheet\n ? !isPendingTeacherValidation()\n : false,\n };\n }\n\n if (!isQuestionUnlocked) {\n return {};\n }\n\n if (userType === 'STUDENT') {\n if (isSystemIntro) {\n return {\n startButton: canTeacherValidate && canAttempt,\n };\n }\n\n if (type !== 'clozetext') {\n return {\n ...getSystemValidationButtons(),\n nextButton: false,\n };\n }\n\n return {\n hintsButton: showHintsButton,\n readyButton: canTeacherValidate && isExitTicket && !response?.submittedByStudent,\n };\n }\n\n if (isSystemIntro) {\n return {\n skipSectionButton: showSkipSectionButton,\n };\n }\n\n if (type !== 'clozetext') {\n const { responseEdited, score } = response ?? {};\n\n return {\n skipSectionButton: showSkipSectionButton,\n validateButton:\n responseEdited \|\| !canTeacherValidate\n ? false\n : !!(score?.score && score?.max_score && !((score.score ?? 0) < score.max_score)),\n };\n }\n\n return {\n skipSectionButton: showSkipSectionButton,\n validateButton:\n canTeacherValidate && (isExitTicket ? response?.submittedByStudent : true),\n };\n }\n\n return getSystemValidationButtons();\n }, [\n canTeacherValidate,\n is_optional,\n response,\n teacherValidationEnabled,\n canAttempt,\n validation,\n behavior.navigationMode,\n maximumAttempts,\n canExceedAttempts,\n showHintsButton,\n showSkipButton,\n questions,\n responses,\n navigationMode,\n isQuestionUnlocked,\n userType,\n isSystemIntro,\n type,\n isExitTicket,\n canSubmitWorksheet,\n ]);\n\n const {\n handleResponseChange,\n handleHelpButtonClick,\n handleBackButtonClick,\n handleNextButtonClick,\n handleCheckButtonClick,\n handleRetryButtonClick,\n handleHintButtonClick,\n handleValidateButtonClick,\n handleStartButtonClick,\n handleSkipSectionButtonClick,\n handleReadyButtonClick,\n handleSkipButtonClick,\n } = useHandlerCallbacks({\n question,\n setSkipped,\n getTimeSpentOnQuestion,\n });\n\n useEffect(() => {\n if (skipped) {\n setSkipped(false);\n setShowSkipButton(false);\n handleNextButtonClick();\n if (onSkip) {\n onSkip(question.item_display_number, question.question_number);\n }\n }\n }, [\n handleNextButtonClick,\n onSkip,\n question.item_display_number,\n question.question_number,\n skipped,\n ]);\n\n useEffect(() => {\n const questionInstance = isQuestionAppended ? learnosity.question(response_id) : undefined;\n\n if (questionInstance && canAttempt && (!validation \|\| checkButton)) {\n questionInstance.on('changed', handleResponseChange);\n questionInstance.enable();\n }\n\n return () => {\n if (questionInstance && canAttempt && (!validation \|\| checkButton)) {\n questionInstance.off('changed', handleResponseChange);\n questionInstance.disable();\n }\n };\n }, [\n canAttempt,\n checkButton,\n handleResponseChange,\n isQuestionAppended,\n learnosity,\n response_id,\n validation,\n ]);\n\n return (\n <FlexView\n $background=\"WHITE\"\n $flexDirection=\"row\"\n $flexGapX={0.5}\n $alignItems=\"center\"\n $justifyContent=\"flex-end\"\n >\n {hintsButton && (\n <IconButton\n Icon={QuestionIcon}\n analyticsLabel=\"Hint\"\n renderAs=\"secondary\"\n disabled={!isQuestionAppended}\n onClick={handleHintButtonClick}\n />\n )}\n {!hintsButton && handleHelpButtonClick && (checkButton \|\| retryButton) && (\n <IconButton\n Icon={HandIcon}\n analyticsLabel=\"Ask for help\"\n renderAs=\"secondary\"\n onClick={handleHelpButtonClick}\n />\n )}\n {handleBackButtonClick && (\n <Button\n widthX={6}\n renderAs=\"secondary\"\n size=\"small\"\n label=\"Back\"\n disabled={questionIndex === 0}\n onClick={handleBackButtonClick}\n />\n )}\n {skipButton && (\n <Button\n widthX={6}\n renderAs={retryButton ? 'secondary' : 'primary'}\n size=\"small\"\n label=\"Skip\"\n onClick={handleSkipButtonClick}\n />\n )}\n {nextButton && (\n <Button\n widthX={6}\n renderAs={retryButton ? 'secondary' : 'primary'}\n size=\"small\"\n label=\"Next\"\n onClick={handleNextButtonClick}\n disabled={nextButtonDisabled === true}\n />\n )}\n {retryButton && (\n <Button\n widthX={6}\n renderAs=\"primary\"\n size=\"small\"\n label={retryButtonLabel}\n disabled={!isQuestionAppended}\n onClick={handleRetryButtonClick}\n />\n )}\n {checkButton && (\n <Button\n renderAs=\"primary\"\n size=\"small\"\n label={checkButtonLabel}\n disabled={checkButtonDisabled === true \|\| !isQuestionAppended}\n onClick={handleCheckButtonClick}\n />\n )}\n {startButton && (\n <Button renderAs=\"primary\" size=\"small\" label=\"Start\" onClick={handleStartButtonClick} />\n )}\n {readyButton && (\n <Button renderAs=\"primary\" size=\"small\" label=\"Submit\" onClick={handleReadyButtonClick} />\n )}\n {skipSectionButton && (\n <IconButton\n renderAs=\"primary\"\n Icon={SkipIcon}\n analyticsLabel=\"Skip Section\"\n onClick={handleSkipSectionButtonClick}\n />\n )}\n {!submitAttemptButton && validateButton && (\n <IconButton\n renderAs=\"primary\"\n Icon={Check2Icon}\n disabled={response?.validatedByTeacher}\n analyticsLabel=\"Validate\"\n onClick={handleValidateButtonClick}\n />\n )}\n {submitAttemptButton && (\n <Button renderAs=\"primary\" size=\"small\" label=\"Submit\" onClick={onSubmit} />\n )}\n {actionBarRightElement && actionBarRightElement}\n </FlexView>\n );\n },\n);\n\nexport default WorksheetQuestionsController;\n"],"names":["WorksheetQuestionsController","memo","props","behavior","questions","userType","responses","questionIndex","lastUnlockedQuestionIndex","learnosity","onSkip","canSubmitWorksheet","actionBarRightElement","useWorksheetStore","store","isQuestionUnlocked","question","isQuestionAppended","response","getTimeSpentOnQuestion","onSubmit","navigationMode","canAttempt","hints","checkButtonLabel","retryButtonLabel","validation","maximumAttempts","canExceedAttempts","teacherValidationEnabled","canTeacherValidate","hintsTimer","skippableTime","skippable","response_id","item_type","type","instructor_stimulus","is_optional","hintsAvailable","_c","_b","_a","isSystemIntro","isExitTicket","hintsRemaining","showHintsButton","setShowHintsButton","useState","skipped","setSkipped","showSkipButton","setShowSkipButton","useEffect","timeoutId","canShowSkip","checkButton","checkButtonDisabled","hintsButton","retryButton","nextButton","nextButtonDisabled","startButton","readyButton","validateButton","skipSectionButton","submitAttemptButton","skipButton","useMemo","showSkipSectionButton","getSystemValidationButtons","responseEdited","score","attemptsHistory","maximumAttemptsReached","lastAttemptResponse","deepEqual","isPendingTeacherValidation","questionId","assignStatus","validatedByTeacher","handleResponseChange","handleHelpButtonClick","handleBackButtonClick","handleNextButtonClick","handleCheckButtonClick","handleRetryButtonClick","handleHintButtonClick","handleValidateButtonClick","handleStartButtonClick","handleSkipSectionButtonClick","handleReadyButtonClick","handleSkipButtonClick","useHandlerCallbacks","questionInstance","jsxs","FlexView","jsx","IconButton","QuestionIcon","HandIcon","Button","SkipIcon","Check2Icon"],"mappings":"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"}
1	+ {"version":3,"file":"worksheet-questions-controller.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-questions-controller/worksheet-questions-controller.tsx"],"sourcesContent":["import { deepEqual } from 'fast-equals';\nimport { memo, useEffect, useMemo, useState, type FC } from 'react';\n\nimport Check2Icon from '../../../../assets/line-icons/icons/check2';\nimport HandIcon from '../../../../assets/line-icons/icons/hand';\nimport QuestionIcon from '../../../../assets/line-icons/icons/question';\nimport SkipIcon from '../../../../assets/line-icons/icons/skip';\nimport Button from '../../../ui/buttons/button/button';\nimport IconButton from '../../../ui/buttons/icon-button/icon-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport useHandlerCallbacks from './use-handler-callbacks';\nimport type {\n IButtonTypes,\n IWorksheetQuestionsControllerProps,\n} from './worksheet-questions-controller-types';\n\nconst WorksheetQuestionsController: FC<IWorksheetQuestionsControllerProps> = memo(\n function WorksheetQuestionsController(props) {\n const {\n layout,\n learnosity,\n question,\n questions,\n responses,\n questionIndex,\n canSubmitWorksheet,\n isQuestionUnlocked,\n isQuestionAppended,\n response,\n behavior,\n userType,\n setActiveQuestionId,\n setSummaryVisible,\n setBlocker,\n setResponses,\n getTimeSpentOnQuestion,\n onSkip,\n actionBarRightElement,\n onSubmit,\n } = props;\n\n const { onHelp, onResponseChange, onTeacherValidation, loggerRef } = 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 // TODO: change the condition to if teacher validator is needed or not\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 layout,\n question,\n questions,\n learnosity,\n questionIndex,\n setActiveQuestionId,\n setSummaryVisible,\n setBlocker,\n setResponses,\n onResponseChange,\n onTeacherValidation,\n onHelp,\n behavior,\n loggerRef,\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","layout","learnosity","question","questions","responses","questionIndex","canSubmitWorksheet","isQuestionUnlocked","isQuestionAppended","response","behavior","userType","setActiveQuestionId","setSummaryVisible","setBlocker","setResponses","getTimeSpentOnQuestion","onSkip","actionBarRightElement","onSubmit","onHelp","onResponseChange","onTeacherValidation","loggerRef","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-questions-summary/worksheet-questions-summary.js CHANGED Viewed

@@ -1,18 +1,16 @@
-import { jsxs as e, jsx as r, Fragment as n } from "react/jsx-runtime";
-import { memo as s } from "react";
+import { jsxs as t, jsx as r, Fragment as a } from "react/jsx-runtime";
+import { memo as n } from "react";
 import l from "../../../../assets/line-icons/icons/cross.js";
-import p from "../../../ui/buttons/button/button.js";
-import c from "../../../ui/buttons/clickable/clickable.js";
-import d from "../../../ui/separator/separator.js";
-import u from "../../../ui/text/text.js";
-import { useWorksheetStore as h } from "../hooks/use-worksheet-store.js";
-import f from "../worksheet-navigation/worksheet-navigation.js";
-import { SummaryWrapper as $, CloseIconWrapper as g } from "./worksheet-questions-summary-styled.js";
-const Q = s(
-  function({ worksheetName: t, onClose: o, showGoToReview: m }) {
-    const i = h((a) => a.showSummary);
-    return /* @__PURE__ */ e(
-      $,
+import s from "../../../ui/buttons/button/button.js";
+import p from "../../../ui/buttons/clickable/clickable.js";
+import c from "../../../ui/separator/separator.js";
+import d from "../../../ui/text/text.js";
+import u from "../worksheet-navigation/worksheet-navigation.js";
+import { SummaryWrapper as f, CloseIconWrapper as h } from "./worksheet-questions-summary-styled.js";
+const I = n(
+  function({ worksheetName: m, onClose: o, onGoToReview: e, ...i }) {
+    return /* @__PURE__ */ t(
+      f,
       {
         $position: "relative",
         $widthX: 40,
@@ -23,19 +21,19 @@ const Q = s(
         $background: "WHITE",
         $shadow: !!o,
         children: [
-          /* @__PURE__ */ r(u, { $renderAs: "body1Medium", $marginBottomX: 1.5, $align: "center", children: t }),
-          o && /* @__PURE__ */ r(g, { children: /* @__PURE__ */ r(c, { label: "Questions Summary Close", onClick: o, children: /* @__PURE__ */ r(l, { color: "black" }) }) }),
-          /* @__PURE__ */ r(f, { placement: "bottom" }),
-          m && /* @__PURE__ */ e(n, { children: [
-            /* @__PURE__ */ r(d, { heightX: 1.5 }),
+          /* @__PURE__ */ r(d, { $renderAs: "body1Medium", $marginBottomX: 1.5, $align: "center", children: m }),
+          o && /* @__PURE__ */ r(h, { children: /* @__PURE__ */ r(p, { label: "Questions Summary Close", onClick: o, children: /* @__PURE__ */ r(l, { color: "black" }) }) }),
+          /* @__PURE__ */ r(u, { ...i, placement: "bottom" }),
+          e && /* @__PURE__ */ t(a, { children: [
+            /* @__PURE__ */ r(c, { heightX: 1.5 }),
             /* @__PURE__ */ r(
-              p,
+              s,
               {
                 alignSelf: "flex-end",
                 renderAs: "secondary",
                 size: "xsmall",
                 label: "Go to review page",
-                onClick: i
+                onClick: e
               }
             )
           ] })
@@ -45,6 +43,6 @@ const Q = s(
   }
 );
 export {
-  Q as default
+  I as default
 };
 //# sourceMappingURL=worksheet-questions-summary.js.map

package/dist/features/worksheet/worksheet/worksheet-questions-summary/worksheet-questions-summary.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"worksheet-questions-summary.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-questions-summary/worksheet-questions-summary.tsx"],"sourcesContent":["import { memo, type FC } from 'react';\n\nimport CrossIcon from '../../../../assets/line-icons/icons/cross';\nimport Button from '../../../ui/buttons/button/button';\nimport Clickable from '../../../ui/buttons/clickable/clickable';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport ~~{ useWorksheetStore } from '../hooks/use-worksheet-store';\nimport~~ WorksheetNavigation from '../worksheet-navigation/worksheet-navigation';\nimport * as Styled from './worksheet-questions-summary-styled';\nimport type { IWorksheetQuestionsSummaryProps } from './worksheet-questions-summary-types';\n\nconst WorksheetQuestionsSummary: FC<IWorksheetQuestionsSummaryProps> = memo(\n function WorksheetQuestionsSummary({ worksheetName, onClose, ~~showGoToReview~~ }) {\n ~~const showSummary = useWorksheetStore(store => store.showSummary);\n\n~~ return (\n <Styled.SummaryWrapper\n $position=\"relative\"\n $widthX={40}\n $gutterX={1.5}\n $gapX={1.5}\n $borderRadiusX={0.75}\n $borderColor=\"GREY_2\"\n $background=\"WHITE\"\n $shadow={!!onClose}\n >\n <Text $renderAs=\"body1Medium\" $marginBottomX={1.5} $align=\"center\">\n {worksheetName}\n </Text>\n {onClose && (\n <Styled.CloseIconWrapper>\n <Clickable label=\"Questions Summary Close\" onClick={onClose}>\n <CrossIcon color=\"black\" />\n </Clickable>\n </Styled.CloseIconWrapper>\n )}\n <WorksheetNavigation placement=\"bottom\" />\n {~~showGoToReview~~ && (\n <>\n <Separator heightX={1.5} />\n <Button\n alignSelf=\"flex-end\"\n renderAs=\"secondary\"\n size=\"xsmall\"\n label=\"Go to review page\"\n onClick={~~showSummary~~}\n />\n </>\n )}\n </Styled.SummaryWrapper>\n );\n },\n);\n\nexport default WorksheetQuestionsSummary;\n"],"names":["WorksheetQuestionsSummary","memo","worksheetName","onClose","~~showGoToReview~~","~~showSummary~~","~~useWorksheetStore","store","~~jsxs","Styled.SummaryWrapper","jsx","Text","Styled.CloseIconWrapper","Clickable","CrossIcon","WorksheetNavigation","Fragment","Separator","Button"],"mappings":"~~;;;;;;;;;;AAYA~~,MAAMA,IAAiEC;AAAA,EACrE,SAAmC,EAAE,eAAAC,GAAe,SAAAC,GAAS,~~gBAAAC~~,~~KAAkB;AAC7E~~,~~UAAMC~~,~~IAAcC,EAAkB,CAASC,MAAAA,EAAM,WAAW~~;~~AAG9D~~,WAAA,gBAAAC;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,SAAS;AAAA,QACT,UAAU;AAAA,QACV,OAAO;AAAA,QACP,gBAAgB;AAAA,QAChB,cAAa;AAAA,QACb,aAAY;AAAA,QACZ,SAAS,CAAC,~~CAACN~~;AAAA,QAEX,UAAA;AAAA,UAAA,~~gBAAAO~~,EAACC,KAAK,WAAU,eAAc,gBAAgB,KAAK,QAAO,UACvD,~~UACHT~~,EAAA,CAAA;AAAA,UACCC,KACE,~~gBAAAO~~,EAAAE,GAAA,EACC,4BAACC,GAAU,EAAA,OAAM,2BAA0B,~~SAASV~~,GAClD,UAAC,~~gBAAAO~~,EAAAI,GAAA,EAAU,OAAM,QAAA,CAAQ,EAC3B,CAAA,GACF;AAAA,~~UAEF~~,gBAAAJ,~~EAACK~~,~~GAAoB~~,~~EAAA~~,WAAU,SAAS,CAAA;AAAA,~~UACvCX~~,KAEG,~~gBAAAI~~,EAAAQ,GAAA,EAAA,UAAA;AAAA,YAAC,gBAAAN,EAAAO,GAAA,EAAU,SAAS,IAAK,CAAA;AAAA,YACzB,gBAAAP;AAAA,cAACQ;AAAA,cAAA;AAAA,gBACC,WAAU;AAAA,gBACV,UAAS;AAAA,gBACT,MAAK;AAAA,gBACL,OAAM;AAAA,gBACN,~~SAASb~~;AAAA,cAAA;AAAA,YACX;AAAA,UAAA,GACF;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;"}
1	+ {"version":3,"file":"worksheet-questions-summary.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-questions-summary/worksheet-questions-summary.tsx"],"sourcesContent":["import { memo, type FC } from 'react';\n\nimport CrossIcon from '../../../../assets/line-icons/icons/cross';\nimport Button from '../../../ui/buttons/button/button';\nimport Clickable from '../../../ui/buttons/clickable/clickable';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport WorksheetNavigation from '../worksheet-navigation/worksheet-navigation';\nimport * as Styled from './worksheet-questions-summary-styled';\nimport type { IWorksheetQuestionsSummaryProps } from './worksheet-questions-summary-types';\n\nconst WorksheetQuestionsSummary: FC<IWorksheetQuestionsSummaryProps> = memo(\n function WorksheetQuestionsSummary({ worksheetName, onClose, onGoToReview, ...other }) {\n return (\n <Styled.SummaryWrapper\n $position=\"relative\"\n $widthX={40}\n $gutterX={1.5}\n $gapX={1.5}\n $borderRadiusX={0.75}\n $borderColor=\"GREY_2\"\n $background=\"WHITE\"\n $shadow={!!onClose}\n >\n <Text $renderAs=\"body1Medium\" $marginBottomX={1.5} $align=\"center\">\n {worksheetName}\n </Text>\n {onClose && (\n <Styled.CloseIconWrapper>\n <Clickable label=\"Questions Summary Close\" onClick={onClose}>\n <CrossIcon color=\"black\" />\n </Clickable>\n </Styled.CloseIconWrapper>\n )}\n <WorksheetNavigation {...other} placement=\"bottom\" />\n {onGoToReview && (\n <>\n <Separator heightX={1.5} />\n <Button\n alignSelf=\"flex-end\"\n renderAs=\"secondary\"\n size=\"xsmall\"\n label=\"Go to review page\"\n onClick={onGoToReview}\n />\n </>\n )}\n </Styled.SummaryWrapper>\n );\n },\n);\n\nexport default WorksheetQuestionsSummary;\n"],"names":["WorksheetQuestionsSummary","memo","worksheetName","onClose","onGoToReview","other","jsxs","Styled.SummaryWrapper","jsx","Text","Styled.CloseIconWrapper","Clickable","CrossIcon","WorksheetNavigation","Fragment","Separator","Button"],"mappings":";;;;;;;;;AAWA,MAAMA,IAAiEC;AAAA,EACrE,SAAmC,EAAE,eAAAC,GAAe,SAAAC,GAAS,cAAAC,GAAc,GAAGC,KAAS;AAEnF,WAAA,gBAAAC;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,SAAS;AAAA,QACT,UAAU;AAAA,QACV,OAAO;AAAA,QACP,gBAAgB;AAAA,QAChB,cAAa;AAAA,QACb,aAAY;AAAA,QACZ,SAAS,CAAC,CAACJ;AAAA,QAEX,UAAA;AAAA,UAAA,gBAAAK,EAACC,KAAK,WAAU,eAAc,gBAAgB,KAAK,QAAO,UACvD,UACHP,EAAA,CAAA;AAAA,UACCC,KACE,gBAAAK,EAAAE,GAAA,EACC,4BAACC,GAAU,EAAA,OAAM,2BAA0B,SAASR,GAClD,UAAC,gBAAAK,EAAAI,GAAA,EAAU,OAAM,QAAA,CAAQ,EAC3B,CAAA,GACF;AAAA,UAED,gBAAAJ,EAAAK,GAAA,EAAqB,GAAGR,GAAO,WAAU,SAAS,CAAA;AAAA,UAClDD,KAEG,gBAAAE,EAAAQ,GAAA,EAAA,UAAA;AAAA,YAAC,gBAAAN,EAAAO,GAAA,EAAU,SAAS,IAAK,CAAA;AAAA,YACzB,gBAAAP;AAAA,cAACQ;AAAA,cAAA;AAAA,gBACC,WAAU;AAAA,gBACV,UAAS;AAAA,gBACT,MAAK;AAAA,gBACL,OAAM;AAAA,gBACN,SAASZ;AAAA,cAAA;AAAA,YACX;AAAA,UAAA,GACF;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;"}

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

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

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

	@@ -1 +1 @@
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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"}
1	+ {"version":3,"file":"question-guide.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-sidebar/question-guide.tsx"],"sourcesContent":["import {\n type RefObject,\n type FC,\n memo,\n useCallback,\n useEffect,\n useMemo,\n useState,\n useRef,\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 type { ILearnosity, IWorksheetProps, IWorksheetQuestion } from '../worksheet-types';\nimport {\n Section,\n GuideContainer,\n CloseIcon,\n SolIcon,\n HintIcon,\n SectionContainer,\n Guide,\n Pointer,\n} from './worksheet-sidebar-styled';\n\ntype TSections = 'HINT' \| 'SOL';\n\ninterface IQuestionGuideProps extends Pick<IWorksheetProps, 'loggerRef'> {\n questionWidth: number;\n questions: IWorksheetQuestion[];\n activeQuestionIndex: number;\n learnosity: ILearnosity;\n actionbarHeight: number;\n plugins?: IWorksheetProps['plugins'];\n}\n\nconst QuestionGuide: FC<IQuestionGuideProps> = memo(function QuestionGuide({\n questionWidth,\n questions,\n activeQuestionIndex,\n learnosity,\n actionbarHeight,\n loggerRef,\n 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","activeQuestionIndex","learnosity","actionbarHeight","loggerRef","plugins","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 CHANGED Viewed

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

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

	@@ -1 +1 @@
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;"}
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 type { TUserTypes } from '../../../ui/types';\nimport { SIDEBAR_WIDTH } from '../constants';\nimport type { ILearnosity, IWorksheetProps, IWorksheetQuestion } from '../worksheet-types';\nimport Navigator from './navigator';\nimport QuestionGuide from './question-guide';\nimport {\n SideBarContainer,\n UnderlinedText,\n UnderlinedTextWrapper,\n} from './worksheet-sidebar-styled';\n\ninterface IWorksheetSideBarProps extends Pick<IWorksheetProps, 'loggerRef' \| 'plugins'> {\n questionWidth: number;\n questions: IWorksheetQuestion[];\n activeQuestionIndex: number;\n learnosity: ILearnosity;\n userType: TUserTypes;\n height: number \| string;\n actionbarHeight: number;\n openQuestionFeedbackModal?: (itemRef: string) => void;\n}\n\nconst WorksheetSideBar: FC<IWorksheetSideBarProps> = memo(function WorksheetSideBar({\n questionWidth,\n questions,\n activeQuestionIndex,\n learnosity,\n userType,\n height,\n actionbarHeight,\n openQuestionFeedbackModal,\n loggerRef,\n plugins,\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 activeQuestionIndex={activeQuestionIndex}\n learnosity={learnosity}\n actionbarHeight={actionbarHeight}\n loggerRef={loggerRef}\n plugins={plugins}\n />\n <Separator heightX={0.5} />\n <Navigator />\n </FlexView>\n </SideBarContainer>\n );\n});\n\nexport default WorksheetSideBar;\n"],"names":["WorksheetSideBar","memo","questionWidth","questions","activeQuestionIndex","learnosity","userType","height","actionbarHeight","openQuestionFeedbackModal","loggerRef","plugins","activeQuestion","itemRef","onFeedbackClick","useCallback","jsxs","SideBarContainer","SIDEBAR_WIDTH","jsx","UnderlinedTextWrapper","UnderlinedText","FlexView","QuestionGuide","Separator","Navigator"],"mappings":";;;;;;;;AA0BM,MAAAA,IAA+CC,EAAK,SAA0B;AAAA,EAClF,eAAAC;AAAA,EACA,WAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,2BAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AACF,GAAG;AACK,QAAAC,IAAiBT,EAAUC,CAAmB,GAC9C,EAAE,gBAAgBS,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,gBAAgBhB;AAAA,MAChB,SAASK;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,eAAArB;AAAA,cACA,WAAAC;AAAA,cACA,qBAAAC;AAAA,cACA,YAAAC;AAAA,cACA,iBAAAG;AAAA,cACA,WAAAE;AAAA,cACA,SAAAC;AAAA,YAAA;AAAA,UACF;AAAA,UACA,gBAAAQ,EAACK,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,4BACxBC,GAAU,EAAA;AAAA,QAAA,GACb;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}