@cuemath/leap 3.0.7-hg1 → 3.0.7

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

@@ -0,0 +1 @@
+{"version":3,"file":"worksheet-helpers.js","sources":["../../../../src/features/worksheet/worksheet/worksheet-helpers.ts"],"sourcesContent":["import type { NODE_TYPES } from '../../../types/models/worksheet';\nimport type { TColorNames, TUserTypes } from '../../ui/types';\nimport type { TWorksheetQuestionPaperColor } from './worksheet-question/worksheet-question-types';\n\nimport Bulb2Icon from '../../../assets/line-icons/icons/bulb2';\nimport EditStarIcon from '../../../assets/line-icons/icons/edit-star';\nimport Edit2Icon from '../../../assets/line-icons/icons/edit2';\nimport QuestionLetterIcon from '../../../assets/line-icons/icons/question-letter';\nimport Star2Icon from '../../../assets/line-icons/icons/star2';\nimport EVENTS from '../constants/events';\nimport {\n  ACTION_BAR_HEIGHT,\n  OPTIONAL_ITEM_TYPES,\n  QUESTION_WIDTH,\n  SPLIT_QUESTION_WIDTH,\n} from './constants';\nimport {\n  QUESTION_TAGS,\n  type ILearnosityItem,\n  type ILearnosityQuestion,\n  type ISheetNudgeBannerInfo,\n  type IWorksheetBehavior,\n  type IWorksheetProps,\n  type IWorksheetQuestion,\n  type IWorksheetResponse,\n  type TInstructorStimulus,\n  type TItemType,\n  type TSectionName,\n} from './worksheet-types';\n\ninterface IGetSectionNameFromItemType {\n  (itemType?: TItemType): TSectionName | undefined;\n}\n\nconst getSectionNameFromItemType: IGetSectionNameFromItemType = itemType => {\n  switch (itemType) {\n    case 'overview':\n      return 'overview';\n    case 'learning-we-do':\n    case 'learning-your-turn':\n    case 'learning-explore':\n      return 'learning';\n    case 'practice-basic':\n    case 'practice-basic-optional':\n      return 'practice-basic';\n    case 'practice-regular':\n    case 'practice-regular-optional':\n      return 'practice-regular';\n    case 'exit-ticket':\n      return 'exit-ticket';\n    case 'advanced-explore':\n    case 'advanced-we-do':\n    case 'advanced-your-turn':\n    case 'advanced-practice':\n      return 'advanced';\n    default:\n      return undefined;\n  }\n};\n\nconst isConceptIntroWidget = (instructorStimulus?: TInstructorStimulus) => {\n  if (!instructorStimulus) {\n    return false;\n  }\n\n  const lowerCaseInstructorStimulus = instructorStimulus.toLowerCase();\n\n  return lowerCaseInstructorStimulus === 'intro' || lowerCaseInstructorStimulus === 'concept-intro';\n};\n\nconst getTagsMap = (tags: string[]): Record<string, string> => {\n  return tags.reduce((acc, tag) => {\n    const [key, value] = tag.split(':');\n    const trimmedKey = key?.trim();\n    const trimmedValue = value?.trim();\n\n    if (!trimmedKey || !trimmedValue) {\n      return acc;\n    }\n\n    return {\n      ...acc,\n      [trimmedKey.toLowerCase()]: trimmedValue,\n    };\n  }, {});\n};\n\ninterface IGetQuestionsFromItems {\n  (\n    items: ILearnosityItem[],\n    options: {\n      sectioned?: boolean;\n      adaptive?: boolean;\n    },\n  ): IWorksheetQuestion[];\n}\nconst getQuestionsFromItems: IGetQuestionsFromItems = (\n  items,\n  { sectioned = false, adaptive = false },\n) => {\n  if (sectioned) {\n    return items.reduce((acc, item, itemIndex) => {\n      let hasIntroWidget = false;\n      const { content, questions, itemType } = item;\n      const sectionName = getSectionNameFromItemType(itemType);\n      const prevItem = acc[acc.length - 1];\n      const itemDisplayNumber =\n        sectionName === prevItem?.section_name && prevItem?.item_display_number\n          ? prevItem.item_display_number + 1\n          : 1;\n      const orderedQuestionIds = content.match(/question-[^\"]*/g);\n      const orderedQuestions = orderedQuestionIds?.map((responseId, widgetIndex) => {\n        const question = questions.find(\n          ({ response_id: respId }) => respId === responseId.replace('question-', ''),\n        );\n\n        if (!question) {\n          throw new Error(`Question not found for the response id: ${responseId}`);\n        }\n\n        hasIntroWidget = hasIntroWidget || isConceptIntroWidget(question.instructor_stimulus);\n\n        return {\n          ...question,\n          // Some questions are set to limited number of attempts which can show feedback which is causing the question to be stuck in the errored state\n          feedback_attempts: undefined,\n          item_reference: item.reference,\n          item_number: itemIndex,\n          item_display_number: itemDisplayNumber,\n          section_name: sectionName,\n          item_type: sectioned ? itemType : undefined,\n          is_optional: itemType ? OPTIONAL_ITEM_TYPES.includes(itemType) : false,\n          item_tags: item.tags ?? [],\n          item_tags_map: getTagsMap(item.tags ?? []),\n          question_number: widgetIndex - (hasIntroWidget ? 1 : 0),\n          total_questions: orderedQuestionIds.length,\n        } as IWorksheetQuestion;\n      });\n\n      hasIntroWidget = false;\n\n      if (orderedQuestions?.[0] && itemIndex > 0 && items.length > 0) {\n        const prevItemType = items[itemIndex - 1]?.itemType;\n        const itemTypeDerived = itemType?.startsWith('advanced-') ? 'advanced' : itemType;\n        const prevItemTypeDerived = prevItemType?.startsWith('advanced-')\n          ? 'advanced'\n          : prevItemType;\n\n        if (\n          (itemTypeDerived === 'practice-basic' ||\n            itemTypeDerived === 'practice-regular' ||\n            itemTypeDerived === 'exit-ticket' ||\n            itemTypeDerived === 'advanced') &&\n          itemTypeDerived !== prevItemTypeDerived\n        ) {\n          return [\n            ...acc,\n            {\n              ...orderedQuestions[0],\n              metadata: {\n                ...orderedQuestions[0].metadata,\n                teacher_tips: undefined,\n                hints: undefined,\n                solution: undefined,\n              },\n              instructor_stimulus: 'SystemIntro',\n              response_id: `${itemType}-system-intro`,\n              is_optional: itemType?.startsWith('advanced-'),\n            },\n            ...(orderedQuestions ?? []),\n          ];\n        }\n      }\n\n      return [...acc, ...(orderedQuestions ?? [])];\n    }, [] as IWorksheetQuestion[]);\n  }\n\n  const finalQuestions = items.reduce((acc, item, itemIndex) => {\n    const { content, questions } = item;\n    const orderedQuestionIds = content.match(/question-[^\"]*/g);\n    const orderedQuestions = orderedQuestionIds?.map<IWorksheetQuestion>(\n      (responseId, widgetIndex) => {\n        const question = questions.find(\n          ({ response_id: respId }) => respId === responseId.replace('question-', ''),\n        );\n\n        if (!question) {\n          throw new Error(`Question not found for the response id: ${responseId}`);\n        }\n\n        return {\n          ...question,\n          feedback_attempts: undefined,\n          item_reference: item.reference,\n          item_number: itemIndex,\n          item_display_number: itemIndex + 1,\n          item_tags: item.tags ?? [],\n          item_tags_map: getTagsMap(item.tags ?? []),\n          question_number: widgetIndex,\n          total_questions: orderedQuestionIds.length,\n        };\n      },\n    );\n\n    return [...acc, ...(orderedQuestions ?? [])];\n  }, [] as IWorksheetQuestion[]);\n\n  if (adaptive) {\n    const topics: string[] = [];\n    const topicsOrder: Record<string, number> = {};\n\n    return finalQuestions\n      .sort((a, b) => {\n        const aTopic = a.item_tags_map[QUESTION_TAGS.TRIAL_TOPIC];\n        const bTopic = b.item_tags_map[QUESTION_TAGS.TRIAL_TOPIC];\n\n        if (aTopic && topicsOrder[aTopic] === undefined) {\n          topicsOrder[aTopic] = topics.length;\n          topics.push(aTopic);\n        }\n\n        if (bTopic && topicsOrder[bTopic] === undefined) {\n          topicsOrder[bTopic] = topics.length;\n          topics.push(bTopic);\n        }\n\n        if (!aTopic || !bTopic) {\n          return 0;\n        }\n\n        const aSortKey = `${topicsOrder[aTopic]}-${\n          a.item_tags_map[QUESTION_TAGS.QUESTION_CODE]?.length ?? 0\n        }`;\n        const bSortKey = `${topicsOrder[bTopic]}-${\n          b.item_tags_map[QUESTION_TAGS.QUESTION_CODE]?.length ?? 0\n        }`;\n\n        return aSortKey > bSortKey ? 1 : -1;\n      })\n      .map(question => {\n        const topicOrder =\n          topicsOrder[question.item_tags_map[QUESTION_TAGS.TRIAL_TOPIC] ?? ''] ?? 0;\n        const questionCode = question.item_tags_map[QUESTION_TAGS.QUESTION_CODE] ?? '';\n\n        return {\n          ...question,\n          item_display_number: topicOrder * 3 + questionCode.length,\n        };\n      });\n  }\n\n  return finalQuestions;\n};\n\ninterface IGetInitialQuestionId {\n  (params: {\n    questions: IWorksheetQuestion[];\n    initialQuestion: IWorksheetBehavior['initialQuestion'];\n    lastUnlockedQuestionIndex: number;\n    initialResponseId?: string;\n    initialItemIndex?: number;\n  }): string;\n}\n\nconst getInitialQuestionId: IGetInitialQuestionId = ({\n  questions,\n  initialQuestion,\n  initialResponseId,\n  initialItemIndex,\n  lastUnlockedQuestionIndex,\n}) => {\n  const unlockedQuestions = questions.slice(0, lastUnlockedQuestionIndex + 1);\n  const lastUnlockedQuestion = questions[lastUnlockedQuestionIndex]!;\n\n  if (initialResponseId && unlockedQuestions.find(q => q.response_id === initialResponseId)) {\n    return initialResponseId;\n  }\n\n  if (\n    typeof initialItemIndex === 'number' &&\n    initialItemIndex <= lastUnlockedQuestion.item_number\n  ) {\n    const question = questions.find(q => q.item_number === initialItemIndex);\n\n    if (question?.response_id) {\n      return question.response_id;\n    }\n  }\n\n  if (initialQuestion === 'FIRST' && questions[0]?.response_id) {\n    return questions[0].response_id;\n  }\n\n  if (initialQuestion === 'CURRENT') {\n    return lastUnlockedQuestion.response_id;\n  }\n\n  if (questions[0]?.response_id) {\n    return questions[0].response_id;\n  }\n\n  throw new Error('Initial question not found');\n};\n\ninterface IGetLastUnlockedQuestionIndex {\n  (options: {\n    questions: IWorksheetQuestion[];\n    responses: Record<string, IWorksheetResponse>;\n    behavior: IWorksheetBehavior;\n    userType: TUserTypes;\n  }): number;\n}\n\nconst getLastUnlockedQuestionIndex: IGetLastUnlockedQuestionIndex = ({\n  questions,\n  responses,\n  behavior,\n  userType,\n}) => {\n  const { maximumAttempts, teacherValidationEnabled, validation, navigationMode } = behavior;\n  const questionIndex = [...questions].reverse().findIndex(q => {\n    const qResp = responses[q.response_id];\n\n    const { attemptsHistory, validatedByTeacher, assignStatus } = qResp ?? {};\n\n    if (teacherValidationEnabled) {\n      if (validatedByTeacher) {\n        return true;\n      }\n\n      if (assignStatus === 'skipped') {\n        return true;\n      }\n\n      return false;\n    }\n\n    const lastAttemptScore = attemptsHistory?.slice(-1)[0]?.score;\n\n    if (lastAttemptScore) {\n      if ((lastAttemptScore.score ?? 0) === lastAttemptScore.max_score) {\n        return true;\n      }\n\n      const maximumAttemptsReached = (attemptsHistory?.length ?? 0) >= maximumAttempts;\n\n      return maximumAttemptsReached;\n    }\n\n    if (!validation && navigationMode === 'LINEAR' && (qResp?.response || qResp?.skipped)) {\n      return true;\n    }\n\n    return false;\n  });\n\n  if (questionIndex === -1) {\n    return 0;\n  }\n\n  if (questionIndex === 0) {\n    if (teacherValidationEnabled) {\n      const unskippedQuestionIndex = [...questions].reverse().findIndex(q => {\n        return responses[q.response_id]?.assignStatus !== 'skipped';\n      });\n\n      return questions.length - unskippedQuestionIndex - 1;\n    }\n\n    return questions.length - 1;\n  }\n\n  if (teacherValidationEnabled && userType === 'STUDENT') {\n    const lastUnlockedQuestionIndex = questions.length - questionIndex;\n    const lastUnlockedQuestion = questions[lastUnlockedQuestionIndex]!;\n    const { assignStatus } = responses[lastUnlockedQuestion.response_id] ?? {};\n\n    if (lastUnlockedQuestion.is_optional && !assignStatus) {\n      return lastUnlockedQuestionIndex - 1;\n    }\n\n    return lastUnlockedQuestionIndex;\n  }\n\n  return questions.length - questionIndex;\n};\n\ntype TQuestionMetadata = Pick<\n  IWorksheetResponse,\n  'widgetReference' | 'itemReference' | 'itemPosition' | 'questionPosition' | 'isOkayTypeQuestion'\n>;\n\nfunction getQuestionMetadata(\n  questions: IWorksheetQuestion[],\n  questionId: string,\n): TQuestionMetadata;\nfunction getQuestionMetadata(question: IWorksheetQuestion): TQuestionMetadata;\nfunction getQuestionMetadata(\n  questions: IWorksheetQuestion | IWorksheetQuestion[],\n  questionId?: string,\n) {\n  const question = Array.isArray(questions)\n    ? questions.find(q => q.response_id === questionId)\n    : questions;\n\n  if (!question) {\n    throw new Error(`Question with id ${questionId} not found`);\n  }\n\n  return {\n    widgetReference: question.metadata.widget_reference,\n    itemReference: question.item_reference,\n    itemPosition: question.item_number,\n    questionPosition: question.question_number,\n    isOkayTypeQuestion: isOkayTypeQuestion(question),\n    score: {\n      max_score:\n        question?.validation?.valid_response?.score ?? 0 * question.metadata.valid_response_count,\n    },\n    tags: {\n      ...question.item_tags_map,\n      instructor_stimulus: question.instructor_stimulus,\n    },\n  };\n}\n\ninterface IGetInitialResponses {\n  (questions: IWorksheetQuestion[]): Record<string, IWorksheetResponse>;\n}\n\nconst getInitialResponses: IGetInitialResponses = questions => {\n  return questions.reduce(\n    (acc, question) => ({\n      ...acc,\n      [question.response_id]: getQuestionMetadata(questions, question.response_id),\n    }),\n    {},\n  );\n};\n\ninterface IGetWorksheetDimensions {\n  (\n    items: ILearnosityItem[],\n    layout: IWorksheetProps['layout'],\n  ): {\n    questionsContainerWidth: number;\n    maxQuestionWidth: number;\n    actionbarHeight: number;\n  };\n}\n\nconst getWorksheetDimensions: IGetWorksheetDimensions = (items, layout) => {\n  const { actionBar } = layout;\n  const isSingleColumn = !items.some(item =>\n    item.questions.some(question => question.stimulus_review),\n  );\n  const actionbarHeight = actionBar === 'bottom' ? ACTION_BAR_HEIGHT : 0;\n\n  return {\n    questionsContainerWidth: isSingleColumn ? QUESTION_WIDTH : SPLIT_QUESTION_WIDTH,\n    maxQuestionWidth: QUESTION_WIDTH,\n    actionbarHeight,\n  };\n};\n\ninterface IGetRenderableQuestions {\n  (options: {\n    questions: IWorksheetQuestion[];\n    lastUnlockedQuestionIndex: number;\n    userType: TUserTypes;\n  }): IWorksheetQuestion[];\n}\nconst getRenderableQuestions: IGetRenderableQuestions = ({\n  questions,\n  lastUnlockedQuestionIndex,\n  userType,\n}) => {\n  if (userType === 'STUDENT') return questions.slice(0, lastUnlockedQuestionIndex + 1);\n\n  return questions;\n};\n\ninterface IScrollToQuestion {\n  (questionId: string, params?: { animation?: boolean }): void;\n}\n\nconst scrollToQuestion: IScrollToQuestion = (questionId, { animation = false } = {}) => {\n  const $questionEl = document.querySelectorAll(`.widget-${questionId}`)[0];\n\n  if ($questionEl) {\n    $questionEl.scrollIntoView({\n      block: 'start',\n      behavior: animation ? 'smooth' : 'instant',\n    });\n  }\n};\n\ninterface IIsOkayTypeQuestion {\n  (question: IWorksheetQuestion | ILearnosityQuestion): boolean;\n}\n\nconst isOkayTypeQuestion: IIsOkayTypeQuestion = question => {\n  const { type, options, instructor_stimulus } = question;\n  const itemType = 'item_type' in question ? question.item_type : undefined;\n\n  if (\n    itemType === 'overview' ||\n    instructor_stimulus === 'Intro' ||\n    instructor_stimulus === 'SystemIntro' ||\n    instructor_stimulus === 'Concept-Intro'\n  ) {\n    return true;\n  }\n\n  return type === 'mcq' && options?.length === 1 ? true : false;\n};\n\nconst setMathJaxConfigInWindow = (\n  logger: (eventName: string, data?: Record<string, unknown>) => void,\n) => {\n  window.MathJax = {\n    options: {\n      enableMenu: false,\n      ignoreHtmlClass: 'lrn_noMath',\n      compileError: function (doc, math, err) {\n        logger(EVENTS.MATHJAX_COMPILE_ERROR);\n        doc.compileError(math, err);\n      },\n      typesetError: function (doc, math, err) {\n        logger(EVENTS.MATHJAX_TYPESET_ERROR);\n        doc.typesetError(math, err);\n        // throw new Error('typesetError');\n      },\n    },\n    tex: {\n      inlineMath: [\n        ['\\\\(', '\\\\)'],\n        ['$$', '$$'],\n      ],\n      displayMath: [['\\\\[', '\\\\]']],\n      macros: {\n        abs: ['{|#1|}', 1],\n        degree: ['°'],\n        longdiv: ['{\\\\enclose{longdiv}{#1}}', 1],\n        atomic: ['{_{#1}^{#2}}', 2],\n        polyatomic: ['{_{#2}{}^{#1}}', 2],\n        circledot: ['{\\\\odot}'],\n        parallelogram: ['\\\\unicode{x25B1}'],\n        ngtr: ['\\\\unicode{x226F}'],\n        nless: ['\\\\unicode{x226E}'],\n        MathQuillVarField: ['#1', 1],\n        overarc: ['{\\\\overparen{#1}}', 1],\n      },\n      formatError: (jax, err) => {\n        logger(EVENTS.MATHJAX_FORMAT_ERROR, {\n          id: err.id,\n          message: err.message,\n        });\n        jax.formatError(err);\n      },\n    },\n    chtml: {\n      minScale: 1,\n      matchFontHeight: false,\n    },\n  };\n};\n\ninterface IGetPaperColorByQuestion {\n  (question: IWorksheetQuestion): TWorksheetQuestionPaperColor;\n}\n\nconst getPaperColorByQuestion: IGetPaperColorByQuestion = question => {\n  const { item_type, instructor_stimulus } = question;\n  const lowerCaseInstructorStimulus = instructor_stimulus?.toLowerCase();\n\n  switch (item_type) {\n    case 'overview':\n      return 'white';\n    case 'learning-we-do':\n    case 'learning-your-turn':\n    case 'learning-explore':\n      if (\n        lowerCaseInstructorStimulus === 'instruction' ||\n        lowerCaseInstructorStimulus === 'intro' ||\n        lowerCaseInstructorStimulus === 'concept-intro'\n      ) {\n        return 'blue';\n      }\n\n      if (lowerCaseInstructorStimulus === 'task') {\n        return 'green';\n      }\n\n      return 'yellow';\n    case 'practice-basic':\n    case 'practice-regular':\n      return 'yellow';\n    case 'exit-ticket':\n      return 'purple';\n    case 'advanced-practice':\n      return 'orange';\n    default:\n      if (lowerCaseInstructorStimulus === 'learn') return 'blue';\n\n      if (lowerCaseInstructorStimulus === 'try' || lowerCaseInstructorStimulus === 'apply')\n        return 'green';\n\n      return 'yellow';\n  }\n};\n\nconst getQuestionBackgroundImage = (paperColor: TWorksheetQuestionPaperColor) => {\n  return `https://cuemath-intel.s3.ap-southeast-1.amazonaws.com/media/math-canvas/paper-${paperColor}.png`;\n};\n\nconst getQuestionBorderColor = (\n  paperColor: TWorksheetQuestionPaperColor,\n  isActive?: boolean,\n): TColorNames => {\n  if (!isActive) {\n    return 'GREY_3';\n  }\n\n  switch (paperColor) {\n    case 'orange':\n    case 'white':\n      return 'ORANGE_2';\n    case 'blue':\n      return 'BLUE_2';\n    case 'green':\n      return 'GREEN_2';\n    case 'yellow':\n      return 'YELLOW_2';\n    case 'purple':\n      return 'PURPLE_2';\n    default:\n      return 'GREY_3';\n  }\n};\n\nconst getNavigationSectionBackgroundColor = (sectionName?: TSectionName): TColorNames => {\n  switch (sectionName) {\n    case 'learning':\n      return 'BLUE_1';\n    case 'practice-basic':\n    case 'practice-regular':\n      return 'YELLOW_1';\n    case 'exit-ticket':\n      return 'PURPLE_1';\n    case 'advanced':\n      return 'ORANGE_1';\n    default:\n      return 'YELLOW_1';\n  }\n};\n\nconst getNavigationSectionName = (sectionName?: TSectionName): string => {\n  switch (sectionName) {\n    case 'learning':\n      return 'Learning';\n    case 'practice-basic':\n      return 'Basic practice';\n    case 'practice-regular':\n      return 'Regular practice';\n    case 'exit-ticket':\n      return 'Mini quiz';\n    case 'advanced':\n      return 'Advanced work';\n    default:\n      return '';\n  }\n};\n\nconst getNavigationSectionIcon = (sectionName?: TSectionName) => {\n  switch (sectionName) {\n    case 'learning':\n      return Bulb2Icon;\n    case 'practice-basic':\n      return Edit2Icon;\n    case 'practice-regular':\n      return EditStarIcon;\n    case 'exit-ticket':\n      return QuestionLetterIcon;\n    case 'advanced':\n      return Star2Icon;\n    default:\n      return Bulb2Icon;\n  }\n};\n\nconst isSATAssessmentNode = (nodeType: NODE_TYPES) =>\n  nodeType === 'SAT_ENGLISH_ASSESSMENT' || nodeType === 'SAT_MATH_ASSESSMENT';\n\nconst getWorksheetNudgeBannerInfo = (\n  userType: TUserTypes,\n  markedAsCompleted: boolean,\n): ISheetNudgeBannerInfo => {\n  const isTeacher = userType === 'TEACHER';\n\n  if (markedAsCompleted) {\n    return {\n      bannerBackgroundColor: 'GREEN_4',\n      label: isTeacher\n        ? 'This sheet was marked as completed.'\n        : 'Marked as completed by the teacher',\n    };\n  }\n\n  return {\n    bannerBackgroundColor: 'ORANGE_2',\n    label: 'Complete this with your tutor in class',\n  };\n};\n\nexport {\n  getInitialQuestionId,\n  getInitialResponses,\n  getLastUnlockedQuestionIndex,\n  getNavigationSectionBackgroundColor,\n  getNavigationSectionIcon,\n  getNavigationSectionName,\n  getPaperColorByQuestion,\n  getQuestionBackgroundImage,\n  getQuestionBorderColor,\n  getQuestionMetadata,\n  getQuestionsFromItems,\n  getRenderableQuestions,\n  getWorksheetDimensions,\n  isConceptIntroWidget,\n  isSATAssessmentNode,\n  isOkayTypeQuestion,\n  scrollToQuestion,\n  setMathJaxConfigInWindow,\n  getWorksheetNudgeBannerInfo,\n};\n"],"names":["getSectionNameFromItemType","itemType","isConceptIntroWidget","instructorStimulus","lowerCaseInstructorStimulus","getTagsMap","tags","acc","tag","key","value","trimmedKey","trimmedValue","getQuestionsFromItems","items","sectioned","adaptive","item","itemIndex","hasIntroWidget","content","questions","sectionName","prevItem","itemDisplayNumber","orderedQuestionIds","orderedQuestions","responseId","widgetIndex","question","respId","OPTIONAL_ITEM_TYPES","prevItemType","_a","itemTypeDerived","prevItemTypeDerived","finalQuestions","topics","topicsOrder","a","b","aTopic","QUESTION_TAGS","bTopic","aSortKey","bSortKey","_b","topicOrder","questionCode","getInitialQuestionId","initialQuestion","initialResponseId","initialItemIndex","lastUnlockedQuestionIndex","unlockedQuestions","lastUnlockedQuestion","q","getLastUnlockedQuestionIndex","responses","behavior","userType","maximumAttempts","teacherValidationEnabled","validation","navigationMode","questionIndex","qResp","attemptsHistory","validatedByTeacher","assignStatus","lastAttemptScore","unskippedQuestionIndex","getQuestionMetadata","questionId","isOkayTypeQuestion","getInitialResponses","getWorksheetDimensions","layout","actionBar","QUESTION_WIDTH","SPLIT_QUESTION_WIDTH","ACTION_BAR_HEIGHT","getRenderableQuestions","scrollToQuestion","animation","$questionEl","type","options","instructor_stimulus","setMathJaxConfigInWindow","logger","doc","math","err","EVENTS","jax","getPaperColorByQuestion","item_type","getQuestionBackgroundImage","paperColor","getQuestionBorderColor","isActive","getNavigationSectionBackgroundColor","getNavigationSectionName","getNavigationSectionIcon","Bulb2Icon","Edit2Icon","EditStarIcon","QuestionLetterIcon","Star2Icon","getWorksheetNudgeBannerInfo","markedAsCompleted","isTeacher"],"mappings":"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"}

