@cuemath/leap 3.2.18-mb → 3.2.19-beta-0.1

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

@@ -1 +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';\nimport type { ILearnosityQuestionResponse, IWorksheetHeaderLayoutProps } from './worksheet-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  CLOZE_FORMULA_RESPONSE_LIMIT,\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 checkIsClozeFormulaResponseInvalid = (response: ILearnosityQuestionResponse) => {\n  if (Array.isArray(response.value)) {\n    const isInvalid = response.value.some(\n      item => typeof item === 'string' && item.length > CLOZE_FORMULA_RESPONSE_LIMIT,\n    );\n\n    return isInvalid;\n  }\n\n  return false;\n};\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\nconst getWorksheetHeaderLayout: IWorksheetHeaderLayoutProps = ({\n  isPuzzleWorksheet,\n  isTestWorksheet,\n  imageHue = 'BLUE',\n}) => {\n  if (isPuzzleWorksheet) {\n    return {\n      bgColor: `${imageHue}_3`,\n      borderColor: `${imageHue}_4`,\n      textColor: 'BLACK_T_87',\n    };\n  }\n\n  if (isTestWorksheet) {\n    return {\n      bgColor: 'WHITE_3',\n      borderColor: 'WHITE_4',\n      textColor: 'BLACK_T_87',\n    };\n  }\n\n  return {\n    bgColor: 'BLACK',\n    borderColor: 'BLACK_4',\n    textColor: 'WHITE',\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  checkIsClozeFormulaResponseInvalid,\n  getWorksheetHeaderLayout,\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","checkIsClozeFormulaResponseInvalid","response","CLOZE_FORMULA_RESPONSE_LIMIT","getWorksheetNudgeBannerInfo","markedAsCompleted","isTeacher","getWorksheetHeaderLayout","isPuzzleWorksheet","isTestWorksheet","imageHue"],"mappings":"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"}
+{"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, THueNames, TUserTypes } from '../../ui/types';\nimport type { TWorksheetQuestionPaperColor } from './worksheet-question/worksheet-question-types';\nimport type { ILearnosityQuestionResponse, IWorksheetHeaderLayoutProps } from './worksheet-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  CLOZE_FORMULA_RESPONSE_LIMIT,\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 checkIsClozeFormulaResponseInvalid = (response: ILearnosityQuestionResponse) => {\n  if (Array.isArray(response.value)) {\n    const isInvalid = response.value.some(\n      item => typeof item === 'string' && item.length > CLOZE_FORMULA_RESPONSE_LIMIT,\n    );\n\n    return isInvalid;\n  }\n\n  return false;\n};\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\nconst getWorksheetHeaderLayout: IWorksheetHeaderLayoutProps = ({\n  isPuzzleWorksheet,\n  isTestWorksheet,\n  imageHue = 'BLUE',\n}) => {\n  if (isPuzzleWorksheet) {\n    return {\n      bgColor: `${imageHue}_3`,\n      borderColor: `${imageHue}_4`,\n      textColor: 'BLACK_T_87',\n    };\n  }\n\n  if (isTestWorksheet) {\n    return {\n      bgColor: 'WHITE_3',\n      borderColor: 'WHITE_4',\n      textColor: 'BLACK_T_87',\n    };\n  }\n\n  return {\n    bgColor: 'BLACK',\n    borderColor: 'BLACK_4',\n    textColor: 'WHITE',\n  };\n};\n\ninterface IGetPuzzleWorksheetBackgroundColor {\n  (imageHue?: THueNames): TColorNames;\n}\n\nconst getPuzzleWorksheetBackgroundColor: IGetPuzzleWorksheetBackgroundColor = imageHue => {\n  if (!imageHue) return 'BLUE_1';\n\n  return `${imageHue}_1`;\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  checkIsClozeFormulaResponseInvalid,\n  getWorksheetHeaderLayout,\n  getPuzzleWorksheetBackgroundColor,\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","checkIsClozeFormulaResponseInvalid","response","CLOZE_FORMULA_RESPONSE_LIMIT","getWorksheetNudgeBannerInfo","markedAsCompleted","isTeacher","getWorksheetHeaderLayout","isPuzzleWorksheet","isTestWorksheet","imageHue","getPuzzleWorksheetBackgroundColor"],"mappings":";;;;;;;;AAoCA,MAAMA,IAA0D,CAAYC,MAAA;AAC1E,UAAQA,GAAU;AAAA,IAChB,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACI,aAAA;AAAA,IACT;AACS;AAAA,EACX;AACF,GAEMC,IAAuB,CAACC,MAA6C;AACzE,MAAI,CAACA;AACI,WAAA;AAGH,QAAAC,IAA8BD,EAAmB;AAEhD,SAAAC,MAAgC,WAAWA,MAAgC;AACpF,GAEMC,IAAa,CAACC,MACXA,EAAK,OAAO,CAACC,GAAKC,MAAQ;AAC/B,QAAM,CAACC,GAAKC,CAAK,IAAIF,EAAI,MAAM,GAAG,GAC5BG,IAAaF,KAAA,gBAAAA,EAAK,QAClBG,IAAeF,KAAA,gBAAAA,EAAO;AAExB,SAAA,CAACC,KAAc,CAACC,IACXL,IAGF;AAAA,IACL,GAAGA;AAAA,IACH,CAACI,EAAW,YAAY,CAAC,GAAGC;AAAA,EAAA;AAEhC,GAAG,CAAE,CAAA,GAYDC,IAAgD,CACpDC,GACA,EAAE,WAAAC,IAAY,IAAO,UAAAC,IAAW,SAC7B;AACH,MAAID;AACF,WAAOD,EAAM,OAAO,CAACP,GAAKU,GAAMC,MAAc;;AAC5C,UAAIC,IAAiB;AACrB,YAAM,EAAE,SAAAC,GAAS,WAAAC,GAAW,UAAApB,EAAA,IAAagB,GACnCK,IAActB,EAA2BC,CAAQ,GACjDsB,IAAWhB,EAAIA,EAAI,SAAS,CAAC,GAC7BiB,IACJF,OAAgBC,KAAA,gBAAAA,EAAU,kBAAgBA,KAAA,QAAAA,EAAU,uBAChDA,EAAS,sBAAsB,IAC/B,GACAE,IAAqBL,EAAQ,MAAM,iBAAiB,GACpDM,IAAmBD,KAAA,gBAAAA,EAAoB,IAAI,CAACE,GAAYC,MAAgB;AAC5E,cAAMC,IAAWR,EAAU;AAAA,UACzB,CAAC,EAAE,aAAaS,QAAaA,MAAWH,EAAW,QAAQ,aAAa,EAAE;AAAA,QAAA;AAG5E,YAAI,CAACE;AACH,gBAAM,IAAI,MAAM,2CAA2CF,CAAU,EAAE;AAGxD,eAAAR,IAAAA,KAAkBjB,EAAqB2B,EAAS,mBAAmB,GAE7E;AAAA,UACL,GAAGA;AAAA;AAAA,UAEH,mBAAmB;AAAA,UACnB,gBAAgBZ,EAAK;AAAA,UACrB,aAAaC;AAAA,UACb,qBAAqBM;AAAA,UACrB,cAAcF;AAAA,UACd,WAAWP,IAAYd,IAAW;AAAA,UAClC,aAAaA,IAAW8B,EAAoB,SAAS9B,CAAQ,IAAI;AAAA,UACjE,WAAWgB,EAAK,QAAQ,CAAC;AAAA,UACzB,eAAeZ,EAAWY,EAAK,QAAQ,CAAA,CAAE;AAAA,UACzC,iBAAiBW,KAAeT,IAAiB,IAAI;AAAA,UACrD,iBAAiBM,EAAmB;AAAA,QAAA;AAAA,MACtC;AAKF,UAFiBN,IAAA,IAEbO,KAAA,QAAAA,EAAmB,MAAMR,IAAY,KAAKJ,EAAM,SAAS,GAAG;AAC9D,cAAMkB,KAAeC,IAAAnB,EAAMI,IAAY,CAAC,MAAnB,gBAAAe,EAAsB,UACrCC,IAAkBjC,KAAA,QAAAA,EAAU,WAAW,eAAe,aAAaA,GACnEkC,IAAsBH,KAAA,QAAAA,EAAc,WAAW,eACjD,aACAA;AAGD,aAAAE,MAAoB,oBACnBA,MAAoB,sBACpBA,MAAoB,iBACpBA,MAAoB,eACtBA,MAAoBC;AAEb,iBAAA;AAAA,YACL,GAAG5B;AAAA,YACH;AAAA,cACE,GAAGmB,EAAiB,CAAC;AAAA,cACrB,UAAU;AAAA,gBACR,GAAGA,EAAiB,CAAC,EAAE;AAAA,gBACvB,cAAc;AAAA,gBACd,OAAO;AAAA,gBACP,UAAU;AAAA,cACZ;AAAA,cACA,qBAAqB;AAAA,cACrB,aAAa,GAAGzB,CAAQ;AAAA,cACxB,aAAaA,KAAA,gBAAAA,EAAU,WAAW;AAAA,YACpC;AAAA,YACA,GAAIyB,KAAoB,CAAC;AAAA,UAAA;AAAA,MAG/B;AAEA,aAAO,CAAC,GAAGnB,GAAK,GAAImB,KAAoB,CAAG,CAAA;AAAA,IAC7C,GAAG,CAA0B,CAAA;AAG/B,QAAMU,IAAiBtB,EAAM,OAAO,CAACP,GAAKU,GAAMC,MAAc;AACtD,UAAA,EAAE,SAAAE,GAAS,WAAAC,EAAc,IAAAJ,GACzBQ,IAAqBL,EAAQ,MAAM,iBAAiB,GACpDM,IAAmBD,KAAA,gBAAAA,EAAoB;AAAA,MAC3C,CAACE,GAAYC,MAAgB;AAC3B,cAAMC,IAAWR,EAAU;AAAA,UACzB,CAAC,EAAE,aAAaS,QAAaA,MAAWH,EAAW,QAAQ,aAAa,EAAE;AAAA,QAAA;AAG5E,YAAI,CAACE;AACH,gBAAM,IAAI,MAAM,2CAA2CF,CAAU,EAAE;AAGlE,eAAA;AAAA,UACL,GAAGE;AAAA,UACH,mBAAmB;AAAA,UACnB,gBAAgBZ,EAAK;AAAA,UACrB,aAAaC;AAAA,UACb,qBAAqBA,IAAY;AAAA,UACjC,WAAWD,EAAK,QAAQ,CAAC;AAAA,UACzB,eAAeZ,EAAWY,EAAK,QAAQ,CAAA,CAAE;AAAA,UACzC,iBAAiBW;AAAA,UACjB,iBAAiBH,EAAmB;AAAA,QAAA;AAAA,MAExC;AAAA;AAGF,WAAO,CAAC,GAAGlB,GAAK,GAAImB,KAAoB,CAAG,CAAA;AAAA,EAC7C,GAAG,CAA0B,CAAA;AAE7B,MAAIV,GAAU;AACZ,UAAMqB,IAAmB,CAAA,GACnBC,IAAsC,CAAA;AAE5C,WAAOF,EACJ,KAAK,CAACG,GAAGC,MAAM;;AACd,YAAMC,IAASF,EAAE,cAAcG,EAAc,WAAW,GAClDC,IAASH,EAAE,cAAcE,EAAc,WAAW;AAYpD,UAVAD,KAAUH,EAAYG,CAAM,MAAM,WACxBH,EAAAG,CAAM,IAAIJ,EAAO,QAC7BA,EAAO,KAAKI,CAAM,IAGhBE,KAAUL,EAAYK,CAAM,MAAM,WACxBL,EAAAK,CAAM,IAAIN,EAAO,QAC7BA,EAAO,KAAKM,CAAM,IAGhB,CAACF,KAAU,CAACE;AACP,eAAA;AAGT,YAAMC,IAAW,GAAGN,EAAYG,CAAM,CAAC,MACrCR,IAAAM,EAAE,cAAcG,EAAc,aAAa,MAA3C,gBAAAT,EAA8C,WAAU,CAC1D,IACMY,IAAW,GAAGP,EAAYK,CAAM,CAAC,MACrCG,IAAAN,EAAE,cAAcE,EAAc,aAAa,MAA3C,gBAAAI,EAA8C,WAAU,CAC1D;AAEO,aAAAF,IAAWC,IAAW,IAAI;AAAA,IAAA,CAClC,EACA,IAAI,CAAYhB,MAAA;AACT,YAAAkB,IACJT,EAAYT,EAAS,cAAca,EAAc,WAAW,KAAK,EAAE,KAAK,GACpEM,IAAenB,EAAS,cAAca,EAAc,aAAa,KAAK;AAErE,aAAA;AAAA,QACL,GAAGb;AAAA,QACH,qBAAqBkB,IAAa,IAAIC,EAAa;AAAA,MAAA;AAAA,IACrD,CACD;AAAA,EACL;AAEO,SAAAZ;AACT,GAYMa,IAA8C,CAAC;AAAA,EACnD,WAAA5B;AAAA,EACA,iBAAA6B;AAAA,EACA,mBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,2BAAAC;AACF,MAAM;;AACJ,QAAMC,IAAoBjC,EAAU,MAAM,GAAGgC,IAA4B,CAAC,GACpEE,IAAuBlC,EAAUgC,CAAyB;AAEhE,MAAIF,KAAqBG,EAAkB,KAAK,OAAKE,EAAE,gBAAgBL,CAAiB;AAC/E,WAAAA;AAGT,MACE,OAAOC,KAAqB,YAC5BA,KAAoBG,EAAqB,aACzC;AACA,UAAM1B,IAAWR,EAAU,KAAK,CAAKmC,MAAAA,EAAE,gBAAgBJ,CAAgB;AAEvE,QAAIvB,KAAA,QAAAA,EAAU;AACZ,aAAOA,EAAS;AAAA,EAEpB;AAEA,MAAIqB,MAAoB,aAAWjB,IAAAZ,EAAU,CAAC,MAAX,QAAAY,EAAc;AACxC,WAAAZ,EAAU,CAAC,EAAE;AAGtB,MAAI6B,MAAoB;AACtB,WAAOK,EAAqB;AAG1B,OAAAT,IAAAzB,EAAU,CAAC,MAAX,QAAAyB,EAAc;AACT,WAAAzB,EAAU,CAAC,EAAE;AAGhB,QAAA,IAAI,MAAM,4BAA4B;AAC9C,GAWMoC,IAA8D,CAAC;AAAA,EACnE,WAAApC;AAAA,EACA,WAAAqC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AACF,MAAM;AACJ,QAAM,EAAE,iBAAAC,GAAiB,0BAAAC,GAA0B,YAAAC,GAAY,gBAAAC,MAAmBL,GAC5EM,IAAgB,CAAC,GAAG5C,CAAS,EAAE,UAAU,UAAU,CAAKmC,MAAA;;AACtD,UAAAU,IAAQR,EAAUF,EAAE,WAAW,GAE/B,EAAE,iBAAAW,GAAiB,oBAAAC,GAAoB,cAAAC,EAAa,IAAIH,KAAS,CAAA;AAEvE,QAAIJ;AAKF,aAJI,GAAAM,KAIAC,MAAiB;AAOvB,UAAMC,KAAmBrC,IAAAkC,KAAA,gBAAAA,EAAiB,MAAM,IAAI,OAA3B,gBAAAlC,EAA+B;AAExD,WAAIqC,KACGA,EAAiB,SAAS,OAAOA,EAAiB,YAC9C,OAGuBH,KAAA,gBAAAA,EAAiB,WAAU,MAAMN,IAK/D,IAACE,KAAcC,MAAmB,aAAaE,KAAA,QAAAA,EAAO,YAAYA,KAAA,QAAAA,EAAO;AAAA,EAItE,CACR;AAED,MAAID,MAAkB;AACb,WAAA;AAGT,MAAIA,MAAkB,GAAG;AACvB,QAAIH,GAA0B;AACtB,YAAAS,IAAyB,CAAC,GAAGlD,CAAS,EAAE,UAAU,UAAU,CAAKmC,MAAA;;AACrE,iBAAOvB,IAAAyB,EAAUF,EAAE,WAAW,MAAvB,gBAAAvB,EAA0B,kBAAiB;AAAA,MAAA,CACnD;AAEM,aAAAZ,EAAU,SAASkD,IAAyB;AAAA,IACrD;AAEA,WAAOlD,EAAU,SAAS;AAAA,EAC5B;AAEI,MAAAyC,KAA4BF,MAAa,WAAW;AAChD,UAAAP,IAA4BhC,EAAU,SAAS4C,GAC/CV,IAAuBlC,EAAUgC,CAAyB,GAC1D,EAAE,cAAAgB,EAAa,IAAIX,EAAUH,EAAqB,WAAW,KAAK;AAEpE,WAAAA,EAAqB,eAAe,CAACc,IAChChB,IAA4B,IAG9BA;AAAA,EACT;AAEA,SAAOhC,EAAU,SAAS4C;AAC5B;AAYA,SAASO,EACPnD,GACAoD,GACA;;AACM,QAAA5C,IAAW,MAAM,QAAQR,CAAS,IACpCA,EAAU,KAAK,CAAKmC,MAAAA,EAAE,gBAAgBiB,CAAU,IAChDpD;AAEJ,MAAI,CAACQ;AACH,UAAM,IAAI,MAAM,oBAAoB4C,CAAU,YAAY;AAGrD,SAAA;AAAA,IACL,iBAAiB5C,EAAS,SAAS;AAAA,IACnC,eAAeA,EAAS;AAAA,IACxB,cAAcA,EAAS;AAAA,IACvB,kBAAkBA,EAAS;AAAA,IAC3B,oBAAoB6C,EAAmB7C,CAAQ;AAAA,IAC/C,OAAO;AAAA,MACL,aACEiB,KAAAb,IAAAJ,KAAA,gBAAAA,EAAU,eAAV,gBAAAI,EAAsB,mBAAtB,gBAAAa,EAAsC,UAAS,IAAIjB,EAAS,SAAS;AAAA,IACzE;AAAA,IACA,MAAM;AAAA,MACJ,GAAGA,EAAS;AAAA,MACZ,qBAAqBA,EAAS;AAAA,IAChC;AAAA,EAAA;AAEJ;AAMA,MAAM8C,IAA4C,CAAatD,MACtDA,EAAU;AAAA,EACf,CAACd,GAAKsB,OAAc;AAAA,IAClB,GAAGtB;AAAA,IACH,CAACsB,EAAS,WAAW,GAAG2C,EAAoBnD,GAAWQ,EAAS,WAAW;AAAA,EAAA;AAAA,EAE7E,CAAC;AAAA,GAeC+C,IAAkD,CAAC9D,GAAO+D,MAAW;AACnE,QAAA,EAAE,WAAAC,EAAc,IAAAD;AAMf,SAAA;AAAA,IACL,yBANqB,CAAC/D,EAAM;AAAA,MAAK,OACjCG,EAAK,UAAU,KAAK,CAAAY,MAAYA,EAAS,eAAe;AAAA,IAAA,IAKdkD,IAAiBC;AAAA,IAC3D,kBAAkBD;AAAA,IAClB,iBALsBD,MAAc,WAAWG,IAAoB;AAAA,EAKnE;AAEJ,GASMC,IAAkD,CAAC;AAAA,EACvD,WAAA7D;AAAA,EACA,2BAAAgC;AAAA,EACA,UAAAO;AACF,MACMA,MAAa,YAAkBvC,EAAU,MAAM,GAAGgC,IAA4B,CAAC,IAE5EhC,GAOH8D,IAAsC,CAACV,GAAY,EAAE,WAAAW,IAAY,GAAM,IAAI,CAAA,MAAO;AACtF,QAAMC,IAAc,SAAS,iBAAiB,WAAWZ,CAAU,EAAE,EAAE,CAAC;AAExE,EAAIY,KACFA,EAAY,eAAe;AAAA,IACzB,OAAO;AAAA,IACP,UAAUD,IAAY,WAAW;AAAA,EAAA,CAClC;AAEL,GAMMV,IAA0C,CAAY7C,MAAA;AAC1D,QAAM,EAAE,MAAAyD,GAAM,SAAAC,GAAS,qBAAAC,EAAA,IAAwB3D;AAG/C,UAFiB,eAAeA,IAAWA,EAAS,YAAY,YAGjD,cACb2D,MAAwB,WACxBA,MAAwB,iBACxBA,MAAwB,kBAEjB,KAGFF,MAAS,UAASC,KAAA,gBAAAA,EAAS,YAAW;AAC/C,GAEME,IAA2B,CAC/BC,MACG;AACH,SAAO,UAAU;AAAA,IACf,SAAS;AAAA,MACP,YAAY;AAAA,MACZ,iBAAiB;AAAA,MACjB,cAAc,SAAUC,GAAKC,GAAMC,GAAK;AACtC,QAAAH,EAAOI,EAAO,qBAAqB,GAC/BH,EAAA,aAAaC,GAAMC,CAAG;AAAA,MAC5B;AAAA,MACA,cAAc,SAAUF,GAAKC,GAAMC,GAAK;AACtC,QAAAH,EAAOI,EAAO,qBAAqB,GAC/BH,EAAA,aAAaC,GAAMC,CAAG;AAAA,MAE5B;AAAA,IACF;AAAA,IACA,KAAK;AAAA,MACH,YAAY;AAAA,QACV,CAAC,OAAO,KAAK;AAAA,QACb,CAAC,MAAM,IAAI;AAAA,MACb;AAAA,MACA,aAAa,CAAC,CAAC,OAAO,KAAK,CAAC;AAAA,MAC5B,QAAQ;AAAA,QACN,KAAK,CAAC,UAAU,CAAC;AAAA,QACjB,QAAQ,CAAC,GAAG;AAAA,QACZ,SAAS,CAAC,4BAA4B,CAAC;AAAA,QACvC,QAAQ,CAAC,gBAAgB,CAAC;AAAA,QAC1B,YAAY,CAAC,kBAAkB,CAAC;AAAA,QAChC,WAAW,CAAC,UAAU;AAAA,QACtB,eAAe,CAAC,kBAAkB;AAAA,QAClC,MAAM,CAAC,kBAAkB;AAAA,QACzB,OAAO,CAAC,kBAAkB;AAAA,QAC1B,mBAAmB,CAAC,MAAM,CAAC;AAAA,QAC3B,SAAS,CAAC,qBAAqB,CAAC;AAAA,MAClC;AAAA,MACA,aAAa,CAACE,GAAKF,MAAQ;AACzB,QAAAH,EAAOI,EAAO,sBAAsB;AAAA,UAClC,IAAID,EAAI;AAAA,UACR,SAASA,EAAI;AAAA,QAAA,CACd,GACDE,EAAI,YAAYF,CAAG;AAAA,MACrB;AAAA,IACF;AAAA,IACA,OAAO;AAAA,MACL,UAAU;AAAA,MACV,iBAAiB;AAAA,IACnB;AAAA,EAAA;AAEJ,GAMMG,KAAoD,CAAYnE,MAAA;AAC9D,QAAA,EAAE,WAAAoE,GAAW,qBAAAT,EAAwB,IAAA3D,GACrCzB,IAA8BoF,KAAA,gBAAAA,EAAqB;AAEzD,UAAQS,GAAW;AAAA,IACjB,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aACE7F,MAAgC,iBAChCA,MAAgC,WAChCA,MAAgC,kBAEzB,SAGLA,MAAgC,SAC3B,UAGF;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT;AACM,aAAAA,MAAgC,UAAgB,SAEhDA,MAAgC,SAASA,MAAgC,UACpE,UAEF;AAAA,EACX;AACF,GAEM8F,KAA6B,CAACC,MAC3B,iFAAiFA,CAAU,QAG9FC,KAAyB,CAC7BD,GACAE,MACgB;AAChB,MAAI,CAACA;AACI,WAAA;AAGT,UAAQF,GAAY;AAAA,IAClB,KAAK;AAAA,IACL,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT;AACS,aAAA;AAAA,EACX;AACF,GAEMG,KAAsC,CAAChF,MAA4C;AACvF,UAAQA,GAAa;AAAA,IACnB,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT;AACS,aAAA;AAAA,EACX;AACF,GAEMiF,KAA2B,CAACjF,MAAuC;AACvE,UAAQA,GAAa;AAAA,IACnB,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT;AACS,aAAA;AAAA,EACX;AACF,GAEMkF,KAA2B,CAAClF,MAA+B;AAC/D,UAAQA,GAAa;AAAA,IACnB,KAAK;AACI,aAAAmF;AAAA,IACT,KAAK;AACI,aAAAC;AAAA,IACT,KAAK;AACI,aAAAC;AAAA,IACT,KAAK;AACI,aAAAC;AAAA,IACT,KAAK;AACI,aAAAC;AAAA,IACT;AACS,aAAAJ;AAAA,EACX;AACF,GAKMK,KAAqC,CAACC,MACtC,MAAM,QAAQA,EAAS,KAAK,IACZA,EAAS,MAAM;AAAA,EAC/B,CAAQ9F,MAAA,OAAOA,KAAS,YAAYA,EAAK,SAAS+F;AAAA,IAM/C,IAGHC,KAA8B,CAClCrD,GACAsD,MAC0B;AAC1B,QAAMC,IAAYvD,MAAa;AAE/B,SAAIsD,IACK;AAAA,IACL,uBAAuB;AAAA,IACvB,OAAOC,IACH,wCACA;AAAA,EAAA,IAID;AAAA,IACL,uBAAuB;AAAA,IACvB,OAAO;AAAA,EAAA;AAEX,GAEMC,KAAwD,CAAC;AAAA,EAC7D,mBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,UAAAC,IAAW;AACb,MACMF,IACK;AAAA,EACL,SAAS,GAAGE,CAAQ;AAAA,EACpB,aAAa,GAAGA,CAAQ;AAAA,EACxB,WAAW;AAAA,IAIXD,IACK;AAAA,EACL,SAAS;AAAA,EACT,aAAa;AAAA,EACb,WAAW;AAAA,IAIR;AAAA,EACL,SAAS;AAAA,EACT,aAAa;AAAA,EACb,WAAW;AAAA,GAQTE,KAAwE,CAAYD,MACnFA,IAEE,GAAGA,CAAQ,OAFI;"}

package/dist/features/worksheet/worksheet/worksheet-question/learnosity-question.js

@@ -1,21 +1,23 @@
-import { jsx as v } from "react/jsx-runtime";
-import { memo as R, useRef as E, useCallback as A, useEffect as m } from "react";
-import g from "../hooks/use-learnosity-append.js";
-import { LearnosityQuestionContainer as b } from "./worksheet-question-styled.js";
-const N = R(
+import { jsx as L } from "react/jsx-runtime";
+import { memo as O, useRef as y, useCallback as R, useEffect as m } from "react";
+import $ from "../hooks/use-learnosity-append.js";
+import { LearnosityQuestionContainer as Q } from "./worksheet-question-styled.js";
+const b = ["numberline", "imageclozeassociationV2"], z = O(
   ({
-    signedRequest: S,
+    signedRequest: g,
     appended: o,
     canRender: I,
     canForceAppend: a,
     question: t,
     response: s,
-    learnosity: w,
-    isConceptIntro: M,
+    learnosity: _,
+    isConceptIntro: v,
     simState: c,
-    onMediaStateChange: _
+    onMediaStateChange: w,
+    imageHue: A,
+    isPuzzle: M
   }) => {
-    const l = E(null), n = E(s), { forceAppend: p } = g(S), d = A(
+    const l = y(null), n = y(s), { forceAppend: p } = $(g), d = R(
       (e) => {
         const { source: r, data: i } = e, { type: u } = i ?? {};
         u === "SIM_IS_READY" ? r.postMessage(
@@ -27,10 +29,10 @@ const N = R(
             }
           },
           "*"
-        ) : u === "SIM_STATE_UPDATE" && _(t, "SIMULATION", e.data.payload);
+        ) : u === "SIM_STATE_UPDATE" && w(t, "SIMULATION", e.data.payload);
       },
-      [a, c, _, t]
-    ), y = A(
+      [a, c, w, t]
+    ), E = R(
       (e) => {
         window.requestAnimationFrame(() => {
           var i, u, T;
@@ -40,20 +42,20 @@ const N = R(
           }), (T = l.current) == null || T.append(r), p({
             question: t,
             response: e,
-            removeOldElements: t.type === "numberline" ? "before" : "after",
+            removeOldElements: b.includes(t.type) ? "before" : "after",
             callback: (f) => {
-              f || (n.current && n.current !== e ? y(n.current) : n.current = void 0);
+              f || (n.current && n.current !== e ? E(n.current) : n.current = void 0);
             }
           });
         });
       },
       [p, t]
-    ), L = E(!1);
+    ), S = y(!1);
     return m(() => {
       let e;
-      return I && (L.current || (e = window.requestAnimationFrame(() => {
+      return I && (S.current || (e = window.requestAnimationFrame(() => {
         const r = n.current ?? s;
-        L.current = !0, w.appendQuestion({
+        S.current = !0, _.appendQuestion({
           questions: [t],
           ...r ? {
             responses: {
@@ -67,7 +69,7 @@ const N = R(
       }))), () => {
         e && window.cancelAnimationFrame(e);
       };
-    }, [I, w, t, s]), m(() => {
+    }, [I, _, t, s]), m(() => {
       var e;
       return o && (n.current = void 0, (e = l.current) != null && e.querySelector("iframe") && window.addEventListener("message", d)), () => {
         window.removeEventListener("message", d);
@@ -85,19 +87,21 @@ const N = R(
         ));
       }
     }, [o, a, c]), m(() => {
-      o && s && a && s !== n.current && (n.current ? n.current = s : (n.current = s, y(s)));
-    }, [o, a, s, y]), /* @__PURE__ */ v(
-      b,
+      o && s && a && s !== n.current && (n.current ? n.current = s : (n.current = s, E(s)));
+    }, [o, a, s, E]), /* @__PURE__ */ L(
+      Q,
       {
         ref: l,
-        $isConceptIntro: M,
+        $isConceptIntro: v,
         $isTeacher: a,
-        children: /* @__PURE__ */ v("div", { className: `learnosity-response question-${t.response_id}` })
+        $imageHue: A,
+        $isPuzzle: M,
+        children: /* @__PURE__ */ L("div", { className: `learnosity-response question-${t.response_id}` })
       }
     );
   }
 );
 export {
-  N as default
+  z as default
 };
 //# sourceMappingURL=learnosity-question.js.map

package/dist/features/worksheet/worksheet/worksheet-question/learnosity-question.js.map

@@ -1 +1 @@
-{"version":3,"file":"learnosity-question.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-question/learnosity-question.tsx"],"sourcesContent":["import type { ILearnosityQuestionResponse } from '../worksheet-types';\nimport type { ILearnosityQuestionProps } from './worksheet-question-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect, useRef } from 'react';\n\nimport useLearnosityAppend from '../hooks/use-learnosity-append';\nimport * as Styled from './worksheet-question-styled';\n\nconst LearnosityQuestion: FC<ILearnosityQuestionProps> = memo(\n  ({\n    signedRequest,\n    appended,\n    canRender,\n    canForceAppend,\n    question,\n    response,\n    learnosity,\n    isConceptIntro,\n    simState,\n    onMediaStateChange,\n  }) => {\n    const containerElementRef = useRef<HTMLDivElement>(null);\n    const latestQuestionResponseRef = useRef<ILearnosityQuestionResponse | undefined>(response);\n    const { forceAppend } = useLearnosityAppend(signedRequest);\n\n    const handleSimIframeMessage = useCallback(\n      (event: MessageEvent) => {\n        const { source, data } = event;\n        const { type } = data ?? ({} as { type: string });\n\n        if (type === 'SIM_IS_READY') {\n          (source as Window).postMessage(\n            {\n              type: 'SIMULATION_CONFIG',\n              payload: {\n                userRole: canForceAppend ? 'teacher' : 'student',\n                simulationState: simState,\n              },\n            },\n            '*',\n          );\n        } else if (type === 'SIM_STATE_UPDATE') {\n          onMediaStateChange(question, 'SIMULATION', event.data.payload);\n        }\n      },\n      [canForceAppend, simState, onMediaStateChange, question],\n    );\n\n    const updateResponse = useCallback(\n      (newResponse: ILearnosityQuestionResponse) => {\n        window.requestAnimationFrame(() => {\n          const questionElement = document.createElement('div');\n\n          questionElement.classList.add('learnosity-response');\n          questionElement.classList.add(`question-${question.response_id}`);\n          // Drawing questions looks for already appended path elements with id, if present it will not append the path, to overcome this issue we are adding temp to the id\n          containerElementRef.current?.children[0]\n            ?.querySelectorAll('.lrn_drawing svg path')\n            .forEach(path => {\n              path.id = `${path.id} + temp`;\n            });\n\n          containerElementRef.current?.append(questionElement);\n          forceAppend({\n            question,\n            response: newResponse,\n            removeOldElements: question.type === 'numberline' ? 'before' : 'after',\n            callback: error => {\n              if (error) return;\n\n              if (\n                latestQuestionResponseRef.current &&\n                latestQuestionResponseRef.current !== newResponse\n              )\n                updateResponse(latestQuestionResponseRef.current);\n              else latestQuestionResponseRef.current = undefined;\n            },\n          });\n        });\n      },\n      [forceAppend, question],\n    );\n\n    const appendQuestionCalledRef = useRef(false);\n\n    useEffect(() => {\n      let requestId: number;\n\n      if (canRender) {\n        if (!appendQuestionCalledRef.current) {\n          requestId = window.requestAnimationFrame(() => {\n            const appenndableResponse = latestQuestionResponseRef.current ?? response;\n\n            appendQuestionCalledRef.current = true;\n            learnosity.appendQuestion({\n              questions: [question],\n              ...(appenndableResponse\n                ? {\n                    responses: {\n                      [question.response_id]: {\n                        // Learnosity is mutating the response object, so we need to clone it\n                        ...appenndableResponse,\n                      },\n                    },\n                  }\n                : {}),\n            });\n          });\n        }\n      }\n\n      return () => {\n        if (requestId) window.cancelAnimationFrame(requestId);\n      };\n    }, [canRender, learnosity, question, response]);\n\n    useEffect(() => {\n      if (appended) {\n        latestQuestionResponseRef.current = undefined;\n\n        if (containerElementRef.current?.querySelector('iframe')) {\n          window.addEventListener('message', handleSimIframeMessage);\n        }\n      }\n\n      return () => {\n        window.removeEventListener('message', handleSimIframeMessage);\n      };\n    }, [appended, handleSimIframeMessage]);\n\n    useEffect(() => {\n      if (simState && appended) {\n        const simIframe = containerElementRef.current?.querySelector('iframe');\n\n        if (simIframe) {\n          simIframe.contentWindow?.postMessage(\n            {\n              type: 'SIM_STATE_UPDATE',\n              payload: simState,\n            },\n            '*',\n          );\n        }\n      }\n    }, [appended, canForceAppend, simState]);\n\n    useEffect(() => {\n      if (appended && response && canForceAppend) {\n        if (response !== latestQuestionResponseRef.current) {\n          if (!latestQuestionResponseRef.current) {\n            latestQuestionResponseRef.current = response;\n            updateResponse(response);\n          } else {\n            latestQuestionResponseRef.current = response;\n          }\n        }\n      }\n    }, [appended, canForceAppend, response, updateResponse]);\n\n    return (\n      <Styled.LearnosityQuestionContainer\n        ref={containerElementRef}\n        $isConceptIntro={isConceptIntro}\n        $isTeacher={canForceAppend}\n      >\n        <div className={`learnosity-response question-${question.response_id}`} />\n      </Styled.LearnosityQuestionContainer>\n    );\n  },\n);\n\nexport default LearnosityQuestion;\n"],"names":["LearnosityQuestion","memo","signedRequest","appended","canRender","canForceAppend","question","response","learnosity","isConceptIntro","simState","onMediaStateChange","containerElementRef","useRef","latestQuestionResponseRef","forceAppend","useLearnosityAppend","handleSimIframeMessage","useCallback","event","source","data","type","updateResponse","newResponse","questionElement","_b","_a","path","_c","error","appendQuestionCalledRef","useEffect","requestId","appenndableResponse","simIframe","jsx","Styled.LearnosityQuestionContainer"],"mappings":"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"}
+{"version":3,"file":"learnosity-question.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-question/learnosity-question.tsx"],"sourcesContent":["import type { ILearnosityQuestionResponse } from '../worksheet-types';\nimport type { ILearnosityQuestionProps } from './worksheet-question-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect, useRef } from 'react';\n\nimport useLearnosityAppend from '../hooks/use-learnosity-append';\nimport * as Styled from './worksheet-question-styled';\n\nconst REMOVE_BEFORE_QUESTIONS = ['numberline', 'imageclozeassociationV2'];\n\nconst LearnosityQuestion: FC<ILearnosityQuestionProps> = memo(\n  ({\n    signedRequest,\n    appended,\n    canRender,\n    canForceAppend,\n    question,\n    response,\n    learnosity,\n    isConceptIntro,\n    simState,\n    onMediaStateChange,\n    imageHue,\n    isPuzzle,\n  }) => {\n    const containerElementRef = useRef<HTMLDivElement>(null);\n    const latestQuestionResponseRef = useRef<ILearnosityQuestionResponse | undefined>(response);\n    const { forceAppend } = useLearnosityAppend(signedRequest);\n\n    const handleSimIframeMessage = useCallback(\n      (event: MessageEvent) => {\n        const { source, data } = event;\n        const { type } = data ?? ({} as { type: string });\n\n        if (type === 'SIM_IS_READY') {\n          (source as Window).postMessage(\n            {\n              type: 'SIMULATION_CONFIG',\n              payload: {\n                userRole: canForceAppend ? 'teacher' : 'student',\n                simulationState: simState,\n              },\n            },\n            '*',\n          );\n        } else if (type === 'SIM_STATE_UPDATE') {\n          onMediaStateChange(question, 'SIMULATION', event.data.payload);\n        }\n      },\n      [canForceAppend, simState, onMediaStateChange, question],\n    );\n\n    const updateResponse = useCallback(\n      (newResponse: ILearnosityQuestionResponse) => {\n        window.requestAnimationFrame(() => {\n          const questionElement = document.createElement('div');\n\n          questionElement.classList.add('learnosity-response');\n          questionElement.classList.add(`question-${question.response_id}`);\n          // Drawing questions looks for already appended path elements with id, if present it will not append the path, to overcome this issue we are adding temp to the id\n          containerElementRef.current?.children[0]\n            ?.querySelectorAll('.lrn_drawing svg path')\n            .forEach(path => {\n              path.id = `${path.id} + temp`;\n            });\n\n          containerElementRef.current?.append(questionElement);\n          forceAppend({\n            question,\n            response: newResponse,\n            removeOldElements: REMOVE_BEFORE_QUESTIONS.includes(question.type) ? 'before' : 'after',\n            callback: error => {\n              if (error) return;\n\n              if (\n                latestQuestionResponseRef.current &&\n                latestQuestionResponseRef.current !== newResponse\n              )\n                updateResponse(latestQuestionResponseRef.current);\n              else latestQuestionResponseRef.current = undefined;\n            },\n          });\n        });\n      },\n      [forceAppend, question],\n    );\n\n    const appendQuestionCalledRef = useRef(false);\n\n    useEffect(() => {\n      let requestId: number;\n\n      if (canRender) {\n        if (!appendQuestionCalledRef.current) {\n          requestId = window.requestAnimationFrame(() => {\n            const appenndableResponse = latestQuestionResponseRef.current ?? response;\n\n            appendQuestionCalledRef.current = true;\n            learnosity.appendQuestion({\n              questions: [question],\n              ...(appenndableResponse\n                ? {\n                    responses: {\n                      [question.response_id]: {\n                        // Learnosity is mutating the response object, so we need to clone it\n                        ...appenndableResponse,\n                      },\n                    },\n                  }\n                : {}),\n            });\n          });\n        }\n      }\n\n      return () => {\n        if (requestId) window.cancelAnimationFrame(requestId);\n      };\n    }, [canRender, learnosity, question, response]);\n\n    useEffect(() => {\n      if (appended) {\n        latestQuestionResponseRef.current = undefined;\n\n        if (containerElementRef.current?.querySelector('iframe')) {\n          window.addEventListener('message', handleSimIframeMessage);\n        }\n      }\n\n      return () => {\n        window.removeEventListener('message', handleSimIframeMessage);\n      };\n    }, [appended, handleSimIframeMessage]);\n\n    useEffect(() => {\n      if (simState && appended) {\n        const simIframe = containerElementRef.current?.querySelector('iframe');\n\n        if (simIframe) {\n          simIframe.contentWindow?.postMessage(\n            {\n              type: 'SIM_STATE_UPDATE',\n              payload: simState,\n            },\n            '*',\n          );\n        }\n      }\n    }, [appended, canForceAppend, simState]);\n\n    useEffect(() => {\n      if (appended && response && canForceAppend) {\n        if (response !== latestQuestionResponseRef.current) {\n          if (!latestQuestionResponseRef.current) {\n            latestQuestionResponseRef.current = response;\n            updateResponse(response);\n          } else {\n            latestQuestionResponseRef.current = response;\n          }\n        }\n      }\n    }, [appended, canForceAppend, response, updateResponse]);\n\n    return (\n      <Styled.LearnosityQuestionContainer\n        ref={containerElementRef}\n        $isConceptIntro={isConceptIntro}\n        $isTeacher={canForceAppend}\n        $imageHue={imageHue}\n        $isPuzzle={isPuzzle}\n      >\n        <div className={`learnosity-response question-${question.response_id}`} />\n      </Styled.LearnosityQuestionContainer>\n    );\n  },\n);\n\nexport default LearnosityQuestion;\n"],"names":["REMOVE_BEFORE_QUESTIONS","LearnosityQuestion","memo","signedRequest","appended","canRender","canForceAppend","question","response","learnosity","isConceptIntro","simState","onMediaStateChange","imageHue","isPuzzle","containerElementRef","useRef","latestQuestionResponseRef","forceAppend","useLearnosityAppend","handleSimIframeMessage","useCallback","event","source","data","type","updateResponse","newResponse","questionElement","_b","_a","path","_c","error","appendQuestionCalledRef","useEffect","requestId","appenndableResponse","simIframe","jsx","Styled.LearnosityQuestionContainer"],"mappings":"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"}

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

@@ -1,10 +1,11 @@
-import n from "styled-components";
-import { ILLUSTRATIONS as l } from "../../../../assets/illustrations/illustrations.js";
-import e from "../../../ui/layout/flex-view.js";
-import { TOP_NAVIGATION_HEIGHT as d, QUESTIONS_GAP as a } from "../constants.js";
-import { getQuestionBackgroundImage as _, getQuestionBorderColor as m } from "../worksheet-helpers.js";
-const h = n.div(
-  ({ $isConceptIntro: t, $isTeacher: r }) => `
+import i from "styled-components";
+import { ILLUSTRATIONS as _ } from "../../../../assets/illustrations/illustrations.js";
+import { getPuzzleCardPattern as m } from "../../../puzzles/utils/puzzle-pattern.js";
+import o from "../../../ui/layout/flex-view.js";
+import { TOP_NAVIGATION_HEIGHT as g, QUESTIONS_GAP as d } from "../constants.js";
+import { getQuestionBackgroundImage as c, getQuestionBorderColor as s, getPuzzleWorksheetBackgroundColor as l } from "../worksheet-helpers.js";
+const w = i.div(
+  ({ $isConceptIntro: t, $isTeacher: r, theme: n, $imageHue: a = "BLUE", $isPuzzle: e }) => `
   position: relative;
   z-index: 1;
   & > div:not(:first-child) {
@@ -17,25 +18,78 @@ const h = n.div(
         right: 0;
         bottom: ${r ? 140 : 180}px;
       ` : ""}
+  ${e ? `
+      width: 420px;
+      min-height: 504px;
+      padding: 20px 24px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      position: relative;
+      margin: 40px auto 0;
+      box-shadow: inset 0px 0px 0px 4px ${n.colors[`${a}_4`]};
+      background: ${n.colors.WHITE_1};
+      
+      & * {
+        font-family: Athletics-Regular !important;
+      }
+
+      &::before {
+        content: '';
+        position: absolute;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        background-image: ${`url(${m(a)})`};
+        background-size: cover;
+        opacity: 0.4;
+      }
+
+      .lrn_stimulus_content {
+        display: flex;
+        justify-content: center;
+      }
+
+      .lrn_stimulus_content img {
+        width: 270px;
+        height: 270px;
+        margin-bottom: 0;
+      }
+      
+      .lrn_response_wrapper  .lrn_response_math.lrn_response_input, 
+      .lrn_response_wrapper  .lrn_response_math.lrn_response_input p {
+        line-height: 1.5 !important;
+      }
+    ` : ""}
 `
-), E = n(e)(
+), k = i(o)(
   ({ $topOffset: t }) => `
-  scroll-margin-top: ${(t ?? 0) + d + a}px;
+  scroll-margin-top: ${(t ?? 0) + g + d}px;
 `
-), g = (t) => t.startsWith("calc(") ? t.replace(")", " - 32px)") : t, $ = n(e)(
-  ({ theme: t, $minHeight: r, $paperColor: i, $isActive: p }) => `
+), x = (t) => t.startsWith("calc(") ? t.replace(")", " - 32px)") : t, R = i(o)(
+  ({ theme: t, $minHeight: r, $paperColor: n, $isActive: a, $imageHue: e }) => `
     position: relative;
     padding: 15px 15px 55px 15px;
-    background-image: ${i && i !== "white" ? `url(${_(i)})` : "none"};
-    background-repeat: repeat;
-    min-height: ${typeof r == "number" ? `${r}px` : g(r)};
+
+    
+    min-height: ${typeof r == "number" ? `${r}px` : x(r)};
     transition: opacity 0.15s;
-    border-radius: 12px;
-    border: 1px solid ${i ? t.colors[m(i, p)] : "transparent"};
-    ${i ? "" : "padding-right: 0;"}
+    ${e ? `
+          border: 1px solid ${t.colors[l(e)]};
+          border-top: none;
+          border-bottom: none;
+          background-color: ${t.colors[l(e)]};
+        ` : `
+          border-radius: 12px;
+          background-image: ${n && n !== "white" ? `url(${c(n)})` : "none"};
+          background-repeat: repeat;
+          border: 1px solid ${n ? t.colors[s(n, a)] : "transparent"};
+      `}
+    ${n ? "" : "padding-right: 0;"}
 `
-), f = n.div(
-  ({ theme: { colors: t }, $dropzoneMinWidth: r, $dropzoneMinHeight: i }) => `
+), y = i.div(
+  ({ theme: { colors: t }, $dropzoneMinWidth: r, $dropzoneMinHeight: n }) => `
   height: 100%;
   min-height: inherit;
 
@@ -104,9 +158,9 @@ const h = n.div(
               width: ${r}px !important;
               max-width: ${r}px !important;
             ` : ""}
-      ${i > 0 ? `
-              min-height: ${i}px !important;
-              height: ${i}px !important;
+      ${n > 0 ? `
+              min-height: ${n}px !important;
+              height: ${n}px !important;
             ` : ""}
 
       &:not(.lrn_disabled):hover {
@@ -951,7 +1005,7 @@ const h = n.div(
                 height: 24px;
                 margin-right: 12px;
                 color: transparent;
-                background-image: url(${l.BULLET_YELLOW});
+                background-image: url(${_.BULLET_YELLOW});
               }
             }
           }
@@ -985,11 +1039,11 @@ const h = n.div(
     display: none;
   }
 `
-), w = n(e)`
+), G = i(o)`
   position: relative;
   z-index: 2;
   padding-right: 8px;
-`, R = n(e)(
+`, L = i(o)(
   ({
     theme: {
       layout: { gutter: t },
@@ -1012,25 +1066,25 @@ const h = n.div(
     border-right: 24px solid transparent;
   }
 `
-), k = n(e)(
+), N = i(o)(
   ({ $topOffset: t }) => `
   position: sticky;
-  top: ${t + a / 2}px;
+  top: ${t + d / 2}px;
   z-index: 2;
 `
-), G = n.div`
+), B = i.div`
   position: absolute;
   top: -16px;
   right: -16px;
   width: 40px;
   height: 40px;
-`, L = n.img`
+`, A = i.img`
   display: block;
   transform: translate(-15px, -15px);
   width: calc(100% + 30px);
   border-radius: 12px 12px 0 0;
   margin-bottom: 18px;
-`, o = n.div(
+`, p = i.div(
   ({ theme: { colors: t } }) => `
   color: ${t.BLACK};
   font-size: 16px;
@@ -1080,9 +1134,9 @@ const h = n.div(
     }
   }
 `
-), y = n(o)`
+), U = i(p)`
   margin: 8px 0;
-`, N = o, A = n(o)(
+`, v = p, z = i(p)(
   ({ theme: { colors: t } }) => `
   width: 50%;
   padding-right: 16px;
@@ -1091,7 +1145,7 @@ const h = n.div(
   min-height: 100%;
   align-self: stretch;
 `
-), B = n(e)(
+), O = i(o)(
   ({ $canScribble: t, theme: r }) => `
   position: absolute;
   top: 0;
@@ -1103,19 +1157,19 @@ const h = n.div(
 `
 );
 export {
-  B as CueCanvasWrapper,
-  o as CustomElement,
-  y as Hint,
-  w as ItemHeader,
-  R as ItemHeaderTag,
-  h as LearnosityQuestionContainer,
-  L as LessonOverviewBanner,
-  $ as QuestionContainer,
-  E as QuestionContainerWrapper,
-  k as QuestionHeaderWrapper,
-  G as QuestionValidationAnimationWrapper,
-  f as QuestionWrapper,
-  N as Solution,
-  A as StimulusReview
+  O as CueCanvasWrapper,
+  p as CustomElement,
+  U as Hint,
+  G as ItemHeader,
+  L as ItemHeaderTag,
+  w as LearnosityQuestionContainer,
+  A as LessonOverviewBanner,
+  R as QuestionContainer,
+  k as QuestionContainerWrapper,
+  N as QuestionHeaderWrapper,
+  B as QuestionValidationAnimationWrapper,
+  y as QuestionWrapper,
+  v as Solution,
+  z as StimulusReview
 };
 //# sourceMappingURL=worksheet-question-styled.js.map