@cuemath/leap 3.1.44-beta-0.2 → 3.1.44-hg2

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

@@ -1 +1 @@
-{"version":3,"file":"worksheet.js","sources":["../../../../src/features/worksheet/worksheet/worksheet.tsx"],"sourcesContent":["import type { TWorksheetBlocker } from './worksheet-blocker/worksheet-blocker-types';\nimport type { IWorksheetProps, IWorksheetRef, IWorksheetResponse } from './worksheet-types';\nimport type { ForwardRefRenderFunction } from 'react';\n\nimport { captureMessage } from '@sentry/browser';\nimport {\n  forwardRef,\n  memo,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useState,\n} from 'react';\n\nimport Check2Icon from '../../../assets/line-icons/icons/check2';\nimport Info2Icon from '../../../assets/line-icons/icons/info2';\nimport getDeviceDetails from '../../../helpers/get-device-details';\nimport DesmosCalculator from '../../sheet-tools/desmos-calculator/desmos-calculator';\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport EVENTS from '../constants/events';\nimport UserPointer from '../user-pointer-pin/user-pin';\nimport {\n  DESMOS_CALC_POSITION,\n  TOP_NAVIGATION_HEIGHT,\n  WORKSHEET_NUDGE_BANNER_HEIGHT,\n} from './constants';\nimport useCreateImperativeHandle from './hooks/use-create-imperative-handle';\nimport useGetActiveQuestionId from './hooks/use-get-active-question-id';\nimport useTimeSpentOnQuestions from './hooks/use-time-on-questions';\nimport QuestionTips from './question-tips';\nimport WorksheetActionBar from './worksheet-action-bar/worksheet-action-bar';\nimport WorksheetBlocker from './worksheet-blocker/worksheet-blocker';\nimport {\n  getInitialQuestionId,\n  getInitialResponses,\n  getLastUnlockedQuestionIndex,\n  getQuestionMetadata,\n  getQuestionsFromItems,\n  getRenderableQuestions,\n  getWorksheetDimensions,\n  getWorksheetNudgeBannerInfo,\n  scrollToQuestion,\n} from './worksheet-helpers';\nimport WorksheetNavigation from './worksheet-navigation/worksheet-navigation';\nimport WorksheetQuestion from './worksheet-question/worksheet-question';\nimport Navigator from './worksheet-sidebar/navigator';\nimport WorksheetSideBar from './worksheet-sidebar/sidebar';\nimport * as Styled from './worksheet-styled';\nimport WorksheetSummary from './worksheet-summary/worksheet-summary';\n\n/**\n *\n * @param learnosityItems cannot not be changed between the renders\n */\nconst WorksheetComp: ForwardRefRenderFunction<IWorksheetRef, IWorksheetProps> = (props, ref) => {\n  const {\n    userType,\n    studentName = 'Student',\n    questionsSignedRequest,\n    worksheetName,\n    initialResponseId,\n    initialItemIndex,\n    learnosityActivityRef,\n    learnosityItems,\n    learnosityResponses,\n    layout,\n    background,\n    behavior,\n    updatedResponses,\n    showNudgeBanner,\n    markedAsCompleted,\n    onResponseChange,\n    onBulkResponsesChange,\n    onResponsesChange,\n    onMediaStateChange,\n    onTeacherValidation,\n    onOptionalItemAssignment,\n    onOptionalItemSkip,\n    onExitTicketStart,\n    onExitTicketSubmit,\n    onSubmit,\n    learnosity,\n    appendedQuestionIds,\n    worksheetCompleted,\n    userId,\n    onPublishStrokes,\n    onReceiveStrokes,\n    initialStrokesData,\n    isCanvasEnabled,\n    onHelp,\n    onPublishMouseMove,\n    onSubscribeMouseMove,\n    onActiveQuestionChange,\n    openQuestionFeedbackModal,\n    summaryDescription,\n    canSubmitWorksheet,\n    loggerRef,\n    canResolveDoubt,\n    onResolveDoubt,\n    onSkip,\n    onUnassign,\n    canToggleScribbling = true,\n    studentId,\n    subjectiveProps,\n    canShowActionBar = true,\n  } = props;\n  const { initialQuestion, navigationMode, teacherValidationEnabled } = behavior;\n  const {\n    containerStyle,\n    containerWidth,\n    minQuestionHeight,\n    minSummaryHeight,\n    questionsScrollable,\n    navigationBar,\n    topOffset,\n    renderSideBar,\n    showUserPointer = true,\n    imageHue,\n    renderSheetHeader,\n    renderQuestionFeedback,\n  } = layout;\n\n  const { actionbarHeight, maxQuestionWidth, questionsContainerWidth } = useMemo(\n    () => getWorksheetDimensions(learnosityItems, layout),\n    [layout, learnosityItems],\n  );\n\n  const [questions] = useState(() =>\n    getQuestionsFromItems(learnosityItems, {\n      sectioned:\n        teacherValidationEnabled && navigationMode !== 'ADAPTIVE' && navigationMode !== 'CURRENT',\n      adaptive: navigationMode === 'ADAPTIVE',\n    }),\n  );\n\n  const [responses, setResponses] = useState<Record<string, IWorksheetResponse>>(\n    () => learnosityResponses ?? getInitialResponses(questions),\n  );\n  const [isScribblingEnabled, setIsScribblingEnabled] = useState(false);\n  const lastUnlockedQuestionIndex = useMemo(\n    () =>\n      navigationMode !== 'OPEN'\n        ? getLastUnlockedQuestionIndex({\n            questions,\n            responses,\n            behavior,\n            userType,\n          })\n        : questions.length - 1,\n    [behavior, navigationMode, questions, responses, userType],\n  );\n\n  const lastUnlockedQuestion = questions[lastUnlockedQuestionIndex];\n  const lastUnlockedQuestionResponse = responses[lastUnlockedQuestion?.response_id ?? ''];\n\n  const { bannerBackgroundColor: nudgeBannerBackgroundColor, label: nudgeBannerLabel } =\n    getWorksheetNudgeBannerInfo(userType, Boolean(markedAsCompleted));\n\n  const [initialQuestionId] = useState(() =>\n    getInitialQuestionId({\n      questions,\n      initialQuestion,\n      lastUnlockedQuestionIndex: getLastUnlockedQuestionIndex({\n        questions,\n        responses,\n        behavior,\n        userType,\n      }),\n      initialResponseId,\n      initialItemIndex,\n    }),\n  );\n\n  const { activeQuestionId, setActiveQuestionId, intersectionObserver } =\n    useGetActiveQuestionId(initialQuestionId);\n  const activeQuestionIndex = useMemo(\n    () => questions.findIndex(question => question.response_id === activeQuestionId),\n    [activeQuestionId, questions],\n  );\n  const [summaryVisible, setSummaryVisible] = useState(false);\n  const [blocker, setBlocker] = useState<TWorksheetBlocker>();\n\n  const [showCalculator, setShowCalculator] = useState(false);\n  const getTimeSpentOnQuestion = useTimeSpentOnQuestions(behavior, responses, activeQuestionId);\n\n  const handleMediaStateChange = useCallback<NonNullable<typeof onMediaStateChange>>(\n    (question, mediaType, mediaState) => {\n      const key = mediaType === 'SIMULATION' ? 'simState' : undefined;\n\n      if (!key) return;\n\n      if (onResponseChange) {\n        setResponses(prevResponses => {\n          const questionId = question.response_id;\n          const questionMeta = getQuestionMetadata(questions, questionId);\n\n          if (!questionMeta) return prevResponses;\n\n          const updatedResponse = {\n            ...questionMeta,\n            ...prevResponses[questionId],\n            [key]: mediaState,\n          };\n\n          onResponseChange?.({\n            responseId: questionId,\n            response: updatedResponse,\n            isNewAttempt: false,\n            question,\n          });\n\n          return {\n            ...prevResponses,\n            [questionId]: updatedResponse,\n          };\n        });\n      } else if (onMediaStateChange) {\n        onMediaStateChange(question, mediaType, mediaState);\n      }\n    },\n    [onMediaStateChange, onResponseChange, questions],\n  );\n\n  const handleMarkForReview = useCallback(\n    (questionId: string, markedForReview: boolean) => {\n      setResponses(prevResponses => {\n        const questionMeta = getQuestionMetadata(questions, questionId);\n\n        if (!questionMeta) return prevResponses;\n\n        return {\n          ...prevResponses,\n          [questionId]: {\n            ...questionMeta,\n            ...prevResponses[questionId],\n            markedForReview,\n          },\n        };\n      });\n    },\n    [questions],\n  );\n\n  const handleBlockerClose = useCallback(() => {\n    setBlocker(prevBlocker => {\n      if (prevBlocker) {\n        const lastUnlockedQuestionId = questions[lastUnlockedQuestionIndex]?.response_id;\n\n        if (lastUnlockedQuestionId) {\n          setTimeout(() => {\n            scrollToQuestion(lastUnlockedQuestionId);\n          }, 50);\n        }\n      }\n\n      return undefined;\n    });\n  }, [lastUnlockedQuestionIndex, questions]);\n\n  const handleItemNumberClick = useCallback(\n    (questionId: string) => {\n      setSummaryVisible(false);\n\n      if (questionsScrollable) {\n        requestAnimationFrame(() => scrollToQuestion(questionId));\n      } else {\n        setActiveQuestionId(questionId);\n      }\n    },\n    [questionsScrollable, setActiveQuestionId],\n  );\n\n  const onCalculatorClose = useCallback(() => {\n    setShowCalculator(false);\n  }, []);\n\n  const onCalculatorOpen = useCallback(() => {\n    setShowCalculator(true);\n  }, []);\n\n  const handleOnGoToReview = useCallback(() => {\n    setSummaryVisible(true);\n  }, []);\n\n  useEffect(() => {\n    const activeQuestion = questions[activeQuestionIndex];\n\n    if (activeQuestion && onActiveQuestionChange) {\n      onActiveQuestionChange(activeQuestion);\n    }\n  }, [onActiveQuestionChange, questions, activeQuestionIndex]);\n\n  useCreateImperativeHandle(ref, {\n    behavior,\n    questions,\n    setResponses,\n    onResponseChange,\n    onBulkResponsesChange,\n    getTimeSpentOnQuestion,\n  });\n\n  useEffect(() => {\n    return () => {\n      intersectionObserver.disconnect();\n    };\n  }, [intersectionObserver]);\n\n  useEffect(() => {\n    if (onResponsesChange && responses) {\n      onResponsesChange(responses);\n    }\n  }, [onResponsesChange, responses]);\n\n  useEffect(() => {\n    if (updatedResponses) {\n      setResponses(updatedResponses);\n    }\n  }, [updatedResponses]);\n\n  useLayoutEffect(() => {\n    let timer: NodeJS.Timeout;\n\n    if (learnosity && initialQuestionId) {\n      if (getDeviceDetails().browser_name === 'Safari') {\n        timer = setTimeout(() => {\n          scrollToQuestion(initialQuestionId);\n        }, 400);\n      } else {\n        scrollToQuestion(initialQuestionId);\n      }\n    }\n\n    return () => {\n      clearTimeout(timer);\n    };\n  }, [learnosity, initialQuestionId, topOffset]);\n\n  useEffect(() => {\n    if (behavior.teacherValidationEnabled && lastUnlockedQuestion) {\n      const { item_type, instructor_stimulus, is_optional } = lastUnlockedQuestion;\n\n      if (userType === 'TEACHER') {\n        if (item_type === 'exit-ticket' && instructor_stimulus !== 'SystemIntro') {\n          if (\n            lastUnlockedQuestionResponse?.submittedByStudent &&\n            !lastUnlockedQuestionResponse?.validatedByTeacher\n          ) {\n            setBlocker('exit-ticket-review-available');\n          } else if (!lastUnlockedQuestionResponse?.validatedByTeacher) {\n            setBlocker('exit-ticket-teacher-intervention');\n          } else {\n            handleBlockerClose();\n          }\n        } else if (is_optional) {\n          if (!lastUnlockedQuestionResponse?.assignStatus) {\n            setBlocker('optional-items-assignment');\n          } else {\n            handleBlockerClose();\n          }\n        } else if (!is_optional) {\n          handleBlockerClose();\n        }\n      }\n    }\n  }, [\n    behavior.teacherValidationEnabled,\n    handleBlockerClose,\n    lastUnlockedQuestion,\n    lastUnlockedQuestionResponse,\n    userType,\n  ]);\n\n  useEffect(() => {\n    if (behavior.teacherValidationEnabled && lastUnlockedQuestion) {\n      const { item_type, instructor_stimulus } = lastUnlockedQuestion;\n\n      if (userType === 'STUDENT') {\n        if (item_type === 'exit-ticket' && instructor_stimulus !== 'SystemIntro') {\n          if (lastUnlockedQuestionResponse?.submittedByStudent) {\n            onExitTicketSubmit?.();\n          } else {\n            onExitTicketStart?.();\n          }\n        }\n      }\n    }\n  }, [\n    behavior.teacherValidationEnabled,\n    lastUnlockedQuestion,\n    lastUnlockedQuestionResponse?.submittedByStudent,\n    onExitTicketStart,\n    onExitTicketSubmit,\n    userType,\n  ]);\n\n  useEffect(() => {\n    if (navigationMode === 'CURRENT') {\n      learnosityItems.forEach(({ reference, questions: itemQuestions }) => {\n        if (itemQuestions.length < 3) {\n          captureMessage(`Diagnostics item has Less than 3 questions: ${reference}`, {\n            tags: {\n              'content-type': 'learnosity',\n              'activity-reference': learnosityActivityRef,\n              'item-reference': reference,\n            },\n            fingerprint: [`diagnostics-item-questions-count-${reference}`], // Add unique fingerprint\n          });\n        } else if (\n          itemQuestions[0]?.instructor_stimulus !== 'Try' ||\n          itemQuestions[1]?.instructor_stimulus !== 'Learn' ||\n          itemQuestions[2]?.instructor_stimulus !== 'Apply'\n        ) {\n          captureMessage(\n            `Diagnostics questions sequence is incorrect expected [Try, Learn, Apply]: ${reference}`,\n            {\n              tags: {\n                'content-type': 'learnosity',\n                'activity-reference': learnosityActivityRef,\n                'item-reference': reference,\n              },\n              fingerprint: [`diagnostics-item-questions-sequence-${reference}`], // Add unique fingerprint\n            },\n          );\n        }\n      });\n    }\n  }, [learnosityActivityRef, learnosityItems, navigationMode]);\n\n  useEffect(() => {\n    questions.forEach(question => {\n      const { validation, item_reference, type, question_number, metadata } = question;\n      const responseNeeded = teacherValidationEnabled ? type !== 'clozetext' : true;\n\n      if (responseNeeded && validation?.valid_response) {\n        const value = validation.valid_response.value ?? [];\n\n        if (value?.length === 0) {\n          const altResponses = validation.alt_responses ?? [];\n          const hasAltResponse = altResponses.some(altResponse => altResponse.value.length > 0);\n\n          if (!hasAltResponse) {\n            captureMessage(`Question has no valid response: ${metadata.widget_reference}`, {\n              tags: {\n                'content-type': 'learnosity',\n                'activity-reference': learnosityActivityRef,\n                'item-reference': item_reference,\n                'question-number': question_number,\n                'widget-reference': metadata.widget_reference,\n              },\n              fingerprint: [`no-valid-response-${metadata.widget_reference}`], // Add unique fingerprint\n            });\n            loggerRef.current(EVENTS.WORKSHEET_V3_QUESTION_MISSING_VALIDATION, {\n              item_reference: item_reference,\n              widget_reference: metadata.widget_reference,\n              question_type: type,\n              question_number: question_number,\n            });\n          }\n        }\n      }\n    });\n  }, [learnosityActivityRef, loggerRef, questions, teacherValidationEnabled]);\n\n  if (!learnosity) {\n    return null;\n  }\n\n  return (\n    <>\n      {showNudgeBanner && (\n        <Styled.NudgeBannerWrapper\n          $flexDirection=\"row\"\n          $justifyContent=\"center\"\n          $alignItems=\"center\"\n          $width=\"100%\"\n          $heightX={1.75}\n          $height={WORKSHEET_NUDGE_BANNER_HEIGHT}\n          $gap={8}\n          $gutter={8}\n          $flexGap={8}\n          $background={nudgeBannerBackgroundColor}\n          $topOffset={layout.topOffset - WORKSHEET_NUDGE_BANNER_HEIGHT}\n        >\n          {markedAsCompleted ? (\n            <Styled.NudgeBannerIcon>\n              <Check2Icon width={16} height={16} />\n            </Styled.NudgeBannerIcon>\n          ) : (\n            <Styled.NudgeBannerIcon>\n              <Info2Icon width={16} height={16} />\n            </Styled.NudgeBannerIcon>\n          )}\n\n          <Text $renderAs=\"ub3\">{nudgeBannerLabel}</Text>\n        </Styled.NudgeBannerWrapper>\n      )}\n\n      <Styled.WorksheetContainer\n        $background={imageHue ? `${imageHue}_1` : 'WHITE'}\n        $width={containerWidth}\n      >\n        {renderSheetHeader && (\n          <FlexView\n            $background={imageHue && `${imageHue}_3`}\n            $heightX={3.75}\n            $alignItems=\"center\"\n            $justifyContent=\"center\"\n            $borderColor={imageHue && `${imageHue}_4`}\n          >\n            <Text $renderAs=\"ab2\">{worksheetName}</Text>\n          </FlexView>\n        )}\n\n        {navigationBar === 'top' && (\n          <Styled.NavigationContainer $topOffset={topOffset} $height={TOP_NAVIGATION_HEIGHT}>\n            <Styled.NavigationWrapper>\n              <WorksheetNavigation\n                placement=\"top\"\n                questions={questions}\n                responses={responses}\n                activeQuestionIndex={activeQuestionIndex}\n                lastUnlockedQuestionIndex={lastUnlockedQuestionIndex}\n                behavior={behavior}\n                onItemNumberClick={handleItemNumberClick}\n                userType={userType}\n                summaryVisible={summaryVisible}\n              />\n            </Styled.NavigationWrapper>\n          </Styled.NavigationContainer>\n        )}\n        {blocker && lastUnlockedQuestion && (\n          <Styled.BlockerWrapper $minHeight={minQuestionHeight} $topOffset={topOffset}>\n            <FlexView $width={maxQuestionWidth} $justifyContent=\"center\" $alignItems=\"center\">\n              <WorksheetBlocker\n                blocker={blocker}\n                lastUnlockedQuestion={lastUnlockedQuestion}\n                studentName={studentName}\n                onBlockerClose={handleBlockerClose}\n                onOptionalItemAssignment={onOptionalItemAssignment}\n                onOptionalItemSkip={onOptionalItemSkip}\n                onTeacherValidation={onTeacherValidation}\n              />\n            </FlexView>\n          </Styled.BlockerWrapper>\n        )}\n        {showUserPointer && (\n          <UserPointer\n            activeQuestionIndex={activeQuestionIndex}\n            onClick={handleItemNumberClick}\n            questions={questions}\n            bottomOffset={actionbarHeight}\n            topOffset={topOffset}\n            userType={userType}\n          />\n        )}\n        {showCalculator && (\n          <Styled.DesmosCalcWrapper>\n            <DesmosCalculator initialPosition={DESMOS_CALC_POSITION} onClose={onCalculatorClose} />\n          </Styled.DesmosCalcWrapper>\n        )}\n        <Styled.ActionbarContainer\n          $marginTop={userType === 'TEACHER' && summaryVisible ? '0' : actionbarHeight}\n          $height={actionbarHeight}\n          $isCardView={containerStyle === 'card'}\n        >\n          <QuestionTips\n            width={questionsContainerWidth - 32}\n            question={questions[activeQuestionIndex]}\n            learnosity={learnosity}\n            userType={userType}\n          />\n          {canShowActionBar && (\n            <Styled.ActionbarWrapper\n              $height={actionbarHeight}\n              $width={containerStyle === 'card' ? questionsContainerWidth - 32 : '100%'}\n              $isCardView={containerStyle === 'card'}\n            >\n              <FlexView\n                $gutterX={1}\n                $flexDirection=\"row\"\n                $justifyContent=\"space-between\"\n                $alignItems=\"center\"\n                $width={questionsContainerWidth - 32}\n              >\n                <WorksheetActionBar\n                  userType={userType}\n                  layout={layout}\n                  behavior={behavior}\n                  worksheetName={worksheetName}\n                  questions={questions}\n                  responses={responses}\n                  onCalculatorOpen={onCalculatorOpen}\n                  activeQuestionIndex={activeQuestionIndex}\n                  lastUnlockedQuestionIndex={lastUnlockedQuestionIndex}\n                  appendedQuestionIds={appendedQuestionIds}\n                  learnosity={learnosity}\n                  isCanvasEnabled={isCanvasEnabled}\n                  canSubmitWorksheet={canSubmitWorksheet}\n                  isScribblingEnabled={isScribblingEnabled}\n                  isSummaryVisible={summaryVisible}\n                  setResponses={setResponses}\n                  getTimeSpentOnQuestion={getTimeSpentOnQuestion}\n                  setSummaryVisible={setSummaryVisible}\n                  setBlocker={setBlocker}\n                  setIsScribblingEnabled={setIsScribblingEnabled}\n                  setActiveQuestionId={setActiveQuestionId}\n                  onItemNumberClick={handleItemNumberClick}\n                  onGoToReview={handleOnGoToReview}\n                  onResponseChange={onResponseChange}\n                  onHelp={onHelp}\n                  onTeacherValidation={onTeacherValidation}\n                  onSubmit={onSubmit}\n                  showCalculator={showCalculator}\n                  loggerRef={loggerRef}\n                  onSkip={onSkip}\n                  onUnassign={onUnassign}\n                  canToggleScribbling={canToggleScribbling}\n                />\n              </FlexView>\n            </Styled.ActionbarWrapper>\n          )}\n          {!summaryVisible && questionsScrollable && userType === 'STUDENT' && (\n            <Styled.StudentWorksheetSideBar>\n              <Navigator />\n            </Styled.StudentWorksheetSideBar>\n          )}\n        </Styled.ActionbarContainer>\n        <Styled.QuestionsWrapper\n          $actionbarHeight={actionbarHeight}\n          $isCardView={containerStyle === 'card'}\n        >\n          {getRenderableQuestions({ questions, lastUnlockedQuestionIndex, userType }).map(\n            (question, questionIndex) => {\n              const { response_id: responseId, is_optional } = question;\n              const assignStatus = responses[responseId]?.assignStatus;\n\n              if (behavior.teacherValidationEnabled) {\n                if (assignStatus === 'skipped') return null;\n\n                if (is_optional && assignStatus !== 'assigned' && userType === 'STUDENT') {\n                  return null;\n                }\n              }\n\n              return (\n                <WorksheetQuestion\n                  key={responseId}\n                  signedRequest={questionsSignedRequest}\n                  userType={userType}\n                  worksheetCompleted={worksheetCompleted}\n                  question={question}\n                  response={responses[responseId]}\n                  nextQuestionId={\n                    navigationMode === 'ADAPTIVE' || navigationMode === 'CURRENT'\n                      ? lastUnlockedQuestion?.response_id\n                      : questionIndex < lastUnlockedQuestionIndex\n                        ? questions[questionIndex + 1]?.response_id\n                        : undefined\n                  }\n                  maxQuestionWidth={maxQuestionWidth}\n                  learnosity={learnosity}\n                  isActive={responseId === activeQuestionId}\n                  isHidden={\n                    (!questionsScrollable && responseId !== activeQuestionId) || summaryVisible\n                  }\n                  canRender={\n                    activeQuestionIndex > -1 &&\n                    (questionIndex === activeQuestionIndex ||\n                      (navigationMode !== 'CURRENT' && questionIndex === activeQuestionIndex + 1))\n                  }\n                  background={background}\n                  appended={appendedQuestionIds.includes(responseId)}\n                  behavior={behavior}\n                  layout={layout}\n                  actionbarHeight={actionbarHeight}\n                  intersectionObserver={intersectionObserver}\n                  onMarkForReview={handleMarkForReview}\n                  onMediaStateChange={handleMediaStateChange}\n                  userId={userId}\n                  isScribblingEnabled={isScribblingEnabled}\n                  onPublishStrokes={onPublishStrokes}\n                  onReceiveStrokes={onReceiveStrokes}\n                  initialStrokesData={initialStrokesData}\n                  isCanvasEnabled={isCanvasEnabled}\n                  onPublishMouseMove={onPublishMouseMove}\n                  onSubscribeMouseMove={onSubscribeMouseMove}\n                  setActiveQuestionId={setActiveQuestionId}\n                  canResolveDoubt={canResolveDoubt}\n                  onResolveDoubt={onResolveDoubt}\n                  studentId={studentId}\n                  subjectiveProps={subjectiveProps}\n                  responses={responses}\n                  loggerRef={loggerRef}\n                />\n              );\n            },\n          )}\n          {summaryVisible && (\n            <WorksheetSummary\n              worksheetName={worksheetName}\n              questions={questions}\n              responses={responses}\n              activeQuestionIndex={activeQuestionIndex}\n              lastUnlockedQuestionIndex={lastUnlockedQuestionIndex}\n              onItemNumberClick={handleItemNumberClick}\n              behavior={behavior}\n              minHeight={minSummaryHeight}\n              summaryDescription={summaryDescription}\n              summaryVisible={summaryVisible}\n            />\n          )}\n        </Styled.QuestionsWrapper>\n        {!summaryVisible && renderSideBar && (\n          <WorksheetSideBar\n            questionWidth={maxQuestionWidth}\n            questions={questions}\n            activeQuestionIndex={activeQuestionIndex}\n            learnosity={learnosity}\n            userType={userType}\n            height={minQuestionHeight}\n            actionbarHeight={actionbarHeight}\n            openQuestionFeedbackModal={openQuestionFeedbackModal}\n            loggerRef={loggerRef}\n            renderQuestionFeedback={renderQuestionFeedback}\n          />\n        )}\n      </Styled.WorksheetContainer>\n    </>\n  );\n};\n\nconst Worksheet = memo(forwardRef(WorksheetComp));\n\nexport default Worksheet;\n"],"names":["WorksheetComp","props","ref","userType","studentName","questionsSignedRequest","worksheetName","initialResponseId","initialItemIndex","learnosityActivityRef","learnosityItems","learnosityResponses","layout","background","behavior","updatedResponses","showNudgeBanner","markedAsCompleted","onResponseChange","onBulkResponsesChange","onResponsesChange","onMediaStateChange","onTeacherValidation","onOptionalItemAssignment","onOptionalItemSkip","onExitTicketStart","onExitTicketSubmit","onSubmit","learnosity","appendedQuestionIds","worksheetCompleted","userId","onPublishStrokes","onReceiveStrokes","initialStrokesData","isCanvasEnabled","onHelp","onPublishMouseMove","onSubscribeMouseMove","onActiveQuestionChange","openQuestionFeedbackModal","summaryDescription","canSubmitWorksheet","loggerRef","canResolveDoubt","onResolveDoubt","onSkip","onUnassign","canToggleScribbling","studentId","subjectiveProps","canShowActionBar","initialQuestion","navigationMode","teacherValidationEnabled","containerStyle","containerWidth","minQuestionHeight","minSummaryHeight","questionsScrollable","navigationBar","topOffset","renderSideBar","showUserPointer","imageHue","renderSheetHeader","renderQuestionFeedback","actionbarHeight","maxQuestionWidth","questionsContainerWidth","useMemo","getWorksheetDimensions","questions","useState","getQuestionsFromItems","responses","setResponses","getInitialResponses","isScribblingEnabled","setIsScribblingEnabled","lastUnlockedQuestionIndex","getLastUnlockedQuestionIndex","lastUnlockedQuestion","lastUnlockedQuestionResponse","nudgeBannerBackgroundColor","nudgeBannerLabel","getWorksheetNudgeBannerInfo","initialQuestionId","getInitialQuestionId","activeQuestionId","setActiveQuestionId","intersectionObserver","useGetActiveQuestionId","activeQuestionIndex","question","summaryVisible","setSummaryVisible","blocker","setBlocker","showCalculator","setShowCalculator","getTimeSpentOnQuestion","useTimeSpentOnQuestions","handleMediaStateChange","useCallback","mediaType","mediaState","key","prevResponses","questionId","questionMeta","getQuestionMetadata","updatedResponse","handleMarkForReview","markedForReview","handleBlockerClose","prevBlocker","lastUnlockedQuestionId","_a","scrollToQuestion","handleItemNumberClick","onCalculatorClose","onCalculatorOpen","handleOnGoToReview","useEffect","activeQuestion","useCreateImperativeHandle","useLayoutEffect","timer","getDeviceDetails","item_type","instructor_stimulus","is_optional","reference","itemQuestions","captureMessage","_b","_c","validation","item_reference","type","question_number","metadata","value","altResponse","EVENTS","jsxs","Fragment","Styled.NudgeBannerWrapper","WORKSHEET_NUDGE_BANNER_HEIGHT","jsx","Styled.NudgeBannerIcon","Check2Icon","Info2Icon","Text","Styled.WorksheetContainer","FlexView","Styled.NavigationContainer","TOP_NAVIGATION_HEIGHT","Styled.NavigationWrapper","WorksheetNavigation","Styled.BlockerWrapper","WorksheetBlocker","UserPointer","Styled.DesmosCalcWrapper","DesmosCalculator","DESMOS_CALC_POSITION","Styled.ActionbarContainer","QuestionTips","Styled.ActionbarWrapper","WorksheetActionBar","Styled.StudentWorksheetSideBar","Navigator","Styled.QuestionsWrapper","getRenderableQuestions","questionIndex","responseId","assignStatus","WorksheetQuestion","WorksheetSummary","WorksheetSideBar","Worksheet","memo","forwardRef"],"mappings":"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"}
+{"version":3,"file":"worksheet.js","sources":["../../../../src/features/worksheet/worksheet/worksheet.tsx"],"sourcesContent":["import type { TWorksheetBlocker } from './worksheet-blocker/worksheet-blocker-types';\nimport type { IWorksheetProps, IWorksheetRef, IWorksheetResponse } from './worksheet-types';\nimport type { ForwardRefRenderFunction } from 'react';\n\nimport { captureMessage } from '@sentry/browser';\nimport {\n  forwardRef,\n  memo,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useState,\n} from 'react';\n\nimport Check2Icon from '../../../assets/line-icons/icons/check2';\nimport Info2Icon from '../../../assets/line-icons/icons/info2';\nimport getDeviceDetails from '../../../helpers/get-device-details';\nimport DesmosCalculator from '../../sheet-tools/desmos-calculator/desmos-calculator';\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport EVENTS from '../constants/events';\nimport UserPointer from '../user-pointer-pin/user-pin';\nimport {\n  DESMOS_CALC_POSITION,\n  TOP_NAVIGATION_HEIGHT,\n  WORKSHEET_NUDGE_BANNER_HEIGHT,\n} from './constants';\nimport useCreateImperativeHandle from './hooks/use-create-imperative-handle';\nimport useGetActiveQuestionId from './hooks/use-get-active-question-id';\nimport useTimeSpentOnQuestions from './hooks/use-time-on-questions';\nimport QuestionTips from './question-tips';\nimport WorksheetActionBar from './worksheet-action-bar/worksheet-action-bar';\nimport WorksheetBlocker from './worksheet-blocker/worksheet-blocker';\nimport {\n  getInitialQuestionId,\n  getInitialResponses,\n  getLastUnlockedQuestionIndex,\n  getQuestionMetadata,\n  getQuestionsFromItems,\n  getRenderableQuestions,\n  getWorksheetDimensions,\n  getWorksheetNudgeBannerInfo,\n  scrollToQuestion,\n} from './worksheet-helpers';\nimport WorksheetNavigation from './worksheet-navigation/worksheet-navigation';\nimport WorksheetQuestion from './worksheet-question/worksheet-question';\nimport Navigator from './worksheet-sidebar/navigator';\nimport WorksheetSideBar from './worksheet-sidebar/sidebar';\nimport * as Styled from './worksheet-styled';\nimport WorksheetSummary from './worksheet-summary/worksheet-summary';\n\n/**\n *\n * @param learnosityItems cannot not be changed between the renders\n */\nconst WorksheetComp: ForwardRefRenderFunction<IWorksheetRef, IWorksheetProps> = (props, ref) => {\n  const {\n    userType,\n    studentName = 'Student',\n    questionsSignedRequest,\n    worksheetName,\n    initialResponseId,\n    initialItemIndex,\n    learnosityActivityRef,\n    learnosityItems,\n    learnosityResponses,\n    layout,\n    background,\n    behavior,\n    updatedResponses,\n    showNudgeBanner,\n    markedAsCompleted,\n    onResponseChange,\n    onBulkResponsesChange,\n    onResponsesChange,\n    onMediaStateChange,\n    onTeacherValidation,\n    onOptionalItemAssignment,\n    onOptionalItemSkip,\n    onExitTicketStart,\n    onExitTicketSubmit,\n    onSubmit,\n    learnosity,\n    appendedQuestionIds,\n    worksheetCompleted,\n    userId,\n    onPublishStrokes,\n    onReceiveStrokes,\n    initialStrokesData,\n    isCanvasEnabled,\n    onHelp,\n    onPublishMouseMove,\n    onSubscribeMouseMove,\n    onActiveQuestionChange,\n    openQuestionFeedbackModal,\n    summaryDescription,\n    canSubmitWorksheet,\n    loggerRef,\n    canResolveDoubt,\n    onResolveDoubt,\n    onSkip,\n    canToggleScribbling = true,\n    studentId,\n    subjectiveProps,\n    canShowActionBar = true,\n  } = props;\n  const { initialQuestion, navigationMode, teacherValidationEnabled } = behavior;\n  const {\n    containerStyle,\n    containerWidth,\n    minQuestionHeight,\n    minSummaryHeight,\n    questionsScrollable,\n    navigationBar,\n    topOffset,\n    renderSideBar,\n    showUserPointer = true,\n  } = layout;\n\n  const { actionbarHeight, maxQuestionWidth, questionsContainerWidth } = useMemo(\n    () => getWorksheetDimensions(learnosityItems, layout),\n    [layout, learnosityItems],\n  );\n\n  const [questions] = useState(() =>\n    getQuestionsFromItems(learnosityItems, {\n      sectioned:\n        teacherValidationEnabled && navigationMode !== 'ADAPTIVE' && navigationMode !== 'CURRENT',\n      adaptive: navigationMode === 'ADAPTIVE',\n    }),\n  );\n\n  const [responses, setResponses] = useState<Record<string, IWorksheetResponse>>(\n    () => learnosityResponses ?? getInitialResponses(questions),\n  );\n  const [isScribblingEnabled, setIsScribblingEnabled] = useState(false);\n  const lastUnlockedQuestionIndex = useMemo(\n    () =>\n      navigationMode !== 'OPEN'\n        ? getLastUnlockedQuestionIndex({\n            questions,\n            responses,\n            behavior,\n            userType,\n          })\n        : questions.length - 1,\n    [behavior, navigationMode, questions, responses, userType],\n  );\n\n  const lastUnlockedQuestion = questions[lastUnlockedQuestionIndex];\n  const lastUnlockedQuestionResponse = responses[lastUnlockedQuestion?.response_id ?? ''];\n\n  const { bannerBackgroundColor: nudgeBannerBackgroundColor, label: nudgeBannerLabel } =\n    getWorksheetNudgeBannerInfo(userType, Boolean(markedAsCompleted));\n\n  const [initialQuestionId] = useState(() =>\n    getInitialQuestionId({\n      questions,\n      initialQuestion,\n      lastUnlockedQuestionIndex: getLastUnlockedQuestionIndex({\n        questions,\n        responses,\n        behavior,\n        userType,\n      }),\n      initialResponseId,\n      initialItemIndex,\n    }),\n  );\n\n  const { activeQuestionId, setActiveQuestionId, intersectionObserver } =\n    useGetActiveQuestionId(initialQuestionId);\n  const activeQuestionIndex = useMemo(\n    () => questions.findIndex(question => question.response_id === activeQuestionId),\n    [activeQuestionId, questions],\n  );\n  const [summaryVisible, setSummaryVisible] = useState(false);\n  const [blocker, setBlocker] = useState<TWorksheetBlocker>();\n\n  const [showCalculator, setShowCalculator] = useState(false);\n  const getTimeSpentOnQuestion = useTimeSpentOnQuestions(behavior, responses, activeQuestionId);\n\n  const handleMediaStateChange = useCallback<NonNullable<typeof onMediaStateChange>>(\n    (question, mediaType, mediaState) => {\n      const key = mediaType === 'SIMULATION' ? 'simState' : undefined;\n\n      if (!key) return;\n\n      if (onResponseChange) {\n        setResponses(prevResponses => {\n          const questionId = question.response_id;\n          const questionMeta = getQuestionMetadata(questions, questionId);\n\n          if (!questionMeta) return prevResponses;\n\n          const updatedResponse = {\n            ...questionMeta,\n            ...prevResponses[questionId],\n            [key]: mediaState,\n          };\n\n          onResponseChange?.({\n            responseId: questionId,\n            response: updatedResponse,\n            isNewAttempt: false,\n            question,\n          });\n\n          return {\n            ...prevResponses,\n            [questionId]: updatedResponse,\n          };\n        });\n      } else if (onMediaStateChange) {\n        onMediaStateChange(question, mediaType, mediaState);\n      }\n    },\n    [onMediaStateChange, onResponseChange, questions],\n  );\n\n  const handleMarkForReview = useCallback(\n    (questionId: string, markedForReview: boolean) => {\n      setResponses(prevResponses => {\n        const questionMeta = getQuestionMetadata(questions, questionId);\n\n        if (!questionMeta) return prevResponses;\n\n        return {\n          ...prevResponses,\n          [questionId]: {\n            ...questionMeta,\n            ...prevResponses[questionId],\n            markedForReview,\n          },\n        };\n      });\n    },\n    [questions],\n  );\n\n  const handleBlockerClose = useCallback(() => {\n    setBlocker(prevBlocker => {\n      if (prevBlocker) {\n        const lastUnlockedQuestionId = questions[lastUnlockedQuestionIndex]?.response_id;\n\n        if (lastUnlockedQuestionId) {\n          setTimeout(() => {\n            scrollToQuestion(lastUnlockedQuestionId);\n          }, 50);\n        }\n      }\n\n      return undefined;\n    });\n  }, [lastUnlockedQuestionIndex, questions]);\n\n  const handleItemNumberClick = useCallback(\n    (questionId: string) => {\n      setSummaryVisible(false);\n\n      if (questionsScrollable) {\n        requestAnimationFrame(() => scrollToQuestion(questionId));\n      } else {\n        setActiveQuestionId(questionId);\n      }\n    },\n    [questionsScrollable, setActiveQuestionId],\n  );\n\n  const onCalculatorClose = useCallback(() => {\n    setShowCalculator(false);\n  }, []);\n\n  const onCalculatorOpen = useCallback(() => {\n    setShowCalculator(true);\n  }, []);\n\n  const handleOnGoToReview = useCallback(() => {\n    setSummaryVisible(true);\n  }, []);\n\n  useEffect(() => {\n    const activeQuestion = questions[activeQuestionIndex];\n\n    if (activeQuestion && onActiveQuestionChange) {\n      onActiveQuestionChange(activeQuestion);\n    }\n  }, [onActiveQuestionChange, questions, activeQuestionIndex]);\n\n  useCreateImperativeHandle(ref, {\n    behavior,\n    questions,\n    setResponses,\n    onResponseChange,\n    onBulkResponsesChange,\n    getTimeSpentOnQuestion,\n  });\n\n  useEffect(() => {\n    return () => {\n      intersectionObserver.disconnect();\n    };\n  }, [intersectionObserver]);\n\n  useEffect(() => {\n    if (onResponsesChange && responses) {\n      onResponsesChange(responses);\n    }\n  }, [onResponsesChange, responses]);\n\n  useEffect(() => {\n    if (updatedResponses) {\n      setResponses(updatedResponses);\n    }\n  }, [updatedResponses]);\n\n  useLayoutEffect(() => {\n    let timer: NodeJS.Timeout;\n\n    if (learnosity && initialQuestionId) {\n      if (getDeviceDetails().browser_name === 'Safari') {\n        timer = setTimeout(() => {\n          scrollToQuestion(initialQuestionId);\n        }, 400);\n      } else {\n        scrollToQuestion(initialQuestionId);\n      }\n    }\n\n    return () => {\n      clearTimeout(timer);\n    };\n  }, [learnosity, initialQuestionId, topOffset]);\n\n  useEffect(() => {\n    if (behavior.teacherValidationEnabled && lastUnlockedQuestion) {\n      const { item_type, instructor_stimulus, is_optional } = lastUnlockedQuestion;\n\n      if (userType === 'TEACHER') {\n        if (item_type === 'exit-ticket' && instructor_stimulus !== 'SystemIntro') {\n          if (\n            lastUnlockedQuestionResponse?.submittedByStudent &&\n            !lastUnlockedQuestionResponse?.validatedByTeacher\n          ) {\n            setBlocker('exit-ticket-review-available');\n          } else if (!lastUnlockedQuestionResponse?.validatedByTeacher) {\n            setBlocker('exit-ticket-teacher-intervention');\n          } else {\n            handleBlockerClose();\n          }\n        } else if (is_optional) {\n          if (!lastUnlockedQuestionResponse?.assignStatus) {\n            setBlocker('optional-items-assignment');\n          } else {\n            handleBlockerClose();\n          }\n        } else if (!is_optional) {\n          handleBlockerClose();\n        }\n      }\n    }\n  }, [\n    behavior.teacherValidationEnabled,\n    handleBlockerClose,\n    lastUnlockedQuestion,\n    lastUnlockedQuestionResponse,\n    userType,\n  ]);\n\n  useEffect(() => {\n    if (behavior.teacherValidationEnabled && lastUnlockedQuestion) {\n      const { item_type, instructor_stimulus } = lastUnlockedQuestion;\n\n      if (userType === 'STUDENT') {\n        if (item_type === 'exit-ticket' && instructor_stimulus !== 'SystemIntro') {\n          if (lastUnlockedQuestionResponse?.submittedByStudent) {\n            onExitTicketSubmit?.();\n          } else {\n            onExitTicketStart?.();\n          }\n        }\n      }\n    }\n  }, [\n    behavior.teacherValidationEnabled,\n    lastUnlockedQuestion,\n    lastUnlockedQuestionResponse?.submittedByStudent,\n    onExitTicketStart,\n    onExitTicketSubmit,\n    userType,\n  ]);\n\n  useEffect(() => {\n    if (navigationMode === 'CURRENT') {\n      learnosityItems.forEach(({ reference, questions: itemQuestions }) => {\n        if (itemQuestions.length < 3) {\n          captureMessage(`Diagnostics item has Less than 3 questions: ${reference}`, {\n            tags: {\n              'content-type': 'learnosity',\n              'activity-reference': learnosityActivityRef,\n              'item-reference': reference,\n            },\n            fingerprint: [`diagnostics-item-questions-count-${reference}`], // Add unique fingerprint\n          });\n        } else if (\n          itemQuestions[0]?.instructor_stimulus !== 'Try' ||\n          itemQuestions[1]?.instructor_stimulus !== 'Learn' ||\n          itemQuestions[2]?.instructor_stimulus !== 'Apply'\n        ) {\n          captureMessage(\n            `Diagnostics questions sequence is incorrect expected [Try, Learn, Apply]: ${reference}`,\n            {\n              tags: {\n                'content-type': 'learnosity',\n                'activity-reference': learnosityActivityRef,\n                'item-reference': reference,\n              },\n              fingerprint: [`diagnostics-item-questions-sequence-${reference}`], // Add unique fingerprint\n            },\n          );\n        }\n      });\n    }\n  }, [learnosityActivityRef, learnosityItems, navigationMode]);\n\n  useEffect(() => {\n    questions.forEach(question => {\n      const { validation, item_reference, type, question_number, metadata } = question;\n      const responseNeeded = teacherValidationEnabled ? type !== 'clozetext' : true;\n\n      if (responseNeeded && validation?.valid_response) {\n        const value = validation.valid_response.value ?? [];\n\n        if (value?.length === 0) {\n          const altResponses = validation.alt_responses ?? [];\n          const hasAltResponse = altResponses.some(altResponse => altResponse.value.length > 0);\n\n          if (!hasAltResponse) {\n            captureMessage(`Question has no valid response: ${metadata.widget_reference}`, {\n              tags: {\n                'content-type': 'learnosity',\n                'activity-reference': learnosityActivityRef,\n                'item-reference': item_reference,\n                'question-number': question_number,\n                'widget-reference': metadata.widget_reference,\n              },\n              fingerprint: [`no-valid-response-${metadata.widget_reference}`], // Add unique fingerprint\n            });\n            loggerRef.current(EVENTS.WORKSHEET_V3_QUESTION_MISSING_VALIDATION, {\n              item_reference: item_reference,\n              widget_reference: metadata.widget_reference,\n              question_type: type,\n              question_number: question_number,\n            });\n          }\n        }\n      }\n    });\n  }, [learnosityActivityRef, loggerRef, questions, teacherValidationEnabled]);\n\n  if (!learnosity) {\n    return null;\n  }\n\n  return (\n    <>\n      {showNudgeBanner && (\n        <Styled.NudgeBannerWrapper\n          $flexDirection=\"row\"\n          $justifyContent=\"center\"\n          $alignItems=\"center\"\n          $width=\"100%\"\n          $heightX={1.75}\n          $height={WORKSHEET_NUDGE_BANNER_HEIGHT}\n          $gap={8}\n          $gutter={8}\n          $flexGap={8}\n          $background={nudgeBannerBackgroundColor}\n          $topOffset={layout.topOffset - WORKSHEET_NUDGE_BANNER_HEIGHT}\n        >\n          {markedAsCompleted ? (\n            <Styled.NudgeBannerIcon>\n              <Check2Icon width={16} height={16} />\n            </Styled.NudgeBannerIcon>\n          ) : (\n            <Styled.NudgeBannerIcon>\n              <Info2Icon width={16} height={16} />\n            </Styled.NudgeBannerIcon>\n          )}\n\n          <Text $renderAs=\"ub3\">{nudgeBannerLabel}</Text>\n        </Styled.NudgeBannerWrapper>\n      )}\n\n      <Styled.WorksheetContainer $background=\"WHITE\" $width={containerWidth}>\n        {navigationBar === 'top' && (\n          <Styled.NavigationContainer $topOffset={topOffset} $height={TOP_NAVIGATION_HEIGHT}>\n            <Styled.NavigationWrapper>\n              <WorksheetNavigation\n                placement=\"top\"\n                questions={questions}\n                responses={responses}\n                activeQuestionIndex={activeQuestionIndex}\n                lastUnlockedQuestionIndex={lastUnlockedQuestionIndex}\n                behavior={behavior}\n                onItemNumberClick={handleItemNumberClick}\n                userType={userType}\n                summaryVisible={summaryVisible}\n              />\n            </Styled.NavigationWrapper>\n          </Styled.NavigationContainer>\n        )}\n        {blocker && lastUnlockedQuestion && (\n          <Styled.BlockerWrapper $minHeight={minQuestionHeight} $topOffset={topOffset}>\n            <FlexView $width={maxQuestionWidth} $justifyContent=\"center\" $alignItems=\"center\">\n              <WorksheetBlocker\n                blocker={blocker}\n                lastUnlockedQuestion={lastUnlockedQuestion}\n                studentName={studentName}\n                onBlockerClose={handleBlockerClose}\n                onOptionalItemAssignment={onOptionalItemAssignment}\n                onOptionalItemSkip={onOptionalItemSkip}\n                onTeacherValidation={onTeacherValidation}\n              />\n            </FlexView>\n          </Styled.BlockerWrapper>\n        )}\n        {showUserPointer && (\n          <UserPointer\n            activeQuestionIndex={activeQuestionIndex}\n            onClick={handleItemNumberClick}\n            questions={questions}\n            bottomOffset={actionbarHeight}\n            topOffset={topOffset}\n            userType={userType}\n          />\n        )}\n        {showCalculator && (\n          <Styled.DesmosCalcWrapper>\n            <DesmosCalculator initialPosition={DESMOS_CALC_POSITION} onClose={onCalculatorClose} />\n          </Styled.DesmosCalcWrapper>\n        )}\n        <Styled.ActionbarContainer\n          $marginTop={userType === 'TEACHER' && summaryVisible ? '0' : actionbarHeight}\n          $height={actionbarHeight}\n          $isCardView={containerStyle === 'card'}\n        >\n          <QuestionTips\n            width={questionsContainerWidth - 32}\n            question={questions[activeQuestionIndex]}\n            learnosity={learnosity}\n            userType={userType}\n          />\n          {canShowActionBar && (\n            <Styled.ActionbarWrapper\n              $height={actionbarHeight}\n              $width={containerStyle === 'card' ? questionsContainerWidth - 32 : '100%'}\n              $isCardView={containerStyle === 'card'}\n            >\n              <FlexView\n                $gutterX={1}\n                $flexDirection=\"row\"\n                $justifyContent=\"space-between\"\n                $alignItems=\"center\"\n                $width={questionsContainerWidth - 32}\n              >\n                <WorksheetActionBar\n                  userType={userType}\n                  layout={layout}\n                  behavior={behavior}\n                  worksheetName={worksheetName}\n                  questions={questions}\n                  responses={responses}\n                  onCalculatorOpen={onCalculatorOpen}\n                  activeQuestionIndex={activeQuestionIndex}\n                  lastUnlockedQuestionIndex={lastUnlockedQuestionIndex}\n                  appendedQuestionIds={appendedQuestionIds}\n                  learnosity={learnosity}\n                  isCanvasEnabled={isCanvasEnabled}\n                  canSubmitWorksheet={canSubmitWorksheet}\n                  isScribblingEnabled={isScribblingEnabled}\n                  isSummaryVisible={summaryVisible}\n                  setResponses={setResponses}\n                  getTimeSpentOnQuestion={getTimeSpentOnQuestion}\n                  setSummaryVisible={setSummaryVisible}\n                  setBlocker={setBlocker}\n                  setIsScribblingEnabled={setIsScribblingEnabled}\n                  setActiveQuestionId={setActiveQuestionId}\n                  onItemNumberClick={handleItemNumberClick}\n                  onGoToReview={handleOnGoToReview}\n                  onResponseChange={onResponseChange}\n                  onHelp={onHelp}\n                  onTeacherValidation={onTeacherValidation}\n                  onSubmit={onSubmit}\n                  showCalculator={showCalculator}\n                  loggerRef={loggerRef}\n                  onSkip={onSkip}\n                  canToggleScribbling={canToggleScribbling}\n                />\n              </FlexView>\n            </Styled.ActionbarWrapper>\n          )}\n          {!summaryVisible && questionsScrollable && userType === 'STUDENT' && (\n            <Styled.StudentWorksheetSideBar>\n              <Navigator />\n            </Styled.StudentWorksheetSideBar>\n          )}\n        </Styled.ActionbarContainer>\n        <Styled.QuestionsWrapper\n          $actionbarHeight={actionbarHeight}\n          $isCardView={containerStyle === 'card'}\n        >\n          {getRenderableQuestions({ questions, lastUnlockedQuestionIndex, userType }).map(\n            (question, questionIndex) => {\n              const { response_id: responseId, is_optional } = question;\n              const assignStatus = responses[responseId]?.assignStatus;\n\n              if (behavior.teacherValidationEnabled) {\n                if (assignStatus === 'skipped') return null;\n\n                if (is_optional && assignStatus !== 'assigned' && userType === 'STUDENT') {\n                  return null;\n                }\n              }\n\n              return (\n                <WorksheetQuestion\n                  key={responseId}\n                  signedRequest={questionsSignedRequest}\n                  userType={userType}\n                  worksheetCompleted={worksheetCompleted}\n                  question={question}\n                  response={responses[responseId]}\n                  nextQuestionId={\n                    navigationMode === 'ADAPTIVE' || navigationMode === 'CURRENT'\n                      ? lastUnlockedQuestion?.response_id\n                      : questionIndex < lastUnlockedQuestionIndex\n                        ? questions[questionIndex + 1]?.response_id\n                        : undefined\n                  }\n                  maxQuestionWidth={maxQuestionWidth}\n                  learnosity={learnosity}\n                  isActive={responseId === activeQuestionId}\n                  isHidden={\n                    (!questionsScrollable && responseId !== activeQuestionId) || summaryVisible\n                  }\n                  canRender={\n                    activeQuestionIndex > -1 &&\n                    (questionIndex === activeQuestionIndex ||\n                      (navigationMode !== 'CURRENT' && questionIndex === activeQuestionIndex + 1))\n                  }\n                  background={background}\n                  appended={appendedQuestionIds.includes(responseId)}\n                  behavior={behavior}\n                  layout={layout}\n                  actionbarHeight={actionbarHeight}\n                  intersectionObserver={intersectionObserver}\n                  onMarkForReview={handleMarkForReview}\n                  onMediaStateChange={handleMediaStateChange}\n                  userId={userId}\n                  isScribblingEnabled={isScribblingEnabled}\n                  onPublishStrokes={onPublishStrokes}\n                  onReceiveStrokes={onReceiveStrokes}\n                  initialStrokesData={initialStrokesData}\n                  isCanvasEnabled={isCanvasEnabled}\n                  onPublishMouseMove={onPublishMouseMove}\n                  onSubscribeMouseMove={onSubscribeMouseMove}\n                  setActiveQuestionId={setActiveQuestionId}\n                  canResolveDoubt={canResolveDoubt}\n                  onResolveDoubt={onResolveDoubt}\n                  studentId={studentId}\n                  subjectiveProps={subjectiveProps}\n                  responses={responses}\n                  loggerRef={loggerRef}\n                />\n              );\n            },\n          )}\n          {summaryVisible && (\n            <WorksheetSummary\n              worksheetName={worksheetName}\n              questions={questions}\n              responses={responses}\n              activeQuestionIndex={activeQuestionIndex}\n              lastUnlockedQuestionIndex={lastUnlockedQuestionIndex}\n              onItemNumberClick={handleItemNumberClick}\n              behavior={behavior}\n              minHeight={minSummaryHeight}\n              summaryDescription={summaryDescription}\n              summaryVisible={summaryVisible}\n            />\n          )}\n        </Styled.QuestionsWrapper>\n        {!summaryVisible && renderSideBar && (\n          <WorksheetSideBar\n            questionWidth={maxQuestionWidth}\n            questions={questions}\n            activeQuestionIndex={activeQuestionIndex}\n            learnosity={learnosity}\n            userType={userType}\n            height={minQuestionHeight}\n            actionbarHeight={actionbarHeight}\n            openQuestionFeedbackModal={openQuestionFeedbackModal}\n            loggerRef={loggerRef}\n          />\n        )}\n      </Styled.WorksheetContainer>\n    </>\n  );\n};\n\nconst Worksheet = memo(forwardRef(WorksheetComp));\n\nexport default Worksheet;\n"],"names":["WorksheetComp","props","ref","userType","studentName","questionsSignedRequest","worksheetName","initialResponseId","initialItemIndex","learnosityActivityRef","learnosityItems","learnosityResponses","layout","background","behavior","updatedResponses","showNudgeBanner","markedAsCompleted","onResponseChange","onBulkResponsesChange","onResponsesChange","onMediaStateChange","onTeacherValidation","onOptionalItemAssignment","onOptionalItemSkip","onExitTicketStart","onExitTicketSubmit","onSubmit","learnosity","appendedQuestionIds","worksheetCompleted","userId","onPublishStrokes","onReceiveStrokes","initialStrokesData","isCanvasEnabled","onHelp","onPublishMouseMove","onSubscribeMouseMove","onActiveQuestionChange","openQuestionFeedbackModal","summaryDescription","canSubmitWorksheet","loggerRef","canResolveDoubt","onResolveDoubt","onSkip","canToggleScribbling","studentId","subjectiveProps","canShowActionBar","initialQuestion","navigationMode","teacherValidationEnabled","containerStyle","containerWidth","minQuestionHeight","minSummaryHeight","questionsScrollable","navigationBar","topOffset","renderSideBar","showUserPointer","actionbarHeight","maxQuestionWidth","questionsContainerWidth","useMemo","getWorksheetDimensions","questions","useState","getQuestionsFromItems","responses","setResponses","getInitialResponses","isScribblingEnabled","setIsScribblingEnabled","lastUnlockedQuestionIndex","getLastUnlockedQuestionIndex","lastUnlockedQuestion","lastUnlockedQuestionResponse","nudgeBannerBackgroundColor","nudgeBannerLabel","getWorksheetNudgeBannerInfo","initialQuestionId","getInitialQuestionId","activeQuestionId","setActiveQuestionId","intersectionObserver","useGetActiveQuestionId","activeQuestionIndex","question","summaryVisible","setSummaryVisible","blocker","setBlocker","showCalculator","setShowCalculator","getTimeSpentOnQuestion","useTimeSpentOnQuestions","handleMediaStateChange","useCallback","mediaType","mediaState","key","prevResponses","questionId","questionMeta","getQuestionMetadata","updatedResponse","handleMarkForReview","markedForReview","handleBlockerClose","prevBlocker","lastUnlockedQuestionId","_a","scrollToQuestion","handleItemNumberClick","onCalculatorClose","onCalculatorOpen","handleOnGoToReview","useEffect","activeQuestion","useCreateImperativeHandle","useLayoutEffect","timer","getDeviceDetails","item_type","instructor_stimulus","is_optional","reference","itemQuestions","captureMessage","_b","_c","validation","item_reference","type","question_number","metadata","value","altResponse","EVENTS","jsxs","Fragment","Styled.NudgeBannerWrapper","WORKSHEET_NUDGE_BANNER_HEIGHT","jsx","Styled.NudgeBannerIcon","Check2Icon","Info2Icon","Text","Styled.WorksheetContainer","Styled.NavigationContainer","TOP_NAVIGATION_HEIGHT","Styled.NavigationWrapper","WorksheetNavigation","Styled.BlockerWrapper","FlexView","WorksheetBlocker","UserPointer","Styled.DesmosCalcWrapper","DesmosCalculator","DESMOS_CALC_POSITION","Styled.ActionbarContainer","QuestionTips","Styled.ActionbarWrapper","WorksheetActionBar","Styled.StudentWorksheetSideBar","Navigator","Styled.QuestionsWrapper","getRenderableQuestions","questionIndex","responseId","assignStatus","WorksheetQuestion","WorksheetSummary","WorksheetSideBar","Worksheet","memo","forwardRef"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAwDA,MAAMA,KAA0E,CAACC,IAAOC,OAAQ;AACxF,QAAA;AAAA,IACJ,UAAAC;AAAA,IACA,aAAAC,KAAc;AAAA,IACd,wBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,QAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,0BAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,QAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,QAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,2BAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,QAAAC;AAAA,IACA,qBAAAC,KAAsB;AAAA,IACtB,WAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,kBAAAC,KAAmB;AAAA,EACjB,IAAAjD,IACE,EAAE,iBAAAkD,IAAiB,gBAAAC,GAAgB,0BAAAC,EAAA,IAA6BvC,GAChE;AAAA,IACJ,gBAAAwC;AAAA,IACA,gBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,WAAAC;AAAA,IACA,eAAAC;AAAA,IACA,iBAAAC,KAAkB;AAAA,EAChB,IAAAlD,GAEE,EAAE,iBAAAmD,GAAiB,kBAAAC,GAAkB,yBAAAC,EAA4B,IAAAC;AAAA,IACrE,MAAMC,GAAuBzD,GAAiBE,CAAM;AAAA,IACpD,CAACA,GAAQF,CAAe;AAAA,EAAA,GAGpB,CAAC0D,CAAS,IAAIC;AAAA,IAAS,MAC3BC,GAAsB5D,GAAiB;AAAA,MACrC,WACE2C,KAA4BD,MAAmB,cAAcA,MAAmB;AAAA,MAClF,UAAUA,MAAmB;AAAA,IAAA,CAC9B;AAAA,EAAA,GAGG,CAACmB,GAAWC,CAAY,IAAIH;AAAA,IAChC,MAAM1D,MAAuB8D,GAAoBL,CAAS;AAAA,EAAA,GAEtD,CAACM,IAAqBC,EAAsB,IAAIN,EAAS,EAAK,GAC9DO,IAA4BV;AAAA,IAChC,MACEd,MAAmB,SACfyB,GAA6B;AAAA,MAC3B,WAAAT;AAAA,MACA,WAAAG;AAAA,MACA,UAAAzD;AAAA,MACA,UAAAX;AAAA,IAAA,CACD,IACDiE,EAAU,SAAS;AAAA,IACzB,CAACtD,GAAUsC,GAAgBgB,GAAWG,GAAWpE,CAAQ;AAAA,EAAA,GAGrD2E,IAAuBV,EAAUQ,CAAyB,GAC1DG,IAA+BR,GAAUO,KAAA,gBAAAA,EAAsB,gBAAe,EAAE,GAEhF,EAAE,uBAAuBE,IAA4B,OAAOC,GAAA,IAChEC,GAA4B/E,GAAU,EAAQc,EAAkB,GAE5D,CAACkE,CAAiB,IAAId;AAAA,IAAS,MACnCe,GAAqB;AAAA,MACnB,WAAAhB;AAAA,MACA,iBAAAjB;AAAA,MACA,2BAA2B0B,GAA6B;AAAA,QACtD,WAAAT;AAAA,QACA,WAAAG;AAAA,QACA,UAAAzD;AAAA,QACA,UAAAX;AAAA,MAAA,CACD;AAAA,MACD,mBAAAI;AAAA,MACA,kBAAAC;AAAA,IAAA,CACD;AAAA,EAAA,GAGG,EAAE,kBAAA6E,GAAkB,qBAAAC,GAAqB,sBAAAC,EAAqB,IAClEC,GAAuBL,CAAiB,GACpCM,IAAsBvB;AAAA,IAC1B,MAAME,EAAU,UAAU,CAAYsB,MAAAA,EAAS,gBAAgBL,CAAgB;AAAA,IAC/E,CAACA,GAAkBjB,CAAS;AAAA,EAAA,GAExB,CAACuB,GAAgBC,CAAiB,IAAIvB,EAAS,EAAK,GACpD,CAACwB,IAASC,CAAU,IAAIzB,EAA4B,GAEpD,CAAC0B,IAAgBC,EAAiB,IAAI3B,EAAS,EAAK,GACpD4B,KAAyBC,GAAwBpF,GAAUyD,GAAWc,CAAgB,GAEtFc,KAAyBC;AAAA,IAC7B,CAACV,GAAUW,GAAWC,MAAe;AAC7B,YAAAC,IAAMF,MAAc,eAAe,aAAa;AAEtD,MAAKE,MAEDrF,IACFsD,EAAa,CAAiBgC,MAAA;AAC5B,cAAMC,IAAaf,EAAS,aACtBgB,IAAeC,GAAoBvC,GAAWqC,CAAU;AAE1D,YAAA,CAACC,EAAqB,QAAAF;AAE1B,cAAMI,IAAkB;AAAA,UACtB,GAAGF;AAAA,UACH,GAAGF,EAAcC,CAAU;AAAA,UAC3B,CAACF,CAAG,GAAGD;AAAA,QAAA;AAGU,eAAApF,KAAA,QAAAA,EAAA;AAAA,UACjB,YAAYuF;AAAA,UACZ,UAAUG;AAAA,UACV,cAAc;AAAA,UACd,UAAAlB;AAAA,QAAA,IAGK;AAAA,UACL,GAAGc;AAAA,UACH,CAACC,CAAU,GAAGG;AAAA,QAAA;AAAA,MAChB,CACD,IACQvF,KACUA,EAAAqE,GAAUW,GAAWC,CAAU;AAAA,IAEtD;AAAA,IACA,CAACjF,GAAoBH,GAAkBkD,CAAS;AAAA,EAAA,GAG5CyC,KAAsBT;AAAA,IAC1B,CAACK,GAAoBK,MAA6B;AAChD,MAAAtC,EAAa,CAAiBgC,MAAA;AACtB,cAAAE,IAAeC,GAAoBvC,GAAWqC,CAAU;AAE1D,eAACC,IAEE;AAAA,UACL,GAAGF;AAAA,UACH,CAACC,CAAU,GAAG;AAAA,YACZ,GAAGC;AAAA,YACH,GAAGF,EAAcC,CAAU;AAAA,YAC3B,iBAAAK;AAAA,UACF;AAAA,QAAA,IARwBN;AAAA,MAS1B,CACD;AAAA,IACH;AAAA,IACA,CAACpC,CAAS;AAAA,EAAA,GAGN2C,IAAqBX,EAAY,MAAM;AAC3C,IAAAN,EAAW,CAAekB,MAAA;;AACxB,UAAIA,GAAa;AACT,cAAAC,KAAyBC,IAAA9C,EAAUQ,CAAyB,MAAnC,gBAAAsC,EAAsC;AAErE,QAAID,KACF,WAAW,MAAM;AACf,UAAAE,EAAiBF,CAAsB;AAAA,WACtC,EAAE;AAAA,MAET;AAAA,IAEO,CACR;AAAA,EAAA,GACA,CAACrC,GAA2BR,CAAS,CAAC,GAEnCgD,IAAwBhB;AAAA,IAC5B,CAACK,MAAuB;AACtB,MAAAb,EAAkB,EAAK,GAEnBlC,IACoB,sBAAA,MAAMyD,EAAiBV,CAAU,CAAC,IAExDnB,EAAoBmB,CAAU;AAAA,IAElC;AAAA,IACA,CAAC/C,GAAqB4B,CAAmB;AAAA,EAAA,GAGrC+B,KAAoBjB,EAAY,MAAM;AAC1C,IAAAJ,GAAkB,EAAK;AAAA,EACzB,GAAG,CAAE,CAAA,GAECsB,KAAmBlB,EAAY,MAAM;AACzC,IAAAJ,GAAkB,EAAI;AAAA,EACxB,GAAG,CAAE,CAAA,GAECuB,KAAqBnB,EAAY,MAAM;AAC3C,IAAAR,EAAkB,EAAI;AAAA,EACxB,GAAG,CAAE,CAAA;AAqLL,SAnLA4B,EAAU,MAAM;AACR,UAAAC,IAAiBrD,EAAUqB,CAAmB;AAEpD,IAAIgC,KAAkBlF,KACpBA,EAAuBkF,CAAc;AAAA,EAEtC,GAAA,CAAClF,GAAwB6B,GAAWqB,CAAmB,CAAC,GAE3DiC,GAA0BxH,IAAK;AAAA,IAC7B,UAAAY;AAAA,IACA,WAAAsD;AAAA,IACA,cAAAI;AAAA,IACA,kBAAAtD;AAAA,IACA,uBAAAC;AAAA,IACA,wBAAA8E;AAAA,EAAA,CACD,GAEDuB,EAAU,MACD,MAAM;AACX,IAAAjC,EAAqB,WAAW;AAAA,EAAA,GAEjC,CAACA,CAAoB,CAAC,GAEzBiC,EAAU,MAAM;AACd,IAAIpG,KAAqBmD,KACvBnD,EAAkBmD,CAAS;AAAA,EAC7B,GACC,CAACnD,GAAmBmD,CAAS,CAAC,GAEjCiD,EAAU,MAAM;AACd,IAAIzG,KACFyD,EAAazD,CAAgB;AAAA,EAC/B,GACC,CAACA,CAAgB,CAAC,GAErB4G,GAAgB,MAAM;AAChB,QAAAC;AAEJ,WAAIhG,KAAcuD,MACZ0C,GAAA,EAAmB,iBAAiB,WACtCD,IAAQ,WAAW,MAAM;AACvB,MAAAT,EAAiBhC,CAAiB;AAAA,OACjC,GAAG,IAENgC,EAAiBhC,CAAiB,IAI/B,MAAM;AACX,mBAAayC,CAAK;AAAA,IAAA;AAAA,EAEnB,GAAA,CAAChG,GAAYuD,GAAmBvB,CAAS,CAAC,GAE7C4D,EAAU,MAAM;AACV,QAAA1G,EAAS,4BAA4BgE,GAAsB;AAC7D,YAAM,EAAE,WAAAgD,GAAW,qBAAAC,GAAqB,aAAAC,EAAA,IAAgBlD;AAExD,MAAI3E,MAAa,cACX2H,MAAc,iBAAiBC,MAAwB,gBAEvDhD,KAAA,QAAAA,EAA8B,sBAC9B,EAACA,KAAA,QAAAA,EAA8B,sBAE/Be,EAAW,8BAA8B,IAC/Bf,KAAA,QAAAA,EAA8B,qBAGrBgC,MAFnBjB,EAAW,kCAAkC,IAItCkC,IACJjD,KAAA,QAAAA,EAA8B,eAGdgC,MAFnBjB,EAAW,2BAA2B,IAI9BkC,KACSjB;IAGzB;AAAA,EAAA,GACC;AAAA,IACDjG,EAAS;AAAA,IACTiG;AAAA,IACAjC;AAAA,IACAC;AAAA,IACA5E;AAAA,EAAA,CACD,GAEDqH,EAAU,MAAM;AACV,QAAA1G,EAAS,4BAA4BgE,GAAsB;AACvD,YAAA,EAAE,WAAAgD,GAAW,qBAAAC,EAAwB,IAAAjD;AAE3C,MAAI3E,MAAa,aACX2H,MAAc,iBAAiBC,MAAwB,kBACrDhD,KAAA,QAAAA,EAA8B,qBACXrD,KAAA,QAAAA,MAEDD,KAAA,QAAAA;AAAA,IAI5B;AAAA,EAAA,GACC;AAAA,IACDX,EAAS;AAAA,IACTgE;AAAA,IACAC,KAAA,gBAAAA,EAA8B;AAAA,IAC9BtD;AAAA,IACAC;AAAA,IACAvB;AAAA,EAAA,CACD,GAEDqH,EAAU,MAAM;AACd,IAAIpE,MAAmB,aACrB1C,EAAgB,QAAQ,CAAC,EAAE,WAAAuH,GAAW,WAAWC,QAAoB;;AAC/D,MAAAA,EAAc,SAAS,IACVC,EAAA,+CAA+CF,CAAS,IAAI;AAAA,QACzE,MAAM;AAAA,UACJ,gBAAgB;AAAA,UAChB,sBAAsBxH;AAAA,UACtB,kBAAkBwH;AAAA,QACpB;AAAA,QACA,aAAa,CAAC,oCAAoCA,CAAS,EAAE;AAAA;AAAA,MAAA,CAC9D,OAEDf,IAAAgB,EAAc,CAAC,MAAf,gBAAAhB,EAAkB,yBAAwB,WAC1CkB,IAAAF,EAAc,CAAC,MAAf,gBAAAE,EAAkB,yBAAwB,aAC1CC,IAAAH,EAAc,CAAC,MAAf,gBAAAG,EAAkB,yBAAwB,YAE1CF;AAAA,QACE,6EAA6EF,CAAS;AAAA,QACtF;AAAA,UACE,MAAM;AAAA,YACJ,gBAAgB;AAAA,YAChB,sBAAsBxH;AAAA,YACtB,kBAAkBwH;AAAA,UACpB;AAAA,UACA,aAAa,CAAC,uCAAuCA,CAAS,EAAE;AAAA;AAAA,QAClE;AAAA,MAAA;AAAA,IAEJ,CACD;AAAA,EAEF,GAAA,CAACxH,GAAuBC,GAAiB0C,CAAc,CAAC,GAE3DoE,EAAU,MAAM;AACd,IAAApD,EAAU,QAAQ,CAAYsB,MAAA;AAC5B,YAAM,EAAE,YAAA4C,GAAY,gBAAAC,GAAgB,MAAAC,GAAM,iBAAAC,GAAiB,UAAAC,EAAa,IAAAhD;AAGpE,WAFmBrC,IAA2BmF,MAAS,cAAc,QAEnDF,KAAA,QAAAA,EAAY,iBAAgB;AAChD,cAAMK,IAAQL,EAAW,eAAe,SAAS,CAAA;AAE7C,SAAAK,KAAA,gBAAAA,EAAO,YAAW,OACCL,EAAW,iBAAiB,IACb,KAAK,QAAeM,GAAY,MAAM,SAAS,CAAC,MAGnET,EAAA,mCAAmCO,EAAS,gBAAgB,IAAI;AAAA,UAC7E,MAAM;AAAA,YACJ,gBAAgB;AAAA,YAChB,sBAAsBjI;AAAA,YACtB,kBAAkB8H;AAAA,YAClB,mBAAmBE;AAAA,YACnB,oBAAoBC,EAAS;AAAA,UAC/B;AAAA,UACA,aAAa,CAAC,qBAAqBA,EAAS,gBAAgB,EAAE;AAAA;AAAA,QAAA,CAC/D,GACS/F,EAAA,QAAQkG,GAAO,0CAA0C;AAAA,UACjE,gBAAAN;AAAA,UACA,kBAAkBG,EAAS;AAAA,UAC3B,eAAeF;AAAA,UACf,iBAAAC;AAAA,QAAA,CACD;AAAA,MAGP;AAAA,IAAA,CACD;AAAA,KACA,CAAChI,GAAuBkC,GAAWyB,GAAWf,CAAwB,CAAC,GAErEzB,IAMA,gBAAAkH,EAAAC,IAAA,EAAA,UAAA;AAAA,IACC/H,MAAA,gBAAA8H;AAAA,MAACE;AAAAA,MAAA;AAAA,QACC,gBAAe;AAAA,QACf,iBAAgB;AAAA,QAChB,aAAY;AAAA,QACZ,QAAO;AAAA,QACP,UAAU;AAAA,QACV,SAASC;AAAA,QACT,MAAM;AAAA,QACN,SAAS;AAAA,QACT,UAAU;AAAA,QACV,aAAajE;AAAA,QACb,YAAYpE,EAAO,YAAYqI;AAAA,QAE9B,UAAA;AAAA,UACChI,KAAA,gBAAAiI,EAACC,IAAA,EACC,4BAACC,IAAW,EAAA,OAAO,IAAI,QAAQ,GAAI,CAAA,EAAA,CACrC,IAEC,gBAAAF,EAAAC,IAAA,EACC,UAAA,gBAAAD,EAACG,MAAU,OAAO,IAAI,QAAQ,GAAA,CAAI,EACpC,CAAA;AAAA,UAGD,gBAAAH,EAAAI,IAAA,EAAK,WAAU,OAAO,UAAiBrE,IAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAC1C;AAAA,sBAGDsE,IAAA,EAA0B,aAAY,SAAQ,QAAQhG,IACpD,UAAA;AAAA,MAAAI,OAAkB,SACjB,gBAAAuF,EAACM,IAAA,EAA2B,YAAY5F,GAAW,SAAS6F,IAC1D,UAAA,gBAAAP,EAACQ,IAAA,EACC,UAAA,gBAAAR;AAAA,QAACS;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,WAAAvF;AAAA,UACA,WAAAG;AAAA,UACA,qBAAAkB;AAAA,UACA,2BAAAb;AAAA,UACA,UAAA9D;AAAA,UACA,mBAAmBsG;AAAA,UACnB,UAAAjH;AAAA,UACA,gBAAAwF;AAAA,QAAA;AAAA,SAEJ,EACF,CAAA;AAAA,MAEDE,MAAWf,KACV,gBAAAoE,EAACU,IAAA,EAAsB,YAAYpG,IAAmB,YAAYI,GAChE,4BAACiG,IAAS,EAAA,QAAQ7F,GAAkB,iBAAgB,UAAS,aAAY,UACvE,UAAA,gBAAAkF;AAAA,QAACY;AAAA,QAAA;AAAA,UACC,SAAAjE;AAAA,UACA,sBAAAf;AAAA,UACA,aAAA1E;AAAA,UACA,gBAAgB2G;AAAA,UAChB,0BAAAxF;AAAA,UACA,oBAAAC;AAAA,UACA,qBAAAF;AAAA,QAAA;AAAA,SAEJ,EACF,CAAA;AAAA,MAEDwC,MACC,gBAAAoF;AAAA,QAACa;AAAA,QAAA;AAAA,UACC,qBAAAtE;AAAA,UACA,SAAS2B;AAAA,UACT,WAAAhD;AAAA,UACA,cAAcL;AAAA,UACd,WAAAH;AAAA,UACA,UAAAzD;AAAA,QAAA;AAAA,MACF;AAAA,MAED4F,MACE,gBAAAmD,EAAAc,IAAA,EACC,UAAC,gBAAAd,EAAAe,IAAA,EAAiB,iBAAiBC,IAAsB,SAAS7C,GAAA,CAAmB,EACvF,CAAA;AAAA,MAEF,gBAAAyB;AAAA,QAACqB;AAAAA,QAAA;AAAA,UACC,YAAYhK,MAAa,aAAawF,IAAiB,MAAM5B;AAAA,UAC7D,SAASA;AAAA,UACT,aAAaT,MAAmB;AAAA,UAEhC,UAAA;AAAA,YAAA,gBAAA4F;AAAA,cAACkB;AAAA,cAAA;AAAA,gBACC,OAAOnG,IAA0B;AAAA,gBACjC,UAAUG,EAAUqB,CAAmB;AAAA,gBACvC,YAAA7D;AAAA,gBACA,UAAAzB;AAAA,cAAA;AAAA,YACF;AAAA,YACC+C,MACC,gBAAAgG;AAAA,cAACmB;AAAAA,cAAA;AAAA,gBACC,SAAStG;AAAA,gBACT,QAAQT,MAAmB,SAASW,IAA0B,KAAK;AAAA,gBACnE,aAAaX,MAAmB;AAAA,gBAEhC,UAAA,gBAAA4F;AAAA,kBAACW;AAAA,kBAAA;AAAA,oBACC,UAAU;AAAA,oBACV,gBAAe;AAAA,oBACf,iBAAgB;AAAA,oBAChB,aAAY;AAAA,oBACZ,QAAQ5F,IAA0B;AAAA,oBAElC,UAAA,gBAAAiF;AAAA,sBAACoB;AAAA,sBAAA;AAAA,wBACC,UAAAnK;AAAA,wBACA,QAAAS;AAAA,wBACA,UAAAE;AAAA,wBACA,eAAAR;AAAA,wBACA,WAAA8D;AAAA,wBACA,WAAAG;AAAA,wBACA,kBAAA+C;AAAA,wBACA,qBAAA7B;AAAA,wBACA,2BAAAb;AAAA,wBACA,qBAAA/C;AAAA,wBACA,YAAAD;AAAA,wBACA,iBAAAO;AAAA,wBACA,oBAAAO;AAAA,wBACA,qBAAAgC;AAAA,wBACA,kBAAkBiB;AAAA,wBAClB,cAAAnB;AAAA,wBACA,wBAAAyB;AAAA,wBACA,mBAAAL;AAAA,wBACA,YAAAE;AAAA,wBACA,wBAAAnB;AAAA,wBACA,qBAAAW;AAAA,wBACA,mBAAmB8B;AAAA,wBACnB,cAAcG;AAAA,wBACd,kBAAArG;AAAA,wBACA,QAAAkB;AAAA,wBACA,qBAAAd;AAAA,wBACA,UAAAK;AAAA,wBACA,gBAAAoE;AAAA,wBACA,WAAApD;AAAA,wBACA,QAAAG;AAAA,wBACA,qBAAAC;AAAA,sBAAA;AAAA,oBACF;AAAA,kBAAA;AAAA,gBACF;AAAA,cAAA;AAAA,YACF;AAAA,YAED,CAAC4C,KAAkBjC,KAAuBvD,MAAa,aACrD,gBAAA+I,EAAAqB,IAAA,EACC,UAAC,gBAAArB,EAAAsB,IAAA,CAAA,CAAU,EACb,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAEJ;AAAA,MACA,gBAAA1B;AAAA,QAAC2B;AAAAA,QAAA;AAAA,UACC,kBAAkB1G;AAAA,UAClB,aAAaT,MAAmB;AAAA,UAE/B,UAAA;AAAA,YAAAoH,GAAuB,EAAE,WAAAtG,GAAW,2BAAAQ,GAA2B,UAAAzE,EAAA,CAAU,EAAE;AAAA,cAC1E,CAACuF,GAAUiF,MAAkB;;AAC3B,sBAAM,EAAE,aAAaC,GAAY,aAAA5C,EAAA,IAAgBtC,GAC3CmF,KAAe3D,IAAA3C,EAAUqG,CAAU,MAApB,gBAAA1D,EAAuB;AAE5C,uBAAIpG,EAAS,6BACP+J,MAAiB,aAEjB7C,KAAe6C,MAAiB,cAAc1K,MAAa,aACtD,OAKT,gBAAA+I;AAAA,kBAAC4B;AAAA,kBAAA;AAAA,oBAEC,eAAezK;AAAA,oBACf,UAAAF;AAAA,oBACA,oBAAA2B;AAAA,oBACA,UAAA4D;AAAA,oBACA,UAAUnB,EAAUqG,CAAU;AAAA,oBAC9B,gBACExH,MAAmB,cAAcA,MAAmB,YAChD0B,KAAA,gBAAAA,EAAsB,cACtB6F,IAAgB/F,KACdwD,IAAAhE,EAAUuG,IAAgB,CAAC,MAA3B,gBAAAvC,EAA8B,cAC9B;AAAA,oBAER,kBAAApE;AAAA,oBACA,YAAApC;AAAA,oBACA,UAAUgJ,MAAevF;AAAA,oBACzB,UACG,CAAC3B,KAAuBkH,MAAevF,KAAqBM;AAAA,oBAE/D,WACEF,IAAsB,OACrBkF,MAAkBlF,KAChBrC,MAAmB,aAAauH,MAAkBlF,IAAsB;AAAA,oBAE7E,YAAA5E;AAAA,oBACA,UAAUgB,GAAoB,SAAS+I,CAAU;AAAA,oBACjD,UAAA9J;AAAA,oBACA,QAAAF;AAAA,oBACA,iBAAAmD;AAAA,oBACA,sBAAAwB;AAAA,oBACA,iBAAiBsB;AAAA,oBACjB,oBAAoBV;AAAA,oBACpB,QAAApE;AAAA,oBACA,qBAAA2C;AAAA,oBACA,kBAAA1C;AAAA,oBACA,kBAAAC;AAAA,oBACA,oBAAAC;AAAA,oBACA,iBAAAC;AAAA,oBACA,oBAAAE;AAAA,oBACA,sBAAAC;AAAA,oBACA,qBAAAgD;AAAA,oBACA,iBAAA1C;AAAA,oBACA,gBAAAC;AAAA,oBACA,WAAAG;AAAA,oBACA,iBAAAC;AAAA,oBACA,WAAAsB;AAAA,oBACA,WAAA5B;AAAA,kBAAA;AAAA,kBA9CKiI;AAAA,gBAAA;AAAA,cAiDX;AAAA,YACF;AAAA,YACCjF,KACC,gBAAAuD;AAAA,cAAC6B;AAAA,cAAA;AAAA,gBACC,eAAAzK;AAAA,gBACA,WAAA8D;AAAA,gBACA,WAAAG;AAAA,gBACA,qBAAAkB;AAAA,gBACA,2BAAAb;AAAA,gBACA,mBAAmBwC;AAAA,gBACnB,UAAAtG;AAAA,gBACA,WAAW2C;AAAA,gBACX,oBAAAhB;AAAA,gBACA,gBAAAkD;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,QAAA;AAAA,MAEJ;AAAA,MACC,CAACA,KAAkB9B,MAClB,gBAAAqF;AAAA,QAAC8B;AAAA,QAAA;AAAA,UACC,eAAehH;AAAA,UACf,WAAAI;AAAA,UACA,qBAAAqB;AAAA,UACA,YAAA7D;AAAA,UACA,UAAAzB;AAAA,UACA,QAAQqD;AAAA,UACR,iBAAAO;AAAA,UACA,2BAAAvB;AAAA,UACA,WAAAG;AAAA,QAAA;AAAA,MACF;AAAA,IAAA,GAEJ;AAAA,EACF,EAAA,CAAA,IAtPO;AAwPX,GAEMsI,KAAYC,GAAKC,GAAWnL,EAAa,CAAC;"}

package/dist/features/worksheet/worksheet-preview/dynamic-worksheet-preview/dynamic-worksheet-preview.js

@@ -1,32 +1,31 @@
-import { jsx as e, jsxs as y } from "react/jsx-runtime";
-import { memo as D, useCallback as w, useEffect as k } from "react";
-import b from "../../../ui/buttons/button/button.js";
-import v from "../../../ui/layout/flex-view.js";
-import x from "../../../ui/loader/app-loader/app-loader.js";
-import A from "../../../ui/text/text.js";
-import { useGetDynamicSheetData as C } from "../api/get-dynamic-sheet.js";
-import E from "../worksheet-preview.js";
-const I = D((o) => {
+import { jsx as e, jsxs as g } from "react/jsx-runtime";
+import { memo as y, useCallback as D, useEffect as w } from "react";
+import k from "../../../ui/buttons/button/button.js";
+import b from "../../../ui/layout/flex-view.js";
+import v from "../../../ui/loader/app-loader/app-loader.js";
+import x from "../../../ui/text/text.js";
+import { useGetDynamicSheetData as A } from "../api/get-dynamic-sheet.js";
+import C from "../worksheet-preview.js";
+const I = y((o) => {
   const { studentId: t, userNodeId: i, onBackIconClick: m } = o, {
     get: n,
     data: c,
     isProcessing: l,
     isProcessingFailed: d,
     error: s
-  } = C(), {
+  } = A(), {
     items: f = [],
     title: h,
-    node_type: p = "DYNAMIC",
-    image_hue: u = "BLUE"
-  } = c || {}, a = f.map(({ ref: g }) => g), r = w(() => {
+    node_type: p = "DYNAMIC"
+  } = c || {}, a = f.map(({ ref: u }) => u), r = D(() => {
     t && i && n(i);
   }, [n, t, i]);
-  return k(() => {
+  return w(() => {
     r();
-  }, [r]), l ? /* @__PURE__ */ e(x, { height: "100%" }) : d ? /* @__PURE__ */ y(v, { $flexGapX: 1.5, $height: "100vh", $justifyContent: "center", $alignItems: "center", children: [
-    /* @__PURE__ */ e(A, { $renderAs: "h6", children: (s == null ? void 0 : s.message) || "Oops! Something went wrong. Please try again later." }),
+  }, [r]), l ? /* @__PURE__ */ e(v, { height: "100%" }) : d ? /* @__PURE__ */ g(b, { $flexGapX: 1.5, $height: "100vh", $justifyContent: "center", $alignItems: "center", children: [
+    /* @__PURE__ */ e(x, { $renderAs: "h6", children: (s == null ? void 0 : s.message) || "Oops! Something went wrong. Please try again later." }),
     /* @__PURE__ */ e(
-      b,
+      k,
       {
         widthX: 14,
         size: "small",
@@ -37,7 +36,7 @@ const I = D((o) => {
       }
     )
   ] }) : a ? /* @__PURE__ */ e(
-    E,
+    C,
     {
       activityReference: "test",
       action: "review",
@@ -48,8 +47,7 @@ const I = D((o) => {
       worksheetName: h,
       scribblingEnabled: !1,
       items: a,
-      onBackIconClick: m,
-      imageHue: u
+      onBackIconClick: m
     }
   ) : null;
 }), R = I;

package/dist/features/worksheet/worksheet-preview/dynamic-worksheet-preview/dynamic-worksheet-preview.js.map

@@ -1 +1 @@
-{"version":3,"file":"dynamic-worksheet-preview.js","sources":["../../../../../src/features/worksheet/worksheet-preview/dynamic-worksheet-preview/dynamic-worksheet-preview.tsx"],"sourcesContent":["import type { TNodeTypes } from '../../../../types/models/worksheet';\nimport type { IDynamicWorksheetPreview } from './dynamic-worksheet-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect } from 'react';\n\nimport Button from '../../../ui/buttons/button/button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport Text from '../../../ui/text/text';\nimport { useGetDynamicSheetData } from '../api/get-dynamic-sheet';\nimport PreviewWorksheet from '../worksheet-preview';\n\nconst DynamicWorksheetPreview: FC<IDynamicWorksheetPreview> = memo(props => {\n  const { studentId, userNodeId, onBackIconClick } = props;\n\n  const {\n    get: getDynamicSheetData,\n    data: dynamicSheetData,\n    isProcessing,\n    isProcessingFailed,\n    error,\n  } = useGetDynamicSheetData();\n\n  const {\n    items: itemsToBeAssigned = [],\n    title,\n    node_type: nodeType = 'DYNAMIC',\n    image_hue: imageHue = 'BLUE',\n  } = dynamicSheetData || {};\n  const itemRefs = itemsToBeAssigned.map(({ ref }) => ref);\n\n  const fetchDynamicSheetData = useCallback(() => {\n    if (studentId && userNodeId) {\n      getDynamicSheetData(userNodeId);\n    }\n  }, [getDynamicSheetData, studentId, userNodeId]);\n\n  useEffect(() => {\n    fetchDynamicSheetData();\n  }, [fetchDynamicSheetData]);\n\n  if (isProcessing) {\n    return <AppLoader height=\"100%\" />;\n  }\n\n  if (isProcessingFailed) {\n    return (\n      <FlexView $flexGapX={1.5} $height=\"100vh\" $justifyContent=\"center\" $alignItems=\"center\">\n        <Text $renderAs=\"h6\">\n          {error?.message || 'Oops! Something went wrong. Please try again later.'}\n        </Text>\n        <Button\n          widthX={14}\n          size=\"small\"\n          shape=\"square\"\n          renderAs=\"primary\"\n          label=\"Try again\"\n          onClick={fetchDynamicSheetData}\n        />\n      </FlexView>\n    );\n  }\n\n  if (!itemRefs) {\n    return null;\n  }\n\n  return (\n    <PreviewWorksheet\n      activityReference=\"test\"\n      action=\"review\"\n      nodeType={nodeType as TNodeTypes}\n      userType=\"TEACHER\"\n      studentId={studentId ?? 'student-id'}\n      isLessonV3Enabled={false}\n      worksheetName={title}\n      scribblingEnabled={false}\n      items={itemRefs}\n      onBackIconClick={onBackIconClick}\n      imageHue={imageHue}\n    />\n  );\n});\n\nexport default DynamicWorksheetPreview;\n"],"names":["DynamicWorksheetPreview","memo","props","studentId","userNodeId","onBackIconClick","getDynamicSheetData","dynamicSheetData","isProcessing","isProcessingFailed","error","useGetDynamicSheetData","itemsToBeAssigned","title","nodeType","imageHue","itemRefs","ref","fetchDynamicSheetData","useCallback","useEffect","jsx","AppLoader","jsxs","FlexView","Text","Button","PreviewWorksheet","DynamicWorksheetPreview$1"],"mappings":";;;;;;;;AAaA,MAAMA,IAAwDC,EAAK,CAASC,MAAA;AAC1E,QAAM,EAAE,WAAAC,GAAW,YAAAC,GAAY,iBAAAC,EAAA,IAAoBH,GAE7C;AAAA,IACJ,KAAKI;AAAA,IACL,MAAMC;AAAA,IACN,cAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,OAAAC;AAAA,MACEC,EAAuB,GAErB;AAAA,IACJ,OAAOC,IAAoB,CAAC;AAAA,IAC5B,OAAAC;AAAA,IACA,WAAWC,IAAW;AAAA,IACtB,WAAWC,IAAW;AAAA,EAAA,IACpBR,KAAoB,CAAA,GAClBS,IAAWJ,EAAkB,IAAI,CAAC,EAAE,KAAAK,EAAA,MAAUA,CAAG,GAEjDC,IAAwBC,EAAY,MAAM;AAC9C,IAAIhB,KAAaC,KACfE,EAAoBF,CAAU;AAAA,EAE/B,GAAA,CAACE,GAAqBH,GAAWC,CAAU,CAAC;AAM/C,SAJAgB,EAAU,MAAM;AACQ,IAAAF;EAAA,GACrB,CAACA,CAAqB,CAAC,GAEtBV,IACK,gBAAAa,EAACC,GAAU,EAAA,QAAO,OAAO,CAAA,IAG9Bb,IAEA,gBAAAc,EAACC,KAAS,WAAW,KAAK,SAAQ,SAAQ,iBAAgB,UAAS,aAAY,UAC7E,UAAA;AAAA,IAAA,gBAAAH,EAACI,GAAK,EAAA,WAAU,MACb,WAAAf,KAAA,gBAAAA,EAAO,YAAW,uDACrB;AAAA,IACA,gBAAAW;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,QAAQ;AAAA,QACR,MAAK;AAAA,QACL,OAAM;AAAA,QACN,UAAS;AAAA,QACT,OAAM;AAAA,QACN,SAASR;AAAA,MAAA;AAAA,IACX;AAAA,EACF,EAAA,CAAA,IAICF,IAKH,gBAAAK;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,mBAAkB;AAAA,MAClB,QAAO;AAAA,MACP,UAAAb;AAAA,MACA,UAAS;AAAA,MACT,WAAWX,KAAa;AAAA,MACxB,mBAAmB;AAAA,MACnB,eAAeU;AAAA,MACf,mBAAmB;AAAA,MACnB,OAAOG;AAAA,MACP,iBAAAX;AAAA,MACA,UAAAU;AAAA,IAAA;AAAA,EAAA,IAfK;AAkBX,CAAC,GAEDa,IAAe5B;"}
+{"version":3,"file":"dynamic-worksheet-preview.js","sources":["../../../../../src/features/worksheet/worksheet-preview/dynamic-worksheet-preview/dynamic-worksheet-preview.tsx"],"sourcesContent":["import type { TNodeTypes } from '../../../../types/models/worksheet';\nimport type { IDynamicWorksheetPreview } from './dynamic-worksheet-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect } from 'react';\n\nimport Button from '../../../ui/buttons/button/button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport Text from '../../../ui/text/text';\nimport { useGetDynamicSheetData } from '../api/get-dynamic-sheet';\nimport PreviewWorksheet from '../worksheet-preview';\n\nconst DynamicWorksheetPreview: FC<IDynamicWorksheetPreview> = memo(props => {\n  const { studentId, userNodeId, onBackIconClick } = props;\n\n  const {\n    get: getDynamicSheetData,\n    data: dynamicSheetData,\n    isProcessing,\n    isProcessingFailed,\n    error,\n  } = useGetDynamicSheetData();\n\n  const {\n    items: itemsToBeAssigned = [],\n    title,\n    node_type: nodeType = 'DYNAMIC',\n  } = dynamicSheetData || {};\n  const itemRefs = itemsToBeAssigned.map(({ ref }) => ref);\n\n  const fetchDynamicSheetData = useCallback(() => {\n    if (studentId && userNodeId) {\n      getDynamicSheetData(userNodeId);\n    }\n  }, [getDynamicSheetData, studentId, userNodeId]);\n\n  useEffect(() => {\n    fetchDynamicSheetData();\n  }, [fetchDynamicSheetData]);\n\n  if (isProcessing) {\n    return <AppLoader height=\"100%\" />;\n  }\n\n  if (isProcessingFailed) {\n    return (\n      <FlexView $flexGapX={1.5} $height=\"100vh\" $justifyContent=\"center\" $alignItems=\"center\">\n        <Text $renderAs=\"h6\">\n          {error?.message || 'Oops! Something went wrong. Please try again later.'}\n        </Text>\n        <Button\n          widthX={14}\n          size=\"small\"\n          shape=\"square\"\n          renderAs=\"primary\"\n          label=\"Try again\"\n          onClick={fetchDynamicSheetData}\n        />\n      </FlexView>\n    );\n  }\n\n  if (!itemRefs) {\n    return null;\n  }\n\n  return (\n    <PreviewWorksheet\n      activityReference=\"test\"\n      action=\"review\"\n      nodeType={nodeType as TNodeTypes}\n      userType=\"TEACHER\"\n      studentId={studentId ?? 'student-id'}\n      isLessonV3Enabled={false}\n      worksheetName={title}\n      scribblingEnabled={false}\n      items={itemRefs}\n      onBackIconClick={onBackIconClick}\n    />\n  );\n});\n\nexport default DynamicWorksheetPreview;\n"],"names":["DynamicWorksheetPreview","memo","props","studentId","userNodeId","onBackIconClick","getDynamicSheetData","dynamicSheetData","isProcessing","isProcessingFailed","error","useGetDynamicSheetData","itemsToBeAssigned","title","nodeType","itemRefs","ref","fetchDynamicSheetData","useCallback","useEffect","jsx","AppLoader","jsxs","FlexView","Text","Button","PreviewWorksheet","DynamicWorksheetPreview$1"],"mappings":";;;;;;;;AAaA,MAAMA,IAAwDC,EAAK,CAASC,MAAA;AAC1E,QAAM,EAAE,WAAAC,GAAW,YAAAC,GAAY,iBAAAC,EAAA,IAAoBH,GAE7C;AAAA,IACJ,KAAKI;AAAA,IACL,MAAMC;AAAA,IACN,cAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,OAAAC;AAAA,MACEC,EAAuB,GAErB;AAAA,IACJ,OAAOC,IAAoB,CAAC;AAAA,IAC5B,OAAAC;AAAA,IACA,WAAWC,IAAW;AAAA,EAAA,IACpBP,KAAoB,CAAA,GAClBQ,IAAWH,EAAkB,IAAI,CAAC,EAAE,KAAAI,EAAA,MAAUA,CAAG,GAEjDC,IAAwBC,EAAY,MAAM;AAC9C,IAAIf,KAAaC,KACfE,EAAoBF,CAAU;AAAA,EAE/B,GAAA,CAACE,GAAqBH,GAAWC,CAAU,CAAC;AAM/C,SAJAe,EAAU,MAAM;AACQ,IAAAF;EAAA,GACrB,CAACA,CAAqB,CAAC,GAEtBT,IACK,gBAAAY,EAACC,GAAU,EAAA,QAAO,OAAO,CAAA,IAG9BZ,IAEA,gBAAAa,EAACC,KAAS,WAAW,KAAK,SAAQ,SAAQ,iBAAgB,UAAS,aAAY,UAC7E,UAAA;AAAA,IAAA,gBAAAH,EAACI,GAAK,EAAA,WAAU,MACb,WAAAd,KAAA,gBAAAA,EAAO,YAAW,uDACrB;AAAA,IACA,gBAAAU;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,QAAQ;AAAA,QACR,MAAK;AAAA,QACL,OAAM;AAAA,QACN,UAAS;AAAA,QACT,OAAM;AAAA,QACN,SAASR;AAAA,MAAA;AAAA,IACX;AAAA,EACF,EAAA,CAAA,IAICF,IAKH,gBAAAK;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,mBAAkB;AAAA,MAClB,QAAO;AAAA,MACP,UAAAZ;AAAA,MACA,UAAS;AAAA,MACT,WAAWX,KAAa;AAAA,MACxB,mBAAmB;AAAA,MACnB,eAAeU;AAAA,MACf,mBAAmB;AAAA,MACnB,OAAOE;AAAA,MACP,iBAAAV;AAAA,IAAA;AAAA,EAAA,IAdK;AAiBX,CAAC,GAEDsB,IAAe3B;"}

package/dist/features/worksheet/worksheet-preview/hooks/use-worksheet-layout.js

@@ -1,17 +1,15 @@
-import { useMemo as A } from "react";
-import { QUESTIONS_GAP as i, WORKSHEET_NUDGE_BANNER_HEIGHT as u, TOP_NAVIGATION_HEIGHT as D } from "../../worksheet/constants.js";
+import { useMemo as _ } from "react";
+import { QUESTIONS_GAP as i, WORKSHEET_NUDGE_BANNER_HEIGHT as A, TOP_NAVIGATION_HEIGHT as N } from "../../worksheet/constants.js";
 const H = ({
-  userType: a,
+  userType: r,
   nodeType: t,
-  isSATAssessment: r,
-  showNudgeBanner: N,
-  topOffset: o,
-  imageHue: I
+  isSATAssessment: o,
+  showNudgeBanner: u,
+  topOffset: a
 }) => {
-  const c = t === "PUZZLE_CARD", E = A(() => {
-    if (r) return "bottom";
+  const I = _(() => {
+    if (o) return "bottom";
     switch (t) {
-      case "PUZZLE_CARD":
       case "TRIAL_DIAGNOSTIC":
       case "TRIAL_BASIC":
       case "TRIAL_INTERMEDIATE":
@@ -20,37 +18,31 @@ const H = ({
       default:
         return "top";
     }
-  }, [r, t]), n = E === "top" ? D : 0, R = `calc(100vh - ${o + n + i * 2}px)`, e = `calc(100vh - ${o + n + i}px)`, _ = N ? o + u : o;
-  return A(
+  }, [o, t]), c = I === "top" ? N : 0, E = `calc(100vh - ${a + c + i * 2}px)`, n = `calc(100vh - ${a + c + i}px)`, R = u ? a + A : a;
+  return _(
     () => ({
-      containerStyle: r ? "none" : "card",
-      containerWidth: r ? "1024px" : a === "TEACHER" ? "960px" : "824px",
+      containerStyle: o ? "none" : "card",
+      containerWidth: o ? "1024px" : r === "TEACHER" ? "960px" : "824px",
       actionBar: "bottom",
-      topOffset: _,
-      navigationBar: E,
-      questionsScrollable: !(r || t === "TRIAL_DIAGNOSTIC" || t === "TRIAL_BASIC" || t === "TRIAL_INTERMEDIATE" || t === "TRIAL_ADVANCED"),
-      minQuestionHeight: R,
-      minSummaryHeight: e,
-      renderSideBar: a === "TEACHER" && !r,
-      renderQuestionFeedback: a === "TEACHER" && !c,
-      renderQuestionHeader: !c,
-      renderSheetHeader: a === "STUDENT" && c,
-      imageHue: I
+      topOffset: R,
+      navigationBar: I,
+      questionsScrollable: !(o || t === "TRIAL_DIAGNOSTIC" || t === "TRIAL_BASIC" || t === "TRIAL_INTERMEDIATE" || t === "TRIAL_ADVANCED"),
+      minQuestionHeight: E,
+      minSummaryHeight: n,
+      renderSideBar: r === "TEACHER" && !o
     }),
     [
+      o,
       r,
-      c,
-      a,
-      _,
-      E,
-      t,
       R,
-      e,
-      I
+      I,
+      t,
+      E,
+      n
     ]
   );
-}, C = H;
+}, D = H;
 export {
-  C as default
+  D as default
 };
 //# sourceMappingURL=use-worksheet-layout.js.map

package/dist/features/worksheet/worksheet-preview/hooks/use-worksheet-layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-worksheet-layout.js","sources":["../../../../../src/features/worksheet/worksheet-preview/hooks/use-worksheet-layout.ts"],"sourcesContent":["import type { IResumeWorksheetModel } from '../../../../types/models/worksheet';\nimport type { THueNames, TUserTypes } from '../../../ui/types';\nimport type { IWorksheetProps } from '../../worksheet/worksheet-types';\n\nimport { useMemo } from 'react';\n\nimport {\n  QUESTIONS_GAP,\n  TOP_NAVIGATION_HEIGHT,\n  WORKSHEET_NUDGE_BANNER_HEIGHT,\n} from '../../worksheet/constants';\n\ninterface IUseWorksheetLayout {\n  (options: {\n    userType: TUserTypes;\n    nodeType: IResumeWorksheetModel['node_type'];\n    isSATAssessment: boolean;\n    showNudgeBanner?: boolean;\n    topOffset: number;\n    imageHue?: THueNames;\n  }): IWorksheetProps['layout'];\n}\n\nconst useWorksheetLayout: IUseWorksheetLayout = ({\n  userType,\n  nodeType,\n  isSATAssessment,\n  showNudgeBanner,\n  topOffset,\n  imageHue,\n}) => {\n  const isPuzzleSheet = nodeType === 'PUZZLE_CARD';\n\n  const navigationBar = useMemo<IWorksheetProps['layout']['navigationBar']>(() => {\n    if (isSATAssessment) return 'bottom';\n\n    switch (nodeType) {\n      case 'PUZZLE_CARD':\n      case 'TRIAL_DIAGNOSTIC':\n      case 'TRIAL_BASIC':\n      case 'TRIAL_INTERMEDIATE':\n      case 'TRIAL_ADVANCED':\n        return 'none';\n      default:\n        return 'top';\n    }\n  }, [isSATAssessment, nodeType]);\n  const navHeight = navigationBar === 'top' ? TOP_NAVIGATION_HEIGHT : 0;\n  const minQuestionHeight = `calc(100vh - ${topOffset + navHeight + QUESTIONS_GAP * 2}px)`;\n  const minSummaryHeight = `calc(100vh - ${topOffset + navHeight + QUESTIONS_GAP}px)`;\n  const tOffset = showNudgeBanner ? topOffset + WORKSHEET_NUDGE_BANNER_HEIGHT : topOffset;\n\n  return useMemo<IWorksheetProps['layout']>(\n    () => ({\n      containerStyle: isSATAssessment ? 'none' : 'card',\n      containerWidth: isSATAssessment ? '1024px' : userType === 'TEACHER' ? '960px' : '824px',\n      actionBar: 'bottom',\n      topOffset: tOffset,\n      navigationBar,\n      questionsScrollable: !(\n        isSATAssessment ||\n        nodeType === 'TRIAL_DIAGNOSTIC' ||\n        nodeType === 'TRIAL_BASIC' ||\n        nodeType === 'TRIAL_INTERMEDIATE' ||\n        nodeType === 'TRIAL_ADVANCED'\n      ),\n      minQuestionHeight,\n      minSummaryHeight,\n      renderSideBar: userType === 'TEACHER' && !isSATAssessment,\n      renderQuestionFeedback: userType === 'TEACHER' && !isPuzzleSheet,\n      renderQuestionHeader: !isPuzzleSheet,\n      renderSheetHeader: userType === 'STUDENT' && isPuzzleSheet,\n      imageHue,\n    }),\n    [\n      isSATAssessment,\n      isPuzzleSheet,\n      userType,\n      tOffset,\n      navigationBar,\n      nodeType,\n      minQuestionHeight,\n      minSummaryHeight,\n      imageHue,\n    ],\n  );\n};\n\nexport default useWorksheetLayout;\n"],"names":["useWorksheetLayout","userType","nodeType","isSATAssessment","showNudgeBanner","topOffset","imageHue","isPuzzleSheet","navigationBar","useMemo","navHeight","TOP_NAVIGATION_HEIGHT","minQuestionHeight","QUESTIONS_GAP","minSummaryHeight","tOffset","WORKSHEET_NUDGE_BANNER_HEIGHT","useWorksheetLayout$1"],"mappings":";;AAuBA,MAAMA,IAA0C,CAAC;AAAA,EAC/C,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AACF,MAAM;AACJ,QAAMC,IAAgBL,MAAa,eAE7BM,IAAgBC,EAAoD,MAAM;AAC9E,QAAIN,EAAwB,QAAA;AAE5B,YAAQD,GAAU;AAAA,MAChB,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AACI,eAAA;AAAA,MACT;AACS,eAAA;AAAA,IACX;AAAA,EAAA,GACC,CAACC,GAAiBD,CAAQ,CAAC,GACxBQ,IAAYF,MAAkB,QAAQG,IAAwB,GAC9DC,IAAoB,gBAAgBP,IAAYK,IAAYG,IAAgB,CAAC,OAC7EC,IAAmB,gBAAgBT,IAAYK,IAAYG,CAAa,OACxEE,IAAUX,IAAkBC,IAAYW,IAAgCX;AAEvE,SAAAI;AAAA,IACL,OAAO;AAAA,MACL,gBAAgBN,IAAkB,SAAS;AAAA,MAC3C,gBAAgBA,IAAkB,WAAWF,MAAa,YAAY,UAAU;AAAA,MAChF,WAAW;AAAA,MACX,WAAWc;AAAA,MACX,eAAAP;AAAA,MACA,qBAAqB,EACnBL,KACAD,MAAa,sBACbA,MAAa,iBACbA,MAAa,wBACbA,MAAa;AAAA,MAEf,mBAAAU;AAAA,MACA,kBAAAE;AAAA,MACA,eAAeb,MAAa,aAAa,CAACE;AAAA,MAC1C,wBAAwBF,MAAa,aAAa,CAACM;AAAA,MACnD,sBAAsB,CAACA;AAAA,MACvB,mBAAmBN,MAAa,aAAaM;AAAA,MAC7C,UAAAD;AAAA,IAAA;AAAA,IAEF;AAAA,MACEH;AAAA,MACAI;AAAA,MACAN;AAAA,MACAc;AAAA,MACAP;AAAA,MACAN;AAAA,MACAU;AAAA,MACAE;AAAA,MACAR;AAAA,IACF;AAAA,EAAA;AAEJ,GAEAW,IAAejB;"}
+{"version":3,"file":"use-worksheet-layout.js","sources":["../../../../../src/features/worksheet/worksheet-preview/hooks/use-worksheet-layout.ts"],"sourcesContent":["import type { IResumeWorksheetModel } from '../../../../types/models/worksheet';\nimport type { TUserTypes } from '../../../ui/types';\nimport type { IWorksheetProps } from '../../worksheet/worksheet-types';\n\nimport { useMemo } from 'react';\n\nimport {\n  QUESTIONS_GAP,\n  TOP_NAVIGATION_HEIGHT,\n  WORKSHEET_NUDGE_BANNER_HEIGHT,\n} from '../../worksheet/constants';\n\ninterface IUseWorksheetLayout {\n  (options: {\n    userType: TUserTypes;\n    nodeType: IResumeWorksheetModel['node_type'];\n    isSATAssessment: boolean;\n    showNudgeBanner?: boolean;\n    topOffset: number;\n  }): IWorksheetProps['layout'];\n}\n\nconst useWorksheetLayout: IUseWorksheetLayout = ({\n  userType,\n  nodeType,\n  isSATAssessment,\n  showNudgeBanner,\n  topOffset,\n}) => {\n  const navigationBar = useMemo<IWorksheetProps['layout']['navigationBar']>(() => {\n    if (isSATAssessment) return 'bottom';\n\n    switch (nodeType) {\n      case 'TRIAL_DIAGNOSTIC':\n      case 'TRIAL_BASIC':\n      case 'TRIAL_INTERMEDIATE':\n      case 'TRIAL_ADVANCED':\n        return 'none';\n      default:\n        return 'top';\n    }\n  }, [isSATAssessment, nodeType]);\n  const navHeight = navigationBar === 'top' ? TOP_NAVIGATION_HEIGHT : 0;\n  const minQuestionHeight = `calc(100vh - ${topOffset + navHeight + QUESTIONS_GAP * 2}px)`;\n  const minSummaryHeight = `calc(100vh - ${topOffset + navHeight + QUESTIONS_GAP}px)`;\n  const tOffset = showNudgeBanner ? topOffset + WORKSHEET_NUDGE_BANNER_HEIGHT : topOffset;\n\n  return useMemo<IWorksheetProps['layout']>(\n    () => ({\n      containerStyle: isSATAssessment ? 'none' : 'card',\n      containerWidth: isSATAssessment ? '1024px' : userType === 'TEACHER' ? '960px' : '824px',\n      actionBar: 'bottom',\n      topOffset: tOffset,\n      navigationBar,\n      questionsScrollable: !(\n        isSATAssessment ||\n        nodeType === 'TRIAL_DIAGNOSTIC' ||\n        nodeType === 'TRIAL_BASIC' ||\n        nodeType === 'TRIAL_INTERMEDIATE' ||\n        nodeType === 'TRIAL_ADVANCED'\n      ),\n      minQuestionHeight,\n      minSummaryHeight,\n      renderSideBar: userType === 'TEACHER' && !isSATAssessment,\n    }),\n    [\n      isSATAssessment,\n      userType,\n      tOffset,\n      navigationBar,\n      nodeType,\n      minQuestionHeight,\n      minSummaryHeight,\n    ],\n  );\n};\n\nexport default useWorksheetLayout;\n"],"names":["useWorksheetLayout","userType","nodeType","isSATAssessment","showNudgeBanner","topOffset","navigationBar","useMemo","navHeight","TOP_NAVIGATION_HEIGHT","minQuestionHeight","QUESTIONS_GAP","minSummaryHeight","tOffset","WORKSHEET_NUDGE_BANNER_HEIGHT","useWorksheetLayout$1"],"mappings":";;AAsBA,MAAMA,IAA0C,CAAC;AAAA,EAC/C,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,WAAAC;AACF,MAAM;AACE,QAAAC,IAAgBC,EAAoD,MAAM;AAC9E,QAAIJ,EAAwB,QAAA;AAE5B,YAAQD,GAAU;AAAA,MAChB,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AACI,eAAA;AAAA,MACT;AACS,eAAA;AAAA,IACX;AAAA,EAAA,GACC,CAACC,GAAiBD,CAAQ,CAAC,GACxBM,IAAYF,MAAkB,QAAQG,IAAwB,GAC9DC,IAAoB,gBAAgBL,IAAYG,IAAYG,IAAgB,CAAC,OAC7EC,IAAmB,gBAAgBP,IAAYG,IAAYG,CAAa,OACxEE,IAAUT,IAAkBC,IAAYS,IAAgCT;AAEvE,SAAAE;AAAA,IACL,OAAO;AAAA,MACL,gBAAgBJ,IAAkB,SAAS;AAAA,MAC3C,gBAAgBA,IAAkB,WAAWF,MAAa,YAAY,UAAU;AAAA,MAChF,WAAW;AAAA,MACX,WAAWY;AAAA,MACX,eAAAP;AAAA,MACA,qBAAqB,EACnBH,KACAD,MAAa,sBACbA,MAAa,iBACbA,MAAa,wBACbA,MAAa;AAAA,MAEf,mBAAAQ;AAAA,MACA,kBAAAE;AAAA,MACA,eAAeX,MAAa,aAAa,CAACE;AAAA,IAAA;AAAA,IAE5C;AAAA,MACEA;AAAA,MACAF;AAAA,MACAY;AAAA,MACAP;AAAA,MACAJ;AAAA,MACAQ;AAAA,MACAE;AAAA,IACF;AAAA,EAAA;AAEJ,GAEAG,IAAef;"}

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

@@ -1,35 +1,28 @@
-import r from "styled-components";
-import n from "../../../assets/line-icons/icons/back2.js";
-import i from "../../ui/layout/flex-view.js";
-const a = r.div`
+import o from "styled-components";
+import i from "../../../assets/line-icons/icons/back2.js";
+import p from "../../ui/layout/flex-view.js";
+const s = o.div`
   position: relative;
-`, l = r(i)(({ theme: o, $borderColor: t }) => {
-  const { colors: e } = o;
-  return `
-    border: none;
-    border-bottom: 1px solid ${e[t || "BLACK_1"]};
-  `;
-}), d = r.div`
+`, l = o.div`
   position: sticky;
   top: 0;
   z-index: 1;
-`, u = r(n)(({ theme: o, $color: t }) => {
-  const { colors: e } = o;
+`, d = o(i)(({ theme: t, $color: r }) => {
+  const { colors: e } = t;
   return `
-    width: ${o.layout.gutter * 1.5}px;
-    height: ${o.layout.gutter * 1.5}px;
+    width: ${t.layout.gutter * 1.5}px;
+    height: ${t.layout.gutter * 1.5}px;
     align-self: center;
     cursor: pointer;
-    color: ${e[t]};
+    color: ${e[r]};
   `;
-}), x = r(i)`
+}), u = o(p)`
   flex: auto;
 `;
 export {
-  l as Header,
-  x as HeaderTitleWrapper,
-  d as HeaderWrapper,
-  u as StyledBackIcon,
-  a as WorksheetPageWrapper
+  u as HeaderTitleWrapper,
+  l as HeaderWrapper,
+  d as StyledBackIcon,
+  s as WorksheetPageWrapper
 };
 //# sourceMappingURL=worksheet-preview-styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"worksheet-preview-styled.js","sources":["../../../../src/features/worksheet/worksheet-preview/worksheet-preview-styled.tsx"],"sourcesContent":["import type { FlexViewProps } from '../../ui/layout/flex-view';\nimport type { TColorNames } from '../../ui/types';\n\nimport styled from 'styled-components';\n\nimport Back2Icon from '../../../assets/line-icons/icons/back2';\nimport FlexView from '../../ui/layout/flex-view';\n\nconst WorksheetPageWrapper = styled.div`\n  position: relative;\n`;\n\nconst Header = styled(FlexView)<FlexViewProps>(({ theme, $borderColor }) => {\n  const { colors } = theme;\n\n  return `\n    border: none;\n    border-bottom: 1px solid ${colors[$borderColor || 'BLACK_1']};\n  `;\n});\n\nconst HeaderWrapper = styled.div`\n  position: sticky;\n  top: 0;\n  z-index: 1;\n`;\n\ninterface IStyledBackIcon {\n  $color: TColorNames;\n}\n\nconst StyledBackIcon = styled(Back2Icon)<IStyledBackIcon>(({ theme, $color }) => {\n  const { colors } = theme;\n\n  return `\n    width: ${theme.layout.gutter * 1.5}px;\n    height: ${theme.layout.gutter * 1.5}px;\n    align-self: center;\n    cursor: pointer;\n    color: ${colors[$color]};\n  `;\n});\n\nconst HeaderTitleWrapper = styled(FlexView)`\n  flex: auto;\n`;\n\nexport { HeaderWrapper, WorksheetPageWrapper, StyledBackIcon, HeaderTitleWrapper, Header };\n"],"names":["WorksheetPageWrapper","styled","Header","FlexView","theme","$borderColor","colors","HeaderWrapper","StyledBackIcon","Back2Icon","$color","HeaderTitleWrapper"],"mappings":";;;AAQA,MAAMA,IAAuBC,EAAO;AAAA;AAAA,GAI9BC,IAASD,EAAOE,CAAQ,EAAiB,CAAC,EAAE,OAAAC,GAAO,cAAAC,QAAmB;AACpE,QAAA,EAAE,QAAAC,EAAW,IAAAF;AAEZ,SAAA;AAAA;AAAA,+BAEsBE,EAAOD,KAAgB,SAAS,CAAC;AAAA;AAEhE,CAAC,GAEKE,IAAgBN,EAAO;AAAA;AAAA;AAAA;AAAA,GAUvBO,IAAiBP,EAAOQ,CAAS,EAAmB,CAAC,EAAE,OAAAL,GAAO,QAAAM,QAAa;AACzE,QAAA,EAAE,QAAAJ,EAAW,IAAAF;AAEZ,SAAA;AAAA,aACIA,EAAM,OAAO,SAAS,GAAG;AAAA,cACxBA,EAAM,OAAO,SAAS,GAAG;AAAA;AAAA;AAAA,aAG1BE,EAAOI,CAAM,CAAC;AAAA;AAE3B,CAAC,GAEKC,IAAqBV,EAAOE,CAAQ;AAAA;AAAA;"}
+{"version":3,"file":"worksheet-preview-styled.js","sources":["../../../../src/features/worksheet/worksheet-preview/worksheet-preview-styled.tsx"],"sourcesContent":["import type { TColorNames } from '../../ui/types';\n\nimport styled from 'styled-components';\n\nimport Back2Icon from '../../../assets/line-icons/icons/back2';\nimport FlexView from '../../ui/layout/flex-view';\n\nconst WorksheetPageWrapper = styled.div`\n  position: relative;\n`;\n\nconst HeaderWrapper = styled.div`\n  position: sticky;\n  top: 0;\n  z-index: 1;\n`;\n\ninterface IStyledBackIcon {\n  $color: TColorNames;\n}\n\nconst StyledBackIcon = styled(Back2Icon)<IStyledBackIcon>(({ theme, $color }) => {\n  const { colors } = theme;\n\n  return `\n    width: ${theme.layout.gutter * 1.5}px;\n    height: ${theme.layout.gutter * 1.5}px;\n    align-self: center;\n    cursor: pointer;\n    color: ${colors[$color]};\n  `;\n});\n\nconst HeaderTitleWrapper = styled(FlexView)`\n  flex: auto;\n`;\n\nexport { HeaderWrapper, WorksheetPageWrapper, StyledBackIcon, HeaderTitleWrapper };\n"],"names":["WorksheetPageWrapper","styled","HeaderWrapper","StyledBackIcon","Back2Icon","theme","$color","colors","HeaderTitleWrapper","FlexView"],"mappings":";;;AAOA,MAAMA,IAAuBC,EAAO;AAAA;AAAA,GAI9BC,IAAgBD,EAAO;AAAA;AAAA;AAAA;AAAA,GAUvBE,IAAiBF,EAAOG,CAAS,EAAmB,CAAC,EAAE,OAAAC,GAAO,QAAAC,QAAa;AACzE,QAAA,EAAE,QAAAC,EAAW,IAAAF;AAEZ,SAAA;AAAA,aACIA,EAAM,OAAO,SAAS,GAAG;AAAA,cACxBA,EAAM,OAAO,SAAS,GAAG;AAAA;AAAA;AAAA,aAG1BE,EAAOD,CAAM,CAAC;AAAA;AAE3B,CAAC,GAEKE,IAAqBP,EAAOQ,CAAQ;AAAA;AAAA;"}