package/dist/features/worksheet/worksheet/worksheet-navigation/worksheet-item-navigation/worksheet-item-navigation.js

@@ -0,0 +1,70 @@
+import { jsxs as x, jsx as t } from "react/jsx-runtime";
+import { memo as A, useState as u, useRef as a, useCallback as v, useLayoutEffect as E, useEffect as L } from "react";
+import O from "../../../../../assets/line-icons/icons/left.js";
+import _ from "../../../../../assets/line-icons/icons/right.js";
+import h from "../../../../ui/buttons/clickable/clickable.js";
+import y from "../../../../ui/layout/flex-view.js";
+import { TOP_NAVIGATION_ARROW_WIDTH as g } from "../../constants.js";
+import j from "../worksheet-item-number/worksheet-item-number.js";
+import { Container as S, RightArrowWrapper as T, LeftArrowWrapper as V } from "../worksheet-navigation-styled.js";
+const U = A((p) => {
+  const {
+    items: d,
+    responses: b,
+    validation: w,
+    activeItemNumber: o,
+    peerItemNumber: I,
+    onItemNumberClick: W,
+    summaryVisible: k,
+    maximumAttempts: N
+  } = p, [i, C] = u(!1), [l, s] = u("left"), f = a(null), c = a(null), m = v(() => {
+    s((e) => e === "left" ? "right" : "left");
+  }, []);
+  return E(() => {
+    const e = f.current, r = c.current;
+    e && r && r.clientWidth > e.clientWidth && C(!0);
+  }, []), L(() => {
+    const e = c.current;
+    if (o !== void 0 && i && e) {
+      const r = e.querySelector(`.worksheet-item-number-${o}`);
+      r && s((n) => {
+        const { left: R, right: $ } = r.getBoundingClientRect();
+        return n === "left" && $ + g + 16 > e.clientWidth ? "right" : n === "right" && R - g - 16 < 0 ? "left" : n;
+      });
+    }
+  }, [o, i]), /* @__PURE__ */ x(
+    S,
+    {
+      ref: f,
+      $background: "YELLOW_1",
+      $alignItems: i ? `flex-${l === "left" ? "start" : "end"}` : "center",
+      children: [
+        /* @__PURE__ */ t(y, { ref: c, $gutterX: 1, $flexGapX: 1, $flexDirection: "row", children: d.map((e) => {
+          const {
+            firstQuestion: { response_id: r, item_number: n }
+          } = e;
+          return /* @__PURE__ */ t(
+            j,
+            {
+              item: e,
+              summaryVisible: k,
+              responses: b,
+              validation: w,
+              placement: "top",
+              onItemNumberClick: W,
+              canShowUserPin: n === I,
+              maximumAttempts: N
+            },
+            r
+          );
+        }) }),
+        i && l === "left" && /* @__PURE__ */ t(h, { label: "Worksheet Nav Right Arrow", onClick: m, children: /* @__PURE__ */ t(T, { $justifyContent: "center", children: /* @__PURE__ */ t(_, { width: 24, height: 24 }) }) }),
+        i && l === "right" && /* @__PURE__ */ t(h, { label: "Worksheet Nav Left Arrow", onClick: m, children: /* @__PURE__ */ t(V, { $justifyContent: "center", children: /* @__PURE__ */ t(O, { width: 24, height: 24 }) }) })
+      ]
+    }
+  );
+});
+export {
+  U as default
+};
+//# sourceMappingURL=worksheet-item-navigation.js.map

