npm - @cuemath/leap - Versions diffs - 3.5.9-as1 → 3.5.9-as3 - Mend

@cuemath/leap 3.5.9-as1 → 3.5.9-as3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (19) hide show

package/dist/features/timeline/comps/daily-timeline-items/daily-timeline-items-styled.js CHANGED Viewed

@@ -1,13 +1,31 @@
 import e from "styled-components";
-import t from "../../../ui/layout/flex-view.js";
-const i = e(t)`
-  border-left: ${({ $isLastCard: o, theme: r }) => o ? "none" : `1px dashed ${r.colors.GREY_3}`};
+import n from "../../../ui/layout/flex-view.js";
+const i = e(n)`
+  border-bottom: ${({ $shouldAddBorder: o, theme: t }) => o ? `1px solid ${t.colors.BLACK}` : "none"};
+`, p = e(n)`
+  border-top: none;
+  border-bottom: ${({ $isExpanded: o }) => o && "none"};
+  padding-bottom: 24px;
+`, s = e(n)`
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  z-index: 2;
+`;
+e(n)`
+  border-bottom: ${({ $isLastItem: o, theme: t }) => o ? `1px solid ${t.colors.BLACK}` : "none"};
+`;
+const b = e(n)`
+  border-left: ${({ $isLastCard: o, theme: t }) => o ? "none" : `1px dashed ${t.colors.GREY_3}`};
   padding-bottom: ${({ $isLastCard: o }) => o ? "0" : "20px"};
   > div {
     margin-left: -8px;
   }
 `;
 export {
-  i as Card
+  b as Card,
+  i as SectionContainer,
+  p as SectionFooter,
+  s as TagContainer
 };
 //# sourceMappingURL=daily-timeline-items-styled.js.map

package/dist/features/timeline/comps/daily-timeline-items/daily-timeline-items-styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"daily-timeline-items-styled.js","sources":["../../../../../src/features/timeline/comps/daily-timeline-items/daily-timeline-items-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\n\nexport const Card = styled(FlexView)<{ $isLastCard: boolean }>`\n border-left: ${({ $isLastCard, theme }) =>\n $isLastCard ? 'none' : `1px dashed ${theme.colors.GREY_3}`};\n padding-bottom: ${({ $isLastCard }) => ($isLastCard ? '0' : '20px')};\n > div {\n margin-left: -8px;\n }\n`;\n"],"names":["~~Card~~","styled","FlexView","$~~isLastCard~~","theme"],"mappings":";;AAIa,MAAAA,~~IAAOC~~,EAAOC,CAAQ;AAAA,iBAClB,CAAC,EAAE,~~aAAAC~~,GAAa,~~OAAAC~~,EAAM,~~MACnCD~~,IAAc,SAAS,~~cAAcC~~,EAAM,OAAO,MAAM,EAAE;AAAA,oBAC1C,CAAC,EAAE,~~aAAAD~~,EAAA,MAAmBA,IAAc,MAAM,MAAO;AAAA;AAAA;AAAA;AAAA;"}
1	+ {"version":3,"file":"daily-timeline-items-styled.js","sources":["../../../../../src/features/timeline/comps/daily-timeline-items/daily-timeline-items-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\n\nexport const SectionContainer = styled(FlexView)<{ $shouldAddBorder?: boolean }>`\n border-bottom: ${({ $shouldAddBorder, theme }) =>\n $shouldAddBorder ? `1px solid ${theme.colors.BLACK}` : 'none'};\n`;\n\nexport const SectionFooter = styled(FlexView)<{ $isExpanded?: boolean }>`\n border-top: none;\n border-bottom: ${({ $isExpanded }) => $isExpanded && 'none'};\n padding-bottom: 24px;\n`;\n\nexport const TagContainer = styled(FlexView)`\n position: absolute;\n top: 0px;\n left: 0px;\n z-index: 2;\n`;\n\nexport const SectionChild = styled(FlexView)<{ $isLastItem?: boolean }>`\n border-bottom: ${({ $isLastItem, theme }) =>\n $isLastItem ? `1px solid ${theme.colors.BLACK}` : 'none'};\n`;\n\nexport const Card = styled(FlexView)<{ $isLastCard: boolean }>`\n border-left: ${({ $isLastCard, theme }) =>\n $isLastCard ? 'none' : `1px dashed ${theme.colors.GREY_3}`};\n padding-bottom: ${({ $isLastCard }) => ($isLastCard ? '0' : '20px')};\n > div {\n margin-left: -8px;\n }\n`;\n"],"names":["SectionContainer","styled","FlexView","$shouldAddBorder","theme","SectionFooter","$isExpanded","TagContainer","$isLastItem","Card","$isLastCard"],"mappings":";;AAIa,MAAAA,IAAmBC,EAAOC,CAAQ;AAAA,mBAC5B,CAAC,EAAE,kBAAAC,GAAkB,OAAAC,EAAM,MAC1CD,IAAmB,aAAaC,EAAM,OAAO,KAAK,KAAK,MAAM;AAAA,GAGpDC,IAAgBJ,EAAOC,CAAQ;AAAA;AAAA,mBAEzB,CAAC,EAAE,aAAAI,QAAkBA,KAAe,MAAM;AAAA;AAAA,GAIhDC,IAAeN,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAOfD,EAAOC,CAAQ;AAAA,mBACxB,CAAC,EAAE,aAAAM,GAAa,OAAAJ,EAAM,MACrCI,IAAc,aAAaJ,EAAM,OAAO,KAAK,KAAK,MAAM;AAAA;AAG/C,MAAAK,IAAOR,EAAOC,CAAQ;AAAA,iBAClB,CAAC,EAAE,aAAAQ,GAAa,OAAAN,EAAM,MACnCM,IAAc,SAAS,cAAcN,EAAM,OAAO,MAAM,EAAE;AAAA,oBAC1C,CAAC,EAAE,aAAAM,EAAA,MAAmBA,IAAc,MAAM,MAAO;AAAA;AAAA;AAAA;AAAA;"}

package/dist/features/timeline/comps/daily-timeline-items/daily-timeline-items.js CHANGED Viewed

@@ -1,43 +1,110 @@
-import { jsx as e } from "react/jsx-runtime";
-import { memo as p } from "react";
-import f from "../../../ui/layout/flex-view.js";
-import u from "../../../ui/simple-accordian/simple-accordion.js";
-import g from "../accordion-item/accordion-item.js";
-import { Card as h } from "./daily-timeline-items-styled.js";
-import { getTimelineCardIcon as y } from "../utils.js";
-const C = p((l) => {
+import { jsx as e, jsxs as s, Fragment as y } from "react/jsx-runtime";
+import { memo as w, useState as E, useMemo as A, useCallback as T } from "react";
+import k from "../../../../assets/line-icons/icons/plus.js";
+import S from "../../../ui/accordion-section/accordion-section.js";
+import l from "../../../ui/layout/flex-view.js";
+import j from "../../../../assets/line-icons/icons/minus.js";
+import B from "../../../ui/image/image.js";
+import h from "../../../ui/text/text.js";
+import D from "../accordion-item/accordion-item.js";
+import { SectionContainer as L, TagContainer as v, SectionFooter as F, Card as K } from "./daily-timeline-items-styled.js";
+import { getTimelineCardIcon as V } from "../utils.js";
+import { useUIContext as X } from "../../../ui/context/context.js";
+const z = w(($) => {
   const {
-    type: i,
-    summary: a,
-    cards: o,
-    onPuzzleClick: n,
-    onReviewClick: d,
-    courseStream: r,
-    shouldShowTag: s,
-    userType: c
-  } = l;
+    type: t,
+    summary: o,
+    cards: n,
+    onPuzzleClick: f,
+    onReviewClick: g,
+    courseStream: m,
+    shouldShowTag: C,
+    userType: I,
+    isLastItem: d,
+    fromDate: a,
+    studentId: c
+  } = $, [r, b] = E(!1), p = A(() => V(t), [t]), { onEvent: x } = X(), _ = T(
+    (i) => {
+      b(i), x(i ? "timeline_view_expanded" : "timeline_view_collapsed", {
+        timeline_date: a,
+        student_id: c,
+        timeline_section_type: t,
+        timeline_section_subject: o
+      });
+    },
+    [a, c, t, o]
+  );
   return /* @__PURE__ */ e(
-    u,
+    S,
     {
-      tag: s && r ? r : void 0,
-      title: a ?? "",
-      defaultExpanded: !1,
-      icon: y(i) ?? "",
-      children: o.length > 0 && /* @__PURE__ */ e(f, { $gutter: 32, $marginBottom: 24, children: o.map((m, t) => /* @__PURE__ */ e(h, { $isLastCard: t === o.length - 1, children: /* @__PURE__ */ e(
-        g,
+      headerElement: /* @__PURE__ */ s(
+        L,
+        {
+          $borderColor: "BLACK_1",
+          $shouldAddBorder: d && !r,
+          children: [
+            C && m && /* @__PURE__ */ e(v, { $position: "absolute", $background: "BLACK", $gutter: 4, children: /* @__PURE__ */ e(h, { $renderAs: "ab4-black", $color: "WHITE", children: m }) }),
+            /* @__PURE__ */ s(
+              l,
+              {
+                $flexDirection: "row",
+                $alignItems: "center",
+                $justifyContent: "space-between",
+                $gutterX: 1,
+                $gapX: 1.32,
+                children: [
+                  /* @__PURE__ */ s(
+                    l,
+                    {
+                      $flexDirection: "row",
+                      $alignItems: "center",
+                      $justifyContent: "center",
+                      $flexGapX: 1.125,
+                      children: [
+                        /* @__PURE__ */ e(l, { children: p && /* @__PURE__ */ e(B, { src: p }) }),
+                        /* @__PURE__ */ e(h, { $renderAs: "ab2", children: o ?? "" })
+                      ]
+                    }
+                  ),
+                  r ? /* @__PURE__ */ e(j, { width: 20, height: 20 }) : /* @__PURE__ */ e(k, { width: 20, height: 20 })
+                ]
+              }
+            )
+          ]
+        }
+      ),
+      bodyElement: n.length > 0 ? /* @__PURE__ */ e(
+        F,
         {
-          card: m,
-          onPuzzleClick: n,
-          onReviewClick: d,
-          type: i,
-          userType: c
+          $gutter: 32,
+          $borderColor: "BLACK_1",
+          $isExpanded: r && !d,
+          children: n.map((i, u) => /* @__PURE__ */ e(
+            K,
+            {
+              $isLastCard: u === n.length - 1,
+              children: /* @__PURE__ */ e(
+                D,
+                {
+                  card: i,
+                  onPuzzleClick: f,
+                  onReviewClick: g,
+                  type: t,
+                  userType: I
+                }
+              )
+            },
+            `${i.node_id}-${u}`
+          ))
         }
-      ) }, `${m.node_id}-${t}`)) })
+      ) : /* @__PURE__ */ e(y, {}),
+      defaultVisible: !1,
+      onBodyVisibilityChange: _
     }
   );
 });
-C.displayName = "DailyTimelineItems";
+z.displayName = "DailyTimelineItems";
 export {
-  C as default
+  z as default
 };
 //# sourceMappingURL=daily-timeline-items.js.map

package/dist/features/timeline/comps/daily-timeline-items/daily-timeline-items.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"daily-timeline-items.js","sources":["../../../../../src/features/timeline/comps/daily-timeline-items/daily-timeline-items.tsx"],"sourcesContent":["import { memo, type FC } from 'react';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport ~~SimpleAccordion~~ from '../../../ui/~~simple-accordian~~/~~simple-accordion~~';\nimport AccordionItem from '../accordion-item/accordion-item';\nimport * as Styled from './daily-timeline-items-styled';\nimport { getTimelineCardIcon } from '../utils';\nimport { type IDailyTimelineItemsProps } from './daily-timeline-items.types';\n\nconst DailyTimelineItems: FC<IDailyTimelineItemsProps> = memo(props => {\n const {\n type,\n summary,\n cards,\n onPuzzleClick,\n onReviewClick,\n courseStream,\n shouldShowTag,\n userType,\n } = props;\n\n return (\n <~~SimpleAccordion~~\n ~~tag~~={shouldShowTag && courseStream ? ~~courseStream~~ : ~~undefined~~}\n ~~title~~={summary ?? ''}\n ~~defaultExpanded~~={~~false~~}\n ~~icon~~={~~getTimelineCardIcon(type)~~ ?? ''}\n >\n {cards.length > 0 && (\n <~~FlexView~~ $gutter={32} $~~marginBottom~~={24}>\n {cards.map((card, index) => (\n <Styled.Card key={`${card.node_id}-${index}`} $isLastCard={index === cards.length - 1}>\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 ~~</SimpleAccordion>\~~n );\n});\n\nDailyTimelineItems.displayName = 'DailyTimelineItems';\n\nexport default DailyTimelineItems;\n"],"names":["DailyTimelineItems","memo","props","type","summary","cards","onPuzzleClick","onReviewClick","courseStream","shouldShowTag","userType","~~jsx~~","~~SimpleAccordion~~","getTimelineCardIcon","FlexView","card","index","Styled.Card","AccordionItem"],"mappings":"~~;;;;;;;AASM~~,MAAAA,IAAmDC,EAAK,CAASC,MAAA;AAC/D,QAAA;AAAA,IACJ,MAAAC;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC;AAAA,IACA,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,cAAAC;AAAA,IACA,eAAAC;AAAA,IACA,UAAAC;AAAA,EACE,~~IAAAR~~;~~AAGF~~,SAAA,~~gBAAAS~~;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,~~KAAKH~~,KAAiBD,~~IAAeA~~,~~IAAe~~;AAAA,~~MACpD~~,~~OAAOJ~~,~~KAAW~~;AAAA,~~MAClB~~,~~iBAAiB~~;AAAA,~~MACjB~~,~~MAAMS~~,~~EAAoBV~~,~~CAAI~~,~~KAAK~~;AAAA,~~MAElC~~,~~UAAAE~~,EAAM,SAAS,~~KACd~~,~~gBAAAM~~,~~EAACG~~,~~KAAS~~,SAAS,~~IAAI~~,~~eAAe~~,~~IACnC~~,~~UAAMT~~,EAAA,IAAI,~~CAACU~~,GAAMC,~~wBACfC~~,~~GAAA~~,~~EAA6C~~,aAAaD,~~MAAUX~~,EAAM,SAAS,~~GAClF~~,UAAA,~~gBAAAM~~;AAAA,~~QAACO~~;AAAA,~~QAAA~~;AAAA,~~UACC~~,MAAAH;AAAA,~~UACA~~,~~eAAAT~~;AAAA,~~UACA~~,eAAAC;AAAA,~~UACA~~,MAAAJ;AAAA,~~UACA~~,UAAAO;AAAA,~~QAAA~~;AAAA,~~MAAA~~,~~KANc~~,~~GAAGK~~,EAAK,OAAO,IAAIC,CAAK,~~EAQ1C~~,~~CACD~~,~~GACH~~;AAAA,IAAA;AAAA,EAAA;~~AAIR~~,CAAC;~~AAEDhB~~,EAAmB,cAAc;"}
1	+ {"version":3,"file":"daily-timeline-items.js","sources":["../../../../../src/features/timeline/comps/daily-timeline-items/daily-timeline-items.tsx"],"sourcesContent":["import { memo, useCallback, useMemo, useState, type FC } from 'react';\n\nimport PlusIcon from '../../../../assets/line-icons/icons/plus';\nimport AccordionSection from '../../../ui/accordion-section/accordion-section';\nimport FlexView from '../../../ui/layout/flex-view';\nimport MinusIcon from '../../../../assets/line-icons/icons/minus';\nimport Image from '../../../ui/image/image';\nimport Text from '../../../ui/text/text';\nimport AccordionItem from '../accordion-item/accordion-item';\nimport * as Styled from './daily-timeline-items-styled';\nimport { getTimelineCardIcon } from '../utils';\nimport { type IDailyTimelineItemsProps } from './daily-timeline-items.types';\nimport { useUIContext } from '../../../ui/context/context';\n\nconst DailyTimelineItems: FC<IDailyTimelineItemsProps> = memo(props => {\n const {\n type,\n summary,\n cards,\n onPuzzleClick,\n onReviewClick,\n courseStream,\n shouldShowTag,\n userType,\n isLastItem,\n fromDate,\n studentId,\n } = props;\n const [isExpended, setIsExpended] = useState(false);\n\n const timelineIcon = useMemo(() => getTimelineCardIcon(type), [type]);\n const { onEvent: trackEvent } = useUIContext();\n\n const handleExpand = useCallback(\n (val: boolean) => {\n setIsExpended(val);\n\n trackEvent(val ? 'timeline_view_expanded' : 'timeline_view_collapsed', {\n timeline_date: fromDate,\n student_id: studentId,\n timeline_section_type: type,\n timeline_section_subject: summary,\n });\n },\n [fromDate, studentId, type, summary],\n );\n\n return (\n <AccordionSection\n headerElement={\n <Styled.SectionContainer\n $borderColor={'BLACK_1'}\n $shouldAddBorder={isLastItem && !isExpended}\n >\n {shouldShowTag && courseStream && (\n <Styled.TagContainer $position=\"absolute\" $background=\"BLACK\" $gutter={4}>\n <Text $renderAs=\"ab4-black\" $color=\"WHITE\">\n {courseStream}\n </Text>\n </Styled.TagContainer>\n )}\n <FlexView\n $flexDirection=\"row\"\n $alignItems=\"center\"\n $justifyContent=\"space-between\"\n $gutterX={1}\n $gapX={1.32}\n >\n <FlexView\n $flexDirection=\"row\"\n $alignItems=\"center\"\n $justifyContent=\"center\"\n $flexGapX={1.125}\n >\n <FlexView>{timelineIcon && <Image src={timelineIcon} />}</FlexView>\n <Text $renderAs=\"ab2\">{summary ?? ''}</Text>\n </FlexView>\n {isExpended ? (\n <MinusIcon width={20} height={20} />\n ) : (\n <PlusIcon width={20} height={20} />\n )}\n </FlexView>\n </Styled.SectionContainer>\n }\n bodyElement={\n cards.length > 0 ? (\n <Styled.SectionFooter\n $gutter={32}\n $borderColor={'BLACK_1'}\n $isExpanded={isExpended && !isLastItem}\n >\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 </Styled.SectionFooter>\n ) : (\n <></>\n )\n }\n defaultVisible={false}\n onBodyVisibilityChange={handleExpand}\n />\n );\n});\n\nDailyTimelineItems.displayName = 'DailyTimelineItems';\n\nexport default DailyTimelineItems;\n"],"names":["DailyTimelineItems","memo","props","type","summary","cards","onPuzzleClick","onReviewClick","courseStream","shouldShowTag","userType","isLastItem","fromDate","studentId","isExpended","setIsExpended","useState","timelineIcon","useMemo","getTimelineCardIcon","trackEvent","useUIContext","handleExpand","useCallback","val","jsx","AccordionSection","jsxs","Styled.SectionContainer","Styled.TagContainer","Text","FlexView","Image","MinusIcon","PlusIcon","Styled.SectionFooter","card","index","Styled.Card","AccordionItem","Fragment"],"mappings":"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"}

package/dist/features/timeline/comps/no-activity.js ADDED Viewed

@@ -0,0 +1,40 @@
+import { jsx as t, jsxs as i } from "react/jsx-runtime";
+import { memo as n } from "react";
+import c from "../../ui/image/image.js";
+import e from "../../ui/layout/flex-view.js";
+import m from "../../ui/text/text.js";
+import { getTimelineCardIcon as a } from "./utils.js";
+const o = () => {
+  const r = a("NO_ACTIVITY");
+  return /* @__PURE__ */ t(
+    e,
+    {
+      $flexDirection: "row",
+      $alignItems: "center",
+      $justifyContent: "space-between",
+      $gutterX: 1,
+      $gapX: 1.32,
+      $borderColor: "BLACK_T_04",
+      $background: "BLACK_T_15",
+      children: /* @__PURE__ */ i(
+        e,
+        {
+          $flexDirection: "row",
+          $alignItems: "center",
+          $justifyContent: "center",
+          $flexGapX: 1.125,
+          children: [
+            /* @__PURE__ */ t(e, { children: r && /* @__PURE__ */ t(c, { src: r }) }),
+            /* @__PURE__ */ t(m, { $renderAs: "ab2", children: "No Activity" })
+          ]
+        }
+      )
+    }
+  );
+};
+o.displayName = "Noactivity";
+const x = n(o);
+export {
+  x as default
+};
+//# sourceMappingURL=no-activity.js.map

package/dist/features/timeline/comps/no-activity.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"no-activity.js","sources":["../../../../src/features/timeline/comps/no-activity.tsx"],"sourcesContent":["import { memo } from 'react';\n\nimport Image from '../../ui/image/image';\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport { getTimelineCardIcon } from './utils';\n\nconst Noactivity = () => {\n const NoActivityIcon = getTimelineCardIcon('NO_ACTIVITY');\n\n return (\n <FlexView\n $flexDirection=\"row\"\n $alignItems=\"center\"\n $justifyContent=\"space-between\"\n $gutterX={1}\n $gapX={1.32}\n $borderColor=\"BLACK_T_04\"\n $background=\"BLACK_T_15\"\n >\n <FlexView\n $flexDirection=\"row\"\n $alignItems=\"center\"\n $justifyContent=\"center\"\n $flexGapX={1.125}\n >\n <FlexView>{NoActivityIcon && <Image src={NoActivityIcon} />}</FlexView>\n <Text $renderAs=\"ab2\">No Activity</Text>\n </FlexView>\n </FlexView>\n );\n};\n\nNoactivity.displayName = 'Noactivity';\n\nexport default memo(Noactivity);\n"],"names":["Noactivity","NoActivityIcon","getTimelineCardIcon","jsx","FlexView","jsxs","Image","Text","NoActivity","memo"],"mappings":";;;;;;AAOA,MAAMA,IAAa,MAAM;AACjB,QAAAC,IAAiBC,EAAoB,aAAa;AAGtD,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAe;AAAA,MACf,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAChB,UAAU;AAAA,MACV,OAAO;AAAA,MACP,cAAa;AAAA,MACb,aAAY;AAAA,MAEZ,UAAA,gBAAAC;AAAA,QAACD;AAAA,QAAA;AAAA,UACC,gBAAe;AAAA,UACf,aAAY;AAAA,UACZ,iBAAgB;AAAA,UAChB,WAAW;AAAA,UAEX,UAAA;AAAA,YAAA,gBAAAD,EAACC,KAAU,UAAkBH,KAAA,gBAAAE,EAACG,GAAM,EAAA,KAAKL,EAAgB,CAAA,GAAG;AAAA,YAC3D,gBAAAE,EAAAI,GAAA,EAAK,WAAU,OAAM,UAAW,eAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACnC;AAAA,IAAA;AAAA,EAAA;AAGN;AAEAP,EAAW,cAAc;AAEzB,MAAeQ,IAAAC,EAAKT,CAAU;"}

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

@@ -1,26 +1,18 @@
 import o from "styled-components";
 import t from "../ui/layout/flex-view.js";
-const n = o(t)`
+const l = o(t)`
   overflow-y: auto;
   width: 100%;
 `, m = o(t)`
   max-width: 512px;
   width: 100%;
-`, d = o(t)`
-  & > div {
-    border-bottom: none;
-  }
-  & > div:last-child {
-    border-bottom: 1px solid ${({ theme: i, $borderBottomColor: e }) => i.colors[e]};
-  }
-`, a = o(t)`
+`, n = o(t)`
   margin-top: ${({ $addedMonthBreak: i }) => i ? "-122px" : "0"};
   z-index: 1;
 `;
 export {
-  a as DailyItems,
+  n as DailyItems,
   m as DailyTimelineContainer,
-  d as DailyTimelineItemsContainer,
-  n as ScrollWrapper
+  l as ScrollWrapper
 };
 //# sourceMappingURL=daily-timeline-styled.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"daily-timeline-styled.js","sources":["../../../src/features/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;"}
