@cuemath/leap 3.5.32-as3 → 3.5.32-as5

package/dist/features/timeline/comps/new-progress-intro-modal/new-progress-intro-modal-constants.js

@@ -1,17 +1,17 @@
-import { ILLUSTRATIONS as e } from "../../../../assets/illustrations/illustrations.js";
-const t = [
+import { ILLUSTRATIONS as i } from "../../../../assets/illustrations/illustrations.js";
+const o = [
   {
     title: "Daily Progress",
-    description: "View all activities (class + home) in real-time",
-    icon: e.CLOCK_PURPLE
+    description: "Track both in-class and at-home activities in real-time",
+    icon: i.CLOCK_PURPLE
   },
   {
     title: "Monthly Reports",
-    description: "Get detailed summaries of progress and achievements",
-    icon: e.CALENDAR_PURPLE_2
+    description: "Get insights into your child's monthly progress and achievements",
+    icon: i.CALENDAR_PURPLE_2
   }
 ];
 export {
-  t as PROGRESS_INFO
+  o as PROGRESS_INFO
 };
 //# sourceMappingURL=new-progress-intro-modal-constants.js.map

package/dist/features/timeline/comps/new-progress-intro-modal/new-progress-intro-modal-constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"new-progress-intro-modal-constants.js","sources":["../../../../../src/features/timeline/comps/new-progress-intro-modal/new-progress-intro-modal-constants.ts"],"sourcesContent":["import { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\n\nexport const PROGRESS_INFO: {\n  title: string;\n  description: string;\n  icon: string;\n}[] = [\n  {\n    title: 'Daily Progress',\n    description: 'View all activities (class + home) in real-time',\n    icon: ILLUSTRATIONS.CLOCK_PURPLE,\n  },\n  {\n    title: 'Monthly Reports',\n    description: 'Get detailed summaries of progress and achievements',\n    icon: ILLUSTRATIONS.CALENDAR_PURPLE_2,\n  },\n];\n"],"names":["PROGRESS_INFO","ILLUSTRATIONS"],"mappings":";AAEO,MAAMA,IAIP;AAAA,EACJ;AAAA,IACE,OAAO;AAAA,IACP,aAAa;AAAA,IACb,MAAMC,EAAc;AAAA,EACtB;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,aAAa;AAAA,IACb,MAAMA,EAAc;AAAA,EACtB;AACF;"}
+{"version":3,"file":"new-progress-intro-modal-constants.js","sources":["../../../../../src/features/timeline/comps/new-progress-intro-modal/new-progress-intro-modal-constants.ts"],"sourcesContent":["import { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\n\nexport const PROGRESS_INFO: {\n  title: string;\n  description: string;\n  icon: string;\n}[] = [\n  {\n    title: 'Daily Progress',\n    description: 'Track both in-class and at-home activities in real-time',\n    icon: ILLUSTRATIONS.CLOCK_PURPLE,\n  },\n  {\n    title: 'Monthly Reports',\n    description: `Get insights into your child's monthly progress and achievements`,\n    icon: ILLUSTRATIONS.CALENDAR_PURPLE_2,\n  },\n];\n"],"names":["PROGRESS_INFO","ILLUSTRATIONS"],"mappings":";AAEO,MAAMA,IAIP;AAAA,EACJ;AAAA,IACE,OAAO;AAAA,IACP,aAAa;AAAA,IACb,MAAMC,EAAc;AAAA,EACtB;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,aAAa;AAAA,IACb,MAAMA,EAAc;AAAA,EACtB;AACF;"}

package/dist/features/timeline/comps/new-progress-intro-modal/new-progress-intro-modal.js

@@ -1,35 +1,35 @@
 import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import { memo as h } from "react";
+import { memo as d } from "react";
 import r from "../../../ui/layout/flex-view.js";
 import n from "../../../ui/separator/separator.js";
 import l from "../../../ui/image/image.js";
 import { ILLUSTRATIONS as a } from "../../../../assets/illustrations/illustrations.js";
