@cuemath/leap 3.5.32 → 3.5.33

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

@@ -0,0 +1,58 @@
+import t from "styled-components";
+import i from "../../../../../../ui/layout/flex-view.js";
+import { EDeviceType as r } from "../../../../../../ui/theme/constants.js";
+import { getPuzzleCardPattern as n } from "../../../../../../puzzles/utils/puzzle-pattern.js";
+const c = t(i)`
+  position: relative;
+  min-width: 126px;
+  max-width: 126px;
+  margin-top: 6px;
+  border: 2px solid ${({ theme: o, $imageHue: e }) => o.colors[`${e || "BLUE"}_4`]};
+
+  &::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background-image: ${({ $imageHue: o }) => `url(${n(o)})`};
+    background-size: cover;
+    opacity: 0.4;
+  }
+`, d = t(i)`
+  width: 100%;
+  max-width: 512px;
+  position: relative;
+`, m = t(i)`
+  position: absolute;
+  right: ${({ $right: o }) => o};
+  left: ${({ $left: o }) => o};
+  cursor: pointer;
+  transition: opacity 0.3s ease-in-out;
+  opacity: ${({ $visible: o }) => o ? 1 : 0};
+  pointer-events: ${({ $visible: o }) => o ? "auto" : "none"};
+  z-index: 10;
+  path {
+    fill: ${({ theme: o }) => o.colors.WHITE};
+  }
+`, u = t(i)`
+  overflow-x: ${({ theme: o }) => o.device <= r.TABLET ? "scroll" : "hidden"};
+  overflow-y: visible;
+  scroll-behavior: smooth;
+  &::-webkit-scrollbar {
+    display: none;
+  }
+`, x = t(i)`
+  position: absolute;
+  right: -8px;
+  top: -8px;
+`;
+export {
+  d as ContentWrapper,
+  c as PuzzleContainer,
+  m as ScrollButton,
+  u as ScrollContainer,
+  x as StatusIcon
+};
+//# sourceMappingURL=activities-card-puzzles.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"activities-card-puzzles.styled.js","sources":["../../../../../../../../src/features/timeline/monthly-timeline/monthly-report/comps/activities/activities-card-puzzles/activities-card-puzzles.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../../../../ui/layout/flex-view';\nimport { type THueNames } from '../../../../../../ui/types';\nimport { EDeviceType } from '../../../../../../ui/theme/constants';\nimport { getPuzzleCardPattern } from '../../../../../../puzzles/utils/puzzle-pattern';\n\nexport const PuzzleContainer = styled(FlexView)<{\n  $imageHue: THueNames;\n}>`\n  position: relative;\n  min-width: 126px;\n  max-width: 126px;\n  margin-top: 6px;\n  border: 2px solid ${({ theme, $imageHue }) => theme.colors[`${$imageHue || 'BLUE'}_4`]};\n\n  &::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-image: ${({ $imageHue }) => `url(${getPuzzleCardPattern($imageHue)})`};\n    background-size: cover;\n    opacity: 0.4;\n  }\n`;\n\nexport const ContentWrapper = styled(FlexView)`\n  width: 100%;\n  max-width: 512px;\n  position: relative;\n`;\n\nexport const ScrollButton = styled(FlexView)<{\n  $visible?: boolean;\n  $left: string;\n  $right: string;\n}>`\n  position: absolute;\n  right: ${({ $right }) => $right};\n  left: ${({ $left }) => $left};\n  cursor: pointer;\n  transition: opacity 0.3s ease-in-out;\n  opacity: ${({ $visible }) => ($visible ? 1 : 0)};\n  pointer-events: ${({ $visible }) => ($visible ? 'auto' : 'none')};\n  z-index: 10;\n  path {\n    fill: ${({ theme }) => theme.colors.WHITE};\n  }\n`;\n\nexport const ScrollContainer = styled(FlexView)`\n  overflow-x: ${({ theme }) => (theme.device <= EDeviceType.TABLET ? 'scroll' : 'hidden')};\n  overflow-y: visible;\n  scroll-behavior: smooth;\n  &::-webkit-scrollbar {\n    display: none;\n  }\n`;\n\nexport const StatusIcon = styled(FlexView)`\n  position: absolute;\n  right: -8px;\n  top: -8px;\n`;\n"],"names":["PuzzleContainer","styled","FlexView","theme","$imageHue","getPuzzleCardPattern","ContentWrapper","ScrollButton","$right","$left","$visible","ScrollContainer","EDeviceType","StatusIcon"],"mappings":";;;;AAOa,MAAAA,IAAkBC,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,sBAOxB,CAAC,EAAE,OAAAC,GAAO,WAAAC,EAAU,MAAMD,EAAM,OAAO,GAAGC,KAAa,MAAM,IAAI,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAShE,CAAC,EAAE,WAAAA,EAAU,MAAM,OAAOC,EAAqBD,CAAS,CAAC,GAAG;AAAA;AAAA;AAAA;AAAA,GAMvEE,IAAiBL,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA,GAMhCK,IAAeN,EAAOC,CAAQ;AAAA;AAAA,WAMhC,CAAC,EAAE,QAAAM,EAAO,MAAMA,CAAM;AAAA,UACvB,CAAC,EAAE,OAAAC,EAAM,MAAMA,CAAK;AAAA;AAAA;AAAA,aAGjB,CAAC,EAAE,UAAAC,EAAA,MAAgBA,IAAW,IAAI,CAAE;AAAA,oBAC7B,CAAC,EAAE,UAAAA,EAAA,MAAgBA,IAAW,SAAS,MAAO;AAAA;AAAA;AAAA,YAGtD,CAAC,EAAE,OAAAP,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA;AAAA,GAIhCQ,IAAkBV,EAAOC,CAAQ;AAAA,gBAC9B,CAAC,EAAE,OAAAC,EAAM,MAAOA,EAAM,UAAUS,EAAY,SAAS,WAAW,QAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQ5EC,IAAaZ,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;"}

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

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

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

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

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

