@cuemath/leap 3.5.31 → 3.5.32-as11

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"attendence-view.js","sources":["../../../../../../../src/features/timeline/monthly-timeline/monthly-report/comps/attendance/attendence-view.tsx"],"sourcesContent":["import { memo, useCallback } from 'react';\n\nimport { IS_APP_RUNNING_IN_RN } from '../../../../../../constants/app-config';\nimport ArrowTooltip from '../../../../../ui/arrow-tooltip/arrow-tooltip';\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport Text from '../../../../../ui/text/text';\nimport { MONTH_NAMES } from './attendance-constants';\nimport { getSnackbarMsg, getTooltipContent } from './attendance-utils';\nimport * as Styled from './attendance.styled';\nimport type { ICalenderViewProps } from './attendance-types';\n\nfunction AttendanceView({\n  day,\n  reportMonth,\n  onDateClick,\n  isSunday,\n  isLastRow,\n}: ICalenderViewProps) {\n  const currentMonth = MONTH_NAMES[reportMonth - 1] || '';\n\n  const handleClick = useCallback(() => {\n    onDateClick?.({\n      type: 'info',\n      message: getSnackbarMsg(day?.classes || [], `${currentMonth} ${day?.date ?? ''}`) ?? '',\n      bgColor: day?.snackbarBg || 'WHITE_5',\n    });\n  }, [currentMonth, day?.classes, day?.date, day?.snackbarBg, onDateClick]);\n\n  const tooltipContent = day?.classes\n    ? getTooltipContent(day.classes, currentMonth, day.date)\n    : null;\n\n  return (\n    <Styled.TooltipWrapper onClick={handleClick}>\n      <ArrowTooltip\n        renderAs=\"primary\"\n        position=\"top\"\n        hidden={IS_APP_RUNNING_IN_RN || !day?.hasClasses}\n        backgroundColor={day?.tooltipBgColor || 'WHITE_5'}\n        tooltipItem={\n          tooltipContent ? (\n            <FlexView>\n              <Text $align=\"center\" $renderAs=\"ab3\" $color=\"BLACK_1\">\n                {tooltipContent.dateAndTime}\n              </Text>\n              {tooltipContent.statusLines.map((statusLine, index) => (\n                <Text $align=\"center\" $renderAs=\"ab3\" $color=\"BLACK_1\" key={index}>\n                  {statusLine}\n                </Text>\n              ))}\n            </FlexView>\n          ) : (\n            ''\n          )\n        }\n      >\n        <Styled.CalendarDay\n          $background={day?.themeColor || 'WHITE_1'}\n          $justifyContent=\"center\"\n          $alignItems=\"center\"\n          $isSunday={isSunday}\n          $isLastRow={isLastRow}\n        >\n          {day && (\n            <>\n              <Text $renderAs=\"ab2\" $color=\"BLACK_T_38\">\n                {day.date}\n              </Text>\n              <Styled.StatusSymbol>{!!day.statusSymbol && day.statusSymbol}</Styled.StatusSymbol>\n            </>\n          )}\n        </Styled.CalendarDay>\n      </ArrowTooltip>\n    </Styled.TooltipWrapper>\n  );\n}\n\nexport default memo(AttendanceView);\n"],"names":["AttendanceView","day","reportMonth","onDateClick","isSunday","isLastRow","currentMonth","MONTH_NAMES","handleClick","useCallback","getSnackbarMsg","tooltipContent","getTooltipContent","jsx","Styled.TooltipWrapper","ArrowTooltip","IS_APP_RUNNING_IN_RN","jsxs","FlexView","Text","statusLine","index","Styled.CalendarDay","Fragment","Styled.StatusSymbol","AttendenceView","memo"],"mappings":";;;;;;;;;AAWA,SAASA,EAAe;AAAA,EACtB,KAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AACF,GAAuB;AACrB,QAAMC,IAAeC,EAAYL,IAAc,CAAC,KAAK,IAE/CM,IAAcC,EAAY,MAAM;AACtB,IAAAN,KAAA,QAAAA,EAAA;AAAA,MACZ,MAAM;AAAA,MACN,SAASO,GAAeT,KAAA,gBAAAA,EAAK,YAAW,CAAC,GAAG,GAAGK,CAAY,KAAIL,KAAA,gBAAAA,EAAK,SAAQ,EAAE,EAAE,KAAK;AAAA,MACrF,UAASA,KAAA,gBAAAA,EAAK,eAAc;AAAA,IAAA;AAAA,EAC7B,GACA,CAACK,GAAcL,KAAA,gBAAAA,EAAK,SAASA,KAAA,gBAAAA,EAAK,MAAMA,KAAA,gBAAAA,EAAK,YAAYE,CAAW,CAAC,GAElEQ,IAAiBV,KAAA,QAAAA,EAAK,UACxBW,EAAkBX,EAAI,SAASK,GAAcL,EAAI,IAAI,IACrD;AAEJ,SACG,gBAAAY,EAAAC,GAAA,EAAsB,SAASN,GAC9B,UAAA,gBAAAK;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,UAAS;AAAA,MACT,UAAS;AAAA,MACT,QAAQC,KAAwB,EAACf,KAAA,QAAAA,EAAK;AAAA,MACtC,kBAAiBA,KAAA,gBAAAA,EAAK,mBAAkB;AAAA,MACxC,aACEU,IACE,gBAAAM,EAACC,GACC,EAAA,UAAA;AAAA,QAAC,gBAAAL,EAAAM,GAAA,EAAK,QAAO,UAAS,WAAU,OAAM,QAAO,WAC1C,YAAe,YAClB,CAAA;AAAA,QACCR,EAAe,YAAY,IAAI,CAACS,GAAYC,MAC1C,gBAAAR,EAAAM,GAAA,EAAK,QAAO,UAAS,WAAU,OAAM,QAAO,WAC1C,UAAAC,EAAA,GADyDC,CAE5D,CACD;AAAA,MAAA,EAAA,CACH,IAEA;AAAA,MAIJ,UAAA,gBAAAR;AAAA,QAACS;AAAAA,QAAA;AAAA,UACC,cAAarB,KAAA,gBAAAA,EAAK,eAAc;AAAA,UAChC,iBAAgB;AAAA,UAChB,aAAY;AAAA,UACZ,WAAWG;AAAA,UACX,YAAYC;AAAA,UAEX,eAEG,gBAAAY,EAAAM,GAAA,EAAA,UAAA;AAAA,YAAA,gBAAAV,EAACM,KAAK,WAAU,OAAM,QAAO,cAC1B,YAAI,MACP;AAAA,YACA,gBAAAN,EAACW,GAAA,EAAqB,WAAC,CAACvB,EAAI,gBAAgBA,EAAI,cAAa;AAAA,UAAA,GAC/D;AAAA,QAAA;AAAA,MAEJ;AAAA,IAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ;AAEA,MAAewB,IAAAC,EAAK1B,CAAc;"}

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

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

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

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

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

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

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

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

