@cuemath/leap 3.3.0 → 3.3.2-2.beta-guru-01

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

@@ -1 +1 @@
-{"version":3,"file":"worksheet-questions-controller.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-questions-controller/worksheet-questions-controller.tsx"],"sourcesContent":["import type {\n  IButtonTypes,\n  IWorksheetQuestionsControllerProps,\n} from './worksheet-questions-controller-types';\nimport type { FC } from 'react';\n\nimport { deepEqual } from 'fast-equals';\nimport { memo, useEffect, useMemo, useState } from 'react';\n\nimport Check2Icon from '../../../../assets/line-icons/icons/check2';\nimport HandIcon from '../../../../assets/line-icons/icons/hand';\nimport QuestionIcon from '../../../../assets/line-icons/icons/question';\nimport SkipIcon from '../../../../assets/line-icons/icons/skip';\nimport ArrowTooltip from '../../../ui/arrow-tooltip/arrow-tooltip';\nimport Button from '../../../ui/buttons/button/button';\nimport IconButton from '../../../ui/buttons/icon-button/icon-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport { useWorksheetJourney } from '../hooks/use-worksheet-journey';\nimport useHandlerCallbacks from './use-handler-callbacks';\n\nconst WorksheetQuestionsController: FC<IWorksheetQuestionsControllerProps> = memo(props => {\n  const {\n    layout,\n    learnosity,\n    question,\n    questions,\n    responses,\n    questionIndex,\n    canSubmitWorksheet,\n    isQuestionUnlocked,\n    isQuestionAppended,\n    response,\n    behavior,\n    userType,\n    setActiveQuestionId,\n    setSummaryVisible,\n    setBlocker,\n    setResponses,\n    getTimeSpentOnQuestion,\n    onSubmit,\n    onSkip,\n    onUnassign,\n    onReview,\n  } = props;\n\n  const { onHelp, onResponseChange, onTeacherValidation, loggerRef } = props;\n  const {\n    navigationMode,\n    canAttempt,\n    hints,\n    checkButtonLabel,\n    retryButtonLabel,\n    validation,\n    maximumAttempts,\n    canExceedAttempts,\n    teacherValidationEnabled,\n    canTeacherValidate,\n    hintsTimer,\n    skippableTime,\n    skippable,\n    canUnAssign,\n    canTeacherValidateDisabled,\n  } = behavior;\n\n  const { response_id, item_type, type, instructor_stimulus, is_optional } = question;\n  const hintsAvailable = !hints\n    ? 0\n    : learnosity.question(response_id)?.getMetadata()?.hints?.length ?? 0;\n\n  const isSystemIntro = instructor_stimulus === 'SystemIntro';\n  const isExitTicket = item_type === 'exit-ticket';\n  const hintsRemaining = canAttempt && hintsAvailable - (response?.hintsUsed ?? 0) > 0;\n  const isPuzzleCard = useMemo(() => maximumAttempts === -2, [maximumAttempts]);\n\n  const [showHintsButton, setShowHintsButton] = useState(false);\n  const [skipped, setSkipped] = useState(false);\n  const [showSkipButton, setShowSkipButton] = useState(false);\n\n  const { puzzleAttemptCtaRef, puzzleReviewCtaRef, puzzleUnassignRef } = useWorksheetJourney({\n    behavior,\n  });\n\n  useEffect(() => {\n    if (hintsTimer && hintsRemaining) {\n      const timeoutId = setTimeout(() => {\n        setShowHintsButton(true);\n      }, hintsTimer * 1000);\n\n      return () => clearTimeout(timeoutId);\n    }\n    setShowHintsButton(hintsRemaining);\n  }, [hintsTimer, hintsRemaining]);\n\n  useEffect(() => {\n    const canShowSkip = !response?.response && !response?.skipped;\n\n    //* If hints are available and user has exhausted all hints then we show skip button.\n    //* If hints are not available and user has not given any response or have not skipped a question then we show skip button after skippableTime/ 90 seconds.\n    //* Else skip button is hidden.\n    if (skippable) {\n      if (hintsAvailable > 0 && !hintsRemaining) {\n        setShowSkipButton(canShowSkip);\n      } else if (hintsAvailable === 0 && canShowSkip) {\n        const timeoutId = setTimeout(\n          () => {\n            setShowSkipButton(canShowSkip);\n          },\n          (skippableTime ?? 0) * 1000,\n        );\n\n        return () => clearTimeout(timeoutId);\n      } else {\n        setShowSkipButton(false);\n      }\n    }\n  }, [hintsAvailable, hintsRemaining, response, skippable, skippableTime]);\n\n  const {\n    checkButton,\n    checkButtonDisabled,\n    hintsButton,\n    retryButton,\n    nextButton,\n    nextButtonDisabled,\n    startButton,\n    readyButton,\n    validateButton,\n    skipSectionButton,\n    submitAttemptButton,\n    skipButton,\n    unassignButton,\n    reviewButton,\n    submitAttemptButtonDisabled,\n    submitAttemptButtonTooltip,\n    submitAttemptButtonTooltipText,\n    reviewButtonDisabled,\n  } = useMemo<IButtonTypes>(() => {\n    const showSkipSectionButton =\n      canTeacherValidate && is_optional && response?.assignStatus === 'assigned';\n\n    const getSystemValidationButtons = (): IButtonTypes => {\n      //* maximumAttempts = -2 means this is a puzzle card.\n      if (maximumAttempts === -2) {\n        if (userType === 'STUDENT') {\n          if (canAttempt) {\n            return {\n              submitAttemptButton: true,\n            };\n          }\n\n          return {\n            submitAttemptButton: true,\n            submitAttemptButtonDisabled: true,\n            submitAttemptButtonTooltip: true,\n            submitAttemptButtonTooltipText: canTeacherValidate\n              ? 'To be discussed with tutor'\n              : 'Already solved',\n          };\n        }\n\n        if (canUnAssign) {\n          return {\n            unassignButton: true,\n          };\n        }\n\n        return {\n          reviewButton: canTeacherValidate,\n          reviewButtonDisabled: canTeacherValidateDisabled,\n        };\n      }\n\n      if (!canAttempt) {\n        return {\n          nextButton: true,\n        };\n      }\n\n      if (!validation && behavior.navigationMode === 'LINEAR') {\n        return {\n          nextButton: true,\n          nextButtonDisabled: !response?.response,\n          hintsButton: showHintsButton,\n          skipButton: showSkipButton,\n        };\n      }\n\n      if (!validation) {\n        return {\n          nextButton: true,\n          hintsButton: showHintsButton,\n        };\n      }\n\n      if (!response || !response.response || !response.score) {\n        return {\n          checkButton: true,\n          checkButtonDisabled: true,\n          hintsButton: showHintsButton,\n        };\n      }\n\n      const { responseEdited, score, attemptsHistory } = response;\n      const maximumAttemptsReached = (attemptsHistory?.length ?? 0) >= maximumAttempts;\n\n      if (maximumAttemptsReached && !canExceedAttempts) {\n        return {\n          nextButton: true,\n        };\n      }\n\n      if (responseEdited) {\n        const lastAttemptResponse = attemptsHistory?.slice(-1)[0]?.response;\n\n        return {\n          nextButton: maximumAttemptsReached,\n          checkButton: true,\n          checkButtonDisabled: deepEqual(response.response, lastAttemptResponse),\n          hintsButton: showHintsButton,\n        };\n      }\n\n      if ((score.score ?? 0) < score.max_score) {\n        return {\n          nextButton: maximumAttemptsReached,\n          retryButton: true,\n          hintsButton: showHintsButton,\n        };\n      }\n\n      if ((score.score ?? 0) === score.max_score) {\n        return {\n          nextButton: true,\n        };\n      }\n\n      return {};\n    };\n\n    const isPendingTeacherValidation = () =>\n      questions.some(({ response_id: questionId }) => {\n        const { assignStatus, validatedByTeacher } = responses[questionId] ?? {};\n\n        return assignStatus === 'skipped' ? false : validatedByTeacher !== true;\n      });\n\n    if (teacherValidationEnabled) {\n      const { validatedByTeacher } = response ?? {};\n\n      // TODO: change the condition to if teacher validator is needed or not\n      if (navigationMode === 'ADAPTIVE' || navigationMode === 'CURRENT') {\n        if (userType === 'STUDENT') {\n          return {\n            hintsButton: showHintsButton,\n            validateButton: false,\n          };\n        }\n\n        return {\n          validateButton: false,\n        };\n      }\n\n      if (validatedByTeacher) {\n        return {\n          validateButton: true,\n          submitAttemptButton:\n            canTeacherValidate && canAttempt && userType === 'STUDENT' && canSubmitWorksheet\n              ? !isPendingTeacherValidation()\n              : false,\n        };\n      }\n\n      if (!isQuestionUnlocked) {\n        return {};\n      }\n\n      if (userType === 'STUDENT') {\n        if (isSystemIntro) {\n          return {\n            startButton: canTeacherValidate && canAttempt,\n          };\n        }\n\n        if (type !== 'clozetext') {\n          return {\n            ...getSystemValidationButtons(),\n            nextButton: false,\n          };\n        }\n\n        return {\n          hintsButton: showHintsButton,\n          readyButton: canTeacherValidate && isExitTicket && !response?.submittedByStudent,\n        };\n      }\n\n      if (isSystemIntro) {\n        return {\n          skipSectionButton: showSkipSectionButton,\n        };\n      }\n\n      if (type !== 'clozetext') {\n        const { responseEdited, score } = response ?? {};\n\n        return {\n          skipSectionButton: showSkipSectionButton,\n          validateButton:\n            responseEdited || !canTeacherValidate\n              ? false\n              : !!(score?.score && score?.max_score && !((score.score ?? 0) < score.max_score)),\n        };\n      }\n\n      return {\n        skipSectionButton: showSkipSectionButton,\n        validateButton: canTeacherValidate && (isExitTicket ? response?.submittedByStudent : true),\n      };\n    }\n\n    return getSystemValidationButtons();\n  }, [\n    canTeacherValidate,\n    is_optional,\n    response,\n    teacherValidationEnabled,\n    canAttempt,\n    validation,\n    behavior.navigationMode,\n    maximumAttempts,\n    canExceedAttempts,\n    showHintsButton,\n    showSkipButton,\n    questions,\n    responses,\n    canUnAssign,\n    navigationMode,\n    isQuestionUnlocked,\n    userType,\n    isSystemIntro,\n    type,\n    isExitTicket,\n    canSubmitWorksheet,\n    canTeacherValidateDisabled,\n  ]);\n\n  const {\n    handleResponseChange,\n    handleHelpButtonClick,\n    handleBackButtonClick,\n    handleNextButtonClick,\n    handleCheckButtonClick,\n    handleRetryButtonClick,\n    handleHintButtonClick,\n    handleValidateButtonClick,\n    handleStartButtonClick,\n    handleSkipSectionButtonClick,\n    handleReadyButtonClick,\n    handleSkipButtonClick,\n  } = useHandlerCallbacks({\n    layout,\n    question,\n    questions,\n    learnosity,\n    questionIndex,\n    setActiveQuestionId,\n    setSummaryVisible,\n    setBlocker,\n    setResponses,\n    onResponseChange,\n    onTeacherValidation,\n    onHelp,\n    behavior,\n    loggerRef,\n    setSkipped,\n    getTimeSpentOnQuestion,\n  });\n\n  useEffect(() => {\n    if (skipped) {\n      setSkipped(false);\n      setShowSkipButton(false);\n      handleNextButtonClick();\n      if (onSkip) {\n        onSkip(question.item_display_number, question.question_number);\n      }\n    }\n  }, [\n    handleNextButtonClick,\n    onSkip,\n    question.item_display_number,\n    question.question_number,\n    skipped,\n  ]);\n\n  useEffect(() => {\n    const questionInstance = isQuestionAppended ? learnosity.question(response_id) : undefined;\n\n    if (questionInstance && canAttempt && (!validation || checkButton)) {\n      questionInstance.on('changed', handleResponseChange);\n      questionInstance.enable();\n    }\n\n    return () => {\n      if (questionInstance && canAttempt && (!validation || checkButton)) {\n        questionInstance.off('changed', handleResponseChange);\n        questionInstance.disable();\n      }\n    };\n  }, [\n    canAttempt,\n    checkButton,\n    handleResponseChange,\n    isQuestionAppended,\n    learnosity,\n    response_id,\n    validation,\n  ]);\n\n  return (\n    <FlexView\n      $background=\"WHITE\"\n      $flexDirection=\"row\"\n      $flexGapX={0.5}\n      $alignItems=\"center\"\n      $justifyContent=\"flex-end\"\n    >\n      {hintsButton && (\n        <IconButton\n          Icon={QuestionIcon}\n          analyticsLabel=\"Hint\"\n          renderAs=\"secondary\"\n          disabled={!isQuestionAppended}\n          onClick={handleHintButtonClick}\n        />\n      )}\n      {!hintsButton && handleHelpButtonClick && (checkButton || retryButton) && (\n        <IconButton\n          Icon={HandIcon}\n          analyticsLabel=\"Ask for help\"\n          renderAs=\"secondary\"\n          onClick={handleHelpButtonClick}\n        />\n      )}\n      {handleBackButtonClick && (\n        <Button\n          widthX={6}\n          renderAs=\"secondary\"\n          size=\"small\"\n          label=\"Back\"\n          disabled={questionIndex === 0}\n          onClick={handleBackButtonClick}\n        />\n      )}\n      {skipButton && (\n        <Button\n          widthX={6}\n          renderAs={retryButton ? 'secondary' : 'primary'}\n          size=\"small\"\n          label=\"Skip\"\n          onClick={handleSkipButtonClick}\n        />\n      )}\n      {nextButton && (\n        <Button\n          widthX={6}\n          renderAs={retryButton ? 'secondary' : 'primary'}\n          size=\"small\"\n          label=\"Next\"\n          onClick={handleNextButtonClick}\n          disabled={nextButtonDisabled === true}\n        />\n      )}\n      {retryButton && (\n        <Button\n          widthX={6}\n          renderAs=\"primary\"\n          size=\"small\"\n          label={retryButtonLabel}\n          disabled={!isQuestionAppended}\n          onClick={handleRetryButtonClick}\n        />\n      )}\n      {checkButton && (\n        <Button\n          renderAs=\"primary\"\n          size=\"small\"\n          label={checkButtonLabel}\n          disabled={checkButtonDisabled === true || !isQuestionAppended}\n          onClick={handleCheckButtonClick}\n        />\n      )}\n      {startButton && (\n        <Button renderAs=\"primary\" size=\"small\" label=\"Start\" onClick={handleStartButtonClick} />\n      )}\n      {readyButton && (\n        <Button renderAs=\"primary\" size=\"small\" label=\"Submit\" onClick={handleReadyButtonClick} />\n      )}\n      {skipSectionButton && (\n        <IconButton\n          renderAs=\"primary\"\n          Icon={SkipIcon}\n          analyticsLabel=\"Skip Section\"\n          onClick={handleSkipSectionButtonClick}\n        />\n      )}\n      {!submitAttemptButton && validateButton && (\n        <IconButton\n          renderAs=\"primary\"\n          Icon={Check2Icon}\n          disabled={response?.validatedByTeacher}\n          analyticsLabel=\"Validate\"\n          onClick={handleValidateButtonClick}\n        />\n      )}\n      {submitAttemptButton && (\n        <ArrowTooltip\n          position=\"top\"\n          renderAs=\"primary\"\n          tooltipItem={submitAttemptButtonTooltipText ?? ''}\n          hidden={!submitAttemptButtonTooltip}\n        >\n          <div ref={isPuzzleCard ? puzzleAttemptCtaRef : undefined}>\n            <Button\n              renderAs=\"primary\"\n              size=\"small\"\n              label={isPuzzleCard ? 'I have solved' : 'Submit'}\n              onClick={onSubmit}\n              disabled={submitAttemptButtonDisabled}\n            />\n          </div>\n        </ArrowTooltip>\n      )}\n      {unassignButton && (\n        <div ref={puzzleUnassignRef}>\n          <Button\n            widthX={6}\n            renderAs=\"primary\"\n            size=\"small\"\n            label=\"Unassign\"\n            onClick={onUnassign}\n          />\n        </div>\n      )}\n      {reviewButton && (\n        <ArrowTooltip\n          tooltipItem=\"Review this in class with student.\"\n          position=\"top\"\n          renderAs=\"primary\"\n          hidden={!reviewButtonDisabled}\n        >\n          <div ref={puzzleReviewCtaRef}>\n            <Button\n              widthX={6}\n              renderAs=\"primary\"\n              size=\"small\"\n              label=\"Review\"\n              onClick={onReview}\n              disabled={reviewButtonDisabled}\n            />\n          </div>\n        </ArrowTooltip>\n      )}\n    </FlexView>\n  );\n});\n\nexport default WorksheetQuestionsController;\n"],"names":["WorksheetQuestionsController","memo","props","layout","learnosity","question","questions","responses","questionIndex","canSubmitWorksheet","isQuestionUnlocked","isQuestionAppended","response","behavior","userType","setActiveQuestionId","setSummaryVisible","setBlocker","setResponses","getTimeSpentOnQuestion","onSubmit","onSkip","onUnassign","onReview","onHelp","onResponseChange","onTeacherValidation","loggerRef","navigationMode","canAttempt","hints","checkButtonLabel","retryButtonLabel","validation","maximumAttempts","canExceedAttempts","teacherValidationEnabled","canTeacherValidate","hintsTimer","skippableTime","skippable","canUnAssign","canTeacherValidateDisabled","response_id","item_type","type","instructor_stimulus","is_optional","hintsAvailable","_c","_b","_a","isSystemIntro","isExitTicket","hintsRemaining","isPuzzleCard","useMemo","showHintsButton","setShowHintsButton","useState","skipped","setSkipped","showSkipButton","setShowSkipButton","puzzleAttemptCtaRef","puzzleReviewCtaRef","puzzleUnassignRef","useWorksheetJourney","useEffect","timeoutId","canShowSkip","checkButton","checkButtonDisabled","hintsButton","retryButton","nextButton","nextButtonDisabled","startButton","readyButton","validateButton","skipSectionButton","submitAttemptButton","skipButton","unassignButton","reviewButton","submitAttemptButtonDisabled","submitAttemptButtonTooltip","submitAttemptButtonTooltipText","reviewButtonDisabled","showSkipSectionButton","getSystemValidationButtons","responseEdited","score","attemptsHistory","maximumAttemptsReached","lastAttemptResponse","deepEqual","isPendingTeacherValidation","questionId","assignStatus","validatedByTeacher","handleResponseChange","handleHelpButtonClick","handleBackButtonClick","handleNextButtonClick","handleCheckButtonClick","handleRetryButtonClick","handleHintButtonClick","handleValidateButtonClick","handleStartButtonClick","handleSkipSectionButtonClick","handleReadyButtonClick","handleSkipButtonClick","useHandlerCallbacks","questionInstance","jsxs","FlexView","jsx","IconButton","QuestionIcon","HandIcon","Button","SkipIcon","Check2Icon","ArrowTooltip"],"mappings":";;;;;;;;;;;;;AAoBM,MAAAA,KAAuEC,GAAK,CAASC,MAAA;;AACnF,QAAA;AAAA,IACJ,QAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,eAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,EACE,IAAArB,GAEE,EAAE,QAAAsB,IAAQ,kBAAAC,IAAkB,qBAAAC,IAAqB,WAAAC,OAAczB,GAC/D;AAAA,IACJ,gBAAA0B;AAAA,IACA,YAAAC;AAAA,IACA,OAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,0BAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,4BAAAC;AAAA,EACE,IAAA7B,GAEE,EAAE,aAAA8B,GAAa,WAAAC,IAAW,MAAAC,GAAM,qBAAAC,IAAqB,aAAAC,EAAgB,IAAA1C,GACrE2C,IAAkBlB,OAEpBmB,MAAAC,MAAAC,KAAA/C,EAAW,SAASuC,CAAW,MAA/B,gBAAAQ,GAAkC,kBAAlC,gBAAAD,GAAiD,UAAjD,gBAAAD,GAAwD,WAAU,IADlE,GAGEG,IAAgBN,OAAwB,eACxCO,IAAeT,OAAc,eAC7BU,IAAiBzB,KAAcmB,MAAkBpC,KAAA,gBAAAA,EAAU,cAAa,KAAK,GAC7E2C,IAAeC,GAAQ,MAAMtB,MAAoB,IAAI,CAACA,CAAe,CAAC,GAEtE,CAACuB,GAAiBC,CAAkB,IAAIC,EAAS,EAAK,GACtD,CAACC,GAASC,CAAU,IAAIF,EAAS,EAAK,GACtC,CAACG,GAAgBC,CAAiB,IAAIJ,EAAS,EAAK,GAEpD,EAAE,qBAAAK,IAAqB,oBAAAC,IAAoB,mBAAAC,GAAA,IAAsBC,GAAoB;AAAA,IACzF,UAAAtD;AAAA,EAAA,CACD;AAED,EAAAuD,EAAU,MAAM;AACd,QAAI9B,KAAcgB,GAAgB;AAC1B,YAAAe,IAAY,WAAW,MAAM;AACjC,QAAAX,EAAmB,EAAI;AAAA,MAAA,GACtBpB,IAAa,GAAI;AAEb,aAAA,MAAM,aAAa+B,CAAS;AAAA,IACrC;AACA,IAAAX,EAAmBJ,CAAc;AAAA,EAAA,GAChC,CAAChB,GAAYgB,CAAc,CAAC,GAE/Bc,EAAU,MAAM;AACd,UAAME,IAAc,EAAC1D,KAAA,QAAAA,EAAU,aAAY,EAACA,KAAA,QAAAA,EAAU;AAKtD,QAAI4B;AACE,UAAAQ,IAAiB,KAAK,CAACM;AACzB,QAAAS,EAAkBO,CAAW;AAAA,eACpBtB,MAAmB,KAAKsB,GAAa;AAC9C,cAAMD,IAAY;AAAA,UAChB,MAAM;AACJ,YAAAN,EAAkBO,CAAW;AAAA,UAC/B;AAAA,WACC/B,KAAiB,KAAK;AAAA,QAAA;AAGlB,eAAA,MAAM,aAAa8B,CAAS;AAAA,MAAA;AAEnC,QAAAN,EAAkB,EAAK;AAAA,EAE3B,GACC,CAACf,GAAgBM,GAAgB1C,GAAU4B,GAAWD,CAAa,CAAC;AAEjE,QAAA;AAAA,IACJ,aAAAgC;AAAA,IACA,qBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,aAAAC;AAAA,IACA,YAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,aAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,6BAAAC;AAAA,IACA,4BAAAC;AAAA,IACA,gCAAAC;AAAA,IACA,sBAAAC;AAAA,EACF,IAAIhC,GAAsB,MAAM;AAC9B,UAAMiC,IACJpD,KAAsBU,MAAenC,KAAA,gBAAAA,EAAU,kBAAiB,YAE5D8E,IAA6B,MAAoB;;AAErD,UAAIxD,MAAoB;AACtB,eAAIpB,MAAa,YACXe,IACK;AAAA,UACL,qBAAqB;AAAA,QAAA,IAIlB;AAAA,UACL,qBAAqB;AAAA,UACrB,6BAA6B;AAAA,UAC7B,4BAA4B;AAAA,UAC5B,gCAAgCQ,IAC5B,+BACA;AAAA,QAAA,IAIJI,IACK;AAAA,UACL,gBAAgB;AAAA,QAAA,IAIb;AAAA,UACL,cAAcJ;AAAA,UACd,sBAAsBK;AAAA,QAAA;AAI1B,UAAI,CAACb;AACI,eAAA;AAAA,UACL,YAAY;AAAA,QAAA;AAIhB,UAAI,CAACI,KAAcpB,EAAS,mBAAmB;AACtC,eAAA;AAAA,UACL,YAAY;AAAA,UACZ,oBAAoB,EAACD,KAAA,QAAAA,EAAU;AAAA,UAC/B,aAAa6C;AAAA,UACb,YAAYK;AAAA,QAAA;AAIhB,UAAI,CAAC7B;AACI,eAAA;AAAA,UACL,YAAY;AAAA,UACZ,aAAawB;AAAA,QAAA;AAIjB,UAAI,CAAC7C,KAAY,CAACA,EAAS,YAAY,CAACA,EAAS;AACxC,eAAA;AAAA,UACL,aAAa;AAAA,UACb,qBAAqB;AAAA,UACrB,aAAa6C;AAAA,QAAA;AAIjB,YAAM,EAAE,gBAAAkC,GAAgB,OAAAC,GAAO,iBAAAC,EAAA,IAAoBjF,GAC7CkF,MAA0BD,KAAA,gBAAAA,EAAiB,WAAU,MAAM3D;AAE7D,UAAA4D,KAA0B,CAAC3D;AACtB,eAAA;AAAA,UACL,YAAY;AAAA,QAAA;AAIhB,UAAIwD,GAAgB;AAClB,cAAMI,MAAsB5C,KAAA0C,KAAA,gBAAAA,EAAiB,MAAM,IAAI,OAA3B,gBAAA1C,GAA+B;AAEpD,eAAA;AAAA,UACL,YAAY2C;AAAA,UACZ,aAAa;AAAA,UACb,qBAAqBE,GAAUpF,EAAS,UAAUmF,EAAmB;AAAA,UACrE,aAAatC;AAAA,QAAA;AAAA,MAEjB;AAEA,cAAKmC,EAAM,SAAS,KAAKA,EAAM,YACtB;AAAA,QACL,YAAYE;AAAA,QACZ,aAAa;AAAA,QACb,aAAarC;AAAA,MAAA,KAIZmC,EAAM,SAAS,OAAOA,EAAM,YACxB;AAAA,QACL,YAAY;AAAA,MAAA,IAIT;IAAC,GAGJK,KAA6B,MACjC3F,EAAU,KAAK,CAAC,EAAE,aAAa4F,QAAiB;AAC9C,YAAM,EAAE,cAAAC,GAAc,oBAAAC,EAAA,IAAuB7F,EAAU2F,CAAU,KAAK;AAE/D,aAAAC,MAAiB,YAAY,KAAQC,MAAuB;AAAA,IAAA,CACpE;AAEH,QAAIhE,GAA0B;AAC5B,YAAM,EAAE,oBAAAgE,EAAA,IAAuBxF,KAAY;AAGvC,UAAAgB,MAAmB,cAAcA,MAAmB;AACtD,eAAId,MAAa,YACR;AAAA,UACL,aAAa2C;AAAA,UACb,gBAAgB;AAAA,QAAA,IAIb;AAAA,UACL,gBAAgB;AAAA,QAAA;AAIpB,UAAI2C;AACK,eAAA;AAAA,UACL,gBAAgB;AAAA,UAChB,qBACE/D,KAAsBR,KAAcf,MAAa,aAAaL,IAC1D,CAACwF,OACD;AAAA,QAAA;AAIV,UAAI,CAACvF;AACH,eAAO;AAGT,UAAII,MAAa;AACf,eAAIsC,IACK;AAAA,UACL,aAAaf,KAAsBR;AAAA,QAAA,IAInCgB,MAAS,cACJ;AAAA,UACL,GAAG6C,EAA2B;AAAA,UAC9B,YAAY;AAAA,QAAA,IAIT;AAAA,UACL,aAAajC;AAAA,UACb,aAAapB,KAAsBgB,KAAgB,EAACzC,KAAA,QAAAA,EAAU;AAAA,QAAA;AAIlE,UAAIwC;AACK,eAAA;AAAA,UACL,mBAAmBqC;AAAA,QAAA;AAIvB,UAAI5C,MAAS,aAAa;AACxB,cAAM,EAAE,gBAAA8C,GAAgB,OAAAC,MAAUhF,KAAY,CAAA;AAEvC,eAAA;AAAA,UACL,mBAAmB6E;AAAA,UACnB,gBACEE,KAAkB,CAACtD,IACf,KACA,CAAC,EAAEuD,KAAA,QAAAA,EAAO,UAASA,KAAA,QAAAA,EAAO,cAAa,GAAGA,EAAM,SAAS,KAAKA,EAAM;AAAA,QAAA;AAAA,MAE9E;AAEO,aAAA;AAAA,QACL,mBAAmBH;AAAA,QACnB,gBAAgBpD,MAAuBgB,IAAezC,KAAA,gBAAAA,EAAU,qBAAqB;AAAA,MAAA;AAAA,IAEzF;AAEA,WAAO8E,EAA2B;AAAA,EAAA,GACjC;AAAA,IACDrD;AAAA,IACAU;AAAA,IACAnC;AAAA,IACAwB;AAAA,IACAP;AAAA,IACAI;AAAA,IACApB,EAAS;AAAA,IACTqB;AAAA,IACAC;AAAA,IACAsB;AAAA,IACAK;AAAA,IACAxD;AAAA,IACAC;AAAA,IACAkC;AAAA,IACAb;AAAA,IACAlB;AAAA,IACAI;AAAA,IACAsC;AAAA,IACAP;AAAA,IACAQ;AAAA,IACA5C;AAAA,IACAiC;AAAA,EAAA,CACD,GAEK;AAAA,IACJ,sBAAA2D;AAAA,IACA,uBAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,2BAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,8BAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,uBAAAC;AAAA,MACEC,GAAoB;AAAA,IACtB,QAAA9G;AAAA,IACA,UAAAE;AAAA,IACA,WAAAC;AAAA,IACA,YAAAF;AAAA,IACA,eAAAI;AAAA,IACA,qBAAAO;AAAA,IACA,mBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,kBAAAO;AAAA,IACA,qBAAAC;AAAA,IACA,QAAAF;AAAA,IACA,UAAAX;AAAA,IACA,WAAAc;AAAA,IACA,YAAAkC;AAAA,IACA,wBAAA1C;AAAA,EAAA,CACD;AAED,SAAAiD,EAAU,MAAM;AACd,IAAIR,MACFC,EAAW,EAAK,GAChBE,EAAkB,EAAK,GACDyC,KAClBnF,KACKA,EAAAhB,EAAS,qBAAqBA,EAAS,eAAe;AAAA,EAEjE,GACC;AAAA,IACDmG;AAAA,IACAnF;AAAA,IACAhB,EAAS;AAAA,IACTA,EAAS;AAAA,IACTuD;AAAA,EAAA,CACD,GAEDQ,EAAU,MAAM;AACd,UAAM8C,IAAmBvG,IAAqBP,EAAW,SAASuC,CAAW,IAAI;AAEjF,WAAIuE,KAAoBrF,MAAe,CAACI,KAAcsC,OACnC2C,EAAA,GAAG,WAAWb,CAAoB,GACnDa,EAAiB,OAAO,IAGnB,MAAM;AACX,MAAIA,KAAoBrF,MAAe,CAACI,KAAcsC,OACnC2C,EAAA,IAAI,WAAWb,CAAoB,GACpDa,EAAiB,QAAQ;AAAA,IAC3B;AAAA,EACF,GACC;AAAA,IACDrF;AAAA,IACA0C;AAAA,IACA8B;AAAA,IACA1F;AAAA,IACAP;AAAA,IACAuC;AAAA,IACAV;AAAA,EAAA,CACD,GAGC,gBAAAkF;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,aAAY;AAAA,MACZ,gBAAe;AAAA,MACf,WAAW;AAAA,MACX,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAEf,UAAA;AAAA,QACC3C,MAAA,gBAAA4C;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,MAAMC;AAAA,YACN,gBAAe;AAAA,YACf,UAAS;AAAA,YACT,UAAU,CAAC5G;AAAA,YACX,SAASgG;AAAA,UAAA;AAAA,QACX;AAAA,QAED,CAAClC,MAAe6B,OAA0B/B,KAAeG,MACxD,gBAAA2C;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,MAAME;AAAA,YACN,gBAAe;AAAA,YACf,UAAS;AAAA,YACT,SAASlB;AAAA,UAAA;AAAA,QACX;AAAA,QAEDC,MACC,gBAAAc;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,QAAQ;AAAA,YACR,UAAS;AAAA,YACT,MAAK;AAAA,YACL,OAAM;AAAA,YACN,UAAUjH,MAAkB;AAAA,YAC5B,SAAS+F;AAAA,UAAA;AAAA,QACX;AAAA,QAEDrB,MACC,gBAAAmC;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,QAAQ;AAAA,YACR,UAAU/C,IAAc,cAAc;AAAA,YACtC,MAAK;AAAA,YACL,OAAM;AAAA,YACN,SAASsC;AAAA,UAAA;AAAA,QACX;AAAA,QAEDrC,MACC,gBAAA0C;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,QAAQ;AAAA,YACR,UAAU/C,IAAc,cAAc;AAAA,YACtC,MAAK;AAAA,YACL,OAAM;AAAA,YACN,SAAS8B;AAAA,YACT,UAAU5B,OAAuB;AAAA,UAAA;AAAA,QACnC;AAAA,QAEDF,KACC,gBAAA2C;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,QAAQ;AAAA,YACR,UAAS;AAAA,YACT,MAAK;AAAA,YACL,OAAOzF;AAAA,YACP,UAAU,CAACrB;AAAA,YACX,SAAS+F;AAAA,UAAA;AAAA,QACX;AAAA,QAEDnC,KACC,gBAAA8C;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,UAAS;AAAA,YACT,MAAK;AAAA,YACL,OAAO1F;AAAA,YACP,UAAUyC,OAAwB,MAAQ,CAAC7D;AAAA,YAC3C,SAAS8F;AAAA,UAAA;AAAA,QACX;AAAA,QAED5B,MACE,gBAAAwC,EAAAI,GAAA,EAAO,UAAS,WAAU,MAAK,SAAQ,OAAM,SAAQ,SAASZ,GAAwB,CAAA;AAAA,QAExF/B,MACE,gBAAAuC,EAAAI,GAAA,EAAO,UAAS,WAAU,MAAK,SAAQ,OAAM,UAAS,SAASV,GAAwB,CAAA;AAAA,QAEzF/B,MACC,gBAAAqC;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,UAAS;AAAA,YACT,MAAMI;AAAA,YACN,gBAAe;AAAA,YACf,SAASZ;AAAA,UAAA;AAAA,QACX;AAAA,QAED,CAAC7B,MAAuBF,MACvB,gBAAAsC;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,UAAS;AAAA,YACT,MAAMK;AAAA,YACN,UAAU/G,KAAA,gBAAAA,EAAU;AAAA,YACpB,gBAAe;AAAA,YACf,SAASgG;AAAA,UAAA;AAAA,QACX;AAAA,QAED3B,MACC,gBAAAoC;AAAA,UAACO;AAAA,UAAA;AAAA,YACC,UAAS;AAAA,YACT,UAAS;AAAA,YACT,aAAarC,MAAkC;AAAA,YAC/C,QAAQ,CAACD;AAAA,YAET,UAAC,gBAAA+B,EAAA,OAAA,EAAI,KAAK9D,IAAeS,KAAsB,QAC7C,UAAA,gBAAAqD;AAAA,cAACI;AAAA,cAAA;AAAA,gBACC,UAAS;AAAA,gBACT,MAAK;AAAA,gBACL,OAAOlE,IAAe,kBAAkB;AAAA,gBACxC,SAASnC;AAAA,gBACT,UAAUiE;AAAA,cAAA;AAAA,YAAA,GAEd;AAAA,UAAA;AAAA,QACF;AAAA,QAEDF,MACC,gBAAAkC,EAAC,OAAI,EAAA,KAAKnD,IACR,UAAA,gBAAAmD;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,QAAQ;AAAA,YACR,UAAS;AAAA,YACT,MAAK;AAAA,YACL,OAAM;AAAA,YACN,SAASnG;AAAA,UAAA;AAAA,QAAA,GAEb;AAAA,QAED8D,MACC,gBAAAiC;AAAA,UAACO;AAAA,UAAA;AAAA,YACC,aAAY;AAAA,YACZ,UAAS;AAAA,YACT,UAAS;AAAA,YACT,QAAQ,CAACpC;AAAA,YAET,UAAA,gBAAA6B,EAAC,OAAI,EAAA,KAAKpD,IACR,UAAA,gBAAAoD;AAAA,cAACI;AAAA,cAAA;AAAA,gBACC,QAAQ;AAAA,gBACR,UAAS;AAAA,gBACT,MAAK;AAAA,gBACL,OAAM;AAAA,gBACN,SAASlG;AAAA,gBACT,UAAUiE;AAAA,cAAA;AAAA,YAAA,GAEd;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR,CAAC;"}
+{"version":3,"file":"worksheet-questions-controller.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-questions-controller/worksheet-questions-controller.tsx"],"sourcesContent":["import type {\n  IButtonTypes,\n  IWorksheetQuestionsControllerProps,\n} from './worksheet-questions-controller-types';\nimport type { FC } from 'react';\n\nimport { deepEqual } from 'fast-equals';\nimport { memo, useEffect, useMemo, useState } from 'react';\n\nimport Check2Icon from '../../../../assets/line-icons/icons/check2';\nimport HandIcon from '../../../../assets/line-icons/icons/hand';\nimport QuestionIcon from '../../../../assets/line-icons/icons/question';\nimport SkipIcon from '../../../../assets/line-icons/icons/skip';\nimport Button from '../../../ui/buttons/button/button';\nimport IconButton from '../../../ui/buttons/icon-button/icon-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport useHandlerCallbacks from './use-handler-callbacks';\n\nconst WorksheetQuestionsController: FC<IWorksheetQuestionsControllerProps> = memo(props => {\n  const {\n    layout,\n    learnosity,\n    question,\n    questions,\n    responses,\n    questionIndex,\n    canSubmitWorksheet,\n    isQuestionUnlocked,\n    isQuestionAppended,\n    response,\n    behavior,\n    userType,\n    setActiveQuestionId,\n    setSummaryVisible,\n    setBlocker,\n    setResponses,\n    getTimeSpentOnQuestion,\n    onSkip,\n    actionBarRightElement,\n    onSubmit,\n  } = props;\n\n  const { onHelp, onResponseChange, onTeacherValidation, loggerRef } = props;\n  const {\n    navigationMode,\n    canAttempt,\n    hints,\n    checkButtonLabel,\n    retryButtonLabel,\n    validation,\n    maximumAttempts,\n    canExceedAttempts,\n    teacherValidationEnabled,\n    canTeacherValidate,\n    hintsTimer,\n    skippableTime,\n    skippable,\n  } = behavior;\n\n  const { response_id, item_type, type, instructor_stimulus, is_optional } = question;\n  const hintsAvailable = !hints\n    ? 0\n    : learnosity.question(response_id)?.getMetadata()?.hints?.length ?? 0;\n\n  const isSystemIntro = instructor_stimulus === 'SystemIntro';\n  const isExitTicket = item_type === 'exit-ticket';\n  const hintsRemaining = canAttempt && hintsAvailable - (response?.hintsUsed ?? 0) > 0;\n\n  const [showHintsButton, setShowHintsButton] = useState(false);\n  const [skipped, setSkipped] = useState(false);\n  const [showSkipButton, setShowSkipButton] = useState(false);\n\n  useEffect(() => {\n    if (hintsTimer && hintsRemaining) {\n      const timeoutId = setTimeout(() => {\n        setShowHintsButton(true);\n      }, hintsTimer * 1000);\n\n      return () => clearTimeout(timeoutId);\n    }\n    setShowHintsButton(hintsRemaining);\n  }, [hintsTimer, hintsRemaining]);\n\n  useEffect(() => {\n    const canShowSkip = !response?.response && !response?.skipped;\n\n    //* If hints are available and user has exhausted all hints then we show skip button.\n    //* If hints are not available and user has not given any response or have not skipped a question then we show skip button after skippableTime/ 90 seconds.\n    //* Else skip button is hidden.\n    if (skippable) {\n      if (hintsAvailable > 0 && !hintsRemaining) {\n        setShowSkipButton(canShowSkip);\n      } else if (hintsAvailable === 0 && canShowSkip) {\n        const timeoutId = setTimeout(\n          () => {\n            setShowSkipButton(canShowSkip);\n          },\n          (skippableTime ?? 0) * 1000,\n        );\n\n        return () => clearTimeout(timeoutId);\n      } else {\n        setShowSkipButton(false);\n      }\n    }\n  }, [hintsAvailable, hintsRemaining, response, skippable, skippableTime]);\n\n  const {\n    checkButton,\n    checkButtonDisabled,\n    hintsButton,\n    retryButton,\n    nextButton,\n    nextButtonDisabled,\n    startButton,\n    readyButton,\n    validateButton,\n    skipSectionButton,\n    submitAttemptButton,\n    skipButton,\n  } = useMemo<IButtonTypes>(() => {\n    const showSkipSectionButton =\n      canTeacherValidate && is_optional && response?.assignStatus === 'assigned';\n\n    const getSystemValidationButtons = (): IButtonTypes => {\n      //* maximumAttempts = -2 means this is a puzzle card.\n      if (maximumAttempts === -2) {\n        if (userType === 'STUDENT') {\n          if (canAttempt) {\n            return {\n              hintsButton: showHintsButton,\n            };\n          }\n        }\n\n        return {};\n      }\n\n      if (!canAttempt) {\n        return {\n          nextButton: true,\n        };\n      }\n\n      if (!validation && behavior.navigationMode === 'LINEAR') {\n        return {\n          nextButton: true,\n          nextButtonDisabled: !response?.response,\n          hintsButton: showHintsButton,\n          skipButton: showSkipButton,\n        };\n      }\n\n      if (!validation) {\n        return {\n          nextButton: true,\n          hintsButton: showHintsButton,\n        };\n      }\n\n      if (!response || !response.response || !response.score) {\n        return {\n          checkButton: true,\n          checkButtonDisabled: true,\n          hintsButton: showHintsButton,\n        };\n      }\n\n      const { responseEdited, score, attemptsHistory } = response;\n      const maximumAttemptsReached = (attemptsHistory?.length ?? 0) >= maximumAttempts;\n\n      if (maximumAttemptsReached && !canExceedAttempts) {\n        return {\n          nextButton: true,\n        };\n      }\n\n      if (responseEdited) {\n        const lastAttemptResponse = attemptsHistory?.slice(-1)[0]?.response;\n\n        return {\n          nextButton: maximumAttemptsReached,\n          checkButton: true,\n          checkButtonDisabled: deepEqual(response.response, lastAttemptResponse),\n          hintsButton: showHintsButton,\n        };\n      }\n\n      if ((score.score ?? 0) < score.max_score) {\n        return {\n          nextButton: maximumAttemptsReached,\n          retryButton: true,\n          hintsButton: showHintsButton,\n        };\n      }\n\n      if ((score.score ?? 0) === score.max_score) {\n        return {\n          nextButton: true,\n        };\n      }\n\n      return {};\n    };\n\n    const isPendingTeacherValidation = () =>\n      questions.some(({ response_id: questionId }) => {\n        const { assignStatus, validatedByTeacher } = responses[questionId] ?? {};\n\n        return assignStatus === 'skipped' ? false : validatedByTeacher !== true;\n      });\n\n    if (teacherValidationEnabled) {\n      const { validatedByTeacher } = response ?? {};\n\n      // TODO: change the condition to if teacher validator is needed or not\n      if (navigationMode === 'ADAPTIVE' || navigationMode === 'CURRENT') {\n        if (userType === 'STUDENT') {\n          return {\n            hintsButton: showHintsButton,\n            validateButton: false,\n          };\n        }\n\n        return {\n          validateButton: false,\n        };\n      }\n\n      if (validatedByTeacher) {\n        return {\n          validateButton: true,\n          submitAttemptButton:\n            canTeacherValidate && canAttempt && userType === 'STUDENT' && canSubmitWorksheet\n              ? !isPendingTeacherValidation()\n              : false,\n        };\n      }\n\n      if (!isQuestionUnlocked) {\n        return {};\n      }\n\n      if (userType === 'STUDENT') {\n        if (isSystemIntro) {\n          return {\n            startButton: canTeacherValidate && canAttempt,\n          };\n        }\n\n        if (type !== 'clozetext') {\n          return {\n            ...getSystemValidationButtons(),\n            nextButton: false,\n          };\n        }\n\n        return {\n          hintsButton: showHintsButton,\n          readyButton: canTeacherValidate && isExitTicket && !response?.submittedByStudent,\n        };\n      }\n\n      if (isSystemIntro) {\n        return {\n          skipSectionButton: showSkipSectionButton,\n        };\n      }\n\n      if (type !== 'clozetext') {\n        const { responseEdited, score } = response ?? {};\n\n        return {\n          skipSectionButton: showSkipSectionButton,\n          validateButton:\n            responseEdited || !canTeacherValidate\n              ? false\n              : !!(score?.score && score?.max_score && !((score.score ?? 0) < score.max_score)),\n        };\n      }\n\n      return {\n        skipSectionButton: showSkipSectionButton,\n        validateButton: canTeacherValidate && (isExitTicket ? response?.submittedByStudent : true),\n      };\n    }\n\n    return getSystemValidationButtons();\n  }, [\n    canTeacherValidate,\n    is_optional,\n    response,\n    teacherValidationEnabled,\n    canAttempt,\n    validation,\n    behavior.navigationMode,\n    maximumAttempts,\n    canExceedAttempts,\n    showHintsButton,\n    showSkipButton,\n    questions,\n    responses,\n    navigationMode,\n    isQuestionUnlocked,\n    userType,\n    isSystemIntro,\n    type,\n    isExitTicket,\n    canSubmitWorksheet,\n  ]);\n\n  const {\n    handleResponseChange,\n    handleHelpButtonClick,\n    handleBackButtonClick,\n    handleNextButtonClick,\n    handleCheckButtonClick,\n    handleRetryButtonClick,\n    handleHintButtonClick,\n    handleValidateButtonClick,\n    handleStartButtonClick,\n    handleSkipSectionButtonClick,\n    handleReadyButtonClick,\n    handleSkipButtonClick,\n  } = useHandlerCallbacks({\n    layout,\n    question,\n    questions,\n    learnosity,\n    questionIndex,\n    setActiveQuestionId,\n    setSummaryVisible,\n    setBlocker,\n    setResponses,\n    onResponseChange,\n    onTeacherValidation,\n    onHelp,\n    behavior,\n    loggerRef,\n    setSkipped,\n    getTimeSpentOnQuestion,\n  });\n\n  useEffect(() => {\n    if (skipped) {\n      setSkipped(false);\n      setShowSkipButton(false);\n      handleNextButtonClick();\n      if (onSkip) {\n        onSkip(question.item_display_number, question.question_number);\n      }\n    }\n  }, [\n    handleNextButtonClick,\n    onSkip,\n    question.item_display_number,\n    question.question_number,\n    skipped,\n  ]);\n\n  useEffect(() => {\n    const questionInstance = isQuestionAppended ? learnosity.question(response_id) : undefined;\n\n    if (questionInstance && canAttempt && (!validation || checkButton)) {\n      questionInstance.on('changed', handleResponseChange);\n      questionInstance.enable();\n    }\n\n    return () => {\n      if (questionInstance && canAttempt && (!validation || checkButton)) {\n        questionInstance.off('changed', handleResponseChange);\n        questionInstance.disable();\n      }\n    };\n  }, [\n    canAttempt,\n    checkButton,\n    handleResponseChange,\n    isQuestionAppended,\n    learnosity,\n    response_id,\n    validation,\n  ]);\n\n  return (\n    <FlexView\n      $background=\"WHITE\"\n      $flexDirection=\"row\"\n      $flexGapX={0.5}\n      $alignItems=\"center\"\n      $justifyContent=\"flex-end\"\n    >\n      {hintsButton && (\n        <IconButton\n          Icon={QuestionIcon}\n          analyticsLabel=\"Hint\"\n          renderAs=\"secondary\"\n          disabled={!isQuestionAppended}\n          onClick={handleHintButtonClick}\n        />\n      )}\n      {!hintsButton && handleHelpButtonClick && (checkButton || retryButton) && (\n        <IconButton\n          Icon={HandIcon}\n          analyticsLabel=\"Ask for help\"\n          renderAs=\"secondary\"\n          onClick={handleHelpButtonClick}\n        />\n      )}\n      {handleBackButtonClick && (\n        <Button\n          widthX={6}\n          renderAs=\"secondary\"\n          size=\"small\"\n          label=\"Back\"\n          disabled={questionIndex === 0}\n          onClick={handleBackButtonClick}\n        />\n      )}\n      {skipButton && (\n        <Button\n          widthX={6}\n          renderAs={retryButton ? 'secondary' : 'primary'}\n          size=\"small\"\n          label=\"Skip\"\n          onClick={handleSkipButtonClick}\n        />\n      )}\n      {nextButton && (\n        <Button\n          widthX={6}\n          renderAs={retryButton ? 'secondary' : 'primary'}\n          size=\"small\"\n          label=\"Next\"\n          onClick={handleNextButtonClick}\n          disabled={nextButtonDisabled === true}\n        />\n      )}\n      {retryButton && (\n        <Button\n          widthX={6}\n          renderAs=\"primary\"\n          size=\"small\"\n          label={retryButtonLabel}\n          disabled={!isQuestionAppended}\n          onClick={handleRetryButtonClick}\n        />\n      )}\n      {checkButton && (\n        <Button\n          renderAs=\"primary\"\n          size=\"small\"\n          label={checkButtonLabel}\n          disabled={checkButtonDisabled === true || !isQuestionAppended}\n          onClick={handleCheckButtonClick}\n        />\n      )}\n      {startButton && (\n        <Button renderAs=\"primary\" size=\"small\" label=\"Start\" onClick={handleStartButtonClick} />\n      )}\n      {readyButton && (\n        <Button renderAs=\"primary\" size=\"small\" label=\"Submit\" onClick={handleReadyButtonClick} />\n      )}\n      {skipSectionButton && (\n        <IconButton\n          renderAs=\"primary\"\n          Icon={SkipIcon}\n          analyticsLabel=\"Skip Section\"\n          onClick={handleSkipSectionButtonClick}\n        />\n      )}\n      {!submitAttemptButton && validateButton && (\n        <IconButton\n          renderAs=\"primary\"\n          Icon={Check2Icon}\n          disabled={response?.validatedByTeacher}\n          analyticsLabel=\"Validate\"\n          onClick={handleValidateButtonClick}\n        />\n      )}\n      {submitAttemptButton && (\n        <Button renderAs=\"primary\" size=\"small\" label=\"Submit\" onClick={onSubmit} />\n      )}\n      {actionBarRightElement && actionBarRightElement}\n    </FlexView>\n  );\n});\n\nexport default WorksheetQuestionsController;\n"],"names":["WorksheetQuestionsController","memo","props","layout","learnosity","question","questions","responses","questionIndex","canSubmitWorksheet","isQuestionUnlocked","isQuestionAppended","response","behavior","userType","setActiveQuestionId","setSummaryVisible","setBlocker","setResponses","getTimeSpentOnQuestion","onSkip","actionBarRightElement","onSubmit","onHelp","onResponseChange","onTeacherValidation","loggerRef","navigationMode","canAttempt","hints","checkButtonLabel","retryButtonLabel","validation","maximumAttempts","canExceedAttempts","teacherValidationEnabled","canTeacherValidate","hintsTimer","skippableTime","skippable","response_id","item_type","type","instructor_stimulus","is_optional","hintsAvailable","_c","_b","_a","isSystemIntro","isExitTicket","hintsRemaining","showHintsButton","setShowHintsButton","useState","skipped","setSkipped","showSkipButton","setShowSkipButton","useEffect","timeoutId","canShowSkip","checkButton","checkButtonDisabled","hintsButton","retryButton","nextButton","nextButtonDisabled","startButton","readyButton","validateButton","skipSectionButton","submitAttemptButton","skipButton","useMemo","showSkipSectionButton","getSystemValidationButtons","responseEdited","score","attemptsHistory","maximumAttemptsReached","lastAttemptResponse","deepEqual","isPendingTeacherValidation","questionId","assignStatus","validatedByTeacher","handleResponseChange","handleHelpButtonClick","handleBackButtonClick","handleNextButtonClick","handleCheckButtonClick","handleRetryButtonClick","handleHintButtonClick","handleValidateButtonClick","handleStartButtonClick","handleSkipSectionButtonClick","handleReadyButtonClick","handleSkipButtonClick","useHandlerCallbacks","questionInstance","jsxs","FlexView","jsx","IconButton","QuestionIcon","HandIcon","Button","SkipIcon","Check2Icon"],"mappings":"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"}

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