@@ -0,0 +1,27 @@
+import { jsxs as f, jsx as e } from "react/jsx-runtime";
+import { memo as t } from "react";
+import d from "./activities-card/activities-card.js";
+import l from "../../../../../ui/layout/flex-view.js";
+import h from "../../../../../ui/text/text.js";
+import u from "../../../../../ui/separator/separator.js";
+const x = ({ activities: o, onPuzzleClick: p }) => !o || Object.keys(o).length === 0 ? null : /* @__PURE__ */ f(l, { children: [
+  /* @__PURE__ */ e(h, { $renderAs: "ab1-bold", $color: "BLACK_1", children: "Activities" }),
+  /* @__PURE__ */ e(u, { heightX: 1 }),
+  /* @__PURE__ */ e(l, { $flexRowGapX: 1.5, children: Object.entries(o).map(([n, r]) => {
+    var m;
+    return r != null && r.length ? /* @__PURE__ */ e(
+      d,
+      {
+        nodeType: (m = r[0]) == null ? void 0 : m.node_type,
+        cardType: n,
+        activitiesList: r,
+        onPuzzleClick: p
+      },
+      n
+    ) : null;
+  }) })
+] }), w = t(x);
+export {
+  w as default
+};
+//# sourceMappingURL=activities.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"activities.js","sources":["../../../../../../../src/features/timeline/monthly-timeline/monthly-report/comps/activities/activities.tsx"],"sourcesContent":["import { memo, type FC } from 'react';\n\nimport { type IActivitiesProps } from './activities-types';\nimport { type TNodeTypes } from '../../../../../chapters-v2/comps/node-card/node-card-types';\nimport ActivitiesCard from './activities-card/activities-card';\nimport { type CARD_TYPE } from '../../monthly-report-types';\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport Text from '../../../../../ui/text/text';\nimport Separator from '../../../../../ui/separator/separator';\n\nconst Activities: FC<IActivitiesProps> = ({ activities, onPuzzleClick }) => {\n  if (!activities || Object.keys(activities).length === 0) return null;\n\n  return (\n    <FlexView>\n      <Text $renderAs=\"ab1-bold\" $color=\"BLACK_1\">\n        Activities\n      </Text>\n      <Separator heightX={1} />\n      <FlexView $flexRowGapX={1.5}>\n        {Object.entries(activities).map(([cardType, activitiesList]) => {\n          if (!activitiesList?.length) return null;\n\n          return (\n            <ActivitiesCard\n              key={cardType}\n              nodeType={activitiesList[0]?.node_type as TNodeTypes}\n              cardType={cardType as CARD_TYPE}\n              activitiesList={activitiesList}\n              onPuzzleClick={onPuzzleClick}\n            />\n          );\n        })}\n      </FlexView>\n    </FlexView>\n  );\n};\n\nexport default memo(Activities);\n"],"names":["Activities","activities","onPuzzleClick","FlexView","jsx","Text","Separator","cardType","activitiesList","ActivitiesCard","_a","Activities$1","memo"],"mappings":";;;;;;AAUA,MAAMA,IAAmC,CAAC,EAAE,YAAAC,GAAY,eAAAC,QAClD,CAACD,KAAc,OAAO,KAAKA,CAAU,EAAE,WAAW,IAAU,yBAG7DE,GACC,EAAA,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAK,EAAA,WAAU,YAAW,QAAO,WAAU,UAE5C,cAAA;AAAA,EACA,gBAAAD,EAACE,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,EACtB,gBAAAF,EAAAD,GAAA,EAAS,cAAc,KACrB,UAAO,OAAA,QAAQF,CAAU,EAAE,IAAI,CAAC,CAACM,GAAUC,CAAc,MAAM;;AAC1D,WAACA,KAAA,QAAAA,EAAgB,SAGnB,gBAAAJ;AAAA,MAACK;AAAA,MAAA;AAAA,QAEC,WAAUC,IAAAF,EAAe,CAAC,MAAhB,gBAAAE,EAAmB;AAAA,QAC7B,UAAAH;AAAA,QACA,gBAAAC;AAAA,QACA,eAAAN;AAAA,MAAA;AAAA,MAJKK;AAAA,IAAA,IAJ2B;AAAA,EAWrC,CAAA,GACH;AACF,EAAA,CAAA,GAIWI,IAAAC,EAAKZ,CAAU;"}

package/dist/features/timeline/monthly-timeline/monthly-report/comps/activities/constants.js

@@ -0,0 +1,102 @@
+import { jsx as t } from "react/jsx-runtime";
+import { LOTTIE as r } from "../../../../../../assets/lottie/lottie.js";
+import e from "../../../../../../assets/line-icons/icons/check2.js";
+import T from "../../../../../../assets/line-icons/icons/status.js";
+import _ from "../../../../../../assets/line-icons/icons/exclamation.js";
+import { NODE_STATE as c } from "../../../../daily-timeline/daily-timeline-types.js";
+import { ILLUSTRATIONS as E } from "../../../../../../assets/illustrations/illustrations.js";
+import { CARD_TYPE as o } from "../../monthly-report-types.js";
+function R(a) {
+  switch (a) {
+    case o.learn:
+      return {
+        lottie: r.LEARN,
+        color: "YELLOW_2",
+        background: E.NODE_LEARN_LARGE_BG
+      };
+    case o.practice:
+    case o.smart_practice:
+    case o.sat_mock_test:
+      return {
+        lottie: r.PRACTICE,
+        color: "PURPLE_2",
+        background: E.NODE_PRACTICE_BG
+      };
+    case o.puzzle:
+      return {
+        lottie: r.PUZZLE,
+        color: "PURPLE_2",
+        background: E.NODE_PUZZLE_LARGE_BG
+      };
+    case o.test:
+    case o.diagnostic:
+      return {
+        lottie: r.TEST,
+        color: "ORANGE_2",
+        background: E.NODE_TEST_LARGE_BG
+      };
+    case o.challenge:
+      return {
+        lottie: r.COMPETITIVE_ARENA,
+        color: "ORANGE_2",
+        background: E.NODE_TEST_PREP_BG
+      };
+    case o.advanced:
+      return {
+        lottie: r.TEST,
+        color: "GREEN_2",
+        background: E.NODE_TEST_LARGE_BG
+      };
+    case o.subjective:
+      return {
+        lottie: r.SUBJECTIVE,
+        color: "BLUE_2",
+        background: E.NODE_SUBJECTIVE_BG
+      };
+    case o.recap:
+    case o.remedial:
+    case o.revision:
+      return {
+        lottie: r.RECAP,
+        color: "BLUE_2",
+        background: E.NODE_RECAP_BG
+      };
+    case o.activity:
+    case o.wb_activity:
+      return {
+        lottie: r.ACTIVITY,
+        color: "ORANGE_2",
+        background: E.NODE_ACTIVITY_BG
+      };
+    case o.video:
+      return {
+        lottie: r.VIDEO,
+        color: "GREEN_2",
+        background: E.NODE_VIDEO_BG
+      };
+    case o.pdf:
+      return {
+        lottie: r.DOWNLOAD,
+        color: "BLUE_2",
+        background: E.NODE_DOWNLOAD_BG
+      };
+    default:
+      return {
+        lottie: r.PROJECT,
+        color: "GREEN_2",
+        background: E.NODE_PROJECT_BG
+      };
+  }
+}
+const A = {
+  [c.COMPLETED]: /* @__PURE__ */ t(e, { color: "WHITE" }),
+  [c.IN_PROGRESS]: /* @__PURE__ */ t(T, { color: "WHITE" }),
+  [c.PENDING]: /* @__PURE__ */ t(_, { color: "WHITE" }),
+  [c.NOT_STARTED]: /* @__PURE__ */ t(_, { color: "WHITE" }),
+  [c.WAIT_FOR_REVIEW]: /* @__PURE__ */ t(e, { color: "WHITE" })
+};
+export {
+  R as getCardTypeIconMap,
+  A as stateIcon
+};
+//# sourceMappingURL=constants.js.map

