@cuemath/leap 3.5.50 → 3.5.51-as10

package/dist/features/math-fit/math-fit-report/comps/score-section/score-section.js

@@ -0,0 +1,82 @@
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { memo as x, useCallback as I, Fragment as A } from "react";
+import S from "../../../../ui/buttons/button/button.js";
+import r from "../../../../ui/layout/flex-view.js";
+import n from "../../../../ui/text/text.js";
+import w from "../score-badge/score-badge.js";
+import { Divider as B } from "./score-section-styled.js";
+import f from "../../../../ui/separator/separator.js";
+import { getQuestionStatusBgColor as _ } from "../../math-fit-report-helpers.js";
+import { EQuestionState as h } from "../../../math-fit-overview/math-fit-overview-types.js";
+const F = x(function({
+  section: l,
+  sheet: m,
+  onReviewSection: c
+}) {
+  const {
+    title: p,
+    score: s,
+    scoreChange: g,
+    sessionId: d,
+    isIncomplete: o = !1,
+    sectionNumber: b,
+    topics: $
+  } = l, u = I(() => {
+    !o && l.sheet && c && c(m, d);
+  }, [o, c, l.sheet, m, d]);
+  return /* @__PURE__ */ t(r, { children: [
+    /* @__PURE__ */ t(r, { $flexDirection: "row", $alignItems: "center", children: [
+      /* @__PURE__ */ t(n, { $renderAs: "ab2-bold", $color: "BLACK_1", children: [
+        p,
+        ":"
+      ] }),
+      /* @__PURE__ */ e(f, { width: 4 }),
+      o ? /* @__PURE__ */ e(r, { $gutter: 3, $gap: 2.5, $background: "BLACK_5", children: /* @__PURE__ */ e(n, { $renderAs: "ab4-bold", $color: "WHITE", children: "INCOMPLETE" }) }) : s && /* @__PURE__ */ e(w, { score: s, maxScore: 10, scoreChange: g })
+    ] }),
+    /* @__PURE__ */ e(r, { $flexRowGapX: 0.5, $gapX: 0.75, children: $.map((a, C) => /* @__PURE__ */ t(A, { children: [
+      /* @__PURE__ */ t(r, { $flexDirection: "row", $justifyContent: "space-between", $alignItems: "center", children: [
+        /* @__PURE__ */ e(n, { $renderAs: "ub2", $color: o ? "BLACK_T_38" : "BLACK_1", children: a.name }),
+        /* @__PURE__ */ e(r, { $flexGapX: 0.5, $flexDirection: "row", children: a.miniGoal.items.map((i) => /* @__PURE__ */ e(
+          r,
+          {
+            $widthX: 1.25,
+            $heightX: 1.25,
+            $alignItems: "center",
+            $justifyContent: "center",
+            $borderRadiusX: 2,
+            $background: _(
+              o ? h.SKIPPED : i.state
+            ),
+            children: /* @__PURE__ */ e(
+              n,
+              {
+                $renderAs: "ub3",
+                $color: i.state === h.SKIPPED ? "BLACK_T_38" : "WHITE",
+                children: i.order
+              }
+            )
+          },
+          i.item_reference
+        )) })
+      ] }),
+      C !== $.length - 1 && /* @__PURE__ */ e(B, {})
+    ] }, a.name)) }),
+    /* @__PURE__ */ t(r, { $alignItems: "center", children: [
+      /* @__PURE__ */ e(f, { heightX: 0.75 }),
+      /* @__PURE__ */ e(
+        S,
+        {
+          label: `Review Section ${b}`,
+          renderAs: o ? "secondary" : "primary",
+          size: "small",
+          onClick: u,
+          disabled: o
+        }
+      )
+    ] })
+  ] });
+});
+export {
+  F as default
+};
+//# sourceMappingURL=score-section.js.map

