@cuemath/leap 3.0.7-hg1 → 3.0.7-hg3

package/dist/features/milestone/milestone-action-widget/milestone-action-widget-styled.js

@@ -0,0 +1,44 @@
+import t from "styled-components";
+import o from "../../ui/layout/flex-view.js";
+const s = t(o)`
+  position: absolute;
+  height: 100%;
+  z-index: -1;
+`, x = t(o)`
+  position: relative;
+`, c = t(o)(({ theme: n }) => {
+  const { colors: r } = n;
+  return `
+    background-image: repeating-linear-gradient(0deg, ${r.GREY_2}, ${r.GREY_2} 17px, transparent 17px, transparent 23px, ${r.GREY_2} 23px), 
+      repeating-linear-gradient(90deg, ${r.GREY_2}, ${r.GREY_2} 17px, transparent 17px, transparent 23px, ${r.GREY_2} 23px), 
+      repeating-linear-gradient(180deg, ${r.GREY_2}, ${r.GREY_2} 17px, transparent 17px, transparent 23px, ${r.GREY_2} 23px), 
+      repeating-linear-gradient(270deg, ${r.GREY_2}, ${r.GREY_2} 17px, transparent 17px, transparent 23px, ${r.GREY_2} 23px);
+    background-size: 1px 100%, 100% 1px, 1px 100% , 100% 1px;
+    background-position: 0 0, 0 0, 100% 0, 0 100%;
+    background-repeat: no-repeat;
+`;
+}), d = t(o)(({ theme: n, $borderColor: r }) => {
+  const { colors: e } = n;
+  return `
+  border: 2px solid ${r === "YELLOW_5" ? e.YELLOW_5 : e.BLUE_5};
+  border-radius: 6px;
+  padding: 10px;
+  font-size: 24px;
+  background-color: ${e.WHITE};
+  margin-right: 16px;
+`;
+}), g = t(o)(({ theme: n, $borderColor: r }) => {
+  const { colors: e } = n;
+  return `
+  border: 0;
+  border-top: 4px solid ${r === "YELLOW_4" ? e.YELLOW_4 : e.GREEN_4};
+`;
+});
+export {
+  d as Icon,
+  c as MainWrapper,
+  g as StyledFlexView,
+  s as VerticalLine,
+  x as Wrapper
+};
+//# sourceMappingURL=milestone-action-widget-styled.js.map

package/dist/features/milestone/milestone-action-widget/milestone-action-widget-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"milestone-action-widget-styled.js","sources":["../../../../src/features/milestone/milestone-action-widget/milestone-action-widget-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../ui/layout/flex-view';\n\nexport const VerticalLine = styled(FlexView)`\n  position: absolute;\n  height: 100%;\n  z-index: -1;\n`;\n\nexport const Wrapper = styled(FlexView)`\n  position: relative;\n`;\n\nexport const MainWrapper = styled(FlexView)(({ theme }) => {\n  const { colors } = theme;\n\n  return `\n    background-image: repeating-linear-gradient(0deg, ${colors.GREY_2}, ${colors.GREY_2} 17px, transparent 17px, transparent 23px, ${colors.GREY_2} 23px), \n      repeating-linear-gradient(90deg, ${colors.GREY_2}, ${colors.GREY_2} 17px, transparent 17px, transparent 23px, ${colors.GREY_2} 23px), \n      repeating-linear-gradient(180deg, ${colors.GREY_2}, ${colors.GREY_2} 17px, transparent 17px, transparent 23px, ${colors.GREY_2} 23px), \n      repeating-linear-gradient(270deg, ${colors.GREY_2}, ${colors.GREY_2} 17px, transparent 17px, transparent 23px, ${colors.GREY_2} 23px);\n    background-size: 1px 100%, 100% 1px, 1px 100% , 100% 1px;\n    background-position: 0 0, 0 0, 100% 0, 0 100%;\n    background-repeat: no-repeat;\n`;\n});\n\nexport const Icon = styled(FlexView)(({ theme, $borderColor }) => {\n  const { colors } = theme;\n  const color = $borderColor === 'YELLOW_5' ? colors.YELLOW_5 : colors.BLUE_5;\n\n  return `\n  border: 2px solid ${color};\n  border-radius: 6px;\n  padding: 10px;\n  font-size: 24px;\n  background-color: ${colors.WHITE};\n  margin-right: 16px;\n`;\n});\n\nexport const StyledFlexView = styled(FlexView)(({ theme, $borderColor }) => {\n  const { colors } = theme;\n  const color = $borderColor === 'YELLOW_4' ? colors.YELLOW_4 : colors.GREEN_4;\n\n  return `\n  border: 0;\n  border-top: 4px solid ${color};\n`;\n});\n"],"names":["VerticalLine","styled","FlexView","Wrapper","MainWrapper","theme","colors","Icon","$borderColor","StyledFlexView"],"mappings":";;AAIa,MAAAA,IAAeC,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA,GAM9BC,IAAUF,EAAOC,CAAQ;AAAA;AAAA,GAIzBE,IAAcH,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAG,QAAY;AACnD,QAAA,EAAE,QAAAC,EAAW,IAAAD;AAEZ,SAAA;AAAA,wDAC+CC,EAAO,MAAM,KAAKA,EAAO,MAAM,8CAA8CA,EAAO,MAAM;AAAA,yCACzGA,EAAO,MAAM,KAAKA,EAAO,MAAM,8CAA8CA,EAAO,MAAM;AAAA,0CACzFA,EAAO,MAAM,KAAKA,EAAO,MAAM,8CAA8CA,EAAO,MAAM;AAAA,0CAC1FA,EAAO,MAAM,KAAKA,EAAO,MAAM,8CAA8CA,EAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAKpI,CAAC,GAEYC,IAAON,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAG,GAAO,cAAAG,QAAmB;AAC1D,QAAA,EAAE,QAAAF,EAAW,IAAAD;AAGZ,SAAA;AAAA,sBAFOG,MAAiB,aAAaF,EAAO,WAAWA,EAAO,MAG5C;AAAA;AAAA;AAAA;AAAA,sBAILA,EAAO,KAAK;AAAA;AAAA;AAGlC,CAAC,GAEYG,IAAiBR,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAG,GAAO,cAAAG,QAAmB;AACpE,QAAA,EAAE,QAAAF,EAAW,IAAAD;AAGZ,SAAA;AAAA;AAAA,0BAFOG,MAAiB,aAAaF,EAAO,WAAWA,EAAO,OAIxC;AAAA;AAE/B,CAAC;"}

package/dist/features/milestone/milestone-action-widget/milestone-action-widget.js