package/dist/features/timeline/monthly-timeline/monthly-report/comps/activities/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../../../../src/features/timeline/monthly-timeline/monthly-report/comps/activities/constants.tsx"],"sourcesContent":["import { LOTTIE } from '../../../../../../assets/lottie/lottie';\nimport Check2Icon from '../../../../../../assets/line-icons/icons/check2';\nimport StatusIcon from '../../../../../../assets/line-icons/icons/status';\nimport ExclamationIcon from '../../../../../../assets/line-icons/icons/exclamation';\nimport { NODE_STATE } from '../../../../daily-timeline/daily-timeline-types';\nimport { ILLUSTRATIONS } from '../../../../../../assets/illustrations/illustrations';\nimport { CARD_TYPE } from '../../monthly-report-types';\n\nexport function getCardTypeIconMap(cardType: CARD_TYPE) {\n  switch (cardType) {\n    case CARD_TYPE.learn:\n      return {\n        lottie: LOTTIE.LEARN,\n        color: 'YELLOW_2',\n        background: ILLUSTRATIONS.NODE_LEARN_LARGE_BG,\n      };\n    case CARD_TYPE.practice:\n    case CARD_TYPE.smart_practice:\n    case CARD_TYPE.sat_mock_test:\n      return {\n        lottie: LOTTIE.PRACTICE,\n        color: 'PURPLE_2',\n        background: ILLUSTRATIONS.NODE_PRACTICE_BG,\n      };\n    case CARD_TYPE.puzzle:\n      return {\n        lottie: LOTTIE.PUZZLE,\n        color: 'PURPLE_2',\n        background: ILLUSTRATIONS.NODE_PUZZLE_LARGE_BG,\n      };\n    case CARD_TYPE.test:\n    case CARD_TYPE.diagnostic:\n      return {\n        lottie: LOTTIE.TEST,\n        color: 'ORANGE_2',\n        background: ILLUSTRATIONS.NODE_TEST_LARGE_BG,\n      };\n    case CARD_TYPE.challenge:\n      return {\n        lottie: LOTTIE.COMPETITIVE_ARENA,\n        color: 'ORANGE_2',\n        background: ILLUSTRATIONS.NODE_TEST_PREP_BG,\n      };\n    case CARD_TYPE.advanced:\n      return {\n        lottie: LOTTIE.TEST,\n        color: 'GREEN_2',\n        background: ILLUSTRATIONS.NODE_TEST_LARGE_BG,\n      };\n    case CARD_TYPE.subjective:\n      return {\n        lottie: LOTTIE.SUBJECTIVE,\n        color: 'BLUE_2',\n        background: ILLUSTRATIONS.NODE_SUBJECTIVE_BG,\n      };\n    case CARD_TYPE.recap:\n    case CARD_TYPE.remedial:\n    case CARD_TYPE.revision:\n      return {\n        lottie: LOTTIE.RECAP,\n        color: 'BLUE_2',\n        background: ILLUSTRATIONS.NODE_RECAP_BG,\n      };\n\n    case CARD_TYPE.activity:\n    case CARD_TYPE.wb_activity:\n      return {\n        lottie: LOTTIE.ACTIVITY,\n        color: 'ORANGE_2',\n        background: ILLUSTRATIONS.NODE_ACTIVITY_BG,\n      };\n\n    case CARD_TYPE.video:\n      return {\n        lottie: LOTTIE.VIDEO,\n        color: 'GREEN_2',\n        background: ILLUSTRATIONS.NODE_VIDEO_BG,\n      };\n\n    case CARD_TYPE.pdf:\n      return {\n        lottie: LOTTIE.DOWNLOAD,\n        color: 'BLUE_2',\n        background: ILLUSTRATIONS.NODE_DOWNLOAD_BG,\n      };\n\n    default:\n      return {\n        lottie: LOTTIE.PROJECT,\n        color: 'GREEN_2',\n        background: ILLUSTRATIONS.NODE_PROJECT_BG,\n      };\n  }\n}\n\nexport const stateIcon = {\n  [NODE_STATE.COMPLETED]: <Check2Icon color=\"WHITE\" />,\n  [NODE_STATE.IN_PROGRESS]: <StatusIcon color=\"WHITE\" />,\n  [NODE_STATE.PENDING]: <ExclamationIcon color=\"WHITE\" />,\n  [NODE_STATE.NOT_STARTED]: <ExclamationIcon color=\"WHITE\" />,\n  [NODE_STATE.WAIT_FOR_REVIEW]: <Check2Icon color=\"WHITE\" />,\n};\n"],"names":["getCardTypeIconMap","cardType","CARD_TYPE","LOTTIE","ILLUSTRATIONS","stateIcon","NODE_STATE","jsx","Check2Icon","StatusIcon","ExclamationIcon"],"mappings":";;;;;;;;AAQO,SAASA,EAAmBC,GAAqB;AACtD,UAAQA,GAAU;AAAA,IAChB,KAAKC,EAAU;AACN,aAAA;AAAA,QACL,QAAQC,EAAO;AAAA,QACf,OAAO;AAAA,QACP,YAAYC,EAAc;AAAA,MAAA;AAAA,IAE9B,KAAKF,EAAU;AAAA,IACf,KAAKA,EAAU;AAAA,IACf,KAAKA,EAAU;AACN,aAAA;AAAA,QACL,QAAQC,EAAO;AAAA,QACf,OAAO;AAAA,QACP,YAAYC,EAAc;AAAA,MAAA;AAAA,IAE9B,KAAKF,EAAU;AACN,aAAA;AAAA,QACL,QAAQC,EAAO;AAAA,QACf,OAAO;AAAA,QACP,YAAYC,EAAc;AAAA,MAAA;AAAA,IAE9B,KAAKF,EAAU;AAAA,IACf,KAAKA,EAAU;AACN,aAAA;AAAA,QACL,QAAQC,EAAO;AAAA,QACf,OAAO;AAAA,QACP,YAAYC,EAAc;AAAA,MAAA;AAAA,IAE9B,KAAKF,EAAU;AACN,aAAA;AAAA,QACL,QAAQC,EAAO;AAAA,QACf,OAAO;AAAA,QACP,YAAYC,EAAc;AAAA,MAAA;AAAA,IAE9B,KAAKF,EAAU;AACN,aAAA;AAAA,QACL,QAAQC,EAAO;AAAA,QACf,OAAO;AAAA,QACP,YAAYC,EAAc;AAAA,MAAA;AAAA,IAE9B,KAAKF,EAAU;AACN,aAAA;AAAA,QACL,QAAQC,EAAO;AAAA,QACf,OAAO;AAAA,QACP,YAAYC,EAAc;AAAA,MAAA;AAAA,IAE9B,KAAKF,EAAU;AAAA,IACf,KAAKA,EAAU;AAAA,IACf,KAAKA,EAAU;AACN,aAAA;AAAA,QACL,QAAQC,EAAO;AAAA,QACf,OAAO;AAAA,QACP,YAAYC,EAAc;AAAA,MAAA;AAAA,IAG9B,KAAKF,EAAU;AAAA,IACf,KAAKA,EAAU;AACN,aAAA;AAAA,QACL,QAAQC,EAAO;AAAA,QACf,OAAO;AAAA,QACP,YAAYC,EAAc;AAAA,MAAA;AAAA,IAG9B,KAAKF,EAAU;AACN,aAAA;AAAA,QACL,QAAQC,EAAO;AAAA,QACf,OAAO;AAAA,QACP,YAAYC,EAAc;AAAA,MAAA;AAAA,IAG9B,KAAKF,EAAU;AACN,aAAA;AAAA,QACL,QAAQC,EAAO;AAAA,QACf,OAAO;AAAA,QACP,YAAYC,EAAc;AAAA,MAAA;AAAA,IAG9B;AACS,aAAA;AAAA,QACL,QAAQD,EAAO;AAAA,QACf,OAAO;AAAA,QACP,YAAYC,EAAc;AAAA,MAAA;AAAA,EAEhC;AACF;AAEO,MAAMC,IAAY;AAAA,EACvB,CAACC,EAAW,SAAS,GAAI,gBAAAC,EAAAC,GAAA,EAAW,OAAM,SAAQ;AAAA,EAClD,CAACF,EAAW,WAAW,GAAI,gBAAAC,EAAAE,GAAA,EAAW,OAAM,SAAQ;AAAA,EACpD,CAACH,EAAW,OAAO,GAAI,gBAAAC,EAAAG,GAAA,EAAgB,OAAM,SAAQ;AAAA,EACrD,CAACJ,EAAW,WAAW,GAAI,gBAAAC,EAAAG,GAAA,EAAgB,OAAM,SAAQ;AAAA,EACzD,CAACJ,EAAW,eAAe,GAAI,gBAAAC,EAAAC,GAAA,EAAW,OAAM,SAAQ;AAC1D;"}

