@cuemath/leap 3.5.32-as3 → 3.5.32-as6

package/dist/features/timeline/comps/new-progress-intro-modal/new-progress-intro-modal-constants.js

@@ -1,17 +1,17 @@
-import { ILLUSTRATIONS as e } from "../../../../assets/illustrations/illustrations.js";
-const t = [
+import { ILLUSTRATIONS as i } from "../../../../assets/illustrations/illustrations.js";
+const o = [
   {
     title: "Daily Progress",
-    description: "View all activities (class + home) in real-time",
-    icon: e.CLOCK_PURPLE
+    description: "Track both in-class and at-home activities in real-time",
+    icon: i.CLOCK_PURPLE
   },
   {
     title: "Monthly Reports",
-    description: "Get detailed summaries of progress and achievements",
-    icon: e.CALENDAR_PURPLE_2
+    description: "Get insights into your child's monthly progress and achievements",
+    icon: i.CALENDAR_PURPLE_2
   }
 ];
 export {
-  t as PROGRESS_INFO
+  o as PROGRESS_INFO
 };
 //# sourceMappingURL=new-progress-intro-modal-constants.js.map

package/dist/features/timeline/comps/new-progress-intro-modal/new-progress-intro-modal-constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"new-progress-intro-modal-constants.js","sources":["../../../../../src/features/timeline/comps/new-progress-intro-modal/new-progress-intro-modal-constants.ts"],"sourcesContent":["import { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\n\nexport const PROGRESS_INFO: {\n  title: string;\n  description: string;\n  icon: string;\n}[] = [\n  {\n    title: 'Daily Progress',\n    description: 'View all activities (class + home) in real-time',\n    icon: ILLUSTRATIONS.CLOCK_PURPLE,\n  },\n  {\n    title: 'Monthly Reports',\n    description: 'Get detailed summaries of progress and achievements',\n    icon: ILLUSTRATIONS.CALENDAR_PURPLE_2,\n  },\n];\n"],"names":["PROGRESS_INFO","ILLUSTRATIONS"],"mappings":";AAEO,MAAMA,IAIP;AAAA,EACJ;AAAA,IACE,OAAO;AAAA,IACP,aAAa;AAAA,IACb,MAAMC,EAAc;AAAA,EACtB;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,aAAa;AAAA,IACb,MAAMA,EAAc;AAAA,EACtB;AACF;"}
+{"version":3,"file":"new-progress-intro-modal-constants.js","sources":["../../../../../src/features/timeline/comps/new-progress-intro-modal/new-progress-intro-modal-constants.ts"],"sourcesContent":["import { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\n\nexport const PROGRESS_INFO: {\n  title: string;\n  description: string;\n  icon: string;\n}[] = [\n  {\n    title: 'Daily Progress',\n    description: 'Track both in-class and at-home activities in real-time',\n    icon: ILLUSTRATIONS.CLOCK_PURPLE,\n  },\n  {\n    title: 'Monthly Reports',\n    description: `Get insights into your child's monthly progress and achievements`,\n    icon: ILLUSTRATIONS.CALENDAR_PURPLE_2,\n  },\n];\n"],"names":["PROGRESS_INFO","ILLUSTRATIONS"],"mappings":";AAEO,MAAMA,IAIP;AAAA,EACJ;AAAA,IACE,OAAO;AAAA,IACP,aAAa;AAAA,IACb,MAAMC,EAAc;AAAA,EACtB;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,aAAa;AAAA,IACb,MAAMA,EAAc;AAAA,EACtB;AACF;"}

package/dist/features/timeline/comps/new-progress-intro-modal/new-progress-intro-modal.js

@@ -1,35 +1,35 @@
 import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import { memo as h } from "react";
+import { memo as d } from "react";
 import r from "../../../ui/layout/flex-view.js";
 import n from "../../../ui/separator/separator.js";
 import l from "../../../ui/image/image.js";
 import { ILLUSTRATIONS as a } from "../../../../assets/illustrations/illustrations.js";