package/dist/features/timeline/monthly-timeline/monthly-report/comps/goals/goals-card/goal-chapter-card.js

@@ -0,0 +1,48 @@
+import { jsxs as e, jsx as n } from "react/jsx-runtime";
+import i from "../../../../../../ui/text/text.js";
+import c from "../../../../../../ui/layout/flex-view.js";
+import C from "../../../../../../chapters/chapters-list/chapter-item/chapter-circular-progress/chapter-circular-progress.js";
+import { calculateProgress as g } from "../goals-constants.js";
+const E = ({ chapters: t }) => !t || t.length === 0 ? null : t.map((o, u) => {
+  const { completed: _, total: a } = o.progress_stat, { completed: $, total: m } = o.previous_progress_stat || {}, r = g(_, a), d = g($ || 0, m || 0), s = r - d, l = o.previous_progress_stat && s > 0 && a === m, f = l ? s : 0, p = r === 100;
+  return /* @__PURE__ */ e(
+    c,
+    {
+      $flexDirection: "row",
+      $flexGapX: 1,
+      $gutterX: 1,
+      children: [
+        o.image_url && /* @__PURE__ */ n(
+          C,
+          {
+            completionPercentage: l ? d : r,
+            imageUrl: o.image_url,
+            delta: f,
+            imageWidth: 42,
+            iconWidth: 16,
+            deltaProgressColor: "GREEN_5",
+            iconColor: "WHITE",
+            iconBackgroundColor: "BLACK_1",
+            iconPosition: { top: 0, right: 0 }
+          }
+        ),
+        /* @__PURE__ */ e(c, { children: [
+          /* @__PURE__ */ n(i, { $renderAs: "ub2", $color: "BLACK_1", children: o.chapter_name }),
+          /* @__PURE__ */ e(c, { $flexDirection: "row", $alignItems: "center", $flexGapX: 0.25, children: [
+            /* @__PURE__ */ n(i, { $renderAs: "ub3", $color: "BLACK_T_60", children: p ? "Completed" : `${r}% completed` }),
+            l && !p && /* @__PURE__ */ e(i, { $renderAs: "ab3", $color: "GREEN_6", children: [
+              "(+",
+              Math.round(s),
+              "%)"
+            ] })
+          ] })
+        ] })
+      ]
+    },
+    `${o.chapter_name}-${u}`
+  );
+});
+export {
+  E as default
+};
+//# sourceMappingURL=goal-chapter-card.js.map

package/dist/features/timeline/monthly-timeline/monthly-report/comps/goals/goals-card/goal-chapter-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"goal-chapter-card.js","sources":["../../../../../../../../src/features/timeline/monthly-timeline/monthly-report/comps/goals/goals-card/goal-chapter-card.tsx"],"sourcesContent":["import { type FC } from 'react';\n\nimport { type IGoalsCardChaptersProps } from './goals-card-types';\nimport Text from '../../../../../../ui/text/text';\nimport FlexView from '../../../../../../ui/layout/flex-view';\nimport ChapterCircularProgress from '../../../../../../chapters/chapters-list/chapter-item/chapter-circular-progress/chapter-circular-progress';\nimport { calculateProgress } from '../goals-constants';\n\nconst GoalsCardChapters: FC<IGoalsCardChaptersProps> = ({ chapters }) => {\n  if (!chapters || chapters.length === 0) {\n    return null;\n  }\n\n  return chapters.map((chapter, i) => {\n    const { completed, total } = chapter.progress_stat;\n    const { completed: prevCompleted, total: prevTotal } = chapter.previous_progress_stat || {};\n    const progress = calculateProgress(completed, total);\n    const previousProgress = calculateProgress(prevCompleted || 0, prevTotal || 0);\n    const progressDifference = progress - previousProgress;\n    const showDelta =\n      chapter.previous_progress_stat && progressDifference > 0 && total === prevTotal;\n    const delta = showDelta ? progressDifference : 0;\n    const isCompoleted = progress === 100;\n\n    return (\n      <FlexView\n        $flexDirection=\"row\"\n        $flexGapX={1}\n        $gutterX={1}\n        key={`${chapter.chapter_name}-${i}`}\n      >\n        {chapter.image_url && (\n          <ChapterCircularProgress\n            completionPercentage={showDelta ? previousProgress : progress}\n            imageUrl={chapter.image_url}\n            delta={delta}\n            imageWidth={42}\n            iconWidth={16}\n            deltaProgressColor=\"GREEN_5\"\n            iconColor=\"WHITE\"\n            iconBackgroundColor=\"BLACK_1\"\n            iconPosition={{ top: 0, right: 0 }}\n          />\n        )}\n        <FlexView>\n          <Text $renderAs=\"ub2\" $color=\"BLACK_1\">\n            {chapter.chapter_name}\n          </Text>\n          <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexGapX={0.25}>\n            <Text $renderAs=\"ub3\" $color=\"BLACK_T_60\">\n              {isCompoleted ? 'Completed' : `${progress}% completed`}\n            </Text>\n            {showDelta && !isCompoleted && (\n              <Text $renderAs=\"ab3\" $color=\"GREEN_6\">\n                (+{Math.round(progressDifference)}%)\n              </Text>\n            )}\n          </FlexView>\n        </FlexView>\n      </FlexView>\n    );\n  });\n};\n\nexport default GoalsCardChapters;\n"],"names":["GoalsCardChapters","chapters","chapter","i","completed","total","prevCompleted","prevTotal","progress","calculateProgress","previousProgress","progressDifference","showDelta","delta","isCompoleted","jsxs","FlexView","jsx","ChapterCircularProgress","Text"],"mappings":";;;;;AAQA,MAAMA,IAAiD,CAAC,EAAE,UAAAC,QACpD,CAACA,KAAYA,EAAS,WAAW,IAC5B,OAGFA,EAAS,IAAI,CAACC,GAASC,MAAM;AAClC,QAAM,EAAE,WAAAC,GAAW,OAAAC,MAAUH,EAAQ,eAC/B,EAAE,WAAWI,GAAe,OAAOC,MAAcL,EAAQ,0BAA0B,IACnFM,IAAWC,EAAkBL,GAAWC,CAAK,GAC7CK,IAAmBD,EAAkBH,KAAiB,GAAGC,KAAa,CAAC,GACvEI,IAAqBH,IAAWE,GAChCE,IACJV,EAAQ,0BAA0BS,IAAqB,KAAKN,MAAUE,GAClEM,IAAQD,IAAYD,IAAqB,GACzCG,IAAeN,MAAa;AAGhC,SAAA,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAe;AAAA,MACf,WAAW;AAAA,MACX,UAAU;AAAA,MAGT,UAAA;AAAA,QAAAd,EAAQ,aACP,gBAAAe;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,sBAAsBN,IAAYF,IAAmBF;AAAA,YACrD,UAAUN,EAAQ;AAAA,YAClB,OAAAW;AAAA,YACA,YAAY;AAAA,YACZ,WAAW;AAAA,YACX,oBAAmB;AAAA,YACnB,WAAU;AAAA,YACV,qBAAoB;AAAA,YACpB,cAAc,EAAE,KAAK,GAAG,OAAO,EAAE;AAAA,UAAA;AAAA,QACnC;AAAA,0BAEDG,GACC,EAAA,UAAA;AAAA,UAAA,gBAAAC,EAACE,KAAK,WAAU,OAAM,QAAO,WAC1B,YAAQ,cACX;AAAA,4BACCH,GAAS,EAAA,gBAAe,OAAM,aAAY,UAAS,WAAW,MAC7D,UAAA;AAAA,YAAC,gBAAAC,EAAAE,GAAA,EAAK,WAAU,OAAM,QAAO,cAC1B,UAAeL,IAAA,cAAc,GAAGN,CAAQ,cAC3C,CAAA;AAAA,YACCI,KAAa,CAACE,KACb,gBAAAC,EAACI,KAAK,WAAU,OAAM,QAAO,WAAU,UAAA;AAAA,cAAA;AAAA,cAClC,KAAK,MAAMR,CAAkB;AAAA,cAAE;AAAA,YAAA,GACpC;AAAA,UAAA,GAEJ;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,IAAA;AAAA,IA7BK,GAAGT,EAAQ,YAAY,IAAIC,CAAC;AAAA,EAAA;AA8BnC,CAEH;"}

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

