@cuemath/leap 2.8.61-rj-20 → 2.8.61-rj-22

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

@@ -1 +1 @@
-{"version":3,"file":"scribble-switch.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-questions-controller/scribble-switch.tsx"],"sourcesContent":["import React, { memo, useCallback } from 'react';\nimport styled from 'styled-components';\n\nimport ScribbleIcon from '../../../../assets/line-icons/icons/scribble';\nimport Clickable from '../../../ui/buttons/clickable/clickable';\nimport FlexView from '../../../ui/layout/flex-view';\nimport EVENTS from '../../constants/events';\n\ninterface IScribbleSwitchProps {\n  isScribblingEnabled: boolean;\n  setIsScribblingEnabled: (enabled: boolean) => void;\n  isCanvasEnabled: boolean;\n  loggerRef: React.MutableRefObject<(eventName: string, data?: Record<string, unknown>) => void>;\n  canToggleScribbling?: boolean;\n}\n\nconst IconWrapper = styled(FlexView)<{ $active: boolean }>(\n  ({ theme, $active }) => `\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  border: 1px solid black;\n  &:hover {\n    background-color: ${theme.colors.BLACK};\n    svg path {\n      stroke: ${theme.colors.WHITE};\n    }\n  }\n  background-color: ${$active ? theme.colors.BLACK : theme.colors.WHITE};\n  justify-content: center;\n  align-items: center;\n  svg path {\n    stroke: ${$active ? theme.colors.WHITE : theme.colors.BLACK};\n  }\n`,\n);\n\nconst ScribbleSwitch: React.FC<IScribbleSwitchProps> = memo(\n  ({\n    isScribblingEnabled,\n    setIsScribblingEnabled,\n    isCanvasEnabled,\n    loggerRef,\n    canToggleScribbling = true,\n  }) => {\n    const handleToggleScribble = useCallback(() => {\n      setIsScribblingEnabled(!isScribblingEnabled);\n      loggerRef.current(EVENTS.WORKSHEET_V3_SCRIBBLE_TOGGLE, {\n        scribbling_enabled: !isScribblingEnabled,\n      });\n    }, [isScribblingEnabled, loggerRef, setIsScribblingEnabled]);\n\n    if (!isCanvasEnabled) {\n      // This is done to center align the QuestionNavBar for worksheets for whom scribbling is not enabled.\n      return <FlexView $widthX={15.25} />;\n    }\n\n    return (\n      <Clickable\n        label=\"ScribbleSwitch Toggled\"\n        onClick={handleToggleScribble}\n        disabled={!canToggleScribbling}\n      >\n        <IconWrapper $active={isScribblingEnabled}>\n          <ScribbleIcon />\n        </IconWrapper>\n      </Clickable>\n    );\n  },\n);\n\nexport default ScribbleSwitch;\n"],"names":["IconWrapper","styled","FlexView","theme","$active","ScribbleSwitch","memo","isScribblingEnabled","setIsScribblingEnabled","isCanvasEnabled","loggerRef","canToggleScribbling","handleToggleScribble","useCallback","EVENTS","jsx","Clickable","ScribbleIcon"],"mappings":";;;;;;;AAgBA,MAAMA,IAAcC,EAAOC,CAAQ;AAAA,EACjC,CAAC,EAAE,OAAAC,GAAO,SAAAC,QAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAMFD,EAAM,OAAO,KAAK;AAAA;AAAA,gBAE1BA,EAAM,OAAO,KAAK;AAAA;AAAA;AAAA,sBAGZC,IAAUD,EAAM,OAAO,QAAQA,EAAM,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA,cAIzDC,IAAUD,EAAM,OAAO,QAAQA,EAAM,OAAO,KAAK;AAAA;AAAA;AAG/D,GAEME,IAAiDC;AAAA,EACrD,CAAC;AAAA,IACC,qBAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,qBAAAC,IAAsB;AAAA,EAAA,MAClB;AACE,UAAAC,IAAuBC,EAAY,MAAM;AAC7C,MAAAL,EAAuB,CAACD,CAAmB,GACjCG,EAAA,QAAQI,EAAO,8BAA8B;AAAA,QACrD,oBAAoB,CAACP;AAAA,MAAA,CACtB;AAAA,IACA,GAAA,CAACA,GAAqBG,GAAWF,CAAsB,CAAC;AAE3D,WAAKC,IAMH,gBAAAM;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,SAASJ;AAAA,QACT,UAAU,CAACD;AAAA,QAEX,4BAACX,GAAY,EAAA,SAASO,GACpB,UAAA,gBAAAQ,EAACE,KAAa,EAChB,CAAA;AAAA,MAAA;AAAA,IACF,IAZO,gBAAAF,EAACb,GAAS,EAAA,SAAS,MAAO,CAAA;AAAA,EAYjC;AAGN;"}
+{"version":3,"file":"scribble-switch.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-questions-controller/scribble-switch.tsx"],"sourcesContent":["import React, { memo, useCallback } from 'react';\nimport styled from 'styled-components';\n\nimport ScribbleIcon from '../../../../assets/line-icons/icons/scribble';\nimport Clickable from '../../../ui/buttons/clickable/clickable';\nimport FlexView from '../../../ui/layout/flex-view';\nimport EVENTS from '../../constants/events';\n\ninterface IScribbleSwitchProps {\n  isScribblingEnabled: boolean;\n  setIsScribblingEnabled: (enabled: boolean) => void;\n  isCanvasEnabled: boolean;\n  loggerRef: React.MutableRefObject<(eventName: string, data?: Record<string, unknown>) => void>;\n  canToggleScribbling?: boolean;\n}\n\nconst IconWrapper = styled(FlexView)<{ $active: boolean }>(\n  ({ theme, $active }) => `\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  border: 1px solid black;\n  &:hover {\n    background-color: ${theme.colors.BLACK};\n    svg path {\n      stroke: ${theme.colors.WHITE};\n    }\n  }\n  background-color: ${$active ? theme.colors.BLACK : theme.colors.WHITE};\n  justify-content: center;\n  align-items: center;\n  svg path {\n    stroke: ${$active ? theme.colors.WHITE : theme.colors.BLACK};\n  }\n`,\n);\n\nconst ScribbleSwitch: React.FC<IScribbleSwitchProps> = memo(\n  ({\n    isScribblingEnabled,\n    setIsScribblingEnabled,\n    isCanvasEnabled,\n    loggerRef,\n    canToggleScribbling = true,\n  }) => {\n    const handleToggleScribble = useCallback(() => {\n      setIsScribblingEnabled(!isScribblingEnabled);\n      loggerRef.current(EVENTS.WORKSHEET_V3_SCRIBBLE_TOGGLE, {\n        scribbling_enabled: !isScribblingEnabled,\n      });\n    }, [isScribblingEnabled, loggerRef, setIsScribblingEnabled]);\n\n    if (!isCanvasEnabled) {\n      // This is done to center align the QuestionNavBar for worksheets for whom scribbling is not enabled.\n      return <FlexView $widthX={15.25} />;\n    }\n\n    return (\n      <Clickable\n        label=\"ScribbleSwitch Toggled\"\n        onClick={handleToggleScribble}\n        disabled={!canToggleScribbling}\n      >\n        <IconWrapper $active={isScribblingEnabled}>\n          <ScribbleIcon />\n        </IconWrapper>\n      </Clickable>\n    );\n  },\n);\n\nexport default ScribbleSwitch;\n"],"names":["IconWrapper","styled","FlexView","theme","$active","ScribbleSwitch","memo","isScribblingEnabled","setIsScribblingEnabled","isCanvasEnabled","loggerRef","canToggleScribbling","handleToggleScribble","useCallback","EVENTS","jsx","Clickable","ScribbleIcon"],"mappings":";;;;;;;AAgBA,MAAMA,IAAcC,EAAOC,CAAQ;AAAA,EACjC,CAAC,EAAE,OAAAC,GAAO,SAAAC,EAAA,MAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAMFD,EAAM,OAAO,KAAK;AAAA;AAAA,gBAE1BA,EAAM,OAAO,KAAK;AAAA;AAAA;AAAA,sBAGZC,IAAUD,EAAM,OAAO,QAAQA,EAAM,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA,cAIzDC,IAAUD,EAAM,OAAO,QAAQA,EAAM,OAAO,KAAK;AAAA;AAAA;AAG/D,GAEME,IAAiDC;AAAA,EACrD,CAAC;AAAA,IACC,qBAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,qBAAAC,IAAsB;AAAA,EAAA,MAClB;AACE,UAAAC,IAAuBC,EAAY,MAAM;AAC7C,MAAAL,EAAuB,CAACD,CAAmB,GACjCG,EAAA,QAAQI,EAAO,8BAA8B;AAAA,QACrD,oBAAoB,CAACP;AAAA,MAAA,CACtB;AAAA,IACA,GAAA,CAACA,GAAqBG,GAAWF,CAAsB,CAAC;AAE3D,WAAKC,IAMH,gBAAAM;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,SAASJ;AAAA,QACT,UAAU,CAACD;AAAA,QAEX,4BAACX,GAAY,EAAA,SAASO,GACpB,UAAA,gBAAAQ,EAACE,IAAa,CAAA,GAChB;AAAA,MAAA;AAAA,IAAA,IAXK,gBAAAF,EAACb,GAAS,EAAA,SAAS,MAAO,CAAA;AAAA,EAcrC;AACF;"}

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

