@cuemath/leap 3.5.30-as5 → 3.5.30-as7

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

@@ -6,26 +6,25 @@ import _ from "../../../../../assets/line-icons/icons/pause-icon.js";
 import { ATTENDANCE_STATUS as a } from "./attendance-constants.js";
 import { StatusSymbol as C } from "./attendance.styled.js";
 import T from "../../../../ui/theme/clrs.js";
-const l = T(), w = (t) => t == null ? void 0 : t.map((o) => I(o)).join(`
-`), b = (t) => t.is_present ? a.ATTENDED : t.is_paused ? a.PAUSED : a.MISSED, x = (t) => {
-  let o = 0, s = 0, r = 0;
+const l = T(), w = (t, s) => [s, ...(t == null ? void 0 : t.map((o) => I(o))) || []].join("/n"), b = (t) => t.is_present ? a.ATTENDED : t.is_paused ? a.PAUSED : a.MISSED, x = (t) => {
+  let s = 0, o = 0, r = 0;
   Object.values(t).forEach((i) => {
     i.forEach((e) => {
       switch (b(e)) {
         case a.ATTENDED:
-          o++;
+          s++;
           break;
         case a.PAUSED:
           r++;
           break;
         default:
-          s++;
+          o++;
           break;
       }
     });
   });
   const n = [];
-  return o > 0 && n.push(`${o} attended`), s > 0 && n.push(`${s} missed`), r > 0 && n.push(`${r} paused`), `${n.join(", ")}.`;
+  return s > 0 && n.push(`${s} attended`), o > 0 && n.push(`${o} missed`), r > 0 && n.push(`${r} paused`), `${n.join(", ")}.`;
 }, A = (t) => {
   if (t.length === 0)
     return {
@@ -41,14 +40,14 @@ const l = T(), w = (t) => t == null ? void 0 : t.map((o) => I(o)).join(`
       tooltipBgColor: "WHITE_5",
       snackbarBg: l.WHITE_5
     };
-  const o = t.find((r) => r.is_present), s = t.find((r) => r.is_paused);
-  return o ? {
+  const s = t.find((r) => r.is_present), o = t.find((r) => r.is_paused);
+  return s ? {
     status: a.ATTENDED,
     themeColor: "GREEN_1",
     statusSymbol: /* @__PURE__ */ u(S, { color: "GREEN_6", width: 14, height: 14 }),
     tooltipBgColor: "GREEN_2",
     snackbarBg: l.GREEN_2
-  } : s ? {
+  } : o ? {
     status: a.PAUSED,
     themeColor: "WHITE_4",
     statusSymbol: /* @__PURE__ */ u(_, { color: "BLACK_T_60", width: 8, height: 8 }),
@@ -61,12 +60,12 @@ const l = T(), w = (t) => t == null ? void 0 : t.map((o) => I(o)).join(`
     tooltipBgColor: "ORANGE_2",
     snackbarBg: l.ORANGE_2
   };
-}, P = (t, o, s) => {
-  const r = new Date(s, o - 1, 1).getDay(), n = new Date(s, o, 0).getDate(), i = [];
+}, P = (t, s, o) => {
+  const r = new Date(o, s - 1, 1).getDay(), n = new Date(o, s, 0).getDate(), i = [];
   for (let e = 0; e < r; e++)
     i.push(null);
   for (let e = 1; e <= n; e++) {
-    const m = `${s}-${o.toString().padStart(2, "0")}-${e.toString().padStart(2, "0")}`, c = t[m] || [], { status: d, themeColor: h, statusSymbol: E, tooltipBgColor: g, snackbarBg: p } = A(c);
+    const m = `${o}-${s.toString().padStart(2, "0")}-${e.toString().padStart(2, "0")}`, c = t[m] || [], { status: d, themeColor: h, statusSymbol: E, tooltipBgColor: g, snackbarBg: p } = A(c);
     i.push({
       date: e,
       status: d,
@@ -81,8 +80,8 @@ const l = T(), w = (t) => t == null ? void 0 : t.map((o) => I(o)).join(`
   return i;
 }, I = (t) => {
   if (!t.status) return "";
-  const s = new Date(t.time * 1e3).getHours(), r = s >= 12 ? "PM" : "AM";
-  return `${`${s % 12 || 12} ${r}`}: ${t.status}`;
+  const o = new Date(t.time * 1e3).getHours(), r = o >= 12 ? "PM" : "AM";
+  return `${`${o % 12 || 12} ${r}`}: ${t.status}`;
 };
 export {
   x as attendanceStatsText,

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

@@ -1 +1 @@
-{"version":3,"file":"attendance-utils.js","sources":["../../../../../../src/features/timeline/monthly-report/comps/attendance/attendance-utils.tsx"],"sourcesContent":["import type { JSX } from 'react';\n\nimport Check2Icon from '../../../../../assets/line-icons/icons/check2';\nimport CrossIcon from '../../../../../assets/line-icons/icons/cross';\nimport DotIcon from '../../../../../assets/line-icons/icons/dots-icon';\nimport PauseIcon from '../../../../../assets/line-icons/icons/pause-icon';\nimport type { TColorNames } from '../../../../ui/types';\nimport type { IClassEvent, TCalendarData } from '../../monthly-report-types';\nimport { ATTENDANCE_STATUS } from './attendance-constants';\nimport type { ICalendarDay, TAttendanceStatus } from './attendance-types';\nimport * as Styled from './attendance.styled';\nimport getColors from '../../../../ui/theme/clrs';\n\nconst colors = getColors();\n\nexport const getSnackbarMsg = (classes: IClassEvent[] | undefined) => {\n  return classes?.map(item => getStatusText(item)).join('\\n');\n};\n\nexport const getClassStatus = (classEvent: IClassEvent): TAttendanceStatus => {\n  if (classEvent.is_present) {\n    return ATTENDANCE_STATUS.ATTENDED;\n  }\n\n  if (classEvent.is_paused) {\n    return ATTENDANCE_STATUS.PAUSED;\n  }\n\n  return ATTENDANCE_STATUS.MISSED;\n};\n\nexport const attendanceStatsText = (calendarData: TCalendarData) => {\n  let attended = 0;\n  let missed = 0;\n  let paused = 0;\n\n  Object.values(calendarData).forEach(dayClasses => {\n    dayClasses.forEach(classEvent => {\n      const status = getClassStatus(classEvent);\n\n      switch (status) {\n        case ATTENDANCE_STATUS.ATTENDED:\n          attended++;\n          break;\n        case ATTENDANCE_STATUS.PAUSED:\n          paused++;\n          break;\n        default:\n          missed++;\n          break;\n      }\n    });\n  });\n\n  const parts: string[] = [];\n\n  if (attended > 0) parts.push(`${attended} attended`);\n\n  if (missed > 0) parts.push(`${missed} missed`);\n\n  if (paused > 0) parts.push(`${paused} paused`);\n\n  return `${parts.join(', ')}.`;\n};\n\nexport const getDayStatusInfo = (dayClasses: IClassEvent[]) => {\n  if (dayClasses.length === 0) {\n    return {\n      status: null,\n      themeColor: null,\n      statusSymbol: '',\n    };\n  }\n\n  if (dayClasses.length > 1) {\n    return {\n      status: ATTENDANCE_STATUS.PAUSED,\n      themeColor: 'WHITE_4',\n      statusSymbol: (\n        <Styled.StatusSymbol $top=\"2px\" $right=\"2px\">\n          <DotIcon color=\"GREEN_6\" width={8} height={8} />\n        </Styled.StatusSymbol>\n      ),\n      tooltipBgColor: 'WHITE_5',\n      snackbarBg: colors.WHITE_5,\n    };\n  }\n\n  const attendedClass = dayClasses.find(cls => cls.is_present);\n  const pausedClass = dayClasses.find(cls => cls.is_paused);\n\n  if (attendedClass) {\n    return {\n      status: ATTENDANCE_STATUS.ATTENDED,\n      themeColor: 'GREEN_1',\n      statusSymbol: <Check2Icon color=\"GREEN_6\" width={14} height={14} />,\n      tooltipBgColor: 'GREEN_2',\n      snackbarBg: colors.GREEN_2,\n    };\n  }\n\n  if (pausedClass) {\n    return {\n      status: ATTENDANCE_STATUS.PAUSED,\n      themeColor: 'WHITE_4',\n      statusSymbol: <PauseIcon color=\"BLACK_T_60\" width={8} height={8} />,\n      tooltipBgColor: 'WHITE_5',\n      snackbarBg: colors.WHITE_5,\n    };\n  }\n\n  return {\n    status: ATTENDANCE_STATUS.MISSED,\n    themeColor: 'ORANGE_1',\n    statusSymbol: <CrossIcon color=\"RED\" width={12} height={12} />,\n    tooltipBgColor: 'ORANGE_2',\n    snackbarBg: colors.ORANGE_2,\n  };\n};\n\nexport const generateCalendarGrid = (\n  calendarData: TCalendarData,\n  reportMonth: number,\n  reportYear: number,\n): (ICalendarDay | null)[] => {\n  const firstDay = new Date(reportYear, reportMonth - 1, 1).getDay();\n  const daysInMonth = new Date(reportYear, reportMonth, 0).getDate();\n  const grid: (ICalendarDay | null)[] = [];\n\n  // Add empty cells for days before the first day of the month\n  for (let i = 0; i < firstDay; i++) {\n    grid.push(null);\n  }\n\n  // Add all days of the month\n  for (let day = 1; day <= daysInMonth; day++) {\n    const dateString = `${reportYear}-${reportMonth.toString().padStart(2, '0')}-${day\n      .toString()\n      .padStart(2, '0')}`;\n    const dayClasses = calendarData[dateString] || [];\n    const { status, themeColor, statusSymbol, tooltipBgColor, snackbarBg } =\n      getDayStatusInfo(dayClasses);\n\n    grid.push({\n      date: day,\n      status,\n      hasClasses: dayClasses.length > 0,\n      classes: dayClasses,\n      themeColor: themeColor as TColorNames | null,\n      statusSymbol: statusSymbol as JSX.Element,\n      tooltipBgColor: tooltipBgColor as TColorNames | null,\n      snackbarBg,\n    });\n  }\n\n  return grid;\n};\n\nexport const getStatusText = (classEvent: IClassEvent) => {\n  if (!classEvent.status) return '';\n\n  const date = new Date(classEvent.time * 1000);\n  const hours = date.getHours();\n  const ampm = hours >= 12 ? 'PM' : 'AM';\n  const displayHours = hours % 12 || 12;\n\n  const timeStr = `${displayHours} ${ampm}`;\n\n  return `${timeStr}: ${classEvent.status}`;\n};\n"],"names":["colors","getColors","getSnackbarMsg","classes","item","getStatusText","getClassStatus","classEvent","ATTENDANCE_STATUS","attendanceStatsText","calendarData","attended","missed","paused","dayClasses","parts","getDayStatusInfo","jsx","Styled.StatusSymbol","DotIcon","attendedClass","cls","pausedClass","Check2Icon","PauseIcon","CrossIcon","generateCalendarGrid","reportMonth","reportYear","firstDay","daysInMonth","grid","i","day","dateString","status","themeColor","statusSymbol","tooltipBgColor","snackbarBg","hours","ampm"],"mappings":"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"}
+{"version":3,"file":"attendance-utils.js","sources":["../../../../../../src/features/timeline/monthly-report/comps/attendance/attendance-utils.tsx"],"sourcesContent":["import type { JSX } from 'react';\n\nimport Check2Icon from '../../../../../assets/line-icons/icons/check2';\nimport CrossIcon from '../../../../../assets/line-icons/icons/cross';\nimport DotIcon from '../../../../../assets/line-icons/icons/dots-icon';\nimport PauseIcon from '../../../../../assets/line-icons/icons/pause-icon';\nimport type { TColorNames } from '../../../../ui/types';\nimport type { IClassEvent, TCalendarData } from '../../monthly-report-types';\nimport { ATTENDANCE_STATUS } from './attendance-constants';\nimport type { ICalendarDay, TAttendanceStatus } from './attendance-types';\nimport * as Styled from './attendance.styled';\nimport getColors from '../../../../ui/theme/clrs';\n\nconst colors = getColors();\n\nexport const getSnackbarMsg = (classes: IClassEvent[] | undefined, date: string) => {\n  return [date, ...(classes?.map(item => getStatusText(item)) || [])].join('/n');\n};\n\nexport const getClassStatus = (classEvent: IClassEvent): TAttendanceStatus => {\n  if (classEvent.is_present) {\n    return ATTENDANCE_STATUS.ATTENDED;\n  }\n\n  if (classEvent.is_paused) {\n    return ATTENDANCE_STATUS.PAUSED;\n  }\n\n  return ATTENDANCE_STATUS.MISSED;\n};\n\nexport const attendanceStatsText = (calendarData: TCalendarData) => {\n  let attended = 0;\n  let missed = 0;\n  let paused = 0;\n\n  Object.values(calendarData).forEach(dayClasses => {\n    dayClasses.forEach(classEvent => {\n      const status = getClassStatus(classEvent);\n\n      switch (status) {\n        case ATTENDANCE_STATUS.ATTENDED:\n          attended++;\n          break;\n        case ATTENDANCE_STATUS.PAUSED:\n          paused++;\n          break;\n        default:\n          missed++;\n          break;\n      }\n    });\n  });\n\n  const parts: string[] = [];\n\n  if (attended > 0) parts.push(`${attended} attended`);\n\n  if (missed > 0) parts.push(`${missed} missed`);\n\n  if (paused > 0) parts.push(`${paused} paused`);\n\n  return `${parts.join(', ')}.`;\n};\n\nexport const getDayStatusInfo = (dayClasses: IClassEvent[]) => {\n  if (dayClasses.length === 0) {\n    return {\n      status: null,\n      themeColor: null,\n      statusSymbol: '',\n    };\n  }\n\n  if (dayClasses.length > 1) {\n    return {\n      status: ATTENDANCE_STATUS.PAUSED,\n      themeColor: 'WHITE_4',\n      statusSymbol: (\n        <Styled.StatusSymbol $top=\"2px\" $right=\"2px\">\n          <DotIcon color=\"GREEN_6\" width={8} height={8} />\n        </Styled.StatusSymbol>\n      ),\n      tooltipBgColor: 'WHITE_5',\n      snackbarBg: colors.WHITE_5,\n    };\n  }\n\n  const attendedClass = dayClasses.find(cls => cls.is_present);\n  const pausedClass = dayClasses.find(cls => cls.is_paused);\n\n  if (attendedClass) {\n    return {\n      status: ATTENDANCE_STATUS.ATTENDED,\n      themeColor: 'GREEN_1',\n      statusSymbol: <Check2Icon color=\"GREEN_6\" width={14} height={14} />,\n      tooltipBgColor: 'GREEN_2',\n      snackbarBg: colors.GREEN_2,\n    };\n  }\n\n  if (pausedClass) {\n    return {\n      status: ATTENDANCE_STATUS.PAUSED,\n      themeColor: 'WHITE_4',\n      statusSymbol: <PauseIcon color=\"BLACK_T_60\" width={8} height={8} />,\n      tooltipBgColor: 'WHITE_5',\n      snackbarBg: colors.WHITE_5,\n    };\n  }\n\n  return {\n    status: ATTENDANCE_STATUS.MISSED,\n    themeColor: 'ORANGE_1',\n    statusSymbol: <CrossIcon color=\"RED\" width={12} height={12} />,\n    tooltipBgColor: 'ORANGE_2',\n    snackbarBg: colors.ORANGE_2,\n  };\n};\n\nexport const generateCalendarGrid = (\n  calendarData: TCalendarData,\n  reportMonth: number,\n  reportYear: number,\n): (ICalendarDay | null)[] => {\n  const firstDay = new Date(reportYear, reportMonth - 1, 1).getDay();\n  const daysInMonth = new Date(reportYear, reportMonth, 0).getDate();\n  const grid: (ICalendarDay | null)[] = [];\n\n  // Add empty cells for days before the first day of the month\n  for (let i = 0; i < firstDay; i++) {\n    grid.push(null);\n  }\n\n  // Add all days of the month\n  for (let day = 1; day <= daysInMonth; day++) {\n    const dateString = `${reportYear}-${reportMonth.toString().padStart(2, '0')}-${day\n      .toString()\n      .padStart(2, '0')}`;\n    const dayClasses = calendarData[dateString] || [];\n    const { status, themeColor, statusSymbol, tooltipBgColor, snackbarBg } =\n      getDayStatusInfo(dayClasses);\n\n    grid.push({\n      date: day,\n      status,\n      hasClasses: dayClasses.length > 0,\n      classes: dayClasses,\n      themeColor: themeColor as TColorNames | null,\n      statusSymbol: statusSymbol as JSX.Element,\n      tooltipBgColor: tooltipBgColor as TColorNames | null,\n      snackbarBg,\n    });\n  }\n\n  return grid;\n};\n\nexport const getStatusText = (classEvent: IClassEvent) => {\n  if (!classEvent.status) return '';\n\n  const date = new Date(classEvent.time * 1000);\n  const hours = date.getHours();\n  const ampm = hours >= 12 ? 'PM' : 'AM';\n  const displayHours = hours % 12 || 12;\n\n  const timeStr = `${displayHours} ${ampm}`;\n\n  return `${timeStr}: ${classEvent.status}`;\n};\n"],"names":["colors","getColors","getSnackbarMsg","classes","date","item","getStatusText","getClassStatus","classEvent","ATTENDANCE_STATUS","attendanceStatsText","calendarData","attended","missed","paused","dayClasses","parts","getDayStatusInfo","jsx","Styled.StatusSymbol","DotIcon","attendedClass","cls","pausedClass","Check2Icon","PauseIcon","CrossIcon","generateCalendarGrid","reportMonth","reportYear","firstDay","daysInMonth","grid","i","day","dateString","status","themeColor","statusSymbol","tooltipBgColor","snackbarBg","hours","ampm"],"mappings":"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"}

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

@@ -1,76 +1,44 @@
-import { jsxs as n, jsx as r, Fragment as _ } from "react/jsx-runtime";
-import { memo as g, useMemo as l } from "react";
-import { IS_APP_RUNNING_IN_RN as u } from "../../../../../constants/app-config.js";
-import f from "../../../../ui/arrow-tooltip/arrow-tooltip.js";
-import m from "../../../../ui/layout/flex-view.js";
-import C from "../../../../ui/separator/separator.js";
-import t from "../../../../ui/text/text.js";
-import { CALENDAR_CONFIG as T, MONTH_NAMES as S } from "./attendance-constants.js";
-import { attendanceStatsText as I, generateCalendarGrid as N, getSnackbarMsg as B, getStatusText as x } from "./attendance-utils.js";
-import { CalendarHeader as E, CalendarBody as H, TooltipWrapper as j, CalendarDay as K, StatusSymbol as L } from "./attendance.styled.js";
-const W = ({
-  calendarData: o,
-  reportMonth: s,
-  reportYear: c,
-  onDateClick: i
+import { jsxs as d, jsx as o } from "react/jsx-runtime";
+import { memo as $, useMemo as n } from "react";
+import l from "../../../../ui/layout/flex-view.js";
+import h from "../../../../ui/separator/separator.js";
+import m from "../../../../ui/text/text.js";
+import { CALENDAR_CONFIG as u } from "./attendance-constants.js";
+import { attendanceStatsText as C, generateCalendarGrid as b } from "./attendance-utils.js";
+import { CalendarHeader as _, CalendarBody as x } from "./attendance.styled.js";
+import g from "./attendence-view.js";
+const T = ({
+  calendarData: e,
+  reportMonth: t,
+  reportYear: i,
+  onDateClick: c
 }) => {
-  const A = l(
-    () => !!o && I(o),
-    [o]
-  ), p = l(
-    () => !!o && N(o, s, c),
-    [o, s, c]
-  ), $ = l(() => o ? Object.values(o).some((e) => e.length > 0) : !1, [o]);
-  return !o || Object.keys(o).length === 0 || !$ || !p ? null : /* @__PURE__ */ n(m, { children: [
-    /* @__PURE__ */ r(t, { $renderAs: "ab1-bold", $color: "BLACK_1", children: "Attendance" }),
-    /* @__PURE__ */ r(t, { $renderAs: "ub2-bold", $color: "BLACK_T_60", children: A }),
-    /* @__PURE__ */ r(C, { heightX: 1 }),
-    /* @__PURE__ */ n(m, { $borderColor: "WHITE_5", children: [
-      /* @__PURE__ */ r(E, { children: T.DAY_HEADERS.map((e) => /* @__PURE__ */ r(t, { $align: "center", $renderAs: "ub3", $color: "BLACK_T_60", children: e }, e)) }),
-      /* @__PURE__ */ r(H, { children: p.map((e, b) => /* @__PURE__ */ r(
-        j,
+  const A = n(
+    () => !!e && C(e),
+    [e]
+  ), s = n(
+    () => !!e && b(e, t, i),
+    [e, t, i]
+  ), f = n(() => e ? Object.values(e).some((r) => r.length > 0) : !1, [e]);
+  return !e || Object.keys(e).length === 0 || !f || !s ? null : /* @__PURE__ */ d(l, { children: [
+    /* @__PURE__ */ o(m, { $renderAs: "ab1-bold", $color: "BLACK_1", children: "Attendance" }),
+    /* @__PURE__ */ o(m, { $renderAs: "ub2-bold", $color: "BLACK_T_60", children: A }),
+    /* @__PURE__ */ o(h, { heightX: 1 }),
+    /* @__PURE__ */ d(l, { $borderColor: "WHITE_5", children: [
+      /* @__PURE__ */ o(_, { children: u.DAY_HEADERS.map((r) => /* @__PURE__ */ o(m, { $align: "center", $renderAs: "ub3", $color: "BLACK_T_60", children: r }, r)) }),
+      /* @__PURE__ */ o(x, { children: s.map((r, p) => /* @__PURE__ */ o(
+        g,
         {
-          onClick: () => i == null ? void 0 : i({
-            type: "info",
-            message: B((e == null ? void 0 : e.classes) || []) ?? "",
-            bgColor: (e == null ? void 0 : e.snackbarBg) || "WHITE_5"
-          }),
-          children: /* @__PURE__ */ r(
-            f,
-            {
-              renderAs: "primary",
-              position: "top",
-              hidden: u || !(e != null && e.hasClasses),
-              backgroundColor: (e == null ? void 0 : e.tooltipBgColor) || "WHITE_5",
-              tooltipItem: e != null && e.classes ? /* @__PURE__ */ n(m, { children: [
-                /* @__PURE__ */ n(t, { $align: "center", $renderAs: "ab3", $color: "BLACK_1", children: [
-                  S[s],
-                  " ",
-                  e.date
-                ] }),
-                e.classes.map((h) => /* @__PURE__ */ r(t, { $align: "center", $renderAs: "ab3", children: x(h) }, h.time))
-              ] }) : "",
-              children: /* @__PURE__ */ r(
-                K,
-                {
-                  $background: (e == null ? void 0 : e.themeColor) || "WHITE_1",
-                  $justifyContent: "center",
-                  $alignItems: "center",
-                  children: e && /* @__PURE__ */ n(_, { children: [
-                    /* @__PURE__ */ r(t, { $renderAs: "ab2", $color: "BLACK_T_38", children: e.date }),
-                    /* @__PURE__ */ r(L, { children: !!e.statusSymbol && e.statusSymbol })
-                  ] })
-                }
-              )
-            }
-          )
+          day: r,
+          reportMonth: t,
+          onDateClick: c
         },
-        e ? `day-${e.date}` : `empty-${b}`
+        r ? `day-${r.date}` : `empty-${p}`
       )) })
     ] })
   ] });
-}, V = g(W);
+}, w = $(T);
 export {
-  V as default
+  w as default
 };
 //# sourceMappingURL=attendance.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"attendance.js","sources":["../../../../../../src/features/timeline/monthly-report/comps/attendance/attendance.tsx"],"sourcesContent":["import { memo, useMemo, type FC } from 'react';\n\nimport { IS_APP_RUNNING_IN_RN } from '../../../../../constants/app-config';\nimport ArrowTooltip from '../../../../ui/arrow-tooltip/arrow-tooltip';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport { CALENDAR_CONFIG, MONTH_NAMES } from './attendance-constants';\nimport type { ICalendarDay, IAttendanceProps } from './attendance-types';\nimport {\n  attendanceStatsText,\n  generateCalendarGrid,\n  getSnackbarMsg,\n  getStatusText,\n} from './attendance-utils';\nimport * as Styled from './attendance.styled';\n\nconst Attendance: FC<IAttendanceProps> = ({\n  calendarData,\n  reportMonth,\n  reportYear,\n  onDateClick,\n}) => {\n  const attendanceStats = useMemo(\n    () => !!calendarData && attendanceStatsText(calendarData),\n    [calendarData],\n  );\n  const calendarGrid = useMemo(\n    () => !!calendarData && generateCalendarGrid(calendarData, reportMonth, reportYear),\n    [calendarData, reportMonth, reportYear],\n  );\n\n  const hasClasses = useMemo(() => {\n    if (!calendarData) return false;\n\n    return Object.values(calendarData).some(dayClasses => dayClasses.length > 0);\n  }, [calendarData]);\n\n  if (!calendarData || Object.keys(calendarData).length === 0 || !hasClasses || !calendarGrid) {\n    return null;\n  }\n\n  return (\n    <FlexView>\n      <Text $renderAs=\"ab1-bold\" $color=\"BLACK_1\">\n        Attendance\n      </Text>\n      <Text $renderAs=\"ub2-bold\" $color=\"BLACK_T_60\">\n        {attendanceStats}\n      </Text>\n      <Separator heightX={1} />\n      <FlexView $borderColor=\"WHITE_5\">\n        <Styled.CalendarHeader>\n          {CALENDAR_CONFIG.DAY_HEADERS.map(dayLetter => (\n            <Text $align=\"center\" $renderAs=\"ub3\" $color=\"BLACK_T_60\" key={dayLetter}>\n              {dayLetter}\n            </Text>\n          ))}\n        </Styled.CalendarHeader>\n        <Styled.CalendarBody>\n          {calendarGrid.map((day: ICalendarDay | null, index: number) => (\n            <Styled.TooltipWrapper\n              key={day ? `day-${day.date}` : `empty-${index}`}\n              onClick={() =>\n                onDateClick?.({\n                  type: 'info',\n                  message: getSnackbarMsg(day?.classes || []) ?? '',\n                  bgColor: day?.snackbarBg || 'WHITE_5',\n                })\n              }\n            >\n              <ArrowTooltip\n                renderAs=\"primary\"\n                position=\"top\"\n                hidden={IS_APP_RUNNING_IN_RN || !day?.hasClasses}\n                backgroundColor={day?.tooltipBgColor || 'WHITE_5'}\n                tooltipItem={\n                  day?.classes ? (\n                    <FlexView>\n                      <Text $align=\"center\" $renderAs=\"ab3\" $color=\"BLACK_1\">\n                        {MONTH_NAMES[reportMonth]} {day.date}\n                      </Text>\n                      {day.classes.map(classEvent => (\n                        <Text $align=\"center\" $renderAs=\"ab3\" key={classEvent.time}>\n                          {getStatusText(classEvent)}\n                        </Text>\n                      ))}\n                    </FlexView>\n                  ) : (\n                    ''\n                  )\n                }\n              >\n                <Styled.CalendarDay\n                  $background={day?.themeColor || 'WHITE_1'}\n                  $justifyContent=\"center\"\n                  $alignItems=\"center\"\n                >\n                  {day && (\n                    <>\n                      <Text $renderAs=\"ab2\" $color=\"BLACK_T_38\">\n                        {day.date}\n                      </Text>\n                      <Styled.StatusSymbol>\n                        {!!day.statusSymbol && day.statusSymbol}\n                      </Styled.StatusSymbol>\n                    </>\n                  )}\n                </Styled.CalendarDay>\n              </ArrowTooltip>\n            </Styled.TooltipWrapper>\n          ))}\n        </Styled.CalendarBody>\n      </FlexView>\n    </FlexView>\n  );\n};\n\nexport default memo(Attendance);\n"],"names":["Attendance","calendarData","reportMonth","reportYear","onDateClick","attendanceStats","useMemo","attendanceStatsText","calendarGrid","generateCalendarGrid","hasClasses","dayClasses","FlexView","jsx","Text","Separator","jsxs","Styled.CalendarHeader","dayLetter","Styled.CalendarBody","day","index","Styled.TooltipWrapper","getSnackbarMsg","ArrowTooltip","IS_APP_RUNNING_IN_RN","MONTH_NAMES","classEvent","getStatusText","Styled.CalendarDay","Fragment","Styled.StatusSymbol","Attendance$1","memo"],"mappings":"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"}
+{"version":3,"file":"attendance.js","sources":["../../../../../../src/features/timeline/monthly-report/comps/attendance/attendance.tsx"],"sourcesContent":["import { memo, useMemo, type FC } from 'react';\n\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport { CALENDAR_CONFIG } from './attendance-constants';\nimport type { IAttendanceProps } from './attendance-types';\nimport { attendanceStatsText, generateCalendarGrid } from './attendance-utils';\nimport * as Styled from './attendance.styled';\nimport AttendenceView from './attendence-view';\n\nconst Attendance: FC<IAttendanceProps> = ({\n  calendarData,\n  reportMonth,\n  reportYear,\n  onDateClick,\n}) => {\n  const attendanceStats = useMemo(\n    () => !!calendarData && attendanceStatsText(calendarData),\n    [calendarData],\n  );\n  const calendarGrid = useMemo(\n    () => !!calendarData && generateCalendarGrid(calendarData, reportMonth, reportYear),\n    [calendarData, reportMonth, reportYear],\n  );\n\n  const hasClasses = useMemo(() => {\n    if (!calendarData) return false;\n\n    return Object.values(calendarData).some(dayClasses => dayClasses.length > 0);\n  }, [calendarData]);\n\n  if (!calendarData || Object.keys(calendarData).length === 0 || !hasClasses || !calendarGrid) {\n    return null;\n  }\n\n  return (\n    <FlexView>\n      <Text $renderAs=\"ab1-bold\" $color=\"BLACK_1\">\n        Attendance\n      </Text>\n      <Text $renderAs=\"ub2-bold\" $color=\"BLACK_T_60\">\n        {attendanceStats}\n      </Text>\n      <Separator heightX={1} />\n      <FlexView $borderColor=\"WHITE_5\">\n        <Styled.CalendarHeader>\n          {CALENDAR_CONFIG.DAY_HEADERS.map(dayLetter => (\n            <Text $align=\"center\" $renderAs=\"ub3\" $color=\"BLACK_T_60\" key={dayLetter}>\n              {dayLetter}\n            </Text>\n          ))}\n        </Styled.CalendarHeader>\n        <Styled.CalendarBody>\n          {calendarGrid.map((day, index) => (\n            <AttendenceView\n              day={day}\n              key={day ? `day-${day.date}` : `empty-${index}`}\n              reportMonth={reportMonth}\n              onDateClick={onDateClick}\n            />\n          ))}\n        </Styled.CalendarBody>\n      </FlexView>\n    </FlexView>\n  );\n};\n\nexport default memo(Attendance);\n"],"names":["Attendance","calendarData","reportMonth","reportYear","onDateClick","attendanceStats","useMemo","attendanceStatsText","calendarGrid","generateCalendarGrid","hasClasses","dayClasses","FlexView","jsx","Text","Separator","jsxs","Styled.CalendarHeader","dayLetter","Styled.CalendarBody","day","index","AttendenceView","Attendance$1","memo"],"mappings":";;;;;;;;;AAWA,MAAMA,IAAmC,CAAC;AAAA,EACxC,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AACF,MAAM;AACJ,QAAMC,IAAkBC;AAAA,IACtB,MAAM,CAAC,CAACL,KAAgBM,EAAoBN,CAAY;AAAA,IACxD,CAACA,CAAY;AAAA,EAAA,GAETO,IAAeF;AAAA,IACnB,MAAM,CAAC,CAACL,KAAgBQ,EAAqBR,GAAcC,GAAaC,CAAU;AAAA,IAClF,CAACF,GAAcC,GAAaC,CAAU;AAAA,EAAA,GAGlCO,IAAaJ,EAAQ,MACpBL,IAEE,OAAO,OAAOA,CAAY,EAAE,KAAK,CAAcU,MAAAA,EAAW,SAAS,CAAC,IAFjD,IAGzB,CAACV,CAAY,CAAC;AAEb,SAAA,CAACA,KAAgB,OAAO,KAAKA,CAAY,EAAE,WAAW,KAAK,CAACS,KAAc,CAACF,IACtE,yBAINI,GACC,EAAA,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAK,EAAA,WAAU,YAAW,QAAO,WAAU,UAE5C,cAAA;AAAA,sBACCA,GAAK,EAAA,WAAU,YAAW,QAAO,cAC/B,UACHT,GAAA;AAAA,IACA,gBAAAQ,EAACE,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,IACvB,gBAAAC,EAACJ,GAAS,EAAA,cAAa,WACrB,UAAA;AAAA,MAAA,gBAAAC,EAACI,GAAA,EACE,YAAgB,YAAY,IAAI,OAC9B,gBAAAJ,EAAAC,GAAA,EAAK,QAAO,UAAS,WAAU,OAAM,QAAO,cAC1C,UAD4DI,EAAA,GAAAA,CAE/D,CACD,GACH;AAAA,MACA,gBAAAL,EAACM,GAAA,EACE,YAAa,IAAI,CAACC,GAAKC,MACtB,gBAAAR;AAAA,QAACS;AAAA,QAAA;AAAA,UACC,KAAAF;AAAA,UAEA,aAAAlB;AAAA,UACA,aAAAE;AAAA,QAAA;AAAA,QAFKgB,IAAM,OAAOA,EAAI,IAAI,KAAK,SAASC,CAAK;AAAA,MAIhD,CAAA,GACH;AAAA,IAAA,GACF;AAAA,EACF,EAAA,CAAA;AAEJ,GAEeE,IAAAC,EAAKxB,CAAU;"}

package/dist/features/timeline/monthly-report/comps/attendance/attendence-view.js

@@ -0,0 +1,52 @@
+import { jsx as r, jsxs as t, Fragment as c } from "react/jsx-runtime";
+import { memo as p, useCallback as f } from "react";
+import { IS_APP_RUNNING_IN_RN as g } from "../../../../../constants/app-config.js";
+import $ from "../../../../ui/arrow-tooltip/arrow-tooltip.js";
+import b from "../../../../ui/layout/flex-view.js";
+import n from "../../../../ui/text/text.js";
+import { MONTH_NAMES as l } from "./attendance-constants.js";
+import { getSnackbarMsg as h, getStatusText as u } from "./attendance-utils.js";
+import { TooltipWrapper as A, CalendarDay as _, StatusSymbol as T } from "./attendance.styled.js";
+function C({ day: e, reportMonth: s, onDateClick: o }) {
+  const m = f(() => {
+    o == null || o({
+      type: "info",
+      message: h((e == null ? void 0 : e.classes) || [], `${l[s]} ${(e == null ? void 0 : e.date) ?? ""}`) ?? "",
+      bgColor: (e == null ? void 0 : e.snackbarBg) || "WHITE_5"
+    });
+  }, []);
+  return /* @__PURE__ */ r(A, { onClick: m, children: /* @__PURE__ */ r(
+    $,
+    {
+      renderAs: "primary",
+      position: "top",
+      hidden: g || !(e != null && e.hasClasses),
+      backgroundColor: (e == null ? void 0 : e.tooltipBgColor) || "WHITE_5",
+      tooltipItem: e != null && e.classes ? /* @__PURE__ */ t(b, { children: [
+        /* @__PURE__ */ t(n, { $align: "center", $renderAs: "ab3", $color: "BLACK_1", children: [
+          l[s],
+          " ",
+          e.date
+        ] }),
+        e.classes.map((i) => /* @__PURE__ */ r(n, { $align: "center", $renderAs: "ab3", children: u(i) }, i.time))
+      ] }) : "",
+      children: /* @__PURE__ */ r(
+        _,
+        {
+          $background: (e == null ? void 0 : e.themeColor) || "WHITE_1",
+          $justifyContent: "center",
+          $alignItems: "center",
+          children: e && /* @__PURE__ */ t(c, { children: [
+            /* @__PURE__ */ r(n, { $renderAs: "ab2", $color: "BLACK_T_38", children: e.date }),
+            /* @__PURE__ */ r(T, { children: !!e.statusSymbol && e.statusSymbol })
+          ] })
+        }
+      )
+    }
+  ) });
+}
+const k = p(C);
+export {
+  k as default
+};
+//# sourceMappingURL=attendence-view.js.map

package/dist/features/timeline/monthly-report/comps/attendance/attendence-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"attendence-view.js","sources":["../../../../../../src/features/timeline/monthly-report/comps/attendance/attendence-view.tsx"],"sourcesContent":["import { memo, useCallback } from 'react';\n\nimport { IS_APP_RUNNING_IN_RN } from '../../../../../constants/app-config';\nimport ArrowTooltip from '../../../../ui/arrow-tooltip/arrow-tooltip';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport { MONTH_NAMES } from './attendance-constants';\nimport { getSnackbarMsg, getStatusText } from './attendance-utils';\nimport * as Styled from './attendance.styled';\nimport type { ICalenderViewProps } from './attendance-types';\n\nfunction AttendenceView({ day, reportMonth, onDateClick }: ICalenderViewProps) {\n  const handleClick = useCallback(() => {\n    onDateClick?.({\n      type: 'info',\n      message:\n        getSnackbarMsg(day?.classes || [], `${MONTH_NAMES[reportMonth]} ${day?.date ?? ''}`) ?? '',\n      bgColor: day?.snackbarBg || 'WHITE_5',\n    });\n  }, []);\n\n  return (\n    <Styled.TooltipWrapper onClick={handleClick}>\n      <ArrowTooltip\n        renderAs=\"primary\"\n        position=\"top\"\n        hidden={IS_APP_RUNNING_IN_RN || !day?.hasClasses}\n        backgroundColor={day?.tooltipBgColor || 'WHITE_5'}\n        tooltipItem={\n          day?.classes ? (\n            <FlexView>\n              <Text $align=\"center\" $renderAs=\"ab3\" $color=\"BLACK_1\">\n                {MONTH_NAMES[reportMonth]} {day.date}\n              </Text>\n              {day.classes.map(classEvent => (\n                <Text $align=\"center\" $renderAs=\"ab3\" key={classEvent.time}>\n                  {getStatusText(classEvent)}\n                </Text>\n              ))}\n            </FlexView>\n          ) : (\n            ''\n          )\n        }\n      >\n        <Styled.CalendarDay\n          $background={day?.themeColor || 'WHITE_1'}\n          $justifyContent=\"center\"\n          $alignItems=\"center\"\n        >\n          {day && (\n            <>\n              <Text $renderAs=\"ab2\" $color=\"BLACK_T_38\">\n                {day.date}\n              </Text>\n              <Styled.StatusSymbol>{!!day.statusSymbol && day.statusSymbol}</Styled.StatusSymbol>\n            </>\n          )}\n        </Styled.CalendarDay>\n      </ArrowTooltip>\n    </Styled.TooltipWrapper>\n  );\n}\n\nexport default memo(AttendenceView);\n"],"names":["AttendenceView","day","reportMonth","onDateClick","handleClick","useCallback","getSnackbarMsg","MONTH_NAMES","jsx","Styled.TooltipWrapper","ArrowTooltip","IS_APP_RUNNING_IN_RN","jsxs","FlexView","Text","classEvent","getStatusText","Styled.CalendarDay","Fragment","Styled.StatusSymbol","AttendenceView$1","memo"],"mappings":";;;;;;;;;AAWA,SAASA,EAAe,EAAE,KAAAC,GAAK,aAAAC,GAAa,aAAAC,KAAmC;AACvE,QAAAC,IAAcC,EAAY,MAAM;AACtB,IAAAF,KAAA,QAAAA,EAAA;AAAA,MACZ,MAAM;AAAA,MACN,SACEG,GAAeL,KAAA,gBAAAA,EAAK,YAAW,CAAI,GAAA,GAAGM,EAAYL,CAAW,CAAC,KAAID,KAAA,gBAAAA,EAAK,SAAQ,EAAE,EAAE,KAAK;AAAA,MAC1F,UAASA,KAAA,gBAAAA,EAAK,eAAc;AAAA,IAAA;AAAA,EAEhC,GAAG,CAAE,CAAA;AAEL,SACG,gBAAAO,EAAAC,GAAA,EAAsB,SAASL,GAC9B,UAAA,gBAAAI;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,UAAS;AAAA,MACT,UAAS;AAAA,MACT,QAAQC,KAAwB,EAACV,KAAA,QAAAA,EAAK;AAAA,MACtC,kBAAiBA,KAAA,gBAAAA,EAAK,mBAAkB;AAAA,MACxC,aACEA,KAAA,QAAAA,EAAK,UACH,gBAAAW,EAACC,GACC,EAAA,UAAA;AAAA,QAAA,gBAAAD,EAACE,KAAK,QAAO,UAAS,WAAU,OAAM,QAAO,WAC1C,UAAA;AAAA,UAAAP,EAAYL,CAAW;AAAA,UAAE;AAAA,UAAED,EAAI;AAAA,QAAA,GAClC;AAAA,QACCA,EAAI,QAAQ,IAAI,CAAAc,wBACdD,GAAK,EAAA,QAAO,UAAS,WAAU,OAC7B,UAAcE,EAAAD,CAAU,KADgBA,EAAW,IAEtD,CACD;AAAA,MAAA,EAAA,CACH,IAEA;AAAA,MAIJ,UAAA,gBAAAP;AAAA,QAACS;AAAAA,QAAA;AAAA,UACC,cAAahB,KAAA,gBAAAA,EAAK,eAAc;AAAA,UAChC,iBAAgB;AAAA,UAChB,aAAY;AAAA,UAEX,eAEG,gBAAAW,EAAAM,GAAA,EAAA,UAAA;AAAA,YAAA,gBAAAV,EAACM,KAAK,WAAU,OAAM,QAAO,cAC1B,YAAI,MACP;AAAA,YACA,gBAAAN,EAACW,GAAA,EAAqB,WAAC,CAAClB,EAAI,gBAAgBA,EAAI,cAAa;AAAA,UAAA,GAC/D;AAAA,QAAA;AAAA,MAEJ;AAAA,IAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ;AAEA,MAAemB,IAAAC,EAAKrB,CAAc;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"goals-card.js","sources":["../../../../../../../src/features/timeline/monthly-report/comps/goals/goals-card/goals-card.tsx"],"sourcesContent":["import { type FC, memo, useCallback, useMemo, useState } from 'react';\n\nimport { type IGoalsCardProps } from '../goals-types';\nimport { calculateProgress, GOAL_CATEGORY_CONFIG } from '../goals-constants';\nimport * as Styled from './goals-card-styled';\nimport Text from '../../../../../ui/text/text';\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport Separator from '../../../../../ui/separator/separator';\nimport Image from '../../../../../ui/image/image';\nimport Clickable from '../../../../../ui/buttons/clickable/clickable';\nimport GoalsCardChapters from './goal-chapter-card';\nimport LinearProgressBar from '../../../../../ui/linear-progress-bar/linear-progress-bar';\n\nconst GoalsCard: FC<IGoalsCardProps> = ({ category, milestone, isExpended = false }) => {\n  const [showAllChapters, setShowAllChapters] = useState(false);\n  const {\n    milestone_name: milestoneName,\n    user_chapters: userChapters,\n    progress_stat: progressStat,\n    previous_progress_stat: prevProgressStat,\n  } = milestone;\n  const { completed, total } = progressStat;\n  const { completed: prevCompleted, total: prevTotal } = prevProgressStat ?? {};\n  const currentProgress = calculateProgress(completed, total);\n  const previousProgress =\n    prevProgressStat && prevCompleted && prevTotal\n      ? calculateProgress(prevCompleted, prevTotal)\n      : 0;\n\n  const progressDifference = currentProgress - previousProgress;\n  const showIndicator = Boolean(prevProgressStat && progressDifference > 0 && total === total);\n  const showTag = Boolean(prevProgressStat && progressDifference <= 0 && total !== total);\n  const isCompleted = currentProgress === 100;\n  const roundedProgress = Math.round(currentProgress);\n  const roundedDifference = Math.round(progressDifference);\n\n  const totalChapters = userChapters.length;\n  const visibleChapters = userChapters.slice(0, 2);\n  const remainingChapters = Math.max(0, totalChapters - 2);\n  const hiddenChapters = showAllChapters ? userChapters.slice(2) : [];\n  const hasRemainingChapters = remainingChapters > 0;\n\n  const categoryConfig = useMemo(() => GOAL_CATEGORY_CONFIG[category], []);\n  const icon = categoryConfig.icon;\n\n  const handleToggleChapters = useCallback(() => {\n    setShowAllChapters(prev => !prev);\n  }, []);\n\n  return (\n    <FlexView>\n      <FlexView\n        $position=\"relative\"\n        $background={categoryConfig.backgroundColor}\n        $borderColor={isExpended ? 'WHITE_5' : undefined}\n        $gutterX={1}\n        $gapX={1}\n        $height={isExpended ? 'auto' : 72}\n      >\n        <FlexView $flexDirection=\"row\" $flexGapX={1}>\n          {icon && (\n            <Image src={icon} withLoader width={40} height={40} alt={categoryConfig.label} />\n          )}\n          <FlexView>\n            {isExpended && (\n              <>\n                <Text $renderAs=\"ac5\" $color={categoryConfig.labelColor}>\n                  {categoryConfig.label}\n                </Text>\n                <Separator heightX={0.25} />\n              </>\n            )}\n            <Text $renderAs=\"ab2\" $color=\"BLACK_1\">\n              {milestoneName}\n            </Text>\n            <Separator heightX={isExpended ? 0.5 : 0.125} />\n            <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexGapX={0.25}>\n              <Text $renderAs=\"ab3\" $color=\"BLACK_T_60\">\n                {isCompleted ? 'Completed' : `${roundedProgress}% complete`}\n              </Text>\n              {showIndicator && !isCompleted && (\n                <Text $renderAs=\"ab3\" $color=\"GREEN_6\">\n                  (+{roundedDifference}%)\n                </Text>\n              )}\n            </FlexView>\n          </FlexView>\n          <Styled.ProgressBarContainer>\n            <LinearProgressBar\n              percentage={showIndicator ? previousProgress : currentProgress}\n              delta={showIndicator ? progressDifference : 0}\n              height={4}\n              backgroundColor=\"WHITE_5\"\n              fillColor=\"BLACK_1\"\n              deltaProgressColor=\"GREEN_5\"\n            />\n          </Styled.ProgressBarContainer>\n        </FlexView>\n        {showTag && (\n          <>\n            <Separator heightX={0.875} />\n            <Styled.TagContainer $gapX={0.5} $gutterX={1} $background={categoryConfig.tagColor}>\n              <Text $renderAs=\"ub3\" $color=\"BLACK_1\">\n                Learning plan was modified — progress updated accordingly.\n              </Text>\n            </Styled.TagContainer>\n          </>\n        )}\n      </FlexView>\n      {isExpended && totalChapters > 0 && (\n        <Styled.ChaptersContainer\n          $gapX={1}\n          $flexDirection=\"column\"\n          $flexGapX={1.25}\n          $borderColor=\"WHITE_5\"\n        >\n          <GoalsCardChapters chapters={visibleChapters} />\n          {hasRemainingChapters && (\n            <>\n              {!showAllChapters && (\n                <FlexView $gutterX={4.5}>\n                  <Clickable\n                    onClick={handleToggleChapters}\n                    label={`+${remainingChapters} chapters`}\n                  >\n                    <Text $renderAs=\"ub3-bold\" $color=\"BLACK_1\">\n                      +{remainingChapters} chapters\n                    </Text>\n                  </Clickable>\n                </FlexView>\n              )}\n              {showAllChapters && (\n                <>\n                  <GoalsCardChapters chapters={hiddenChapters} />\n                  <FlexView $gutterX={4.5}>\n                    <Clickable onClick={handleToggleChapters} label=\"Show less\">\n                      <Text $renderAs=\"ub3-bold\" $color=\"BLACK_1\">\n                        Show less\n                      </Text>\n                    </Clickable>\n                  </FlexView>\n                </>\n              )}\n            </>\n          )}\n        </Styled.ChaptersContainer>\n      )}\n    </FlexView>\n  );\n};\n\nexport default memo(GoalsCard);\n"],"names":["GoalsCard","category","milestone","isExpended","showAllChapters","setShowAllChapters","useState","milestoneName","userChapters","progressStat","prevProgressStat","completed","total","prevCompleted","prevTotal","currentProgress","calculateProgress","previousProgress","progressDifference","showIndicator","showTag","isCompleted","roundedProgress","roundedDifference","totalChapters","visibleChapters","remainingChapters","hiddenChapters","hasRemainingChapters","categoryConfig","useMemo","GOAL_CATEGORY_CONFIG","icon","handleToggleChapters","useCallback","prev","FlexView","jsxs","jsx","Image","Fragment","Text","Separator","Styled.ProgressBarContainer","LinearProgressBar","Styled.TagContainer","Styled.ChaptersContainer","GoalsCardChapters","Clickable","GoalsCard$1","memo"],"mappings":"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"}
+{"version":3,"file":"goals-card.js","sources":["../../../../../../../src/features/timeline/monthly-report/comps/goals/goals-card/goals-card.tsx"],"sourcesContent":["import { type FC, memo, useCallback, useMemo, useState } from 'react';\n\nimport { type IGoalsCardProps } from '../goals-types';\nimport { calculateProgress, GOAL_CATEGORY_CONFIG } from '../goals-constants';\nimport * as Styled from './goals-card-styled';\nimport Text from '../../../../../ui/text/text';\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport Separator from '../../../../../ui/separator/separator';\nimport Image from '../../../../../ui/image/image';\nimport Clickable from '../../../../../ui/buttons/clickable/clickable';\nimport GoalsCardChapters from './goal-chapter-card';\nimport LinearProgressBar from '../../../../../ui/linear-progress-bar/linear-progress-bar';\n\nconst GoalsCard: FC<IGoalsCardProps> = ({ category, milestone, isExpended = false }) => {\n  const [showAllChapters, setShowAllChapters] = useState(false);\n  const {\n    milestone_name: milestoneName,\n    user_chapters: userChapters,\n    progress_stat: progressStat,\n    previous_progress_stat: prevProgressStat,\n  } = milestone;\n  const { completed, total } = progressStat;\n  const { completed: prevCompleted, total: prevTotal } = prevProgressStat ?? {};\n  const currentProgress = calculateProgress(completed, total);\n  const previousProgress =\n    prevProgressStat && prevCompleted && prevTotal\n      ? calculateProgress(prevCompleted, prevTotal)\n      : 0;\n\n  const progressDifference = currentProgress - previousProgress;\n  const showIndicator = Boolean(prevProgressStat && progressDifference > 0 && total === total);\n  const showTag = Boolean(prevProgressStat && progressDifference <= 0 && total !== total);\n  const isCompleted = currentProgress === 100;\n  const roundedProgress = Math.round(currentProgress);\n  const roundedDifference = Math.round(progressDifference);\n\n  const totalChapters = userChapters.length;\n  const visibleChapters = userChapters.slice(0, 2);\n  const remainingChapters = Math.max(0, totalChapters - 2);\n  const hiddenChapters = showAllChapters ? userChapters.slice(2) : [];\n  const hasRemainingChapters = remainingChapters > 0;\n\n  const categoryConfig = useMemo(() => GOAL_CATEGORY_CONFIG[category], []);\n  const icon = categoryConfig.icon;\n\n  const handleToggleChapters = useCallback(() => {\n    setShowAllChapters(prev => !prev);\n  }, []);\n\n  return (\n    <FlexView>\n      <FlexView\n        $position=\"relative\"\n        $background={categoryConfig.backgroundColor}\n        $borderColor={isExpended ? 'WHITE_5' : undefined}\n        $gutterX={1}\n        $gapX={1}\n        $height={isExpended ? 'auto' : 72}\n      >\n        <FlexView $flexDirection=\"row\" $flexGapX={isExpended ? 1 : 0.5}>\n          {icon && (\n            <Image\n              src={icon}\n              withLoader\n              width={isExpended ? 40 : 32}\n              height={isExpended ? 40 : 32}\n              alt={categoryConfig.label}\n            />\n          )}\n          <FlexView>\n            {isExpended && (\n              <>\n                <Text $renderAs=\"ac5\" $color={categoryConfig.labelColor}>\n                  {categoryConfig.label}\n                </Text>\n                <Separator heightX={0.25} />\n              </>\n            )}\n            <Text $renderAs=\"ab2\" $color=\"BLACK_1\">\n              {milestoneName}\n            </Text>\n            <Separator heightX={isExpended ? 0.5 : 0.125} />\n            <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexGapX={0.25}>\n              <Text $renderAs=\"ab3\" $color=\"BLACK_T_60\">\n                {isCompleted ? 'Completed' : `${roundedProgress}% complete`}\n              </Text>\n              {showIndicator && !isCompleted && (\n                <Text $renderAs=\"ab3\" $color=\"GREEN_6\">\n                  (+{roundedDifference}%)\n                </Text>\n              )}\n            </FlexView>\n          </FlexView>\n          <Styled.ProgressBarContainer>\n            <LinearProgressBar\n              percentage={showIndicator ? previousProgress : currentProgress}\n              delta={showIndicator ? progressDifference : 0}\n              height={4}\n              backgroundColor=\"WHITE_5\"\n              fillColor=\"BLACK_1\"\n              deltaProgressColor=\"GREEN_5\"\n            />\n          </Styled.ProgressBarContainer>\n        </FlexView>\n        {showTag && (\n          <>\n            <Separator heightX={0.875} />\n            <Styled.TagContainer $gapX={0.5} $gutterX={1} $background={categoryConfig.tagColor}>\n              <Text $renderAs=\"ub3\" $color=\"BLACK_1\">\n                Learning plan was modified — progress updated accordingly.\n              </Text>\n            </Styled.TagContainer>\n          </>\n        )}\n      </FlexView>\n      {isExpended && totalChapters > 0 && (\n        <Styled.ChaptersContainer\n          $gapX={1}\n          $flexDirection=\"column\"\n          $flexGapX={1.25}\n          $borderColor=\"WHITE_5\"\n        >\n          <GoalsCardChapters chapters={visibleChapters} />\n          {hasRemainingChapters && (\n            <>\n              {!showAllChapters && (\n                <FlexView $gutterX={4.5}>\n                  <Clickable\n                    onClick={handleToggleChapters}\n                    label={`+${remainingChapters} chapters`}\n                  >\n                    <Text $renderAs=\"ub3-bold\" $color=\"BLACK_1\">\n                      +{remainingChapters} chapters\n                    </Text>\n                  </Clickable>\n                </FlexView>\n              )}\n              {showAllChapters && (\n                <>\n                  <GoalsCardChapters chapters={hiddenChapters} />\n                  <FlexView $gutterX={4.5}>\n                    <Clickable onClick={handleToggleChapters} label=\"Show less\">\n                      <Text $renderAs=\"ub3-bold\" $color=\"BLACK_1\">\n                        Show less\n                      </Text>\n                    </Clickable>\n                  </FlexView>\n                </>\n              )}\n            </>\n          )}\n        </Styled.ChaptersContainer>\n      )}\n    </FlexView>\n  );\n};\n\nexport default memo(GoalsCard);\n"],"names":["GoalsCard","category","milestone","isExpended","showAllChapters","setShowAllChapters","useState","milestoneName","userChapters","progressStat","prevProgressStat","completed","total","prevCompleted","prevTotal","currentProgress","calculateProgress","previousProgress","progressDifference","showIndicator","showTag","isCompleted","roundedProgress","roundedDifference","totalChapters","visibleChapters","remainingChapters","hiddenChapters","hasRemainingChapters","categoryConfig","useMemo","GOAL_CATEGORY_CONFIG","icon","handleToggleChapters","useCallback","prev","FlexView","jsxs","jsx","Image","Fragment","Text","Separator","Styled.ProgressBarContainer","LinearProgressBar","Styled.TagContainer","Styled.ChaptersContainer","GoalsCardChapters","Clickable","GoalsCard$1","memo"],"mappings":"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"}

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

@@ -1,8 +1,8 @@
-import { jsxs as n, jsx as i } from "react/jsx-runtime";
+import { jsxs as a, jsx as i } from "react/jsx-runtime";
 import { memo 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 a from "../../../../ui/layout/flex-view.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";
@@ -28,8 +28,8 @@ const T = ({
     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 && !((h = (f = e == null ? void 0 : e.progress_data) == null ? void 0 : f.user_milestones) != null && h.length) ? /* @__PURE__ */ n(
-    a,
+  return l === o.MPR_V2 && !((h = (f = e == null ? void 0 : e.progress_data) == null ? void 0 : f.user_milestones) != null && h.length) ? /* @__PURE__ */ a(
+    n,
     {
       $flexDirection: "row",
       $alignItems: "center",
@@ -39,7 +39,7 @@ const T = ({
       $borderColor: "WHITE_5",
       $background: "WHITE_3",
       children: [
-        /* @__PURE__ */ i(g, { src: L.NO_REPORT, alt: "report icon", withLoader: !0, width: 40, height: 40 }),
+        /* @__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." })
       ]
     }
@@ -49,7 +49,7 @@ const T = ({
       onClick: b,
       disabled: !(e != null && e.id) && l !== o.MPR_V1,
       label: "Report Card click",
-      children: /* @__PURE__ */ n(a, { $flexGap: 1, $borderColor: "BLACK_1", children: [
+      children: /* @__PURE__ */ a(n, { $flexGap: 1, $borderColor: "BLACK_1", children: [
         !!d.length && /* @__PURE__ */ i(P, { $flexGap: 1, children: d.map((r, C) => /* @__PURE__ */ i(
           I,
           {
@@ -59,21 +59,20 @@ const T = ({
           },
           r.user_milestone_id || C
         )) }),
-        /* @__PURE__ */ n(
-          a,
+        /* @__PURE__ */ a(
+          n,
           {
             $flexDirection: "row",
             $alignItems: "center",
             $justifyContent: "space-between",
             $background: "BLACK_1",
-            $gutterX: 1,
             $heightX: 3,
             children: [
-              /* @__PURE__ */ n(a, { $flexDirection: "row", $alignItems: "center", $flexGapX: 0.5, 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__ */ i(w, { width: 24, height: 24, color: "WHITE" })
+              /* @__PURE__ */ i(n, { $gutterX: 0.75, children: /* @__PURE__ */ i(w, { width: 24, height: 24, color: "WHITE" }) })
             ]
           }
         )

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={0.5}\n        $gapX={1}\n        $borderColor=\"WHITE_5\"\n        $background=\"WHITE_3\"\n      >\n        <Image src={ILLUSTRATIONS.NO_REPORT} alt=\"report icon\" withLoader width={40} height={40} />\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          $gutterX={1}\n          $heightX={3}\n        >\n          <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexGapX={0.5}>\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          <CaratRightIcon width={24} height={24} color=\"WHITE\" />\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, 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={0.5}\n        $gapX={1}\n        $borderColor=\"WHITE_5\"\n        $background=\"WHITE_3\"\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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"}

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

@@ -33,7 +33,7 @@ const _ = ({
     const a = $ === 0, u = r.month === 12, s = !a && u, h = F[r.year];
     return /* @__PURE__ */ l(t, { $width: "100%", children: [
       !a && !s && /* @__PURE__ */ e(c, { heightX: 2 }),
-      s && h && /* @__PURE__ */ e(M, { $marginBottom: -88, children: /* @__PURE__ */ e(E, { src: h, alt: r.year.toString(), height: "248px" }) }),
+      s && h && /* @__PURE__ */ e(M, { $marginBottom: -122, children: /* @__PURE__ */ e(E, { src: h, alt: r.year.toString(), height: "248px" }) }),
       /* @__PURE__ */ l(t, { $gutterX: 1, children: [
         /* @__PURE__ */ e(D, { $renderAs: "ac4", $color: "BLACK_T_60", children: X[r.month - 1] }),
         /* @__PURE__ */ e(c, { heightX: 1 }),

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';\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_stream: userType === 'TEACHER' ? courseStreams : [],\n      timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,\n    });\n  }, [getTimeline, studentId]);\n\n  useEffect(() => {\n    fetchData();\n  }, [fetchData]);\n\n  if (isProcessing || !timelineData) {\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    <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={-88}>\n                <Image src={yearImage} alt={item.year.toString()} height=\"248px\" />\n              </Styled.ImageContainer>\n            )}\n            <FlexView $gutterX={1}>\n              <Text $renderAs=\"ac4\" $color=\"BLACK_T_60\">\n                {monthNames[item.month - 1]}\n              </Text>\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};\n\nexport default memo(MonthlyTimeline);\n"],"names":["MonthlyTimeline","userType","studentId","courseStreams","onReportClick","getTimeline","timelineData","isProcessing","isProcessingFailed","useMonthlyTimelineGet","fetchData","useCallback","useEffect","jsx","AppLoader","FlexView","Error","item","index","isFirstItem","isDecember","showYearImage","yearImage","yearImages","jsxs","Separator","Styled.ImageContainer","Image","Text","monthNames","MonthlyTimelineView","monthlyTimeline","memo"],"mappings":";;;;;;;;;;;;AAcA,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;AAAA,IACN,cAAAC;AAAA,IACA,oBAAAC;AAAA,MACEC,EAAsB,GAEpBC,IAAYC,EAAY,MAAM;AAClC,IAAAN,EAAYH,GAAW;AAAA,MACrB,eAAeD,MAAa,YAAYE,IAAgB,CAAC;AAAA,MACzD,UAAU,KAAK,iBAAiB,gBAAkB,EAAA;AAAA,IAAA,CACnD;AAAA,EAAA,GACA,CAACE,GAAaH,CAAS,CAAC;AAMvB,SAJJU,EAAU,MAAM;AACJ,IAAAF;EAAA,GACT,CAACA,CAAS,CAAC,GAEVH,KAAgB,CAACD,IACZ,gBAAAO,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,IAKF,gBAAAG,EAACE,KAAS,OAAO,GACd,YAAa,IAAI,CAACE,GAAMC,MAAU;AACjC,UAAMC,IAAcD,MAAU,GACxBE,IAAaH,EAAK,UAAU,IAC5BI,IAAgB,CAACF,KAAeC,GAChCE,IAAYC,EAAWN,EAAK,IAAI;AAGpC,WAAA,gBAAAO,EAACT,GAA4C,EAAA,QAAO,QACjD,UAAA;AAAA,MAAA,CAACI,KAAe,CAACE,KAAkB,gBAAAR,EAAAY,GAAA,EAAU,SAAS,GAAG;AAAA,MACzDJ,KAAiBC,KAChB,gBAAAT,EAACa,GAAA,EAAsB,eAAe,KACpC,UAAA,gBAAAb,EAACc,KAAM,KAAKL,GAAW,KAAKL,EAAK,KAAK,YAAY,QAAO,QAAQ,CAAA,GACnE;AAAA,MAEF,gBAAAO,EAACT,GAAS,EAAA,UAAU,GAClB,UAAA;AAAA,QAAC,gBAAAF,EAAAe,GAAA,EAAK,WAAU,OAAM,QAAO,cAC1B,UAAWC,EAAAZ,EAAK,QAAQ,CAAC,EAC5B,CAAA;AAAA,QACA,gBAAAJ,EAACY,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,QACvB,gBAAAZ;AAAA,UAACiB;AAAA,UAAA;AAAA,YACC,SAASb,EAAK;AAAA,YACd,OAAOA,EAAK;AAAA,YACZ,MAAMA,EAAK;AAAA,YACX,eAAAb;AAAA,UAAA;AAAA,QACF;AAAA,MAAA,GACF;AAAA,IAAA,KAlBa,GAAGa,EAAK,KAAK,IAAIA,EAAK,IAAI,EAmBzC;AAAA,EAEH,CAAA,EACH,CAAA;AAEJ,GAEec,IAAAC,EAAKhC,CAAe;"}
+{"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';\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_stream: userType === 'TEACHER' ? courseStreams : [],\n      timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,\n    });\n  }, [getTimeline, studentId]);\n\n  useEffect(() => {\n    fetchData();\n  }, [fetchData]);\n\n  if (isProcessing || !timelineData) {\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    <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()} height=\"248px\" />\n              </Styled.ImageContainer>\n            )}\n            <FlexView $gutterX={1}>\n              <Text $renderAs=\"ac4\" $color=\"BLACK_T_60\">\n                {monthNames[item.month - 1]}\n              </Text>\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};\n\nexport default memo(MonthlyTimeline);\n"],"names":["MonthlyTimeline","userType","studentId","courseStreams","onReportClick","getTimeline","timelineData","isProcessing","isProcessingFailed","useMonthlyTimelineGet","fetchData","useCallback","useEffect","jsx","AppLoader","FlexView","Error","item","index","isFirstItem","isDecember","showYearImage","yearImage","yearImages","jsxs","Separator","Styled.ImageContainer","Image","Text","monthNames","MonthlyTimelineView","monthlyTimeline","memo"],"mappings":";;;;;;;;;;;;AAcA,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;AAAA,IACN,cAAAC;AAAA,IACA,oBAAAC;AAAA,MACEC,EAAsB,GAEpBC,IAAYC,EAAY,MAAM;AAClC,IAAAN,EAAYH,GAAW;AAAA,MACrB,eAAeD,MAAa,YAAYE,IAAgB,CAAC;AAAA,MACzD,UAAU,KAAK,iBAAiB,gBAAkB,EAAA;AAAA,IAAA,CACnD;AAAA,EAAA,GACA,CAACE,GAAaH,CAAS,CAAC;AAMvB,SAJJU,EAAU,MAAM;AACJ,IAAAF;EAAA,GACT,CAACA,CAAS,CAAC,GAEVH,KAAgB,CAACD,IACZ,gBAAAO,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,IAKF,gBAAAG,EAACE,KAAS,OAAO,GACd,YAAa,IAAI,CAACE,GAAMC,MAAU;AACjC,UAAMC,IAAcD,MAAU,GACxBE,IAAaH,EAAK,UAAU,IAC5BI,IAAgB,CAACF,KAAeC,GAChCE,IAAYC,EAAWN,EAAK,IAAI;AAGpC,WAAA,gBAAAO,EAACT,GAA4C,EAAA,QAAO,QACjD,UAAA;AAAA,MAAA,CAACI,KAAe,CAACE,KAAkB,gBAAAR,EAAAY,GAAA,EAAU,SAAS,GAAG;AAAA,MACzDJ,KAAiBC,KAChB,gBAAAT,EAACa,GAAA,EAAsB,eAAe,MACpC,UAAA,gBAAAb,EAACc,KAAM,KAAKL,GAAW,KAAKL,EAAK,KAAK,YAAY,QAAO,QAAQ,CAAA,GACnE;AAAA,MAEF,gBAAAO,EAACT,GAAS,EAAA,UAAU,GAClB,UAAA;AAAA,QAAC,gBAAAF,EAAAe,GAAA,EAAK,WAAU,OAAM,QAAO,cAC1B,UAAWC,EAAAZ,EAAK,QAAQ,CAAC,EAC5B,CAAA;AAAA,QACA,gBAAAJ,EAACY,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,QACvB,gBAAAZ;AAAA,UAACiB;AAAA,UAAA;AAAA,YACC,SAASb,EAAK;AAAA,YACd,OAAOA,EAAK;AAAA,YACZ,MAAMA,EAAK;AAAA,YACX,eAAAb;AAAA,UAAA;AAAA,QACF;AAAA,MAAA,GACF;AAAA,IAAA,KAlBa,GAAGa,EAAK,KAAK,IAAIA,EAAK,IAAI,EAmBzC;AAAA,EAEH,CAAA,EACH,CAAA;AAEJ,GAEec,IAAAC,EAAKhC,CAAe;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cuemath/leap",
-  "version": "3.5.30-as5",
+  "version": "3.5.30-as7",
   "type": "module",
   "files": [
     "dist"