package/dist/features/math-fit/math-fit-report/comps/score-section/score-section.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"score-section.js","sources":["../../../../../../src/features/math-fit/math-fit-report/comps/score-section/score-section.tsx"],"sourcesContent":["import { Fragment, memo, useCallback, type FC } from 'react';\n\nimport Button from '../../../../ui/buttons/button/button';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport ScoreBadge from '../score-badge/score-badge';\nimport type { IScoreSectionProps } from './score-section-types';\nimport * as Styled from './score-section-styled';\nimport Separator from '../../../../ui/separator/separator';\nimport { getQuestionStatusBgColor } from '../../math-fit-report-helpers';\nimport { EQuestionState } from '../../../math-fit-overview/math-fit-overview-types';\n\nconst ScoreSection: FC<IScoreSectionProps> = memo(function ScoreSection({\n  section,\n  sheet,\n  onReviewSection,\n}) {\n  const {\n    title,\n    score,\n    scoreChange,\n    sessionId,\n    isIncomplete = false,\n    sectionNumber,\n    topics,\n  } = section;\n  const onClickReview = useCallback(() => {\n    if (!isIncomplete && section.sheet && onReviewSection) {\n      onReviewSection(sheet, sessionId);\n    }\n  }, [isIncomplete, onReviewSection, section.sheet, sheet, sessionId]);\n\n  return (\n    <FlexView>\n      <FlexView $flexDirection=\"row\" $alignItems=\"center\">\n        <Text $renderAs=\"ab2-bold\" $color=\"BLACK_1\">\n          {title}:\n        </Text>\n        <Separator width={4} />\n        {isIncomplete ? (\n          <FlexView $gutter={3} $gap={2.5} $background=\"BLACK_5\">\n            <Text $renderAs=\"ab4-bold\" $color=\"WHITE\">\n              INCOMPLETE\n            </Text>\n          </FlexView>\n        ) : (\n          score && <ScoreBadge score={score} maxScore={10} scoreChange={scoreChange} />\n        )}\n      </FlexView>\n      <FlexView $flexRowGapX={0.5} $gapX={0.75}>\n        {topics.map((topic, index) => (\n          <Fragment key={topic.name}>\n            <FlexView $flexDirection=\"row\" $justifyContent=\"space-between\" $alignItems=\"center\">\n              <Text $renderAs=\"ub2\" $color={isIncomplete ? 'BLACK_T_38' : 'BLACK_1'}>\n                {topic.name}\n              </Text>\n              <FlexView $flexGapX={0.5} $flexDirection=\"row\">\n                {topic.miniGoal.items.map(question => (\n                  <FlexView\n                    key={question.item_reference}\n                    $widthX={1.25}\n                    $heightX={1.25}\n                    $alignItems=\"center\"\n                    $justifyContent=\"center\"\n                    $borderRadiusX={2}\n                    $background={getQuestionStatusBgColor(\n                      isIncomplete ? EQuestionState.SKIPPED : question.state,\n                    )}\n                  >\n                    <Text\n                      $renderAs=\"ub3\"\n                      $color={question.state === EQuestionState.SKIPPED ? 'BLACK_T_38' : 'WHITE'}\n                    >\n                      {question.order}\n                    </Text>\n                  </FlexView>\n                ))}\n              </FlexView>\n            </FlexView>\n            {index !== topics.length - 1 && <Styled.Divider />}\n          </Fragment>\n        ))}\n      </FlexView>\n      <FlexView $alignItems=\"center\">\n        <Separator heightX={0.75} />\n        <Button\n          label={`Review Section ${sectionNumber}`}\n          renderAs={isIncomplete ? 'secondary' : 'primary'}\n          size=\"small\"\n          onClick={onClickReview}\n          disabled={isIncomplete}\n        />\n      </FlexView>\n    </FlexView>\n  );\n});\n\nexport default ScoreSection;\n"],"names":["ScoreSection","memo","section","sheet","onReviewSection","title","score","scoreChange","sessionId","isIncomplete","sectionNumber","topics","onClickReview","useCallback","FlexView","jsxs","Text","jsx","Separator","ScoreBadge","topic","index","Fragment","question","getQuestionStatusBgColor","EQuestionState","Styled.Divider","Button"],"mappings":";;;;;;;;;;AAYM,MAAAA,IAAuCC,EAAK,SAAsB;AAAA,EACtE,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,iBAAAC;AACF,GAAG;AACK,QAAA;AAAA,IACJ,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,cAAAC,IAAe;AAAA,IACf,eAAAC;AAAA,IACA,QAAAC;AAAA,EACE,IAAAT,GACEU,IAAgBC,EAAY,MAAM;AACtC,IAAI,CAACJ,KAAgBP,EAAQ,SAASE,KACpCA,EAAgBD,GAAOK,CAAS;AAAA,EAClC,GACC,CAACC,GAAcL,GAAiBF,EAAQ,OAAOC,GAAOK,CAAS,CAAC;AAEnE,2BACGM,GACC,EAAA,UAAA;AAAA,IAAA,gBAAAC,EAACD,GAAS,EAAA,gBAAe,OAAM,aAAY,UACzC,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAK,EAAA,WAAU,YAAW,QAAO,WAC/B,UAAA;AAAA,QAAAX;AAAA,QAAM;AAAA,MAAA,GACT;AAAA,MACA,gBAAAY,EAACC,GAAU,EAAA,OAAO,EAAG,CAAA;AAAA,MACpBT,IACE,gBAAAQ,EAAAH,GAAA,EAAS,SAAS,GAAG,MAAM,KAAK,aAAY,WAC3C,UAAA,gBAAAG,EAACD,GAAK,EAAA,WAAU,YAAW,QAAO,SAAQ,UAE1C,aAAA,CAAA,EACF,CAAA,IAEAV,uBAAUa,GAAW,EAAA,OAAAb,GAAc,UAAU,IAAI,aAAAC,EAA0B,CAAA;AAAA,IAAA,GAE/E;AAAA,IACC,gBAAAU,EAAAH,GAAA,EAAS,cAAc,KAAK,OAAO,MACjC,UAAOH,EAAA,IAAI,CAACS,GAAOC,MAClB,gBAAAN,EAACO,GACC,EAAA,UAAA;AAAA,MAAA,gBAAAP,EAACD,KAAS,gBAAe,OAAM,iBAAgB,iBAAgB,aAAY,UACzE,UAAA;AAAA,QAAC,gBAAAG,EAAAD,GAAA,EAAK,WAAU,OAAM,QAAQP,IAAe,eAAe,WACzD,YAAM,KACT,CAAA;AAAA,QACA,gBAAAQ,EAACH,GAAS,EAAA,WAAW,KAAK,gBAAe,OACtC,UAAMM,EAAA,SAAS,MAAM,IAAI,CACxBG,MAAA,gBAAAN;AAAA,UAACH;AAAA,UAAA;AAAA,YAEC,SAAS;AAAA,YACT,UAAU;AAAA,YACV,aAAY;AAAA,YACZ,iBAAgB;AAAA,YAChB,gBAAgB;AAAA,YAChB,aAAaU;AAAA,cACXf,IAAegB,EAAe,UAAUF,EAAS;AAAA,YACnD;AAAA,YAEA,UAAA,gBAAAN;AAAA,cAACD;AAAA,cAAA;AAAA,gBACC,WAAU;AAAA,gBACV,QAAQO,EAAS,UAAUE,EAAe,UAAU,eAAe;AAAA,gBAElE,UAASF,EAAA;AAAA,cAAA;AAAA,YACZ;AAAA,UAAA;AAAA,UAfKA,EAAS;AAAA,QAiBjB,CAAA,GACH;AAAA,MAAA,GACF;AAAA,MACCF,MAAUV,EAAO,SAAS,KAAM,gBAAAM,EAAAS,GAAA,EAAe;AAAA,IA5BnC,EAAA,GAAAN,EAAM,IA6BrB,CACD,GACH;AAAA,IACA,gBAAAL,EAACD,GAAS,EAAA,aAAY,UACpB,UAAA;AAAA,MAAC,gBAAAG,EAAAC,GAAA,EAAU,SAAS,KAAM,CAAA;AAAA,MAC1B,gBAAAD;AAAA,QAACU;AAAA,QAAA;AAAA,UACC,OAAO,kBAAkBjB,CAAa;AAAA,UACtC,UAAUD,IAAe,cAAc;AAAA,UACvC,MAAK;AAAA,UACL,SAASG;AAAA,UACT,UAAUH;AAAA,QAAA;AAAA,MACZ;AAAA,IAAA,GACF;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;"}

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

