@cuemath/leap 2.9.7-akm-1 → 2.9.7-gg1

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

@@ -1 +1 @@
-{"version":3,"file":"worksheet-question.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-question/worksheet-question.tsx"],"sourcesContent":["import type { IWorksheetQuestionProps } from './worksheet-question-types';\n\nimport {\n  memo,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  type FC,\n} from 'react';\n\nimport { IMAGES } from '../../../../assets/images/images';\nimport CueCanvas from '../../../cue-canvas/cue-canvas';\nimport Pointer from '../../../pointer-sync/pointer';\nimport FlexView from '../../../ui/layout/flex-view';\nimport EVENTS from '../../constants/events';\nimport { LEARNOSITY_KEYBOARD_HEIGHT, QUESTIONS_GAP } from '../constants';\nimport {\n  getPaperColorByQuestion,\n  isConceptIntroWidget,\n  scrollToQuestion,\n} from '../worksheet-helpers';\nimport QuestionHeader from './header/header';\nimport LearnosityQuestion from './learnosity-question';\nimport QuestionBackdrop from './question-backdrop/question-backdrop';\nimport SubjectiveQuestionReview from './subjective-review';\nimport AdvancedPracticeIntro from './system-intros/advanced-practice-intro';\nimport BasicPracticeIntro from './system-intros/basic-practice-intro';\nimport ExitTicketIntro from './system-intros/exit-ticket-intro';\nimport RegularPracticeIntro from './system-intros/regular-practice-intro';\nimport * as Styled from './worksheet-question-styled';\n\nconst WorksheetQuestion: FC<IWorksheetQuestionProps> = memo(\n  ({\n    userType,\n    signedRequest,\n    worksheetCompleted,\n    question,\n    response,\n    nextQuestionId,\n    isActive,\n    isHidden,\n    canRender,\n    loggerRef,\n    appended,\n    maxQuestionWidth,\n    behavior,\n    layout,\n    actionbarHeight,\n    learnosity,\n    intersectionObserver,\n    background = 'paper',\n    onMarkForReview,\n    userId,\n    onPublishStrokes,\n    onReceiveStrokes,\n    isScribblingEnabled,\n    initialStrokesData,\n    isCanvasEnabled,\n    onPublishMouseMove,\n    onSubscribeMouseMove,\n    setActiveQuestionId,\n    canResolveDoubt,\n    onResolveDoubt,\n    studentId,\n    responses,\n    subjectiveProps,\n  }) => {\n    const paperColor = useMemo(\n      () => (background === 'paper' ? getPaperColorByQuestion(question) : undefined),\n      [background, question],\n    );\n    const [questionHeight, setQuestionHeight] = useState<number | undefined>();\n    const [canvasHeight, setCanvasHeight] = useState<number | undefined>();\n    const {\n      validation,\n      review,\n      maximumAttempts,\n      canExceedAttempts,\n      teacherValidationEnabled,\n      solutionHidden,\n    } = behavior;\n    const { minQuestionHeight, topOffset, questionsScrollable } = layout;\n    const {\n      type: questionType,\n      response_id: responseId,\n      stimulus_review,\n      item_type,\n      instructor_stimulus,\n      metadata: { hints: hintsAvailable, solution, widget_reference },\n      item_reference,\n      question_number,\n      item_number,\n      item_display_number,\n    } = question;\n    const hasStimulusReview = !!stimulus_review;\n    const isLessonOverview = item_type === 'overview';\n    const isConceptIntro = isConceptIntroWidget(instructor_stimulus);\n    const isSystemIntro = instructor_stimulus === 'SystemIntro';\n    const isIntro = isConceptIntro || isSystemIntro;\n    const responseEdited = response?.responseEdited;\n    const wrapperClasses = useMemo(() => {\n      const classes = [];\n\n      if (responseEdited && userType === 'TEACHER') {\n        classes.push('attempting');\n      }\n\n      if (!appended) {\n        classes.push('hidden');\n      }\n\n      if (questionType === 'hotspot') {\n        classes.push('correct-answers-hidden');\n      }\n\n      if (appended && teacherValidationEnabled && questionType === 'clozetext') {\n        if (!isConceptIntro || userType === 'STUDENT') {\n          classes.push('response-hidden');\n        } else {\n          classes.push('response-code-hidden');\n        }\n      }\n\n      if (isLessonOverview) {\n        classes.push('lesson-overview');\n      }\n\n      if (isConceptIntro) {\n        classes.push('concept-intro');\n      }\n\n      if (isSystemIntro) {\n        classes.push('system-intro');\n      }\n\n      return classes.join(' ');\n    }, [\n      appended,\n      isConceptIntro,\n      isLessonOverview,\n      isSystemIntro,\n      questionType,\n      responseEdited,\n      teacherValidationEnabled,\n      userType,\n    ]);\n    const overflowDetectedRef = useRef<Record<string, boolean>>({});\n\n    const hintsUsed = response?.hintsUsed ?? 0;\n    const [validatedByTeacherOnMount] = useState(response?.validatedByTeacher ?? false);\n\n    const questionRef = useRef<HTMLDivElement>(null);\n    const pointerContainerRef = useRef<HTMLDivElement>(null);\n    const hints = useMemo(() => hintsAvailable?.slice(0, hintsUsed), [hintsAvailable, hintsUsed]);\n    const validateResponse = useMemo(() => {\n      if (userType === 'TEACHER') return true;\n\n      if (worksheetCompleted) return true;\n\n      if (!response) return false;\n\n      if (!response.response) return false;\n\n      if (response.responseEdited) return false;\n\n      return validation;\n    }, [response, userType, validation, worksheetCompleted]);\n\n    const showCorrectAnswers = useMemo(() => {\n      if (userType === 'TEACHER') return true;\n\n      if (review) {\n        const { attemptsHistory } = response ?? {};\n        const maximumAttemptsReached = (attemptsHistory?.length ?? 0) >= maximumAttempts;\n\n        return maximumAttemptsReached && !canExceedAttempts;\n      }\n\n      return false;\n    }, [canExceedAttempts, maximumAttempts, response, review, userType]);\n\n    const showSolution = useMemo(\n      () => solution && worksheetCompleted && !solutionHidden,\n      [solutionHidden, solution, worksheetCompleted],\n    );\n\n    const [dropZoneDimensions, setDropZoneDimensions] = useState({\n      width: 0,\n      height: 0,\n    });\n\n    const onUpdateHeight = useCallback((height: number) => {\n      setCanvasHeight(height);\n    }, []);\n\n    useEffect(() => {\n      if (questionRef.current) {\n        intersectionObserver.observe(questionRef.current);\n      }\n    }, [intersectionObserver]);\n\n    useEffect(() => {\n      if (\n        appended &&\n        (question.type === 'clozeassociation' ||\n          question.type === 'association' ||\n          question.type === 'clozeformula')\n      ) {\n        const draggableElements = document.querySelectorAll(\n          `.widget-${question.response_id} .lrn_draggable`,\n        );\n\n        let minWidth = 0;\n        let minHeight = 0;\n\n        draggableElements.forEach(draggableElement => {\n          minWidth = Math.max(minWidth, draggableElement.clientWidth + 33);\n          minHeight = Math.max(minHeight, draggableElement.clientHeight + 1);\n        });\n\n        setDropZoneDimensions({\n          width: question.type !== 'association' ? minWidth : 0,\n          height: minHeight,\n        });\n      }\n    }, [appended, question.response_id, question.type]);\n\n    useEffect(() => {\n      if (appended && validateResponse) {\n        const learnosityQuestion = learnosity.question(responseId);\n\n        if (learnosityQuestion) {\n          learnosityQuestion.validate({\n            showCorrectAnswers,\n          });\n        }\n      }\n    }, [appended, learnosity, responseId, review, showCorrectAnswers, userType, validateResponse]);\n\n    useEffect(() => {\n      const $questionEl = pointerContainerRef.current;\n\n      if (\n        appended &&\n        $questionEl &&\n        loggerRef.current &&\n        overflowDetectedRef.current[responseId] === undefined &&\n        !isConceptIntro &&\n        !isSystemIntro\n      ) {\n        const parentWidth = $questionEl.clientWidth;\n        const nestedElements = $questionEl.querySelectorAll('*');\n\n        for (let i = 0; i < nestedElements.length; i++) {\n          const element = nestedElements[i];\n\n          if (element?.closest('.resize-sensor')) {\n            continue;\n          }\n\n          const elementWidth = element?.clientWidth ?? 0;\n\n          if (elementWidth > parentWidth) {\n            overflowDetectedRef.current[responseId] = true;\n            loggerRef.current(EVENTS.WORKSHEET_V3_GREATER_WIDTH_ELEMENT, {\n              item_reference,\n              widget_reference,\n              question_type: questionType,\n              question_number,\n              responseId,\n              item_number,\n              item_display_number,\n            });\n            break;\n          }\n        }\n\n        overflowDetectedRef.current[responseId] = false;\n      }\n    }, [\n      appended,\n      isConceptIntro,\n      isSystemIntro,\n      item_display_number,\n      item_number,\n      item_reference,\n      loggerRef,\n      questionType,\n      question_number,\n      responseId,\n      widget_reference,\n    ]);\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    useEffect(() => {\n      const $questionEl = questionRef.current;\n\n      const getExtraSpaceNeedForFloatingKeyboard = (questionEl: HTMLDivElement) => {\n        const $responseWrapper = questionEl.querySelector('.lrn_response_wrapper');\n\n        if (!$responseWrapper) {\n          return 0;\n        }\n\n        const questionBottom = questionEl.getBoundingClientRect().bottom;\n        const responseWrapperBottom = $responseWrapper.getBoundingClientRect().bottom;\n        const spaceFromResponseToBottom = Math.abs(questionBottom - responseWrapperBottom);\n\n        if (spaceFromResponseToBottom < LEARNOSITY_KEYBOARD_HEIGHT) {\n          return LEARNOSITY_KEYBOARD_HEIGHT - spaceFromResponseToBottom;\n        }\n\n        return 0;\n      };\n\n      if (appended && $questionEl) {\n        setQuestionHeight(qHeight => {\n          const hasFloatingKeyboard = question.ui_style?.type === 'floating-keyboard';\n          const v3CodeHidden = teacherValidationEnabled && questionType === 'clozetext';\n          const hasKeyboard = hasFloatingKeyboard && !v3CodeHidden;\n          const height = $questionEl.clientHeight;\n\n          if (height === 0) {\n            return qHeight;\n          }\n\n          // If the question has a floating keyboard, we need to add the height of the keyboard to the question height\n          if (!qHeight) {\n            return Math.ceil(\n              height + (hasKeyboard ? getExtraSpaceNeedForFloatingKeyboard($questionEl) : 0),\n            );\n          }\n\n          const newQuestionHeight = Math.ceil(\n            height + (hasKeyboard ? getExtraSpaceNeedForFloatingKeyboard($questionEl) : 0),\n          );\n\n          if (Math.abs(newQuestionHeight - qHeight) > 4) {\n            return newQuestionHeight;\n          }\n\n          return qHeight;\n        });\n      }\n    });\n\n    useLayoutEffect(() => {\n      if (!questionsScrollable && !isHidden) {\n        scrollToQuestion(responseId);\n      }\n    }, [isHidden, questionsScrollable, responseId, topOffset]);\n\n    useEffect(() => {\n      if (hintsUsed || hasStimulusReview || (solution && worksheetCompleted)) {\n        learnosity.renderMath('mathjax');\n      }\n    }, [hasStimulusReview, hintsUsed, learnosity, solution, worksheetCompleted]);\n\n    useEffect(() => {\n      if (\n        teacherValidationEnabled &&\n        nextQuestionId &&\n        !validatedByTeacherOnMount &&\n        response?.validatedByTeacher\n      ) {\n        const timer = setTimeout(() => {\n          if (questionsScrollable) {\n            scrollToQuestion(nextQuestionId);\n          } else {\n            setActiveQuestionId(nextQuestionId);\n          }\n        }, 1000);\n\n        return () => {\n          clearTimeout(timer);\n        };\n      }\n    }, [\n      nextQuestionId,\n      teacherValidationEnabled,\n      validatedByTeacherOnMount,\n      questionsScrollable,\n      setActiveQuestionId,\n      response?.validatedByTeacher,\n    ]);\n\n    return (\n      <Styled.QuestionContainerWrapper\n        data-response-id={responseId}\n        className={`widget-${responseId}`}\n        ref={questionRef}\n        $topOffset={topOffset}\n        $flexDirection={stimulus_review ? 'row' : 'column'}\n        $alignItems={stimulus_review ? 'flex-start' : 'center'}\n        $hidden={isHidden}\n        $marginBottom={QUESTIONS_GAP}\n      >\n        {stimulus_review && (\n          <Styled.StimulusReview\n            dangerouslySetInnerHTML={{\n              __html: stimulus_review,\n            }}\n          />\n        )}\n        <Styled.QuestionContainer\n          ref={pointerContainerRef}\n          $width={stimulus_review ? '50%' : `${maxQuestionWidth}px`}\n          $minHeight={\n            questionHeight ? Math.max(questionHeight - 72, canvasHeight ?? 0) : minQuestionHeight\n          }\n          $isActive={isActive}\n          $paperColor={paperColor}\n          $opacity={isActive ? 1 : 0.2}\n        >\n          {isActive && !!onPublishMouseMove && !!onSubscribeMouseMove && isCanvasEnabled && (\n            <Pointer\n              containerRef={pointerContainerRef}\n              onPublish={onPublishMouseMove}\n              onSubscribe={onSubscribeMouseMove}\n              responseId={responseId}\n            />\n          )}\n          <Styled.QuestionWrapper\n            className={wrapperClasses}\n            $dropzoneMinWidth={dropZoneDimensions.width}\n            $dropzoneMinHeight={dropZoneDimensions.height}\n          >\n            {!(isLessonOverview || isConceptIntro || isSystemIntro) && (\n              <QuestionHeader\n                userType={userType}\n                question={question}\n                response={response}\n                behavior={behavior}\n                layout={layout}\n                paperColor={paperColor}\n                onMarkForReview={onMarkForReview}\n                actionbarHeight={actionbarHeight}\n                canResolveDoubt={canResolveDoubt}\n                onResolveDoubt={onResolveDoubt}\n                worksheetCompleted={worksheetCompleted}\n              />\n            )}\n            {isLessonOverview && (\n              <Styled.LessonOverviewBanner src={IMAGES.LESSON_OVERVIEW_BANNER} />\n            )}\n            {isConceptIntro && paperColor && <QuestionBackdrop paperColor={paperColor} />}\n            {isSystemIntro ? (\n              <>\n                {item_type === 'practice-basic' && <BasicPracticeIntro />}\n                {item_type === 'practice-regular' && <RegularPracticeIntro />}\n                {item_type === 'exit-ticket' && <ExitTicketIntro />}\n                {item_type?.startsWith('advanced-') && <AdvancedPracticeIntro />}\n              </>\n            ) : undefined}\n            <LearnosityQuestion\n              signedRequest={signedRequest}\n              appended={appended}\n              question={question}\n              response={response?.response}\n              canRender={canRender || isActive}\n              learnosity={learnosity}\n              canForceAppend={userType === 'TEACHER'}\n              isConceptIntro={isConceptIntro}\n            />\n\n            {!isIntro &&\n              isCanvasEnabled &&\n              onPublishStrokes &&\n              onReceiveStrokes &&\n              questionHeight !== undefined && (\n                <Styled.CueCanvasWrapper $canScribble={isScribblingEnabled}>\n                  <CueCanvas\n                    canRender={canRender}\n                    canScribble={isScribblingEnabled && isActive}\n                    appended={appended}\n                    responseId={responseId}\n                    width={maxQuestionWidth}\n                    height={Math.max(questionHeight, canvasHeight ?? 0)}\n                    onUpdateHeight={onUpdateHeight}\n                    onPublish={onPublishStrokes}\n                    onSubscribe={onReceiveStrokes}\n                    userId={userId}\n                    initialData={initialStrokesData?.[responseId]}\n                    userType={userType}\n                  />\n                </Styled.CueCanvasWrapper>\n              )}\n            {!isIntro && hints && hints.length > 0 && (\n              <FlexView\n                $background=\"BLUE_1\"\n                $gutterX={1}\n                $gapX={0.5}\n                $borderRadiusX={0}\n                $borderColor=\"BLUE_2\"\n              >\n                {hints.map((hint, index) => (\n                  <Styled.Hint\n                    key={hint}\n                    dangerouslySetInnerHTML={{\n                      __html: `<span style=\"color: #DA5107; font-weight: 600;\">Hint${\n                        (hintsAvailable?.length ?? 0) > 1 ? ` ${index + 1}` : ''\n                      }:</span>&nbsp;${hint}`,\n                    }}\n                  />\n                ))}\n              </FlexView>\n            )}\n            {showSolution && (\n              <FlexView\n                $background=\"YELLOW_1\"\n                $gutterX={1}\n                $gapX={0.875}\n                $borderRadiusX={0}\n                $borderColor=\"YELLOW_2\"\n              >\n                <Styled.Solution\n                  dangerouslySetInnerHTML={{\n                    __html: `<div style=\"color: #DA5107; font-weight: 600;\">Solution:</div>${solution}`,\n                  }}\n                />\n              </FlexView>\n            )}\n            {!!subjectiveProps && (\n              <SubjectiveQuestionReview\n                responses={responses}\n                response={response}\n                nextQuestionId={nextQuestionId}\n                responseId={responseId}\n                studentId={studentId}\n                userType={userType}\n                {...subjectiveProps}\n              />\n            )}\n          </Styled.QuestionWrapper>\n        </Styled.QuestionContainer>\n      </Styled.QuestionContainerWrapper>\n    );\n  },\n);\n\nexport default WorksheetQuestion;\n"],"names":["WorksheetQuestion","memo","userType","signedRequest","worksheetCompleted","question","response","nextQuestionId","isActive","isHidden","canRender","loggerRef","appended","maxQuestionWidth","behavior","layout","actionbarHeight","learnosity","intersectionObserver","background","onMarkForReview","userId","onPublishStrokes","onReceiveStrokes","isScribblingEnabled","initialStrokesData","isCanvasEnabled","onPublishMouseMove","onSubscribeMouseMove","setActiveQuestionId","canResolveDoubt","onResolveDoubt","studentId","responses","subjectiveProps","paperColor","useMemo","getPaperColorByQuestion","questionHeight","setQuestionHeight","useState","canvasHeight","setCanvasHeight","validation","review","maximumAttempts","canExceedAttempts","teacherValidationEnabled","solutionHidden","minQuestionHeight","topOffset","questionsScrollable","questionType","responseId","stimulus_review","item_type","instructor_stimulus","hintsAvailable","solution","widget_reference","item_reference","question_number","item_number","item_display_number","hasStimulusReview","isLessonOverview","isConceptIntro","isConceptIntroWidget","isSystemIntro","isIntro","responseEdited","wrapperClasses","classes","overflowDetectedRef","useRef","hintsUsed","validatedByTeacherOnMount","questionRef","pointerContainerRef","hints","validateResponse","showCorrectAnswers","attemptsHistory","showSolution","dropZoneDimensions","setDropZoneDimensions","onUpdateHeight","useCallback","height","useEffect","draggableElements","minWidth","minHeight","draggableElement","learnosityQuestion","$questionEl","parentWidth","nestedElements","i","element","EVENTS","getExtraSpaceNeedForFloatingKeyboard","questionEl","$responseWrapper","questionBottom","responseWrapperBottom","spaceFromResponseToBottom","LEARNOSITY_KEYBOARD_HEIGHT","qHeight","hasKeyboard","_a","newQuestionHeight","useLayoutEffect","scrollToQuestion","timer","jsxs","Styled.QuestionContainerWrapper","QUESTIONS_GAP","jsx","Styled.StimulusReview","Styled.QuestionContainer","Pointer","Styled.QuestionWrapper","QuestionHeader","Styled.LessonOverviewBanner","IMAGES","QuestionBackdrop","Fragment","BasicPracticeIntro","RegularPracticeIntro","ExitTicketIntro","AdvancedPracticeIntro","LearnosityQuestion","Styled.CueCanvasWrapper","CueCanvas","FlexView","hint","index","Styled.Hint","Styled.Solution","SubjectiveQuestionReview"],"mappings":"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"}
+{"version":3,"file":"worksheet-question.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-question/worksheet-question.tsx"],"sourcesContent":["import type { IWorksheetQuestionProps } from './worksheet-question-types';\n\nimport {\n  memo,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  type FC,\n} from 'react';\n\nimport { IMAGES } from '../../../../assets/images/images';\nimport CueCanvas from '../../../cue-canvas/cue-canvas';\nimport Pointer from '../../../pointer-sync/pointer';\nimport FlexView from '../../../ui/layout/flex-view';\nimport EVENTS from '../../constants/events';\nimport { LEARNOSITY_KEYBOARD_HEIGHT, QUESTIONS_GAP } from '../constants';\nimport {\n  getPaperColorByQuestion,\n  isConceptIntroWidget,\n  scrollToQuestion,\n} from '../worksheet-helpers';\nimport QuestionHeader from './header/header';\nimport LearnosityQuestion from './learnosity-question';\nimport QuestionBackdrop from './question-backdrop/question-backdrop';\nimport SubjectiveQuestionReview from './subjective-review';\nimport AdvancedPracticeIntro from './system-intros/advanced-practice-intro';\nimport BasicPracticeIntro from './system-intros/basic-practice-intro';\nimport ExitTicketIntro from './system-intros/exit-ticket-intro';\nimport RegularPracticeIntro from './system-intros/regular-practice-intro';\nimport * as Styled from './worksheet-question-styled';\n\nconst WorksheetQuestion: FC<IWorksheetQuestionProps> = memo(\n  ({\n    userType,\n    signedRequest,\n    worksheetCompleted,\n    question,\n    response,\n    nextQuestionId,\n    isActive,\n    isHidden,\n    canRender,\n    loggerRef,\n    appended,\n    maxQuestionWidth,\n    behavior,\n    layout,\n    actionbarHeight,\n    learnosity,\n    intersectionObserver,\n    background = 'paper',\n    onMediaStateChange,\n    onMarkForReview,\n    userId,\n    onPublishStrokes,\n    onReceiveStrokes,\n    isScribblingEnabled,\n    initialStrokesData,\n    isCanvasEnabled,\n    onPublishMouseMove,\n    onSubscribeMouseMove,\n    setActiveQuestionId,\n    canResolveDoubt,\n    onResolveDoubt,\n    studentId,\n    responses,\n    subjectiveProps,\n  }) => {\n    const paperColor = useMemo(\n      () => (background === 'paper' ? getPaperColorByQuestion(question) : undefined),\n      [background, question],\n    );\n    const [questionHeight, setQuestionHeight] = useState<number | undefined>();\n    const [canvasHeight, setCanvasHeight] = useState<number | undefined>();\n    const {\n      validation,\n      review,\n      maximumAttempts,\n      canExceedAttempts,\n      teacherValidationEnabled,\n      solutionHidden,\n    } = behavior;\n    const { minQuestionHeight, topOffset, questionsScrollable } = layout;\n    const {\n      type: questionType,\n      response_id: responseId,\n      stimulus_review,\n      item_type,\n      instructor_stimulus,\n      metadata: { hints: hintsAvailable, solution, widget_reference },\n      item_reference,\n      question_number,\n      item_number,\n      item_display_number,\n    } = question;\n    const hasStimulusReview = !!stimulus_review;\n    const isLessonOverview = item_type === 'overview';\n    const isConceptIntro = isConceptIntroWidget(instructor_stimulus);\n    const isSystemIntro = instructor_stimulus === 'SystemIntro';\n    const isIntro = isConceptIntro || isSystemIntro;\n    const responseEdited = response?.responseEdited;\n    const wrapperClasses = useMemo(() => {\n      const classes = [];\n\n      if (responseEdited && userType === 'TEACHER') {\n        classes.push('attempting');\n      }\n\n      if (!appended) {\n        classes.push('hidden');\n      }\n\n      if (questionType === 'hotspot') {\n        classes.push('correct-answers-hidden');\n      }\n\n      if (appended && teacherValidationEnabled && questionType === 'clozetext') {\n        if (!isConceptIntro || userType === 'STUDENT') {\n          classes.push('response-hidden');\n        } else {\n          classes.push('response-code-hidden');\n        }\n      }\n\n      if (isLessonOverview) {\n        classes.push('lesson-overview');\n      }\n\n      if (isConceptIntro) {\n        classes.push('concept-intro');\n      }\n\n      if (isSystemIntro) {\n        classes.push('system-intro');\n      }\n\n      return classes.join(' ');\n    }, [\n      appended,\n      isConceptIntro,\n      isLessonOverview,\n      isSystemIntro,\n      questionType,\n      responseEdited,\n      teacherValidationEnabled,\n      userType,\n    ]);\n    const overflowDetectedRef = useRef<Record<string, boolean>>({});\n\n    const hintsUsed = response?.hintsUsed ?? 0;\n    const [validatedByTeacherOnMount] = useState(response?.validatedByTeacher ?? false);\n\n    const questionRef = useRef<HTMLDivElement>(null);\n    const pointerContainerRef = useRef<HTMLDivElement>(null);\n    const hints = useMemo(() => hintsAvailable?.slice(0, hintsUsed), [hintsAvailable, hintsUsed]);\n    const validateResponse = useMemo(() => {\n      if (userType === 'TEACHER') return true;\n\n      if (worksheetCompleted) return true;\n\n      if (!response) return false;\n\n      if (!response.response) return false;\n\n      if (response.responseEdited) return false;\n\n      return validation;\n    }, [response, userType, validation, worksheetCompleted]);\n\n    const showCorrectAnswers = useMemo(() => {\n      if (userType === 'TEACHER') return true;\n\n      if (review) {\n        const { attemptsHistory } = response ?? {};\n        const maximumAttemptsReached = (attemptsHistory?.length ?? 0) >= maximumAttempts;\n\n        return maximumAttemptsReached && !canExceedAttempts;\n      }\n\n      return false;\n    }, [canExceedAttempts, maximumAttempts, response, review, userType]);\n\n    const showSolution = useMemo(\n      () => solution && worksheetCompleted && !solutionHidden,\n      [solutionHidden, solution, worksheetCompleted],\n    );\n\n    const [dropZoneDimensions, setDropZoneDimensions] = useState({\n      width: 0,\n      height: 0,\n    });\n\n    const onUpdateHeight = useCallback((height: number) => {\n      setCanvasHeight(height);\n    }, []);\n\n    useEffect(() => {\n      if (questionRef.current) {\n        intersectionObserver.observe(questionRef.current);\n      }\n    }, [intersectionObserver]);\n\n    useEffect(() => {\n      if (\n        appended &&\n        (question.type === 'clozeassociation' ||\n          question.type === 'association' ||\n          question.type === 'clozeformula')\n      ) {\n        const draggableElements = document.querySelectorAll(\n          `.widget-${question.response_id} .lrn_draggable`,\n        );\n\n        let minWidth = 0;\n        let minHeight = 0;\n\n        draggableElements.forEach(draggableElement => {\n          minWidth = Math.max(minWidth, draggableElement.clientWidth + 33);\n          minHeight = Math.max(minHeight, draggableElement.clientHeight + 1);\n        });\n\n        setDropZoneDimensions({\n          width: question.type !== 'association' ? minWidth : 0,\n          height: minHeight,\n        });\n      }\n    }, [appended, question.response_id, question.type]);\n\n    useEffect(() => {\n      if (appended && validateResponse) {\n        const learnosityQuestion = learnosity.question(responseId);\n\n        if (learnosityQuestion) {\n          learnosityQuestion.validate({\n            showCorrectAnswers,\n          });\n        }\n      }\n    }, [appended, learnosity, responseId, review, showCorrectAnswers, userType, validateResponse]);\n\n    useEffect(() => {\n      const $questionEl = pointerContainerRef.current;\n\n      if (\n        appended &&\n        $questionEl &&\n        loggerRef.current &&\n        overflowDetectedRef.current[responseId] === undefined &&\n        !isConceptIntro &&\n        !isSystemIntro\n      ) {\n        const parentWidth = $questionEl.clientWidth;\n        const nestedElements = $questionEl.querySelectorAll('*');\n\n        for (let i = 0; i < nestedElements.length; i++) {\n          const element = nestedElements[i];\n\n          if (element?.closest('.resize-sensor')) {\n            continue;\n          }\n\n          const elementWidth = element?.clientWidth ?? 0;\n\n          if (elementWidth > parentWidth) {\n            overflowDetectedRef.current[responseId] = true;\n            loggerRef.current(EVENTS.WORKSHEET_V3_GREATER_WIDTH_ELEMENT, {\n              item_reference,\n              widget_reference,\n              question_type: questionType,\n              question_number,\n              responseId,\n              item_number,\n              item_display_number,\n            });\n            break;\n          }\n        }\n\n        overflowDetectedRef.current[responseId] = false;\n      }\n    }, [\n      appended,\n      isConceptIntro,\n      isSystemIntro,\n      item_display_number,\n      item_number,\n      item_reference,\n      loggerRef,\n      questionType,\n      question_number,\n      responseId,\n      widget_reference,\n    ]);\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    useEffect(() => {\n      const $questionEl = questionRef.current;\n\n      const getExtraSpaceNeedForFloatingKeyboard = (questionEl: HTMLDivElement) => {\n        const $responseWrapper = questionEl.querySelector('.lrn_response_wrapper');\n\n        if (!$responseWrapper) {\n          return 0;\n        }\n\n        const questionBottom = questionEl.getBoundingClientRect().bottom;\n        const responseWrapperBottom = $responseWrapper.getBoundingClientRect().bottom;\n        const spaceFromResponseToBottom = Math.abs(questionBottom - responseWrapperBottom);\n\n        if (spaceFromResponseToBottom < LEARNOSITY_KEYBOARD_HEIGHT) {\n          return LEARNOSITY_KEYBOARD_HEIGHT - spaceFromResponseToBottom;\n        }\n\n        return 0;\n      };\n\n      if (appended && $questionEl) {\n        setQuestionHeight(qHeight => {\n          const hasFloatingKeyboard = question.ui_style?.type === 'floating-keyboard';\n          const v3CodeHidden = teacherValidationEnabled && questionType === 'clozetext';\n          const hasKeyboard = hasFloatingKeyboard && !v3CodeHidden;\n          const height = $questionEl.clientHeight;\n\n          if (height === 0) {\n            return qHeight;\n          }\n\n          // If the question has a floating keyboard, we need to add the height of the keyboard to the question height\n          if (!qHeight) {\n            return Math.ceil(\n              height + (hasKeyboard ? getExtraSpaceNeedForFloatingKeyboard($questionEl) : 0),\n            );\n          }\n\n          const newQuestionHeight = Math.ceil(\n            height + (hasKeyboard ? getExtraSpaceNeedForFloatingKeyboard($questionEl) : 0),\n          );\n\n          if (Math.abs(newQuestionHeight - qHeight) > 4) {\n            return newQuestionHeight;\n          }\n\n          return qHeight;\n        });\n      }\n    });\n\n    useLayoutEffect(() => {\n      if (!questionsScrollable && !isHidden) {\n        scrollToQuestion(responseId);\n      }\n    }, [isHidden, questionsScrollable, responseId, topOffset]);\n\n    useEffect(() => {\n      if (hintsUsed || hasStimulusReview || (solution && worksheetCompleted)) {\n        learnosity.renderMath('mathjax');\n      }\n    }, [hasStimulusReview, hintsUsed, learnosity, solution, worksheetCompleted]);\n\n    useEffect(() => {\n      if (\n        teacherValidationEnabled &&\n        nextQuestionId &&\n        !validatedByTeacherOnMount &&\n        response?.validatedByTeacher\n      ) {\n        const timer = setTimeout(() => {\n          if (questionsScrollable) {\n            scrollToQuestion(nextQuestionId);\n          } else {\n            setActiveQuestionId(nextQuestionId);\n          }\n        }, 1000);\n\n        return () => {\n          clearTimeout(timer);\n        };\n      }\n    }, [\n      nextQuestionId,\n      teacherValidationEnabled,\n      validatedByTeacherOnMount,\n      questionsScrollable,\n      setActiveQuestionId,\n      response?.validatedByTeacher,\n    ]);\n\n    return (\n      <Styled.QuestionContainerWrapper\n        data-response-id={responseId}\n        className={`widget-${responseId}`}\n        ref={questionRef}\n        $topOffset={topOffset}\n        $flexDirection={stimulus_review ? 'row' : 'column'}\n        $alignItems={stimulus_review ? 'flex-start' : 'center'}\n        $hidden={isHidden}\n        $marginBottom={QUESTIONS_GAP}\n      >\n        {stimulus_review && (\n          <Styled.StimulusReview\n            dangerouslySetInnerHTML={{\n              __html: stimulus_review,\n            }}\n          />\n        )}\n        <Styled.QuestionContainer\n          ref={pointerContainerRef}\n          $width={stimulus_review ? '50%' : `${maxQuestionWidth}px`}\n          $minHeight={\n            questionHeight ? Math.max(questionHeight - 72, canvasHeight ?? 0) : minQuestionHeight\n          }\n          $isActive={isActive}\n          $paperColor={paperColor}\n          $opacity={isActive ? 1 : 0.2}\n        >\n          {isActive && !!onPublishMouseMove && !!onSubscribeMouseMove && isCanvasEnabled && (\n            <Pointer\n              containerRef={pointerContainerRef}\n              onPublish={onPublishMouseMove}\n              onSubscribe={onSubscribeMouseMove}\n              responseId={responseId}\n            />\n          )}\n          <Styled.QuestionWrapper\n            className={wrapperClasses}\n            $dropzoneMinWidth={dropZoneDimensions.width}\n            $dropzoneMinHeight={dropZoneDimensions.height}\n          >\n            {!(isLessonOverview || isConceptIntro || isSystemIntro) && (\n              <QuestionHeader\n                userType={userType}\n                question={question}\n                response={response}\n                behavior={behavior}\n                layout={layout}\n                paperColor={paperColor}\n                onMarkForReview={onMarkForReview}\n                actionbarHeight={actionbarHeight}\n                canResolveDoubt={canResolveDoubt}\n                onResolveDoubt={onResolveDoubt}\n                worksheetCompleted={worksheetCompleted}\n              />\n            )}\n            {isLessonOverview && (\n              <Styled.LessonOverviewBanner src={IMAGES.LESSON_OVERVIEW_BANNER} />\n            )}\n            {isConceptIntro && paperColor && <QuestionBackdrop paperColor={paperColor} />}\n            {isSystemIntro ? (\n              <>\n                {item_type === 'practice-basic' && <BasicPracticeIntro />}\n                {item_type === 'practice-regular' && <RegularPracticeIntro />}\n                {item_type === 'exit-ticket' && <ExitTicketIntro />}\n                {item_type?.startsWith('advanced-') && <AdvancedPracticeIntro />}\n              </>\n            ) : undefined}\n            <LearnosityQuestion\n              signedRequest={signedRequest}\n              appended={appended}\n              question={question}\n              response={response?.response}\n              canRender={canRender || isActive}\n              learnosity={learnosity}\n              canForceAppend={userType === 'TEACHER'}\n              isConceptIntro={isConceptIntro}\n              simState={response?.simState}\n              onMediaStateChange={onMediaStateChange}\n            />\n\n            {!isIntro &&\n              isCanvasEnabled &&\n              onPublishStrokes &&\n              onReceiveStrokes &&\n              questionHeight !== undefined && (\n                <Styled.CueCanvasWrapper $canScribble={isScribblingEnabled}>\n                  <CueCanvas\n                    canRender={canRender}\n                    canScribble={isScribblingEnabled && isActive}\n                    appended={appended}\n                    responseId={responseId}\n                    width={maxQuestionWidth}\n                    height={Math.max(questionHeight, canvasHeight ?? 0)}\n                    onUpdateHeight={onUpdateHeight}\n                    onPublish={onPublishStrokes}\n                    onSubscribe={onReceiveStrokes}\n                    userId={userId}\n                    initialData={initialStrokesData?.[responseId]}\n                    userType={userType}\n                  />\n                </Styled.CueCanvasWrapper>\n              )}\n            {!isIntro && hints && hints.length > 0 && (\n              <FlexView\n                $background=\"BLUE_1\"\n                $gutterX={1}\n                $gapX={0.5}\n                $borderRadiusX={0}\n                $borderColor=\"BLUE_2\"\n              >\n                {hints.map((hint, index) => (\n                  <Styled.Hint\n                    key={hint}\n                    dangerouslySetInnerHTML={{\n                      __html: `<span style=\"color: #DA5107; font-weight: 600;\">Hint${\n                        (hintsAvailable?.length ?? 0) > 1 ? ` ${index + 1}` : ''\n                      }:</span>&nbsp;${hint}`,\n                    }}\n                  />\n                ))}\n              </FlexView>\n            )}\n            {showSolution && (\n              <FlexView\n                $background=\"YELLOW_1\"\n                $gutterX={1}\n                $gapX={0.875}\n                $borderRadiusX={0}\n                $borderColor=\"YELLOW_2\"\n              >\n                <Styled.Solution\n                  dangerouslySetInnerHTML={{\n                    __html: `<div style=\"color: #DA5107; font-weight: 600;\">Solution:</div>${solution}`,\n                  }}\n                />\n              </FlexView>\n            )}\n            {!!subjectiveProps && (\n              <SubjectiveQuestionReview\n                responses={responses}\n                response={response}\n                nextQuestionId={nextQuestionId}\n                responseId={responseId}\n                studentId={studentId}\n                userType={userType}\n                {...subjectiveProps}\n              />\n            )}\n          </Styled.QuestionWrapper>\n        </Styled.QuestionContainer>\n      </Styled.QuestionContainerWrapper>\n    );\n  },\n);\n\nexport default WorksheetQuestion;\n"],"names":["WorksheetQuestion","memo","userType","signedRequest","worksheetCompleted","question","response","nextQuestionId","isActive","isHidden","canRender","loggerRef","appended","maxQuestionWidth","behavior","layout","actionbarHeight","learnosity","intersectionObserver","background","onMediaStateChange","onMarkForReview","userId","onPublishStrokes","onReceiveStrokes","isScribblingEnabled","initialStrokesData","isCanvasEnabled","onPublishMouseMove","onSubscribeMouseMove","setActiveQuestionId","canResolveDoubt","onResolveDoubt","studentId","responses","subjectiveProps","paperColor","useMemo","getPaperColorByQuestion","questionHeight","setQuestionHeight","useState","canvasHeight","setCanvasHeight","validation","review","maximumAttempts","canExceedAttempts","teacherValidationEnabled","solutionHidden","minQuestionHeight","topOffset","questionsScrollable","questionType","responseId","stimulus_review","item_type","instructor_stimulus","hintsAvailable","solution","widget_reference","item_reference","question_number","item_number","item_display_number","hasStimulusReview","isLessonOverview","isConceptIntro","isConceptIntroWidget","isSystemIntro","isIntro","responseEdited","wrapperClasses","classes","overflowDetectedRef","useRef","hintsUsed","validatedByTeacherOnMount","questionRef","pointerContainerRef","hints","validateResponse","showCorrectAnswers","attemptsHistory","showSolution","dropZoneDimensions","setDropZoneDimensions","onUpdateHeight","useCallback","height","useEffect","draggableElements","minWidth","minHeight","draggableElement","learnosityQuestion","$questionEl","parentWidth","nestedElements","i","element","EVENTS","getExtraSpaceNeedForFloatingKeyboard","questionEl","$responseWrapper","questionBottom","responseWrapperBottom","spaceFromResponseToBottom","LEARNOSITY_KEYBOARD_HEIGHT","qHeight","hasKeyboard","_a","newQuestionHeight","useLayoutEffect","scrollToQuestion","timer","jsxs","Styled.QuestionContainerWrapper","QUESTIONS_GAP","jsx","Styled.StimulusReview","Styled.QuestionContainer","Pointer","Styled.QuestionWrapper","QuestionHeader","Styled.LessonOverviewBanner","IMAGES","QuestionBackdrop","Fragment","BasicPracticeIntro","RegularPracticeIntro","ExitTicketIntro","AdvancedPracticeIntro","LearnosityQuestion","Styled.CueCanvasWrapper","CueCanvas","FlexView","hint","index","Styled.Hint","Styled.Solution","SubjectiveQuestionReview"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"worksheet-types.js","sources":["../../../../src/features/worksheet/worksheet/worksheet-types.ts"],"sourcesContent":["import type { IActionData, TPublish, TSubscribe } from '../../cue-canvas/types/cue-canvas';\nimport type { TPublishMouseMove, TSubscribeMouseMove } from '../../pointer-sync/pointer-types';\nimport type { TColorNames, TUserTypes } from '../../ui/types';\nimport type { IFile } from './worksheet-question/subjective-review';\nimport type { MutableRefObject } from 'react';\n\nexport enum QUESTION_TAGS {\n  TRIAL_TOPIC = 'trial-topic',\n  QUESTION_CODE = 'question code',\n}\n\nexport enum QUESTIONS_RATING {\n  E = 3,\n  S = 2, // Just right\n  H = 1,\n}\n\nexport interface ILearnosityError {\n  code: number;\n  consumerKey: string;\n  detail: string;\n  errorUI: string;\n  msg: string;\n}\n\ninterface ILearnosityQuestionMetadata {\n  widget_reference: string;\n  sheet_reference: string;\n  hints?: string[];\n  solution?: string[];\n  teacher_tips?: string[];\n  valid_response_count: number;\n  source: {\n    organisation_id: number;\n  };\n}\n\nexport type TInstructorStimulus =\n  | 'SystemIntro' // lesson v3\n  | 'Intro' // lesson v3\n  | 'Concept-Intro' // lesson v3\n  | 'Instruction' // lesson v3\n  | 'Task' // lesson v3\n  | 'Try' // trial v3\n  | 'Learn' // trial v3\n  | 'Apply'; // trial v3\nexport type TItemType =\n  | 'overview'\n  | 'learning-we-do'\n  | 'learning-your-turn'\n  | 'learning-explore'\n  | 'practice-basic'\n  | 'practice-basic-optional'\n  | 'practice-regular'\n  | 'practice-regular-optional'\n  | 'exit-ticket'\n  | 'advanced-we-do'\n  | 'advanced-your-turn'\n  | 'advanced-explore'\n  | 'advanced-practice';\n\nexport type TSectionName =\n  | 'overview'\n  | 'learning'\n  | 'practice-basic'\n  | 'practice-regular'\n  | 'exit-ticket'\n  | 'advanced';\n\nexport interface IQuestionValidResponse {\n  score: number;\n  value: unknown[];\n}\n\nexport interface ISheetNudgeBannerInfo {\n  bannerBackgroundColor: TColorNames;\n  label: string;\n}\n\nexport interface ILearnosityQuestion {\n  response_id: string;\n  instructor_stimulus?: TInstructorStimulus;\n  metadata: ILearnosityQuestionMetadata;\n  instant_feedback?: boolean;\n  math_renderer?: string;\n  template?: string;\n  tokenization?: string;\n  numberPad?: string[];\n  symbols?: unknown[];\n  response_container?: Record<string, unknown>;\n  ui_style?: Record<string, unknown>;\n  shuffle_options?: boolean;\n  // for custom type question validation is undefined.\n  validation?: {\n    scoring_type?: string;\n    unscored?: boolean;\n    valid_response?: IQuestionValidResponse;\n    alt_responses?: IQuestionValidResponse[];\n    penalty?: number;\n    min_score_if_attempted?: number;\n  };\n  is_math?: boolean;\n  labels?: Record<string, unknown>;\n  line?: Record<string, unknown>;\n  points?: string[];\n  snap_to_ticks?: boolean;\n  ticks?: Record<string, unknown>;\n  max_length?: number;\n  type:\n    | 'hotspot'\n    | 'tokenhighlight'\n    | 'numberline'\n    | 'clozeassociation'\n    | 'clozetext'\n    | 'association'\n    | 'classification'\n    | 'clozedropdown'\n    | 'clozeformula'\n    | 'mcq'\n    | 'choicematrix'\n    | 'plaintext'\n    | 'drawing';\n  case_sensitive?: boolean;\n  show_copy?: boolean;\n  show_cut?: boolean;\n  show_paste?: boolean;\n  spellcheck?: boolean;\n  stimulus?: string;\n  stimulus_review?: string;\n  stimulus_list?: string[];\n  image?: Record<string, unknown>;\n  areas?: unknown[];\n  area_attributes?: Record<string, unknown>;\n  possible_responses?: string[][] | string[];\n  duplicate_responses?: boolean;\n  response_containers?: unknown[];\n  options?: Record<string, unknown>[] | string[];\n  feedback_attempts?: number;\n  stems?: string[];\n  multiple_responses?: boolean;\n}\n\nexport interface ILearnosityItem {\n  reference: string;\n  questions: ILearnosityQuestion[];\n  source: Record<string, unknown>;\n  content: string;\n  metadata: Record<string, unknown> | unknown[];\n  workflow: unknown[];\n  response_ids: string[];\n  feature_ids: unknown[];\n  features: unknown[];\n  itemType?: TItemType;\n  tags?: string[];\n}\n\nexport interface IWorksheetQuestion extends ILearnosityQuestion {\n  item_reference: string;\n  item_type?: TItemType;\n  section_name?: TSectionName;\n  is_optional?: boolean;\n  item_tags: string[];\n  item_tags_map: Record<string, string>;\n  item_number: number;\n  item_display_number: number;\n  question_number: number;\n  total_questions: number;\n}\n\nexport interface ILearnosityQuestionScore {\n  score?: number | null;\n  max_score: number;\n  unscored?: boolean;\n}\n\nexport interface ILearnosityQuestionResponse {\n  value: unknown;\n  responses?: unknown;\n  type: unknown;\n  updatedFormat?: boolean;\n  wordCount?: number;\n  apiVersion: string;\n  revision: number;\n  feedbackAttemptsCount?: number;\n}\n\nexport interface IAttempt {\n  response: ILearnosityQuestionResponse;\n  score: ILearnosityQuestionScore;\n}\n\ninterface ITeacherReview {\n  reviewComment?: string;\n  images?: string[];\n}\nexport interface IWorksheetResponse {\n  widgetReference: string;\n  itemReference: string;\n  itemPosition: number; // 0 based\n  questionPosition: number; // 0 based\n  isOkayTypeQuestion: boolean;\n  response?: ILearnosityQuestionResponse;\n  score?: ILearnosityQuestionScore;\n  responseEdited?: boolean;\n  hintsUsed?: number;\n  markedForReview?: boolean;\n  attemptsHistory?: IAttempt[];\n  validatedByTeacher?: boolean;\n  submittedByStudent?: boolean;\n  assignStatus?: 'assigned' | 'skipped';\n  rating?: number;\n  skipped?: boolean;\n  doubtResolved?: boolean;\n  teacherReview?: ITeacherReview;\n  tags?: Record<string, string>;\n  timeSpent?: number;\n}\n\ntype TMathRenderer = 'mathjax' | 'mathquill';\nexport interface ILearnosity {\n  ready: () => void;\n  questions: () => Record<string, unknown>;\n  question: (responseId: string) =>\n    | {\n        enable: () => boolean;\n        disable: () => boolean;\n        getQuestion: () => ILearnosityQuestion;\n        getMetadata: () => ILearnosityQuestionMetadata;\n        getResponse: () => ILearnosityQuestionResponse;\n        getScore: (\n          callback?: (score: ILearnosityQuestionScore | null) => void,\n        ) => ILearnosityQuestionScore;\n        validate: (\n          options?: { showCorrectAnswers?: boolean; feedbackAttempts?: boolean },\n          callback?: () => void,\n        ) => void;\n        resetValidationUI: () => void;\n        on: (eventName: 'changed', callback: () => void) => void;\n        off: (eventName: 'changed', callback?: () => void) => void;\n      }\n    | undefined;\n  append: (toAppend: {\n    questions: ILearnosityQuestion[];\n    responses?: Record<string, unknown>;\n  }) => void;\n  appendQuestion: (toAppend: {\n    questions: ILearnosityQuestion[];\n    responses?: Record<string, unknown>;\n  }) => void;\n  reset: () => void;\n  renderMath: (renderer: TMathRenderer) => void;\n}\n\nexport interface IWorksheetBehavior {\n  /**\n   * If true, Opens the worksheet in resume mode.\n   * - If false, Opens the worksheet in review mode.\n   */\n  canAttempt: boolean;\n  /**\n   * If true, the user can mark the question for review.\n   */\n  canMarkForReview: boolean;\n  /**\n   * The mode of navigation for the worksheet.\n   * - `OPEN` mode allows the user to navigate to any question in the worksheet.\n   * - `LINEAR` mode allows the user to navigate to the next question only.\n   * - `ADAPTIVE` mode allows the user to navigate future questions based on the rating of the current question.\n   * - `CURRENT` mode allows the user to navigate to the current question only. Back and forth not allowed.\n   */\n  navigationMode: 'OPEN' | 'LINEAR' | 'ADAPTIVE' | 'CURRENT';\n  /**\n   * The initial question to display when the worksheet is loaded.\n   * - `FIRST` mode displays the first question in the worksheet.\n   * - `CURRENT` mode displays the question that the user was last on.\n   */\n  initialQuestion: 'FIRST' | 'CURRENT';\n  /**\n   * If hints are available, on clicking the help button, first availble hint will be shown.\n   * Clicking again will show the next hint.\n   * If no more hints are available, onHelp will be called.\n   */\n  hints: boolean;\n  /**\n   * The time in seconds after which the hints button will be shown.\n   */\n  hintsTimer?: number; // in seconds\n  /**\n   * If true, the user can skip the question without attempting it.\n   * Skip button will be shown only after the hints are exausted and skipTimer is reached.\n   */\n  skippable?: boolean;\n  /**\n   * The time in seconds after which the user can skip the question.\n   */\n  skippableTime?: number; // in seconds\n  /**\n   * If true, teacher validation is needed for the question to proceed\n   */\n  teacherValidationEnabled: boolean;\n  /**\n   * If worksheet is attempting outside the class setting\n   */\n  canTeacherValidate: boolean;\n  /**\n   * If true, questions will be validated and feedback will be shown.\n   */\n  validation: boolean;\n  /**\n   * If true, questions will be validated and feedback will be shown along with the correct answer.\n   */\n  solutionHidden?: boolean;\n  /**\n   * If true, solution will be hidden.\n   */\n  review: boolean;\n  /**\n   * The maximum number of attempts allowed for each question.\n   * 0 means unlimited attempts.\n   * -1 means attempts will not be validated, hence not pushed to attempt history.\n   * After reaching the maximum number of attempts, the user cannot attempt the question anymore.\n   * If maxAtttmpts reached and canExceedAttempts is true, the user can still attempt the question\n   * , also user will have the option to move to next question\n   */\n  maximumAttempts: number;\n  /**\n   * If true, the user can exceed the maximum number of attempts.\n   */\n  canExceedAttempts: boolean;\n  /**\n   * If the worksheet minimumAccuracy is not met, on clicking the final submit button, onMinimumAccuracyNotMet will be called.\n   */\n  minimumAccuracy: number;\n  /**\n   * Label for the check button\n   * For example,\n   * - \"Check\" for Checking the answer\n   * - \"Submit\" for Submitting the answer when doing assessment\n   */\n  checkButtonLabel: string;\n  /**\n   * If attempt is incorrect, we show retry button, this is the label for the retry button\n   * For example,\n   * - 'Try Again' for retrying the question\n   */\n  retryButtonLabel: string;\n  /**\n   * If true show demos calculator https://www.desmos.com/calculator\n   */\n  canShowDesmosCalc: boolean;\n}\n\nexport interface IWorksheetCallbackProps {\n  onResponseChange?: (options: {\n    responseId: string;\n    response: IWorksheetResponse;\n    isNewAttempt: boolean;\n    question: IWorksheetQuestion;\n  }) => void;\n  onBulkResponsesChange?: (responses: Record<string, IWorksheetResponse>) => void;\n  onResponsesChange?: (responses: Record<string, IWorksheetResponse>) => void;\n  onTeacherValidation?: (questionId: string, rating?: keyof typeof QUESTIONS_RATING) => void;\n  onOptionalItemAssignment?: (itemType: TItemType) => void;\n  onOptionalItemSkip?: (itemType: TItemType) => void;\n  onHelp?: (options: { questionId: string; questionNumber: string }) => void;\n  onMinimumAccuracyNotMet?: (accuracy: number) => void;\n  onExitTicketStart?: () => void;\n  onExitTicketSubmit?: () => void;\n  onSubmit?: (responses: Record<string, IWorksheetResponse>) => void;\n  loggerRef: MutableRefObject<(eventName: string, data?: Record<string, unknown>) => void>;\n}\n\nexport interface ICueCanvasCallbackProps {\n  onPublishStrokes?: TPublish;\n  onReceiveStrokes?: TSubscribe;\n}\n\nexport interface ICueCanvasProps {\n  initialStrokesData?: Record<string, IActionData[]>;\n  isCanvasEnabled: boolean;\n  canToggleScribbling?: boolean;\n}\n\nexport interface IPointerSyncCallbackProps {\n  onPublishMouseMove?: TPublishMouseMove;\n  onSubscribeMouseMove?: TSubscribeMouseMove;\n}\n\nexport interface IWorksheetLayout {\n  containerStyle: 'none' | 'card';\n  navigationBar: 'none' | 'top' | 'bottom';\n  actionBar: 'none' | 'bottom';\n  containerWidth: string;\n  topOffset: number; // Offset from the top of the screen, for eg: height of the header\n  questionsScrollable: boolean;\n  minQuestionHeight: string | number;\n  minSummaryHeight: string | number;\n  renderSideBar: boolean;\n  showUserPointer?: boolean;\n}\n\nexport interface ISubjectiveSheetProps {\n  onAddReviewComment?: (\n    responseId: string,\n    commentData: {\n      score: ILearnosityQuestionScore;\n      teacherReview: ITeacherReview;\n    },\n  ) => void;\n  openImagesReviewModal?: (props: IOpenImageReviewModalProps) => void;\n  handleReviewSubmit?: () => void;\n  isSubmittingReview?: boolean;\n  isReviewPending?: boolean;\n}\n\ninterface IBaseWorksheetProps {\n  userType: TUserTypes;\n  userId: string;\n  studentId: string;\n  studentName?: string;\n  worksheetName: string;\n  background?: 'none' | 'paper';\n  layout: IWorksheetLayout;\n  behavior: IWorksheetBehavior;\n  initialResponseId?: string;\n  initialItemIndex?: number;\n  updatedResponses?: Record<string, IWorksheetResponse>;\n  worksheetCompleted: boolean;\n  showNudgeBanner?: boolean;\n  markedAsCompleted?: boolean;\n  onResolveDoubt?: (responseId: string) => void;\n  onActiveQuestionChange?: (question: IWorksheetQuestion) => void;\n  canResolveDoubt?: boolean;\n  onSkip?: (itemIndex: number, widgetIndex: number) => void;\n  canShowActionBar?: boolean;\n}\n\nexport interface IWorksheetProps\n  extends IBaseWorksheetProps,\n    IWorksheetCallbackProps,\n    ICueCanvasProps,\n    ICueCanvasCallbackProps,\n    IPointerSyncCallbackProps {\n  learnosityActivityRef?: string;\n  learnosityItems: ILearnosityItem[];\n  learnosityResponses?: Record<string, IWorksheetResponse>;\n  learnosity: ILearnosity;\n  appendedQuestionIds: string[];\n  questionsSignedRequest: string;\n  openQuestionFeedbackModal?: (itemRef: string) => void;\n  summaryDescription?: JSX.Element | null;\n  canSubmitWorksheet?: boolean;\n  studentId: string;\n  attemptId?: string;\n  subjectiveProps?: ISubjectiveSheetProps;\n}\n\nexport interface IUpdateImages {\n  filteredImages: string[];\n  newImages: IFile[];\n}\nexport interface IOpenImageReviewModalProps {\n  isReviewed?: boolean;\n  disableScoreForm?: boolean;\n  imageUrls?: string[];\n  filteredImageUrls?: (props: IUpdateImages) => void;\n  uploadedImages?: (IFile | string)[];\n  image?: string;\n}\n\nexport interface IWorksheetContainerProps\n  extends IBaseWorksheetProps,\n    IWorksheetCallbackProps,\n    ICueCanvasProps,\n    ICueCanvasCallbackProps,\n    IPointerSyncCallbackProps {\n  studentId: string;\n  attemptId?: string;\n  itemsSignedRequest: string;\n  questionsSignedRequest: string;\n  onLoaded: () => void;\n  onErrored: (error: { code?: number; message: string }) => void;\n  onResponsesLoaded?: (responses: Record<string, IWorksheetResponse>) => void;\n  openQuestionFeedbackModal?: (itemRef: string) => void;\n  summaryDescription?: JSX.Element | null;\n  canSubmitWorksheet?: boolean;\n  subjectiveProps?: ISubjectiveSheetProps;\n}\n\nexport interface IWorksheetRef {\n  validateQuestion: (\n    responseId: string,\n    rating?: keyof typeof QUESTIONS_RATING,\n    skipRemainingQuestions?: boolean,\n  ) => void;\n  assignOptionalItems: (itemType: TItemType) => void;\n  skipOptionalItems: (itemType: TItemType) => void;\n}\n"],"names":["QUESTION_TAGS","QUESTIONS_RATING"],"mappings":"AAMY,IAAAA,sBAAAA,OACVA,EAAA,cAAc,eACdA,EAAA,gBAAgB,iBAFNA,IAAAA,KAAA,CAAA,CAAA,GAKAC,sBAAAA,OACVA,EAAAA,EAAA,IAAI,CAAJ,IAAA,KACAA,EAAAA,EAAA,IAAI,CAAJ,IAAA,KACAA,EAAAA,EAAA,IAAI,CAAJ,IAAA,KAHUA,IAAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"worksheet-types.js","sources":["../../../../src/features/worksheet/worksheet/worksheet-types.ts"],"sourcesContent":["import type { IActionData, TPublish, TSubscribe } from '../../cue-canvas/types/cue-canvas';\nimport type { TPublishMouseMove, TSubscribeMouseMove } from '../../pointer-sync/pointer-types';\nimport type { TColorNames, TUserTypes } from '../../ui/types';\nimport type { IFile } from './worksheet-question/subjective-review';\nimport type { MutableRefObject } from 'react';\n\nexport enum QUESTION_TAGS {\n  TRIAL_TOPIC = 'trial-topic',\n  QUESTION_CODE = 'question code',\n}\n\nexport enum QUESTIONS_RATING {\n  E = 3,\n  S = 2, // Just right\n  H = 1,\n}\n\nexport interface ILearnosityError {\n  code: number;\n  consumerKey: string;\n  detail: string;\n  errorUI: string;\n  msg: string;\n}\n\ninterface ILearnosityQuestionMetadata {\n  widget_reference: string;\n  sheet_reference: string;\n  hints?: string[];\n  solution?: string[];\n  teacher_tips?: string[];\n  valid_response_count: number;\n  source: {\n    organisation_id: number;\n  };\n}\n\nexport type TInstructorStimulus =\n  | 'SystemIntro' // lesson v3\n  | 'Intro' // lesson v3\n  | 'Concept-Intro' // lesson v3\n  | 'Instruction' // lesson v3\n  | 'Task' // lesson v3\n  | 'Try' // trial v3\n  | 'Learn' // trial v3\n  | 'Apply'; // trial v3\nexport type TItemType =\n  | 'overview'\n  | 'learning-we-do'\n  | 'learning-your-turn'\n  | 'learning-explore'\n  | 'practice-basic'\n  | 'practice-basic-optional'\n  | 'practice-regular'\n  | 'practice-regular-optional'\n  | 'exit-ticket'\n  | 'advanced-we-do'\n  | 'advanced-your-turn'\n  | 'advanced-explore'\n  | 'advanced-practice';\n\nexport type TSectionName =\n  | 'overview'\n  | 'learning'\n  | 'practice-basic'\n  | 'practice-regular'\n  | 'exit-ticket'\n  | 'advanced';\n\nexport interface IQuestionValidResponse {\n  score: number;\n  value: unknown[];\n}\n\nexport interface ISheetNudgeBannerInfo {\n  bannerBackgroundColor: TColorNames;\n  label: string;\n}\n\nexport interface ILearnosityQuestion {\n  response_id: string;\n  instructor_stimulus?: TInstructorStimulus;\n  metadata: ILearnosityQuestionMetadata;\n  instant_feedback?: boolean;\n  math_renderer?: string;\n  template?: string;\n  tokenization?: string;\n  numberPad?: string[];\n  symbols?: unknown[];\n  response_container?: Record<string, unknown>;\n  ui_style?: Record<string, unknown>;\n  shuffle_options?: boolean;\n  // for custom type question validation is undefined.\n  validation?: {\n    scoring_type?: string;\n    unscored?: boolean;\n    valid_response?: IQuestionValidResponse;\n    alt_responses?: IQuestionValidResponse[];\n    penalty?: number;\n    min_score_if_attempted?: number;\n  };\n  is_math?: boolean;\n  labels?: Record<string, unknown>;\n  line?: Record<string, unknown>;\n  points?: string[];\n  snap_to_ticks?: boolean;\n  ticks?: Record<string, unknown>;\n  max_length?: number;\n  type:\n    | 'hotspot'\n    | 'tokenhighlight'\n    | 'numberline'\n    | 'clozeassociation'\n    | 'clozetext'\n    | 'association'\n    | 'classification'\n    | 'clozedropdown'\n    | 'clozeformula'\n    | 'mcq'\n    | 'choicematrix'\n    | 'plaintext'\n    | 'drawing';\n  case_sensitive?: boolean;\n  show_copy?: boolean;\n  show_cut?: boolean;\n  show_paste?: boolean;\n  spellcheck?: boolean;\n  stimulus?: string;\n  stimulus_review?: string;\n  stimulus_list?: string[];\n  image?: Record<string, unknown>;\n  areas?: unknown[];\n  area_attributes?: Record<string, unknown>;\n  possible_responses?: string[][] | string[];\n  duplicate_responses?: boolean;\n  response_containers?: unknown[];\n  options?: Record<string, unknown>[] | string[];\n  feedback_attempts?: number;\n  stems?: string[];\n  multiple_responses?: boolean;\n}\n\nexport interface ILearnosityItem {\n  reference: string;\n  questions: ILearnosityQuestion[];\n  source: Record<string, unknown>;\n  content: string;\n  metadata: Record<string, unknown> | unknown[];\n  workflow: unknown[];\n  response_ids: string[];\n  feature_ids: unknown[];\n  features: unknown[];\n  itemType?: TItemType;\n  tags?: string[];\n}\n\nexport interface IWorksheetQuestion extends ILearnosityQuestion {\n  item_reference: string;\n  item_type?: TItemType;\n  section_name?: TSectionName;\n  is_optional?: boolean;\n  item_tags: string[];\n  item_tags_map: Record<string, string>;\n  item_number: number;\n  item_display_number: number;\n  question_number: number;\n  total_questions: number;\n}\n\nexport interface ILearnosityQuestionScore {\n  score?: number | null;\n  max_score: number;\n  unscored?: boolean;\n}\n\nexport interface ILearnosityQuestionResponse {\n  value: unknown;\n  responses?: unknown;\n  type: unknown;\n  updatedFormat?: boolean;\n  wordCount?: number;\n  apiVersion: string;\n  revision: number;\n  feedbackAttemptsCount?: number;\n}\n\nexport interface IAttempt {\n  response: ILearnosityQuestionResponse;\n  score: ILearnosityQuestionScore;\n}\n\ninterface ITeacherReview {\n  reviewComment?: string;\n  images?: string[];\n}\nexport interface IWorksheetResponse {\n  widgetReference: string;\n  itemReference: string;\n  itemPosition: number; // 0 based\n  questionPosition: number; // 0 based\n  isOkayTypeQuestion: boolean;\n  response?: ILearnosityQuestionResponse;\n  simState?: Record<string, unknown>;\n  score?: ILearnosityQuestionScore;\n  responseEdited?: boolean;\n  hintsUsed?: number;\n  markedForReview?: boolean;\n  attemptsHistory?: IAttempt[];\n  validatedByTeacher?: boolean;\n  submittedByStudent?: boolean;\n  assignStatus?: 'assigned' | 'skipped';\n  rating?: number;\n  skipped?: boolean;\n  doubtResolved?: boolean;\n  teacherReview?: ITeacherReview;\n  tags?: Record<string, string>;\n  timeSpent?: number;\n}\n\ntype TMathRenderer = 'mathjax' | 'mathquill';\nexport interface ILearnosity {\n  ready: () => void;\n  questions: () => Record<string, unknown>;\n  question: (responseId: string) =>\n    | {\n        enable: () => boolean;\n        disable: () => boolean;\n        getQuestion: () => ILearnosityQuestion;\n        getMetadata: () => ILearnosityQuestionMetadata;\n        getResponse: () => ILearnosityQuestionResponse;\n        getScore: (\n          callback?: (score: ILearnosityQuestionScore | null) => void,\n        ) => ILearnosityQuestionScore;\n        validate: (\n          options?: { showCorrectAnswers?: boolean; feedbackAttempts?: boolean },\n          callback?: () => void,\n        ) => void;\n        resetValidationUI: () => void;\n        on: (eventName: 'changed', callback: () => void) => void;\n        off: (eventName: 'changed', callback?: () => void) => void;\n      }\n    | undefined;\n  append: (toAppend: {\n    questions: ILearnosityQuestion[];\n    responses?: Record<string, unknown>;\n  }) => void;\n  appendQuestion: (toAppend: {\n    questions: ILearnosityQuestion[];\n    responses?: Record<string, unknown>;\n  }) => void;\n  reset: () => void;\n  renderMath: (renderer: TMathRenderer) => void;\n}\n\nexport interface IWorksheetBehavior {\n  /**\n   * If true, Opens the worksheet in resume mode.\n   * - If false, Opens the worksheet in review mode.\n   */\n  canAttempt: boolean;\n  /**\n   * If true, the user can mark the question for review.\n   */\n  canMarkForReview: boolean;\n  /**\n   * The mode of navigation for the worksheet.\n   * - `OPEN` mode allows the user to navigate to any question in the worksheet.\n   * - `LINEAR` mode allows the user to navigate to the next question only.\n   * - `ADAPTIVE` mode allows the user to navigate future questions based on the rating of the current question.\n   * - `CURRENT` mode allows the user to navigate to the current question only. Back and forth not allowed.\n   */\n  navigationMode: 'OPEN' | 'LINEAR' | 'ADAPTIVE' | 'CURRENT';\n  /**\n   * The initial question to display when the worksheet is loaded.\n   * - `FIRST` mode displays the first question in the worksheet.\n   * - `CURRENT` mode displays the question that the user was last on.\n   */\n  initialQuestion: 'FIRST' | 'CURRENT';\n  /**\n   * If hints are available, on clicking the help button, first availble hint will be shown.\n   * Clicking again will show the next hint.\n   * If no more hints are available, onHelp will be called.\n   */\n  hints: boolean;\n  /**\n   * The time in seconds after which the hints button will be shown.\n   */\n  hintsTimer?: number; // in seconds\n  /**\n   * If true, the user can skip the question without attempting it.\n   * Skip button will be shown only after the hints are exausted and skipTimer is reached.\n   */\n  skippable?: boolean;\n  /**\n   * The time in seconds after which the user can skip the question.\n   */\n  skippableTime?: number; // in seconds\n  /**\n   * If true, teacher validation is needed for the question to proceed\n   */\n  teacherValidationEnabled: boolean;\n  /**\n   * If worksheet is attempting outside the class setting\n   */\n  canTeacherValidate: boolean;\n  /**\n   * If true, questions will be validated and feedback will be shown.\n   */\n  validation: boolean;\n  /**\n   * If true, questions will be validated and feedback will be shown along with the correct answer.\n   */\n  solutionHidden?: boolean;\n  /**\n   * If true, solution will be hidden.\n   */\n  review: boolean;\n  /**\n   * The maximum number of attempts allowed for each question.\n   * 0 means unlimited attempts.\n   * -1 means attempts will not be validated, hence not pushed to attempt history.\n   * After reaching the maximum number of attempts, the user cannot attempt the question anymore.\n   * If maxAtttmpts reached and canExceedAttempts is true, the user can still attempt the question\n   * , also user will have the option to move to next question\n   */\n  maximumAttempts: number;\n  /**\n   * If true, the user can exceed the maximum number of attempts.\n   */\n  canExceedAttempts: boolean;\n  /**\n   * If the worksheet minimumAccuracy is not met, on clicking the final submit button, onMinimumAccuracyNotMet will be called.\n   */\n  minimumAccuracy: number;\n  /**\n   * Label for the check button\n   * For example,\n   * - \"Check\" for Checking the answer\n   * - \"Submit\" for Submitting the answer when doing assessment\n   */\n  checkButtonLabel: string;\n  /**\n   * If attempt is incorrect, we show retry button, this is the label for the retry button\n   * For example,\n   * - 'Try Again' for retrying the question\n   */\n  retryButtonLabel: string;\n  /**\n   * If true show demos calculator https://www.desmos.com/calculator\n   */\n  canShowDesmosCalc: boolean;\n}\n\nexport type TWORKSHHET_QUESTION_MEDIA_TYPE = 'SIMULATION' | 'VIDEO' | 'AUDIO';\n\nexport interface IWorksheetCallbackProps {\n  onResponseChange?: (options: {\n    responseId: string;\n    response: IWorksheetResponse;\n    isNewAttempt: boolean;\n    question: IWorksheetQuestion;\n  }) => void;\n  onBulkResponsesChange?: (responses: Record<string, IWorksheetResponse>) => void;\n  onResponsesChange?: (responses: Record<string, IWorksheetResponse>) => void;\n  onMediaStateChange?: (\n    question: IWorksheetQuestion,\n    mediaType: TWORKSHHET_QUESTION_MEDIA_TYPE,\n    mediaState: Record<string, unknown>,\n  ) => void;\n  onTeacherValidation?: (questionId: string, rating?: keyof typeof QUESTIONS_RATING) => void;\n  onOptionalItemAssignment?: (itemType: TItemType) => void;\n  onOptionalItemSkip?: (itemType: TItemType) => void;\n  onHelp?: (options: { questionId: string; questionNumber: string }) => void;\n  onMinimumAccuracyNotMet?: (accuracy: number) => void;\n  onExitTicketStart?: () => void;\n  onExitTicketSubmit?: () => void;\n  onSubmit?: (responses: Record<string, IWorksheetResponse>) => void;\n  loggerRef: MutableRefObject<(eventName: string, data?: Record<string, unknown>) => void>;\n}\n\nexport interface ICueCanvasCallbackProps {\n  onPublishStrokes?: TPublish;\n  onReceiveStrokes?: TSubscribe;\n}\n\nexport interface ICueCanvasProps {\n  initialStrokesData?: Record<string, IActionData[]>;\n  isCanvasEnabled: boolean;\n  canToggleScribbling?: boolean;\n}\n\nexport interface IPointerSyncCallbackProps {\n  onPublishMouseMove?: TPublishMouseMove;\n  onSubscribeMouseMove?: TSubscribeMouseMove;\n}\n\nexport interface IWorksheetLayout {\n  containerStyle: 'none' | 'card';\n  navigationBar: 'none' | 'top' | 'bottom';\n  actionBar: 'none' | 'bottom';\n  containerWidth: string;\n  topOffset: number; // Offset from the top of the screen, for eg: height of the header\n  questionsScrollable: boolean;\n  minQuestionHeight: string | number;\n  minSummaryHeight: string | number;\n  renderSideBar: boolean;\n  showUserPointer?: boolean;\n}\n\nexport interface ISubjectiveSheetProps {\n  onAddReviewComment?: (\n    responseId: string,\n    commentData: {\n      score: ILearnosityQuestionScore;\n      teacherReview: ITeacherReview;\n    },\n  ) => void;\n  openImagesReviewModal?: (props: IOpenImageReviewModalProps) => void;\n  handleReviewSubmit?: () => void;\n  isSubmittingReview?: boolean;\n  isReviewPending?: boolean;\n}\n\ninterface IBaseWorksheetProps {\n  userType: TUserTypes;\n  userId: string;\n  studentId: string;\n  studentName?: string;\n  worksheetName: string;\n  background?: 'none' | 'paper';\n  layout: IWorksheetLayout;\n  behavior: IWorksheetBehavior;\n  initialResponseId?: string;\n  initialItemIndex?: number;\n  updatedResponses?: Record<string, IWorksheetResponse>;\n  worksheetCompleted: boolean;\n  showNudgeBanner?: boolean;\n  markedAsCompleted?: boolean;\n  onResolveDoubt?: (responseId: string) => void;\n  onActiveQuestionChange?: (question: IWorksheetQuestion) => void;\n  canResolveDoubt?: boolean;\n  onSkip?: (itemIndex: number, widgetIndex: number) => void;\n  canShowActionBar?: boolean;\n}\n\nexport interface IWorksheetProps\n  extends IBaseWorksheetProps,\n    IWorksheetCallbackProps,\n    ICueCanvasProps,\n    ICueCanvasCallbackProps,\n    IPointerSyncCallbackProps {\n  learnosityActivityRef?: string;\n  learnosityItems: ILearnosityItem[];\n  learnosityResponses?: Record<string, IWorksheetResponse>;\n  learnosity: ILearnosity;\n  appendedQuestionIds: string[];\n  questionsSignedRequest: string;\n  openQuestionFeedbackModal?: (itemRef: string) => void;\n  summaryDescription?: JSX.Element | null;\n  canSubmitWorksheet?: boolean;\n  studentId: string;\n  attemptId?: string;\n  subjectiveProps?: ISubjectiveSheetProps;\n}\n\nexport interface IUpdateImages {\n  filteredImages: string[];\n  newImages: IFile[];\n}\nexport interface IOpenImageReviewModalProps {\n  isReviewed?: boolean;\n  disableScoreForm?: boolean;\n  imageUrls?: string[];\n  filteredImageUrls?: (props: IUpdateImages) => void;\n  uploadedImages?: (IFile | string)[];\n  image?: string;\n}\n\nexport interface IWorksheetContainerProps\n  extends IBaseWorksheetProps,\n    IWorksheetCallbackProps,\n    ICueCanvasProps,\n    ICueCanvasCallbackProps,\n    IPointerSyncCallbackProps {\n  studentId: string;\n  attemptId?: string;\n  itemsSignedRequest: string;\n  questionsSignedRequest: string;\n  onLoaded: () => void;\n  onErrored: (error: { code?: number; message: string }) => void;\n  onResponsesLoaded?: (responses: Record<string, IWorksheetResponse>) => void;\n  openQuestionFeedbackModal?: (itemRef: string) => void;\n  summaryDescription?: JSX.Element | null;\n  canSubmitWorksheet?: boolean;\n  subjectiveProps?: ISubjectiveSheetProps;\n}\n\nexport interface IWorksheetRef {\n  validateQuestion: (\n    responseId: string,\n    rating?: keyof typeof QUESTIONS_RATING,\n    skipRemainingQuestions?: boolean,\n  ) => void;\n  assignOptionalItems: (itemType: TItemType) => void;\n  skipOptionalItems: (itemType: TItemType) => void;\n  updateMediaState: (\n    responseId: string,\n    mediaType: TWORKSHHET_QUESTION_MEDIA_TYPE,\n    mediaState: Record<string, unknown>,\n  ) => void;\n}\n"],"names":["QUESTION_TAGS","QUESTIONS_RATING"],"mappings":"AAMY,IAAAA,sBAAAA,OACVA,EAAA,cAAc,eACdA,EAAA,gBAAgB,iBAFNA,IAAAA,KAAA,CAAA,CAAA,GAKAC,sBAAAA,OACVA,EAAAA,EAAA,IAAI,CAAJ,IAAA,KACAA,EAAAA,EAAA,IAAI,CAAJ,IAAA,KACAA,EAAAA,EAAA,IAAI,CAAJ,IAAA,KAHUA,IAAAA,KAAA,CAAA,CAAA;"}