@@ -0,0 +1,28 @@
+import o from "styled-components";
+import t from "../../../../../../ui/layout/flex-view.js";
+const p = o(t)`
+  position: absolute;
+  bottom: 0px;
+  left: 0;
+  right: 0;
+`, s = o(t)`
+  border-top: none;
+`, a = o(t)`
+  position: relative;
+  &::after {
+    content: '';
+    position: absolute;
+    height: 12px;
+    width: 20px;
+    left: 10px;
+    top: -8px;
+    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
+    background-color: ${({ theme: e, $background: r }) => e.colors[r ?? "WHITE_1"]};
+  }
+`;
+export {
+  s as ChaptersContainer,
+  p as ProgressBarContainer,
+  a as TagContainer
+};
+//# sourceMappingURL=goals-card-styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"goals-card-styled.js","sources":["../../../../../../../../src/features/timeline/monthly-timeline/monthly-report/comps/goals/goals-card/goals-card-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../../../../ui/layout/flex-view';\n\nexport const ProgressBarContainer = styled(FlexView)`\n  position: absolute;\n  bottom: 0px;\n  left: 0;\n  right: 0;\n`;\n\nexport const ChaptersContainer = styled(FlexView)`\n  border-top: none;\n`;\n\nexport const TagContainer = styled(FlexView)`\n  position: relative;\n  &::after {\n    content: '';\n    position: absolute;\n    height: 12px;\n    width: 20px;\n    left: 10px;\n    top: -8px;\n    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);\n    background-color: ${({ theme, $background }) => theme.colors[$background ?? 'WHITE_1']};\n  }\n`;\n"],"names":["ProgressBarContainer","styled","FlexView","ChaptersContainer","TagContainer","theme","$background"],"mappings":";;AAIa,MAAAA,IAAuBC,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,GAOtCC,IAAoBF,EAAOC,CAAQ;AAAA;AAAA,GAInCE,IAAeH,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAUnB,CAAC,EAAE,OAAAG,GAAO,aAAAC,QAAkBD,EAAM,OAAOC,KAAe,SAAS,CAAC;AAAA;AAAA;"}

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

