@cuemath/leap 3.5.4-as1 → 3.5.4-as10

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 I, useCallback as $ } from "react";
+import b 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 k, getStateIcon as L } from "./utils.js";
+import { BLOCK_TYPE as g } from "../../../chapters-v2/constants/block-constants.js";
+const B = I(
+  ({ type: n, userType: d, card: C, onPuzzleClick: l, onReviewClick: i }) => {
+    const {
+      label: a,
+      title: T,
+      state: c,
+      subtext: m,
+      user_node_id: e,
+      block_type: _,
+      user_block_id: h
+    } = C, x = a === "PUZZLE", u = L(c), f = c === "COMPLETED", w = d === "TEACHER" && n !== "CIRCLE" || d === "STUDENT" && f && n !== "CIRCLE", A = $(() => {
+      e && l && l(e);
+    }, [l, e]), p = _ === g.SAT_MOCK_TEST, E = $(() => {
+      i && e && i(e, p, h);
+    }, [p, i, h, e]);
+    return /* @__PURE__ */ o(t, { $flexDirection: "row", $flexGapX: 1.5, children: [
+      /* @__PURE__ */ r(t, { $background: k(c), $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: [
+            a,
             ":"
           ] }),
           " ",
-          x
+          T
         ] }),
-        b ? /* @__PURE__ */ r(
-          f,
+        x ? /* @__PURE__ */ r(
+          b,
           {
-            label: "View assigned puzzle",
+            label: f ? "View reviewed puzzle" : "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.75, $alignItems: "center", children: [
+          m && /* @__PURE__ */ r(s, { $renderAs: "ub3", $color: "BLACK_T_60", children: m }),
+          w && /* @__PURE__ */ r(
+            b,
             {
               label: "Review",
               size: "small",
               color: "BLACK_T_60",
-              onClick: p
+              onClick: E
             }
           )
         ] })
@@ -46,8 +55,8 @@ const C = A(
     ] });
   }
 );
