npm - @cuemath/leap - Versions diffs - 3.3.3 → 3.3.4-aa0 - Mend

@cuemath/leap 3.3.3 → 3.3.4-aa0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (35) hide show

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

	@@ -1 +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\n// import { 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';\n// import 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 onReview,\n canToggleScribbling = true,\n studentId,\n subjectiveProps,\n canShowActionBar = true,\n } = props;\n const { initialQuestion, navigationMode, teacherValidationEnabled, maximumAttempts } = 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 isPuzzleCard = maximumAttempts === -2;\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_1\" $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 $isPuzzleCard={isPuzzleCard}\n >\n {maximumAttempts !== -2 && (\n <QuestionTips\n width={questionsContainerWidth - 32}\n question={questions[activeQuestionIndex]}\n learnosity={learnosity}\n userType={userType}\n />\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 onReview={onReview}\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 $isPuzzleCard={isPuzzleCard}\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","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","onReview","canToggleScribbling","studentId","subjectiveProps","canShowActionBar","initialQuestion","navigationMode","teacherValidationEnabled","maximumAttempts","containerStyle","containerWidth","minQuestionHeight","minSummaryHeight","questionsScrollable","navigationBar","topOffset","renderSideBar","showUserPointer","isPuzzleCard","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","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","_b","WorksheetSummary","WorksheetSideBar","Worksheet","memo","forwardRef"],"mappings":"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"}
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\n// import { 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';\n// import 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 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 onHelp,\n onPublishMouseMove,\n onSubscribeMouseMove,\n onActiveQuestionChange,\n openQuestionFeedbackModal,\n summaryDescription,\n canSubmitWorksheet,\n loggerRef,\n canResolveDoubt,\n onResolveDoubt,\n onSkip,\n studentId,\n subjectiveProps,\n canShowActionBar = true,\n actionBarRightElement,\n } = props;\n const { initialQuestion, navigationMode, teacherValidationEnabled, maximumAttempts } = behavior;\n const {\n containerStyle,\n containerWidth,\n minQuestionHeight,\n minSummaryHeight,\n questionsScrollable,\n navigationBar,\n topOffset,\n renderSideBar,\n showUserPointer = true,\n questionPadding,\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_1\" $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 {maximumAttempts !== -2 && (\n <QuestionTips\n width={questionsContainerWidth - 32}\n question={questions[activeQuestionIndex]}\n learnosity={learnosity}\n userType={userType}\n />\n )}\n {canShowActionBar && (\n <Styled.ActionbarWrapper\n $height={actionbarHeight}\n $width={\n containerStyle === 'card' \|\| maximumAttempts === -2\n ? questionsContainerWidth - 32\n : '100%'\n }\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 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 actionBarRightElement={actionBarRightElement}\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 $questionPadding={questionPadding}\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 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 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","learnosityItems","learnosityResponses","layout","behavior","updatedResponses","showNudgeBanner","markedAsCompleted","onResponseChange","onBulkResponsesChange","onResponsesChange","onMediaStateChange","onTeacherValidation","onOptionalItemAssignment","onOptionalItemSkip","onExitTicketStart","onExitTicketSubmit","onSubmit","learnosity","appendedQuestionIds","worksheetCompleted","userId","onPublishStrokes","onReceiveStrokes","initialStrokesData","onHelp","onPublishMouseMove","onSubscribeMouseMove","onActiveQuestionChange","openQuestionFeedbackModal","summaryDescription","canSubmitWorksheet","loggerRef","canResolveDoubt","onResolveDoubt","onSkip","studentId","subjectiveProps","canShowActionBar","actionBarRightElement","initialQuestion","navigationMode","teacherValidationEnabled","maximumAttempts","containerStyle","containerWidth","minQuestionHeight","minSummaryHeight","questionsScrollable","navigationBar","topOffset","renderSideBar","showUserPointer","questionPadding","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","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","_b","WorksheetSummary","WorksheetSideBar","Worksheet","memo","forwardRef"],"mappings":"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"}

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

@@ -1,33 +1,31 @@
-import { jsx as n, jsxs as A } from "react/jsx-runtime";
-import { memo as C, useMemo as $, useCallback as h, useEffect as b } from "react";
+import { jsx as e, jsxs as v } from "react/jsx-runtime";
+import { memo as z, useMemo as C, useCallback as S, useEffect as $ } from "react";
 import x from "../../../ui/buttons/button/button.js";
 import E from "../../../ui/layout/flex-view.js";
 import I from "../../../ui/loader/app-loader/app-loader.js";