@@ -0,0 +1,118 @@
+import { jsxs as e, jsx as r, Fragment as h } from "react/jsx-runtime";
+import { memo as F, useState as H, useMemo as O, useCallback as W } from "react";
+import { GOAL_CATEGORY_CONFIG as j, calculateProgress as B } from "../goals-constants.js";
+import { ProgressBarContainer as z, TagContainer as y, ChaptersContainer as E } from "./goals-card-styled.js";
+import s from "../../../../../../ui/text/text.js";
+import t from "../../../../../../ui/layout/flex-view.js";
+import m from "../../../../../../ui/separator/separator.js";
+import V from "../../../../../../ui/image/image.js";
+import G from "./goal-chapter-card.js";
+import Y from "../../../../../../ui/linear-progress-bar/linear-progress-bar.js";
+import T from "../../../../../../ui/buttons/text-button/text-button.js";
+const q = ({ category: C, milestone: L, isExpended: o = !1 }) => {
+  const [g, v] = H(!1), {
+    milestone_name: P,
+    user_chapters: p,
+    progress_stat: k,
+    previous_progress_stat: n
+  } = L, { completed: I, total: a } = k, { completed: $, total: u } = n ?? {}, c = B(I, a), f = n && $ && u ? B($, u) : 0, i = c - f, d = !!(n && i > 0 && a === a), x = !!(n && i <= 0 && a !== a), _ = c === 100, K = Math.round(c), S = Math.round(i), b = p.length, D = p.slice(0, 2), A = Math.max(0, b - 2), M = g ? p.slice(2) : [], N = A > 0, l = O(() => j[C], [C]), X = l.icon, w = W(() => {
+    v((R) => !R);
+  }, []);
+  return /* @__PURE__ */ e(t, { children: [
+    /* @__PURE__ */ e(
+      t,
+      {
+        $position: "relative",
+        $background: l.backgroundColor,
+        $borderColor: o ? "WHITE_5" : void 0,
+        $gutterX: 1,
+        $gapX: 1,
+        $height: o ? "auto" : 72,
+        children: [
+          /* @__PURE__ */ e(t, { $flexDirection: "row", $flexGapX: o ? 1 : 0.5, children: [
+            X && /* @__PURE__ */ r(
+              V,
+              {
+                src: X,
+                withLoader: !0,
+                width: o ? 40 : 32,
+                height: o ? 40 : 32,
+                alt: l.label
+              }
+            ),
+            /* @__PURE__ */ e(t, { children: [
+              o && /* @__PURE__ */ e(h, { children: [
+                /* @__PURE__ */ r(s, { $renderAs: "ac5", $color: l.labelColor, children: l.label }),
+                /* @__PURE__ */ r(m, { heightX: 0.25 })
+              ] }),
+              /* @__PURE__ */ r(s, { $renderAs: "ab2", $color: "BLACK_1", children: P }),
+              /* @__PURE__ */ r(m, { heightX: o ? 0.5 : 0.125 }),
+              /* @__PURE__ */ e(t, { $flexDirection: "row", $alignItems: "center", $flexGapX: 0.25, children: [
+                /* @__PURE__ */ r(s, { $renderAs: "ab3", $color: "BLACK_T_60", children: _ ? "Completed" : `${K}% complete` }),
+                d && !_ && /* @__PURE__ */ e(s, { $renderAs: "ab3", $color: "GREEN_6", children: [
+                  "(+",
+                  S,
+                  "%)"
+                ] })
+              ] })
+            ] }),
+            /* @__PURE__ */ r(z, { children: /* @__PURE__ */ r(
+              Y,
+              {
+                percentage: d ? f : c,
+                delta: d ? i : 0,
+                height: 4,
+                backgroundColor: "WHITE_5",
+                fillColor: "BLACK_1",
+                deltaProgressColor: "GREEN_5"
+              }
+            ) })
+          ] }),
+          x && /* @__PURE__ */ e(h, { children: [
+            /* @__PURE__ */ r(m, { heightX: 0.875 }),
+            /* @__PURE__ */ r(y, { $gapX: 0.5, $gutterX: 1, $background: l.tagColor, children: /* @__PURE__ */ r(s, { $renderAs: "ub3", $color: "BLACK_1", children: "Learning plan was modified — progress updated accordingly." }) })
+          ] })
+        ]
+      }
+    ),
+    o && b > 0 && /* @__PURE__ */ e(
+      E,
+      {
+        $gapX: 1,
+        $flexDirection: "column",
+        $flexGapX: 1.25,
+        $borderColor: "WHITE_5",
+        children: [
+          /* @__PURE__ */ r(G, { chapters: D }),
+          N && /* @__PURE__ */ e(h, { children: [
+            !g && /* @__PURE__ */ r(t, { $gutterX: 4.5, children: /* @__PURE__ */ r(
+              T,
+              {
+                label: `+${A} chapters`,
+                size: "regular",
+                color: "BLACK_1",
+                onClick: w
+              }
+            ) }),
+            g && /* @__PURE__ */ e(h, { children: [
+              /* @__PURE__ */ r(G, { chapters: M }),
+              /* @__PURE__ */ r(t, { $gutterX: 4.5, children: /* @__PURE__ */ r(
+                T,
+                {
+                  label: "Show less",
+                  size: "regular",
+                  color: "BLACK_1",
+                  onClick: w
+                }
+              ) })
+            ] })
+          ] })
+        ]
+      }
+    )
+  ] });
+}, nr = F(q);
+export {
+  nr as default
+};
+//# sourceMappingURL=goals-card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"goals-card.js","sources":["../../../../../../../../src/features/timeline/monthly-timeline/monthly-report/comps/goals/goals-card/goals-card.tsx"],"sourcesContent":["import { type FC, memo, useCallback, useMemo, useState } from 'react';\n\nimport { type IGoalsCardProps } from '../goals-types';\nimport { calculateProgress, GOAL_CATEGORY_CONFIG } from '../goals-constants';\nimport * as Styled from './goals-card-styled';\nimport Text from '../../../../../../ui/text/text';\nimport FlexView from '../../../../../../ui/layout/flex-view';\nimport Separator from '../../../../../../ui/separator/separator';\nimport Image from '../../../../../../ui/image/image';\nimport GoalsCardChapters from './goal-chapter-card';\nimport LinearProgressBar from '../../../../../../ui/linear-progress-bar/linear-progress-bar';\nimport TextButton from '../../../../../../ui/buttons/text-button/text-button';\n\nconst GoalsCard: FC<IGoalsCardProps> = ({ category, milestone, isExpended = false }) => {\n  const [showAllChapters, setShowAllChapters] = useState(false);\n  const {\n    milestone_name: milestoneName,\n    user_chapters: userChapters,\n    progress_stat: progressStat,\n    previous_progress_stat: prevProgressStat,\n  } = milestone;\n  const { completed, total } = progressStat;\n  const { completed: prevCompleted, total: prevTotal } = prevProgressStat ?? {};\n  const currentProgress = calculateProgress(completed, total);\n  const previousProgress =\n    prevProgressStat && prevCompleted && prevTotal\n      ? calculateProgress(prevCompleted, prevTotal)\n      : 0;\n\n  const progressDifference = currentProgress - previousProgress;\n  const showIndicator = Boolean(prevProgressStat && progressDifference > 0 && total === total);\n  const showTag = Boolean(prevProgressStat && progressDifference <= 0 && total !== total);\n  const isCompleted = currentProgress === 100;\n  const roundedProgress = Math.round(currentProgress);\n  const roundedDifference = Math.round(progressDifference);\n\n  const totalChapters = userChapters.length;\n  const visibleChapters = userChapters.slice(0, 2);\n  const remainingChapters = Math.max(0, totalChapters - 2);\n  const hiddenChapters = showAllChapters ? userChapters.slice(2) : [];\n  const hasRemainingChapters = remainingChapters > 0;\n\n  const categoryConfig = useMemo(() => GOAL_CATEGORY_CONFIG[category], [category]);\n  const icon = categoryConfig.icon;\n\n  const handleToggleChapters = useCallback(() => {\n    setShowAllChapters(prev => !prev);\n  }, []);\n\n  return (\n    <FlexView>\n      <FlexView\n        $position=\"relative\"\n        $background={categoryConfig.backgroundColor}\n        $borderColor={isExpended ? 'WHITE_5' : undefined}\n        $gutterX={1}\n        $gapX={1}\n        $height={isExpended ? 'auto' : 72}\n      >\n        <FlexView $flexDirection=\"row\" $flexGapX={isExpended ? 1 : 0.5}>\n          {icon && (\n            <Image\n              src={icon}\n              withLoader\n              width={isExpended ? 40 : 32}\n              height={isExpended ? 40 : 32}\n              alt={categoryConfig.label}\n            />\n          )}\n          <FlexView>\n            {isExpended && (\n              <>\n                <Text $renderAs=\"ac5\" $color={categoryConfig.labelColor}>\n                  {categoryConfig.label}\n                </Text>\n                <Separator heightX={0.25} />\n              </>\n            )}\n            <Text $renderAs=\"ab2\" $color=\"BLACK_1\">\n              {milestoneName}\n            </Text>\n            <Separator heightX={isExpended ? 0.5 : 0.125} />\n            <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexGapX={0.25}>\n              <Text $renderAs=\"ab3\" $color=\"BLACK_T_60\">\n                {isCompleted ? 'Completed' : `${roundedProgress}% complete`}\n              </Text>\n              {showIndicator && !isCompleted && (\n                <Text $renderAs=\"ab3\" $color=\"GREEN_6\">\n                  (+{roundedDifference}%)\n                </Text>\n              )}\n            </FlexView>\n          </FlexView>\n          <Styled.ProgressBarContainer>\n            <LinearProgressBar\n              percentage={showIndicator ? previousProgress : currentProgress}\n              delta={showIndicator ? progressDifference : 0}\n              height={4}\n              backgroundColor=\"WHITE_5\"\n              fillColor=\"BLACK_1\"\n              deltaProgressColor=\"GREEN_5\"\n            />\n          </Styled.ProgressBarContainer>\n        </FlexView>\n        {showTag && (\n          <>\n            <Separator heightX={0.875} />\n            <Styled.TagContainer $gapX={0.5} $gutterX={1} $background={categoryConfig.tagColor}>\n              <Text $renderAs=\"ub3\" $color=\"BLACK_1\">\n                Learning plan was modified — progress updated accordingly.\n              </Text>\n            </Styled.TagContainer>\n          </>\n        )}\n      </FlexView>\n      {isExpended && totalChapters > 0 && (\n        <Styled.ChaptersContainer\n          $gapX={1}\n          $flexDirection=\"column\"\n          $flexGapX={1.25}\n          $borderColor=\"WHITE_5\"\n        >\n          <GoalsCardChapters chapters={visibleChapters} />\n          {hasRemainingChapters && (\n            <>\n              {!showAllChapters && (\n                <FlexView $gutterX={4.5}>\n                  <TextButton\n                    label={`+${remainingChapters} chapters`}\n                    size=\"regular\"\n                    color=\"BLACK_1\"\n                    onClick={handleToggleChapters}\n                  />\n                </FlexView>\n              )}\n              {showAllChapters && (\n                <>\n                  <GoalsCardChapters chapters={hiddenChapters} />\n                  <FlexView $gutterX={4.5}>\n                    <TextButton\n                      label=\"Show less\"\n                      size=\"regular\"\n                      color=\"BLACK_1\"\n                      onClick={handleToggleChapters}\n                    />\n                  </FlexView>\n                </>\n              )}\n            </>\n          )}\n        </Styled.ChaptersContainer>\n      )}\n    </FlexView>\n  );\n};\n\nexport default memo(GoalsCard);\n"],"names":["GoalsCard","category","milestone","isExpended","showAllChapters","setShowAllChapters","useState","milestoneName","userChapters","progressStat","prevProgressStat","completed","total","prevCompleted","prevTotal","currentProgress","calculateProgress","previousProgress","progressDifference","showIndicator","showTag","isCompleted","roundedProgress","roundedDifference","totalChapters","visibleChapters","remainingChapters","hiddenChapters","hasRemainingChapters","categoryConfig","useMemo","GOAL_CATEGORY_CONFIG","icon","handleToggleChapters","useCallback","prev","FlexView","jsxs","jsx","Image","Fragment","Text","Separator","Styled.ProgressBarContainer","LinearProgressBar","Styled.TagContainer","Styled.ChaptersContainer","GoalsCardChapters","TextButton","GoalsCard$1","memo"],"mappings":";;;;;;;;;;;AAaA,MAAMA,IAAiC,CAAC,EAAE,UAAAC,GAAU,WAAAC,GAAW,YAAAC,IAAa,SAAY;AACtF,QAAM,CAACC,GAAiBC,CAAkB,IAAIC,EAAS,EAAK,GACtD;AAAA,IACJ,gBAAgBC;AAAA,IAChB,eAAeC;AAAA,IACf,eAAeC;AAAA,IACf,wBAAwBC;AAAA,EACtB,IAAAR,GACE,EAAE,WAAAS,GAAW,OAAAC,EAAU,IAAAH,GACvB,EAAE,WAAWI,GAAe,OAAOC,EAAU,IAAIJ,KAAoB,IACrEK,IAAkBC,EAAkBL,GAAWC,CAAK,GACpDK,IACJP,KAAoBG,KAAiBC,IACjCE,EAAkBH,GAAeC,CAAS,IAC1C,GAEAI,IAAqBH,IAAkBE,GACvCE,IAAgB,GAAQT,KAAoBQ,IAAqB,KAAKN,MAAUA,IAChFQ,IAAU,GAAQV,KAAoBQ,KAAsB,KAAKN,MAAUA,IAC3ES,IAAcN,MAAoB,KAClCO,IAAkB,KAAK,MAAMP,CAAe,GAC5CQ,IAAoB,KAAK,MAAML,CAAkB,GAEjDM,IAAgBhB,EAAa,QAC7BiB,IAAkBjB,EAAa,MAAM,GAAG,CAAC,GACzCkB,IAAoB,KAAK,IAAI,GAAGF,IAAgB,CAAC,GACjDG,IAAiBvB,IAAkBI,EAAa,MAAM,CAAC,IAAI,IAC3DoB,IAAuBF,IAAoB,GAE3CG,IAAiBC,EAAQ,MAAMC,EAAqB9B,CAAQ,GAAG,CAACA,CAAQ,CAAC,GACzE+B,IAAOH,EAAe,MAEtBI,IAAuBC,EAAY,MAAM;AAC1B,IAAA7B,EAAA,CAAA8B,MAAQ,CAACA,CAAI;AAAA,EAClC,GAAG,CAAE,CAAA;AAEL,2BACGC,GACC,EAAA,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACD;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,aAAaP,EAAe;AAAA,QAC5B,cAAc1B,IAAa,YAAY;AAAA,QACvC,UAAU;AAAA,QACV,OAAO;AAAA,QACP,SAASA,IAAa,SAAS;AAAA,QAE/B,UAAA;AAAA,UAAA,gBAAAkC,EAACD,KAAS,gBAAe,OAAM,WAAWjC,IAAa,IAAI,KACxD,UAAA;AAAA,YACC6B,KAAA,gBAAAM;AAAA,cAACC;AAAA,cAAA;AAAA,gBACC,KAAKP;AAAA,gBACL,YAAU;AAAA,gBACV,OAAO7B,IAAa,KAAK;AAAA,gBACzB,QAAQA,IAAa,KAAK;AAAA,gBAC1B,KAAK0B,EAAe;AAAA,cAAA;AAAA,YACtB;AAAA,8BAEDO,GACE,EAAA,UAAA;AAAA,cAAAjC,KAEG,gBAAAkC,EAAAG,GAAA,EAAA,UAAA;AAAA,gBAAA,gBAAAF,EAACG,KAAK,WAAU,OAAM,QAAQZ,EAAe,YAC1C,YAAe,MAClB,CAAA;AAAA,gBACA,gBAAAS,EAACI,GAAU,EAAA,SAAS,KAAM,CAAA;AAAA,cAAA,GAC5B;AAAA,gCAEDD,GAAK,EAAA,WAAU,OAAM,QAAO,WAC1B,UACHlC,GAAA;AAAA,cACC,gBAAA+B,EAAAI,GAAA,EAAU,SAASvC,IAAa,MAAM,OAAO;AAAA,gCAC7CiC,GAAS,EAAA,gBAAe,OAAM,aAAY,UAAS,WAAW,MAC7D,UAAA;AAAA,gBAAC,gBAAAE,EAAAG,GAAA,EAAK,WAAU,OAAM,QAAO,cAC1B,UAAcpB,IAAA,cAAc,GAAGC,CAAe,aACjD,CAAA;AAAA,gBACCH,KAAiB,CAACE,KACjB,gBAAAgB,EAACI,KAAK,WAAU,OAAM,QAAO,WAAU,UAAA;AAAA,kBAAA;AAAA,kBAClClB;AAAA,kBAAkB;AAAA,gBAAA,GACvB;AAAA,cAAA,GAEJ;AAAA,YAAA,GACF;AAAA,YACA,gBAAAe,EAACK,GAAA,EACC,UAAA,gBAAAL;AAAA,cAACM;AAAA,cAAA;AAAA,gBACC,YAAYzB,IAAgBF,IAAmBF;AAAA,gBAC/C,OAAOI,IAAgBD,IAAqB;AAAA,gBAC5C,QAAQ;AAAA,gBACR,iBAAgB;AAAA,gBAChB,WAAU;AAAA,gBACV,oBAAmB;AAAA,cAAA;AAAA,YAAA,GAEvB;AAAA,UAAA,GACF;AAAA,UACCE,KAEG,gBAAAiB,EAAAG,GAAA,EAAA,UAAA;AAAA,YAAC,gBAAAF,EAAAI,GAAA,EAAU,SAAS,MAAO,CAAA;AAAA,8BAC1BG,GAAA,EAAoB,OAAO,KAAK,UAAU,GAAG,aAAahB,EAAe,UACxE,4BAACY,GAAK,EAAA,WAAU,OAAM,QAAO,WAAU,uEAEvC,CAAA,GACF;AAAA,UAAA,GACF;AAAA,QAAA;AAAA,MAAA;AAAA,IAEJ;AAAA,IACCtC,KAAcqB,IAAgB,KAC7B,gBAAAa;AAAA,MAACS;AAAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,gBAAe;AAAA,QACf,WAAW;AAAA,QACX,cAAa;AAAA,QAEb,UAAA;AAAA,UAAC,gBAAAR,EAAAS,GAAA,EAAkB,UAAUtB,EAAiB,CAAA;AAAA,UAC7CG,KAEI,gBAAAS,EAAAG,GAAA,EAAA,UAAA;AAAA,YAAA,CAACpC,KACA,gBAAAkC,EAACF,GAAS,EAAA,UAAU,KAClB,UAAA,gBAAAE;AAAA,cAACU;AAAA,cAAA;AAAA,gBACC,OAAO,IAAItB,CAAiB;AAAA,gBAC5B,MAAK;AAAA,gBACL,OAAM;AAAA,gBACN,SAASO;AAAA,cAAA;AAAA,YAAA,GAEb;AAAA,YAED7B,KAEG,gBAAAiC,EAAAG,GAAA,EAAA,UAAA;AAAA,cAAC,gBAAAF,EAAAS,GAAA,EAAkB,UAAUpB,EAAgB,CAAA;AAAA,cAC7C,gBAAAW,EAACF,GAAS,EAAA,UAAU,KAClB,UAAA,gBAAAE;AAAA,gBAACU;AAAA,gBAAA;AAAA,kBACC,OAAM;AAAA,kBACN,MAAK;AAAA,kBACL,OAAM;AAAA,kBACN,SAASf;AAAA,gBAAA;AAAA,cAAA,GAEb;AAAA,YAAA,GACF;AAAA,UAAA,GAEJ;AAAA,QAAA;AAAA,MAAA;AAAA,IAEJ;AAAA,EAEJ,EAAA,CAAA;AAEJ,GAEegB,KAAAC,EAAKlD,CAAS;"}

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