@@ -1 +1 @@
-{"version":3,"file":"use-handler-callbacks.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-questions-controller/use-handler-callbacks.ts"],"sourcesContent":["import type {\n  ILearnosityQuestionResponse,\n  ILearnosityQuestionScore,\n  IWorksheetResponse,\n} from '../worksheet-types';\nimport type { IWorksheetQuestionsControllerProps } from './worksheet-questions-controller-types';\nimport type { Dispatch, SetStateAction } from 'react';\n\nimport { useCallback } from 'react';\n\nimport useAudioPlayer from '../../../hooks/use-audio-player';\nimport EVENTS from '../../constants/events';\nimport { SYSTEM_VALIDATION_AUDIO_LIST } from '../constants';\nimport { getQuestionMetadata, isOkayTypeQuestion, scrollToQuestion } from '../worksheet-helpers';\n\ninterface IUseHandlerCallbacks {\n  (\n    options: Pick<\n      IWorksheetQuestionsControllerProps,\n      | 'learnosity'\n      | 'layout'\n      | 'questionIndex'\n      | 'question'\n      | 'questions'\n      | 'setActiveQuestionId'\n      | 'setResponses'\n      | 'setSummaryVisible'\n      | 'setBlocker'\n      | 'onHelp'\n      | 'onResponseChange'\n      | 'onTeacherValidation'\n      | 'behavior'\n      | 'loggerRef'\n      | 'getTimeSpentOnQuestion'\n    > & {\n      setSkipped: Dispatch<SetStateAction<boolean>>;\n    },\n  ): {\n    handleResponseChange: () => void;\n    handleHelpButtonClick?: () => void;\n    handleHintButtonClick: () => void;\n    handleBackButtonClick?: () => void;\n    handleNextButtonClick: () => void;\n    handleRetryButtonClick: () => void;\n    handleCheckButtonClick: () => void;\n    handleValidateButtonClick: () => void;\n    handleStartButtonClick: () => void;\n    handleReadyButtonClick: () => void;\n    handleSkipSectionButtonClick: () => void;\n    handleSkipButtonClick: () => void;\n  };\n}\n\nconst useHandlerCallbacks: IUseHandlerCallbacks = options => {\n  const {\n    behavior,\n    layout,\n    learnosity,\n    question,\n    questionIndex,\n    questions,\n    getTimeSpentOnQuestion,\n  } = options;\n  const { setResponses, setSummaryVisible, setActiveQuestionId, setBlocker, setSkipped } = options;\n  const { onHelp, onResponseChange, onTeacherValidation, loggerRef } = options;\n  const { questionsScrollable } = layout;\n  const { response_id, item_type, question_number, item_number, total_questions } = question;\n  const isExitTicket = item_type === 'exit-ticket';\n  const { validation, teacherValidationEnabled } = behavior;\n  const playNotifSound = useAudioPlayer(SYSTEM_VALIDATION_AUDIO_LIST);\n\n  const playAudio = useCallback(() => {\n    const questionInstance = learnosity.question(response_id);\n\n    if (questionInstance && validation && !isOkayTypeQuestion(questionInstance.getQuestion())) {\n      questionInstance.getScore(sc => {\n        const { max_score: maxScore, score: currentScore } = sc || {};\n\n        if (maxScore) {\n          if (maxScore === currentScore) {\n            playNotifSound('CORRECT');\n          } else {\n            playNotifSound('INCORRECT');\n          }\n        }\n      });\n    }\n  }, [learnosity, playNotifSound, response_id, validation]);\n\n  const updateResponse = useCallback(\n    (\n      questionId: string,\n      response: ILearnosityQuestionResponse,\n      score: ILearnosityQuestionScore,\n      answerChecked?: boolean,\n    ) => {\n      const timeSpentOnQuestions = getTimeSpentOnQuestion(response_id);\n\n      setResponses(prevResponses => {\n        const prevResponse = prevResponses[questionId];\n        const isNewAttempt = !!answerChecked;\n\n        const newResponse = {\n          ...getQuestionMetadata(questions, questionId),\n          ...prevResponse,\n          response,\n          score,\n          responseEdited: !isNewAttempt,\n          attemptsHistory: isNewAttempt\n            ? [...(prevResponse?.attemptsHistory ?? []), { response, score }]\n            : prevResponse?.attemptsHistory,\n          skipped: !response,\n          timeSpent: timeSpentOnQuestions,\n        };\n\n        onResponseChange?.({\n          responseId: questionId,\n          response: newResponse,\n          question: questions.find(q => q.response_id === questionId)!,\n          isNewAttempt,\n        });\n\n        return {\n          ...prevResponses,\n          [questionId]: newResponse,\n        };\n      });\n    },\n    [getTimeSpentOnQuestion, onResponseChange, questions, response_id, setResponses],\n  );\n\n  const validateQuestion = useCallback(\n    (questionId: string, rating?: number) => {\n      setResponses(prevResponses => {\n        const newResponse = {\n          ...getQuestionMetadata(questions, questionId),\n          ...prevResponses[questionId],\n          validatedByTeacher: true,\n          rating,\n        };\n\n        onResponseChange?.({\n          responseId: questionId,\n          response: newResponse,\n          question: questions.find(q => q.response_id === questionId)!,\n          isNewAttempt: false,\n        });\n\n        return {\n          ...prevResponses,\n          [questionId]: newResponse,\n        };\n      });\n    },\n    [onResponseChange, questions, setResponses],\n  );\n\n  const handleHelpButtonClick = useCallback(() => {\n    if (onHelp && question) {\n      onHelp({\n        questionId: response_id,\n        questionNumber: `${item_number + 1}${\n          total_questions > 1 ? String.fromCharCode('a'.charCodeAt(0) + question_number) : ''\n        }`,\n      });\n    }\n  }, [item_number, onHelp, question, question_number, response_id, total_questions]);\n\n  const handleHintButtonClick = useCallback(() => {\n    loggerRef.current(EVENTS.WORKSHEET_V3_HINT_SEEN);\n    setResponses(prevResponses => {\n      const newResponse = {\n        ...getQuestionMetadata(questions, response_id),\n        ...prevResponses[response_id],\n        hintsUsed: (prevResponses[response_id]?.hintsUsed ?? 0) + 1,\n      };\n\n      onResponseChange?.({\n        responseId: response_id,\n        response: newResponse,\n        question: questions.find(q => q.response_id === response_id)!,\n        isNewAttempt: false,\n      });\n\n      return {\n        ...prevResponses,\n        [response_id]: newResponse,\n      };\n    });\n  }, [loggerRef, onResponseChange, questions, response_id, setResponses]);\n\n  const handleBackButtonClick = useCallback(() => {\n    const questionId = questions[questionIndex - 1]?.response_id;\n\n    if (questionId) {\n      if (questionsScrollable) {\n        scrollToQuestion(questionId);\n      } else {\n        setActiveQuestionId(questionId);\n      }\n    }\n  }, [questionIndex, questions, questionsScrollable, setActiveQuestionId]);\n\n  const handleNextButtonClick = useCallback(() => {\n    const questionId = questions[questionIndex + 1]?.response_id;\n\n    if (questionId) {\n      if (questionsScrollable) {\n        scrollToQuestion(questionId);\n      } else {\n        setActiveQuestionId(questionId);\n      }\n    } else {\n      setSummaryVisible(true);\n    }\n  }, [questionIndex, questions, questionsScrollable, setActiveQuestionId, setSummaryVisible]);\n\n  const handleSkipButtonClick = useCallback(() => {\n    setResponses(prevResponses => {\n      const newResponse = {\n        ...getQuestionMetadata(questions, response_id),\n        ...prevResponses[response_id],\n        skipped: true,\n      };\n\n      onResponseChange?.({\n        responseId: response_id,\n        response: newResponse,\n        question: questions.find(q => q.response_id === response_id)!,\n        isNewAttempt: false,\n      });\n\n      return {\n        ...prevResponses,\n        [response_id]: newResponse,\n      };\n    });\n    setSkipped(true);\n  }, [onResponseChange, questions, response_id, setResponses, setSkipped]);\n\n  const handleResponseChange = useCallback(\n    (answerChecked?: boolean) => {\n      const questionInstance = learnosity.question(response_id);\n\n      if (questionInstance) {\n        questionInstance.getScore(score => {\n          updateResponse(\n            response_id,\n            questionInstance.getResponse(),\n            isOkayTypeQuestion(questionInstance.getQuestion()) || !score\n              ? {\n                  max_score: 0,\n                  score: 0,\n                  unscored: !score, // score will be null for unscored questions\n                }\n              : { ...score, score: score.score ?? 0 },\n            answerChecked,\n          );\n        });\n      }\n    },\n    [learnosity, response_id, updateResponse],\n  );\n\n  const handleRetryButtonClick = useCallback(() => {\n    const questionInstance = learnosity.question(response_id);\n\n    if (questionInstance) {\n      questionInstance.enable();\n      questionInstance.resetValidationUI();\n      handleResponseChange();\n    }\n  }, [handleResponseChange, learnosity, response_id]);\n\n  const handleValidate = useCallback(() => {\n    playAudio();\n    handleResponseChange(true);\n  }, [handleResponseChange, playAudio]);\n\n  const handleCheckButtonClick = useCallback(() => {\n    const questionInstance = learnosity.question(response_id);\n\n    if (questionInstance) {\n      questionInstance.disable();\n      questionInstance.validate(\n        {\n          feedbackAttempts: true,\n        },\n        handleValidate,\n      );\n    }\n  }, [handleValidate, learnosity, response_id]);\n\n  const handleValidateButtonClick = useCallback(() => {\n    if (isExitTicket) {\n      setBlocker('exit-ticket-review');\n    } else {\n      onTeacherValidation?.(response_id);\n    }\n  }, [isExitTicket, onTeacherValidation, response_id, setBlocker]);\n\n  const handleStartButtonClick = useCallback(() => {\n    validateQuestion(response_id);\n  }, [response_id, validateQuestion]);\n\n  const handleReadyButtonClick = useCallback(() => {\n    setResponses(prevResponses => {\n      const newResponse: IWorksheetResponse = {\n        ...getQuestionMetadata(questions, response_id),\n        ...prevResponses[response_id],\n        submittedByStudent: true,\n      };\n\n      onResponseChange?.({\n        responseId: response_id,\n        response: newResponse,\n        question: questions.find(q => q.response_id === response_id)!,\n        isNewAttempt: false,\n      });\n\n      return {\n        ...prevResponses,\n        [response_id]: newResponse,\n      };\n    });\n    setBlocker('exit-ticket-student-submission');\n  }, [onResponseChange, questions, response_id, setBlocker, setResponses]);\n\n  const handleSkipSectionButtonClick = useCallback(() => {\n    setBlocker('optional-items-skip');\n  }, [setBlocker]);\n\n  return {\n    handleResponseChange,\n    handleHelpButtonClick: onHelp ? handleHelpButtonClick : undefined,\n    handleHintButtonClick,\n    handleBackButtonClick:\n      !questionsScrollable && !teacherValidationEnabled ? handleBackButtonClick : undefined,\n    handleNextButtonClick,\n    handleRetryButtonClick,\n    handleCheckButtonClick,\n    handleValidateButtonClick,\n    handleStartButtonClick,\n    handleReadyButtonClick,\n    handleSkipSectionButtonClick,\n    handleSkipButtonClick,\n  };\n};\n\nexport default useHandlerCallbacks;\n"],"names":["useHandlerCallbacks","options","behavior","layout","learnosity","question","questionIndex","questions","getTimeSpentOnQuestion","setResponses","setSummaryVisible","setActiveQuestionId","setBlocker","setSkipped","onHelp","onResponseChange","onTeacherValidation","loggerRef","questionsScrollable","response_id","item_type","question_number","item_number","total_questions","isExitTicket","validation","teacherValidationEnabled","playNotifSound","useAudioPlayer","SYSTEM_VALIDATION_AUDIO_LIST","playAudio","useCallback","questionInstance","isOkayTypeQuestion","sc","maxScore","currentScore","updateResponse","questionId","response","score","answerChecked","timeSpentOnQuestions","prevResponses","prevResponse","isNewAttempt","newResponse","getQuestionMetadata","q","validateQuestion","rating","handleHelpButtonClick","handleHintButtonClick","EVENTS","_a","handleBackButtonClick","scrollToQuestion","handleNextButtonClick","handleSkipButtonClick","handleResponseChange","handleRetryButtonClick","handleValidate","handleCheckButtonClick","handleValidateButtonClick","handleStartButtonClick","handleReadyButtonClick","handleSkipSectionButtonClick"],"mappings":"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"}
+{"version":3,"file":"use-handler-callbacks.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-questions-controller/use-handler-callbacks.ts"],"sourcesContent":["import type {\n  ILearnosityQuestionResponse,\n  ILearnosityQuestionScore,\n  IWorksheetResponse,\n} from '../worksheet-types';\nimport type { IWorksheetQuestionsControllerProps } from './worksheet-questions-controller-types';\nimport type { Dispatch, SetStateAction } from 'react';\n\nimport { useCallback } from 'react';\n\nimport useAudioPlayer from '../../../hooks/use-audio-player';\nimport EVENTS from '../../constants/events';\nimport { SYSTEM_VALIDATION_AUDIO_LIST } from '../constants';\nimport { getQuestionMetadata, isOkayTypeQuestion, scrollToQuestion } from '../worksheet-helpers';\n\ninterface IUseHandlerCallbacks {\n  (\n    options: Pick<\n      IWorksheetQuestionsControllerProps,\n      | 'learnosity'\n      | 'layout'\n      | 'questionIndex'\n      | 'question'\n      | 'questions'\n      | 'setActiveQuestionId'\n      | 'setResponses'\n      | 'setSummaryVisible'\n      | 'setBlocker'\n      | 'onHelp'\n      | 'onResponseChange'\n      | 'onTeacherValidation'\n      | 'behavior'\n      | 'loggerRef'\n      | 'getTimeSpentOnQuestion'\n    > & {\n      setSkipped: Dispatch<SetStateAction<boolean>>;\n    },\n  ): {\n    handleResponseChange: () => void;\n    handleHelpButtonClick?: () => void;\n    handleHintButtonClick: () => void;\n    handleBackButtonClick?: () => void;\n    handleNextButtonClick: () => void;\n    handleRetryButtonClick: () => void;\n    handleCheckButtonClick: () => void;\n    handleValidateButtonClick: () => void;\n    handleStartButtonClick: () => void;\n    handleReadyButtonClick: () => void;\n    handleSkipSectionButtonClick: () => void;\n    handleSkipButtonClick: () => void;\n  };\n}\n\nconst useHandlerCallbacks: IUseHandlerCallbacks = options => {\n  const {\n    behavior,\n    layout,\n    learnosity,\n    question,\n    questionIndex,\n    questions,\n    getTimeSpentOnQuestion,\n  } = options;\n  const { setResponses, setSummaryVisible, setActiveQuestionId, setBlocker, setSkipped } = options;\n  const { onHelp, onResponseChange, onTeacherValidation, loggerRef } = options;\n  const { questionsScrollable } = layout;\n  const { response_id, item_type, question_number, item_number, total_questions } = question;\n  const isExitTicket = item_type === 'exit-ticket';\n  const { validation, teacherValidationEnabled } = behavior;\n  const playNotifSound = useAudioPlayer(SYSTEM_VALIDATION_AUDIO_LIST);\n\n  const playAudio = useCallback(() => {\n    const questionInstance = learnosity.question(response_id);\n\n    if (questionInstance && validation && !isOkayTypeQuestion(questionInstance.getQuestion())) {\n      questionInstance.getScore(sc => {\n        const { max_score: maxScore, score: currentScore } = sc || {};\n\n        if (maxScore) {\n          if (maxScore === currentScore) {\n            playNotifSound('CORRECT');\n          } else {\n            playNotifSound('INCORRECT');\n          }\n        }\n      });\n    }\n  }, [learnosity, playNotifSound, response_id, validation]);\n\n  const updateResponse = useCallback(\n    (\n      questionId: string,\n      response: ILearnosityQuestionResponse,\n      score: ILearnosityQuestionScore,\n      answerChecked?: boolean,\n    ) => {\n      const timeSpentOnQuestions = getTimeSpentOnQuestion(response_id);\n\n      setResponses(prevResponses => {\n        const prevResponse = prevResponses[questionId];\n        const isNewAttempt = !!answerChecked;\n\n        const newResponse = {\n          ...getQuestionMetadata(questions, questionId),\n          ...prevResponse,\n          response,\n          score,\n          responseEdited: !isNewAttempt,\n          attemptsHistory: isNewAttempt\n            ? [...(prevResponse?.attemptsHistory ?? []), { response, score }]\n            : prevResponse?.attemptsHistory,\n          skipped: !response,\n          timeSpent: timeSpentOnQuestions,\n        };\n\n        onResponseChange?.({\n          responseId: questionId,\n          response: newResponse,\n          question: questions.find(q => q.response_id === questionId)!,\n          isNewAttempt,\n        });\n\n        return {\n          ...prevResponses,\n          [questionId]: newResponse,\n        };\n      });\n    },\n    [getTimeSpentOnQuestion, onResponseChange, questions, response_id, setResponses],\n  );\n\n  const validateQuestion = useCallback(\n    (questionId: string, rating?: number) => {\n      setResponses(prevResponses => {\n        const newResponse = {\n          ...getQuestionMetadata(questions, questionId),\n          ...prevResponses[questionId],\n          validatedByTeacher: true,\n          rating,\n        };\n\n        onResponseChange?.({\n          responseId: questionId,\n          response: newResponse,\n          question: questions.find(q => q.response_id === questionId)!,\n          isNewAttempt: false,\n        });\n\n        return {\n          ...prevResponses,\n          [questionId]: newResponse,\n        };\n      });\n    },\n    [onResponseChange, questions, setResponses],\n  );\n\n  const handleHelpButtonClick = useCallback(() => {\n    if (onHelp && question) {\n      onHelp({\n        questionId: response_id,\n        questionNumber: `${item_number + 1}${\n          total_questions > 1 ? String.fromCharCode('a'.charCodeAt(0) + question_number) : ''\n        }`,\n      });\n    }\n  }, [item_number, onHelp, question, question_number, response_id, total_questions]);\n\n  const handleHintButtonClick = useCallback(() => {\n    loggerRef.current(EVENTS.WORKSHEET_V3_HINT_SEEN);\n    setResponses(prevResponses => {\n      const newResponse = {\n        ...getQuestionMetadata(questions, response_id),\n        ...prevResponses[response_id],\n        hintsUsed: (prevResponses[response_id]?.hintsUsed ?? 0) + 1,\n      };\n\n      onResponseChange?.({\n        responseId: response_id,\n        response: newResponse,\n        question: questions.find(q => q.response_id === response_id)!,\n        isNewAttempt: false,\n      });\n\n      return {\n        ...prevResponses,\n        [response_id]: newResponse,\n      };\n    });\n  }, [loggerRef, onResponseChange, questions, response_id, setResponses]);\n\n  const handleBackButtonClick = useCallback(() => {\n    const questionId = questions[questionIndex - 1]?.response_id;\n\n    if (questionId) {\n      if (questionsScrollable) {\n        scrollToQuestion(questionId);\n      } else {\n        setActiveQuestionId(questionId);\n      }\n    }\n  }, [questionIndex, questions, questionsScrollable, setActiveQuestionId]);\n\n  const handleNextButtonClick = useCallback(() => {\n    const questionId = questions[questionIndex + 1]?.response_id;\n\n    if (questionId) {\n      if (questionsScrollable) {\n        scrollToQuestion(questionId);\n      } else {\n        setActiveQuestionId(questionId);\n      }\n    } else {\n      setSummaryVisible(true);\n    }\n  }, [questionIndex, questions, questionsScrollable, setActiveQuestionId, setSummaryVisible]);\n\n  const handleSkipButtonClick = useCallback(() => {\n    setResponses(prevResponses => {\n      const newResponse = {\n        ...getQuestionMetadata(questions, response_id),\n        ...prevResponses[response_id],\n        skipped: true,\n      };\n\n      onResponseChange?.({\n        responseId: response_id,\n        response: newResponse,\n        question: questions.find(q => q.response_id === response_id)!,\n        isNewAttempt: false,\n      });\n\n      return {\n        ...prevResponses,\n        [response_id]: newResponse,\n      };\n    });\n    setSkipped(true);\n  }, [onResponseChange, questions, response_id, setResponses, setSkipped]);\n\n  const handleResponseChange = useCallback(\n    (answerChecked?: boolean) => {\n      const questionInstance = learnosity.question(response_id);\n\n      if (questionInstance) {\n        questionInstance.getScore(score => {\n          updateResponse(\n            response_id,\n            questionInstance.getResponse(),\n            isOkayTypeQuestion(questionInstance.getQuestion()) || !score\n              ? {\n                  max_score: 0,\n                  score: 0,\n                  unscored: !score, // score will be null for unscored questions\n                }\n              : { ...score, score: score.score ?? 0 },\n            answerChecked,\n          );\n        });\n      }\n    },\n    [learnosity, response_id, updateResponse],\n  );\n\n  const handleRetryButtonClick = useCallback(() => {\n    const questionInstance = learnosity.question(response_id);\n\n    if (questionInstance) {\n      questionInstance.enable();\n      questionInstance.resetValidationUI();\n      handleResponseChange();\n    }\n  }, [handleResponseChange, learnosity, response_id]);\n\n  const handleValidate = useCallback(() => {\n    playAudio();\n    handleResponseChange(true);\n  }, [handleResponseChange, playAudio]);\n\n  const handleCheckButtonClick = useCallback(() => {\n    const questionInstance = learnosity.question(response_id);\n\n    if (questionInstance) {\n      questionInstance.disable();\n      questionInstance.validate(\n        {\n          feedbackAttempts: true,\n        },\n        handleValidate,\n      );\n    }\n  }, [handleValidate, learnosity, response_id]);\n\n  const handleValidateButtonClick = useCallback(() => {\n    if (isExitTicket) {\n      setBlocker('exit-ticket-review');\n    } else {\n      onTeacherValidation?.(response_id);\n    }\n  }, [isExitTicket, onTeacherValidation, response_id, setBlocker]);\n\n  const handleStartButtonClick = useCallback(() => {\n    validateQuestion(response_id);\n  }, [response_id, validateQuestion]);\n\n  const handleReadyButtonClick = useCallback(() => {\n    setResponses(prevResponses => {\n      const newResponse: IWorksheetResponse = {\n        ...getQuestionMetadata(questions, response_id),\n        ...prevResponses[response_id],\n        submittedByStudent: true,\n      };\n\n      onResponseChange?.({\n        responseId: response_id,\n        response: newResponse,\n        question: questions.find(q => q.response_id === response_id)!,\n        isNewAttempt: false,\n      });\n\n      return {\n        ...prevResponses,\n        [response_id]: newResponse,\n      };\n    });\n    setBlocker('exit-ticket-student-submission');\n  }, [onResponseChange, questions, response_id, setBlocker, setResponses]);\n\n  const handleSkipSectionButtonClick = useCallback(() => {\n    setBlocker('optional-items-skip');\n  }, [setBlocker]);\n\n  return {\n    handleResponseChange,\n    handleHelpButtonClick: onHelp ? handleHelpButtonClick : undefined,\n    handleHintButtonClick,\n    handleBackButtonClick:\n      !questionsScrollable && !teacherValidationEnabled ? handleBackButtonClick : undefined,\n    handleNextButtonClick,\n    handleRetryButtonClick,\n    handleCheckButtonClick,\n    handleValidateButtonClick,\n    handleStartButtonClick,\n    handleReadyButtonClick,\n    handleSkipSectionButtonClick,\n    handleSkipButtonClick,\n  };\n};\n\nexport default useHandlerCallbacks;\n"],"names":["useHandlerCallbacks","options","behavior","layout","learnosity","question","questionIndex","questions","getTimeSpentOnQuestion","setResponses","setSummaryVisible","setActiveQuestionId","setBlocker","setSkipped","onHelp","onResponseChange","onTeacherValidation","loggerRef","questionsScrollable","response_id","item_type","question_number","item_number","total_questions","isExitTicket","validation","teacherValidationEnabled","playNotifSound","useAudioPlayer","SYSTEM_VALIDATION_AUDIO_LIST","playAudio","useCallback","questionInstance","isOkayTypeQuestion","sc","maxScore","currentScore","updateResponse","questionId","response","score","answerChecked","timeSpentOnQuestions","prevResponses","prevResponse","isNewAttempt","newResponse","getQuestionMetadata","q","validateQuestion","rating","handleHelpButtonClick","handleHintButtonClick","EVENTS","_a","handleBackButtonClick","scrollToQuestion","handleNextButtonClick","handleSkipButtonClick","handleResponseChange","handleRetryButtonClick","handleValidate","handleCheckButtonClick","handleValidateButtonClick","handleStartButtonClick","handleReadyButtonClick","handleSkipSectionButtonClick"],"mappings":"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"}

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 type {\n  IButtonTypes,\n  IWorksheetQuestionsControllerProps,\n} from './worksheet-questions-controller-types';\nimport type { FC } from 'react';\n\nimport { deepEqual } from 'fast-equals';\nimport { memo, useEffect, useMemo, useState } 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';\n\nconst WorksheetQuestionsController: FC<IWorksheetQuestionsControllerProps> = memo(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    onSubmit,\n    onSkip,\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  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    const getSystemValidationButtons = (): IButtonTypes => {\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: 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    </FlexView>\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","onSubmit","onSkip","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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"}
+{"version":3,"file":"worksheet-questions-controller.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-questions-controller/worksheet-questions-controller.tsx"],"sourcesContent":["import type {\n  IButtonTypes,\n  IWorksheetQuestionsControllerProps,\n} from './worksheet-questions-controller-types';\nimport type { FC } from 'react';\n\nimport { deepEqual } from 'fast-equals';\nimport { memo, useEffect, useMemo, useState } 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';\n\nconst WorksheetQuestionsController: FC<IWorksheetQuestionsControllerProps> = memo(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    onSubmit,\n    onSkip,\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  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    const getSystemValidationButtons = (): IButtonTypes => {\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: 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    </FlexView>\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","onSubmit","onSkip","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-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"worksheet-questions-summary-styled.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-questions-summary/worksheet-questions-summary-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\n\ninterface ISummaryWrapperProps {\n  $shadow?: boolean;\n}\n\nconst SummaryWrapper = styled(FlexView)<ISummaryWrapperProps>(\n  ({ $shadow }) => `\n  ${$shadow ? `box-shadow: 0px 4px 17px 0px rgba(43, 43, 43, 0.10);` : ''}\n`,\n);\n\nconst CloseIconWrapper = styled.div(\n  ({\n    theme: {\n      layout: { gutter },\n    },\n  }) => `\n  position: absolute;\n  top: ${gutter}px;\n  right: ${gutter}px;\n`,\n);\n\nexport { SummaryWrapper, CloseIconWrapper };\n"],"names":["SummaryWrapper","styled","FlexView","$shadow","CloseIconWrapper","gutter"],"mappings":";;AAQM,MAAAA,IAAiBC,EAAOC,CAAQ;AAAA,EACpC,CAAC,EAAE,SAAAC,EAAA,MAAc;AAAA,IACfA,IAAU,yDAAyD,EAAE;AAAA;AAEzE,GAEMC,IAAmBH,EAAO;AAAA,EAC9B,CAAC;AAAA,IACC,OAAO;AAAA,MACL,QAAQ,EAAE,QAAAI,EAAO;AAAA,IAAA;AAAA,EACnB,MACI;AAAA;AAAA,SAECA,CAAM;AAAA,WACJA,CAAM;AAAA;AAEjB;"}
+{"version":3,"file":"worksheet-questions-summary-styled.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-questions-summary/worksheet-questions-summary-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\n\ninterface ISummaryWrapperProps {\n  $shadow?: boolean;\n}\n\nconst SummaryWrapper = styled(FlexView)<ISummaryWrapperProps>(\n  ({ $shadow }) => `\n  ${$shadow ? `box-shadow: 0px 4px 17px 0px rgba(43, 43, 43, 0.10);` : ''}\n`,\n);\n\nconst CloseIconWrapper = styled.div(\n  ({\n    theme: {\n      layout: { gutter },\n    },\n  }) => `\n  position: absolute;\n  top: ${gutter}px;\n  right: ${gutter}px;\n`,\n);\n\nexport { SummaryWrapper, CloseIconWrapper };\n"],"names":["SummaryWrapper","styled","FlexView","$shadow","CloseIconWrapper","gutter"],"mappings":";;AAQM,MAAAA,IAAiBC,EAAOC,CAAQ;AAAA,EACpC,CAAC,EAAE,SAAAC,EAAA,MAAc;AAAA,IACfA,IAAU,yDAAyD,EAAE;AAAA;AAEzE,GAEMC,IAAmBH,EAAO;AAAA,EAC9B,CAAC;AAAA,IACC,OAAO;AAAA,MACL,QAAQ,EAAE,QAAAI,EAAO;AAAA,IACnB;AAAA,EAAA,MACI;AAAA;AAAA,SAECA,CAAM;AAAA,WACJA,CAAM;AAAA;AAEjB;"}

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