-import o from "../../../ui/text/text.js";
-import { PROGRESS_INFO as d } from "./new-progress-intro-modal-constants.js";
-import m from "../../../ui/buttons/button/button.js";
-const g = ({ onClose: s }) => /* @__PURE__ */ t(r, { children: [
+import i from "../../../ui/text/text.js";
+import { PROGRESS_INFO as h } from "./new-progress-intro-modal-constants.js";
+import g from "../../../ui/buttons/button/button.js";
+const m = ({ onClose: s }) => /* @__PURE__ */ t(r, { children: [
   /* @__PURE__ */ t(r, { $background: "PURPLE_4", $alignItems: "center", $justifyContent: "center", children: [
     /* @__PURE__ */ e(n, { heightX: 1.5 }),
     /* @__PURE__ */ e(r, { $gutterX: 1.5, $alignItems: "center", $justifyContent: "center", $gap: 50, children: /* @__PURE__ */ e(l, { src: a.PROGRESS_BAR_PURPLE }) })
   ] }),
   /* @__PURE__ */ t(r, { $gutterX: 2, $gapX: 1.5, children: [
     /* @__PURE__ */ t(r, { children: [
-      /* @__PURE__ */ e(o, { $renderAs: "ab1-bold", children: "New on Cuemath: Enhanced Progress Tracking!" }),
+      /* @__PURE__ */ e(i, { $renderAs: "ab1-bold", children: "Introducing: Enhanced Progress Tracking" }),
       /* @__PURE__ */ e(n, { height: 4 }),
-      /* @__PURE__ */ e(o, { $renderAs: "ub1", children: "See your child's complete learning journey in one place. What’s New:" })
+      /* @__PURE__ */ e(i, { $renderAs: "ub1", children: "View your child's complete learning journey all in one place. Here’s what’s new:" })
     ] }),
     /* @__PURE__ */ e(n, { heightX: 1.5 }),
-    d.map((i, c) => /* @__PURE__ */ t(
+    h.map((o, c) => /* @__PURE__ */ t(
       r,
       {
         $flexDirection: "row",
         $alignItems: "flex-start",
         $flexGapX: 0.5,
         children: [
-          /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(l, { src: i.icon, width: 32, height: 32 }) }),
+          /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(l, { src: o.icon, width: 32, height: 32 }) }),
           /* @__PURE__ */ t(r, { $gutter: 4, $flex: 1, children: [
-            /* @__PURE__ */ e(o, { $renderAs: "ub1-bold", children: i.title }),
-            /* @__PURE__ */ e(o, { $renderAs: "ub1", children: i.description }),
+            /* @__PURE__ */ e(i, { $renderAs: "ub1-bold", children: o.title }),
+            /* @__PURE__ */ e(i, { $renderAs: "ub1", children: o.description }),
             /* @__PURE__ */ e(n, { heightX: 1.5 })
           ] })
         ]
@@ -37,7 +37,7 @@ const g = ({ onClose: s }) => /* @__PURE__ */ t(r, { children: [
       `progress-info-${c}`
     )),
     /* @__PURE__ */ e(r, { $alignItems: "center", $justifyContent: "center", $gapX: 0.5, children: /* @__PURE__ */ e(
-      m,
+      g,
       {
         width: 240,
         label: "View progress",
@@ -47,7 +47,7 @@ const g = ({ onClose: s }) => /* @__PURE__ */ t(r, { children: [
       }
     ) })
   ] })
-] }), R = h(g);
+] }), R = d(m);
 export {
   R as default
 };

package/dist/features/timeline/comps/new-progress-intro-modal/new-progress-intro-modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"new-progress-intro-modal.js","sources":["../../../../../src/features/timeline/comps/new-progress-intro-modal/new-progress-intro-modal.tsx"],"sourcesContent":["import { memo } from 'react';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Image from '../../../ui/image/image';\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport Text from '../../../ui/text/text';\nimport { PROGRESS_INFO } from './new-progress-intro-modal-constants';\nimport Button from '../../../ui/buttons/button/button';\n\nconst NewProgressIntroModal = ({ onClose }: { onClose: () => void }) => {\n  return (\n    <FlexView>\n      <FlexView $background=\"PURPLE_4\" $alignItems=\"center\" $justifyContent=\"center\">\n        <Separator heightX={1.5} />\n        <FlexView $gutterX={1.5} $alignItems=\"center\" $justifyContent=\"center\" $gap={50}>\n          <Image src={ILLUSTRATIONS.PROGRESS_BAR_PURPLE} />\n        </FlexView>\n      </FlexView>\n      <FlexView $gutterX={2} $gapX={1.5}>\n        <FlexView>\n          <Text $renderAs=\"ab1-bold\">New on Cuemath: Enhanced Progress Tracking!</Text>\n          <Separator height={4} />\n          <Text $renderAs=\"ub1\">\n            See your child's complete learning journey in one place. What’s New:\n          </Text>\n        </FlexView>\n        <Separator heightX={1.5} />\n        {PROGRESS_INFO.map((item, index) => (\n          <FlexView\n            key={`progress-info-${index}`}\n            $flexDirection=\"row\"\n            $alignItems=\"flex-start\"\n            $flexGapX={0.5}\n          >\n            <FlexView>\n              <Image src={item.icon} width={32} height={32} />\n            </FlexView>\n            <FlexView $gutter={4} $flex={1}>\n              <Text $renderAs=\"ub1-bold\">{item.title}</Text>\n              <Text $renderAs=\"ub1\">{item.description}</Text>\n              <Separator heightX={1.5} />\n            </FlexView>\n          </FlexView>\n        ))}\n        <FlexView $alignItems=\"center\" $justifyContent=\"center\" $gapX={0.5}>\n          <Button\n            width={240}\n            label=\"View progress\"\n            renderAs=\"black\"\n            shape=\"square\"\n            onClick={onClose}\n          />\n        </FlexView>\n      </FlexView>\n    </FlexView>\n  );\n};\n\nexport default memo(NewProgressIntroModal);\n"],"names":["NewProgressIntroModal","onClose","FlexView","jsxs","jsx","Separator","Image","ILLUSTRATIONS","Text","PROGRESS_INFO","item","index","Button","newProgressIntroModal","memo"],"mappings":";;;;;;;;;AAUA,MAAMA,IAAwB,CAAC,EAAE,SAAAC,0BAE5BC,GACC,EAAA,UAAA;AAAA,EAAA,gBAAAC,EAACD,KAAS,aAAY,YAAW,aAAY,UAAS,iBAAgB,UACpE,UAAA;AAAA,IAAC,gBAAAE,EAAAC,GAAA,EAAU,SAAS,IAAK,CAAA;AAAA,IACxB,gBAAAD,EAAAF,GAAA,EAAS,UAAU,KAAK,aAAY,UAAS,iBAAgB,UAAS,MAAM,IAC3E,UAAC,gBAAAE,EAAAE,GAAA,EAAM,KAAKC,EAAc,oBAAqB,CAAA,GACjD;AAAA,EAAA,GACF;AAAA,EACC,gBAAAJ,EAAAD,GAAA,EAAS,UAAU,GAAG,OAAO,KAC5B,UAAA;AAAA,IAAA,gBAAAC,EAACD,GACC,EAAA,UAAA;AAAA,MAAC,gBAAAE,EAAAI,GAAA,EAAK,WAAU,YAAW,UAA2C,+CAAA;AAAA,MACtE,gBAAAJ,EAACC,GAAU,EAAA,QAAQ,EAAG,CAAA;AAAA,MACrB,gBAAAD,EAAAI,GAAA,EAAK,WAAU,OAAM,UAEtB,wEAAA;AAAA,IAAA,GACF;AAAA,IACA,gBAAAJ,EAACC,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,IACxBI,EAAc,IAAI,CAACC,GAAMC,MACxB,gBAAAR;AAAA,MAACD;AAAA,MAAA;AAAA,QAEC,gBAAe;AAAA,QACf,aAAY;AAAA,QACZ,WAAW;AAAA,QAEX,UAAA;AAAA,UAAC,gBAAAE,EAAAF,GAAA,EACC,UAAC,gBAAAE,EAAAE,GAAA,EAAM,KAAKI,EAAK,MAAM,OAAO,IAAI,QAAQ,GAAA,CAAI,EAChD,CAAA;AAAA,UACC,gBAAAP,EAAAD,GAAA,EAAS,SAAS,GAAG,OAAO,GAC3B,UAAA;AAAA,YAAA,gBAAAE,EAACI,GAAK,EAAA,WAAU,YAAY,UAAAE,EAAK,OAAM;AAAA,YACtC,gBAAAN,EAAAI,GAAA,EAAK,WAAU,OAAO,YAAK,aAAY;AAAA,YACxC,gBAAAJ,EAACC,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,UAAA,GAC3B;AAAA,QAAA;AAAA,MAAA;AAAA,MAZK,iBAAiBM,CAAK;AAAA,IAAA,CAc9B;AAAA,sBACAT,GAAS,EAAA,aAAY,UAAS,iBAAgB,UAAS,OAAO,KAC7D,UAAA,gBAAAE;AAAA,MAACQ;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,OAAM;AAAA,QACN,UAAS;AAAA,QACT,OAAM;AAAA,QACN,SAASX;AAAA,MAAA;AAAA,IAAA,GAEb;AAAA,EAAA,GACF;AACF,EAAA,CAAA,GAIWY,IAAAC,EAAKd,CAAqB;"}
+{"version":3,"file":"new-progress-intro-modal.js","sources":["../../../../../src/features/timeline/comps/new-progress-intro-modal/new-progress-intro-modal.tsx"],"sourcesContent":["import { memo } from 'react';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Image from '../../../ui/image/image';\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport Text from '../../../ui/text/text';\nimport { PROGRESS_INFO } from './new-progress-intro-modal-constants';\nimport Button from '../../../ui/buttons/button/button';\n\nconst NewProgressIntroModal = ({ onClose }: { onClose: () => void }) => {\n  return (\n    <FlexView>\n      <FlexView $background=\"PURPLE_4\" $alignItems=\"center\" $justifyContent=\"center\">\n        <Separator heightX={1.5} />\n        <FlexView $gutterX={1.5} $alignItems=\"center\" $justifyContent=\"center\" $gap={50}>\n          <Image src={ILLUSTRATIONS.PROGRESS_BAR_PURPLE} />\n        </FlexView>\n      </FlexView>\n      <FlexView $gutterX={2} $gapX={1.5}>\n        <FlexView>\n          <Text $renderAs=\"ab1-bold\">Introducing: Enhanced Progress Tracking</Text>\n          <Separator height={4} />\n          <Text $renderAs=\"ub1\">\n            View your child's complete learning journey all in one place. Here’s what’s new:\n          </Text>\n        </FlexView>\n        <Separator heightX={1.5} />\n        {PROGRESS_INFO.map((item, index) => (\n          <FlexView\n            key={`progress-info-${index}`}\n            $flexDirection=\"row\"\n            $alignItems=\"flex-start\"\n            $flexGapX={0.5}\n          >\n            <FlexView>\n              <Image src={item.icon} width={32} height={32} />\n            </FlexView>\n            <FlexView $gutter={4} $flex={1}>\n              <Text $renderAs=\"ub1-bold\">{item.title}</Text>\n              <Text $renderAs=\"ub1\">{item.description}</Text>\n              <Separator heightX={1.5} />\n            </FlexView>\n          </FlexView>\n        ))}\n        <FlexView $alignItems=\"center\" $justifyContent=\"center\" $gapX={0.5}>\n          <Button\n            width={240}\n            label=\"View progress\"\n            renderAs=\"black\"\n            shape=\"square\"\n            onClick={onClose}\n          />\n        </FlexView>\n      </FlexView>\n    </FlexView>\n  );\n};\n\nexport default memo(NewProgressIntroModal);\n"],"names":["NewProgressIntroModal","onClose","FlexView","jsxs","jsx","Separator","Image","ILLUSTRATIONS","Text","PROGRESS_INFO","item","index","Button","newProgressIntroModal","memo"],"mappings":";;;;;;;;;AAUA,MAAMA,IAAwB,CAAC,EAAE,SAAAC,0BAE5BC,GACC,EAAA,UAAA;AAAA,EAAA,gBAAAC,EAACD,KAAS,aAAY,YAAW,aAAY,UAAS,iBAAgB,UACpE,UAAA;AAAA,IAAC,gBAAAE,EAAAC,GAAA,EAAU,SAAS,IAAK,CAAA;AAAA,IACxB,gBAAAD,EAAAF,GAAA,EAAS,UAAU,KAAK,aAAY,UAAS,iBAAgB,UAAS,MAAM,IAC3E,UAAC,gBAAAE,EAAAE,GAAA,EAAM,KAAKC,EAAc,oBAAqB,CAAA,GACjD;AAAA,EAAA,GACF;AAAA,EACC,gBAAAJ,EAAAD,GAAA,EAAS,UAAU,GAAG,OAAO,KAC5B,UAAA;AAAA,IAAA,gBAAAC,EAACD,GACC,EAAA,UAAA;AAAA,MAAC,gBAAAE,EAAAI,GAAA,EAAK,WAAU,YAAW,UAAuC,2CAAA;AAAA,MAClE,gBAAAJ,EAACC,GAAU,EAAA,QAAQ,EAAG,CAAA;AAAA,MACrB,gBAAAD,EAAAI,GAAA,EAAK,WAAU,OAAM,UAEtB,oFAAA;AAAA,IAAA,GACF;AAAA,IACA,gBAAAJ,EAACC,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,IACxBI,EAAc,IAAI,CAACC,GAAMC,MACxB,gBAAAR;AAAA,MAACD;AAAA,MAAA;AAAA,QAEC,gBAAe;AAAA,QACf,aAAY;AAAA,QACZ,WAAW;AAAA,QAEX,UAAA;AAAA,UAAC,gBAAAE,EAAAF,GAAA,EACC,UAAC,gBAAAE,EAAAE,GAAA,EAAM,KAAKI,EAAK,MAAM,OAAO,IAAI,QAAQ,GAAA,CAAI,EAChD,CAAA;AAAA,UACC,gBAAAP,EAAAD,GAAA,EAAS,SAAS,GAAG,OAAO,GAC3B,UAAA;AAAA,YAAA,gBAAAE,EAACI,GAAK,EAAA,WAAU,YAAY,UAAAE,EAAK,OAAM;AAAA,YACtC,gBAAAN,EAAAI,GAAA,EAAK,WAAU,OAAO,YAAK,aAAY;AAAA,YACxC,gBAAAJ,EAACC,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,UAAA,GAC3B;AAAA,QAAA;AAAA,MAAA;AAAA,MAZK,iBAAiBM,CAAK;AAAA,IAAA,CAc9B;AAAA,sBACAT,GAAS,EAAA,aAAY,UAAS,iBAAgB,UAAS,OAAO,KAC7D,UAAA,gBAAAE;AAAA,MAACQ;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,OAAM;AAAA,QACN,UAAS;AAAA,QACT,OAAM;AAAA,QACN,SAASX;AAAA,MAAA;AAAA,IAAA,GAEb;AAAA,EAAA,GACF;AACF,EAAA,CAAA,GAIWY,IAAAC,EAAKd,CAAqB;"}

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

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

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

@@ -1 +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;"}
+{"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: monthlyTimelineGet } = createGetAPI<IMonthlyTimeline[], MonthlyTimelineParams>({\n  getURL: (studentId, params: MonthlyTimelineParams) => {\n    return `${BASE_URL_V1}/users/${studentId}/reports/?${stringify(params)}`;\n  },\n});\n\nexport { monthlyTimelineGet };\n"],"names":["monthlyTimelineGet","createGetAPI","studentId","params","BASE_URL_V1","stringify"],"mappings":";;;AAWA,MAAM,EAAE,QAAQA,EAAmB,IAAIC,EAAwD;AAAA,EAC7F,QAAQ,CAACC,GAAWC,MACX,GAAGC,CAAW,UAAUF,CAAS,aAAaG,EAAUF,CAAM,CAAC;AAE1E,CAAC;"}

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

@@ -1,35 +1,35 @@
-import { jsxs as a, jsx as i } from "react/jsx-runtime";
-import { memo as x } from "react";
+import { jsxs as a, jsx as l } from "react/jsx-runtime";
+import { memo as C, useCallback as x } from "react";
 import { GoalsSection as P } from "./monthly-card.styled.js";
 import I from "../../monthly-report/comps/goals/goals-card/goals-card.js";
-import n from "../../../../ui/layout/flex-view.js";
-import M from "../../../../ui/buttons/clickable/clickable.js";
-import w from "../../../../../assets/line-icons/icons/carat-right.js";
-import $ from "../../../../ui/text/text.js";
-import g from "../../../../ui/image/image.js";
-import { REPORT_CONFIG as c, monthNames as E } from "../../constants.js";
+import t from "../../../../ui/layout/flex-view.js";
+import w from "../../../../ui/buttons/clickable/clickable.js";
+import E from "../../../../../assets/line-icons/icons/carat-right.js";
+import _ from "../../../../ui/text/text.js";
+import u from "../../../../ui/image/image.js";
+import { monthNames as V, REPORT_CONFIG as d } from "../../constants.js";
 import { REPORT_TYPE as o } from "../../monthly-timeline-types.js";
 import { ILLUSTRATIONS as L } from "../../../../../assets/illustrations/illustrations.js";
-const T = ({
-  report: e,
-  year: _,
-  month: R,
+const X = ({
+  report: i,
+  year: r,
+  month: h,
   onReportClick: s,
-  reportType: l,
-  courseStream: u
+  reportType: e,
+  courseStream: R
 }) => {
-  var m, h, f;
-  const b = () => {
-    s && s((e == null ? void 0 : e.id) || "", l, _, E[R - 1] || "");
-  };
-  let t = { label: "", icon: "" };
-  l === o.PTM ? t = c.PTM ?? { label: "Report", icon: "full" } : l === o.MPR_V1 ? t = c.MPR_V1 ?? { label: "Report", icon: "full" } : l === o.MPR_V2 && (t = c["MPR_V2_" + (u || "").toLowerCase()] ?? {
+  var f, $, g;
+  const b = x(() => {
+    s && s((i == null ? void 0 : i.id) || "", e, r, V[h - 1] || "");
+  }, [h, s, i == null ? void 0 : i.id, e, r]);
+  let n = { label: "", icon: "" };
+  e === o.PTM ? n = d.PTM ?? { label: "Report", icon: "full" } : e === o.MPR_V1 ? n = d.MPR_V1 ?? { label: "Report", icon: "full" } : e === o.MPR_V2 && (n = d["MPR_V2_" + (R || "").toLowerCase()] ?? {
     label: "Report",
     icon: "full"
   });
-  const d = l === o.PTM ? [] : ((m = e == null ? void 0 : e.progress_data) == null ? void 0 : m.user_milestones) || [];
-  return l === o.MPR_V2 && !((f = (h = e == null ? void 0 : e.progress_data) == null ? void 0 : h.user_milestones) != null && f.length) ? /* @__PURE__ */ a(
-    n,
+  const m = e === o.PTM ? [] : ((f = i == null ? void 0 : i.progress_data) == null ? void 0 : f.user_milestones) || [];
+  return e === o.MPR_V2 && !((g = ($ = i == null ? void 0 : i.progress_data) == null ? void 0 : $.user_milestones) != null && g.length) ? /* @__PURE__ */ a(
+    t,
     {
       $flexDirection: "row",
       $alignItems: "center",
@@ -40,28 +40,28 @@ const T = ({
       $background: "WHITE_3",
       $heightX: 4.5,
       children: [
-        /* @__PURE__ */ i(g, { src: L.NO_REPORT, alt: "report icon", withLoader: !0, width: 32, height: 32 }),
-        /* @__PURE__ */ i($, { $renderAs: "ub2", $color: "BLACK_1", children: "Report unavailable - no activity this month." })
+        /* @__PURE__ */ l(u, { src: L.NO_REPORT, alt: "report icon", withLoader: !0, width: 32, height: 32 }),
+        /* @__PURE__ */ l(_, { $renderAs: "ub2", $color: "BLACK_1", children: "Report unavailable - no activity this month." })
       ]
     }
-  ) : /* @__PURE__ */ i(
-    M,
+  ) : /* @__PURE__ */ l(
+    w,
     {
       onClick: b,
-      disabled: !(e != null && e.id) && l !== o.MPR_V1,
+      disabled: !(i != null && i.id) && e !== o.MPR_V1,
       label: "Report Card click",
-      children: /* @__PURE__ */ a(n, { $flexGap: 1, $borderColor: "BLACK_1", children: [
-        !!d.length && /* @__PURE__ */ i(P, { $flexGap: 1, children: d.map((r, C) => /* @__PURE__ */ i(
+      children: /* @__PURE__ */ a(t, { $flexGap: 1, $borderColor: "BLACK_1", children: [
+        !!m.length && /* @__PURE__ */ l(P, { $flexGap: 1, children: m.map((c, M) => /* @__PURE__ */ l(
           I,
           {
-            category: r.goal_category,
-            milestone: r,
+            category: c.goal_category,
+            milestone: c,
             isExpended: !1
           },
-          r.user_milestone_id || C
+          c.user_milestone_id || M
         )) }),
         /* @__PURE__ */ a(
-          n,
+          t,
           {
             $flexDirection: "row",
             $alignItems: "center",
@@ -69,19 +69,19 @@ const T = ({
             $background: "BLACK_1",
             $heightX: 3,
             children: [
-              /* @__PURE__ */ a(n, { $flexDirection: "row", $alignItems: "center", $flexGapX: 0.5, $gutterX: 1, children: [
-                /* @__PURE__ */ i(g, { src: t.icon, alt: "report icon", withLoader: !0, width: 32, height: 32 }),
-                /* @__PURE__ */ i($, { $renderAs: "ub2-bold", $color: "WHITE", children: t.label })
+              /* @__PURE__ */ a(t, { $flexDirection: "row", $alignItems: "center", $flexGapX: 0.5, $gutterX: 1, children: [
+                /* @__PURE__ */ l(u, { src: n.icon, alt: "report icon", withLoader: !0, width: 32, height: 32 }),
+                /* @__PURE__ */ l(_, { $renderAs: "ub2-bold", $color: "WHITE", children: n.label })
               ] }),
-              /* @__PURE__ */ i(n, { $gutterX: 0.75, children: /* @__PURE__ */ i(w, { width: 24, height: 24, color: "WHITE" }) })
+              /* @__PURE__ */ l(t, { $gutterX: 0.75, children: /* @__PURE__ */ l(E, { width: 24, height: 24, color: "WHITE" }) })
             ]
           }
         )
       ] })
     }
   );
-}, K = x(T);
+}, v = C(X);
 export {
-  K as default
+  v as default
 };
 //# sourceMappingURL=monthly-card.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"monthly-card.js","sources":["../../../../../../src/features/timeline/monthly-timeline/comps/monthly-card/monthly-card.tsx"],"sourcesContent":["import { memo, type FC } from 'react';\n\nimport { type IMonthlyReportCardProps } from './monthly-card-types';\nimport * as Styled from './monthly-card.styled';\nimport GoalsCard from '../../monthly-report/comps/goals/goals-card/goals-card';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Clickable from '../../../../ui/buttons/clickable/clickable';\nimport CaratRightIcon from '../../../../../assets/line-icons/icons/carat-right';\nimport Text from '../../../../ui/text/text';\nimport Image from '../../../../ui/image/image';\nimport { monthNames, REPORT_CONFIG } from '../../constants';\nimport { REPORT_TYPE } from '../../monthly-timeline-types';\nimport { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\n\nconst MonthlyReportCard: FC<IMonthlyReportCardProps> = ({\n  report,\n  year,\n  month,\n  onReportClick,\n  reportType,\n  courseStream,\n}) => {\n  const handleReportClick = () => {\n    if (onReportClick) {\n      onReportClick(report?.id || '', reportType, year, monthNames[month - 1] || '');\n    }\n  };\n\n  let config = { label: '', icon: '' };\n\n  if (reportType === REPORT_TYPE.PTM) {\n    config = REPORT_CONFIG.PTM ?? { label: 'Report', icon: 'full' };\n  } else if (reportType === REPORT_TYPE.MPR_V1) {\n    config = REPORT_CONFIG.MPR_V1 ?? { label: 'Report', icon: 'full' };\n  } else if (reportType === REPORT_TYPE.MPR_V2) {\n    config = REPORT_CONFIG['MPR_V2_' + (courseStream || '').toLowerCase()] ?? {\n      label: 'Report',\n      icon: 'full',\n    };\n  }\n\n  const reportMilestones =\n    reportType === REPORT_TYPE.PTM ? [] : report?.progress_data?.user_milestones || [];\n\n  if (reportType === REPORT_TYPE.MPR_V2 && !report?.progress_data?.user_milestones?.length) {\n    return (\n      <FlexView\n        $flexDirection=\"row\"\n        $alignItems=\"center\"\n        $flexGapX={0.5}\n        $gutterX={1}\n        $gapX={1}\n        $borderColor=\"WHITE_5\"\n        $background=\"WHITE_3\"\n        $heightX={4.5}\n      >\n        <Image src={ILLUSTRATIONS.NO_REPORT} alt=\"report icon\" withLoader width={32} height={32} />\n        <Text $renderAs=\"ub2\" $color=\"BLACK_1\">\n          Report unavailable - no activity this month.\n        </Text>\n      </FlexView>\n    );\n  }\n\n  return (\n    <Clickable\n      onClick={handleReportClick}\n      disabled={!report?.id && reportType !== REPORT_TYPE.MPR_V1}\n      label=\"Report Card click\"\n    >\n      <FlexView $flexGap={1} $borderColor=\"BLACK_1\">\n        {!!reportMilestones.length && (\n          <Styled.GoalsSection $flexGap={1}>\n            {reportMilestones.map((milestone, milestoneIndex) => (\n              <GoalsCard\n                key={milestone.user_milestone_id || milestoneIndex}\n                category={milestone.goal_category}\n                milestone={milestone}\n                isExpended={false}\n              />\n            ))}\n          </Styled.GoalsSection>\n        )}\n        <FlexView\n          $flexDirection=\"row\"\n          $alignItems=\"center\"\n          $justifyContent=\"space-between\"\n          $background=\"BLACK_1\"\n          $heightX={3}\n        >\n          <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexGapX={0.5} $gutterX={1}>\n            <Image src={config.icon} alt=\"report icon\" withLoader width={32} height={32} />\n            <Text $renderAs=\"ub2-bold\" $color=\"WHITE\">\n              {config.label}\n            </Text>\n          </FlexView>\n          <FlexView $gutterX={0.75}>\n            <CaratRightIcon width={24} height={24} color=\"WHITE\" />\n          </FlexView>\n        </FlexView>\n      </FlexView>\n    </Clickable>\n  );\n};\n\nexport default memo(MonthlyReportCard);\n"],"names":["MonthlyReportCard","report","year","month","onReportClick","reportType","courseStream","handleReportClick","monthNames","config","REPORT_TYPE","REPORT_CONFIG","reportMilestones","_a","_c","_b","jsxs","FlexView","jsx","Image","ILLUSTRATIONS","Text","Clickable","Styled.GoalsSection","milestone","milestoneIndex","GoalsCard","CaratRightIcon","MonthlyReportCard$1","memo"],"mappings":"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"}
+{"version":3,"file":"monthly-card.js","sources":["../../../../../../src/features/timeline/monthly-timeline/comps/monthly-card/monthly-card.tsx"],"sourcesContent":["import { memo, useCallback, type FC } from 'react';\n\nimport { type IMonthlyReportCardProps } from './monthly-card-types';\nimport * as Styled from './monthly-card.styled';\nimport GoalsCard from '../../monthly-report/comps/goals/goals-card/goals-card';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Clickable from '../../../../ui/buttons/clickable/clickable';\nimport CaratRightIcon from '../../../../../assets/line-icons/icons/carat-right';\nimport Text from '../../../../ui/text/text';\nimport Image from '../../../../ui/image/image';\nimport { monthNames, REPORT_CONFIG } from '../../constants';\nimport { REPORT_TYPE } from '../../monthly-timeline-types';\nimport { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\n\nconst MonthlyReportCard: FC<IMonthlyReportCardProps> = ({\n  report,\n  year,\n  month,\n  onReportClick,\n  reportType,\n  courseStream,\n}) => {\n  const handleReportClick = useCallback(() => {\n    if (onReportClick) {\n      onReportClick(report?.id || '', reportType, year, monthNames[month - 1] || '');\n    }\n  }, [month, onReportClick, report?.id, reportType, year]);\n\n  let config = { label: '', icon: '' };\n\n  if (reportType === REPORT_TYPE.PTM) {\n    config = REPORT_CONFIG.PTM ?? { label: 'Report', icon: 'full' };\n  } else if (reportType === REPORT_TYPE.MPR_V1) {\n    config = REPORT_CONFIG.MPR_V1 ?? { label: 'Report', icon: 'full' };\n  } else if (reportType === REPORT_TYPE.MPR_V2) {\n    config = REPORT_CONFIG[\n      ('MPR_V2_' + (courseStream || '').toLowerCase()) as keyof typeof REPORT_CONFIG\n    ] ?? {\n      label: 'Report',\n      icon: 'full',\n    };\n  }\n\n  const reportMilestones =\n    reportType === REPORT_TYPE.PTM ? [] : report?.progress_data?.user_milestones || [];\n\n  const hasNoMprV2Milestones =\n    reportType === REPORT_TYPE.MPR_V2 && !report?.progress_data?.user_milestones?.length;\n\n  if (hasNoMprV2Milestones) {\n    return (\n      <FlexView\n        $flexDirection=\"row\"\n        $alignItems=\"center\"\n        $flexGapX={0.5}\n        $gutterX={1}\n        $gapX={1}\n        $borderColor=\"WHITE_5\"\n        $background=\"WHITE_3\"\n        $heightX={4.5}\n      >\n        <Image src={ILLUSTRATIONS.NO_REPORT} alt=\"report icon\" withLoader width={32} height={32} />\n        <Text $renderAs=\"ub2\" $color=\"BLACK_1\">\n          Report unavailable - no activity this month.\n        </Text>\n      </FlexView>\n    );\n  }\n\n  return (\n    <Clickable\n      onClick={handleReportClick}\n      disabled={!report?.id && reportType !== REPORT_TYPE.MPR_V1}\n      label=\"Report Card click\"\n    >\n      <FlexView $flexGap={1} $borderColor=\"BLACK_1\">\n        {!!reportMilestones.length && (\n          <Styled.GoalsSection $flexGap={1}>\n            {reportMilestones.map((milestone, milestoneIndex) => (\n              <GoalsCard\n                key={milestone.user_milestone_id || milestoneIndex}\n                category={milestone.goal_category}\n                milestone={milestone}\n                isExpended={false}\n              />\n            ))}\n          </Styled.GoalsSection>\n        )}\n        <FlexView\n          $flexDirection=\"row\"\n          $alignItems=\"center\"\n          $justifyContent=\"space-between\"\n          $background=\"BLACK_1\"\n          $heightX={3}\n        >\n          <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexGapX={0.5} $gutterX={1}>\n            <Image src={config.icon} alt=\"report icon\" withLoader width={32} height={32} />\n            <Text $renderAs=\"ub2-bold\" $color=\"WHITE\">\n              {config.label}\n            </Text>\n          </FlexView>\n          <FlexView $gutterX={0.75}>\n            <CaratRightIcon width={24} height={24} color=\"WHITE\" />\n          </FlexView>\n        </FlexView>\n      </FlexView>\n    </Clickable>\n  );\n};\n\nexport default memo(MonthlyReportCard);\n"],"names":["MonthlyReportCard","report","year","month","onReportClick","reportType","courseStream","handleReportClick","useCallback","monthNames","config","REPORT_TYPE","REPORT_CONFIG","reportMilestones","_a","_c","_b","jsxs","FlexView","jsx","Image","ILLUSTRATIONS","Text","Clickable","Styled.GoalsSection","milestone","milestoneIndex","GoalsCard","CaratRightIcon","MonthlyReportCard$1","memo"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/features/timeline/monthly-timeline/constants.ts"],"sourcesContent":["import { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\n\nexport const monthNames = [\n  'Jan',\n  'Feb',\n  'Mar',\n  'Apr',\n  'May',\n  'Jun',\n  'Jul',\n  'Aug',\n  'Sep',\n  'Oct',\n  'Nov',\n  'Dec',\n];\n\nexport const yearImages: Record<number, string> = {\n  2021: ILLUSTRATIONS[2021],\n  2022: ILLUSTRATIONS[2022],\n  2023: ILLUSTRATIONS[2023],\n  2024: ILLUSTRATIONS[2024],\n  2025: ILLUSTRATIONS[2025],\n  2026: ILLUSTRATIONS[2026],\n  2027: ILLUSTRATIONS[2027],\n  2028: ILLUSTRATIONS[2028],\n};\n\nexport const REPORT_CONFIG: Record<string, { label: string; icon: string }> = {\n  PTM: { label: 'PTM Report', icon: ILLUSTRATIONS.PTM_REPORT_ICON },\n  MPR_V1: { label: 'View Full Report', icon: ILLUSTRATIONS.FULL_REPORT },\n  MPR_V2_math: { label: 'MathFit Report', icon: ILLUSTRATIONS.MATH_FIT_GREY },\n  MPR_V2_elp: { label: 'ELP Report', icon: ILLUSTRATIONS.ELP_ICON },\n  MPR_V2_ela: { label: 'ELA Report', icon: ILLUSTRATIONS.ELP_ICON },\n  MPR_V2_english: { label: 'English Report', icon: ILLUSTRATIONS.ENGLISH_ICON },\n  MPR_V2_science: { label: 'Science Report', icon: ILLUSTRATIONS.SCIENCE_REPORT_ICON },\n  MPR_V2_sat: { label: 'SAT Report', icon: ILLUSTRATIONS.SAT_REPORT_ICON },\n  MPR_V2_coding: { label: 'Coding Report', icon: ILLUSTRATIONS.CODING_REPORT_ICON },\n};\n"],"names":["monthNames","yearImages","ILLUSTRATIONS","REPORT_CONFIG"],"mappings":";AAEO,MAAMA,IAAa;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAEaC,IAAqC;AAAA,EAChD,MAAMC,EAAc,IAAI;AAAA,EACxB,MAAMA,EAAc,IAAI;AAAA,EACxB,MAAMA,EAAc,IAAI;AAAA,EACxB,MAAMA,EAAc,IAAI;AAAA,EACxB,MAAMA,EAAc,IAAI;AAAA,EACxB,MAAMA,EAAc,IAAI;AAAA,EACxB,MAAMA,EAAc,IAAI;AAAA,EACxB,MAAMA,EAAc,IAAI;AAC1B,GAEaC,IAAiE;AAAA,EAC5E,KAAK,EAAE,OAAO,cAAc,MAAMD,EAAc,gBAAgB;AAAA,EAChE,QAAQ,EAAE,OAAO,oBAAoB,MAAMA,EAAc,YAAY;AAAA,EACrE,aAAa,EAAE,OAAO,kBAAkB,MAAMA,EAAc,cAAc;AAAA,EAC1E,YAAY,EAAE,OAAO,cAAc,MAAMA,EAAc,SAAS;AAAA,EAChE,YAAY,EAAE,OAAO,cAAc,MAAMA,EAAc,SAAS;AAAA,EAChE,gBAAgB,EAAE,OAAO,kBAAkB,MAAMA,EAAc,aAAa;AAAA,EAC5E,gBAAgB,EAAE,OAAO,kBAAkB,MAAMA,EAAc,oBAAoB;AAAA,EACnF,YAAY,EAAE,OAAO,cAAc,MAAMA,EAAc,gBAAgB;AAAA,EACvE,eAAe,EAAE,OAAO,iBAAiB,MAAMA,EAAc,mBAAmB;AAClF;"}
+{"version":3,"file":"constants.js","sources":["../../../../src/features/timeline/monthly-timeline/constants.ts"],"sourcesContent":["import { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\n\nexport enum REPORT_CONFIG_TYPE {\n  PTM = 'PTM',\n  MPR_V1 = 'MPR_V1',\n  MPR_V2_math = 'MPR_V2_math',\n  MPR_V2_elp = 'MPR_V2_elp',\n  MPR_V2_ela = 'MPR_V2_ela',\n  MPR_V2_english = 'MPR_V2_english',\n  MPR_V2_science = 'MPR_V2_science',\n  MPR_V2_sat = 'MPR_V2_sat',\n  MPR_V2_coding = 'MPR_V2_coding',\n}\n\nexport const monthNames = [\n  'Jan',\n  'Feb',\n  'Mar',\n  'Apr',\n  'May',\n  'Jun',\n  'Jul',\n  'Aug',\n  'Sep',\n  'Oct',\n  'Nov',\n  'Dec',\n];\n\nexport const yearImages: Record<number, string> = {\n  2021: ILLUSTRATIONS[2021],\n  2022: ILLUSTRATIONS[2022],\n  2023: ILLUSTRATIONS[2023],\n  2024: ILLUSTRATIONS[2024],\n  2025: ILLUSTRATIONS[2025],\n  2026: ILLUSTRATIONS[2026],\n  2027: ILLUSTRATIONS[2027],\n  2028: ILLUSTRATIONS[2028],\n};\n\nexport const REPORT_CONFIG: Record<REPORT_CONFIG_TYPE, { label: string; icon: string }> = {\n  PTM: { label: 'PTM Report', icon: ILLUSTRATIONS.PTM_REPORT_ICON },\n  MPR_V1: { label: 'View Full Report', icon: ILLUSTRATIONS.FULL_REPORT },\n  MPR_V2_math: { label: 'MathFit Report', icon: ILLUSTRATIONS.MATH_FIT_GREY },\n  MPR_V2_elp: { label: 'ELP Report', icon: ILLUSTRATIONS.ELP_ICON },\n  MPR_V2_ela: { label: 'ELA Report', icon: ILLUSTRATIONS.ELP_ICON },\n  MPR_V2_english: { label: 'English Report', icon: ILLUSTRATIONS.ENGLISH_ICON },\n  MPR_V2_science: { label: 'Science Report', icon: ILLUSTRATIONS.SCIENCE_REPORT_ICON },\n  MPR_V2_sat: { label: 'SAT Report', icon: ILLUSTRATIONS.SAT_REPORT_ICON },\n  MPR_V2_coding: { label: 'Coding Report', icon: ILLUSTRATIONS.CODING_REPORT_ICON },\n};\n"],"names":["monthNames","yearImages","ILLUSTRATIONS","REPORT_CONFIG"],"mappings":";AAcO,MAAMA,IAAa;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAEaC,IAAqC;AAAA,EAChD,MAAMC,EAAc,IAAI;AAAA,EACxB,MAAMA,EAAc,IAAI;AAAA,EACxB,MAAMA,EAAc,IAAI;AAAA,EACxB,MAAMA,EAAc,IAAI;AAAA,EACxB,MAAMA,EAAc,IAAI;AAAA,EACxB,MAAMA,EAAc,IAAI;AAAA,EACxB,MAAMA,EAAc,IAAI;AAAA,EACxB,MAAMA,EAAc,IAAI;AAC1B,GAEaC,IAA6E;AAAA,EACxF,KAAK,EAAE,OAAO,cAAc,MAAMD,EAAc,gBAAgB;AAAA,EAChE,QAAQ,EAAE,OAAO,oBAAoB,MAAMA,EAAc,YAAY;AAAA,EACrE,aAAa,EAAE,OAAO,kBAAkB,MAAMA,EAAc,cAAc;AAAA,EAC1E,YAAY,EAAE,OAAO,cAAc,MAAMA,EAAc,SAAS;AAAA,EAChE,YAAY,EAAE,OAAO,cAAc,MAAMA,EAAc,SAAS;AAAA,EAChE,gBAAgB,EAAE,OAAO,kBAAkB,MAAMA,EAAc,aAAa;AAAA,EAC5E,gBAAgB,EAAE,OAAO,kBAAkB,MAAMA,EAAc,oBAAoB;AAAA,EACnF,YAAY,EAAE,OAAO,cAAc,MAAMA,EAAc,gBAAgB;AAAA,EACvE,eAAe,EAAE,OAAO,iBAAiB,MAAMA,EAAc,mBAAmB;AAClF;"}

package/dist/features/timeline/monthly-timeline/monthly-report/api/{use-monthly-report-get.js → use-monthly-report-api.js}

@@ -1,13 +1,13 @@
 import { createGetAPI as r, createPatchAPI as o } from "@cuemath/rest-api";
 import { BASE_URL_V1 as e } from "../../../../../constants/api.js";
-const { useGet: p, invalidate: a } = r({
+const { useGet: s, invalidate: a } = r({
   getURL: (t) => `${e}/monthly-progress-reports/${t}`
 }), { usePatch: h } = o({
   getURL: (t) => `${e}/monthly-progress-reports/${t}`
 });
 export {
   a as invalidateMonthlyReport,
-  p as useMonthlyReportGet,
-  h as useMonthlyReportPatch
+  s as monthlyReportGet,
+  h as monthlyReportPatch
 };
-//# sourceMappingURL=use-monthly-report-get.js.map
+//# sourceMappingURL=use-monthly-report-api.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-monthly-report-api.js","sources":["../../../../../../src/features/timeline/monthly-timeline/monthly-report/api/use-monthly-report-api.ts"],"sourcesContent":["import { createGetAPI, createPatchAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V1 } from '../../../../../constants/api';\nimport { type IMonthlyReportResponse } from '../monthly-report-types';\n\nconst { useGet: monthlyReportGet, invalidate: invalidateMonthlyReport } =\n  createGetAPI<IMonthlyReportResponse>({\n    getURL: (reportId: string) => {\n      return `${BASE_URL_V1}/monthly-progress-reports/${reportId}`;\n    },\n  });\n\nconst { usePatch: monthlyReportPatch } = createPatchAPI<\n  IMonthlyReportResponse,\n  { feedback: string }\n>({\n  getURL: (reportId: string) => {\n    return `${BASE_URL_V1}/monthly-progress-reports/${reportId}`;\n  },\n});\n\nexport { monthlyReportGet, monthlyReportPatch, invalidateMonthlyReport };\n"],"names":["monthlyReportGet","invalidateMonthlyReport","createGetAPI","reportId","BASE_URL_V1","monthlyReportPatch","createPatchAPI"],"mappings":";;AAKA,MAAM,EAAE,QAAQA,GAAkB,YAAYC,EAAA,IAC5CC,EAAqC;AAAA,EACnC,QAAQ,CAACC,MACA,GAAGC,CAAW,6BAA6BD,CAAQ;AAE9D,CAAC,GAEG,EAAE,UAAUE,EAAmB,IAAIC,EAGvC;AAAA,EACA,QAAQ,CAACH,MACA,GAAGC,CAAW,6BAA6BD,CAAQ;AAE9D,CAAC;"}

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

@@ -1,57 +1,57 @@
-import { jsxs as l, jsx as r } from "react/jsx-runtime";
-import { memo as z, useRef as I, useState as B, useMemo as d, useCallback as u } from "react";
-import { getCardTypeIconMap as $, stateIcon as p } from "../constants.js";
-import { CARD_TYPE as f } from "../../../monthly-report-types.js";
-import { ActivityCardContainerWrapper as M, ActivityCardContainer as S } from "./activities-card.styled.js";
+import { jsxs as l, jsx as o } from "react/jsx-runtime";
+import { memo as B, useRef as D, useState as I, useMemo as d, useCallback as u } from "react";
+import { getCardTypeIconMap as $, stateIcon as S } from "../constants.js";
+import { CARD_TYPE as g } from "../../../monthly-report-types.js";
+import { ActivityCardContainerWrapper as M, ActivityCardContainer as T } from "./activities-card.styled.js";
 import n from "../../../../../../ui/layout/flex-view.js";
-import T from "../../../../../../ui/lottie-animation/lottie-animation.js";
+import j from "../../../../../../ui/lottie-animation/lottie-animation.js";
 import m from "../../../../../../ui/text/text.js";
-import j from "../../../../../../homework/card-title.js";
-import k from "../activities-card-puzzles/activities-card-puzzles.js";
-import { NODE_STATE as h } from "../../../../../daily-timeline/daily-timeline-types.js";
-import G from "../../../../../../ui/buttons/text-button/text-button.js";
-import { countActivitiesByState as K } from "../utils.js";
-const O = {
+import k from "../../../../../../homework/card-title.js";
+import G from "../activities-card-puzzles/activities-card-puzzles.js";
+import { NODE_STATE as p } from "../../../../../daily-timeline/daily-timeline-types.js";
+import K from "../../../../../../ui/buttons/text-button/text-button.js";
+import { countActivitiesByState as y } from "../utils.js";
+const N = {
   autoplay: !1,
   loop: !0,
   renderer: "canvas"
-}, P = ({
+}, O = ({
   cardType: t,
-  nodeType: A,
-  activitiesList: o = [],
-  onPuzzleClick: C
+  nodeType: f,
+  activitiesList: r = [],
+  onPuzzleClick: A
 }) => {
-  const a = I(null), [s, x] = B(!1), b = d(() => {
-    const { totalDone: e, totalPending: i, totalOverdue: c } = K(o);
+  const a = D(null), [s, C] = I(!1), x = d(() => {
+    const { totalDone: e, totalPending: i, totalOverdue: c } = y(r);
     return [
       e > 0 && `${e} Done`,
       i > 0 && `${i} In-progress`,
       c > 0 && `${c} Overdue`
     ].filter(Boolean).join(", ");
-  }, [o]), X = d(() => t ? t.split("_").join(" ") : "", [t]), { displayedActivities: E, remainingCount: g } = d(() => {
-    if (t === f.puzzle)
-      return { displayedActivities: o, remainingCount: 0 };
-    const e = 3, i = o.length > e;
-    return s || !i ? { displayedActivities: o, remainingCount: 0 } : {
-      displayedActivities: o.slice(0, e),
-      remainingCount: o.length - e
+  }, [r]), b = d(() => t ? t.split("_").join(" ") : "", [t]), { displayedActivities: X, remainingCount: h } = d(() => {
+    if (t === g.puzzle)
+      return { displayedActivities: r, remainingCount: 0 };
+    const e = 3, i = r.length > e;
+    return s || !i ? { displayedActivities: r, remainingCount: 0 } : {
+      displayedActivities: r.slice(0, e),
+      remainingCount: r.length - e
     };
-  }, [o, s, t]), _ = u(() => {
+  }, [r, s, t]), w = (h > 0 || s) && r.length > 3, _ = u(() => {
     var e;
     (e = a.current) == null || e.play();
-  }, []), w = u(() => {
+  }, []), v = u(() => {
     var e;
     (e = a.current) == null || e.stop();
-  }, []), v = u(() => {
-    x((e) => !e);
+  }, []), E = u(() => {
+    C((e) => !e);
   }, []);
-  return /* @__PURE__ */ l(n, { onMouseEnter: _, onMouseLeave: w, children: [
-    /* @__PURE__ */ r(
+  return /* @__PURE__ */ l(n, { onMouseEnter: _, onMouseLeave: v, children: [
+    /* @__PURE__ */ o(
       M,
       {
         $background: $(t).color,
         children: /* @__PURE__ */ l(
-          S,
+          T,
           {
             $flexDirection: "row",
             $alignItems: "center",
@@ -60,7 +60,7 @@ const O = {
             $gutterX: 0.78125,
             $flexGap: 8.5,
             children: [
-              /* @__PURE__ */ r(
+              /* @__PURE__ */ o(
                 n,
                 {
                   $widthX: 2,
@@ -70,59 +70,59 @@ const O = {
                   $position: "relative",
                   $alignItems: "center",
                   $justifyContent: "center",
-                  children: /* @__PURE__ */ r(
-                    T,
+                  children: /* @__PURE__ */ o(
+                    j,
                     {
                       ref: a,
                       src: $(t).lottie,
                       width: 32,
                       height: 32,
-                      settings: O
+                      settings: N
                     }
                   )
                 }
               ),
               /* @__PURE__ */ l(n, { children: [
-                /* @__PURE__ */ r(j, { cardHeader: X, nodeType: A }),
-                /* @__PURE__ */ r(m, { $renderAs: "ub3", $color: "BLACK_1", children: b })
+                /* @__PURE__ */ o(k, { cardHeader: b, nodeType: f }),
+                /* @__PURE__ */ o(m, { $renderAs: "ub3", $color: "BLACK_1", children: x })
               ] })
             ]
           }
         )
       }
     ),
-    o.length > 0 && (t === f.puzzle ? /* @__PURE__ */ r(k, { puzzles: o, onPuzzleClick: C }) : /* @__PURE__ */ l(n, { $flexRowGapX: 1.25, $gutterX: 1, $gapX: 1, $borderColor: "GREY_2", children: [
-      E.map(({ state: e, title: i, subtext: c, id: D }, R) => /* @__PURE__ */ l(n, { $flexDirection: "row", $flexGapX: 1.05, children: [
-        /* @__PURE__ */ r(n, { $gapX: 0.25, children: /* @__PURE__ */ r(
+    r.length > 0 && (t === g.puzzle ? /* @__PURE__ */ o(G, { puzzles: r, onPuzzleClick: A }) : /* @__PURE__ */ l(n, { $flexRowGapX: 1.25, $gutterX: 1, $gapX: 1, $borderColor: "GREY_2", children: [
+      X.map(({ state: e, title: i, subtext: c, id: R }, z) => /* @__PURE__ */ l(n, { $flexDirection: "row", $flexGapX: 1.05, children: [
+        /* @__PURE__ */ o(n, { $gapX: 0.25, children: /* @__PURE__ */ o(
           n,
           {
             $borderRadiusX: 1,
-            $background: e === h.PENDING || e === h.NOT_STARTED ? "RED" : "BLACK_1",
+            $background: e === p.PENDING || e === p.NOT_STARTED ? "RED" : "BLACK_1",
             $widthX: 1,
             $heightX: 1,
             $alignItems: "center",
             $justifyContent: "center",
-            children: !!e && (p[e] || p[h.COMPLETED])
+            children: !!e && S[e]
           }
         ) }),
         /* @__PURE__ */ l(n, { $flexRowGap: 4, children: [
-          /* @__PURE__ */ r(m, { $renderAs: "ub2", $color: "BLACK_1", children: i || "" }),
-          /* @__PURE__ */ r(m, { $renderAs: "ub3", $color: "BLACK_T_60", children: c || "" })
+          /* @__PURE__ */ o(m, { $renderAs: "ub2", $color: "BLACK_1", children: i || "" }),
+          /* @__PURE__ */ o(m, { $renderAs: "ub3", $color: "BLACK_T_60", children: c || "" })
         ] })
-      ] }, `${D}-${R}`)),
-      (g > 0 || s) && o.length > 3 && /* @__PURE__ */ r(n, { $gutterX: 2, children: /* @__PURE__ */ r(
-        G,
+      ] }, `${R}-${z}`)),
+      w && /* @__PURE__ */ o(n, { $gutterX: 2, children: /* @__PURE__ */ o(
+        K,
         {
-          label: s ? "Show less" : `+${g} activities`,
+          label: s ? "Show less" : `+${h} activities`,
           size: "regular",
           color: "BLACK_1",
-          onClick: v
+          onClick: E
         }
       ) })
     ] }))
   ] });
-}, ee = z(P);
+}, oe = B(O);
 export {
-  ee as default
+  oe as default
 };
 //# sourceMappingURL=activities-card.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"activities-card.js","sources":["../../../../../../../../src/features/timeline/monthly-timeline/monthly-report/comps/activities/activities-card/activities-card.tsx"],"sourcesContent":["import { memo, type FC, useRef, useCallback, useMemo, useState } from 'react';\n\nimport { type IActivitiesCardProps } from './activities-card-types';\nimport { getCardTypeIconMap, stateIcon } from '../constants';\nimport { CARD_TYPE } from '../../../monthly-report-types';\nimport * as Styled from './activities-card.styled';\nimport FlexView from '../../../../../../ui/layout/flex-view';\nimport LottieAnimation from '../../../../../../ui/lottie-animation/lottie-animation';\nimport { type ILottieAnimationRef } from '../../../../../../ui/lottie-animation/types';\nimport Text from '../../../../../../ui/text/text';\nimport CardTitle from '../../../../../../homework/card-title';\nimport { type TColorNames } from '../../../../../../ui/types';\nimport ActivitiesCardPuzzles from '../activities-card-puzzles/activities-card-puzzles';\nimport { NODE_STATE } from '../../../../../daily-timeline/daily-timeline-types';\nimport TextButton from '../../../../../../ui/buttons/text-button/text-button';\nimport { countActivitiesByState } from '../utils';\n\nconst lottieSettings = {\n  autoplay: false,\n  loop: true,\n  renderer: 'canvas',\n};\n\nconst ActivitiesCard: FC<IActivitiesCardProps> = ({\n  cardType,\n  nodeType,\n  activitiesList = [],\n  onPuzzleClick,\n}) => {\n  const lottieRef = useRef<ILottieAnimationRef>(null);\n  const [showAllActivities, setShowAllActivities] = useState(false);\n\n  const progressStatus = useMemo(() => {\n    const { totalDone, totalPending, totalOverdue } = countActivitiesByState(activitiesList);\n\n    return [\n      totalDone > 0 && `${totalDone} Done`,\n      totalPending > 0 && `${totalPending} In-progress`,\n      totalOverdue > 0 && `${totalOverdue} Overdue`,\n    ]\n      .filter(Boolean)\n      .join(', ');\n  }, [activitiesList]);\n  const cardHeaderText = useMemo(() => (cardType ? cardType.split('_').join(' ') : ''), [cardType]);\n  const { displayedActivities, remainingCount } = useMemo(() => {\n    if (cardType === CARD_TYPE.puzzle) {\n      return { displayedActivities: activitiesList, remainingCount: 0 };\n    }\n\n    const maxVisible = 3;\n    const hasMore = activitiesList.length > maxVisible;\n\n    if (showAllActivities || !hasMore) {\n      return { displayedActivities: activitiesList, remainingCount: 0 };\n    }\n\n    return {\n      displayedActivities: activitiesList.slice(0, maxVisible),\n      remainingCount: activitiesList.length - maxVisible,\n    };\n  }, [activitiesList, showAllActivities, cardType]);\n\n  const handleMouseEnter = useCallback(() => {\n    lottieRef.current?.play();\n  }, []);\n\n  const handleMouseLeave = useCallback(() => {\n    lottieRef.current?.stop();\n  }, []);\n\n  const handleToggleActivities = useCallback(() => {\n    setShowAllActivities(prev => !prev);\n  }, []);\n\n  return (\n    <FlexView onMouseEnter={handleMouseEnter} onMouseLeave={handleMouseLeave}>\n      <Styled.ActivityCardContainerWrapper\n        $background={getCardTypeIconMap(cardType).color as TColorNames}\n      >\n        <Styled.ActivityCardContainer\n          $flexDirection=\"row\"\n          $alignItems=\"center\"\n          $height=\"56px\"\n          $bgImage={getCardTypeIconMap(cardType).background}\n          $gutterX={0.78125}\n          $flexGap={8.5}\n        >\n          <FlexView\n            $widthX={2}\n            $heightX={2}\n            $borderRadiusX={2}\n            $background=\"WHITE_1\"\n            $position=\"relative\"\n            $alignItems=\"center\"\n            $justifyContent=\"center\"\n          >\n            <LottieAnimation\n              ref={lottieRef}\n              src={getCardTypeIconMap(cardType).lottie}\n              width={32}\n              height={32}\n              settings={lottieSettings}\n            />\n          </FlexView>\n          <FlexView>\n            <CardTitle cardHeader={cardHeaderText} nodeType={nodeType} />\n            <Text $renderAs=\"ub3\" $color=\"BLACK_1\">\n              {progressStatus}\n            </Text>\n          </FlexView>\n        </Styled.ActivityCardContainer>\n      </Styled.ActivityCardContainerWrapper>\n      {activitiesList.length > 0 &&\n        (cardType === CARD_TYPE.puzzle ? (\n          <ActivitiesCardPuzzles puzzles={activitiesList} onPuzzleClick={onPuzzleClick} />\n        ) : (\n          <FlexView $flexRowGapX={1.25} $gutterX={1} $gapX={1} $borderColor=\"GREY_2\">\n            {displayedActivities.map(({ state, title, subtext, id }, index) => (\n              <FlexView $flexDirection=\"row\" $flexGapX={1.05} key={`${id}-${index}`}>\n                <FlexView $gapX={0.25}>\n                  <FlexView\n                    $borderRadiusX={1}\n                    $background={\n                      state === NODE_STATE.PENDING || state === NODE_STATE.NOT_STARTED\n                        ? 'RED'\n                        : 'BLACK_1'\n                    }\n                    $widthX={1}\n                    $heightX={1}\n                    $alignItems=\"center\"\n                    $justifyContent=\"center\"\n                  >\n                    {!!state && (stateIcon[state as NODE_STATE] || stateIcon[NODE_STATE.COMPLETED])}\n                  </FlexView>\n                </FlexView>\n                <FlexView $flexRowGap={4}>\n                  <Text $renderAs=\"ub2\" $color=\"BLACK_1\">\n                    {title || ''}\n                  </Text>\n                  <Text $renderAs=\"ub3\" $color=\"BLACK_T_60\">\n                    {subtext || ''}\n                  </Text>\n                </FlexView>\n              </FlexView>\n            ))}\n            {(remainingCount > 0 || showAllActivities) && activitiesList.length > 3 && (\n              <FlexView $gutterX={2}>\n                <TextButton\n                  label={showAllActivities ? 'Show less' : `+${remainingCount} activities`}\n                  size=\"regular\"\n                  color=\"BLACK_1\"\n                  onClick={handleToggleActivities}\n                />\n              </FlexView>\n            )}\n          </FlexView>\n        ))}\n    </FlexView>\n  );\n};\n\nexport default memo(ActivitiesCard);\n"],"names":["lottieSettings","ActivitiesCard","cardType","nodeType","activitiesList","onPuzzleClick","lottieRef","useRef","showAllActivities","setShowAllActivities","useState","progressStatus","useMemo","totalDone","totalPending","totalOverdue","countActivitiesByState","cardHeaderText","displayedActivities","remainingCount","CARD_TYPE","maxVisible","hasMore","handleMouseEnter","useCallback","_a","handleMouseLeave","handleToggleActivities","prev","jsxs","FlexView","jsx","Styled.ActivityCardContainerWrapper","getCardTypeIconMap","Styled.ActivityCardContainer","LottieAnimation","CardTitle","Text","ActivitiesCardPuzzles","state","title","subtext","id","index","NODE_STATE","stateIcon","TextButton","ActivitiesCard$1","memo"],"mappings":"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"}
+{"version":3,"file":"activities-card.js","sources":["../../../../../../../../src/features/timeline/monthly-timeline/monthly-report/comps/activities/activities-card/activities-card.tsx"],"sourcesContent":["import { memo, type FC, useRef, useCallback, useMemo, useState } from 'react';\n\nimport { type IActivitiesCardProps } from './activities-card-types';\nimport { getCardTypeIconMap, stateIcon } from '../constants';\nimport { CARD_TYPE } from '../../../monthly-report-types';\nimport * as Styled from './activities-card.styled';\nimport FlexView from '../../../../../../ui/layout/flex-view';\nimport LottieAnimation from '../../../../../../ui/lottie-animation/lottie-animation';\nimport { type ILottieAnimationRef } from '../../../../../../ui/lottie-animation/types';\nimport Text from '../../../../../../ui/text/text';\nimport CardTitle from '../../../../../../homework/card-title';\nimport { type TColorNames } from '../../../../../../ui/types';\nimport ActivitiesCardPuzzles from '../activities-card-puzzles/activities-card-puzzles';\nimport { NODE_STATE } from '../../../../../daily-timeline/daily-timeline-types';\nimport TextButton from '../../../../../../ui/buttons/text-button/text-button';\nimport { countActivitiesByState } from '../utils';\n\nconst lottieSettings = {\n  autoplay: false,\n  loop: true,\n  renderer: 'canvas',\n};\n\nconst ActivitiesCard: FC<IActivitiesCardProps> = ({\n  cardType,\n  nodeType,\n  activitiesList = [],\n  onPuzzleClick,\n}) => {\n  const lottieRef = useRef<ILottieAnimationRef>(null);\n  const [showAllActivities, setShowAllActivities] = useState(false);\n\n  const progressStatus = useMemo(() => {\n    const { totalDone, totalPending, totalOverdue } = countActivitiesByState(activitiesList);\n\n    return [\n      totalDone > 0 && `${totalDone} Done`,\n      totalPending > 0 && `${totalPending} In-progress`,\n      totalOverdue > 0 && `${totalOverdue} Overdue`,\n    ]\n      .filter(Boolean)\n      .join(', ');\n  }, [activitiesList]);\n  const cardHeaderText = useMemo(() => (cardType ? cardType.split('_').join(' ') : ''), [cardType]);\n  const { displayedActivities, remainingCount } = useMemo(() => {\n    if (cardType === CARD_TYPE.puzzle) {\n      return { displayedActivities: activitiesList, remainingCount: 0 };\n    }\n\n    const maxVisible = 3;\n    const hasMore = activitiesList.length > maxVisible;\n\n    if (showAllActivities || !hasMore) {\n      return { displayedActivities: activitiesList, remainingCount: 0 };\n    }\n\n    return {\n      displayedActivities: activitiesList.slice(0, maxVisible),\n      remainingCount: activitiesList.length - maxVisible,\n    };\n  }, [activitiesList, showAllActivities, cardType]);\n\n  const shouldShowToggleButton =\n    (remainingCount > 0 || showAllActivities) && activitiesList.length > 3;\n\n  const handleMouseEnter = useCallback(() => {\n    lottieRef.current?.play();\n  }, []);\n\n  const handleMouseLeave = useCallback(() => {\n    lottieRef.current?.stop();\n  }, []);\n\n  const handleToggleActivities = useCallback(() => {\n    setShowAllActivities(prev => !prev);\n  }, []);\n\n  return (\n    <FlexView onMouseEnter={handleMouseEnter} onMouseLeave={handleMouseLeave}>\n      <Styled.ActivityCardContainerWrapper\n        $background={getCardTypeIconMap(cardType).color as TColorNames}\n      >\n        <Styled.ActivityCardContainer\n          $flexDirection=\"row\"\n          $alignItems=\"center\"\n          $height=\"56px\"\n          $bgImage={getCardTypeIconMap(cardType).background}\n          $gutterX={0.78125}\n          $flexGap={8.5}\n        >\n          <FlexView\n            $widthX={2}\n            $heightX={2}\n            $borderRadiusX={2}\n            $background=\"WHITE_1\"\n            $position=\"relative\"\n            $alignItems=\"center\"\n            $justifyContent=\"center\"\n          >\n            <LottieAnimation\n              ref={lottieRef}\n              src={getCardTypeIconMap(cardType).lottie}\n              width={32}\n              height={32}\n              settings={lottieSettings}\n            />\n          </FlexView>\n          <FlexView>\n            <CardTitle cardHeader={cardHeaderText} nodeType={nodeType} />\n            <Text $renderAs=\"ub3\" $color=\"BLACK_1\">\n              {progressStatus}\n            </Text>\n          </FlexView>\n        </Styled.ActivityCardContainer>\n      </Styled.ActivityCardContainerWrapper>\n      {activitiesList.length > 0 &&\n        (cardType === CARD_TYPE.puzzle ? (\n          <ActivitiesCardPuzzles puzzles={activitiesList} onPuzzleClick={onPuzzleClick} />\n        ) : (\n          <FlexView $flexRowGapX={1.25} $gutterX={1} $gapX={1} $borderColor=\"GREY_2\">\n            {displayedActivities.map(({ state, title, subtext, id }, index) => (\n              <FlexView $flexDirection=\"row\" $flexGapX={1.05} key={`${id}-${index}`}>\n                <FlexView $gapX={0.25}>\n                  <FlexView\n                    $borderRadiusX={1}\n                    $background={\n                      state === NODE_STATE.PENDING || state === NODE_STATE.NOT_STARTED\n                        ? 'RED'\n                        : 'BLACK_1'\n                    }\n                    $widthX={1}\n                    $heightX={1}\n                    $alignItems=\"center\"\n                    $justifyContent=\"center\"\n                  >\n                    {!!state && stateIcon[state as NODE_STATE]}\n                  </FlexView>\n                </FlexView>\n                <FlexView $flexRowGap={4}>\n                  <Text $renderAs=\"ub2\" $color=\"BLACK_1\">\n                    {title || ''}\n                  </Text>\n                  <Text $renderAs=\"ub3\" $color=\"BLACK_T_60\">\n                    {subtext || ''}\n                  </Text>\n                </FlexView>\n              </FlexView>\n            ))}\n            {shouldShowToggleButton && (\n              <FlexView $gutterX={2}>\n                <TextButton\n                  label={showAllActivities ? 'Show less' : `+${remainingCount} activities`}\n                  size=\"regular\"\n                  color=\"BLACK_1\"\n                  onClick={handleToggleActivities}\n                />\n              </FlexView>\n            )}\n          </FlexView>\n        ))}\n    </FlexView>\n  );\n};\n\nexport default memo(ActivitiesCard);\n"],"names":["lottieSettings","ActivitiesCard","cardType","nodeType","activitiesList","onPuzzleClick","lottieRef","useRef","showAllActivities","setShowAllActivities","useState","progressStatus","useMemo","totalDone","totalPending","totalOverdue","countActivitiesByState","cardHeaderText","displayedActivities","remainingCount","CARD_TYPE","maxVisible","hasMore","shouldShowToggleButton","handleMouseEnter","useCallback","_a","handleMouseLeave","handleToggleActivities","prev","jsxs","FlexView","jsx","Styled.ActivityCardContainerWrapper","getCardTypeIconMap","Styled.ActivityCardContainer","LottieAnimation","CardTitle","Text","ActivitiesCardPuzzles","state","title","subtext","id","index","NODE_STATE","stateIcon","TextButton","ActivitiesCard$1","memo"],"mappings":"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"}