@@ -1,11 +1,11 @@
 import t from "styled-components";
 import i from "../../ui/layout/flex-view.js";
-import { QUESTIONS_GAP as c, WORKSHEET_CONTAINER_BORDER_RADIUS as n, TOP_NAVIGATION_HEIGHT as l, ACTION_BAR_HEIGHT as p, SIDEBAR_WIDTH as x } from "./constants.js";
-const g = t(i)(({ $topOffset: o }) => `
+import { WORKSHEET_CONTAINER_BORDER_RADIUS as n, TOP_NAVIGATION_HEIGHT as d, ACTION_BAR_HEIGHT as p, SIDEBAR_WIDTH as c } from "./constants.js";
+const b = t(i)(({ $topOffset: o }) => `
     position: sticky;
     top: ${o}px;
     z-index: 1;
-  `), u = t.div(({ theme: o }) => {
+  `), $ = t.div(({ theme: o }) => {
   const { colors: r } = o;
   return `
     width: 16px;
@@ -13,18 +13,18 @@ const g = t(i)(({ $topOffset: o }) => `
     border-radius: 32px;
     border: 0.667px solid ${r.BLACK_T_87}
   `;
-}), E = t(i)`
+}), g = t(i)`
   position: relative;
-`, _ = t(i)(
-  ({ $isCardView: o, theme: r, $isPuzzleCard: e }) => `
-  ${o && !e ? `
+`, u = t(i)(
+  ({ $isCardView: o, theme: r, $questionPadding: e }) => `
+  ${o ? `
           border-left: 1px solid ${r.colors.GREY_2};
           border-right: 1px solid ${r.colors.GREY_2};
         ` : ""}
- padding-top: ${e ? 0 : c}px;
+ padding-top: ${e}px;
  z-index: 0;
 `
-), I = t(i)(
+), E = t(i)(
   ({ theme: o, $topOffset: r }) => `
   position: sticky;
   top: ${r}px;
@@ -33,23 +33,23 @@ const g = t(i)(({ $topOffset: o }) => `
   justify-content: flex-end;
   background-color: ${o.colors.WHITE};
 `
-), f = t(i)`
+), _ = t(i)`
   border: 1px solid ${({ theme: o }) => o.colors.GREY_2};
   border-top: 0px;
   border-radius: ${n}px ${n}px 0 0;
   overflow: hidden;
-`, R = t(i)(
-  ({ theme: { colors: o }, $height: r, $isCardView: e, $marginTop: s, $isPuzzleCard: d }) => `
+`, f = t(i)(
+  ({ theme: { colors: o }, $height: r, $isCardView: e, $marginTop: s }) => `
   position: sticky;
   top: calc(100% - ${r}px);
   margin-top: -${s}px;
   z-index: 1;
-  ${e && !d ? `
+  ${e ? `
           border-left: 1px solid ${o.GREY_2};
           border-right: 1px solid ${o.GREY_2};
         ` : ""}
   `
-), T = t(i)(
+), I = t(i)(
   ({ theme: { colors: o }, $isCardView: r }) => `
   align-items: center;
   justify-content: center;
@@ -63,12 +63,12 @@ const g = t(i)(({ $topOffset: o }) => `
           border-top-right-radius: 8px;
         ` : ""}
   `
-), W = t(i)(
+), R = t(i)(
   ({ theme: o, $minHeight: r, $topOffset: e }) => `
   box-sizing: content-box;
   position: sticky;
   width: calc(100% - 2px);
-  top: ${e + l}px;
+  top: ${e + d}px;
   z-index: 2;
   min-height: ${r}${typeof r == "number" ? "px" : ""};
   padding-bottom: ${p / 2}px;
@@ -83,17 +83,17 @@ const g = t(i)(({ $topOffset: o }) => `
     box-sizing: border-box;
   }
 `
-), h = t(i)`
+), W = t(i)`
   position: absolute;
   width: 100%;
   bottom: ${p}px;
   left: 0;
-`, k = t(i)(({ theme: o }) => `
+`, h = t(i)(({ theme: o }) => `
     position: sticky;
     top: 0;
     left: 0;
     z-index: ${o.zIndex.DESMOS_CALCULATOR};
-  `), A = t(i)(
+  `), k = t(i)(
   ({ theme: o, $active: r }) => `
   width: 36px;
   height: 36px;
@@ -110,26 +110,26 @@ const g = t(i)(({ $topOffset: o }) => `
     stroke: ${r ? o.colors.WHITE : o.colors.BLACK};
   }
 `
-), G = t(i)`
+), T = t(i)`
   position: absolute;
   bottom: 8px;
-  right: -${x}px;
+  right: -${c}px;
   align-items: center;
   z-index: 1;
 `;
 export {
-  R as ActionbarContainer,
-  T as ActionbarWrapper,
-  W as BlockerWrapper,
-  k as DesmosCalcWrapper,
-  A as IconContainer,
-  I as NavigationContainer,
-  f as NavigationWrapper,
-  u as NudgeBannerIcon,
-  g as NudgeBannerWrapper,
-  _ as QuestionsWrapper,
-  G as StudentWorksheetSideBar,
-  h as SummaryWrapper,
-  E as WorksheetContainer
+  f as ActionbarContainer,
+  I as ActionbarWrapper,
+  R as BlockerWrapper,
+  h as DesmosCalcWrapper,
+  k as IconContainer,
+  E as NavigationContainer,
+  _ as NavigationWrapper,
+  $ as NudgeBannerIcon,
+  b as NudgeBannerWrapper,
+  u as QuestionsWrapper,
+  T as StudentWorksheetSideBar,
+  W as SummaryWrapper,
+  g as WorksheetContainer
 };
 //# sourceMappingURL=worksheet-styled.js.map

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

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

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

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