package/dist/features/worksheet/worksheet/worksheet-navigation/worksheet-item-navigation/worksheet-item-navigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"worksheet-item-navigation.js","sources":["../../../../../../src/features/worksheet/worksheet/worksheet-navigation/worksheet-item-navigation/worksheet-item-navigation.tsx"],"sourcesContent":["import type { IWorksheetItemNavigationProps } from '../worksheet-navigation-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';\n\nimport LeftIcon from '../../../../../assets/line-icons/icons/left';\nimport RightIcon from '../../../../../assets/line-icons/icons/right';\nimport Clickable from '../../../../ui/buttons/clickable/clickable';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport { TOP_NAVIGATION_ARROW_WIDTH } from '../../constants';\nimport WorksheetItemNumber from '../worksheet-item-number/worksheet-item-number';\nimport * as Styled from '../worksheet-navigation-styled';\n\nconst WorksheetItemNavigation: FC<IWorksheetItemNavigationProps> = memo(props => {\n  const {\n    items,\n    responses,\n    validation,\n    activeItemNumber,\n    peerItemNumber,\n    onItemNumberClick,\n    summaryVisible,\n    maximumAttempts,\n  } = props;\n  const [isOverflowing, setIsOverflowing] = useState(false);\n  const [visibleSection, setVisibleSection] = useState<'left' | 'right'>('left');\n  const containerRef = useRef<HTMLDivElement>(null);\n  const contentRef = useRef<HTMLDivElement>(null);\n\n  const toggleVisibleSection = useCallback(() => {\n    setVisibleSection(prevVisibleSection => (prevVisibleSection === 'left' ? 'right' : 'left'));\n  }, []);\n\n  useLayoutEffect(() => {\n    const containerEl = containerRef.current;\n    const contentEl = contentRef.current;\n\n    if (containerEl && contentEl) {\n      if (contentEl.clientWidth > containerEl.clientWidth) {\n        setIsOverflowing(true);\n      }\n    }\n  }, []);\n\n  useEffect(() => {\n    const contentEl = contentRef.current;\n\n    if (activeItemNumber !== undefined && isOverflowing && contentEl) {\n      const itemNumberEl = contentEl.querySelector(`.worksheet-item-number-${activeItemNumber}`);\n\n      if (itemNumberEl) {\n        setVisibleSection(prevVisibleSection => {\n          const { left, right } = itemNumberEl.getBoundingClientRect();\n\n          if (\n            prevVisibleSection === 'left' &&\n            right + TOP_NAVIGATION_ARROW_WIDTH + 16 > contentEl.clientWidth\n          ) {\n            return 'right';\n          }\n\n          if (prevVisibleSection === 'right' && left - TOP_NAVIGATION_ARROW_WIDTH - 16 < 0) {\n            return 'left';\n          }\n\n          return prevVisibleSection;\n        });\n      }\n    }\n  }, [activeItemNumber, isOverflowing]);\n\n  return (\n    <Styled.Container\n      ref={containerRef}\n      $background=\"YELLOW_1\"\n      $alignItems={isOverflowing ? `flex-${visibleSection === 'left' ? 'start' : 'end'}` : 'center'}\n    >\n      <FlexView ref={contentRef} $gutterX={1} $flexGapX={1} $flexDirection=\"row\">\n        {items.map(item => {\n          const {\n            firstQuestion: { response_id, item_number },\n          } = item;\n\n          return (\n            <WorksheetItemNumber\n              key={response_id}\n              item={item}\n              summaryVisible={summaryVisible}\n              responses={responses}\n              validation={validation}\n              placement=\"top\"\n              onItemNumberClick={onItemNumberClick}\n              canShowUserPin={item_number === peerItemNumber}\n              maximumAttempts={maximumAttempts}\n            />\n          );\n        })}\n      </FlexView>\n      {isOverflowing && visibleSection === 'left' && (\n        <Clickable label=\"Worksheet Nav Right Arrow\" onClick={toggleVisibleSection}>\n          <Styled.RightArrowWrapper $justifyContent=\"center\">\n            <RightIcon width={24} height={24} />\n          </Styled.RightArrowWrapper>\n        </Clickable>\n      )}\n      {isOverflowing && visibleSection === 'right' && (\n        <Clickable label=\"Worksheet Nav Left Arrow\" onClick={toggleVisibleSection}>\n          <Styled.LeftArrowWrapper $justifyContent=\"center\">\n            <LeftIcon width={24} height={24} />\n          </Styled.LeftArrowWrapper>\n        </Clickable>\n      )}\n    </Styled.Container>\n  );\n});\n\nexport default WorksheetItemNavigation;\n"],"names":["WorksheetItemNavigation","memo","props","items","responses","validation","activeItemNumber","peerItemNumber","onItemNumberClick","summaryVisible","maximumAttempts","isOverflowing","setIsOverflowing","useState","visibleSection","setVisibleSection","containerRef","useRef","contentRef","toggleVisibleSection","useCallback","prevVisibleSection","useLayoutEffect","containerEl","contentEl","useEffect","itemNumberEl","left","right","TOP_NAVIGATION_ARROW_WIDTH","jsxs","Styled.Container","jsx","FlexView","item","response_id","item_number","WorksheetItemNumber","Clickable","Styled.RightArrowWrapper","RightIcon","Styled.LeftArrowWrapper","LeftIcon"],"mappings":";;;;;;;;;AAaM,MAAAA,IAA6DC,EAAK,CAASC,MAAA;AACzE,QAAA;AAAA,IACJ,OAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,iBAAAC;AAAA,EACE,IAAAR,GACE,CAACS,GAAeC,CAAgB,IAAIC,EAAS,EAAK,GAClD,CAACC,GAAgBC,CAAiB,IAAIF,EAA2B,MAAM,GACvEG,IAAeC,EAAuB,IAAI,GAC1CC,IAAaD,EAAuB,IAAI,GAExCE,IAAuBC,EAAY,MAAM;AAC7C,IAAAL,EAAkB,CAAuBM,MAAAA,MAAuB,SAAS,UAAU,MAAO;AAAA,EAC5F,GAAG,CAAE,CAAA;AAEL,SAAAC,EAAgB,MAAM;AACpB,UAAMC,IAAcP,EAAa,SAC3BQ,IAAYN,EAAW;AAE7B,IAAIK,KAAeC,KACbA,EAAU,cAAcD,EAAY,eACtCX,EAAiB,EAAI;AAAA,EAG3B,GAAG,CAAE,CAAA,GAELa,EAAU,MAAM;AACd,UAAMD,IAAYN,EAAW;AAEzB,QAAAZ,MAAqB,UAAaK,KAAiBa,GAAW;AAChE,YAAME,IAAeF,EAAU,cAAc,0BAA0BlB,CAAgB,EAAE;AAEzF,MAAIoB,KACFX,EAAkB,CAAsBM,MAAA;AACtC,cAAM,EAAE,MAAAM,GAAM,OAAAC,EAAM,IAAIF,EAAa,sBAAsB;AAE3D,eACEL,MAAuB,UACvBO,IAAQC,IAA6B,KAAKL,EAAU,cAE7C,UAGLH,MAAuB,WAAWM,IAAOE,IAA6B,KAAK,IACtE,SAGFR;AAAA,MAAA,CACR;AAAA,IAEL;AAAA,EAAA,GACC,CAACf,GAAkBK,CAAa,CAAC,GAGlC,gBAAAmB;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,KAAKf;AAAA,MACL,aAAY;AAAA,MACZ,aAAaL,IAAgB,QAAQG,MAAmB,SAAS,UAAU,KAAK,KAAK;AAAA,MAErF,UAAA;AAAA,QAAC,gBAAAkB,EAAAC,GAAA,EAAS,KAAKf,GAAY,UAAU,GAAG,WAAW,GAAG,gBAAe,OAClE,UAAMf,EAAA,IAAI,CAAQ+B,MAAA;AACX,gBAAA;AAAA,YACJ,eAAe,EAAE,aAAAC,GAAa,aAAAC,EAAY;AAAA,UACxC,IAAAF;AAGF,iBAAA,gBAAAF;AAAA,YAACK;AAAA,YAAA;AAAA,cAEC,MAAAH;AAAA,cACA,gBAAAzB;AAAA,cACA,WAAAL;AAAA,cACA,YAAAC;AAAA,cACA,WAAU;AAAA,cACV,mBAAAG;AAAA,cACA,gBAAgB4B,MAAgB7B;AAAA,cAChC,iBAAAG;AAAA,YAAA;AAAA,YARKyB;AAAA,UAAA;AAAA,QAWV,CAAA,GACH;AAAA,QACCxB,KAAiBG,MAAmB,UACnC,gBAAAkB,EAACM,KAAU,OAAM,6BAA4B,SAASnB,GACpD,UAAC,gBAAAa,EAAAO,GAAA,EAAyB,iBAAgB,UACxC,UAAC,gBAAAP,EAAAQ,GAAA,EAAU,OAAO,IAAI,QAAQ,IAAI,EAAA,CACpC,EACF,CAAA;AAAA,QAED7B,KAAiBG,MAAmB,WACnC,gBAAAkB,EAACM,KAAU,OAAM,4BAA2B,SAASnB,GACnD,UAAC,gBAAAa,EAAAS,GAAA,EAAwB,iBAAgB,UACvC,UAAC,gBAAAT,EAAAU,GAAA,EAAS,OAAO,IAAI,QAAQ,IAAI,EAAA,CACnC,EACF,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR,CAAC;"}

