@cuemath/leap 3.5.30-link.4 → 3.5.31-as1

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

@@ -0,0 +1 @@
+{"version":3,"file":"activities-card-puzzles.js","sources":["../../../../../../../src/features/timeline/monthly-report/comps/activities/activities-card-puzzles/activities-card-puzzles.tsx"],"sourcesContent":["import { type FC, useRef, memo, useCallback, useState, useEffect } from 'react';\n\nimport ChevronLeftIcon from '../../../../../../assets/line-icons/icons/chevron-left';\nimport ChevronRightIcon from '../../../../../../assets/line-icons/icons/chevron-right';\nimport { type IActivitiesCardPuzzlesProps } from './activities-card-puzzles-types';\nimport { type IMonthlyActivity } from '../../../monthly-report-types';\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-types';\nimport { stateIcon } from '../constants';\nimport { IS_APP_RUNNING_IN_RN } from '../../../../../../constants/app-config';\n\nconst ActivitiesCardPuzzles: FC<IActivitiesCardPuzzlesProps> = ({\n  puzzles: newPuzzles,\n  onPuzzleClick,\n}) => {\n  const puzzles = newPuzzles || [];\n  const scrollRef = useRef<HTMLDivElement>(null);\n  const [canScrollLeft, setCanScrollLeft] = useState(false);\n  const [canScrollRight, setCanScrollRight] = useState(false);\n\n  const handleScrollLeft = useCallback(() => {\n    if (scrollRef.current) {\n      scrollRef.current.scrollBy({ left: -180, behavior: 'smooth' });\n    }\n  }, []);\n\n  const handleScrollRight = useCallback(() => {\n    if (scrollRef.current) {\n      scrollRef.current.scrollBy({ left: 180, behavior: 'smooth' });\n    }\n  }, []);\n\n  const updateScrollButtons = useCallback(() => {\n    if (scrollRef.current) {\n      const { scrollLeft, scrollWidth, clientWidth } = scrollRef.current;\n\n      setCanScrollLeft(scrollLeft > 0);\n      setCanScrollRight(scrollLeft < scrollWidth - clientWidth - 10);\n    }\n  }, []);\n\n  useEffect(() => {\n    const scrollElement = scrollRef.current;\n\n    if (scrollElement) {\n      updateScrollButtons();\n\n      scrollElement.addEventListener('scroll', updateScrollButtons);\n\n      return () => {\n        scrollElement.removeEventListener('scroll', updateScrollButtons);\n      };\n    }\n  }, [updateScrollButtons, puzzles.length]);\n\n  const renderPuzzleCard = useCallback(\n    (puzzle: IMonthlyActivity) => (\n      <Styled.PuzzleContainer\n        key={puzzle.id}\n        $gapX={1}\n        $imageHue={puzzle.image_hue || 'BLUE'}\n        $width={146}\n        $height={162}\n        $background={`${puzzle.image_hue || 'BLUE'}_2`}\n        onClick={() =>\n          onPuzzleClick?.({\n            item_ref: puzzle.item_ref,\n            feedback_comments: puzzle.feedback_comments,\n            image_hue: puzzle.image_hue,\n            title: puzzle.title,\n            tip: puzzle.tip,\n          })\n        }\n      >\n        <Styled.StatusIcon\n          $borderRadiusX={1}\n          $background={\n            puzzle.state === NODE_STATE.PENDING || puzzle.state === NODE_STATE.NOT_STARTED\n              ? 'RED'\n              : 'BLACK_1'\n          }\n          $widthX={1}\n          $heightX={1}\n          $alignItems=\"center\"\n          $justifyContent=\"center\"\n        >\n          {puzzle.state &&\n            (stateIcon[puzzle.state as NODE_STATE] || stateIcon[NODE_STATE.COMPLETED])}\n        </Styled.StatusIcon>\n        <FlexView $background=\"TRANSPARENT\" $alignItems=\"center\">\n          {puzzle.image_url && (\n            <Image\n              src={puzzle.image_url ?? ''}\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              {puzzle.title}\n            </Text>\n          </FlexView>\n        </FlexView>\n      </Styled.PuzzleContainer>\n    ),\n    [onPuzzleClick],\n  );\n\n  if (!puzzles || puzzles.length === 0) return null;\n\n  return (\n    <Styled.ContentWrapper $flexRowGapX={1}>\n      <FlexView $position=\"relative\" $borderColor=\"GREY_2\">\n        <Styled.ScrollButton\n          $background=\"BLACK_T_60\"\n          $justifyContent=\"center\"\n          $alignItems=\"center\"\n          $widthX={2}\n          $height=\"100%\"\n          onClick={handleScrollLeft}\n          $visible={!IS_APP_RUNNING_IN_RN && canScrollLeft}\n          $left=\"0px\"\n          $right=\"auto\"\n        >\n          <ChevronLeftIcon width={24} height={24} />\n        </Styled.ScrollButton>\n        <FlexView $gutterX={1} $gapX={1}>\n          <Styled.ScrollContainer ref={scrollRef}>\n            <FlexView $flexDirection=\"row\" $flexGapX={1}>\n              {puzzles.map(renderPuzzleCard)}\n            </FlexView>\n          </Styled.ScrollContainer>\n        </FlexView>\n\n        <Styled.ScrollButton\n          $position=\"absolute\"\n          $widthX={2}\n          $height=\"100%\"\n          $background=\"BLACK_T_60\"\n          $justifyContent=\"center\"\n          $alignItems=\"center\"\n          onClick={handleScrollRight}\n          $visible={!IS_APP_RUNNING_IN_RN && canScrollRight}\n          $left=\"auto\"\n          $right=\"0px\"\n        >\n          <ChevronRightIcon width={24} height={24} />\n        </Styled.ScrollButton>\n      </FlexView>\n    </Styled.ContentWrapper>\n  );\n};\n\nexport default memo(ActivitiesCardPuzzles);\n"],"names":["ActivitiesCardPuzzles","newPuzzles","onPuzzleClick","puzzles","scrollRef","useRef","canScrollLeft","setCanScrollLeft","useState","canScrollRight","setCanScrollRight","handleScrollLeft","useCallback","handleScrollRight","updateScrollButtons","scrollLeft","scrollWidth","clientWidth","useEffect","scrollElement","renderPuzzleCard","puzzle","jsxs","Styled.PuzzleContainer","jsx","Styled.StatusIcon","NODE_STATE","stateIcon","FlexView","Image","Separator","Text","Styled.ContentWrapper","Styled.ScrollButton","IS_APP_RUNNING_IN_RN","ChevronLeftIcon","Styled.ScrollContainer","ChevronRightIcon","ActivitiesCardPuzzles$1","memo"],"mappings":"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"}

