@cuemath/leap 3.5.46 → 3.5.47-gg10
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.
- package/dist/assets/line-icons/icons/bulb.js +10 -10
- package/dist/assets/line-icons/icons/bulb.js.map +1 -1
- package/dist/assets/line-icons/icons/chevron-up.js +28 -0
- package/dist/assets/line-icons/icons/chevron-up.js.map +1 -0
- package/dist/assets/line-icons/icons/close.js +28 -0
- package/dist/assets/line-icons/icons/close.js.map +1 -0
- package/dist/assets/line-icons/icons/cursor2.js +24 -0
- package/dist/assets/line-icons/icons/cursor2.js.map +1 -0
- package/dist/assets/line-icons/icons/hand.js.map +1 -1
- package/dist/assets/line-icons/icons/hints.js +25 -0
- package/dist/assets/line-icons/icons/hints.js.map +1 -0
- package/dist/assets/line-icons/icons/question-feedback.js +30 -0
- package/dist/assets/line-icons/icons/question-feedback.js.map +1 -0
- package/dist/assets/line-icons/icons/scribble.js +13 -36
- package/dist/assets/line-icons/icons/scribble.js.map +1 -1
- package/dist/assets/line-icons/icons/sticker.js +9 -9
- package/dist/assets/line-icons/icons/sticker.js.map +1 -1
- package/dist/assets/line-icons/icons/teaching-tools.js +40 -0
- package/dist/assets/line-icons/icons/teaching-tools.js.map +1 -0
- package/dist/assets/line-icons/icons/tval-question.js +32 -0
- package/dist/assets/line-icons/icons/tval-question.js.map +1 -0
- package/dist/features/circle-games/hooks/use-circle-sounds/constants.js +4 -7
- package/dist/features/circle-games/hooks/use-circle-sounds/constants.js.map +1 -1
- package/dist/features/circle-games/hooks/use-circle-sounds/helper.js +19 -0
- package/dist/features/circle-games/hooks/use-circle-sounds/helper.js.map +1 -0
- package/dist/features/circle-games/hooks/use-circle-sounds/use-circle-sounds.js +110 -51
- package/dist/features/circle-games/hooks/use-circle-sounds/use-circle-sounds.js.map +1 -1
- package/dist/features/cue-canvas/sidebar/puzzles/api/get-puzzles.js.map +1 -1
- package/dist/features/hooks/use-audio-player.js +54 -0
- package/dist/features/hooks/use-audio-player.js.map +1 -0
- package/dist/features/journey/hooks/use-home-page-journey/home-page-homeworks-mock.js +6 -6
- package/dist/features/journey/hooks/use-home-page-journey/home-page-homeworks-mock.js.map +1 -1
- package/dist/features/journey/hooks/use-home-page-journey/recent-chapters-mock.js +2 -2
- package/dist/features/journey/hooks/use-home-page-journey/recent-chapters-mock.js.map +1 -1
- package/dist/features/journey/mocks/chapter-page-journey-mock-data.js +64 -29
- package/dist/features/journey/mocks/chapter-page-journey-mock-data.js.map +1 -1
- package/dist/features/milestone/milestone-tests/tests-creation/test-stages/test-preview/test-preview.js +9 -9
- package/dist/features/milestone/milestone-tests/tests-creation/test-stages/test-preview/test-preview.js.map +1 -1
- package/dist/features/puzzles/app/puzzle-app-view.js +40 -40
- package/dist/features/puzzles/app/puzzle-app-view.js.map +1 -1
- package/dist/features/ui/tabs/tabs.js +15 -15
- package/dist/features/ui/tabs/tabs.js.map +1 -1
- package/dist/features/worksheet/learnosity-preloader/learnosity-preloader.js +0 -1
- package/dist/features/worksheet/learnosity-preloader/learnosity-preloader.js.map +1 -1
- package/dist/features/worksheet/worksheet/constants.js +12 -13
- package/dist/features/worksheet/worksheet/constants.js.map +1 -1
- package/dist/features/worksheet/worksheet/hooks/use-create-imperative-handle.js +120 -101
- package/dist/features/worksheet/worksheet/hooks/use-create-imperative-handle.js.map +1 -1
- package/dist/features/worksheet/worksheet/hooks/use-worksheet-store.js +1 -1
- package/dist/features/worksheet/worksheet/hooks/use-worksheet-store.js.map +1 -1
- package/dist/features/worksheet/worksheet/worksheet-action-bar/worksheet-action-bar.js +40 -109
- package/dist/features/worksheet/worksheet/worksheet-action-bar/worksheet-action-bar.js.map +1 -1
- package/dist/features/worksheet/worksheet/worksheet-behavior-helper.js +49 -46
- package/dist/features/worksheet/worksheet/worksheet-behavior-helper.js.map +1 -1
- package/dist/features/worksheet/worksheet/worksheet-calculator/worksheet-calculator.js +4 -4
- package/dist/features/worksheet/worksheet/worksheet-calculator/worksheet-calculator.js.map +1 -1
- package/dist/features/worksheet/worksheet/worksheet-helpers.js +127 -274
- package/dist/features/worksheet/worksheet/worksheet-helpers.js.map +1 -1
- package/dist/features/worksheet/worksheet/worksheet-navigation/worksheet-navigation.js +25 -25
- package/dist/features/worksheet/worksheet/worksheet-navigation/worksheet-navigation.js.map +1 -1
- package/dist/features/worksheet/worksheet/worksheet-provider.js +1 -1
- package/dist/features/worksheet/worksheet/worksheet-provider.js.map +1 -1
- package/dist/features/worksheet/worksheet/worksheet-question/subjective-styled.js +17 -22
- package/dist/features/worksheet/worksheet/worksheet-question/subjective-styled.js.map +1 -1
- package/dist/features/worksheet/worksheet/worksheet-question/worksheet-question-styled.js +25 -29
- package/dist/features/worksheet/worksheet/worksheet-question/worksheet-question-styled.js.map +1 -1
- package/dist/features/worksheet/worksheet/worksheet-question/worksheet-question.js +319 -259
- package/dist/features/worksheet/worksheet/worksheet-question/worksheet-question.js.map +1 -1
- package/dist/features/worksheet/worksheet/worksheet-questions-controller/hooks/use-handle-allow-retry-button-click.js +15 -0
- package/dist/features/worksheet/worksheet/worksheet-questions-controller/hooks/use-handle-allow-retry-button-click.js.map +1 -0
- package/dist/features/worksheet/worksheet/worksheet-questions-controller/hooks/use-handle-back-button-click.js +18 -0
- package/dist/features/worksheet/worksheet/worksheet-questions-controller/hooks/use-handle-back-button-click.js.map +1 -0
- package/dist/features/worksheet/worksheet/worksheet-questions-controller/hooks/use-handle-check-button-click.js +21 -0
- package/dist/features/worksheet/worksheet/worksheet-questions-controller/hooks/use-handle-check-button-click.js.map +1 -0
- package/dist/features/worksheet/worksheet/worksheet-questions-controller/hooks/use-handle-next-button-click.js +19 -0
- package/dist/features/worksheet/worksheet/worksheet-questions-controller/hooks/use-handle-next-button-click.js.map +1 -0
- package/dist/features/worksheet/worksheet/worksheet-questions-controller/hooks/use-handle-ready-button-click.js +34 -0
- package/dist/features/worksheet/worksheet/worksheet-questions-controller/hooks/use-handle-ready-button-click.js.map +1 -0
- package/dist/features/worksheet/worksheet/worksheet-questions-controller/hooks/use-handle-response-change.js +38 -0
- package/dist/features/worksheet/worksheet/worksheet-questions-controller/hooks/use-handle-response-change.js.map +1 -0
- package/dist/features/worksheet/worksheet/worksheet-questions-controller/hooks/use-handle-retry-button-click.js +16 -0
- package/dist/features/worksheet/worksheet/worksheet-questions-controller/hooks/use-handle-retry-button-click.js.map +1 -0
- package/dist/features/worksheet/worksheet/worksheet-questions-controller/hooks/use-handle-skip-button-click.js +35 -0
- package/dist/features/worksheet/worksheet/worksheet-questions-controller/hooks/use-handle-skip-button-click.js.map +1 -0
- package/dist/features/worksheet/worksheet/worksheet-questions-controller/hooks/use-handle-skip-section-button-click.js +12 -0
- package/dist/features/worksheet/worksheet/worksheet-questions-controller/hooks/use-handle-skip-section-button-click.js.map +1 -0
- package/dist/features/worksheet/worksheet/worksheet-questions-controller/hooks/use-handle-start-button-click.js +44 -0
- package/dist/features/worksheet/worksheet/worksheet-questions-controller/hooks/use-handle-start-button-click.js.map +1 -0
- package/dist/features/worksheet/worksheet/worksheet-questions-controller/hooks/use-handle-submit-quiz.js +51 -0
- package/dist/features/worksheet/worksheet/worksheet-questions-controller/hooks/use-handle-submit-quiz.js.map +1 -0
- package/dist/features/worksheet/worksheet/worksheet-questions-controller/hooks/use-handle-validate-button-click.js +19 -0
- package/dist/features/worksheet/worksheet/worksheet-questions-controller/hooks/use-handle-validate-button-click.js.map +1 -0
- package/dist/features/worksheet/worksheet/worksheet-questions-controller/hooks/use-play-validation-audio.js +23 -0
- package/dist/features/worksheet/worksheet/worksheet-questions-controller/hooks/use-play-validation-audio.js.map +1 -0
- package/dist/features/worksheet/worksheet/worksheet-questions-controller/hooks/use-validate-question.js +36 -0
- package/dist/features/worksheet/worksheet/worksheet-questions-controller/hooks/use-validate-question.js.map +1 -0
- package/dist/features/worksheet/worksheet/worksheet-questions-controller/student/controller-lesson-v3.js +184 -0
- package/dist/features/worksheet/worksheet/worksheet-questions-controller/student/controller-lesson-v3.js.map +1 -0
- package/dist/features/worksheet/worksheet/worksheet-questions-controller/student/controller-lesson-v3_1.js +258 -0
- package/dist/features/worksheet/worksheet/worksheet-questions-controller/student/controller-lesson-v3_1.js.map +1 -0
- package/dist/features/worksheet/worksheet/worksheet-questions-controller/student/controller.js +180 -0
- package/dist/features/worksheet/worksheet/worksheet-questions-controller/student/controller.js.map +1 -0
- package/dist/features/worksheet/worksheet/worksheet-questions-controller/teacher/controller-lesson-v3.js +77 -0
- package/dist/features/worksheet/worksheet/worksheet-questions-controller/teacher/controller-lesson-v3.js.map +1 -0
- package/dist/features/worksheet/worksheet/worksheet-questions-controller/teacher/controller-lesson-v3_1.js +103 -0
- package/dist/features/worksheet/worksheet/worksheet-questions-controller/teacher/controller-lesson-v3_1.js.map +1 -0
- package/dist/features/worksheet/worksheet/worksheet-questions-controller/teacher/controller.js +21 -0
- package/dist/features/worksheet/worksheet/worksheet-questions-controller/teacher/controller.js.map +1 -0
- package/dist/features/worksheet/worksheet/worksheet-questions-controller/worksheet-questions-controller-view.js +22 -0
- package/dist/features/worksheet/worksheet/worksheet-questions-controller/worksheet-questions-controller-view.js.map +1 -0
- package/dist/features/worksheet/worksheet/worksheet-questions-controller/worksheet-questions-controller.js +20 -345
- package/dist/features/worksheet/worksheet/worksheet-questions-controller/worksheet-questions-controller.js.map +1 -1
- package/dist/features/worksheet/worksheet/worksheet-questions-tools/questions-toolbar/questions-toolbar-styled.js +49 -0
- package/dist/features/worksheet/worksheet/worksheet-questions-tools/questions-toolbar/questions-toolbar-styled.js.map +1 -0
- package/dist/features/worksheet/worksheet/worksheet-questions-tools/questions-toolbar/questions-toolbar.js +184 -0
- package/dist/features/worksheet/worksheet/worksheet-questions-tools/questions-toolbar/questions-toolbar.js.map +1 -0
- package/dist/features/worksheet/worksheet/worksheet-questions-tools/scribble-switch.js +65 -0
- package/dist/features/worksheet/worksheet/worksheet-questions-tools/scribble-switch.js.map +1 -0
- package/dist/features/worksheet/worksheet/worksheet-questions-tools/worksheet-questions-styled.js +9 -0
- package/dist/features/worksheet/worksheet/worksheet-questions-tools/worksheet-questions-styled.js.map +1 -0
- package/dist/features/worksheet/worksheet/worksheet-questions-tools/worksheet-questions-tools.js +38 -0
- package/dist/features/worksheet/worksheet/worksheet-questions-tools/worksheet-questions-tools.js.map +1 -0
- package/dist/features/worksheet/worksheet/worksheet-sidebar/navigator.js +33 -20
- package/dist/features/worksheet/worksheet/worksheet-sidebar/navigator.js.map +1 -1
- package/dist/features/worksheet/worksheet/worksheet-store/helpers/get-computed-properties.js +73 -0
- package/dist/features/worksheet/worksheet/worksheet-store/helpers/get-computed-properties.js.map +1 -0
- package/dist/features/worksheet/worksheet/worksheet-store/helpers/get-derived-blocker.js +20 -0
- package/dist/features/worksheet/worksheet/worksheet-store/helpers/get-derived-blocker.js.map +1 -0
- package/dist/features/worksheet/worksheet/worksheet-store/helpers/get-last-attemptable-question-index.js +69 -0
- package/dist/features/worksheet/worksheet/worksheet-store/helpers/get-last-attemptable-question-index.js.map +1 -0
- package/dist/features/worksheet/worksheet/worksheet-store/helpers/get-last-unlocked-question-index.js +18 -0
- package/dist/features/worksheet/worksheet/worksheet-store/helpers/get-last-unlocked-question-index.js.map +1 -0
- package/dist/features/worksheet/worksheet/worksheet-store/helpers/get-merged-response-state.js +19 -0
- package/dist/features/worksheet/worksheet/worksheet-store/helpers/get-merged-response-state.js.map +1 -0
- package/dist/features/worksheet/worksheet/worksheet-store/helpers/get-questions-from-items.js +138 -0
- package/dist/features/worksheet/worksheet/worksheet-store/helpers/get-questions-from-items.js.map +1 -0
- package/dist/features/worksheet/worksheet/worksheet-store/helpers/get-renderable-questions.js +9 -0
- package/dist/features/worksheet/worksheet/worksheet-store/helpers/get-renderable-questions.js.map +1 -0
- package/dist/features/worksheet/worksheet/worksheet-store/worksheet-store.js +230 -0
- package/dist/features/worksheet/worksheet/worksheet-store/worksheet-store.js.map +1 -0
- package/dist/features/worksheet/worksheet/worksheet-styled.js +29 -83
- package/dist/features/worksheet/worksheet/worksheet-styled.js.map +1 -1
- package/dist/features/worksheet/worksheet/worksheet-summary-controller/worksheet-summary-controller.js +45 -24
- package/dist/features/worksheet/worksheet/worksheet-summary-controller/worksheet-summary-controller.js.map +1 -1
- package/dist/features/worksheet/worksheet/worksheet-teaching-tools/worksheet-teaching-tools-styled.js +19 -0
- package/dist/features/worksheet/worksheet/worksheet-teaching-tools/worksheet-teaching-tools-styled.js.map +1 -0
- package/dist/features/worksheet/worksheet/worksheet-teaching-tools/worksheet-teaching-tools.js +66 -0
- package/dist/features/worksheet/worksheet/worksheet-teaching-tools/worksheet-teaching-tools.js.map +1 -0
- package/dist/features/worksheet/worksheet/worksheet-types.js +3 -2
- package/dist/features/worksheet/worksheet/worksheet-types.js.map +1 -1
- package/dist/features/worksheet/worksheet/worksheet-view.js +89 -100
- package/dist/features/worksheet/worksheet/worksheet-view.js.map +1 -1
- package/dist/features/worksheet/worksheet/worksheet.js +126 -117
- package/dist/features/worksheet/worksheet/worksheet.js.map +1 -1
- package/dist/features/worksheet/worksheet-preview/dynamic-worksheet-preview/dynamic-worksheet-preview.js +29 -29
- package/dist/features/worksheet/worksheet-preview/dynamic-worksheet-preview/dynamic-worksheet-preview.js.map +1 -1
- package/dist/features/worksheet/worksheet-preview/hooks/use-worksheet-layout.js +16 -16
- package/dist/features/worksheet/worksheet-preview/hooks/use-worksheet-layout.js.map +1 -1
- package/dist/features/worksheet/worksheet-preview/worksheet-preview-view.js +24 -24
- package/dist/features/worksheet/worksheet-preview/worksheet-preview-view.js.map +1 -1
- package/dist/index.d.ts +67 -28
- package/dist/index.js +760 -745
- package/dist/index.js.map +1 -1
- package/dist/types/models/worksheet.js +2 -1
- package/dist/types/models/worksheet.js.map +1 -1
- package/package.json +2 -2
- package/dist/features/hooks/use-audio-player/use-audio-player.js +0 -164
- package/dist/features/hooks/use-audio-player/use-audio-player.js.map +0 -1
- package/dist/features/worksheet/worksheet/question-tips.js +0 -100
- package/dist/features/worksheet/worksheet/question-tips.js.map +0 -1
- package/dist/features/worksheet/worksheet/worksheet-questions-controller/scribble-switch.js +0 -53
- package/dist/features/worksheet/worksheet/worksheet-questions-controller/scribble-switch.js.map +0 -1
- package/dist/features/worksheet/worksheet/worksheet-questions-controller/use-handler-callbacks.js +0 -195
- package/dist/features/worksheet/worksheet/worksheet-questions-controller/use-handler-callbacks.js.map +0 -1
- package/dist/features/worksheet/worksheet/worksheet-sidebar/question-guide.js +0 -112
- package/dist/features/worksheet/worksheet/worksheet-sidebar/question-guide.js.map +0 -1
- package/dist/features/worksheet/worksheet/worksheet-sidebar/sidebar.js +0 -61
- package/dist/features/worksheet/worksheet/worksheet-sidebar/sidebar.js.map +0 -1
- package/dist/features/worksheet/worksheet/worksheet-sidebar/worksheet-sidebar-styled.js +0 -91
- package/dist/features/worksheet/worksheet/worksheet-sidebar/worksheet-sidebar-styled.js.map +0 -1
- package/dist/features/worksheet/worksheet/worksheet-store.js +0 -289
- package/dist/features/worksheet/worksheet/worksheet-store.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"worksheet.js","sources":["../../../../src/features/worksheet/worksheet/worksheet.tsx"],"sourcesContent":["import { forwardRef, memo, useCallback, useEffect, useMemo } from 'react';\n\nimport CueCanvasProvider from '../../cue-canvas/cue-canvas-provider';\nimport EVENTS from '../constants/events';\nimport useLearnosity from './hooks/use-learnosity';\nimport useWorksheetDataHelper from './hooks/use-worksheet-data-helper';\nimport WorksheetView from './worksheet-view';\nimport { getWorksheetBehaviour } from './worksheet-behavior-helper';\nimport type {\n ILearnosityError,\n IWorksheetProps,\n IWorksheetRef,\n TWorksheetStoreProps,\n} from './worksheet-types';\nimport WorksheetProvider from './worksheet-provider';\n\nconst WorksheetContainer = memo(\n forwardRef<IWorksheetRef, IWorksheetProps>((props, ref) => {\n const {\n attemptId,\n itemsSignedRequest,\n questionsSignedRequest,\n onLoaded,\n onErrored,\n onResponsesLoaded,\n loggerRef,\n userType,\n worksheetCompleted,\n inClass,\n nodeType,\n mode,\n isLessonV3Enabled = false,\n isDesmosEnabled = false,\n ...other\n } = props;\n const {\n onResponseChange,\n onMediaStateChange,\n onActiveQuestionChange,\n studentName,\n onOptionalItemAssignment,\n onOptionalItemSkip,\n onTeacherValidation,\n onPublishStrokes,\n onReceiveStrokes,\n initialStrokesData,\n onPublishMouseMove,\n onSubscribeMouseMove,\n canResolveDoubt,\n onResolveDoubt,\n userId,\n studentId,\n subjectiveProps,\n worksheetName,\n onBulkResponsesChange,\n onResponsesChange,\n onExitTicketStart,\n onExitTicketSubmit,\n onSubmit,\n onHelp,\n openQuestionFeedbackModal,\n summaryDescription,\n canSubmitWorksheet,\n onSkip,\n canShowActionBar,\n actionBarRightElement,\n plugins,\n } = other;\n const {\n updatedResponses,\n layout,\n initialResponseId,\n initialItemIndex,\n showNudgeBanner,\n markedAsCompleted,\n } = props;\n\n const worksheetBehavior = useMemo(\n () =>\n getWorksheetBehaviour({\n nodeType,\n inClass,\n isLessonV3Enabled,\n isDesmosEnabled,\n mode,\n userType,\n worksheetCompleted,\n }),\n [nodeType, inClass, isLessonV3Enabled, isDesmosEnabled, mode, userType, worksheetCompleted],\n );\n\n const { loadingState, data, error } = useWorksheetDataHelper({\n attemptId,\n signedRequest: itemsSignedRequest,\n loggerRef,\n });\n\n const onLearnosityErrored = useCallback(\n (err: ILearnosityError) => {\n onErrored({\n code: err.code,\n message: err.detail,\n });\n },\n [onErrored],\n );\n\n const { learnosity, appendedQuestionIds } = useLearnosity(\n questionsSignedRequest,\n onLearnosityErrored,\n loggerRef,\n );\n\n const worksheetStoreProps = useMemo<TWorksheetStoreProps | null>(() => {\n if (loadingState === 'success' && data && learnosity) {\n const { learnosityItems, responses } = data;\n\n return {\n learnosityItems,\n learnosityResponses: responses,\n updatedResponses,\n layout,\n behavior: worksheetBehavior,\n userType,\n initialResponseId,\n initialItemIndex,\n questionsSignedRequest,\n onResponseChange,\n onMediaStateChange,\n showNudgeBanner,\n markedAsCompleted,\n onActiveQuestionChange,\n studentName: studentName ?? 'Student',\n onOptionalItemAssignment,\n onOptionalItemSkip,\n onTeacherValidation,\n worksheetCompleted,\n learnosity,\n onPublishStrokes,\n onReceiveStrokes,\n initialStrokesData,\n onPublishMouseMove,\n onSubscribeMouseMove,\n canResolveDoubt,\n onResolveDoubt,\n userId,\n studentId,\n subjectiveProps,\n loggerRef,\n worksheetName,\n onBulkResponsesChange,\n onResponsesChange,\n onExitTicketStart,\n onExitTicketSubmit,\n onSubmit,\n appendedQuestionIds,\n onHelp,\n openQuestionFeedbackModal,\n summaryDescription,\n canSubmitWorksheet,\n onSkip,\n canShowActionBar: canShowActionBar ?? true,\n actionBarRightElement,\n plugins,\n };\n }\n\n return null;\n }, [\n loadingState,\n data,\n learnosity,\n updatedResponses,\n layout,\n worksheetBehavior,\n userType,\n initialResponseId,\n initialItemIndex,\n questionsSignedRequest,\n onResponseChange,\n onMediaStateChange,\n showNudgeBanner,\n markedAsCompleted,\n onActiveQuestionChange,\n studentName,\n onOptionalItemAssignment,\n onOptionalItemSkip,\n onTeacherValidation,\n worksheetCompleted,\n onPublishStrokes,\n onReceiveStrokes,\n initialStrokesData,\n onPublishMouseMove,\n onSubscribeMouseMove,\n canResolveDoubt,\n onResolveDoubt,\n userId,\n studentId,\n subjectiveProps,\n loggerRef,\n worksheetName,\n onBulkResponsesChange,\n onResponsesChange,\n onExitTicketStart,\n onExitTicketSubmit,\n onSubmit,\n appendedQuestionIds,\n onHelp,\n openQuestionFeedbackModal,\n summaryDescription,\n canSubmitWorksheet,\n onSkip,\n canShowActionBar,\n actionBarRightElement,\n plugins,\n ]);\n\n useEffect(() => {\n if (loadingState === 'error') {\n onErrored({\n message: error ?? 'Error loading worksheet',\n });\n }\n }, [loadingState, error, onLoaded, onErrored]);\n\n useEffect(() => {\n if (learnosity && loadingState === 'success' && onLoaded) {\n loggerRef.current(EVENTS.WORKSHEET_V3_READY);\n onLoaded();\n }\n }, [learnosity, loadingState, loggerRef, onLoaded]);\n\n useEffect(() => {\n if (data?.responses && onResponsesLoaded) {\n onResponsesLoaded(data.responses ?? {});\n }\n }, [data?.responses, onResponsesLoaded]);\n\n if (loadingState === 'success' && data && learnosity && worksheetStoreProps) {\n return (\n <WorksheetProvider {...worksheetStoreProps}>\n <CueCanvasProvider userType={userType} renderAs=\"canvas\">\n <WorksheetView ref={ref} />\n </CueCanvasProvider>\n </WorksheetProvider>\n );\n }\n\n return null;\n }),\n);\n\nexport default WorksheetContainer;\n"],"names":["WorksheetContainer","memo","forwardRef","props","ref","attemptId","itemsSignedRequest","questionsSignedRequest","onLoaded","onErrored","onResponsesLoaded","loggerRef","userType","worksheetCompleted","inClass","nodeType","mode","isLessonV3Enabled","isDesmosEnabled","other","onResponseChange","onMediaStateChange","onActiveQuestionChange","studentName","onOptionalItemAssignment","onOptionalItemSkip","onTeacherValidation","onPublishStrokes","onReceiveStrokes","initialStrokesData","onPublishMouseMove","onSubscribeMouseMove","canResolveDoubt","onResolveDoubt","userId","studentId","subjectiveProps","worksheetName","onBulkResponsesChange","onResponsesChange","onExitTicketStart","onExitTicketSubmit","onSubmit","onHelp","openQuestionFeedbackModal","summaryDescription","canSubmitWorksheet","onSkip","canShowActionBar","actionBarRightElement","plugins","updatedResponses","layout","initialResponseId","initialItemIndex","showNudgeBanner","markedAsCompleted","worksheetBehavior","useMemo","getWorksheetBehaviour","loadingState","data","error","useWorksheetDataHelper","onLearnosityErrored","useCallback","err","learnosity","appendedQuestionIds","useLearnosity","worksheetStoreProps","learnosityItems","responses","useEffect","EVENTS","jsx","WorksheetProvider","CueCanvasProvider","WorksheetView","Worksheet"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"worksheet.js","sources":["../../../../src/features/worksheet/worksheet/worksheet.tsx"],"sourcesContent":["import { forwardRef, memo, useCallback, useEffect, useMemo } from 'react';\n\nimport CueCanvasProvider from '../../cue-canvas/cue-canvas-provider';\nimport EVENTS from '../constants/events';\nimport useLearnosity from './hooks/use-learnosity';\nimport useWorksheetDataHelper from './hooks/use-worksheet-data-helper';\nimport { getWorksheetBehaviour } from './worksheet-behavior-helper';\nimport WorksheetProvider from './worksheet-provider';\nimport type {\n ILearnosityError,\n IWorksheetProps,\n IWorksheetRef,\n TWorksheetStoreProps,\n} from './worksheet-types';\nimport WorksheetView from './worksheet-view';\n\nconst Worksheet = memo(\n forwardRef<IWorksheetRef, IWorksheetProps>((props, ref) => {\n const {\n attemptId,\n itemsSignedRequest,\n questionsSignedRequest,\n onLoaded,\n onErrored,\n onResponsesLoaded,\n loggerRef,\n userType,\n worksheetCompleted,\n inClass,\n nodeType,\n mode,\n activityType,\n isDesmosEnabled = false,\n ...other\n } = props;\n const {\n onResponseChange,\n onMediaStateChange,\n onActiveQuestionChange,\n studentName,\n onOptionalItemAssignment,\n onOptionalItemSkip,\n onTeacherValidation,\n onAllowRetry,\n onPublishStrokes,\n onReceiveStrokes,\n initialStrokesData,\n onPublishMouseMove,\n onSubscribeMouseMove,\n canResolveDoubt,\n onResolveDoubt,\n userId,\n studentId,\n subjectiveProps,\n worksheetName,\n onBulkResponsesChange,\n onResponsesChange,\n onExitTicketStart,\n onExitTicketSubmit,\n onSubmit,\n onHelp,\n openQuestionFeedbackModal,\n summaryDescription,\n canSubmitWorksheet,\n onSkip,\n canShowActionBar,\n actionBarRightElement,\n plugins,\n } = other;\n const {\n updatedResponses,\n layout,\n initialResponseId,\n initialItemIndex,\n showNudgeBanner,\n markedAsCompleted,\n } = props;\n\n const worksheetBehavior = useMemo(\n () =>\n getWorksheetBehaviour({\n nodeType,\n inClass,\n activityType,\n isDesmosEnabled,\n mode,\n userType,\n worksheetCompleted,\n }),\n [nodeType, inClass, activityType, isDesmosEnabled, mode, userType, worksheetCompleted],\n );\n\n const { loadingState, data, error } = useWorksheetDataHelper({\n attemptId,\n signedRequest: itemsSignedRequest,\n loggerRef,\n });\n\n const onLearnosityErrored = useCallback(\n (err: ILearnosityError) => {\n onErrored({\n code: err.code,\n message: err.detail,\n });\n },\n [onErrored],\n );\n\n const { learnosity, appendedQuestionIds } = useLearnosity(\n questionsSignedRequest,\n onLearnosityErrored,\n loggerRef,\n );\n\n const worksheetStoreProps = useMemo<TWorksheetStoreProps | null>(() => {\n if (loadingState === 'success' && data && learnosity) {\n const { learnosityItems, responses } = data;\n\n return {\n learnosityItems,\n learnosityResponses: responses,\n updatedResponses,\n layout,\n behavior: worksheetBehavior,\n userType,\n initialResponseId,\n initialItemIndex,\n questionsSignedRequest,\n onResponseChange,\n onMediaStateChange,\n showNudgeBanner,\n markedAsCompleted,\n onActiveQuestionChange,\n studentName: studentName ?? 'Student',\n onOptionalItemAssignment,\n onOptionalItemSkip,\n onTeacherValidation,\n worksheetCompleted,\n learnosity,\n onPublishStrokes,\n onReceiveStrokes,\n initialStrokesData,\n onPublishMouseMove,\n onSubscribeMouseMove,\n canResolveDoubt,\n onResolveDoubt,\n userId,\n studentId,\n subjectiveProps,\n loggerRef,\n worksheetName,\n onBulkResponsesChange,\n onResponsesChange,\n onExitTicketStart,\n onExitTicketSubmit,\n onSubmit,\n appendedQuestionIds,\n onHelp,\n openQuestionFeedbackModal,\n summaryDescription,\n canSubmitWorksheet,\n onSkip,\n canShowActionBar: canShowActionBar ?? true,\n actionBarRightElement,\n plugins,\n nodeType,\n activityType,\n inClass,\n onAllowRetry,\n };\n }\n\n return null;\n }, [\n loadingState,\n data,\n learnosity,\n updatedResponses,\n layout,\n worksheetBehavior,\n userType,\n initialResponseId,\n initialItemIndex,\n questionsSignedRequest,\n onResponseChange,\n onMediaStateChange,\n showNudgeBanner,\n markedAsCompleted,\n onActiveQuestionChange,\n studentName,\n onOptionalItemAssignment,\n onOptionalItemSkip,\n onTeacherValidation,\n worksheetCompleted,\n onPublishStrokes,\n onReceiveStrokes,\n initialStrokesData,\n onPublishMouseMove,\n onSubscribeMouseMove,\n canResolveDoubt,\n onResolveDoubt,\n userId,\n studentId,\n subjectiveProps,\n loggerRef,\n worksheetName,\n onBulkResponsesChange,\n onResponsesChange,\n onExitTicketStart,\n onExitTicketSubmit,\n onSubmit,\n appendedQuestionIds,\n onHelp,\n openQuestionFeedbackModal,\n summaryDescription,\n canSubmitWorksheet,\n onSkip,\n canShowActionBar,\n actionBarRightElement,\n plugins,\n nodeType,\n activityType,\n inClass,\n onAllowRetry,\n ]);\n\n useEffect(() => {\n if (loadingState === 'error') {\n onErrored({\n message: error ?? 'Error loading worksheet',\n });\n }\n }, [loadingState, error, onLoaded, onErrored]);\n\n useEffect(() => {\n if (learnosity && loadingState === 'success' && onLoaded) {\n loggerRef.current(EVENTS.WORKSHEET_V3_READY);\n onLoaded();\n }\n }, [learnosity, loadingState, loggerRef, onLoaded]);\n\n useEffect(() => {\n if (data?.responses && onResponsesLoaded) {\n onResponsesLoaded(data.responses ?? {});\n }\n }, [data?.responses, onResponsesLoaded]);\n\n if (loadingState === 'success' && data && learnosity && worksheetStoreProps) {\n return (\n <WorksheetProvider {...worksheetStoreProps}>\n <CueCanvasProvider userType={userType} renderAs=\"canvas\">\n <WorksheetView ref={ref} />\n </CueCanvasProvider>\n </WorksheetProvider>\n );\n }\n\n return null;\n }),\n);\n\nexport default Worksheet;\n"],"names":["Worksheet","memo","forwardRef","props","ref","attemptId","itemsSignedRequest","questionsSignedRequest","onLoaded","onErrored","onResponsesLoaded","loggerRef","userType","worksheetCompleted","inClass","nodeType","mode","activityType","isDesmosEnabled","other","onResponseChange","onMediaStateChange","onActiveQuestionChange","studentName","onOptionalItemAssignment","onOptionalItemSkip","onTeacherValidation","onAllowRetry","onPublishStrokes","onReceiveStrokes","initialStrokesData","onPublishMouseMove","onSubscribeMouseMove","canResolveDoubt","onResolveDoubt","userId","studentId","subjectiveProps","worksheetName","onBulkResponsesChange","onResponsesChange","onExitTicketStart","onExitTicketSubmit","onSubmit","onHelp","openQuestionFeedbackModal","summaryDescription","canSubmitWorksheet","onSkip","canShowActionBar","actionBarRightElement","plugins","updatedResponses","layout","initialResponseId","initialItemIndex","showNudgeBanner","markedAsCompleted","worksheetBehavior","useMemo","getWorksheetBehaviour","loadingState","data","error","useWorksheetDataHelper","onLearnosityErrored","useCallback","err","learnosity","appendedQuestionIds","useLearnosity","worksheetStoreProps","learnosityItems","responses","useEffect","EVENTS","jsx","WorksheetProvider","CueCanvasProvider","WorksheetView","Worksheet$1"],"mappings":"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"}
|
|
@@ -1,64 +1,64 @@
|
|
|
1
1
|
import { jsx as t, jsxs as A } from "react/jsx-runtime";
|
|
2
|
-
import { memo as z, useMemo as C, useCallback as S, useEffect as
|
|
3
|
-
import
|
|
4
|
-
import
|
|
2
|
+
import { memo as z, useMemo as C, useCallback as S, useEffect as T } from "react";
|
|
3
|
+
import $ from "../../../ui/buttons/button/button.js";
|
|
4
|
+
import x from "../../../ui/layout/flex-view.js";
|
|
5
5
|
import I from "../../../ui/loader/app-loader/app-loader.js";
|
|
6
|
-
import
|
|
7
|
-
import { useGetDynamicSheetData as
|
|
8
|
-
import
|
|
9
|
-
const
|
|
10
|
-
function(
|
|
11
|
-
const { studentId: i, userNodeId: n, studentName: a, onBackIconClick: h, actionBarRightElement: l } =
|
|
6
|
+
import B from "../../../ui/text/text.js";
|
|
7
|
+
import { useGetDynamicSheetData as E } from "../api/get-dynamic-sheet.js";
|
|
8
|
+
import R from "../worksheet-preview.js";
|
|
9
|
+
const b = z(
|
|
10
|
+
function(s) {
|
|
11
|
+
const { studentId: i, userNodeId: n, studentName: a, onBackIconClick: h, actionBarRightElement: l } = s, { onOpenQuestionFeedbackModal: p } = s, {
|
|
12
12
|
get: m,
|
|
13
|
-
data:
|
|
14
|
-
isProcessing:
|
|
15
|
-
isProcessingFailed:
|
|
13
|
+
data: f,
|
|
14
|
+
isProcessing: y,
|
|
15
|
+
isProcessingFailed: g,
|
|
16
16
|
error: o
|
|
17
|
-
} =
|
|
17
|
+
} = E(), {
|
|
18
18
|
items: k = [],
|
|
19
19
|
title: c,
|
|
20
|
-
node_type:
|
|
20
|
+
node_type: u = "DYNAMIC",
|
|
21
21
|
worksheet: w
|
|
22
|
-
} =
|
|
22
|
+
} = f || {}, { image_hue: D } = w || {}, d = k.map(({ ref: P }) => P), e = u === "PUZZLE_CARD", v = C(() => e ? `${a} hasn't attempted the puzzle yet` : c, [e, a, c]), r = S(() => {
|
|
23
23
|
i && n && m(n);
|
|
24
24
|
}, [m, i, n]);
|
|
25
|
-
return
|
|
26
|
-
|
|
27
|
-
}, [
|
|
28
|
-
/* @__PURE__ */ t(
|
|
25
|
+
return T(() => {
|
|
26
|
+
r();
|
|
27
|
+
}, [r]), y ? /* @__PURE__ */ t(I, { height: "100%" }) : g ? /* @__PURE__ */ A(x, { $flexGapX: 1.5, $height: "100vh", $justifyContent: "center", $alignItems: "center", children: [
|
|
28
|
+
/* @__PURE__ */ t(B, { $renderAs: "h6", children: (o == null ? void 0 : o.message) || "Oops! Something went wrong. Please try again later." }),
|
|
29
29
|
/* @__PURE__ */ t(
|
|
30
|
-
|
|
30
|
+
$,
|
|
31
31
|
{
|
|
32
32
|
widthX: 14,
|
|
33
33
|
size: "small",
|
|
34
34
|
shape: "square",
|
|
35
35
|
renderAs: "primary",
|
|
36
36
|
label: "Try again",
|
|
37
|
-
onClick:
|
|
37
|
+
onClick: r
|
|
38
38
|
}
|
|
39
39
|
)
|
|
40
|
-
] }) :
|
|
41
|
-
|
|
40
|
+
] }) : d ? /* @__PURE__ */ t(
|
|
41
|
+
R,
|
|
42
42
|
{
|
|
43
43
|
activityReference: e ? "puzzle" : "test",
|
|
44
|
-
nodeType:
|
|
44
|
+
nodeType: u,
|
|
45
45
|
userType: "TEACHER",
|
|
46
46
|
studentId: i ?? "student-id",
|
|
47
|
-
|
|
47
|
+
activityType: null,
|
|
48
48
|
worksheetName: v,
|
|
49
|
-
items:
|
|
49
|
+
items: d,
|
|
50
50
|
onBackIconClick: h,
|
|
51
51
|
imageHue: D ?? void 0,
|
|
52
52
|
actionBarRightElement: l,
|
|
53
53
|
canShowActionBar: !0,
|
|
54
54
|
mode: "preview",
|
|
55
|
-
openQuestionFeedbackModal:
|
|
55
|
+
openQuestionFeedbackModal: p,
|
|
56
56
|
topOffset: e ? 112 : void 0
|
|
57
57
|
}
|
|
58
58
|
) : null;
|
|
59
59
|
}
|
|
60
|
-
),
|
|
60
|
+
), L = b;
|
|
61
61
|
export {
|
|
62
|
-
|
|
62
|
+
L as default
|
|
63
63
|
};
|
|
64
64
|
//# sourceMappingURL=dynamic-worksheet-preview.js.map
|
|
@@ -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 { memo, useCallback, useEffect, useMemo, type FC } from 'react';\n\nimport type { TNodeTypes } from '../../../../types/models/worksheet';\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';\nimport type { IDynamicWorksheetPreview } from './dynamic-worksheet-types';\n\nconst DynamicWorksheetPreview: FC<IDynamicWorksheetPreview> = memo(\n function DynamicWorksheetPreview(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
|
|
1
|
+
{"version":3,"file":"dynamic-worksheet-preview.js","sources":["../../../../../src/features/worksheet/worksheet-preview/dynamic-worksheet-preview/dynamic-worksheet-preview.tsx"],"sourcesContent":["import { memo, useCallback, useEffect, useMemo, type FC } from 'react';\n\nimport type { TNodeTypes } from '../../../../types/models/worksheet';\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';\nimport type { IDynamicWorksheetPreview } from './dynamic-worksheet-types';\n\nconst DynamicWorksheetPreview: FC<IDynamicWorksheetPreview> = memo(\n function DynamicWorksheetPreview(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 activityType={null}\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 topOffset={isPuzzleSheet ? 112 : undefined}\n />\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":";;;;;;;;AAWA,MAAMA,IAAwDC;AAAA,EAC5D,SAAiCC,GAAO;AACtC,UAAM,EAAE,WAAAC,GAAW,YAAAC,GAAY,aAAAC,GAAa,iBAAAC,GAAiB,uBAAAC,EAA0B,IAAAL,GACjF,EAAE,6BAAAM,EAAgC,IAAAN,GAElC;AAAA,MACJ,KAAKO;AAAA,MACL,MAAMC;AAAA,MACN,cAAAC;AAAA,MACA,oBAAAC;AAAA,MACA,OAAAC;AAAA,QACEC,EAAuB,GAErB;AAAA,MACJ,OAAOC,IAAoB,CAAC;AAAA,MAC5B,OAAAC;AAAA,MACA,WAAWC,IAAW;AAAA,MACtB,WAAAC;AAAA,IAAA,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,MAAIvB,KAAaC,KACfK,EAAoBL,CAAU;AAAA,IAE/B,GAAA,CAACK,GAAqBN,GAAWC,CAAU,CAAC;AAM/C,WAJAuB,EAAU,MAAM;AACQ,MAAAF;IAAA,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,MAAA,gBAAAH,EAACI,GAAK,EAAA,WAAU,MACb,WAAAnB,KAAA,gBAAAA,EAAO,YAAW,uDACrB;AAAA,MACA,gBAAAe;AAAA,QAACK;AAAA,QAAA;AAAA,UACC,QAAQ;AAAA,UACR,MAAK;AAAA,UACL,OAAM;AAAA,UACN,UAAS;AAAA,UACT,OAAM;AAAA,UACN,SAASR;AAAA,QAAA;AAAA,MACX;AAAA,IACF,EAAA,CAAA,IAICL,IAKH,gBAAAQ;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,mBAAmBZ,IAAgB,WAAW;AAAA,QAC9C,UAAAL;AAAA,QACA,UAAS;AAAA,QACT,WAAWd,KAAa;AAAA,QACxB,cAAc;AAAA,QACd,eAAAoB;AAAA,QACA,OAAOH;AAAA,QACP,iBAAAd;AAAA,QACA,UAAUa,KAAY;AAAA,QACtB,uBAAAZ;AAAA,QACA,kBAAgB;AAAA,QAChB,MAAK;AAAA,QACL,2BAA2BC;AAAA,QAC3B,WAAWc,IAAgB,MAAM;AAAA,MAAA;AAAA,IAAA,IAlB5B;AAAA,EAqBX;AACF,GAEAa,IAAenC;"}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import { useMemo as
|
|
2
|
-
import { QUESTIONS_GAP as
|
|
1
|
+
import { useMemo as i } from "react";
|
|
2
|
+
import { QUESTIONS_GAP as L, WORKSHEET_NUDGE_BANNER_HEIGHT as N, TOP_NAVIGATION_HEIGHT as D } from "../../worksheet/constants.js";
|
|
3
3
|
const e = ({
|
|
4
4
|
userType: c,
|
|
5
5
|
nodeType: t,
|
|
6
6
|
isSATAssessment: o,
|
|
7
|
-
showNudgeBanner:
|
|
7
|
+
showNudgeBanner: A,
|
|
8
8
|
topOffset: a,
|
|
9
|
-
imageHue:
|
|
9
|
+
imageHue: n
|
|
10
10
|
}) => {
|
|
11
|
-
const r = t === "PUZZLE_CARD", I =
|
|
11
|
+
const r = t === "PUZZLE_CARD", I = i(() => {
|
|
12
12
|
if (o) return "bottom";
|
|
13
13
|
switch (t) {
|
|
14
14
|
case "PUZZLE_CARD":
|
|
@@ -20,35 +20,35 @@ const e = ({
|
|
|
20
20
|
default:
|
|
21
21
|
return "top";
|
|
22
22
|
}
|
|
23
|
-
}, [o, t]),
|
|
24
|
-
return
|
|
23
|
+
}, [o, t]), E = I === "top" ? D : 0, R = `calc(100vh - ${a + E}px)`, _ = `calc(100vh - ${a + E}px)`, u = A ? a + N : a;
|
|
24
|
+
return i(
|
|
25
25
|
() => ({
|
|
26
26
|
containerStyle: o || r ? "none" : "card",
|
|
27
27
|
//* The width of the container is set based on the user type and whether it is a SAT assessment
|
|
28
28
|
//* For Puzzle sheets, on student side we are showing a header with 800px fixed width.
|
|
29
|
-
containerWidth: o ? "1024px" : c === "TEACHER" ? "
|
|
29
|
+
containerWidth: o ? "1024px" : c === "TEACHER" ? "100%" : "824px",
|
|
30
30
|
actionBar: "bottom",
|
|
31
|
-
topOffset:
|
|
31
|
+
topOffset: u,
|
|
32
32
|
navigationBar: I,
|
|
33
33
|
questionsScrollable: !(o || t === "TRIAL_DIAGNOSTIC" || t === "TRIAL_BASIC" || t === "TRIAL_INTERMEDIATE" || t === "TRIAL_ADVANCED"),
|
|
34
|
-
minQuestionHeight:
|
|
35
|
-
minSummaryHeight:
|
|
34
|
+
minQuestionHeight: R,
|
|
35
|
+
minSummaryHeight: _,
|
|
36
36
|
renderSideBar: c === "TEACHER" && !o,
|
|
37
37
|
renderQuestionHeader: !r,
|
|
38
|
-
imageHue:
|
|
38
|
+
imageHue: n,
|
|
39
39
|
background: o || r ? "none" : "paper",
|
|
40
|
-
questionPadding: r ? 0 :
|
|
40
|
+
questionPadding: r ? 0 : L
|
|
41
41
|
}),
|
|
42
42
|
[
|
|
43
43
|
o,
|
|
44
44
|
r,
|
|
45
45
|
c,
|
|
46
|
-
|
|
46
|
+
u,
|
|
47
47
|
I,
|
|
48
48
|
t,
|
|
49
|
+
R,
|
|
49
50
|
_,
|
|
50
|
-
|
|
51
|
-
E
|
|
51
|
+
n
|
|
52
52
|
]
|
|
53
53
|
);
|
|
54
54
|
}, H = e;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-worksheet-layout.js","sources":["../../../../../src/features/worksheet/worksheet-preview/hooks/use-worksheet-layout.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nimport type { IResumeWorksheetModel } from '../../../../types/models/worksheet';\nimport type { THueNames, TUserTypes } from '../../../ui/types';\nimport {\n QUESTIONS_GAP,\n TOP_NAVIGATION_HEIGHT,\n WORKSHEET_NUDGE_BANNER_HEIGHT,\n} from '../../worksheet/constants';\nimport type { IWorksheetLayout } from '../../worksheet/worksheet-types';\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 }): IWorksheetLayout;\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<IWorksheetLayout['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\n const navHeight = navigationBar === 'top' ? TOP_NAVIGATION_HEIGHT : 0;\n const minQuestionHeight = `calc(100vh - ${topOffset + navHeight
|
|
1
|
+
{"version":3,"file":"use-worksheet-layout.js","sources":["../../../../../src/features/worksheet/worksheet-preview/hooks/use-worksheet-layout.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nimport type { IResumeWorksheetModel } from '../../../../types/models/worksheet';\nimport type { THueNames, TUserTypes } from '../../../ui/types';\nimport {\n QUESTIONS_GAP,\n TOP_NAVIGATION_HEIGHT,\n WORKSHEET_NUDGE_BANNER_HEIGHT,\n} from '../../worksheet/constants';\nimport type { IWorksheetLayout } from '../../worksheet/worksheet-types';\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 }): IWorksheetLayout;\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<IWorksheetLayout['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\n const navHeight = navigationBar === 'top' ? TOP_NAVIGATION_HEIGHT : 0;\n const minQuestionHeight = `calc(100vh - ${topOffset + navHeight}px)`;\n const minSummaryHeight = `calc(100vh - ${topOffset + navHeight}px)`;\n const tOffset = showNudgeBanner ? topOffset + WORKSHEET_NUDGE_BANNER_HEIGHT : topOffset;\n\n return useMemo<IWorksheetLayout>(\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' ? '100%' : '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","minSummaryHeight","tOffset","WORKSHEET_NUDGE_BANNER_HEIGHT","QUESTIONS_GAP","useWorksheetLayout$1"],"mappings":";;AAsBA,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,EAA2C,MAAM;AACrE,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,GAExBQ,IAAYF,MAAkB,QAAQG,IAAwB,GAC9DC,IAAoB,gBAAgBP,IAAYK,CAAS,OACzDG,IAAmB,gBAAgBR,IAAYK,CAAS,OACxDI,IAAUV,IAAkBC,IAAYU,IAAgCV;AAEvE,SAAAI;AAAA,IACL,OAAO;AAAA,MACL,gBAAgBN,KAAmBI,IAAgB,SAAS;AAAA;AAAA;AAAA,MAG5D,gBAAgBJ,IAAkB,WAAWF,MAAa,YAAY,SAAS;AAAA,MAC/E,WAAW;AAAA,MACX,WAAWa;AAAA,MACX,eAAAN;AAAA,MACA,qBAAqB,EACnBL,KACAD,MAAa,sBACbA,MAAa,iBACbA,MAAa,wBACbA,MAAa;AAAA,MAEf,mBAAAU;AAAA,MACA,kBAAAC;AAAA,MACA,eAAeZ,MAAa,aAAa,CAACE;AAAA,MAC1C,sBAAsB,CAACI;AAAA,MACvB,UAAAD;AAAA,MACA,YAAYH,KAAmBI,IAAgB,SAAS;AAAA,MACxD,iBAAiBA,IAAgB,IAAIS;AAAA,IAAA;AAAA,IAEvC;AAAA,MACEb;AAAA,MACAI;AAAA,MACAN;AAAA,MACAa;AAAA,MACAN;AAAA,MACAN;AAAA,MACAU;AAAA,MACAC;AAAA,MACAP;AAAA,IACF;AAAA,EAAA;AAEJ,GAEAW,IAAejB;"}
|
|
@@ -1,45 +1,45 @@
|
|
|
1
1
|
import { jsxs as f, jsx as o } from "react/jsx-runtime";
|
|
2
|
-
import { memo as
|
|
2
|
+
import { memo as N, useMemo as i, useRef as P, useCallback as v } from "react";
|
|
3
3
|
import B from "../../ui/layout/flex-view.js";
|
|
4
|
-
import
|
|
4
|
+
import L from "../../ui/text/text.js";
|
|
5
5
|
import M from "../worksheet/worksheet.js";
|
|
6
|
-
import { getWorksheetHeaderLayout as
|
|
7
|
-
import
|
|
6
|
+
import { getWorksheetHeaderLayout as z } from "../worksheet/worksheet-helpers.js";
|
|
7
|
+
import V from "./hooks/use-worksheet-layout.js";
|
|
8
8
|
import { WorksheetPageWrapper as j, HeaderWrapper as D, Header as O, StyledBackIcon as F, HeaderTitleWrapper as G } from "./worksheet-preview-styled.js";
|
|
9
9
|
const U = [
|
|
10
10
|
"SAT_ENGLISH_ASSESSMENT",
|
|
11
11
|
"SAT_MATH_ASSESSMENT"
|
|
12
|
-
], te =
|
|
12
|
+
], te = N(
|
|
13
13
|
function(k) {
|
|
14
14
|
const {
|
|
15
15
|
studentId: a,
|
|
16
|
-
userType:
|
|
16
|
+
userType: c,
|
|
17
17
|
activityReference: t,
|
|
18
18
|
worksheet: S,
|
|
19
19
|
nodeType: e,
|
|
20
|
-
worksheetName:
|
|
20
|
+
worksheetName: d,
|
|
21
21
|
showNudgeBanner: l,
|
|
22
|
-
markedAsCompleted:
|
|
22
|
+
markedAsCompleted: T,
|
|
23
23
|
imageHue: m,
|
|
24
|
-
onWorksheetLoaded:
|
|
24
|
+
onWorksheetLoaded: g,
|
|
25
25
|
onWorksheetErrored: E,
|
|
26
26
|
openQuestionFeedbackModal: W,
|
|
27
27
|
onBackIconClick: r,
|
|
28
|
-
|
|
28
|
+
activityType: w,
|
|
29
29
|
canShowActionBar: A,
|
|
30
30
|
mode: n,
|
|
31
31
|
actionBarRightElement: $,
|
|
32
|
-
topOffset:
|
|
33
|
-
} = k, { signed_request:
|
|
34
|
-
userType:
|
|
32
|
+
topOffset: y = 56
|
|
33
|
+
} = k, { signed_request: C, questions_signed_request: x } = S, u = i(() => e === "PUZZLE_CARD", [e]), s = i(() => t === "test", [t]), H = i(() => U.includes(e), [e]), R = P(() => null), h = s ? !1 : A, _ = V({
|
|
34
|
+
userType: c,
|
|
35
35
|
nodeType: e,
|
|
36
36
|
isSATAssessment: H,
|
|
37
37
|
showNudgeBanner: l,
|
|
38
|
-
topOffset:
|
|
38
|
+
topOffset: y,
|
|
39
39
|
imageHue: m
|
|
40
|
-
}), b =
|
|
40
|
+
}), b = v(() => {
|
|
41
41
|
r == null || r();
|
|
42
|
-
}, [r]), { bgColor: I, borderColor: q, textColor: p } =
|
|
42
|
+
}, [r]), { bgColor: I, borderColor: q, textColor: p } = z({
|
|
43
43
|
isPuzzleWorksheet: u && h,
|
|
44
44
|
isTestWorksheet: s,
|
|
45
45
|
imageHue: m
|
|
@@ -68,7 +68,7 @@ const U = [
|
|
|
68
68
|
G,
|
|
69
69
|
{
|
|
70
70
|
$alignItems: s && !u ? "flex-start" : "center",
|
|
71
|
-
children: /* @__PURE__ */ o(
|
|
71
|
+
children: /* @__PURE__ */ o(L, { $renderAs: "body1", $color: p, children: d || t })
|
|
72
72
|
}
|
|
73
73
|
)
|
|
74
74
|
]
|
|
@@ -77,24 +77,24 @@ const U = [
|
|
|
77
77
|
/* @__PURE__ */ o(B, { $alignItems: "center", children: /* @__PURE__ */ o(
|
|
78
78
|
M,
|
|
79
79
|
{
|
|
80
|
-
userType:
|
|
80
|
+
userType: c ?? (n === "review" ? "TEACHER" : "STUDENT"),
|
|
81
81
|
worksheetCompleted: n === "review",
|
|
82
|
-
worksheetName:
|
|
83
|
-
itemsSignedRequest:
|
|
84
|
-
questionsSignedRequest:
|
|
82
|
+
worksheetName: d || t,
|
|
83
|
+
itemsSignedRequest: C,
|
|
84
|
+
questionsSignedRequest: x,
|
|
85
85
|
studentId: a,
|
|
86
86
|
layout: _,
|
|
87
87
|
canShowActionBar: h,
|
|
88
88
|
loggerRef: R,
|
|
89
89
|
showNudgeBanner: l,
|
|
90
|
-
markedAsCompleted:
|
|
91
|
-
onLoaded:
|
|
90
|
+
markedAsCompleted: T,
|
|
91
|
+
onLoaded: g,
|
|
92
92
|
onErrored: E,
|
|
93
93
|
userId: a,
|
|
94
94
|
openQuestionFeedbackModal: W,
|
|
95
95
|
nodeType: e,
|
|
96
96
|
mode: n,
|
|
97
|
-
|
|
97
|
+
activityType: w,
|
|
98
98
|
actionBarRightElement: $
|
|
99
99
|
}
|
|
100
100
|
) })
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"worksheet-preview-view.js","sources":["../../../../src/features/worksheet/worksheet-preview/worksheet-preview-view.tsx"],"sourcesContent":["import { memo, useCallback, useMemo, useRef, type FC } from 'react';\n\nimport type { IResumeWorksheetModel } from '../../../types/models/worksheet';\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport Worksheet from '../worksheet/worksheet';\nimport { getWorksheetHeaderLayout } from '../worksheet/worksheet-helpers';\nimport useWorksheetLayout from './hooks/use-worksheet-layout';\nimport * as Styled from './worksheet-preview-styled';\nimport type { IPreviewWorksheetViewProps } from './worksheet-preview-types';\n\nconst SAT_WORKSHEET_TYPES: IResumeWorksheetModel['node_type'][] = [\n 'SAT_ENGLISH_ASSESSMENT',\n 'SAT_MATH_ASSESSMENT',\n];\n\nconst PreviewWorksheetView: FC<IPreviewWorksheetViewProps> = memo(\n function PreviewWorksheetView(props) {\n const {\n studentId,\n userType,\n activityReference,\n worksheet,\n nodeType,\n worksheetName,\n showNudgeBanner,\n markedAsCompleted,\n imageHue,\n onWorksheetLoaded,\n onWorksheetErrored,\n openQuestionFeedbackModal,\n onBackIconClick,\n
|
|
1
|
+
{"version":3,"file":"worksheet-preview-view.js","sources":["../../../../src/features/worksheet/worksheet-preview/worksheet-preview-view.tsx"],"sourcesContent":["import { memo, useCallback, useMemo, useRef, type FC } from 'react';\n\nimport type { IResumeWorksheetModel } from '../../../types/models/worksheet';\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport Worksheet from '../worksheet/worksheet';\nimport { getWorksheetHeaderLayout } from '../worksheet/worksheet-helpers';\nimport useWorksheetLayout from './hooks/use-worksheet-layout';\nimport * as Styled from './worksheet-preview-styled';\nimport type { IPreviewWorksheetViewProps } from './worksheet-preview-types';\n\nconst SAT_WORKSHEET_TYPES: IResumeWorksheetModel['node_type'][] = [\n 'SAT_ENGLISH_ASSESSMENT',\n 'SAT_MATH_ASSESSMENT',\n];\n\nconst PreviewWorksheetView: FC<IPreviewWorksheetViewProps> = memo(\n function PreviewWorksheetView(props) {\n const {\n studentId,\n userType,\n activityReference,\n worksheet,\n nodeType,\n worksheetName,\n showNudgeBanner,\n markedAsCompleted,\n imageHue,\n onWorksheetLoaded,\n onWorksheetErrored,\n openQuestionFeedbackModal,\n onBackIconClick,\n activityType,\n canShowActionBar,\n mode,\n actionBarRightElement,\n topOffset = 56,\n } = props;\n const { signed_request: signedRequest, questions_signed_request: questionsSignedRequest } =\n worksheet;\n\n const isPuzzleWorksheet = useMemo(() => nodeType === 'PUZZLE_CARD', [nodeType]);\n const isTestWorksheet = useMemo(() => activityReference === 'test', [activityReference]);\n const isSATAssessment = useMemo(() => SAT_WORKSHEET_TYPES.includes(nodeType), [nodeType]);\n const loggerRef = useRef(() => null);\n const isActionBarVisible = isTestWorksheet ? false : canShowActionBar;\n\n const layout = useWorksheetLayout({\n userType,\n nodeType,\n isSATAssessment,\n showNudgeBanner,\n topOffset,\n imageHue,\n });\n\n const handleOnBackIconClick = useCallback(() => {\n onBackIconClick?.();\n }, [onBackIconClick]);\n\n const { bgColor, borderColor, textColor } = getWorksheetHeaderLayout({\n isPuzzleWorksheet: isPuzzleWorksheet && isActionBarVisible,\n isTestWorksheet,\n imageHue,\n });\n\n return (\n <Styled.WorksheetPageWrapper>\n <Styled.HeaderWrapper>\n <Styled.Header\n $flexDirection=\"row\"\n $alignItems=\"center\"\n $justifyContent={isTestWorksheet ? 'flex-start' : 'center'}\n $background={bgColor}\n $height={56}\n $gutterX={1}\n $flexGapX={1}\n $borderColor={borderColor}\n >\n {onBackIconClick && (\n <Styled.StyledBackIcon\n $color={textColor ?? 'WHITE'}\n onClick={handleOnBackIconClick}\n />\n )}\n\n <Styled.HeaderTitleWrapper\n $alignItems={isTestWorksheet && !isPuzzleWorksheet ? 'flex-start' : 'center'}\n >\n <Text $renderAs=\"body1\" $color={textColor}>\n {worksheetName || activityReference}\n </Text>\n </Styled.HeaderTitleWrapper>\n </Styled.Header>\n </Styled.HeaderWrapper>\n\n <FlexView $alignItems=\"center\">\n <Worksheet\n userType={userType ?? (mode === 'review' ? 'TEACHER' : 'STUDENT')}\n worksheetCompleted={mode === 'review'}\n worksheetName={worksheetName || activityReference}\n itemsSignedRequest={signedRequest}\n questionsSignedRequest={questionsSignedRequest}\n studentId={studentId}\n layout={layout}\n canShowActionBar={isActionBarVisible}\n loggerRef={loggerRef}\n showNudgeBanner={showNudgeBanner}\n markedAsCompleted={markedAsCompleted}\n onLoaded={onWorksheetLoaded}\n onErrored={onWorksheetErrored}\n userId={studentId}\n openQuestionFeedbackModal={openQuestionFeedbackModal}\n nodeType={nodeType}\n mode={mode}\n activityType={activityType}\n actionBarRightElement={actionBarRightElement}\n />\n </FlexView>\n </Styled.WorksheetPageWrapper>\n );\n },\n);\n\nexport default PreviewWorksheetView;\n"],"names":["SAT_WORKSHEET_TYPES","PreviewWorksheetView","memo","props","studentId","userType","activityReference","worksheet","nodeType","worksheetName","showNudgeBanner","markedAsCompleted","imageHue","onWorksheetLoaded","onWorksheetErrored","openQuestionFeedbackModal","onBackIconClick","activityType","canShowActionBar","mode","actionBarRightElement","topOffset","signedRequest","questionsSignedRequest","isPuzzleWorksheet","useMemo","isTestWorksheet","isSATAssessment","loggerRef","useRef","isActionBarVisible","layout","useWorksheetLayout","handleOnBackIconClick","useCallback","bgColor","borderColor","textColor","getWorksheetHeaderLayout","jsxs","Styled.WorksheetPageWrapper","jsx","Styled.HeaderWrapper","Styled.Header","Styled.StyledBackIcon","Styled.HeaderTitleWrapper","Text","FlexView","Worksheet"],"mappings":"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"}
|