package/dist/features/worksheet/worksheet/worksheet-navigation/worksheet-item-number/worksheet-item-number-styled.js

@@ -0,0 +1,66 @@
+import r from "styled-components";
+import s from "../../../../ui/layout/flex-view.js";
+const d = {
+  correct: "GREEN_2",
+  incorrect: "ORANGE_2",
+  answered: "BLACK",
+  unanswered: "GREY_1",
+  disabled: "GREY_2",
+  skipped: "GREY_1"
+}, x = r(s)(
+  ({ $itemState: o, $isActive: i, $placement: t, $summaryVisible: e, theme: { colors: p } }) => `
+    position: relative;
+    width: ${t === "top" ? 24 : 40}px;
+    height: ${t === "top" ? 24 : 40}px;
+    border-radius: ${t === "top" ? "50%" : "0px"};
+    background-color: ${p[i && !e ? "YELLOW_2" : d[o]]};
+    ${o === "unanswered" && t === "bottom" ? `
+          border: 1px dashed ${p.GREY_2};
+          background-color: ${p.WHITE};
+        ` : ""}
+
+  `
+), c = r.div(
+  ({ theme: { colors: o } }) => `
+    position: absolute;
+    top: -5px;
+    right: -8px;
+    color: ${o.ORANGE_4};
+  `
+), b = r.div(
+  ({ theme: o }) => `
+  position: absolute;
+  top: -2px;
+  right: -1px;
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background-color: ${o.colors.BLACK};
+
+  &:after {
+    content: '';
+    display: block;
+    width: 4px;
+    height: 4px;
+    border-radius: 50%;
+    border: 1px solid ${o.colors.WHITE};
+    margin: 2px 0 0 2px;
+  }
+`
+), l = r.img`
+  position: absolute;
+  top: -8px;
+  right: -8px;
+`, u = r.img`
+  position: absolute;
+  top: -8px;
+  left: -8px;
+`;
+export {
+  c as BookmarkWrapper,
+  x as ItemNumberWrapper,
+  u as ItemStatus,
+  b as OptionalTag,
+  l as UserPin
+};
+//# sourceMappingURL=worksheet-item-number-styled.js.map