@@ -1 +1 @@
-{"version":3,"file":"worksheet-questions-summary.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-questions-summary/worksheet-questions-summary.tsx"],"sourcesContent":["import type { IWorksheetQuestionsSummaryProps } from './worksheet-questions-summary-types';\nimport type { FC } from 'react';\n\nimport { memo } 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';\n\nconst WorksheetQuestionsSummary: FC<IWorksheetQuestionsSummaryProps> = memo(\n  ({ 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":";;;;;;;;;AAaA,MAAMA,IAAiEC;AAAA,EACrE,CAAC,EAAE,eAAAC,GAAe,SAAAC,GAAS,cAAAC,GAAc,GAAGC,QAExC,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,SAAS;AAAA,MACT,UAAU;AAAA,MACV,OAAO;AAAA,MACP,gBAAgB;AAAA,MAChB,cAAa;AAAA,MACb,aAAY;AAAA,MACZ,SAAS,CAAC,CAACJ;AAAA,MAEX,UAAA;AAAA,QAAA,gBAAAK,EAACC,KAAK,WAAU,eAAc,gBAAgB,KAAK,QAAO,UACvD,UACHP,EAAA,CAAA;AAAA,QACCC,KACE,gBAAAK,EAAAE,GAAA,EACC,4BAACC,GAAU,EAAA,OAAM,2BAA0B,SAASR,GAClD,UAAC,gBAAAK,EAAAI,GAAA,EAAU,OAAM,QAAA,CAAQ,EAC3B,CAAA,GACF;AAAA,QAED,gBAAAJ,EAAAK,GAAA,EAAqB,GAAGR,GAAO,WAAU,SAAS,CAAA;AAAA,QAClDD,KAEG,gBAAAE,EAAAQ,GAAA,EAAA,UAAA;AAAA,UAAC,gBAAAN,EAAAO,GAAA,EAAU,SAAS,IAAK,CAAA;AAAA,UACzB,gBAAAP;AAAA,YAACQ;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,UAAS;AAAA,cACT,MAAK;AAAA,cACL,OAAM;AAAA,cACN,SAASZ;AAAA,YAAA;AAAA,UAAA;AAAA,QACX,EACF,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ;AAGN;"}
+{"version":3,"file":"worksheet-questions-summary.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-questions-summary/worksheet-questions-summary.tsx"],"sourcesContent":["import type { IWorksheetQuestionsSummaryProps } from './worksheet-questions-summary-types';\nimport type { FC } from 'react';\n\nimport { memo } 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';\n\nconst WorksheetQuestionsSummary: FC<IWorksheetQuestionsSummaryProps> = memo(\n  ({ 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":";;;;;;;;;AAaA,MAAMA,IAAiEC;AAAA,EACrE,CAAC,EAAE,eAAAC,GAAe,SAAAC,GAAS,cAAAC,GAAc,GAAGC,QAExC,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,SAAS;AAAA,MACT,UAAU;AAAA,MACV,OAAO;AAAA,MACP,gBAAgB;AAAA,MAChB,cAAa;AAAA,MACb,aAAY;AAAA,MACZ,SAAS,CAAC,CAACJ;AAAA,MAEX,UAAA;AAAA,QAAA,gBAAAK,EAACC,KAAK,WAAU,eAAc,gBAAgB,KAAK,QAAO,UACvD,UACHP,EAAA,CAAA;AAAA,QACCC,KACE,gBAAAK,EAAAE,GAAA,EACC,4BAACC,GAAU,EAAA,OAAM,2BAA0B,SAASR,GAClD,UAAC,gBAAAK,EAAAI,GAAA,EAAU,OAAM,QAAA,CAAQ,EAC3B,CAAA,GACF;AAAA,QAED,gBAAAJ,EAAAK,GAAA,EAAqB,GAAGR,GAAO,WAAU,SAAS,CAAA;AAAA,QAClDD,KAEG,gBAAAE,EAAAQ,GAAA,EAAA,UAAA;AAAA,UAAC,gBAAAN,EAAAO,GAAA,EAAU,SAAS,IAAK,CAAA;AAAA,UACzB,gBAAAP;AAAA,YAACQ;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,UAAS;AAAA,cACT,MAAK;AAAA,cACL,OAAM;AAAA,cACN,SAASZ;AAAA,YAAA;AAAA,UACX;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAKV;"}

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 React, { useCallback } 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: React.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,IAAsB,MAAM;AAC1B,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,IACZ;AAEA,IAAIC,IACFA,EAAe,SAASE,CAAQ,IACvBD,IACTA,EAAc,SAASC,CAAQ,IAE/B,OAAO,SAASA,CAAQ;AAAA,EAE5B,GAAG,EAAE;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,CAAS,CAAA,EACZ,CAAA;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"navigator.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-sidebar/navigator.tsx"],"sourcesContent":["import React, { useCallback } 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: React.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,IAAsB,MAAM;AAC1B,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.map

@@ -1 +1 @@
-{"version":3,"file":"question-guide.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-sidebar/question-guide.tsx"],"sourcesContent":["import type { ILearnosity, IWorksheetProps, IWorksheetQuestion } from '../worksheet-types';\n\nimport React, { memo, useCallback, useEffect, useMemo, useState, useRef } from 'react';\n\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 {\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}\n\nconst QuestionGuide: React.FC<IQuestionGuideProps> = memo(\n  ({ questionWidth, questions, activeQuestionIndex, learnosity, actionbarHeight, loggerRef }) => {\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);\n    const hintRef = useRef<HTMLDivElement>(null);\n\n    const updatePointerPosition = useCallback((ref: React.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    useEffect(() => {\n      if (!activeSectionData) {\n        setActiveSection(undefined);\n      }\n      learnosity.renderMath('mathjax');\n    }, [activeSectionData, learnosity]);\n\n    useEffect(() => {\n      if (activeSection === 'HINT') {\n        updatePointerPosition(hintRef);\n      } else if (activeSection === 'SOL') {\n        updatePointerPosition(sqlRef);\n      }\n    }, [activeSection, updatePointerPosition]);\n\n    return (\n      <GuideContainer $background=\"WHITE\">\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            <Text $renderAs=\"eyebrow2\" $color={!hints ? 'GREY_4' : 'BLACK'}>\n              HINT\n            </Text>\n            <FlexView $gap={8} $alignItems=\"center\">\n              <Separator width={24} height={1} background=\"GREY_2\" />\n            </FlexView>\n          </FlexView>\n        </Clickable>\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            <Text $renderAs=\"eyebrow2\" $color={!hints ? 'GREY_4' : 'BLACK'}>\n              SOL\n            </Text>\n          </FlexView>\n        </Clickable>\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);\n\nexport default QuestionGuide;\n"],"names":["QuestionGuide","memo","questionWidth","questions","activeQuestionIndex","learnosity","actionbarHeight","loggerRef","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","Clickable","FlexView","HintIcon","Text","Separator","SolIcon","Pointer","SectionContainer","Section","CloseIcon","item","index","Guide"],"mappings":"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"}
+{"version":3,"file":"question-guide.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-sidebar/question-guide.tsx"],"sourcesContent":["import type { ILearnosity, IWorksheetProps, IWorksheetQuestion } from '../worksheet-types';\n\nimport React, { memo, useCallback, useEffect, useMemo, useState, useRef } from 'react';\n\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 {\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}\n\nconst QuestionGuide: React.FC<IQuestionGuideProps> = memo(\n  ({ questionWidth, questions, activeQuestionIndex, learnosity, actionbarHeight, loggerRef }) => {\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);\n    const hintRef = useRef<HTMLDivElement>(null);\n\n    const updatePointerPosition = useCallback((ref: React.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    useEffect(() => {\n      if (!activeSectionData) {\n        setActiveSection(undefined);\n      }\n      learnosity.renderMath('mathjax');\n    }, [activeSectionData, learnosity]);\n\n    useEffect(() => {\n      if (activeSection === 'HINT') {\n        updatePointerPosition(hintRef);\n      } else if (activeSection === 'SOL') {\n        updatePointerPosition(sqlRef);\n      }\n    }, [activeSection, updatePointerPosition]);\n\n    return (\n      <GuideContainer $background=\"WHITE\">\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            <Text $renderAs=\"eyebrow2\" $color={!hints ? 'GREY_4' : 'BLACK'}>\n              HINT\n            </Text>\n            <FlexView $gap={8} $alignItems=\"center\">\n              <Separator width={24} height={1} background=\"GREY_2\" />\n            </FlexView>\n          </FlexView>\n        </Clickable>\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            <Text $renderAs=\"eyebrow2\" $color={!hints ? 'GREY_4' : 'BLACK'}>\n              SOL\n            </Text>\n          </FlexView>\n        </Clickable>\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);\n\nexport default QuestionGuide;\n"],"names":["QuestionGuide","memo","questionWidth","questions","activeQuestionIndex","learnosity","actionbarHeight","loggerRef","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","Clickable","FlexView","HintIcon","Text","Separator","SolIcon","Pointer","SectionContainer","Section","CloseIcon","item","index","Guide"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"sidebar.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-sidebar/sidebar.tsx"],"sourcesContent":["import type { TUserTypes } from '../../../ui/types';\nimport type { ILearnosity, IWorksheetProps, IWorksheetQuestion } from '../worksheet-types';\n\nimport { memo, useCallback } from 'react';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport { SIDEBAR_WIDTH } from '../constants';\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'> {\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: React.FC<IWorksheetSideBarProps> = memo(\n  ({\n    questionWidth,\n    questions,\n    activeQuestionIndex,\n    learnosity,\n    userType,\n    height,\n    actionbarHeight,\n    openQuestionFeedbackModal,\n    loggerRef,\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          />\n          <Separator heightX={0.5} />\n          <Navigator />\n        </FlexView>\n      </SideBarContainer>\n    );\n  },\n);\n\nexport default WorksheetSideBar;\n"],"names":["WorksheetSideBar","memo","questionWidth","questions","activeQuestionIndex","learnosity","userType","height","actionbarHeight","openQuestionFeedbackModal","loggerRef","activeQuestion","itemRef","onFeedbackClick","useCallback","jsxs","SideBarContainer","SIDEBAR_WIDTH","jsx","UnderlinedTextWrapper","UnderlinedText","FlexView","QuestionGuide","Separator","Navigator"],"mappings":";;;;;;;;AA2BA,MAAMA,IAAqDC;AAAA,EACzD,CAAC;AAAA,IACC,eAAAC;AAAA,IACA,WAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,2BAAAC;AAAA,IACA,WAAAC;AAAA,EAAA,MACI;AACE,UAAAC,IAAiBR,EAAUC,CAAmB,GAC9C,EAAE,gBAAgBQ,EAAQ,IAAID,KAAkB,CAAC,GAEjDE,IAAkBC,EAAY,MAAM;AACxC,MAAIL,KACFA,EAA0BG,KAAW,EAAE;AAAA,IACzC,GACC,CAACA,GAASH,CAAyB,CAAC;AAEvC,WAAIH,MAAa,aAAa,CAACG,IAAkC,OAG/D,gBAAAM;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,QAAQC;AAAA,QACR,gBAAgBf;AAAA,QAChB,SAASK;AAAA,QACT,iBAAgB;AAAA,QAEhB,UAAA;AAAA,UAAA,gBAAAW,EAACC,GAAsB,EAAA,QAAQF,GAAe,aAAY,cAAa,OAAO,KAC5E,UAAC,gBAAAC,EAAAE,GAAA,EAAe,WAAU,QAAO,SAASP,GAAiB,8BAE3D,CAAA,GACF;AAAA,4BAECQ,GACC,EAAA,UAAA;AAAA,YAAA,gBAAAH;AAAA,cAACI;AAAA,cAAA;AAAA,gBACC,eAAApB;AAAA,gBACA,WAAAC;AAAA,gBACA,qBAAAC;AAAA,gBACA,YAAAC;AAAA,gBACA,iBAAAG;AAAA,gBACA,WAAAE;AAAA,cAAA;AAAA,YACF;AAAA,YACA,gBAAAQ,EAACK,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,8BACxBC,GAAU,CAAA,CAAA;AAAA,UAAA,EACb,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"sidebar.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-sidebar/sidebar.tsx"],"sourcesContent":["import type { TUserTypes } from '../../../ui/types';\nimport type { ILearnosity, IWorksheetProps, IWorksheetQuestion } from '../worksheet-types';\n\nimport { memo, useCallback } from 'react';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport { SIDEBAR_WIDTH } from '../constants';\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'> {\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: React.FC<IWorksheetSideBarProps> = memo(\n  ({\n    questionWidth,\n    questions,\n    activeQuestionIndex,\n    learnosity,\n    userType,\n    height,\n    actionbarHeight,\n    openQuestionFeedbackModal,\n    loggerRef,\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          />\n          <Separator heightX={0.5} />\n          <Navigator />\n        </FlexView>\n      </SideBarContainer>\n    );\n  },\n);\n\nexport default WorksheetSideBar;\n"],"names":["WorksheetSideBar","memo","questionWidth","questions","activeQuestionIndex","learnosity","userType","height","actionbarHeight","openQuestionFeedbackModal","loggerRef","activeQuestion","itemRef","onFeedbackClick","useCallback","jsxs","SideBarContainer","SIDEBAR_WIDTH","jsx","UnderlinedTextWrapper","UnderlinedText","FlexView","QuestionGuide","Separator","Navigator"],"mappings":";;;;;;;;AA2BA,MAAMA,IAAqDC;AAAA,EACzD,CAAC;AAAA,IACC,eAAAC;AAAA,IACA,WAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,2BAAAC;AAAA,IACA,WAAAC;AAAA,EAAA,MACI;AACE,UAAAC,IAAiBR,EAAUC,CAAmB,GAC9C,EAAE,gBAAgBQ,MAAYD,KAAkB,CAAA,GAEhDE,IAAkBC,EAAY,MAAM;AACxC,MAAIL,KACFA,EAA0BG,KAAW,EAAE;AAAA,IACzC,GACC,CAACA,GAASH,CAAyB,CAAC;AAEvC,WAAIH,MAAa,aAAa,CAACG,IAAkC,OAG/D,gBAAAM;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,QAAQC;AAAA,QACR,gBAAgBf;AAAA,QAChB,SAASK;AAAA,QACT,iBAAgB;AAAA,QAEhB,UAAA;AAAA,UAAA,gBAAAW,EAACC,GAAsB,EAAA,QAAQF,GAAe,aAAY,cAAa,OAAO,KAC5E,UAAC,gBAAAC,EAAAE,GAAA,EAAe,WAAU,QAAO,SAASP,GAAiB,8BAE3D,CAAA,GACF;AAAA,4BAECQ,GACC,EAAA,UAAA;AAAA,YAAA,gBAAAH;AAAA,cAACI;AAAA,cAAA;AAAA,gBACC,eAAApB;AAAA,gBACA,WAAAC;AAAA,gBACA,qBAAAC;AAAA,gBACA,YAAAC;AAAA,gBACA,iBAAAG;AAAA,gBACA,WAAAE;AAAA,cAAA;AAAA,YACF;AAAA,YACA,gBAAAQ,EAACK,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,8BACxBC,GAAU,EAAA;AAAA,UAAA,GACb;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;"}

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