@@ -0,0 +1,114 @@
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import { memo as _, Fragment as x } from "react";
+import E from "../../hooks/use-lazy-ref.js";
+import X from "../../ui/arrow-tooltip/arrow-tooltip.js";
+import I from "../../ui/buttons/button/button.js";
+import o from "../../ui/layout/flex-view.js";
+import R from "../../ui/separator/separator.js";
+import t from "../../ui/text/text.js";
+import { MainWrapper as W, StyledFlexView as k, Icon as G, Wrapper as M, VerticalLine as T } from "./milestone-action-widget-styled.js";
+import O from "../../../node_modules/uuid/dist/esm-browser/v4.js";
+const j = _(
+  ({ onCreatePlan: a, onAddOutcome: l, canCreatePlan: s }) => {
+    const n = E(O), c = () => {
+      a(n);
+    }, m = {
+      temporary_milestone_id: n
+    }, i = [
+      {
+        id: 1,
+        heading: "Create a Goal",
+        subHeading: "Add a new goal to the student's learning plan",
+        ctaLabel: "Create Goal",
+        icon: "⛳️",
+        onClick: c,
+        isDisabled: !s,
+        disableReason: "Goals can only be added for students who have joined the class",
+        borderColor: "YELLOW_5",
+        backgroundColor: "YELLOW_1",
+        borderTopColor: "YELLOW_4"
+      },
+      {
+        id: 2,
+        heading: "Add a Milestone",
+        subHeading: "Add a previous test score or a student achievement",
+        ctaLabel: "Add Milestone",
+        icon: "💯",
+        onClick: l,
+        isDisabled: !1,
+        disableReason: "",
+        analyticsLabel: "add-a-milestone",
+        borderColor: "BLUE_5",
+        backgroundColor: "GREEN_1",
+        borderTopColor: "GREEN_4"
+      }
+    ];
+    return /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(W, { $flexDirection: "row", $gapX: 1.5, $gutterX: 2, $justifyContent: "space-around", children: i.map(
+      ({
+        id: p,
+        heading: h,
+        subHeading: b,
+        ctaLabel: $,
+        icon: g,
+        onClick: u,
+        isDisabled: d,
+        analyticsLabel: f,
+        borderColor: C,
+        backgroundColor: y,
+        borderTopColor: A,
+        disableReason: w
+      }, L) => /* @__PURE__ */ r(x, { children: [
+        /* @__PURE__ */ r(
+          k,
+          {
+            $background: y,
+            $gap: 20,
+            $gutter: 12,
+            $flexDirection: "row",
+            $borderRadius: 8,
+            $borderColor: A,
+            children: [
+              /* @__PURE__ */ e(o, { $gapX: 0.375, children: /* @__PURE__ */ e(G, { $borderColor: C, children: g }) }),
+              /* @__PURE__ */ e(o, { $flexDirection: "row", $alignItems: "flex-start", children: /* @__PURE__ */ r(o, { children: [
+                /* @__PURE__ */ e(t, { $renderAs: "body1Medium", children: h }),
+                /* @__PURE__ */ e(t, { $renderAs: "body2", $widthX: 12.15, children: b }),
+                /* @__PURE__ */ e(R, { heightX: 1 }),
+                /* @__PURE__ */ e(
+                  X,
+                  {
+                    renderAs: "primary",
+                    position: "bottom",
+                    widthX: 15.3125,
+                    tooltipItem: w,
+                    hidden: !d,
+                    children: /* @__PURE__ */ e(
+                      I,
+                      {
+                        renderAs: "secondary",
+                        label: $,
+                        onClick: u,
+                        widthX: 10,
+                        size: "small",
+                        disabled: d,
+                        analyticsLabel: f,
+                        analyticsProps: m
+                      }
+                    )
+                  }
+                )
+              ] }) })
+            ]
+          }
+        ),
+        L !== i.length - 1 && /* @__PURE__ */ r(M, { $alignItems: "center", $justifyContent: "center", $gutterX: 2, children: [
+          /* @__PURE__ */ e(T, { $width: 1, $background: "GREY_2" }),
+          /* @__PURE__ */ e(o, { $background: "WHITE", $gapX: 0.375, children: /* @__PURE__ */ e(t, { $renderAs: "eyebrow2", children: "OR" }) })
+        ] })
+      ] }, p)
+    ) }) });
+  }
+), S = j;
+export {
+  S as default
+};
+//# sourceMappingURL=milestone-action-widget.js.map