package/dist/features/worksheet/worksheet/worksheet-navigation/worksheet-item-number/worksheet-item-number-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"worksheet-item-number-styled.js","sources":["../../../../../../src/features/worksheet/worksheet/worksheet-navigation/worksheet-item-number/worksheet-item-number-styled.tsx"],"sourcesContent":["import type { TColorNames } from '../../../../ui/types';\nimport type { TItemState } from './worksheet-item-number-types';\n\nimport styled from 'styled-components';\n\nimport FlexView from '../../../../ui/layout/flex-view';\n\nconst ItemBackgroundColorMap: Record<TItemState, TColorNames> = {\n  correct: 'GREEN_2',\n  incorrect: 'ORANGE_2',\n  answered: 'BLACK',\n  unanswered: 'GREY_1',\n  disabled: 'GREY_2',\n  skipped: 'GREY_1',\n};\n\ninterface IItemNumberWrapperProps {\n  $itemState: TItemState;\n  $isActive: boolean;\n  $placement: 'top' | 'bottom';\n  $summaryVisible?: boolean;\n}\n\nconst ItemNumberWrapper = styled(FlexView)<IItemNumberWrapperProps>(\n  ({ $itemState, $isActive, $placement, $summaryVisible, theme: { colors } }) => `\n    position: relative;\n    width: ${$placement === 'top' ? 24 : 40}px;\n    height: ${$placement === 'top' ? 24 : 40}px;\n    border-radius: ${$placement === 'top' ? '50%' : '0px'};\n    background-color: ${\n      colors[$isActive && !$summaryVisible ? 'YELLOW_2' : ItemBackgroundColorMap[$itemState]]\n    };\n    ${\n      $itemState === 'unanswered' && $placement === 'bottom'\n        ? `\n          border: 1px dashed ${colors.GREY_2};\n          background-color: ${colors.WHITE};\n        `\n        : ''\n    }\n\n  `,\n);\n\nconst BookmarkWrapper = styled.div(\n  ({ theme: { colors } }) => `\n    position: absolute;\n    top: -5px;\n    right: -8px;\n    color: ${colors.ORANGE_4};\n  `,\n);\n\nconst OptionalTag = styled.div(\n  ({ theme }) => `\n  position: absolute;\n  top: -2px;\n  right: -1px;\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background-color: ${theme.colors.BLACK};\n\n  &:after {\n    content: '';\n    display: block;\n    width: 4px;\n    height: 4px;\n    border-radius: 50%;\n    border: 1px solid ${theme.colors.WHITE};\n    margin: 2px 0 0 2px;\n  }\n`,\n);\n\nconst UserPin = styled.img`\n  position: absolute;\n  top: -8px;\n  right: -8px;\n`;\n\nconst ItemStatus = styled.img`\n  position: absolute;\n  top: -8px;\n  left: -8px;\n`;\n\nexport { ItemNumberWrapper, BookmarkWrapper, UserPin, ItemStatus, OptionalTag };\n"],"names":["ItemBackgroundColorMap","ItemNumberWrapper","styled","FlexView","$itemState","$isActive","$placement","$summaryVisible","colors","BookmarkWrapper","OptionalTag","theme","UserPin","ItemStatus"],"mappings":";;AAOA,MAAMA,IAA0D;AAAA,EAC9D,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,SAAS;AACX,GASMC,IAAoBC,EAAOC,CAAQ;AAAA,EACvC,CAAC,EAAE,YAAAC,GAAY,WAAAC,GAAW,YAAAC,GAAY,iBAAAC,GAAiB,OAAO,EAAE,QAAAC,EAAO,EAAA,MAAQ;AAAA;AAAA,aAEpEF,MAAe,QAAQ,KAAK,EAAE;AAAA,cAC7BA,MAAe,QAAQ,KAAK,EAAE;AAAA,qBACvBA,MAAe,QAAQ,QAAQ,KAAK;AAAA,wBAEnDE,EAAOH,KAAa,CAACE,IAAkB,aAAaP,EAAuBI,CAAU,CAAC,CACxF;AAAA,MAEEA,MAAe,gBAAgBE,MAAe,WAC1C;AAAA,+BACqBE,EAAO,MAAM;AAAA,8BACdA,EAAO,KAAK;AAAA,YAEhC,EACN;AAAA;AAAA;AAGJ,GAEMC,IAAkBP,EAAO;AAAA,EAC7B,CAAC,EAAE,OAAO,EAAE,QAAAM,EAAA,EAAe,MAAA;AAAA;AAAA;AAAA;AAAA,aAIhBA,EAAO,QAAQ;AAAA;AAE5B,GAEME,IAAcR,EAAO;AAAA,EACzB,CAAC,EAAE,OAAAS,EAAA,MAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAOKA,EAAM,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAQhBA,EAAM,OAAO,KAAK;AAAA;AAAA;AAAA;AAI1C,GAEMC,IAAUV,EAAO;AAAA;AAAA;AAAA;AAAA,GAMjBW,IAAaX,EAAO;AAAA;AAAA;AAAA;AAAA;"}

package/dist/features/worksheet/worksheet/worksheet-navigation/worksheet-item-number/worksheet-item-number.js