package/dist/features/timeline/monthly-timeline/monthly-report/comps/activities/utils.js

@@ -0,0 +1,9 @@
+import { NODE_STATE as o } from "../../../../daily-timeline/daily-timeline-types.js";
+const E = (i) => i.reduce(
+  (t, { state: e }) => (e === o.COMPLETED || e === o.WAIT_FOR_REVIEW ? t.totalDone++ : e === o.IN_PROGRESS ? t.totalPending++ : (e === o.PENDING || e === o.NOT_STARTED) && t.totalOverdue++, t),
+  { totalDone: 0, totalPending: 0, totalOverdue: 0 }
+);
+export {
+  E as countActivitiesByState
+};
+//# sourceMappingURL=utils.js.map

package/dist/features/timeline/monthly-timeline/monthly-report/comps/activities/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../../../../src/features/timeline/monthly-timeline/monthly-report/comps/activities/utils.ts"],"sourcesContent":["import { type IMonthlyActivity } from '../../monthly-report-types';\nimport { NODE_STATE } from '../../../../daily-timeline/daily-timeline-types';\n\nexport const countActivitiesByState = (activitiesList: IMonthlyActivity[]) =>\n  activitiesList.reduce(\n    (acc, { state }) => {\n      if (state === NODE_STATE.COMPLETED || state === NODE_STATE.WAIT_FOR_REVIEW) {\n        acc.totalDone++;\n      } else if (state === NODE_STATE.IN_PROGRESS) {\n        acc.totalPending++;\n      } else if (state === NODE_STATE.PENDING || state === NODE_STATE.NOT_STARTED) {\n        acc.totalOverdue++;\n      }\n\n      return acc;\n    },\n    { totalDone: 0, totalPending: 0, totalOverdue: 0 },\n  );\n"],"names":["countActivitiesByState","activitiesList","acc","state","NODE_STATE"],"mappings":";AAGa,MAAAA,IAAyB,CAACC,MACrCA,EAAe;AAAA,EACb,CAACC,GAAK,EAAE,OAAAC,SACFA,MAAUC,EAAW,aAAaD,MAAUC,EAAW,kBACrDF,EAAA,cACKC,MAAUC,EAAW,cAC1BF,EAAA,kBACKC,MAAUC,EAAW,WAAWD,MAAUC,EAAW,gBAC1DF,EAAA,gBAGCA;AAAA,EAET,EAAE,WAAW,GAAG,cAAc,GAAG,cAAc,EAAE;AACnD;"}

package/dist/features/timeline/monthly-timeline/monthly-report/comps/attendance/attendance-constants.js

@@ -0,0 +1,29 @@
+const E = {
+  ATTENDED: "attended",
+  MISSED: "missed",
+  PAUSED: "paused"
+}, A = {
+  DAYS_PER_WEEK: 7,
+  DAY_HEADERS: ["S", "M", "Tu", "W", "Th", "F", "S"],
+  FIRST_DAY_OF_WEEK: 0
+  // Sunday = 0
+}, S = [
+  "Jan",
+  "Feb",
+  "Mar",
+  "Apr",
+  "May",
+  "Jun",
+  "Jul",
+  "Aug",
+  "Sep",
+  "Oct",
+  "Nov",
+  "Dec"
+];
+export {
+  E as ATTENDANCE_STATUS,
+  A as CALENDAR_CONFIG,
+  S as MONTH_NAMES
+};
+//# sourceMappingURL=attendance-constants.js.map

package/dist/features/timeline/monthly-timeline/monthly-report/comps/attendance/attendance-constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"attendance-constants.js","sources":["../../../../../../../src/features/timeline/monthly-timeline/monthly-report/comps/attendance/attendance-constants.ts"],"sourcesContent":["export const ATTENDANCE_STATUS = {\n  ATTENDED: 'attended',\n  MISSED: 'missed',\n  PAUSED: 'paused',\n} as const;\n\nexport const CALENDAR_CONFIG = {\n  DAYS_PER_WEEK: 7,\n  DAY_HEADERS: ['S', 'M', 'Tu', 'W', 'Th', 'F', 'S'],\n  FIRST_DAY_OF_WEEK: 0, // Sunday = 0\n} as const;\n\nexport const MONTH_NAMES = [\n  'Jan',\n  'Feb',\n  'Mar',\n  'Apr',\n  'May',\n  'Jun',\n  'Jul',\n  'Aug',\n  'Sep',\n  'Oct',\n  'Nov',\n  'Dec',\n];\n"],"names":["ATTENDANCE_STATUS","CALENDAR_CONFIG","MONTH_NAMES"],"mappings":"AAAO,MAAMA,IAAoB;AAAA,EAC/B,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,QAAQ;AACV,GAEaC,IAAkB;AAAA,EAC7B,eAAe;AAAA,EACf,aAAa,CAAC,KAAK,KAAK,MAAM,KAAK,MAAM,KAAK,GAAG;AAAA,EACjD,mBAAmB;AAAA;AACrB,GAEaC,IAAc;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;"}

package/dist/features/timeline/monthly-timeline/monthly-report/comps/attendance/attendance-utils.js