@@ -0,0 +1,42 @@
+import { EQuestionState as t } from "../math-fit-overview/math-fit-overview-types.js";
+const m = [
+  { label: "Correct", state: t.CORRECT },
+  { label: "Incorrect", state: t.INCORRECT },
+  { label: "Not Attempted", state: t.SKIPPED }
+], C = (r) => r.map((e, o) => {
+  const s = e.summary, a = !s, c = s ? Object.entries(s).map(([, n]) => ({
+    name: n.description,
+    miniGoal: n
+  })) : [];
+  return {
+    title: e.sheet.title,
+    score: a ? void 0 : e.score,
+    scoreChange: e.previous_score && e.score ? e.score - e.previous_score : void 0,
+    isIncomplete: a,
+    sectionNumber: o + 1,
+    topics: c,
+    sheet: e.sheet,
+    sessionId: e.id
+  };
+}), l = (r) => {
+  switch (r) {
+    case t.CORRECT:
+      return "GREEN_5";
+    case t.INCORRECT:
+      return "RED";
+    case t.SKIPPED:
+      return "BLACK_T_08";
+    default:
+      return "BLACK_T_08";
+  }
+}, p = (r) => {
+  const e = new Date(r * 1e3), o = e.toLocaleDateString("en-US", { month: "short" }).toUpperCase(), s = e.getFullYear();
+  return `${o} ${s}`;
+};
+export {
+  m as LEGEND_ITEMS,
+  p as formatTestDate,
+  l as getQuestionStatusBgColor,
+  C as transformSectionsToReportData
+};
+//# sourceMappingURL=math-fit-report-helpers.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"math-fit-report-helpers.js","sources":["../../../../src/features/math-fit/math-fit-report/math-fit-report-helpers.ts"],"sourcesContent":["import { type TColorNames } from '../../ui/types';\nimport { EQuestionState, type IMathFitSection } from '../math-fit-overview/math-fit-overview-types';\nimport { type ITransformedSection } from './math-fit-report-types';\n\nexport const LEGEND_ITEMS = [\n  { label: 'Correct', state: EQuestionState.CORRECT },\n  { label: 'Incorrect', state: EQuestionState.INCORRECT },\n  { label: 'Not Attempted', state: EQuestionState.SKIPPED },\n];\n\nexport const transformSectionsToReportData = (\n  sections: IMathFitSection[],\n): ITransformedSection[] => {\n  return sections.map((section, index) => {\n    const summary = section.summary;\n    const isIncomplete = !summary;\n\n    const topics = summary\n      ? Object.entries(summary).map(([, miniGoal]) => ({\n          name: miniGoal.description,\n          miniGoal,\n        }))\n      : [];\n\n    return {\n      title: section.sheet.title,\n      score: isIncomplete ? undefined : section.score,\n      scoreChange:\n        section.previous_score && section.score\n          ? section.score - section.previous_score\n          : undefined,\n      isIncomplete,\n      sectionNumber: index + 1,\n      topics,\n      sheet: section.sheet,\n      sessionId: section.id,\n    };\n  });\n};\n\nexport const getQuestionStatusBgColor = (state: EQuestionState): TColorNames => {\n  switch (state) {\n    case EQuestionState.CORRECT:\n      return 'GREEN_5';\n    case EQuestionState.INCORRECT:\n      return 'RED';\n    case EQuestionState.SKIPPED:\n      return 'BLACK_T_08';\n    default:\n      return 'BLACK_T_08';\n  }\n};\n\nexport const formatTestDate = (timestamp: number): string => {\n  const date = new Date(timestamp * 1000);\n  const month = date.toLocaleDateString('en-US', { month: 'short' }).toUpperCase();\n  const year = date.getFullYear();\n\n  return `${month} ${year}`;\n};\n"],"names":["LEGEND_ITEMS","EQuestionState","transformSectionsToReportData","sections","section","index","summary","isIncomplete","topics","miniGoal","getQuestionStatusBgColor","state","formatTestDate","timestamp","date","month","year"],"mappings":";AAIO,MAAMA,IAAe;AAAA,EAC1B,EAAE,OAAO,WAAW,OAAOC,EAAe,QAAQ;AAAA,EAClD,EAAE,OAAO,aAAa,OAAOA,EAAe,UAAU;AAAA,EACtD,EAAE,OAAO,iBAAiB,OAAOA,EAAe,QAAQ;AAC1D,GAEaC,IAAgC,CAC3CC,MAEOA,EAAS,IAAI,CAACC,GAASC,MAAU;AACtC,QAAMC,IAAUF,EAAQ,SAClBG,IAAe,CAACD,GAEhBE,IAASF,IACX,OAAO,QAAQA,CAAO,EAAE,IAAI,CAAC,CAAG,EAAAG,CAAQ,OAAO;AAAA,IAC7C,MAAMA,EAAS;AAAA,IACf,UAAAA;AAAA,EAAA,EACA,IACF,CAAA;AAEG,SAAA;AAAA,IACL,OAAOL,EAAQ,MAAM;AAAA,IACrB,OAAOG,IAAe,SAAYH,EAAQ;AAAA,IAC1C,aACEA,EAAQ,kBAAkBA,EAAQ,QAC9BA,EAAQ,QAAQA,EAAQ,iBACxB;AAAA,IACN,cAAAG;AAAA,IACA,eAAeF,IAAQ;AAAA,IACvB,QAAAG;AAAA,IACA,OAAOJ,EAAQ;AAAA,IACf,WAAWA,EAAQ;AAAA,EAAA;AACrB,CACD,GAGUM,IAA2B,CAACC,MAAuC;AAC9E,UAAQA,GAAO;AAAA,IACb,KAAKV,EAAe;AACX,aAAA;AAAA,IACT,KAAKA,EAAe;AACX,aAAA;AAAA,IACT,KAAKA,EAAe;AACX,aAAA;AAAA,IACT;AACS,aAAA;AAAA,EACX;AACF,GAEaW,IAAiB,CAACC,MAA8B;AAC3D,QAAMC,IAAO,IAAI,KAAKD,IAAY,GAAI,GAChCE,IAAQD,EAAK,mBAAmB,SAAS,EAAE,OAAO,QAAA,CAAS,EAAE,eAC7DE,IAAOF,EAAK;AAEX,SAAA,GAAGC,CAAK,IAAIC,CAAI;AACzB;"}

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