package/dist/features/milestone/milestone-action-widget/milestone-action-widget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"milestone-action-widget.js","sources":["../../../../src/features/milestone/milestone-action-widget/milestone-action-widget.tsx"],"sourcesContent":["import type {\n  IMilestoneActionWidgetProps,\n  TActionCtaConfigItem,\n} from './milstone-action-widget-types';\n\nimport React, { Fragment, memo } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport useLazyRef from '../../hooks/use-lazy-ref';\nimport ArrowTooltip from '../../ui/arrow-tooltip/arrow-tooltip';\nimport Button from '../../ui/buttons/button/button';\nimport FlexView from '../../ui/layout/flex-view';\nimport Separator from '../../ui/separator/separator';\nimport Text from '../../ui/text/text';\nimport {\n  VerticalLine,\n  Wrapper,\n  MainWrapper,\n  Icon,\n  StyledFlexView,\n} from './milestone-action-widget-styled';\n\nconst MilestoneActionWidget: React.FC<IMilestoneActionWidgetProps> = memo(\n  ({ onCreatePlan, onAddOutcome, canCreatePlan }) => {\n    const temporaryMilestoneId = useLazyRef(uuidv4);\n\n    const handleCreatePlan = () => {\n      onCreatePlan(temporaryMilestoneId);\n    };\n\n    const buttonAnalyticsProps = {\n      temporary_milestone_id: temporaryMilestoneId,\n    };\n\n    const ACTION_CTA_CONFIG: TActionCtaConfigItem[] = [\n      {\n        id: 1,\n        heading: 'Create a Goal',\n        subHeading: `Add a new goal to the student's learning plan`,\n        ctaLabel: 'Create Goal',\n        icon: '⛳️',\n        onClick: handleCreatePlan,\n        isDisabled: !canCreatePlan,\n        disableReason: 'Goals can only be added for students who have joined the class',\n        borderColor: 'YELLOW_5',\n        backgroundColor: 'YELLOW_1',\n        borderTopColor: 'YELLOW_4',\n      },\n      {\n        id: 2,\n        heading: 'Add a Milestone',\n        subHeading: 'Add a previous test score or a student achievement',\n        ctaLabel: 'Add Milestone',\n        icon: '💯',\n        onClick: onAddOutcome,\n        isDisabled: false,\n        disableReason: '',\n        analyticsLabel: 'add-a-milestone',\n        borderColor: 'BLUE_5',\n        backgroundColor: 'GREEN_1',\n        borderTopColor: 'GREEN_4',\n      },\n    ];\n\n    return (\n      <FlexView>\n        <MainWrapper $flexDirection=\"row\" $gapX={1.5} $gutterX={2} $justifyContent=\"space-around\">\n          {ACTION_CTA_CONFIG.map(\n            (\n              {\n                id,\n                heading,\n                subHeading,\n                ctaLabel,\n                icon,\n                onClick,\n                isDisabled,\n                analyticsLabel,\n                borderColor,\n                backgroundColor,\n                borderTopColor,\n                disableReason,\n              },\n              idx,\n            ) => (\n              <Fragment key={id}>\n                <StyledFlexView\n                  $background={backgroundColor}\n                  $gap={20}\n                  $gutter={12}\n                  $flexDirection=\"row\"\n                  $borderRadius={8}\n                  $borderColor={borderTopColor}\n                >\n                  <FlexView $gapX={0.375}>\n                    <Icon $borderColor={borderColor}>{icon}</Icon>\n                  </FlexView>\n                  <FlexView $flexDirection=\"row\" $alignItems=\"flex-start\">\n                    <FlexView>\n                      <Text $renderAs=\"body1Medium\">{heading}</Text>\n                      <Text $renderAs=\"body2\" $widthX={12.15}>\n                        {subHeading}\n                      </Text>\n                      <Separator heightX={1} />\n\n                      <ArrowTooltip\n                        renderAs=\"primary\"\n                        position=\"bottom\"\n                        widthX={15.3125}\n                        tooltipItem={disableReason}\n                        hidden={!isDisabled}\n                      >\n                        <Button\n                          renderAs=\"secondary\"\n                          label={ctaLabel}\n                          onClick={onClick}\n                          widthX={10}\n                          size=\"small\"\n                          disabled={isDisabled}\n                          analyticsLabel={analyticsLabel}\n                          analyticsProps={buttonAnalyticsProps}\n                        />\n                      </ArrowTooltip>\n                    </FlexView>\n                  </FlexView>\n                </StyledFlexView>\n                {idx !== ACTION_CTA_CONFIG.length - 1 && (\n                  <Wrapper $alignItems=\"center\" $justifyContent=\"center\" $gutterX={2}>\n                    <VerticalLine $width={1} $background=\"GREY_2\" />\n                    <FlexView $background=\"WHITE\" $gapX={0.375}>\n                      <Text $renderAs=\"eyebrow2\">OR</Text>\n                    </FlexView>\n                  </Wrapper>\n                )}\n              </Fragment>\n            ),\n          )}\n        </MainWrapper>\n      </FlexView>\n    );\n  },\n);\n\nexport default MilestoneActionWidget;\n"],"names":["MilestoneActionWidget","memo","onCreatePlan","onAddOutcome","canCreatePlan","temporaryMilestoneId","useLazyRef","uuidv4","handleCreatePlan","buttonAnalyticsProps","ACTION_CTA_CONFIG","jsx","FlexView","MainWrapper","id","heading","subHeading","ctaLabel","icon","onClick","isDisabled","analyticsLabel","borderColor","backgroundColor","borderTopColor","disableReason","idx","jsxs","Fragment","StyledFlexView","Icon","Text","Separator","ArrowTooltip","Button","Wrapper","VerticalLine","MilestoneActionWidget$1"],"mappings":"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"}

package/dist/features/milestone/milestone-list-container/api/get-milestone-resources.js

@@ -0,0 +1,10 @@
+import { createGetAPI as t } from "@cuemath/rest-api";
+import { BASE_URL_V3_1 as o } from "../../../../constants/api.js";
+const { useGet: n, invalidate: a } = t({
+  getURL: (e, r, { studentId: s }) => `${o}/users/${s}/user-milestone/${e}/resources`
+});
+export {
+  a as invalidateMilestoneResources,
+  n as useGetMilestoneResources
+};
+//# sourceMappingURL=get-milestone-resources.js.map

package/dist/features/milestone/milestone-list-container/api/get-milestone-resources.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-milestone-resources.js","sources":["../../../../../src/features/milestone/milestone-list-container/api/get-milestone-resources.ts"],"sourcesContent":["import type { INodeDataProps } from '../../../chapters-v2/comps/node-card/node-card-types';\n\nimport { createGetAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V3_1 } from '../../../../constants/api';\n\ninterface IGetMilestoneResourcesAPIMetaData {\n  studentId: string;\n}\n\nconst { useGet: useGetMilestoneResources, invalidate: invalidateMilestoneResources } = createGetAPI<\n  INodeDataProps[],\n  void,\n  IGetMilestoneResourcesAPIMetaData\n>({\n  getURL: (userMilestoneId, _, { studentId }) =>\n    `${BASE_URL_V3_1}/users/${studentId}/user-milestone/${userMilestoneId}/resources`,\n});\n\nexport { useGetMilestoneResources, invalidateMilestoneResources };\n"],"names":["useGetMilestoneResources","invalidateMilestoneResources","createGetAPI","userMilestoneId","_","studentId","BASE_URL_V3_1"],"mappings":";;AAUA,MAAM,EAAE,QAAQA,GAA0B,YAAYC,EAAA,IAAiCC,EAIrF;AAAA,EACA,QAAQ,CAACC,GAAiBC,GAAG,EAAE,WAAAC,EAAA,MAC7B,GAAGC,CAAa,UAAUD,CAAS,mBAAmBF,CAAe;AACzE,CAAC;"}

package/dist/features/milestone/milestone-list-container/api/get-milestones.js

@@ -0,0 +1,18 @@
+import { createGetAllAPI as o } from "@cuemath/rest-api";
+import { BASE_URL_V3_1 as i } from "../../../../constants/api.js";
+import { stringify as a } from "../../../../helpers/query-string.js";
+const { useGetAll: u, invalidate: _ } = o({
+  getURL: (e) => {
+    const { milestone_state_group: t, student_id: s, course_stream: r } = e;
+    return `${i}/user-milestones/users/${s}/course-streams/${r}/?${a(
+      {
+        milestone_state_group: t
+      }
+    )}`;
+  }
+});
+export {
+  _ as invalidateMilestonesData,
+  u as useGetAllMilestonesdata
+};
+//# sourceMappingURL=get-milestones.js.map