-C.displayName = "AccordionItem";
+B.displayName = "AccordionItem";
 export {
-  C as default
+  B 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  ({ type, 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    const isCompleted = state === 'COMPLETED';\n\n    const shouldShowReview =\n      (userType === 'TEACHER' && type !== 'CIRCLE') ||\n      (userType === 'STUDENT' && isCompleted && type !== 'CIRCLE');\n\n    const handlePuzzleClick = useCallback(() => {\n      if (userNodeId && onPuzzleClick) {\n        onPuzzleClick(userNodeId);\n      }\n    }, [onPuzzleClick, 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={isCompleted ? 'View reviewed puzzle' : 'View assigned puzzle'}\n              size=\"small\"\n              color=\"BLACK_T_60\"\n              onClick={handlePuzzleClick}\n            />\n          ) : (\n            <FlexView $flexDirection=\"row\" $flexGapX={0.75} $alignItems=\"center\">\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","type","userType","card","onPuzzleClick","onReviewClick","label","title","state","subtext","userNodeId","blockType","userBlockId","isPuzzle","Icon","getStateIcon","isCompleted","shouldShowReview","handlePuzzleClick","useCallback","isSatMockTestBlock","BLOCK_TYPE","handleReviewClick","jsxs","FlexView","jsx","getStateColor","Text","TextButton"],"mappings":";;;;;;;AASA,MAAMA,IAAwCC;AAAA,EAC5C,CAAC,EAAE,MAAAC,GAAM,UAAAC,GAAU,MAAAC,GAAM,eAAAC,GAAe,eAAAC,QAAoB;AACpD,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,GACzBQ,IAAcR,MAAU,aAExBS,IACHf,MAAa,aAAaD,MAAS,YACnCC,MAAa,aAAac,KAAef,MAAS,UAE/CiB,IAAoBC,EAAY,MAAM;AAC1C,MAAIT,KAAcN,KAChBA,EAAcM,CAAU;AAAA,IAC1B,GACC,CAACN,GAAeM,CAAU,CAAC,GACxBU,IAAqBT,MAAcU,EAAW,eAE9CC,IAAoBH,EAAY,MAAM;AAC1C,MAAId,KAAiBK,KACLL,EAAAK,GAAYU,GAAoBR,CAAW;AAAA,OAE1D,CAACQ,GAAoBf,GAAeO,GAAaF,CAAU,CAAC;AAE/D,WACG,gBAAAa,EAAAC,GAAA,EAAS,gBAAe,OAAM,WAAW,KACxC,UAAA;AAAA,MAAA,gBAAAC,EAACD,KAAS,aAAaE,EAAclB,CAAK,GAAG,gBAAgB,KAAK,QAAQ,IAAI,SAAS,IACpF,eAAS,gBAAAiB,EAAAX,GAAA,EAAK,OAAO,IAAI,QAAQ,GAAI,CAAA,GACxC;AAAA,MACA,gBAAAS,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,YAAArB;AAAA,YAAM;AAAA,UAAA,GACT;AAAA,UAAQ;AAAA,UACPC;AAAA,QAAA,GACH;AAAA,QACCM,IACC,gBAAAY;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,OAAOZ,IAAc,yBAAyB;AAAA,YAC9C,MAAK;AAAA,YACL,OAAM;AAAA,YACN,SAASE;AAAA,UAAA;AAAA,QAAA,sBAGVM,GAAS,EAAA,gBAAe,OAAM,WAAW,MAAM,aAAY,UACzD,UAAA;AAAA,UAAAf,uBACEkB,GAAK,EAAA,WAAU,OAAM,QAAO,cAC1B,UACHlB,GAAA;AAAA,UAEDQ,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;AAEAvB,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,44 +1,45 @@
 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,
-    cards: t,
+    type: i,
+    summary: e,
+    cards: m,
     onPuzzleClick: n,
     onReviewClick: l,
     courseStream: d,
     shouldShowTag: a,
     userType: f
   }) => {
-    const p = s(() => $(e), [e]);
+    const c = s(() => $(i), [i]);
     return /* @__PURE__ */ o(
       h,
       {
         tag: a ? d : void 0,
-        title: i,
+        title: e,
         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: m.length > 0 && /* @__PURE__ */ o(g, { $gutter: 32, $marginBottom: 24, children: m.map((r, t) => /* @__PURE__ */ o(
           x,
           {
-            $isLastCard: r === t.length - 1,
+            $isLastCard: t === m.length - 1,
             children: /* @__PURE__ */ o(
               u,
               {
-                userType: f,
-                card: m,
+                card: r,
                 onPuzzleClick: n,
-                onReviewClick: l
+                onReviewClick: l,
+                type: i,
+                userType: f
               }
             )
           },
-          `${m.node_id}-${r}`
+          `${r.node_id}-${t}`
         )) })
       }
     );

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                  card={card}\n                  onPuzzleClick={onPuzzleClick}\n                  onReviewClick={onReviewClick}\n                  type={type}\n                  userType={userType}\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,MAAAH;AAAA,gBACA,eAAAX;AAAA,gBACA,eAAAC;AAAA,gBACA,MAAAJ;AAAA,gBACA,UAAAO;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,UATK,GAAGO,EAAK,OAAO,IAAIC,CAAK;AAAA,QAWhC,CAAA,GACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;"}

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

@@ -1,33 +1,26 @@
-import e from "styled-components";
-import i from "../../ui/layout/flex-view.js";
-const a = e(i)`
+import o from "styled-components";
+import t from "../../ui/layout/flex-view.js";
+const n = o(t)`
   overflow-y: auto;
+  width: 100%;
+`, m = o(t)`
   max-width: 512px;
-`, m = e(i)`
+  width: 100%;
+`, d = o(t)`
   & > div {
     border-bottom: none;
   }
   & > div:last-child {
-    border-bottom: 1px solid ${({ theme: o, $borderBottomColor: t }) => o.colors[t]};
+    border-bottom: 1px solid ${({ theme: i, $borderBottomColor: e }) => i.colors[e]};
   }
-`, p = e(i)`
-  margin-top: ${({ $addedmonthbreak: o }) => o ? "-122px" : "0"};
-  z-index: 1;
-`, d = e(i)`
-  margin-top: ${({ $isLastYear: o }) => o ? "-46px" : "0"};
-  background-image: url(${({ $img: o }) => o});
-  background-size: cover;
-  background-position: center;
-  width: 100%;
-  height: 246px;
-`, l = e(i)`
+`, a = o(t)`
+  margin-top: ${({ $addedmonthbreak: i }) => i ? "-122px" : "0"};
   z-index: 1;
 `;
 export {
-  p as DailyItems,
-  a as DailyTimelineConatainer,
-  m as DailyTimelineItemsContainer,
-  d as MonthImageWrapper,
-  l as YearWrapper
+  a as DailyItems,
+  m as DailyTimelineContainer,
+  d as DailyTimelineItemsContainer,
+  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 DailyTimelineConatainer = styled(FlexView)`\n  overflow-y: auto;\n  max-width: 512px;\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  DailyTimelineConatainer,\n  DailyItems,\n  MonthImageWrapper,\n  YearWrapper,\n  DailyTimelineItemsContainer,\n};\n"],"names":["DailyTimelineConatainer","styled","FlexView","DailyTimelineItemsContainer","theme","$borderBottomColor","DailyItems","$addedmonthbreak","MonthImageWrapper","$isLastYear","$img","YearWrapper"],"mappings":";;AAKM,MAAAA,IAA0BC,EAAOC,CAAQ;AAAA;AAAA;AAAA,GAKzCC,IAA8BF,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,+BAKpB,CAAC,EAAE,OAAAE,GAAO,oBAAAC,EAAA,MAAyBD,EAAM,OAAOC,CAAkB,CAAC;AAAA;AAAA,GAI5FC,IAAaL,EAAOC,CAAQ;AAAA,gBAClB,CAAC,EAAE,kBAAAK,EAAA,MAAwBA,IAAmB,WAAW,GAAI;AAAA;AAAA,GAIvEC,IAAoBP,EAAOC,CAAQ;AAAA,gBACzB,CAAC,EAAE,aAAAO,EAAA,MAAmBA,IAAc,UAAU,GAAI;AAAA,0BACxC,CAAC,EAAE,MAAAC,EAAK,MAAMA,CAAI;AAAA;AAAA;AAAA;AAAA;AAAA,GAOtCC,IAAcV,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,119 +1,121 @@
-import { jsx as e, jsxs as a } from "react/jsx-runtime";
-import { memo as q, useMemo as b, useState as x, useRef as G, useCallback as U, useEffect as p } from "react";
+import { jsx as e, jsxs as g } from "react/jsx-runtime";
+import { memo as G, useMemo as x, useState as B, useRef as U, useCallback as W, useEffect as p } from "react";
 import { ILLUSTRATIONS as Z } from "../../../assets/illustrations/illustrations.js";
-import { Loader as J } from "../../ui/buttons/button/button-styled.js";
-import Q from "../../ui/error/error.js";
+import { Loader as q } from "../../ui/buttons/button/button-styled.js";
+import J from "../../ui/error/error.js";
 import u from "../../ui/layout/flex-view.js";
-import ee from "../../ui/loader/app-loader/app-loader.js";
-import s from "../../ui/separator/separator.js";
-import te from "../../ui/simple-accordian/accordion.js";
-import v from "../../ui/text/text.js";
+import Q from "../../ui/loader/app-loader/app-loader.js";
+import l 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 B, monthImageMap as ie } from "../comps/accordion-item/utils.js";
-import ne from "./daily-timeline-items/daily-timeline-items.js";
-import { DailyTimelineConatainer as ae, YearWrapper as se, MonthImageWrapper as me, DailyItems as le, DailyTimelineItemsContainer as ce } from "./daily-timeline-styled.js";
-import { parseISO as E } from "../../../node_modules/date-fns/parseISO.js";
+import { getTimelineCardIcon as re, getDayMonthYear as N } 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 k } from "../../../node_modules/date-fns/parseISO.js";
 import { isLastDayOfMonth as he } from "../../../node_modules/date-fns/isLastDayOfMonth.js";