@@ -0,0 +1,91 @@
+import { jsx as r, jsxs as W } from "react/jsx-runtime";
+import { memo as G, useMemo as _, useCallback as H } from "react";
+import { ILLUSTRATIONS as f } from "../../../../../assets/illustrations/illustrations.js";
+import L from "../../../../../assets/line-icons/icons/bookmark.js";
+import P from "../../../../ui/buttons/clickable/clickable.js";
+import K from "../../../../ui/layout/flex-view.js";
+import q from "../../../../ui/text/text.js";
+import { TOP_NAVIGATION_HEIGHT as M } from "../../constants.js";
+import { ItemNumberWrapper as z, BookmarkWrapper as D, UserPin as J, ItemStatus as C, OptionalTag as V } from "./worksheet-item-number-styled.js";
+const ne = G(
+  ({
+    placement: a,
+    item: N,
+    isOptional: R,
+    responses: k,
+    validation: o,
+    onItemNumberClick: Q,
+    canShowUserPin: A,
+    teacherValidationEnabled: w,
+    summaryVisible: d,
+    maximumAttempts: I
+  }) => {
+    const { firstQuestion: c, isActive: m, isUnlocked: u, questionIds: l } = N, { item_number: x, item_display_number: F } = c, { itemState: s, markedForReview: v } = _(() => {
+      const h = l.length;
+      let i = "unanswered";
+      const {
+        correctQuestions: p,
+        incorrectQuestions: E,
+        editedQuestions: O,
+        markedForReviewQuestions: U,
+        skippedQuestions: j
+      } = l.reduce(
+        (e, B) => {
+          const n = k[B];
+          if (!n)
+            return e;
+          const { responseEdited: T, score: t, validatedByTeacher: S } = n, $ = t && "score" in t && "max_score" in t, b = (t == null ? void 0 : t.score) === (t == null ? void 0 : t.max_score);
+          return o ? T && I !== -1 ? e.editedQuestions++ : w && S ? e.correctQuestions++ : $ && e[b ? "correctQuestions" : "incorrectQuestions"]++ : T && e.editedQuestions++, n.markedForReview && e.markedForReviewQuestions++, n.skipped && e.skippedQuestions++, e;
+        },
+        {
+          correctQuestions: 0,
+          incorrectQuestions: 0,
+          editedQuestions: 0,
+          markedForReviewQuestions: 0,
+          skippedQuestions: 0
+        }
+      );
+      return O > 0 ? i = "answered" : j > 0 ? i = "skipped" : E > 0 ? i = o ? "incorrect" : "answered" : p === h ? i = o ? "correct" : "answered" : p > 0 && p < h && (i = "answered"), {
+        itemState: i,
+        markedForReview: U > 0
+      };
+    }, [I, l, k, w, o]), y = H(() => {
+      Q(c.response_id);
+    }, [c.response_id, Q]), g = _(
+      () => (!m || d) && s === "answered" ? "WHITE" : "BLACK",
+      [m, s, d]
+    );
+    return /* @__PURE__ */ r(P, { label: "Item Number", disabled: !u, onClick: y, children: /* @__PURE__ */ r(K, { $height: M, $justifyContent: "center", children: /* @__PURE__ */ W(
+      z,
+      {
+        className: `worksheet-item-number-${x}`,
+        $itemState: u ? s : "disabled",
+        $isActive: m,
+        $placement: a,
+        $alignItems: "center",
+        $justifyContent: "center",
+        $summaryVisible: d,
+        children: [
+          /* @__PURE__ */ r(
+            q,
+            {
+              $renderAs: a === "top" ? "body3" : "body1",
+              $color: g,
+              $opacity: u ? 1 : 0.5,
+              children: F
+            }
+          ),
+          v && /* @__PURE__ */ r(D, { children: /* @__PURE__ */ r(L, {}) }),
+          A && /* @__PURE__ */ r(J, { width: 20, height: 20, src: f.USER_PIN }),
+          s === "correct" && /* @__PURE__ */ r(C, { src: f.TICK_GREEN }),
+          ["incorrect", "skipped"].includes(s) && /* @__PURE__ */ r(C, { src: f.CAUTION }),
+          s === "unanswered" && R && /* @__PURE__ */ r(V, {})
+        ]
+      }
+    ) }) });
+  }
+);
+export {
+  ne as default
+};
+//# sourceMappingURL=worksheet-item-number.js.map

package/dist/features/worksheet/worksheet/worksheet-navigation/worksheet-item-number/worksheet-item-number.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"worksheet-item-number.js","sources":["../../../../../../src/features/worksheet/worksheet/worksheet-navigation/worksheet-item-number/worksheet-item-number.tsx"],"sourcesContent":["import type { IWorksheetItemNumberProps, TItemState } from './worksheet-item-number-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useMemo } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\nimport BookmarkIcon from '../../../../../assets/line-icons/icons/bookmark';\nimport Clickable from '../../../../ui/buttons/clickable/clickable';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport { TOP_NAVIGATION_HEIGHT } from '../../constants';\nimport * as Styled from './worksheet-item-number-styled';\n\nconst WorksheetItemNumber: FC<IWorksheetItemNumberProps> = memo(\n  ({\n    placement,\n    item,\n    isOptional,\n    responses,\n    validation,\n    onItemNumberClick,\n    canShowUserPin,\n    teacherValidationEnabled,\n    summaryVisible,\n    maximumAttempts,\n  }) => {\n    const { firstQuestion, isActive, isUnlocked, questionIds } = item;\n    const { item_number, item_display_number } = firstQuestion;\n    const { itemState, markedForReview }: { itemState: TItemState; markedForReview: boolean } =\n      useMemo(() => {\n        const totalQuestion = questionIds.length;\n        let state: TItemState = 'unanswered';\n        const {\n          correctQuestions,\n          incorrectQuestions,\n          editedQuestions,\n          markedForReviewQuestions,\n          skippedQuestions,\n        } = questionIds.reduce(\n          (acc, questionId) => {\n            const response = responses[questionId];\n\n            if (!response) {\n              return acc;\n            }\n\n            const { responseEdited, score: responseScore, validatedByTeacher } = response;\n            const isAttempted =\n              responseScore && 'score' in responseScore && 'max_score' in responseScore;\n            const isCorrect = responseScore?.score === responseScore?.max_score;\n\n            if (validation) {\n              if (responseEdited && maximumAttempts !== -1) {\n                acc.editedQuestions++;\n              } else if (teacherValidationEnabled) {\n                if (validatedByTeacher) acc.correctQuestions++;\n                else if (isAttempted) {\n                  acc[isCorrect ? 'correctQuestions' : 'incorrectQuestions']++;\n                }\n              } else if (isAttempted) {\n                acc[isCorrect ? 'correctQuestions' : 'incorrectQuestions']++;\n              }\n            } else {\n              if (responseEdited) {\n                acc.editedQuestions++;\n              }\n            }\n\n            if (response.markedForReview) acc.markedForReviewQuestions++;\n\n            if (response.skipped) acc.skippedQuestions++;\n\n            return acc;\n          },\n          {\n            correctQuestions: 0,\n            incorrectQuestions: 0,\n            editedQuestions: 0,\n            markedForReviewQuestions: 0,\n            skippedQuestions: 0,\n          },\n        );\n\n        if (editedQuestions > 0) state = 'answered';\n        else if (skippedQuestions > 0) state = 'skipped';\n        else if (incorrectQuestions > 0) state = validation ? 'incorrect' : 'answered';\n        else if (correctQuestions === totalQuestion) state = validation ? 'correct' : 'answered';\n        else if (correctQuestions > 0 && correctQuestions < totalQuestion) state = 'answered';\n\n        return {\n          itemState: state,\n          markedForReview: markedForReviewQuestions > 0,\n        };\n      }, [maximumAttempts, questionIds, responses, teacherValidationEnabled, validation]);\n\n    const handleItemNumberClick = useCallback(() => {\n      onItemNumberClick(firstQuestion.response_id);\n    }, [firstQuestion.response_id, onItemNumberClick]);\n\n    const itemTextColor = useMemo(\n      () => ((!isActive || summaryVisible) && itemState === 'answered' ? 'WHITE' : 'BLACK'),\n      [isActive, itemState, summaryVisible],\n    );\n\n    return (\n      <Clickable label=\"Item Number\" disabled={!isUnlocked} onClick={handleItemNumberClick}>\n        <FlexView $height={TOP_NAVIGATION_HEIGHT} $justifyContent=\"center\">\n          <Styled.ItemNumberWrapper\n            className={`worksheet-item-number-${item_number}`}\n            $itemState={isUnlocked ? itemState : 'disabled'}\n            $isActive={isActive}\n            $placement={placement}\n            $alignItems=\"center\"\n            $justifyContent=\"center\"\n            $summaryVisible={summaryVisible}\n          >\n            <Text\n              $renderAs={placement === 'top' ? 'body3' : 'body1'}\n              $color={itemTextColor}\n              $opacity={isUnlocked ? 1 : 0.5}\n            >\n              {item_display_number}\n            </Text>\n            {markedForReview && (\n              <Styled.BookmarkWrapper>\n                <BookmarkIcon />\n              </Styled.BookmarkWrapper>\n            )}\n            {canShowUserPin && (\n              <Styled.UserPin width={20} height={20} src={ILLUSTRATIONS.USER_PIN} />\n            )}\n            {itemState === 'correct' && <Styled.ItemStatus src={ILLUSTRATIONS.TICK_GREEN} />}\n            {['incorrect', 'skipped'].includes(itemState) && (\n              <Styled.ItemStatus src={ILLUSTRATIONS.CAUTION} />\n            )}\n            {itemState === 'unanswered' && isOptional && <Styled.OptionalTag />}\n          </Styled.ItemNumberWrapper>\n        </FlexView>\n      </Clickable>\n    );\n  },\n);\n\nexport default WorksheetItemNumber;\n"],"names":["WorksheetItemNumber","memo","placement","item","isOptional","responses","validation","onItemNumberClick","canShowUserPin","teacherValidationEnabled","summaryVisible","maximumAttempts","firstQuestion","isActive","isUnlocked","questionIds","item_number","item_display_number","itemState","markedForReview","useMemo","totalQuestion","state","correctQuestions","incorrectQuestions","editedQuestions","markedForReviewQuestions","skippedQuestions","acc","questionId","response","responseEdited","responseScore","validatedByTeacher","isAttempted","isCorrect","handleItemNumberClick","useCallback","itemTextColor","jsx","Clickable","FlexView","TOP_NAVIGATION_HEIGHT","jsxs","Styled.ItemNumberWrapper","Text","Styled.BookmarkWrapper","BookmarkIcon","Styled.UserPin","ILLUSTRATIONS","Styled.ItemStatus","Styled.OptionalTag"],"mappings":"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"}

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