@@ -0,0 +1,30 @@
+import { ILLUSTRATIONS as o } from "../../../../../../assets/illustrations/illustrations.js";
+import { EGoalCategory as l } from "../../../monthly-timeline-types.js";
+const a = {
+  [l.SCHOOL_SUCCESS]: {
+    label: "School Success",
+    icon: o.GRADUATE_ICON_PINK,
+    backgroundColor: "PURPLE_1",
+    labelColor: "PURPLE_6",
+    tagColor: "PURPLE_2"
+  },
+  [l.ENRICHMENT]: {
+    label: "Enrichment",
+    icon: o.STAR_ORANGE,
+    backgroundColor: "ORANGE_1",
+    labelColor: "ORANGE_6",
+    tagColor: "ORANGE_2"
+  },
+  [l.TEST_PREP]: {
+    label: "Test Prep",
+    icon: o.TROPHY_BLUE,
+    backgroundColor: "BLUE_1",
+    labelColor: "BLUE_6",
+    tagColor: "BLUE_2"
+  }
+}, e = (E, r) => r > 0 ? Math.floor(E / r * 100) : 0;
+export {
+  a as GOAL_CATEGORY_CONFIG,
+  e as calculateProgress
+};
+//# sourceMappingURL=goals-constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"goals-constants.js","sources":["../../../../../../../src/features/timeline/monthly-timeline/monthly-report/comps/goals/goals-constants.ts"],"sourcesContent":["import { ILLUSTRATIONS } from '../../../../../../assets/illustrations/illustrations';\nimport { EGoalCategory } from '../../../monthly-timeline-types';\n\nexport const GOAL_CATEGORY_CONFIG = {\n  [EGoalCategory.SCHOOL_SUCCESS]: {\n    label: 'School Success',\n    icon: ILLUSTRATIONS.GRADUATE_ICON_PINK,\n    backgroundColor: 'PURPLE_1',\n    labelColor: 'PURPLE_6',\n    tagColor: 'PURPLE_2',\n  },\n  [EGoalCategory.ENRICHMENT]: {\n    label: 'Enrichment',\n    icon: ILLUSTRATIONS.STAR_ORANGE,\n    backgroundColor: 'ORANGE_1',\n    labelColor: 'ORANGE_6',\n    tagColor: 'ORANGE_2',\n  },\n  [EGoalCategory.TEST_PREP]: {\n    label: 'Test Prep',\n    icon: ILLUSTRATIONS.TROPHY_BLUE,\n    backgroundColor: 'BLUE_1',\n    labelColor: 'BLUE_6',\n    tagColor: 'BLUE_2',\n  },\n} as const;\n\nexport const calculateProgress = (completed: number, total: number): number => {\n  return total > 0 ? Math.floor((completed / total) * 100) : 0;\n};\n"],"names":["GOAL_CATEGORY_CONFIG","EGoalCategory","ILLUSTRATIONS","calculateProgress","completed","total"],"mappings":";;AAGO,MAAMA,IAAuB;AAAA,EAClC,CAACC,EAAc,cAAc,GAAG;AAAA,IAC9B,OAAO;AAAA,IACP,MAAMC,EAAc;AAAA,IACpB,iBAAiB;AAAA,IACjB,YAAY;AAAA,IACZ,UAAU;AAAA,EACZ;AAAA,EACA,CAACD,EAAc,UAAU,GAAG;AAAA,IAC1B,OAAO;AAAA,IACP,MAAMC,EAAc;AAAA,IACpB,iBAAiB;AAAA,IACjB,YAAY;AAAA,IACZ,UAAU;AAAA,EACZ;AAAA,EACA,CAACD,EAAc,SAAS,GAAG;AAAA,IACzB,OAAO;AAAA,IACP,MAAMC,EAAc;AAAA,IACpB,iBAAiB;AAAA,IACjB,YAAY;AAAA,IACZ,UAAU;AAAA,EACZ;AACF,GAEaC,IAAoB,CAACC,GAAmBC,MAC5CA,IAAQ,IAAI,KAAK,MAAOD,IAAYC,IAAS,GAAG,IAAI;"}

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

