@cuemath/leap 3.2.14 → 3.2.15-akm-2

package/dist/features/puzzles/app/puzzle-app.js.map

@@ -1 +1 @@
-{"version":3,"file":"puzzle-app.js","sources":["../../../../src/features/puzzles/app/puzzle-app.tsx"],"sourcesContent":["import type { THueNames } from '../../ui/types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect, useRef, useState } from 'react';\nimport { ErrorBoundary } from 'react-error-boundary';\n\nimport Error from '../../ui/error/error';\nimport FlexView from '../../ui/layout/flex-view';\nimport AppLoader from '../../ui/loader/app-loader/app-loader';\nimport Text from '../../ui/text/text';\nimport LearnosityPreloader from '../../worksheet/learnosity-preloader/learnosity-preloader';\nimport { usePreviewWorksheetGet } from '../../worksheet/worksheet-preview/api/get-preview-worksheet';\nimport {\n  LEARNOSITY_QUESTIONS_API,\n  LEARNOSITY_QUESTIONS_API_FALLBACK,\n} from '../../worksheet/worksheet/stories/worksheet-story-container';\nimport * as Styled from './puzzle-app-styled';\nimport PuzzleAppView from './puzzle-app-view';\n\nconst logger = (eventName: string) => {\n  // eslint-disable-next-line no-console\n  console.log('Worksheet Logger:', eventName);\n};\n\nconst PuzzleApp: FC = () => {\n  // Extract props from URL search parameters\n  const urlParams = new URLSearchParams(window.location.search);\n  const itemRef = urlParams.get('itemRef') || '';\n  const title = urlParams.get('title') || '';\n  const imageHue = (urlParams.get('imageHue') || 'BLUE') as THueNames;\n  const feedbackComments = urlParams.get('feedbackComments') || undefined;\n  const tip = urlParams.get('tip') || undefined;\n\n  const [error, setError] = useState<string>();\n  const [worksheetRendered, setWorksheetRendered] = useState<boolean>(false);\n\n  const { isProcessing, get, data: worksheetData, error: fetchError } = usePreviewWorksheetGet();\n  const loggerRef = useRef(() => null);\n\n  const tipInfo =\n    tip || `Celebrate persistence more than correct answers - it's a life skill worth building.`;\n\n  const fetchWorksheet = useCallback(() => {\n    get('test', {\n      action: 'review',\n      node_type: 'PUZZLE_CARD',\n      items: [itemRef],\n    });\n  }, [get, itemRef]);\n\n  useEffect(() => {\n    fetchWorksheet();\n  }, [fetchWorksheet]);\n\n  const handleWorksheetErrored = useCallback((err: { code?: number; message: string }) => {\n    setError(err.message);\n  }, []);\n\n  const handleWorksheetLoaded = useCallback(() => {\n    setWorksheetRendered(true);\n  }, []);\n\n  if (!itemRef) return null;\n\n  if (error || fetchError) {\n    return <Error height=\"100vh\" onTryAgain={fetchWorksheet} />;\n  }\n\n  if (isProcessing) {\n    return <AppLoader height=\"100vh\" />;\n  }\n\n  return (\n    <ErrorBoundary\n      fallback={<Error height=\"100vh\" />}\n      onError={errorInfo => setError(errorInfo.message)}\n    >\n      <LearnosityPreloader\n        apiURL={LEARNOSITY_QUESTIONS_API}\n        fallbackAPIURL={LEARNOSITY_QUESTIONS_API_FALLBACK}\n        logger={logger}\n      >\n        <Styled.PuzzleAppWrapper\n          className=\"puzzle-app-container\"\n          $background={`${imageHue}_2`}\n          $alignItems=\"center\"\n          $flexGapX={1}\n          $gutterX={1}\n          $visible={worksheetRendered}\n          $height=\"100vh\"\n        >\n          {worksheetRendered && <Text $renderAs=\"ab1-bold\">{title}</Text>}\n\n          {worksheetData && (\n            <PuzzleAppView\n              onWorksheetErrored={handleWorksheetErrored}\n              worksheetData={worksheetData}\n              loggerRef={loggerRef}\n              imageHue={imageHue}\n              onLoaded={handleWorksheetLoaded}\n            />\n          )}\n\n          {worksheetRendered && (\n            <>\n              {feedbackComments ? (\n                <Styled.StyledFeedbackText $renderAs=\"ab2\">\n                  <span>Tutor Remark:</span>\n                  {feedbackComments}\n                </Styled.StyledFeedbackText>\n              ) : (\n                <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexGap={8}>\n                  <FlexView $width={24} $height={24}>\n                    <Styled.StyledHintFillIcon />\n                  </FlexView>\n                  <Text $renderAs=\"ab2\">{tipInfo}</Text>\n                </FlexView>\n              )}\n            </>\n          )}\n        </Styled.PuzzleAppWrapper>\n      </LearnosityPreloader>\n    </ErrorBoundary>\n  );\n};\n\nexport default memo(PuzzleApp);\n"],"names":["logger","eventName","PuzzleApp","urlParams","itemRef","title","imageHue","feedbackComments","tip","error","setError","useState","worksheetRendered","setWorksheetRendered","isProcessing","get","worksheetData","fetchError","usePreviewWorksheetGet","loggerRef","useRef","tipInfo","fetchWorksheet","useCallback","useEffect","handleWorksheetErrored","err","handleWorksheetLoaded","jsx","Error","AppLoader","ErrorBoundary","errorInfo","LearnosityPreloader","LEARNOSITY_QUESTIONS_API","LEARNOSITY_QUESTIONS_API_FALLBACK","jsxs","Styled.PuzzleAppWrapper","Text","PuzzleAppView","Styled.StyledFeedbackText","FlexView","Styled.StyledHintFillIcon","puzzleApp","memo"],"mappings":"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"}
+{"version":3,"file":"puzzle-app.js","sources":["../../../../src/features/puzzles/app/puzzle-app.tsx"],"sourcesContent":["import type { IPuzzleAppProps } from './puzzle-app-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect, useRef, useState } from 'react';\n\nimport Error from '../../ui/error/error';\nimport FlexView from '../../ui/layout/flex-view';\nimport AppLoader from '../../ui/loader/app-loader/app-loader';\nimport Text from '../../ui/text/text';\nimport { usePreviewWorksheetGet } from '../../worksheet/worksheet-preview/api/get-preview-worksheet';\nimport * as Styled from './puzzle-app-styled';\nimport PuzzleAppView from './puzzle-app-view';\n\nconst PuzzleApp: FC<IPuzzleAppProps> = ({ itemRef, title, imageHue, feedbackComments, tip }) => {\n  const [error, setError] = useState<string>();\n  const [worksheetRendered, setWorksheetRendered] = useState<boolean>(false);\n\n  const { isProcessing, get, data: worksheetData, error: fetchError } = usePreviewWorksheetGet();\n  const loggerRef = useRef(() => null);\n\n  const tipInfo =\n    tip || `Celebrate persistence more than correct answers - it's a life skill worth building.`;\n\n  const fetchWorksheet = useCallback(() => {\n    get('test', {\n      action: 'review',\n      node_type: 'PUZZLE_CARD',\n      items: [itemRef],\n    });\n  }, [get, itemRef]);\n\n  useEffect(() => {\n    fetchWorksheet();\n  }, [fetchWorksheet]);\n\n  const handleWorksheetErrored = useCallback((err: { code?: number; message: string }) => {\n    setError(err.message);\n  }, []);\n\n  const handleWorksheetLoaded = useCallback(() => {\n    setWorksheetRendered(true);\n  }, []);\n\n  if (error || fetchError) {\n    return <Error height=\"100vh\" onTryAgain={fetchWorksheet} />;\n  }\n\n  if (isProcessing) {\n    return <AppLoader height=\"100vh\" />;\n  }\n\n  return (\n    <Styled.PuzzleAppWrapper\n      className=\"puzzle-app-container\"\n      $background={`${imageHue}_2`}\n      $alignItems=\"center\"\n      $flexGapX={1}\n      $gutterX={1}\n      $visible={worksheetRendered}\n      $height=\"100vh\"\n    >\n      {worksheetRendered && <Text $renderAs=\"ab1-bold\">{title}</Text>}\n\n      {worksheetData && (\n        <PuzzleAppView\n          onWorksheetErrored={handleWorksheetErrored}\n          worksheetData={worksheetData}\n          loggerRef={loggerRef}\n          imageHue={imageHue}\n          onLoaded={handleWorksheetLoaded}\n        />\n      )}\n\n      {worksheetRendered && (\n        <>\n          {feedbackComments ? (\n            <Styled.StyledFeedbackText $renderAs=\"ab2\">\n              <span>Tutor Remark:</span>\n              {feedbackComments}\n            </Styled.StyledFeedbackText>\n          ) : (\n            <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexGap={8}>\n              <FlexView $width={24} $height={24}>\n                <Styled.StyledHintFillIcon />\n              </FlexView>\n              <Text $renderAs=\"ab2\">{tipInfo}</Text>\n            </FlexView>\n          )}\n        </>\n      )}\n    </Styled.PuzzleAppWrapper>\n  );\n};\n\nexport default memo(PuzzleApp);\n"],"names":["PuzzleApp","itemRef","title","imageHue","feedbackComments","tip","error","setError","useState","worksheetRendered","setWorksheetRendered","isProcessing","get","worksheetData","fetchError","usePreviewWorksheetGet","loggerRef","useRef","tipInfo","fetchWorksheet","useCallback","useEffect","handleWorksheetErrored","err","handleWorksheetLoaded","jsx","Error","AppLoader","jsxs","Styled.PuzzleAppWrapper","Text","PuzzleAppView","Styled.StyledFeedbackText","FlexView","Styled.StyledHintFillIcon","puzzleApp","memo"],"mappings":";;;;;;;;;AAaA,MAAMA,IAAiC,CAAC,EAAE,SAAAC,GAAS,OAAAC,GAAO,UAAAC,GAAU,kBAAAC,GAAkB,KAAAC,QAAU;AAC9F,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAiB,GACrC,CAACC,GAAmBC,CAAoB,IAAIF,EAAkB,EAAK,GAEnE,EAAE,cAAAG,GAAc,KAAAC,GAAK,MAAMC,GAAe,OAAOC,MAAeC,KAChEC,IAAYC,EAAO,MAAM,IAAI,GAE7BC,IACJb,KAAO,uFAEHc,IAAiBC,EAAY,MAAM;AACvC,IAAAR,EAAI,QAAQ;AAAA,MACV,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,OAAO,CAACX,CAAO;AAAA,IAAA,CAChB;AAAA,EAAA,GACA,CAACW,GAAKX,CAAO,CAAC;AAEjB,EAAAoB,EAAU,MAAM;AACC,IAAAF;EAAA,GACd,CAACA,CAAc,CAAC;AAEb,QAAAG,IAAyBF,EAAY,CAACG,MAA4C;AACtF,IAAAhB,EAASgB,EAAI,OAAO;AAAA,EACtB,GAAG,CAAE,CAAA,GAECC,IAAwBJ,EAAY,MAAM;AAC9C,IAAAV,EAAqB,EAAI;AAAA,EAC3B,GAAG,CAAE,CAAA;AAEL,SAAIJ,KAASQ,IACH,gBAAAW,EAAAC,GAAA,EAAM,QAAO,SAAQ,YAAYP,EAAgB,CAAA,IAGvDR,IACK,gBAAAc,EAACE,GAAU,EAAA,QAAO,QAAQ,CAAA,IAIjC,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,aAAa,GAAG1B,CAAQ;AAAA,MACxB,aAAY;AAAA,MACZ,WAAW;AAAA,MACX,UAAU;AAAA,MACV,UAAUM;AAAA,MACV,SAAQ;AAAA,MAEP,UAAA;AAAA,QAAAA,KAAsB,gBAAAgB,EAAAK,GAAA,EAAK,WAAU,YAAY,UAAM5B,GAAA;AAAA,QAEvDW,KACC,gBAAAY;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,oBAAoBT;AAAA,YACpB,eAAAT;AAAA,YACA,WAAAG;AAAA,YACA,UAAAb;AAAA,YACA,UAAUqB;AAAA,UAAA;AAAA,QACZ;AAAA,QAGDf,4BAEI,UACCL,IAAA,gBAAAwB,EAACI,GAAA,EAA0B,WAAU,OACnC,UAAA;AAAA,UAAA,gBAAAP,EAAC,UAAK,UAAa,gBAAA,CAAA;AAAA,UAClBrB;AAAA,QACH,EAAA,CAAA,sBAEC6B,GAAS,EAAA,gBAAe,OAAM,aAAY,UAAS,UAAU,GAC5D,UAAA;AAAA,UAAC,gBAAAR,EAAAQ,GAAA,EAAS,QAAQ,IAAI,SAAS,IAC7B,UAAC,gBAAAR,EAAAS,GAAA,CAAA,CAA0B,EAC7B,CAAA;AAAA,UACC,gBAAAT,EAAAK,GAAA,EAAK,WAAU,OAAO,UAAQZ,GAAA;AAAA,QAAA,EAAA,CACjC,EAEJ,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR,GAEeiB,IAAAC,EAAKpC,CAAS;"}