package/dist/features/milestone/milestone-list-container/api/get-milestones.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-milestones.js","sources":["../../../../../src/features/milestone/milestone-list-container/api/get-milestones.ts"],"sourcesContent":["import type { TCourseStream } from '../../create/milestone-create-types';\nimport type { IMilestoneData } from '../milestone-list/milestone-list-types';\n\nimport { createGetAllAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V3_1 } from '../../../../constants/api';\nimport { stringify } from '../../../../helpers/query-string';\n\ntype TQuery = {\n  milestone_state_group: 'ALL' | 'DRAFT' | 'STUDENT_ALL' | 'LIVE' | 'STUDENT_LIVE' | 'INACTIVE';\n  student_id: string;\n  course_stream: TCourseStream;\n};\n\nconst { useGetAll: useGetAllMilestonesdata, invalidate: invalidateMilestonesData } =\n  createGetAllAPI<IMilestoneData, TQuery>({\n    getURL: query => {\n      const { milestone_state_group, student_id, course_stream } = query;\n\n      return `${BASE_URL_V3_1}/user-milestones/users/${student_id}/course-streams/${course_stream}/?${stringify(\n        {\n          milestone_state_group,\n        },\n      )}`;\n    },\n  });\n\nexport { useGetAllMilestonesdata, invalidateMilestonesData };\n"],"names":["useGetAllMilestonesdata","invalidateMilestonesData","createGetAllAPI","query","milestone_state_group","student_id","course_stream","BASE_URL_V3_1","stringify"],"mappings":";;;AAcA,MAAM,EAAE,WAAWA,GAAyB,YAAYC,EAAA,IACtDC,EAAwC;AAAA,EACtC,QAAQ,CAASC,MAAA;AACf,UAAM,EAAE,uBAAAC,GAAuB,YAAAC,GAAY,eAAAC,EAAA,IAAkBH;AAE7D,WAAO,GAAGI,CAAa,0BAA0BF,CAAU,mBAAmBC,CAAa,KAAKE;AAAA,MAC9F;AAAA,QACE,uBAAAJ;AAAA,MACF;AAAA,IACD,CAAA;AAAA,EACH;AACF,CAAC;"}

package/dist/features/milestone/milestone-list-container/api/get-tests-list.js

@@ -0,0 +1,10 @@
+import { createGetAPI as s } from "@cuemath/rest-api";
+import { BASE_URL_V3_1 as a } from "../../../../constants/api.js";
+const { useGet: l, invalidate: m } = s({
+  getURL: (e, r, { studentId: t }) => `${a}/users/${t}/user-milestone/${e}/tests`
+});
+export {
+  m as invalidateTestHelpData,
+  l as useGetTestHelpData
+};
+//# sourceMappingURL=get-tests-list.js.map

package/dist/features/milestone/milestone-list-container/api/get-tests-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-tests-list.js","sources":["../../../../../src/features/milestone/milestone-list-container/api/get-tests-list.ts"],"sourcesContent":["import type { INodeDataProps } from '../../../chapters-v2/comps/node-card/node-card-types';\n\nimport { createGetAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V3_1 } from '../../../../constants/api';\n\n//* Home page test help data.\nconst { useGet: useGetTestHelpData, invalidate: invalidateTestHelpData } = createGetAPI<\n  INodeDataProps[],\n  void,\n  {\n    studentId: string;\n  }\n>({\n  getURL: (userMilestoneId, _, { studentId }) =>\n    `${BASE_URL_V3_1}/users/${studentId}/user-milestone/${userMilestoneId}/tests`,\n});\n\nexport { useGetTestHelpData, invalidateTestHelpData };\n"],"names":["useGetTestHelpData","invalidateTestHelpData","createGetAPI","userMilestoneId","_","studentId","BASE_URL_V3_1"],"mappings":";;AAOA,MAAM,EAAE,QAAQA,GAAoB,YAAYC,EAAA,IAA2BC,EAMzE;AAAA,EACA,QAAQ,CAACC,GAAiBC,GAAG,EAAE,WAAAC,EAAA,MAC7B,GAAGC,CAAa,UAAUD,CAAS,mBAAmBF,CAAe;AACzE,CAAC;"}

package/dist/features/milestone/milestone-list-container/filter-milestones.js

@@ -0,0 +1,103 @@
+import { jsxs as h, jsx as n } from "react/jsx-runtime";
+import { useState as v, useMemo as k, useCallback as d } from "react";
+import y from "../../../assets/line-icons/icons/cross.js";
+import A from "../../../assets/line-icons/icons/search.js";
+import I from "../../ui/buttons/button/button.js";
+import i from "../../ui/inputs/select-input/select-input.js";
+import X from "../../ui/inputs/text-input/text-input.js";
+import u from "../../ui/layout/flex-view.js";
+import { getFilterOptions as $ } from "../create/utils/index.js";
+const K = ({
+  filteredMilestones: m,
+  handleClearFilter: p,
+  handleFilterMilestones: o,
+  milestones: g
+}) => {
+  const [x, s] = v({ grade: "", board: "", searchText: "" }), { grade: r, board: e, searchText: t } = x, { gradeOptions: f, boardOptions: C } = k(() => $(g), [g]), b = d(
+    (a) => {
+      const c = a.target.value;
+      o({
+        searchText: c,
+        selectedBoard: e,
+        selectedGrade: r
+      }), s((S) => ({ ...S, searchText: c }));
+    },
+    [e, r, o]
+  ), T = d(
+    (a) => {
+      o({
+        searchText: t,
+        selectedBoard: a,
+        selectedGrade: r
+      }), s((c) => ({ ...c, board: a }));
+    },
+    [r, o, t]
+  ), B = d(
+    (a) => {
+      o({
+        searchText: t,
+        selectedBoard: e,
+        selectedGrade: a
+      }), s((c) => ({ ...c, grade: a }));
+    },
+    [e, o, t]
+  ), l = d(() => {
+    p(), s({ grade: "", board: "", searchText: "" });
+  }, [p]), G = d(() => {
+    !r && !e ? l() : (o({
+      searchText: "",
+      selectedBoard: e,
+      selectedGrade: r
+    }), s((a) => ({ ...a, searchText: "" })));
+  }, [e, l, r, o]);
+  return /* @__PURE__ */ h(u, { $marginBottomX: (m == null ? void 0 : m.length) === 0 ? 1 : 0, children: [
+    /* @__PURE__ */ h(u, { $flexDirection: "row", $flexGapX: 1, $gapX: 0.25, children: [
+      /* @__PURE__ */ n(
+        X,
+        {
+          renderAs: "primary",
+          label: "Search learning plan name",
+          value: t,
+          widthX: 24,
+          onChange: b,
+          siblingElement: t.length > 0 ? /* @__PURE__ */ n(y, { onClick: G }) : /* @__PURE__ */ n(A, {})
+        }
+      ),
+      /* @__PURE__ */ n(
+        i,
+        {
+          renderAs: "primary",
+          options: C,
+          label: "Board",
+          value: e,
+          onChange: T
+        }
+      ),
+      /* @__PURE__ */ n(
+        i,
+        {
+          renderAs: "primary",
+          options: f || [],
+          label: "Grade",
+          value: r,
+          onChange: B
+        }
+      )
+    ] }),
+    /* @__PURE__ */ n(
+      I,
+      {
+        renderAs: "primary",
+        onClick: l,
+        size: "small",
+        label: "Clear filters",
+        alignSelf: "flex-end",
+        disabled: !r && !e && !t
+      }
+    )
+  ] });
+};
+export {
+  K as default
+};
+//# sourceMappingURL=filter-milestones.js.map