@@ -0,0 +1,44 @@
+import o from "styled-components";
+import t from "../../../ui/layout/flex-view.js";
+import { TOP_NAVIGATION_ARROW_WIDTH as p } from "../constants.js";
+const c = o(t)`
+  position: relative;
+  overflow: hidden;
+`, r = o(t)`
+  position: absolute;
+  top: 0;
+  width: 50%;
+  height: 100%;
+  z-index: -1;
+`, d = o(r)`
+  left: 0;
+`, h = o(r)`
+  right: 0;
+`, f = o(t)(
+  ({ theme: i, $hasBorder: n }) => `
+  align-items: center;
+  border-left: ${n ? `2px solid ${i.colors.WHITE}` : "none"};
+`
+), e = o(t)`
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  backdrop-filter: blur(20px);
+  align-items: center;
+  width: ${p}px;
+`, g = o(e)`
+  left: 0;
+  border-right: 2px solid white;
+`, m = o(e)`
+  right: 0;
+  border-left: 2px solid white;
+`;
+export {
+  c as Container,
+  g as LeftArrowWrapper,
+  d as LeftContainerBackground,
+  m as RightArrowWrapper,
+  h as RightContainerBackground,
+  f as SectionWrapper
+};
+//# sourceMappingURL=worksheet-navigation-styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"worksheet-navigation-styled.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-navigation/worksheet-navigation-styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport { TOP_NAVIGATION_ARROW_WIDTH } from '../constants';\n\nconst Container = styled(FlexView)`\n  position: relative;\n  overflow: hidden;\n`;\n\nconst BackgroundLayer = styled(FlexView)`\n  position: absolute;\n  top: 0;\n  width: 50%;\n  height: 100%;\n  z-index: -1;\n`;\n\nconst LeftContainerBackground = styled(BackgroundLayer)`\n  left: 0;\n`;\n\nconst RightContainerBackground = styled(BackgroundLayer)`\n  right: 0;\n`;\n\nconst SectionWrapper = styled(FlexView)<{ $hasBorder: boolean }>(\n  ({ theme, $hasBorder }) => `\n  align-items: center;\n  border-left: ${$hasBorder ? `2px solid ${theme.colors.WHITE}` : 'none'};\n`,\n);\n\nconst ArrowWrapper = styled(FlexView)`\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  backdrop-filter: blur(20px);\n  align-items: center;\n  width: ${TOP_NAVIGATION_ARROW_WIDTH}px;\n`;\n\nconst LeftArrowWrapper = styled(ArrowWrapper)`\n  left: 0;\n  border-right: 2px solid white;\n`;\n\nconst RightArrowWrapper = styled(ArrowWrapper)`\n  right: 0;\n  border-left: 2px solid white;\n`;\n\nexport {\n  Container,\n  LeftContainerBackground,\n  RightContainerBackground,\n  SectionWrapper,\n  LeftArrowWrapper,\n  RightArrowWrapper,\n};\n"],"names":["Container","styled","FlexView","BackgroundLayer","LeftContainerBackground","RightContainerBackground","SectionWrapper","theme","$hasBorder","ArrowWrapper","TOP_NAVIGATION_ARROW_WIDTH","LeftArrowWrapper","RightArrowWrapper"],"mappings":";;;AAKM,MAAAA,IAAYC,EAAOC,CAAQ;AAAA;AAAA;AAAA,GAK3BC,IAAkBF,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQjCE,IAA0BH,EAAOE,CAAe;AAAA;AAAA,GAIhDE,IAA2BJ,EAAOE,CAAe;AAAA;AAAA,GAIjDG,IAAiBL,EAAOC,CAAQ;AAAA,EACpC,CAAC,EAAE,OAAAK,GAAO,YAAAC,EAAA,MAAiB;AAAA;AAAA,iBAEZA,IAAa,aAAaD,EAAM,OAAO,KAAK,KAAK,MAAM;AAAA;AAExE,GAEME,IAAeR,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAMzBQ,CAA0B;AAAA,GAG/BC,IAAmBV,EAAOQ,CAAY;AAAA;AAAA;AAAA,GAKtCG,IAAoBX,EAAOQ,CAAY;AAAA;AAAA;AAAA;"}

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

@@ -0,0 +1,82 @@
+import { jsx as e } from "react/jsx-runtime";
+import { memo as E, useMemo as U } from "react";
+import $ from "../../../ui/layout/flex-view.js";
+import w from "../../user-pointer-pin/hooks/use-user-location.js";
+import R from "./worksheet-item-navigation/worksheet-item-navigation.js";
+import j from "./worksheet-item-number/worksheet-item-number.js";
+import D from "./worksheet-section-navigation/worksheet-section-navigation.js";
+const X = E(
+  ({
+    placement: h,
+    questions: i,
+    responses: f,
+    activeQuestionIndex: o,
+    lastUnlockedQuestionIndex: l,
+    behavior: N,
+    onItemNumberClick: s,
+    userType: m,
+    summaryVisible: d
+  }) => {
+    var W;
+    const { validation: a, teacherValidationEnabled: _, maximumAttempts: p } = N, u = (W = i[o]) == null ? void 0 : W.item_number, { peerItemNumber: A } = w({
+      questions: i,
+      activeQuestionIndex: o,
+      userType: m
+    }), c = U(
+      () => i.reduce(
+        (t, b, n) => {
+          const { item_number: g, response_id: k } = b, r = t[g], v = m === "TEACHER" ? !0 : n <= l;
+          return r ? (r.isActive = r.isActive || n === o, r.isUnlocked = r.isUnlocked || v, r.questionIds.push(k)) : t.push({
+            firstQuestion: b,
+            isActive: n === o,
+            isUnlocked: v,
+            questionIds: [k]
+          }), t;
+        },
+        []
+      ),
+      [o, l, i, m]
+    );
+    return h === "bottom" ? /* @__PURE__ */ e($, { $flexGapX: 1, $flexDirection: "row", $flexWrap: !0, children: c.map((t) => /* @__PURE__ */ e(
+      j,
+      {
+        responses: f,
+        validation: a,
+        placement: h,
+        item: t,
+        onItemNumberClick: s,
+        summaryVisible: d,
+        maximumAttempts: p
+      },
+      t.firstQuestion.response_id
+    )) }) : _ ? /* @__PURE__ */ e(
+      D,
+      {
+        userType: m,
+        activeItemNumber: u,
+        items: c,
+        responses: f,
+        validation: a,
+        peerItemNumber: A,
+        onItemNumberClick: s,
+        maximumAttempts: p
+      }
+    ) : /* @__PURE__ */ e(
+      R,
+      {
+        activeItemNumber: u,
+        items: c,
+        responses: f,
+        validation: a,
+        peerItemNumber: A,
+        summaryVisible: d,
+        onItemNumberClick: s,
+        maximumAttempts: p
+      }
+    );
+  }
+);
+export {
+  X as default
+};
+//# sourceMappingURL=worksheet-navigation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"worksheet-navigation.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-navigation/worksheet-navigation.tsx"],"sourcesContent":["import type { IWorksheetItemNumberProps } from './worksheet-item-number/worksheet-item-number-types';\nimport type { IWorksheetNavigationProps } from './worksheet-navigation-types';\nimport type { FC } from 'react';\n\nimport { memo, useMemo } from 'react';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport useRemoteUserLocation from '../../user-pointer-pin/hooks/use-user-location';\nimport WorksheetItemNavigation from './worksheet-item-navigation/worksheet-item-navigation';\nimport WorksheetItemNumber from './worksheet-item-number/worksheet-item-number';\nimport WorksheetSectionNavigation from './worksheet-section-navigation/worksheet-section-navigation';\n\nconst WorksheetNavigation: FC<IWorksheetNavigationProps> = memo(\n  ({\n    placement,\n    questions,\n    responses,\n    activeQuestionIndex,\n    lastUnlockedQuestionIndex,\n    behavior,\n    onItemNumberClick,\n    userType,\n    summaryVisible,\n  }) => {\n    const { validation, teacherValidationEnabled, maximumAttempts } = behavior;\n    const activeItemNumber = questions[activeQuestionIndex]?.item_number;\n    const { peerItemNumber } = useRemoteUserLocation({\n      questions,\n      activeQuestionIndex,\n      userType,\n    });\n\n    const items = useMemo(\n      () =>\n        questions.reduce(\n          (acc, question, questionIndex) => {\n            const { item_number, response_id } = question;\n            const item = acc[item_number];\n            const isUnlocked =\n              userType === 'TEACHER' ? true : questionIndex <= lastUnlockedQuestionIndex;\n\n            if (!item) {\n              acc.push({\n                firstQuestion: question,\n                isActive: questionIndex === activeQuestionIndex,\n                isUnlocked,\n                questionIds: [response_id],\n              });\n            } else {\n              item.isActive = item.isActive || questionIndex === activeQuestionIndex;\n              item.isUnlocked = item.isUnlocked || isUnlocked;\n              item.questionIds.push(response_id);\n            }\n\n            return acc;\n          },\n          [] as IWorksheetItemNumberProps['item'][],\n        ),\n      [activeQuestionIndex, lastUnlockedQuestionIndex, questions, userType],\n    );\n\n    if (placement === 'bottom') {\n      return (\n        <FlexView $flexGapX={1} $flexDirection=\"row\" $flexWrap>\n          {items.map(item => (\n            <WorksheetItemNumber\n              key={item.firstQuestion.response_id}\n              responses={responses}\n              validation={validation}\n              placement={placement}\n              item={item}\n              onItemNumberClick={onItemNumberClick}\n              summaryVisible={summaryVisible}\n              maximumAttempts={maximumAttempts}\n            />\n          ))}\n        </FlexView>\n      );\n    }\n\n    if (teacherValidationEnabled) {\n      return (\n        <WorksheetSectionNavigation\n          userType={userType}\n          activeItemNumber={activeItemNumber}\n          items={items}\n          responses={responses}\n          validation={validation}\n          peerItemNumber={peerItemNumber}\n          onItemNumberClick={onItemNumberClick}\n          maximumAttempts={maximumAttempts}\n        />\n      );\n    }\n\n    return (\n      <WorksheetItemNavigation\n        activeItemNumber={activeItemNumber}\n        items={items}\n        responses={responses}\n        validation={validation}\n        peerItemNumber={peerItemNumber}\n        summaryVisible={summaryVisible}\n        onItemNumberClick={onItemNumberClick}\n        maximumAttempts={maximumAttempts}\n      />\n    );\n  },\n);\n\nexport default WorksheetNavigation;\n"],"names":["WorksheetNavigation","memo","placement","questions","responses","activeQuestionIndex","lastUnlockedQuestionIndex","behavior","onItemNumberClick","userType","summaryVisible","validation","teacherValidationEnabled","maximumAttempts","activeItemNumber","_a","peerItemNumber","useRemoteUserLocation","items","useMemo","acc","question","questionIndex","item_number","response_id","item","isUnlocked","jsx","FlexView","WorksheetItemNumber","WorksheetSectionNavigation","WorksheetItemNavigation"],"mappings":";;;;;;;AAYA,MAAMA,IAAqDC;AAAA,EACzD,CAAC;AAAA,IACC,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,2BAAAC;AAAA,IACA,UAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,gBAAAC;AAAA,EAAA,MACI;;AACJ,UAAM,EAAE,YAAAC,GAAY,0BAAAC,GAA0B,iBAAAC,EAAA,IAAoBN,GAC5DO,KAAmBC,IAAAZ,EAAUE,CAAmB,MAA7B,gBAAAU,EAAgC,aACnD,EAAE,gBAAAC,EAAe,IAAIC,EAAsB;AAAA,MAC/C,WAAAd;AAAA,MACA,qBAAAE;AAAA,MACA,UAAAI;AAAA,IAAA,CACD,GAEKS,IAAQC;AAAA,MACZ,MACEhB,EAAU;AAAA,QACR,CAACiB,GAAKC,GAAUC,MAAkB;AAC1B,gBAAA,EAAE,aAAAC,GAAa,aAAAC,EAAgB,IAAAH,GAC/BI,IAAOL,EAAIG,CAAW,GACtBG,IACJjB,MAAa,YAAY,KAAOa,KAAiBhB;AAEnD,iBAAKmB,KAQEA,EAAA,WAAWA,EAAK,YAAYH,MAAkBjB,GAC9CoB,EAAA,aAAaA,EAAK,cAAcC,GAChCD,EAAA,YAAY,KAAKD,CAAW,KATjCJ,EAAI,KAAK;AAAA,YACP,eAAeC;AAAA,YACf,UAAUC,MAAkBjB;AAAA,YAC5B,YAAAqB;AAAA,YACA,aAAa,CAACF,CAAW;AAAA,UAAA,CAC1B,GAOIJ;AAAA,QACT;AAAA,QACA,CAAC;AAAA,MACH;AAAA,MACF,CAACf,GAAqBC,GAA2BH,GAAWM,CAAQ;AAAA,IAAA;AAGtE,WAAIP,MAAc,WAEd,gBAAAyB,EAACC,GAAS,EAAA,WAAW,GAAG,gBAAe,OAAM,WAAS,IACnD,UAAMV,EAAA,IAAI,CACTO,MAAA,gBAAAE;AAAA,MAACE;AAAA,MAAA;AAAA,QAEC,WAAAzB;AAAA,QACA,YAAAO;AAAA,QACA,WAAAT;AAAA,QACA,MAAAuB;AAAA,QACA,mBAAAjB;AAAA,QACA,gBAAAE;AAAA,QACA,iBAAAG;AAAA,MAAA;AAAA,MAPKY,EAAK,cAAc;AAAA,IAS3B,CAAA,EACH,CAAA,IAIAb,IAEA,gBAAAe;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,UAAArB;AAAA,QACA,kBAAAK;AAAA,QACA,OAAAI;AAAA,QACA,WAAAd;AAAA,QACA,YAAAO;AAAA,QACA,gBAAAK;AAAA,QACA,mBAAAR;AAAA,QACA,iBAAAK;AAAA,MAAA;AAAA,IAAA,IAMJ,gBAAAc;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,kBAAAjB;AAAA,QACA,OAAAI;AAAA,QACA,WAAAd;AAAA,QACA,YAAAO;AAAA,QACA,gBAAAK;AAAA,QACA,gBAAAN;AAAA,QACA,mBAAAF;AAAA,QACA,iBAAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;"}