@@ -0,0 +1,123 @@
+import { jsx as d, jsxs as C } from "react/jsx-runtime";
+import b from "../../../../../../assets/line-icons/icons/check2.js";
+import A from "../../../../../../assets/line-icons/icons/cross.js";
+import y from "../../../../../../assets/line-icons/icons/dots-icon.js";
+import l from "../../../../../../assets/line-icons/icons/pause-icon.js";
+import { ATTENDANCE_STATUS as m } from "./attendance-constants.js";
+import { StatusSymbol as S } from "./attendance.styled.js";
+import I from "../../../../../ui/theme/clrs.js";
+const p = I(), P = (t, o) => {
+  var n;
+  if (!(t != null && t.length)) return "";
+  const e = t.map((i) => h(i.time));
+  return t.every(
+    (i) => {
+      var r, a;
+      return i.is_present === ((r = t == null ? void 0 : t[0]) == null ? void 0 : r.is_present) && i.is_paused === ((a = t == null ? void 0 : t[0]) == null ? void 0 : a.is_paused);
+    }
+  ) ? `${o} / ${e.join(" / ")}
+${((n = t == null ? void 0 : t[0]) == null ? void 0 : n.status) || ""}` : [o, ...t.map(E)].join(`
+`);
+}, N = (t) => t.is_present ? m.ATTENDED : t.is_paused ? m.PAUSED : m.MISSED, W = (t) => {
+  let o = 0, e = 0, u = 0;
+  Object.values(t).forEach((i) => {
+    i.forEach((r) => {
+      switch (N(r)) {
+        case m.ATTENDED:
+          o++;
+          break;
+        case m.PAUSED:
+          u++;
+          break;
+        default:
+          e++;
+          break;
+      }
+    });
+  });
+  const n = [];
+  return o > 0 && n.push(`${o} attended`), e > 0 && n.push(`${e} missed`), u > 0 && n.push(`${u} paused`), `${n.join(", ")}.`;
+}, B = (t) => {
+  if (t.length === 0)
+    return {
+      status: null,
+      themeColor: null,
+      statusSymbol: ""
+    };
+  const o = t.every((n) => n.is_present), e = t.every((n) => n.is_paused), u = t.every((n) => !n.is_present && !n.is_paused);
+  return o ? {
+    status: m.ATTENDED,
+    themeColor: "GREEN_1",
+    statusSymbol: /* @__PURE__ */ d(b, { color: p.GREEN_6, width: 14, height: 14 }),
+    tooltipBgColor: "GREEN_2",
+    snackbarBg: p.GREEN_2
+  } : e ? {
+    status: m.PAUSED,
+    themeColor: "WHITE_4",
+    statusSymbol: /* @__PURE__ */ C(S, { $top: "2px", $right: "2px", children: [
+      /* @__PURE__ */ d(l, { color: p.BLACK_T_60, width: 8, height: 8 }),
+      ","
+    ] }),
+    tooltipBgColor: "WHITE_5",
+    snackbarBg: p.WHITE_5
+  } : u ? {
+    status: m.MISSED,
+    themeColor: "ORANGE_1",
+    statusSymbol: /* @__PURE__ */ d(A, { color: p.RED, width: 12, height: 12 }),
+    tooltipBgColor: "ORANGE_2",
+    snackbarBg: p.ORANGE_2
+  } : {
+    status: m.PAUSED,
+    themeColor: "WHITE_4",
+    statusSymbol: /* @__PURE__ */ d(S, { $top: "2px", $right: "2px", children: /* @__PURE__ */ d(y, { color: "GREEN_6", width: 8, height: 8 }) }),
+    tooltipBgColor: "WHITE_5",
+    snackbarBg: p.WHITE_5
+  };
+}, U = (t, o, e) => {
+  const u = new Date(e, o - 1, 1).getDay(), n = new Date(e, o, 0).getDate(), i = [];
+  for (let r = 0; r < u; r++)
+    i.push(null);
+  for (let r = 1; r <= n; r++) {
+    const a = `${e}-${o.toString().padStart(2, "0")}-${r.toString().padStart(2, "0")}`, g = t[a] || [], { status: _, themeColor: f, statusSymbol: T, tooltipBgColor: $, snackbarBg: D } = B(g);
+    i.push({
+      date: r,
+      status: _,
+      hasClasses: g.length > 0,
+      classes: g,
+      themeColor: f,
+      statusSymbol: T,
+      tooltipBgColor: $,
+      snackbarBg: D
+    });
+  }
+  return i;
+}, h = (t) => {
+  const o = new Date(t * 1e3).getHours();
+  return `${o % 12 || 12} ${o >= 12 ? "PM" : "AM"}`;
+}, E = (t) => t.status ? `${h(t.time)}: ${t.status}` : "", O = (t, o, e) => {
+  var i;
+  if (!(t != null && t.length)) return null;
+  const u = t.map((r) => h(r.time));
+  return t.every(
+    (r) => {
+      var a, g;
+      return r.is_present === ((a = t == null ? void 0 : t[0]) == null ? void 0 : a.is_present) && r.is_paused === ((g = t == null ? void 0 : t[0]) == null ? void 0 : g.is_paused);
+    }
+  ) ? {
+    dateAndTime: `${o} ${e} / ${u.join(" / ")}`,
+    statusLines: [((i = t == null ? void 0 : t[0]) == null ? void 0 : i.status) || ""]
+  } : {
+    dateAndTime: `${o} ${e}`,
+    statusLines: t.map((r) => E(r))
+  };
+};
+export {
+  W as attendanceStatsText,
+  U as generateCalendarGrid,
+  N as getClassStatus,
+  B as getDayStatusInfo,
+  P as getSnackbarMsg,
+  E as getStatusText,
+  O as getTooltipContent
+};
+//# sourceMappingURL=attendance-utils.js.map