package/dist/features/milestone/milestone-list-container/filter-milestones.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-milestones.js","sources":["../../../../src/features/milestone/milestone-list-container/filter-milestones.tsx"],"sourcesContent":["import type { IFliterMilestones } from './filter-milestone-types';\n\nimport React, { useCallback, useMemo, useState } from 'react';\n\nimport CrossIcon from '../../../assets/line-icons/icons/cross';\nimport SearchIcon from '../../../assets/line-icons/icons/search';\nimport Button from '../../ui/buttons/button/button';\nimport SelectInput from '../../ui/inputs/select-input/select-input';\nimport TextInput from '../../ui/inputs/text-input/text-input';\nimport FlexView from '../../ui/layout/flex-view';\nimport { getFilterOptions } from '../create/utils';\n\nconst FilterMilestones: React.FC<IFliterMilestones> = ({\n  filteredMilestones,\n  handleClearFilter,\n  handleFilterMilestones,\n  milestones,\n}) => {\n  const [filters, setFilters] = useState<{\n    grade: string;\n    board: string;\n    searchText: string;\n  }>({ grade: '', board: '', searchText: '' });\n  const { grade, board, searchText } = filters;\n\n  const { gradeOptions, boardOptions } = useMemo(() => getFilterOptions(milestones), [milestones]);\n\n  const handleChangeSearchText: React.ChangeEventHandler<HTMLInputElement> = useCallback(\n    event => {\n      const value = event.target.value;\n\n      handleFilterMilestones({\n        searchText: value,\n        selectedBoard: board,\n        selectedGrade: grade,\n      });\n      setFilters(prev => {\n        return { ...prev, searchText: value };\n      });\n    },\n    [board, grade, handleFilterMilestones],\n  );\n\n  const handleBoardChange = useCallback(\n    (boardVal: string) => {\n      handleFilterMilestones({\n        searchText,\n        selectedBoard: boardVal,\n        selectedGrade: grade,\n      });\n      setFilters(prev => {\n        return { ...prev, board: boardVal };\n      });\n    },\n    [grade, handleFilterMilestones, searchText],\n  );\n\n  const handleGradeChange = useCallback(\n    (gradeVal: string) => {\n      handleFilterMilestones({\n        searchText,\n        selectedBoard: board,\n        selectedGrade: gradeVal,\n      });\n      setFilters(prev => {\n        return { ...prev, grade: gradeVal };\n      });\n    },\n    [board, handleFilterMilestones, searchText],\n  );\n\n  const clearFilters = useCallback(() => {\n    handleClearFilter();\n    setFilters({ grade: '', board: '', searchText: '' });\n  }, [handleClearFilter]);\n\n  const handleSearchCrossClick = useCallback(() => {\n    if (!grade && !board) {\n      clearFilters();\n    } else {\n      handleFilterMilestones({\n        searchText: '',\n        selectedBoard: board,\n        selectedGrade: grade,\n      });\n      setFilters(prev => {\n        return { ...prev, searchText: '' };\n      });\n    }\n  }, [board, clearFilters, grade, handleFilterMilestones]);\n\n  return (\n    <FlexView $marginBottomX={filteredMilestones?.length === 0 ? 1 : 0}>\n      <FlexView $flexDirection=\"row\" $flexGapX={1} $gapX={0.25}>\n        <TextInput\n          renderAs=\"primary\"\n          label=\"Search learning plan name\"\n          value={searchText}\n          widthX={24}\n          onChange={handleChangeSearchText}\n          siblingElement={\n            searchText.length > 0 ? <CrossIcon onClick={handleSearchCrossClick} /> : <SearchIcon />\n          }\n        />\n        <SelectInput\n          renderAs=\"primary\"\n          options={boardOptions}\n          label=\"Board\"\n          value={board}\n          onChange={handleBoardChange}\n        />\n        <SelectInput\n          renderAs=\"primary\"\n          options={gradeOptions || []}\n          label=\"Grade\"\n          value={grade}\n          onChange={handleGradeChange}\n        />\n      </FlexView>\n      <Button\n        renderAs=\"primary\"\n        onClick={clearFilters}\n        size=\"small\"\n        label=\"Clear filters\"\n        alignSelf=\"flex-end\"\n        disabled={!grade && !board && !searchText}\n      />\n    </FlexView>\n  );\n};\n\nexport default FilterMilestones;\n"],"names":["FilterMilestones","filteredMilestones","handleClearFilter","handleFilterMilestones","milestones","filters","setFilters","useState","grade","board","searchText","gradeOptions","boardOptions","useMemo","getFilterOptions","handleChangeSearchText","useCallback","event","value","prev","handleBoardChange","boardVal","handleGradeChange","gradeVal","clearFilters","handleSearchCrossClick","FlexView","jsxs","jsx","TextInput","CrossIcon","SearchIcon","SelectInput","Button"],"mappings":"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"}

package/dist/features/milestone/milestone-list-container/milestone-list/milestone-list.js