package/dist/features/worksheet/worksheet/worksheet-navigation/worksheet-section-navigation/worksheet-section-navigation.js

@@ -0,0 +1,123 @@
+import { jsxs as E, jsx as i } from "react/jsx-runtime";
+import { memo as X, useState as x, useRef as Q, useMemo as T, useCallback as q, useLayoutEffect as F, useEffect as M } from "react";
+import U from "../../../../../assets/line-icons/icons/left.js";
+import z from "../../../../../assets/line-icons/icons/right.js";
+import J from "../../../../ui/arrow-tooltip/arrow-tooltip.js";
+import y from "../../../../ui/buttons/clickable/clickable.js";
+import K from "../../../../ui/layout/flex-view.js";
+import { TOP_NAVIGATION_ARROW_WIDTH as O } from "../../constants.js";
+import { getNavigationSectionBackgroundColor as S, getNavigationSectionIcon as Y, getNavigationSectionName as Z } from "../../worksheet-helpers.js";
+import tt from "../worksheet-item-number/worksheet-item-number.js";
+import { Container as et, LeftContainerBackground as it, RightContainerBackground as nt, SectionWrapper as ot, RightArrowWrapper as rt, LeftArrowWrapper as st } from "../worksheet-navigation-styled.js";
+const wt = X((B) => {
+  var I, N, _;
+  const {
+    activeItemNumber: w,
+    items: p,
+    responses: s,
+    validation: L,
+    userType: m,
+    peerItemNumber: j,
+    onItemNumberClick: D,
+    maximumAttempts: H
+  } = B, [l, V] = x(!1), [d, b] = x("left"), v = Q(null), g = Q(null), c = T(() => p.reduce(
+    (t, e, o) => {
+      var k, u, f;
+      const { section_name: r } = e.firstQuestion, a = (k = p[o - 1]) == null ? void 0 : k.firstQuestion.section_name, n = t[t.length - 1];
+      return r === "overview" ? t : r !== a ? !e.firstQuestion.is_optional || m === "TEACHER" || ((u = s[e.firstQuestion.response_id]) == null ? void 0 : u.assignStatus) === "assigned" ? [
+        ...t,
+        {
+          sectionName: r,
+          items: [e]
+        }
+      ] : t : ((!e.firstQuestion.is_optional || m === "TEACHER" || ((f = s[e.firstQuestion.response_id]) == null ? void 0 : f.assignStatus) === "assigned") && (n == null || n.items.push(e)), t);
+    },
+    []
+  ), [p, s, m]), G = T(
+    () => c.reduce((t, e) => t + e.items.length, 0),
+    [c]
+  ), h = w ? (I = p[w]) == null ? void 0 : I.firstQuestion.section_name : void 0, C = q(() => {
+    b((t) => t === "left" ? "right" : "left");
+  }, []);
+  return F(() => {
+    const t = v.current, e = g.current;
+    t && e && e.clientWidth > t.clientWidth && V(!0);
+  }, [G]), M(() => {
+    const t = g.current;
+    if (h !== void 0 && l && t) {
+      const e = t.querySelector(`.worksheet-section-${h}`);
+      e && b((o) => {
+        const { left: r, right: a } = e.getBoundingClientRect();
+        return o === "left" && a + O + 16 > t.clientWidth ? "right" : o === "right" && r - O - 16 < 0 ? "left" : o;
+      });
+    }
+  }, [h, l]), /* @__PURE__ */ E(
+    et,
+    {
+      ref: v,
+      $alignItems: l ? `flex-${d === "left" ? "start" : "end"}` : "center",
+      children: [
+        /* @__PURE__ */ i(
+          it,
+          {
+            $background: S((N = c[0]) == null ? void 0 : N.sectionName)
+          }
+        ),
+        /* @__PURE__ */ i(
+          nt,
+          {
+            $background: S(
+              (_ = c[c.length - 1]) == null ? void 0 : _.sectionName
+            )
+          }
+        ),
+        /* @__PURE__ */ i(K, { ref: g, $flexDirection: "row", children: c.map(({ sectionName: t, items: e }, o) => {
+          var u, f;
+          const r = Y(t), a = Z(t), n = (u = e[0]) == null ? void 0 : u.firstQuestion;
+          return (n == null ? void 0 : n.is_optional) && ((f = s[n.response_id]) == null ? void 0 : f.assignStatus) === "skipped" ? null : /* @__PURE__ */ E(
+            ot,
+            {
+              className: `worksheet-section-${t}`,
+              $background: S(t),
+              $hasBorder: o > 0,
+              $gutterX: 1,
+              $flexDirection: "row",
+              $flexGapX: 0.75,
+              children: [
+                /* @__PURE__ */ i(J, { tooltipItem: a, position: "bottom", renderAs: "primary", children: /* @__PURE__ */ i(r, { width: 24, height: 24 }) }),
+                e.map(($) => {
+                  var W;
+                  const {
+                    firstQuestion: { response_id: A, item_number: P, is_optional: R }
+                  } = $;
+                  return (R ? ((W = s[A]) == null ? void 0 : W.assignStatus) === "skipped" : !1) ? null : /* @__PURE__ */ i(
+                    tt,
+                    {
+                      item: $,
+                      responses: s,
+                      validation: L,
+                      placement: "top",
+                      onItemNumberClick: D,
+                      canShowUserPin: P === j,
+                      isOptional: R,
+                      teacherValidationEnabled: !0,
+                      maximumAttempts: H
+                    },
+                    A
+                  );
+                })
+              ]
+            },
+            t
+          );
+        }) }),
+        l && d === "left" && /* @__PURE__ */ i(y, { label: "Worksheet Nav Right Arrow", onClick: C, children: /* @__PURE__ */ i(rt, { $justifyContent: "center", children: /* @__PURE__ */ i(z, { width: 24, height: 24 }) }) }),
+        l && d === "right" && /* @__PURE__ */ i(y, { label: "Worksheet Nav Left Arrow", onClick: C, children: /* @__PURE__ */ i(st, { $justifyContent: "center", children: /* @__PURE__ */ i(U, { width: 24, height: 24 }) }) })
+      ]
+    }
+  );
+});
+export {
+  wt as default
+};
+//# sourceMappingURL=worksheet-section-navigation.js.map