@@ -0,0 +1,22 @@
+import { jsxs as e, jsx as r } from "react/jsx-runtime";
+import f from "./goals-card/goals-card.js";
+import t from "../../../../../ui/layout/flex-view.js";
+import i from "../../../../../ui/text/text.js";
+import m from "../../../../../ui/separator/separator.js";
+const n = ({ milestones: o, isExpended: l = !1 }) => !o || o.length === 0 ? null : /* @__PURE__ */ e(t, { children: [
+  /* @__PURE__ */ r(i, { $renderAs: "ab1-bold", $color: "BLACK_1", children: "Goals" }),
+  /* @__PURE__ */ r(m, { heightX: 1 }),
+  /* @__PURE__ */ r(t, { $flexRowGapX: l ? 1.5 : 0, children: o.map((a) => /* @__PURE__ */ r(
+    f,
+    {
+      category: a.goal_category,
+      milestone: a,
+      isExpended: l
+    },
+    a.user_milestone_id
+  )) })
+] });
+export {
+  n as default
+};
+//# sourceMappingURL=goals.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"goals.js","sources":["../../../../../../../src/features/timeline/monthly-timeline/monthly-report/comps/goals/goals.tsx"],"sourcesContent":["import { type FC } from 'react';\n\nimport { type IGoalsProps } from './goals-types';\nimport GoalsCard from './goals-card/goals-card';\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport Text from '../../../../../ui/text/text';\nimport Separator from '../../../../../ui/separator/separator';\n\nconst Goals: FC<IGoalsProps> = ({ milestones, isExpended = false }) => {\n  if (!milestones || milestones.length === 0) {\n    return null;\n  }\n\n  return (\n    <FlexView>\n      <Text $renderAs=\"ab1-bold\" $color=\"BLACK_1\">\n        Goals\n      </Text>\n      <Separator heightX={1} />\n      <FlexView $flexRowGapX={isExpended ? 1.5 : 0}>\n        {milestones.map(milestone => (\n          <GoalsCard\n            key={milestone.user_milestone_id}\n            category={milestone.goal_category}\n            milestone={milestone}\n            isExpended={isExpended}\n          />\n        ))}\n      </FlexView>\n    </FlexView>\n  );\n};\n\nexport default Goals;\n"],"names":["Goals","milestones","isExpended","FlexView","jsx","Text","Separator","milestone","GoalsCard"],"mappings":";;;;;AAQA,MAAMA,IAAyB,CAAC,EAAE,YAAAC,GAAY,YAAAC,IAAa,SACrD,CAACD,KAAcA,EAAW,WAAW,IAChC,yBAINE,GACC,EAAA,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAK,EAAA,WAAU,YAAW,QAAO,WAAU,UAE5C,SAAA;AAAA,EACA,gBAAAD,EAACE,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,EACvB,gBAAAF,EAACD,KAAS,cAAcD,IAAa,MAAM,GACxC,UAAAD,EAAW,IAAI,CACdM,MAAA,gBAAAH;AAAA,IAACI;AAAA,IAAA;AAAA,MAEC,UAAUD,EAAU;AAAA,MACpB,WAAAA;AAAA,MACA,YAAAL;AAAA,IAAA;AAAA,IAHKK,EAAU;AAAA,EAKlB,CAAA,GACH;AACF,EAAA,CAAA;"}

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

