@cuemath/leap 3.5.32-as5 → 3.5.32-as7

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

@@ -1,27 +1,27 @@
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import { memo as d } from "react";
-import h from "./activities-card/activities-card.js";
+import { jsxs as f, jsx as e } from "react/jsx-runtime";
+import { memo as t } from "react";
+import d from "./activities-card/activities-card.js";
 import l from "../../../../../ui/layout/flex-view.js";
-import u from "../../../../../ui/text/text.js";
-import x from "../../../../../ui/separator/separator.js";
-const A = ({ activities: o, onPuzzleClick: p }) => !o || Object.keys(o).length === 0 ? null : /* @__PURE__ */ t(l, { children: [
-  /* @__PURE__ */ e(u, { $renderAs: "ab1-bold", $color: "BLACK_1", children: "Activities" }),
-  /* @__PURE__ */ e(x, { heightX: 1 }),
-  /* @__PURE__ */ e(l, { $flexRowGapX: 1.5, children: Object.entries(o).map(([n, r], f) => {
+import h from "../../../../../ui/text/text.js";
+import u from "../../../../../ui/separator/separator.js";
+const x = ({ activities: o, onPuzzleClick: p }) => !o || Object.keys(o).length === 0 ? null : /* @__PURE__ */ f(l, { children: [
+  /* @__PURE__ */ e(h, { $renderAs: "ab1-bold", $color: "BLACK_1", children: "Activities" }),
+  /* @__PURE__ */ e(u, { heightX: 1 }),
+  /* @__PURE__ */ e(l, { $flexRowGapX: 1.5, children: Object.entries(o).map(([n, r]) => {
     var m;
     return r != null && r.length ? /* @__PURE__ */ e(
-      h,
+      d,
       {
         nodeType: (m = r[0]) == null ? void 0 : m.node_type,
         cardType: n,
         activitiesList: r,
         onPuzzleClick: p
       },
-      `${n}-${f}`
+      n
     ) : null;
   }) })
-] }), y = d(A);
+] }), w = t(x);
 export {
-  y as default
+  w as default
 };
 //# sourceMappingURL=activities.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"activities.js","sources":["../../../../../../../src/features/timeline/monthly-timeline/monthly-report/comps/activities/activities.tsx"],"sourcesContent":["import { memo, type FC } from 'react';\n\nimport { type IActivitiesProps } from './activities-types';\nimport { type TNodeTypes } from '../../../../../chapters-v2/comps/node-card/node-card-types';\nimport ActivitiesCard from './activities-card/activities-card';\nimport { type CARD_TYPE } from '../../monthly-report-types';\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport Text from '../../../../../ui/text/text';\nimport Separator from '../../../../../ui/separator/separator';\n\nconst Activities: FC<IActivitiesProps> = ({ activities, onPuzzleClick }) => {\n  if (!activities || Object.keys(activities).length === 0) return null;\n\n  return (\n    <FlexView>\n      <Text $renderAs=\"ab1-bold\" $color=\"BLACK_1\">\n        Activities\n      </Text>\n      <Separator heightX={1} />\n      <FlexView $flexRowGapX={1.5}>\n        {Object.entries(activities).map(([cardType, activitiesList], index) => {\n          if (!activitiesList?.length) return null;\n\n          return (\n            <ActivitiesCard\n              key={`${cardType}-${index}`}\n              nodeType={activitiesList[0]?.node_type as TNodeTypes}\n              cardType={cardType as CARD_TYPE}\n              activitiesList={activitiesList}\n              onPuzzleClick={onPuzzleClick}\n            />\n          );\n        })}\n      </FlexView>\n    </FlexView>\n  );\n};\n\nexport default memo(Activities);\n"],"names":["Activities","activities","onPuzzleClick","FlexView","jsx","Text","Separator","cardType","activitiesList","index","ActivitiesCard","_a","Activities$1","memo"],"mappings":";;;;;;AAUA,MAAMA,IAAmC,CAAC,EAAE,YAAAC,GAAY,eAAAC,QAClD,CAACD,KAAc,OAAO,KAAKA,CAAU,EAAE,WAAW,IAAU,yBAG7DE,GACC,EAAA,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAK,EAAA,WAAU,YAAW,QAAO,WAAU,UAE5C,cAAA;AAAA,EACA,gBAAAD,EAACE,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,EACtB,gBAAAF,EAAAD,GAAA,EAAS,cAAc,KACrB,iBAAO,QAAQF,CAAU,EAAE,IAAI,CAAC,CAACM,GAAUC,CAAc,GAAGC,MAAU;;AACjE,WAACD,KAAA,QAAAA,EAAgB,SAGnB,gBAAAJ;AAAA,MAACM;AAAA,MAAA;AAAA,QAEC,WAAUC,IAAAH,EAAe,CAAC,MAAhB,gBAAAG,EAAmB;AAAA,QAC7B,UAAAJ;AAAA,QACA,gBAAAC;AAAA,QACA,eAAAN;AAAA,MAAA;AAAA,MAJK,GAAGK,CAAQ,IAAIE,CAAK;AAAA,IAAA,IAJO;AAAA,EAWrC,CAAA,GACH;AACF,EAAA,CAAA,GAIWG,IAAAC,EAAKb,CAAU;"}
+{"version":3,"file":"activities.js","sources":["../../../../../../../src/features/timeline/monthly-timeline/monthly-report/comps/activities/activities.tsx"],"sourcesContent":["import { memo, type FC } from 'react';\n\nimport { type IActivitiesProps } from './activities-types';\nimport { type TNodeTypes } from '../../../../../chapters-v2/comps/node-card/node-card-types';\nimport ActivitiesCard from './activities-card/activities-card';\nimport { type CARD_TYPE } from '../../monthly-report-types';\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport Text from '../../../../../ui/text/text';\nimport Separator from '../../../../../ui/separator/separator';\n\nconst Activities: FC<IActivitiesProps> = ({ activities, onPuzzleClick }) => {\n  if (!activities || Object.keys(activities).length === 0) return null;\n\n  return (\n    <FlexView>\n      <Text $renderAs=\"ab1-bold\" $color=\"BLACK_1\">\n        Activities\n      </Text>\n      <Separator heightX={1} />\n      <FlexView $flexRowGapX={1.5}>\n        {Object.entries(activities).map(([cardType, activitiesList]) => {\n          if (!activitiesList?.length) return null;\n\n          return (\n            <ActivitiesCard\n              key={cardType}\n              nodeType={activitiesList[0]?.node_type as TNodeTypes}\n              cardType={cardType as CARD_TYPE}\n              activitiesList={activitiesList}\n              onPuzzleClick={onPuzzleClick}\n            />\n          );\n        })}\n      </FlexView>\n    </FlexView>\n  );\n};\n\nexport default memo(Activities);\n"],"names":["Activities","activities","onPuzzleClick","FlexView","jsx","Text","Separator","cardType","activitiesList","ActivitiesCard","_a","Activities$1","memo"],"mappings":";;;;;;AAUA,MAAMA,IAAmC,CAAC,EAAE,YAAAC,GAAY,eAAAC,QAClD,CAACD,KAAc,OAAO,KAAKA,CAAU,EAAE,WAAW,IAAU,yBAG7DE,GACC,EAAA,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAK,EAAA,WAAU,YAAW,QAAO,WAAU,UAE5C,cAAA;AAAA,EACA,gBAAAD,EAACE,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,EACtB,gBAAAF,EAAAD,GAAA,EAAS,cAAc,KACrB,UAAO,OAAA,QAAQF,CAAU,EAAE,IAAI,CAAC,CAACM,GAAUC,CAAc,MAAM;;AAC1D,WAACA,KAAA,QAAAA,EAAgB,SAGnB,gBAAAJ;AAAA,MAACK;AAAA,MAAA;AAAA,QAEC,WAAUC,IAAAF,EAAe,CAAC,MAAhB,gBAAAE,EAAmB;AAAA,QAC7B,UAAAH;AAAA,QACA,gBAAAC;AAAA,QACA,eAAAN;AAAA,MAAA;AAAA,MAJKK;AAAA,IAAA,IAJ2B;AAAA,EAWrC,CAAA,GACH;AACF,EAAA,CAAA,GAIWI,IAAAC,EAAKZ,CAAU;"}

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

@@ -1,15 +1,9 @@
-import { NODE_STATE as e } from "../../../../daily-timeline/daily-timeline-types.js";
-const T = (n) => {
-  const o = n.filter(
-    (t) => t.state === e.COMPLETED || t.state === e.WAIT_FOR_REVIEW
-  ).length, l = n.filter(
-    (t) => t.state === e.IN_PROGRESS
-  ).length, r = n.filter(
-    (t) => t.state === e.PENDING || t.state === e.NOT_STARTED
-  ).length;
-  return { totalDone: o, totalPending: l, totalOverdue: r };
-};
+import { NODE_STATE as o } from "../../../../daily-timeline/daily-timeline-types.js";
+const E = (i) => i.reduce(
+  (t, { state: e }) => (e === o.COMPLETED || e === o.WAIT_FOR_REVIEW ? t.totalDone++ : e === o.IN_PROGRESS ? t.totalPending++ : (e === o.PENDING || e === o.NOT_STARTED) && t.totalOverdue++, t),
+  { totalDone: 0, totalPending: 0, totalOverdue: 0 }
+);
 export {
-  T as countActivitiesByState
+  E as countActivitiesByState
 };
 //# sourceMappingURL=utils.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../../../../src/features/timeline/monthly-timeline/monthly-report/comps/activities/utils.ts"],"sourcesContent":["import { type IMonthlyActivity } from '../../monthly-report-types';\nimport { NODE_STATE } from '../../../../daily-timeline/daily-timeline-types';\n\nexport const countActivitiesByState = (activitiesList: IMonthlyActivity[]) => {\n  const totalDone = activitiesList.filter(\n    activity =>\n      activity.state === NODE_STATE.COMPLETED || activity.state === NODE_STATE.WAIT_FOR_REVIEW,\n  ).length;\n  const totalPending = activitiesList.filter(\n    activity => activity.state === NODE_STATE.IN_PROGRESS,\n  ).length;\n  const totalOverdue = activitiesList.filter(\n    activity => activity.state === NODE_STATE.PENDING || activity.state === NODE_STATE.NOT_STARTED,\n  ).length;\n\n  return { totalDone, totalPending, totalOverdue };\n};\n"],"names":["countActivitiesByState","activitiesList","totalDone","activity","NODE_STATE","totalPending","totalOverdue"],"mappings":";AAGa,MAAAA,IAAyB,CAACC,MAAuC;AAC5E,QAAMC,IAAYD,EAAe;AAAA,IAC/B,OACEE,EAAS,UAAUC,EAAW,aAAaD,EAAS,UAAUC,EAAW;AAAA,EAC3E,EAAA,QACIC,IAAeJ,EAAe;AAAA,IAClC,CAAAE,MAAYA,EAAS,UAAUC,EAAW;AAAA,EAC1C,EAAA,QACIE,IAAeL,EAAe;AAAA,IAClC,OAAYE,EAAS,UAAUC,EAAW,WAAWD,EAAS,UAAUC,EAAW;AAAA,EACnF,EAAA;AAEK,SAAA,EAAE,WAAAF,GAAW,cAAAG,GAAc,cAAAC;AACpC;"}
+{"version":3,"file":"utils.js","sources":["../../../../../../../src/features/timeline/monthly-timeline/monthly-report/comps/activities/utils.ts"],"sourcesContent":["import { type IMonthlyActivity } from '../../monthly-report-types';\nimport { NODE_STATE } from '../../../../daily-timeline/daily-timeline-types';\n\nexport const countActivitiesByState = (activitiesList: IMonthlyActivity[]) =>\n  activitiesList.reduce(\n    (acc, { state }) => {\n      if (state === NODE_STATE.COMPLETED || state === NODE_STATE.WAIT_FOR_REVIEW) {\n        acc.totalDone++;\n      } else if (state === NODE_STATE.IN_PROGRESS) {\n        acc.totalPending++;\n      } else if (state === NODE_STATE.PENDING || state === NODE_STATE.NOT_STARTED) {\n        acc.totalOverdue++;\n      }\n\n      return acc;\n    },\n    { totalDone: 0, totalPending: 0, totalOverdue: 0 },\n  );\n"],"names":["countActivitiesByState","activitiesList","acc","state","NODE_STATE"],"mappings":";AAGa,MAAAA,IAAyB,CAACC,MACrCA,EAAe;AAAA,EACb,CAACC,GAAK,EAAE,OAAAC,SACFA,MAAUC,EAAW,aAAaD,MAAUC,EAAW,kBACrDF,EAAA,cACKC,MAAUC,EAAW,cAC1BF,EAAA,kBACKC,MAAUC,EAAW,WAAWD,MAAUC,EAAW,gBAC1DF,EAAA,gBAGCA;AAAA,EAET,EAAE,WAAW,GAAG,cAAc,GAAG,cAAc,EAAE;AACnD;"}

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

@@ -1,9 +1,9 @@
-import { jsxs as m, jsx as e } from "react/jsx-runtime";
+import { jsxs as h, jsx as e } from "react/jsx-runtime";
 import { memo as R, useCallback as l } from "react";
 import c from "../../../../../ui/layout/flex-view.js";
 import { ILLUSTRATIONS as g } from "../../../../../../assets/illustrations/illustrations.js";
 import $ from "../../../../../ui/image/image.js";
-import { invalidateMonthlyReport as P, useMonthlyReportPatch as k } from "../../api/use-monthly-report-get.js";
+import { invalidateMonthlyReport as P, monthlyReportPatch as k } from "../../api/use-monthly-report-api.js";
 import f from "../../../../../ui/separator/separator.js";
 import A from "../../../../../ui/text/text.js";
 import C from "../../../../../ui/buttons/clickable/clickable.js";
@@ -13,19 +13,19 @@ import { MONTHLY_REPORT_ANALYTICS_EVENTS as b } from "../../monthly-report-event
 const L = ({
   reportId: t,
   studentName: E,
-  onFeedback: s,
+  onFeedback: m,
   studentCourseId: a,
-  showSnackbar: h
+  showSnackbar: s
 }) => {
   const _ = l(
     (r, n) => {
-      r && h && h({
+      r && s && s({
         type: "error",
         message: "Something went wrong. Please try again.",
         bgColor: "red"
-      }), !r && s && (n != null && n.feedback) && (P(t), s(n.feedback, a));
+      }), !r && m && (n != null && n.feedback) && (P(t), m(n.feedback, a));
     },
-    [s, t, h, a]
+    [m, t, s, a]
   ), { onEvent: i } = y(), { patch: d, isProcessing: p } = k({
     onComplete: _
   }), o = l(
@@ -42,14 +42,14 @@ const L = ({
       report_id: t
     }), o("negative");
   }, [o, t, i]);
-  return /* @__PURE__ */ m(X, { $gapX: 1.25, $background: "WHITE_3", children: [
-    /* @__PURE__ */ e(c, { $gutterX: 1, children: /* @__PURE__ */ m(A, { $renderAs: "ab2-black", $color: "BLACK_1", $align: "center", children: [
+  return /* @__PURE__ */ h(X, { $gapX: 1.25, $background: "WHITE_3", children: [
+    /* @__PURE__ */ e(c, { $gutterX: 1, children: /* @__PURE__ */ h(A, { $renderAs: "ab2-black", $color: "BLACK_1", $align: "center", children: [
       "Are you happy with ",
       E ?? "her",
       " progress?"
     ] }) }),
     /* @__PURE__ */ e(f, { heightX: 1.5 }),
-    /* @__PURE__ */ m(c, { $flexDirection: "row", $flexGapX: 3, $alignItems: "center", $justifyContent: "center", children: [
+    /* @__PURE__ */ h(c, { $flexDirection: "row", $flexGapX: 3, $alignItems: "center", $justifyContent: "center", children: [
       /* @__PURE__ */ e(
         C,
         {
@@ -93,8 +93,8 @@ const L = ({
     ] }),
     /* @__PURE__ */ e(f, { heightX: 1.5 })
   ] });
-}, j = R(L);
+}, B = R(L);
 export {
-  j as default
+  B as default
 };
 //# sourceMappingURL=feedback.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"feedback.js","sources":["../../../../../../../src/features/timeline/monthly-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';\nimport { useUIContext } from '../../../../../ui/context/context';\nimport { MONTHLY_REPORT_ANALYTICS_EVENTS } from '../../monthly-report-events';\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, reportId, showSnackbar, studentCourseId],\n  );\n  const { onEvent: trackEvent } = useUIContext();\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    trackEvent(MONTHLY_REPORT_ANALYTICS_EVENTS.REPORT_POSITIVE_FEEDBACK_CLICKED, {\n      report_id: reportId,\n    });\n    handleFeedback('positive');\n  }, [handleFeedback, reportId, trackEvent]);\n\n  const handleNegativeFeedback = useCallback(() => {\n    trackEvent(MONTHLY_REPORT_ANALYTICS_EVENTS.REPORT_NEGATIVE_FEEDBACK_CLICKED, {\n      report_id: reportId,\n    });\n    handleFeedback('negative');\n  }, [handleFeedback, reportId, trackEvent]);\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","trackEvent","useUIContext","updateMilestone","isProcessing","useMonthlyReportPatch","handleFeedback","feedback","handlePositiveFeedback","MONTHLY_REPORT_ANALYTICS_EVENTS","handleNegativeFeedback","Styled.FeedbackContainer","jsx","FlexView","jsxs","Text","Separator","Clickable","Image","ILLUSTRATIONS","Feedback$1","memo"],"mappings":"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"}
+{"version":3,"file":"feedback.js","sources":["../../../../../../../src/features/timeline/monthly-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, monthlyReportPatch } from '../../api/use-monthly-report-api';\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';\nimport { useUIContext } from '../../../../../ui/context/context';\nimport { MONTHLY_REPORT_ANALYTICS_EVENTS } from '../../monthly-report-events';\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, reportId, showSnackbar, studentCourseId],\n  );\n  const { onEvent: trackEvent } = useUIContext();\n\n  const { patch: updateMilestone, isProcessing } = monthlyReportPatch({\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    trackEvent(MONTHLY_REPORT_ANALYTICS_EVENTS.REPORT_POSITIVE_FEEDBACK_CLICKED, {\n      report_id: reportId,\n    });\n    handleFeedback('positive');\n  }, [handleFeedback, reportId, trackEvent]);\n\n  const handleNegativeFeedback = useCallback(() => {\n    trackEvent(MONTHLY_REPORT_ANALYTICS_EVENTS.REPORT_NEGATIVE_FEEDBACK_CLICKED, {\n      report_id: reportId,\n    });\n    handleFeedback('negative');\n  }, [handleFeedback, reportId, trackEvent]);\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","trackEvent","useUIContext","updateMilestone","isProcessing","monthlyReportPatch","handleFeedback","feedback","handlePositiveFeedback","MONTHLY_REPORT_ANALYTICS_EVENTS","handleNegativeFeedback","Styled.FeedbackContainer","jsx","FlexView","jsxs","Text","Separator","Clickable","Image","ILLUSTRATIONS","Feedback$1","memo"],"mappings":"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"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"monthly-report.js","sources":["../../../../../src/features/timeline/monthly-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;"}
+{"version":3,"file":"monthly-report.js","sources":["../../../../../src/features/timeline/monthly-timeline/monthly-report/monthly-report.tsx"],"sourcesContent":["import { type FC, memo, useCallback, useEffect } from 'react';\n\nimport { type IMonthlyReportProps } from './monthly-report-types';\nimport { monthlyReportGet } from './api/use-monthly-report-api';\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  } = monthlyReportGet(reportId);\n\n  const {\n    progress_data: progressData,\n    calendar_data: calendarData,\n    report_month: month,\n    report_year: year,\n    feedback,\n    student_course_ids: studentCourseIds,\n  } = reportData || {};\n\n  const {\n    user_milestones: userMilestones,\n    activities,\n    user_achievements: userAchievements,\n  } = progressData || {};\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  const firstStudentCourseId = studentCourseIds?.[0];\n  const shouldShowFeedback = IS_APP_RUNNING_IN_RN && !feedback && firstStudentCourseId;\n  const hasCalendarData = calendarData && month && year;\n\n  return (\n    <Styled.MonthlyReportContainer>\n      {userMilestones && <Goals milestones={userMilestones} isExpended={true} />}\n\n      {activities && <Activities activities={activities} onPuzzleClick={onPuzzleClick} />}\n\n      {userAchievements && (\n        <Achievements achievements={userAchievements} studentName={studentName} />\n      )}\n\n      {hasCalendarData && (\n        <Attendance\n          calendarData={calendarData}\n          reportMonth={month}\n          reportYear={year}\n          onDateClick={showSnackbar}\n        />\n      )}\n\n      {shouldShowFeedback && firstStudentCourseId ? (\n        <Feedback\n          reportId={reportId}\n          studentName={studentName}\n          onFeedback={onFeedback}\n          studentCourseId={firstStudentCourseId}\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","monthlyReportGet","progressData","calendarData","month","year","feedback","studentCourseIds","userMilestones","activities","userAchievements","fetchData","useCallback","useEffect","jsx","FlexView","AppLoader","Error","firstStudentCourseId","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,EAAA,IACEC,EAAiBT,CAAQ,GAEvB;AAAA,IACJ,eAAeU;AAAA,IACf,eAAeC;AAAA,IACf,cAAcC;AAAA,IACd,aAAaC;AAAA,IACb,UAAAC;AAAA,IACA,oBAAoBC;AAAA,EAAA,IAClBV,KAAc,CAAA,GAEZ;AAAA,IACJ,iBAAiBW;AAAA,IACjB,YAAAC;AAAA,IACA,mBAAmBC;AAAA,EAAA,IACjBR,KAAgB,CAAA,GAEdS,IAAYC,EAAY,MAAM;AAClC,IAAAhB,EAAUJ,CAAQ;AAAA,EAAA,GACjB,CAACI,GAAWJ,CAAQ,CAAC;AAYpB,MAVJqB,EAAU,MAAM;AACJ,IAAAF;EAAA,GACT,CAACA,CAAS,CAAC,GAEdE,EAAU,MAAM;AACV,IAAAb,KAAW,CAACF,KACJa;EAEX,GAAA,CAACX,GAASF,GAAca,CAAS,CAAC,GAEjCb,KAAgB,CAACD;AACnB,WACG,gBAAAiB,EAAAC,GAAA,EAAS,OAAO,GAAG,aAAY,UAAS,iBAAgB,UACvD,UAAC,gBAAAD,EAAAE,GAAA,EAAU,QAAO,SAAA,CAAS,EAC7B,CAAA;AAIJ,MAAIjB;AACF,WACG,gBAAAe,EAAAC,GAAA,EAAS,OAAO,GAAG,aAAY,UAAS,iBAAgB,UACvD,UAAC,gBAAAD,EAAAG,GAAA,EAAM,YAAYN,EAAA,CAAW,EAChC,CAAA;AAIE,QAAAO,IAAuBX,KAAA,gBAAAA,EAAmB;AAK9C,SAAA,gBAAAY,EAACC,GAAA,EACE,UAAA;AAAA,IAAAZ,KAAmB,gBAAAM,EAAAO,GAAA,EAAM,YAAYb,GAAgB,YAAY,IAAM;AAAA,IAEvEC,KAAc,gBAAAK,EAACQ,GAAW,EAAA,YAAAb,GAAwB,eAAAhB,EAA8B,CAAA;AAAA,IAEhFiB,KACC,gBAAAI,EAACS,GAAa,EAAA,cAAcb,GAAkB,aAAAnB,GAA0B;AAAA,IATtDY,KAAgBC,KAASC,KAa3C,gBAAAS;AAAA,MAACU;AAAA,MAAA;AAAA,QACC,cAAArB;AAAA,QACA,aAAaC;AAAA,QACb,YAAYC;AAAA,QACZ,aAAaX;AAAA,MAAA;AAAA,IACf;AAAA,IAnBqB+B,KAAwB,CAACnB,KAAYY,KAsBrCA,IACrB,gBAAAJ;AAAA,MAACY;AAAA,MAAA;AAAA,QACC,UAAAlC;AAAA,QACA,aAAAD;AAAA,QACA,YAAAI;AAAA,QACA,iBAAiBuB;AAAA,QACjB,cAAAxB;AAAA,MAAA;AAAA,IAGF,IAAA,gBAAAoB,EAACa,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,EAE3B,EAAA,CAAA;AAEJ,GAEeC,KAAAC,EAAKvC,CAAa;"}

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

@@ -1,62 +1,65 @@
-import { jsx as e, Fragment as I, jsxs as i } from "react/jsx-runtime";
-import { memo as x, useCallback as A, useEffect as C } from "react";
-import { useMonthlyTimelineGet as E } from "./api/use-monthly-timeline-get.js";
-import _ from "./monthly-timeline-view.js";
-import b from "../../ui/loader/app-loader/app-loader.js";
+import { jsx as e, Fragment as A, jsxs as a } from "react/jsx-runtime";
+import { memo as I, useMemo as C, useCallback as E, useEffect as _ } from "react";
+import { monthlyTimelineGet as b } from "./api/use-monthly-timeline-get.js";
+import w from "./monthly-timeline-view.js";
+import L from "../../ui/loader/app-loader/app-loader.js";
 import t from "../../ui/layout/flex-view.js";
-import w from "../../ui/text/text.js";
-import p from "../../ui/image/image.js";
-import m from "../../ui/separator/separator.js";
-import { yearImages as L, monthNames as R } from "./constants.js";
-import X from "../../ui/error/error.js";
-import { ImageContainer as j, DateText as F } from "./monthly-timeline-styled.js";
-import { getTimezone as M } from "../../../helpers/date-time.js";
-import { ILLUSTRATIONS as P } from "../../../assets/illustrations/illustrations.js";
-const S = ({
-  userType: a,
-  studentId: s,
-  courseStreams: h,
-  onReportClick: d
+import P from "../../ui/text/text.js";
+import T from "../../ui/image/image.js";
+import s from "../../ui/separator/separator.js";
+import { yearImages as R, monthNames as X } from "./constants.js";
+import j from "../../ui/error/error.js";
+import { ImageContainer as F, DateText as M } from "./monthly-timeline-styled.js";
+import { getTimezone as S } from "../../../helpers/date-time.js";
+import { ILLUSTRATIONS as B } from "../../../assets/illustrations/illustrations.js";
+const v = ({
+  userType: h,
+  studentId: n,
+  courseStreams: l,
+  onReportClick: $
 }) => {
-  const {
-    get: l,
+  const i = C(
+    () => ({
+      course_streams: h === "TEACHER" ? l : [],
+      timezone: S()
+    }),
+    [l, h]
+  ), {
+    get: c,
     data: o = [],
-    isProcessing: T,
-    isProcessingFailed: $
-  } = E(), n = A(() => {
-    l(s, {
-      course_streams: a === "TEACHER" ? h : [],
-      timezone: M()
-    });
-  }, [h, l, s, a]);
-  return C(() => {
-    n();
-  }, [n]), T ? /* @__PURE__ */ e(b, { height: "100dvh" }) : $ ? /* @__PURE__ */ e(t, { $flex: 1, $alignItems: "center", $justifyContent: "center", children: /* @__PURE__ */ e(X, { onTryAgain: n }) }) : /* @__PURE__ */ e(I, { children: (o == null ? void 0 : o.length) > 0 ? /* @__PURE__ */ e(t, { $gapX: 2, children: o.map((r, y) => {
-    const c = y === 0, u = r.month === 12, g = !c && u, f = L[r.year];
-    return /* @__PURE__ */ i(t, { $width: "100%", children: [
-      !c && !g && /* @__PURE__ */ e(m, { heightX: 2 }),
-      g && f && /* @__PURE__ */ e(j, { $marginBottom: -122, children: /* @__PURE__ */ e(p, { src: f, alt: r.year.toString() }) }),
-      /* @__PURE__ */ i(t, { $gutterX: 1, children: [
-        /* @__PURE__ */ e(F, { $renderAs: "ac4", $color: "BLACK_T_60", children: R[r.month - 1] }),
-        /* @__PURE__ */ e(m, { heightX: 1 }),
+    isProcessing: y,
+    isProcessingFailed: d
+  } = b(n, i), m = E(() => {
+    c(n, i);
+  }, [c, i, n]);
+  return _(() => {
+    m();
+  }, [m]), y ? /* @__PURE__ */ e(L, { height: "100dvh" }) : d ? /* @__PURE__ */ e(t, { $flex: 1, $alignItems: "center", $justifyContent: "center", children: /* @__PURE__ */ e(j, { onTryAgain: m }) }) : /* @__PURE__ */ e(A, { children: (o == null ? void 0 : o.length) > 0 ? /* @__PURE__ */ e(t, { $gapX: 2, children: o.map((r, u) => {
+    const g = u === 0, x = r.month === 12, f = !g && x, p = R[r.year];
+    return /* @__PURE__ */ a(t, { $width: "100%", children: [
+      !g && !f && /* @__PURE__ */ e(s, { heightX: 2 }),
+      f && p && /* @__PURE__ */ e(F, { $marginBottom: -122, children: /* @__PURE__ */ e(T, { src: p, alt: r.year.toString() }) }),
+      /* @__PURE__ */ a(t, { $gutterX: 1, children: [
+        /* @__PURE__ */ e(M, { $renderAs: "ac4", $color: "BLACK_T_60", children: X[r.month - 1] }),
+        /* @__PURE__ */ e(s, { heightX: 1 }),
         /* @__PURE__ */ e(
-          _,
+          w,
           {
             reports: r.reports,
             month: r.month,
             year: r.year,
-            onReportClick: d
+            onReportClick: $
           }
         )
       ] })
     ] }, `${r.month}-${r.year}`);
-  }) }) : /* @__PURE__ */ i(t, { $justifyContent: "center", $alignItems: "center", $height: "100%", children: [
-    /* @__PURE__ */ e(p, { src: P.EMPTY_REPORTS }),
-    /* @__PURE__ */ e(m, { heightX: 1.5 }),
-    /* @__PURE__ */ e(w, { $renderAs: "ab2", color: "BLACK_T_60", children: "Report will be available next month." })
+  }) }) : /* @__PURE__ */ a(t, { $justifyContent: "center", $alignItems: "center", $height: "100%", children: [
+    /* @__PURE__ */ e(T, { src: B.EMPTY_REPORTS }),
+    /* @__PURE__ */ e(s, { heightX: 1.5 }),
+    /* @__PURE__ */ e(P, { $renderAs: "ab2", color: "BLACK_T_60", children: "Report will be available next month." })
   ] }) });
-}, J = x(S);
+}, W = I(v);
 export {
-  J as default
+  W as default
 };
 //# sourceMappingURL=monthly-timeline.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"monthly-timeline.js","sources":["../../../../src/features/timeline/monthly-timeline/monthly-timeline.tsx"],"sourcesContent":["import { type FC, memo, useCallback, useEffect } from 'react';\n\nimport { type IMonthlyTimelineProps } from './monthly-timeline-types';\nimport { useMonthlyTimelineGet } from './api/use-monthly-timeline-get';\nimport MonthlyTimelineView from './monthly-timeline-view';\nimport AppLoader from '../../ui/loader/app-loader/app-loader';\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport Image from '../../ui/image/image';\nimport Separator from '../../ui/separator/separator';\nimport { monthNames, yearImages } from './constants';\nimport Error from '../../ui/error/error';\nimport * as Styled from './monthly-timeline-styled';\nimport { getTimezone } from '../../../helpers/date-time';\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\n\nconst MonthlyTimeline: FC<IMonthlyTimelineProps> = ({\n  userType,\n  studentId,\n  courseStreams,\n  onReportClick,\n}) => {\n  const {\n    get: getTimeline,\n    data: timelineData = [],\n    isProcessing,\n    isProcessingFailed,\n  } = useMonthlyTimelineGet();\n\n  const fetchData = useCallback(() => {\n    getTimeline(studentId, {\n      course_streams: userType === 'TEACHER' ? courseStreams : [],\n      timezone: getTimezone(),\n    });\n  }, [courseStreams, getTimeline, studentId, userType]);\n\n  useEffect(() => {\n    fetchData();\n  }, [fetchData]);\n\n  if (isProcessing) {\n    return <AppLoader height=\"100dvh\" />;\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  return (\n    <>\n      {timelineData?.length > 0 ? (\n        <FlexView $gapX={2}>\n          {timelineData.map((item, index) => {\n            const isFirstItem = index === 0;\n            const isDecember = item.month === 12;\n            const showYearImage = !isFirstItem && isDecember;\n            const yearImage = yearImages[item.year];\n\n            return (\n              <FlexView key={`${item.month}-${item.year}`} $width=\"100%\">\n                {!isFirstItem && !showYearImage && <Separator heightX={2} />}\n                {showYearImage && yearImage && (\n                  <Styled.ImageContainer $marginBottom={-122}>\n                    <Image src={yearImage} alt={item.year.toString()} />\n                  </Styled.ImageContainer>\n                )}\n                <FlexView $gutterX={1}>\n                  <Styled.DateText $renderAs=\"ac4\" $color=\"BLACK_T_60\">\n                    {monthNames[item.month - 1]}\n                  </Styled.DateText>\n                  <Separator heightX={1} />\n                  <MonthlyTimelineView\n                    reports={item.reports}\n                    month={item.month}\n                    year={item.year}\n                    onReportClick={onReportClick}\n                  />\n                </FlexView>\n              </FlexView>\n            );\n          })}\n        </FlexView>\n      ) : (\n        <FlexView $justifyContent=\"center\" $alignItems=\"center\" $height=\"100%\">\n          <Image src={ILLUSTRATIONS.EMPTY_REPORTS} />\n          <Separator heightX={1.5} />\n          <Text $renderAs=\"ab2\" color=\"BLACK_T_60\">\n            Report will be available next month.\n          </Text>\n        </FlexView>\n      )}\n    </>\n  );\n};\n\nexport default memo(MonthlyTimeline);\n"],"names":["MonthlyTimeline","userType","studentId","courseStreams","onReportClick","getTimeline","timelineData","isProcessing","isProcessingFailed","useMonthlyTimelineGet","fetchData","useCallback","getTimezone","useEffect","jsx","AppLoader","FlexView","Error","Fragment","item","index","isFirstItem","isDecember","showYearImage","yearImage","yearImages","jsxs","Separator","Styled.ImageContainer","Image","Styled.DateText","monthNames","MonthlyTimelineView","ILLUSTRATIONS","Text","monthlyTimeline","memo"],"mappings":";;;;;;;;;;;;;;AAgBA,MAAMA,IAA6C,CAAC;AAAA,EAClD,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,eAAAC;AACF,MAAM;AACE,QAAA;AAAA,IACJ,KAAKC;AAAA,IACL,MAAMC,IAAe,CAAC;AAAA,IACtB,cAAAC;AAAA,IACA,oBAAAC;AAAA,MACEC,EAAsB,GAEpBC,IAAYC,EAAY,MAAM;AAClC,IAAAN,EAAYH,GAAW;AAAA,MACrB,gBAAgBD,MAAa,YAAYE,IAAgB,CAAC;AAAA,MAC1D,UAAUS,EAAY;AAAA,IAAA,CACvB;AAAA,KACA,CAACT,GAAeE,GAAaH,GAAWD,CAAQ,CAAC;AAMpD,SAJAY,EAAU,MAAM;AACJ,IAAAH;EAAA,GACT,CAACA,CAAS,CAAC,GAEVH,IACK,gBAAAO,EAACC,GAAU,EAAA,QAAO,SAAS,CAAA,IAGhCP,IAEC,gBAAAM,EAAAE,GAAA,EAAS,OAAO,GAAG,aAAY,UAAS,iBAAgB,UACvD,UAAC,gBAAAF,EAAAG,GAAA,EAAM,YAAYP,EAAA,CAAW,EAChC,CAAA,IAMC,gBAAAI,EAAAI,GAAA,EAAA,WAAAZ,KAAA,gBAAAA,EAAc,UAAS,IACrB,gBAAAQ,EAAAE,GAAA,EAAS,OAAO,GACd,UAAaV,EAAA,IAAI,CAACa,GAAMC,MAAU;AACjC,UAAMC,IAAcD,MAAU,GACxBE,IAAaH,EAAK,UAAU,IAC5BI,IAAgB,CAACF,KAAeC,GAChCE,IAAYC,EAAWN,EAAK,IAAI;AAGpC,WAAA,gBAAAO,EAACV,GAA4C,EAAA,QAAO,QACjD,UAAA;AAAA,MAAA,CAACK,KAAe,CAACE,KAAkB,gBAAAT,EAAAa,GAAA,EAAU,SAAS,GAAG;AAAA,MACzDJ,KAAiBC,KAChB,gBAAAV,EAACc,GAAA,EAAsB,eAAe,MACpC,UAAC,gBAAAd,EAAAe,GAAA,EAAM,KAAKL,GAAW,KAAKL,EAAK,KAAK,SAAA,EAAY,CAAA,GACpD;AAAA,MAEF,gBAAAO,EAACV,GAAS,EAAA,UAAU,GAClB,UAAA;AAAA,QAAC,gBAAAF,EAAAgB,GAAA,EAAgB,WAAU,OAAM,QAAO,cACrC,UAAWC,EAAAZ,EAAK,QAAQ,CAAC,EAC5B,CAAA;AAAA,QACA,gBAAAL,EAACa,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,QACvB,gBAAAb;AAAA,UAACkB;AAAA,UAAA;AAAA,YACC,SAASb,EAAK;AAAA,YACd,OAAOA,EAAK;AAAA,YACZ,MAAMA,EAAK;AAAA,YACX,eAAAf;AAAA,UAAA;AAAA,QACF;AAAA,MAAA,GACF;AAAA,IAAA,KAlBa,GAAGe,EAAK,KAAK,IAAIA,EAAK,IAAI,EAmBzC;AAAA,EAEH,CAAA,GACH,IAEC,gBAAAO,EAAAV,GAAA,EAAS,iBAAgB,UAAS,aAAY,UAAS,SAAQ,QAC9D,UAAA;AAAA,IAAC,gBAAAF,EAAAe,GAAA,EAAM,KAAKI,EAAc,cAAe,CAAA;AAAA,IACzC,gBAAAnB,EAACa,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,sBACxBO,GAAK,EAAA,WAAU,OAAM,OAAM,cAAa,UAEzC,wCAAA;AAAA,EAAA,EACF,CAAA,EAEJ,CAAA;AAEJ,GAEeC,IAAAC,EAAKpC,CAAe;"}
+{"version":3,"file":"monthly-timeline.js","sources":["../../../../src/features/timeline/monthly-timeline/monthly-timeline.tsx"],"sourcesContent":["import { type FC, memo, useCallback, useEffect, useMemo } from 'react';\n\nimport { type IMonthlyTimelineProps } from './monthly-timeline-types';\nimport { monthlyTimelineGet } from './api/use-monthly-timeline-get';\nimport MonthlyTimelineView from './monthly-timeline-view';\nimport AppLoader from '../../ui/loader/app-loader/app-loader';\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport Image from '../../ui/image/image';\nimport Separator from '../../ui/separator/separator';\nimport { monthNames, yearImages } from './constants';\nimport Error from '../../ui/error/error';\nimport * as Styled from './monthly-timeline-styled';\nimport { getTimezone } from '../../../helpers/date-time';\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\n\nconst MonthlyTimeline: FC<IMonthlyTimelineProps> = ({\n  userType,\n  studentId,\n  courseStreams,\n  onReportClick,\n}) => {\n  const initialQueryParams = useMemo(\n    () => ({\n      course_streams: userType === 'TEACHER' ? courseStreams : [],\n      timezone: getTimezone(),\n    }),\n    [courseStreams, userType],\n  );\n\n  const {\n    get: getTimeline,\n    data: timelineData = [],\n    isProcessing,\n    isProcessingFailed,\n  } = monthlyTimelineGet(studentId, initialQueryParams);\n\n  const fetchData = useCallback(() => {\n    getTimeline(studentId, initialQueryParams);\n  }, [getTimeline, initialQueryParams, studentId]);\n\n  useEffect(() => {\n    fetchData();\n  }, [fetchData]);\n\n  if (isProcessing) {\n    return <AppLoader height=\"100dvh\" />;\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  return (\n    <>\n      {timelineData?.length > 0 ? (\n        <FlexView $gapX={2}>\n          {timelineData.map((item, index) => {\n            const isFirstItem = index === 0;\n            const isDecember = item.month === 12;\n            const showYearImage = !isFirstItem && isDecember;\n            const yearImage = yearImages[item.year];\n\n            return (\n              <FlexView key={`${item.month}-${item.year}`} $width=\"100%\">\n                {!isFirstItem && !showYearImage && <Separator heightX={2} />}\n                {showYearImage && yearImage && (\n                  <Styled.ImageContainer $marginBottom={-122}>\n                    <Image src={yearImage} alt={item.year.toString()} />\n                  </Styled.ImageContainer>\n                )}\n                <FlexView $gutterX={1}>\n                  <Styled.DateText $renderAs=\"ac4\" $color=\"BLACK_T_60\">\n                    {monthNames[item.month - 1]}\n                  </Styled.DateText>\n                  <Separator heightX={1} />\n                  <MonthlyTimelineView\n                    reports={item.reports}\n                    month={item.month}\n                    year={item.year}\n                    onReportClick={onReportClick}\n                  />\n                </FlexView>\n              </FlexView>\n            );\n          })}\n        </FlexView>\n      ) : (\n        <FlexView $justifyContent=\"center\" $alignItems=\"center\" $height=\"100%\">\n          <Image src={ILLUSTRATIONS.EMPTY_REPORTS} />\n          <Separator heightX={1.5} />\n          <Text $renderAs=\"ab2\" color=\"BLACK_T_60\">\n            Report will be available next month.\n          </Text>\n        </FlexView>\n      )}\n    </>\n  );\n};\n\nexport default memo(MonthlyTimeline);\n"],"names":["MonthlyTimeline","userType","studentId","courseStreams","onReportClick","initialQueryParams","useMemo","getTimezone","getTimeline","timelineData","isProcessing","isProcessingFailed","monthlyTimelineGet","fetchData","useCallback","useEffect","jsx","AppLoader","FlexView","Error","Fragment","item","index","isFirstItem","isDecember","showYearImage","yearImage","yearImages","jsxs","Separator","Styled.ImageContainer","Image","Styled.DateText","monthNames","MonthlyTimelineView","ILLUSTRATIONS","Text","monthlyTimeline","memo"],"mappings":";;;;;;;;;;;;;;AAgBA,MAAMA,IAA6C,CAAC;AAAA,EAClD,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,eAAAC;AACF,MAAM;AACJ,QAAMC,IAAqBC;AAAA,IACzB,OAAO;AAAA,MACL,gBAAgBL,MAAa,YAAYE,IAAgB,CAAC;AAAA,MAC1D,UAAUI,EAAY;AAAA,IAAA;AAAA,IAExB,CAACJ,GAAeF,CAAQ;AAAA,EAAA,GAGpB;AAAA,IACJ,KAAKO;AAAA,IACL,MAAMC,IAAe,CAAC;AAAA,IACtB,cAAAC;AAAA,IACA,oBAAAC;AAAA,EAAA,IACEC,EAAmBV,GAAWG,CAAkB,GAE9CQ,IAAYC,EAAY,MAAM;AAClC,IAAAN,EAAYN,GAAWG,CAAkB;AAAA,EACxC,GAAA,CAACG,GAAaH,GAAoBH,CAAS,CAAC;AAM/C,SAJAa,EAAU,MAAM;AACJ,IAAAF;EAAA,GACT,CAACA,CAAS,CAAC,GAEVH,IACK,gBAAAM,EAACC,GAAU,EAAA,QAAO,SAAS,CAAA,IAGhCN,IAEC,gBAAAK,EAAAE,GAAA,EAAS,OAAO,GAAG,aAAY,UAAS,iBAAgB,UACvD,UAAC,gBAAAF,EAAAG,GAAA,EAAM,YAAYN,EAAA,CAAW,EAChC,CAAA,IAMC,gBAAAG,EAAAI,GAAA,EAAA,WAAAX,KAAA,gBAAAA,EAAc,UAAS,IACrB,gBAAAO,EAAAE,GAAA,EAAS,OAAO,GACd,UAAaT,EAAA,IAAI,CAACY,GAAMC,MAAU;AACjC,UAAMC,IAAcD,MAAU,GACxBE,IAAaH,EAAK,UAAU,IAC5BI,IAAgB,CAACF,KAAeC,GAChCE,IAAYC,EAAWN,EAAK,IAAI;AAGpC,WAAA,gBAAAO,EAACV,GAA4C,EAAA,QAAO,QACjD,UAAA;AAAA,MAAA,CAACK,KAAe,CAACE,KAAkB,gBAAAT,EAAAa,GAAA,EAAU,SAAS,GAAG;AAAA,MACzDJ,KAAiBC,KAChB,gBAAAV,EAACc,GAAA,EAAsB,eAAe,MACpC,UAAC,gBAAAd,EAAAe,GAAA,EAAM,KAAKL,GAAW,KAAKL,EAAK,KAAK,SAAA,EAAY,CAAA,GACpD;AAAA,MAEF,gBAAAO,EAACV,GAAS,EAAA,UAAU,GAClB,UAAA;AAAA,QAAC,gBAAAF,EAAAgB,GAAA,EAAgB,WAAU,OAAM,QAAO,cACrC,UAAWC,EAAAZ,EAAK,QAAQ,CAAC,EAC5B,CAAA;AAAA,QACA,gBAAAL,EAACa,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,QACvB,gBAAAb;AAAA,UAACkB;AAAA,UAAA;AAAA,YACC,SAASb,EAAK;AAAA,YACd,OAAOA,EAAK;AAAA,YACZ,MAAMA,EAAK;AAAA,YACX,eAAAjB;AAAA,UAAA;AAAA,QACF;AAAA,MAAA,GACF;AAAA,IAAA,KAlBa,GAAGiB,EAAK,KAAK,IAAIA,EAAK,IAAI,EAmBzC;AAAA,EAEH,CAAA,GACH,IAEC,gBAAAO,EAAAV,GAAA,EAAS,iBAAgB,UAAS,aAAY,UAAS,SAAQ,QAC9D,UAAA;AAAA,IAAC,gBAAAF,EAAAe,GAAA,EAAM,KAAKI,EAAc,cAAe,CAAA;AAAA,IACzC,gBAAAnB,EAACa,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,sBACxBO,GAAK,EAAA,WAAU,OAAM,OAAM,cAAa,UAEzC,wCAAA;AAAA,EAAA,EACF,CAAA,EAEJ,CAAA;AAEJ,GAEeC,IAAAC,EAAKtC,CAAe;"}

package/dist/features/timeline/timeline-tabs/constants.js

@@ -0,0 +1,17 @@
+import { ETAB_IDS as l } from "./timeline-tabs-types.js";
+const a = [
+  {
+    id: l.DAILY,
+    label: "Daily",
+    path: "daily"
+  },
+  {
+    id: l.MONTHLY,
+    label: "Monthly",
+    path: "monthly"
+  }
+];
+export {
+  a as TABS
+};
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../src/features/timeline/timeline-tabs/constants.ts"],"sourcesContent":["import { ETAB_IDS, type ITab } from './timeline-tabs-types';\n\nexport const TABS: ITab[] = [\n  {\n    id: ETAB_IDS.DAILY,\n    label: 'Daily',\n    path: 'daily',\n  },\n  {\n    id: ETAB_IDS.MONTHLY,\n    label: 'Monthly',\n    path: 'monthly',\n  },\n];\n"],"names":["TABS","ETAB_IDS"],"mappings":";AAEO,MAAMA,IAAe;AAAA,EAC1B;AAAA,IACE,IAAIC,EAAS;AAAA,IACb,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,IAAIA,EAAS;AAAA,IACb,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AACF;"}

package/dist/features/timeline/timeline-tabs/timeline-tabs.js

@@ -1,42 +1,28 @@
-import { jsx as t } from "react/jsx-runtime";
-import { memo as a } from "react";
-import { TabContainer as d, TabItem as c } from "./timeline-tabs.styled.js";
-import { ETAB_IDS as r } from "./timeline-tabs-types.js";
-import h from "../../ui/text/text.js";
-const T = ({ onTabClick: o, activeTab: n, headerHeight: l }) => {
-  const m = [
+import { jsx as i } from "react/jsx-runtime";
+import { memo as m } from "react";
+import { TabContainer as c, TabItem as d } from "./timeline-tabs.styled.js";
+import $ from "../../ui/text/text.js";
+import { TABS as l } from "./constants.js";
+const s = ({ onTabClick: t, activeTab: o, headerHeight: n }) => /* @__PURE__ */ i(c, { $heightX: 4, $headerHeight: n, children: l.map((e) => {
+  const r = e.id === o;
+  return /* @__PURE__ */ i(
+    d,
     {
-      id: r.DAILY,
-      label: "Daily",
-      path: "daily"
+      $isActive: r,
+      $justifyContent: "center",
+      $borderColor: "BLACK_T_38",
+      $background: r ? "BLACK_1" : "WHITE",
+      $gapX: 0.46875,
+      $gutterX: 1,
+      $widthX: 6.5,
+      $width: "100%",
+      onClick: () => t(e.id),
+      children: /* @__PURE__ */ i($, { $renderAs: "ac4", $color: r ? "WHITE" : "BLACK_T_38", children: e.label })
     },
-    {
-      id: r.MONTHLY,
-      label: "Monthly",
-      path: "monthly"
-    }
-  ];
-  return /* @__PURE__ */ t(d, { $heightX: 4, $headerHeight: l, children: m.map((e) => {
-    const i = e.id === n;
-    return /* @__PURE__ */ t(
-      c,
-      {
-        $isActive: i,
-        $justifyContent: "center",
-        $borderColor: "BLACK_T_38",
-        $background: i ? "BLACK_1" : "WHITE",
-        $gapX: 0.46875,
-        $gutterX: 1,
-        $widthX: 6.5,
-        $width: "100%",
-        onClick: () => o(e.id),
-        children: /* @__PURE__ */ t(h, { $renderAs: "ac4", $color: i ? "WHITE" : "BLACK_T_38", children: e.label })
-      },
-      e.id
-    );
-  }) });
-}, C = a(T);
+    e.id
+  );
+}) }), A = m(s);
 export {
-  C as default
+  A as default
 };
 //# sourceMappingURL=timeline-tabs.js.map