@cuemath/leap 3.5.31 → 3.5.32-as11

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

@@ -0,0 +1,79 @@
+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: 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,
+      {
+        calendarData: p,
+        reportMonth: f,
+        reportYear: h,
+        onDateClick: a
+      }
+    ),
+    I && !D && n && n ? /* @__PURE__ */ e(
+      E,
+      {
+        reportId: r,
+        studentName: i,
+        onFeedback: v,
+        studentCourseId: n,
+        showSnackbar: a
+      }
+    ) : /* @__PURE__ */ e(w, { heightX: 1 })
+  ] });
+}, te = $(L);
+export {
+  te as default
+};
+//# sourceMappingURL=monthly-report.js.map

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

@@ -0,0 +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 { 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-styled.js

@@ -0,0 +1,13 @@
+import e from "styled-components";
+import t from "../../ui/layout/flex-view.js";
+import o from "../../ui/text/text.js";
+const n = e(t)`
+  z-index: -1;
+`, x = e(o)`
+  line-height: 8px;
+`;
+export {
+  x as DateText,
+  n as ImageContainer
+};
+//# sourceMappingURL=monthly-timeline-styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"monthly-timeline-styled.js","sources":["../../../../src/features/timeline/monthly-timeline/monthly-timeline-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\n\nexport const ImageContainer = styled(FlexView)<{ $marginBottom?: number }>`\n  z-index: -1;\n`;\n\nexport const DateText = styled(Text)`\n  line-height: 8px;\n`;\n"],"names":["ImageContainer","styled","FlexView","DateText","Text"],"mappings":";;;AAKa,MAAAA,IAAiBC,EAAOC,CAAQ;AAAA;AAAA,GAIhCC,IAAWF,EAAOG,CAAI;AAAA;AAAA;"}

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

@@ -0,0 +1,6 @@
+var M = /* @__PURE__ */ ((S) => (S.MPR_V1 = "MPR_V1", S.MPR_V2 = "MPR_V2", S.PTM = "PTM", S))(M || {}), C = /* @__PURE__ */ ((S) => (S.SCHOOL_SUCCESS = "SCHOOL_SUCCESS", S.ENRICHMENT = "ENRICHMENT", S.TEST_PREP = "TEST_PREP", S))(C || {});
+export {
+  C as EGoalCategory,
+  M as REPORT_TYPE
+};
+//# sourceMappingURL=monthly-timeline-types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"monthly-timeline-types.js","sources":["../../../../src/features/timeline/monthly-timeline/monthly-timeline-types.ts"],"sourcesContent":["import { type TCourseStream } from '../../milestone/create/milestone-create-types';\n\nexport enum REPORT_TYPE {\n  MPR_V1 = 'MPR_V1',\n  MPR_V2 = 'MPR_V2',\n  PTM = 'PTM',\n}\n\nexport enum EGoalCategory {\n  SCHOOL_SUCCESS = 'SCHOOL_SUCCESS',\n  ENRICHMENT = 'ENRICHMENT',\n  TEST_PREP = 'TEST_PREP',\n}\n\nexport interface IMonthlyTimeline {\n  year: number;\n  month: number;\n  reports: IMonthlyTimelineReport[];\n}\n\nexport interface IMonthlyTimelineReport {\n  report_data: TimelineReportData | null;\n  course_stream: TCourseStream | null;\n  report_type: REPORT_TYPE;\n}\n\nexport interface TimelineReportData {\n  id: string | null;\n  progress_data: ProgressData | null;\n}\n\nexport interface ProgressData {\n  user_milestones: IUserMilestone[];\n}\n\nexport interface IUserMilestone {\n  goal_category: EGoalCategory;\n  goal_code: string;\n  milestone_name: string;\n  previous_progress_stat: ProgressStat | null;\n  progress_stat: ProgressStat;\n  user_chapters: IUserChapter[];\n  user_milestone_id: string;\n}\n\nexport interface IUserChapter {\n  chapter_code: string;\n  chapter_name: string;\n  image_url: string;\n  previous_progress_stat: ProgressStat | null;\n  progress_stat: ProgressStat;\n  user_chapter_id: string;\n}\n\nexport interface ProgressStat {\n  completed: number;\n  total: number;\n}\n\nexport interface IMonthlyTimelineProps {\n  userType: 'PARENT' | 'TEACHER' | 'STUDENT';\n  studentId: string;\n  courseStreams?: string[];\n  onReportClick?: (reportId: string, reportType: REPORT_TYPE, year: number, month: string) => void;\n  scrollAreaHeight?: string | number;\n}\n\nexport interface IMonthlyTimelineViewProps {\n  reports: IMonthlyTimelineReport[];\n  onReportClick?: IMonthlyTimelineProps['onReportClick'];\n  year: number;\n  month: number;\n}\n"],"names":["REPORT_TYPE","EGoalCategory"],"mappings":"AAEY,IAAAA,sBAAAA,OACVA,EAAA,SAAS,UACTA,EAAA,SAAS,UACTA,EAAA,MAAM,OAHIA,IAAAA,KAAA,CAAA,CAAA,GAMAC,sBAAAA,OACVA,EAAA,iBAAiB,kBACjBA,EAAA,aAAa,cACbA,EAAA,YAAY,aAHFA,IAAAA,KAAA,CAAA,CAAA;"}

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

@@ -0,0 +1,28 @@
+import { jsx as e } from "react/jsx-runtime";
+import { memo as n } from "react";
+import m from "./comps/monthly-card/monthly-card.js";
+import s from "../../ui/layout/flex-view.js";
+const d = ({
+  reports: t,
+  onReportClick: p,
+  month: a,
+  year: l
+}) => /* @__PURE__ */ e(s, { $flexRowGapX: 1.5, children: t.map((r) => {
+  var o;
+  return /* @__PURE__ */ e(
+    m,
+    {
+      report: r.report_data,
+      reportType: r.report_type,
+      courseStream: r.course_stream,
+      year: l,
+      month: a,
+      onReportClick: p
+    },
+    (o = r == null ? void 0 : r.report_data) == null ? void 0 : o.id
+  );
+}) }), h = n(d);
+export {
+  h as default
+};
+//# sourceMappingURL=monthly-timeline-view.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"monthly-timeline-view.js","sources":["../../../../src/features/timeline/monthly-timeline/monthly-timeline-view.tsx"],"sourcesContent":["import { memo, type FC } from 'react';\n\nimport {\n  type IMonthlyTimelineReport,\n  type IMonthlyTimelineViewProps,\n} from './monthly-timeline-types';\nimport MonthlyReportCard from './comps/monthly-card/monthly-card';\nimport FlexView from '../../ui/layout/flex-view';\n\nconst MonthlyTimelineView: FC<IMonthlyTimelineViewProps> = ({\n  reports,\n  onReportClick,\n  month,\n  year,\n}) => {\n  return (\n    <FlexView $flexRowGapX={1.5}>\n      {reports.map((item: IMonthlyTimelineReport) => (\n        <MonthlyReportCard\n          key={item?.report_data?.id}\n          report={item.report_data}\n          reportType={item.report_type}\n          courseStream={item.course_stream}\n          year={year}\n          month={month}\n          onReportClick={onReportClick}\n        />\n      ))}\n    </FlexView>\n  );\n};\n\nexport default memo(MonthlyTimelineView);\n"],"names":["MonthlyTimelineView","reports","onReportClick","month","year","FlexView","item","jsx","MonthlyReportCard","_a","MonthlyTimelineView$1","memo"],"mappings":";;;;AASA,MAAMA,IAAqD,CAAC;AAAA,EAC1D,SAAAC;AAAA,EACA,eAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AACF,wBAEKC,GAAS,EAAA,cAAc,KACrB,UAAQJ,EAAA,IAAI,CAACK;;AACZ,yBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MAEC,QAAQF,EAAK;AAAA,MACb,YAAYA,EAAK;AAAA,MACjB,cAAcA,EAAK;AAAA,MACnB,MAAAF;AAAA,MACA,OAAAD;AAAA,MACA,eAAAD;AAAA,IAAA;AAAA,KANKO,IAAAH,KAAA,gBAAAA,EAAM,gBAAN,gBAAAG,EAAmB;AAAA,EAQ3B;AAAA,CAAA,EACH,CAAA,GAIWC,IAAAC,EAAKX,CAAmB;"}

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

@@ -0,0 +1,65 @@
+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 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 i = C(
+    () => ({
+      course_streams: h === "TEACHER" ? l : [],
+      timezone: S()
+    }),
+    [l, h]
+  ), {
+    get: c,
+    data: o = [],
+    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: $
+          }
+        )
+      ] })
+    ] }, `${r.month}-${r.year}`);
+  }) }) : /* @__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." })
+  ] }) });
+}, W = I(v);
+export {
+  W as default
+};
+//# sourceMappingURL=monthly-timeline.js.map

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

@@ -0,0 +1 @@
+{"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/monthly-timeline/ptm-report/api/use-ptm-report-get.js

@@ -0,0 +1,9 @@
+import { createGetAPI as e } from "@cuemath/rest-api";
+import { BASE_URL_V1 as r } from "../../../../../constants/api.js";
+const { useGet: p } = e({
+  getURL: (t) => `${r}/ptm/${t}`
+});
+export {
+  p as usePTMReportGet
+};
+//# sourceMappingURL=use-ptm-report-get.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-ptm-report-get.js","sources":["../../../../../../src/features/timeline/monthly-timeline/ptm-report/api/use-ptm-report-get.ts"],"sourcesContent":["import { createGetAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V1 } from '../../../../../constants/api';\nimport type { IPTMReportResponse } from '../ptm-report-types';\n\nconst { useGet: usePTMReportGet } = createGetAPI<IPTMReportResponse>({\n  getURL: (ptmId: string) => {\n    return `${BASE_URL_V1}/ptm/${ptmId}`;\n  },\n});\n\nexport { usePTMReportGet };\n"],"names":["usePTMReportGet","createGetAPI","ptmId","BASE_URL_V1"],"mappings":";;AAKA,MAAM,EAAE,QAAQA,EAAgB,IAAIC,EAAiC;AAAA,EACnE,QAAQ,CAACC,MACA,GAAGC,CAAW,QAAQD,CAAK;AAEtC,CAAC;"}

package/dist/features/timeline/monthly-timeline/ptm-report/comps/key-need/key-need-styled.js

@@ -0,0 +1,9 @@
+import r from "styled-components";
+import o from "../../../../../ui/layout/flex-view.js";
+const e = r(o)`
+  margin-top: -48px;
+`;
+export {
+  e as Wrapper
+};
+//# sourceMappingURL=key-need-styled.js.map

package/dist/features/timeline/monthly-timeline/ptm-report/comps/key-need/key-need-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"key-need-styled.js","sources":["../../../../../../../src/features/timeline/monthly-timeline/ptm-report/comps/key-need/key-need-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../../../ui/layout/flex-view';\n\nexport const Wrapper = styled(FlexView)`\n  margin-top: -48px;\n`;\n"],"names":["Wrapper","styled","FlexView"],"mappings":";;AAIa,MAAAA,IAAUC,EAAOC,CAAQ;AAAA;AAAA;"}

package/dist/features/timeline/monthly-timeline/ptm-report/comps/key-need/key-need.js

@@ -0,0 +1,35 @@
+import { jsxs as e, jsx as r } from "react/jsx-runtime";
+import { memo as d } from "react";
+import { ILLUSTRATIONS as l } from "../../../../../../assets/illustrations/illustrations.js";
+import n from "../../../../../ui/image/image.js";
+import i from "../../../../../ui/layout/flex-view.js";
+import t from "../../../../../ui/separator/separator.js";
+import m from "../../../../../ui/text/text.js";
+import { Wrapper as p } from "./key-need-styled.js";
+const f = ({ text: o }) => o ? /* @__PURE__ */ e(i, { children: [
+  /* @__PURE__ */ e(
+    p,
+    {
+      $flexDirection: "row",
+      $borderRadius: 12,
+      $borderColor: "GREY_2",
+      $gutterX: 0.75,
+      $gapX: 1,
+      $background: "WHITE",
+      $flexColumnGapX: 0.5,
+      children: [
+        /* @__PURE__ */ r(n, { src: l.KEY, width: 42, height: 44 }),
+        /* @__PURE__ */ e(i, { $flex: 1, children: [
+          /* @__PURE__ */ r(m, { $renderAs: "ab2-bold", children: "Key Need" }),
+          /* @__PURE__ */ r(t, { height: 4 }),
+          /* @__PURE__ */ r(m, { $renderAs: "ab3", children: o })
+        ] })
+      ]
+    }
+  ),
+  /* @__PURE__ */ r(t, { heightX: 2 })
+] }) : null, b = d(f);
+export {
+  b as default
+};
+//# sourceMappingURL=key-need.js.map