@@ -0,0 +1,11 @@
+import { PLUGINS as _ } from "../../../../node_modules/@cuemath/analytics-v2/dist/constants.js";
+var r = /* @__PURE__ */ ((e) => (e.REPORT_NEGATIVE_FEEDBACK_CLICKED = "report_negative_feedback_clicked", e.REPORT_POSITIVE_FEEDBACK_CLICKED = "report_positive_feedback_clicked", e))(r || {});
+const c = {
+  report_negative_feedback_clicked: [_.MIXPANEL],
+  report_positive_feedback_clicked: [_.MIXPANEL]
+};
+export {
+  r as MONTHLY_REPORT_ANALYTICS_EVENTS,
+  c as MONTHLY_REPORT_WHITELIST_EVENTS
+};
+//# sourceMappingURL=monthly-report-events.js.map

package/dist/features/timeline/monthly-timeline/monthly-report/monthly-report-events.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"monthly-report-events.js","sources":["../../../../../src/features/timeline/monthly-timeline/monthly-report/monthly-report-events.ts"],"sourcesContent":["import { PLUGINS } from '@cuemath/analytics-v2/dist/constants';\n\nexport enum MONTHLY_REPORT_ANALYTICS_EVENTS {\n  REPORT_NEGATIVE_FEEDBACK_CLICKED = 'report_negative_feedback_clicked',\n  REPORT_POSITIVE_FEEDBACK_CLICKED = 'report_positive_feedback_clicked',\n}\n\nexport const MONTHLY_REPORT_WHITELIST_EVENTS = {\n  [MONTHLY_REPORT_ANALYTICS_EVENTS.REPORT_NEGATIVE_FEEDBACK_CLICKED]: [PLUGINS.MIXPANEL],\n  [MONTHLY_REPORT_ANALYTICS_EVENTS.REPORT_POSITIVE_FEEDBACK_CLICKED]: [PLUGINS.MIXPANEL],\n};\n"],"names":["MONTHLY_REPORT_ANALYTICS_EVENTS","MONTHLY_REPORT_WHITELIST_EVENTS","PLUGINS"],"mappings":";AAEY,IAAAA,sBAAAA,OACVA,EAAA,mCAAmC,oCACnCA,EAAA,mCAAmC,oCAFzBA,IAAAA,KAAA,CAAA,CAAA;AAKL,MAAMC,IAAkC;AAAA,EAC5C,kCAAmE,CAACC,EAAQ,QAAQ;AAAA,EACpF,kCAAmE,CAACA,EAAQ,QAAQ;AACvF;"}

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

