@cuemath/leap 3.5.30-link.4 → 3.5.31-as1

package/dist/features/timeline/monthly-report/comps/feedback/feedback.js

@@ -0,0 +1,94 @@
+import { jsxs as h, jsx as e } from "react/jsx-runtime";
+import { memo as X, useCallback as i } from "react";
+import n from "../../../../ui/layout/flex-view.js";
+import { ILLUSTRATIONS as p } from "../../../../../assets/illustrations/illustrations.js";
+import g from "../../../../ui/image/image.js";
+import { invalidateMonthlyReport as w, useMonthlyReportPatch as y } from "../../api/use-monthly-report-get.js";
+import $ from "../../../../ui/separator/separator.js";
+import P from "../../../../ui/text/text.js";
+import f from "../../../../ui/buttons/clickable/clickable.js";
+import { FeedbackContainer as x } from "./feedback-styled.js";
+const R = ({
+  reportId: l,
+  studentName: b,
+  onFeedback: c,
+  studentCourseId: s,
+  showSnackbar: a
+}) => {
+  const u = i(
+    (r, o) => {
+      r && a && a({
+        type: "error",
+        message: "Something went wrong. Please try again.",
+        bgColor: "red"
+      }), !r && c && (o != null && o.feedback) && (w(l), c(o.feedback, s));
+    },
+    [c, s]
+  ), { patch: m, isProcessing: d } = y({
+    onComplete: u
+  }), t = i(
+    (r) => {
+      m(l, { feedback: r });
+    },
+    [l, m]
+  ), C = i(() => {
+    t("positive");
+  }, [t]), k = i(() => {
+    t("negative");
+  }, [t]);
+  return /* @__PURE__ */ h(x, { $gapX: 1.25, $background: "WHITE_3", children: [
+    /* @__PURE__ */ e(n, { $gutterX: 1, children: /* @__PURE__ */ h(P, { $renderAs: "ab2-black", $color: "BLACK_1", $align: "center", children: [
+      "Are you happy with ",
+      b ?? "her",
+      " progress?"
+    ] }) }),
+    /* @__PURE__ */ e($, { heightX: 1.5 }),
+    /* @__PURE__ */ h(n, { $flexDirection: "row", $flexGapX: 3, $alignItems: "center", $justifyContent: "center", children: [
+      /* @__PURE__ */ e(
+        f,
+        {
+          label: "Report thumps up",
+          disabled: d,
+          onClick: C,
+          children: /* @__PURE__ */ e(
+            n,
+            {
+              $widthX: 5,
+              $heightX: 5,
+              $alignItems: "center",
+              $justifyContent: "center",
+              $borderRadiusX: 2.5,
+              $borderColor: "BLACK_5",
+              children: /* @__PURE__ */ e(g, { src: p.THUMPS_UP, alt: "UP", width: 32, height: 32 })
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ e(
+        f,
+        {
+          label: "Report thumps down",
+          disabled: d,
+          onClick: k,
+          children: /* @__PURE__ */ e(
+            n,
+            {
+              $widthX: 5,
+              $heightX: 5,
+              $alignItems: "center",
+              $justifyContent: "center",
+              $borderColor: "BLACK_5",
+              $borderRadiusX: 2.5,
+              children: /* @__PURE__ */ e(g, { src: p.THUMPS_DOWN, alt: "DOWN", width: 32, height: 32 })
+            }
+          )
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e($, { heightX: 1.5 })
+  ] });
+}, I = X(R);
+export {
+  I as default
+};
+//# sourceMappingURL=feedback.js.map

package/dist/features/timeline/monthly-report/comps/feedback/feedback.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"feedback.js","sources":["../../../../../../src/features/timeline/monthly-report/comps/feedback/feedback.tsx"],"sourcesContent":["import { memo, useCallback } from 'react';\n\nimport type { IMonthlyReportResponse, TFeedback } from '../../monthly-report-types';\nimport type { IFeedbackTypesProps } from './feedback-types';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\nimport Image from '../../../../ui/image/image';\nimport { invalidateMonthlyReport, useMonthlyReportPatch } from '../../api/use-monthly-report-get';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport Clickable from '../../../../ui/buttons/clickable/clickable';\nimport * as Styled from './feedback-styled';\n\nconst Feedback = ({\n  reportId,\n  studentName,\n  onFeedback,\n  studentCourseId,\n  showSnackbar,\n}: IFeedbackTypesProps) => {\n  const onComplete = useCallback(\n    (err: string | null, data?: IMonthlyReportResponse) => {\n      if (err && showSnackbar) {\n        showSnackbar({\n          type: 'error',\n          message: 'Something went wrong. Please try again.',\n          bgColor: 'red',\n        });\n      }\n\n      if (!err && onFeedback && data?.feedback) {\n        invalidateMonthlyReport(reportId);\n        onFeedback(data.feedback, studentCourseId);\n      }\n    },\n    [onFeedback, studentCourseId],\n  );\n\n  const { patch: updateMilestone, isProcessing } = useMonthlyReportPatch({\n    onComplete,\n  });\n\n  const handleFeedback = useCallback(\n    (feedback: TFeedback) => {\n      updateMilestone(reportId, { feedback });\n    },\n    [reportId, updateMilestone],\n  );\n\n  const handlePositiveFeedback = useCallback(() => {\n    handleFeedback('positive');\n  }, [handleFeedback]);\n\n  const handleNegativeFeedback = useCallback(() => {\n    handleFeedback('negative');\n  }, [handleFeedback]);\n\n  return (\n    <Styled.FeedbackContainer $gapX={1.25} $background=\"WHITE_3\">\n      <FlexView $gutterX={1}>\n        <Text $renderAs=\"ab2-black\" $color=\"BLACK_1\" $align=\"center\">\n          Are you happy with {studentName ?? 'her'} progress?\n        </Text>\n      </FlexView>\n      <Separator heightX={1.5} />\n      <FlexView $flexDirection=\"row\" $flexGapX={3} $alignItems=\"center\" $justifyContent=\"center\">\n        <Clickable\n          label=\"Report thumps up\"\n          disabled={isProcessing}\n          onClick={handlePositiveFeedback}\n        >\n          <FlexView\n            $widthX={5}\n            $heightX={5}\n            $alignItems=\"center\"\n            $justifyContent=\"center\"\n            $borderRadiusX={2.5}\n            $borderColor=\"BLACK_5\"\n          >\n            <Image src={ILLUSTRATIONS.THUMPS_UP} alt=\"UP\" width={32} height={32} />\n          </FlexView>\n        </Clickable>\n        <Clickable\n          label=\"Report thumps down\"\n          disabled={isProcessing}\n          onClick={handleNegativeFeedback}\n        >\n          <FlexView\n            $widthX={5}\n            $heightX={5}\n            $alignItems=\"center\"\n            $justifyContent=\"center\"\n            $borderColor=\"BLACK_5\"\n            $borderRadiusX={2.5}\n          >\n            <Image src={ILLUSTRATIONS.THUMPS_DOWN} alt=\"DOWN\" width={32} height={32} />\n          </FlexView>\n        </Clickable>\n      </FlexView>\n      <Separator heightX={1.5} />\n    </Styled.FeedbackContainer>\n  );\n};\n\nexport default memo(Feedback);\n"],"names":["Feedback","reportId","studentName","onFeedback","studentCourseId","showSnackbar","onComplete","useCallback","err","data","invalidateMonthlyReport","updateMilestone","isProcessing","useMonthlyReportPatch","handleFeedback","feedback","handlePositiveFeedback","handleNegativeFeedback","Styled.FeedbackContainer","jsx","FlexView","jsxs","Text","Separator","Clickable","Image","ILLUSTRATIONS","Feedback$1","memo"],"mappings":";;;;;;;;;;AAaA,MAAMA,IAAW,CAAC;AAAA,EAChB,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,cAAAC;AACF,MAA2B;AACzB,QAAMC,IAAaC;AAAA,IACjB,CAACC,GAAoBC,MAAkC;AACrD,MAAID,KAAOH,KACIA,EAAA;AAAA,QACX,MAAM;AAAA,QACN,SAAS;AAAA,QACT,SAAS;AAAA,MAAA,CACV,GAGC,CAACG,KAAOL,MAAcM,KAAA,QAAAA,EAAM,cAC9BC,EAAwBT,CAAQ,GACrBE,EAAAM,EAAK,UAAUL,CAAe;AAAA,IAE7C;AAAA,IACA,CAACD,GAAYC,CAAe;AAAA,EAAA,GAGxB,EAAE,OAAOO,GAAiB,cAAAC,EAAA,IAAiBC,EAAsB;AAAA,IACrE,YAAAP;AAAA,EAAA,CACD,GAEKQ,IAAiBP;AAAA,IACrB,CAACQ,MAAwB;AACP,MAAAJ,EAAAV,GAAU,EAAE,UAAAc,EAAA,CAAU;AAAA,IACxC;AAAA,IACA,CAACd,GAAUU,CAAe;AAAA,EAAA,GAGtBK,IAAyBT,EAAY,MAAM;AAC/C,IAAAO,EAAe,UAAU;AAAA,EAAA,GACxB,CAACA,CAAc,CAAC,GAEbG,IAAyBV,EAAY,MAAM;AAC/C,IAAAO,EAAe,UAAU;AAAA,EAAA,GACxB,CAACA,CAAc,CAAC;AAEnB,2BACGI,GAAA,EAAyB,OAAO,MAAM,aAAY,WACjD,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAS,UAAU,GAClB,UAAC,gBAAAC,EAAAC,GAAA,EAAK,WAAU,aAAY,QAAO,WAAU,QAAO,UAAS,UAAA;AAAA,MAAA;AAAA,MACvCpB,KAAe;AAAA,MAAM;AAAA,IAAA,EAAA,CAC3C,EACF,CAAA;AAAA,IACA,gBAAAiB,EAACI,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,IACzB,gBAAAF,EAACD,KAAS,gBAAe,OAAM,WAAW,GAAG,aAAY,UAAS,iBAAgB,UAChF,UAAA;AAAA,MAAA,gBAAAD;AAAA,QAACK;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,UAAUZ;AAAA,UACV,SAASI;AAAA,UAET,UAAA,gBAAAG;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,SAAS;AAAA,cACT,UAAU;AAAA,cACV,aAAY;AAAA,cACZ,iBAAgB;AAAA,cAChB,gBAAgB;AAAA,cAChB,cAAa;AAAA,cAEb,UAAA,gBAAAD,EAACM,GAAM,EAAA,KAAKC,EAAc,WAAW,KAAI,MAAK,OAAO,IAAI,QAAQ,GAAI,CAAA;AAAA,YAAA;AAAA,UACvE;AAAA,QAAA;AAAA,MACF;AAAA,MACA,gBAAAP;AAAA,QAACK;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,UAAUZ;AAAA,UACV,SAASK;AAAA,UAET,UAAA,gBAAAE;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,SAAS;AAAA,cACT,UAAU;AAAA,cACV,aAAY;AAAA,cACZ,iBAAgB;AAAA,cAChB,cAAa;AAAA,cACb,gBAAgB;AAAA,cAEhB,UAAA,gBAAAD,EAACM,GAAM,EAAA,KAAKC,EAAc,aAAa,KAAI,QAAO,OAAO,IAAI,QAAQ,GAAI,CAAA;AAAA,YAAA;AAAA,UAC3E;AAAA,QAAA;AAAA,MACF;AAAA,IAAA,GACF;AAAA,IACA,gBAAAP,EAACI,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,EAC3B,EAAA,CAAA;AAEJ,GAEeI,IAAAC,EAAK5B,CAAQ;"}

package/dist/features/timeline/monthly-report/comps/goals/goals-card/goal-chapter-card.js

@@ -0,0 +1,48 @@
+import { jsxs as e, jsx as n } from "react/jsx-runtime";
+import i from "../../../../../ui/text/text.js";
+import c from "../../../../../ui/layout/flex-view.js";
+import C from "../../../../../chapters/chapters-list/chapter-item/chapter-circular-progress/chapter-circular-progress.js";
+import { calculateProgress as g } from "../goals-constants.js";
+const E = ({ chapters: t }) => !t || t.length === 0 ? null : t.map((o, u) => {
+  const { completed: _, total: a } = o.progress_stat, { completed: $, total: m } = o.previous_progress_stat || {}, r = g(_, a), d = g($ || 0, m || 0), s = r - d, l = o.previous_progress_stat && s > 0 && a === m, f = l ? s : 0, p = r === 100;
+  return /* @__PURE__ */ e(
+    c,
+    {
+      $flexDirection: "row",
+      $flexGapX: 1,
+      $gutterX: 1,
+      children: [
+        o.image_url && /* @__PURE__ */ n(
+          C,
+          {
+            completionPercentage: l ? d : r,
+            imageUrl: o.image_url,
+            delta: f,
+            imageWidth: 42,
+            iconWidth: 16,
+            deltaProgressColor: "GREEN_5",
+            iconColor: "WHITE",
+            iconBackgroundColor: "BLACK_1",
+            iconPosition: { top: 0, right: 0 }
+          }
+        ),
+        /* @__PURE__ */ e(c, { children: [
+          /* @__PURE__ */ n(i, { $renderAs: "ub2", $color: "BLACK_1", children: o.chapter_name }),
+          /* @__PURE__ */ e(c, { $flexDirection: "row", $alignItems: "center", $flexGapX: 0.25, children: [
+            /* @__PURE__ */ n(i, { $renderAs: "ub3", $color: "BLACK_T_60", children: p ? "Completed" : `${r}% completed` }),
+            l && !p && /* @__PURE__ */ e(i, { $renderAs: "ab3", $color: "GREEN_6", children: [
+              "(+",
+              Math.round(s),
+              "%)"
+            ] })
+          ] })
+        ] })
+      ]
+    },
+    `${o.chapter_name}-${u}`
+  );
+});
+export {
+  E as default
+};
+//# sourceMappingURL=goal-chapter-card.js.map

package/dist/features/timeline/monthly-report/comps/goals/goals-card/goal-chapter-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"goal-chapter-card.js","sources":["../../../../../../../src/features/timeline/monthly-report/comps/goals/goals-card/goal-chapter-card.tsx"],"sourcesContent":["import { type FC } from 'react';\n\nimport { type IGoalsCardChaptersProps } from './goals-card-types';\nimport Text from '../../../../../ui/text/text';\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport ChapterCircularProgress from '../../../../../chapters/chapters-list/chapter-item/chapter-circular-progress/chapter-circular-progress';\nimport { calculateProgress } from '../goals-constants';\n\nconst GoalsCardChapters: FC<IGoalsCardChaptersProps> = ({ chapters }) => {\n  if (!chapters || chapters.length === 0) {\n    return null;\n  }\n\n  return chapters.map((chapter, i) => {\n    const { completed, total } = chapter.progress_stat;\n    const { completed: prevCompleted, total: prevTotal } = chapter.previous_progress_stat || {};\n    const progress = calculateProgress(completed, total);\n    const previousProgress = calculateProgress(prevCompleted || 0, prevTotal || 0);\n    const progressDifference = progress - previousProgress;\n    const showDelta =\n      chapter.previous_progress_stat && progressDifference > 0 && total === prevTotal;\n    const delta = showDelta ? progressDifference : 0;\n    const isCompoleted = progress === 100;\n\n    return (\n      <FlexView\n        $flexDirection=\"row\"\n        $flexGapX={1}\n        $gutterX={1}\n        key={`${chapter.chapter_name}-${i}`}\n      >\n        {chapter.image_url && (\n          <ChapterCircularProgress\n            completionPercentage={showDelta ? previousProgress : progress}\n            imageUrl={chapter.image_url}\n            delta={delta}\n            imageWidth={42}\n            iconWidth={16}\n            deltaProgressColor=\"GREEN_5\"\n            iconColor=\"WHITE\"\n            iconBackgroundColor=\"BLACK_1\"\n            iconPosition={{ top: 0, right: 0 }}\n          />\n        )}\n        <FlexView>\n          <Text $renderAs=\"ub2\" $color=\"BLACK_1\">\n            {chapter.chapter_name}\n          </Text>\n          <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexGapX={0.25}>\n            <Text $renderAs=\"ub3\" $color=\"BLACK_T_60\">\n              {isCompoleted ? 'Completed' : `${progress}% completed`}\n            </Text>\n            {showDelta && !isCompoleted && (\n              <Text $renderAs=\"ab3\" $color=\"GREEN_6\">\n                (+{Math.round(progressDifference)}%)\n              </Text>\n            )}\n          </FlexView>\n        </FlexView>\n      </FlexView>\n    );\n  });\n};\n\nexport default GoalsCardChapters;\n"],"names":["GoalsCardChapters","chapters","chapter","i","completed","total","prevCompleted","prevTotal","progress","calculateProgress","previousProgress","progressDifference","showDelta","delta","isCompoleted","jsxs","FlexView","jsx","ChapterCircularProgress","Text"],"mappings":";;;;;AAQA,MAAMA,IAAiD,CAAC,EAAE,UAAAC,QACpD,CAACA,KAAYA,EAAS,WAAW,IAC5B,OAGFA,EAAS,IAAI,CAACC,GAASC,MAAM;AAClC,QAAM,EAAE,WAAAC,GAAW,OAAAC,MAAUH,EAAQ,eAC/B,EAAE,WAAWI,GAAe,OAAOC,MAAcL,EAAQ,0BAA0B,IACnFM,IAAWC,EAAkBL,GAAWC,CAAK,GAC7CK,IAAmBD,EAAkBH,KAAiB,GAAGC,KAAa,CAAC,GACvEI,IAAqBH,IAAWE,GAChCE,IACJV,EAAQ,0BAA0BS,IAAqB,KAAKN,MAAUE,GAClEM,IAAQD,IAAYD,IAAqB,GACzCG,IAAeN,MAAa;AAGhC,SAAA,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAe;AAAA,MACf,WAAW;AAAA,MACX,UAAU;AAAA,MAGT,UAAA;AAAA,QAAAd,EAAQ,aACP,gBAAAe;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,sBAAsBN,IAAYF,IAAmBF;AAAA,YACrD,UAAUN,EAAQ;AAAA,YAClB,OAAAW;AAAA,YACA,YAAY;AAAA,YACZ,WAAW;AAAA,YACX,oBAAmB;AAAA,YACnB,WAAU;AAAA,YACV,qBAAoB;AAAA,YACpB,cAAc,EAAE,KAAK,GAAG,OAAO,EAAE;AAAA,UAAA;AAAA,QACnC;AAAA,0BAEDG,GACC,EAAA,UAAA;AAAA,UAAA,gBAAAC,EAACE,KAAK,WAAU,OAAM,QAAO,WAC1B,YAAQ,cACX;AAAA,4BACCH,GAAS,EAAA,gBAAe,OAAM,aAAY,UAAS,WAAW,MAC7D,UAAA;AAAA,YAAC,gBAAAC,EAAAE,GAAA,EAAK,WAAU,OAAM,QAAO,cAC1B,UAAeL,IAAA,cAAc,GAAGN,CAAQ,cAC3C,CAAA;AAAA,YACCI,KAAa,CAACE,KACb,gBAAAC,EAACI,KAAK,WAAU,OAAM,QAAO,WAAU,UAAA;AAAA,cAAA;AAAA,cAClC,KAAK,MAAMR,CAAkB;AAAA,cAAE;AAAA,YAAA,GACpC;AAAA,UAAA,GAEJ;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,IAAA;AAAA,IA7BK,GAAGT,EAAQ,YAAY,IAAIC,CAAC;AAAA,EAAA;AA8BnC,CAEH;"}

package/dist/features/timeline/monthly-report/comps/goals/goals-card/goals-card-styled.js

@@ -0,0 +1,28 @@
+import o from "styled-components";
+import t from "../../../../../ui/layout/flex-view.js";
+const p = o(t)`
+  position: absolute;
+  bottom: 0px;
+  left: 0;
+  right: 0;
+`, s = o(t)`
+  border-top: none;
+`, a = o(t)`
+  position: relative;
+  &::after {
+    content: '';
+    position: absolute;
+    height: 12px;
+    width: 20px;
+    left: 10px;
+    top: -8px;
+    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
+    background-color: ${({ theme: e, $background: r }) => e.colors[r ?? "WHITE_1"]};
+  }
+`;
+export {
+  s as ChaptersContainer,
+  p as ProgressBarContainer,
+  a as TagContainer
+};
+//# sourceMappingURL=goals-card-styled.js.map

package/dist/features/timeline/monthly-report/comps/goals/goals-card/goals-card-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"goals-card-styled.js","sources":["../../../../../../../src/features/timeline/monthly-report/comps/goals/goals-card/goals-card-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../../../ui/layout/flex-view';\n\nexport const ProgressBarContainer = styled(FlexView)`\n  position: absolute;\n  bottom: 0px;\n  left: 0;\n  right: 0;\n`;\n\nexport const ChaptersContainer = styled(FlexView)`\n  border-top: none;\n`;\n\nexport const TagContainer = styled(FlexView)`\n  position: relative;\n  &::after {\n    content: '';\n    position: absolute;\n    height: 12px;\n    width: 20px;\n    left: 10px;\n    top: -8px;\n    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);\n    background-color: ${({ theme, $background }) => theme.colors[$background ?? 'WHITE_1']};\n  }\n`;\n"],"names":["ProgressBarContainer","styled","FlexView","ChaptersContainer","TagContainer","theme","$background"],"mappings":";;AAIa,MAAAA,IAAuBC,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,GAOtCC,IAAoBF,EAAOC,CAAQ;AAAA;AAAA,GAInCE,IAAeH,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAUnB,CAAC,EAAE,OAAAG,GAAO,aAAAC,QAAkBD,EAAM,OAAOC,KAAe,SAAS,CAAC;AAAA;AAAA;"}

package/dist/features/timeline/monthly-report/comps/goals/goals-card/goals-card.js

@@ -0,0 +1,113 @@
+import { jsxs as e, jsx as r, Fragment as h } from "react/jsx-runtime";
+import { memo as F, useState as H, useMemo as O, useCallback as W } from "react";
+import { GOAL_CATEGORY_CONFIG as j, calculateProgress as w } from "../goals-constants.js";
+import { ProgressBarContainer as y, TagContainer as E, ChaptersContainer as V } from "./goals-card-styled.js";
+import t from "../../../../../ui/text/text.js";
+import l from "../../../../../ui/layout/flex-view.js";
+import C from "../../../../../ui/separator/separator.js";
+import Y from "../../../../../ui/image/image.js";
+import G from "../../../../../ui/buttons/clickable/clickable.js";
+import B from "./goal-chapter-card.js";
+import q from "../../../../../ui/linear-progress-bar/linear-progress-bar.js";
+const z = ({ category: L, milestone: T, isExpended: o = !1 }) => {
+  const [d, k] = H(!1), {
+    milestone_name: v,
+    user_chapters: p,
+    progress_stat: P,
+    previous_progress_stat: n
+  } = T, { completed: I, total: a } = P, { completed: $, total: u } = n ?? {}, c = w(I, a), f = n && $ && u ? w($, u) : 0, i = c - f, g = !!(n && i > 0 && a === a), S = !!(n && i <= 0 && a !== a), b = c === 100, K = Math.round(c), x = Math.round(i), _ = p.length, D = p.slice(0, 2), m = Math.max(0, _ - 2), M = d ? p.slice(2) : [], N = m > 0, s = O(() => j[L], []), A = s.icon, X = W(() => {
+    k((R) => !R);
+  }, []);
+  return /* @__PURE__ */ e(l, { children: [
+    /* @__PURE__ */ e(
+      l,
+      {
+        $position: "relative",
+        $background: s.backgroundColor,
+        $borderColor: o ? "WHITE_5" : void 0,
+        $gutterX: 1,
+        $gapX: 1,
+        $height: o ? "auto" : 72,
+        children: [
+          /* @__PURE__ */ e(l, { $flexDirection: "row", $flexGapX: o ? 1 : 0.5, children: [
+            A && /* @__PURE__ */ r(
+              Y,
+              {
+                src: A,
+                withLoader: !0,
+                width: o ? 40 : 32,
+                height: o ? 40 : 32,
+                alt: s.label
+              }
+            ),
+            /* @__PURE__ */ e(l, { children: [
+              o && /* @__PURE__ */ e(h, { children: [
+                /* @__PURE__ */ r(t, { $renderAs: "ac5", $color: s.labelColor, children: s.label }),
+                /* @__PURE__ */ r(C, { heightX: 0.25 })
+              ] }),
+              /* @__PURE__ */ r(t, { $renderAs: "ab2", $color: "BLACK_1", children: v }),
+              /* @__PURE__ */ r(C, { heightX: o ? 0.5 : 0.125 }),
+              /* @__PURE__ */ e(l, { $flexDirection: "row", $alignItems: "center", $flexGapX: 0.25, children: [
+                /* @__PURE__ */ r(t, { $renderAs: "ab3", $color: "BLACK_T_60", children: b ? "Completed" : `${K}% complete` }),
+                g && !b && /* @__PURE__ */ e(t, { $renderAs: "ab3", $color: "GREEN_6", children: [
+                  "(+",
+                  x,
+                  "%)"
+                ] })
+              ] })
+            ] }),
+            /* @__PURE__ */ r(y, { children: /* @__PURE__ */ r(
+              q,
+              {
+                percentage: g ? f : c,
+                delta: g ? i : 0,
+                height: 4,
+                backgroundColor: "WHITE_5",
+                fillColor: "BLACK_1",
+                deltaProgressColor: "GREEN_5"
+              }
+            ) })
+          ] }),
+          S && /* @__PURE__ */ e(h, { children: [
+            /* @__PURE__ */ r(C, { heightX: 0.875 }),
+            /* @__PURE__ */ r(E, { $gapX: 0.5, $gutterX: 1, $background: s.tagColor, children: /* @__PURE__ */ r(t, { $renderAs: "ub3", $color: "BLACK_1", children: "Learning plan was modified — progress updated accordingly." }) })
+          ] })
+        ]
+      }
+    ),
+    o && _ > 0 && /* @__PURE__ */ e(
+      V,
+      {
+        $gapX: 1,
+        $flexDirection: "column",
+        $flexGapX: 1.25,
+        $borderColor: "WHITE_5",
+        children: [
+          /* @__PURE__ */ r(B, { chapters: D }),
+          N && /* @__PURE__ */ e(h, { children: [
+            !d && /* @__PURE__ */ r(l, { $gutterX: 4.5, children: /* @__PURE__ */ r(
+              G,
+              {
+                onClick: X,
+                label: `+${m} chapters`,
+                children: /* @__PURE__ */ e(t, { $renderAs: "ub3-bold", $color: "BLACK_1", children: [
+                  "+",
+                  m,
+                  " chapters"
+                ] })
+              }
+            ) }),
+            d && /* @__PURE__ */ e(h, { children: [
+              /* @__PURE__ */ r(B, { chapters: M }),
+              /* @__PURE__ */ r(l, { $gutterX: 4.5, children: /* @__PURE__ */ r(G, { onClick: X, label: "Show less", children: /* @__PURE__ */ r(t, { $renderAs: "ub3-bold", $color: "BLACK_1", children: "Show less" }) }) })
+            ] })
+          ] })
+        ]
+      }
+    )
+  ] });
+}, nr = F(z);
+export {
+  nr as default
+};
+//# sourceMappingURL=goals-card.js.map

package/dist/features/timeline/monthly-report/comps/goals/goals-card/goals-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"goals-card.js","sources":["../../../../../../../src/features/timeline/monthly-report/comps/goals/goals-card/goals-card.tsx"],"sourcesContent":["import { type FC, memo, useCallback, useMemo, useState } from 'react';\n\nimport { type IGoalsCardProps } from '../goals-types';\nimport { calculateProgress, GOAL_CATEGORY_CONFIG } from '../goals-constants';\nimport * as Styled from './goals-card-styled';\nimport Text from '../../../../../ui/text/text';\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport Separator from '../../../../../ui/separator/separator';\nimport Image from '../../../../../ui/image/image';\nimport Clickable from '../../../../../ui/buttons/clickable/clickable';\nimport GoalsCardChapters from './goal-chapter-card';\nimport LinearProgressBar from '../../../../../ui/linear-progress-bar/linear-progress-bar';\n\nconst GoalsCard: FC<IGoalsCardProps> = ({ category, milestone, isExpended = false }) => {\n  const [showAllChapters, setShowAllChapters] = useState(false);\n  const {\n    milestone_name: milestoneName,\n    user_chapters: userChapters,\n    progress_stat: progressStat,\n    previous_progress_stat: prevProgressStat,\n  } = milestone;\n  const { completed, total } = progressStat;\n  const { completed: prevCompleted, total: prevTotal } = prevProgressStat ?? {};\n  const currentProgress = calculateProgress(completed, total);\n  const previousProgress =\n    prevProgressStat && prevCompleted && prevTotal\n      ? calculateProgress(prevCompleted, prevTotal)\n      : 0;\n\n  const progressDifference = currentProgress - previousProgress;\n  const showIndicator = Boolean(prevProgressStat && progressDifference > 0 && total === total);\n  const showTag = Boolean(prevProgressStat && progressDifference <= 0 && total !== total);\n  const isCompleted = currentProgress === 100;\n  const roundedProgress = Math.round(currentProgress);\n  const roundedDifference = Math.round(progressDifference);\n\n  const totalChapters = userChapters.length;\n  const visibleChapters = userChapters.slice(0, 2);\n  const remainingChapters = Math.max(0, totalChapters - 2);\n  const hiddenChapters = showAllChapters ? userChapters.slice(2) : [];\n  const hasRemainingChapters = remainingChapters > 0;\n\n  const categoryConfig = useMemo(() => GOAL_CATEGORY_CONFIG[category], []);\n  const icon = categoryConfig.icon;\n\n  const handleToggleChapters = useCallback(() => {\n    setShowAllChapters(prev => !prev);\n  }, []);\n\n  return (\n    <FlexView>\n      <FlexView\n        $position=\"relative\"\n        $background={categoryConfig.backgroundColor}\n        $borderColor={isExpended ? 'WHITE_5' : undefined}\n        $gutterX={1}\n        $gapX={1}\n        $height={isExpended ? 'auto' : 72}\n      >\n        <FlexView $flexDirection=\"row\" $flexGapX={isExpended ? 1 : 0.5}>\n          {icon && (\n            <Image\n              src={icon}\n              withLoader\n              width={isExpended ? 40 : 32}\n              height={isExpended ? 40 : 32}\n              alt={categoryConfig.label}\n            />\n          )}\n          <FlexView>\n            {isExpended && (\n              <>\n                <Text $renderAs=\"ac5\" $color={categoryConfig.labelColor}>\n                  {categoryConfig.label}\n                </Text>\n                <Separator heightX={0.25} />\n              </>\n            )}\n            <Text $renderAs=\"ab2\" $color=\"BLACK_1\">\n              {milestoneName}\n            </Text>\n            <Separator heightX={isExpended ? 0.5 : 0.125} />\n            <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexGapX={0.25}>\n              <Text $renderAs=\"ab3\" $color=\"BLACK_T_60\">\n                {isCompleted ? 'Completed' : `${roundedProgress}% complete`}\n              </Text>\n              {showIndicator && !isCompleted && (\n                <Text $renderAs=\"ab3\" $color=\"GREEN_6\">\n                  (+{roundedDifference}%)\n                </Text>\n              )}\n            </FlexView>\n          </FlexView>\n          <Styled.ProgressBarContainer>\n            <LinearProgressBar\n              percentage={showIndicator ? previousProgress : currentProgress}\n              delta={showIndicator ? progressDifference : 0}\n              height={4}\n              backgroundColor=\"WHITE_5\"\n              fillColor=\"BLACK_1\"\n              deltaProgressColor=\"GREEN_5\"\n            />\n          </Styled.ProgressBarContainer>\n        </FlexView>\n        {showTag && (\n          <>\n            <Separator heightX={0.875} />\n            <Styled.TagContainer $gapX={0.5} $gutterX={1} $background={categoryConfig.tagColor}>\n              <Text $renderAs=\"ub3\" $color=\"BLACK_1\">\n                Learning plan was modified — progress updated accordingly.\n              </Text>\n            </Styled.TagContainer>\n          </>\n        )}\n      </FlexView>\n      {isExpended && totalChapters > 0 && (\n        <Styled.ChaptersContainer\n          $gapX={1}\n          $flexDirection=\"column\"\n          $flexGapX={1.25}\n          $borderColor=\"WHITE_5\"\n        >\n          <GoalsCardChapters chapters={visibleChapters} />\n          {hasRemainingChapters && (\n            <>\n              {!showAllChapters && (\n                <FlexView $gutterX={4.5}>\n                  <Clickable\n                    onClick={handleToggleChapters}\n                    label={`+${remainingChapters} chapters`}\n                  >\n                    <Text $renderAs=\"ub3-bold\" $color=\"BLACK_1\">\n                      +{remainingChapters} chapters\n                    </Text>\n                  </Clickable>\n                </FlexView>\n              )}\n              {showAllChapters && (\n                <>\n                  <GoalsCardChapters chapters={hiddenChapters} />\n                  <FlexView $gutterX={4.5}>\n                    <Clickable onClick={handleToggleChapters} label=\"Show less\">\n                      <Text $renderAs=\"ub3-bold\" $color=\"BLACK_1\">\n                        Show less\n                      </Text>\n                    </Clickable>\n                  </FlexView>\n                </>\n              )}\n            </>\n          )}\n        </Styled.ChaptersContainer>\n      )}\n    </FlexView>\n  );\n};\n\nexport default memo(GoalsCard);\n"],"names":["GoalsCard","category","milestone","isExpended","showAllChapters","setShowAllChapters","useState","milestoneName","userChapters","progressStat","prevProgressStat","completed","total","prevCompleted","prevTotal","currentProgress","calculateProgress","previousProgress","progressDifference","showIndicator","showTag","isCompleted","roundedProgress","roundedDifference","totalChapters","visibleChapters","remainingChapters","hiddenChapters","hasRemainingChapters","categoryConfig","useMemo","GOAL_CATEGORY_CONFIG","icon","handleToggleChapters","useCallback","prev","FlexView","jsxs","jsx","Image","Fragment","Text","Separator","Styled.ProgressBarContainer","LinearProgressBar","Styled.TagContainer","Styled.ChaptersContainer","GoalsCardChapters","Clickable","GoalsCard$1","memo"],"mappings":";;;;;;;;;;;AAaA,MAAMA,IAAiC,CAAC,EAAE,UAAAC,GAAU,WAAAC,GAAW,YAAAC,IAAa,SAAY;AACtF,QAAM,CAACC,GAAiBC,CAAkB,IAAIC,EAAS,EAAK,GACtD;AAAA,IACJ,gBAAgBC;AAAA,IAChB,eAAeC;AAAA,IACf,eAAeC;AAAA,IACf,wBAAwBC;AAAA,EACtB,IAAAR,GACE,EAAE,WAAAS,GAAW,OAAAC,EAAU,IAAAH,GACvB,EAAE,WAAWI,GAAe,OAAOC,EAAU,IAAIJ,KAAoB,IACrEK,IAAkBC,EAAkBL,GAAWC,CAAK,GACpDK,IACJP,KAAoBG,KAAiBC,IACjCE,EAAkBH,GAAeC,CAAS,IAC1C,GAEAI,IAAqBH,IAAkBE,GACvCE,IAAgB,GAAQT,KAAoBQ,IAAqB,KAAKN,MAAUA,IAChFQ,IAAU,GAAQV,KAAoBQ,KAAsB,KAAKN,MAAUA,IAC3ES,IAAcN,MAAoB,KAClCO,IAAkB,KAAK,MAAMP,CAAe,GAC5CQ,IAAoB,KAAK,MAAML,CAAkB,GAEjDM,IAAgBhB,EAAa,QAC7BiB,IAAkBjB,EAAa,MAAM,GAAG,CAAC,GACzCkB,IAAoB,KAAK,IAAI,GAAGF,IAAgB,CAAC,GACjDG,IAAiBvB,IAAkBI,EAAa,MAAM,CAAC,IAAI,IAC3DoB,IAAuBF,IAAoB,GAE3CG,IAAiBC,EAAQ,MAAMC,EAAqB9B,CAAQ,GAAG,CAAA,CAAE,GACjE+B,IAAOH,EAAe,MAEtBI,IAAuBC,EAAY,MAAM;AAC1B,IAAA7B,EAAA,CAAA8B,MAAQ,CAACA,CAAI;AAAA,EAClC,GAAG,CAAE,CAAA;AAEL,2BACGC,GACC,EAAA,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACD;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,aAAaP,EAAe;AAAA,QAC5B,cAAc1B,IAAa,YAAY;AAAA,QACvC,UAAU;AAAA,QACV,OAAO;AAAA,QACP,SAASA,IAAa,SAAS;AAAA,QAE/B,UAAA;AAAA,UAAA,gBAAAkC,EAACD,KAAS,gBAAe,OAAM,WAAWjC,IAAa,IAAI,KACxD,UAAA;AAAA,YACC6B,KAAA,gBAAAM;AAAA,cAACC;AAAA,cAAA;AAAA,gBACC,KAAKP;AAAA,gBACL,YAAU;AAAA,gBACV,OAAO7B,IAAa,KAAK;AAAA,gBACzB,QAAQA,IAAa,KAAK;AAAA,gBAC1B,KAAK0B,EAAe;AAAA,cAAA;AAAA,YACtB;AAAA,8BAEDO,GACE,EAAA,UAAA;AAAA,cAAAjC,KAEG,gBAAAkC,EAAAG,GAAA,EAAA,UAAA;AAAA,gBAAA,gBAAAF,EAACG,KAAK,WAAU,OAAM,QAAQZ,EAAe,YAC1C,YAAe,MAClB,CAAA;AAAA,gBACA,gBAAAS,EAACI,GAAU,EAAA,SAAS,KAAM,CAAA;AAAA,cAAA,GAC5B;AAAA,gCAEDD,GAAK,EAAA,WAAU,OAAM,QAAO,WAC1B,UACHlC,GAAA;AAAA,cACC,gBAAA+B,EAAAI,GAAA,EAAU,SAASvC,IAAa,MAAM,OAAO;AAAA,gCAC7CiC,GAAS,EAAA,gBAAe,OAAM,aAAY,UAAS,WAAW,MAC7D,UAAA;AAAA,gBAAC,gBAAAE,EAAAG,GAAA,EAAK,WAAU,OAAM,QAAO,cAC1B,UAAcpB,IAAA,cAAc,GAAGC,CAAe,aACjD,CAAA;AAAA,gBACCH,KAAiB,CAACE,KACjB,gBAAAgB,EAACI,KAAK,WAAU,OAAM,QAAO,WAAU,UAAA;AAAA,kBAAA;AAAA,kBAClClB;AAAA,kBAAkB;AAAA,gBAAA,GACvB;AAAA,cAAA,GAEJ;AAAA,YAAA,GACF;AAAA,YACA,gBAAAe,EAACK,GAAA,EACC,UAAA,gBAAAL;AAAA,cAACM;AAAA,cAAA;AAAA,gBACC,YAAYzB,IAAgBF,IAAmBF;AAAA,gBAC/C,OAAOI,IAAgBD,IAAqB;AAAA,gBAC5C,QAAQ;AAAA,gBACR,iBAAgB;AAAA,gBAChB,WAAU;AAAA,gBACV,oBAAmB;AAAA,cAAA;AAAA,YAAA,GAEvB;AAAA,UAAA,GACF;AAAA,UACCE,KAEG,gBAAAiB,EAAAG,GAAA,EAAA,UAAA;AAAA,YAAC,gBAAAF,EAAAI,GAAA,EAAU,SAAS,MAAO,CAAA;AAAA,8BAC1BG,GAAA,EAAoB,OAAO,KAAK,UAAU,GAAG,aAAahB,EAAe,UACxE,4BAACY,GAAK,EAAA,WAAU,OAAM,QAAO,WAAU,uEAEvC,CAAA,GACF;AAAA,UAAA,GACF;AAAA,QAAA;AAAA,MAAA;AAAA,IAEJ;AAAA,IACCtC,KAAcqB,IAAgB,KAC7B,gBAAAa;AAAA,MAACS;AAAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,gBAAe;AAAA,QACf,WAAW;AAAA,QACX,cAAa;AAAA,QAEb,UAAA;AAAA,UAAC,gBAAAR,EAAAS,GAAA,EAAkB,UAAUtB,EAAiB,CAAA;AAAA,UAC7CG,KAEI,gBAAAS,EAAAG,GAAA,EAAA,UAAA;AAAA,YAAA,CAACpC,KACA,gBAAAkC,EAACF,GAAS,EAAA,UAAU,KAClB,UAAA,gBAAAE;AAAA,cAACU;AAAA,cAAA;AAAA,gBACC,SAASf;AAAA,gBACT,OAAO,IAAIP,CAAiB;AAAA,gBAE5B,UAAC,gBAAAW,EAAAI,GAAA,EAAK,WAAU,YAAW,QAAO,WAAU,UAAA;AAAA,kBAAA;AAAA,kBACxCf;AAAA,kBAAkB;AAAA,gBAAA,GACtB;AAAA,cAAA;AAAA,YAAA,GAEJ;AAAA,YAEDtB,KAEG,gBAAAiC,EAAAG,GAAA,EAAA,UAAA;AAAA,cAAC,gBAAAF,EAAAS,GAAA,EAAkB,UAAUpB,EAAgB,CAAA;AAAA,gCAC5CS,GAAS,EAAA,UAAU,KAClB,UAAC,gBAAAE,EAAAU,GAAA,EAAU,SAASf,GAAsB,OAAM,aAC9C,UAAA,gBAAAK,EAACG,KAAK,WAAU,YAAW,QAAO,WAAU,UAAA,aAE5C,GACF,EACF,CAAA;AAAA,YAAA,GACF;AAAA,UAAA,GAEJ;AAAA,QAAA;AAAA,MAAA;AAAA,IAEJ;AAAA,EAEJ,EAAA,CAAA;AAEJ,GAEeQ,KAAAC,EAAKlD,CAAS;"}

package/dist/features/timeline/monthly-report/comps/goals/goals-constants.js

@@ -0,0 +1,30 @@
+import { ILLUSTRATIONS as o } from "../../../../../assets/illustrations/illustrations.js";
+import { EGoalCategory as l } from "../../../monthly-timeline/monthly-timeline-types.js";
+const a = {
+  [l.SCHOOL_SUCCESS]: {
+    label: "School Success",
+    icon: o.GRADUATE_ICON_PINK,
+    backgroundColor: "PURPLE_1",
+    labelColor: "PURPLE_6",
+    tagColor: "PURPLE_2"
+  },
+  [l.ENRICHMENT]: {
+    label: "Enrichment",
+    icon: o.STAR_ORANGE,
+    backgroundColor: "ORANGE_1",
+    labelColor: "ORANGE_6",
+    tagColor: "ORANGE_2"
+  },
+  [l.TEST_PREP]: {
+    label: "Test Prep",
+    icon: o.TROPHY_BLUE,
+    backgroundColor: "BLUE_1",
+    labelColor: "BLUE_6",
+    tagColor: "BLUE_2"
+  }
+}, e = (E, r) => r > 0 ? Math.floor(E / r * 100) : 0;
+export {
+  a as GOAL_CATEGORY_CONFIG,
+  e as calculateProgress
+};
+//# sourceMappingURL=goals-constants.js.map

package/dist/features/timeline/monthly-report/comps/goals/goals-constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"goals-constants.js","sources":["../../../../../../src/features/timeline/monthly-report/comps/goals/goals-constants.ts"],"sourcesContent":["import { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\nimport { EGoalCategory } from '../../../monthly-timeline/monthly-timeline-types';\n\nexport const GOAL_CATEGORY_CONFIG = {\n  [EGoalCategory.SCHOOL_SUCCESS]: {\n    label: 'School Success',\n    icon: ILLUSTRATIONS.GRADUATE_ICON_PINK,\n    backgroundColor: 'PURPLE_1',\n    labelColor: 'PURPLE_6',\n    tagColor: 'PURPLE_2',\n  },\n  [EGoalCategory.ENRICHMENT]: {\n    label: 'Enrichment',\n    icon: ILLUSTRATIONS.STAR_ORANGE,\n    backgroundColor: 'ORANGE_1',\n    labelColor: 'ORANGE_6',\n    tagColor: 'ORANGE_2',\n  },\n  [EGoalCategory.TEST_PREP]: {\n    label: 'Test Prep',\n    icon: ILLUSTRATIONS.TROPHY_BLUE,\n    backgroundColor: 'BLUE_1',\n    labelColor: 'BLUE_6',\n    tagColor: 'BLUE_2',\n  },\n} as const;\n\nexport const calculateProgress = (completed: number, total: number): number => {\n  return total > 0 ? Math.floor((completed / total) * 100) : 0;\n};\n"],"names":["GOAL_CATEGORY_CONFIG","EGoalCategory","ILLUSTRATIONS","calculateProgress","completed","total"],"mappings":";;AAGO,MAAMA,IAAuB;AAAA,EAClC,CAACC,EAAc,cAAc,GAAG;AAAA,IAC9B,OAAO;AAAA,IACP,MAAMC,EAAc;AAAA,IACpB,iBAAiB;AAAA,IACjB,YAAY;AAAA,IACZ,UAAU;AAAA,EACZ;AAAA,EACA,CAACD,EAAc,UAAU,GAAG;AAAA,IAC1B,OAAO;AAAA,IACP,MAAMC,EAAc;AAAA,IACpB,iBAAiB;AAAA,IACjB,YAAY;AAAA,IACZ,UAAU;AAAA,EACZ;AAAA,EACA,CAACD,EAAc,SAAS,GAAG;AAAA,IACzB,OAAO;AAAA,IACP,MAAMC,EAAc;AAAA,IACpB,iBAAiB;AAAA,IACjB,YAAY;AAAA,IACZ,UAAU;AAAA,EACZ;AACF,GAEaC,IAAoB,CAACC,GAAmBC,MAC5CA,IAAQ,IAAI,KAAK,MAAOD,IAAYC,IAAS,GAAG,IAAI;"}

package/dist/features/timeline/monthly-report/comps/goals/goals.js

@@ -0,0 +1,22 @@
+import { jsxs as e, jsx as r } from "react/jsx-runtime";
+import f from "./goals-card/goals-card.js";
+import t from "../../../../ui/layout/flex-view.js";
+import i from "../../../../ui/text/text.js";
+import m from "../../../../ui/separator/separator.js";
+const n = ({ milestones: o, isExpended: l = !1 }) => !o || o.length === 0 ? null : /* @__PURE__ */ e(t, { children: [
+  /* @__PURE__ */ r(i, { $renderAs: "ab1-bold", $color: "BLACK_1", children: "Goals" }),
+  /* @__PURE__ */ r(m, { heightX: 1 }),
+  /* @__PURE__ */ r(t, { $flexRowGapX: l ? 1.5 : 0, children: o.map((a) => /* @__PURE__ */ r(
+    f,
+    {
+      category: a.goal_category,
+      milestone: a,
+      isExpended: l
+    },
+    a.user_milestone_id
+  )) })
+] });
+export {
+  n as default
+};
+//# sourceMappingURL=goals.js.map

package/dist/features/timeline/monthly-report/comps/goals/goals.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"goals.js","sources":["../../../../../../src/features/timeline/monthly-report/comps/goals/goals.tsx"],"sourcesContent":["import { type FC } from 'react';\n\nimport { type IGoalsProps } from './goals-types';\nimport GoalsCard from './goals-card/goals-card';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport Separator from '../../../../ui/separator/separator';\n\nconst Goals: FC<IGoalsProps> = ({ milestones, isExpended = false }) => {\n  if (!milestones || milestones.length === 0) {\n    return null;\n  }\n\n  return (\n    <FlexView>\n      <Text $renderAs=\"ab1-bold\" $color=\"BLACK_1\">\n        Goals\n      </Text>\n      <Separator heightX={1} />\n      <FlexView $flexRowGapX={isExpended ? 1.5 : 0}>\n        {milestones.map(milestone => (\n          <GoalsCard\n            key={milestone.user_milestone_id}\n            category={milestone.goal_category}\n            milestone={milestone}\n            isExpended={isExpended}\n          />\n        ))}\n      </FlexView>\n    </FlexView>\n  );\n};\n\nexport default Goals;\n"],"names":["Goals","milestones","isExpended","FlexView","jsx","Text","Separator","milestone","GoalsCard"],"mappings":";;;;;AAQA,MAAMA,IAAyB,CAAC,EAAE,YAAAC,GAAY,YAAAC,IAAa,SACrD,CAACD,KAAcA,EAAW,WAAW,IAChC,yBAINE,GACC,EAAA,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAK,EAAA,WAAU,YAAW,QAAO,WAAU,UAE5C,SAAA;AAAA,EACA,gBAAAD,EAACE,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,EACvB,gBAAAF,EAACD,KAAS,cAAcD,IAAa,MAAM,GACxC,UAAAD,EAAW,IAAI,CACdM,MAAA,gBAAAH;AAAA,IAACI;AAAA,IAAA;AAAA,MAEC,UAAUD,EAAU;AAAA,MACpB,WAAAA;AAAA,MACA,YAAAL;AAAA,IAAA;AAAA,IAHKK,EAAU;AAAA,EAKlB,CAAA,GACH;AACF,EAAA,CAAA;"}

package/dist/features/timeline/monthly-report/monthly-report-styled.js

@@ -0,0 +1,14 @@
+import t from "styled-components";
+const o = t.div`
+  display: flex;
+  flex-direction: column;
+  gap: 24px;
+  padding: 0 16px;
+  max-width: 512px;
+  width: 100%;
+  margin: 0 auto;
+`;
+export {
+  o as MonthlyReportContainer
+};
+//# sourceMappingURL=monthly-report-styled.js.map

package/dist/features/timeline/monthly-report/monthly-report-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"monthly-report-styled.js","sources":["../../../../src/features/timeline/monthly-report/monthly-report-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const MonthlyReportContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n  padding: 0 16px;\n  max-width: 512px;\n  width: 100%;\n  margin: 0 auto;\n`;\n"],"names":["MonthlyReportContainer","styled"],"mappings":";AAEO,MAAMA,IAAyBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/features/timeline/monthly-report/monthly-report-types.js

@@ -0,0 +1,5 @@
+var e = /* @__PURE__ */ ((t) => (t.general = "general", t.legacy = "legacy", t.diagnostic = "diagnostic", t.remedial = "remedial", t.recap = "recap", t.learn = "learn", t.extra_practice = "extra_practice", t.practice = "practice", t.test = "test", t.revision = "revision", t.advanced = "advanced", t.challenge = "challenge", t.video = "video", t.simulation = "simulation", t.note = "note", t.subjective = "subjective", t.deck = "deck", t.puzzle = "puzzle", t.test_series = "test_series", t.activity = "activity", t.project = "project", t.certificate = "certificate", t.ppt_viva = "ppt_viva", t.ppt_content = "ppt_content", t.wb_activity = "wb_activity", t.smart_practice = "smart_practice", t.exit_ticket = "exit_ticket", t.monthly_mastery_test = "monthly_mastery_test", t.supplementary_mastery_test = "supplementary_mastery_test", t.trial_diagnostic = "trial_diagnostic", t.trial_basic = "trial_basic", t.trial_intermediate = "trial_intermediate", t.trial_advanced = "trial_advanced", t.sat_mock_test = "sat_mock_test", t))(e || {});
+export {
+  e as CARD_TYPE
+};
+//# sourceMappingURL=monthly-report-types.js.map

package/dist/features/timeline/monthly-report/monthly-report-types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"monthly-report-types.js","sources":["../../../../src/features/timeline/monthly-report/monthly-report-types.ts"],"sourcesContent":["import { type NODE_TYPES } from '../../../types/models/worksheet';\nimport { type TCourseStream } from '../../milestone/create/milestone-create-types';\nimport { type THueNames } from '../../ui/types';\nimport { type NODE_STATE } from '../daily-timeline-types';\nimport { type IUserMilestone } from '../monthly-timeline/monthly-timeline-types';\n\nexport enum CARD_TYPE {\n  'general' = 'general',\n  'legacy' = 'legacy',\n  'diagnostic' = 'diagnostic',\n  'remedial' = 'remedial',\n  'recap' = 'recap',\n  'learn' = 'learn',\n  'extra_practice' = 'extra_practice',\n  'practice' = 'practice',\n  'test' = 'test',\n  'revision' = 'revision',\n  'advanced' = 'advanced',\n  'challenge' = 'challenge',\n  'video' = 'video',\n  'simulation' = 'simulation',\n  'note' = 'note',\n  'subjective' = 'subjective',\n  'deck' = 'deck',\n  'puzzle' = 'puzzle',\n  'test_series' = 'test_series',\n  'activity' = 'activity',\n  'project' = 'project',\n  'certificate' = 'certificate',\n  'ppt_viva' = 'ppt_viva',\n  'ppt_content' = 'ppt_content',\n  'wb_activity' = 'wb_activity',\n  'smart_practice' = 'smart_practice',\n  'exit_ticket' = 'exit_ticket',\n  'monthly_mastery_test' = 'monthly_mastery_test',\n  'supplementary_mastery_test' = 'supplementary_mastery_test',\n  'trial_diagnostic' = 'trial_diagnostic',\n  'trial_basic' = 'trial_basic',\n  'trial_intermediate' = 'trial_intermediate',\n  'trial_advanced' = 'trial_advanced',\n  'sat_mock_test' = 'sat_mock_test',\n}\n\nexport type ActivitiesByCardType = Partial<{\n  [K in CARD_TYPE]: IMonthlyActivity[];\n}>;\n\nexport type TFeedback = 'positive' | 'negative';\n\nexport interface IMonthlyReportResponse {\n  course_stream: TCourseStream;\n  id: string;\n  created_on_ts: number;\n  is_deleted: boolean;\n  report_date: string;\n  report_date_ts: number;\n  report_month: number;\n  report_year: number;\n  student_course_ids: string[];\n  user_id: string;\n  updated_on_ts: number;\n  calendar_data: TCalendarData | null;\n  progress_data: {\n    user_milestones: IUserMilestone[];\n    activities: ActivitiesByCardType;\n    user_achievements: IAchievementAsset[];\n  };\n  feedback: TFeedback | null;\n}\n\nexport interface IProgressStat {\n  completed: number;\n  total: number;\n}\n\nexport interface IMonthlyActivity {\n  id: string;\n  node_type: NODE_TYPES;\n  card_type: CARD_TYPE;\n  card_header: CARD_TYPE | null;\n  feedback_comments: string | null;\n  state: NODE_STATE;\n  title?: string;\n  accuracy?: number | null;\n  subtext?: string | null;\n  is_timed?: boolean;\n  image_hue?: THueNames;\n  image_url?: string;\n  sat_max_score?: number | null;\n  sat_total_score?: number | null;\n  item_ref?: string | null;\n  thumbnail_url?: string;\n  user_attempt_id?: string | null;\n  tip: string | null;\n  user_block_id: string | null;\n  user_chapter_id: string | null;\n  user_node_id: string | null;\n}\n\nexport interface IAchievementAsset {\n  asset_id: string;\n  url: string;\n}\n\nexport interface IMonthlyReportProps {\n  reportId: string;\n  studentName: string;\n  onPuzzleClick?: (params: {\n    item_ref: IMonthlyActivity['item_ref'];\n    feedback_comments: IMonthlyActivity['feedback_comments'];\n    image_hue: IMonthlyActivity['image_hue'];\n    title: IMonthlyActivity['title'];\n    tip: IMonthlyActivity['tip'];\n  }) => void;\n  showSnackbar?: (params: { type: 'error' | 'info'; message: string; bgColor: string }) => void;\n  onFeedback?: (feedback: TFeedback, studentCourseId: string) => void;\n}\n\nexport type TClassType = 'REGULAR' | 'EXTRA';\nexport interface IClassEvent {\n  class_type: TClassType;\n  is_paused: boolean;\n  is_present: boolean;\n  status: string;\n  tag: string | null;\n  theme: string;\n  time: number;\n}\n\nexport type TCalendarData = Record<string, IClassEvent[]>;\n"],"names":["CARD_TYPE"],"mappings":"AAMY,IAAAA,sBAAAA,OACVA,EAAA,UAAY,WACZA,EAAA,SAAW,UACXA,EAAA,aAAe,cACfA,EAAA,WAAa,YACbA,EAAA,QAAU,SACVA,EAAA,QAAU,SACVA,EAAA,iBAAmB,kBACnBA,EAAA,WAAa,YACbA,EAAA,OAAS,QACTA,EAAA,WAAa,YACbA,EAAA,WAAa,YACbA,EAAA,YAAc,aACdA,EAAA,QAAU,SACVA,EAAA,aAAe,cACfA,EAAA,OAAS,QACTA,EAAA,aAAe,cACfA,EAAA,OAAS,QACTA,EAAA,SAAW,UACXA,EAAA,cAAgB,eAChBA,EAAA,WAAa,YACbA,EAAA,UAAY,WACZA,EAAA,cAAgB,eAChBA,EAAA,WAAa,YACbA,EAAA,cAAgB,eAChBA,EAAA,cAAgB,eAChBA,EAAA,iBAAmB,kBACnBA,EAAA,cAAgB,eAChBA,EAAA,uBAAyB,wBACzBA,EAAA,6BAA+B,8BAC/BA,EAAA,mBAAqB,oBACrBA,EAAA,cAAgB,eAChBA,EAAA,qBAAuB,sBACvBA,EAAA,iBAAmB,kBACnBA,EAAA,gBAAkB,iBAlCRA,IAAAA,KAAA,CAAA,CAAA;"}

package/dist/features/timeline/monthly-report/monthly-report.js

@@ -0,0 +1,69 @@
+import { jsx as t, jsxs as u } from "react/jsx-runtime";
+import { memo as h, useCallback as _, useEffect as p } from "react";
+import { useMonthlyReportGet as g } from "./api/use-monthly-report-get.js";
+import y from "../../ui/loader/app-loader/app-loader.js";
+import v from "../../ui/error/error.js";
+import { MonthlyReportContainer as x } from "./monthly-report-styled.js";
+import R from "./comps/goals/goals.js";
+import A from "./comps/activities/activities.js";
+import c from "../../ui/layout/flex-view.js";
+import C from "./comps/attendance/attendance.js";
+import $ from "./comps/feedback/feedback.js";
+import j from "./comps/achievements/achievements.js";
+import { IS_APP_RUNNING_IN_RN as D } from "../../../constants/app-config.js";
+import I from "../../ui/separator/separator.js";
+const M = ({
+  studentName: s,
+  reportId: o,
+  onPuzzleClick: f,
+  showSnackbar: n,
+  onFeedback: l
+}) => {
+  const {
+    get: a,
+    data: e,
+    isProcessing: i,
+    isProcessingFailed: d,
+    isStale: m
+  } = g(), r = _(() => {
+    a(o);
+  }, [a, o]);
+  return p(() => {
+    r();
+  }, [r]), p(() => {
+    m && !i && r();
+  }, [m, i, r]), i || !e ? /* @__PURE__ */ t(c, { $flex: 1, $alignItems: "center", $justifyContent: "center", children: /* @__PURE__ */ t(y, { height: "100dvh" }) }) : d ? /* @__PURE__ */ t(c, { $flex: 1, $alignItems: "center", $justifyContent: "center", children: /* @__PURE__ */ t(v, { onTryAgain: r }) }) : e ? /* @__PURE__ */ u(x, { children: [
+    /* @__PURE__ */ t(R, { milestones: e.progress_data.user_milestones, isExpended: !0 }),
+    /* @__PURE__ */ t(A, { activities: e.progress_data.activities, onPuzzleClick: f }),
+    /* @__PURE__ */ t(
+      j,
+      {
+        achievements: e.progress_data.user_achievements,
+        studentName: s
+      }
+    ),
+    /* @__PURE__ */ t(
+      C,
+      {
+        calendarData: e.calendar_data,
+        reportMonth: e.report_month,
+        reportYear: e.report_year,
+        onDateClick: n
+      }
+    ),
+    D && !e.feedback && e.student_course_ids[0] ? /* @__PURE__ */ t(
+      $,
+      {
+        reportId: o,
+        studentName: s,
+        onFeedback: l,
+        studentCourseId: e.student_course_ids[0],
+        showSnackbar: n
+      }
+    ) : /* @__PURE__ */ t(I, { heightX: 1 })
+  ] }) : null;
+}, q = h(M);
+export {
+  q as default
+};
+//# sourceMappingURL=monthly-report.js.map

package/dist/features/timeline/monthly-report/monthly-report.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"monthly-report.js","sources":["../../../../src/features/timeline/monthly-report/monthly-report.tsx"],"sourcesContent":["import { type FC, memo, useCallback, useEffect } from 'react';\n\nimport { type IMonthlyReportProps } from './monthly-report-types';\nimport { useMonthlyReportGet } from './api/use-monthly-report-get';\nimport AppLoader from '../../ui/loader/app-loader/app-loader';\nimport Error from '../../ui/error/error';\nimport * as Styled from './monthly-report-styled';\nimport Goals from './comps/goals/goals';\nimport Activities from './comps/activities/activities';\nimport FlexView from '../../ui/layout/flex-view';\nimport Attendance from './comps/attendance/attendance';\nimport Feedback from './comps/feedback/feedback';\nimport Achievements from './comps/achievements/achievements';\nimport { IS_APP_RUNNING_IN_RN } from '../../../constants/app-config';\nimport Separator from '../../ui/separator/separator';\n\nconst MonthlyReport: FC<IMonthlyReportProps> = ({\n  studentName,\n  reportId,\n  onPuzzleClick,\n  showSnackbar,\n  onFeedback,\n}) => {\n  const {\n    get: getReport,\n    data: reportData,\n    isProcessing,\n    isProcessingFailed,\n    isStale,\n  } = useMonthlyReportGet();\n\n  const fetchData = useCallback(() => {\n    getReport(reportId);\n  }, [getReport, reportId]);\n\n  useEffect(() => {\n    fetchData();\n  }, [fetchData]);\n\n  useEffect(() => {\n    if (isStale && !isProcessing) {\n      fetchData();\n    }\n  }, [isStale, isProcessing, fetchData]);\n\n  if (isProcessing || !reportData) {\n    return (\n      <FlexView $flex={1} $alignItems=\"center\" $justifyContent=\"center\">\n        <AppLoader height=\"100dvh\" />\n      </FlexView>\n    );\n  }\n\n  if (isProcessingFailed) {\n    return (\n      <FlexView $flex={1} $alignItems=\"center\" $justifyContent=\"center\">\n        <Error onTryAgain={fetchData} />\n      </FlexView>\n    );\n  }\n\n  if (!reportData) {\n    return null;\n  }\n\n  return (\n    <Styled.MonthlyReportContainer>\n      <Goals milestones={reportData.progress_data.user_milestones} isExpended={true} />\n      <Activities activities={reportData.progress_data.activities} onPuzzleClick={onPuzzleClick} />\n      <Achievements\n        achievements={reportData.progress_data.user_achievements}\n        studentName={studentName}\n      />\n      <Attendance\n        calendarData={reportData.calendar_data}\n        reportMonth={reportData.report_month}\n        reportYear={reportData.report_year}\n        onDateClick={showSnackbar}\n      />\n      {IS_APP_RUNNING_IN_RN && !reportData.feedback && reportData.student_course_ids[0] ? (\n        <Feedback\n          reportId={reportId}\n          studentName={studentName}\n          onFeedback={onFeedback}\n          studentCourseId={reportData.student_course_ids[0]}\n          showSnackbar={showSnackbar}\n        />\n      ) : (\n        <Separator heightX={1} />\n      )}\n    </Styled.MonthlyReportContainer>\n  );\n};\n\nexport default memo(MonthlyReport);\n"],"names":["MonthlyReport","studentName","reportId","onPuzzleClick","showSnackbar","onFeedback","getReport","reportData","isProcessing","isProcessingFailed","isStale","useMonthlyReportGet","fetchData","useCallback","useEffect","jsx","FlexView","AppLoader","Error","jsxs","Styled.MonthlyReportContainer","Goals","Activities","Achievements","Attendance","IS_APP_RUNNING_IN_RN","Feedback","Separator","monthlyReport","memo"],"mappings":";;;;;;;;;;;;;;AAgBA,MAAMA,IAAyC,CAAC;AAAA,EAC9C,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AACF,MAAM;AACE,QAAA;AAAA,IACJ,KAAKC;AAAA,IACL,MAAMC;AAAA,IACN,cAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,SAAAC;AAAA,MACEC,EAAoB,GAElBC,IAAYC,EAAY,MAAM;AAClC,IAAAP,EAAUJ,CAAQ;AAAA,EAAA,GACjB,CAACI,GAAWJ,CAAQ,CAAC;AAYpB,SAVJY,EAAU,MAAM;AACJ,IAAAF;EAAA,GACT,CAACA,CAAS,CAAC,GAEdE,EAAU,MAAM;AACV,IAAAJ,KAAW,CAACF,KACJI;EAEX,GAAA,CAACF,GAASF,GAAcI,CAAS,CAAC,GAEjCJ,KAAgB,CAACD,IAEhB,gBAAAQ,EAAAC,GAAA,EAAS,OAAO,GAAG,aAAY,UAAS,iBAAgB,UACvD,UAAC,gBAAAD,EAAAE,GAAA,EAAU,QAAO,SAAA,CAAS,EAC7B,CAAA,IAIAR,IAEC,gBAAAM,EAAAC,GAAA,EAAS,OAAO,GAAG,aAAY,UAAS,iBAAgB,UACvD,UAAC,gBAAAD,EAAAG,GAAA,EAAM,YAAYN,EAAA,CAAW,EAChC,CAAA,IAICL,IAKH,gBAAAY,EAACC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAL,EAACM,KAAM,YAAYd,EAAW,cAAc,iBAAiB,YAAY,IAAM;AAAA,sBAC9Ee,GAAW,EAAA,YAAYf,EAAW,cAAc,YAAY,eAAAJ,GAA8B;AAAA,IAC3F,gBAAAY;AAAA,MAACQ;AAAA,MAAA;AAAA,QACC,cAAchB,EAAW,cAAc;AAAA,QACvC,aAAAN;AAAA,MAAA;AAAA,IACF;AAAA,IACA,gBAAAc;AAAA,MAACS;AAAA,MAAA;AAAA,QACC,cAAcjB,EAAW;AAAA,QACzB,aAAaA,EAAW;AAAA,QACxB,YAAYA,EAAW;AAAA,QACvB,aAAaH;AAAA,MAAA;AAAA,IACf;AAAA,IACCqB,KAAwB,CAAClB,EAAW,YAAYA,EAAW,mBAAmB,CAAC,IAC9E,gBAAAQ;AAAA,MAACW;AAAA,MAAA;AAAA,QACC,UAAAxB;AAAA,QACA,aAAAD;AAAA,QACA,YAAAI;AAAA,QACA,iBAAiBE,EAAW,mBAAmB,CAAC;AAAA,QAChD,cAAAH;AAAA,MAAA;AAAA,IAGF,IAAA,gBAAAW,EAACY,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,EAE3B,EAAA,CAAA,IA5BO;AA8BX,GAEeC,IAAAC,EAAK7B,CAAa;"}

package/dist/features/timeline/monthly-timeline/api/use-monthly-timeline-get.js

@@ -0,0 +1,10 @@
+import { createGetAPI as t } from "@cuemath/rest-api";
+import { BASE_URL_V1 as o } from "../../../../constants/api.js";
+import { stringify as i } from "../../../../helpers/query-string.js";
+const { useGet: p } = t({
+  getURL: (e, r) => `${o}/users/${e}/reports/?${i(r)}`
+});
+export {
+  p as useMonthlyTimelineGet
+};
+//# sourceMappingURL=use-monthly-timeline-get.js.map

package/dist/features/timeline/monthly-timeline/api/use-monthly-timeline-get.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-monthly-timeline-get.js","sources":["../../../../../src/features/timeline/monthly-timeline/api/use-monthly-timeline-get.ts"],"sourcesContent":["import { createGetAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V1 } from '../../../../constants/api';\nimport { type IMonthlyTimeline } from '../monthly-timeline-types';\nimport { stringify } from '../../../../helpers/query-string';\n\ninterface MonthlyTimelineParams {\n  course_streams?: string[];\n  timezone?: string;\n}\n\nconst { useGet: useMonthlyTimelineGet } = createGetAPI<IMonthlyTimeline[], MonthlyTimelineParams>({\n  getURL: (studentId, params: MonthlyTimelineParams) => {\n    return `${BASE_URL_V1}/users/${studentId}/reports/?${stringify(params)}`;\n  },\n});\n\nexport { useMonthlyTimelineGet };\n"],"names":["useMonthlyTimelineGet","createGetAPI","studentId","params","BASE_URL_V1","stringify"],"mappings":";;;AAWA,MAAM,EAAE,QAAQA,EAAsB,IAAIC,EAAwD;AAAA,EAChG,QAAQ,CAACC,GAAWC,MACX,GAAGC,CAAW,UAAUF,CAAS,aAAaG,EAAUF,CAAM,CAAC;AAE1E,CAAC;"}