@@ -0,0 +1,68 @@
+import { jsxs as n, jsx as r } from "react/jsx-runtime";
+import { memo as a, useMemo as s } from "react";
+import o from "../../ui/layout/flex-view.js";
+import i from "../../ui/text/text.js";
+import g from "./comps/report-header/report-header.js";
+import d from "./comps/score-section/score-section.js";
+import { transformSectionsToReportData as f, LEGEND_ITEMS as x, getQuestionStatusBgColor as _ } from "./math-fit-report-helpers.js";
+const b = a(function({
+  data: e,
+  onReviewClick: l,
+  studentName: $,
+  userType: m,
+  onBack: p
+}) {
+  const c = s(() => f(e.sections), [e.sections]), h = s(() => {
+    if (e.previous_score && e.score)
+      return e.score - e.previous_score;
+  }, [e.score, e.previous_score]);
+  return /* @__PURE__ */ n(o, { $background: "BLACK_T_04", children: [
+    /* @__PURE__ */ r(
+      g,
+      {
+        score: e.score ?? 0,
+        maxScore: 10,
+        scoreChange: h,
+        createdOnTs: e.created_on_ts,
+        studentName: $,
+        userType: m,
+        onBack: p
+      }
+    ),
+    c.map((t, u) => /* @__PURE__ */ n(o, { $background: "WHITE", children: [
+      /* @__PURE__ */ r(o, { $gapX: 1.5, $gutterX: 1.25, children: /* @__PURE__ */ r(d, { section: t, onReviewSection: l, sheet: t.sheet }) }),
+      u !== c.length - 1 && /* @__PURE__ */ r(o, { $height: 1, $background: "BLACK_T_08" })
+    ] }, t.title)),
+    /* @__PURE__ */ n(o, { $gutterX: 1, $flexColumnGapX: 1, $gapX: 1, $flexRowGapX: 2, $alignItems: "center", children: [
+      /* @__PURE__ */ r(o, { $flexDirection: "row", $flexColumnGapX: 1, $alignItems: "center", children: x.map((t) => /* @__PURE__ */ n(
+        o,
+        {
+          $flexDirection: "row",
+          $flexColumnGapX: 0.25,
+          $alignItems: "center",
+          children: [
+            /* @__PURE__ */ r(i, { $renderAs: "ub3", $color: "BLACK_T_60", children: t.label }),
+            /* @__PURE__ */ r(
+              o,
+              {
+                $width: 10,
+                $height: 10,
+                $borderRadiusX: 1,
+                $background: _(t.state)
+              }
+            )
+          ]
+        },
+        t.label
+      )) }),
+      /* @__PURE__ */ n(o, { $flexRowGapX: 0.25, $marginBottomX: 0.5, $alignItems: "center", children: [
+        /* @__PURE__ */ r(i, { $renderAs: "ub3-bold", $color: "BLACK_1", children: "Keep Up the Great Work! 🚀" }),
+        /* @__PURE__ */ r(i, { $renderAs: "ub3", $color: "BLACK_1", children: "You’re getting stronger at MathFit each day. See you next month!" })
+      ] })
+    ] })
+  ] });
+}), G = b;
+export {
+  G as default
+};
+//# sourceMappingURL=math-fit-report.js.map

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