package/dist/features/timeline/monthly-timeline/ptm-report/comps/key-need/key-need.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"key-need.js","sources":["../../../../../../../src/features/timeline/monthly-timeline/ptm-report/comps/key-need/key-need.tsx"],"sourcesContent":["import { memo } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../../../assets/illustrations/illustrations';\nimport Image from '../../../../../ui/image/image';\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport Separator from '../../../../../ui/separator/separator';\nimport Text from '../../../../../ui/text/text';\nimport * as Styled from './key-need-styled';\n\nconst KeyNeed = ({ text }: { text: string }) => {\n  if (!text) {\n    return null;\n  }\n\n  return (\n    <FlexView>\n      <Styled.Wrapper\n        $flexDirection=\"row\"\n        $borderRadius={12}\n        $borderColor=\"GREY_2\"\n        $gutterX={0.75}\n        $gapX={1}\n        $background=\"WHITE\"\n        $flexColumnGapX={0.5}\n      >\n        <Image src={ILLUSTRATIONS.KEY} width={42} height={44} />\n        <FlexView $flex={1}>\n          <Text $renderAs=\"ab2-bold\">Key Need</Text>\n          <Separator height={4} />\n          <Text $renderAs=\"ab3\">{text}</Text>\n        </FlexView>\n      </Styled.Wrapper>\n      <Separator heightX={2} />\n    </FlexView>\n  );\n};\n\nexport default memo(KeyNeed);\n"],"names":["KeyNeed","text","FlexView","jsxs","Styled.Wrapper","jsx","Image","ILLUSTRATIONS","Text","Separator","KeyNeed$1","memo"],"mappings":";;;;;;;;AASA,MAAMA,IAAU,CAAC,EAAE,MAAAC,QACZA,sBAKFC,GACC,EAAA,UAAA;AAAA,EAAA,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,gBAAe;AAAA,MACf,eAAe;AAAA,MACf,cAAa;AAAA,MACb,UAAU;AAAA,MACV,OAAO;AAAA,MACP,aAAY;AAAA,MACZ,iBAAiB;AAAA,MAEjB,UAAA;AAAA,QAAA,gBAAAC,EAACC,KAAM,KAAKC,EAAc,KAAK,OAAO,IAAI,QAAQ,IAAI;AAAA,QACtD,gBAAAJ,EAACD,GAAS,EAAA,OAAO,GACf,UAAA;AAAA,UAAC,gBAAAG,EAAAG,GAAA,EAAK,WAAU,YAAW,UAAQ,YAAA;AAAA,UACnC,gBAAAH,EAACI,GAAU,EAAA,QAAQ,EAAG,CAAA;AAAA,UACrB,gBAAAJ,EAAAG,GAAA,EAAK,WAAU,OAAO,UAAKP,GAAA;AAAA,QAAA,GAC9B;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAAA,EACA,gBAAAI,EAACI,GAAU,EAAA,SAAS,EAAG,CAAA;AACzB,EAAA,CAAA,IAtBO,MA0BIC,IAAAC,EAAKX,CAAO;"}