1	+ {"version":3,"file":"daily-timeline-styled.js","sources":["../../../src/features/timeline/daily-timeline-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../ui/layout/flex-view';\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 DailyItems = styled(FlexView)<{ $addedMonthBreak?: boolean }>`\n margin-top: ${({ $addedMonthBreak }) => ($addedMonthBreak ? '-122px' : '0')};\n z-index: 1;\n`;\n\nexport { DailyTimelineContainer, DailyItems, ScrollWrapper };\n"],"names":["ScrollWrapper","styled","FlexView","DailyTimelineContainer","DailyItems","$addedMonthBreak"],"mappings":";;AAIM,MAAAA,IAAgBC,EAAOC,CAAQ;AAAA;AAAA;AAAA,GAK/BC,IAAyBF,EAAOC,CAAQ;AAAA;AAAA;AAAA,GAKxCE,IAAaH,EAAOC,CAAQ;AAAA,gBAClB,CAAC,EAAE,kBAAAG,EAAA,MAAwBA,IAAmB,WAAW,GAAI;AAAA;AAAA;"}

package/dist/features/timeline/daily-timeline-types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"daily-timeline-types.js","sources":["../../../src/features/timeline/daily-timeline-types.ts"],"sourcesContent":["import { type TCourseStream } from '../milestone/create/milestone-create-types';\n\nexport const USER_TYPE = { TEACHER: 'TEACHER', STUDENT: 'STUDENT', PARENT: 'PARENT' } as const;\n\nexport interface IDailyTimelineProps {\n userType: (typeof USER_TYPE)[keyof typeof USER_TYPE];\n studentId: string;\n courseStreams?: TCourseStream[];\n onPuzzlesClick: (userNodeId: string) => void;\n onReviewClick?: (\n userNodeId: string \| null,\n isSatMockTestBlock: boolean,\n userBlockId: string \| null,\n ) => void;\n scrollAreaHeight: string \| number ~~\| undefined~~;\n}\n"],"names":["USER_TYPE"],"mappings":"AAEO,MAAMA,IAAY,EAAE,SAAS,WAAW,SAAS,WAAW,QAAQ,SAAS;"}
1	+ {"version":3,"file":"daily-timeline-types.js","sources":["../../../src/features/timeline/daily-timeline-types.ts"],"sourcesContent":["import { type TCourseStream } from '../milestone/create/milestone-create-types';\n\nexport const USER_TYPE = { TEACHER: 'TEACHER', STUDENT: 'STUDENT', PARENT: 'PARENT' } as const;\n\nexport interface IDailyTimelineProps {\n userType: (typeof USER_TYPE)[keyof typeof USER_TYPE];\n studentId: string;\n courseStreams?: TCourseStream[];\n onPuzzlesClick: (userNodeId: string) => void;\n onReviewClick?: (\n userNodeId: string \| null,\n isSatMockTestBlock: boolean,\n userBlockId: string \| null,\n ) => void;\n scrollAreaHeight?: string \| number;\n}\n"],"names":["USER_TYPE"],"mappings":"AAEO,MAAMA,IAAY,EAAE,SAAS,WAAW,SAAS,WAAW,QAAQ,SAAS;"}

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