package/dist/features/timeline/monthly-timeline/monthly-report/comps/attendance/attendance-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"attendance-utils.js","sources":["../../../../../../../src/features/timeline/monthly-timeline/monthly-report/comps/attendance/attendance-utils.tsx"],"sourcesContent":["import type { JSX } from 'react';\n\nimport Check2Icon from '../../../../../../assets/line-icons/icons/check2';\nimport CrossIcon from '../../../../../../assets/line-icons/icons/cross';\nimport DotIcon from '../../../../../../assets/line-icons/icons/dots-icon';\nimport PauseIcon from '../../../../../../assets/line-icons/icons/pause-icon';\nimport type { TColorNames } from '../../../../../ui/types';\nimport type { IClassEvent, TCalendarData } from '../../monthly-report-types';\nimport { ATTENDANCE_STATUS } from './attendance-constants';\nimport type { ICalendarDay, TAttendanceStatus } from './attendance-types';\nimport * as Styled from './attendance.styled';\nimport getColors from '../../../../../ui/theme/clrs';\n\nconst colors = getColors();\n\nexport const getSnackbarMsg = (classes: IClassEvent[] | undefined, date: string) => {\n  if (!classes?.length) return '';\n\n  const timings = classes.map(cls => formatTimeFromTimestamp(cls.time));\n\n  const allSame = classes.every(\n    cls => cls.is_present === classes?.[0]?.is_present && cls.is_paused === classes?.[0]?.is_paused,\n  );\n\n  if (allSame) {\n    return `${date} / ${timings.join(' / ')}\\n${classes?.[0]?.status || ''}`;\n  }\n\n  return [date, ...classes.map(getStatusText)].join('\\n');\n};\n\nexport const getClassStatus = (classEvent: IClassEvent): TAttendanceStatus => {\n  if (classEvent.is_present) {\n    return ATTENDANCE_STATUS.ATTENDED;\n  }\n\n  if (classEvent.is_paused) {\n    return ATTENDANCE_STATUS.PAUSED;\n  }\n\n  return ATTENDANCE_STATUS.MISSED;\n};\n\nexport const attendanceStatsText = (calendarData: TCalendarData) => {\n  let attended = 0;\n  let missed = 0;\n  let paused = 0;\n\n  Object.values(calendarData).forEach(dayClasses => {\n    dayClasses.forEach(classEvent => {\n      const status = getClassStatus(classEvent);\n\n      switch (status) {\n        case ATTENDANCE_STATUS.ATTENDED:\n          attended++;\n          break;\n        case ATTENDANCE_STATUS.PAUSED:\n          paused++;\n          break;\n        default:\n          missed++;\n          break;\n      }\n    });\n  });\n\n  const parts: string[] = [];\n\n  if (attended > 0) parts.push(`${attended} attended`);\n\n  if (missed > 0) parts.push(`${missed} missed`);\n\n  if (paused > 0) parts.push(`${paused} paused`);\n\n  return `${parts.join(', ')}.`;\n};\n\nexport const getDayStatusInfo = (dayClasses: IClassEvent[]) => {\n  if (dayClasses.length === 0) {\n    return {\n      status: null,\n      themeColor: null,\n      statusSymbol: '',\n    };\n  }\n\n  const attendedClass = dayClasses.every(cls => cls.is_present);\n  const pausedClass = dayClasses.every(cls => cls.is_paused);\n  const missedClass = dayClasses.every(cls => !cls.is_present && !cls.is_paused);\n\n  if (attendedClass) {\n    return {\n      status: ATTENDANCE_STATUS.ATTENDED,\n      themeColor: 'GREEN_1',\n      statusSymbol: <Check2Icon color={colors.GREEN_6} width={14} height={14} />,\n      tooltipBgColor: 'GREEN_2',\n      snackbarBg: colors.GREEN_2,\n    };\n  }\n\n  if (pausedClass) {\n    return {\n      status: ATTENDANCE_STATUS.PAUSED,\n      themeColor: 'WHITE_4',\n      statusSymbol: (\n        <Styled.StatusSymbol $top=\"2px\" $right=\"2px\">\n          <PauseIcon color={colors.BLACK_T_60} width={8} height={8} />,\n        </Styled.StatusSymbol>\n      ),\n      tooltipBgColor: 'WHITE_5',\n      snackbarBg: colors.WHITE_5,\n    };\n  }\n\n  if (missedClass) {\n    return {\n      status: ATTENDANCE_STATUS.MISSED,\n      themeColor: 'ORANGE_1',\n      statusSymbol: <CrossIcon color={colors.RED} width={12} height={12} />,\n      tooltipBgColor: 'ORANGE_2',\n      snackbarBg: colors.ORANGE_2,\n    };\n  }\n\n  return {\n    status: ATTENDANCE_STATUS.PAUSED,\n    themeColor: 'WHITE_4',\n    statusSymbol: (\n      <Styled.StatusSymbol $top=\"2px\" $right=\"2px\">\n        <DotIcon color=\"GREEN_6\" width={8} height={8} />\n      </Styled.StatusSymbol>\n    ),\n    tooltipBgColor: 'WHITE_5',\n    snackbarBg: colors.WHITE_5,\n  };\n};\n\nexport const generateCalendarGrid = (\n  calendarData: TCalendarData,\n  reportMonth: number,\n  reportYear: number,\n): (ICalendarDay | null)[] => {\n  const firstDay = new Date(reportYear, reportMonth - 1, 1).getDay();\n  const daysInMonth = new Date(reportYear, reportMonth, 0).getDate();\n  const grid: (ICalendarDay | null)[] = [];\n\n  // Add empty cells for days before the first day of the month\n  for (let i = 0; i < firstDay; i++) {\n    grid.push(null);\n  }\n\n  // Add all days of the month\n  for (let day = 1; day <= daysInMonth; day++) {\n    const dateString = `${reportYear}-${reportMonth.toString().padStart(2, '0')}-${day\n      .toString()\n      .padStart(2, '0')}`;\n    const dayClasses = calendarData[dateString] || [];\n    const { status, themeColor, statusSymbol, tooltipBgColor, snackbarBg } =\n      getDayStatusInfo(dayClasses);\n\n    grid.push({\n      date: day,\n      status,\n      hasClasses: dayClasses.length > 0,\n      classes: dayClasses,\n      themeColor: themeColor as TColorNames | null,\n      statusSymbol: statusSymbol as JSX.Element,\n      tooltipBgColor: tooltipBgColor as TColorNames | null,\n      snackbarBg,\n    });\n  }\n\n  return grid;\n};\n\nconst formatTimeFromTimestamp = (timestamp: number): string => {\n  const hours = new Date(timestamp * 1000).getHours();\n\n  return `${hours % 12 || 12} ${hours >= 12 ? 'PM' : 'AM'}`;\n};\n\nexport const getStatusText = (classEvent: IClassEvent) => {\n  if (!classEvent.status) return '';\n\n  const timeStr = formatTimeFromTimestamp(classEvent.time);\n\n  return `${timeStr}: ${classEvent.status}`;\n};\n\nexport const getTooltipContent = (classes: IClassEvent[], currentMonth: string, date: number) => {\n  if (!classes?.length) return null;\n\n  const timings = classes.map(cls => formatTimeFromTimestamp(cls.time));\n\n  const allSame = classes.every(\n    cls => cls.is_present === classes?.[0]?.is_present && cls.is_paused === classes?.[0]?.is_paused,\n  );\n\n  if (allSame) {\n    return {\n      dateAndTime: `${currentMonth} ${date} / ${timings.join(' / ')}`,\n      statusLines: [classes?.[0]?.status || ''],\n    };\n  }\n\n  return {\n    dateAndTime: `${currentMonth} ${date}`,\n    statusLines: classes.map(classEvent => getStatusText(classEvent)),\n  };\n};\n"],"names":["colors","getColors","getSnackbarMsg","classes","date","timings","formatTimeFromTimestamp","cls","_a","_b","getStatusText","getClassStatus","classEvent","ATTENDANCE_STATUS","attendanceStatsText","calendarData","attended","missed","paused","dayClasses","parts","getDayStatusInfo","attendedClass","pausedClass","missedClass","Check2Icon","Styled.StatusSymbol","jsx","PauseIcon","CrossIcon","DotIcon","generateCalendarGrid","reportMonth","reportYear","firstDay","daysInMonth","grid","i","day","dateString","status","themeColor","statusSymbol","tooltipBgColor","snackbarBg","timestamp","hours","getTooltipContent","currentMonth"],"mappings":"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"}

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

