@cuemath/leap 3.5.34-as3 → 3.5.34-j1

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"monthly-timeline.js","sources":["../../../../src/features/timeline/monthly-timeline/monthly-timeline.tsx"],"sourcesContent":["import { type FC, memo, useCallback, useEffect, 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;"}
+{"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  onAPIComplete,\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    isProcessed,\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  useEffect(() => {\n    if (isProcessed) {\n      onAPIComplete?.();\n    }\n  }, [isProcessed, onAPIComplete]);\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","onAPIComplete","initialQueryParams","useMemo","getTimezone","getTimeline","timelineData","isProcessing","isProcessingFailed","isProcessed","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":"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"}

package/dist/index.d.ts

@@ -1633,6 +1633,7 @@ declare interface IDailyTimelineProps {
     onPuzzleClick?: (card: ITimeLineItem) => void;
     onReviewClick?: (userNodeId: string | null, isSatMockTestBlock: boolean, userBlockId: string | null) => void;
     scrollAreaHeight?: string | number;
+    onAPIComplete?: () => void;
 }
 
 declare interface IDatePickerInputProps extends Omit<ICustomInputFieldProps, 'value' | 'onChange'> {
@@ -2399,8 +2400,8 @@ export declare const ILLUSTRATIONS: {
     CIRCLE_OUTERCIRCLE_BG: string;
     CLOCK_BADGE: string;
     CLOCK_ORANGE: string;
-    CODING_REPORT_ICON: string;
     CLOCK_PURPLE: string;
+    CODING_REPORT_ICON: string;
     COMMON: string;
     COMMUNITY_BULB: string;
     COMMUNITY_BULB_YELLOW_2: string;
@@ -2474,19 +2475,26 @@ export declare const ILLUSTRATIONS: {
     MYSTERY: string;
     MYTHIC: string;
     NODE_ACTIVITY_BG: string;
+    NODE_ACTIVITY_LARGE_BG: string;
+    NODE_CHALLENGE_ARENA_LARGE_BG: string;
     NODE_CUSTOM_TEST_BG: string;
     NODE_DOWNLOAD_BG: string;
+    NODE_DOWNLOAD_LARGE_BG: string;
     NODE_LEARN_BG: string;
     NODE_LEARN_LARGE_BG: string;
     NODE_PRACTICE_BG: string;
     NODE_PROJECT_BG: string;
+    NODE_PROJECT_LARGE_BG: string;
     NODE_PUZZLE_BG: string;
     NODE_PUZZLE_LARGE_BG: string;
     NODE_RECAP_BG: string;
+    NODE_RECAP_LARGE_BG: string;
     NODE_SUBJECTIVE_BG: string;
+    NODE_SUBJECTIVE_LARGE_BG: string;
     NODE_TEST_LARGE_BG: string;
     NODE_TEST_PREP_BG: string;
     NODE_VIDEO_BG: string;
+    NODE_VIDEO_LARGE_BG: string;
     NOV: string;
     NO_ACTIVITY: string;
     NO_REPORT: string;
@@ -2513,8 +2521,8 @@ export declare const ILLUSTRATIONS: {
     PRACTICED_SHIELD_GREY: string;
     PROFICIENT_BADGE: string;
     PROFILE_BOARD: string;
-    PTM_REPORT_ICON: string;
     PROGRESS_BAR_PURPLE: string;
+    PTM_REPORT_ICON: string;
     PUZZLE: string;
     PUZZLE_DASHBOARD_BANNER: string;
     PUZZLE_PATTERN_BLUE: string;
@@ -3021,6 +3029,7 @@ declare interface IMonthlyTimelineProps {
     courseStreams?: string[];
     onReportClick?: (reportId: string, reportType: REPORT_TYPE, year: number, month: string) => void;
     scrollAreaHeight?: string | number;
+    onAPIComplete?: () => void;
 }
 
 export declare interface IMultiplayerWebGameProps extends IBaseWebGameProps, ISyncableWebGameProps {