@cuemath/leap 3.5.31 → 3.5.32-as11

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

@@ -0,0 +1,113 @@
+import { jsx as e, jsxs as a, Fragment as ie } from "react/jsx-runtime";
+import { memo as me, useCallback as ge, useEffect as le } from "react";
+import { usePTMReportGet as fe } from "./api/use-ptm-report-get.js";
+import { EPTMTypes as he } from "./ptm-report-types.js";
+import de from "../../../ui/loader/app-loader/app-loader.js";
+import _e from "./comps/student-info/student-info.js";
+import { Container as ue } from "./ptm-report-styled.js";
+import Ce from "./comps/key-need/key-need.js";
+import m from "../../../ui/layout/flex-view.js";
+import Re from "./comps/teacher-observations/teacher-observations.js";
+import ke from "./comps/strategies/strategies.js";
+import Te from "./comps/parent-support/parent-support.js";
+import Pe from "./comps/upcoming-chapters/upcoming-chapters.js";
+import Se from "./comps/real-world-projects/real-world-projects.js";
+import we from "./comps/school-support/school-support.js";
+import ye from "../../../ui/error/error.js";
+const Ae = ({ ptmId: t }) => {
+  const {
+    get: p,
+    data: c,
+    isProcessing: g,
+    isProcessingFailed: l
+  } = fe(t), o = ge(() => {
+    p(t);
+  }, [p, t]);
+  if (le(() => {
+    o();
+  }, [o]), g || !c)
+    return /* @__PURE__ */ e(de, { height: "100dvh" });
+  if (l)
+    return /* @__PURE__ */ e(m, { $flex: 1, $alignItems: "center", $justifyContent: "center", children: /* @__PURE__ */ e(ye, { onTryAgain: o }) });
+  const { ptm_config: f, report: h } = c, { ptm_type: r, config: d } = f || {}, { ptm_report_sections: _, late_if_minutes: u } = d || {}, {
+    teacher_observation: C,
+    learning_strategy: R,
+    parent_support: k,
+    school_support: T
+  } = _ || {}, { subsections: P } = T || {}, { homework_help: S, test_help: w } = P || {}, { options: y } = k || {}, { strategies: A } = R || {}, { subsections: M } = C || {}, {
+    focus_area: b,
+    strengths: D,
+    teacher_remarks: O
+  } = M || {}, { areas: j = [], report_tag: x } = b || {}, { areas: v = [] } = D || {}, { report_tag: E } = O || {}, { report_sections: F, student_data: N } = h, {
+    teacher_observation: U,
+    parent_support: $,
+    strategies: H,
+    real_world_project: W,
+    school_support: G,
+    upcoming_chapters: I
+  } = F || {}, { homework_help: K, test_help: X } = G || {}, { upcoming_chapters: L } = I || {}, {
+    strengths: V = {},
+    focus_area: q,
+    teacher_remarks: z
+  } = U || {}, {
+    first_name: i,
+    grade: B,
+    key_need: s,
+    attendance_data: J,
+    homework_data: Q,
+    late_class_data: Y = [],
+    real_world_project: Z
+  } = N || {}, { classes_completed: ee, weeks_completed: te } = J || {}, { sheets_assigned: oe, sheets_not_completed: re } = Q || {}, se = j.find(
+    ({ area_key: ce }) => ce === q
+  ), ne = (s == null ? void 0 : s.key_need) ?? "", n = r === he.ON_DEMAND, ae = Y.length, pe = r && r.split("_").includes("UPGRADE");
+  return /* @__PURE__ */ a(ue, { children: [
+    /* @__PURE__ */ e(_e, { name: i, grade: B }),
+    /* @__PURE__ */ a(m, { $gutterX: 1, $gapX: 1, children: [
+      /* @__PURE__ */ e(Ce, { text: ne }),
+      (n || pe) && /* @__PURE__ */ a(ie, { children: [
+        /* @__PURE__ */ e(Se, { projectReport: W, projectInfo: Z }),
+        /* @__PURE__ */ e(
+          we,
+          {
+            homeworkHelpReport: K,
+            homeworkHelpConfig: S,
+            testHelpReport: X,
+            testHelpConfig: w,
+            studentName: i,
+            isOnDemandPTM: n
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e(
+        Re,
+        {
+          strengthAreas: v,
+          strengthsReport: V,
+          focusArea: se,
+          focusAreaReportTag: x,
+          teacherRemarks: z,
+          teacherRemarkTag: E
+        }
+      ),
+      /* @__PURE__ */ e(ke, { report: H, strategyConfig: A }),
+      /* @__PURE__ */ e(
+        Te,
+        {
+          report: $,
+          options: y,
+          classesCompleted: ee,
+          weeksCompleted: te,
+          sheetsAssigned: oe,
+          sheetsNotCompleted: re,
+          lateClassesCount: ae,
+          lateIfMinutes: u
+        }
+      ),
+      n && /* @__PURE__ */ e(Pe, { chapters: L })
+    ] })
+  ] });
+}, Xe = me(Ae);
+export {
+  Xe as default
+};
+//# sourceMappingURL=ptm-report.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ptm-report.js","sources":["../../../../../src/features/timeline/monthly-timeline/ptm-report/ptm-report.tsx"],"sourcesContent":["import { memo, useCallback, useEffect, type FC } from 'react';\n\nimport { usePTMReportGet } from './api/use-ptm-report-get';\nimport { EPTMTypes, type IPTMReportProps } from './ptm-report-types';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport StudentInfo from './comps/student-info/student-info';\nimport * as Styled from './ptm-report-styled';\nimport KeyNeed from './comps/key-need/key-need';\nimport FlexView from '../../../ui/layout/flex-view';\nimport TeacherObservations from './comps/teacher-observations/teacher-observations';\nimport Strategies from './comps/strategies/strategies';\nimport ParentSupport from './comps/parent-support/parent-support';\nimport UpcomingChapters from './comps/upcoming-chapters/upcoming-chapters';\nimport RealWorldProjects from './comps/real-world-projects/real-world-projects';\nimport SchoolSupport from './comps/school-support/school-support';\nimport Error from '../../../ui/error/error';\n\nconst PTMReport: FC<IPTMReportProps> = ({ ptmId }) => {\n  const {\n    get: getPTMReport,\n    data: ptmReportData,\n    isProcessing,\n    isProcessingFailed,\n  } = usePTMReportGet(ptmId);\n\n  const fetchPTMReport = useCallback(() => {\n    getPTMReport(ptmId);\n  }, [getPTMReport, ptmId]);\n\n  useEffect(() => {\n    fetchPTMReport();\n  }, [fetchPTMReport]);\n\n  if (isProcessing || !ptmReportData) {\n    return <AppLoader height=\"100dvh\" />;\n  }\n\n  if (isProcessingFailed) {\n    return (\n      <FlexView $flex={1} $alignItems=\"center\" $justifyContent=\"center\">\n        <Error onTryAgain={fetchPTMReport} />\n      </FlexView>\n    );\n  }\n\n  const { ptm_config: ptmConfig, report } = ptmReportData;\n  const { ptm_type: ptmType, config } = ptmConfig || {};\n  const { ptm_report_sections: sectionsConfig, late_if_minutes: lateIfMinutes } = config || {};\n\n  const {\n    teacher_observation: teacherObservationConfig,\n    learning_strategy: strategyConfig,\n    parent_support: parentSupportConfig,\n    school_support: schoolSupportConfig,\n  } = sectionsConfig || {};\n\n  const { subsections: schoolSubsections } = schoolSupportConfig || {};\n  const { homework_help: homeworkConfig, test_help: testConfig } = schoolSubsections || {};\n\n  const { options: parentOptions } = parentSupportConfig || {};\n  const { strategies: strategiesConfig } = strategyConfig || {};\n  const { subsections: teacherSubsections } = teacherObservationConfig || {};\n\n  const {\n    focus_area: focusAreaConfig,\n    strengths: strengthsConfig,\n    teacher_remarks: remarksConfig,\n  } = teacherSubsections || {};\n\n  const { areas: focusAreas = [], report_tag: focusAreaTag } = focusAreaConfig || {};\n  const { areas: strengthAreas = [] } = strengthsConfig || {};\n  const { report_tag: remarksTag } = remarksConfig || {};\n\n  const { report_sections: reportSections, student_data: studentData } = report;\n\n  const {\n    teacher_observation: teacherObservationReport,\n    parent_support: parentSupportReport,\n    strategies: strategiesReport,\n    real_world_project: realWorldReport,\n    school_support: schoolSupportReport,\n    upcoming_chapters: upcomingChaptersReport,\n  } = reportSections || {};\n\n  const { homework_help: homeworkReport, test_help: testReport } = schoolSupportReport || {};\n\n  const { upcoming_chapters: upcomingChapters } = upcomingChaptersReport || {};\n\n  const {\n    strengths: strengthsReport = {},\n    focus_area: selectedFocusAreaKey,\n    teacher_remarks: teacherRemarks,\n  } = teacherObservationReport || {};\n\n  const {\n    first_name: studentName,\n    grade: studentGrade,\n    key_need: keyNeedData,\n    attendance_data: attendanceData,\n    homework_data: homeworkData,\n    late_class_data: lateClasses = [],\n    real_world_project: realWorldProjectData,\n  } = studentData || {};\n\n  const { classes_completed: completedClasses, weeks_completed: completedWeeks } =\n    attendanceData || {};\n\n  const { sheets_assigned: assignedSheets, sheets_not_completed: incompleteSheets } =\n    homeworkData || {};\n\n  const selectedFocusArea = focusAreas.find(\n    ({ area_key: areaKey }) => areaKey === selectedFocusAreaKey,\n  );\n\n  const keyNeedText = keyNeedData?.key_need ?? '';\n  const isOnDemandPTM = ptmType === EPTMTypes.ON_DEMAND;\n  const lateClassesCount = lateClasses.length;\n  const isUpgradePTM = ptmType && ptmType.split('_').includes('UPGRADE');\n  const isUpgradeOrOnDemandPTM = isOnDemandPTM || isUpgradePTM;\n\n  return (\n    <Styled.Container>\n      <StudentInfo name={studentName} grade={studentGrade} />\n      <FlexView $gutterX={1} $gapX={1}>\n        <KeyNeed text={keyNeedText} />\n        {isUpgradeOrOnDemandPTM && (\n          <>\n            <RealWorldProjects projectReport={realWorldReport} projectInfo={realWorldProjectData} />\n            <SchoolSupport\n              homeworkHelpReport={homeworkReport}\n              homeworkHelpConfig={homeworkConfig}\n              testHelpReport={testReport}\n              testHelpConfig={testConfig}\n              studentName={studentName}\n              isOnDemandPTM={isOnDemandPTM}\n            />\n          </>\n        )}\n        <TeacherObservations\n          strengthAreas={strengthAreas}\n          strengthsReport={strengthsReport}\n          focusArea={selectedFocusArea}\n          focusAreaReportTag={focusAreaTag}\n          teacherRemarks={teacherRemarks}\n          teacherRemarkTag={remarksTag}\n        />\n        <Strategies report={strategiesReport} strategyConfig={strategiesConfig} />\n        <ParentSupport\n          report={parentSupportReport}\n          options={parentOptions}\n          classesCompleted={completedClasses}\n          weeksCompleted={completedWeeks}\n          sheetsAssigned={assignedSheets}\n          sheetsNotCompleted={incompleteSheets}\n          lateClassesCount={lateClassesCount}\n          lateIfMinutes={lateIfMinutes}\n        />\n        {isOnDemandPTM && <UpcomingChapters chapters={upcomingChapters} />}\n      </FlexView>\n    </Styled.Container>\n  );\n};\n\nexport default memo(PTMReport);\n"],"names":["PTMReport","ptmId","getPTMReport","ptmReportData","isProcessing","isProcessingFailed","usePTMReportGet","fetchPTMReport","useCallback","useEffect","jsx","AppLoader","FlexView","Error","ptmConfig","report","ptmType","config","sectionsConfig","lateIfMinutes","teacherObservationConfig","strategyConfig","parentSupportConfig","schoolSupportConfig","schoolSubsections","homeworkConfig","testConfig","parentOptions","strategiesConfig","teacherSubsections","focusAreaConfig","strengthsConfig","remarksConfig","focusAreas","focusAreaTag","strengthAreas","remarksTag","reportSections","studentData","teacherObservationReport","parentSupportReport","strategiesReport","realWorldReport","schoolSupportReport","upcomingChaptersReport","homeworkReport","testReport","upcomingChapters","strengthsReport","selectedFocusAreaKey","teacherRemarks","studentName","studentGrade","keyNeedData","attendanceData","homeworkData","lateClasses","realWorldProjectData","completedClasses","completedWeeks","assignedSheets","incompleteSheets","selectedFocusArea","areaKey","keyNeedText","isOnDemandPTM","EPTMTypes","lateClassesCount","isUpgradePTM","jsxs","Styled.Container","StudentInfo","KeyNeed","Fragment","RealWorldProjects","SchoolSupport","TeacherObservations","Strategies","ParentSupport","UpcomingChapters","ptmReport","memo"],"mappings":"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"}

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

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

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

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

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

@@ -0,0 +1,5 @@
+var t = /* @__PURE__ */ ((r) => (r.DAILY = "daily", r.MONTHLY = "monthly", r))(t || {});
+export {
+  t as ETAB_IDS
+};
+//# sourceMappingURL=timeline-tabs-types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"timeline-tabs-types.js","sources":["../../../../src/features/timeline/timeline-tabs/timeline-tabs-types.ts"],"sourcesContent":["export enum ETAB_IDS {\n  DAILY = 'daily',\n  MONTHLY = 'monthly',\n}\n\nexport interface IProgressTimelineTabs {\n  onTabClick: (tab: ETAB_IDS) => void;\n  activeTab: string;\n  headerHeight: number;\n}\n\nexport interface ITab {\n  id: ETAB_IDS;\n  label: string;\n  path: string;\n}\n"],"names":["ETAB_IDS"],"mappings":"AAAY,IAAAA,sBAAAA,OACVA,EAAA,QAAQ,SACRA,EAAA,UAAU,WAFAA,IAAAA,KAAA,CAAA,CAAA;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"timeline-tabs.js","sources":["../../../../src/features/timeline/timeline-tabs/timeline-tabs.tsx"],"sourcesContent":["import { memo } from 'react';\n\nimport * as Styled from './timeline-tabs.styled';\nimport { type IProgressTimelineTabs } from './timeline-tabs-types';\nimport Text from '../../ui/text/text';\nimport { TABS } from './constants';\n\nconst TimelineTabs = ({ onTabClick, activeTab, headerHeight }: IProgressTimelineTabs) => {\n  return (\n    <Styled.TabContainer $heightX={4} $headerHeight={headerHeight}>\n      {TABS.map(tab => {\n        const isActive = tab.id === activeTab;\n\n        return (\n          <Styled.TabItem\n            key={tab.id}\n            $isActive={isActive}\n            $justifyContent=\"center\"\n            $borderColor=\"BLACK_T_38\"\n            $background={isActive ? 'BLACK_1' : 'WHITE'}\n            $gapX={0.46875}\n            $gutterX={1}\n            $widthX={6.5}\n            $width=\"100%\"\n            onClick={() => onTabClick(tab.id)}\n          >\n            <Text $renderAs=\"ac4\" $color={isActive ? 'WHITE' : 'BLACK_T_38'}>\n              {tab.label}\n            </Text>\n          </Styled.TabItem>\n        );\n      })}\n    </Styled.TabContainer>\n  );\n};\n\nexport default memo(TimelineTabs);\n"],"names":["TimelineTabs","onTabClick","activeTab","headerHeight","jsx","Styled.TabContainer","TABS","tab","isActive","Styled.TabItem","Text","timelineTabs","memo"],"mappings":";;;;;AAOA,MAAMA,IAAe,CAAC,EAAE,YAAAC,GAAY,WAAAC,GAAW,cAAAC,QAE3C,gBAAAC,EAACC,GAAA,EAAoB,UAAU,GAAG,eAAeF,GAC9C,UAAKG,EAAA,IAAI,CAAOC,MAAA;AACT,QAAAC,IAAWD,EAAI,OAAOL;AAG1B,SAAA,gBAAAE;AAAA,IAACK;AAAAA,IAAA;AAAA,MAEC,WAAWD;AAAA,MACX,iBAAgB;AAAA,MAChB,cAAa;AAAA,MACb,aAAaA,IAAW,YAAY;AAAA,MACpC,OAAO;AAAA,MACP,UAAU;AAAA,MACV,SAAS;AAAA,MACT,QAAO;AAAA,MACP,SAAS,MAAMP,EAAWM,EAAI,EAAE;AAAA,MAEhC,UAAA,gBAAAH,EAACM,KAAK,WAAU,OAAM,QAAQF,IAAW,UAAU,cAChD,UAAAD,EAAI,MACP,CAAA;AAAA,IAAA;AAAA,IAbKA,EAAI;AAAA,EAAA;AAgBd,CAAA,EACH,CAAA,GAIWI,IAAAC,EAAKZ,CAAY;"}

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

@@ -0,0 +1,37 @@
+import i from "styled-components";
+import o from "../../ui/layout/flex-view.js";
+const n = i(o)`
+  position: sticky;
+  top: ${({ $headerHeight: t }) => t}px;
+  left: calc(
+    ((100% * 0.5) - (480px * 0.5)) - 52px - 32px
+  ); // 52 (tab width)/2 + 32 left right margin of container
+`;
+i(o)`
+  flex: 1;
+  overflow: hidden;
+  position: relative;
+`;
+const p = i(o)`
+  position: relative;
+  cursor: pointer;
+  transition: all 0.3s ease;
+
+  &::after {
+    content: '';
+    visibility: ${({ $isActive: t }) => t ? "visible" : "hidden"};
+    position: absolute;
+    right: -6px;
+    top: 11px;
+    width: 0;
+    height: 0;
+    border-left: 6px solid black;
+    border-top: 5px solid transparent;
+    border-bottom: 5px solid transparent;
+  }
+`;
+export {
+  n as TabContainer,
+  p as TabItem
+};
+//# sourceMappingURL=timeline-tabs.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"timeline-tabs.styled.js","sources":["../../../../src/features/timeline/timeline-tabs/timeline-tabs.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../ui/layout/flex-view';\n\ninterface ITabItem {\n  $isActive: boolean;\n}\n\nconst TabContainer = styled(FlexView)<{ $headerHeight: number }>`\n  position: sticky;\n  top: ${({ $headerHeight }) => $headerHeight}px;\n  left: calc(\n    ((100% * 0.5) - (480px * 0.5)) - 52px - 32px\n  ); // 52 (tab width)/2 + 32 left right margin of container\n`;\n\nconst ContentContainer = styled(FlexView)`\n  flex: 1;\n  overflow: hidden;\n  position: relative;\n`;\n\nconst TabItem = styled(FlexView)<ITabItem>`\n  position: relative;\n  cursor: pointer;\n  transition: all 0.3s ease;\n\n  &::after {\n    content: '';\n    visibility: ${({ $isActive }) => ($isActive ? 'visible' : 'hidden')};\n    position: absolute;\n    right: -6px;\n    top: 11px;\n    width: 0;\n    height: 0;\n    border-left: 6px solid black;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n  }\n`;\n\nexport { TabContainer, ContentContainer, TabItem };\n"],"names":["TabContainer","styled","FlexView","$headerHeight","TabItem","$isActive"],"mappings":";;AAQM,MAAAA,IAAeC,EAAOC,CAAQ;AAAA;AAAA,SAE3B,CAAC,EAAE,eAAAC,EAAc,MAAMA,CAAa;AAAA;AAAA;AAAA;AAAA;AAMpBF,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAMlC,MAAAE,IAAUH,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAOb,CAAC,EAAE,WAAAG,EAAA,MAAiBA,IAAY,YAAY,QAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/index.d.ts

@@ -244,6 +244,44 @@ export declare const CancellationReasonModal: NamedExoticComponent<object>;
 
 export declare const CancelSubscriptionModal: NamedExoticComponent<object>;
 
+declare enum CARD_TYPE {
+    'general' = "general",
+    'legacy' = "legacy",
+    'diagnostic' = "diagnostic",
+    'remedial' = "remedial",
+    'recap' = "recap",
+    'learn' = "learn",
+    'extra_practice' = "extra_practice",
+    'practice' = "practice",
+    'test' = "test",
+    'revision' = "revision",
+    'advanced' = "advanced",
+    'challenge' = "challenge",
+    'video' = "video",
+    'simulation' = "simulation",
+    'note' = "note",
+    'subjective' = "subjective",
+    'deck' = "deck",
+    'puzzle' = "puzzle",
+    'test_series' = "test_series",
+    'activity' = "activity",
+    'project' = "project",
+    'certificate' = "certificate",
+    'ppt_viva' = "ppt_viva",
+    'ppt_content' = "ppt_content",
+    'wb_activity' = "wb_activity",
+    'smart_practice' = "smart_practice",
+    'exit_ticket' = "exit_ticket",
+    'monthly_mastery_test' = "monthly_mastery_test",
+    'supplementary_mastery_test' = "supplementary_mastery_test",
+    'trial_diagnostic' = "trial_diagnostic",
+    'trial_basic' = "trial_basic",
+    'trial_intermediate' = "trial_intermediate",
+    'trial_advanced' = "trial_advanced",
+    'sat_mock_test' = "sat_mock_test",
+    'pdf' = "pdf"
+}
+
 export declare const CardTitle: MemoExoticComponent<({ cardHeader, nodeType, courseType, }: {
 cardHeader: string;
 nodeType: TNodeTypes_2;
@@ -600,6 +638,11 @@ export declare enum ESummaryType {
     LEARNING_PLAN = "learningPlan"
 }
 
+export declare enum ETAB_IDS {
+    DAILY = "daily",
+    MONTHLY = "monthly"
+}
+
 export declare const EveningIcon: FC<SVGProps<SVGSVGElement>>;
 
 export declare const EVENTS: {
@@ -2303,6 +2346,14 @@ declare interface ILinearProgressBarProps {
 }
 
 export declare const ILLUSTRATIONS: {
+    2021: string;
+    2022: string;
+    2023: string;
+    2024: string;
+    2025: string;
+    2026: string;
+    2027: string;
+    2028: string;
     ACCURACY_BADGE: string;
     ALARM_CLOCK_ORANGE: string;
     ALARM_CLOCK_PURPLE: string;
@@ -2310,7 +2361,9 @@ export declare const ILLUSTRATIONS: {
     ALIEN_2: string;
     ALIEN_3: string;
     ALIEN_4: string;
+    APR: string;
     ARROW_BOARD_GREEN: string;
+    AUG: string;
     BLUE_CLIP: string;
     BOOK_CHECKED_GREEN: string;
     BOOK_CHECKED_ORANGE: string;
@@ -2326,6 +2379,7 @@ export declare const ILLUSTRATIONS: {
     CALENDAR_GRAY: string;
     CALENDAR_GREEN: string;
     CALENDAR_PURPLE: string;
+    CALENDAR_PURPLE_2: string;
     CAUTION: string;
     CHAPTER_10: string;
     CHAPTER_1: string;
@@ -2345,6 +2399,8 @@ export declare const ILLUSTRATIONS: {
     CIRCLE_OUTERCIRCLE_BG: string;
     CLOCK_BADGE: string;
     CLOCK_ORANGE: string;
+    CODING_REPORT_ICON: string;
+    CLOCK_PURPLE: string;
     COMMON: string;
     COMMUNITY_BULB: string;
     COMMUNITY_BULB_YELLOW_2: string;
@@ -2354,6 +2410,7 @@ export declare const ILLUSTRATIONS: {
     CUECOIN_GOLD: string;
     CUEMATH_APP_QR_CODE: string;
     CW_ICON: string;
+    DEC: string;
     DESKTOP_WITH_PURPLE_FILL: string;
     DOWN_ARROW_BADGE: string;
     DURATION_30MIN_GRAY: string;
@@ -2362,10 +2419,15 @@ export declare const ILLUSTRATIONS: {
     DURATION_90MIN_GRAY: string;
     EARTH_GREEN: string;
     ELLIPSE_CLIP: string;
+    ELP_ICON: string;
+    EMPTY_REPORTS: string;
+    ENGLISH_ICON: string;
     EPIC: string;
     EQUAL_OUTLINED: string;
+    FEB: string;
     FEMALE_AVATAR: string;
     FOCUS_BLUE: string;
+    FULL_REPORT: string;
     GAME_PLAY: string;
     GLOBE_WITH_BLUE_FILL: string;
     GRADE_GRID_BACKGROUND: string;
@@ -2379,6 +2441,9 @@ export declare const ILLUSTRATIONS: {
     HANDSHAKE_GREEN: string;
     HEART_OUTLINED: string;
     HW_ICON: string;
+    JAN: string;
+    JUL: string;
+    JUN: string;
     KEY: string;
     KNOWLEDGE_BLUE: string;
     LEARNED_SHIELD_GRAY: string;
@@ -2394,9 +2459,12 @@ export declare const ILLUSTRATIONS: {
     LOCKED: string;
     MAINTENANCE: string;
     MALE_AVATAR: string;
+    MAR: string;
     MASTERED_BADGE: string;
     MASTERED_SHIELD_GRAY: string;
     MASTERED_SHIELD_GREEN: string;
+    MATH_FIT_GREY: string;
+    MAY: string;
     MENTAL_MATH: string;
     MILESTONE_INTRO_1: string;
     MILESTONE_INTRO_2: string;
@@ -2409,18 +2477,24 @@ export declare const ILLUSTRATIONS: {
     NODE_CUSTOM_TEST_BG: string;
     NODE_DOWNLOAD_BG: string;
     NODE_LEARN_BG: string;
+    NODE_LEARN_LARGE_BG: string;
     NODE_PRACTICE_BG: string;
     NODE_PROJECT_BG: string;
     NODE_PUZZLE_BG: string;
+    NODE_PUZZLE_LARGE_BG: string;
     NODE_RECAP_BG: string;
     NODE_SUBJECTIVE_BG: string;
+    NODE_TEST_LARGE_BG: string;
     NODE_TEST_PREP_BG: string;
     NODE_VIDEO_BG: string;
+    NOV: string;
     NO_ACTIVITY: string;
+    NO_REPORT: string;
     NUMBER_1_ORANGE: string;
     NUMBER_2_ORANGE: string;
     NUMBER_3_ORANGE: string;
     NUMBER_4_ORANGE: string;
+    OCT: string;
     ONE_STAR_FILLED: string;
     OPENED_BOOK_GREEN: string;
     ORANGE_FACE: string;
@@ -2439,6 +2513,8 @@ export declare const ILLUSTRATIONS: {
     PRACTICED_SHIELD_GREY: string;
     PROFICIENT_BADGE: string;
     PROFILE_BOARD: string;
+    PTM_REPORT_ICON: string;
+    PROGRESS_BAR_PURPLE: string;
     PUZZLE: string;
     PUZZLE_DASHBOARD_BANNER: string;
     PUZZLE_PATTERN_BLUE: string;
@@ -2458,7 +2534,10 @@ export declare const ILLUSTRATIONS: {
     REPORT_404: string;
     ROCKET_BROKEN: string;
     ROCKET_YELLOW: string;
+    SAT_REPORT_ICON: string;
+    SCIENCE_REPORT_ICON: string;
     SCORE: string;
+    SEP: string;
     SMILEY: string;
     STAR_BADGE: string;
     STAR_ORANGE: string;
@@ -2474,6 +2553,8 @@ export declare const ILLUSTRATIONS: {
     TEST_DIFFICULTY_MEDIUM: string;
     THREE_STARS_FILLED: string;
     THUMBS_UP_GREEN: string;
+    THUMPS_DOWN: string;
+    THUMPS_UP: string;
     TICK_GREEN: string;
     TIME_PURPLE: string;
     TROPHY_BLUE: string;
@@ -2547,9 +2628,7 @@ export declare const ImageIcon: FC<SVGProps<SVGSVGElement>>;
 
 export declare const IMAGES: {
     ACHIEVEMENT_BG: string;
-    APR: string;
     ASHTA: string;
-    AUG: string;
     AWESOME: string;
     BADGE_SUCCESS: string;
     BG_EMPTY_RESOURCES: string;
@@ -2560,28 +2639,19 @@ export declare const IMAGES: {
     CONGRATS: string;
     COOL: string;
     COSA: string;
-    DEC: string;
     DEFAULT_CHAPTER: string;
     DODA: string;
     DVI: string;
     EKA: string;
     EMPTY_MIX_TESTS: string;
-    FEB: string;
     GREAT: string;
     GREEN_BELT: string;
     HEXO: string;
-    JAN: string;
-    JUL: string;
-    JUN: string;
     KUDOS: string;
     LEARNING_PLAN: string;
     LESSON_OVERVIEW_BANNER: string;
-    MAR: string;
     MASTERED_BADGE: string;
-    MAY: string;
-    NOV: string;
     NO_INFO: string;
-    OCT: string;
     OCTO: string;
     ORANGE_BELT: string;
     PURPLE_BELT: string;
@@ -2589,7 +2659,6 @@ export declare const IMAGES: {
     PUZZLE_CARD_HARD: string;
     PUZZLE_CARD_MEDIUM: string;
     RED_BELT: string;
-    SEP: string;
     SHARED: string;
     SHEET_REFERENCE: string;
     SPIRAL_PATTERN: string;
@@ -2904,6 +2973,56 @@ declare interface IModalProviderProps extends PropsWithChildren {
     isUserAuthenticated?: boolean;
 }
 
+declare interface IMonthlyActivity {
+    id: string;
+    node_type: NODE_TYPES;
+    card_type: CARD_TYPE;
+    card_header: CARD_TYPE | null;
+    feedback_comments: string | null;
+    state: NODE_STATE;
+    title?: string;
+    accuracy?: number | null;
+    subtext?: string | null;
+    is_timed?: boolean;
+    image_hue?: THueNames;
+    image_url?: string;
+    sat_max_score?: number | null;
+    sat_total_score?: number | null;
+    item_ref?: string | null;
+    thumbnail_url?: string;
+    user_attempt_id?: string | null;
+    tip: string | null;
+    user_block_id: string | null;
+    user_chapter_id: string | null;
+    user_node_id: string | null;
+}
+
+declare interface IMonthlyReportProps {
+    reportId: string;
+    studentName: string;
+    onPuzzleClick?: (params: {
+        item_ref: IMonthlyActivity['item_ref'];
+        feedback_comments: IMonthlyActivity['feedback_comments'];
+        image_hue: IMonthlyActivity['image_hue'];
+        title: IMonthlyActivity['title'];
+        tip: IMonthlyActivity['tip'];
+    }) => void;
+    showSnackbar?: (params: {
+        type: 'error' | 'info';
+        message: string;
+        bgColor: string;
+    }) => void;
+    onFeedback?: (feedback: TFeedback, studentCourseId: string) => void;
+}
+
+declare interface IMonthlyTimelineProps {
+    userType: 'PARENT' | 'TEACHER' | 'STUDENT';
+    studentId: string;
+    courseStreams?: string[];
+    onReportClick?: (reportId: string, reportType: REPORT_TYPE, year: number, month: string) => void;
+    scrollAreaHeight?: string | number;
+}
+
 export declare interface IMultiplayerWebGameProps extends IBaseWebGameProps, ISyncableWebGameProps {
     enablePlayerTurnIndicators?: boolean;
 }
@@ -3293,6 +3412,12 @@ declare interface IProgramOption {
     [key: string]: unknown;
 }
 
+declare interface IProgressTimelineTabs {
+    onTabClick: (tab: ETAB_IDS) => void;
+    activeTab: string;
+    headerHeight: number;
+}
+
 export declare interface IProject<T> {
     type: ProjectType;
     data: T[];
@@ -3330,6 +3455,10 @@ declare interface IProjects_2 {
     };
 }
 
+declare interface IPTMReportProps {
+    ptmId: string;
+}
+
 declare interface IPublishData {
     eventName: string;
     eventPayload: IActionData;
@@ -5155,12 +5284,20 @@ export declare const Mobile: FC<SVGProps<SVGSVGElement>>;
  */
 export declare const ModalProvider: FC<IModalProviderProps>;
 
+export declare const MonthlyReport: NamedExoticComponent<IMonthlyReportProps>;
+
+export declare const MonthlyTimeline: NamedExoticComponent<IMonthlyTimelineProps>;
+
 export declare const MoreVerticalIcon: FC<SVGProps<SVGSVGElement>>;
 
 export declare const MorningIcon: FC<SVGProps<SVGSVGElement>>;
 
 export declare const MultiTabBlocker: FC<PropsWithChildren<IMultiTabBlockerProps>>;
 
+export declare const NewProgressIntroModal: MemoExoticComponent<({ onClose }: {
+onClose: () => void;
+}) => JSX.Element>;
+
 export declare const Next2Icon: FC<SVGProps<SVGSVGElement>>;
 
 export declare const NextIcon: FC<SVGProps<SVGSVGElement>>;
@@ -5214,7 +5351,8 @@ declare enum NODE_STATE {
     COMPLETED = "COMPLETED",
     IN_PROGRESS = "IN_PROGRESS",
     PENDING = "PENDING",
-    NOT_STARTED = "NOT_STARTED"
+    NOT_STARTED = "NOT_STARTED",
+    WAIT_FOR_REVIEW = "WAIT_FOR_REVIEW"
 }
 
 export declare const NODE_SUB_GROUP: {
@@ -5496,6 +5634,8 @@ export declare enum ProjectType {
     TABLE = "table"
 }
 
+export declare const PTMReport: NamedExoticComponent<IPTMReportProps>;
+
 export declare interface Puzzle extends BaseProject {
     question: string;
     isHintSeen: boolean;
@@ -5571,6 +5711,12 @@ export declare const ReferenceSheet: FC<IReferenceSheetProps>;
 
 export declare const RemotePeerPointer: NamedExoticComponent<IPointerProps>;
 
+export declare enum REPORT_TYPE {
+    MPR_V1 = "MPR_V1",
+    MPR_V2 = "MPR_V2",
+    PTM = "PTM"
+}
+
 export declare const ReportInformation: FC<IReportInformationProps>;
 
 export declare const ResendOTP: NamedExoticComponent<IOTPResendProps>;
@@ -6110,6 +6256,8 @@ declare interface TextProps {
     $cursor?: 'pointer' | 'default' | 'text' | 'not-allowed' | 'move' | 'help';
 }
 
+declare type TFeedback = 'positive' | 'negative';
+
 export declare type TFontFamilyNames = `${'Athletics'}-${'Light' | 'Regular' | 'Medium' | 'Bold' | 'Black'}` | `${'UntitledSans'}-${'Regular' | 'Medium'}`;
 
 declare type TGoalCategory = keyof typeof GOAL_CATEGORY | null;
@@ -6145,6 +6293,8 @@ export declare const TickIcon: FC<SVGProps<SVGSVGElement>>;
  */
 export declare const TimeLeftTimeline: FC<ITimeLeftTimelineProps>;
 
+export declare const TimelineTabs: MemoExoticComponent<({ onTabClick, activeTab, headerHeight }: IProgressTimelineTabs) => JSX.Element>;
+
 export declare type TInclassChannelMetadata = {
     syncModule?: {
         name: 'MILESTONE_CREATE' | 'MILESTONE_EDIT' | 'MILESTONE_REVIEW';
@@ -6774,6 +6924,10 @@ export declare enum TRACKING_ID_STUDENT {
     INFO_ABOUT_GAME_ACTIVITIES = "INFO_ABOUT_GAME_ACTIVITIES"
 }
 
+export declare enum TRACKING_ID_TEACHER {
+    NEW_PROGRESS_INTRO_MODAL = "NEW_PROGRESS_INTRO_MODAL"
+}
+
 declare type TRecommendedChaptersFilter = TRecommendedChaptersQuery & {
     chapter_codes?: string[];
 };
@@ -7008,7 +7162,7 @@ export declare type TTrackCTA = (params: {
 
 export declare type TTrackEvent = (eventType: string, props: Record<string, unknown>, overrides?: Record<string, unknown>) => void;
 
-declare type TTrackingId = TRACKING_ID_STUDENT;
+declare type TTrackingId = TRACKING_ID_STUDENT | TRACKING_ID_TEACHER;
 
 export declare type TTrackInput = (params: {
     label: string;
@@ -7291,7 +7445,7 @@ export declare const useGetTestHelpData: (initialId?: string, initialQuery?: voi
     } & Record<string, unknown>) | undefined;
 };
 
-export declare const useGetTrackedViews: () => (TJourneyId | TRACKING_ID_STUDENT)[];
+export declare const useGetTrackedViews: () => (TJourneyId | TTrackingId)[];
 
 export declare const useHandleStickerSend: (studentClassroomId: string, metaData: TUseStickerSendMetaData) => (sticker: IStickerData, effect: TStickerAnimationEffects) => void;