-import S from "../../../ui/text/text.js";
-import { useGetDynamicSheetData as T } from "../api/get-dynamic-sheet.js";
-import N from "../worksheet-preview.js";
-const R = C((f) => {
-  const { studentId: s, userNodeId: i, studentName: m, onBackIconClick: p, onUnassign: r } = f, {
-    get: c,
-    data: t,
+import T from "../../../ui/text/text.js";
+import { useGetDynamicSheetData as b } from "../api/get-dynamic-sheet.js";
+import B from "../worksheet-preview.js";
+const R = z((r) => {
+  const { studentId: t, userNodeId: n, studentName: a, onBackIconClick: l, actionBarRightElement: h } = r, { onOpenQuestionFeedbackModal: p } = r, {
+    get: m,
+    data: f,
     isProcessing: g,
     isProcessingFailed: y,
-    error: a
-  } = T(), {
-    items: D = [],
-    title: l,
+    error: i
+  } = b(), {
+    items: k = [],
+    title: c,
     node_type: d = "DYNAMIC",
     worksheet: w
-  } = t || {}, { image_hue: k } = w || {}, u = D.map(({ ref: z }) => z), e = d === "PUZZLE_CARD", P = $(() => e ? `${m} hasn't attempted the puzzle yet` : l, [e, m, l]), o = h(() => {
-    s && i && c(i);
-  }, [c, s, i]), v = h(() => {
-    t && e && r && r(t);
-  }, [t, e, r]);
-  return b(() => {
+  } = f || {}, { image_hue: D } = w || {}, u = k.map(({ ref: P }) => P), s = d === "PUZZLE_CARD", A = C(() => s ? `${a} hasn't attempted the puzzle yet` : c, [s, a, c]), o = S(() => {
+    t && n && m(n);
+  }, [m, t, n]);
+  return $(() => {
     o();
-  }, [o]), g ? /* @__PURE__ */ n(I, { height: "100%" }) : y ? /* @__PURE__ */ A(E, { $flexGapX: 1.5, $height: "100vh", $justifyContent: "center", $alignItems: "center", children: [
-    /* @__PURE__ */ n(S, { $renderAs: "h6", children: (a == null ? void 0 : a.message) || "Oops! Something went wrong. Please try again later." }),
-    /* @__PURE__ */ n(
+  }, [o]), g ? /* @__PURE__ */ e(I, { height: "100%" }) : y ? /* @__PURE__ */ v(E, { $flexGapX: 1.5, $height: "100vh", $justifyContent: "center", $alignItems: "center", children: [
+    /* @__PURE__ */ e(T, { $renderAs: "h6", children: (i == null ? void 0 : i.message) || "Oops! Something went wrong. Please try again later." }),
+    /* @__PURE__ */ e(
       x,
       {
         widthX: 14,
@@ -38,21 +36,22 @@ const R = C((f) => {
         onClick: o
       }
     )
-  ] }) : u ? /* @__PURE__ */ n(
-    N,
+  ] }) : u ? /* @__PURE__ */ e(
+    B,
     {
-      activityReference: e ? "puzzle" : "test",
-      action: "review",
+      activityReference: s ? "puzzle" : "test",
       nodeType: d,
       userType: "TEACHER",
-      studentId: s ?? "student-id",
+      studentId: t ?? "student-id",
       isLessonV3Enabled: !1,
-      worksheetName: P,
-      scribblingEnabled: e,
+      worksheetName: A,
       items: u,
-      onBackIconClick: p,
-      imageHue: k ?? void 0,
-      onUnassign: v
+      onBackIconClick: l,
+      imageHue: D ?? void 0,
+      actionBarRightElement: h,
+      canShowActionBar: !0,
+      mode: "preview",
+      openQuestionFeedbackModal: p
     }
   ) : null;
 }), G = R;

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

	@@ -1 +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, useMemo } 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, studentName, onBackIconClick, ~~onUnassign~~ } = 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 worksheet,\n } = dynamicSheetData \|\| {};\n const { image_hue: imageHue } = worksheet \|\| {};\n const itemRefs = itemsToBeAssigned.map(({ ref }) => ref);\n\n const isPuzzleSheet = nodeType === 'PUZZLE_CARD';\n\n const worksheetName = useMemo(() => {\n if (isPuzzleSheet) return `${studentName} hasn't attempted the puzzle yet`;\n\n return title;\n }, [isPuzzleSheet, studentName, title]);\n\n const fetchDynamicSheetData = useCallback(() => {\n if (studentId && userNodeId) {\n getDynamicSheetData(userNodeId);\n }\n }, [getDynamicSheetData, studentId, userNodeId]);\n\n const handleOnUnassign = useCallback(() => {\n if (dynamicSheetData && isPuzzleSheet && onUnassign) {\n onUnassign(dynamicSheetData);\n }\n }, [dynamicSheetData, isPuzzleSheet, onUnassign]);\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={isPuzzleSheet ? 'puzzle' : 'test'}\n ~~action=\"review\"\n~~ nodeType={nodeType as TNodeTypes}\n userType=\"TEACHER\"\n studentId={studentId ?? 'student-id'}\n isLessonV3Enabled={false}\n worksheetName={worksheetName}\n ~~scribblingEnabled={isPuzzleSheet}\n~~ items={itemRefs}\n onBackIconClick={onBackIconClick}\n imageHue={imageHue ?? undefined}\n ~~onUnassign~~={~~handleOnUnassign~~}\n />\n );\n});\n\nexport default DynamicWorksheetPreview;\n"],"names":["DynamicWorksheetPreview","memo","props","studentId","userNodeId","studentName","onBackIconClick","~~onUnassign~~","getDynamicSheetData","dynamicSheetData","isProcessing","isProcessingFailed","error","useGetDynamicSheetData","itemsToBeAssigned","title","nodeType","worksheet","imageHue","itemRefs","ref","isPuzzleSheet","worksheetName","useMemo","fetchDynamicSheetData","useCallback","~~handleOnUnassign","~~useEffect","jsx","AppLoader","jsxs","FlexView","Text","Button","PreviewWorksheet","DynamicWorksheetPreview$1"],"mappings":";;;;;;;;AAaA,MAAMA,IAAwDC,EAAK,CAASC,MAAA;AAC1E,QAAM,EAAE,WAAAC,GAAW,YAAAC,GAAY,aAAAC,GAAa,iBAAAC,GAAiB,~~YAAAC~~,~~EAAe~~,IAAAL,~~GAEtE~~;AAAA,IACJ,~~KAAKM~~;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,WAAAC;AAAA,EAAA,IACER,KAAoB,CAAA,GAClB,EAAE,WAAWS,MAAaD,KAAa,CAAA,GACvCE,IAAWL,EAAkB,IAAI,CAAC,EAAE,KAAAM,EAAA,MAAUA,CAAG,GAEjDC,IAAgBL,MAAa,eAE7BM,IAAgBC,EAAQ,MACxBF,IAAsB,~~GAAGhB~~,CAAW,~~qCAEjCU~~,GACN,CAACM,~~GAAehB~~,~~GAAaU~~,CAAK,CAAC,GAEhCS,IAAwBC,EAAY,MAAM;AAC9C,~~IAAItB~~,KAAaC,~~KACfI~~,~~EAAoBJ~~,CAAU;AAAA,EAE/B,GAAA,~~CAACI~~,~~GAAqBL~~,GAAWC,CAAU,CAAC~~,GAEzCsB,IAAmBD,EAAY,MAAM~~;~~AACrC~~,~~IAAAhB~~,~~KAAoBY,KAAiBd,KACvCA,EAAWE,CAAgB;AAAA,EAE5B,GAAA,CAACA,GAAkBY,GAAed,CAAU,CAAC;AAMhD,SAJAoB,~~EAAU,MAAM;AACQ,~~IAAAH~~;EAAA,GACrB,CAACA,CAAqB,CAAC,GAEtBd,IACK,~~gBAAAkB~~,EAACC,GAAU,EAAA,QAAO,OAAO,CAAA,~~IAG9BlB~~,IAEA,~~gBAAAmB~~,EAACC,KAAS,WAAW,KAAK,SAAQ,SAAQ,iBAAgB,UAAS,aAAY,UAC7E,UAAA;AAAA,IAAA,gBAAAH,EAACI,GAAK,EAAA,WAAU,MACb,~~WAAApB~~,KAAA,gBAAAA,EAAO,YAAW,uDACrB;AAAA,IACA,~~gBAAAgB~~;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,QAAQ;AAAA,QACR,MAAK;AAAA,QACL,OAAM;AAAA,QACN,UAAS;AAAA,QACT,OAAM;AAAA,QACN,~~SAAST~~;AAAA,MAAA;AAAA,IACX;AAAA,EACF,EAAA,CAAA,IAICL,IAKH,~~gBAAAS~~;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,~~mBAAmBb~~,IAAgB,WAAW;AAAA,MAC9C,~~QAAO;AAAA,MACP,~~UAAAL;AAAA,MACA,UAAS;AAAA,MACT,~~WAAWb~~,KAAa;AAAA,MACxB,mBAAmB;AAAA,MACnB,~~eAAAmB~~;AAAA,MACA,~~mBAAmBD~~;AAAA,~~MACnB~~,~~OAAOF~~;AAAA,~~MACP~~,~~iBAAAb~~;AAAA,MACA,~~UAAUY~~,~~KAAY~~;AAAA,~~MACtB~~,~~YAAYQ~~;AAAA,IAAA;AAAA,EAAA,~~IAhBP~~;~~AAmBX~~,CAAC,~~GAEDS~~,IAAenC;"}
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, useMemo } 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, studentName, onBackIconClick, actionBarRightElement } = props;\n const { onOpenQuestionFeedbackModal } = 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 worksheet,\n } = dynamicSheetData \|\| {};\n const { image_hue: imageHue } = worksheet \|\| {};\n const itemRefs = itemsToBeAssigned.map(({ ref }) => ref);\n\n const isPuzzleSheet = nodeType === 'PUZZLE_CARD';\n\n const worksheetName = useMemo(() => {\n if (isPuzzleSheet) return `${studentName} hasn't attempted the puzzle yet`;\n\n return title;\n }, [isPuzzleSheet, studentName, title]);\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={isPuzzleSheet ? 'puzzle' : 'test'}\n nodeType={nodeType as TNodeTypes}\n userType=\"TEACHER\"\n studentId={studentId ?? 'student-id'}\n isLessonV3Enabled={false}\n worksheetName={worksheetName}\n items={itemRefs}\n onBackIconClick={onBackIconClick}\n imageHue={imageHue ?? undefined}\n actionBarRightElement={actionBarRightElement}\n canShowActionBar\n mode=\"preview\"\n openQuestionFeedbackModal={onOpenQuestionFeedbackModal}\n />\n );\n});\n\nexport default DynamicWorksheetPreview;\n"],"names":["DynamicWorksheetPreview","memo","props","studentId","userNodeId","studentName","onBackIconClick","actionBarRightElement","onOpenQuestionFeedbackModal","getDynamicSheetData","dynamicSheetData","isProcessing","isProcessingFailed","error","useGetDynamicSheetData","itemsToBeAssigned","title","nodeType","worksheet","imageHue","itemRefs","ref","isPuzzleSheet","worksheetName","useMemo","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,aAAAC,GAAa,iBAAAC,GAAiB,uBAAAC,EAA0B,IAAAL,GACjF,EAAE,6BAAAM,EAAgC,IAAAN,GAElC;AAAA,IACJ,KAAKO;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,WAAAC;AAAA,EAAA,IACER,KAAoB,CAAA,GAClB,EAAE,WAAWS,MAAaD,KAAa,CAAA,GACvCE,IAAWL,EAAkB,IAAI,CAAC,EAAE,KAAAM,EAAA,MAAUA,CAAG,GAEjDC,IAAgBL,MAAa,eAE7BM,IAAgBC,EAAQ,MACxBF,IAAsB,GAAGjB,CAAW,qCAEjCW,GACN,CAACM,GAAejB,GAAaW,CAAK,CAAC,GAEhCS,IAAwBC,EAAY,MAAM;AAC9C,IAAIvB,KAAaC,KACfK,EAAoBL,CAAU;AAAA,EAE/B,GAAA,CAACK,GAAqBN,GAAWC,CAAU,CAAC;AAM/C,SAJAuB,EAAU,MAAM;AACQ,IAAAF;EAAA,GACrB,CAACA,CAAqB,CAAC,GAEtBd,IACK,gBAAAiB,EAACC,GAAU,EAAA,QAAO,OAAO,CAAA,IAG9BjB,IAEA,gBAAAkB,EAACC,KAAS,WAAW,KAAK,SAAQ,SAAQ,iBAAgB,UAAS,aAAY,UAC7E,UAAA;AAAA,IAAA,gBAAAH,EAACI,GAAK,EAAA,WAAU,MACb,WAAAnB,KAAA,gBAAAA,EAAO,YAAW,uDACrB;AAAA,IACA,gBAAAe;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,IAICL,IAKH,gBAAAQ;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,mBAAmBZ,IAAgB,WAAW;AAAA,MAC9C,UAAAL;AAAA,MACA,UAAS;AAAA,MACT,WAAWd,KAAa;AAAA,MACxB,mBAAmB;AAAA,MACnB,eAAAoB;AAAA,MACA,OAAOH;AAAA,MACP,iBAAAd;AAAA,MACA,UAAUa,KAAY;AAAA,MACtB,uBAAAZ;AAAA,MACA,kBAAgB;AAAA,MAChB,MAAK;AAAA,MACL,2BAA2BC;AAAA,IAAA;AAAA,EAAA,IAjBtB;AAoBX,CAAC,GAED2B,IAAenC;"}

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

