@cuemath/leap 3.5.32-as3 → 3.5.32-as6

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

@@ -1,107 +1,58 @@
-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(() => {
+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(() => {
     r.current && r.current.scrollBy({ left: -180, behavior: "smooth" });
-  }, []), E = s(() => {
+  }, []), C = i(() => {
     r.current && r.current.scrollBy({ left: 180, behavior: "smooth" });
-  }, []), c = s(() => {
+  }, []), l = i(() => {
     if (r.current) {
-      const { scrollLeft: t, scrollWidth: a, clientWidth: L } = r.current;
-      C(t > 0), p(t < a - L - 10);
+      const { scrollLeft: t, scrollWidth: n, clientWidth: v } = r.current;
+      m(t > 0), p(t < n - v - 10);
     }
   }, []);
-  w(() => {
+  return b(() => {
     const t = r.current;
     if (t)
-      return c(), t.addEventListener("scroll", c), () => {
-        t.removeEventListener("scroll", c);
+      return l(), t.addEventListener("scroll", l), () => {
+        t.removeEventListener("scroll", l);
       };
-  }, [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: [
+  }, [l, o.length]), !o || o.length === 0 ? null : /* @__PURE__ */ e(_, { $flexRowGapX: 1, children: /* @__PURE__ */ s(c, { $position: "relative", $borderColor: "GREY_2", children: [
     /* @__PURE__ */ e(
-      d,
+      a,
       {
         $background: "BLACK_T_60",
         $justifyContent: "center",
         $alignItems: "center",
         $widthX: 2,
         $height: "100%",
-        onClick: S,
-        $visible: !g && _,
+        onClick: g,
+        $visible: !f && d,
         $left: "0px",
         $right: "auto",
-        children: /* @__PURE__ */ e(A, { width: 24, height: 24 })
+        children: /* @__PURE__ */ e(x, { width: 24, height: 24 })
       }
     ),
-    /* @__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(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(
-      d,
+      a,
       {
         $position: "absolute",
         $widthX: 2,
@@ -109,16 +60,16 @@ const j = ({
         $background: "BLACK_T_60",
         $justifyContent: "center",
         $alignItems: "center",
-        onClick: E,
-        $visible: !g && b,
+        onClick: C,
+        $visible: !f && $,
         $left: "auto",
         $right: "0px",
-        children: /* @__PURE__ */ e(N, { width: 24, height: 24 })
+        children: /* @__PURE__ */ e(L, { width: 24, height: 24 })
       }
     )
   ] }) });
-}, q = I(j);
+}, z = S(B);
 export {
-  q as default
+  z 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 { 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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"}
+{"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;"}

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

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

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

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

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

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

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

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

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

@@ -1,9 +1,9 @@
-import { jsxs as m, jsx as e } from "react/jsx-runtime";
+import { jsxs as h, 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 { invalidateMonthlyReport as P, monthlyReportPatch as k } from "../../api/use-monthly-report-api.js";
 import f from "../../../../../ui/separator/separator.js";
 import A from "../../../../../ui/text/text.js";
 import C from "../../../../../ui/buttons/clickable/clickable.js";
@@ -13,19 +13,19 @@ import { MONTHLY_REPORT_ANALYTICS_EVENTS as b } from "../../monthly-report-event
 const L = ({
   reportId: t,
   studentName: E,
-  onFeedback: s,
+  onFeedback: m,
   studentCourseId: a,
-  showSnackbar: h
+  showSnackbar: s
 }) => {
   const _ = l(
     (r, n) => {
-      r && h && h({
+      r && s && s({
         type: "error",
         message: "Something went wrong. Please try again.",
         bgColor: "red"
-      }), !r && s && (n != null && n.feedback) && (P(t), s(n.feedback, a));
+      }), !r && m && (n != null && n.feedback) && (P(t), m(n.feedback, a));
     },
-    [s, t, h, a]
+    [m, t, s, a]
   ), { onEvent: i } = y(), { patch: d, isProcessing: p } = k({
     onComplete: _
   }), o = l(
@@ -42,14 +42,14 @@ const L = ({
       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: [
+  return /* @__PURE__ */ h(X, { $gapX: 1.25, $background: "WHITE_3", children: [
+    /* @__PURE__ */ e(c, { $gutterX: 1, children: /* @__PURE__ */ h(A, { $renderAs: "ab2-black", $color: "BLACK_1", $align: "center", children: [
       "Are you happy with ",
       E ?? "her",
       " progress?"
     ] }) }),
     /* @__PURE__ */ e(f, { heightX: 1.5 }),
-    /* @__PURE__ */ m(c, { $flexDirection: "row", $flexGapX: 3, $alignItems: "center", $justifyContent: "center", children: [
+    /* @__PURE__ */ h(c, { $flexDirection: "row", $flexGapX: 3, $alignItems: "center", $justifyContent: "center", children: [
       /* @__PURE__ */ e(
         C,
         {
@@ -93,8 +93,8 @@ const L = ({
     ] }),
     /* @__PURE__ */ e(f, { heightX: 1.5 })
   ] });
-}, j = R(L);
+}, B = R(L);
 export {
-  j as default
+  B 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, 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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"}
+{"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        <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","monthlyReportPatch","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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"}