@@ -0,0 +1,155 @@
+import { jsxs as t, Fragment as ee, jsx as n } from "react/jsx-runtime";
+import te, { memo as ne, useState as oe, useCallback as A } from "react";
+import ie from "../../../hooks/use-lazy-ref.js";
+import u from "../../../ui/buttons/text-button/text-button.js";
+import c from "../../../ui/layout/flex-view.js";
+import re from "../../../ui/separator/separator.js";
+import C from "../../../ui/text/text.js";
+import se from "./milestone-widget/milestone-widget.js";
+import { StyledDownIcon as ae } from "./milestone-widget/milestone-widget-styled.js";
+import le from "./no-active-milestone/no-active-milestone.js";
+import ce from "../../../../node_modules/uuid/dist/esm-browser/v4.js";
+const Ne = ne(
+  ({ milestones: e, studentId: M, milestoneType: s, ...x }) => {
+    const [a, N] = oe(!1), {
+      canCreatePlan: m,
+      isClassOngoing: T,
+      isFiltersAdded: $,
+      isStudentPresent: I,
+      onAddChapter: v,
+      onAddOutcome: i,
+      onChapterClick: w,
+      onCreatePlan: r,
+      onDelete: E,
+      onDraftPublish: R,
+      onEdit: D,
+      onExpandPastMilestones: f,
+      onCreateMilestoneTest: P,
+      onNodeAttempt: S,
+      onNodeView: b,
+      onNodeReview: F,
+      onNodeReattempt: k,
+      onNodeReset: B,
+      onNodeUnassign: V,
+      onAssignResources: j,
+      onTestPreview: G,
+      onTestReview: L,
+      onTestStart: O,
+      activeMilestoneId: _,
+      activeTabId: y,
+      onWidgetTabSelection: z,
+      studentName: p,
+      teacherName: X,
+      parentName: U,
+      userType: d,
+      courseStream: W
+    } = x, l = s === "ACTIVE", h = s === "DRAFT", g = ie(ce), H = A(() => {
+      r == null || r(g);
+    }, [r, g]), q = () => {
+      !a && f && f(), N(!a);
+    }, J = A(() => {
+      i == null || i();
+    }, [i]);
+    if (!e) return null;
+    const K = e.some(
+      (o) => o.milestone_state === "ACTIVE"
+    ), Q = e.some(
+      (o) => o.milestone_state === "DRAFT"
+    );
+    return /* @__PURE__ */ t(ee, { children: [
+      l && !K && /* @__PURE__ */ n(c, { $marginBottom: 40, children: /* @__PURE__ */ n(
+        le,
+        {
+          canCreatePlan: m,
+          isDraftMilestonePresent: Q,
+          isFiltersAdded: $,
+          onCreatePlan: r,
+          studentName: p,
+          userType: d
+        }
+      ) }),
+      l && /* @__PURE__ */ t(c, { $flexDirection: "row", $justifyContent: "space-between", $marginBottom: 16, children: [
+        /* @__PURE__ */ t(C, { $renderAs: "ac4", children: [
+          "Goals (",
+          e.length,
+          ")"
+        ] }),
+        d === "TEACHER" && /* @__PURE__ */ t(c, { $flexDirection: "row", $flexGapX: 1, children: [
+          /* @__PURE__ */ n(
+            u,
+            {
+              label: "Create Goal",
+              size: "small",
+              onClick: H,
+              disabled: !m
+            }
+          ),
+          /* @__PURE__ */ n(u, { label: "Add Milestone", size: "small", onClick: J })
+        ] })
+      ] }),
+      s === "INACTIVE" && !!e.length && /* @__PURE__ */ t(
+        c,
+        {
+          $flexDirection: "row",
+          $alignItems: "center",
+          $justifyContent: "space-between",
+          $marginBottomX: 1,
+          children: [
+            /* @__PURE__ */ t(C, { $renderAs: "ac4", children: [
+              "PAST LEARNING PLANS & OUTCOMES (",
+              e.length,
+              ")"
+            ] }),
+            /* @__PURE__ */ n(ae, { onClick: q, $expanded: a })
+          ]
+        }
+      ),
+      (h || l || a) && e.map((o, Y) => {
+        const { id: Z } = o;
+        return /* @__PURE__ */ t(te.Fragment, { children: [
+          /* @__PURE__ */ n(
+            se,
+            {
+              milestone: o,
+              studentId: M,
+              studentName: p,
+              parentName: U,
+              teacherName: X,
+              userType: d,
+              onAddOutcome: i,
+              onChapterClick: w,
+              isMilestoneActive: l || h,
+              milestoneType: s,
+              onEdit: D,
+              onCreateMilestoneTest: P,
+              onAddChapter: v,
+              onDelete: E,
+              onDraftPublish: R,
+              isClassOngoing: T,
+              isStudentPresent: I,
+              onAssignResources: j,
+              onNodeAttempt: S,
+              onNodeView: b,
+              onNodeReview: F,
+              onNodeReattempt: k,
+              onNodeReset: B,
+              onNodeUnassign: V,
+              onTestPreview: G,
+              onTestReview: L,
+              onTestStart: O,
+              courseStream: W,
+              activeMilestoneId: _,
+              activeTabId: y,
+              onWidgetTabSelection: z
+            }
+          ),
+          Y !== e.length - 1 && /* @__PURE__ */ n(re, { heightX: 2 })
+        ] }, `milestone=${Z}`);
+      })
+    ] });
+  }
+);
+export {
+  Ne as default
+};
+//# sourceMappingURL=milestone-list.js.map