@@ -0,0 +1,49 @@
+import { jsxs as l, jsx as r } from "react/jsx-runtime";
+import { memo as C, useMemo as i } from "react";
+import d from "../../../../../ui/layout/flex-view.js";
+import b from "../../../../../ui/separator/separator.js";
+import m from "../../../../../ui/text/text.js";
+import { CALENDAR_CONFIG as _ } from "./attendance-constants.js";
+import { attendanceStatsText as g, generateCalendarGrid as w } from "./attendance-utils.js";
+import { CalendarHeader as R, CalendarBody as S } from "./attendance.styled.js";
+import T from "./attendence-view.js";
+const j = ({
+  calendarData: e,
+  reportMonth: t,
+  reportYear: c,
+  onDateClick: f
+}) => {
+  const u = i(
+    () => !!e && g(e),
+    [e]
+  ), n = i(
+    () => !!e && w(e, t, c),
+    [e, t, c]
+  ), A = i(() => e ? Object.values(e).some((o) => o.length > 0) : !1, [e]);
+  return !e || Object.keys(e).length === 0 || !A || !n ? null : /* @__PURE__ */ l(d, { children: [
+    /* @__PURE__ */ r(m, { $renderAs: "ab1-bold", $color: "BLACK_1", children: "Attendance" }),
+    /* @__PURE__ */ r(m, { $renderAs: "ub2-bold", $color: "BLACK_T_60", children: u }),
+    /* @__PURE__ */ r(b, { heightX: 1 }),
+    /* @__PURE__ */ l(d, { $borderColor: "WHITE_5", children: [
+      /* @__PURE__ */ r(R, { children: _.DAY_HEADERS.map((o) => /* @__PURE__ */ r(m, { $align: "center", $renderAs: "ub3", $color: "BLACK_T_60", children: o }, o)) }),
+      /* @__PURE__ */ r(S, { children: n.map((o, s) => {
+        const h = s % 7 === 6, p = Math.ceil(n.length / 7), $ = Math.floor(s / 7) + 1 === p;
+        return /* @__PURE__ */ r(
+          T,
+          {
+            day: o,
+            reportMonth: t,
+            onDateClick: f,
+            isSunday: h,
+            isLastRow: $
+          },
+          o ? `day-${o.date}` : `empty-${s}`
+        );
+      }) })
+    ] })
+  ] });
+}, I = C(j);
+export {
+  I as default
+};
+//# sourceMappingURL=attendance.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"attendance.js","sources":["../../../../../../../src/features/timeline/monthly-timeline/monthly-report/comps/attendance/attendance.tsx"],"sourcesContent":["import { memo, useMemo, type FC } from 'react';\n\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport Separator from '../../../../../ui/separator/separator';\nimport Text from '../../../../../ui/text/text';\nimport { CALENDAR_CONFIG } from './attendance-constants';\nimport type { IAttendanceProps } from './attendance-types';\nimport { attendanceStatsText, generateCalendarGrid } from './attendance-utils';\nimport * as Styled from './attendance.styled';\nimport AttendenceView from './attendence-view';\n\nconst Attendance: FC<IAttendanceProps> = ({\n  calendarData,\n  reportMonth,\n  reportYear,\n  onDateClick,\n}) => {\n  const attendanceStats = useMemo(\n    () => !!calendarData && attendanceStatsText(calendarData),\n    [calendarData],\n  );\n  const calendarGrid = useMemo(\n    () => !!calendarData && generateCalendarGrid(calendarData, reportMonth, reportYear),\n    [calendarData, reportMonth, reportYear],\n  );\n\n  const hasClasses = useMemo(() => {\n    if (!calendarData) return false;\n\n    return Object.values(calendarData).some(dayClasses => dayClasses.length > 0);\n  }, [calendarData]);\n\n  if (!calendarData || Object.keys(calendarData).length === 0 || !hasClasses || !calendarGrid) {\n    return null;\n  }\n\n  return (\n    <FlexView>\n      <Text $renderAs=\"ab1-bold\" $color=\"BLACK_1\">\n        Attendance\n      </Text>\n      <Text $renderAs=\"ub2-bold\" $color=\"BLACK_T_60\">\n        {attendanceStats}\n      </Text>\n      <Separator heightX={1} />\n      <FlexView $borderColor=\"WHITE_5\">\n        <Styled.CalendarHeader>\n          {CALENDAR_CONFIG.DAY_HEADERS.map(dayLetter => (\n            <Text $align=\"center\" $renderAs=\"ub3\" $color=\"BLACK_T_60\" key={dayLetter}>\n              {dayLetter}\n            </Text>\n          ))}\n        </Styled.CalendarHeader>\n        <Styled.CalendarBody>\n          {calendarGrid.map((day, index) => {\n            const isSunday = index % 7 === 6;\n            const totalRows = Math.ceil(calendarGrid.length / 7);\n            const currentRow = Math.floor(index / 7) + 1;\n            const isLastRow = currentRow === totalRows;\n\n            return (\n              <AttendenceView\n                day={day}\n                key={day ? `day-${day.date}` : `empty-${index}`}\n                reportMonth={reportMonth}\n                onDateClick={onDateClick}\n                isSunday={isSunday}\n                isLastRow={isLastRow}\n              />\n            );\n          })}\n        </Styled.CalendarBody>\n      </FlexView>\n    </FlexView>\n  );\n};\n\nexport default memo(Attendance);\n"],"names":["Attendance","calendarData","reportMonth","reportYear","onDateClick","attendanceStats","useMemo","attendanceStatsText","calendarGrid","generateCalendarGrid","hasClasses","dayClasses","FlexView","jsx","Text","Separator","jsxs","Styled.CalendarHeader","dayLetter","Styled.CalendarBody","day","index","isSunday","totalRows","isLastRow","AttendenceView","Attendance$1","memo"],"mappings":";;;;;;;;;AAWA,MAAMA,IAAmC,CAAC;AAAA,EACxC,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AACF,MAAM;AACJ,QAAMC,IAAkBC;AAAA,IACtB,MAAM,CAAC,CAACL,KAAgBM,EAAoBN,CAAY;AAAA,IACxD,CAACA,CAAY;AAAA,EAAA,GAETO,IAAeF;AAAA,IACnB,MAAM,CAAC,CAACL,KAAgBQ,EAAqBR,GAAcC,GAAaC,CAAU;AAAA,IAClF,CAACF,GAAcC,GAAaC,CAAU;AAAA,EAAA,GAGlCO,IAAaJ,EAAQ,MACpBL,IAEE,OAAO,OAAOA,CAAY,EAAE,KAAK,CAAcU,MAAAA,EAAW,SAAS,CAAC,IAFjD,IAGzB,CAACV,CAAY,CAAC;AAEb,SAAA,CAACA,KAAgB,OAAO,KAAKA,CAAY,EAAE,WAAW,KAAK,CAACS,KAAc,CAACF,IACtE,yBAINI,GACC,EAAA,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAK,EAAA,WAAU,YAAW,QAAO,WAAU,UAE5C,cAAA;AAAA,sBACCA,GAAK,EAAA,WAAU,YAAW,QAAO,cAC/B,UACHT,GAAA;AAAA,IACA,gBAAAQ,EAACE,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,IACvB,gBAAAC,EAACJ,GAAS,EAAA,cAAa,WACrB,UAAA;AAAA,MAAA,gBAAAC,EAACI,GAAA,EACE,YAAgB,YAAY,IAAI,OAC9B,gBAAAJ,EAAAC,GAAA,EAAK,QAAO,UAAS,WAAU,OAAM,QAAO,cAC1C,UAD4DI,EAAA,GAAAA,CAE/D,CACD,GACH;AAAA,MACA,gBAAAL,EAACM,GAAA,EACE,YAAa,IAAI,CAACC,GAAKC,MAAU;AAC1B,cAAAC,IAAWD,IAAQ,MAAM,GACzBE,IAAY,KAAK,KAAKf,EAAa,SAAS,CAAC,GAE7CgB,IADa,KAAK,MAAMH,IAAQ,CAAC,IAAI,MACVE;AAG/B,eAAA,gBAAAV;AAAA,UAACY;AAAA,UAAA;AAAA,YACC,KAAAL;AAAA,YAEA,aAAAlB;AAAA,YACA,aAAAE;AAAA,YACA,UAAAkB;AAAA,YACA,WAAAE;AAAA,UAAA;AAAA,UAJKJ,IAAM,OAAOA,EAAI,IAAI,KAAK,SAASC,CAAK;AAAA,QAAA;AAAA,MAOlD,CAAA,GACH;AAAA,IAAA,GACF;AAAA,EACF,EAAA,CAAA;AAEJ,GAEeK,IAAAC,EAAK3B,CAAU;"}

