@cuemath/leap 3.5.31-as1 → 3.5.31-as2

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-report → monthly-timeline/monthly-report}/comps/goals/goals-card/goals-card-styled.js

@@ -1,5 +1,5 @@
 import o from "styled-components";
-import t from "../../../../../ui/layout/flex-view.js";
+import t from "../../../../../../ui/layout/flex-view.js";
 const p = o(t)`
   position: absolute;
   bottom: 0px;

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 w } from "../goals-constants.js";
+import { ProgressBarContainer as y, TagContainer as z, 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 B from "./goal-chapter-card.js";
+import Y from "../../../../../../ui/linear-progress-bar/linear-progress-bar.js";
+import G from "../../../../../../ui/buttons/text-button/text-button.js";
+const q = ({ category: T, 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: C, total: $ } = n ?? {}, c = w(I, a), u = n && C && $ ? w(C, $) : 0, i = c - u, d = !!(n && i > 0 && a === a), x = !!(n && i <= 0 && a !== a), f = c === 100, K = Math.round(c), S = Math.round(i), _ = p.length, D = p.slice(0, 2), b = Math.max(0, _ - 2), M = g ? p.slice(2) : [], N = b > 0, l = O(() => j[T], []), A = l.icon, X = 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: [
+            A && /* @__PURE__ */ r(
+              V,
+              {
+                src: A,
+                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: f ? "Completed" : `${K}% complete` }),
+                d && !f && /* @__PURE__ */ e(s, { $renderAs: "ab3", $color: "GREEN_6", children: [
+                  "(+",
+                  S,
+                  "%)"
+                ] })
+              ] })
+            ] }),
+            /* @__PURE__ */ r(y, { children: /* @__PURE__ */ r(
+              Y,
+              {
+                percentage: d ? u : 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(z, { $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 && _ > 0 && /* @__PURE__ */ e(
+      E,
+      {
+        $gapX: 1,
+        $flexDirection: "column",
+        $flexGapX: 1.25,
+        $borderColor: "WHITE_5",
+        children: [
+          /* @__PURE__ */ r(B, { chapters: D }),
+          N && /* @__PURE__ */ e(h, { children: [
+            !g && /* @__PURE__ */ r(t, { $gutterX: 4.5, children: /* @__PURE__ */ r(
+              G,
+              {
+                label: `+${b} chapters`,
+                size: "regular",
+                color: "BLACK_1",
+                onClick: X
+              }
+            ) }),
+            g && /* @__PURE__ */ e(h, { children: [
+              /* @__PURE__ */ r(B, { chapters: M }),
+              /* @__PURE__ */ r(t, { $gutterX: 4.5, children: /* @__PURE__ */ r(
+                G,
+                {
+                  label: "Show less",
+                  size: "regular",
+                  color: "BLACK_1",
+                  onClick: X
+                }
+              ) })
+            ] })
+          ] })
+        ]
+      }
+    )
+  ] });
+}, 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], []);\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":"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"}

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

@@ -1,5 +1,5 @@
-import { ILLUSTRATIONS as o } from "../../../../../assets/illustrations/illustrations.js";
-import { EGoalCategory as l } from "../../../monthly-timeline/monthly-timeline-types.js";
+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",

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-report → monthly-timeline/monthly-report}/comps/goals/goals.js

@@ -1,8 +1,8 @@
 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";
+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 }),

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-report → monthly-timeline/monthly-report}/monthly-report-styled.js

@@ -2,7 +2,7 @@ import t from "styled-components";
 const o = t.div`
   display: flex;
   flex-direction: column;
-  gap: 24px;
+  gap: 40px;
   padding: 0 16px;
   max-width: 512px;
   width: 100%;

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.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}\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,iBAlCRA,IAAAA,KAAA,CAAA,CAAA;"}

package/dist/features/timeline/{monthly-report → monthly-timeline/monthly-report}/monthly-report.js

@@ -1,17 +1,17 @@
 import { jsx as t, jsxs as u } from "react/jsx-runtime";
 import { memo as h, useCallback as _, useEffect as p } from "react";
 import { useMonthlyReportGet as g } from "./api/use-monthly-report-get.js";
-import y from "../../ui/loader/app-loader/app-loader.js";
-import v from "../../ui/error/error.js";
+import y from "../../../ui/loader/app-loader/app-loader.js";
+import v from "../../../ui/error/error.js";
 import { MonthlyReportContainer as x } from "./monthly-report-styled.js";
 import R from "./comps/goals/goals.js";
 import A from "./comps/activities/activities.js";
-import c from "../../ui/layout/flex-view.js";
+import c from "../../../ui/layout/flex-view.js";
 import C from "./comps/attendance/attendance.js";
 import $ from "./comps/feedback/feedback.js";
 import j from "./comps/achievements/achievements.js";