package/dist/features/milestone/milestone-list-container/milestone-list/milestone-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"milestone-list.js","sources":["../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-list.tsx"],"sourcesContent":["import type { IMilestoneListProps } from './milestone-list-types';\n\nimport React, { memo, useCallback, useState } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport useLazyRef from '../../../hooks/use-lazy-ref';\nimport TextButton from '../../../ui/buttons/text-button/text-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport MilestoneWidget from './milestone-widget/milestone-widget';\nimport { StyledDownIcon } from './milestone-widget/milestone-widget-styled';\nimport NoActiveMilestone from './no-active-milestone/no-active-milestone';\n\nconst MilestoneList: React.FC<IMilestoneListProps> = memo(\n  ({ milestones, studentId, milestoneType, ...restMilestoneListProps }) => {\n    const [expandInactiveMilestones, setExpandInactiveMilestones] = useState(false);\n    const {\n      canCreatePlan,\n      isClassOngoing,\n      isFiltersAdded,\n      isStudentPresent,\n      onAddChapter,\n      onAddOutcome,\n      onChapterClick,\n      onCreatePlan,\n      onDelete,\n      onDraftPublish,\n      onEdit,\n      onExpandPastMilestones,\n      onCreateMilestoneTest,\n      onNodeAttempt,\n      onNodeView,\n      onNodeReview,\n      onNodeReattempt,\n      onNodeReset,\n      onNodeUnassign,\n      onAssignResources,\n      onTestPreview,\n      onTestReview,\n      onTestStart,\n      activeMilestoneId,\n      activeTabId,\n      onWidgetTabSelection,\n      studentName,\n      teacherName,\n      parentName,\n      userType,\n      courseStream,\n    } = restMilestoneListProps;\n\n    const isMilestoneActive = milestoneType === 'ACTIVE';\n    const isDraftMilestone = milestoneType === 'DRAFT';\n    const temporaryMilestoneId = useLazyRef(uuidv4);\n\n    const handleCreatePlan = useCallback(() => {\n      onCreatePlan?.(temporaryMilestoneId);\n    }, [onCreatePlan, temporaryMilestoneId]);\n\n    const toggleExpand = () => {\n      if (!expandInactiveMilestones && onExpandPastMilestones) {\n        onExpandPastMilestones();\n      }\n      setExpandInactiveMilestones(!expandInactiveMilestones);\n    };\n\n    const handleOnAddOutcome = useCallback(() => {\n      onAddOutcome?.();\n    }, [onAddOutcome]);\n\n    if (!milestones) return null;\n\n    const activeMilestonePresent = milestones.some(\n      milestone => milestone.milestone_state === 'ACTIVE',\n    );\n    const draftMilestonePresent = milestones.some(\n      milestone => milestone.milestone_state === 'DRAFT',\n    );\n\n    return (\n      <>\n        {isMilestoneActive && !activeMilestonePresent && (\n          <FlexView $marginBottom={40}>\n            <NoActiveMilestone\n              canCreatePlan={canCreatePlan}\n              isDraftMilestonePresent={draftMilestonePresent}\n              isFiltersAdded={isFiltersAdded}\n              onCreatePlan={onCreatePlan}\n              studentName={studentName}\n              userType={userType}\n            />\n          </FlexView>\n        )}\n\n        {isMilestoneActive && (\n          <FlexView $flexDirection=\"row\" $justifyContent=\"space-between\" $marginBottom={16}>\n            <Text $renderAs=\"ac4\">Goals ({milestones.length})</Text>\n\n            {userType === 'TEACHER' && (\n              <FlexView $flexDirection=\"row\" $flexGapX={1}>\n                <TextButton\n                  label=\"Create Goal\"\n                  size=\"small\"\n                  onClick={handleCreatePlan}\n                  disabled={!canCreatePlan}\n                />\n                <TextButton label=\"Add Milestone\" size=\"small\" onClick={handleOnAddOutcome} />\n              </FlexView>\n            )}\n          </FlexView>\n        )}\n\n        {milestoneType === 'INACTIVE' && Boolean(milestones.length) && (\n          <FlexView\n            $flexDirection=\"row\"\n            $alignItems=\"center\"\n            $justifyContent=\"space-between\"\n            $marginBottomX={1}\n          >\n            <Text $renderAs=\"ac4\">PAST LEARNING PLANS & OUTCOMES ({milestones.length})</Text>\n            <StyledDownIcon onClick={toggleExpand} $expanded={expandInactiveMilestones} />\n          </FlexView>\n        )}\n\n        {(isDraftMilestone || isMilestoneActive || expandInactiveMilestones) &&\n          milestones.map((milestone, idx) => {\n            const { id: milestoneId } = milestone;\n\n            return (\n              <React.Fragment key={`milestone=${milestoneId}`}>\n                <MilestoneWidget\n                  milestone={milestone}\n                  studentId={studentId}\n                  studentName={studentName}\n                  parentName={parentName}\n                  teacherName={teacherName}\n                  userType={userType}\n                  onAddOutcome={onAddOutcome}\n                  onChapterClick={onChapterClick}\n                  isMilestoneActive={isMilestoneActive || isDraftMilestone}\n                  milestoneType={milestoneType}\n                  onEdit={onEdit}\n                  onCreateMilestoneTest={onCreateMilestoneTest}\n                  onAddChapter={onAddChapter}\n                  onDelete={onDelete}\n                  onDraftPublish={onDraftPublish}\n                  isClassOngoing={isClassOngoing}\n                  isStudentPresent={isStudentPresent}\n                  onAssignResources={onAssignResources}\n                  onNodeAttempt={onNodeAttempt}\n                  onNodeView={onNodeView}\n                  onNodeReview={onNodeReview}\n                  onNodeReattempt={onNodeReattempt}\n                  onNodeReset={onNodeReset}\n                  onNodeUnassign={onNodeUnassign}\n                  onTestPreview={onTestPreview}\n                  onTestReview={onTestReview}\n                  onTestStart={onTestStart}\n                  courseStream={courseStream}\n                  activeMilestoneId={activeMilestoneId}\n                  activeTabId={activeTabId}\n                  onWidgetTabSelection={onWidgetTabSelection}\n                />\n                {idx !== milestones.length - 1 && <Separator heightX={2} />}\n              </React.Fragment>\n            );\n          })}\n      </>\n    );\n  },\n);\n\nexport default MilestoneList;\n"],"names":["MilestoneList","memo","milestones","studentId","milestoneType","restMilestoneListProps","expandInactiveMilestones","setExpandInactiveMilestones","useState","canCreatePlan","isClassOngoing","isFiltersAdded","isStudentPresent","onAddChapter","onAddOutcome","onChapterClick","onCreatePlan","onDelete","onDraftPublish","onEdit","onExpandPastMilestones","onCreateMilestoneTest","onNodeAttempt","onNodeView","onNodeReview","onNodeReattempt","onNodeReset","onNodeUnassign","onAssignResources","onTestPreview","onTestReview","onTestStart","activeMilestoneId","activeTabId","onWidgetTabSelection","studentName","teacherName","parentName","userType","courseStream","isMilestoneActive","isDraftMilestone","temporaryMilestoneId","useLazyRef","uuidv4","handleCreatePlan","useCallback","toggleExpand","handleOnAddOutcome","activeMilestonePresent","milestone","draftMilestonePresent","jsxs","Fragment","jsx","FlexView","NoActiveMilestone","Text","TextButton","StyledDownIcon","idx","milestoneId","React","MilestoneWidget","Separator"],"mappings":"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"}

package/dist/features/milestone/milestone-list-container/milestone-list/milestone-loader/milestone-loader-styled.js

@@ -0,0 +1,12 @@
+import i, { css as o } from "styled-components";
+import { skeletonLoadingAnimation as n } from "../../../../ui/constants/style.js";
+import e from "../../../../ui/layout/flex-view.js";
+const a = i(e)`
+  ${() => o`
+    animation: ${n} 2s linear infinite;
+  `};
+`;
+export {
+  a as LoadingFlexView
+};
+//# sourceMappingURL=milestone-loader-styled.js.map

package/dist/features/milestone/milestone-list-container/milestone-list/milestone-loader/milestone-loader-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"milestone-loader-styled.js","sources":["../../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-loader/milestone-loader-styled.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\n\nimport { skeletonLoadingAnimation } from '../../../../ui/constants/style';\nimport FlexView from '../../../../ui/layout/flex-view';\n\nconst LoadingFlexView = styled(FlexView)`\n  ${() => css`\n    animation: ${skeletonLoadingAnimation} 2s linear infinite;\n  `};\n`;\n\nexport { LoadingFlexView };\n"],"names":["LoadingFlexView","styled","FlexView","css","skeletonLoadingAnimation"],"mappings":";;;AAKM,MAAAA,IAAkBC,EAAOC,CAAQ;AAAA,IACnC,MAAMC;AAAA,iBACOC,CAAwB;AAAA,GACtC;AAAA;"}

package/dist/features/milestone/milestone-list-container/milestone-list/milestone-loader/milestone-loader.js

