@cuemath/leap 3.5.73 → 3.5.74

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

@@ -8,7 +8,7 @@ import q from "../../../../ui/text/text.js";
 import { TOP_NAVIGATION_HEIGHT as M } from "../../constants.js";
 import { ItemNumberWrapper as z, BookmarkWrapper as D, UserPin as J, ItemStatus as C, OptionalTag as V } from "./worksheet-item-number-styled.js";
 import { useWorksheetStore as X } from "../../hooks/use-worksheet-store.js";
-const de = G(function({
+const ue = G(function({
   placement: k,
   item: _,
   isOptional: R,
@@ -19,22 +19,22 @@ const de = G(function({
   summaryVisible: m,
   maximumAttempts: I
 }) {
-  const w = X((n) => n.changeQuestion), { firstQuestion: d, isActive: u, isUnlocked: l, questionIds: p } = _, { item_number: g, item_display_number: x } = d, { itemState: s, markedForReview: F } = $(() => {
+  const w = X((n) => n.changeQuestion), { firstQuestion: u, isActive: d, isUnlocked: l, questionIds: p } = _, { item_number: g, item_display_number: x } = u, { itemState: s, markedForReview: F } = $(() => {
     const n = p.length;
     let i = "unanswered";
     const {
       correctQuestions: f,
-      incorrectQuestions: W,
-      editedQuestions: E,
-      markedForReviewQuestions: O,
-      skippedQuestions: S
+      incorrectQuestions: E,
+      editedQuestions: O,
+      markedForReviewQuestions: S,
+      skippedQuestions: U
     } = p.reduce(
-      (e, U) => {
-        const c = Q[U];
+      (e, j) => {
+        const c = Q[j];
         if (!c)
           return e;
-        const { responseEdited: b, score: t, validatedByTeacher: j } = c, N = t && "score" in t && "max_score" in t, T = (t == null ? void 0 : t.score) === (t == null ? void 0 : t.max_score);
-        return o ? b && I !== -1 ? e.editedQuestions++ : h && j ? e.correctQuestions++ : N && e[T ? "correctQuestions" : "incorrectQuestions"]++ : b && e.editedQuestions++, c.markedForReview && e.markedForReviewQuestions++, c.skipped && e.skippedQuestions++, e;
+        const { responseEdited: b, score: t, validatedByTeacher: y } = c, N = t && "score" in t && "max_score" in t, T = (t == null ? void 0 : t.score) === (t == null ? void 0 : t.max_score);
+        return o ? b && I !== -1 ? e.editedQuestions++ : h && y ? e.correctQuestions++ : N && e[T ? "correctQuestions" : "incorrectQuestions"]++ : b && e.editedQuestions++, c.markedForReview && e.markedForReviewQuestions++, c.skipped && e.skippedQuestions++, e;
       },
       {
         correctQuestions: 0,
@@ -44,22 +44,22 @@ const de = G(function({
         skippedQuestions: 0
       }
     );
-    return E > 0 ? i = "answered" : S > 0 ? i = "skipped" : W > 0 ? i = o ? "incorrect" : "answered" : f === n ? i = o ? "correct" : "answered" : f > 0 && f < n && (i = "answered"), {
+    return O > 0 ? i = "answered" : U > 0 ? i = "skipped" : E > 0 ? i = o ? "incorrect" : "answered" : f === n ? i = o ? "correct" : "answered" : f > 0 && f < n && (i = "answered"), {
       itemState: i,
-      markedForReview: O > 0
+      markedForReview: S > 0
     };
   }, [I, p, Q, h, o]), v = H(() => {
-    w(d.response_id);
-  }, [d.response_id, w]), y = $(
-    () => (!u || m) && s === "answered" ? "WHITE" : "BLACK",
-    [u, s, m]
+    w(u.response_id);
+  }, [u.response_id, w]), W = $(
+    () => (!d || m) && s === "answered" ? "WHITE" : "BLACK",
+    [d, s, m]
   );
   return /* @__PURE__ */ r(P, { label: "Item Number", disabled: !l, onClick: v, children: /* @__PURE__ */ r(K, { $height: M, $justifyContent: "center", children: /* @__PURE__ */ B(
     z,
     {
       className: `worksheet-item-number-${g}`,
       $itemState: l ? s : "disabled",
-      $isActive: u,
+      $isActive: d,
       $placement: k,
       $alignItems: "center",
       $justifyContent: "center",
@@ -68,8 +68,8 @@ const de = G(function({
         /* @__PURE__ */ r(
           q,
           {
-            $renderAs: k === "top" ? "body3" : "body1",
-            $color: y,
+            $renderAs: k === "top" ? "ub3" : "ub1",
+            $color: W,
             $opacity: l ? 1 : 0.5,
             children: x
           }
@@ -84,6 +84,6 @@ const de = G(function({
   ) }) });
 });
 export {
-  de as default
+  ue as default
 };
 //# sourceMappingURL=worksheet-item-number.js.map

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

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

package/dist/features/worksheet/worksheet/worksheet-permissions/error.js

@@ -1,19 +1,19 @@
 import { jsx as r, jsxs as m } from "react/jsx-runtime";
 import { memo as n } from "react";
-import { LOTTIE as p } from "../../../../assets/lottie/lottie.js";
-import a from "../../../ui/buttons/button/button.js";
-import h from "../../../ui/layout/flex-view.js";
+import { LOTTIE as a } from "../../../../assets/lottie/lottie.js";
+import p from "../../../ui/buttons/button/button.js";
+import l from "../../../ui/layout/flex-view.js";
 import c from "../../../ui/lottie-animation/lottie-animation.js";
 import o from "../../../ui/separator/separator.js";
-import l from "../../../ui/text/text.js";
-import { BaseWrapper as s } from "./styles.js";
-const d = ({ buttonLabel: e = "Home", error: t, handleClick: i }) => /* @__PURE__ */ r(s, { $background: "BLACK_75", children: /* @__PURE__ */ m(h, { $alignItems: "center", children: [
+import d from "../../../ui/text/text.js";
+import { BaseWrapper as h } from "./styles.js";
+const s = ({ buttonLabel: e = "Home", error: t, handleClick: i }) => /* @__PURE__ */ r(h, { $background: "BLACK_75", children: /* @__PURE__ */ m(l, { $alignItems: "center", children: [
   /* @__PURE__ */ r(o, { heightX: 4 }),
-  /* @__PURE__ */ r(c, { src: p.ERROR_LOTTIE, height: 320, width: 320 }),
-  /* @__PURE__ */ r(l, { $renderAs: "h6", $color: "WHITE", $align: "center", children: t || "Oh No! Error detected..." }),
+  /* @__PURE__ */ r(c, { src: a.ERROR_LOTTIE, height: 320, width: 320 }),
+  /* @__PURE__ */ r(d, { $renderAs: "ab1-bold", $color: "WHITE", $align: "center", children: t || "Oh No! Error detected..." }),
   /* @__PURE__ */ r(o, { heightX: 1 }),
   /* @__PURE__ */ r(
-    a,
+    p,
     {
       label: e,
       onClick: i,
@@ -22,8 +22,8 @@ const d = ({ buttonLabel: e = "Home", error: t, handleClick: i }) => /* @__PURE_
       widthX: 14
     }
   )
-] }) }), L = n(d);
+] }) }), I = n(s);
 export {
-  L as default
+  I as default
 };
 //# sourceMappingURL=error.js.map

package/dist/features/worksheet/worksheet/worksheet-permissions/error.js.map

@@ -1 +1 @@
-{"version":3,"file":"error.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-permissions/error.tsx"],"sourcesContent":["import { memo, type FC } from 'react';\n\nimport { LOTTIE } from '../../../../assets/lottie/lottie';\nimport Button from '../../../ui/buttons/button/button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport LottieAnimation from '../../../ui/lottie-animation/lottie-animation';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { BaseWrapper } from './styles';\n\ninterface IErrorProps {\n  buttonLabel?: string;\n  error: string;\n  handleClick: () => void;\n}\n\nconst Error: FC<IErrorProps> = ({ buttonLabel = 'Home', error, handleClick }) => (\n  <BaseWrapper $background=\"BLACK_75\">\n    <FlexView $alignItems=\"center\">\n      <Separator heightX={4} />\n      <LottieAnimation src={LOTTIE.ERROR_LOTTIE} height={320} width={320} />\n      <Text $renderAs=\"h6\" $color=\"WHITE\" $align=\"center\">\n        {error || 'Oh No! Error detected...'}\n      </Text>\n      <Separator heightX={1} />\n      <Button\n        label={buttonLabel}\n        onClick={handleClick}\n        renderAs=\"primary\"\n        size=\"regular\"\n        widthX={14}\n      />\n    </FlexView>\n  </BaseWrapper>\n);\n\nexport default memo(Error);\n"],"names":["Error","buttonLabel","error","handleClick","jsx","BaseWrapper","jsxs","FlexView","Separator","LottieAnimation","LOTTIE","Text","Button","memo"],"mappings":";;;;;;;;;AAgBA,MAAMA,IAAyB,CAAC,EAAE,aAAAC,IAAc,QAAQ,OAAAC,GAAO,aAAAC,EAAA,MAC7D,gBAAAC,EAACC,KAAY,aAAY,YACvB,UAAC,gBAAAC,EAAAC,GAAA,EAAS,aAAY,UACpB,UAAA;AAAA,EAAC,gBAAAH,EAAAI,GAAA,EAAU,SAAS,EAAG,CAAA;AAAA,EACvB,gBAAAJ,EAACK,KAAgB,KAAKC,EAAO,cAAc,QAAQ,KAAK,OAAO,KAAK;AAAA,EACpE,gBAAAN,EAACO,KAAK,WAAU,MAAK,QAAO,SAAQ,QAAO,UACxC,UAAAT,KAAS,2BACZ,CAAA;AAAA,EACA,gBAAAE,EAACI,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,EACvB,gBAAAJ;AAAA,IAACQ;AAAA,IAAA;AAAA,MACC,OAAOX;AAAA,MACP,SAASE;AAAA,MACT,UAAS;AAAA,MACT,MAAK;AAAA,MACL,QAAQ;AAAA,IAAA;AAAA,EACV;AAAA,EACF,CAAA,EACF,CAAA,GAGaD,IAAAW,EAAKb,CAAK;"}
+{"version":3,"file":"error.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-permissions/error.tsx"],"sourcesContent":["import { memo, type FC } from 'react';\n\nimport { LOTTIE } from '../../../../assets/lottie/lottie';\nimport Button from '../../../ui/buttons/button/button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport LottieAnimation from '../../../ui/lottie-animation/lottie-animation';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { BaseWrapper } from './styles';\n\ninterface IErrorProps {\n  buttonLabel?: string;\n  error: string;\n  handleClick: () => void;\n}\n\nconst Error: FC<IErrorProps> = ({ buttonLabel = 'Home', error, handleClick }) => (\n  <BaseWrapper $background=\"BLACK_75\">\n    <FlexView $alignItems=\"center\">\n      <Separator heightX={4} />\n      <LottieAnimation src={LOTTIE.ERROR_LOTTIE} height={320} width={320} />\n      <Text $renderAs=\"ab1-bold\" $color=\"WHITE\" $align=\"center\">\n        {error || 'Oh No! Error detected...'}\n      </Text>\n      <Separator heightX={1} />\n      <Button\n        label={buttonLabel}\n        onClick={handleClick}\n        renderAs=\"primary\"\n        size=\"regular\"\n        widthX={14}\n      />\n    </FlexView>\n  </BaseWrapper>\n);\n\nexport default memo(Error);\n"],"names":["Error","buttonLabel","error","handleClick","jsx","BaseWrapper","jsxs","FlexView","Separator","LottieAnimation","LOTTIE","Text","Button","memo"],"mappings":";;;;;;;;;AAgBA,MAAMA,IAAyB,CAAC,EAAE,aAAAC,IAAc,QAAQ,OAAAC,GAAO,aAAAC,EAAA,MAC7D,gBAAAC,EAACC,KAAY,aAAY,YACvB,UAAC,gBAAAC,EAAAC,GAAA,EAAS,aAAY,UACpB,UAAA;AAAA,EAAC,gBAAAH,EAAAI,GAAA,EAAU,SAAS,EAAG,CAAA;AAAA,EACvB,gBAAAJ,EAACK,KAAgB,KAAKC,EAAO,cAAc,QAAQ,KAAK,OAAO,KAAK;AAAA,EACpE,gBAAAN,EAACO,KAAK,WAAU,YAAW,QAAO,SAAQ,QAAO,UAC9C,UAAAT,KAAS,2BACZ,CAAA;AAAA,EACA,gBAAAE,EAACI,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,EACvB,gBAAAJ;AAAA,IAACQ;AAAA,IAAA;AAAA,MACC,OAAOX;AAAA,MACP,SAASE;AAAA,MACT,UAAS;AAAA,MACT,MAAK;AAAA,MACL,QAAQ;AAAA,IAAA;AAAA,EACV;AAAA,EACF,CAAA,EACF,CAAA,GAGaD,IAAAW,EAAKb,CAAK;"}

package/dist/features/worksheet/worksheet/worksheet-permissions/sheet-locked.js

@@ -1,17 +1,17 @@
 import { jsx as e, jsxs as m } from "react/jsx-runtime";
 import { memo as i } from "react";
-import { useTheme as h } from "styled-components";
+import { useTheme as l } from "styled-components";
 import { ILLUSTRATIONS as s } from "../../../../assets/illustrations/illustrations.js";
-import c from "../../../ui/buttons/button/button.js";
-import l from "../../../ui/layout/flex-view.js";
+import a from "../../../ui/buttons/button/button.js";
+import c from "../../../ui/layout/flex-view.js";
 import o from "../../../ui/separator/separator.js";
-import a from "../../../ui/text/text.js";
-import { BaseWrapper as n } from "./styles.js";
-const p = ({ onHomeClick: t }) => {
+import h from "../../../ui/text/text.js";
+import { BaseWrapper as d } from "./styles.js";
+const n = ({ onHomeClick: t }) => {
   const {
     layout: { gutter: r }
-  } = h();
-  return /* @__PURE__ */ e(n, { $background: "BLACK_75", children: /* @__PURE__ */ m(l, { $alignItems: "center", children: [
+  } = l();
+  return /* @__PURE__ */ e(d, { $background: "BLACK_75", children: /* @__PURE__ */ m(c, { $alignItems: "center", children: [
     /* @__PURE__ */ e(o, { heightX: 4 }),
     /* @__PURE__ */ e(
       "img",
@@ -22,12 +22,12 @@ const p = ({ onHomeClick: t }) => {
         height: r * 12.5
       }
     ),
-    /* @__PURE__ */ e(a, { $renderAs: "h6", $color: "WHITE", children: "The sheet is locked. Come back later" }),
+    /* @__PURE__ */ e(h, { $renderAs: "ab1-bold", $color: "WHITE", children: "The sheet is locked. Come back later" }),
     /* @__PURE__ */ e(o, { heightX: 1 }),
-    /* @__PURE__ */ e(c, { label: "Home", onClick: t, renderAs: "primary", size: "regular", widthX: 14 })
+    /* @__PURE__ */ e(a, { label: "Home", onClick: t, renderAs: "primary", size: "regular", widthX: 14 })
   ] }) });
-}, C = i(p);
+}, A = i(n);
 export {
-  C as default
+  A as default
 };
 //# sourceMappingURL=sheet-locked.js.map

package/dist/features/worksheet/worksheet/worksheet-permissions/sheet-locked.js.map

@@ -1 +1 @@
-{"version":3,"file":"sheet-locked.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-permissions/sheet-locked.tsx"],"sourcesContent":["import { memo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport Button from '../../../ui/buttons/button/button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { BaseWrapper } from './styles';\n\nconst SheetLocked = ({ onHomeClick }: { onHomeClick: () => void }) => {\n  const {\n    layout: { gutter },\n  } = useTheme();\n\n  return (\n    <BaseWrapper $background=\"BLACK_75\">\n      <FlexView $alignItems=\"center\">\n        <Separator heightX={4} />\n        <img\n          alt=\"locked-img\"\n          src={ILLUSTRATIONS.LOCKED}\n          width={gutter * 12.5}\n          height={gutter * 12.5}\n        />\n        <Text $renderAs=\"h6\" $color=\"WHITE\">\n          The sheet is locked. Come back later\n        </Text>\n        <Separator heightX={1} />\n        <Button label=\"Home\" onClick={onHomeClick} renderAs=\"primary\" size=\"regular\" widthX={14} />\n      </FlexView>\n    </BaseWrapper>\n  );\n};\n\nexport default memo(SheetLocked);\n"],"names":["SheetLocked","onHomeClick","gutter","useTheme","BaseWrapper","jsxs","FlexView","jsx","Separator","ILLUSTRATIONS","Text","Button","sheetLocked","memo"],"mappings":";;;;;;;;;AAUA,MAAMA,IAAc,CAAC,EAAE,aAAAC,QAA+C;AAC9D,QAAA;AAAA,IACJ,QAAQ,EAAE,QAAAC,EAAO;AAAA,MACfC,EAAS;AAEb,2BACGC,GAAY,EAAA,aAAY,YACvB,UAAC,gBAAAC,EAAAC,GAAA,EAAS,aAAY,UACpB,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAU,SAAS,EAAG,CAAA;AAAA,IACvB,gBAAAD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAI;AAAA,QACJ,KAAKE,EAAc;AAAA,QACnB,OAAOP,IAAS;AAAA,QAChB,QAAQA,IAAS;AAAA,MAAA;AAAA,IACnB;AAAA,sBACCQ,GAAK,EAAA,WAAU,MAAK,QAAO,SAAQ,UAEpC,wCAAA;AAAA,IACA,gBAAAH,EAACC,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,IACvB,gBAAAD,EAACI,GAAO,EAAA,OAAM,QAAO,SAASV,GAAa,UAAS,WAAU,MAAK,WAAU,QAAQ,GAAI,CAAA;AAAA,EAAA,EAC3F,CAAA,EACF,CAAA;AAEJ,GAEeW,IAAAC,EAAKb,CAAW;"}
+{"version":3,"file":"sheet-locked.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-permissions/sheet-locked.tsx"],"sourcesContent":["import { memo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport Button from '../../../ui/buttons/button/button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { BaseWrapper } from './styles';\n\nconst SheetLocked = ({ onHomeClick }: { onHomeClick: () => void }) => {\n  const {\n    layout: { gutter },\n  } = useTheme();\n\n  return (\n    <BaseWrapper $background=\"BLACK_75\">\n      <FlexView $alignItems=\"center\">\n        <Separator heightX={4} />\n        <img\n          alt=\"locked-img\"\n          src={ILLUSTRATIONS.LOCKED}\n          width={gutter * 12.5}\n          height={gutter * 12.5}\n        />\n        <Text $renderAs=\"ab1-bold\" $color=\"WHITE\">\n          The sheet is locked. Come back later\n        </Text>\n        <Separator heightX={1} />\n        <Button label=\"Home\" onClick={onHomeClick} renderAs=\"primary\" size=\"regular\" widthX={14} />\n      </FlexView>\n    </BaseWrapper>\n  );\n};\n\nexport default memo(SheetLocked);\n"],"names":["SheetLocked","onHomeClick","gutter","useTheme","BaseWrapper","jsxs","FlexView","jsx","Separator","ILLUSTRATIONS","Text","Button","sheetLocked","memo"],"mappings":";;;;;;;;;AAUA,MAAMA,IAAc,CAAC,EAAE,aAAAC,QAA+C;AAC9D,QAAA;AAAA,IACJ,QAAQ,EAAE,QAAAC,EAAO;AAAA,MACfC,EAAS;AAEb,2BACGC,GAAY,EAAA,aAAY,YACvB,UAAC,gBAAAC,EAAAC,GAAA,EAAS,aAAY,UACpB,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAU,SAAS,EAAG,CAAA;AAAA,IACvB,gBAAAD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAI;AAAA,QACJ,KAAKE,EAAc;AAAA,QACnB,OAAOP,IAAS;AAAA,QAChB,QAAQA,IAAS;AAAA,MAAA;AAAA,IACnB;AAAA,sBACCQ,GAAK,EAAA,WAAU,YAAW,QAAO,SAAQ,UAE1C,wCAAA;AAAA,IACA,gBAAAH,EAACC,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,IACvB,gBAAAD,EAACI,GAAO,EAAA,OAAM,QAAO,SAASV,GAAa,UAAS,WAAU,MAAK,WAAU,QAAQ,GAAI,CAAA;AAAA,EAAA,EAC3F,CAAA,EACF,CAAA;AAEJ,GAEeW,IAAAC,EAAKb,CAAW;"}

package/dist/features/worksheet/worksheet/worksheet-question/header/header-tags.js

@@ -1,5 +1,5 @@
-import { jsxs as a, Fragment as d, jsx as r } from "react/jsx-runtime";
-import { memo as i, useMemo as c } from "react";
+import { jsxs as t, Fragment as c, jsx as r } from "react/jsx-runtime";
+import { memo as d, useMemo as i } from "react";
 import g from "../../../../ui/layout/flex-view.js";
 import l from "../../../../ui/separator/separator.js";
 import m from "../../../../ui/text/text.js";
@@ -22,18 +22,18 @@ const h = (o, e) => {
       return "Apply";
   }
   return null;
-}, $ = i(function({
+}, $ = d(function({
   itemType: e,
   paperColor: p,
   instructorStimulus: n
 }) {
-  const t = c(
+  const a = i(
     () => h(e, n),
     [n, e]
   );
-  return t ? /* @__PURE__ */ a(d, { children: [
+  return a ? /* @__PURE__ */ t(c, { children: [
     /* @__PURE__ */ r(l, { width: 4 }),
-    /* @__PURE__ */ a(
+    /* @__PURE__ */ t(
       g,
       {
         $borderRadius: 12,
@@ -42,7 +42,7 @@ const h = (o, e) => {
         $height: "fit-content",
         children: [
           /* @__PURE__ */ r(l, { height: 2 }),
-          /* @__PURE__ */ r(m, { $renderAs: "eyebrow2", children: t })
+          /* @__PURE__ */ r(m, { $renderAs: "ac4-black", children: a })
         ]
       }
     )

package/dist/features/worksheet/worksheet/worksheet-question/header/header-tags.js.map

@@ -1 +1 @@
-{"version":3,"file":"header-tags.js","sources":["../../../../../../src/features/worksheet/worksheet/worksheet-question/header/header-tags.tsx"],"sourcesContent":["import { memo, useMemo, type FC } from 'react';\n\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport { getQuestionBorderColor } from '../../worksheet-helpers';\nimport type { TInstructorStimulus, TItemType } from '../../worksheet-types';\nimport type { TWorksheetQuestionPaperColor } from '../worksheet-question-types';\n\ninterface IHeaderTag {\n  itemType?: TItemType;\n  paperColor?: TWorksheetQuestionPaperColor;\n  instructorStimulus?: TInstructorStimulus;\n}\n\nconst getItemType = (itemType?: string, instructorStimulus?: TInstructorStimulus) => {\n  switch (itemType) {\n    case 'learning-we-do':\n      return 'We Do';\n    case 'learning-your-turn':\n      return 'Your Turn';\n    case 'learning-explore':\n      return 'Explore';\n  }\n\n  switch (instructorStimulus?.toLowerCase()) {\n    case 'try':\n      return 'Try';\n    case 'learn':\n      return 'Learn';\n    case 'apply':\n      return 'Apply';\n  }\n\n  return null;\n};\n\nconst HeaderTag: FC<IHeaderTag> = memo(function HeaderTag({\n  itemType,\n  paperColor,\n  instructorStimulus,\n}) {\n  const itemTypeLabel = useMemo(\n    () => getItemType(itemType, instructorStimulus),\n    [instructorStimulus, itemType],\n  );\n\n  if (itemTypeLabel) {\n    return (\n      <>\n        <Separator width={4} />\n        <FlexView\n          $borderRadius={12}\n          $background={getQuestionBorderColor(paperColor ?? 'yellow', true)}\n          $gutter={8}\n          $height=\"fit-content\"\n        >\n          <Separator height={2} />\n          <Text $renderAs=\"eyebrow2\">{itemTypeLabel}</Text>\n        </FlexView>\n      </>\n    );\n  }\n\n  return null;\n});\n\nexport default HeaderTag;\n"],"names":["getItemType","itemType","instructorStimulus","HeaderTag","memo","paperColor","itemTypeLabel","useMemo","jsxs","Fragment","jsx","Separator","FlexView","getQuestionBorderColor","Text"],"mappings":";;;;;;AAeA,MAAMA,IAAc,CAACC,GAAmBC,MAA6C;AACnF,UAAQD,GAAU;AAAA,IAChB,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,EACX;AAEQ,UAAAC,KAAA,gBAAAA,EAAoB,eAAe;AAAA,IACzC,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,EACX;AAEO,SAAA;AACT,GAEMC,IAA4BC,EAAK,SAAmB;AAAA,EACxD,UAAAH;AAAA,EACA,YAAAI;AAAA,EACA,oBAAAH;AACF,GAAG;AACD,QAAMI,IAAgBC;AAAA,IACpB,MAAMP,EAAYC,GAAUC,CAAkB;AAAA,IAC9C,CAACA,GAAoBD,CAAQ;AAAA,EAAA;AAG/B,SAAIK,IAGE,gBAAAE,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAU,OAAO,EAAG,CAAA;AAAA,IACrB,gBAAAH;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,eAAe;AAAA,QACf,aAAaC,EAAuBR,KAAc,UAAU,EAAI;AAAA,QAChE,SAAS;AAAA,QACT,SAAQ;AAAA,QAER,UAAA;AAAA,UAAC,gBAAAK,EAAAC,GAAA,EAAU,QAAQ,EAAG,CAAA;AAAA,UACrB,gBAAAD,EAAAI,GAAA,EAAK,WAAU,YAAY,UAAcR,GAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAC5C;AAAA,EACF,EAAA,CAAA,IAIG;AACT,CAAC;"}
+{"version":3,"file":"header-tags.js","sources":["../../../../../../src/features/worksheet/worksheet/worksheet-question/header/header-tags.tsx"],"sourcesContent":["import { memo, useMemo, type FC } from 'react';\n\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport { getQuestionBorderColor } from '../../worksheet-helpers';\nimport type { TInstructorStimulus, TItemType } from '../../worksheet-types';\nimport type { TWorksheetQuestionPaperColor } from '../worksheet-question-types';\n\ninterface IHeaderTag {\n  itemType?: TItemType;\n  paperColor?: TWorksheetQuestionPaperColor;\n  instructorStimulus?: TInstructorStimulus;\n}\n\nconst getItemType = (itemType?: string, instructorStimulus?: TInstructorStimulus) => {\n  switch (itemType) {\n    case 'learning-we-do':\n      return 'We Do';\n    case 'learning-your-turn':\n      return 'Your Turn';\n    case 'learning-explore':\n      return 'Explore';\n  }\n\n  switch (instructorStimulus?.toLowerCase()) {\n    case 'try':\n      return 'Try';\n    case 'learn':\n      return 'Learn';\n    case 'apply':\n      return 'Apply';\n  }\n\n  return null;\n};\n\nconst HeaderTag: FC<IHeaderTag> = memo(function HeaderTag({\n  itemType,\n  paperColor,\n  instructorStimulus,\n}) {\n  const itemTypeLabel = useMemo(\n    () => getItemType(itemType, instructorStimulus),\n    [instructorStimulus, itemType],\n  );\n\n  if (itemTypeLabel) {\n    return (\n      <>\n        <Separator width={4} />\n        <FlexView\n          $borderRadius={12}\n          $background={getQuestionBorderColor(paperColor ?? 'yellow', true)}\n          $gutter={8}\n          $height=\"fit-content\"\n        >\n          <Separator height={2} />\n          <Text $renderAs=\"ac4-black\">{itemTypeLabel}</Text>\n        </FlexView>\n      </>\n    );\n  }\n\n  return null;\n});\n\nexport default HeaderTag;\n"],"names":["getItemType","itemType","instructorStimulus","HeaderTag","memo","paperColor","itemTypeLabel","useMemo","jsxs","Fragment","jsx","Separator","FlexView","getQuestionBorderColor","Text"],"mappings":";;;;;;AAeA,MAAMA,IAAc,CAACC,GAAmBC,MAA6C;AACnF,UAAQD,GAAU;AAAA,IAChB,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,EACX;AAEQ,UAAAC,KAAA,gBAAAA,EAAoB,eAAe;AAAA,IACzC,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,EACX;AAEO,SAAA;AACT,GAEMC,IAA4BC,EAAK,SAAmB;AAAA,EACxD,UAAAH;AAAA,EACA,YAAAI;AAAA,EACA,oBAAAH;AACF,GAAG;AACD,QAAMI,IAAgBC;AAAA,IACpB,MAAMP,EAAYC,GAAUC,CAAkB;AAAA,IAC9C,CAACA,GAAoBD,CAAQ;AAAA,EAAA;AAG/B,SAAIK,IAGE,gBAAAE,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAU,OAAO,EAAG,CAAA;AAAA,IACrB,gBAAAH;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,eAAe;AAAA,QACf,aAAaC,EAAuBR,KAAc,UAAU,EAAI;AAAA,QAChE,SAAS;AAAA,QACT,SAAQ;AAAA,QAER,UAAA;AAAA,UAAC,gBAAAK,EAAAC,GAAA,EAAU,QAAQ,EAAG,CAAA;AAAA,UACrB,gBAAAD,EAAAI,GAAA,EAAK,WAAU,aAAa,UAAcR,GAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAC7C;AAAA,EACF,EAAA,CAAA,IAIG;AACT,CAAC;"}

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

@@ -4,10 +4,10 @@ import W from "../../../../../assets/line-icons/icons/bookmark.js";
 import p from "../../../../../assets/line-icons/icons/bookmark-stroke-icon.js";
 import q from "../../../../../assets/line-icons/icons/mistake.js";
 import G from "../../../../../assets/line-icons/icons/skip2.js";
-import y from "../../../../ui/buttons/button/button.js";
+import b from "../../../../ui/buttons/button/button.js";
 import m from "../../../../ui/layout/flex-view.js";
 import N from "../../../../ui/separator/separator.js";
-import d from "../../../../ui/text/text.js";
+import c from "../../../../ui/text/text.js";
 import { TOP_NAVIGATION_HEIGHT as P } from "../../constants.js";
 import { getQuestionBorderColor as z } from "../../worksheet-helpers.js";
 import { QuestionHeaderWrapper as L, QuestionValidationAnimationWrapper as D, ItemHeader as U, ItemHeaderTag as Y } from "../worksheet-question-styled.js";
@@ -18,7 +18,7 @@ const gt = V(function({
   paperColor: u,
   actionbarHeight: g,
   behavior: w,
-  question: b,
+  question: y,
   response: t,
   onResolveDoubt: e,
   canResolveDoubt: I,
@@ -28,24 +28,24 @@ const gt = V(function({
     layout: o.layout,
     markForReview: o.markForReview,
     userType: o.userType
-  })), { topOffset: A, questionsScrollable: T, navigationBar: s } = x, H = (t == null ? void 0 : t.validatedByTeacher) ?? !1, c = (t == null ? void 0 : t.markedForReview) ?? !1, $ = ((t == null ? void 0 : t.attemptsHistory) || []).length ?? 0, { canMarkForReview: h, teacherValidationEnabled: R } = w, {
+  })), { topOffset: A, questionsScrollable: T, navigationBar: s } = x, H = (t == null ? void 0 : t.validatedByTeacher) ?? !1, d = (t == null ? void 0 : t.markedForReview) ?? !1, $ = ((t == null ? void 0 : t.attemptsHistory) || []).length ?? 0, { canMarkForReview: h, teacherValidationEnabled: R } = w, {
     item_display_number: k,
     question_number: _,
     total_questions: B,
     response_id: r,
     item_type: C,
     instructor_stimulus: F
-  } = b, S = `${k}${B > 1 ? String.fromCharCode(97 + _) : ""}`, M = l(
+  } = y, S = `${k}${B > 1 ? String.fromCharCode(97 + _) : ""}`, X = l(
     () => n(r, !0),
     [n, r]
-  ), X = l(
+  ), E = l(
     () => n(r, !1),
     [n, r]
-  ), E = O(() => {
-    const { score: o, max_score: j } = (t == null ? void 0 : t.score) || {};
+  ), Q = O(() => {
+    const { score: o, max_score: M } = (t == null ? void 0 : t.score) || {};
     if (f && e && !(t != null && t.doubtResolved))
-      return !!(t != null && t.skipped || t != null && t.responseEdited && o !== j);
-  }, [e, t, f]), Q = l(() => {
+      return !!(t != null && t.skipped || t != null && t.responseEdited && o !== M);
+  }, [e, t, f]), j = l(() => {
     e && e(r);
   }, [e, r]);
   return T || !h ? /* @__PURE__ */ i(
@@ -68,17 +68,17 @@ const gt = V(function({
             $borderRadiusX: 0.5,
             $marginBottom: 18,
             children: [
-              /* @__PURE__ */ i(d, { $renderAs: "body1Medium", children: S }),
+              /* @__PURE__ */ i(c, { $renderAs: "ub1-bold", children: S }),
               R && /* @__PURE__ */ i(D, { children: /* @__PURE__ */ i(K, { validated: H }) })
             ]
           }
         ),
-        E && /* @__PURE__ */ i(m, { $gutterX: 0.5, $gapX: 0.2, children: /* @__PURE__ */ i(
-          y,
+        Q && /* @__PURE__ */ i(m, { $gutterX: 0.5, $gapX: 0.2, children: /* @__PURE__ */ i(
+          b,
           {
             renderAs: "secondary",
             label: "Mark as Resolved",
-            onClick: Q,
+            onClick: j,
             disabled: !I,
             size: "xsmall",
             iconPosition: "left",
@@ -98,8 +98,8 @@ const gt = V(function({
             $marginBottom: 18,
             $gutterX: 0.5,
             children: [
-              /* @__PURE__ */ i(d, { $renderAs: "body1", children: "Attempts:" }),
-              /* @__PURE__ */ i(d, { $renderAs: "body1Medium", children: $ })
+              /* @__PURE__ */ i(c, { $renderAs: "ub1", children: "Attempts:" }),
+              /* @__PURE__ */ i(c, { $renderAs: "ub1-bold", children: $ })
             ]
           }
         ),
@@ -122,19 +122,19 @@ const gt = V(function({
       $background: "YELLOW_1",
       $marginBottom: 18,
       children: [
-        /* @__PURE__ */ i(Y, { children: /* @__PURE__ */ a(d, { $renderAs: "eyebrow1", children: [
+        /* @__PURE__ */ i(Y, { children: /* @__PURE__ */ a(c, { $renderAs: "ac3-black", children: [
           "Question ",
           k
         ] }) }),
         h && /* @__PURE__ */ i(
-          y,
+          b,
           {
             renderAs: "secondary",
-            label: `Mark${c ? "ed" : ""} for review`,
-            onClick: c ? X : M,
+            label: `Mark${d ? "ed" : ""} for review`,
+            onClick: d ? E : X,
             size: "xsmall",
             iconPosition: "left",
-            Icon: c ? W : p
+            Icon: d ? W : p
           }
         )
       ]

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

@@ -1 +1 @@
-{"version":3,"file":"header.js","sources":["../../../../../../src/features/worksheet/worksheet/worksheet-question/header/header.tsx"],"sourcesContent":["import { memo, useCallback, useMemo, type FC } from 'react';\n\nimport BookmarkIcon from '../../../../../assets/line-icons/icons/bookmark';\nimport BookmarkStrokeIcon from '../../../../../assets/line-icons/icons/bookmark-stroke-icon';\nimport MistakeIcon from '../../../../../assets/line-icons/icons/mistake';\nimport Skip2Icon from '../../../../../assets/line-icons/icons/skip2';\nimport Button from '../../../../ui/buttons/button/button';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport { TOP_NAVIGATION_HEIGHT } from '../../constants';\nimport { getQuestionBorderColor } from '../../worksheet-helpers';\nimport * as Styled from '../worksheet-question-styled';\nimport type { IQuestionHeaderProps } from '../worksheet-question-types';\nimport HeaderTag from './header-tags';\nimport ValidatedAnimation from './validated-animation';\nimport { useWorksheetStore } from '../../hooks/use-worksheet-store';\n\nconst QuestionHeader: FC<IQuestionHeaderProps> = memo(function QuestionHeader({\n  paperColor,\n  actionbarHeight,\n  behavior,\n  question,\n  response,\n  onResolveDoubt,\n  canResolveDoubt,\n  worksheetCompleted,\n}) {\n  const { layout, markForReview, userType } = useWorksheetStore(store => ({\n    layout: store.layout,\n    markForReview: store.markForReview,\n    userType: store.userType,\n  }));\n  const { topOffset, questionsScrollable, navigationBar } = layout;\n  const teacherValidated = response?.validatedByTeacher ?? false;\n  const markedForReview = response?.markedForReview ?? false;\n  const attempts = (response?.attemptsHistory || []).length ?? 0;\n  const { canMarkForReview, teacherValidationEnabled } = behavior;\n  const {\n    item_display_number,\n    question_number,\n    total_questions: totalQuestions,\n    response_id: responseId,\n    item_type: itemType,\n    instructor_stimulus: instructorStimulus,\n  } = question;\n\n  const questionNumber = `${item_display_number}${\n    totalQuestions > 1 ? String.fromCharCode('a'.charCodeAt(0) + question_number) : ''\n  }`;\n\n  const handleMarkForReview = useCallback(\n    () => markForReview(responseId, true),\n    [markForReview, responseId],\n  );\n\n  const handleUnmarkForReview = useCallback(\n    () => markForReview(responseId, false),\n    [markForReview, responseId],\n  );\n\n  const canShowResolveButton = useMemo(() => {\n    const { score, max_score: maxScore } = response?.score || {};\n\n    if (worksheetCompleted && onResolveDoubt && !response?.doubtResolved) {\n      if (response?.skipped) {\n        return true;\n      }\n\n      if (response?.responseEdited && score !== maxScore) {\n        return true;\n      }\n\n      return false;\n    }\n  }, [onResolveDoubt, response, worksheetCompleted]);\n\n  const handleDoubtResolve = useCallback(() => {\n    if (onResolveDoubt) {\n      onResolveDoubt(responseId);\n    }\n  }, [onResolveDoubt, responseId]);\n\n  if (questionsScrollable || !canMarkForReview) {\n    return (\n      <Styled.QuestionHeaderWrapper\n        $flexDirection=\"row\"\n        $topOffset={topOffset + navigationBar === 'top' ? TOP_NAVIGATION_HEIGHT : 0}\n        $actionbarHeight={actionbarHeight}\n        $justifyContent=\"space-between\"\n      >\n        <FlexView $flexDirection=\"row\">\n          <FlexView\n            $position=\"relative\"\n            $background={getQuestionBorderColor(paperColor ?? 'yellow', true)}\n            $widthX={2.5}\n            $heightX={2.5}\n            $alignItems=\"center\"\n            $justifyContent=\"center\"\n            $borderRadiusX={0.5}\n            $marginBottom={18}\n          >\n            <Text $renderAs=\"body1Medium\">{questionNumber}</Text>\n            {teacherValidationEnabled && (\n              <Styled.QuestionValidationAnimationWrapper>\n                <ValidatedAnimation validated={teacherValidated} />\n              </Styled.QuestionValidationAnimationWrapper>\n            )}\n          </FlexView>\n          {canShowResolveButton && (\n            <FlexView $gutterX={0.5} $gapX={0.2}>\n              <Button\n                renderAs=\"secondary\"\n                label={`Mark as Resolved`}\n                onClick={handleDoubtResolve}\n                disabled={!canResolveDoubt}\n                size=\"xsmall\"\n                iconPosition=\"left\"\n                Icon={response?.skipped ? Skip2Icon : MistakeIcon}\n              />\n            </FlexView>\n          )}\n          <Separator width={5} />\n          {!!attempts && userType === 'TEACHER' && (\n            <FlexView\n              $flexDirection=\"row\"\n              $background=\"WHITE\"\n              $flexGapX={0.25}\n              $alignItems=\"center\"\n              $justifyContent=\"center\"\n              $borderRadiusX={0.5}\n              $marginBottom={18}\n              $gutterX={0.5}\n            >\n              <Text $renderAs=\"body1\">Attempts:</Text>\n              <Text $renderAs=\"body1Medium\">{attempts}</Text>\n            </FlexView>\n          )}\n          <HeaderTag\n            itemType={itemType}\n            instructorStimulus={instructorStimulus}\n            paperColor={paperColor}\n          />\n        </FlexView>\n      </Styled.QuestionHeaderWrapper>\n    );\n  }\n\n  return (\n    <Styled.ItemHeader\n      $flexDirection=\"row\"\n      $alignItems=\"center\"\n      $justifyContent=\"space-between\"\n      $background=\"YELLOW_1\"\n      $marginBottom={18}\n    >\n      <Styled.ItemHeaderTag>\n        <Text $renderAs=\"eyebrow1\">Question {item_display_number}</Text>\n      </Styled.ItemHeaderTag>\n      {canMarkForReview && (\n        <Button\n          renderAs=\"secondary\"\n          label={`Mark${markedForReview ? 'ed' : ''} for review`}\n          onClick={markedForReview ? handleUnmarkForReview : handleMarkForReview}\n          size=\"xsmall\"\n          iconPosition=\"left\"\n          Icon={markedForReview ? BookmarkIcon : BookmarkStrokeIcon}\n        />\n      )}\n    </Styled.ItemHeader>\n  );\n});\n\nexport default QuestionHeader;\n"],"names":["QuestionHeader","memo","paperColor","actionbarHeight","behavior","question","response","onResolveDoubt","canResolveDoubt","worksheetCompleted","layout","markForReview","userType","useWorksheetStore","store","topOffset","questionsScrollable","navigationBar","teacherValidated","markedForReview","attempts","canMarkForReview","teacherValidationEnabled","item_display_number","question_number","totalQuestions","responseId","itemType","instructorStimulus","questionNumber","handleMarkForReview","useCallback","handleUnmarkForReview","canShowResolveButton","useMemo","score","maxScore","handleDoubtResolve","jsx","Styled.QuestionHeaderWrapper","TOP_NAVIGATION_HEIGHT","jsxs","FlexView","getQuestionBorderColor","Text","Styled.QuestionValidationAnimationWrapper","ValidatedAnimation","Button","Skip2Icon","MistakeIcon","Separator","HeaderTag","Styled.ItemHeader","Styled.ItemHeaderTag","BookmarkIcon","BookmarkStrokeIcon"],"mappings":"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"}
+{"version":3,"file":"header.js","sources":["../../../../../../src/features/worksheet/worksheet/worksheet-question/header/header.tsx"],"sourcesContent":["import { memo, useCallback, useMemo, type FC } from 'react';\n\nimport BookmarkIcon from '../../../../../assets/line-icons/icons/bookmark';\nimport BookmarkStrokeIcon from '../../../../../assets/line-icons/icons/bookmark-stroke-icon';\nimport MistakeIcon from '../../../../../assets/line-icons/icons/mistake';\nimport Skip2Icon from '../../../../../assets/line-icons/icons/skip2';\nimport Button from '../../../../ui/buttons/button/button';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport { TOP_NAVIGATION_HEIGHT } from '../../constants';\nimport { getQuestionBorderColor } from '../../worksheet-helpers';\nimport * as Styled from '../worksheet-question-styled';\nimport type { IQuestionHeaderProps } from '../worksheet-question-types';\nimport HeaderTag from './header-tags';\nimport ValidatedAnimation from './validated-animation';\nimport { useWorksheetStore } from '../../hooks/use-worksheet-store';\n\nconst QuestionHeader: FC<IQuestionHeaderProps> = memo(function QuestionHeader({\n  paperColor,\n  actionbarHeight,\n  behavior,\n  question,\n  response,\n  onResolveDoubt,\n  canResolveDoubt,\n  worksheetCompleted,\n}) {\n  const { layout, markForReview, userType } = useWorksheetStore(store => ({\n    layout: store.layout,\n    markForReview: store.markForReview,\n    userType: store.userType,\n  }));\n  const { topOffset, questionsScrollable, navigationBar } = layout;\n  const teacherValidated = response?.validatedByTeacher ?? false;\n  const markedForReview = response?.markedForReview ?? false;\n  const attempts = (response?.attemptsHistory || []).length ?? 0;\n  const { canMarkForReview, teacherValidationEnabled } = behavior;\n  const {\n    item_display_number,\n    question_number,\n    total_questions: totalQuestions,\n    response_id: responseId,\n    item_type: itemType,\n    instructor_stimulus: instructorStimulus,\n  } = question;\n\n  const questionNumber = `${item_display_number}${\n    totalQuestions > 1 ? String.fromCharCode('a'.charCodeAt(0) + question_number) : ''\n  }`;\n\n  const handleMarkForReview = useCallback(\n    () => markForReview(responseId, true),\n    [markForReview, responseId],\n  );\n\n  const handleUnmarkForReview = useCallback(\n    () => markForReview(responseId, false),\n    [markForReview, responseId],\n  );\n\n  const canShowResolveButton = useMemo(() => {\n    const { score, max_score: maxScore } = response?.score || {};\n\n    if (worksheetCompleted && onResolveDoubt && !response?.doubtResolved) {\n      if (response?.skipped) {\n        return true;\n      }\n\n      if (response?.responseEdited && score !== maxScore) {\n        return true;\n      }\n\n      return false;\n    }\n  }, [onResolveDoubt, response, worksheetCompleted]);\n\n  const handleDoubtResolve = useCallback(() => {\n    if (onResolveDoubt) {\n      onResolveDoubt(responseId);\n    }\n  }, [onResolveDoubt, responseId]);\n\n  if (questionsScrollable || !canMarkForReview) {\n    return (\n      <Styled.QuestionHeaderWrapper\n        $flexDirection=\"row\"\n        $topOffset={topOffset + navigationBar === 'top' ? TOP_NAVIGATION_HEIGHT : 0}\n        $actionbarHeight={actionbarHeight}\n        $justifyContent=\"space-between\"\n      >\n        <FlexView $flexDirection=\"row\">\n          <FlexView\n            $position=\"relative\"\n            $background={getQuestionBorderColor(paperColor ?? 'yellow', true)}\n            $widthX={2.5}\n            $heightX={2.5}\n            $alignItems=\"center\"\n            $justifyContent=\"center\"\n            $borderRadiusX={0.5}\n            $marginBottom={18}\n          >\n            <Text $renderAs=\"ub1-bold\">{questionNumber}</Text>\n            {teacherValidationEnabled && (\n              <Styled.QuestionValidationAnimationWrapper>\n                <ValidatedAnimation validated={teacherValidated} />\n              </Styled.QuestionValidationAnimationWrapper>\n            )}\n          </FlexView>\n          {canShowResolveButton && (\n            <FlexView $gutterX={0.5} $gapX={0.2}>\n              <Button\n                renderAs=\"secondary\"\n                label={`Mark as Resolved`}\n                onClick={handleDoubtResolve}\n                disabled={!canResolveDoubt}\n                size=\"xsmall\"\n                iconPosition=\"left\"\n                Icon={response?.skipped ? Skip2Icon : MistakeIcon}\n              />\n            </FlexView>\n          )}\n          <Separator width={5} />\n          {!!attempts && userType === 'TEACHER' && (\n            <FlexView\n              $flexDirection=\"row\"\n              $background=\"WHITE\"\n              $flexGapX={0.25}\n              $alignItems=\"center\"\n              $justifyContent=\"center\"\n              $borderRadiusX={0.5}\n              $marginBottom={18}\n              $gutterX={0.5}\n            >\n              <Text $renderAs=\"ub1\">Attempts:</Text>\n              <Text $renderAs=\"ub1-bold\">{attempts}</Text>\n            </FlexView>\n          )}\n          <HeaderTag\n            itemType={itemType}\n            instructorStimulus={instructorStimulus}\n            paperColor={paperColor}\n          />\n        </FlexView>\n      </Styled.QuestionHeaderWrapper>\n    );\n  }\n\n  return (\n    <Styled.ItemHeader\n      $flexDirection=\"row\"\n      $alignItems=\"center\"\n      $justifyContent=\"space-between\"\n      $background=\"YELLOW_1\"\n      $marginBottom={18}\n    >\n      <Styled.ItemHeaderTag>\n        <Text $renderAs=\"ac3-black\">Question {item_display_number}</Text>\n      </Styled.ItemHeaderTag>\n      {canMarkForReview && (\n        <Button\n          renderAs=\"secondary\"\n          label={`Mark${markedForReview ? 'ed' : ''} for review`}\n          onClick={markedForReview ? handleUnmarkForReview : handleMarkForReview}\n          size=\"xsmall\"\n          iconPosition=\"left\"\n          Icon={markedForReview ? BookmarkIcon : BookmarkStrokeIcon}\n        />\n      )}\n    </Styled.ItemHeader>\n  );\n});\n\nexport default QuestionHeader;\n"],"names":["QuestionHeader","memo","paperColor","actionbarHeight","behavior","question","response","onResolveDoubt","canResolveDoubt","worksheetCompleted","layout","markForReview","userType","useWorksheetStore","store","topOffset","questionsScrollable","navigationBar","teacherValidated","markedForReview","attempts","canMarkForReview","teacherValidationEnabled","item_display_number","question_number","totalQuestions","responseId","itemType","instructorStimulus","questionNumber","handleMarkForReview","useCallback","handleUnmarkForReview","canShowResolveButton","useMemo","score","maxScore","handleDoubtResolve","jsx","Styled.QuestionHeaderWrapper","TOP_NAVIGATION_HEIGHT","jsxs","FlexView","getQuestionBorderColor","Text","Styled.QuestionValidationAnimationWrapper","ValidatedAnimation","Button","Skip2Icon","MistakeIcon","Separator","HeaderTag","Styled.ItemHeader","Styled.ItemHeaderTag","BookmarkIcon","BookmarkStrokeIcon"],"mappings":"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"}

package/dist/features/worksheet/worksheet/worksheet-question/intros/system-intros/advanced-practice-intro.js

@@ -1,11 +1,11 @@
-import { jsxs as o, jsx as r } from "react/jsx-runtime";
-import { memo as n } from "react";
+import { jsxs as n, jsx as r } from "react/jsx-runtime";
+import { memo as o } from "react";
 import e from "../../../../../ui/text/text.js";
 import t from "../../question-backdrop/question-backdrop.js";
-const l = n(function() {
-  return /* @__PURE__ */ o(t, { paperColor: "orange", children: [
-    /* @__PURE__ */ r(e, { $renderAs: "quote", $align: "center", $marginBottom: 40, children: "Great work!" }),
-    /* @__PURE__ */ r(e, { $renderAs: "h2", $align: "center", children: "A new challenge awaits!" })
+const l = o(function() {
+  return /* @__PURE__ */ n(t, { paperColor: "orange", children: [
+    /* @__PURE__ */ r(e, { $renderAs: "ah3", $align: "center", $marginBottom: 40, children: "Great work!" }),
+    /* @__PURE__ */ r(e, { $renderAs: "ah2", $align: "center", children: "A new challenge awaits!" })
   ] });
 });
 export {

package/dist/features/worksheet/worksheet/worksheet-question/intros/system-intros/advanced-practice-intro.js.map

@@ -1 +1 @@
-{"version":3,"file":"advanced-practice-intro.js","sources":["../../../../../../../src/features/worksheet/worksheet/worksheet-question/intros/system-intros/advanced-practice-intro.tsx"],"sourcesContent":["import { memo } from 'react';\n\nimport Text from '../../../../../ui/text/text';\nimport QuestionBackdrop from '../../question-backdrop/question-backdrop';\n\nconst AdvancedPracticeIntro = memo(function AdvancedPracticeIntro() {\n  return (\n    <QuestionBackdrop paperColor=\"orange\">\n      <Text $renderAs=\"quote\" $align=\"center\" $marginBottom={40}>\n        Great work!\n      </Text>\n      <Text $renderAs=\"h2\" $align=\"center\">\n        A new challenge awaits!\n      </Text>\n    </QuestionBackdrop>\n  );\n});\n\nexport default AdvancedPracticeIntro;\n"],"names":["AdvancedPracticeIntro","memo","jsxs","QuestionBackdrop","jsx","Text"],"mappings":";;;;AAKM,MAAAA,IAAwBC,EAAK,WAAiC;AAEhE,SAAA,gBAAAC,EAACC,GAAiB,EAAA,YAAW,UAC3B,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAK,WAAU,SAAQ,QAAO,UAAS,eAAe,IAAI,UAE3D,cAAA,CAAA;AAAA,sBACCA,GAAK,EAAA,WAAU,MAAK,QAAO,UAAS,UAErC,2BAAA;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;"}
+{"version":3,"file":"advanced-practice-intro.js","sources":["../../../../../../../src/features/worksheet/worksheet/worksheet-question/intros/system-intros/advanced-practice-intro.tsx"],"sourcesContent":["import { memo } from 'react';\n\nimport Text from '../../../../../ui/text/text';\nimport QuestionBackdrop from '../../question-backdrop/question-backdrop';\n\nconst AdvancedPracticeIntro = memo(function AdvancedPracticeIntro() {\n  return (\n    <QuestionBackdrop paperColor=\"orange\">\n      <Text $renderAs=\"ah3\" $align=\"center\" $marginBottom={40}>\n        Great work!\n      </Text>\n      <Text $renderAs=\"ah2\" $align=\"center\">\n        A new challenge awaits!\n      </Text>\n    </QuestionBackdrop>\n  );\n});\n\nexport default AdvancedPracticeIntro;\n"],"names":["AdvancedPracticeIntro","memo","jsxs","QuestionBackdrop","jsx","Text"],"mappings":";;;;AAKM,MAAAA,IAAwBC,EAAK,WAAiC;AAEhE,SAAA,gBAAAC,EAACC,GAAiB,EAAA,YAAW,UAC3B,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAK,WAAU,OAAM,QAAO,UAAS,eAAe,IAAI,UAEzD,cAAA,CAAA;AAAA,sBACCA,GAAK,EAAA,WAAU,OAAM,QAAO,UAAS,UAEtC,2BAAA;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;"}

package/dist/features/worksheet/worksheet/worksheet-question/intros/system-intros/basic-practice-intro.js

@@ -3,7 +3,7 @@ import { memo as t } from "react";
 import e from "../../../../../ui/text/text.js";
 import i from "../../question-backdrop/question-backdrop.js";
 const p = t(function() {
-  return /* @__PURE__ */ r(i, { paperColor: "yellow", children: /* @__PURE__ */ o(e, { $renderAs: "quote", $align: "center", children: [
+  return /* @__PURE__ */ r(i, { paperColor: "yellow", children: /* @__PURE__ */ o(e, { $renderAs: "ah3", $align: "center", children: [
     "Great job with learning!",
     /* @__PURE__ */ r("br", {}),
     "Now it is practice time."

package/dist/features/worksheet/worksheet/worksheet-question/intros/system-intros/basic-practice-intro.js.map

@@ -1 +1 @@
-{"version":3,"file":"basic-practice-intro.js","sources":["../../../../../../../src/features/worksheet/worksheet/worksheet-question/intros/system-intros/basic-practice-intro.tsx"],"sourcesContent":["import { memo } from 'react';\n\nimport Text from '../../../../../ui/text/text';\nimport QuestionBackdrop from '../../question-backdrop/question-backdrop';\n\nconst BasicPracticeIntro = memo(function BasicPracticeIntro() {\n  return (\n    <QuestionBackdrop paperColor=\"yellow\">\n      <Text $renderAs=\"quote\" $align=\"center\">\n        Great job with learning!\n        <br />\n        Now it is practice time.\n      </Text>\n    </QuestionBackdrop>\n  );\n});\n\nexport default BasicPracticeIntro;\n"],"names":["BasicPracticeIntro","memo","jsx","QuestionBackdrop","Text"],"mappings":";;;;AAKM,MAAAA,IAAqBC,EAAK,WAA8B;AAE1D,SAAA,gBAAAC,EAACC,KAAiB,YAAW,UAC3B,4BAACC,GAAK,EAAA,WAAU,SAAQ,QAAO,UAAS,UAAA;AAAA,IAAA;AAAA,sBAErC,MAAG,EAAA;AAAA,IAAE;AAAA,EAAA,EAER,CAAA,EACF,CAAA;AAEJ,CAAC;"}
+{"version":3,"file":"basic-practice-intro.js","sources":["../../../../../../../src/features/worksheet/worksheet/worksheet-question/intros/system-intros/basic-practice-intro.tsx"],"sourcesContent":["import { memo } from 'react';\n\nimport Text from '../../../../../ui/text/text';\nimport QuestionBackdrop from '../../question-backdrop/question-backdrop';\n\nconst BasicPracticeIntro = memo(function BasicPracticeIntro() {\n  return (\n    <QuestionBackdrop paperColor=\"yellow\">\n      <Text $renderAs=\"ah3\" $align=\"center\">\n        Great job with learning!\n        <br />\n        Now it is practice time.\n      </Text>\n    </QuestionBackdrop>\n  );\n});\n\nexport default BasicPracticeIntro;\n"],"names":["BasicPracticeIntro","memo","jsx","QuestionBackdrop","Text"],"mappings":";;;;AAKM,MAAAA,IAAqBC,EAAK,WAA8B;AAE1D,SAAA,gBAAAC,EAACC,KAAiB,YAAW,UAC3B,4BAACC,GAAK,EAAA,WAAU,OAAM,QAAO,UAAS,UAAA;AAAA,IAAA;AAAA,sBAEnC,MAAG,EAAA;AAAA,IAAE;AAAA,EAAA,EAER,CAAA,EACF,CAAA;AAEJ,CAAC;"}

package/dist/features/worksheet/worksheet/worksheet-question/intros/system-intros/exit-ticket-intro.js

@@ -2,10 +2,10 @@ import { jsxs as o, jsx as r } from "react/jsx-runtime";
 import { memo as t } from "react";
 import e from "../../../../../ui/text/text.js";
 import n from "../../question-backdrop/question-backdrop.js";
-const a = t(function() {
+const s = t(function() {
   return /* @__PURE__ */ o(n, { paperColor: "purple", children: [
-    /* @__PURE__ */ r(e, { $renderAs: "quote", $align: "center", $marginBottom: 16, children: "Good job on practice!" }),
-    /* @__PURE__ */ o(e, { $renderAs: "h2", $align: "center", children: [
+    /* @__PURE__ */ r(e, { $renderAs: "ah3", $align: "center", $marginBottom: 16, children: "Good job on practice!" }),
+    /* @__PURE__ */ o(e, { $renderAs: "ah2", $align: "center", children: [
       "Time to solve a few",
       /* @__PURE__ */ r("br", {}),
       "questions on your own!"
@@ -13,6 +13,6 @@ const a = t(function() {
   ] });
 });
 export {
-  a as default
+  s as default
 };
 //# sourceMappingURL=exit-ticket-intro.js.map

package/dist/features/worksheet/worksheet/worksheet-question/intros/system-intros/exit-ticket-intro.js.map

@@ -1 +1 @@
-{"version":3,"file":"exit-ticket-intro.js","sources":["../../../../../../../src/features/worksheet/worksheet/worksheet-question/intros/system-intros/exit-ticket-intro.tsx"],"sourcesContent":["import { memo } from 'react';\n\nimport Text from '../../../../../ui/text/text';\nimport QuestionBackdrop from '../../question-backdrop/question-backdrop';\n\nconst ExitTicketIntro = memo(function ExitTicketIntro() {\n  return (\n    <QuestionBackdrop paperColor=\"purple\">\n      <Text $renderAs=\"quote\" $align=\"center\" $marginBottom={16}>\n        Good job on practice!\n      </Text>\n      <Text $renderAs=\"h2\" $align=\"center\">\n        Time to solve a few\n        <br />\n        questions on your own!\n      </Text>\n    </QuestionBackdrop>\n  );\n});\n\nexport default ExitTicketIntro;\n"],"names":["ExitTicketIntro","memo","jsxs","QuestionBackdrop","jsx","Text"],"mappings":";;;;AAKM,MAAAA,IAAkBC,EAAK,WAA2B;AAEpD,SAAA,gBAAAC,EAACC,GAAiB,EAAA,YAAW,UAC3B,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAK,WAAU,SAAQ,QAAO,UAAS,eAAe,IAAI,UAE3D,wBAAA,CAAA;AAAA,IACC,gBAAAH,EAAAG,GAAA,EAAK,WAAU,MAAK,QAAO,UAAS,UAAA;AAAA,MAAA;AAAA,wBAElC,MAAG,EAAA;AAAA,MAAE;AAAA,IAAA,GAER;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;"}
+{"version":3,"file":"exit-ticket-intro.js","sources":["../../../../../../../src/features/worksheet/worksheet/worksheet-question/intros/system-intros/exit-ticket-intro.tsx"],"sourcesContent":["import { memo } from 'react';\n\nimport Text from '../../../../../ui/text/text';\nimport QuestionBackdrop from '../../question-backdrop/question-backdrop';\n\nconst ExitTicketIntro = memo(function ExitTicketIntro() {\n  return (\n    <QuestionBackdrop paperColor=\"purple\">\n      <Text $renderAs=\"ah3\" $align=\"center\" $marginBottom={16}>\n        Good job on practice!\n      </Text>\n      <Text $renderAs=\"ah2\" $align=\"center\">\n        Time to solve a few\n        <br />\n        questions on your own!\n      </Text>\n    </QuestionBackdrop>\n  );\n});\n\nexport default ExitTicketIntro;\n"],"names":["ExitTicketIntro","memo","jsxs","QuestionBackdrop","jsx","Text"],"mappings":";;;;AAKM,MAAAA,IAAkBC,EAAK,WAA2B;AAEpD,SAAA,gBAAAC,EAACC,GAAiB,EAAA,YAAW,UAC3B,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAK,WAAU,OAAM,QAAO,UAAS,eAAe,IAAI,UAEzD,wBAAA,CAAA;AAAA,IACC,gBAAAH,EAAAG,GAAA,EAAK,WAAU,OAAM,QAAO,UAAS,UAAA;AAAA,MAAA;AAAA,wBAEnC,MAAG,EAAA;AAAA,MAAE;AAAA,IAAA,GAER;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;"}

package/dist/features/worksheet/worksheet/worksheet-question/intros/system-intros/regular-practice-intro.js

@@ -3,7 +3,7 @@ import { memo as e } from "react";
 import t from "../../../../../ui/text/text.js";
 import c from "../../question-backdrop/question-backdrop.js";
 const l = e(function() {
-  return /* @__PURE__ */ r(c, { paperColor: "yellow", children: /* @__PURE__ */ o(t, { $renderAs: "quote", $align: "center", children: [
+  return /* @__PURE__ */ r(c, { paperColor: "yellow", children: /* @__PURE__ */ o(t, { $renderAs: "ah3", $align: "center", children: [
     "Good job!",
     /* @__PURE__ */ r("br", {}),
     "Let’s step up for more practice."

package/dist/features/worksheet/worksheet/worksheet-question/intros/system-intros/regular-practice-intro.js.map

@@ -1 +1 @@
-{"version":3,"file":"regular-practice-intro.js","sources":["../../../../../../../src/features/worksheet/worksheet/worksheet-question/intros/system-intros/regular-practice-intro.tsx"],"sourcesContent":["import { memo } from 'react';\n\nimport Text from '../../../../../ui/text/text';\nimport QuestionBackdrop from '../../question-backdrop/question-backdrop';\n\nconst RegularPracticeIntro = memo(function RegularPracticeIntro() {\n  return (\n    <QuestionBackdrop paperColor=\"yellow\">\n      <Text $renderAs=\"quote\" $align=\"center\">\n        Good job!\n        <br />\n        Let’s step up for more practice.\n      </Text>\n    </QuestionBackdrop>\n  );\n});\n\nexport default RegularPracticeIntro;\n"],"names":["RegularPracticeIntro","memo","jsx","QuestionBackdrop","Text"],"mappings":";;;;AAKM,MAAAA,IAAuBC,EAAK,WAAgC;AAE9D,SAAA,gBAAAC,EAACC,KAAiB,YAAW,UAC3B,4BAACC,GAAK,EAAA,WAAU,SAAQ,QAAO,UAAS,UAAA;AAAA,IAAA;AAAA,sBAErC,MAAG,EAAA;AAAA,IAAE;AAAA,EAAA,EAER,CAAA,EACF,CAAA;AAEJ,CAAC;"}
+{"version":3,"file":"regular-practice-intro.js","sources":["../../../../../../../src/features/worksheet/worksheet/worksheet-question/intros/system-intros/regular-practice-intro.tsx"],"sourcesContent":["import { memo } from 'react';\n\nimport Text from '../../../../../ui/text/text';\nimport QuestionBackdrop from '../../question-backdrop/question-backdrop';\n\nconst RegularPracticeIntro = memo(function RegularPracticeIntro() {\n  return (\n    <QuestionBackdrop paperColor=\"yellow\">\n      <Text $renderAs=\"ah3\" $align=\"center\">\n        Good job!\n        <br />\n        Let’s step up for more practice.\n      </Text>\n    </QuestionBackdrop>\n  );\n});\n\nexport default RegularPracticeIntro;\n"],"names":["RegularPracticeIntro","memo","jsx","QuestionBackdrop","Text"],"mappings":";;;;AAKM,MAAAA,IAAuBC,EAAK,WAAgC;AAE9D,SAAA,gBAAAC,EAACC,KAAiB,YAAW,UAC3B,4BAACC,GAAK,EAAA,WAAU,OAAM,QAAO,UAAS,UAAA;AAAA,IAAA;AAAA,sBAEnC,MAAG,EAAA;AAAA,IAAE;AAAA,EAAA,EAER,CAAA,EACF,CAAA;AAEJ,CAAC;"}