@cuemath/leap 3.5.31 → 3.5.32-as11

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

@@ -0,0 +1,87 @@
+import { jsxs as a, jsx as l } from "react/jsx-runtime";
+import { memo as C, useCallback 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 t from "../../../../ui/layout/flex-view.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 V, 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 X = ({
+  report: i,
+  year: r,
+  month: h,
+  onReportClick: s,
+  reportType: e,
+  courseStream: R
+}) => {
+  var f, $, g;
+  const b = x(() => {
+    s && s((i == null ? void 0 : i.id) || "", e, r, V[h - 1] || "");
+  }, [h, s, i == null ? void 0 : i.id, e, r]);
+  let n = { label: "", icon: "" };
+  e === o.PTM ? n = d.PTM ?? { label: "Report", icon: "full" } : e === o.MPR_V1 ? n = d.MPR_V1 ?? { label: "Report", icon: "full" } : e === o.MPR_V2 && (n = d["MPR_V2_" + (R || "").toLowerCase()] ?? {
+    label: "Report",
+    icon: "full"
+  });
+  const m = 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__ */ a(
+    t,
+    {
+      $flexDirection: "row",
+      $alignItems: "center",
+      $flexGapX: 0.5,
+      $gutterX: 1,
+      $gapX: 1,
+      $borderColor: "WHITE_5",
+      $background: "WHITE_3",
+      $heightX: 4.5,
+      children: [
+        /* @__PURE__ */ l(u, { src: L.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__ */ l(
+    w,
+    {
+      onClick: b,
+      disabled: !(i != null && i.id) && e !== o.MPR_V1,
+      label: "Report Card click",
+      children: /* @__PURE__ */ a(t, { $flexGap: 1, $borderColor: "BLACK_1", children: [
+        !!m.length && /* @__PURE__ */ l(P, { $flexGap: 1, children: m.map((c, M) => /* @__PURE__ */ l(
+          I,
+          {
+            category: c.goal_category,
+            milestone: c,
+            isExpended: !1
+          },
+          c.user_milestone_id || M
+        )) }),
+        /* @__PURE__ */ a(
+          t,
+          {
+            $flexDirection: "row",
+            $alignItems: "center",
+            $justifyContent: "space-between",
+            $background: "BLACK_1",
+            $heightX: 3,
+            children: [
+              /* @__PURE__ */ a(t, { $flexDirection: "row", $alignItems: "center", $flexGapX: 0.5, $gutterX: 1, children: [
+                /* @__PURE__ */ l(u, { src: n.icon, alt: "report icon", withLoader: !0, width: 32, height: 32 }),
+                /* @__PURE__ */ l(_, { $renderAs: "ub2-bold", $color: "WHITE", children: n.label })
+              ] }),
+              /* @__PURE__ */ l(t, { $gutterX: 0.75, children: /* @__PURE__ */ l(E, { width: 24, height: 24, color: "WHITE" }) })
+            ]
+          }
+        )
+      ] })
+    }
+  );
+}, v = C(X);
+export {
+  v as default
+};
+//# sourceMappingURL=monthly-card.js.map

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

@@ -0,0 +1 @@
+{"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[\n      ('MPR_V2_' + (courseStream || '').toLowerCase()) as keyof typeof REPORT_CONFIG\n    ] ?? {\n      label: 'Report',\n      icon: 'full',\n    };\n  }\n\n  const reportMilestones =\n    reportType === REPORT_TYPE.PTM ? [] : report?.progress_data?.user_milestones || [];\n\n  const hasNoMprV2Milestones =\n    reportType === REPORT_TYPE.MPR_V2 && !report?.progress_data?.user_milestones?.length;\n\n  if (hasNoMprV2Milestones) {\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/comps/monthly-card/monthly-card.styled.js

@@ -0,0 +1,9 @@
+import o from "styled-components";
+import t from "../../../../ui/layout/flex-view.js";
+const m = o(t)`
+  border-bottom: none;
+`;
+export {
+  m as GoalsSection
+};
+//# sourceMappingURL=monthly-card.styled.js.map

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

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

package/dist/features/timeline/monthly-timeline/constants.js

@@ -0,0 +1,40 @@
+import { ILLUSTRATIONS as e } from "../../../assets/illustrations/illustrations.js";
+const _ = [
+  "Jan",
+  "Feb",
+  "Mar",
+  "Apr",
+  "May",
+  "Jun",
+  "Jul",
+  "Aug",
+  "Sep",
+  "Oct",
+  "Nov",
+  "Dec"
+], o = {
+  2021: e[2021],
+  2022: e[2022],
+  2023: e[2023],
+  2024: e[2024],
+  2025: e[2025],
+  2026: e[2026],
+  2027: e[2027],
+  2028: e[2028]
+}, l = {
+  PTM: { label: "PTM Report", icon: e.PTM_REPORT_ICON },
+  MPR_V1: { label: "View Full Report", icon: e.FULL_REPORT },
+  MPR_V2_math: { label: "MathFit Report", icon: e.MATH_FIT_GREY },
+  MPR_V2_elp: { label: "ELP Report", icon: e.ELP_ICON },
+  MPR_V2_ela: { label: "ELA Report", icon: e.ELP_ICON },
+  MPR_V2_english: { label: "English Report", icon: e.ENGLISH_ICON },
+  MPR_V2_science: { label: "Science Report", icon: e.SCIENCE_REPORT_ICON },
+  MPR_V2_sat: { label: "SAT Report", icon: e.SAT_REPORT_ICON },
+  MPR_V2_coding: { label: "Coding Report", icon: e.CODING_REPORT_ICON }
+};
+export {
+  l as REPORT_CONFIG,
+  _ as monthNames,
+  o as yearImages
+};
+//# sourceMappingURL=constants.js.map

package/dist/features/timeline/monthly-timeline/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../src/features/timeline/monthly-timeline/constants.ts"],"sourcesContent":["import { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\n\nexport enum REPORT_CONFIG_TYPE {\n  PTM = 'PTM',\n  MPR_V1 = 'MPR_V1',\n  MPR_V2_math = 'MPR_V2_math',\n  MPR_V2_elp = 'MPR_V2_elp',\n  MPR_V2_ela = 'MPR_V2_ela',\n  MPR_V2_english = 'MPR_V2_english',\n  MPR_V2_science = 'MPR_V2_science',\n  MPR_V2_sat = 'MPR_V2_sat',\n  MPR_V2_coding = 'MPR_V2_coding',\n}\n\nexport const monthNames = [\n  'Jan',\n  'Feb',\n  'Mar',\n  'Apr',\n  'May',\n  'Jun',\n  'Jul',\n  'Aug',\n  'Sep',\n  'Oct',\n  'Nov',\n  'Dec',\n];\n\nexport const yearImages: Record<number, string> = {\n  2021: ILLUSTRATIONS[2021],\n  2022: ILLUSTRATIONS[2022],\n  2023: ILLUSTRATIONS[2023],\n  2024: ILLUSTRATIONS[2024],\n  2025: ILLUSTRATIONS[2025],\n  2026: ILLUSTRATIONS[2026],\n  2027: ILLUSTRATIONS[2027],\n  2028: ILLUSTRATIONS[2028],\n};\n\nexport const REPORT_CONFIG: Record<REPORT_CONFIG_TYPE, { label: string; icon: string }> = {\n  PTM: { label: 'PTM Report', icon: ILLUSTRATIONS.PTM_REPORT_ICON },\n  MPR_V1: { label: 'View Full Report', icon: ILLUSTRATIONS.FULL_REPORT },\n  MPR_V2_math: { label: 'MathFit Report', icon: ILLUSTRATIONS.MATH_FIT_GREY },\n  MPR_V2_elp: { label: 'ELP Report', icon: ILLUSTRATIONS.ELP_ICON },\n  MPR_V2_ela: { label: 'ELA Report', icon: ILLUSTRATIONS.ELP_ICON },\n  MPR_V2_english: { label: 'English Report', icon: ILLUSTRATIONS.ENGLISH_ICON },\n  MPR_V2_science: { label: 'Science Report', icon: ILLUSTRATIONS.SCIENCE_REPORT_ICON },\n  MPR_V2_sat: { label: 'SAT Report', icon: ILLUSTRATIONS.SAT_REPORT_ICON },\n  MPR_V2_coding: { label: 'Coding Report', icon: ILLUSTRATIONS.CODING_REPORT_ICON },\n};\n"],"names":["monthNames","yearImages","ILLUSTRATIONS","REPORT_CONFIG"],"mappings":";AAcO,MAAMA,IAAa;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAEaC,IAAqC;AAAA,EAChD,MAAMC,EAAc,IAAI;AAAA,EACxB,MAAMA,EAAc,IAAI;AAAA,EACxB,MAAMA,EAAc,IAAI;AAAA,EACxB,MAAMA,EAAc,IAAI;AAAA,EACxB,MAAMA,EAAc,IAAI;AAAA,EACxB,MAAMA,EAAc,IAAI;AAAA,EACxB,MAAMA,EAAc,IAAI;AAAA,EACxB,MAAMA,EAAc,IAAI;AAC1B,GAEaC,IAA6E;AAAA,EACxF,KAAK,EAAE,OAAO,cAAc,MAAMD,EAAc,gBAAgB;AAAA,EAChE,QAAQ,EAAE,OAAO,oBAAoB,MAAMA,EAAc,YAAY;AAAA,EACrE,aAAa,EAAE,OAAO,kBAAkB,MAAMA,EAAc,cAAc;AAAA,EAC1E,YAAY,EAAE,OAAO,cAAc,MAAMA,EAAc,SAAS;AAAA,EAChE,YAAY,EAAE,OAAO,cAAc,MAAMA,EAAc,SAAS;AAAA,EAChE,gBAAgB,EAAE,OAAO,kBAAkB,MAAMA,EAAc,aAAa;AAAA,EAC5E,gBAAgB,EAAE,OAAO,kBAAkB,MAAMA,EAAc,oBAAoB;AAAA,EACnF,YAAY,EAAE,OAAO,cAAc,MAAMA,EAAc,gBAAgB;AAAA,EACvE,eAAe,EAAE,OAAO,iBAAiB,MAAMA,EAAc,mBAAmB;AAClF;"}

package/dist/features/timeline/monthly-timeline/monthly-report/api/use-monthly-report-api.js

@@ -0,0 +1,13 @@
+import { createGetAPI as r, createPatchAPI as o } from "@cuemath/rest-api";
+import { BASE_URL_V1 as e } from "../../../../../constants/api.js";
+const { useGet: s, invalidate: a } = r({
+  getURL: (t) => `${e}/monthly-progress-reports/${t}`
+}), { usePatch: h } = o({
+  getURL: (t) => `${e}/monthly-progress-reports/${t}`
+});
+export {
+  a as invalidateMonthlyReport,
+  s as monthlyReportGet,
+  h as monthlyReportPatch
+};
+//# sourceMappingURL=use-monthly-report-api.js.map

package/dist/features/timeline/monthly-timeline/monthly-report/api/use-monthly-report-api.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-monthly-report-api.js","sources":["../../../../../../src/features/timeline/monthly-timeline/monthly-report/api/use-monthly-report-api.ts"],"sourcesContent":["import { createGetAPI, createPatchAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V1 } from '../../../../../constants/api';\nimport { type IMonthlyReportResponse } from '../monthly-report-types';\n\nconst { useGet: monthlyReportGet, invalidate: invalidateMonthlyReport } =\n  createGetAPI<IMonthlyReportResponse>({\n    getURL: (reportId: string) => {\n      return `${BASE_URL_V1}/monthly-progress-reports/${reportId}`;\n    },\n  });\n\nconst { usePatch: monthlyReportPatch } = createPatchAPI<\n  IMonthlyReportResponse,\n  { feedback: string }\n>({\n  getURL: (reportId: string) => {\n    return `${BASE_URL_V1}/monthly-progress-reports/${reportId}`;\n  },\n});\n\nexport { monthlyReportGet, monthlyReportPatch, invalidateMonthlyReport };\n"],"names":["monthlyReportGet","invalidateMonthlyReport","createGetAPI","reportId","BASE_URL_V1","monthlyReportPatch","createPatchAPI"],"mappings":";;AAKA,MAAM,EAAE,QAAQA,GAAkB,YAAYC,EAAA,IAC5CC,EAAqC;AAAA,EACnC,QAAQ,CAACC,MACA,GAAGC,CAAW,6BAA6BD,CAAQ;AAE9D,CAAC,GAEG,EAAE,UAAUE,EAAmB,IAAIC,EAGvC;AAAA,EACA,QAAQ,CAACH,MACA,GAAGC,CAAW,6BAA6BD,CAAQ;AAE9D,CAAC;"}

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

@@ -0,0 +1,59 @@
+import { jsx as r, jsxs as g } from "react/jsx-runtime";
+import { memo as f, useRef as u, useMemo as l } from "react";
+import { CarousalItem as c, CarouselWrapper as x } from "./achievements.styled.js";
+import a from "../../../../../ui/text/text.js";
+import n from "../../../../../ui/separator/separator.js";
+import m from "../../../../../ui/layout/flex-view.js";
+import w from "../../../../../ui/swipeable-carousel/swipeable-carousel.js";
+import { IS_APP_RUNNING_IN_RN as t } from "../../../../../../constants/app-config.js";
+import { dotsConfig as $, navigationConfig as A } from "./constant.js";
+const _ = ({ achievements: o, studentName: e }) => {
+  const h = u(null), s = l(
+    () => o.map((i) => /* @__PURE__ */ r(
+      c,
+      {
+        src: i.url,
+        alt: `Achievement ${i.asset_id}`,
+        withLoader: !0,
+        height: t ? "343px" : "480px",
+        width: t ? "343px" : "480px"
+      },
+      i.asset_id
+    )),
+    [o]
+  ), p = l(
+    () => o.length >= 2 ? `Outstanding month! ${e} earned several achievements showing excellent progress across different areas.` : `Great work! ${e} earned new achievements this month, demonstrating growth in their skills.`,
+    [o.length, e]
+  ), d = !t && s.length > 1;
+  return o != null && o.length ? /* @__PURE__ */ g(m, { children: [
+    /* @__PURE__ */ r(a, { $renderAs: "ab1-bold", color: "BLACK_1", children: "Achievements" }),
+    /* @__PURE__ */ r(n, { heightX: 0.125 }),
+    /* @__PURE__ */ r(m, { $marginBottom: -24, children: /* @__PURE__ */ r(a, { $renderAs: "ub2", color: "BLUE_6", children: p }) }),
+    t && /* @__PURE__ */ r(n, { heightX: 1 }),
+    /* @__PURE__ */ r(
+      x,
+      {
+        $height: t ? "380px" : "580px",
+        $marginBottomX: t ? -0.5 : -1,
+        children: /* @__PURE__ */ r(
+          w,
+          {
+            ref: h,
+            items: s,
+            defaultIndex: 0,
+            transitionDuration: 300,
+            showIndicators: !0,
+            dotsConfig: $,
+            showNavigationButtons: d,
+            navigationConfig: A
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ r(n, { heightX: 0.75 })
+  ] }) : null;
+}, j = f(_);
+export {
+  j as default
+};
+//# sourceMappingURL=achievements.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"achievements.js","sources":["../../../../../../../src/features/timeline/monthly-timeline/monthly-report/comps/achievements/achievements.tsx"],"sourcesContent":["import { memo, useMemo, useRef, type FC } from 'react';\n\nimport { type IAchievementsProps } from './achievements-types';\nimport * as Styled from './achievements.styled';\nimport Text from '../../../../../ui/text/text';\nimport Separator from '../../../../../ui/separator/separator';\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport SwipeableCarousel from '../../../../../ui/swipeable-carousel/swipeable-carousel';\nimport { IS_APP_RUNNING_IN_RN } from '../../../../../../constants/app-config';\nimport type { ISwipeableCarouselRefs } from '../../../../../ui/swipeable-carousel/swipeable-carousel-types';\nimport { dotsConfig, navigationConfig } from './constant';\n\nconst Achievements: FC<IAchievementsProps> = ({ achievements, studentName }) => {\n  const carouselRef = useRef<ISwipeableCarouselRefs>(null);\n\n  const carouselItems = useMemo(\n    () =>\n      achievements.map(achievement => (\n        <Styled.CarousalItem\n          key={achievement.asset_id}\n          src={achievement.url}\n          alt={`Achievement ${achievement.asset_id}`}\n          withLoader\n          height={IS_APP_RUNNING_IN_RN ? '343px' : '480px'}\n          width={IS_APP_RUNNING_IN_RN ? '343px' : '480px'}\n        />\n      )),\n    [achievements],\n  );\n\n  const tipText = useMemo(\n    () =>\n      achievements.length >= 2\n        ? `Outstanding month! ${studentName} earned several achievements showing excellent progress across different areas.`\n        : `Great work! ${studentName} earned new achievements this month, demonstrating growth in their skills.`,\n    [achievements.length, studentName],\n  );\n\n  const showNavigationButtons = !IS_APP_RUNNING_IN_RN && carouselItems.length > 1;\n\n  if (!achievements?.length) {\n    return null;\n  }\n\n  return (\n    <FlexView>\n      <Text $renderAs=\"ab1-bold\" color=\"BLACK_1\">\n        Achievements\n      </Text>\n      <Separator heightX={0.125} />\n      <FlexView $marginBottom={-24}>\n        <Text $renderAs=\"ub2\" color=\"BLUE_6\">\n          {tipText}\n        </Text>\n      </FlexView>\n      {IS_APP_RUNNING_IN_RN && <Separator heightX={1} />}\n      <Styled.CarouselWrapper\n        $height={IS_APP_RUNNING_IN_RN ? '380px' : '580px'}\n        $marginBottomX={IS_APP_RUNNING_IN_RN ? -0.5 : -1}\n      >\n        <SwipeableCarousel\n          ref={carouselRef}\n          items={carouselItems}\n          defaultIndex={0}\n          transitionDuration={300}\n          showIndicators={true}\n          dotsConfig={dotsConfig}\n          showNavigationButtons={showNavigationButtons}\n          navigationConfig={navigationConfig}\n        />\n      </Styled.CarouselWrapper>\n      <Separator heightX={0.75} />\n    </FlexView>\n  );\n};\n\nexport default memo(Achievements);\n"],"names":["Achievements","achievements","studentName","carouselRef","useRef","carouselItems","useMemo","achievement","jsx","Styled.CarousalItem","IS_APP_RUNNING_IN_RN","tipText","showNavigationButtons","FlexView","Text","Separator","Styled.CarouselWrapper","SwipeableCarousel","dotsConfig","navigationConfig","Achievements$1","memo"],"mappings":";;;;;;;;;AAYA,MAAMA,IAAuC,CAAC,EAAE,cAAAC,GAAc,aAAAC,QAAkB;AACxE,QAAAC,IAAcC,EAA+B,IAAI,GAEjDC,IAAgBC;AAAA,IACpB,MACEL,EAAa,IAAI,CACfM,MAAA,gBAAAC;AAAA,MAACC;AAAAA,MAAA;AAAA,QAEC,KAAKF,EAAY;AAAA,QACjB,KAAK,eAAeA,EAAY,QAAQ;AAAA,QACxC,YAAU;AAAA,QACV,QAAQG,IAAuB,UAAU;AAAA,QACzC,OAAOA,IAAuB,UAAU;AAAA,MAAA;AAAA,MALnCH,EAAY;AAAA,IAAA,CAOpB;AAAA,IACH,CAACN,CAAY;AAAA,EAAA,GAGTU,IAAUL;AAAA,IACd,MACEL,EAAa,UAAU,IACnB,sBAAsBC,CAAW,oFACjC,eAAeA,CAAW;AAAA,IAChC,CAACD,EAAa,QAAQC,CAAW;AAAA,EAAA,GAG7BU,IAAwB,CAACF,KAAwBL,EAAc,SAAS;AAE1E,SAACJ,KAAA,QAAAA,EAAc,2BAKhBY,GACC,EAAA,UAAA;AAAA,IAAA,gBAAAL,EAACM,GAAK,EAAA,WAAU,YAAW,OAAM,WAAU,UAE3C,gBAAA;AAAA,IACA,gBAAAN,EAACO,GAAU,EAAA,SAAS,MAAO,CAAA;AAAA,IAC3B,gBAAAP,EAACK,GAAS,EAAA,eAAe,KACvB,UAAA,gBAAAL,EAACM,GAAK,EAAA,WAAU,OAAM,OAAM,UACzB,UAAAH,EACH,CAAA,GACF;AAAA,IACCD,KAAwB,gBAAAF,EAACO,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,IAChD,gBAAAP;AAAA,MAACQ;AAAAA,MAAA;AAAA,QACC,SAASN,IAAuB,UAAU;AAAA,QAC1C,gBAAgBA,IAAuB,OAAO;AAAA,QAE9C,UAAA,gBAAAF;AAAA,UAACS;AAAA,UAAA;AAAA,YACC,KAAKd;AAAA,YACL,OAAOE;AAAA,YACP,cAAc;AAAA,YACd,oBAAoB;AAAA,YACpB,gBAAgB;AAAA,YAChB,YAAAa;AAAA,YACA,uBAAAN;AAAA,YACA,kBAAAO;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IACF;AAAA,IACA,gBAAAX,EAACO,GAAU,EAAA,SAAS,KAAM,CAAA;AAAA,EAC5B,EAAA,CAAA,IA/BO;AAiCX,GAEeK,IAAAC,EAAKrB,CAAY;"}

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

@@ -0,0 +1,15 @@
+import o from "styled-components";
+import t from "../../../../../ui/image/image.js";
+import e from "../../../../../ui/layout/flex-view.js";
+const m = o(e)`
+  overflow: hidden;
+  position: relative;
+`, p = o(t)`
+  position: relative;
+  touch-action: auto;
+`;
+export {
+  p as CarousalItem,
+  m as CarouselWrapper
+};
+//# sourceMappingURL=achievements.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"achievements.styled.js","sources":["../../../../../../../src/features/timeline/monthly-timeline/monthly-report/comps/achievements/achievements.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport Image from '../../../../../ui/image/image';\nimport FlexView from '../../../../../ui/layout/flex-view';\n\nexport const CarouselWrapper = styled(FlexView)`\n  overflow: hidden;\n  position: relative;\n`;\n\nexport const CarousalItem = styled(Image)`\n  position: relative;\n  touch-action: auto;\n`;\n"],"names":["CarouselWrapper","styled","FlexView","CarousalItem","Image"],"mappings":";;;AAKa,MAAAA,IAAkBC,EAAOC,CAAQ;AAAA;AAAA;AAAA,GAKjCC,IAAeF,EAAOG,CAAK;AAAA;AAAA;AAAA;"}

package/dist/features/timeline/monthly-timeline/monthly-report/comps/achievements/constant.js

@@ -0,0 +1,16 @@
+const o = {
+  dotColor: "BLACK_1",
+  inactiveDotColor: "WHITE_1",
+  activeIndicatorSize: "8px",
+  inactiveIndicatorSize: "8px",
+  spacing: "8px"
+}, i = {
+  buttonVariant: "secondary",
+  buttonSize: "xsmall",
+  spacing: 8
+};
+export {
+  o as dotsConfig,
+  i as navigationConfig
+};
+//# sourceMappingURL=constant.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constant.js","sources":["../../../../../../../src/features/timeline/monthly-timeline/monthly-report/comps/achievements/constant.ts"],"sourcesContent":["const dotsConfig = {\n  dotColor: 'BLACK_1',\n  inactiveDotColor: 'WHITE_1',\n  activeIndicatorSize: '8px',\n  inactiveIndicatorSize: '8px',\n  spacing: '8px',\n} as const;\n\nconst navigationConfig = {\n  buttonVariant: 'secondary',\n  buttonSize: 'xsmall',\n  spacing: 8,\n} as const;\n\nexport { dotsConfig, navigationConfig };\n"],"names":["dotsConfig","navigationConfig"],"mappings":"AAAA,MAAMA,IAAa;AAAA,EACjB,UAAU;AAAA,EACV,kBAAkB;AAAA,EAClB,qBAAqB;AAAA,EACrB,uBAAuB;AAAA,EACvB,SAAS;AACX,GAEMC,IAAmB;AAAA,EACvB,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,SAAS;AACX;"}

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

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

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

@@ -0,0 +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 shouldShowToggleButton =\n    (remainingCount > 0 || showAllActivities) && activitiesList.length > 3;\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            {shouldShowToggleButton && (\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","shouldShowToggleButton","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/activities-card.styled.js

@@ -0,0 +1,53 @@
+import r from "styled-components";
+import e from "../../../../../../ui/layout/flex-view.js";
+const n = r(e)`
+  background-image: url(${({ $bgImage: o }) => o});
+  background-size: cover;
+  background-position: center left;
+  background-repeat: no-repeat;
+  max-width: 512px;
+  position: relative;
+  overflow: hidden;
+`, d = r(e)`
+  position: relative;
+  outline: 1px solid ${({ theme: o }) => o.colors.WHITE_5};
+`;
+r(e)`
+  border: 2px dashed ${({ theme: o }) => o.colors.ORANGE_2};
+  border-radius: 8px;
+  padding: 12px;
+  margin-top: 8px;
+  position: relative;
+`;
+r(e)`
+  background-color: ${({ theme: o }) => o.colors.ORANGE_2};
+  color: white;
+  border-radius: 4px;
+  padding: 4px 8px;
+  font-size: 12px;
+  font-weight: 600;
+  min-width: 24px;
+  height: 20px;
+  align-items: center;
+  justify-content: center;
+`;
+r.button`
+  background: none;
+  border: none;
+  color: ${({ theme: o }) => o.colors.BLACK_1};
+  text-decoration: underline;
+  cursor: pointer;
+  font-size: 14px;
+  font-weight: 500;
+  padding: 0;
+  margin: 0;
+
+  &:hover {
+    color: ${({ theme: o }) => o.colors.ORANGE_2};
+  }
+`;
+export {
+  n as ActivityCardContainer,
+  d as ActivityCardContainerWrapper
+};
+//# sourceMappingURL=activities-card.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"activities-card.styled.js","sources":["../../../../../../../../src/features/timeline/monthly-timeline/monthly-report/comps/activities/activities-card/activities-card.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../../../../ui/layout/flex-view';\n\nexport const ActivityCardContainer = styled(FlexView)<{ $bgImage: string }>`\n  background-image: url(${({ $bgImage }) => $bgImage});\n  background-size: cover;\n  background-position: center left;\n  background-repeat: no-repeat;\n  max-width: 512px;\n  position: relative;\n  overflow: hidden;\n`;\n\nexport const ActivityCardContainerWrapper = styled(FlexView)`\n  position: relative;\n  outline: 1px solid ${({ theme }) => theme.colors.WHITE_5};\n`;\n\nexport const MoreActivitiesContainer = styled(FlexView)`\n  border: 2px dashed ${({ theme }) => theme.colors.ORANGE_2};\n  border-radius: 8px;\n  padding: 12px;\n  margin-top: 8px;\n  position: relative;\n`;\n\nexport const CountBadge = styled(FlexView)`\n  background-color: ${({ theme }) => theme.colors.ORANGE_2};\n  color: white;\n  border-radius: 4px;\n  padding: 4px 8px;\n  font-size: 12px;\n  font-weight: 600;\n  min-width: 24px;\n  height: 20px;\n  align-items: center;\n  justify-content: center;\n`;\n\nexport const MoreActivitiesLink = styled.button`\n  background: none;\n  border: none;\n  color: ${({ theme }) => theme.colors.BLACK_1};\n  text-decoration: underline;\n  cursor: pointer;\n  font-size: 14px;\n  font-weight: 500;\n  padding: 0;\n  margin: 0;\n\n  &:hover {\n    color: ${({ theme }) => theme.colors.ORANGE_2};\n  }\n`;\n"],"names":["ActivityCardContainer","styled","FlexView","$bgImage","ActivityCardContainerWrapper","theme"],"mappings":";;AAIa,MAAAA,IAAwBC,EAAOC,CAAQ;AAAA,0BAC1B,CAAC,EAAE,UAAAC,EAAS,MAAMA,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASvCC,IAA+BH,EAAOC,CAAQ;AAAA;AAAA,uBAEpC,CAAC,EAAE,OAAAG,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA;AAGnBJ,EAAOC,CAAQ;AAAA,uBAC/B,CAAC,EAAE,OAAAG,EAAA,MAAYA,EAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAOjCJ,EAAOC,CAAQ;AAAA,sBACnB,CAAC,EAAE,OAAAG,EAAA,MAAYA,EAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYxBJ,EAAO;AAAA;AAAA;AAAA,WAG9B,CAAC,EAAE,OAAAI,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aASjC,CAAC,EAAE,OAAAA,EAAA,MAAYA,EAAM,OAAO,QAAQ;AAAA;AAAA;"}

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

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

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