package/dist/features/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-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-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-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-report/comps/activities/activities.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"activities.js","sources":["../../../../../../src/features/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-report/comps/activities/constants.js

@@ -0,0 +1,96 @@
+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 a from "../../../../../assets/line-icons/icons/exclamation.js";
+import { NODE_STATE as c } from "../../../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(_) {
+  switch (_) {
+    case o.learn:
+      return {
+        lottie: r.LEARN,
+        color: "YELLOW_2",
+        background: E.NODE_LEARN_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_BG
+      };
+    case o.test:
+    case o.diagnostic:
+      return {
+        lottie: r.TEST,
+        color: "ORANGE_2",
+        background: E.NODE_CUSTOM_TEST_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_PREP_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
+      };
+    default:
+      return {
+        lottie: r.PROJECT,
+        color: "GREEN_2",
+        background: E.NODE_PROJECT_BG
+      };
+  }
+}
+const P = {
+  [c.COMPLETED]: /* @__PURE__ */ t(e, { color: "WHITE" }),
+  [c.IN_PROGRESS]: /* @__PURE__ */ t(T, { color: "WHITE" }),
+  [c.PENDING]: /* @__PURE__ */ t(a, { color: "WHITE" }),
+  [c.NOT_STARTED]: /* @__PURE__ */ t(a, { color: "WHITE" }),
+  [c.WAIT_FOR_REVIEW]: /* @__PURE__ */ t(e, { color: "WHITE" })
+};
+export {
+  R as getCardTypeIconMap,
+  P as stateIcon
+};
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../../../src/features/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-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_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_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_CUSTOM_TEST_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_PREP_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    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;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-report/comps/activities/utils.js