package/dist/features/timeline/monthly-timeline/ptm-report/comps/parent-support/parent-support.js

@@ -0,0 +1,53 @@
+import { jsxs as b, jsx as e } from "react/jsx-runtime";
+import { memo as x } from "react";
+import O from "../../../../../ui/layout/flex-view.js";
+import j from "../../../../../ui/text/text.js";
+import i from "../../../../../ui/separator/separator.js";
+import { REPORT_CARD_ICON_MAP as C } from "../../ptm-report-constants.js";
+import R from "../support-card/support-card.js";
+const $ = ({
+  report: t,
+  options: o,
+  classesCompleted: s,
+  weeksCompleted: m,
+  sheetsNotCompleted: p,
+  sheetsAssigned: a,
+  lateClassesCount: l,
+  lateIfMinutes: _
+}) => {
+  const c = {
+    "<classes_completed>": String(s),
+    "<weeks_completed>": String(m),
+    "<sheets_not_completed>": String(p),
+    "<sheets_assigned>": String(a),
+    "<no_of_late_classes>": String(l),
+    "<late_if_minutes>": String(_)
+  };
+  return !(t != null && t.length) || !o ? null : /* @__PURE__ */ b(O, { children: [
+    /* @__PURE__ */ e(j, { $renderAs: "ab1-bold", children: "Parent Support" }),
+    /* @__PURE__ */ e(i, { heightX: 1 }),
+    t.map((n) => {
+      const r = o[n];
+      if (!r) return null;
+      const { icon: f, option_label: u, report_statement: S, option_info: d } = r, g = Object.entries(c).reduce(
+        (h, [P, A]) => h.replace(P, A),
+        d
+      );
+      return /* @__PURE__ */ e(
+        R,
+        {
+          icon: C[f],
+          title: u,
+          info: g,
+          statement: S
+        },
+        `option-${n}`
+      );
+    }),
+    /* @__PURE__ */ e(i, { heightX: 2 })
+  ] });
+}, T = x($);
+export {
+  T as default
+};
+//# sourceMappingURL=parent-support.js.map

