@cuemath/leap 3.5.32-as10 → 3.5.32-as3

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

@@ -1,58 +1,107 @@
-import { jsx as e, jsxs as s } from "react/jsx-runtime";
-import { memo as S, useRef as R, useState as h, useCallback as i, useEffect as b } from "react";
-import x from "../../../../../../../assets/line-icons/icons/chevron-left.js";
-import L from "../../../../../../../assets/line-icons/icons/chevron-right.js";
-import { ContentWrapper as _, ScrollButton as a, ScrollContainer as w } from "./activities-card-puzzles.styled.js";
-import c from "../../../../../../ui/layout/flex-view.js";
-import I from "../../../../../../ui/separator/separator.js";
-import { IS_APP_RUNNING_IN_RN as f } from "../../../../../../../constants/app-config.js";
-import A from "./activity-puzzle-card.js";
-const B = ({ puzzles: o, onPuzzleClick: u }) => {
-  const r = R(null), [d, m] = h(!1), [$, p] = h(!1), g = i(() => {
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { memo as I, useRef as v, useState as m, useCallback as s, useEffect as w } from "react";
+import A from "../../../../../../../assets/line-icons/icons/chevron-left.js";
+import N from "../../../../../../../assets/line-icons/icons/chevron-right.js";
+import { PuzzleContainer as T, StatusIcon as X, ContentWrapper as x, ScrollButton as d, ScrollContainer as B } from "./activities-card-puzzles.styled.js";
+import i from "../../../../../../ui/layout/flex-view.js";
+import k from "../../../../../../ui/image/image.js";
+import f from "../../../../../../ui/separator/separator.js";
+import D from "../../../../../../ui/text/text.js";
+import { NODE_STATE as h } from "../../../../../daily-timeline/daily-timeline-types.js";
+import { stateIcon as $ } from "../constants.js";
+import { IS_APP_RUNNING_IN_RN as g } from "../../../../../../../constants/app-config.js";
+const j = ({
+  puzzles: u,
+  onPuzzleClick: o
+}) => {
+  const n = u || [], r = v(null), [_, C] = m(!1), [b, p] = m(!1), S = s(() => {
     r.current && r.current.scrollBy({ left: -180, behavior: "smooth" });
-  }, []), C = i(() => {
+  }, []), E = s(() => {
     r.current && r.current.scrollBy({ left: 180, behavior: "smooth" });
-  }, []), l = i(() => {
+  }, []), c = s(() => {
     if (r.current) {
-      const { scrollLeft: t, scrollWidth: n, clientWidth: v } = r.current;
-      m(t > 0), p(t < n - v - 10);
+      const { scrollLeft: t, scrollWidth: a, clientWidth: L } = r.current;
+      C(t > 0), p(t < a - L - 10);
     }
   }, []);
-  return b(() => {
+  w(() => {
     const t = r.current;
     if (t)
-      return l(), t.addEventListener("scroll", l), () => {
-        t.removeEventListener("scroll", l);
+      return c(), t.addEventListener("scroll", c), () => {
+        t.removeEventListener("scroll", c);
       };
-  }, [l, o.length]), !o || o.length === 0 ? null : /* @__PURE__ */ e(_, { $flexRowGapX: 1, children: /* @__PURE__ */ s(c, { $position: "relative", $borderColor: "GREY_2", children: [
+  }, [c, n.length]);
+  const R = s(
+    (t, a) => /* @__PURE__ */ l(
+      T,
+      {
+        $gapX: 1,
+        $imageHue: t.image_hue || "BLUE",
+        $width: 146,
+        $height: 162,
+        $background: `${t.image_hue || "BLUE"}_2`,
+        onClick: () => o == null ? void 0 : o({
+          item_ref: t.item_ref,
+          feedback_comments: t.feedback_comments,
+          image_hue: t.image_hue,
+          title: t.title,
+          tip: t.tip
+        }),
+        children: [
+          /* @__PURE__ */ e(
+            X,
+            {
+              $borderRadiusX: 1,
+              $background: t.state === h.PENDING || t.state === h.NOT_STARTED ? "RED" : "BLACK_1",
+              $widthX: 1,
+              $heightX: 1,
+              $alignItems: "center",
+              $justifyContent: "center",
+              children: t.state && ($[t.state] || $[h.COMPLETED])
+            }
+          ),
+          /* @__PURE__ */ l(i, { $background: "TRANSPARENT", $alignItems: "center", children: [
+            t.image_url && /* @__PURE__ */ e(
+              k,
+              {
+                src: t.image_url ?? "",
+                alt: "Puzzle illustration",
+                width: 68,
+                height: 68,
+                withLoader: !0
+              }
+            ),
+            /* @__PURE__ */ e(f, { heightX: 1 }),
+            /* @__PURE__ */ e(i, { $gutterX: 0.25, children: /* @__PURE__ */ e(D, { $renderAs: "ab3", $align: "center", children: t.title }) })
+          ] })
+        ]
+      },
+      `${t.id}-${a}`
+    ),
+    [o]
+  );
+  return !n || n.length === 0 ? null : /* @__PURE__ */ e(x, { $flexRowGapX: 1, children: /* @__PURE__ */ l(i, { $position: "relative", $borderColor: "GREY_2", children: [
     /* @__PURE__ */ e(
-      a,
+      d,
       {
         $background: "BLACK_T_60",
         $justifyContent: "center",
         $alignItems: "center",
         $widthX: 2,
         $height: "100%",
-        onClick: g,
-        $visible: !f && d,
+        onClick: S,
+        $visible: !g && _,
         $left: "0px",
         $right: "auto",
-        children: /* @__PURE__ */ e(x, { width: 24, height: 24 })
+        children: /* @__PURE__ */ e(A, { width: 24, height: 24 })
       }
     ),
-    /* @__PURE__ */ e(c, { $gapX: 1, children: /* @__PURE__ */ e(w, { ref: r, children: /* @__PURE__ */ s(c, { $flexDirection: "row", $flexGapX: 1, children: [
-      /* @__PURE__ */ e(I, {}),
-      o.map((t, n) => /* @__PURE__ */ e(
-        A,
-        {
-          puzzle: t,
-          onPuzzleClick: u
-        },
-        `${t.id}-${n}`
-      ))
+    /* @__PURE__ */ e(i, { $gapX: 1, children: /* @__PURE__ */ e(B, { ref: r, children: /* @__PURE__ */ l(i, { $flexDirection: "row", $flexGapX: 1, children: [
+      /* @__PURE__ */ e(f, {}),
+      n.map(R)
     ] }) }) }),
     /* @__PURE__ */ e(
-      a,
+      d,
       {
         $position: "absolute",
         $widthX: 2,
@@ -60,16 +109,16 @@ const B = ({ puzzles: o, onPuzzleClick: u }) => {
         $background: "BLACK_T_60",
         $justifyContent: "center",
         $alignItems: "center",
-        onClick: C,
-        $visible: !f && $,
+        onClick: E,
+        $visible: !g && b,
         $left: "auto",
         $right: "0px",
-        children: /* @__PURE__ */ e(L, { width: 24, height: 24 })
+        children: /* @__PURE__ */ e(N, { width: 24, height: 24 })
       }
     )
   ] }) });
-}, z = S(B);
+}, q = I(j);
 export {
-  z as default
+  q as default
 };
 //# sourceMappingURL=activities-card-puzzles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"activities-card-puzzles.js","sources":["../../../../../../../../src/features/timeline/monthly-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 * as Styled from './activities-card-puzzles.styled';\nimport FlexView from '../../../../../../ui/layout/flex-view';\nimport Separator from '../../../../../../ui/separator/separator';\nimport { IS_APP_RUNNING_IN_RN } from '../../../../../../../constants/app-config';\nimport ActivityPuzzleCard from './activity-puzzle-card';\n\nconst ActivitiesCardPuzzles: FC<IActivitiesCardPuzzlesProps> = ({ puzzles, onPuzzleClick }) => {\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  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 $gapX={1}>\n          <Styled.ScrollContainer ref={scrollRef}>\n            <FlexView $flexDirection=\"row\" $flexGapX={1}>\n              <Separator />\n              {puzzles.map((item, index) => {\n                return (\n                  <ActivityPuzzleCard\n                    key={`${item.id}-${index}`}\n                    puzzle={item}\n                    onPuzzleClick={onPuzzleClick}\n                  />\n                );\n              })}\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","puzzles","onPuzzleClick","scrollRef","useRef","canScrollLeft","setCanScrollLeft","useState","canScrollRight","setCanScrollRight","handleScrollLeft","useCallback","handleScrollRight","updateScrollButtons","scrollLeft","scrollWidth","clientWidth","useEffect","scrollElement","jsx","Styled.ContentWrapper","jsxs","FlexView","Styled.ScrollButton","IS_APP_RUNNING_IN_RN","ChevronLeftIcon","Styled.ScrollContainer","Separator","item","index","ActivityPuzzleCard","ChevronRightIcon","ActivitiesCardPuzzles$1","memo"],"mappings":";;;;;;;;;AAWA,MAAMA,IAAyD,CAAC,EAAE,SAAAC,GAAS,eAAAC,QAAoB;AACvF,QAAAC,IAAYC,EAAuB,IAAI,GACvC,CAACC,GAAeC,CAAgB,IAAIC,EAAS,EAAK,GAClD,CAACC,GAAgBC,CAAiB,IAAIF,EAAS,EAAK,GAEpDG,IAAmBC,EAAY,MAAM;AACzC,IAAIR,EAAU,WACZA,EAAU,QAAQ,SAAS,EAAE,MAAM,MAAM,UAAU,UAAU;AAAA,EAEjE,GAAG,CAAE,CAAA,GAECS,IAAoBD,EAAY,MAAM;AAC1C,IAAIR,EAAU,WACZA,EAAU,QAAQ,SAAS,EAAE,MAAM,KAAK,UAAU,UAAU;AAAA,EAEhE,GAAG,CAAE,CAAA,GAECU,IAAsBF,EAAY,MAAM;AAC5C,QAAIR,EAAU,SAAS;AACrB,YAAM,EAAE,YAAAW,GAAY,aAAAC,GAAa,aAAAC,EAAA,IAAgBb,EAAU;AAE3D,MAAAG,EAAiBQ,IAAa,CAAC,GACbL,EAAAK,IAAaC,IAAcC,IAAc,EAAE;AAAA,IAC/D;AAAA,EACF,GAAG,CAAE,CAAA;AAgBL,SAdAC,EAAU,MAAM;AACd,UAAMC,IAAgBf,EAAU;AAEhC,QAAIe;AACkB,aAAAL,KAENK,EAAA,iBAAiB,UAAUL,CAAmB,GAErD,MAAM;AACG,QAAAK,EAAA,oBAAoB,UAAUL,CAAmB;AAAA,MAAA;AAAA,EAGlE,GAAA,CAACA,GAAqBZ,EAAQ,MAAM,CAAC,GAEpC,CAACA,KAAWA,EAAQ,WAAW,IAAU,OAG3C,gBAAAkB,EAACC,GAAA,EAAsB,cAAc,GACnC,UAAA,gBAAAC,EAACC,GAAS,EAAA,WAAU,YAAW,cAAa,UAC1C,UAAA;AAAA,IAAA,gBAAAH;AAAA,MAACI;AAAAA,MAAA;AAAA,QACC,aAAY;AAAA,QACZ,iBAAgB;AAAA,QAChB,aAAY;AAAA,QACZ,SAAS;AAAA,QACT,SAAQ;AAAA,QACR,SAASb;AAAA,QACT,UAAU,CAACc,KAAwBnB;AAAA,QACnC,OAAM;AAAA,QACN,QAAO;AAAA,QAEP,UAAC,gBAAAc,EAAAM,GAAA,EAAgB,OAAO,IAAI,QAAQ,IAAI;AAAA,MAAA;AAAA,IAC1C;AAAA,IACC,gBAAAN,EAAAG,GAAA,EAAS,OAAO,GACf,4BAACI,GAAA,EAAuB,KAAKvB,GAC3B,UAAC,gBAAAkB,EAAAC,GAAA,EAAS,gBAAe,OAAM,WAAW,GACxC,UAAA;AAAA,MAAA,gBAAAH,EAACQ,GAAU,EAAA;AAAA,MACV1B,EAAQ,IAAI,CAAC2B,GAAMC,MAEhB,gBAAAV;AAAA,QAACW;AAAA,QAAA;AAAA,UAEC,QAAQF;AAAA,UACR,eAAA1B;AAAA,QAAA;AAAA,QAFK,GAAG0B,EAAK,EAAE,IAAIC,CAAK;AAAA,MAAA,CAK7B;AAAA,IAAA,EACH,CAAA,EACF,CAAA,GACF;AAAA,IAEA,gBAAAV;AAAA,MAACI;AAAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,SAAS;AAAA,QACT,SAAQ;AAAA,QACR,aAAY;AAAA,QACZ,iBAAgB;AAAA,QAChB,aAAY;AAAA,QACZ,SAASX;AAAA,QACT,UAAU,CAACY,KAAwBhB;AAAA,QACnC,OAAM;AAAA,QACN,QAAO;AAAA,QAEP,UAAC,gBAAAW,EAAAY,GAAA,EAAiB,OAAO,IAAI,QAAQ,IAAI;AAAA,MAAA;AAAA,IAC3C;AAAA,EAAA,EACF,CAAA,EACF,CAAA;AAEJ,GAEeC,IAAAC,EAAKjC,CAAqB;"}
+{"version":3,"file":"activities-card-puzzles.js","sources":["../../../../../../../../src/features/timeline/monthly-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/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, index: number) => (\n      <Styled.PuzzleContainer\n        key={`${puzzle.id}-${index}`}\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 $gapX={1}>\n          <Styled.ScrollContainer ref={scrollRef}>\n            <FlexView $flexDirection=\"row\" $flexGapX={1}>\n              <Separator />\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","index","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-timeline/monthly-report/comps/activities/activities.js

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

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

@@ -1 +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;"}
+{"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], index) => {\n          if (!activitiesList?.length) return null;\n\n          return (\n            <ActivitiesCard\n              key={`${cardType}-${index}`}\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","index","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,iBAAO,QAAQF,CAAU,EAAE,IAAI,CAAC,CAACM,GAAUC,CAAc,GAAGC,MAAU;;AACjE,WAACD,KAAA,QAAAA,EAAgB,SAGnB,gBAAAJ;AAAA,MAACM;AAAA,MAAA;AAAA,QAEC,WAAUC,IAAAH,EAAe,CAAC,MAAhB,gBAAAG,EAAmB;AAAA,QAC7B,UAAAJ;AAAA,QACA,gBAAAC;AAAA,QACA,eAAAN;AAAA,MAAA;AAAA,MAJK,GAAGK,CAAQ,IAAIE,CAAK;AAAA,IAAA,IAJO;AAAA,EAWrC,CAAA,GACH;AACF,EAAA,CAAA,GAIWG,IAAAC,EAAKb,CAAU;"}

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

@@ -6,7 +6,7 @@ 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) {
+function N(a) {
   switch (a) {
     case o.learn:
       return {
@@ -74,12 +74,6 @@ function R(a) {
         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,
@@ -88,7 +82,7 @@ function R(a) {
       };
   }
 }
-const A = {
+const G = {
   [c.COMPLETED]: /* @__PURE__ */ t(e, { color: "WHITE" }),
   [c.IN_PROGRESS]: /* @__PURE__ */ t(T, { color: "WHITE" }),
   [c.PENDING]: /* @__PURE__ */ t(_, { color: "WHITE" }),
@@ -96,7 +90,7 @@ const A = {
   [c.WAIT_FOR_REVIEW]: /* @__PURE__ */ t(e, { color: "WHITE" })
 };
 export {
-  R as getCardTypeIconMap,
-  A as stateIcon
+  N as getCardTypeIconMap,
+  G as stateIcon
 };
 //# sourceMappingURL=constants.js.map

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

@@ -1 +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;"}
+{"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    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-timeline/monthly-report/comps/activities/utils.js

@@ -1,9 +1,15 @@
-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 }
-);
+import { NODE_STATE as e } from "../../../../daily-timeline/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 {
-  E as countActivitiesByState
+  T as countActivitiesByState
 };
 //# sourceMappingURL=utils.js.map

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

@@ -1 +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;"}
+{"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  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-timeline/monthly-report/comps/feedback/feedback.js

@@ -1,85 +1,100 @@
-import { jsxs as h, jsx as t } from "react/jsx-runtime";
-import { memo as b, useCallback as c } from "react";
-import l from "../../../../../ui/layout/flex-view.js";
-import { ILLUSTRATIONS as $ } from "../../../../../../assets/illustrations/illustrations.js";
-import f from "../../../../../ui/image/image.js";
-import { invalidateMonthlyReport as P, monthlyReportPatch as u } from "../../api/use-monthly-report-api.js";
-import C from "../../../../../ui/separator/separator.js";
+import { jsxs as m, jsx as e } from "react/jsx-runtime";
+import { memo as R, useCallback as l } from "react";
+import c from "../../../../../ui/layout/flex-view.js";
+import { ILLUSTRATIONS as g } from "../../../../../../assets/illustrations/illustrations.js";
+import $ from "../../../../../ui/image/image.js";
+import { invalidateMonthlyReport as P, useMonthlyReportPatch as k } from "../../api/use-monthly-report-get.js";
+import f from "../../../../../ui/separator/separator.js";
 import A from "../../../../../ui/text/text.js";
-import { FeedbackContainer as R } from "./feedback-styled.js";
-import { useUIContext as X } from "../../../../../ui/context/context.js";
-import { MONTHLY_REPORT_ANALYTICS_EVENTS as p } from "../../monthly-report-events.js";
-const k = ({
-  reportId: e,
-  studentName: d,
-  onFeedback: m,
+import C from "../../../../../ui/buttons/clickable/clickable.js";
+import { FeedbackContainer as X } from "./feedback-styled.js";
+import { useUIContext as y } from "../../../../../ui/context/context.js";
+import { MONTHLY_REPORT_ANALYTICS_EVENTS as b } from "../../monthly-report-events.js";
+const L = ({
+  reportId: t,
+  studentName: E,
+  onFeedback: s,
   studentCourseId: a,
-  showSnackbar: s
+  showSnackbar: h
 }) => {
-  const E = c(
+  const _ = l(
     (r, n) => {
-      r && s && s({
+      r && h && h({
         type: "error",
         message: "Something went wrong. Please try again.",
         bgColor: "red"
-      }), !r && m && (n != null && n.feedback) && (P(e), m(n.feedback, a));
+      }), !r && s && (n != null && n.feedback) && (P(t), s(n.feedback, a));
     },
-    [m, e, s, a]
-  ), { onEvent: o } = X(), { patch: g, isProcessing: y } = u({
-    onComplete: E
-  }), i = c(
+    [s, t, h, a]
+  ), { onEvent: i } = y(), { patch: d, isProcessing: p } = k({
+    onComplete: _
+  }), o = l(
     (r) => {
-      g(e, { feedback: r });
+      d(t, { feedback: r });
     },
-    [e, g]
-  ), _ = c(() => {
-    o(p.REPORT_POSITIVE_FEEDBACK_CLICKED, {
-      report_id: e
-    }), i("positive");
-  }, [i, e, o]), T = c(() => {
-    o(p.REPORT_NEGATIVE_FEEDBACK_CLICKED, {
-      report_id: e
-    }), i("negative");
-  }, [i, e, o]);
-  return /* @__PURE__ */ h(R, { $gapX: 1.25, $background: "WHITE_3", children: [
-    /* @__PURE__ */ t(l, { $gutterX: 1, children: /* @__PURE__ */ h(A, { $renderAs: "ab2-black", $color: "BLACK_1", $align: "center", children: [
+    [t, d]
+  ), u = l(() => {
+    i(b.REPORT_POSITIVE_FEEDBACK_CLICKED, {
+      report_id: t
+    }), o("positive");
+  }, [o, t, i]), T = l(() => {
+    i(b.REPORT_NEGATIVE_FEEDBACK_CLICKED, {
+      report_id: t
+    }), o("negative");
+  }, [o, t, i]);
+  return /* @__PURE__ */ m(X, { $gapX: 1.25, $background: "WHITE_3", children: [
+    /* @__PURE__ */ e(c, { $gutterX: 1, children: /* @__PURE__ */ m(A, { $renderAs: "ab2-black", $color: "BLACK_1", $align: "center", children: [
       "Are you happy with ",
-      d ?? "her",
+      E ?? "her",
       " progress?"
     ] }) }),
-    /* @__PURE__ */ t(C, { heightX: 1.5 }),
-    /* @__PURE__ */ h(l, { $flexDirection: "row", $flexGapX: 3, $alignItems: "center", $justifyContent: "center", children: [
-      /* @__PURE__ */ t(
-        l,
+    /* @__PURE__ */ e(f, { heightX: 1.5 }),
+    /* @__PURE__ */ m(c, { $flexDirection: "row", $flexGapX: 3, $alignItems: "center", $justifyContent: "center", children: [
+      /* @__PURE__ */ e(
+        C,
         {
-          $widthX: 5,
-          $heightX: 5,
-          $alignItems: "center",
-          $justifyContent: "center",
-          $borderRadiusX: 2.5,
-          $borderColor: "BLACK_5",
-          onClick: _,
-          children: /* @__PURE__ */ t(f, { src: $.THUMPS_UP, alt: "UP", width: 32, height: 32 })
+          label: "Report thumps up",
+          disabled: p,
+          onClick: u,
+          children: /* @__PURE__ */ e(
+            c,
+            {
+              $widthX: 5,
+              $heightX: 5,
+              $alignItems: "center",
+              $justifyContent: "center",
+              $borderRadiusX: 2.5,
+              $borderColor: "BLACK_5",
+              children: /* @__PURE__ */ e($, { src: g.THUMPS_UP, alt: "UP", width: 32, height: 32 })
+            }
+          )
         }
       ),
-      /* @__PURE__ */ t(
-        l,
+      /* @__PURE__ */ e(
+        C,
         {
-          $widthX: 5,
-          $heightX: 5,
-          $alignItems: "center",
-          $justifyContent: "center",
-          $borderColor: "BLACK_5",
-          $borderRadiusX: 2.5,
+          label: "Report thumps down",
+          disabled: p,
           onClick: T,
-          children: /* @__PURE__ */ t(f, { src: $.THUMPS_DOWN, alt: "DOWN", width: 32, height: 32 })
+          children: /* @__PURE__ */ e(
+            c,
+            {
+              $widthX: 5,
+              $heightX: 5,
+              $alignItems: "center",
+              $justifyContent: "center",
+              $borderColor: "BLACK_5",
+              $borderRadiusX: 2.5,
+              children: /* @__PURE__ */ e($, { src: g.THUMPS_DOWN, alt: "DOWN", width: 32, height: 32 })
+            }
+          )
         }
       )
     ] }),
-    /* @__PURE__ */ t(C, { heightX: 1.5 })
+    /* @__PURE__ */ e(f, { heightX: 1.5 })
   ] });
-}, U = b(k);
+}, j = R(L);
 export {
-  U as default
+  j as default
 };
 //# sourceMappingURL=feedback.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"feedback.js","sources":["../../../../../../../src/features/timeline/monthly-timeline/monthly-report/comps/feedback/feedback.tsx"],"sourcesContent":["import { memo, useCallback } from 'react';\n\nimport type { IMonthlyReportResponse, TFeedback } from '../../monthly-report-types';\nimport type { IFeedbackTypesProps } from './feedback-types';\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport { ILLUSTRATIONS } from '../../../../../../assets/illustrations/illustrations';\nimport Image from '../../../../../ui/image/image';\nimport { invalidateMonthlyReport, monthlyReportPatch } from '../../api/use-monthly-report-api';\nimport Separator from '../../../../../ui/separator/separator';\nimport Text from '../../../../../ui/text/text';\nimport Clickable from '../../../../../ui/buttons/clickable/clickable';\nimport * as Styled from './feedback-styled';\nimport { useUIContext } from '../../../../../ui/context/context';\nimport { MONTHLY_REPORT_ANALYTICS_EVENTS } from '../../monthly-report-events';\n\nconst Feedback = ({\n  reportId,\n  studentName,\n  onFeedback,\n  studentCourseId,\n  showSnackbar,\n}: IFeedbackTypesProps) => {\n  const onComplete = useCallback(\n    (err: string | null, data?: IMonthlyReportResponse) => {\n      if (err && showSnackbar) {\n        showSnackbar({\n          type: 'error',\n          message: 'Something went wrong. Please try again.',\n          bgColor: 'red',\n        });\n      }\n\n      if (!err && onFeedback && data?.feedback) {\n        invalidateMonthlyReport(reportId);\n        onFeedback(data.feedback, studentCourseId);\n      }\n    },\n    [onFeedback, reportId, showSnackbar, studentCourseId],\n  );\n  const { onEvent: trackEvent } = useUIContext();\n\n  const { patch: updateMilestone, isProcessing } = monthlyReportPatch({\n    onComplete,\n  });\n\n  const handleFeedback = useCallback(\n    (feedback: TFeedback) => {\n      updateMilestone(reportId, { feedback });\n    },\n    [reportId, updateMilestone],\n  );\n\n  const handlePositiveFeedback = useCallback(() => {\n    trackEvent(MONTHLY_REPORT_ANALYTICS_EVENTS.REPORT_POSITIVE_FEEDBACK_CLICKED, {\n      report_id: reportId,\n    });\n    handleFeedback('positive');\n  }, [handleFeedback, reportId, trackEvent]);\n\n  const handleNegativeFeedback = useCallback(() => {\n    trackEvent(MONTHLY_REPORT_ANALYTICS_EVENTS.REPORT_NEGATIVE_FEEDBACK_CLICKED, {\n      report_id: reportId,\n    });\n    handleFeedback('negative');\n  }, [handleFeedback, reportId, trackEvent]);\n\n  return (\n    <Styled.FeedbackContainer $gapX={1.25} $background=\"WHITE_3\">\n      <FlexView $gutterX={1}>\n        <Text $renderAs=\"ab2-black\" $color=\"BLACK_1\" $align=\"center\">\n          Are you happy with {studentName ?? 'her'} progress?\n        </Text>\n      </FlexView>\n      <Separator heightX={1.5} />\n      <FlexView $flexDirection=\"row\" $flexGapX={3} $alignItems=\"center\" $justifyContent=\"center\">\n        <FlexView\n          $widthX={5}\n          $heightX={5}\n          $alignItems=\"center\"\n          $justifyContent=\"center\"\n          $borderRadiusX={2.5}\n          $borderColor=\"BLACK_5\"\n          onClick={handlePositiveFeedback}\n        >\n          <Image src={ILLUSTRATIONS.THUMPS_UP} alt=\"UP\" width={32} height={32} />\n        </FlexView>\n        <FlexView\n          $widthX={5}\n          $heightX={5}\n          $alignItems=\"center\"\n          $justifyContent=\"center\"\n          $borderColor=\"BLACK_5\"\n          $borderRadiusX={2.5}\n          onClick={handleNegativeFeedback}\n        >\n          <Image src={ILLUSTRATIONS.THUMPS_DOWN} alt=\"DOWN\" width={32} height={32} />\n        </FlexView>\n      </FlexView>\n      <Separator heightX={1.5} />\n    </Styled.FeedbackContainer>\n  );\n};\n\nexport default memo(Feedback);\n"],"names":["Feedback","reportId","studentName","onFeedback","studentCourseId","showSnackbar","onComplete","useCallback","err","data","invalidateMonthlyReport","trackEvent","useUIContext","updateMilestone","isProcessing","monthlyReportPatch","handleFeedback","feedback","handlePositiveFeedback","MONTHLY_REPORT_ANALYTICS_EVENTS","handleNegativeFeedback","Styled.FeedbackContainer","jsx","FlexView","jsxs","Text","Separator","Image","ILLUSTRATIONS","Feedback$1","memo"],"mappings":";;;;;;;;;;;AAeA,MAAMA,IAAW,CAAC;AAAA,EAChB,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,cAAAC;AACF,MAA2B;AACzB,QAAMC,IAAaC;AAAA,IACjB,CAACC,GAAoBC,MAAkC;AACrD,MAAID,KAAOH,KACIA,EAAA;AAAA,QACX,MAAM;AAAA,QACN,SAAS;AAAA,QACT,SAAS;AAAA,MAAA,CACV,GAGC,CAACG,KAAOL,MAAcM,KAAA,QAAAA,EAAM,cAC9BC,EAAwBT,CAAQ,GACrBE,EAAAM,EAAK,UAAUL,CAAe;AAAA,IAE7C;AAAA,IACA,CAACD,GAAYF,GAAUI,GAAcD,CAAe;AAAA,EAAA,GAEhD,EAAE,SAASO,EAAW,IAAIC,EAAa,GAEvC,EAAE,OAAOC,GAAiB,cAAAC,EAAA,IAAiBC,EAAmB;AAAA,IAClE,YAAAT;AAAA,EAAA,CACD,GAEKU,IAAiBT;AAAA,IACrB,CAACU,MAAwB;AACP,MAAAJ,EAAAZ,GAAU,EAAE,UAAAgB,EAAA,CAAU;AAAA,IACxC;AAAA,IACA,CAAChB,GAAUY,CAAe;AAAA,EAAA,GAGtBK,IAAyBX,EAAY,MAAM;AAC/C,IAAAI,EAAWQ,EAAgC,kCAAkC;AAAA,MAC3E,WAAWlB;AAAA,IAAA,CACZ,GACDe,EAAe,UAAU;AAAA,EACxB,GAAA,CAACA,GAAgBf,GAAUU,CAAU,CAAC,GAEnCS,IAAyBb,EAAY,MAAM;AAC/C,IAAAI,EAAWQ,EAAgC,kCAAkC;AAAA,MAC3E,WAAWlB;AAAA,IAAA,CACZ,GACDe,EAAe,UAAU;AAAA,EACxB,GAAA,CAACA,GAAgBf,GAAUU,CAAU,CAAC;AAEzC,2BACGU,GAAA,EAAyB,OAAO,MAAM,aAAY,WACjD,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAS,UAAU,GAClB,UAAC,gBAAAC,EAAAC,GAAA,EAAK,WAAU,aAAY,QAAO,WAAU,QAAO,UAAS,UAAA;AAAA,MAAA;AAAA,MACvCvB,KAAe;AAAA,MAAM;AAAA,IAAA,EAAA,CAC3C,EACF,CAAA;AAAA,IACA,gBAAAoB,EAACI,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,IACzB,gBAAAF,EAACD,KAAS,gBAAe,OAAM,WAAW,GAAG,aAAY,UAAS,iBAAgB,UAChF,UAAA;AAAA,MAAA,gBAAAD;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,SAAS;AAAA,UACT,UAAU;AAAA,UACV,aAAY;AAAA,UACZ,iBAAgB;AAAA,UAChB,gBAAgB;AAAA,UAChB,cAAa;AAAA,UACb,SAASL;AAAA,UAET,UAAA,gBAAAI,EAACK,GAAM,EAAA,KAAKC,EAAc,WAAW,KAAI,MAAK,OAAO,IAAI,QAAQ,GAAI,CAAA;AAAA,QAAA;AAAA,MACvE;AAAA,MACA,gBAAAN;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,SAAS;AAAA,UACT,UAAU;AAAA,UACV,aAAY;AAAA,UACZ,iBAAgB;AAAA,UAChB,cAAa;AAAA,UACb,gBAAgB;AAAA,UAChB,SAASH;AAAA,UAET,UAAA,gBAAAE,EAACK,GAAM,EAAA,KAAKC,EAAc,aAAa,KAAI,QAAO,OAAO,IAAI,QAAQ,GAAI,CAAA;AAAA,QAAA;AAAA,MAC3E;AAAA,IAAA,GACF;AAAA,IACA,gBAAAN,EAACI,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,EAC3B,EAAA,CAAA;AAEJ,GAEeG,IAAAC,EAAK9B,CAAQ;"}
+{"version":3,"file":"feedback.js","sources":["../../../../../../../src/features/timeline/monthly-timeline/monthly-report/comps/feedback/feedback.tsx"],"sourcesContent":["import { memo, useCallback } from 'react';\n\nimport type { IMonthlyReportResponse, TFeedback } from '../../monthly-report-types';\nimport type { IFeedbackTypesProps } from './feedback-types';\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport { ILLUSTRATIONS } from '../../../../../../assets/illustrations/illustrations';\nimport Image from '../../../../../ui/image/image';\nimport { invalidateMonthlyReport, useMonthlyReportPatch } from '../../api/use-monthly-report-get';\nimport Separator from '../../../../../ui/separator/separator';\nimport Text from '../../../../../ui/text/text';\nimport Clickable from '../../../../../ui/buttons/clickable/clickable';\nimport * as Styled from './feedback-styled';\nimport { useUIContext } from '../../../../../ui/context/context';\nimport { MONTHLY_REPORT_ANALYTICS_EVENTS } from '../../monthly-report-events';\n\nconst Feedback = ({\n  reportId,\n  studentName,\n  onFeedback,\n  studentCourseId,\n  showSnackbar,\n}: IFeedbackTypesProps) => {\n  const onComplete = useCallback(\n    (err: string | null, data?: IMonthlyReportResponse) => {\n      if (err && showSnackbar) {\n        showSnackbar({\n          type: 'error',\n          message: 'Something went wrong. Please try again.',\n          bgColor: 'red',\n        });\n      }\n\n      if (!err && onFeedback && data?.feedback) {\n        invalidateMonthlyReport(reportId);\n        onFeedback(data.feedback, studentCourseId);\n      }\n    },\n    [onFeedback, reportId, showSnackbar, studentCourseId],\n  );\n  const { onEvent: trackEvent } = useUIContext();\n\n  const { patch: updateMilestone, isProcessing } = useMonthlyReportPatch({\n    onComplete,\n  });\n\n  const handleFeedback = useCallback(\n    (feedback: TFeedback) => {\n      updateMilestone(reportId, { feedback });\n    },\n    [reportId, updateMilestone],\n  );\n\n  const handlePositiveFeedback = useCallback(() => {\n    trackEvent(MONTHLY_REPORT_ANALYTICS_EVENTS.REPORT_POSITIVE_FEEDBACK_CLICKED, {\n      report_id: reportId,\n    });\n    handleFeedback('positive');\n  }, [handleFeedback, reportId, trackEvent]);\n\n  const handleNegativeFeedback = useCallback(() => {\n    trackEvent(MONTHLY_REPORT_ANALYTICS_EVENTS.REPORT_NEGATIVE_FEEDBACK_CLICKED, {\n      report_id: reportId,\n    });\n    handleFeedback('negative');\n  }, [handleFeedback, reportId, trackEvent]);\n\n  return (\n    <Styled.FeedbackContainer $gapX={1.25} $background=\"WHITE_3\">\n      <FlexView $gutterX={1}>\n        <Text $renderAs=\"ab2-black\" $color=\"BLACK_1\" $align=\"center\">\n          Are you happy with {studentName ?? 'her'} progress?\n        </Text>\n      </FlexView>\n      <Separator heightX={1.5} />\n      <FlexView $flexDirection=\"row\" $flexGapX={3} $alignItems=\"center\" $justifyContent=\"center\">\n        <Clickable\n          label=\"Report thumps up\"\n          disabled={isProcessing}\n          onClick={handlePositiveFeedback}\n        >\n          <FlexView\n            $widthX={5}\n            $heightX={5}\n            $alignItems=\"center\"\n            $justifyContent=\"center\"\n            $borderRadiusX={2.5}\n            $borderColor=\"BLACK_5\"\n          >\n            <Image src={ILLUSTRATIONS.THUMPS_UP} alt=\"UP\" width={32} height={32} />\n          </FlexView>\n        </Clickable>\n        <Clickable\n          label=\"Report thumps down\"\n          disabled={isProcessing}\n          onClick={handleNegativeFeedback}\n        >\n          <FlexView\n            $widthX={5}\n            $heightX={5}\n            $alignItems=\"center\"\n            $justifyContent=\"center\"\n            $borderColor=\"BLACK_5\"\n            $borderRadiusX={2.5}\n          >\n            <Image src={ILLUSTRATIONS.THUMPS_DOWN} alt=\"DOWN\" width={32} height={32} />\n          </FlexView>\n        </Clickable>\n      </FlexView>\n      <Separator heightX={1.5} />\n    </Styled.FeedbackContainer>\n  );\n};\n\nexport default memo(Feedback);\n"],"names":["Feedback","reportId","studentName","onFeedback","studentCourseId","showSnackbar","onComplete","useCallback","err","data","invalidateMonthlyReport","trackEvent","useUIContext","updateMilestone","isProcessing","useMonthlyReportPatch","handleFeedback","feedback","handlePositiveFeedback","MONTHLY_REPORT_ANALYTICS_EVENTS","handleNegativeFeedback","Styled.FeedbackContainer","jsx","FlexView","jsxs","Text","Separator","Clickable","Image","ILLUSTRATIONS","Feedback$1","memo"],"mappings":"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"}

package/dist/features/timeline/monthly-timeline/monthly-report/monthly-report-types.js

@@ -1,4 +1,4 @@
-var e = /* @__PURE__ */ ((t) => (t.general = "general", t.legacy = "legacy", t.diagnostic = "diagnostic", t.remedial = "remedial", t.recap = "recap", t.learn = "learn", t.extra_practice = "extra_practice", t.practice = "practice", t.test = "test", t.revision = "revision", t.advanced = "advanced", t.challenge = "challenge", t.video = "video", t.simulation = "simulation", t.note = "note", t.subjective = "subjective", t.deck = "deck", t.puzzle = "puzzle", t.test_series = "test_series", t.activity = "activity", t.project = "project", t.certificate = "certificate", t.ppt_viva = "ppt_viva", t.ppt_content = "ppt_content", t.wb_activity = "wb_activity", t.smart_practice = "smart_practice", t.exit_ticket = "exit_ticket", t.monthly_mastery_test = "monthly_mastery_test", t.supplementary_mastery_test = "supplementary_mastery_test", t.trial_diagnostic = "trial_diagnostic", t.trial_basic = "trial_basic", t.trial_intermediate = "trial_intermediate", t.trial_advanced = "trial_advanced", t.sat_mock_test = "sat_mock_test", t.pdf = "pdf", t))(e || {});
+var e = /* @__PURE__ */ ((t) => (t.general = "general", t.legacy = "legacy", t.diagnostic = "diagnostic", t.remedial = "remedial", t.recap = "recap", t.learn = "learn", t.extra_practice = "extra_practice", t.practice = "practice", t.test = "test", t.revision = "revision", t.advanced = "advanced", t.challenge = "challenge", t.video = "video", t.simulation = "simulation", t.note = "note", t.subjective = "subjective", t.deck = "deck", t.puzzle = "puzzle", t.test_series = "test_series", t.activity = "activity", t.project = "project", t.certificate = "certificate", t.ppt_viva = "ppt_viva", t.ppt_content = "ppt_content", t.wb_activity = "wb_activity", t.smart_practice = "smart_practice", t.exit_ticket = "exit_ticket", t.monthly_mastery_test = "monthly_mastery_test", t.supplementary_mastery_test = "supplementary_mastery_test", t.trial_diagnostic = "trial_diagnostic", t.trial_basic = "trial_basic", t.trial_intermediate = "trial_intermediate", t.trial_advanced = "trial_advanced", t.sat_mock_test = "sat_mock_test", t))(e || {});
 export {
   e as CARD_TYPE
 };