-import { IS_APP_RUNNING_IN_RN as D } from "../../../constants/app-config.js";
-import I from "../../ui/separator/separator.js";
+import { IS_APP_RUNNING_IN_RN as D } from "../../../../constants/app-config.js";
+import I from "../../../ui/separator/separator.js";
 const M = ({
   studentName: s,
   reportId: o,

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

@@ -0,0 +1 @@
+{"version":3,"file":"monthly-report.js","sources":["../../../../../src/features/timeline/monthly-timeline/monthly-report/monthly-report.tsx"],"sourcesContent":["import { type FC, memo, useCallback, useEffect } from 'react';\n\nimport { type IMonthlyReportProps } from './monthly-report-types';\nimport { useMonthlyReportGet } from './api/use-monthly-report-get';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport Error from '../../../ui/error/error';\nimport * as Styled from './monthly-report-styled';\nimport Goals from './comps/goals/goals';\nimport Activities from './comps/activities/activities';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Attendance from './comps/attendance/attendance';\nimport Feedback from './comps/feedback/feedback';\nimport Achievements from './comps/achievements/achievements';\nimport { IS_APP_RUNNING_IN_RN } from '../../../../constants/app-config';\nimport Separator from '../../../ui/separator/separator';\n\nconst MonthlyReport: FC<IMonthlyReportProps> = ({\n  studentName,\n  reportId,\n  onPuzzleClick,\n  showSnackbar,\n  onFeedback,\n}) => {\n  const {\n    get: getReport,\n    data: reportData,\n    isProcessing,\n    isProcessingFailed,\n    isStale,\n  } = useMonthlyReportGet();\n\n  const fetchData = useCallback(() => {\n    getReport(reportId);\n  }, [getReport, reportId]);\n\n  useEffect(() => {\n    fetchData();\n  }, [fetchData]);\n\n  useEffect(() => {\n    if (isStale && !isProcessing) {\n      fetchData();\n    }\n  }, [isStale, isProcessing, fetchData]);\n\n  if (isProcessing || !reportData) {\n    return (\n      <FlexView $flex={1} $alignItems=\"center\" $justifyContent=\"center\">\n        <AppLoader height=\"100dvh\" />\n      </FlexView>\n    );\n  }\n\n  if (isProcessingFailed) {\n    return (\n      <FlexView $flex={1} $alignItems=\"center\" $justifyContent=\"center\">\n        <Error onTryAgain={fetchData} />\n      </FlexView>\n    );\n  }\n\n  if (!reportData) {\n    return null;\n  }\n\n  return (\n    <Styled.MonthlyReportContainer>\n      <Goals milestones={reportData.progress_data.user_milestones} isExpended={true} />\n      <Activities activities={reportData.progress_data.activities} onPuzzleClick={onPuzzleClick} />\n      <Achievements\n        achievements={reportData.progress_data.user_achievements}\n        studentName={studentName}\n      />\n      <Attendance\n        calendarData={reportData.calendar_data}\n        reportMonth={reportData.report_month}\n        reportYear={reportData.report_year}\n        onDateClick={showSnackbar}\n      />\n      {IS_APP_RUNNING_IN_RN && !reportData.feedback && reportData.student_course_ids[0] ? (\n        <Feedback\n          reportId={reportId}\n          studentName={studentName}\n          onFeedback={onFeedback}\n          studentCourseId={reportData.student_course_ids[0]}\n          showSnackbar={showSnackbar}\n        />\n      ) : (\n        <Separator heightX={1} />\n      )}\n    </Styled.MonthlyReportContainer>\n  );\n};\n\nexport default memo(MonthlyReport);\n"],"names":["MonthlyReport","studentName","reportId","onPuzzleClick","showSnackbar","onFeedback","getReport","reportData","isProcessing","isProcessingFailed","isStale","useMonthlyReportGet","fetchData","useCallback","useEffect","jsx","FlexView","AppLoader","Error","jsxs","Styled.MonthlyReportContainer","Goals","Activities","Achievements","Attendance","IS_APP_RUNNING_IN_RN","Feedback","Separator","monthlyReport","memo"],"mappings":";;;;;;;;;;;;;;AAgBA,MAAMA,IAAyC,CAAC;AAAA,EAC9C,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AACF,MAAM;AACE,QAAA;AAAA,IACJ,KAAKC;AAAA,IACL,MAAMC;AAAA,IACN,cAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,SAAAC;AAAA,MACEC,EAAoB,GAElBC,IAAYC,EAAY,MAAM;AAClC,IAAAP,EAAUJ,CAAQ;AAAA,EAAA,GACjB,CAACI,GAAWJ,CAAQ,CAAC;AAYpB,SAVJY,EAAU,MAAM;AACJ,IAAAF;EAAA,GACT,CAACA,CAAS,CAAC,GAEdE,EAAU,MAAM;AACV,IAAAJ,KAAW,CAACF,KACJI;EAEX,GAAA,CAACF,GAASF,GAAcI,CAAS,CAAC,GAEjCJ,KAAgB,CAACD,IAEhB,gBAAAQ,EAAAC,GAAA,EAAS,OAAO,GAAG,aAAY,UAAS,iBAAgB,UACvD,UAAC,gBAAAD,EAAAE,GAAA,EAAU,QAAO,SAAA,CAAS,EAC7B,CAAA,IAIAR,IAEC,gBAAAM,EAAAC,GAAA,EAAS,OAAO,GAAG,aAAY,UAAS,iBAAgB,UACvD,UAAC,gBAAAD,EAAAG,GAAA,EAAM,YAAYN,EAAA,CAAW,EAChC,CAAA,IAICL,IAKH,gBAAAY,EAACC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAL,EAACM,KAAM,YAAYd,EAAW,cAAc,iBAAiB,YAAY,IAAM;AAAA,sBAC9Ee,GAAW,EAAA,YAAYf,EAAW,cAAc,YAAY,eAAAJ,GAA8B;AAAA,IAC3F,gBAAAY;AAAA,MAACQ;AAAA,MAAA;AAAA,QACC,cAAchB,EAAW,cAAc;AAAA,QACvC,aAAAN;AAAA,MAAA;AAAA,IACF;AAAA,IACA,gBAAAc;AAAA,MAACS;AAAA,MAAA;AAAA,QACC,cAAcjB,EAAW;AAAA,QACzB,aAAaA,EAAW;AAAA,QACxB,YAAYA,EAAW;AAAA,QACvB,aAAaH;AAAA,MAAA;AAAA,IACf;AAAA,IACCqB,KAAwB,CAAClB,EAAW,YAAYA,EAAW,mBAAmB,CAAC,IAC9E,gBAAAQ;AAAA,MAACW;AAAA,MAAA;AAAA,QACC,UAAAxB;AAAA,QACA,aAAAD;AAAA,QACA,YAAAI;AAAA,QACA,iBAAiBE,EAAW,mBAAmB,CAAC;AAAA,QAChD,cAAAH;AAAA,MAAA;AAAA,IAGF,IAAA,gBAAAW,EAACY,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,EAE3B,EAAA,CAAA,IA5BO;AA8BX,GAEeC,IAAAC,EAAK7B,CAAa;"}

package/dist/features/timeline/{ptm-report → monthly-timeline/ptm-report}/api/use-ptm-report-get.js

@@ -1,5 +1,5 @@
 import { createGetAPI as e } from "@cuemath/rest-api";
-import { BASE_URL_V1 as r } from "../../../../constants/api.js";
+import { BASE_URL_V1 as r } from "../../../../../constants/api.js";
 const { useGet: p } = e({
   getURL: (t) => `${r}/ptm/${t}`
 });

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-ptm-report-get.js","sources":["../../../../../../src/features/timeline/monthly-timeline/ptm-report/api/use-ptm-report-get.ts"],"sourcesContent":["import { createGetAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V1 } from '../../../../../constants/api';\nimport type { IPTMReportResponse } from '../ptm-report-types';\n\nconst { useGet: usePTMReportGet } = createGetAPI<IPTMReportResponse>({\n  getURL: (ptmId: string) => {\n    return `${BASE_URL_V1}/ptm/${ptmId}`;\n  },\n});\n\nexport { usePTMReportGet };\n"],"names":["usePTMReportGet","createGetAPI","ptmId","BASE_URL_V1"],"mappings":";;AAKA,MAAM,EAAE,QAAQA,EAAgB,IAAIC,EAAiC;AAAA,EACnE,QAAQ,CAACC,MACA,GAAGC,CAAW,QAAQD,CAAK;AAEtC,CAAC;"}

package/dist/features/timeline/{ptm-report → monthly-timeline/ptm-report}/comps/key-need/key-need-styled.js

@@ -1,5 +1,5 @@
 import r from "styled-components";
-import o from "../../../../ui/layout/flex-view.js";
+import o from "../../../../../ui/layout/flex-view.js";
 const e = r(o)`
   margin-top: -48px;
 `;

package/dist/features/timeline/monthly-timeline/ptm-report/comps/key-need/key-need-styled.js.map

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

package/dist/features/timeline/{ptm-report → monthly-timeline/ptm-report}/comps/key-need/key-need.js

@@ -1,10 +1,10 @@
 import { jsxs as e, jsx as r } from "react/jsx-runtime";
 import { memo as d } from "react";
-import { ILLUSTRATIONS as l } from "../../../../../assets/illustrations/illustrations.js";
-import n from "../../../../ui/image/image.js";
-import i from "../../../../ui/layout/flex-view.js";
-import t from "../../../../ui/separator/separator.js";
-import m from "../../../../ui/text/text.js";
+import { ILLUSTRATIONS as l } from "../../../../../../assets/illustrations/illustrations.js";
+import n from "../../../../../ui/image/image.js";
+import i from "../../../../../ui/layout/flex-view.js";
+import t from "../../../../../ui/separator/separator.js";
+import m from "../../../../../ui/text/text.js";
 import { Wrapper as p } from "./key-need-styled.js";
 const f = ({ text: o }) => o ? /* @__PURE__ */ e(i, { children: [
   /* @__PURE__ */ e(

package/dist/features/timeline/monthly-timeline/ptm-report/comps/key-need/key-need.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"key-need.js","sources":["../../../../../../../src/features/timeline/monthly-timeline/ptm-report/comps/key-need/key-need.tsx"],"sourcesContent":["import { memo } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../../../assets/illustrations/illustrations';\nimport Image from '../../../../../ui/image/image';\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport Separator from '../../../../../ui/separator/separator';\nimport Text from '../../../../../ui/text/text';\nimport * as Styled from './key-need-styled';\n\nconst KeyNeed = ({ text }: { text: string }) => {\n  if (!text) {\n    return null;\n  }\n\n  return (\n    <FlexView>\n      <Styled.Wrapper\n        $flexDirection=\"row\"\n        $borderRadius={12}\n        $borderColor=\"GREY_2\"\n        $gutterX={0.75}\n        $gapX={1}\n        $background=\"WHITE\"\n        $flexColumnGapX={0.5}\n      >\n        <Image src={ILLUSTRATIONS.KEY} width={42} height={44} />\n        <FlexView $flex={1}>\n          <Text $renderAs=\"ab2-bold\">Key Need</Text>\n          <Separator height={4} />\n          <Text $renderAs=\"ab3\">{text}</Text>\n        </FlexView>\n      </Styled.Wrapper>\n      <Separator heightX={2} />\n    </FlexView>\n  );\n};\n\nexport default memo(KeyNeed);\n"],"names":["KeyNeed","text","FlexView","jsxs","Styled.Wrapper","jsx","Image","ILLUSTRATIONS","Text","Separator","KeyNeed$1","memo"],"mappings":";;;;;;;;AASA,MAAMA,IAAU,CAAC,EAAE,MAAAC,QACZA,sBAKFC,GACC,EAAA,UAAA;AAAA,EAAA,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,gBAAe;AAAA,MACf,eAAe;AAAA,MACf,cAAa;AAAA,MACb,UAAU;AAAA,MACV,OAAO;AAAA,MACP,aAAY;AAAA,MACZ,iBAAiB;AAAA,MAEjB,UAAA;AAAA,QAAA,gBAAAC,EAACC,KAAM,KAAKC,EAAc,KAAK,OAAO,IAAI,QAAQ,IAAI;AAAA,QACtD,gBAAAJ,EAACD,GAAS,EAAA,OAAO,GACf,UAAA;AAAA,UAAC,gBAAAG,EAAAG,GAAA,EAAK,WAAU,YAAW,UAAQ,YAAA;AAAA,UACnC,gBAAAH,EAACI,GAAU,EAAA,QAAQ,EAAG,CAAA;AAAA,UACrB,gBAAAJ,EAAAG,GAAA,EAAK,WAAU,OAAO,UAAKP,GAAA;AAAA,QAAA,GAC9B;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAAA,EACA,gBAAAI,EAACI,GAAU,EAAA,SAAS,EAAG,CAAA;AACzB,EAAA,CAAA,IAtBO,MA0BIC,IAAAC,EAAKX,CAAO;"}

package/dist/features/timeline/{ptm-report → monthly-timeline/ptm-report}/comps/parent-support/parent-support.js

@@ -1,8 +1,8 @@
 import { jsxs as b, jsx as e } from "react/jsx-runtime";
 import { memo as x } from "react";
-import O from "../../../../ui/layout/flex-view.js";
-import j from "../../../../ui/text/text.js";
-import i from "../../../../ui/separator/separator.js";
+import O from "../../../../../ui/layout/flex-view.js";
+import j from "../../../../../ui/text/text.js";
+import i from "../../../../../ui/separator/separator.js";
 import { REPORT_CARD_ICON_MAP as C } from "../../ptm-report-constants.js";
 import R from "../support-card/support-card.js";
 const $ = ({

package/dist/features/timeline/monthly-timeline/ptm-report/comps/parent-support/parent-support.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parent-support.js","sources":["../../../../../../../src/features/timeline/monthly-timeline/ptm-report/comps/parent-support/parent-support.tsx"],"sourcesContent":["import { memo, type FC } from 'react';\n\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport Text from '../../../../../ui/text/text';\nimport Separator from '../../../../../ui/separator/separator';\nimport type { IParentSupportProps } from './parent-support-types';\nimport { REPORT_CARD_ICON_MAP } from '../../ptm-report-constants';\nimport SupportCard from '../support-card/support-card';\n\nconst ParentSupport: FC<IParentSupportProps> = ({\n  report,\n  options,\n  classesCompleted,\n  weeksCompleted,\n  sheetsNotCompleted,\n  sheetsAssigned,\n  lateClassesCount,\n  lateIfMinutes,\n}) => {\n  const INFO_LABEL_MAP: Record<string, string> = {\n    '<classes_completed>': String(classesCompleted),\n    '<weeks_completed>': String(weeksCompleted),\n    '<sheets_not_completed>': String(sheetsNotCompleted),\n    '<sheets_assigned>': String(sheetsAssigned),\n    '<no_of_late_classes>': String(lateClassesCount),\n    '<late_if_minutes>': String(lateIfMinutes),\n  };\n\n  if (!report?.length || !options) return null;\n\n  return (\n    <FlexView>\n      <Text $renderAs=\"ab1-bold\">Parent Support</Text>\n      <Separator heightX={1} />\n      {report.map(selectedIdx => {\n        const option = options[selectedIdx];\n\n        if (!option) return null;\n\n        const { icon, option_label, report_statement, option_info } = option;\n\n        const formattedInfo = Object.entries(INFO_LABEL_MAP).reduce(\n          (info, [key, value]) => info.replace(key, value),\n          option_info,\n        );\n\n        return (\n          <SupportCard\n            key={`option-${selectedIdx}`}\n            icon={REPORT_CARD_ICON_MAP[icon]!}\n            title={option_label}\n            info={formattedInfo}\n            statement={report_statement}\n          />\n        );\n      })}\n      <Separator heightX={2} />\n    </FlexView>\n  );\n};\n\nexport default memo(ParentSupport);\n"],"names":["ParentSupport","report","options","classesCompleted","weeksCompleted","sheetsNotCompleted","sheetsAssigned","lateClassesCount","lateIfMinutes","INFO_LABEL_MAP","FlexView","jsx","Text","Separator","selectedIdx","option","icon","option_label","report_statement","option_info","formattedInfo","info","key","value","SupportCard","REPORT_CARD_ICON_MAP","ParentSupport$1","memo"],"mappings":";;;;;;;AASA,MAAMA,IAAyC,CAAC;AAAA,EAC9C,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,eAAAC;AACF,MAAM;AACJ,QAAMC,IAAyC;AAAA,IAC7C,uBAAuB,OAAON,CAAgB;AAAA,IAC9C,qBAAqB,OAAOC,CAAc;AAAA,IAC1C,0BAA0B,OAAOC,CAAkB;AAAA,IACnD,qBAAqB,OAAOC,CAAc;AAAA,IAC1C,wBAAwB,OAAOC,CAAgB;AAAA,IAC/C,qBAAqB,OAAOC,CAAa;AAAA,EAAA;AAG3C,SAAI,EAACP,KAAA,QAAAA,EAAQ,WAAU,CAACC,IAAgB,yBAGrCQ,GACC,EAAA,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAK,WAAU,YAAW,UAAc,kBAAA;AAAA,IACzC,gBAAAD,EAACE,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,IACtBZ,EAAO,IAAI,CAAea,MAAA;AACnB,YAAAC,IAASb,EAAQY,CAAW;AAE9B,UAAA,CAACC,EAAe,QAAA;AAEpB,YAAM,EAAE,MAAAC,GAAM,cAAAC,GAAc,kBAAAC,GAAkB,aAAAC,MAAgBJ,GAExDK,IAAgB,OAAO,QAAQX,CAAc,EAAE;AAAA,QACnD,CAACY,GAAM,CAACC,GAAKC,CAAK,MAAMF,EAAK,QAAQC,GAAKC,CAAK;AAAA,QAC/CJ;AAAA,MAAA;AAIA,aAAA,gBAAAR;AAAA,QAACa;AAAA,QAAA;AAAA,UAEC,MAAMC,EAAqBT,CAAI;AAAA,UAC/B,OAAOC;AAAA,UACP,MAAMG;AAAA,UACN,WAAWF;AAAA,QAAA;AAAA,QAJN,UAAUJ,CAAW;AAAA,MAAA;AAAA,IAK5B,CAEH;AAAA,IACD,gBAAAH,EAACE,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,EACzB,EAAA,CAAA;AAEJ,GAEea,IAAAC,EAAK3B,CAAa;"}

package/dist/features/timeline/{ptm-report → monthly-timeline/ptm-report}/comps/real-world-projects/real-world-projects-styled.js

@@ -1,5 +1,5 @@
 import e from "styled-components";
-import r from "../../../../ui/layout/flex-view.js";
+import r from "../../../../../ui/layout/flex-view.js";
 const i = e.img`
   flex: 1;
   height: ${16 * 13.375}px;

package/dist/features/timeline/monthly-timeline/ptm-report/comps/real-world-projects/real-world-projects-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"real-world-projects-styled.js","sources":["../../../../../../../src/features/timeline/monthly-timeline/ptm-report/comps/real-world-projects/real-world-projects-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../../../ui/layout/flex-view';\n\nexport const ImageWrapper = styled.img`\n  flex: 1;\n  height: ${16 * 13.375}px;\n  max-width: ${16 * 10}px;\n  border-radius: 8px;\n  border-width: 0.3px;\n  overflow: hidden;\n  justify-content: center;\n  margin: 3px;\n`;\n\nexport const Wrapper = styled(FlexView)`\n  overflow: hidden;\n`;\n"],"names":["ImageWrapper","styled","Wrapper","FlexView"],"mappings":";;AAIO,MAAMA,IAAeC,EAAO;AAAA;AAAA,YAEvB,KAAK,MAAM;AAAA,eACR,KAAK,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQTC,IAAUD,EAAOE,CAAQ;AAAA;AAAA;"}

package/dist/features/timeline/{ptm-report → monthly-timeline/ptm-report}/comps/real-world-projects/real-world-projects.js

@@ -1,8 +1,8 @@
 import { jsxs as e, jsx as r, Fragment as m } from "react/jsx-runtime";
 import { memo as g } from "react";
-import n from "../../../../ui/layout/flex-view.js";
-import t from "../../../../ui/text/text.js";
-import i from "../../../../ui/separator/separator.js";
+import n from "../../../../../ui/layout/flex-view.js";
+import t from "../../../../../ui/text/text.js";
+import i from "../../../../../ui/separator/separator.js";
 import { Wrapper as u, ImageWrapper as b } from "./real-world-projects-styled.js";
 const p = ({ projectReport: l, projectInfo: d }) => {
   if (!l || !d)

package/dist/features/timeline/monthly-timeline/ptm-report/comps/real-world-projects/real-world-projects.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"real-world-projects.js","sources":["../../../../../../../src/features/timeline/monthly-timeline/ptm-report/comps/real-world-projects/real-world-projects.tsx"],"sourcesContent":["import { memo, type FC } from 'react';\n\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport Text from '../../../../../ui/text/text';\nimport Separator from '../../../../../ui/separator/separator';\nimport type { IRealWorldProjectsProps } from './real-world-projects-types';\nimport * as Styled from './real-world-projects-styled';\n\nconst RealWorldProjects: FC<IRealWorldProjectsProps> = ({ projectReport, projectInfo }) => {\n  if (!projectReport || !projectInfo) {\n    return null;\n  }\n\n  const { images = [], observation } = projectReport;\n\n  const {\n    activity: activity,\n    objective: objective,\n    image_upload_urls: fileUploadURLs,\n  } = projectInfo;\n\n  return (\n    <FlexView>\n      <Text $renderAs=\"ab1-bold\">Real world projects</Text>\n      <Separator heightX={1} />\n      <Styled.Wrapper $borderColor=\"GREY_2\" $borderRadiusX={0.5}>\n        <FlexView $gutterX={1} $background={'YELLOW_1'} $gap={10} $gutter={12}>\n          <Text $renderAs=\"ac4\" $align=\"center\">\n            {activity}\n          </Text>\n        </FlexView>\n        <FlexView $gutterX={0.75} $gapX={0.75}>\n          {images.length > 0 && (\n            <>\n              <FlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"center\">\n                {images.map(item => (\n                  <Styled.ImageWrapper\n                    key={item}\n                    src={fileUploadURLs?.[item as keyof typeof fileUploadURLs] as string}\n                  />\n                ))}\n              </FlexView>\n              <Separator height={12} />\n            </>\n          )}\n          {objective && (\n            <Text $renderAs=\"ub2-bold\">\n              Objective:&nbsp;\n              <Text $renderAs=\"ub2\">{objective}</Text>\n            </Text>\n          )}\n          {!!observation && (\n            <>\n              <Separator height={12} />\n              <Text $renderAs=\"ub2-bold\">\n                Teacher remarks:&nbsp;\n                <Text $renderAs=\"ub2\">{observation}</Text>\n              </Text>\n            </>\n          )}\n        </FlexView>\n      </Styled.Wrapper>\n      <Separator heightX={2} />\n    </FlexView>\n  );\n};\n\nexport default memo(RealWorldProjects);\n"],"names":["RealWorldProjects","projectReport","projectInfo","images","observation","activity","objective","fileUploadURLs","FlexView","jsx","Text","Separator","Styled.Wrapper","jsxs","Fragment","item","Styled.ImageWrapper","RealWorldProjects$1","memo"],"mappings":";;;;;;AAQA,MAAMA,IAAiD,CAAC,EAAE,eAAAC,GAAe,aAAAC,QAAkB;AACrF,MAAA,CAACD,KAAiB,CAACC;AACd,WAAA;AAGT,QAAM,EAAE,QAAAC,IAAS,CAAA,GAAI,aAAAC,MAAgBH,GAE/B;AAAA,IACJ,UAAAI;AAAA,IACA,WAAAC;AAAA,IACA,mBAAmBC;AAAA,EACjB,IAAAL;AAEJ,2BACGM,GACC,EAAA,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAK,WAAU,YAAW,UAAmB,uBAAA;AAAA,IAC9C,gBAAAD,EAACE,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,sBACtBC,GAAA,EAAe,cAAa,UAAS,gBAAgB,KACpD,UAAA;AAAA,MAAA,gBAAAH,EAACD,KAAS,UAAU,GAAG,aAAa,YAAY,MAAM,IAAI,SAAS,IACjE,UAAA,gBAAAC,EAACC,KAAK,WAAU,OAAM,QAAO,UAC1B,YACH,CAAA,GACF;AAAA,MACC,gBAAAG,EAAAL,GAAA,EAAS,UAAU,MAAM,OAAO,MAC9B,UAAA;AAAA,QAAOL,EAAA,SAAS,KAEb,gBAAAU,EAAAC,GAAA,EAAA,UAAA;AAAA,UAAC,gBAAAL,EAAAD,GAAA,EAAS,gBAAe,OAAM,aAAY,UAAS,iBAAgB,UACjE,UAAOL,EAAA,IAAI,CACVY,MAAA,gBAAAN;AAAA,YAACO;AAAAA,YAAA;AAAA,cAEC,KAAKT,KAAA,gBAAAA,EAAiBQ;AAAA,YAAmC;AAAA,YADpDA;AAAA,UAGR,CAAA,GACH;AAAA,UACA,gBAAAN,EAACE,GAAU,EAAA,QAAQ,GAAI,CAAA;AAAA,QAAA,GACzB;AAAA,QAEDL,KACC,gBAAAO,EAACH,GAAK,EAAA,WAAU,YAAW,UAAA;AAAA,UAAA;AAAA,UAExB,gBAAAD,EAAAC,GAAA,EAAK,WAAU,OAAO,UAAUJ,GAAA;AAAA,QAAA,GACnC;AAAA,QAED,CAAC,CAACF,KAEC,gBAAAS,EAAAC,GAAA,EAAA,UAAA;AAAA,UAAC,gBAAAL,EAAAE,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,UACvB,gBAAAE,EAACH,GAAK,EAAA,WAAU,YAAW,UAAA;AAAA,YAAA;AAAA,YAExB,gBAAAD,EAAAC,GAAA,EAAK,WAAU,OAAO,UAAYN,GAAA;AAAA,UAAA,GACrC;AAAA,QAAA,GACF;AAAA,MAAA,GAEJ;AAAA,IAAA,GACF;AAAA,IACA,gBAAAK,EAACE,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,EACzB,EAAA,CAAA;AAEJ,GAEeM,IAAAC,EAAKlB,CAAiB;"}

package/dist/features/timeline/{ptm-report → monthly-timeline/ptm-report}/comps/report-card/report-card-styled.js

@@ -1,5 +1,5 @@
 import o from "styled-components";
-import r from "../../../../ui/layout/flex-view.js";
+import r from "../../../../../ui/layout/flex-view.js";
 const t = o(r)`
   overflow: hidden;
 `;

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

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

package/dist/features/timeline/{ptm-report → monthly-timeline/ptm-report}/comps/report-card/report-card.js

@@ -1,9 +1,9 @@
 import { jsxs as o, jsx as r, Fragment as a } from "react/jsx-runtime";
 import { memo as c } from "react";
-import e from "../../../../ui/layout/flex-view.js";
-import $ from "../../../../ui/image/image.js";
-import t from "../../../../ui/text/text.js";
-import h from "../../../../ui/separator/separator.js";
+import e from "../../../../../ui/layout/flex-view.js";
+import $ from "../../../../../ui/image/image.js";
+import t from "../../../../../ui/text/text.js";
+import h from "../../../../../ui/separator/separator.js";
 import { Wrapper as p } from "./report-card-styled.js";
 const s = ({ title: i, description: l, icon: n, category: d, bgColor: m }) => /* @__PURE__ */ o(p, { $borderRadius: 8, $borderColor: "GREY_2", children: [
   /* @__PURE__ */ r(e, { $gutterX: 1, $background: m, $gap: 10, $gutter: 12, children: /* @__PURE__ */ r(t, { $renderAs: "ac4", $align: "center", children: d }) }),

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

@@ -0,0 +1 @@
+{"version":3,"file":"report-card.js","sources":["../../../../../../../src/features/timeline/monthly-timeline/ptm-report/comps/report-card/report-card.tsx"],"sourcesContent":["import { memo, type FC } from 'react';\n\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport type { IReportCardProps } from './report-card-types';\nimport Image from '../../../../../ui/image/image';\nimport Text from '../../../../../ui/text/text';\nimport Separator from '../../../../../ui/separator/separator';\nimport * as Styled from './report-card-styled';\n\nconst ReportCard: FC<IReportCardProps> = ({ title, description, icon, category, bgColor }) => {\n  const showTitleBlock = Boolean(icon && title);\n\n  return (\n    <Styled.Wrapper $borderRadius={8} $borderColor=\"GREY_2\">\n      <FlexView $gutterX={1} $background={bgColor} $gap={10} $gutter={12}>\n        <Text $renderAs=\"ac4\" $align=\"center\">\n          {category}\n        </Text>\n      </FlexView>\n      {showTitleBlock && (\n        <>\n          <Separator heightX={0.5} />\n          <FlexView $flexDirection=\"row\" $gutter={12} $flexColumnGapX={0.25} $alignItems=\"center\">\n            <Image src={icon} width={36} height={36} />\n            <FlexView $flex={1}>\n              <Text $renderAs=\"ab2-bold\">{title}</Text>\n            </FlexView>\n          </FlexView>\n        </>\n      )}\n      <FlexView $gutterX={0.75} $gapX={0.75}>\n        <Text $renderAs=\"ub2\">{description}</Text>\n      </FlexView>\n    </Styled.Wrapper>\n  );\n};\n\nexport default memo(ReportCard);\n"],"names":["ReportCard","title","description","icon","category","bgColor","Styled.Wrapper","jsx","FlexView","Text","jsxs","Fragment","Separator","Image","ReportCard$1","memo"],"mappings":";;;;;;;AASA,MAAMA,IAAmC,CAAC,EAAE,OAAAC,GAAO,aAAAC,GAAa,MAAAC,GAAM,UAAAC,GAAU,SAAAC,0BAI3EC,GAAA,EAAe,eAAe,GAAG,cAAa,UAC7C,UAAA;AAAA,EAAA,gBAAAC,EAACC,KAAS,UAAU,GAAG,aAAaH,GAAS,MAAM,IAAI,SAAS,IAC9D,UAAA,gBAAAE,EAACE,KAAK,WAAU,OAAM,QAAO,UAC1B,YACH,CAAA,GACF;AAAA,EARmB,GAAQN,KAAQF,MAW/B,gBAAAS,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAC,gBAAAJ,EAAAK,GAAA,EAAU,SAAS,IAAK,CAAA;AAAA,IACzB,gBAAAF,EAACF,KAAS,gBAAe,OAAM,SAAS,IAAI,iBAAiB,MAAM,aAAY,UAC7E,UAAA;AAAA,MAAA,gBAAAD,EAACM,KAAM,KAAKV,GAAM,OAAO,IAAI,QAAQ,IAAI;AAAA,MACzC,gBAAAI,EAACC,KAAS,OAAO,GACf,4BAACC,GAAK,EAAA,WAAU,YAAY,UAAAR,EAAA,CAAM,EACpC,CAAA;AAAA,IAAA,GACF;AAAA,EAAA,GACF;AAAA,EAEF,gBAAAM,EAACC,GAAS,EAAA,UAAU,MAAM,OAAO,MAC/B,UAAA,gBAAAD,EAACE,GAAK,EAAA,WAAU,OAAO,UAAAP,EAAY,CAAA,GACrC;AACF,EAAA,CAAA,GAIWY,IAAAC,EAAKf,CAAU;"}

package/dist/features/timeline/{ptm-report → monthly-timeline/ptm-report}/comps/school-support/school-support-styled.js

@@ -1,5 +1,5 @@
 import o from "styled-components";
-import r from "../../../../ui/layout/flex-view.js";
+import r from "../../../../../ui/layout/flex-view.js";
 const t = o(r)`
   overflow: hidden;
 `;

package/dist/features/timeline/monthly-timeline/ptm-report/comps/school-support/school-support-styled.js.map

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

package/dist/features/timeline/{ptm-report → monthly-timeline/ptm-report}/comps/school-support/school-support.js

@@ -1,8 +1,8 @@
 import { jsxs as d, jsx as e } from "react/jsx-runtime";
 import { memo as M, useMemo as L } from "react";
-import l from "../../../../ui/layout/flex-view.js";
-import b from "../../../../ui/separator/separator.js";
-import g from "../../../../ui/text/text.js";
+import l from "../../../../../ui/layout/flex-view.js";
+import b from "../../../../../ui/separator/separator.js";
+import g from "../../../../../ui/text/text.js";
 import O from "../report-card/report-card.js";
 import { Wrapper as U } from "./school-support-styled.js";
 import { replaceTokens as o } from "../../ptm-report-helpers.js";

package/dist/features/timeline/monthly-timeline/ptm-report/comps/school-support/school-support.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"school-support.js","sources":["../../../../../../../src/features/timeline/monthly-timeline/ptm-report/comps/school-support/school-support.tsx"],"sourcesContent":["import { memo, useMemo, type FC } from 'react';\n\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport Separator from '../../../../../ui/separator/separator';\nimport Text from '../../../../../ui/text/text';\nimport ReportCard from '../report-card/report-card';\nimport * as Styled from './school-support-styled';\nimport type { ISchoolSupportProps } from './school-support-types';\nimport type { ISchoolSupportArea } from '../../ptm-report-types';\nimport { replaceTokens } from '../../ptm-report-helpers';\n\nconst SchoolSupport: FC<ISchoolSupportProps> = ({\n  homeworkHelpReport,\n  homeworkHelpConfig,\n  testHelpReport,\n  testHelpConfig,\n  studentName,\n  isOnDemandPTM,\n}) => {\n  const {\n    is_hw_help_provided: isHWHelpProvided,\n    selected: selectedHomeWork = [],\n    topics,\n  } = homeworkHelpReport ?? {};\n  const {\n    selected: selectedTest = [],\n    performance,\n    previous_performance: previousPerformance,\n  } = testHelpReport ?? {};\n\n  const statementHwHelp = useMemo(() => {\n    const hwConfigAreas: ISchoolSupportArea[] = homeworkHelpConfig?.areas ?? [];\n\n    if (!hwConfigAreas.length) return '';\n\n    const tokens = { first_name: studentName, topics };\n\n    if (isHWHelpProvided === 1 && typeof hwConfigAreas[0]?.report_statement === 'string') {\n      return replaceTokens(hwConfigAreas[0].report_statement, tokens);\n    }\n\n    const statements: string[] = [];\n\n    if (topics && typeof hwConfigAreas[1]?.report_statement === 'string') {\n      statements.push(replaceTokens(hwConfigAreas[1].report_statement, tokens));\n    }\n\n    selectedHomeWork.forEach((item, idx) => {\n      const rStatement = hwConfigAreas[idx + 2]?.report_statement;\n\n      if (Array.isArray(rStatement) && rStatement[item]) {\n        statements.push(replaceTokens(rStatement[item], tokens));\n      } else if (typeof rStatement === 'string') {\n        statements.push(replaceTokens(rStatement, tokens));\n      }\n    });\n\n    return statements.join(' ');\n  }, [studentName, homeworkHelpConfig, isHWHelpProvided, selectedHomeWork, topics]);\n\n  const testHelpContent = useMemo(() => {\n    const testConfigAreas: ISchoolSupportArea[] = testHelpConfig?.areas ?? [];\n\n    if (!selectedTest.length || !testConfigAreas.length) return null;\n\n    const { grade, scored, total } = performance ?? {};\n    const { grade: prevGrade, scored: prevScored, total: prevTotal } = previousPerformance ?? {};\n\n    return selectedTest.map((selectedTestIndex, idx) => {\n      const testHelpArea = testConfigAreas[idx];\n\n      if (!testHelpArea) return null;\n\n      const {\n        report_statement: reportStatement,\n        area_label: reportHeading,\n        report_statement_with_performance: withPerf = [],\n        report_statement_with_previous_performance: withPrevPerf = [],\n      } = testHelpArea;\n\n      let statement = '';\n\n      if (selectedTestIndex !== undefined) {\n        if (\n          isOnDemandPTM &&\n          withPrevPerf[selectedTestIndex] &&\n          performance &&\n          previousPerformance\n        ) {\n          statement = replaceTokens(withPrevPerf[selectedTestIndex], {\n            first_name: studentName,\n            performance: grade ?? `${scored}/${total}`,\n            previous_performance: prevGrade ?? `${prevScored}/${prevTotal}`,\n          });\n        } else if (withPerf[selectedTestIndex] && performance) {\n          statement = replaceTokens(withPerf[selectedTestIndex], {\n            first_name: studentName,\n            performance: grade ?? `${scored}/${total}`,\n          });\n        } else if (Array.isArray(reportStatement) && reportStatement[selectedTestIndex]) {\n          statement = replaceTokens(reportStatement[selectedTestIndex], {\n            first_name: studentName,\n          });\n        } else if (typeof reportStatement === 'string') {\n          statement = replaceTokens(reportStatement, { first_name: studentName });\n        }\n      }\n\n      if (!statement) return null;\n\n      return (\n        <FlexView key={idx}>\n          {reportHeading && <Text $renderAs=\"ac3\">{reportHeading}</Text>}\n          <Text $renderAs=\"ub2\">{statement}</Text>\n        </FlexView>\n      );\n    });\n  }, [performance, previousPerformance, selectedTest, testHelpConfig, isOnDemandPTM, studentName]);\n\n  if (!homeworkHelpReport && !testHelpReport) {\n    return null;\n  }\n\n  return (\n    <FlexView>\n      <Text $renderAs=\"ab1-bold\">School support</Text>\n      <Separator heightX={1} />\n\n      {statementHwHelp && (\n        <FlexView>\n          <ReportCard category=\"HOMEWORKS\" bgColor=\"GREEN_1\" description={statementHwHelp} />\n          <Separator heightX={0.75} />\n        </FlexView>\n      )}\n\n      {testHelpContent && (\n        <Styled.Wrapper $borderRadius={8} $borderColor=\"GREY_2\">\n          <FlexView $gutterX={1} $background={'BLUE_1'} $gap={10} $gutter={12}>\n            <Text $renderAs=\"ac4\" $align=\"center\">\n              TESTS\n            </Text>\n          </FlexView>\n          <FlexView $gutterX={0.75} $gapX={0.75} $flexRowGapX={0.75}>\n            {testHelpContent}\n          </FlexView>\n        </Styled.Wrapper>\n      )}\n\n      <Separator heightX={2} />\n    </FlexView>\n  );\n};\n\nexport default memo(SchoolSupport);\n"],"names":["SchoolSupport","homeworkHelpReport","homeworkHelpConfig","testHelpReport","testHelpConfig","studentName","isOnDemandPTM","isHWHelpProvided","selectedHomeWork","topics","selectedTest","performance","previousPerformance","statementHwHelp","useMemo","hwConfigAreas","tokens","_a","replaceTokens","statements","_b","item","idx","rStatement","testHelpContent","testConfigAreas","grade","scored","total","prevGrade","prevScored","prevTotal","selectedTestIndex","testHelpArea","reportStatement","reportHeading","withPerf","withPrevPerf","statement","FlexView","jsx","Text","Separator","ReportCard","Styled.Wrapper","SchoolSupport$1","memo"],"mappings":"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"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"strategies-constant.js","sources":["../../../../../../../src/features/timeline/monthly-timeline/ptm-report/comps/strategies/strategies-constant.ts"],"sourcesContent":["import type { TColorNames } from '../../../../../ui/types';\n\nexport const STRATEGY_CARD_COLORS: TColorNames[][] = [\n  ['PURPLE_1', 'PURPLE_2', 'PURPLE_5', 'PURPLE_4'],\n  ['GREEN_1', 'GREEN_2', 'GREEN_5', 'GREEN_4'],\n  ['YELLOW_1', 'YELLOW_2', 'YELLOW_5', 'YELLOW_4'],\n  ['BLUE_1', 'BLUE_2', 'BLUE_5', 'BLUE_4'],\n  ['ORANGE_1', 'ORANGE_2', 'ORANGE_5', 'ORANGE_4'],\n] as const;\n"],"names":["STRATEGY_CARD_COLORS"],"mappings":"AAEO,MAAMA,IAAwC;AAAA,EACnD,CAAC,YAAY,YAAY,YAAY,UAAU;AAAA,EAC/C,CAAC,WAAW,WAAW,WAAW,SAAS;AAAA,EAC3C,CAAC,YAAY,YAAY,YAAY,UAAU;AAAA,EAC/C,CAAC,UAAU,UAAU,UAAU,QAAQ;AAAA,EACvC,CAAC,YAAY,YAAY,YAAY,UAAU;AACjD;"}

package/dist/features/timeline/{ptm-report → monthly-timeline/ptm-report}/comps/strategies/strategies.js

@@ -1,8 +1,8 @@
 import { jsxs as h, jsx as o } from "react/jsx-runtime";
 import { memo as u } from "react";
-import l from "../../../../ui/layout/flex-view.js";
-import m from "../../../../ui/separator/separator.js";
-import g from "../../../../ui/text/text.js";
+import l from "../../../../../ui/layout/flex-view.js";
+import m from "../../../../../ui/separator/separator.js";
+import g from "../../../../../ui/text/text.js";
 import S from "../strategy-card/strategy-card.js";
 import { STRATEGY_CARD_COLORS as a } from "./strategies-constant.js";
 const b = ({ report: i, strategyConfig: s }) => {

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

@@ -0,0 +1 @@
+{"version":3,"file":"strategies.js","sources":["../../../../../../../src/features/timeline/monthly-timeline/ptm-report/comps/strategies/strategies.tsx"],"sourcesContent":["import { memo, type FC } from 'react';\n\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport type { IStrategiesProps } from './strategies-types';\nimport Separator from '../../../../../ui/separator/separator';\nimport Text from '../../../../../ui/text/text';\nimport StrategyCard from '../strategy-card/strategy-card';\nimport { STRATEGY_CARD_COLORS } from './strategies-constant';\nimport type { IReportStrategies, IStrategyCategory } from '../../ptm-report-types';\n\nconst Strategies: FC<IStrategiesProps> = ({ report, strategyConfig }) => {\n  if (!report) return null;\n\n  const reportKeys = Object.keys(report) as (keyof IReportStrategies)[];\n\n  return (\n    <FlexView>\n      <Text $renderAs=\"ab1-bold\">Strategies</Text>\n      <Separator heightX={1} />\n      <FlexView $flexRowGapX={0.75}>\n        {reportKeys.map((key, index) => {\n          const selectedIndexes = report[key];\n          const category: IStrategyCategory | undefined = strategyConfig[key];\n\n          if (!category?.options || selectedIndexes?.length === 0) return null;\n\n          const selectedOptions = category.options.filter(\n            (_, idx) => selectedIndexes?.includes(idx),\n          );\n\n          if (selectedOptions.length === 0) return null;\n\n          return (\n            <StrategyCard\n              key={key}\n              title={category.category_label}\n              colorPalette={STRATEGY_CARD_COLORS[index % STRATEGY_CARD_COLORS.length]!}\n              data={selectedOptions}\n            />\n          );\n        })}\n      </FlexView>\n      <Separator heightX={2} />\n    </FlexView>\n  );\n};\n\nexport default memo(Strategies);\n"],"names":["Strategies","report","strategyConfig","reportKeys","FlexView","jsx","Text","Separator","key","index","selectedIndexes","category","selectedOptions","_","idx","StrategyCard","STRATEGY_CARD_COLORS","Strategies$1","memo"],"mappings":";;;;;;;AAUA,MAAMA,IAAmC,CAAC,EAAE,QAAAC,GAAQ,gBAAAC,QAAqB;AACnE,MAAA,CAACD,EAAe,QAAA;AAEd,QAAAE,IAAa,OAAO,KAAKF,CAAM;AAErC,2BACGG,GACC,EAAA,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAK,WAAU,YAAW,UAAU,cAAA;AAAA,IACrC,gBAAAD,EAACE,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,IACvB,gBAAAF,EAACD,KAAS,cAAc,MACrB,YAAW,IAAI,CAACI,GAAKC,MAAU;AACxB,YAAAC,IAAkBT,EAAOO,CAAG,GAC5BG,IAA0CT,EAAeM,CAAG;AAElE,UAAI,EAACG,KAAA,QAAAA,EAAU,aAAWD,KAAA,gBAAAA,EAAiB,YAAW,EAAU,QAAA;AAE1D,YAAAE,IAAkBD,EAAS,QAAQ;AAAA,QACvC,CAACE,GAAGC,MAAQJ,KAAA,gBAAAA,EAAiB,SAASI;AAAA,MAAG;AAGvC,aAAAF,EAAgB,WAAW,IAAU,OAGvC,gBAAAP;AAAA,QAACU;AAAA,QAAA;AAAA,UAEC,OAAOJ,EAAS;AAAA,UAChB,cAAcK,EAAqBP,IAAQO,EAAqB,MAAM;AAAA,UACtE,MAAMJ;AAAA,QAAA;AAAA,QAHDJ;AAAA,MAAA;AAAA,IAMV,CAAA,GACH;AAAA,IACA,gBAAAH,EAACE,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,EACzB,EAAA,CAAA;AAEJ,GAEeU,IAAAC,EAAKlB,CAAU;"}

package/dist/features/timeline/{ptm-report → monthly-timeline/ptm-report}/comps/strategy-card/strategy-card-styled.js

@@ -1,5 +1,5 @@
 import r from "styled-components";
-import p from "../../../../ui/layout/flex-view.js";
+import p from "../../../../../ui/layout/flex-view.js";
 const n = r(p)`
   position: absolute;
   right: 0;

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

@@ -0,0 +1 @@
+{"version":3,"file":"strategy-card-styled.js","sources":["../../../../../../../src/features/timeline/monthly-timeline/ptm-report/comps/strategy-card/strategy-card-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport type { TColorNames } from '../../../../../ui/types';\n\nexport const FoldingWrapper = styled(FlexView)<{ color: TColorNames }>`\n  position: absolute;\n  right: 0;\n  height: 50px;\n  border-left-width: 0;\n  border-right-width: 1px;\n  border-bottom-width: 1px;\n  border-right-color: ${({ theme }) => theme.colors.WHITE};\n  border-bottom-color: ${({ color, theme }) => theme.colors[color]};\n  border-bottom-left-radius: 16px;\n  width: 50px;\n  height: 50px;\n  background: ${({ color, theme }) =>\n    ` linear-gradient(to top right,${theme.colors[color]} 50%,${theme.colors.WHITE} 50%)`};\n  border-bottom-left-radius: 16px;\n`;\n\nexport const Wrapper = styled(FlexView)`\n  position: relative;\n  overflow: hidden;\n`;\n\nexport const Circle = styled(FlexView)`\n  height: 10px;\n  width: 10px;\n  margin-top: 6px;\n  border-radius: 16px;\n  border-width: 2px;\n`;\n\nexport const HeadingWrapper = styled(FlexView)`\n  width: fit-content;\n  border-bottom-right-radius: 16px;\n`;\n\nexport const InfoWrapper = styled(FlexView)`\n  padding: 12px 32px 8px 16px;\n`;\n\nexport const InfoItemWrapper = styled(FlexView)<{ $isLast?: boolean; borderColor?: TColorNames }>`\n  padding-bottom: 8px;\n  position: relative;\n\n  ${({ $isLast, borderColor, theme }) =>\n    !$isLast &&\n    `\n    &::before {\n      content: '';\n      position: absolute;\n      left: 4px;\n      top: 16px;\n      bottom: -8px;\n      border-left: 1px dashed ${borderColor ? theme.colors[borderColor] : theme.colors.GREY_3};\n      z-index: 0;\n    }\n  `}\n`;\n"],"names":["FoldingWrapper","styled","FlexView","theme","color","Wrapper","Circle","HeadingWrapper","InfoWrapper","InfoItemWrapper","$isLast","borderColor"],"mappings":";;AAKa,MAAAA,IAAiBC,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAOrB,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA,yBAChC,CAAC,EAAE,OAAAC,GAAO,OAAAD,EAAA,MAAYA,EAAM,OAAOC,CAAK,CAAC;AAAA;AAAA;AAAA;AAAA,gBAIlD,CAAC,EAAE,OAAAA,GAAO,OAAAD,QACtB,iCAAiCA,EAAM,OAAOC,CAAK,CAAC,QAAQD,EAAM,OAAO,KAAK,OAAO;AAAA;AAAA,GAI5EE,IAAUJ,EAAOC,CAAQ;AAAA;AAAA;AAAA,GAKzBI,IAASL,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQxBK,IAAiBN,EAAOC,CAAQ;AAAA;AAAA;AAAA,GAKhCM,IAAcP,EAAOC,CAAQ;AAAA;AAAA,GAI7BO,IAAkBR,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA,IAI1C,CAAC,EAAE,SAAAQ,GAAS,aAAAC,GAAa,OAAAR,EAAM,MAC/B,CAACO,KACD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gCAO4BC,IAAcR,EAAM,OAAOQ,CAAW,IAAIR,EAAM,OAAO,MAAM;AAAA;AAAA;AAAA,GAG1F;AAAA;"}

package/dist/features/timeline/{ptm-report → monthly-timeline/ptm-report}/comps/strategy-card/strategy-card.js

@@ -1,8 +1,8 @@
 import { jsxs as n, jsx as r } from "react/jsx-runtime";
 import { memo as f } from "react";
-import s from "../../../../ui/layout/flex-view.js";
-import u from "../../../../ui/separator/separator.js";
-import i from "../../../../ui/text/text.js";
+import s from "../../../../../ui/layout/flex-view.js";
+import u from "../../../../../ui/separator/separator.js";
+import i from "../../../../../ui/text/text.js";
 import { Wrapper as g, HeadingWrapper as h, InfoWrapper as b, InfoItemWrapper as x, Circle as C, FoldingWrapper as W } from "./strategy-card-styled.js";
 const k = ({ title: c, colorPalette: l, data: t = [] }) => {
   const [o, e, d, a] = l;

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

@@ -0,0 +1 @@
+{"version":3,"file":"strategy-card.js","sources":["../../../../../../../src/features/timeline/monthly-timeline/ptm-report/comps/strategy-card/strategy-card.tsx"],"sourcesContent":["import { memo, type FC } from 'react';\n\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport Separator from '../../../../../ui/separator/separator';\nimport Text from '../../../../../ui/text/text';\nimport * as Styled from './strategy-card-styled';\nimport type { IStrategyCardProps } from './strategy-card-types';\n\nconst StrategyCard: FC<IStrategyCardProps> = ({ title, colorPalette, data = [] }) => {\n  const [color1, color2, color3, color4] = colorPalette;\n\n  if (!colorPalette || !color1 || !color2 || !color3) return null;\n\n  return (\n    <Styled.Wrapper $background={color1} $borderRadius={8}>\n      <Styled.HeadingWrapper $background={color2} $gutterX={0.75} $gap={6}>\n        <Text $renderAs=\"ac4\">{title}</Text>\n      </Styled.HeadingWrapper>\n      <Styled.InfoWrapper>\n        {data.map(({ option_info: optionInfo, option_label: optionLabel }, index) => (\n          <Styled.InfoItemWrapper\n            key={optionLabel}\n            $flexDirection=\"row\"\n            $flexColumnGapX={0.75}\n            borderColor={color4}\n            $isLast={index === data.length - 1}\n          >\n            <Styled.Circle $borderColor={color3} $background={color1} />\n            <FlexView $flex={1}>\n              <Text $renderAs=\"ub2-bold\">{optionLabel}</Text>\n              <Separator height={4} />\n              <Text $renderAs=\"ub2\">{optionInfo}</Text>\n            </FlexView>\n          </Styled.InfoItemWrapper>\n        ))}\n      </Styled.InfoWrapper>\n      <Styled.FoldingWrapper color={color2} />\n    </Styled.Wrapper>\n  );\n};\n\nexport default memo(StrategyCard);\n"],"names":["StrategyCard","title","colorPalette","data","color1","color2","color3","color4","Styled.Wrapper","jsx","Styled.HeadingWrapper","Text","Styled.InfoWrapper","optionInfo","optionLabel","index","jsxs","Styled.InfoItemWrapper","Styled.Circle","FlexView","Separator","Styled.FoldingWrapper","StrategyCard$1","memo"],"mappings":";;;;;;AAQA,MAAMA,IAAuC,CAAC,EAAE,OAAAC,GAAO,cAAAC,GAAc,MAAAC,IAAO,SAAS;AACnF,QAAM,CAACC,GAAQC,GAAQC,GAAQC,CAAM,IAAIL;AAErC,SAAA,CAACA,KAAgB,CAACE,KAAU,CAACC,KAAU,CAACC,IAAe,yBAGxDE,GAAA,EAAe,aAAaJ,GAAQ,eAAe,GAClD,UAAA;AAAA,IAAA,gBAAAK,EAACC,GAAA,EAAsB,aAAaL,GAAQ,UAAU,MAAM,MAAM,GAChE,UAAC,gBAAAI,EAAAE,GAAA,EAAK,WAAU,OAAO,YAAM,CAAA,GAC/B;AAAA,IACC,gBAAAF,EAAAG,GAAA,EACE,UAAKT,EAAA,IAAI,CAAC,EAAE,aAAaU,GAAY,cAAcC,KAAeC,MACjE,gBAAAC;AAAA,MAACC;AAAAA,MAAA;AAAA,QAEC,gBAAe;AAAA,QACf,iBAAiB;AAAA,QACjB,aAAaV;AAAA,QACb,SAASQ,MAAUZ,EAAK,SAAS;AAAA,QAEjC,UAAA;AAAA,UAAA,gBAAAM,EAACS,GAAA,EAAc,cAAcZ,GAAQ,aAAaF,GAAQ;AAAA,UAC1D,gBAAAY,EAACG,GAAS,EAAA,OAAO,GACf,UAAA;AAAA,YAAC,gBAAAV,EAAAE,GAAA,EAAK,WAAU,YAAY,UAAYG,GAAA;AAAA,YACxC,gBAAAL,EAACW,GAAU,EAAA,QAAQ,EAAG,CAAA;AAAA,YACrB,gBAAAX,EAAAE,GAAA,EAAK,WAAU,OAAO,UAAWE,GAAA;AAAA,UAAA,GACpC;AAAA,QAAA;AAAA,MAAA;AAAA,MAXKC;AAAA,IAaR,CAAA,GACH;AAAA,IACC,gBAAAL,EAAAY,GAAA,EAAsB,OAAOhB,EAAQ,CAAA;AAAA,EACxC,EAAA,CAAA;AAEJ,GAEeiB,IAAAC,EAAKvB,CAAY;"}