package/dist/features/timeline/monthly-timeline/ptm-report/comps/parent-support/parent-support.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parent-support.js","sources":["../../../../../../../src/features/timeline/monthly-timeline/ptm-report/comps/parent-support/parent-support.tsx"],"sourcesContent":["import { memo, type FC } from 'react';\n\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport Text from '../../../../../ui/text/text';\nimport Separator from '../../../../../ui/separator/separator';\nimport type { IParentSupportProps } from './parent-support-types';\nimport { REPORT_CARD_ICON_MAP } from '../../ptm-report-constants';\nimport SupportCard from '../support-card/support-card';\n\nconst ParentSupport: FC<IParentSupportProps> = ({\n  report,\n  options,\n  classesCompleted,\n  weeksCompleted,\n  sheetsNotCompleted,\n  sheetsAssigned,\n  lateClassesCount,\n  lateIfMinutes,\n}) => {\n  const INFO_LABEL_MAP: Record<string, string> = {\n    '<classes_completed>': String(classesCompleted),\n    '<weeks_completed>': String(weeksCompleted),\n    '<sheets_not_completed>': String(sheetsNotCompleted),\n    '<sheets_assigned>': String(sheetsAssigned),\n    '<no_of_late_classes>': String(lateClassesCount),\n    '<late_if_minutes>': String(lateIfMinutes),\n  };\n\n  if (!report?.length || !options) return null;\n\n  return (\n    <FlexView>\n      <Text $renderAs=\"ab1-bold\">Parent Support</Text>\n      <Separator heightX={1} />\n      {report.map(selectedIdx => {\n        const option = options[selectedIdx];\n\n        if (!option) return null;\n\n        const { icon, option_label, report_statement, option_info } = option;\n\n        const formattedInfo = Object.entries(INFO_LABEL_MAP).reduce(\n          (info, [key, value]) => info.replace(key, value),\n          option_info,\n        );\n\n        return (\n          <SupportCard\n            key={`option-${selectedIdx}`}\n            icon={REPORT_CARD_ICON_MAP[icon]!}\n            title={option_label}\n            info={formattedInfo}\n            statement={report_statement}\n          />\n        );\n      })}\n      <Separator heightX={2} />\n    </FlexView>\n  );\n};\n\nexport default memo(ParentSupport);\n"],"names":["ParentSupport","report","options","classesCompleted","weeksCompleted","sheetsNotCompleted","sheetsAssigned","lateClassesCount","lateIfMinutes","INFO_LABEL_MAP","FlexView","jsx","Text","Separator","selectedIdx","option","icon","option_label","report_statement","option_info","formattedInfo","info","key","value","SupportCard","REPORT_CARD_ICON_MAP","ParentSupport$1","memo"],"mappings":";;;;;;;AASA,MAAMA,IAAyC,CAAC;AAAA,EAC9C,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,eAAAC;AACF,MAAM;AACJ,QAAMC,IAAyC;AAAA,IAC7C,uBAAuB,OAAON,CAAgB;AAAA,IAC9C,qBAAqB,OAAOC,CAAc;AAAA,IAC1C,0BAA0B,OAAOC,CAAkB;AAAA,IACnD,qBAAqB,OAAOC,CAAc;AAAA,IAC1C,wBAAwB,OAAOC,CAAgB;AAAA,IAC/C,qBAAqB,OAAOC,CAAa;AAAA,EAAA;AAG3C,SAAI,EAACP,KAAA,QAAAA,EAAQ,WAAU,CAACC,IAAgB,yBAGrCQ,GACC,EAAA,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAK,WAAU,YAAW,UAAc,kBAAA;AAAA,IACzC,gBAAAD,EAACE,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,IACtBZ,EAAO,IAAI,CAAea,MAAA;AACnB,YAAAC,IAASb,EAAQY,CAAW;AAE9B,UAAA,CAACC,EAAe,QAAA;AAEpB,YAAM,EAAE,MAAAC,GAAM,cAAAC,GAAc,kBAAAC,GAAkB,aAAAC,MAAgBJ,GAExDK,IAAgB,OAAO,QAAQX,CAAc,EAAE;AAAA,QACnD,CAACY,GAAM,CAACC,GAAKC,CAAK,MAAMF,EAAK,QAAQC,GAAKC,CAAK;AAAA,QAC/CJ;AAAA,MAAA;AAIA,aAAA,gBAAAR;AAAA,QAACa;AAAA,QAAA;AAAA,UAEC,MAAMC,EAAqBT,CAAI;AAAA,UAC/B,OAAOC;AAAA,UACP,MAAMG;AAAA,UACN,WAAWF;AAAA,QAAA;AAAA,QAJN,UAAUJ,CAAW;AAAA,MAAA;AAAA,IAK5B,CAEH;AAAA,IACD,gBAAAH,EAACE,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,EACzB,EAAA,CAAA;AAEJ,GAEea,IAAAC,EAAK3B,CAAa;"}

