@cuemath/leap 3.1.46 → 3.1.48-aa0

package/dist/features/chapters-v2/utils/node-card-utils.js

@@ -1,22 +1,22 @@
-import { jsx as e, jsxs as m } from "react/jsx-runtime";
-import p from "../../../assets/line-icons/icons/check2.js";
-import A from "../../../assets/line-icons/icons/exclamation.js";
-import f from "../../../assets/line-icons/icons/lock2.js";
-import R from "../../../assets/line-icons/icons/status.js";
+import { jsx as e, jsxs as S } from "react/jsx-runtime";
+import l from "../../../assets/line-icons/icons/check2.js";
+import R from "../../../assets/line-icons/icons/exclamation.js";
+import m from "../../../assets/line-icons/icons/lock2.js";
+import p from "../../../assets/line-icons/icons/status.js";
 import { LOTTIE as t } from "../../../assets/lottie/lottie.js";
-import u from "../../ui/layout/flex-view.js";
+import f from "../../ui/layout/flex-view.js";
 import E from "../../ui/arrow-tooltip/arrow-tooltip.js";
-import d from "../../ui/text/text.js";
-import { InProgressIconWrapper as l } from "../comps/node-card/node-card-styled.js";
-import T from "../comps/tag/tag.js";
-const h = 60 * 60 * 24, S = ["NOT_STARTED", "IN_PROGRESS"], C = (r, i) => {
-  if (!r || i)
+import I from "../../ui/text/text.js";
+import { InProgressIconWrapper as d } from "../comps/node-card/node-card-styled.js";
+import A from "../comps/tag/tag.js";
+const _ = 60 * 60 * 24, u = ["NOT_STARTED", "IN_PROGRESS"], C = (r, c) => {
+  if (!r || c)
     return { isOverdue: !1, daysText: "", differenceInDays: 0 };
-  const c = Math.floor(Date.now() / 1e3), s = r - c, o = Math.ceil(s / h), a = o < 0, n = o > 0 ? `${Math.abs(o)}D` : "";
+  const i = Math.floor(Date.now() / 1e3), s = r - i, o = Math.ceil(s / _), a = o < 0, n = o > 0 ? `${Math.abs(o)}D` : "";
   return { isOverdue: a, daysText: n, differenceInDays: o };
-}, M = (r, i, c, s, o) => {
-  const { isOverdue: a, daysText: n, differenceInDays: I } = C(s, o);
-  if (!o && a && S.includes(r))
+}, U = (r, c, i, s, o) => {
+  const { isOverdue: a, daysText: n, differenceInDays: T } = C(s, o);
+  if (!o && a && u.includes(r))
     return {
       icon: /* @__PURE__ */ e(
         E,
@@ -25,9 +25,9 @@ const h = 60 * 60 * 24, S = ["NOT_STARTED", "IN_PROGRESS"], C = (r, i) => {
           position: "bottom",
           tooltipItem: "Complete now",
           zIndex: 10,
-          hidden: !i,
+          hidden: !c,
           parentWidth: "fit-content",
-          children: /* @__PURE__ */ e(u, { $background: "RED", $borderRadius: 16, $gapX: 0.24, $gutterX: 0.5, children: /* @__PURE__ */ e(d, { $renderAs: "ac4-black", $color: "WHITE", children: "OVERDUE" }) })
+          children: /* @__PURE__ */ e(f, { $background: "RED", $borderRadius: 16, $gapX: 0.24, $gutterX: 0.5, children: /* @__PURE__ */ e(I, { $renderAs: "ac4-black", $color: "WHITE", children: "OVERDUE" }) })
         }
       ),
       top: -10,
@@ -41,11 +41,11 @@ const h = 60 * 60 * 24, S = ["NOT_STARTED", "IN_PROGRESS"], C = (r, i) => {
           {
             renderAs: "primary",
             position: "bottom",
-            tooltipItem: I > 1 ? `${I} days left` : "Complete it today",
+            tooltipItem: T > 1 ? `${T} days left` : "Complete it today",
             zIndex: 10,
-            hidden: !i,
+            hidden: !c,
             children: /* @__PURE__ */ e(
-              l,
+              d,
               {
                 $flexDirection: "row",
                 $alignItems: "center",
@@ -53,7 +53,7 @@ const h = 60 * 60 * 24, S = ["NOT_STARTED", "IN_PROGRESS"], C = (r, i) => {
                 $borderRadius: 16,
                 $paddingRight: 6,
                 $paddingLeft: 6,
-                children: n && /* @__PURE__ */ e(d, { $renderAs: "ub3-bold", $color: "WHITE", children: n })
+                children: n && /* @__PURE__ */ e(I, { $renderAs: "ub3-bold", $color: "WHITE", children: n })
               }
             )
           }
@@ -63,14 +63,14 @@ const h = 60 * 60 * 24, S = ["NOT_STARTED", "IN_PROGRESS"], C = (r, i) => {
       };
     case "LOCKED":
       return {
-        icon: /* @__PURE__ */ e(f, { width: 32, height: 32 }),
+        icon: /* @__PURE__ */ e(m, { width: 32, height: 32 }),
         top: -12,
         right: -12
       };
     case "IN_PROGRESS":
       return {
-        icon: /* @__PURE__ */ m(
-          l,
+        icon: /* @__PURE__ */ S(
+          d,
           {
             $flexDirection: "row",
             $alignItems: "center",
@@ -79,8 +79,8 @@ const h = 60 * 60 * 24, S = ["NOT_STARTED", "IN_PROGRESS"], C = (r, i) => {
             $paddingRight: 0,
             $paddingLeft: n ? 6 : 0,
             children: [
-              n && /* @__PURE__ */ e(d, { $renderAs: "ub3-bold", $color: "WHITE", children: n }),
-              /* @__PURE__ */ e(R, {})
+              n && /* @__PURE__ */ e(I, { $renderAs: "ub3-bold", $color: "WHITE", children: n }),
+              /* @__PURE__ */ e(p, {})
             ]
           }
         )
@@ -88,10 +88,10 @@ const h = 60 * 60 * 24, S = ["NOT_STARTED", "IN_PROGRESS"], C = (r, i) => {
     case "COMPLETED":
       return {
         icon: /* @__PURE__ */ e(
-          T,
+          A,
           {
-            Icon: p,
-            label: typeof c == "number" ? `${c}%` : void 0
+            Icon: l,
+            label: typeof i == "number" ? `${i}%` : void 0
           }
         ),
         top: -10,
@@ -104,9 +104,9 @@ const h = 60 * 60 * 24, S = ["NOT_STARTED", "IN_PROGRESS"], C = (r, i) => {
           {
             renderAs: "primary",
             position: "bottom",
-            tooltipItem: i ? "Waiting for teacher to review" : "Needs your review",
+            tooltipItem: c ? "Waiting for teacher to review" : "Needs your review",
             zIndex: 10,
-            children: /* @__PURE__ */ e(T, { Icon: A })
+            children: /* @__PURE__ */ e(A, { Icon: R })
           }
         ),
         top: -10,
@@ -117,7 +117,7 @@ const h = 60 * 60 * 24, S = ["NOT_STARTED", "IN_PROGRESS"], C = (r, i) => {
         icon: void 0
       };
   }
-}, w = (r) => {
+}, x = (r) => {
   switch (r) {
     case "LEVEL2":
     case "LEVEL3":
@@ -126,6 +126,8 @@ const h = 60 * 60 * 24, S = ["NOT_STARTED", "IN_PROGRESS"], C = (r, i) => {
         lottie: t.COMPETITIVE_ARENA
       };
     case "LEARNING":
+    case "SAT_MATH_LEARNING":
+    case "SAT_ENGLISH_LEARNING":
       return {
         lottie: t.LEARN
       };
@@ -133,6 +135,8 @@ const h = 60 * 60 * 24, S = ["NOT_STARTED", "IN_PROGRESS"], C = (r, i) => {
     case "REMEDIAL":
     case "REVISION":
     case "PPT_BASIC":
+    case "SAT_MATH_RECAP":
+    case "SAT_ENGLISH_RECAP":
       return {
         lottie: t.RECAP
       };
@@ -149,6 +153,8 @@ const h = 60 * 60 * 24, S = ["NOT_STARTED", "IN_PROGRESS"], C = (r, i) => {
     case "TARGET_PRACTICE":
     case "MASTERY":
     case "TURING_PRACTICE":
+    case "SAT_MATH_ASSESSMENT":
+    case "SAT_ENGLISH_ASSESSMENT":
       return {
         lottie: t.PRACTICE
       };
@@ -159,6 +165,16 @@ const h = 60 * 60 * 24, S = ["NOT_STARTED", "IN_PROGRESS"], C = (r, i) => {
       return {
         lottie: t.PUZZLE
       };
+    case "TURING_SUBJECTIVE":
+      return {
+        lottie: t.SUBJECTIVE
+      };
+    case "TURING_BASIC":
+    case "PYTHON_BASIC":
+    case "PYTHON_VISUAL":
+      return {
+        lottie: t.ACTIVITY
+      };
     case "VIDEO":
       return {
         lottie: t.VIDEO
@@ -170,7 +186,7 @@ const h = 60 * 60 * 24, S = ["NOT_STARTED", "IN_PROGRESS"], C = (r, i) => {
   }
 };
 export {
-  w as getNodeCardBasedIcon,
-  M as getNodeStateBasedTagInfo
+  x as getNodeCardBasedIcon,
+  U as getNodeStateBasedTagInfo
 };
 //# sourceMappingURL=node-card-utils.js.map

package/dist/features/chapters-v2/utils/node-card-utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"node-card-utils.js","sources":["../../../../src/features/chapters-v2/utils/node-card-utils.tsx"],"sourcesContent":["import type { INodeDataProps } from '../comps/node-card/node-card-types';\n\nimport Check2Icon from '../../../assets/line-icons/icons/check2';\nimport ExclamationIcon from '../../../assets/line-icons/icons/exclamation';\nimport Lock2Icon from '../../../assets/line-icons/icons/lock2';\nimport StatusIcon from '../../../assets/line-icons/icons/status';\nimport { LOTTIE } from '../../../assets/lottie/lottie';\nimport FlexView from '../..//ui/layout/flex-view';\nimport ArrowTooltip from '../../ui/arrow-tooltip/arrow-tooltip';\nimport Text from '../../ui/text/text';\nimport { InProgressIconWrapper } from '../comps/node-card/node-card-styled';\nimport Tag from '../comps/tag/tag';\n\ninterface DueDateInfo {\n  isOverdue: boolean;\n  daysText: string;\n  differenceInDays: number;\n}\n\nconst SECONDS_PER_DAY = 60 * 60 * 24;\nconst OVERDUE_TAG_STATES: INodeDataProps['state'][] = ['NOT_STARTED', 'IN_PROGRESS'];\n\nconst calculateDueDateInfo = (dueDateTs?: number | null, isMilestone?: boolean): DueDateInfo => {\n  if (!dueDateTs || isMilestone) {\n    return { isOverdue: false, daysText: '', differenceInDays: 0 };\n  }\n\n  const currentTimestamp = Math.floor(Date.now() / 1000);\n  const differenceInSeconds = dueDateTs - currentTimestamp;\n  const differenceInDays = Math.ceil(differenceInSeconds / SECONDS_PER_DAY);\n\n  const isOverdue = differenceInDays < 0;\n\n  const daysText = differenceInDays > 0 ? `${Math.abs(differenceInDays)}D` : '';\n\n  return { isOverdue, daysText, differenceInDays };\n};\n\nconst getNodeStateBasedTagInfo = (\n  nodeState: INodeDataProps['state'],\n  isStudent: boolean,\n  accuracy?: number | null,\n  dueDateTs?: number | null,\n  isMilestone?: boolean,\n) => {\n  const { isOverdue, daysText, differenceInDays } = calculateDueDateInfo(dueDateTs, isMilestone);\n\n  if (!isMilestone && isOverdue && OVERDUE_TAG_STATES.includes(nodeState)) {\n    return {\n      icon: (\n        <ArrowTooltip\n          renderAs=\"primary\"\n          position=\"bottom\"\n          tooltipItem=\"Complete now\"\n          zIndex={10}\n          hidden={!isStudent}\n          parentWidth=\"fit-content\"\n        >\n          <FlexView $background=\"RED\" $borderRadius={16} $gapX={0.24} $gutterX={0.5}>\n            <Text $renderAs=\"ac4-black\" $color=\"WHITE\">\n              OVERDUE\n            </Text>\n          </FlexView>\n        </ArrowTooltip>\n      ),\n      top: -10,\n      right: -10,\n    };\n  }\n\n  switch (nodeState) {\n    case 'NOT_STARTED':\n      return {\n        icon: (\n          <ArrowTooltip\n            renderAs=\"primary\"\n            position=\"bottom\"\n            tooltipItem={\n              differenceInDays > 1 ? `${differenceInDays} days left` : 'Complete it today'\n            }\n            zIndex={10}\n            hidden={!isStudent}\n          >\n            <InProgressIconWrapper\n              $flexDirection=\"row\"\n              $alignItems=\"center\"\n              $justifyContent=\"center\"\n              $borderRadius={16}\n              $paddingRight={6}\n              $paddingLeft={6}\n            >\n              {daysText && (\n                <Text $renderAs=\"ub3-bold\" $color=\"WHITE\">\n                  {daysText}\n                </Text>\n              )}\n            </InProgressIconWrapper>\n          </ArrowTooltip>\n        ),\n        top: 0,\n        right: 0,\n      };\n    case 'LOCKED':\n      return {\n        icon: <Lock2Icon width={32} height={32} />,\n        top: -12,\n        right: -12,\n      };\n    case 'IN_PROGRESS':\n      return {\n        icon: (\n          <InProgressIconWrapper\n            $flexDirection=\"row\"\n            $alignItems=\"center\"\n            $justifyContent=\"center\"\n            $borderRadius={16}\n            $paddingRight={0}\n            $paddingLeft={daysText ? 6 : 0}\n          >\n            {daysText && (\n              <Text $renderAs=\"ub3-bold\" $color=\"WHITE\">\n                {daysText}\n              </Text>\n            )}\n            <StatusIcon />\n          </InProgressIconWrapper>\n        ),\n      };\n    case 'COMPLETED':\n      return {\n        icon: (\n          <Tag\n            Icon={Check2Icon}\n            label={typeof accuracy === 'number' ? `${accuracy}%` : undefined}\n          />\n        ),\n        top: -10,\n        right: -10,\n      };\n    case 'WAIT_FOR_REVIEW':\n      return {\n        icon: (\n          <ArrowTooltip\n            renderAs=\"primary\"\n            position=\"bottom\"\n            tooltipItem={isStudent ? 'Waiting for teacher to review' : 'Needs your review'}\n            zIndex={10}\n          >\n            <Tag Icon={ExclamationIcon} />\n          </ArrowTooltip>\n        ),\n        top: -10,\n        right: -10,\n      };\n\n    default:\n      return {\n        icon: undefined,\n      };\n  }\n};\n\nconst getNodeCardBasedIcon = (nodeType: INodeDataProps['node_type']) => {\n  switch (nodeType) {\n    case 'LEVEL2':\n    case 'LEVEL3':\n    case 'HIDDEN_BASIC':\n      return {\n        lottie: LOTTIE.COMPETITIVE_ARENA,\n      };\n    case 'LEARNING':\n      return {\n        lottie: LOTTIE.LEARN,\n      };\n    case 'RECAP':\n    case 'REMEDIAL':\n    case 'REVISION':\n    case 'PPT_BASIC':\n      return {\n        lottie: LOTTIE.RECAP,\n      };\n    case 'DYNAMIC':\n    case 'ASSESSMENT':\n    case 'CHAPTER_ASSESSMENT':\n    case 'DIAGNOSTIC':\n    case 'TURING_ASSESSMENT':\n      return {\n        lottie: LOTTIE.TEST,\n      };\n    case 'PRACTICE':\n    case 'EXTRA_PRACTICE':\n    case 'TARGET_PRACTICE':\n    case 'MASTERY':\n    case 'TURING_PRACTICE':\n      return {\n        lottie: LOTTIE.PRACTICE,\n      };\n    case 'PUZZLE':\n    case 'PUZZLE_EASY':\n    case 'PUZZLE_MEDIUM':\n    case 'PUZZLE_HARD':\n      return {\n        lottie: LOTTIE.PUZZLE,\n      };\n    case 'VIDEO':\n      return {\n        lottie: LOTTIE.VIDEO,\n      };\n    default:\n      return {\n        lottie: LOTTIE.PROJECT,\n      };\n  }\n};\n\nexport { getNodeStateBasedTagInfo, getNodeCardBasedIcon };\n"],"names":["SECONDS_PER_DAY","OVERDUE_TAG_STATES","calculateDueDateInfo","dueDateTs","isMilestone","currentTimestamp","differenceInSeconds","differenceInDays","isOverdue","daysText","getNodeStateBasedTagInfo","nodeState","isStudent","accuracy","jsx","ArrowTooltip","FlexView","Text","InProgressIconWrapper","Lock2Icon","jsxs","StatusIcon","Tag","Check2Icon","ExclamationIcon","getNodeCardBasedIcon","nodeType","LOTTIE"],"mappings":"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"}
+{"version":3,"file":"node-card-utils.js","sources":["../../../../src/features/chapters-v2/utils/node-card-utils.tsx"],"sourcesContent":["import type { INodeDataProps } from '../comps/node-card/node-card-types';\n\nimport Check2Icon from '../../../assets/line-icons/icons/check2';\nimport ExclamationIcon from '../../../assets/line-icons/icons/exclamation';\nimport Lock2Icon from '../../../assets/line-icons/icons/lock2';\nimport StatusIcon from '../../../assets/line-icons/icons/status';\nimport { LOTTIE } from '../../../assets/lottie/lottie';\nimport FlexView from '../..//ui/layout/flex-view';\nimport ArrowTooltip from '../../ui/arrow-tooltip/arrow-tooltip';\nimport Text from '../../ui/text/text';\nimport { InProgressIconWrapper } from '../comps/node-card/node-card-styled';\nimport Tag from '../comps/tag/tag';\n\ninterface DueDateInfo {\n  isOverdue: boolean;\n  daysText: string;\n  differenceInDays: number;\n}\n\nconst SECONDS_PER_DAY = 60 * 60 * 24;\nconst OVERDUE_TAG_STATES: INodeDataProps['state'][] = ['NOT_STARTED', 'IN_PROGRESS'];\n\nconst calculateDueDateInfo = (dueDateTs?: number | null, isMilestone?: boolean): DueDateInfo => {\n  if (!dueDateTs || isMilestone) {\n    return { isOverdue: false, daysText: '', differenceInDays: 0 };\n  }\n\n  const currentTimestamp = Math.floor(Date.now() / 1000);\n  const differenceInSeconds = dueDateTs - currentTimestamp;\n  const differenceInDays = Math.ceil(differenceInSeconds / SECONDS_PER_DAY);\n\n  const isOverdue = differenceInDays < 0;\n\n  const daysText = differenceInDays > 0 ? `${Math.abs(differenceInDays)}D` : '';\n\n  return { isOverdue, daysText, differenceInDays };\n};\n\nconst getNodeStateBasedTagInfo = (\n  nodeState: INodeDataProps['state'],\n  isStudent: boolean,\n  accuracy?: number | null,\n  dueDateTs?: number | null,\n  isMilestone?: boolean,\n) => {\n  const { isOverdue, daysText, differenceInDays } = calculateDueDateInfo(dueDateTs, isMilestone);\n\n  if (!isMilestone && isOverdue && OVERDUE_TAG_STATES.includes(nodeState)) {\n    return {\n      icon: (\n        <ArrowTooltip\n          renderAs=\"primary\"\n          position=\"bottom\"\n          tooltipItem=\"Complete now\"\n          zIndex={10}\n          hidden={!isStudent}\n          parentWidth=\"fit-content\"\n        >\n          <FlexView $background=\"RED\" $borderRadius={16} $gapX={0.24} $gutterX={0.5}>\n            <Text $renderAs=\"ac4-black\" $color=\"WHITE\">\n              OVERDUE\n            </Text>\n          </FlexView>\n        </ArrowTooltip>\n      ),\n      top: -10,\n      right: -10,\n    };\n  }\n\n  switch (nodeState) {\n    case 'NOT_STARTED':\n      return {\n        icon: (\n          <ArrowTooltip\n            renderAs=\"primary\"\n            position=\"bottom\"\n            tooltipItem={\n              differenceInDays > 1 ? `${differenceInDays} days left` : 'Complete it today'\n            }\n            zIndex={10}\n            hidden={!isStudent}\n          >\n            <InProgressIconWrapper\n              $flexDirection=\"row\"\n              $alignItems=\"center\"\n              $justifyContent=\"center\"\n              $borderRadius={16}\n              $paddingRight={6}\n              $paddingLeft={6}\n            >\n              {daysText && (\n                <Text $renderAs=\"ub3-bold\" $color=\"WHITE\">\n                  {daysText}\n                </Text>\n              )}\n            </InProgressIconWrapper>\n          </ArrowTooltip>\n        ),\n        top: 0,\n        right: 0,\n      };\n    case 'LOCKED':\n      return {\n        icon: <Lock2Icon width={32} height={32} />,\n        top: -12,\n        right: -12,\n      };\n    case 'IN_PROGRESS':\n      return {\n        icon: (\n          <InProgressIconWrapper\n            $flexDirection=\"row\"\n            $alignItems=\"center\"\n            $justifyContent=\"center\"\n            $borderRadius={16}\n            $paddingRight={0}\n            $paddingLeft={daysText ? 6 : 0}\n          >\n            {daysText && (\n              <Text $renderAs=\"ub3-bold\" $color=\"WHITE\">\n                {daysText}\n              </Text>\n            )}\n            <StatusIcon />\n          </InProgressIconWrapper>\n        ),\n      };\n    case 'COMPLETED':\n      return {\n        icon: (\n          <Tag\n            Icon={Check2Icon}\n            label={typeof accuracy === 'number' ? `${accuracy}%` : undefined}\n          />\n        ),\n        top: -10,\n        right: -10,\n      };\n    case 'WAIT_FOR_REVIEW':\n      return {\n        icon: (\n          <ArrowTooltip\n            renderAs=\"primary\"\n            position=\"bottom\"\n            tooltipItem={isStudent ? 'Waiting for teacher to review' : 'Needs your review'}\n            zIndex={10}\n          >\n            <Tag Icon={ExclamationIcon} />\n          </ArrowTooltip>\n        ),\n        top: -10,\n        right: -10,\n      };\n\n    default:\n      return {\n        icon: undefined,\n      };\n  }\n};\n\nconst getNodeCardBasedIcon = (nodeType: INodeDataProps['node_type']) => {\n  switch (nodeType) {\n    case 'LEVEL2':\n    case 'LEVEL3':\n    case 'HIDDEN_BASIC':\n      return {\n        lottie: LOTTIE.COMPETITIVE_ARENA,\n      };\n    case 'LEARNING':\n    case 'SAT_MATH_LEARNING':\n    case 'SAT_ENGLISH_LEARNING':\n      return {\n        lottie: LOTTIE.LEARN,\n      };\n    case 'RECAP':\n    case 'REMEDIAL':\n    case 'REVISION':\n    case 'PPT_BASIC':\n    case 'SAT_MATH_RECAP':\n    case 'SAT_ENGLISH_RECAP':\n      return {\n        lottie: LOTTIE.RECAP,\n      };\n    case 'DYNAMIC':\n    case 'ASSESSMENT':\n    case 'CHAPTER_ASSESSMENT':\n    case 'DIAGNOSTIC':\n    case 'TURING_ASSESSMENT':\n      return {\n        lottie: LOTTIE.TEST,\n      };\n    case 'PRACTICE':\n    case 'EXTRA_PRACTICE':\n    case 'TARGET_PRACTICE':\n    case 'MASTERY':\n    case 'TURING_PRACTICE':\n    case 'SAT_MATH_ASSESSMENT':\n    case 'SAT_ENGLISH_ASSESSMENT':\n      return {\n        lottie: LOTTIE.PRACTICE,\n      };\n    case 'PUZZLE':\n    case 'PUZZLE_EASY':\n    case 'PUZZLE_MEDIUM':\n    case 'PUZZLE_HARD':\n      return {\n        lottie: LOTTIE.PUZZLE,\n      };\n    case 'TURING_SUBJECTIVE':\n      return {\n        lottie: LOTTIE.SUBJECTIVE,\n      };\n    case 'TURING_BASIC':\n    case 'PYTHON_BASIC':\n    case 'PYTHON_VISUAL':\n      return {\n        lottie: LOTTIE.ACTIVITY,\n      };\n    case 'VIDEO':\n      return {\n        lottie: LOTTIE.VIDEO,\n      };\n    default:\n      return {\n        lottie: LOTTIE.PROJECT,\n      };\n  }\n};\n\nexport { getNodeStateBasedTagInfo, getNodeCardBasedIcon };\n"],"names":["SECONDS_PER_DAY","OVERDUE_TAG_STATES","calculateDueDateInfo","dueDateTs","isMilestone","currentTimestamp","differenceInSeconds","differenceInDays","isOverdue","daysText","getNodeStateBasedTagInfo","nodeState","isStudent","accuracy","jsx","ArrowTooltip","FlexView","Text","InProgressIconWrapper","Lock2Icon","jsxs","StatusIcon","Tag","Check2Icon","ExclamationIcon","getNodeCardBasedIcon","nodeType","LOTTIE"],"mappings":"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"}

package/dist/features/hooks/use-viewport/use-viewport.js

@@ -1,21 +1,22 @@
-import { useState as n, useEffect as r } from "react";
-import { getDeviceType as c } from "../../utils/media.js";
-const d = () => {
-  const [s, o] = n(() => window.innerWidth);
+import { useState as c, useEffect as r } from "react";
+import { getTheme as i } from "../../ui/theme/get-theme.js";
+const a = () => {
+  const [e, o] = c(() => i().device);
   r(() => {
-    function i() {
-      o(window.innerWidth);
+    function t() {
+      const { device: n } = i();
+      o(n);
     }
-    return window.addEventListener("resize", i), () => window.removeEventListener("resize", i);
+    return window.addEventListener("resize", t), () => window.removeEventListener("resize", t);
   }, []);
-  const e = c(s), t = e === "mobile";
+  const s = e === "mobile";
   return {
-    isMobile: t,
-    isCompact: t || e === "tablet",
-    isDesktop: e === "desktop" || e === "large" || e === "xl"
+    isMobile: s,
+    isCompact: s || e === "tablet",
+    isDesktop: e === "small-desktop" || e === "desktop" || e === "large-device" || e === "xlarge-device"
   };
-}, f = d;
+}, w = a;
 export {
-  f as default
+  w as default
 };
 //# sourceMappingURL=use-viewport.js.map

package/dist/features/hooks/use-viewport/use-viewport.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-viewport.js","sources":["../../../../src/features/hooks/use-viewport/use-viewport.ts"],"sourcesContent":["import type { IUseViewportReturn } from './use-viewport-types';\n\nimport { useEffect, useState } from 'react';\n\nimport { getDeviceType } from '../../utils/media';\n\nconst useViewport = (): IUseViewportReturn => {\n  const [width, setWidth] = useState(() => window.innerWidth);\n\n  useEffect(() => {\n    function handleResize() {\n      setWidth(window.innerWidth);\n    }\n\n    window.addEventListener('resize', handleResize);\n\n    return () => window.removeEventListener('resize', handleResize);\n  }, []);\n\n  const deviceType = getDeviceType(width);\n  const isMobile = deviceType === 'mobile';\n  const isTablet = deviceType === 'tablet';\n  const isDesktop = deviceType === 'desktop';\n  const isLarge = deviceType === 'large';\n  const isXL = deviceType === 'xl';\n\n  return {\n    isMobile: isMobile,\n    isCompact: isMobile || isTablet,\n    isDesktop: isDesktop || isLarge || isXL,\n  };\n};\n\nexport default useViewport;\n"],"names":["useViewport","width","setWidth","useState","useEffect","handleResize","deviceType","getDeviceType","isMobile","useViewport$1"],"mappings":";;AAMA,MAAMA,IAAc,MAA0B;AAC5C,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAS,MAAM,OAAO,UAAU;AAE1D,EAAAC,EAAU,MAAM;AACd,aAASC,IAAe;AACtB,MAAAH,EAAS,OAAO,UAAU;AAAA,IAC5B;AAEO,kBAAA,iBAAiB,UAAUG,CAAY,GAEvC,MAAM,OAAO,oBAAoB,UAAUA,CAAY;AAAA,EAChE,GAAG,CAAE,CAAA;AAEC,QAAAC,IAAaC,EAAcN,CAAK,GAChCO,IAAWF,MAAe;AAMzB,SAAA;AAAA,IACL,UAAAE;AAAA,IACA,WAAWA,KAPIF,MAAe;AAAA,IAQ9B,WAPgBA,MAAe,aACjBA,MAAe,WAClBA,MAAe;AAAA,EAKS;AAEvC,GAEAG,IAAeT;"}
+{"version":3,"file":"use-viewport.js","sources":["../../../../src/features/hooks/use-viewport/use-viewport.ts"],"sourcesContent":["import type { IUseViewportReturn } from './use-viewport-types';\n\nimport { useEffect, useState } from 'react';\n\nimport { getTheme } from '../../ui/theme/get-theme';\n\nconst useViewport = (): IUseViewportReturn => {\n  const [deviceType, setDeviceType] = useState(() => getTheme().device);\n\n  useEffect(() => {\n    function handleResize() {\n      const { device: newDeviceType } = getTheme();\n\n      setDeviceType(newDeviceType);\n    }\n\n    window.addEventListener('resize', handleResize);\n\n    return () => window.removeEventListener('resize', handleResize);\n  }, []);\n\n  const isMobile = deviceType === 'mobile';\n  const isTablet = deviceType === 'tablet';\n  const isSmallDesktop = deviceType === 'small-desktop';\n  const isDesktop = deviceType === 'desktop';\n  const isLarge = deviceType === 'large-device';\n  const isXL = deviceType === 'xlarge-device';\n\n  return {\n    isMobile: isMobile,\n    isCompact: isMobile || isTablet,\n    isDesktop: isSmallDesktop || isDesktop || isLarge || isXL,\n  };\n};\n\nexport default useViewport;\n"],"names":["useViewport","deviceType","setDeviceType","useState","getTheme","useEffect","handleResize","newDeviceType","isMobile","useViewport$1"],"mappings":";;AAMA,MAAMA,IAAc,MAA0B;AACtC,QAAA,CAACC,GAAYC,CAAa,IAAIC,EAAS,MAAMC,EAAA,EAAW,MAAM;AAEpE,EAAAC,EAAU,MAAM;AACd,aAASC,IAAe;AACtB,YAAM,EAAE,QAAQC,EAAc,IAAIH,EAAS;AAE3C,MAAAF,EAAcK,CAAa;AAAA,IAC7B;AAEO,kBAAA,iBAAiB,UAAUD,CAAY,GAEvC,MAAM,OAAO,oBAAoB,UAAUA,CAAY;AAAA,EAChE,GAAG,CAAE,CAAA;AAEL,QAAME,IAAWP,MAAe;AAOzB,SAAA;AAAA,IACL,UAAAO;AAAA,IACA,WAAWA,KARIP,MAAe;AAAA,IAS9B,WARqBA,MAAe,mBACpBA,MAAe,aACjBA,MAAe,kBAClBA,MAAe;AAAA,EAK2B;AAEzD,GAEAQ,IAAeT;"}

package/dist/features/puzzles/puzzle-feedback-celebration/puzzle-feedback-celebration-styled.js

@@ -0,0 +1,10 @@
+import e from "styled-components";
+import o from "../../ui/layout/flex-view.js";
+const t = e(o)`
+  position: relative;
+  z-index: 1;
+`;
+export {
+  t as PuzzleFeedbackModalWrapper
+};
+//# sourceMappingURL=puzzle-feedback-celebration-styled.js.map

package/dist/features/puzzles/puzzle-feedback-celebration/puzzle-feedback-celebration-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"puzzle-feedback-celebration-styled.js","sources":["../../../../src/features/puzzles/puzzle-feedback-celebration/puzzle-feedback-celebration-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../ui/layout/flex-view';\n\nconst PuzzleFeedbackModalWrapper = styled(FlexView)`\n  position: relative;\n  z-index: 1;\n`;\n\nexport { PuzzleFeedbackModalWrapper };\n"],"names":["PuzzleFeedbackModalWrapper","styled","FlexView"],"mappings":";;AAIM,MAAAA,IAA6BC,EAAOC,CAAQ;AAAA;AAAA;AAAA;"}

package/dist/features/puzzles/puzzle-feedback-celebration/puzzle-feedback-celebration.js

@@ -0,0 +1,44 @@
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import a from "../../../assets/line-icons/icons/cross.js";
+import d from "../../ui/buttons/icon-button/icon-button.js";
+import r from "../../ui/layout/flex-view.js";
+import m from "../../ui/lottie-animation/lottie-animation.js";
+import p from "../../ui/modals/use-modal-actions.js";
+import u from "../../ui/modals/use-modal-params.js";
+import i from "../../ui/text/text.js";
+import { getPuzzleStickerLottie as f } from "../utils/puzzle-feedback-celebration.js";
+import { PuzzleFeedbackModalWrapper as h } from "./puzzle-feedback-celebration-styled.js";
+const z = {
+  autoplay: !0,
+  loop: !0,
+  renderer: "canvas"
+}, $ = () => {
+  const { closeModal: n } = p(), { feedbackComments: c, rewards: s } = u(), { sticker: t } = s[0] || {}, o = t ? f(t) : void 0;
+  return /* @__PURE__ */ e(r, { $justifyContent: "center", $alignItems: "center", $width: "100%", children: /* @__PURE__ */ l(h, { $flexGapX: 2.5, $widthX: 33.5, $alignItems: "center", children: [
+    /* @__PURE__ */ e(i, { $renderAs: "ac2-black", $color: "GREEN_4", children: "Puzzle Reviewed" }),
+    /* @__PURE__ */ e(r, { $widthX: 12.5, $heightX: 12.5, children: o && /* @__PURE__ */ e(
+      m,
+      {
+        width: 200,
+        height: 200,
+        src: o,
+        settings: z
+      }
+    ) }),
+    /* @__PURE__ */ e(i, { $width: "80%", $renderAs: "ah3", $color: "WHITE_1", $align: "center", children: c }),
+    /* @__PURE__ */ e(
+      d,
+      {
+        renderAs: "secondary",
+        Icon: a,
+        size: "small",
+        analyticsLabel: "close_puzzle_feedback_modal",
+        onClick: n
+      }
+    )
+  ] }) });
+}, _ = $;
+export {
+  _ as default
+};
+//# sourceMappingURL=puzzle-feedback-celebration.js.map

package/dist/features/puzzles/puzzle-feedback-celebration/puzzle-feedback-celebration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"puzzle-feedback-celebration.js","sources":["../../../../src/features/puzzles/puzzle-feedback-celebration/puzzle-feedback-celebration.tsx"],"sourcesContent":["import type { IPuzzleFeedbackCelebration } from './puzzle-feedback-celebration-types';\nimport type { FC } from 'react';\n\nimport CrossIcon from '../../../assets/line-icons/icons/cross';\nimport IconButton from '../../ui/buttons/icon-button/icon-button';\nimport FlexView from '../../ui/layout/flex-view';\nimport LottieAnimation from '../../ui/lottie-animation/lottie-animation';\nimport useModalActions from '../../ui/modals/use-modal-actions';\nimport useModalParams from '../../ui/modals/use-modal-params';\nimport Text from '../../ui/text/text';\nimport { getPuzzleStickerLottie } from '../utils/puzzle-feedback-celebration';\nimport * as Styled from './puzzle-feedback-celebration-styled';\n\nconst puzzleStickerLottieSettings = {\n  autoplay: true,\n  loop: true,\n  renderer: 'canvas',\n};\n\nconst PuzzleFeedbackCelebration: FC = () => {\n  const { closeModal } = useModalActions();\n  const { feedbackComments, rewards } = useModalParams<IPuzzleFeedbackCelebration>();\n\n  const { sticker } = rewards[0] || {};\n\n  const stickerLottie = sticker ? getPuzzleStickerLottie(sticker) : undefined;\n\n  return (\n    <FlexView $justifyContent=\"center\" $alignItems=\"center\" $width=\"100%\">\n      <Styled.PuzzleFeedbackModalWrapper $flexGapX={2.5} $widthX={33.5} $alignItems=\"center\">\n        <Text $renderAs=\"ac2-black\" $color=\"GREEN_4\">\n          Puzzle Reviewed\n        </Text>\n\n        <FlexView $widthX={12.5} $heightX={12.5}>\n          {stickerLottie && (\n            <LottieAnimation\n              width={200}\n              height={200}\n              src={stickerLottie}\n              settings={puzzleStickerLottieSettings}\n            />\n          )}\n        </FlexView>\n\n        <Text $width=\"80%\" $renderAs=\"ah3\" $color=\"WHITE_1\" $align=\"center\">\n          {feedbackComments}\n        </Text>\n\n        <IconButton\n          renderAs=\"secondary\"\n          Icon={CrossIcon}\n          size=\"small\"\n          analyticsLabel=\"close_puzzle_feedback_modal\"\n          onClick={closeModal}\n        />\n      </Styled.PuzzleFeedbackModalWrapper>\n    </FlexView>\n  );\n};\n\nexport default PuzzleFeedbackCelebration;\n"],"names":["puzzleStickerLottieSettings","PuzzleFeedbackCelebration","closeModal","useModalActions","feedbackComments","rewards","useModalParams","sticker","stickerLottie","getPuzzleStickerLottie","FlexView","jsxs","Styled.PuzzleFeedbackModalWrapper","jsx","Text","LottieAnimation","IconButton","CrossIcon","PuzzleFeedbackCelebration$1"],"mappings":";;;;;;;;;;AAaA,MAAMA,IAA8B;AAAA,EAClC,UAAU;AAAA,EACV,MAAM;AAAA,EACN,UAAU;AACZ,GAEMC,IAAgC,MAAM;AACpC,QAAA,EAAE,YAAAC,MAAeC,KACjB,EAAE,kBAAAC,GAAkB,SAAAC,EAAQ,IAAIC,EAA2C,GAE3E,EAAE,SAAAC,EAAQ,IAAIF,EAAQ,CAAC,KAAK,CAAA,GAE5BG,IAAgBD,IAAUE,EAAuBF,CAAO,IAAI;AAElE,2BACGG,GAAS,EAAA,iBAAgB,UAAS,aAAY,UAAS,QAAO,QAC7D,UAAC,gBAAAC,EAAAC,GAAA,EAAkC,WAAW,KAAK,SAAS,MAAM,aAAY,UAC5E,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAK,EAAA,WAAU,aAAY,QAAO,WAAU,UAE7C,mBAAA;AAAA,sBAECJ,GAAS,EAAA,SAAS,MAAM,UAAU,MAChC,UACCF,KAAA,gBAAAK;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,KAAKP;AAAA,QACL,UAAUR;AAAA,MAAA;AAAA,IAAA,GAGhB;AAAA,IAEA,gBAAAa,EAACC,GAAK,EAAA,QAAO,OAAM,WAAU,OAAM,QAAO,WAAU,QAAO,UACxD,UACHV,EAAA,CAAA;AAAA,IAEA,gBAAAS;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,MAAMC;AAAA,QACN,MAAK;AAAA,QACL,gBAAe;AAAA,QACf,SAASf;AAAA,MAAA;AAAA,IACX;AAAA,EAAA,EACF,CAAA,EACF,CAAA;AAEJ,GAEAgB,IAAejB;"}

package/dist/features/puzzles/utils/puzzle-feedback-celebration.js

@@ -0,0 +1,44 @@
+import { LOTTIE as e } from "../../../assets/lottie/lottie.js";
+const A = (r) => {
+  switch (r) {
+    case "BOWLING":
+    case "GIFT":
+    case "LOVE_YOU":
+    case "DIAMOND":
+      return e.DIAMOND;
+    case "WAND":
+      return e.MAGICWAND;
+    case "ARM":
+      return e.MECHANICAL_ARM;
+    case "SLOT_MACHINE":
+      return e.SLOT_MACHINE;
+    case "MEDAL":
+      return e.MEDAL;
+    case "TROPHY":
+      return e.TROPHY;
+    case "DIRECT_HIT":
+      return e.DART;
+    case "DICE":
+      return e.DICE;
+    case "HUNDRED_PERCENT":
+      return e.CENT;
+    case "FLAG_IN_HOLE":
+      return e.GOLF;
+    case "VICTORY":
+      return e.VICTORY;
+    case "NICE":
+      return e.SUPER;
+    case "PARTY_POPPER":
+      return e.PARTY_POPPER;
+    case "CLAP":
+      return e.CLAP;
+    case "CONFETTI":
+      return e.PARTY_BALL;
+    default:
+      return e.CLAP;
+  }
+};
+export {
+  A as getPuzzleStickerLottie
+};
+//# sourceMappingURL=puzzle-feedback-celebration.js.map

package/dist/features/puzzles/utils/puzzle-feedback-celebration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"puzzle-feedback-celebration.js","sources":["../../../../src/features/puzzles/utils/puzzle-feedback-celebration.ts"],"sourcesContent":["import { LOTTIE } from '../../../assets/lottie/lottie';\n\nconst getPuzzleStickerLottie = (sticker: string) => {\n  switch (sticker) {\n    case 'BOWLING':\n    case 'GIFT':\n    case 'LOVE_YOU':\n    case 'DIAMOND':\n      return LOTTIE.DIAMOND;\n    case 'WAND':\n      return LOTTIE.MAGICWAND;\n    case 'ARM':\n      return LOTTIE.MECHANICAL_ARM;\n    case 'SLOT_MACHINE':\n      return LOTTIE.SLOT_MACHINE;\n    case 'MEDAL':\n      return LOTTIE.MEDAL;\n    case 'TROPHY':\n      return LOTTIE.TROPHY;\n    case 'DIRECT_HIT':\n      return LOTTIE.DART;\n    case 'DICE':\n      return LOTTIE.DICE;\n    case 'HUNDRED_PERCENT':\n      return LOTTIE.CENT;\n    case 'FLAG_IN_HOLE':\n      return LOTTIE.GOLF;\n    case 'VICTORY':\n      return LOTTIE.VICTORY;\n    case 'NICE':\n      return LOTTIE.SUPER;\n    case 'PARTY_POPPER':\n      return LOTTIE.PARTY_POPPER;\n    case 'CLAP':\n      return LOTTIE.CLAP;\n    case 'CONFETTI':\n      return LOTTIE.PARTY_BALL;\n\n    default:\n      return LOTTIE.CLAP; // Default to CLAP if no match found\n  }\n};\n\nexport { getPuzzleStickerLottie };\n"],"names":["getPuzzleStickerLottie","sticker","LOTTIE"],"mappings":";AAEM,MAAAA,IAAyB,CAACC,MAAoB;AAClD,UAAQA,GAAS;AAAA,IACf,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAOC,EAAO;AAAA,IAChB,KAAK;AACH,aAAOA,EAAO;AAAA,IAChB,KAAK;AACH,aAAOA,EAAO;AAAA,IAChB,KAAK;AACH,aAAOA,EAAO;AAAA,IAChB,KAAK;AACH,aAAOA,EAAO;AAAA,IAChB,KAAK;AACH,aAAOA,EAAO;AAAA,IAChB,KAAK;AACH,aAAOA,EAAO;AAAA,IAChB,KAAK;AACH,aAAOA,EAAO;AAAA,IAChB,KAAK;AACH,aAAOA,EAAO;AAAA,IAChB,KAAK;AACH,aAAOA,EAAO;AAAA,IAChB,KAAK;AACH,aAAOA,EAAO;AAAA,IAChB,KAAK;AACH,aAAOA,EAAO;AAAA,IAChB,KAAK;AACH,aAAOA,EAAO;AAAA,IAChB,KAAK;AACH,aAAOA,EAAO;AAAA,IAChB,KAAK;AACH,aAAOA,EAAO;AAAA,IAEhB;AACE,aAAOA,EAAO;AAAA,EAClB;AACF;"}

package/dist/features/ui/theme/constants.js

@@ -0,0 +1,11 @@
+const e = {
+  tablet: 760,
+  smallDesktop: 920,
+  desktop: 1072,
+  largeDevice: 1232,
+  xlargeDevice: 1424
+};
+export {
+  e as BREAKPOINTS
+};
+//# sourceMappingURL=constants.js.map

package/dist/features/ui/theme/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../src/features/ui/theme/constants.ts"],"sourcesContent":["export const BREAKPOINTS = {\n  tablet: 760,\n  smallDesktop: 920,\n  desktop: 1072,\n  largeDevice: 1232,\n  xlargeDevice: 1424,\n};\n"],"names":["BREAKPOINTS"],"mappings":"AAAO,MAAMA,IAAc;AAAA,EACzB,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,SAAS;AAAA,EACT,aAAa;AAAA,EACb,cAAc;AAChB;"}

package/dist/features/ui/theme/get-device.js

@@ -0,0 +1,6 @@
+import { BREAKPOINTS as r } from "./constants.js";
+const l = (e) => e >= r.xlargeDevice ? "xlarge-device" : e >= r.largeDevice ? "large-device" : e >= r.smallDesktop ? "small-desktop" : e >= r.desktop ? "desktop" : e >= r.tablet ? "tablet" : "mobile";
+export {
+  l as getDevice
+};
+//# sourceMappingURL=get-device.js.map

package/dist/features/ui/theme/get-device.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-device.js","sources":["../../../../src/features/ui/theme/get-device.ts"],"sourcesContent":["import type { TDeviceType } from '../types';\n\nimport { BREAKPOINTS } from './constants';\n\nexport const getDevice = (width: number): TDeviceType => {\n  if (width >= BREAKPOINTS.xlargeDevice) return 'xlarge-device';\n\n  if (width >= BREAKPOINTS.largeDevice) return 'large-device';\n\n  if (width >= BREAKPOINTS.smallDesktop) return 'small-desktop';\n\n  if (width >= BREAKPOINTS.desktop) return 'desktop';\n\n  if (width >= BREAKPOINTS.tablet) return 'tablet';\n\n  return 'mobile';\n};\n"],"names":["getDevice","width","BREAKPOINTS"],"mappings":";AAIa,MAAAA,IAAY,CAACC,MACpBA,KAASC,EAAY,eAAqB,kBAE1CD,KAASC,EAAY,cAAoB,iBAEzCD,KAASC,EAAY,eAAqB,kBAE1CD,KAASC,EAAY,UAAgB,YAErCD,KAASC,EAAY,SAAe,WAEjC;"}

package/dist/features/ui/theme/get-theme.js

@@ -1,32 +1,34 @@
 import r from "./arrow-tooltip.js";
-import e from "./button.js";
-import i from "./checkbox.js";
-import m, { hues as g } from "./clrs.js";
-import { getDeviceConfig as n } from "./device.js";
-import f from "./input.js";
-import p from "./layout.js";
-import u from "./tab.js";
-import C from "./text.js";
-import c from "./text-button.js";
-import { getZIndexConfig as x } from "./z-index.js";
-const v = () => {
-  const t = p(), { gutter: o } = t;
+import i from "./button.js";
+import m from "./checkbox.js";
+import g, { hues as f } from "./clrs.js";
+import { getDevice as n } from "./get-device.js";
+import p from "./input.js";
+import u from "./layout.js";
+import { getMediaQueries as c } from "./media-queries.js";
+import s from "./tab.js";
+import x from "./text.js";
+import C from "./text-button.js";
+import { getZIndexConfig as a } from "./z-index.js";
+const z = () => {
+  const t = u(), { gutter: o, deviceWidth: e } = t;
   return {
     arrowTooltip: r(),
-    button: e(o),
-    colors: m(),
-    hues: g,
-    input: f(o),
-    checkbox: i(o),
+    button: i(o),
+    colors: g(),
+    hues: f,
+    input: p(o),
+    checkbox: m(o),
     layout: t,
-    tab: u(t.gutter),
-    text: C(),
-    textButton: c(),
-    zIndex: x(),
-    device: n()
+    tab: s(t.gutter),
+    text: x(),
+    textButton: C(),
+    zIndex: a(),
+    device: n(e),
+    mediaQueries: c()
   };
 };
 export {
-  v as getTheme
+  z as getTheme
 };
 //# sourceMappingURL=get-theme.js.map

package/dist/features/ui/theme/get-theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-theme.js","sources":["../../../../src/features/ui/theme/get-theme.ts"],"sourcesContent":["import type { DefaultTheme } from 'styled-components';\n\nimport getArrowTooltipConfig from './arrow-tooltip';\nimport getButtonConfig from './button';\nimport getCheckboxConfig from './checkbox';\nimport getColors, { hues } from './clrs';\nimport { getDeviceConfig } from './device';\nimport getInputConfig from './input';\nimport getLayout from './layout';\nimport getTabConfig from './tab';\nimport getTextTypes from './text';\nimport getTextButtonConfig from './text-button';\nimport { getZIndexConfig } from './z-index';\n\nconst getTheme: () => DefaultTheme = () => {\n  const layout = getLayout();\n  const { gutter } = layout;\n\n  return {\n    arrowTooltip: getArrowTooltipConfig(),\n    button: getButtonConfig(gutter),\n    colors: getColors(),\n    hues: hues,\n    input: getInputConfig(gutter),\n    checkbox: getCheckboxConfig(gutter),\n    layout,\n    tab: getTabConfig(layout.gutter),\n    text: getTextTypes(),\n    textButton: getTextButtonConfig(),\n    zIndex: getZIndexConfig(),\n    device: getDeviceConfig(),\n  };\n};\n\nexport { getTheme };\n"],"names":["getTheme","layout","getLayout","gutter","getArrowTooltipConfig","getButtonConfig","getColors","hues","getInputConfig","getCheckboxConfig","getTabConfig","getTextTypes","getTextButtonConfig","getZIndexConfig","getDeviceConfig"],"mappings":";;;;;;;;;;;AAcA,MAAMA,IAA+B,MAAM;AACzC,QAAMC,IAASC,KACT,EAAE,QAAAC,EAAW,IAAAF;AAEZ,SAAA;AAAA,IACL,cAAcG,EAAsB;AAAA,IACpC,QAAQC,EAAgBF,CAAM;AAAA,IAC9B,QAAQG,EAAU;AAAA,IAClB,MAAAC;AAAA,IACA,OAAOC,EAAeL,CAAM;AAAA,IAC5B,UAAUM,EAAkBN,CAAM;AAAA,IAClC,QAAAF;AAAA,IACA,KAAKS,EAAaT,EAAO,MAAM;AAAA,IAC/B,MAAMU,EAAa;AAAA,IACnB,YAAYC,EAAoB;AAAA,IAChC,QAAQC,EAAgB;AAAA,IACxB,QAAQC,EAAgB;AAAA,EAAA;AAE5B;"}
+{"version":3,"file":"get-theme.js","sources":["../../../../src/features/ui/theme/get-theme.ts"],"sourcesContent":["import type { DefaultTheme } from 'styled-components';\n\nimport getArrowTooltipConfig from './arrow-tooltip';\nimport getButtonConfig from './button';\nimport getCheckboxConfig from './checkbox';\nimport getColors, { hues } from './clrs';\nimport { getDevice } from './get-device';\nimport getInputConfig from './input';\nimport getLayout from './layout';\nimport { getMediaQueries } from './media-queries';\nimport getTabConfig from './tab';\nimport getTextTypes from './text';\nimport getTextButtonConfig from './text-button';\nimport { getZIndexConfig } from './z-index';\n\nconst getTheme: () => DefaultTheme = () => {\n  const layout = getLayout();\n  const { gutter, deviceWidth } = layout;\n\n  return {\n    arrowTooltip: getArrowTooltipConfig(),\n    button: getButtonConfig(gutter),\n    colors: getColors(),\n    hues: hues,\n    input: getInputConfig(gutter),\n    checkbox: getCheckboxConfig(gutter),\n    layout,\n    tab: getTabConfig(layout.gutter),\n    text: getTextTypes(),\n    textButton: getTextButtonConfig(),\n    zIndex: getZIndexConfig(),\n    device: getDevice(deviceWidth),\n    mediaQueries: getMediaQueries(),\n  };\n};\n\nexport { getTheme };\n"],"names":["getTheme","layout","getLayout","gutter","deviceWidth","getArrowTooltipConfig","getButtonConfig","getColors","hues","getInputConfig","getCheckboxConfig","getTabConfig","getTextTypes","getTextButtonConfig","getZIndexConfig","getDevice","getMediaQueries"],"mappings":";;;;;;;;;;;;AAeA,MAAMA,IAA+B,MAAM;AACzC,QAAMC,IAASC,KACT,EAAE,QAAAC,GAAQ,aAAAC,EAAgB,IAAAH;AAEzB,SAAA;AAAA,IACL,cAAcI,EAAsB;AAAA,IACpC,QAAQC,EAAgBH,CAAM;AAAA,IAC9B,QAAQI,EAAU;AAAA,IAClB,MAAAC;AAAA,IACA,OAAOC,EAAeN,CAAM;AAAA,IAC5B,UAAUO,EAAkBP,CAAM;AAAA,IAClC,QAAAF;AAAA,IACA,KAAKU,EAAaV,EAAO,MAAM;AAAA,IAC/B,MAAMW,EAAa;AAAA,IACnB,YAAYC,EAAoB;AAAA,IAChC,QAAQC,EAAgB;AAAA,IACxB,QAAQC,EAAUX,CAAW;AAAA,IAC7B,cAAcY,EAAgB;AAAA,EAAA;AAElC;"}

package/dist/features/ui/theme/layout.js

@@ -1,9 +1,12 @@
-function e(t = 1) {
+function n(t = 1) {
+  const e = window.innerWidth, i = window.innerHeight;
   return {
-    gutter: 16 * t
+    gutter: 16 * t,
+    deviceWidth: e,
+    deviceHeight: i
   };
 }
 export {
-  e as default
+  n as default
 };
 //# sourceMappingURL=layout.js.map

package/dist/features/ui/theme/layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"layout.js","sources":["../../../../src/features/ui/theme/layout.ts"],"sourcesContent":["import type { ILayout } from '../types';\n\nfunction getLayout(multiplier: number = 1): ILayout {\n  return {\n    gutter: 16 * multiplier,\n  };\n}\n\nexport default getLayout;\n"],"names":["getLayout","multiplier"],"mappings":"AAEA,SAASA,EAAUC,IAAqB,GAAY;AAC3C,SAAA;AAAA,IACL,QAAQ,KAAKA;AAAA,EAAA;AAEjB;"}
+{"version":3,"file":"layout.js","sources":["../../../../src/features/ui/theme/layout.ts"],"sourcesContent":["import type { ILayout } from '../types';\n\nfunction getLayout(multiplier: number = 1): ILayout {\n  const width = window.innerWidth;\n  const height = window.innerHeight;\n\n  return {\n    gutter: 16 * multiplier,\n    deviceWidth: width,\n    deviceHeight: height,\n  };\n}\n\nexport default getLayout;\n"],"names":["getLayout","multiplier","width","height"],"mappings":"AAEA,SAASA,EAAUC,IAAqB,GAAY;AAClD,QAAMC,IAAQ,OAAO,YACfC,IAAS,OAAO;AAEf,SAAA;AAAA,IACL,QAAQ,KAAKF;AAAA,IACb,aAAaC;AAAA,IACb,cAAcC;AAAA,EAAA;AAElB;"}

package/dist/features/ui/theme/media-queries.js

@@ -0,0 +1,11 @@
+import { BREAKPOINTS as i } from "./constants.js";
+const t = () => ({
+  minWidthTablet: `@media (min-width: ${i.tablet}px)`,
+  minWidthSmallDesktop: `@media (min-width: ${i.smallDesktop}px)`,
+  minWidthDesktop: `@media (min-width: ${i.desktop}px)`,
+  minWidthLargeDevice: `@media (min-width: ${i.largeDevice}px)`
+});
+export {
+  t as getMediaQueries
+};
+//# sourceMappingURL=media-queries.js.map

package/dist/features/ui/theme/media-queries.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"media-queries.js","sources":["../../../../src/features/ui/theme/media-queries.ts"],"sourcesContent":["import { BREAKPOINTS } from './constants';\n\nexport const getMediaQueries = () => ({\n  minWidthTablet: `@media (min-width: ${BREAKPOINTS.tablet}px)`,\n  minWidthSmallDesktop: `@media (min-width: ${BREAKPOINTS.smallDesktop}px)`,\n  minWidthDesktop: `@media (min-width: ${BREAKPOINTS.desktop}px)`,\n  minWidthLargeDevice: `@media (min-width: ${BREAKPOINTS.largeDevice}px)`,\n});\n"],"names":["getMediaQueries","BREAKPOINTS"],"mappings":";AAEO,MAAMA,IAAkB,OAAO;AAAA,EACpC,gBAAgB,sBAAsBC,EAAY,MAAM;AAAA,EACxD,sBAAsB,sBAAsBA,EAAY,YAAY;AAAA,EACpE,iBAAiB,sBAAsBA,EAAY,OAAO;AAAA,EAC1D,qBAAqB,sBAAsBA,EAAY,WAAW;AACpE;"}

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

@@ -1,22 +1,22 @@
-const t = 792, e = 1008, s = 30, T = 32, n = 28, I = 48, E = 42, c = 16, a = 56, _ = 0, o = 360, O = 52, N = { left: 0, top: 56 }, R = [
+const t = 792, e = 1008, s = 30, T = 32, n = 28, I = 48, a = 42, c = 16, E = 56, _ = 0, o = 52, O = { left: 0, top: 56 }, N = [
   "practice-basic-optional",
   "practice-regular-optional",
   "advanced-we-do",
   "advanced-your-turn",
   "advanced-explore",
   "advanced-practice"
-], A = 2e3, S = [
+], R = 2e3, S = [
   { name: "CORRECT", url: "https://static.qumath.in/static/intel-student/cmpress/correct-zap.mp3" },
   {
     name: "INCORRECT",
     url: "https://static.qumath.in/static/intel-student/cmpress/incorrect-zap.mp3"
   }
-], i = [
+], A = [
   {
     name: "VALIDATE",
     url: "https://wmznlejcfq.s3.ap-southeast-1.amazonaws.com/static/intel-student/cmpress/validate-zap.mp3"
   }
-], l = [
+], i = [
   {
     label: "Answered all the questions independently.",
     id: "E"
@@ -31,21 +31,20 @@ const t = 792, e = 1008, s = 30, T = 32, n = 28, I = 48, E = 42, c = 16, a = 56,
   }
 ];
 export {
-  a as ACTION_BAR_HEIGHT,
-  A as CLOZE_FORMULA_RESPONSE_LIMIT,
-  N as DESMOS_CALC_POSITION,
-  l as EXIT_TICKET_RATING_OPTIONS,
+  E as ACTION_BAR_HEIGHT,
+  R as CLOZE_FORMULA_RESPONSE_LIMIT,
+  O as DESMOS_CALC_POSITION,
+  i as EXIT_TICKET_RATING_OPTIONS,
   s as INTERSECTION_OBSERVER_THRESHOLD_POINTS,
   T as INTERSECTION_OBSERVER_THROTTLE_TIME,
-  o as LEARNOSITY_KEYBOARD_HEIGHT,
-  R as OPTIONAL_ITEM_TYPES,
+  N as OPTIONAL_ITEM_TYPES,
   c as QUESTIONS_GAP,
   t as QUESTION_WIDTH,
-  O as SIDEBAR_WIDTH,
+  o as SIDEBAR_WIDTH,
   e as SPLIT_QUESTION_WIDTH,
   S as SYSTEM_VALIDATION_AUDIO_LIST,
-  i as TEACHER_VALIDATION_AUDIO_LIST,
-  E as TOP_NAVIGATION_ARROW_WIDTH,
+  A as TEACHER_VALIDATION_AUDIO_LIST,
+  a as TOP_NAVIGATION_ARROW_WIDTH,
   I as TOP_NAVIGATION_HEIGHT,
   _ as WORKSHEET_CONTAINER_BORDER_RADIUS,
   n as WORKSHEET_NUDGE_BANNER_HEIGHT