-import o from "../../../ui/text/text.js";
-import { PROGRESS_INFO as d } from "./new-progress-intro-modal-constants.js";
-import m from "../../../ui/buttons/button/button.js";
-const g = ({ onClose: s }) => /* @__PURE__ */ t(r, { children: [
+import i from "../../../ui/text/text.js";
+import { PROGRESS_INFO as h } from "./new-progress-intro-modal-constants.js";
+import g from "../../../ui/buttons/button/button.js";
+const m = ({ onClose: s }) => /* @__PURE__ */ t(r, { children: [
   /* @__PURE__ */ t(r, { $background: "PURPLE_4", $alignItems: "center", $justifyContent: "center", children: [
     /* @__PURE__ */ e(n, { heightX: 1.5 }),
     /* @__PURE__ */ e(r, { $gutterX: 1.5, $alignItems: "center", $justifyContent: "center", $gap: 50, children: /* @__PURE__ */ e(l, { src: a.PROGRESS_BAR_PURPLE }) })
   ] }),
   /* @__PURE__ */ t(r, { $gutterX: 2, $gapX: 1.5, children: [
     /* @__PURE__ */ t(r, { children: [
-      /* @__PURE__ */ e(o, { $renderAs: "ab1-bold", children: "New on Cuemath: Enhanced Progress Tracking!" }),
+      /* @__PURE__ */ e(i, { $renderAs: "ab1-bold", children: "Introducing: Enhanced Progress Tracking" }),
       /* @__PURE__ */ e(n, { height: 4 }),
-      /* @__PURE__ */ e(o, { $renderAs: "ub1", children: "See your child's complete learning journey in one place. What’s New:" })
+      /* @__PURE__ */ e(i, { $renderAs: "ub1", children: "View your child's complete learning journey all in one place. Here’s what’s new:" })
     ] }),
     /* @__PURE__ */ e(n, { heightX: 1.5 }),
-    d.map((i, c) => /* @__PURE__ */ t(
+    h.map((o, c) => /* @__PURE__ */ t(
       r,
       {
         $flexDirection: "row",
         $alignItems: "flex-start",
         $flexGapX: 0.5,
         children: [
-          /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(l, { src: i.icon, width: 32, height: 32 }) }),
+          /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(l, { src: o.icon, width: 32, height: 32 }) }),
           /* @__PURE__ */ t(r, { $gutter: 4, $flex: 1, children: [
-            /* @__PURE__ */ e(o, { $renderAs: "ub1-bold", children: i.title }),
-            /* @__PURE__ */ e(o, { $renderAs: "ub1", children: i.description }),
+            /* @__PURE__ */ e(i, { $renderAs: "ub1-bold", children: o.title }),
+            /* @__PURE__ */ e(i, { $renderAs: "ub1", children: o.description }),
             /* @__PURE__ */ e(n, { heightX: 1.5 })
           ] })
         ]
@@ -37,7 +37,7 @@ const g = ({ onClose: s }) => /* @__PURE__ */ t(r, { children: [
       `progress-info-${c}`
     )),
     /* @__PURE__ */ e(r, { $alignItems: "center", $justifyContent: "center", $gapX: 0.5, children: /* @__PURE__ */ e(
-      m,
+      g,
       {
         width: 240,
         label: "View progress",
@@ -47,7 +47,7 @@ const g = ({ onClose: s }) => /* @__PURE__ */ t(r, { children: [
       }
     ) })
   ] })
-] }), R = h(g);
+] }), R = d(m);
 export {
   R as default
 };

package/dist/features/timeline/comps/new-progress-intro-modal/new-progress-intro-modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"new-progress-intro-modal.js","sources":["../../../../../src/features/timeline/comps/new-progress-intro-modal/new-progress-intro-modal.tsx"],"sourcesContent":["import { memo } from 'react';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Image from '../../../ui/image/image';\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport Text from '../../../ui/text/text';\nimport { PROGRESS_INFO } from './new-progress-intro-modal-constants';\nimport Button from '../../../ui/buttons/button/button';\n\nconst NewProgressIntroModal = ({ onClose }: { onClose: () => void }) => {\n  return (\n    <FlexView>\n      <FlexView $background=\"PURPLE_4\" $alignItems=\"center\" $justifyContent=\"center\">\n        <Separator heightX={1.5} />\n        <FlexView $gutterX={1.5} $alignItems=\"center\" $justifyContent=\"center\" $gap={50}>\n          <Image src={ILLUSTRATIONS.PROGRESS_BAR_PURPLE} />\n        </FlexView>\n      </FlexView>\n      <FlexView $gutterX={2} $gapX={1.5}>\n        <FlexView>\n          <Text $renderAs=\"ab1-bold\">New on Cuemath: Enhanced Progress Tracking!</Text>\n          <Separator height={4} />\n          <Text $renderAs=\"ub1\">\n            See your child's complete learning journey in one place. What’s New:\n          </Text>\n        </FlexView>\n        <Separator heightX={1.5} />\n        {PROGRESS_INFO.map((item, index) => (\n          <FlexView\n            key={`progress-info-${index}`}\n            $flexDirection=\"row\"\n            $alignItems=\"flex-start\"\n            $flexGapX={0.5}\n          >\n            <FlexView>\n              <Image src={item.icon} width={32} height={32} />\n            </FlexView>\n            <FlexView $gutter={4} $flex={1}>\n              <Text $renderAs=\"ub1-bold\">{item.title}</Text>\n              <Text $renderAs=\"ub1\">{item.description}</Text>\n              <Separator heightX={1.5} />\n            </FlexView>\n          </FlexView>\n        ))}\n        <FlexView $alignItems=\"center\" $justifyContent=\"center\" $gapX={0.5}>\n          <Button\n            width={240}\n            label=\"View progress\"\n            renderAs=\"black\"\n            shape=\"square\"\n            onClick={onClose}\n          />\n        </FlexView>\n      </FlexView>\n    </FlexView>\n  );\n};\n\nexport default memo(NewProgressIntroModal);\n"],"names":["NewProgressIntroModal","onClose","FlexView","jsxs","jsx","Separator","Image","ILLUSTRATIONS","Text","PROGRESS_INFO","item","index","Button","newProgressIntroModal","memo"],"mappings":";;;;;;;;;AAUA,MAAMA,IAAwB,CAAC,EAAE,SAAAC,0BAE5BC,GACC,EAAA,UAAA;AAAA,EAAA,gBAAAC,EAACD,KAAS,aAAY,YAAW,aAAY,UAAS,iBAAgB,UACpE,UAAA;AAAA,IAAC,gBAAAE,EAAAC,GAAA,EAAU,SAAS,IAAK,CAAA;AAAA,IACxB,gBAAAD,EAAAF,GAAA,EAAS,UAAU,KAAK,aAAY,UAAS,iBAAgB,UAAS,MAAM,IAC3E,UAAC,gBAAAE,EAAAE,GAAA,EAAM,KAAKC,EAAc,oBAAqB,CAAA,GACjD;AAAA,EAAA,GACF;AAAA,EACC,gBAAAJ,EAAAD,GAAA,EAAS,UAAU,GAAG,OAAO,KAC5B,UAAA;AAAA,IAAA,gBAAAC,EAACD,GACC,EAAA,UAAA;AAAA,MAAC,gBAAAE,EAAAI,GAAA,EAAK,WAAU,YAAW,UAA2C,+CAAA;AAAA,MACtE,gBAAAJ,EAACC,GAAU,EAAA,QAAQ,EAAG,CAAA;AAAA,MACrB,gBAAAD,EAAAI,GAAA,EAAK,WAAU,OAAM,UAEtB,wEAAA;AAAA,IAAA,GACF;AAAA,IACA,gBAAAJ,EAACC,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,IACxBI,EAAc,IAAI,CAACC,GAAMC,MACxB,gBAAAR;AAAA,MAACD;AAAA,MAAA;AAAA,QAEC,gBAAe;AAAA,QACf,aAAY;AAAA,QACZ,WAAW;AAAA,QAEX,UAAA;AAAA,UAAC,gBAAAE,EAAAF,GAAA,EACC,UAAC,gBAAAE,EAAAE,GAAA,EAAM,KAAKI,EAAK,MAAM,OAAO,IAAI,QAAQ,GAAA,CAAI,EAChD,CAAA;AAAA,UACC,gBAAAP,EAAAD,GAAA,EAAS,SAAS,GAAG,OAAO,GAC3B,UAAA;AAAA,YAAA,gBAAAE,EAACI,GAAK,EAAA,WAAU,YAAY,UAAAE,EAAK,OAAM;AAAA,YACtC,gBAAAN,EAAAI,GAAA,EAAK,WAAU,OAAO,YAAK,aAAY;AAAA,YACxC,gBAAAJ,EAACC,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,UAAA,GAC3B;AAAA,QAAA;AAAA,MAAA;AAAA,MAZK,iBAAiBM,CAAK;AAAA,IAAA,CAc9B;AAAA,sBACAT,GAAS,EAAA,aAAY,UAAS,iBAAgB,UAAS,OAAO,KAC7D,UAAA,gBAAAE;AAAA,MAACQ;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,OAAM;AAAA,QACN,UAAS;AAAA,QACT,OAAM;AAAA,QACN,SAASX;AAAA,MAAA;AAAA,IAAA,GAEb;AAAA,EAAA,GACF;AACF,EAAA,CAAA,GAIWY,IAAAC,EAAKd,CAAqB;"}
+{"version":3,"file":"new-progress-intro-modal.js","sources":["../../../../../src/features/timeline/comps/new-progress-intro-modal/new-progress-intro-modal.tsx"],"sourcesContent":["import { memo } from 'react';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Image from '../../../ui/image/image';\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport Text from '../../../ui/text/text';\nimport { PROGRESS_INFO } from './new-progress-intro-modal-constants';\nimport Button from '../../../ui/buttons/button/button';\n\nconst NewProgressIntroModal = ({ onClose }: { onClose: () => void }) => {\n  return (\n    <FlexView>\n      <FlexView $background=\"PURPLE_4\" $alignItems=\"center\" $justifyContent=\"center\">\n        <Separator heightX={1.5} />\n        <FlexView $gutterX={1.5} $alignItems=\"center\" $justifyContent=\"center\" $gap={50}>\n          <Image src={ILLUSTRATIONS.PROGRESS_BAR_PURPLE} />\n        </FlexView>\n      </FlexView>\n      <FlexView $gutterX={2} $gapX={1.5}>\n        <FlexView>\n          <Text $renderAs=\"ab1-bold\">Introducing: Enhanced Progress Tracking</Text>\n          <Separator height={4} />\n          <Text $renderAs=\"ub1\">\n            View your child's complete learning journey all in one place. Here’s what’s new:\n          </Text>\n        </FlexView>\n        <Separator heightX={1.5} />\n        {PROGRESS_INFO.map((item, index) => (\n          <FlexView\n            key={`progress-info-${index}`}\n            $flexDirection=\"row\"\n            $alignItems=\"flex-start\"\n            $flexGapX={0.5}\n          >\n            <FlexView>\n              <Image src={item.icon} width={32} height={32} />\n            </FlexView>\n            <FlexView $gutter={4} $flex={1}>\n              <Text $renderAs=\"ub1-bold\">{item.title}</Text>\n              <Text $renderAs=\"ub1\">{item.description}</Text>\n              <Separator heightX={1.5} />\n            </FlexView>\n          </FlexView>\n        ))}\n        <FlexView $alignItems=\"center\" $justifyContent=\"center\" $gapX={0.5}>\n          <Button\n            width={240}\n            label=\"View progress\"\n            renderAs=\"black\"\n            shape=\"square\"\n            onClick={onClose}\n          />\n        </FlexView>\n      </FlexView>\n    </FlexView>\n  );\n};\n\nexport default memo(NewProgressIntroModal);\n"],"names":["NewProgressIntroModal","onClose","FlexView","jsxs","jsx","Separator","Image","ILLUSTRATIONS","Text","PROGRESS_INFO","item","index","Button","newProgressIntroModal","memo"],"mappings":";;;;;;;;;AAUA,MAAMA,IAAwB,CAAC,EAAE,SAAAC,0BAE5BC,GACC,EAAA,UAAA;AAAA,EAAA,gBAAAC,EAACD,KAAS,aAAY,YAAW,aAAY,UAAS,iBAAgB,UACpE,UAAA;AAAA,IAAC,gBAAAE,EAAAC,GAAA,EAAU,SAAS,IAAK,CAAA;AAAA,IACxB,gBAAAD,EAAAF,GAAA,EAAS,UAAU,KAAK,aAAY,UAAS,iBAAgB,UAAS,MAAM,IAC3E,UAAC,gBAAAE,EAAAE,GAAA,EAAM,KAAKC,EAAc,oBAAqB,CAAA,GACjD;AAAA,EAAA,GACF;AAAA,EACC,gBAAAJ,EAAAD,GAAA,EAAS,UAAU,GAAG,OAAO,KAC5B,UAAA;AAAA,IAAA,gBAAAC,EAACD,GACC,EAAA,UAAA;AAAA,MAAC,gBAAAE,EAAAI,GAAA,EAAK,WAAU,YAAW,UAAuC,2CAAA;AAAA,MAClE,gBAAAJ,EAACC,GAAU,EAAA,QAAQ,EAAG,CAAA;AAAA,MACrB,gBAAAD,EAAAI,GAAA,EAAK,WAAU,OAAM,UAEtB,oFAAA;AAAA,IAAA,GACF;AAAA,IACA,gBAAAJ,EAACC,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,IACxBI,EAAc,IAAI,CAACC,GAAMC,MACxB,gBAAAR;AAAA,MAACD;AAAA,MAAA;AAAA,QAEC,gBAAe;AAAA,QACf,aAAY;AAAA,QACZ,WAAW;AAAA,QAEX,UAAA;AAAA,UAAC,gBAAAE,EAAAF,GAAA,EACC,UAAC,gBAAAE,EAAAE,GAAA,EAAM,KAAKI,EAAK,MAAM,OAAO,IAAI,QAAQ,GAAA,CAAI,EAChD,CAAA;AAAA,UACC,gBAAAP,EAAAD,GAAA,EAAS,SAAS,GAAG,OAAO,GAC3B,UAAA;AAAA,YAAA,gBAAAE,EAACI,GAAK,EAAA,WAAU,YAAY,UAAAE,EAAK,OAAM;AAAA,YACtC,gBAAAN,EAAAI,GAAA,EAAK,WAAU,OAAO,YAAK,aAAY;AAAA,YACxC,gBAAAJ,EAACC,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,UAAA,GAC3B;AAAA,QAAA;AAAA,MAAA;AAAA,MAZK,iBAAiBM,CAAK;AAAA,IAAA,CAc9B;AAAA,sBACAT,GAAS,EAAA,aAAY,UAAS,iBAAgB,UAAS,OAAO,KAC7D,UAAA,gBAAAE;AAAA,MAACQ;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,OAAM;AAAA,QACN,UAAS;AAAA,QACT,OAAM;AAAA,QACN,SAASX;AAAA,MAAA;AAAA,IAAA,GAEb;AAAA,EAAA,GACF;AACF,EAAA,CAAA,GAIWY,IAAAC,EAAKd,CAAqB;"}

package/dist/features/timeline/monthly-timeline/comps/monthly-card/monthly-card.js

@@ -1,34 +1,34 @@
-import { jsxs as a, jsx as i } from "react/jsx-runtime";
-import { memo as x } from "react";
-import { GoalsSection as P } from "./monthly-card.styled.js";
-import I from "../../monthly-report/comps/goals/goals-card/goals-card.js";
+import { jsxs as t, jsx as l } from "react/jsx-runtime";
+import { memo as x, useCallback as P } from "react";
+import { GoalsSection as I } from "./monthly-card.styled.js";
+import M from "../../monthly-report/comps/goals/goals-card/goals-card.js";
 import n from "../../../../ui/layout/flex-view.js";
-import M from "../../../../ui/buttons/clickable/clickable.js";
-import w from "../../../../../assets/line-icons/icons/carat-right.js";
-import $ from "../../../../ui/text/text.js";
-import g from "../../../../ui/image/image.js";
-import { REPORT_CONFIG as c, monthNames as E } from "../../constants.js";
+import w from "../../../../ui/buttons/clickable/clickable.js";
+import E from "../../../../../assets/line-icons/icons/carat-right.js";
+import _ from "../../../../ui/text/text.js";
+import u from "../../../../ui/image/image.js";
+import { monthNames as L, REPORT_CONFIG as d } from "../../constants.js";
 import { REPORT_TYPE as o } from "../../monthly-timeline-types.js";
-import { ILLUSTRATIONS as L } from "../../../../../assets/illustrations/illustrations.js";
-const T = ({
-  report: e,
-  year: _,
-  month: R,
-  onReportClick: s,
-  reportType: l,
-  courseStream: u
+import { ILLUSTRATIONS as X } from "../../../../../assets/illustrations/illustrations.js";
+const G = ({
+  report: i,
+  year: r,
+  month: m,
+  onReportClick: c,
+  reportType: e,
+  courseStream: R
 }) => {
-  var m, h, f;
-  const b = () => {
-    s && s((e == null ? void 0 : e.id) || "", l, _, E[R - 1] || "");
-  };
-  let t = { label: "", icon: "" };
-  l === o.PTM ? t = c.PTM ?? { label: "Report", icon: "full" } : l === o.MPR_V1 ? t = c.MPR_V1 ?? { label: "Report", icon: "full" } : l === o.MPR_V2 && (t = c["MPR_V2_" + (u || "").toLowerCase()] ?? {
+  var f, $, g;
+  const b = P(() => {
+    c && c((i == null ? void 0 : i.id) || "", e, r, L[m - 1] || "");
+  }, [m, c, i == null ? void 0 : i.id, e, r]);
+  let a = { label: "", icon: "" };
+  e === o.PTM ? a = d.PTM ?? { label: "Report", icon: "full" } : e === o.MPR_V1 ? a = d.MPR_V1 ?? { label: "Report", icon: "full" } : e === o.MPR_V2 && (a = d["MPR_V2_" + (R || "").toLowerCase()] ?? {
     label: "Report",
     icon: "full"
   });
-  const d = l === o.PTM ? [] : ((m = e == null ? void 0 : e.progress_data) == null ? void 0 : m.user_milestones) || [];
-  return l === o.MPR_V2 && !((f = (h = e == null ? void 0 : e.progress_data) == null ? void 0 : h.user_milestones) != null && f.length) ? /* @__PURE__ */ a(
+  const h = e === o.PTM ? [] : ((f = i == null ? void 0 : i.progress_data) == null ? void 0 : f.user_milestones) || [];
+  return e === o.MPR_V2 && !((g = ($ = i == null ? void 0 : i.progress_data) == null ? void 0 : $.user_milestones) != null && g.length) ? /* @__PURE__ */ t(
     n,
     {
       $flexDirection: "row",
@@ -40,27 +40,27 @@ const T = ({
       $background: "WHITE_3",
       $heightX: 4.5,
       children: [
-        /* @__PURE__ */ i(g, { src: L.NO_REPORT, alt: "report icon", withLoader: !0, width: 32, height: 32 }),
-        /* @__PURE__ */ i($, { $renderAs: "ub2", $color: "BLACK_1", children: "Report unavailable - no activity this month." })
+        /* @__PURE__ */ l(u, { src: X.NO_REPORT, alt: "report icon", withLoader: !0, width: 32, height: 32 }),
+        /* @__PURE__ */ l(_, { $renderAs: "ub2", $color: "BLACK_1", children: "Report unavailable - no activity this month." })
       ]
     }
-  ) : /* @__PURE__ */ i(
-    M,
+  ) : /* @__PURE__ */ l(
+    w,
     {
       onClick: b,
-      disabled: !(e != null && e.id) && l !== o.MPR_V1,
+      disabled: !(i != null && i.id) && e !== o.MPR_V1,
       label: "Report Card click",
-      children: /* @__PURE__ */ a(n, { $flexGap: 1, $borderColor: "BLACK_1", children: [
-        !!d.length && /* @__PURE__ */ i(P, { $flexGap: 1, children: d.map((r, C) => /* @__PURE__ */ i(
-          I,
+      children: /* @__PURE__ */ t(n, { $flexGap: 1, $borderColor: "BLACK_1", children: [
+        !!h.length && /* @__PURE__ */ l(I, { $flexGap: 1, children: h.map((s, C) => /* @__PURE__ */ l(
+          M,
           {
-            category: r.goal_category,
-            milestone: r,
+            category: s.goal_category,
+            milestone: s,
             isExpended: !1
           },
-          r.user_milestone_id || C
+          s.user_milestone_id || C
         )) }),
-        /* @__PURE__ */ a(
+        /* @__PURE__ */ t(
           n,
           {
             $flexDirection: "row",
@@ -69,19 +69,19 @@ const T = ({
             $background: "BLACK_1",
             $heightX: 3,
             children: [
-              /* @__PURE__ */ a(n, { $flexDirection: "row", $alignItems: "center", $flexGapX: 0.5, $gutterX: 1, children: [
-                /* @__PURE__ */ i(g, { src: t.icon, alt: "report icon", withLoader: !0, width: 32, height: 32 }),
-                /* @__PURE__ */ i($, { $renderAs: "ub2-bold", $color: "WHITE", children: t.label })
+              /* @__PURE__ */ t(n, { $flexDirection: "row", $alignItems: "center", $flexGapX: 0.5, $gutterX: 1, children: [
+                /* @__PURE__ */ l(u, { src: a.icon, alt: "report icon", withLoader: !0, width: 32, height: 32 }),
+                /* @__PURE__ */ l(_, { $renderAs: "ub2-bold", $color: "WHITE", children: a.label })
               ] }),
-              /* @__PURE__ */ i(n, { $gutterX: 0.75, children: /* @__PURE__ */ i(w, { width: 24, height: 24, color: "WHITE" }) })
+              /* @__PURE__ */ l(n, { $gutterX: 0.75, children: /* @__PURE__ */ l(E, { width: 24, height: 24, color: "WHITE" }) })
             ]
           }
         )
       ] })
     }
   );
-}, K = x(T);
+}, S = x(G);
 export {
-  K as default
+  S as default
 };
 //# sourceMappingURL=monthly-card.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"monthly-card.js","sources":["../../../../../../src/features/timeline/monthly-timeline/comps/monthly-card/monthly-card.tsx"],"sourcesContent":["import { memo, type FC } from 'react';\n\nimport { type IMonthlyReportCardProps } from './monthly-card-types';\nimport * as Styled from './monthly-card.styled';\nimport GoalsCard from '../../monthly-report/comps/goals/goals-card/goals-card';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Clickable from '../../../../ui/buttons/clickable/clickable';\nimport CaratRightIcon from '../../../../../assets/line-icons/icons/carat-right';\nimport Text from '../../../../ui/text/text';\nimport Image from '../../../../ui/image/image';\nimport { monthNames, REPORT_CONFIG } from '../../constants';\nimport { REPORT_TYPE } from '../../monthly-timeline-types';\nimport { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\n\nconst MonthlyReportCard: FC<IMonthlyReportCardProps> = ({\n  report,\n  year,\n  month,\n  onReportClick,\n  reportType,\n  courseStream,\n}) => {\n  const handleReportClick = () => {\n    if (onReportClick) {\n      onReportClick(report?.id || '', reportType, year, monthNames[month - 1] || '');\n    }\n  };\n\n  let config = { label: '', icon: '' };\n\n  if (reportType === REPORT_TYPE.PTM) {\n    config = REPORT_CONFIG.PTM ?? { label: 'Report', icon: 'full' };\n  } else if (reportType === REPORT_TYPE.MPR_V1) {\n    config = REPORT_CONFIG.MPR_V1 ?? { label: 'Report', icon: 'full' };\n  } else if (reportType === REPORT_TYPE.MPR_V2) {\n    config = REPORT_CONFIG['MPR_V2_' + (courseStream || '').toLowerCase()] ?? {\n      label: 'Report',\n      icon: 'full',\n    };\n  }\n\n  const reportMilestones =\n    reportType === REPORT_TYPE.PTM ? [] : report?.progress_data?.user_milestones || [];\n\n  if (reportType === REPORT_TYPE.MPR_V2 && !report?.progress_data?.user_milestones?.length) {\n    return (\n      <FlexView\n        $flexDirection=\"row\"\n        $alignItems=\"center\"\n        $flexGapX={0.5}\n        $gutterX={1}\n        $gapX={1}\n        $borderColor=\"WHITE_5\"\n        $background=\"WHITE_3\"\n        $heightX={4.5}\n      >\n        <Image src={ILLUSTRATIONS.NO_REPORT} alt=\"report icon\" withLoader width={32} height={32} />\n        <Text $renderAs=\"ub2\" $color=\"BLACK_1\">\n          Report unavailable - no activity this month.\n        </Text>\n      </FlexView>\n    );\n  }\n\n  return (\n    <Clickable\n      onClick={handleReportClick}\n      disabled={!report?.id && reportType !== REPORT_TYPE.MPR_V1}\n      label=\"Report Card click\"\n    >\n      <FlexView $flexGap={1} $borderColor=\"BLACK_1\">\n        {!!reportMilestones.length && (\n          <Styled.GoalsSection $flexGap={1}>\n            {reportMilestones.map((milestone, milestoneIndex) => (\n              <GoalsCard\n                key={milestone.user_milestone_id || milestoneIndex}\n                category={milestone.goal_category}\n                milestone={milestone}\n                isExpended={false}\n              />\n            ))}\n          </Styled.GoalsSection>\n        )}\n        <FlexView\n          $flexDirection=\"row\"\n          $alignItems=\"center\"\n          $justifyContent=\"space-between\"\n          $background=\"BLACK_1\"\n          $heightX={3}\n        >\n          <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexGapX={0.5} $gutterX={1}>\n            <Image src={config.icon} alt=\"report icon\" withLoader width={32} height={32} />\n            <Text $renderAs=\"ub2-bold\" $color=\"WHITE\">\n              {config.label}\n            </Text>\n          </FlexView>\n          <FlexView $gutterX={0.75}>\n            <CaratRightIcon width={24} height={24} color=\"WHITE\" />\n          </FlexView>\n        </FlexView>\n      </FlexView>\n    </Clickable>\n  );\n};\n\nexport default memo(MonthlyReportCard);\n"],"names":["MonthlyReportCard","report","year","month","onReportClick","reportType","courseStream","handleReportClick","monthNames","config","REPORT_TYPE","REPORT_CONFIG","reportMilestones","_a","_c","_b","jsxs","FlexView","jsx","Image","ILLUSTRATIONS","Text","Clickable","Styled.GoalsSection","milestone","milestoneIndex","GoalsCard","CaratRightIcon","MonthlyReportCard$1","memo"],"mappings":";;;;;;;;;;;;AAcA,MAAMA,IAAiD,CAAC;AAAA,EACtD,QAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,eAAAC;AAAA,EACA,YAAAC;AAAA,EACA,cAAAC;AACF,MAAM;;AACJ,QAAMC,IAAoB,MAAM;AAC9B,IAAIH,KACYA,GAAAH,KAAA,gBAAAA,EAAQ,OAAM,IAAII,GAAYH,GAAMM,EAAWL,IAAQ,CAAC,KAAK,EAAE;AAAA,EAC/E;AAGF,MAAIM,IAAS,EAAE,OAAO,IAAI,MAAM,GAAG;AAE/B,EAAAJ,MAAeK,EAAY,MAC7BD,IAASE,EAAc,OAAO,EAAE,OAAO,UAAU,MAAM,WAC9CN,MAAeK,EAAY,SACpCD,IAASE,EAAc,UAAU,EAAE,OAAO,UAAU,MAAM,WACjDN,MAAeK,EAAY,WACpCD,IAASE,EAAc,aAAaL,KAAgB,IAAI,YAAA,CAAa,KAAK;AAAA,IACxE,OAAO;AAAA,IACP,MAAM;AAAA,EAAA;AAIJ,QAAAM,IACJP,MAAeK,EAAY,MAAM,CAAK,MAAAG,IAAAZ,KAAA,gBAAAA,EAAQ,kBAAR,gBAAAY,EAAuB,oBAAmB;AAElF,SAAIR,MAAeK,EAAY,UAAU,GAACI,KAAAC,IAAAd,KAAA,gBAAAA,EAAQ,kBAAR,gBAAAc,EAAuB,oBAAvB,QAAAD,EAAwC,UAE9E,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAe;AAAA,MACf,aAAY;AAAA,MACZ,WAAW;AAAA,MACX,UAAU;AAAA,MACV,OAAO;AAAA,MACP,cAAa;AAAA,MACb,aAAY;AAAA,MACZ,UAAU;AAAA,MAEV,UAAA;AAAA,QAAC,gBAAAC,EAAAC,GAAA,EAAM,KAAKC,EAAc,WAAW,KAAI,eAAc,YAAU,IAAC,OAAO,IAAI,QAAQ,GAAI,CAAA;AAAA,0BACxFC,GAAK,EAAA,WAAU,OAAM,QAAO,WAAU,UAEvC,gDAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,IAMJ,gBAAAH;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,SAASf;AAAA,MACT,UAAU,EAACN,KAAA,QAAAA,EAAQ,OAAMI,MAAeK,EAAY;AAAA,MACpD,OAAM;AAAA,MAEN,UAAC,gBAAAM,EAAAC,GAAA,EAAS,UAAU,GAAG,cAAa,WACjC,UAAA;AAAA,QAAA,CAAC,CAACL,EAAiB,UAClB,gBAAAM,EAACK,GAAA,EAAoB,UAAU,GAC5B,UAAAX,EAAiB,IAAI,CAACY,GAAWC,MAChC,gBAAAP;AAAA,UAACQ;AAAA,UAAA;AAAA,YAEC,UAAUF,EAAU;AAAA,YACpB,WAAAA;AAAA,YACA,YAAY;AAAA,UAAA;AAAA,UAHPA,EAAU,qBAAqBC;AAAA,QAKvC,CAAA,GACH;AAAA,QAEF,gBAAAT;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,gBAAe;AAAA,YACf,aAAY;AAAA,YACZ,iBAAgB;AAAA,YAChB,aAAY;AAAA,YACZ,UAAU;AAAA,YAEV,UAAA;AAAA,cAAC,gBAAAD,EAAAC,GAAA,EAAS,gBAAe,OAAM,aAAY,UAAS,WAAW,KAAK,UAAU,GAC5E,UAAA;AAAA,gBAAC,gBAAAC,EAAAC,GAAA,EAAM,KAAKV,EAAO,MAAM,KAAI,eAAc,YAAU,IAAC,OAAO,IAAI,QAAQ,GAAI,CAAA;AAAA,kCAC5EY,GAAK,EAAA,WAAU,YAAW,QAAO,SAC/B,YAAO,OACV;AAAA,cAAA,GACF;AAAA,cACC,gBAAAH,EAAAD,GAAA,EAAS,UAAU,MAClB,UAAC,gBAAAC,EAAAS,GAAA,EAAe,OAAO,IAAI,QAAQ,IAAI,OAAM,QAAQ,CAAA,GACvD;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA,GACF;AAAA,IAAA;AAAA,EAAA;AAGN,GAEeC,IAAAC,EAAK7B,CAAiB;"}
+{"version":3,"file":"monthly-card.js","sources":["../../../../../../src/features/timeline/monthly-timeline/comps/monthly-card/monthly-card.tsx"],"sourcesContent":["import { memo, useCallback, type FC } from 'react';\n\nimport { type IMonthlyReportCardProps } from './monthly-card-types';\nimport * as Styled from './monthly-card.styled';\nimport GoalsCard from '../../monthly-report/comps/goals/goals-card/goals-card';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Clickable from '../../../../ui/buttons/clickable/clickable';\nimport CaratRightIcon from '../../../../../assets/line-icons/icons/carat-right';\nimport Text from '../../../../ui/text/text';\nimport Image from '../../../../ui/image/image';\nimport { monthNames, REPORT_CONFIG } from '../../constants';\nimport { REPORT_TYPE } from '../../monthly-timeline-types';\nimport { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\n\nconst MonthlyReportCard: FC<IMonthlyReportCardProps> = ({\n  report,\n  year,\n  month,\n  onReportClick,\n  reportType,\n  courseStream,\n}) => {\n  const handleReportClick = useCallback(() => {\n    if (onReportClick) {\n      onReportClick(report?.id || '', reportType, year, monthNames[month - 1] || '');\n    }\n  }, [month, onReportClick, report?.id, reportType, year]);\n\n  let config = { label: '', icon: '' };\n\n  if (reportType === REPORT_TYPE.PTM) {\n    config = REPORT_CONFIG.PTM ?? { label: 'Report', icon: 'full' };\n  } else if (reportType === REPORT_TYPE.MPR_V1) {\n    config = REPORT_CONFIG.MPR_V1 ?? { label: 'Report', icon: 'full' };\n  } else if (reportType === REPORT_TYPE.MPR_V2) {\n    config = REPORT_CONFIG['MPR_V2_' + (courseStream || '').toLowerCase()] ?? {\n      label: 'Report',\n      icon: 'full',\n    };\n  }\n\n  const reportMilestones =\n    reportType === REPORT_TYPE.PTM ? [] : report?.progress_data?.user_milestones || [];\n\n  if (reportType === REPORT_TYPE.MPR_V2 && !report?.progress_data?.user_milestones?.length) {\n    return (\n      <FlexView\n        $flexDirection=\"row\"\n        $alignItems=\"center\"\n        $flexGapX={0.5}\n        $gutterX={1}\n        $gapX={1}\n        $borderColor=\"WHITE_5\"\n        $background=\"WHITE_3\"\n        $heightX={4.5}\n      >\n        <Image src={ILLUSTRATIONS.NO_REPORT} alt=\"report icon\" withLoader width={32} height={32} />\n        <Text $renderAs=\"ub2\" $color=\"BLACK_1\">\n          Report unavailable - no activity this month.\n        </Text>\n      </FlexView>\n    );\n  }\n\n  return (\n    <Clickable\n      onClick={handleReportClick}\n      disabled={!report?.id && reportType !== REPORT_TYPE.MPR_V1}\n      label=\"Report Card click\"\n    >\n      <FlexView $flexGap={1} $borderColor=\"BLACK_1\">\n        {!!reportMilestones.length && (\n          <Styled.GoalsSection $flexGap={1}>\n            {reportMilestones.map((milestone, milestoneIndex) => (\n              <GoalsCard\n                key={milestone.user_milestone_id || milestoneIndex}\n                category={milestone.goal_category}\n                milestone={milestone}\n                isExpended={false}\n              />\n            ))}\n          </Styled.GoalsSection>\n        )}\n        <FlexView\n          $flexDirection=\"row\"\n          $alignItems=\"center\"\n          $justifyContent=\"space-between\"\n          $background=\"BLACK_1\"\n          $heightX={3}\n        >\n          <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexGapX={0.5} $gutterX={1}>\n            <Image src={config.icon} alt=\"report icon\" withLoader width={32} height={32} />\n            <Text $renderAs=\"ub2-bold\" $color=\"WHITE\">\n              {config.label}\n            </Text>\n          </FlexView>\n          <FlexView $gutterX={0.75}>\n            <CaratRightIcon width={24} height={24} color=\"WHITE\" />\n          </FlexView>\n        </FlexView>\n      </FlexView>\n    </Clickable>\n  );\n};\n\nexport default memo(MonthlyReportCard);\n"],"names":["MonthlyReportCard","report","year","month","onReportClick","reportType","courseStream","handleReportClick","useCallback","monthNames","config","REPORT_TYPE","REPORT_CONFIG","reportMilestones","_a","_c","_b","jsxs","FlexView","jsx","Image","ILLUSTRATIONS","Text","Clickable","Styled.GoalsSection","milestone","milestoneIndex","GoalsCard","CaratRightIcon","MonthlyReportCard$1","memo"],"mappings":"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"}

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

@@ -1,35 +1,35 @@
 import { jsxs as l, jsx as r } from "react/jsx-runtime";
-import { memo as z, useRef as I, useState as B, useMemo as d, useCallback as u } from "react";
-import { getCardTypeIconMap as $, stateIcon as p } from "../constants.js";
-import { CARD_TYPE as f } from "../../../monthly-report-types.js";
-import { ActivityCardContainerWrapper as M, ActivityCardContainer as S } from "./activities-card.styled.js";
+import { memo as z, useRef as D, useState as I, useMemo as d, useCallback as u } from "react";
+import { getCardTypeIconMap as $, stateIcon as B } from "../constants.js";
+import { CARD_TYPE as g } from "../../../monthly-report-types.js";
+import { ActivityCardContainerWrapper as S, ActivityCardContainer as M } from "./activities-card.styled.js";
 import n from "../../../../../../ui/layout/flex-view.js";
-import T from "../../../../../../ui/lottie-animation/lottie-animation.js";
+import j from "../../../../../../ui/lottie-animation/lottie-animation.js";
 import m from "../../../../../../ui/text/text.js";
-import j from "../../../../../../homework/card-title.js";
-import k from "../activities-card-puzzles/activities-card-puzzles.js";
-import { NODE_STATE as h } from "../../../../../daily-timeline/daily-timeline-types.js";
-import G from "../../../../../../ui/buttons/text-button/text-button.js";
+import k from "../../../../../../homework/card-title.js";
+import G from "../activities-card-puzzles/activities-card-puzzles.js";
+import { NODE_STATE as p } from "../../../../../daily-timeline/daily-timeline-types.js";
+import T from "../../../../../../ui/buttons/text-button/text-button.js";
 import { countActivitiesByState as K } from "../utils.js";
-const O = {
+const y = {
   autoplay: !1,
   loop: !0,
   renderer: "canvas"
-}, P = ({
+}, N = ({
   cardType: t,
-  nodeType: A,
+  nodeType: f,
   activitiesList: o = [],
-  onPuzzleClick: C
+  onPuzzleClick: A
 }) => {
-  const a = I(null), [s, x] = B(!1), b = d(() => {
+  const a = D(null), [s, C] = I(!1), x = d(() => {
     const { totalDone: e, totalPending: i, totalOverdue: c } = K(o);
     return [
       e > 0 && `${e} Done`,
       i > 0 && `${i} In-progress`,
       c > 0 && `${c} Overdue`
     ].filter(Boolean).join(", ");
-  }, [o]), X = d(() => t ? t.split("_").join(" ") : "", [t]), { displayedActivities: E, remainingCount: g } = d(() => {
-    if (t === f.puzzle)
+  }, [o]), b = d(() => t ? t.split("_").join(" ") : "", [t]), { displayedActivities: X, remainingCount: h } = d(() => {
+    if (t === g.puzzle)
       return { displayedActivities: o, remainingCount: 0 };
     const e = 3, i = o.length > e;
     return s || !i ? { displayedActivities: o, remainingCount: 0 } : {
@@ -43,15 +43,15 @@ const O = {
     var e;
     (e = a.current) == null || e.stop();
   }, []), v = u(() => {
-    x((e) => !e);
+    C((e) => !e);
   }, []);
   return /* @__PURE__ */ l(n, { onMouseEnter: _, onMouseLeave: w, children: [
     /* @__PURE__ */ r(
-      M,
+      S,
       {
         $background: $(t).color,
         children: /* @__PURE__ */ l(
-          S,
+          M,
           {
             $flexDirection: "row",
             $alignItems: "center",
@@ -71,49 +71,49 @@ const O = {
                   $alignItems: "center",
                   $justifyContent: "center",
                   children: /* @__PURE__ */ r(
-                    T,
+                    j,
                     {
                       ref: a,
                       src: $(t).lottie,
                       width: 32,
                       height: 32,
-                      settings: O
+                      settings: y
                     }
                   )
                 }
               ),
               /* @__PURE__ */ l(n, { children: [
-                /* @__PURE__ */ r(j, { cardHeader: X, nodeType: A }),
-                /* @__PURE__ */ r(m, { $renderAs: "ub3", $color: "BLACK_1", children: b })
+                /* @__PURE__ */ r(k, { cardHeader: b, nodeType: f }),
+                /* @__PURE__ */ r(m, { $renderAs: "ub3", $color: "BLACK_1", children: x })
               ] })
             ]
           }
         )
       }
     ),
-    o.length > 0 && (t === f.puzzle ? /* @__PURE__ */ r(k, { puzzles: o, onPuzzleClick: C }) : /* @__PURE__ */ l(n, { $flexRowGapX: 1.25, $gutterX: 1, $gapX: 1, $borderColor: "GREY_2", children: [
-      E.map(({ state: e, title: i, subtext: c, id: D }, R) => /* @__PURE__ */ l(n, { $flexDirection: "row", $flexGapX: 1.05, children: [
+    o.length > 0 && (t === g.puzzle ? /* @__PURE__ */ r(G, { puzzles: o, onPuzzleClick: A }) : /* @__PURE__ */ l(n, { $flexRowGapX: 1.25, $gutterX: 1, $gapX: 1, $borderColor: "GREY_2", children: [
+      X.map(({ state: e, title: i, subtext: c, id: E }, R) => /* @__PURE__ */ l(n, { $flexDirection: "row", $flexGapX: 1.05, children: [
         /* @__PURE__ */ r(n, { $gapX: 0.25, children: /* @__PURE__ */ r(
           n,
           {
             $borderRadiusX: 1,
-            $background: e === h.PENDING || e === h.NOT_STARTED ? "RED" : "BLACK_1",
+            $background: e === p.PENDING || e === p.NOT_STARTED ? "RED" : "BLACK_1",
             $widthX: 1,
             $heightX: 1,
             $alignItems: "center",
             $justifyContent: "center",
-            children: !!e && (p[e] || p[h.COMPLETED])
+            children: !!e && B[e]
           }
         ) }),
         /* @__PURE__ */ l(n, { $flexRowGap: 4, children: [
           /* @__PURE__ */ r(m, { $renderAs: "ub2", $color: "BLACK_1", children: i || "" }),
           /* @__PURE__ */ r(m, { $renderAs: "ub3", $color: "BLACK_T_60", children: c || "" })
         ] })
-      ] }, `${D}-${R}`)),
-      (g > 0 || s) && o.length > 3 && /* @__PURE__ */ r(n, { $gutterX: 2, children: /* @__PURE__ */ r(
-        G,
+      ] }, `${E}-${R}`)),
+      (h > 0 || s) && o.length > 3 && /* @__PURE__ */ r(n, { $gutterX: 2, children: /* @__PURE__ */ r(
+        T,
         {
-          label: s ? "Show less" : `+${g} activities`,
+          label: s ? "Show less" : `+${h} activities`,
           size: "regular",
           color: "BLACK_1",
           onClick: v
@@ -121,7 +121,7 @@ const O = {
       ) })
     ] }))
   ] });
-}, ee = z(P);
+}, ee = z(N);
 export {
   ee as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"activities-card.js","sources":["../../../../../../../../src/features/timeline/monthly-timeline/monthly-report/comps/activities/activities-card/activities-card.tsx"],"sourcesContent":["import { memo, type FC, useRef, useCallback, useMemo, useState } from 'react';\n\nimport { type IActivitiesCardProps } from './activities-card-types';\nimport { getCardTypeIconMap, stateIcon } from '../constants';\nimport { CARD_TYPE } from '../../../monthly-report-types';\nimport * as Styled from './activities-card.styled';\nimport FlexView from '../../../../../../ui/layout/flex-view';\nimport LottieAnimation from '../../../../../../ui/lottie-animation/lottie-animation';\nimport { type ILottieAnimationRef } from '../../../../../../ui/lottie-animation/types';\nimport Text from '../../../../../../ui/text/text';\nimport CardTitle from '../../../../../../homework/card-title';\nimport { type TColorNames } from '../../../../../../ui/types';\nimport ActivitiesCardPuzzles from '../activities-card-puzzles/activities-card-puzzles';\nimport { NODE_STATE } from '../../../../../daily-timeline/daily-timeline-types';\nimport TextButton from '../../../../../../ui/buttons/text-button/text-button';\nimport { countActivitiesByState } from '../utils';\n\nconst lottieSettings = {\n  autoplay: false,\n  loop: true,\n  renderer: 'canvas',\n};\n\nconst ActivitiesCard: FC<IActivitiesCardProps> = ({\n  cardType,\n  nodeType,\n  activitiesList = [],\n  onPuzzleClick,\n}) => {\n  const lottieRef = useRef<ILottieAnimationRef>(null);\n  const [showAllActivities, setShowAllActivities] = useState(false);\n\n  const progressStatus = useMemo(() => {\n    const { totalDone, totalPending, totalOverdue } = countActivitiesByState(activitiesList);\n\n    return [\n      totalDone > 0 && `${totalDone} Done`,\n      totalPending > 0 && `${totalPending} In-progress`,\n      totalOverdue > 0 && `${totalOverdue} Overdue`,\n    ]\n      .filter(Boolean)\n      .join(', ');\n  }, [activitiesList]);\n  const cardHeaderText = useMemo(() => (cardType ? cardType.split('_').join(' ') : ''), [cardType]);\n  const { displayedActivities, remainingCount } = useMemo(() => {\n    if (cardType === CARD_TYPE.puzzle) {\n      return { displayedActivities: activitiesList, remainingCount: 0 };\n    }\n\n    const maxVisible = 3;\n    const hasMore = activitiesList.length > maxVisible;\n\n    if (showAllActivities || !hasMore) {\n      return { displayedActivities: activitiesList, remainingCount: 0 };\n    }\n\n    return {\n      displayedActivities: activitiesList.slice(0, maxVisible),\n      remainingCount: activitiesList.length - maxVisible,\n    };\n  }, [activitiesList, showAllActivities, cardType]);\n\n  const handleMouseEnter = useCallback(() => {\n    lottieRef.current?.play();\n  }, []);\n\n  const handleMouseLeave = useCallback(() => {\n    lottieRef.current?.stop();\n  }, []);\n\n  const handleToggleActivities = useCallback(() => {\n    setShowAllActivities(prev => !prev);\n  }, []);\n\n  return (\n    <FlexView onMouseEnter={handleMouseEnter} onMouseLeave={handleMouseLeave}>\n      <Styled.ActivityCardContainerWrapper\n        $background={getCardTypeIconMap(cardType).color as TColorNames}\n      >\n        <Styled.ActivityCardContainer\n          $flexDirection=\"row\"\n          $alignItems=\"center\"\n          $height=\"56px\"\n          $bgImage={getCardTypeIconMap(cardType).background}\n          $gutterX={0.78125}\n          $flexGap={8.5}\n        >\n          <FlexView\n            $widthX={2}\n            $heightX={2}\n            $borderRadiusX={2}\n            $background=\"WHITE_1\"\n            $position=\"relative\"\n            $alignItems=\"center\"\n            $justifyContent=\"center\"\n          >\n            <LottieAnimation\n              ref={lottieRef}\n              src={getCardTypeIconMap(cardType).lottie}\n              width={32}\n              height={32}\n              settings={lottieSettings}\n            />\n          </FlexView>\n          <FlexView>\n            <CardTitle cardHeader={cardHeaderText} nodeType={nodeType} />\n            <Text $renderAs=\"ub3\" $color=\"BLACK_1\">\n              {progressStatus}\n            </Text>\n          </FlexView>\n        </Styled.ActivityCardContainer>\n      </Styled.ActivityCardContainerWrapper>\n      {activitiesList.length > 0 &&\n        (cardType === CARD_TYPE.puzzle ? (\n          <ActivitiesCardPuzzles puzzles={activitiesList} onPuzzleClick={onPuzzleClick} />\n        ) : (\n          <FlexView $flexRowGapX={1.25} $gutterX={1} $gapX={1} $borderColor=\"GREY_2\">\n            {displayedActivities.map(({ state, title, subtext, id }, index) => (\n              <FlexView $flexDirection=\"row\" $flexGapX={1.05} key={`${id}-${index}`}>\n                <FlexView $gapX={0.25}>\n                  <FlexView\n                    $borderRadiusX={1}\n                    $background={\n                      state === NODE_STATE.PENDING || 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                    {!!state && (stateIcon[state as NODE_STATE] || stateIcon[NODE_STATE.COMPLETED])}\n                  </FlexView>\n                </FlexView>\n                <FlexView $flexRowGap={4}>\n                  <Text $renderAs=\"ub2\" $color=\"BLACK_1\">\n                    {title || ''}\n                  </Text>\n                  <Text $renderAs=\"ub3\" $color=\"BLACK_T_60\">\n                    {subtext || ''}\n                  </Text>\n                </FlexView>\n              </FlexView>\n            ))}\n            {(remainingCount > 0 || showAllActivities) && activitiesList.length > 3 && (\n              <FlexView $gutterX={2}>\n                <TextButton\n                  label={showAllActivities ? 'Show less' : `+${remainingCount} activities`}\n                  size=\"regular\"\n                  color=\"BLACK_1\"\n                  onClick={handleToggleActivities}\n                />\n              </FlexView>\n            )}\n          </FlexView>\n        ))}\n    </FlexView>\n  );\n};\n\nexport default memo(ActivitiesCard);\n"],"names":["lottieSettings","ActivitiesCard","cardType","nodeType","activitiesList","onPuzzleClick","lottieRef","useRef","showAllActivities","setShowAllActivities","useState","progressStatus","useMemo","totalDone","totalPending","totalOverdue","countActivitiesByState","cardHeaderText","displayedActivities","remainingCount","CARD_TYPE","maxVisible","hasMore","handleMouseEnter","useCallback","_a","handleMouseLeave","handleToggleActivities","prev","jsxs","FlexView","jsx","Styled.ActivityCardContainerWrapper","getCardTypeIconMap","Styled.ActivityCardContainer","LottieAnimation","CardTitle","Text","ActivitiesCardPuzzles","state","title","subtext","id","index","NODE_STATE","stateIcon","TextButton","ActivitiesCard$1","memo"],"mappings":"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"}
+{"version":3,"file":"activities-card.js","sources":["../../../../../../../../src/features/timeline/monthly-timeline/monthly-report/comps/activities/activities-card/activities-card.tsx"],"sourcesContent":["import { memo, type FC, useRef, useCallback, useMemo, useState } from 'react';\n\nimport { type IActivitiesCardProps } from './activities-card-types';\nimport { getCardTypeIconMap, stateIcon } from '../constants';\nimport { CARD_TYPE } from '../../../monthly-report-types';\nimport * as Styled from './activities-card.styled';\nimport FlexView from '../../../../../../ui/layout/flex-view';\nimport LottieAnimation from '../../../../../../ui/lottie-animation/lottie-animation';\nimport { type ILottieAnimationRef } from '../../../../../../ui/lottie-animation/types';\nimport Text from '../../../../../../ui/text/text';\nimport CardTitle from '../../../../../../homework/card-title';\nimport { type TColorNames } from '../../../../../../ui/types';\nimport ActivitiesCardPuzzles from '../activities-card-puzzles/activities-card-puzzles';\nimport { NODE_STATE } from '../../../../../daily-timeline/daily-timeline-types';\nimport TextButton from '../../../../../../ui/buttons/text-button/text-button';\nimport { countActivitiesByState } from '../utils';\n\nconst lottieSettings = {\n  autoplay: false,\n  loop: true,\n  renderer: 'canvas',\n};\n\nconst ActivitiesCard: FC<IActivitiesCardProps> = ({\n  cardType,\n  nodeType,\n  activitiesList = [],\n  onPuzzleClick,\n}) => {\n  const lottieRef = useRef<ILottieAnimationRef>(null);\n  const [showAllActivities, setShowAllActivities] = useState(false);\n\n  const progressStatus = useMemo(() => {\n    const { totalDone, totalPending, totalOverdue } = countActivitiesByState(activitiesList);\n\n    return [\n      totalDone > 0 && `${totalDone} Done`,\n      totalPending > 0 && `${totalPending} In-progress`,\n      totalOverdue > 0 && `${totalOverdue} Overdue`,\n    ]\n      .filter(Boolean)\n      .join(', ');\n  }, [activitiesList]);\n  const cardHeaderText = useMemo(() => (cardType ? cardType.split('_').join(' ') : ''), [cardType]);\n  const { displayedActivities, remainingCount } = useMemo(() => {\n    if (cardType === CARD_TYPE.puzzle) {\n      return { displayedActivities: activitiesList, remainingCount: 0 };\n    }\n\n    const maxVisible = 3;\n    const hasMore = activitiesList.length > maxVisible;\n\n    if (showAllActivities || !hasMore) {\n      return { displayedActivities: activitiesList, remainingCount: 0 };\n    }\n\n    return {\n      displayedActivities: activitiesList.slice(0, maxVisible),\n      remainingCount: activitiesList.length - maxVisible,\n    };\n  }, [activitiesList, showAllActivities, cardType]);\n\n  const handleMouseEnter = useCallback(() => {\n    lottieRef.current?.play();\n  }, []);\n\n  const handleMouseLeave = useCallback(() => {\n    lottieRef.current?.stop();\n  }, []);\n\n  const handleToggleActivities = useCallback(() => {\n    setShowAllActivities(prev => !prev);\n  }, []);\n\n  return (\n    <FlexView onMouseEnter={handleMouseEnter} onMouseLeave={handleMouseLeave}>\n      <Styled.ActivityCardContainerWrapper\n        $background={getCardTypeIconMap(cardType).color as TColorNames}\n      >\n        <Styled.ActivityCardContainer\n          $flexDirection=\"row\"\n          $alignItems=\"center\"\n          $height=\"56px\"\n          $bgImage={getCardTypeIconMap(cardType).background}\n          $gutterX={0.78125}\n          $flexGap={8.5}\n        >\n          <FlexView\n            $widthX={2}\n            $heightX={2}\n            $borderRadiusX={2}\n            $background=\"WHITE_1\"\n            $position=\"relative\"\n            $alignItems=\"center\"\n            $justifyContent=\"center\"\n          >\n            <LottieAnimation\n              ref={lottieRef}\n              src={getCardTypeIconMap(cardType).lottie}\n              width={32}\n              height={32}\n              settings={lottieSettings}\n            />\n          </FlexView>\n          <FlexView>\n            <CardTitle cardHeader={cardHeaderText} nodeType={nodeType} />\n            <Text $renderAs=\"ub3\" $color=\"BLACK_1\">\n              {progressStatus}\n            </Text>\n          </FlexView>\n        </Styled.ActivityCardContainer>\n      </Styled.ActivityCardContainerWrapper>\n      {activitiesList.length > 0 &&\n        (cardType === CARD_TYPE.puzzle ? (\n          <ActivitiesCardPuzzles puzzles={activitiesList} onPuzzleClick={onPuzzleClick} />\n        ) : (\n          <FlexView $flexRowGapX={1.25} $gutterX={1} $gapX={1} $borderColor=\"GREY_2\">\n            {displayedActivities.map(({ state, title, subtext, id }, index) => (\n              <FlexView $flexDirection=\"row\" $flexGapX={1.05} key={`${id}-${index}`}>\n                <FlexView $gapX={0.25}>\n                  <FlexView\n                    $borderRadiusX={1}\n                    $background={\n                      state === NODE_STATE.PENDING || 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                    {!!state && stateIcon[state as NODE_STATE]}\n                  </FlexView>\n                </FlexView>\n                <FlexView $flexRowGap={4}>\n                  <Text $renderAs=\"ub2\" $color=\"BLACK_1\">\n                    {title || ''}\n                  </Text>\n                  <Text $renderAs=\"ub3\" $color=\"BLACK_T_60\">\n                    {subtext || ''}\n                  </Text>\n                </FlexView>\n              </FlexView>\n            ))}\n            {(remainingCount > 0 || showAllActivities) && activitiesList.length > 3 && (\n              <FlexView $gutterX={2}>\n                <TextButton\n                  label={showAllActivities ? 'Show less' : `+${remainingCount} activities`}\n                  size=\"regular\"\n                  color=\"BLACK_1\"\n                  onClick={handleToggleActivities}\n                />\n              </FlexView>\n            )}\n          </FlexView>\n        ))}\n    </FlexView>\n  );\n};\n\nexport default memo(ActivitiesCard);\n"],"names":["lottieSettings","ActivitiesCard","cardType","nodeType","activitiesList","onPuzzleClick","lottieRef","useRef","showAllActivities","setShowAllActivities","useState","progressStatus","useMemo","totalDone","totalPending","totalOverdue","countActivitiesByState","cardHeaderText","displayedActivities","remainingCount","CARD_TYPE","maxVisible","hasMore","handleMouseEnter","useCallback","_a","handleMouseLeave","handleToggleActivities","prev","jsxs","FlexView","jsx","Styled.ActivityCardContainerWrapper","getCardTypeIconMap","Styled.ActivityCardContainer","LottieAnimation","CardTitle","Text","ActivitiesCardPuzzles","state","title","subtext","id","index","NODE_STATE","stateIcon","TextButton","ActivitiesCard$1","memo"],"mappings":"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"}

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":";;;;;;;;;;;;AAeA,MAAMA,IAAyD,CAAC;AAAA,EAC9D,SAASC;AAAA,EACT,eAAAC;AACF,MAAM;AACE,QAAAC,IAAUF,KAAc,IACxBG,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;AAEL,EAAAC,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,GAAqBX,EAAQ,MAAM,CAAC;AAExC,QAAMiB,IAAmBR;AAAA,IACvB,CAACS,GAA0BC,MACzB,gBAAAC;AAAA,MAACC;AAAAA,MAAA;AAAA,QAEC,OAAO;AAAA,QACP,WAAWH,EAAO,aAAa;AAAA,QAC/B,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,aAAa,GAAGA,EAAO,aAAa,MAAM;AAAA,QAC1C,SAAS,MACPnB,KAAA,gBAAAA,EAAgB;AAAA,UACd,UAAUmB,EAAO;AAAA,UACjB,mBAAmBA,EAAO;AAAA,UAC1B,WAAWA,EAAO;AAAA,UAClB,OAAOA,EAAO;AAAA,UACd,KAAKA,EAAO;AAAA,QAAA;AAAA,QAIhB,UAAA;AAAA,UAAA,gBAAAI;AAAA,YAACC;AAAAA,YAAA;AAAA,cACC,gBAAgB;AAAA,cAChB,aACEL,EAAO,UAAUM,EAAW,WAAWN,EAAO,UAAUM,EAAW,cAC/D,QACA;AAAA,cAEN,SAAS;AAAA,cACT,UAAU;AAAA,cACV,aAAY;AAAA,cACZ,iBAAgB;AAAA,cAEf,UAAAN,EAAO,UACLO,EAAUP,EAAO,KAAmB,KAAKO,EAAUD,EAAW,SAAS;AAAA,YAAA;AAAA,UAC5E;AAAA,UACC,gBAAAJ,EAAAM,GAAA,EAAS,aAAY,eAAc,aAAY,UAC7C,UAAA;AAAA,YAAAR,EAAO,aACN,gBAAAI;AAAA,cAACK;AAAA,cAAA;AAAA,gBACC,KAAKT,EAAO,aAAa;AAAA,gBACzB,KAAI;AAAA,gBACJ,OAAO;AAAA,gBACP,QAAQ;AAAA,gBACR,YAAY;AAAA,cAAA;AAAA,YACd;AAAA,YAEF,gBAAAI,EAACM,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,YACtB,gBAAAN,EAAAI,GAAA,EAAS,UAAU,MAClB,UAAC,gBAAAJ,EAAAO,GAAA,EAAK,WAAU,OAAM,QAAO,UAC1B,UAAOX,EAAA,MACV,CAAA,GACF;AAAA,UAAA,GACF;AAAA,QAAA;AAAA,MAAA;AAAA,MA/CK,GAAGA,EAAO,EAAE,IAAIC,CAAK;AAAA,IAgD5B;AAAA,IAEF,CAACpB,CAAa;AAAA,EAAA;AAGhB,SAAI,CAACC,KAAWA,EAAQ,WAAW,IAAU,OAG3C,gBAAAsB,EAACQ,GAAA,EAAsB,cAAc,GACnC,UAAA,gBAAAV,EAACM,GAAS,EAAA,WAAU,YAAW,cAAa,UAC1C,UAAA;AAAA,IAAA,gBAAAJ;AAAA,MAACS;AAAAA,MAAA;AAAA,QACC,aAAY;AAAA,QACZ,iBAAgB;AAAA,QAChB,aAAY;AAAA,QACZ,SAAS;AAAA,QACT,SAAQ;AAAA,QACR,SAASvB;AAAA,QACT,UAAU,CAACwB,KAAwB7B;AAAA,QACnC,OAAM;AAAA,QACN,QAAO;AAAA,QAEP,UAAC,gBAAAmB,EAAAW,GAAA,EAAgB,OAAO,IAAI,QAAQ,IAAI;AAAA,MAAA;AAAA,IAC1C;AAAA,IACC,gBAAAX,EAAAI,GAAA,EAAS,OAAO,GACf,4BAACQ,GAAA,EAAuB,KAAKjC,GAC3B,UAAC,gBAAAmB,EAAAM,GAAA,EAAS,gBAAe,OAAM,WAAW,GACxC,UAAA;AAAA,MAAA,gBAAAJ,EAACM,GAAU,EAAA;AAAA,MACV5B,EAAQ,IAAIiB,CAAgB;AAAA,IAAA,EAC/B,CAAA,EACF,CAAA,GACF;AAAA,IAEA,gBAAAK;AAAA,MAACS;AAAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,SAAS;AAAA,QACT,SAAQ;AAAA,QACR,aAAY;AAAA,QACZ,iBAAgB;AAAA,QAChB,aAAY;AAAA,QACZ,SAASrB;AAAA,QACT,UAAU,CAACsB,KAAwB1B;AAAA,QACnC,OAAM;AAAA,QACN,QAAO;AAAA,QAEP,UAAC,gBAAAgB,EAAAa,GAAA,EAAiB,OAAO,IAAI,QAAQ,IAAI;AAAA,MAAA;AAAA,IAC3C;AAAA,EAAA,EACF,CAAA,EACF,CAAA;AAEJ,GAEeC,IAAAC,EAAKxC,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 * 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,64 @@
+import { jsxs as a, jsx as r } from "react/jsx-runtime";
+import { memo as h, useCallback as s } from "react";
+import { PuzzleContainer as c, StatusIcon as d } from "./activities-card-puzzles.styled.js";
+import m from "../../../../../../ui/layout/flex-view.js";
+import g from "../../../../../../ui/image/image.js";
+import $ from "../../../../../../ui/separator/separator.js";
+import f from "../../../../../../ui/text/text.js";
+import { NODE_STATE as i } from "../../../../../daily-timeline/daily-timeline-types.js";
+import { stateIcon as o } from "../constants.js";
+function _({ puzzle: t, onPuzzleClick: e }) {
+  const n = s(() => {
+    e && (e == null || e({
+      item_ref: t.item_ref,
+      feedback_comments: t.feedback_comments,
+      image_hue: t.image_hue,
+      title: t.title,
+      tip: t.tip
+    }));
+  }, [e, t]);
+  return /* @__PURE__ */ a(
+    c,
+    {
+      $gapX: 1,
+      $imageHue: t.image_hue || "BLUE",
+      $width: 146,
+      $height: 162,
+      $background: `${t.image_hue || "BLUE"}_2`,
+      onClick: n,
+      children: [
+        /* @__PURE__ */ r(
+          d,
+          {
+            $borderRadiusX: 1,
+            $background: t.state === i.PENDING || t.state === i.NOT_STARTED ? "RED" : "BLACK_1",
+            $widthX: 1,
+            $heightX: 1,
+            $alignItems: "center",
+            $justifyContent: "center",
+            children: t.state && (o[t.state] || o[i.COMPLETED])
+          }
+        ),
+        /* @__PURE__ */ a(m, { $background: "TRANSPARENT", $alignItems: "center", children: [
+          t.image_url && /* @__PURE__ */ r(
+            g,
+            {
+              src: t.image_url ?? "",
+              alt: "Puzzle illustration",
+              width: 68,
+              height: 68,
+              withLoader: !0
+            }
+          ),
+          /* @__PURE__ */ r($, { heightX: 1 }),
+          /* @__PURE__ */ r(m, { $gutterX: 0.25, children: /* @__PURE__ */ r(f, { $renderAs: "ab3", $align: "center", children: t.title }) })
+        ] })
+      ]
+    }
+  );
+}
+const x = h(_);
+export {
+  x 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 IMonthlyReportProps, type IMonthlyActivity } from '../../../monthly-report-types';\n\ninterface IActivityPuzzleCardProps {\n  puzzle: IMonthlyActivity;\n  onPuzzleClick?: IMonthlyReportProps['onPuzzleClick'];\n}\n\nfunction ActivityPuzzleCard({ puzzle, onPuzzleClick }: IActivityPuzzleCardProps) {\n  const handlePuzzleClick = useCallback(() => {\n    if (onPuzzleClick) {\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  }, [onPuzzleClick, puzzle]);\n\n  return (\n    <Styled.PuzzleContainer\n      $gapX={1}\n      $imageHue={puzzle.image_hue || 'BLUE'}\n      $width={146}\n      $height={162}\n      $background={`${puzzle.image_hue || 'BLUE'}_2`}\n      onClick={handlePuzzleClick}\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 && (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}\n\nexport default memo(ActivityPuzzleCard);\n"],"names":["ActivityPuzzleCard","puzzle","onPuzzleClick","handlePuzzleClick","useCallback","jsxs","Styled.PuzzleContainer","jsx","Styled.StatusIcon","NODE_STATE","stateIcon","FlexView","Image","Separator","Text","ActivityPuzzleCard$1","memo"],"mappings":";;;;;;;;;AAgBA,SAASA,EAAmB,EAAE,QAAAC,GAAQ,eAAAC,KAA2C;AACzE,QAAAC,IAAoBC,EAAY,MAAM;AAC1C,IAAIF,MACcA,KAAA,QAAAA,EAAA;AAAA,MACd,UAAUD,EAAO;AAAA,MACjB,mBAAmBA,EAAO;AAAA,MAC1B,WAAWA,EAAO;AAAA,MAClB,OAAOA,EAAO;AAAA,MACd,KAAKA,EAAO;AAAA,IAAA;AAAA,EAEhB,GACC,CAACC,GAAeD,CAAM,CAAC;AAGxB,SAAA,gBAAAI;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP,WAAWL,EAAO,aAAa;AAAA,MAC/B,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,aAAa,GAAGA,EAAO,aAAa,MAAM;AAAA,MAC1C,SAASE;AAAA,MAET,UAAA;AAAA,QAAA,gBAAAI;AAAA,UAACC;AAAAA,UAAA;AAAA,YACC,gBAAgB;AAAA,YAChB,aACEP,EAAO,UAAUQ,EAAW,WAAWR,EAAO,UAAUQ,EAAW,cAC/D,QACA;AAAA,YAEN,SAAS;AAAA,YACT,UAAU;AAAA,YACV,aAAY;AAAA,YACZ,iBAAgB;AAAA,YAEf,UAAAR,EAAO,UAAUS,EAAUT,EAAO,KAAmB,KAAKS,EAAUD,EAAW,SAAS;AAAA,UAAA;AAAA,QAC3F;AAAA,QACC,gBAAAJ,EAAAM,GAAA,EAAS,aAAY,eAAc,aAAY,UAC7C,UAAA;AAAA,UAAAV,EAAO,aACN,gBAAAM;AAAA,YAACK;AAAA,YAAA;AAAA,cACC,KAAKX,EAAO,aAAa;AAAA,cACzB,KAAI;AAAA,cACJ,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,YAAY;AAAA,YAAA;AAAA,UACd;AAAA,UAEF,gBAAAM,EAACM,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,UACtB,gBAAAN,EAAAI,GAAA,EAAS,UAAU,MAClB,UAAC,gBAAAJ,EAAAO,GAAA,EAAK,WAAU,OAAM,QAAO,UAC1B,UAAOb,EAAA,MACV,CAAA,GACF;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,MAAec,IAAAC,EAAKhB,CAAkB;"}

package/package.json

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