package/dist/features/timeline/monthly-timeline/ptm-report/comps/real-world-projects/real-world-projects-styled.js

@@ -0,0 +1,19 @@
+import e from "styled-components";
+import r from "../../../../../ui/layout/flex-view.js";
+const i = e.img`
+  flex: 1;
+  height: ${16 * 13.375}px;
+  max-width: ${16 * 10}px;
+  border-radius: 8px;
+  border-width: 0.3px;
+  overflow: hidden;
+  justify-content: center;
+  margin: 3px;
+`, p = e(r)`
+  overflow: hidden;
+`;
+export {
+  i as ImageWrapper,
+  p as Wrapper
+};
+//# sourceMappingURL=real-world-projects-styled.js.map

package/dist/features/timeline/monthly-timeline/ptm-report/comps/real-world-projects/real-world-projects-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"real-world-projects-styled.js","sources":["../../../../../../../src/features/timeline/monthly-timeline/ptm-report/comps/real-world-projects/real-world-projects-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../../../ui/layout/flex-view';\n\nexport const ImageWrapper = styled.img`\n  flex: 1;\n  height: ${16 * 13.375}px;\n  max-width: ${16 * 10}px;\n  border-radius: 8px;\n  border-width: 0.3px;\n  overflow: hidden;\n  justify-content: center;\n  margin: 3px;\n`;\n\nexport const Wrapper = styled(FlexView)`\n  overflow: hidden;\n`;\n"],"names":["ImageWrapper","styled","Wrapper","FlexView"],"mappings":";;AAIO,MAAMA,IAAeC,EAAO;AAAA;AAAA,YAEvB,KAAK,MAAM;AAAA,eACR,KAAK,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQTC,IAAUD,EAAOE,CAAQ;AAAA;AAAA;"}

package/dist/features/timeline/monthly-timeline/ptm-report/comps/real-world-projects/real-world-projects.js