@@ -1,15 +1,15 @@
-import { useMemo as i } from "react";
-import { QUESTIONS_GAP as u, WORKSHEET_NUDGE_BANNER_HEIGHT as N, TOP_NAVIGATION_HEIGHT as D } from "../../worksheet/constants.js";
-const h = ({
-  userType: a,
+import { useMemo as A } from "react";
+import { QUESTIONS_GAP as n, WORKSHEET_NUDGE_BANNER_HEIGHT as N, TOP_NAVIGATION_HEIGHT as D } from "../../worksheet/constants.js";
+const e = ({
+  userType: c,
   nodeType: t,
-  isSATAssessment: r,
+  isSATAssessment: o,
   showNudgeBanner: L,
-  topOffset: o,
-  imageHue: I
+  topOffset: a,
+  imageHue: E
 }) => {
-  const E = t === "PUZZLE_CARD", c = i(() => {
-    if (r) return "bottom";
+  const r = t === "PUZZLE_CARD", I = A(() => {
+    if (o) return "bottom";
     switch (t) {
       case "PUZZLE_CARD":
       case "TRIAL_DIAGNOSTIC":
@@ -20,37 +20,39 @@ const h = ({
       default:
         return "top";
     }
-  }, [r, t]), n = c === "top" ? D : 0, R = `calc(100vh - ${o + n + u * 2}px)`, _ = `calc(100vh - ${o + n + u}px)`, A = L ? o + N : o;
-  return i(
+  }, [o, t]), R = I === "top" ? D : 0, _ = `calc(100vh - ${a + R + n * 2}px)`, u = `calc(100vh - ${a + R + n}px)`, i = L ? a + N : a;
+  return A(
     () => ({
-      containerStyle: r ? "none" : "card",
+      containerStyle: o || r ? "none" : "card",
       //* The width of the container is set based on the user type and whether it is a SAT assessment
       //* For Puzzle sheets, on student side we are showing a header with 800px fixed width.
-      containerWidth: r ? "1024px" : a === "TEACHER" ? "960px" : "824px",
+      containerWidth: o ? "1024px" : c === "TEACHER" ? "960px" : "824px",
       actionBar: "bottom",
-      topOffset: A,
-      navigationBar: c,
-      questionsScrollable: !(r || t === "TRIAL_DIAGNOSTIC" || t === "TRIAL_BASIC" || t === "TRIAL_INTERMEDIATE" || t === "TRIAL_ADVANCED"),
-      minQuestionHeight: R,
-      minSummaryHeight: _,
-      renderSideBar: a === "TEACHER" && !r,
-      renderQuestionHeader: !E,
-      imageHue: I
+      topOffset: i,
+      navigationBar: I,
+      questionsScrollable: !(o || t === "TRIAL_DIAGNOSTIC" || t === "TRIAL_BASIC" || t === "TRIAL_INTERMEDIATE" || t === "TRIAL_ADVANCED"),
+      minQuestionHeight: _,
+      minSummaryHeight: u,
+      renderSideBar: c === "TEACHER" && !o,
+      renderQuestionHeader: !r,
+      imageHue: E,
+      background: o || r ? "none" : "paper",
+      questionPadding: r ? 0 : n
     }),
     [
+      o,
       r,
-      E,
-      a,
-      A,
       c,
+      i,
+      I,
       t,
-      R,
       _,
-      I
+      u,
+      E
     ]
   );
-}, e = h;
+}, H = e;
 export {
-  e as default
+  H as default
 };
 //# sourceMappingURL=use-worksheet-layout.js.map

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

	@@ -1 +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 //* The width of the container is set based on the user type and whether it is a SAT assessment\n //* For Puzzle sheets, on student side we are showing a header with 800px fixed width.\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 renderQuestionHeader: !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;AAAA;AAAA,~~MAG3C~~,~~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,sBAAsB,CAACI;AAAA,MACvB,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;"}
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 \|\| isPuzzleSheet ? 'none' : 'card',\n //* The width of the container is set based on the user type and whether it is a SAT assessment\n //* For Puzzle sheets, on student side we are showing a header with 800px fixed width.\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 renderQuestionHeader: !isPuzzleSheet,\n imageHue,\n background: isSATAssessment \|\| isPuzzleSheet ? 'none' : 'paper',\n questionPadding: isPuzzleSheet ? 0 : QUESTIONS_GAP,\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,KAAmBI,IAAgB,SAAS;AAAA;AAAA;AAAA,MAG5D,gBAAgBJ,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,sBAAsB,CAACI;AAAA,MACvB,UAAAD;AAAA,MACA,YAAYH,KAAmBI,IAAgB,SAAS;AAAA,MACxD,iBAAiBA,IAAgB,IAAIM;AAAA,IAAA;AAAA,IAEvC;AAAA,MACEV;AAAA,MACAI;AAAA,MACAN;AAAA,MACAc;AAAA,MACAP;AAAA,MACAN;AAAA,MACAU;AAAA,MACAE;AAAA,MACAR;AAAA,IACF;AAAA,EAAA;AAEJ,GAEAW,IAAejB;"}

package/dist/features/worksheet/worksheet-preview/worksheet-preview-view.js CHANGED Viewed

@@ -1,103 +1,98 @@
-import { jsxs as T, jsx as e } from "react/jsx-runtime";
-import { memo as P, useMemo as d, useRef as L, useCallback as E } from "react";
-import M from "../../ui/layout/flex-view.js";
-import z from "../../ui/text/text.js";
-import B from "../worksheet/worksheet-container.js";
-import { getWorksheetHeaderLayout as j } from "../worksheet/worksheet-helpers.js";
-import D from "./hooks/use-worksheet-layout.js";
-import { WorksheetPageWrapper as O, HeaderWrapper as U, Header as V, StyledBackIcon as F, HeaderTitleWrapper as G } from "./worksheet-preview-styled.js";
-const X = [
+import { jsxs as S, jsx as o } from "react/jsx-runtime";
+import { memo as q, useMemo as i, useRef as L, useCallback as N } from "react";
+import B from "../../ui/layout/flex-view.js";
+import P from "../../ui/text/text.js";
+import M from "../worksheet/worksheet-container.js";
+import { getWorksheetHeaderLayout as v } from "../worksheet/worksheet-helpers.js";
+import z from "./hooks/use-worksheet-layout.js";
+import { WorksheetPageWrapper as V, HeaderWrapper as j, Header as D, StyledBackIcon as O, HeaderTitleWrapper as F } from "./worksheet-preview-styled.js";
+const G = [
   "SAT_ENGLISH_ASSESSMENT",
   "SAT_MATH_ASSESSMENT"
-], te = P((b) => {
+], oe = q((f) => {
   const {
-    studentId: l,
-    userType: u,
-    activityReference: s,
-    worksheet: A,
-    action: m,
-    nodeType: o,
-    worksheetName: h,
-    scribblingEnabled: a,
-    showNudgeBanner: p,
-    markedAsCompleted: W,
-    imageHue: k,
-    onWorksheetLoaded: $,
-    onWorksheetErrored: w,
-    openQuestionFeedbackModal: C,
+    studentId: a,
+    userType: d,
+    activityReference: t,
+    worksheet: k,
+    nodeType: e,
+    worksheetName: l,
+    showNudgeBanner: c,
+    markedAsCompleted: g,
+    imageHue: m,
+    onWorksheetLoaded: T,
+    onWorksheetErrored: E,
+    openQuestionFeedbackModal: A,
     onBackIconClick: r,
-    onUnassign: _
-  } = b, {
-    signed_request: x,
-    questions_signed_request: y,
-    player_config: n
-  } = A, t = d(() => o === "PUZZLE_CARD", [o]), i = d(() => s === "test", [s]), c = d(() => X.includes(o), [o]), H = L(() => null), S = t ? a : !i, R = D({
-    userType: u,
-    nodeType: o,
-    isSATAssessment: c,
-    showNudgeBanner: p,
+    isLessonV3Enabled: W,
+    canShowActionBar: w,
+    mode: n,
+    actionBarRightElement: $
+  } = f, { signed_request: C, questions_signed_request: x } = k, u = i(() => e === "PUZZLE_CARD", [e]), s = i(() => t === "test", [t]), y = i(() => G.includes(e), [e]), H = L(() => null), h = s ? !1 : w, R = z({
+    userType: d,
+    nodeType: e,
+    isSATAssessment: y,
+    showNudgeBanner: c,
     topOffset: 56,
-    imageHue: k
-  }), I = t && a || !c && (n == null ? void 0 : n.canAttempt) && a, g = E(() => !0, []), q = E(() => {
+    imageHue: m
+  }), _ = N(() => {
     r == null || r();
-  }, [r]), { bgColor: v, borderColor: N, textColor: f } = j({
-    isPuzzleWorksheet: t && S,
-    isTestWorksheet: i,
-    imageHue: k
+  }, [r]), { bgColor: b, borderColor: I, textColor: p } = v({
+    isPuzzleWorksheet: u && h,
+    isTestWorksheet: s,
+    imageHue: m
   });
-  return /* @__PURE__ */ T(O, { children: [
-    /* @__PURE__ */ e(U, { children: /* @__PURE__ */ T(
-      V,
+  return /* @__PURE__ */ S(V, { children: [
+    /* @__PURE__ */ o(j, { children: /* @__PURE__ */ S(
+      D,
       {
         $flexDirection: "row",
         $alignItems: "center",
-        $justifyContent: i ? "flex-start" : "center",
-        $background: v,
+        $justifyContent: s ? "flex-start" : "center",
+        $background: b,
         $height: 56,
         $gutterX: 1,
         $flexGapX: 1,
-        $borderColor: N,
+        $borderColor: I,
         children: [
-          r && /* @__PURE__ */ e(F, { $color: f ?? "WHITE", onClick: q }),
-          /* @__PURE__ */ e(
-            G,
+          r && /* @__PURE__ */ o(O, { $color: p ?? "WHITE", onClick: _ }),
+          /* @__PURE__ */ o(
+            F,
             {
-              $alignItems: i && !t ? "flex-start" : "center",
-              children: /* @__PURE__ */ e(z, { $renderAs: "body1", $color: f, children: h || s })
+              $alignItems: s && !u ? "flex-start" : "center",
+              children: /* @__PURE__ */ o(P, { $renderAs: "body1", $color: p, children: l || t })
             }
           )
         ]
       }
     ) }),
-    /* @__PURE__ */ e(M, { $alignItems: "center", children: /* @__PURE__ */ e(
-      B,
+    /* @__PURE__ */ o(B, { $alignItems: "center", children: /* @__PURE__ */ o(
+      M,
       {
-        userType: u ?? (m === "review" ? "TEACHER" : "STUDENT"),
-        worksheetCompleted: m === "review",
-        worksheetName: h || s,
-        itemsSignedRequest: x,
-        questionsSignedRequest: y,
-        behavior: n,
-        studentId: l,
-        background: c || t ? "none" : "paper",
+        userType: d ?? (n === "review" ? "TEACHER" : "STUDENT"),
+        worksheetCompleted: n === "review",
+        worksheetName: l || t,
+        itemsSignedRequest: C,
+        questionsSignedRequest: x,
+        studentId: a,
         layout: R,
-        canShowActionBar: S,
+        canShowActionBar: h,
         loggerRef: H,
-        showNudgeBanner: p,
-        markedAsCompleted: W,
-        onLoaded: $,
-        onErrored: w,
-        userId: l,
-        onPublishStrokes: g,
-        onReceiveStrokes: g,
-        isCanvasEnabled: I,
-        openQuestionFeedbackModal: C,
-        onUnassign: _
+        showNudgeBanner: c,
+        markedAsCompleted: g,
+        onLoaded: T,
+        onErrored: E,
+        userId: a,
+        openQuestionFeedbackModal: A,
+        nodeType: e,
+        mode: n,
+        isLessonV3Enabled: W,
+        actionBarRightElement: $
       }
     ) })
   ] });
 });
 export {
-  te as default
+  oe as default
 };
 //# sourceMappingURL=worksheet-preview-view.js.map