package/dist/features/timeline/monthly-timeline/monthly-report/comps/attendance/attendance.styled.js

@@ -0,0 +1,48 @@
+import e from "styled-components";
+import i from "../../../../../ui/layout/flex-view.js";
+const l = e.div`
+  display: grid;
+  grid-template-columns: repeat(7, 1fr);
+  padding: 4px 0;
+  background-color: ${({ theme: t }) => t.colors.WHITE_2};
+  border-bottom: 1px solid ${({ theme: t }) => t.colors.WHITE_5};
+`, n = e.div`
+  display: grid;
+  grid-template-columns: repeat(7, 1fr);
+  gap: 0;
+`, s = e(i)(({ theme: { mediaQueries: t, colors: o }, $isSunday: r, $isLastRow: d }) => `
+    position: relative;
+    aspect-ratio: 7/6;
+    border-right: ${r ? "none" : `1px solid ${o.WHITE_5}`};
+    border-bottom: ${d ? "none" : `1px solid ${o.WHITE_5}`};
+
+    ${t.minWidthTablet} {
+      aspect-ratio: 3/2;
+    }
+`), m = e(i)(({
+  theme: { mediaQueries: t },
+  $top: o,
+  $right: r
+}) => `
+    position: absolute;
+    top:  ${o || "0px"};
+    right: ${r || "0px"};
+    
+    ${t.minWidthTablet} {
+      top: ${o || "2px"};
+      right: ${r || "2px"};
+    }
+`), c = e.div`
+  > div {
+    width: 100%;
+    height: 100%;
+  }
+`;
+export {
+  n as CalendarBody,
+  s as CalendarDay,
+  l as CalendarHeader,
+  m as StatusSymbol,
+  c as TooltipWrapper
+};
+//# sourceMappingURL=attendance.styled.js.map

package/dist/features/timeline/monthly-timeline/monthly-report/comps/attendance/attendance.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"attendance.styled.js","sources":["../../../../../../../src/features/timeline/monthly-timeline/monthly-report/comps/attendance/attendance.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../../../ui/layout/flex-view';\n\nexport const CalendarHeader = styled.div`\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  padding: 4px 0;\n  background-color: ${({ theme }) => theme.colors.WHITE_2};\n  border-bottom: 1px solid ${({ theme }) => theme.colors.WHITE_5};\n`;\n\nexport const CalendarBody = styled.div`\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  gap: 0;\n`;\n\nexport const CalendarDay = styled(FlexView)<{\n  $isSunday: boolean;\n  $isLastRow: boolean;\n}>(({ theme: { mediaQueries, colors }, $isSunday, $isLastRow }) => {\n  return `\n    position: relative;\n    aspect-ratio: 7/6;\n    border-right: ${$isSunday ? 'none' : `1px solid ${colors.WHITE_5}`};\n    border-bottom: ${$isLastRow ? 'none' : `1px solid ${colors.WHITE_5}`};\n\n    ${mediaQueries.minWidthTablet} {\n      aspect-ratio: 3/2;\n    }\n`;\n});\n\nexport const StatusSymbol = styled(FlexView)<{ $top?: string; $right?: string }>(({\n  theme: { mediaQueries },\n  $top,\n  $right,\n}) => {\n  return `\n    position: absolute;\n    top:  ${$top || '0px'};\n    right: ${$right || '0px'};\n    \n    ${mediaQueries.minWidthTablet} {\n      top: ${$top || '2px'};\n      right: ${$right || '2px'};\n    }\n`;\n});\n\nexport const TooltipWrapper = styled.div`\n  > div {\n    width: 100%;\n    height: 100%;\n  }\n`;\n"],"names":["CalendarHeader","styled","theme","CalendarBody","CalendarDay","FlexView","mediaQueries","colors","$isSunday","$isLastRow","StatusSymbol","$top","$right","TooltipWrapper"],"mappings":";;AAIO,MAAMA,IAAiBC,EAAO;AAAA;AAAA;AAAA;AAAA,sBAIf,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA,6BAC5B,CAAC,EAAE,OAAAA,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA,GAGnDC,IAAeF,EAAO;AAAA;AAAA;AAAA;AAAA,GAMtBG,IAAcH,EAAOI,CAAQ,EAGvC,CAAC,EAAE,OAAO,EAAE,cAAAC,GAAc,QAAAC,EAAA,GAAU,WAAAC,GAAW,YAAAC,QACzC;AAAA;AAAA;AAAA,oBAGWD,IAAY,SAAS,aAAaD,EAAO,OAAO,EAAE;AAAA,qBACjDE,IAAa,SAAS,aAAaF,EAAO,OAAO,EAAE;AAAA;AAAA,MAElED,EAAa,cAAc;AAAA;AAAA;AAAA,CAIhC,GAEYI,IAAeT,EAAOI,CAAQ,EAAsC,CAAC;AAAA,EAChF,OAAO,EAAE,cAAAC,EAAa;AAAA,EACtB,MAAAK;AAAA,EACA,QAAAC;AACF,MACS;AAAA;AAAA,YAEGD,KAAQ,KAAK;AAAA,aACZC,KAAU,KAAK;AAAA;AAAA,MAEtBN,EAAa,cAAc;AAAA,aACpBK,KAAQ,KAAK;AAAA,eACXC,KAAU,KAAK;AAAA;AAAA,CAG7B,GAEYC,IAAiBZ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;"}