@@ -0,0 +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 {\n  getQuestionStatusBgColor,\n  LEGEND_ITEMS,\n  transformSectionsToReportData,\n} 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  userType,\n  onBack,\n}) {\n  const sectionData = useMemo(() => transformSectionsToReportData(data.sections), [data.sections]);\n\n  const scoreChange = useMemo(() => {\n    if (data.previous_score && data.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        userType={userType}\n        onBack={onBack}\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} $flexRowGapX={2} $alignItems=\"center\">\n        <FlexView $flexDirection=\"row\" $flexColumnGapX={1} $alignItems=\"center\">\n          {LEGEND_ITEMS.map(item => (\n            <FlexView\n              key={item.label}\n              $flexDirection=\"row\"\n              $flexColumnGapX={0.25}\n              $alignItems=\"center\"\n            >\n              <Text $renderAs=\"ub3\" $color=\"BLACK_T_60\">\n                {item.label}\n              </Text>\n              <FlexView\n                $width={10}\n                $height={10}\n                $borderRadiusX={1}\n                $background={getQuestionStatusBgColor(item.state)}\n              />\n            </FlexView>\n          ))}\n        </FlexView>\n        <FlexView $flexRowGapX={0.25} $marginBottomX={0.5} $alignItems=\"center\">\n          <Text $renderAs=\"ub3-bold\" $color=\"BLACK_1\">\n            Keep Up the Great Work! 🚀\n          </Text>\n          <Text $renderAs=\"ub3\" $color=\"BLACK_1\">\n            You’re getting stronger at MathFit each day. See you next month!\n          </Text>\n        </FlexView>\n      </FlexView>\n    </FlexView>\n  );\n});\n\nexport default MathFitReport;\n"],"names":["MathFitReport","memo","data","onReviewClick","studentName","userType","onBack","sectionData","useMemo","transformSectionsToReportData","scoreChange","jsxs","FlexView","jsx","ReportHeader","section","index","ScoreSection","LEGEND_ITEMS","item","Text","getQuestionStatusBgColor","MathFitReport$1"],"mappings":";;;;;;;AAaA,MAAMA,IAAyCC,EAAK,SAAuB;AAAA,EACzE,MAAAC;AAAA,EACA,eAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AACF,GAAG;AACK,QAAAC,IAAcC,EAAQ,MAAMC,EAA8BP,EAAK,QAAQ,GAAG,CAACA,EAAK,QAAQ,CAAC,GAEzFQ,IAAcF,EAAQ,MAAM;AAC5B,QAAAN,EAAK,kBAAkBA,EAAK;AACvB,aAAAA,EAAK,QAAQA,EAAK;AAAA,KAI1B,CAACA,EAAK,OAAOA,EAAK,cAAc,CAAC;AAGlC,SAAA,gBAAAS,EAACC,GAAS,EAAA,aAAY,cACpB,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAOZ,EAAK,SAAS;AAAA,QACrB,UAAU;AAAA,QACV,aAAAQ;AAAA,QACA,aAAaR,EAAK;AAAA,QAClB,aAAAE;AAAA,QACA,UAAAC;AAAA,QACA,QAAAC;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,iBAAiBZ,GAAe,OAAOY,EAAQ,MAAO,CAAA,GACxF;AAAA,MACCC,MAAUT,EAAY,SAAS,uBAAMK,GAAS,EAAA,SAAS,GAAG,aAAY,aAAa,CAAA;AAAA,IAAA,KAJvEG,EAAQ,KAKvB,CACD;AAAA,IAED,gBAAAJ,EAACC,GAAS,EAAA,UAAU,GAAG,iBAAiB,GAAG,OAAO,GAAG,cAAc,GAAG,aAAY,UAChF,UAAA;AAAA,MAAC,gBAAAC,EAAAD,GAAA,EAAS,gBAAe,OAAM,iBAAiB,GAAG,aAAY,UAC5D,UAAaM,EAAA,IAAI,CAChBC,MAAA,gBAAAR;AAAA,QAACC;AAAA,QAAA;AAAA,UAEC,gBAAe;AAAA,UACf,iBAAiB;AAAA,UACjB,aAAY;AAAA,UAEZ,UAAA;AAAA,YAAA,gBAAAC,EAACO,KAAK,WAAU,OAAM,QAAO,cAC1B,YAAK,OACR;AAAA,YACA,gBAAAP;AAAA,cAACD;AAAA,cAAA;AAAA,gBACC,QAAQ;AAAA,gBACR,SAAS;AAAA,gBACT,gBAAgB;AAAA,gBAChB,aAAaS,EAAyBF,EAAK,KAAK;AAAA,cAAA;AAAA,YAClD;AAAA,UAAA;AAAA,QAAA;AAAA,QAbKA,EAAK;AAAA,MAeb,CAAA,GACH;AAAA,wBACCP,GAAS,EAAA,cAAc,MAAM,gBAAgB,KAAK,aAAY,UAC7D,UAAA;AAAA,QAAA,gBAAAC,EAACO,GAAK,EAAA,WAAU,YAAW,QAAO,WAAU,UAE5C,8BAAA;AAAA,0BACCA,GAAK,EAAA,WAAU,OAAM,QAAO,WAAU,UAEvC,oEAAA;AAAA,MAAA,GACF;AAAA,IAAA,GACF;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC,GAEDE,IAAetB;"}

package/dist/features/milestone/milestone-list-container/api/get-tests-list.js

@@ -1,5 +1,5 @@
 import { createGetAPI as s } from "@cuemath/rest-api";
-import { BASE_URL_V3_1 as a } from "../../../../constants/api.js";
+import { BASE_URL_V3_2 as a } from "../../../../constants/api.js";
 const { useGet: l, invalidate: m } = s({
   getURL: (e, r, { studentId: t }) => `${a}/users/${t}/user-milestone/${e}/tests`
 });

package/dist/features/milestone/milestone-list-container/api/get-tests-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-tests-list.js","sources":["../../../../../src/features/milestone/milestone-list-container/api/get-tests-list.ts"],"sourcesContent":["import { createGetAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V3_1 } from '../../../../constants/api';\nimport type { INodeDataProps } from '../../../chapters-v2/comps/node-card/node-card-types';\n\n//* Home page test help data.\nconst { useGet: useGetTestHelpData, invalidate: invalidateTestHelpData } = createGetAPI<\n  INodeDataProps[],\n  void,\n  {\n    studentId: string;\n  }\n>({\n  getURL: (userMilestoneId, _, { studentId }) =>\n    `${BASE_URL_V3_1}/users/${studentId}/user-milestone/${userMilestoneId}/tests`,\n});\n\nexport { useGetTestHelpData, invalidateTestHelpData };\n"],"names":["useGetTestHelpData","invalidateTestHelpData","createGetAPI","userMilestoneId","_","studentId","BASE_URL_V3_1"],"mappings":";;AAMA,MAAM,EAAE,QAAQA,GAAoB,YAAYC,EAAA,IAA2BC,EAMzE;AAAA,EACA,QAAQ,CAACC,GAAiBC,GAAG,EAAE,WAAAC,EAAA,MAC7B,GAAGC,CAAa,UAAUD,CAAS,mBAAmBF,CAAe;AACzE,CAAC;"}
+{"version":3,"file":"get-tests-list.js","sources":["../../../../../src/features/milestone/milestone-list-container/api/get-tests-list.ts"],"sourcesContent":["import { createGetAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V3_2 } from '../../../../constants/api';\nimport type {\n  INodeDataProps,\n  TSheetStates,\n} from '../../../chapters-v2/comps/node-card/node-card-types';\nimport { type HW_CARD_LIST_ENTITY_TYPE } from '../../../homework/hw-card-list/hw-card-list-types';\n\nexport interface ITestListItem {\n  entity_type: HW_CARD_LIST_ENTITY_TYPE;\n  entity_id: string;\n  score: number | null;\n  id: string;\n  state: TSheetStates;\n  user_milestone_id: string;\n  subtext: string;\n  sheets: INodeDataProps[];\n}\n\n//* Home page test help data.\nconst { useGet: useGetTestHelpData, invalidate: invalidateTestHelpData } = createGetAPI<\n  ITestListItem[],\n  void,\n  {\n    studentId: string;\n  }\n>({\n  getURL: (userMilestoneId, _, { studentId }) =>\n    `${BASE_URL_V3_2}/users/${studentId}/user-milestone/${userMilestoneId}/tests`,\n});\n\nexport { useGetTestHelpData, invalidateTestHelpData };\n"],"names":["useGetTestHelpData","invalidateTestHelpData","createGetAPI","userMilestoneId","_","studentId","BASE_URL_V3_2"],"mappings":";;AAqBA,MAAM,EAAE,QAAQA,GAAoB,YAAYC,EAAA,IAA2BC,EAMzE;AAAA,EACA,QAAQ,CAACC,GAAiBC,GAAG,EAAE,WAAAC,EAAA,MAC7B,GAAGC,CAAa,UAAUD,CAAS,mBAAmBF,CAAe;AACzE,CAAC;"}

package/dist/features/milestone/milestone-list-container/milestone-list/milestone-list.js

@@ -1,15 +1,15 @@
-import { jsxs as r, Fragment as Q, jsx as e } from "react/jsx-runtime";
-import { memo as Y, useCallback as f, Fragment as Z } from "react";
-import ee from "../../../hooks/use-lazy-ref.js";
-import te from "../../../ui/arrow-tooltip/arrow-tooltip.js";
+import { jsxs as r, Fragment as Y, jsx as e } from "react/jsx-runtime";
+import { memo as Z, useCallback as f, Fragment as ee } from "react";
+import te from "../../../hooks/use-lazy-ref.js";
+import oe from "../../../ui/arrow-tooltip/arrow-tooltip.js";
 import h from "../../../ui/buttons/text-button/text-button.js";
 import m from "../../../ui/layout/flex-view.js";
-import oe from "../../../ui/separator/separator.js";
-import ne from "../../../ui/text/text.js";
-import ie from "./milestone-widget/milestone-widget.js";
-import re from "./no-active-milestone/no-active-milestone.js";
-import se from "../../../../node_modules/uuid/dist/esm-browser/v4.js";
-const Me = Y(function({
+import ne from "../../../ui/separator/separator.js";
+import ie from "../../../ui/text/text.js";
+import re from "./milestone-widget/milestone-widget.js";
+import se from "./no-active-milestone/no-active-milestone.js";
+import ae from "../../../../node_modules/uuid/dist/esm-browser/v4.js";
+const Te = Z(function({
   milestones: t,
   studentId: A,
   milestoneType: s,
@@ -34,8 +34,8 @@ const Me = Y(function({
     onNodeReattempt: F,
     onNodeReset: I,
     onNodeUnassign: P,
-    onAssignResources: S,
-    onTestPreview: k,
+    onAssignResources: k,
+    onTestPreview: S,
     onTestReview: E,
     onTestStart: j,
     activeMilestoneId: y,
@@ -47,22 +47,23 @@ const Me = Y(function({
     userType: l,
     courseStream: L,
     isTrialSession: H,
-    onNodeAssignAsHomework: O
-  } = u, d = s === "ACTIVE", W = s === "DRAFT", p = ee(se), X = f(() => {
+    onNodeAssignAsHomework: O,
+    onMathFitClick: W
+  } = u, d = s === "ACTIVE", X = s === "DRAFT", p = te(ae), _ = f(() => {
     i == null || i(p);
-  }, [i, p]), _ = f(() => {
+  }, [i, p]), U = f(() => {
     n == null || n();
   }, [n]);
   if (!t) return null;
-  const U = t.some(
+  const q = t.some(
     (o) => o.milestone_state === "ACTIVE"
-  ), q = t.some((o) => o.milestone_state === "DRAFT");
-  return /* @__PURE__ */ r(Q, { children: [
-    d && !U && /* @__PURE__ */ e(m, { $marginBottom: 40, children: /* @__PURE__ */ e(
-      re,
+  ), J = t.some((o) => o.milestone_state === "DRAFT");
+  return /* @__PURE__ */ r(Y, { children: [
+    d && !q && /* @__PURE__ */ e(m, { $marginBottom: 40, children: /* @__PURE__ */ e(
+      se,
       {
         canCreatePlan: a,
-        isDraftMilestonePresent: q,
+        isDraftMilestonePresent: J,
         isFiltersAdded: C,
         onCreatePlan: i,
         studentName: c,
@@ -70,14 +71,14 @@ const Me = Y(function({
       }
     ) }),
     d && /* @__PURE__ */ r(m, { $flexDirection: "row", $justifyContent: "space-between", $marginBottom: 16, children: [
-      /* @__PURE__ */ r(ne, { $renderAs: "ac4", children: [
+      /* @__PURE__ */ r(ie, { $renderAs: "ac4", children: [
         "Goals (",
         t.length,
         ")"
       ] }),
       l === "TEACHER" && /* @__PURE__ */ r(m, { $flexDirection: "row", $flexGapX: 1, children: [
         /* @__PURE__ */ e(
-          te,
+          oe,
           {
             renderAs: "primary",
             tooltipItem: "Goals can only be added for students who have joined the class",
@@ -88,20 +89,20 @@ const Me = Y(function({
               {
                 label: "Create Goal",
                 size: "small",
-                onClick: X,
+                onClick: _,
                 disabled: !a
               }
             )
           }
         ),
-        /* @__PURE__ */ e(h, { label: "Add Milestone", size: "small", onClick: _ })
+        /* @__PURE__ */ e(h, { label: "Add Milestone", size: "small", onClick: U })
       ] })
     ] }),
-    t.map((o, J) => {
-      const { id: K } = o;
-      return /* @__PURE__ */ r(Z, { children: [
+    t.map((o, K) => {
+      const { id: Q } = o;
+      return /* @__PURE__ */ r(ee, { children: [
         /* @__PURE__ */ e(
-          ie,
+          re,
           {
             milestone: o,
             studentId: A,
@@ -111,7 +112,7 @@ const Me = Y(function({
             userType: l,
             onAddOutcome: n,
             onChapterClick: v,
-            isMilestoneActive: d || W,
+            isMilestoneActive: d || X,
             milestoneType: s,
             onEdit: b,
             onCreateMilestoneTest: x,
@@ -120,7 +121,7 @@ const Me = Y(function({
             onDraftPublish: N,
             isClassOngoing: g,
             isStudentPresent: M,
-            onAssignResources: S,
+            onAssignResources: k,
             onNodeAttempt: R,
             onNodeView: $,
             onNodeReview: D,
@@ -128,22 +129,23 @@ const Me = Y(function({
             onNodeReset: I,
             onNodeUnassign: P,
             onNodeAssignAsHomework: O,
-            onTestPreview: k,
+            onTestPreview: S,
             onTestReview: E,
             onTestStart: j,
             courseStream: L,
             activeMilestoneId: y,
             activeTabId: G,
             onWidgetTabSelection: V,
-            isTrialSession: H
+            isTrialSession: H,
+            onMathFitClick: W
           }
         ),
-        J !== t.length - 1 && /* @__PURE__ */ e(oe, { heightX: 2 })
-      ] }, `milestone=${K}`);
+        K !== t.length - 1 && /* @__PURE__ */ e(ne, { heightX: 2 })
+      ] }, `milestone=${Q}`);
     })
   ] });
 });
 export {
-  Me as default
+  Te as default
 };
 //# sourceMappingURL=milestone-list.js.map

package/dist/features/milestone/milestone-list-container/milestone-list/milestone-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"milestone-list.js","sources":["../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-list.tsx"],"sourcesContent":["import { memo, useCallback, Fragment, type FC } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport useLazyRef from '../../../hooks/use-lazy-ref';\nimport ArrowTooltip from '../../../ui/arrow-tooltip/arrow-tooltip';\nimport TextButton from '../../../ui/buttons/text-button/text-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport type { IMilestoneListProps } from './milestone-list-types';\nimport MilestoneWidget from './milestone-widget/milestone-widget';\nimport NoActiveMilestone from './no-active-milestone/no-active-milestone';\n\nconst MilestoneList: FC<IMilestoneListProps> = memo(function MilestoneList({\n  milestones,\n  studentId,\n  milestoneType,\n  ...restMilestoneListProps\n}) {\n  const {\n    canCreatePlan,\n    isClassOngoing,\n    isFiltersAdded,\n    isStudentPresent,\n    onAddChapter,\n    onAddOutcome,\n    onChapterClick,\n    onCreatePlan,\n    onDelete,\n    onDraftPublish,\n    onEdit,\n    onCreateMilestoneTest,\n    onNodeAttempt,\n    onNodeView,\n    onNodeReview,\n    onNodeReattempt,\n    onNodeReset,\n    onNodeUnassign,\n    onAssignResources,\n    onTestPreview,\n    onTestReview,\n    onTestStart,\n    activeMilestoneId,\n    activeTabId,\n    onWidgetTabSelection,\n    studentName,\n    teacherName,\n    parentName,\n    userType,\n    courseStream,\n    isTrialSession,\n    onNodeAssignAsHomework,\n  } = restMilestoneListProps;\n\n  const isMilestoneActive = milestoneType === 'ACTIVE';\n  const isDraftMilestone = milestoneType === 'DRAFT';\n  const temporaryMilestoneId = useLazyRef(uuidv4);\n\n  const handleCreatePlan = useCallback(() => {\n    onCreatePlan?.(temporaryMilestoneId);\n  }, [onCreatePlan, temporaryMilestoneId]);\n\n  const handleOnAddOutcome = useCallback(() => {\n    onAddOutcome?.();\n  }, [onAddOutcome]);\n\n  if (!milestones) return null;\n\n  const activeMilestonePresent = milestones.some(\n    milestone => milestone.milestone_state === 'ACTIVE',\n  );\n  const draftMilestonePresent = milestones.some(milestone => milestone.milestone_state === 'DRAFT');\n\n  return (\n    <>\n      {isMilestoneActive && !activeMilestonePresent && (\n        <FlexView $marginBottom={40}>\n          <NoActiveMilestone\n            canCreatePlan={canCreatePlan}\n            isDraftMilestonePresent={draftMilestonePresent}\n            isFiltersAdded={isFiltersAdded}\n            onCreatePlan={onCreatePlan}\n            studentName={studentName}\n            userType={userType}\n          />\n        </FlexView>\n      )}\n\n      {isMilestoneActive && (\n        <FlexView $flexDirection=\"row\" $justifyContent=\"space-between\" $marginBottom={16}>\n          <Text $renderAs=\"ac4\">Goals ({milestones.length})</Text>\n\n          {userType === 'TEACHER' && (\n            <FlexView $flexDirection=\"row\" $flexGapX={1}>\n              <ArrowTooltip\n                renderAs=\"primary\"\n                tooltipItem=\"Goals can only be added for students who have joined the class\"\n                hidden={canCreatePlan}\n                position=\"bottom\"\n              >\n                <TextButton\n                  label=\"Create Goal\"\n                  size=\"small\"\n                  onClick={handleCreatePlan}\n                  disabled={!canCreatePlan}\n                />\n              </ArrowTooltip>\n              <TextButton label=\"Add Milestone\" size=\"small\" onClick={handleOnAddOutcome} />\n            </FlexView>\n          )}\n        </FlexView>\n      )}\n\n      {milestones.map((milestone, idx) => {\n        const { id: milestoneId } = milestone;\n\n        return (\n          <Fragment key={`milestone=${milestoneId}`}>\n            <MilestoneWidget\n              milestone={milestone}\n              studentId={studentId}\n              studentName={studentName}\n              parentName={parentName}\n              teacherName={teacherName}\n              userType={userType}\n              onAddOutcome={onAddOutcome}\n              onChapterClick={onChapterClick}\n              isMilestoneActive={isMilestoneActive || isDraftMilestone}\n              milestoneType={milestoneType}\n              onEdit={onEdit}\n              onCreateMilestoneTest={onCreateMilestoneTest}\n              onAddChapter={onAddChapter}\n              onDelete={onDelete}\n              onDraftPublish={onDraftPublish}\n              isClassOngoing={isClassOngoing}\n              isStudentPresent={isStudentPresent}\n              onAssignResources={onAssignResources}\n              onNodeAttempt={onNodeAttempt}\n              onNodeView={onNodeView}\n              onNodeReview={onNodeReview}\n              onNodeReattempt={onNodeReattempt}\n              onNodeReset={onNodeReset}\n              onNodeUnassign={onNodeUnassign}\n              onNodeAssignAsHomework={onNodeAssignAsHomework}\n              onTestPreview={onTestPreview}\n              onTestReview={onTestReview}\n              onTestStart={onTestStart}\n              courseStream={courseStream}\n              activeMilestoneId={activeMilestoneId}\n              activeTabId={activeTabId}\n              onWidgetTabSelection={onWidgetTabSelection}\n              isTrialSession={isTrialSession}\n            />\n            {idx !== milestones.length - 1 && <Separator heightX={2} />}\n          </Fragment>\n        );\n      })}\n    </>\n  );\n});\n\nexport default MilestoneList;\n"],"names":["MilestoneList","memo","milestones","studentId","milestoneType","restMilestoneListProps","canCreatePlan","isClassOngoing","isFiltersAdded","isStudentPresent","onAddChapter","onAddOutcome","onChapterClick","onCreatePlan","onDelete","onDraftPublish","onEdit","onCreateMilestoneTest","onNodeAttempt","onNodeView","onNodeReview","onNodeReattempt","onNodeReset","onNodeUnassign","onAssignResources","onTestPreview","onTestReview","onTestStart","activeMilestoneId","activeTabId","onWidgetTabSelection","studentName","teacherName","parentName","userType","courseStream","isTrialSession","onNodeAssignAsHomework","isMilestoneActive","isDraftMilestone","temporaryMilestoneId","useLazyRef","uuidv4","handleCreatePlan","useCallback","handleOnAddOutcome","activeMilestonePresent","milestone","draftMilestonePresent","jsxs","Fragment","jsx","FlexView","NoActiveMilestone","Text","ArrowTooltip","TextButton","idx","milestoneId","MilestoneWidget","Separator"],"mappings":"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"}
+{"version":3,"file":"milestone-list.js","sources":["../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-list.tsx"],"sourcesContent":["import { memo, useCallback, Fragment, type FC } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport useLazyRef from '../../../hooks/use-lazy-ref';\nimport ArrowTooltip from '../../../ui/arrow-tooltip/arrow-tooltip';\nimport TextButton from '../../../ui/buttons/text-button/text-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport type { IMilestoneListProps } from './milestone-list-types';\nimport MilestoneWidget from './milestone-widget/milestone-widget';\nimport NoActiveMilestone from './no-active-milestone/no-active-milestone';\n\nconst MilestoneList: FC<IMilestoneListProps> = memo(function MilestoneList({\n  milestones,\n  studentId,\n  milestoneType,\n  ...restMilestoneListProps\n}) {\n  const {\n    canCreatePlan,\n    isClassOngoing,\n    isFiltersAdded,\n    isStudentPresent,\n    onAddChapter,\n    onAddOutcome,\n    onChapterClick,\n    onCreatePlan,\n    onDelete,\n    onDraftPublish,\n    onEdit,\n    onCreateMilestoneTest,\n    onNodeAttempt,\n    onNodeView,\n    onNodeReview,\n    onNodeReattempt,\n    onNodeReset,\n    onNodeUnassign,\n    onAssignResources,\n    onTestPreview,\n    onTestReview,\n    onTestStart,\n    activeMilestoneId,\n    activeTabId,\n    onWidgetTabSelection,\n    studentName,\n    teacherName,\n    parentName,\n    userType,\n    courseStream,\n    isTrialSession,\n    onNodeAssignAsHomework,\n    onMathFitClick,\n  } = restMilestoneListProps;\n\n  const isMilestoneActive = milestoneType === 'ACTIVE';\n  const isDraftMilestone = milestoneType === 'DRAFT';\n  const temporaryMilestoneId = useLazyRef(uuidv4);\n\n  const handleCreatePlan = useCallback(() => {\n    onCreatePlan?.(temporaryMilestoneId);\n  }, [onCreatePlan, temporaryMilestoneId]);\n\n  const handleOnAddOutcome = useCallback(() => {\n    onAddOutcome?.();\n  }, [onAddOutcome]);\n\n  if (!milestones) return null;\n\n  const activeMilestonePresent = milestones.some(\n    milestone => milestone.milestone_state === 'ACTIVE',\n  );\n  const draftMilestonePresent = milestones.some(milestone => milestone.milestone_state === 'DRAFT');\n\n  return (\n    <>\n      {isMilestoneActive && !activeMilestonePresent && (\n        <FlexView $marginBottom={40}>\n          <NoActiveMilestone\n            canCreatePlan={canCreatePlan}\n            isDraftMilestonePresent={draftMilestonePresent}\n            isFiltersAdded={isFiltersAdded}\n            onCreatePlan={onCreatePlan}\n            studentName={studentName}\n            userType={userType}\n          />\n        </FlexView>\n      )}\n\n      {isMilestoneActive && (\n        <FlexView $flexDirection=\"row\" $justifyContent=\"space-between\" $marginBottom={16}>\n          <Text $renderAs=\"ac4\">Goals ({milestones.length})</Text>\n\n          {userType === 'TEACHER' && (\n            <FlexView $flexDirection=\"row\" $flexGapX={1}>\n              <ArrowTooltip\n                renderAs=\"primary\"\n                tooltipItem=\"Goals can only be added for students who have joined the class\"\n                hidden={canCreatePlan}\n                position=\"bottom\"\n              >\n                <TextButton\n                  label=\"Create Goal\"\n                  size=\"small\"\n                  onClick={handleCreatePlan}\n                  disabled={!canCreatePlan}\n                />\n              </ArrowTooltip>\n              <TextButton label=\"Add Milestone\" size=\"small\" onClick={handleOnAddOutcome} />\n            </FlexView>\n          )}\n        </FlexView>\n      )}\n\n      {milestones.map((milestone, idx) => {\n        const { id: milestoneId } = milestone;\n\n        return (\n          <Fragment key={`milestone=${milestoneId}`}>\n            <MilestoneWidget\n              milestone={milestone}\n              studentId={studentId}\n              studentName={studentName}\n              parentName={parentName}\n              teacherName={teacherName}\n              userType={userType}\n              onAddOutcome={onAddOutcome}\n              onChapterClick={onChapterClick}\n              isMilestoneActive={isMilestoneActive || isDraftMilestone}\n              milestoneType={milestoneType}\n              onEdit={onEdit}\n              onCreateMilestoneTest={onCreateMilestoneTest}\n              onAddChapter={onAddChapter}\n              onDelete={onDelete}\n              onDraftPublish={onDraftPublish}\n              isClassOngoing={isClassOngoing}\n              isStudentPresent={isStudentPresent}\n              onAssignResources={onAssignResources}\n              onNodeAttempt={onNodeAttempt}\n              onNodeView={onNodeView}\n              onNodeReview={onNodeReview}\n              onNodeReattempt={onNodeReattempt}\n              onNodeReset={onNodeReset}\n              onNodeUnassign={onNodeUnassign}\n              onNodeAssignAsHomework={onNodeAssignAsHomework}\n              onTestPreview={onTestPreview}\n              onTestReview={onTestReview}\n              onTestStart={onTestStart}\n              courseStream={courseStream}\n              activeMilestoneId={activeMilestoneId}\n              activeTabId={activeTabId}\n              onWidgetTabSelection={onWidgetTabSelection}\n              isTrialSession={isTrialSession}\n              onMathFitClick={onMathFitClick}\n            />\n            {idx !== milestones.length - 1 && <Separator heightX={2} />}\n          </Fragment>\n        );\n      })}\n    </>\n  );\n});\n\nexport default MilestoneList;\n"],"names":["MilestoneList","memo","milestones","studentId","milestoneType","restMilestoneListProps","canCreatePlan","isClassOngoing","isFiltersAdded","isStudentPresent","onAddChapter","onAddOutcome","onChapterClick","onCreatePlan","onDelete","onDraftPublish","onEdit","onCreateMilestoneTest","onNodeAttempt","onNodeView","onNodeReview","onNodeReattempt","onNodeReset","onNodeUnassign","onAssignResources","onTestPreview","onTestReview","onTestStart","activeMilestoneId","activeTabId","onWidgetTabSelection","studentName","teacherName","parentName","userType","courseStream","isTrialSession","onNodeAssignAsHomework","onMathFitClick","isMilestoneActive","isDraftMilestone","temporaryMilestoneId","useLazyRef","uuidv4","handleCreatePlan","useCallback","handleOnAddOutcome","activeMilestonePresent","milestone","draftMilestonePresent","jsxs","Fragment","jsx","FlexView","NoActiveMilestone","Text","ArrowTooltip","TextButton","idx","milestoneId","MilestoneWidget","Separator"],"mappings":"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"}