@cuemath/leap 4.1.1-gg4 → 4.1.1-j2

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

@@ -1 +1 @@
-{"version":3,"file":"worksheet-types.js","sources":["../../../../src/features/worksheet/worksheet/worksheet-types.ts"],"sourcesContent":["import type { MutableRefObject, ReactElement, ReactNode } from 'react';\n\nimport type { EWorksheetActivity, TNodeTypes } from '../../../types/models/worksheet';\nimport type { IActionData, TPublish, TSubscribe } from '../../cue-canvas/types/cue-canvas';\nimport type { TPublishMouseMove, TSubscribeMouseMove } from '../../pointer-sync/pointer-types';\nimport type { TColorNames, THueNames, TUserTypes } from '../../ui/types';\nimport { type IFile } from '../../hooks/use-s3-helper/use-s3-helper';\nimport type { TWorksheetBlocker } from './worksheet-blocker/worksheet-blocker-types';\n\nexport enum QUESTION_TAGS {\n  TRIAL_TOPIC = 'trial-topic',\n  QUESTION_CODE = 'question code',\n}\n\nexport enum QUESTIONS_RATING {\n  E = 3,\n  S = 2, // Just right\n  H = 1,\n}\n\nexport interface ILearnosityError {\n  code: number;\n  consumerKey: string;\n  detail: string;\n  errorUI: string;\n  msg: string;\n}\n\ninterface ILearnosityQuestionMetadata {\n  widget_reference: string;\n  sheet_reference: string;\n  acknowledgements?: string;\n  sample_answer?: string;\n  hints?: string[];\n  solution?: string[];\n  teacher_tips?: string[];\n  valid_response_count: number;\n  distractor_rationale_response_level?: string[];\n  source: {\n    organisation_id: number;\n  };\n}\n\nexport type TInstructorStimulus =\n  | 'SystemIntro' // lesson v3\n  | 'Intro' // lesson v3\n  | 'Concept-Intro' // lesson v3\n  | 'Instruction' // lesson v3\n  | 'Task' // lesson v3\n  | 'Try' // trial v3\n  | 'Learn' // trial v3\n  | 'Apply'; // trial v3\n\nexport type TItemType =\n  | 'overview'\n  | 'learning'\n  | 'learning-we-do'\n  | 'learning-your-turn'\n  | 'learning-explore'\n  | 'practice'\n  | 'practice-basic'\n  | 'practice-basic-optional'\n  | 'practice-regular'\n  | 'practice-regular-optional'\n  | 'exit-ticket'\n  | 'advanced-we-do'\n  | 'advanced-your-turn'\n  | 'advanced-explore'\n  | 'advanced-practice';\n\nexport type TSectionName =\n  | 'overview'\n  | 'learning'\n  | 'practice'\n  | 'practice-basic'\n  | 'practice-regular'\n  | 'exit-ticket'\n  | 'advanced';\n\ninterface IQuestionValidResponse {\n  score: number;\n  value: unknown[];\n}\n\nexport interface ISheetNudgeBannerInfo {\n  bannerBackgroundColor: TColorNames;\n  label: string;\n}\n\nexport interface ILearnosityQuestion {\n  response_id: string;\n  instructor_stimulus?: TInstructorStimulus;\n  metadata: ILearnosityQuestionMetadata;\n  instant_feedback?: boolean;\n  math_renderer?: string;\n  template?: string;\n  tokenization?: string;\n  numberPad?: string[];\n  symbols?: unknown[];\n  response_container?: Record<string, unknown>;\n  ui_style?: Record<string, unknown>;\n  shuffle_options?: boolean;\n  // for custom type question validation is undefined.\n  validation?: {\n    scoring_type?: string;\n    unscored?: boolean;\n    valid_response?: IQuestionValidResponse;\n    alt_responses?: IQuestionValidResponse[];\n    penalty?: number;\n    min_score_if_attempted?: number;\n  };\n  is_math?: boolean;\n  labels?: Record<string, unknown>;\n  line?: Record<string, unknown>;\n  points?: string[];\n  snap_to_ticks?: boolean;\n  ticks?: Record<string, unknown>;\n  max_length?: number;\n  type:\n    | 'hotspot'\n    | 'tokenhighlight'\n    | 'numberline'\n    | 'clozeassociation'\n    | 'clozetext'\n    | 'association'\n    | 'classification'\n    | 'clozedropdown'\n    | 'clozeformula'\n    | 'mcq'\n    | 'choicematrix'\n    | 'plaintext'\n    | 'drawing';\n  case_sensitive?: boolean;\n  show_copy?: boolean;\n  show_cut?: boolean;\n  show_paste?: boolean;\n  spellcheck?: boolean;\n  stimulus?: string;\n  stimulus_review?: string;\n  stimulus_list?: string[];\n  image?: Record<string, unknown>;\n  areas?: unknown[];\n  area_attributes?: Record<string, unknown>;\n  possible_responses?: string[][] | string[];\n  duplicate_responses?: boolean;\n  response_containers?: unknown[];\n  options?: Record<string, unknown>[] | string[];\n  feedback_attempts?: number;\n  stems?: string[];\n  multiple_responses?: boolean;\n}\n\nexport interface ILearnosityItem {\n  reference: string;\n  questions: ILearnosityQuestion[];\n  source: Record<string, unknown>;\n  content: string;\n  metadata: Record<string, unknown> | unknown[];\n  workflow: unknown[];\n  response_ids: string[];\n  feature_ids: unknown[];\n  features: unknown[];\n  itemType?: TItemType;\n  tags?: string[];\n}\n\nexport interface IWorksheetQuestion extends ILearnosityQuestion {\n  item_reference: string;\n  item_type?: TItemType;\n  section_name?: TSectionName;\n  is_optional?: boolean;\n  /**\n   * If true, the question is not a question, but a content only item\n   * e.g. Intro, Overview, Instruction etc.\n   */\n  is_non_question?: boolean;\n  concept_intro_stimulus?: string; // Content for concept intro widget\n  item_tags: string[];\n  item_tags_map: Record<string, string>;\n  item_number: number;\n  item_display_number: number;\n  question_number: number;\n  total_questions: number;\n  /**\n   * if true, scribbler button will be shown on the question\n   */\n  can_scribble: boolean; // If true, the question can be scribbled on\n}\n\nexport interface ILearnosityQuestionScore {\n  score?: number | null;\n  max_score: number;\n  unscored?: boolean;\n}\n\nexport interface ILearnosityQuestionResponse {\n  value: unknown;\n  responses?: unknown;\n  type: unknown;\n  updatedFormat?: boolean;\n  wordCount?: number;\n  apiVersion: string;\n  revision: number;\n  feedbackAttemptsCount?: number;\n}\n\ninterface IAttempt {\n  response: ILearnosityQuestionResponse;\n  score: ILearnosityQuestionScore;\n}\n\ninterface ITeacherReview {\n  reviewComment?: string;\n  images?: string[];\n}\nexport interface IWorksheetResponse {\n  widgetReference: string;\n  itemReference: string;\n  itemPosition: number; // 0 based\n  questionPosition: number; // 0 based\n  isOkayTypeQuestion: boolean;\n  response?: ILearnosityQuestionResponse;\n  /**\n   * For non question questions, when user click on start, responseGiven will be true\n   */\n  responseGiven?: boolean;\n  retryEnabled?: boolean;\n  simState?: Record<string, unknown>;\n  score?: ILearnosityQuestionScore;\n  responseEdited?: boolean;\n  hintsUsed?: number;\n  markedForReview?: boolean;\n  attemptsHistory?: IAttempt[];\n  validatedByTeacher?: boolean;\n  submittedByStudent?: boolean;\n  assignStatus?: 'assigned' | 'skipped';\n  rating?: number;\n  skipped?: boolean;\n  doubtResolved?: boolean;\n  teacherReview?: ITeacherReview;\n  tags?: Record<string, string>;\n  timeSpent?: number;\n  discussionQuestionOffset?: number;\n  distractor_rationale_response_level?: string[];\n}\n\ntype TMathRenderer = 'mathjax' | 'mathquill';\nexport interface ILearnosity {\n  ready: () => void;\n  questions: () => Record<string, unknown>;\n  question: (responseId: string) =>\n    | {\n        enable: () => boolean;\n        disable: () => boolean;\n        getQuestion: () => ILearnosityQuestion;\n        getMetadata: () => ILearnosityQuestionMetadata;\n        getResponse: () => ILearnosityQuestionResponse;\n        getScore: (\n          callback?: (score: ILearnosityQuestionScore | null) => void,\n        ) => ILearnosityQuestionScore;\n        validate: (\n          options?: { showCorrectAnswers?: boolean; feedbackAttempts?: boolean },\n          callback?: () => void,\n        ) => void;\n        resetValidationUI: () => void;\n        on: (eventName: 'changed', callback: () => void) => void;\n        off: (eventName: 'changed', callback?: () => void) => void;\n      }\n    | undefined;\n  append: (toAppend: {\n    questions: ILearnosityQuestion[];\n    responses?: Record<string, unknown>;\n  }) => void;\n  appendQuestion: (toAppend: {\n    questions: ILearnosityQuestion[];\n    responses?: Record<string, unknown>;\n  }) => void;\n  reset: () => void;\n  renderMath: (renderer: TMathRenderer) => void;\n}\n\nexport interface IWorksheetBehavior {\n  /**\n   * If true, Opens the worksheet in resume mode.\n   * - If false, Opens the worksheet in review mode.\n   */\n  canAttempt: boolean;\n  /**\n   * If true, the user can mark the question for review.\n   */\n  canMarkForReview: boolean;\n  /**\n   * The mode of navigation for the worksheet.\n   * - `OPEN` mode allows the user to navigate to any question in the worksheet.\n   * - `LINEAR` mode allows the user to navigate to the next question only.\n   * - `ADAPTIVE` mode allows the user to navigate future questions based on the rating of the current question.\n   * - `CURRENT` mode allows the user to navigate to the current question only. Back and forth not allowed.\n   */\n  navigationMode: 'OPEN' | 'LINEAR' | 'ADAPTIVE' | 'CURRENT';\n  /**\n   * The initial question to display when the worksheet is loaded.\n   * - `FIRST` mode displays the first question in the worksheet.\n   * - `CURRENT` mode displays the question that the user was last on.\n   */\n  initialQuestion: 'FIRST' | 'CURRENT';\n  /**\n   * If hints are available, on clicking the help button, first availble hint will be shown.\n   * Clicking again will show the next hint.\n   * If no more hints are available, onHelp will be called.\n   */\n  hints: boolean;\n  /**\n   * The time in seconds after which the hints button will be shown.\n   */\n  hintsTimer?: number; // in seconds\n  /**\n   * If true, the user can skip the question without attempting it.\n   * Skip button will be shown only after the hints are exausted and skipTimer is reached.\n   */\n  skippable?: boolean;\n  /**\n   * The time in seconds after which the user can skip the question.\n   */\n  skippableTime?: number; // in seconds\n  /**\n   * If true, after the question is system validated, teacher discussion button will be shown when the question has discussion points.\n   */\n  teacherDiscussionEnabled?: boolean;\n  /**\n   * If true, teacher validation is needed for the question to proceed\n   */\n  teacherValidationEnabled: boolean;\n  /**\n   * If worksheet is attempting outside the class setting\n   * This needs teacherValidationEnabled to be true\n   * TODO: Consider changing to accept validation type: 'system' | 'teacher' | undefined instead of boolean\n   */\n  canTeacherValidate: boolean;\n  /**\n   * If true, questions will be validated and feedback will be shown.\n   */\n  validation: boolean;\n  /**\n   * If true, solution wont be shown to the user.\n   */\n  solutionHidden?: boolean;\n  /**\n   * If true,  questions will be validated and feedback will be shown along with the correct answer.\n   */\n  review: boolean;\n  /**\n   * The maximum number of attempts allowed for each question.\n   * 0 means unlimited attempts.\n   * -1 means attempts will not be validated, hence not pushed to attempt history.\n   * -2 means the sheet is a puzzle sheet\n   * After reaching the maximum number of attempts, the user cannot attempt the question anymore.\n   * If maxAtttmpts reached and canExceedAttempts is true, the user can still attempt the question\n   * , also user will have the option to move to next question\n   */\n  maximumAttempts: number;\n  /**\n   * If true, the user can exceed the maximum number of attempts.\n   */\n  canExceedAttempts: boolean;\n\n  /**\n   * After attemptsAfterTeacherInterventionNeeded incorrect attempts, retry button will be disabled in class, move ahead button will show ouside class.\n   */\n  attemptsAfterTeacherInterventionNeeded?: number;\n  /**\n   * If the worksheet minimumAccuracy is not met, on clicking the final submit button, onMinimumAccuracyNotMet will be called.\n   */\n  minimumAccuracy: number;\n  /**\n   * Label for the check button\n   * For example,\n   * - \"Check\" for Checking the answer\n   * - \"Submit\" for Submitting the answer when doing assessment\n   */\n  checkButtonLabel: string;\n  /**\n   * If attempt is incorrect, we show retry button, this is the label for the retry button\n   * For example,\n   * - 'Try Again' for retrying the question\n   */\n  retryButtonLabel: string;\n  /**\n   * If true show demos calculator https://www.desmos.com/calculator\n   */\n  canShowDesmosCalc: boolean;\n\n  //  If true, canvas is enabled and user can use canvas to scribble on the worksheet by toggling the scribble button\n  canvasEnabled?: boolean;\n\n  // If true, the user can scribble on workheet\n  canScribble?: boolean;\n}\n\nexport type TWORKSHEET_QUESTION_MEDIA_TYPE = 'SIMULATION' | 'VIDEO' | 'AUDIO';\n\nexport interface IWorksheetCallbackProps {\n  onResponseChange?: (options: {\n    responseId: string;\n    response: IWorksheetResponse;\n    isNewAttempt: boolean;\n    question: IWorksheetQuestion;\n  }) => void;\n  onBulkResponsesChange?: (responses: Record<string, IWorksheetResponse>) => void;\n  onResponsesChange?: (responses: Record<string, IWorksheetResponse>) => void;\n  onMediaStateChange?: (\n    question: IWorksheetQuestion,\n    mediaType: TWORKSHEET_QUESTION_MEDIA_TYPE,\n    mediaState: Record<string, unknown>,\n  ) => void;\n  onTeacherValidation?: (questionId: string, rating?: keyof typeof QUESTIONS_RATING) => void;\n  onAllowRetry?: (questionId: string) => void;\n  onOptionalItemAssignment?: (itemType: TItemType) => void;\n  onOptionalItemSkip?: (itemType: TItemType) => void;\n  onHelp?: (options: { questionId: string; questionNumber: string }) => void;\n  onMinimumAccuracyNotMet?: (accuracy: number) => void;\n  onExitTicketStart?: () => void;\n  onExitTicketSubmit?: () => void;\n  onSubmit?: (\n    responses: Record<string, IWorksheetResponse>,\n    questions: IWorksheetQuestion[],\n  ) => void;\n  onActiveQuestionChange?: (question: IWorksheetQuestion) => void;\n  onResolveDoubt?: (responseId: string) => void;\n  onSkip?: (itemIndex: number, widgetIndex: number) => void;\n  onLoaded: () => void;\n  onErrored: (error: { code?: number; message: string }) => void;\n  onResponsesLoaded?: (responses: Record<string, IWorksheetResponse>) => void;\n  openQuestionFeedbackModal?: (itemRef: string) => void;\n}\n\ninterface ICueCanvasCallbackProps {\n  onPublishStrokes?: TPublish;\n  onReceiveStrokes?: TSubscribe;\n}\n\ninterface ICueCanvasProps {\n  initialStrokesData?: Record<string, IActionData[]>;\n}\n\ninterface IPointerSyncCallbackProps {\n  onPublishMouseMove?: TPublishMouseMove;\n  onSubscribeMouseMove?: TSubscribeMouseMove;\n}\n\nexport interface IWorksheetLayout {\n  containerStyle: 'none' | 'card';\n  navigationBar: 'none' | 'top' | 'bottom';\n  actionBar: 'none' | 'bottom';\n  containerWidth: string;\n  topOffset: number; // Offset from the top of the screen, for eg: height of the header\n  questionsScrollable: boolean;\n  minQuestionHeight: string | number;\n  minSummaryHeight: string | number;\n  showUserPointer?: boolean;\n  renderQuestionHeader?: boolean;\n  imageHue?: THueNames;\n  background?: 'none' | 'paper';\n  questionPadding: number;\n}\n\nexport interface ISubjectiveSheetProps {\n  onAddReviewComment?: (\n    responseId: string,\n    commentData: {\n      score: ILearnosityQuestionScore;\n      teacherReview: ITeacherReview;\n    },\n  ) => void;\n  openImagesReviewModal?: (props: IOpenImageReviewModalProps) => void;\n  handleReviewSubmit?: () => void;\n  isSubmittingReview?: boolean;\n  isReviewPending?: boolean;\n}\n\ninterface IBaseWorksheetProps {\n  userType: TUserTypes;\n  userId: string;\n  studentId: string;\n  studentName?: string;\n  worksheetName: string;\n  initialResponseId?: string;\n  initialItemIndex?: number;\n  layout: IWorksheetLayout;\n  updatedResponses?: Record<string, IWorksheetResponse>;\n  worksheetCompleted: boolean;\n  showNudgeBanner?: boolean;\n  markedAsCompleted?: boolean;\n  canResolveDoubt?: boolean;\n  actionBarRightElement?: ReactElement; // Extra Elements to be rendered in the action bar\n  attemptId?: string;\n  itemsSignedRequest: string;\n  questionsSignedRequest: string;\n  summaryDescription?: ReactElement | null;\n  canSubmitWorksheet?: boolean;\n  selectedTopics?: string[];\n  subjectiveProps?: ISubjectiveSheetProps;\n  inClass?: boolean; // If true, the worksheet is rendered inside class\n  activityType: EWorksheetActivity | null;\n  isDesmosEnabled?: boolean; // If true, the worksheet can show desmos calculator\n  nodeType: TNodeTypes; // NodeType of the worksheet\n  mode: 'resume' | 'review' | 'preview'; // mode of the worksheet\n  loggerRef: MutableRefObject<(eventName: string, data?: Record<string, unknown>) => void>;\n}\n\ninterface IWorksheetPlugins {\n  plugins?: {\n    stickers?: ReactNode;\n  };\n}\n\ninterface IUpdateImages {\n  filteredImages: string[];\n  newImages: IFile[];\n}\ninterface IOpenImageReviewModalProps {\n  isReviewed?: boolean;\n  disableScoreForm?: boolean;\n  imageUrls?: string[];\n  filteredImageUrls?: (props: IUpdateImages) => void;\n  uploadedImages?: (IFile | string)[];\n  image?: string;\n}\n\nexport interface IWorksheetProps\n  extends IBaseWorksheetProps,\n    IWorksheetCallbackProps,\n    ICueCanvasProps,\n    ICueCanvasCallbackProps,\n    IPointerSyncCallbackProps,\n    IWorksheetPlugins {}\n\nexport interface IWorksheetRef {\n  validateQuestion: (\n    responseId: string,\n    rating?: keyof typeof QUESTIONS_RATING,\n    skipRemainingQuestions?: boolean,\n  ) => void;\n  assignOptionalItems: (itemType: TItemType) => void;\n  skipOptionalItems: (itemType: TItemType) => void;\n  updateMediaState: (\n    responseId: string,\n    mediaType: TWORKSHEET_QUESTION_MEDIA_TYPE,\n    mediaState: Record<string, unknown>,\n  ) => void;\n  allowRetry: (responseId: string) => void;\n}\n\ninterface IWorksheetHeaderLayoutArgs {\n  isPuzzleWorksheet?: boolean;\n  isTestWorksheet?: boolean;\n  imageHue?: THueNames;\n}\n\nexport interface IWorksheetHeaderLayoutProps {\n  (args: IWorksheetHeaderLayoutArgs): {\n    bgColor: TColorNames;\n    borderColor?: TColorNames;\n    textColor?: TColorNames;\n  };\n}\n\nexport type TWorksheetStoreProps = Omit<IBaseWorksheetProps, 'studentName' | 'itemsSignedRequest'> &\n  Required<Pick<IBaseWorksheetProps, 'studentName'>> &\n  Omit<IWorksheetCallbackProps, 'onLoaded' | 'onErrored'> &\n  ICueCanvasProps &\n  ICueCanvasCallbackProps &\n  IPointerSyncCallbackProps &\n  IWorksheetPlugins & {\n    behavior: IWorksheetBehavior;\n    learnosityItems: ILearnosityItem[];\n    learnosityResponses?: Record<string, IWorksheetResponse>;\n    learnosity: ILearnosity;\n    appendedQuestionIds: string[];\n  };\n\nexport enum EActiveQuestionTool {\n  TEACHING_TOOLS = 'TEACHING_TOOLS',\n  SOLUTION = 'SOLUTION',\n  DISCUSSION = 'DISCUSSION',\n}\n\nexport interface IWorksheetStoreState {\n  questions: IWorksheetQuestion[];\n  renderableQuestions: IWorksheetQuestion[];\n  responses: Record<string, IWorksheetResponse>;\n  lastUnlockedQuestionIndex: number;\n  initialQuestionId: string;\n  activeQuestionId: string;\n  activeQuestionIndex: number;\n  questionsContainerWidth: number;\n  maxQuestionWidth: number;\n  actionbarHeight: number;\n  summaryVisible: boolean;\n  calculatorVisible: boolean;\n  scribblingEnabled: boolean;\n  activeQuestionTool?: EActiveQuestionTool;\n  blocker?: TWorksheetBlocker;\n  scrolledToInitialQuestion: boolean;\n}\n\n// Actions interface - contains all the methods\ninterface IWorksheetStoreActions {\n  mergeWorksheetProps: (data: TWorksheetStoreProps) => void;\n  setResponses: (\n    responses:\n      | IWorksheetStore['responses']\n      | ((prevResponses: IWorksheetStore['responses']) => IWorksheetStore['responses']),\n  ) => void;\n  showSummary: () => void;\n  hideSummary: () => void;\n  toggleSummary: () => void;\n  toggleCalculator: () => void;\n  toggleScribble: () => void;\n  setBlocker: (blocker?: TWorksheetBlocker) => void;\n  /**\n   *\n   * @param scrollToLastUnlockedQuestion - If true, scrolls to the last unlocked question after removing the blocker. Default is true.\n   * @returns\n   */\n  removeBlocker: (scrollToLastUnlockedQuestion?: boolean) => void;\n  updateResponse: (options: {\n    responseId: string;\n    response: ILearnosityQuestionResponse;\n    score: ILearnosityQuestionScore;\n    timeSpent: number;\n    answerChecked?: boolean;\n  }) => void;\n  updateMediaState: (\n    responseId: string,\n    mediaType: TWORKSHEET_QUESTION_MEDIA_TYPE,\n    mediaState: Record<string, unknown>,\n  ) => void;\n  setDiscussionQuestionOffset: (responseId: string, offset: number) => void;\n  markForReview: (responseId: string, markedForReview: boolean) => void;\n  changeQuestion: (questionId: string, shouldScroll?: boolean, scrollDelay?: number) => void;\n  setActiveQuestionTool: (tool: EActiveQuestionTool) => void;\n  unsetActiveQuestionTool: () => void;\n  destroy: () => void;\n}\n\n// Combined store interface\nexport interface IWorksheetStore\n  extends IWorksheetStoreState,\n    TWorksheetStoreProps,\n    IWorksheetStoreActions {}\n"],"names":["QUESTION_TAGS","QUESTIONS_RATING","EActiveQuestionTool"],"mappings":"AASY,IAAAA,sBAAAA,OACVA,EAAA,cAAc,eACdA,EAAA,gBAAgB,iBAFNA,IAAAA,KAAA,CAAA,CAAA,GAKAC,sBAAAA,OACVA,EAAAA,EAAA,IAAI,CAAJ,IAAA,KACAA,EAAAA,EAAA,IAAI,CAAJ,IAAA,KACAA,EAAAA,EAAA,IAAI,CAAJ,IAAA,KAHUA,IAAAA,KAAA,CAAA,CAAA,GAsjBAC,sBAAAA,OACVA,EAAA,iBAAiB,kBACjBA,EAAA,WAAW,YACXA,EAAA,aAAa,cAHHA,IAAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"worksheet-types.js","sources":["../../../../src/features/worksheet/worksheet/worksheet-types.ts"],"sourcesContent":["import type { MutableRefObject, ReactElement, ReactNode } from 'react';\n\nimport type { EWorksheetActivity, TNodeTypes } from '../../../types/models/worksheet';\nimport type { IActionData, TPublish, TSubscribe } from '../../cue-canvas/types/cue-canvas';\nimport type { TPublishMouseMove, TSubscribeMouseMove } from '../../pointer-sync/pointer-types';\nimport type { TColorNames, THueNames, TUserTypes } from '../../ui/types';\nimport { type IFile } from '../../hooks/use-s3-helper/use-s3-helper';\nimport type { TWorksheetBlocker } from './worksheet-blocker/worksheet-blocker-types';\n\nexport enum QUESTION_TAGS {\n  TRIAL_TOPIC = 'trial-topic',\n  QUESTION_CODE = 'question code',\n}\n\nexport enum QUESTIONS_RATING {\n  E = 3,\n  S = 2, // Just right\n  H = 1,\n}\n\nexport interface ILearnosityError {\n  code: number;\n  consumerKey: string;\n  detail: string;\n  errorUI: string;\n  msg: string;\n}\n\ninterface ILearnosityQuestionMetadata {\n  widget_reference: string;\n  sheet_reference: string;\n  acknowledgements?: string;\n  sample_answer?: string;\n  hints?: string[];\n  solution?: string[];\n  teacher_tips?: string[];\n  valid_response_count: number;\n  distractor_rationale_response_level?: string[];\n  source: {\n    organisation_id: number;\n  };\n}\n\nexport type TInstructorStimulus =\n  | 'SystemIntro' // lesson v3\n  | 'Intro' // lesson v3\n  | 'Concept-Intro' // lesson v3\n  | 'Instruction' // lesson v3\n  | 'Task' // lesson v3\n  | 'Try' // trial v3\n  | 'Learn' // trial v3\n  | 'Apply'; // trial v3\n\nexport type TItemType =\n  | 'overview'\n  | 'learning'\n  | 'learning-we-do'\n  | 'learning-your-turn'\n  | 'learning-explore'\n  | 'practice'\n  | 'practice-basic'\n  | 'practice-basic-optional'\n  | 'practice-regular'\n  | 'practice-regular-optional'\n  | 'exit-ticket'\n  | 'advanced-we-do'\n  | 'advanced-your-turn'\n  | 'advanced-explore'\n  | 'advanced-practice';\n\nexport type TSectionName =\n  | 'overview'\n  | 'learning'\n  | 'practice'\n  | 'practice-basic'\n  | 'practice-regular'\n  | 'exit-ticket'\n  | 'advanced';\n\ninterface IQuestionValidResponse {\n  score: number;\n  value: unknown[];\n}\n\nexport interface ISheetNudgeBannerInfo {\n  bannerBackgroundColor: TColorNames;\n  label: string;\n}\n\nexport interface ILearnosityQuestion {\n  response_id: string;\n  instructor_stimulus?: TInstructorStimulus;\n  metadata: ILearnosityQuestionMetadata;\n  instant_feedback?: boolean;\n  math_renderer?: string;\n  template?: string;\n  tokenization?: string;\n  numberPad?: string[];\n  symbols?: unknown[];\n  response_container?: Record<string, unknown>;\n  ui_style?: Record<string, unknown>;\n  shuffle_options?: boolean;\n  // for custom type question validation is undefined.\n  validation?: {\n    scoring_type?: string;\n    unscored?: boolean;\n    valid_response?: IQuestionValidResponse;\n    alt_responses?: IQuestionValidResponse[];\n    penalty?: number;\n    min_score_if_attempted?: number;\n  };\n  is_math?: boolean;\n  labels?: Record<string, unknown>;\n  line?: Record<string, unknown>;\n  points?: string[];\n  snap_to_ticks?: boolean;\n  ticks?: Record<string, unknown>;\n  max_length?: number;\n  type:\n    | 'hotspot'\n    | 'tokenhighlight'\n    | 'numberline'\n    | 'clozeassociation'\n    | 'clozetext'\n    | 'association'\n    | 'classification'\n    | 'clozedropdown'\n    | 'clozeformula'\n    | 'mcq'\n    | 'choicematrix'\n    | 'plaintext'\n    | 'drawing';\n  case_sensitive?: boolean;\n  show_copy?: boolean;\n  show_cut?: boolean;\n  show_paste?: boolean;\n  spellcheck?: boolean;\n  stimulus?: string;\n  stimulus_review?: string;\n  stimulus_list?: string[];\n  image?: Record<string, unknown>;\n  areas?: unknown[];\n  area_attributes?: Record<string, unknown>;\n  possible_responses?: string[][] | string[];\n  duplicate_responses?: boolean;\n  response_containers?: unknown[];\n  options?: Record<string, unknown>[] | string[];\n  feedback_attempts?: number;\n  stems?: string[];\n  multiple_responses?: boolean;\n}\n\nexport interface ILearnosityItem {\n  reference: string;\n  questions: ILearnosityQuestion[];\n  source: Record<string, unknown>;\n  content: string;\n  metadata: Record<string, unknown> | unknown[];\n  workflow: unknown[];\n  response_ids: string[];\n  feature_ids: unknown[];\n  features: unknown[];\n  itemType?: TItemType;\n  tags?: string[];\n}\n\nexport interface IWorksheetQuestion extends ILearnosityQuestion {\n  item_reference: string;\n  item_type?: TItemType;\n  section_name?: TSectionName;\n  is_optional?: boolean;\n  /**\n   * If true, the question is not a question, but a content only item\n   * e.g. Intro, Overview, Instruction etc.\n   */\n  is_non_question?: boolean;\n  concept_intro_stimulus?: string; // Content for concept intro widget\n  item_tags: string[];\n  item_tags_map: Record<string, string>;\n  item_number: number;\n  item_display_number: number;\n  question_number: number;\n  total_questions: number;\n  /**\n   * if true, scribbler button will be shown on the question\n   */\n  can_scribble: boolean; // If true, the question can be scribbled on\n}\n\nexport interface ILearnosityQuestionScore {\n  score?: number | null;\n  max_score: number;\n  unscored?: boolean;\n}\n\nexport interface ILearnosityQuestionResponse {\n  value: unknown;\n  responses?: unknown;\n  type: unknown;\n  updatedFormat?: boolean;\n  wordCount?: number;\n  apiVersion: string;\n  revision: number;\n  feedbackAttemptsCount?: number;\n}\n\ninterface IAttempt {\n  response: ILearnosityQuestionResponse;\n  score: ILearnosityQuestionScore;\n}\n\ninterface ITeacherReview {\n  reviewComment?: string;\n  images?: string[];\n}\nexport interface IWorksheetResponse {\n  widgetReference: string;\n  itemReference: string;\n  itemPosition: number; // 0 based\n  questionPosition: number; // 0 based\n  isOkayTypeQuestion: boolean;\n  response?: ILearnosityQuestionResponse;\n  /**\n   * For non question questions, when user click on start, responseGiven will be true\n   */\n  responseGiven?: boolean;\n  retryEnabled?: boolean;\n  simState?: Record<string, unknown>;\n  score?: ILearnosityQuestionScore;\n  responseEdited?: boolean;\n  hintsUsed?: number;\n  markedForReview?: boolean;\n  attemptsHistory?: IAttempt[];\n  validatedByTeacher?: boolean;\n  submittedByStudent?: boolean;\n  assignStatus?: 'assigned' | 'skipped';\n  rating?: number;\n  skipped?: boolean;\n  doubtResolved?: boolean;\n  teacherReview?: ITeacherReview;\n  tags?: Record<string, string>;\n  timeSpent?: number;\n  discussionQuestionOffset?: number;\n  distractor_rationale_response_level?: string[];\n}\n\ntype TMathRenderer = 'mathjax' | 'mathquill';\nexport interface ILearnosity {\n  ready: () => void;\n  questions: () => Record<string, unknown>;\n  question: (responseId: string) =>\n    | {\n        enable: () => boolean;\n        disable: () => boolean;\n        getQuestion: () => ILearnosityQuestion;\n        getMetadata: () => ILearnosityQuestionMetadata;\n        getResponse: () => ILearnosityQuestionResponse;\n        getScore: (\n          callback?: (score: ILearnosityQuestionScore | null) => void,\n        ) => ILearnosityQuestionScore;\n        validate: (\n          options?: { showCorrectAnswers?: boolean; feedbackAttempts?: boolean },\n          callback?: () => void,\n        ) => void;\n        resetValidationUI: () => void;\n        on: (eventName: 'changed', callback: () => void) => void;\n        off: (eventName: 'changed', callback?: () => void) => void;\n      }\n    | undefined;\n  append: (toAppend: {\n    questions: ILearnosityQuestion[];\n    responses?: Record<string, unknown>;\n  }) => void;\n  appendQuestion: (toAppend: {\n    questions: ILearnosityQuestion[];\n    responses?: Record<string, unknown>;\n  }) => void;\n  reset: () => void;\n  renderMath: (renderer: TMathRenderer) => void;\n}\n\nexport interface IWorksheetBehavior {\n  /**\n   * If true, Opens the worksheet in resume mode.\n   * - If false, Opens the worksheet in review mode.\n   */\n  canAttempt: boolean;\n  /**\n   * If true, the user can mark the question for review.\n   */\n  canMarkForReview: boolean;\n  /**\n   * The mode of navigation for the worksheet.\n   * - `OPEN` mode allows the user to navigate to any question in the worksheet.\n   * - `LINEAR` mode allows the user to navigate to the next question only.\n   * - `ADAPTIVE` mode allows the user to navigate future questions based on the rating of the current question.\n   * - `CURRENT` mode allows the user to navigate to the current question only. Back and forth not allowed.\n   */\n  navigationMode: 'OPEN' | 'LINEAR' | 'ADAPTIVE' | 'CURRENT';\n  /**\n   * The initial question to display when the worksheet is loaded.\n   * - `FIRST` mode displays the first question in the worksheet.\n   * - `CURRENT` mode displays the question that the user was last on.\n   */\n  initialQuestion: 'FIRST' | 'CURRENT';\n  /**\n   * If hints are available, on clicking the help button, first availble hint will be shown.\n   * Clicking again will show the next hint.\n   * If no more hints are available, onHelp will be called.\n   */\n  hints: boolean;\n  /**\n   * The time in seconds after which the hints button will be shown.\n   */\n  hintsTimer?: number; // in seconds\n  /**\n   * If true, the user can skip the question without attempting it.\n   * Skip button will be shown only after the hints are exausted and skipTimer is reached.\n   */\n  skippable?: boolean;\n  /**\n   * The time in seconds after which the user can skip the question.\n   */\n  skippableTime?: number; // in seconds\n  /**\n   * If true, after the question is system validated, teacher discussion button will be shown when the question has discussion points.\n   */\n  teacherDiscussionEnabled?: boolean;\n  /**\n   * If true, teacher validation is needed for the question to proceed\n   */\n  teacherValidationEnabled: boolean;\n  /**\n   * If worksheet is attempting outside the class setting\n   * This needs teacherValidationEnabled to be true\n   * TODO: Consider changing to accept validation type: 'system' | 'teacher' | undefined instead of boolean\n   */\n  canTeacherValidate: boolean;\n  /**\n   * If true, questions will be validated and feedback will be shown.\n   */\n  validation: boolean;\n  /**\n   * If true, solution wont be shown to the user.\n   */\n  solutionHidden?: boolean;\n  /**\n   * If true,  questions will be validated and feedback will be shown along with the correct answer.\n   */\n  review: boolean;\n  /**\n   * The maximum number of attempts allowed for each question.\n   * 0 means unlimited attempts.\n   * -1 means attempts will not be validated, hence not pushed to attempt history.\n   * -2 means the sheet is a puzzle sheet\n   * After reaching the maximum number of attempts, the user cannot attempt the question anymore.\n   * If maxAtttmpts reached and canExceedAttempts is true, the user can still attempt the question\n   * , also user will have the option to move to next question\n   */\n  maximumAttempts: number;\n  /**\n   * If true, the user can exceed the maximum number of attempts.\n   */\n  canExceedAttempts: boolean;\n\n  /**\n   * After attemptsAfterTeacherInterventionNeeded incorrect attempts, retry button will be disabled in class, move ahead button will show ouside class.\n   */\n  attemptsAfterTeacherInterventionNeeded?: number;\n  /**\n   * If the worksheet minimumAccuracy is not met, on clicking the final submit button, onMinimumAccuracyNotMet will be called.\n   */\n  minimumAccuracy: number;\n  /**\n   * Label for the check button\n   * For example,\n   * - \"Check\" for Checking the answer\n   * - \"Submit\" for Submitting the answer when doing assessment\n   */\n  checkButtonLabel: string;\n  /**\n   * If attempt is incorrect, we show retry button, this is the label for the retry button\n   * For example,\n   * - 'Try Again' for retrying the question\n   */\n  retryButtonLabel: string;\n  /**\n   * If true show demos calculator https://www.desmos.com/calculator\n   */\n  canShowDesmosCalc: boolean;\n\n  //  If true, canvas is enabled and user can use canvas to scribble on the worksheet by toggling the scribble button\n  canvasEnabled?: boolean;\n\n  // If true, the user can scribble on workheet\n  canScribble?: boolean;\n}\n\nexport type TWORKSHEET_QUESTION_MEDIA_TYPE = 'SIMULATION' | 'VIDEO' | 'AUDIO';\n\nexport interface IWorksheetCallbackProps {\n  onResponseChange?: (options: {\n    responseId: string;\n    response: IWorksheetResponse;\n    isNewAttempt: boolean;\n    question: IWorksheetQuestion;\n  }) => void;\n  onBulkResponsesChange?: (responses: Record<string, IWorksheetResponse>) => void;\n  onResponsesChange?: (responses: Record<string, IWorksheetResponse>) => void;\n  onMediaStateChange?: (\n    question: IWorksheetQuestion,\n    mediaType: TWORKSHEET_QUESTION_MEDIA_TYPE,\n    mediaState: Record<string, unknown>,\n  ) => void;\n  onTeacherValidation?: (questionId: string, rating?: keyof typeof QUESTIONS_RATING) => void;\n  onAllowRetry?: (questionId: string) => void;\n  onOptionalItemAssignment?: (itemType: TItemType) => void;\n  onOptionalItemSkip?: (itemType: TItemType) => void;\n  onHelp?: (options: { questionId: string; questionNumber: string }) => void;\n  onMinimumAccuracyNotMet?: (accuracy: number) => void;\n  onExitTicketStart?: () => void;\n  onExitTicketSubmit?: () => void;\n  onSubmit?: (\n    responses: Record<string, IWorksheetResponse>,\n    questions: IWorksheetQuestion[],\n  ) => void;\n  onActiveQuestionChange?: (question: IWorksheetQuestion) => void;\n  onResolveDoubt?: (responseId: string) => void;\n  onSkip?: (itemIndex: number, widgetIndex: number) => void;\n  onLoaded: () => void;\n  onErrored: (error: { code?: number; message: string }) => void;\n  onResponsesLoaded?: (responses: Record<string, IWorksheetResponse>) => void;\n  openQuestionFeedbackModal?: (itemRef: string) => void;\n}\n\ninterface ICueCanvasCallbackProps {\n  onPublishStrokes?: TPublish;\n  onReceiveStrokes?: TSubscribe;\n}\n\ninterface ICueCanvasProps {\n  initialStrokesData?: Record<string, IActionData[]>;\n}\n\ninterface IPointerSyncCallbackProps {\n  onPublishMouseMove?: TPublishMouseMove;\n  onSubscribeMouseMove?: TSubscribeMouseMove;\n}\n\nexport interface IWorksheetLayout {\n  containerStyle: 'none' | 'card';\n  navigationBar: 'none' | 'top' | 'bottom';\n  actionBar: 'none' | 'bottom';\n  containerWidth: string;\n  topOffset: number; // Offset from the top of the screen, for eg: height of the header\n  questionsScrollable: boolean;\n  minQuestionHeight: string | number;\n  minSummaryHeight: string | number;\n  showUserPointer?: boolean;\n  renderQuestionHeader?: boolean;\n  imageHue?: THueNames;\n  background?: 'none' | 'paper';\n  questionPadding: number;\n}\n\nexport interface ISubjectiveSheetProps {\n  onAddReviewComment?: (\n    responseId: string,\n    commentData: {\n      score: ILearnosityQuestionScore;\n      teacherReview: ITeacherReview;\n    },\n  ) => void;\n  openImagesReviewModal?: (props: IOpenImageReviewModalProps) => void;\n  handleReviewSubmit?: () => void;\n  isSubmittingReview?: boolean;\n  isReviewPending?: boolean;\n}\n\ninterface IBaseWorksheetProps {\n  userType: TUserTypes;\n  userId: string;\n  studentId: string;\n  studentName?: string;\n  worksheetName: string;\n  initialResponseId?: string;\n  initialItemIndex?: number;\n  layout: IWorksheetLayout;\n  updatedResponses?: Record<string, IWorksheetResponse>;\n  worksheetCompleted: boolean;\n  showNudgeBanner?: boolean;\n  markedAsCompleted?: boolean;\n  canResolveDoubt?: boolean;\n  actionBarRightElement?: ReactElement; // Extra Elements to be rendered in the action bar\n  attemptId?: string;\n  itemsSignedRequest: string;\n  questionsSignedRequest: string;\n  summaryDescription?: ReactElement | null;\n  canSubmitWorksheet?: boolean;\n  selectedTopics?: string[];\n  subjectiveProps?: ISubjectiveSheetProps;\n  inClass?: boolean; // If true, the worksheet is rendered inside class\n  activityType: EWorksheetActivity | null;\n  isDesmosEnabled?: boolean; // If true, the worksheet can show desmos calculator\n  nodeType: TNodeTypes; // NodeType of the worksheet\n  mode: 'resume' | 'review' | 'preview'; // mode of the worksheet\n  loggerRef: MutableRefObject<(eventName: string, data?: Record<string, unknown>) => void>;\n  behaviorOverride?: Partial<IWorksheetBehavior>;\n}\n\ninterface IWorksheetPlugins {\n  plugins?: {\n    stickers?: ReactNode;\n  };\n}\n\ninterface IUpdateImages {\n  filteredImages: string[];\n  newImages: IFile[];\n}\ninterface IOpenImageReviewModalProps {\n  isReviewed?: boolean;\n  disableScoreForm?: boolean;\n  imageUrls?: string[];\n  filteredImageUrls?: (props: IUpdateImages) => void;\n  uploadedImages?: (IFile | string)[];\n  image?: string;\n}\n\nexport interface IWorksheetProps\n  extends IBaseWorksheetProps,\n    IWorksheetCallbackProps,\n    ICueCanvasProps,\n    ICueCanvasCallbackProps,\n    IPointerSyncCallbackProps,\n    IWorksheetPlugins {}\n\nexport interface IWorksheetRef {\n  validateQuestion: (\n    responseId: string,\n    rating?: keyof typeof QUESTIONS_RATING,\n    skipRemainingQuestions?: boolean,\n  ) => void;\n  assignOptionalItems: (itemType: TItemType) => void;\n  skipOptionalItems: (itemType: TItemType) => void;\n  updateMediaState: (\n    responseId: string,\n    mediaType: TWORKSHEET_QUESTION_MEDIA_TYPE,\n    mediaState: Record<string, unknown>,\n  ) => void;\n  allowRetry: (responseId: string) => void;\n}\n\ninterface IWorksheetHeaderLayoutArgs {\n  isPuzzleWorksheet?: boolean;\n  isTestWorksheet?: boolean;\n  imageHue?: THueNames;\n}\n\nexport interface IWorksheetHeaderLayoutProps {\n  (args: IWorksheetHeaderLayoutArgs): {\n    bgColor: TColorNames;\n    borderColor?: TColorNames;\n    textColor?: TColorNames;\n  };\n}\n\nexport type TWorksheetStoreProps = Omit<\n  IBaseWorksheetProps,\n  'studentName' | 'itemsSignedRequest' | 'mode'\n> &\n  Required<Pick<IBaseWorksheetProps, 'studentName'>> &\n  Omit<IWorksheetCallbackProps, 'onLoaded' | 'onErrored'> &\n  ICueCanvasProps &\n  ICueCanvasCallbackProps &\n  IPointerSyncCallbackProps &\n  IWorksheetPlugins & {\n    behavior: IWorksheetBehavior;\n    learnosityItems: ILearnosityItem[];\n    learnosityResponses?: Record<string, IWorksheetResponse>;\n    learnosity: ILearnosity;\n    appendedQuestionIds: string[];\n  };\n\nexport enum EActiveQuestionTool {\n  TEACHING_TOOLS = 'TEACHING_TOOLS',\n  SOLUTION = 'SOLUTION',\n  DISCUSSION = 'DISCUSSION',\n}\n\nexport interface IWorksheetStoreState {\n  questions: IWorksheetQuestion[];\n  renderableQuestions: IWorksheetQuestion[];\n  responses: Record<string, IWorksheetResponse>;\n  lastUnlockedQuestionIndex: number;\n  initialQuestionId: string;\n  activeQuestionId: string;\n  activeQuestionIndex: number;\n  questionsContainerWidth: number;\n  maxQuestionWidth: number;\n  actionbarHeight: number;\n  summaryVisible: boolean;\n  calculatorVisible: boolean;\n  scribblingEnabled: boolean;\n  activeQuestionTool?: EActiveQuestionTool;\n  blocker?: TWorksheetBlocker;\n  scrolledToInitialQuestion: boolean;\n}\n\n// Actions interface - contains all the methods\ninterface IWorksheetStoreActions {\n  mergeWorksheetProps: (data: TWorksheetStoreProps) => void;\n  setResponses: (\n    responses:\n      | IWorksheetStore['responses']\n      | ((prevResponses: IWorksheetStore['responses']) => IWorksheetStore['responses']),\n  ) => void;\n  showSummary: () => void;\n  hideSummary: () => void;\n  toggleSummary: () => void;\n  toggleCalculator: () => void;\n  toggleScribble: () => void;\n  setBlocker: (blocker?: TWorksheetBlocker) => void;\n  /**\n   *\n   * @param scrollToLastUnlockedQuestion - If true, scrolls to the last unlocked question after removing the blocker. Default is true.\n   * @returns\n   */\n  removeBlocker: (scrollToLastUnlockedQuestion?: boolean) => void;\n  updateResponse: (options: {\n    responseId: string;\n    response: ILearnosityQuestionResponse;\n    score: ILearnosityQuestionScore;\n    timeSpent: number;\n    answerChecked?: boolean;\n  }) => void;\n  updateMediaState: (\n    responseId: string,\n    mediaType: TWORKSHEET_QUESTION_MEDIA_TYPE,\n    mediaState: Record<string, unknown>,\n  ) => void;\n  setDiscussionQuestionOffset: (responseId: string, offset: number) => void;\n  markForReview: (responseId: string, markedForReview: boolean) => void;\n  changeQuestion: (questionId: string, shouldScroll?: boolean, scrollDelay?: number) => void;\n  setActiveQuestionTool: (tool: EActiveQuestionTool) => void;\n  unsetActiveQuestionTool: () => void;\n  destroy: () => void;\n}\n\n// Combined store interface\nexport interface IWorksheetStore\n  extends IWorksheetStoreState,\n    TWorksheetStoreProps,\n    IWorksheetStoreActions {}\n"],"names":["QUESTION_TAGS","QUESTIONS_RATING","EActiveQuestionTool"],"mappings":"AASY,IAAAA,sBAAAA,OACVA,EAAA,cAAc,eACdA,EAAA,gBAAgB,iBAFNA,IAAAA,KAAA,CAAA,CAAA,GAKAC,sBAAAA,OACVA,EAAAA,EAAA,IAAI,CAAJ,IAAA,KACAA,EAAAA,EAAA,IAAI,CAAJ,IAAA,KACAA,EAAAA,EAAA,IAAI,CAAJ,IAAA,KAHUA,IAAAA,KAAA,CAAA,CAAA,GA0jBAC,sBAAAA,OACVA,EAAA,iBAAiB,kBACjBA,EAAA,WAAW,YACXA,EAAA,aAAa,cAHHA,IAAAA,KAAA,CAAA,CAAA;"}

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

@@ -1,39 +1,39 @@
 import { jsxs as u, Fragment as W, jsx as t } from "react/jsx-runtime";
-import { memo as S, forwardRef as w, useEffect as h } from "react";
-import V from "../../ui/layout/flex-view.js";
+import { memo as S, forwardRef as V, useEffect as h } from "react";
+import w from "../../ui/layout/flex-view.js";
 import H from "../user-pointer-pin/user-pin.js";
-import { TOP_NAVIGATION_HEIGHT as N } from "./constants.js";
-import _ from "./hooks/use-create-imperative-handle.js";
+import { TOP_NAVIGATION_HEIGHT as _ } from "./constants.js";
+import N from "./hooks/use-create-imperative-handle.js";
 import q from "./hooks/use-time-on-questions.js";
 import { useWorksheetStore as B } from "./hooks/use-worksheet-store.js";
 import O from "./worksheet-action-bar/worksheet-action-bar.js";
 import A from "./worksheet-blocker/worksheet-blocker.js";
-import R from "./worksheet-calculator/worksheet-calculator.js";
-import j from "./worksheet-navigation/worksheet-navigation.js";
-import P from "./worksheet-nudge-banner/worksheet-nudge-banner.js";
-import U from "./worksheet-questions-controller/worksheet-questions-controller.js";
-import D from "./worksheet-questions-tools/worksheet-questions-tools.js";
-import F from "./worksheet-questions/worksheet-questions.js";
-import { WorksheetContainer as G, NavigationContainer as X, NavigationWrapper as z, ActionbarContainer as J } from "./worksheet-styled.js";
+import j from "./worksheet-calculator/worksheet-calculator.js";
+import P from "./worksheet-navigation/worksheet-navigation.js";
+import D from "./worksheet-nudge-banner/worksheet-nudge-banner.js";
+import F from "./worksheet-questions-controller/worksheet-questions-controller.js";
+import G from "./worksheet-questions-tools/worksheet-questions-tools.js";
+import R from "./worksheet-questions/worksheet-questions.js";
+import { WorksheetContainer as U, NavigationContainer as X, NavigationWrapper as z, ActionbarContainer as J } from "./worksheet-styled.js";
 import K from "./worksheet-summary-controller/worksheet-summary-controller.js";
 import L from "./worksheet-teaching-tools/worksheet-teaching-tools.js";
 const Te = S(
-  w((M, k) => {
+  V((M, k) => {
     const {
-      behavior: n,
-      layout: C,
+      behavior: r,
+      layout: y,
       actionbarHeight: c,
-      questionsContainerWidth: y,
-      questions: Q,
-      responses: r,
-      initialQuestionId: d,
+      questionsContainerWidth: C,
+      questions: I,
+      responses: n,
+      initialQuestionId: f,
       userType: l,
       summaryVisible: p,
       changeQuestion: s,
-      onResponsesChange: f,
+      onResponsesChange: d,
       onExitTicketStart: a,
       onExitTicketSubmit: m,
-      lastUnlockedQuestionIndex: I,
+      lastUnlockedQuestionIndex: Q,
       activeQuestionTool: g
     } = B((e) => ({
       behavior: e.behavior,
@@ -51,15 +51,15 @@ const Te = S(
       onExitTicketSubmit: e.onExitTicketSubmit,
       lastUnlockedQuestionIndex: e.lastUnlockedQuestionIndex,
       activeQuestionTool: e.activeQuestionTool
-    })), { containerWidth: v, navigationBar: T, topOffset: E, showUserPointer: $ = !0 } = C, i = Q[I], o = r[(i == null ? void 0 : i.response_id) ?? ""], b = q();
-    return _(k, {
+    })), { containerWidth: v, navigationBar: T, topOffset: E, showUserPointer: $ = !0 } = y, i = I[Q], o = n[(i == null ? void 0 : i.response_id) ?? ""], b = q();
+    return N(k, {
       getTimeSpentOnQuestion: b
     }), h(() => {
-      f && r && f(r);
-    }, [f, r]), h(() => {
-      s(d);
-    }, [d, s]), h(() => {
-      if (n.initialQuestion === "CURRENT" && i && n.teacherValidationEnabled) {
+      d && n && d(n);
+    }, [d, n]), h(() => {
+      s(f);
+    }, [f, s]), h(() => {
+      if (i && r.teacherValidationEnabled) {
         const e = setTimeout(() => {
           s(i.response_id);
         }, 1e3);
@@ -67,25 +67,25 @@ const Te = S(
           clearTimeout(e);
         };
       }
-    }, [i, n, s]), h(() => {
-      if (n.teacherValidationEnabled && i) {
+    }, [i, r.teacherValidationEnabled, s]), h(() => {
+      if (r.teacherValidationEnabled && i) {
         const { item_type: e, instructor_stimulus: x } = i;
         l === "STUDENT" && e === "exit-ticket" && x !== "SystemIntro" && (o != null && o.submittedByStudent ? m == null || m() : a == null || a());
       }
     }, [
-      n.teacherValidationEnabled,
+      r.teacherValidationEnabled,
       i,
       o == null ? void 0 : o.submittedByStudent,
       a,
       m,
       l
     ]), /* @__PURE__ */ u(W, { children: [
-      /* @__PURE__ */ t(P, {}),
-      /* @__PURE__ */ u(G, { $background: "WHITE_1", $width: v, children: [
-        T === "top" && /* @__PURE__ */ t(X, { $topOffset: E, $height: N, children: /* @__PURE__ */ t(z, { children: /* @__PURE__ */ t(j, { placement: "top" }) }) }),
+      /* @__PURE__ */ t(D, {}),
+      /* @__PURE__ */ u(U, { $background: "WHITE_1", $width: v, children: [
+        T === "top" && /* @__PURE__ */ t(X, { $topOffset: E, $height: _, children: /* @__PURE__ */ t(z, { children: /* @__PURE__ */ t(P, { placement: "top" }) }) }),
         /* @__PURE__ */ t(A, {}),
         $ && /* @__PURE__ */ t(H, {}),
-        /* @__PURE__ */ t(R, {}),
+        /* @__PURE__ */ t(j, {}),
         /* @__PURE__ */ u(
           J,
           {
@@ -93,18 +93,18 @@ const Te = S(
             $height: c,
             children: [
               /* @__PURE__ */ t(
-                V,
+                w,
                 {
                   $gutterX: 0.5,
                   $flexDirection: p ? "row-reverse" : "row",
                   $justifyContent: "space-between",
                   $alignItems: "center",
-                  $width: y,
+                  $width: C,
                   $height: c,
                   children: p ? /* @__PURE__ */ t(K, {}) : /* @__PURE__ */ u(W, { children: [
-                    /* @__PURE__ */ t(D, {}),
+                    /* @__PURE__ */ t(G, {}),
                     T === "bottom" && /* @__PURE__ */ t(O, {}),
-                    /* @__PURE__ */ t(U, { getTimeSpentOnQuestion: b })
+                    /* @__PURE__ */ t(F, { getTimeSpentOnQuestion: b })
                   ] })
                 }
               ),
@@ -112,7 +112,7 @@ const Te = S(
             ]
           }
         ),
-        /* @__PURE__ */ t(F, {})
+        /* @__PURE__ */ t(R, {})
       ] })
     ] });
   })

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

@@ -1 +1 @@
-{"version":3,"file":"worksheet-view.js","sources":["../../../../src/features/worksheet/worksheet/worksheet-view.tsx"],"sourcesContent":["import { forwardRef, memo, useEffect } from 'react';\n\nimport FlexView from '../../ui/layout/flex-view';\nimport UserPointer from '../user-pointer-pin/user-pin';\nimport { TOP_NAVIGATION_HEIGHT } from './constants';\nimport useCreateImperativeHandle from './hooks/use-create-imperative-handle';\nimport useTimeSpentOnQuestions from './hooks/use-time-on-questions';\nimport { useWorksheetStore } from './hooks/use-worksheet-store';\n// import WorksheetActionBar from './worksheet-action-bar/worksheet-action-bar';\nimport WorksheetActionBar from './worksheet-action-bar/worksheet-action-bar';\nimport WorksheetBlocker from './worksheet-blocker/worksheet-blocker';\nimport WorksheetCalculator from './worksheet-calculator/worksheet-calculator';\nimport WorksheetNavigation from './worksheet-navigation/worksheet-navigation';\nimport WorksheetNudgeBanner from './worksheet-nudge-banner/worksheet-nudge-banner';\nimport WorksheetQuestionsController from './worksheet-questions-controller/worksheet-questions-controller';\nimport WorksheetQuestionsTools from './worksheet-questions-tools/worksheet-questions-tools';\nimport WorksheetQuestions from './worksheet-questions/worksheet-questions';\nimport * as Styled from './worksheet-styled';\nimport WorksheetSummaryController from './worksheet-summary-controller/worksheet-summary-controller';\nimport WorksheetTeachingTools from './worksheet-teaching-tools/worksheet-teaching-tools';\nimport { type IWorksheetRef } from './worksheet-types';\n\nconst WorksheetView = memo(\n  forwardRef<IWorksheetRef>((_, ref) => {\n    const {\n      behavior,\n      layout,\n      actionbarHeight,\n      questionsContainerWidth,\n      questions,\n      responses,\n      initialQuestionId,\n      userType,\n      summaryVisible,\n      changeQuestion,\n      onResponsesChange,\n      onExitTicketStart,\n      onExitTicketSubmit,\n      lastUnlockedQuestionIndex,\n      activeQuestionTool,\n    } = useWorksheetStore(store => ({\n      behavior: store.behavior,\n      layout: store.layout,\n      actionbarHeight: store.actionbarHeight,\n      questionsContainerWidth: store.questionsContainerWidth,\n      questions: store.questions,\n      responses: store.responses,\n      initialQuestionId: store.initialQuestionId,\n      userType: store.userType,\n      summaryVisible: store.summaryVisible,\n      changeQuestion: store.changeQuestion,\n      onResponsesChange: store.onResponsesChange,\n      onExitTicketStart: store.onExitTicketStart,\n      onExitTicketSubmit: store.onExitTicketSubmit,\n      lastUnlockedQuestionIndex: store.lastUnlockedQuestionIndex,\n      activeQuestionTool: store.activeQuestionTool,\n    }));\n    const { containerWidth, navigationBar, topOffset, showUserPointer = true } = layout;\n    const lastUnlockedQuestion = questions[lastUnlockedQuestionIndex];\n    const lastUnlockedQuestionResponse = responses[lastUnlockedQuestion?.response_id ?? ''];\n    // TODO: This can be moved to worksheet-store and optimized to avoid re-renders\n    const getTimeSpentOnQuestion = useTimeSpentOnQuestions();\n\n    useCreateImperativeHandle(ref, {\n      getTimeSpentOnQuestion,\n    });\n\n    useEffect(() => {\n      if (onResponsesChange && responses) {\n        onResponsesChange(responses);\n      }\n    }, [onResponsesChange, responses]);\n\n    useEffect(() => {\n      changeQuestion(initialQuestionId);\n    }, [initialQuestionId, changeQuestion]);\n\n    useEffect(() => {\n      if (\n        behavior.initialQuestion === 'CURRENT' &&\n        lastUnlockedQuestion &&\n        behavior.teacherValidationEnabled\n      ) {\n        const timer = setTimeout(() => {\n          changeQuestion(lastUnlockedQuestion.response_id);\n        }, 1000);\n\n        return () => {\n          clearTimeout(timer);\n        };\n      }\n    }, [lastUnlockedQuestion, behavior, changeQuestion]);\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    return (\n      <>\n        <WorksheetNudgeBanner />\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 placement=\"top\" />\n              </Styled.NavigationWrapper>\n            </Styled.NavigationContainer>\n          )}\n          <WorksheetBlocker />\n          {showUserPointer && <UserPointer />}\n          <WorksheetCalculator />\n          <Styled.ActionbarContainer\n            $marginTop={userType === 'TEACHER' && summaryVisible ? '0' : actionbarHeight}\n            $height={actionbarHeight}\n          >\n            <FlexView\n              $gutterX={0.5}\n              $flexDirection={summaryVisible ? 'row-reverse' : 'row'}\n              $justifyContent=\"space-between\"\n              $alignItems=\"center\"\n              $width={questionsContainerWidth}\n              $height={actionbarHeight}\n            >\n              {summaryVisible ? (\n                <WorksheetSummaryController />\n              ) : (\n                <>\n                  <WorksheetQuestionsTools />\n                  {navigationBar === 'bottom' && <WorksheetActionBar />}\n                  <WorksheetQuestionsController getTimeSpentOnQuestion={getTimeSpentOnQuestion} />\n                </>\n              )}\n            </FlexView>\n            {activeQuestionTool && <WorksheetTeachingTools tool={activeQuestionTool} />}\n          </Styled.ActionbarContainer>\n          <WorksheetQuestions />\n        </Styled.WorksheetContainer>\n      </>\n    );\n  }),\n);\n\nexport default WorksheetView;\n"],"names":["WorksheetView","memo","forwardRef","_","ref","behavior","layout","actionbarHeight","questionsContainerWidth","questions","responses","initialQuestionId","userType","summaryVisible","changeQuestion","onResponsesChange","onExitTicketStart","onExitTicketSubmit","lastUnlockedQuestionIndex","activeQuestionTool","useWorksheetStore","store","containerWidth","navigationBar","topOffset","showUserPointer","lastUnlockedQuestion","lastUnlockedQuestionResponse","getTimeSpentOnQuestion","useTimeSpentOnQuestions","useCreateImperativeHandle","useEffect","timer","item_type","instructor_stimulus","jsxs","Fragment","jsx","WorksheetNudgeBanner","Styled.WorksheetContainer","Styled.NavigationContainer","TOP_NAVIGATION_HEIGHT","Styled.NavigationWrapper","WorksheetNavigation","WorksheetBlocker","UserPointer","WorksheetCalculator","Styled.ActionbarContainer","FlexView","WorksheetSummaryController","WorksheetQuestionsTools","WorksheetActionBar","WorksheetQuestionsController","WorksheetTeachingTools","WorksheetQuestions"],"mappings":"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"}
+{"version":3,"file":"worksheet-view.js","sources":["../../../../src/features/worksheet/worksheet/worksheet-view.tsx"],"sourcesContent":["import { forwardRef, memo, useEffect } from 'react';\n\nimport FlexView from '../../ui/layout/flex-view';\nimport UserPointer from '../user-pointer-pin/user-pin';\nimport { TOP_NAVIGATION_HEIGHT } from './constants';\nimport useCreateImperativeHandle from './hooks/use-create-imperative-handle';\nimport useTimeSpentOnQuestions from './hooks/use-time-on-questions';\nimport { useWorksheetStore } from './hooks/use-worksheet-store';\n// import WorksheetActionBar from './worksheet-action-bar/worksheet-action-bar';\nimport WorksheetActionBar from './worksheet-action-bar/worksheet-action-bar';\nimport WorksheetBlocker from './worksheet-blocker/worksheet-blocker';\nimport WorksheetCalculator from './worksheet-calculator/worksheet-calculator';\nimport WorksheetNavigation from './worksheet-navigation/worksheet-navigation';\nimport WorksheetNudgeBanner from './worksheet-nudge-banner/worksheet-nudge-banner';\nimport WorksheetQuestionsController from './worksheet-questions-controller/worksheet-questions-controller';\nimport WorksheetQuestionsTools from './worksheet-questions-tools/worksheet-questions-tools';\nimport WorksheetQuestions from './worksheet-questions/worksheet-questions';\nimport * as Styled from './worksheet-styled';\nimport WorksheetSummaryController from './worksheet-summary-controller/worksheet-summary-controller';\nimport WorksheetTeachingTools from './worksheet-teaching-tools/worksheet-teaching-tools';\nimport { type IWorksheetRef } from './worksheet-types';\n\nconst WorksheetView = memo(\n  forwardRef<IWorksheetRef>((_, ref) => {\n    const {\n      behavior,\n      layout,\n      actionbarHeight,\n      questionsContainerWidth,\n      questions,\n      responses,\n      initialQuestionId,\n      userType,\n      summaryVisible,\n      changeQuestion,\n      onResponsesChange,\n      onExitTicketStart,\n      onExitTicketSubmit,\n      lastUnlockedQuestionIndex,\n      activeQuestionTool,\n    } = useWorksheetStore(store => ({\n      behavior: store.behavior,\n      layout: store.layout,\n      actionbarHeight: store.actionbarHeight,\n      questionsContainerWidth: store.questionsContainerWidth,\n      questions: store.questions,\n      responses: store.responses,\n      initialQuestionId: store.initialQuestionId,\n      userType: store.userType,\n      summaryVisible: store.summaryVisible,\n      changeQuestion: store.changeQuestion,\n      onResponsesChange: store.onResponsesChange,\n      onExitTicketStart: store.onExitTicketStart,\n      onExitTicketSubmit: store.onExitTicketSubmit,\n      lastUnlockedQuestionIndex: store.lastUnlockedQuestionIndex,\n      activeQuestionTool: store.activeQuestionTool,\n    }));\n    const { containerWidth, navigationBar, topOffset, showUserPointer = true } = layout;\n    const lastUnlockedQuestion = questions[lastUnlockedQuestionIndex];\n    const lastUnlockedQuestionResponse = responses[lastUnlockedQuestion?.response_id ?? ''];\n    // TODO: This can be moved to worksheet-store and optimized to avoid re-renders\n    const getTimeSpentOnQuestion = useTimeSpentOnQuestions();\n\n    useCreateImperativeHandle(ref, {\n      getTimeSpentOnQuestion,\n    });\n\n    useEffect(() => {\n      if (onResponsesChange && responses) {\n        onResponsesChange(responses);\n      }\n    }, [onResponsesChange, responses]);\n\n    useEffect(() => {\n      changeQuestion(initialQuestionId);\n    }, [initialQuestionId, changeQuestion]);\n\n    useEffect(() => {\n      if (lastUnlockedQuestion && behavior.teacherValidationEnabled) {\n        const timer = setTimeout(() => {\n          changeQuestion(lastUnlockedQuestion.response_id);\n        }, 1000);\n\n        return () => {\n          clearTimeout(timer);\n        };\n      }\n    }, [lastUnlockedQuestion, behavior.teacherValidationEnabled, changeQuestion]);\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    return (\n      <>\n        <WorksheetNudgeBanner />\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 placement=\"top\" />\n              </Styled.NavigationWrapper>\n            </Styled.NavigationContainer>\n          )}\n          <WorksheetBlocker />\n          {showUserPointer && <UserPointer />}\n          <WorksheetCalculator />\n          <Styled.ActionbarContainer\n            $marginTop={userType === 'TEACHER' && summaryVisible ? '0' : actionbarHeight}\n            $height={actionbarHeight}\n          >\n            <FlexView\n              $gutterX={0.5}\n              $flexDirection={summaryVisible ? 'row-reverse' : 'row'}\n              $justifyContent=\"space-between\"\n              $alignItems=\"center\"\n              $width={questionsContainerWidth}\n              $height={actionbarHeight}\n            >\n              {summaryVisible ? (\n                <WorksheetSummaryController />\n              ) : (\n                <>\n                  <WorksheetQuestionsTools />\n                  {navigationBar === 'bottom' && <WorksheetActionBar />}\n                  <WorksheetQuestionsController getTimeSpentOnQuestion={getTimeSpentOnQuestion} />\n                </>\n              )}\n            </FlexView>\n            {activeQuestionTool && <WorksheetTeachingTools tool={activeQuestionTool} />}\n          </Styled.ActionbarContainer>\n          <WorksheetQuestions />\n        </Styled.WorksheetContainer>\n      </>\n    );\n  }),\n);\n\nexport default WorksheetView;\n"],"names":["WorksheetView","memo","forwardRef","_","ref","behavior","layout","actionbarHeight","questionsContainerWidth","questions","responses","initialQuestionId","userType","summaryVisible","changeQuestion","onResponsesChange","onExitTicketStart","onExitTicketSubmit","lastUnlockedQuestionIndex","activeQuestionTool","useWorksheetStore","store","containerWidth","navigationBar","topOffset","showUserPointer","lastUnlockedQuestion","lastUnlockedQuestionResponse","getTimeSpentOnQuestion","useTimeSpentOnQuestions","useCreateImperativeHandle","useEffect","timer","item_type","instructor_stimulus","jsxs","Fragment","jsx","WorksheetNudgeBanner","Styled.WorksheetContainer","Styled.NavigationContainer","TOP_NAVIGATION_HEIGHT","Styled.NavigationWrapper","WorksheetNavigation","WorksheetBlocker","UserPointer","WorksheetCalculator","Styled.ActionbarContainer","FlexView","WorksheetSummaryController","WorksheetQuestionsTools","WorksheetActionBar","WorksheetQuestionsController","WorksheetTeachingTools","WorksheetQuestions"],"mappings":"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"}

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

@@ -1,18 +1,18 @@
-import { jsx as l } from "react/jsx-runtime";
-import { memo as b, forwardRef as D, useMemo as I, useCallback as N, useEffect as h } from "react";
-import V from "../../cue-canvas/cue-canvas-provider.js";
-import x from "../constants/events.js";
-import A from "./hooks/use-learnosity.js";
-import B from "./hooks/use-worksheet-data-helper.js";
-import { getWorksheetBehaviour as H } from "./worksheet-behavior-helper.js";
+import { jsx as f } from "react/jsx-runtime";
+import { memo as D, forwardRef as I, useMemo as N, useCallback as V, useEffect as l } from "react";
+import x from "../../cue-canvas/cue-canvas-provider.js";
+import A from "../constants/events.js";
+import B from "./hooks/use-learnosity.js";
+import H from "./hooks/use-worksheet-data-helper.js";
+import { getWorksheetBehaviour as O } from "./worksheet-behavior-helper.js";
 import _ from "./worksheet-provider.js";
 import j from "./worksheet-view.js";
-const K = b(
-  D((R, v) => {
+const K = D(
+  I((R, S) => {
     const {
-      attemptId: S,
-      itemsSignedRequest: W,
-      questionsSignedRequest: k,
+      attemptId: W,
+      itemsSignedRequest: w,
+      questionsSignedRequest: h,
       onLoaded: t,
       onErrored: n,
       onResponsesLoaded: a,
@@ -21,27 +21,38 @@ const K = b(
       worksheetCompleted: d,
       inClass: u,
       nodeType: p,
-      mode: c,
-      activityType: f,
+      mode: k,
+      activityType: c,
       isDesmosEnabled: g = !1,
-      studentName: w,
-      ...C
-    } = R, T = I(
-      () => H({
+      behaviorOverride: v,
+      studentName: C,
+      ...T
+    } = R, b = N(
+      () => O({
         nodeType: p,
         inClass: u,
-        activityType: f,
+        activityType: c,
         isDesmosEnabled: g,
-        mode: c,
+        mode: k,
         userType: i,
-        worksheetCompleted: d
+        worksheetCompleted: d,
+        behaviorOverride: v
       }),
-      [p, u, f, g, c, i, d]
-    ), { loadingState: s, data: e, error: E } = B({
-      attemptId: S,
-      signedRequest: W,
+      [
+        p,
+        u,
+        c,
+        g,
+        k,
+        i,
+        d,
+        v
+      ]
+    ), { loadingState: s, data: e, error: E } = H({
+      attemptId: W,
+      signedRequest: w,
       loggerRef: o
-    }), q = N(
+    }), q = V(
       (m) => {
         n({
           code: m.code,
@@ -49,8 +60,8 @@ const K = b(
         });
       },
       [n]
-    ), { learnosity: r, appendedQuestionIds: L } = A(
-      k,
+    ), { learnosity: r, appendedQuestionIds: L } = B(
+      h,
       q,
       o
     ), y = (() => {
@@ -59,35 +70,34 @@ const K = b(
         return {
           learnosityItems: m,
           learnosityResponses: P,
-          behavior: T,
-          studentName: w ?? "Student",
+          behavior: b,
+          studentName: C ?? "Student",
           userType: i,
-          questionsSignedRequest: k,
+          questionsSignedRequest: h,
           worksheetCompleted: d,
           learnosity: r,
           loggerRef: o,
           appendedQuestionIds: L,
           nodeType: p,
-          activityType: f,
+          activityType: c,
           inClass: u,
-          mode: c,
-          ...C
+          ...T
         };
       }
       return null;
     })();
-    return h(() => {
+    return l(() => {
       s === "error" && n({
         message: E ?? "Error loading worksheet"
       });
-    }, [s, E, t, n]), h(() => {
-      r && s === "success" && t && (o.current(x.WORKSHEET_V3_READY), t());
-    }, [r, s, o, t]), h(() => {
+    }, [s, E, t, n]), l(() => {
+      r && s === "success" && t && (o.current(A.WORKSHEET_V3_READY), t());
+    }, [r, s, o, t]), l(() => {
       e != null && e.responses && a && a(e.responses ?? {});
-    }, [e == null ? void 0 : e.responses, a]), s === "success" && e && r && y ? /* @__PURE__ */ l(_, { ...y, children: /* @__PURE__ */ l(V, { userType: i, renderAs: "canvas", children: /* @__PURE__ */ l(j, { ref: v }) }) }) : null;
+    }, [e == null ? void 0 : e.responses, a]), s === "success" && e && r && y ? /* @__PURE__ */ f(_, { ...y, children: /* @__PURE__ */ f(x, { userType: i, renderAs: "canvas", children: /* @__PURE__ */ f(j, { ref: S }) }) }) : null;
   })
-), U = K;
+), X = K;
 export {
-  U as default
+  X as default
 };
 //# sourceMappingURL=worksheet.js.map

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

@@ -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 { 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      studentName,\n      ...otherProps\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: TWorksheetStoreProps | null = (() => {\n      if (loadingState === 'success' && data && learnosity) {\n        const { learnosityItems, responses } = data;\n\n        return {\n          learnosityItems,\n          learnosityResponses: responses,\n          behavior: worksheetBehavior,\n          studentName: studentName ?? 'Student',\n          userType,\n          questionsSignedRequest,\n          worksheetCompleted,\n          learnosity,\n          loggerRef,\n          appendedQuestionIds,\n          nodeType,\n          activityType,\n          inClass,\n          mode,\n          ...otherProps,\n        };\n      }\n\n      return null;\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","studentName","otherProps","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":";;;;;;;;;AAgBA,MAAMA,IAAYC;AAAA,EAChBC,EAA2C,CAACC,GAAOC,MAAQ;AACnD,UAAA;AAAA,MACJ,WAAAC;AAAA,MACA,oBAAAC;AAAA,MACA,wBAAAC;AAAA,MACA,UAAAC;AAAA,MACA,WAAAC;AAAA,MACA,mBAAAC;AAAA,MACA,WAAAC;AAAA,MACA,UAAAC;AAAA,MACA,oBAAAC;AAAA,MACA,SAAAC;AAAA,MACA,UAAAC;AAAA,MACA,MAAAC;AAAA,MACA,cAAAC;AAAA,MACA,iBAAAC,IAAkB;AAAA,MAClB,aAAAC;AAAA,MACA,GAAGC;AAAA,IACD,IAAAjB,GAEEkB,IAAoBC;AAAA,MACxB,MACEC,EAAsB;AAAA,QACpB,UAAAR;AAAA,QACA,SAAAD;AAAA,QACA,cAAAG;AAAA,QACA,iBAAAC;AAAA,QACA,MAAAF;AAAA,QACA,UAAAJ;AAAA,QACA,oBAAAC;AAAA,MAAA,CACD;AAAA,MACH,CAACE,GAAUD,GAASG,GAAcC,GAAiBF,GAAMJ,GAAUC,CAAkB;AAAA,IAAA,GAGjF,EAAE,cAAAW,GAAc,MAAAC,GAAM,OAAAC,EAAA,IAAUC,EAAuB;AAAA,MAC3D,WAAAtB;AAAA,MACA,eAAeC;AAAA,MACf,WAAAK;AAAA,IAAA,CACD,GAEKiB,IAAsBC;AAAA,MAC1B,CAACC,MAA0B;AACf,QAAArB,EAAA;AAAA,UACR,MAAMqB,EAAI;AAAA,UACV,SAASA,EAAI;AAAA,QAAA,CACd;AAAA,MACH;AAAA,MACA,CAACrB,CAAS;AAAA,IAAA,GAGN,EAAE,YAAAsB,GAAY,qBAAAC,EAAA,IAAwBC;AAAA,MAC1C1B;AAAA,MACAqB;AAAA,MACAjB;AAAA,IAAA,GAGIuB,KAAoD,MAAM;AAC1D,UAAAV,MAAiB,aAAaC,KAAQM,GAAY;AAC9C,cAAA,EAAE,iBAAAI,GAAiB,WAAAC,EAAc,IAAAX;AAEhC,eAAA;AAAA,UACL,iBAAAU;AAAA,UACA,qBAAqBC;AAAA,UACrB,UAAUf;AAAA,UACV,aAAaF,KAAe;AAAA,UAC5B,UAAAP;AAAA,UACA,wBAAAL;AAAA,UACA,oBAAAM;AAAA,UACA,YAAAkB;AAAA,UACA,WAAApB;AAAA,UACA,qBAAAqB;AAAA,UACA,UAAAjB;AAAA,UACA,cAAAE;AAAA,UACA,SAAAH;AAAA,UACA,MAAAE;AAAA,UACA,GAAGI;AAAA,QAAA;AAAA,MAEP;AAEO,aAAA;AAAA,IAAA;AAwBT,WArBAiB,EAAU,MAAM;AACd,MAAIb,MAAiB,WACTf,EAAA;AAAA,QACR,SAASiB,KAAS;AAAA,MAAA,CACnB;AAAA,OAEF,CAACF,GAAcE,GAAOlB,GAAUC,CAAS,CAAC,GAE7C4B,EAAU,MAAM;AACV,MAAAN,KAAcP,MAAiB,aAAahB,MACpCG,EAAA,QAAQ2B,EAAO,kBAAkB,GAClC9B;OAEV,CAACuB,GAAYP,GAAcb,GAAWH,CAAQ,CAAC,GAElD6B,EAAU,MAAM;AACV,MAAAZ,KAAA,QAAAA,EAAM,aAAaf,KACHA,EAAAe,EAAK,aAAa,CAAA,CAAE;AAAA,IAEvC,GAAA,CAACA,KAAA,gBAAAA,EAAM,WAAWf,CAAiB,CAAC,GAEnCc,MAAiB,aAAaC,KAAQM,KAAcG,IAEnD,gBAAAK,EAAAC,GAAA,EAAmB,GAAGN,GACrB,UAAC,gBAAAK,EAAAE,GAAA,EAAkB,UAAA7B,GAAoB,UAAS,UAC9C,UAAA,gBAAA2B,EAACG,GAAc,EAAA,KAAAtC,GAAU,GAC3B,EACF,CAAA,IAIG;AAAA,EAAA,CACR;AACH,GAEAuC,IAAe3C;"}
+{"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      behaviorOverride,\n      studentName,\n      ...otherProps\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          behaviorOverride,\n        }),\n      [\n        nodeType,\n        inClass,\n        activityType,\n        isDesmosEnabled,\n        mode,\n        userType,\n        worksheetCompleted,\n        behaviorOverride,\n      ],\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: TWorksheetStoreProps | null = (() => {\n      if (loadingState === 'success' && data && learnosity) {\n        const { learnosityItems, responses } = data;\n\n        return {\n          learnosityItems,\n          learnosityResponses: responses,\n          behavior: worksheetBehavior,\n          studentName: studentName ?? 'Student',\n          userType,\n          questionsSignedRequest,\n          worksheetCompleted,\n          learnosity,\n          loggerRef,\n          appendedQuestionIds,\n          nodeType,\n          activityType,\n          inClass,\n          ...otherProps,\n        };\n      }\n\n      return null;\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","behaviorOverride","studentName","otherProps","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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"}

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

@@ -1,63 +1,76 @@
-import { jsx as t, jsxs as z } from "react/jsx-runtime";
-import { memo as A, useMemo as C, useCallback as $, useEffect as b } from "react";
-import x from "../../../ui/buttons/button/button.js";
-import I from "../../../ui/layout/flex-view.js";
-import S from "../../../ui/loader/app-loader/app-loader.js";
-import E from "../../../ui/text/text.js";
-import { useGetDynamicSheetData as R } from "../api/get-dynamic-sheet.js";
-import B from "../worksheet-preview.js";
-const F = A(
-  function(r) {
-    const { studentId: i, userNodeId: n, studentName: a, onBackIconClick: l, actionBarRightElement: h, userType: p } = r, { onOpenQuestionFeedbackModal: f } = r, {
+import { jsx as t, jsxs as I } from "react/jsx-runtime";
+import { memo as S, useMemo as $, useCallback as b, useEffect as x } from "react";
+import R from "../../../ui/buttons/button/button.js";
+import B from "../../../ui/layout/flex-view.js";
+import E from "../../../ui/loader/app-loader/app-loader.js";
+import F from "../../../ui/text/text.js";
+import { useGetDynamicSheetData as M } from "../api/get-dynamic-sheet.js";
+import N from "../worksheet-preview.js";
+const W = S(
+  function(s) {
+    const {
+      studentId: n,
+      userNodeId: i,
+      studentName: a,
+      onBackIconClick: l,
+      actionBarRightElement: h,
+      userType: p,
+      worksheetBackIconRef: f,
+      canStartJourney: y,
+      startJourney: g
+    } = s, { onOpenQuestionFeedbackModal: k } = s, {
       get: m,
-      data: y,
-      isProcessing: g,
-      isProcessingFailed: k,
+      data: w,
+      isProcessing: D,
+      isProcessingFailed: v,
       error: o
-    } = R(), {
-      items: D = [],
+    } = M(), {
+      items: P = [],
       title: c,
       node_type: u = "DYNAMIC",
-      worksheet: w
-    } = y || {}, { image_hue: v } = w || {}, d = D.map(({ ref: T }) => T), e = u === "PUZZLE_CARD", P = C(() => e ? `${a} hasn't attempted the puzzle yet` : c, [e, a, c]), s = $(() => {
-      i && n && m(n);
-    }, [m, i, n]);
-    return b(() => {
-      s();
-    }, [s]), g ? /* @__PURE__ */ t(S, { height: "100%" }) : k ? /* @__PURE__ */ z(I, { $flexGapX: 1.5, $height: "100vh", $justifyContent: "center", $alignItems: "center", children: [
-      /* @__PURE__ */ t(E, { $renderAs: "ab1-bold", children: (o == null ? void 0 : o.message) || "Oops! Something went wrong. Please try again later." }),
+      worksheet: T
+    } = w || {}, { image_hue: z } = T || {}, d = P.map(({ ref: C }) => C), e = u === "PUZZLE_CARD", A = $(() => e ? `${a} hasn't attempted the puzzle yet` : c, [e, a, c]), r = b(() => {
+      n && i && m(i);
+    }, [m, n, i]);
+    return x(() => {
+      r();
+    }, [r]), D ? /* @__PURE__ */ t(E, { height: "100%" }) : v ? /* @__PURE__ */ I(B, { $flexGapX: 1.5, $height: "100vh", $justifyContent: "center", $alignItems: "center", children: [
+      /* @__PURE__ */ t(F, { $renderAs: "ab1-bold", children: (o == null ? void 0 : o.message) || "Oops! Something went wrong. Please try again later." }),
       /* @__PURE__ */ t(
-        x,
+        R,
         {
           widthX: 14,
           size: "small",
           shape: "square",
           renderAs: "primary",
           label: "Try again",
-          onClick: s
+          onClick: r
         }
       )
     ] }) : d ? /* @__PURE__ */ t(
-      B,
+      N,
       {
         activityReference: e ? "puzzle" : "test",
         nodeType: u,
         userType: p ?? "TEACHER",
-        studentId: i ?? "student-id",
+        studentId: n ?? "student-id",
         activityType: null,
-        worksheetName: P,
+        worksheetName: A,
         items: d,
         onBackIconClick: l,
-        imageHue: v ?? void 0,
+        imageHue: z ?? void 0,
         actionBarRightElement: h,
         mode: "preview",
-        openQuestionFeedbackModal: f,
-        topOffset: e ? 112 : void 0
+        openQuestionFeedbackModal: k,
+        topOffset: e ? 112 : void 0,
+        worksheetBackIconRef: f,
+        canStartJourney: y,
+        startJourney: g
       }
     ) : null;
   }
-), Q = F;
+), Z = W;
 export {
-  Q as default
+  Z as default
 };
 //# sourceMappingURL=dynamic-worksheet-preview.js.map