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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"monthly-card.js","sources":["../../../../../../src/features/timeline/monthly-timeline/comps/monthly-card/monthly-card.tsx"],"sourcesContent":["import { memo, type FC } from 'react';\n\nimport { type IMonthlyReportCardProps } from './monthly-card-types';\nimport * as Styled from './monthly-card.styled';\nimport GoalsCard from '../../../monthly-report/comps/goals/goals-card/goals-card';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Clickable from '../../../../ui/buttons/clickable/clickable';\nimport CaratRightIcon from '../../../../../assets/line-icons/icons/carat-right';\nimport Text from '../../../../ui/text/text';\nimport Image from '../../../../ui/image/image';\nimport { monthNames, REPORT_CONFIG } from '../../constants';\nimport { REPORT_TYPE } from '../../monthly-timeline-types';\nimport { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\n\nconst MonthlyReportCard: FC<IMonthlyReportCardProps> = ({\n  report,\n  year,\n  month,\n  onReportClick,\n  reportType,\n  courseStream,\n}) => {\n  const handleReportClick = () => {\n    if (onReportClick) {\n      onReportClick(report?.id || '', reportType, year, monthNames[month - 1] || '');\n    }\n  };\n\n  let config = { label: '', icon: '' };\n\n  if (reportType === REPORT_TYPE.PTM) {\n    config = REPORT_CONFIG.PTM ?? { label: 'Report', icon: 'full' };\n  } else if (reportType === REPORT_TYPE.MPR_V1) {\n    config = REPORT_CONFIG.MPR_V1 ?? { label: 'Report', icon: 'full' };\n  } else if (reportType === REPORT_TYPE.MPR_V2) {\n    config = REPORT_CONFIG['MPR_V2_' + (courseStream || '').toLowerCase()] ?? {\n      label: 'Report',\n      icon: 'full',\n    };\n  }\n\n  const reportMilestones =\n    reportType === REPORT_TYPE.PTM ? [] : report?.progress_data?.user_milestones || [];\n\n  if (reportType === REPORT_TYPE.MPR_V2 && !report?.progress_data?.user_milestones?.length) {\n    return (\n      <FlexView\n        $flexDirection=\"row\"\n        $alignItems=\"center\"\n        $flexGapX={0.5}\n        $gutterX={1}\n        $gapX={1}\n        $borderColor=\"WHITE_5\"\n        $background=\"WHITE_3\"\n        $heightX={4.5}\n      >\n        <Image src={ILLUSTRATIONS.NO_REPORT} alt=\"report icon\" withLoader width={32} height={32} />\n        <Text $renderAs=\"ub2\" $color=\"BLACK_1\">\n          Report unavailable - no activity this month.\n        </Text>\n      </FlexView>\n    );\n  }\n\n  return (\n    <Clickable\n      onClick={handleReportClick}\n      disabled={!report?.id && reportType !== REPORT_TYPE.MPR_V1}\n      label=\"Report Card click\"\n    >\n      <FlexView $flexGap={1} $borderColor=\"BLACK_1\">\n        {!!reportMilestones.length && (\n          <Styled.GoalsSection $flexGap={1}>\n            {reportMilestones.map((milestone, milestoneIndex) => (\n              <GoalsCard\n                key={milestone.user_milestone_id || milestoneIndex}\n                category={milestone.goal_category}\n                milestone={milestone}\n                isExpended={false}\n              />\n            ))}\n          </Styled.GoalsSection>\n        )}\n        <FlexView\n          $flexDirection=\"row\"\n          $alignItems=\"center\"\n          $justifyContent=\"space-between\"\n          $background=\"BLACK_1\"\n          $heightX={3}\n        >\n          <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexGapX={0.5} $gutterX={1}>\n            <Image src={config.icon} alt=\"report icon\" withLoader width={32} height={32} />\n            <Text $renderAs=\"ub2-bold\" $color=\"WHITE\">\n              {config.label}\n            </Text>\n          </FlexView>\n          <FlexView $gutterX={0.75}>\n            <CaratRightIcon width={24} height={24} color=\"WHITE\" />\n          </FlexView>\n        </FlexView>\n      </FlexView>\n    </Clickable>\n  );\n};\n\nexport default memo(MonthlyReportCard);\n"],"names":["MonthlyReportCard","report","year","month","onReportClick","reportType","courseStream","handleReportClick","monthNames","config","REPORT_TYPE","REPORT_CONFIG","reportMilestones","_a","_c","_b","jsxs","FlexView","jsx","Image","ILLUSTRATIONS","Text","Clickable","Styled.GoalsSection","milestone","milestoneIndex","GoalsCard","CaratRightIcon","MonthlyReportCard$1","memo"],"mappings":";;;;;;;;;;;;AAcA,MAAMA,IAAiD,CAAC;AAAA,EACtD,QAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,eAAAC;AAAA,EACA,YAAAC;AAAA,EACA,cAAAC;AACF,MAAM;;AACJ,QAAMC,IAAoB,MAAM;AAC9B,IAAIH,KACYA,GAAAH,KAAA,gBAAAA,EAAQ,OAAM,IAAII,GAAYH,GAAMM,EAAWL,IAAQ,CAAC,KAAK,EAAE;AAAA,EAC/E;AAGF,MAAIM,IAAS,EAAE,OAAO,IAAI,MAAM,GAAG;AAE/B,EAAAJ,MAAeK,EAAY,MAC7BD,IAASE,EAAc,OAAO,EAAE,OAAO,UAAU,MAAM,WAC9CN,MAAeK,EAAY,SACpCD,IAASE,EAAc,UAAU,EAAE,OAAO,UAAU,MAAM,WACjDN,MAAeK,EAAY,WACpCD,IAASE,EAAc,aAAaL,KAAgB,IAAI,YAAA,CAAa,KAAK;AAAA,IACxE,OAAO;AAAA,IACP,MAAM;AAAA,EAAA;AAIJ,QAAAM,IACJP,MAAeK,EAAY,MAAM,CAAK,MAAAG,IAAAZ,KAAA,gBAAAA,EAAQ,kBAAR,gBAAAY,EAAuB,oBAAmB;AAElF,SAAIR,MAAeK,EAAY,UAAU,GAACI,KAAAC,IAAAd,KAAA,gBAAAA,EAAQ,kBAAR,gBAAAc,EAAuB,oBAAvB,QAAAD,EAAwC,UAE9E,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAe;AAAA,MACf,aAAY;AAAA,MACZ,WAAW;AAAA,MACX,UAAU;AAAA,MACV,OAAO;AAAA,MACP,cAAa;AAAA,MACb,aAAY;AAAA,MACZ,UAAU;AAAA,MAEV,UAAA;AAAA,QAAC,gBAAAC,EAAAC,GAAA,EAAM,KAAKC,EAAc,WAAW,KAAI,eAAc,YAAU,IAAC,OAAO,IAAI,QAAQ,GAAI,CAAA;AAAA,0BACxFC,GAAK,EAAA,WAAU,OAAM,QAAO,WAAU,UAEvC,gDAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,IAMJ,gBAAAH;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,SAASf;AAAA,MACT,UAAU,EAACN,KAAA,QAAAA,EAAQ,OAAMI,MAAeK,EAAY;AAAA,MACpD,OAAM;AAAA,MAEN,UAAC,gBAAAM,EAAAC,GAAA,EAAS,UAAU,GAAG,cAAa,WACjC,UAAA;AAAA,QAAA,CAAC,CAACL,EAAiB,UAClB,gBAAAM,EAACK,GAAA,EAAoB,UAAU,GAC5B,UAAAX,EAAiB,IAAI,CAACY,GAAWC,MAChC,gBAAAP;AAAA,UAACQ;AAAA,UAAA;AAAA,YAEC,UAAUF,EAAU;AAAA,YACpB,WAAAA;AAAA,YACA,YAAY;AAAA,UAAA;AAAA,UAHPA,EAAU,qBAAqBC;AAAA,QAKvC,CAAA,GACH;AAAA,QAEF,gBAAAT;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,gBAAe;AAAA,YACf,aAAY;AAAA,YACZ,iBAAgB;AAAA,YAChB,aAAY;AAAA,YACZ,UAAU;AAAA,YAEV,UAAA;AAAA,cAAC,gBAAAD,EAAAC,GAAA,EAAS,gBAAe,OAAM,aAAY,UAAS,WAAW,KAAK,UAAU,GAC5E,UAAA;AAAA,gBAAC,gBAAAC,EAAAC,GAAA,EAAM,KAAKV,EAAO,MAAM,KAAI,eAAc,YAAU,IAAC,OAAO,IAAI,QAAQ,GAAI,CAAA;AAAA,kCAC5EY,GAAK,EAAA,WAAU,YAAW,QAAO,SAC/B,YAAO,OACV;AAAA,cAAA,GACF;AAAA,cACC,gBAAAH,EAAAD,GAAA,EAAS,UAAU,MAClB,UAAC,gBAAAC,EAAAS,GAAA,EAAe,OAAO,IAAI,QAAQ,IAAI,OAAM,QAAQ,CAAA,GACvD;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA,GACF;AAAA,IAAA;AAAA,EAAA;AAGN,GAEeC,IAAAC,EAAK7B,CAAiB;"}

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