@@ -0,0 +1,15 @@
+import { NODE_STATE as e } from "../../../daily-timeline-types.js";
+const T = (n) => {
+  const o = n.filter(
+    (t) => t.state === e.COMPLETED || t.state === e.WAIT_FOR_REVIEW
+  ).length, l = n.filter(
+    (t) => t.state === e.IN_PROGRESS
+  ).length, r = n.filter(
+    (t) => t.state === e.PENDING || t.state === e.NOT_STARTED
+  ).length;
+  return { totalDone: o, totalPending: l, totalOverdue: r };
+};
+export {
+  T as countActivitiesByState
+};
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../../../src/features/timeline/monthly-report/comps/activities/utils.ts"],"sourcesContent":["import { type IMonthlyActivity } from '../../monthly-report-types';\nimport { NODE_STATE } from '../../../daily-timeline-types';\n\nexport const countActivitiesByState = (activitiesList: IMonthlyActivity[]) => {\n  const totalDone = activitiesList.filter(\n    activity =>\n      activity.state === NODE_STATE.COMPLETED || activity.state === NODE_STATE.WAIT_FOR_REVIEW,\n  ).length;\n  const totalPending = activitiesList.filter(\n    activity => activity.state === NODE_STATE.IN_PROGRESS,\n  ).length;\n  const totalOverdue = activitiesList.filter(\n    activity => activity.state === NODE_STATE.PENDING || activity.state === NODE_STATE.NOT_STARTED,\n  ).length;\n\n  return { totalDone, totalPending, totalOverdue };\n};\n"],"names":["countActivitiesByState","activitiesList","totalDone","activity","NODE_STATE","totalPending","totalOverdue"],"mappings":";AAGa,MAAAA,IAAyB,CAACC,MAAuC;AAC5E,QAAMC,IAAYD,EAAe;AAAA,IAC/B,OACEE,EAAS,UAAUC,EAAW,aAAaD,EAAS,UAAUC,EAAW;AAAA,EAC3E,EAAA,QACIC,IAAeJ,EAAe;AAAA,IAClC,CAAAE,MAAYA,EAAS,UAAUC,EAAW;AAAA,EAC1C,EAAA,QACIE,IAAeL,EAAe;AAAA,IAClC,OAAYE,EAAS,UAAUC,EAAW,WAAWD,EAAS,UAAUC,EAAW;AAAA,EACnF,EAAA;AAEK,SAAA,EAAE,WAAAF,GAAW,cAAAG,GAAc,cAAAC;AACpC;"}

