@cuemath/leap 3.5.51-as2 → 3.5.51-as4

package/dist/features/math-fit/math-fit-report/math-fit-report.js

@@ -1,40 +1,34 @@
 import { jsxs as t, jsx as r } from "react/jsx-runtime";
-import { memo as d, useMemo as $ } from "react";
+import { memo as p, useMemo as l } from "react";
 import e from "../../ui/layout/flex-view.js";
 import i from "../../ui/text/text.js";
-import p from "./comps/report-header/report-header.js";
+import a from "./comps/report-header/report-header.js";
 import g from "./comps/score-section/score-section.js";
-import { transformSectionsToReportData as a, getQuestionStatusBgColor as c } from "./math-fit-report-helpers.js";
-const f = d(function({
+import { transformSectionsToReportData as f, getQuestionStatusBgColor as c } from "./math-fit-report-helpers.js";
+import { EQuestionState as s } from "../math-fit-overview/math-fit-overview-types.js";
+const C = p(function({
   data: o,
-  onReviewClick: l,
-  studentName: m
+  onReviewClick: m,
+  studentName: u
 }) {
-  const s = $(() => a(o.sections), [o.sections]), u = $(() => {
+  const $ = l(() => f(o.sections), [o.sections]), h = l(() => {
     if (o.previous_score)
       return o.score - o.previous_score;
   }, [o.score, o.previous_score]);
   return /* @__PURE__ */ t(e, { $background: "BLACK_T_04", children: [
     /* @__PURE__ */ r(
-      p,
+      a,
       {
         score: o.score ?? 0,
         maxScore: 10,
-        scoreChange: u,
+        scoreChange: h,
         createdOnTs: o.created_on_ts,
-        studentName: m
+        studentName: u
       }
     ),
-    s.map((n, h) => /* @__PURE__ */ t(e, { $background: "WHITE", children: [
-      /* @__PURE__ */ r(e, { $gapX: 1.5, $gutterX: 1.25, children: /* @__PURE__ */ r(
-        g,
-        {
-          section: n,
-          onReviewSection: l,
-          sheet: n.sheet
-        }
-      ) }),
-      h !== s.length - 1 && /* @__PURE__ */ r(e, { $height: 1, $background: "BLACK_T_08" })
+    $.map((n, d) => /* @__PURE__ */ t(e, { $background: "WHITE", children: [
+      /* @__PURE__ */ r(e, { $gapX: 1.5, $gutterX: 1.25, children: /* @__PURE__ */ r(g, { section: n, onReviewSection: m, sheet: n.sheet }) }),
+      d !== $.length - 1 && /* @__PURE__ */ r(e, { $height: 1, $background: "BLACK_T_08" })
     ] }, n.title)),
     /* @__PURE__ */ r(e, { $gutterX: 1, $flexColumnGapX: 1, $gapX: 1, $alignItems: "center", children: /* @__PURE__ */ t(e, { $flexDirection: "row", $flexColumnGapX: 1, $alignItems: "center", children: [
       /* @__PURE__ */ t(e, { $flexDirection: "row", $flexColumnGapX: 0.25, $alignItems: "center", children: [
@@ -44,7 +38,7 @@ const f = d(function({
           {
             $width: 10,
             $height: 10,
-            $background: c("CORRECT"),
+            $background: c(s.CORRECT),
             $borderRadiusX: 1
           }
         )
@@ -57,7 +51,7 @@ const f = d(function({
             $width: 10,
             $height: 10,
             $borderRadiusX: 1,
-            $background: c("INCORRECT")
+            $background: c(s.INCORRECT)
           }
         )
       ] }),
@@ -69,14 +63,14 @@ const f = d(function({
             $borderRadiusX: 1,
             $width: 10,
             $height: 10,
-            $background: c("SKIPPED")
+            $background: c(s.SKIPPED)
           }
         )
       ] })
     ] }) })
   ] });
-}), A = f;
+}), S = C;
 export {
-  A as default
+  S as default
 };
 //# sourceMappingURL=math-fit-report.js.map

package/dist/features/math-fit/math-fit-report/math-fit-report.js.map

@@ -1 +1 @@
-{"version":3,"file":"math-fit-report.js","sources":["../../../../src/features/math-fit/math-fit-report/math-fit-report.tsx"],"sourcesContent":["import { memo, useMemo, type FC } from 'react';\n\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport ReportHeader from './comps/report-header/report-header';\nimport ScoreSection from './comps/score-section/score-section';\nimport { getQuestionStatusBgColor, transformSectionsToReportData } from './math-fit-report-helpers';\nimport type { IMathFitReportProps } from './math-fit-report-types';\n\nconst MathFitReport: FC<IMathFitReportProps> = memo(function MathFitReport({\n  data,\n  onReviewClick,\n  studentName,\n}) {\n  const sectionData = useMemo(() => transformSectionsToReportData(data.sections), [data.sections]);\n\n  const scoreChange = useMemo(() => {\n    if (data.previous_score) {\n      return data.score - data.previous_score;\n    }\n\n    return undefined;\n  }, [data.score, data.previous_score]);\n\n  return (\n    <FlexView $background=\"BLACK_T_04\">\n      <ReportHeader\n        score={data.score ?? 0}\n        maxScore={10}\n        scoreChange={scoreChange}\n        createdOnTs={data.created_on_ts}\n        studentName={studentName}\n      />\n\n      {sectionData.map((section, index) => (\n        <FlexView key={section.title} $background=\"WHITE\">\n          <FlexView $gapX={1.5} $gutterX={1.25}>\n            <ScoreSection\n              section={section}\n              onReviewSection={onReviewClick}\n              sheet={section.sheet}\n            />\n          </FlexView>\n          {index !== sectionData.length - 1 && <FlexView $height={1} $background=\"BLACK_T_08\" />}\n        </FlexView>\n      ))}\n\n      <FlexView $gutterX={1} $flexColumnGapX={1} $gapX={1} $alignItems=\"center\">\n        <FlexView $flexDirection=\"row\" $flexColumnGapX={1} $alignItems=\"center\">\n          <FlexView $flexDirection=\"row\" $flexColumnGapX={0.25} $alignItems=\"center\">\n            <Text $renderAs=\"ub3\" $color=\"BLACK_T_60\">\n              Correct\n            </Text>\n            <FlexView\n              $width={10}\n              $height={10}\n              $background={getQuestionStatusBgColor('CORRECT')}\n              $borderRadiusX={1}\n            />\n          </FlexView>\n          <FlexView $flexDirection=\"row\" $flexColumnGapX={0.25} $alignItems=\"center\">\n            <Text $renderAs=\"ub3\" $color=\"BLACK_T_60\">\n              Incorrect\n            </Text>\n            <FlexView\n              $width={10}\n              $height={10}\n              $borderRadiusX={1}\n              $background={getQuestionStatusBgColor('INCORRECT')}\n            />\n          </FlexView>\n          <FlexView $flexDirection=\"row\" $flexColumnGapX={0.25} $alignItems=\"center\">\n            <Text $renderAs=\"ub3\" $color=\"BLACK_T_60\">\n              Not Attempted\n            </Text>\n            <FlexView\n              $borderRadiusX={1}\n              $width={10}\n              $height={10}\n              $background={getQuestionStatusBgColor('SKIPPED')}\n            />\n          </FlexView>\n        </FlexView>\n      </FlexView>\n    </FlexView>\n  );\n});\n\nexport default MathFitReport;\n"],"names":["MathFitReport","memo","data","onReviewClick","studentName","sectionData","useMemo","transformSectionsToReportData","scoreChange","jsxs","FlexView","jsx","ReportHeader","section","index","ScoreSection","Text","getQuestionStatusBgColor","MathFitReport$1"],"mappings":";;;;;;;AASA,MAAMA,IAAyCC,EAAK,SAAuB;AAAA,EACzE,MAAAC;AAAA,EACA,eAAAC;AAAA,EACA,aAAAC;AACF,GAAG;AACK,QAAAC,IAAcC,EAAQ,MAAMC,EAA8BL,EAAK,QAAQ,GAAG,CAACA,EAAK,QAAQ,CAAC,GAEzFM,IAAcF,EAAQ,MAAM;AAChC,QAAIJ,EAAK;AACA,aAAAA,EAAK,QAAQA,EAAK;AAAA,KAI1B,CAACA,EAAK,OAAOA,EAAK,cAAc,CAAC;AAGlC,SAAA,gBAAAO,EAACC,GAAS,EAAA,aAAY,cACpB,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAOV,EAAK,SAAS;AAAA,QACrB,UAAU;AAAA,QACV,aAAAM;AAAA,QACA,aAAaN,EAAK;AAAA,QAClB,aAAAE;AAAA,MAAA;AAAA,IACF;AAAA,IAECC,EAAY,IAAI,CAACQ,GAASC,MACxB,gBAAAL,EAAAC,GAAA,EAA6B,aAAY,SACxC,UAAA;AAAA,MAAA,gBAAAC,EAACD,GAAS,EAAA,OAAO,KAAK,UAAU,MAC9B,UAAA,gBAAAC;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,SAAAF;AAAA,UACA,iBAAiBV;AAAA,UACjB,OAAOU,EAAQ;AAAA,QAAA;AAAA,MAAA,GAEnB;AAAA,MACCC,MAAUT,EAAY,SAAS,uBAAMK,GAAS,EAAA,SAAS,GAAG,aAAY,aAAa,CAAA;AAAA,IAAA,KARvEG,EAAQ,KASvB,CACD;AAAA,sBAEAH,GAAS,EAAA,UAAU,GAAG,iBAAiB,GAAG,OAAO,GAAG,aAAY,UAC/D,4BAACA,GAAS,EAAA,gBAAe,OAAM,iBAAiB,GAAG,aAAY,UAC7D,UAAA;AAAA,MAAA,gBAAAD,EAACC,KAAS,gBAAe,OAAM,iBAAiB,MAAM,aAAY,UAChE,UAAA;AAAA,QAAA,gBAAAC,EAACK,GAAK,EAAA,WAAU,OAAM,QAAO,cAAa,UAE1C,WAAA;AAAA,QACA,gBAAAL;AAAA,UAACD;AAAA,UAAA;AAAA,YACC,QAAQ;AAAA,YACR,SAAS;AAAA,YACT,aAAaO,EAAyB,SAAS;AAAA,YAC/C,gBAAgB;AAAA,UAAA;AAAA,QAClB;AAAA,MAAA,GACF;AAAA,wBACCP,GAAS,EAAA,gBAAe,OAAM,iBAAiB,MAAM,aAAY,UAChE,UAAA;AAAA,QAAA,gBAAAC,EAACK,GAAK,EAAA,WAAU,OAAM,QAAO,cAAa,UAE1C,aAAA;AAAA,QACA,gBAAAL;AAAA,UAACD;AAAA,UAAA;AAAA,YACC,QAAQ;AAAA,YACR,SAAS;AAAA,YACT,gBAAgB;AAAA,YAChB,aAAaO,EAAyB,WAAW;AAAA,UAAA;AAAA,QACnD;AAAA,MAAA,GACF;AAAA,wBACCP,GAAS,EAAA,gBAAe,OAAM,iBAAiB,MAAM,aAAY,UAChE,UAAA;AAAA,QAAA,gBAAAC,EAACK,GAAK,EAAA,WAAU,OAAM,QAAO,cAAa,UAE1C,iBAAA;AAAA,QACA,gBAAAL;AAAA,UAACD;AAAA,UAAA;AAAA,YACC,gBAAgB;AAAA,YAChB,QAAQ;AAAA,YACR,SAAS;AAAA,YACT,aAAaO,EAAyB,SAAS;AAAA,UAAA;AAAA,QACjD;AAAA,MAAA,GACF;AAAA,IAAA,EAAA,CACF,EACF,CAAA;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC,GAEDC,IAAelB;"}
+{"version":3,"file":"math-fit-report.js","sources":["../../../../src/features/math-fit/math-fit-report/math-fit-report.tsx"],"sourcesContent":["import { memo, useMemo, type FC } from 'react';\n\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport ReportHeader from './comps/report-header/report-header';\nimport ScoreSection from './comps/score-section/score-section';\nimport { getQuestionStatusBgColor, transformSectionsToReportData } from './math-fit-report-helpers';\nimport type { IMathFitReportProps } from './math-fit-report-types';\nimport { EQuestionState } from '../math-fit-overview/math-fit-overview-types';\n\nconst MathFitReport: FC<IMathFitReportProps> = memo(function MathFitReport({\n  data,\n  onReviewClick,\n  studentName,\n}) {\n  const sectionData = useMemo(() => transformSectionsToReportData(data.sections), [data.sections]);\n\n  const scoreChange = useMemo(() => {\n    if (data.previous_score) {\n      return data.score - data.previous_score;\n    }\n\n    return undefined;\n  }, [data.score, data.previous_score]);\n\n  return (\n    <FlexView $background=\"BLACK_T_04\">\n      <ReportHeader\n        score={data.score ?? 0}\n        maxScore={10}\n        scoreChange={scoreChange}\n        createdOnTs={data.created_on_ts}\n        studentName={studentName}\n      />\n\n      {sectionData.map((section, index) => (\n        <FlexView key={section.title} $background=\"WHITE\">\n          <FlexView $gapX={1.5} $gutterX={1.25}>\n            <ScoreSection section={section} onReviewSection={onReviewClick} sheet={section.sheet} />\n          </FlexView>\n          {index !== sectionData.length - 1 && <FlexView $height={1} $background=\"BLACK_T_08\" />}\n        </FlexView>\n      ))}\n\n      <FlexView $gutterX={1} $flexColumnGapX={1} $gapX={1} $alignItems=\"center\">\n        <FlexView $flexDirection=\"row\" $flexColumnGapX={1} $alignItems=\"center\">\n          <FlexView $flexDirection=\"row\" $flexColumnGapX={0.25} $alignItems=\"center\">\n            <Text $renderAs=\"ub3\" $color=\"BLACK_T_60\">\n              Correct\n            </Text>\n            <FlexView\n              $width={10}\n              $height={10}\n              $background={getQuestionStatusBgColor(EQuestionState.CORRECT)}\n              $borderRadiusX={1}\n            />\n          </FlexView>\n          <FlexView $flexDirection=\"row\" $flexColumnGapX={0.25} $alignItems=\"center\">\n            <Text $renderAs=\"ub3\" $color=\"BLACK_T_60\">\n              Incorrect\n            </Text>\n            <FlexView\n              $width={10}\n              $height={10}\n              $borderRadiusX={1}\n              $background={getQuestionStatusBgColor(EQuestionState.INCORRECT)}\n            />\n          </FlexView>\n          <FlexView $flexDirection=\"row\" $flexColumnGapX={0.25} $alignItems=\"center\">\n            <Text $renderAs=\"ub3\" $color=\"BLACK_T_60\">\n              Not Attempted\n            </Text>\n            <FlexView\n              $borderRadiusX={1}\n              $width={10}\n              $height={10}\n              $background={getQuestionStatusBgColor(EQuestionState.SKIPPED)}\n            />\n          </FlexView>\n        </FlexView>\n      </FlexView>\n    </FlexView>\n  );\n});\n\nexport default MathFitReport;\n"],"names":["MathFitReport","memo","data","onReviewClick","studentName","sectionData","useMemo","transformSectionsToReportData","scoreChange","jsxs","FlexView","jsx","ReportHeader","section","index","ScoreSection","Text","getQuestionStatusBgColor","EQuestionState","MathFitReport$1"],"mappings":";;;;;;;;AAUA,MAAMA,IAAyCC,EAAK,SAAuB;AAAA,EACzE,MAAAC;AAAA,EACA,eAAAC;AAAA,EACA,aAAAC;AACF,GAAG;AACK,QAAAC,IAAcC,EAAQ,MAAMC,EAA8BL,EAAK,QAAQ,GAAG,CAACA,EAAK,QAAQ,CAAC,GAEzFM,IAAcF,EAAQ,MAAM;AAChC,QAAIJ,EAAK;AACA,aAAAA,EAAK,QAAQA,EAAK;AAAA,KAI1B,CAACA,EAAK,OAAOA,EAAK,cAAc,CAAC;AAGlC,SAAA,gBAAAO,EAACC,GAAS,EAAA,aAAY,cACpB,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAOV,EAAK,SAAS;AAAA,QACrB,UAAU;AAAA,QACV,aAAAM;AAAA,QACA,aAAaN,EAAK;AAAA,QAClB,aAAAE;AAAA,MAAA;AAAA,IACF;AAAA,IAECC,EAAY,IAAI,CAACQ,GAASC,MACxB,gBAAAL,EAAAC,GAAA,EAA6B,aAAY,SACxC,UAAA;AAAA,MAAA,gBAAAC,EAACD,GAAS,EAAA,OAAO,KAAK,UAAU,MAC9B,UAAA,gBAAAC,EAACI,GAAa,EAAA,SAAAF,GAAkB,iBAAiBV,GAAe,OAAOU,EAAQ,MAAO,CAAA,GACxF;AAAA,MACCC,MAAUT,EAAY,SAAS,uBAAMK,GAAS,EAAA,SAAS,GAAG,aAAY,aAAa,CAAA;AAAA,IAAA,KAJvEG,EAAQ,KAKvB,CACD;AAAA,sBAEAH,GAAS,EAAA,UAAU,GAAG,iBAAiB,GAAG,OAAO,GAAG,aAAY,UAC/D,4BAACA,GAAS,EAAA,gBAAe,OAAM,iBAAiB,GAAG,aAAY,UAC7D,UAAA;AAAA,MAAA,gBAAAD,EAACC,KAAS,gBAAe,OAAM,iBAAiB,MAAM,aAAY,UAChE,UAAA;AAAA,QAAA,gBAAAC,EAACK,GAAK,EAAA,WAAU,OAAM,QAAO,cAAa,UAE1C,WAAA;AAAA,QACA,gBAAAL;AAAA,UAACD;AAAA,UAAA;AAAA,YACC,QAAQ;AAAA,YACR,SAAS;AAAA,YACT,aAAaO,EAAyBC,EAAe,OAAO;AAAA,YAC5D,gBAAgB;AAAA,UAAA;AAAA,QAClB;AAAA,MAAA,GACF;AAAA,wBACCR,GAAS,EAAA,gBAAe,OAAM,iBAAiB,MAAM,aAAY,UAChE,UAAA;AAAA,QAAA,gBAAAC,EAACK,GAAK,EAAA,WAAU,OAAM,QAAO,cAAa,UAE1C,aAAA;AAAA,QACA,gBAAAL;AAAA,UAACD;AAAA,UAAA;AAAA,YACC,QAAQ;AAAA,YACR,SAAS;AAAA,YACT,gBAAgB;AAAA,YAChB,aAAaO,EAAyBC,EAAe,SAAS;AAAA,UAAA;AAAA,QAChE;AAAA,MAAA,GACF;AAAA,wBACCR,GAAS,EAAA,gBAAe,OAAM,iBAAiB,MAAM,aAAY,UAChE,UAAA;AAAA,QAAA,gBAAAC,EAACK,GAAK,EAAA,WAAU,OAAM,QAAO,cAAa,UAE1C,iBAAA;AAAA,QACA,gBAAAL;AAAA,UAACD;AAAA,UAAA;AAAA,YACC,gBAAgB;AAAA,YAChB,QAAQ;AAAA,YACR,SAAS;AAAA,YACT,aAAaO,EAAyBC,EAAe,OAAO;AAAA,UAAA;AAAA,QAC9D;AAAA,MAAA,GACF;AAAA,IAAA,EAAA,CACF,EACF,CAAA;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC,GAEDC,IAAenB;"}

package/dist/index.d.ts

@@ -621,6 +621,12 @@ export declare enum EPostGameStat {
 
 export declare const EPResourceAssign: FC<IEPResourceAssign>;
 
+declare enum EQuestionState {
+    CORRECT = "CORRECT",
+    INCORRECT = "INCORRECT",
+    SKIPPED = "SKIPPED"
+}
+
 export declare const EraserIcon: FC<SVGProps<SVGSVGElement>>;
 
 declare const Error_2: FC<IErrorProps>;
@@ -3204,7 +3210,6 @@ export declare interface INodeDataProps {
     course_type: TCourseType;
     desmos_calculator_enabled: boolean;
     due_date_ts: number | null;
-    homework_id?: string;
     id: string;
     image_hue: THueNames;
     image_url: string | null;
@@ -3680,7 +3685,7 @@ export declare interface IPuzzleWebGameProps extends IBaseWebGameProps, ISyncabl
 
 declare interface IQuestionDetail {
     item_reference: string;
-    state: 'CORRECT' | 'INCORRECT' | 'SKIPPED';
+    state: EQuestionState;
     order: number;
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cuemath/leap",
-  "version": "3.5.51-as2",
+  "version": "3.5.51-as4",
   "type": "module",
   "files": [
     "dist"

package/dist/features/math-fit/math-fit-overview/helpers.js

@@ -1,46 +0,0 @@
-import { NODE_CARD_STATES as i } from "../../chapters-v2/constants/node-constants.js";
-import { TSectionStatus as r } from "./math-fit-overview-types.js";
-const a = 1e3 * 60 * 60, f = (t) => {
-  const e = t * 1e3 - Date.now();
-  if (e <= 0) return;
-  const n = Math.floor(e / a), o = Math.floor(n / 24);
-  return o < 1 ? `${n} ${n === 1 ? "hour" : "hours"} left` : `${o} ${o === 1 ? "day" : "days"} left`;
-}, T = (t) => {
-  const { sheet: e } = t;
-  let n;
-  return e.state === "LOCKED" ? n = r.LOCKED : e.state === "COMPLETED" ? n = r.COMPLETED : e.state === "IN_PROGRESS" ? n = r.ACTIVE : n = r.ACTIVE, n;
-}, S = (t) => {
-  const e = t.find(
-    (o) => o.sheet.state === i.NOT_STARTED || o.sheet.state === i.IN_PROGRESS
-  );
-  return e ? `${e.sheet.state === i.IN_PROGRESS ? "Resume" : "Start"} Section ${e.section_number}` : "Start Section";
-}, C = (t) => {
-  const e = t.find(
-    (s) => s.sheet.state === i.NOT_STARTED || s.sheet.state === i.IN_PROGRESS
-  );
-  if (!e) return null;
-  const n = t.findIndex((s) => s.id === e.id) === 0, o = t.some((s) => s.sheet.state === r.COMPLETED);
-  return [n && !o ? "Do each section whenever it suits you, before the deadline." : `Start Section ${e.section_number} now, or later before the deadline.`, "Questions come from what you just learned"];
-}, d = (t) => {
-  switch (t) {
-    case r.COMPLETED:
-      return "GREEN_2";
-    case r.ACTIVE:
-      return "YELLOW_1";
-    case r.LOCKED:
-      return "BLACK_T_08";
-    default:
-      return "WHITE";
-  }
-}, l = (t) => t === r.COMPLETED ? "GREEN_1" : t === r.ACTIVE ? "YELLOW_1" : "WHITE_1", L = (t) => t === r.COMPLETED ? "GREEN_4" : t === r.ACTIVE ? "BLACK_1" : "BLACK_T_08", _ = (t) => t === r.COMPLETED ? "completed" : t === r.ACTIVE ? "active" : "disabled";
-export {
-  f as calculateTimeLeftText,
-  d as getBackgroundColor,
-  C as getBeforeYouStartText,
-  l as getCardBackgroundColor,
-  L as getCardBorderColor,
-  _ as getCardVariant,
-  S as getStartButtonText,
-  T as mapSectionStatus
-};
-//# sourceMappingURL=helpers.js.map

package/dist/features/math-fit/math-fit-overview/helpers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"helpers.js","sources":["../../../../src/features/math-fit/math-fit-overview/helpers.ts"],"sourcesContent":["import { NODE_CARD_STATES } from '../../chapters-v2/constants/node-constants';\nimport {\n  type IMathFitSection,\n  TSectionStatus,\n  type TSectionCardVariant,\n} from './math-fit-overview-types';\n\nconst MS_PER_HOUR = 1000 * 60 * 60;\n\nexport const calculateTimeLeftText = (dueDateTs: number): string | undefined => {\n  const timeLeftMs = dueDateTs * 1000 - Date.now();\n\n  if (timeLeftMs <= 0) return undefined;\n\n  const hoursLeft = Math.floor(timeLeftMs / MS_PER_HOUR);\n  const daysLeft = Math.floor(hoursLeft / 24);\n\n  if (daysLeft < 1) {\n    return `${hoursLeft} ${hoursLeft === 1 ? 'hour' : 'hours'} left`;\n  }\n\n  return `${daysLeft} ${daysLeft === 1 ? 'day' : 'days'} left`;\n};\n\nexport const mapSectionStatus = (section: IMathFitSection): TSectionStatus => {\n  const { sheet } = section;\n\n  let status: TSectionStatus;\n\n  if (sheet.state === 'LOCKED') {\n    status = TSectionStatus.LOCKED;\n  } else if (sheet.state === 'COMPLETED') {\n    status = TSectionStatus.COMPLETED;\n  } else if (sheet.state === 'IN_PROGRESS') {\n    status = TSectionStatus.ACTIVE;\n  } else {\n    status = TSectionStatus.ACTIVE;\n  }\n\n  return status;\n};\n\nexport const getStartButtonText = (sections: IMathFitSection[]): string => {\n  const activeSection = sections.find(\n    s =>\n      s.sheet.state === NODE_CARD_STATES.NOT_STARTED ||\n      s.sheet.state === NODE_CARD_STATES.IN_PROGRESS,\n  );\n\n  if (!activeSection) return 'Start Section';\n\n  const action = activeSection.sheet.state === NODE_CARD_STATES.IN_PROGRESS ? 'Resume' : 'Start';\n\n  return `${action} Section ${activeSection.section_number}`;\n};\n\nexport const getBeforeYouStartText = (sections: IMathFitSection[]): string[] | null => {\n  const activeSection = sections.find(\n    s =>\n      s.sheet.state === NODE_CARD_STATES.NOT_STARTED ||\n      s.sheet.state === NODE_CARD_STATES.IN_PROGRESS,\n  );\n\n  if (!activeSection) return null;\n\n  const isFirstSection = sections.findIndex(s => s.id === activeSection.id) === 0;\n  const hasCompletedSections = sections.some(s => s.sheet.state === TSectionStatus.COMPLETED);\n\n  const firstLine =\n    isFirstSection && !hasCompletedSections\n      ? 'Do each section whenever it suits you, before the deadline.'\n      : `Start Section ${activeSection.section_number} now, or later before the deadline.`;\n\n  return [firstLine, 'Questions come from what you just learned'];\n};\n\nexport const getBackgroundColor = (status: TSectionStatus) => {\n  switch (status) {\n    case TSectionStatus.COMPLETED:\n      return 'GREEN_2';\n    case TSectionStatus.ACTIVE:\n      return 'YELLOW_1';\n    case TSectionStatus.LOCKED:\n      return 'BLACK_T_08';\n    default:\n      return 'WHITE';\n  }\n};\n\nexport const getCardBackgroundColor = (status: TSectionStatus) => {\n  if (status === TSectionStatus.COMPLETED) return 'GREEN_1';\n\n  if (status === TSectionStatus.ACTIVE) return 'YELLOW_1';\n\n  return 'WHITE_1';\n};\n\nexport const getCardBorderColor = (status: TSectionStatus) => {\n  if (status === TSectionStatus.COMPLETED) return 'GREEN_4';\n\n  if (status === TSectionStatus.ACTIVE) return 'BLACK_1';\n\n  return 'BLACK_T_08';\n};\n\nexport const getCardVariant = (status: TSectionStatus): TSectionCardVariant => {\n  if (status === TSectionStatus.COMPLETED) return 'completed';\n\n  if (status === TSectionStatus.ACTIVE) return 'active';\n\n  return 'disabled';\n};\n"],"names":["MS_PER_HOUR","calculateTimeLeftText","dueDateTs","timeLeftMs","hoursLeft","daysLeft","mapSectionStatus","section","sheet","status","TSectionStatus","getStartButtonText","sections","activeSection","s","NODE_CARD_STATES","getBeforeYouStartText","isFirstSection","hasCompletedSections","getBackgroundColor","getCardBackgroundColor","getCardBorderColor","getCardVariant"],"mappings":";;AAOA,MAAMA,IAAc,MAAO,KAAK,IAEnBC,IAAwB,CAACC,MAA0C;AAC9E,QAAMC,IAAaD,IAAY,MAAO,KAAK,IAAI;AAE3C,MAAAC,KAAc,EAAU;AAE5B,QAAMC,IAAY,KAAK,MAAMD,IAAaH,CAAW,GAC/CK,IAAW,KAAK,MAAMD,IAAY,EAAE;AAE1C,SAAIC,IAAW,IACN,GAAGD,CAAS,IAAIA,MAAc,IAAI,SAAS,OAAO,UAGpD,GAAGC,CAAQ,IAAIA,MAAa,IAAI,QAAQ,MAAM;AACvD,GAEaC,IAAmB,CAACC,MAA6C;AACtE,QAAA,EAAE,OAAAC,EAAU,IAAAD;AAEd,MAAAE;AAEA,SAAAD,EAAM,UAAU,WAClBC,IAASC,EAAe,SACfF,EAAM,UAAU,cACzBC,IAASC,EAAe,YACfF,EAAM,UAAU,gBACzBC,IAASC,EAAe,SAExBD,IAASC,EAAe,QAGnBD;AACT,GAEaE,IAAqB,CAACC,MAAwC;AACzE,QAAMC,IAAgBD,EAAS;AAAA,IAC7B,CAAAE,MACEA,EAAE,MAAM,UAAUC,EAAiB,eACnCD,EAAE,MAAM,UAAUC,EAAiB;AAAA,EAAA;AAGnC,SAACF,IAIE,GAFQA,EAAc,MAAM,UAAUE,EAAiB,cAAc,WAAW,OAEvE,YAAYF,EAAc,cAAc,KAJ7B;AAK7B,GAEaG,IAAwB,CAACJ,MAAiD;AACrF,QAAMC,IAAgBD,EAAS;AAAA,IAC7B,CAAA,MACE,EAAE,MAAM,UAAUG,EAAiB,eACnC,EAAE,MAAM,UAAUA,EAAiB;AAAA,EAAA;AAGnC,MAAA,CAACF,EAAsB,QAAA;AAErB,QAAAI,IAAiBL,EAAS,UAAU,CAAA,MAAK,EAAE,OAAOC,EAAc,EAAE,MAAM,GACxEK,IAAuBN,EAAS,KAAK,CAAA,MAAK,EAAE,MAAM,UAAUF,EAAe,SAAS;AAOnF,SAAA,CAJLO,KAAkB,CAACC,IACf,gEACA,iBAAiBL,EAAc,cAAc,uCAEhC,2CAA2C;AAChE,GAEaM,IAAqB,CAACV,MAA2B;AAC5D,UAAQA,GAAQ;AAAA,IACd,KAAKC,EAAe;AACX,aAAA;AAAA,IACT,KAAKA,EAAe;AACX,aAAA;AAAA,IACT,KAAKA,EAAe;AACX,aAAA;AAAA,IACT;AACS,aAAA;AAAA,EACX;AACF,GAEaU,IAAyB,CAACX,MACjCA,MAAWC,EAAe,YAAkB,YAE5CD,MAAWC,EAAe,SAAe,aAEtC,WAGIW,IAAqB,CAACZ,MAC7BA,MAAWC,EAAe,YAAkB,YAE5CD,MAAWC,EAAe,SAAe,YAEtC,cAGIY,IAAiB,CAACb,MACzBA,MAAWC,EAAe,YAAkB,cAE5CD,MAAWC,EAAe,SAAe,WAEtC;"}