@@ -0,0 +1,47 @@
+import { jsx as e, Fragment as n, jsxs as t } from "react/jsx-runtime";
+import { memo as h } from "react";
+import i from "../../../../ui/layout/flex-view.js";
+import a from "../../../../ui/separator/separator.js";
+import { LoadingFlexView as r } from "./milestone-loader-styled.js";
+const u = h(({ numMilestones: o = 1 }) => /* @__PURE__ */ e(n, { children: Array.from({ length: o }).map((d, $) => /* @__PURE__ */ t(i, { $gutterX: 1, $gapX: 1.5, $borderColor: "GREY_2", $background: "GREY_1", children: [
+  /* @__PURE__ */ t(
+    i,
+    {
+      $flexDirection: "row",
+      $justifyContent: "space-between",
+      $flexGapX: 1,
+      $marginBottomX: 1.5,
+      children: [
+        /* @__PURE__ */ t(i, { children: [
+          /* @__PURE__ */ e(r, { $heightX: 1.5, $background: "REAL_BLACK_15", $width: 370 }),
+          /* @__PURE__ */ e(a, { heightX: 0.5 }),
+          /* @__PURE__ */ e(r, { $heightX: 1.25, $background: "REAL_BLACK_15", $width: 270 })
+        ] }),
+        /* @__PURE__ */ t(i, { $flexGapX: 1, $flexDirection: "row", children: [
+          /* @__PURE__ */ e(r, { $heightX: 2, $widthX: 2, $background: "REAL_BLACK_15" }),
+          /* @__PURE__ */ e(r, { $heightX: 2, $widthX: 2, $background: "REAL_BLACK_15" })
+        ] })
+      ]
+    }
+  ),
+  /* @__PURE__ */ t(
+    i,
+    {
+      $flexDirection: "row",
+      $justifyContent: "space-between",
+      $alignItems: "center",
+      $background: "WHITE",
+      $gutterX: 1,
+      $inherit: !0,
+      $heightX: 4,
+      children: [
+        /* @__PURE__ */ e(r, { $heightX: 3, $background: "REAL_BLACK_15", $widthX: 12 }),
+        /* @__PURE__ */ e(r, { $heightX: 2, $background: "REAL_BLACK_15", $widthX: 2 })
+      ]
+    }
+  )
+] }, $)) }));
+export {
+  u as default
+};
+//# sourceMappingURL=milestone-loader.js.map

package/dist/features/milestone/milestone-list-container/milestone-list/milestone-loader/milestone-loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"milestone-loader.js","sources":["../../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-loader/milestone-loader.tsx"],"sourcesContent":["import type { IMilestoneLoaderProps } from './milestone-loader-types';\nimport type { FC } from 'react';\n\nimport { memo } from 'react';\n\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Separator from '../../../../ui/separator/separator';\nimport { LoadingFlexView } from './milestone-loader-styled';\n\nconst MilestoneLoader: FC<IMilestoneLoaderProps> = memo(({ numMilestones = 1 }) => {\n  return (\n    <>\n      {Array.from({ length: numMilestones }).map((_, index) => (\n        <FlexView key={index} $gutterX={1} $gapX={1.5} $borderColor=\"GREY_2\" $background=\"GREY_1\">\n          <FlexView\n            $flexDirection=\"row\"\n            $justifyContent=\"space-between\"\n            $flexGapX={1}\n            $marginBottomX={1.5}\n          >\n            <FlexView>\n              <LoadingFlexView $heightX={1.5} $background=\"REAL_BLACK_15\" $width={370} />\n              <Separator heightX={0.5} />\n              <LoadingFlexView $heightX={1.25} $background=\"REAL_BLACK_15\" $width={270} />\n            </FlexView>\n            <FlexView $flexGapX={1} $flexDirection=\"row\">\n              <LoadingFlexView $heightX={2} $widthX={2} $background=\"REAL_BLACK_15\" />\n              <LoadingFlexView $heightX={2} $widthX={2} $background=\"REAL_BLACK_15\" />\n            </FlexView>\n          </FlexView>\n          <FlexView\n            $flexDirection=\"row\"\n            $justifyContent=\"space-between\"\n            $alignItems=\"center\"\n            $background=\"WHITE\"\n            $gutterX={1}\n            $inherit\n            $heightX={4}\n          >\n            <LoadingFlexView $heightX={3} $background=\"REAL_BLACK_15\" $widthX={12} />\n            <LoadingFlexView $heightX={2} $background=\"REAL_BLACK_15\" $widthX={2} />\n          </FlexView>\n        </FlexView>\n      ))}\n    </>\n  );\n});\n\nexport default MilestoneLoader;\n"],"names":["MilestoneLoader","memo","numMilestones","jsx","Fragment","_","index","jsxs","FlexView","LoadingFlexView","Separator"],"mappings":";;;;;AASA,MAAMA,IAA6CC,EAAK,CAAC,EAAE,eAAAC,IAAgB,QAEvE,gBAAAC,EAAAC,GAAA,EACG,gBAAM,KAAK,EAAE,QAAQF,EAAc,CAAC,EAAE,IAAI,CAACG,GAAGC,MAC7C,gBAAAC,EAACC,KAAqB,UAAU,GAAG,OAAO,KAAK,cAAa,UAAS,aAAY,UAC/E,UAAA;AAAA,EAAA,gBAAAD;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAe;AAAA,MACf,iBAAgB;AAAA,MAChB,WAAW;AAAA,MACX,gBAAgB;AAAA,MAEhB,UAAA;AAAA,QAAA,gBAAAD,EAACC,GACC,EAAA,UAAA;AAAA,UAAA,gBAAAL,EAACM,KAAgB,UAAU,KAAK,aAAY,iBAAgB,QAAQ,KAAK;AAAA,UACzE,gBAAAN,EAACO,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,4BACxBD,GAAgB,EAAA,UAAU,MAAM,aAAY,iBAAgB,QAAQ,KAAK;AAAA,QAAA,GAC5E;AAAA,QACC,gBAAAF,EAAAC,GAAA,EAAS,WAAW,GAAG,gBAAe,OACrC,UAAA;AAAA,UAAA,gBAAAL,EAACM,KAAgB,UAAU,GAAG,SAAS,GAAG,aAAY,iBAAgB;AAAA,4BACrEA,GAAgB,EAAA,UAAU,GAAG,SAAS,GAAG,aAAY,iBAAgB;AAAA,QAAA,GACxE;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAAA,EACA,gBAAAF;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAe;AAAA,MACf,iBAAgB;AAAA,MAChB,aAAY;AAAA,MACZ,aAAY;AAAA,MACZ,UAAU;AAAA,MACV,UAAQ;AAAA,MACR,UAAU;AAAA,MAEV,UAAA;AAAA,QAAA,gBAAAL,EAACM,KAAgB,UAAU,GAAG,aAAY,iBAAgB,SAAS,IAAI;AAAA,0BACtEA,GAAgB,EAAA,UAAU,GAAG,aAAY,iBAAgB,SAAS,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EACxE;AAAA,KA5BaH,CA6Bf,CACD,EACH,CAAA,CAEH;"}