package/dist/features/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-report/comps/attendance/attendance-constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"attendance-constants.js","sources":["../../../../../../src/features/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-report/comps/attendance/attendance-utils.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"attendance-utils.js","sources":["../../../../../../src/features/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 => {\n    const hours = new Date(cls.time * 1000).getHours();\n\n    return `${hours % 12 || 12} ${hours >= 12 ? 'PM' : 'AM'}`;\n  });\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=\"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: <PauseIcon color=\"BLACK_T_60\" width={8} height={8} />,\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=\"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\nexport const getStatusText = (classEvent: IClassEvent) => {\n  if (!classEvent.status) return '';\n\n  const date = new Date(classEvent.time * 1000);\n  const hours = date.getHours();\n  const ampm = hours >= 12 ? 'PM' : 'AM';\n  const displayHours = hours % 12 || 12;\n\n  const timeStr = `${displayHours} ${ampm}`;\n\n  return `${timeStr}: ${classEvent.status}`;\n};\n"],"names":["colors","getColors","getSnackbarMsg","classes","date","timings","cls","hours","_a","_b","getStatusText","getClassStatus","classEvent","ATTENDANCE_STATUS","attendanceStatsText","calendarData","attended","missed","paused","dayClasses","parts","getDayStatusInfo","attendedClass","pausedClass","missedClass","Check2Icon","PauseIcon","CrossIcon","jsx","Styled.StatusSymbol","DotIcon","generateCalendarGrid","reportMonth","reportYear","firstDay","daysInMonth","grid","i","day","dateString","status","themeColor","statusSymbol","tooltipBgColor","snackbarBg","ampm"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"attendance.js","sources":["../../../../../../src/features/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            <AttendenceView\n              day={day}\n              key={day ? `day-${day.date}` : `empty-${index}`}\n              reportMonth={reportMonth}\n              onDateClick={onDateClick}\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","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,MACtB,gBAAAR;AAAA,QAACS;AAAA,QAAA;AAAA,UACC,KAAAF;AAAA,UAEA,aAAAlB;AAAA,UACA,aAAAE;AAAA,QAAA;AAAA,QAFKgB,IAAM,OAAOA,EAAI,IAAI,KAAK,SAASC,CAAK;AAAA,MAIhD,CAAA,GACH;AAAA,IAAA,GACF;AAAA,EACF,EAAA,CAAA;AAEJ,GAEeE,IAAAC,EAAKxB,CAAU;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"attendance.styled.js","sources":["../../../../../../src/features/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  position: relative;\n  aspect-ratio: 3/2;\n  border-right: 1px solid ${({ theme }) => theme.colors.WHITE_5};\n  border-bottom: 1px solid ${({ theme }) => theme.colors.WHITE_5};\n\n  &:nth-child(7n) {\n    border-right: none;\n  }\n`;\n\nexport const StatusSymbol = styled.div<{ $top?: string; $right?: string }>`\n  position: absolute;\n  top: ${({ $top }) => $top || '2px'};\n  right: ${({ $right }) => $right || '2px'};\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","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;AAAA;AAAA;AAAA,4BAGd,CAAC,EAAE,OAAAH,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA,6BAClC,CAAC,EAAE,OAAAA,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAOnDI,IAAeL,EAAO;AAAA;AAAA,SAE1B,CAAC,EAAE,MAAAM,QAAWA,KAAQ,KAAK;AAAA,WACzB,CAAC,EAAE,QAAAC,QAAaA,KAAU,KAAK;AAAA,GAG7BC,IAAiBR,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;"}

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

@@ -0,0 +1,52 @@
+import { jsx as e, jsxs as n, Fragment as c } from "react/jsx-runtime";
+import { memo as p, useCallback as g } from "react";
+import { IS_APP_RUNNING_IN_RN as h } from "../../../../../constants/app-config.js";
+import b from "../../../../ui/arrow-tooltip/arrow-tooltip.js";
+import f from "../../../../ui/layout/flex-view.js";
+import s from "../../../../ui/text/text.js";
+import { MONTH_NAMES as u } from "./attendance-constants.js";
+import { getSnackbarMsg as $, getStatusText as A } from "./attendance-utils.js";
+import { TooltipWrapper as _, CalendarDay as T, StatusSymbol as I } from "./attendance.styled.js";
+function S({ day: r, reportMonth: l, onDateClick: t }) {
+  const o = u[l - 1] || "", m = g(() => {
+    t == null || t({
+      type: "info",
+      message: $((r == null ? void 0 : r.classes) || [], `${o} ${(r == null ? void 0 : r.date) ?? ""}`) ?? "",
+      bgColor: (r == null ? void 0 : r.snackbarBg) || "WHITE_5"
+    });
+  }, [o, r == null ? void 0 : r.classes, r == null ? void 0 : r.date, r == null ? void 0 : r.snackbarBg, t]);
+  return /* @__PURE__ */ e(_, { onClick: m, children: /* @__PURE__ */ e(
+    b,
+    {
+      renderAs: "primary",
+      position: "top",
+      hidden: h || !(r != null && r.hasClasses),
+      backgroundColor: (r == null ? void 0 : r.tooltipBgColor) || "WHITE_5",
+      tooltipItem: r != null && r.classes ? /* @__PURE__ */ n(f, { children: [
+        /* @__PURE__ */ n(s, { $align: "center", $renderAs: "ab3", $color: "BLACK_1", children: [
+          o,
+          " ",
+          r.date
+        ] }),
+        r.classes.map((i) => /* @__PURE__ */ e(s, { $align: "center", $renderAs: "ab3", children: A(i) }, i.time))
+      ] }) : "",
+      children: /* @__PURE__ */ e(
+        T,
+        {
+          $background: (r == null ? void 0 : r.themeColor) || "WHITE_1",
+          $justifyContent: "center",
+          $alignItems: "center",
+          children: r && /* @__PURE__ */ n(c, { children: [
+            /* @__PURE__ */ e(s, { $renderAs: "ab2", $color: "BLACK_T_38", children: r.date }),
+            /* @__PURE__ */ e(I, { children: !!r.statusSymbol && r.statusSymbol })
+          ] })
+        }
+      )
+    }
+  ) });
+}
+const k = p(S);
+export {
+  k as default
+};
+//# sourceMappingURL=attendence-view.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"attendence-view.js","sources":["../../../../../../src/features/timeline/monthly-report/comps/attendance/attendence-view.tsx"],"sourcesContent":["import { memo, useCallback } from 'react';\n\nimport { IS_APP_RUNNING_IN_RN } from '../../../../../constants/app-config';\nimport ArrowTooltip from '../../../../ui/arrow-tooltip/arrow-tooltip';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport { MONTH_NAMES } from './attendance-constants';\nimport { getSnackbarMsg, getStatusText } from './attendance-utils';\nimport * as Styled from './attendance.styled';\nimport type { ICalenderViewProps } from './attendance-types';\n\nfunction AttendanceView({ day, reportMonth, onDateClick }: ICalenderViewProps) {\n  const currentMonth = MONTH_NAMES[reportMonth - 1] || '';\n\n  const handleClick = useCallback(() => {\n    onDateClick?.({\n      type: 'info',\n      message: getSnackbarMsg(day?.classes || [], `${currentMonth} ${day?.date ?? ''}`) ?? '',\n      bgColor: day?.snackbarBg || 'WHITE_5',\n    });\n  }, [currentMonth, day?.classes, day?.date, day?.snackbarBg, onDateClick]);\n\n  return (\n    <Styled.TooltipWrapper onClick={handleClick}>\n      <ArrowTooltip\n        renderAs=\"primary\"\n        position=\"top\"\n        hidden={IS_APP_RUNNING_IN_RN || !day?.hasClasses}\n        backgroundColor={day?.tooltipBgColor || 'WHITE_5'}\n        tooltipItem={\n          day?.classes ? (\n            <FlexView>\n              <Text $align=\"center\" $renderAs=\"ab3\" $color=\"BLACK_1\">\n                {currentMonth} {day.date}\n              </Text>\n              {day.classes.map(classEvent => (\n                <Text $align=\"center\" $renderAs=\"ab3\" key={classEvent.time}>\n                  {getStatusText(classEvent)}\n                </Text>\n              ))}\n            </FlexView>\n          ) : (\n            ''\n          )\n        }\n      >\n        <Styled.CalendarDay\n          $background={day?.themeColor || 'WHITE_1'}\n          $justifyContent=\"center\"\n          $alignItems=\"center\"\n        >\n          {day && (\n            <>\n              <Text $renderAs=\"ab2\" $color=\"BLACK_T_38\">\n                {day.date}\n              </Text>\n              <Styled.StatusSymbol>{!!day.statusSymbol && day.statusSymbol}</Styled.StatusSymbol>\n            </>\n          )}\n        </Styled.CalendarDay>\n      </ArrowTooltip>\n    </Styled.TooltipWrapper>\n  );\n}\n\nexport default memo(AttendanceView);\n"],"names":["AttendanceView","day","reportMonth","onDateClick","currentMonth","MONTH_NAMES","handleClick","useCallback","getSnackbarMsg","jsx","Styled.TooltipWrapper","ArrowTooltip","IS_APP_RUNNING_IN_RN","jsxs","FlexView","Text","classEvent","getStatusText","Styled.CalendarDay","Fragment","Styled.StatusSymbol","AttendenceView","memo"],"mappings":";;;;;;;;;AAWA,SAASA,EAAe,EAAE,KAAAC,GAAK,aAAAC,GAAa,aAAAC,KAAmC;AAC7E,QAAMC,IAAeC,EAAYH,IAAc,CAAC,KAAK,IAE/CI,IAAcC,EAAY,MAAM;AACtB,IAAAJ,KAAA,QAAAA,EAAA;AAAA,MACZ,MAAM;AAAA,MACN,SAASK,GAAeP,KAAA,gBAAAA,EAAK,YAAW,CAAC,GAAG,GAAGG,CAAY,KAAIH,KAAA,gBAAAA,EAAK,SAAQ,EAAE,EAAE,KAAK;AAAA,MACrF,UAASA,KAAA,gBAAAA,EAAK,eAAc;AAAA,IAAA;AAAA,EAC7B,GACA,CAACG,GAAcH,KAAA,gBAAAA,EAAK,SAASA,KAAA,gBAAAA,EAAK,MAAMA,KAAA,gBAAAA,EAAK,YAAYE,CAAW,CAAC;AAExE,SACG,gBAAAM,EAAAC,GAAA,EAAsB,SAASJ,GAC9B,UAAA,gBAAAG;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,UAAS;AAAA,MACT,UAAS;AAAA,MACT,QAAQC,KAAwB,EAACX,KAAA,QAAAA,EAAK;AAAA,MACtC,kBAAiBA,KAAA,gBAAAA,EAAK,mBAAkB;AAAA,MACxC,aACEA,KAAA,QAAAA,EAAK,UACH,gBAAAY,EAACC,GACC,EAAA,UAAA;AAAA,QAAA,gBAAAD,EAACE,KAAK,QAAO,UAAS,WAAU,OAAM,QAAO,WAC1C,UAAA;AAAA,UAAAX;AAAA,UAAa;AAAA,UAAEH,EAAI;AAAA,QAAA,GACtB;AAAA,QACCA,EAAI,QAAQ,IAAI,CAAAe,wBACdD,GAAK,EAAA,QAAO,UAAS,WAAU,OAC7B,UAAcE,EAAAD,CAAU,KADgBA,EAAW,IAEtD,CACD;AAAA,MAAA,EAAA,CACH,IAEA;AAAA,MAIJ,UAAA,gBAAAP;AAAA,QAACS;AAAAA,QAAA;AAAA,UACC,cAAajB,KAAA,gBAAAA,EAAK,eAAc;AAAA,UAChC,iBAAgB;AAAA,UAChB,aAAY;AAAA,UAEX,eAEG,gBAAAY,EAAAM,GAAA,EAAA,UAAA;AAAA,YAAA,gBAAAV,EAACM,KAAK,WAAU,OAAM,QAAO,cAC1B,YAAI,MACP;AAAA,YACA,gBAAAN,EAACW,GAAA,EAAqB,WAAC,CAACnB,EAAI,gBAAgBA,EAAI,cAAa;AAAA,UAAA,GAC/D;AAAA,QAAA;AAAA,MAEJ;AAAA,IAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ;AAEA,MAAeoB,IAAAC,EAAKtB,CAAc;"}

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

@@ -0,0 +1,9 @@
+import e from "styled-components";
+import o from "../../../../ui/layout/flex-view.js";
+const i = e(o)`
+  margin: 0 -16px;
+`;
+export {
+  i as FeedbackContainer
+};
+//# sourceMappingURL=feedback-styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"feedback-styled.js","sources":["../../../../../../src/features/timeline/monthly-report/comps/feedback/feedback-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../../ui/layout/flex-view';\n\nexport const FeedbackContainer = styled(FlexView)`\n  margin: 0 -16px;\n`;\n"],"names":["FeedbackContainer","styled","FlexView"],"mappings":";;AAIa,MAAAA,IAAoBC,EAAOC,CAAQ;AAAA;AAAA;"}