@cuemath/leap 3.5.30-gg4 → 3.5.30-j1

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 {\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';\nimport type { IWorksheetQuestionProps } from './worksheet-question-types';\nimport { useWorksheetStore } from '../hooks/use-worksheet-store';\n\nconst WorksheetQuestion: FC<IWorksheetQuestionProps> = memo(function WorksheetQuestion({\n  question,\n  response,\n  nextQuestionId,\n  isActive,\n  isHidden,\n  canRender,\n  appended,\n  intersectionObserver,\n}) {\n  const {\n    behavior,\n    layout,\n    userType,\n    responses,\n    maxQuestionWidth,\n    actionbarHeight,\n    worksheetCompleted,\n    learnosity,\n    onPublishStrokes,\n    onReceiveStrokes,\n    initialStrokesData,\n    onPublishMouseMove,\n    onSubscribeMouseMove,\n    canResolveDoubt,\n    onResolveDoubt,\n    userId,\n    studentId,\n    subjectiveProps,\n    loggerRef,\n    isScribblingEnabled,\n  } = useWorksheetStore(store => ({\n    behavior: store.behavior,\n    layout: store.layout,\n    userType: store.userType,\n    responses: store.responses,\n    maxQuestionWidth: store.maxQuestionWidth,\n    actionbarHeight: store.actionbarHeight,\n    worksheetCompleted: store.worksheetCompleted,\n    learnosity: store.learnosity,\n    onPublishStrokes: store.onPublishStrokes,\n    onReceiveStrokes: store.onReceiveStrokes,\n    initialStrokesData: store.initialStrokesData,\n    onPublishMouseMove: store.onPublishMouseMove,\n    onSubscribeMouseMove: store.onSubscribeMouseMove,\n    canResolveDoubt: store.canResolveDoubt,\n    onResolveDoubt: store.onResolveDoubt,\n    userId: store.userId,\n    studentId: store.studentId,\n    subjectiveProps: store.subjectiveProps,\n    loggerRef: store.loggerRef,\n    isScribblingEnabled: store.scribblingEnabled,\n  }));\n  const { background = 'paper' } = layout;\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, renderQuestionHeader, imageHue } =\n    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 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  const hintsUsed = response?.hintsUsed ?? 0;\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 (isIntro || !$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    learnosity.renderMath('mathjax');\n  });\n\n  useLayoutEffect(() => {\n    if (!questionsScrollable && !isHidden) {\n      scrollToQuestion(responseId);\n    }\n  }, [isHidden, questionsScrollable, responseId, topOffset]);\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        $imageHue={imageHue}\n      >\n        {isActive && !!onPublishMouseMove && !!onSubscribeMouseMove && !!behavior.canvasEnabled && (\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          {renderQuestionHeader && !(isLessonOverview || isConceptIntro || isSystemIntro) && (\n            <QuestionHeader\n              question={question}\n              response={response}\n              behavior={behavior}\n              paperColor={paperColor}\n              actionbarHeight={actionbarHeight}\n              canResolveDoubt={canResolveDoubt}\n              onResolveDoubt={onResolveDoubt}\n              worksheetCompleted={worksheetCompleted}\n            />\n          )}\n          {isLessonOverview && <Styled.LessonOverviewBanner src={IMAGES.LESSON_OVERVIEW_BANNER} />}\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            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            imageHue={imageHue}\n            isPuzzle={maximumAttempts === -2}\n          />\n\n          {!isIntro &&\n            !!behavior.canvasEnabled &&\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                  canvasId={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              {...subjectiveProps}\n            />\n          )}\n        </Styled.QuestionWrapper>\n      </Styled.QuestionContainer>\n    </Styled.QuestionContainerWrapper>\n  );\n});\n\nexport default WorksheetQuestion;\n"],"names":["WorksheetQuestion","memo","question","response","nextQuestionId","isActive","isHidden","canRender","appended","intersectionObserver","behavior","layout","userType","responses","maxQuestionWidth","actionbarHeight","worksheetCompleted","learnosity","onPublishStrokes","onReceiveStrokes","initialStrokesData","onPublishMouseMove","onSubscribeMouseMove","canResolveDoubt","onResolveDoubt","userId","studentId","subjectiveProps","loggerRef","isScribblingEnabled","useWorksheetStore","store","background","paperColor","useMemo","getPaperColorByQuestion","questionHeight","setQuestionHeight","useState","canvasHeight","setCanvasHeight","validation","review","maximumAttempts","canExceedAttempts","teacherValidationEnabled","solutionHidden","minQuestionHeight","topOffset","questionsScrollable","renderQuestionHeader","imageHue","questionType","responseId","stimulus_review","item_type","instructor_stimulus","hintsAvailable","solution","widget_reference","item_reference","question_number","item_number","item_display_number","isLessonOverview","isConceptIntro","isConceptIntroWidget","isSystemIntro","isIntro","responseEdited","wrapperClasses","classes","overflowDetectedRef","useRef","hintsUsed","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","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 {\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';\nimport type { IWorksheetQuestionProps } from './worksheet-question-types';\n\nconst WorksheetQuestion: FC<IWorksheetQuestionProps> = memo(function WorksheetQuestion({\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  onMediaStateChange,\n  onMarkForReview,\n  userId,\n  onPublishStrokes,\n  onReceiveStrokes,\n  isScribblingEnabled,\n  initialStrokesData,\n  onPublishMouseMove,\n  onSubscribeMouseMove,\n  setActiveQuestionId,\n  canResolveDoubt,\n  onResolveDoubt,\n  studentId,\n  responses,\n  subjectiveProps,\n}) {\n  const { background = 'paper' } = layout;\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, renderQuestionHeader, imageHue } =\n    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 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 (isIntro || !$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    learnosity.renderMath('mathjax');\n  });\n\n  useLayoutEffect(() => {\n    if (!questionsScrollable && !isHidden) {\n      scrollToQuestion(responseId);\n    }\n  }, [isHidden, questionsScrollable, responseId, topOffset]);\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        $imageHue={imageHue}\n      >\n        {isActive && !!onPublishMouseMove && !!onSubscribeMouseMove && !!behavior.canvasEnabled && (\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          {renderQuestionHeader && !(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 && <Styled.LessonOverviewBanner src={IMAGES.LESSON_OVERVIEW_BANNER} />}\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            imageHue={imageHue}\n            isPuzzle={maximumAttempts === -2}\n          />\n\n          {!isIntro &&\n            !!behavior.canvasEnabled &&\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                  canvasId={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\nexport default WorksheetQuestion;\n"],"names":["WorksheetQuestion","memo","userType","signedRequest","worksheetCompleted","question","response","nextQuestionId","isActive","isHidden","canRender","loggerRef","appended","maxQuestionWidth","behavior","layout","actionbarHeight","learnosity","intersectionObserver","onMediaStateChange","onMarkForReview","userId","onPublishStrokes","onReceiveStrokes","isScribblingEnabled","initialStrokesData","onPublishMouseMove","onSubscribeMouseMove","setActiveQuestionId","canResolveDoubt","onResolveDoubt","studentId","responses","subjectiveProps","background","paperColor","useMemo","getPaperColorByQuestion","questionHeight","setQuestionHeight","useState","canvasHeight","setCanvasHeight","validation","review","maximumAttempts","canExceedAttempts","teacherValidationEnabled","solutionHidden","minQuestionHeight","topOffset","questionsScrollable","renderQuestionHeader","imageHue","questionType","responseId","stimulus_review","item_type","instructor_stimulus","hintsAvailable","solution","widget_reference","item_reference","question_number","item_number","item_display_number","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":";;;;;;;;;;;;;;;;;;AAiCM,MAAAA,KAAiDC,GAAK,SAA2B;AAAA,EACrF,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,QAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,iBAAAC;AACF,GAAG;AACK,QAAA,EAAE,YAAAC,KAAa,QAAY,IAAAnB,GAC3BoB,IAAaC;AAAA,IACjB,MAAOF,OAAe,UAAUG,GAAwBhC,CAAQ,IAAI;AAAA,IACpE,CAAC6B,IAAY7B,CAAQ;AAAA,EAAA,GAEjB,CAACiC,GAAgBC,EAAiB,IAAIC,EAA6B,GACnE,CAACC,IAAcC,EAAe,IAAIF,EAA6B,GAC/D;AAAA,IACJ,YAAAG;AAAA,IACA,QAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,0BAAAC;AAAA,IACA,gBAAAC;AAAA,EACE,IAAAlC,GACE,EAAE,mBAAAmC,IAAmB,WAAAC,IAAW,qBAAAC,GAAqB,sBAAAC,IAAsB,UAAAC,GAC/E,IAAAtC,GACI;AAAA,IACJ,MAAMuC;AAAA,IACN,aAAaC;AAAA,IACb,iBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,UAAU,EAAE,OAAOC,GAAgB,UAAAC,GAAU,kBAAAC,GAAiB;AAAA,IAC9D,gBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,qBAAAC;AAAA,EACE,IAAA5D,GACE6D,IAAmBT,MAAc,YACjCU,IAAiBC,GAAqBV,EAAmB,GACzDW,IAAgBX,OAAwB,eACxCY,IAAUH,KAAkBE,GAC5BE,KAAiBjE,KAAA,gBAAAA,EAAU,gBAC3BkE,KAAiBpC,EAAQ,MAAM;AACnC,UAAMqC,IAAU,CAAA;AAEZ,WAAAF,MAAkBrE,MAAa,aACjCuE,EAAQ,KAAK,YAAY,GAGtB7D,KACH6D,EAAQ,KAAK,QAAQ,GAGnBnB,MAAiB,aACnBmB,EAAQ,KAAK,wBAAwB,GAGnC7D,KAAYmC,KAA4BO,MAAiB,gBACvD,CAACa,KAAkBjE,MAAa,YAClCuE,EAAQ,KAAK,iBAAiB,IAE9BA,EAAQ,KAAK,sBAAsB,IAInCP,KACFO,EAAQ,KAAK,iBAAiB,GAG5BN,KACFM,EAAQ,KAAK,eAAe,GAG1BJ,KACFI,EAAQ,KAAK,cAAc,GAGtBA,EAAQ,KAAK,GAAG;AAAA,EAAA,GACtB;AAAA,IACD7D;AAAA,IACAuD;AAAA,IACAD;AAAA,IACAG;AAAA,IACAf;AAAA,IACAiB;AAAA,IACAxB;AAAA,IACA7C;AAAA,EAAA,CACD,GACKwE,IAAsBC,EAAgC,CAAA,CAAE,GAExDC,MAAYtE,KAAA,gBAAAA,EAAU,cAAa,GACnC,CAACuE,EAAyB,IAAIrC,GAASlC,KAAA,gBAAAA,EAAU,uBAAsB,EAAK,GAE5EwE,IAAcH,EAAuB,IAAI,GACzCI,IAAsBJ,EAAuB,IAAI,GACjDK,IAAQ5C,EAAQ,MAAMuB,KAAA,gBAAAA,EAAgB,MAAM,GAAGiB,KAAY,CAACjB,GAAgBiB,EAAS,CAAC,GACtFK,KAAmB7C,EAAQ,MAC3BlC,MAAa,aAEbE,IAA2B,KAE3B,CAACE,KAED,CAACA,EAAS,YAEVA,EAAS,iBAAuB,KAE7BqC,IACN,CAACrC,GAAUJ,GAAUyC,IAAYvC,CAAkB,CAAC,GAEjD8E,KAAqB9C,EAAQ,MAAM;AACnC,QAAAlC,MAAa,UAAkB,QAAA;AAEnC,QAAI0C,GAAQ;AACV,YAAM,EAAE,iBAAAuC,EAAA,IAAoB7E,KAAY;AAGxC,eAFgC6E,KAAA,gBAAAA,EAAiB,WAAU,MAAMtC,KAEhC,CAACC;AAAA,IACpC;AAEO,WAAA;AAAA,EAAA,GACN,CAACA,IAAmBD,GAAiBvC,GAAUsC,GAAQ1C,CAAQ,CAAC,GAE7DkF,KAAehD;AAAA,IACnB,MAAMwB,KAAYxD,KAAsB,CAAC4C;AAAA,IACzC,CAACA,IAAgBY,GAAUxD,CAAkB;AAAA,EAAA,GAGzC,CAACiF,IAAoBC,EAAqB,IAAI9C,EAAS;AAAA,IAC3D,OAAO;AAAA,IACP,QAAQ;AAAA,EAAA,CACT,GAEK+C,KAAiBC,GAAY,CAACC,MAAmB;AACrD,IAAA/C,GAAgB+C,CAAM;AAAA,EACxB,GAAG,CAAE,CAAA;AAEL,SAAAC,EAAU,MAAM;AACd,IAAIZ,EAAY,WACO5D,EAAA,QAAQ4D,EAAY,OAAO;AAAA,EAClD,GACC,CAAC5D,CAAoB,CAAC,GAEzBwE,EAAU,MAAM;AAEZ,QAAA9E,MACCP,EAAS,SAAS,sBACjBA,EAAS,SAAS,iBAClBA,EAAS,SAAS,iBACpB;AACA,YAAMsF,IAAoB,SAAS;AAAA,QACjC,WAAWtF,EAAS,WAAW;AAAA,MAAA;AAGjC,UAAIuF,IAAW,GACXC,IAAY;AAEhB,MAAAF,EAAkB,QAAQ,CAAoBG,MAAA;AAC5C,QAAAF,IAAW,KAAK,IAAIA,GAAUE,EAAiB,cAAc,EAAE,GAC/DD,IAAY,KAAK,IAAIA,GAAWC,EAAiB,eAAe,CAAC;AAAA,MAAA,CAClE,GAEqBR,GAAA;AAAA,QACpB,OAAOjF,EAAS,SAAS,gBAAgBuF,IAAW;AAAA,QACpD,QAAQC;AAAA,MAAA,CACT;AAAA,IACH;AAAA,EAAA,GACC,CAACjF,GAAUP,EAAS,aAAaA,EAAS,IAAI,CAAC,GAElDqF,EAAU,MAAM;AACd,QAAI9E,KAAYqE,IAAkB;AAC1B,YAAAc,IAAqB9E,EAAW,SAASsC,CAAU;AAEzD,MAAIwC,KACFA,EAAmB,SAAS;AAAA,QAC1B,oBAAAb;AAAA,MAAA,CACD;AAAA,IAEL;AAAA,EAAA,GACC,CAACtE,GAAUK,GAAYsC,GAAYX,GAAQsC,IAAoBhF,GAAU+E,EAAgB,CAAC,GAE7FS,EAAU,MAAM;AACd,UAAMM,IAAcjB,EAAoB;AAExC,QACEnE,KACAoF,KACArF,EAAU,WACV+D,EAAoB,QAAQnB,CAAU,MAAM,UAC5C,CAACY,KACD,CAACE,GACD;AACA,YAAM4B,IAAcD,EAAY,aAC1BE,IAAiBF,EAAY,iBAAiB,GAAG;AAEvD,eAASG,IAAI,GAAGA,IAAID,EAAe,QAAQC,KAAK;AACxC,cAAAC,IAAUF,EAAeC,CAAC;AAE5B,YAAAC,KAAA,QAAAA,EAAS,QAAQ;AACnB;AAKF,cAFqBA,KAAA,gBAAAA,EAAS,gBAAe,KAE1BH,GAAa;AACV,UAAAvB,EAAA,QAAQnB,CAAU,IAAI,IAChC5C,EAAA,QAAQ0F,GAAO,oCAAoC;AAAA,YAC3D,gBAAAvC;AAAA,YACA,kBAAAD;AAAA,YACA,eAAeP;AAAA,YACf,iBAAAS;AAAA,YACA,YAAAR;AAAA,YACA,aAAAS;AAAA,YACA,qBAAAC;AAAA,UAAA,CACD;AACD;AAAA,QACF;AAAA,MACF;AAEoB,MAAAS,EAAA,QAAQnB,CAAU,IAAI;AAAA,IAC5C;AAAA,EAAA,GACC;AAAA,IACD3C;AAAA,IACAuD;AAAA,IACAE;AAAA,IACAJ;AAAA,IACAD;AAAA,IACAF;AAAA,IACAnD;AAAA,IACA2C;AAAA,IACAS;AAAA,IACAR;AAAA,IACAM;AAAA,EAAA,CACD,GAGD6B,EAAU,MAAM;AACd,UAAMM,IAAclB,EAAY,SAE1BwB,IAAuC,CAACC,MAA+B;AACrE,YAAAC,IAAmBD,EAAW,cAAc,uBAAuB;AAErE,UAAAjC,KAAW,CAACkC;AACP,eAAA;AAGH,YAAAC,IAAiBF,EAAW,sBAAA,EAAwB,QACpDG,IAAwBF,EAAiB,sBAAA,EAAwB,QACjEG,IAA4B,KAAK,IAAIF,IAAiBC,CAAqB;AAEjF,aAAIC,IAA4BC,KACvBA,KAA6BD,IAG/B;AAAA,IAAA;AAGT,IAAI/F,KAAYoF,KACdzD,GAAkB,CAAWsE,MAAA;;AAGrB,YAAAC,MAFsBC,KAAA1G,EAAS,aAAT,gBAAA0G,GAAmB,UAAS,uBAEb,EADtBhE,KAA4BO,MAAiB,cAE5DmC,IAASO,EAAY;AAE3B,UAAIP,MAAW;AACN,eAAAoB;AAIT,UAAI,CAACA;AACH,eAAO,KAAK;AAAA,UACVpB,KAAUqB,IAAcR,EAAqCN,CAAW,IAAI;AAAA,QAAA;AAIhF,YAAMgB,KAAoB,KAAK;AAAA,QAC7BvB,KAAUqB,IAAcR,EAAqCN,CAAW,IAAI;AAAA,MAAA;AAG9E,aAAI,KAAK,IAAIgB,KAAoBH,CAAO,IAAI,IACnCG,KAGFH;AAAA,IAAA,CACR,GAGH5F,EAAW,WAAW,SAAS;AAAA,EAAA,CAChC,GAEDgG,GAAgB,MAAM;AAChB,IAAA,CAAC9D,KAAuB,CAAC1C,KAC3ByG,GAAiB3D,CAAU;AAAA,KAE5B,CAAC9C,GAAU0C,GAAqBI,GAAYL,EAAS,CAAC,GAEzDwC,EAAU,MAAM;AACd,QACE3C,KACAxC,KACA,CAACsE,OACDvE,KAAA,QAAAA,EAAU,qBACV;AACM,YAAA6G,IAAQ,WAAW,MAAM;AAC7B,QAAIhE,IACF+D,GAAiB3G,CAAc,IAE/BqB,GAAoBrB,CAAc;AAAA,SAEnC,GAAI;AAEP,aAAO,MAAM;AACX,qBAAa4G,CAAK;AAAA,MAAA;AAAA,IAEtB;AAAA,EAAA,GACC;AAAA,IACD5G;AAAA,IACAwC;AAAA,IACA8B;AAAA,IACA1B;AAAA,IACAvB;AAAA,IACAtB,KAAA,gBAAAA,EAAU;AAAA,EAAA,CACX,GAGC,gBAAA8G;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,oBAAkB9D;AAAA,MAClB,WAAW,UAAUA,CAAU;AAAA,MAC/B,KAAKuB;AAAA,MACL,YAAY5B;AAAA,MACZ,gBAAgBM,IAAkB,QAAQ;AAAA,MAC1C,aAAaA,IAAkB,eAAe;AAAA,MAC9C,SAAS/C;AAAA,MACT,eAAe6G;AAAA,MAEd,UAAA;AAAA,QACC9D,KAAA,gBAAA+D;AAAA,UAACC;AAAAA,UAAA;AAAA,YACC,yBAAyB;AAAA,cACvB,QAAQhE;AAAA,YACV;AAAA,UAAA;AAAA,QACF;AAAA,QAEF,gBAAA4D;AAAA,UAACK;AAAAA,UAAA;AAAA,YACC,KAAK1C;AAAA,YACL,QAAQvB,IAAkB,QAAQ,GAAG3C,CAAgB;AAAA,YACrD,YACEyB,IAAiB,KAAK,IAAIA,IAAiB,IAAIG,MAAgB,CAAC,IAAIQ;AAAA,YAEtE,WAAWzC;AAAA,YACX,aAAa2B;AAAA,YACb,UAAU3B,IAAW,IAAI;AAAA,YACzB,WAAW6C;AAAA,YAEV,UAAA;AAAA,cAAY7C,KAAA,CAAC,CAACkB,KAAsB,CAAC,CAACC,KAAwB,CAAC,CAACb,EAAS,iBACxE,gBAAAyG;AAAA,gBAACG;AAAA,gBAAA;AAAA,kBACC,cAAc3C;AAAA,kBACd,WAAWrD;AAAA,kBACX,aAAaC;AAAA,kBACb,YAAA4B;AAAA,gBAAA;AAAA,cACF;AAAA,cAEF,gBAAA6D;AAAA,gBAACO;AAAAA,gBAAA;AAAA,kBACC,WAAWnD;AAAA,kBACX,mBAAmBa,GAAmB;AAAA,kBACtC,oBAAoBA,GAAmB;AAAA,kBAEtC,UAAA;AAAA,oBAAwBjC,MAAA,EAAEc,KAAoBC,KAAkBE,MAC/D,gBAAAkD;AAAA,sBAACK;AAAA,sBAAA;AAAA,wBACC,UAAA1H;AAAA,wBACA,UAAAG;AAAA,wBACA,UAAAC;AAAA,wBACA,UAAAQ;AAAA,wBACA,QAAAC;AAAA,wBACA,YAAAoB;AAAA,wBACA,iBAAAf;AAAA,wBACA,iBAAAJ;AAAA,wBACA,iBAAAa;AAAA,wBACA,gBAAAC;AAAA,wBACA,oBAAA1B;AAAA,sBAAA;AAAA,oBACF;AAAA,oBAED8D,KAAqB,gBAAAqD,EAAAM,IAAA,EAA4B,KAAKC,GAAO,wBAAwB;AAAA,oBACrF3D,KAAkBhC,KAAe,gBAAAoF,EAAAQ,IAAA,EAAiB,YAAA5F,EAAwB,CAAA;AAAA,oBAC1EkC,IAEI,gBAAA+C,EAAAY,IAAA,EAAA,UAAA;AAAA,sBAAcvE,MAAA,sCAAqBwE,IAAmB,CAAA,CAAA;AAAA,sBACtDxE,MAAc,sBAAsB,gBAAA8D,EAACW,IAAqB,CAAA,CAAA;AAAA,sBAC1DzE,MAAc,iBAAiB,gBAAA8D,EAACY,IAAgB,CAAA,CAAA;AAAA,uBAChD1E,KAAA,gBAAAA,EAAW,WAAW,mCAAiB2E,IAAsB,CAAA,CAAA;AAAA,oBAAA,EAChE,CAAA,IACE;AAAA,oBACJ,gBAAAb;AAAA,sBAACc;AAAA,sBAAA;AAAA,wBACC,eAAAlI;AAAA,wBACA,UAAAS;AAAA,wBACA,UAAAP;AAAA,wBACA,UAAUC,KAAA,gBAAAA,EAAU;AAAA,wBACpB,WAAWI,KAAaF;AAAA,wBACxB,YAAAS;AAAA,wBACA,gBAAgBf,MAAa;AAAA,wBAC7B,gBAAAiE;AAAA,wBACA,UAAU7D,KAAA,gBAAAA,EAAU;AAAA,wBACpB,oBAAAa;AAAA,wBACA,UAAAkC;AAAA,wBACA,UAAUR,MAAoB;AAAA,sBAAA;AAAA,oBAChC;AAAA,oBAEC,CAACyB,KACA,CAAC,CAACxD,EAAS,iBACXQ,KACAC,KACAe,MAAmB,UAChB,gBAAAiF,EAAAe,IAAA,EAAwB,cAAc9G,GACrC,UAAA,gBAAA+F;AAAA,sBAACgB;AAAA,sBAAA;AAAA,wBACC,WAAA7H;AAAA,wBACA,aAAac,KAAuBhB;AAAA,wBACpC,UAAAI;AAAA,wBACA,UAAU2C;AAAA,wBACV,OAAO1C;AAAA,wBACP,QAAQ,KAAK,IAAIyB,GAAgBG,MAAgB,CAAC;AAAA,wBAClD,gBAAA8C;AAAA,wBACA,WAAWjE;AAAA,wBACX,aAAaC;AAAA,wBACb,QAAAF;AAAA,wBACA,aAAaI,KAAA,gBAAAA,EAAqB8B;AAAA,wBAClC,UAAArD;AAAA,sBAAA;AAAA,oBAAA,GAEJ;AAAA,oBAEH,CAACoE,KAAWU,KAASA,EAAM,SAAS,KACnC,gBAAAuC;AAAA,sBAACiB;AAAA,sBAAA;AAAA,wBACC,aAAY;AAAA,wBACZ,UAAU;AAAA,wBACV,OAAO;AAAA,wBACP,gBAAgB;AAAA,wBAChB,cAAa;AAAA,wBAEZ,UAAMxD,EAAA,IAAI,CAACyD,GAAMC,MAChB,gBAAAnB;AAAA,0BAACoB;AAAAA,0BAAA;AAAA,4BAEC,yBAAyB;AAAA,8BACvB,QAAQ,yDACLhF,KAAA,gBAAAA,EAAgB,WAAU,KAAK,IAAI,IAAI+E,IAAQ,CAAC,KAAK,EACxD,iBAAiBD,CAAI;AAAA,4BACvB;AAAA,0BAAA;AAAA,0BALKA;AAAA,wBAAA,CAOR;AAAA,sBAAA;AAAA,oBACH;AAAA,oBAEDrD,MACC,gBAAAmC;AAAA,sBAACiB;AAAA,sBAAA;AAAA,wBACC,aAAY;AAAA,wBACZ,UAAU;AAAA,wBACV,OAAO;AAAA,wBACP,gBAAgB;AAAA,wBAChB,cAAa;AAAA,wBAEb,UAAA,gBAAAjB;AAAA,0BAACqB;AAAAA,0BAAA;AAAA,4BACC,yBAAyB;AAAA,8BACvB,QAAQ,iEAAiEhF,CAAQ;AAAA,4BACnF;AAAA,0BAAA;AAAA,wBACF;AAAA,sBAAA;AAAA,oBACF;AAAA,oBAED,CAAC,CAAC3B,MACD,gBAAAsF;AAAA,sBAACsB;AAAA,sBAAA;AAAA,wBACC,WAAA7G;AAAA,wBACA,UAAA1B;AAAA,wBACA,gBAAAC;AAAA,wBACA,YAAAgD;AAAA,wBACA,WAAAxB;AAAA,wBACA,UAAA7B;AAAA,wBACC,GAAG+B;AAAA,sBAAA;AAAA,oBACN;AAAA,kBAAA;AAAA,gBAAA;AAAA,cAEJ;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}

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

@@ -1,53 +1,52 @@
-import { jsx as i } from "react/jsx-runtime";
-import { memo as a, useEffect as g } from "react";
-import s from "styled-components";
-import d from "../../../../assets/line-icons/icons/scribble.js";
-import f from "../../../ui/buttons/clickable/clickable.js";
-import b from "../../../ui/layout/flex-view.js";
-import S from "../../constants/events.js";
-import { useWorksheetStore as p } from "../hooks/use-worksheet-store.js";
-const E = s(b)(
-  ({ theme: r, $active: l }) => `
+import { jsx as c } from "react/jsx-runtime";
+import { memo as p, useCallback as a } from "react";
+import d from "styled-components";
+import m from "../../../../assets/line-icons/icons/scribble.js";
+import u from "../../../ui/buttons/clickable/clickable.js";
+import e from "../../../ui/layout/flex-view.js";
+import b from "../../constants/events.js";
+const f = d(e)(
+  ({ theme: o, $active: r }) => `
   width: 36px;
   height: 36px;
   border-radius: 50%;
   border: 1px solid black;
   &:hover {
-    background-color: ${r.colors.BLACK};
+    background-color: ${o.colors.BLACK};
     svg path {
-      stroke: ${r.colors.WHITE};
+      stroke: ${o.colors.WHITE};
     }
   }
-  background-color: ${l ? r.colors.BLACK : r.colors.WHITE};
+  background-color: ${r ? o.colors.BLACK : o.colors.WHITE};
   justify-content: center;
   align-items: center;
   svg path {
-    stroke: ${l ? r.colors.WHITE : r.colors.BLACK};
+    stroke: ${r ? o.colors.WHITE : o.colors.BLACK};
   }
 `
-), x = a(function() {
-  const { toggleScribble: l, scribblingEnabled: e, isCanvasEnabled: n, canToggleScribbling: t, loggerRef: c } = p((o) => ({
-    scribblingEnabled: o.scribblingEnabled,
-    toggleScribble: o.toggleScribble,
-    isCanvasEnabled: !!o.behavior.canvasEnabled,
-    canToggleScribbling: o.behavior.canScribble ?? !0,
-    loggerRef: o.loggerRef
-  }));
-  return g(() => {
-    c.current(S.WORKSHEET_V3_SCRIBBLE_TOGGLE, {
-      scribbling_enabled: e
+), g = p(function({
+  isScribblingEnabled: r,
+  setIsScribblingEnabled: t,
+  isCanvasEnabled: i,
+  loggerRef: l,
+  canToggleScribbling: s = !0
+}) {
+  const n = a(() => {
+    t(!r), l.current(b.WORKSHEET_V3_SCRIBBLE_TOGGLE, {
+      scribbling_enabled: !r
     });
-  }, [e, c]), n ? /* @__PURE__ */ i(
-    f,
+  }, [r, l, t]);
+  return i ? /* @__PURE__ */ c(
+    u,
     {
       label: "ScribbleSwitch Toggled",
-      onClick: l,
-      disabled: !t,
-      children: /* @__PURE__ */ i(E, { $active: e, children: /* @__PURE__ */ i(d, {}) })
+      onClick: n,
+      disabled: !s,
+      children: /* @__PURE__ */ c(f, { $active: r, children: /* @__PURE__ */ c(m, {}) })
     }
-  ) : /* @__PURE__ */ i(b, { $widthX: 15.25 });
+  ) : /* @__PURE__ */ c(e, { $widthX: 15.25 });
 });
 export {
-  x as default
+  g as default
 };
 //# sourceMappingURL=scribble-switch.js.map

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 { memo, useEffect, type FC } 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';\nimport { useWorksheetStore } from '../hooks/use-worksheet-store';\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: FC = memo(function ScribbleSwitch() {\n  const { toggleScribble, scribblingEnabled, isCanvasEnabled, canToggleScribbling, loggerRef } =\n    useWorksheetStore(store => ({\n      scribblingEnabled: store.scribblingEnabled,\n      toggleScribble: store.toggleScribble,\n      isCanvasEnabled: !!store.behavior.canvasEnabled,\n      canToggleScribbling: store.behavior.canScribble ?? true,\n      loggerRef: store.loggerRef,\n    }));\n\n  useEffect(() => {\n    loggerRef.current(EVENTS.WORKSHEET_V3_SCRIBBLE_TOGGLE, {\n      scribbling_enabled: scribblingEnabled,\n    });\n  }, [scribblingEnabled, loggerRef]);\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={toggleScribble}\n      disabled={!canToggleScribbling}\n    >\n      <IconWrapper $active={scribblingEnabled}>\n        <ScribbleIcon />\n      </IconWrapper>\n    </Clickable>\n  );\n});\n\nexport default ScribbleSwitch;\n"],"names":["IconWrapper","styled","FlexView","theme","$active","ScribbleSwitch","memo","toggleScribble","scribblingEnabled","isCanvasEnabled","canToggleScribbling","loggerRef","useWorksheetStore","store","useEffect","EVENTS","jsx","Clickable","ScribbleIcon"],"mappings":";;;;;;;;AASA,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,IAAqBC,EAAK,WAA0B;AAClD,QAAA,EAAE,gBAAAC,GAAgB,mBAAAC,GAAmB,iBAAAC,GAAiB,qBAAAC,GAAqB,WAAAC,EAAU,IACzFC,EAAkB,CAAUC,OAAA;AAAA,IAC1B,mBAAmBA,EAAM;AAAA,IACzB,gBAAgBA,EAAM;AAAA,IACtB,iBAAiB,CAAC,CAACA,EAAM,SAAS;AAAA,IAClC,qBAAqBA,EAAM,SAAS,eAAe;AAAA,IACnD,WAAWA,EAAM;AAAA,EACjB,EAAA;AAQJ,SANAC,EAAU,MAAM;AACJ,IAAAH,EAAA,QAAQI,EAAO,8BAA8B;AAAA,MACrD,oBAAoBP;AAAA,IAAA,CACrB;AAAA,EAAA,GACA,CAACA,GAAmBG,CAAS,CAAC,GAE5BF,IAMH,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,SAASV;AAAA,MACT,UAAU,CAACG;AAAA,MAEX,4BAACV,GAAY,EAAA,SAASQ,GACpB,UAAA,gBAAAQ,EAACE,IAAa,CAAA,GAChB;AAAA,IAAA;AAAA,EAAA,IAXK,gBAAAF,EAACd,GAAS,EAAA,SAAS,MAAO,CAAA;AAcrC,CAAC;"}
+{"version":3,"file":"scribble-switch.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-questions-controller/scribble-switch.tsx"],"sourcesContent":["import { memo, useCallback, type FC, type MutableRefObject } 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: 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: FC<IScribbleSwitchProps> = memo(function ScribbleSwitch({\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\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,IAA2CC,EAAK,SAAwB;AAAA,EAC5E,qBAAAC;AAAA,EACA,wBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,qBAAAC,IAAsB;AACxB,GAAG;AACK,QAAAC,IAAuBC,EAAY,MAAM;AAC7C,IAAAL,EAAuB,CAACD,CAAmB,GACjCG,EAAA,QAAQI,EAAO,8BAA8B;AAAA,MACrD,oBAAoB,CAACP;AAAA,IAAA,CACtB;AAAA,EACA,GAAA,CAACA,GAAqBG,GAAWF,CAAsB,CAAC;AAE3D,SAAKC,IAMH,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,SAASJ;AAAA,MACT,UAAU,CAACD;AAAA,MAEX,4BAACX,GAAY,EAAA,SAASO,GACpB,UAAA,gBAAAQ,EAACE,IAAa,CAAA,GAChB;AAAA,IAAA;AAAA,EAAA,IAXK,gBAAAF,EAACb,GAAS,EAAA,SAAS,MAAO,CAAA;AAcrC,CAAC;"}

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

@@ -1,191 +1,193 @@
-import { useCallback as a } from "react";
-import { useErrorBoundary as J } from "react-error-boundary";
-import ee from "../../../hooks/use-audio-player.js";
-import te from "../../constants/events.js";
-import { SYSTEM_VALIDATION_AUDIO_LIST as ne } from "../constants.js";
-import { useWorksheetStore as se } from "../hooks/use-worksheet-store.js";
-import { isOkayTypeQuestion as Q, getQuestionMetadata as S, checkIsClozeFormulaResponseInvalid as oe } from "../worksheet-helpers.js";
-const me = (v) => {
+import { useCallback as c } from "react";
+import { useErrorBoundary as ot } from "react-error-boundary";
+import it from "../../../hooks/use-audio-player.js";
+import ct from "../../constants/events.js";
+import { SYSTEM_VALIDATION_AUDIO_LIST as rt } from "../constants.js";
+import { isOkayTypeQuestion as v, getQuestionMetadata as f, scrollToQuestion as z, checkIsClozeFormulaResponseInvalid as ut } from "../worksheet-helpers.js";
+const kt = (B) => {
   const {
-    behavior: V,
-    layout: L,
-    questions: s,
-    setResponses: u,
-    questionIndex: p,
-    updateResponse: y,
-    onResponseChange: o,
-    showSummary: B,
-    changeQuestion: m,
-    setBlocker: r,
-    onTeacherValidation: h,
-    learnosity: l,
-    loggerRef: E,
-    onHelp: k
-  } = se((e) => ({
-    behavior: e.behavior,
-    layout: e.layout,
-    questions: e.questions,
-    questionIndex: e.activeQuestionIndex,
-    setResponses: e.setResponses,
-    updateResponse: e.updateResponse,
-    onResponseChange: e.onResponseChange,
-    showSummary: e.showSummary,
-    changeQuestion: e.changeQuestion,
-    setBlocker: e.setBlocker,
-    onTeacherValidation: e.onTeacherValidation,
-    learnosity: e.learnosity,
-    loggerRef: e.loggerRef,
-    onHelp: e.onHelp
-  })), { question: C, getTimeSpentOnQuestion: I, setSkipped: q } = v, { questionsScrollable: M } = L, { response_id: t, item_type: U, question_number: b, item_number: g, total_questions: x } = C, A = U === "exit-ticket", { validation: w, teacherValidationEnabled: D } = V, _ = ee(ne), { showBoundary: N } = J(), R = a(() => {
-    const e = l.question(t);
-    e && w && !Q(e.getQuestion()) && e.getScore((n) => {
-      const { max_score: i, score: c } = n || {};
-      i && _(i === c ? "CORRECT" : "INCORRECT");
+    behavior: F,
+    layout: P,
+    learnosity: a,
+    question: C,
+    questionIndex: k,
+    questions: o,
+    getTimeSpentOnQuestion: b
+  } = B, { setResponses: l, setSummaryVisible: q, setActiveQuestionId: S, setBlocker: d, setSkipped: N } = B, { onHelp: _, onResponseChange: n, onTeacherValidation: E, loggerRef: x } = B, { questionsScrollable: m } = P, { response_id: e, item_type: X, question_number: w, item_number: T, total_questions: H } = C, O = X === "exit-ticket", { validation: Q, teacherValidationEnabled: $ } = F, y = it(rt), { showBoundary: L } = ot(), V = c(() => {
+    const t = a.question(e);
+    t && Q && !v(t.getQuestion()) && t.getScore((s) => {
+      const { max_score: i, score: r } = s || {};
+      i && y(i === r ? "CORRECT" : "INCORRECT");
     });
-  }, [l, _, t, w]), T = a(
-    (e, n) => {
-      u((i) => {
-        const c = {
-          ...S(s, e),
-          ...i[e],
+  }, [a, y, e, Q]), g = c(
+    (t, s, i, r) => {
+      const h = b(e);
+      l((A) => {
+        const u = A[t], I = !!r, D = {
+          ...f(o, t),
+          ...u,
+          response: s,
+          score: i,
+          responseEdited: !I,
+          attemptsHistory: I ? [...(u == null ? void 0 : u.attemptsHistory) ?? [], { response: s, score: i }] : u == null ? void 0 : u.attemptsHistory,
+          skipped: !s,
+          timeSpent: h
+        };
+        return n == null || n({
+          responseId: t,
+          response: D,
+          question: o.find((nt) => nt.response_id === t),
+          isNewAttempt: I
+        }), {
+          ...A,
+          [t]: D
+        };
+      });
+    },
+    [b, n, o, e, l]
+  ), M = c(
+    (t, s) => {
+      l((i) => {
+        const r = {
+          ...f(o, t),
+          ...i[t],
           validatedByTeacher: !0,
-          rating: n
+          rating: s
         };
-        return o == null || o({
-          responseId: e,
-          response: c,
-          question: s.find((O) => O.response_id === e),
+        return n == null || n({
+          responseId: t,
+          response: r,
+          question: o.find((h) => h.response_id === t),
           isNewAttempt: !1
         }), {
           ...i,
-          [e]: c
+          [t]: r
         };
       });
     },
-    [o, s, u]
-  ), z = a(() => {
-    k && C && k({
-      questionId: t,
-      questionNumber: `${g + 1}${x > 1 ? String.fromCharCode(97 + b) : ""}`
+    [n, o, l]
+  ), G = c(() => {
+    _ && C && _({
+      questionId: e,
+      questionNumber: `${T + 1}${H > 1 ? String.fromCharCode(97 + w) : ""}`
     });
-  }, [g, k, C, b, t, x]), F = a(() => {
-    E.current(te.WORKSHEET_V3_HINT_SEEN), u((e) => {
+  }, [T, _, C, w, e, H]), K = c(() => {
+    x.current(ct.WORKSHEET_V3_HINT_SEEN), l((t) => {
       var i;
-      const n = {
-        ...S(s, t),
-        ...e[t],
-        hintsUsed: (((i = e[t]) == null ? void 0 : i.hintsUsed) ?? 0) + 1
+      const s = {
+        ...f(o, e),
+        ...t[e],
+        hintsUsed: (((i = t[e]) == null ? void 0 : i.hintsUsed) ?? 0) + 1
       };
-      return o == null || o({
-        responseId: t,
-        response: n,
-        question: s.find((c) => c.response_id === t),
+      return n == null || n({
+        responseId: e,
+        response: s,
+        question: o.find((r) => r.response_id === e),
         isNewAttempt: !1
       }), {
-        ...e,
-        [t]: n
+        ...t,
+        [e]: s
       };
     });
-  }, [E, o, s, t, u]), P = a(() => {
-    var n;
-    const e = (n = s[p - 1]) == null ? void 0 : n.response_id;
-    e && m(e);
-  }, [m, p, s]), W = a(() => {
-    var n;
-    const e = (n = s[p + 1]) == null ? void 0 : n.response_id;
-    e ? m(e) : B();
-  }, [m, p, s, B]), X = a(() => {
-    u((e) => {
-      const n = {
-        ...S(s, t),
-        ...e[t],
+  }, [x, n, o, e, l]), R = c(() => {
+    var s;
+    const t = (s = o[k - 1]) == null ? void 0 : s.response_id;
+    t && (m ? z(t) : S(t));
+  }, [k, o, m, S]), W = c(() => {
+    var s;
+    const t = (s = o[k + 1]) == null ? void 0 : s.response_id;
+    t ? m ? z(t) : S(t) : q(!0);
+  }, [k, o, m, S, q]), Y = c(() => {
+    l((t) => {
+      const s = {
+        ...f(o, e),
+        ...t[e],
         skipped: !0
       };
-      return o == null || o({
-        responseId: t,
-        response: n,
-        question: s.find((i) => i.response_id === t),
+      return n == null || n({
+        responseId: e,
+        response: s,
+        question: o.find((i) => i.response_id === e),
         isNewAttempt: !1
       }), {
-        ...e,
-        [t]: n
+        ...t,
+        [e]: s
       };
-    }), q(!0);
-  }, [o, s, t, u, q]), d = a(
-    (e) => {
-      const n = l.question(t);
-      if (n) {
-        const i = n.getQuestion(), c = n.getResponse();
-        (i.type === "clozeformula" && c && (c == null ? void 0 : c.value) ? oe(c) : !1) && N(new Error("CLOZE_FORMULA_RESPONSE_EXCEEDS_MAX_LENGTH")), n.getScore((f) => {
-          y({
-            responseId: t,
-            response: c,
-            score: Q(i) || !f ? {
+    }), N(!0);
+  }, [n, o, e, l, N]), p = c(
+    (t) => {
+      const s = a.question(e);
+      if (s) {
+        const i = s.getQuestion(), r = s.getResponse();
+        (i.type === "clozeformula" && r && (r == null ? void 0 : r.value) ? ut(r) : !1) && L(new Error("CLOZE_FORMULA_RESPONSE_EXCEEDS_MAX_LENGTH")), s.getScore((u) => {
+          g(
+            e,
+            r,
+            v(i) || !u ? {
               max_score: 0,
               score: 0,
-              unscored: !f
+              unscored: !u
               // score will be null for unscored questions
-            } : { ...f, score: f.score ?? 0 },
-            answerChecked: e,
-            timeSpent: I(t)
-          });
+            } : { ...u, score: u.score ?? 0 },
+            t
+          );
         });
       }
     },
-    [I, l, t, N, y]
-  ), $ = a(() => {
-    const e = l.question(t);
-    e && (e.enable(), e.resetValidationUI(), d());
-  }, [d, l, t]), H = a(() => {
-    R(), d(!0);
-  }, [d, R]), G = a(() => {
-    const e = l.question(t);
-    e && (e.disable(), e.validate(
+    [a, e, L, g]
+  ), Z = c(() => {
+    const t = a.question(e);
+    t && (t.enable(), t.resetValidationUI(), p());
+  }, [p, a, e]), U = c(() => {
+    V(), p(!0);
+  }, [p, V]), j = c(() => {
+    const t = a.question(e);
+    t && (t.disable(), t.validate(
       {
         feedbackAttempts: !0
       },
-      H
+      U
     ));
-  }, [H, l, t]), K = a(() => {
-    A ? r("exit-ticket-review") : h == null || h(t);
-  }, [A, h, t, r]), Y = a(() => {
-    T(t);
-  }, [t, T]), Z = a(() => {
-    u((e) => {
-      const n = {
-        ...S(s, t),
-        ...e[t],
+  }, [U, a, e]), J = c(() => {
+    O ? d("exit-ticket-review") : E == null || E(e);
+  }, [O, E, e, d]), tt = c(() => {
+    M(e);
+  }, [e, M]), et = c(() => {
+    l((t) => {
+      const s = {
+        ...f(o, e),
+        ...t[e],
         submittedByStudent: !0
       };
-      return o == null || o({
-        responseId: t,
-        response: n,
-        question: s.find((i) => i.response_id === t),
+      return n == null || n({
+        responseId: e,
+        response: s,
+        question: o.find((i) => i.response_id === e),
         isNewAttempt: !1
       }), {
-        ...e,
-        [t]: n
+        ...t,
+        [e]: s
       };
-    }), r("exit-ticket-student-submission");
-  }, [o, s, t, r, u]), j = a(() => {
-    r("optional-items-skip");
-  }, [r]);
+    }), d("exit-ticket-student-submission");
+  }, [n, o, e, d, l]), st = c(() => {
+    d("optional-items-skip");
+  }, [d]);
   return {
-    handleResponseChange: d,
-    handleHelpButtonClick: k ? z : void 0,
-    handleHintButtonClick: F,
-    handleBackButtonClick: !M && !D ? P : void 0,
+    handleResponseChange: p,
+    handleHelpButtonClick: _ ? G : void 0,
+    handleHintButtonClick: K,
+    handleBackButtonClick: !m && !$ ? R : void 0,
     handleNextButtonClick: W,
-    handleRetryButtonClick: $,
-    handleCheckButtonClick: G,
-    handleValidateButtonClick: K,
-    handleStartButtonClick: Y,
-    handleReadyButtonClick: Z,
-    handleSkipSectionButtonClick: j,
-    handleSkipButtonClick: X
+    handleRetryButtonClick: Z,
+    handleCheckButtonClick: j,
+    handleValidateButtonClick: J,
+    handleStartButtonClick: tt,
+    handleReadyButtonClick: et,
+    handleSkipSectionButtonClick: st,
+    handleSkipButtonClick: Y
   };
 };
 export {
-  me as default
+  kt as default
 };
 //# sourceMappingURL=use-handler-callbacks.js.map