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

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 { validation, review, maximumAttempts, canExceedAttempts, teacherValidationEnabled } =\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, 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 [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          {!!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","minQuestionHeight","topOffset","questionsScrollable","renderQuestionHeader","imageHue","questionType","responseId","stimulus_review","item_type","instructor_stimulus","hintsAvailable","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","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","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';\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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"}

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

@@ -0,0 +1,53 @@
+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 }) => `
+  width: 36px;
+  height: 36px;
+  border-radius: 50%;
+  border: 1px solid black;
+  &:hover {
+    background-color: ${r.colors.BLACK};
+    svg path {
+      stroke: ${r.colors.WHITE};
+    }
+  }
+  background-color: ${l ? r.colors.BLACK : r.colors.WHITE};
+  justify-content: center;
+  align-items: center;
+  svg path {
+    stroke: ${l ? r.colors.WHITE : r.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
+    });
+  }, [e, c]), n ? /* @__PURE__ */ i(
+    f,
+    {
+      label: "ScribbleSwitch Toggled",
+      onClick: l,
+      disabled: !t,
+      children: /* @__PURE__ */ i(E, { $active: e, children: /* @__PURE__ */ i(d, {}) })
+    }
+  ) : /* @__PURE__ */ i(b, { $widthX: 15.25 });
+});
+export {
+  x as default
+};
+//# sourceMappingURL=scribble-switch.js.map

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"use-handler-callbacks.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-questions-controller/use-handler-callbacks.ts"],"sourcesContent":["import { useCallback, type Dispatch, type SetStateAction } from 'react';\nimport { useErrorBoundary } from 'react-error-boundary';\n\nimport useAudioPlayer from '../../../hooks/use-audio-player';\nimport { SYSTEM_VALIDATION_AUDIO_LIST } from '../constants';\nimport { useWorksheetStore } from '../hooks/use-worksheet-store';\nimport {\n  checkIsClozeFormulaResponseInvalid,\n  getQuestionMetadata,\n  isOkayTypeQuestion,\n} from '../worksheet-helpers';\nimport type { IWorksheetQuestion, IWorksheetResponse } from '../worksheet-types';\nimport type { IWorksheetQuestionsControllerProps } from './worksheet-questions-controller-types';\n\ninterface IUseHandlerCallbacks {\n  (\n    options: Pick<IWorksheetQuestionsControllerProps, 'getTimeSpentOnQuestion'> & {\n      question: IWorksheetQuestion;\n      setSkipped: Dispatch<SetStateAction<boolean>>;\n    },\n  ): {\n    handleResponseChange: () => void;\n    handleBackButtonClick?: () => void;\n    handleNextButtonClick: () => void;\n    handleRetryButtonClick: () => void;\n    handleCheckButtonClick: () => void;\n    handleValidateButtonClick: () => void;\n    handleStartButtonClick: () => void;\n    handleReadyButtonClick: () => void;\n    handleSkipSectionButtonClick: () => void;\n    handleSkipButtonClick: () => void;\n  };\n}\n\nconst useHandlerCallbacks: IUseHandlerCallbacks = options => {\n  const {\n    behavior,\n    layout,\n    questions,\n    setResponses,\n    questionIndex,\n    updateResponse,\n    onResponseChange,\n    showSummary,\n    changeQuestion,\n    setBlocker,\n    onTeacherValidation,\n    learnosity,\n  } = useWorksheetStore(store => ({\n    behavior: store.behavior,\n    layout: store.layout,\n    questions: store.questions,\n    questionIndex: store.activeQuestionIndex,\n    setResponses: store.setResponses,\n    updateResponse: store.updateResponse,\n    onResponseChange: store.onResponseChange,\n    showSummary: store.showSummary,\n    changeQuestion: store.changeQuestion,\n    setBlocker: store.setBlocker,\n    onTeacherValidation: store.onTeacherValidation,\n    learnosity: store.learnosity,\n  }));\n  const { question, getTimeSpentOnQuestion, setSkipped } = options;\n  const { questionsScrollable } = layout;\n  const { response_id, item_type } = question;\n  const isExitTicket = item_type === 'exit-ticket';\n  const { validation, teacherValidationEnabled } = behavior;\n  const playNotifSound = useAudioPlayer(SYSTEM_VALIDATION_AUDIO_LIST);\n  const { showBoundary } = useErrorBoundary();\n\n  const playAudio = useCallback(() => {\n    const questionInstance = learnosity.question(response_id);\n\n    if (questionInstance && validation && !isOkayTypeQuestion(questionInstance.getQuestion())) {\n      questionInstance.getScore(sc => {\n        const { max_score: maxScore, score: currentScore } = sc || {};\n\n        if (maxScore) {\n          if (maxScore === currentScore) {\n            playNotifSound('CORRECT');\n          } else {\n            playNotifSound('INCORRECT');\n          }\n        }\n      });\n    }\n  }, [learnosity, playNotifSound, response_id, validation]);\n\n  const validateQuestion = useCallback(\n    (questionId: string, rating?: number) => {\n      setResponses(prevResponses => {\n        const newResponse = {\n          ...getQuestionMetadata(questions, questionId),\n          ...prevResponses[questionId],\n          validatedByTeacher: true,\n          rating,\n        };\n\n        onResponseChange?.({\n          responseId: questionId,\n          response: newResponse,\n          question: questions.find(q => q.response_id === questionId)!,\n          isNewAttempt: false,\n        });\n\n        return {\n          ...prevResponses,\n          [questionId]: newResponse,\n        };\n      });\n    },\n    [onResponseChange, questions, setResponses],\n  );\n\n  const handleBackButtonClick = useCallback(() => {\n    const questionId = questions[questionIndex - 1]?.response_id;\n\n    if (questionId) {\n      changeQuestion(questionId);\n    }\n  }, [changeQuestion, questionIndex, questions]);\n\n  const handleNextButtonClick = useCallback(() => {\n    const questionId = questions[questionIndex + 1]?.response_id;\n\n    if (questionId) {\n      changeQuestion(questionId);\n    } else {\n      showSummary();\n    }\n  }, [changeQuestion, questionIndex, questions, showSummary]);\n\n  const handleSkipButtonClick = useCallback(() => {\n    setResponses(prevResponses => {\n      const newResponse = {\n        ...getQuestionMetadata(questions, response_id),\n        ...prevResponses[response_id],\n        skipped: true,\n      };\n\n      onResponseChange?.({\n        responseId: response_id,\n        response: newResponse,\n        question: questions.find(q => q.response_id === response_id)!,\n        isNewAttempt: false,\n      });\n\n      return {\n        ...prevResponses,\n        [response_id]: newResponse,\n      };\n    });\n    setSkipped(true);\n  }, [onResponseChange, questions, response_id, setResponses, setSkipped]);\n\n  const handleResponseChange = useCallback(\n    (answerChecked?: boolean) => {\n      const questionInstance = learnosity.question(response_id);\n\n      if (questionInstance) {\n        const lquestion = questionInstance.getQuestion();\n        const questionResponse = questionInstance.getResponse();\n        const shouldCheckAbuse =\n          lquestion.type === 'clozeformula' && questionResponse && questionResponse?.value;\n        const isInputExceedingMaxLength = shouldCheckAbuse\n          ? checkIsClozeFormulaResponseInvalid(questionResponse)\n          : false;\n\n        if (isInputExceedingMaxLength) {\n          showBoundary(new Error('CLOZE_FORMULA_RESPONSE_EXCEEDS_MAX_LENGTH'));\n        }\n\n        questionInstance.getScore(score => {\n          updateResponse({\n            responseId: response_id,\n            response: questionResponse,\n            score:\n              isOkayTypeQuestion(lquestion) || !score\n                ? {\n                    max_score: 0,\n                    score: 0,\n                    unscored: !score, // score will be null for unscored questions\n                  }\n                : { ...score, score: score.score ?? 0 },\n            answerChecked,\n            timeSpent: getTimeSpentOnQuestion(response_id),\n          });\n        });\n      }\n    },\n    [getTimeSpentOnQuestion, learnosity, response_id, showBoundary, updateResponse],\n  );\n\n  const handleRetryButtonClick = useCallback(() => {\n    const questionInstance = learnosity.question(response_id);\n\n    if (questionInstance) {\n      questionInstance.enable();\n      questionInstance.resetValidationUI();\n      handleResponseChange();\n    }\n  }, [handleResponseChange, learnosity, response_id]);\n\n  const handleValidate = useCallback(() => {\n    playAudio();\n    handleResponseChange(true);\n  }, [handleResponseChange, playAudio]);\n\n  const handleCheckButtonClick = useCallback(() => {\n    const questionInstance = learnosity.question(response_id);\n\n    if (questionInstance) {\n      questionInstance.disable();\n      questionInstance.validate(\n        {\n          feedbackAttempts: true,\n        },\n        handleValidate,\n      );\n    }\n  }, [handleValidate, learnosity, response_id]);\n\n  const handleValidateButtonClick = useCallback(() => {\n    if (isExitTicket) {\n      setBlocker('exit-ticket-review');\n    } else {\n      onTeacherValidation?.(response_id);\n    }\n  }, [isExitTicket, onTeacherValidation, response_id, setBlocker]);\n\n  const handleStartButtonClick = useCallback(() => {\n    validateQuestion(response_id);\n  }, [response_id, validateQuestion]);\n\n  const handleReadyButtonClick = useCallback(() => {\n    setResponses(prevResponses => {\n      const newResponse: IWorksheetResponse = {\n        ...getQuestionMetadata(questions, response_id),\n        ...prevResponses[response_id],\n        submittedByStudent: true,\n      };\n\n      onResponseChange?.({\n        responseId: response_id,\n        response: newResponse,\n        question: questions.find(q => q.response_id === response_id)!,\n        isNewAttempt: false,\n      });\n\n      return {\n        ...prevResponses,\n        [response_id]: newResponse,\n      };\n    });\n    setBlocker('exit-ticket-student-submission');\n  }, [onResponseChange, questions, response_id, setBlocker, setResponses]);\n\n  const handleSkipSectionButtonClick = useCallback(() => {\n    setBlocker('optional-items-skip');\n  }, [setBlocker]);\n\n  return {\n    handleResponseChange,\n    handleBackButtonClick:\n      !questionsScrollable && !teacherValidationEnabled ? handleBackButtonClick : undefined,\n    handleNextButtonClick,\n    handleRetryButtonClick,\n    handleCheckButtonClick,\n    handleValidateButtonClick,\n    handleStartButtonClick,\n    handleReadyButtonClick,\n    handleSkipSectionButtonClick,\n    handleSkipButtonClick,\n  };\n};\n\nexport default useHandlerCallbacks;\n"],"names":["useHandlerCallbacks","options","behavior","layout","questions","setResponses","questionIndex","updateResponse","onResponseChange","showSummary","changeQuestion","setBlocker","onTeacherValidation","learnosity","useWorksheetStore","store","question","getTimeSpentOnQuestion","setSkipped","questionsScrollable","response_id","item_type","isExitTicket","validation","teacherValidationEnabled","playNotifSound","useAudioPlayer","SYSTEM_VALIDATION_AUDIO_LIST","showBoundary","useErrorBoundary","playAudio","useCallback","questionInstance","isOkayTypeQuestion","sc","maxScore","currentScore","validateQuestion","questionId","rating","prevResponses","newResponse","getQuestionMetadata","q","handleBackButtonClick","_a","handleNextButtonClick","handleSkipButtonClick","handleResponseChange","answerChecked","lquestion","questionResponse","checkIsClozeFormulaResponseInvalid","score","handleRetryButtonClick","handleValidate","handleCheckButtonClick","handleValidateButtonClick","handleStartButtonClick","handleReadyButtonClick","handleSkipSectionButtonClick"],"mappings":";;;;;;AAkCA,MAAMA,KAA4C,CAAWC,MAAA;AACrD,QAAA;AAAA,IACJ,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,WAAAC;AAAA,IACA,cAAAC;AAAA,IACA,eAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,YAAAC;AAAA,EAAA,IACEC,EAAkB,CAAUC,OAAA;AAAA,IAC9B,UAAUA,EAAM;AAAA,IAChB,QAAQA,EAAM;AAAA,IACd,WAAWA,EAAM;AAAA,IACjB,eAAeA,EAAM;AAAA,IACrB,cAAcA,EAAM;AAAA,IACpB,gBAAgBA,EAAM;AAAA,IACtB,kBAAkBA,EAAM;AAAA,IACxB,aAAaA,EAAM;AAAA,IACnB,gBAAgBA,EAAM;AAAA,IACtB,YAAYA,EAAM;AAAA,IAClB,qBAAqBA,EAAM;AAAA,IAC3B,YAAYA,EAAM;AAAA,EAClB,EAAA,GACI,EAAE,UAAAC,GAAU,wBAAAC,GAAwB,YAAAC,EAAA,IAAejB,GACnD,EAAE,qBAAAkB,EAAwB,IAAAhB,GAC1B,EAAE,aAAAiB,GAAa,WAAAC,EAAc,IAAAL,GAC7BM,IAAeD,MAAc,eAC7B,EAAE,YAAAE,GAAY,0BAAAC,EAA6B,IAAAtB,GAC3CuB,IAAiBC,EAAeC,CAA4B,GAC5D,EAAE,cAAAC,MAAiBC,KAEnBC,IAAYC,EAAY,MAAM;AAC5B,UAAAC,IAAmBnB,EAAW,SAASO,CAAW;AAExD,IAAIY,KAAoBT,KAAc,CAACU,EAAmBD,EAAiB,YAAA,CAAa,KACtFA,EAAiB,SAAS,CAAME,MAAA;AAC9B,YAAM,EAAE,WAAWC,GAAU,OAAOC,EAAa,IAAIF,KAAM;AAE3D,MAAIC,KAEAV,EADEU,MAAaC,IACA,YAEA,WAFS;AAAA,IAI5B,CACD;AAAA,KAEF,CAACvB,GAAYY,GAAgBL,GAAaG,CAAU,CAAC,GAElDc,IAAmBN;AAAA,IACvB,CAACO,GAAoBC,MAAoB;AACvC,MAAAlC,EAAa,CAAiBmC,MAAA;AAC5B,cAAMC,IAAc;AAAA,UAClB,GAAGC,EAAoBtC,GAAWkC,CAAU;AAAA,UAC5C,GAAGE,EAAcF,CAAU;AAAA,UAC3B,oBAAoB;AAAA,UACpB,QAAAC;AAAA,QAAA;AAGiB,eAAA/B,KAAA,QAAAA,EAAA;AAAA,UACjB,YAAY8B;AAAA,UACZ,UAAUG;AAAA,UACV,UAAUrC,EAAU,KAAK,CAAKuC,MAAAA,EAAE,gBAAgBL,CAAU;AAAA,UAC1D,cAAc;AAAA,QAAA,IAGT;AAAA,UACL,GAAGE;AAAA,UACH,CAACF,CAAU,GAAGG;AAAA,QAAA;AAAA,MAChB,CACD;AAAA,IACH;AAAA,IACA,CAACjC,GAAkBJ,GAAWC,CAAY;AAAA,EAAA,GAGtCuC,IAAwBb,EAAY,MAAM;;AAC9C,UAAMO,KAAaO,IAAAzC,EAAUE,IAAgB,CAAC,MAA3B,gBAAAuC,EAA8B;AAEjD,IAAIP,KACF5B,EAAe4B,CAAU;AAAA,EAE1B,GAAA,CAAC5B,GAAgBJ,GAAeF,CAAS,CAAC,GAEvC0C,IAAwBf,EAAY,MAAM;;AAC9C,UAAMO,KAAaO,IAAAzC,EAAUE,IAAgB,CAAC,MAA3B,gBAAAuC,EAA8B;AAEjD,IAAIP,IACF5B,EAAe4B,CAAU,IAEb7B;KAEb,CAACC,GAAgBJ,GAAeF,GAAWK,CAAW,CAAC,GAEpDsC,IAAwBhB,EAAY,MAAM;AAC9C,IAAA1B,EAAa,CAAiBmC,MAAA;AAC5B,YAAMC,IAAc;AAAA,QAClB,GAAGC,EAAoBtC,GAAWgB,CAAW;AAAA,QAC7C,GAAGoB,EAAcpB,CAAW;AAAA,QAC5B,SAAS;AAAA,MAAA;AAGQ,aAAAZ,KAAA,QAAAA,EAAA;AAAA,QACjB,YAAYY;AAAA,QACZ,UAAUqB;AAAA,QACV,UAAUrC,EAAU,KAAK,CAAKuC,MAAAA,EAAE,gBAAgBvB,CAAW;AAAA,QAC3D,cAAc;AAAA,MAAA,IAGT;AAAA,QACL,GAAGoB;AAAA,QACH,CAACpB,CAAW,GAAGqB;AAAA,MAAA;AAAA,IACjB,CACD,GACDvB,EAAW,EAAI;AAAA,EAAA,GACd,CAACV,GAAkBJ,GAAWgB,GAAaf,GAAca,CAAU,CAAC,GAEjE8B,IAAuBjB;AAAA,IAC3B,CAACkB,MAA4B;AACrB,YAAAjB,IAAmBnB,EAAW,SAASO,CAAW;AAExD,UAAIY,GAAkB;AACd,cAAAkB,IAAYlB,EAAiB,eAC7BmB,IAAmBnB,EAAiB;AAO1C,SALEkB,EAAU,SAAS,kBAAkBC,MAAoBA,KAAA,gBAAAA,EAAkB,SAEzEC,EAAmCD,CAAgB,IACnD,OAGWvB,EAAA,IAAI,MAAM,2CAA2C,CAAC,GAGrEI,EAAiB,SAAS,CAASqB,MAAA;AAClB,UAAA9C,EAAA;AAAA,YACb,YAAYa;AAAA,YACZ,UAAU+B;AAAA,YACV,OACElB,EAAmBiB,CAAS,KAAK,CAACG,IAC9B;AAAA,cACE,WAAW;AAAA,cACX,OAAO;AAAA,cACP,UAAU,CAACA;AAAA;AAAA,YAAA,IAEb,EAAE,GAAGA,GAAO,OAAOA,EAAM,SAAS,EAAE;AAAA,YAC1C,eAAAJ;AAAA,YACA,WAAWhC,EAAuBG,CAAW;AAAA,UAAA,CAC9C;AAAA,QAAA,CACF;AAAA,MACH;AAAA,IACF;AAAA,IACA,CAACH,GAAwBJ,GAAYO,GAAaQ,GAAcrB,CAAc;AAAA,EAAA,GAG1E+C,IAAyBvB,EAAY,MAAM;AACzC,UAAAC,IAAmBnB,EAAW,SAASO,CAAW;AAExD,IAAIY,MACFA,EAAiB,OAAO,GACxBA,EAAiB,kBAAkB,GACdgB;EAEtB,GAAA,CAACA,GAAsBnC,GAAYO,CAAW,CAAC,GAE5CmC,IAAiBxB,EAAY,MAAM;AAC7B,IAAAD,KACVkB,EAAqB,EAAI;AAAA,EAAA,GACxB,CAACA,GAAsBlB,CAAS,CAAC,GAE9B0B,IAAyBzB,EAAY,MAAM;AACzC,UAAAC,IAAmBnB,EAAW,SAASO,CAAW;AAExD,IAAIY,MACFA,EAAiB,QAAQ,GACRA,EAAA;AAAA,MACf;AAAA,QACE,kBAAkB;AAAA,MACpB;AAAA,MACAuB;AAAA,IAAA;AAAA,EAGH,GAAA,CAACA,GAAgB1C,GAAYO,CAAW,CAAC,GAEtCqC,IAA4B1B,EAAY,MAAM;AAClD,IAAIT,IACFX,EAAW,oBAAoB,IAE/BC,KAAA,QAAAA,EAAsBQ;AAAA,KAEvB,CAACE,GAAcV,GAAqBQ,GAAaT,CAAU,CAAC,GAEzD+C,IAAyB3B,EAAY,MAAM;AAC/C,IAAAM,EAAiBjB,CAAW;AAAA,EAAA,GAC3B,CAACA,GAAaiB,CAAgB,CAAC,GAE5BsB,IAAyB5B,EAAY,MAAM;AAC/C,IAAA1B,EAAa,CAAiBmC,MAAA;AAC5B,YAAMC,IAAkC;AAAA,QACtC,GAAGC,EAAoBtC,GAAWgB,CAAW;AAAA,QAC7C,GAAGoB,EAAcpB,CAAW;AAAA,QAC5B,oBAAoB;AAAA,MAAA;AAGH,aAAAZ,KAAA,QAAAA,EAAA;AAAA,QACjB,YAAYY;AAAA,QACZ,UAAUqB;AAAA,QACV,UAAUrC,EAAU,KAAK,CAAKuC,MAAAA,EAAE,gBAAgBvB,CAAW;AAAA,QAC3D,cAAc;AAAA,MAAA,IAGT;AAAA,QACL,GAAGoB;AAAA,QACH,CAACpB,CAAW,GAAGqB;AAAA,MAAA;AAAA,IACjB,CACD,GACD9B,EAAW,gCAAgC;AAAA,EAAA,GAC1C,CAACH,GAAkBJ,GAAWgB,GAAaT,GAAYN,CAAY,CAAC,GAEjEuD,IAA+B7B,EAAY,MAAM;AACrD,IAAApB,EAAW,qBAAqB;AAAA,EAAA,GAC/B,CAACA,CAAU,CAAC;AAER,SAAA;AAAA,IACL,sBAAAqC;AAAA,IACA,uBACE,CAAC7B,KAAuB,CAACK,IAA2BoB,IAAwB;AAAA,IAC9E,uBAAAE;AAAA,IACA,wBAAAQ;AAAA,IACA,wBAAAE;AAAA,IACA,2BAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,8BAAAC;AAAA,IACA,uBAAAb;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"use-handler-callbacks.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-questions-controller/use-handler-callbacks.ts"],"sourcesContent":["import { useCallback, type Dispatch, type SetStateAction } from 'react';\nimport { useErrorBoundary } from 'react-error-boundary';\n\nimport useAudioPlayer from '../../../hooks/use-audio-player';\nimport EVENTS from '../../constants/events';\nimport { SYSTEM_VALIDATION_AUDIO_LIST } from '../constants';\nimport { useWorksheetStore } from '../hooks/use-worksheet-store';\nimport {\n  checkIsClozeFormulaResponseInvalid,\n  getQuestionMetadata,\n  isOkayTypeQuestion,\n} from '../worksheet-helpers';\nimport type { IWorksheetResponse } from '../worksheet-types';\nimport type { IWorksheetQuestionsControllerProps } from './worksheet-questions-controller-types';\n\ninterface IUseHandlerCallbacks {\n  (\n    options: Pick<IWorksheetQuestionsControllerProps, 'question' | 'getTimeSpentOnQuestion'> & {\n      setSkipped: Dispatch<SetStateAction<boolean>>;\n    },\n  ): {\n    handleResponseChange: () => void;\n    handleHelpButtonClick?: () => void;\n    handleHintButtonClick: () => void;\n    handleBackButtonClick?: () => void;\n    handleNextButtonClick: () => void;\n    handleRetryButtonClick: () => void;\n    handleCheckButtonClick: () => void;\n    handleValidateButtonClick: () => void;\n    handleStartButtonClick: () => void;\n    handleReadyButtonClick: () => void;\n    handleSkipSectionButtonClick: () => void;\n    handleSkipButtonClick: () => void;\n  };\n}\n\nconst useHandlerCallbacks: IUseHandlerCallbacks = options => {\n  const {\n    behavior,\n    layout,\n    questions,\n    setResponses,\n    questionIndex,\n    updateResponse,\n    onResponseChange,\n    showSummary,\n    changeQuestion,\n    setBlocker,\n    onTeacherValidation,\n    learnosity,\n    loggerRef,\n    onHelp,\n  } = useWorksheetStore(store => ({\n    behavior: store.behavior,\n    layout: store.layout,\n    questions: store.questions,\n    questionIndex: store.activeQuestionIndex,\n    setResponses: store.setResponses,\n    updateResponse: store.updateResponse,\n    onResponseChange: store.onResponseChange,\n    showSummary: store.showSummary,\n    changeQuestion: store.changeQuestion,\n    setBlocker: store.setBlocker,\n    onTeacherValidation: store.onTeacherValidation,\n    learnosity: store.learnosity,\n    loggerRef: store.loggerRef,\n    onHelp: store.onHelp,\n  }));\n  const { question, getTimeSpentOnQuestion, setSkipped } = options;\n  const { questionsScrollable } = layout;\n  const { response_id, item_type, question_number, item_number, total_questions } = question;\n  const isExitTicket = item_type === 'exit-ticket';\n  const { validation, teacherValidationEnabled } = behavior;\n  const playNotifSound = useAudioPlayer(SYSTEM_VALIDATION_AUDIO_LIST);\n  const { showBoundary } = useErrorBoundary();\n\n  const playAudio = useCallback(() => {\n    const questionInstance = learnosity.question(response_id);\n\n    if (questionInstance && validation && !isOkayTypeQuestion(questionInstance.getQuestion())) {\n      questionInstance.getScore(sc => {\n        const { max_score: maxScore, score: currentScore } = sc || {};\n\n        if (maxScore) {\n          if (maxScore === currentScore) {\n            playNotifSound('CORRECT');\n          } else {\n            playNotifSound('INCORRECT');\n          }\n        }\n      });\n    }\n  }, [learnosity, playNotifSound, response_id, validation]);\n\n  const validateQuestion = useCallback(\n    (questionId: string, rating?: number) => {\n      setResponses(prevResponses => {\n        const newResponse = {\n          ...getQuestionMetadata(questions, questionId),\n          ...prevResponses[questionId],\n          validatedByTeacher: true,\n          rating,\n        };\n\n        onResponseChange?.({\n          responseId: questionId,\n          response: newResponse,\n          question: questions.find(q => q.response_id === questionId)!,\n          isNewAttempt: false,\n        });\n\n        return {\n          ...prevResponses,\n          [questionId]: newResponse,\n        };\n      });\n    },\n    [onResponseChange, questions, setResponses],\n  );\n\n  const handleHelpButtonClick = useCallback(() => {\n    if (onHelp && question) {\n      onHelp({\n        questionId: response_id,\n        questionNumber: `${item_number + 1}${\n          total_questions > 1 ? String.fromCharCode('a'.charCodeAt(0) + question_number) : ''\n        }`,\n      });\n    }\n  }, [item_number, onHelp, question, question_number, response_id, total_questions]);\n\n  const handleHintButtonClick = useCallback(() => {\n    loggerRef.current(EVENTS.WORKSHEET_V3_HINT_SEEN);\n    setResponses(prevResponses => {\n      const newResponse = {\n        ...getQuestionMetadata(questions, response_id),\n        ...prevResponses[response_id],\n        hintsUsed: (prevResponses[response_id]?.hintsUsed ?? 0) + 1,\n      };\n\n      onResponseChange?.({\n        responseId: response_id,\n        response: newResponse,\n        question: questions.find(q => q.response_id === response_id)!,\n        isNewAttempt: false,\n      });\n\n      return {\n        ...prevResponses,\n        [response_id]: newResponse,\n      };\n    });\n  }, [loggerRef, onResponseChange, questions, response_id, setResponses]);\n\n  const handleBackButtonClick = useCallback(() => {\n    const questionId = questions[questionIndex - 1]?.response_id;\n\n    if (questionId) {\n      changeQuestion(questionId);\n    }\n  }, [changeQuestion, questionIndex, questions]);\n\n  const handleNextButtonClick = useCallback(() => {\n    const questionId = questions[questionIndex + 1]?.response_id;\n\n    if (questionId) {\n      changeQuestion(questionId);\n    } else {\n      showSummary();\n    }\n  }, [changeQuestion, questionIndex, questions, showSummary]);\n\n  const handleSkipButtonClick = useCallback(() => {\n    setResponses(prevResponses => {\n      const newResponse = {\n        ...getQuestionMetadata(questions, response_id),\n        ...prevResponses[response_id],\n        skipped: true,\n      };\n\n      onResponseChange?.({\n        responseId: response_id,\n        response: newResponse,\n        question: questions.find(q => q.response_id === response_id)!,\n        isNewAttempt: false,\n      });\n\n      return {\n        ...prevResponses,\n        [response_id]: newResponse,\n      };\n    });\n    setSkipped(true);\n  }, [onResponseChange, questions, response_id, setResponses, setSkipped]);\n\n  const handleResponseChange = useCallback(\n    (answerChecked?: boolean) => {\n      const questionInstance = learnosity.question(response_id);\n\n      if (questionInstance) {\n        const lquestion = questionInstance.getQuestion();\n        const questionResponse = questionInstance.getResponse();\n        const shouldCheckAbuse =\n          lquestion.type === 'clozeformula' && questionResponse && questionResponse?.value;\n        const isInputExceedingMaxLength = shouldCheckAbuse\n          ? checkIsClozeFormulaResponseInvalid(questionResponse)\n          : false;\n\n        if (isInputExceedingMaxLength) {\n          showBoundary(new Error('CLOZE_FORMULA_RESPONSE_EXCEEDS_MAX_LENGTH'));\n        }\n\n        questionInstance.getScore(score => {\n          updateResponse({\n            responseId: response_id,\n            response: questionResponse,\n            score:\n              isOkayTypeQuestion(lquestion) || !score\n                ? {\n                    max_score: 0,\n                    score: 0,\n                    unscored: !score, // score will be null for unscored questions\n                  }\n                : { ...score, score: score.score ?? 0 },\n            answerChecked,\n            timeSpent: getTimeSpentOnQuestion(response_id),\n          });\n        });\n      }\n    },\n    [getTimeSpentOnQuestion, learnosity, response_id, showBoundary, updateResponse],\n  );\n\n  const handleRetryButtonClick = useCallback(() => {\n    const questionInstance = learnosity.question(response_id);\n\n    if (questionInstance) {\n      questionInstance.enable();\n      questionInstance.resetValidationUI();\n      handleResponseChange();\n    }\n  }, [handleResponseChange, learnosity, response_id]);\n\n  const handleValidate = useCallback(() => {\n    playAudio();\n    handleResponseChange(true);\n  }, [handleResponseChange, playAudio]);\n\n  const handleCheckButtonClick = useCallback(() => {\n    const questionInstance = learnosity.question(response_id);\n\n    if (questionInstance) {\n      questionInstance.disable();\n      questionInstance.validate(\n        {\n          feedbackAttempts: true,\n        },\n        handleValidate,\n      );\n    }\n  }, [handleValidate, learnosity, response_id]);\n\n  const handleValidateButtonClick = useCallback(() => {\n    if (isExitTicket) {\n      setBlocker('exit-ticket-review');\n    } else {\n      onTeacherValidation?.(response_id);\n    }\n  }, [isExitTicket, onTeacherValidation, response_id, setBlocker]);\n\n  const handleStartButtonClick = useCallback(() => {\n    validateQuestion(response_id);\n  }, [response_id, validateQuestion]);\n\n  const handleReadyButtonClick = useCallback(() => {\n    setResponses(prevResponses => {\n      const newResponse: IWorksheetResponse = {\n        ...getQuestionMetadata(questions, response_id),\n        ...prevResponses[response_id],\n        submittedByStudent: true,\n      };\n\n      onResponseChange?.({\n        responseId: response_id,\n        response: newResponse,\n        question: questions.find(q => q.response_id === response_id)!,\n        isNewAttempt: false,\n      });\n\n      return {\n        ...prevResponses,\n        [response_id]: newResponse,\n      };\n    });\n    setBlocker('exit-ticket-student-submission');\n  }, [onResponseChange, questions, response_id, setBlocker, setResponses]);\n\n  const handleSkipSectionButtonClick = useCallback(() => {\n    setBlocker('optional-items-skip');\n  }, [setBlocker]);\n\n  return {\n    handleResponseChange,\n    handleHelpButtonClick: onHelp ? handleHelpButtonClick : undefined,\n    handleHintButtonClick,\n    handleBackButtonClick:\n      !questionsScrollable && !teacherValidationEnabled ? handleBackButtonClick : undefined,\n    handleNextButtonClick,\n    handleRetryButtonClick,\n    handleCheckButtonClick,\n    handleValidateButtonClick,\n    handleStartButtonClick,\n    handleReadyButtonClick,\n    handleSkipSectionButtonClick,\n    handleSkipButtonClick,\n  };\n};\n\nexport default useHandlerCallbacks;\n"],"names":["useHandlerCallbacks","options","behavior","layout","questions","setResponses","questionIndex","updateResponse","onResponseChange","showSummary","changeQuestion","setBlocker","onTeacherValidation","learnosity","loggerRef","onHelp","useWorksheetStore","store","question","getTimeSpentOnQuestion","setSkipped","questionsScrollable","response_id","item_type","question_number","item_number","total_questions","isExitTicket","validation","teacherValidationEnabled","playNotifSound","useAudioPlayer","SYSTEM_VALIDATION_AUDIO_LIST","showBoundary","useErrorBoundary","playAudio","useCallback","questionInstance","isOkayTypeQuestion","sc","maxScore","currentScore","validateQuestion","questionId","rating","prevResponses","newResponse","getQuestionMetadata","q","handleHelpButtonClick","handleHintButtonClick","EVENTS","_a","handleBackButtonClick","handleNextButtonClick","handleSkipButtonClick","handleResponseChange","answerChecked","lquestion","questionResponse","checkIsClozeFormulaResponseInvalid","score","handleRetryButtonClick","handleValidate","handleCheckButtonClick","handleValidateButtonClick","handleStartButtonClick","handleReadyButtonClick","handleSkipSectionButtonClick"],"mappings":";;;;;;;AAoCA,MAAMA,KAA4C,CAAWC,MAAA;AACrD,QAAA;AAAA,IACJ,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,WAAAC;AAAA,IACA,cAAAC;AAAA,IACA,eAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,QAAAC;AAAA,EAAA,IACEC,GAAkB,CAAUC,OAAA;AAAA,IAC9B,UAAUA,EAAM;AAAA,IAChB,QAAQA,EAAM;AAAA,IACd,WAAWA,EAAM;AAAA,IACjB,eAAeA,EAAM;AAAA,IACrB,cAAcA,EAAM;AAAA,IACpB,gBAAgBA,EAAM;AAAA,IACtB,kBAAkBA,EAAM;AAAA,IACxB,aAAaA,EAAM;AAAA,IACnB,gBAAgBA,EAAM;AAAA,IACtB,YAAYA,EAAM;AAAA,IAClB,qBAAqBA,EAAM;AAAA,IAC3B,YAAYA,EAAM;AAAA,IAClB,WAAWA,EAAM;AAAA,IACjB,QAAQA,EAAM;AAAA,EACd,EAAA,GACI,EAAE,UAAAC,GAAU,wBAAAC,GAAwB,YAAAC,EAAA,IAAenB,GACnD,EAAE,qBAAAoB,EAAwB,IAAAlB,GAC1B,EAAE,aAAAmB,GAAa,WAAAC,GAAW,iBAAAC,GAAiB,aAAAC,GAAa,iBAAAC,EAAoB,IAAAR,GAC5ES,IAAeJ,MAAc,eAC7B,EAAE,YAAAK,GAAY,0BAAAC,EAA6B,IAAA3B,GAC3C4B,IAAiBC,GAAeC,EAA4B,GAC5D,EAAE,cAAAC,MAAiBC,KAEnBC,IAAYC,EAAY,MAAM;AAC5B,UAAAC,IAAmBxB,EAAW,SAASS,CAAW;AAExD,IAAIe,KAAoBT,KAAc,CAACU,EAAmBD,EAAiB,YAAA,CAAa,KACtFA,EAAiB,SAAS,CAAME,MAAA;AAC9B,YAAM,EAAE,WAAWC,GAAU,OAAOC,EAAa,IAAIF,KAAM;AAE3D,MAAIC,KAEAV,EADEU,MAAaC,IACA,YAEA,WAFS;AAAA,IAI5B,CACD;AAAA,KAEF,CAAC5B,GAAYiB,GAAgBR,GAAaM,CAAU,CAAC,GAElDc,IAAmBN;AAAA,IACvB,CAACO,GAAoBC,MAAoB;AACvC,MAAAvC,EAAa,CAAiBwC,MAAA;AAC5B,cAAMC,IAAc;AAAA,UAClB,GAAGC,EAAoB3C,GAAWuC,CAAU;AAAA,UAC5C,GAAGE,EAAcF,CAAU;AAAA,UAC3B,oBAAoB;AAAA,UACpB,QAAAC;AAAA,QAAA;AAGiB,eAAApC,KAAA,QAAAA,EAAA;AAAA,UACjB,YAAYmC;AAAA,UACZ,UAAUG;AAAA,UACV,UAAU1C,EAAU,KAAK,CAAK4C,MAAAA,EAAE,gBAAgBL,CAAU;AAAA,UAC1D,cAAc;AAAA,QAAA,IAGT;AAAA,UACL,GAAGE;AAAA,UACH,CAACF,CAAU,GAAGG;AAAA,QAAA;AAAA,MAChB,CACD;AAAA,IACH;AAAA,IACA,CAACtC,GAAkBJ,GAAWC,CAAY;AAAA,EAAA,GAGtC4C,IAAwBb,EAAY,MAAM;AAC9C,IAAIrB,KAAUG,KACLH,EAAA;AAAA,MACL,YAAYO;AAAA,MACZ,gBAAgB,GAAGG,IAAc,CAAC,GAChCC,IAAkB,IAAI,OAAO,aAAa,KAAoBF,CAAe,IAAI,EACnF;AAAA,IAAA,CACD;AAAA,EACH,GACC,CAACC,GAAaV,GAAQG,GAAUM,GAAiBF,GAAaI,CAAe,CAAC,GAE3EwB,IAAwBd,EAAY,MAAM;AACpC,IAAAtB,EAAA,QAAQqC,GAAO,sBAAsB,GAC/C9C,EAAa,CAAiBwC,MAAA;;AAC5B,YAAMC,IAAc;AAAA,QAClB,GAAGC,EAAoB3C,GAAWkB,CAAW;AAAA,QAC7C,GAAGuB,EAAcvB,CAAW;AAAA,QAC5B,cAAY8B,IAAAP,EAAcvB,CAAW,MAAzB,gBAAA8B,EAA4B,cAAa,KAAK;AAAA,MAAA;AAGzC,aAAA5C,KAAA,QAAAA,EAAA;AAAA,QACjB,YAAYc;AAAA,QACZ,UAAUwB;AAAA,QACV,UAAU1C,EAAU,KAAK,CAAK4C,MAAAA,EAAE,gBAAgB1B,CAAW;AAAA,QAC3D,cAAc;AAAA,MAAA,IAGT;AAAA,QACL,GAAGuB;AAAA,QACH,CAACvB,CAAW,GAAGwB;AAAA,MAAA;AAAA,IACjB,CACD;AAAA,EAAA,GACA,CAAChC,GAAWN,GAAkBJ,GAAWkB,GAAajB,CAAY,CAAC,GAEhEgD,IAAwBjB,EAAY,MAAM;;AAC9C,UAAMO,KAAaS,IAAAhD,EAAUE,IAAgB,CAAC,MAA3B,gBAAA8C,EAA8B;AAEjD,IAAIT,KACFjC,EAAeiC,CAAU;AAAA,EAE1B,GAAA,CAACjC,GAAgBJ,GAAeF,CAAS,CAAC,GAEvCkD,IAAwBlB,EAAY,MAAM;;AAC9C,UAAMO,KAAaS,IAAAhD,EAAUE,IAAgB,CAAC,MAA3B,gBAAA8C,EAA8B;AAEjD,IAAIT,IACFjC,EAAeiC,CAAU,IAEblC;KAEb,CAACC,GAAgBJ,GAAeF,GAAWK,CAAW,CAAC,GAEpD8C,IAAwBnB,EAAY,MAAM;AAC9C,IAAA/B,EAAa,CAAiBwC,MAAA;AAC5B,YAAMC,IAAc;AAAA,QAClB,GAAGC,EAAoB3C,GAAWkB,CAAW;AAAA,QAC7C,GAAGuB,EAAcvB,CAAW;AAAA,QAC5B,SAAS;AAAA,MAAA;AAGQ,aAAAd,KAAA,QAAAA,EAAA;AAAA,QACjB,YAAYc;AAAA,QACZ,UAAUwB;AAAA,QACV,UAAU1C,EAAU,KAAK,CAAK4C,MAAAA,EAAE,gBAAgB1B,CAAW;AAAA,QAC3D,cAAc;AAAA,MAAA,IAGT;AAAA,QACL,GAAGuB;AAAA,QACH,CAACvB,CAAW,GAAGwB;AAAA,MAAA;AAAA,IACjB,CACD,GACD1B,EAAW,EAAI;AAAA,EAAA,GACd,CAACZ,GAAkBJ,GAAWkB,GAAajB,GAAce,CAAU,CAAC,GAEjEoC,IAAuBpB;AAAA,IAC3B,CAACqB,MAA4B;AACrB,YAAApB,IAAmBxB,EAAW,SAASS,CAAW;AAExD,UAAIe,GAAkB;AACd,cAAAqB,IAAYrB,EAAiB,eAC7BsB,IAAmBtB,EAAiB;AAO1C,SALEqB,EAAU,SAAS,kBAAkBC,MAAoBA,KAAA,gBAAAA,EAAkB,SAEzEC,GAAmCD,CAAgB,IACnD,OAGW1B,EAAA,IAAI,MAAM,2CAA2C,CAAC,GAGrEI,EAAiB,SAAS,CAASwB,MAAA;AAClB,UAAAtD,EAAA;AAAA,YACb,YAAYe;AAAA,YACZ,UAAUqC;AAAA,YACV,OACErB,EAAmBoB,CAAS,KAAK,CAACG,IAC9B;AAAA,cACE,WAAW;AAAA,cACX,OAAO;AAAA,cACP,UAAU,CAACA;AAAA;AAAA,YAAA,IAEb,EAAE,GAAGA,GAAO,OAAOA,EAAM,SAAS,EAAE;AAAA,YAC1C,eAAAJ;AAAA,YACA,WAAWtC,EAAuBG,CAAW;AAAA,UAAA,CAC9C;AAAA,QAAA,CACF;AAAA,MACH;AAAA,IACF;AAAA,IACA,CAACH,GAAwBN,GAAYS,GAAaW,GAAc1B,CAAc;AAAA,EAAA,GAG1EuD,IAAyB1B,EAAY,MAAM;AACzC,UAAAC,IAAmBxB,EAAW,SAASS,CAAW;AAExD,IAAIe,MACFA,EAAiB,OAAO,GACxBA,EAAiB,kBAAkB,GACdmB;EAEtB,GAAA,CAACA,GAAsB3C,GAAYS,CAAW,CAAC,GAE5CyC,IAAiB3B,EAAY,MAAM;AAC7B,IAAAD,KACVqB,EAAqB,EAAI;AAAA,EAAA,GACxB,CAACA,GAAsBrB,CAAS,CAAC,GAE9B6B,IAAyB5B,EAAY,MAAM;AACzC,UAAAC,IAAmBxB,EAAW,SAASS,CAAW;AAExD,IAAIe,MACFA,EAAiB,QAAQ,GACRA,EAAA;AAAA,MACf;AAAA,QACE,kBAAkB;AAAA,MACpB;AAAA,MACA0B;AAAA,IAAA;AAAA,EAGH,GAAA,CAACA,GAAgBlD,GAAYS,CAAW,CAAC,GAEtC2C,IAA4B7B,EAAY,MAAM;AAClD,IAAIT,IACFhB,EAAW,oBAAoB,IAE/BC,KAAA,QAAAA,EAAsBU;AAAA,KAEvB,CAACK,GAAcf,GAAqBU,GAAaX,CAAU,CAAC,GAEzDuD,IAAyB9B,EAAY,MAAM;AAC/C,IAAAM,EAAiBpB,CAAW;AAAA,EAAA,GAC3B,CAACA,GAAaoB,CAAgB,CAAC,GAE5ByB,IAAyB/B,EAAY,MAAM;AAC/C,IAAA/B,EAAa,CAAiBwC,MAAA;AAC5B,YAAMC,IAAkC;AAAA,QACtC,GAAGC,EAAoB3C,GAAWkB,CAAW;AAAA,QAC7C,GAAGuB,EAAcvB,CAAW;AAAA,QAC5B,oBAAoB;AAAA,MAAA;AAGH,aAAAd,KAAA,QAAAA,EAAA;AAAA,QACjB,YAAYc;AAAA,QACZ,UAAUwB;AAAA,QACV,UAAU1C,EAAU,KAAK,CAAK4C,MAAAA,EAAE,gBAAgB1B,CAAW;AAAA,QAC3D,cAAc;AAAA,MAAA,IAGT;AAAA,QACL,GAAGuB;AAAA,QACH,CAACvB,CAAW,GAAGwB;AAAA,MAAA;AAAA,IACjB,CACD,GACDnC,EAAW,gCAAgC;AAAA,EAAA,GAC1C,CAACH,GAAkBJ,GAAWkB,GAAaX,GAAYN,CAAY,CAAC,GAEjE+D,IAA+BhC,EAAY,MAAM;AACrD,IAAAzB,EAAW,qBAAqB;AAAA,EAAA,GAC/B,CAACA,CAAU,CAAC;AAER,SAAA;AAAA,IACL,sBAAA6C;AAAA,IACA,uBAAuBzC,IAASkC,IAAwB;AAAA,IACxD,uBAAAC;AAAA,IACA,uBACE,CAAC7B,KAAuB,CAACQ,IAA2BwB,IAAwB;AAAA,IAC9E,uBAAAC;AAAA,IACA,wBAAAQ;AAAA,IACA,wBAAAE;AAAA,IACA,2BAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,8BAAAC;AAAA,IACA,uBAAAb;AAAA,EAAA;AAEJ;"}