-const de = q(
-  ({ userType: N, studentId: m, courseStreams: y, onPuzzlesClick: O, onReviewClick: Y }) => {
-    const $ = b(() => Intl.DateTimeFormat().resolvedOptions().timeZone, []), [T, C] = x([]), [l, L] = x(!1), j = G(null), k = b(() => re("NO_ACTIVITY"), []), {
-      get: _,
-      data: t,
+const fe = G(
+  ({ userType: c, studentId: h, courseStreams: a, onPuzzlesClick: S, onReviewClick: j, scrollAreaHeight: R }) => {
+    const y = x(() => Intl.DateTimeFormat().resolvedOptions().timeZone, []), [T, $] = B([]), [f, L] = B(!1), C = U(null), z = x(() => re("NO_ACTIVITY"), []), {
+      get: D,
+      data: o,
       isProcessingFailed: K,
-      isProcessing: R
-    } = oe(m), { user_logs: c } = t || {}, i = U(
-      (o = 1, h = !1) => {
-        h && L(!0), _(m, {
-          page: o,
+      isProcessing: X
+    } = oe(h), { user_logs: d } = o ?? {}, i = W(
+      (t = 1, r = !1) => {
+        r && L(!0), D(h, {
+          page: t,
           size: 10,
-          timezone: $,
-          course_stream: y
+          timezone: y,
+          course_stream: c === "TEACHER" ? a : []
         });
       },
-      [_, m, $, y]
+      [D, h, y, c, a]
     );
     return p(() => {
-      t && (t.curr_page === 1 ? C(c || []) : (C((o) => [...o, ...c || []]), L(!1)));
-    }, [t, c]), p(() => {
+      o && (o.curr_page === 1 ? $(d ?? []) : ($((t) => [...t, ...d ?? []]), L(!1)));
+    }, [o, d]), p(() => {
       i(1, !1);
     }, [i]), p(() => {
-      const o = () => {
-        t != null && t.next_page && !l && window.scrollY + window.innerHeight >= document.body.scrollHeight - 100 && i(t.next_page, !0);
+      const t = C.current;
+      if (!t) return;
+      const r = () => {
+        o != null && o.next_page && !f && t.scrollTop + t.clientHeight >= t.scrollHeight - 100 && i(o.next_page, !0);
       };
-      return window.addEventListener("scroll", o), () => {
-        window.removeEventListener("scroll", o);
+      return t.addEventListener("scroll", r), () => {
+        t.removeEventListener("scroll", r);
       };
-    }, [t == null ? void 0 : t.next_page, l, i]), K ? /* @__PURE__ */ e(Q, { height: "70vh", onTryAgain: () => i(1, !1) }) : R && !T.length ? /* @__PURE__ */ e(u, { $alignItems: "center", $justifyContent: "center", $height: "100%", children: /* @__PURE__ */ e(ee, { width: "100%", height: "100%" }) }) : /* @__PURE__ */ a(ae, { ref: j, children: [
-      T.map((o, h) => {
-        const { daily_logs: n, from_date: A, to_date: I } = o;
-        if (n) {
-          const X = E(A), D = E(I), {
-            day: w,
-            month: z,
-            monthName: F
-          } = B(X), {
-            day: S,
-            month: d,
-            year: P,
-            monthName: H
-          } = B(D), f = he(D), M = f && d === 12 && S === 31, g = Array.from(
-            new Set(n.map((r) => r.course_stream).filter(Boolean))
-          ), V = g.includes("CIRCLE") ? g.length > 2 : g.length > 1;
-          return /* @__PURE__ */ a(u, { children: [
-            M && /* @__PURE__ */ a(se, { $gutterX: 1, children: [
-              /* @__PURE__ */ e(s, { heightX: 1 }),
-              /* @__PURE__ */ e(v, { $renderAs: "ac4-black", $color: "BLACK_T_60", children: P })
-            ] }),
-            f && d && /* @__PURE__ */ e(
-              me,
-              {
-                $isLastYear: M,
-                $img: ie[String(z).padStart(2, "0")]
-              }
-            ),
-            /* @__PURE__ */ a(le, { $gutterX: 1, $addedmonthbreak: !!(f && d), children: [
-              /* @__PURE__ */ e(s, { heightX: 1 }),
-              /* @__PURE__ */ e(v, { $renderAs: "ac4-black", $color: "BLACK_T_60", children: A === I ? `${w} ${F}` : `${w} - ${S} ${H}` }),
-              /* @__PURE__ */ e(s, { heightX: 1 }),
-              /* @__PURE__ */ e(
-                ce,
-                {
-                  $borderBottomColor: n.length > 0 ? "BLACK" : "BLACK_T_04",
-                  children: n.length > 0 ? n.map((r, W) => /* @__PURE__ */ e(
-                    ne,
+    }, [o, f, i]), K ? /* @__PURE__ */ e(J, { height: "70vh", onTryAgain: () => i(1, !1) }) : X && !T.length ? /* @__PURE__ */ e(u, { $alignItems: "center", $justifyContent: "center", $height: "100%", children: /* @__PURE__ */ e(Q, { width: "100%", height: "100%" }) }) : /* @__PURE__ */ e(
+      ne,
+      {
+        ref: C,
+        $height: R,
+        $alignItems: "center",
+        children: /* @__PURE__ */ g(ae, { children: [
+          T.map((t, r) => {
+            const { daily_logs: m, from_date: _, to_date: A } = t;
+            if (m) {
+              const Y = k(_), I = k(A), {
+                day: M,
+                month: O,
+                monthName: w
+              } = N(Y), {
+                day: E,
+                month: b,
+                year: F,
+                monthName: H
+              } = N(I), s = he(I), v = s && b === 12 && E === 31, P = !!(a && a.length > 1);
+              return /* @__PURE__ */ g(u, { children: [
+                /* @__PURE__ */ e(ce, { toYear: F, isLastDayOfYear: v }),
+                !v && O && s && /* @__PURE__ */ e(l, { heightX: 1 }),
+                /* @__PURE__ */ e(le, { fromMonth: O, isLastDayOfMth: s }),
+                /* @__PURE__ */ g(me, { $gutterX: 1, $addedmonthbreak: !!(s && b), children: [
+                  /* @__PURE__ */ e(l, { heightX: 1 }),
+                  /* @__PURE__ */ e(te, { $renderAs: "ac4-black", $color: "BLACK_T_60", children: _ === A ? `${M} ${w}` : `${M} - ${E} ${H}` }),
+                  /* @__PURE__ */ e(l, { heightX: 1 }),
+                  /* @__PURE__ */ e(
+                    se,
                     {
-                      type: r.type,
-                      summary: r.summary || "",
-                      courseStream: r.course_stream || void 0,
-                      cards: r.cards,
-                      onPuzzleClick: O,
-                      onReviewClick: Y,
-                      userType: N,
-                      shouldShowTag: V && r.course_stream !== "CIRCLE"
-                    },
-                    `timeline-${W}`
-                  )) : /* @__PURE__ */ e(
-                    te,
-                    {
-                      icon: k,
-                      title: "No Activity",
-                      defaultExpanded: !1,
-                      $borderColor: "BLACK_T_04",
-                      $backgroundColor: "BLACK_T_15"
+                      $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,
+                          cards: n.cards,
+                          onPuzzleClick: S,
+                          onReviewClick: j,
+                          userType: c,
+                          shouldShowTag: P && n.course_stream !== "CIRCLE"
+                        },
+                        `timeline-${V}`
+                      )) : /* @__PURE__ */ e(
+                        ee,
+                        {
+                          icon: z ?? "",
+                          title: "No Activity",
+                          defaultExpanded: !1,
+                          $borderColor: "BLACK_T_04",
+                          $backgroundColor: "BLACK_T_15"
+                        }
+                      )
                     }
-                  )
-                }
-              ),
-              /* @__PURE__ */ e(s, { heightX: 1 })
-            ] })
-          ] }, `timeline-entry-${h}`);
-        }
-      }),
-      l && /* @__PURE__ */ e(u, { $alignItems: "center", $justifyContent: "center", $height: "100%", children: /* @__PURE__ */ e(J, { src: Z.LOADER, alt: "Loader", $size: "large" }) })
-    ] });
+                  ),
+                  /* @__PURE__ */ e(l, { heightX: 1 })
+                ] })
+              ] }, `timeline-entry-${r}`);
+            }
+          }),
+          f && /* @__PURE__ */ e(u, { $alignItems: "center", $justifyContent: "center", $height: "100%", children: /* @__PURE__ */ e(q, { src: Z.LOADER, alt: "Loader", $size: "large" }) })
+        ] })
+      }
+    );
   }
-), be = de;
+), xe = fe;
 export {
-  be 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 }) => {\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: courseStreams,\n        });\n      },\n      [getTimeline, studentId, timezone, 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 handleScroll = () => {\n        if (\n          timelineData?.next_page &&\n          !isLoadingMore &&\n          window.scrollY + window.innerHeight >= document.body.scrollHeight - 100\n        ) {\n          fetchTimeline(timelineData.next_page, true);\n        }\n      };\n\n      window.addEventListener('scroll', handleScroll);\n\n      return () => {\n        window.removeEventListener('scroll', handleScroll);\n      };\n    }, [timelineData?.next_page, 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.DailyTimelineConatainer ref={scrollContainerRef}>\n        {allTimelineData.map((entry, index) => {\n          const { daily_logs, from_date, to_date } = entry;\n\n          if (daily_logs) {\n            const fromDateObj = parseISO(from_date);\n            const toDateObj = parseISO(to_date);\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 uniqueCourseStreams = Array.from(\n              new Set(daily_logs.map(log => log.course_stream).filter(Boolean)),\n            );\n            const shouldShowTag = uniqueCourseStreams.includes('CIRCLE')\n              ? uniqueCourseStreams.length > 2\n              : uniqueCourseStreams.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                    $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                    {from_date === to_date\n                      ? `${fromDay} ${fromMonthName}`\n                      : `${fromDay} - ${toDay} ${toMonthName}`}\n                  </Text>\n                  <Separator heightX={1} />\n                  <Styled.DailyTimelineItemsContainer\n                    $borderBottomColor={daily_logs.length > 0 ? 'BLACK' : 'BLACK_T_04'}\n                  >\n                    {daily_logs.length > 0 ? (\n                      daily_logs.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.DailyTimelineConatainer>\n    );\n  },\n);\n\nexport default DailyTimeline;\n"],"names":["DailyTimeline","memo","userType","studentId","courseStreams","onPuzzlesClick","onReviewClick","timezone","useMemo","allTimelineData","setAllTimelineData","useState","isLoadingMore","setIsLoadingMore","scrollContainerRef","useRef","NoActivityIcon","getTimelineCardIcon","getTimeline","timelineData","isProcessingFailed","isProcessing","useDailyTimelineGet","userLogs","fetchTimeline","useCallback","page","append","useEffect","prev","handleScroll","jsx","Error","FlexView","AppLoader","jsxs","Styled.DailyTimelineConatainer","entry","index","daily_logs","from_date","to_date","fromDateObj","parseISO","toDateObj","fromDay","fromMonth","fromMonthName","getDayMonthYear","toDay","toMonth","toYear","toMonthName","isLast","isLastDayOfMonth","isLastYear","uniqueCourseStreams","log","shouldShowTag","Styled.YearWrapper","Separator","Text","Styled.MonthImageWrapper","monthImageMap","Styled.DailyItems","Styled.DailyTimelineItemsContainer","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                  {!isLastDayOfYear && fromMonth && isLastDayOfMth && <Separator heightX={1} />}\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","Separator","MonthBreak","Styled.DailyItems","Text","Styled.DailyTimelineItemsContainer","log","logIndex","DailyTimelineItems","Accordion","Loader","ILLUSTRATIONS","DailyTimeline$1"],"mappings":"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"}

package/dist/features/ui/simple-accordian/accordion.js

@@ -36,7 +36,7 @@ const D = g(
                     $flexDirection: "row",
                     $alignItems: "center",
                     $justifyContent: "center",
-                    $flexGapX: 0.75,
+                    $flexGapX: 1.125,
                     children: [
                       /* @__PURE__ */ e(o, { children: n && /* @__PURE__ */ e(C, { src: n }) }),
                       /* @__PURE__ */ e(s, { $renderAs: "ab2", children: c })

package/dist/features/ui/simple-accordian/accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.js","sources":["../../../../src/features/ui/simple-accordian/accordion.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { memo, useState, useCallback } from 'react';\n\nimport MinusIcon from '../../../assets/line-icons/icons/minus';\nimport PlusIcon from '../../../assets/line-icons/icons/plus';\nimport Text from '..//text/text';\nimport Image from '../image/image';\nimport FlexView from '../layout/flex-view';\nimport * as Styled from './accordion-styled';\nimport type { IAccordionProps } from './accordion-types';\n\nconst Accordion: FC<IAccordionProps> = memo(\n  ({ title, icon, tag, children, defaultExpanded = false, $borderColor, $backgroundColor }) => {\n    const [isExpanded, setIsExpanded] = useState(defaultExpanded);\n\n    const handleToggle = useCallback(() => {\n      if (children) {\n        setIsExpanded(prev => !prev);\n      }\n    }, [children]);\n\n    return (\n      <FlexView\n        $position=\"relative\"\n        $borderColor={$borderColor || 'BLACK_1'}\n        $background={$backgroundColor || 'WHITE'}\n      >\n        {tag && (\n          <Styled.TagContainer $background=\"BLACK\" $gutter={4}>\n            <Text $renderAs=\"ab4-black\" $color=\"WHITE\">\n              {tag}\n            </Text>\n          </Styled.TagContainer>\n        )}\n\n        <Styled.Wrapper\n          $flexDirection=\"row\"\n          $alignItems=\"center\"\n          $justifyContent=\"space-between\"\n          $gutterX={1}\n          $gapX={1.32}\n          $disabled={!children}\n          onClick={handleToggle}\n        >\n          <FlexView\n            $flexDirection=\"row\"\n            $alignItems=\"center\"\n            $justifyContent=\"center\"\n            $flexGapX={0.75}\n          >\n            <FlexView>{icon && <Image src={icon} />}</FlexView>\n            <Text $renderAs=\"ab2\">{title}</Text>\n          </FlexView>\n          {children &&\n            (isExpanded ? (\n              <MinusIcon width={20} height={20} />\n            ) : (\n              <PlusIcon width={20} height={20} />\n            ))}\n        </Styled.Wrapper>\n\n        {children && (\n          <Styled.ContentWrapper $isExpanded={isExpanded}>{children}</Styled.ContentWrapper>\n        )}\n      </FlexView>\n    );\n  },\n);\n\nexport default Accordion;\n"],"names":["Accordion","memo","title","icon","tag","children","defaultExpanded","$borderColor","$backgroundColor","isExpanded","setIsExpanded","useState","handleToggle","useCallback","prev","jsxs","FlexView","jsx","Styled.TagContainer","Text","Styled.Wrapper","Image","MinusIcon","PlusIcon","Styled.ContentWrapper"],"mappings":";;;;;;;;AAWA,MAAMA,IAAiCC;AAAA,EACrC,CAAC,EAAE,OAAAC,GAAO,MAAAC,GAAM,KAAAC,GAAK,UAAAC,GAAU,iBAAAC,IAAkB,IAAO,cAAAC,GAAc,kBAAAC,QAAuB;AAC3F,UAAM,CAACC,GAAYC,CAAa,IAAIC,EAASL,CAAe,GAEtDM,IAAeC,EAAY,MAAM;AACrC,MAAIR,KACYK,EAAA,CAAAI,MAAQ,CAACA,CAAI;AAAA,IAC7B,GACC,CAACT,CAAQ,CAAC;AAGX,WAAA,gBAAAU;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,cAAcT,KAAgB;AAAA,QAC9B,aAAaC,KAAoB;AAAA,QAEhC,UAAA;AAAA,UAAAJ,KACE,gBAAAa,EAAAC,GAAA,EAAoB,aAAY,SAAQ,SAAS,GAChD,UAAA,gBAAAD,EAACE,KAAK,WAAU,aAAY,QAAO,SAChC,YACH,CAAA,GACF;AAAA,UAGF,gBAAAJ;AAAA,YAACK;AAAAA,YAAA;AAAA,cACC,gBAAe;AAAA,cACf,aAAY;AAAA,cACZ,iBAAgB;AAAA,cAChB,UAAU;AAAA,cACV,OAAO;AAAA,cACP,WAAW,CAACf;AAAA,cACZ,SAASO;AAAA,cAET,UAAA;AAAA,gBAAA,gBAAAG;AAAA,kBAACC;AAAA,kBAAA;AAAA,oBACC,gBAAe;AAAA,oBACf,aAAY;AAAA,oBACZ,iBAAgB;AAAA,oBAChB,WAAW;AAAA,oBAEX,UAAA;AAAA,sBAAA,gBAAAC,EAACD,KAAU,UAAQb,KAAA,gBAAAc,EAACI,GAAM,EAAA,KAAKlB,EAAM,CAAA,GAAG;AAAA,sBACvC,gBAAAc,EAAAE,GAAA,EAAK,WAAU,OAAO,UAAMjB,GAAA;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBAC/B;AAAA,gBACCG,MACEI,IACE,gBAAAQ,EAAAK,GAAA,EAAU,OAAO,IAAI,QAAQ,GAAI,CAAA,IAEjC,gBAAAL,EAAAM,GAAA,EAAS,OAAO,IAAI,QAAQ,GAAI,CAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAEvC;AAAA,UAEClB,KACE,gBAAAY,EAAAO,GAAA,EAAsB,aAAaf,GAAa,UAAAJ,GAAS;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAIlE;AACF;"}
+{"version":3,"file":"accordion.js","sources":["../../../../src/features/ui/simple-accordian/accordion.tsx"],"sourcesContent":["import { memo, useState, useCallback, type FC } from 'react';\n\nimport MinusIcon from '../../../assets/line-icons/icons/minus';\nimport PlusIcon from '../../../assets/line-icons/icons/plus';\nimport Text from '../text/text';\nimport Image from '../image/image';\nimport FlexView from '../layout/flex-view';\nimport * as Styled from './accordion-styled';\nimport type { IAccordionProps } from './accordion-types';\n\nconst Accordion: FC<IAccordionProps> = memo(\n  ({ title, icon, tag, children, defaultExpanded = false, $borderColor, $backgroundColor }) => {\n    const [isExpanded, setIsExpanded] = useState(defaultExpanded);\n\n    const handleToggle = useCallback(() => {\n      if (children) {\n        setIsExpanded(prev => !prev);\n      }\n    }, [children]);\n\n    return (\n      <FlexView\n        $position=\"relative\"\n        $borderColor={$borderColor || 'BLACK_1'}\n        $background={$backgroundColor || 'WHITE'}\n      >\n        {tag && (\n          <Styled.TagContainer $background=\"BLACK\" $gutter={4}>\n            <Text $renderAs=\"ab4-black\" $color=\"WHITE\">\n              {tag}\n            </Text>\n          </Styled.TagContainer>\n        )}\n\n        <Styled.Wrapper\n          $flexDirection=\"row\"\n          $alignItems=\"center\"\n          $justifyContent=\"space-between\"\n          $gutterX={1}\n          $gapX={1.32}\n          $disabled={!children}\n          onClick={handleToggle}\n        >\n          <FlexView\n            $flexDirection=\"row\"\n            $alignItems=\"center\"\n            $justifyContent=\"center\"\n            $flexGapX={1.125}\n          >\n            <FlexView>{icon && <Image src={icon} />}</FlexView>\n            <Text $renderAs=\"ab2\">{title}</Text>\n          </FlexView>\n          {children &&\n            (isExpanded ? (\n              <MinusIcon width={20} height={20} />\n            ) : (\n              <PlusIcon width={20} height={20} />\n            ))}\n        </Styled.Wrapper>\n\n        {children && (\n          <Styled.ContentWrapper $isExpanded={isExpanded}>{children}</Styled.ContentWrapper>\n        )}\n      </FlexView>\n    );\n  },\n);\n\nexport default Accordion;\n"],"names":["Accordion","memo","title","icon","tag","children","defaultExpanded","$borderColor","$backgroundColor","isExpanded","setIsExpanded","useState","handleToggle","useCallback","prev","jsxs","FlexView","jsx","Styled.TagContainer","Text","Styled.Wrapper","Image","MinusIcon","PlusIcon","Styled.ContentWrapper"],"mappings":";;;;;;;;AAUA,MAAMA,IAAiCC;AAAA,EACrC,CAAC,EAAE,OAAAC,GAAO,MAAAC,GAAM,KAAAC,GAAK,UAAAC,GAAU,iBAAAC,IAAkB,IAAO,cAAAC,GAAc,kBAAAC,QAAuB;AAC3F,UAAM,CAACC,GAAYC,CAAa,IAAIC,EAASL,CAAe,GAEtDM,IAAeC,EAAY,MAAM;AACrC,MAAIR,KACYK,EAAA,CAAAI,MAAQ,CAACA,CAAI;AAAA,IAC7B,GACC,CAACT,CAAQ,CAAC;AAGX,WAAA,gBAAAU;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,cAAcT,KAAgB;AAAA,QAC9B,aAAaC,KAAoB;AAAA,QAEhC,UAAA;AAAA,UAAAJ,KACE,gBAAAa,EAAAC,GAAA,EAAoB,aAAY,SAAQ,SAAS,GAChD,UAAA,gBAAAD,EAACE,KAAK,WAAU,aAAY,QAAO,SAChC,YACH,CAAA,GACF;AAAA,UAGF,gBAAAJ;AAAA,YAACK;AAAAA,YAAA;AAAA,cACC,gBAAe;AAAA,cACf,aAAY;AAAA,cACZ,iBAAgB;AAAA,cAChB,UAAU;AAAA,cACV,OAAO;AAAA,cACP,WAAW,CAACf;AAAA,cACZ,SAASO;AAAA,cAET,UAAA;AAAA,gBAAA,gBAAAG;AAAA,kBAACC;AAAA,kBAAA;AAAA,oBACC,gBAAe;AAAA,oBACf,aAAY;AAAA,oBACZ,iBAAgB;AAAA,oBAChB,WAAW;AAAA,oBAEX,UAAA;AAAA,sBAAA,gBAAAC,EAACD,KAAU,UAAQb,KAAA,gBAAAc,EAACI,GAAM,EAAA,KAAKlB,EAAM,CAAA,GAAG;AAAA,sBACvC,gBAAAc,EAAAE,GAAA,EAAK,WAAU,OAAO,UAAMjB,GAAA;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBAC/B;AAAA,gBACCG,MACEI,IACE,gBAAAQ,EAAAK,GAAA,EAAU,OAAO,IAAI,QAAQ,GAAI,CAAA,IAEjC,gBAAAL,EAAAM,GAAA,EAAS,OAAO,IAAI,QAAQ,GAAI,CAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAEvC;AAAA,UAEClB,KACE,gBAAAY,EAAAO,GAAA,EAAsB,aAAaf,GAAa,UAAAJ,GAAS;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAIlE;AACF;"}

package/dist/index.d.ts

@@ -1,39 +1,39 @@
-import type { ButtonHTMLAttributes } from 'react';
-import type { Channel } from '@cuemath/cue-message-broker';
+import { ButtonHTMLAttributes } from 'react';
+import { Channel } from '@cuemath/cue-message-broker';
 import { ChannelStatus } from '@cuemath/cue-message-broker';
 import { ComponentType } from 'react';
-import type { Config } from '@lottiefiles/dotlottie-web';
+import { Config } from '@lottiefiles/dotlottie-web';
 import { Context } from 'react';
-import type { Data } from '@lottiefiles/dotlottie-web';
-import type { DefaultTheme } from 'styled-components';
+import { Data } from '@lottiefiles/dotlottie-web';
+import { DefaultTheme } from 'styled-components';
 import { DetailedHTMLProps } from 'react';
-import type { Dispatch } from 'react';
-import type { EventListener as EventListener_2 } from '@lottiefiles/dotlottie-web';
-import type { EventType } from '@lottiefiles/dotlottie-web';
+import { Dispatch } from 'react';
+import { EventListener as EventListener_2 } from '@lottiefiles/dotlottie-web';
+import { EventType } from '@lottiefiles/dotlottie-web';
 import { FC } from 'react';
-import type { FormEvent } from 'react';
+import { FormEvent } from 'react';
 import { ForwardRefExoticComponent } from 'react';
 import { HTMLAttributes } from 'react';
-import type { HTMLProps } from 'react';
+import { HTMLProps } from 'react';
 import { IChannelMessage } from '@cuemath/cue-message-broker';
-import type { IframeHTMLAttributes } from 'react';
-import type { ImgHTMLAttributes } from 'react';
-import type { InputHTMLAttributes } from 'react';
+import { IframeHTMLAttributes } from 'react';
+import { ImgHTMLAttributes } from 'react';
+import { InputHTMLAttributes } from 'react';
 import { IProvidedProps } from 'google-maps-react';
 import { IStyledComponent } from 'styled-components';
 import { JSX } from 'react/jsx-runtime';
 import { MemoExoticComponent } from 'react';
-import type { MutableRefObject } from 'react';
+import { MutableRefObject } from 'react';
 import { NamedExoticComponent } from 'react';
 import { Omit as Omit_2 } from 'google-maps-react';
-import type { PLUGIN_NAME } from '@cuemath/analytics-v2/dist/constants';
+import { PLUGIN_NAME } from '@cuemath/analytics-v2/dist/constants';
 import { PropsWithChildren } from 'react';
 import { ReactElement } from 'react';
 import { ReactNode } from 'react';
 import { RefAttributes } from 'react';
 import { RefObject } from 'react';
 import { ResourceModel } from '@cuemath/rest-api';
-import type { SetStateAction } from 'react';
+import { SetStateAction } from 'react';
 import { Substitute } from 'styled-components/dist/types';
 import { SVGProps } from 'react';
 import { VideoHTMLAttributes } from 'react';
@@ -84,7 +84,7 @@ declare type AnimationSegment = [number, number];
 export declare const AppLoader: FC<IAppLoaderProps>;
 
 export declare const ArcButton: NamedExoticComponent<IArcButtonProps & {
-    children?: ReactNode | undefined;
+children?: ReactNode | undefined;
 } & RefAttributes<HTMLDivElement>>;
 
 export declare const ArrowTooltip: NamedExoticComponent<IArrowTooltipProps>;
@@ -440,7 +440,7 @@ declare interface CueCoinIconProps extends SVGProps<SVGSVGElement> {
     variant?: 'gold' | 'silver';
 }
 
-export declare const CuemathAppFeatures: NamedExoticComponent<{}>;
+export declare const CuemathAppFeatures: NamedExoticComponent<    {}>;
 
 export declare const CuemathLogo: FC<SVGProps<SVGSVGElement>>;
 
@@ -468,11 +468,12 @@ export declare const CustomInputField: NamedExoticComponent<ICustomInputFieldPro
 export declare const DailyTimeline: FC<DailyTimelineProps>;
 
 declare interface DailyTimelineProps {
-    userType: TUserTypes;
+    userType: TUserTypes_2;
     studentId: string;
-    courseStreams: TCourseStream[];
+    courseStreams?: TCourseStream[];
     onPuzzlesClick: (userNodeId: string) => void;
-    onReviewClick: (userNodeId: string) => void;
+    onReviewClick?: (userNodeId: string | null, isSatMockTestBlock: boolean, userBlockId: string | null) => void;
+    scrollAreaHeight: string | number | undefined;
 }
 
 export declare const DashArrowIcon: FC<SVGProps<SVGSVGElement>>;
@@ -698,7 +699,7 @@ declare enum GENDER {
     OTHER = "OTHER"
 }
 
-export declare const getActiveSATSheet: (sheets: TLPARSheetData[]) => TLPARSheetData;
+export declare const getActiveSATSheet: (sheets: TLPARSheetData[]) => TLPARSheetData | undefined;
 
 declare const getArrowTooltipConfig: IGetArrowTooltipConfig;
 
@@ -5241,7 +5242,7 @@ export declare const OTPInput: NamedExoticComponent<IOTPInputProps>;
 export declare type OutcomeStage = keyof typeof STAGES;
 
 export declare const OverlayLoader: MemoExoticComponent<({ isLoading }: {
-    isLoading?: boolean | undefined;
+isLoading?: boolean | undefined;
 }) => JSX.Element | null>;
 
 export declare const ParentDashboard: MemoExoticComponent<(props: IParentDashboardProps) => JSX.Element>;
@@ -5564,7 +5565,7 @@ export declare const SheetIcon: FC<SVGProps<SVGSVGElement>>;
 export declare const SheetList: FC<ISheetsListProps>;
 
 export declare const SheetLocked: MemoExoticComponent<({ onHomeClick }: {
-    onHomeClick: () => void;
+onHomeClick: () => void;
 }) => JSX.Element>;
 
 export declare const SignUp: ({ mathGymEnrolledUser, circleEnrolledUser, circleOnLeapPremiumDays, circleUsername, countryCode, grade: defaultGrade, state, circleOnLeapPremiumEnabled, studentId, isSignUpProcessing, onCreateUser, onUpdateUser, onSignupStepsComplete, isPLAStudent, }: ISignUpProps) => JSX.Element;
@@ -6911,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;
@@ -7082,8 +7085,8 @@ export declare const useGetMilestoneResources: (initialId?: string, initialQuery
 
 export declare const useGetPastMilestoneCount: (initialId?: string, initialQuery?: void | undefined) => {
     get: (id: string, query: void, meta: TQuery_2) => Promise<void>;
-    resource: ResourceModel<{
-        user_milestones_count: number;
+    resource: ResourceModel<    {
+    user_milestones_count: number;
     }> | undefined;
     data: {
         user_milestones_count: number;

package/package.json

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