@@ -1 +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 BulbIcon from '../../../../assets/line-icons/icons/bulb';\nimport CrossIcon from '../../../../assets/line-icons/icons/cross';\nimport InfoIcon from '../../../../assets/line-icons/icons/info';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport { CustomElement } from '../worksheet-question/worksheet-question-styled';\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(InfoIcon)<{ $disabled: boolean }>(({ theme, $disabled }) => {\n  return `\n    & path {\n      stroke: ${$disabled ? theme.colors.GREY_4 : theme.colors.BLACK};\n    }\n  `;\n});\n\nexport const SolIcon = styled(BulbIcon)<{ $disabled: boolean }>(({ theme, $disabled }) => {\n  return `\n    & path {\n      stroke: ${$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","InfoIcon","$disabled","SolIcon","BulbIcon","Guide","CustomElement"],"mappings":";;;;;;;AASsBA,EAAOC,CAAQ;AAAA;AAAA;AAGxB,MAAAC,IAAmBF,EAAOC,CAAQ;AAAA,EAI7C,CAAC,EAAE,gBAAAE,GAAgB,kBAAAC,GAAkB,OAAAC,QAAY;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,CAAQ,EAA0B,CAAC,EAAE,OAAApB,GAAO,WAAAqB,QAClE;AAAA;AAAA,gBAEOA,IAAYrB,EAAM,OAAO,SAASA,EAAM,OAAO,KAAK;AAAA;AAAA,GAGnE,GAEYsB,IAAU3B,EAAO4B,CAAQ,EAA0B,CAAC,EAAE,OAAAvB,GAAO,WAAAqB,QACjE;AAAA;AAAA,gBAEOA,IAAYrB,EAAM,OAAO,SAASA,EAAM,OAAO,KAAK;AAAA;AAAA,GAGnE,GAEYwB,IAAQ7B,EAAO8B,CAAa;"}
+{"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 BulbIcon from '../../../../assets/line-icons/icons/bulb';\nimport CrossIcon from '../../../../assets/line-icons/icons/cross';\nimport InfoIcon from '../../../../assets/line-icons/icons/info';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport { CustomElement } from '../worksheet-question/worksheet-question-styled';\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(InfoIcon)<{ $disabled: boolean }>(({ theme, $disabled }) => {\n  return `\n    & path {\n      stroke: ${$disabled ? theme.colors.GREY_4 : theme.colors.BLACK};\n    }\n  `;\n});\n\nexport const SolIcon = styled(BulbIcon)<{ $disabled: boolean }>(({ theme, $disabled }) => {\n  return `\n    & path {\n      stroke: ${$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","InfoIcon","$disabled","SolIcon","BulbIcon","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,CAAQ,EAA0B,CAAC,EAAE,OAAApB,GAAO,WAAAqB,QAClE;AAAA;AAAA,gBAEOA,IAAYrB,EAAM,OAAO,SAASA,EAAM,OAAO,KAAK;AAAA;AAAA,GAGnE,GAEYsB,IAAU3B,EAAO4B,CAAQ,EAA0B,CAAC,EAAE,OAAAvB,GAAO,WAAAqB,QACjE;AAAA;AAAA,gBAEOA,IAAYrB,EAAM,OAAO,SAASA,EAAM,OAAO,KAAK;AAAA;AAAA,GAGnE,GAEYwB,IAAQ7B,EAAO8B,CAAa;"}

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

@@ -1,6 +1,6 @@
 import t from "styled-components";
 import i from "../../ui/layout/flex-view.js";
-import { WORKSHEET_CONTAINER_BORDER_RADIUS as n, TOP_NAVIGATION_HEIGHT as d, ACTION_BAR_HEIGHT as p, SIDEBAR_WIDTH as c, QUESTIONS_GAP as l } from "./constants.js";
+import { QUESTIONS_GAP as d, WORKSHEET_CONTAINER_BORDER_RADIUS as n, TOP_NAVIGATION_HEIGHT as c, ACTION_BAR_HEIGHT as p, SIDEBAR_WIDTH as l } from "./constants.js";
 const $ = t(i)(({ $topOffset: o }) => `
     position: sticky;
     top: ${o}px;
@@ -21,7 +21,7 @@ const $ = t(i)(({ $topOffset: o }) => `
           border-left: 1px solid ${r.colors.GREY_2};
           border-right: 1px solid ${r.colors.GREY_2};
         ` : ""}
- padding-top: ${l}px;
+ padding-top: ${d}px;
  z-index: 0;
 `
 ), _ = t(i)(
@@ -68,7 +68,7 @@ const $ = t(i)(({ $topOffset: o }) => `
   box-sizing: content-box;
   position: sticky;
   width: calc(100% - 2px);
-  top: ${e + d}px;
+  top: ${e + c}px;
   z-index: 2;
   min-height: ${r}${typeof r == "number" ? "px" : ""};
   padding-bottom: ${p / 2}px;
@@ -113,7 +113,7 @@ const $ = t(i)(({ $topOffset: o }) => `
 ), A = t(i)`
   position: absolute;
   bottom: 8px;
-  right: -${c}px;
+  right: -${l}px;
   align-items: center;
   z-index: 1;
 `;

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

@@ -1 +1 @@
-{"version":3,"file":"worksheet-styled.js","sources":["../../../../src/features/worksheet/worksheet/worksheet-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../ui/layout/flex-view';\nimport {\n  ACTION_BAR_HEIGHT,\n  QUESTIONS_GAP,\n  SIDEBAR_WIDTH,\n  TOP_NAVIGATION_HEIGHT,\n  WORKSHEET_CONTAINER_BORDER_RADIUS,\n} from './constants';\n\nconst NudgeBannerWrapper = styled(FlexView)<{ $topOffset: number }>(({ $topOffset }) => {\n  return `\n    position: sticky;\n    top: ${$topOffset}px;\n    z-index: 1;\n  `;\n});\n\nconst NudgeBannerIcon = styled.div(({ theme }) => {\n  const { colors } = theme;\n\n  return `\n    width: 16px;\n    height: 16px;\n    border-radius: 32px;\n    border: 0.667px solid ${colors.BLACK_T_87}\n  `;\n});\n\nconst WorksheetContainer = styled(FlexView)`\n  position: relative;\n`;\n\ninterface IQuestionsWrapperProps {\n  $actionbarHeight: number;\n  $isCardView: boolean;\n}\n\nconst QuestionsWrapper = styled(FlexView)<IQuestionsWrapperProps>(\n  ({ $isCardView, theme }) => `\n  ${\n    $isCardView\n      ? `\n          border-left: 1px solid ${theme.colors.GREY_2};\n          border-right: 1px solid ${theme.colors.GREY_2};\n        `\n      : ''\n  }\n padding-top: ${QUESTIONS_GAP}px;\n z-index: 0;\n`,\n);\n\nconst NavigationContainer = styled(FlexView)<{ $topOffset: number }>(\n  ({ theme, $topOffset }) => `\n  position: sticky;\n  top: ${$topOffset}px;\n  width: 100%;\n  z-index: 1;\n  justify-content: flex-end;\n  background-color: ${theme.colors.WHITE};\n`,\n);\n\nconst NavigationWrapper = styled(FlexView)`\n  border: 1px solid ${({ theme }) => theme.colors.GREY_2};\n  border-top: 0px;\n  border-radius: ${WORKSHEET_CONTAINER_BORDER_RADIUS}px ${WORKSHEET_CONTAINER_BORDER_RADIUS}px 0 0;\n  overflow: hidden;\n`;\n\nconst ActionbarContainer = styled(FlexView)<{ $isCardView: boolean; $marginTop: string | number }>(\n  ({ theme: { colors }, $height, $isCardView, $marginTop }) => `\n  position: sticky;\n  top: calc(100% - ${$height}px);\n  margin-top: -${$marginTop}px;\n  z-index: 1;\n  ${\n    $isCardView\n      ? `\n          border-left: 1px solid ${colors.GREY_2};\n          border-right: 1px solid ${colors.GREY_2};\n        `\n      : ''\n  }\n  `,\n);\n\nconst ActionbarWrapper = styled(FlexView)<{ $isCardView: boolean }>(\n  ({ theme: { colors }, $isCardView }) => `\n  align-items: center;\n  justify-content: center;\n  align-self: center;\n  background-color: ${colors.WHITE};\n  border-top: 1px solid ${colors.GREY_2};\n  ${\n    $isCardView\n      ? `\n          border-left: 1px solid ${colors.GREY_2};\n          border-right: 1px solid ${colors.GREY_2};\n          border-top-left-radius: 8px;\n          border-top-right-radius: 8px;\n        `\n      : ''\n  }\n  `,\n);\n\ninterface IBlockerWrapperProps {\n  $minHeight: number | string;\n  $topOffset: number;\n}\n\nconst BlockerWrapper = styled(FlexView)<IBlockerWrapperProps>(\n  ({ theme, $minHeight, $topOffset }) => `\n  box-sizing: content-box;\n  position: sticky;\n  width: calc(100% - 2px);\n  top: ${$topOffset + TOP_NAVIGATION_HEIGHT}px;\n  z-index: 2;\n  min-height: ${$minHeight}${typeof $minHeight === 'number' ? 'px' : ''};\n  padding-bottom: ${ACTION_BAR_HEIGHT / 2}px;\n  background-color: ${theme.colors.WHITE_70};\n  border-left: 1px solid ${theme.colors.GREY_2};\n  border-right: 1px solid ${theme.colors.GREY_2};\n  backdrop-filter: blur(7px);\n  align-items: center;\n  justify-content: center;\n\n  & * {\n    box-sizing: border-box;\n  }\n`,\n);\n\nconst SummaryWrapper = styled(FlexView)`\n  position: absolute;\n  width: 100%;\n  bottom: ${ACTION_BAR_HEIGHT}px;\n  left: 0;\n`;\n\nconst DesmosCalcWrapper = styled(FlexView)(({ theme }) => {\n  return `\n    position: sticky;\n    top: 0;\n    left: 0;\n    z-index: ${theme.zIndex.DESMOS_CALCULATOR};\n  `;\n});\n\nconst IconContainer = styled(FlexView)<{ $active: boolean }>(\n  ({ theme, $active }) => `\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  &:hover {\n    cursor: pointer;\n    background-color: ${theme.colors.BLACK};\n    svg path {\n      stroke: ${theme.colors.WHITE};\n    }\n  }\n  background-color: ${$active ? theme.colors.BLACK : theme.colors.WHITE};\n  svg path {\n    stroke: ${$active ? theme.colors.WHITE : theme.colors.BLACK};\n  }\n`,\n);\n\nconst StudentWorksheetSideBar = styled(FlexView)`\n  position: absolute;\n  bottom: 8px;\n  right: -${SIDEBAR_WIDTH}px;\n  align-items: center;\n  z-index: 1;\n`;\n\nexport {\n  NudgeBannerWrapper,\n  NudgeBannerIcon,\n  WorksheetContainer,\n  QuestionsWrapper,\n  NavigationContainer,\n  ActionbarContainer,\n  NavigationWrapper,\n  ActionbarWrapper,\n  BlockerWrapper,\n  SummaryWrapper,\n  IconContainer,\n  DesmosCalcWrapper,\n  StudentWorksheetSideBar,\n};\n"],"names":["NudgeBannerWrapper","styled","FlexView","$topOffset","NudgeBannerIcon","theme","colors","WorksheetContainer","QuestionsWrapper","$isCardView","QUESTIONS_GAP","NavigationContainer","NavigationWrapper","WORKSHEET_CONTAINER_BORDER_RADIUS","ActionbarContainer","$height","$marginTop","ActionbarWrapper","BlockerWrapper","$minHeight","TOP_NAVIGATION_HEIGHT","ACTION_BAR_HEIGHT","SummaryWrapper","DesmosCalcWrapper","IconContainer","$active","StudentWorksheetSideBar","SIDEBAR_WIDTH"],"mappings":"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"}
+{"version":3,"file":"worksheet-styled.js","sources":["../../../../src/features/worksheet/worksheet/worksheet-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../ui/layout/flex-view';\nimport {\n  ACTION_BAR_HEIGHT,\n  QUESTIONS_GAP,\n  SIDEBAR_WIDTH,\n  TOP_NAVIGATION_HEIGHT,\n  WORKSHEET_CONTAINER_BORDER_RADIUS,\n} from './constants';\n\nconst NudgeBannerWrapper = styled(FlexView)<{ $topOffset: number }>(({ $topOffset }) => {\n  return `\n    position: sticky;\n    top: ${$topOffset}px;\n    z-index: 1;\n  `;\n});\n\nconst NudgeBannerIcon = styled.div(({ theme }) => {\n  const { colors } = theme;\n\n  return `\n    width: 16px;\n    height: 16px;\n    border-radius: 32px;\n    border: 0.667px solid ${colors.BLACK_T_87}\n  `;\n});\n\nconst WorksheetContainer = styled(FlexView)`\n  position: relative;\n`;\n\ninterface IQuestionsWrapperProps {\n  $actionbarHeight: number;\n  $isCardView: boolean;\n}\n\nconst QuestionsWrapper = styled(FlexView)<IQuestionsWrapperProps>(\n  ({ $isCardView, theme }) => `\n  ${\n    $isCardView\n      ? `\n          border-left: 1px solid ${theme.colors.GREY_2};\n          border-right: 1px solid ${theme.colors.GREY_2};\n        `\n      : ''\n  }\n padding-top: ${QUESTIONS_GAP}px;\n z-index: 0;\n`,\n);\n\nconst NavigationContainer = styled(FlexView)<{ $topOffset: number }>(\n  ({ theme, $topOffset }) => `\n  position: sticky;\n  top: ${$topOffset}px;\n  width: 100%;\n  z-index: 1;\n  justify-content: flex-end;\n  background-color: ${theme.colors.WHITE};\n`,\n);\n\nconst NavigationWrapper = styled(FlexView)`\n  border: 1px solid ${({ theme }) => theme.colors.GREY_2};\n  border-top: 0px;\n  border-radius: ${WORKSHEET_CONTAINER_BORDER_RADIUS}px ${WORKSHEET_CONTAINER_BORDER_RADIUS}px 0 0;\n  overflow: hidden;\n`;\n\nconst ActionbarContainer = styled(FlexView)<{ $isCardView: boolean; $marginTop: string | number }>(\n  ({ theme: { colors }, $height, $isCardView, $marginTop }) => `\n  position: sticky;\n  top: calc(100% - ${$height}px);\n  margin-top: -${$marginTop}px;\n  z-index: 1;\n  ${\n    $isCardView\n      ? `\n          border-left: 1px solid ${colors.GREY_2};\n          border-right: 1px solid ${colors.GREY_2};\n        `\n      : ''\n  }\n  `,\n);\n\nconst ActionbarWrapper = styled(FlexView)<{ $isCardView: boolean }>(\n  ({ theme: { colors }, $isCardView }) => `\n  align-items: center;\n  justify-content: center;\n  align-self: center;\n  background-color: ${colors.WHITE};\n  border-top: 1px solid ${colors.GREY_2};\n  ${\n    $isCardView\n      ? `\n          border-left: 1px solid ${colors.GREY_2};\n          border-right: 1px solid ${colors.GREY_2};\n          border-top-left-radius: 8px;\n          border-top-right-radius: 8px;\n        `\n      : ''\n  }\n  `,\n);\n\ninterface IBlockerWrapperProps {\n  $minHeight: number | string;\n  $topOffset: number;\n}\n\nconst BlockerWrapper = styled(FlexView)<IBlockerWrapperProps>(\n  ({ theme, $minHeight, $topOffset }) => `\n  box-sizing: content-box;\n  position: sticky;\n  width: calc(100% - 2px);\n  top: ${$topOffset + TOP_NAVIGATION_HEIGHT}px;\n  z-index: 2;\n  min-height: ${$minHeight}${typeof $minHeight === 'number' ? 'px' : ''};\n  padding-bottom: ${ACTION_BAR_HEIGHT / 2}px;\n  background-color: ${theme.colors.WHITE_70};\n  border-left: 1px solid ${theme.colors.GREY_2};\n  border-right: 1px solid ${theme.colors.GREY_2};\n  backdrop-filter: blur(7px);\n  align-items: center;\n  justify-content: center;\n\n  & * {\n    box-sizing: border-box;\n  }\n`,\n);\n\nconst SummaryWrapper = styled(FlexView)`\n  position: absolute;\n  width: 100%;\n  bottom: ${ACTION_BAR_HEIGHT}px;\n  left: 0;\n`;\n\nconst DesmosCalcWrapper = styled(FlexView)(({ theme }) => {\n  return `\n    position: sticky;\n    top: 0;\n    left: 0;\n    z-index: ${theme.zIndex.DESMOS_CALCULATOR};\n  `;\n});\n\nconst IconContainer = styled(FlexView)<{ $active: boolean }>(\n  ({ theme, $active }) => `\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  &:hover {\n    cursor: pointer;\n    background-color: ${theme.colors.BLACK};\n    svg path {\n      stroke: ${theme.colors.WHITE};\n    }\n  }\n  background-color: ${$active ? theme.colors.BLACK : theme.colors.WHITE};\n  svg path {\n    stroke: ${$active ? theme.colors.WHITE : theme.colors.BLACK};\n  }\n`,\n);\n\nconst StudentWorksheetSideBar = styled(FlexView)`\n  position: absolute;\n  bottom: 8px;\n  right: -${SIDEBAR_WIDTH}px;\n  align-items: center;\n  z-index: 1;\n`;\n\nexport {\n  NudgeBannerWrapper,\n  NudgeBannerIcon,\n  WorksheetContainer,\n  QuestionsWrapper,\n  NavigationContainer,\n  ActionbarContainer,\n  NavigationWrapper,\n  ActionbarWrapper,\n  BlockerWrapper,\n  SummaryWrapper,\n  IconContainer,\n  DesmosCalcWrapper,\n  StudentWorksheetSideBar,\n};\n"],"names":["NudgeBannerWrapper","styled","FlexView","$topOffset","NudgeBannerIcon","theme","colors","WorksheetContainer","QuestionsWrapper","$isCardView","QUESTIONS_GAP","NavigationContainer","NavigationWrapper","WORKSHEET_CONTAINER_BORDER_RADIUS","ActionbarContainer","$height","$marginTop","ActionbarWrapper","BlockerWrapper","$minHeight","TOP_NAVIGATION_HEIGHT","ACTION_BAR_HEIGHT","SummaryWrapper","DesmosCalcWrapper","IconContainer","$active","StudentWorksheetSideBar","SIDEBAR_WIDTH"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"worksheet-summary.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-summary/worksheet-summary.tsx"],"sourcesContent":["import type { IWorksheetSummaryProps } from './worksheet-summary-types';\nimport type { FC } from 'react';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport WorksheetQuestionsSummary from '../worksheet-questions-summary/worksheet-questions-summary';\nimport * as Styled from './worksheet-summary-styled';\n\nconst WorksheetSummary: FC<IWorksheetSummaryProps> = ({\n  minHeight,\n  worksheetName,\n  summaryDescription,\n  ...other\n}) => {\n  return (\n    <Styled.SummaryWrapper $alignItems=\"center\" $minHeight={minHeight} $background=\"WHITE\">\n      {summaryDescription ? (\n        summaryDescription\n      ) : (\n        <FlexView $widthX={40} $gapX={2}>\n          <Text $renderAs=\"h4\" $marginBottomX={0.75}>\n            Check your work\n          </Text>\n          <WorksheetQuestionsSummary worksheetName={worksheetName} {...other} />\n        </FlexView>\n      )}\n    </Styled.SummaryWrapper>\n  );\n};\n\nexport default WorksheetSummary;\n"],"names":["WorksheetSummary","minHeight","worksheetName","summaryDescription","other","Styled.SummaryWrapper","jsxs","FlexView","jsx","Text","WorksheetQuestionsSummary"],"mappings":";;;;;AAQA,MAAMA,IAA+C,CAAC;AAAA,EACpD,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,GAAGC;AACL,wBAEKC,GAAA,EAAsB,aAAY,UAAS,YAAYJ,GAAW,aAAY,SAC5E,eAGC,gBAAAK,EAACC,KAAS,SAAS,IAAI,OAAO,GAC5B,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAK,EAAA,WAAU,MAAK,gBAAgB,MAAM,UAE3C,mBAAA;AAAA,EACC,gBAAAD,EAAAE,GAAA,EAA0B,eAAAR,GAA+B,GAAGE,EAAO,CAAA;AAAA,EAAA,CACtE,EAEJ,CAAA;"}
+{"version":3,"file":"worksheet-summary.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-summary/worksheet-summary.tsx"],"sourcesContent":["import type { IWorksheetSummaryProps } from './worksheet-summary-types';\nimport type { FC } from 'react';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport WorksheetQuestionsSummary from '../worksheet-questions-summary/worksheet-questions-summary';\nimport * as Styled from './worksheet-summary-styled';\n\nconst WorksheetSummary: FC<IWorksheetSummaryProps> = ({\n  minHeight,\n  worksheetName,\n  summaryDescription,\n  ...other\n}) => {\n  return (\n    <Styled.SummaryWrapper $alignItems=\"center\" $minHeight={minHeight} $background=\"WHITE\">\n      {summaryDescription ? (\n        summaryDescription\n      ) : (\n        <FlexView $widthX={40} $gapX={2}>\n          <Text $renderAs=\"h4\" $marginBottomX={0.75}>\n            Check your work\n          </Text>\n          <WorksheetQuestionsSummary worksheetName={worksheetName} {...other} />\n        </FlexView>\n      )}\n    </Styled.SummaryWrapper>\n  );\n};\n\nexport default WorksheetSummary;\n"],"names":["WorksheetSummary","minHeight","worksheetName","summaryDescription","other","Styled.SummaryWrapper","jsxs","FlexView","jsx","Text","WorksheetQuestionsSummary"],"mappings":";;;;;AAQA,MAAMA,IAA+C,CAAC;AAAA,EACpD,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,GAAGC;AACL,wBAEKC,GAAA,EAAsB,aAAY,UAAS,YAAYJ,GAAW,aAAY,SAC5E,eAGC,gBAAAK,EAACC,KAAS,SAAS,IAAI,OAAO,GAC5B,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAK,EAAA,WAAU,MAAK,gBAAgB,MAAM,UAE3C,mBAAA;AAAA,EACC,gBAAAD,EAAAE,GAAA,EAA0B,eAAAR,GAA+B,GAAGE,EAAO,CAAA;AAAA,EACtE,CAAA,EAEJ,CAAA;"}

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

@@ -1 +1 @@
-{"version":3,"file":"worksheet-summary-controller.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-summary-controller/worksheet-summary-controller.tsx"],"sourcesContent":["import type { IWorksheetSummaryControllerProps } from './worksheet-summary-controller-types';\nimport type { FC } from 'react';\n\nimport { memo } from 'react';\n\nimport Button from '../../../ui/buttons/button/button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\n\nconst WorksheetSummaryController: FC<IWorksheetSummaryControllerProps> = memo(\n  ({ onBack, onSubmit, behavior, canSubmitWorksheet }) => {\n    const { canAttempt } = behavior;\n\n    return (\n      <>\n        <Separator height={0} width={0} />\n        <FlexView\n          $background=\"WHITE\"\n          $flexDirection=\"row\"\n          $flexGapX={0.5}\n          $justifyContent=\"flex-end\"\n        >\n          <Button renderAs=\"secondary\" size=\"small\" widthX={6} label=\"Back\" onClick={onBack} />\n          {canAttempt && canSubmitWorksheet && (\n            <Button renderAs=\"primary\" size=\"small\" widthX={6} label=\"Submit\" onClick={onSubmit} />\n          )}\n        </FlexView>\n      </>\n    );\n  },\n);\n\nexport default WorksheetSummaryController;\n"],"names":["WorksheetSummaryController","memo","onBack","onSubmit","behavior","canSubmitWorksheet","canAttempt","jsxs","Fragment","jsx","Separator","FlexView","Button"],"mappings":";;;;;AASA,MAAMA,IAAmEC;AAAA,EACvE,CAAC,EAAE,QAAAC,GAAQ,UAAAC,GAAU,UAAAC,GAAU,oBAAAC,QAAyB;AAChD,UAAA,EAAE,YAAAC,MAAeF;AAEvB,WAEI,gBAAAG,EAAAC,GAAA,EAAA,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAU,EAAA,QAAQ,GAAG,OAAO,GAAG;AAAA,MAChC,gBAAAH;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,aAAY;AAAA,UACZ,gBAAe;AAAA,UACf,WAAW;AAAA,UACX,iBAAgB;AAAA,UAEhB,UAAA;AAAA,YAAC,gBAAAF,EAAAG,GAAA,EAAO,UAAS,aAAY,MAAK,SAAQ,QAAQ,GAAG,OAAM,QAAO,SAASV,EAAQ,CAAA;AAAA,YAClFI,KAAcD,KACZ,gBAAAI,EAAAG,GAAA,EAAO,UAAS,WAAU,MAAK,SAAQ,QAAQ,GAAG,OAAM,UAAS,SAAST,EAAU,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAEzF,GACF;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"worksheet-summary-controller.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-summary-controller/worksheet-summary-controller.tsx"],"sourcesContent":["import type { IWorksheetSummaryControllerProps } from './worksheet-summary-controller-types';\nimport type { FC } from 'react';\n\nimport { memo } from 'react';\n\nimport Button from '../../../ui/buttons/button/button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\n\nconst WorksheetSummaryController: FC<IWorksheetSummaryControllerProps> = memo(\n  ({ onBack, onSubmit, behavior, canSubmitWorksheet }) => {\n    const { canAttempt } = behavior;\n\n    return (\n      <>\n        <Separator height={0} width={0} />\n        <FlexView\n          $background=\"WHITE\"\n          $flexDirection=\"row\"\n          $flexGapX={0.5}\n          $justifyContent=\"flex-end\"\n        >\n          <Button renderAs=\"secondary\" size=\"small\" widthX={6} label=\"Back\" onClick={onBack} />\n          {canAttempt && canSubmitWorksheet && (\n            <Button renderAs=\"primary\" size=\"small\" widthX={6} label=\"Submit\" onClick={onSubmit} />\n          )}\n        </FlexView>\n      </>\n    );\n  },\n);\n\nexport default WorksheetSummaryController;\n"],"names":["WorksheetSummaryController","memo","onBack","onSubmit","behavior","canSubmitWorksheet","canAttempt","jsxs","Fragment","jsx","Separator","FlexView","Button"],"mappings":";;;;;AASA,MAAMA,IAAmEC;AAAA,EACvE,CAAC,EAAE,QAAAC,GAAQ,UAAAC,GAAU,UAAAC,GAAU,oBAAAC,QAAyB;AAChD,UAAA,EAAE,YAAAC,EAAe,IAAAF;AAEvB,WAEI,gBAAAG,EAAAC,GAAA,EAAA,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAU,EAAA,QAAQ,GAAG,OAAO,GAAG;AAAA,MAChC,gBAAAH;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,aAAY;AAAA,UACZ,gBAAe;AAAA,UACf,WAAW;AAAA,UACX,iBAAgB;AAAA,UAEhB,UAAA;AAAA,YAAC,gBAAAF,EAAAG,GAAA,EAAO,UAAS,aAAY,MAAK,SAAQ,QAAQ,GAAG,OAAM,QAAO,SAASV,EAAQ,CAAA;AAAA,YAClFI,KAAcD,KACZ,gBAAAI,EAAAG,GAAA,EAAO,UAAS,WAAU,MAAK,SAAQ,QAAQ,GAAG,OAAM,UAAS,SAAST,GAAU;AAAA,UAAA;AAAA,QAAA;AAAA,MAEzF;AAAA,IACF,EAAA,CAAA;AAAA,EAEJ;AACF;"}

package/dist/features/worksheet/worksheet/worksheet.js

@@ -16,7 +16,7 @@ import Ct from "./hooks/use-time-on-questions.js";
 import vt from "./question-tips.js";
 import yt from "./worksheet-action-bar/worksheet-action-bar.js";
 import Tt from "./worksheet-blocker/worksheet-blocker.js";
-import { getWorksheetDimensions as $t, getQuestionsFromItems as Et, getInitialResponses as _t, getLastUnlockedQuestionIndex as me, getWorksheetNudgeBannerInfo as kt, getInitialQuestionId as wt, getQuestionMetadata as Nt, scrollToQuestion as M, getRenderableQuestions as At } from "./worksheet-helpers.js";
+import { getWorksheetDimensions as $t, getQuestionsFromItems as Et, getInitialResponses as _t, getLastUnlockedQuestionIndex as me, getInitialQuestionId as kt, getQuestionMetadata as wt, scrollToQuestion as M, getRenderableQuestions as Nt, getWorksheetNudgeBannerInfo as At } from "./worksheet-helpers.js";
 import Bt from "./worksheet-navigation/worksheet-navigation.js";
 import Rt from "./worksheet-question/worksheet-question.js";
 import Wt from "./worksheet-sidebar/navigator.js";
@@ -100,8 +100,8 @@ const jt = (fe, he) => {
       userType: s
     }) : t.length - 1,
     [a, u, t, c, s]
-  ), l = t[p], r = c[(l == null ? void 0 : l.response_id) ?? ""], { bannerBackgroundColor: Ye, label: Ze } = kt(s, !!Z), [_] = C(
-    () => wt({
+  ), l = t[p], r = c[(l == null ? void 0 : l.response_id) ?? ""], { bannerBackgroundColor: Ye, label: Ze } = At(s, !!Z), [_] = C(
+    () => kt({
       questions: t,
       initialQuestion: Fe,
       lastUnlockedQuestionIndex: me({
@@ -119,7 +119,7 @@ const jt = (fe, he) => {
   ), [f, K] = C(!1), [se, w] = C(), [ae, ce] = C(!1), le = Ct(a, c, k), et = y(
     (e, i) => {
       V((o) => {
-        const m = Nt(t, e);
+        const m = wt(t, e);
         return m ? {
           ...o,
           [e]: {
@@ -386,7 +386,7 @@ const jt = (fe, he) => {
           $actionbarHeight: I,
           $isCardView: W === "card",
           children: [
-            At({ questions: t, lastUnlockedQuestionIndex: p, userType: s }).map(
+            Nt({ questions: t, lastUnlockedQuestionIndex: p, userType: s }).map(
               (e, i) => {
                 var S, X;
                 const { response_id: o, is_optional: m } = e, h = (S = c[o]) == null ? void 0 : S.assignStatus;