@@ -1,136 +1,133 @@
-import { jsx as t, jsxs as u } from "react/jsx-runtime";
-import { memo as U, useState as O, useRef as V, useMemo as B, useCallback as W, useEffect as y } 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 T from "../ui/layout/flex-view.js";
-import Q from "../ui/loader/app-loader/app-loader.js";
-import f from "../ui/separator/separator.js";
-import ee from "../ui/simple-accordian/simple-accordion.js";
-import te from "../ui/text/text.js";
-import { useDailyTimelineGet as re } from "./api/use-daily-timeline-get.js";
-import { getTimelineCardIcon as oe, getDayMonthYear as R } from "./comps/utils.js";
-import ie from "./comps/daily-timeline-items/daily-timeline-items.js";
-import { ScrollWrapper as ne, DailyTimelineContainer as ae, DailyItems as se, DailyTimelineItemsContainer as me } from "./daily-timeline-styled.js";
-import { USER_TYPE as le } from "./daily-timeline-types.js";
-import ce from "./comps/month-break/month-break.js";
-import fe from "./comps/year-break/year-break.js";
-import { INITIAL_PAGE as he } from "./comps/constants.js";
-import { parseISO as v } from "../../node_modules/date-fns/parseISO.js";
-import { isLastDayOfMonth as de } from "../../node_modules/date-fns/isLastDayOfMonth.js";
-const x = U(
-  ({ userType: h, studentId: d, courseStreams: m, onPuzzlesClick: b, onReviewClick: k, scrollAreaHeight: _ }) => {
-    const [l, C] = O([]), [p, L] = O(!1), $ = V(null), j = B(() => oe("NO_ACTIVITY"), []), {
-      get: D,
-      data: i,
-      isProcessingFailed: w,
+import { jsx as o, jsxs as u } from "react/jsx-runtime";
+import { memo as V, useState as v, useCallback as w, useMemo as W, useEffect as p } from "react";
+import q from "../ui/error/error.js";
+import I from "../ui/layout/flex-view.js";
+import H from "../ui/loader/app-loader/app-loader.js";
+import J from "../ui/intersection-loader/intersection-loader.js";
+import g from "../ui/separator/separator.js";
+import Q from "../ui/text/text.js";
+import { useDailyTimelineGet as Z } from "./api/use-daily-timeline-get.js";
+import { getDayMonthYear as N } from "./comps/utils.js";
+import ee from "./comps/daily-timeline-items/daily-timeline-items.js";
+import { ScrollWrapper as oe, DailyTimelineContainer as te, DailyItems as re } from "./daily-timeline-styled.js";
+import { USER_TYPE as ie } from "./daily-timeline-types.js";
+import ae from "./comps/month-break/month-break.js";
+import se from "./comps/year-break/year-break.js";
+import { INITIAL_PAGE as me } from "./comps/constants.js";
+import { getTimezone as ne } from "../../helpers/date-time.js";
+import le from "./comps/no-activity.js";
+import { useUIContext as fe } from "../ui/context/context.js";
+import { parseISO as O } from "../../node_modules/date-fns/parseISO.js";
+import { isLastDayOfMonth as ce } from "../../node_modules/date-fns/isLastDayOfMonth.js";
+const j = V(
+  ({ userType: d, studentId: i, courseStreams: l, onPuzzlesClick: P, onReviewClick: R, scrollAreaHeight: L }) => {
+    const [f, T] = v([]), [y, $] = v(!1), { onEvent: c } = fe(), {
+      get: M,
+      data: e,
+      isProcessingFailed: X,
       isProcessing: Y
-    } = re(d), { user_logs: g } = i ?? {}, a = W(
-      (e = he, r = !1) => {
-        r && L(!0), D(d, {
-          page: e,
+    } = Z(i), { user_logs: _ } = e ?? {}, m = w(
+      (t = me, a = !1) => {
+        a && $(!0), M(i, {
+          page: t,
           size: 10,
-          timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
-          course_stream: h === le.TEACHER ? m : []
+          timezone: ne(),
+          course_stream: d === ie.TEACHER ? l : []
         });
       },
-      [D, d, h, m]
-    ), K = B(() => {
-      const e = /* @__PURE__ */ new Set();
-      l.forEach((o) => {
-        o.daily_logs && o.daily_logs.forEach((n) => {
-          n.course_stream && n.course_stream !== "CIRCLE" && e.add(n.course_stream);
+      [M, i, d, l]
+    ), b = W(() => {
+      const t = /* @__PURE__ */ new Set();
+      f.forEach((r) => {
+        r.daily_logs && r.daily_logs.forEach((s) => {
+          s.course_stream && s.course_stream !== "CIRCLE" && t.add(s.course_stream);
         });
       });
-      const r = new Set(
-        (m || []).filter((o) => String(o) !== "CIRCLE")
+      const a = new Set(
+        (l || []).filter((r) => String(r) !== "CIRCLE")
       );
-      return r.size > 1 || e.size > 1 || r.size > 0 && e.size > 0 && (r.size !== e.size || !Array.from(r).every((o) => e.has(o)));
-    }, [l, m]);
-    return y(() => {
-      i && (i.curr_page === 1 ? C(g ?? []) : (C((e) => [...e, ...g ?? []]), L(!1)));
-    }, [i, g]), y(() => {
-      a(1, !1);
-    }, [a]), y(() => {
-      const e = $.current;
-      if (!e) return;
-      const r = () => {
-        i != null && i.next_page && !p && e.scrollTop + e.clientHeight >= e.scrollHeight - 100 && a(i.next_page, !0);
-      };
-      return e.addEventListener("scroll", r), () => {
-        e.removeEventListener("scroll", r);
-      };
-    }, [i, p, a]), w ? /* @__PURE__ */ t(J, { height: "70vh", onTryAgain: () => a(1, !1) }) : Y && !l.length ? /* @__PURE__ */ t(T, { $alignItems: "center", $justifyContent: "center", $height: _, children: /* @__PURE__ */ t(Q, { width: "100%", height: "100%" }) }) : /* @__PURE__ */ t(
-      ne,
+      return a.size > 1 || t.size > 1 || a.size > 0 && t.size > 0 && (a.size !== t.size || !Array.from(a).every((r) => t.has(r)));
+    }, [f, l]), B = w(() => {
+      e != null && e.next_page && !y && m(e.next_page, !0);
+    }, [e == null ? void 0 : e.next_page, y, m]);
+    return p(() => {
+      e && (e.curr_page === 1 ? T(_ ?? []) : (T((t) => [...t, ..._ ?? []]), $(!1)));
+    }, [e, _]), p(() => {
+      c("timeline_viewed", {
+        student_id: i
+      });
+    }, [i, c]), p(() => () => {
+      c("timeline_closed", {
+        student_id: i
+      });
+    }, [i, c]), p(() => {
+      m(1, !1);
+    }, [m]), X ? /* @__PURE__ */ o(q, { height: L || "100vh", onTryAgain: () => m(1, !1) }) : Y && !f.length ? /* @__PURE__ */ o(
+      I,
       {
-        ref: $,
-        $height: _,
         $alignItems: "center",
-        children: /* @__PURE__ */ u(ae, { children: [
-          l.map((e, r) => {
-            const { daily_logs: o, from_date: n, to_date: I } = e;
-            if (o) {
-              const P = v(n), A = v(I), {
-                day: E,
-                month: S,
-                monthName: X
-              } = R(P), {
-                day: M,
-                month: z,
-                year: F,
-                monthName: G
-              } = R(A), c = de(A), N = c && z === 12 && M === 31;
-              return /* @__PURE__ */ u(T, { children: [
-                /* @__PURE__ */ t(fe, { toYear: F, isLastDayOfYear: N }),
-                !N && S && c && /* @__PURE__ */ t(f, { heightX: 1 }),
-                /* @__PURE__ */ t(ce, { fromMonth: S, isLastDayOfMth: c }),
-                /* @__PURE__ */ u(se, { $gutterX: 1, $addedMonthBreak: !!(c && z), children: [
-                  /* @__PURE__ */ t(f, { heightX: 1 }),
-                  /* @__PURE__ */ t(te, { $renderAs: "ac4-black", $color: "BLACK_T_60", children: n === I ? `${E} ${X}` : `${E} - ${M} ${G}` }),
-                  /* @__PURE__ */ t(f, { heightX: 1 }),
-                  /* @__PURE__ */ t(
-                    me,
-                    {
-                      $borderBottomColor: o.length > 0 ? "BLACK" : "BLACK_T_04",
-                      children: o.length > 0 ? o.map((s, H) => /* @__PURE__ */ t(
-                        ie,
-                        {
-                          type: s.type,
-                          summary: s.summary ?? "",
-                          courseStream: s.course_stream,
-                          cards: s.cards,
-                          onPuzzleClick: b,
-                          onReviewClick: k,
-                          userType: h,
-                          shouldShowTag: K && s.course_stream !== "CIRCLE"
-                        },
-                        `timeline-${H}`
-                      )) : /* @__PURE__ */ t(
-                        ee,
-                        {
-                          icon: j ?? "",
-                          title: "No Activity",
-                          defaultExpanded: !1,
-                          $borderColor: "BLACK_T_04",
-                          $backgroundColor: "BLACK_T_15"
-                        }
-                      )
-                    }
-                  ),
-                  /* @__PURE__ */ t(f, { heightX: 1 })
-                ] })
-              ] }, `timeline-entry-${r}`);
-            }
-          }),
-          p && /* @__PURE__ */ t(T, { $alignItems: "center", $justifyContent: "center", $height: "100%", children: /* @__PURE__ */ t(q, { src: Z.LOADER, alt: "Loader", $size: "large" }) })
-        ] })
+        $justifyContent: "center",
+        $height: L || "100vh",
+        children: /* @__PURE__ */ o(H, { width: "100%", height: "100%" })
       }
-    );
+    ) : /* @__PURE__ */ o(oe, { $alignItems: "center", children: /* @__PURE__ */ u(te, { children: [
+      f.map((t, a) => {
+        const { daily_logs: r, from_date: s, to_date: C } = t;
+        if (r) {
+          const F = O(s), D = O(C), {
+            day: E,
+            month: z,
+            monthName: G
+          } = N(F), {
+            day: S,
+            month: x,
+            year: U,
+            monthName: K
+          } = N(D), h = ce(D), A = h && x === 12 && S === 31;
+          return /* @__PURE__ */ u(I, { children: [
+            /* @__PURE__ */ o(se, { toYear: U, isLastDayOfYear: A }),
+            !A && z && h && /* @__PURE__ */ o(g, { heightX: 1 }),
+            /* @__PURE__ */ o(ae, { fromMonth: z, isLastDayOfMth: h }),
+            /* @__PURE__ */ u(re, { $gutterX: 1, $addedMonthBreak: !!(h && x), children: [
+              /* @__PURE__ */ o(g, { heightX: 1 }),
+              /* @__PURE__ */ o(Q, { $renderAs: "ac4-black", $color: "BLACK_T_60", children: s === C ? `${E} ${G}` : `${E} - ${S} ${K}` }),
+              /* @__PURE__ */ o(g, { heightX: 1 }),
+              r.length > 0 ? r.map((n, k) => /* @__PURE__ */ o(
+                ee,
+                {
+                  type: n.type,
+                  summary: n.summary ?? "",
+                  courseStream: n.course_stream,
+                  cards: n.cards,
+                  onPuzzleClick: P,
+                  onReviewClick: R,
+                  userType: d,
+                  shouldShowTag: b && n.course_stream !== "CIRCLE",
+                  isLastItem: k === r.length - 1,
+                  fromDate: s,
+                  studentId: i
+                },
+                `timeline-${k}`
+              )) : /* @__PURE__ */ o(le, {}),
+              /* @__PURE__ */ o(g, { heightX: 1 })
+            ] })
+          ] }, `timeline-entry-${a}`);
+        }
+      }),
+      /* @__PURE__ */ o(
+        J,
+        {
+          onLoadMore: B,
+          isLoading: y,
+          hasMore: !!(e != null && e.next_page)
+        }
+      )
+    ] }) });
   }
 );
-x.displayName = "DailyTimeline";
-const ve = x;
+j.displayName = "DailyTimeline";
+const Ie = j;
 export {
-  ve as default
+  Ie as default
 };
 //# sourceMappingURL=daily-timeline.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"daily-timeline.js","sources":["../../../src/features/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 SimpleAccordion from '../ui/simple-accordian/simple-accordion';\nimport Text from '../ui/text/text';\nimport { type ITimelineData, useDailyTimelineGet } from './api/use-daily-timeline-get';\nimport { getDayMonthYear, getTimelineCardIcon } from './comps/utils';\nimport DailyTimelineItems from './comps/daily-timeline-items/daily-timeline-items';\nimport * as Styled from './daily-timeline-styled';\nimport { USER_TYPE, type IDailyTimelineProps } from './daily-timeline-types';\nimport MonthBreak from './comps/month-break/month-break';\nimport YearBreak from './comps/year-break/year-break';\nimport { INITIAL_PAGE } from './comps/constants';\n\nconst DailyTimeline: FC<IDailyTimelineProps> = memo(\n ({ userType, studentId, courseStreams, onPuzzlesClick, onReviewClick, scrollAreaHeight }) => {\n const [allTimelineData, setAllTimelineData] = useState<ITimelineData[]>([]);\n const [isLoadingMore, setIsLoadingMore] = useState(false);\n const scrollContainerRef = useRef<HTMLDivElement>(null);\n const NoActivityIcon = useMemo(() => getTimelineCardIcon('NO_ACTIVITY'), []);\n\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 = INITIAL_PAGE, append = false) => {\n if (append) {\n setIsLoadingMore(true);\n }\n\n getTimeline(studentId, {\n page,\n size: 10,\n timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,\n course_stream: userType === USER_TYPE.TEACHER ? courseStreams : [],\n });\n },\n [getTimeline, studentId, userType, courseStreams],\n );\n\n const shouldShowTag = useMemo(() => {\n const allCourseStreams = new Set<string>();\n\n allTimelineData.forEach(entry => {\n if (entry.daily_logs) {\n entry.daily_logs.forEach(log => {\n if (log.course_stream && log.course_stream !== 'CIRCLE') {\n allCourseStreams.add(log.course_stream);\n }\n });\n }\n });\n\n const courseStreamsSet = new Set(\n (courseStreams \|\| []).filter(stream => String(stream) !== 'CIRCLE'),\n );\n\n return (\n courseStreamsSet.size > 1 \|\|\n allCourseStreams.size > 1 \|\|\n (courseStreamsSet.size > 0 &&\n allCourseStreams.size > 0 &&\n (courseStreamsSet.size !== allCourseStreams.size \|\|\n !Array.from(courseStreamsSet).every(stream => allCourseStreams.has(stream))))\n );\n }, [allTimelineData, courseStreams]);\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={scrollAreaHeight}>\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\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}\n cards={log.cards}\n onPuzzleClick={onPuzzlesClick}\n onReviewClick={onReviewClick}\n userType={userType}\n shouldShowTag={shouldShowTag && log.course_stream !== 'CIRCLE'}\n />\n ))\n ) : (\n <SimpleAccordion\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\nDailyTimeline.displayName = 'DailyTimeline';\n\nexport default DailyTimeline;\n"],"names":["DailyTimeline","memo","userType","studentId","courseStreams","onPuzzlesClick","onReviewClick","scrollAreaHeight","allTimelineData","setAllTimelineData","useState","isLoadingMore","setIsLoadingMore","scrollContainerRef","useRef","NoActivityIcon","useMemo","getTimelineCardIcon","getTimeline","timelineData","isProcessingFailed","isProcessing","useDailyTimelineGet","userLogs","fetchTimeline","useCallback","page","INITIAL_PAGE","append","USER_TYPE","shouldShowTag","allCourseStreams","entry","log","courseStreamsSet","stream","useEffect","prev","container","handleScroll","jsx","Error","FlexView","AppLoader","Styled.ScrollWrapper","jsxs","Styled.DailyTimelineContainer","index","dailyLogs","fromDate","toDate","fromDateObj","parseISO","toDateObj","fromDay","fromMonth","fromMonthName","getDayMonthYear","toDay","toMonth","toYear","toMonthName","isLastDayOfMth","isLastDayOfMonth","isLastDayOfYear","YearBreak","Separator","MonthBreak","Styled.DailyItems","Text","Styled.DailyTimelineItemsContainer","logIndex","DailyTimelineItems","SimpleAccordion","Loader","ILLUSTRATIONS","DailyTimeline$1"],"mappings":"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"}
1	+ {"version":3,"file":"daily-timeline.js","sources":["../../../src/features/timeline/daily-timeline.tsx"],"sourcesContent":["import { isLastDayOfMonth, parseISO } from 'date-fns';\nimport { memo, useCallback, useEffect, useMemo, useState, type FC } from 'react';\n\nimport Error from '../ui/error/error';\nimport FlexView from '../ui/layout/flex-view';\nimport AppLoader from '../ui/loader/app-loader/app-loader';\nimport IntersectionLoader from '../ui/intersection-loader/intersection-loader';\nimport Separator from '../ui/separator/separator';\nimport Text from '../ui/text/text';\nimport { type ITimelineData, useDailyTimelineGet } from './api/use-daily-timeline-get';\nimport { getDayMonthYear } from './comps/utils';\nimport DailyTimelineItems from './comps/daily-timeline-items/daily-timeline-items';\nimport * as Styled from './daily-timeline-styled';\nimport { USER_TYPE, type IDailyTimelineProps } from './daily-timeline-types';\nimport MonthBreak from './comps/month-break/month-break';\nimport YearBreak from './comps/year-break/year-break';\nimport { INITIAL_PAGE } from './comps/constants';\nimport { getTimezone } from '../../helpers/date-time';\nimport NoActivity from './comps/no-activity';\nimport { useUIContext } from '../ui/context/context';\n\nconst DailyTimeline: FC<IDailyTimelineProps> = memo(\n ({ userType, studentId, courseStreams, onPuzzlesClick, onReviewClick, scrollAreaHeight }) => {\n const [allTimelineData, setAllTimelineData] = useState<ITimelineData[]>([]);\n const [isLoadingMore, setIsLoadingMore] = useState(false);\n const { onEvent: trackEvent } = useUIContext();\n\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 = INITIAL_PAGE, append = false) => {\n if (append) {\n setIsLoadingMore(true);\n }\n\n getTimeline(studentId, {\n page,\n size: 10,\n timezone: getTimezone(),\n course_stream: userType === USER_TYPE.TEACHER ? courseStreams : [],\n });\n },\n [getTimeline, studentId, userType, courseStreams],\n );\n\n const shouldShowTag = useMemo(() => {\n const allCourseStreams = new Set<string>();\n\n allTimelineData.forEach(entry => {\n if (entry.daily_logs) {\n entry.daily_logs.forEach(log => {\n if (log.course_stream && log.course_stream !== 'CIRCLE') {\n allCourseStreams.add(log.course_stream);\n }\n });\n }\n });\n\n const courseStreamsSet = new Set(\n (courseStreams \|\| []).filter(stream => String(stream) !== 'CIRCLE'),\n );\n\n return (\n courseStreamsSet.size > 1 \|\|\n allCourseStreams.size > 1 \|\|\n (courseStreamsSet.size > 0 &&\n allCourseStreams.size > 0 &&\n (courseStreamsSet.size !== allCourseStreams.size \|\|\n !Array.from(courseStreamsSet).every(stream => allCourseStreams.has(stream))))\n );\n }, [allTimelineData, courseStreams]);\n\n const handleLoadMore = useCallback(() => {\n if (timelineData?.next_page && !isLoadingMore) {\n fetchTimeline(timelineData.next_page, true);\n }\n }, [timelineData?.next_page, isLoadingMore, fetchTimeline]);\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 trackEvent('timeline_viewed', {\n student_id: studentId,\n });\n }, [studentId, trackEvent]);\n\n useEffect(() => {\n return () => {\n trackEvent('timeline_closed', {\n student_id: studentId,\n });\n };\n }, [studentId, trackEvent]);\n\n useEffect(() => {\n fetchTimeline(1, false);\n }, [fetchTimeline]);\n\n if (isProcessingFailed) {\n return (\n <Error height={scrollAreaHeight \|\| '100vh'} onTryAgain={() => fetchTimeline(1, false)} />\n );\n }\n\n if (isProcessing && !allTimelineData.length) {\n return (\n <FlexView\n $alignItems=\"center\"\n $justifyContent=\"center\"\n $height={scrollAreaHeight \|\| '100vh'}\n >\n <AppLoader width=\"100%\" height=\"100%\" />\n </FlexView>\n );\n }\n\n return (\n <Styled.ScrollWrapper $alignItems=\"center\">\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\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 {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}\n cards={log.cards}\n onPuzzleClick={onPuzzlesClick}\n onReviewClick={onReviewClick}\n userType={userType}\n shouldShowTag={shouldShowTag && log.course_stream !== 'CIRCLE'}\n isLastItem={logIndex === dailyLogs.length - 1}\n fromDate={fromDate}\n studentId={studentId}\n />\n ))\n ) : (\n <NoActivity />\n )}\n <Separator heightX={1} />\n </Styled.DailyItems>\n </FlexView>\n );\n }\n })}\n <IntersectionLoader\n onLoadMore={handleLoadMore}\n isLoading={isLoadingMore}\n hasMore={!!timelineData?.next_page}\n />\n </Styled.DailyTimelineContainer>\n </Styled.ScrollWrapper>\n );\n },\n);\n\nDailyTimeline.displayName = 'DailyTimeline';\n\nexport default DailyTimeline;\n"],"names":["DailyTimeline","memo","userType","studentId","courseStreams","onPuzzlesClick","onReviewClick","scrollAreaHeight","allTimelineData","setAllTimelineData","useState","isLoadingMore","setIsLoadingMore","trackEvent","useUIContext","getTimeline","timelineData","isProcessingFailed","isProcessing","useDailyTimelineGet","userLogs","fetchTimeline","useCallback","page","INITIAL_PAGE","append","getTimezone","USER_TYPE","shouldShowTag","useMemo","allCourseStreams","entry","log","courseStreamsSet","stream","handleLoadMore","useEffect","prev","jsx","Error","FlexView","AppLoader","Styled.ScrollWrapper","jsxs","Styled.DailyTimelineContainer","index","dailyLogs","fromDate","toDate","fromDateObj","parseISO","toDateObj","fromDay","fromMonth","fromMonthName","getDayMonthYear","toDay","toMonth","toYear","toMonthName","isLastDayOfMth","isLastDayOfMonth","isLastDayOfYear","YearBreak","Separator","MonthBreak","Styled.DailyItems","Text","logIndex","DailyTimelineItems","NoActivity","IntersectionLoader","DailyTimeline$1"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAqBA,MAAMA,IAAyCC;AAAA,EAC7C,CAAC,EAAE,UAAAC,GAAU,WAAAC,GAAW,eAAAC,GAAe,gBAAAC,GAAgB,eAAAC,GAAe,kBAAAC,QAAuB;AAC3F,UAAM,CAACC,GAAiBC,CAAkB,IAAIC,EAA0B,CAAE,CAAA,GACpE,CAACC,GAAeC,CAAgB,IAAIF,EAAS,EAAK,GAClD,EAAE,SAASG,EAAW,IAAIC,GAAa,GAEvC;AAAA,MACJ,KAAKC;AAAA,MACL,MAAMC;AAAA,MACN,oBAAAC;AAAA,MACA,cAAAC;AAAA,IAAA,IACEC,EAAoBhB,CAAS,GAC3B,EAAE,WAAWiB,MAAaJ,KAAgB,CAAA,GAE1CK,IAAgBC;AAAA,MACpB,CAACC,IAAOC,IAAcC,IAAS,OAAU;AACvC,QAAIA,KACFb,EAAiB,EAAI,GAGvBG,EAAYZ,GAAW;AAAA,UACrB,MAAAoB;AAAA,UACA,MAAM;AAAA,UACN,UAAUG,GAAY;AAAA,UACtB,eAAexB,MAAayB,GAAU,UAAUvB,IAAgB,CAAC;AAAA,QAAA,CAClE;AAAA,MACH;AAAA,MACA,CAACW,GAAaZ,GAAWD,GAAUE,CAAa;AAAA,IAAA,GAG5CwB,IAAgBC,EAAQ,MAAM;AAC5B,YAAAC,wBAAuB;AAE7B,MAAAtB,EAAgB,QAAQ,CAASuB,MAAA;AAC/B,QAAIA,EAAM,cACFA,EAAA,WAAW,QAAQ,CAAOC,MAAA;AAC9B,UAAIA,EAAI,iBAAiBA,EAAI,kBAAkB,YAC5BF,EAAA,IAAIE,EAAI,aAAa;AAAA,QACxC,CACD;AAAA,MACH,CACD;AAED,YAAMC,IAAmB,IAAI;AAAA,SAC1B7B,KAAiB,CAAI,GAAA,OAAO,OAAU,OAAO8B,CAAM,MAAM,QAAQ;AAAA,MAAA;AAIlE,aAAAD,EAAiB,OAAO,KACxBH,EAAiB,OAAO,KACvBG,EAAiB,OAAO,KACvBH,EAAiB,OAAO,MACvBG,EAAiB,SAASH,EAAiB,QAC1C,CAAC,MAAM,KAAKG,CAAgB,EAAE,MAAM,CAAUC,MAAAJ,EAAiB,IAAII,CAAM,CAAC;AAAA,IAAA,GAE/E,CAAC1B,GAAiBJ,CAAa,CAAC,GAE7B+B,IAAiBb,EAAY,MAAM;AACnC,MAAAN,KAAA,QAAAA,EAAc,aAAa,CAACL,KAChBU,EAAAL,EAAa,WAAW,EAAI;AAAA,OAE3C,CAACA,KAAA,gBAAAA,EAAc,WAAWL,GAAeU,CAAa,CAAC;AA+B1D,WA7BAe,EAAU,MAAM;AACd,MAAIpB,MACEA,EAAa,cAAc,IACVP,EAAAW,KAAY,CAAA,CAAE,KAEdX,EAAA,CAAA4B,MAAQ,CAAC,GAAGA,GAAM,GAAIjB,KAAY,CAAG,CAAA,CAAC,GACzDR,EAAiB,EAAK;AAAA,IAE1B,GACC,CAACI,GAAcI,CAAQ,CAAC,GAE3BgB,EAAU,MAAM;AACd,MAAAvB,EAAW,mBAAmB;AAAA,QAC5B,YAAYV;AAAA,MAAA,CACb;AAAA,IAAA,GACA,CAACA,GAAWU,CAAU,CAAC,GAE1BuB,EAAU,MACD,MAAM;AACX,MAAAvB,EAAW,mBAAmB;AAAA,QAC5B,YAAYV;AAAA,MAAA,CACb;AAAA,IAAA,GAEF,CAACA,GAAWU,CAAU,CAAC,GAE1BuB,EAAU,MAAM;AACd,MAAAf,EAAc,GAAG,EAAK;AAAA,IAAA,GACrB,CAACA,CAAa,CAAC,GAEdJ,IAEA,gBAAAqB,EAACC,GAAM,EAAA,QAAQhC,KAAoB,SAAS,YAAY,MAAMc,EAAc,GAAG,EAAK,EAAG,CAAA,IAIvFH,KAAgB,CAACV,EAAgB,SAEjC,gBAAA8B;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,aAAY;AAAA,QACZ,iBAAgB;AAAA,QAChB,SAASjC,KAAoB;AAAA,QAE7B,UAAC,gBAAA+B,EAAAG,GAAA,EAAU,OAAM,QAAO,QAAO,QAAO;AAAA,MAAA;AAAA,IAAA,IAM1C,gBAAAH,EAACI,IAAA,EAAqB,aAAY,UAChC,UAAA,gBAAAC,EAACC,IAAA,EACE,UAAA;AAAA,MAAgBpC,EAAA,IAAI,CAACuB,GAAOc,MAAU;AACrC,cAAM,EAAE,YAAYC,GAAW,WAAWC,GAAU,SAASC,EAAW,IAAAjB;AAExE,YAAIe,GAAW;AACP,gBAAAG,IAAcC,EAASH,CAAQ,GAC/BI,IAAYD,EAASF,CAAM,GAE3B;AAAA,YACJ,KAAKI;AAAA,YACL,OAAOC;AAAA,YACP,WAAWC;AAAA,UAAA,IACTC,EAAgBN,CAAW,GAEzB;AAAA,YACJ,KAAKO;AAAA,YACL,OAAOC;AAAA,YACP,MAAMC;AAAA,YACN,WAAWC;AAAA,UAAA,IACTJ,EAAgBJ,CAAS,GAEvBS,IAAiBC,GAAiBV,CAAS,GAC3CW,IAAkBF,KAAkBH,MAAY,MAAMD,MAAU;AAEtE,mCACGhB,GACC,EAAA,UAAA;AAAA,YAAC,gBAAAF,EAAAyB,IAAA,EAAU,QAAAL,GAAgB,iBAAAI,EAAkC,CAAA;AAAA,YAC5D,CAACA,KAAmBT,KAAaO,KAAmB,gBAAAtB,EAAA0B,GAAA,EAAU,SAAS,GAAG;AAAA,YAC3E,gBAAA1B,EAAC2B,IAAW,EAAA,WAAAZ,GAAsB,gBAAAO,EAAgC,CAAA;AAAA,YAClE,gBAAAjB,EAACuB,IAAA,EAAkB,UAAU,GAAG,kBAAkB,CAAC,EAAEN,KAAkBH,IACrE,UAAA;AAAA,cAAC,gBAAAnB,EAAA0B,GAAA,EAAU,SAAS,EAAG,CAAA;AAAA,gCACtBG,GAAK,EAAA,WAAU,aAAY,QAAO,cAChC,gBAAanB,IACV,GAAGI,CAAO,IAAIE,CAAa,KAC3B,GAAGF,CAAO,MAAMI,CAAK,IAAIG,CAAW,IAC1C;AAAA,cACA,gBAAArB,EAAC0B,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,cACtBlB,EAAU,SAAS,IAClBA,EAAU,IAAI,CAACd,GAAKoC,MAClB,gBAAA9B;AAAA,gBAAC+B;AAAA,gBAAA;AAAA,kBAEC,MAAMrC,EAAI;AAAA,kBACV,SAASA,EAAI,WAAW;AAAA,kBACxB,cAAcA,EAAI;AAAA,kBAClB,OAAOA,EAAI;AAAA,kBACX,eAAe3B;AAAA,kBACf,eAAAC;AAAA,kBACA,UAAAJ;AAAA,kBACA,eAAe0B,KAAiBI,EAAI,kBAAkB;AAAA,kBACtD,YAAYoC,MAAatB,EAAU,SAAS;AAAA,kBAC5C,UAAAC;AAAA,kBACA,WAAA5C;AAAA,gBAAA;AAAA,gBAXK,YAAYiE,CAAQ;AAAA,cAAA,CAa5B,IAED,gBAAA9B,EAACgC,IAAW,EAAA;AAAA,cAEd,gBAAAhC,EAAC0B,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,YAAA,GACzB;AAAA,UAjCa,EAAA,GAAA,kBAAkBnB,CAAK,EAkCtC;AAAA,QAEJ;AAAA,MAAA,CACD;AAAA,MACD,gBAAAP;AAAA,QAACiC;AAAA,QAAA;AAAA,UACC,YAAYpC;AAAA,UACZ,WAAWxB;AAAA,UACX,SAAS,CAAC,EAACK,KAAA,QAAAA,EAAc;AAAA,QAAA;AAAA,MAC3B;AAAA,IAAA,EACF,CAAA,EACF,CAAA;AAAA,EAEJ;AACF;AAEAhB,EAAc,cAAc;AAE5B,MAAAwE,KAAexE;"}

package/dist/features/ui/intersection-loader/intersection-loader.js ADDED Viewed

@@ -0,0 +1,47 @@
+import { jsx as s } from "react/jsx-runtime";
+import { memo as p, useRef as o, useCallback as I, useEffect as d } from "react";
+import { Loader as x } from "../buttons/button/button-styled.js";
+import { ILLUSTRATIONS as R } from "../../../assets/illustrations/illustrations.js";
+import $ from "../layout/flex-view.js";
+const b = p(
+  ({ onLoadMore: u, isLoading: r = !1, hasMore: t = !0, rootMargin: f = "50px", threshold: i = 0.1 }) => {
+    const n = o(null), e = o(null), m = I(
+      (l) => {
+        const [c] = l;
+        c != null && c.isIntersecting && t && !r && u();
+      },
+      [u, t, r]
+    );
+    return d(() => {
+      if (!t) {
+        e.current && e.current.disconnect();
+        return;
+      }
+      if (r) {
+        e.current && e.current.disconnect();
+        return;
+      }
+      return e.current = new IntersectionObserver(m, {
+        rootMargin: f,
+        threshold: i
+      }), n.current && e.current.observe(n.current), () => {
+        e.current && e.current.disconnect();
+      };
+    }, [m, r, t, f, i]), !t && !r ? null : /* @__PURE__ */ s(
+      $,
+      {
+        ref: n,
+        $alignItems: "center",
+        $justifyContent: "center",
+        $height: "80px",
+        $width: "100%",
+        children: r && /* @__PURE__ */ s(x, { src: R.LOADER, alt: "Loading more...", $size: "medium" })
+      }
+    );
+  }
+);
+b.displayName = "IntersectionLoader";
+export {
+  b as default
+};
+//# sourceMappingURL=intersection-loader.js.map

package/dist/features/ui/intersection-loader/intersection-loader.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"intersection-loader.js","sources":["../../../../src/features/ui/intersection-loader/intersection-loader.tsx"],"sourcesContent":["import { memo, useCallback, useEffect, useRef, type FC } from 'react';\n\nimport { Loader } from '../buttons/button/button-styled';\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\nimport FlexView from '../layout/flex-view';\n\ninterface IIntersectionLoaderProps {\n onLoadMore: () => void;\n isLoading?: boolean;\n hasMore?: boolean;\n rootMargin?: string;\n threshold?: number;\n}\n\nconst IntersectionLoader: FC<IIntersectionLoaderProps> = memo(\n ({ onLoadMore, isLoading = false, hasMore = true, rootMargin = '50px', threshold = 0.1 }) => {\n const elementRef = useRef<HTMLDivElement>(null);\n const observerRef = useRef<IntersectionObserver | null>(null);\n\n const handleIntersection = useCallback(\n (entries: IntersectionObserverEntry[]) => {\n const [entry] = entries;\n\n if (entry?.isIntersecting && hasMore && !isLoading) {\n onLoadMore();\n }\n },\n [onLoadMore, hasMore, isLoading],\n );\n\n useEffect(() => {\n // Don't observe when no more data\n if (!hasMore) {\n if (observerRef.current) {\n observerRef.current.disconnect();\n }\n\n return;\n }\n\n // Don't observe when loading to prevent multiple calls\n if (isLoading) {\n if (observerRef.current) {\n observerRef.current.disconnect();\n }\n\n return;\n }\n\n // Create new observer\n observerRef.current = new IntersectionObserver(handleIntersection, {\n rootMargin,\n threshold,\n });\n\n // Start observing\n if (elementRef.current) {\n observerRef.current.observe(elementRef.current);\n }\n\n // Cleanup on dependency change\n return () => {\n if (observerRef.current) {\n observerRef.current.disconnect();\n }\n };\n }, [handleIntersection, isLoading, hasMore, rootMargin, threshold]);\n\n if (!hasMore && !isLoading) {\n return null;\n }\n\n return (\n <FlexView\n ref={elementRef}\n $alignItems=\"center\"\n $justifyContent=\"center\"\n $height=\"80px\"\n $width=\"100%\"\n >\n {isLoading && <Loader src={ILLUSTRATIONS.LOADER} alt=\"Loading more...\" $size=\"medium\" />}\n </FlexView>\n );\n },\n);\n\nIntersectionLoader.displayName = 'IntersectionLoader';\n\nexport default IntersectionLoader;\n"],"names":["IntersectionLoader","memo","onLoadMore","isLoading","hasMore","rootMargin","threshold","elementRef","useRef","observerRef","handleIntersection","useCallback","entries","entry","useEffect","jsx","FlexView","Loader","ILLUSTRATIONS"],"mappings":";;;;;AAcA,MAAMA,IAAmDC;AAAA,EACvD,CAAC,EAAE,YAAAC,GAAY,WAAAC,IAAY,IAAO,SAAAC,IAAU,IAAM,YAAAC,IAAa,QAAQ,WAAAC,IAAY,UAAU;AACrF,UAAAC,IAAaC,EAAuB,IAAI,GACxCC,IAAcD,EAAoC,IAAI,GAEtDE,IAAqBC;AAAA,MACzB,CAACC,MAAyC;AAClC,cAAA,CAACC,CAAK,IAAID;AAEhB,QAAIC,KAAA,QAAAA,EAAO,kBAAkBT,KAAW,CAACD,KAC5BD;MAEf;AAAA,MACA,CAACA,GAAYE,GAASD,CAAS;AAAA,IAAA;AAyC7B,WAtCJW,EAAU,MAAM;AAEd,UAAI,CAACV,GAAS;AACZ,QAAIK,EAAY,WACdA,EAAY,QAAQ;AAGtB;AAAA,MACF;AAGA,UAAIN,GAAW;AACb,QAAIM,EAAY,WACdA,EAAY,QAAQ;AAGtB;AAAA,MACF;AAGY,aAAAA,EAAA,UAAU,IAAI,qBAAqBC,GAAoB;AAAA,QACjE,YAAAL;AAAA,QACA,WAAAC;AAAA,MAAA,CACD,GAGGC,EAAW,WACDE,EAAA,QAAQ,QAAQF,EAAW,OAAO,GAIzC,MAAM;AACX,QAAIE,EAAY,WACdA,EAAY,QAAQ;MACtB;AAAA,IACF,GACC,CAACC,GAAoBP,GAAWC,GAASC,GAAYC,CAAS,CAAC,GAE9D,CAACF,KAAW,CAACD,IACR,OAIP,gBAAAY;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,KAAKT;AAAA,QACL,aAAY;AAAA,QACZ,iBAAgB;AAAA,QAChB,SAAQ;AAAA,QACR,QAAO;AAAA,QAEN,UAAAJ,uBAAcc,GAAO,EAAA,KAAKC,EAAc,QAAQ,KAAI,mBAAkB,OAAM,SAAS,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAG5F;AACF;AAEAlB,EAAmB,cAAc;"}

package/dist/index.d.ts CHANGED Viewed

@@ -1571,7 +1571,7 @@ declare interface IDailyTimelineProps {
     courseStreams?: TCourseStream[];
     onPuzzlesClick: (userNodeId: string) => void;
     onReviewClick?: (userNodeId: string | null, isSatMockTestBlock: boolean, userBlockId: string | null) => void;
-    scrollAreaHeight: string | number | undefined;
+    scrollAreaHeight?: string | number;
 }
 declare interface IDatePickerInputProps extends Omit<ICustomInputFieldProps, 'value' | 'onChange'> {

package/package.json CHANGED Viewed

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

package/dist/features/ui/simple-accordian/simple-accordion-styled.js DELETED Viewed

@@ -1,18 +0,0 @@
-import t from "styled-components";
-import e from "../layout/flex-view.js";
-const r = t(e)`
-  position: absolute;
-  top: 0px;
-  left: 0px;
-  z-index: 2;
-`, i = t(e)`
-  cursor: ${({ $disabled: o }) => o ? "not-allowed" : "pointer"};
-`, l = t(e)`
-  display: ${({ $isExpanded: o }) => o ? "flex" : "none"};
-`;
-export {
-  l as ContentWrapper,
-  r as TagContainer,
-  i as Wrapper
-};
-//# sourceMappingURL=simple-accordion-styled.js.map

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

@@ -1 +0,0 @@

- {"version":3,"file":"simple-accordion-styled.js","sources":["../../../../src/features/ui/simple-accordian/simple-accordion-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../layout/flex-view';\n\nconst TagContainer = styled(FlexView)`\n position: absolute;\n top: 0px;\n left: 0px;\n z-index: 2;\n`;\n\nconst Wrapper = styled(FlexView)<{ $disabled?: boolean }>`\n cursor: ${({ $disabled }) => ($disabled ? 'not-allowed' : 'pointer')};\n`;\n\nconst ContentWrapper = styled(FlexView)<{ $isExpanded?: boolean }>`\n display: ${({ $isExpanded }) => ($isExpanded ? 'flex' : 'none')};\n`;\n\nexport { TagContainer, Wrapper, ContentWrapper };\n"],"names":["TagContainer","styled","FlexView","Wrapper","$disabled","ContentWrapper","$isExpanded"],"mappings":";;AAIM,MAAAA,IAAeC,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,GAO9BC,IAAUF,EAAOC,CAAQ;AAAA,YACnB,CAAC,EAAE,WAAAE,EAAA,MAAiBA,IAAY,gBAAgB,SAAU;AAAA,GAGhEC,IAAiBJ,EAAOC,CAAQ;AAAA,aACzB,CAAC,EAAE,aAAAI,EAAA,MAAmBA,IAAc,SAAS,MAAO;AAAA;"}

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

@@ -1,60 +0,0 @@
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import { memo as g, useState as u, useCallback as x } from "react";
-import b from "../../../assets/line-icons/icons/minus.js";
-import h from "../../../assets/line-icons/icons/plus.js";
-import s from "../text/text.js";
-import C from "../image/image.js";
-import t from "../layout/flex-view.js";
-import { TagContainer as I, Wrapper as w, ContentWrapper as A } from "./simple-accordion-styled.js";
-const k = g(
-  ({ title: l, icon: i, tag: n, children: r, defaultExpanded: m = !1, $borderColor: c, $backgroundColor: p }) => {
-    const [a, d] = u(m), $ = x(() => {
-      r && d((f) => !f);
-    }, [r]);
-    return /* @__PURE__ */ o(
-      t,
-      {
-        $position: "relative",
-        $borderColor: c || "BLACK_1",
-        $background: p || "WHITE",
-        children: [
-          n && /* @__PURE__ */ e(I, { $background: "BLACK", $gutter: 4, children: /* @__PURE__ */ e(s, { $renderAs: "ab4-black", $color: "WHITE", children: n }) }),
-          /* @__PURE__ */ o(
-            w,
-            {
-              $flexDirection: "row",
-              $alignItems: "center",
-              $justifyContent: "space-between",
-              $gutterX: 1,
-              $gapX: 1.32,
-              $disabled: !r,
-              onClick: $,
-              children: [
-                /* @__PURE__ */ o(
-                  t,
-                  {
-                    $flexDirection: "row",
-                    $alignItems: "center",
-                    $justifyContent: "center",
-                    $flexGapX: 1.125,
-                    children: [
-                      /* @__PURE__ */ e(t, { children: i && /* @__PURE__ */ e(C, { src: i }) }),
-                      /* @__PURE__ */ e(s, { $renderAs: "ab2", children: l })
-                    ]
-                  }
-                ),
-                r && (a ? /* @__PURE__ */ e(b, { width: 20, height: 20 }) : /* @__PURE__ */ e(h, { width: 20, height: 20 }))
-              ]
-            }
-          ),
-          r && /* @__PURE__ */ e(A, { $isExpanded: a, children: r })
-        ]
-      }
-    );
-  }
-);
-k.displayName = "SimpleAccordion";
-export {
-  k as default
-};
-//# sourceMappingURL=simple-accordion.js.map

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

@@ -1 +0,0 @@

- {"version":3,"file":"simple-accordion.js","sources":["../../../../src/features/ui/simple-accordian/simple-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 './simple-accordion-styled';\nimport type { ISimpleAccordionProps } from './simple-accordion-types';\n\nconst SimpleAccordion: FC<ISimpleAccordionProps> = 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\nSimpleAccordion.displayName = 'SimpleAccordion';\n\nexport default SimpleAccordion;\n"],"names":["SimpleAccordion","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,IAA6CC;AAAA,EACjD,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;AAEAL,EAAgB,cAAc;"}