@cuemath/leap 3.5.32-as10 → 3.5.32-as3

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

@@ -1 +1 @@
-{"version":3,"file":"monthly-report-types.js","sources":["../../../../../src/features/timeline/monthly-timeline/monthly-report/monthly-report-types.ts"],"sourcesContent":["import { type NODE_TYPES } from '../../../../types/models/worksheet';\nimport { type TCourseStream } from '../../../milestone/create/milestone-create-types';\nimport { type THueNames } from '../../../ui/types';\nimport { type NODE_STATE } from '../../daily-timeline/daily-timeline-types';\nimport { type IUserMilestone } from '../monthly-timeline-types';\n\nexport enum CARD_TYPE {\n  'general' = 'general',\n  'legacy' = 'legacy',\n  'diagnostic' = 'diagnostic',\n  'remedial' = 'remedial',\n  'recap' = 'recap',\n  'learn' = 'learn',\n  'extra_practice' = 'extra_practice',\n  'practice' = 'practice',\n  'test' = 'test',\n  'revision' = 'revision',\n  'advanced' = 'advanced',\n  'challenge' = 'challenge',\n  'video' = 'video',\n  'simulation' = 'simulation',\n  'note' = 'note',\n  'subjective' = 'subjective',\n  'deck' = 'deck',\n  'puzzle' = 'puzzle',\n  'test_series' = 'test_series',\n  'activity' = 'activity',\n  'project' = 'project',\n  'certificate' = 'certificate',\n  'ppt_viva' = 'ppt_viva',\n  'ppt_content' = 'ppt_content',\n  'wb_activity' = 'wb_activity',\n  'smart_practice' = 'smart_practice',\n  'exit_ticket' = 'exit_ticket',\n  'monthly_mastery_test' = 'monthly_mastery_test',\n  'supplementary_mastery_test' = 'supplementary_mastery_test',\n  'trial_diagnostic' = 'trial_diagnostic',\n  'trial_basic' = 'trial_basic',\n  'trial_intermediate' = 'trial_intermediate',\n  'trial_advanced' = 'trial_advanced',\n  'sat_mock_test' = 'sat_mock_test',\n  'pdf' = 'pdf',\n}\n\nexport type ActivitiesByCardType = Partial<{\n  [K in CARD_TYPE]: IMonthlyActivity[];\n}>;\n\nexport type TFeedback = 'positive' | 'negative';\n\nexport interface IMonthlyReportResponse {\n  course_stream: TCourseStream;\n  id: string;\n  created_on_ts: number;\n  is_deleted: boolean;\n  report_date: string;\n  report_date_ts: number;\n  report_month: number;\n  report_year: number;\n  student_course_ids: string[];\n  user_id: string;\n  updated_on_ts: number;\n  calendar_data: TCalendarData | null;\n  progress_data: {\n    user_milestones: IUserMilestone[];\n    activities: ActivitiesByCardType;\n    user_achievements: IAchievementAsset[];\n  };\n  feedback: TFeedback | null;\n}\n\nexport interface IProgressStat {\n  completed: number;\n  total: number;\n}\n\nexport interface IMonthlyActivity {\n  id: string;\n  node_type: NODE_TYPES;\n  card_type: CARD_TYPE;\n  card_header: CARD_TYPE | null;\n  feedback_comments: string | null;\n  state: NODE_STATE;\n  title?: string;\n  accuracy?: number | null;\n  subtext?: string | null;\n  is_timed?: boolean;\n  image_hue?: THueNames;\n  image_url?: string;\n  sat_max_score?: number | null;\n  sat_total_score?: number | null;\n  item_ref?: string | null;\n  thumbnail_url?: string;\n  user_attempt_id?: string | null;\n  tip: string | null;\n  user_block_id: string | null;\n  user_chapter_id: string | null;\n  user_node_id: string | null;\n}\n\nexport interface IAchievementAsset {\n  asset_id: string;\n  url: string;\n}\n\nexport interface IMonthlyReportProps {\n  reportId: string;\n  studentName: string;\n  onPuzzleClick?: (params: {\n    item_ref: IMonthlyActivity['item_ref'];\n    feedback_comments: IMonthlyActivity['feedback_comments'];\n    image_hue: IMonthlyActivity['image_hue'];\n    title: IMonthlyActivity['title'];\n    tip: IMonthlyActivity['tip'];\n  }) => void;\n  showSnackbar?: (params: { type: 'error' | 'info'; message: string; bgColor: string }) => void;\n  onFeedback?: (feedback: TFeedback, studentCourseId: string) => void;\n}\n\nexport type TClassType = 'REGULAR' | 'EXTRA';\nexport interface IClassEvent {\n  class_type: TClassType;\n  is_paused: boolean;\n  is_present: boolean;\n  status: string;\n  tag: string | null;\n  theme: string;\n  time: number;\n}\n\nexport type TCalendarData = Record<string, IClassEvent[]>;\n"],"names":["CARD_TYPE"],"mappings":"AAMY,IAAAA,sBAAAA,OACVA,EAAA,UAAY,WACZA,EAAA,SAAW,UACXA,EAAA,aAAe,cACfA,EAAA,WAAa,YACbA,EAAA,QAAU,SACVA,EAAA,QAAU,SACVA,EAAA,iBAAmB,kBACnBA,EAAA,WAAa,YACbA,EAAA,OAAS,QACTA,EAAA,WAAa,YACbA,EAAA,WAAa,YACbA,EAAA,YAAc,aACdA,EAAA,QAAU,SACVA,EAAA,aAAe,cACfA,EAAA,OAAS,QACTA,EAAA,aAAe,cACfA,EAAA,OAAS,QACTA,EAAA,SAAW,UACXA,EAAA,cAAgB,eAChBA,EAAA,WAAa,YACbA,EAAA,UAAY,WACZA,EAAA,cAAgB,eAChBA,EAAA,WAAa,YACbA,EAAA,cAAgB,eAChBA,EAAA,cAAgB,eAChBA,EAAA,iBAAmB,kBACnBA,EAAA,cAAgB,eAChBA,EAAA,uBAAyB,wBACzBA,EAAA,6BAA+B,8BAC/BA,EAAA,mBAAqB,oBACrBA,EAAA,cAAgB,eAChBA,EAAA,qBAAuB,sBACvBA,EAAA,iBAAmB,kBACnBA,EAAA,gBAAkB,iBAClBA,EAAA,MAAQ,OAnCEA,IAAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"monthly-report-types.js","sources":["../../../../../src/features/timeline/monthly-timeline/monthly-report/monthly-report-types.ts"],"sourcesContent":["import { type NODE_TYPES } from '../../../../types/models/worksheet';\nimport { type TCourseStream } from '../../../milestone/create/milestone-create-types';\nimport { type THueNames } from '../../../ui/types';\nimport { type NODE_STATE } from '../../daily-timeline/daily-timeline-types';\nimport { type IUserMilestone } from '../monthly-timeline-types';\n\nexport enum CARD_TYPE {\n  'general' = 'general',\n  'legacy' = 'legacy',\n  'diagnostic' = 'diagnostic',\n  'remedial' = 'remedial',\n  'recap' = 'recap',\n  'learn' = 'learn',\n  'extra_practice' = 'extra_practice',\n  'practice' = 'practice',\n  'test' = 'test',\n  'revision' = 'revision',\n  'advanced' = 'advanced',\n  'challenge' = 'challenge',\n  'video' = 'video',\n  'simulation' = 'simulation',\n  'note' = 'note',\n  'subjective' = 'subjective',\n  'deck' = 'deck',\n  'puzzle' = 'puzzle',\n  'test_series' = 'test_series',\n  'activity' = 'activity',\n  'project' = 'project',\n  'certificate' = 'certificate',\n  'ppt_viva' = 'ppt_viva',\n  'ppt_content' = 'ppt_content',\n  'wb_activity' = 'wb_activity',\n  'smart_practice' = 'smart_practice',\n  'exit_ticket' = 'exit_ticket',\n  'monthly_mastery_test' = 'monthly_mastery_test',\n  'supplementary_mastery_test' = 'supplementary_mastery_test',\n  'trial_diagnostic' = 'trial_diagnostic',\n  'trial_basic' = 'trial_basic',\n  'trial_intermediate' = 'trial_intermediate',\n  'trial_advanced' = 'trial_advanced',\n  'sat_mock_test' = 'sat_mock_test',\n}\n\nexport type ActivitiesByCardType = Partial<{\n  [K in CARD_TYPE]: IMonthlyActivity[];\n}>;\n\nexport type TFeedback = 'positive' | 'negative';\n\nexport interface IMonthlyReportResponse {\n  course_stream: TCourseStream;\n  id: string;\n  created_on_ts: number;\n  is_deleted: boolean;\n  report_date: string;\n  report_date_ts: number;\n  report_month: number;\n  report_year: number;\n  student_course_ids: string[];\n  user_id: string;\n  updated_on_ts: number;\n  calendar_data: TCalendarData | null;\n  progress_data: {\n    user_milestones: IUserMilestone[];\n    activities: ActivitiesByCardType;\n    user_achievements: IAchievementAsset[];\n  };\n  feedback: TFeedback | null;\n}\n\nexport interface IProgressStat {\n  completed: number;\n  total: number;\n}\n\nexport interface IMonthlyActivity {\n  id: string;\n  node_type: NODE_TYPES;\n  card_type: CARD_TYPE;\n  card_header: CARD_TYPE | null;\n  feedback_comments: string | null;\n  state: NODE_STATE;\n  title?: string;\n  accuracy?: number | null;\n  subtext?: string | null;\n  is_timed?: boolean;\n  image_hue?: THueNames;\n  image_url?: string;\n  sat_max_score?: number | null;\n  sat_total_score?: number | null;\n  item_ref?: string | null;\n  thumbnail_url?: string;\n  user_attempt_id?: string | null;\n  tip: string | null;\n  user_block_id: string | null;\n  user_chapter_id: string | null;\n  user_node_id: string | null;\n}\n\nexport interface IAchievementAsset {\n  asset_id: string;\n  url: string;\n}\n\nexport interface IMonthlyReportProps {\n  reportId: string;\n  studentName: string;\n  onPuzzleClick?: (params: {\n    item_ref: IMonthlyActivity['item_ref'];\n    feedback_comments: IMonthlyActivity['feedback_comments'];\n    image_hue: IMonthlyActivity['image_hue'];\n    title: IMonthlyActivity['title'];\n    tip: IMonthlyActivity['tip'];\n  }) => void;\n  showSnackbar?: (params: { type: 'error' | 'info'; message: string; bgColor: string }) => void;\n  onFeedback?: (feedback: TFeedback, studentCourseId: string) => void;\n}\n\nexport type TClassType = 'REGULAR' | 'EXTRA';\nexport interface IClassEvent {\n  class_type: TClassType;\n  is_paused: boolean;\n  is_present: boolean;\n  status: string;\n  tag: string | null;\n  theme: string;\n  time: number;\n}\n\nexport type TCalendarData = Record<string, IClassEvent[]>;\n"],"names":["CARD_TYPE"],"mappings":"AAMY,IAAAA,sBAAAA,OACVA,EAAA,UAAY,WACZA,EAAA,SAAW,UACXA,EAAA,aAAe,cACfA,EAAA,WAAa,YACbA,EAAA,QAAU,SACVA,EAAA,QAAU,SACVA,EAAA,iBAAmB,kBACnBA,EAAA,WAAa,YACbA,EAAA,OAAS,QACTA,EAAA,WAAa,YACbA,EAAA,WAAa,YACbA,EAAA,YAAc,aACdA,EAAA,QAAU,SACVA,EAAA,aAAe,cACfA,EAAA,OAAS,QACTA,EAAA,aAAe,cACfA,EAAA,OAAS,QACTA,EAAA,SAAW,UACXA,EAAA,cAAgB,eAChBA,EAAA,WAAa,YACbA,EAAA,UAAY,WACZA,EAAA,cAAgB,eAChBA,EAAA,WAAa,YACbA,EAAA,cAAgB,eAChBA,EAAA,cAAgB,eAChBA,EAAA,iBAAmB,kBACnBA,EAAA,cAAgB,eAChBA,EAAA,uBAAyB,wBACzBA,EAAA,6BAA+B,8BAC/BA,EAAA,mBAAqB,oBACrBA,EAAA,cAAgB,eAChBA,EAAA,qBAAuB,sBACvBA,EAAA,iBAAmB,kBACnBA,EAAA,gBAAkB,iBAlCRA,IAAAA,KAAA,CAAA,CAAA;"}

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

@@ -1,79 +1,69 @@
-import { jsx as e, jsxs as R } from "react/jsx-runtime";
-import { memo as $, useCallback as k, useEffect as g } from "react";
-import { monthlyReportGet as F } from "./api/use-monthly-report-api.js";
-import S from "../../../ui/loader/app-loader/app-loader.js";
-import b from "../../../ui/error/error.js";
-import { MonthlyReportContainer as j } from "./monthly-report-styled.js";
-import M from "./comps/goals/goals.js";
-import N from "./comps/activities/activities.js";
-import y from "../../../ui/layout/flex-view.js";
-import P from "./comps/attendance/attendance.js";
-import E from "./comps/feedback/feedback.js";
-import G from "./comps/achievements/achievements.js";
-import { IS_APP_RUNNING_IN_RN as I } from "../../../../constants/app-config.js";
-import w from "../../../ui/separator/separator.js";
-const L = ({
-  studentName: i,
-  reportId: r,
-  onPuzzleClick: C,
-  showSnackbar: a,
-  onFeedback: v
+import { jsx as t, jsxs as u } from "react/jsx-runtime";
+import { memo as h, useCallback as _, useEffect as p } from "react";
+import { useMonthlyReportGet as g } from "./api/use-monthly-report-get.js";
+import y from "../../../ui/loader/app-loader/app-loader.js";
+import v from "../../../ui/error/error.js";
+import { MonthlyReportContainer as x } from "./monthly-report-styled.js";
+import R from "./comps/goals/goals.js";
+import A from "./comps/activities/activities.js";
+import c from "../../../ui/layout/flex-view.js";
+import C from "./comps/attendance/attendance.js";
+import $ from "./comps/feedback/feedback.js";
+import j from "./comps/achievements/achievements.js";
+import { IS_APP_RUNNING_IN_RN as D } from "../../../../constants/app-config.js";
+import I from "../../../ui/separator/separator.js";
+const M = ({
+  studentName: s,
+  reportId: o,
+  onPuzzleClick: f,
+  showSnackbar: n,
+  onFeedback: l
 }) => {
   const {
-    get: m,
-    data: c,
-    isProcessing: o,
-    isProcessingFailed: x,
-    isStale: l
-  } = F(r), {
-    progress_data: A,
-    calendar_data: p,
-    report_month: f,
-    report_year: h,
-    feedback: D,
-    student_course_ids: s
-  } = c || {}, {
-    user_milestones: d,
-    activities: u,
-    user_achievements: _
-  } = A || {}, t = k(() => {
-    m(r);
-  }, [m, r]);
-  if (g(() => {
-    t();
-  }, [t]), g(() => {
-    l && !o && t();
-  }, [l, o, t]), o && !c)
-    return /* @__PURE__ */ e(y, { $flex: 1, $alignItems: "center", $justifyContent: "center", children: /* @__PURE__ */ e(S, { height: "100dvh" }) });
-  if (x)
-    return /* @__PURE__ */ e(y, { $flex: 1, $alignItems: "center", $justifyContent: "center", children: /* @__PURE__ */ e(b, { onTryAgain: t }) });
-  const n = s == null ? void 0 : s[0];
-  return /* @__PURE__ */ R(j, { children: [
-    d && /* @__PURE__ */ e(M, { milestones: d, isExpended: !0 }),
-    u && /* @__PURE__ */ e(N, { activities: u, onPuzzleClick: C }),
-    _ && /* @__PURE__ */ e(G, { achievements: _, studentName: i }),
-    p && f && h && /* @__PURE__ */ e(
-      P,
+    get: a,
+    data: e,
+    isProcessing: i,
+    isProcessingFailed: d,
+    isStale: m
+  } = g(), r = _(() => {
+    a(o);
+  }, [a, o]);
+  return p(() => {
+    r();
+  }, [r]), p(() => {
+    m && !i && r();
+  }, [m, i, r]), i || !e ? /* @__PURE__ */ t(c, { $flex: 1, $alignItems: "center", $justifyContent: "center", children: /* @__PURE__ */ t(y, { height: "100dvh" }) }) : d ? /* @__PURE__ */ t(c, { $flex: 1, $alignItems: "center", $justifyContent: "center", children: /* @__PURE__ */ t(v, { onTryAgain: r }) }) : e ? /* @__PURE__ */ u(x, { children: [
+    /* @__PURE__ */ t(R, { milestones: e.progress_data.user_milestones, isExpended: !0 }),
+    /* @__PURE__ */ t(A, { activities: e.progress_data.activities, onPuzzleClick: f }),
+    /* @__PURE__ */ t(
+      j,
       {
-        calendarData: p,
-        reportMonth: f,
-        reportYear: h,
-        onDateClick: a
+        achievements: e.progress_data.user_achievements,
+        studentName: s
       }
     ),
-    I && !D && n && n ? /* @__PURE__ */ e(
-      E,
+    /* @__PURE__ */ t(
+      C,
       {
-        reportId: r,
-        studentName: i,
-        onFeedback: v,
-        studentCourseId: n,
-        showSnackbar: a
+        calendarData: e.calendar_data,
+        reportMonth: e.report_month,
+        reportYear: e.report_year,
+        onDateClick: n
       }
-    ) : /* @__PURE__ */ e(w, { heightX: 1 })
-  ] });
-}, te = $(L);
+    ),
+    D && !e.feedback && e.student_course_ids[0] ? /* @__PURE__ */ t(
+      $,
+      {
+        reportId: o,
+        studentName: s,
+        onFeedback: l,
+        studentCourseId: e.student_course_ids[0],
+        showSnackbar: n
+      }
+    ) : /* @__PURE__ */ t(I, { heightX: 1 })
+  ] }) : null;
+}, q = h(M);
 export {
-  te as default
+  q as default
 };
 //# sourceMappingURL=monthly-report.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"monthly-report.js","sources":["../../../../../src/features/timeline/monthly-timeline/monthly-report/monthly-report.tsx"],"sourcesContent":["import { type FC, memo, useCallback, useEffect } from 'react';\n\nimport { type IMonthlyReportProps } from './monthly-report-types';\nimport { monthlyReportGet } from './api/use-monthly-report-api';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport Error from '../../../ui/error/error';\nimport * as Styled from './monthly-report-styled';\nimport Goals from './comps/goals/goals';\nimport Activities from './comps/activities/activities';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Attendance from './comps/attendance/attendance';\nimport Feedback from './comps/feedback/feedback';\nimport Achievements from './comps/achievements/achievements';\nimport { IS_APP_RUNNING_IN_RN } from '../../../../constants/app-config';\nimport Separator from '../../../ui/separator/separator';\n\nconst MonthlyReport: FC<IMonthlyReportProps> = ({\n  studentName,\n  reportId,\n  onPuzzleClick,\n  showSnackbar,\n  onFeedback,\n}) => {\n  const {\n    get: getReport,\n    data: reportData,\n    isProcessing,\n    isProcessingFailed,\n    isStale,\n  } = monthlyReportGet(reportId);\n\n  const {\n    progress_data: progressData,\n    calendar_data: calendarData,\n    report_month: month,\n    report_year: year,\n    feedback,\n    student_course_ids: studentCourseIds,\n  } = reportData || {};\n\n  const {\n    user_milestones: userMilestones,\n    activities,\n    user_achievements: userAchievements,\n  } = progressData || {};\n\n  const fetchData = useCallback(() => {\n    getReport(reportId);\n  }, [getReport, reportId]);\n\n  useEffect(() => {\n    fetchData();\n  }, [fetchData]);\n\n  useEffect(() => {\n    if (isStale && !isProcessing) {\n      fetchData();\n    }\n  }, [isStale, isProcessing, fetchData]);\n\n  if (isProcessing && !reportData) {\n    return (\n      <FlexView $flex={1} $alignItems=\"center\" $justifyContent=\"center\">\n        <AppLoader height=\"100dvh\" />\n      </FlexView>\n    );\n  }\n\n  if (isProcessingFailed) {\n    return (\n      <FlexView $flex={1} $alignItems=\"center\" $justifyContent=\"center\">\n        <Error onTryAgain={fetchData} />\n      </FlexView>\n    );\n  }\n\n  const firstStudentCourseId = studentCourseIds?.[0];\n  const shouldShowFeedback = IS_APP_RUNNING_IN_RN && !feedback && firstStudentCourseId;\n  const hasCalendarData = calendarData && month && year;\n\n  return (\n    <Styled.MonthlyReportContainer>\n      {userMilestones && <Goals milestones={userMilestones} isExpended={true} />}\n\n      {activities && <Activities activities={activities} onPuzzleClick={onPuzzleClick} />}\n\n      {userAchievements && (\n        <Achievements achievements={userAchievements} studentName={studentName} />\n      )}\n\n      {hasCalendarData && (\n        <Attendance\n          calendarData={calendarData}\n          reportMonth={month}\n          reportYear={year}\n          onDateClick={showSnackbar}\n        />\n      )}\n\n      {shouldShowFeedback && firstStudentCourseId ? (\n        <Feedback\n          reportId={reportId}\n          studentName={studentName}\n          onFeedback={onFeedback}\n          studentCourseId={firstStudentCourseId}\n          showSnackbar={showSnackbar}\n        />\n      ) : (\n        <Separator heightX={1} />\n      )}\n    </Styled.MonthlyReportContainer>\n  );\n};\n\nexport default memo(MonthlyReport);\n"],"names":["MonthlyReport","studentName","reportId","onPuzzleClick","showSnackbar","onFeedback","getReport","reportData","isProcessing","isProcessingFailed","isStale","monthlyReportGet","progressData","calendarData","month","year","feedback","studentCourseIds","userMilestones","activities","userAchievements","fetchData","useCallback","useEffect","jsx","FlexView","AppLoader","Error","firstStudentCourseId","jsxs","Styled.MonthlyReportContainer","Goals","Activities","Achievements","Attendance","IS_APP_RUNNING_IN_RN","Feedback","Separator","monthlyReport","memo"],"mappings":";;;;;;;;;;;;;;AAgBA,MAAMA,IAAyC,CAAC;AAAA,EAC9C,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AACF,MAAM;AACE,QAAA;AAAA,IACJ,KAAKC;AAAA,IACL,MAAMC;AAAA,IACN,cAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,SAAAC;AAAA,EAAA,IACEC,EAAiBT,CAAQ,GAEvB;AAAA,IACJ,eAAeU;AAAA,IACf,eAAeC;AAAA,IACf,cAAcC;AAAA,IACd,aAAaC;AAAA,IACb,UAAAC;AAAA,IACA,oBAAoBC;AAAA,EAAA,IAClBV,KAAc,CAAA,GAEZ;AAAA,IACJ,iBAAiBW;AAAA,IACjB,YAAAC;AAAA,IACA,mBAAmBC;AAAA,EAAA,IACjBR,KAAgB,CAAA,GAEdS,IAAYC,EAAY,MAAM;AAClC,IAAAhB,EAAUJ,CAAQ;AAAA,EAAA,GACjB,CAACI,GAAWJ,CAAQ,CAAC;AAYpB,MAVJqB,EAAU,MAAM;AACJ,IAAAF;EAAA,GACT,CAACA,CAAS,CAAC,GAEdE,EAAU,MAAM;AACV,IAAAb,KAAW,CAACF,KACJa;EAEX,GAAA,CAACX,GAASF,GAAca,CAAS,CAAC,GAEjCb,KAAgB,CAACD;AACnB,WACG,gBAAAiB,EAAAC,GAAA,EAAS,OAAO,GAAG,aAAY,UAAS,iBAAgB,UACvD,UAAC,gBAAAD,EAAAE,GAAA,EAAU,QAAO,SAAA,CAAS,EAC7B,CAAA;AAIJ,MAAIjB;AACF,WACG,gBAAAe,EAAAC,GAAA,EAAS,OAAO,GAAG,aAAY,UAAS,iBAAgB,UACvD,UAAC,gBAAAD,EAAAG,GAAA,EAAM,YAAYN,EAAA,CAAW,EAChC,CAAA;AAIE,QAAAO,IAAuBX,KAAA,gBAAAA,EAAmB;AAK9C,SAAA,gBAAAY,EAACC,GAAA,EACE,UAAA;AAAA,IAAAZ,KAAmB,gBAAAM,EAAAO,GAAA,EAAM,YAAYb,GAAgB,YAAY,IAAM;AAAA,IAEvEC,KAAc,gBAAAK,EAACQ,GAAW,EAAA,YAAAb,GAAwB,eAAAhB,EAA8B,CAAA;AAAA,IAEhFiB,KACC,gBAAAI,EAACS,GAAa,EAAA,cAAcb,GAAkB,aAAAnB,GAA0B;AAAA,IATtDY,KAAgBC,KAASC,KAa3C,gBAAAS;AAAA,MAACU;AAAA,MAAA;AAAA,QACC,cAAArB;AAAA,QACA,aAAaC;AAAA,QACb,YAAYC;AAAA,QACZ,aAAaX;AAAA,MAAA;AAAA,IACf;AAAA,IAnBqB+B,KAAwB,CAACnB,KAAYY,KAsBrCA,IACrB,gBAAAJ;AAAA,MAACY;AAAA,MAAA;AAAA,QACC,UAAAlC;AAAA,QACA,aAAAD;AAAA,QACA,YAAAI;AAAA,QACA,iBAAiBuB;AAAA,QACjB,cAAAxB;AAAA,MAAA;AAAA,IAGF,IAAA,gBAAAoB,EAACa,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,EAE3B,EAAA,CAAA;AAEJ,GAEeC,KAAAC,EAAKvC,CAAa;"}
+{"version":3,"file":"monthly-report.js","sources":["../../../../../src/features/timeline/monthly-timeline/monthly-report/monthly-report.tsx"],"sourcesContent":["import { type FC, memo, useCallback, useEffect } from 'react';\n\nimport { type IMonthlyReportProps } from './monthly-report-types';\nimport { useMonthlyReportGet } from './api/use-monthly-report-get';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport Error from '../../../ui/error/error';\nimport * as Styled from './monthly-report-styled';\nimport Goals from './comps/goals/goals';\nimport Activities from './comps/activities/activities';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Attendance from './comps/attendance/attendance';\nimport Feedback from './comps/feedback/feedback';\nimport Achievements from './comps/achievements/achievements';\nimport { IS_APP_RUNNING_IN_RN } from '../../../../constants/app-config';\nimport Separator from '../../../ui/separator/separator';\n\nconst MonthlyReport: FC<IMonthlyReportProps> = ({\n  studentName,\n  reportId,\n  onPuzzleClick,\n  showSnackbar,\n  onFeedback,\n}) => {\n  const {\n    get: getReport,\n    data: reportData,\n    isProcessing,\n    isProcessingFailed,\n    isStale,\n  } = useMonthlyReportGet();\n\n  const fetchData = useCallback(() => {\n    getReport(reportId);\n  }, [getReport, reportId]);\n\n  useEffect(() => {\n    fetchData();\n  }, [fetchData]);\n\n  useEffect(() => {\n    if (isStale && !isProcessing) {\n      fetchData();\n    }\n  }, [isStale, isProcessing, fetchData]);\n\n  if (isProcessing || !reportData) {\n    return (\n      <FlexView $flex={1} $alignItems=\"center\" $justifyContent=\"center\">\n        <AppLoader height=\"100dvh\" />\n      </FlexView>\n    );\n  }\n\n  if (isProcessingFailed) {\n    return (\n      <FlexView $flex={1} $alignItems=\"center\" $justifyContent=\"center\">\n        <Error onTryAgain={fetchData} />\n      </FlexView>\n    );\n  }\n\n  if (!reportData) {\n    return null;\n  }\n\n  return (\n    <Styled.MonthlyReportContainer>\n      <Goals milestones={reportData.progress_data.user_milestones} isExpended={true} />\n      <Activities activities={reportData.progress_data.activities} onPuzzleClick={onPuzzleClick} />\n      <Achievements\n        achievements={reportData.progress_data.user_achievements}\n        studentName={studentName}\n      />\n      <Attendance\n        calendarData={reportData.calendar_data}\n        reportMonth={reportData.report_month}\n        reportYear={reportData.report_year}\n        onDateClick={showSnackbar}\n      />\n      {IS_APP_RUNNING_IN_RN && !reportData.feedback && reportData.student_course_ids[0] ? (\n        <Feedback\n          reportId={reportId}\n          studentName={studentName}\n          onFeedback={onFeedback}\n          studentCourseId={reportData.student_course_ids[0]}\n          showSnackbar={showSnackbar}\n        />\n      ) : (\n        <Separator heightX={1} />\n      )}\n    </Styled.MonthlyReportContainer>\n  );\n};\n\nexport default memo(MonthlyReport);\n"],"names":["MonthlyReport","studentName","reportId","onPuzzleClick","showSnackbar","onFeedback","getReport","reportData","isProcessing","isProcessingFailed","isStale","useMonthlyReportGet","fetchData","useCallback","useEffect","jsx","FlexView","AppLoader","Error","jsxs","Styled.MonthlyReportContainer","Goals","Activities","Achievements","Attendance","IS_APP_RUNNING_IN_RN","Feedback","Separator","monthlyReport","memo"],"mappings":";;;;;;;;;;;;;;AAgBA,MAAMA,IAAyC,CAAC;AAAA,EAC9C,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AACF,MAAM;AACE,QAAA;AAAA,IACJ,KAAKC;AAAA,IACL,MAAMC;AAAA,IACN,cAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,SAAAC;AAAA,MACEC,EAAoB,GAElBC,IAAYC,EAAY,MAAM;AAClC,IAAAP,EAAUJ,CAAQ;AAAA,EAAA,GACjB,CAACI,GAAWJ,CAAQ,CAAC;AAYpB,SAVJY,EAAU,MAAM;AACJ,IAAAF;EAAA,GACT,CAACA,CAAS,CAAC,GAEdE,EAAU,MAAM;AACV,IAAAJ,KAAW,CAACF,KACJI;EAEX,GAAA,CAACF,GAASF,GAAcI,CAAS,CAAC,GAEjCJ,KAAgB,CAACD,IAEhB,gBAAAQ,EAAAC,GAAA,EAAS,OAAO,GAAG,aAAY,UAAS,iBAAgB,UACvD,UAAC,gBAAAD,EAAAE,GAAA,EAAU,QAAO,SAAA,CAAS,EAC7B,CAAA,IAIAR,IAEC,gBAAAM,EAAAC,GAAA,EAAS,OAAO,GAAG,aAAY,UAAS,iBAAgB,UACvD,UAAC,gBAAAD,EAAAG,GAAA,EAAM,YAAYN,EAAA,CAAW,EAChC,CAAA,IAICL,IAKH,gBAAAY,EAACC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAL,EAACM,KAAM,YAAYd,EAAW,cAAc,iBAAiB,YAAY,IAAM;AAAA,sBAC9Ee,GAAW,EAAA,YAAYf,EAAW,cAAc,YAAY,eAAAJ,GAA8B;AAAA,IAC3F,gBAAAY;AAAA,MAACQ;AAAA,MAAA;AAAA,QACC,cAAchB,EAAW,cAAc;AAAA,QACvC,aAAAN;AAAA,MAAA;AAAA,IACF;AAAA,IACA,gBAAAc;AAAA,MAACS;AAAA,MAAA;AAAA,QACC,cAAcjB,EAAW;AAAA,QACzB,aAAaA,EAAW;AAAA,QACxB,YAAYA,EAAW;AAAA,QACvB,aAAaH;AAAA,MAAA;AAAA,IACf;AAAA,IACCqB,KAAwB,CAAClB,EAAW,YAAYA,EAAW,mBAAmB,CAAC,IAC9E,gBAAAQ;AAAA,MAACW;AAAA,MAAA;AAAA,QACC,UAAAxB;AAAA,QACA,aAAAD;AAAA,QACA,YAAAI;AAAA,QACA,iBAAiBE,EAAW,mBAAmB,CAAC;AAAA,QAChD,cAAAH;AAAA,MAAA;AAAA,IAGF,IAAA,gBAAAW,EAACY,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,EAE3B,EAAA,CAAA,IA5BO;AA8BX,GAEeC,IAAAC,EAAK7B,CAAa;"}

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

@@ -1,65 +1,62 @@
-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 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 P from "../../ui/text/text.js";
-import T from "../../ui/image/image.js";
-import s from "../../ui/separator/separator.js";
-import { yearImages as R, monthNames as X } from "./constants.js";
-import j from "../../ui/error/error.js";
-import { ImageContainer as F, DateText as M } from "./monthly-timeline-styled.js";
-import { getTimezone as S } from "../../../helpers/date-time.js";
-import { ILLUSTRATIONS as B } from "../../../assets/illustrations/illustrations.js";
-const v = ({
-  userType: h,
-  studentId: n,
-  courseStreams: l,
-  onReportClick: $
+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 i = C(
-    () => ({
-      course_streams: h === "TEACHER" ? l : [],
-      timezone: S()
-    }),
-    [l, h]
-  ), {
-    get: c,
+  const {
+    get: l,
     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 }),
+    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(
-          w,
+          _,
           {
             reports: r.reports,
             month: r.month,
             year: r.year,
-            onReportClick: $
+            onReportClick: d
           }
         )
       ] })
     ] }, `${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." })
+  }) }) : /* @__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." })
   ] }) });
-}, W = I(v);
+}, J = x(S);
 export {
-  W as default
+  J 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 } 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/timeline-tabs/timeline-tabs.js

@@ -1,28 +1,42 @@
-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,
+import { jsx as t } from "react/jsx-runtime";
+import { memo as a } from "react";
+import { TabContainer as d, TabItem as c } from "./timeline-tabs.styled.js";
+import { ETAB_IDS as r } from "./timeline-tabs-types.js";
+import h from "../../ui/text/text.js";
+const T = ({ onTabClick: o, activeTab: n, headerHeight: l }) => {
+  const m = [
     {
-      $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 })
+      id: r.DAILY,
+      label: "Daily",
+      path: "daily"
     },
-    e.id
-  );
-}) }), A = m(s);
+    {
+      id: r.MONTHLY,
+      label: "Monthly",
+      path: "monthly"
+    }
+  ];
+  return /* @__PURE__ */ t(d, { $heightX: 4, $headerHeight: l, children: m.map((e) => {
+    const i = e.id === n;
+    return /* @__PURE__ */ t(
+      c,
+      {
+        $isActive: i,
+        $justifyContent: "center",
+        $borderColor: "BLACK_T_38",
+        $background: i ? "BLACK_1" : "WHITE",
+        $gapX: 0.46875,
+        $gutterX: 1,
+        $widthX: 6.5,
+        $width: "100%",
+        onClick: () => o(e.id),
+        children: /* @__PURE__ */ t(h, { $renderAs: "ac4", $color: i ? "WHITE" : "BLACK_T_38", children: e.label })
+      },
+      e.id
+    );
+  }) });
+}, C = a(T);
 export {
-  A as default
+  C as default
 };
 //# sourceMappingURL=timeline-tabs.js.map

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

@@ -1 +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;"}
+{"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 { ETAB_IDS, type ITab, type IProgressTimelineTabs } from './timeline-tabs-types';\nimport Text from '../../ui/text/text';\n\nconst TimelineTabs = ({ onTabClick, activeTab, headerHeight }: IProgressTimelineTabs) => {\n  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\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","TABS","ETAB_IDS","jsx","Styled.TabContainer","tab","isActive","Styled.TabItem","Text","timelineTabs","memo"],"mappings":";;;;;AAMA,MAAMA,IAAe,CAAC,EAAE,YAAAC,GAAY,WAAAC,GAAW,cAAAC,QAA0C;AACvF,QAAMC,IAAe;AAAA,IACnB;AAAA,MACE,IAAIC,EAAS;AAAA,MACb,OAAO;AAAA,MACP,MAAM;AAAA,IACR;AAAA,IACA;AAAA,MACE,IAAIA,EAAS;AAAA,MACb,OAAO;AAAA,MACP,MAAM;AAAA,IACR;AAAA,EAAA;AAIA,SAAA,gBAAAC,EAACC,GAAA,EAAoB,UAAU,GAAG,eAAeJ,GAC9C,UAAKC,EAAA,IAAI,CAAOI,MAAA;AACT,UAAAC,IAAWD,EAAI,OAAON;AAG1B,WAAA,gBAAAI;AAAA,MAACI;AAAAA,MAAA;AAAA,QAEC,WAAWD;AAAA,QACX,iBAAgB;AAAA,QAChB,cAAa;AAAA,QACb,aAAaA,IAAW,YAAY;AAAA,QACpC,OAAO;AAAA,QACP,UAAU;AAAA,QACV,SAAS;AAAA,QACT,QAAO;AAAA,QACP,SAAS,MAAMR,EAAWO,EAAI,EAAE;AAAA,QAEhC,UAAA,gBAAAF,EAACK,KAAK,WAAU,OAAM,QAAQF,IAAW,UAAU,cAChD,UAAAD,EAAI,MACP,CAAA;AAAA,MAAA;AAAA,MAbKA,EAAI;AAAA,IAAA;AAAA,EAgBd,CAAA,EACH,CAAA;AAEJ,GAEeI,IAAAC,EAAKb,CAAY;"}

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

@@ -4,8 +4,8 @@ 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
+    ((100% * 0.5) - (512px * 0.5) - 104px - 32px)
+  ); // 104 tab width + 32 left right margin of container
 `;
 i(o)`
   flex: 1;

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

@@ -1 +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;"}
+{"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) - (512px * 0.5) - 104px - 32px)\n  ); // 104 tab width + 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

@@ -278,8 +278,7 @@ declare enum CARD_TYPE {
     'trial_basic' = "trial_basic",
     'trial_intermediate' = "trial_intermediate",
     'trial_advanced' = "trial_advanced",
-    'sat_mock_test' = "sat_mock_test",
-    'pdf' = "pdf"
+    'sat_mock_test' = "sat_mock_test"
 }
 
 export declare const CardTitle: MemoExoticComponent<({ cardHeader, nodeType, courseType, }: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cuemath/leap",
-  "version": "3.5.32-as10",
+  "version": "3.5.32-as3",
   "type": "module",
   "files": [
     "dist"

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

@@ -1 +0,0 @@
-{"version":3,"file":"use-monthly-report-api.js","sources":["../../../../../../src/features/timeline/monthly-timeline/monthly-report/api/use-monthly-report-api.ts"],"sourcesContent":["import { createGetAPI, createPatchAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V1 } from '../../../../../constants/api';\nimport { type IMonthlyReportResponse } from '../monthly-report-types';\n\nconst { useGet: monthlyReportGet, invalidate: invalidateMonthlyReport } =\n  createGetAPI<IMonthlyReportResponse>({\n    getURL: (reportId: string) => {\n      return `${BASE_URL_V1}/monthly-progress-reports/${reportId}`;\n    },\n  });\n\nconst { usePatch: monthlyReportPatch } = createPatchAPI<\n  IMonthlyReportResponse,\n  { feedback: string }\n>({\n  getURL: (reportId: string) => {\n    return `${BASE_URL_V1}/monthly-progress-reports/${reportId}`;\n  },\n});\n\nexport { monthlyReportGet, monthlyReportPatch, invalidateMonthlyReport };\n"],"names":["monthlyReportGet","invalidateMonthlyReport","createGetAPI","reportId","BASE_URL_V1","monthlyReportPatch","createPatchAPI"],"mappings":";;AAKA,MAAM,EAAE,QAAQA,GAAkB,YAAYC,EAAA,IAC5CC,EAAqC;AAAA,EACnC,QAAQ,CAACC,MACA,GAAGC,CAAW,6BAA6BD,CAAQ;AAE9D,CAAC,GAEG,EAAE,UAAUE,EAAmB,IAAIC,EAGvC;AAAA,EACA,QAAQ,CAACH,MACA,GAAGC,CAAW,6BAA6BD,CAAQ;AAE9D,CAAC;"}

package/dist/features/timeline/monthly-timeline/monthly-report/comps/activities/activities-card-puzzles/activity-puzzle-card.js

@@ -1,66 +0,0 @@
-import { jsxs as d, jsx as t } from "react/jsx-runtime";
-import { memo as f, useCallback as p } from "react";
-import { PuzzleContainer as E, StatusIcon as T } from "./activities-card-puzzles.styled.js";
-import g from "../../../../../../ui/layout/flex-view.js";
-import _ from "../../../../../../ui/image/image.js";
-import A from "../../../../../../ui/separator/separator.js";
-import b from "../../../../../../ui/text/text.js";
-import { NODE_STATE as o } from "../../../../../daily-timeline/daily-timeline-types.js";
-import { stateIcon as h } from "../constants.js";
-function I({ puzzle: u, onPuzzleClick: e }) {
-  const {
-    image_url: m,
-    state: r,
-    item_ref: n,
-    feedback_comments: c,
-    image_hue: i,
-    title: a,
-    tip: s
-  } = u, $ = p(() => {
-    e == null || e({ item_ref: n, feedback_comments: c, image_hue: i, title: a, tip: s });
-  }, [e, n, c, i, a, s]), l = r === o.PENDING || r === o.NOT_STARTED ? "RED" : "BLACK_1";
-  return /* @__PURE__ */ d(
-    E,
-    {
-      $gapX: 1,
-      $imageHue: i || "BLUE",
-      $width: 146,
-      $height: 162,
-      $background: `${i || "BLUE"}_2`,
-      onClick: $,
-      children: [
-        /* @__PURE__ */ t(
-          T,
-          {
-            $borderRadiusX: 1,
-            $background: l,
-            $widthX: 1,
-            $heightX: 1,
-            $alignItems: "center",
-            $justifyContent: "center",
-            children: r && (h[r] || h[o.COMPLETED])
-          }
-        ),
-        /* @__PURE__ */ d(g, { $background: "TRANSPARENT", $alignItems: "center", children: [
-          m && /* @__PURE__ */ t(
-            _,
-            {
-              src: m ?? "",
-              alt: "Puzzle illustration",
-              width: 68,
-              height: 68,
-              withLoader: !0
-            }
-          ),
-          /* @__PURE__ */ t(A, { heightX: 1 }),
-          /* @__PURE__ */ t(g, { $gutterX: 0.25, children: /* @__PURE__ */ t(b, { $renderAs: "ab3", $align: "center", children: a }) })
-        ] })
-      ]
-    }
-  );
-}
-const C = f(I);
-export {
-  C as default
-};
-//# sourceMappingURL=activity-puzzle-card.js.map

package/dist/features/timeline/monthly-timeline/monthly-report/comps/activities/activities-card-puzzles/activity-puzzle-card.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"activity-puzzle-card.js","sources":["../../../../../../../../src/features/timeline/monthly-timeline/monthly-report/comps/activities/activities-card-puzzles/activity-puzzle-card.tsx"],"sourcesContent":["import { memo, useCallback } from 'react';\n\nimport * as Styled from './activities-card-puzzles.styled';\nimport FlexView from '../../../../../../ui/layout/flex-view';\nimport Image from '../../../../../../ui/image/image';\nimport Separator from '../../../../../../ui/separator/separator';\nimport Text from '../../../../../../ui/text/text';\nimport { NODE_STATE } from '../../../../../daily-timeline/daily-timeline-types';\nimport { stateIcon } from '../constants';\nimport { type IActivityPuzzleCardProps } from './activities-card-puzzles-types';\n\nfunction ActivityPuzzleCard({ puzzle, onPuzzleClick }: IActivityPuzzleCardProps) {\n  const {\n    image_url: imageUrl,\n    state,\n    item_ref,\n    feedback_comments,\n    image_hue: imageHue,\n    title,\n    tip,\n  } = puzzle;\n\n  const handlePuzzleClick = useCallback(() => {\n    onPuzzleClick?.({ item_ref, feedback_comments, image_hue: imageHue, title, tip });\n  }, [onPuzzleClick, item_ref, feedback_comments, imageHue, title, tip]);\n  const statusBg =\n    state === NODE_STATE.PENDING || state === NODE_STATE.NOT_STARTED ? 'RED' : 'BLACK_1';\n\n  return (\n    <Styled.PuzzleContainer\n      $gapX={1}\n      $imageHue={imageHue || 'BLUE'}\n      $width={146}\n      $height={162}\n      $background={`${imageHue || 'BLUE'}_2`}\n      onClick={handlePuzzleClick}\n    >\n      <Styled.StatusIcon\n        $borderRadiusX={1}\n        $background={statusBg}\n        $widthX={1}\n        $heightX={1}\n        $alignItems=\"center\"\n        $justifyContent=\"center\"\n      >\n        {state && (stateIcon[state as NODE_STATE] || stateIcon[NODE_STATE.COMPLETED])}\n      </Styled.StatusIcon>\n      <FlexView $background=\"TRANSPARENT\" $alignItems=\"center\">\n        {imageUrl && (\n          <Image\n            src={imageUrl ?? ''}\n            alt=\"Puzzle illustration\"\n            width={68}\n            height={68}\n            withLoader={true}\n          />\n        )}\n        <Separator heightX={1} />\n        <FlexView $gutterX={0.25}>\n          <Text $renderAs=\"ab3\" $align=\"center\">\n            {title}\n          </Text>\n        </FlexView>\n      </FlexView>\n    </Styled.PuzzleContainer>\n  );\n}\n\nexport default memo(ActivityPuzzleCard);\n"],"names":["ActivityPuzzleCard","puzzle","onPuzzleClick","imageUrl","state","item_ref","feedback_comments","imageHue","title","tip","handlePuzzleClick","useCallback","statusBg","NODE_STATE","jsxs","Styled.PuzzleContainer","jsx","Styled.StatusIcon","stateIcon","FlexView","Image","Separator","Text","ActivityPuzzleCard$1","memo"],"mappings":";;;;;;;;;AAWA,SAASA,EAAmB,EAAE,QAAAC,GAAQ,eAAAC,KAA2C;AACzE,QAAA;AAAA,IACJ,WAAWC;AAAA,IACX,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,WAAWC;AAAA,IACX,OAAAC;AAAA,IACA,KAAAC;AAAA,EACE,IAAAR,GAEES,IAAoBC,EAAY,MAAM;AAC1C,IAAAT,KAAA,QAAAA,EAAgB,EAAE,UAAAG,GAAU,mBAAAC,GAAmB,WAAWC,GAAU,OAAAC,GAAO,KAAAC;EAAK,GAC/E,CAACP,GAAeG,GAAUC,GAAmBC,GAAUC,GAAOC,CAAG,CAAC,GAC/DG,IACJR,MAAUS,EAAW,WAAWT,MAAUS,EAAW,cAAc,QAAQ;AAG3E,SAAA,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP,WAAWR,KAAY;AAAA,MACvB,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,aAAa,GAAGA,KAAY,MAAM;AAAA,MAClC,SAASG;AAAA,MAET,UAAA;AAAA,QAAA,gBAAAM;AAAA,UAACC;AAAAA,UAAA;AAAA,YACC,gBAAgB;AAAA,YAChB,aAAaL;AAAA,YACb,SAAS;AAAA,YACT,UAAU;AAAA,YACV,aAAY;AAAA,YACZ,iBAAgB;AAAA,YAEf,gBAAUM,EAAUd,CAAmB,KAAKc,EAAUL,EAAW,SAAS;AAAA,UAAA;AAAA,QAC7E;AAAA,QACC,gBAAAC,EAAAK,GAAA,EAAS,aAAY,eAAc,aAAY,UAC7C,UAAA;AAAA,UACChB,KAAA,gBAAAa;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,KAAKjB,KAAY;AAAA,cACjB,KAAI;AAAA,cACJ,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,YAAY;AAAA,YAAA;AAAA,UACd;AAAA,UAEF,gBAAAa,EAACK,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,UACvB,gBAAAL,EAACG,GAAS,EAAA,UAAU,MAClB,UAAA,gBAAAH,EAACM,GAAK,EAAA,WAAU,OAAM,QAAO,UAC1B,UAAAd,EACH,CAAA,GACF;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,MAAee,IAAAC,EAAKxB,CAAkB;"}

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

@@ -1,17 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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;"}