@cuemath/leap 3.5.4-as5 → 3.5.4-as7

package/dist/features/timeline/api/use-daily-timeline-get.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-daily-timeline-get.js","sources":["../../../../src/features/timeline/api/use-daily-timeline-get.ts"],"sourcesContent":["import { createGetAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V3 } from '../../../constants/api';\nimport { stringify } from '../../../helpers/query-string';\nimport type { TCourseStream } from '../../milestone/create/milestone-create-types';\n\nexport type TState = 'COMPLETED' | 'IN_PROGRESS' | 'PENDING';\n\nexport interface ItemRef {\n  ref: string;\n}\n\nexport interface TimeLineItem {\n  accuracy: number | null;\n  block_type: string | null;\n  card_type?: string;\n  chapter_name: string | null;\n  feedback_comments: string | null;\n  image_hue: string | null;\n  is_timed: boolean;\n  items: ItemRef[] | null;\n  label: string;\n  learnosity_activity_ref: string | null;\n  node_id: string;\n  node_type: string;\n  max_score: number | null;\n  points: number | null;\n  state: TState;\n  subtext: string | null;\n  task_type: string | null;\n  time_taken: number | null;\n  tip: string | null;\n  title: string;\n  total_questions: number | null;\n  total_score: number | null;\n  user_id?: string;\n  user_node_id: string;\n}\n\nexport interface TimeLineEntry {\n  cards: TimeLineItem[];\n  course_stream: TCourseStream | 'CIRCLE' | null;\n  summary: string | null;\n  type: 'CW' | 'HW' | 'CIRCLE';\n}\n\nexport type TimelineData = {\n  daily_logs: TimeLineEntry[];\n\n  from_date: string;\n  to_date: string;\n};\n\nexport type TimelineResponse = {\n  curr_page: number | null;\n  next_page: number | null;\n  per_page: number | null;\n  total_pages: number | null;\n  user_logs: TimelineData[];\n};\n\ninterface GetUserTimelineParams {\n  course_stream?: TCourseStream[];\n  page?: number; // defaults to 1\n  size?: number; // defaults to 10 - page size means no of dates data\n  timezone: string;\n}\n\nconst { useGet: useDailyTimelineGet } = createGetAPI<TimelineResponse, GetUserTimelineParams>({\n  getURL: (studentId: string, queryParams) => {\n    return `${BASE_URL_V3}/user-timeline/${studentId}?${stringify(queryParams)}`;\n  },\n});\n\nexport { useDailyTimelineGet };\n"],"names":["useDailyTimelineGet","createGetAPI","studentId","queryParams","BASE_URL_V3","stringify"],"mappings":";;;AAoEA,MAAM,EAAE,QAAQA,EAAoB,IAAIC,EAAsD;AAAA,EAC5F,QAAQ,CAACC,GAAmBC,MACnB,GAAGC,CAAW,kBAAkBF,CAAS,IAAIG,EAAUF,CAAW,CAAC;AAE9E,CAAC;"}
+{"version":3,"file":"use-daily-timeline-get.js","sources":["../../../../src/features/timeline/api/use-daily-timeline-get.ts"],"sourcesContent":["import { createGetAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V3 } from '../../../constants/api';\nimport { stringify } from '../../../helpers/query-string';\nimport type { TCourseStream } from '../../milestone/create/milestone-create-types';\n\nexport type TState = 'COMPLETED' | 'IN_PROGRESS' | 'PENDING';\n\nexport interface ItemRef {\n  ref: string;\n}\n\nexport interface TimeLineItem {\n  accuracy: number | null;\n  block_type: string | null;\n  card_type?: string;\n  chapter_name: string | null;\n  feedback_comments: string | null;\n  image_hue: string | null;\n  is_timed: boolean;\n  items: ItemRef[] | null;\n  label: string;\n  learnosity_activity_ref: string | null;\n  max_score: number | null;\n  node_id: string;\n  node_type: string;\n  points: number | null;\n  state: TState;\n  subtext: string | null;\n  task_type: string | null;\n  time_taken: number | null;\n  tip: string | null;\n  title: string;\n  total_questions: number | null;\n  total_score: number | null;\n  user_block_id: string | null;\n  user_id?: string;\n  user_node_id: string;\n}\n\nexport interface TimeLineEntry {\n  cards: TimeLineItem[];\n  course_stream: TCourseStream | 'CIRCLE' | null;\n  summary: string | null;\n  type: 'CW' | 'HW' | 'CIRCLE';\n}\n\nexport type TimelineData = {\n  daily_logs: TimeLineEntry[];\n\n  from_date: string;\n  to_date: string;\n};\n\nexport type TimelineResponse = {\n  curr_page: number | null;\n  next_page: number | null;\n  per_page: number | null;\n  total_pages: number | null;\n  user_logs: TimelineData[];\n};\n\ninterface GetUserTimelineParams {\n  course_stream?: TCourseStream[];\n  page?: number; // defaults to 1\n  size?: number; // defaults to 10 - page size means no of dates data\n  timezone: string;\n}\n\nconst { useGet: useDailyTimelineGet } = createGetAPI<TimelineResponse, GetUserTimelineParams>({\n  getURL: (studentId: string, queryParams) => {\n    return `${BASE_URL_V3}/user-timeline/${studentId}?${stringify(queryParams)}`;\n  },\n});\n\nexport { useDailyTimelineGet };\n"],"names":["useDailyTimelineGet","createGetAPI","studentId","queryParams","BASE_URL_V3","stringify"],"mappings":";;;AAqEA,MAAM,EAAE,QAAQA,EAAoB,IAAIC,EAAsD;AAAA,EAC5F,QAAQ,CAACC,GAAmBC,MACnB,GAAGC,CAAW,kBAAkBF,CAAS,IAAIG,EAAUF,CAAW,CAAC;AAE9E,CAAC;"}

package/dist/features/timeline/comps/accordion-item/accordion-item.js

@@ -1,44 +1,53 @@
 import { jsxs as o, jsx as r } from "react/jsx-runtime";
-import { memo as A, useCallback as h } from "react";
-import f from "../../../ui/buttons/text-button/text-button.js";
-import i from "../../../ui/layout/flex-view.js";
-import c from "../../../ui/text/text.js";
-import { getStateColor as _, getStateIcon as w } from "./utils.js";
-const C = A(
-  ({ userType: l, card: $, onPuzzleClick: n, onReviewClick: d }) => {
-    const { label: t, title: x, state: s, subtext: a, user_node_id: e } = $, b = t === "PUZZLE", m = w(s), u = h(() => {
-      t === "PUZZLE" && l === "TEACHER" && e && n && n(e);
-    }, [t, n, e, l]), p = h(() => {
-      d && e && d(e);
-    }, [d, e]);
-    return /* @__PURE__ */ o(i, { $flexDirection: "row", $flexGapX: 1.5, children: [
-      /* @__PURE__ */ r(i, { $background: _(s), $borderRadiusX: 0.5, $width: 16, $height: 16, children: m && /* @__PURE__ */ r(m, { width: 16, height: 16 }) }),
-      /* @__PURE__ */ o(i, { $flexRowGapX: 0.25, children: [
-        /* @__PURE__ */ o(c, { $renderAs: "ub3", children: [
-          /* @__PURE__ */ o(c, { $renderAs: "ub3-bold", $inline: !0, children: [
-            t,
+import { memo as k, useCallback as b } from "react";
+import p from "../../../ui/buttons/text-button/text-button.js";
+import t from "../../../ui/layout/flex-view.js";
+import s from "../../../ui/text/text.js";
+import { getStateColor as C, getStateIcon as B } from "./utils.js";
+import { BLOCK_TYPE as S } from "../../../chapters-v2/constants/block-constants.js";
+const g = k(
+  ({ userType: n, card: _, onPuzzleClick: l, onReviewClick: i }) => {
+    const {
+      label: d,
+      title: $,
+      state: a,
+      subtext: m,
+      user_node_id: e,
+      block_type: T,
+      user_block_id: h
+    } = _, x = d === "PUZZLE", u = B(a), c = n === "TEACHER" || n === "STUDENT", A = b(() => {
+      c && e && l && l(e);
+    }, [l, c, e]), f = T === S.SAT_MOCK_TEST, w = b(() => {
+      i && e && i(e, f, h);
+    }, [f, i, h, e]);
+    return /* @__PURE__ */ o(t, { $flexDirection: "row", $flexGapX: 1.5, children: [
+      /* @__PURE__ */ r(t, { $background: C(a), $borderRadiusX: 0.5, $width: 16, $height: 16, children: u && /* @__PURE__ */ r(u, { width: 16, height: 16 }) }),
+      /* @__PURE__ */ o(t, { $flexRowGapX: 0.25, children: [
+        /* @__PURE__ */ o(s, { $renderAs: "ub3", children: [
+          /* @__PURE__ */ o(s, { $renderAs: "ub3-bold", $inline: !0, children: [
+            d,
             ":"
           ] }),
           " ",
-          x
+          $
         ] }),
-        b ? /* @__PURE__ */ r(
-          f,
+        x ? /* @__PURE__ */ r(
+          p,
           {
             label: "View assigned puzzle",
             size: "small",
             color: "BLACK_T_60",
-            onClick: u
+            onClick: A
           }
-        ) : /* @__PURE__ */ o(i, { $flexDirection: "row", $flexGapX: 0.25, children: [
-          a && /* @__PURE__ */ r(c, { $renderAs: "ub3", $color: "BLACK_T_60", children: a }),
-          l === "TEACHER" && /* @__PURE__ */ r(
-            f,
+        ) : /* @__PURE__ */ o(t, { $flexDirection: "row", $flexGapX: 0.25, children: [
+          m && /* @__PURE__ */ r(s, { $renderAs: "ub3", $color: "BLACK_T_60", children: m }),
+          c && /* @__PURE__ */ r(
+            p,
             {
               label: "Review",
               size: "small",
               color: "BLACK_T_60",
-              onClick: p
+              onClick: w
             }
           )
         ] })
@@ -46,8 +55,8 @@ const C = A(
     ] });
   }
 );
-C.displayName = "AccordionItem";
+g.displayName = "AccordionItem";
 export {
-  C as default
+  g as default
 };
 //# sourceMappingURL=accordion-item.js.map

package/dist/features/timeline/comps/accordion-item/accordion-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion-item.js","sources":["../../../../../src/features/timeline/comps/accordion-item/accordion-item.tsx"],"sourcesContent":["import { memo, useCallback, type FC } from 'react';\n\nimport TextButton from '../../../ui/buttons/text-button/text-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport type { AccordionItemProps } from './accordion-item-types';\nimport { getStateColor, getStateIcon } from './utils';\n\nconst AccordionItem: FC<AccordionItemProps> = memo(\n  ({ userType, card, onPuzzleClick, onReviewClick }) => {\n    const { label, title, state, subtext, user_node_id: userNodeId } = card;\n    const isPuzzle = label === 'PUZZLE';\n    const Icon = getStateIcon(state);\n\n    const handleClick = useCallback(() => {\n      if (label === 'PUZZLE' && userType === 'TEACHER' && userNodeId && onPuzzleClick) {\n        onPuzzleClick(userNodeId);\n      }\n    }, [label, onPuzzleClick, userNodeId, userType]);\n\n    const handleReviewClick = useCallback(() => {\n      if (onReviewClick && userNodeId) {\n        onReviewClick(userNodeId);\n      }\n    }, [onReviewClick, userNodeId]);\n\n    return (\n      <FlexView $flexDirection=\"row\" $flexGapX={1.5}>\n        <FlexView $background={getStateColor(state)} $borderRadiusX={0.5} $width={16} $height={16}>\n          {Icon && <Icon width={16} height={16} />}\n        </FlexView>\n        <FlexView $flexRowGapX={0.25}>\n          <Text $renderAs=\"ub3\">\n            <Text $renderAs=\"ub3-bold\" $inline>\n              {label}:\n            </Text>{' '}\n            {title}\n          </Text>\n          {isPuzzle ? (\n            <TextButton\n              label=\"View assigned puzzle\"\n              size=\"small\"\n              color=\"BLACK_T_60\"\n              onClick={handleClick}\n            />\n          ) : (\n            <FlexView $flexDirection=\"row\" $flexGapX={0.25}>\n              {subtext && (\n                <Text $renderAs=\"ub3\" $color=\"BLACK_T_60\">\n                  {subtext}\n                </Text>\n              )}\n              {userType === 'TEACHER' && (\n                <TextButton\n                  label=\"Review\"\n                  size=\"small\"\n                  color=\"BLACK_T_60\"\n                  onClick={handleReviewClick}\n                />\n              )}\n            </FlexView>\n          )}\n        </FlexView>\n      </FlexView>\n    );\n  },\n);\n\nAccordionItem.displayName = 'AccordionItem';\n\nexport default AccordionItem;\n"],"names":["AccordionItem","memo","userType","card","onPuzzleClick","onReviewClick","label","title","state","subtext","userNodeId","isPuzzle","Icon","getStateIcon","handleClick","useCallback","handleReviewClick","jsxs","FlexView","jsx","getStateColor","Text","TextButton"],"mappings":";;;;;;AAQA,MAAMA,IAAwCC;AAAA,EAC5C,CAAC,EAAE,UAAAC,GAAU,MAAAC,GAAM,eAAAC,GAAe,eAAAC,QAAoB;AACpD,UAAM,EAAE,OAAAC,GAAO,OAAAC,GAAO,OAAAC,GAAO,SAAAC,GAAS,cAAcC,EAAe,IAAAP,GAC7DQ,IAAWL,MAAU,UACrBM,IAAOC,EAAaL,CAAK,GAEzBM,IAAcC,EAAY,MAAM;AACpC,MAAIT,MAAU,YAAYJ,MAAa,aAAaQ,KAAcN,KAChEA,EAAcM,CAAU;AAAA,OAEzB,CAACJ,GAAOF,GAAeM,GAAYR,CAAQ,CAAC,GAEzCc,IAAoBD,EAAY,MAAM;AAC1C,MAAIV,KAAiBK,KACnBL,EAAcK,CAAU;AAAA,IAC1B,GACC,CAACL,GAAeK,CAAU,CAAC;AAE9B,WACG,gBAAAO,EAAAC,GAAA,EAAS,gBAAe,OAAM,WAAW,KACxC,UAAA;AAAA,MAAA,gBAAAC,EAACD,KAAS,aAAaE,EAAcZ,CAAK,GAAG,gBAAgB,KAAK,QAAQ,IAAI,SAAS,IACpF,eAAS,gBAAAW,EAAAP,GAAA,EAAK,OAAO,IAAI,QAAQ,GAAI,CAAA,GACxC;AAAA,MACA,gBAAAK,EAACC,GAAS,EAAA,cAAc,MACtB,UAAA;AAAA,QAAC,gBAAAD,EAAAI,GAAA,EAAK,WAAU,OACd,UAAA;AAAA,UAAA,gBAAAJ,EAACI,GAAK,EAAA,WAAU,YAAW,SAAO,IAC/B,UAAA;AAAA,YAAAf;AAAA,YAAM;AAAA,UAAA,GACT;AAAA,UAAQ;AAAA,UACPC;AAAA,QAAA,GACH;AAAA,QACCI,IACC,gBAAAQ;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,MAAK;AAAA,YACL,OAAM;AAAA,YACN,SAASR;AAAA,UAAA;AAAA,QAAA,IAGV,gBAAAG,EAAAC,GAAA,EAAS,gBAAe,OAAM,WAAW,MACvC,UAAA;AAAA,UAAAT,uBACEY,GAAK,EAAA,WAAU,OAAM,QAAO,cAC1B,UACHZ,GAAA;AAAA,UAEDP,MAAa,aACZ,gBAAAiB;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,MAAK;AAAA,cACL,OAAM;AAAA,cACN,SAASN;AAAA,YAAA;AAAA,UACX;AAAA,QAAA,GAEJ;AAAA,MAAA,GAEJ;AAAA,IACF,EAAA,CAAA;AAAA,EAEJ;AACF;AAEAhB,EAAc,cAAc;"}
+{"version":3,"file":"accordion-item.js","sources":["../../../../../src/features/timeline/comps/accordion-item/accordion-item.tsx"],"sourcesContent":["import { memo, useCallback, type FC } from 'react';\n\nimport TextButton from '../../../ui/buttons/text-button/text-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport type { AccordionItemProps } from './accordion-item-types';\nimport { getStateColor, getStateIcon } from './utils';\nimport { BLOCK_TYPE } from '../../../chapters-v2/constants/block-constants';\n\nconst AccordionItem: FC<AccordionItemProps> = memo(\n  ({ userType, card, onPuzzleClick, onReviewClick }) => {\n    const {\n      label,\n      title,\n      state,\n      subtext,\n      user_node_id: userNodeId,\n      block_type: blockType,\n      user_block_id: userBlockId,\n    } = card;\n    const isPuzzle = label === 'PUZZLE';\n    const Icon = getStateIcon(state);\n\n    const shouldShowReview = userType === 'TEACHER' || userType === 'STUDENT';\n\n    const handlePuzzleClick = useCallback(() => {\n      if (shouldShowReview && userNodeId && onPuzzleClick) {\n        onPuzzleClick(userNodeId);\n      }\n    }, [onPuzzleClick, shouldShowReview, userNodeId]);\n    const isSatMockTestBlock = blockType === BLOCK_TYPE.SAT_MOCK_TEST;\n\n    const handleReviewClick = useCallback(() => {\n      if (onReviewClick && userNodeId) {\n        onReviewClick(userNodeId, isSatMockTestBlock, userBlockId);\n      }\n    }, [isSatMockTestBlock, onReviewClick, userBlockId, userNodeId]);\n\n    return (\n      <FlexView $flexDirection=\"row\" $flexGapX={1.5}>\n        <FlexView $background={getStateColor(state)} $borderRadiusX={0.5} $width={16} $height={16}>\n          {Icon && <Icon width={16} height={16} />}\n        </FlexView>\n        <FlexView $flexRowGapX={0.25}>\n          <Text $renderAs=\"ub3\">\n            <Text $renderAs=\"ub3-bold\" $inline>\n              {label}:\n            </Text>{' '}\n            {title}\n          </Text>\n          {isPuzzle ? (\n            <TextButton\n              label=\"View assigned puzzle\"\n              size=\"small\"\n              color=\"BLACK_T_60\"\n              onClick={handlePuzzleClick}\n            />\n          ) : (\n            <FlexView $flexDirection=\"row\" $flexGapX={0.25}>\n              {subtext && (\n                <Text $renderAs=\"ub3\" $color=\"BLACK_T_60\">\n                  {subtext}\n                </Text>\n              )}\n              {shouldShowReview && (\n                <TextButton\n                  label=\"Review\"\n                  size=\"small\"\n                  color=\"BLACK_T_60\"\n                  onClick={handleReviewClick}\n                />\n              )}\n            </FlexView>\n          )}\n        </FlexView>\n      </FlexView>\n    );\n  },\n);\n\nAccordionItem.displayName = 'AccordionItem';\n\nexport default AccordionItem;\n"],"names":["AccordionItem","memo","userType","card","onPuzzleClick","onReviewClick","label","title","state","subtext","userNodeId","blockType","userBlockId","isPuzzle","Icon","getStateIcon","shouldShowReview","handlePuzzleClick","useCallback","isSatMockTestBlock","BLOCK_TYPE","handleReviewClick","jsxs","FlexView","jsx","getStateColor","Text","TextButton"],"mappings":";;;;;;;AASA,MAAMA,IAAwCC;AAAA,EAC5C,CAAC,EAAE,UAAAC,GAAU,MAAAC,GAAM,eAAAC,GAAe,eAAAC,QAAoB;AAC9C,UAAA;AAAA,MACJ,OAAAC;AAAA,MACA,OAAAC;AAAA,MACA,OAAAC;AAAA,MACA,SAAAC;AAAA,MACA,cAAcC;AAAA,MACd,YAAYC;AAAA,MACZ,eAAeC;AAAA,IACb,IAAAT,GACEU,IAAWP,MAAU,UACrBQ,IAAOC,EAAaP,CAAK,GAEzBQ,IAAmBd,MAAa,aAAaA,MAAa,WAE1De,IAAoBC,EAAY,MAAM;AACtC,MAAAF,KAAoBN,KAAcN,KACpCA,EAAcM,CAAU;AAAA,IAEzB,GAAA,CAACN,GAAeY,GAAkBN,CAAU,CAAC,GAC1CS,IAAqBR,MAAcS,EAAW,eAE9CC,IAAoBH,EAAY,MAAM;AAC1C,MAAIb,KAAiBK,KACLL,EAAAK,GAAYS,GAAoBP,CAAW;AAAA,OAE1D,CAACO,GAAoBd,GAAeO,GAAaF,CAAU,CAAC;AAE/D,WACG,gBAAAY,EAAAC,GAAA,EAAS,gBAAe,OAAM,WAAW,KACxC,UAAA;AAAA,MAAA,gBAAAC,EAACD,KAAS,aAAaE,EAAcjB,CAAK,GAAG,gBAAgB,KAAK,QAAQ,IAAI,SAAS,IACpF,eAAS,gBAAAgB,EAAAV,GAAA,EAAK,OAAO,IAAI,QAAQ,GAAI,CAAA,GACxC;AAAA,MACA,gBAAAQ,EAACC,GAAS,EAAA,cAAc,MACtB,UAAA;AAAA,QAAC,gBAAAD,EAAAI,GAAA,EAAK,WAAU,OACd,UAAA;AAAA,UAAA,gBAAAJ,EAACI,GAAK,EAAA,WAAU,YAAW,SAAO,IAC/B,UAAA;AAAA,YAAApB;AAAA,YAAM;AAAA,UAAA,GACT;AAAA,UAAQ;AAAA,UACPC;AAAA,QAAA,GACH;AAAA,QACCM,IACC,gBAAAW;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,MAAK;AAAA,YACL,OAAM;AAAA,YACN,SAASV;AAAA,UAAA;AAAA,QAAA,IAGV,gBAAAK,EAAAC,GAAA,EAAS,gBAAe,OAAM,WAAW,MACvC,UAAA;AAAA,UAAAd,uBACEiB,GAAK,EAAA,WAAU,OAAM,QAAO,cAC1B,UACHjB,GAAA;AAAA,UAEDO,KACC,gBAAAQ;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,MAAK;AAAA,cACL,OAAM;AAAA,cACN,SAASN;AAAA,YAAA;AAAA,UACX;AAAA,QAAA,GAEJ;AAAA,MAAA,GAEJ;AAAA,IACF,EAAA,CAAA;AAAA,EAEJ;AACF;AAEArB,EAAc,cAAc;"}

package/dist/features/timeline/comps/month-break.js

@@ -0,0 +1,17 @@
+import { jsx as e } from "react/jsx-runtime";
+import a from "styled-components";
+import i from "../../ui/layout/flex-view.js";
+import { monthImageMap as n } from "./accordion-item/utils.js";
+const m = a(i)`
+  margin-top: ${({ $isLastYear: r }) => r ? "-46px" : "0"};
+  background-image: url(${({ $img: r }) => r});
+  background-size: cover;
+  background-position: center;
+`, u = ({ fromMonth: r, isLastDayOfMth: t }) => {
+  const o = n[String(r).padStart(2, "0")];
+  return r && t ? /* @__PURE__ */ e(m, { $isLastYear: t, $img: o, $width: "100%", $height: 246 }) : null;
+};
+export {
+  u as default
+};
+//# sourceMappingURL=month-break.js.map

package/dist/features/timeline/comps/month-break.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"month-break.js","sources":["../../../../src/features/timeline/comps/month-break.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../ui/layout/flex-view';\nimport { monthImageMap } from './accordion-item/utils';\n\nconst MonthImageWrapper = styled(FlexView)<{ $isLastYear: boolean; $img: string }>`\n  margin-top: ${({ $isLastYear }) => ($isLastYear ? '-46px' : '0')};\n  background-image: url(${({ $img }) => $img});\n  background-size: cover;\n  background-position: center;\n`;\n\ninterface MonthBreakProps {\n  fromMonth: number;\n  isLastDayOfMth: boolean;\n}\n\nconst MonthBreak = ({ fromMonth, isLastDayOfMth }: MonthBreakProps) => {\n  const Image = monthImageMap[String(fromMonth).padStart(2, '0') as keyof typeof monthImageMap];\n\n  if (fromMonth && isLastDayOfMth)\n    return (\n      <MonthImageWrapper $isLastYear={isLastDayOfMth} $img={Image} $width={'100%'} $height={246} />\n    );\n\n  return null;\n};\n\nexport default MonthBreak;\n"],"names":["MonthImageWrapper","styled","FlexView","$isLastYear","$img","MonthBreak","fromMonth","isLastDayOfMth","Image","monthImageMap","jsx"],"mappings":";;;;AAKA,MAAMA,IAAoBC,EAAOC,CAAQ;AAAA,gBACzB,CAAC,EAAE,aAAAC,EAAA,MAAmBA,IAAc,UAAU,GAAI;AAAA,0BACxC,CAAC,EAAE,MAAAC,EAAK,MAAMA,CAAI;AAAA;AAAA;AAAA,GAUtCC,IAAa,CAAC,EAAE,WAAAC,GAAW,gBAAAC,QAAsC;AAC/D,QAAAC,IAAQC,EAAc,OAAOH,CAAS,EAAE,SAAS,GAAG,GAAG,CAA+B;AAE5F,SAAIA,KAAaC,IAEb,gBAAAG,EAACV,KAAkB,aAAaO,GAAgB,MAAMC,GAAO,QAAQ,QAAQ,SAAS,IAAK,CAAA,IAGxF;AACT;"}

package/dist/features/timeline/comps/year-break.js

@@ -0,0 +1,15 @@
+import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import i from "styled-components";
+import a from "../../ui/layout/flex-view.js";
+import m from "../../ui/separator/separator.js";
+import l from "../../ui/text/text.js";
+const n = i(a)`
+  z-index: 1;
+`, x = ({ toYear: e, isLastDayOfYear: t }) => t ? /* @__PURE__ */ o(n, { $gutterX: 1, children: [
+  /* @__PURE__ */ r(m, { heightX: 1 }),
+  /* @__PURE__ */ r(l, { $renderAs: "ac4-black", $color: "BLACK_T_60", children: e })
+] }) : null;
+export {
+  x as default
+};
+//# sourceMappingURL=year-break.js.map

package/dist/features/timeline/comps/year-break.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"year-break.js","sources":["../../../../src/features/timeline/comps/year-break.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../ui/layout/flex-view';\nimport Separator from '../../ui/separator/separator';\nimport Text from '../../ui/text/text';\n\nconst YearWrapper = styled(FlexView)`\n  z-index: 1;\n`;\n\ninterface YearBreakProps {\n  toYear: number;\n  isLastDayOfYear: boolean;\n}\n\nconst YearBreak = ({ toYear, isLastDayOfYear }: YearBreakProps) => {\n  if (isLastDayOfYear) {\n    return (\n      <YearWrapper $gutterX={1}>\n        <Separator heightX={1} />\n        <Text $renderAs=\"ac4-black\" $color=\"BLACK_T_60\">\n          {toYear}\n        </Text>\n      </YearWrapper>\n    );\n  }\n\n  return null;\n};\n\nexport default YearBreak;\n"],"names":["YearWrapper","styled","FlexView","YearBreak","toYear","isLastDayOfYear","jsxs","jsx","Separator","Text"],"mappings":";;;;;AAMA,MAAMA,IAAcC,EAAOC,CAAQ;AAAA;AAAA,GAS7BC,IAAY,CAAC,EAAE,QAAAC,GAAQ,iBAAAC,QACvBA,IAEA,gBAAAC,EAACN,GAAY,EAAA,UAAU,GACrB,UAAA;AAAA,EAAC,gBAAAO,EAAAC,GAAA,EAAU,SAAS,EAAG,CAAA;AAAA,oBACtBC,GAAK,EAAA,WAAU,aAAY,QAAO,cAChC,UACHL,GAAA;AACF,EAAA,CAAA,IAIG;"}

package/dist/features/timeline/daily-timeline/daily-timeline-items/daily-timeline-items.js

@@ -1,14 +1,14 @@
 import { jsx as o } from "react/jsx-runtime";
-import { memo as c, useMemo as s } from "react";
+import { memo as p, useMemo as s } from "react";
 import g from "../../../ui/layout/flex-view.js";
 import h from "../../../ui/simple-accordian/accordion.js";
 import u from "../../comps/accordion-item/accordion-item.js";
 import { getTimelineCardIcon as $ } from "../../comps/accordion-item/utils.js";
 import { Card as x } from "./daily-timeline-items-styled.js";
-const B = c(
+const B = p(
   ({
     type: e,
-    summary: i,
+    summary: r,
     cards: t,
     onPuzzleClick: n,
     onReviewClick: l,
@@ -16,29 +16,29 @@ const B = c(
     shouldShowTag: a,
     userType: f
   }) => {
-    const p = s(() => $(e), [e]);
+    const c = s(() => $(e), [e]);
     return /* @__PURE__ */ o(
       h,
       {
         tag: a ? d : void 0,
-        title: i,
+        title: r,
         defaultExpanded: !1,
-        icon: p,
-        children: t.length > 0 && /* @__PURE__ */ o(g, { $gutter: 32, $marginBottom: 24, children: t.map((m, r) => /* @__PURE__ */ o(
+        icon: c ?? "",
+        children: t.length > 0 && /* @__PURE__ */ o(g, { $gutter: 32, $marginBottom: 24, children: t.map((i, m) => /* @__PURE__ */ o(
           x,
           {
-            $isLastCard: r === t.length - 1,
+            $isLastCard: m === t.length - 1,
             children: /* @__PURE__ */ o(
               u,
               {
                 userType: f,
-                card: m,
+                card: i,
                 onPuzzleClick: n,
                 onReviewClick: l
               }
             )
           },
-          `${m.node_id}-${r}`
+          `${i.node_id}-${m}`
         )) })
       }
     );

package/dist/features/timeline/daily-timeline/daily-timeline-items/daily-timeline-items.js.map

@@ -1 +1 @@
-{"version":3,"file":"daily-timeline-items.js","sources":["../../../../../src/features/timeline/daily-timeline/daily-timeline-items/daily-timeline-items.tsx"],"sourcesContent":["import { memo, useMemo, type FC } from 'react';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Accordion from '../../../ui/simple-accordian/accordion';\nimport AccordionItem from '../../comps/accordion-item/accordion-item';\nimport { getTimelineCardIcon } from '../../comps/accordion-item/utils';\nimport * as Styled from './daily-timeline-items-styled';\nimport type { DailyTimelineItemsProps } from './daily-timeline-items.types';\n\nconst DailyTimelineItems: FC<DailyTimelineItemsProps> = memo(\n  ({\n    type,\n    summary,\n    cards,\n    onPuzzleClick,\n    onReviewClick,\n    courseStream,\n    shouldShowTag,\n    userType,\n  }) => {\n    const icon = useMemo(() => getTimelineCardIcon(type), [type]);\n\n    return (\n      <Accordion\n        tag={shouldShowTag ? courseStream : undefined}\n        title={summary}\n        defaultExpanded={false}\n        icon={icon}\n      >\n        {cards.length > 0 && (\n          <FlexView $gutter={32} $marginBottom={24}>\n            {cards.map((card, index) => (\n              <Styled.Card\n                key={`${card.node_id}-${index}`}\n                $isLastCard={index === cards.length - 1}\n              >\n                <AccordionItem\n                  userType={userType}\n                  card={card}\n                  onPuzzleClick={onPuzzleClick}\n                  onReviewClick={onReviewClick}\n                />\n              </Styled.Card>\n            ))}\n          </FlexView>\n        )}\n      </Accordion>\n    );\n  },\n);\n\nexport default DailyTimelineItems;\n"],"names":["DailyTimelineItems","memo","type","summary","cards","onPuzzleClick","onReviewClick","courseStream","shouldShowTag","userType","icon","useMemo","getTimelineCardIcon","jsx","Accordion","FlexView","card","index","Styled.Card","AccordionItem"],"mappings":";;;;;;;AASA,MAAMA,IAAkDC;AAAA,EACtD,CAAC;AAAA,IACC,MAAAC;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC;AAAA,IACA,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,cAAAC;AAAA,IACA,eAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,MACI;AACE,UAAAC,IAAOC,EAAQ,MAAMC,EAAoBV,CAAI,GAAG,CAACA,CAAI,CAAC;AAG1D,WAAA,gBAAAW;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,KAAKN,IAAgBD,IAAe;AAAA,QACpC,OAAOJ;AAAA,QACP,iBAAiB;AAAA,QACjB,MAAAO;AAAA,QAEC,UAAMN,EAAA,SAAS,KACd,gBAAAS,EAACE,GAAS,EAAA,SAAS,IAAI,eAAe,IACnC,UAAAX,EAAM,IAAI,CAACY,GAAMC,MAChB,gBAAAJ;AAAA,UAACK;AAAAA,UAAA;AAAA,YAEC,aAAaD,MAAUb,EAAM,SAAS;AAAA,YAEtC,UAAA,gBAAAS;AAAA,cAACM;AAAA,cAAA;AAAA,gBACC,UAAAV;AAAA,gBACA,MAAAO;AAAA,gBACA,eAAAX;AAAA,gBACA,eAAAC;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,UARK,GAAGU,EAAK,OAAO,IAAIC,CAAK;AAAA,QAUhC,CAAA,GACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;"}
+{"version":3,"file":"daily-timeline-items.js","sources":["../../../../../src/features/timeline/daily-timeline/daily-timeline-items/daily-timeline-items.tsx"],"sourcesContent":["import { memo, useMemo, type FC } from 'react';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Accordion from '../../../ui/simple-accordian/accordion';\nimport AccordionItem from '../../comps/accordion-item/accordion-item';\nimport { getTimelineCardIcon } from '../../comps/accordion-item/utils';\nimport * as Styled from './daily-timeline-items-styled';\nimport type { DailyTimelineItemsProps } from './daily-timeline-items.types';\n\nconst DailyTimelineItems: FC<DailyTimelineItemsProps> = memo(\n  ({\n    type,\n    summary,\n    cards,\n    onPuzzleClick,\n    onReviewClick,\n    courseStream,\n    shouldShowTag,\n    userType,\n  }) => {\n    const icon = useMemo(() => getTimelineCardIcon(type), [type]);\n\n    return (\n      <Accordion\n        tag={shouldShowTag ? courseStream : undefined}\n        title={summary}\n        defaultExpanded={false}\n        icon={icon ?? ''}\n      >\n        {cards.length > 0 && (\n          <FlexView $gutter={32} $marginBottom={24}>\n            {cards.map((card, index) => (\n              <Styled.Card\n                key={`${card.node_id}-${index}`}\n                $isLastCard={index === cards.length - 1}\n              >\n                <AccordionItem\n                  userType={userType}\n                  card={card}\n                  onPuzzleClick={onPuzzleClick}\n                  onReviewClick={onReviewClick}\n                />\n              </Styled.Card>\n            ))}\n          </FlexView>\n        )}\n      </Accordion>\n    );\n  },\n);\n\nexport default DailyTimelineItems;\n"],"names":["DailyTimelineItems","memo","type","summary","cards","onPuzzleClick","onReviewClick","courseStream","shouldShowTag","userType","icon","useMemo","getTimelineCardIcon","jsx","Accordion","FlexView","card","index","Styled.Card","AccordionItem"],"mappings":";;;;;;;AASA,MAAMA,IAAkDC;AAAA,EACtD,CAAC;AAAA,IACC,MAAAC;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC;AAAA,IACA,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,cAAAC;AAAA,IACA,eAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,MACI;AACE,UAAAC,IAAOC,EAAQ,MAAMC,EAAoBV,CAAI,GAAG,CAACA,CAAI,CAAC;AAG1D,WAAA,gBAAAW;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,KAAKN,IAAgBD,IAAe;AAAA,QACpC,OAAOJ;AAAA,QACP,iBAAiB;AAAA,QACjB,MAAMO,KAAQ;AAAA,QAEb,UAAMN,EAAA,SAAS,KACd,gBAAAS,EAACE,GAAS,EAAA,SAAS,IAAI,eAAe,IACnC,UAAAX,EAAM,IAAI,CAACY,GAAMC,MAChB,gBAAAJ;AAAA,UAACK;AAAAA,UAAA;AAAA,YAEC,aAAaD,MAAUb,EAAM,SAAS;AAAA,YAEtC,UAAA,gBAAAS;AAAA,cAACM;AAAA,cAAA;AAAA,gBACC,UAAAV;AAAA,gBACA,MAAAO;AAAA,gBACA,eAAAX;AAAA,gBACA,eAAAC;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,UARK,GAAGU,EAAK,OAAO,IAAIC,CAAK;AAAA,QAUhC,CAAA,GACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;"}

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

@@ -1,37 +1,26 @@
-import t from "styled-components";
-import e from "../../ui/layout/flex-view.js";
-const a = t(e)`
+import o from "styled-components";
+import t from "../../ui/layout/flex-view.js";
+const n = o(t)`
   overflow-y: auto;
   width: 100%;
-`, p = t(e)`
+`, m = o(t)`
   max-width: 512px;
   width: 100%;
-`, d = t(e)`
+`, d = o(t)`
   & > div {
     border-bottom: none;
   }
   & > div:last-child {
-    border-bottom: 1px solid ${({ theme: o, $borderBottomColor: i }) => o.colors[i]};
+    border-bottom: 1px solid ${({ theme: i, $borderBottomColor: e }) => i.colors[e]};
   }
-`, l = t(e)`
-  margin-top: ${({ $addedmonthbreak: o }) => o ? "-122px" : "0"};
-  z-index: 1;
-`, m = t(e)`
-  margin-top: ${({ $isLastYear: o }) => o ? "-46px" : "0"};
-  background-image: url(${({ $img: o }) => o});
-  background-size: cover;
-  background-position: center;
-  width: 100%;
-  height: 246px;
-`, c = t(e)`
+`, a = o(t)`
+  margin-top: ${({ $addedmonthbreak: i }) => i ? "-122px" : "0"};
   z-index: 1;
 `;
 export {
-  l as DailyItems,
-  p as DailyTimelineContainer,
+  a as DailyItems,
+  m as DailyTimelineContainer,
   d as DailyTimelineItemsContainer,
-  m as MonthImageWrapper,
-  a as ScrollWrapper,
-  c as YearWrapper
+  n as ScrollWrapper
 };
 //# sourceMappingURL=daily-timeline-styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"daily-timeline-styled.js","sources":["../../../../src/features/timeline/daily-timeline/daily-timeline-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../ui/layout/flex-view';\nimport { type TColorNames } from '../../ui/types';\n\nconst ScrollWrapper = styled(FlexView)`\n  overflow-y: auto;\n  width: 100%;\n`;\n\nconst DailyTimelineContainer = styled(FlexView)`\n  max-width: 512px;\n  width: 100%;\n`;\n\nconst DailyTimelineItemsContainer = styled(FlexView)<{ $borderBottomColor: TColorNames }>`\n  & > div {\n    border-bottom: none;\n  }\n  & > div:last-child {\n    border-bottom: 1px solid ${({ theme, $borderBottomColor }) => theme.colors[$borderBottomColor]};\n  }\n`;\n\nconst DailyItems = styled(FlexView)<{ $addedmonthbreak?: boolean }>`\n  margin-top: ${({ $addedmonthbreak }) => ($addedmonthbreak ? '-122px' : '0')};\n  z-index: 1;\n`;\n\nconst MonthImageWrapper = styled(FlexView)<{ $isLastYear: boolean; $img: string }>`\n  margin-top: ${({ $isLastYear }) => ($isLastYear ? '-46px' : '0')};\n  background-image: url(${({ $img }) => $img});\n  background-size: cover;\n  background-position: center;\n  width: 100%;\n  height: 246px;\n`;\n\nconst YearWrapper = styled(FlexView)`\n  z-index: 1;\n`;\n\nexport {\n  DailyTimelineContainer,\n  DailyItems,\n  MonthImageWrapper,\n  YearWrapper,\n  DailyTimelineItemsContainer,\n  ScrollWrapper,\n};\n"],"names":["ScrollWrapper","styled","FlexView","DailyTimelineContainer","DailyTimelineItemsContainer","theme","$borderBottomColor","DailyItems","$addedmonthbreak","MonthImageWrapper","$isLastYear","$img","YearWrapper"],"mappings":";;AAKM,MAAAA,IAAgBC,EAAOC,CAAQ;AAAA;AAAA;AAAA,GAK/BC,IAAyBF,EAAOC,CAAQ;AAAA;AAAA;AAAA,GAKxCE,IAA8BH,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,+BAKpB,CAAC,EAAE,OAAAG,GAAO,oBAAAC,EAAA,MAAyBD,EAAM,OAAOC,CAAkB,CAAC;AAAA;AAAA,GAI5FC,IAAaN,EAAOC,CAAQ;AAAA,gBAClB,CAAC,EAAE,kBAAAM,EAAA,MAAwBA,IAAmB,WAAW,GAAI;AAAA;AAAA,GAIvEC,IAAoBR,EAAOC,CAAQ;AAAA,gBACzB,CAAC,EAAE,aAAAQ,EAAA,MAAmBA,IAAc,UAAU,GAAI;AAAA,0BACxC,CAAC,EAAE,MAAAC,EAAK,MAAMA,CAAI;AAAA;AAAA;AAAA;AAAA;AAAA,GAOtCC,IAAcX,EAAOC,CAAQ;AAAA;AAAA;"}
+{"version":3,"file":"daily-timeline-styled.js","sources":["../../../../src/features/timeline/daily-timeline/daily-timeline-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../ui/layout/flex-view';\nimport { type TColorNames } from '../../ui/types';\n\nconst ScrollWrapper = styled(FlexView)`\n  overflow-y: auto;\n  width: 100%;\n`;\n\nconst DailyTimelineContainer = styled(FlexView)`\n  max-width: 512px;\n  width: 100%;\n`;\n\nconst DailyTimelineItemsContainer = styled(FlexView)<{ $borderBottomColor: TColorNames }>`\n  & > div {\n    border-bottom: none;\n  }\n  & > div:last-child {\n    border-bottom: 1px solid ${({ theme, $borderBottomColor }) => theme.colors[$borderBottomColor]};\n  }\n`;\n\nconst DailyItems = styled(FlexView)<{ $addedmonthbreak?: boolean }>`\n  margin-top: ${({ $addedmonthbreak }) => ($addedmonthbreak ? '-122px' : '0')};\n  z-index: 1;\n`;\n\nexport { DailyTimelineContainer, DailyItems, DailyTimelineItemsContainer, ScrollWrapper };\n"],"names":["ScrollWrapper","styled","FlexView","DailyTimelineContainer","DailyTimelineItemsContainer","theme","$borderBottomColor","DailyItems","$addedmonthbreak"],"mappings":";;AAKM,MAAAA,IAAgBC,EAAOC,CAAQ;AAAA;AAAA;AAAA,GAK/BC,IAAyBF,EAAOC,CAAQ;AAAA;AAAA;AAAA,GAKxCE,IAA8BH,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,+BAKpB,CAAC,EAAE,OAAAG,GAAO,oBAAAC,EAAA,MAAyBD,EAAM,OAAOC,CAAkB,CAAC;AAAA;AAAA,GAI5FC,IAAaN,EAAOC,CAAQ;AAAA,gBAClB,CAAC,EAAE,kBAAAM,EAAA,MAAwBA,IAAmB,WAAW,GAAI;AAAA;AAAA;"}

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

@@ -1,108 +1,100 @@
-import { jsx as e, jsxs as s } from "react/jsx-runtime";
-import { memo as G, useMemo as v, useState as x, useRef as U, useCallback as Z, useEffect as $ } from "react";
-import { ILLUSTRATIONS as q } from "../../../assets/illustrations/illustrations.js";
-import { Loader as J } from "../../ui/buttons/button/button-styled.js";
-import Q from "../../ui/error/error.js";
-import u from "../../ui/layout/flex-view.js";
-import ee from "../../ui/loader/app-loader/app-loader.js";
-import m from "../../ui/separator/separator.js";
-import te from "../../ui/simple-accordian/accordion.js";
-import N from "../../ui/text/text.js";
-import { useDailyTimelineGet as re } from "../api/use-daily-timeline-get.js";
-import { getTimelineCardIcon as oe, getDayMonthYear as O, monthImageMap as ie } from "../comps/accordion-item/utils.js";
-import ne from "./daily-timeline-items/daily-timeline-items.js";
-import { ScrollWrapper as ae, DailyTimelineContainer as le, YearWrapper as se, MonthImageWrapper as me, DailyItems as ce, DailyTimelineItemsContainer as he } from "./daily-timeline-styled.js";
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import { memo as G, useMemo as b, useState as v, useRef as U, useCallback as W, useEffect as g } from "react";
+import { ILLUSTRATIONS as Z } from "../../../assets/illustrations/illustrations.js";
+import { Loader as q } from "../../ui/buttons/button/button-styled.js";
+import J from "../../ui/error/error.js";
+import p from "../../ui/layout/flex-view.js";
+import Q from "../../ui/loader/app-loader/app-loader.js";
+import u from "../../ui/separator/separator.js";
+import ee from "../../ui/simple-accordian/accordion.js";
+import te from "../../ui/text/text.js";
+import { useDailyTimelineGet as oe } from "../api/use-daily-timeline-get.js";
+import { getTimelineCardIcon as re, getDayMonthYear as x } from "../comps/accordion-item/utils.js";
+import ie from "./daily-timeline-items/daily-timeline-items.js";
+import { ScrollWrapper as ne, DailyTimelineContainer as ae, DailyItems as me, DailyTimelineItemsContainer as se } from "./daily-timeline-styled.js";
+import le from "../comps/month-break.js";
+import ce from "../comps/year-break.js";
 import { parseISO as B } from "../../../node_modules/date-fns/parseISO.js";
 import { isLastDayOfMonth as fe } from "../../../node_modules/date-fns/isLastDayOfMonth.js";
-const de = G(
-  ({ userType: c, studentId: h, courseStreams: a, onPuzzlesClick: X, onReviewClick: j, scrollAreaHeight: k }) => {
-    const T = v(() => Intl.DateTimeFormat().resolvedOptions().timeZone, []), [y, L] = x([]), [f, C] = x(!1), _ = U(null), K = v(() => oe("NO_ACTIVITY"), []), {
-      get: A,
-      data: r,
+const he = G(
+  ({ userType: s, studentId: l, courseStreams: a, onPuzzlesClick: N, onReviewClick: k, scrollAreaHeight: S }) => {
+    const y = b(() => Intl.DateTimeFormat().resolvedOptions().timeZone, []), [T, $] = v([]), [c, L] = v(!1), C = U(null), j = b(() => re("NO_ACTIVITY"), []), {
+      get: D,
+      data: o,
       isProcessingFailed: R,
-      isProcessing: Y
-    } = re(h), { user_logs: d } = r ?? {}, i = Z(
-      (t = 1, o = !1) => {
-        o && C(!0), A(h, {
+      isProcessing: z
+    } = oe(l), { user_logs: f } = o ?? {}, i = W(
+      (t = 1, r = !1) => {
+        r && L(!0), D(l, {
           page: t,
           size: 10,
-          timezone: T,
-          course_stream: c === "TEACHER" ? a : []
+          timezone: y,
+          course_stream: s === "TEACHER" ? a : []
         });
       },
-      [A, h, T, c, a]
+      [D, l, y, s, a]
     );
-    return $(() => {
-      r && (r.curr_page === 1 ? L(d ?? []) : (L((t) => [...t, ...d ?? []]), C(!1)));
-    }, [r, d]), $(() => {
+    return g(() => {
+      o && (o.curr_page === 1 ? $(f ?? []) : ($((t) => [...t, ...f ?? []]), L(!1)));
+    }, [o, f]), g(() => {
       i(1, !1);
-    }, [i]), $(() => {
-      const t = _.current;
+    }, [i]), g(() => {
+      const t = C.current;
       if (!t) return;
-      const o = () => {
-        r != null && r.next_page && !f && t.scrollTop + t.clientHeight >= t.scrollHeight - 100 && i(r.next_page, !0);
+      const r = () => {
+        o != null && o.next_page && !c && t.scrollTop + t.clientHeight >= t.scrollHeight - 100 && i(o.next_page, !0);
       };
-      return t.addEventListener("scroll", o), () => {
-        t.removeEventListener("scroll", o);
+      return t.addEventListener("scroll", r), () => {
+        t.removeEventListener("scroll", r);
       };
-    }, [r, f, i]), R ? /* @__PURE__ */ e(Q, { height: "70vh", onTryAgain: () => i(1, !1) }) : Y && !y.length ? /* @__PURE__ */ e(u, { $alignItems: "center", $justifyContent: "center", $height: "100%", children: /* @__PURE__ */ e(ee, { width: "100%", height: "100%" }) }) : /* @__PURE__ */ e(
-      ae,
+    }, [o, c, i]), R ? /* @__PURE__ */ e(J, { height: "70vh", onTryAgain: () => i(1, !1) }) : z && !T.length ? /* @__PURE__ */ e(p, { $alignItems: "center", $justifyContent: "center", $height: "100%", children: /* @__PURE__ */ e(Q, { width: "100%", height: "100%" }) }) : /* @__PURE__ */ e(
+      ne,
       {
-        ref: _,
-        $height: k,
+        ref: C,
+        $height: S,
         $alignItems: "center",
-        children: /* @__PURE__ */ s(le, { children: [
-          y.map((t, o) => {
-            const { daily_logs: l, from_date: D, to_date: I } = t;
-            if (l) {
-              const z = B(D), M = B(I), {
-                day: b,
-                month: w,
+        children: /* @__PURE__ */ d(ae, { children: [
+          T.map((t, r) => {
+            const { daily_logs: m, from_date: _, to_date: A } = t;
+            if (m) {
+              const K = B(_), I = B(A), {
+                day: M,
+                month: Y,
+                monthName: w
+              } = x(K), {
+                day: O,
+                month: E,
+                year: X,
                 monthName: F
-              } = O(z), {
-                day: E,
-                month: g,
-                year: H,
-                monthName: P
-              } = O(M), p = fe(M), S = p && g === 12 && E === 31, W = !!(a && a.length > 1);
-              return /* @__PURE__ */ s(u, { children: [
-                S && /* @__PURE__ */ s(se, { $gutterX: 1, children: [
-                  /* @__PURE__ */ e(m, { heightX: 1 }),
-                  /* @__PURE__ */ e(N, { $renderAs: "ac4-black", $color: "BLACK_T_60", children: H })
-                ] }),
-                p && g && /* @__PURE__ */ e(
-                  me,
-                  {
-                    $heightX: 15.36,
-                    $isLastYear: S,
-                    $img: ie[String(w).padStart(2, "0")]
-                  }
-                ),
-                /* @__PURE__ */ s(ce, { $gutterX: 1, $addedmonthbreak: !!(p && g), children: [
-                  /* @__PURE__ */ e(m, { heightX: 1 }),
-                  /* @__PURE__ */ e(N, { $renderAs: "ac4-black", $color: "BLACK_T_60", children: D === I ? `${b} ${F}` : `${b} - ${E} ${P}` }),
-                  /* @__PURE__ */ e(m, { heightX: 1 }),
+              } = x(I), h = fe(I), H = h && E === 12 && O === 31, P = !!(a && a.length > 1);
+              return /* @__PURE__ */ d(p, { children: [
+                /* @__PURE__ */ e(ce, { toYear: X, isLastDayOfYear: H }),
+                /* @__PURE__ */ e(le, { fromMonth: Y, isLastDayOfMth: h }),
+                /* @__PURE__ */ d(me, { $gutterX: 1, $addedmonthbreak: !!(h && E), children: [
+                  /* @__PURE__ */ e(u, { heightX: 1 }),
+                  /* @__PURE__ */ e(te, { $renderAs: "ac4-black", $color: "BLACK_T_60", children: _ === A ? `${M} ${w}` : `${M} - ${O} ${F}` }),
+                  /* @__PURE__ */ e(u, { heightX: 1 }),
                   /* @__PURE__ */ e(
-                    he,
+                    se,
                     {
-                      $borderBottomColor: l.length > 0 ? "BLACK" : "BLACK_T_04",
-                      children: l.length > 0 ? l.map((n, V) => /* @__PURE__ */ e(
-                        ne,
+                      $borderBottomColor: m.length > 0 ? "BLACK" : "BLACK_T_04",
+                      children: m.length > 0 ? m.map((n, V) => /* @__PURE__ */ e(
+                        ie,
                         {
                           type: n.type,
-                          summary: n.summary || "",
-                          courseStream: n.course_stream || void 0,
+                          summary: n.summary ?? "",
+                          courseStream: n.course_stream ?? void 0,
                           cards: n.cards,
-                          onPuzzleClick: X,
-                          onReviewClick: j,
-                          userType: c,
-                          shouldShowTag: W && n.course_stream !== "CIRCLE"
+                          onPuzzleClick: N,
+                          onReviewClick: k,
+                          userType: s,
+                          shouldShowTag: P && n.course_stream !== "CIRCLE"
                         },
                         `timeline-${V}`
                       )) : /* @__PURE__ */ e(
-                        te,
+                        ee,
                         {
-                          icon: K,
+                          icon: j ?? "",
                           title: "No Activity",
                           defaultExpanded: !1,
                           $borderColor: "BLACK_T_04",
@@ -111,18 +103,18 @@ const de = G(
                       )
                     }
                   ),
-                  /* @__PURE__ */ e(m, { heightX: 1 })
+                  /* @__PURE__ */ e(u, { heightX: 1 })
                 ] })
-              ] }, `timeline-entry-${o}`);
+              ] }, `timeline-entry-${r}`);
             }
           }),
-          f && /* @__PURE__ */ e(u, { $alignItems: "center", $justifyContent: "center", $height: "100%", children: /* @__PURE__ */ e(J, { src: q.LOADER, alt: "Loader", $size: "large" }) })
+          c && /* @__PURE__ */ e(p, { $alignItems: "center", $justifyContent: "center", $height: "100%", children: /* @__PURE__ */ e(q, { src: Z.LOADER, alt: "Loader", $size: "large" }) })
         ] })
       }
     );
   }
-), ve = de;
+), xe = he;
 export {
-  ve as default
+  xe as default
 };
 //# sourceMappingURL=daily-timeline.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"daily-timeline.js","sources":["../../../../src/features/timeline/daily-timeline/daily-timeline.tsx"],"sourcesContent":["import { isLastDayOfMonth, parseISO } from 'date-fns';\nimport { memo, useCallback, useEffect, useMemo, useRef, useState, type FC } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\nimport { Loader } from '../../ui/buttons/button/button-styled';\nimport Error from '../../ui/error/error';\nimport FlexView from '../../ui/layout/flex-view';\nimport AppLoader from '../../ui/loader/app-loader/app-loader';\nimport Separator from '../../ui/separator/separator';\nimport Accordion from '../../ui/simple-accordian/accordion';\nimport Text from '../../ui/text/text';\nimport { type TimelineData, useDailyTimelineGet } from '../api/use-daily-timeline-get';\nimport { getDayMonthYear, getTimelineCardIcon, monthImageMap } from '../comps/accordion-item/utils';\nimport DailyTimelineItems from './daily-timeline-items/daily-timeline-items';\nimport * as Styled from './daily-timeline-styled';\nimport { type DailyTimelineProps } from './daily-timeline-types';\n\nconst DailyTimeline: FC<DailyTimelineProps> = memo(\n  ({ userType, studentId, courseStreams, onPuzzlesClick, onReviewClick, scrollAreaHeight }) => {\n    const timezone = useMemo(() => Intl.DateTimeFormat().resolvedOptions().timeZone, []);\n    const [allTimelineData, setAllTimelineData] = useState<TimelineData[]>([]);\n    const [isLoadingMore, setIsLoadingMore] = useState(false);\n    const scrollContainerRef = useRef<HTMLDivElement>(null);\n    const NoActivityIcon = useMemo(() => getTimelineCardIcon('NO_ACTIVITY'), []);\n    const {\n      get: getTimeline,\n      data: timelineData,\n      isProcessingFailed,\n      isProcessing,\n    } = useDailyTimelineGet(studentId);\n    const { user_logs: userLogs } = timelineData ?? {};\n\n    const fetchTimeline = useCallback(\n      (page = 1, append = false) => {\n        if (append) {\n          setIsLoadingMore(true);\n        }\n\n        getTimeline(studentId, {\n          page,\n          size: 10,\n          timezone,\n          course_stream: userType === 'TEACHER' ? courseStreams : [],\n        });\n      },\n      [getTimeline, studentId, timezone, userType, courseStreams],\n    );\n\n    useEffect(() => {\n      if (timelineData) {\n        if (timelineData.curr_page === 1) {\n          setAllTimelineData(userLogs ?? []);\n        } else {\n          setAllTimelineData(prev => [...prev, ...(userLogs ?? [])]);\n          setIsLoadingMore(false);\n        }\n      }\n    }, [timelineData, userLogs]);\n\n    useEffect(() => {\n      fetchTimeline(1, false);\n    }, [fetchTimeline]);\n\n    useEffect(() => {\n      const container = scrollContainerRef.current;\n\n      if (!container) return;\n\n      const handleScroll = () => {\n        if (\n          timelineData?.next_page &&\n          !isLoadingMore &&\n          container.scrollTop + container.clientHeight >= container.scrollHeight - 100\n        ) {\n          fetchTimeline(timelineData.next_page, true);\n        }\n      };\n\n      container.addEventListener('scroll', handleScroll);\n\n      return () => {\n        container.removeEventListener('scroll', handleScroll);\n      };\n    }, [timelineData, isLoadingMore, fetchTimeline]);\n\n    if (isProcessingFailed) {\n      return <Error height=\"70vh\" onTryAgain={() => fetchTimeline(1, false)} />;\n    }\n\n    if (isProcessing && !allTimelineData.length) {\n      return (\n        <FlexView $alignItems=\"center\" $justifyContent=\"center\" $height=\"100%\">\n          <AppLoader width=\"100%\" height=\"100%\" />\n        </FlexView>\n      );\n    }\n\n    return (\n      <Styled.ScrollWrapper\n        ref={scrollContainerRef}\n        $height={scrollAreaHeight}\n        $alignItems=\"center\"\n      >\n        <Styled.DailyTimelineContainer>\n          {allTimelineData.map((entry, index) => {\n            const { daily_logs: dailyLogs, from_date: fromDate, to_date: toDate } = entry;\n\n            if (dailyLogs) {\n              const fromDateObj = parseISO(fromDate);\n              const toDateObj = parseISO(toDate);\n\n              const {\n                day: fromDay,\n                month: fromMonth,\n                monthName: fromMonthName,\n              } = getDayMonthYear(fromDateObj);\n\n              const {\n                day: toDay,\n                month: toMonth,\n                year: toYear,\n                monthName: toMonthName,\n              } = getDayMonthYear(toDateObj);\n\n              const isLast = isLastDayOfMonth(toDateObj);\n              const isLastYear = isLast && toMonth === 12 && toDay === 31;\n              const shouldShowTag = !!(courseStreams && courseStreams.length > 1);\n\n              return (\n                <FlexView key={`timeline-entry-${index}`}>\n                  {isLastYear && (\n                    <Styled.YearWrapper $gutterX={1}>\n                      <Separator heightX={1} />\n                      <Text $renderAs=\"ac4-black\" $color=\"BLACK_T_60\">\n                        {toYear}\n                      </Text>\n                    </Styled.YearWrapper>\n                  )}\n                  {isLast && toMonth && (\n                    <Styled.MonthImageWrapper\n                      $heightX={15.36}\n                      $isLastYear={isLastYear}\n                      $img={\n                        monthImageMap[\n                          String(fromMonth).padStart(2, '0') as keyof typeof monthImageMap\n                        ]\n                      }\n                    />\n                  )}\n                  <Styled.DailyItems $gutterX={1} $addedmonthbreak={!!(isLast && toMonth)}>\n                    <Separator heightX={1} />\n                    <Text $renderAs=\"ac4-black\" $color=\"BLACK_T_60\">\n                      {fromDate === toDate\n                        ? `${fromDay} ${fromMonthName}`\n                        : `${fromDay} - ${toDay} ${toMonthName}`}\n                    </Text>\n                    <Separator heightX={1} />\n                    <Styled.DailyTimelineItemsContainer\n                      $borderBottomColor={dailyLogs.length > 0 ? 'BLACK' : 'BLACK_T_04'}\n                    >\n                      {dailyLogs.length > 0 ? (\n                        dailyLogs.map((log, logIndex) => (\n                          <DailyTimelineItems\n                            key={`timeline-${logIndex}`}\n                            type={log.type}\n                            summary={log.summary || ''}\n                            courseStream={log.course_stream || undefined}\n                            cards={log.cards}\n                            onPuzzleClick={onPuzzlesClick}\n                            onReviewClick={onReviewClick}\n                            userType={userType}\n                            shouldShowTag={shouldShowTag && log.course_stream !== 'CIRCLE'}\n                          />\n                        ))\n                      ) : (\n                        <Accordion\n                          icon={NoActivityIcon}\n                          title=\"No Activity\"\n                          defaultExpanded={false}\n                          $borderColor=\"BLACK_T_04\"\n                          $backgroundColor=\"BLACK_T_15\"\n                        />\n                      )}\n                    </Styled.DailyTimelineItemsContainer>\n                    <Separator heightX={1} />\n                  </Styled.DailyItems>\n                </FlexView>\n              );\n            }\n          })}\n\n          {isLoadingMore && (\n            <FlexView $alignItems=\"center\" $justifyContent=\"center\" $height=\"100%\">\n              <Loader src={ILLUSTRATIONS.LOADER} alt=\"Loader\" $size=\"large\" />\n            </FlexView>\n          )}\n        </Styled.DailyTimelineContainer>\n      </Styled.ScrollWrapper>\n    );\n  },\n);\n\nexport default DailyTimeline;\n"],"names":["DailyTimeline","memo","userType","studentId","courseStreams","onPuzzlesClick","onReviewClick","scrollAreaHeight","timezone","useMemo","allTimelineData","setAllTimelineData","useState","isLoadingMore","setIsLoadingMore","scrollContainerRef","useRef","NoActivityIcon","getTimelineCardIcon","getTimeline","timelineData","isProcessingFailed","isProcessing","useDailyTimelineGet","userLogs","fetchTimeline","useCallback","page","append","useEffect","prev","container","handleScroll","jsx","Error","FlexView","AppLoader","Styled.ScrollWrapper","jsxs","Styled.DailyTimelineContainer","entry","index","dailyLogs","fromDate","toDate","fromDateObj","parseISO","toDateObj","fromDay","fromMonth","fromMonthName","getDayMonthYear","toDay","toMonth","toYear","toMonthName","isLast","isLastDayOfMonth","isLastYear","shouldShowTag","Styled.YearWrapper","Separator","Text","Styled.MonthImageWrapper","monthImageMap","Styled.DailyItems","Styled.DailyTimelineItemsContainer","log","logIndex","DailyTimelineItems","Accordion","Loader","ILLUSTRATIONS","DailyTimeline$1"],"mappings":"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"}
+{"version":3,"file":"daily-timeline.js","sources":["../../../../src/features/timeline/daily-timeline/daily-timeline.tsx"],"sourcesContent":["import { isLastDayOfMonth, parseISO } from 'date-fns';\nimport { memo, useCallback, useEffect, useMemo, useRef, useState, type FC } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\nimport { Loader } from '../../ui/buttons/button/button-styled';\nimport Error from '../../ui/error/error';\nimport FlexView from '../../ui/layout/flex-view';\nimport AppLoader from '../../ui/loader/app-loader/app-loader';\nimport Separator from '../../ui/separator/separator';\nimport Accordion from '../../ui/simple-accordian/accordion';\nimport Text from '../../ui/text/text';\nimport { type TimelineData, useDailyTimelineGet } from '../api/use-daily-timeline-get';\nimport { getDayMonthYear, getTimelineCardIcon } from '../comps/accordion-item/utils';\nimport DailyTimelineItems from './daily-timeline-items/daily-timeline-items';\nimport * as Styled from './daily-timeline-styled';\nimport { type DailyTimelineProps } from './daily-timeline-types';\nimport MonthBreak from '../comps/month-break';\nimport YearBreak from '../comps/year-break';\n\nconst DailyTimeline: FC<DailyTimelineProps> = memo(\n  ({ userType, studentId, courseStreams, onPuzzlesClick, onReviewClick, scrollAreaHeight }) => {\n    const timezone = useMemo(() => Intl.DateTimeFormat().resolvedOptions().timeZone, []);\n    const [allTimelineData, setAllTimelineData] = useState<TimelineData[]>([]);\n    const [isLoadingMore, setIsLoadingMore] = useState(false);\n    const scrollContainerRef = useRef<HTMLDivElement>(null);\n    const NoActivityIcon = useMemo(() => getTimelineCardIcon('NO_ACTIVITY'), []);\n    const {\n      get: getTimeline,\n      data: timelineData,\n      isProcessingFailed,\n      isProcessing,\n    } = useDailyTimelineGet(studentId);\n    const { user_logs: userLogs } = timelineData ?? {};\n\n    const fetchTimeline = useCallback(\n      (page = 1, append = false) => {\n        if (append) {\n          setIsLoadingMore(true);\n        }\n\n        getTimeline(studentId, {\n          page,\n          size: 10,\n          timezone,\n          course_stream: userType === 'TEACHER' ? courseStreams : [],\n        });\n      },\n      [getTimeline, studentId, timezone, userType, courseStreams],\n    );\n\n    useEffect(() => {\n      if (timelineData) {\n        if (timelineData.curr_page === 1) {\n          setAllTimelineData(userLogs ?? []);\n        } else {\n          setAllTimelineData(prev => [...prev, ...(userLogs ?? [])]);\n          setIsLoadingMore(false);\n        }\n      }\n    }, [timelineData, userLogs]);\n\n    useEffect(() => {\n      fetchTimeline(1, false);\n    }, [fetchTimeline]);\n\n    useEffect(() => {\n      const container = scrollContainerRef.current;\n\n      if (!container) return;\n\n      const handleScroll = () => {\n        if (\n          timelineData?.next_page &&\n          !isLoadingMore &&\n          container.scrollTop + container.clientHeight >= container.scrollHeight - 100\n        ) {\n          fetchTimeline(timelineData.next_page, true);\n        }\n      };\n\n      container.addEventListener('scroll', handleScroll);\n\n      return () => {\n        container.removeEventListener('scroll', handleScroll);\n      };\n    }, [timelineData, isLoadingMore, fetchTimeline]);\n\n    if (isProcessingFailed) {\n      return <Error height=\"70vh\" onTryAgain={() => fetchTimeline(1, false)} />;\n    }\n\n    if (isProcessing && !allTimelineData.length) {\n      return (\n        <FlexView $alignItems=\"center\" $justifyContent=\"center\" $height=\"100%\">\n          <AppLoader width=\"100%\" height=\"100%\" />\n        </FlexView>\n      );\n    }\n\n    return (\n      <Styled.ScrollWrapper\n        ref={scrollContainerRef}\n        $height={scrollAreaHeight}\n        $alignItems=\"center\"\n      >\n        <Styled.DailyTimelineContainer>\n          {allTimelineData.map((entry, index) => {\n            const { daily_logs: dailyLogs, from_date: fromDate, to_date: toDate } = entry;\n\n            if (dailyLogs) {\n              const fromDateObj = parseISO(fromDate);\n              const toDateObj = parseISO(toDate);\n\n              const {\n                day: fromDay,\n                month: fromMonth,\n                monthName: fromMonthName,\n              } = getDayMonthYear(fromDateObj);\n\n              const {\n                day: toDay,\n                month: toMonth,\n                year: toYear,\n                monthName: toMonthName,\n              } = getDayMonthYear(toDateObj);\n\n              const isLastDayOfMth = isLastDayOfMonth(toDateObj);\n              const isLastDayOfYear = isLastDayOfMth && toMonth === 12 && toDay === 31;\n              const shouldShowTag = !!(courseStreams && courseStreams.length > 1);\n\n              return (\n                <FlexView key={`timeline-entry-${index}`}>\n                  <YearBreak toYear={toYear} isLastDayOfYear={isLastDayOfYear} />\n                  <MonthBreak fromMonth={fromMonth} isLastDayOfMth={isLastDayOfMth} />\n                  <Styled.DailyItems $gutterX={1} $addedmonthbreak={!!(isLastDayOfMth && toMonth)}>\n                    <Separator heightX={1} />\n                    <Text $renderAs=\"ac4-black\" $color=\"BLACK_T_60\">\n                      {fromDate === toDate\n                        ? `${fromDay} ${fromMonthName}`\n                        : `${fromDay} - ${toDay} ${toMonthName}`}\n                    </Text>\n                    <Separator heightX={1} />\n                    <Styled.DailyTimelineItemsContainer\n                      $borderBottomColor={dailyLogs.length > 0 ? 'BLACK' : 'BLACK_T_04'}\n                    >\n                      {dailyLogs.length > 0 ? (\n                        dailyLogs.map((log, logIndex) => (\n                          <DailyTimelineItems\n                            key={`timeline-${logIndex}`}\n                            type={log.type}\n                            summary={log.summary ?? ''}\n                            courseStream={log.course_stream ?? undefined}\n                            cards={log.cards}\n                            onPuzzleClick={onPuzzlesClick}\n                            onReviewClick={onReviewClick}\n                            userType={userType}\n                            shouldShowTag={shouldShowTag && log.course_stream !== 'CIRCLE'}\n                          />\n                        ))\n                      ) : (\n                        <Accordion\n                          icon={NoActivityIcon ?? ''}\n                          title=\"No Activity\"\n                          defaultExpanded={false}\n                          $borderColor=\"BLACK_T_04\"\n                          $backgroundColor=\"BLACK_T_15\"\n                        />\n                      )}\n                    </Styled.DailyTimelineItemsContainer>\n                    <Separator heightX={1} />\n                  </Styled.DailyItems>\n                </FlexView>\n              );\n            }\n          })}\n\n          {isLoadingMore && (\n            <FlexView $alignItems=\"center\" $justifyContent=\"center\" $height=\"100%\">\n              <Loader src={ILLUSTRATIONS.LOADER} alt=\"Loader\" $size=\"large\" />\n            </FlexView>\n          )}\n        </Styled.DailyTimelineContainer>\n      </Styled.ScrollWrapper>\n    );\n  },\n);\n\nexport default DailyTimeline;\n"],"names":["DailyTimeline","memo","userType","studentId","courseStreams","onPuzzlesClick","onReviewClick","scrollAreaHeight","timezone","useMemo","allTimelineData","setAllTimelineData","useState","isLoadingMore","setIsLoadingMore","scrollContainerRef","useRef","NoActivityIcon","getTimelineCardIcon","getTimeline","timelineData","isProcessingFailed","isProcessing","useDailyTimelineGet","userLogs","fetchTimeline","useCallback","page","append","useEffect","prev","container","handleScroll","jsx","Error","FlexView","AppLoader","Styled.ScrollWrapper","jsxs","Styled.DailyTimelineContainer","entry","index","dailyLogs","fromDate","toDate","fromDateObj","parseISO","toDateObj","fromDay","fromMonth","fromMonthName","getDayMonthYear","toDay","toMonth","toYear","toMonthName","isLastDayOfMth","isLastDayOfMonth","isLastDayOfYear","shouldShowTag","YearBreak","MonthBreak","Styled.DailyItems","Separator","Text","Styled.DailyTimelineItemsContainer","log","logIndex","DailyTimelineItems","Accordion","Loader","ILLUSTRATIONS","DailyTimeline$1"],"mappings":"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"}

package/dist/index.d.ts

@@ -468,11 +468,11 @@ export declare const CustomInputField: NamedExoticComponent<ICustomInputFieldPro
 export declare const DailyTimeline: FC<DailyTimelineProps>;
 
 declare interface DailyTimelineProps {
-    userType: TUserTypes;
+    userType: TUserTypes_2;
     studentId: string;
     courseStreams?: TCourseStream[];
     onPuzzlesClick: (userNodeId: string) => void;
-    onReviewClick: (userNodeId: string) => void;
+    onReviewClick?: (userNodeId: string | null, isSatMockTestBlock: boolean, userBlockId: string | null) => void;
     scrollAreaHeight: string | number | undefined;
 }
 
@@ -6912,6 +6912,8 @@ declare type TUserProgram = {
 
 export declare type TUserTypes = 'TEACHER' | 'STUDENT';
 
+declare type TUserTypes_2 = 'TEACHER' | 'STUDENT' | 'PARENT';
+
 export declare const TutorChangeModal: MemoExoticComponent<() => JSX.Element>;
 
 export declare const Tutorial: ({ src, title, onCross, showProgress, onTutorialPlayedOnce, isJourneyActive, }: ITutorialProps) => JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cuemath/leap",
-  "version": "3.5.4-as5",
+  "version": "3.5.4-as7",
   "type": "module",
   "files": [
     "dist"