@@ -0,0 +1,14 @@
+import t from "styled-components";
+const o = t.div`
+  display: flex;
+  flex-direction: column;
+  gap: 40px;
+  padding: 0 16px;
+  max-width: 512px;
+  width: 100%;
+  margin: 0 auto;
+`;
+export {
+  o as MonthlyReportContainer
+};
+//# sourceMappingURL=monthly-report-styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"monthly-report-styled.js","sources":["../../../../../src/features/timeline/monthly-timeline/monthly-report/monthly-report-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const MonthlyReportContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 40px;\n  padding: 0 16px;\n  max-width: 512px;\n  width: 100%;\n  margin: 0 auto;\n`;\n"],"names":["MonthlyReportContainer","styled"],"mappings":";AAEO,MAAMA,IAAyBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"monthly-report-types.js","sources":["../../../../../src/features/timeline/monthly-timeline/monthly-report/monthly-report-types.ts"],"sourcesContent":["import { type NODE_TYPES } from '../../../../types/models/worksheet';\nimport { type TCourseStream } from '../../../milestone/create/milestone-create-types';\nimport { type THueNames } from '../../../ui/types';\nimport { type NODE_STATE } from '../../daily-timeline/daily-timeline-types';\nimport { type IUserMilestone } from '../monthly-timeline-types';\n\nexport enum CARD_TYPE {\n  'general' = 'general',\n  'legacy' = 'legacy',\n  'diagnostic' = 'diagnostic',\n  'remedial' = 'remedial',\n  'recap' = 'recap',\n  'learn' = 'learn',\n  'extra_practice' = 'extra_practice',\n  'practice' = 'practice',\n  'test' = 'test',\n  'revision' = 'revision',\n  'advanced' = 'advanced',\n  'challenge' = 'challenge',\n  'video' = 'video',\n  'simulation' = 'simulation',\n  'note' = 'note',\n  'subjective' = 'subjective',\n  'deck' = 'deck',\n  'puzzle' = 'puzzle',\n  'test_series' = 'test_series',\n  'activity' = 'activity',\n  'project' = 'project',\n  'certificate' = 'certificate',\n  'ppt_viva' = 'ppt_viva',\n  'ppt_content' = 'ppt_content',\n  'wb_activity' = 'wb_activity',\n  'smart_practice' = 'smart_practice',\n  'exit_ticket' = 'exit_ticket',\n  'monthly_mastery_test' = 'monthly_mastery_test',\n  'supplementary_mastery_test' = 'supplementary_mastery_test',\n  'trial_diagnostic' = 'trial_diagnostic',\n  'trial_basic' = 'trial_basic',\n  'trial_intermediate' = 'trial_intermediate',\n  'trial_advanced' = 'trial_advanced',\n  'sat_mock_test' = 'sat_mock_test',\n  'pdf' = 'pdf',\n}\n\nexport type ActivitiesByCardType = Partial<{\n  [K in CARD_TYPE]: IMonthlyActivity[];\n}>;\n\nexport type TFeedback = 'positive' | 'negative';\n\nexport interface IMonthlyReportResponse {\n  course_stream: TCourseStream;\n  id: string;\n  created_on_ts: number;\n  is_deleted: boolean;\n  report_date: string;\n  report_date_ts: number;\n  report_month: number;\n  report_year: number;\n  student_course_ids: string[];\n  user_id: string;\n  updated_on_ts: number;\n  calendar_data: TCalendarData | null;\n  progress_data: {\n    user_milestones: IUserMilestone[];\n    activities: ActivitiesByCardType;\n    user_achievements: IAchievementAsset[];\n  };\n  feedback: TFeedback | null;\n}\n\nexport interface IProgressStat {\n  completed: number;\n  total: number;\n}\n\nexport interface IMonthlyActivity {\n  id: string;\n  node_type: NODE_TYPES;\n  card_type: CARD_TYPE;\n  card_header: CARD_TYPE | null;\n  feedback_comments: string | null;\n  state: NODE_STATE;\n  title?: string;\n  accuracy?: number | null;\n  subtext?: string | null;\n  is_timed?: boolean;\n  image_hue?: THueNames;\n  image_url?: string;\n  sat_max_score?: number | null;\n  sat_total_score?: number | null;\n  item_ref?: string | null;\n  thumbnail_url?: string;\n  user_attempt_id?: string | null;\n  tip: string | null;\n  user_block_id: string | null;\n  user_chapter_id: string | null;\n  user_node_id: string | null;\n}\n\nexport interface IAchievementAsset {\n  asset_id: string;\n  url: string;\n}\n\nexport interface IMonthlyReportProps {\n  reportId: string;\n  studentName: string;\n  onPuzzleClick?: (params: {\n    item_ref: IMonthlyActivity['item_ref'];\n    feedback_comments: IMonthlyActivity['feedback_comments'];\n    image_hue: IMonthlyActivity['image_hue'];\n    title: IMonthlyActivity['title'];\n    tip: IMonthlyActivity['tip'];\n  }) => void;\n  showSnackbar?: (params: { type: 'error' | 'info'; message: string; bgColor: string }) => void;\n  onFeedback?: (feedback: TFeedback, studentCourseId: string) => void;\n}\n\nexport type TClassType = 'REGULAR' | 'EXTRA';\nexport interface IClassEvent {\n  class_type: TClassType;\n  is_paused: boolean;\n  is_present: boolean;\n  status: string;\n  tag: string | null;\n  theme: string;\n  time: number;\n}\n\nexport type TCalendarData = Record<string, IClassEvent[]>;\n"],"names":["CARD_TYPE"],"mappings":"AAMY,IAAAA,sBAAAA,OACVA,EAAA,UAAY,WACZA,EAAA,SAAW,UACXA,EAAA,aAAe,cACfA,EAAA,WAAa,YACbA,EAAA,QAAU,SACVA,EAAA,QAAU,SACVA,EAAA,iBAAmB,kBACnBA,EAAA,WAAa,YACbA,EAAA,OAAS,QACTA,EAAA,WAAa,YACbA,EAAA,WAAa,YACbA,EAAA,YAAc,aACdA,EAAA,QAAU,SACVA,EAAA,aAAe,cACfA,EAAA,OAAS,QACTA,EAAA,aAAe,cACfA,EAAA,OAAS,QACTA,EAAA,SAAW,UACXA,EAAA,cAAgB,eAChBA,EAAA,WAAa,YACbA,EAAA,UAAY,WACZA,EAAA,cAAgB,eAChBA,EAAA,WAAa,YACbA,EAAA,cAAgB,eAChBA,EAAA,cAAgB,eAChBA,EAAA,iBAAmB,kBACnBA,EAAA,cAAgB,eAChBA,EAAA,uBAAyB,wBACzBA,EAAA,6BAA+B,8BAC/BA,EAAA,mBAAqB,oBACrBA,EAAA,cAAgB,eAChBA,EAAA,qBAAuB,sBACvBA,EAAA,iBAAmB,kBACnBA,EAAA,gBAAkB,iBAClBA,EAAA,MAAQ,OAnCEA,IAAAA,KAAA,CAAA,CAAA;"}