@@ -0,0 +1,9 @@
+import o from "styled-components";
+import t from "../../../../ui/layout/flex-view.js";
+const m = o(t)`
+  border-bottom: none;
+`;
+export {
+  m as GoalsSection
+};
+//# sourceMappingURL=monthly-card.styled.js.map

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

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

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

@@ -0,0 +1,40 @@
+import { ILLUSTRATIONS as e } from "../../../assets/illustrations/illustrations.js";
+const _ = [
+  "Jan",
+  "Feb",
+  "Mar",
+  "Apr",
+  "May",
+  "Jun",
+  "Jul",
+  "Aug",
+  "Sep",
+  "Oct",
+  "Nov",
+  "Dec"
+], o = {
+  2021: e[2021],
+  2022: e[2022],
+  2023: e[2023],
+  2024: e[2024],
+  2025: e[2025],
+  2026: e[2026],
+  2027: e[2027],
+  2028: e[2028]
+}, l = {
+  PTM: { label: "PTM Report", icon: e.PTM_REPORT_ICON },
+  MPR_V1: { label: "View Full Report", icon: e.FULL_REPORT },
+  MPR_V2_math: { label: "MathFit Report", icon: e.MATH_FIT_GREY },
+  MPR_V2_elp: { label: "ELP Report", icon: e.ELP_ICON },
+  MPR_V2_ela: { label: "ELA Report", icon: e.ELP_ICON },
+  MPR_V2_english: { label: "English Report", icon: e.ENGLISH_ICON },
+  MPR_V2_science: { label: "Science Report", icon: e.SCIENCE_REPORT_ICON },
+  MPR_V2_sat: { label: "SAT Report", icon: e.SAT_REPORT_ICON },
+  MPR_V2_coding: { label: "Coding Report", icon: e.CODING_REPORT_ICON }
+};
+export {
+  l as REPORT_CONFIG,
+  _ as monthNames,
+  o as yearImages
+};
+//# sourceMappingURL=constants.js.map

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

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

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

package/dist/features/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/ptm-report/api/use-ptm-report-get.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-ptm-report-get.js","sources":["../../../../../src/features/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/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/ptm-report/comps/key-need/key-need-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"key-need-styled.js","sources":["../../../../../../src/features/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/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/ptm-report/comps/key-need/key-need.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"key-need.js","sources":["../../../../../../src/features/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/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/ptm-report/comps/parent-support/parent-support.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parent-support.js","sources":["../../../../../../src/features/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/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/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/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/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/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/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/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/ptm-report/comps/report-card/report-card-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"report-card-styled.js","sources":["../../../../../../src/features/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/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/ptm-report/comps/report-card/report-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"report-card.js","sources":["../../../../../../src/features/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/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/ptm-report/comps/school-support/school-support-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"school-support-styled.js","sources":["../../../../../../src/features/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;"}