package/dist/features/ui/inputs/checkbox-input/checkbox-input.js

@@ -1,29 +1,29 @@
 import { jsxs as b, jsx as t } from "react/jsx-runtime";
-import { useCallback as I } from "react";
-import { useTheme as g } from "styled-components";
-import v from "../../text/text.js";
-import { CheckboxOptionWrapper as W, CheckboxInputWrapper as z, CheckboxInput as A, CheckIcon as T, IndeterminateIcon as y, CheckboxLabelWrapper as L } from "./checkbox-input-styled.js";
-const O = (h) => {
+import { useCallback as g } from "react";
+import { useTheme as v } from "styled-components";
+import I from "../../text/text.js";
+import { CheckboxOptionWrapper as W, CheckboxInputWrapper as z, CheckboxInput as A, CheckIcon as O, IndeterminateIcon as T, CheckboxLabelWrapper as y } from "./checkbox-input-styled.js";
+const L = (h) => {
   const {
     size: r,
     label: i,
-    value: o,
+    value: a,
     checked: e,
     disabled: n,
-    renderAs: a,
+    renderAs: o,
     labelWidthX: p,
-    indeterminate: u,
-    visibleOnCheck: k,
-    alignTopWithLabel: $ = !1,
+    indeterminate: k,
+    visibleOnCheck: u,
+    alignTopWithLabel: C = !1,
     onChange: l
   } = h, {
-    layout: { gutter: C },
+    layout: { gutter: $ },
     checkbox: c
-  } = g(), { textVariant: m } = c.sizes[r ?? "regular"], { textColorName: x } = c.variants[a ?? "black"], s = k ? e : !0, f = !e && u, d = I(() => {
+  } = v(), { textVariant: m } = c.sizes[r ?? "regular"], { textColorName: x } = c.variants[o ?? "black"], s = u ? e : !0, f = !e && k, d = g(() => {
     if (n) return null;
-    l(o, !e);
-  }, [e, n, l, o]);
-  return /* @__PURE__ */ b(W, { $alignTop: $, $disabled: n, children: [
+    l(a, !e);
+  }, [e, n, l, a]);
+  return /* @__PURE__ */ b(W, { $alignTop: C, $disabled: n, children: [
     /* @__PURE__ */ b(z, { onClick: d, $disabled: n, children: [
       /* @__PURE__ */ t(
         A,
@@ -32,15 +32,15 @@ const O = (h) => {
           checked: e,
           disabled: !!n,
           onChange: () => null,
-          $renderAs: a,
+          $renderAs: o,
           $size: r
         }
       ),
-      e && /* @__PURE__ */ t(T, { $renderAs: a, $size: r }),
-      f && /* @__PURE__ */ t(y, { $disabled: n, $size: C * 1.125 })
+      e && /* @__PURE__ */ t(O, { $renderAs: o, $size: r }),
+      f && /* @__PURE__ */ t(T, { $disabled: n, $size: $ * 1.125 })
     ] }),
     /* @__PURE__ */ t(
-      L,
+      y,
       {
         $labelWidthX: p,
         $visible: s,
@@ -48,7 +48,7 @@ const O = (h) => {
         $disabled: n,
         $checked: e,
         children: typeof i == "string" ? /* @__PURE__ */ t(
-          v,
+          I,
           {
             $renderAs: m[e ? "active" : "inactive"],
             $color: x[e ? "active" : "inactive"],
@@ -58,7 +58,7 @@ const O = (h) => {
       }
     )
   ] });
-}, q = O;
+}, q = L;
 export {
   q as default
 };

package/dist/features/ui/inputs/checkbox-input/checkbox-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-input.js","sources":["../../../../../src/features/ui/inputs/checkbox-input/checkbox-input.tsx"],"sourcesContent":["import type { ICheckboxOptionProps } from './checkbox-input-types';\n\nimport { useCallback } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport Text from '../../text/text';\nimport * as Styled from './checkbox-input-styled';\n\nconst CheckboxInput = <IDType extends string | number>(props: ICheckboxOptionProps<IDType>) => {\n  const {\n    size,\n    label,\n    value,\n    checked,\n    disabled,\n    renderAs,\n    labelWidthX,\n    indeterminate,\n    visibleOnCheck,\n    alignTopWithLabel = false,\n    onChange,\n  } = props;\n\n  const {\n    layout: { gutter },\n    checkbox,\n  } = useTheme();\n\n  const { textVariant } = checkbox.sizes[size ?? 'regular'];\n  const { textColorName } = checkbox.variants[renderAs ?? 'black'];\n\n  const renderLabel = visibleOnCheck ? checked : true;\n  const renderIndeterminateState = !checked && indeterminate;\n\n  const handleOnChange = useCallback(() => {\n    if (disabled) return null;\n\n    onChange(value, !checked);\n  }, [checked, disabled, onChange, value]);\n\n  return (\n    <Styled.CheckboxOptionWrapper $alignTop={alignTopWithLabel} $disabled={disabled}>\n      <Styled.CheckboxInputWrapper onClick={handleOnChange} $disabled={disabled}>\n        <Styled.CheckboxInput\n          type=\"checkbox\"\n          checked={checked}\n          disabled={!!disabled}\n          onChange={() => null}\n          $renderAs={renderAs}\n          $size={size}\n        />\n        {checked && <Styled.CheckIcon $renderAs={renderAs} $size={size} />}\n\n        {renderIndeterminateState && (\n          <Styled.IndeterminateIcon $disabled={disabled} $size={gutter * 1.125} />\n        )}\n      </Styled.CheckboxInputWrapper>\n\n      <Styled.CheckboxLabelWrapper\n        $labelWidthX={labelWidthX}\n        $visible={renderLabel}\n        onClick={renderLabel ? handleOnChange : () => null}\n        $disabled={disabled}\n        $checked={checked}\n      >\n        {typeof label === 'string' ? (\n          <Text\n            $renderAs={textVariant[checked ? 'active' : 'inactive']}\n            $color={textColorName[checked ? 'active' : 'inactive']}\n          >\n            {label}\n          </Text>\n        ) : (\n          label\n        )}\n      </Styled.CheckboxLabelWrapper>\n    </Styled.CheckboxOptionWrapper>\n  );\n};\n\nexport default CheckboxInput;\n"],"names":["CheckboxInput","props","size","label","value","checked","disabled","renderAs","labelWidthX","indeterminate","visibleOnCheck","alignTopWithLabel","onChange","gutter","checkbox","useTheme","textVariant","textColorName","renderLabel","renderIndeterminateState","handleOnChange","useCallback","Styled.CheckboxOptionWrapper","jsxs","Styled.CheckboxInputWrapper","jsx","Styled.CheckboxInput","Styled.CheckIcon","Styled.IndeterminateIcon","Styled.CheckboxLabelWrapper","Text","CheckboxInput$1"],"mappings":";;;;;AAQA,MAAMA,IAAgB,CAAiCC,MAAwC;AACvF,QAAA;AAAA,IACJ,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,eAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,mBAAAC,IAAoB;AAAA,IACpB,UAAAC;AAAA,EACE,IAAAX,GAEE;AAAA,IACJ,QAAQ,EAAE,QAAAY,EAAO;AAAA,IACjB,UAAAC;AAAA,MACEC,EAAS,GAEP,EAAE,aAAAC,EAAY,IAAIF,EAAS,MAAMZ,KAAQ,SAAS,GAClD,EAAE,eAAAe,EAAc,IAAIH,EAAS,SAASP,KAAY,OAAO,GAEzDW,IAAcR,IAAiBL,IAAU,IACzCc,IAA2B,CAACd,KAAWI,GAEvCW,IAAiBC,EAAY,MAAM;AACvC,QAAIf,EAAiB,QAAA;AAEZ,IAAAM,EAAAR,GAAO,CAACC,CAAO;AAAA,KACvB,CAACA,GAASC,GAAUM,GAAUR,CAAK,CAAC;AAEvC,2BACGkB,GAAA,EAA6B,WAAWX,GAAmB,WAAWL,GACrE,UAAA;AAAA,IAAA,gBAAAiB,EAACC,GAAA,EAA4B,SAASJ,GAAgB,WAAWd,GAC/D,UAAA;AAAA,MAAA,gBAAAmB;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAArB;AAAA,UACA,UAAU,CAAC,CAACC;AAAA,UACZ,UAAU,MAAM;AAAA,UAChB,WAAWC;AAAA,UACX,OAAOL;AAAA,QAAA;AAAA,MACT;AAAA,MACCG,uBAAYsB,GAAA,EAAiB,WAAWpB,GAAU,OAAOL,GAAM;AAAA,MAE/DiB,uBACES,GAAA,EAAyB,WAAWtB,GAAU,OAAOO,IAAS,OAAO;AAAA,IAAA,GAE1E;AAAA,IAEA,gBAAAY;AAAA,MAACI;AAAAA,MAAA;AAAA,QACC,cAAcrB;AAAA,QACd,UAAUU;AAAA,QACV,SAASA,IAAcE,IAAiB,MAAM;AAAA,QAC9C,WAAWd;AAAA,QACX,UAAUD;AAAA,QAET,UAAA,OAAOF,KAAU,WAChB,gBAAAsB;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,WAAWd,EAAYX,IAAU,WAAW,UAAU;AAAA,YACtD,QAAQY,EAAcZ,IAAU,WAAW,UAAU;AAAA,YAEpD,UAAAF;AAAA,UAAA;AAAA,QAAA,IAGHA;AAAA,MAAA;AAAA,IAEJ;AAAA,EACF,EAAA,CAAA;AAEJ,GAEA4B,IAAe/B;"}
+{"version":3,"file":"checkbox-input.js","sources":["../../../../../src/features/ui/inputs/checkbox-input/checkbox-input.tsx"],"sourcesContent":["import type { ICheckboxOptionProps } from './checkbox-input-types';\n\nimport { useCallback } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport Text from '../../text/text';\nimport * as Styled from './checkbox-input-styled';\n\nconst CheckboxInput = <IDType extends string | number>(props: ICheckboxOptionProps<IDType>) => {\n  const {\n    size,\n    label,\n    value,\n    checked,\n    disabled,\n    renderAs,\n    labelWidthX,\n    indeterminate,\n    visibleOnCheck,\n    alignTopWithLabel = false,\n    onChange,\n  } = props;\n\n  const {\n    layout: { gutter },\n    checkbox,\n  } = useTheme();\n\n  const { textVariant } = checkbox.sizes[size ?? 'regular'];\n  const { textColorName } = checkbox.variants[renderAs ?? 'black'];\n\n  const renderLabel = visibleOnCheck ? checked : true;\n  const renderIndeterminateState = !checked && indeterminate;\n\n  const handleOnChange = useCallback(() => {\n    if (disabled) return null;\n\n    onChange(value, !checked);\n  }, [checked, disabled, onChange, value]);\n\n  return (\n    <Styled.CheckboxOptionWrapper $alignTop={alignTopWithLabel} $disabled={disabled}>\n      <Styled.CheckboxInputWrapper onClick={handleOnChange} $disabled={disabled}>\n        <Styled.CheckboxInput\n          type=\"checkbox\"\n          checked={checked}\n          disabled={!!disabled}\n          onChange={() => null}\n          $renderAs={renderAs}\n          $size={size}\n        />\n        {checked && <Styled.CheckIcon $renderAs={renderAs} $size={size} />}\n\n        {renderIndeterminateState && (\n          <Styled.IndeterminateIcon $disabled={disabled} $size={gutter * 1.125} />\n        )}\n      </Styled.CheckboxInputWrapper>\n\n      <Styled.CheckboxLabelWrapper\n        $labelWidthX={labelWidthX}\n        $visible={renderLabel}\n        onClick={renderLabel ? handleOnChange : () => null}\n        $disabled={disabled}\n        $checked={checked}\n      >\n        {typeof label === 'string' ? (\n          <Text\n            $renderAs={textVariant[checked ? 'active' : 'inactive']}\n            $color={textColorName[checked ? 'active' : 'inactive']}\n          >\n            {label}\n          </Text>\n        ) : (\n          label\n        )}\n      </Styled.CheckboxLabelWrapper>\n    </Styled.CheckboxOptionWrapper>\n  );\n};\n\nexport default CheckboxInput;\n"],"names":["CheckboxInput","props","size","label","value","checked","disabled","renderAs","labelWidthX","indeterminate","visibleOnCheck","alignTopWithLabel","onChange","gutter","checkbox","useTheme","textVariant","textColorName","renderLabel","renderIndeterminateState","handleOnChange","useCallback","Styled.CheckboxOptionWrapper","jsxs","Styled.CheckboxInputWrapper","jsx","Styled.CheckboxInput","Styled.CheckIcon","Styled.IndeterminateIcon","Styled.CheckboxLabelWrapper","Text","CheckboxOption"],"mappings":";;;;;AAQA,MAAMA,IAAgB,CAAiCC,MAAwC;AACvF,QAAA;AAAA,IACJ,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,eAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,mBAAAC,IAAoB;AAAA,IACpB,UAAAC;AAAA,EACE,IAAAX,GAEE;AAAA,IACJ,QAAQ,EAAE,QAAAY,EAAO;AAAA,IACjB,UAAAC;AAAA,MACEC,EAAS,GAEP,EAAE,aAAAC,EAAY,IAAIF,EAAS,MAAMZ,KAAQ,SAAS,GAClD,EAAE,eAAAe,EAAc,IAAIH,EAAS,SAASP,KAAY,OAAO,GAEzDW,IAAcR,IAAiBL,IAAU,IACzCc,IAA2B,CAACd,KAAWI,GAEvCW,IAAiBC,EAAY,MAAM;AACvC,QAAIf,EAAiB,QAAA;AAEZ,IAAAM,EAAAR,GAAO,CAACC,CAAO;AAAA,KACvB,CAACA,GAASC,GAAUM,GAAUR,CAAK,CAAC;AAEvC,2BACGkB,GAAA,EAA6B,WAAWX,GAAmB,WAAWL,GACrE,UAAA;AAAA,IAAA,gBAAAiB,EAACC,GAAA,EAA4B,SAASJ,GAAgB,WAAWd,GAC/D,UAAA;AAAA,MAAA,gBAAAmB;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAArB;AAAA,UACA,UAAU,CAAC,CAACC;AAAA,UACZ,UAAU,MAAM;AAAA,UAChB,WAAWC;AAAA,UACX,OAAOL;AAAA,QAAA;AAAA,MACT;AAAA,MACCG,uBAAYsB,GAAA,EAAiB,WAAWpB,GAAU,OAAOL,GAAM;AAAA,MAE/DiB,uBACES,GAAA,EAAyB,WAAWtB,GAAU,OAAOO,IAAS,OAAO;AAAA,IAAA,GAE1E;AAAA,IAEA,gBAAAY;AAAA,MAACI;AAAAA,MAAA;AAAA,QACC,cAAcrB;AAAA,QACd,UAAUU;AAAA,QACV,SAASA,IAAcE,IAAiB,MAAM;AAAA,QAC9C,WAAWd;AAAA,QACX,UAAUD;AAAA,QAET,UAAA,OAAOF,KAAU,WAChB,gBAAAsB;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,WAAWd,EAAYX,IAAU,WAAW,UAAU;AAAA,YACtD,QAAQY,EAAcZ,IAAU,WAAW,UAAU;AAAA,YAEpD,UAAAF;AAAA,UAAA;AAAA,QAAA,IAGHA;AAAA,MAAA;AAAA,IAEJ;AAAA,EACF,EAAA,CAAA;AAEJ,GAEA4B,IAAe/B;"}

package/dist/features/ui/inputs/checkbox-input-list/checkbox-input-list.js

@@ -1,8 +1,8 @@
 import { jsx as r } from "react/jsx-runtime";
 import { useMemo as g, useCallback as I } from "react";
 import L from "../../arrow-tooltip/arrow-tooltip.js";
-import v from "../checkbox-input/checkbox-input.js";
-import { CheckboxInputListWrapper as A, CheckboxOptionWrapper as O } from "./checkbox-input-list-styled.js";
+import O from "../checkbox-input/checkbox-input.js";
+import { CheckboxInputListWrapper as v, CheckboxOptionWrapper as A } from "./checkbox-input-list-styled.js";
 const $ = (h) => {
   const {
     size: a,
@@ -24,9 +24,9 @@ const $ = (h) => {
     },
     [e, i, c, o]
   );
-  return /* @__PURE__ */ r(A, { children: d.map((t) => {
+  return /* @__PURE__ */ r(v, { children: d.map((t) => {
     const { id: n, label: l } = t, p = o.includes(n), m = c && !p, k = (s == null ? void 0 : s.includes(n)) || m;
-    return /* @__PURE__ */ r(O, { $numColumns: C ?? 1, children: /* @__PURE__ */ r(
+    return /* @__PURE__ */ r(A, { $numColumns: C ?? 1, children: /* @__PURE__ */ r(
       L,
       {
         renderAs: "primary",
@@ -35,7 +35,7 @@ const $ = (h) => {
         hidden: !m,
         zIndex: 2,
         children: /* @__PURE__ */ r(
-          v,
+          O,
           {
             value: n,
             size: a,

package/dist/features/ui/inputs/checkbox-input-list/checkbox-input-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-input-list.js","sources":["../../../../../src/features/ui/inputs/checkbox-input-list/checkbox-input-list.tsx"],"sourcesContent":["import type { ICheckboxInputProps } from './checkbox-input-list-types';\n\nimport { useCallback, useMemo } from 'react';\n\nimport ArrowTooltip from '../../arrow-tooltip/arrow-tooltip';\nimport CheckboxOption from '../checkbox-input/checkbox-input';\nimport * as Styled from './checkbox-input-list-styled';\n\nconst CheckboxInputList = <IDType extends string | number>(props: ICheckboxInputProps<IDType>) => {\n  const {\n    size,\n    value,\n    options,\n    disabled,\n    renderAs,\n    numColumns,\n    indeterminate,\n    visibleOnCheck,\n    maximumSelection,\n    onChange,\n  } = props;\n\n  const reachedMaxLength = useMemo(\n    () => !!(maximumSelection && maximumSelection > 1 && value.length >= maximumSelection),\n    [maximumSelection, value.length],\n  );\n\n  const handleOnChange = useCallback(\n    (selectedValue: IDType, selected: boolean) => {\n      if (!selected) {\n        onChange(value.filter(val => val !== selectedValue));\n      } else {\n        if (maximumSelection === 1) {\n          onChange([selectedValue]);\n        } else if (!reachedMaxLength || !maximumSelection) {\n          onChange([...value, selectedValue]);\n        }\n      }\n    },\n    [maximumSelection, onChange, reachedMaxLength, value],\n  );\n\n  return (\n    <Styled.CheckboxInputListWrapper>\n      {options.map(option => {\n        const { id, label } = option;\n\n        const checked = value.includes(id);\n        const showTooltip = reachedMaxLength && !checked;\n        const disableCheck = disabled?.includes(id) || showTooltip;\n\n        return (\n          <Styled.CheckboxOptionWrapper key={id} $numColumns={numColumns ?? 1}>\n            <ArrowTooltip\n              renderAs=\"primary\"\n              position=\"top\"\n              tooltipItem={`${maximumSelection} options already selected`}\n              hidden={!showTooltip}\n              zIndex={2}\n            >\n              <CheckboxOption<IDType>\n                value={id}\n                size={size}\n                label={label}\n                checked={checked}\n                renderAs={renderAs}\n                disabled={disableCheck}\n                onChange={handleOnChange}\n                indeterminate={indeterminate} //* Took this name from Mui.\n                visibleOnCheck={visibleOnCheck}\n              />\n            </ArrowTooltip>\n          </Styled.CheckboxOptionWrapper>\n        );\n      })}\n    </Styled.CheckboxInputListWrapper>\n  );\n};\n\nexport default CheckboxInputList;\n"],"names":["CheckboxInputList","props","size","value","options","disabled","renderAs","numColumns","indeterminate","visibleOnCheck","maximumSelection","onChange","reachedMaxLength","useMemo","handleOnChange","useCallback","selectedValue","selected","val","Styled.CheckboxInputListWrapper","option","id","label","checked","showTooltip","disableCheck","Styled.CheckboxOptionWrapper","jsx","ArrowTooltip","CheckboxOption","CheckboxInputList$1"],"mappings":";;;;;AAQA,MAAMA,IAAoB,CAAiCC,MAAuC;AAC1F,QAAA;AAAA,IACJ,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,UAAAC;AAAA,EACE,IAAAV,GAEEW,IAAmBC;AAAA,IACvB,MAAM,CAAC,EAAEH,KAAoBA,IAAmB,KAAKP,EAAM,UAAUO;AAAA,IACrE,CAACA,GAAkBP,EAAM,MAAM;AAAA,EAAA,GAG3BW,IAAiBC;AAAA,IACrB,CAACC,GAAuBC,MAAsB;AAC5C,MAAKA,IAGCP,MAAqB,IACdC,EAAA,CAACK,CAAa,CAAC,KACf,CAACJ,KAAoB,CAACF,MAC/BC,EAAS,CAAC,GAAGR,GAAOa,CAAa,CAAC,IALpCL,EAASR,EAAM,OAAO,CAAOe,MAAAA,MAAQF,CAAa,CAAC;AAAA,IAQvD;AAAA,IACA,CAACN,GAAkBC,GAAUC,GAAkBT,CAAK;AAAA,EAAA;AAGtD,2BACGgB,GAAA,EACE,UAAAf,EAAQ,IAAI,CAAUgB,MAAA;AACf,UAAA,EAAE,IAAAC,GAAI,OAAAC,EAAU,IAAAF,GAEhBG,IAAUpB,EAAM,SAASkB,CAAE,GAC3BG,IAAcZ,KAAoB,CAACW,GACnCE,KAAepB,KAAA,gBAAAA,EAAU,SAASgB,OAAOG;AAE/C,6BACGE,GAAA,EAAsC,aAAanB,KAAc,GAChE,UAAA,gBAAAoB;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,UAAS;AAAA,QACT,aAAa,GAAGlB,CAAgB;AAAA,QAChC,QAAQ,CAACc;AAAA,QACT,QAAQ;AAAA,QAER,UAAA,gBAAAG;AAAA,UAACE;AAAAA,UAAA;AAAA,YACC,OAAOR;AAAA,YACP,MAAAnB;AAAA,YACA,OAAAoB;AAAA,YACA,SAAAC;AAAA,YACA,UAAAjB;AAAA,YACA,UAAUmB;AAAA,YACV,UAAUX;AAAA,YACV,eAAAN;AAAA,YACA,gBAAAC;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA,KAlB+BY,CAoBnC;AAAA,EAEH,CAAA,EACH,CAAA;AAEJ,GAEAS,IAAe9B;"}
+{"version":3,"file":"checkbox-input-list.js","sources":["../../../../../src/features/ui/inputs/checkbox-input-list/checkbox-input-list.tsx"],"sourcesContent":["import type { ICheckboxInputProps } from './checkbox-input-list-types';\n\nimport { useCallback, useMemo } from 'react';\n\nimport ArrowTooltip from '../../arrow-tooltip/arrow-tooltip';\nimport CheckboxOption from '../checkbox-input/checkbox-input';\nimport * as Styled from './checkbox-input-list-styled';\n\nconst CheckboxInputList = <IDType extends string | number>(props: ICheckboxInputProps<IDType>) => {\n  const {\n    size,\n    value,\n    options,\n    disabled,\n    renderAs,\n    numColumns,\n    indeterminate,\n    visibleOnCheck,\n    maximumSelection,\n    onChange,\n  } = props;\n\n  const reachedMaxLength = useMemo(\n    () => !!(maximumSelection && maximumSelection > 1 && value.length >= maximumSelection),\n    [maximumSelection, value.length],\n  );\n\n  const handleOnChange = useCallback(\n    (selectedValue: IDType, selected: boolean) => {\n      if (!selected) {\n        onChange(value.filter(val => val !== selectedValue));\n      } else {\n        if (maximumSelection === 1) {\n          onChange([selectedValue]);\n        } else if (!reachedMaxLength || !maximumSelection) {\n          onChange([...value, selectedValue]);\n        }\n      }\n    },\n    [maximumSelection, onChange, reachedMaxLength, value],\n  );\n\n  return (\n    <Styled.CheckboxInputListWrapper>\n      {options.map(option => {\n        const { id, label } = option;\n\n        const checked = value.includes(id);\n        const showTooltip = reachedMaxLength && !checked;\n        const disableCheck = disabled?.includes(id) || showTooltip;\n\n        return (\n          <Styled.CheckboxOptionWrapper key={id} $numColumns={numColumns ?? 1}>\n            <ArrowTooltip\n              renderAs=\"primary\"\n              position=\"top\"\n              tooltipItem={`${maximumSelection} options already selected`}\n              hidden={!showTooltip}\n              zIndex={2}\n            >\n              <CheckboxOption<IDType>\n                value={id}\n                size={size}\n                label={label}\n                checked={checked}\n                renderAs={renderAs}\n                disabled={disableCheck}\n                onChange={handleOnChange}\n                indeterminate={indeterminate} //* Took this name from Mui.\n                visibleOnCheck={visibleOnCheck}\n              />\n            </ArrowTooltip>\n          </Styled.CheckboxOptionWrapper>\n        );\n      })}\n    </Styled.CheckboxInputListWrapper>\n  );\n};\n\nexport default CheckboxInputList;\n"],"names":["CheckboxInputList","props","size","value","options","disabled","renderAs","numColumns","indeterminate","visibleOnCheck","maximumSelection","onChange","reachedMaxLength","useMemo","handleOnChange","useCallback","selectedValue","selected","val","Styled.CheckboxInputListWrapper","option","id","label","checked","showTooltip","disableCheck","Styled.CheckboxOptionWrapper","jsx","ArrowTooltip","CheckboxOption","CheckboxInputList$1"],"mappings":";;;;;AAQA,MAAMA,IAAoB,CAAiCC,MAAuC;AAC1F,QAAA;AAAA,IACJ,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,UAAAC;AAAA,EACE,IAAAV,GAEEW,IAAmBC;AAAA,IACvB,MAAM,CAAC,EAAEH,KAAoBA,IAAmB,KAAKP,EAAM,UAAUO;AAAA,IACrE,CAACA,GAAkBP,EAAM,MAAM;AAAA,EAAA,GAG3BW,IAAiBC;AAAA,IACrB,CAACC,GAAuBC,MAAsB;AAC5C,MAAKA,IAGCP,MAAqB,IACdC,EAAA,CAACK,CAAa,CAAC,KACf,CAACJ,KAAoB,CAACF,MAC/BC,EAAS,CAAC,GAAGR,GAAOa,CAAa,CAAC,IALpCL,EAASR,EAAM,OAAO,CAAOe,MAAAA,MAAQF,CAAa,CAAC;AAAA,IAQvD;AAAA,IACA,CAACN,GAAkBC,GAAUC,GAAkBT,CAAK;AAAA,EAAA;AAGtD,2BACGgB,GAAA,EACE,UAAAf,EAAQ,IAAI,CAAUgB,MAAA;AACf,UAAA,EAAE,IAAAC,GAAI,OAAAC,EAAU,IAAAF,GAEhBG,IAAUpB,EAAM,SAASkB,CAAE,GAC3BG,IAAcZ,KAAoB,CAACW,GACnCE,KAAepB,KAAA,gBAAAA,EAAU,SAASgB,OAAOG;AAE/C,6BACGE,GAAA,EAAsC,aAAanB,KAAc,GAChE,UAAA,gBAAAoB;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,UAAS;AAAA,QACT,aAAa,GAAGlB,CAAgB;AAAA,QAChC,QAAQ,CAACc;AAAA,QACT,QAAQ;AAAA,QAER,UAAA,gBAAAG;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,OAAOR;AAAA,YACP,MAAAnB;AAAA,YACA,OAAAoB;AAAA,YACA,SAAAC;AAAA,YACA,UAAAjB;AAAA,YACA,UAAUmB;AAAA,YACV,UAAUX;AAAA,YACV,eAAAN;AAAA,YACA,gBAAAC;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA,KAlB+BY,CAoBnC;AAAA,EAEH,CAAA,EACH,CAAA;AAEJ,GAEAS,IAAe9B;"}

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

@@ -1,10 +1,10 @@
-import S from "../../../assets/line-icons/icons/bulb2.js";
-import y from "../../../assets/line-icons/icons/edit-star.js";
+import w from "../../../assets/line-icons/icons/bulb2.js";
+import S from "../../../assets/line-icons/icons/edit-star.js";
 import A from "../../../assets/line-icons/icons/edit2.js";
-import L from "../../../assets/line-icons/icons/question-letter.js";
-import O from "../../../assets/line-icons/icons/star2.js";
+import O from "../../../assets/line-icons/icons/question-letter.js";
+import R from "../../../assets/line-icons/icons/star2.js";
 import b from "../constants/events.js";
-import { OPTIONAL_ITEM_TYPES as R, ACTION_BAR_HEIGHT as k, QUESTION_WIDTH as w, SPLIT_QUESTION_WIDTH as N, CLOZE_FORMULA_RESPONSE_LIMIT as x } from "./constants.js";
+import { OPTIONAL_ITEM_TYPES as L, ACTION_BAR_HEIGHT as k, QUESTION_WIDTH as y, SPLIT_QUESTION_WIDTH as N, CLOZE_FORMULA_RESPONSE_LIMIT as x } from "./constants.js";
 import { QUESTION_TAGS as E } from "./worksheet-types.js";
 const Q = (e) => {
   switch (e) {
@@ -30,7 +30,7 @@ const Q = (e) => {
     default:
       return;
   }
-}, M = (e) => {
+}, B = (e) => {
   if (!e)
     return !1;
   const r = e.toLowerCase();
@@ -44,16 +44,16 @@ const Q = (e) => {
 }, {}), Y = (e, { sectioned: r = !1, adaptive: t = !1 }) => {
   if (r)
     return e.reduce((s, a, c) => {
-      var v;
+      var T;
       let d = !1;
       const { content: u, questions: i, itemType: o } = a, l = Q(o), m = s[s.length - 1], g = l === (m == null ? void 0 : m.section_name) && (m != null && m.item_display_number) ? m.item_display_number + 1 : 1, _ = u.match(/question-[^"]*/g), p = _ == null ? void 0 : _.map((f, h) => {
-        const T = i.find(
+        const v = i.find(
           ({ response_id: I }) => I === f.replace("question-", "")
         );
-        if (!T)
+        if (!v)
           throw new Error(`Question not found for the response id: ${f}`);
-        return d = d || M(T.instructor_stimulus), {
-          ...T,
+        return d = d || B(v.instructor_stimulus), {
+          ...v,
           // 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
           feedback_attempts: void 0,
           item_reference: a.reference,
@@ -61,7 +61,7 @@ const Q = (e) => {
           item_display_number: g,
           section_name: l,
           item_type: r ? o : void 0,
-          is_optional: o ? R.includes(o) : !1,
+          is_optional: o ? L.includes(o) : !1,
           item_tags: a.tags ?? [],
           item_tags_map: C(a.tags ?? []),
           question_number: h - (d ? 1 : 0),
@@ -69,8 +69,8 @@ const Q = (e) => {
         };
       });
       if (d = !1, p != null && p[0] && c > 0 && e.length > 0) {
-        const f = (v = e[c - 1]) == null ? void 0 : v.itemType, h = o != null && o.startsWith("advanced-") ? "advanced" : o, T = f != null && f.startsWith("advanced-") ? "advanced" : f;
-        if ((h === "practice-basic" || h === "practice-regular" || h === "exit-ticket" || h === "advanced") && h !== T)
+        const f = (T = e[c - 1]) == null ? void 0 : T.itemType, h = o != null && o.startsWith("advanced-") ? "advanced" : o, v = f != null && f.startsWith("advanced-") ? "advanced" : f;
+        if ((h === "practice-basic" || h === "practice-regular" || h === "exit-ticket" || h === "advanced") && h !== v)
           return [
             ...s,
             {
@@ -186,7 +186,7 @@ const Q = (e) => {
   }
   return e.length - u;
 };
-function B(e, r) {
+function M(e, r) {
   var n, s;
   const t = Array.isArray(e) ? e.find((a) => a.response_id === r) : e;
   if (!t)
@@ -209,7 +209,7 @@ function B(e, r) {
 const z = (e) => e.reduce(
   (r, t) => ({
     ...r,
-    [t.response_id]: B(e, t.response_id)
+    [t.response_id]: M(e, t.response_id)
   }),
   {}
 ), X = (e, r) => {
@@ -217,8 +217,8 @@ const z = (e) => e.reduce(
   return {
     questionsContainerWidth: !e.some(
       (a) => a.questions.some((c) => c.stimulus_review)
-    ) ? w : N,
-    maxQuestionWidth: w,
+    ) ? y : N,
+    maxQuestionWidth: y,
     actionbarHeight: t === "bottom" ? k : 0
   };
 }, Z = ({
@@ -346,21 +346,21 @@ const z = (e) => e.reduce(
 }, ae = (e) => {
   switch (e) {
     case "learning":
-      return S;
+      return w;
     case "practice-basic":
       return A;
     case "practice-regular":
-      return y;
+      return S;
     case "exit-ticket":
-      return L;
-    case "advanced":
       return O;
+    case "advanced":
+      return R;
     default:
-      return S;
+      return w;
   }
-}, ie = (e) => e === "SAT_ENGLISH_ASSESSMENT" || e === "SAT_MATH_ASSESSMENT", se = (e) => Array.isArray(e.value) ? e.value.some(
+}, ie = (e) => Array.isArray(e.value) ? e.value.some(
   (t) => typeof t == "string" && t.length > x
-) : !1, ce = (e, r) => {
+) : !1, se = (e, r) => {
   const t = e === "TEACHER";
   return r ? {
     bannerBackgroundColor: "GREEN_4",
@@ -369,7 +369,7 @@ const z = (e) => e.reduce(
     bannerBackgroundColor: "ORANGE_2",
     label: "Complete this with your tutor in class"
   };
-}, ue = ({
+}, ce = ({
   isPuzzleWorksheet: e,
   isTestWorksheet: r,
   imageHue: t = "BLUE"
@@ -387,7 +387,7 @@ const z = (e) => e.reduce(
   textColor: "WHITE"
 };
 export {
-  se as checkIsClozeFormulaResponseInvalid,
+  ie as checkIsClozeFormulaResponseInvalid,
   J as getInitialQuestionId,
   z as getInitialResponses,
   V as getLastUnlockedQuestionIndex,
@@ -397,15 +397,14 @@ export {
   ee as getPaperColorByQuestion,
   te as getQuestionBackgroundImage,
   re as getQuestionBorderColor,
-  B as getQuestionMetadata,
+  M as getQuestionMetadata,
   Y as getQuestionsFromItems,
   Z as getRenderableQuestions,
   X as getWorksheetDimensions,
-  ue as getWorksheetHeaderLayout,
-  ce as getWorksheetNudgeBannerInfo,
-  M as isConceptIntroWidget,
+  ce as getWorksheetHeaderLayout,
+  se as getWorksheetNudgeBannerInfo,
+  B as isConceptIntroWidget,
   W as isOkayTypeQuestion,
-  ie as isSATAssessmentNode,
   j as scrollToQuestion,
   q as setMathJaxConfigInWindow
 };

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","isSATAssessmentNode","nodeType","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, 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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"}

package/dist/index.d.ts

@@ -311,6 +311,10 @@ declare const COURSE_STREAMS: {
 
 export declare const CrossIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
+export declare const CueBoardFilledIcon: React.FC<React.SVGProps<SVGSVGElement>>;
+
+export declare const CueBoardIcon: React.FC<React.SVGProps<SVGSVGElement>>;
+
 export declare const CueCanvas: React_2.FC<ICueCanvas>;
 
 export declare const CueCanvasController: React_2.FC<IToolbarProps>;
@@ -2840,6 +2844,14 @@ declare interface IPuzzle extends IBaseProject {
     solved: boolean;
 }
 
+declare interface IPuzzleAppProps {
+    itemRef: string;
+    title: string;
+    imageHue: THueNames;
+    feedbackComments?: string;
+    tip?: string;
+}
+
 export declare interface IPuzzleCard {
     sheetData: TLPARSheetData;
     blockStatus?: TPuzzleCardBlockStatus | null;
@@ -4630,7 +4642,7 @@ declare const PUZZLE_CARD_STATE: {
 
 declare const PUZZLE_CARDS: "puzzle_cards";
 
-export declare const PuzzleApp: NamedExoticComponent<{}>;
+export declare const PuzzleApp: NamedExoticComponent<IPuzzleAppProps>;
 
 export declare const PuzzleCard: FC<IPuzzleCardContainerProps>;
 
@@ -4695,6 +4707,10 @@ declare const SAT_NODE_TYPE: {
 
 export declare const SATSheetSummary: FC<ISATSheetSummary>;
 
+export declare const ScreenGrabFilledIcon: React.FC<React.SVGProps<SVGSVGElement>>;
+
+export declare const ScreenGrabIcon: React.FC<React.SVGProps<SVGSVGElement>>;
+
 export declare const SearchableSelectInput: <IDType extends string | number>(props: ISearchableSelectInputProps<IDType>) => ReactElement;
 
 export declare const SearchIcon: React.FC<React.SVGProps<SVGSVGElement>>;
@@ -4825,6 +4841,10 @@ declare const STICKER_BADGE: {
 
 declare type StickerEffect = 'burst_from_edges' | 'pop_expand' | 'float_up' | 'fall_down';
 
+export declare const StickerFilledIcon: React.FC<React.SVGProps<SVGSVGElement>>;
+
+export declare const StickerIcon: React.FC<React.SVGProps<SVGSVGElement>>;
+
 export declare const Stickers: React_2.NamedExoticComponent<StickersProps>;
 
 declare interface StickersProps {