@@ -0,0 +1,50 @@
+import { jsxs as e, jsx as r, Fragment as m } from "react/jsx-runtime";
+import { memo as g } from "react";
+import n from "../../../../../ui/layout/flex-view.js";
+import t from "../../../../../ui/text/text.js";
+import i from "../../../../../ui/separator/separator.js";
+import { Wrapper as u, ImageWrapper as b } from "./real-world-projects-styled.js";
+const p = ({ projectReport: l, projectInfo: d }) => {
+  if (!l || !d)
+    return null;
+  const { images: c = [], observation: a } = l, {
+    activity: $,
+    objective: s,
+    image_upload_urls: o
+  } = d;
+  return /* @__PURE__ */ e(n, { children: [
+    /* @__PURE__ */ r(t, { $renderAs: "ab1-bold", children: "Real world projects" }),
+    /* @__PURE__ */ r(i, { heightX: 1 }),
+    /* @__PURE__ */ e(u, { $borderColor: "GREY_2", $borderRadiusX: 0.5, children: [
+      /* @__PURE__ */ r(n, { $gutterX: 1, $background: "YELLOW_1", $gap: 10, $gutter: 12, children: /* @__PURE__ */ r(t, { $renderAs: "ac4", $align: "center", children: $ }) }),
+      /* @__PURE__ */ e(n, { $gutterX: 0.75, $gapX: 0.75, children: [
+        c.length > 0 && /* @__PURE__ */ e(m, { children: [
+          /* @__PURE__ */ r(n, { $flexDirection: "row", $alignItems: "center", $justifyContent: "center", children: c.map((h) => /* @__PURE__ */ r(
+            b,
+            {
+              src: o == null ? void 0 : o[h]
+            },
+            h
+          )) }),
+          /* @__PURE__ */ r(i, { height: 12 })
+        ] }),
+        s && /* @__PURE__ */ e(t, { $renderAs: "ub2-bold", children: [
+          "Objective: ",
+          /* @__PURE__ */ r(t, { $renderAs: "ub2", children: s })
+        ] }),
+        !!a && /* @__PURE__ */ e(m, { children: [
+          /* @__PURE__ */ r(i, { height: 12 }),
+          /* @__PURE__ */ e(t, { $renderAs: "ub2-bold", children: [
+            "Teacher remarks: ",
+            /* @__PURE__ */ r(t, { $renderAs: "ub2", children: a })
+          ] })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ r(i, { heightX: 2 })
+  ] });
+}, v = g(p);
+export {
+  v as default
+};
+//# sourceMappingURL=real-world-projects.js.map

package/dist/features/timeline/monthly-timeline/ptm-report/comps/real-world-projects/real-world-projects.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"real-world-projects.js","sources":["../../../../../../../src/features/timeline/monthly-timeline/ptm-report/comps/real-world-projects/real-world-projects.tsx"],"sourcesContent":["import { memo, type FC } from 'react';\n\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport Text from '../../../../../ui/text/text';\nimport Separator from '../../../../../ui/separator/separator';\nimport type { IRealWorldProjectsProps } from './real-world-projects-types';\nimport * as Styled from './real-world-projects-styled';\n\nconst RealWorldProjects: FC<IRealWorldProjectsProps> = ({ projectReport, projectInfo }) => {\n  if (!projectReport || !projectInfo) {\n    return null;\n  }\n\n  const { images = [], observation } = projectReport;\n\n  const {\n    activity: activity,\n    objective: objective,\n    image_upload_urls: fileUploadURLs,\n  } = projectInfo;\n\n  return (\n    <FlexView>\n      <Text $renderAs=\"ab1-bold\">Real world projects</Text>\n      <Separator heightX={1} />\n      <Styled.Wrapper $borderColor=\"GREY_2\" $borderRadiusX={0.5}>\n        <FlexView $gutterX={1} $background={'YELLOW_1'} $gap={10} $gutter={12}>\n          <Text $renderAs=\"ac4\" $align=\"center\">\n            {activity}\n          </Text>\n        </FlexView>\n        <FlexView $gutterX={0.75} $gapX={0.75}>\n          {images.length > 0 && (\n            <>\n              <FlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"center\">\n                {images.map(item => (\n                  <Styled.ImageWrapper\n                    key={item}\n                    src={fileUploadURLs?.[item as keyof typeof fileUploadURLs] as string}\n                  />\n                ))}\n              </FlexView>\n              <Separator height={12} />\n            </>\n          )}\n          {objective && (\n            <Text $renderAs=\"ub2-bold\">\n              Objective:&nbsp;\n              <Text $renderAs=\"ub2\">{objective}</Text>\n            </Text>\n          )}\n          {!!observation && (\n            <>\n              <Separator height={12} />\n              <Text $renderAs=\"ub2-bold\">\n                Teacher remarks:&nbsp;\n                <Text $renderAs=\"ub2\">{observation}</Text>\n              </Text>\n            </>\n          )}\n        </FlexView>\n      </Styled.Wrapper>\n      <Separator heightX={2} />\n    </FlexView>\n  );\n};\n\nexport default memo(RealWorldProjects);\n"],"names":["RealWorldProjects","projectReport","projectInfo","images","observation","activity","objective","fileUploadURLs","FlexView","jsx","Text","Separator","Styled.Wrapper","jsxs","Fragment","item","Styled.ImageWrapper","RealWorldProjects$1","memo"],"mappings":";;;;;;AAQA,MAAMA,IAAiD,CAAC,EAAE,eAAAC,GAAe,aAAAC,QAAkB;AACrF,MAAA,CAACD,KAAiB,CAACC;AACd,WAAA;AAGT,QAAM,EAAE,QAAAC,IAAS,CAAA,GAAI,aAAAC,MAAgBH,GAE/B;AAAA,IACJ,UAAAI;AAAA,IACA,WAAAC;AAAA,IACA,mBAAmBC;AAAA,EACjB,IAAAL;AAEJ,2BACGM,GACC,EAAA,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAK,WAAU,YAAW,UAAmB,uBAAA;AAAA,IAC9C,gBAAAD,EAACE,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,sBACtBC,GAAA,EAAe,cAAa,UAAS,gBAAgB,KACpD,UAAA;AAAA,MAAA,gBAAAH,EAACD,KAAS,UAAU,GAAG,aAAa,YAAY,MAAM,IAAI,SAAS,IACjE,UAAA,gBAAAC,EAACC,KAAK,WAAU,OAAM,QAAO,UAC1B,YACH,CAAA,GACF;AAAA,MACC,gBAAAG,EAAAL,GAAA,EAAS,UAAU,MAAM,OAAO,MAC9B,UAAA;AAAA,QAAOL,EAAA,SAAS,KAEb,gBAAAU,EAAAC,GAAA,EAAA,UAAA;AAAA,UAAC,gBAAAL,EAAAD,GAAA,EAAS,gBAAe,OAAM,aAAY,UAAS,iBAAgB,UACjE,UAAOL,EAAA,IAAI,CACVY,MAAA,gBAAAN;AAAA,YAACO;AAAAA,YAAA;AAAA,cAEC,KAAKT,KAAA,gBAAAA,EAAiBQ;AAAA,YAAmC;AAAA,YADpDA;AAAA,UAGR,CAAA,GACH;AAAA,UACA,gBAAAN,EAACE,GAAU,EAAA,QAAQ,GAAI,CAAA;AAAA,QAAA,GACzB;AAAA,QAEDL,KACC,gBAAAO,EAACH,GAAK,EAAA,WAAU,YAAW,UAAA;AAAA,UAAA;AAAA,UAExB,gBAAAD,EAAAC,GAAA,EAAK,WAAU,OAAO,UAAUJ,GAAA;AAAA,QAAA,GACnC;AAAA,QAED,CAAC,CAACF,KAEC,gBAAAS,EAAAC,GAAA,EAAA,UAAA;AAAA,UAAC,gBAAAL,EAAAE,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,UACvB,gBAAAE,EAACH,GAAK,EAAA,WAAU,YAAW,UAAA;AAAA,YAAA;AAAA,YAExB,gBAAAD,EAAAC,GAAA,EAAK,WAAU,OAAO,UAAYN,GAAA;AAAA,UAAA,GACrC;AAAA,QAAA,GACF;AAAA,MAAA,GAEJ;AAAA,IAAA,GACF;AAAA,IACA,gBAAAK,EAACE,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,EACzB,EAAA,CAAA;AAEJ,GAEeM,IAAAC,EAAKlB,CAAiB;"}

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

@@ -0,0 +1,9 @@
+import o from "styled-components";
+import r from "../../../../../ui/layout/flex-view.js";
+const t = o(r)`
+  overflow: hidden;
+`;
+export {
+  t as Wrapper
+};
+//# sourceMappingURL=report-card-styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"report-card-styled.js","sources":["../../../../../../../src/features/timeline/monthly-timeline/ptm-report/comps/report-card/report-card-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../../../ui/layout/flex-view';\n\nexport const Wrapper = styled(FlexView)`\n  overflow: hidden;\n`;\n"],"names":["Wrapper","styled","FlexView"],"mappings":";;AAIa,MAAAA,IAAUC,EAAOC,CAAQ;AAAA;AAAA;"}

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

@@ -0,0 +1,22 @@
+import { jsxs as o, jsx as r, Fragment as a } from "react/jsx-runtime";
+import { memo as c } from "react";
+import e from "../../../../../ui/layout/flex-view.js";
+import $ from "../../../../../ui/image/image.js";
+import t from "../../../../../ui/text/text.js";
+import h from "../../../../../ui/separator/separator.js";
+import { Wrapper as p } from "./report-card-styled.js";
+const s = ({ title: i, description: l, icon: n, category: d, bgColor: m }) => /* @__PURE__ */ o(p, { $borderRadius: 8, $borderColor: "GREY_2", children: [
+  /* @__PURE__ */ r(e, { $gutterX: 1, $background: m, $gap: 10, $gutter: 12, children: /* @__PURE__ */ r(t, { $renderAs: "ac4", $align: "center", children: d }) }),
+  !!(n && i) && /* @__PURE__ */ o(a, { children: [
+    /* @__PURE__ */ r(h, { heightX: 0.5 }),
+    /* @__PURE__ */ o(e, { $flexDirection: "row", $gutter: 12, $flexColumnGapX: 0.25, $alignItems: "center", children: [
+      /* @__PURE__ */ r($, { src: n, width: 36, height: 36 }),
+      /* @__PURE__ */ r(e, { $flex: 1, children: /* @__PURE__ */ r(t, { $renderAs: "ab2-bold", children: i }) })
+    ] })
+  ] }),
+  /* @__PURE__ */ r(e, { $gutterX: 0.75, $gapX: 0.75, children: /* @__PURE__ */ r(t, { $renderAs: "ub2", children: l }) })
+] }), R = c(s);
+export {
+  R as default
+};
+//# sourceMappingURL=report-card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"report-card.js","sources":["../../../../../../../src/features/timeline/monthly-timeline/ptm-report/comps/report-card/report-card.tsx"],"sourcesContent":["import { memo, type FC } from 'react';\n\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport type { IReportCardProps } from './report-card-types';\nimport Image from '../../../../../ui/image/image';\nimport Text from '../../../../../ui/text/text';\nimport Separator from '../../../../../ui/separator/separator';\nimport * as Styled from './report-card-styled';\n\nconst ReportCard: FC<IReportCardProps> = ({ title, description, icon, category, bgColor }) => {\n  const showTitleBlock = Boolean(icon && title);\n\n  return (\n    <Styled.Wrapper $borderRadius={8} $borderColor=\"GREY_2\">\n      <FlexView $gutterX={1} $background={bgColor} $gap={10} $gutter={12}>\n        <Text $renderAs=\"ac4\" $align=\"center\">\n          {category}\n        </Text>\n      </FlexView>\n      {showTitleBlock && (\n        <>\n          <Separator heightX={0.5} />\n          <FlexView $flexDirection=\"row\" $gutter={12} $flexColumnGapX={0.25} $alignItems=\"center\">\n            <Image src={icon} width={36} height={36} />\n            <FlexView $flex={1}>\n              <Text $renderAs=\"ab2-bold\">{title}</Text>\n            </FlexView>\n          </FlexView>\n        </>\n      )}\n      <FlexView $gutterX={0.75} $gapX={0.75}>\n        <Text $renderAs=\"ub2\">{description}</Text>\n      </FlexView>\n    </Styled.Wrapper>\n  );\n};\n\nexport default memo(ReportCard);\n"],"names":["ReportCard","title","description","icon","category","bgColor","Styled.Wrapper","jsx","FlexView","Text","jsxs","Fragment","Separator","Image","ReportCard$1","memo"],"mappings":";;;;;;;AASA,MAAMA,IAAmC,CAAC,EAAE,OAAAC,GAAO,aAAAC,GAAa,MAAAC,GAAM,UAAAC,GAAU,SAAAC,0BAI3EC,GAAA,EAAe,eAAe,GAAG,cAAa,UAC7C,UAAA;AAAA,EAAA,gBAAAC,EAACC,KAAS,UAAU,GAAG,aAAaH,GAAS,MAAM,IAAI,SAAS,IAC9D,UAAA,gBAAAE,EAACE,KAAK,WAAU,OAAM,QAAO,UAC1B,YACH,CAAA,GACF;AAAA,EARmB,GAAQN,KAAQF,MAW/B,gBAAAS,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAC,gBAAAJ,EAAAK,GAAA,EAAU,SAAS,IAAK,CAAA;AAAA,IACzB,gBAAAF,EAACF,KAAS,gBAAe,OAAM,SAAS,IAAI,iBAAiB,MAAM,aAAY,UAC7E,UAAA;AAAA,MAAA,gBAAAD,EAACM,KAAM,KAAKV,GAAM,OAAO,IAAI,QAAQ,IAAI;AAAA,MACzC,gBAAAI,EAACC,KAAS,OAAO,GACf,4BAACC,GAAK,EAAA,WAAU,YAAY,UAAAR,EAAA,CAAM,EACpC,CAAA;AAAA,IAAA,GACF;AAAA,EAAA,GACF;AAAA,EAEF,gBAAAM,EAACC,GAAS,EAAA,UAAU,MAAM,OAAO,MAC/B,UAAA,gBAAAD,EAACE,GAAK,EAAA,WAAU,OAAO,UAAAP,EAAY,CAAA,GACrC;AACF,EAAA,CAAA,GAIWY,IAAAC,EAAKf,CAAU;"}

package/dist/features/timeline/monthly-timeline/ptm-report/comps/school-support/school-support-styled.js

@@ -0,0 +1,9 @@
+import o from "styled-components";
+import r from "../../../../../ui/layout/flex-view.js";
+const t = o(r)`
+  overflow: hidden;
+`;
+export {
+  t as Wrapper
+};
+//# sourceMappingURL=school-support-styled.js.map

package/dist/features/timeline/monthly-timeline/ptm-report/comps/school-support/school-support-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"school-support-styled.js","sources":["../../../../../../../src/features/timeline/monthly-timeline/ptm-report/comps/school-support/school-support-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../../../ui/layout/flex-view';\n\nexport const Wrapper = styled(FlexView)`\n  overflow: hidden;\n`;\n"],"names":["Wrapper","styled","FlexView"],"mappings":";;AAIa,MAAAA,IAAUC,EAAOC,CAAQ;AAAA;AAAA;"}

package/dist/features/timeline/monthly-timeline/ptm-report/comps/school-support/school-support.js

@@ -0,0 +1,84 @@
+import { jsxs as d, jsx as e } from "react/jsx-runtime";
+import { memo as M, useMemo as L } from "react";
+import l from "../../../../../ui/layout/flex-view.js";
+import b from "../../../../../ui/separator/separator.js";
+import g from "../../../../../ui/text/text.js";
+import O from "../report-card/report-card.js";
+import { Wrapper as U } from "./school-support-styled.js";
+import { replaceTokens as o } from "../../ptm-report-helpers.js";
+const V = ({
+  homeworkHelpReport: E,
+  homeworkHelpConfig: m,
+  testHelpReport: X,
+  testHelpConfig: h,
+  studentName: n,
+  isOnDemandPTM: G
+}) => {
+  const {
+    is_hw_help_provided: P,
+    selected: R = [],
+    topics: S
+  } = E ?? {}, {
+    selected: v = [],
+    performance: _,
+    previous_performance: A
+  } = X ?? {}, W = L(() => {
+    var p, u;
+    const t = (m == null ? void 0 : m.areas) ?? [];
+    if (!t.length) return "";
+    const a = { first_name: n, topics: S };
+    if (P === 1 && typeof ((p = t[0]) == null ? void 0 : p.report_statement) == "string")
+      return o(t[0].report_statement, a);
+    const i = [];
+    return S && typeof ((u = t[1]) == null ? void 0 : u.report_statement) == "string" && i.push(o(t[1].report_statement, a)), R.forEach(($, y) => {
+      var c;
+      const r = (c = t[y + 2]) == null ? void 0 : c.report_statement;
+      Array.isArray(r) && r[$] ? i.push(o(r[$], a)) : typeof r == "string" && i.push(o(r, a));
+    }), i.join(" ");
+  }, [n, m, P, R, S]), j = L(() => {
+    const t = (h == null ? void 0 : h.areas) ?? [];
+    if (!v.length || !t.length) return null;
+    const { grade: a, scored: i, total: p } = _ ?? {}, { grade: u, scored: $, total: y } = A ?? {};
+    return v.map((r, c) => {
+      const w = t[c];
+      if (!w) return null;
+      const {
+        report_statement: f,
+        area_label: B,
+        report_statement_with_performance: F = [],
+        report_statement_with_previous_performance: K = []
+      } = w;
+      let s = "";
+      return r !== void 0 && (G && K[r] && _ && A ? s = o(K[r], {
+        first_name: n,
+        performance: a ?? `${i}/${p}`,
+        previous_performance: u ?? `${$}/${y}`
+      }) : F[r] && _ ? s = o(F[r], {
+        first_name: n,
+        performance: a ?? `${i}/${p}`
+      }) : Array.isArray(f) && f[r] ? s = o(f[r], {
+        first_name: n
+      }) : typeof f == "string" && (s = o(f, { first_name: n }))), s ? /* @__PURE__ */ d(l, { children: [
+        B && /* @__PURE__ */ e(g, { $renderAs: "ac3", children: B }),
+        /* @__PURE__ */ e(g, { $renderAs: "ub2", children: s })
+      ] }, c) : null;
+    });
+  }, [_, A, v, h, G, n]);
+  return !E && !X ? null : /* @__PURE__ */ d(l, { children: [
+    /* @__PURE__ */ e(g, { $renderAs: "ab1-bold", children: "School support" }),
+    /* @__PURE__ */ e(b, { heightX: 1 }),
+    W && /* @__PURE__ */ d(l, { children: [
+      /* @__PURE__ */ e(O, { category: "HOMEWORKS", bgColor: "GREEN_1", description: W }),
+      /* @__PURE__ */ e(b, { heightX: 0.75 })
+    ] }),
+    j && /* @__PURE__ */ d(U, { $borderRadius: 8, $borderColor: "GREY_2", children: [
+      /* @__PURE__ */ e(l, { $gutterX: 1, $background: "BLUE_1", $gap: 10, $gutter: 12, children: /* @__PURE__ */ e(g, { $renderAs: "ac4", $align: "center", children: "TESTS" }) }),
+      /* @__PURE__ */ e(l, { $gutterX: 0.75, $gapX: 0.75, $flexRowGapX: 0.75, children: j })
+    ] }),
+    /* @__PURE__ */ e(b, { heightX: 2 })
+  ] });
+}, T = M(V);
+export {
+  T as default
+};
+//# sourceMappingURL=school-support.js.map